@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 */

.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;}

.mtop{height:74px;}
.banner ul li{height:707px;overflow:hidden;position:absolute;}
.banner .pic{position:absolute;left:0;top:0;}



/* 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")/*tpa=http://www.jsblj.com/Templates/xinban/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:70px 0 0 0;height: 317px;}
#indexkaishi6{margin:0 auto;padding:0;width:100%;height:auto;background:#fff;}
#indexkaishi6-title{font-size:24px;color:#000;font-weight:normal;line-height:50px;text-align:center;}
#indexgugong{margin:0 auto;width:1200px;}
#indexgugong .title-line{width:135px;height:4px;margin:5px auto;background:#000;}
#indexgugong1{margin:0 auto;padding:0;width:100%;height:auto;padding-top:40px;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 .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;}

/*.coop-customer{position: relative; height: 641px;}
.coop-customer img{position: absolute;left: 50%;margin-left: -960px;}*/
/* ix3 end */