*{margin:0;padding:0}
body{background:#fff;margin:0;padding:0;text-decoration:none;font-variant:normal;font-family:"Microsoft YaHei"}
a:active,a:hover,a:link,a:visited{text-decoration:none}
a{text-decoration:none; color:#333;}
a:hover{ color:#014a84}
li{list-style-type:none}
ol,ul{list-style-type:none;list-style-image:none}
input[type=button],input[type=submit],input[type=text]{-webkit-appearance:none ; outline:none;}
textarea{-webkit-appearance:none}
select{-webkit-appearance:none}

@media (min-width:320px){body,html{font-size:15px}
}

.main{width:1200px;margin:0 auto}

.head{width:100%;height:110px}

.head .had{position:relative; width:1200px; margin:0px auto;  height:95px; z-index:9999}

.head .logo{float:left;margin-top:26px;}

.m_text{ float:left; border-left:1px #ccc solid; margin:25px  20px 0; padding-left:20px;}
.m_text h3{ font-size:22px; color:#333;}
.m_text p{ font-size:16px; color:#333;}
.m_text h3 span,.m_text p span{ color:#014a84}


.head .had .tel{ float:right; overflow:hidden; background:url(../images/hot.png) no-repeat left top 20px; padding-left:42px; margin-top:10px;}
.head .had .tel img{ vertical-align:middle; margin-right:8px;}
.head .had .tel p{ margin-top:15px; color:#999;}
.head .had .tel h3{ font-size:24px; color:#014a84;font-weight:400;}
.head .had .tel span{ font-size:16px; font-weight:400; color:#999;}


.nav{ height:60px;  width:100%; line-height:60px; margin:0px auto; border-top:1px #ccc solid; border-bottom:1px #ccc solid; position:relative; z-index:99 }
.nav ul{ width:1200px; margin:0px auto}
.nav ul li{float:left; width:16.6%; text-align:center; border-right:1px #ccc solid; box-sizing:border-box; position:relative;}
.nav ul li:first-child{ border-left:1px #ccc solid}
.nav ul li a{color:#222;display:block;width:100%;font-size:16px;}
.nav ul li a:hover{color:#014a84}
.nav ul li ul{     position: absolute; display:none; left: 0px; width: 100%; background: #fff; border-top: 3px #014a84 solid; z-index: 999;}
.nav ul li ul li{ margin:0px; height:40px; line-height:40px; text-align:center; width:100% ; border-bottom:1px #ccc solid;}
.nav ul li ul li a{ padding:0px;}
.nav ul li:hover ul{ display:block;}


.pc-banner{width:100%;height:auto;overflow:hidden}
.pc-banner .swiper-slide img{width:100%}

.m-banner{width:100%;height:auto;overflow:hidden; display:none;}
.m-banner .swiper-slide img{width:100%}


.concept{width:100%;height:auto;overflow:hidden;margin-top:60px}
.title{position:relative}
.title p:after{content:"";width:160px;height:1px;position:absolute;top:35px;right:-160px;background:#666}
.title p:before{content:"";width:160px;height:1px;position:absolute;top:35px;left:-160px;background:#666}
.title p{color:#333;font-size:32px;display:table;margin:0 auto;z-index:1;padding:0 20px;position:relative;text-align:center}
.title i{padding-right:5px}
.title span{color:#666;font-size:14px;font-family:Arial;text-align:center;display:block;font-style:italic;text-transform:uppercase;margin-top:5px}

.about{width:1200px;overflow:hidden;margin:20px auto; }
.about .title{margin-top:50px}
.about .left{float:left;width:600px;height:auto;overflow:hidden;position:relative;background:#f1f1f1;margin-top:40px}
.about .swiper-slide img{display:block;width:100%;}
.about .swiper-slide .info{position:absolute;left:0;bottom:0;width:100%;padding:15px 20px;box-sizing:border-box;background:rgba(0,0,0,.6)}
.about .swiper-slide .info h4{color:#fff;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; width:400px; float:left; font-weight:400;}
.about .swiper-slide .info p{color:#fff;font-size:12px;margin-top:10px}
.about .swiper-button-next{width:35px;height:60px;position:absolute;top:50%;margin-top:-30px;left:0;z-index:100;background:url(../images/left.png) no-repeat left center}
.about .swiper-button-prev{position:absolute;left:auto;right:0;width:35px;height:60px;top:50%;z-index:100;margin-top:-30px;background:url(../images/right.png) no-repeat right center}

.about .swiper-container-horizontal>.swiper-pagination-bullets, 
.about .swiper-pagination-custom, 
.about .swiper-pagination-fraction{width:80px; left:auto; right:0px; bottom:16px;}

.about .swiper-pagination-bullet { background: #fff;}

.about .shuzi{ overflow:hidden; background:#014a84; padding:30px 0}
.about .shuzi ul{ overflow:hidden; }
.about .shuzi ul li{ width:25%; float:left; text-align:center; }
.about .shuzi ul li span{ display:block; font-size:16px; color:#fff; }
.about .shuzi ul li span b{ font-family:Impact; font-size:30px; color:#fff;}
.about .shuzi ul li p{ font-size:16px; color:#fff;}


.about .right{float:right;width:580px; overflow:hidden;margin-top:50px }
.about .right h3{ font-size:30px; color:#014a84; }
.about .right h3 span{ font-size:24px; text-transform:uppercase; color:#999999; margin-left:10px; }  
.about .right dd{ font-size:24px; color:#014a84; margin:10px auto 5px;} 
.about .right dt{ font-size:16px; color:#666} 
.about .right .a_txt { overflow:hidden; line-height:28px; font-size:15px; color:#666; margin-top:25px; display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.about .right .a_txt p{ text-indent:2em; line-height:0.32rem; }
.about_box{ overflow:hidden;}

.about .right .gengduo{ width:150px; height:40px; margin-top:20px; line-height:40px; border-radius:6px; text-align:center; border:1px #ccc solid; }
.about .right .gengduo a{color:#666;}
.about .right .gengduo:hover{ background:#014a84}
.about .right .gengduo:hover a{ color:#fff;}


.kbj{ overflow:hidden; background:url(../images/kbj.png) repeat-x; margin:0px auto; height:214px;}

.cn{ width:auto;box-shadow:0 0 5px #ccc; background:#fff; overflow:hidden; border-radius:10px; margin:50px 10px 0; }
.cn ul{ overflow:hidden; padding:20px 0;} 
.cn ul li{ width:25%; float:left; text-align:center; overflow:hidden;} 
.cn ul li p{ text-align:center; font-size:16px;}



.pic_box{ background:#e7f3fc; overflow:hidden; margin:0px auto; padding-bottom:50px;}

.title_bt{ overflow:hidden; font-size:24px; color:#014a84; position:relative;  margin-top:60px;}
.title_bt b{font-weight:400; padding-left:10px;}
.title_bt b:before{content:""; height:22px; width:3px; background:#014a84; position:absolute; left:0px; top:5px;}
.title_bt i{ color:#999; font-size:14px; margin-left:10px; font-style:normal; text-transform:uppercase;}
.title_bt  span{ float:right;}
.title_bt  span a{ margin:0 5px; text-align:center; color:#666; border:1px #ccc solid; display:inline-block; font-size:14px; height:30px; line-height:30px; padding:0 20px}
.title_bt  span a:hover { background:#014a84 ; color:#fff;border:1px #014a84 solid;}
.title_bt  span a.osel{ background:#014a84 ; color:#fff;border:1px #014a84 solid;}


.title_bt  em{ float:right; font-style:normal;}
.title_bt  em a{ margin:0 5px; text-align:center; color:#666; border:1px #ccc solid; display:inline-block; font-size:14px; height:30px; line-height:30px; padding:0 20px}
.title_bt  em a:hover { background:#014a84 ; color:#fff;border:1px #014a84 solid;}


.pic_content{ overflow:hidden; margin:40px auto 0;  }
.pic_content ul{ overflow:hidden; display:none}
.pic_content ul li{ overflow:hidden; width:25%; height:240px;  border:5px #fff solid; box-sizing:border-box;  float:left;  position:relative; }
.pic_content ul li:first-child{ width:50%; height:480px; float:left; border:5px #fff solid;}
.pic_content ul li div{ overflow:hidden;}
.pic_content ul li div img{ width:100%; height:100%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.pic_content ul li div:hover  img{transform:scale(1.05);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.pic_content ul li  h3{ font-size:18px; text-align:center; color:#bold;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position:absolute; bottom:0px; height:50px; line-height:50px; background:rgba(0,0,0,0.6); width:100%}

.pic_content ul li a h3{ color:#fff;}
.pic_content ul li:hover a h3{ background:rgba(1,74,132,0.8);}


.pic_con{ overflow:hidden; margin:0px auto 0;  }
.pic_con{ overflow:hidden;}
.pic_con ul{ overflow:hidden;}
.pic_con ul li{ overflow:hidden; width:33.33%; border:10px #fff solid; box-sizing:border-box;  float:left; }
.pic_con ul li div{ overflow:hidden; padding:10px; border:1px #ccc solid;}
.pic_con ul li div img{ width:100%; height:100%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.pic_con ul li:hover img{transform:scale(1.05);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.pic_con ul li  p{ font-size:16px; text-align:left; padding:0 15px; height:30px; position:relative; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  text-align:center }
.pic_con ul li a p{ color:#333;}
.pic_con ul li:hover a p{ color:#014a84}


.gengduo1{ width:150px; height:40px; margin:50px auto; line-height:40px; border-radius:6px; text-align:center; border:1px #ccc solid; }
.gengduo1 a{color:#666;}
.gengduo1:hover{ background:#014a84}
.gengduo1:hover a{ color:#fff;}


.case{ overflow:hidden; margin:30px auto;}
.case ul{ overflow:hidden; margin:30px auto 0}
.case ul li{ width:33.33%; border:10px #fff solid; float:left; box-sizing:border-box; overflow:hidden; position:relative;}
.case ul li div{ height:50px; line-height:50px;  position:absolute; bottom:0px; width:100%; overflow:hidden; background:rgba(0,0,0,0.6); text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#fff;}
.case ul li img{ width:100%; height:100%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.case ul li:hover img{transform:scale(1.05);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}


.concept ul{height:auto;margin-top:30px}
.concept ul li{float:left;width:31.3333333333%;height:144px;border:1px solid #ccc;box-sizing:border-box;transition:.3s;padding:0 35px}
.concept ul li:hover{box-shadow:0 0 10px 1px #d5d5d3}
.concept ul li{display:flex;justify-content:flex-start;align-items:center;margin-bottom:18px; margin:1%}

.concept ul li i{display:block;width:65px;height:65px;box-sizing:border-box;margin-right:25px}
.concept ul li h4{color:#333;font-size:20px}
.concept ul li p{color:#666;font-size:18px;line-height:24px;margin-top:10px}
.concept ul li:nth-child(1) i{background:url(../images/part1-icon01.png) no-repeat center }
.concept ul li:nth-child(2) i{background:url(../images/part1-icon02.png) no-repeat center}
.concept ul li:nth-child(3) i{background:url(../images/part1-icon03.png) no-repeat center}
.concept ul li:nth-child(4) i{background:url(../images/part1-icon04.png) no-repeat center}
.concept ul li:nth-child(5) i{background:url(../images/part1-icon05.png) no-repeat center}
.concept ul li:nth-child(6) i{background:url(../images/part1-icon06.png) no-repeat center}


.adv{width:100%;background: #eeeeee; background-size:cover;overflow:hidden;margin-top:60px; padding-bottom:50px; padding-top:40px;}

.adv .swiper-container{margin-top:35px; padding-bottom:50px;}
.adv .swiper-slide .icon{ overflow:hidden;}
.adv .swiper-slide .icon img{ width:100%; height:100%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.adv .swiper-slide .icon:hover img{transform:scale(1.05);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}


.adv .swiper-slide p{ height:50px; line-height:50px;font-size:15px; text-align:center;margin:0 auto;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.adv .swiper-pagination-bullet { width: 30px; height: 5px;display: inline-block; border-radius: 6px; background: #999;opacity: 1;}
.adv .swiper-pagination-bullet-active{ background:#014a84}


.news{ overflow:hidden; margin:30px auto;}
.news_left{ width:480px; float:left; overflow:hidden; margin-top:40px;}
.news_left div{ overflow:hidden; height:350px;}
.news_left div iframe{ width:480px; height:350px;}
.news_left h3{ font-size:18px; color:#014a84; height:36px; line-height:36px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal;}
.news_left dd{ font-size:12px; color:#999; margin-bottom:5px;}
.news_left p{ height:50px;  line-height:24px; font-size:13px; color:#555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }

.news_right{ width:57%; float:right; overflow:hidden; margin-top:40px;}
.news_right ul{ overflow:hidden;}
.news_right ul li{height:auto;padding:15px; border:1px #dedede dotted;box-sizing:border-box;margin-bottom:15px;overflow:hidden}
.news_right ul li .time{float:left;width:110px;height:110px;background:#707070;color:#fff;margin-right:15px;}
.news_right ul li .time b{color:#fff;font-size:30px;text-align:center;margin-top:10px;display:block}
.news_right ul li .time b:after{content:"一"; color:#fff; display:block; font-weight:300; line-height:14px;}
.news_right ul li .time p{display:block;text-align:center;font-size:15px}
.news_right ul li .info{overflow:hidden; }
.news_right ul li .info h4{color:#1a1a1a;font-size:18px; padding-right:50px;white-space:nowrap;text-overflow:ellipsis; position:relative; overflow:hidden;font-weight:400;line-height: 42px;}
.news_right ul li .info h4:after{ content:url(../images/kt.png); position:absolute; right:20px; top:0px;}
.news_right ul li:hover .time{background:#014a84}
.news_right ul li:hover .info h4{color:#333}
.news_right ul li .info p{color:#666;font-size:13px;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px}
.news_right ul li:hover{ border:1px #014a84 dotted;}
.news_right ul li:hover a .info h4{color:#014a84;}

.section{width:100%;height:auto;padding:66px 0;background:#f4f4f4;margin-top:60px}
.section .bd{width:1200px;margin:0 auto;height:500px;background:#fff;box-shadow:0 0 5px 2px #d2d1d1}



.news_lb{ width:auto; overflow:hidden; margin-top:40px;}
.news_lb ul{ overflow:hidden;}
.news_lb ul li{height:auto;padding:15px; width:48%; float:left; margin:1%; border:1px #dedede dotted;box-sizing:border-box;margin-bottom:15px;overflow:hidden}
.news_lb ul li .time{float:left;width:110px;height:110px;background:#707070;color:#fff;margin-right:15px;}
.news_lb ul li .time b{color:#fff;font-size:30px;text-align:center;margin-top:10px;display:block}
.news_lb ul li .time b:after{content:"一"; color:#fff; display:block; font-weight:300; line-height:14px;}
.news_lb ul li .time p{display:block;text-align:center;font-size:15px}

.news_lb ul li .info{overflow:hidden; }
.news_lb ul li .info h4{color:#1a1a1a;font-size:18px; padding-right:50px;white-space:nowrap;text-overflow:ellipsis; position:relative; overflow:hidden;font-weight:400;line-height: 42px;}
.news_lb ul li .info h4:after{ content:url(../images/kt.png); position:absolute; right:20px; top:0px;}
.news_lb ul li:hover .time{background:#014a84}
.news_lb ul li:hover .info h4{color:#333}
.news_lb ul li .info p{color:#666;font-size:13px;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px}
.news_lb ul li:hover{ border:1px #014a84 dotted}
.news_lb ul li:hover a .info h4{ color:#014a84}


/*


.adv .swiper-pagination{ display:none;}
.adv .swiper-pagination .swiper-pagination-bullet-active{background:#014a84}
.adv .swiper-slide i{display:block;width:60px;height:60px;margin:0 auto;overflow:hidden;box-sizing:border-box}
.adv .main{padding:0 5px;overflow:hidden}
.adv .swiper-container{overflow:initial}
.adv .swiper-slide:hover .icon{background:#014a84}



.adv .swiper-slide:nth-child(1) .icon i{background:url(../images/icon02.png) no-repeat -65px top}
.adv .swiper-slide:nth-child(1):hover i{background:url(../images/icon02.png) no-repeat -65px bottom}
.adv .swiper-slide:nth-child(2) .icon i{background:url(../images/icon02.png) no-repeat -832px top}
.adv .swiper-slide:nth-child(2):hover i{background:url(../images/icon02.png) no-repeat -832px bottom}



.adv .swiper-slide:nth-child(3) .icon i{background:url(../images/icon02.png) no-repeat -130px top}
.adv .swiper-slide:nth-child(3):hover i{background:url(../images/icon02.png) no-repeat -130px bottom}
.adv .swiper-slide:nth-child(4) .icon i{background:url(../images/icon02.png) no-repeat -190px top}
.adv .swiper-slide:nth-child(4):hover i{background:url(../images/icon02.png) no-repeat -190px bottom}
.adv .swiper-slide:nth-child(5) .icon i{background:url(../images/icon02.png) no-repeat -257px top}
.adv .swiper-slide:nth-child(5):hover i{background:url(../images/icon02.png) no-repeat -257px bottom}
.adv .swiper-slide:nth-child(6) .icon i{background:url(../images/icon02.png) no-repeat -323px top}
.adv .swiper-slide:nth-child(6):hover i{background:url(../images/icon02.png) no-repeat -323px bottom}
.adv .swiper-slide:nth-child(7) .icon i{background:url(../images/icon02.png) no-repeat -390px top}
.adv .swiper-slide:nth-child(7):hover i{background:url(../images/icon02.png) no-repeat -390px bottom}
.adv .swiper-slide:nth-child(8) .icon i{background:url(../images/icon02.png) no-repeat -455px top}
.adv .swiper-slide:nth-child(8):hover i{background:url(../images/icon02.png) no-repeat -455px bottom}
.adv .swiper-slide:nth-child(9) .icon i{background:url(../images/icon02.png) no-repeat -520px top}
.adv .swiper-slide:nth-child(9):hover i{background:url(../images/icon02.png) no-repeat -520px bottom}
.adv .swiper-slide:nth-child(10) .icon i{width:56px;background:url(../images/icon02.png) no-repeat -582px top}
.adv .swiper-slide:nth-child(10):hover i{background:url(../images/icon02.png) no-repeat -583px bottom}
.adv .swiper-slide:nth-child(11) .icon i{background:url(../images/icon02.png) no-repeat -640px top}
.adv .swiper-slide:nth-child(11):hover i{background:url(../images/icon02.png) no-repeat -640px bottom}
.adv .swiper-slide:nth-child(12) .icon i{background:url(../images/icon02.png) no-repeat -702px top}
.adv .swiper-slide:nth-child(12):hover i{background:url(../images/icon02.png) no-repeat -702px bottom}
.adv .swiper-slide:nth-child(13) .icon i{background:url(../images/icon02.png) no-repeat -765px top}
.adv .swiper-slide:nth-child(13):hover i{background:url(../images/icon02.png) no-repeat -765px bottom}

.adv .swiper-slide:nth-child(15) .icon i{background:url(../images/icon02.png) no-repeat -900px top}
.adv .swiper-slide:nth-child(15):hover i{background:url(../images/icon02.png) no-repeat -900px bottom}
.adv .swiper-slide:nth-child(16) .icon i{background:url(../images/icon02.png) no-repeat -965px top}
.adv .swiper-slide:nth-child(16):hover i{background:url(../images/icon02.png) no-repeat -965px bottom}
.adv .swiper-slide:nth-child(17) .icon i{background:url(../images/icon02.png) no-repeat -1030px top}
.adv .swiper-slide:nth-child(17):hover i{background:url(../images/icon02.png) no-repeat -1030px bottom}
.adv .swiper-slide:nth-child(18) .icon i{background:url(../images/icon02.png) no-repeat -1084px top}
.adv .swiper-slide:nth-child(18):hover i{background:url(../images/icon02.png) no-repeat -1084px bottom}
.adv .swiper-slide:nth-child(19) .icon i{background:url(../images/icon02.png) no-repeat -1146px top}
.adv .swiper-slide:nth-child(19):hover i{background:url(../images/icon02.png) no-repeat -1146px bottom}
.adv .swiper-slide:nth-child(20) .icon i{background:url(../images/icon02.png) no-repeat right top}
.adv .swiper-slide:nth-child(20):hover i{background:url(../images/icon02.png) no-repeat right bottom}
.adv .swiper-slide:hover h4{color:#014a84}
.adv .swiper-slide:hover p{color:#014a84}*/

/*
.about{width:100%;overflow:hidden;margin-top:60px}

.about .about_cont{overflow:hidden; margin:40px auto;}
.about .pic{float:left;width:45%}
.about .pic img{display:block;width:100%}
.about .intro{float:right;width:55%}
.about .intro h3{font-size:24px;overflow:hidden;margin:30px 30px 20px}
.about .intro h3:after{content:"——";color:#000;display:block}
.about .intro .info{height:239px;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;overflow:hidden;font-size:15px;line-height:26px;padding:0 30px;color:#666; text-indent:2em;}
.about .intro a{display:block;width:160px;height:45px;border:1px #888888 solid;text-align:center;line-height:45px;color:#fff;float:left;margin-right:29px; border-radius:6px; background:#888888; margin-left:20px; margin-top:20px;}
.about .intro a:hover{background:#333;color:#fff;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

*/


.tab{width:100%;height:auto;margin:30px auto;overflow:hidden;}
.tab ul li{display:inline-block; padding:0 20px; margin:0 5px; height:50px;text-align:center;border:1px solid rgba(224,224,224,0.1);border-radius:6px;box-sizing:border-box;line-height:48px;background:#f1f1f1;}
.tab ul li a{display:block;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#555; }
.tab ul li:hover{background:#014a84}
.tab ul li:hover a{color:#fff}


.class{width:100%;height:370px;background:#f8f8f8;overflow:hidden;margin-top:50px}
.class .title{margin-top:60px}
.class .title p{background:#f8f8f8}
.class ul{margin-top:30px;height:auto;overflow:hidden}
.class ul li{float:left;height:auto;overflow:hidden;margin-left:105px}
.class ul li:first-child{margin-left:0}
.class ul li i{display:block;width:70px;height:66px;margin-right:15px;float:left}
.class ul li:nth-child(1) i{background:url(../images/icon04.png) no-repeat left bottom}
.class ul li:nth-child(2) i{background:url(../images/icon04.png) no-repeat -333px bottom}
.class ul li:nth-child(3) i{width:65px;background:url(../images/icon04.png) no-repeat -667px bottom}
.class ul li:nth-child(4) i{background:url(../images/icon04.png) no-repeat right bottom}
.class ul li div{float:left;margin-top:5px}
.class ul li div p{color:#222;font-size:23px}
.class ul li div span{color:#666;font-size:15px;margin-top:5px;display:block}
.class .more{display:block;width:180px;height:50px;background:#014a84;text-align:center;line-height:50px;color:#fff;margin:0 auto;margin-top:40px;border-radius:10px;font-size:15px}
.students{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:50px}
.students .show{width:100%;height:auto;overflow:hidden;margin-top:30px}
.students .show .box{width:800%}
.students .show .pic{float:left}
.students .show .pic ul li{float:left;width:282px;height:auto;margin-left:25px;overflow:hidden;position:relative;border:1px solid #e8e8e8}
.students .show .pic ul li:hover img{transform:scale(1.05)}
.students .show .pic ul li img{display:block;width:100%;transition:.5s;border:1px solid height: 355px}
.students .show .pic ul li .info{width:100%;height:auto;overflow:hidden;background:rgba(0,0,0,.6);position:absolute;left:0;bottom:0;padding:20px 30px;box-sizing:border-box}
.students .show .pic ul li .info p{color:#fff;font-size:15px;line-height:25px}
.students .more{display:block;width:180px;height:50px;background:#014a84;text-align:center;line-height:50px;color:#fff;margin:0 auto;margin-top:40px;border-radius:10px;font-size:15px}
.teacher{width:100%;height:686px;overflow:hidden;background:#f8f8f8;margin-top:60px}
.teacher .title{margin-top:50px}
.teacher .title p{background:#f8f8f8}
.teacher .show{width:100%;height:auto;overflow:hidden;margin-top:35px}
.teacher .show .box{width:800%}
.teacher .show .pic{float:left}
.teacher .show .pic ul li{float:left;width:384px;height:auto;position:relative;overflow:hidden;margin-left:22px}
.teacher .show .pic ul li img{display:block;width:100%;height:384px;transition:.5s}
.teacher .show ul li .info{width:100%;height:auto;overflow:hidden;background:rgba(0,0,0,.5);position:absolute;padding:15px 30px;box-sizing:border-box;transition:.5s;left:0;bottom:-98px;z-index:1}
.teacher .show ul li:hover .info{bottom:0}
.teacher .show ul li .info .tit{border-bottom:1px solid #fff;height:52px}
.teacher .show ul li .info .tit h4{color:#fff;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400}
.teacher .show ul li .info .tit span{color:#fff;display:block;font-size:12px;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.teacher .show ul li .info .text{color:#fff;font-size:12px;line-height:24px;margin-top:10px;height:72px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.teacher .show ul li:hover img{transform:scale(1.05)}
.teacher .more{display:block;width:180px;height:50px;background:#014a84;text-align:center;line-height:50px;color:#fff;margin:0 auto;margin-top:40px;border-radius:10px;font-size:15px}
.advice{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:50px}
.advice .swiper-container{margin-top:30px}
.advice .swiper-slide{width:240px;height:auto;overflow:hidden;position:relative}
.advice .swiper-slide img{display:block}
.advice .swiper-slide .intro{position:absolute;left:0;width:100%;height:100%;top:0;transition:.5s}
.advice .swiper-slide .intro h4{position:relative;text-align:center;padding-top:30px;color:#fff;font-size:20px;transition:.5s;width:90%;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:140px}
.advice .swiper-slide .intro h4:after{content:"";width:26px;height:3px;background:#fff;position:absolute;transition:.5s;left:50%;top:0;margin-left:-13px}
.advice .swiper-slide .intro p{color:#fff;font-size:12px;width:175px;margin:0 auto;line-height:22px;margin-top:20px;transition:.5s;opacity:0;transform:scale(0);display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden}
.intro iframe{
	width:1000px;
	height:420px;
	display:block;
	margin:0 auto;
}
.advice .swiper-slide .intro span{display:block;color:#fff;font-size:12px;text-align:center;transition:.5s;margin-top:10px}
.advice .swiper-slide:hover .intro{background:rgba(235,179,62,.8)}
.advice .swiper-slide:hover .intro h4{margin-top:60px}
.advice .swiper-slide:hover .intro h4:after{opacity:0}
.advice .swiper-slide:hover .intro span{transform:scale(0);vertical-align:middle}
.advice .swiper-slide:hover .intro p{opacity:1;transform:scale(1);margin-top:-10px}


.lc{width:100%;overflow:hidden;margin-top:0px;}
.lc .title{margin-top:50px}

.lc .swiper-container{margin-top:30px; padding-bottom:20px;}
.lc .swiper-slide{float:left;width:150px;margin-left:60px;position:relative}
.lc .swiper-slide:last-child:after{width:0;height:0;overflow:hidden}
.lc .swiper-slide:first-child{margin-left:0}
.lc .swiper-slide i{display:block;width:116px;border-radius:50%;height:116px;border:15px solid #eee;background:url(../images/icon05.png) no-repeat left top}
.lc .swiper-slide:after{content:"";width:18px;height:21px;background:url(../images/icon07.png) no-repeat;position:absolute;right:-40px;top:60px}
.lc .swiper-slide h4{color:#333;font-size:16px;font-weight:bold;text-align:center;margin-top:20px;overflow:hidden}
.lc .swiper-slide p{color:#666;font-size:12px;line-height:24px;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;margin-top:18px}
.lc .swiper-slide:nth-child(2) i{background:url(../images/icon05.png) no-repeat -130px top}
.lc .swiper-slide:nth-child(3) i{background:url(../images/icon05.png) no-repeat -261px top}
.lc .swiper-slide:nth-child(4) i{background:url(../images/icon05.png) no-repeat -392px top}
.lc .swiper-slide:nth-child(5) i{background:url(../images/icon05.png) no-repeat -524px top}
.lc .swiper-slide:nth-child(6) i{background:url(../images/icon05.png) no-repeat right top}




.reward{margin-top:50px;width:100%;height:auto;overflow:hidden}
.reward .box{width:100%;height:auto;overflow:hidden;background:#f8f8f8;padding:20px;box-sizing:border-box}
.reward .hd{width:100%;height:60px;border-radius:10px;background:#dadada}
.reward .hd ul li{float:left;width:100%}
.reward .hd ul li p{line-height:60px;color:#333;font-size:22px;text-align:center;float:left;width:23%;margin:0 1%}
.reward .bd ul li{width:100%;height:auto;overflow:hidden;background:#fed39a;margin-top:5px;border-radius:10px}
.reward .bd ul li p{line-height:60px;color:#333;font-size:18px;text-align:center;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:23%;margin:0 1%}



.buttom_nav{ overflow:hidden;}
.buttom_nav ul{ overflow:hidden;}
.buttom_nav ul li{ overflow:hidden; width:15%; float:left;}
.buttom_nav ul li h3{ font-size:16pxl; color:#fff; margin-bottom:20px; font-weight:400; overflow:hidden;}
.buttom_nav ul li a { display:block; font-size:14px; color:#cccccc; line-height:28px;}
.buttom_nav ul li a:hover{color:#fff;}
.buttom_nav ul li:nth-child(5){  float:right; text-align: center;}
.buttom_nav ul li:nth-child(5) p{ color:#ccc; line-height:28px;}
.buttom_nav ul li:nth-child(5) dd{ display:inline-block; margin:0 5px; width:120px;}
.buttom_nav ul li:nth-child(5) dd img{ width:100%;}


.lx{ overflow:hidden; margin:30px auto 0}
.lx h3{ font-size:16pxl; color:#fff; margin-bottom:20px; font-weight:400; overflow:hidden;}


.lx dl{ width:50%; float:left; overflow:hidden;}
.lx p{ color:#ccc; font-size:14px; line-height:28px;}

.lx dt{ color:#ccc; font-size:14px; line-height:28px; text-align:center;}

.lx dl div{  width: 120px; margin: 44px 10px 0 0px; float: left;}
.lx dl div img{ width:100%;}

/*
.news{width:100%;overflow:hidden;margin-top:20px;}
.news .title{margin-top:50px}
.news .left{float:left;width:520px;height:auto;overflow:hidden;position:relative;background:#f1f1f1;margin-top:40px}
.news .swiper-slide img{display:block;width:100%;height:346px}
.news .swiper-slide .info{position:absolute;left:0;bottom:0;width:100%;padding:15px 20px;box-sizing:border-box;background:rgba(0,0,0,.8)}
.news .swiper-slide .info h4{color:#fff;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news .swiper-slide .info p{color:#fff;font-size:12px;margin-top:10px}
.news .swiper-button-next{width:35px;height:60px;position:absolute;top:50%;margin-top:-30px;left:0;z-index:100;background:url(../images/left.png) no-repeat left center}
.news .swiper-button-prev{position:absolute;left:auto;right:0;width:35px;height:60px;top:50%;z-index:100;margin-top:-30px;background:url(../images/right.png) no-repeat right center}
.news .right{float:right;width:630px;height:345px;overflow:hidden;margin-top:40px;border-bottom:1px solid #dee0e3}
.news .right .on{width:100%;height:auto;overflow:hidden;padding:15px 0;border-top:1px solid #dee0e3;border-bottom:1px solid #dee0e3}
.news .right .on h4{color:#333;font-size:18px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:440px;float:left;line-height:25px}
.news .right .on span{display:block;float:right;color:#999;font-size:12px;line-height:25px}
.news .right .on p{width:100%;height:auto;overflow:hidden;color:#999;font-size:14px;margin-top:5px;float:left;line-height:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news .right .on:hover h4{color:#014a84}
.news .right ul{height:auto;overflow:hidden;margin-top:20px}
.news .right ul li{width:100%;height:auto;overflow:hidden;position:relative;line-height:40px}
.news .right ul li:hover a{color:#014a84}
.news .right ul li span{color:#999;font-size:12px}
.news .right ul li:after{content:"";width:4px;height:4px;position:absolute;left:0;top:50%;margin-top:-2px;background:#666;border-radius:50%}
.news .right ul li a{display:block;width:400px;color:#666;font-size:16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-left:10px;float:left}
.news .right ul li span{display:block;float:right}

.news_box{ overflow:hidden;}*/

.links{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:30px; border:1px #ccc solid;}
.links .tit{ width:112px; float:left; border-right:1px #ccc solid; margin-right:20px;}

.links ul{height:auto;overflow:hidden;margin-top:10px}
.links ul a{line-height:25px ;color:#666; margin:5px; white-space: nowrap;}


.map{ height:400px; float:left; width:50%; border:5px #fff solid; box-sizing:border-box;}

.footer{width:100%;overflow:hidden;background:#666666 ;margin-top:30px; border-top:5px #014a84 solid; padding:50px 0 30px;}
.footer .title{margin-top:50px}
.footer .title p{color:#fff}
.footer .title p:after{background:#bababa}
.footer .title p:before{background:#bababa}
.footer .title span{color:#fff}
.footer .intro{width:100%;height:auto;overflow:hidden;text-align:center;color:#fff;margin-top:40px;line-height:35px}
.footer .ewm{display:table;margin:0 auto;margin-top:30px}
.footer .ewm ul li{float:left;border:1px solid #fff;box-sizing:border-box;padding:4px;margin:0 15px}
.footer .ewm ul li img{display:block;width:150px;height:150px}

.cr{width:100%;height:auto;overflow:hidden; background:#4a4a4a; text-align:center;line-height:60px;color:#999;display:flex;justify-content:center;font-size:15px}
.cr p{margin:0 10px}
.cr a{color:#999}

.botwis{ max-width:750px; margin:0px auto; overflow:hidden; position:relative; display:none;}
.buttom{background:#014a84;bottom:0;margin:0 auto;max-width:750px;min-width:320px;position:fixed;width:100%;z-index:9999; }
.buttom ul{overflow:hidden}
.buttom ul li{color:#fff;float:left;width:25%;padding:2% 0;border-right:1px #206499 solid;box-sizing:border-box}
.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}
.buttom ul li p{font-size:.18rem;overflow:hidden;text-align:center}
.buttom ul li a{color:#fff}
.buttom ul li .sy img{width:60%}


.crumb{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #e8e8e8}
.crumb i{display:block;width:65px;float:left;height:60px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;background:url(../images/icon09.png) no-repeat 28px center}
.crumb p{color:#666;font-size:16px;float:left;line-height:60px;margin-left:15px}
.crumb a{float:left;line-height:60px;padding-left:25px;color:#666;position:relative}
.crumb a:after{content:"";width:6px;height:10px;position:absolute;left:10px;top:50%;margin-top:-5px;background:url(../images/icon09.png) no-repeat right center}
.img-list{width:100%;height:auto;overflow:hidden;margin-top:45px}
.img-list ul{height:auto;overflow:hidden;margin-top:35px}
.img-list ul li{float:left;width:282px;height:auto;overflow:hidden;margin-left:24px}
.img-list ul li:nth-child(4n-3){margin-left:0}
.img-list ul li img{display:block;width:282px;height:282px;border:1px solid #e8e8e8;box-sizing:border-box;background:#3b6cc3}
.img-list ul li p{width:100%;height:auto;overflow:hidden;color:#222;font-size:15px;text-align:center;line-height:40px}


.page{width:100%;overflow:hidden; margin:15px auto;}
.page ul{display:table;margin:0 auto}
.page ul li{color:#333;display:block;color:#333; border:1px solid #ccc; float:left; margin: 5px ;  padding:0 10px;height:30px; line-height:30px;}
.page ul li a{color:#333; display:block;}
.page ul li.thisclass{background:#333;color:#fff;border:1px solid #333;display:block;}
.page ul li.thisclass a{display:block; color:#fff;}
.page select{border:none;background:0 0;outline:0}


hr{width:1200px;height:10px;overflow:hidden;border:none;margin:50px auto;background:url(../images/icon10.png) repeat-x}
.news-list{margin-top:40px; position:relative; width:1200px; margin:0px auto}
.news-list .list{width:auto;height:auto;overflow:hidden}
.news-list .list ul{height:auto;overflow:hidden;margin-top:30px}
.news-list .list ul li{width:100%;height:98px;overflow:hidden;margin-bottom:40px;border-bottom:1px solid #e5e5e5}
.news-list .list ul li .time{float:left; width:115px;}

.news-list .list ul li .time b{color:#b0b0b0;font-size:38px;font-weight:700}
.news-list .list ul li .time span{color:#888;font-size:14px}

.news-list .list ul li .info{float:left;margin:0 3%;width:75%;margin-top:10px;height:auto;overflow:hidden}

.news-list .list ul li .info h4{color:#555;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-list .list ul li .info p{color:#888;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:15px}

.news-list .list ul li i{color:#555;font-size:12px;display:block;padding-bottom:30px;float:right;font-style:initial;text-transform:uppercase;margin-top:10px;text-align:center;background:url(../images/more.png) no-repeat center 25px}

.news-list .list ul li:hover h4{color:#0063b5}
.news-list .list ul li:hover i{color:#0063b5}
.news-list .list ul li:hover i{background:url(../images/more02.png) no-repeat center 25px}


.news-list .overhead{width:100%;height:auto;overflow:hidden;margin-top:30px}
.news-list .overhead ul li{float:left;width:380px;height:auto;padding-bottom:20px;border:1px solid #ccc}
.news-list .overhead ul li:first-child{margin-left:0}
.news-list .overhead ul li img{display:block;width:100%;height:479px}
.news-list .overhead ul li .info{width:345px;margin:0 auto;height:auto;overflow:hidden;margin-top:10px}
.news-list .overhead ul li:hover{border:1px solid #0063b5}
.news-list .overhead ul li:hover .info h4{color:#0063b5}
.news-list .overhead ul li .info h4{width:100%;color:#333;font-weight:400;font-size:15px;line-height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-list .overhead ul li .info p{display:block;color:#999;font-size:14px;margin-top:10px}

.detailed{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:40px; border:10px #eeeeee solid}
.detailed .tit{ overflow:hidden; margin:0 20px;}
.detailed .tit h4{color:#333;font-size:24px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center; margin:30px auto ; border-bottom:1px #ccc solid; padding-bottom:15px;}
.detailed .titt{ margin:20px; font-size:13px; overflow:hidden; border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:20px 0; color:#666}
.detailed .titt  span{ margin-right: 10px;} 

.detailed .tittt{margin: 20px auto 0; font-size: 13px;overflow: hidden;padding: 0px 0 0;color: #666; padding: 15px 0 0;font-weight: 400;border-top: 1px #ccc solid;}
.detailed .tittt  span{ margin-right: 10px;} 


.detailed .intro{ height:auto;overflow:hidden;margin:20px;font-size:16px;line-height:28px}
.detailed .intro img{display:block;margin:0 auto;max-width:100%}

.detailed .intro p a{color: #555;}

.fy{margin:0 20px;height:auto;overflow:hidden;margin-top:40px;margin-bottom:40px}



.fy ul { width:60%; float:left;}
.fy ul li{height:30px;line-height:30px;overflow:hidden ;color:#444;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;font-size:14px}
.fy ul li a{color:#666;font-weight:400; font-weight:400;}
.fy ul li a:hover{color:#0063b5;font-weight:400}
.fy span{color:#666;float:right;font-size:14px}
.fy .return{display:block;float:right;width:114px;text-align:center;text-indent:20px;line-height:48px;color:#fff;font-size:14px;height:48px; background:#014a84; text-indent:0em}



.cases-list{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:40px}
.cases-list .list{margin-top:30px}
.cases-list .list ul li{float:left;width:280px;height:auto;margin-left:18px;overflow:hidden;position:relative;border:1px solid #e8e8e8;margin-bottom:25px}
.cases-list .list ul li:hover img{transform:scale(1.05)}
.cases-list .list ul li img{display:block;width:100%;transition:.5s;height:auto}
.cases-list .list ul li .info{width:100%;height:auto;overflow:hidden;background:rgba(0,0,0,.6);position:absolute;left:0;bottom:0;padding:20px 30px;box-sizing:border-box}
.cases-list .list ul li .info p{color:#fff;font-size:15px;line-height:25px}
.cases-list .list ul li .info span{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:54px;color:#fff;font-size:15px;line-height:25px}
.contact-intro{width:100%;height:auto;overflow:hidden;margin-top:50px}
.contact-intro .bd{width:100%;height:auto;overflow:hidden;padding:30px;box-sizing:border-box;position:relative;border:3px solid #eee}
.contact-intro .bd:after{content:"";width:1px;height:330px;position:absolute;left:50%;margin-left:30px;top:50%;margin-top:-165px;background:#dededd}
.contact-intro .bd img{display:block;width:570px;height:360px;float:left}
.contact-intro .bd .right{float:right;width:510px;height:auto;overflow:hidden;margin-top:35px}
.contact-intro .bd .right .tit p{color:#333;font-size:24px;text-align:center}
.contact-intro .bd .right .tit span{display:block;text-align:center;color:#999;font-size:15px;text-transform:uppercase;margin-top:10px}
.contact-intro .bd .right form{width:100%;height:auto;overflow:hidden;margin-top:25px}
.contact-intro .bd .right form ul{height:auto;overflow:hidden}
.contact-intro .bd .right form ul li{width:244px;height:auto;padding:0 10px;box-sizing:border-box;border:1px solid #dededd;float:left;overflow:hidden;margin-bottom:20px;border-radius:5px}
.contact-intro .bd .right form ul li:nth-child(2n){float:right}
.contact-intro .bd .right form ul li i{display:block;width:20px;height:20px;float:left;margin-top:10px;background:url(../images/icon11.png) no-repeat 2px 2px}
.contact-intro .bd .right form ul li:nth-child(2) i{width:18px;background:url(../images/icon11.png) no-repeat right 2px}
.contact-intro .bd .right form ul li:nth-child(3) i{width:18px;background:url(../images/icon11.png) no-repeat left bottom}
.contact-intro .bd .right form ul li input{height:40px;width:192px;outline:0;border:none;color:#999;margin-left:10px}
.contact-intro .bd .right form ul li:last-child{width:100%}
.contact-intro .bd .right form ul li textarea{height:60px;width:400px;margin-top:12px;outline:0;font-family:'微软雅黑';color:#999;border:none;resize:none;margin-left:10px}
.contact-intro .bd .right form .btn{width:100%;height:45px;background:#999;color:#fff;font-size:18px;outline:0;border:none;border-radius:5px}
.contact-intro .map{width:100%;height:450px;overflow:hidden;margin-top:60px;box-sizing:border-box;border:3px solid #eee}
.window{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.3);border:2px solid #eee;display:none;z-index:10001}
.window .bd{width:570px;height:420px;background:#fff;position:absolute;left:50%;top:50%;padding:30px;box-sizing:border-box;margin-left:-275px;margin-top:-210px}
.window .bd .tit{margin-top:50px}
.window .bd .tit p{color:#333;font-size:24px;text-align:center}
.window .bd .tit span{display:block;text-align:center;text-transform:uppercase;margin-top:5px;color:#999}
.window form{width:100%;height:auto;overflow:hidden;margin-top:25px}
.window form ul{height:auto;overflow:hidden}
.window form ul li{width:244px;height:auto;padding:0 10px;box-sizing:border-box;border:1px solid #dededd;float:left;overflow:hidden;margin-bottom:20px;border-radius:5px}
.window form ul li:nth-child(2n){float:right}
.window form ul li i{display:block;width:20px;height:20px;float:left;margin-top:10px;background:url(../images/icon11.png) no-repeat 2px 2px}
.window form ul li:nth-child(2) i{width:18px;background:url(../images/icon11.png) no-repeat right 2px}
.window form ul li:nth-child(3) i{width:18px;background:url(../images/icon11.png) no-repeat left bottom}
.window form ul li input{height:40px;width:192px;outline:0;border:none;color:#999;margin-left:10px}
.window form ul li:last-child{width:100%}
.window form ul li textarea{height:60px;width:400px;margin-top:12px;outline:0;font-family:'微软雅黑';color:#999;border:none;resize:none;margin-left:10px}
.window .bd .btn{width:100%;height:45px;background:#999;color:#fff;font-size:18px;border:none;border-radius:5px}
.window .close{position:absolute;width:42px;height:42px;background:url(../images/icon12.png) no-repeat;right:20px;top:20px}

.crumbs{width:100%;height:55px;line-height:55px;background:#f7f7f7;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.crumbs ul{width:1200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto}
.crumbs span{font-size:16px;color:#646464;margin-left:10px;background:url(../images/crumbs.png) no-repeat center left;padding-left:30px}
.crumbs a{color:#646464;font-size:14px;padding-right:10px;padding-left:5px;line-height:55px;position:relative;background:url(../images/icon1.png) no-repeat center right}
.crumbs a:last-child{background:0 0}

.intro{ overflow:hidden; line-height:30px; color:#555;  font-size:15px;}
.intro p{ text-indent:2em;}
.md{ margin-top:20px;}

.title{ margin:20px auto 0;}
.caidan{ float:right; margin:45px 10px 0 0 ; display:none; }

.xxq{ margin-top:20px; overflow:hidden;}


.anli{ overflow:hidden;}
.anli ul{ overflow:hidden;}
.anli ul li{ width:25%; float:left; border:8px #fff solid; box-sizing:border-box; overflow:hidden;}
.anli ul li div{ overflow:hidden; border:1px #f5f5f5 solid}
.anli ul li img{ width:100%; height:100%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.anli ul li:hover img{transform:scale(1.05);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.anli ul li p{ height:36px; line-height:36px; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px;}


.side{position:fixed;width:60px;right:0;top:50%;margin-top:-200px;z-index:10000;border-bottom:0}

.side ul li{background:#fff; width:60px;height:60px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer; border-radius:50%; margin-bottom:2px;}

.side ul li a{color:#333}
.side ul li:hover{background:#014a84;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:19px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/ios01.png)}
.side ul li i.bgs2{background-image:url(../images/ios02.png)}
.side ul li i.bgs3{background-image:url(../images/ios03.png)}

.side ul li i.bgs6{background-image:url(../images/ios03.png)}

.side ul li:hover i.bgs1{background-image:url(../images/icon11.png)}
.side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}
.side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}


.side ul li.sideetel:hover .telBox{display:block}
.side ul li.sideewm:hover .ewBox{display:block}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}


.side ul li.sideewm .ewBox{width: 130px;
    display: none;
    color: #363636;
    text-align: center;
    padding: 10px;
    position: absolute;
    left: -152px;
    top: -75px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e0e0e0;
    background: #014a84;}
.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#014a84}
.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:28px;font-size:18px;padding-top:14px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%}
.side ul li.sideewm .ewBox img{width:100%}




.n_banner{ width:100%; overflow:hidden; margin:0px auto;}
.n_banner img{ width:100%}
.n_banner img:first-child{ display:block; width:100%}	
.n_banner img:last-child{ display:none; width:100%}		
	
/*@media (max-width:1600px){
.head .had{ padding:0 5%;}
}
@media (max-width:1401px){
.head .had{ padding:0 2%;}
.head .had span .nav ul li{ margin-left:20px;}
}*/

.lxwm{ overflow:hidden; margin:50px auto 0}
.lxwm div{ float:left; width:50%; overflow:hidden; margin-right:20px;}
.lxwm div img{ width:100%;}
.lxwm span{ overflow:hidden;}
.lxwm span h3{ font-size:46px; color:#087be5;}
.lxwm span h3 b{ color:#999; font-size:30px;}
.lxwm span dd{ font-size:18px; color:#333; margin:30px auto 0 ;line-height:40px; text-align:justify;}

.fangshi{ overflow:hidden; margin:30px auto}
.fangshi ul{ overflow:hidden; padding:1px 0px 0  1px}
.fangshi ul li{ width:50%; float:left; border:1px #ccc solid ; margin:-1px 0 0 -1px; overflow:hidden; box-sizing:border-box; height:80px; line-height:80px; font-size:18px; color:#333; }
.fangshi ul li dd{ background:#f2f2f2; width:80px; margin-right:15px; float:left; height:80px;  line-height:80px;display: grid;  	align-items: center;  	justify-content: center;	}


.pic_xq{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:40px; border:10px #eeeeee solid}

.ppbox{ overflow:hidden;}
.pic_xq .tit{ overflow:hidden; margin:0 20px;}
.pic_xq .tit h4{color:#333;font-size:24px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center; margin:30px auto ; border-bottom:1px #ccc solid; padding-bottom:30px;}

.pic_xq .titt{ margin:20px; font-size:13px; overflow:hidden; border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:20px 0; color:#666}

.pic_xq .titt  span{ margin-right: 10px;} 

.pic_xqimg{ margin-left:20px; width:50%; float:left;}
.pic_xqimg img{ width:100%;}

.pic_ttext{ width:44%; float:right; overflow:hidden; margin-right:20px;}
.pic_ttext p{ font-size:16px; line-height:30px;}



.wenhua{overflow:hidden}
.wenhua ul li{float:left;width:50%;overflow:hidden;padding:5% 3%;background:#eaf0ff url(../images/xls.png) no-repeat 97% 25px;box-sizing:border-box}
.wenhua ul li div{float:left;margin-right:20px;overflow:hidden; width:20%; margin-top:0px; }
.wenhua ul li div img{ width:100%;}
.wenhua ul li sapn{overflow:hidden}
.wenhua ul li span h3{font-size:28px;color:#666;overflow:hidden;font-weight:400}
.wenhua ul li span i{font-style:normal;text-transform:uppercase;color:#999;overflow:hidden;font-size:14px}
.wenhua ul li span i:after{content:"——";letter-spacing:-2px;color:#2d70ff;display:block;font-weight:700}
.wenhua ul li span p{font-size:20px;color:#000;overflow:hidden;height:100px; line-height:32px;}
.wenhua ul li:nth-child(2),.wenhua ul li:nth-child(3),.wenhua ul li:nth-child(6){overflow:hidden;background:#f5f5f5 url(../images/xls.png) no-repeat 97% 25px}


.sspp{ position:absolute; top:0px; right:0px; z-index:99}
.sspp input{ border:1px #ccc solid; height:50px; line-height:50px; border-radius:6px   0 0 6px ; width:300px; font-size:15px; text-indent:1em;}
.sspp input:last-child{ height:52px; line-height:52px; width:50px; background:#024a84 url(../images/ss.png) no-repeat center center ;border-radius:0 6px   6px  0 ; float:right; cursor: pointer}
@media (max-width:1200px){
	
	.head .had,.detailed,.fy,.crumbs { width:auto; max-width:750px; margin:0px auto;}
	.about,.footer,.cr { width:auto;  max-width:750px; margin:0px auto;}
	.kbj,.pic_box,.news-list{ width:auto;  max-width:750px;}
	
	.sspp {
    position:relative;
    top: 0px; margin:20px;
    right: 0px;
    z-index: 99;
}
	.news-list .list{ padding:0 10px;}
	.crumbs ul{width:auto}
	.main,.crumbs ul{ width:auto;  max-width:750px; margin:0px auto;}
	body{ overflow-X:hidden}
.head .had span{ display:none;}
.detailed,.fy{ width:auto; padding:0 10px;}
.head .logo {

    margin-top: 35px;
}
.caidan{ display:block}

.caidan{ margin:5px 0px 0 0 }

.head .had{ height:65px; padding:15px 10px;}
.head{ height:inherit;}
.head .logo{margin-top: 0px;}

.head .had span{ position:fixed; background:rgba(0,99,181,0.9); z-index:99; width:100%; height:100%; display:block; top:95px; right:-100%;}

.tab ul li{ width:23%}
.nav ul{ width:auto;}

.nav{ display:block; position:fixed; width:100%;  height:100%;background: rgba(0,99,181,0.9); z-index:111;right:-100%}
.nav ul li {float:inherit; width: 100%;text-align: center; overflow:hidden; border-bottom: 1px #ccc solid; box-sizing: border-box; position: relative;}
.nav ul li a{ color:#fff;}

.nav ul li a:hover{ color:#fff;}

.nav ul li a{ font-size:0.25rem}

.pc-banner{width:100%;height:auto;overflow:hidden; display:none;}

.pc-banner .swiper-slide img{width:100%}

.m-banner{width:100%;height:auto;overflow:hidden; display:block; max-width:750px; margin:0px auto;}

.m-banner .swiper-slide img{width:100%}

.about .right{ float:none; width:auto;}
.about .left{ float:none; width:auto;}

.title_bt {overflow: hidden; font-size: 24px; color: #014a84;position: relative; padding-left: 10px;margin: 30px;}

.title_bt span {display:block; float:left; margin-top:15px; width:100%}

.pic_content { margin: 10px auto 0;}
.news_left { width: auto; float: none;}
.news_right { width: auto; float: none;}

.links,.side{ display:none;}
.buttom_nav ul li{ display:none;}
.buttom_nav ul li:nth-child(6){ width:100%; display:block; text-align:center;}

.botwis{ display:block;}

.cr{ padding-bottom:1rem;}
 
.about .swiper-slide .info h4 { width: 180px;}

.kbj{ display:none;}


.pic_box{ margin-top:20px;padding: 20px 0 0;}
.title_bt { margin: 20px 10px 0; padding-left:0px;}
.title_bt b{ margin:20px 0; left:10px; }
.title_bt span a {
    margin: 1% 1%;
    text-align: center;
    color: #666;
    border: 1px #ccc solid;
    display: inline-block;
    box-sizing: border-box;
    font-size: 0.2rem;
    height: 45px;
    line-height: 45px;
    width: 46.5%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m_text ,.head .had .tel{ display:none;}

.pic_content ul li{ width:50%; height:inherit}
.pic_content ul li:first-child {width: 50%;height:inherit;float: left; border: 5px #fff solid;}
.pic_content ul li:nth-child(5){ display:none;}


.n_banner img:first-child{ display:none; width:100%}	
.n_banner img:last-child{ display:block; width:100%}		



.tab ul li {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    height:inherit;
    text-align: center;
    border: 5px #fff solid; width:50%; float:left;
    border-radius: 10px;
    box-sizing: border-box;
    line-height: 48px;
    background: #f1f1f1;
}
.pic_xq{ width:auto; margin:30px 10px ;}
.pic_xqimg { margin:0 10px; width: auto; float:inherit;}

.n_banner{ max-width:750px;}
.pic_xq{ max-width:750px; margin:20px auto;}

.pic_ttext {width: auto ;float:inherit;overflow: hidden;margin: 20px 10px;;}
.pic_ttext p{ font-size:0.2rem; line-height:0.4rem;}


.pic_xq .titt,.detailed .titt {margin: 20px;font-size: 0.18rem; line-height:0.3rem; overflow: hidden; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 20px 0;color: #666;}
.pic_xq .titt  span,.detailed .titt span{ display:block;}

	
	
	.detailed .tittt{    margin: 20px auto 0;
    font-size:  0.18rem;;
    overflow: hidden;
    padding: 0px 0 0;
    color: #666;
    padding: 15px 0 0;
    font-weight: 400;
    border-top: 1px #ccc solid;}

.detailed .tittt  span{ display:block; text-align:center;} 



.fy ul {width: auto; float:inherit;}
.fy ul li {height:inherit; padding:3% 0;line-height: inherit; overflow: hidden; color: #444; white-space: nowrap;text-overflow: ellipsis; font-weight: 700;overflow: hidden; font-size: 0.2rem;}


.fy .return {
    display: block;
    float: right;
    width: 114px;
    text-align: center;
    text-indent: 20px;
    line-height: 48px;
    color: #fff;
    font-size: 14px;
    height: 48px;
    background: #0063b5;
}

.fy .return {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    text-indent: 20px;
    line-height:inherit;
    color: #fff; margin:10px auto;
    font-size: 0.2rem;padding:3% 0;
    height: inherit;
   
}
.lxwm{margin: 20px auto 0;}
.lxwm div { width:100%; float:inherit; margin-bottom:20px}
.lxwm div img{ width:100%}
.lxwm span h3{ font-size:0.3rem;}
.lxwm span h3 b{ font-size:0.2rem;}
.lxwm span dd{ font-size:0.2rem; line-height:0.36rem; margin: 20px auto 0; }
.fangshi ul li{ width:auto; float:inherit;}
.fangshi ul li{ font-size:0.17rem;}



.sspp input{ border:1px #ccc solid; height:50px; line-height:50px; border-radius:6px   0 0 6px ; width:80%; font-size:15px; text-indent:1em; box-sizing:border-box;}
.sspp input:last-child{ height:52px; line-height:52px; width:20%; background:#024a84 url(../images/ss.png) no-repeat center center ;border-radius:0 6px   6px  0 ; float:right; cursor: pointer;box-sizing:border-box;}

.news_lb { margin-top: 20px;}
.tab { width: 100%; height: auto; margin: 15px auto;overflow: hidden;}


}




@media (max-width:750px){
	
.wenhua ul li{ width:auto; float:inherit; padding:30px 0}
.wenhua ul li div {float: left;margin-right: 20px; overflow: hidden; width: 65px; margin-top: 5px;margin-left: 21px; display: grid;}

.wenhua ul li:nth-child(3){background:#eaf0ff  url(../images/xls.png) no-repeat 97% 25px;}

.wenhua ul li:nth-child(2), .wenhua ul li:nth-child(4), .wenhua ul li:nth-child(6){background:#f5f5f5 url(../images/xls.png) no-repeat 97% 25px;}
.wenhua ul li span h3{ font-size:18px;}
.wenhua ul li span p{ font-size:16px; padding: 0 20px 0 0; height:inherit;}

/*

.wenhua ul li div{float:inherit;margin:0 auto;width:100%;overflow:hidden;text-align:center}
.wenhua ul li span{display:block;display:block;float:left;text-align:center;width:100%}
.wenhua ul li{padding:40px 0}

.wenhua ul li div img{width:35%}*/
.fy .return{display:block;float:none;width:100%;text-align:center;text-indent:20px;line-height:48px;color:#fff;font-size:0.2rem;;height:48px;background:#0063b5}
	
.fy p{ font-size:0.2rem; width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	
.caidan { margin: 11px 0px 0 0; width: 40px;}
.caidan  img{ width:100%}
.head .had{ width:auto; max-width:auto; margin:0px 10px;}
.about,.footer,.cr { width:auto;  max-width:auto; margin:0px 10px; padding-top:0px;}
.kbj,.pic_box{ width:auto;  max-width:auto;}
	
.news-list .list{ padding:0 10px;}
.crumbs ul{width:auto;}
.main,.crumbs ul{ width:auto;  max-width:auto; margin:0px 10px;}
	
.about .right h3{ font-size:0.3rem;}
.about .right h3 span{ font-size:0.2rem;}
.about .right { margin-top: 20px;}
.about .right dd{ font-size:0.25rem;}
.about .right dt{ font-size:0.2rem;}
.about .right .a_txt p{ font-size:0.2rem; line-height:0.35rem;}
.about .shuzi ul li{ width:50%; margin-bottom:20px;}
.about .shuzi ul li span b{ font-size:0.35rem;}
.about .shuzi ul li span{ font-size:0.2rem;}
.about .shuzi ul li p{ font-size:0.2rem;}

.title_bt span a {
    margin: 1% 1%;
    text-align: center;
    color: #666;
    border: 1px #ccc solid;
    display: inline-block; box-sizing:border-box;
    font-size: 0.2rem;
    height: 45px;
    line-height: 45px;
    width: 46.5%;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.title_bt em{ float:inherit; display:block; margin:10px auto 0}
.title_bt em a {
    margin: 1% 1%;
    text-align: center;
    color: #666;
    border: 1px #ccc solid;
    display: inline-block; box-sizing:border-box;
    font-size: 0.2rem;
    height: 45px;
    line-height: 45px;
    width: 46.5%;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}


.pic_content ul li h3{ font-size:0.2rem; padding-right:20%; height:inherit; line-height:inherit; padding:3% 0;}
.pic_content ul li p{ font-size:0.2rem; height:1rem; line-height:0.35rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.case ul li div {
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 0px;
    width: 90%;
    overflow: hidden;
    background: rgba(0,0,0,0.6);
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    padding: 0 5%;
}

.case { margin: 15px auto;}
.case ul li{ border:5px #fff solid}
.case ul li div{ height:inherit; line-height:inherit; padding:3% 5%;font-size:0.2rem;}
.adv .swiper-slide p{ font-size:0.2rem;}

.adv { margin-top: 30px;}
.case ul { overflow: hidden; margin: 15px auto 0;}
.news_left h3{ font-size:0.22rem;}
.news_left p{ font-size:0.2rem; height:inherit; line-height:0.35rem}
.news_left dd{ font-size:0.18rem;}
.news_right ul li .time {float: left; width: 1rem; height: 1rem; background: #707070; color: #fff;  margin-right: 15px;padding-bottom:10px;}
.news_right ul li .time b{ font-size:0.3rem;}
.news_right ul li .time p{ font-size:0.16rem; }
.news_right ul li .info h4{ font-size:0.22rem; line-height:inherit;}
.news_right ul li .info p{ font-size:0.2rem; line-height:0.35rem;}
.news_right ul li .info h4:after { content:""; background: url(../images/kt.png) no-repeat; width:20px; height:20px; background-size:100%;right: 0px;top: 0px;}
	
.detailed .tit h4{ font-size:0.3rem; }

.detailed .intro {height: auto; overflow: hidden; margin: 0px ;font-size: 16px;line-height: 28px;}
.buttom_nav ul li h3{ font-size:0.3rem;}
.buttom_nav ul li:nth-child(6) p{ font-size:0.2rem; line-height:0.35rem;}
.cr p{ font-size:0.18rem; line-height:0.3rem; padding-top:10px;}
.footer,.cr{ margin:0px;}
.news_left div{ height:250px;}

.head .had{ padding:10px 10px 0;}

.tabta ul li {display: block; float:left; padding:2% 0;  width: 50%; height:inherit; text-align: center;border: 4px solid #fff; border-radius: 6px; box-sizing: border-box;line-height: inherit; background: #f1f1f1;}
.tab ul li a{font-size:0.22rem;}

.title p{ font-size:0.3rem; font-weight:bold;}
.title p:after{content:"";width:100px;height:1px;position:absolute;top:35px;right:-120px;background:#666}
.title p:before{content:"";width:100px;height:1px;position:absolute;top:35px;left:-120px;background:#666}
.pic_con ul li { width: 50%; border: 5px #fff solid;}
.pic_con ul li p{ font-size:0.2rem;}

.news_lb ul li { height: auto; padding: 15px; width: auto; float: none; margin: 1%;border: 1px #dedede dotted;box-sizing: border-box; margin-bottom: 15px; overflow: hidden;}
.news_lb ul li .time { float: left; width: 1rem; height: 1rem; background: #707070; color: #fff;  margin-right: 15px;padding-bottom:10px;}
.news_lb ul li .time b{ font-size:0.3rem;}
.news_lb ul li .time p{ font-size:0.16rem; }
.news_lb ul li .info h4{ font-size:0.22rem; line-height:inherit;}
.news_lb ul li .info p{ font-size:0.2rem; line-height:0.35rem;}
.news_lb ul li .info h4:after { content:""; background: url(../images/kt.png) no-repeat; width:20px; height:20px; background-size:100%; right: 0px;top: 0px;}

.detailed .tit{ height:inherit;}
.case ul li{ width:50%}
.gengduo1{ margin:20px auto}


.anli ul li{ width:50%;}
.title_bt em{ display:none;}
.adv { padding-bottom: 20px; padding-top: 10px;}
.news_left { margin: 15px auto;}
.lx p span{ display:block;}

.fangshi ul li{ height:50px; line-height:50px}
.map{ height:200px; float:inherit; width:100%; border:5px #fff solid; box-sizing:border-box;}

.news_left div iframe{ width:100%; height:250px;}
	
	
	.intro iframe{
	width:100%;
	height:350px;
 
}
}


@media (max-width:450px){

.fangshi ul li dd {
    background: #f2f2f2;
    width: 36px;
    margin-right: 15px;
    float: left;
    height: 50px;
    line-height: 50px;
    display: grid;
    align-items: center;
    justify-content: center;
}
.fangshi ul li dd img{ width:90%;}
.map{ height:200px;}

.head .logo{ width:160px; margin-top:7px;}
.head .logo img{ width:100%;}
}