/*author:wangjia tel:18280437183*//*common*/
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer;text-decoration:none;display: inline-block;color: #727272;}
h2 a:visited{}
ul,li{margin: 0;padding: 0;list-style: none;}
a:hover{color:#147;text-decoration:none;}
p,form,ul,ol{margin:0; padding:0; list-style-type:none;}
img,video, object, embed{border:0; max-width:100%;}
input,textarea{font-size:100%;font-family:"宋体",SimSun;}
.clear{clear:both;}
.center{text-align:center;}
.hidden{display:none;}
.ml2{margin-left:2px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml20{margin-left:20px;}.mr2{margin-right:2px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mt2{margin-top:2px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mb2{margin-bottom:2px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}
.f11{font-size:18px;}
.f12{font-size:20px;}
.imgpad{padding:3px; border:1px solid #ccc; box-shadow:1px 2px 3px rgba(0,0,0,.5);}
.g{color:#999;}.l{float:left;}.r{float:right;}
.trans,a{transition:all .5s;}
.float{float: left;}
.textOver{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
html,body{height: 100%;padding: 0;margin: 0;font-family: Arial,Helvetica,sans-serif,"SimHei","黑体";}
.swiper-container,.wra{height: 100%;}
.one .swiper-container{width: 100%;height: 100%;}
.one .swiper-container .swiper-slide{width: 100%;height:100%;}
.one .swiper-pagination{top: 50% !important;position: absolute;right: 35px;margin-top: -45px;}
.one .swiper-pagination-switch{width: 8px;height: 8px;border: 1px solid #fff;border-radius: 8px;}
.one .swiper-active-switch{background: #fff;}
.one .swiper-container .swiper-slide img{display: none;}

.pagination {
	position: absolute;
	z-index: 20;
	left: 33px;
	top: 130px;
	height: 150px;
	
	width: 20px;
	text-align: center;
}
.pagination.cc .swiper-pagination-switch:first-child{display: none;}
.swiper-pagination-switch {
	width: 1px;
	height: 14px;
	
	
	margin: 10px auto;
	opacity: 0.8;
	border-left: 1px solid #fff;
	cursor: pointer;
	display: block;
}
.swiper-active-switch {
	border-left: 4px solid #29a7e1;
}
.swiper-slide{position: relative;}
.pagination.cc{opacity: 0;transform: translateX(-50);transition: all 1s;}

.pagination.cc .swiper-pagination-switch{width: 50px;line-height: 14px;color: transparent;}

.pagination.cc .swiper-active-switch{color: #fff;}

#topNav{height: 78px;position: fixed;top: 0;background: #fff;display: block;z-index: 1000;width: 100%;}
#topNav a.logo{float: left;margin: 22px 0 0 30px; height: auto; line-height: 100%; padding: 0;}
#topNav a.logo:hover{ background: none;}
#topNav .nav{width: auto;height: 100%;display: inline-block;margin-left: 30px;}
#topNav .nav li{width: auto;float: left;position: relative;height: 78px;font-size: 16px;margin:0 20px;}
#topNav .nav>li>a{ display: block; line-height: 60px; padding:18px 0px 0px; position: relative;}
#topNav .nav>li>a:before{ content: ""; position: absolute; left: 50%; bottom: 0px; height: 3px; width: 0; overflow: hidden; transition: 0.3s; -webkit-transition: 0.3s; background-color: #e69f63;}
#topNav .nav>li>a:hover,#topNav .nav>li>a.hov,#topNav .nav>li>a.act{color:#e69f63;}
#topNav .nav>li>a:hover:before,#topNav .nav>li>a.hov:before,#topNav .nav>li>a.act:before{ width: 100%; left: 0;}
#topNav .submenu{ position: absolute; left: 50%; top: 98px; padding: 10px 0px; width: 120px; margin-left: -60px; background: url(../img/bai_90.png) repeat; background: none rgba(255,255,255,0.9); display: none;}
#topNav .submenu a{ display: block; line-height: 1.4; padding: 5px 5%; font-size: 14px; text-align: center;position: relative; z-index: 1; perspective: 300px; transform-style: preserve-3d;}
#topNav .submenu a:before{ content: ""; display: block;position: absolute; left: 0px; bottom: 0px; z-index: -1; width: 100%; display: block; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); z-index:-1; transform-origin: center bottom 0; -webkit-transform-origin: center top 0; left:0; opacity:0; bottom: 0; visibility:hidden; background-color: #3aace1;}
#topNav .submenu a:hover{ color: #fff;}
#topNav .submenu a:hover:before{  transform: none; opacity: 1; visibility:visible;}
#topNav>a{float: right;display: block;height: 100%;line-height: 78px;padding: 0 25px;}
#topNav>a .icon-email{background: url(../img/icon-email.png);width: 18px;height: 18px;display: inline-block;float: left;margin-top: 30px;margin-right: 5px;}
#topNav>a .icon-OA{background:url(../img/icon-oa.png);width: 18px;height: 18px;display: inline-block;float: left;margin-top: 30px;margin-right: 5px;}
#topNav>a:hover{background: #e5e5e5;color: #727272;}
#topNav>a.emailA{border-left: 1px solid #e5e5e5;}
.languageBox{ float: right; display: block; line-height: 78px; padding-right: 22px; font-size: 16px;}
.languageBox  .line{ padding: 0px 8px;color: #bfbfbf;}
.languageBox a.act { color: #29a6e0;}

#footer{height: 40px;line-height: 40px;width:100%;background: #4f4f4f;color:#959595;z-index:100;position:fixed;padding-left: 20px;box-sizing: border-box;font-size: 12px;text-transform: uppercase;bottom: 0;}
#footer .member{float: right;width: 300px;height: 100%;position: relative;color: #fff;text-indent: 30px;cursor: pointer;}
#footer .member>div{width: 100%;height: 100%;position: relative;z-index: 2;background: #c4c4c4;}
#footer .member>div .arra{transition:all .5s;width: 0;height: 0;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;position: absolute;border-width: 7px;right: 20px;top: 10px; }
#footer .member:hover>div .arra{border-style:solid dashed dashed  dashed;border-color: #fff transparent transparent transparent;}
#footer .member a{display: block;width: 100%;height: 100%;color: #fff;}
#footer a{color: #959595;}
#footer .float a:hover{text-decoration: underline;}
#footer .member ul{width: 100%;height: 0px;overflow: hidden;position: absolute;bottom:0px;transition:all .5s;}
#footer .member ul li{height: 43px;line-height: 43px;background: #fff;color: #a6a6a6;border-bottom: 1px solid #ccc;box-sizing: border-box;}
#footer .member ul li:hover{background: #f1934c;color: #fff;}
#footer .member ul li:hover a{color: #fff;}
#footer .member ul li a{color: #a6a6a6;}
#footer .member:hover ul{bottom: 40px;height: auto;}
#footer .member:hover>div .arra{top:20px}
#footer .icon-wx{background: url(../img/icon-wx.png);width: 26px;height: 26px;display:inline-block;margin-top: 8px;margin-left: 10px;}
#footer .member:hover>div{background: #29a7e1;}

.one{background: #fff;z-index: 5;}
.tow{background: url(../img/index-2.jpg) center;background-size: cover;z-index: 4;}
.three{background: url(../img/index-3.jpg) center;background-size: cover;overflow: hidden;z-index: 3;}
.four{background: url(../img/index-4.jpg) center;background-size: cover;z-index: 2;}
.five{background: url(../img/index-5.jpg) center;background-size: cover;z-index: 1;}

.tow ul{width: 50%;position: absolute;right: 0;top: 78px;perspective: 1500px;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;}

.tow ul li{width: 33.33%;height: 50%;background:rgba(41,166,224,.7);float: left;position: relative;overflow: hidden;color: #fff;text-align: center; -moz-transform-transform-origin: 0 50% 0px; opacity: 0; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform-origin: 0 50% 0; }
.tow ul.active li:nth-child(1) { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 200ms, -moz-transform-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 200ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 200ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 200ms; }
.tow ul.active li:nth-child(2){ -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms, -moz-transform-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms; }
.tow ul.active li:nth-child(3) { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, -moz-transform-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms;}
.tow ul.active li:nth-child(4) { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 800ms, -moz-transform-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 800ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 800ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 800ms;  }
.tow ul.active li:nth-child(5) { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1000ms, -moz-transform-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1000ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1000ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1000ms;}
.tow ul.active li:nth-child(6) { -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms, -moz-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms, transform 1200ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1200ms;  }
.tow ul.active li{ opacity: 1; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); }



.tow ul li img{margin:auto}
.tow ul li a{color: #fff;}
.tow ul li:hover a{color: #fff;}
.tow ul li .top{position: absolute;top: 0;left: 0;background:rgba(225,225,225,.8);width: 100%;height: 100%;opacity: 0;transform: scale(1.1);transition: all .5s;}
.tow ul li:hover .top{opacity: 1;transform: scale(1);}
.tow ul li:hover div:first-child{display: none;}
.tow ul li .top div{width: 60px;height: 60px;position: absolute;top: 0;right: 0;background:rgba(236,165,110,1);transition: all .5s;}
.tow ul li .top div:hover{background:rgba(236,165,110,.8);}
.tow ul li .top div span{width: 14px;height: 2px;background: #fff;left: 50%;margin-left: -7px;top: 50%;display:block;position: absolute;}
.tow ul li .top div span:last-child{height: 14px;width: 2px;background: #fff;layout-grid-type: 0%;top: 50%;margin-top: -7px;display:block;left: 50%;margin-left: -1px;}
.tow ul li .top img{width: 80%;left: 10%;top: 50%;position: absolute;}
.tow ul li  div:first-child span{font-size: 12px;display: block;text-align: center;}
.tow ul li  div:first-child{position: absolute;top: 50%;margin-top: -50px;text-align: center;width: 100%;left: 0;}

.fonts{position: absolute;transform: translateY(100px);opacity: 0;transition: all 1s;color: #fff;font-size: 40px;line-height: 50px;}
.fonts>div{font-size: 30px;}
.fonts a{display:inline-block;background: rgba(41,166,224,1);transition: all .5s;color: #fff;padding: 17px 40px;font-size: 16px;line-height: 16px;margin-top: 23px;}
.fonts a:hover{background: rgba(41,166,224,.8);color: #fff;}
.fonts.tows{top: 50%;margin-top: -60px;left: 190px;}
.fonts.fours{right: 140px;top: 50%;margin-top: -60px;}
.fonts.fives{top: 50%;margin-top: -60px;left: 190px; }
.fonts.ones{z-index: 1000000;top: 50%;margin-top: -60px;left: 190px;}
.fonts.ones span{width: 0;height: 0;border-style:dashed dashed dashed solid;border-color: transparent transparent transparent #fff ;border-width: 7px;display: block;float: left;}
.shows{transform: translateY(0) !important;opacity: 1 !important;}
.shows2{transform: translateX(0) !important;opacity: 1 !important;}

.three .foot{background: rgba(0,0,0,.8);transition:1s;position:absolute;bottom: 40px;height: auto;width: 100%;left: 0;color: #fff;padding: 70px;overflow: hidden;transform: translateY(100px);opacity: 0;}
.three .foot ul{width: 90%;float: left;}
.three .foot ul li{float: left;height: 122px;margin-right: 7%;position: relative;}
.three .foot ul li span{background: #29a7e1;height:100%;font-size: 16px;width: 16px;display: block;line-height: 18px;float: left;padding: 5px;margin-right: 5px;padding-bottom: 0px;}
.three .foot ul li .num{font-size: 172px;line-height: 122px;color: #fff;float: left;}
.three .foot ul li .p{float: left;line-height: 200px;display: block;height:100px;margin-top: 16px;}
.three .foot .slh{font-size: 52px;line-height: 212px;height: 122px;position: absolute;right: -110px;display: block;color: #FFF;}



.four .news{position: absolute;left: 110px;top: 50%;width: 0%;max-width: 510px;height: auto;overflow: hidden;margin-top: -160px;background: rgba(225,225,225,.9);transition:all 1s;}
.four .newList{height: 200px;float: left;width: 100%;transform: translateY(100px);opacity: 0;transition: all 1s;}
.four .news.cur{width: 90%;}

.four .newList li{width: 100%;height:auto;overflow: hidden;display:none;box-sizing:border-box;position: absolute;top: 0;left: 0;color: #868686;padding: 50px;line-height: 24px;font-size: 14px;}
.four .newList li span{color: #4f4f4f;display: block;font-size: 20px;margin-bottom: 20px;}
.four .newList a{color: #868686;width: 100%;}
.four .newList a:hover{color: #868686}
.four .pat{width: 100%;height: auto;float: left;margin-top: 80px;box-sizing:border-box;padding: 50px;padding-top: 0;padding-bottom: 30px;}
.four .pat li{width: 23px;height: 21px;transition:.5s;cursor:pointer;float: left;margin-right: 12px;float: left;border-bottom: 1px solid #29a7e1;color: #fff;line-height: 21px;text-align: center;float: left;}
.four .pat li.cur{background: #94d3f0;}
.four .pat li:hover{background: #94d3f0;}

.five .foot{position: absolute;bottom: 40px;width: 100%;}
.five .foot>div{width: 50%;border-top:1px solid #fff;transition:all .5s;cursor:pointer;padding: 70px;background: rgba(1,1,1,.5);box-sizing: border-box;float: left;color: #fff;font-size: 20px;}
.five .foot>div:first-child{border-right: 1px solid #fff;}
.five .foot>div:first-child div{height: 20px;line-height: 20px;position: relative;font-size: 20px;}
.five .foot>div:first-child div span{display: block;float: right;background:url(../img/index-icon-d.png);width: 33px;height: 33px;position: absolute;right: -10px;top: 0px;}
.five .foot>div:first-child>span{}
.five .foot>div:last-child div{height: 20px;line-height: 20px;position: relative;font-size: 20px;width: 100%;}
.five .foot>div:last-child div span{display: block;float: right;background:url(../img/index-icon-l.png);width: 33px;height: 33px;position: absolute;right: -10px;top: 0px;}
.five .foot>div:hover{background: rgba(41,166,224,.9);}
.five .foot>div a{color: #fff;}
.five .foot>div a:hover{color: #fff;}
.five .foot>div a{display: block;}
.five .foot a>span{padding-top: 10px !important;float: left;}
.five .foot a>div{margin-bottom: 10px;}
.five .foot>div{transform: translateY(100px);opacity: 0;transition: .5s;}

#mobailNav{display: block;width: 100%;height: 54px;background: #fff;position: fixed;top: 0;z-index: 10000000;display: none;}
#mobailNav .head .logo{margin: 5px;}
.menu-handler{ position:absolute; right: 0px; z-index: 1000; top: 0px; height: 54px; width: 70px; cursor: pointer; z-index: 1010; transition: top 0.5s 0s; -webkit-transition: top 0.5s 0s;}
.menu-handler .burger { width:30px; height: 4px; background-color: #29a7e1; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin-left: -15px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 26px; }
.menu-handler .burger-3 { top: 36px; }
.menu-handler.active .burger-1 { top: 26px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.menu-handler.active .burger-3 { top: 26px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.languageBoxM{ text-align: right; padding: 25px 5%;}
.languageBoxM a{ margin-left: 18px;}
.languageBoxM a.act { color: #29a6e0;}
#mobailN{width:20%;height: 100%;transition:all .5s;position: fixed;background: #f6f6f6;top: 78px;z-index: 101;color: #7e7e7e;left: 100%;z-index: 10000000000;top: 57px !important;}
#mobailN.cur{left: 80%;top: 57px;}
#mobailN li{height: 50px;width: 90%;margin: auto;border-bottom: 1px solid #ccc;line-height: 50px;text-indent: 20px;transform: all .5s;}
#mobailN li a{display: block;width: 100%;color: #727272;transform: all .5s;}
#mobailN li:hover{background: #29a7e1;color: #fff;}
#mobailN li:hover a{color: #fff;}
#mobailN li.cur{background: #29a7e1;}
#mobailN li.cur a{color: #fff;}
.topmen{float: right;position: relative;cursor:pointer;height: 100%;width: 300px;line-height:78px;border-left: 1px solid #dfdfdf;text-indent: 45px;color: #727272;}
.topmen>div{top: 12px;}
.topmen:hover{background: #e5e5e5;}
.video_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../img/video_bg.png);}





/**new**/
#main{width: 100%;height: 100%;position: relative;}
#main section{width: 100%;height: 100%;display: block;position: absolute;top:0;background: none !important;overflow: hidden;}

#main .one .imgBg{background:#FFF;background-size: cover;height: auto;overflow: hidden;}
#main .tow .imgBg{background: url(../img/index-2.jpg) center;background-size:cover;}
#main .three .imgBg{background: url(../img/index-3.jpg) center;background-size: cover;}
#main .four .imgBg{background: url(../img/index-4.jpg) center;background-size: cover;}
#main .five .imgBg{background: url(../img/index-5.jpg) center;background-size: cover;}

/**IEtips**/
.IEtips { position: fixed; top: 0;d left: 0; width: 100%; height: 100%; z-index: 1000; background:rgba(0,0,0,.9);display:none;z-index: 10000000000; }
.IEtips_Box { width: 1000px; background: #FAFAFA; height: 500px; position: absolute; left: 50%; top: 50%; margin: -250px 0 0 -500px; }
.IEtips .Browser { margin-top: 35px; }
.IEtips .IEtips_title { font-size: 36px; width: 80%; margin: 0 auto; padding-top: 35px; }
.IEtips .Browser ul { overflow: hidden; text-align: center; width: 40%; margin: 0 auto; }
.IEtips .Browser ul li { margin: 0 40px; text-align: center; width: 120px; float: left; }
.IEtips .Browser ul li img { width: 100px; margin: 0 auto; }
.IEtips .Browser ul li a, .IEtips .Browser ul li span { display: inline-block; margin-top: 25px; color: #2570e1; font-size: 16px; transition: all .5s; -webkit-transition: all .5s; }
.IEtips .Browser ul li a:hover {}
#mobShow{display: none;}

.popUpblack{ background:#000\9; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 2px solid #00318b; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; 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%; display: block; }
#footer .icon-wx:hover{background: url(../img/icon-wx2.png);}

@media screen and (max-width:1440px){
	.three .foot ul li{margin-right: 5%;}
	.three .foot ul li .num{font-size: 120px;height: 90px;}
	.fonts a{padding: 9px 30px;}
	
	.five .foot>div{padding: 30px;font-size: 16px;}
	.topmen{width: 220px;text-indent: 32px;}
	#topNav .nav li,#topNav>a{font-size: 14px;}
	.three .foot .slh{font-size: 32px;line-height:220px;right: -60px;}
	.fonts{font-size: 22px;line-height: 35px;}
	.fonts>div{font-size: 28px;}
	.three .foot{padding: 30px;}
	
}
@media screen and (max-width:1300px){
	#topNav .nav li{margin: 0 10px;}
	#topNav>a{padding: 0 10px;}
	.languageBox{ padding-right: 10px;}
	.three .foot ul li .num{font-size: 110px;}
}
@media screen and (max-width:1024px){
	.three .foot ul li{margin-right: 0%;}
	body{padding-top: 57px;}
	
	.pagination.cc{display: none;}
	
	.slh,.five .foot>div:first-child div span,.five .foot>div:last-child div span{display: none !important;}
	.fonts{top: 0 !important;left: 0 !important;margin: 0 !important;}
	.one .swiper-pagination{right: 10px;}
	
	.three .foot{padding: 20px 0;height: auto;}
	.three .foot ul li .num{font-size: 20px;}
	.three .foot ul{width: 100%;}
	.three .foot{bottom: 0px;}
	.three .foot{padding: 0;}
	.three .foot ul{height: auto;width: 90%;margin-left: 5%;padding: 10px 0;}
	.three .foot ul li{width: 48%;height:36px;line-height;36px;background: #29a7e1;margin: 10px 1%;text-align: center;float: left;}
	.three .foot ul li span{height: 100%;width: auto;padding: 0;line-height: 36px;text-indent: 20px;}
	.three .foot ul li .num{height: 36px;line-height: 36px;}
	.three .foot ul li .p{height: 36px;line-height: 36px;margin: 0;}
	.three .foot ul li>*{display: inline-block;}
	.four .news{width: 50%;height: auto;bottom: 0;margin-top: initial;max-width: 100%;left: 0px;margin-top: 40px;}
	.four .newList li span{height: 36px;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.four .newList li{padding: 20px;}
	.four .pat{margin: auto;padding: 20px;}
	.fonts.fives{margin: auto;padding-top: 78px;left: 20px;padding: 0;}
	.five .foot{height: auto;box-sizing: border-box;font-size: 16px !important;overflow: hidden;}
	.five .foot>div{width: 100%;}
	.five .foot>div:first-child div,.five .foot>div:last-child div{font-size: 14px;height: auto;}
	.five .foot>div{padding: 20px;}
	.four .newList{height: 140px;}
	.four .news{top: inherit;}
	.five .foot{bottom: 0px;}
	
	#main{height: auto;}
	#topNav{display: none;}
	#mobailNav,#mobailN{display: block;}
	#mobailN{width: 100%;top: 0;}
	#mobailN.cur{left: 0px;}
	
	#footer{height: auto;width:100%;box-sizing: border-box;text-align: center;line-height: 24px;padding: 50px 10%;position: initial;}
	#footer .member{float: left;}
	#footer .member{text-indent: 0px;height: auto;margin-bottom: 30px;width: 100%;}
	#footer .member>div .arra{display: none;}
	#footer .member ul{position:initial;height: auto;}
	#footer .member>div{height: 42px;line-height: 42px;font-weight: bold;}
	#footer .icon-wx{float:inherit;margin:10px auto 0;}
	#footer .float{width: 100%;}
	#footer .icon-wx{width: 26px;}
	
	#main section{position: initial;height: auto;}
	#main section .imgBg>div{position:relative;}
	#main section .imgBg{padding:60px 40px;box-sizing: border-box;}
	#main section.one .imgBg{padding: 0;}
	
	.tow ul{width: 100%;height:auto !important;position:inherit;overflow: hidden;margin-top: 40px;}
	.tow ul li{width: 33.3%;height: 150px;}
	
	.tow ul li  div:first-child{font-size: 14px;}
	.fonts.ones{position: absolute !important;top: 40px !important;left: 40px !important;}
	.five .foot{margin-top: 40px;}
	.five .foot>div:first-child{border-right: 0px;}
	.four .newList{padding-bottom: 40px;}
	.fonts.ones a,#vide,.video_bg{display: none;}
	#mobShow{display: block;}
	
}

@media screen and (max-width:640px){
	#main section .imgBg{padding:40px 20px;}
	.fonts.ones{position: absolute !important;top: 10px !important;left: 20px !important;}
	.tow ul li{width: 50%;}
	.three .foot ul li{width: 100%;margin: 10px 0;}
	.four .news{width: 100%;}
	.fonts{font-size: 20px;line-height: 30px;}
	.fonts>div{font-size: 18px;}
	.five .foot{margin-top: 20px;}
	.tow ul{margin-top: 40px;}
	.four .newList li span{margin-bottom: 10px;}
	.three .foot ul li .num{margin-right: 5px;}
	.fonts a{margin-top: 5px;}
	
	
	
	
	
}