*{margin:0;padding:0;list-style:none; transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;}
body,html{font-size:14px;font-family: "Microsoft YaHei", "Helvetica Neue", Tahoma, Arial, 微软雅黑, 宋体, 黑体;letter-spacing:0.1em;}
.transy{transform: translateY(60px);-webkit-transform: translateY(60px); transition: 700ms;-webkit-transition: 700ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
a{text-decoration:none;color:#adaba8; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;font-weight:normal}
em,i,strong{font-style:normal;}
img{display: inline-block; border: 0; vertical-align: middle;max-width:100%}
.img img {width: 100%;height: 100%;display: block;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s;}
.img:hover img {transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
input,textarea,select{font-size: 14px; outline: none;font-family:"微软雅黑";}
.swiper-container,.swiper-slide,.swiper-wrapper{height:auto!important;}
.swiper-slide{overflow:hidden!important;}

.transy{transform: translateY(60px);-webkit-transform: translateY(60px);transform: translateY(60px);-webkit-transform: translateY(60px);transition: 700ms;-webkit-transition: 700ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.tranShow{ transform: translateY(0); -webkit-transform: translateY(0);transform: translateY(0px);-webkit-transform: translateY(0px); opacity: 1;}

.menu-handler {
	width:45px;
	height:50px;
	cursor: pointer;
	right:5%;
	position:absolute;
	z-index: 49;
	margin-top:74px;
	display:none;
}
.menu-handler .burger {
	width: 45px;
	height: 2px;
	background: #000;
	display: block;
	position: absolute;
	z-index: 5;
	top:12px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
}
.menu-handler .burger-2 {
	top: 25px;
}
.menu-handler .burger-3 {
	top:40px;
}
.menu-handler.active .burger-1 {
	top: 27px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.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;
}
.menu-handler.active .burger-3 {
	top: 27px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.trans, .trans:hover {
	-webkit-transition: all 277ms ease-in-out;
	-moz-transition: all 277ms ease-in-out;
	-o-transition: all 277ms ease-in-out;
	transition: all 277ms ease-in-out;
	-ms-transition: all 277ms ease-in-out;
}
.trans-fast,.trans-fast:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}
.menuBox{position: fixed; left: 0; top:-100%; width: 100%; height: 100%; overflow-x:hidden; overflow-y: auto; z-index: 30; background:#fff}
.menuBox .mlogo{ display: block; margin:0 auto;width:168px;padding-top:30px;}
.menuBox .mlogo img{ display: block; width: 100%;}
.navMobile{margin-top:40px}
.navMobile,.navMobile li{width:100%;float:left;text-align:center}
.navMobile li>a{ display: block; color: #0c3a3c;width:100%;font-size:30px;padding:10px 0px}
.navMobile li>a i{display:block;font-size:14px;margin-top:10px}
.navMobile li .listDown{ display: none;margin-top:10px}
.navMobile li .listDown a{ color:#0c3a3c; font-size:20px;line-height:36px;display:block;text-align:center}



.header{width:100%;float:left;height:205px;position:relative;z-index:25}
.header_mid{width:1500px;margin:0 auto}
.w1500{width:78%;margin:0 auto;}
.header .logo{float:left;margin-top:16px}
.header .nav{float:right;margin-top:116px}
.header .nav li{float:left;margin:0px 50px;position:relative;z-index:20}
.header .nav li>a{font-size:24px;color:#0c3a3c}
.header .nav li>div{position:absolute;left:0px;top:105%;right:0px;background-color:rgba(12,58,60,0.2);opacity:0;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.header .nav li>div a{display:block;font-size:18px;color:#0c3a3c;line-height:36px;text-align:center}
.header .nav li:hover>div{opacity:1;top:100%}

.banner,.inB{width:100%;float:left;position:relative}
.banner .swiper-slide{position:relative}
.banner a>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.one .arrow-left,.one .arrow-right{width:54px;height:96px;position:absolute;top:50%;transform:translateY(-50%);left:10px;z-index:20;opacity:0;;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.one .arrow-right{left:auto;right:10px}
.one{position:relative}
.one:hover .arrow-left{opacity:1;left:38px}
.one:hover .arrow-right{opacity:1;left:auto;right:38px}
/*.one .pagination{position:absolute;left:0px;display:none;right:0px;bottom:15px;text-align:center;z-index:20}
.one .pagination .swiper-pagination-switch{width:10px;height:10px;background:#eee;display:inline-block;margin:0px 4px;border-radius:100%}
.one .pagination .swiper-active-switch{background:#0c3a3c}
*/

.inA{width:68%;margin:0 auto;text-align:center;padding:126px 0px;overflow:hidden}
.inA h4{font-size:36px;color:#425e5c;margin-bottom:14px}
.inA p{font-size:24px;color:#425e5c;line-height:40px}
.inD p img{float:left;width:100%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.inD p:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray}
.inD{width:100%;float:left}
.inD p{float:left;overflow:hidden;width:20%}
.inD p:nth-child(2){width:40%}
.inA h4.transy,.inF>p.transy{transform: translateY(-60px);-webkit-transform: translateY(-60px);transform: translateY(-60px);-webkit-transform: translateY(-60px);transition: 700ms;-webkit-transition: 700ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.inA h4.tranShow,.inF>p.tranShow{ transform: translateY(0); -webkit-transform: translateY(0);transform: translateY(0px);-webkit-transform: translateY(0px); opacity: 1;}


.inE{width:100%;float:left;padding:86px 0px;background:#e0e6e6;text-align:center}
.inE li{display:inline-block;margin:0px 13%}
.inE li i{height:168px;display:block}
.inE li p{font-size:24px;color:#0c3a3c;font-family:"宋体";font-weight:bold;margin-top:0px}
.inF{padding:130px 0px 168px 0px;overflow:hidden}
.inF>p{width:100%;float:left;text-align:center}
.inF>ul{float:left;text-align:left;width:49.5%;margin-top:96px}
.inF>ul li{width:100%;float:left;position:relative;line-height:36px;margin-bottom:10px}
.inF>ul li span{font-size:25px;color:#0c3a3c;position:absolute;left:0px}
.inF>ul li p{padding-left:140px;font-size:23px;}
.inF>ul:last-child{float:right}
.inF>ul:last-child li p{padding-left:272px}

.in_fot{width:100%;float:left;padding-bottom:14px}
.in_fot .bshare-custom{width:100%;float:left;text-align:center}
.in_fot .bshare-custom a{display:inline-block;padding:0px;width:74px;margin:0px 90px;background:none}
.in_fot .bshare-custom a img{width:100%;float:left;transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.in_fot>p{width:100%;float:left;text-align:center;font-size:24px;color:#0c3a3c;line-height:30px;margin-top:38px}
.in_fot .bshare-custom a:hover img{transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);}

.aboutF{padding-top:110px}
.N_banner,.N_banner img{width:100%;float:left}
.N_banner{position:relative}
.N_banner_mid{ width:552px;  overflow:hidden; position:absolute; padding:30px 38px;left:138px;background-color:rgba(255,255,255,0.5);top:0px;bottom:0px}
.N_banner_text{width:100%;height:100%;float:left;position:relative;overflow:hidden}
.N_banner_con{position:absolute;top:50%;transform:translateY(-50%);color:#0f4c4f}
.N_banner_con .bd h1,.sj_con h1{font-size:30px;margin-top:30px}
.N_banner_con .bd p,.sj_con p{font-size:24px;text-align:center;line-height:42px}
.sj_con{width:90%;margin:0 auto;overflow:hidden;display:none}
.sj_con p{text-align:left}
.sj_con h1{margin-bottom:20px}
.N_banner>p{position:absolute;font-size:72px;color:#0c3a45;font-weight:600;top:40%;text-align:center;left:0px;right:0px}
.N_banner>p img{width:auto;display:inline-block;float:none}
.H_banner .N_banner_mid{left:auto;right:138px}
.H_banner .N_banner_con span{display:block;text-align:center;font-size:36px;margin:32px 0px}
.H_banner .N_banner_con p{font-size:28px;line-height:50px}
.honorA,.honorB,.listA{width:94%;margin:0 auto;overflow:hidden;}
.honorA_L,.honorA_R{float:left;width:50%;height:494px;position:relative;margin-top:80px;}
.honorA_L span,.honorA_R span{position:absolute;left:0px;right:0px;top:0px;bottom:0px;}
.honorA_L span img,.honorA_R span img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.honorA_R{float:right;width:47%}
.honorB a{width:100%;float:left;position:relative;margin-top:80px}
.honorB p{float:left;width:28%;overflow:hidden}
.honorB span{width:62%;right:0px;font-size:24px;color:#474747;position:absolute;top:50%;transform:translateY(-50%);height:64px;overflow:hidden;text-overflow: ellipsis;
white-space: nowrap;}
.honorB i{font-size:16px;width:62%;right:0px;color:#474747;display:block;bottom:60px;position:absolute;font-weight:bold;}
.more{width:100%;float:left;text-align:center;font-size:24px;color:#0c3a45;font-family:"幼圆";font-weight:bold;margin-top:116px}
.listA a{width:32%;display:inline-block;margin-right:2%;background:#b6c4c4;border-top:16px solid #b6c4c4;overflow:hidden;margin-bottom:34px}
.listA a:nth-child(3n){margin-right:0px}
.listA a p{width:100%;float:left;overflow:hidden}
.listA a div{width:83%;float:left;margin-left:8.5%;padding:68px 0px 60px 0px}
.listA a div i,.listA a div span{display:block;text-align:center;font-size:18px;color:#0c3a3c;}
.listA a div span{margin-top:10px;height:24px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap}

.xq_con,.xq_top{width:100%;float:left}
.xq_top h1{font-size:24px;color:#0c3a3c;margin-top:64px}
.xq_top i{font-size:18px;color:#0c3a3c;margin-top:15px;display:block}
.xq_mid{width:648px;overflow:hidden;margin:0 auto;padding:70px 0px 100px 0px;border-bottom:2px solid #3e6264}
.xq_mid p{font-size:18px;line-height:48px;margin-top:35px}
.xq_en{width:100%;float:left;text-align:center;position:relative;margin-top:138px}
.xq_en a{font-size:24px;color:#0c3a3c}
.xq_en a.mid{display:inline-block}
.xq_en a.first,.xq_en a.last{position:absolute;left:22px;}
.xq_en a.last{right:22px;left:auto}
.xq_en a.mid i{display:block}
.xq_en a.mid img{margin-top:10px}
.book_con{background:#dde3e5;width:100%;float:left;padding:164px 0px 102px 0px}
.book_L{width:528px;float:left}
.book_img{width:100%;text-align:center;float:left}
.book_L_E dl{width:100%;float:left;margin-top:8px}
.book_L_E dl dt{float:left;font-size:24px;color:#0c3a45;width:104px}
.book_L_E dl dd input[type='text']{width:270px;height:36px;border:2px solid #0c3a45;float:left;background:none;padding:0px 10px}
.book_L_E>p{font-size:18px;color:#0c3a45;width:100%;float:left;text-align:left;margin-top:20px}
.book_L_E>a{line-height:48px;background:#0c3a45;color:#fff;font-size:24px;float:left;width:200px;text-align:center;margin-left:106px;margin-top:20px}
.book_M{margin-left:5%;width:370px;float:left}
.book_M a{font-size:24px;color:#0c3a45;margin-top:65px;width:100%;float:left;text-align:center}
.book_R{width:450px;float:left;margin-left:5%}
.book_R i,.book_R span,.book_M span{width:100%;float:left;text-align:center}
.book_M span a{margin-top:0px}
.book_R i{font-size:24px;color:#0c3a45;margin-top:65px}
.book_R span,.book_M span{font-size:36px;color:#0c3a45;font-weight:bold;margin-top:62px;letter-spacing:0.1em;}
.book_M span img,.book_R span img{margin-right:18px;margin-top:-8px}
.book_R span img{margin-right:18px}
.book_L_E dl dd select{width:126px;height:36px;float:left;border-top:2px solid #0c3a45;border-bottom:2px solid #0c3a45;border-left:1px solid #0c3a45;border-right:1px solid #0c3a45;margin-right:10px;background:none;font-size:18px;color:#0c3a45}
.book_L_E dl dd select:last-child{margin-right:0px}
.book_L_E .dl_selct dt{width:auto !important}

.honor_one .honorA_L,.honor_one .honorA_R{margin-top:0px}
.dh_banner .N_banner_mid{background-color:rgba(12,58,60,0.4)}
.dh_banner .N_banner_con{color:#fff}
.N_header{position:fixed;top:0px;background:#fff;z-index:40;}

.fixed-nav{
position: fixed;
width:100%;
top:-104px; 
background:#fff;
-webkit-transition: top .5s;
 -moz-transition: top .5s;
 -o-transition: top .5s;
 transition: top .5s;
}
.fixed-nav-appear{top:0;background:#fff;z-index:30}
.fix_sec{
position: fixed;
width:100%;
top:0;
z-index: 999;
-webkit-transition: top .5s;
-moz-transition: top .5s;
-o-transition: top .5s;
transition: top .5s;
}

#spErr{color:red;margin:40px auto auto 20px;float: left;}

@media screen and (max-width:1500px){
	.header_mid{width:1200px;}
	.header .nav li{margin:0px 20px}
	.honorA_L, .honorA_R{height:400px;}
	.book_L{width:440px;}
	.book_M,.book_R{margin-left:2%;width:400px;}
	.book_M{width:288px;}
	.book_L_E dl dd input[type='text']{width:240px;padding:0px 5px}
	.book_L_E dl dd select{width:95px;margin-right:5px;}
	.book_L_E>a{width:136px;}
	.book_R span, .book_M span{font-size:24px}
	}
@media screen and (max-width:1025px){
	.header .nav{display:none}
	.menu-handler{display:block}
	.header_mid{width:90%;}
	.header .logo,.inF>p img{width:120px;}
	.menu-handler .burger,.menu-handler{width:35px}
	.menu-handler{margin-top:22px}
	.header{height:104px;}
/*	.banner,.N_banner,.listA,.xq_con,.book_con,.honor_one{margin-top:205px}
*/	.one .pagination{display:block}
	.one .arrow-left,.one .arrow-right{opacity:1;width:40px;height:auto;left:5%;height:70px}
	.one .arrow-right{left:auto;right:5%}
	.one:hover .arrow-left{left:5%}
    .one:hover .arrow-right{left:auto;right:5%}
	.banner a>div{width:430px;top:130px}
	.inA{padding:60px 0px}
	.inF{padding:120px 0px}
	.w1500{width:90%}
	.transy,.inA h4.transy,.inF>p.transy{transform: translateY(0px);-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transform: translateY(0px);-webkit-transition-timing-function: ease-out; opacity:1;} 
	.sj_con{display:block}
	.N_banner_mid{width:50%;left:5%;padding:5%}
	.H_banner .N_banner_mid{right:5%}
	.N_banner>p img{width:60%}
	.honorA_L, .honorA_R{height:278px}
	.book_L{float:none;margin:0 auto;overflow:hidden}
	.book_M, .book_R{width:50%;margin-left:0px;margin-top:50px}
	.book_con{padding:100px 0px}
	}
@media screen and (max-width:768px){
	
/*	.banner,.N_banner,.listA,.xq_con,.book_con,.honor_one{margin-top:104px}
*/	.banner a>div{width:260px;top:50%;transform:translateY(-50%)}
	.in_fot .bshare-custom a{margin:0px 5%}
	.inF{padding:60px 0px}
	.honorA_L, .honorA_R{height:210px}
	.listA a{width:49%;margin-right:0px;margin-bottom:20px}
	.listA a:nth-child(2n){float:right}
	.book_con{padding:30px 0px}
	.book_M a,.book_R i{margin-top:30px}
	.book_R span,.book_M span{font-size:18px;margin-top:20px}
	.honorB span{font-size:30px;height:40px}
	.honorA_L, .honorA_R,.honorB a{margin-top:30px}
	.inF>ul{margin-top:30px}
	.xq_mid{padding:0px 0px 30px 0px}
	.xq_mid p{margin-top:20px}
	.xq_en a.first img, .xq_en a.last img,.xq_en a.mid img{width:35px}
	.xq_en{margin-top:50px}
	.more{margin-top:60px}
	.N_banner_con .bd p, .sj_con p{font-size:14px;line-height:24px}
	.N_banner_con .bd h1, .sj_con h1,.H_banner .N_banner_con span{font-size:16px}
	.H_banner .N_banner_con span{margin:0px}
	.inF>ul li span{width:100%;float:left;position:static;font-size:20px;font-weight:bold}
	.inF>ul li p,.inF>ul:last-child li p{width:100%;float:left;padding:0px;font-size:16px}
	}
@media screen and (max-width:415px){
	.inA,.inF{padding:30px 0px;width:90%}
	.inA h4{font-size:22px}
	.inE li p{font-size:12px;}
	.sj_con h1{font-size:18px;font-weight:600}
	.N_banner_con{top:0px;transform:translateY(0)}
	.N_banner_con .bd h1{margin-top:0px}
	.banner a>div{width:190px;left:50px}
	.inE li{width:46%;float:left;margin:0px 2%;padding:0px;}
	.inE li img{width:32%}
	.inE li i{height:60px;display:block}
	.inE li:nth-child(2n){float:right}
	.inE li:nth-child(2n) img{width:16%}
	.inE{padding:14px 0px}
	.inF>ul{margin-top:2px}
	.inF>ul li span{width:100%;float:left;position:static;font-size:12px;font-weight:bold}
	.inF>ul li p,.inF>ul:last-child li p{width:100%;float:left;padding:0px;font-size:12px}
	.inF>p{margin-bottom:15px}
	.in_fot .bshare-custom a{width:50px}
	.in_fot>p{width:90%;margin:20px 5% 0px 5%;font-size:20px}
	.one .arrow-left, .one .arrow-right{width:20px;height:35px}
	.in_fot{padding:15px 0px;background:#0c3a3c}
	.in_fot .bshare-custom{display:none}
	.in_fot>p{margin-top:0px;font-size:14px;line-height:24px;color:#fff}
	.in_fot>p i{display:block}
	.navMobile li>a{font-size:18px;font-weight:bold}
	.navMobile li .listDown a{font-size:16px}
	.navMobile li .listDown{margin-top:0px}
	.N_banner>p{font-size:20px;letter-spacing: 2px;}
	.honorA_L, .honorA_R{width:100%;height:auto;padding:20px 0px;margin-top:30px}
	.honorB a,.more,.xq_top h1,.xq_en{margin-top:30px}
	.honorB p{width:100%;text-align:center}
	.honorB span{position:static;float:left;transform:translateY(0);font-size:16px;margin-top:20px;width:100%;height:21px}
	.more{font-size:14px}
	.honorA_L span img, .honorA_R span img{width:40px}
	.listA a{width:100%}
	.xq_mid{width:90%}
	.xq_en a.first img, .xq_en a.last img,.xq_en a.mid img{display:none}
	.xq_mid{padding:0px 0px 30px 0px}
	.xq_mid p{margin-top:20px;line-height:30px}
	.xq_en a{font-size:18px;font-weight:bold}
	.xq_top h1{font-size:18px;line-height:32px;font-weight:600}
	.xq_top i{font-size:14px}
	.book_L{width:100%;}
	.book_L_E dl dt{font-size:18px;line-height:40px}
	.book_L p img{width:145px}
	.book_L_E dl dd select{font-size:14px;width:94px;margin-right:0px}
	.book_L_E dl dt{font-size:14px;font-weight:600;width:72px}
	.book_L_E>p{font-size:14px;margin-top:10px}
	.book_L_E>a{font-size:14px;line-height:40px;margin-left:72px}
	.book_M a,.book_R i{font-size:18px}
	.book_M p img{width:145px}
	.book_R p img{width:130px}
	.listA a{border-top:none}
	.listA a div{padding:20px 0px}
	.book_M, .book_R{width:100%;margin-top:20px}
	.book_M a, .book_R i{margin-top:15px;font-size:16px;}
	.book_R span, .book_M span{font-size:16px}
	.book_R span{margin-top:10px}
	.book_M span img,.book_R span img{width:38px}
	.honor_one .honorA_R{margin-top:30px}
	.inA p{font-size:16px;line-height:28px}
	.inF>ul li p{font-size:12px;line-height:18px}
	.inF>ul li{margin-bottom:0px;line-height:28px}
	.honorB i{position:static;font-size:14px;font-weight:normal;margin-top:10px;width:100%;float:left;}
	}
@media screen and (max-width:375px){
	.book_L_E dl dt,.book_L_E dl dd{width:100%;float:left}
	.book_L_E dl dd input[type='text']{width:94%;padding:0px 2%}
	.book_L_E dl dd select{width:30%;margin-right:2%;}
	.book_L_E>a{float:none;margin:0 auto;overflow:hidden;display:block}
	.book_L_E>p{margin-bottom:20px}
	
	}