@import url("public.css");
@import url("page.css");

.top { position:relative; left:0; z-index:9999; width:100%; background-color: #003b83; }
.logo { float: left; padding-top: 25px; padding-bottom: 25px; }
.logo_right { float:right;}
.top1 { height: 35px; width: 100%; line-height: 35px; color: #e2e2e2; background-color: #003b83; border-bottom:solid 1px #024eaa;}
.top1_right {float:right; display: inline-block;}
.top1 span { line-height: 35px; color: #e2e2e2; float: right; height: 35px; margin-left:10px; margin-right:5px; position:relative;  }
.top1 span a { color:#e2e2e2; text-decoration:none; }
.top1 span.top1_line { color:#999999; margin-left:5px; margin-right:5px;  background-repeat: no-repeat; background-position: center center; float: right; }
#weixin2 { float: right; width: 140px; position: absolute; top: 30px; right: 0px; background-image: url(../image/ico_arr.png); background-repeat: no-repeat; background-position: center top; padding-top: 8px; display:none; line-height: 20px; text-align: center; color: #666666; z-index:999; }
#weixin2 p{float:left; line-height: 25px; background-color: #FFFFFF; text-align: center; padding: 5px; }
#weixin2 img {   }

.so_box { float: left; width: 320px; line-height: 35px; height: 35px; padding-left:20px; padding-top: 45px; }
.so { float: left; height: 40px; width: 1100px; padding-top: 5px; padding-bottom: 5px; background-color: #FFFFFF; position: relative; z-index:888; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
.so_input1 { line-height:38px; height:38px; width:240px; float:left; color: #999999; padding-left: 30px; background-repeat: no-repeat; background-position: 5px center; border: 1px solid #003b83; font-size: 14px; background-image: url(../image/ico_so.png); box-sizing:border-box; }
.so_button1 { line-height: 38px; background-color: #003b83; text-align: center; float: left; height: 38px; width: 80px; font-size: 16px; font-weight: normal; color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.hotkey { line-height: 25px; color: #CCCCCC; height: 25px; width: 100%; }
.hotkey a { color:#888888; padding-left:5px; padding-right:5px; display:inline-block; }

.top_tel { float: right; padding-top: 15px; padding-bottom: 5px; margin-top: 25px; background-repeat: no-repeat; background-position: right center;padding-left: 55px; background-image: url(../image/top_tel.png); background-repeat: no-repeat; background-position: 0px center; }
.top_tel p { line-height: 25px; color: #999999; height: 25px; width: 100%;font-size: 15px; }
.top_tel dt { font-size: 24px; line-height: 35px; color: #fff; width: 100%; font-weight: bold; text-align: left; }
.top2 { height: 35px; width: 100%; line-height: 35px;  background-color: #003b83; display: none;}
.top2_tel{ width: 100%;color: #fff; text-align: center; }
.top2_tel i{ font-style:normal; font-size: 1rem; }
.top2_tel a{color: #fff;}

.logo_youshi{ margin-top: 45px; font-size: 12px; color: #989898; float: left; margin-left: 20px; }
.logo_youshi li { width: 85px; float:left; color: #fff; line-height: 50px; opacity: .8;}
.logo_youshi li i{ padding-right: 5px; font-size:24px; }
.imenu { float: right; margin-top:25px; margin-right: 10px; display: none }
.imenu .dh{width: 25px; cursor: pointer;}
@media screen and (max-width:1200px){
    .logo{ padding-left: 10px; }
    .logo_youshi{ display: none; }
}
@media screen and (max-width:920px){
	.logo img{ max-width:520px; height: auto;  }
	.top_tel dt{ font-size: 20px; }
	.top_tel{width: 140px;margin-top: 25px;}
}
@media screen and (max-width:750px){
	.top1{ display: none; }
	.top2{ display: block; }
	.logo{ width: 85%; box-sizing: border-box; padding:15px 0;}
	.logo img {width: 100%; height: auto;}
	.top_tel{ display: none }
	.top1_tel{}
	.imenu{display: block;}
}
.nav { height: 55px; width: 100%; position:relative; background-color: #fff; }
.nav_ul { float: left; width: 100%; position: relative; }
.nav_ul li { float:left; width: 131px; height:55px; line-height:55px; text-align:center; font-size:15px; position:relative;background-image: url('../image/nav_line.png'); background-position: center left; background-repeat: no-repeat; }
.nav_ul li:nth-child(1){ background-image: none;}

.nav_ul li a { color:#222; text-decoration:none; display:block; }
.nav_ul li a:hover {color: #fff; background-color: #003b83; transition:400ms }
.nav_ul li.home a:hover {color: #fff;background-color:none; transition:400ms }
.nav_ul li:hover {color: #fff; background-color: #003b83; transition:400ms }
.nav_ul li:hover a { color: #fff; }
.nav_ul dl { width:100%; font-size:13px; position:absolute; top:55px; left:0px; background-color: #003b83; opacity:0.9;}
.nav_ul dl dd { height:50px; line-height:50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #003b83; }
.nav_ul dl dd a { color:#FFFFFF; }
.nav_ul dl dd a:hover { color:#FFFFFF; background-color: #003b83; }
.nav_ul .nav_line { background-repeat: no-repeat; background-position: left top; float: left; height: 50px; width: 2px; line-height: 50px; font-weight: 200; color: #2a6cb4; }
.nav_wap{ display: none;height:3em; line-height:3em; width: 100%; position:relative; background-color: #003b83;font-size:1rem;}
.nav_wap li { float:left; width: 16.6%; text-align:center; font-size:1rem; position:relative;}
.nav_wap li a{ color: #fff; }
@media screen and (max-width:1200px){
	.nav_ul li{ width: 12.5%; text-align: center;}
    .nav_ul li a{ padding: 0 auto; }
    .nav_ul li.home{ width:12.5%;margin-top: -10px; padding-top: 10px; background-size: 100% 100%;}
    .nav_ul .nav_line{ display: none; }
}
@media screen and (max-width:750px){
	.nav{ display: none; }
	.nav_wap{display: block;}
}

.overlay{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.6);z-index: 999998;}
.nav_close{ position: absolute; top:38px; right: 18px;}
.nav_close img{ width: 35px; height: 35px; }
.navbox_logo{ width:100%; }
.navbox_logo span{ width:100%; float: left; }
.navbox_logo span img{ width: 100%; height: auto }
.navbox_contact{ width: 100%; position: relative;; margin-top:1em; }
.nav_tel{ width:160px; height:45px; float:right; color:#fff; background-color:#003b83; text-align:center;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px; font-size:.8rem; line-height:45px; background-image: url(../image/ico_tel2.png); background-repeat: no-repeat; background-position: 20px center;}
.nav_tel a{color: #fff;line-height:45px; display: block;}

.navbox{position:fixed;width:160px; left: -200px; top:0px; z-index: 999999;padding:0;overflow-y: hidden;background-color: #293133; height: 100%; padding:20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter:alpha(opacity=95); -moz-opacity:095;   -khtml-opacity: 0.95;
}
.nav2{position:relative; float: right; margin:1em 0; width: 100%;}
.nav2 li{float:left; line-height:45px; overflow:visible; width: 100%;margin-top:-1px; font-weight: normal; border-bottom:solid 1px #343b3d;font-size:.8rem;color:#fff; text-align: center; box-sizing: border-box;  background-repeat: no-repeat; background-position:25px center;}
.nav2 li a{ color:#fff!important; font-size:.8rem; }
.nav2 li.on a,.nav2 li:hover a{ color:#fff; text-decoration:none; background-color:none; }

.banner { position: relative; width: 100%; height: 550px; overflow: hidden;z-index:9; }
.banner .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner .swiper-slide a {display: block;}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.swiper-pagination-bullet-active{background-color: #f8c301;}
.swiper-pagination-bullet { width: 35px; border-radius: 5px; }
.banner .imgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0px; float: left;}
.banner a.prev_btn,
.banner a.next_btn {position: absolute;z-index: 66;top: 50%;margin-top: -55px;width: 73px;height: 138px;opacity: 0.2;filter: alpha(opacity=20);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.banner a.prev_btn:hover,
.banner a.next_btn:hover {opacity: 0.5;filter: alpha(opacity=50);}
.banner a.prev_btn { left: 30px;background-image: url(../image/left.png); background-repeat: no-repeat; }
.banner a.next_btn { right: 30px; background-image: url(../image/right.png); background-repeat: no-repeat; }
@media screen and (max-width:1200px){
    .banner{ height:500px;}
}
@media screen and (max-width:1000px){
    .banner{ height:400px;}
}
@media screen and (max-width:750px){
    .banner{ height:360px;}
}
@media screen and (max-width:600px){
    .banner{ height:180px;}
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}

.ban_1{ width: 180px; height: 45px; line-height: 45px; position: absolute;left: 50%; top: 400px;display: block; margin-left: -90px; color: #fff; border:solid 1px #e2e2e2; }
.ban_1:hover{ color: #111; background-color: #fff; }
.ban1{ width: 1000px;position: absolute; top: 100px; margin-left: -500px; left: 50%;}
.ban1 h3{ width: 100%; height: 40px; line-height: 40px; position: absolute; top: 200px;display: block; color: #fff; font-size: 50px; font-weight: bold; }
.ban1 h4{ width: 380px; line-height: 50px; height: 50px; font-size:35px; background-color: #e0872d; color: #fff；  }

.main { float: left; width: 100%; position: relative; }
.main2 {width: 100%; position: relative;padding: 25px 0; }
.main1 { background-color: #f3f7fa; width: 100%; padding: 45px 0; position: relative; }

.title { width: 100%; padding-top: 15px; padding-bottom: 10px;}
.title h3 { font-size: 38px; line-height: 40px; color: #003b83; text-align: center; height: 40px; width: 100%; font-weight: bold; }
.title p { line-height: 30px; color: #999999; text-align: center;width: 100%; font-size: 15px; padding-top: 5px; text-transform: uppercase;}
.title i,.title span{ color: #003b83; font-style: normal; }

.title1{ text-align: center; width: 100%; float: left;}
.title1 h3 { font-size: 38px; line-height: 40px; color: #333333; text-align: center; height: 40px; width: 100%; font-weight: bold; }
.title1 p { line-height: 30px; color: #999999; text-align: center; height: 30px; width: 100%; font-size: 15px; padding-top: 5px; text-transform: uppercase;}
.title1 span{display: block;}

.cn{ font-size: 30px; line-height: 36px; font-weight: bold; }
.cn i{ color: #0090fd; font-style: normal; }
.en{ display: block; font-size: 14px; line-height: 26px; text-transform: uppercase; color: #666666; font-weight: 100;}
.title2{ width: 100%;padding-top: 15px; padding-bottom: 10px; position: relative;}
.title2 h3{ width: 240px; margin:0 auto;  position: relative; text-align: center;z-index: 10; font-size:20px;}
.title2 h3 i{ float: left;background-color: #fff; font-style: normal; width: 100%;height: 35px; line-height: 35px; display: block;}
.line1{ width: 100%; line-height: 2px; height: 2px; border-bottom: solid 1px #e2e2e2; position: absolute; top: 30px; z-index: 0;}
.ititle { line-height:45px; font-size:13px; height:45px; padding-top: 10px; }
.ititle h3 { font-size:24px; color:#000000; float: left; padding-right: 15px; font-weight: bolder; line-height:45px; }
.ititle i { font-style:normal; float:left; font-size:14px; color:#999999; text-transform: uppercase; line-height:45px; }
.ititle span { float: right; background-color: #c90c03; line-height: 30px; height: 30px; margin-top: 8px; }
.ititle span a { color:#FFFFFF; text-decoration:none; display:inline-block; float:left; padding-right:10px; padding-left: 15px; }
.ititle span em{ width:30px; height:30px; float:right; background-image: url(../image/ico_more.png); background-repeat: no-repeat; background-position: center center; background-color: #003b83; }
@media screen and (max-width:1200px){
	.title{padding:15px 0; box-sizing: border-box;}
	.title h3 { font-size: 1.6rem; line-height: 1.6em; height: 1.6em;}
	.title p{ padding: 5px 10px; box-sizing: border-box; font-size: .9rem; line-height: 1.5em; }
}
@media screen and (max-width:750px){
	.main1 {padding: 15px 0;}
}

.more{ width: 240px; padding: 25px 0; margin:0 auto; }
.more a{ width: 100%; line-height: 45px; height: 45px; text-align: center;font-size: 16px; display: block; color: #222; border:solid 1px #e2e2e2;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;border-radius:25px; background-color: #fff; }
.more a:hover{ background-color: #003b83; color: #fff;border:solid 1px #003b83; }
.catlist{ width: 100%; text-align: center; font-size: 0px;}
.catlist .catbox{ padding: 0px; font-size: 15px; display:inline-block; background-color: #d9d9d9; width: 140px; border-left: solid 1px #fff; overflow: hidden; margin:1px 0;}
.catlist .catbox a{line-height: 40px; height: 40px;color:#4b4a4a;display: block; text-align: center;}
.catlist .catbox.on,.catlist .catbox a:hover { background-color:#003b83; color:#fff !important; text-decoration:none;}
.catlist .catbox.on a{ color: #fff; }
@media screen and (max-width:750px){
    .catlist .catbox{ width: 25%; box-sizing: border-box; font-size: .9rem;}
}

.numbox{ width: 100%; background-color: #f5f5f5; padding: 10px 0; position: relative;}
.num_list { float: left; width: 100%; }
.num_list li { padding: 10px; float: left; width: 20%;  margin: 10px 0; box-sizing: border-box;}
.num_list span { text-align: center; width: 100%; line-height: 30px; font-size: 16px; color: #003b83; float: left;}
.num_list span i{ height:60px; line-height:60px; font-size:35px; font-style:normal; font-weight:bold; margin:0 auto; padding-top: 20px;}
.num_list span div{ display: inline-block; }
.num_list p { line-height: 30px; color: #666; text-align: center; float: left;padding: 5px 0; width: 100%; }
.arr2{ width: 40px; position: absolute; bottom: -20px; left: 50%; margin-left:-20px;  }
@media screen and (max-width:750px){
	.num_list li { width: 25%;}
	.num_list li:nth-child(5){ display: none; }
	.num_list span{ font-size: .8rem; }
	.num_list span i{ line-height: 30px; height: 30px; font-size: 20px; white-space: nowrap; }
	.num_list li:last-child i{ font-size: 16px; }
	.num_list span div{ display: none; }
	.num_list p{ font-size: .65rem; line-height: 1.8em; }
}

.service_list { float: left; width: 100%; position:relative;}
.service_list li { padding: 9px; float: left; width: 16.6%; overflow:hidden; position:relative;box-sizing: border-box;}
.service_list li .sin{ width: 100%; padding: 10px;border:solid 1px #e2e2e2; box-sizing: border-box; position: relative; float: left;}
.service_list li:hover .sin{ background-color: #f5f5f5; }
.service_list span { float:left; margin:10px 0; position:relative; width:100%; text-align:center; font-size: 50px; color: #003b83; padding:10px 0;}
.service_list span img { }
.service_list p { font-size: 18px; line-height: 45px; color: #333333; float: left; height: 45px; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; text-align: center; }
.service_list dt { line-height: 20px; color: #999999; float: left; width: 100%; position:relative; padding: 5px 10px; box-sizing: border-box; text-transform: uppercase; text-align: center; height: 50px; font-size: 12px;}
.service_list dl { line-height: 35px; color: #999999; float: left; width: 100%; position:relative; padding:10px; box-sizing: border-box; text-transform: uppercase; text-align: center; }

.service_list i { width:100px; line-height:35px; text-align:center; height:35px; display:block; margin-left:auto; margin-right:auto; font-style:normal; font-size:14px; margin-top:5px; margin-bottom:5px; }
.service_list i a { color:#666; text-decoration:none; display: block;border:solid 1px #e2e2e2;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;border-radius:25px;}
.service_list i a:hover{background-color: #003b83; color: #fff;}
.service_list em{ width: 33px; height: 33px; position: absolute; bottom:-22px; left: 50%;margin-left: -16px; background-color: url('../image/oxfr.png'); background-repeat: no-repeat; background-position: center center; display: block; }
@media screen and (max-width:750px){
	.service_list li{ width: 33.3%; padding:5px; }
	.service_list li .sin{ padding:5px; }
	.service_list span{ margin:0; }
	.service_list p{ font-size: 1rem; line-height: 2em; height: 2em; }
	.service_list i{ width: 80px; line-height: 30px; height: 30px; }
	.service_list em{ bottom: -18px; }
}

.team{ width: 100%; background-image: url('../image/about_bg2.jpg'); padding: 25px 0 60px 0; background-size: cover; }
.teamlist{ width: 100%; float: left; padding: 10px 0; position: relative;  }
.teamlist li{ width: 20%; float: left; box-sizing: border-box;position: relative; overflow: hidden;}
.teamlist li .teamin{ width: 100%; float: left;box-sizing: border-box; position: relative; padding: 1px;}
.teamlist span {float: left; width: 100%;background-color: #FFFFFF; position: relative;}
.teamlist span img{ width: 100%;}
.teamlist .info{width: 100%; padding: 10px 10px 20px 10px; float: left;background-color: #003b83; box-sizing: border-box;  }
.teamlist .tname{ width:100%; line-height:35px; text-align:center; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 18px; color: #fff;}
.teamlist .tinfo{ width:100%; line-height:25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; color: #fff; text-align: center; height: 50px; float: left; opacity: .6}
.teammore{ width: 100%; padding: 1px; box-sizing: border-box; position: absolute;left: 0px;height: 285px;top: 100%;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.teammorein {width: 100%;background-color: #fff;; padding: 10px; box-sizing: border-box;height: 285px}
.teamlist li:hover .teammore{ top: 140px;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.teammore p{ width:100%; line-height:35px; text-align:center; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 16px; padding: 10px 0; }
.teammore dt{ width:100%; line-height:25px;color: #666; text-align: center;float: left;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical; }
.teammore em{ width:100px; margin:10px auto; padding-top: 20px; display: block;}
.teammore em a{ display: inline-block; width: 100%; margin:0 auto; line-height: 35px; height: 35px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;border-radius:25px; background-color: #003b83; color: #fff; text-align: center; font-style: normal;}
.team .swiper-button-next,.team .swiper-button-prev{ background-repeat: no-repeat;background-position: center center; width: 40px; height: 40px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=85);opacity:0.85;}
.team .swiper-button-next{ background-image:url('../image/arrow-right.png'); right: -45px;}
.team .swiper-button-prev{ background-image:url('../image/arrow-left.png'); left: -45px;}
.team .swiper-button-next:hover,.team .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}
@media screen and (max-width:1280px){
	.team{ padding: 15px 0; }
	.team .swiper-button-next{ right: 5px;}
	.team .swiper-button-prev{ left: 5px;}
}
@media screen and (max-width:750px){
	.team{ padding: 15px 0; }
	.teamlist li .teamin{ padding: 2px;}
	.teamlist .tinfo{ width:100%; line-height:1.6em;height: 3.2em; font-size: .8rem;}
	.team .swiper-button-next,.team .swiper-button-prev{ display: none; }
	.teammore{display: none;}
	.teamlist li:hover .teammore{display: none;}
}

.about{ width: 100%; padding:90px 0; position: relative; background-color: #f5f5f5}
.about_pic{ width: 500px; float: left;}
.about_pic img{ width: 100%; float: left; }
.about-right{ width: 700px; float: left;margin-top: 0px; position: relative;}
.about_box{ width: 700px; float: right; padding:40px 50px;  float: right; box-sizing: border-box; overflow: hidden;  position: relative; background-color: #fff; }
.about_ico{ width: 100px;height: 100px; background-image: url('../image/about_ico.png'); background-repeat: no-repeat; position: absolute;right: 0px;top: 0px;z-index: 999;}
.about_title { font-size: 32px; line-height: 50px; font-weight: bold; color: #111; float: left;width: 100%; padding-bottom: 5px; }
.about_title i { font-size: 30px; font-style: normal; font-weight: normal; color: #AE2A32; padding-left: 10px; text-transform: uppercase; }
.about_line { float: left; height: 10px; width: 120px; border-bottom: 1px solid #fd3d2a; margin-bottom: 10px; }
.about_info { line-height: 25px; color: #999; float: left; width: 100%; }
.about_content {  color: #3a3a3a; float: left; width: 100%; font-size: 14px; }
.about_content p{line-height: 2em;width: 100%; padding:.3em 0; color: #666 }
.about_content p a{ color: #fd3d2a; }
.about_more { line-height: 55px; color: #FFFFFF; float: left; height: 55px; width: 200px; text-align: center; background-color: #fd3d2a;}
.about_more a { color:#FFFFFF; text-decoration:none;}
.about_list{ width: 100%; float: left;padding:22px 0; position: relative; background-color: #003b83; }
.about_list li{ width: 25%; float:left; text-align: center; box-sizing: border-box; }
.about_list li span{ width: 100%; line-height: 50px; text-align: center; font-size: 35px; color: #fff;}
.about_list li p{ width: 100%; line-height: 30px; text-align: center; color: #fff;}
@media screen and (max-width:1200px){
	.about_pic{ width: 40%; }
	.about_box{ width: 60%; padding:30px; height:auto;}
	.about_content{ font-size: .8rem; }
	.about_list li span{ font-size: 25px; }
}
@media screen and (max-width:750px){
	.about-right{ width: 100%; }
	.about{ padding: 10px 5px 20px 5px; box-sizing: border-box; }
	.about_pic{ width: 100%; max-height: 240px; overflow: hidden; }
	.about_box{ width: 100%; padding:15px; height:auto; margin:10px 0;}
	.about_title{ font-size: 1.2rem; }
	.about_ico{ width: 80px;height: 80px; background-size: 100% 100%;}
	.about_list{padding:10px 0;}
}

.case{ width: 100%;  padding: 30px 0; }
.caselist{ width: 100%; float: left; padding: 10px 0; position: relative;  }
.caselist li{ width: 25%; float: left; box-sizing: border-box;position: relative; overflow: hidden;}
.caselist li .casein{ width: 100%; float: left;box-sizing: border-box;position: relative; padding: 10px;}
.caselist span {float: left; width: 100%; position: relative;}
.caselist span img{ width: 100%; height: auto;}
.caselist h3{ width:100%; line-height:35px; text-align:center; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 16px; padding: 10px; color: #111;background-color: #f5f5f5;box-sizing: border-box; }
.caselist p{ width:100%; line-height:25px; padding:0 10px;box-sizing: border-box; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; color: #999; text-align: center; height: 50px; float: left;padding-bottom: 15px;background-color: #f5f5f5; }
.caselist dt{ width: 100%; padding:15px 0; float: left;background-color: #f5f5f5;  }
.caselist i { width:100px; line-height:35px; text-align:center; height:35px; display:block; margin-left:auto; margin-right:auto; font-style:normal; font-size:14px;margin-bottom:10px; }
.caselist i a { color:#666; text-decoration:none;border:solid 1px #e2e2e2;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;border-radius:25px; display: block;}
.caselist i a:hover{background-color: #003b83; color: #fff;}
.case .swiper-button-next,.case .swiper-button-prev{ background-repeat: no-repeat;background-position: center center; width: 40px; height: 40px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=85);opacity:0.85;}
.case .swiper-button-next{ background-image:url('../image/arrow-right.png'); right: -45px;}
.case .swiper-button-prev{ background-image:url('../image/arrow-left.png'); left: -45px;}
.case  .swiper-button-next:hover,.team .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}
@media screen and (max-width:750px){
	.case{ padding: 5px 0; }
	.caselist li .casein{ padding: 2px; }
	.caselist p{ width:100%; line-height:1.6em; height: 3.2em; font-size: .8rem;}
	.case .swiper-button-next,.case .swiper-button-prev{ display: none; }
}
@media screen and (max-width:1280px){
	.case .swiper-button-next{ right: 5px;}
	.case .swiper-button-prev{ left: 5px;}
}

.news{ width: 100%; float: left;position: relative; padding:10px 0;}
.news1 { float: left; width: 500px; position: relative;}
.news1 li { width:100%; float:left; margin:8px 0; background-color: #fff;position: relative; }
.news1 li span { width:180px; float:left; position: absolute;top: 0;}
.news1 li span img { width:180px; height:135px; }
.news .newinfo{ width: 100%; float: right; padding: 6px 10px; box-sizing: border-box; float: right; padding-left: 200px; }
.news1 li .newinfo p { width:100%; float:left; line-height:40px; height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:bold; }
.news1 li .newinfo dt { width:100%; float:left; line-height:23px; color:#999; max-height: 45px; overflow: hidden;}

.news1 li .newinfo i{ width: 100%;  line-height: 35px;padding-top: 5px;background-image: url('../image/line1.png'); background-repeat: no-repeat; background-position: left bottom;float:left; font-style:normal;}
.news1 li .newinfo i a{ color:#666; }
.news1 li .newinfo em { float:left; padding-left:20px; line-height:35px; color:#f3d2d1; background-image: url(../image/ico_time.png); background-repeat: no-repeat; background-position: left center; font-style: normal; }
.news1 li.on,.news1 li:hover{ background-color: #003b83; }
.news1 li.on p { color: #fff; }
.news1 li.on p a,.news1 li:hover p a{ color: #fff; }
.news1 li.on dt,.news1 li:hover dt{ color: #f5f5f5; }
.news1 li.on i a,.news1 li:hover i a{color: #fff;}

.news2 { float: right; width: 690px; position: relative; padding-top:3px}
.news2 li { width:50%; float:left; padding:5px; box-sizing: border-box; }
.news2 li:hover .newsbox{box-shadow: 0 0px 10px 1px rgba(179,188,198,0.85);}
.news2 li .newsbox{ width: 100%; float: left;position: relative; padding: 10px; background-color: #fff;box-sizing: border-box; }
.news2 .news2_time{ width:60px; float:left; margin-top:5px; border-right: solid 1px #e2e2e2;padding-right: 10px; position: absolute; top: 10px;}
.news2 .news2_time span{ width:60px; float:left; line-height:40px; text-align:center; font-size:25px; font-weight:normal; padding-top:10px; color: #8a8a8a;}
.news2 .news2_time i { width:60px; float:left; line-height:25px; color:#999999; text-align:center; font-style:normal; font-size: 13px;}
.news2info{ width: 100%; position: relative; box-sizing: border-box; padding-left: 80px; }
.news2 .news2info h2 { width:100%; float:right; line-height:35px; height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:normal; }
.news2 .news2info p { width:100%; float:right; line-height:25px; color:#B7B7B7; max-height: 48px; overflow: hidden; }
@media screen and (max-width:1200px){
	.news{ padding:10px 0;}
	.news1{ width: 100%; }
	.news1 li span { width:140px; float:left; position: absolute;top: 10px; left: 10px;}
	.news1 li span img { width:140px; height:auto; }
	.news .newinfo{ padding-left: 160px; }
    .news1 { width: 45%; }
    .news2{width: 54%;}
    .news2 .news2_time{ width:50px;padding-right: 10px;}
	.news2 .news2_time span{ width:50px;line-height:35px; font-size:20px;}
	.news2 .news2_time i { width:50px;font-size:.6rem;}
}
@media screen and (max-width:750px){
	.news{ padding:10px; box-sizing: border-box; }
    .news1 { width: 100%; }
    .news2{width: 100%;}
    .news1 li span { width:140px; float:left; position: absolute;top: 5px; left: 5px;}
    .news1 li .newinfo p { font-size: 1rem; line-height: 2.5em; height: 2.5em; }
    .news .newinfo{ padding: 3px 10px; padding-left: 160px; }
    .news1 li .newinfo dt {line-height:1.6em; max-height: 3.2em; font-size: .8rem; }
    .news2 .news2_time{ width:50px;padding-right: 10px;}
	.news2 .news2_time span{ width:50px;line-height:35px; font-size:20px;}
	.news2 .news2_time i { width:50px;font-size:.6rem;}
	.news2 li{ width: 100%; }
	.news2 li:nth-last-child(1),.news2 li:nth-last-child(2){display: none;}
}
.links { line-height: 25px; color: #999999; ; float: left; width: 100%; padding:10px 0 20px 0; }
.links b { font-weight:normal; float:left; width:60px; text-align:center; padding-left: 25px;background-image: url(../image/ico_link.png); background-repeat: no-repeat; background-position: left center;}
.links a { color:#999999; padding-left:15px; padding-right:15px; display:block; float:left;}
@media screen and (max-width:1200px){
	.links{ line-height: 1.6em; font-size: .9rem;padding: 10px; box-sizing: border-box; }
}

.bottom { width: 100%; padding-top: 30px; padding-bottom: 30px; background-color: #284a7d; border-top: solid 1px #284a7d;}
.bottom1 { background-color: #1e1e1e; width: 100%; padding-top: 40px; padding-bottom: 30px; }
.bottom_logo { float: left; width: 240px; padding-right: 60px; }
.bottom_logo img{ width: 240px; height: auto; }
.bottom_box1 { width: 100px; padding-right: 40px; padding-left: 0px;  float: left; border-right: 1px solid #16559a; padding-bottom: 20px;}
.bottom_box1 ul{ width: 100%; float: left;padding-top: 15px; }
.bottom_box1 li { width:100%; line-height:29px; float:left; }
.bottom_box1 li a { color:#e6f1fd;}

.bottom_box2 { width: 240px; padding-right: 40px;  float: left; border-right: 1px solid #16559a; padding-left: 60px;padding-bottom: 20px;}
.bottom_box2 ul{ width: 100%; float: left; padding-top: 15px; }
.bottom_box2 li { width:50%; line-height:35px; float:left; }
.bottom_box2 li a { color:#e6f1fd;}
.bottom_box3 { float: right; width: 260px; overflow: hidden; }
.bottom_box3 p { line-height: 28px; color: #fff; height: 28px; width: 100%x; }
.bottom_box3 h2 { font-size: 26px; line-height: 40px; color: #fff; height: 40px; width: 240px; font-weight: bold; padding-bottom: 10px; }
.contact { width: 320px; padding-left: 60px; padding-right: 20px; border-right: 1px solid #16559a; float: left; color:#e6f1fd; line-height:30px; min-height: 200px; }
.bottom_title{ width: 100%; float: left; line-height: 40px; height: 40px; font-size: 18px; font-weight: normal; color: #fff; background-position: left center; background-repeat: no-repeat; background-image: url('../image/line2.png'); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 5px;}
.btel{ padding-left: 60px;background-image: url(../image/top_tel2.png); background-repeat: no-repeat; background-position: left center; margin-bottom: 15px;}
.ico_dh{ background-image: url('404.png'); padding-left: 30px; box-sizing: border-box; }
.ico_lx{ background-image: url('../image/ico_lx.png'); padding-left: 30px; box-sizing: border-box; }
.weixins { float: left;width: 260px; }
.weixins span { float: left; width: 140px; text-align: center; color: #e6f1fd; line-height: 25px;}
.weixins span img{ width: 120px; height: 120px; }
.weixins p { line-height: 120px; color: #e6f1fd; height: 120px; width: 120px; float: right; }
.bottom2 { background-color: #182e4e; width: 100%; padding-top: 15px; padding-bottom: 15px; }
.copyright { line-height: 25px; color: #9ac6f6; text-align: center; float: left; width: 100%; }
.copyright a { color:#9ac6f6; text-decoration:underline;}

.bottom_box{ position:fixed; z-index:9999; height:50px; width:100%; bottom:0px; text-align:center; margin-right: auto; margin-left: auto; background-position: center center; background-size:100%; background-color: #182e4e; display: none; }
.footnav{}
.footnav li{ float:left; width:20%; border-right: 1px solid #0f223d; border-left: 1px solid #253e63; box-sizing: border-box; padding-top: 5px; padding-bottom: 5px; }
.footnav li a{display:block;width:100%;}
.footnav li a span{display:block;width:100%;text-align:center;}
.footnav li a .s1{height:25px;}
.footnav li a span img{max-width:25px;margin:0 auto;line-height:25px;vertical-align:middle}
.footnav li a .st{ line-height:15px; font-size:0.6em; color:#b3b3b3; width:100%; }
.footnav li.home{ background-color: #f7b71e; border-left: none; }
.footnav li.home a .st{ color: #fff; }
.footnav .st{font-size: 0.86em !important;font-weight:normal}
.footnav{z-index:100;}

@media screen and (max-width:1200px){
    .bottom_box1{ display: none; }
    .bottom_box2{ width: 35%; padding: 10px 5px; box-sizing: border-box; }
    .contact{ width: 35%; padding: 10px 10px 10px 30px;  box-sizing: border-box;}
    .bottom_box3{ width: 30%; padding-left: 30px; box-sizing: border-box; }
}
@media screen and (max-width:750px){
    .bottom{ padding: 10px; box-sizing: border-box; }
    .bottom_box1{ display: none; }
    .bottom_box2{ width: 100%; padding: 10px; box-sizing: border-box; border-bottom: 1px solid #16559a; border-right: none;}
    .bottom_box2 li { width: 33.3%; }

    .contact{ width:100%; padding: 10px;  box-sizing: border-box; border-right: 0px;}
    .bottom_box3{display: none;}
    .copyright { padding:0 10px; box-sizing: border-box; line-height: 1.8em; font-size: .8rem; padding-bottom: 50px; }
    .suspension{ display: none; }
    .bottom_box{ display: block; }
}


.shili { width: 100%; margin-top: 20px; padding-top: 30px; padding-bottom: 30px;}
.shili_list { width:100%; float:left; margin: 10px 0;}
.shili_list li { float: left; width: 20%; text-align: center; padding:10px 5px; border:solid 1px #fff; box-sizing: border-box;}
.shili_list li .shiliin{ width: 100%; padding:35px 15px; float: left;position: relative; box-sizing: border-box;background-color: #003b83; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; box-sizing: border-box; }
.shili_list span { padding: 15px 0; display:block; width: 100px; margin:0 auto;}
.shili_list em{ width: 50px; height: 50px; margin:0 auto;text-align: center;font-size: 46px; font-style:normal; background-color: #003b83; color: #fff;-webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; padding: 25px; float: left; color: #eab100;}
.shili_list p { width:100%; line-height:50px; text-align:center; font-size:18px; color: #fff; font-weight: bold; }
.shili_list dt { color: #fff; height: 55px; width: 90%; overflow:hidden; text-overflow:ellipsis; line-height: 25px; font-size: 13px; float: left; padding-right: 5%; padding-bottom: 20px; padding-left: 5%; }
.shili_list i{ font-style:normal; color:#FFFFFF; font-weight:normal; font-size: 15px; }
.shili_list li:hover .shiliin{ background-color:#003b83;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; margin-top: -10px;  }
.shili_list li:hover em{ background-color: #fff; color: #003b83;}
.shili_list li:hover p{ color: #fff; }
.shili_list li:hover dt{ color: #d2e6fc; }
@media screen and (max-width:1200px){
	.shili { width: 100%; margin-top: 10px; padding-top: 20px; padding-bottom: 20px;}
	.shili_list span {width: 80px;}
	.shili_list em {width: 50px; height: 50px;font-size: 30px;}
}
@media screen and (max-width:750px){
	.shili { width: 100%; margin-top: 0px; padding: 10px 0;}
	.shili_list li { float: left; width: 100%; text-align: center; padding:0px; border:solid 0px #fff; border-bottom: solid 1px #0258c2; box-sizing: border-box;}
	.shili_list li .shiliin{ padding: 10px 5px; }
	.shili_list span {width: 40px;margin:0px auto;}
	.shili_list p{line-height: 2.4em; font-size:1.1rem;}
	.shili_list em {width: 30px; height: 30px;font-size: 30px; padding: 10px;}
	.shili_list dt {font-size: .9rem; line-height: 1.8em;height: 5.4em; color: rgba(255,255,255,.8);}
}