﻿
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,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,???’??a€???a€??￠a??a?￠???’?￠a???????￠?￠a€????￠a€??￠???’??a€????￠?￠a€????…?????’?￠a??????a€????￥???’??a€???a€??￠a??a?￠???’???￠???￠?￠a??????????a€|???????’??a€????￠?￠a€????…?????’?￠a??????a€????????’??a€???a€??￠a??a?￠???’?￠a??????a€????￠???’??a€???a€????￠???’???￠???￠?￠a??????????a€|???????’?￠a??????a€????????’??a€????￠?￠a€????…?????’?￠a??????a€????1???’??a€???a€??￠a??a?￠???’?￠a???????￠?￠a€????￠a€??￠???’??a€????￠?￠a€????…?????’?￠a??????a€????¤???’??a€???a€??￠a??a?￠???’???￠???￠?￠a??????????a€|???????’??a€????￠?￠a€????…?????’?￠a??????a€????????’??a€???a€??￠a??a?￠???’?￠a??????a€????￠???’??a€???a€????￠???’???￠???￠?￠a??????????a€|???????’?￠a??????a€????????’??a€????￠?￠a€??????|???’???￠???￠?￠a??????????a€|?￠a???“,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{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{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}



/*----- 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:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.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;}



.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height:143px;overflow:hidden;}

.logo{float:left;line-height:143px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}





.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}



.foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;}



.page-product-inquiry a{color: #fff;}



.search{height: 70px;background: #f8f8f8;}
.search h3{
  float: left;
  font-size: 14px;
  line-height: 70px;
}
.search h3 b{
  color: #333;
}
.search h3 span a{
  font-size: 14px;
  color: #666;
  margin-left: 15px;
}
.search h3 span a:hover{
  color: #0070ba;
}
#formsearch{
  float: right;
  margin-top: 15px;
  
  background: url(img/41ac5c0fe044834f108b9394aa705dcb5abffc05.png) no-repeat center;
  width: 280px;
  height: 40px;
}

#formsearch input{
  background: none;
  border: none;
  line-height: 38px;
}
#formsearch input#s_btn{
  border: none;
  width: 85px;
  line-height: 40px;
  
}

#formsearch input#keyword{
  outline: none;
  width: 255px;
  font-size: 14px;
  color: #bdbdbd;
  opacity: .5;
  padding-left: 15px;
}


.yewu-nr ul li{text-align: center;width: 286px;margin-top:40px;}
.yewu-nr ul li .cptu{width: 286px;height: 286px;border: 1px solid #e6e6e6;border-radius: 50%;padding: 22px;}
.yewu-nr ul li .cptu .cp-img{overflow: hidden;border-radius: 50%;width: 240px;height: 240px;}
.yewu-nr ul li .cptu .cp-img img{width: 100%;transition: all 0.8s;}
.yewu-nr ul li:hover .cptu .cp-img img{transform: scale(1.2);}
.cp-wz a{width: 200px;margin: 0 auto;border-bottom: 1px solid #dcdddd;display: block;padding-bottom: 15px;}
.cp-wz a h3{font-size: 18px;color: #000000;margin-top: 15px;}
.cp-wz a h4{font-size: 14px;color: rgba(0, 0, 0, .3);text-transform: uppercase;margin-top: 5px;}
.sy-yewu{margin-top: 60px;}
.ty-bt{text-align: center;}
.ty-bt h3{font-size: 40px;color: #333333;font-weight: bold;margin-bottom: 20px;}
.ty-bt span{font-size: 18px;color: #676767;}


.yewu-nr ul li:hover .cp-wz a h3{color: #43b98b;}
.yewu-nr ul li:hover .cp-wz a h4{color: #daf1e8;}
.yewu-nr ul li:hover .cp-wz a{border-bottom: 1px solid #04a164;}

.cham{background: #efefef;margin: 0 auto;width: 150px;height: 40px;margin-top: 40px;}
.cham a{display: block;line-height: 40px;font-size: 14px;color: #757575;text-align: center;}

.sy-jj{margin: 60px 0px;}
.sy-jj .jj-left{float: left;width: 576px;overflow: hidden;}
.sy-jj .jj-right{float: right;width: 575px;}
.sy-jj .jj-left img{transition: all 0.8s;}
.sy-jj .jj-left:hover img{transform: scale(1.2);}
.jj-right h3{font-size: 40px;font-weight: bold;color: #d6d6d6;text-transform: uppercase;}
.jj-right h2{font-size: 40px;font-weight:normal;color: #333333;text-transform: uppercase;}

.jj-tubiao{background: #f4f4f4;padding: 24px 20px;margin-top: 22px;}
.jj-tubiao ul li{width: 18%;text-align: left}
.jj-tubiao ul li a h3{font-size: 16px;color: #676767;font-weight: normal;}
.jj-tubiao ul li:hover a img{filter: invert(46%) sepia(16%) saturate(2941%) hue-rotate(112deg) brightness(97%) contrast(97%);}
.jj-tubiao ul li:hover a h3{color: #43b98b;}
.jj-tubiao ul li a{align-items: center;}
.jj-nr{margin-top: 25px;}
.jj-nr p{font-size: 15px;color: #333333;line-height: 28px;}


.sy-box3{background: url(img/c47eca89e898085c2bd9ae272b5a03722b6ef5f0.png) no-repeat center;height: 580px;padding-top: 60px;}

.box3-s-left h3{background: url(img/2d6c3e855c9fa73bfae66aeba3ab8c54d93d0d39.png) no-repeat center left;padding-left: 32px;font-weight: normal;color: #fff;font-size: 26px;}
.box3-s-left h3+h3{margin-top: 20px;}
.box3-s-right h2{font-size: 18px;color: #fff;font-weight: normal;}
.box3-s-right{text-align: right;}
.zx-haoma{font-weight: bold;color: #fff;font-size: 36px;margin-top: 3px;margin-bottom: 10px;}
.lxwom a{width: 130px;height: 38px;display: inline-block;line-height: 38px;text-align: center;border: 1px  solid #fff;border-radius: 25px;font-size: 16px;color: #fff;}
.lxwom a:nth-child(2){margin-left: 15px;}
.lxwom a:hover{background: #43b98b;border: 1px solid #43b98b;}
.box3-x{margin-top: 54px;background: #fff;}
.box3-x-left{float: left;width: 260px;height: 340px;background: #04a164;padding: 64px 40px 50px;}
.box3-x-right{float: right;width: 940px;}
.box3-x-left h3{font-size: 30px;color: #fff;text-align: center;}
.box3-x-left .bxian{width: 30px;height: 1px;margin: 20px auto;background: #fff;}
.box3-x-left h2{font-size: 13px;color: #fff;text-align: center;text-transform: uppercase;font-weight: normal;}
.ljm{width: 130px;height: 38px;display: block;text-align: center;line-height: 38px;color: #fff;font-size: 14px;border: 1px solid #fff;border-radius: 25px;margin: 0 auto;margin-top: 68px;}
.ljm:hover{color: #fff;}
.box3-x-right ul li{width: 235px;text-align: center;height: 170px;border: 1px solid #c9c9c9;border-left: 0px solid #000;padding-top: 40px;}
/* .box3-x-right ul li:nth-child(1),.box3-x-right ul li:nth-child(5){border-left: 0px solid #000;} */
.box3-x-right ul li:nth-child(5+n){border-top: 0px solid #000;}
.box3-x-right ul li a img{}
.box3-x-right ul li a h3{font-size: 18px;color: #272c3c;font-weight: normal;}
.box3-x-right ul li a .hxian{width: 25px;height: 1px;margin: 20px auto;background: #000;}
.box3-x-right ul li:hover a img{filter: invert(46%) sepia(86%) saturate(4750%) hue-rotate(139deg) brightness(98%) contrast(97%);}
.box3-x-right ul li:hover a .hxian{background: #04a164;}
.box3-x-right ul li:hover a h3{color: #04a164;}
.sy-case{margin: 60px 0px;}
.case-nr {overflow: hidden;margin-top: 40px;}
.case-nr ul li a h3{text-align: center;line-height: 55px;background: #f6f6f6;font-size: 16px;color: #000;}
.ceshi{overflow: hidden;}

.sy-case .cham{border: 1px solid #dcdcdc;background: none;}
.sy-case .cham a{font-size: 14px;color: #898989;}
.sy-news{padding: 60px 0px;background: #f6f6f6;}

.sy-xw-nr{background: #fff;padding: 15px 40px;margin-top: 40px;padding-bottom: 40px;}


.xw-xw-left{float: left;width: 620px;}
.xw-xw-right{float: right;width: 400px;}
.xw-date{position: absolute;top: 0;left: 0;width: 80px;height: 80px;background: #04a164;}
.xw-xw-left .tabli ul li{width: 85px;margin-right: 55px;float: left;padding-bottom: 15px;font-size: 20px;color: #333333;}
.xw-xw-left .tabli ul li:nth-child(2){width: 85px;margin-right: 55px;padding-bottom: 15px;font-size: 20px;color: #333333;}
.xw-xw-left .tabli ul li.cur{color: #04a164;border-bottom: 1px solid #04a164;}
.xw-img{width:620px;height: 270px;position: relative;}
.xw-img img{width: 100%;}
.xw-wz{width: 620px;height: 130px;padding: 0px;background:url(img/33d5196bae5f3af6c18a9114ad8482e922e90c93.png) no-repeat center bottom;;;;;;;;;;padding-top: 25px;}
.xw-wz h3{font-size: 16px;color: #222222;font-weight: normal;margin-bottom: 12px;}
.xw-wz h5{font-size: 14px;color: #888888;line-height: 24px;}
.xw-wz h5 span{color: #04a164;}
.xw-date dd{font-size: 32px;color: #fff;text-align: center;font-weight: bold;}
.xw-date dt{font-size: 14px;color: #fff;text-align: center;font-weight: normal;}
.xw-wz p{font-size: 14px;color: #898989;}
.tab{display: none;margin-top: 35px;}
.nn_ll li{margin-bottom: 30px;}
.nn_ll2 li{margin-top: 22px;}
.nn_ll2 li a h3{font-size: 16px;color: #222222;}
.nn_ll2 li a h5{font-size: 14px;color: #787878;}
.xw-xw-left .tabli{border-bottom: 1px solid #dcdcdc;position: relative;height: 46px;}
.xw-xw-left .tabli a{font-size: 14px;color: #848484;position: absolute;right: 0px;top: 5px;text-transform: uppercase;}

.wen2{width: 450px;margin-top: 5px;}
.cjtt{display: inline-block;cursor: default;color: #142e7a;height:30px;width:100%;
line-height: 30px;text-align: left;color:#142e7a;font-size:14px;text-transform: uppercase;position: relative;border-bottom: 2px solid #142e7a;font-weight: 400;padding-left: 15px;}
.cjtt a{position: absolute;;line-height:30px;color:#142e7a;font-size:12px;right:10px;top:0px;}

.news_listt{display: block;width:94%;margin:0 auto;}
.news_listt li{border-bottom: 1px dashed #cccccc;height: 101px;margin-top: 35px;}
.news_listt li a{line-height:30px;color: #000000;display:block;background: url(img/14e52a0a2b92b2303ecb15ee55c8c5c32980ac92.png) no-repeat 0 50%;;;;;;;;padding-left: 40px;font-weight: 400;font-size: 16px;}
.news_listt li span{color: #888888;z-index:0;line-height: 24px;display:block;background: url(img/9fda22984d853a1e19dd4d4e511dfd4ee9b69f9f.png) no-repeat 0 2px;;padding-left: 40px;font-size:14px;height:54px;overflow: hidden;;}

.wen2-bt h3{width: 85px;padding-left: 0px;padding-top: 1px;font-size: 20px;color: #222222;font-weight: 400;padding-bottom: 15px;}
.wen2-bt a{width: 72px;font-size: 14px;color: #848484;text-transform: uppercase;}
.wen2-bt{border-bottom: 1px solid #dcdcdc;}
.wen2-bt h3:hover{color: #04a164;border-bottom: 1px solid #04a164;}


.ca-img img{transition: all 0.8s;}
.ca-img{overflow: hidden;}
.case-nr ul li:hover .ca-img img{transform: scale(1.2);}
