body{ background-color:#fff;}

@font-face {
	font-family: 'DINCOROS-Regular-2';
	src: url('../font/DINCOROS-Regular-2.ttf');
}

.header{ position:relative; z-index:999; background-color: #036eb8;}
.header.on{ position: fixed; width: 100%; left: 0; top: 0;}
.loarea{ height:70px; position:relative; z-index:3;}
.loarea .wrap{ width: 96%; margin: 0 auto;}
.logo{ width:500px; display:block; padding-top:15px;}
.logo .tp{ height:40px; width:auto;}
.logo .signer{ font-size: 20px; display: inline-block; color: #fff; padding-left: 30px; margin-left: 32px; position: relative;}
.logo .signer::after{ content: ""; display: block; width: 1px; height: 50px; background: #4c98cd; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }



.nav{ position:relative; z-index:5;}
.navul{ font-size:0;}
.navul li{ display:inline-block; font-size:14px;position:relative;}
.navul li>a{  padding:0 20px; color: #fff; font-size: 16px; text-align:center; display:inline-block; line-height:70px; height:70px; position: relative;}
.navul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#fff ; position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.navul li:hover>a,.act_nav{color:#fff !important;}
.navul li:hover>a::after,.act_nav::after{  width: 1.5em !important;}



.subnav{ position:absolute; left:50%; top:50px; padding-top: 20px; margin-left: -76px;  width:auto; white-space: nowrap; display: none;}
.subnav .nr{padding: 30px 0;}
.subnav .nr a{  padding: 6px 26px; position: relative; width: 100px;  font-size:15px; display:block;  color:#ddd; text-align:center; }
.subnav .nr a:hover{ color: #fff !important; } 
.bgline{ width: 100%; height: 320px; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 70px; display: none;}



.menubtn{ position:absolute; width:24px; height:24px;top:14px; right:10px; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#fff; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

.inav{ width:400px; max-width: 60%; height: 100%; background-color:#1c1c1c; position:fixed;  z-index:3; top:0px; left:-100%;  z-index:99; overflow-y: scroll;}
.navlogo{ padding: 30px;}
.navlogo .tp{ max-width: 66%;}
.inav ul{ margin: 0 30px;}
.inavul li{border-bottom:1px solid #363636;}
.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}
.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px; }
.act_inav{ border-color: #036eb8 !important; color:#036eb8 !important;}
.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.inavul .nr{ display: none; padding:10px 0 10px 10px;}
.inavul .nr a{display:inline-block; text-align:left; padding: 2px; margin-right: 10px;  font-size:13px; color:#ddd;}


.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;}
.banner .swiper-pagination{ bottom:24px !important;}
.banner .swiper-pagination-bullet{width:10px;height:10px;padding: 0;background-color:#fff; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 10px !important;}
.banner .swiper-pagination-bullet-active{background-color:#036eb8;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}


.h_tit{ padding: 60px 0;}
.h_tit .p1{ font-size: 36px;}
.h_tit .p2{ font-size: 60px; color: #036eb8;}
.h_leader{ padding: 30px 0 60px;}
.h_leader .intro .nr{ font-size: 20px;  line-height: 2; text-align: center;}
.hleaderul{}
.hleaderul li{ width: 20%; margin-bottom: 30px; text-align: center; float: left;}
.hleaderul .tparea{ width: 200px; height: 200px; margin: 0 auto; text-align: center; line-height: 200px; font-size: 50px; color: #036eb8; font-weight: bold; position: relative; }
.hleaderul .tparea::after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../image/circle.png) center center/100% 100% no-repeat; animation: whirl 5s linear infinite; -webkit-animation: whirl 5s linear infinite; }.hleaderul .tit{ margin-top: 15px; font-size: 20px; line-height: 1.4; }

.h_ad{  color: #fff; padding: 150px 0; line-height: 1.4;}
.h_ad .p1{ font-size:60px;font-weight: bold; text-shadow: #333 0.02em 0.02em 0.02em}
.h_ad .p2{ font-size: 22px; margin-top:40px; letter-spacing: 4px;}

.h_tit2{ padding: 60px 0;}
.h_tit2 .tit{ font-size: 48px;}
.h_tit2 .line{font-size: 48px; width: 1.2em; height: 5px; background-color: #036eb8; display: block; margin:10px auto 0;}
.h_tit2_w .tit{ color: #fff;}
.h_tit2_w .line{ background-color: #fff;}
.h_server{ padding: 20px 0 50px;}
.h_server .wp{ overflow: hidden;}
.hserverul{ margin-right: -3%;}
.hserverul li{ width: 22%; margin:  0 3% 3% 0; overflow: hidden; float: left;     border-radius: 0;}
.hserverItem{}
.hserverItem a{ display: block; background-color: rgba(241, 241, 241, 1); text-align: center; padding: 60px 10% 30px;}
.hserverItem .tparea{}

.hserverItem .tparea .tp{ width: 90px; height: 90px;}
.hserverItem .tparea .tp1{}
.hserverItem .tparea .tp2{ display: none;}
.hserverItem .des{ margin-top: 10px; }
.hserverItem .des .tit{ font-size: 24px;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.hserverItem .des .nr{ font-size: 16px; color: #666; line-height: 2; height: 96px; overflow: hidden; margin-top: 10px;}
.hserverItem a:hover{ background: url(../image/h_serbgpx.png) repeat;}
.hserverItem a:hover .des .tit{ color: #fff;}
.hserverItem a:hover .des .nr{ color: #fff;}
.hserverItem a:hover .tparea{}
.hserverItem a:hover .tparea .tp1{ display: none;}
.hserverItem a:hover .tparea .tp2{ display: inline-block;}

.h_case{ padding: 20px 0 100px;}
.h_case .wp{ overflow: hidden;}
.hcul{ margin-right: -1%;}
.hcul li{ width: 32.33%; overflow: hidden; float: left; margin: 0 1% 1% 0;     border-radius: 0;}
 .hcItem{}
.hcItem a{ display: block; position: relative;}
.hcItem .tparea{ font-size: 0; overflow: hidden; position: relative;}
.hcItem .tparea .tp{ width: 100%;}


.hcItem .shade{ position: absolute; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center;}
.hcItem .shade .box{ padding: 0 10%; min-width: 0;}
.hcItem .shade .tit{ font-size: 36px; font-weight: bold;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.hcItem .shade .subtit{ font-size: 20px;}
.hcItem .shade .subtit span{ display: inline-block; position: relative;}
.hcItem .shade .subtit span::before,.hcItem .shade .subtit span::after{ content: ""; display: block; font-size: 20px; width: 1.5em; height: 1px; background-color: #b3b3b3; position: absolute; top: 50%; margin-top: -0.5px;}
.hcItem .shade .subtit span::after{ left: -2em;} 
.hcItem .shade .subtit span::before{right: -2em;}
.hcItem .shade .mandiv{ margin-top: 30px; overflow: hidden; display: none; }
.hcItem .shade .mandiv .iconfont{ display: inline-block; width: 46px; height: 46px; text-align: center; line-height: 46px; font-size: 24px; border: 2px solid #b3b3b3; color: #b3b3b3;}
.hcItem .shade .tags{ margin-top: 30px; font-size: 20px;  display: none;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis}
.hcItem a:hover .tparea .tp{ filter: blur(5px); -webkit-filter: blur(5px); }
.hcItem a:hover .shade{ background-color: rgba(0, 0, 0, 0.6);}
.hcItem a:hover .mandiv{  display: block;}
.hcItem a:hover .tags{ display: block;}
.hcItem .shade .mandiv .iconfont:hover{ color: #fff; border-color: #fff;}
.h_case .mandiv2 .sbtn{ font-size: 16px; padding: 4px 34px;}

.h_new{ padding: 20px 0 80px; overflow-x: hidden;}
.hnTab{ position: relative; }
.hn_tit{}
.hn_tit span{ padding: 6px 30px; font-size: 16px; display: inline-block; cursor: pointer;}
.act_hn{ background-color: #036eb8 !important; color: #fff !important;}
.hn_con{height: 385px;}
.hnbox{ display: none;}
.hnItem{  overflow: hidden;     border-radius: 0;}
.hnItem a{ display: block;}
.hnItem .tparea{ height: 200px;}
.hnItem .des{ padding:15px 20px; }
.hnItem .des .tit{ font-size: 20px;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.hnItem .des .nr{ font-size: 16px; margin-top: 15px; color: #999; line-height: 2; height: 64px; overflow: hidden; }
.hnItem .des .info{ font-size: 16px;  margin-top: 20px; color: #999;}
.morea{ color: #999;}
.morea:hover{ color: #036eb8;}
.hnItem:hover{ box-shadow: 0 0 10px 0 #e7e7e7;}
.hnSlide{ overflow: visible !important;}
.hnSlide::after,.hnSlide::before{ width: 40%; height: 100%; background-color: rgba(255, 255, 255, .8); position: absolute; content: ""; display: block; bottom: 0; z-index: 99;}
.hnSlide::after{ right: -40%; }
.hnSlide::before{ left: -40%;}
.hnSwiperArrow{ position: absolute; right: 0; top: 0; width: 320px;}
.hnSwiperArrow .swiper-button-prev{ left:auto; right: 0%;}
.hnSwiperArrow .swiper-button-next{ right:50%;} 
.hnSwiperArrow .swiper-button-prev::after,.hnSwiperArrow .swiper-button-next::after{ display: none;}

.hnSwiperArrow .swiper-button-prev,.hnSwiperArrow .swiper-button-next{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width:120px; height:38px; line-height: 20px; top:0%; margin-top:0px; color: #999; border: 1px solid #999; -webkit-filter:alpha(opacity=100); border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.hnSwiperArrow .swiper-button-prev .iconfont,.hnSwiperArrow .swiper-button-next .iconfont{ font-size: 30px; }
.hnSwiperArrow .swiper-button-prev:hover,.hnSwiperArrow .swiper-button-next:hover{ color: #036eb8; border-color: #036eb8;}

.h_mess{ padding: 20px 0 70px; position: relative;z-index: 10;}
.hmessForm{ width: 830px; max-width: 100%; margin: 0px auto 0; }
.hmessForm .item{ display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; background-color: #fff; padding: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #DDDDDD; }
.hmessForm .item .attrmc{ width:70px; padding-left: 10px;  line-height: 40px; margin-right: 10px; display: inline-block;}
.hmessForm .item .attrval{ -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1;}
.hmessForm .text{ display: block; width: 100%; padding-left: 0px; border: 0px solid #D3D3D3; height: 40px; line-height: 40px; font-size: 16px; background-color: #fff; }
.hmessForm .select{display: block; width: 100%; border: 0px solid #C6C6C6; height: 40px; line-height: 40px; font-size: 16px; background-color: #fff;}
.NeedsType{ position: relative;}
.NeedsTypeval{ display: block; width: 100%; padding-left: 0px; border: 0px solid #D3D3D3; height: 40px; line-height: 40px; font-size: 16px; position: relative; z-index: 10; cursor:default;}
.NeedsType .needstypeArr{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 0; top:0 ; color: #036eb8; font-size: 28px; cursor: pointer;  }
.NeedsTypeLay{ z-index: 999; display: none; width: 180px; border: 1px solid #036eb8; border-radius: 10px; overflow: hidden; position:absolute; right: 0; top: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background-color: #fff; text-align: center; }
.NeedsTypeLay a{ display: block; padding: 4px 10px; font-size: 16px;}
.NeedsTypeLay a:hover,.act_needsType{ color: #fff !important; background-color: #036eb8 !important;}


.hmessForm .textarea{ display: block; width: 100%; padding:10px 0px; border: 0px solid #D3D3D3; height: 100px;  font-size: 16px; background-color: #fff; }
.formSubmit .sbtn{ padding: 10px 100px; font-size: 20px; background-color: #fff; }
.formSubmit .sbtn:hover{ background-color: #036eb8;}
.act_hmess{ border-color: #036EB8 !important;}

.footer{ background-color: #036eb8; padding-top: 80px;}
.f_t{ position: relative;}
.f_t::before{ content: ""; display: block; position: absolute; left: 0; top: 10px; width: 10%; height: 60px; background-color: #FCD500;}
.f_b{ border-top: 1px solid rgba(255, 255, 255, .3); color: #b9cde2; padding: 20px 0;}
.ftItem{ padding: 18px 0; border-bottom: 1px solid rgba(255, 255, 255, .3); }
.ftItem:nth-child(2){ border: none;}
.ftItem1{ width: 500px;}
.ft_tit{ font-size: 28px; font-weight: bold; color: #fff;}
.ft_tit .city{ font-weight: normal; font-size: 20px; margin-left: 30px;}
.ft_tit .city::before{ font-size: 24px; margin-right: 6px; display: inline-block ; line-height: 1; vertical-align: middle;}
.ftItem1a .nr{ margin-top: 10px; font-size: 24px; line-height: 1.8; font-weight: bold; color: #fff;}
.ftItem1b .nr{ margin-top: 15px; font-size: 16px; line-height: 2.1;  color: #fff;}
.ftcode{ width: 110px; text-align: center; float: right;}
.ftcode .tp{ width: 110px; height: 110px;}
.ftcode .tit{ font-size: 20px; margin-top: 10px; color: #fff;}

.i_main{  min-height:400px;}
.i_ban{ font-size: 0; position: relative; overflow: hidden; }
.i_ban .tp{ width: 100%;}

.i_tit1{ font-size: 50px; line-height: 1.8; font-weight: bold; color: #036eb8;}
.i_tit2{ font-size: 48px; font-weight: bold;}
.caseDel{ padding: 100px 0;}
.caseDel .item1{ padding: 30px 0;}
.caseDel .item1 .i_tit2{}
.caseDel .item1 .nr{ margin-top: 20px; font-size: 24px; line-height: 2.2;}
.caseDel .item2{}
.caseDel .item2 .tp{ display: block; margin: 0 auto;}


.banIntro{ width: 100%;color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.banIntro .tit{ font-size: 48px; }
.banIntro .line{ font-size: 48px; width: 1em; height: 4px; background-color: #fff; margin-top: 10px;}
.banIntro .subtit{ font-size: 28px;  margin-top: 30px;}
.case{ background-color: #ffffff; padding: 30px 0 100px; }
.industrySort{}

.insort1{
	text-align: center;
}
.insort1 a{
	display: inline-block;
	width: 16%;
	margin: 0px 2%;
	
	padding: 16px 0;
	margin-bottom: 18px;
	background: #0070c0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
border-radius: 0px;
}


.insort2{}
.insort2ul{ font-size: 0; text-align: center; padding-bottom: 60px;}
.insort2ul li{ width: 130px; display: inline-block; margin: 0 18px 36px; text-align: center; }
.insort2ul .box{ width: 130px; height: 130px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: block; position: relative;}
.insort2ul .box::after{  content: ""; display: block; width: 100%; height: 100%; left: 0; top: 0; background: url(404.png) center center/100% 100% no-repeat; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; position: absolute;display: none; }
.insort2ul .box .tp{ width: 130px; height: 130px; padding-top: 0px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.insort2ul .box:hover .tp{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }


.turnpage{font-size:0; margin:0 auto; }
.turnpage a,.turnpage span{ display:inline-block; padding:5px 13px; font-size:16px; margin:0 10px; color:#666; border:1px solid #ddd; border-radius: 4px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.turnpage .point{ padding: 5px 30px;}
.turnpage a:hover,.current,.turnpage .point1{ color:#fff !important; background-color:#036eb8 !important; border-color: #036eb8 !important; }


.server{}
.server .item{ position: relative;  }
.server .item>a{ display: block; cursor: pointer; }
.server .item .intro{padding: 150px 0; width: 50%; background-color: rgba(0, 0, 0, 0.37); }
.server .item:nth-child(2n) .intro{ float: right;}
.server .item .intro .box{ padding: 0 12%;}
.s_tit{ color: #fff;}
.s_tit .tit{ text-transform: uppercase; font-size: 42px;}
.s_tit .subtit{ font-size: 60px; font-weight: bold;}
.server .intro .nr{ font-size: 24px; color: #fff; line-height: 2; margin-top: 50px;}
.server .intro .tags{ margin-top: 30px;}
.server .intro .tags .tag{ display: inline-block; padding-left: 40px; margin-bottom: 15px; position: relative; font-size: 24px; min-width: 200px; color: #fff;}
.server .intro .tags .tag::before{ content: ""; display: block; width: 12px; height: 12px; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -6px; }
.server .intro .mandiv{ margin-top: 40px;}
.server .intro .mandiv .sbtn{ font-size: 24px; padding: 20px 66px; cursor: pointer;}


.news{ padding: 100px 0;}
.newsul{ padding-bottom: 60px;}
.newsul li{ width: 31.33%; float: left; margin:0 3% 3% 0 ;}
.newsul li:nth-child(3n){ margin-right: 0;}
.newsItem{}
.newsItem a{ display: block;}
.newsItem .tparea{ font-size: 0; overflow: hidden;}
.newsItem .tparea .tp{ width: 100%;}
.newsItem .des{ padding: 15px 25px 0; border: 1px solid #ddd; border-width: 0 1px 1px; }
.newsItem .des .tit{ font-size: 24px;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-family: "黑体";}
.newsItem .des .nr{ font-size: 16px; color: #666; line-height: 1.8; height: 57.6px; overflow: hidden; margin-top: 5px;}
.newsItem .des .info{ margin-top: 15px; padding: 15px 0; color: #999; border-top: 1px  solid #F1F1F1;}
.newsItem .des .info .time{ font-size: 16px;}
.newsItem .des .info .time::before{ font-size: 18px; margin-right: 5px;}
.newsItem .des .info .morea{font-size: 16px; cursor: pointer; float: right;}
.newsItem .des .info .morea .val{}
.newsItem .des .info .morea .iconfont{ font-size: 14px;margin-left: 5px; width: 16px; height: 16px; border: 1px solid #999 ; text-align: center; line-height: 16px; }
.newsItem .des .info .morea:hover{ color: #036eb8;}
.newsItem .des .info .morea:hover .iconfont{ border-color: #036eb8;}
.newsItem a:hover .des{box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.07);}
.newsItem a:hover .des .tit{ color: #036eb8;}
.newsItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.newDel{ padding: 30px 0 60px;}
.artHeader{ padding: 30px 0; text-align: center; border-bottom: 0px solid #ccc;}
.artHeader .tit{ font-size: 36px;  font-weight: bold; color: #036eb8;  line-height: 1.4; }
.artHeader .pub{ margin-top: 30px; font-size: 16px; }
.artBody{ padding: 0px 0 70px; border-bottom: 0px solid #BFBFBF;}
.artBody .wz{ line-height: 1.8;  font-size: 16px; line-height: 2;}
.artBody .tp{ display: block; margin: 0 auto;}
.artPage{ padding: 15px 0; color: #666;}
.artPage .list{ padding: 10px 0;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.artPage .mc{}
.artPage a{color: #666;}
.artPage a:hover{color: #00458f;}


.i_ban2{ font-size: 0;}
.i_ban2 .tp{ width: 100%;}

.idea{ padding-bottom: 80px; background-color: #F1F9FF;}
.ideaul{ padding-bottom: 20px;}
.ideaul li{ width: 48%; float: left; margin: 0 4% 4% 0;}
.ideaul li:nth-child(2n){ margin-right: 0;}
.ideaItem a{ display: block; background-color: #fff; padding: 20px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;  -webkit-justify-content: space-between;  -moz-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;}
.ideaItem .tparea{ font-size: 0; background-color: #036eb8; overflow: hidden; width: 280px; margin-right: 30px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.ideaItem .tparea .tit{ font-size: 30px; line-height: 1.4; padding: 0 20px; color: #fff;}
.ideaItem .des{ padding: 15px 0; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1;  min-width: 0; }
.ideaItem .des .tit{ font-size: 24px; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; transition:font-size .3s ; -webkit-transition:font-size .3s ; -moz-transition:font-size .3s ; -ms-transition:font-size .3s ; -o-transition:font-size .3s ; }
.ideaItem .des .nr{ font-size: 16px; color: #666; line-height: 2; height: 64px; overflow: hidden; margin-top: 30px;}
.ideaItem .des .time{ font-size: 16px;margin-top: 30px; color: #999;}
.ideaItem .des .time::before{ font-size: 18px; margin-right: 5px;}
.ideaItem a:hover{box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.11);}
.ideaItem a:hover .des .tit{ color: #036eb8;}
.ideaItem a:hover .tparea .tit{ transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); }
.idea .mandiv .sbtn{ font-size: 16px; padding: 5px 34px;}

.observe{ padding-bottom: 80px;}
.observe .wp{ overflow: hidden;}
.observeul{ padding-bottom: 0px; margin-right: -3%;}
.observeul li{ width: 22%; float: left; margin: 0 3% 3% 0;}
.observeItem a{ display: block; }
.observeItem .tparea{ font-size: 0; overflow: hidden; position: relative;}
.observeItem .tparea .shade{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6) ; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.observeItem .tparea .shade .box{ min-width: 0; padding: 0 20px;}
.observeItem .tparea .shade .tit{ font-size: 20px; color: #fff;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.observeItem .tparea .tp{ width: 100%;}
.observeItem .des{ padding: 20px 0; }
.observeItem .des .tit{ font-size: 18px; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-weight: bold; }
.observeItem a:hover .tparea .shade{ opacity: 1;}
.observeItem a:hover .des .tit{ color: #036eb8;}
.observeItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.observe .mandiv .sbtn{ font-size: 16px; padding: 5px 34px;}


.comProfile{ padding-bottom: 80px;}
.comProfile .nr{ margin: 20px 5%; min-height: 300px;}
.comProfile .nr .wz{ font-size: 20px; line-height: 2.2;}
.superCourse .mandiv .sbtn{font-size: 16px; padding: 5px 34px;}
.superCourseItem{}
.superCourseItem a{ font-size: 0; display: block;}
.superCourseItem a .tparea{ font-size: 0; overflow: hidden;}
.superCourseItem a .tparea .tp{width: 100%; }
.superCourseItem a:hover .tparea .tp { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.superCourse .hnSlide{ overflow: hidden !important;}
.resource { position: relative; background-color: #10172f;}
.resource .wrap{ margin-top: -140px;}
.resource .h_tit2{ position: relative; z-index: 10;}

.comWisdom{ padding: 20px 0 60px;}
.comWisdom .wp{ overflow: hidden;}
.comWisdomul{ margin-right: -3%;}
.comWisdomul li{ float: left; width: 30.33%; margin: 0 3% 3% 0; }
.comWishomItem{ position: relative;}
.comWishomItem .tparea{ font-size: 0; overflow: hidden;}
.comWishomItem .tparea .tp{ width: 100%;}
.comWishomItem .shade{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.07); display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.comWishomItem .shade .box{ text-align: center; padding: 0 20px; min-width: 0;}
.comWishomItem .shade .tit{ font-size: 36px; padding-bottom: 15px; position: relative; color: #fff;}
.comWishomItem .shade .tit::after{ font-size: 36px; content: ""; display: block; width: 0; height: 4px; background-color: #fff; position: absolute; left: 50%; bottom: 0; transition: .3s; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.comWishomItem:hover .shade{background-color: rgba(0, 0, 0, 0.4);}
.comWishomItem:hover .shade .tit::after{ width: 2em;}

.comNews{ background-color: #F7FCFF; padding: 20px 0 100px;}
.comNews .wp{ overflow: hidden;}
.comNewsul{ padding-bottom: 20px; margin-right: -3%;}
.comNewsul li{ width: 22%; float: left; margin: 0 3% 3% 0;}
.comNewsul a{ display: block;}
.comNewsul .tparea{ font-size: 0; overflow: hidden;}
.comNewsul .tparea .tp{ width: 100%;}
.comNewsul .des{ padding: 20px 0; }
.comNewsul .des .tit{ font-size: 20px; font-weight: bold; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.comNewsul .des .nr{ font-size: 16px; color: #666; line-height: 2; height: 96px; overflow: hidden; margin-top: 10px;}
.comNewsul a:hover .des .tit{ color: #036eb8;}
.comNewsul a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }


.bigimg{ width: 100%; margin: 0 auto;}
.serAdvan{ padding: 20px 0 60px;}
.serAdvan .wrap{ position: relative;}
.serAdvan .wrap .ship{ width: 360px; max-width: 30%; position: absolute; left: 50%; top: 50%; transform: translate(-52%,-50%); -webkit-transform: translate(-52%,-50%); -moz-transform: translate(-52%,-50%); -ms-transform: translate(-52%,-50%); -o-transform: translate(-52%,-50%); }

.serCoo{ background-color: #f1f1f1; padding-bottom: 100px; }
.serCoo .wp{ overflow: hidden;}
.serCooul{ margin-right: -1.5%; padding-bottom: 70px;}
.serCooul li{ width: 18.5%; float: left; margin: 0 1.5% 1.5% 0;}
.cooItem{}
.cooItem a{ display: block; border: 1px solid #ddd; background-color: #fff; display: block; font-size: 0;}
.cooItem .tparea{ overflow: hidden;}
.cooItem .tparea .tp{ width: 100%;}
.cooItem .tparea:hover .tp{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }
.morediv .sbtn{font-size: 16px; padding: 5px 34px;}

.hon{  padding: 20px 0 100px;}
.hon .wp{ overflow: hidden;}
.honul{ padding-bottom: 20px; margin-right: -3%;}
.honul li{ width: 22%; float: left; margin: 0 3% 2% 0;}
.honul a{ display: block;}
.honul .tparea{ font-size: 0; overflow: hidden; border: 1px solid #ddd;}
.honul .tparea .tp{ width: 100%;}
.honul .des{ padding: 20px 0; }
.honul .des .tit{ font-size: 20px; font-weight: bold; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.honul .des .nr{ font-size: 16px; color: #666; line-height: 2; height: 64px; overflow: hidden; margin-top: 10px;}
.honul a:hover .des .tit{ color: #036eb8;}
.honul a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.cul{ padding: 20px 0 80px; background-color: #036eb8; color: #fff;}
.i_tit4{ position: relative; padding: 40px 0;}
.i_tit4 .mc{font-size: 48px; position: relative;z-index: 10; display: inline-block;  padding:0 30px 15px; background-color: #036eb8;}
.i_tit4 .mc::after{ content: ""; display: block; position: absolute; left: 50%; bottom: 0; margin-left: -0.6em; font-size: 48px; width: 1.2em; height: 5px; background-color: #fff; }
.i_tit4::before{ content: ""; display: block; position: absolute; left:0; top: 50%; margin-top: -0.5px; width: 100%; height: 1px; background-color: #348ac6; }
.culul{ margin-top: 30px;}
.culul li{ width: 33.33%;  float: left; text-align: center;  }
.culul li:nth-child(2){-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #4f9acd; border-width: 0 1px;}

.culul .tp{ height: 52px;}
.culul .tit{ font-size: 30px; margin-top: 60px; line-height: 1.4; font-weight: bold;}
.culul .p1{ font-size: 18px; color: #9ac5e3;}

.his{ padding: 100px 0; background-color: #F7FBFF; position: relative; overflow-x: hidden;}
.his .wrap{ position: relative; font-size: 0; margin: 0  100px;}
.his::after{ content: ""; display: block; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; top: 50%; }
.hisItem{ position:relative; z-index: 10; width: 170px; height: 300px; display: inline-block; border-left: 1px solid #ddd;}
.hisItem::after,.hisItem::before{ content: ""; display: block; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.hisItem::after{ width: 18px; height: 18px; background-color: #ddd; left: -9px; }
.hisItem::before{ width: 20px; height: 20px; background-color: #fff; border: 3px solid #036eb8; left: -13px; }

.hisItem .des{ padding: 20px;width:150% ; -moz-box-sizing: border-box; box-sizing: border-box;}
.hisItem .des .tit{ font-size: 24px; font-weight: bold;}
.hisItem .des .nr{ margin-top: 10px; font-size: 16px; color: #666;}

.hisSlide{ padding: 180px 0!important; overflow: visible !important;}
.hisSlide .swiper-slide{}
.hisSlide .chuan{ position: absolute;  opacity: 0; width: 170px; margin-left: -85px;}
.hisSlide .swiper-slide:nth-child(2n) .hisItem .des{ position: absolute; bottom: 40px;}
.hisSlide .swiper-slide:nth-child(2n) .hisItem{ top: 152px;}
.hisSlide .swiper-slide:nth-child(2n) .hisItem::before{top: -13px;}
.hisSlide .swiper-slide:nth-child(2n) .hisItem::after{bottom: -9px;}
.hisSlide .swiper-slide:nth-child(2n) .chuan{ top: 15px; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.hisSlide .swiper-slide:nth-child(2n+1) .hisItem{top: -152px;}
.hisSlide .swiper-slide:nth-child(2n+1) .hisItem::before{bottom: -13px;}
.hisSlide .swiper-slide:nth-child(2n+1) .hisItem::after{top: -9px;}
.hisSlide .swiper-slide:nth-child(2n+1) .chuan{ bottom: -15px; }

.hisSlide .swiper-button-prev{ left:50%;  margin-left: -80px;}
.hisSlide .swiper-button-next{ right:50%; margin-right: -80px;} 
.hisSlide .swiper-button-prev::after,.hisSlide .swiper-button-next::after{ display: none;}
.hisSlide .swiper-button-prev,.hisSlide .swiper-button-next{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width:70px; height:40px; line-height: 40px; top:auto; bottom: -50px; margin-top:0px; color: #999; border: 1px solid #999; -webkit-filter:alpha(opacity=100); }
.hisSlide .swiper-button-prev .iconfont,.hisSlide .swiper-button-next .iconfont{ font-size: 30px; }
.hisSlide .swiper-button-prev:hover,.hisSlide .swiper-button-next:hover{ color: #036eb8; border-color: #036eb8;}

.hisSlide .swiper-slide-active .chuan{ opacity: 1;}
.hisSlide .swiper-slide-active .hisItem .des .tit,.hisSlide .swiper-slide-active .hisItem .des .nr{ color: #036eb8 !important;}
.hisSlide .swiper-slide-active .hisItem::after{ background-color: #036eb8 !important;}


.join{ padding: 20px  0 100px;}
.jintro{ margin: 0 50px; font-size: 16px; line-height: 2;}
.jintro .blue{ display: inline-block;}

.joinSlide{}
.joinSlide .item{ border-bottom: 1px solid #ddd;}
.j_tit{ display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.j_tit .list{ width: 33.33%; text-align: center;}
.j_tit .list:nth-child(1){ text-align: left; padding-left: 60px;}
.j_tit1{ font-size: 30px; font-weight: bold; background-color: #036eb8; color: #fff; padding: 15px 0px;}
.j_tit2{ font-size: 20px;padding: 20px 0px; background-color: #fff;}
.j_tit2 .list:nth-child(1){ font-weight: bold; color: #036eb8;}
.act_seeBtn{ color: #036eb8 !important;}
.joinSlide .intro{ background-color: #F1F1F1; padding: 40px 60px; display: none; position: relative;}
.joinSlide .intro::before{ content: ""; display: block; border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #f1f1f1; position: absolute; left: 80px; top: -8px;}
.joinSlide .intro .wrap{ display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;

}
.joinSlide .intro .box{ font-size: 16px; line-height: 1.8;width: 48%;  padding: 20px 0; vertical-align: top;}

.hisAdd{ padding: 40px 0 0px;}
.gallery-thumbs-wrap{ padding: 0 60px; position: relative; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; }
.gallery-thumbs{ padding: 15% 0px 20px !important; }
.gallery-thumbs::after{ content: ""; display: block; width: 100%; height: 1px;background-color:#cbb7d0 ; position: absolute; left: 0; bottom: 81px;}
.gallery-thumbs .swiper-slide{ padding: 50px 0;  text-align: center; position:relative; text-align: center;}
.gallery-thumbs .swiper-slide .tp{ width: 200px; max-width: 100%; position: absolute; left: 50%; margin-left: -100px; top:-75%;     -webkit-filter: grayscale(100%);     filter: grayscale(100%); }
.gallery-thumbs .swiper-slide .year,.gallery-thumbs .swiper-slide .circle{ display: block; margin: 0 auto;}
.gallery-thumbs .swiper-slide .year{ font-size: 20px; width: 100%; bottom:0; color: #666; font-weight: bold;  position: absolute;} 
.gallery-thumbs .swiper-slide .circle{position: relative; width: 16px; height: 16px; padding: 3px; border: 1px solid transparent;}
.gallery-thumbs .swiper-slide .circle::after{content: ""; display: block; width: 16px; height: 16px; position: absolute; left: 3px; top: 3px; z-index: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;background-color: #666; }
.gallery-thumbs .swiper-slide-thumb-active .circle{background-color: #fff !important; border: 1px solid #036eb8 !important;}
.gallery-thumbs .swiper-slide-thumb-active .year{ color: #036eb8 !important;}
.gallery-thumbs .swiper-slide-thumb-active .tp{ filter: grayscale(0%); -webkit-filter: grayscale(0%); }
.gallery-thumbs .swiper-slide-thumb-active .circle::after{ background-color: #036eb8 !important;}
.gallery-thumbs-wrap .swiper-button-prev{ left:20px;}
.gallery-thumbs-wrap .swiper-button-next{ right:20px;} 
.gallery-thumbs-wrap .swiper-button-prev::after,.gallery-thumbs-wrap .swiper-button-next::after{ display: none;}
.gallery-thumbs-wrap .swiper-button-prev,.gallery-thumbs-wrap .swiper-button-next{  width:40px; height:40px; line-height: 40px; top:auto; margin-top:0px; bottom: 60px; color: #666; opacity: 1 ; border:1px solid #aaa; }
.gallery-thumbs-wrap .swiper-button-prev .iconfont,.gallery-thumbs-wrap .swiper-button-next .iconfont{ font-size: 24px; }
.gallery-thumbs-wrap .swiper-button-prev:hover,.gallery-thumbs-wrap .swiper-button-next:hover{ opacity: 1; background-color: #036eb8 !important; border-color:  #036eb8 !important; color: #fff !important;}

.gallery-top{ padding: 60px 0 !important;  width: 1020px; margin: 0 auto ; max-width: 100%;}
.addItem{ display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.addItem .tparea{ width: 50%; margin-right: 6%; font-size: 0; height: 450px;}

.addItem .des{ flex: 1;}
.addItem .des .tit{ font-size: 42px; font-weight: bold; color: #036eb8;}
.addItem .des .nr { margin-top: 30px;}
.addItem .des .nr .list{ font-size: 20px; position: relative; padding-left: 40px; margin-bottom: 30px;}
.addItem .des .nr .list::before{ font-size: 28px; color: #036eb8; margin-right: 10px; position: absolute; left: 0 ; top: -5px;}
.addItem .des .nr .icon-email1::before{ font-size: 22px}
.blue{ color: #036eb8;}


.pic_item{
	width: 120px;
	margin-left: 30px;
}
.pic_item img{
	width: 100%;
}
.pic_item .title{
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding: 10px 0;
}

.new_m1 {
	 		background: #036eb8;
	 		padding: 30px 5%;
	 	}
	 
	 	.new_m1 .item {
	 		width: 20%;
	 		text-align: center;
	 		color: #fff;
position: relative;
	 	}
.new_m1 .item::before{
	content: '';
	position: absolute;
	right: 0px;
	top: 50%;
	width: 1px;
	height: 50%;
	background: rgba(255, 255, 255, 0.5);
	display: inline-block;
	transform: translate(0,-50%);
} 
	 
	 	.new_m1 .item .t1 {
	 		font-size: 70px;
	 		 
font-family: 'DINCOROS-Regular-2';
	 	}
	 
	 	.new_m1 .item .t2 {
	 		font-size: 24px;
	 	}

@media screen and (max-width:1600px){
.new_m1 .item .t1{
font-size: 50px;
}
}




.m2_banner .swiper-button-prev{
 left:5%
}
.m2_banner .swiper-button-next{
right:5%

}
.new_m1 .item:last-child::before{
	display: none;
}


 .m2_banner {
 	position: relative;
 }

 .m2_banner .prev {
 	position: absolute;
	top: 50%;
	left: 2%;
	z-index: 999;
cursor: pointer;
	width: 100px;
	transform: translate(0,-50%);
	opacity: 0.5;
 }

 .m2_banner .next {
 	position: absolute;
	top: 50%;
	z-index: 999;
cursor: pointer;
	right: 2%;
	width: 100px;
	transform: translate(0,-50%);
	opacity: 0.5;
 }

@media screen and (max-width:1200px) {
	.new_m1{
		padding: 20px 0;
	}
	.new_m1 .item{
	  width: 31%;
	  margin: 0px 1%;
	  margin-bottom: 10px;
		  
	}
	.new_m1 .item .t1{
		font-size: 24px;
	}
	.new_m1 .item .t2{
		font-size: 10px;
	}
 .m2_banner .prev,
   .m2_banner .next{
	   width: 30px;
   } 
}