@charset "utf-8";html{font-family:"Microsoft YaHei";font-size:12px}



b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}



img,input{border:0;vertical-align:middle}



li,ul{list-style:none;margin:0;padding:0}



form{padding:0;margin:0}



td{FONT-SIZE:12px}



i{font-style:normal}



body{ background:#7f7f7f;}



img{border:0}



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



a:focus{outline:0}



input,textarea,select{outline:0}







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



@font-face { font-family : DINProb; src : url(../images/DINPro-Bold.otf);}



@media screen and (min-width:320px){body{ font-size:14px;}}



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



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



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



.content{padding:0 8%;}



.conhead{padding:0 8%;}







.head{ background:rgba(0,0,0,0.6); position:fixed; height:100px; width:100%; z-index:99; text-align:center;}



.head a{ display:inline-block; width:8%; color:#fff; font-size:20px; line-height:100px;}



.head a:hover{background:#f26f20;}



.head span.caidan{ width:50px; height:50px; position:absolute; right:25px; top:24px; display:block; }



.head span.caidan img{ width:50px; height:50px;}



.head span.mcaidan{ width:50px; height:50px; position:absolute; right:25px; top:24px; display:none; }



.head span.mcaidan img{ width:50px; height:50px;}



.head span.guanbi{ width:50px; height:50px; position:absolute; right:25px; top:24px; display:none}



.head span.guanbi img{ width:50px; height:50px;}



.head span.mguanbi{ width:50px; height:50px; position:absolute; right:25px; top:24px; display:none}



.head span.mguanbi img{ width:50px; height:50px;}



.head span.nav{ position:absolute; width:0px; right:25%; top:0px; overflow:hidden;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out }





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



.hot{  background:url(../images/hot.png) no-repeat center left; font-family:DINProb; font-size:34px; color:#fff;    margin-top: 28px;  padding-left: 40px; float:right}





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



.box{ overflow:hidden; margin-top:60px }



.box ul li{ width:33.33%; float:left;  box-sizing:border-box; border:10px #7f7f7f solid; background:#fff; }







.about{ margin:30px;}



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



.about div h2{ position:absolute; width:200px; height:60px; line-height:60px; font-size:24px; color:#fff; bottom:0px; left:0px; background:rgba(242,111,32,0.8); text-align:center; border-radius:0px 24px 0 0;}



.about div h2 span{ font-size:14px; font-weight:400; margin-left:5px}



.about div img{ width:100%}



.about dd{ overflow:hidden; height:240px; line-height:30px; font-size:16px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:8; overflow:hidden; padding:20px 10px 0; color:#333333}





.gd{ width:150px; height:40px; background:#f26f20;  text-align:center; line-height:40px; margin-top:20px; position:relative; z-index:11}



.gd a{color:#fff; font-size:16px; display:block; font-weight:400;}



.gd a:after{ content:""; position:absolute; background:#666; left:50%; width:0%; z-index:1;     height: 40px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out }



.gd a:hover:after{ content:""; width:100%; left:0px; z-index:-1;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out }





.news{ margin:30px; }



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



.news div h2{ position:absolute; width:200px; height:60px; line-height:60px; font-size:24px; color:#fff; bottom:0px; left:0px; background:rgba(242,111,32,0.8); text-align:center; border-radius:0px 24px 0 0;}



.news div h2 span{ font-size:14px; font-weight:400;  margin-left:5px}



.news div img{ width:100%}



.news  ul { padding:20px 10px 0 ;height:240px;}



.news  ul dd{ height:30px; line-height:30px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}



.news  ul dd:before{ content:"◇"; color:#f26f20; font-weight:bold; font-size:14px;}



.news  ul dd span{ float:right;}



.news  ul dd a{ font-size:16px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}



.news  ul dd a:hover{color:#f26f20; padding-left:10px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}





.cantact{  margin:30px; }



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



.cantact div h2{ position:absolute; width:200px; height:60px; line-height:60px; font-size:24px; color:#fff; bottom:0px; left:0px; background:rgba(242,111,32,0.8); text-align:center; border-radius:0px 24px 0 0;}



.cantact div h2 span{ font-size:14px; font-weight:400;  margin-left:5px}



.cantact div img{ width:100%}



.cantact dd{ overflow:hidden;height:240px; line-height:30px; font-size:16px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:8; overflow:hidden; padding:20px 10px 0; color:#333333}







.pic{ overflow:hidden;  margin:15px 0px; }



.pic h3{ font-size:36px; color:#333;  margin:60px 30px 0; overflow:hidden;}



.pic h3 dd{ float:left; width:150px; display:block;}



.pic h3 i{ font-size:16px; color:#666; display:block; margin:15px 0; font-weight:400; }



.pic h3 i:before { content:""; background:#f26f20; height:3px; width:50px; display:block; margin-bottom:10px;}





.pic h3 span{ float:right;}



.pic ul{ overflow:hidden; padding:0 15px;}



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



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



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



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



.pic ul li dl{ overflow:hidden; padding:10px 0}



.pic ul li dl dd{ height:30px; line-height:30px; font-size:18px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; text-align:center;}



.pic ul li:hover div{ border:2px #f26f20 solid;}



.pic ul li:hover dl dd{ text-decoration:underline; color:#f26f20}





.b_nav{ width:100%; background:#f26f20; height:60px; line-height:60px;}



.b_nav a{ display:inline-block; width:10%; color:#fff; font-size:18px; text-align:center;}



.b_nav a:hover{ background:#555555}





.footer{ overflow:hidden;}



.foot_left{ float:left; width:70%}



.foot_right{ float:right; width:180px; text-align:center; overflow:hidden;}



.foot_right img{ width:100%; margin-top:30px}



.foot_right p{ color:#fff; font-size:16px;}





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



.links span{ color:#fff; font-size:20px; display:block; overflow:hidden; margin-bottom:10px}



.links  a{ color:#fff; font-size:15px; margin:0 14px 12px 0 }



.foot_txt{ font-size:16px; color:#fff; line-height:30px; margin-top:30px;}



.foot_txt a{  color:#fff; }



.Copyright{ background:#555555; height:60px; line-height:60px; text-align:center; color:#b5b5b5; margin-top:20px; font-size:16px;}



.n_banner{ width:100%; overflow:hidden; margin:0ox auto; display:block}



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



.m_banner{ width:100%; overflow:hidden; margin:0ox auto; display:none}



.m_banner img{ width:100%; overflow:hidden; margin:0ox auto}





.w20{ padding-top:20px;}





.mbx{ background:#dedede; height:60px; line-height:60px;}



.mbx a.home{display: block;background:url(../images/xiaoditu.png) no-repeat center left;float: left; padding-left:20px; font-size:18px;}



.mbx .p1{line-height: 62px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;  }



.mbx .p1 a { padding-right: 14px; background:url(../images/icon.png) no-repeat center right; font-size: 15px;  margin-left: 10px; font-size:18px;}



.mbx .p1 a:first-child{margin-left: 0;}



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



.mbx .p2{float: right;}



.mbx .p2 a{display: block;font-size: 14px;font-weight: bold;height: 61px;line-height: 61px;float: left;margin-left: 26px;text-decoration: none;}





.picbox{overflow:hidden; background:#xlrde; margin:40px 10px; }





.fenye{ overflow:hidden; clear:both; width:100%; text-align:center;  margin:20px auto; padding-bottom:30px;}

.fenye { overflow:hidden;  text-align:center;}

.fenye ul li{ display:inline-block;margin:1px 5px; border:1px #666 solid; min-width:30px; padding:0 5px; height:40px; line-height:40px; }

.fenye ul li a{ overflow:hidden; width:auto; display:grid;  float:none }

.fenye ul li a.active{ background:#ff7019; color:#fff;  border:1px #ff7019 solid; }

.fenye ul li a.disabled{ width:70px;}

.fenye ul li:first-child{}

.fenye ul li:last-child{ width:auto; padding:0 8px;}

.fenye ul li select{ height:40px; border:none; background-color:transparent;}

.fenye ul li.thisclass{ background:#f26f20;color:#fff;}





.anli{overflow: hidden; margin: 15px 0px;}



.anli ul {  overflow: hidden;  padding: 0 15px;}



.anli ul li{ width: 33.33%;float: left;  box-sizing: border-box;  border: 10px #xlrde solid;overflow: hidden;}



.anli ul li div{ border:20px #fff solid; background:#fff; overflow:hidden;}



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



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



.anli ul li dd{ height:50px; line-height:24px; padding:0 50px 0 20px; font-size:18px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; background:#fff; position:relative;}



.anli ul li dd:after{content:url(../images/jiant.png); position:absolute; top:8px; right:17px;}



.anli ul li:hover div{ border:20px #f26f20 solid;}



.anli ul li:hover dd{ text-decoration:underline; background:#f26f20 ;color:#fff}



.anli ul li:hover dd:after{content:url(../images/jiant1.png);  position:absolute; top:8px; right:17px;}



.n_about{ margin:30px; background:#fff; padding:50px 30px;  overflow:hidden;}



.a_left{ float:right; width:45%; margin-left:30px;}



.a_left img{ width:100%}



.a_right{}



.a_right h3{ font-size:36px; color:#f26f20;}



.a_right h3 p{ font-size:18px; color:#666;}



.a_right h3 p:after{content:"——"; color:#f26f20; display:block;}



.a_right  dd{ font-size:16px; line-height:36px; color:#555; margin:30px auto; text-indent:2em;}





.pic_xq{ overflow:hidden; background:#fff; margin:30px ; padding:30px;}



.pic_div1{ overflow:hidden;}



.pic_div1 h3{ overflow:hidden; font-size:28px; color:#f26f20; border-bottom:1px #ccc solid; padding-bottom:15px; }



.pic_div1  dl{ margin:30px;}



.pic_div1  dl dd{ overflow:hidden; line-height:30px; background:url(../images/ddt.png) no-repeat center left; padding-left:20px; font-size:16px; color:#333; margin-bottom:10px;}



.pic_div1  dl dd b{ font-size:18px; background:}



.pic_div1  dl dt{ overflow:hidden; display:block; color:#666; font-size:16px; line-height:30px;}



.pic_div2{ overflow:hidden;  border-bottom:1px #ccc solid;     padding-bottom: 20px; margin-left:30px;}



.pic_div2 h3{ float:left; background:url(../images/dh.png) no-repeat  left 5px; font-weight:400; padding-left:60px; font-size:15px; color:#666; line-height:27px; padding-bottom:10px;}



.pic_div2 h3 p{ font-size:30px; color:#f26f20}



.pic_div2  div{ width:150px;height:50px;line-height:50px;float:left;text-align:center;margin:10px 0 0 30px;background:#f26f20;border-radius: 10px; box-shadow: 2px 2px 10px #e67010; }



.pic_div2  div a{color:#fff; font-size:18px;}



.picimg{ margin:20px;overflow:hidden; text-align:center}



.picimg img{ width:48%; margin:1%; border:1px #ccc solid; box-sizing:border-box; float:left; padding:50px}



.tj_news{ overflow:hidden; background:#fff; margin:30px; padding:30px;}



.tj_news h3{overflow:hidden; line-height:30px; background:url(../images/ddt.png) no-repeat  left 10px; padding-left:20px; font-size:18px; color:#333; margin-bottom:10px; border-bottom:1px #ccc solid}



.tj_news h3 span{ float:right; font-weight:400; font-size:14px;  line-height: 33px;}



.tj_news ul{ overflow:hidden;}



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



.tj_news ul li div{ border:1px #ccc solid; padding:20px;}



.tj_news ul li h3{ background:none; font-weight:400; font-size:18px;  overflow:hidden; white-space: nowrap; text-overflow:ellipsis; padding:0px; border-bottom:none; }



.tj_news ul li h3 span{ float:right; font-size:14px;}



.tj_news ul li h3:after{content:""; background:#f26f1f; width:50px; height:3px; display:block; margin:10px;}



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



.tj_news ul li:hover{ background:#f26f1f}



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



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



.tj_news ul li:hover h3:after{content:""; background:#fff;}







.news_lb{ background:#fff; margin:30px;}



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



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



.news_lb ul li div{ border:1px #ccc solid; padding:30px ;}



.news_lb ul li div span{display:block; float:left; width:70px; padding-right:20px ; border-right:1px #ccc solid;  text-align:right;-webkit-transition:all .5s;transition:all .5s; margin-right:22px;}



.news_lb ul li div span b{display:block; font-size:30px; color:#666;text-align:right }



.news_lb ul li div span I:before{ content:"—"; display:block ;} 



.news_lb ul li div span i{display:block; font-size:14px; color:#666; font-style:normal; text-align:right }



.news_lb ul li div dl{ overflow:hidden;padding-bottom:3px; }



.news_lb ul li div dl h3{font-size:18px;  color:#000; height:30px; line-height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s; font-weight:300;}



.news_lb ul li div dl p{ height:50px; font-size:15px; line-height:24px;  color:#666; display: -webkit-box;  -webkit-box-orient: vertical;   -webkit-line-clamp: 2;  overflow: hidden;}



.news_lb ul li div dl a h3{ color:#000;}



.news_lb ul li div:hover span b,



.news_lb ul li div:hover span i{color:#f26f1f;}



.news_lb ul li div:hover h3{color:#f26f1f}



.news_lb ul li div:hover{ border:1px #f26f1f solid;}





.news_xq{ background:#fff; margin:30px; padding:30px; overflow:hidden;}



.news_xq h3{ font-size:24px; font-weight:400; text-align:center; margin:30px auto;}



.news_xq dl{ border-top:1px #ccc solid; border-bottom:1px #ccc solid; height:30px; line-height:30px; font-size:14px; text-align:center;}



.news_xq dl span{ margin:0 20px; color:#666;}



.news_text{ color:#555; font-size:16px; line-height:36px; margin-top:20px;}

.news_text p{ text-indent:2em;}

.news_text a{ color:#555;}

.news_text img{ max-width:100%; margin:0px auto; text-align:center; display:block}

.get{ overflow:hidden; margin:50px auto 0; font-size:16px; padding-bottom:20px; color:#666;}



.get a{ padding:5px 10px ; margin:5px;}



.get span{ display:inline-block; float:left; width:80px; }



.get div{ float:left; width:90%;}







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



.fy p{width:30%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:left; box-sizing:border-box; margin-top:10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.fy p:last-child{border:none; width:15%; border:1px #ccc solid; text-align:center; float:right; }



.fy p a{color:#666}



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







.contact{ background:#fff; overflow:hidden; margin:30px ; padding:30px;}



.contact ul{ float:left; overflow:hidden; color:#666;}



.contact ul h3{ font-size:22px; font-weight:400; border-bottom:1px #ccc solid; margin-bottom:20px; padding-bottom:20px; }



.contact ul li{  overflow:hidden; font-size:18px; margin-bottom:15px;}



.contact ul li img{ vertical-align:middle; margin-right:10px; }



.contact .ditu{ float:right; height:400px; width:50%}







.divform{background:#fff; overflow:hidden; margin:30px ; padding:30px;}



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



.divform div h3{ font-size:22px; font-weight:400; border-bottom:1px #ccc solid; margin-bottom:20px; padding-bottom:20px; display:none;  background: url(../images/liuyan.png) no-repeat left 14px; padding-left: 60px; line-height: 65px; }



.divform div img{ width:100%}



.divform  form{ float:right; overflow:hidden; width:48% }



.divform  form ul{ overflow:hidden;}



.divform  form ul li{ overflow:hidden; padding:1% 0; margin-bottom:5px}



.divform  form ul li  span{width:47%; margin-right:15px; border:1px #ccc solid; border-radius:6px; display:inline-block}



.divform  form ul li  input{ width:100%; height:65px; line-height:65px; font-size:16px; border-radius:20px; text-indent:1em; }



.divform  form ul li:nth-child(3) span{ width:97%}



.divform  form ul li:nth-child(4) span{ width:97%}



.divform  form ul li:nth-child(4) span textarea{ width:96%; font-size:16px;  font-family:"Microsoft YaHei"; border-radius:20px; height:147px; padding:10px;}



.divform  form ul li:last-child span{ width:150px; background:#f26f20; height:60px; line-height:60px;  font-size:18px; color:#fff;}



.divform  form ul li:last-child span input{background-color:transparent; text-indent:0em; color:#fff; cursor:pointer; height:60px; line-height:60px;  }



.divform  form ul li:last-child span .input1{background-color:#555555; text-indent:0em; color:#fff; cursor:pointer; border-radius:0; height:60px; line-height:60px;  }



.divform  form ul li span.yx{   height: 64px;line-height: 61px; font-size:16px; color:#666; text-indent:1em; }



.divform  form ul li span.yx select{ width:50%; border:none; font-size:16px; color:#666}







@media screen and (max-width:1600px){



.divform form ul li input{ width:100%; height:45px; line-height:45px; font-size:16px; border-radius:20px; text-indent:1em; }



.divform form ul li span.yx{height: 44px; line-height: 40px;}



.divform form ul li:nth-child(4) span textarea{ height:125px;}



.divform form ul li span{ width:45%}



.divform form ul li:nth-child(3) span { width: 93%;}



.divform form ul li:nth-child(2) span {width: 93%; margin-bottom:15px;}



.divform form ul li:nth-child(2) span:nth-child(2) { width: 93%; margin-bottom:0px;}



.divform form ul li:nth-child(4) span{width: 93%;}



.divform form ul li span.yx select{ width:70%}





}







@media screen and (max-width:1440px){.content{ padding:0 4%}



.divform form ul li:nth-child(4) span textarea{ height:65px;    background-color: transparent;}



}







@media screen and (max-width:1200px){.content{ padding:0 1%}



.divform form ul li:nth-child(1) span:nth-child(1) { width: 93%; margin-bottom:15px;}



.divform form ul li:nth-child(1) span:nth-child(2) { width: 93%; margin-bottom:0px;}



.divform div{ height:inherit; width:auto;}



.divform div img{ display:none;}



.divform div  h3{ display:block; }



.contact ul{ float:none; overflow:hidden; color:#666;}



.contact ul h3{ font-size:22px; font-weight:400; border-bottom:1px #ccc solid; margin-bottom:20px; padding-bottom:20px; }



.contact ul li{  overflow:hidden; font-size:18px; margin-bottom:20px;}



.contact ul li img{ vertical-align:middle; margin-right:10px; }



.contact .ditu{ float:none; height:250px; width:100%}



.divform div{ width:auto%; height:inherit;float:none;}



.divform  form{ float:none; overflow:hidden; width:100%; }



.tj_news ul li{ width:50%}



}







@media screen and (max-width:980px){



.box ul li{ width:50%}



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



.pic ul li{ width:33.33%}



.b_nav { text-align:center;}



.b_nav a{ display: inline-block; width: auto; margin:0 10px;.w20font-size: 18px;text-align: center;}



.news_xq dl{ overflow:hidden; line-height:inherit; height:inherit; padding:1% 0} 



.hot{ display:none;}





.head span.nav{ position: fixed; width: 50%;right: -50%; height: 100vh;top: 100px; background:rgb(235, 104, 50); overflow:inherit; z-index:50;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out }



.head span.nav a{ display: block; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px #fff dotted}





}





.in{ position:fixed; width:60px; height:60px;  background:url(../images/simg2.png) no-repeat; background-size:100%; right:0px; bottom:5%; z-index:999; display:none}

.in div{ padding:13px 2px 0; text-align:center;}

.in img{ width: 60%;}

.in p{text-align: center;

    color: #fff;

    margin-bottom: 10px;

    line-height: 23px;}





.in div img {

  animation: shake 4s linear infinite;

}

.in div img  {

 

  text-align: center;

  

  color: #fff;

  font-weight: 700;

}

@keyframes shake {

0% {

    transform: rotate(0) scale(1);

}

4% {

    transform: rotate(20deg) scale(1.2);

}

8% {

    transform: rotate(0) scale(1);

}

13% {

    transform: rotate(20deg) scale(1.2);

}

17% {

    transform: rotate(0) scale(1);

}

33% {

    transform: rotate(0) scale(1);

}

38% {

    transform: rotate(20deg) scale(1.2);

}

42% {

    transform: rotate(0) scale(1);

}

46% {

    transform: rotate(20deg) scale(1.2);

}

50% {

    transform: rotate(0) scale(1);

}

100% {

    transform: rotate(0) scale(1);

}

}







@media screen and (max-width:750px){

.in{ display:block}

.mbj{ background:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; left:-100%; z-index:50}



.a_left{ float:none; width:auto; margin-left:0px;}



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



.a_right h3 { font-size: 0.3rem; margin-top:20px; color: #f26f20;}



.a_right h3 p{ font-size:0.18rem}



.a_right dd { font-size: 0.22rem; line-height: 0.45rem;color: #555; margin:10px auto;}


.a_right dd p{ text-indent:2em;}
.news_lb{ background:#fff; margin:10px;}



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



.news_lb ul li{ width:auto; border:none; margin-bottom:10px; float:none}	



.news_lb ul li span { display: block;float: left; width: 60px; padding-right: 10px;border-right: 1px #ccc solid;text-align: right;-webkit-transition: all .5s;transition: all .5s; margin-right: 12px;}



.pic_div2{ margin:30px 0 0;}



.pic_div1 dl{ margin:0px;}



.pic_div1 dl dt{ font-size:0.2rem;}



.pic_div1 dl dd b{ font-size:0.2rem}



.pic_div1 dl dd{ font-size:0.2rem;}



.pic_div1 h3{ font-size:0.3rem}



.pic_xq { margin: 10px; padding: 10px;}



.contact,.divform{ background:#fff; overflow:hidden; margin:10px ; padding:10px;}



.contact ul h3{ font-size:0.26rem;margin-bottom: 10px; padding-bottom: 10px;}



.contact ul li { overflow: hidden; font-size: 0.25rem; margin-bottom: 10px;}





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



.fy p{width:100%;height:inherit;line-height:inherit;float:none;color:#666;font-size:0.2rem;text-align:left; box-sizing:border-box; margin-top:10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.fy p:last-child{border:none; width:100%; border:1px #ccc solid; text-align:center; float:none; padding:3% 0 }



.fy p a{color:#666}



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



.news_xq dl span{ display:block; font-size:0.18rem;}



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



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



.anli ul{ padding:0px;}



.anli ul li div{ border:2px #fff solid}



.anli ul li{ width:50%}



.anli ul li dd{ height:inherit; line-height:inherit; padding:3% 0; text-align:center; font-size:0.22rem;}



.anli ul li dd:after{display:none;}



.picbox{    margin: 12px 10px;}



.w20{ padding-top:0px }



.pic{ overflow:hidden;  margin:0px 0px; }



.head{ position:relative;background: rgba(0,0,0,0.3);}



.n_banner{ display:none}



.m_banner{display:block}



.m_banner img{ width:100%; overflow:hidden; margin:0ox auto}



.head span.caidan{ display:none;}



.head span.mcaidan{ display:block;}



.hot{ display:none;}



.box{ margin-top:20px;}



.about dd{ height:inherit;line-height: .35rem;font-size: 0.22rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;overflow: hidden; padding: 20px 10px 0;color: #333333;}



.about,.news{ margin:10px;}



.news ul{ height:auto}



.news ul dd { height:auto;line-height: auto;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:1% 0; font-size:0.22rem;}



.pic ul{ padding:0px;}



.pic h3 span.gd{width: auto; height: inherit; line-height: inherit;padding: 10px 20px;font-size: 0.22rem;}



.news ul dd a{ font-size:0.22rem;}



.gd a{ font-size:0.22rem;}



.pic h3 dd{ width:auto}



.pic h3{ font-size:0.35rem;}



.pic h3 i{ font-size:0.2rem;}



.pic ul li dl dd{ height:inherit; line-height:0.35rem; font-size:0.22rem;}



.box ul li{ width:100%}



.pic ul li{ width:50%}





.links{ display:none;}



.b_nav { text-align:center; height:auto; line-height:inherit; overflow:hidden;}



.b_nav a{ display:block; width:33.33%; padding:2% 0; float:left; box-sizing:border-box; margin:0px auto;color: #fff;font-size: 0.25rem; text-align: center;}



.foot_left{ float:none; width:100%}



.foot_txt{ text-align:center; font-size:0.22rem; margin-top:15px; line-height:.45rem; }



.foot_right{ margin:20px auto; float:none;  width:140px; }



.foot_right img{ margin:0px auto;}



.Copyright { background: #555555; height: auto; line-height:0.4rem; text-align: center; color: #b5b5b5; margin-top: 20px; padding:3% 0; font-size: 0.2rem;}



.divform form ul li span.yx select{ width:auto}



.divform form ul li input,.divform form ul li span.yx,.divform form ul li span.yx select,.divform form ul li:nth-child(4) span textarea{ font-size:0.2rem;}



.pic_div2 div { font-size:0.2rem;}



.picimg img { width: 98%;  margin: 1%; border: 1px #ccc solid; box-sizing: border-box; float: none; padding: 30px;}



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



.tj_news ul li{ width:auto; border:none; margin-bottom:10px;}



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



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



.tj_news ul li h3 span{ font-size:0.18rem;}



.pic_div2 h3 p{ font-size:0.3rem;}



}





@media screen and (max-width:550px){



.divform form ul li:last-child span { width: 43%;}



}







@media screen and (max-width:450px){



.pic_div2 div { width: 95%; overflow:hidden; display:block; height: 50px; line-height: 50px;float: left;text-align: center;margin: 10px auto;}



}





.fanhui{ position:fixed; bottom:15%; right:0px;}





























