/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{font-family:"microsoft yahei", arial, tahoma, "\5b8b\4f53", sans-serif;font-size: 14px; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.f14{font-size:14px;}

.top{ height:29px; line-height:29px;color:#555;background: url(../images/top-bg.gif) repeat-x;}
.top .welcome{ font-size:14px; float: left; width: 720px; height:30px;}
.top .tel{float:right; font-size: 14px;height:30px; line-height:30px; width:200px;}
.top .tel span{padding-left:5px;font-size: 22px; font-family: impact;display: block; float: right;height:30px; line-height:30px;    width: 130px;  text-align: right;}
.top .topsub{float: right; line-height: 30px; color: #999;font-size:14px;}
.top .topsub a{ color:#666; margin:0 10px; font-size:14px;}
.top .topsub a:hover{ color:#FF6701; margin:0 10px;}

.header{ position:relative; z-index:6;overflow: hidden;background: url(../images/logo-bg.gif) repeat-x; height:105px; width: 100%;}
.header .logo{float:left; height:105px; padding:0;}
.header .logo img{height:105px;}
.header .headertel{float: right; height: 105px; color: #999;}

.searchbar{ width:100%; height:40px; background:url(../images/search-bg.gif) repeat-x;}
.search-l{padding-left:10px; float:right;height: 27px; line-height: 27px;margin: 0; padding: 6px 0; width:290px;}
.search-l .text{height:25px;border:1px solid #cdcdcd;color:#999999;font-size:14px;line-height:25px; text-indent: 14px;background: #ffffff;width:150px;}
.search-l .btnsubmit{width:50px;height:27px;border:1px solid #C97500;background: url(../images/search.gif) no-repeat left center;float:right;}
.search-r{float:left; line-height:40px; color:#555; width: 800px;}
.search-r strong{ color:#dd700b;}


/* menu css */
.menu-wrap{background: url(../images/nav-bg.gif) repeat-x;}
.menu{width:1200px; margin:0 auto; height:42px;}
.menu ul li ul a:hover{background-color:#DD700B; color:#fff;}
.menu ul li{float: left;height: 42px;line-height: 42px; position:relative;width:135px; text-align:center;}
.menu ul li ul li{ height:40px; line-height:40px;}
.menu ul li a{ color:#fff; display:block; font-size:16px; text-shadow: 2px 1px rgba(0,0,0,.3);}
.menu ul ul{ position:absolute; z-index:9999; display:none; left:0; top:42px;}
.menu ul li a:hover{ text-decoration:none; background:url(../images/menunow.gif);}
.menu ul li.hover a{ color:#fff;  background:url(../images/menunow.gif);width:137px;}
/* menu css END*/

.silder_banner {width:100%;height:406px;overflow:hidden; z-index:50;background: url(../images/ban-bg.gif) center bottom no-repeat;}
.silder_banner .bd{width: 100%; background: url("../images/loading.gif") no-repeat center center;}
.silder_banner .bd ul{padding:0; margin:0;}
.silder_banner .bd li {list-style:none;}
.silder_banner .bd li .pic {height: 384px;  margin: 0 auto;  position: relative;}
.silder_banner .bd li .pic img{position:relative; left:50%; margin-left:-600px;}
.silder_banner .hd { width: 100%; margin: 0 auto; position: relative; bottom:35px; left:0; height:5px; line-height:5px; text-align:center;}
.silder_banner .hd ul li { border-radius: 50%; cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 14px; height: 14px; line-height: 50px; margin: 4px; overflow: hidden; background: #b8b8b8; }
.silder_banner .hd ul .on { background: #ff6f00; }
.silder_banner .hd ul li:hover{ opacity:0.8;}

.banner{height:300px; background:url("../images/bannerinner.jpg") #000 no-repeat bottom center;}


.footer{background: url(../images/footer-bg.gif) repeat-x; margin-top:20px; text-align: center;color:#fff;height: 190px;}
.footer .navb{height:40px;}
.footer .navb ul{ width:630px; margin:0 auto;}
.footer .navb ul li{ width:70px; height:42px; line-height:42px; float:left; text-align:center;}
.footer .navb ul li a{ color:#fff;}
.footer a{color:#fff;}
.footer a:hover{color:#ff6f00;}
.footer p{color:#fff; line-height:30px; font-size:14px; text-align:center;}
.footer .banquan {text-align: center; padding: 15px 0px 0px 0px; line-height: 30px;}

/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; font-size:14px; border-bottom: 1px dashed #dedede;}
.inside{margin-top:20px; background:url("../images/title_04.gif") #fff repeat-y; min-height:400px;overflow: hidden;}

.inside_left{ width:218px; float:left;}
.inside_left .side_a dl dt{height: 32px; background: url(../images/product-left-top-t.gif) no-repeat; font-weight: bold; font-size: 14px; color: #fff; text-indent: 34px; line-height: 32px;}
.inside_left .side_a dl dt a{color: #fff;}
.inside_left .side_a dl dt a:hover{color: #ff6f00;}
.inside_left .side_a .sida_a_ddlist{border: 1px solid #dcdcdc; border-top: none; padding:10px 6px;}
.inside_left .side_a dl dd{ height:36px; line-height:30px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px;  background: url(../images/product-left-li.gif) no-repeat;}
.inside_left .side_a dl dd a:hover{ background:url("../images/product-left-li-a.gif") no-repeat; color:#fff;}
.inside_left .side_a dl .hover a{ background:url("../images/product-left-li-a.gif") no-repeat; color:#fff;} 
.inside_left .lianxi{ margin-top:15px; text-align:center;}
.inside_left .lianxi img{width:100%;}

.leftTtitle{height: 32px; background: url(../images/middle-1-left-center-t.gif) no-repeat; font-weight: bold; font-size: 14px; color: #fff;line-height: 32px; text-indent: 29px;}
.leftTtitle span{color: #999999; font-size:16px; text-transform: uppercase;}
.leftContact{width:218px; margin-top: 20px;background: #ffffff;  margin-bottom: 20px;}
.leftConTel{width: 222px; padding-left: 16px;color:#DD700B; font-family: impact; font-size: 28px;}
.leftContact ul{padding: 10px; overflow: hidden; border: 1px solid #dcdcdc; border-top: 0;}
.leftContact ul li{width: 175px; display: block;  clear: both;  color: #666666;  font-size: 14px; line-height: 30px; float: left; padding-left: 24px;}
.leftContact .lianxiimg{text-align:center; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;padding-top: 10px;}

.leftContact ul li.mobile{background: url("../images/mobileico.png") 4px 6px no-repeat;}
.leftContact ul li.tel{background: url("../images/telico.png") 2px 4px no-repeat;}
.leftContact ul li.weixin{background: url("../images/weixinico.png") 0% 8px no-repeat;}
.leftContact ul li.addr{background: url("../images/addressico.png") 2px 4px no-repeat;}
.leftContact ul li.email{background: url("../images/mailico.png") 2px 4px no-repeat;}
.leftContact ul li.ren{background: url("../images/peopleico.png") 2px 4px no-repeat;}
.leftContact ul li.kefu{background: url("../images/faceico.png") 2px 4px no-repeat;}
.leftContact ul li.qq{background: url("../images/qqico.png") 0 4px no-repeat;}

.lefttel{float: right;width: 240px;line-height: 25px; color: #999; margin-top: 15px;background: #f2f2f2; padding: 10px 0;}
.lefttel p{float: right;display: block;  width: 280px; height: 25px; text-align: left; position: absolute; top: 0px;}
.lefttel em{ float:right; display:block; padding:10px 0 0 0;}
.lefttel .tel{background: url(../images/tel.png) left center no-repeat; background-size: 50px; width: 195px; float: right; padding-left: 45px;height: 60px;}
.lefttel .tel p{position:relative;float:none; text-align:left; float:left; text-indent:5px;}
.lefttel .tel p.hotline{font-size: 16px; color: #666; line-height: 30px; height: 25px; font-weight: bold;}
.lefttel .tel p.phone{font-size:30px; color:#DD4250/*#DD700B绿色/*#E70011红色*/;line-height: 30px; height: 30px;font-family: impact;}

/*left widget*/
.widget {clear: both; margin-bottom: 30px;  position: relative; overflow: hidden;}
.widget h3 {position: relative; line-height: 32px; height: 32px; background: url(../images/middle-1-left-center-t.gif) no-repeat; color: #fff;text-indent: 14px;}
.widget h3 strong {border-bottom: 1px solid #DD4250; display: inline-block; left: 0; height: 28px; font-weight: bold; color: #DD4250; }
.widget h3 b{font-weight: normal;display: inline-block; font-size:14px;}
/*left widget*/

/*left imglist*/
.coverlist {width:auto; overflow:hidden;}
.coverlist .imgarea{width: 110px; height:80px; overflow:hidden;}
.coverlist li{overflow:hidden;margin-bottom:8px;padding-bottom:8px;float: left; display: inline;  width: 110px;  margin-right: 20px;}
.coverlist li img {width: 110px; height:80px;}
.coverlist li:nth-of-type(even){margin-right:0;}
.coverlist .m{float:left;margin-right:10px;}
.coverlist h5{margin-bottom:5px;font-size:14px;line-height:26px; font-weight:normal;}
.coverlist p{}
/*left imglist*/

/*left newslist*/
.nlist{overflow: hidden; padding: 10px;border: 1px solid #dcdcdc; border-top:none;}
.nlist li {height: 28px; line-height: 28px; font-size: 14px; overflow: hidden; float:left; text-align:left; background: url(../images/ico2.jpg) left center no-repeat; padding-left: 12px;}
.nlist li i {color: #DD4250!important; margin-right: 10px;}
/*left newslist*/

/*leftqalist*/
.leftqalist{overflow: hidden; padding: 10px;border: 1px solid #dcdcdc; border-top:none;}
.leftqalist li{ width:178px; background:url(../images/aq.gif) 1% 5% no-repeat; padding-left:25px; line-height:24px; margin-bottom:5px; padding-bottom:1px; color:#555;}
.leftqalist li.li1{ width:178px; background:url(../images/aq.gif) 1% 5% no-repeat #f4f4f4; padding-left:25px; line-height:24px; margin-bottom:5px; padding-bottom:1px; color:#555;}
.leftqalist li strong{ font-weight:normal; color:#222;}

/*左侧多级分类菜单*/
.category{border: 1px solid #d1d1d1; border-top: none; padding:10px; margin-bottom: 20px;}
.category li{list-style:none; position:relative; height:30px; line-height:30px;}

.category a:link,.category a:visited,.category a:active{display:block;text-decoration:none; color: #444444; font-weight: bold; line-height: 30px; padding-left: 18px; background: url("../images/about-bg.jpg") 6px center no-repeat;font-size: 14px;}
.category a:hover,.category li.small a:hover{color:#ff0000;}
.category li a.category_active,.category li.small a.category_active{color:#ff0000;}
.category li.small a{display:block;text-decoration:none;color:#444444; font-weight: normal; background:none;}
.left_ul_small{border-bottom: 1px dashed #d2d1d1; margin-bottom: 5px; padding-bottom: 5px;}

.category li span{position:absolute; height:30px; line-height:30px; right:0; top:0; width:30px;}
.category li span {background:url(../images/downarr.jpg) no-repeat 10px center;}
.category li span.close{background:url(../images/uparr.jpg) no-repeat 10px  center;}
.category li span a{background:none!important; display:block; width:30px; height:30px; padding-left:0!important;}
/*左侧多级分类菜单 end*/

.inside_right{ width:940px; float:right; }
.inside_con{ padding:10px 0;}


.group-title{ height:40px; line-height:40px; border-bottom: 1px solid #dedede;margin-bottom: 5px;}
.group_title_left{float:left; height:40px; line-height:40px; border-bottom: 2px solid #DD700B;}
.group-title-ch{float: left;height: 38px; line-height: 40px; overflow: hidden; color: #DD700B; font-size: 20px; font-weight: bold;}
.group-title-ch em{height:38px; line-height:40px; color:#fff; background:#DD700B;  padding: 0 5px; margin-right: 5px;font-style: normal;
    font-weight: normal;}
.group-title-ch a{color:#DD700B; font-size:20px; font-weight:bold;}
.group-title-ch a:hover{ color:#ff6f00; }
.group-title-en{padding-left: 10px;font-size: 18px;font-family: Arial, Helvetica, sans-serif; color: #888; float: left; height: 38px; line-height: 50px; overflow: hidden;}
.group_title_right{ float:right; padding-left:10px; font-size:14px; color:#323232; height:40px; line-height:40px;}

/*分页*/
.page {float: left;	height: 30px; line-height:30px;width: 100%;margin: 20px;	text-align: center;}
.page a,.page_num span{color: #666;margin-right: 5px;margin-left: 5px;padding-top: 5px;	padding-right: 10px;padding-bottom: 5px;padding-left: 10px;	margin-top: 0px;margin-bottom: 0px;border: 1px solid #CCC;}
.page span{background-color: #DD700B;padding-top: 5px;	padding-right: 10px;padding-bottom: 5px;padding-left: 10px;color: #FFF;	text-decoration: none;margin: 0px;border: 1px solid #CCC;}
.page a:hover{background-color: #DD700B;color: #FFF;text-decoration: none;}
/*分页*/

.pren{height: 50px; line-height: 50px; margin: 10px 0; }
.pren em{font-size: 14px; color: #333333;height: 50px !important; line-height: 50px; width:48%; overflow:hidden;  font-style: normal;}
.pren em.fl{text-align:left;}
.pren em.fr{text-align:right;}
.pren em a{color:#DD700B;}
.pren em a:hover{color:#ff6f00;}

/*图片动态*/
.animation a{position:relative;display:block;}
.animation a::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(122,188,222,0.4);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;z-index:1;}
.animation i{height:66px;background:url(../images/show_link.png) no-repeat 50% 50%;position:absolute;left:0px;top:50%;right:0px;text-align:center;margin-top:-25px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;z-index:2;}
.animation img{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.animation a:hover::before,.animation a:hover i{opacity:1;}
.animation a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
/*图片动态*/

/*图片动态*/
.vi{position: relative;}
.vi a i {height: 50px; background: url(../images/v0.png) no-repeat 50% 50%; position: absolute; left: 0px; top: 50%; right: 0px; text-align: center; margin-top: -25px; -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; z-index: 2;}
.vi a:hover i{ background: url(../images/v1.png) no-repeat 50% 50%;} 
/*图片动态*/

.sq-ico {width: 140px; height: 450px; position: fixed; top: 50%; margin-top: -275px; right: 0; background: url(../images/floot.gif) no-repeat; text-indent: -999px; overflow: hidden; display: block; z-index: 1111;}