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

a:hover{ color:#bd0767}

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{ padding:0 5%;}



.head{width:100%; overflow:hidden;}



.head .had{position:relative; padding:0 5%; overflow:hidden; }



.head .logo{float:left;}



.head .hot{ float:right; margin-top:20px;}







.nav{ height:66px; line-height:66px; background:#db4d7b}

.nav ul{ padding:0 5%;}

.nav ul li{float:left;width:11.1%;position:relative;text-align:center; position:relative; z-index:2}

.nav ul li:after{content:"";width:0;height:66px;position:absolute;left:50%;transition:.5s;top:0;background:#bd0767; z-index:2}

.nav ul li:hover:after{left:0;width:100%; z-index:1}

.nav ul li a{color:#fff;display:block;width:100%;font-size:16px; z-index:99; position:relative;}

.nav ul li:hover dl{display:block}

.nav ul li ul{ position:absolute; left:0px; width:100%;padding:0px; padding-bottom:15px; background:rgba(189,7,103,0.8); display:none; }

.nav ul li ul li{ width:100%; height:40px; line-height:40px;}

.nav ul li ul li:hover:after{content:""; display:none;}

.nav ul li ul li a:hover { text-decoration:underline;}

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

.title{position:relative; padding:60px 0}

.title h3:after{content:"";width:100px;height:1px;position:absolute;top:24px;right:-100px;background:#999}

.title h3:before{content:"";width:100px;height:1px;position:absolute;top:24px;left:-100px;background:#999}

.title h3{color:#bd0767;font-size:32px;display:table;margin:0 auto;z-index:1;padding:0 20px;position:relative;text-align:center}



.title p{color:#666;font-size:14px;text-align:center;display:block;text-transform:uppercase;margin-top:5px}





.n_title{position:relative; padding:60px 0 30px}

.n_title h3:after{content:"";width:100px;height:1px;position:absolute;top:24px;right:-100px;background:#999}

.n_title h3:before{content:"";width:100px;height:1px;position:absolute;top:24px;left:-100px;background:#999}

.n_title h3{color:#bd0767;font-size:32px;display:table;margin:0 auto;z-index:1;padding:0 20px;position:relative;text-align:center}



.n_title p{color:#666;font-size:14px;text-align:center;display:block;text-transform:uppercase;margin-top:5px}







.concept ul{height:auto;}

.concept ul li{float:left;width:16.6%;transition:.3s; text-align:center;}

.concept ul li div{ width:60%; overflow:hidden; margin:0px auto;  border-radius:100%;box-shadow:0  5px 14px #d5d5d3;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.concept ul li div img{ width:100%; height:100%;  border-radius:100%}

.concept ul li:hover div{box-shadow:0 5px 14px #ffb8d6;transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.concept ul li p{ overflow:hidden; font-size:18px; margin-top:20px; text-align:center;}



.yueshan{ overflow:hidden;}

.yueshan ul{ overflow:hidden;}

.yueshan ul li{ overflow:hidden; width:25%; overflow:hidden; border:10px #fff solid; box-sizing:border-box; float:left; }



.icon{ overflow:hidden;}

.icon div{ overflow:hidden;}

.icon div img{ width:100%}

.icon h4{color:#bd0767;font-size:22px; text-align:center;margin:0 auto;font-weight:bold;;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:40px}

.icon p{color:#666;font-size:15px;line-height:24px; padding:0 20px;margin:0 auto;margin-top:15px}

.icon span{background:#adadad;width:18px;height:18px;border-radius:50%;margin:0 6px}





.zizhi{width:100%; overflow:hidden; position:relative ; position:relative}

.zizhi .swiper-container{ position:relative; margin:20px 50px 0; }

.zizhi .swiper-slide{ background:url(../images/an.png) no-repeat left top; }

.zz{ overflow:hidden; margin:10px; background:#fff; box-shadow:0 0 3px #fff; position:relative;-webkit-transition:all .5s;transition:all .5s; margin:30px 0 0 30px; }

.zz div{ overflow:hidden;  background:#fff;   box-shadow: 0 0 4px #d8d6d6;}

.zz div img{ width:100%}

.zz p{ height:70px; line-height:70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px; text-align:center;}

.zz:hover{ box-shadow:0 0 4px #d8d6d6;transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;}





.about{width:100%;overflow:hidden;margin-top:60px; background:url(../images/aboutbj.jpg) no-repeat center; background-size:cover;}

.about .about_cont{overflow:hidden; margin:40px auto;}

.about_cont{ background:#fff; overflow:hidden; padding:10px;}

.about .pic{float:left;width:50%}

.about .pic img{display:block;width:100%}

.about .intro{float:right;width:50%}

.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:16px;line-height:30px;padding: 30px 50px;color:#666; text-indent:2em;}

.about .intro a{display:block;width:200px;height:60px;border:1px #bd0767 solid;text-align:center;line-height:60px;color:#bd0767;float:left;margin-right:29px;margin-left:20px; margin-top:20px;}

.about .intro a:hover{background:#bd0767;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:#db4d7b}

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





.gengduo{ width:200px; height:50px; line-height:50px; border-radius:6px; text-align:center; background:#888888; margin:20px auto;}

.gengduo a{color:#fff;}

.gengduo:hover{ background:#db4d7b}



.pic_content{ overflow:hidden; background:url(../images/picbj.png) no-repeat center; background-size:cover; margin:60px auto 0; padding:0px 0 40px;}

.pic_cont{ overflow:hidden;}

.pic_cont ul{overflow:hidden;margin:0 auto}

.pic_cont ul li{width:25%;float:left;overflow:hidden; border:8px rgba(255,255,255,0) solid; box-sizing:border-box;position:relative}

.pic_cont ul li div{ width:100%;  overflow:hidden; position:relative}

.pic_cont ul li div dl{ position:absolute; width:100%; height:60px; background:rgba(189,7,103,0.6); bottom:0px;-webkit-transition:all .5s;transition:all .5s;}

.pic_cont ul li div dl dd{ font-size:16px; color:#fff; margin:13px 20px 30px; text-align:center; font-size:24px; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.pic_cont ul li div dl dd:after{content:"——"; color:#fff; display:block; margin-top:12px;}

.pic_cont ul li div dl dt{ border:1px #fff solid; text-align:center; height:36px; line-height:36px; width:150px;  margin:0px auto; color:#fff;}

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

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

.pic_cont ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%; height:100%}

.pic_cont ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic_cont ul li:hover p{color:#f00}

.pic_cont ul li:hover div dl{-webkit-transition:all .5s;transition:all .5s; height:100%;}

.pic_cont ul li:hover div dl dd{margin:100px 20px 30px; }



.tixi{ overflow:hidden;}

.tximg{ width:100%; overflow:hidden;}

.tximg img{ width:100%; }

.tximg img.ti1{ display:block}

.tximg img.ti2{ display:none}









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







.news{width:100%;overflow:hidden;margin-top:60px;background:url(../images/newsbj.jpg) no-repeat center ; background-size:cover; padding:40px 0;}





.news .main{height:auto;overflow:hidden}

.news .left{float:left;width:33.33%;height:auto;overflow:hidden;background:#fff;}

.news .left .limg{ width:100%}

.news .left .limg img{width:100%}

.news .left .ltrt{ overflow:hidden; margin:20px 20px 0;}

.news .left .ltrt dl{ width:70px; height:60px; background:#db4d7b; overflow:hidden; float:left; margin-right:20px;}

.news .left .ltrt dl dd{ font-size:24px; text-align:center; color:#fff; padding-top:5px;}

.news .left .ltrt dl dt{ text-align:center; color:#fff; font-size:14px;}

.news .left .ltrt h3{ font-size:18px; font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; line-height:28px;}





.news .intro{width:100%;height:auto;overflow:hidden;padding:15px 25px;box-sizing:border-box;}

.news .intro h4{width:100%;color:#333;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.news .intro h4:hover{color:#444}

.news .intro span{display:block;color:#666;font-size:14px;margin:10px 0}

.news .intro p{color:#666;font-size:14px;line-height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}





.news ul{float:right;width:65%;height:auto;overflow:hidden;}

.news ul li{width:49%;margin-bottom:30px;float:left;overflow:hidden;box-sizing:border-box;transition:.5s;border-bottom:1px solid #e6e6e6; background:#fff;; padding:17px 10px;  border-radius:6px; margin-right:2%}

.news ul li:hover{box-shadow:0 3px 1px 0 #f9f9f9}

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









.news ul li:nth-child(2n){float:right}

.news ul li .time{width:80px; text-align:center; height:80px ; overflow:hidden;float:left;border-right:1px solid #eaeaea; background:#afafaf ; margin-right:15px;}

.news ul li .time b{color:#fff;font-size:30px;display:block;font-weight:400;text-align:center; padding-top:10px;}

.news ul li .time p{text-align:center;color:#fff;font-size:14px}

.news ul li .info{height:auto;overflow:hidden;}

.news ul li .info h4{color:#333;font-size:16px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400}

.news ul li .info p{color:grey;font-size:12px;line-height:22px;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.news ul li:hover .time b{color:#fff}

.news ul li:hover .time p{color:#fff}

.news ul li:hover .info h4{color:#bd0869}



.news ul li:hover .time{ background:#bd0869}



.more{display:block;width:480px;height:60px;background:#666;text-align:center;line-height:60px;margin:0 auto;color:#fff;font-size:24px;border-radius:5px;margin-top:35px}

.news .more{margin-top:5px}







.links{width:100%;max-width:1920px;margin:40px auto 0;min-width:1100px;overflow:hidden; color:#666; border-top:1px #ccc solid;}

.links ul{  margin:0px auto; padding:0 5%}

.links span{  line-height:30px;   width: 130px;  float: left; padding: 2% 0; color:#db4d7b;  display: inline-block;   text-align: left;font-size: 16px; padding-left: 31px;   background:url(../images/sos.png) no-repeat center left;}

.links dl{ overflow:hidden; width:85%; float:left;}

.links dl dd{padding:2% 0;    }

.links dl dd a{padding: 0px 10px;font-size:16px;white-space: normal; display:inline-block; line-height:40px;}





.map{ height:400px;}

.footer{width:100%;overflow:hidden;background:#db4d7b ;padding:40px 0}

.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 .rwm{display:table;margin:0 auto;margin-top:30px; float:right; text-align:center; color:#fff;}

.footer .rwm div{ width:150px;}

.footer .rwm div img{ width:100%;}



.cr{width:100%;height:auto;overflow:hidden;border-top:1px solid #ccc;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}

.footer .tetx1{ color:#fff; float:left;}

.footer .tetx1 a{ color:#fff;}

.footer .tetx1 h3{ font-size:24px; color:#fff; margin-bottom:10px; }

.footer .tetx1 dd{ font-size:15px; line-height:28px;}

.buttom{bottom:0;margin:0 auto;max-width:750px;min-width:320px;position:fixed;width:100%;z-index:9999; display:none;}

.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; background:#333333; border-radius:6px;}

.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%;height:auto;overflow:hidden; margin:15px auto}

.page ul{display:table;margin:0 auto}

.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:5px}

.page ul li a{color:#333}

.page ul .thisclass{background:#bd0869;color:#fff;border:1px solid #bd0869}

.page select{border:none;background:0 0;outline:0}

.page ul .thisclass a{color:#fff;}





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







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

.md{ margin-top:20px;}





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

.sild{ width:60px; position:fixed; bottom:25%; height:275px; right:0px; }

.sild ul{ }

.sild ul li{ height:60px; width:60px; margin-bottom:10px; position:relative; z-index:2}

.sild ul li img{ position:relative; z-index:10}

.sild ul li p{ height: 50px;

    width: 160px;

    background: #f1f1f1;

    border: 1px #ccc solid;

    position: absolute;

    right: -160px;

    padding: 10px 45px 0 9px;

    top: 0px;

    z-index: 1;

    border-radius: 50%;

    text-align: center; opacity:0;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}



.sild ul li:hover p{ width:160px; border-radius:60px; right:0px; opacity:1;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.sild ul li a p {color:#666;}



.n_banner{ width:100%; overflow:hidden; margin:0px auto;}

.n_banner img{ width:100%}

	

	



.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:10000;border:1px solid #ccc;background:#fff;border-bottom:0}

.side ul li{width:78px;height:78px;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;}

.side ul li a{color:#333}

.side ul li:hover{background:#db4d7b;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:14px;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: #db4d7b;}

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

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





.warybox{ overflow:hidden; margin-bottom:30px;}

	

.anli_lb{overflow:hidden;margin:0px auto 0;}

.anli_lb ul{overflow:hidden;}

.anli_lb ul li{width:25%;float:left;overflow:hidden; border:8px #fff solid; box-sizing:border-box;}

.anli_lb ul li div{overflow:hidden;border:2px #fff solid}

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

.anli_lb ul li a:hover dd{color:#fff}

.anli_lb ul li a{color:#333}

.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli_lb ul li:hover p{color:#bd0767}

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





.mbx{width: 100%; height:80px; line-height:80px; background:#f9e9ea;max-width:1920px; margin:-4px auto; overflow:hidden;}

.mbx .p1{float: left; background: url(../images/shouye.png) no-repeat center left; padding-left:30px; font-size:15px; }

.mbx .p1 a:after { content:"/"; color:#666; margin:0 5px;}

.mbx .p1 a:last-child:after {content:""; display:none;}

.mbx .p2{float: right;}

.mbx .p2 i{display: block;font-size: 18px;color: #666666;font-weight: 400; line-height:77px; float: left;text-decoration: none; font-style:normal; }

.mbx .p2 i:after{ content:"|"; color:#666; margin:0 20px; }

.mbx .p2 i:last-child:after {content:""; display:none;}

.mbx .p2 i a{ display:inline-block;font-size: 18px;color: #666666; }

.mbx .p2 i a.cur{color: #bd0767;border-bottom: 3px solid #bd0767;}

.mbx .p2 i a:hover{color: #bd0767;border-bottom: 3px solid #bd0767; transition:.0s ease-out;-moz-transition:.0s ease-out;-webkit-transition:.0s ease-out;-o-transition:.0s ease-out}

.pro-intro{overflow:hidden;margin-top:6px;padding:10px 14px 20px}

.pro-intro .img{float:left;width:450px;height:auto;overflow:hidden}

.pro-intro .img img{display:block;width:450px;height:395px}

.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}

.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}

.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}

.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}

.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}

.pro-intro .data{width:100%;height:auto;overflow:hidden}

.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}

.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}

.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}

.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}

.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}

.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}

.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}

.pro-intro .info .btn a:last-child::after{content:""}

.pro-intro .info .btn a:hover{background:#25b240}

.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}

.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}

.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}

.pro-intro .text{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin:20px 0px 20px; }

.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px;}



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

.pro-intro .textxq  p{ font-size:16px; line-height:28px; color:#666;text-indent: 2em;}

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



.article-detailed{margin:0 auto;overflow:hidden;margin-top:20px}

.article-detailed .tit{height:auto;overflow:hidden;margin-bottom:15px}

.article-detailed .tit p{color:#333;font-size:18px;text-align:center;border-bottom:1px dashed #f1f1f1;height:30px}

.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}

.article-detailed .intro{height:auto;overflow:hidden}

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

.article-detailed .intro p{color:#333;font-size:16px;line-height:30px}





.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin:30px auto}

.fy p{width:33.3333%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:0 10px  }

.fy p:last-child{border:none}

.fy p a{color:#666}

.fy p a:hover{color:#bd0869}



.lxwmmt{overflow:hidden; line-height:30px; font-size:16px; padding:20px 0}







.news_lb{overflow:hidden; }

.news_lb ul{overflow:hidden;padding:10px}

.news_lb ul li{padding:2%;margin-bottom:20px;float:left;-webkit-transition:all .5s; width:48%;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;border:1px #ccc dotted ; margin:1%; box-sizing:border-box;}

.news_lb ul li h3{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;color:#494949;font-size:18px;margin-bottom:20px;display:block;position:relative;padding-right:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}

.news_lb ul li p{background:url(../images/icon.jpg) no-repeat center right;padding-right:100px;color:#7f7f7f;font-size:15px;line-height:24px;padding-left:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height:50px;}

.news_lb ul li h3:before{content:'';width:6px;height:6px;border-radius:50%;background:#494949;display:inline-block;margin:0 12px 2px 0;-moz-box-sizing:border-box;box-sizing:border-box}

.news_lb ul li h3 span{font-family:HNT;font-size:16px;font-weight:400;color:#919191;position:absolute;top:1px;right:0;line-height:1}

.news_lb ul li h3:hover{padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.news_lb ul li:hover{box-shadow:0 0 6px #ccc;-moz-box-shadow:0 0 6px #ccc;-ms-box-shadow:0 0 6px #ccc;-o-box-shadow:0 0 6px #ccc;-box-shadow:0 0 6px #ccc;transform:translate(0,-10px);box-shadow:0 0 10px #ccc;-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

	

@media (max-width:1600px){

.head .had{ padding:0 5%;}

.news ul li{margin-bottom:11px;

}

}

@media (max-width:1440px){

.news ul li{ padding:13px 10px;}



}

@media (max-width:1401px){

.head .had{ padding:0 2%;}



.news ul li{ padding:11px 10px;}

}



@media (max-width:1300px){

.main{ padding:0 1%;}

.side{ display:none;}



	.news-list .list{ padding:0 10px;}

	.crumbs ul{width:auto}

	.main,.crumbs ul{ width:auto;}

	body{ overflow-X:hidden}

.head .had span{ display:none;}

.detailed,.fy{ width:auto; padding:0 10px;}

.head .logo {



    margin-top: 35px;

}



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

.head{ height:inherit;}

.head .logo{margin-top: 0px;}

.head  .hot{ display:none;}



.caidan{ display:block}



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

.title p{ font-size:0.2rem;}

.pic_cont ul li div dl dd{ font-size:0.25rem;}



.pic_cont ul li:nth-child(n+5){ display:none;}



.pic_content{  margin:20px auto 0; padding:0px 0 20px;}



.nav{width:100%;margin:0 auto;overflow:hidden; background:#a3075a; position:absolute; right:-100%; z-index:9999; height:100%; display:none; }

.nav ul{overflow:hidden}

.nav ul li{padding:0px; line-height:0.7rem ;height:inherit; overflow:hidden; text-align:center;font-size:.25rem; border-bottom:1px #fff solid; box-sizing:border-box; float:none; width:100%; }

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





.title {

    position: relative;

    padding: 3% 0;

}



.title h3{ font-size:0.3rem;}

.tab ul li{ width:23%}

.news .left{ width:45%;}

.news .right{ width:50%}

.links{ display:none;}



.news .left{ width:auto; float:none; display:none;}

.news .right{ width:auto; float:none; padding:0 10px;}

.news ul{width:auto; float:none;}


.mbx{width: 100%; height:auto; line-height:80px; background:#f9e9ea;max-width:1920px; margin:-4px auto; overflow:hidden;;}


.mbx .p1{float: none; width:auto; line-height:45px;overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis; }

.mbx .p2{float: none; width:auto; border-top:1px #ccc solid;}

.mbx .p2 i{ width:33.33%; text-align:center;  line-height:45px; display:block; float:left;; border-right:1px #ccc solid; box-sizing:border-box;}

.mbx .p2 i a{ display:block}

.mbx .p2 i:after{content:""; display:none;}

.mbx .p2 i:last-child{ border-right:none}

.mbx .p2 i a.cur{color: #fff;border-bottom: none; background:#bd0767}

.mbx .p2 i a:hover{color: #fff;border-bottom: none;background:#bd0767; transition:.0s ease-out;-moz-transition:.0s ease-out;-webkit-transition:.0s ease-out;-o-transition:.0s ease-out}




.mbx .p3 i{ width:33.33%}



}



@media (max-width:1020px){

.concept ul li{ width:33.33%;  box-sizing:border-box; margin:0px; margin-bottom:20px;}

}



@media (max-width:800px){

.head .logo{ width:375px}

.head .logo img{ width:100%}

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

.pro-intro .share{width:100%;height:inherit;line-height:inherit;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center; padding:2% 0}

.pro-intro .share p span{display:block;font-size:12px;color:#999;padding:0 8px}

.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}

.pro-intro .info .btn a:last-child::after{content:""}

}





@media (max-width:850px){



.concept ul li:nth-child(1) i{background-size:0.5rem auto}

.concept ul li:nth-child(2) i{background-size:0.5rem auto}

.concept ul li:nth-child(3) i{background-size:0.5rem auto}

.concept ul li:nth-child(4) i{background-size:0.5rem auto}

.concept ul li:nth-child(5) i{background-size:0.5rem auto}

.concept ul li:nth-child(6) i{background-size:0.5rem auto}

.yueshan ul li{ width:50%}



}



@media (max-width:750px){

	

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



.anli_lb ul li{ width:50%}



.m-banner{width:100%;height:auto;overflow:hidden; display:block;}





.n_title{    padding: 20px 0;}

.n_title h3{ font-size:0.3rem;}

.n_title p{ font-size:0.2rem;} 

.news_lb ul li{ width:auto; float:none;}

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

.news_lb ul li p{ height:inherit; font-size:0.2rem; }

	.about .about_cont{ margin:0px auto;}

	.icon h4{ font-size:0.3rem;}

	.icon p{ font-size:0.2rem; text-align:justify; padding:0px;}

	.fy div{ float:none; width:100%; margin-bottom:15px;}

	.fy .return {

    display: block;

    float: none;

    width: auto;

    text-align: center;

    text-indent: 0px;

    line-height: inherit; padding:2% 0;

    color: #fff;

    font-size: 0.2rem;

    height:inherit;

    background: #0063b5 center;

}

.fy ul li{ line-height:.35rem; height:inherit; }

.fy p {

    color: #444;

    width: auto;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-weight: 400;

    overflow: hidden;

    float: none; height:inherit; line-height:inherit; padding:3% 0;

   font-size:0.2rem; border-right:none;

}

.fy p:last-child{ border-top:1px #ccc solid;}



.tximg img.ti1{ display:none}

.tximg img.ti2{ display:block}

.tximg img.ti2{ width:70%; margin-left:10%}



.fy {

   border-top:1px #ccc solid; padding-top:10px;

    margin: 0 auto;

    height: auto;

    overflow: hidden;

    margin-top: 10px;

    margin-bottom: 20px;

}



.icon p{ height:1.5rem}

.detailed .tit h4{ font-size:0.3rem;}

.detailed .tit p{ margin-top:10px;}

.detailed .tit p span { display:block; font-size:0.2rem; }

.detailed .tit{ height:inherit; padding-bottom:20px;}

.news-list .list ul li{height:auto;margin-bottom:10px;padding-bottom:10px}

.news-list .list ul li .time{width:100%;float:initial}

.news-list .list ul li .time div{width:1.2rem}

.news-list .list ul li .time b{font-size:.25rem;display:block}

.news-list .list ul li .time span{font-size:.2rem;display:block;margin-top:0}

.news-list .list ul li .info{width:4rem;margin:0;margin-top:.15rem}

.news-list .list ul li .info h4{color:#555;font-size:.25rem}

.news-list .list ul li .info p{color:#888;font-size:.2rem;margin-top:.15rem}

.news-list .list ul li i{font-size:.2rem;margin-top:.2rem;display:block;float:right;padding-bottom:.3rem;background-size:.3rem auto}



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

	.news .swiper-slide .info h4{ font-size:0.22rem;}

	.news .swiper-slide .info p{ font-size:0.18rem;}

	.footer .intro{ font-size:0.18rem; width:auto;}

	.cr{ font-size:0.18rem; line-height: 0.35rem;}

.news .title{ margin-top:20px;}



.news ul{ float:none; width:auto;}

.title span{ font-size:0.18rem;}

.concept ul li h4{ font-size:0.25rem;}

.concept ul li p{ font-size:0.2rem;}

.about .pic,.about .intro{ width:auto; float:none;}



.about .intro .info {

    height:inherit;

    display: -webkit-box;

    -webkit-line-clamp: 9;

    -webkit-box-orient: vertical;

    overflow: hidden;

    overflow: hidden;

    font-size: 0.2rem;

    line-height: .35rem;

    padding: 10px 0 0;

    color: #666;

    text-indent: 2em;

}

.about .intro a{ margin:20px auto 0; float:none;



    display: block;

    width: 220px;

    height:inherit; padding:2% 0;

    border: 1px #888888 solid;

    text-align: center;

    line-height: inherit;

    color: #333; font-size:0.22rem; 

    border-radius: 6px;

    background: #fff;



	}

	.tab ul li{height:inherit;line-height:inherit;background:#fff; padding:2% 0; margin-bottom:5px}

	.tab ul li a{ font-size:0.22rem;}

	.pic_cont ul li{ width:50%}

	.tabta ul li{background:#f1f1f1;}



.news .swiper-slide img{ height:100%}

.news .right .on h4{ font-size:0.22rem;}

.news .right .on p{ font-size:0.2rem; line-height:0.35rem;}

.news .right .on span{ font-size:0.18rem;}

	

	

.gengduo{ width:220px; height:inherit; line-height:inherit; border-radius:6px; text-align:center; background:#888888; margin:20px auto; padding:2% 0;}

.gengduo a{color:#fff; font-size:0.22rem; }

.gengduo:hover{ background:#db4d7b}

.sild{ bottom:10%}

.buttom{display:block}

.footer{ padding-bottom:1.2rem}

.intro { padding:0 10px; font-size:0.2rem;}

.zizhi .swiper-container{ padding-bottom:30px; margin:20px 0px;}



.swiper-button-next, .swiper-container-rtl .swiper-button-prev .z_left{ bottom:0px;left:50%;  margin-left:20px;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next .z_right{ bottom:0px; left:50%; margin-left:-40px;}



.zz{ overflow:hidden; margin:0px; background:#fff; box-shadow:0 0 3px #fff; position:relative;-webkit-transition:all .5s;transition:all .5s; }

.zz div{ overflow:hidden;  background:#fff;   box-shadow: 0 0 4px #d8d6d6;}

.zz div img{ width:100%}

.zz p{ height:70px; line-height:70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px; text-align:center;}

.zz:hover{ box-shadow:0 0 4px #d8d6d6;transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;}

.footer .rwm{ display:none;}

.footer .tetx1{ float:none; width:auto; text-align:center;}

.footer .tetx1 dd{ font-size:0.2rem;}



}

@media (max-width:550px){

.icon p{ height:2rem;}

}

@media (max-width:460px){

.caidan{    width: 7%;

    margin: 11px 5px 0 0;

}

.caidan img{ width:100%  }

.head .had{ height:38px; padding:0.2rem 10px;}

.head{ height:inherit;}

.head .logo{ width:80%;margin-top: 0px;}

.head .logo img{ width:100%}

.head .had span{ top:1rem}

.news ul li{ float:none; width:auto; margin-right:0px}

.news ul li:nth-child(2n){ float:none; padding: 11px 10px;}

.icon p{ height:inherit;}

}