@charset "utf-8";
/*鍏辩敤鏍峰紡*/
html{ height:100%;}
body{ font-size:14px; line-height:24px; color:#666;font-family:Arial,sans-serif;background-color: #f5f5f5;}/* 榛樿瀛椾綋涓?4px 甯歌鏄剧ず鏈€浣冲瓧鍙   */
body,h1,h2,h3,h4,h5,p,form,ul,li,ol,img{margin:0px;padding:0px;border:0px;}
ul,li,ol{ list-style-type:none}
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

h1{font-size:22px;}
h2{font-:  ;size:20px}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:12px}
p{/* text-indent:28px; */font-size:14px; margin:10px 0 }
a:link{ color:#666; text-decoration:none;}/* 榛樿閾炬帴鏍峰紡  */
a:hover{color:#0d6eff; }
a{text-decoration:none;list-style-type: none;}
.clearfix{clear:both;}
input,button{border:0;outline:none;/*鍘婚櫎钃濊壊杈规*/}
/*鏍囬*/
  .pro-title{width:100%;position: relative;}
  .more{position: absolute;right:5%;width:44px;height:8px;display: block;background: url(../images/icon_right_gray.png) no-repeat center;}
  .pro-title:hover .more{position: absolute;right:5%;width:44px;height:8px;display: block;background:  url(../images/icon_right_blue.png) no-repeat center;}
.pro-title h3{font-size: 40px;color:#999;font-weight: bold;margin-left:-4px;}
.pro-title span{font-size:26px;color:#fff;padding:15px 0 20px 0;background: url(../images/bg_title01.jpg) no-repeat left bottom;font-weight: bold;display: block;}
  .pro-title .cor-2{color:#666;display: block;}


/* 缈婚〉鏍峰紡*/
.page-box {width:100%;margin-top:30px;text-align: center;padding-bottom: 30px;}
.digg {padding: 10px;text-align: center;font-size: 14px;}
.digg a {padding: 8px 12px;margin: 0 0 0 8px;border: 1px solid #e1e2e3;line-height: 20px;height: 20px;color: #222222;background: #fff;text-decoration: none;}
.digg a:hover {background-color: #0d6eff;color: #fff;}
.digg span {padding: 5px 0;line-height: 20px;height: 20px;}
.digg span.current {padding: 8px 12px;margin: 0 0 0 8px;background-color: #0d6eff;color: #fff;}
.digg span.disabled {border: 1px solid #eee;padding: 5px 12px;margin: 0 0 0 8px;color: #ddd;}




/*瀵艰埅*/
.bg-w{width:100%;background-color: #fff;position: fixed;top:0;left:0;z-index: 999;}
.slideTxtBox{width:1200px;margin:0 auto; position:relative!important;height:60px;}  
.slideTxtBox .logo{verflow: hidden;margin-top:8px;float: left;}
.navBar{  z-index:1;  height:60px; line-height:60px;  color:#333;position: static;float:right;}
  .nav{ width:100%; margin:0 auto;  font-size:14px;position: inherit;}
  .nav a{ color:#333;position: inherit;  }
  .nav h3{ font-size:100%; font-weight:normal;  text-align: center;padding:11px 20px; }
  .nav .m{  z-index:1;float:left;position: inherit;}
  .nav h3 a{ display:block; text-align:center;   font-weight:bold; font-size:16px; font-weight:normal; color:#222; }
.nav h3 a h4{font-size:16px; font-weight:normal; color:#222;line-height: 20px;}
.nav h3 a span{line-height: 18px;display: block;font-size: 11px;color:#999}
.nav h3:hover{background-color: #0d6eff;}
.nav h3:hover a h4{color: #fff;background-color: #0d6eff}
.nav h3:hover a span{color: #fff;}
.nav .m h3.active{background-color: #0d6eff;}
.nav h3.active  a h4{color: #fff;}
.nav h3.active a span{color: #fff;}


  .nav .sub{ display:none; /*榛樿闅愯棌*/  position:absolute; left:0px; top:60px; z-index:1; width:1200px; border-top:0;  background:#03243e; -webkit-transition: transform .5s;    -moz-transition: transform .5s;    -ms-transition: transform .5s;    -o-transition: transform .5s;    transition:transform .5s;padding:32px;}
  .nav .sub li{ text-align:center; float:left;text-align: left;}
  .nav .sub li a{ display:block;  border-bottom:1px solid #e5e5e5; padding:8px; color:#666; width:100%; }
.nav .sub li a h4{font-size: 15px;color:#fff;margin:0;padding:0;line-height: 20px;font-weight: normal;}
.nav .sub li a span{display: block;font-size: 12px;color:#fff;padding:0;margin:0;line-height: 14px;}
.nav .sub li a:last-child{border-bottom:none;}
  .nav .sub li a:hover{ color:#0892ed;}
  .nav .sub li a:hover h4{ color:#0892ed;}
  .nav .sub li a:hover span{ color:#0892ed;}
.nav .m:hover .sub{display: block; }

.slideTxtBox .search{display: block;list-style-type: none;height:40px;width:40px;float:right;margin-top:12px;position: relative;z-index: 10;}
.slideTxtBox .search:hover input{display: block;-webkit-box-shadow:1px 3px 15px rgba(83, 83, 83, .5); -moz-box-shadow:1px 3px 15px rgba(83, 83, 83, .5); box-shadow:1px 3px 15px rgba(83, 83, 83, .5);}
.slideTxtBox .search input{height:40px;background-color: #f4f4f4;border-radius: 20px;border:none;text-indent: 1em;transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s;border:0;outline:none;/*鍘婚櫎钃濊壊杈规*/;position: absolute;top:0;right:1px;width:300px;display: none;z-index: -1;padding-right:46px;line-height: 40px;}
.slideTxtBox .search .icon{width:20px;height:20px;background-color: transparent;border:none;border:0;outline:none;/*鍘婚櫎钃濊壊杈规*/;background: url(../images/icon_search.png) no-repeat center;background-size: 100% 100%;z-index: 99;display: block;margin-top:10px;margin-left:8px;}
.slideTxtBox .search:hover .icon{z-index: 99;}



/*杞挱鍥?/

.fullSlide{ width:100%;  position:relative;height:595px;}  
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:595px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block;height:595px; }
.fullSlide .bd li a img{width:100%;}
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;  text-align:center;
     _background:#000; _filter:alpha(opacity=60);
  }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url() -18px 0; overflow:hidden; 
    line-height:9999px; z-index: 10;
  }
.fullSlide .hd ul .on{ background-position:0 0; }

.fullSlide{
animation:fadeIn 2s .4s ease both;
-webkit-animation:fadeIn 2s .4s ease both;
-moz-animation:fadeIn 2s .4s ease both;}
@keyframes fadeIn{
0%{opacity:0;
-webkit-transform:translateY(0px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes fadeIn{
0%{opacity:0;
-webkit-transform:translateY(0px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeIn{
0%{opacity:0;
-moz-transform:translateY(0px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}


/*浼佷笟鍙戝睍鍙?/
.development{margin-top:-40px;}
.development .col-md-4{background-color: #fff;padding:0;width:30%;margin:0 1.5%;overflow: hidden;cursor: pointer;}
  .development{margin-bottom:80px;}
.de-title{width:90%;margin:30px auto 35px auto;}
.de-title h2{font-size: 28px;color:#c9c9c9;font-weight: normal}
.de-title span{font-size: 18px;color:#222;}
.de-cont{width:90%;margin:30px auto;cursor: pointer}
.de-cont p{line-height:20px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
 -webkit-line-clamp: 2;
-webkit-box-orient: vertical;color:#666666;height:40px;}
.de-cont span{line-height:16px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
 -webkit-line-clamp: 2;
-webkit-box-orient: vertical;color:#666666;margin-top:10px;height:32px;  }
.development .col-md-4 img{display: block;width:100%;overflow: hidden;transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s;cursor: pointer}
.de-btn{height:16px;overflow: hidden;margin-left:15px;}
.de-btn > a{width:52px;height:16px;display: block;background: url(../images/icon_right_gray.png) no-repeat center;}
 .col-md-4:hover .de-btn > a{width:52px;height:16px;display: block;background: url(../images/icon_right_blue.png) no-repeat center;margin-left:30px;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;}
.de-btn .blue{display: none;}
.de-btn:hover .blue{display: block;}
.de-btn:hover .gray{display: none;}
.row:hover .gong-more a{background: url(../images/icon_right_white.png) no-repeat center;background-color:#0d6eff;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;margin-left:20px;}
.about .left .content i img{display:block;width:100%;overflow: hidden;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;}
.development .col-md-4:hover  img{transform: scale(1.09);overflow: hidden;}

.development{
animation:fadeInUp 2s .4s ease both;
-webkit-animation:fadeInUp  2s .4s ease both;
-moz-animation:fadeInUp  2s .4s ease both;}
@keyframes fadeInUp {
0%{opacity:0;
-webkit-transform:translateY(50px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes fadeInUp {
0%{opacity:0;
-webkit-transform:translateY(50px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(50px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}



/*浜у搧涓績*/
.bg-5{width:100%;padding:30px 0;background: url(../images/img_productcenter_bg.jpg)}

  /* 鏈緥瀛恈ss */
.picScroll{ width:1200px;margin:30px auto 20px auto; }
  .picScroll .bd{ position:relative;  }
.picScroll .prev{ background:url(../images/icon_prev_blue.png) no-repeat; width:26px; height:64px; position:absolute; left:0px; top:45%;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;background-size: 100% auto; }
  .picScroll .next{background:url(../images/icon_next_blue.png) no-repeat; width:26px; height:64px; position:absolute; right:0px; top:45%;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;background-size: 100% auto; }
  .picScroll .prev:hover{ background:url(../images/icon_prev_blue_l.png) no-repeat; width:26px; height:64px; position:absolute; left:0px; top:45%;background-size: 100% auto;  }
  .picScroll .next:hover{ background:url(../images/icon_next_blue_r.png) no-repeat; width:26px; height:64px; position:absolute; right:0px; top:45%;background-size: 100% auto;  }

  .picScroll .scrollWrap{ width:1020px;overflow:hidden;margin:0 auto;}
  .picScroll ul{  zoom:1;overflow: hidden;}
.picScroll li{ width:285px; float:left; display:inline;background-color: #fff; /*transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;*/margin:0 38px 0 23px;}
  .picScroll li .pic {position:relative;display:block;overflow:hidden;margin-bottom:6px;}
  .picScroll li .pic img {display:block;background:#ddd;}
  .picScroll li p {height:15px;margin-top:5px;color:#999;line-height:15px;overflow:hidden;}
  .picScroll li .txt1 a{color:#333;}
  .picScroll li .movielist_tt {position:relative;height:16px;line-height:16px;padding-right:30px;overflow:hidden;position:relative;}
  .picScroll li .movielist_tt a {font-size:14px;}
  .picScroll li .score {color:#FF6600;font-family:Arial;position:absolute;top:0;right:10px;}
.picScroll li .pro-img02{width:100%;position: relative;}
.picScroll li .pro-img02 .pro-defort{width:285px;display: block;height:200px}
.picScroll li .pro-img02 .pro-defort img{width:285px;display: block;height:200px}
.picScroll li .pro-img02 .img-hover{width:100%;display: block;position: absolute;height:100%;background: url(../images/img_bg_opcity.png) repeat;top:0;left:0;text-align: center;vertical-align: middle;display: none;}
.picScroll li .pro-img02 .img-hover img{margin-top:25px;}

.picScroll li:hover{background-color: #0d6eff;}
.food{padding:15px;}
.food h4{font-size: 24px;color:#666666;font-weight:lighter;margin-top:25px;height:50px;}
.food span{font-size: 24px;color:#666666;display: block;font-weight: 500;margin:30px 0 40px 0;}
.picScroll li:hover .food h4{color:#fff;font-weight:lighter;}
.picScroll li:hover .food span{color:#fff;}
.more-btn{float: right;width:44px;height:8px;display: block;background: url(../images/icon_right_gray.png) no-repeat center;margin-right:15px;margin-bottom:30px; transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;}
.picScroll li:hover .more-btn{width:44px;height:8px;display: block;background: url(../images/icon_right_white.png) no-repeat center;}
.picScroll li:hover .pro-img02 .img-hover {display: block;}








/* _timeline.css */
.timeline {
  position: relative;
  margin: 20px auto 20px auto;
  padding: 40px 0 20px 0;width:90%;background-color: #fff;

}
.timeline::before {
  content: "";
  position: absolute;
  top: 74px;
  left: 49.9%;
  width: 2px;
  height:76%;
  background-color: #aaaaaa;padding:30px 0
}

.timeline__item {
  position: relative;
}
.timeline__item::after{
  content: "";
  clear: both;
  display: table;
}
.timeline__item .timeline__item__content {
  float: right;cursor: pointer;
}
.timeline__item:nth-child(2n) .timeline__item__content {
float:left;cursor: pointer;
}
@media (min-width: 800px){
  .timeline__item:nth-child(2n) .timeline__item__content::before{
    left: inherit;
  }
}
.timeline__item:nth-child(2n) .timeline__item__content__date {
  background-color: #b292c5;
}
.timeline__item:nth-child(2n) .timeline__item__content__description {
  color: #b292c5;
}
.timeline__item:last-child {
  margin-bottom: 0;
}


.timeline__item__station {
  background-color: #aaaaaa;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  top: 34%;
  left:49.4%;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.timeline__item:hover .timeline__item__station{background-color: #0d6eff}
.timeline__item__content {
  width:100%;
  background: #fff;
  padding:0;
  border-radius: 6px;
  float: right;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;display: flex;flex-direction: row;justify-content: flex-start;margin-bottom:20px;
}
@media (min-width: 800px){
  .timeline__item__content{
    width: 46%;
    float: inherit;
  }
}

.wrapper{width:90%;margin:0 auto;}


.cntl-content{display: flex;flex-direction: row;justify-content: flex-start;padding:0;border-radius: 2px;align-items: center;
text-align:center;
align-items:center;overflow: hidden;height:60px;overflow: hidden;width:510px}
.timeline__item__content .cn-left{background-color: #bfbfbf;width:60px;height:60px;margin:0;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;text-align: center;padding-top:8px;}
.timeline__item__content .cn-right{background-color: #eeeeee;width:362px;text-align: left;padding-left:10px;height:60px;}
.timeline__item__content .cn-left span{color:#fff;}
.timeline__item__content .cn-left h3{color:#fff;}
.timeline__item__content .cn-right span{color:#1098f7;font-size: 20px;padding-top:8px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.timeline__item__content .cn-right p{color:#666666;font-size: 14px;padding:0 10px 9px 0;margin:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.cnt-right{float: right;}*/
.timeline__item:hover .cn-left{background-color: #0d6eff;}
.cntl-state:hover .cntl-icon{background-color: #0d6eff;}

.patent{width:100%;background:url(../images/img_productcenter_bg02.jpg) no-repeat top center;padding:30px 0;}











/*宸ヨ壓娴佺▼*/
.bg-w2{background-color: #fff;padding:30px 0;width:100%;}
.proson-title h2{font-size: 20px;color:#666666;margin-top:50px;}
.proson-title span{font-size: 14px;color:#666666;margin-top:10px;display: block;line-height: 16px;}
.column .proson-cont{margin-top:40px;overflow: hidden;width:98%;}
.column .proson-cont p{color:#666;line-height:20px; overflow: hidden;width:100%;
 overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
 -webkit-line-clamp: 4;
-webkit-box-orient: vertical;height:80px;}
.column .proson-cont span{color:#666;line-height:20px; overflow: hidden;width:100%;
 overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
 -webkit-line-clamp: 4;
-webkit-box-orient: vertical;margin-top:20px;height:80px;}
.process img{display: block;width:100%;}


.container{width:1200px;position: relative;}

/* 妗堝垪鍒囨崲 */
#menu{width:100%;position: relative;}
#menu #nav {display:block;width:94%;padding:0;margin:40px 10px 40px 0;list-style:none;position:relative;}
#menu #nav li {float:left;margin-right:20px;}
#menu #nav li a {display:block;line-height:27px;text-decoration:none;padding:0 0 6px 0px; text-align:center; color:#666;border-bottom:2px solid #ffffff;font-size: 16px;cursor: pointer;}
#menu_con{width:100%;background-color: #fff;margin-top:40px;}
.tag{ padding:0px;width:100%;position: relative;}
.tag a{display: block;margin-bottom:20px;padding:13px;background-color: #f8f8f8;height:121px;width:560px;}
#menu #nav li a.selected{background-color:#ffffff!important; color:#0d6eff;border-bottom:2px solid #0d6eff}
.tag i{width:150px;display: block;float:left;overflow: hidden;overflow: hidden;height:95px;}
.tag i img{width:150px;display: block;height:95px;}
.tag i img:hover{transform: scale(1.2);transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;}
.tag h3{font-size: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:68%;font-weight: 600;float:right;}
.tag a p{font-size: 13px;line-height: 18px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
 -webkit-line-clamp: 2;
-webkit-box-orient: vertical;margin-top:13px;float:right;width:68%;color:#666;height:36px;}
.tag span{color:#999;float:right;width:68%;display: block;}

.new-right{position: absolute;right: 0;width:580px;top:-72px;}
.new-right a{display: block;margin-bottom:20px;padding:13px;background-color: #f8f8f8;}
#menu #nav li a.selected{background:#f5f5f5; color:#0d6eff;border-bottom:2px solid #0d6eff}
.new-right i{width:150px;display: block;float:left;overflow: hidden;overflow: hidden;height:95px;}
.new-right i img{width:150px;display: block;height:95px;}
.new-right i img:hover{transform: scale(1.2);transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;}
.new-right h3{font-size: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:68%;font-weight: 600;float:right;}
.new-right a p{font-size: 13px;line-height: 18px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
 -webkit-line-clamp: 2;
-webkit-box-orient: vertical;margin-top:13px;float:right;width:68%;color:#666;height:36px;}
.new-right span{color:#999;float:right;width:68%;display: block;}



.bg-3{background-color: #ffffff;padding:70px 0;}

.bg-4{background: url(../images/img_productcenter_bg04.jpg) no-repeat center top;padding:20px 0 60px 0;border-bottom:1px solid #0d6eff;}
.enter:hover span{transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;margin-left:20px;}
  /* 鏈緥瀛恈ss */
  .layB{width:1200px;position: relative;}
  .layB .tbC{ width:85%; padding:10px 0; position:relative; margin:0 auto; }
  .layB .prev{ background:url(../images/icon_prev_blue.png) no-repeat; width:26px; height:64px; position:absolute; left:0px; top:43%;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;background-size: 100% auto; }
  .layB .next{background:url(../images/icon_next_blue.png) no-repeat;width:26px; height:64px; position:absolute; right:0px; top:43%;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;background-size: 100% auto;  }
  .layB .prev:hover{ background:url(../images/icon_prev_blue_l.png) no-repeat; width:26px; height:64px; position:absolute; left:0px; top:43%;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;background-size: 100% auto;  }
  .layB .next:hover{ background:url(../images/icon_next_blue_r.png) no-repeat;width:26px; height:64px; position:absolute; right:0px; top:43%;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;background-size: 100% auto; }

  .layB .slide{ width:100%; overflow:hidden;  }
  .layB ul{ overflow:hidden; zoom:1;}
  .layB li{ width:17%; margin:15px 1.5% 26px 1.5%; display:inline; float:left; line-height:20px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.07);   -webkit-transition: transform .5s;    -moz-transition: transform .5s;    -ms-transition: transform .5s;    -o-transition: transform .5s;    transition:transform .5s;  }
.layB li:hover{ -webkit-box-shadow:1px 3px 15px rgba(83, 83, 83, .5); -moz-box-shadow:1px 3px 15px rgba(83, 83, 83, .5); box-shadow:1px 3px 15px rgba(83, 83, 83, .5);   -webkit-transform: translateY(-10px);    -moz-transform: translateY(-10px);    -ms-transform: translateY(-10px);    -o-transform: translateY(-10px);    transform: translateY(-10px);}
  .layB li img{ display:block; border:1px solid #e6e6e6; width:100%; }

.company-title{margin:28px auto;text-align: center;}
.company-title h3{font-size: 44px;font-weight: bold;color:#9f9f9f;}
.company-title span{font-size:24px;font-weight: bold;color:#fff;display: block;margin-top:15px;background: url(../images/bg_title01.jpg) no-repeat center bottom;padding-bottom:17px;}




.footer{width:100%;background-color: #051c2c;padding:50px 0 10px 0;}
.footer-cont{width:1200px;margin:0 auto;color:#fff;display: flex;flex-direction: row;justify-content: space-between;padding-bottom:40px;}
.footer-cont li{width:31%;}
.footer-cont .foot-tit h3{font-size: 22px;font-weight: 600px;}
.footer-cont .foot-tit span{font-size:14px;display: block;}
.name h4{font-size: 18px;margin-top:20px;font-weight:bold;}
.name span{font-size: 16px;display: block;}
.name02 h4{font-size: 16px;margin-top:20px;font-weight:bold;}
.name02 span{font-size: 16px;display: block;}

.other{margin-top:20px;}
.other span{display: block;margin:0;padding:0;line-height: 18px;font-size: 13px;}
.other-1 span{display: block;margin:0;padding:0;line-height: 18px;font-size: 13px;}
.footer-cont .wechat{padding-top:30px;width:20%;}
.wechat img{display: block;}
.footer-cont .wechat h3{color:#666666;font-size: 16px;margin-top:20px;}
.footer-cont .wechat span{color:#666666;font-size: 12px;display: block;padding:0;margin:0 0 10px 0;}
.copyright{text-align: center;font-size: 15px;margin:10px auto;}





/*璧拌繘鑳滃▉*/
.banner{width:100%;}
.banner img{width:100%;display: block}

.return{width:1200px;margin:10px auto;background-color: #fff;padding:10px 15px;}
.return a{font-size: 13px;color:#999;margin-right:8px;}
.return a:hover{color:#0d6eff;}
.banner{
animation:fadeIn 2s .4s ease both;
-webkit-animation:fadeIn 2s .4s ease both;
-moz-animation:fadeIn 2s .4s ease both;}
@keyframes fadeIn{
0%{opacity:0;
-webkit-transform:translateY(0)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes fadeIn{
0%{opacity:0;
-webkit-transform:translateY(0)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeIn{
0%{opacity:0;
-moz-transform:translateY(0)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.return{
animation:fadeIn 2s .4s ease both;
-webkit-animation:fadeIn 2s .4s ease both;
-moz-animation:fadeIn 2s .4s ease both;}
@keyframes fadeIn{
0%{opacity:0;
-webkit-transform:translateY(0)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes fadeIn{
0%{opacity:0;
-webkit-transform:translateY(0)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeIn{
0%{opacity:0;
-moz-transform:translateY(0)}
100%{opacity:1;
-moz-transform:translateY(0)}
}


/*涓荤洅瀛愬乏鍙?/
.main{width:1200px;margin:20px auto 0 auto;padding-bottom: 20px; min-height: 600px;background-color: #f5f5f5;}
/*宸?/
.main .main-left{width:240px;float:left;padding-bottom:0;background-color: #fff;}
.main-left .left-nav li{text-align: center;padding:12px 10px;border-left: 5px solid #fff;margin:0;}
.main-left .left-nav h3{font-size:24px;background-color:#03243e;color:#fff;text-align: center;padding:25px 0;font-weight: 600;}
.main-left .left-nav li h4{margin:0;font-size: 16px;display: block;color:#666;font-weight: normal;}
.main-left .left-nav li span{margin:0;display: block;padding:0;font-size: 12px;color:#999;line-height: 14px;margin-top:0px;}
.main-left .left-nav li:hover,.main-left .left-nav .on{border-left: 5px solid #0d6eff;background-color: #f5f5f5;padding:12px 10px;cursor: pointer;}
.main-left .left-nav li:hover a,.main-left .left-nav .on h4{color:#0d6eff;}
.main-left .left-nav li:hover a,.main-left .left-nav .on span{color:#0d6eff;}
.main-left .left-nav li:hover span{color:#0d6eff;}
.main-left .left-nav li:hover h4{color:#0d6eff;}

/*涓撲笟鎺掑悕宸﹁竟鍗曠嫭鏍峰紡*/

/*鍙?/
.main .main-right{width:948px;height:100%;min-height:800px;float:right;overflow: hidden;padding:40px;background-color: #fff;float:right;}
.read-tit{width:100%;position: relative;font-size: 18px;color:#666;margin-top:30px;}
.main .title05{width:96%;height:60px;line-height: 70px;text-indent:1.5em; font-size:20px;color:#3a59a7;}

/*瀛︽牎鎺掑悕鍗曠嫭鏍峰紡*/
.main02 .title05{width:96%;height:60px;line-height: 70px;text-indent:1.5em; font-size:20px;color:#3a59a7;}



/*闄㈡牎浠嬬粛*/
.school-read .read-txt{padding-top:5px;}
.school-read .read-txt p{text-indent:2em;font-size:14px;color: #666666;line-height: 22px;}
.school-read .read-txt p.english{text-indent:0;font-size:14px;color: #666666;line-height: 22px;}
.school-read .read-txt p img{display: block;max-width: 100%;margin:16px auto;}

/*read璇︽儏椤?/

/*read鍒楄〃*/
.school-read .news-list a{display: block;padding:20px 0;border-bottom:1px solid #efefef;}
.school-read .news-list a i{display: block;width:320px;float:left;overflow: hidden;height:180px;}
.school-read .news-list a i img{display: block;width:100%;
  transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;height:100%;}
.school-read .news-list a .right{float:right;width:60%;padding:0;}
.school-read .news-list a .right h3{font-weight: normal;font-size:18px;color:#252525;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height:30px;line-height: 30px;}
.school-read .news-list a .right span{font-size:12px;color:#999999;padding:0;margin:30px 0 0 0;display: block;}
.school-read .news-list a .right p{font-size:14px;color:#616161;line-height: 21px;overflow: hidden;margin-top:40px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
 -webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.school-read .news-list a:hover h3{color:#6692ff;}
.school-read .news-list a:hover img{transform: scale(1.2);}


.new-detail .back{border:1px solid #e5e5e5;padding:10px 15px;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;display: block;width:150px;}
.new-detail .back:hover{margin-left:20px;}
.new-detail .back img{margin-right:5px;}
.detail-tit{margin-top:60px;display: block;}
.detail-time{display: block;margin-top:40px;color:#999;}
.detail-top{padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.detail-top span{text-indent: 0;line-height: 20px;font-size: 14px;color:666;margin-top:20px;}

.main{
animation:fadeIn 2s .4s ease both;
-webkit-animation:fadeIn 2s .4s ease both;
-moz-animation:fadeIn 2s .4s ease both;}
@keyframes fadeIn{
0%{opacity:0;
-webkit-transform:translateY(0)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes fadeIn{
0%{opacity:0;
-webkit-transform:translateY(0)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeIn{
0%{opacity:0;
-moz-transform:translateY(0)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

/*浜у搧涓氬姟*/
.product{width:1200px;margin:0 auto 40px auto;overflow: hidden;}
.pro-top{background-color: #fff;}
.pro-top li{float: left;width:200px;text-align: center;cursor: pointer;padding:10px;}
.pro-top li .proc-icon{position: relative;width:65px;height:65px;margin:0 auto 5px auto;transform: scale(1.09);overflow: hidden;}
.pro-top li .proc-icon img{width:100%;}
.pro-top li .proc-icon .pro-02{position: absolute;top:0;left:0;width:100%;display: block;width:100%;overflow: hidden;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;opacity: 0;}
.pro-top li a h3{text-decoration: none;color:#666;font-size: 17px;}
.pro-top li a span{text-decoration: none;color:#666;display: block;font-size: 14px;line-height: 14px;margin-top:5px;}
.pro-top li a:hover{text-decoration: none;}
.pro-top li:hover .proc-icon img:first-child {opacity: 0;}
.pro-top li:hover .proc-icon .pro-02{display: block;transform: scale(1.09);overflow: hidden;z-index: 1;opacity: 1;}
.pro-top li:hover a h3{color:#0d6eff;}
.pro-top li:hover a span{color:#0d6eff;}

.pro-top li.active .proc-icon .pro-02{display: block;z-index: 1;opacity: 1;}
.pro-top li.active a h3{color:#0d6eff;}
.pro-top li.active a span{color:#0d6eff;}



.pro-center{background-color: #fff;margin-top:10px;padding:80px 35px 50px 35px;}
.pro-center .pro-title h3{font-size: 26px;color:#666;opacity: 1;font-weight: normal;}
.pro-center .pro-title span{font-size: 18px;color:#666;font-weight: normal;background: url(../images/bg_title01.jpg) no-repeat left bottom;padding:10px 0 15px 0;}

.pro-cont .pro-txt{float:left;width:49%;}
.pro-cont .pro-txt p{color:#999;line-height: 22px;font-size: 14px;margin-top:30px;}
.pro-cont .pro-img{float:right;width:48%;margin-top:30px;}
.pro-img img{display: block;max-width:95%;margin:0 auto 20px auto;border:12px solid #dddddd;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;}
.pro-center:hover .pro-img img{transform: scale(1.08);overflow: hidden;}
.pro-img span{display: block;width:100%;text-align: center;font-size: 15px;color:#999;line-height: 18px;}


.por-down{background-color: #fff;padding:1%;margin-top:10px;}
.por-down li{float:left;margin:30px 26px 0 30px;width:228px;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.07);   -webkit-transition: transform .5s;    -moz-transition: transform .5s;    -ms-transition: transform .5s;    -o-transition: transform .5s;    transition:transform .5s;padding:1%;cursor: pointer;overflow: hidden;}
.por-down li i{display: block;width:200px;margin:0 auto;border:1px solid #efefef;padding:10px;height:200px;}
.por-down li i img{display: block;width:180px;margin:0 auto;height:180px;overflow: hidden;}
.por-down li h3{font-size: 18px;color:#666;margin-top:15px;}
.por-down li span{font-size: 14px;color:#999;line-height: 16px;display: block;margin-top:10px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
 -webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.por-down li:hover h3{color:#0d6eff}
.por-down li:hover span{color:#0d6eff}
.por-down li:hover{ -webkit-box-shadow:1px 3px 15px #ddd; -moz-box-shadow:1px 3px 15px #ddd; box-shadow:1px 3px 15px #ddd;   -webkit-transform: translateY(-10px);    -moz-transform: translateY(-10px);    -ms-transform: translateY(-10px);    -o-transform: translateY(-10px);    transform: translateY(-10px);}



.product{
animation:fadeIn 2s .4s ease both;
-webkit-animation:fadeIn 2s .4s ease both;
-moz-animation:fadeIn 2s .4s ease both;}
@keyframes fadeIn{
0%{opacity:0;
-webkit-transform:translateY(0)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes fadeIn{
0%{opacity:0;
-webkit-transform:translateY(0)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeIn{
0%{opacity:0;
-moz-transform:translateY(0)}
100%{opacity:1;
-moz-transform:translateY(0)}
}


/* 寮圭獥*/
.mask-pop{ height:100%; width:100%; background-image:url(../images/bg_mask_b.png); position:fixed; top:0px; left:0px; z-index:10; display: none}
.popup { position:relative!important;
  width:63%; height:800px;
    margin:4% auto 0 auto;
  font-size: 20px;
  background: #fff;border-radius:4px; padding:2%;overflow-y:scroll;
}
.scale-pop{position: relative;}
.btn-close{ background-color: #0d6eff;color:#fff;font-size: 15px;padding:13px 10px;vertical-align: middle;cursor: pointer;position: fixed;left:20.5%;top:10%;z-index: 999;}
.popup  .btn-close img{margin-right:5px;}


.popup .detail-top{padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.popup .detail-top h2{font-size: 24px;}
.popup .detail-down p{text-indent: 0;line-height: 20px;font-size: 14px;color:666;margin-top:20px;}
.pop-down{margin-top:40px;}
.pop-down i{display: block;width:100%;border:1px solid #e5e5e5;padding:30px 0;text-align: center;}
.pop-down i img{display: block;margin:0 auto;}
.pop-down .title{font-weight: bold;color:#666;margin-top:20px;}
.pop-down p{color:#999;line-height: 18px;}



.prodcut-detail{width:1200px;}
.prodcut-detail .main-right{width:1200px;}
.prodcut-detail .main-right .detail-down img{display: block;text-align: center;margin:24px auto;}



.patent-tc{width:800px;margin:30px auto;}
 .patent-tc .cn-left{background-color: #bfbfbf;width:60px!important;height:60px!important;margin:0;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;text-align: center;padding-top:8px;display: block;}
 .patent-tc .cn-right{background-color: #eeeeee;width:740px;text-align: left;padding-left:10px;height:60px;}
 .patent-tc .cn-left span{color:#fff;}
 .patent-tc .cn-left h3{color:#fff;}
 .patent-tc .cn-right span{color:#1098f7;font-size: 20px;padding-top:8px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .patent-tc .cn-right p{color:#666666;font-size: 14px;padding:0 10px 9px 0;margin:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.cnt-right{float: right;}*/
 .patent-tc:hover .cn-left{background-color: #0d6eff;}
 .patent-tc:hover .cntl-icon{background-color: #0d6eff;}