@charset "utf-8";
.clear{clear: both;}



@import "font-awesome.css";

@font-face {
 font-family: 'fut';
 src: url(../fonts/fut.eot);
 src: local('fut'),
        local('fut'),
        url(../fonts/fut.woff) format('woff'),
        url(../fonts/fut.ttf) format('truetype'),
        url(../fonts/fut.svg#fontName) format('svg');
} 








html, body {
   min-height: 100%; 
}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{
	margin:0;
	    margin: 0;
    font-size: 16px;
    font-family:   "微软雅黑","fut", Arial, "Microsoft Yahei";
    line-height: 1.5; color: #333;
background: #FFFFFF;
}

a, a:hover, a:focus {
color: #333333;
    text-decoration: none;
}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,select,textarea,hr,blockquote,pre{margin:0;padding:0;}
ul,ol,dl{list-style:none;}
h1, h2, h3, h4, h5, h6,{margin:0px !important; padding:0px !important;   line-height: 1 !important;font-style: normal;}

img{border:0;margin: 0; }

input{-webkit-appearance:none ;border-radius: 0;}
form input{-webkit-appearance: none;}

.w90{width: 90%;margin: 0 auto;max-width: 1600px;height: auto;}
.pc-nav{width: 100%;height: auto;position: fixed;left: 0;top: 0;background: rgba(255,255,255,0.9);border-bottom: 1px solid #eeeeee; z-index: 999;}
.pc-nav2{background: #FFFFFF;}
.pc-nav .logo{width: 210px;height: auto;display: block;float: left;margin-top: 10px;}
.pc-nav .logo img{display: block;width: 100%;height: auto;}
.pc-nav ul{width: calc(100% - 250px);float: left;text-align: right;padding-right: 25px;font-size: 0;}
.pc-nav ul li{position: relative; padding: 0 2%;font-size: 16px;display: inline-block;line-height: 80px;}
.pc-nav ul li a{display:block; font-size: 16px;color: #333;}
.pc-nav ul li:hover a{color: #00008b;}
.pc-nav ul li .down{display: none; text-align: center; position: absolute;left: 50%;transform: translateX(-50%); width: 200px;height: auto;top: 100%;background: #00008b;}
.pc-nav ul li .down a{ display: block;color: #FFFFFF;font-size: 15px;text-transform: capitalize; line-height:36px;border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(0,0,0,0.05);}
.pc-nav ul li .down a:last-child{border-bottom: none;}
.pc-nav ul li .down a:hover{background: #FFA500;transition: all 0.5s ease 0.1s;}
.pc-nav .nav li .down:before{content:"";position: absolute;top: -10px;left: 50%;transform: translateX(-50%);border-bottom:5px solid #00008b;border-top:5px solid rgba(0,0,0,0);border-right: 8px solid rgba(0,0,0,0); border-left: 8px solid rgba(0,0,0,0);}


.pc-nav .lang{width: 35px;height: 35px;float: right;margin-top: 22.5px;}
.pc-nav .lang a{width: 35px;font-size: 16px;border: 1px solid #00008b;float: left; height: 35px;color: #00008b;line-height: 35px;text-align: center;}
.pc-nav .lang a:hover{background: #00008b;color: #FFFFFF;}

#dl-menu{display: none;}
@media only screen and (max-width:1200px) {
.pc-nav ul{width: calc(100% - 200px);}
.pc-nav ul li{font-size: 15px;}
.pc-nav ul li .dwon a{font-size: 14px;}
.pc-nav .logo{margin-top: 14px;width: 170px;}
.pc-nav .lang{margin-top: 25px;width: 30px;height: 30px;}
.pc-nav .lang a{font-size: 15px; width: 30px;height: 30px;line-height: 30px;}	
}


@media only screen and (max-width:1024px ) {
.pc-nav{display:none;}	
#dl-menu{display:inherit;}
}




.top-ico{width: 100%;height: auto;background: rgba(0,104,182,0.95);position: absolute;bottom: 0;left: 0;z-index: 12;}
.top-ico ul{width: 100%;height: auto;overflow:hidden;font-size: 0;padding: 20px 0;}
.top-ico ul li{width: 33.3%;display: inline-block;vertical-align: top; border-right: 1px solid rgba(255,255,255,0.8);padding: 0 5%;}
.top-ico ul li:last-child{border-right: none;}
.top-ico ul li .ico{width: 50px;height: auto; float: left;}
.top-ico ul li .ico img{display: block;width: 100%;height: auto;}
.top-ico ul li .con{width: calc(100% - 50px);float:left;padding-left: 8%;}
.top-ico ul li .con h6{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 18px;color: #FFFFFF;}
.top-ico ul li .con p{font-size: 14px;color: #FFFFFF;margin-top: 10px;}
@media only screen and (max-width:1400px) {
.top-ico ul li .ico{width: 40px;height: auto;}
.top-ico ul li .con {width: calc(100% - 40px);}	
.top-ico ul li .con h6{font-size: 16px;}
.top-ico ul li .con p{font-size: 13px;margin-top: 5px;}
}
@media only screen and (max-width:1200px ) {
.top-ico ul li{padding: 0 3%;}	
}
@media only screen and (max-width: 1024px) {
.top-ico ul li .ico{width: 35px;}
.top-ico ul li .con{width: calc(100% - 35px);}	
}
@media only screen and (max-width:900px ) {
.top-ico{display:none;}	
}

.banner-js{width: 100%;height:calc(100% - 0px);position: absolute;top: 0;left: 0;z-index: 11;}
.banner-js .pic{width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}

.banner-js .pic .wz{width: 90%;position: absolute;max-width: 1400px; top: 50%;transform: translateY(-50%)translateX(-50%);left: 50%;}
.banner-js .pic .wz img{display: block;width: 100%;height: auto;}

.banner-con{text-align: center; width: 90%;max-width: 1400px; height: auto;position: absolute;left:50%;top: 50%;z-index: 12;transform: translateX(-50%)translateY(-50%);}
.banner-con h3{text-align: center;font-size: 56px;font-weight:500;line-height: 1; color: #FFFFFF;text-shadow: 1px 2px 5px rgba(0,0,0,0.5);}
.banner-con h3 span{color: #FFA500;font-family: arial;}
.banner-con h4{font-size: 36px;margin-top: 20px;line-height: 1; color: #FFFFFF;text-shadow: 1px 1px 5px rgba(0,0,0,0.5);font-weight: normal;}

@media only screen and (max-width:1400px ) {
	.banner-con h3{font-size: 50px;transition: all 0.3s ease;}
	.banner-con h4{font-size: 32px;transition: all 0.3s ease;}
}

@media only screen and (max-width:1200px ) {
	.banner-con h3{font-size: 48px;transition: all 0.3s ease;}
	.banner-con h4{font-size: 30px;transition: all 0.3s ease;}
}
@media only screen and (max-width:1024px ) {
	.banner-con h3{font-size:40px;transition: all 0.3s ease;}
	.banner-con h4{font-size: 26px;transition: all 0.3s ease;}	
}

@media only screen and (max-width:720px ) {
	.banner-js .pic .wz{width: 105%;height: auto;left: 0%; transform: translateX(0)translateY(-50%);} 
		.banner-con h3{font-size:28px;transition: all 0.3s ease;font-weight: bold;}
	.banner-con h4{font-size: 18px;transition: all 0.3s ease;margin-top: 10px;}
}




.title{width: 100%;height: auto;}
.title h6{font-size: 24px;font-family: "fut";color: #FFFFFF;line-height: 1;text-transform: uppercase;}
.title h5{font-size: 30px;color: #FFFFFF;font-weight: normal;text-transform: capitalize;}
/*.title .line{width: 30px;height: 6px;background: #FFA500;display: block;margin-top: 20px;}
*/

.title .line{width: 30px;height:4px;border-radius: 2px; margin-left: 20px; background: #FFA500;display: block;position: relative; margin-top: 20px;}
.title .line:before{content: "";width: 4px;height: 4px;border-radius: 100%;background: #FFA500;left: -20px;position: absolute;top: 0;}
.title .line:after{content: "";width: 4px;height: 4px;border-radius: 100%;background: #FFA500;left: -10px;position: absolute;top: 0;}

@media only screen and (max-width:1400px ) {
	.title h6{font-size: 24px;}
	.title h5{font-size: 28px;}
}
@media only screen and (max-width:1024px ) {
	.title h6{font-size: 20px;}
	.title h5{font-size: 26px;}
	/*.title .line{margin-top: 15px;height: 4px;}*/
}
@media only screen and (max-width:1024px ) {
	.title h6{font-size: 18px;}
	.title h5{font-size: 22px;}
	/*.title .line{width: 25px; margin-top: 10px;height: 3px;}*/
}






.h80{width: 100%;height: 80px;overflow: hidden;}

.h60{width: 100%;height: 60px;overflow: hidden;}
@media only screen and (max-width:1200px ) {
	.h60{height: 50px;}
	.h80{height: 70px;}
}
@media only screen and (max-width:1024px ) {
		.h80{height: 60px;}
	.h60{height: 40px;}
}

@media only screen and (max-width:720px ) {
		.h80{height: 55px;}
	.h60{height: 30px;}
}



.more{width:170px;line-height: 50px;border: 1px solid #FFFFFF;color: #FFFFFF;text-align: center;display: block;text-transform: uppercase;}
.more:hover{color: #00008b;background: rgba(255,255,255,0.95);}


@media only screen and (max-width:1200px ) {
	.more{font-size: 15px; width: 150px;line-height: 45px;}
}
@media only screen and (max-width:1024px ) {
	.more{width: 140px;line-height: 40px;}
}




#section2{position: relative;background: url(../img/a011.png)bottom left no-repeat #00008b;opacity: 0.8;}
.in-ab-l{width: 50%;height: auto;text-align: left;padding:0 8%;}

.in-ab-l .in-ab-lc{width: auto;height: auto;}
.in-ab-l .txt{width: 100%;height: 320px;overflow: hidden;text-overflow: ellipsis; word-wrap: break-word;}
.in-ab-l .txt p{font-size: 16px;color: #FFFFFF;}
.in-ab-r{width: 50%;height: 100%;right: 0;top: 0; background-size: cover;position: absolute;background-position: center;background-repeat: no-repeat;}

.in-ab-r ul{border: 1px solid #FFFFFF;width: 70%;font-size: 0;  position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);border-bottom: 1px solid #FFFFFF;}
.in-ab-r ul:before{content: "";position: absolute;left: 50%;top: 0;height: 100%;width: 1px;background: #FFFFFF;}
.in-ab-r ul:after{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #FFFFFF;}
.in-ab-r ul li{width: 50%;display: inline-block; vertical-align: top; text-align: right; position: relative;  padding:130px 20px 20px 20px;}

.in-ab-r ul li h5{color: #FFFFFF;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-ab-r ul li h6{font-size: 12px;font-weight: normal; color: #FFFFFF;text-transform: uppercase;}
.in-ab-r ul li:hover{background: #ffa500;}
.in-ab-r ul li:before{content: "";position: absolute;left: 20px;top: 20px;width: 75px;height: 75px;}
.in-ab-r ul li:first-child:before{background: url(../img/a010.png)center no-repeat;background-size: cover;}
.in-ab-r ul li:nth-child(2):before{background: url(../img/a007.png)center no-repeat;background-size: cover;}
.in-ab-r ul li:nth-child(3):before{background: url(../img/a008.png)center no-repeat;background-size: cover;}
.in-ab-r ul li:nth-child(4):before{background: url(../img/a009.png)center no-repeat;background-size: cover;}

@media only screen and (max-width:1800px) {
	.in-ab-l{padding:0 5%;}
}
@media only screen and (max-width:1600px ) {
	.in-ab-r ul li{padding: 105px  20px 20px 20px;}
	.in-ab-r ul li:before{width:55px;height:55px;}
}
@media only screen and (max-width:1200px ) {
	.in-ab-l .txt p{font-size: 15px;}
.in-ab-r ul{width: 85%;}
	.in-ab-r ul li{padding: 95px  20px 20px 20px;}
	.in-ab-r ul li:before{width:45px;height:45px;}
	.in-ab-r ul li h5{font-size: 15px;}
}
@media only screen and (max-width:900px) {
	#section2{background: #00008b;}
		.in-ab-l .txt {height: 88px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;word-break: break-all;word-wrap: break-word;}
	
	.in-ab-l{width: 100%;background: url(../img/a011.png)center bottom no-repeat;background-size: cover; height: calc(60% - 50px);position: absolute;top: 50px;left: 0;padding:  5%;}
	.in-ab-r{ width: 100%;height: 40%;position: absolute;top:auto;bottom: 0; right: 0;background: none;}
	.in-ab-r ul li{padding: 40px  15px 15px 15px;}
}
@media only screen and (max-width:600px ) {
	
	.in-ab-l .in-ab-lc{height: auto; position: absolute;top: 50%;left: 50%;width: 90%;transform: translateX(-50%)translateY(-50%);}
	.in-ab-r{background-position: bottom;}
	.in-ab-r ul li{padding:30px 10px 10px 10px;}
	.in-ab-r ul{border:1px solid  rgba(255,255,255,0.5);}
	.in-ab-r ul:before{background: rgba(255,255,255,0.8);}
	.in-ab-r ul:after{background: rgba(255,255,255,0.8);}

	.in-ab-r ul li:nth-child(2){background: rgba(248,182,44,0.9);}
	.in-ab-r ul li:nth-child(3){background: rgba(248,182,44,0.9);}
	.in-ab-r ul{width: 90%;}
	.in-ab-r ul li:before{display: none;}
}



#section3{z-index: 1;}
#section3 .back{z-index: -1; position: absolute;background:url(../img/b003.jpg)center no-repeat;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;}
.join{width: 100%;z-index: 2; height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;}
.join li{color: #FFFFFF; width: 25%; height: 100%;position: absolute;border-right: 1px solid rgba(255,255,255,0.4);}
.join li.li1{left: 0; background: rgba(0,0,0,0.6);top: -100%; transition: all 0.2s ease;}
.join li.li2{left: 25%; background: rgba(0,0,0,0.5);top: 100%; transition: all 0.2s ease;}
.join li.li3{left: 50%; background: rgba(0,0,0,0.6);top: -100%; transition: all 0.2s ease;}
.join li.li4{left: 75%; background: rgba(0,0,0,0.5);top: 100%; transition: all 0.2s ease;}
.join li:hover{background: #00008b;}


#section3 .join.active li.li1{top: 0px;}
#section3  .join.active  li.li2{top: 0px;}
#section3   .join.active li.li3{top: 0px;}
#section3  .join.active li.li4{top: 0px;}

.join li .con{width: 100%;padding: 0 10%; height: 380px; position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);text-align: center;overflow: hidden;}
.join li .con h5{font-size: 24px;color: #FFFFFF;margin-top: 45px;margin-bottom: 20px;}
.join li .con .line{display: block;width:50px;height: 3px; margin: 0 auto;background: #FFFFFF;}
.join li .con .txt{width: 100%;height: auto;margin-top: 20px;}
.join li .con .txt p{font-size: 16px;text-align: justify;}
.join li .con .ico{width: 90px;height: auto;margin: 0 auto;}
.join li .con .ico img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1400px ) {
	.join li .con .ico{width:75px;}
	.join li .con h5{font-size: 22px;}
}
@media only screen and (max-width:1200px ) {
		.join li .con .ico{width: 65px;}
	.join li .con h5{font-size: 20px;}
	.join li .con .txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
			.join li .con .ico{width: 55px;}
	.join li .con h5{font-size: 20px;margin-top: 30px;}
	.join li .con .txt p{font-size: 15px;}
}
@media only screen and (max-width:850px ) {
	.join {width: 100%;height: calc(100% - 50px);top: 50px;}
	.join li{width: 50%;height: 50%;}
	.join li.li1{left: 0;border-bottom: 1px solid rgba(255,255,255,0.4);}
	.join li.li2{left: 50%;border-bottom: 1px solid rgba(255,255,255,0.4);}
	.join li.li3{left: 0;}
	.join li.li4{left: 50%;}
	.join li .con{height: auto;}
	.join li .con .line{width: 45px;}
	.join li .con .ico{width: 55px;}
	.join li .con h5{font-size: 18px;}
	.join li .con .txt{display: none;}
	
	
	#section3 .join.active li.li1{top: 0px;}
#section3  .join.active  li.li2{top: 0px;}
#section3   .join.active li.li3{top:50%;}
#section3  .join.active li.li4{top: 50%;}
}







#section4{z-index: 1;}
#section4 .back{position: absolute;left: 0;top: 0;z-index: -1; width: 100%;height: 100%;background: url(../img/b004.jpg)center no-repeat;background-size: cover;}
.in-news{width: 90%;max-width: 1600px;display: flex;padding: 20px; background: rgba(255,255,255,0.5);z-index: 1;margin: 0 auto;height: auto; margin-top: 80px;}
.in-news-l{width: calc(100% - 900px);height: auto;position: relative;left: 0px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-news-l .title{position: absolute;left: 50%;top: 8%;;width: 100%;padding: 0 20px;}
.in-news-r{width:900px;height: auto;position: relative;}
.in-news-r li{ width: 100%;position: relative;  height:auto;overflow: hidden;padding-right: 50%;}
.in-news-r li .con{padding:8%; width: 100%;height: 100%;float: left;background: #FFA500;}
.in-news-r li .pic{transition: all 0.6s ease; position:absolute;top: 0;right: 0;width: 50%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-news-r li .con h5{color: #FFFFFF;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-news-r li .con .txt{width: 100%;height: auto;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.in-news-r li .con .txt p{font-size: 16px;color: #FFFFFF;}
.in-news-r li .con .mores{display: block; margin-top: 40px; color: #FFFFFF;font-size: 16px;color: #FFFFFF;text-transform: uppercase;}

.in-news-r li .pic img{display: block;width: 100%;height: auto;}
.in-news-r li:nth-child(2){padding-left: 50%;padding-right: 0;}
.in-news-r li:nth-child(2) .pic{right: auto;left: 0;}
.in-news-r li:nth-child(2) .con{width: 100%;background: #00008b;}

.in-news-r li:hover .pic{background-position-y: -5px;}

@media only screen and (max-width:1500px ) {
	
	.in-news-l	.title h6{font-size: 24px;}
	.in-news-l .title h5{font-size: 28px;}
}
@media only screen and (max-width: 1400px) {
	.in-news-l{width: calc(100% - 700px);}
	.in-news-r{width: 700px;}
}

@media only screen and (max-width:1200px ) {
		.in-news-l{width: calc(100% - 550px);}
	.in-news-r{width: 550px;}
	.in-news-r li .con h5{font-size: 18px;}
	.in-news-r li .con .txt p{font-size: 15px;}
	
}
@media only screen and (max-width:1024px ) {
	.in-news-l	.title{display: none;}
	.in-news{margin-top: 50px;}
}
@media only screen and (max-width:850px ) {
	.in-news{display: block;}
		.in-news-l{display:inherit;width: 100%;height: 150px;}
		.in-news-l	.title{display: inherit;left: 10px;padding: 0;}
		.in-news-l	.title h6{font-size: 28px;}
	.in-news-l	.title h5{font-size: 22px;}
	.in-news-r li .con .txt{margin-top: 10px;}
	.in-news-r li .con .mores{margin-top:15px;}
		.in-news-r{width: 100%;}
		.in-news{padding: 10px;}
		.in-news-r li{padding-right: 0;}
		.in-news-r li .con{width: 100%;height: auto;padding: 10px;}
		.in-news-r li .pic{width: 0;}
		.in-news-r li:nth-child(2){padding-left:0;padding-right: 0;}
}






#section5{background: #F5F5F5;position: relative;}
.in-ser{width: 100%;height: 100%;padding-bottom: 70px;}
.in-ser .in-ser-t{height:35%;overflow: hidden;padding-top:calc(5% + 80px);}
.in-ser .in-ser-t .title{width: calc(100% - 180px);float: left;}
.in-ser .title h6{color: #333;}
.in-ser .title h5{color: #333;}
.in-ser .more{float:right;margin-top: 20px; color: #fff;border:none;background: #00008b;
background: -webkit-gradient(linear,left top,right top,from(#00008b),to(#007be9));
    background: -webkit-linear-gradient(left,#00008b,#007be9);
    background: linear-gradient(90deg,#00008b,#007be9);
    background-image: -webkit-gradient(linear,left top,right top,from(#00008b),to(#007be9));
    background-image: -webkit-linear-gradient(left,#00008b,#007be9);
    background-image: linear-gradient(90deg,#00008b,#007be9);}
.in-ser .in-ser-t .more:hover{box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}

.in-ser .in-ser-js{width: 100%;height:65%;padding-top: 2%;}
.in-ser .in-ser-js .pic{width: 100%;height:calc(100% - 60px);background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-ser .in-ser-js .con{ width: 100%;padding: 0 5%; height:auto;position: absolute;background: #00008b; bottom: 0;left: 0;text-align: center;transition: all 0.3s ease;
background: -webkit-gradient(linear,left top,right top,from(#00008b),to(#007be9));
    background: -webkit-linear-gradient(left,#00008b,#007be9);
    background: linear-gradient(90deg,#00008b,#007be9);
    background-image: -webkit-gradient(linear,left top,right top,from(#00008b),to(#007be9));
    background-image: -webkit-linear-gradient(left,#00008b,#007be9);
    background-image: linear-gradient(90deg,#00008b,#007be9);
}
.in-ser .in-ser-js .con h5{font-size: 20px;color: #FFFFFF;line-height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-ser .in-ser-js .mores{text-transform: uppercase; font-family: arial; transition: all 0.3s ease; display: none; margin-top: 20px; font-size: 16px;color: #FFFFFF;}
.in-ser .in-ser-js .con .txt{transition: all 0.3s ease; display: none;margin-top: 20px; width: 100%;height: auto;}
.in-ser .in-ser-js .con .txt p{color: #FFFFFF;font-size: 16px;}
.in-ser .in-ser-js .swiper-slide:hover{border: 3px solid #FFA500;border-bottom: none;}
.in-ser .in-ser-js .swiper-slide:hover .con .txt{display: inherit;}
.in-ser .in-ser-js .swiper-slide:hover .con h5{line-height: 24px;}
.in-ser .in-ser-js .swiper-slide:hover .con{padding: 25px 5%;background: #FFA500;}
.in-ser .in-ser-js .swiper-slide:hover .mores{display: inherit;}


.in-ser .in-ser-js .swiper-button-prev{left: 5%; background-image: url(../img/a016.png); }
.in-ser .in-ser-js .swiper-button-next{right: 5%; background-image: url(../img/a017.png); }
.in-ser .in-ser-js .swiper-button-prev.swiper-button-disabled, .section4 .swiper-button-next.swiper-button-disabled{opacity:0; }

.in-ser .in-ser-js .swiper-button-prev,.in-ser .in-ser-js .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height:50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1200px ) {
.in-ser .in-ser-js .con h5{font-size: 18px;}
.in-ser .in-ser-js .con .txt p{font-size: 15px;}
.in-ser .in-ser-js .swiper-button-prev,.in-ser .in-ser-js .swiper-button-next {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-size: 40px 40px;
  }
}

	
@media only screen and (max-width:1024px ) {
	.in-ser .in-ser-js .pic{height: calc(100% - 60px);}
	.in-ser .in-ser-js .con h5{line-height: 60px;}
	.in-ser .in-ser-t .title{width: calc(100% - 140px);}
	.in-ser .in-ser-t{height:35%;overflow: hidden;padding-top:calc(3% + 65px);}
}
@media only screen and (max-width: 370px) {
	.in-ser .in-ser-t .title h6{display: none;}
	.in-ser .in-ser-t .more{margin-top: 0;}
}



.footer{width: 100%;height: 70px; position: absolute;bottom: 0;left: 0; overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; text-align: center; background: #F5f5f5;}
.footer span{color: #333;font-size: 16px;}
.footer span a{color: #333;}
@media only screen and (max-width:1200px) {
.footer{font-size: 15px;}	
}
	
@media only screen and (max-width:850px ) {
	.footer span{font-size: 14px;}
}



.in-banner{width: 100%;height: auto;margin-top: 80px;}
.in-banner img{display: block;width: 100%;height: auto;}
@media only screen and (max-width:1024px ) {
.in-banner{margin-top: 50px;}	
}



.title3{width: 100%;height: auto;text-align: center;}
.title3 h5{font-size: 36px;color: #333;text-transform: capitalize;}
.title3 h6{font-size: 15px;text-transform: uppercase;color: #666;  font-family: arial;}

@media only screen and (max-width:720px) {
.title3 h5{font-size: 30px;}
.title3 h6{font-size: 14px;}	
}






.footer2{text-align: center; width: 100%;height: auto;padding: 25px 0;background: #333333;}
.footer2 span{color: #FFFFFF;font-size: 16px;}
.footer2 span a{color: #FFFFFF;}

	
@media only screen and (max-width:1200px ) {
	.footer2 span{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
	.footer2{padding:15px 0;}
	.footer2 span{font-size: 14px;}
}

.ab{width: 100%;height: auto;}
.ab .w90{width: 90%;max-width: 1200px;margin: 0 auto;}

.ab .num{width: 100%;height: auto;text-align: center; overflow: hidden;font-size: 0;}
.ab .num li{vertical-align: top; padding:0 5%; position: relative; width: calc(33.3%);display: inline-block;}
.ab .num li h2{font-size: 56px;color: #00008b;font-family: arial;line-height: 1;}
.ab .num li h6{font-size: 16px;color: #333;font-weight: normal;margin-top: 5px;}
.ab .num li:before{content: "";position: absolute;right: 0;top: 20%; width: 10px;height: 10px;background: url(../img/a018.png)center no-repeat;background-size: cover;}
.ab .num li:last-child:before{display: none;}
.ab .txt{width: 100%;height: auto;}
.ab .txt p{font-size: 16px;color: #333;text-align: justify;}
@media only screen and (max-width:1200px ) {
.ab .num li h6{font-size: 15px;}	
.ab .txt p{font-size: 15px;}
.ab .num li h2{font-size: 50px;}	
}
@media only screen and (max-width:720px ) {
	.ab .num li h2{font-size:36px;}
	.ab .num li:before{display: none;}
	.ab .num li {width: 50%;padding:15px; }
	.ab .num li:last-child{width: 100%;border-top: 1px solid #dcdcdc;}
	.ab .num li h6{font-size:15px;}
}

.video{width: 100%;height: 400px;position: relative; background: url(../img/b010.jpg)center no-repeat;background-size: cover;}
.video .bk{position: absolute;width:100%;height: 100%;background: rgba(0,0,0,0.1);}
.video .play-ico{width: 10%;max-width: 100px;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.video .play-ico img{display: block;width: 100%;height: auto;}


.video .play-box{display: none; position: fixed;top:50%;left: 50%;transform: translateX(-50%)translateY(-50%); width: 100%;height: 100%;z-index: 1000; background: rgba(0,0,0,0.65);}
.video .play-box-c{ position:fixed; top:50%; left: 50%; height: 0px; width: 0px;background: #333;transform: translateX(-50%) translateY(-50%); z-index: 9996; height: 600px; width: 800px;}

.video .play-box-c .close{position: absolute;top: 3px; right: 10px; color:#fff;font-size: 26px; cursor:pointer;}
.video .play-box-c  iframe{display: block; width:100%;height: 100%; position: absolute;left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.video2{display: none;}
.video2 iframe{display: none;}






	
@media only screen and (max-width:1024px ) {
.video{height: 300px;}
}

@media (max-width:850px ) {
.video .play-box-c{  height: 450px; width: 600px; }
}



@media only screen and (max-width:720px ) {
	.video {display: none;}
	.video2{display: inherit;width: 90%;margin: 0 auto;}
	.video2 iframe{display: block;width: 100%;height: auto;}
}





.gov{width: 100%;height: auto;}
.gov-c{width: 100%;height: auto;display: flex;}
.gov-cl{width: 45%;left: 0;position: relative;height: auto;background-size:cover;background-repeat: no-repeat;background-position: center;padding:0 35px;}
.gov-c h6{font-size: 24px;color: #FFFFFF;}
.gov-c .txt{width: 100%;height: auto;margin-top: 30px;}
.gov-c .txt p{font-size: 16px;color: #FFFFFF;}
.gov-cr{right: 0;position: relative; width: 55%;height: auto;}
.gov-cr1{width: 100%;height:auto;background-size: cover;background-position: center;background-repeat: no-repeat;}
.gov-cr1 .bk{width: 50%;height: auto;padding:0 35px;background: rgba(248,182,44,0.95);}
.gov-cr2{width: 100%;height: auto;background-position: center;background-repeat: no-repeat;background-position: center;}
.gov-cr2 .bk{width: 100%;height: auto;padding:0 35px;background:rgba(0,104,182,0.95);}

	
@media only screen and (max-width:1200px ) {

.gov-c h6{font-size: 20px;color: #FFFFFF;}
.gov-c .txt p{font-size: 15px;}

}

@media only screen and (max-width:1024px ) {
.gov-c h6{font-size: 18px;}
.gov-cr1 .bk{width: 70%;}	
.gov-c .txt{margin-top: 25px;}
}
@media only screen and (max-width:720px ) {
	.gov-c{display: block;}
.gov-cl{width: 100%;height: auto;}
.gov-cr{width: 100%;}
.gov-cr1 .bk{width: 100%;}	
.gov-c .txt{margin-top: 20px;}
}


.events{width: 100%;height: auto;background:url(../img/b013.jpg)center no-repeat;background-size: cover;}
.events .events-c{width: 100%;height: auto;position: relative;}
.events-c:before{content: "";position: absolute;top: 50px;left: 0;width: 100%;height: 1px;background: #FFFFFF;transform: translateY(-50%);}
.events .title3 h5{color: #FFFFFF;}
.events .title3 h6{color: #FFFFFF;}

.events .events-c .events-js{width: calc(100% - 150px);padding: 0 5px;height: auto; margin: 0 auto;}
.events .events-c .events-js .con{position: relative;width: 100%;height: auto;}
.events .events-c .events-js .con h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 100%;text-align: center; position: relative; color: #FFFFFF;font-size: 26px; font-family: arial,"微软雅黑";}

.events .events-c .events-js .con  i{ display: block;width:16px;height:16px;margin: 0 auto; border-radius:100%;border: 1px solid #FFFFFF;position: absolute;left: 50%;top: 50px;transform: translateY(-50%)translateX(-50%);}
.events .events-c .events-js .con  i:before{width:9px;height: 9px; border-radius: 100%;background: #FFFFFF;position: absolute;left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%); content: "";}

.events .events-c .events-js .con .t-box{width: 100%; height:auto;margin-top: 30px;text-align: center;padding: 0 5%;}
.events .events-c .events-js .con .t-box .txt{width:auto;overflow: hidden; display: inline-block;text-align: left;}
.events .events-c .events-js .con .t-box .txt p{font-size: 15px;color: #FFFFFF; padding-left: 20px;margin-bottom: 10px; word-wrap: break-word; position: relative;}
.events .events-c .events-js .con .t-box .txt p:before{content: "";position: absolute;left:0;top: 5px;width:8px;height: 8px;border-radius: 100%;background: #FFA500;}




/*.events .events-c .events-js .events-txt:nth-child(2n+2){padding-top: 160px;}
.events .events-c .events-js .events-txt:nth-child(2n+2) .con .t-box .txt{position: absolute;top:auto;bottom: 0; left: 20px;}
.events .events-c .events-js .events-txt:nth-child(2n+2)  .con i{bottom: auto;top: -5px;}
.events .events-c .events-js .events-txt:nth-child(2n+2)  .con h2{bottom: auto;top: -50px;}*/
.events .events-c .swiper-button-prev{
    background-image: url(../img/a027.png);
    left: 0px;
    right: auto;
}
.events .events-c .swiper-button-next{
    background-image: url(../img/a028.png);
    right: 0px;
    left: auto;	
}

.events .events-c .swiper-button-prev,.events .events-c .swiper-button-next {
    position: absolute;
    top: 50px;
    width: 50px;
    height:50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1400px ) {
.events .events-c .events-js .con h2{font-size: 24px;}
.events .events-c .swiper-button-prev,.events .events-c .swiper-button-next {
    width: 45px;
    height: 45px;
    margin-top: -22.5px;
    background-size: 45px 45px;}
.events .events-c .events-js{width: calc(100% - 130px);}
}
@media only screen and (max-width:1200px ) {
.events .events-c .swiper-button-prev,.events .events-c .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-size: 40px 40px;}
.events .events-c .events-js{width: calc(100% - 110px);}
}
@media only screen and (max-width:1024px ) {
.events .events-c .swiper-button-prev,.events .events-c.swiper-button-next {
    width: 35px;
    height:35px;
    margin-top: -17.5px;
    background-size: 35px 35px;}
.events .events-c .events-js{width: calc(100% - 100px);}
}
@media only screen and (max-width:720px ) {
	
	.events .events-c .events-js .con h2{font-size: 22px;}
			.events .events-c .events-js .con .t-box{font-size: 0;text-align: center;}
		.events .events-c .events-js .con .t-box .txt {display: inline-block; width: auto;max-width: 100%; padding: 0; text-align: left;}
	.events .events-c .events-js .con .t-box .txt p{font-size: 14px;}
.events .events-c .swiper-button-prev,.events .events-c .swiper-button-next {
    width: 30px;
    height:30px;
    margin-top: -15px;
    background-size: 30px 30px;}
.events .events-c .events-js{width: calc(100% - 60px);}


}




.culture{width: 100%;height: auto;background: url(../img/b011.jpg) center no-repeat;background-size: cover;}
.culture  .title3 h5{color: #FFFFFF;}
.culture .title3 h6{color: #FFFFFF;}
.culture ul{width: 100%;height: auto;text-align: center;font-size: 0;}
.culture ul li{position: relative; width: 20%;padding: 0 3%;  height: auto;vertical-align: top; display: inline-block;}
.culture ul li:before{width: 1px; height:120px;position: absolute;right: 0;top:55px;content: "";background: rgba(255,255,255,0.8);}
.culture ul li:last-child:before{display: none;}
.culture ul li .ico{width: 70px;height:auto;margin: 0 auto;}
.culture ul li .ico img{width: 100%;height: auto;display: block;}
.culture ul li h5{color: #FFFFFF;font-size: 20px;margin-top: 40px;}
.culture ul li h6{color: #FFFFFF;font-size: 16px;font-weight: normal;margin-top: 10px;}
	
@media only screen and (max-width:1200px ) {
		.culture ul li .ico{width: 60px;}
	.culture ul li h5{font-size: 18px;margin-top: 30px;}
	.culture ul li h6{font-size: 15px;}	
}
@media only screen and (max-width: 1024px) {
	.culture ul li .ico{width: 50px;}
}
	
@media only screen and (max-width:900px ) {
	.culture ul li h5{margin-top: 20px;}
	.culture ul li{width: 33.3%;margin-top: 30px;}
	.culture ul li:before{display: none;}
	.culture ul li:nth-child(4){width: 50%;}
	.culture ul li:nth-child(5){width: 50%;}
}
	
@media only screen and (max-width:720px ) {
		.culture ul li h5{font-size: 16px;}
		.culture ul li h6{font-size: 14px;margin-top: 5px;}
.culture{background: url(../img/b011.jpg)center no-repeat;background-size: cover;}
}


.honor-c{position: relative; width: 100%;height: auto;}
.honor-c .honor-js{padding: 1px; width: calc(100% - 150px);margin: 0 auto;height: auto;}
.honor-c .honor-js .pic{display: block;width: 100%;height: auto;}
.honor-c .honor-js .pic img{display: block;width: 100%;height: auto;border: 1px solid #dcdcdc;}
.honor-c .swiper-button-prev{
    background-image: url(../img/a025.png);
    left: 0px;
    right: auto;
}
.honor-c .swiper-button-next{
    background-image: url(../img/a026.png);
    right: 0px;
    left: auto;
}
.honor-c .swiper-button-prev,.honor-c .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}
	
@media only screen and (max-width:1400px ) {
.honor-c .swiper-button-prev,.honor-c .swiper-button-next {
    width: 45px;
    height: 45px;
    margin-top: -22.5px;
    background-size: 45px 45px;}
    .honor-c .honor-js{width: calc(100% - 130px);}
}
@media only screen and (max-width:1200px ) {
.honor-c .swiper-button-prev,.honor-c .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-size: 40px 40px;}
    .honor-c .honor-js{width: calc(100% - 110px);}
}
@media only screen and (max-width:1024px ) {
.honor-c .swiper-button-prev,.honor-c .swiper-button-next {
    width: 35px;
    height:35px;
    margin-top: -17.5px;
    background-size: 35px 35px;}
.honor-c .honor-js{width: calc(100% - 100px);}
}
@media only screen and (max-width:720px ) {
.honor-c .swiper-button-prev,.honor-c .swiper-button-next {
    width: 30px;
    height:30px;
    margin-top: -15px;
    background-size: 30px 30px;}
.honor-c .honor-js{width: calc(100% - 80px);}
}


.report{width: 100%;overflow: hidden; height: auto;padding: 10px 0; }
.report li{width: calc(50% - 5px);float: left; z-index: 1;position: relative; height: auto;padding: 8%; margin-right: 10px;text-align: center;background-size: cover;background-repeat: no-repeat;background-position: center;}
.report li .bk{position:absolute;z-index: -1; bottom: 0;transition: all 0.3s ease; left: 0;width: 100%;height:0%; background: rgba(0,0,0,0);}
.report li:last-child{margin-right: 0;}
.report li .ico{width:50%;max-width: 110px;height: auto;margin: 0 auto;}
.report li .ico img{display: block;width: 100%;height: auto;}
.report li h5{margin-top: 20px; color: #FFFFFF;font-size: 24px;}
.report li h6{margin-top: 10px;line-height: 1; height: 48px; color: #FFFFFF;font-family: arial;font-size: 16px;text-transform: uppercase;font-weight: normal;}
.report li:hover .bk{background: rgba(0,0,0,0.6);height: 100%;}
@media only screen and (max-width:1200px ) {
	.report li h5{font-size: 20px;}
	.report li h6{font-size: 15px;}
	
}
	
@media only screen and (max-width:1024px ) {
.report li h5{font-size: 18px;}
}
@media only screen and (max-width:720px ) {
.report{padding: 6px 0;}
.report li{width: calc(50% - 3px);margin-right: 6px;}
.report li:last-child{margin-right: 0;}	
}
.report2{width: 100%;height: auto;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center;}
.report2 .w90{width: 90%;max-width: 1400px;margin: 0 auto;}
.report2 .report2-c{width: 100%;height: auto;padding:5%;text-align: center;background: rgba(255,255,255,0.5);}
.report2 .report2-c p{font-size: 20px;color: #333;text-align: justify;}
.report2 ul{width: 100%;height: auto;font-size: 0;}
.report2 ul li{position: relative; padding: 4%  20px; width: calc(33.3% - 20px);height:auto; text-align: center;background: rgba(255,255,255,0.5); display: inline-block; vertical-align: top; margin-right: 30px;}
.report2 ul li:nth-child(3n){margin-right: 0;}
.report2 ul li .ico{margin: 0 auto; width: 30%;max-width: 90px; height: auto;}
.report2 ul li .ico img{display: block;width: 100%;height: auto;}
.report2 ul li h5{font-size: 20px;font-weight: normal; color: #333;margin-top: 30px;}
.report2 ul li h6{font-size: 24px;color: #333;margin-top: 5px;}
.report2 ul .wx .ewm{z-index: 11; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); position:absolute;left: 50%;top: -80px; transform: translateX(-50%);width:130px;height: auto;display: none;}
.report2 ul .wx .ewm img{display: block;width: 100%;height: auto;}
.report2 ul .wx:hover .ewm{display: inherit;}
@media only screen and (max-width: 1400px) {
	.report2 .report2-c p{font-size: 18px;}
	.report2 ul li h5{font-size: 16px;}
	.report2 ul li h6{font-size: 20px;}
}
@media only screen and (max-width:1200px ) {
	.report2 .report2-c p{font-size: 16px;}
}
@media only screen and (max-width:1024px ) {
	.report2 .report2-c p{font-size: 15px;}
	.report2 ul li h5{font-size: 15px;}
	.report2 ul li{width: calc(33.3% - 10px);margin-right: 15px;}
	.report2 ul li:nth-child(3n){margin-right: 0;}
	.report2 ul li h6{font-size: 17px;}
}
@media only screen and (max-width:800px ) {
	.report2 ul li{padding: 5%; width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
	.report2 ul li:nth-child(2n){margin-right: 0;}
	.report2 ul li:nth-child(3n){margin-right: 0;width: 100%;}
	.report2 ul li .ico{width:50px;height: auto;}
	.report2 ul li h6{font-size: 16px;}
	.report2 ul .wx .ewm{width: 100px;}
}






.in-sort{width: 100%;height: auto;border-bottom: 1px solid #dcdcdc;}
.in-sort  ul{width: 100%;text-align: center;font-size: 0;}
.in-sort ul li{display: inline-block;padding: 0 20px;position: relative;font-size: 16px;line-height: 45px; color: #333;}
.in-sort ul li:before{content: "";position: absolute;left: 0;width: 1px;height: 50%;top: 50%;transform: translateY(-50%);background: #dcdcdc;}
.in-sort ul li:after{content: "";position: absolute;right: 0;width: 1px; height: 50%;top: 50%;transform: translateY(-50%);background: #dcdcdc;}
.in-sort ul li:hover{background: #00008b;color: #FFFFFF;}
.in-sort ul li:hover:before{display: none;}
.in-sort ul li:hover:after{display: none;}
.in-sort ul li.cut{background: #00008b;color: #FFFFFF;}
.in-sort ul li.cut:before{display: none;}
.in-sort ul li.cut:after{display: none;}

@media only screen and (max-width:1200px ) {
	.in-sort ul li{font-size: 15px;}
}

@media only screen and (max-width:1024px ) {
	.in-sort ul li{line-height: 1;padding: 15px 20px;}
}


.news{width: 100%;height: auto;}
.news .news-list{width: 100%;height: auto;overflow: hidden;}
.news .news-list li{width: calc(25% - 15px);float: left; margin-right: 20px;margin-bottom: 20px; border: 1px solid #DCDCDC;vertical-align: top;}
.news .news-list li:nth-child(4n){margin-right: 0;}
.news .news-list li .pic{width: 100%;height: auto;overflow: hidden;}
.news .news-list li .pic img{display: block;width: 100%;height: auto;transition: all 0.6s ease;}
.news .news-list li .con{width: 100%;height: auto;padding: 20px 5%;}
.news .news-list li .con h5{font-size: 20px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .news-list li .con .txt{margin-top: 20px; width: 100%;height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.news .news-list li .con .txt p{font-size: 16px;color: #333;}
.news .news-list li .con .time{font-size: 16px;font-family: arial;color: #FFA500;margin-top: 20px;}
.news .news-list li:hover .pic img{transform: scale(1.1);}
.news .news-list li:hover h5{color:#00008b;}

/*.pagination{font-family: arial;font-size: 0; width: 100%;height: auto;text-align: center;}
.pagination li{border: none; display: inline-block;padding: 3px  10px;margin:  0 3px;font-size: 16px;color: #333;}
.pagination li a{color: #333333;}
.pagination li:hover {background: #00008b;color: #FFFFFF;}
.pagination li:hover a{color: #FFFFFF;}
.pagination li.active {background: #00008b;color: #FFFFFF;}
.pagination li.active a{color: #FFFFFF;}*/


.fy{font-family: arial;font-size: 0; width: 100%;height: auto;text-align: center;}
.fy a{border: none; display: inline-block;padding: 3px  10px;margin:  0 3px;font-size: 16px;color: #333;}
.fy a:hover{background: #00008b;color: #FFFFFF;}
.fy a.cut {background: #00008b;color: #FFFFFF;}

	




	
@media only screen and (max-width:1200px ) {
.news .news-list li .con h5{font-size: 18px;}
.news .news-list li .con .txt{height: 44px;margin-top: 10px;}
.news .news-list li .con .txt p{font-size: 15px;}
.pagination li{font-size: 15px;}
.news .news-list li .con .time{font-size: 15px;}
}
@media only screen and (max-width:1024px ) {
.news .news-list li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px;}
.news .news-list li:nth-child(4n){margin-right: 15px;}
.news .news-list li:nth-child(3n){margin-right: 0;}
}
@media only screen and (max-width:720px ) {
.news .news-list li{width: calc(50% - 5px);margin-right: 10px;margin-right: 10px;}
.news .news-list li:nth-child(4n){margin-right: 10px;}
.news .news-list li:nth-child(3n){margin-right: 10px;}
.news .news-list li:nth-child(2n){margin-right: 0;}
.fy a{font-size: 14px;margin: 0 3px;}
}



.ser-sort{width: 100%;height: auto;}
.ser-sort ul{width: 100%;height: auto;font-size: 0;}
.ser-sort ul li{text-align: center; width: calc(33.3% - 30px);margin-right: 45px;height: auto;background: #FFFFFF;border: 2px solid #FFFFFF;padding: 35px;display: inline-block; vertical-align: top;}
.ser-sort ul li:nth-child(3){margin-right: 0;}
.ser-sort ul li .ico{width: 30%;max-width: 90px;margin: 0 auto;}
.ser-sort ul li .ico img{display: block;width: 100%;height: auto;}
.ser-sort ul li h5{font-size: 20px;color: #333;text-align: center;margin-top: 30px;margin-bottom: 20px;}
.ser-sort ul li .txt{width: 100%;min-height: 96px;}
.ser-sort ul li .txt p{font-size: 16px;color: #333;text-align: justify;}
.ser-sort ul li:hover{border: 2px solid #00008b;}
.ser-sort ul li.cut{border: 2px solid #00008b;}
.box-bk{width: 100%;height: auto;background: #f9f9f9;}
@media only screen and (max-width:1400px ) {
	.ser-sort ul li{width: calc(33.3% - 20px);margin-right: 30px;}
	.ser-sort ul li:nth-child(3){margin-right: 0;}
}
@media only screen and (max-width:1200px) {
	.ser-sort ul li{padding: 25px;}
	.ser-sort ul li h5{font-size: 18px;}
	.ser-sort ul li .txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
		.ser-sort ul li{width: calc(33.3% - 10px);margin-right: 15px;}
			.ser-sort ul li:nth-child(3){margin-right: 0;}
}
@media only screen and (max-width:850px ) {
	.ser-sort ul li{padding: 10px;width: calc(33.3% - 6px);margin-right: 9px;}
	.ser-sort ul li:nth-child(3){margin-right: 0;}
	.ser-sort ul li .txt{display: none;}
	.ser-sort ul li .ico{width: 40%;max-width: 45px;}
	.ser-sort ul li h5{font-size: 15px;margin-top: 10px;margin-bottom: 10px;}
}

.ser-list{width: 100%;height: auto;}
.ser-list .ser-list-c{width: 100%;height: auto;overflow: hidden;}
.ser-list .ser-list-c li{vertical-align: top;width: calc(25% - 15px);float: left;height: 450px;position: relative;  margin-right: 20px;margin-bottom: 20px;border: 3px solid #f9f9f9;border-bottom: none;}
.ser-list .ser-list-c li:nth-child(4n){margin-right: 0;}
.ser-list .ser-list-c li .pic{width: 100%;height:calc(100% - 60px);background-size: cover;background-repeat: no-repeat;background-position: center;}
.ser-list .ser-list-c li .con{ width: 100%;padding: 0 5%; height:auto;position: absolute;background: #00008b; bottom: 0;left: 0;text-align: center;transition: all 0.3s ease;
background: -webkit-gradient(linear,left top,right top,from(#00008b),to(#007be9));
    background: -webkit-linear-gradient(left,#00008b,#007be9);
    background: linear-gradient(90deg,#00008b,#007be9);
    background-image: -webkit-gradient(linear,left top,right top,from(#00008b),to(#007be9));
    background-image: -webkit-linear-gradient(left,#00008b,#007be9);
    background-image: linear-gradient(90deg,#00008b,#007be9);}
.ser-list .ser-list-c li .con h5{font-size: 20px;color: #FFFFFF;line-height:60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ser-list .ser-list-c li .mores{font-family: arial; transition: all 0.3s ease; display: none; margin-top: 20px; font-size: 16px;text-transform:uppercase;color: #FFFFFF;}
.ser-list .ser-list-c li .con .txt{transition: all 0.3s ease;margin-top: 20px; width: 100%;height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; word-break: break-all; display: none;}
.ser-list .ser-list-c li .con .txt p{color: #FFFFFF;font-size: 16px;}
.ser-list .ser-list-c li:hover{border: 3px solid #FFA500;border-bottom: none;}
.ser-list .ser-list-c li:hover .con .txt{display: inherit;}
.ser-list .ser-list-c li:hover .con h5{line-height: 24px;}
.ser-list .ser-list-c li:hover .con{padding: 25px 5%;background: #FFA500;}
.ser-list .ser-list-c li:hover .mores{display: inherit;}

@media only screen and (max-width:1400px ) {
.ser-list .ser-list-c li{height: 400px;}
.ser-list .ser-list-c li .pic{height: calc(100% - 70px);}
.ser-list .ser-list-c li .con h5{line-height: 70px;}	
}
@media only screen and (max-width:1200px ) {
	.ser-list .ser-list-c li{width: calc(25% - 12px);height: 350px; margin-right: 16px;}
	.ser-list .ser-list-c li:nth-child(4n){margin-right: 0;}
	.ser-list .ser-list-c li .con h5{font-size: 18px;line-height: 60px;}
	.ser-list .ser-list-c li .pic{height: calc(100% - 60px);}
	.ser-list .ser-list-c li .con .txt{width: 100%;height:44px;}
	.ser-list .ser-list-c li .con .txt p{font-size: 15px;}
	.ser-list .ser-list-c li .mores{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
		.ser-list .ser-list-c li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px; height: 350px;}
	.ser-list .ser-list-c li:nth-child(4n){margin-right: 15px;}
	.ser-list .ser-list-c li:nth-child(3n){margin-right: 0;}
}

@media only screen and (max-width:850px) {
		.ser-list .ser-list-c li{width: calc(50% - 5px);margin-right: 10px; height: 320px;}
		.ser-list .ser-list-c li:nth-child(4n){margin-right: 10px;}
		.ser-list .ser-list-c li:nth-child(3n){margin-right: 10px;}
		.ser-list .ser-list-c li .con h5{font-size: 18px;line-height: 50px;}
		.ser-list .ser-list-c li .pic{height: calc(100% - 50px);}
		.ser-list .ser-list-c li:nth-child(2n){margin-right: 0px;}
}
	
@media only screen and (max-width:480px ) {
		.ser-list .ser-list-c li{width: calc(50% - 2px);margin-right:4px; margin-bottom: 8px; height:230px;}
		.ser-list .ser-list-c li:nth-child(4n){margin-right: 4px;}
		.ser-list .ser-list-c li .con h5{font-size: 15px;line-height: 40px;}
		.ser-list .ser-list-c li .pic{height: calc(100% - 40px);}
		.ser-list .ser-list-c li:nth-child(3n){margin-right: 4px;}
		.ser-list .ser-list-c li:nth-child(2n){margin-right: 0px;}
		.ser-list .ser-list-c li .con  .txt{margin-top: 10px;}
		.ser-list .ser-list-c li .con .mores{margin-top: 10px;font-size: 14px;}
		.ser-list .ser-list-c li:hover .con{padding:15px 10px;}
}


.coop{width: 100%;height: auto;}
.coop ul{width: 100%;height: auto;}
.coop ul li{width: 100%;height: auto;position: relative; margin-top: 30px;padding-left: 45%;}
.coop ul li .pic{background-size: cover;position:absolute;left: 0;top: 0;width: 45%;height: 100%;  background-repeat:no-repeat;background-position: center; }
.coop ul li .con{width: 100%;padding:40px 5%; height: auto;background: #00008b;}
.coop ul li .con h2{font-size: 20px;color: #FFFFFF;} 
.coop ul li .con .line{display: block;margin-top: 30px;  width: 100%;height:1px;background: #FFFFFF;}
.coop ul li .con .cont{width: 100%;height: auto;margin-top: 30px;}
.coop ul li .con .cont .lit{color:#FFFFFF; width: 100%;padding-left: 50px;position: relative;margin-bottom: 30px;}
.coop ul li .con .cont .lit h4{font-size: 14px;font-weight: normal;}
.coop ul li .con .cont .lit h3{font-size: 20px;margin-top: 10px;}
.coop ul li .con .cont .lit:before{content: "";position: absolute;left: 0;top: 0;width: 35px;height: 35px;}
.coop ul li .con .cont .lit:nth-child(1):before{background: url(../img/a037.png)center no-repeat;background-size: cover;}
.coop ul li .con .cont .lit:nth-child(2):before{background: url(../img/a038.png)center no-repeat;background-size: cover;}
.coop ul li .con .cont .lit:nth-child(3):before{background: url(../img/a039.png)center no-repeat;background-size: cover;}
.coop ul li:nth-child(2n){padding-left: 0;padding-right: 45%;}
.coop ul li:nth-child(2n) .pic{position: absolute;right: 0;top: 0;left: auto;}
.coop ul li:nth-child(2n) .con{background: #FFA500;}

@media only screen and (max-width:1200px ) {
	.coop ul li .con{padding: 30px 5%;}
	.coop ul li .con h2{font-size: 18px;}
	.coop ul li .con .cont .lit{padding-left: 40px;}
	.coop ul li .con .cont .lit:before{width: 30px;height: 30px;}
	.coop ul li .con .cont .lit h3{font-size: 18px;}
}

	
@media only screen and (max-width:1024px ) {
	.coop ul li .con{padding: 30px 20px;background: rgba(0,104,182,0.9);}
	.coop ul li{padding-left: 0%;margin-top:15px;z-index: 1;}
	.coop ul li .con h2{font-size: 16px;}
	.coop ul li:nth-child(2n){padding-right: 0%;}
	.coop ul li:nth-child(2n) .con{background: rgba(248,182,44,0.9);}
		.coop ul li .con .cont .lit{padding-left: 30px;margin-bottom: 20px;}
	.coop ul li .con .cont .lit:before{width: 20px;height: 20px;}
	
	.coop ul li .pic{width: 100%;z-index: -1;}
	.coop ul li .con .cont .lit h3{font-size: 16px;}	
}




.contact{width: 100%;height: auto;position: relative;}
.contact #map{position: absolute;left: 0;top: 0; width: 50%;height: 100%;background: #00008b;}
.contact .contact-c{width: 100%;height: auto;padding-left: 55%;}
.contact .contact-c  li{margin-bottom: 25px; overflow: hidden;  width: 100%;height: auto;font-size: 0;}
.contact .contact-c  li .ico{width:60px;height: auto;display: inline-block;vertical-align: top;}
.contact .contact-c  li .ico img{display: block;width: 100%;height: auto;}
.contact .contact-c  li .con{display: inline-block;vertical-align: top;width: calc(100% - 60px);height: auto;padding-left: 20px;}
.contact .contact-c  li .con h5{font-size: 16px;margin-bottom: 10px;}

.contact .contact-c  li .con p{font-size: 16px;}

@media only screen and (max-width:1200px ) {
	.contact #map{width: 40%;}
	.contact .contact-c{padding-left: 45%;}
	.contact .contact-c  li .con h5{font-size: 15px;}
	.contact .contact-c  li .con p{font-size: 15px;}
}
@media only screen and (max-width:800px ) {
	.contact .contact-c {padding: 0;width: 100%;}
	.contact #map{width: 100%;position: static;height: 250px;}
}



.message{width: 100%;height: auto;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center;}
.message .title3 h5{color: #FFFFFF;}
.message .title3 h6{color:#FFFFFF;}
.message .w90{width: 90%;max-width: 900px;margin: 0 auto;}
.message form{width: 100%;display: block;height: auto;overflow: hidden;}
.message form .c1{width: calc(33.3% - 10px);font-size: 16px; margin-bottom:20px; margin-right: 15px;float: left;}
.message form .c1 p{font-size: 16px;color: #FFFFFF;margin-bottom: 10px;}
.message form .c1 input{font-size: 16px; padding-left: 20px; color: #FFFFFF; background: none;width: 100%; border: 1px solid #FFFFFF;line-height: 40px;}
.message form .c1:nth-child(3){margin-right: 0;}
.message form .c2{margin-right: 0;width: 100%;}

.message form .c2 textarea{padding-left: 20px;font-size: 16px;font-family: "微软雅黑"; background: none;color: #FFFFFF; width: 100%; border: 1px solid #FFFFFF;height: 100px;}
.message form .tj{width: 100%;text-align: center;color: #FFFFFF;font-size: 16px;background: #FFA500;border: none;line-height: 45px;}
.message form .tj:hover{background: #00008b;transition: all 0.3s ease;}

.message form .c1 input::-webkit-input-placeholder {color: #fff;font-size: 16px; font-family: "微软雅黑";}
.message form .c1 input::-moz-placeholder {color: #ffffff;font-size: 16px;  font-family: "微软雅黑";}
.message form .c1 input::-ms-input-placeholder {color: #ffffff;font-size: 16px;  font-family: "微软雅黑";}


.message form .c2 textarea::-webkit-input-placeholder {color: #fff;font-size: 16px; font-family: "微软雅黑";}
.message form .c2 textarea::-moz-placeholder {color: #ffffff;font-size: 16px;  font-family: "微软雅黑";}
.message form .c2 textarea::-ms-input-placeholder {color: #ffffff;font-size: 16px;  font-family: "微软雅黑";}




@media only screen and (max-width:1200px ) {
	.message form .c1 p{font-size: 15px;}
	.message form .tj{font-size: 15px;}
	
	
	.message form .c1 input::-webkit-input-placeholder {color: #fff;font-size: 15px; font-family: "微软雅黑";}
.message form .c1 input::-moz-placeholder {color: #ffffff;font-size: 15px;  font-family: "微软雅黑";}
.message form .c1 input::-ms-input-placeholder {color: #ffffff;font-size: 15px;  font-family: "微软雅黑";}


.message form .c2 textarea::-webkit-input-placeholder {color: #fff;font-size: 15px; font-family: "微软雅黑";}
.message form .c2 textarea::-moz-placeholder {color: #ffffff;font-size: 15px;  font-family: "微软雅黑";}
.message form .c2 textarea::-ms-input-placeholder {color: #ffffff;font-size: 15px;  font-family: "微软雅黑";}


}
@media only screen and (max-width:720px ) {
	.message form .c1{width: 100%;margin-bottom: 15px;}
	.message{background-attachment: inherit;}
}












.detail{width: 100%;height: auto;}
.detail-l{width: calc(100% - 450px);float: left;height: auto;background: #FFFFFF;padding: 50px;}
.detail-l .news-dt{width: 100%;height: auto;}
.detail-l .news-dt .time{padding-left:35px;position: relative;font-family: arial;font-weight: bold; font-size: 16px;color: #333;}
.detail-l .news-dt .time:before{content: "";position: absolute;left: 0;top: 0;width: 25px;height: 25px;background:url(../img/a043.png)center no-repeat; background-size: cover;}
.detail-l .news-dt  h5{ font-size: 24px;color: #333;width: 100%;margin: 30px 0 20px 0;}
.detail-l .service-dt  h5{width: calc(100% - 130px);float: left;  font-size: 24px;color: #000000;margin: 0px 0 20px 0;}
.detail-l .service-dt{width: 100%;height: auto;overflow: hidden;}
.detail-l .service-dt .returns{color: #00008b; float: right;display: block;width: 120px;line-height: 40px;text-align: center;font-size: 16px;border: 1px solid #00008b;}

.detail-l .news-dt .down{width: 100%;height: auto;font-size: 0;}
.detail-l .news-dt .down  span{margin-right: 30px;font-size: 16px; display:inline-block;font-size: 16px;color: #666666;}
.detail-l .news-dt .down .return{font-size: 16px;color: #666666;display: inline-block;}
.detail-l .news-dt .down .return:hover{color: #00008b;}

.detail-l .txt{margin-top: 30px; width: 100%;height: auto;padding: 30px 0;border-top: 1px dashed #666666;}
.detail-l .txt p img{display: block;width: 60% !important;margin: 0 auto; height: auto !important;}
.detail-l .txt p{font-size: 16px;color: #333;}
.detail-l .pn{border-top: 1px dashed #666666;width: 100%;padding-top: 30px;margin-top: 30px;}
.detail-l .pn a{width: 100%;height: auto;display: block;margin-bottom: 10px;font-size: 16px;color: #333;}
.detail-l .pn a:hover{color: #00008b;}
.detail-r{width: 400px;height: auto;float: right;margin-left: 50px;}
.detail-r .coop{width: 100%;height: auto;padding: 50px;background: #FFFFFF;}
.detail-r  h1{color: #333;font-size: 24px;line-height: 1;}
.detail-r .coop .pic{width: 100%;height: auto;margin-top: 30px;overflow: hidden;}
.detail-r .coop .pic img{display: block;width: 100%;height: auto;}
.detail-r .coop .txt{width: 100%;height: auto;margin-top: 20px;}
.detail-r .coop .txt p{font-size: 16px;color: #333;}
.detail-r .coop .cont-link{width: 100%;color: #FFFFFF;display: block;margin-top: 30px;line-height: 45px;background: #00008b;text-align: center;
background: -webkit-gradient(linear,left top,right top,from(#00008b),to(#007be9));
    background: -webkit-linear-gradient(left,#00008b,#007be9);
    background: linear-gradient(90deg,#00008b,#007be9);
    background-image: -webkit-gradient(linear,left top,right top,from(#00008b),to(#007be9));
    background-image: -webkit-linear-gradient(left,#00008b,#007be9);
    background-image: linear-gradient(90deg,#00008b,#007be9);}
.detail-r .coop .cont-link:hover{box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}

.detail-r  .infor{background: #FFFFFF; width: 100%;height: auto;padding: 50px;margin-top: 50px;}
.detail-r  .infor .pic{width: 100%;height: auto;margin-top: 30px;}
.detail-r .infor .pic img{display: block;width: 100%;height: auto;}
.detail-r .infor .infor-list{width: 100%;height: auto;}
.detail-r .infor .infor-list li{width: 100%;height: auto;border-bottom: 1px dashed #666666;padding:20px 0 15px 0;}
.detail-r .infor .infor-list li h5{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.detail-r .infor .infor-list li .time{font-size: 14px;margin-top: 10px;color: #666666;font-family: arial;display: block;}

@media only screen and (max-width:1400px) {
	.detail-l{width: calc(100% - 440px);padding: 40px;}
	.detail-l .news-dt h5{font-size: 20px;}
	.detail-l .service-dt h5{font-size: 20px;}
	.detail-r .coop{padding: 40px;}
	.detail-r .infor{padding: 40px;margin-top: 40px;}
	.detail-r{margin-left: 40px;}
	.detail-r  h1{font-size: 20px;}
}

@media only screen and (max-width:1200px) {
	.detail-l .news-dt .time{font-size: 15px;}
.detail-l .news-dt h5{font-size: 18px;}
.detail-l .service-dt h5{font-size: 18px;}
.detail-l .news-dt .down  span{font-size: 15px;}
.detail-l .pn a{font-size: 15px;}
.detail-l .txt p{font-size: 15px;}
.detail-l{width: calc(100% - 330px);padding:30px;}
.detail-r{width: 300px;margin-left: 30px;}
.detail-r .coop{padding:30px;}
.detail-r .infor{padding:30px;margin-top: 30px;}

}
@media only screen and (max-width:1024px ) {
.detail-l{width: calc(100% - 265px);padding:25px;}
.detail-r{width: 240px;margin-left: 25px;}
.detail-r .coop{padding:25px;}
.detail-r .infor{padding:25px;margin-top: 25px;}
.detail-l .txt p img{display: block;width: 100% !important;height: auto !important;}
}

@media only screen and (max-width:850px) {
	.detail-l{width: 100%;height: auto;}
	.detail-r{overflow: hidden; width: 100%;margin-top: 30px;}
	.detail-r .coop{width: calc(50% - 15px);margin-right: 15px;float: left;}
	.detail-r .infor{width: calc(50% - 15px);float: left;margin-top: 0;}
}

@media only screen and (max-width:720px ) {
	.detail-l{width: 100%;padding: 20px;}
	.detail-r .coop{width: 100%;height: auto;padding: 20px;}
		.detail-r .infor{display: none;}
				.detail-l .service-dt h5{float: none;width: 100%;}
		.detail-l .service-dt .returns{width: 90px;line-height: 35px;font-size: 15px; float: none;}

}