.index_banner {z-index: 9; height: 100%; position: relative; background: url(../images/bg.jpg) no-repeat center; background-size: cover;overflow:hidden; }
.index_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none; width: 8px; height: 8px;}
.index_banner .swiper-pagination-bullet-active{ background: #fff; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .banner{ height: 85%; }
.index_banner .swiper-slide .h1{ color: #fff; font-size: 40px; font-weight: bold; text-shadow: 2px 2px 10px rgba(0,0,0,0.3); position: absolute;left: 50%; width: 1200px; margin-left: -600px; top: 44%; text-align: left;opacity: 0; transition: 0.4s; transition-delay: 0.5s;transition-timing-function: linear; }
.index_banner .swiper-slide .h2{ color: #fff; font-size:24px; line-height: 1.6em; font-family: "Gotham-Bold"; text-shadow: 2px 2px 10px rgba(0,0,0,0.3); position: absolute;left: 50%; width: 1200px; margin-left: -600px; top: 52%; text-align: left;opacity: 0; transition: 0.4s; transition-delay: 1s;transition-timing-function: linear; }
.index_banner .swiper-slide img{ height: 90%; position: absolute; left: 50%; margin-left: 70px; top: 10%;opacity: 0; transition: 0.8s; transition-delay: 1.2s;transition-timing-function: linear; }
.index_banner .swiper-slide-active .h1{opacity: 1; top: 43%; }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 51%; }
.index_banner .swiper-slide-active img{ height: 90%; position: absolute; left: 50%; margin-left: 60px; top: 10%; opacity: 1;}

.index_banner .swiper-slide .link a{ color: #fff; font-size: 14px; background: #b3dc76; padding: 8px 15px; }
.index_banner .swiper-slide { height: 100%; }
.index_banner .swiper-pagination-bullet{ opacity: 1; width: 8px; height: 8px; margin:0px 5px!important; background: none; border-radius: 40px; border:#fff solid 1.5px; }
.index_banner .swiper-pagination-bullet-active{ background: #fff;opacity: 1}

.index_banner .text{ height: 15%; background: rgba(255,255,255,0.1); }
.index_banner .text .swiper-slide h2{ font-size: 20px; color: #fff; padding-top: 33px; margin-bottom: 5px; }
.index_banner .text .swiper-slide p{ font-size: 14px; line-height: 1.8em; color:#ef8a1e; font-weight: bold; padding-right: 30px;}
.index_banner .text .swiper-pagination-bullet{ display: none; }

.index_product .title{ float:left; width: 325px;padding-top: 100px; }
.index_product .title h1{ font-size: 30px; color: #ef8a1e; margin-bottom: 20px; position: relative; border-left: #ef8a1e solid 2px; padding-left: 20px;}
.index_product .title span{ display: block; color: #666; font-size: 18px; font-family: "Gotham-Bold"; text-transform: uppercase; padding-top: 10px; line-height: 100%;}
.index_product .title .description{ padding-left: 20px; font-size: 16px; color: #666; line-height: 2em; padding-right: 30px; text-align: justify; margin-bottom: 50px;}
.index_product .title .more{ padding-left: 20px;background:url(../images/more.png) no-repeat 30% center; background-size: 20px 20px; }
.index_product .title .more a{ font-size: 16px; color: #333; }
.index_product .content{ float:left; width: 974px; border-left: #ececec solid 1px; }
.index_product .content ul li{ float: left; width: 486px; height: 200px; padding-top: 80px; padding-bottom: 80px; border-right: #ececec solid 1px; border-bottom: #ececec solid 1px; }
.index_product .content ul li .img{ float: left; width: 40%; overflow: hidden; }
.index_product .content ul li .img img{ height:200px;}

.index_product .content ul li .text{ float: left; width: 55%; overflow: hidden; padding-right: 5%; }
.index_product .content ul li .text h3{ font-size: 24px; color: #333; font-weight: bold; margin-bottom: 10px; }
.index_product .content ul li .text h3 a{ color: #333; }
.index_product .content ul li .text .description{ font-size: 14px; color: #666; line-height: 2em; margin-bottom: 20px; text-align: justify;}
.index_product .content ul li .text a.more{ color:#ef8a1e; font-weight: bold; font-size: 16px; }
.index_product .content ul li.moreli{ line-height: 200px; text-align: center; background:url(../images/more.png) no-repeat 60% center; background-size: 20px 20px; }
.index_product .content ul li.moreli a{ color:#333; font-size: 16px; }
.index_product .content ul li:last-child{ border-bottom: none; }
.index_product .content ul li:nth-last-child(2){ border-bottom: none; }

.index_video{ background: #f7f7f7; padding-top: 80px; padding-bottom: 80px;overflow:hidden; }
.index_video .title{ float:left; width: 325px; }
.index_video .title h1{ font-size: 30px; color: #ef8a1e; margin-bottom: 20px; position: relative; border-left: #ef8a1e solid 2px; padding-left: 20px;}
.index_video .title span{ display: block; color: #666; font-size: 18px; font-family: "Gotham-Bold"; text-transform: uppercase; padding-top: 10px; line-height: 100%;}
.index_video .title .description{ padding-left: 20px; font-size: 16px; color: #666; line-height: 2em; padding-right: 30px; text-align: justify; margin-bottom: 110px;}
.index_video .title .more{ padding-left: 20px;background:url(../images/more.png) no-repeat 30% center; background-size: 20px 20px;}
.index_video .title .more a{ font-size: 16px; color: #333; }
.index_video .content{ float:left; width: 975px; position: relative; }
.index_video .content:after{ position: absolute; right: 0px; top: 0px; bottom: 0px; content: ""; width: 300px; height: 100%; background: linear-gradient(to right, rgba(247,247,247,0.0), rgba(247,247,247,1)); z-index: 2 }

.index_video .content .swiper-slide { width: 600px; position: relative; border-radius: 3px; overflow:hidden; box-shadow: 0px 10px 20px rgba(0,0,0,0.2) }
.index_video .content .swiper-slide a{ display:block; }
.index_video .content .swiper-slide img{ width: 100%; display: block; }
.index_video .content .swiper-slide h3{ position: absolute;left: 0px; right: 0px; bottom: 0px; line-height: 60px; height: 60px; color: #fff; font-weight: bold; font-size: 16px; text-align: center; z-index: 3 }
.index_video .content .swiper-slide:after{ position: absolute; left: 0px; right: 0px; bottom: 0px; content: ""; width: 100%; height: 100px; background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4)); z-index: 2 }
.index_video .swiper-pagination-bullet{ opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; background: none; border-radius: 40px; background: #ccc; border:#ccc solid 2px; }
.index_video .swiper-pagination-bullet-active{ background: #fff;border:#ef8a1e solid 2px;opacity: 1}
.index_video .swiper-container{ padding-bottom: 50px; }
.index_video .content .swiper-slide .play{ background: #ef8a1e; top:150px; z-index: 4; position: absolute; left: 50%; margin-left: -20px; opacity: 0.8; width: 50px; height: 50px; border-radius: 50px; display: block; text-align: center; line-height: 50px; color: #fff; font-size: 16px; text-indent: 1px; }


.index_case{ background: #f7f7f7; padding-top: 80px; padding-bottom: 30px;overflow:hidden; }
.index_case .title h1{ font-size: 30px; color: #ef8a1e; margin-bottom: 20px; position: relative; border-left: #ef8a1e solid 2px; padding-left: 20px;}
.index_case .title span{ display: block; color: #666; font-size: 18px; font-family: "Gotham-Bold"; text-transform: uppercase; padding-top: 10px; line-height: 100%;}
.index_case .title .more{ float: right; padding-right: 30px;background:url(../images/more.png) no-repeat right center; background-size: 20px 20px; margin-top: 15px;position: relative; z-index: 33; }
.index_case .title .more a{ font-size: 16px; color: #333; }
.index_case .content ul { width: 105%; }
.index_case .content ul li{ float: left; width: 413px; margin-right: 30px; height: 320px;}
.index_case .content ul li img{ width: 100%; display: block; border-radius: 3px;box-shadow: 0px 10px 10px rgba(0,0,0,0.1) }
.index_case .content ul li h3{ font-size: 16px; color: #333; text-align: center; padding-top: 10px; padding-bottom: 30px; font-weight: normal; }



.index_advantage{ background: #fff; padding-top: 80px; padding-bottom: 80px; }
.index_advantage .title h1{ font-size: 30px; color: #ef8a1e; margin-bottom: 20px; position: relative; border-left: #ef8a1e solid 2px; padding-left: 20px;}
.index_advantage .title span{ display: block; color: #666; font-size: 18px; font-family: "Gotham-Bold"; text-transform: uppercase; padding-top: 10px; line-height: 100%;}
.index_advantage .title .more{ float: right; padding-right: 30px;background:url(../images/more.png) no-repeat right center; background-size: 20px 20px; margin-top: 15px;position: relative; z-index: 33; }
.index_advantage .title .more a{ font-size: 16px; color: #333; }
.index_advantage .voice_2 { width: 1300px; overflow: hidden;}
.index_advantage .voice_2 ul { width: 105%; }
.index_advantage .voice_2 ul li { float: left; display: inline; height: 400px; color: #fff; cursor: pointer; position: relative; margin-right: 15px;}
.index_advantage .voice_2 ul li.li1 { background: #234896}
.index_advantage .voice_2 ul li.li2 { background: #234896}
.index_advantage .voice_2 ul li.li3 { background: #234896}
.index_advantage .voice_2 ul li.li4 { background: #234896}
.index_advantage .voice_2 ul li.li5 { background: #234896}
.index_advantage .voice_2 .fold { width: 145px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px; overflow: hidden;}
.index_advantage .voice_2 .fold h3 { font-size: 16px;font-weight: bold; display: block; position: absolute; left: 20px; right: 20px; z-index: 2; bottom: 30px;text-align: left;}
.index_advantage .voice_2 .fold .img { position: absolute; left: 0px; top: 0px; bottom: 0px; height: 100%; z-index: 1; opacity: 0.5 }
.index_advantage .voice_2 .fold .number{ position: absolute;right: 20px; top: 20px; font-size: 36px; font-family: "Gotham-Bold"; z-index: 5}
.index_advantage .voice_2 .unfold { width: 660px; height: 100%; display: none; position: absolute; top: 0px; left: 0px;overflow: hidden;}
.index_advantage .voice_2 .unfold .text{ position: absolute; left: 20px; bottom: 20px; opacity: 0; transition-duration: 0.3s; z-index: 3;}
.index_advantage .voice_2 .unfold h3 { font-size: 24px; font-weight: bold; display: block; text-align: left; padding-bottom: 10px;}
.index_advantage .voice_2 .unfold .des{ font-size: 16px; line-height: 1.8em;}
.index_advantage .voice_2 .unfold .img { position: absolute; left: 0px; top: 0px; bottom: 0px; height: 100%; z-index: 1; transition-duration: 0.3s; opacity: 1 }
.index_advantage .voice_2 .unfold .number{ position: absolute;right: 20px; top: 20px; font-size: 36px; font-family: "Gotham-Bold"; z-index: 5; transition-duration: 0.3s; opacity: 9;}
.index_advantage .voice_2 .unfold:hover .text{ opacity: 1; }
.index_advantage .voice_2 .unfold:hover .number{ opacity: 0; }
.index_advantage .voice_2 .unfold:hover .img { opacity: 0.2 }



.index_news{ background: #fff; padding-top: 80px; padding-bottom: 50px; overflow:hidden;}
.index_news .title h1{ font-size: 30px; color: #ef8a1e; margin-bottom: 20px; position: relative; border-left: #ef8a1e solid 2px; padding-left: 20px;}
.index_news .title span{ display: block; color: #666; font-size: 18px; font-family: "Gotham-Bold"; text-transform: uppercase; padding-top: 10px; line-height: 100%;}
.index_news .title .more{ float: right; padding-right: 30px;background:url(../images/more.png) no-repeat right center; background-size: 20px 20px; margin-top: 15px; position: relative; z-index: 33; }
.index_news .title .more a{ font-size: 16px; color: #333; }
.index_news .content ul { width: 105%; }
.index_news .content ul li{ float: left; width: 301px; margin-right: 29.5px; border:#ececec solid 1px; border-radius: 3px; }
.index_news .content ul li img{ width: 100%; display: block;  }
.index_news .content ul li .text{ padding:20px; }
.index_news .content ul li .text span{ color: #666; font-size: 14px; }
.index_news .content ul li .text h3{ color: #333; font-size: 16px;padding-bottom: 5px; }
.index_news .content ul li .text h3 a{ color: #333; }
.index_news .content ul li .text .description{ color: #666; font-size: 14px; line-height: 1.6em }
.index_news .content ul li:hover .text h3 a{ color: #ef8a1e; }

.detailbanner{ height: 250px; position: relative; overflow: hidden; background: url(../images/bg.jpg) no-repeat center #262626; background-size: cover; }
.detailbanner h1{ font-size: 30px; color: #fff; padding-top:140px; font-weight: normal; }
.detailbanner p{ font-size: 14px; color: #fff; padding-top: 10px; font-weight: normal; font-family: "Gotham-Book";}

.detailtwomenu{ height: 60px; line-height: 60px; border-bottom: #ececec solid 1px; }
.detailtwomenu ul{ display: -webkit-flex; /* Safari */
  -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
  display: flex;
  flex-flow: row-reverse wrap; justify-content:center; flex-direction: row;}
.detailtwomenu ul li{font-size: 16px; font-weight: bold; width: 150px;}
.detailtwomenu ul li a{ color: #333; display: block; text-align: center; }
.detailtwomenu ul li a.active{ color: #ef8a1e; border-bottom:#ef8a1e solid 1px  }

.newsdetailtwomenu{ height: 60px; line-height: 60px; border-bottom: #ececec solid 1px; }
.newsdetailtwomenu ul{ display: -webkit-flex; /* Safari */
  -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
  display: flex;
  flex-flow: row-reverse wrap; justify-content:left; flex-direction: row;}
.newsdetailtwomenu ul li{font-size: 16px; font-weight: bold; width: 150px;}
.newsdetailtwomenu ul li a{ color: #333; display: block; text-align: center; }
.newsdetailtwomenu ul li a.active{ color: #ef8a1e; border-bottom:#ef8a1e solid 1px  }




.detailsolutiontwomenu{ height: 60px; line-height: 60px; border-bottom: #ececec solid 1px; }
.detailsolutiontwomenu ul{ display: -webkit-flex; /* Safari */
  -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
  display: flex;
  flex-flow: row-reverse wrap; justify-content:center;flex-direction: row;}
.detailsolutiontwomenu ul li{ width: 340px; text-align: center; font-size: 16px; }
.detailsolutiontwomenu ul li a{ color: #333; display: block; font-weight: bold;}
.detailsolutiontwomenu ul li a.active{ color: #ef8a1e; border-bottom:#ef8a1e solid 1px  }




.solution_1,.solution_2,.solution_3,.solution_4,.solution_5,.solution_6,.solution_7,.solution_8,.solution_9,.solution_10,.solution_11,.solution_12,.solution_13,.solution_14,.solution_15,.solution_16,.solution_17,.solution_18{ overflow: hidden; }
.solution_19,.solution_20,.solution_21,.solution_22,.solution_23,.solution_24,.solution_25,.solution_26,.solution_27,.solution_28,.solution_29,.solution_30,.solution_31,.solution_32,.solution_33,.solution_34,.solution_35,.solution_36{ overflow: hidden; }

.solution_1{ background:url(../images/solution_4.jpg) no-repeat center; background-size: cover; height: 580px; }
.solution_1 .left{ float: left; width: 50%; padding-top: 55px; }
.solution_1 .left img{ width: 80%; display: block; margin: 0 auto; }
.solution_1 .right{ float: right; width: 45%; }
.solution_1 .right h2{ font-size: 36px; color: #fff; }
.solution_1 .right span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px;}
.solution_1 .right ul li{ font-size: 16px; color: #fff;line-height: 2em; }
.solution_1 .right .text{ padding-top: 150px; }


.solution_2{ background:url(../images/solution_5.jpg) no-repeat center; background-size: cover; padding-top: 80px; padding-bottom: 80px;  }
.solution_2 .left{ float: left; width: 50%; }
.solution_2 .left p{ font-size:20px; color: #666; margin-bottom: 10px; font-weight: bold; }
.solution_2 .left h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; }
.solution_2 .left span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px;}
.solution_2 .left ul li{ font-size: 16px; color: #333;line-height: 2em; }
.solution_2 .left .text{ padding-top: 120px; }
.solution_2 .right{ float: left; width: 50%; }
.solution_2 .right img{ width: 100%; display: block; margin: 0 auto; }


.solution_3{ background:url(../images/solution_3.jpg) no-repeat center; background-size: cover; padding-top: 80px; padding-bottom: 80px;  }
.solution_3 .right{ float: right; width: 45%; }
.solution_3 .right p{ font-size:20px; color: #fff; margin-bottom: 10px; font-weight: normal; }
.solution_3 .right h2{ font-size: 36px; color: #fff; line-height: 1.4em; margin-bottom: 10px; }
.solution_3 .right h3{ font-size: 16px; color: #fff; line-height: 1.6em; }
.solution_3 .right span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px;}
.solution_3 .right ul li{ font-size: 16px; color: #fff;line-height: 2em;margin-bottom: 15px; }
.solution_3 .right ul li.icon1{ background:url(../images/solution_6.png) no-repeat left center; background-size: 44px 44px; padding-left: 56px; }
.solution_3 .right ul li.icon2{ background:url(../images/solution_7.png) no-repeat left center; background-size: 44px 44px; padding-left: 56px; }
.solution_3 .right ul li.icon3{ background:url(../images/solution_8.png) no-repeat left 7px; background-size: 44px 44px; padding-left: 56px; }
.solution_3 .right .text{ }


.solution_4{ background: #fff; background-size: cover; padding-top: 150px; padding-bottom: 150px; }
.solution_4 .left{ float: left; width: 50%; }
.solution_4 .left p{ font-size:20px; color: #666; margin-bottom: 10px; font-weight: normal; }
.solution_4 .left h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; }
.solution_4 .left span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px;}
.solution_4 .left ul li{ font-size: 16px; color: #333;line-height: 2em; }
.solution_4 .left .text{ }
.solution_4 .right{ float: left; width: 50%;padding-top: 40px; }
.solution_4 .right img{ width: 100%; display: block; margin: 0 auto; }





.solution_5{ background: #f5f5f5; background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.solution_5 .right{ float: right; width: 45%; }
.solution_5 .right p{ font-size:20px; color: #666; margin-bottom: 10px; font-weight: normal; }
.solution_5 .right h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; }
.solution_5 .right span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px;}
.solution_5 .right ul li{ font-size: 16px; color: #333;line-height: 2em; }
.solution_5 .right .text{ padding-top:90px;}
.solution_5 .left{ float: left; width: 50%;padding-top: 40px; }
.solution_5 .left img{ width: 100%; display: block; margin: 0 auto; }




.solution_6{ background:url(../images/solution_11.jpg) no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.solution_6 p{ font-size:20px; color: #fff; margin-bottom: 10px; font-weight: normal; text-align: center; }
.solution_6 h2{ font-size: 36px; color: #fff; line-height: 1.4em; text-align: center; }
.solution_6 span{ width: 50px; height: 2px; display: block; background: #fff; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_6 ul{ text-align: center; padding-left: 10%; padding-right: 10%; }
.solution_6 ul li{ font-size: 16px; text-align: center; color: #333;line-height: 2em; width: 160px; display: inline-table; margin-bottom: 20px; }
.solution_6 ul li img{ height: 100px; margin:0 auto; }


.solution_7{ background: #f5f5f5; background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.solution_7 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_7 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_7 img{ height: 400px; margin:0 auto; }

.solution_8{ background: #fff; background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.solution_8 p{ font-size: 20px; color: #666; line-height: 1.4em; text-align: center; margin-bottom: 10px;}
.solution_8 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_8 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_8 img{ height: 400px; margin:0 auto; }

.solution_9{ background:url(../images/solution_47.jpg) no-repeat; background-size: cover; padding-top: 80px; }
.solution_9 p{ font-size: 20px; color: #fff; line-height: 1.4em; text-align: center; margin-bottom: 10px;}
.solution_9 h2{ font-size: 36px; color: #fff; line-height: 1.4em; text-align: center; }
.solution_9 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_9 img{ height: 460px; margin:0 auto; position: relative; top: 40px; }

.solution_10{ background: #fff; background-size: cover; padding-top: 80px; padding-bottom: 50px; }
.solution_10 p{ font-size: 20px; color: #666; line-height: 1.4em; text-align: center; margin-bottom: 10px;}
.solution_10 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_10 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_10 img{ height: 400px; margin:0 auto; }



.solution_11{ background: #f5f5f5; padding-top: 80px; padding-bottom: 70px; }
.solution_11 .img1{ height: 60px; display: block; margin: 0 auto; margin-bottom: 30px; }
.solution_11 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center;margin-bottom: 30px;}
.solution_11 .img2{ height: 100px; display: block; margin: 0 auto;margin-bottom: 30px; }
.solution_11 p{ font-size: 16px; color: #333; margin-bottom: 20px; }

.solution_12{ background:url(../images/solution_22.jpg) no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.solution_12 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_12 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}

.solution_12 ul{ width: 105%; }
.solution_12 ul li{ width: 310px; height:270px; float: left; margin-right: 20px; background:rgba(255,255,255,0.9); border-radius: 5px; padding-top: 40px; padding-bottom: 40px;}
.solution_12 ul li img{ height: 80px; margin: 0 auto; margin-bottom: 20px; }
.solution_12 ul li strong{ font-size: 50px; color: #ef8a1e; margin-bottom: 20px; text-align: center; display: block; padding-top: 20px; }
.solution_12 ul li p{ font-size: 15px; color: #333;line-height: 1.8em; text-align: center; }

.solution_13{ background:url(../images/solution_23.jpg) no-repeat; background-size: cover; padding-bottom: 180px; padding-top: 180px; }
.solution_13 .right{ float: right; width: 45%; }
.solution_13 p{ font-size: 14px; color: #fff; line-height: 1.4em; text-align: left; margin-bottom: 10px;}
.solution_13 h2{ font-size: 36px; color: #fff; line-height: 1.4em; text-align: left; }
.solution_13 ul li{ font-size: 16px; color: #fff;line-height: 2em; }
.solution_13 span{ width: 50px; height: 2px; display: block; background: #fff; margin-top: 30px; margin-bottom: 30px; }


.solution_14{ background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.solution_14 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_14 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_14 ul li{ width: 33.333%; float: left; }
.solution_14 ul li img{ width: 80%; display: block; margin: 0 auto; margin-bottom: 20px; border-radius: 3px; padding: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); border:#ececec solid 1px; }
.solution_14 ul li strong{ position: relative; top: -40px;background:#ef8a1e; box-shadow: 0px 10px 20px rgba(226,142,60,0.3); border-radius: 3px; height: 40px; margin: 0 auto; display: block; color: #fff; font-size: 16px; line-height: 40px; width: 200px; text-align: center; }

.solution_15{ background:url(../images/solution_30.jpg) no-repeat #f1f1f1 center top; padding-bottom: 80px; padding-top: 80px; }
.solution_15 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: left; text-align: center; position: relative; z-index: 3;}
.solution_15 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; position: relative; z-index: 3; margin-bottom: 30px; margin-left: auto; margin-right: auto; }
.solution_15 img{ width: 100%; margin-top: -200px; position: relative; }
.solution_15 ul{ padding-left: 20px; padding-top: 320px; }
.solution_15 ul li{ float: left; width: 155px; margin-right: 25px; font-size: 16px; color: #333; line-height: 1.8em; }
.solution_15 ul li em{ display: none;  }
.solution_16{ background:#fff; padding-bottom: 80px; padding-top: 80px; }
.solution_16 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: left; text-align: center; position: relative; z-index: 3;}
.solution_16 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; position: relative; z-index: 3; margin-bottom: 30px; margin-left: auto; margin-right: auto; }
.solution_16 .content .left{ float: left; width: 55%; margin-right: 5%;}
.solution_16 .content .left img{width:100%; }
.solution_16 .content .center{ float: left; width: 15%; padding-top: 100px; }
.solution_16 .content .center img{ width: 80%; display: block; margin-bottom: 20px; }
.solution_16 .content .right{ float: left; width: 25%; padding-top: 100px;}
.solution_16 .content .right ul li{ font-size: 16px; line-height: 2.2em; color: #333; }
.solution_16 .content .right ul li i{ color: #ef8a1e; }
.solution_16 .content .right ul li strong{ color: #023692 }



.solution_17{ background:#f1f1f1; background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.solution_17 .left{ float: left; width: 50%; padding-top: 55px; }
.solution_17 .left img{ width: 80%; display: block; margin: 0 auto; }
.solution_17 .right{ float: right; width: 45%; }
.solution_17 .right h2{ font-size: 36px; color: #ef8a1e; }
.solution_17 .right span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px;}
.solution_17 .right ul li{ font-size: 16px; color: #333;line-height: 2em; }
.solution_17 .right .text{ padding-top: 80px; }
.solution_17 .right h3{ font-size: 20px; color: #ef8a1e; margin-bottom: 10px; }

.solution_18{ padding-top: 120px; padding-bottom: 120px;  }
.solution_18 .left{ float: left; width: 45%; }
.solution_18 .left p{ font-size:14px; color: #666; margin-bottom: 10px; font-weight: normal; }
.solution_18 .left h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; }
.solution_18 .left span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px;}
.solution_18 .left ul li{ font-size: 16px; color: #333;line-height: 2em; }
.solution_18 .left .text{ padding-top: 40px; }
.solution_18 .right{ float: right; width: 45%; }
.solution_18 .right img{ width: 100%; display: block; margin: 0 auto; }

.solution_19{  background:url(../images/solution_55.jpg) no-repeat center top; background-size: cover;background-attachment: fixed; padding-bottom: 120px; padding-top: 120px; }
.solution_19 h2{ font-size: 36px; color: #fff; line-height: 1.4em; text-align: left; text-align: center; position: relative; z-index: 3;}
.solution_19 span{ width: 50px; height: 2px; display: block; background: #fff; margin-top: 30px; position: relative; z-index: 3; margin-bottom: 30px; margin-left: auto; margin-right: auto; }
.solution_19 ul li{ float: left; width: 14.2%; text-align: center; }
.solution_19 ul li img{ width: 100px; height: 100px; margin: 0 auto; margin-bottom: 10px; } 
.solution_19 ul li h3{ font-size: 18px; color: #fff; margin-bottom: 10px; }
.solution_19 ul li p{ color: #fff; font-size: 16px; line-height: 1.6em; }

.solution_20{  background:#fff; background-size: cover;background-attachment: fixed; padding-bottom: 120px; padding-top: 120px; }
.solution_20 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: left; text-align: center; position: relative; z-index: 3;}
.solution_20 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; position: relative; z-index: 3; margin-bottom: 50px; margin-left: auto; margin-right: auto; }
.solution_20 ul li{ float: left; width: 20%; text-align: center; }
.solution_20 ul li img{ width: 90px; margin: 0 auto; margin-bottom: 20px; } 
.solution_20 ul li h3{ font-size: 18px; color: #333; margin-bottom: 10px; }

.solution_21{ background: #f9f9f9; background-size: cover; padding-top: 80px; padding-bottom: 50px; }
.solution_21 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_21 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_21 img{ width: 100%; margin:0 auto; }
.solution_21 p{ font-size: 16px; color: #333; line-height: 1.4em; text-align: center; margin-bottom: 10px;}


.solution_22{ padding-top: 60px; padding-bottom: 60px; background: url(../images/solution_69.jpg) no-repeat center; background-size: cover; }
.solution_22 h2{ font-size: 36px; color: #fff; line-height: 1.4em; text-align: center; }
.solution_22 span{ width: 50px; height: 2px; display: block; background: #fff; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_22 h3{ font-size: 24px; color: #fff; line-height: 1.4em; text-align: center; margin-bottom: 20px; }
.solution_22 ul{ padding-top: 30px; padding-bottom: 50px; }
.solution_22 ul li{ width: 10%; float: left; }
.solution_22 ul li img{ height: 80px; display: block; margin: 0 auto; }
.solution_22 ul li h5{ font-size: 16px; text-align: center; color: #fff; }
.solution_22 p{ font-size: 16px; color: #fff; line-height: 1.8em; }


.solution_23{ padding-top: 60px; padding-bottom: 60px;background-size: cover; }
.solution_23 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_23 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_23 ul li{ float: left; width: 20%; text-align: center; }
.solution_23 ul li img{ width: 90px; margin: 0 auto; margin-bottom: 20px; } 
.solution_23 ul li h5{ font-size: 18px; color: #333; margin-bottom: 10px; }
.solution_23 p{ font-size: 16px; color: #666; line-height: 1.8em; padding-left: 15px; padding-right: 15px; text-align: justify; }


.solution_24{ background: url(../images/solution_109.jpg) no-repeat center; background-size: cover; padding-top: 60px; padding-bottom: 60px; }
.solution_24 .right{ float: right; width: 45%; }
.solution_24 .right h2{ font-size: 36px; color: #fff; line-height: 1.4em; }
.solution_24 .right span{ width: 50px; height: 2px; display: block; background: #fff; margin-top: 30px; margin-bottom: 30px;}
.solution_24 .right ul li{ font-size: 16px; color: #fff;line-height: 2em; }
.solution_24 .right .text{ padding-top:90px;}
.solution_24 .left{ float: left; width: 50%;padding-top: 40px; }
.solution_24 .left img{ width: 90%; display: block; margin: 0 auto; }


.solution_25{ padding-top: 60px; padding-bottom: 60px;background-size: cover; }
.solution_25 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_25 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_25 p{ margin: 0 auto; width: 90%; margin-bottom: 30px; }
.solution_25 img{ width: 70%; display: block; margin: 0 auto; }
.solution_25 h4{ font-size: 24px; color: #333; padding-top: 40px; padding-bottom: 20px; line-height: 1.4em; text-align: center; }
.solution_25 ul li{ width: 33.33%; float: left; margin-bottom: 20px; }
.solution_25 ul li img{ width: 80%; margin: 0 auto; border:#ececec solid 1px; padding: 4px; border-radius: 3px; }
.solution_25 ul li p{ text-align: center; font-size: 15px; color: #666; padding-top: 10px; }

.solution_26{ background: #f5f5f5; background-size: cover; padding-top: 80px; padding-bottom: 50px; }
.solution_26 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_26 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_26 img{ width: 100%; margin:0 auto; }
.solution_26 p{ font-size: 16px; color: #333; line-height: 1.4em; text-align: center; margin-bottom: 10px;}

.solution_27{ background: #fff; background-size: cover; padding-top: 80px; padding-bottom: 50px; }
.solution_27 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_27 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_27 img{ width: 80%; margin:0 auto; }
.solution_27 p{ font-size: 16px; color: #333; line-height: 1.4em; text-align: center; margin-bottom: 10px;}

.solution_28{ background: #f5f5f5; background-size: cover; padding-top: 80px; padding-bottom: 50px; }
.solution_28 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_28 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_28 ul{ width: 105%; }
.solution_28 ul li{ width: 250px; float:left; background: #fff; border-radius: 3px; margin-right: 12px; }
.solution_28 ul li img{ width: 100%; display: block; }
.solution_28 ul li p{ font-size: 16px; text-align: center; color: #333; padding-top: 10px; padding-bottom: 20px; }


.solution_29{ background: #fff; background-size: cover; padding-top: 80px; padding-bottom: 50px; }
.solution_29 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_29 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_29 ul li{ width: 33.33%; float: left; margin-bottom: 20px; }
.solution_29 ul li img{ width: 92%; margin: 0 auto; border:#ececec solid 1px; padding: 4px; border-radius: 3px; }
.solution_29 ul li p{ text-align: center; font-size: 15px; color: #666; padding-top: 10px; }


.service_1,.service_2,.service_3,.service_4,.service_5,.service_6,.service_7{ overflow: hidden; }

.service_1{ background: url(../images/service_1.jpg) no-repeat center; background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.service_1 .left{ width: 55%; float: left; }
.service_1 .left img{ width: 100%; }
.service_1 .right{ width: 40%; float: right; }
.service_1 .right h2{ font-size: 36px; margin-bottom: 20px; color: #fff; }
.service_1 .right ul li{ font-size: 16px; color: #fff;line-height: 1.6em; margin-bottom: 10px; position: relative; padding-left: 16px;}
.service_1 .right ul li span{ position: absolute; left:0px; }
.service_1 .right .text{ padding-top: 70px; }

.service_2{ background:#f5f5f5; background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.service_2 h2{ font-size: 36px; margin-bottom: 20px; color: #333;text-align: center; margin-bottom: 60px; }
.service_2 ul{ width: 105% }
.service_2 ul li{ width:190px; float: left; background: #fff; border-radius: 5px; height: 180px; padding-top: 60px; margin-right: 32px; }
.service_2 ul li img{ width: 44px; display: block; margin: 0 auto; margin-bottom: 20px; }
.service_2 ul li p{ font-size: 15px; padding-left: 30px; padding-right: 30px; text-align: center; line-height: 1.6em; }

.service_3{ background: url(../images/service_18.jpg) no-repeat center; background-size: cover; padding-bottom: 80px; }
.service_3 .left{ width: 45%; float: left;padding-top: 80px; }
.service_3 .left h2{ font-size: 36px; margin-bottom: 20px; color: #fff; }
.service_3 .left ul li{ font-size: 16px; color: #fff;line-height: 1.6em; margin-bottom: 10px; position: relative; padding-left: 16px;}
.service_3 .left ul li span{ position: absolute; left:0px; }
.service_3 .left .text{ padding-top: 70px; }
.service_3 .right{ width: 55%; float: right; }
.service_3 .right img{ height: 500px; }

.service_4{ background:#f5f5f5; background-size: cover; padding-top: 120px; padding-bottom: 120px; }
.service_4 h2{ font-size: 36px; margin-bottom: 20px; color: #333;text-align: center; margin-bottom: 60px; }
.service_4 ul li{ float: left; width:12.5%;}
.service_4 ul li img{ width: 100px; display: block; margin: 0 auto; margin-bottom: 20px; }
.service_4 ul li p{ font-size: 16px; text-align: center; line-height: 1.6em; }

.service_5{ background: url(../images/service_10.jpg) no-repeat right; background-size: 50% auto; padding-top: 160px;padding-bottom: 160px; }
.service_5 .left{ width: 50%; float: left; }
.service_5 .left h2{ font-size: 36px; margin-bottom: 20px; color: #333; }
.service_5 .left ul li{ font-size: 16px; color: #333;line-height: 1.6em; position: relative; margin-bottom: 10px; padding-left: 16px;}
.service_5 .left ul li span{ position: absolute; left:0px; }
.service_5 .left .text{ padding-top: 70px; }
.service_5 .right{ width: 50%; float: right; }
.service_5 .right img{ height: 500px; }

.service_6{ background: url(../images/service_11.jpg) no-repeat center; background-size: cover; padding-top: 100px;padding-bottom: 100px; }
.service_6 h1{ margin-bottom: 30px; }
.service_6 h1 img{ height: 60px; margin: 0 auto;}
.service_6 h2{ font-size: 36px;color: #fff; text-align: center;font-family: "Gotham-Bold"; }
.service_6 h2 img{ display: inline; vertical-align:center; height: 32px; }
.service_6 p{text-align: center; font-size: 16px; color: #fff; margin-bottom: 30px;}



.news_list{ padding-top: 30px; padding-bottom: 50px; }
.news_list ul li{ margin-bottom: 30px; border-bottom: #ececec solid 1px; padding-bottom: 30px; }
.news_list ul li a{ display:block; }
.news_list ul li a .img{ float: left; width: 300px; margin-right: 30px; }
.news_list ul li a .img img{ width: 100%; height: 220px; }
.news_list ul li a .info{ float: left; width: 870px; }
.news_list ul li a .info .name{ font-size: 24px; color: #333; margin-bottom: 5px; line-height: 1.4em; }
.news_list ul li a .info .description{ font-size: 14px; color: #666; line-height: 1.6em; margin-bottom: 15px;}
.news_list ul li a .info .time{ font-size: 14px; color: #999; line-height: 1.6em; position: relative; padding-bottom: 20px; }
.news_list ul li a .info .time:after{content: ""; position: absolute; width: 30px; height: 2px; background:#ef8a1e; left: 0px; bottom: 0px;}
.news_list .more a{ text-decoration: none; text-align: center; }
.news_list .more a h3 { font-weight: normal; font-size: 16px; color: #333; line-height: 120%}
.news_list .more a h4 { font-weight: normal; font-size: 14px; color: #999; line-height: 120%; margin-bottom: 10px;}
.news_list .more a .icon { width: 40px; height: 40px; border-radius: 40px; border:#cdcdcd solid 1px; margin: 0 auto; text-align: center; line-height: 40px; color: #ef8a1e}
.news_list .nodata{text-align: center; color: #999; font-size: 16px;}

.news_detail{ padding-top: 30px;  padding-bottom:50px; }
.news_detail .title { border-bottom: #ececec solid 1px; padding-bottom: 20px;}
.news_detail .title h1{text-align: center; font-size: 24px; line-height: 2em;}
.news_detail .title p{text-align: center; font-size: 14px; line-height: 2em;}
.news_detail .html{ padding-top: 30px; padding-bottom: 30px; font-size: 16px; color: #222; line-height: 2em; padding-bottom: 30px; border-bottom: #ececec solid 1px; }
.news_detail .html *{ font-size: 16px!important; line-height: 2em!important;font-family:"微软雅黑",helvetica,"黑体",arial,verdana,sans-serif!important; }
.news_detail .html img{ display: block; margin: 0 auto; margin-top: 20px; }
.news_detail .other{ padding-top: 30px; padding-bottom: 0px; font-size: 14px;}
.news_detail .other .left{float: left;}
.news_detail .other .right{float: right;}
.news_detail .other a{ color: #222; font-size: 14px; } 

.news_detail .video_content{ width:900px; margin: 0 auto; padding-top: 30px; }
.news_detail .video_content video{ height: 500px; }

.faq_list{ padding-top: 30px; }
.faq_list ul{width: 105%;}
.faq_list ul li {  float:left; width: 310px; margin-right: 20px; background: #fff; border-radius: 3px; overflow: hidden; margin-bottom: 20px; box-shadow:0px 10px 20px rgba(0,0,0,0.06)}
.faq_list ul li img{ display: block;width: 100%; height: 132px;}
.faq_list ul li h3{ font-size: 16px; color: #333; font-weight: normal;  text-align: center; padding-top: 10px; padding-bottom: 10px; }
.faq_list ul li h3 a{ color: #333; }

.pagecontent{ padding-top: 30px; font-size: 16px; color: #222; line-height: 2em; padding-bottom:50px; }
.pagecontent p{ line-height: 2em; font-size: 16px; color: #333;text-indent: 2em;}
.pagecontent img{ width: 100%; display: block; }


.pagecontact { padding-bottom: 50px; }
.pagecontact .contact { padding-top: 70px; padding-bottom: 70px }
.pagecontact .contact ul li{ width: 25%; float: left;text-align: center; }
.pagecontact .contact ul li img{ width: 44px; margin: 0 auto; }
.pagecontact .contact ul li p{ font-size: 14px; color: #999; padding-top: 5px; padding-bottom: 5px;}
.pagecontact .contact ul li h2{ font-size: 18px; }

.product_list .pagewidth{ overflow: hidden; }
.product_list ul { width: 110%; }
.product_list ul li{ width: 284px; border:#ececec solid 1px; margin-right: 25px; float: left; text-align: center; margin-bottom: 25px; padding: 10px;height: 350px;}
.product_list ul li .img{ }
.product_list ul li .img img{ width: 100%; display: block; }
.product_list ul li h2{ text-align: center; padding-top: 20px; font-size: 16px; font-weight: normal; padding-bottom: 20px;}
.product_list { padding-top: 25px; }

.product_detail {background: #fff; border-bottom: #ececec solid 1px; }
.product_detail .left{ width:439px; float: left; background: #fff; border-right:#ececec solid 1px; padding: 30px;}
.product_detail .left img{ width: 100%; }
.product_detail .swiper-pagination-bullet{ opacity: 1; width: 10px; height: 10px ; margin:0px 5px!important; background: rgba(0,0,0,0.2); border-radius: 40px; }
.product_detail .swiper-pagination-bullet-active{ background: #ef8a1e;opacity: 1; }
.product_detail .left img{ width: 100%; display: block;}
.product_detail .right{width: 760px; float: left; padding-left: 40px; }
.product_detail .right h2{ font-size: 28px; color: #333; font-weight: normal; margin-bottom: 20px; padding-top: 80px; }
.product_detail .right .html{ font-size: 16px; color: #444; line-height: 1.8em; margin-bottom: 20px; }
.product_detail .right .contact{ padding-top: 40px; }
.product_detail .right .contact h3 {font-size: 14px;color: #666;font-weight: normal;line-height: 100%;margin-bottom: 10px;}
.product_detail .right .contact h4 {font-size: 14px;color: #666;font-weight: normal;line-height: 100%;margin-bottom: 10px;padding-top: 30px;}
.product_detail .right .contact .online { padding-bottom: 40px; }
.product_detail .right .contact .online a {display: block;color: #fff; font-size: 15px;padding: 5px 15px; float: left; width: 90px; text-align: center; border-radius: 40px; background: #f00;margin-right: 15px;}
.product_detail .right .contact .online a:nth-child(1) {background: #ce0000}
.product_detail .right .contact .online a:nth-child(2) {background: #52b6ef}
.product_detail .right .contact .online a:nth-child(3){background: #55b737}
.product_detail .right .contact .online a.wechat{ position: relative; }
.product_detail .right .contact .online a.wechat .wechatcontent{ display: none; position: absolute; left: 30px; top: 35px; z-index: 999; width: 140px; border-radius: 2px; border:#ececec solid 1px; background: #fff; }
.product_detail .right .contact .online a.wechat .wechatcontent:after{ content: '';position: absolute;border: 8px solid transparent;border-top-width: 0;border-bottom-color: #ececec;top: -8px;left: 10%}
.product_detail .right .contact .online a.wechat .wechatcontent:before{ content: '';position: absolute;border: 8px solid transparent;border-top-width: 0;border-bottom-color: #fff;top: -7px;left: 10%; z-index: 999;}
.product_detail .right .contact .online a.wechat .wechatcontent img{ width: 100%; display: block; height: 140px; }
.product_detail .right .contact .online a.wechat:hover .wechatcontent{ display: block; }
.product_detail .right .contact .tel{font-size: 24px;color: #013b84;font-family: "Gotham-Bold"; background: url(../images/protel.png) left center no-repeat ;padding-top: 2px;line-height: 100%;background-size: 22px 22px;padding-left: 26px;}
.product_detail_html .line{ height: 50px; line-height: 50px;border-bottom: #ececec solid 1px;  }
.product_detail_html .tab_menu li{ float: left; margin-right: 30px; font-size: 14px;padding-left: 10px; padding-right: 10px;font-weight: bold; cursor: pointer; }
.product_detail_html .tab_menu li{ color: #333; }
.product_detail_html .tab_menu li.active{ color: #ef8a1e; border-bottom:#ef8a1e solid 1px }

.product_detail_html .tab_box table {border-collapse: collapse;width: 100%; margin-top: 20px;}
.product_detail_html .tab_box table td {padding: 8px;font-size: 15px;color: #333;border: 1px solid #ececec;}
.product_detail_html .tab_box table tr:nth-child(2n) {background: #f5f5f5}
.product_detail_html .tab_box{  padding-bottom: 30px;}

.product_detail_html .tab_box .page1000 { width: 1300px; padding-top: 20px; margin: 0 auto }
.product_detail_html .tab_box .page1000 img{ width: 100%; }


.case_list ul { width: 105%; }
.case_list ul li{ width: 300px; margin-right: 32px; float: left; text-align: center; margin-bottom:30px; height: 225px;}
.case_list ul li .img{ }
.case_list ul li .img img{ width: 100%; display: block; border-radius: 3px; }
.case_list ul li h2{ text-align: center; padding-top: 10px;font-size: 16px; color: #333; font-weight: normal; }
.case_list { padding-top: 30px;overflow: hidden; }


.join_title{ text-align: center; padding-top: 50px; }
.join_title h1{ font-size: 30px; color: #333; }
.join_title span{ width: 50px; height: 2px; background:#ef8a1e; display: block; margin: 30px auto; }


.join_1,.join_2,.join_3,.join_4,.join_5,.join_6,.join_7,.join_8,.join_9,.join_10,.join_11,.join_12,.join_13{ overflow: hidden; }
.join_1{background: url(../images/zs_1.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.join_1 .pagewidth{ text-align: left; padding-top: 200px; padding-bottom: 200px; }
.join_1 .pagewidth img{ width: 70px;display: inline-table;}
.join_1 .pagewidth h1{ font-size: 30px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: 15px; padding-top: 15px; }
.join_1 .pagewidth p{ font-size: 18px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3) }

.join_2{background: url(../images/zs_2.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.join_2 .pagewidth{ text-align: right; padding-top: 200px; padding-bottom: 200px; }
.join_2 .pagewidth img{ width: 70px; display: inline-table;}
.join_2 .pagewidth h1{ font-size: 30px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: 15px; padding-top: 15px; }
.join_2 .pagewidth p{ font-size: 18px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3) }

.join_3{background: url(../images/zs_3.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.join_3 .pagewidth{ text-align: left; padding-top: 200px; padding-bottom: 200px; }
.join_3 .pagewidth img{ width: 70px;display: inline-table;}
.join_3 .pagewidth h1{ font-size: 30px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: 15px; padding-top: 15px; }
.join_3 .pagewidth p{ font-size: 18px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3) }

.join_4{background: url(../images/zs_4.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.join_4 .pagewidth{ text-align: right; padding-top: 200px; padding-bottom: 200px; }
.join_4 .pagewidth img{ width: 70px;display: inline-table;}
.join_4 .pagewidth h1{ font-size: 30px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: 15px; padding-top: 15px; }
.join_4 .pagewidth p{ font-size: 18px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3) }

.join_5{background: url(../images/zs_5.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.join_5 .pagewidth{ text-align: left; padding-top: 200px; padding-bottom: 200px; }
.join_5 .pagewidth img{ width: 70px;display: inline-table;}
.join_5 .pagewidth h1{ font-size: 30px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: 15px; padding-top: 15px; }
.join_5 .pagewidth p{ font-size: 18px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3) }



.join_6{ text-align: center; padding-top: 70px; background:#f5f5f5; padding-bottom: 40px; }
.join_6 .title h1{ font-size: 30px; color: #333; }
.join_6 .title span{ width: 50px; height: 2px; background:#ef8a1e; display: block; margin: 30px auto; }
.join_6 .content ul li{width: 560px; float: left; background: #fff; border-radius: 3px; margin-left: 15px; margin-right: 15px; padding: 30px; margin-bottom: 30px; position: relative;box-shadow: 0px 10px 20px rgba(0,0,0,0.0); transition-duration: 0.2s;}
.join_6 .content ul li .img{width: 190px; height: 190px; border-radius: 190px; float: left; overflow: hidden; float: left; margin-right: 30px;}
.join_6 .content ul li .img img{ display: block; width: 190px; display: block; height: 190px; }
.join_6 .content ul li .info{ float: left; text-align: left; width: 330px; }
.join_6 .content ul li .info h3{transition-duration: 0.2s; font-size: 24px; color: #333; margin-bottom: 10px; padding-top: 60px; }
.join_6 .content ul li .info p{transition-duration: 0.2s; font-size: 16px; color: #666; }
.join_6 .content ul li span{transition-duration: 0.2s; position: absolute; top:0px; right: 30px; background:#dddddd; color: #fff; font-size: 28px; text-align: center;width: 50px; font-weight: bold; padding-top:10px; padding-bottom: 10px; }
.join_6 .content ul li span:after{transition-duration: 0.2s; content: '';position: absolute;border: 25px solid transparent;border-bottom-width: 0;border-top-color: #ddd;top:41px;left: 0px; z-index: 999;transform:scale(1,0.5)}
.join_6 .content ul li:hover{box-shadow: 0px 10px 20px rgba(0,0,0,0.1);}
.join_6 .content ul li:hover .info h3{ color: #ef8a1e }
.join_6 .content ul li:hover .info p{ color: #ef8a1e }
.join_6 .content ul li:hover span{background:#ef8a1e;}
.join_6 .content ul li:hover span:after{border-top-color: #ef8a1e;}


.join_7{ text-align: center; padding-top: 70px; background:#fff; padding-bottom: 80px; }
.join_7 .title h1{ font-size: 30px; color: #333; }
.join_7 .title span{ width: 50px; height: 2px; background:#ef8a1e; display: block; margin: 30px auto; }
.join_7 .content{ padding-top: 30px; }
.join_7 .content ul li{width: 33.333%; float: left; }
.join_7 .content ul li img{ width: 80px; display: block; margin: 0 auto; margin-bottom: 30px; }
.join_7 .content ul li h3{ font-size: 24px; color: #ef8a1e; margin-bottom: 15px;}
.join_7 .content ul li p{ font-size: 16px; color: #333; }

.join_8{background:#daeef8; }
.join_8 .pagewidth{ padding-top: 100px; padding-bottom: 100px; }
.join_8 .text{ float:left; width: 48%; }
.join_8 .text .title{ font-weight: bold; font-size: 30px; color: #333333; padding-top: 30px; }
.join_8 .text span{ width: 50px; height: 2px; background:#305fbd; display: block; margin: 30px auto; margin-left: 0px; }
.join_8 .content{ font-size: 16px; color: #333; }
.join_8 .img{ float: right; width: 48%; }
.join_8 .img img{ width: 100%; display: block; }


.join_9{ text-align: center; padding-top: 70px; background:#fff; padding-bottom: 80px; }
.join_9 .title h1{ font-size: 30px; color: #333; }
.join_9 .title span{ width: 50px; height: 2px; background:#ef8a1e; display: block; margin: 30px auto; }
.join_9 .title p{ font-size: 16px; color: #333; margin-bottom: 20px; width: 70%; margin: 0 auto;}
.join_9 .content{ padding-top: 30px; }
.join_9 .content ul li{width: 25%; float: left; }
.join_9 .content ul li img{ width: 80px; display: block; margin: 0 auto; margin-bottom: 30px; }
.join_9 .content ul li h3{ font-size: 24px; color: #ef8a1e; margin-bottom: 15px;}
.join_9 .content ul li p{ font-size: 16px; color: #333; padding-left: 15px; padding-right: 15px; }


.join_10{background:#a9d0f4; }
.join_10 .pagewidth{ padding-top: 100px; padding-bottom: 100px; }
.join_10 .text{ float:right; width: 48%; padding-top:60px;}
.join_10 .text .title{ font-weight: bold; font-size: 30px; color: #333333; padding-top: 30px; }
.join_10 .text span{ width: 50px; height: 2px; background:#305fbd; display: block; margin: 30px auto; margin-left: 0px; }
.join_10 .content{ font-size: 16px; color: #333; }
.join_10 .img{ float: left; width: 48%; }
.join_10 .img img{ width: 100%; display: block; }


.join_11{ text-align: center; padding-top: 70px; background:#4d4d4d; padding-bottom: 40px; }
.join_11 .title h1{ font-size: 30px; color: #fff; }
.join_11 .title span{ width: 50px; height: 2px; background:#fff; display: block; margin: 30px auto; }
.join_11 .title p{ font-size: 16px; color: #333; margin-bottom: 20px; width: 70%; margin: 0 auto;}
.join_11 .content ul li{ float: left; width: 22%; text-align: left; color: #fff;height: 280px; }
.join_11 .content ul li h3{ font-size: 24px; color: #fff; margin-bottom: 10px; padding-left: 30px; padding-right: 30px; padding-top: 60px; }
.join_11 .content ul li p{ font-size: 24px; color: #fff; padding-left: 30px; padding-right: 30px;font-weight: bold;}
.join_11 .content ul li.li1{ background:url(../images/zs_26.png) no-repeat; background-size: contain; }
.join_11 .content ul li.li2{ background:url(../images/zs_27.png) no-repeat; background-size: contain; }
.join_11 .content ul li.li3{ background:url(../images/zs_28.png) no-repeat; background-size: contain; }
.join_11 .content ul li.li4{ background:url(../images/zs_29.png) no-repeat; background-size: contain; }
.join_11 .content ul li.lij{width:4%; float: left; text-align: center; font-size: 34px; padding-top: 110px; height: 140px; }
.join_11 .content ul li p .tel{font-size: 24px; font-weight: bold;}



.ser_1{ padding-top: 80px; padding-bottom: 0px; background:#fff; }
.ser_1 .title{ margin-bottom: 20px; position: relative; }
.ser_1 .title:after{ content: ""; position: absolute; left: 50%; height: 30px; bottom: -30px; margin-left: -1px; border-left:#ef8a1e dashed 1px; }
.ser_1 .title h2{ font-size: 30px; color: #333; text-align: center;  margin-bottom: 20px;}
.ser_1 .title h2 span{ color: #ef8a1e; }
.ser_1 .title h3{ color: #333; text-align: center; font-size: 20px; }
.ser_1 .content{ padding-top: 50px; }
.ser_1 .content{ position: relative; }
.ser_1 .content:after{ content: "";position: absolute; height: 2px; left: 129px; right: 129px;top: 9px; border-top:#ef8a1e dashed 1px; }
.ser_1 .content ul li{ text-align: center; float: left; width: 20%; position: relative; }
.ser_1 .content ul li:after{ content: ""; position: absolute; left: 50%; height: 30px; top: -39px; margin-left: -1px; border-left:#ef8a1e dashed 1px; }
.ser_1 .content ul li .img{ border-radius: 100px; width: 100px; height: 100px; background:#ef8a1e; margin: 0 auto; position: relative; }
.ser_1 .content ul li .img:after{ position: absolute; content: ""; width: 114px; height: 114px; border-radius: 114px; border:#ef8a1e dashed 1px; left: -8px; top: -8px; }
.ser_1 .content ul li .img img{ width: 50px; margin: 0 auto; display: block; position: relative; top: 23px; }
.ser_1 .content ul li h3{ font-size: 20px; margin-bottom: 10px; padding-top: 20px; text-align: center; color: #ef8a1e }
.ser_1 .content ul li p{ font-size: 14px; color: #333; padding-left: 15px; padding-right: 15px; text-align: center; }
.ser_1 .content ul li p span{ color: #ef8a1e }

.ser_2{ padding-top: 80px; padding-bottom: 80px; background:#fff; }
.ser_2 .title{ margin-bottom: 20px; position: relative; }
.ser_2 .title:after{ content: ""; position: absolute; left: 50%; height: 30px; bottom: -30px; margin-left: -1px; border-left:#ef8a1e dashed 1px; }

.ser_2 .title h2{ font-size: 30px; color: #333; text-align: center; }
.ser_2 .title h2 span{ color: #ef8a1e; }
.ser_2 .title h3{ color: #333; text-align: center; font-size: 20px; }
.ser_2 .content{ padding-top: 50px; }
.ser_2 .content{ position: relative; }
.ser_2 .content:after{ content: "";position: absolute; height: 2px; left: 129px; right: 129px;top: 9px; border-top:#ef8a1e dashed 1px; }

.ser_2 .content ul li{ text-align: center; float: left; width: 20%; position: relative; }
.ser_2 .content ul li:after{ content: ""; position: absolute; left: 50%; height: 30px; top: -39px; margin-left: -1px; border-left:#ef8a1e dashed 1px; }

.ser_2 .content ul li .img{ border-radius: 100px; width: 100px; height: 100px; background:#ef8a1e; margin: 0 auto; position: relative; }
.ser_2 .content ul li .img:after{ position: absolute; content: ""; width: 114px; height: 114px; border-radius: 114px; border:#ef8a1e dashed 1px; left: -8px; top: -8px; }
.ser_2 .content ul li .img img{ width: 50px; margin: 0 auto; display: block; position: relative; top: 23px; }
.ser_2 .content ul li h3{ font-size: 20px; margin-bottom: 10px; padding-top: 20px; text-align: center; color: #ef8a1e }
.ser_2 .content ul li p{ font-size: 14px; color: #333; padding-left: 15px; padding-right: 15px; text-align: center; }
.ser_2 .content ul li p span{ color: #ef8a1e }


.ser_3{ padding-top: 80px; padding-bottom: 80px; background:#f5f5f5;overflow: hidden; }
.ser_3 .title{ margin-bottom: 40px; position: relative; }
.ser_3 .title h2{ font-size: 30px; color: #333; text-align: center; }
.ser_3 .title h2 span{ color: #ef8a1e; }
.ser_3 .content{ padding-top: 20px; }
.ser_3 .content{ position: relative; }
.ser_3 .content ul { width: 105%; }
.ser_3 .content ul li{ text-align: center; float: left; width:410px; margin-right: 30px; background: #fff; height: 480px; margin-bottom: 30px; box-shadow: 0px 10px 20px rgba(0,0,0,0.06); }
.ser_3 .content ul li img{ width: 100%; display: block;}
.ser_3 .content ul li h3{ font-size: 20px; margin-bottom: 5px; padding-left: 25px; padding-right: 25px; padding-top: 20px; text-align: left; color: #333 }
.ser_3 .content ul li p{ font-size: 14px; color: #333; padding-left: 25px; padding-right: 25px; text-align: left; }
.ser_3 .content ul li p span{ color: #ef8a1e }
.ser_3 .content ul li:nth-child(4){ height: 400px; }
.ser_3 .content ul li:nth-child(5){ height: 400px;}
.ser_3 .content ul li:nth-child(6){ height: 400px;}


.ser_4{ padding-top: 80px; padding-bottom: 80px; background: #fff }
.ser_4 .title{ margin-bottom: 40px; }
.ser_4 .title h2{ font-size: 30px; color: #333; text-align: center; }
.ser_4 .title h2 span{ color: #ef8a1e; }
.ser_4 .content ul li{ text-align: center; float: left; width: 25%; }
.ser_4 .content ul li img{ width: 55%; display: block; margin: 0 auto }
.ser_4 .content ul li h3{ font-size: 18px; margin-bottom: 10px; padding-top: 10px; }
.ser_4 .content ul li p{ font-size: 14px; color: #333; padding-left: 15px; padding-right: 15px; text-align: justify; }
.ser_4 .content ul li p span{ color: #ef8a1e }



.ser_5{ padding-top: 80px; padding-bottom: 80px; background:#f5f5f5; }
.ser_5 .pagewidth {position: relative;}
.ser_5 .title{ margin-bottom: 40px; position: relative; }
.ser_5 .title h2{ font-size: 30px; color: #333; text-align: center; }
.ser_5 .title h2 span{ color: #ef8a1e; }
.ser_5 .left{ float: left; width: 50%; }
.ser_5 .left img{ width: 80%; display: block; margin: 0 auto;}
.ser_5 .right{ float: left; width: 50%; padding-top: 80px; }
.ser_5 .right h2{ font-size: 18px; color: #ef8a1e; margin-bottom: 20px; padding-left: 7px; }
.ser_5 .right img{ width: 180px; }
.ser_5 .right p{ font-size: 16px; color: #333; line-height: 1.8em; padding-left: 7px; }



.ser_6{ padding-top: 80px; padding-bottom: 80px; background:#fff; }
.ser_6 .pagewidth {position: relative;}
.ser_6 .title{ margin-bottom: 40px; position: relative; }
.ser_6 .title h2{ font-size: 30px; color: #333; text-align: center; }
.ser_6 .title h2 span{ color: #ef8a1e; }
.ser_6 ol{ padding-bottom: 10px;border-bottom: #ececec solid 1px;}
.ser_6 ol li{ font-size: 14px; color: #999; }
.ser_6 ol li.name { float: left; width: 75%;}
.ser_6 ol li.size { float: left; width: 15%;}
.ser_6 ol li.down { float: left; width: 10%}
.ser_6 ul li{ padding-top: 15px; padding-bottom: 15px; border-bottom: #ececec solid 1px; line-height: 36px;}
.ser_6 ul li .name { float: left; width: 75%} 
.ser_6 ul li .size { float: left; width: 15%; font-size: 14px; color: #666;}
.ser_6 ul li .down { float: left; width: 10%}
.ser_6 ul li .name a{ color: #333; font-size: 16px; font-weight: bold; }
.ser_6 ul li .name a:hover{ color: #ef8a1e; font-size: 16px; }
.ser_6 ul li .down a{ color: #fff; background: #ef8a1e; border-radius: 3px; font-size: 14px; position: relative; display: block; text-align: center; transition-duration: 0.3s;box-shadow: 3px 0px 10px rgba(239,138,30,0); position: relative; top: 0px;} 
.ser_6 ul li .down a:hover{ box-shadow: 3px 0px 10px rgba(239,138,30,0.5); position: relative; top: -2px;}

.ser_7{ padding-top: 80px; padding-bottom: 80px; background:#f5f5f5;overflow: hidden; }
.ser_7 .pagewidth {position: relative;}
.ser_7 .title{ margin-bottom: 40px; position: relative; }
.ser_7 .title h2{ font-size: 30px; color: #333; text-align: center; }
.ser_7 .title h2 span{ color: #ef8a1e; }
.ser_7 ul{width: 105%;}
.ser_7 ul li {  float:left; width: 310px; margin-right: 20px; background: #fff; border-radius: 3px; overflow: hidden; margin-bottom: 20px; box-shadow:0px 10px 20px rgba(0,0,0,0.06)}
.ser_7 ul li img{ display: block;width: 100%; height: 132px;}
.ser_7 ul li h3{ font-size: 16px; color: #333; font-weight: normal;  text-align: center; padding-top: 10px; padding-bottom: 10px; }
.ser_7 ul li h3 a{ color: #333; }
.ser_7 .more{ text-align: center; padding-top: 10px;  }
.ser_7 .more a{ color: #ef8a1e; font-size: 16px;font-weight: bold; }

.about_main{ background:#f5f5f5; padding-top: 30px; padding-bottom: 30px; }
.about_main .left{ float: left; width: 180px; float: left; background: #fff; }
.about_main .left ul li a{ height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #333; display: block; border-bottom: #ececec solid 1px; }
.about_main .left ul li a.active{ background: #ef8a1e; color: #fff; font-weight: bold; border-bottom: none }

.about_main .right{ float: left; width: 1020px; float: right; background: #fff; padding: 20px 35px 35px 35px; }
.about_main .right .title{ font-size: 24px; color: #333; position: relative;padding-bottom: 30px; margin-bottom: 10px; }
.about_main .right .title:after{ position: absolute; content: ""; width: 40px; height: 2px; background: #ef8a1e; left: 0px; top: 45px; }
.about_main .right .img .swiper-slide{ width: 400px; }
.about_main .right .img .swiper-slide img{ width: 100%; display: block; }
.about_main .right .img .swiper-container{ padding-bottom: 50px; }
.about_main .right .img .swiper-pagination-bullet{ opacity: 1; width: 8px; height: 8px; margin:0px 5px!important; background: none; border-radius: 40px; border:#ccc solid 1.5px; }
.about_main .right .img .swiper-pagination-bullet-active{ background: #ef8a1e;opacity: 1; border-color: #ef8a1e}
.about_main .right .nub { padding-top: 60px; padding-bottom: 60px; }
.about_main .right .nub ul li img{ display: block; width: 28px; margin: 0 auto; margin-bottom: 20px;}
.about_main .right .nub ul li{ float: left; width: 20%; text-align: center; }
.about_main .right .nub ul li strong{ color: #ef8a1e; font-size: 40px; font-family: "Gotham-Bold"; }
.about_main .right .nub ul li p{ font-size: 16px; color: #333; padding-top: 5px; }
.about_main .right .content{ line-height: 2em; font-size: 16px; color: #333; }
.about_main .right .content p{ text-indent: 2em;text-align: justify; margin-bottom: 20px; }


.about_main .right .course h4{ font-size: 24px; color: #ef8a1e; text-align: center; padding-top: 30px; }
.about_main .right .course h5{ font-size: 16px; color: #333; text-align: center; padding-top: 5px; font-weight: normal; margin-bottom: 50px; }
.about_main .right .course{ position: relative; width: 94%; margin: 0 auto; }
.about_main .right .course:after{ position: absolute; left: 50%; content: ""; border-left: #ececec solid 1px; top:140px; bottom: 0px; }
.about_main .right .course ul li{ margin-bottom: 30px; }
.about_main .right .course ul li:nth-child(2n-1){ padding-right: 53%;}
.about_main .right .course ul li:nth-child(2n){ padding-left: 53%; }
.about_main .right .course ul li:nth-child(2n-1) .text{ position: relative; }
.about_main .right .course ul li:nth-child(2n-1) .text:after{ position: absolute; content: ""; right: -37px; background: #fff; top: 24px; width: 11px; height: 11px; border-radius: 11px; border:#ef8a1e solid 2px; z-index: 111; }
.about_main .right .course ul li:nth-child(2n-1) .text:before{ position: absolute; content: ""; right: -32px; z-index: 1; top:29px;width: 5px; height: 5px; border-radius: 5px; background: #ef8a1e; z-index: 112;}

.about_main .right .course ul li:nth-child(2n) .text{ position: relative; }
.about_main .right .course ul li:nth-child(2n) .text:after{ position: absolute; content: ""; left: -36px; background: #fff; top: 24px; width: 11px; height: 11px; border-radius: 11px; border:#ef8a1e solid 2px; z-index: 111; }
.about_main .right .course ul li:nth-child(2n) .text:before{ position: absolute; content: ""; left: -31px; z-index: 1; top:29px;width: 5px; height: 5px; border-radius: 5px; background: #ef8a1e; z-index: 112;}


.about_main .right .course ul li:nth-child(2n-1) .img{ float: left; }
.about_main .right .course ul li:nth-child(2n-1) .img img{ height: 100px; display: block; }
.about_main .right .course ul li:nth-child(2n-1) .text{ text-align: right; padding-top: 20px;}
.about_main .right .course ul li:nth-child(2n-1) .text h1{ font-size: 30px; font-family: "Gotham-Bold";color: #ef8a1e; margin-bottom: 5px; }
.about_main .right .course ul li:nth-child(2n-1) .text p{ font-size: 16px; color: #666; }


.about_main .right .course ul li:nth-child(2n) .img{ float: right; }
.about_main .right .course ul li:nth-child(2n) .img img{ height: 100px; display: block; }
.about_main .right .course ul li:nth-child(2n) .text{ text-align: left; padding-top: 20px; }
.about_main .right .course ul li:nth-child(2n) .text h1{ font-size: 30px; font-family: "Gotham-Bold";color: #ef8a1e; margin-bottom: 5px; }
.about_main .right .course ul li:nth-child(2n) .text p{ font-size: 16px; color: #666; }

.about_main .right .exhibition{ position: relative; }
.about_main .right .exhibition:after{ content: ""; position: absolute; left: 10px; top: 0px; bottom: 0px; border-left: #ef8a1e solid 1px; }
.about_main .right .exhibition ul{padding-left: 30px;}
.about_main .right .exhibition ul li { margin-bottom:30px; }
.about_main .right .exhibition ul li .year{ font-size: 20px; color: #ef8a1e; font-weight: bold; padding-left: 8px;margin-bottom: 20px; position: relative; }
.about_main .right .exhibition ul li .year:after{ position: absolute; content: ""; left: -27px; background: #fff; top: 7px; width: 11px; height: 11px; border-radius: 11px; border:#ef8a1e solid 2px; z-index: 111; }
.about_main .right .exhibition ul li .year:before{ position: absolute; content: ""; left: -22px; z-index: 1; top:12px;width: 5px; height: 5px; border-radius: 5px; background: #ef8a1e; z-index: 112;}
.about_main .right .exhibition ul li .name{ font-size: 18px; color: #666; padding-left: 8px; margin-bottom: 10px; position: relative; }
.about_main .right .exhibition ul li .name:before{ position: absolute; content: ""; left: -23px; z-index: 1; top:10px;width: 7px; height: 7px; border-radius: 7px; background: #ef8a1e; z-index: 112;}
.about_main .right .exhibition ul li dl dd{ float: left; width: 182px; margin-right: 8px; margin-left: 8px; margin-bottom: 16px; }
.about_main .right .exhibition ul li dl dd img{width: 100%; display: block; border-radius: 3px;}


.about_main .right .environment .gallery-thumbs .swiper-slide{ width: 20%; }
.about_main .right .environment .gallery-top {height: 80%;width: 100%;}
.about_main .right .environment .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.about_main .right .environment .gallery-thumbs .swiper-slide {width: 25%;height: 100%; background: #000;}
.about_main .right .environment .gallery-thumbs .swiper-slide img{ opacity: 0.4; }
.about_main .right .environment .gallery-thumbs .swiper-slide-active img{opacity: 1;}

/*
.about_main .right .environment .gallery-thumbs .swiper-slide{ width: 20%; }
.about_main .right .environment .gallery-top {height: 80%;width: 100%;}
.about_main .right .environment .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.about_main .right .environment .gallery-thumbs .swiper-slide {width: 25%;height: 100%; background: #000;}
.about_main .right .environment .gallery-thumbs .swiper-slide img{ opacity: 0.4; }
.about_main .right .environment .gallery-thumbs .swiper-slide-active img{opacity: 1;}
*/
.about_main .right .honor{ overflow: hidden; }
.about_main .right .honor ul{ width: 105%; }
.about_main .right .honor ul li{ width: 320px; float: left; margin-right: 30px; }
.about_main .right .honor ul li .img{ border-radius: 2px; padding: 4px; border: #ececec solid 1px;}
.about_main .right .honor ul li .img img{height:200px; display: block; margin: 0 auto}
.about_main .right .honor ul li .name{ text-align: center; font-size: 14px; color: #333; padding-top: 5px; padding-bottom: 20px; }

.about_main .right .environment{ overflow: hidden; }
.about_main .right .environment ul{ width: 105%; }
.about_main .right .environment ul li{ width: 320px; float: left; margin-right: 30px; margin-bottom: 30px; }
.about_main .right .environment ul li .img{ border-radius: 2px; padding: 4px; border: #ececec solid 1px;}
.about_main .right .environment ul li .img img{height:200px; display: block; margin: 0 auto}
.about_main .right .environment ul li .name{ text-align: center; font-size: 14px; color: #333; padding-top: 5px; padding-bottom: 20px; }



.contactdetail h3{ font-weight: bold; font-size:18px; color: #ef8a1e; margin-bottom: 10px; }
.contactdetail p{ color: #333; line-height: 2em; }


/*产品详细*/

.product_detail_content_main1{ background: #f9f9f9; padding-top: 70px; padding-bottom: 50px; }
.product_detail_content_main1 .title{ font-size: 36px; color: #333; text-align: center; font-weight: bold; padding-bottom: 30px; }
.product_detail_content_main1 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin: 0 auto; margin-bottom: 20px; }
.product_detail_content_main1 .description{ padding-left: 20%; padding-right:20%; font-size: 16px; color: #333; line-height: 2em; text-align: center; }
.product_detail_content_main1 ul{ padding-top: 30px; padding-bottom: 30px; }
.product_detail_content_main1 ul li{ width: 10%; float: left; text-align: center; }
.product_detail_content_main1 ul li img{ width: 76px; display: block; margin: 0 auto; }
.product_detail_content_main1 ul li p{ color: #333; font-size: 16px; padding-top: 10px; }

.product_detail_content_main2{ padding-top: 70px; padding-bottom: 50px; }
.product_detail_content_main2 .title{ font-size: 36px; color: #333; text-align: center; font-weight: bold; padding-bottom: 30px; }
.product_detail_content_main2 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin: 0 auto; margin-bottom: 20px; }
.product_detail_content_main2 .description{ padding-left: 20%; padding-right:20%; font-size: 16px; color: #333; line-height: 2em; text-align: center; }
.product_detail_content_main2 ul{ padding-top: 30px; padding-bottom: 30px; }
.product_detail_content_main2 ul li{ padding-bottom:50px; }
.product_detail_content_main2 ul li .text h2{ font-size: 26px; color: #ef8a1e; margin-bottom: 15px; position: relative; padding-left: 40px;}
.product_detail_content_main2 ul li .text h2 em{ position: absolute; left: 0px;width: 30px; line-height: 30px; width: 30px; border-radius: 30px; background: #ef8a1e; font-size: 18px; font-style: normal; color: #fff; text-align: center; }
.product_detail_content_main2 ul li .text p{ color: #333; font-size: 16px; line-height: 2em;}

.product_detail_content_main2 ul li.li1 .img{ float: left; width: 48%; }
.product_detail_content_main2 ul li.li1 .img img{ width: 500px; margin: 0 auto; }
.product_detail_content_main2 ul li.li1 .text{ float: right; width: 48%; }

.product_detail_content_main2 ul li.li2 .img{ float: right; width: 48%; }
.product_detail_content_main2 ul li.li2 .img img{ width: 500px; margin: 0 auto; }
.product_detail_content_main2 ul li.li2 .text{ float: left; width: 48%; }

.product_detail_content_main2 ul li.li3 .img{ float: left; width: 28%; }
.product_detail_content_main2 ul li.li3 .img img{ width: 220px; margin: 0 auto; }
.product_detail_content_main2 ul li.li3 .text{ float: right; width: 68%; }
.product_detail_content_main2 ul li.li3 .text p{ margin-bottom: 50px; }

.product_detail_content_main2 ul li.li4 .img{ float:right; width: 43%; }
.product_detail_content_main2 ul li.li4 .img img{ width: 400px; margin: 0 auto; }
.product_detail_content_main2 ul li.li4 .text{ float: left; width:53%; }
.product_detail_content_main2 ul li.li4 .text p{ margin-bottom: 50px; }

.product_detail_content_main2 ul li.li5 .img{ float: left; width: 48%; }
.product_detail_content_main2 ul li.li5 .img img{ width: 400px; margin: 0 auto; }
.product_detail_content_main2 ul li.li5 .text{ float: right; width: 48%; }
.product_detail_content_main2 ul li.li5 .text h2{ padding-top: 30px; }
.product_detail_content_main2 ul li.li5 .text p{ margin-bottom: 30px; }

.product_detail_content_main2 ul li.li6 .img{ float:right; width: 43%; }
.product_detail_content_main2 ul li.li6 .img img{ width: 300px; margin: 0 auto; }
.product_detail_content_main2 ul li.li6 .text{ float: left; width:53%; }
.product_detail_content_main2 ul li.li6 .text p{ margin-bottom: 50px; }


.product_detail_content_main3{ background: #f9f9f9; padding-top: 70px; padding-bottom: 50px; }
.product_detail_content_main3 .description{ padding-left:10%; padding-right:10%; font-size: 16px; color: #333; line-height: 2em; text-align: center; }
.product_detail_content_main3 ol{ width: 105%; padding-top: 40px; }
.product_detail_content_main3 ol li{white-space: pre-wrap; word-wrap: break-word; list-style:none; background: #fff; text-align: center; padding: 30px 10px; height: 130px; border-radius: 5px; float: left; width:180px; margin-right: 20px; font-size: 16px; color: #666; }
.product_detail_content_main3 ol li strong{ font-size: 18px; font-weight: bold; color: #ef8a1e}
.product_detail_content_main3 ol li img{ height: 44px;width: 44px; margin: 0 auto; display: block; margin-bottom: 10px; }


.product_detail_content_main4{ background: #fff; padding-top: 70px; padding-bottom: 50px; }
.product_detail_content_main4 .description{ padding-left:10%; padding-right:10%; font-size: 16px; color: #333; line-height: 2em; text-align: center; }
.product_detail_content_main4 ol{ width: 105%; padding-top: 40px; }
.product_detail_content_main4 ol li{ position: relative; white-space: pre-wrap; word-wrap: break-word; list-style:none; background: #ef8a1e; text-align: center; padding:25px 30px; height: 60px; border-radius: 5px; float: left; width:180px; margin-right: 25px; font-size: 16px; color: #fff; margin-bottom: 25px; font-weight: bold; line-height: 1.6em;}
.product_detail_content_main4 ol li strong{ font-size: 18px; font-weight: bold; color: #ef8a1e}
.product_detail_content_main4 ol li img{ height: 44px;width: 44px; margin: 0 auto; display: block; margin-bottom: 10px; }
.product_detail_content_main4 .title{ font-size: 36px; color: #333; text-align: center; font-weight: bold; padding-bottom: 30px; }
.product_detail_content_main4 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin: 0 auto; margin-bottom: 20px; }
.product_detail_content_main4 ol li span{ background: #fff; border:#ef8a1e solid 3px; height: 32px; line-height: 32px; text-align: center; width: 32px; font-size: 16px; color: #ef8a1e; border-radius: 50px; position: absolute; left: -10px; top: -10px; }


.product_detail_content_main5{ background: #f5f5f5; padding-top: 70px; padding-bottom: 50px; }
.product_detail_content_main5 .title{ font-size: 36px; color: #ef8a1e; text-align: center; font-weight: bold; padding-bottom:15px; }
.product_detail_content_main5 .title1{ font-size: 20px; color: #333; text-align: center; font-weight: bold; padding-bottom: 30px; }
.product_detail_content_main5 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin: 0 auto; margin-bottom: 20px; }
.product_detail_content_main5 .description{ padding-left:10%; padding-right:10%; font-size: 16px; color: #333; line-height: 2em; text-align: center; }
.product_detail_content_main5 ul{ padding-top: 40px; padding-left: 80px; }
.product_detail_content_main5 ul li{ width:158px; padding-top: 40px; height: 118px; margin-right: 15px; margin-left: 15px; float: left; text-align: center; border-radius: 200px;background: #fff; border:#ececec solid 1px;}
.product_detail_content_main5 ul li strong{ display: block; font-weight: bold; font-size: 36px; color: #ef8a1e; padding-bottom: 10px;}
.product_detail_content_main5 ul li.last strong{ padding-bottom: 5px; }
.product_detail_content_main5 ul li em{ display: block; font-size: 18px; }
.product_detail_content_main5 ul li p{ font-size: 15px; color: #666; padding-left: 20px; padding-right: 20px; line-height: 1.6em; }

.product_detail_content_main6{ background: #fff; padding-top: 70px; padding-bottom: 50px; }
.product_detail_content_main6 .title{ font-size: 36px; color: #ef8a1e; text-align: center; font-weight: bold; padding-bottom:15px; }
.product_detail_content_main6 .title1{ font-size: 20px; color: #333; text-align: center; font-weight: bold; padding-bottom: 30px; }
.product_detail_content_main6 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin: 0 auto; margin-bottom: 20px; }
.product_detail_content_main6 .description{ padding-left:10%; padding-right:10%; font-size: 16px; color: #333; line-height: 2em; text-align: center; }
.product_detail_content_main6 ul{ padding-top: 40px; width: 105%; }
.product_detail_content_main6 ul li{ width:198px; padding-top: 50px; height: 120px; margin-right: 20px; float: left; text-align: center; border-radius: 200px; border:#ececec solid 1px;}
.product_detail_content_main6 ul li strong{ display: block; font-weight: bold; font-size: 36px; color: #ef8a1e; height: 56px;}
.product_detail_content_main6 ul li em{ display: block; font-size: 18px; }
.product_detail_content_main6 ul li p{ font-size: 15px; color: #666; }

.product_detail_content_main7 h3{ padding-top:30px; font-size: 24px; color: #333; font-weight: bold; margin-bottom: 10px; }
.product_detail_content_main7 p{font-size: 16px; line-height: 1.8em; color: #333; }
.product_detail_content_main7 p img{ width: 100%; display: block; margin: 10px auto; }


.down_list {padding-top: 20px;padding-bottom: 30px;background: #fff;}
.down_list .pagewidth {position: relative;}
.down_list ol{ padding-bottom: 10px;border-bottom: #ececec solid 1px;}
.down_list ol li{ font-size: 14px; color: #999; }
.down_list ol li.name { float: left; width: 75%;}
.down_list ol li.size { float: left; width: 15%;}
.down_list ol li.down { float: left; width: 10%}
.down_list ul li{ padding-top: 15px; padding-bottom: 15px; border-bottom: #ececec solid 1px; line-height: 36px;}
.down_list ul li .name { float: left; width: 75%} 
.down_list ul li .size { float: left; width: 15%; font-size: 14px; color: #666;}
.down_list ul li .down { float: left; width: 10%}
.down_list ul li .name a{ color: #333; font-size: 16px; font-weight: bold; }
.down_list ul li .name a:hover{ color: #ef8a1e; font-size: 16px; }
.down_list ul li .down a{ color: #fff; background: #ef8a1e; border-radius: 3px; font-size: 14px; position: relative; display: block; text-align: center; transition-duration: 0.3s;box-shadow: 3px 0px 10px rgba(239,138,30,0); position: relative; top: 0px;} 
.down_list ul li .down a:hover{ box-shadow: 3px 0px 10px rgba(239,138,30,0.5); position: relative; top: -2px;}

.faq_detail { background: #f7f7f7; padding-top: 40px; padding-bottom: 40px;}
.faq_detail .content{ float: left; width: 840px; padding: 40px; background: #fff; box-shadow: 0px 0px 30px rgba(0,0,0,0.05) }
.faq_detail .content .title {padding-bottom: 20px;}
.faq_detail .content .title h1{text-align: left; font-size: 24px; line-height:1.5em;}
.faq_detail .content .html{  padding-bottom: 20px; font-size: 16px; color: #222; line-height: 2em; padding-bottom: 30px; text-align: justify; }
.faq_detail .content .html *{ font-size: 16px!important;line-height: 2em!important;font-family:"微软雅黑",helvetica,"黑体",arial,verdana,sans-serif!important; }
.faq_detail .content .html img{ display: block; width: 100%!important; height: auto!important; }
.faq_detail .slide{ float: right; width: 340px;  }
.faq_detail .slide h2{ font-size: 16px; color: #666; font-weight: normal; margin-bottom: 10px; }
.faq_detail .slide ul li{ background: #fff; border-radius: 3px; overflow: hidden; margin-bottom: 30px; }
.faq_detail .slide ul li h3 { padding-top: 10px; padding-bottom: 10px;  text-align:left;text-indent:20px; font-weight: bold;}
.faq_detail .slide ul li h3 a{ color: #333; font-size: 16px;  }
.faq_detail .slide ul li img{ width: 100%; display: block;  }


/*大屏幕*/
@media screen and (max-width: 1920px) {} 
@media screen and (max-width: 1112px) {

} 

/*平板*/
@media screen and (max-width: 768px) {

.index_banner { height: 400px; position: relative; background: url(../images/bg.jpg) no-repeat center; background-size: cover; }
.index_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none; width: 8px; height: 8px;}
.index_banner .swiper-pagination-bullet-active{ background: #fff; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .banner{ height: 80%; }
.index_banner .swiper-slide .h1{ color: #fff; font-size: 28px; position: absolute;left: 20px; width: 100%; margin-left: 0px; top: 40%; z-index: 9999;}
.index_banner .swiper-slide .h2{ color: #fff; font-size:15px; left: 20px; width: 100%; margin-left: 0px; top: 52%; z-index: 9999;}
.index_banner .swiper-slide img{ height: 80%; position: absolute; left: 50%; margin-left: 0px; top: 20%;opacity: 0; transition: 0.8s; transition-delay: 1.2s;transition-timing-function: linear; }
.index_banner .swiper-slide-active .h1{opacity: 1; top: 39%; }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 51%; }
.index_banner .swiper-slide-active img{ height: 80%; position: absolute; left: 50%; margin-left: 30px; top: 20%; opacity: 1;}

.index_banner .swiper-slide .link a{ color: #fff; font-size: 14px; background: #b3dc76; padding: 8px 15px; }
.index_banner .swiper-slide { height: 100%; }
.index_banner .swiper-pagination-bullet{ opacity: 1; width: 8px; height: 8px; margin:0px 5px!important; background: none; border-radius: 40px; border:#fff solid 1.5px; }
.index_banner .swiper-pagination-bullet-active{ background: #fff;opacity: 1}

.index_banner .text{ height: 20%; background: rgba(255,255,255,0.1); }
.index_banner .text .swiper-slide{ width: 260px; }
.index_banner .text .swiper-slide h2{ padding-left: 10px; font-size: 18px; color: #fff; padding-top: 15px; margin-bottom: 0px; }
.index_banner .text .swiper-slide p{ padding-left: 10px; font-size: 14px; line-height: 1.8em; color:#ef8a1e; font-weight: bold; padding-right: 30px;}
.index_banner .text .swiper-pagination-bullet{ display: none; }

.index_product .title{ float:none; width: 100%;padding-top: 50px;border-bottom: #ececec solid 1px; }
.index_product .title h1{ font-size: 20px; color: #ef8a1e; margin-bottom: 10px; position: relative; border-left: #ef8a1e solid 2px; padding-left: 20px;}
.index_product .title span{ display: block; color: #666; font-size: 14px; font-family: "Gotham-Bold"; text-transform: uppercase; padding-top: 0px; line-height: 100%;}
.index_product .title .description{ padding-left: 20px; font-size: 16px; color: #666; line-height: 2em; padding-right: 20px; text-align: justify; margin-bottom: 20px;}
.index_product .title .more{ padding-left: 20px;background:url(../images/more.png) no-repeat 30% center; background-size: 20px 20px; display: none; }
.index_product .title .more a{ font-size: 16px; color: #333; }
.index_product .content{ float:none; width: 100%; border-left:none; }
.index_product .content ul li{ float: none; width: 100%; height:auto; padding-top: 20px; padding-bottom: 20px; border-right: none; border-bottom: #ececec solid 1px; }
.index_product .content ul li .img{ float: left; width: 40%; overflow: hidden; }
.index_product .content ul li .img img{ height:auto; width: 90%; margin: 0 auto;}
.index_product .content ul li .text{ float: left; width: 55%; overflow: hidden; padding-right: 5%; }
.index_product .content ul li .text h3{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 5px; }
.index_product .content ul li .text h3 a{ color: #333; }
.index_product .content ul li .text .description{ font-size: 14px; color: #666; line-height: 1.6em; margin-bottom:5px; text-align: justify;}
.index_product .content ul li .text a.more{ color:#ef8a1e; font-weight: bold; font-size: 14px; }
.index_product .content ul li.moreli{ line-height: 200px; text-align: center; background:url(../images/more.png) no-repeat 60% center; background-size: 20px 20px; }
.index_product .content ul li.moreli a{ color:#333; font-size: 16px; }
.index_product .content ul li:last-child{ border-bottom: none; }
.index_product .content ul li:nth-last-child(2){ border-bottom: none; }

.index_video{ background: #f7f7f7; padding-top: 40px; padding-bottom: 40px; }
.index_video .title{ float:none; width: 100%; }
.index_video .title h1{ font-size: 20px; color: #ef8a1e; margin-bottom: 20px; position: relative; border-left: #ef8a1e solid 2px; padding-left: 20px;}
.index_video .title span{ display: block; color: #666; font-size: 14px; font-family: "Gotham-Bold"; text-transform: uppercase; padding-top: 10px; line-height: 100%;}
.index_video .title .description{ padding-left: 20px; font-size: 16px; color: #666; line-height: 2em; padding-right: 30px; text-align: justify; margin-bottom: 20px;}
.index_video .title .more{ padding-left: 20px;background:url(../images/more.png) no-repeat 25% center; background-size: 20px 20px; margin-bottom: 30px; }
.index_video .title .more a{ font-size: 16px; color: #333; }
.index_video .content{ float:none; width: auto; position: relative;padding-left: 20px; padding-right:20px; }
.index_video .content:after{ position: absolute; right: 0px; top: 0px; bottom: 0px; content: ""; width: 300px; height: 100%; background: linear-gradient(to right, rgba(247,247,247,0.0), rgba(247,247,247,1)); z-index: 2; display: none; }

.index_video .content .swiper-slide { width: 100%; position: relative; border-radius: 3px; overflow:hidden; box-shadow: 0px 10px 20px rgba(0,0,0,0.2) }
.index_video .content .swiper-slide a{ display:block; }
.index_video .content .swiper-slide img{ width: 100%; display: block; }
.index_video .content .swiper-slide h3{ position: absolute;left: 0px; right: 0px; bottom: 0px; line-height: 60px; height: 60px; color: #fff; font-weight: bold; font-size: 16px; text-align: center; z-index: 3 }
.index_video .content .swiper-slide:after{ position: absolute; left: 0px; right: 0px; bottom: 0px; content: ""; width: 100%; height: 100px; background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4)); z-index: 2 }
.index_video .swiper-pagination-bullet{ opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; background: none; border-radius: 40px; background: #ccc; border:#ccc solid 2px; }
.index_video .swiper-pagination-bullet-active{ background: #fff;border:#ef8a1e solid 2px;opacity: 1}
.index_video .swiper-container{ padding-bottom: 50px; }
.index_video .content .swiper-slide .play{ background: #ef8a1e; top:38%; z-index: 4; position: absolute; left: 50%; margin-left: -20px; opacity: 0.8; width: 50px; height: 50px; border-radius: 50px; display: block; text-align: center; line-height: 50px; color: #fff; font-size: 16px; text-indent: 1px; }


.index_case{ background: #f7f7f7; padding-top: 40px; padding-bottom: 30px; }
.index_case .title h1{ font-size: 20px; color: #ef8a1e; margin-bottom: 20px; position: relative; border-left: #ef8a1e solid 2px; padding-left: 20px;}
.index_case .title span{ display: block; color: #666; font-size: 14px; font-family: "Gotham-Bold"; text-transform: uppercase; padding-top: 10px; line-height: 100%;}
.index_case .title .more{ float: right; margin-right: 20px;background:url(../images/more.png) no-repeat right center; background-size: 20px 20px; margin-top: 15px;position: relative; z-index: 33; }
.index_case .title .more a{ font-size: 16px; color: #333; }
.index_case .content ul { width:auto; padding-left: 20px; padding-right: 20px; }
.index_case .content ul li{ float: none; width: 100%; margin-right:0px; }
.index_case .content ul li img{ width: 100%; display: block; border-radius: 3px;box-shadow: 0px 10px 10px rgba(0,0,0,0.1) }
.index_case .content ul li h3{ font-size: 16px; color: #333; text-align: center; padding-top: 10px; padding-bottom: 30px; font-weight: normal; }



.index_advantage{ background: #fff; padding-top: 40px; padding-bottom: 40px; }
.index_advantage .title h1{ font-size: 20px; color: #ef8a1e; margin-bottom: 10px; position: relative; border-left: #ef8a1e solid 2px; padding-left: 20px;}
.index_advantage .title span{ display: block; color: #666; font-size: 14px; font-family: "Gotham-Bold"; text-transform: uppercase; padding-top: 10px; line-height: 100%;}
.index_advantage .title .more{ float: right; margin-right: 20px;background:url(../images/more.png) no-repeat right center; background-size: 20px 20px; margin-top: 15px;position: relative; z-index: 33; }
.index_advantage .title .more a{ font-size: 16px; color: #333; }
.index_advantage .voice_2 { width: auto; overflow: hidden; padding-left: 10px; padding-right: 10px;}
.index_advantage .voice_2 ul { width: 100%; }
.index_advantage .voice_2 ul li { width: 100%; float: none; display: block; height: auto; margin-bottom: 10px; color: #fff; cursor: pointer; position: initial; margin-right: 0px;}
.index_advantage .voice_2 ul li.li1 { background: #234896; width: 100%!important;}
.index_advantage .voice_2 ul li.li2 { background: #234896; width: 100%!important;}
.index_advantage .voice_2 ul li.li3 { background: #234896; width: 100%!important;}
.index_advantage .voice_2 ul li.li4 { background: #234896; width: 100%!important;}
.index_advantage .voice_2 ul li.li5 { background: #234896; width: 100%!important;}
.index_advantage .voice_2 .fold { width: 145px; height: 100%; text-align: center; position: initial; top: 0px; left: 0px; overflow: hidden; display: none;}
.index_advantage .voice_2 .fold h3 { font-size: 16px;font-weight: bold; display: block; position: initial; left: 20px; right: 20px; z-index: 2; bottom: 30px;text-align: left; display: none;}
.index_advantage .voice_2 .fold .img { position: initial; width: 100%; left: 0px; top: 0px; bottom: 0px; height: 100%; z-index: 1; opacity: 1 ; }
.index_advantage .voice_2 .fold .number{ position: initial;right: 20px; top: 20px; font-size: 36px; font-family: "Gotham-Bold"; z-index: 5; display: none;}
.index_advantage .voice_2 .unfold { width: 100%; height: auto; display: block; position: initial; top: 0px; left: 0px;overflow: hidden; }
.index_advantage .voice_2 .unfold .text{ position: initial; left: 20px; bottom: 20px; opacity: 0; transition-duration: 0.3s; z-index: 3; display: none;}
.index_advantage .voice_2 .unfold h3 { font-size: 24px; font-weight: bold; display: block; text-align: left; display: none; padding-bottom: 10px; }
.index_advantage .voice_2 .unfold .des{ font-size: 16px; line-height: 1.8em; display: none;}
.index_advantage .voice_2 .unfold .img { position: initial; left: 0px; top: 0px; width: 100%; bottom: 0px; height: auto; z-index: 1; transition-duration: 0.3s; opacity: 1 }
.index_advantage .voice_2 .unfold .number{ position: initial;right: 20px; top: 20px; font-size: 36px; display: none; font-family: "Gotham-Bold"; z-index: 5; transition-duration: 0.3s; opacity: 9;}
.index_advantage .voice_2 .unfold:hover .text{ opacity: 1; }
.index_advantage .voice_2 .unfold:hover .number{ opacity: 0; }
.index_advantage .voice_2 .unfold:hover .img { opacity: 1 }



.index_news{ background: #fff; padding-top: 40px; padding-bottom: 30px; }
.index_news .title h1{ font-size: 20px; color: #ef8a1e; margin-bottom: 10px; position: relative; border-left: #ef8a1e solid 2px; padding-left: 20px;}
.index_news .title span{ display: block; color: #666; font-size: 14px; font-family: "Gotham-Bold"; text-transform: uppercase; padding-top: 10px; line-height: 100%;}
.index_news .title .more{ float: right; margin-right: 20px;background:url(../images/more.png) no-repeat right center; background-size: 20px 20px; margin-top: 15px;position: relative; z-index: 33; }
.index_news .title .more a{ font-size: 16px; color: #333; }
.index_news .content ul { width: auto; padding-left: 20px; padding-right: 20px; }
.index_news .content ul li{ float: none; width: 100%; margin-right: 0px; border:#ececec solid 1px; border-radius: 3px; margin-bottom: 20px; }
.index_news .content ul li img{ width: 100%; display: block;  }
.index_news .content ul li .text{ padding:20px; }
.index_news .content ul li .text span{ color: #666; font-size: 14px; }
.index_news .content ul li .text h3{ color: #333; font-size: 16px;padding-bottom: 5px; }
.index_news .content ul li .text h3 a{ color: #333; }
.index_news .content ul li .text .description{ color: #666; font-size: 14px; line-height: 1.6em }
.index_news .content ul li:hover .text h3 a{ color: #ef8a1e; }

.detailbanner{ height: 150px; position: relative; background: url(../images/bg.jpg) no-repeat center #262626; background-size: cover; }
.detailbanner h1{ font-size: 24px; color: #fff; padding-top:75px; font-weight: normal;padding-left: 20px; }
.detailbanner p{ font-size: 14px; color: #fff; padding-top: 0px; font-weight: normal; font-family: "Gotham-Book";padding-left: 20px; }

.detailtwomenu{ height: auto; line-height: 40px; padding-top: 10px; padding-bottom: 10px; }
.detailtwomenu ul{ display: -webkit-flex; /* Safari */
  -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
  display: flex;
  flex-flow: row-reverse wrap; justify-content:center; flex-direction: row;}
.detailtwomenu ul li{font-size: 14px; font-weight: bold; width: auto;}
.detailtwomenu ul li a{ color: #333; display: block; text-align: center; margin-left: 10px;  margin-right: 10px; }
.detailtwomenu ul li a.active{ color: #ef8a1e; border-bottom:#ef8a1e solid 1px  }

.newsdetailtwomenu{ height: 60px; line-height: 60px; border-bottom: #ececec solid 1px; }
.newsdetailtwomenu ul{ display: -webkit-flex; /* Safari */
  -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
  display: flex;
  flex-flow: row-reverse wrap; justify-content:left; flex-direction: row;}
.newsdetailtwomenu ul li{font-size: 16px; font-weight: bold; width: 150px;}
.newsdetailtwomenu ul li a{ color: #333; display: block; text-align: center; }
.newsdetailtwomenu ul li a.active{ color: #ef8a1e; border-bottom:#ef8a1e solid 1px  }




.detailsolutiontwomenu{ height: auto;border-bottom: #ececec solid 1px; }
.detailsolutiontwomenu ul{ display: -webkit-flex; /* Safari */
  -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
  display: flex;
  flex-flow: row-reverse wrap; justify-content:center;flex-direction: row;}
.detailsolutiontwomenu ul li{ width: 33.33%; text-align: center; font-size: 14px; }
.detailsolutiontwomenu ul li a{ color: #333; display: block; font-weight: bold; padding-left: 10px; padding-right: 10px; line-height: 1.4em; padding-top: 12px; padding-bottom: 12px;}
.detailsolutiontwomenu ul li a.active{ color: #ef8a1e; border-bottom:#ef8a1e solid 1px  }

.product_detail_html .tab_box .page1000 { width: auto; padding-top: 20px; margin: 0 auto }
.product_detail_html .tab_box .page1000 img{ width: 100%; }


.solution_1,.solution_2,.solution_3,.solution_4,.solution_5,.solution_6,.solution_7,.solution_8,.solution_9,.solution_10,.solution_11,.solution_12,.solution_13,.solution_14,.solution_15,.solution_16,.solution_17,.solution_18{ overflow: hidden; }
.solution_19,.solution_20,.solution_21,.solution_22,.solution_23,.solution_24,.solution_25,.solution_26,.solution_27,.solution_28,.solution_29,.solution_30,.solution_31,.solution_32,.solution_33,.solution_34,.solution_35,.solution_36{ overflow: hidden; }

.solution_1{ background:url(../images/solution_4.jpg) no-repeat center; background-size: cover; padding-top: 40px; padding-bottom: 40px; height: auto; }
.solution_1 .left{ float: none; width: 100%; padding-top:0px; }
.solution_1 .left img{ width: 50%; display: block; margin: 0 auto; }
.solution_1 .right{ float: none; width: 100%; }
.solution_1 .right h2{ font-size: 24px; color: #fff; }
.solution_1 .right span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom:20px;}
.solution_1 .right ul li{ font-size: 16px; color: #fff;line-height: 2em; }
.solution_1 .right .text{ padding-top: 30px; padding-left: 20px; }


.solution_2{ background:url(../images/solution_5.jpg) no-repeat center; background-size: cover;padding-top: 40px; padding-bottom: 40px; }
.solution_2 .left{ float: none; width: 100%; }
.solution_2 .left p{ font-size:14px; color: #666; margin-bottom: 10px; font-weight: normal; }
.solution_2 .left h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; }
.solution_2 .left span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px;}
.solution_2 .left ul li{ font-size: 16px; color: #333;line-height: 2em; }
.solution_2 .left .text{ padding-top: 0px; padding-left: 20px; }
.solution_2 .right{ float: none; width: 100%; }
.solution_2 .right img{ width: 100%; display: block; margin: 0 auto; }


.solution_3{ background:url(../images/solution_3.jpg) no-repeat center left; background-size: cover;padding-top: 40px; padding-bottom: 40px; }
.solution_3 .right{ float: none; width: 100%; }
.solution_3 .right p{ font-size:14px; color: #fff; margin-bottom: 10px; font-weight: normal; }
.solution_3 .right h2{ font-size: 24px; color: #fff; line-height: 1.4em; margin-bottom: 10px; }
.solution_3 .right h3{ font-size: 16px; color: #fff; line-height: 1.6em; }
.solution_3 .right span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px;}
.solution_3 .right ul li{ font-size: 16px; color: #fff;line-height: 2em;margin-bottom: 15px; }
.solution_3 .right ul li.icon1{ background:url(../images/solution_6.png) no-repeat left center; background-size: 32px 32px; padding-left: 46px; }
.solution_3 .right ul li.icon2{ background:url(../images/solution_7.png) no-repeat left center; background-size: 32px 32px; padding-left: 46px; }
.solution_3 .right ul li.icon3{ background:url(../images/solution_8.png) no-repeat left 7px; background-size: 32px 32px; padding-left: 46px; }
.solution_3 .right .text{ padding-right: 20px; padding-left: 20px; padding-top: 35px; }


.solution_4{ background: #fff; background-size: cover; padding-top: 40px; padding-bottom: 40px;  }
.solution_4 .left{ float: none; width: 100%; }
.solution_4 .left p{ font-size:14px; color: #666; margin-bottom: 10px; font-weight: normal; }
.solution_4 .left h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; }
.solution_4 .left span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px;}
.solution_4 .left ul li{ font-size: 16px; color: #333;line-height: 2em; }
.solution_4 .left .text{ padding-left: 20px; padding-right: 20px; padding-top: 35px; }
.solution_4 .right{ float: none; width: 100%;padding-top: 40px; }
.solution_4 .right img{ width: 90%; display: block; margin: 0 auto; }





.solution_5{ background: #f5f5f5; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_5 .right{ float: none; width: 100%; }
.solution_5 .right p{ font-size:14px; color: #666; margin-bottom: 10px; font-weight: normal; }
.solution_5 .right h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; }
.solution_5 .right span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px;}
.solution_5 .right ul li{ font-size: 16px; color: #333;line-height: 2em; }
.solution_5 .right .text{ padding-top:0px; padding-left: 20px;}
.solution_5 .left{ float: none; width: 90%; margin: 0 auto; padding-top: 20px; }
.solution_5 .left img{ width: 100%; display: block; margin: 0 auto; }




.solution_6{ background:url(../images/solution_11.jpg) no-repeat; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_6 p{ font-size:14px; color: #fff; margin-bottom: 10px; font-weight: normal; text-align: center; padding-top: 50px;}
.solution_6 h2{ font-size: 24px; color: #fff; line-height: 1.4em; text-align: center; padding-left: 30px; padding-right: 30px; }
.solution_6 span{ width: 50px; height: 2px; display: block; background: #fff; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_6 ul{ text-align: center; padding-left: 10px; padding-right: 10px; }
.solution_6 ul li{ font-size: 16px; text-align: center; color: #333;line-height: 2em; width: 30%; margin: 0; padding: 0px; display: inline-table; margin-bottom: 0px; }
.solution_6 ul li img{ height: auto;width: 80px; margin:0 auto; }
.solution_6 ul li p{padding-top: 0px;}


.solution_7{ background: #f5f5f5; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_7 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_7 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_7 img{ height: auto; width: 90%; margin:0 auto; }

.solution_8{ background: #fff; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_8 p{ font-size: 14px; color: #666; line-height: 1.4em; text-align: center; margin-bottom: 10px;}
.solution_8 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_8 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_8 img{ height: auto; width: 95%; margin:0 auto; }

.solution_9{ background:url(../images/solution_47.jpg) no-repeat; background-size: cover; padding-top: 40px;  }
.solution_9 p{ font-size: 14px; color: #fff; line-height: 1.4em; text-align: center; margin-bottom: 10px;}
.solution_9 h2{ font-size: 24px; color: #fff; line-height: 1.4em; text-align: center; }
.solution_9 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_9 img{ height: auto; width: 100%; margin:0 auto; position: relative; top: 0px; }

.solution_10{ background: #fff; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_10 p{ font-size: 14px; color: #666; line-height: 1.4em; text-align: center; margin-bottom: 10px;}
.solution_10 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_10 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_10 img{ height: auto;width: 100%; margin:0 auto; }



.solution_11{ background: #f5f5f5; padding-top: 40px; padding-bottom: 40px; }
.solution_11 .img1{ height: 60px; display: block; margin: 0 auto; margin-bottom: 20px; }
.solution_11 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center;margin-bottom: 30px; padding-left: 20px; padding-right: 20px;}
.solution_11 .img2{ height: auto; width: 90%; display: block; margin: 0 auto;margin-bottom: 20px; }
.solution_11 p{ font-size: 16px; color: #333; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; text-align: justify; }

.solution_12{ background:url(../images/solution_22.jpg) no-repeat; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_12 h2{ font-size: 36px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_12 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto}
.solution_12 ul{ width: auto; padding-left: 20px; padding-right: 20px; }
.solution_12 ul li{ width: 100%; height:auto; float:  none; margin-right: 0; margin-bottom: 20px; background:rgba(255,255,255,0.9); border-radius: 5px; padding-top: 40px; padding-bottom: 40px;}
.solution_12 ul li img{ height: 60px; margin: 0 auto; margin-bottom: 20px; }
.solution_12 ul li strong{ font-size: 50px; color: #ef8a1e; margin-bottom: 20px; text-align: center; display: block; padding-top: 20px; }
.solution_12 ul li p{ font-size: 15px; color: #333;line-height: 1.8em; text-align: center; }

.solution_13{ background:url(../images/solution_23.jpg) no-repeat; background-size: cover; padding-bottom: 40px; padding-top: 40px; }
.solution_13 .right{ float: none; width: auto; padding-left: 20px; padding-right: 20px; }
.solution_13 p{ font-size: 14px; color: #fff; line-height: 1.4em; text-align: left; margin-bottom: 10px;}
.solution_13 h2{ font-size: 24px; color: #fff; line-height: 1.4em; text-align: left; }
.solution_13 ul li{ font-size: 16px; color: #fff;line-height: 2em; }
.solution_13 span{ width: 50px; height: 2px; display: block; background: #fff; margin-top: 20px; margin-bottom: 20px; }


.solution_14{ background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_14 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_14 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_14 ul li{ width: 100%; float: none; text-align: center; }
.solution_14 ul li img{ width:42%; display: inline-table; margin: 0 5px; margin-bottom: 20px; border-radius: 3px; padding: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); border:#ececec solid 1px; }
.solution_14 ul li strong{ position: relative; top: -40px;background:#ef8a1e; box-shadow: 0px 10px 20px rgba(226,142,60,0.3); border-radius: 3px; height: 40px; margin: 0 auto; display: block; color: #fff; font-size: 16px; line-height: 40px; width: 200px; text-align: center; }

.solution_15{ background:#f5f5f5; padding-bottom: 40px; padding-top: 40px; }
.solution_15 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: left; text-align: center; position: relative; z-index: 3;}
.solution_15 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; position: relative; z-index: 3; margin-bottom:20px; margin-left: auto; margin-right: auto; }
.solution_15 img{ width: 100%; margin-top: 0px; position: relative; }
.solution_15 ul{ padding-left: 20px; padding-top: 0px; }
.solution_15 ul li{ float: none; width: 100%; margin-right: 0; font-size: 15px; color: #333; line-height: 1.8em;  margin-bottom: 20px;}
.solution_15 ul li em{ display: inline;padding-right: 5px; font-weight: bold; font-size: 18px; }
.solution_15 ul li:nth-child(1) em{ color: #92999f; }
.solution_15 ul li:nth-child(2) em{ color: #4d6673; }
.solution_15 ul li:nth-child(3) em{ color: #46a2df; }
.solution_15 ul li:nth-child(4) em{ color: #e7458a; }
.solution_15 ul li:nth-child(5) em{ color: #4ca9b0; }
.solution_15 ul li:nth-child(6) em{ color: #833c79; }
.solution_15 ul li:nth-child(7) em{ color: #443f4f; }

.solution_16{ background:#fff; padding-bottom: 40px; padding-top: 40px; }
.solution_16 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: left; text-align: center; position: relative; z-index: 3;}
.solution_16 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; position: relative; z-index: 3; margin-bottom: 20px; margin-left: auto; margin-right: auto; }
.solution_16 .content .left{ float: none; width: 95%; margin:0 auto;}
.solution_16 .content .left img{width:100%; }
.solution_16 .content .center{ float: none; width: 100%; padding-top: 10px; text-align: center; }
.solution_16 .content .center img{width: 30%; display: inline-table; margin-bottom: 20px; }
.solution_16 .content .right{ float: none; width: auto; padding-left: 20px; padding-right: 20px; padding-top: 10px;}
.solution_16 .content .right ul li{ font-size: 15px; width: 50%; float: left; line-height: 2.2em; color: #333; }
.solution_16 .content .right ul li:last-child{ width: 100%; }
.solution_16 .content .right ul li i{ color: #ef8a1e; }
.solution_16 .content .right ul li strong{ color: #023692 }



.solution_17{ background:#f1f1f1; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_17 .left{ float: none; width: 100%; padding-top: 0px; }
.solution_17 .left img{ width: 80%; display: block; margin: 0 auto; }
.solution_17 .right{ float: none; width: auto;padding-left: 20px; padding-right: 20px; }
.solution_17 .right h2{ font-size: 24px; color: #ef8a1e; }
.solution_17 .right span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px;}
.solution_17 .right ul{ }
.solution_17 .right ul li{ font-size: 16px; color: #333;line-height: 2em; }
.solution_17 .right .text{ padding-top: 80px; }
.solution_17 .right h3{ font-size: 20px; color: #ef8a1e; margin-bottom: 10px; }

.solution_18{ padding-top: 40px; padding-bottom: 40px;  }
.solution_18 .left{ float: none; width: auto; padding-left: 20px; padding-right: 20px; }
.solution_18 .left p{ font-size:14px; color: #666; margin-bottom: 10px; font-weight: normal; text-align: justify; }
.solution_18 .left h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; }
.solution_18 .left span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px;}
.solution_18 .left ul li{ font-size: 16px; color: #333;line-height: 2em; }
.solution_18 .left .text{ padding-top: 0px; }
.solution_18 .right{ float: none; width: 100%; padding-top: 20px; }
.solution_18 .right img{ width: 95%; display: block; margin: 0 auto; }

.solution_19{  background:url(../images/solution_55.jpg) no-repeat center top; background-size: cover;background-attachment: fixed; padding-bottom: 40px; padding-top: 40px; }
.solution_19 h2{ font-size: 24px; color: #fff; line-height: 1.4em; text-align: left; text-align: center; position: relative; z-index: 3;}
.solution_19 span{ width: 50px; height: 2px; display: block; background: #fff; margin-top: 20px; position: relative; z-index: 3; margin-bottom: 20px; margin-left: auto; margin-right: auto; }
.solution_19 ul li{ float: left; width:50%; text-align: center; margin-bottom: 20px; }
.solution_19 ul li img{ width: 60px; height: 60px; margin: 0 auto; margin-bottom: 10px; } 
.solution_19 ul li h3{ font-size: 16px; color: #fff; margin-bottom: 0px; }
.solution_19 ul li p{ color: #fff; font-size: 14px; line-height: 1.6em; }

.solution_20{  background:#fff; background-size: cover;background-attachment: fixed; padding-bottom: 40px; padding-top: 40px; }
.solution_20 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: left; text-align: center; position: relative; z-index: 3;}
.solution_20 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; position: relative; z-index: 3; margin-bottom: 20px; margin-left: auto; margin-right: auto; }
.solution_20 ul{ text-align: center; }
.solution_20 ul li{ float: none; display:inline-table; width:30%; text-align: center; }
.solution_20 ul li img{ width: 70px; margin: 0 auto; margin-bottom: 20px; } 
.solution_20 ul li h3{ font-size: 16px; color: #333; margin-bottom: 10px; }

.solution_21{ background: #f9f9f9; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_21 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_21 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top:20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_21 img{ width: 100%; margin:0 auto; }
.solution_21 p{ font-size: 16px; color: #333; line-height: 1.4em; text-align: center; margin-bottom: 10px; padding-left: 20px; padding-right: 20px;}


.solution_22{ padding-top: 40px; padding-bottom: 40px; background: url(../images/solution_69.jpg) no-repeat center; background-size: cover; }
.solution_22 h2{ font-size: 24px; color: #fff; line-height: 1.4em; text-align: center; }
.solution_22 span{ width: 50px; height: 2px; display: block; background: #fff; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_22 h3{ font-size: 24px; color: #fff; line-height: 1.4em; text-align: center; margin-bottom: 20px; }
.solution_22 ul{ padding-top: 30px; padding-bottom: 50px; }
.solution_22 ul li{ width: 25%; float: left; margin-bottom: 20px; }
.solution_22 ul li img{ height: 80px; display: block; margin: 0 auto; }
.solution_22 ul li h5{ font-size: 16px; text-align: center; color: #fff; }
.solution_22 p{ font-size: 16px; color: #fff; line-height: 1.8em; padding-left: 20px; padding-right: 20px; text-align: justify; }


.solution_23{ padding-top: 40px; padding-bottom: 40px;background-size: cover; }
.solution_23 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_23 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_23 ul li{ float: none; width:100%; text-align: center; margin-bottom: 20px;}
.solution_23 ul li img{ width: 60px; margin: 0 auto; margin-bottom: 10px; } 
.solution_23 ul li h5{ font-size: 20px; color: #333; margin-bottom: 10px; }
.solution_23 p{ font-size: 16px; color: #666; line-height: 1.8em; padding-left: 20px; padding-right: 20px; text-align: justify; }


.solution_24{ background: url(../images/solution_109.jpg) no-repeat center; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_24 .right{ float: none; width: 100%; }
.solution_24 .right h2{ font-size: 24px; color: #fff; line-height: 1.4em; }
.solution_24 .right span{ width: 50px; height: 2px; display: block; background: #fff; margin-top:20px; margin-bottom: 20px;}
.solution_24 .right ul li{ font-size: 16px; color: #fff;line-height: 2em; }
.solution_24 .right .text{ padding-top:0px; padding-left: 20px ;padding-right: 20px;}
.solution_24 .left{ float: none; width: 100%;padding-top: 0; }
.solution_24 .left img{ width: 90%; display: block; margin: 0 auto; }


.solution_25{ padding-top: 40px; padding-bottom: 40px;background-size: cover; }
.solution_25 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_25 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_25 p{ margin: 0 auto; width: 90%; margin-bottom: 10px; }
.solution_25 img{ width: 94%; display: block; margin: 0 auto; }
.solution_25 h4{ font-size: 20px; color: #333; padding-top: 50px; padding-bottom: 20px; line-height: 1.4em; text-align: center; }
.solution_25 ul li{ width: 50%; float: left; margin-bottom: 0px; }
.solution_25 ul li img{ width: 80%; margin: 0 auto; border:#ececec solid 1px; padding: 4px; border-radius: 3px; }
.solution_25 ul li p{ text-align: center; font-size: 13px; color: #666; padding-top: 10px; }

.solution_26{ background: #f5f5f5; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_26 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_26 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom:20px; margin-left: auto; margin-right: auto}
.solution_26 img{ width: 96%; margin:0 auto; }
.solution_26 p{ font-size: 16px; color: #333; line-height: 1.4em; text-align: center; margin-bottom: 10px;}

.solution_27{ background: #fff; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_27 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_27 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_27 img{ width: 96%; margin:0 auto; }
.solution_27 p{ font-size: 16px; color: #333; line-height: 1.4em; text-align: center; margin-bottom: 10px;}

.solution_28{ background: #f5f5f5; background-size: cover; padding-top: 80px; padding-bottom: 50px; }
.solution_28 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_28 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_28 ul{ width: auto; padding-left: 10px; padding-right: 10px; }
.solution_28 ul li{ width:calc( 50% - 20px); float:left; background: #fff; margin-bottom: 20px; border-radius: 3px; margin-left: 10px;margin-right: 10px; }
.solution_28 ul li img{ width: 100%; display: block; }
.solution_28 ul li p{ font-size: 14px; text-align: center; color: #333; padding-top: 10px; padding-bottom: 10px; }


.solution_29{ background: #fff; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.solution_29 h2{ font-size: 24px; color: #ef8a1e; line-height: 1.4em; text-align: center; }
.solution_29 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto}
.solution_29 ul { padding-left: 10px; padding-right: 10px; }
.solution_29 ul li{width:calc( 50% - 20px); float: left; margin-bottom: 20px; margin-left: 10px;margin-right: 10px;}
.solution_29 ul li img{ width: 92%; margin: 0 auto; border:#ececec solid 1px; padding: 4px; border-radius: 3px; }
.solution_29 ul li p{ text-align: center; font-size: 14px; color: #666; padding-top: 10px; }


.service_1,.service_2,.service_3,.service_4,.service_5,.service_6,.service_7{ overflow: hidden; }

.service_1{ background: url(../images/service_1.jpg) no-repeat center; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.service_1 .left{ width: 100%; float: none; }
.service_1 .left img{ width: 96%; margin: 0 auto; }
.service_1 .right{ width: 100%; float: none; }
.service_1 .right h2{ font-size: 24px; margin-bottom: 20px; color: #fff; }
.service_1 .right ul li{ font-size: 16px; color: #fff;line-height: 1.6em; margin-bottom: 10px; position: relative; padding-left: 16px;}
.service_1 .right ul li span{ position: absolute; left:0px; }
.service_1 .right .text{ padding: 20px; }

.service_2{ background:#f5f5f5; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.service_2 h2{ font-size: 24px; margin-bottom: 20px; color: #333;text-align: center; margin-bottom:40px; }
.service_2 ul{ width: auto }
.service_2 ul li{ width:calc(50% - 20px); float: left; background: #fff; border-radius: 5px; margin-bottom: 20px; height: auto; padding-top: 40px; padding-bottom: 40px; margin-right: 10px; margin-left: 10px; }
.service_2 ul li img{ width: 44px; display: block; margin: 0 auto; margin-bottom: 20px; }
.service_2 ul li p{ font-size: 14px; padding-left:10px; padding-right:10px; text-align: center; line-height: 1.6em; }

.service_3{ background: url(../images/service_18.jpg) no-repeat center; background-size: cover; padding-bottom: 40px; position: relative; }
.service_3 .left{ width: 100%; float: none;padding-top: 40px; }
.service_3 .left h2{ font-size: 24px; margin-bottom: 20px; color: #fff; }
.service_3 .left ul li{ font-size: 16px; color: #fff;line-height: 1.6em; margin-bottom: 10px; position: relative; padding-left: 16px;}
.service_3 .left ul li span{ position: absolute; left:0px; }
.service_3 .left .text{ padding: 20px; padding-top: 280px; }
.service_3 .right{ width: 150%; float: none; position: absolute; top: 0px; }
.service_3 .right img{ height: auto; width: 100%; position: relative; right: -20px; }

.service_4{ background:#f5f5f5; background-size: cover; padding-top: 40px; padding-bottom: 40px; }
.service_4 h2{ font-size: 24px; margin-bottom: 20px; color: #333;text-align: center; margin-bottom: 60px; }
.service_4 ul li{ float: left; width:50%; margin-bottom: 20px;}
.service_4 ul li img{ width: 90px; display: block; margin: 0 auto; margin-bottom: 10px; }
.service_4 ul li p{ font-size: 16px; text-align: center; line-height: 1.6em; }

.service_5{ background: url(../images/service_10.jpg) no-repeat center top; background-size: 92% auto; padding-top: 40px;padding-bottom: 40px; }
.service_5 .left{ width: 100%; float: none; }
.service_5 .left h2{ font-size: 24px; margin-bottom: 20px; color: #333; }
.service_5 .left ul li{ font-size: 16px; color: #333;line-height: 1.6em; position: relative; margin-bottom: 10px; padding-left: 16px;}
.service_5 .left ul li span{ position: absolute; left:0px; }
.service_5 .left .text{ padding: 20px; padding-top: 230px; }
.service_5 .right{ width: 50%; float: right; }
.service_5 .right img{ height: 500px; }

.service_6{ background: url(../images/service_11.jpg) no-repeat center; background-size: cover; padding-top: 60px;padding-bottom: 60px; }
.service_6 h1{ margin-bottom: 30px; }
.service_6 h1 img{ height: 30px; margin: 0 auto;}
.service_6 h2{ font-size: 24px;color: #fff; text-align: center;font-family: "Gotham-Bold"; }
.service_6 h2 img{ display: inline; vertical-align:center; height: 32px; }
.service_6 p{text-align: center; font-size: 16px; color: #fff; margin-bottom: 30px; padding-left: 30px; padding-right: 30px;}



.news_list{ padding-top: 0px; padding-bottom: 0px; }
.news_list ul{ padding: 20px; }
.news_list ul li{ margin-bottom: 30px; border-bottom: #ececec solid 1px; padding-bottom: 30px; }
.news_list ul li a{ display:block; }
.news_list ul li a .img{ float: none; width: 100%; margin-right: 0; }
.news_list ul li a .img img{ width: 100%; height: auto; }
.news_list ul li a .info{ float: none; width: 100%; padding-top: 15px; }
.news_list ul li a .info .name{ font-size: 18px; color: #333; margin-bottom: 5px; line-height: 1.4em; font-weight: bold; }
.news_list ul li a .info .description{ font-size: 14px; color: #666; line-height: 1.6em; margin-bottom: 10px;}
.news_list ul li a .info .time{ font-size: 14px; color: #999; line-height: 1.6em; position: relative; padding-bottom: 20px; }
.news_list ul li a .info .time:after{content: ""; position: absolute; width: 30px; height: 2px; background:#ef8a1e; left: 0px; bottom: 0px;}
.news_list .more a{ text-decoration: none; text-align: center; }
.news_list .more a h3 { font-weight: normal; font-size: 16px; color: #333; line-height: 120%}
.news_list .more a h4 { font-weight: normal; font-size: 14px; color: #999; line-height: 120%; margin-bottom: 10px;}
.news_list .more a .icon { width: 40px; height: 40px; border-radius: 40px; border:#cdcdcd solid 1px; margin: 0 auto; text-align: center; line-height: 40px; color: #ef8a1e}
.news_list .nodata{text-align: center; color: #999; font-size: 16px;}

.news_detail{ padding:20px; }
.news_detail .title { border-bottom: #ececec solid 1px; padding-bottom: 20px;}
.news_detail .title h1{text-align: left; font-size: 18px; line-height:1.5em;}
.news_detail .title p{text-align: left; font-size: 14px; line-height: 2em;}
.news_detail .html{ padding-top: 20px; padding-bottom: 20px; font-size: 16px; color: #222; line-height: 2em; padding-bottom: 30px; border-bottom: #ececec solid 1px; text-align: justify; }
.news_detail .html *{ font-size: 16px!important; line-height: 2em!important;font-family:"微软雅黑",helvetica,"黑体",arial,verdana,sans-serif!important; }
.news_detail .html img{ display: block; margin: 10px auto; margin-top: 20px; width: 100%!important; height: auto!important; }
.news_detail .other{ padding-top: 30px; padding-bottom: 0px; font-size: 14px;}
.news_detail .other .left{float: left;}
.news_detail .other .right{float: right;}
.news_detail .other a{ color: #222; font-size: 14px; } 

.news_detail .video_content{ width:100%; margin: 0 auto; padding-top: 30px; }
.news_detail .video_content video{ height: auto; width: 100%; }

.faq_list{ padding-top:0px; }
.faq_list ul{width: auto; padding: 20px; padding-bottom:0px;}
.faq_list ul li {  float:none; width: auto; margin-right: 0px; background: #fff; border-radius: 3px; overflow: hidden; margin-bottom: 20px; box-shadow:0px 10px 20px rgba(0,0,0,0.06)}
.faq_list ul li img{ display: block;width: 100%; height: 132px;}
.faq_list ul li h3{ font-size: 16px; color: #333; font-weight: normal;  text-align: center; padding-top: 10px; padding-bottom: 10px; }
.faq_list ul li h3 a{ color: #333; }

.pagecontent{ padding-top: 30px; font-size: 16px; color: #222; line-height: 2em; padding-bottom:50px; }
.pagecontent p{ line-height: 2em; font-size: 16px; color: #333;text-indent: 2em;}
.pagecontent img{ width: 100%; display: block; }


.pagecontact { padding-bottom: 50px; }
.pagecontact .contact { padding-top: 70px; padding-bottom: 70px }
.pagecontact .contact ul li{ width: 25%; float: left;text-align: center; }
.pagecontact .contact ul li img{ width: 44px; margin: 0 auto; }
.pagecontact .contact ul li p{ font-size: 14px; color: #999; padding-top: 5px; padding-bottom: 5px;}
.pagecontact .contact ul li h2{ font-size: 18px; }

.product_list .pagewidth{ overflow: hidden; }
.product_list ul { width:auto; padding-left: 10px; padding-right: 10px; }
.product_list ul li{ width: calc(50% - 42px); border:#ececec solid 1px; margin-right: 10px; margin-left: 10px; float: left; text-align: center; margin-bottom: 20px; padding: 10px;}
.product_list ul li .img{ }
.product_list ul li .img img{ width: 100%; display: block; }
.product_list ul li h2{ text-align: center; padding-top: 10px; font-size: 14px; font-weight: normal; padding-bottom: 10px;}
.product_list { padding-top: 25px; }

.product_detail {background: #fff; border-bottom: #ececec solid 1px; }
.product_detail .left{ width:100%; float: none; background: #fff; border-right:none; padding: 0; padding-top: 20px;}
.product_detail .left img{ width: 100%; }
.product_detail .swiper-pagination-bullet{ opacity: 1; width: 10px; height: 10px ; margin:0px 5px!important; background: rgba(0,0,0,0.2); border-radius: 40px; }
.product_detail .swiper-pagination-bullet-active{ background: #ef8a1e;opacity: 1; }
.product_detail .left img{ width: 100%; display: block;}
.product_detail .right{width: auto; float: none; padding:20px; }
.product_detail .right h2{ font-size: 24px; color: #333; font-weight: bold; margin-bottom: 10px; padding-top: 0px; }
.product_detail .right .html{ font-size: 16px; color: #444; line-height: 1.8em; margin-bottom: 20px; }
.product_detail .right .contact{ padding-top: 40px; }
.product_detail .right .contact h3 {font-size: 14px;color: #666;font-weight: normal;line-height: 100%;margin-bottom: 10px;}
.product_detail .right .contact h4 {font-size: 14px;color: #666;font-weight: normal;line-height: 100%;margin-bottom: 10px;padding-top: 30px;}
.product_detail .right .contact .online { padding-bottom: 20px; }
.product_detail .right .contact .online a {display: block;color: #fff; font-size: 13px;padding: 5px 10px; float: left; width: 80px; text-align: center; border-radius: 40px; background: #f00;margin-right: 5px;}
.product_detail .right .contact .online a:nth-child(1) {background: #ce0000}
.product_detail .right .contact .online a:nth-child(2) {background: #52b6ef}
.product_detail .right .contact .online a:nth-child(3){background: #55b737}
.product_detail .right .contact .online a.wechat{ position: relative; }
.product_detail .right .contact .online a.wechat .wechatcontent{ display: none; position: absolute; left: -14px; top: 40px; z-index: 999; width: 140px; border-radius: 2px; border:#ececec solid 1px; background: #fff; }
.product_detail .right .contact .online a.wechat .wechatcontent:after{ content: '';position: absolute;border: 8px solid transparent;border-top-width: 0;border-bottom-color: #ececec;top: -8px;left: 40%}
.product_detail .right .contact .online a.wechat .wechatcontent:before{ content: '';position: absolute;border: 8px solid transparent;border-top-width: 0;border-bottom-color: #fff;top: -7px;left: 40%; z-index: 999;}
.product_detail .right .contact .online a.wechat .wechatcontent img{ width: 100%; display: block; height: 140px; }
.product_detail .right .contact .online a.wechat:hover .wechatcontent{ display: block; }
.product_detail .right .contact .tel{font-size: 24px;color: #013b84;font-family: "Gotham-Bold"; background: url(../images/protel.png) left center no-repeat ;padding-top: 2px;line-height: 100%;background-size: 22px 22px;padding-left: 26px;}
.product_detail_html .line{ height: 50px; line-height: 50px;border-bottom: #ececec solid 1px;  }
.product_detail_html .tab_menu { padding-left: 20px; }
.product_detail_html .tab_menu li{ float: left; margin-right: 30px; font-size: 14px;padding-left: 10px; padding-right: 10px;font-weight: bold; cursor: pointer; }
.product_detail_html .tab_menu li{ color: #333; }
.product_detail_html .tab_menu li.active{ color: #ef8a1e; border-bottom:#ef8a1e solid 1px }

.product_detail_html .tab_box table {border-collapse: collapse;width: auto; margin: 10px;}
.product_detail_html .tab_box table td {padding: 5px;font-size: 12px;color: #333;border: 1px solid #ececec; line-height: 1.3em;}
.product_detail_html .tab_box table tr:nth-child(2n) {background: #f5f5f5}
.product_detail_html .tab_box{  padding-bottom: 30px;}



.case_list ul { width: auto; padding: 20px; }
.case_list ul li{ width: 100%; margin-right: 0; float: none; text-align: center; margin-bottom:30px; }
.case_list ul li .img{ }
.case_list ul li .img img{ width: 100%; display: block; border-radius: 3px; }
.case_list ul li h2{ text-align: center; padding-top: 10px;font-size: 16px; color: #333; font-weight: normal; }
.case_list { padding-top: 0px; }


.join_title{ text-align: center; padding-top: 30px; }
.join_title h1{ font-size: 24px; color: #333; }
.join_title span{ width: 50px; height: 2px; background:#ef8a1e; display: block; margin: 20px auto; }


.join_1,.join_2,.join_3,.join_4,.join_5,.join_6,.join_7,.join_8,.join_9,.join_10,.join_11,.join_12,.join_13{ overflow: hidden; }
.join_1{background: url(../images/zs_1.jpg) no-repeat right!important; background-size: 200%!important; background-attachment: initial; }
.join_1 .pagewidth{ text-align: left; padding-top: 100px; padding-bottom: 100px; }
.join_1 .pagewidth img{ width: 70px;display: inline-table; margin-left: 20px;}
.join_1 .pagewidth h1{ font-size: 24px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: 15px; padding-top: 15px;  margin-left: 20px;}
.join_1 .pagewidth p{ font-size: 16px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-left: 20px;}

.join_2{background: url(../images/zs_2.jpg) no-repeat  left!important; background-size: 200%!important; background-attachment: initial;}
.join_2 .pagewidth{ text-align: left; padding-top: 100px; padding-bottom: 100px; }
.join_2 .pagewidth img{ width: 70px; display: inline-table; margin-left: 20px;}
.join_2 .pagewidth h1{ font-size: 24px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: 15px; padding-top: 15px; margin-left: 20px; }
.join_2 .pagewidth p{ font-size: 16px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-left: 20px;}

.join_3{background: url(../images/zs_3.jpg) no-repeat  -250px!important; background-size: 200%!important; background-attachment: initial;}
.join_3 .pagewidth{ text-align: left; padding-top: 100px; padding-bottom: 100px; }
.join_3 .pagewidth img{ width: 70px;display: inline-table; margin-left: 20px;}
.join_3 .pagewidth h1{ font-size: 24px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: 15px; padding-top: 15px; margin-left: 20px; }
.join_3 .pagewidth p{ font-size: 16px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-left: 20px; }

.join_4{background: url(../images/zs_4.jpg) no-repeat -100px!important; background-size:  200%!important; background-attachment: initial; }
.join_4 .pagewidth{ text-align: left; padding-top: 100px; padding-bottom: 100px; }
.join_4 .pagewidth img{ width: 70px;display: inline-table; margin-left: 20px;}
.join_4 .pagewidth h1{ font-size: 24px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: 15px; padding-top: 15px; margin-left: 20px; }
.join_4 .pagewidth p{ font-size: 16px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-left: 20px; }

.join_5{background: url(../images/zs_5.jpg) no-repeat  center!important; background-size: 200%!important; background-attachment: initial;}
.join_5 .pagewidth{ text-align: left; padding-top: 100px; padding-bottom: 100px; }
.join_5 .pagewidth img{ width: 70px;display: inline-table; margin-left: 20px;}
.join_5 .pagewidth h1{ font-size: 24px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-bottom: 15px; padding-top: 15px; margin-left: 20px; }
.join_5 .pagewidth p{ font-size: 16px; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.3); margin-left: 20px; }



.join_6{ text-align: center; padding-top: 40px; background:#f5f5f5; padding-bottom: 30px; }
.join_6 .title h1{ font-size:24px; color: #333; }
.join_6 .title span{ width: 50px; height: 2px; background:#ef8a1e; display: block; margin: 20px auto; }
.join_6 .content ul{ padding: 10px; }
.join_6 .content ul li{width: auto; float: none; background: #fff; border-radius: 3px; margin-left: 0; margin-right: 0; padding: 20px; margin-bottom: 10px; position: relative;box-shadow: 0px 10px 20px rgba(0,0,0,0.0); transition-duration: 0.2s;}
.join_6 .content ul li .img{width: 90px; height: 90px; border-radius: 90px; float: left; overflow: hidden; float: left; margin-right: 20px; margin-top: 15px}
.join_6 .content ul li .img img{ display: block; width: 90px; display: block; height: 90px; }
.join_6 .content ul li .info{ float: right; text-align: left; width: calc(100% - 110px); }
.join_6 .content ul li .info h3{transition-duration: 0.2s; font-size: 18px; color: #333; margin-bottom:0px; padding-top: 10px; }
.join_6 .content ul li .info p{transition-duration: 0.2s; font-size: 14px; color: #666; }
.join_6 .content ul li span{transition-duration: 0.2s; position: absolute; top:0px; right: 20px; background:#dddddd; color: #fff; font-size: 18px; text-align: center;width: 30px; font-weight: bold; padding-top:0px; padding-bottom: 0px; }
.join_6 .content ul li span:after{transition-duration: 0.2s; content: '';position: absolute;border: 15px solid transparent;border-bottom-width: 0;border-top-color: #ddd;top:24px;left: 0px; z-index: 999;transform:scale(1,0.5)}
.join_6 .content ul li:hover{box-shadow: 0px 10px 20px rgba(0,0,0,0.1);}
.join_6 .content ul li:hover .info h3{ color: #ef8a1e }
.join_6 .content ul li:hover .info p{ color: #ef8a1e }
.join_6 .content ul li:hover span{background:#ef8a1e;}
.join_6 .content ul li:hover span:after{border-top-color: #ef8a1e;}


.join_7{ text-align: center; padding-top: 40px; background:#fff; padding-bottom: 20px; }
.join_7 .title h1{ font-size: 24px; color: #333; }
.join_7 .title span{ width: 50px; height: 2px; background:#ef8a1e; display: block; margin: 20px auto; }
.join_7 .content{ padding-top: 30px; }
.join_7 .content ul li{width: 100%; float: none; margin-bottom: 20px; }
.join_7 .content ul li img{ width: 70px; display: block; margin: 0 auto; margin-bottom: 10px; }
.join_7 .content ul li h3{ font-size: 20px; color: #ef8a1e; margin-bottom: 5px;}
.join_7 .content ul li p{ font-size: 16px; color: #333; }

.join_8{background:#daeef8; }
.join_8 .pagewidth{ padding-top:40px; padding-bottom: 40px; }
.join_8 .text{ float:none; width: auto; padding: 20px; padding-top: 0px; text-align: justify; }
.join_8 .text .title{ font-weight: bold; font-size: 24px; color: #333333; padding-top: 30px; }
.join_8 .text span{ width: 50px; height: 2px; background:#305fbd; display: block; margin: 20px auto; margin-left: 0px; }
.join_8 .content{ font-size: 16px; color: #333; }
.join_8 .img{ float: none; width: 100%; }
.join_8 .img img{ width: 96%; display: block; margin:0 auto; }


.join_9{ text-align: center; padding-top:40px; background:#fff; padding-bottom: 40px; }
.join_9 .title h1{ font-size: 24px; color: #333; }
.join_9 .title span{ width: 50px; height: 2px; background:#ef8a1e; display: block; margin: 20px auto; }
.join_9 .title p{ font-size: 16px; color: #333; margin-bottom: 20px; width: auto; margin: 0 20px; text-align: justify;}
.join_9 .content{ padding-top: 30px; }
.join_9 .content ul li{width: 50%; float: left; margin-bottom: 20px;}
.join_9 .content ul li img{ width: 70px; display: block; margin: 0 auto; margin-bottom: 10px; }
.join_9 .content ul li h3{ font-size: 20px; color: #ef8a1e; margin-bottom: 10px;}
.join_9 .content ul li p{ font-size: 16px; color: #333; padding-left: 15px; padding-right: 15px;  text-align: justify;}


.join_10{background:#a9d0f4; }
.join_10 .pagewidth{ padding-top: 40px; padding-bottom: 40px; }
.join_10 .text{ float:none; width: auto; padding:20px;}
.join_10 .text .title{ font-weight: bold; font-size:24px; color: #333333; padding-top: 30px; }
.join_10 .text span{ width: 50px; height: 2px; background:#305fbd; display: block; margin: 20px auto; margin-left: 0px; }
.join_10 .content{ font-size: 16px; color: #333; text-align: justify; }
.join_10 .img{ float: none; width: 100%; }
.join_10 .img img{ width: 96%; display: block; margin: 0 auto; }


.join_11{ text-align: center; padding-top: 40px; background:#4d4d4d; padding-bottom: 40px; }
.join_11 .title h1{ font-size: 24px; color: #fff; }
.join_11 .title span{ width: 50px; height: 2px; background:#fff; display: block; margin: 20px auto; }
.join_11 .title p{ font-size: 16px; color: #333; margin-bottom: 20px; width: 70%; margin: 0 auto;}
.join_11 .content ul li{ float: none; width: 90%; text-align: left; color: #fff;height: 260px; margin: 0 auto; margin-bottom: 20px; }
.join_11 .content ul li h3{ font-size: 24px; color: #fff; margin-bottom: 10px; padding-left: 80px; padding-right: 30px; padding-top: 80px; }
.join_11 .content ul li p{ font-size: 16px; color: #fff; padding-left: 80px; padding-right: 80px;}
.join_11 .content ul li.li1{ background:url(../images/zs_26.png) no-repeat center; background-size: contain; }
.join_11 .content ul li.li2{ background:url(../images/zs_27.png) no-repeat center; background-size: contain; }
.join_11 .content ul li.li3{ background:url(../images/zs_28.png) no-repeat center; background-size: contain; }
.join_11 .content ul li.li4{ background:url(../images/zs_29.png) no-repeat center; background-size: contain; }
.join_11 .content ul li.lij{width:4%; float: left; text-align: center; font-size: 34px; padding-top: 110px; height: 140px; display: none; }
.join_11 .content ul li p.tel{font-size: 24px; font-weight: bold;}




.ser_1{ padding-top:30px; padding-bottom: 0px; background:#fff; }
.ser_1 .title{ margin-bottom: 40px; position: relative; }
.ser_1 .title:after{ display: none; }
.ser_1 .title h2{ font-size: 24px; color: #333; text-align: center; }
.ser_1 .title h2 span{ color: #ef8a1e; }
.ser_1 .title h3{ color: #333; text-align: center; font-size: 18px; }
.ser_1 .content{ padding-top:0px; }
.ser_1 .content{ position: relative; }
.ser_1 .content:after{  display: none; }
.ser_1 .content ul li{ text-align: center; float: left; width:50%;  position: relative; margin-bottom: 30px; }
.ser_1 .content ul li:after{ display: none;}
.ser_1 .content ul li .img{ border-radius: 80px; width: 80px; height: 80px; background:#ef8a1e; margin: 0 auto; position: relative; }
.ser_1 .content ul li .img:after{ position: absolute; content: ""; width: 90px; height: 90px; border-radius: 90px; border:#ef8a1e dashed 1px; left: -6px; top: -6px; }
.ser_1 .content ul li .img img{ width: 40px; margin: 0 auto; display: block; position: relative; top: 20px; }
.ser_1 .content ul li h3{ font-size: 18px; margin-bottom: 0px; padding-top: 20px; text-align: center; color: #ef8a1e }
.ser_1 .content ul li p{ font-size: 14px; color: #333; padding-left: 15px; padding-right: 15px; text-align: center; line-height: 1.4em; }
.ser_1 .content ul li p span{ color: #ef8a1e }

.ser_2{ padding-top: 30px; padding-bottom: 30px; background:#fff; }
.ser_2 .title{ margin-bottom: 40px; position: relative; }
.ser_2 .title h2{ font-size: 24px; color: #333; text-align: center; }
.ser_2 .title h2 span{ color: #333; }
.ser_2 .title h3{ color: #333; text-align: center; font-size: 18px; }

.ser_2 .content{ padding-top: 0px; }
.ser_2 .content{ position: relative; }
.ser_2 .content ul li{ text-align: center; float: left; width:50%;  position: relative; margin-bottom: 30px; }
.ser_2 .content ul li .img{ border-radius: 80px; width: 80px; height: 80px; background:#ef8a1e; margin: 0 auto; position: relative; }
.ser_2 .content ul li .img:after{ position: absolute; content: ""; width: 68px; height: 68px; border-radius: 68px; border:#fff dashed 1px; left: 5px; top: 5px; }
.ser_2 .content ul li .img img{ width: 40px; margin: 0 auto; display: block; position: relative; top: 20px; }
.ser_2 .content ul li h3{ font-size: 18px; margin-bottom: 0px; padding-top: 20px; text-align: center; color: #ef8a1e }
.ser_2 .content ul li p{ font-size: 14px; color: #333; padding-left: 15px; padding-right: 15px; text-align: center; }
.ser_2 .content ul li p span{ color: #ef8a1e }


.ser_3{ padding-top: 40px; padding-bottom: 40px; background:#f5f5f5; }
.ser_3 .title{ margin-bottom: 40px; position: relative; }
.ser_3 .title h2{ font-size: 24px; color: #333; text-align: center; }
.ser_3 .title h2 span{ color: #ef8a1e; }
.ser_3 .content{ padding-top: 0px; }
.ser_3 .content{ position: relative; }
.ser_3 .content ul { width: auto; padding-left: 20px; padding-right: 20px;}
.ser_3 .content ul li{ text-align: center; float: left; width:100%; margin-right: 0px; background: #fff; height: auto; padding-bottom: 20px; margin-bottom:20px; box-shadow: 0px 10px 20px rgba(0,0,0,0.06); }
.ser_3 .content ul li img{ width: 100%; display: block;}
.ser_3 .content ul li h3{ font-size: 20px; margin-bottom: 5px; padding-left: 20px; padding-right: 20px; padding-top: 20px; text-align: left; color: #333 }
.ser_3 .content ul li p{ font-size: 14px; color: #333; padding-left: 20px; padding-right: 20px; text-align: justify; }
.ser_3 .content ul li p span{ color: #ef8a1e }
.ser_3 .content ul li:nth-child(4){ height: auto; }
.ser_3 .content ul li:nth-child(5){ height: auto;}
.ser_3 .content ul li:nth-child(6){ height: auto;}

.ser_4{ padding-top: 40px; padding-bottom: 40px; background: #fff }
.ser_4 .title{ margin-bottom: 30px; }
.ser_4 .title h2{ font-size: 24px; color: #333; text-align: center; }
.ser_4 .title h2 span{ color: #ef8a1e; }
.ser_4 .content ul li{ text-align: center; float: none; width:100%; }
.ser_4 .content ul li img{ width:48%; display: block; margin: 0 auto }
.ser_4 .content ul li h3{ font-size: 18px; margin-bottom: 10px; padding-top:0px; }
.ser_4 .content ul li p{ font-size: 14px; color: #333; padding-left: 20px; padding-right: 20px; text-align: justify; }
.ser_4 .content ul li p span{ color: #ef8a1e }



.ser_5{ padding-top: 40px; padding-bottom: 40px; background:#f5f5f5; }
.ser_5 .pagewidth {position: relative;}
.ser_5 .title{ margin-bottom: 30px; position: relative; }
.ser_5 .title h2{ font-size: 24px; color: #333; text-align: center; }
.ser_5 .title h2 span{ color: #ef8a1e; }
.ser_5 .left{ float: none; width: 100%; display: none; text-align: center; }
.ser_5 .left img{ width: 80%; display: block; margin: 0 auto;}
.ser_5 .right{ float: none; width: 100%; padding-top: 0px; }
.ser_5 .right h2{ font-size: 18px; color: #ef8a1e; margin-bottom: 10px; padding-left: 20px; padding-top: 20px; }
.ser_5 .right img{ width: 44%; margin: 0 auto; }
.ser_5 .right p{ font-size: 14px; color: #333; line-height: 1.8em; padding-left: 20px; padding-right: 20px; text-align: justify;}



.ser_6{ padding-top: 40px; padding-bottom: 40px; background:#fff; }
.ser_6 .pagewidth {position: relative;}
.ser_6 .title{ margin-bottom: 20px; position: relative; }
.ser_6 .title h2{ font-size: 24px; color: #333; text-align: center; }
.ser_6 .title h2 span{ color: #ef8a1e; }
.ser_6 ol{ display: none;}
.ser_6 ol li{ font-size: 14px; color: #999; }
.ser_6 ol li.name { float: left; width: 75%;}
.ser_6 ol li.size { float: left; width: 15%;}
.ser_6 ol li.down { float: left; width: 10%}
.ser_6 ul { padding-left: 20px; padding-right: 20px; }
.ser_6 ul li{ padding-top: 15px; padding-bottom: 15px; border-bottom: #ececec solid 1px; line-height: 36px;}
.ser_6 ul li .name { float: left; width: 80%} 
.ser_6 ul li .size { float: left; width: 15%; font-size: 14px; color: #666; display: none;}
.ser_6 ul li .down { float: right; width: 15%;}
.ser_6 ul li .name a{ color: #333; font-size: 14px; font-weight: bold; }
.ser_6 ul li .name a:hover{ color: #ef8a1e; font-size: 14px; }
.ser_6 ul li .down a{ color: #fff; background: #ef8a1e; border-radius: 3px; padding-left: 10px ;padding-right: 10px;  font-size: 14px; position: relative; display: block; text-align: center; transition-duration: 0.3s;box-shadow: 3px 0px 10px rgba(239,138,30,0); position: relative; top: 0px;} 
.ser_6 ul li .down a:hover{ box-shadow: 3px 0px 10px rgba(239,138,30,0.5); position: relative; top: -2px;}
.ser_6 ul li .down i{ display: none; }

.ser_7{ padding-top: 40px; padding-bottom: 40px; background:#f5f5f5; }
.ser_7 .pagewidth {position: relative;}
.ser_7 .title{ margin-bottom: 20px; position: relative; }
.ser_7 .title h2{ font-size: 24px; color: #333; text-align: center; }
.ser_7 .title h2 span{ color: #ef8a1e; }
.ser_7 ul{width: auto; padding-left: 10px; padding-right: 10px;}
.ser_7 ul li {  float:left; width: calc(50% - 20px); margin-right: 10px; margin-left: 10px; background: #fff; border-radius: 3px; overflow: hidden; margin-bottom: 20px; box-shadow:0px 10px 20px rgba(0,0,0,0.06)}
.ser_7 ul li img{ display: block;width: 100%; height: auto;}
.ser_7 ul li h3{ font-size: 16px; color: #333; font-weight: normal;  text-align: center; padding-top: 10px; padding-bottom: 10px; }
.ser_7 ul li h3 a{ color: #333; }



.about_main{ background:#f5f5f5; padding-top: 0px; padding-bottom: 0px; }
.about_main .left{ float: none; width: 100%; float: none; background: #fff; }
.about_main .left ul li a{ height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #333; display: block; border-bottom:none; }
.about_main .left ul li a.active{ background: #ef8a1e; color: #fff; font-weight: bold; border-bottom: none }

.about_main .left{ height: auto; line-height: 40px; border-bottom: #ececec solid 1px; padding-top: 10px; padding-bottom: 10px; display: none; }
.about_main .left ul{ display: -webkit-flex; /* Safari */
  -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
  display: flex;
  flex-flow: row-reverse wrap; justify-content:center; flex-direction: row;}
.about_main .left ul li{font-size: 14px; font-weight: bold; width: auto;}
.about_main .left ul li a{ color: #333; display: block; text-align: center; margin-left: 10px;  margin-right: 10px; height: 40px; line-height: 40px; }
.about_main .left ul li a.active{ color: #ef8a1e; border-bottom:#ef8a1e solid 1px; background: none;  }



.about_main .right{ float: none; width: auto; float: none; background: #fff; padding: 20px; }
.about_main .right .title{ font-size: 20px; color: #333; position: relative;padding-bottom: 30px; margin-bottom: 10px; }
.about_main .right .title:after{ position: absolute; content: ""; width: 40px; height: 2px; background: #ef8a1e; left: 0px; top: 45px; }
.about_main .right .img .swiper-slide{ width: auto; }
.about_main .right .img .swiper-slide img{ width: 100%; display: block; }
.about_main .right .img .swiper-container{ padding-bottom: 50px; }
.about_main .right .img .swiper-pagination-bullet{ opacity: 1; width: 8px; height: 8px; margin:0px 5px!important; background: none; border-radius: 40px; border:#ccc solid 1.5px; }
.about_main .right .img .swiper-pagination-bullet-active{ background: #ef8a1e;opacity: 1; border-color: #ef8a1e}
.about_main .right .nub { padding-top: 30px; padding-bottom: 30px; }
.about_main .right .nub ul li img{ display: block; width: 28px; margin: 0 auto; margin-bottom: 10px;}
.about_main .right .nub ul li{ float: left; width: 20%; text-align: center; }
.about_main .right .nub ul li strong{ color: #ef8a1e; font-size:20px; font-family: "Gotham-Bold"; }
.about_main .right .nub ul li p{ font-size: 12px; color: #333; padding-top: 0px; }
.about_main .right .content{ line-height: 2em; font-size: 16px; color: #333; text-align: justify; }
.about_main .right .content p{ text-indent: 2em;text-align: justify; margin-bottom: 20px; }


.about_main .right .course h4{ font-size: 18px; color: #ef8a1e; text-align: center; padding-top: 20px; }
.about_main .right .course h5{ font-size: 16px; color: #333; text-align: center; padding-top: 5px; font-weight: normal; margin-bottom:40px; }
.about_main .right .course{ position: relative; width: auto; margin: 0 auto;  }
.about_main .right .course:after{ position: absolute; left: 10px; content: ""; border-left: #ececec solid 1px; top:140px; bottom: 0px; }
.about_main .right .course ul li{ margin-bottom: 30px; }
.about_main .right .course ul li:nth-child(2n-1){ padding-right: 0px;}
.about_main .right .course ul li:nth-child(2n){ padding-left: 0px; }
.about_main .right .course ul li:nth-child(2n-1) .text{ position: relative; }
.about_main .right .course ul li:nth-child(2n-1) .text:after{ position: absolute; content: ""; right: auto; left: 3px; background: #fff; top: 4px; width: 11px; height: 11px; border-radius: 11px; border:#ef8a1e solid 2px; z-index: 111; }
.about_main .right .course ul li:nth-child(2n-1) .text:before{ position: absolute; content: ""; right: auto; left: 8px; z-index: 1; top:9px;width: 5px; height: 5px; border-radius: 5px; background: #ef8a1e; z-index: 112;}

.about_main .right .course ul li:nth-child(2n) .text{ position: relative; }
.about_main .right .course ul li:nth-child(2n) .text:after{ position: absolute; content: "";  right: auto; left: 3px; background: #fff; top: 4px; width: 11px; height: 11px; border-radius: 11px; border:#ef8a1e solid 2px; z-index: 111; }
.about_main .right .course ul li:nth-child(2n) .text:before{ position: absolute; content: "";  right: auto; left: 8px; z-index: 1; top:9px;width: 5px; height: 5px; border-radius: 5px; background: #ef8a1e; z-index: 112;}


.about_main .right .course ul li:nth-child(2n-1) .img{ float: right; }
.about_main .right .course ul li:nth-child(2n-1) .img img{ height: 70px; display: block; }
.about_main .right .course ul li:nth-child(2n-1) .text{ text-align: left; padding-top: 0px; padding-left: 30px;}
.about_main .right .course ul li:nth-child(2n-1) .text h1{ font-size: 24px; font-family: "Gotham-Bold";color: #ef8a1e; margin-bottom: 5px; }
.about_main .right .course ul li:nth-child(2n-1) .text p{ font-size: 14px; color: #666; }


.about_main .right .course ul li:nth-child(2n) .img{ float: right; }
.about_main .right .course ul li:nth-child(2n) .img img{ height: 70px; display: block; }
.about_main .right .course ul li:nth-child(2n) .text{ text-align: left; padding-top: 0px; padding-left: 30px }
.about_main .right .course ul li:nth-child(2n) .text h1{ font-size: 24px; font-family: "Gotham-Bold";color: #ef8a1e; margin-bottom: 5px; }
.about_main .right .course ul li:nth-child(2n) .text p{ font-size: 14px; color: #666; }

.about_main .right .exhibition{ position: relative; }
.about_main .right .exhibition:after{ content: ""; position: absolute; left: 10px; top: 0px; bottom: 0px; border-left: #ef8a1e solid 1px; }
.about_main .right .exhibition ul{padding-left: 20px;}
.about_main .right .exhibition ul li { margin-bottom:20px; }
.about_main .right .exhibition ul li .year{ font-size: 18px; color: #ef8a1e; font-weight: bold; padding-left: 8px;margin-bottom: 20px; position: relative; }
.about_main .right .exhibition ul li .year:after{ position: absolute; content: ""; left: -17px; background: #fff; top: 7px; width: 11px; height: 11px; border-radius: 11px; border:#ef8a1e solid 2px; z-index: 111; }
.about_main .right .exhibition ul li .year:before{ position: absolute; content: ""; left: -12px; z-index: 1; top:12px;width: 5px; height: 5px; border-radius: 5px; background: #ef8a1e; z-index: 112;}
.about_main .right .exhibition ul li .name{ font-size: 18px; color: #666; padding-left: 8px; margin-bottom: 10px; position: relative; }
.about_main .right .exhibition ul li .name:before{ position: absolute; content: ""; left: -23px; z-index: 1; top:10px;width: 7px; height: 7px; border-radius: 7px; background: #ef8a1e; z-index: 112;}
.about_main .right .exhibition ul li dl dd{ float: left; width:calc(33.333% - 10px); margin-right: 5px; margin-left: 5px; margin-bottom: 10px; }
.about_main .right .exhibition ul li dl dd img{width: 100%; display: block; border-radius: 3px;}


.about_main .right .environment .gallery-thumbs .swiper-slide{ width: 20%; }
.about_main .right .environment .gallery-top {height: 80%;width: 100%;}
.about_main .right .environment .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.about_main .right .environment .gallery-thumbs .swiper-slide {width: 25%;height: 100%; background: #000;}
.about_main .right .environment .gallery-thumbs .swiper-slide img{ opacity: 0.4; }
.about_main .right .environment .gallery-thumbs .swiper-slide-active img{opacity: 1;}

/*
.about_main .right .environment .gallery-thumbs .swiper-slide{ width: 20%; }
.about_main .right .environment .gallery-top {height: 80%;width: 100%;}
.about_main .right .environment .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.about_main .right .environment .gallery-thumbs .swiper-slide {width: 25%;height: 100%; background: #000;}
.about_main .right .environment .gallery-thumbs .swiper-slide img{ opacity: 0.4; }
.about_main .right .environment .gallery-thumbs .swiper-slide-active img{opacity: 1;}
*/
.about_main .right .honor{ overflow: hidden; }
.about_main .right .honor ul{ width: auto; }
.about_main .right .honor ul li{ width: 100%; float: none; margin-right: 0px; }
.about_main .right .honor ul li .img{ border-radius: 2px; padding: 4px; border: #ececec solid 1px;}
.about_main .right .honor ul li .img img{height:235px; display: block; margin: 0 auto}
.about_main .right .honor ul li .name{ text-align: center; font-size: 14px; color: #333; padding-top: 5px; padding-bottom: 20px; }

.about_main .right .environment{ overflow: hidden; }
.about_main .right .environment ul{ width: auto; }
.about_main .right .environment ul li{ width:100%; float: none; margin-right: 0px; padding-left: 0px; margin-bottom: 10px; }
.about_main .right .environment ul li .img{ border-radius: 2px; padding: 4px; border: #ececec solid 1px;}
.about_main .right .environment ul li .img img{height:auto; display: block; margin: 0 auto}
.about_main .right .environment ul li .name{ text-align: center; font-size: 14px; color: #333; padding-top: 5px; padding-bottom: 20px; }



.contactdetail h3{ font-weight: bold; font-size:18px; color: #ef8a1e; margin-bottom: 10px; }
.contactdetail p{ color: #333; line-height: 2em; }


/*产品详细*/

.product_detail_content_main1{ background: #f9f9f9; padding-top: 30px; padding-bottom: 30px; }
.product_detail_content_main1 .title{ font-size: 24px; color: #333; text-align: center; font-weight: bold; padding-bottom: 20px; }
.product_detail_content_main1 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin: 0 auto; margin-bottom: 20px; }
.product_detail_content_main1 .description{ padding-left: 20px; padding-right:20px; font-size: 16px; color: #333; line-height: 2em; text-align: center; }
.product_detail_content_main1 ul{ padding-top: 30px; padding-bottom:0px; }
.product_detail_content_main1 ul li{ width: 25%; float: left; text-align: center; margin-bottom: 20px; }
.product_detail_content_main1 ul li img{ width: 50px; display: block; margin: 0 auto; }
.product_detail_content_main1 ul li p{ color: #333; font-size: 14px; padding-top: 10px; }

.product_detail_content_main2{ padding-top: 30px; padding-bottom: 30px; }
.product_detail_content_main2 .title{ font-size: 24px; color: #333; text-align: center; font-weight: bold; padding-bottom: 20px; }
.product_detail_content_main2 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin: 0 auto; margin-bottom: 20px; }
.product_detail_content_main2 .description{ padding-left: 20px; padding-right:20px; font-size: 16px; color: #333; line-height: 2em; text-align: center; }
.product_detail_content_main2 ul{ padding-top: 30px; padding-bottom: 30px; }
.product_detail_content_main2 ul li{ padding-bottom:0px; }
.product_detail_content_main2 ul li .text{  }
.product_detail_content_main2 ul li .text h2{ font-size: 18px; color: #ef8a1e; margin-bottom: 15px; position: relative; padding-left: 26px; margin-top: 20px;}
.product_detail_content_main2 ul li .text h2 em{ position: absolute; left: 0px; top: 4px; width: 20px; line-height: 20px; width: 20px; border-radius: 20px; background: #ef8a1e; font-size: 14px; font-style: normal; color: #fff; text-align: center; }
.product_detail_content_main2 ul li .text p{ color: #333; font-size: 16px; line-height: 2em;}

.product_detail_content_main2 ul li.li1 .img{ float: none; width: auto; }
.product_detail_content_main2 ul li.li1 .img img{ width: 90%; margin: 0 auto; }
.product_detail_content_main2 ul li.li1 .text{ float: none; width: auto;  padding-left: 20px; padding-right: 20px; text-align: justify; }

.product_detail_content_main2 ul li.li2 .img{ float: none; width: auto;margin-bottom: 20px;}
.product_detail_content_main2 ul li.li2 .img img{ width: 90%; margin: 0 auto; }
.product_detail_content_main2 ul li.li2 .text{ float: none; width: auto;  padding-left: 20px; padding-right: 20px; text-align: justify; }

.product_detail_content_main2 ul li.li3 .img{ float: none; width: auto; }
.product_detail_content_main2 ul li.li3 .img img{ width: 50%; margin: 0 auto; }
.product_detail_content_main2 ul li.li3 .text{ float: none; width: auto; padding-top: 20px;  padding-left: 20px; padding-right: 20px; text-align: justify;}
.product_detail_content_main2 ul li.li3 .text p{ margin-bottom: 0px; }

.product_detail_content_main2 ul li.li4 .img{ float:none; width: auto; }
.product_detail_content_main2 ul li.li4 .img img{ width: 90%; margin: 0 auto; }
.product_detail_content_main2 ul li.li4 .text{ float: none; width:auto;   padding-left: 20px; padding-right: 20px; text-align: justify;}
.product_detail_content_main2 ul li.li4 .text p{ margin-bottom: 50px; }

.product_detail_content_main2 ul li.li5 .img{ float: none; width: auto; }
.product_detail_content_main2 ul li.li5 .img img{ width: 90%; margin: 0 auto; }
.product_detail_content_main2 ul li.li5 .text{ float: none; width: auto ;   padding-left: 20px; padding-right: 20px; text-align: justify;}
.product_detail_content_main2 ul li.li5 .text h2{ padding-top: 0px; }
.product_detail_content_main2 ul li.li5 .text p{ margin-bottom: 30px; }

.product_detail_content_main2 ul li.li6 .img{ float:right; width: auto; padding-top: 30px; }
.product_detail_content_main2 ul li.li6 .img img{ width: 180px; margin: 0 auto; }
.product_detail_content_main2 ul li.li6 .text{ float: left; width:45%; padding-left: 20px; }
.product_detail_content_main2 ul li.li6 .text p{ margin-bottom: 0px; text-align: justify; }


.product_detail_content_main3{ background: #f9f9f9; padding-top: 30px; padding-bottom: 30px; }
.product_detail_content_main3 .description{ padding-left:20px; padding-right:20px; font-size: 16px; color: #333; line-height: 2em; text-align: justify; }
.product_detail_content_main3 ol{ width: auto; padding-top: 20px; }
.product_detail_content_main3 ol li{white-space: pre-wrap; word-wrap: break-word; list-style:none; background: #fff; text-align: center; padding: 0px; height: 140px; border-radius: 5px; float: left; width:calc(50% - 20px); margin-right: 5px; margin-left: 5px; font-size: 16px; color: #666; margin-bottom: 10px; padding-top: 20px; }
.product_detail_content_main3 ol li strong{ font-size: 14px; line-height: 1.5em; font-weight: bold; color: #ef8a1e; padding-left: 20px; padding-right: 20px; display: block;}
.product_detail_content_main3 ol li img{ height: 44px;width: 44px; margin: 0 auto; display: block; margin-bottom: 10px; }


.product_detail_content_main4{ background: #fff; padding-top: 30px; padding-bottom: 30px; }
.product_detail_content_main4 .description{ padding-left:20px; padding-right:20px; font-size: 16px; color: #333; line-height: 2em; text-align: justify; }
.product_detail_content_main4 ol{ width: auto; padding-top: 20px; padding: 10px; }
.product_detail_content_main4 ol li{ position: relative; white-space: pre-wrap; word-wrap: break-word; list-style:none; background: #ef8a1e; text-align: center; padding:20px; height: 60px; border-radius: 5px; float: left; width:calc(50% - 50px); margin-right: 5px; margin-left: 5px; font-size: 16px; color: #fff; margin-bottom: 15px; font-weight: bold; line-height: 1.6em;}
.product_detail_content_main4 ol li strong{ font-size: 18px; font-weight: bold; color: #ef8a1e}
.product_detail_content_main4 ol li img{ height: 44px;width: 44px; margin: 0 auto; display: block; margin-bottom: 10px; }
.product_detail_content_main4 .title{ font-size: 36px; color: #333; text-align: center; font-weight: bold; padding-bottom: 30px; }
.product_detail_content_main4 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin: 0 auto; margin-bottom: 20px; }
.product_detail_content_main4 ol li span{ background: #fff; border:#ef8a1e solid 2px; height: 24px; line-height: 24px; text-align: center; width: 24px; font-size: 14px; color: #ef8a1e; border-radius: 50px; position: absolute; left: -4px; top: -4px; }


.product_detail_content_main5{ background: #f5f5f5; padding-top: 30px; padding-bottom: 30px; }
.product_detail_content_main5 .title{ font-size: 24px; color: #ef8a1e; text-align: center; font-weight: bold; padding-bottom:15px; }
.product_detail_content_main5 .title1{ font-size: 14px; color: #333; text-align: center; font-weight: bold; padding-bottom: 20px; }
.product_detail_content_main5 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin: 0 auto; margin-bottom: 20px; }
.product_detail_content_main5 .description{ padding-left:20px; padding-right:20px; font-size: 16px; color: #333; line-height: 2em; text-align: center; }
.product_detail_content_main5 ul{ padding-top: 20px; padding-left: 0px; padding-right: 0px; text-align: center; }
.product_detail_content_main5 ul li{ width:140px; padding-top: 30px;  margin-bottom: 20px; height: 110px; margin-right: 15px; margin-left: 15px; float: none; display: inline-table; text-align: center; border-radius: 160px;background: #fff; border:#ececec solid 1px;}
.product_detail_content_main5 ul li strong{ display: block; font-weight: bold; font-size: 28px; color: #ef8a1e; padding-bottom: 10px;}
.product_detail_content_main5 ul li.last strong{ padding-bottom: 5px; }
.product_detail_content_main5 ul li em{ display: block; font-size: 14px; }
.product_detail_content_main5 ul li p{ font-size: 14px; color: #666; padding-left: 20px; padding-right: 20px; line-height: 1.6em; }

.product_detail_content_main6{ background: #fff; padding-top: 30px; padding-bottom: 30px; }
.product_detail_content_main6 .title{ font-size: 24px; color: #ef8a1e; text-align: center; font-weight: bold; padding-bottom:15px; }
.product_detail_content_main6 .title1{ font-size: 14px; color: #333; text-align: center; font-weight: bold; padding-bottom: 20px; }
.product_detail_content_main6 span{ width: 50px; height: 2px; display: block; background: #ef8a1e; margin: 0 auto; margin-bottom: 20px; }
.product_detail_content_main6 .description{ padding-left:10%; padding-right:10%; font-size: 16px; color: #333; line-height: 2em; text-align: center; }
.product_detail_content_main6 ul{ padding-top: 40px; width: 105%; }
.product_detail_content_main6 ul li{ width:198px; padding-top: 50px; height: 120px; margin-right: 20px; float: left; text-align: center; border-radius: 200px; border:#ececec solid 1px;}
.product_detail_content_main6 ul li strong{ display: block; font-weight: bold; font-size: 36px; color: #ef8a1e; height: 56px;}
.product_detail_content_main6 ul li em{ display: block; font-size: 18px; }
.product_detail_content_main6 ul li p{ font-size: 15px; color: #666; }

.product_detail_content_main7{ padding: 20px; padding-top: 0px; }
.product_detail_content_main7 h3{ padding-top:30px; font-size: 20px; color: #333; font-weight: bold; margin-bottom: 10px; }
.product_detail_content_main7 p{font-size: 16px; line-height: 1.8em; color: #333; text-align: justify; }
.product_detail_content_main7 p img{ width: 100%; display: block; margin: 10px auto; }


.down_list {padding-top: 20px;padding-bottom: 30px;background: #fff;}
.down_list .pagewidth {position: relative;}
.down_list ol{ padding-bottom: 10px;border-bottom: #ececec solid 1px; display: none;}
.down_list ul{ padding: 20px;  padding-top: 0px; }
.down_list ul li .name { float: left; width: 80%} 
.down_list ul li .size { float: left; width: 15%; font-size: 14px; color: #666; display: none;}
.down_list ul li .down { float: right; width: 15%;}
.down_list ul li .name a{ color: #333; font-size: 14px; font-weight: bold; }
.down_list ul li .name a:hover{ color: #ef8a1e; font-size: 14px; }
.down_list ul li .down a{ color: #fff; background: #ef8a1e; border-radius: 3px; padding-left: 10px ;padding-right: 10px;  font-size: 14px; position: relative; display: block; text-align: center; transition-duration: 0.3s;box-shadow: 3px 0px 10px rgba(239,138,30,0); position: relative; top: 0px;} 
.down_list ul li .down a:hover{ box-shadow: 3px 0px 10px rgba(239,138,30,0.5); position: relative; top: -2px;}
.down_list ul li .down i{ display: none; }


.faq_detail { background: #f7f7f7; padding-top: 0px; padding-bottom:0px;}
.faq_detail .content{ float: none; width: auto; padding: 20px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.05) }
.faq_detail .content .title {padding-bottom: 20px;}
.faq_detail .content .title h1{text-align: left; font-size: 24px; line-height:1.5em;}
.faq_detail .content .html{  padding-bottom: 20px; font-size: 16px; color: #222; line-height: 2em; padding-bottom: 30px; text-align: justify; }
.faq_detail .content .html *{ font-size: 16px!important;  line-height: 2em!important;font-family:"微软雅黑",helvetica,"黑体",arial,verdana,sans-serif!important; }
.faq_detail .content .html img{ display: block; margin: 10px auto;  width: 100%!important; height: auto!important; }
.faq_detail .slide{ float: none; display:none;}


}
/*手机*/
@media screen and (max-width: 480px) {}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}

.product_detail_html{ width:100%; height:auto; overflow:hidden;}
.hide{ margin-top:20px;}