@charset "utf-8";
/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color: #108CE8;text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td{vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2,h3,h4{font-weight:bold;}
hr{border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}
/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
/*滚动*/
#demo{overflow:hidden;width:90%;margin:0 auto;}
#indemo{float: left;width:800%!important;}
#demo1{float: left;}
#demo2{float: left;}
#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo{float: left;width:800%!important;}
#m_demo1{float: left;}
#m_demo2{float: left;}
.w1200{width: 1200px;margin:0 auto;}
.w1920{position: relative;width: 1920px;left: 50%;margin-left: -960px;}
.com-img{display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.roll_product{float: left;}
/*顶部*/
.top_main{color: #666;font-size: 14px;line-height: 40px;background-color: #eee;}
.top_main ul li{display: inline;padding: 0 5px;}
.top_main ul li:first-child{padding-right: 0;}
.top_main ul li a:hover{color: #108CE8;}
.top_main ul li a{color: #666;position: relative;z-index: 10;}
/*头部样式*/
.head{padding: 20px 0;overflow: hidden;}
.logo{float:left;}
.head .k2{color: #333;font-size: 15px;line-height: 30px;padding: 15px 0;padding-left: 60px;background: url(/skin/images/tel.png) no-repeat left center;}
.head .k2 b{color: #108CE8;font-size: 30px;}
.topLink{float:left;text-align:right;position: relative;z-index: 9999;color: #5c5c5c;font-size: 14px;line-height: 60px;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(/skin/images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink a{color: #5c5c5c;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}
#menu{height: 60px;background: #0143E3;}
/*热门搜索*/
.sou{height: 60px;background: #ededed;}
#formsearch{float:right;width: 268px;height: 40px;background: url(/skin/images/ss.jpg) no-repeat top center;margin-top: 9px;}
.hotSearch{float:left;height:60px;line-height:60px;font-weight:normal;color: #000000;font-size: 16px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;color: #5c5c5c;font-size: 14px;}
#formsearch input{height:40px;background:transparent;border:none;line-height:40px;outline: none;}
#formsearch input#keyword{height:40px;line-height:40px;padding-left:6px;color:#8f8f8f;width: 218px;font-size: 14px;}
#formsearch input#s_btn{width:46px;height:40px;line-height:40px;text-align:center;background-color:transparent;color:#fff;border:none;cursor:pointer;font-size: 12px;}
::-webkit-input-placeholder{/* WebKit, Blink, Edge */ color: #8f8f8f;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #8f8f8f;}
::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #8f8f8f;}
:-ms-input-placeholder{/* Internet Explorer 10-11 */ color: #8f8f8f;}
/*导航栏样式*/
.nav li{text-align:center;float:left;position:relative;z-index:999;width: 150px;}
.nav li a{display:block;line-height: 60px;color: #fff;padding: 0;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nav li.on a,.nav li a:hover{color:#fff;text-decoration:none;background-color:#108CE8;}
.nav>li>a:focus, .nav>li>a:hover{text-decoration: none; background-color: #108CE8;}
.nav .sec{display: none;background:#108CE8;color:#fff;overflow:hidden;z-index:9999;position:absolute;top: 100%;left:0px;width: 100%;}
.nav .sec a{color:#fff;font-size: 14px;line-height: 40px;padding: 0 10px;background: #108CE8;}
.nav .sec a:hover{background: #fff;text-decoration:none;color: #108CE8;}
.box1{margin-top: 32px;}
.fenlei_t{width: 180px;height: 40px;background-color: #0143E3;text-align: center;color: #fff;font-size: 14px;text-transform: uppercase;font-weight: lighter;margin-top: 23px;}
.fenlei_t h3{font-size: 24px;line-height: 40px;}
.fenlei_r{margin-top: 23px;}
.fenlei_r li{height: 40px;background-color: #0143E3;line-height: 40px;text-align: center;margin-left: 14px;transition: all .5s;}
.fenlei_r li a{display: block;color: #fff;font-size: 16px;padding: 0 20px;}
.fenlei_r li.cur{background: #108CE8;}
.tab1{display: none;}
.product_list{margin-top: 19px;}
.product_list li{width: 282px;margin-right: 24px;margin-bottom: 10px;}
.product_list li:nth-child(4n){margin-right: 0;}
.product_list li a.img{border:1px solid #e5e5e5;display: block;}
.product_list li .h3 a{display: block;color: #5c5c5c;font-size: 16px;font-weight: normal;line-height: 37px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product_list li a.img img{display: block;width: 280px;height: 303px;}
.box2{margin-top: 24px;}
.tab2{display: none;}
.ht1{margin-top: 80px;height: 132px;background: url(/skin/images/ys.png) no-repeat top center;}
.ht1 img{display: block;width: 100%;} .yleft{width: 605px;}
.box3{height: 1768px;background: url(/skin/images/bj1.jpg) no-repeat top center;}
.youshi1{padding-top: 85px;height: 443px;overflow: hidden;}
.yleft .h3{font-size: 30px;color: #108CE8;padding:15px 0 0 132px;}
.ys1{color: #5c5c5c;font-size: 16px;line-height: 26px;}
.ys1{margin: 40px 0 0 88px;}
.yimg1{width: 559px;overflow: hidden;}
.yimg1 img{width: 559px;}
.yimg2 img{width: 522px;}
.yimg3 img{width: 555px;}
.yimg4 img{width: 551px;}
.img1{margin: 49px 0 0 87px;}
.youshi2{margin-top: 85px;height: 405px;overflow: hidden;}
.yimg2{margin-top:5px ;}
.m1{margin: 43px 0 0 89px;}
.youshi2 .yleft .h3{padding-left: 139px;}
.youshi3 .yleft{margin-top: 43px;}
.yimg4{margin-top: -66px;margin-left: 6px;}
.youshi4 .yleft{margin-top: 40px;}
.youshi4 .yleft .h3{padding-left:136px;}
.ys1{height: 104px;overflow: hidden;}
.box4{margin-top: 65px;}
.aul li{margin: 0 6px;}
.aul li a img{display: block;width: 219px;height: 150px;}
.about_left{width: 744px;}
.about_img img{display: block;width: 400px;height: 535px;}
.about_left h3{color: #000000;font-size: 30px;height: 59px;background: url(/skin/images/abt.png) no-repeat top center;padding-top: 11px;}
.about_con{color: #5c5c5c;font-size: 16px;margin-top: 21px;line-height: 28px;text-align: justify;height: 280px;overflow: hidden;}
.about_con a{color: #108CE8;}
.gun{margin-top: 25px;position: relative;}
.l_btn1,.r_btn1{position: absolute;top:43px;}
.l_btn1{left: 0;}
.r_btn1{right: 0;}
.hul li{margin-right: 21px;border:1px solid #ededed;}
.hul li a img{display: block;width: 220px;height: 185px;}
.bt1{text-align: center;background: url(/skin/images/bt2.png) no-repeat center 56px;}
.bt1 dd{color: #000000;font-size: 36px;margin-bottom: 11px;}
.bt1 dd span{font-weight: bold;}
.bt1 dt{color: #ffffff;font-size: 20px;}
.y1{letter-spacing: 1px;color: #8f8f8f;opacity: 0.99;font-size: 14px;margin-top: 12px;}
.gun2{margin-top: 24px;position: relative;}
.box5{margin-top:58px;}
.m2{text-align: center;margin-top: 44px;margin-left: 370px;}
.l_btn2,.r_btn2{display:block;}
.htel,.zmore{display:block;}
.zmore a{display: block;width: 110px;height: 40px;background-color: #108CE8;line-height: 40px;color: #ffffff;font-size: 14px;}
.htel{width: 190px;height: 40px;background: url(/skin/images/tel2.png) no-repeat center ;margin: 0 20px 0 30px; color: #000000;font-size: 18px;padding-left: 55px;line-height: 40px;}
.zmore{margin-right: 30px;}
.box6{background: #f7f7f7;margin-top: 52px;padding-top: 52px;padding-bottom: 30px;}
#ydemo{overflow:hidden;margin:0 auto;position:relative;height: 314px;}
#yindemo{height:100%;}
#ydemo1{}
#ydemo2{}
.xinwen{width: 372px;}
.nbox{position: relative;height: 40px;line-height: 37px;border-bottom: 3px solid #108CE8;padding-left: 10px;}
.nbox:after{content:" ";position: absolute;top: 50%;left: 0;margin-top: -10px;width: 6px;height: 20px;background: #108CE8;}
.xinwen_tit{color: #333;font-size: 18px;font-weight: bold;}
.nbox a{float: right;display: block;color: #5c5c5c;font-size: 14px;}
.xinwen2{margin: 0 40px;}
.gun3{margin-top: 15px;}
.nlist1{margin-top: 15px;}
.nlist1 li{margin-bottom: 10px;height: 98px;background-color: #ffffff;padding:14px 10px 0 10px;}
.nlist1 li a{color: #292929;font-size: 14px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nlist1 li p{color: #8f8f8f;font-size: 14px;line-height: 25px;margin-top: 5px;}
.nlist2 li{padding: 10px 0;border-bottom: 1px dashed #d2d2d2;}
.nlist2 li a{display: block;margin-bottom: 12px;padding-left: 36px;color: #292929;font-size: 14px;background: url(/skin/images/wen.png) no-repeat left center;line-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nlist2 li p{display: block;padding-left: 36px;color: #8f8f8f;font-size: 12px;background: url(/skin/images/da.png) no-repeat left top;line-height: 22px;}
/*友情链接*/
.f_link{background: #f7f7f7;padding-bottom: 30px;}
.you{margin-left: 0;}
.you img{padding-right: 16px;}
.f_link a{color: #5c5c5c;font-size: 14px;padding-right: 10px;}
/*页面底部*/
.foot{min-height: 285px;background: #333333;padding-top: 26px;}
.nav_f{margin-left: 358px;}
.nav_f a{color: #ffffff;font-size: 14px;margin-right: 30px;}
.nav_f a:last-child{margin-right: 0;}
.bq{padding:50px 0 0 457px;color: #ffffff;line-height: 28px;font-size: 14px;}
.bq a{color: #fff;}
.foot .w1200{position: relative;}
.foot_left{position: absolute;width: 359px;height: 285px;background: url(/skin/images/bj2.png) no-repeat top center;left: 0;top: -26px;padding:35px 0 0 37px;color: #fff;}
.foot_left .tewm img{width: 102px;height: 102px;}
.tbox{margin-left: 13px;}
.tbox .h3{font-size: 12px; font-weight: bold;}
.dtel{font-size: 24px;line-height: 28px;margin-top: 63px;}
.bt4{letter-spacing: 9px;margin-top: 23px;font-size: 18px;}
.bt5{font-size: 16px;width: 321px;height: 46px;text-align: center;line-height: 46px;margin: 25px 0 0 1px;}
/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.product-inquiry a{color: #fff;}
.h3{margin: 0; padding: 0;}
.xypg-news-detail h1{font-size: 24px; color: #363636; font-weight: bold; margin-bottom: 10px; line-height: 1.7; text-align: center;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #108CE8;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(/skin/images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #108CE8;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #108CE8;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #108CE8;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 162px;height: 162px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #108CE8;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}