@charset "utf-8";

/* CSS Document */

/* fixed */
html,body{font:14px/1.8 "微软雅黑";color:#646464;background:#fff;}
.pw{width:1100px;margin:0 auto;}
.pic{width:100%;}
.pic img{width:auto;}
.scapic.pic:hover img{}
.tx{text-align:justify;overflow:hidden;line-height:25px!important;}
.tx img{margin:0 auto;max-width:100%!important;height:auto!important;}
.nowti{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.1;}
.ti{white-space:nowrap;line-height:1.1;overflow:hidden;}
.ico{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;transition:300ms;-webkit-transition:300ms;}
.cover{position:absolute;top:0;left:0;right:0;bottom:0;}
.container{width: 1200px;margin: 0 auto;}

/* fixed end */

/* animation */
@keyframes awmove{
	0%{transform:translateY(0);-webkit-transform:translateY(0);}
	100%{transform:translateY(3px);-webkit-transform:translateY(3px);}
}
@-webkit-keyframes awmove{
	0%{transform:translateY(0);-webkit-transform:translateY(0);}
	100%{transform:translateY(3px);-webkit-transform:translateY(3px);}
}
@keyframes awmove2{
	0%{transform:translateY(0);-webkit-transform:translateY(0);}
	100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);}
}
@-webkit-keyframes awmove2{
	0%{transform:translateY(0);-webkit-transform:translateY(0);}
	100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);}
}
@keyframes awop{
	0%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes awop{
	0%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:1;}
}
@keyframes awop2{
	0%{opacity:0;}
	50%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes awop2{
	0%{opacity:0;}
	50%{opacity:1;}
	100%{opacity:0;}
}

/* animation end */
/*.header{position:fixed;top:0;left:0;right:0;z-index:1005;background:none;}*/
.headerlogo{margin:0;padding:0;width:645px;height:117px;float:left;background:url(../images/logobg.png) no-repeat top left;}
.headerlogo .logo{width:264px;display:block;margin-left:20px;float:left;margin-top:-4px;}
.header .top{height:38px;line-height:38px;overflow:hidden;background:none;margin-right:20px;}
.header .top a{color:#fff;}
.htlk{display:block;width:65px;height:100%;float:right;text-align:center;}
.ntx{display:block;transition:300ms;-webkit-transition:300ms;}
.weixin,.qq,.mail,.tel,.lang{width:45px}
.weixin .ico{background:url(../images/sprite.png) 0 16px no-repeat;}
.qq .ico{background:url(../images/sprite.png) 0 -52px no-repeat;}
.mail .ico{background:url(../images/sprite.png) 0 -117px no-repeat;}
.tel .ico{background:url(../images/sprite.png) 0 -183px no-repeat;}
.lang .ico{background:url(../images/sprite.png) 0 -253px no-repeat;}
.email{font-size:12px;line-height:1;}
.email .ntx{padding-top:7px;}
.oa{font-size:16px;}
.email,.oa{background:#1d9c1d;}
.htlk.qq{margin-right:10px;}
.htlk.mail{margin-right:10px;}
.htlk.tel{margin-right:10px;}
.htlk.weixin{margin-left:10px;}
.weixin:hover .ico,.qq:hover .ico,.mail:hover .ico,.tel:hover .ico,.lang:hover .ico{transform:translateY(-3px);-webkit-transform:translateY(-3px);}
.htlk:hover .ntx{transform:translateY(-3px);-webkit-transform:translateY(-3px);}
.searchBox{width:86px;height:24px;float:right;position:relative;margin-top:7px;}
.searchBox input{display:block;}
.searchBox .search-tx{border:1px solid #fff;width:49px;height:22px;border-radius:22px;padding:0 25px 0 10px;color:#fff;font-family:"微软雅黑";font-size:12px;line-height:22px;overflow:hidden;}
.searchBox .search-btn{position:absolute;top:0;right:0;width:25px;height:100%;background-repeat:no-repeat;background-position:left center;background-image:url(../images/searchBtn.png);cursor:pointer;}
.searchBox .search-tx:focus{border:1px solid #1d9c1d;}
.header .btm{height:73px;margin-right:20px;background:none; /* overflow:hidden; */}
.logo img{width:100%;}
.header .nav{float:right;}
.header .nav li{float:left;position:relative;}
.header .nav a{display:block;color:#505050;line-height:73px;font-size:16px;padding:0 15px;color:#fff;background:none;}
.header .nav li:hover > a,.header .nav li.act > a{background:url(../images/menudi.png) no-repeat bottom center;color:#fff;}
.header .nav li.act > a{background:none;color:#fff;}
.header .nav li.act > a:hover{background:none;color:#38b035;}
.header .twonav{position:absolute;top:73px;left:0;right:0;background:#38b035;padding:10px 0 20px 0;display:none;}
.header .twonav a{text-align:center;display:block;color:#fff;font-size:14px;line-height:1.4;padding:8px 5px;letter-spacing:-1px;}
.header .twonav a:hover{background:#0a6f07;}
.mtop{height:74px;}
.banner ul li{height:707px;overflow:hidden;position:absolute;}
.banner .pic{position:absolute;left:0;top:0;}

/* .banner{ cursor:none !important;} */
.banner .bx-controls-direction .bx-prev,.banner .bx-controls-direction .bx-next{position:absolute;top:0;width:25%;bottom:0;height:auto;margin-top:0;z-index:200;opacity:0;display:none\9;}
.banner .bx-wrapper .bx-prev{left:25px;background:url(../images/cursor-left.png) no-repeat left center;}
.banner .bx-wrapper .bx-next{right:25px;left:auto;background:url(../images/cursor-right.png) no-repeat right center;}
.banner .bx-controls-direction .bx-prev:hover,.banner .bx-controls-direction .bx-next:hover{opacity:1;display:block\9;}
.bannertxts{position:absolute;z-index:200;width:686px;left:50%;margin-left:-343px;text-align:center;color:#fff;padding:35px 0 40px 0;top:30%;}
.bannertxts .bg{position:absolute;top:0;bottom:0;width:0;background:url(../images/black.png);transition:500ms 600ms;-webkit-transition:500ms 600ms;}
.bannertxts .bg_1{right:50%;}
.bannertxts .bg_2{left:50%;}
.bannertxts .txts{position:relative;}
.bannertxts .txts .ch{font-size:45px;line-height:1.1;text-shadow:0 0 1px rgba(0,0,0,.5);}
.bannertxts .ch strong{font-weight:normal;color:#feb70d;}
.bannertxts .en{font-family:'Conv_ZAP';line-height:1.1;}
.bannertxts .en_1{font-size:40px;text-transform:uppercase;}
.bannertxts .en_2{font-size:12px;margin-top:8px;}
.banner .lines{font-size:0;margin:25px 0 20px 0;}
.banner .lines span{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;}
.banner .lines .line{width:45px;height:1px;background:#fff;}
.banner .lines .aw{width:18px;height:7px;background:url(../images/aw.png) no-repeat center center;animation:awmove 1s linear 0.1s alternate infinite;-webkit-animation:awmove 1s linear 0.1s alternate infinite;}
.bannertxts .atx{transform:translateY(80px);-webkit-transform:translateY(80px);opacity:0;}
.bannertxts.show .atx{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.bannertxts.show .bg{width:50%;}
.ixmore{width:108px;height:40px;display:block;position:absolute;left:50%;margin-left:-55px;bottom:60px;color:#fff;border:1px solid #fff;border-bottom:none;text-align:center;line-height:40px;z-index:204;}
.banner .ixmore .lines{width:108px;position:absolute;left:0;bottom:0;margin:0;}
.banner .ixmore .lines span{vertical-align:bottom;}
.banner .ixmore:hover{background:#EE525E;}
.bannernum{display:block; /* width:365px; */position:absolute;right:15px;bottom:15px;color:#fff;z-index:204;}
.bannernum .top{background:url(../images/bg1.png);border-top:1px solid #eb6100;padding:40px 35px 25px 30px;}
.bannernum .top p{float:left;}
.bannernum .top p:first-child{margin-right:50px;}
.bannernum .top .num{display:block;font-size:50px;line-height:1;font-weight:normal;letter-spacing:-2px;position:relative;}
.bannernum .top .num .unit{font-size:14px;margin-left:20px;}
.bannernum .top .num .up{width:15px;height:20px;background:url(../images/num-up.png) no-repeat right top;position:absolute;top:0;right:0;animation:awmove 1s linear 0.1s alternate infinite;-webkit-animation:awmove 1s linear 0.1s alternate infinite;}
.bannernum .top .num .down{width:15px;height:20px;background:url(../images/num-down.png) no-repeat right top;position:absolute;top:0;right:0;animation:awmove 1s linear 0.1s alternate infinite;-webkit-animation:awmove 1s linear 0.1s alternate infinite;}
.bannernum .btm{background:url(../images/bg2.png);height:36px;line-height:36px;padding:0 41px 0 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;}
.bannernum .btm .ico{width:6px;height:100%;display:block;position:absolute;top:0;right:35px;background:url(../images/aw1.png) no-repeat center center;}
.bannernum:hover .btm .ico{transform:translateX(5px);-webkit-transform:translateX(5px);}
.banner .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;margin:20px 5px;width:12px;height:12px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#EE525E;}
.banner .bx-wrapper .bx-pager{bottom:0;z-index:203;}

/* menuBox end */
.menuBox{position:fixed;left:0px;top:-100%;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1006;background-color:#f6f7f7;}
.navMobile{padding:10% 0px 50px;}
.navMobile dd{display:block;width:100%;text-align:center;}
.navMobile dd p a{text-transform:uppercase;font-size:18px;position:relative;}
.navMobile dd a{display:block;padding:12px 0px;line-height:1.4;font-size:14px;color:#646464;-webkit-transition:0s;-moz-transition:0s;-o-transition:0s;transition:0s;}
.navMobile dd a:active,.navMobile dd a:hover,.navMobile dd p a.cur{color:#EE525E;}
.mlogo{width:138px;display:block;position:absolute;left:5%;top:10px}
.mlogo img{width:100%;}
.menuBox .tool{text-align:center;font-size:0;background:#EE525E;padding:15px 0;}
.menuBox .tool a{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;background:none;color:#fff;width:40px;height:40px;border:1px solid #fff;border-radius:100%;margin:0 10px;line-height:40px;text-transform:uppercase;}
.menuBox .tool a:hover .ntx{transform:translateY(-3px);-webkit-transform:translateY(-3px);}
.too2{text-align:center;margin-top:10%;}
.too2 a{background:none;color:#646464;margin:0 20px;}
.too2 a:hover{color:#EE525E;}
.menuBox .twonav{background:#29b37e;display:none;}
.menuBox .twonav a{display:block;font-size:14px;line-height:1.4;padding:8px 0;color:#fff;}
.menuBox .twonav a:hover{background:#0a6f07;color:#fff;}

/* menuBox end */
#indexk{margin:0 auto;padding:0;width:100%;height:40px;}

/* indexkaishi */
#indexkaishi{margin:0 auto;padding:0;width:94%;height:auto;}
#indexkaishi h2{color:#000;font-size:28px;}
#indexkaishi h2 span{font-weight:bold;}
#indexkaishi ul{margin:20px 0;}
#indexkaishi ul li{float:left;position:relative;width:24%;margin-right:1.33%;overflow:hidden;text-align:center;line-height:100%;font-size:16px;color:#999;}
#indexkaishi ul li.nm{margin-right:0;}
#indexkaishi ul li img{width:100%;}
#indexkaishi ul li.nm img{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
#indexkaishi ul li.nm a:hover img{opacity:.8;}
#indexkaishi ul li span{display:block;position:absolute;bottom:-300px;left:0;width:100%;line-height:1300%;text-align:center;color:#fff;background:url(../images/bg-black6.png) repeat;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;font-size:20px;}
#indexkaishi ul li:hover span{bottom:0px;}
#indexline{margin:0 auto;padding:0;width:100%;height:2px;background:#999;}
.fixbg{background-repeat:no-repeat;background-size:cover;width:100%;background-position:center center;/*background-attachment:fixed;-webkit-background-attachment:fixed;background-attachment:scroll\9;*/}
#indexkaishi6 .fixbg{padding:30px 0 50px 0;}
#indexkaishi6{margin:0 auto;padding:0;width:100%;height:auto;background:#f3f3f3;}
#indexkaishi6-title{font-size:24px;color:#000;font-weight:normal;line-height:50px;text-align:center;}
#indexgugong{margin:0 auto;width:1200px;height:663px;}
#indexgugong .title-line{width:135px;height:4px;margin:5px auto;background:#000;}
#indexgugong1{margin:0 auto;padding:0;width:100%;height:auto;padding-top:90px;font-family:'JuzhenFang5ef7d15454f28',"微软雅黑","宋体",Arial;font-size:24px;color:#fff;text-align:center;text-decoration:none;line-height:40px;}
#indexgugong1 .structure-mobile{display:none;}

.m-tech-down{height:400px;background: url(../images/ibg3.jpg) center no-repeat;}
.m-tech-down .container{padding: 20px 0;}
.m-tech-down h3{color: #fff;font-size: 24px;line-height: 30px;text-align: center;}
.m-tech-down .line{width:135px;height:4px;background:#fff;margin: 10px auto;}
.m-tech-down .downlink{margin-top: 164px;margin-left: 30px;}
.m-tech-down .downlink a{width:136px;height:32px;font-size:18px;line-height:32px;border:1px solid #fff;border-radius: 5px;color: #fff;display: block;float: left; text-align: center;margin: 0 20px;}
.m-tech-down a:hover{text-decoration: none;background: #fe0000;border-color: #fe0000;}

#culturePage .title-line{width:135px;height:4px;margin:5px auto;background:#030303;}
#culturePage-title{font-size:24px;color:#000;line-height:30px;text-align:center;}
#culturePage .m4 ul{max-width:1200px;margin:50px auto 0 auto;}
#culturePage .m4 ul li{float:left;margin:0 1px;text-align:center;position:relative;}
#culturePage .m4 ul li .hover-top{font-size:18px;line-height:30px;position:absolute;top:50px;left:33px;color:#fff;z-index:1;}
#culturePage .m4 ul li .hover-top span{font-size:14px;}
#culturePage .m4 ul li.item1 .hover-top{left:113px;}
#culturePage .m4 ul li.item2 .hover-top{left:113px;}
#culturePage .m4 ul li.item3 .hover-top{left:113px;}
#culturePage .m4 ul li.item4 .hover-top{left:113px;}
#culturePage .m4 ul li .hover-bottom{display:block;}
#culturePage .m4 ul li .hover-bottom img{vertical-align:top;}

/* ix3 end */

/* footer */


#footmain{margin:0 auto;padding:0;width:100%;height:auto;background:url(../images/i7.jpg) no-repeat top center;}
#footmain2{margin:0 auto;padding:0;width:80%;max-width:1185px;height:auto;padding-top:100px;text-align:center;}
#footmain2 img{max-width:100%;}
#footmain1{margin:0 auto;padding:0;width:80%;max-width:1185px;height:auto;padding-top:100px;}
#footmain1 img{max-width:100%;}
#footadd{margin:0 auto;padding:0;width:100%;height:auto;margin-top:50px;font-family:"微软雅黑","宋体",Arial;font-size:14px;color:#666;text-align:center;text-decoration:none;line-height:25px;}
#foottel{margin:0 auto;padding:0;width:100%;height:auto;margin-top:20px;font-family:"微软雅黑","宋体",Arial;font-size:24px;color:#e3848b;text-align:center;text-decoration:none;line-height:25px;}
#footlogo{margin:0 auto;padding:0;width:100%;height:auto;text-align:center;margin-top:80px;}
#footcopy{margin:0 auto;padding:0;width:94%;height:auto;font-family:"微软雅黑","宋体",Arial;font-size:14px;color:#666;text-align:left;text-decoration:none;line-height:90px;}

#site{margin:0 auto;padding:0;width:100%;height:360px;padding-top:20px;background:#333;box-sizing: border-box;}
#sitemain{margin:0 auto;padding:0;width:1200px;height:240px;}
#site1{margin:0;padding:0;width:25%;padding-left:90px;height:200px;float:left;margin-top:10px;border-right:1px solid #787878;box-sizing: border-box;}
#site11{margin:0;padding:0;width:120px;height:40px;font-family:"微软雅黑","宋体";font-size:14px;color:#ffffff;text-align:left;text-decoration:none;line-height:34px;font-weight:bold;}
#site12{margin:0;padding:0;width:120px;height:auto;}
#site12 ul{padding:0;margin:0;list-style:none;border:0;float:left;width:140px;text-align:left;}
#site12 ul li{margin:0;padding:0;border:0;width:120px;height:22px;display:block;font-family:"微软雅黑","宋体";font-size:12px;color:#ffffff;text-align:center;text-decoration:none;line-height:22px;float:left;}
#site12 ul li a{margin:0;padding:0;border:0;width:120px;height:22px;display:block;font-family:"微软雅黑","宋体" Arial,Helvetica,sans-serif;font-size:12px;color:#BCBCBC;text-align:left;text-decoration:none;line-height:22px;font-weight:normal;}
#site12 ul li a:hover{color:#40A9D0;}
#site2{margin:0;padding:0;width:25%;padding-left:60px;height:170px;float:left;margin-top:10px;box-sizing: border-box;}
#site21{margin:0;padding:0;width:180px;height:40px;font-family:"微软雅黑","宋体";font-size:14px;color:#ffffff;text-align:left;text-decoration:none;line-height:34px;font-weight:bold;}
#site23{margin:0;padding:0;width:100%;height:auto;font-family:"微软雅黑","宋体";font-size:12px;color:#BCBCBC;text-align:left;text-decoration:none;line-height:20px;font-weight:normal;}

#foot{margin:0 auto;padding:0;width:100%;height:40px;text-align:center;font-family:"微软雅黑","宋体",Arial;font-size:12px;color:#666;text-decoration:none;line-height:40px;font-weight:normal;}
#foot a{font-family:"微软雅黑","宋体",Arial;font-size:12px;color:#666;text-align:center;text-decoration:none;line-height:40px;font-weight:normal;}
#foot a:hover{color:#40a9d0;}


#top{width:46px;height:45px;background:#009944;display:block;position:absolute;right:25px;bottom:0;transition:300ms;-webkit-transition:300ms;z-index:1000;}
#top .ico{background-image:url(../images/top.png);}
#top:hover{background:#EE525E;}
#top.pos{position:fixed;bottom:25px;}
#top.hide{transform:translateY(60px);-webkit-transform:translateY(60px);opacity:0;display:none\9;}

/* footer end */
.side{position:fixed;width:50px;right:0;top:400px;z-index:100;}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:2px;}
.side ul li .sidebox{position:absolute;width:50px;height:50px;border-radius:5px 0 0 5px;top:0;right:0;transition:all 0.3s;background:#000022;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox{width:175px;box-sizing:border-box;}
.side ul li img{float:right;max-width:100%;}
.side2{position:fixed;width:40px;right:10px;z-index:100;top:550px;height:80px;}
.side2 ul li{width:40px;height:40px;}
.side2 ul li a{display:block;background-color:#e4392a;height:40px;width:40px;text-align:center;line-height:40px;}
.side2 ul li a img{margin-top:12px;}
.side2 ul li a:hover{background-color:#000022;}
.side2 ul li .weixin{position:absolute;left:-154px;bottom:0;display:none;width:141px;}
.side2 ul li .weixin em{background:url(../images/arr3.png) no-repeat;width:5px;height:17px;display:block;position:absolute;right:-5px;top:50%;margin-top:3px;}
.side2 ul li .weixin img{display:block;}

.popUpblack{ background:url(../images/black.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 640px; height: 520px; border: none; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -320px; z-index: 1004;}
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }

@media screen and (min-width:320px) and (max-width:415px){
	.container{width: 100%;}
	.side,.side2{display:none;}
	.weixin .ico{background-position:9px 12px;}
	.qq .ico{background-position:8px -56px;}
	.mail .ico{background-position:9px -122px;}
	.tel .ico{background-position:8px -188px;}
	#indexkaishi h2{font-size:1.5em;margin-top:30px;}
	#indexkaishi ul li{width:100%;float:none;margin-bottom:.5rem;}
	#footcopy{line-height:4rem;}
	#indexkaishi6 .fixbg{padding:1em 0;background-attachment:scroll;}
	#indexgugong1 .structure{display:none;}
	#indexgugong1 .structure-mobile{display:block;margin-top:30px;}
	#culturePage .m4 ul li{float:none;z-index:0;}
	#culturePage .m4 ul li.item1 .hover-top{left:149px;}
	#culturePage .m4 ul li.item2 .hover-top{left:149px;}
	#culturePage .m4 ul li.item3 .hover-top{left:149px;}
	#culturePage .m4 ul li.item4 .hover-top{left:149px;}
	.banner ul li{overflow:visible;}
	#sitemain{width: 100%;padding: 20px;box-sizing: border-box;height: 100%;}
	#site{padding:0;height:100%;}
	#site1{padding:0;margin:0;width: 33.33%;height: 100%;border:none;}
	#site2,#site11,#site12,#site12 ul,#site12 ul li,#site12 ul li a{width: 100%;height: 100%;}
	#sitemain .cp{width:41%;}
	#sitemain .tech{width:25.67%;}
	#foot,#foot a{line-height: inherit;}
	.popUp{width: 98%;height:auto;margin: 0 0 0 -49%;}
	.m-tech-down{background: none;}
	.mob-techdown{background: url(../images/m-ibg3.jpg) center no-repeat;}
	.m-tech-down .downlink a{width: 100px;margin:10px auto;font-size: 16px;float: none; margin: 10px auto 10px 32px;}
}
@media screen and (max-width:320px){
	#footcopy{font-size:12px;}
	#culturePage .m4 ul li.item1 .hover-top{left:124px;}
	#culturePage .m4 ul li.item2 .hover-top{left:124px;}
	#culturePage .m4 ul li.item3 .hover-top{left:124px;}
	#culturePage .m4 ul li.item4 .hover-top{left:124px;}
}
@media screen and (min-width:414px) and (max-width:415px){
	#culturePage .m4 ul li.item1 .hover-top{left:170px;}
	#culturePage .m4 ul li.item2 .hover-top{left:170px;}
	#culturePage .m4 ul li.item3 .hover-top{left:170px;}
	#culturePage .m4 ul li.item4 .hover-top{left:170px;}
}