*{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:#122284}

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}

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:95px}



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



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



.head .had span{ float:right; display:block;}

.head .had span .tel{color:#666;font-size:14px; text-align:right}

.head .had span .tel img{ vertical-align:middle; margin-right:8px;}

.head .had span .tel p{ margin-top:15px;}



.head .had span .nav{ display:block; margin-top:10px; }

.head .had span .nav ul li{float:left;margin-left:30px;width:97px;position:relative;text-align:center; position:relative;}





.head .had span .nav ul li a{color:#222;display:block;width:100%;font-size:16px; padding-bottom:20px;}



.head .had span .nav ul li a:hover{color:#122284}



.head .had span .nav ul li ul{     position: absolute; display:none;

    left: 0px;

    width: 130px;

    background: #fff;

    border-top: 3px #122284 solid;

    z-index: 999;

    margin-left: -23px; }



.head .had span .nav ul li ul li{ margin:0px; height:40px; line-height:40px; text-align:center; width:100% ; border-bottom:1px #ccc solid;}

.head .had span .nav ul li ul li a{ padding:0px;}



.head .had span .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%}





.pc-banner .swiper-pagination-bullet{ width:40px; height:10px; border-radius:6px; background:#baacbe; opacity:1;}

.pc-banner .swiper-pagination-bullet-active{ background:#fff}





.pc-banner .swiper-pagination-bullets, 

.pc-banner .swiper-pagination-custom, 

.pc-banner .swiper-pagination-fraction { bottom:30px;}



.concept{width:100%;height:auto;overflow:hidden;margin-top:60px}

.title{position:relative}

.title p:after{content:"";width:160px;height:1px;position:absolute;top:24px;right:-160px;background:#666}

.title p:before{content:"";width:160px;height:1px;position:absolute;top:24px;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:160px; left:auto; right:0px; bottom:16px;}



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





.about .shuzi{ overflow:hidden; background:#122284; 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:560px; overflow:hidden;margin-top:50px }

.about .right h3{ font-size:30px; color:#122284; }

.about .right h3:after{ content:"——"; font-weight:300; display:block; font-size:30px; color:#122284; }

.about .right h3 span{ font-size:24px; text-transform:uppercase; color:#999999; margin-left:10px; }  

.about .right dd{ font-size:24px; color:#122284; margin:0px 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;}

.about .right .a_txt p{ text-indent:2em;  display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 6;

overflow: hidden;}

.about_box{ overflow:hidden;}



.about .right .gengduo{ width:150px; height:40px; margin-top:20px; line-height:40px;  text-align:center; border:1px #ccc solid; }

.about .right .gengduo a{color:#666;}

.about .right .gengduo:hover{ background:#122284}

.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:50px auto 0; padding-bottom:50px;}



.title_bt{ overflow:hidden; font-size:24px; color:#122284; position:relative;  margin-top:30px;}

.title_bt b{font-weight:400; padding-left:10px;}

.title_bt b:before{content:""; height:22px; width:3px; background:#122284; 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; width:100px;}

.title_bt  span a:hover { background:#122284 ; color:#fff;border:1px #122284 solid;}



.title_bt  em{ float:right;}

.title_bt  em a{ margin:0 5px; font-style:normal; text-align:center; color:#666; border:1px #ccc solid; display:inline-block; font-size:14px; height:30px; line-height:30px; width:100px;}

.title_bt  em a:hover { background:#122284 ; color:#fff;border:1px #122284 solid;}





.title_bt3{ overflow:hidden; font-size:24px; color:#fff; position:relative;  margin-top:30px;}

.title_bt3 b{font-weight:400; padding-left:10px;color:#fff;}

.title_bt3 b:before{content:""; height:22px; width:3px; background:#fff; position:absolute; left:0px; top:5px;}

.title_bt3 i{ color:#fff; font-size:14px; margin-left:10px; font-style:normal; text-transform:uppercase;}

.title_bt3  span{ float:right;}

.title_bt3  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; width:100px;}

.title_bt3  span a:hover { background:#122284 ; color:#fff;border:1px #122284 solid;}









.pic_content{ overflow:hidden; margin:40px auto 0;  }

.pic_content{ overflow:hidden;}

.pic_content ul{ overflow:hidden;}

.pic_content ul li{ overflow:hidden; width:380px; background:#fff; border:1px #fff solid; box-sizing:border-box;  float:left;  position:relative; padding-bottom:10px; margin-right:30px; margin-bottom:30px;}

.pic_content ul li div{ overflow:hidden; margin:15px; border:1px #ccc solid;}

.pic_content ul li img{ width:100%; height:100%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.pic_content ul li: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:16px; text-align:left; padding:0 15px; height:30px; position:relative; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:400; }

.pic_content ul li  h3:after{content:"→"; color:#333; position:absolute; right:15px;}

.pic_content ul li p{ padding:0 15px; height:100px; line-height:22px; color:#555; font-size:13px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.pic_content ul li:nth-child(3n){ margin-right:0px;}

.pic_content ul li a h3{ color:#333;}

.pic_content ul li:hover a h3{ color:#122284}

.pic_content ul li:hover{ border:1px #122284 solid;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.pic_content ul li:hover div{border:1px #122284 solid;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}







.pic_con{ overflow:hidden; margin:40px 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:#122284}













.gengduo1{ width:150px; height:40px; margin:20px auto; line-height:40px; text-align:center; border:1px #ccc solid; }

.gengduo1 a{color:#666;}

.gengduo1:hover{ background:#122284}

.gengduo1:hover a{ color:#fff;}







.case{ overflow:hidden; margin:30px auto;}

.casen{ overflow:hidden; margin-top:30px;}

.casen ul{ overflow:hidden; margin:30px auto 0}

.casen ul li{ width:280px; margin:0 8px; border:1px #ccc solid; float:left; box-sizing:border-box; overflow:hidden; position:relative; padding:0 0 20px;}

.casen ul li div{  width:100%; overflow:hidden; background:rgba(0,0,0,0.6); text-align:center;overflow: hidden;}

.casen ul li h3{ font-size:16px; font-weight:400; margin:10px auto 0; padding:10px 10px; text-align:center;}

.casen ul li h3:after{content:"—"; font-weight:bold; display:block;}

.casen ul li p{ height:50px; font-size:14px; line-height:24px; padding:0 20px; display: -webkit-box; color:#666;-webkit-box-orient: vertical;-webkit-line-clamp: 2;

overflow: hidden;}

.casen ul li img{ width:100%; height:100%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.casen ul li:hover img{transform:scale(1.05);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.casen ul li a{ color:#122284;}











.casen_lb{ overflow:hidden; margin-top:30px;}

.casen_lb ul{ overflow:hidden; margin:30px auto 0}

.casen_lb ul li{ width:280px; margin:0 8px 15px; border:1px #ccc solid; float:left; box-sizing:border-box; overflow:hidden; position:relative; padding:0 0 20px;}

.casen_lb ul li div{  width:100%; overflow:hidden;  text-align:center;overflow: hidden;}

.casen_lb ul li h3{ font-size:16px; font-weight:400; margin:10px auto 0; padding:10px 10px; text-align:center;}

.casen_lb ul li h3:after{content:"—"; font-weight:bold; display:block;}

.casen_lb ul li p{ height:50px; font-size:14px; line-height:24px; padding:0 20px; display: -webkit-box; color:#666;-webkit-box-orient: vertical;-webkit-line-clamp: 2;

overflow: hidden;}

.casen_lb ul li img{ width:100%; height:100%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.casen_lb ul li:hover img{transform:scale(1.05);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.casen_lb ul li a{ color:#122284;}







.adv_l{ width:55%; border:20px solid rgba(232,233,241, 0.5); margin-top:20px; float:left }

.adv_l dl{background:#e8e9f1; padding:5%;}

.adv_l dl h3{ font-size:20px; color:#122284; margin-bottom:20px; font-weight:400;}

.adv_l dl p{ line-height:28px; font-size:15px; margin-bottom:30px;}

.adv_l dl p:before{ content:"●"; color:#122284}







.adv_r{ width:35%; border:20px solid rgba(232,233,241, 0.5); margin-top:20px; float:right}

.adv_r dl{   background: #e8e9f1;

    padding: 5%;color:#122284;

    line-height: 54px;

    font-size: 18px;}















.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:url(../images/aboutbj.jpg) no-repeat; 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:#122284}





.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 img{ width:100%}

.news_left h3{ font-size:18px; color:#122284; height:36px; line-height:36px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal; font-weight:bold;}

.news_left dd{ font-size:12px; color:#999; margin-bottom:5px;}

.news_left p{ height:50px;  line-height:24px; font-size:14px; 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:#122284}

.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 #122284 dotted}

.news_right ul li:hover a .info h4{ color:#122284}



.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:#122284}

.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 #122284 dotted}

.news_lb ul li:hover a .info h4{ color:#122284}





/*





.adv .swiper-pagination{ display:none;}

.adv .swiper-pagination .swiper-pagination-bullet-active{background:#122284}

.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:#122284}







.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:#122284}

.adv .swiper-slide:hover p{color:#122284}*/



/*

.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;text-align:center}

.tab ul li{display:inline-block;width:12%;height:50px;text-align:center;border:1px solid rgba(224,224,224,0.1);border-radius:10px;box-sizing:border-box;line-height:48px;background:#fff;}

.tab ul li a{display:block;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#555; }

.tab ul li:hover{background:#122284}

.tab ul li:hover a{color:#fff}



.tabta ul li{display:inline-block;width:12%;height:50px;text-align:center;border:1px solid rgba(224,224,224,0.1);border-radius:10px;box-sizing:border-box;line-height:48px;background:#f1f1f1;}







.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:#122284;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:#122284;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:#122284;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}

.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:13%; 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(4){ width:39%}

.buttom_nav ul li:nth-child(4) p{ color:#ccc; line-height:28px;}

.buttom_nav ul li:last-child{ float:right;}

.buttom_nav ul li dd{ border:1px #fff solid; padding:5px;}

.buttom_nav ul li dd 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:#122284}

.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:#122284}

.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;}

.footer{width:100%;overflow:hidden;background:#666666 ;margin-top:30px; border-top:5px #122284 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:#fff;display:flex;justify-content:center;font-size:15px}

.cr p{margin:0 10px}

.cr a{color:#fff}



.botwis{ max-width:750px; margin:0px auto; overflow:hidden; position:relative; display:none;}

.buttom{background:#122284;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:3% 0;border-right:1px #fff 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:.2rem;overflow:hidden;text-align:center}

.buttom ul li a{color:#fff}

.buttom ul li .sy img{width:80%}





.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}

.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}

.detailed .tit{height:95px;border-bottom:1px solid #dadadf}

.detailed .tit h4{color:#333;font-size:24px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}

.detailed .tit p{color:#666;font-size:15px;margin-top:25px;text-align:center}

.detailed .tit p span{ margin:0 5px;} 

.detailed .intro{width:100%;height:auto;overflow:hidden;margin-top:30px;font-size:15px;line-height:24px}

.detailed .intro img{display:block;margin:0 auto;max-width:100%}

.fy{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:40px;margin-bottom:40px; border-bottom:2px #ccc solid; padding-bottom:20px} 

.fy div{float:left}

.fy ul li{height:30px;line-height:30px;overflow:hidden}

.fy p{color:#444;width:530px;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;float:left;font-size:14px}

.fy p a{color:#666;font-weight:400}

.fy p 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:#122284 url(../images/more03.png) no-repeat 20px center}







.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; margin-top:30px;}

.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;}

.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:#122284;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: #122284;}

.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#122284}

.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:20px;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%}

	

	

	

/*@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;}

}*/







@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{ width:auto;  max-width:750px;}

	

	

	.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;}

.fy{ border-top:2px #ccc solid; border-bottom:none; margin-top:20px;}

.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(18,34,132,0.9); z-index:99; width:100%; height:100%; display:block; top:75px; right:-100%;}

.head .had span .tel{ display:none;}

.head .had span .nav ul li{ width:100%; float:none; margin:0px; border-bottom:1px #ccc solid;line-height:0.5rem; overflow:hidden;}

.head .had span .nav ul li a{  color:#fff; font-size:0.22rem; padding:0px; }

.tab ul li{ width:23%}





.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; display:none;}



.title_bt {

    overflow: hidden;

    font-size: 24px;

    color: #122284;

    position: relative;

    padding-left: 10px;

    margin: 30px;

}





.title_bt span {

   display:block; float:left; margin-top:30px; width:100%

}



.about .right .gengduo{ width:200px; font-size:0.2rem; height:inherit; line-height:inherit; padding:3% 0}



.pic_content { margin:0 0px;

}

.pic_content ul li {

    overflow: hidden;

    width: 48.5%;

    background: #fff;

    border: 1px #fff solid;

    box-sizing: border-box;

    float: left;

    position: relative;

    padding-bottom: 10px;

    margin-right: 3%;

}



.pic_content ul li:nth-child(2n) {



    margin-right: 0%;

}

.pic_content ul li:nth-child(3) { margin-right:3%}



.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(4){ width:100%; display:block; text-align:center;}



.botwis{ display:block;}

 .cr{ padding-bottom:1.5rem;}

 

 .about .swiper-slide .info h4 {

   

    width: 180px;

 

}

.kbj{ display:none;}











.pic_box{ margin-top:20px;padding: 20px 0 0;}

.title_bt { margin: 10px 0 10px; 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;

    font-size: 14px;

    height: 45px;

    line-height: 45px;

    width: 47%;

}

.adv{ max-width:750px; overflow:hidden; margin:0px auto;}

.title_bt3{ margin-left:10px;}

.adv_l{ float:none; width:auto; margin:10px;}

.adv_r{float:none; width:auto; margin:10px;}

.news_left div {height:inherit;}

.news_left div img{ width:100%; }





.casen_lb ul li {

    width: 48%;

    margin: 0 1% 2%;

    border: 1px #ccc solid;

    float: left;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

    padding: 0 0 20px;

}













}







@media (max-width:750px){

	

	.footer{ padding:30px 0 20px}

	.fy div {

    float: none; width:100%; overflow:hidden;

}

.fy ul { padding:2% 0}

.detailed .tit{ margin-top:15px;}

.detailed .tit p span{ display:block;}

.fy ul li{ padding:0% 0; height:inherit;}

	.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:#122284}

	

	.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;}

	.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;}



.adv_l dl h3{ font-size:0.25rem;}

.adv_l dl p{ font-size:0.2rem; line-height:0.35rem;}

.adv_r dl{ font-size:0.22rem; line-height:0.35rem;}

.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%;

}

.pic_content ul li h3{ font-size:0.2rem; padding-right:20%}

.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;}





.casen ul li h3{ font-size:0.22rem;}

.casen ul li p{ font-size:0.2rem; height:inherit; line-height:0.35rem;}



.case ul li div,.adv .swiper-slide p{ font-size:0.2rem;}

.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;

	}





.buttom_nav ul li h3{ font-size:0.3rem;}

.buttom_nav ul li:nth-child(4) p{ font-size:0.2rem; line-height:0.35rem;}

.cr p{ font-size:0.2rem; line-height:0.3rem; padding-top:10px;}

.footer,.cr{ margin:0px;}







.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:16px;right:-98px;background:#666}

.title p:before{content:"";width:100px;height:1px;position:absolute;top:16px;left:-98px;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;}

.tab{margin:10px auto;}

.pic_con{ margin-top:15px;}



.casen_lb{ margin-top:0px;}

.casen_lb ul li {

    width: auto;

    margin: 0 1% 2%;

    border: 1px #ccc solid;

    float: none;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

    padding: 0 0 20px;

}

.casen_lb ul li h3{ font-size:0.22rem;}

.casen_lb ul li p{ font-size:0.2rem; height:inherit; line-height:0.35rem;}



}



@media (max-width:420px){

.head .logo{ width:220px;margin-top: 8px;}

.head .logo img{ width:100%;}

}