@charset "utf-8";

/* CSS Document */

*{margin:0;padding:0}

body{background:#030619;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}

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}

html{font-size:12px}

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

#stars{ position:fixed; top:0px; left:0px; height:100%; width:100%;}



a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}

a:focus{outline:0}

input,textarea{outline:0}

a:hover{color:#1e50ae;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.content{ width:1400px; margin:0px auto;}







.head{width:100%;height:100px;position:fixed;top:0;transition:.8s;z-index:100}

.had{ background:Rgba(0,0,0,0.4);}

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









.head .nav{float:right;height:100px;}

.head .nav ul{ margin-top:31px;}

.head .nav ul li{float:left;width:126px;text-align:center;position:relative; height:40px; line-height:40px;}

.head .nav ul li:first-child:before{ content:url(../images/sy.png); position:absolute; left:20px; top:13px;}

.head .nav ul li:first-child { padding-left:20px}

.head .nav ul li:hover:first-child { border-radius:6px ; background:rgba(0,0,0,0.7); }

.head .nav ul li a{color:#fff;font-size:15px;display:block}

.head .nav ul li:hover{ border-radius:6px 6px 0 0 ; background:rgba(0,0,0,0.7); }

/*.head:hover{background:rgba(0,0,0,.6)}*/

.head .nav ul li ul{position:absolute; z-index:1;left:0;display:none;width:100%;background:rgba(0,0,0,.7); top:9px; border-radius:0 0 6px 6px; overflow:hidden;}

.head .nav ul li ul li{height:40px;line-height:40px;height:auto;overflow:hidden; position:relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.head .nav ul li ul li a{color:#fff;font-size:14px;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s;}

.head .nav ul li ul li:before{ content:""; display:none; left:0px; top:0px;}

.head .nav ul li ul li:first-child { padding-left:0px}

.head .nav ul li ul li:hover a:before{ margin-right:5px;content:url(../images/sj.png);-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s;}

.head .nav ul li ul li:hover a{ padding-left:5px; -webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; color:#00a0e9}

.head .nav ul li ul li:hover { background:none;}

.head .nav ul li ul li:first-child:hover { background:none;}

.head .tel{ float:right; display:none;}

.head .caidan{ float:right; display:none;}



.tit{ text-align:center; margin:65px auto 55px; position:relative; z-index:2}

.pic{ overflow:hidden; background:url(../images/picbj.jpg) no-repeat center top;}

.pic_cont{ position:relative; overflow:hidden; z-index:2; width:100%;}

.pic_cont ul{} 

.pic_cont ul li{ width:33.33%; float:left; border:15px rgba(3,6,25,0.01) solid; box-sizing:border-box; position:relative; overflow:hidden; } 



.pic_cont ul li div{ position:absolute; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.6); bottom:-100%;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; }

.pic_cont ul li div h3{ text-align:center; margin:30% auto 15px; padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; font-size:24px; color:#fff; font-weight:400; } 

.pic_cont ul li div p{ width:150px; height:35px; line-height:35px; border-radius:30px; border:1px #fff solid; color:#fff; text-align:center; font-size:14px; margin:0px auto}

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

.pic_cont ul li:hover img{transform:scale(1.05)}



.pic_cont ul li:hover div{ bottom:0px;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; }

.pic_cont ul li dd{ text-align:center; color:#fff; display:none;}

.title{ font-size: 36px; font-weight:bold; margin:10px auto 30px; background-image: linear-gradient(100deg,#eac19c,#fef7a3); background-clip:text; -webkit-background-clip:text; color: transparent;position:relative; z-index:2;}

.title span{ float:right; font-weight:400; font-size:14px; margin-top: 15px;}

.title span a{ color:#fff;}

.title span a:hover{ color:#00f3f7;}

.title span img{ vertical-align:bottom; margin-left:5px;} 





.anli{ overflow:hidden ; position:relative ; z-index:2;}

.anli ul{ overflow:hidden}

.anli ul li{ border:10px rgba(0,0,0,0.1) solid; float:left; width:33.33%; box-sizing:border-box; overflow:hidden}

.anli ul li div{border-radius:20px; overflow:hidden;  position:relative;}

.anli ul li div img{transition:.5s;width:100%; height:100%}

.anli ul li:hover div img{transform:scale(1.05)}

.anli ul li div dd{ bottom:0px; height:50px; position:absolute; width:90%; margin:0 5%; overflow:hidden}

.anli ul li div dd img{ width:100%; height:23px;; overflow:hidden}

.anli ul li:hover div dd img {transform:scale(1)}

.anli ul li p{ text-align:center; font-size:16px; color:#fff; height:40px; line-height:40px;}



.anli ul li:hover p{color:#00fbfc}









.abnout{ overflow:hidden; position:relative; z-index:2}

.abnout ul{ overflow:hidden;}

.abnout ul li{ width:50%; border:10px rgba(0,0,0,0.1) solid; float:left; box-sizing:border-box; overflow:hidden; position:relative; border-radius:30px;}

.abnout ul li img{ width:100%; height:100%;}

.abnout ul li  div{ position: absolute; width:90%; overflow:hidden; height:170px; bottom:0px; padding:0 5%;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; }

.abnout ul li  div h3{ font-size:26px; color:#fff; font-weight:400;} 

.abnout ul li  div dd{ font-size:14px; color:#fff; margin:5px  auto 20px; text-transform:uppercase;} 

.abnout ul li  div p{ font-size:14px; line-height:28px; color:#fff; overflow:hidden; height:50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.abnout ul li img{transition:.5s;width:100%; height:100%}

.abnout ul li:hover img{transform:scale(1.05)}

.abnout ul li:hover div{ height:190px;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; margin-bottom:50px }

.abnout ul li:hover div p{ height:inherit;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s;  }

.abnout ul li:nth-child(n+2) div{ height:150px;}

.abnout ul li:nth-child(n+2) h3,.abnout ul li:nth-child(n+2) dd{-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s;}

.abnout ul li:nth-child(n+2):hover h3,

.abnout ul li:nth-child(n+2):hover dd{ padding-left:15px;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s;}





.lianghua{ background:url(../images/picbj2.jpg) no-repeat center top; background-size:cover; overflow:hidden; padding:100px 0 ; z-index:9; position:relative }



.lh_right { width:60%; float:right;}

.lh_txt { overflow:hidden; background:url(../images/lhimg01.png) repeat-x; width:100%; border-radius:6px;   ; text-align:center; font-size:16px; position:relative; z-index:2; padding:50px 0;}

.lh_txt h3{ margin:15px auto; font-size:25px; color:#fff; position:relative;}

.lh_txt p{ font-size:14px; color:#fff; line-height:26px; padding:0 30px; height:100px;position:relative; z-index:5; opacity:1}



.lh_right .swiper-container{ padding-bottom:50px;}

.lh_right .swiper-slide:nth-child(2) .lh_txt{ background:url(../images/lhimg02.png) repeat-x; }



.lh_right .swiper-slide:nth-child(3) .lh_txt{ background:url(../images/lhimg03.png) repeat-x; }



.lh_right .swiper-slide:nth-child(4) .lh_txt{ background:url(../images/lhimg04.png) repeat-x; }

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



.lh_right .swiper-pagination-bullet{ width:40px; height:6px; border-radius:6px; opacity:1; background:#fff;}

.lh_right .swiper-pagination-bullet-active{ background:#15baf4}



.gradient-text-one{ 

            background-image:-webkit-linear-gradient(bottom,red,#eac19c,yellow);

            -webkit-background-clip:text;

            -webkit-text-fill-color:transparent;

        }







.gengduo{ background:#00568e; background-image: linear-gradient(#00f6f9, #00568e);; width:200px; border-radius:6px; height:48px; line-height:48px; margin:50px auto ; text-align:center; font-size:16px; position:relative; z-index:2;clear: both;}

.gengduo a{color:#fff;}

.gengduo:hover{  background:#00568e; background-image: linear-gradient(#00568e, #00f6f9); text-align:center;    }







.news{ overflow:hidden; background:url(../images/news_bj.jpg) no-repeat center top; background-size:cover; padding-bottom:50px;}



.news_tab{ position:relative; z-index:2; overflow:hidden; margin:0px auto 40px;}

.news_tab ul{ overflow:hidden; text-align:center;}

.news_tab ul li{ overflow:hidden; display:inline-block; margin:0 10px; border-radius:6px; width:200px; height:48px; line-height:48px; background:#00568e; background-image: linear-gradient(#00f6f9, #00568e); text-align:center; font-size:16px; color:#fff;   }

 .news_tab ul li a{color:#ffff;}

.news_com{ overflow:hidden; position:relative; z-index:2 }

.news_left{ float:left; overflow:hidden ; width:50%;}

.news_left div{ overflow:hidden;} 

.news_left div img{transition:.5s;width:100%; height:100%}

.news_left div:hover img{transform:scale(1.05)}

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

.news_tab ul li:hover{  background:#00568e; background-image: linear-gradient(#00568e, #00f6f9); text-align:center; font-size:16px; color:#fff;   }



.news_left h3{ font-size:18px; margin:10px auto; color:#fff; overflow:hidden; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.news_left h3 span{ float:right; font-size:14px; font-weight:400;}

.news_left p{ height:50px; line-height:24px; font-size:14px; color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.news_left  dd{ font-size:14px; margin:15px auto;}

.news_left h3:hover {color:#00f8fb}

.news_left  dd a{ color:#fff;}

.news_left  dd  a:before{ content:"→" ;color:#fff;font-size:14px;}

.news_left  dd a:hover{ color:#00f8fb;}

.news_left  dd a:hover:before { color:#00f8fb;}



.news_right{ width:45%; float:right; border-radius:10px; background:rgba(255,255,255,0.1); overflow:hidden; padding:2%}

.news_right ul{}

.news_right ul li{ overflow:hidden; border-bottom:1px #4c566b solid; padding-bottom:15px; margin-bottom:35px;}

.news_right ul li h3{ overflow:hidden; color:#fff; font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:40px; line-height:40px;}

.news_right ul li h3 span{ float:right; font-size:14px; color:#fff;font-weight:400;}

.news_right ul li p{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:30px; line-height:30px; color:#fff;  }

.news_right ul li:hover h3{ color:#00f8fb}



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

.huoban { margin:0px auto; overflow:hidden; position:relative; z-index:2}

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

.huoban ul li{ overflow:hidden; margin:0px auto; width:16.5%; float:left; border:8px rgba(0,0,0,0.1) solid; box-sizing:border-box;}

.huoban ul li div{ overflow:hidden; margin:0px auto;}

.huoban div img{transition:.5s;width:100%; height:100%}

.huoban div:hover img{transform:scale(1.05)}

.huoban ul li p{ overflow:hidden; text-align:center; font-size:15px; color:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:50px; line-height:50px;}

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

.huoban ul li:hover p{color:#00f8fb}







.footer{ background:url(../images/picbj.jpg) no-repeat center top; overflow:hidden; margin:0px auto;}

.foot{ background:rgba(0,0,0,0.9); overflow:hidden; padding:40px 0 0;position:relative; z-index:2}

.b_nav { width:20%; float:left; }

.b_nav  h3{ font-size:16px; font-weight:400; color:#fff;; margin:20px auto;}

.b_nav  h3:after{ content:"_____"; color:#0677f1 ; letter-spacing:-1px; margin-left:10px;}

.b_nav ul li{ float:left; width:50%; color:#fff; font-size:15px; height:50px; line-height:50px;}

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

.b_nav ul li  a:hover{color:#00f8fb}



.lxwm{ overflow:hidden; border-left:1px #1b1c23 dashed; border-right:1px #1b1c23 dashed; min-height:240px; width:40%; padding:0 7%; margin:0 3%; float:left;}

.lxwm  h3{ font-size:16px; font-weight:400; color:#fff;; margin:20px auto;}

.lxwm  h3:after{ content:"_____"; color:#0677f1;letter-spacing:-1px; margin-left:10px;}

.lxwm h4{ font-size:30px; color:#fff; margin-bottom:20px;}

.lxwm  p{ color:#fff; font-size:14px; line-height:26px;}



.rwm{ float:right; width:12%}

.rwm  h3{ font-size:16px; font-weight:400; color:#fff;; margin:20px auto;}

.rwm  h3:after{ content:"_____"; color:#0677f1;letter-spacing:-1px;margin-left:10px;}

.rwm  div{ overflow:hidden;}

.rwm  div img{ width:100%}

.rwm  p{ font-size:14px; text-align:center; color:#fff;}



.links{width:100%;height:auto;overflow:hidden;border-top:1px solid #636363; margin-top:20px;}

.links .t{height:auto;overflow:hidden;margin-top:20px;float:left}

.links .t img{display:block;float:left;margin-right:5px;margin-top:3px}

.links .t p{color:#fff;font-size:14px;float:left; text-transform:uppercase;}

.links .t span{color:#fff}

.links ul{float:right;width:90%;height:60px;overflow:hidden}

.links ul a{float:left;padding:0 10px;line-height:60px;position:relative}

.links ul a:last-child:after{width:0;height:0;overflow:hidden}

.links ul a:after{content:"";width:1px;height:14px;position:absolute;right:0;top:50%;margin-top:-7px;background:url(../images/links.png) no-repeat center}

.links ul  a{color:#999;font-size:14px;display:block}

.links ul  a:hover{color:#00f8fb}



.banner img,.mbanner img{ width:100%;}{ width:100%;}

.banner{ display:block; margin:0px auto; overflow:hidden;}

.mbanner{ display:none; width:100%; overflow:hidden; margin:0px auto;}



.m_nav{ overflow:hidden; display:none; background:url(../images/mbavbj.jpg) no-repeat center top; background-size:100% 100%;}



.m_tit{ display:none;}



.buttom{
    background: #0f58b7;
    background-image: linear-gradient(#00b2fd, #0f58b7);bottom:0;margin:0 auto;max-width:850px;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:1% 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:70%}

.fs{ width:50px; height:50px; overflow:hidden; position:fixed; right:0px; bottom:20% ; z-index:100 ; display:none;}

.fs img{ width:100%}







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

.side ul li{width:78px;height:78px;float:left;position:relative; margin-bottom:2px; background:#405dff;color:#fff;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:#405dff;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/icon11.png)}

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

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



.side ul li i.bgs6{background-image:url(../images/icon33.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: #405dff;}

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

.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{ position:relative; z-index:1; width:100%; overflow:hidden; margin:0px auto;}

.n_banner img{ width:100%}

.n_banner div{ width:100%; left:0px; position:absolute; z-index:12; top: 50%; margin-top:-95px;}

.n_banner div dl{ width:1400px; overflow:hidden; margin:0px auto; padding-bottom:20px;}

.n_banner div dl h3 { animation:glow 10s ease-in-out infinite;}

.n_banner div dl h3 { font-size:48px; text-transform:uppercase; color:#fff; padding:80px 80px 0 20px; }

@keyframes glow { 0%,100%{ text-shadow:0 0 60px #ff3700; }}



.n_banner div dl p { animation:glow 10s ease-in-out infinite; font-family:Times New Roman}

.n_banner div dl p { font-size:16px; text-transform:uppercase; color:#fff; padding:0px 80px 0 20px; }

@keyframes glow { 0%,100%{ text-shadow:0 0 10px #ff3700; }}



















.neibox{ overflow:hidden; background:url(../images/body.jpg) no-repeat center top; background-size:cover;}

.mbx{ border-bottom:1px #1c202b solid; height:50px; line-height:50px;  width:100%; overflow:hidden; position:relative; z-index:2;}

.mbx .p1{ float:right; background:url(../images/sy.png) no-repeat center left; padding-left:16px; font-size:14px; color:#fff;}

.mbx .p1 a{ overflow:hidden; background:url(../images/mbxjt.png) no-repeat center right; padding-right:10px;  margin-left:8px; color:#fff;} 

.mbx .p1 a:last-child{ background:none; overflow:hidden;} 

.mbx .p1 a:hover{color:#00fbfc}

.mbx .p2{ float:left;}

.mbx .p2 ul{ overflow:hidden;}

.mbx .p2 ul li{ display:inline-block; font-size:14px; overflow:hidden; line-height:50px; padding:0 20px; margin:0 5px; color:#fff;}

.mbx .p2 ul li a{ color:#fff;}

.mbx .p2 ul li:hover{background:#0f58b7; background-image: linear-gradient(#00b2fd, #0f58b7);}

.mbx .p2 ul li.on{background:#0f58b7; background-image: linear-gradient(#00b2fd, #0f58b7);}







.pic_box{ width:1500px; margin:0px auto;}

.pic_tab{ position:relative; z-index:2; width:1340px; margin:50px auto 0; padding:20px;box-shadow:0 0 15px rgba(0, 255,255,0.5); background:rgba(0,0,0,0.6) ; border:1px #353a3d solid ; overflow:hidden; border-radius:10px;}

.pic_tab ul{ overflow:hidden;}

.pic_tab ul li{ overflow:hidden; margin-bottom:15px;}

.pic_tab ul li span{ display:block; margin:5px; background:#fe6c00; background-image: linear-gradient(#f6bf29, #fe6c00); width:140px; height:40px; border-radius:6px; text-align:center; line-height:40px; font-size:14px; color:#fff;border:1px #353a3d solid; float:left;}

.pic_tab ul li ul{ overflow:hidden; width:1000px;}

.pic_tab ul li ul li{  width:100px; height:40px; line-height:40px; border:1px #353a3d solid;display:block; float:left;margin:5px 10px;; border-radius:6px; text-align:center;}



.pic_tab ul li ul li:hover{ background:#0f58b7; background-image: linear-gradient(#00b2fd, #0f58b7); border-radius:6px; text-align:center;}

.pic_tab ul li ul li a{ color:#fff; display:block;}



.pic_tab ul li.on{  background:#0f58b7; background-image: linear-gradient(#00b2fd, #0f58b7); border-radius:6px; text-align:center;}





.anli_lb{ overflow:hidden; position:relative; z-index:2; margin-top:50px;}

.anli_lb ul{ padding:0px;}

.anli_lb ul li{ width:31.1%; margin:1%; float:left; overflow:hidden; border:1px #353a3d solid; border-radius:6px;}

.anli_lb ul li div{ overflow:hidden;}

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

.anli_lb ul li:hover div img{transform:scale(1.05)}



.anli_lb ul li p{ background:rgba(0,0,0,0.5); overflow:hidden; position:relative; height:60px; line-height:60px; color:#fff; font-size:18px; padding:0 60px 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

}

.anli_lb ul li p:after{ content:url(../images/arrow.png); right:20px;; position:absolute; top:25px; }



.anli_lb ul li:hover{box-shadow:0 0 15px rgba(0, 255,255,0.5);}

.anli_lb ul li:hover a p{color:#00fbfc}





.page{margin:0 auto;margin-top:40px;margin-bottom:20px}

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

.page ul li{float:left;border:1px solid #666;box-sizing:border-box;height:40px;line-height:40px;padding:0 15px;margin:5px;border-radius:5px}

.page ul li a{color:#fff;font-size:12px}

.page ul .thisclass{background:#0f58b7; background-image: linear-gradient(#00b2fd, #0f58b7); color:#fff;border:1px solid #353a3d}

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







.n_title{ overflow:hidden; margin:60px auto; position:relative; z-index:2;}

.n_title h3{ font-size:46px;color:#00ffff; text-align:center; font-weight:400; margin-bottom:10px;}

.n_title p{ text-align:center; font-size:18px; color:#fff;}

.n_news{ overflow:hidden; position:relative; z-index:2; margin-bottom:60px}

.n_news ul{ overflow:hidden;}

.n_news ul li{ overflow:hidden; width:33.33%; float:left; border:10px rgba(2,2,2,0.01) solid; box-sizing:border-box; } 

.n_news ul li div{ overflow:hidden;}

.n_news ul li h3{ height:60px; line-height:60px; color:#fff; font-size:18px; font-weight:400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.n_news ul li p{display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden; font-size:15px; color:#999999;  height:50px; line-height:26px;}

.n_news ul li dd{ border-top:1px #ccc solid; margin-top:15px; padding-top:15px; font-size:13px; color:#fff;}

.n_news ul li div img{transition:.5s;width:100%; height:100%}

.n_news ul li:hover div img{transform:scale(1.05)}

.n_news ul li:hover a h3{ color:#00fbfc}









.pic_dingzhi{ position:relative; z-index:2; width:1340px; margin:50px auto; padding:20px;box-shadow:0 0 15px rgba(0, 255,255,0.5); background:rgba(0,0,0,0.6) ; border:1px #353a3d solid ; overflow:hidden; border-radius:10px;}

.pic_dingzhi ul{ overflow:hidden;}

.pic_dingzhi ul li{ width:112px; height:40px; line-height:40px; border:1px #353a3d solid;display:block; float:left;margin:5px 10px;; border-radius:6px; text-align:center;}

.pic_dingzhi ul li:hover{ background:#0f58b7; background-image: linear-gradient(#00b2fd, #0f58b7); border-radius:6px; text-align:center;}

.pic_dingzhi ul li a{ color:#fff; display:block;}

.pic_dingzhi ul li.on{  background:#0f58b7; background-image: linear-gradient(#00b2fd, #0f58b7); border-radius:6px; text-align:center;}





.ab_cont{ position:relative; z-index:2; width:1260px; margin:50px auto; padding:60px 60px 0 ;box-shadow:0 0 15px rgba(0, 255,255,0.5); background:rgba(0,0,0,0.6) ; border:1px #353a3d solid ; overflow:hidden; border-radius:10px;}



.kehu{ overflow:hidden;}

.kehu h3{ overflow:hidden; font-size:30px;color:#fff; }

.kehu h3 p{font-size:14px; text-transform:uppercase;  font-weight:400;}

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

.kehu ul li{ width:20%; float:left; border:8px rgba(0,0,0,0.01) solid; box-sizing:border-box; overflow:hidden;}

.kehu ul li div{ overflow:hidden;} 

.kehu ul li div img{transition:.5s;width:100%; height:100%}

.kehu ul li:hover div img{transform:scale(1.05)}

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



.jieshao{ overflow:hidden; margin-bottom:80px;}

.jieshao div{ float:right; margin-left:50px; overflow:hidden;}

.jieshao span{ overflow:hidden;}

.jieshao span h3{ overflow:hidden; font-size:30px;color:#fff; margin-bottom:20px;}

.jieshao span h3 p{font-size:14px; text-transform:uppercase;  font-weight:400;}

.jieshao span dd{ overflow:hidden; color:#fff; font-size:16px; line-height:30px; }

.jieshao span dd p{ overflow:hidden; text-indent:2em; line-height:36px;text-align: justify;}



.wenhua{ overflow:hidden;}

.wenhua h3{ overflow:hidden; font-size:30px;color:#fff; }

.wenhua h3 p{font-size:14px; text-transform:uppercase;  font-weight:400;}

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

.wenhua ul li{ width:33.33%; float:left; background:rgba(0,0,0,1); padding:30px 0;  border-radius:30px; border:10px #01030c solid; box-sizing:border-box; overflow:hidden;}

.wenhua ul li div{ overflow:hidden; width:100px; height:100px; margin:0px auto;} 

.wenhua ul li div img{transition:.5s;width:100%; height:100%}

.wenhua ul li h3{ color:#00ffff; text-align:center; font-size:24px; margin:15px auto }

.wenhua ul li p{ overflow:hidden; color:#fff; font-size:16px; text-align:center;} 

.wenhua ul.linian{ overflow:hidden;}

.wenhua ul.linian li{ overflow:hidden; width:50%; border:10px #01030c solid; box-sizing:border-box; float:left; padding:0px; background:none; position:relative;}

.wenhua ul.linian li img{ width:100%; height:100%}

.wenhua ul.linian li div{ position:absolute; width:90%; padding:0 5%; bottom:0px; background:url(../images/tmbj.png) repeat-x center top; height: inherit; padding-bottom: 50px;}

.wenhua ul.linian li div h3{ text-align:left;}

.wenhua ul.linian li div p{ font-size:18px; text-align:left;}

.wenhua ul.linian li div p span{ display:block; margin-bottom:5px;}



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

.jiagou img{ width:100%; overflow:hidden;}

.jiagou img:first-child{ display:block}

.jiagou img:last-child{ display:none}







.shouhou{ overflow:hidden; margin-bottom:80px;}

.shouhou div{ float:right; margin-left:50px; overflow:hidden;}

.shouhou span{ overflow:hidden;}

.shouhou span h3{ overflow:hidden; font-size:30px;color:#fff; margin-bottom:20px;}

.shouhou span h3 p{font-size:14px; text-transform:uppercase;  font-weight:400;}

.shouhou span h4 { font-size:18px; color:#00f9f9}

.shouhou span dd{ overflow:hidden; color:#fff; font-size:16px; line-height:30px; }

.shouhou span dd p{ overflow:hidden;}

.shouhou span dt{ margin-top:20px; font-size:36px; line-height:48px; color:#00f9f9; font-weight:bold; letter-spacing:-2px}

.shouhou span dt img{ vertical-align:middle;}



.sh_rem{ overflow:hidden; margin:20px auto 50px; text-align:center; }

.sh_rem img{ width:200px; overflow:hidden; margin:0px auto 15px;}

.sh_rem p{ color:#fff; font-size:15px; text-align:center;}

 

 

.contact1{ overflow:hidden; margin-bottom:80px;}

.contact1 .ddtu{ float:right;  overflow:hidden; width:48%}

.contact1 .tact{ overflow:hidden; display:block; float:left; width:50%;}

.contact1 .tact h3{ overflow:hidden; font-size:30px;color:#fff; margin-bottom:20px;}

.contact1 .tact h3 p{font-size:14px; text-transform:uppercase;  font-weight:400;}

.contact1 .tact h4 { font-size:18px; color:#00f9f9}

.contact1 .tact dd{ overflow:hidden; color:#fff; font-size:16px; line-height:30px; }
.contact1 .tact dd h5{ font-size:16px; line-height:30px;  font-weight:400;}
.contact1 .tact dd p{ overflow:hidden; text-indent:2em;}

.contact1 .tact dl{ overflow:hidden; margin:30px auto;}  

.contact1 .tact dl dt{ width:28%; margin-right:20px; float:left; overflow:hidden; text-align:center; font-size:16px; color:#fff;}  

.contact1 .tact dl dt img{ width:100%; margin-bottom:5px;}



.news_lb{ overflow:hidden; position:relative; z-index:2; margin:40px auto}

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

.news_lb ul li{ overflow:hidden; border:1px #353a3d solid; padding:20px; border-radius:6px; background:rgba(0,0,0,0.5) url(../images/arrow.png) no-repeat center right 35px ; margin-bottom:20px;}

.news_lb ul li div{ width:20%; border:1px #353a3d solid; float:left; overflow:hidden;border-radius:6px; margin-right:20px;}

.news_lb ul li div img{transition:.5s;width:100%; height:100%}

.news_lb ul li:hover div img{transform:scale(1.05)}

.news_lb ul li span{ overflow:hidden;}

.news_lb ul li span h3{ font-size:22px; color:#fff; font-weight:400;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right:80px;margin-top: 20px; }

.news_lb ul li span dd{ font-size:12px; color:#999; margin:15px auto;}

.news_lb ul li span p{ font-size:14px; line-height:28px; height:90px; color:#ccc;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; padding-right:80px;text-align: justify; }

.news_lb ul li:hover{box-shadow:0 0 15px rgba(0, 255,255,0.5);   overflow:hidden;} 

 

 

.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:#0ff;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}

.pro-intro .share{width:100%;height:46px;line-height:46px;background:#000000;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:#fff; text-indent:2em;}

 

 

 

 



.fy{height:auto;border:1px solid #fff;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:#fff}

.fy p a:hover{color:#0ff}







.zizhi{ overflow:hidden;}

.zizhi h3{ overflow:hidden; font-size:30px;color:#fff; }

.zizhi h3 p{font-size:14px; text-transform:uppercase;  font-weight:400;}

.zizhi ul{ padding:0px;}

.zizhi ul li{ width:31.1%; margin:1%; float:left; overflow:hidden; border:1px #353a3d solid; border-radius:6px;}

.zizhi ul li div{ overflow:hidden;}

.zizhi ul li div img{transition:.5s;width:100%; height:100%}

.zizhi ul li:hover div img{transform:scale(1.05)}



.zizhi ul li p{ background:rgba(0,0,0,0.5); overflow:hidden; position:relative; height:60px; line-height:60px; color:#fff; font-size:18px; padding:0 60px 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

}

.zizhi ul li p:after{ content:url(../images/arrow.png); right:20px;; position:absolute; top:25px; }



.zizhi ul li:hover{box-shadow:0 0 15px rgba(0, 255,255,0.5);}

.zizhi ul li:hover a p{color:#00fbfc}



.textxq iframe{width: 1024px; height: 600px;margin: 0px auto;display: block;}





@media (max-width:1500px){



.pic_box{ width:1400px;}

}

@media (max-width:1440px){

		.content{ width:1200px;}

		.n_banner div dl{ width:1200px;}

		.pic_box{ width:1200px;}

		.head .nav ul li{ width:115px; }

		.pic_tab,.pic_dingzhi{ width:1160px}

		.ab_cont{ width:auto;}



		

	}


@media (max-width:1366px){


.banner{ display:block; margin:0px auto; overflow:hidden; height:800px;   width:100%; position:relative;}
.banner img{  height:800px; width:120%; }
}

@media (max-width:1200px){


.banner{ display:block; margin:0px auto; overflow:hidden; height:inherit;   width:100%; position:relative;}
.banner img{  height:inherit; width:100%; }

		.content{ width:auto;  min-width:320px; padding: 0 10px;}

		.ab_cont{ width:auto; margin:0 10px;}

		.head .nav ul li{ width:100px; }

		

		.n_banner div dl{ width:auto;}

		.pic_box ,.pic_dingzhi{ width:auto;}

		.head .nav ul li{ width:115px; }

		.pic_tab{ width:auto}

		.pic_tab ul li span{ float:none;}

		.pic_tab ul li ul {

    width: 100%;

}

		.pic_tab ul li ul{ width:auto;}

		

.lh_right {

    width: 70%;

    float: right;

}



.mbx {

    border-bottom:none;

    height:inherit;

    line-height: inherit;

    width: auto;

    overflow: hidden;

    position: relative;

    z-index: 2;

}



.mbx .p1{ float:none; display:block; width:auto; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding:2% 0 2% 16px; border-bottom: 1px #1c202b solid;}

.mbx .p2{ float:none; width:auto;display:block; margin:15px auto}

.mbx .p2 ul li {

    display: block; float:left; width:32.2%; box-sizing:border-box; text-align:center;

    font-size: 14px;

    overflow: hidden;

    line-height: 50px; border-radius:6px;

    padding: 0px;

    margin: 0.5%;

    color: #fff;

}

.mbx .p2 ul li a{ border:1px #353a3d  solid; border-radius:6px; display:block;}

	

	

.jieshao div{ display:none;}	

	



.shouhou{ overflow:hidden;}

.shouhou div {

    float: none;

    margin-left: 0px;

    overflow: hidden;

}

.shouhou div  img{ width:100%} 	

	

	

	

	

	}

	

@media (max-width:1050px){

	

	.head .tel{ display:block; margin-top:24px;}

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

	.head .nav { width:96%; display:none;

    float:none; background:rgba(0,0,0,0.95); padding-top:55px; 

    height: 100%; position:fixed; z-index:666;

}

	.head .nav ul{ border-top:1px #353a3d solid; overflow:hidden;}

.head .caidan,.head .logo{ position:relative; z-index:999;}

.head .nav ul li{ width:100%; text-align:center; overflow:hidden; float:none;  border-bottom:1px #353a3d  solid; }

.head .nav ul li:first-child{ padding:0px;}

.head .nav ul li:first-child:before{ content:""; display:none;}

.lh_right {

    width: 80%;

    float: right;

}

.side{ display:none;}

.had {

    background: Rgba(0,0,0,0.8);

}

.head .dis{ display:block;}



	}	

	

	

@media (max-width:850px){	

.lh_right .swiper-pagination{ display:block;}

.mbx .p2 ul li{ line-height:0.5rem;}

.banner{ display:none;}

.mbanner{ display:block;}

.m_nav{ overflow:hidden; display:block;; padding:30px 0;position:relative; z-index:2;}

.m_nav ul{ overflow:hidden;  }

.m_nav ul li{ width:25%; float:left; text-align:center; overflow:hidden;}

.m_nav ul li  div{ width:80%; margin:0px auto;}

.m_nav ul li  div img{ width:100%;}

.m_nav ul li  p{ text-align:center; font-size:0.22rem;}

.m_nav ul li  a p{ color:#fff;}

.tit { display:none;}



.m_tit{ overflow:hidden; text-align:center; margin:20px auto; display:block;}

.m_tit h3{ font-size:0.32rem; background-image: linear-gradient(100deg,#1ab6da,#915de5); background-clip:text; -webkit-background-clip:text; color: transparent;}

.m_tit p{ color:#1ab6da; font-size:0.18rem; margin-top:5px;}

.pic_cont ul li{ width:50%;}

.pic_cont ul li dd{ display:block; text-align:center; color:#fff; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:0.2rem; padding:2% 0}

.pic_cont ul li div{ display:none;}

.anli ul li{ width:50%; border:5px rgba(0,0,0,0.1) solid}

.anli ul li p {text-align: center; font-size: 0.2rem; color: #fff; height:inherit;line-height: inherit; padding:2% 0;}

.title{ font-size:0.35rem;}

.title span{ font-size:0.2rem; margin-top:10px;}

.abnout ul li{ width:100%; float:none;}

.pic { background-size:cover;}

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

.abnout ul li div dd{ font-size:0.18rem;}

.abnout ul li div p{ display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden; font-size:0.2rem; line-height:0.35rem; height:inherit;}

.abnout ul li div{ height:inherit; margin-bottom:30px;}

.abnout ul li:nth-child(n+2) div{ height:inherit; margin-bottom:10px;}
.abnout ul li:nth-child(n+2):hover div{ height:110px;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; margin-bottom:10px }
.lh_right { width: auto; float: none;}

.lh_txt h3{ font-size:0.25rem;}

.lh_txt p{ font-size:0.2rem; line-height:0.35rem; height:inherit; height:1.5rem; }


.lianghua{ padding:30px 0}

.news_tab ul li {

    overflow: hidden;

    display: inline-block;

    margin: 0 1%;

    border-radius: 6px;

    width: 30%; padding:3% 0;

    height:inherit;

    line-height: inherit; 

    background: #00568e;

    background-image: linear-gradient(#00f6f9, #00568e);

    text-align: center;

    font-size: 0.2rem;

    color: #fff;

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

.news_tab ul li:hover{  background:#00568e; background-image: linear-gradient(#00568e, #00f6f9); text-align:center; color:#fff;   }

.news_left,.news_right { float: none;overflow: hidden; width: auto;}

.news_left h3{ font-size:0.25rem;}

.news_left p{ font-size:0.2rem; height:inherit; line-height:0.35rem;}

.news_left h3 span{ margin-left:20px;}

.news_right ul li h3{ font-size:0.2rem;}

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

.news_right ul li h3 span{ font-size:0.16rem;}

.huoban ul li{ width:33.33%}

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

.huoban ul li p{ font-size:0.2rem; height:inherit; line-height:inherit; padding:2% 0;}

.b_nav,.rwm,.links{ display:none;}

.lxwm {

    overflow: hidden;

    border-left: none;

    border-right: none;

    min-height:inherit;

    width: auto;

    padding: 0 1%;

    margin: 0 1%;

    float: none;

}

.lxwm h3{ font-size:0.2rem;}

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

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

.buttom,.fs{ display:block}

.foot{ padding:20px 0 1.2rem;}

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

.head{ height:inherit;}

.head .logo{ width:40% ; margin:24px auto}

.head .logo img,.tel img,.caidan  img{ width:100%} 



.tel{ width:10%;}

.caidan { width:10%;}

.mbx .p1 a{ font-size:0.2rem;}

.mbx .p2 ul li{ font-size:0.2rem;}

.pic_tab ul li span{ font-size:0.2rem;}

.pic_tab ul li ul li{ font-size:0.2rem; width: 31%;

    height:inherit;

    line-height: inherit;

    border: 1px #353a3d solid;

    display: block;

    float: left;

    margin: 5px 10px; padding:2% 5%;

    border-radius: 6px;

    text-align: center;}

	

.n_banner img{ width:240%}
	
.n_banner div dl h3 { font-size: 0.4rem;}

.n_banner div dl p{ font-size:0.2rem;}

.pic_tab,.pic_dingzhi{ margin:20px auto }



.anli_lb ul li{ width:50%; float:left; border:5px rgba(0,0,0,0.01) solid; box-sizing:border-box; padding:0px; margin:0px;}



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

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

.n_news ul li{ width:auto; float:none; margin-bottom:20px;}

.kehu ul li{ width:50%;border:5px rgba(0,0,0,0.01) solid; }

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

.jiagou img:first-child{ display:none}

.jiagou img:last-child{ display:block}



.pic_dingzhi{ padding:20px 0; margin:0 10px;}

.pic_dingzhi ul li { width: 33.33%; height:inherit; line-height: inherit;border: 5px rgba(0,0,0,0.01) solid;

    display: block; float: left; margin: 0; border-radius: 6px; text-align: center;box-sizing:border-box; 

}

.pic_dingzhi ul li a{ border:1px #353a3d solid; padding:5% 0; font-size:0.2rem; }

.news_lb{margin: 0px auto;}

.news_lb ul li div{ width:45%}

.news_lb ul{ padding:0px;}

.news_lb ul li{ padding:10px; background:rgba(0,0,0,0.5);}

.news_lb ul li span h3{ font-size:0.25rem; padding-right:0px; margin-top: 10px;}

.news_lb ul li span dd{ font-size:0.16rem; margin:0.1rem 0}

.news_lb ul li span p {font-size: 0.18rem; padding-right:0px; line-height: 0.35rem; height:inherit;color: #ccc;display: -webkit-box; -webkit-box-orient: vertical;

    -webkit-line-clamp: 3; overflow: hidden;

}



.pro-intro h2 { margin-top: 0px; font-size:0.25rem;}

.pro-intro .share{height:inherit;line-height:24px;text-align:center; padding:15px 0}

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



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

.fy p{width:50%;float:left;color:#fff;text-align:center;border-right:1px solid #d2d2d2; height:inherit; line-height:inherit;box-sizing:border-box;padding:2% 10px}

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

.fy p a{color:#ffff}

.fy p a:hover{color:#00c7e0}



.jieshao span h3{ font-size:0.3rem;}

.jieshao span h3 p{ font-size:0.2rem;}

.jieshao span dd {overflow: hidden; color: #fff;font-size: 0.2rem; line-height: 0.4rem;}

.n_news ul li h3{ font-size:0.25rem}

.n_news ul li p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    font-size: 0.2rem;

    color: #999999;

    height:inherit;

    line-height: 0.35rem;

}

.n_news ul li dd{ font-size:0.18rem}

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

.kehu h3 p{ font-size:0.18rem;}

.kehu ul li:last-child{ display:none;}

.ab_cont {

    position: relative;

    z-index: 2;

    width: auto;

    margin: 30px 20px 0;

    padding: 30px 20px 0;

    box-shadow: 0 0 15px rgb(0 255 255 / 50%);

    background: rgba(0,0,0,0.6);

    border: 1px #353a3d solid;

    overflow: hidden;

    border-radius: 10px;

}





.contact1 .tact {

    overflow: hidden;

    display: block;

    float: none;

    width: auto;

}



.contact1 .tact h3 {

    overflow: hidden;

    font-size: 0.3rem;

    color: #fff;

    margin-bottom: 20px;

}

.contact1 .tact h3 p{ font-size:0.18rem;}

.contact1 .tact dd{ font-size:0.2rem;}

.contact1 .tact dd p{ font-size:0.2rem; line-height:0.4rem;}



.contact1 .tact dl dt {

    width: 33.33%; border:5px rgba(0,0,0,0.01) solid; box-sizing:border-box;

    margin-right: 0px;

    float: left;

    overflow: hidden;

    text-align: center;

    font-size: 0.2rem;

    color: #fff;

}



.zizhi ul li {



    width: 50%;

    float: left;

    border: 5px rgba(0,0,0,0.01) solid;

    box-sizing: border-box;

    padding: 0px;

    margin: 0px;



}

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

    height:inherit;

    line-height: inherit;

    color: #fff;

    padding: 0px; text-align:center; padding:5% 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;}
	

.zizhi ul li a{border: 1px #353a3d solid; overflow:hidden; border-radius:6px; display:block;}
.zizhi ul li p:after{ content:""; display:none;}

.anli_lb ul li p:after{ content:""; display:none;}

.anli_lb ul li p{ font-size:0.2rem;height:inherit; line-height: inherit;color: #fff; padding: 0px; text-align:center; padding:5% 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.anli_lb ul li a{border: 1px #353a3d solid; overflow:hidden; border-radius:6px; display:block;}

.shouhou span h3{ font-size:0.3rem; margin-top:20px;}
.shouhou span h3 p{ font-size:0.18rem;}
.shouhou span dd {overflow: hidden;color: #fff;font-size: 0.2rem;line-height:0.4rem; text-align:justify;

}

.shouhou span h4{ font-size:0.25rem;}

.shouhou span dt{ }

}

@media (max-width:750px){

	.ab_cont{ padding:30px 20px;}		

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

	.wenhua ul.linian li{ width:auto; float:none;}

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

	.wenhua h3 p{ font-size:0.18rem;}

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

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

	.wenhua ul.linian li div p{ font-size:0.2rem;}

	.wenhua ul.linian li div{ padding-bottom:0.4rem;}

	.textxq iframe{width: 450px; height: 300px;margin: 0px auto;display: block;}

     .head .tel {display: block;margin-top: 13px;}
}

	



@media (max-width:450px){

.news_lb ul li span p {
	
	display: -webkit-box; 
	-webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;
}

.textxq iframe{width: 320px; height: 200px;margin: 0px auto;display: block;}

}

@media (max-width:420px){
	
.head .logo{ margin:15px 0;}
	.head .caidan {
    display: block;
    margin-top: 17px;
}

}