.top{ position: fixed; top: 0; right: 0; width: 100%; z-index: 999;   background: #fff;  height: 96px;   }
.top.scollfox{ animation:850ms 350ms; background: #fff; animation-fill-mode:both; backface-visibility: visible; animation-name: fadedown2; border-bottom: none;}
.logo{ position: fixed; top: 3px; left: 4%; right: auto; }
.nav{  height: 96px; line-height: 96px; }

.nav li{ float: left; margin: 0 34px;  }
.nav li a{ font-size: 16px; color: #000; }
.subnav{ background: #fff; display: none;  width: 100%;  position: absolute; top: 96px; left: 0;  right: 0;  transition: 430ms; }
.subnav dt {display: inline-block; margin:20px 10px;  }
.move{ animation:1s;   animation-fill-mode:both; backface-visibility: visible; animation-name: fadedown; transition: all 1s;  }
.subnav dt a:hover{ color: #2d68b3 }
.subnav dl{ text-align: center; box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.subnav dt em{ display: block; width: 200px; height: auto; }
.subnav dt em img{ display: block; width: 200px; overflow: hidden; height: auto; }
.subnav dt h2 a{ display: block; text-align: center; font-size: 16px;  height: 35px; line-height: 35px;}


@keyframes fadedown {
    from { transform: translateY(15%); opacity: 0; ;  }

    to { transform: translateY(0); opacity: 1;  }
}

@keyframes fadedown2 {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}



.shejiao{ position: fixed; right: 130px; top:30px; } 
.weibo{ display: inline-block; width: 23px; height: 20px; background: url(../img/icon.png) no-repeat; background-position: 0 0px; }
.qq{ display: inline-block; width: 23px; height: 20px; background: url(../img/icon.png) no-repeat; background-position: -49px 0px; margin-left: 15px; }
.weixin{ display: inline-block; width: 25px; height: 20px; background: url(../img/icon.png) no-repeat; background-position: -91px 0px; margin-left: 15px; }
.code{ position: absolute; width: 100px; height: 100px; left: 0%; top: 30px; display: none; transition: all 350ms; 
animation:430ms 350ms; backface-visibility: visible; animation-name: fadedown; animation-fill-mode: both;  }
.contact{ position: fixed; right: 0; top: 0; background: #a4a4a4; width: 102px; height: 96px; }
.contact span{ display: block; width: 30px; height: 24px; background: url(../img/icon.png) no-repeat; background-position: -123px 0;  margin:20px auto 10px auto; }
.contact h2{ text-align: center; color: #fff; font-size: 16px; }

.banner{ width: 100%; overflow: hidden; position: relative;  height: 772px; padding-top: 96px; }
.banner .hd{ position: absolute; z-index: 99; left: 47%; bottom: 10px; }
.banner{ position: relative; }
.banner .hd li{ display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: #fff; border:1px solid #fff;  margin:0 5px; }
.banner .hd li.on{ background: transparent;  }
.banner .bd li img{ max-width: 100%; display: block; }

@keyframes fadedown3 {
    from { transform: translateY(3px); }
    to { transform: translateY(0);  }
}

.tit{padding-top: 75px; margin-bottom: 45px;}
.tit h3 img{ display: block; margin:auto;   }
.tit h2 img{ display: block; margin:auto;  }
.tit h1{ text-align: center; font-size: 22px; color: #161616; padding:25px 0; }

.tu{ position: relative; display: block; }
.mask { background: url(../img/ban.png) repeat center;  position: absolute; width: 100%; height:0; top: 50%; left: 0; right: 0; bottom: 0;
 transition: 0.7s;  }
.tu p{ text-align: center; width: 100%; position: absolute; top: 55%; }
.tu span{ display: block; margin:auto; width: 130px; height: 40px; line-height: 40px;  text-align: center; background: #1702be; z-index: 9999; 
color: #fff;  transition: 0.7s; opacity: 0; visibility: hidden; }
.tu h3{ text-align: center; font-size: 22px; position: relative; z-index: 999; color: #fff; transition: 0.7s;  width: 100%;  top: 38%; visibility: hidden; opacity: 0;}
.tu:hover .mask{ height: 100%; top:0;}
.tu:hover h3,.tu:hover span{ opacity: 1; visibility: visible; }
.tu1{ margin-right: 24px; }
.tu2{ margin-right: 28px; }
.tu{ margin-top: 24px; }
.xilie-top{ display: block; width: 1200px; height: 425px; overflow: hidden; }
.xilie-top img{ display: block; width: 1200px; height: 425px; overflow: hidden; }
.xilie-mid a{ width: 588px; height: 425px; display: block; overflow: hidden; }
.xilie-mid  a img{ display: block; width: 588px; height: 425px; overflow: hidden;  }
.xilie-bt a{ display: block; width: 380px; height: 380px; overflow: hidden; }
.xilie-bt a img{ display: block; width: 380px; height: 380px; overflow: hidden; }

.aboutwrap{ position: relative; width: 100%;  margin-top: 75px; height: 530px; }
.about{ width: 100%; overflow: hidden; height: 500px;  position: absolute; background: url(../img/about-bg.png) no-repeat center; }
.aboutwrap .hua{ position: absolute; transition: all 0.7s; right: 0; top: 195px; transition: all 1s; }
.aboutwrap .zhentou{ position: absolute; top: 0; left: 0; transition: all 1s; }
.about .left{background: rgba(255,255,255,0.8);  width: 470px; float: left; height: 310px; margin-top: 50px; padding:45px 65px; }
.about .left h1{ font-family: "宋体"; color: #161616; font-size: 22px; padding-top: 15px; }
.about .left p{ line-height: 36px; color: #666; margin-top: 20px; }
.about .more{ display: block; width: 140px; height: 38px; border:1px solid #dfdfdf; line-height: 38px; text-align: center; font-size: 14px; 
color: #a4a4a4; margin-top: 45px; margin-left: 210px; transition: all 1s; }
.zhentou:hover,.hua:hover{ transform: translateY(10px); }
.about .more:hover{ transform: translateX(5px); }
/*
.case .left{ width: 315px; text-align: center; margin-top: 70px; float: left; }
.case .left em { display: block; text-align: center; }
.case .left em img{ display: block; margin:auto;}
.case .left span{ display: block; margin:auto; }
.case .left span img{ display: block; margin:25px auto 30px auto; }
.case .left p{ line-height: 36px; color: #666; font-size: 14px; margin-top: 30px; }
.case .right{ float: right; width: 795px; margin-right: 37px; }
.case .bigtu{ margin-top: 0; width: 380px; height: 380px; overflow: hidden; }
.case .bigtu img{ display: block; width: 380px; height: 380px; overflow: hidden; }
.case-bottom .tu{ display: block; height: 310px; width: 260px; }
.case-bottom .tu img{ display: block; width: 260px; height: 310px; }
*/
.case .left{ width: 315px; text-align: center; margin-top: 20px; float: left; }
.case .left em { display: block; text-align: center; }
.case .left em img{ display: block; margin:auto;}
.case .left span{ display: block; margin:auto; }
.case .left span img{ display: block; margin:25px auto 30px auto; }
.case .left p{ line-height: 36px; color: #666; font-size: 14px; margin-top: 30px; }
.case .right{ float: right; width: 830px; }
.case .bigtu{ margin-top: 0; width: 400px; height: 303px; overflow: hidden; }
.case .bigtu img{ display: block;  width: 400px; height: 303px; overflow: hidden; }
.case-bottom .tu{ display: block;  width: 400px; height: 303px;}
.case-bottom .tu img{ display: block;  width: 400px; height: 303px; }

.hf{ display: block; width: 100%; height: 230px; overflow: hidden; margin-top: 75px; }
.news .left{ width: 560px; display: block; float: left; }
.news .left em{ display: block; width: 580px; height: 225px; overflow: hidden;  margin-bottom: 25px;}
.news .left em img{ display: block; width: 580px; height: 225px; overflow: hidden; transition: all 1.2s;  }
.news .left h2{ font-size: 16px; color: #333; float: left; }
.news .left span{ display: block; float: right; font-size: 14px; color: #666; }
.news .left p{ font-size: 14px; color: #666; line-height: 36px; margin-top: 15px; }
.news .left a:hover img{ transform: scale(1.1); }
.news .left a:hover h2{ color: #1702be; }
.news .right{ float: right; width: 560px; }
.news .right strong{ float: left;  font-size: 62px; color: #666666; display: block; padding-right: 25px; border-right: 1px solid #d9d5d5; transition: all 1s;}
.news .right .list{ float: left; width: 425px;   margin-left: 25px;}
.news .list h1{ font-size: 16px; color: #333; float: left; transition: all 1s; }
.news .list span{ float: right; font-size: 14px; color: #999999; }
.news .list p{ font-size: 14px; color: #666; padding-top: 10px; transition: all 1s;}
.news .right li{ margin-bottom: 60px; }
.news .right a{ display: block; position: relative;  padding:10px 5px;}
.news .right a b{ position: absolute; content: ""; width: 0; height: 100%; left: 0; right: 0; bottom: 0; top: 0; background: #140396;
transition: all 1s; z-index: -10;  }
.news .right a:hover b{ width: 100%; }
.news .right li:hover h1,.news .right li:hover strong,.news .right li:hover p{ color: #fff; }


.footer{ background: #f2f2f2; padding:50px 0 45px 0; margin-top:2px; }
.link{ padding-bottom: 30px; border-bottom: 1px solid #e8e4e4; }
.link h3{ float: left; font-size: 18px; color: #333; }
.link h3 i{ display: inline-block; font-size: 14px; color: #666; margin-left: 15px; }
.link p{ float: left; margin-left: 25px; }
.link p a{ display: inline-block; margin:0 22px; color: #666; font-size: 14px; }
.link p a:hover{ color: #140396; }
.infor{ margin-top: 40px; }
.infor h2 i{ font-size: 16px; color: #222; display: inline-block; margin-right: 22px;  }
.infor p{ margin-top: 35px; font-size: 14px; color: #666; }
.infor p span{ display: inline-block; font-size: 14px; color: #666; width: 230px; text-align: left; margin-bottom: 15px; }
.code2 h3{ font-size: 16px; color: #222; margin-top:50px; padding-right: 5px; text-align: right;}
.code2 h1{ font-size: 36px; color: #140396; padding-top: 5px; font-family: "arial"; padding-right: 5px;  }
.youlian h3{ float: left;  color: #222; font-size: 16px;}
.youlian { padding:50px 0 0px 0; }
.youlian ul{ float: left; padding-left: 10px; margin-top: 2px; }
.youlian ul li{ float: left; color: #aaa; margin:0 5px; }
.youlian ul li a{ display: inline-block; color: #aaa; font-size: 14px; vertical-align: middle; margin:0 10px; }
.youlian ul li a:hover{ color: #140396; }
.copyright{ background: #d0cfcf; padding:25px 0;}
.copyright p{ font-size: 14px; color: #555; }


.neibanner{ width: 100%; overflow: hidden; height: 360px; padding-top: 96px; }

.breadcrumb-nav { margin-bottom: 20px; background-color: #f9f9f9;  font-size: 14px;   }
.breadcrumb-nav .breadcrumb { margin-bottom: 0; padding: 16px 0; background-color: transparent; float: left; margin-left: 8%; }
.breadcrumb {padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; }
.breadcrumb > li {display: inline-block; float: left; }
.breadcrumb > li a img{ display: inline-block; vertical-align: middle; }
.breadcrumb-nav .breadcrumb > li + li b {display: inline-block; margin-left: 8px; width: 0; height: 0; border-width: 3px 0 3px 6px; border-style: solid;
border-color: transparent transparent transparent #999; content: ""; vertical-align: middle; }
.breadcrumb > li + li b {content: "/ "; padding: 0 5px; color: #ccc; }
.nav-float li.active a{ color: #000; font-weight: bold; border-bottom: 1px solid #000; }
.nav-float { float: right; margin-right: 8%;}
.nav-float li{ float: left;  margin:0 0 0 40px; height: 50px; line-height: 50px;}
.nav-float li a{ display: block; font-size: 14px; color: #333; }
.breadcrumb li.active a{ color: #000; font-weight: bold; }

.pro-page,.news-page{ margin:auto; width: 90%; }
.pro-page li{ float: left;  display: block; width: 385px; height: 290px; overflow: hidden;  position: relative; margin:15px; }
.he_border2{background:#140396;width:100%;height:100%;padding:0;margin:0;position:relative;
-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; display: block}
.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;overflow:hidden; height: 290px;}
.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border2 .he_border2_caption,.he_border2 .he_border2_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border2 .he_border2_caption_h{font-size:18px;font-weight:700;text-align:center;width:80%;position:absolute;top:36%;left:10%;
-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0; color: #fff; }
.he_border2 .he_border2_caption_p{font-size:14px;text-align:center;width:80%;position:absolute;top:60%;left:10%;
-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0; color: #fff;}
.he_border2:hover .he_border2_caption_p{top:50%;opacity:1}
.he_border2:hover .he_border2_caption_h{ opacity: 1; } 

.fenye { text-align: center; margin:30px auto; }
.fenye span{ display: inline-block; *display: inline-block; padding:8px 15px; border:1px solid #f2f2f2; font-size: 14px;  background: #140396; color: #fff !important;  cursor: pointer;
margin: 0 5px;  }
.fenye a{ display: inline-block; *display: inline-block; padding:8px 15px; border:1px solid #f2f2f2; font-size: 14px; color: #666; cursor: pointer;
margin: 0 5px;  }
.fenye span.active { background: #140396; color: #fff; }
.news-page li{ float: left;  display: block; width: 47%; overflow: hidden;  position: relative; margin:15px; }
.news-page em{ float: left; width: 25%; overflow: hidden;  }
.news-page em img{ display: block; height: 110px; width:100%; transition: all 1s; transform: scale(1.2); overflow: hidden;}
.news-page div.fr{ width: 73%;  }
.news-page div.fr h1{ font-size: 16px; color: #000; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
transition: all 1s;}
.news-page div.fr p{ font-size: 14px; color: #666; padding-top:10px; line-height: 30px; }
.news-page li:hover h1{ color: #140396; }
.news-page li:hover em img{ transform: scale(1); }

.details-page{ background: #fff; padding:0 20px; width: 80%; margin:auto; }
.de-tit{ padding:40px 0  20px 0;  }
.de-tit h1{ font-size: 20px; color: #333; text-align: center; padding:15px 0; }
.de-tit p{ text-align: center; border-bottom:1px solid #f5f5f5; padding:0 0 20px 0; } 
.de-tit p span{ display: inline-block; margin:0 15px; font-size: 14px; color: #888;  }
.de-cont p{ line-height: 38px; font-size: 14px; color: #666;  }

.fenpian{ padding:30px 0;  border-top: 1px solid #f6f6f6; margin-top: 40px;}
.fenpian>div{ padding:15x 0; }
.fenpian span{ display: block; font-size: 14px; color: #222; float: left;  vertical-align: middle; line-height: 30px; }
.fenpian p a{ font-size: 14px; color: #555; float: left; display: block; line-height: 30px; }
.fenpian a:hover{ color: #140396; }
.de-img{ text-align: center; padding:20px 0; }
.de-img img{ display: inline-block; }

.fenpian .fanhui{ display: block; float: right; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #140396; border-radius: 10px;
  color: #fff; cursor: pointer;}
.fenpian .fanhui a{color:#fff;}
/*留言*/
.cxzd .online{ padding:50px 150px; background:#fff; overflow:hidden; position:relative; margin-top:50px;}
.cxzd .online h1{ font-size:40px; line-height:50px; font-weight:bold; text-align:center; font-family:Arial;}
.cxzd .online h2{ text-align:center; font-size:16px; padding-bottom:40px; overflow:hidden;}
.cxzd .online .zxly{ width:600px; overflow:hidden;}
.cxzd .online .zxly li{ overflow:hidden; margin-top:15px;}
.cxzd .online .zxly li:nth-child(1){ margin:0;}
.cxzd .online .zxly li input.text{ padding:0 10px; color:#555; height:75px; line-height:75px; width:580px; background:#f8f8f8; border:none;}
.cxzd .online .xxnr{ width:590px; overflow:hidden;}
.cxzd .online .xxnr textarea{ padding:10px; overflow:hidden; background:#f8f8f8; border:none; width:570px; height:325px;}
.cxzd .online .ljtj{ width:100%; overflow:hidden; padding-top:15px;}
.cxzd .online .ljtj input.sub{ background:#373636; line-height:60px; height:60px; color:#fff; border:none; font-size:18px; width:100%; cursor:pointer;}

/*地图*/
.map-list{ width:1200px; overflow:hidden; margin: 0 auto;}
.map-list h3{ width:80px; line-height:40px; float:left; font-size:16px; color:#140396; font-weight:bold; }
.map-list p{ width:1120px; line-height:40px; float:left;}
.map-list p a{display:block; float:left; font-size:14px; padding:0 10px;}
@media (max-width:1440px) {
	.nav{ width: 100%; text-align: center; }
	.nav ul{ float: none;  display: inline-block; margin:auto; width: auto;}
	.nav li{ margin: 0 14px; display: inline-block; }
	.shejiao{ right: 10%; }
	.pro-page li{ width: 285px; height: 215px; margin: 10px;  overflow: hidden; }
	.news-page li{ width: 46%; }
}

@media (max-width:1200px) {
.pro-page li{ width: 250px; height: 188px; margin: 10px; overflow: hidden; }
}