@charset "utf-8";
.ggs a{ display:block; width:150px; height:40px; line-height:40px; text-align:center; color:#fff; background:#f57a1f; border-radius:100px; margin:40px auto;}
#attr_16,#attr_18,#attr_20,#attr_22{ width:100%; color: #999;  text-indent: 12px;   height: 40px;  border: solid 1px #ddd;  font-size: 14px;      background: #fff; }
#attr_24{ width:100%; color: #999;  text-indent: 12px;   height: 100px;  border: solid 1px #ddd;  font-size: 14px; vertical-align:top;     background: #fff;}
#btn{    height: 40px;  background: #999; color: #fff;  border: none;  font-size: 14px; width: 110px;}
.bao{ width:50%; float:left; padding-bottom:20px;}
.bao2{ width:100%; float:left; padding-bottom:20px;}
.lx h6{ text-align:center; font-size:20px; padding-bottom:20px;}
* {	margin: 0px; padding: 0px;}
body, html {

	font-family:"Microsoft YaHei",Arial,PingFangSC-Regular,Helvetica,sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased; 
	font-smoothing: antialiased;
	-webkit-text-size-adjust: none; 
	-webkit-tap-highlight-color: transparent; 
	-webkit-overflow-scrolling: touch; 
	overflow-scrolling: touch ;

}
a {	text-decoration: none;	color: #666;}
a:hover {	text-decoration: none;}
ul, li {list-style-image: none;list-style-type: none;}
img { border:none;}

.clr {clear: both;}
.left{ float:left;}
.right{ float:right;}
.hidden{ overflow:hidden;}

object{display:none;}



/*pages*/
.pages{
      height: 60px;
    padding: 20px 0 30px;
    width: 100%;
    clear: both;
}
.tcdPageCode {
    text-align: center;
    color: #808080;
    font-size: 14px;
}
.tcdPageCode li{
  display: inline;
}
.tcdPageCode span.disabled {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    margin: 0 2px;
    color: #808080;
    background: #fff;
    border: 1px solid #e6e3e3;
    vertical-align: middle;
    border-radius:1px;
}
.tcdPageCode span.current {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    margin: 0 2px;
    color: #fff;
    background-color: #f57d22;
    border: 1px solid #f57d22;
    vertical-align: middle;
    border-radius:1px;
}
.tcdPageCode a {
    display: inline-block;
    color: #808080;
    height: 35px;
    line-height: 35px;
    background: #fff;
    padding: 0 14px;
    border: 1px solid #ddd;
    margin: 0 2px;
    vertical-align: middle;
    border-radius:1px;
}

.m-t-20{

text-align:center;
margin:20px 0;!important

}

.page-item a{color:#333;}




/*上下翻页*/
.pagination{
  border-top:1px solid #f7f7f7;
  padding-top: 20px;
}
.page-link{
  border-radius: 24px !important;
  display:block;
}


.head{ max-width:1200px; margin:auto; padding:0 20px; height:120px; overflow:hidden;}
.logo{ float:left; padding-top:21px; width:25%;}
.logo img{ display:block; width:100%;  max-width:272px; }
.logo strong{ display:block; font-size:18.2px; color:#f57b20;}

.dh{ height:120px; line-height:120px; float:right;  width:75%;}
.dh a{ font-size:18px; color:#666; width:20%; text-align:center; display:block; float:left;}
.dh a:hover{ color:#f57b20;}

.swiper-slide img{ width:100%; max-width:1920px; display:block; margin:auto; text-align:center;}


.title{ color:#000; font-size:40px; text-align:center; position:relative; font-weight:bold; padding-top:78px;}
.title:after{ content:""; display:block; position:absolute; bottom: 0;  left: 50%;  transform: translate(-50%, -50%); z-index:-1;  width:172px; height:9px; background:#f68f43;}

.sgy{ max-width:1200px; margin:auto; padding:10px 20px 0 20px;  overflow:hidden;}
.sgyl{ width:40%; float:left; }
.sgyl img{ max-width:462px; width:100%; }

.sgyr{ width:52%; float:right; padding-top:92px; background:url(../images/yh2.gif) no-repeat bottom right; padding-bottom:100px;}
.sgy h4{ color:#333; font-size:40px; display:block; position:relative;  padding-bottom:25px; }
.sgy h4:after{ content:""; display:block; background:url(../images/yh1.gif) no-repeat 0 0; width:39px; height:34px; position:absolute; left:-56px; top:-10px;}
.sgy p{ margin-bottom:13px; }
.sgy b{  font-size:16px; font-weight:bold; background:#f57b20;  color:#fff; padding:4px;    }

.sgy span{ color:#919191; font-size:14px; line-height:30px; padding-top:35px; display:block; padding-bottom:60px;}

.sgy a{ display:block; width:94px; height:32px; line-height:32px; text-align:center; border-radius:100px; border:solid 1px #f57b20; color:#f57b20; position:relative;  transition: all .6s; z-index:10; overflow:hidden;}
.sgy a:hover{ color:#fff;}
.sgy a:before{ content:""; display:block; width:98px; height:36px;    background:#f57b20;  position:absolute; top:-2px; left:-98px; transition: all .6s; z-index:-1; border-radius:50px;}

.sgy a:hover:before{ left:10px;}



.scp{ max-width:1200px; margin:auto; padding:126px 20px 0 20px;  overflow:hidden;}
.cp a{ display:block; width:48%; max-width:578px; height:140px; background:#f57b20; border-radius: 0 36px 0 36px; margin-bottom:115px; position:relative; float:left; margin-right:2%;}
.cp:nth-child(2n) a{ margin-right:0; float:right;}
.cp a img{ position:absolute; left:30px; bottom:0; transition: all .4s;}
.cp a span{ font-size:20px; font-weight:bold; color:#fff; position:absolute; right:99px; top:63px;}
.cp:nth-child(2) a span{ right:105px;}
.cp:nth-child(3) a span{ right:75px;}
.cp:nth-child(4) a span{ right:115px;}

.cp a:hover img{ left:40px;}



.ft{ width:100%; background:#3c3c3c; padding:75px 0;}
.ftn{ max-width:1200px; margin:auto; padding:0 20px;  overflow:hidden;}

.flogo{ float:left; width:42%;}
.flogo b{ font-size:20px; line-height:40px; color:#f57d23; padding-top:26px; display:block;}

.fnav{ float:left;}
.fnav b{ font-size:20px; color:#f37920; display:block; padding-bottom:42px;}
.fnav a{ color:#fff; font-size:16px; line-height:40px; display:block;}

.flx{ float:right;}
.flx b{ font-size:20px; color:#f37920; display:block; padding-bottom:27px;}
.flx p{ color:#fff; font-size:16px; line-height:40px; display:block; padding-left:33px;}
.flx p:nth-child(2) { background:url(../images/icon1.png) no-repeat 0 10px;}
.flx p:nth-child(3) { background:url(../images/icon2.png) no-repeat 0 10px;}
.flx p:nth-child(4) { background:url(../images/icon2.png) no-repeat 0 10px;}
.flx p:nth-child(5) { background:url(../images/icon3.png) no-repeat 0 14px;}
.flx p:nth-child(6) { background:url(../images/icon4.png) no-repeat 0 14px;}
.bq{ line-height:63px; font-size:16px; color:#666; text-align:center; }


.gybg{ width:100%; height:155px; background:url(../images/gybg.jpg) no-repeat center center; background-size:cover; position:relative;}
.gybg b{ text-align:center; display:block; margin:auto; position:absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  font-size:30px; color:#333; }

.gy{ max-width:1200px; margin:auto; padding:80px 20px 80px 20px;  overflow:hidden;}
.gyl{ float:left; width:70%; line-height:24px; color:#333;}

.gyr{ float:right; width:25%; padding-top:20px;}
.gyl h4{ font-size:30px; font-weight:normal;}
.gyl b{ padding:30px 0; display:block;}

.wh{ width:100%;   overflow:hidden; background:repeating-linear-gradient(to right,#fff,#eee); color:#333; line-height:24px;}
.whn{ max-width:1200px; margin:auto; padding:80px 20px 80px 20px;  overflow:hidden;}
.whl{ float:left; width:50%;}
.whr{ float:right; width:45%;}

.wh h4{ font-size:30px; font-weight:normal;}
.wh b{ padding:30px 0; display:block;}

.lst{ font-size:30px; text-align:center; padding-top:80px;}
.lsn{ max-width:1200px; margin:auto; padding:80px 20px 80px 20px;  overflow:hidden;}

.lsnl{ width:48%; padding-right:2%; float:left; border-right:solid 1px #fd5b02; padding-bottom:200px;}
.lsnr{ width:48%; float:right; }

.lsn dl{ background:#f2f2f2; border:solid 1px #fd5b02; padding:20px; border-radius:12px; overflow:visible; color:#333; margin-top:150px;}
.lsnl dt{  font-size:20px; width:100%; font-weight:bold; text-align:right; padding-bottom:20px; position:relative;}
.lsnl dd{ }
.lsnr dt{  font-size:20px; width:100%; font-weight:bold; text-align:left; padding-bottom:20px;  position:relative;}
.lsnr dd{ }

.lsnl dl:nth-child(1){ margin-top:0;}

.lsnl dt:after{ content:""; display:block; width:6px; height:6px; background:#fd5b02; border-radius:100px; position:absolute; right:-50px; border:solid 2px #fff;}
.lsnr dt:after{ content:""; display:block; width:6px; height:6px; background:#fd5b02; border-radius:100px; position:absolute; left:-50px; border:solid 2px #fff;}




.lxbg{ width:100%; height:155px; background:url(../images/lxbg.jpg) no-repeat center center; background-size:cover; position:relative;}
.lxbg b{ text-align:center; display:block; margin:auto; position:absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  font-size:30px; color:#fff; }




.lx{ max-width:1200px; margin:auto; padding:80px 20px 80px 20px;  overflow:hidden; border-bottom:dashed 1px #ccc;}
.lxl{ float:left; width:65%; line-height:30px; color:#333;}

.lxr{ float:right; width:30%; padding-top:0px;}
.lxr img{ width:100%; max-width:390px;}
.lx b{ font-size:20px; }

.cpnr{ max-width:1200px; margin:auto; padding:80px 20px 80px 20px;  }
.cpnr h1{ padding-bottom:40px;}
.cpnr table{ border-top:solid 1px #000; border-left:solid 1px #000; width:100%; font-family:arial; }
.cpnr td{ border-bottom:solid 1px #000; border-right:solid 1px #000; padding:6px; text-align:center; font-size:12px;}
.cpnr td p{ float:left;}
.cpnr td p img{ display:block;}
.cpnr td p span{ display:block;}

.cpnr2{ max-width:1200px; margin:auto; padding:80px 20px 80px 20px;  }
.cpnr2 h1{ padding-bottom:40px;}
.cpnr2 img{ width:100%; max-width:1000px; margin:auto;}
.k{ width:820px; margin:auto; background:url(../images/x.jpg) no-repeat 0 0; position:relative; height:450px;     line-height: 22px;}
.k1{ position:absolute; top:0; left: 350px;}
.k2{ position:absolute; top:90px; left: 350px;}
.k3{ position:absolute; top:180px; left: 350px;}
.k4{ position:absolute; top:270px; left: 350px;}
.k h6{ font-size:16px;}

.m{ padding:20px 0;}
.m strong{ font-size:20px;}
.m p{ color:#666; font-size:14px; line-height:24px; padding-top:10px;}

.qqq{ padding:20px 0 10px 0; border-bottom:solid 1px #ccc; margin-bottom:20px;     font-size: 20px; font-weight: bold;}
.nnn{ color:#666; font-size:14px; line-height:24px; padding-top:10px;}
.rrr img{margin:auto; padding:20px 0; width:100%; max-width:391px;}
.o{ padding:20px 0 10px 0; border-bottom:solid 1px #ccc; margin-bottom:20px;     font-size: 20px; font-weight: bold;}
.ppp img{ margin:auto; width:100%; max-width:939px;}

.xw{ max-width:1200px; margin:-100px auto 0 auto; padding:0 20px;   overflow:hidden;}
.xw dl{ width: 23.5%;  float: left; margin-right: 2%; margin-bottom: 2%; box-sizing: border-box; padding: 20px; background: #f6f6f6;  border-radius: 20px; }
.xw dl:hover{ background:#f57b20; }
.xw dl:hover a{ color:#fff;}
.xw dl:hover a dd{ color:#fff;}
.xw dl:nth-child(4n){ margin-right:0;}
.xw dl a{ display:block;}
.xw a dd { padding-top:40px; font-size:12px; color:#999}
.xwn{ padding:40px 0; overflow:hidden;}
.xw dl a b{ display:block; padding-bottom:20px; font-weight:normal;}
.xw dl a dt{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.news{ max-width:1200px; margin:auto; padding:80px 20px 80px 20px;  overflow:hidden; border-bottom:dashed 1px #ccc;}
.newsn a{ display:block; border:solid 1px #eee; padding:20px; margin-bottom:20px; line-height:30px; overflow:hidden;}
.news a strong{ display:block; font-size:16px; padding:6px 0; color:#333;}
.news a p{ color:#666; padding-bottom:10px;}
.news a span{ color:#999; }
.news a:hover{ border:solid 1px #f57d23;}
.news a:hover strong{ color:#f57d23;}

.newsl{ float:left; width:20%;}
.newsl img{ width:100%; max-height: 150px;}
.newsr{ float:right; width:78%;}

.newsbody{ max-width:1200px; margin:auto; padding:80px 20px 80px 20px;  overflow:hidden; border-bottom:dashed 1px #ccc;}
.newsbody h1{ text-align:center; }
.fu{ color:#999; text-align:center; padding-top:10px; padding-bottom:10px; margin-bottom:20px; border-bottom:dashed 1px #eee;}

.nnn{ font-size:16px; line-height:30px;}

/*移动端导航*/
@media screen and (max-width: 1023px) and (min-width: 0px){

.head{ height:auto;}
.logo{ width:85%; margin:auto; float:none;}
  
.logo strong{  font-size:15.5px; }
  
.dh{ width:100%; height:40px; line-height:40px; }
.dh a{ font-size:16px;}


.swiper img{ width:100%; text-align:center; max-width:1920px;   }


.title{ padding-top:30px; font-size:30px;}
.title:after{ width:130px;}

.sgyl{ width:80%; margin:auto; float:none;  padding-top:20px;}

.sgyr{ width:100%; float:none; padding-top:20px; background:none; padding-bottom:10px;}
.sgyr h4{ font-size:20px;}
.sgyr h4:after{ display:none;}
.sgyr span{ padding:20px 0;}
.sgyr a{ margin:auto;}

.scp{ padding:80px 20px 0 20px;}
.cp a{ width:100%; margin-bottom: 60px; height:70px;}
.cp a img { width:40%;}
.cp a span{ font-size:16px; right:20px; top:30px; }
.cp:nth-child(2) a span{ right:20px;}
.cp:nth-child(3) a span{ right:20px;}
.cp:nth-child(4) a span{ right:20px;}

.ft{ padding: 45px 0;}
.flogo{ width:100%;}

.fnav{ width:100%;}
.fnav b{ padding-bottom:6px; padding-top:30px;}
.fnav a{ float:left; margin-right:20px;}
.flx b{ padding-top:30px; padding-bottom:6px;}

.bq{ font-size:12px; padding:20px; line-height:24px;}

.gy{ padding:40px 20px;}
.gyl,.gyr,.whl,.whr{ width:100%;}
.gyl h4{ line-height:40px;}
.whl img{ width:100%; padding-bottom:20px;}
.whn{ padding:40px 20px;}


.lst{ padding-top:40px;}
.lsn{ padding:40px 20px;}

.lsnl{ padding-bottom:100px;}
.lsnl dt:after,.lsnr dt:after{ display:none;}
.lsn dl{ margin-top:50px;}

.lx{ padding:40px 20px;}
.lxr,.lxl{ width:100%;}

.k{ width:100%; padding-bottom: 100px;  padding-top: 320px;}  
.k1,.k2,.k3,.k4{  position: relative;  left: 0;   top: 30px; padding-top: 30px;}  
  
.xw{ margin-top:-50px;}
.xw dl{ width:100%;} 
.xw a dd { display:none;} 
.xw dl a b { padding-bottom: 10px;}
  
  .newsl{ width:100%;}
  .newsr{ width:100%;}
  
  
}