body,div,span,img,h1,h2,h3,h4,h5,h6,ul,li,ol,p,i,b,strong,a,table,th,td,form,input,textarea
{font-family: "SF Pro SC", "HanHei SC", "Myriad Set Pro", "PingFang SC", "Microsoft YaHei", SimHei, sans-serif;
margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.header-section{background: linear-gradient(to right, #0d6ec1, #0e94b2, #0eafa8);}
.cart-search{ background: #0d6ac3; height:137px; width: 10%; line-height: 137px; position: absolute; right: 0px;}

.header-section .primary-menu .main-area{ }
.icofont-search-2{ font-size: 30px; }
.header-section .primary-menu{ width: 100%;}
.main-area{ margin-left: 7%;}
.header-logo{ width: 60%;}
.fl{ float: left;}
.fr{ float: right;}
.clear{clear: both;}
/******banner start******/
.thumbnail_top{ position: relative; width: 100%;}
.thumbnail{ position: absolute; width: 25%; float: right; right: 0px; background: #fff; height: 188px;  margin-top: -1px;  bottom: 0px; z-index: 9999;}
.thumbnail_tit{ height: 68px; line-height: 68px; border-bottom: 1px solid #ccc;}
.thumbnail_tit_l{ font-size: 22px; color: #2b2b2b; margin-left: 30px;}
.slick-arrow {
  position: absolute;
  bottom: 120px;
	
  font-size: 40px;
  padding:0;

  border: none;
  line-height: 1;
  right: 0;
  outline: none;
  background-color: transparent;
  color: #b7b7b7;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
	z-index: 999;
}
.prev-nav.slick-arrow {
  right: 0px;
   background: url(../images/nex.png) no-repeat center;
	width: 68px; height: 68px;
}
.next-nav.slick-arrow {
  right: 69px;
	 background: url(../images/pre.png) no-repeat center;
	width: 68px; height: 68px;
}
.thumbnail_mid{ width: 90%; margin: 0px auto;}
.thumbnail_mid_l{ margin-top: 25px; }
.thumbnail_mid_r{ width: 60%;margin-top: 25px; color: #2b2b2b; font-size: 14px;}
/******banner end******/
.index_product{ width: 100%; position:relative;}
.brand__item img {
  width: inherit !important;
  display: inline-block !important;
}
.brand__shape img {
  position: absolute;
}
.brand__shape img.square {
  top: 55%;
  left: 0;
  animation: square 10s linear 0s infinite alternate;
  -webkit-animation: square 10s linear 0s infinite alternate;
}
.brand__shape img.circle {
  top: 66%;
  left: 3%;
  animation: circle 10s linear 0s infinite alternate;
  -webkit-animation: circle 10s linear 0s infinite alternate;
}
.brand__shape img.circle-2 {
  right: 3%;
  top: 46%;
  animation: circle2 10s linear 0s infinite alternate;
  -webkit-animation: circle2 10s linear 0s infinite alternate;
}
.brand__shape img.triangle {
  right: 6%;
  bottom: 38%;
  animation: trinlge 5s linear 0s infinite alternate;
  -webkit-animation: trinlge 5s linear 0s infinite alternate;
}

@keyframes square {
  0% {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}
@keyframes circle {
  0% {
    transform: translateX(-100px);
    rotate: 0deg;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
  }
  100% {
    transform: translateY(-100px);
    rotate: 180deg;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
}
@keyframes circle2 {
  0% {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
  25% {
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
  }
  75% {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
  }
  100% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }
}
@keyframes trinlge {
  0% {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
  }
  25% {
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
  }
  75% {
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
  }
  100% {
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
  }
}

@font-face {

  font-family: 'thyFont7';

  src: url("../fonts/UUSUKKufi1B.ttf"); }
.index_product{ margin-top: 107px; height: 935px; }
.index_product_l{ width: 20%;}
.index_product_l_tit{ color: #292929; font-size: 68px; font-family: 'thyFont7';}
.index_product_l_ch{ color: #0d6ac3; font-size: 30px;}
.index_product_l_line{ width: 27px; height: 4px; background: #fccb34; margin-top: 30px;}
.index_product_l_bot{ margin-top: 78px; line-height: 35px;}
.index_product_l_more{ width: 70%; padding-top: 161px; }
.index_product_l_more .index_product_l_wenzi{ color: #212121; font-size: 18px; margin-top: 8px;}
.line{ width: 10%; text-align:center;}

.index_product_r{ width: 70%;}
.brief{ width:100%;  margin:0px auto; }
.brief .tab{ overflow:hidden; width: 22%;}
.brief .tab a{ display:block; height: 70px; background: url(../images/bg1.png) no-repeat 7px 8px;text-decoration:none; color:#333; font-size: 20px;}
.brief .tab a .sz_tex{ line-height: 70px; text-align: center; margin-left: 10%;}
.brief .tab a:hover{  color:#2f2f2f; font-weight: bold;text-decoration:none;}
.brief .tab a.on{  color:#2f2f2f;font-weight: bold; text-decoration:none;}
.brief .content{ overflow:hidden; width: 70%; }
.brief .content li{ display:none;}
.brief .content li .index_des{ width: 25%;}
.brief .content li .index_des .dex_des1{ margin-top: 78px;}
.brief .content li .index_des .dex_des2{ margin-top: 30px; color: #545454; font-size: 18px; text-align: justify;}
.brief .content li .index_des .dex_des3{ margin-top: 44px;}
.brief .content li .index_des .dex_des4{ margin-top: 50px;}
.brief .content li .index_des_r{ width: 70%;}
.brief .content li .index_des_r .index_des_r_pic{ position: relative;}
.brief .content li .index_des_r .index_des_r_tit{ position: absolute; top: 10px; color: #262626; font-size: 36px; font-weight: bold;}
.brief .content li .index_des_r .index_des_r_tit span{background-image: linear-gradient(135deg, #0d6ac3, #0fcf9b); -webkit-background-clip: text;
            -moz-background-clip: text;
            background-clip: text;
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone;
            -moz-box-decoration-break: clone;
	color: transparent;}

.brief .index_product_bt li{ display:none;}
.brief .index_product_bt li .index_product_pic{ margin-top: 53px;}
.brief .index_product_bt li .index_product_pic dl dd{ position: relative; float: left; width: 30%; margin-right: 3.33%;}
.brief .index_product_bt li .index_product_pic dl dd:nth-of-type(3){ margin-right: 0px;}
.he_border1{background: linear-gradient(to right, #0d6ac3, #0eb1a7, #0fcf9b);height:240px;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}

.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}

.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:1;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}

.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}

.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}

.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}

.he_border1 .he_border1_caption_h{font-size:16px;font-weight:400;text-align:center;width:60%;position:absolute;bottom:20%;right:-10px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1;background: linear-gradient(to right, #0d6ac3, #0eb1a7, #0fcf9b); color: #fff;}

.he_border1 .he_border1_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}

.he_border1:hover .he_border1_caption_p{top:45%;opacity:1}
.zj{ width: 80%; margin: 0px auto;}



.index_adv{ width: 100%; background: #f5f7f8; height: auto; overflow: hidden;}
.index_adv{ margin-top: 133px;}
.adv1{ padding-top: 109px;}



.index_brief{ width:100%; height:auto; margin:0px auto; background:#f0f0f0; font-family:'微软雅黑'; margin-top: 59px; margin-bottom: 110px;}
.index_brief .table{ overflow:hidden; background:url(../images/bg3.jpg) repeat-x; border: 1px solid #e1e4e6;}
.index_brief .table a{ display:inline-block; width: 19.6%; text-align: center; text-decoration:none; color:#333; margin-top: 30px; margin-bottom: 30px;}
.index_brief .table a:hover{ background: #f2f3f5;  color:#fff; text-decoration:none;}
.index_brief .table a.on{background: #f2f3f5;  color:#fff; text-decoration:none;box-shadow: 0 0 20px 1px #fff;}
.index_brief .content_tex{ overflow:hidden; }
.index_brief .content_tex li{ display:none;}
.index_brief .content_tex li .index_advv{}


.index_case{ margin-top: 110px; background:url(../images/bg4.jpg) no-repeat left bottom; height: 1150px; overflow: hidden;  }
.case_dw{position: relative;}
.index_case_ch{ color: #545454; font-size: 17px; margin-top: 55px;}


.case{ width:100%;  margin:100px auto; background:#f0f0f0; font-family:'微软雅黑';}
.case .tabe{ overflow:hidden; background:#ccc;}
.case .tabe a{ display:block; padding:10px 20px;  text-decoration:none; color:#333;}
.case .tabe a:hover{ background:#E64E3F; color:#fff; text-decoration:none;}
.case .tabe a.on{ background:#E64E3F; color:#fff; text-decoration:none;}
.case .case_content{ overflow:hidden; padding:10px;}
.case .case_content dd{ display:none;}


.hide{display:none;}


.slideTxtBox{ width:80%; float: right; margin-top: 38px; }
.slideTxtBox .hd{ width: 30%;   padding:0 10px 0 20px; height: 100%;   position:absolute; top: 36px; right: 0px; }
.slideTxtBox .hd ul{ left:20px; height: 100%; height: auto; overflow: hidden;  }
.slideTxtBox .hd ul li{ width: 50%;  cursor:pointer; position: absolute;  }
.slideTxtBox .hd ul li.on{   background:#fff;  }
.slideTxtBox .bd{ width: 72%; position: relative;}
.slideTxtBox .bd ul{   zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }


.slideTxtBox .arrow{  position:absolute; right:2%; top:50%; height: 15px; }
            .slideTxtBox .arrow a{ display:block;  width:9px; height:28px; float:right; margin-right:31px; margin-top:10px;  
                                   cursor:pointer;  }
            .slideTxtBox .arrow .next{ background-position:0 -50px;  }
  .slideTxtBox .arrow .pver{ background-position:0 -50px; margin-left: 10%;  }
            .slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
            .slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
.bd_r_pic{ position: relative;}
.bd_r_tex{ position: absolute; width: 46%; top: 0px;}
.bd_r_tex_tit{ width: 80%; margin: 0px auto;}
.case1{ color: #fff; font-size: 30px; margin-top: 68px;}
.case2{ width: 10%; height: 3px; background: #fff; margin-top: 24px;}
.case3{ color: #fff; margin-top: 38px; }
.case4{ width: 60%; margin-top: 30px;}
.case4_l{ color: #fff; font-size: 18px; margin-top: 5px;}


.hover_content_9 h4{ color: #fff; font-size: 20px;}
 .shuzi{ width: 40%; bottom: 20%; right: 10%;  position: absolute; }
.sz_l{ width: 43px; height: 1px; background: #fff; margin-top: 15%; }
.sz_r{ color: #fff;}
.case_pic1{ left: -36%;}
.case_pic2{top: 84%;left: 14%;}
.tu1{ width: 60%; margin: 0px auto; margin-top: -15px; position: relative;}
.tu1_r{ margin-top: 18px;}
.case_pic3{ width: 50%;
    cursor: pointer;
    position: absolute;margin-top: 116%; }
.case_pic4{ left: 64%; top: 168%; }
.case_pic5{ left: 14%; top: 252%; }
.case_pic6{ left: -36%; top: 295%; }


.page__title {
   height: 831px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-top: 142px;
	background: url(../images/bg5.jpg) no-repeat center;
	position: relative;
}
.p-relative {
    position: relative;
}
.fix {
    overflow: hidden;
}

.index_ahout_tit{ padding-top: 60px;}
.index_ahout_tit .index_product_l_tit{ color: #fff;}
.index_ahout_tit .index_product_l_ch{ color: #fff;}
.index_ahout_tit .index_product_l_line{ color: #fff;}




.slider__shape img {
  position: absolute;
}
.slider__shape img.triangle {
  right: 28%;
  bottom: 38%;
  animation: triangle 5s linear 0s infinite alternate;
  -webkit-animation: triangle 5s linear 0s infinite alternate;
}
.slider__shape img.dotted-square {
  right: 32%;
  top: 21%;
  animation: dottedSquare 8s linear 0s infinite alternate;
  -webkit-animation: dottedSquare 8s linear 0s infinite alternate;
}
.slider__shape img.solid-square {
  top: 19%;
  right: 25%;
  z-index: 1;
  animation: solidsquare 5s linear 0s infinite alternate;
  -webkit-animation: solidsquare 5s linear 0s infinite alternate;
}
.slider__shape img.circle {
  right: 10%;
  bottom: -47%;
  animation: sliderCircle 7s linear 0s infinite alternate;
  -webkit-animation: sliderCircle 7s linear 0s infinite alternate;
}
.slider__shape img.circle-2 {
  right: 12%;
  top: 65%;
  animation: sliderCircle 7s linear 0s infinite alternate;
  -webkit-animation: sliderCircle 7s linear 0s infinite alternate;
}
.slider__shape-1 {
  top: -120px;
  left: -100px;
  z-index: -1;
}

/* slider shapw keyframe */
@keyframes triangle {
  0% {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}
@keyframes dottedSquare {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes solidsquare {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  25% {
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
  }
  100% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }
}
@keyframes sliderCircle {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
/* pulse btn */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}


.index_ahout_tit{}
.index_about_l{ width: 60%; margin-top: 13px;  left: 0px; position: absolute; bottom: 0px;}
.swiper-pagination{ height: 190px;  background: url(../images/bg6.jpg) no-repeat center;width: 22%; bottom: 0px; right: 0px; color: #fff;}
.swiper-pagination-current{ color: #fff; font-size: 68px; font-weight: bold; margin-top: 20px; display: inline-block;}
.swiper-pagination-total{ font-size: 24px;}

.about_r{ width: 40%;  height: auto; }
.about_r_tit{ width: 60%; color: #fff; font-size: 18px; text-align: justify; margin-left: 20%; margin-top: -20%; line-height: 35px;}
.about_r_bot{ height: 190px; width: 40%; background: rgba(14,141,181,0.4); position: absolute; bottom: 0px;}
.about_r_bot ul li{ float: left; margin-top: 10px; margin-left: 2%;}


.index_map{ margin-top: 132px;}
.index_map_l{ width: 35%;}
.index_map_l_tit p{text-decoration: underline;
text-decoration-color: #fccb34;
-moz-text-decoration-color: red; color: #3d3d3d; font-size: 60px; line-height: 70px;}

.index_map_mid{ margin-top: 80px;}
.index_map_mid ul li{ float: left; width: 49%;  margin-right: 2%; margin-bottom: 50px; }
.index_map_mid ul li .index_map_num .n1{font-family: 'thyFont7'; font-size: 60px;}
.index_map_mid ul li .index_map_num{background-image: linear-gradient(13deg, #0d6ac3,  #0fcf9b); -webkit-background-clip: text;
            -moz-background-clip: text;
            background-clip: text;
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone;
            -moz-box-decoration-break: clone;
	color: transparent;}
.index_map_mid ul li .index_map_num .index_map_tex{ margin-top: 20px;}
.index_map_mid ul li:nth-of-type(2n+2){ margin-right: 0px;}
.line3{ margin-top: 40px;}
.index_contact{ height: 48px; margin-top: 80px; line-height: 48px; color: #fff; font-size: 22px; width: 30%;background: linear-gradient(to right, #0d6ac3, #0eb1a7, #0fcf9b); border-radius: 10px;}
.index_contact_tit{ width: 70%; margin: 0px auto;}
.index_contact_tit a{ color: #fff; display:inline-block; width: 100%; height: 30px; position: relative;}
.food-btn{ width: 100%; padding: 0px;background: linear-gradient(to right, #0d6ac3, #0eb1a7, #0fcf9b);}
.index_contact_btn::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    background: #362725;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out; position: absolute;}

.index_contact_btn:hover::after {
    transform: scaleX(1);
    transform-origin: 0% 50%; }



.index_map_r_bg{ position: relative;}
.index_map_r_bg1{ position: absolute; bottom: 0px; height: 220px; border-radius: 10px; width: 42%; right: 0px;background: linear-gradient(to right, #0d6ac3, #0eb1a7, #0fcf9b);}
.index_map_r{ width: 60%; position: relative;}
.index_map_midf{ width: 90%; margin: 0px auto;}
.map_tit1{ font-size: 24px; color: #fff; border-bottom: 1px solid #fff; text-align:center ; line-height: 45px; margin-top: 20px;}
.map_tit2 dl{ width: 90%; margin: 0px auto; margin-top: 30px;}
.map_tit2 dl dd{ color: #fff; height: 30px;}
.map_tit2 dl dd .map_tit2_rr{ font-size: 18px;}

.index_news{ width: 100%; background: #f5f7f8; margin-top: 138px;}
.index_news_l{ width: 15%;}
.index_product_nr{ color: #545454; font-size: 18px; margin-top: 74px;}

.index_news_r{ width: 80%;}
.index_news_r_tit ul li{ width: 25%; float: left; height: 295px; transition: all 0.5s linear 0s;}
.index_news_r_tit ul li .index_news_r_hx{ width: 87%; margin: 0px auto;}
.index_news_r_tit ul li .index_news_r_hx .index_news_r_time{ font-size: 16px; color: #b2b2b2; margin-top: 41px;}
.index_news_r_tit ul li:nth-of-type(4){ margin-right: 0px;}
.index_news_r_tit ul li .index_news_r_hx .index_news_r_bt{ color: #333333; font-size: 18px; margin-top: 35px;}
.index_news_r_tit ul li .index_news_r_hx .indedx_news_r_tex{ margin-top: 24px; color: #686868; font-size: 16px;}
.index_news_r_tit ul li .index_news_r_hx .index_news_r_line{ height: 65px; background: url(../images/line3.png) no-repeat center; margin-top: 56px;}
.index_news_r_tit ul li .index_news_r_hx .index_news_r_line .line_tex{ color: #666666; margin-left: 10px;}

.index_news_r_tit ul li:hover{ background: url(../images/bg7.png) no-repeat center; height: 295px;}
.index_news_r_tit ul li .index_news_r_hx .indedx_news_r_tex{ transition: opacity 2s; opacity: 1;}
.index_news_r_tit ul li:hover .index_news_r_hx .indedx_news_r_tex{ opacity: 0;
transition-duration: 0s;}
.index_news_r_tit ul li:hover .index_news_r_hx .index_news_r_time{ color: #78b6e0; margin-top: 41px;}
.index_news_r_tit ul li:hover .index_news_r_hx .index_news_r_bt{ color: #fff; margin-top: 35px;}
.index_news_r_tit ul li:hover .index_news_r_hx .index_news_r_line{ height: 65px; background: url(../images/line4.png) no-repeat center; margin-top: 26px;}
.index_news_r_tit ul li:hover .index_news_r_hx .index_news_r_line  .line_tex a{ color: #fff; }
.index_news_r_bot{ margin-top: 33px;}
.bot2{ margin-left: 2%;}
.bot3{ margin-top: 60px;}



.online-form a:hover{ color: #fff;}

.index_message{ height: auto; width: 100%; overflow: hidden; padding-bottom: 40px; background: linear-gradient(to right, #5297d3, #59c2c6, #50d6b0); margin-top: 130px;}
.index_message_tit_l{ margin-top: 59px; width: 20%;}
.index_message_tit_l p{ font-size: 36px; color: #fff; font-weight: bold; line-height: 50px;}
.index_message_tit_r{ margin-top: 70px;width: 50%;}
.index_message_tit_r .index_lx1{ font-size: 18px; color: #fff;}
.index_message_tit_r .index_lx2{ font-size: 28px;color: #fff;}
.index_message_tit_r .index_lx2 span{ font-style: italic;}

.me_l{ width: 20%; margin-right: 0.5%;}
.more4:hover{ color: #fff; cursor: pointer;}
.mess1{ height: 55px; background: #fff; width: 100%; border: none; line-height: 55px; padding-left: 5px;}
.mess3{ height: 55px; background: #fff; width: 60%; border: none; padding-left: 5px;}
.more4{ height: 55px; line-height: 55px; color: #fff; text-align: center; width: 9%;background: url(../images/more4.png) no-repeat center;   display: inline-block;}
.me_r{ width: 20%;}
.index_message_bt{ margin-top: 40px;}

.foot{ width: 100%; background: #e8e8e8; height: auto; overflow: hidden;}
.foot_l{ margin-top: 86px; width: 20%;}
.foot_l_line{ margin-top: 71px;}

.foot_m{ margin-top: 68px; width: 40%; margin-left: 5%;}
.sy_wenzi{ color: #434343; font-size: 22px;}
.foot_m_bt ul li{ height: 35px; font-size: 18px; margin-top: 30px;}
.foot_m_bt ul li .foot_ico1{ width: 10%;}
.foot_m_bt ul li .foot_ico_tex{ width: 85%;}
.foot_r{margin-top: 68px; width: 30%;}
.foot_r_nav ul li{ float: left; width: 33%; font-size: 16px; margin-top: 16px;}
.foot_r_nav ul li:nth-of-type(3n+3){ margin-right: 0px;}
.copy{ border-top: 1px solid #ccc; height: 71px; line-height: 71px; margin-top: 51px;}


.innerbanner_bg_contact{ width: 100%;background: url(../images/inner_banner6.jpg) no-repeat center; height: auto; background-size: cover; padding-bottom: 20%;  position: relative;}

.innerbanner_bg_news{ width: 100%;background: url(../images/innerbanner_news.jpg) no-repeat center; height: auto; background-size: cover; padding-bottom: 20%;  position: relative;}
.innerbanner_bg{ width: 100%;background: url(../images/innerbanner1.jpg) no-repeat center; height: auto; background-size: cover; padding-bottom: 20%;  position: relative;}
.innerbanner_case{ width: 100%;background: url(../images/inner_case.jpg) no-repeat center; height: auto; background-size: cover; padding-bottom: 20%;  position: relative;}
.innerbanner_pro{ width: 100%;background: url(../images/innerbanner2.jpg) no-repeat center;height: auto; background-size: cover; padding-bottom: 20%;  position: relative;}
.innerbanner_sol{ width: 100%;background: url(../images/innerbanner4.jpg) no-repeat center; height: auto; background-size: cover; padding-bottom: 20%; position: relative;}
.inner_name_eng{ color: #393939; font-size: 48px;   -webkit-text-stroke: 1px #fff; text-align: center; padding-top: 10%;}
.inner_name_ch{color: #393939; font-size: 36px; font-weight: bold;-webkit-text-stroke: 1px #fff; text-align: center;}
.inner_name_line{ background: #393939; width: 5%; height: 1px; margin: 0px auto; margin-top: 25px;}
.inner_bg{ width: 100%; height: 88px;background: url(../images/inner_bg.png) repeat-x bottom; position: absolute; bottom: 0px;}

.inner_name_en{ color: #393939; font-weight: bold;font-size: 48px;   -webkit-text-stroke: 1px #fff; text-align: center; padding-top: 5%;}

.inner_bg_tit{ text-align:center;}
.inner_bg_tit ul li{ display: inline-block; text-align: center; width: 20%; color: #fff;}
.inner_bg_tit ul li a{color: #fff;}
.inner_bg_tit ul li .inner_bg1{text-shadow: 2px 2px 2px #07515c; font-size: 24px; margin-top: 10px;}


.inner_about_top{ margin-top: 89px;}
.inner_about_l{ width: 60%;}
.inner_about_l_tit{ color: #2a2a2a; font-size: 30px;}
.inner_about_l_mid{ margin-top: 55px;}
.inner_about_l_mid p{ color: #797979; font-size: 16px; line-height: 35px; text-align: justify; text-indent: 2em;}
.inner_about_r{ width: 30%; margin-top: 78px;}

.inner_about_map{ width: 100%; background: #f4f4f7; height: auto; overflow: hidden; margin-top: 134px; padding-bottom: 68px;}

.inner_about_map_l{ width: 20%; margin-top: 100px;}
.inner_about_map_l ul li{  width: 100%;   margin-bottom: 20px; border-bottom: 1px solid #ccc; height: 122px;}
.inner_about_map_l ul li .index_map_num .n1{font-family: 'thyFont7'; font-size: 60px;}
.inner_about_map_l ul li .index_map_num{background-image: linear-gradient(13deg, #0d6ac3,  #0fcf9b); -webkit-background-clip: text;
            -moz-background-clip: text;
            background-clip: text;
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone;
            -moz-box-decoration-break: clone;
	color: transparent;}
.inner_about_map_l ul li .index_map_num .index_map_tex{ margin-top: 20px;}
.inner_map_r{width: 60%;
    position: relative; margin-top: 47px;}
.inner_honor_tit{ text-align:center ; color: #2a2a2a; font-size: 30px; margin-top: 139px;}
.inner_honor_mid ul{ margin-top: 87px;}
.inner_honor_mid ul li{ width: 22%; display: inline-block; margin-right: 3%; z-index: 999; position: relative;   }
.inner_honor_mid ul li:nth-of-type(4){ margin-right: 0px;}
.inner_honor_midd{ text-align: center; margin-top: -180px;}
.inner_honor_midd ul li{ width: 22%; display: inline-block; text-align:center; margin-right: 3%;   }
.inner_honor_midd ul li:nth-of-type(3){ margin-right: 0px;}
.inner_contact_top{ margin-top: 83px; position: relative;}

.inner_contact_mess{ width: 25%; height: 400px; top: 4%; background: #fff; border-radius: 10px; position: absolute; left: 2%;} 
.inner_contact_mess_zj{ width: 80%; margin: 0px auto;}
.mess_zj1{ color: #0d77be; font-size: 28px; text-align: center; margin-top: 30px;}
.mes1{ height: 37px; background: #f6f6f6; width: 100%; border: none;}
.mes2{height: 107px; background: #f6f6f6; width: 100%; border: none;}
.mes11{ margin-top: 8px;}
.mes3{height: 37px; background: #f6f6f6; width: 40%; border: none;}
.tjqr{ height: 42px; width: 100%; background: #019dd8; line-height: 42px; text-align: center; color: #fff; border-radius: 10px;}

.inner_contact_lx{ margin-top: 83px; padding-bottom: 83px; height: auto; overflow: hidden;}
.inner_contact_lx_l{ width:28%; margin-top: 10px;}
.inner_contact_lx_r{ width:68%;background: url(../images/pic12.jpg) no-repeat bottom; height: 466px;}
.inner_contact_lx_r_tit{ width: 90%; margin: 0px auto;}

.inner_lx1{ font-size: 30px; color: #262626; margin-top: 62px; margin-bottom: 43px;}
.inner_lx2{ color: #262626; font-size: 18px; line-height: 40px;}
.inner_lx2 span{ color: #fa0000; font-size: 30px;}
.lx1{width: 70%; margin: 0px auto;}
.inner_lx_bg{ background: #10cf9b; height: 42px; line-height: 42px; border-radius: 10px; width:30%; color: #fff; font-size: 18px; margin-top: 40px;}

.inner_news_top{ padding-bottom: 63px;}
.inner_news_top ul li{ background: #f6f6f6; height: auto; overflow: hidden; margin-top: 63px;}

.inner_news_top ul li .inner_news_pic{ width: 30%;}
.inner_news_top ul li .inner_news_pic .news_pic{ margin-left: 27px; margin-top: 31px;}
.inner_news_top ul li .inner_news_tex{ width: 65%;}
.inner_news_top ul li .inner_news_tex .inner_news_zj1{ width: 95%; margin: 0px auto;}
.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_bt1{ color: #272727; font-size: 24px; margin-top: 48px;}
.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_tex { color: #272727; font-size: 16px;margin-top: 36px;}
.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_bt{ margin-top: 56px;}
.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_bt .nes_bt1_l{ color: #b1b1b1; font-size: 16px;}
.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_bt .nes_bt1_r{ font-size: 16px; color: #0d6ac3;} 
.middle1{ margin-top: 63px; padding-bottom: 63px;}


.inner_case_mid{ width: 100%; height: auto; overflow: hidden; margin-top: 90px; padding-bottom: 150px; }
.inner_case_l{ width: 30%;height: auto; overflow: hidden;}
.case_show_tit{ width: 30%;}
.case_show_tit .case_show_l{ height: 1px; width: 20%; background: #0fc79e; margin-top: 20px;}
.case_show_r{ font-size: 24px; color: #666666;}
.case_show_name{ color: #222222; font-size: 30px; margin-top: 27px;}
.case_show_tex{ margin-top: 48px;}
.inner_case_r{ width: 60%;}
.inner_case_r ul li{ width: 49%; float: left; margin-right: 2%;}
.inner_case_r ul li:nth-of-type(2n+2){ margin-right: 0px;}



.inner_product{ margin-top: 77px;}
.inner_product_l{ width: 22%; position: relative; margin-bottom: 30px;}
.inner_product_mid{ width: 100%;background: url(../images/inner_pro1.jpg) repeat-y  top; height: auto; padding-bottom: 20px; margin-top: 24px;}
.inner_product_mid ul{ padding-top: 43px;}
.inner_product_mid ul li{ text-align: center; margin: 0px auto; margin-bottom: 24px;}

.inner_product_r{ width: 72%;}
.inner_product_r_tit{ height: 50px;background: url(../images/line7.png) repeat-x  bottom;}
.inner_product_r_tit_l{ font-size: 24px; color: #333333;}
.inner_product_r_tit_r{ color: #a0a0a0; font-size: 14px; line-height: 50px;}

.inner_detail{background: #f1fdfd;}
.inner_product_rr ul li{ width: 32%; background: linear-gradient(to right,  rgba(13, 106, 195, 0.6) 0%, #0eb1a7, #0fcf9b); height: auto; padding-bottom: 10px; float: left; margin-top: 37px; margin-right: 2%; border-radius: 10px; }
.inner_product_rr ul li:nth-of-type(3n+3){ margin-right: 0px;}
.inner_product_rr ul li .inner_product_r_pic{ width: 95%; margin: 0px auto; margin-top:10px;}
.inner_product_rr ul li .inner_product_r_pic .hover_area{ margin-bottom: 15px;}
.inner_product_rr ul li:hover{background: linear-gradient(to right, #0d6ac3, #0eb1a7, #0fcf9b);}
.inner_product_rr ul li .product_name{ text-align: center; color: #2a2a2a; font-size: 18px; height: 53px; }
.inner_product_rr ul li:hover .product_name{ color: #fff;}
.inner_product_bg{ }
.inner_name_bg{ position: absolute; bottom: 0px; width: 100%;}

.inner_detail{ width: 50%; }
.inner_detail_bt{ text-align:center ; color: #393939; font-size: 26px; margin-top: 20px;}

.innerbanner_pr{ width: 100%;background: url(../images/innerbanner3.jpg) no-repeat top;  background-size: cover; padding-bottom: 35%;  position: relative; }

#dituContent{ width: 100%; height: 460px;}

.inner_detail_r{width: 50%; background: #f6f6f6; height: auto; overflow: hidden; margin-top: 88px;   }
.inner_detail_mid{ margin: 0px auto; width: 90%;}
.detail1{ margin-top: 56px; color:#393939; font-size: 26px; margin-bottom: 36px;} 
.detail2{ line-height: 30px;}
.detail2 span{ font-weight: bold;}
.detail3{font-weight: bold;}
.detail3{ margin-top: 15px;}
.detail4{ margin-top: 15px;}
.detail4 p{ line-height: 35px;}

.detail5_l{ height: 43px; border-radius: 10px; line-height: 43px; color: #fff;background: linear-gradient(to right, #0d6ac3, #0eb1a7, #0fcf9b); width: 30%;}
.detail5_l_mid{ width: 60%; margin: 0px auto;}
.tel1_tex{ font-size: 20px; color: #313131; margin-left: 20px;}
.detail6_l{ margin-left: 20px;}
.cp_detail_tit{ font-size: 26px; color: #313131; margin-top: 65px;}

.detail5{ margin-top: 50px; padding-bottom: 45px; height: auto; overflow: hidden;}


.inner_solution{margin-bottom: 50px;}
.inner_solution ul li{ background: #f6f6f6; height: auto; overflow: hidden;margin-top: 97px;}
.inner_solution ul li .inner_solution_l{ width: 39%;}
.inner_solution ul li .inner_solution_l .inner_solution_mid{ width: 90%; margin: 0px auto; margin-top: 35px; margin-bottom: 35px;}
.inner_solution_r{ width: 60%; margin-bottom: 20px;}
.inner_sor{  width: 90%; margin: 0px auto;}
.sor1{ color: #393939; font-size: 36px; margin-top: 47px;}
.sor2{margin-top: 30px;color: #393939; font-size: 18px; }
.see_more{ margin-top: 49px; width: 20%;}
.see1{ color: #a4a4a4;}
.seer{ background: #9b9b9b; height: 1px; width: 20%; margin-top: 10px;}
.inner_sol_bt{ }
.inner_sol_bt dl dd{ float: left; margin-right: 1%;width: 32%; margin-top: 18px;  }
.inner_sol_bt dl dd:nth-of-type(3){ margin-right: 0px; }

.slider__shap img {
  position: absolute;
}
.slider__shap img.triangle {
  left: 28%;
  top:28%;
  animation: triangle 5s linear 0s infinite alternate;
  -webkit-animation: triangle 5s linear 0s infinite alternate;
}
.slider__shap img.triangl {
  left: 38%;
  bottom:28%;
  animation: triangle 5s linear 0s infinite alternate;
  -webkit-animation: triangle 5s linear 0s infinite alternate;
}

.slider__shap img.dotted-square {
  left: 32%;
  top: 21%;
  animation: dottedSquare 8s linear 0s infinite alternate;
  -webkit-animation: dottedSquare 8s linear 0s infinite alternate;
}
.slider__shap img.dotted-squar {
  left: 32%;
  top: 31%;
  animation: dottedSquare 8s linear 0s infinite alternate;
  -webkit-animation: dottedSquare 8s linear 0s infinite alternate;
}
.slider__shap img.solid-square {
  top: 19%;
  left: 75%;
  z-index: 1;
  animation: solidsquare 5s linear 0s infinite alternate;
  -webkit-animation: solidsquare 5s linear 0s infinite alternate;
}
.slider__shap img.solid-squar {
  top: 29%;
  left: 75%;
  z-index: 1;
  animation: solidsquare 5s linear 0s infinite alternate;
  -webkit-animation: solidsquare 5s linear 0s infinite alternate;
}
.slider__shap img.circle {
  left: 10%;
  bottom: -47%;
  animation: sliderCircle 7s linear 0s infinite alternate;
  -webkit-animation: sliderCircle 7s linear 0s infinite alternate;
}
.slider__shap img.circle-2 {
  left: 2%;
  top: 65%;
  animation: sliderCircle 7s linear 0s infinite alternate;
  -webkit-animation: sliderCircle 7s linear 0s infinite alternate;
}

.slider__shap img.circle-1 {
  left: 90%;
  top: 45%;
  animation: sliderCircle 7s linear 0s infinite alternate;
  -webkit-animation: sliderCircle 7s linear 0s infinite alternate;
}
.slider__shape-1 {
  top: -120px;
  left: -100px;
  z-index: -1;
}

/* slider shapw keyframe */
@keyframes triangle {
  0% {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}
@keyframes dottedSquare {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes solidsquare {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  25% {
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
  }
  100% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }
}
@keyframes sliderCircle {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
/* pulse btn */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}



.menu,.tab-box{   height: 100%;  margin: 0 auto; padding-top: 25px; }
.menu ul li{ /*height:45px; */line-height: 56px;  font-size: 15px;   }
.menu ul li span{ display: block; height: 100%; width: 100%; position: relative; padding: 0 20px;  }
.menu ul li span i{ display: block; height: 20px; width: 20px; background: url(img/arr.png) no-repeat center center; background-size:80% 80%; position: absolute; right: 20px; top: 50%; margin-top: -10px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.menu ul li span i.action{ transition: all 0.3s ease-out;transform: rotate(180deg);}
.menu ul li>dl{ display: none;  background: #d7f6f8; width: 71%; margin: 0px auto;}
.menu ul li>dl a{ display: block; height: 100%; width: 100%; font-size: 14px; color: #222; text-decoration: none; }




.lanrenzhijia{ width:1600px; height:826px; margin:60px auto;  font-family:'微软雅黑';}
.lanrenzhijia .tab{ overflow:hidden;background:url(../images/bg3.jpg) repeat-x; height: 307px; border: 1px solid #e1e4e6;}
.lanrenzhijia .tab a{  display:inline-block; padding-top: 20px; padding-bottom: 20px; width: 19.6%; margin-top: 35px;  text-align: center;  text-decoration:none; color:#333;}
.lanrenzhijia .tab a:hover{ background:#e4f9fa; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#e4f9fa; color:#fff; text-decoration:none;}
.lanrenzhijia .content{ overflow:hidden; width:1600px; height:494px; position:relative;}
.lanrenzhijia .content ul{ position:absolute; left:0; top:0; height:520px;}
.lanrenzhijia .content li{ width:1600px; height:520px; float:left;}
.lanrenzhijia .content li p{}




.index_brief{ width:100%; height:auto; margin:0px auto; background:#f0f0f0; font-family:'微软雅黑'; margin-top: 59px; margin-bottom: 110px;}
.index_brief .table{ overflow:hidden; background:url(../images/bg3.jpg) repeat-x; border: 1px solid #e1e4e6;}
.index_brief .table a{ display:inline-block; width: 19.6%; text-align: center; text-decoration:none; color:#333; margin-top: 30px; margin-bottom: 30px;}
.index_brief .table a:hover{ background: #f2f3f5;  color:#fff; text-decoration:none;}
.index_brief .table a.on{background: #f2f3f5;  color:#fff; text-decoration:none;box-shadow: 0 0 20px 1px #fff;}
.index_brief .content_tex{ overflow:hidden; }
.index_brief .content_tex li{ display:none;}
.index_brief .content_tex li .index_advv{}

.xqjs{ height: 50px; width: 100%; background: #2584de; color: #fff; line-height: 50px; padding-left: 20px;}

@media screen and (max-width: 1874px){
	.logo{ width: 43%;}
	

}
@media screen and (max-width: 1855px){
	
.main-area { margin-left: 8%;}
	
}
@media screen and (max-width: 1777px){
	
.main-area { margin-left: 1%;}
}
@media screen and (max-width: 1715px){
	.slideTxtBox{ width: 86%;}
	.slideTxtBox .hd{ right: 3%;;}
}
@media screen and (max-width: 1639px){
	.logo{ width:43%;}
	.cart-search{ height: 120px;}
}

@media screen and (max-width: 1609px){
	
	.slideTxtBox .hd{ right: 5%;}

}

@media screen and (max-width: 1559px){
	.about_r_tit{ width: 80%; margin-left: 10%;}
	.about_r_bot ul li{ width: 45%;}
	
	}
@media screen and (max-width: 1584px){
	.he_border1 .he_border1_caption_h{ width: 60%;}
	.slideTxtBox{ width: 90%;}

}

@media screen and (max-width: 1527px){
	
	.innerbanner_pr{padding-bottom: 55%;}
	}

@media screen and (max-width: 1513px){
	.index_map_r_bg1{ width: 50%;}
	
	}
@media screen and (max-width: 1506px){
	
	.about_r_bot ul li{ margin-left: 1%;}
}
@media screen and (max-width: 1504px){
	.header-section .primary-menu .main-area .main-menu ul li a{ font-size: 16px;}
.cart-search{ height: 100px; width: 8%; line-height: 100px;}
	.cart-search ul .search, .cart-search ul .cart-area{ line-height: 100px;}
	.index_news_r_tit ul li{ height: auto;}
}
@media screen and (max-width: 1473px){
	.index_message_tit_l p{ font-size: 30px;}	
	.index_message_tit_r .index_lx1{ font-size: 16px;}
	.index_message_tit_r .index_lx2{ font-size: 20px;}
	
}

@media screen and (max-width: 1456px){
	
	.index_news_r_bot{ margin-top: 50px;}
	.bot1{ width: 30%;}
	.bot2{ width: 30%;}
	.bot3{ width: 30%; margin-top: 30px;}
}
@media screen and (max-width: 1446px){
	.slideTxtBox{ width: 100%;}
	.case_show_tit{ width: 40%;}

}

@media screen and (max-width: 1410px){
	.index_map_l_tit p{ font-size: 50px;}
	.map_tit1{ font-size: 20px;}
	.map_tit2 dl dd{ font-size: 14px;}
	.map_tit2 dl dd .map_tit2_rr{font-size: 14px;}
.index_contact{ width: 50%;}
	
	}
@media screen and (max-width: 1324px){
	.thumbnail{ width: 30%;}	
	
}
@media screen and (max-width: 1324px){
	.food-btn.style-2{ width: 80%;}
	}

@media screen and (max-width: 1288px){
	
	.inner_product_mid{ background: linear-gradient(to right, #0d6ac3, #0eb1a7, #0fcf9b); float: left; }
	.inner_product_mid ul{ background: #fff; border-radius: 10px; width: 90%; margin: 0px auto; margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px;}

}
@media screen and (max-width: 1276px){
	.index_case{ height: auto; margin-top: 40px; background: none;}
	.slideTxtBox .bd{ width: 100%; }
	.slideTxtBox .hd{position: relative; width: 100%;}
	.index_product_l_tit{ font-size: 40px;}
	.index_product_l_ch{ font-size: 20px;}
	.index_case_ch{ margin-top: 20px;}
	.slideTxtBox{ height: auto; overflow: hidden;}
	.slideTxtBox .hd ul li{ position: relative; }
	.slideTxtBox .hd ul .case_pic1{ left: 0px;}
	.slideTxtBox .hd ul{ left: 0px;}
	.slideTxtBox .hd ul .case_pic1{ display: none;}
	.slideTxtBox .hd ul .case_pic2{ display: none;}
	.slideTxtBox .hd ul .case_pic3{ margin-top: 0px; height: 40px; }
	.slideTxtBox .hd ul .case_pic4{ display: none;}
	.slideTxtBox .hd ul .case_pic5{display: none;}
	.slideTxtBox .hd ul .case_pic6{display: none;}
	.slideTxtBox .arrow{ position: relative; height: 40px; top:0px; right: 0px;  }
	.slideTxtBox .hd{width: 100%; right: 0px; padding: 0px;}
	.bd_l{ width: 50%;}
	.bd_r{ width: 50%;}
	.slideTxtBox .hd ul{overflow: auto;}
	.slideTxtBox{ overflow: auto; padding-bottom: 40px;}
	.slideTxtBox .arrow a{ }
	.inner_detail{ width: 100%; text-align:center;margin-top: 30px;}
	.inner_name_bg{ position: relative;}
	.inner_name_en{ font-size: 36px; padding-top: 13%;}
	.innerbanner_pr{ background: none;}
	.inner_detail_r{ width: 100%; margin-top: 30px; height: auto; padding-bottom: 40px;}
	.detail5{ margin-top: 30px;}
	
	
}
@media screen and (max-width: 1267px){
	.cart-search{ display: none;}

	.index_news_l{ width: 100%;}
	.index_news{ margin-top: 38px;}
	.index_product_nr{ margin-top: 20px;}
	.index_news_r{ width: 100%;}
	.index_news_r_bot{ margin-top: 20px;}
}

@media screen and (max-width: 1249px){
	.index_about_l{ width: 100%; position: relative; padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; overflow: hidden;}
	.page__title{ height: auto; overflow:hidden;background: linear-gradient(to right, #0d6ac3, #0eb1a7, #0fcf9b); margin-top: 40px;}
	.about_r{ width: 100%;position: relative;padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
	}
@media screen and (max-width: 1238px){
	.index_message_tit_l p{ font-size: 20px; line-height: 30px;}
	.index_product_l_more{ margin-top: 40px;}
	.inner_case_l{ width: 100%;}
	.inner_case_r{ width: 100%; margin-top: 15px;}
	.case_show_tit{ width: 20%;}
	.inner_case_mid{ background: none; padding-bottom: 30px; margin-top: 35px;}
	.case_show_name{ font-size: 20px;}
	.case_show_tex{ margin-top: 30px;}
	.index_product_l_more{ margin-top: 20px;}
	
}

@media screen and (max-width: 1202px){
	.index_product_l{ width: 100%;}
	.line{ display: none;}
	.index_product_r{ width: 100%; position: relative;}
	
	.index_product{ margin-top: 40px; height: auto;}	
	.brand__shape{ display: none;}
	.index_product_l_tit{ font-size: 40px;}
	.index_product_l_ch{ font-size: 20px;}
	.index_product_l_line{ margin-top: 10px;}
	.index_product_l_bot{ margin-top: 20px;}
	.index_product_l_more{ padding-top: 30px; width: 20%;}
	
	.index_product_r{ margin-top: 40px;}
	.about_r_tit{ margin-top: 30px; width: 100%; margin-left: 0px; font-size: 16px;}
	.about_r_bot{ position: relative; width: 100%; margin-top: 10px;}
	
}
@media screen and (max-width: 1194px){
	
	.inner_name_eng{padding-top: 20%; font-size: 25px;}
	.inner_name_ch{ font-size: 20px;}
	.inner_bg_tit ul li .inner_bg1{ font-size: 18px;}
	.inner_product_rr ul li .product_name{ font-size: 14px;}
}

@media screen and (max-width: 1173px){
	.index_map_l_tit p{ font-size: 40px;}
	.index_map_r_bg1{ width: 60%;}
	
	}

@media screen and (max-width: 1168px){
	
	.inner_news_top ul li .inner_news_pic .news_pic{ margin-left: 10px;}
	.line6{ display: none;}
}
@media screen and (max-width: 1132px){
.index_adv{ margin-top: 40px;}
	.adv1{ padding-top: 30px;}	
	
}
@media screen and (max-width: 1103px){
.thumbnail{ width: 40%;}	

}

@media screen and (max-width: 1083px){
	
	.lx1_r{ font-size: 14px;}
	.inner_contact_lx_r{ height: auto;}
	.inner_lx1{ font-size: 20px; margin-top: 30px; margin-bottom: 10px;}
	.inner_lx2{ font-size: 14px;}
	.inner_lx2 span{ font-size: 14px;}
	.inner_lx_bg{ margin-top: 10px;}
	.inner_contact_lx{ margin-top: 35px;}
	}

@media screen and (max-width: 994px){
	.index_message{margin-top: 30px;}
	.index_product_l_more{ width: 40%;}
	.index_map_l{ width: 100%;}
	.index_map_r{ width: 100%;}
	.index_contact{ width: 20%; margin-top: 30px;}
	.index_map{ margin-top: 30px;}
	.index_map_l_tit p{ font-size: 20px; line-height: 35px;}
	.index_map_mid{ margin-top: 30px;}
	
	.index_message_tit_l{ width: 100%;}
	.index_message_tit_r{ width: 100%; margin-top: 20px;}
	.me_l{ width: 100%; margin-right: 0px; margin-bottom: 10px;}
	.more4{ width:20%; background: linear-gradient(to right, #5297d3, #59c2c6, #50d6b0); margin-right: 0.5%;}
	.foot_m_bt ul li{ font-size: 16px;}
	.foot_r_nav ul li{ font-size: 14px;}
		.inner_contact_top{ margin-top: 40px;}
	.inner_contact_mess{ width: 40%;}
	
	.inner_solution ul li .inner_solution_l{ width: 100%; text-align:center;}
	.inner_solution_r{ width: 100%;}
	.sor1{font-size: 20px; margin-top: 0px;}
	.sor2{ font-size: 14px; margin-top: 20px;}
	.see_more{ margin-top: 20px;}
	.inner_solution ul li{ margin-top: 35px;}
	.inner_product_l{ width: 100%;}
	.inner_product_l_tit{ display: none;}
	.inner_product{ margin-top: 35px;}
	.inner_product_r{ width: 100%; margin-top: 20px; margin-bottom: 40px;}
	.inner_product_mid ul li{ margin-bottom: 18px;}
	.inner_product_rr ul li .product_name{ font-size: 14px;}
	.inner_product_rr ul li{ margin-top: 20px;}
	.inner_product_r_tit_l{ font-size: 20px; line-height: 50px;}
	.hover_content_6 h4{ font-size: 14px;}
	}

@media screen and (max-width: 923px){
	
	.index_brief .table a{width: 19%;}	
	.index_brief{margin-bottom: 40px; margin-top: 20px;}
	.inner_contact_lx_r{ background: none;}
	
}
@media screen and (max-width: 915px){
.bd_l{ width: 100%; text-align: center;}
	.bd_r{ width: 100%; position: relative;background: linear-gradient(to right, #0d6ac3, #0eb1a7, #0fcf9b); padding-bottom: 20px; margin-top: 20px;}
	.bd_r_pic{ display: none;}
	.bd_r_tex{position: relative; width: 100%;}
	.bd_r_tex_tit{ width: 98%;}
	.case1{ font-size: 20px; margin-top: 20px;}
	.slideTxtBox .hd ul li{ width: 65%;}
	.foot_l{ width: 100%; text-align: center; margin-top: 40px;}
	.foot_m { display: none;}
	.foot_r { display: none;}
	.foot_l_line{ display: none;}
}

@media screen and (max-width: 905px){
	.brief .content li .index_des_r .index_des_r_tit{ font-size: 30px;}
	.brief .tab{ width: 100%;}
	.brief .content{position: relative;}
	.brief .content{ width: 100%;}
	.brief .tab a{ width: 49%; display: inline-block; text-align:center ;}
	.brief .tab a.on { text-align: center;}
	.inner_about_top{ margin-top: 35px;}
	.inner_about_r{ display: none;}
	.inner_about_l{ width: 100%;}
	.inner_about_l_mid{ margin-top: 20px;}
	.inner_about_l_tit{ font-size: 20px;}
	.inner_about_map{ margin-top: 35px;}
	.inner_about_map_l{ width: 100%; margin-top: 30px;}
	.inner_about_map_l ul li .index_map_num .n1{ font-size: 40px;}
	.inner_map_r{ width: 100%;}
	.inner_honor_tit{ margin-top: 30px;}
	.inner_honor_mid ul li{ width: 49%; margin-right: 1%; }
	.inner_honor_mid ul li:nth-of-type(2n+2){ margin-right: 0px;}
	.inner_honor_midd ul li{width: 30%; margin-right: 1%;}
	.inner_honor_midd{ margin-top: 30px;}
	.inner_honor_tit{ font-size: 20px;}
	.inner_honor_mid ul{ margin-top: 30px;}
	.line3{ display: none;}

	}
@media screen and (max-width: 890px){
	.lx1{ width: 90%;}
	
	.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_bt1{ font-size: 20px; margin-top: 20px;}
	.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_tex{ margin-top: 20px;}
	.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_bt{ margin-top: 20px;}
	
	
		}
@media screen and (max-width: 850px){
	.thumbnail{ display: none;}	
	.next-nav.slick-arrow{ left: 10px; width: 40px; height: 40px;}
	.prev-nav.slick-arrow{ right: 10px;width: 40px; height: 40px;}
	.brief .content li .index_des .dex_des1{ margin-top: 0px;}
	.brief .content li{ margin-top: 30px;}
	.brief .content li .index_des{ width: 100%; margin-top: 30px;}
	.brief .content li .index_des_r{ position: relative;}
	.brief .content li .index_des .dex_des3{ display: none;}
	.brief .content li .index_des_r { width: 100%; margin-top: 30px;}
	.he_border1{ height: auto;}
	.he_border1 .he_border1_caption_h{ width: 90%;}
	.brief .content li .index_des_r .index_des_r_tit{ font-size: 24px;}
	.swiper-pagination{ width: 40%; height: 100px;}
	.swiper-pagination-current{ font-size: 20px;}
	.swiper-pagination-total{ font-size: 16px;}
	.index_news_r_tit ul li{ width: 49%;}
	.index_news_r_tit ul li .index_news_r_hx .index_news_r_bt{font-size: 16px;}
	.index_news_r_tit ul li .index_news_r_hx .indedx_news_r_tex{ font-size: 14px;}
	.bot1{ width: 48%;}
	.bot2{ width: 48%;}
	.bot3{ width: 100%; margin: 0px auto; margin-top: 20px; text-align: center;}
	.bot3{ width: 100%; margin: 0px auto; margin-top: 20px; text-align: center;}
	.index_news_r_tit ul li .index_news_r_hx .index_news_r_line{ margin-top: 20px;}
	.index_news_r_tit ul li{ margin-top: 10px;}
	.index_news_r_tit ul li:hover{background: linear-gradient(to right, #0d6ac3, #0eb1a7, #0fcf9b);height: auto;}
	.inner_name_en{ font-size: 20px;}
	.inner_detail_bt{ font-size: 18px;}
	.inner_product_rr ul li .product_name{ font-size: 12px;}
}

@media screen and (max-width: 811px){
	.index_contact{ width: 30%;}
	.index_map_mid ul li .index_map_num .n1{  font-size: 40px;}
	
	}
@media screen and (max-width: 766px){
	
	.slick-slider{ margin-top: 50px;}
	.index_product_l_ch{ font-size: 16px;}
	.inner_product_rr ul li{ width: 49%; margin-right: 1%;}
	.inner_product_rr ul li:nth-of-type(3n+3){ margin-right: 1%;}
	}

@media screen and (max-width: 701px){
	.inner_lx_bg{ width: 50%;}
	.case_show_r{ font-size: 18px;}

}
@media screen and (max-width: 606px){
	
	.index_map_r_bg1{ width: 100%; position: relative; height: 171px;}
	.index_contact{ width: 50%;}
	.index_contact{font-size: 16px;}
	
	.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_bt1{ font-size: 16px;}
	.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_tex{ font-size: 14px;}
	.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_bt .nes_bt1_l{ font-size: 12px;}
	.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_bt .nes_bt1_r{font-size: 13px;}
	.inner_news_top ul li .inner_news_tex .inner_news_zj1 .nes_bt{ margin-bottom: 10px;}
}
@media screen and (max-width: 593px){
	.inner_contact_mess{ width: 60%;}
	.mess_zj1{ font-size: 20px;}
	.detail5_l{ width: 100%;}
	.detail6_l{ margin-top: 30px;}
	
	}
@media screen and (max-width: 567px){
	.brief .tab a{ font-size: 16px;}
	.index_product_l_more{ width: 40%;}

}

@media screen and (max-width: 517px){
	
	.inner_contact_lx_l{ width: 100%; text-align: center;}
	.inner_contact_lx_r{width: 100%; margin-top: 20px;}
	
	.inner_news_top ul li{ margin-top: 20px;}
	.inner_product_rr ul li .product_name{ height: 55px;}
	}
@media screen and (max-width: 480px){
	.inner_honor_mid ul li{ width: 48%;}
	.inner_contact_mess{ width: 80%;}
	
	.inner_news_top ul li .inner_news_pic{ width: 100%; text-align: center; }
	.inner_news_top ul li .inner_news_pic .news_pic{margin-left: 0px;}
	.inner_news_top ul li .inner_news_tex{ width: 100%; margin-bottom: 20px;}
	.inner_bg_tit ul li .inner_bg1{ font-size: 14px;}
	.tel1_tex{ font-size: 16px;}
	.food-btn.style-2 span {
    color: #434343;
    font-size: 14px;
}
	
}