@charset "utf-8";
/*
 * 信阳慈光
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2016-7-27
 * coyright ： tengcee.com
*/
@import url("public.css");
@import url("page.css");
/*头部*/
.top { position:relative; top:0px; z-index:999; width:100%; background-color: #fff; }
.top1 { height: 40px; width: 100%; line-height: 40px; color: #787979;position:relative; border-bottom: solid 1px #e2e2e2;}
.top1 span { line-height: 40px; color: #787979; float: right; height: 40px; margin-left:5px; margin-right:5px; position:relative;background-repeat: no-repeat; background-position: center center; cursor: pointer;}
.top1 span a { color:#787979; text-decoration:none; display: block;}
.top1 span:hover{opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1;}
.top1_tel{ width: 100%; text-align: center; vertical-align: middle; color: #12469c;}
.top1_tel i{ width: 25px; height: 25px; vertical-align:middle; background-image: url(../images/top_tel.png); background-repeat: no-repeat; background-position: left center; background-size: 25px; display: inline-block;}
.top1_tel i img{  }

.ico_wechat{ background-image: url('../images/ico_weixin.png'); width: 25px; }
#top_weixin{ display: none; position: absolute; top: 40px; right: 0; margin-right: -65px; background-color: #f5f5f5; padding: 5px;}
#top_weixin p{ width:100%; float:left;  line-height: 30px; text-align: center;}
.ico_wap{ background-image: url('../images/ico_wap.png'); width: 25px; }

.logo { float: left; padding-top: 15px; padding-bottom: 15px; }
.logo_txt{ padding-left: 40px; margin-left: 10px; margin-top:30px; float: left; border-left: solid 1px #ccc; }
.logo_txt p{ width: 100%; line-height: 30px; font-size: 15px; color: #dd4246;}
.logo_txt dt{ width: 100%; line-height: 25px; font-size: 15px; color: #232323;}

.top_tel { float: right; width: 200px; margin-top: 35px; margin-bottom: 15px; background-image: url(../images/top_tel.png); background-repeat: no-repeat; background-position: left center; padding-left: 60px;  }
.top_tel p { line-height: 25px; color: #999999;  height: 25px; width: 100%;font-size: 15px; }
.top_tel dt { font-size: 28px; line-height: 30px; color: #12469c;  width: 100%;}
.top_tel a{color: #12469c;}
.top_pic1 { float: left; padding-top: 22px; padding-left: 15px; }
.imenu { float: right; margin-top:25px; margin-right: 10px; display: none }
.imenu .dh{width: 25px; cursor: pointer;}
@media screen and (max-width:1200px){
    .top1 span{ display: none; }
    .logo{ padding-left: 10px; } 
}
@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){
	.logo{ width: 80%; box-sizing: border-box; }
	.logo img {width: 100%; height: auto;}
	.top_tel{ display: none }
	.top1_tel{}
	.imenu{display: block;}
}
/*导航*/
.nav {width: 100%; position:relative; background-color: #12469c; height: 55px; }
.nav_ul { float: left; width: 100%; position: relative; }
.nav_ul li { float: left; font-size: 1rem; line-height: 55px; height: 55px; width: 129px; position:relative; position:relative; text-align: center; }
.nav_ul li a { color:#FFFFFF; text-decoration:none; display:block; }
.nav_ul li a:hover { color:#FFFFFF; text-decoration:none; }
.nav_ul li:hover  { color:#FFFFFF; background-color: #1e51a5; background-position: center bottom; }
.nav_ul li:hover a { color:#FFFFFF;}
.nav_ul li.mainmenu > a{background-repeat: no-repeat; background-position: 2px center;}
.nav_ul .cur a { color:#FFFFFF; text-decoration:none; padding-left:30px; padding-right:30px;  }
.nav_ul dl{ width:100%; font-size:13px; position:absolute; top:54px; left:0px; background-color: #1e51a5; display: none;}
.nav_ul dl dd { height:45px; line-height:45px; text-align: center; white-space: nowrap; font-weight: normal; }
.nav_ul dl dd a{ color:#FFFFFF; padding:0px;  }
.nav_ul dl dd a:hover{ color:#FFFFFF; opacity:0.9; background-color: #f7b71e; }
.nav_ul .nav_line{ width:1px; float:left; height:55px; color: #01358c;}
.nav_ul li.on { color:#FFFFFF; background-color: #01358c; }
.nav_ul li.home { color:#FFFFFF; background-color: #01358c; padding-left: 25px; background-image: url(../images/ico_home.png); background-repeat: no-repeat; background-position: 35px center;}
@media screen and (max-width:1200px){
	.nav_ul li{ width: 15.6%; text-align: center;}
    .nav_ul li a{ padding: 0 auto; }
}
@media screen and (max-width:750px){
	.nav { background-color: #12469c; height: 3em;font-size: .9rem;}
	.nav_ul li{ width: 20%; text-align: center; font-size: .9rem; height: 3em; line-height: 3em; overflow: hidden;}
	.nav_ul li:nth-last-child(1){ display: none }
	.nav_ul li.home{ background-image:none; padding-left: 0; }
    .nav_ul .nav_line{ display: none; }
    .nav_ul dl{ display: none; margin-top: 0em; font-size: .9rem; visibility: none;}
}
/*左侧菜单*/
.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: 9998;}
.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:#12469c; 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(../images/wap/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: 600px; 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 {}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.swiper-pagination-bullet-active{background-color: #12469c;}
.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: -40px;width: 44px;height: 81px;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(../images/left.png); background-repeat: no-repeat; }
.banner a.next_btn { right: 30px; background-image: url(../images/right.png); background-repeat: no-repeat; }
.ban1{ width: 100%;position: absolute; top: 150px;left: 0;}
.ban1 h3{ width: 100%; height: 40px; line-height: 40px; position: relative; top: 20px;display: block; color: #fff; font-size: 45px; font-weight: bold; text-align: center; }
.ban1 h4{ width: 100%; line-height: 50px; height: 50px; font-size:40px; color: #fff;text-align: center; }
.ban1 p{ width: 100%; line-height: 35px; font-size:18px; color: #fff;text-align: center; padding: 50px 0;opacity: .7; box-sizing: border-box; }

@media screen and (max-width:1200px){
    .banner{ height:500px;}
    .ban1{ top: 120px;}
}
@media screen and (max-width:1000px){
    .banner{ height:400px;}
    .ban1{ top: 100px;}
}
@media screen and (max-width:750px){
    .banner{ height:360px;}
    .ban1{ display: none;}
    .ban1 h3{ height: 30px; line-height: 30px; top: 10px;font-size: 1.5em; }
    .ban1 p{ display: none; }
}
@media screen and (max-width:600px){
    .banner{ height:180px;}
    .ban1{ top: 40px;}
    .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; }
}

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

.title { width: 100%; padding-top: 20px; padding-bottom: 10px;background-image: url(../images/p.png); background-repeat: no-repeat; background-position: center center; }
.title h3 { font-size: 36px; line-height: 35px; color: #333333; text-align: center; height: 35px; width: 100%; font-weight: normal; }
.title p { line-height: 25px; color: #999999; text-align: center;width: 100%; font-size: 15px; padding-top: 5px; text-transform: uppercase;}
.title i{ color: #dd4246; font-style: normal; }
.title1{ text-align: center; margin-top: 15px; margin-right: 0; margin-bottom: 15px; margin-left: 0; }
.title1 span{display: block;}
.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;}
#a{ background-image: url(../images/a1.png);}
#a2{ background-image: url(../images/a2.png);}
#h{ background-image: url(../images/h.png);}
#n{ background-image: url(../images/n.png);}
#w{ background-image: url(../images/w.png);}
#c{ background-image: url(../images/c1.png);}
#r{ background-image: url(../images/r.png);}
#f{ background-image: url(../images/f.png);}
.more{ width: 240px; padding: 15px 0; margin:0 auto; }
.more a{ width: 100%; line-height: 50px; height: 50px; text-align: center;font-size: 16px; background-color: #12469c;display: block; color: #fff; -webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px;}
@media screen and (max-width:750px){
    .title { background-size: contain; }
	.title h3 { font-size: 1.6em; line-height: 2.5em;height: 2.5em; }
	.title p { line-height: 1.8em;  font-size: .7rem; padding:0 15px; box-sizing: border-box;}
	.main2 {padding: 10px 0; }
	.main1 {padding: 10px 0;}
}

.btnlist{ width: 100%; position: relative; padding-top:50px; text-align: center;}
.btn1{ width: 150px; line-height: 50px;height: 50px; -webkit-border-radius:25px; -moz-border-radius:25px;-ms-border-radius:25px; border-radius:25px; background-color: #12469c; text-align: center; color: #fff; display: inline-block; margin:0 30px;}
.btn2{ width: 150px; line-height: 50px;height: 50px; -webkit-border-radius:25px; -moz-border-radius:25px;-ms-border-radius:25px; border-radius:25px; border:solid 1px #12469c; text-align: center; color: #12469c; display: inline-block; margin:0 30px;}
.btn2:hover{ background-color:#12469c; color: #fff;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.btn3{ width: 100%; line-height: 50px;height: 50px; -webkit-border-radius:5px; -moz-border-radius:5px;-ms-border-radius:5px; border-radius:5px; text-align: center; color: #fff; display: inline-block;background-color: #307ad5}
.green{ background-color: #2aa70b !important;}
.green2{border:solid 1px #2aa70b !important;color: #2aa70b !important; }
.green2:hover{ background-color: #2aa70b !important; color:#fff !important; }
@media screen and (max-width:750px){
    .btn1{ width: 80%;margin:0 10%;line-height: 40px;height: 40px;}
}
.so{ float: left; width: 1200px;padding:25px 15px; background-color: #f5f5f5;box-shadow: 10px 10px 20px 10px #ccc;  box-sizing: border-box; position:relative; margin-top: -40px; z-index: 10;}
.so_box { float: right; width: 400px; line-height: 35px; height: 35px; padding-left:20px; padding-top: 8px; }
.so_input1 { line-height:35px; height:35px; width:300px; float:left; color: #666666; padding-left: 20px; background-image: url(../images/ico_so.png); background-repeat: no-repeat; background-position: 5px center; border: 1px solid #e2e2e2; font-size: 14px;border-top-left-radius:5px; border-bottom-left-radius:5px; }
.so_button1 { line-height: 35px; background-color: #dd4246; text-align: center; float: left; height: 35px; width: 70px; font-size: 14px; font-weight: normal; color: #FFFFFF; border:none; border-top-right-radius:5px; border-bottom-right-radius:5px; }
.hot_key { line-height: 40px; float: left; height: 40px; width: 640px; padding-right: 10px; white-space:nowrap; overflow:hidden; padding-top: 5px; }
.hot_key a { padding-left:8px; padding-right:8px;}

.catlist{ width: 100%; text-align: center; }
.catlist .catbox{ padding: 0px; font-size: 15px; display:inline-block; background-color: #d9d9d9; width: 140px; border-left: solid 1px #fff; overflow: hidden;}
.catlist .catbox a{line-height: 40px; height: 40px;color:#4b4a4a;display: block; text-align: center;}
.catlist .catbox.on,.catlist .catbox a:hover { background-color:#12469c; color:#fff !important; text-decoration:none;}
.catlist .catbox.on a{ color: #fff; }

.catlist2{ width: 100%; line-height: 45px; text-align: center; margin-top: 8px;}
.catlist2 span{width: 33.3%; font-size: 14px;display:inline-block;color:#fff; background-color: #232323; float: left; box-sizing: border-box; border-left: solid 1px #fff; margin:5px 0;}
.catlist2 span:nth-child(1){ border-top-left-radius: 23px;  border-bottom-left-radius: 18px; border-left: none; }
.catlist2 span:last-child{ border-top-right-radius: 23px;  border-bottom-right-radius: 18px; }
.catlist2 span a{color:#fff; display: block;}
.catlist2 span:hover ,.catlist2 span.on { background-color:#dd4246; color:#fff; text-decoration:none;}
.catlist2 span:hover a,.catlist2 span.on a{ color: #fff; }
@media screen and (max-width:750px){
    .catlist .catbox{ width: 24%; box-sizing: border-box;}
}
/*关于我们*/
.about{ width: 100%; float: left; padding: 50px 0; box-sizing: border-box;}
.about_box{ width: 100%; background-color: #fff; position: relative; float: left;}
.about_content{ width: 700px; float: left; position: relative; padding: 25px 35px; box-sizing: border-box; }
.about_content h3{ width: 100%; line-height: 50px; font-size: 22px; color: #293133; font-weight: normal;}
.about_content p{ line-height: 28px; color: #666; margin:10px 0;}
.about_content .amore{ width: 100%;  line-height: 35px;padding-top: 35px;background-image: url('../images/line1.png'); background-repeat: no-repeat; background-position: left bottom;}
.about_content .amore a{ color: #666; }
.about_pic{ width: 500px; position: relative; float: right; }
.about_pic img{ width: 100%; height: auto; }
@media screen and (max-width:1200px){
    .about_content{ width: 60%; padding: 15px 20px; }
    .about_pic{ width: 40%; }
}
@media screen and (max-width:1000px){
    .about_content{ width: 55%; padding: 15px 20px; }
    .about_pic{ width: 45%; }
}
@media screen and (max-width:750px){
	.about{ padding:15px 5px;}
    .about_content{ width: 100%; padding: 15px; }
    .about_content h3{ line-height: 2em; font-size: 1.2rem; }
    .about_content .amore{ font-size: .8rem; line-height: 2.5em; height: 2.5em; padding-top:10px; }
    .about_pic{ width: 100%; }
}
.zhaosheng{ width: 100%; float: left; padding:15px 0; position: relative; }
.zhaosheng li{ width: 50%; float: left; position: relative; padding:2px; box-sizing: border-box;}
.zhaosheng li .zsin{ width: 100%; float: left; padding:20px; box-sizing: border-box; }
.zhaosheng li .zsin span{ width: 100%; line-height: 70px; text-align: center;font-size: 50px; color: #fff; float: left;}
.zhaosheng li .zsin h3{ width: 100%; line-height: 50px; text-align: center;font-size: 20px; color: #fff;  float: left;}
.zhaosheng li .zsin p{ padding: 5px 0; color: #f5f5f5;line-height: 25px;font-size: 15px; text-align: center; float: left; width: 100%; box-sizing: border-box; opacity: .9;}

.color1{ background-color: #307ad5 !important; }
.color2{ background-color: #1967c7 !important; }
.color3{ background-color: #0150b0 !important; }
.color30{ background-color: #313b5e !important; }
.color4{ background-color: #198ede !important; }
.color5{ background-color: #05abc3 !important; }
.color6{ background-color: #1ec1d9 !important; }

.mode1{ height: 375px; padding:40px 20px; }/*模式1*/
.mode2{ height: 185px }/*模式1*/
.mode1 span{ padding:15px 0 !important;}
.mode1 h3{ line-height: 65px !important; }
.mode2 p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 25px;}
@media screen and (max-width:750px){
    .w50{ width: 100%; }
    .zhaosheng li{ padding: 1px; }
    .zhaosheng li .zsin{padding:10px;}
    .zhaosheng li .zsin span{ line-height: 50px;font-size: 35px;}
    .zhaosheng li .zsin h3{line-height: 40px;font-size: 1.1rem; font-weight: normal;}
    .zhaosheng li .zsin p{line-height: 1.8em;font-size: .9rem;}
    .mode1{ height: 302px; padding:30px 10px; }/*模式1*/
    .mode2{ height: 150px }/*模式1*/
    .mode1 span { font-size: 45px !important; }
    .mode1 h3{ line-height: 45px !important; }
}
.kecheng{ width: 100%; position: relative; padding:50px 0; float: left; background-color: #e9ecf0; }
.course{ width: 100%; float: left; padding:10px 0;position: relative; }
.coursebox{ width: 33.3%; padding:25px; box-sizing: border-box;float: left; position: relative;}
.coursein{ width: 100%; float: left;position: relative; background-color: #fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px; overflow: hidden; padding-bottom:30px; }
.coursein span{ width: 100%; float: left; position: relative;overflow: hidden;}
.coursein span img{ width: 100%; float: left;}
.coursein h3{ width: 100%; line-height: 50px; text-align: center; font-size: 18px; padding: 10px 0; float: left; }
.coursein p{ width: 100%; line-height: 2em; text-align: center; color: #666; float: left; padding:0 15px; box-sizing: border-box; height: 8em; overflow: hidden;}
.coursein dt{ width: 100%; text-align: center; color: #666; float: left;padding:10px 0; margin-top: 10px;}
@media screen and (max-width:1000px){
    .coursebox{ padding:15px; }
}
@media screen and (max-width:750px){
    .kecheng{padding:15px 0;}
    .coursebox{ padding:4px; }
    .coursein{ padding-bottom: 10px; }
    .coursein h3{ line-height: 2.5em;font-size: 1.1rem; padding: 5px 0;}
}
.liucheng{ width: 100%; float: left; position: relative;padding:50px 0; background-image: url('../images/bg3.jpg'); background-repeat: no-repeat; background-position:center center; background-color: #fff; }
.lclist{ width: 100%; float: left;position: relative;min-height: 400px;}
.lcbox{width: 25%; float: left; position: relative; padding:25px 0;}
.lcbox span{ width: 100%; float: left; position: relative;  text-align: center; }
.lcbox span i{ width: 60px; height: 60px; line-height: 60px; margin:0 auto;font-size: 50px;text-align: center;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%; padding:20px; background-color: #307ad5; color: #fff; }
.lcbox h3{ width: 100%; text-align: center; font-size: 20px; font-style: normal; line-height: 50px; float: left; padding-top: 40px; }
.lcbox p{ width: 70%; text-align: center; font-style: normal; color: #999; line-height: 25px; float: left; padding:0 15%; }

.lc1{ margin-top:50px; }
.lc2{ margin-top:65px; }
.lc2 i{ background-color: #1cb5a3 !important; border:solid 1px #1cb5a3 !important; }
.lc3{ margin-top:120px; }
.lc3 i{ background-color: #fea116 !important; border:solid 1px #fea116 !important; }
.lc4{ margin-top:95px; }
.lc4 i{ background-color: #fc4557 !important; border:solid 1px #fc4557 !important; }
@media screen and (max-width:1000px){
    .liucheng{ background-size: 150%; }
    .lc4{ margin-top:100px; }
}
@media screen and (max-width:1000px){
    .liucheng{ padding:15px 0; background-image: none; border-bottom: solid 10px #f5f5f5;}
    .lc1{ margin-top:20px; }
    .lc2{ margin-top:20px; }
    .lc3{ margin-top:20px; }
    .lc4{ margin-top:20px; }
    .lcbox{ padding: 5px; box-sizing: border-box; }
    .lcbox h3{ padding-top: 5px; line-height: 2.5em;}
    .lcbox span i{ width: 60px; height: 60px; line-height: 60px;font-size: 40px; padding:10px; }
    .lclist{ background-color: #fff; min-height: auto; }
    .lcbox p{ width: 100%;padding:0px; box-sizing: border-box; line-height: 1.7em; }
}
/*荣誉资质*/
.huanjing{ width: 100%; padding: 0px 0px 50px 0; position: relative; background-position: center center; background-repeat: no-repeat; background-color: #fff; float: left;}
.huanjingbox{ width: 100%; position: relative; float: left; }
.huanjinglist{ width: 100%; float: left; padding: 10px 0; position: relative;  }
.huanjinglist li{ width: 25%; padding: 5px; float: left; box-sizing: border-box;}
.huanjinglist li .hjin{ width: 100%; float: left; padding:10px;box-sizing: border-box; background-color: #fff; }
.huanjinglist span {float: left; width: 100%;background-color: #FFFFFF; }
.huanjinglist span img{ width: 100%; height: auto; }
.huanjinglist p{ width:100%; line-height:35px; text-align:center; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 16px; padding-top: 10px; }
.huanjinglist dt{ 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: #666; text-align: center; height: 50px; float: left;}
.huanjinglist div{ width: 100%; float: left; padding-top: 15px; padding-bottom: 10px; }
.huanjinglist div i{ width: 50%; float: left; line-height: 35px; text-align: center;  font-style: normal; padding: 0 5px;box-sizing: border-box; height: 35px;}
.huanjinglist div i a{ background-color: #dd4246; color: #fff; display: block; width: 100%; float: left; }
.huanjinglist div i a:hover{ background-color: #d31f24; }
.huanjingbox .swiper-button-next,.huanjingbox .swiper-button-prev{/* display: none;*/ background-repeat: no-repeat;background-position: center center; width: 35px; height: 35px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=85);opacity:0.85;}
.huanjingbox .swiper-button-next{ background-image:url('../images/arrow-right.png'); right: -45px;}
.huanjingbox .swiper-button-prev{ background-image:url('../images/arrow-left.png'); left: -45px;}
.huanjingbox .swiper-button-next:hover,.huanjingbox .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}

@media screen and (max-width:1200px){
    .huanjing{ padding: 15px 0; }
    .huanjinglist p{  line-height:3em;font-size: 1rem;}
    .huanjinglist dt{ line-height:1.8em; font-size: .8rem;}
    .huanjingbox .swiper-button-next{ background-image:url('../images/arrow-right.png'); right: 5px !important;}
    .huanjingbox .swiper-button-prev{ background-image:url('../images/arrow-left.png'); left: 5px !important;}
}
@media screen and (max-width:750px){
    .huanjinglist li .hjin{padding:5px;}
}

/*定制*/
.about1{ width: 100%; padding: 0; position: relative; background-position: top center; background-repeat: no-repeat; background-color: #12469c; }
.dingzhi{ width: 480px; float: right;padding: 25px 50px; position: relative;background-color: #fff; box-sizing: border-box; margin:60px 0;}
.dingzhi h2{ width: 100%; float: left; font-size: 20px; color: #307ad5; line-height: 45px; padding-top: 20px; }
.dingzhi p{ width: 100%; float: left; font-size: 15px; color: #666; line-height: 25px; }
.dingzhibox{ width: 100%; float: left; padding: 15px 0; }
.dingzhibox div{ width: 100%; float: left; padding: 8px 0;}
.input_area{ width: 100%; padding: 10px; line-height: 25px; color:#333333; border: 1px solid #e2e2e2;box-sizing: border-box; height: 70px; font-family: 'microsoft Yahei'}
.input-text3 { width:100%; line-height:40px; height:40px; color:#333333; border: 1px solid #e2e2e2; padding: 0 10px; box-sizing: border-box;}
.dingzhi_tel{ width: 100%; line-height: 45px; color: #fff; text-align: center;  font-size: 18px;}

.numbox{ width: 700px; position: relative;}
.num_list { float: left; width: 600px; margin-top: 25px; border:solid 1px #073a8d;padding: 20px;background-image: url('../images/youshi.png'); background-repeat: no-repeat; background-position: center center;}
.num_list li { padding: 30px 40px; float: left; width: 280px;  margin: 10px; box-sizing: border-box; box-sizing: border-box; background-image: url('../images/yellow50.png');-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
.num_list span { text-align: center;  width: 100%; line-height: 30px; font-size: 16px; color: #fff; float: left; }
.num_list span i{ height:60px; line-height:60px; font-size:45px; font-style:normal; font-weight:bold; margin:0 auto; padding-top: 20px;}
.num_list p { line-height: 30px; color: #fff; text-align: center; float: left;padding: 5px 0; }

.ysbox{ width: 700px; position: relative; float: left; margin-top: 30px;}
.yslist{ float: left; width: 100%; margin-top: 15px; border:solid 1px #073a8d;padding: 20px; box-sizing: border-box;}
.yslist li{ width: 50%; padding:15px 15px; float: left; position: relative; box-sizing: border-box; }
.yslist li .in{ width: 100%; float: left; position: relative; padding:10px;min-height: 50px;  box-sizing: border-box;}
.yslist li .in span{ width: 50px; height: 50px; -webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%x;border-radius:50%; background-color: #fff; position: absolute;left: -25px; top: -20px; text-align: center; font-size: 30px; color: #12469c; line-height: 50px;}
.ysinfo{ width: 100%; float: left; padding:15px; box-sizing: border-box; }
.ysinfo h3{ color: #fff; width: 100%; line-height: 35px; font-size: 20px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.ysinfo p{ width: 100%; line-height: 1.8em; color: #fff; opacity: .8; max-height: 3.6em; overflow: hidden; }
@media screen and (max-width:1200px){
    .dingzhi{width: 38%; box-sizing: border-box;padding: 15px 30px; margin-left: 2%;}
    .ysbox{ width: 60% }
    .ysinfo h3{ font-size: 18px; }
}
@media screen and (max-width:750px){
    .dingzhi{width: 90%; box-sizing: border-box;padding: 15px; margin: 5%;}
    .yslist{ padding: 10px; }
    .yslist li{padding:8px;}
    .yslist li .in span{ width: 35px; height: 35px;left: -14px; top: -10px; font-size: 25px;line-height: 35px;}
    .ysbox{ width: 100%; padding:5px; box-sizing: border-box;}
    .ysinfo h3{ font-size: 1rem; }
}
.news{ width: 100%; float: left; position: relative; float: left; padding:25px 0; }
.newsbox{ width: 33.3%; float: left;position: relative;padding:15px; float: left;box-sizing: border-box; }
.newsin{ width: 100%;float: left; position: relative; background-color: #fff; }
.newsinfo{width: 100%; float: left; padding:0; position: relative;}
.newsinfo span{ width: 100%; float: left; position: relative;}
.newsinfo span img{ width: 100%; height: auto; }
.newscat{ width: 40px; line-height: 20px; padding:5px; background-color: #fea116; text-align: center; height: 40px; color: #fff; position: absolute; top: 0px; left: 20px; font-size:15px; }
.newscat a{ color:#fff; }
.toutiao{ width: 100%; padding:10px 20px; float: left; position: relative; box-sizing: border-box; }
.toutiao h3{ width: 100%; line-height: 1.8em; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: .3em 0; }
.toutiao p{ width: 100%; line-height: 1.6em; color: #999; }
.toutiao dt{ width: 100%; line-height: 2em; color: #cecece; font-size: .8em; }
.newslist{ width: 100%; float: left; padding:10px 20px; box-sizing: border-box;float: left; position: relative;}
.newslist li{ width: 100%; line-height: 45px; height: 45px; float: left; border-top: solid 1px #e2e2e2; background-image: url('../images/ico1.jpg'); background-repeat: no-repeat; background-position: 2px center; padding-left: 10px;box-sizing: border-box;position: relative; }
.newslist li a{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; padding-right: 90px; box-sizing: border-box;}
.newslist li span{ float: right; color: #999; width: 80px; position: absolute; line-height: 45px; top: 0; right: 0; }
@media screen and (max-width:1200px){
    .newsbox{ padding: 10px; }
}
@media screen and (max-width:750px){
    .newsbox{ padding: 10px; width: 100%; }
}
.links { line-height: 25px; color: #999999; ; float: left; width: 100%; padding:10px 0; box-sizing: border-box;}
.links b { font-weight:normal; float:left; width:60px; text-align:center; padding-left: 25px;background-image: url(../images/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:750px){
    .links{ padding: 10px; }
}
/*底部*/
.bottom { width: 100%; padding-top: 30px; padding-bottom: 30px; background-color: #0046bb; margin-top: 10px;}
.bottom1 { background-color: #1e1e1e; width: 100%; padding-top: 40px; padding-bottom: 30px; }
.bottom_logo { float: left; width: 300px; padding-right: 60px; }
.bottom_logo img{ width: 240px; height: auto; }
.bottom_box1 { width: 100px; padding-right: 40px; padding-left: 40px;  float: left; border-right: 1px solid #12469c; padding-bottom: 20px;}
.bottom_box1 ul{ width: 100%; float: left;padding-top: 15px; }
.bottom_box1 li { width:100%; line-height:30px; float:left; }
.bottom_box1 li a { color:#ccc;}

.bottom_box2 { width: 300px; padding-right: 40px;  float: left; border-right: 1px solid #12469c;padding-bottom: 0px;}
.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:#ccc;}
.bottom_box3 { float: right; width: 360px; }
.bottom_box3 p { line-height: 28px; color: #fff; height: 28px; width:100%; }
.bottom_box3 h2 { font-size: 26px; line-height: 40px; color: #f7b71e; height: 40px; width: 100%; font-weight: bold; padding-bottom: 10px; }
.contact { width: 300px; padding-left: 60px; padding-right:60px; border-right: 1px solid #12469c; float: left; color:#ccc; 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('../images/line1.png'); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 5px;}
.btel{ padding-left: 60px;background-image: url(../images/top_tel2.png); background-repeat: no-repeat; background-position: left center; margin-bottom: 15px; color: #fff;}
.btel h3{ color: #fff; }
.ico_dh{ background-image: url('../images/ico_dh.png'); padding-left: 30px; box-sizing: border-box; }
.ico_lx{ background-image: url('../images/ico_lx.png'); padding-left: 30px; box-sizing: border-box; }
.weixin { float: left;width:100%; }
.weixin span { float: left; width: 110px; text-align: center; color: #fff; line-height: 25px; padding:10px; box-sizing: border-box;}
.weixin span img{ width: 90px; height: auto; }
.weixin p { line-height: 70px; color: #fff; height: 70px; width: 160px; float: right; }
.bottom2 { background-color: #12469c; width: 100%; padding-top: 15px; padding-bottom: 15px; }
.copyright { line-height: 25px; color: #f3eee1; text-align: center; float: left; width: 100%; }
.copyright a { color:#f3eee1; 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: #293133; display: none; }
.footnav{}
.footnav li{ float:left; width:25%; border-right: 1px solid #373d3e; border-left: 1px solid #171d1f; 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: #12469c; 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,.bottom_box2{ display: none; }
    .contact{ width: 55%; padding-left: 15px;  box-sizing: border-box;}
    .bottom_box3{ width: 40%; }
    .weixin span { float: left; max-width: 110px; width: 33.3%; padding:8px; box-sizing: border-box;}
}
@media screen and (max-width:750px){
    .bottom{ padding: 10px; box-sizing: border-box; }
    .bottom_box1{ display: none; }
    .contact{ width:100%; padding: 10px;  box-sizing: border-box; border-right: 0px;}
    .bottom_box3{width: 100%; border-top: solid 1px #043689; padding-top:15px;}
    .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; }
    
}