@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; box-sizing: border-box;}
body { font-family: "YH"; font-size:14px;color:#333; overflow-x:hidden }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#333;}
a:hover{ text-decoration: none; color: #149971;}
img{border:none; max-width:100%;}
.clear{clear:both; display:block; }
.fl{float:left;}
.fr{float:right;}

.warp{width: 1280px; margin:0 auto;}
.warp1{width: 100%; background: url(../images/bg.jpg); padding:40px 0 35px 0;}
.warp2{width:1400px; margin:0 auto;}

header{width: 100%; background: #fff;}
.top{width: 100%; border-bottom: 1px solid #e3e3e4; height: 38px; line-height: 38px;}
.top1{ padding:10px 0;  }

.search{ display: block; }

nav{width: 100%;  background:#00539b; height: 56px; line-height: 56px; color: #fff; z-index: 9999;}
nav li{ float: left; text-align: center; list-style: none; width: 14.285%; font-size: 18px; cursor: pointer; position: relative; display: inline-block; }
nav li a{color: #fff;display: inline-block; width: 100%;  }
nav li:hover{background: #f98000;}
nav li a:hover{color: #fff; }
nav li .on{background: #f98000; color: #fff; }

.lan{margin-top: 20px; line-height: 30px; font-size: 16px;}
.e-m{width: 24px; height: 30px; margin: 20px 15px 0 15px; background: url(../images/e-m.jpg) no-repeat center center; }

.in_news{width: 37.5%; height: 356px; background: #fff; float: left; margin-right: 20px;}


.slideBox{ 
  overflow:hidden; 
  position:relative; 
  margin:0 auto;
}
.slideBox .bd{ 
  position:relative; 
  height:100%;
}
.slideBox .bd li{ 
  vertical-align:middle; 
  border-bottom: 5px solid #0073bb;
}
.slideBox .bd img{ 
  width:100%; 
  height: 100%;
  display:block;  
  animation: changeScale 1 2.5s;
}
.slideBox .hd{ 
  overflow:hidden; 
  position:absolute; 
  width:100%; 
  text-align: center;
  bottom:11px; 
  z-index:1; 
}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
  width:100%; 
  text-align: center;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin:0 5px;  
  width:32px; 
  height:5px; 
  background:#fff; 
  border-radius:8px 8px; 
  cursor:pointer; 
}
.slideBox .hd ul li.on{ 
  background: #0d497f
}
.slideBox1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.slideBox1 .hd {
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 1;
}
.slideBox1 .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}
.slideBox1 .hd ul li {
    float: left;
    margin-right: 12px;
    width: 10px;
    height: 10px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}
.slideBox1 .hd ul li.on {
    background: #ef0000;
    color: #0250a3;
}
.slideBox1 .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.slideBox1 .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
}
.slideBox1 .bd img {
    width: 100%;
    display: block;
    height: 100%;
}
.slideBox1 .bd li p {
    position: absolute;
    bottom: 0;
    padding:13px 20px;
    font-size: 16px;
    width: 100%;
    background:rgba(0,83,155,0.8);
    color: #fff;
}

.in_news1{width: 37.5%; height: 356px; background: #fff; border:1px solid #e5e4e4; float: left;}
.in_bit{width: 100%; height: 57px; border-bottom: 1px solid #e4e4e4; padding:0 28px; line-height: 57px;}
.in_bit .zb{width: 92px; font-size: 22px; color: #313131; font-weight: bold; position: relative; float:left;}
.in_bit .zb:after{width: 100%; height: 3px; background: #00539b; position: absolute; content: ""; left: 0; bottom: 0;}
.in_bit .more{float:right; font-size:14px; color:#313131;}


.about{padding-bottom: 50px; }
.about dl{width: 49.5%; min-height: 535px;}
.about dl:nth-child(1){padding:85px 5% 0 5%; background:url(../images/in_about_bg.png) no-repeat bottom;}
.about h2{line-height: 42px; color: #005aaa;}
.about h1{ color: #1d1e1e; text-transform:uppercase; padding-bottom:25px; font-family: Arial; position: relative; display: inline-block; font-size: 36px; }
.about h1:after{width: 44px; height: 5px; position: absolute; content: "";  background: #fb7700; left: 0; bottom: 0;}
.about dl:nth-child(2){background: url(../images/in_about.jpg) no-repeat bottom left #fbfbfb; }
.about .cp{font-size: 16px; line-height: 26px; color: #333333; padding:25px 0 50px 0; font-weight: bold;}
.about .an{width: 128px; background: #005aaa; height: 36px; text-align: center; color: #fff; line-height: 36px; cursor: pointer; transition-duration: 1s;}
.about .an:hover{background: #036bc8;}
.about dl:nth-child(2) .t1{width: 100%; padding:90px 5%; background: url(../images/line.png) no-repeat top left;}
.about dl:nth-child(2) .t1 .sp1{font-size: 16px; color: #999999; font-weight: bold; padding-top: 15px; line-height: 30px; display: inline-block;}
.about dl:nth-child(2) .t1 .sp2{font-size: 18px; color: #02438e; font-weight: bold; line-height: 30px; display: inline-block;}
.about dl:nth-child(2) .t1 .sp3{font-size: 16px; color: #c1c1c1; font-family: "Arial"; font-weight: bold; line-height: 30px; display: inline-block;}


.news{width: 100%; background: #005aaa; padding:80px 0 50px 0; color: #fff;}
.news .bit{line-height: 54px; text-transform: uppercase; font-size: 36px; color: #5280b9; text-align: center; position: relative; font-weight: bold; display: block;}
.news .bit1{ position: absolute; font-size: 32px; color: #ffffff; bottom: -20px; left: 0; text-align: center; font-weight: bold; display: inline-block; width: 100%; }
.news1{margin-top:30px; overflow: hidden; background: url(../images/pro-bg.png) no-repeat center center;}

.in_pro{width: 100%; background: #f5f5f5; padding:70px 0;}
.in_pro .bit{text-align: center; font-size:32px; font-weight:bold; color: #005aaa; }

.picScroll-left3{ width:100%; position:relative; margin-top: 35px;}
.picScroll-left3 .bd{ width: 100%;  overflow: hidden; background: #fff;}
.picScroll-left3 .bd ul{ zoom:1;  }
.picScroll-left3 .bd ul li{ width: 33.3333%; float:left;  cursor: pointer; position: relative; overflow: hidden; border-right:1px solid #eaeaea; padding:36px 0 30px 0 ;}
.picScroll-left3 .bd ul li .w1{width: 86%; margin:0 auto;}
.picScroll-left3 .bd ul li .pic{ text-align:center; overflow: hidden; position: relative; margin-top: 25px; background: #000;width: 100%;height: 220px;overflow: hidden;}
.picScroll-left3 .bd ul li .pic img{ width:100%;  display:block; transition-duration: 1s; }
.picScroll-left3 .bd ul li:hover .pic img{transform: scale(1.1,1.1); opacity: 0.8;}
.picScroll-left3 .bd ul li .title{ width: 100%;}
.i_n1{font-size: 20px; color: #333333; font-family: "Arial"; height: 40px;}
.i_n2{line-height: 34px; font-size: 18px; color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i_n3{font-size:16px; color: #a4a4a4; line-height: 26px; }
.i_n4{font-size: 14px; line-height: 24px; margin: 15px 0 20px 0; font-family: "simsun"; color: #7a7a7a; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.i_n5{display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #b1b1b1; float: left;margin-right:6px;}

.in_pro .an{width: 112px; height: 40px; margin:50px auto 0; border:1px solid #cccccc; line-height: 40px; text-align: center; background: #fff; position: relative; color: #9a9a9a; font-family: "arial"; font-size: 18px; transition-duration: 1s; cursor: pointer;}
.in_pro .an:hover{background: #005aaa; color: #fff;}
.le-s{width: 50px; position:absolute; left: -40px; top: 19px; height: 1px; background: #ccc; display: inline-block;}
.ri-s{width: 50px; position:absolute; right: -40px; top: 19px; height: 1px; background: #ccc; display: inline-block;}



footer{width: 100%; margin:0 auto;   }
footer .foot1{background-image: linear-gradient(to right, #005aaa , #005aaa , #0080c7 , #0083c9); height: 9px; }
footer .foot2{width: 100%; font-size: 16px; line-height: 28px; padding:25px 0; text-align: center; color: #616161; }

.ny-box{width: 100%; margin:0 auto;}
.ny-box img{width: 100%; display: block;}

.n-warp{width: 100%; padding:38px 0 0 0;}
.ne-le{
  width: 18%;
  position: relative;
}
.ne-ri{
  background: #fff;
  width: 78%;
  padding-bottom:50px;
}
.ne-le h1{
	border-radius:8px 8px 0 0;
  color: #fff;
  background:url(../images/n_mbg.png) no-repeat 6px 23px #ff8411;
  font-size: 24px;
  text-align: center;
  line-height: 70px;
  width: 100%;
  padding-left: 15px;
  position: absolute;
  top: -70px;
}
.ne-le p{
  margin-top: 4px;
  text-align: center;
  line-height: 24px;
  background: #f3f3f3;
  font-size: 17px;
  padding:12px 0;
}
.ne-le p a:hover,.ne-le p .on{
  color: #ff8411;
  font-weight:bold;
}

.position{
  border-bottom: 1px solid #f1f1f1;
  line-height: 54px;
  color: #6e6e6e;
  text-align: right;
  padding-right: 15px;

}
.position i{ width:14px; height:14px; border:1px solid #ff8a1c; border-radius:50%; margin-right:10px; display:inline-block; }
.ab01-ri{
  width: 42%;
}
.ab01-ri img{
  width: 100%;
}
.ab01-le{
  width: 100%;
}
.ab01-le h1{
  font-size: 24px;
  font-weight: normal;
}
.ab01-le h3{
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  line-height: 36px;
}


.ne_news{width:100%; margin:0 auto; }
.ne_news li{width:100%; margin:0 auto; border-bottom:1px solid #eeeeee; padding:30px 0; cursor: pointer;}
.ne_news li .pic{width:25%; float:left; overflow: hidden;  background: #000; }
.ne_news li:hover .pic img{transform: scale(1.1,1.1); opacity: 0.8;}
.ne_news li .pic img{width:100%; display:block; transition-duration: 1s;}
.ne_news li .txt{width:75%; padding-left:4%; float:left;}
.ne_news li .txt1{width:100%; font-size:18px; color:#333333;}
.ne_news li .txt2{width:100%; height:30px; line-height:30px; font-family:Arial; font-size:14px; color:#99999c; margin:10px 0; }
.ne_news li .txt3{width:100%; line-height:24px; font-size:15px; color:#848484; padding-bottom:20px;}

.s-page{width:100%; padding-top: 30px; }
.p1Page2{ margin:0 auto; height:34px; font-family:"微软雅黑"; font-size:14px; color:#535353;}
.page{line-height:34px;text-align:center; }
.page li{display: inline-block;}
.page a{margin:0 5px;display:inline-block;padding:0 15px; background:#ececec; color:#777777; }
.page a:hover{background:#044eaf; color:#fff;}
.page a.on{background:#044eaf;color:#FFF; padding:0 15px; color:#fff;}
.page a.on:hover{background:#044eaf; color:#fff;}
.page a.page_turn:hover{background:#044eaf;color:#FFF;box-shadow:1px 1px 3px #CCC;}


.detail{width: 100%;text-align: center; border-bottom: 1px solid #dfdfdf; font-size: 20px; font-weight:bold; padding:10px 0; line-height: 22px; }
.detail1{padding:15px 0;}
.detail1 p{font-size: 16px; line-height: 26px; padding-bottom: 20px;}

.ne-pro{width: 100%; margin:0 auto; clear: both;}
.ne-pro dl{width: 100%; cursor: pointer; padding:35px 0; border-bottom:1px solid #ededed; }
.ne-pro dl dt{width: 32%; float:left; overflow: hidden;}
.ne-pro dl dt img{display: block; transition-duration: 1s;}
.ne-pro dl dt .txt{width: 100%; text-align: center; color: #fff; background: #005aaa; line-height: 50px;}
.ne-pro dl dd{width: 65%; float:right}

.ne-pro1{width: 100%; margin:0 auto; padding-top: 40px;}
.ne-pro1 dl{width: 48%; float: left; border:1px solid #e4e4e4; margin-right:4%; margin-bottom: 35px;}
.ne-pro1 dl:nth-child(2n){margin-right: 0;}
.ne-pro1 dl dt{width:45%; float: left; }
.ne-pro1 dl dt img{display: block;}
.ne-pro1 dl dd{width:55%; float: left; padding:20px 0 0 35px; }
.ne-pro1 dl dd p{ font-size: 16px; color: #555555; font-weight: bold; padding-bottom:10px; }
.ne-pro1 dl dd span{display: inline-block; font-size: 15px; line-height: 28px;}


.ne_hr{ width:65%; float:right;}
.ne_hr h1{ color:#005aaa; line-height:40px; font-weight:normal; text-transform:uppercase;}
.ne_hr h2{font-size:30px; color:#333333; padding:30px 0 35px 0;}
.ne_hr p{padding-bottom:20px; font-size:16px; color:#333333; position:relative; padding-top:0px; text-indent:0; padding-left:30px;}
.ne_hr p:after{ content:""; width:10px; height:10px; position:absolute; border-radius:50%; border:1px solid #ff8717; line-height:30px; top:10px; left:0px;}

.hr{width:100%; background:#034dae;  }
.hr>li{width:24%; float:left; text-align:center; color:#fff;line-height:56px; float:left; font-size:18px; font-weight:bold;}
.hr>li:nth-child(2){width:28%;}
.sideMenu{ width: 100%; }
.sideMenu h3{ height:55px; line-height:55px;background:#fff; cursor:pointer; font-size:18px; color:#555; font-weight:normal; border:1px solid #d8d8d8; border-top: none;}
.sideMenu h3 li{width:24%; float:left; text-align:center; display:inline-block; }
.sideMenu h3 li:nth-child(2){width:28%;}
.sideMenu h3 li a{ color:#fff; font-size:16px; float:right; padding-right:20px;}
.sideMenu h3.on{ background:#fff;}
.sideMenu h3 span{ font-size:16px; padding-left:30px;}
.sideMenu ul{ padding:30px 15px;  display:none;  background:#f7f7f7;}
.join_xi{ padding-left:20px;line-height:28px; border-bottom:1px solid #dedede; padding-bottom:20px; margin-bottom:20px;}
.sq-more{ width:124px; height:46px; background:#034dae; line-height:46px; text-align:center; font-size:16px; font-weight:bold; text-align:center;}
.sq-more a{color:#fff;}
.lx01{
  width: 40%; float: right;
  background: #005aaa;
  padding: 28px 0;
  color: #fff;
  height: 420px;
}
.lx01-ti{
font-size: 22px !important; font-weight: bold;
}
.lx01-ti h1{
  font-size: 24px;
  padding-bottom: 15px;
  line-height: 1.6;
}
.lx01-ti p{
  font-size: 12px;
  font-family: "Arial";
  opacity: 0.5;
  line-height: 1.2;
    color: #fff;
}
.lx-xi{
    width: 90%;
    margin:0 auto;
  padding-top: 16px;
}
.lx-xi p{
  float: left;
  font-size: 16px;
  width: 100%;
  margin-bottom: 15px;
}
.lx-xi p span{
  display: inline-block;
  line-height: 36px;
  padding-left:35px;
}
.lx-xi p:nth-child(1) span{padding-left:0px; padding-bottom: 5px;}
.lx-xi p:nth-child(2) span{
  background: url(../images/icon06.png) no-repeat left center;  
}
.lx-xi p:nth-child(3) span{
  background: url(../images/icon07.png) no-repeat left center;  
}
.lx-xi p:nth-child(4) span{
  background: url(../images/icon08.png) no-repeat left center;  
}
.lx-xi p:nth-child(5) span{
  background: url(../images/icon09.png) no-repeat left center;  
}
.lx-xi p:nth-child(6) span{
  background: url(../images/icon10.png) no-repeat left center;  
}
.lx-xi p:nth-child(7) span{
  background: url(../images/icon11.png) no-repeat left center;  
}

#map{
  width: 60%;
  float: left;
 height:420px;
}



/*xs菜单样式开始*/
.xs-top{
  display: none;
}
.xs-logo{
  padding: 15px 0 0 5px;
  width:60%;
}
       
.mobile{
  width: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  height: 60px; background:#fff;
}

.mobile-inner{
  margin-right: auto;
  margin-left: auto;
  background-color: #fafafa;
  position: relative;
}
.mobile-inner img{
  width: 100%;
  margin-bottom: 30px;
}
.mobile-inner p{
  color: #676767;
  line-height: 25px;
  font-size: 16px;
  padding: 30px;
  margin:0px;
}
.mobile-inner-header{
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
}
.mobile-inner-header img{width:100%;}
.mobile-inner{
  
}
.mobile-inner-header-icon{
  color: #ffffff;
  height: 60px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 60px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
  background:#00539b;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(0,0,0,0.7);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
  }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
  }
  
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
  }   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  }
  
.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }   
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  }

.mobile-inner-nav{
  background-color: rgba(0,83,155,1);
  width: 100%;
  position: absolute;
  top: 6px;
  left: 0px;
  display: none;

}
.mobile-inner-nav a{
  display: inline-block;
  text-decoration: none;
  width: 100%;
  line-height: 40px;
   color: #fff;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
}
.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}
/*菜单结束*/

.picScroll-left {width: 100%;position: relative; }
.picScroll-left .hd {position: absolute;width: 70%;height: 0;left: 15%;z-index: 4; top: -230px;}
.picScroll-left .next {width: 26px;height: 49px;background: url(../images/r1.png) no-repeat;display: block;float: right;margin-right: 0;margin-top: 8px;cursor: pointer; transform: rotate(180deg);}
.picScroll-left .prev {width: 26px;height: 49px;background: url(../images/r1.png) no-repeat;display: block;float: left;margin-left: 0;margin-top: 8px;cursor: pointer;}

.picScroll-left .bd {position: relative; overflow: hidden;}
.picScroll-left .bd .tempWrap {width: 100% !important;overflow: initial !important;}
.picScroll-left .bd ul {overflow: initial !important;zoom: 1;}
.picScroll-left .bd ul li {float: left;_display: inline;width: 25%;height:auto; position: relative;cursor: pointer;}
.time_rule {width: 100%;height: 47px;background: url(images/rule_bg.png) no-repeat;background-size: 100%;position: relative;}
.time_acitve .time_rule {background: url(images/rule_bg2.png) no-repeat;background-size: 100%;}
.picScroll-left .bd ul li em {font-style: normal;font-size: 20px;color: #777777;font-weight: bold;position: absolute;bottom: 0;left: -23px;}
.time_acitve em {color: #db617f !important;}
.time_Contentbox {padding:0 0 35px 0; width: 50%; text-align: center; margin:0 auto;}
.time_Contentbox img{display: inline-block;}
.time_Contentbox p {padding-bottom: 15px;}
.time_cb {position: absolute;left: -46px;top: -70px;width: 170px;height: 45px;border: 1px solid #b9b9b9;font-size: 24px;color: #db5e7c;line-height: 45px;padding-right: 40px;font-weight: bold;text-align: right;}

.case-cpxp1{width: 100%; margin:0 auto;}
.case-cpxp1 dl{width: 100%; padding:6px 0 0 0; /*border-bottom: 1px dashed #adadad;*/} 
.case-cpxp1 dl dt{ font-weight: bold; color: #149971; font-size: 20px; padding-top: 5px; }
.case-cpxp1 dl dd{width: 48%; float: left; margin-right:4%;}
.case-cpxp1 dl dd:nth-child(2n) {margin-right: 0;}
.case-cpxp1 dl dd p{line-height: 30px; font-size: 16px; color: #111111;}
.case-cpxp1 dl dd p sup{color: #e70000;}
.case-cpxp1 dl dd input{width: 100%; height: 36px; border:1px solid #cccccc; outline: none; line-height: 36px;box-shadow: inset 0px 0px 5px #ededed;padding:0 8px;}
.case-cpxp1 dl dd textarea{width: 100%; height: 36px; border:1px solid #cccccc; outline: none; line-height: 36px;box-shadow: inset 0px 0px 5px #ededed;padding:0 8px;}
.case-cpxp1 dl:nth-child(2){border-bottom: none; padding-bottom: 40px;}
.case-cpxp1 dl:nth-child(2) dd{ width: 100%; }
.case-cpxp1 .an{ text-align: center; }
.case-cpxp1 a{ display: inline-block; width: 140px; line-height: 50px; text-align: center; color: #fff; font-size: 24px; background: #ff8411; margin:0 50px; cursor: pointer; /*transition-duration: 1s;*/}
.case-cpxp1 a:hover{background: #057755;}

.case-cpxp1 .an input{ display: inline-block; border:none; width: 140px; line-height: 50px; text-align: center; color: #fff; font-size: 24px; background: #ff8411; margin:0 50px; cursor: pointer; /*transition-duration: 1s;*/}
.case-cpxp1 .an input:hover{background: #057755;}

.subNav{display: block;
  width: 100%;
  background: #efefef;
  font-size: 16px;
  line-height: 45px;
  margin-bottom: 1px;
  padding-left:28px; cursor:pointer}
.subNav:hover{
  color: #e60012;}
.currentDd{
  color: #e60012;}
.currentDt{background-image:url(../images/off.png);}
.navContent{display: none; width: 100%;}
.navContent li{border-bottom:solid 1px #eee; line-height:50px;}
.navContent li a{ display: inline-block; width:100%;/*height:40px;*/text-align:left;font-size:12px;line-height:50px;color:#333; padding-left:40px; position:relative}
.navContent li a:hover{background: #e60012;
  color: #fff;}
 .navContent li a:after{
   content:""; position:absolute; width:5px; height:5px; background:#d1d1d1; top:24px; left:20px; border-radius:100%;}
  
.navContent .xuanzhong{background: #e60012;
  color: #fff;}
.tttt{ 
  width:100%; 
  background: rgba(27, 27, 27, 0.7);
    position: absolute; 
    top:56px; 
    display:none;
    transition-duration:.5s;
    left: 0;
    z-index: 9999;
}
nav ul .tttt dl{ 
  width: 100% !important;
  float:none; 
  padding:0;
  transition-duration:.5s; 
  margin:0;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tttt dl a{ 
  color:#fff; 
  font-size: 16px;
  height: auto;
  line-height: 22px;
  padding-left: 0;
  transition-duration: .5s;
  padding:6px 0;
}
.tttt dl a:hover{ color:#f98000; padding-left:5px;}

.jj-tt dl a{ line-height:20px;}



@media only screen and (max-width: 1366px){
.warp{width: 90%; margin:0 auto;}
.ban2{ width:680px;}
.warp{width: 92%;}
.warp1{width: 92%;}
.warp2{width: 92%;}
.lx-xi p span {
    line-height: 30px;
}
.lx01-ti {
    font-size: 20px !important;
}
}

@media only screen and (max-width: 1240px){
.warp{width: 94%;}
.warp1{width: 94%;}
.warp2{width: 94%;}
}

@media only screen and (max-width: 992px){
.warp{width: 96%;}
.warp1{width: 96%;}
.warp2{width: 96%;}
#logo{width: 50%;}
.ne-le p {line-height: 20px; font-size: 15px;padding: 8px 0;}
.in_news{width: 48%; margin-right: 1.64%;}

}

@media only screen and (max-width: 760px){
  .ne-le{
  width: 100%;
}
.ne-ri{
  width: 100%;
}
.ne-le h1{
position: relative;
top: 0;
}
.warp{width: 96%;}
.warp1{width: 96%;}
.warp2{width: 96%;}
.xs-top{ display:block;}
header{display: none;}
.slideBox{ 
  padding-top: 60px;
}
#logo{width: 100%;}
.ne-le p {
    width: 33.333%;
    float: left;
}
.in_news{width: 100%; margin-right: 0; height: auto; margin-bottom: 20px;}
.in_news1{width: 100%;}
.in_news3 {
    width: 100%;
}

.picScroll-left3 .bd ul li{ width: 100%; }
.about dl {
    width: 100%;
    min-height:auto;
}
.about dl:nth-child(2){min-height: 535px;}
.ne_news li .pic {
    width: 100%;
}
.ne_news li .txt {
    width: 100%;
    padding-left: 0;
    padding-top: 15px;
}
.n-warp {
padding: 0 0 0 0; 
}
.ne_news li .txt3 {
    padding-bottom: 0px;
}
.ne-pro dl dt {
    width: 100%;
}
.ne-pro dl dd {
    width: 100%;
    padding-top: 15px;
}
.ne-pro1 dl {
    width: 100%;
    margin-right: 0%;
}
.ne-pro1 dl dd span {
  font-size: 14px;
    line-height: 22px;
}
.picScroll-left .hd {
    width:100%;
    left: 0%;
    top: -180px;
}
.time_Contentbox {
    width: 80%;
    padding-top: 30px;
}
#hr-pic{ width: 100%; }
.ne_hr{ width:100%; }
.ne_hr h2 {
    padding: 0px 0 35px 0;
}
.lx01 {
    width: 100%;
    height: 360px;
}
#map {
    width: 100%;
}
.lx-xi p span {
    line-height: 30px;
}
.lx01-ti {
    font-size: 20px !important;
}
.lx-xi p {
    font-size: 15px;
    margin-bottom: 12px;
}
.sideMenu h3 {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.join_xi {
    padding-left: 0px;
    line-height: 26px;
}
.case-cpxp1 dl dd {
    width: 100%;
    margin-right: 0%;
}
.case-cpxp1 a {
    width: 120px;
    line-height: 44px;
    font-size: 20px;
    margin: 0 20px;
}
.ny-box{ padding-top: 60px; }
}
