@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; }
a{ color:#5c5c5c; text-decoration:none}
.top{ width: 100%; height: 120px; background: #003f7e; position: fixed; top: 0; left: 0; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top .topBox{ width: 1600px; margin: 0 auto;}
.top_height{ height:120px; position:relative}
.w1600{width:1600px; margin: 0 auto;}
.u-sheet{width:1600px; margin: 0 auto;}
.top .topBox .UpLink{ width: 100%;}
.top .topBox .UpLink ul{ }
.top .topBox .UpLink ul li{ margin-left: 25px; float: right; line-height: 36px; height: 36px; color: #fff;}
.top .topBox .UpLink ul li a{ color: #fff;}
.top .topBox .UpLink ul li .lang p{ width: calc(100% - 22px); float: left; line-height: 16px; color: #fff;}
.top .topBox .nr{ width: 100%; height: 85px;}
.top .nav a.enter, .top .nav a.enter:visited{color: #fff !important;}
.UpLink a:link,.UpLink a:visited{color: #fff}
.footer a:link, .footer a:visited{color: #fff !important;}
.top .topBox .nr .logo{ float: left; line-height: 85px;}
.top .topBox .nr .logo img{ display: inline-block; vertical-align: middle;}
.top .topBox .nr .serach{ background: #0081cc; float: right; width: 370px; padding: 10px 0; position: relative; box-sizing: border-box; height: 42px; border-radius:4px; margin-top: 20px;}
.top .topBox .nr .serach button{ width: 40px; height: 45px; position: absolute; right: 0; top: 0; background: url(../images/indexIcon_07.png) center center no-repeat; border: none;}
.top .topBox .nr .serach input{ color: #fff; line-height:25px; height:25px; width: calc(100% - 40px); display: block;  border-right:1px solid #fff; text-indent: 15px;}
.top .topBox .nr .serach input::-webkit-input-placeholder {color:#fff}


.top .topBox .nr .nav{ float: right; margin-right: 40px;}
.top .topBox .nr .nav ul{ float: right;}
.top .topBox .nr .nav ul li{ float: left; height: 85px; line-height: 85px; }
.top .topBox .nr .nav ul li .enter{ padding:0px 25px 0px 25px; display: block; position: relative; height: 100%; text-align: center; line-height: 85px; font-weight: bold; color: #fff; font-size: 24px;}
.top .topBox .nr .nav ul li .enter::after{ content: ""; width: 0; transition: 0.5s; display: block; position: absolute; right: 0; bottom: 0; height: 3px; background: #fff;}
.top .topBox .nr .nav ul li:hover a::after{ right: auto; left: 0; width: 100%;}
.top .topBox .nr .nav ul li .nrBox{ display: none; width: 100%; position: absolute; height: auto; left: 0; top: 120px; background: #fff; z-index: 99;border-bottom:solid 1px #d4d4d4; }
.top .topBox .nr .nav ul li .nrBox .main{ overflow: hidden; width: 1600px; margin: 0 auto; }
.top .topBox .nr .nav ul li .nrBox .main .mainBox{ float: left;}
.top .topBox .nr .nav ul li .nrBox .main .mainBox h2{ line-height: 24px; font-size: 16px; font-weight: bold; color: #333;}
.top .topBox .nr .nav ul li .nrBox .main .mainBox dl dd{line-height: 14px; font-size: 14px;color: #666;}
.top .topBox .nr .nav ul li .nrBox .main .mainBox dl dd a{ color: #666; font-size: 14px;}
.top .topBox .nr .nav ul li .nrBox .main .mainBox .icon{ width: 100%; margin-top: 20px;}
.top .topBox .nr .nav ul li .nrBox .main .mainBox .icon img{ display: block; width: 100%; height: auto; }
.about .mainBox{ width:23%; height:415px; padding-left:2%}

.about .mainBox h2{text-align:left}

.about{ padding-left:10%; padding-right:10%; padding-top:25px;padding-bottom:25px;}

.about dd a{height:36px; width:100%; display: flex; align-items: center; color:#656565; text-align:left; line-height:18px}
.about dl dd{ text-align:left;line-height:25px;}

#prodds{ float:left;width:55%;} 

#prodds .ts_product{float:left; width:33.33%; text-align:center;border-right:1px solid #d4d4d4; height:400px}

#prodds .ts_icon{float:left; width:33.33%; text-align:center;border-right:1px solid #d4d4d4; height:400px}

#prodds .ms_product h3{ font-size:24px; line-height:50px;font-weight:600;}

#prodds .ms_product{float:left; text-align:center;width:33.33%;border-right:1px solid #d4d4d4;  height:400px}

#prodds .ts_product h3{ font-size:24px; line-height:50px;font-weight:600}

#prodds .ts_icon h3{ font-size:24px; line-height:50px;font-weight:600}
#prodds .ts_icon img{margin:0 auto; max-width:100%}

#prodds .ts_product dl dd{ text-align:left; line-height:40px; padding-left:30px;padding-right:30px;}





#prodds .ms_product img{display:block; width:80%;height:auto;text-align:center;margin:0 auto}

#prodds .ms_product p{ line-height:35px; padding-top:10px;}


#mainBox2{ width:22.5%; height:400px}
#mainBox1{width:18%;}
.cate2{ width:82%;overflow-y: auto; background:#e1e1e1; }
.cate3list{width:19%; float:left; margin-left:0.8%; margin-top:15px}
.cate3list a h3{height:50px; display: flex; align-items: center; justify-content: center; text-align:center; background:#c4c4c4;font-size:16px; color:#656565; font-weight:600;}
.cate3list dl{ padding-left:5px; padding-right:5px;  background:#c4c4c4; margin-bottom:5px; border:1px solid #c4c4c4; }
.cate3list dl dd{ text-align:center; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom:5px}
.cate3list dl dd .dgisg{ position:relative;}
.cate3list dl dd .img{ overflow:hidden;}
.cate3list dl dd .img img{ width:100%; height:auto;  }
.cate3list dl dd h4{ position:absolute; width:100%; height:44px;  display: flex; align-items: center; justify-content: center;  text-align:center; background:#003f7d;color:#fff;  font-size:14px; opacity: 0.6; bottom:0px; left:0px}
.cate3list dl dd:hover h4{ opacity: 0.8;}
.cate4list dl dd{ width:19.5%; float:left; margin-right:0.5%; margin-top:10px}
.cate4list a h3{height:50px; display: flex; align-items: center; justify-content: center; text-align:center; background:#c4c4c4;font-size:16px; color:#656565; font-weight:600;}
.cate4list dl{ padding-left:5px; padding-right:5px;  background:#c4c4c4; margin-bottom:5px; border:1px solid #c4c4c4; }
.cate4list dl dd{ text-align:center; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom:5px}
.cate4list dl dd .dgisg{ position:relative;}
.cate4list dl dd .img{ overflow:hidden;}
.cate4list dl dd .img img{ width:100%; height:auto;  }
.cate4list dl dd h4{ position:absolute; width:100%; height:44px;  display: flex; align-items: center; justify-content: center;  text-align:center; background:#003f7d;color:#fff;  font-size:14px; opacity: 0.6; bottom:0px; left:0px}
.cate4list dl dd:hover h4{ opacity: 0.8;}

.wendu{width:99%; margin-left:0.8%}
.width2 dl dd{float:left;width:49.2%;}
.wendu dl dd{float:left;width:19.3%;margin-right:0.5%}
#prod_nav1 .cate3list{width:19.8%}
#prod_nav1 .width2{width:39.6%}
#prod_nav0 .width2{width:39.6%}
.solu{ width:49%; float:left;}
.solu a h3{ line-height:60px; text-align:center; background:#c4c4c4;font-size:20px; color:#003F7E; font-weight:600}
.solu dl{ padding-top:5px; padding-bottom:5px;}
.solu dl dd{ width:33%; margin-right:0.5%; float:left; text-align:center; position:relative; background:#fff; margin-bottom:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.solu dl dd h4{ position:absolute; width:100%; height:44px;  display: flex; align-items: center; justify-content: center;  text-align:center;background:#003f7d;color:#fff;  font-size:16px; opacity: 0.6; bottom:0px; left:0px; line-height:22px}
.solu dl dd .img img{ width:100%; height:auto; }
.soluright{float:right}
.solu dl dd.mar0{ margin-right:0px;}
.solu dl dd:hover h4{ opacity: 0.8;}

.sub_nav ul li a h3{ text-align:center; background:#c4c4c4; line-height:50px; }
#sub_nav2{ width:22.5%; height:415px;overflow-y: auto;}
.main .prod{ width:55%}

.main #industres ul li{ text-align:center; line-height:30px; width:40%; padding:5%; text-align:center}

.main #industres ul li p{line-height:25px; padding-top:15px;}

.main #industres ul li p a{ text-align:center; line-height:25px; font-size:14px;}

.main #industres ul li img{ text-align:center; width:100%; height:auto}

.main #industres ul{ padding:30px;}

#dogd{ margin-top:15px}
#dogd dd{ padding-left:25px; padding-right:25px;display: flex; align-items: center; justify-content: center; text-align:center;  background:#646464; margin-bottom:15px; color:#fff; margin-right:20px}
#dogd dd a{ font-size:16px}
#dogd dd:hover{ background:#003f7d}
#dogd2 dd,#sub_nav2 dd{ padding-left:25px; padding-right:25px; background:#646464; margin-bottom:15px;}


#dogd dd a,#dogd2 dd a{ width:100%;display: flex; align-items: center; justify-content: center; text-align:center; height:60px; color:#fff; font-weight:600; line-height:25px} 

#sub_nav2 dd a{ width:100%; line-height:45px; height:45px;display:block;overflow:hidden}

#sub_nav2 dl dd:hover{background:#f2f2f2}
.footer{ width: 100%; background: #242424;}
.footer .footerBox{ padding: 60px; overflow: hidden;}
.footer .footerBox ul{ float: left; width:24%}
.footer .footerBox .bt{ height: 68px; line-height: 68px; border-bottom: 1px solid #4d4d4d; font-size: 20px; color: #fff; font-weight: bold;}
.footer .footerBox ul li{ color: #fff; font-size: 16px; margin-top: 20px;}
.footer .footerBox ul li a{ font-size: 16px; color: #fff;}
.footer .wls{text-align:center;  clear:both;  padding-top:10px;}
.footer .wls a{ padding:0px 15px 0px 15px}
.navGation{ height: 60px;}
.navGation ul{ overflow: hidden;}
.navGation ul li{ float: left; line-height: 60px; color: #333; font-size: 20px;}
.navGation ul li a{ color: #333;}
.copyRight{ width: 100%; height: 80px; background: #003f7e;}
.copyRight .copyRightBox{ position: relative; height: 100%; line-height: 80px; text-align: center; font-size: 16px; color: #fff;}
.copyRight .copyRightBox img.logo{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.copyRight .copyRightBox ul{position: absolute; right: 0; overflow: hidden; top: 0;}
.copyRight .copyRightBox ul li{ float: left; margin-left: 30px; line-height: 80px;}
.copyRight .copyRightBox ul li img{ display: inline-block; vertical-align: middle;}
.AppTop{ display: none;}
.sideBar{ display: none;}

.sideBar .nav ul li dl{display:none}
.sideBar .nav ul li dl dd{line-height:24px; padding-left:20px; font-size:14px}
.sideBar .nav ul li h2{font-size:22px;color:#EFEFEF; line-height:30px;}
.UpLink ul li.langge a{ border:red 1px solid}

.UpLink ul li .header-lan-div{position: absolute;left: 0;right: 0;top: 23px;border: 1px solid #ccc;border-top: 0; z-index:9999; display:none}
.UpLink ul li.langge a:hover .header-lan-div{display:block;}
.UpLink ul li .header-lan{width: 70px;position: relative;background-repeat: no-repeat;background-position: 90% center; margin-top:7px;}
.UpLink ul li .header-lan span{display: block;width: 100%;height: 23px;border:1px solid #ccc;line-height: 21px;font-size: 14px;line-height: 1.42857143;color: #fff;cursor: pointer;background-repeat: no-repeat;background-position: 8px center;padding-left: 30px;}
.UpLink ul li .header-lan .header-lan-div{position: absolute;left: 0;right: 0;top: 23px;border:1px solid #ccc;border-top: 0;display: none; z-index:99999}
.UpLink ul li .header-lan .header-lan-div a{display: block;line-height: 23px;height: 23px;background-repeat: no-repeat;background-position: 8px center;background-color: #fff;padding-left: 30px; color:#333}
.UpLink ul li .header-lan .header-lan-div a:hover:{background-color: #ddd;}
.UpLink ul li .header-lan:hover .header-lan-div{display: block;}
.homevideo{ height:800px;}
.header-lan .form-control{
	height: 23px;
	padding: 0;
	padding-left: 10px;
	border-radius: 0;
	border-color:#dfdfdf;
	box-shadow: none!important;
}

.contact-form {position: absolute;background-color: #fff; border-radius: 5px;bottom: 70px; width: 365px; right: 0%;  border: 1px solid #ddd; text-align: left;display: none; color: #333;
}
.contact_a { position: fixed;right: 25px;bottom:85px;width: 170px; border-radius: 20px;background-color: #003f7d;z-index: 1005;text-align: center; border:1px solid #fff; height:52px;}
.contact_a .show_form{height: 50px;line-height: 50px; color: #fff;font-size: 16px;font-weight: bold;}
.contact-form .conttop{ background-color:#003f7d; height:60px; width:100%; color:#fff; padding-left:30px; line-height:60px;padding-right:30px;}
.conttop .close{ float:right; font-size:1.5rem}
.contact-form .imgste{ padding:10px;}
.contact-form .imgste img{  width:100%; height:auto}
.contact-form .messtk{ padding:10px; line-height:24px;}
.contact-form form{ padding:10px;}
.contact-form ul li{ padding-bottom:10px;}
.contact-form ul li .input{ border:1px solid #d4d4d4; line-height:35px; width:96%; padding-left:2%; padding-right:2%;}
.contact-form ul li .code2{ margin: 0 10px; padding: 3px;text-align: center;color: black;border:1px solid #d4d4d4;}
.contact-form .footbut{background-color: #003f7d; padding:10px 20px 10px 20px; color:#fff;}
.contact-form ul li.butP{ padding-top:20px; padding-bottom:25px;}
.banner img{width:100%}




.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #003f7d;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #003f7d;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #003f7d;
  border-color: #003f7d;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
  　.swiper-button-next.active.focus,
　　.swiper-button-next.active:focus,.swiper-button-next.focus,
　　.swiper-button-next:active.focus,.swiper-button-next:active:focus,
　　.swiper-button-next:focus{ outline:none; }
　　.swiper-button-next{

    border: none!important;
　　}

@media (min-width:1920) and (max-width:2500px ) {
 .indexContainer .layer2 ul li{ width: 50%; float: left; overflow: hidden;}
  .indexContainer .layer2 ul li .box .text {bottom: -65px;}
   .homevideo{ height:1000px;}
 
}

@media (max-width:1680px ) {
    .top .topBox{ width: 1400px; margin: 0 auto;}
    .top .topBox .nr .nav{ float: right;}
    .w1600 {width: 1400px;margin: 0 auto;}
    .u-sheet{width: 1400px;margin: 0 auto;}
    .top .topBox .nr .logo{width:250px}
    .top .topBox .nr .nav ul li .enter{padding: 0px 15px 0px 15px;font-size:20px}
    .indexContainer .layer2 ul li{ width: 50%; float: left;  overflow: hidden;}
    .indexContainer .layer2 ul li.wiomo{width:100%}
    .indexContainer .layer1 .layer1Box ul li .icon{ background: #fff; position: relative;}

     .indexContainer .layer5 .nr .icon{ float: left; width: 160px; position: relative;}
    .indexContainer .layer5 .nr .text{ width: calc(100% - 160px); float: left;}
    .homevideo{ height:800px;}
    .top .topBox .nr .nav ul li .nrBox .main{  width: 1400px; }
    .top .topBox .nr .nav ul li .nrBox{ }
}

@media (max-width:1440px ) {
    .top .topBox{ width: 1140px; margin: 0 auto; }
    .top .topBox .nr .nav{ float: right; }
    .w1600 {width: 1140px;margin: 0 auto;}
    .u-sheet{width: 1140px;margin: 0 auto;}
    .top .topBox .nr .logo{width:230px}
    .top .topBox .nr .logo img{width:100%; height:auto}
    .top .topBox .nr .serach{  width: 270px;}
    .top .topBox .nr .nav ul li{margin:0px;}
    .top .topBox .nr .nav ul li .enter{ padding:0px 10px 0px 10px; font-size:18px}
     .homevideo{ height:550px;}
      .top .topBox .nr .nav ul li .nrBox .main{  width: 1140px; }
     #sub_nav dd a{height:auto;}
     #sub_nav dd{border-bottom: dotted 1px #d4d4d4}
          .indexContainer .layer5 .nr .icon{ float: left; width: 140px; position: relative;}
    .indexContainer .layer5 .nr .text{ width: calc(100% - 140px); float: left;}
    .indexContainer .layer5 .nr .text span{font-size:14px}
     .top .topBox .nr .nav ul li .nrBox{ }
    
}



@media (max-width:1000px ) {
	.w1600{ width: 100%;}
	.u-sheet{width: 96%}
	.contact_a{display:none}
	 body{ padding-top: 60px;}
	 .top_height{display:none}
	 .homevideo{height:300px;}
	.top{ display: none;}
	.sideBar .nav ul li h2{ margin-top:20px; margin-bottom:20px}
	.case2List{ padding: 15px; box-sizing: border-box;}
	.case2List ul li{ width: 100%; height: auto; margin-bottom: 15px;}
	.AppTop{ display: block; position: fixed; left: 0; top: 0; z-index: 100; background: #003f7e; width: 100%; height: 60px; padding: 0 15px; box-sizing: border-box; box-shadow:0 0 10px rgba(0,0,0,.1);}
	.AppTop .logo{ float: left; height: 60px; line-height: 60px;}
	.AppTop .logo img{ display: inline-block; height: 30%; width: auto; vertical-align: middle;}
	.top{ display: none;}
	.PopLeft{ display: none;}
	.PopRight{ display: none;}
	.AppTop .sideClick{transition: 0.5s; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 28px; height: 24px;}
	.AppTop .sideClick span{transition: 0.5s; display: block; width: 100%; height: 3px; background: #fff; position: absolute;}
	.AppTop .sideClick span:nth-child(1){ left: 0; top: 0;}
	.AppTop .sideClick span:nth-child(2){ left: 0; top: 50%; transform: translateY(-50%);}
	.AppTop .sideClick span:nth-child(3){ left: 0; bottom: 0;}
	.AppTop .sideClick.on{ transform: translateY(-50%) rotate(-180deg);}
	.AppTop .sideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.AppTop .sideClick.on span:nth-child(2){ width: 0;}
	.AppTop .sideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.sideBar .nav li dl{display:none}
	.sideBar{ z-index: 101; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: block; position: fixed; transition: 0.5s; width: 70%; left: -100%; height: 100vh; background: #444; top: 0; width:80%;}
	.sideBar .logo{ padding: 50px 0;}
	.sideBar .logo img{ display: block; width: 60%; height: auto; margin: 0 auto;} 
	.sideBar .nav{ width: 90%; margin: 0 auto;}
	.sideBar .nav ul li { line-height: 35px;}
	.sideBar .nav ul li a{ font-size: 14px; color: #333;}
	.sideBar .nav ul li a{ color: #fff;}
	#side_nav li ul{display:none}
	.indexContainer .tit{ padding: 20px 0; text-align: center; font-size: 18px;}
	.indexContainer .tit p{ font-size: 12px; padding: 10px 20px 0 20px;  line-height: 16px;}
	.indexContainer .layer7 .bd ul{ padding: 0 10px; box-sizing: border-box;}
	.indexContainer .layer7.case .bd ul li{ width: 49%; margin-right: 2%;}
	.indexContainer .layer7.case .bd ul li:nth-child(2n){ margin-right: 0;}
	.indexContainer .layer7 .bd ul li .text{ padding: 10px;}
	.indexContainer .layer7.case .bd ul li .text p{ font-size: 10px; line-height: 18px;}
	.indexContainer .layer7 .bd ul li .text a{ width: 100px; font-size: 14px; height: 30px; line-height: 30px;}
	.footer .footerBox{ display: none;}
	.indexContainer .layer7{ padding: 20px 0;}
	.copyRight .copyRightBox{ width: 100%; height: auto; padding:0 ;}
	.navGation{ height: 40px; line-height: 40px;}
	.navGation ul li{ line-height: 40px; font-size: 12px;}
	.navGation ul li a{ font-size: 12px;}
	.copyRight{ padding: 20px 0; height: auto; line-height: 22px;}
	.copyRight .copyRightBox{ height: auto; line-height: 22px; padding: 0 15px; box-sizing: border-box; font-size: 14px;}
	.copyRight .copyRightBox img.logo{ position: relative; left: auto; top: auto; transform: none; margin: 0 auto 20px auto;}
	.copyRight .copyRightBox ul{ position: relative; left: auto; top: auto; transform: none; width: 100%; text-align: center;}
	.copyRight .copyRightBox ul li{ float: inherit; margin: 0 5px; display: inline-block;}
	.indexContainer .tit{ padding:30px 0; box-sizing: border-box; font-size: 18px;}
	.indexContainer .layer10{ padding-bottom: 20px;}
	.indexContainer .layer10Box .icon{ width: 100%; height: auto;}
	.indexContainer .layer10Box{ height: auto;}
	.indexContainer .layer10Box .icon img{ width: 100%; height: auto;}
	.indexContainer .layer10Box .text{ width: 100%; padding: 20px; box-sizing: border-box;}
	.indexContainer .layer10Box .text h2{ font-size: 18px;}
	.indexContainer .layer10Box .text p{padding-bottom: 10px; width: 100%; font-size: 12px; line-height: 24px; height: auto;}
	.indexContainer .layer10Box .text img{ width: 100%; height: auto;}
	.indexContainer .layer11Box .nr{ width: 100%; padding: 0;}
	.indexContainer .layer11Box .nr .bt{ width: 100%; text-align: center; height: auto; font-size: 18px; line-height: 50px;}
	.indexContainer .layer11Box .nr .main{ width: 100%; padding: 0 20px; box-sizing: border-box;}
	.indexContainer .layer11Box .nr .main ul li .tx h2{ font-size: 16px;}
	.indexContainer .layer11Box .nr .main ul li .tx p{ font-size: 12px; line-height: 22px;}
	.indexContainer .layer11Box .nr .main dl dd{ width: 100%; margin: 0 0 15px 0;}
	.indexContainer .layer11Box .nr .mianBox .tp{ width: 100%;}
	.indexContainer .layer11Box .nr .mianBox .tp img{ width: 100%; height: auto;}
	.indexContainer .layer11Box .nr .mianBox .tx{ width: 100%; height: auto; padding: 0;}
	.indexContainer .layer8 .bt{ text-align: center; font-size: 14px; text-align: center;}
	.indexContainer .layer8 ul{ width: 100%; padding: 0 10px; box-sizing: border-box;}
	.indexContainer .layer8 ul li{ width: 100%; margin: 0 0 15px 0; height: auto;}
	.indexContainer .layer8 ul li .icon{ width: 100%; }
	.indexContainer .layer8 ul li .text{ width: 100%; height: auto; padding:0 20px 20px 20px; box-sizing: border-box;}
	.indexContainer .layer8 ul li .text p{ height: auto; padding-bottom: 10px;}
	
	.indexContainer .layer2 ul li{ width: 100%;  overflow: hidden;}
	.indexContainer .layer2 ul li .box{ margin-bottom: 10px;}
	.indexContainer .layer2 ul li .big{ width: 100%;}
	.indexContainer .layer2 ul li .small{ width: 100%;}
	.indexContainer .layer2 ul li .box img{ width: 100%;}
	.indexContainer .layer6{ padding: 0 10px; box-sizing: border-box;}
	.indexContainer .layer6 ul li{ width: 100%; margin-bottom: 10px;}
	.indexContainer .layer7 .hd{ padding: 20px 0;}
	.indexContainer .layer7 .hd ul li{ width: 50%; font-size: 14px;}
	.indexContainer .layer9 .nr1 .icon{ width: 100%; height: 300px;}
	.indexContainer .layer9 .nr1 .icon img{ height: 60%; width: auto;}
	.indexContainer .layer9 .nr1{ height: auto;}
	.indexContainer .layer9 .nr1 .text{ width: 100%; padding: 20px;}
	.indexContainer .layer9 .nr1 .text h2{ font-size: 18px;}
	.indexContainer .layer9 .nr2 img{ height: 600px; width: auto;}
	.indexContainer .layer9 .nr2 .text{ padding: 0 20px; box-sizing: border-box;}
	

}