.main-box {position: relative;max-width: 1200px; width: 100%; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

ul,li{margin:0;padding:0;}
 em { font-style:normal; }
 
li { list-style:none; }
a { text-decoration:none; color: inherit;}
a:focus { outline: none; }
img { border:none; vertical-align:middle; max-width: 100%;}
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }

.local{color: #7b7b7b; line-height: 20px;padding:15px 0;font-size: 14px;border-bottom: 1px solid #f0f0f0}
.local a{margin:0 6px;color: #7b7b7b; }
.local a:hover{color: #333333}

.about-tit{text-align: center; margin:50px 0;}
.about-tit p{font-weight: bold; font-size: 30px;color: #333333;margin-bottom: 20px;}

.about1{padding:0 15px;}
.about1 .l{float: left;width: 533px; overflow:hidden;}
.about1 .l img { border:none; vertical-align:middle; max-width: 100%;transition: 0.8s ease;}
.about1 .l img:hover {transform: scale(1.1);}
.about1 .r{float: right;width: 530px;}
.about1-tit {margin-top: 20px;}
.about1-tit p{font-size: 22px;color:#1d2f5f;}
.about1-tit p span{display: block;font-size: 14px;line-height: 2;}
.about1-tit .line{width: 40px;height: 4px;background: #1d2f5f;}

.about1-con{font-size: 14px;color: #565656;text-indent:2em;letter-spacing: 1.5px;}



.video-view-box{ position: relative;}
.s-video{margin: 20px 0; position: relative;}
.video-view-box { position: relative; width: 900px;margin:auto;}
.video-view-box ul{padding:0;}
.video-view-box .bd{margin-bottom: 20px;}
.video-view-box>a{ display: block; cursor: pointer; width:49px; height:118px; top:24%; position: absolute;z-index: 10}
.video-view-box>a.hd-prev{ background: url(../images/s-prev.png); left: -100px}
.video-view-box>a.hd-next{ background: url(../images/s-next.png); right: -100px}

.one-video-s {float: left;margin-right: 34px;border: 4px solid transparent}
.one-video-s .pic-box div {width: 200px; height: 90px;}
.one-video-s .pic-box img { max-width:100%; max-height:90px;}
.one-video-s.on {border: 4px solid #707c9a}


.about3{padding:30px 40px 60px;}
.one-honor .pic-box{cursor: pointer; width: 265px; padding:10px; position: relative; margin:5px auto; border:1px solid #cccccc;}
.one-honor .pic-box div{ width: 265px;height: 300px;}
.one-honor .pic-box div>img{ width: 265px; max-height: 300px;}
 .one-honor:hover .pic-box{box-shadow: 0px 0px 5px 2px #ededed;}
 
.about3 .owl-nav div{position: absolute; font-size: 0;width: 15px; height:29px;top:46%;  }
.about3 .owl-nav div.owl-prev{background: url(../images/hl2.png);transition: all 1s; left: -20px}
.about3 .owl-nav div.owl-next{background: url(../images/hr2.png);transition: all 1s; right: -20px}
 
.contact{padding: 60px 0 60px;}
.contact .l{float: left; width: 526px; margin-left: 28px;}
.contact .l>p{font-size: 16px; color: #333333; line-height: 36px;height: 36px; margin-top: 20px;}
.contact .l p strong{color: #1d2f5f}
.contact .r{float: right; width: 559px; height: 390px;/*background: url(../images/map.jpg);*/ background:#f0f0f0;}
.contact .r img{width: 100%;height: 100%;}
.contact .r .map{padding:9px 0 0 10px; width: 549px;height: 390px; }

.contact-logo{font-size: 24px;color: #1d2f5f;font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8;}

.one-news {margin-top: 40px; font-size: 14px;color: #7c7c7c;line-height: 26px; border-bottom: 1px dashed #b2b2b2; margin-bottom: 22px;}
.one-news a {position: relative;display: block;height: 322px;padding:0  0px 45px 516px;  }
.one-news .pic-box {float: left;width: 516px; margin:0 46px 0 -516px;box-shadow: 1px 1px 3px 2px #dfdede;}
.one-news .pic-box div {width: 516px;height: 280px;*font-size: 136.5px;}
.one-news .pic-box img {max-width: 516px;max-height: 280px;}
.one-news-tit {font-weight: normal; font-size: 22px;color: #676767;  height: 46px;overflow: hidden; line-height: 46px;}
.one-news-date {line-height: 1; font-size: 14px; color: #a2a2a2; position: absolute;right: 486px; bottom: 52px;  }
.one-news .con{height: 158px; overflow: hidden; font-size: 14px; color: #929292; padding: 14px 0 0 0;}
.view-news {float: right; margin-top: 5px; display: block;line-height:36px; border-radius: 20px; width:132px;height:36px;font-size: 14px; text-align: center; border:1px solid #1d2f5f; color: #1d2f5f; }

 .one-news:hover  .one-news-tit{color: #1d2f5f;}
.one-news:hover  .view-news{background: #1d2f5f; color: #fff; border-color: #1d2f5f}

.other-page {padding: 20px 0 40px;font-size: 12px;font-weight: bold;line-height: 26px;text-align: center;color: #5c5c5c;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: .2em 1.2em;margin: 0 2px;background: #fff;border: 1px solid #f0f0f0;border-radius: 5px;}
.other-page .on ,.other-page a:hover {color: #fff;background: #1d2f5f;border-color: #1d2f5f;}
.other-page .extra{border-radius: 10px 0 0 10px;}
.other-page .extra2{border-radius: 0px 10px 10px 0; }
.other-page a.extra:hover{background: #1d2f5f; border-color: #1d2f5f;color: #fff;}
.other-page a.extra2:hover{background: #1d2f5f;border-color: #1d2f5f;color: #fff}

.news-view-tit{text-align: center; margin: 58px 0 20px;}
.news-view-tit .tit{ font-size: 26px; color: #333333; line-height: 1.4; padding: 21px 0 19px; }
.news-view-tit .con{font-size: 12px; color: #757575; padding-bottom: 20px;}
.news-view-con{ box-shadow: 1px 1px 3px 1px #f3f3f3;  width: 90%;margin:auto; margin-bottom: 30px; }
.news-view-text{padding:38px 30px; }
.news-view-tit  span{margin:0 15px; display: inline-block;}
.bsync-custom .share {

    vertical-align: middle;
    background:none;
    height: 18px;
    line-height: 18px !important;
    color: #333;
    text-align: center;
    font: bold 11px Arial,ËÎÌå,sans-serif;
    zoom: 1;
    _padding-top: 2px;
    *display: inline;
    display: inline-block;
}

.in-nav {font-size: 0;text-align: center; margin:25px 0; }
.in-nav>ul li { border-radius: 20px; display: inline-block; margin: 0 18px 10px; ; font-size: 14px;line-height:40px;height:40px;color: #616161;border: 1px solid #e5e5e5;}
.in-nav .current ,.in-nav li:hover {color: #fff;background: #1d2f5f; border-color: #1d2f5f; }
.in-nav a {display: block;padding: 0 22px;}
.in-nav .current a,.in-nav li:hover a{color: #fff}

.in-product li{float:left;width: 25%;margin-bottom: 25px; }
.in-product li>a{display: block;width: 95%;margin:auto;}
.in-product li .pic-box{background-color: #8e9da4;overflow: hidden;}
.in-product li .pic-box{height: 0;position: relative;padding:0 0 98% 0;}
.in-product li .pic-box img{bottom: 0; margin: auto;position: absolute;right: 0;top: 0;}
.in-product li span{text-align: center;padding-top: 14px; display: block;height: 74px; font-size: 18px; background: #1d2f5f;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-product li span em{display: block;font-size: 14px;padding-top: 2px;}
.in-product li span strong { font-weight:normal; line-height:45px;}

.in-product  .my-member-social {
    position: absolute;
    bottom:-43px;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.in-product  li:hover .my-member-social {
    bottom:  4px;
    opacity: 1;
}
.in-product .my-member-social>b {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    border: 1px solid #1d2f5f;
    background-color: #1d2f5f;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.in-product li b:hover  {
    color: #3498DB;
    background-color: #FFF;
    border: #3498DB 1px solid;
}



.producut-view{ padding: 48px 0 0 0;background: #fff;position: relative;}
.pro-left{float: left;width: 500px; position: relative; }
.producut-view .bd{position: relative;}
.producut-view .bd .pic-box {cursor:pointer; width: 465px;background: #8f9ca4; position: relative; }
.producut-view .bd .pic-box div{width: 465px;height: 480px; }
.producut-view .bd .pic-box img {max-width: 465px;max-height: 480px;}
.fangda{position: absolute;right: 0;bottom:0;}

 
.pro-intro {position: relative;float: right; width:580px;  }
.pro-name {font-size:24px;color: #1d2f5f;   line-height:2; margin-top: 10px;   }
 
.pro-view-con p,.pro-view-con{line-height:28px;  margin-bottom: 15px;clear: both;font-size: 17px;}
.pro-view-con p span{text-align: right; margin-right:10px;width: 104px; display: inline-block; font-size: 14px; color:#333333; font-weight: bold;}
.pro-view-con p em{ color: #828282; font-size: 14px; display: inline-block;   }
 
.pro-intro .pro-text{padding:0 0 14px  0  ; font-size: 16px; border-bottom: 1px solid #cccccc}

.o-pro{text-align: right;}
.o-pro a{/*width:108px;margin-left: 20px; */ height:30px;/* border:1px solid #4e4e4e;*/ line-height: 30px;color: #74828b;text-align: center; background: #fff;  font-size: 14px;display:inline-block;*display:inline;vertical-align: top; padding-left:8px; padding-right:8px;border-color: #1d2f5f;}
.o-pro a:hover{background: #1d2f5f;color: #fff;border-radius: 5px;}
.o-pro p {
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
    color: #74828b;
    text-align: center;
    background: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
}	

.p-tit{font-size: 18px;margin:42px 0; border-left: 8px solid #1d2f5f;height:40px;line-height: 40px;background: #f7f7f7;color: #333333;padding-left: 15px; }
.up{padding:15px 0;}

.pics{padding:60px 0 0 0;}
.in-pic  li{float: left;width: 33.3%;margin-bottom: 30px;}
.in-pic  li a{display: block;width: 94%; margin:auto;}
.in-pic  li .pic-box2{ padding:5px;border:1px solid #eaeaea;}
.in-pic  li .pic-box2 div{height: 0;position: relative;padding:0 0 114% 0;}
.in-pic  li .pic-box2 img{margin:auto; bottom: 0; left:0; margin: auto;position: absolute;right: 0;top: 0; max-height: 100%;transition: 0.5s;
filter: grayscale(45%);-webkit-filter: grayscale(45%);-moz-filter: grayscale(45%);-ms-filter: grayscale(45%);-o-filter: grayscale(45%);}
.in-pic li:hover .pic-box2 img{ ilter: grayscale(0%);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}
.in-pic  li p{font-size: 16px;text-align: center; color: #333333; width: 94%; margin:auto;height: 60px;line-height: 60px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.in-pic li:hover p {font-size: 18px; color:#1d2f5f;transition: 0.3s all;}

.research1{padding: 25px 0;background:url(../images/research1.jpg) center center no-repeat;}
.research1 .l{float: left;width: 538px; margin-left: 40px;}
.research1 .r{float: right;width: 530px;margin-right: 40px;}
 
.research1-con{font-size: 14px;color: #333333;}
.research1-con p{margin-top: 26px;line-height: 24px;}

.research2{height: 702px;background:url(../images/research2.jpg) center center no-repeat;}

.research2 .tit{text-align: center; line-height: 26px; font-size: 15px;color: #fff;padding:165px 0 50px;}

.in-honor{ position: relative; }
.in-honor{padding:0 20px;}
.in-honor li {cursor: pointer; width: 250px;float: left;margin-right: 30px;}
.in-honor li .pic-box{width: 250px;}
.in-honor li .pic-box div{width: 250px;height:336px;}
.in-honor li .pic-box div img{max-width: 250px;max-height:336px;}
.in-honor li p{width: 250px;text-align: center;color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;height: 57px;line-height: 57px;margin-top: 5px;background:url(../images/mask.png) center top repeat-x;}

.research3 img{width: 100%;height: 100%}
.research3 .l{float: left;width:500px;height: 450px; }
.research3 .r{float: right;color: #fff;width:700px;}
.research3 .tit{padding-top: 42px;font-size: 26px;}
.research3 .line{width: 50px;margin:20px auto 12px;background: #fff;height: 2px;}
.research3 .con{line-height: 24px;padding:0 24px;}
.research3 .bg1d2f5f{background: #1d2f5f;text-align: center;}
.research3 .r li{height: 220px;width: 330px;float: left;margin:0 0 11px 15px;}

.nav li{position: relative;}

.nav li:hover .dl-wrap{display: block;}
.dl-wrap{z-index: 50;display: none;top: 40px;height: 230px; padding-top: 30px;position: absolute;left: -300px;right: -300px;}
.dl-pro{ padding-top: 30px;  height: 200px;background: rgba(255,255,255,.87);box-shadow: 2px 2px 5px 2px #ccc; }
.dl-pro dd{float: left;width: 25%;}
.dl-pro dd a{display: block;width: 113px;margin:auto;}
.dl-pro dd .i-pic{border:1px solid #d1d1d1; box-shadow: 0 0 5px 2px #f2f2f1;width: 110px;height:110px;border-radius: 50%; position: relative;overflow: hidden;}
.dl-pro dd .i-pic img{max-width:100px;max-height:110px; }
.dl-pro p{height: 32px;line-height: 32px;text-align: center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.navbar-fixed-top .dl-pro img{width: auto;height: auto;}
.navbar-fixed-top .dl-wrap{top:35px;}

@media only screen and (max-width: 1199px) {
     .main-box{width: 1001px;}
     .about1 .r{width: 410px;}
     .about1-con p{margin-top: 10px;}
     .video-view-box>a.hd-prev{left: 0;}
     .video-view-box>a.hd-next{right: 0;}
     .contact .l{float: none;width: 100%;margin-bottom: 20px;}
     .contact .r {margin:auto;float: none;}
     .one-news-date{position: relative;left: 0;bottom:0;}
     .one-news .con{height: 150px;}
     .in-nav{text-align: left;}
     .in-nav>ul li{margin-right: 10px;}
     .pro-intro{width: 484px;}
     .research1 .r{width:380px;}
     .research2 .loop{width: 100%;overflow: hidden;}
     .research3 .l{width: 100%;text-align: center;float: none;margin-bottom:20px;}
     .research3 img{width: auto;height: auto;}
     .research3 .r{float:none;margin:auto;}
}

@media only screen and (max-width: 1001px) { 
     .main-box{width: 768px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
     .about1 .l{float:none;text-align: center;width: 100%}
     .about1 .r{float:none;margin-top: 10px;width: 100%}
     .video-view-box{width: 100%}
     .local{padding:15px 5px;}
     .one-news a {height: 322px;padding: 0  0px 45px 402px;}

 .one-news .pic-box {float: left;width: 402px; margin:0 46px 0 -402px;box-shadow: 1px 1px 3px 2px #dfdede;}
.one-news .pic-box div {width: 402px;height: 280px; }
.one-news .pic-box img {max-width: 402px;max-height: 280px;}
.in-pic li{width: 50%;margin-bottom: 15px;}
.in-pic li p{height: 30px;line-height:2}
.in-product li{width: 33.3%}
.pro-left{float: left;width: 300px; position: relative; }
.producut-view .bd{position: relative;}
.producut-view .bd .pic-box {cursor:pointer; width: 300px;background: #8f9ca4; position: relative; }
.producut-view .bd .pic-box div{width: 300px;height: 480px; }
.producut-view .bd .pic-box img {max-width: 300px;max-height: 480px;}
.pro-intro{width: 430px;}
 .research1 .l{text-align: center;margin-left: 0}
 .research1 .l,.research1 .r{width: 100%;margin-bottom: 10px;float: none;}
}

@media only screen and (max-width: 767px) {
    .main-box{width: 540px;}
    .contact .r,.contact .r .map{padding:0; width: 100%;background:none;overflow: hidden;}
    .contact .l{margin:0; padding:0 10px;box-sizing:border-box;}
     .one-news a {height: auto;padding: 0;}

.one-news .pic-box {float: none;width: 100%; margin:0 0 10px 0;box-shadow: 1px 1px 3px 2px #dfdede;}
.one-news .pic-box div {display: block; width: 100%;height: auto; }
.one-news .pic-box img { width: 100%;max-height: auto;}
.one-news .con{height: auto;}
.view-news{float: none;margin:0 auto 15px;}
.news-view-con{width: 99%}
.news-view-text{padding:10px;}
.in-product li{width: 50%}
.pro-left,.pro-intro{float: none;width: 100%}
.producut-view .bd{position: relative;}
.producut-view .bd .pic-box {cursor:pointer; width: 100%;background: #8f9ca4; position: relative; }
.producut-view .bd .pic-box div{display: block; width: 100%;height: 100%; }
.producut-view .bd .pic-box img {max-width: 100%;max-height: 100%;}
.in-honor li{width: 200px;}
.in-honor li .pic-box{width: 200px;text-align: center;}
.in-honor li .pic-box div{width: 200px;height:206px;}
.in-honor li .pic-box div img{max-width: 200px;max-height:206px;}
.in-honor li p{width:200px;background: none; }
.research3 .l{height: auto;}
.research3 .r{width: auto;}
.research3 .r li:nth-child(1){width: 100%;height: auto;padding-bottom: 10px;}
.research3 .r li{width:33.3%;margin-left: 0;text-align: center;height: auto;}
}

@media only screen and (max-width: 540px) {
    .main-box{width: 100%}
    .about-tit{margin:20px 0;}
    .one-video-s{width: 48%}
    .video-view-box{overflow: hidden;}
    .video-view-box>a{top: 30%; width: 28px;height: 50px;background-size: 100% 100% !important;}
    .video-view-box .hd  {display: none;}
    .about3{padding:15px 30px;}
    .one-honor  .pic-box{ width: auto; position: relative; margin: auto;}
    .one-honor  .pic-box div{ width: auto;height: auto; display: block;}
    .one-honor  .pic-box div>img{ max-width: 100%; margin:auto; max-height: 275px;}
    .contact .l p{height: auto;margin:0;}
    .contact .l p strong{display: block;}
    .contact-logo{font-size: 22px;margin-bottom: 10px;}
    .contact .r{margin-top: 20px;}
    .foot-row .col-sm-4:nth-child(1){width: 100%;height: auto;}
    .foot-row>div:nth-child(4){display: none;}
    .news{padding:0 10px;}
    .producut-view{padding:0 10px;}
    .pro-left, .pro-intro{line-height: 1.3}
    .o-pro{text-align: center;}
    .research1 ,.research2{padding:0 10px;}
}
.page {
text-align:center;
margin-bottom:20px;
}