body{margin:0 auto; font-family:"Arial"; color:#555; font-size:14px;min-width:1300px;}
div,dl,ul,li,span,p,img,h1,h2,dl,p,em,h6{margin:0px; padding:0px; list-style:none; border:0px;}
.clear{clear:both; height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.cp img{border:1px solid #ccc; background-color:#fff; padding:2px; background-color:#fff;}
.cp a:hover img{border:1px solid #ff4400; background-color:#fff; padding:2px;}
a{color:#525252; text-decoration: none; cursor:pointer;}
.trans1 img{transition:all 0.8s linear; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; -ms-transition:all 0.8s linear;}
.trans1 img:hover{ transform: rotate(360deg);-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg);}
		
.trans2 img{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.trans2 img:hover{ transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -wbkit-transform: scale(1.2);}
	
a:hover{text-decoration: none; color:#ff4400;}
.box{width:1300px; height:auto; margin:0 auto; position: relative;}
.box:after{ display: block; content: ""; clear: both;}
 
 
  @font-face {font-family:PERFS; src:url(https://memberpic.114my.com.cn/076927280621/cssnew/PERFS_TTF.txt),url(https://memberpic.114my.com.cn/076927280621/cssnew/PERFS_woff2.txt),url(https://memberpic.114my.com.cn/076927280621/cssnew/PERFS_eot.txt),url(https://memberpic.114my.com.cn/076927280621/cssnew/PERFS_eot.txt),url(https://memberpic.114my.com.cn/076927280621/cssnew/PERFS_otf.txt)}
 
 
 .top_all{ font-size:14px; color:#b3b5b7; min-width: 1300px; height:40px; line-height:40px; background:#f6f7f8; padding:0 80px 0 80px; position:relative;}
.top_all:after{ content:''; display:block; position:absolute; right:0; top:0; z-index:1; background:#ff4400; width:720px; height:50px; border-bottom-left-radius:80px;}
.top_r{z-index:2;position:relative; font-size:16px; color:#fff; line-height:48px; padding-left:30px; background:url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201014/20201014141715_1357893048.png) no-repeat left center;    margin: 0 110px 0 0;}
.top_r span{ font-size:22px; color:#ffffff;letter-spacing: 1px; vertical-align: sub; font-family:PERFS;}

.head_b {
    float: right;
    position: relative;
    z-index: 5;
    margin: 10px 10px;    left: 34%;
}

.head_b ul {display: flex;width: 100%;align-items:  center;justify-content:  space-between;flex-direction: row-reverse;}
.head_b li {/* position:relative; *//* width: 55px; */border: 1px solid #fff;}
.head_b>ul>li:first-child {display:flex;align-items: center;/* display: none; */}
.head_b li+li {margin: 0 0 0 1vw;/* border-left: 1px solid #eee; */padding: 0 0 0 0.5vw;}
.head_b li>i {font-size: 25px;/* color: #fff; *//* width: 40px; *//* height: 40px; *//* background: #c70003; */display: flex;justify-content: center;align-items: center;border-radius: 5px;/* border: 1px solid #eee; */}
.head_b li:last-child:hover>p {transform: rotateX(0deg); }
.head_b li>p {font-size: 15px;/* padding: 0px 0 0 7px; */white-space:  nowrap;display:  flex;flex-direction:  column;font-weight:  lighter;padding: 1.2% 2%;transition: 0.5s;top: 100%;right: 0;/* width: 13%; */}
.head_b li>p>span {font-family:DIN Medium;font-size: calc(0.8rem + 0.5vw);font-weight: bold;color: #1a67bf;}
.head_b li>a {font-size: 15px;color: #fff;font-family:  Arial;display: flex;align-items: center;flex-direction: row-reverse;font-weight: bold;padding: 0% 10px;    height: 30px;}
.head_b li>a i {/* transform:rotate(90deg); */font-size: 10px;margin: 0 8px 0 0;font-size: 1.5rem;font-weight: normal;display: none;}
.head_lan {/* margin: 0 0 0 30px; */position: absolute;transform: rotateX(90deg);transform-origin: top;transition: 0.5s;top: 100%;border-top: 2px solid #ff6600;display:none;}
.head_lan p {display:flex;/* border-top: 1px solid #eee; */padding: 12% 0;width: 88px;/* justify-content: center; *//* align-items: center; */background: #fff;transition: 0.5s;}
.head_lan p+p {border-top: 1px solid #ebebeb;}
.head_lan p:hover {background:#1a67bf;}
.head_lan p a {display:flex;align-items: center;}
.head_lan p:hover a {color:#fff;}
.head_lan p i {width: 26%;display: none;}
.head_lan p i img {width:100%;}
.head_lan p span {font-size: 13px;margin: 0 0 0 16px;/* font-weight: lighter; */white-space: nowrap;}
.head_num li:hover .head_lan {transform: rotateX(0deg);}
 
 .head_all{ padding:35px 80px 0 80px; position:relative;min-width: 1300px; margin-bottom: 30px;}
 .head_l{}
 .head_logo{ margin-right:8px;} 
 .head_logo img{ display: block; height: 56px;}
 .head_w{ font-size: 16px;color: #444;line-height: 32px;margin-top: 9px;}
 .head_w strong{display: block;font-size: 20px;line-height: 100%;color: #222;   text-transform: uppercase;}
 .head_w dl{letter-spacing: 2.8px;margin-top: 6px;line-height: 100%;}
 
 /*导è*/
.navbor{ width: auto;color: #333;font-size: 16px;margin:15px 0  0 0;position:relative; }
.nav{}
.NavCeshi.page{ position: relative; }
.nav > ul > li{ float: left;display:block;line-height:45px;width:auto; box-sizing: border-box;  position:relative; z-index: 99; text-align:center; margin-left: 10px;}
.nav > ul > li > a{ display: block;  font-size:1rem;color:#333; padding: 0 20px; }
.nav > ul > li:hover{ height:45px;}
  .nav > ul > li:hover  a{color:#fff;}

.nav > ul > .block{ background-color:#ff4400; height:45px; color:#fff !important;display: block; box-sizing: border-box; position: absolute; top: 0;padding: 0 20px;  margin-left:10px;}
.erji_menu { display: none; position: absolute; left: -45%; width: 200%; z-index: 1111;top: 45px; }
.erji_menu ul li a{ display: block; box-sizing: border-box;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; padding: 0 10px; text-align: center; font-size: 14px; color: #555 !important; line-height:45px; border-top:1px solid #e4e4e4; background: #f5f5f5; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;}
.erji_menu ul li a:hover{background:#ff4400 ;color:#fff !important;}
  
.navcurrent a{color:#fff !important;  background:#ff4400 !important;}
.rightarrowpointer{display:none;}
 
  @media screen and (max-width:1800px){
   .nav > ul > li{ margin-left: 15px;}
   .nav > ul > .block{ margin-left: 15px; padding: 0 15px;}
   .nav > ul > li > a{ padding: 0 15px;}
   }   
 
 
  @media screen and (max-width:1700px){
   .nav > ul > li{ margin-left: 12px;}
   .nav > ul > .block{ margin-left: 12px; padding: 0 15px;}
   .nav > ul > li > a{ padding: 0 15px;}
      .head_all{ padding:35px 50px 0 60px;}
   }   
 
   @media screen and (max-width:1600px){
   .nav > ul > li{ margin-left: 5px;}
   .nav > ul > .block{ margin-left: 5px; padding: 0 15px;}
   .nav > ul > li > a{ padding: 0 15px; }
    .head_all{ padding:35px 50px 0 50px;}
    .top_all{ padding:0 50px 0 50px; }
    .top_all:after{width: 500px;}
   }   
 
  @media screen and (max-width:1500px){
   .nav > ul > li{ margin-left: 0;}
   .nav > ul > .block{  margin-left: 0; padding: 0 12px;}
   .nav > ul > li > a{ padding: 0 12px;}
    .head_all{ padding:35px 0 0 0;}
    .top_all{ padding:0 30px 0 0; }
    .top_all:after{width: 480px;}
   }  

 /*å¹»ç*/
.banner{ overflow: hidden; height:660px; width: 100%; position:relative;}
.banner-box{ min-width:1300px; height:660px;overflow: hidden; position:relative; margin:0 auto; }
.banner-box .bd div{width: 100%;;height: 660px;}
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:660px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%;  top: 0; left: 0; margin-left: 0; height: 660px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201014/20201014141743_512765790.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201014/20201014141743_512765790.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:40px; width: 100%; display: block; }
.banner-box .hd ul { width: 1300px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:15px; height:15px; border-radius:15px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 9; }
.banner-box .hd ul li.on{ background: #ff4400 ; width: 30px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

 
   /*ç´*/
#search_all{ width:100%; min-width:1300px;  height:70px;  background: #fff;  border-bottom: 1px solid #ddd;}
  input{outline: none;}
.search h1 a{ font-size:15px; color:#555; }
.search h1 a:hover{ color:#ff4400;}
.searchl{ font-size:15px;line-height:70px; padding-left: 20px; background: url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201012/20201012111039_1721761371.png)center left no-repeat;}
 .searchl h1{ font-size: 15px; color: #555;display: block;float:left;font-weight: normal;}
.searchl span{ display: block;float:left;}
.searchr{ width:350px;border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.search_kong{ width:350px;float:right; overflow:hidden; }
.search_2{float:left; width:270px; line-height:70px;}
.search_tu{ float:right; width:70px; padding-right: 5px; }
 
  /*产åå±ç¤*/
 .prod_all{width: 100%;min-width: 1300px; padding-top: 70px; background:#fff; overflow: hidden;}
 .prod_t{text-align: center; }
 .prod_t p{ font-size: 38px; color: #333;line-height: 42px; font-weight: bold;text-transform: uppercase;}
 .prod_t dl{font-size: 18px; padding-top: 6px; color: #777;}

 /*è·³å*/
.case_dline{width:82px; margin:0 auto; margin-bottom:56px; margin-top:16px;}
.case_dline_line{float: left; width: 10px;height: 10px;border-radius: 10px; background: #ff4400; margin: 0 5px;}
.case_dline .case_dline_line:nth-last-child(1) {animation: loadingC 1.5s .8s linear infinite; background: #edca27;}
.case_dline .case_dline_line:nth-last-child(2) {animation: loadingC 1.5s 1s linear infinite; background: #00bbff;}
.case_dline .case_dline_line:nth-last-child(3) {animation: loadingC 1.5s 1.2s linear infinite; background: #ff4400;}


@keyframes loadingC {
    0 {transform: translate(0,0);}
    50% {transform: translate(0,7px);}
    100% {transform: translate(0,0);}
}
 
 
 .prod_b{ margin-top: 30px;}
 
  .list{ margin-bottom: 30px;}
 .list:after{ display: block; content: ""; clear: both;}
 .list>ul>li {height:60px !important; line-height: 60px; box-sizing: border-box; background: #f5f5f5 !important; padding: 0 !important;width:315px !important; float: left; margin-left: 0; margin-right: 0;    margin: 5px;}
 .list+ li{ margin-left: 20px;}
 .list>ul>li:last-child {display:none;}
 .list>ul>li a{ text-align: center;display: block; font-size: 16px;color: #333; box-sizing: border-box;    text-transform: capitalize;}
 .list>ul>li:nth-of-type(1) a{background: linear-gradient(to bottom,#ff4400,#ff8a00) !important; color: #fff; font-weight: bold;}
 .list>ul>li:hover{background: linear-gradient(to bottom,#ff4400,#ff8a00) !important;}
 .list>ul>li:hover a{color: #fff; font-weight: bold; }
 .rightarrowpointer{ display: none;}
 
 

  .products_bg{ margin-top:10px;}
 .prod_l{width: 500px; height: 683px; position: relative;overflow: hidden;}
 .prod_l .word{ position: absolute;text-align: center; width: 400px; left: 0;right: 0;margin: 0 auto;top: 55px;}
 .prod_l .word p{font-size: 28px; font-weight: bold;line-height: 45px;color: #fff;}
 .prod_l .word i{ display:inline-block;line-height: 35px;width: 118px; margin-top: 15px; font-style: normal;color: #ff4400; background: #fff;font-size: 15px;}
 .prod_l .word i+i{ margin-left: 20px;}
 .prod_r{width: 775px; overflow: hidden;}
 
 .prod_r li{ display: block;float: left;margin: 0 25px 25px 0; box-sizing: border-box; width: 372px; background: #fff;}
 .prod_r li:nth-of-type(2n){ margin-right: 0;}
 .prod_r li p{ display: block;line-height: 50px !important; position: relative; background: #f5f5f5;width:372px;    text-align: center; }
 .prod_r li p a{ display: block;color: #333;font-size: 17px; position: relative; z-index: 3;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
 .prod_r li p:after{z-index: 1; display: block; position: absolute;width: 372px; height: 0; background: #00bbff;content: ""; bottom: 0;left: 0;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; }
 .prod_r li:hover a{color: #fff;}
 .prod_r li:hover p:after{ height: 49px;}
 .prod_r li span a{ display: block;width: 372px; height: 279px; overflow: hidden; position: relative;}
 .prod_r li span a img{width: 100%; height: auto;}
 .prod_r li br{ display: none;}
 .prod_r li>a:after{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; display: block; content: ""; overflow:hidden; border-radius: 20px; width:0;height: 0; background: rgba(250,106,56,0.9); color: #fff; text-align: center;line-height: 40px; font-size: 14px;text-align: center;left: 0;right: 0; margin: 0 auto;top: 130px; position: absolute;}
 .prod_r li:hover>a:after{width:100px;content: "\67e5\770b\8be6\60c5";line-height: 40px; height: 40px; }
 
 .prod_gd{ margin-top: 3px;}
 .prod_gd li br{ display: none !important;}
.prod_gd li { padding:5px !important ;width: 320px;
 }
.prod_gd li img{background:#fff;width: 100%;
    height: auto;}
.prod_gd li p{ display: block; border-top:1px solid #dedede;  line-height:45px; height:45px; overflow:hidden; background:#f5f5f5;  transition:all linear 0.2s;    text-align: center;}
.prod_gd li:hover p{ background: #00bbff;}
.prod_gd ul {
    display: flex
;
}

.prod_gd li p a{ position: relative; z-index: 3; line-height: 45px; text-align:left !important;     font-size: 16px;}
.prod_gd li:hover p a{ color:#fff ;}
 #colee_right{width: 1300px; margin: 0 auto;overflow: hidden;}
 
 /*¹ç*/
 .feature{width: 100%;min-width: 1300px; padding: 70px 0 0 0; margin-top: 65px; overflow: hidden; background: url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201012/20201012154056_1567803388.jpg)repeat;}
 .feature_b{ margin-top: 35px; padding-bottom: 165px; background: url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201019/20201019105343_1768054263.jpg) center bottom no-repeat;}
 
  .feature_b li{ position: relative; z-index: 2; display: block; width: 287px; text-align: center; font-size: 15px; line-height: 28px; color: #777;}
 .feature_b li p{ display: block; line-height:60px; padding-top:10px; font-size: 22px; color: #333;}
 .feature_b li .circle>img{ margin: 0 auto; padding-top:40px; z-index: 2;position: relative;}
 .feature_b li .circle{ width: 140px; position: relative;height: 140px; margin: 0 auto; }

 .feature_b li .circle .img{ z-index: 1; display: block; position: absolute; left: 0; top: 0; width: 140px; height: 140px;   animation: arrow  2s linear infinite;    -moz-animation: arrow  2s linear infinite;    -ms-animation: arrow  2s linear infinite;    -o-animation: arrow  2s linear infinite;    -webkit-animation: arrow  2s linear infinite;}

@-webkit-keyframes arrow
{
0% { transform: rotate(0);}

100%{transform: rotate(360deg);}
}
@-moz-keyframes arrow
{
0% {top:2px;}
50% {top:13px;}
100%{top:2px;}
}
  
   @-ms-keyframes arrow
{
0% {top:2px;}
50% {top:13px;}
100%{top:2px;}
}
@-o-keyframes arrow
{
0% {top:2px;}
50% {top:13px;}
100%{top:2px;}
}
 .feature_b li+li{ margin-left:50px;}
 .feature_b li dl{ display: block;line-height: 24px;}
 
 .feature_b .video{ width: 502px; margin:25px auto auto auto;}
 .feature_b .cup{ position: absolute; left: 200px; bottom:-60px;}
 
 
/* ä¼*/
 .adv_all{width: 100%;min-width: 1300px; padding-top:70px; overflow: hidden; }
 .yous { width: 100%; min-width: 1300; position: relative; overflow: hidden; z-index: 1;}
.yous_bot{width:1300px; margin:30px auto auto auto;}
.yous_bot ul li{font-size:14px;color: #fff;width:305px; box-sizing: border-box; height: 110px;float: left;line-height: 32px; text-transform: uppercase;cursor: pointer; padding:25px 0 0 45px; background-color:#00bbff; margin-bottom:10px}
 .yous_bot ul li+li{ margin-left: 26px;}
.yous_bot ul li em{width: 60px;height: 60px;display: block;float: left;line-height: 0;overflow: hidden; margin-right:10px;}
.yous_bot ul li em img{width: 60px;height: 120px;-webkit-transition:all .5s;transition:all .5s;}
.yous_bot ul li span{display: block;float: left;padding: 3px 0 0 0;  width: 165px;}
.yous_bot ul li b{display: block; font-size:20px; line-height: 26px;}
.yous_bot ul li.on{ background-color:#ff4400; color:#fff;}
.yous_bot ul li.on em img{margin-top: -60px;}
.yous_con { width: 1300px;margin: 0 auto; overflow: hidden;  }
.yous_con .tempWrap .yous_m { margin-left: -1300px !important; left:  }
.yous_con .tempWrap, .yous_con .tempWrap .yous_m { overflow: visible !important; }
.yous_con dl{width: 1300;height: 600px;position: relative; position: relative;}

 .yous_con dl dt{width:1300px; height: 600px; position: absolute; z-index: 1; }
.yous_con dl dd{background:rgba(255,255,255,0.95);width:550px;height: 400px; left: 100px;top: 100px; position: absolute;z-index: 2; margin-left: 0; box-sizing: border-box; padding: 0 50px;}
.yous_con .ys_no{background-color:#00bbff; width:120px;height:70px; text-align:center; color: #fff; border-radius:0 40px 40px 0; margin-top:55px; position: relative; left: -50px; float: left;}
.yous_con .ys_no b{display: block;font-size: 50px;line-height: 65px;overflow: hidden;}

.yous_con dl dd h5{font-size: 28px; float: left;color: #00bbff;line-height:60px;margin: 60px 0 22px -20px;    text-transform: uppercase;}
.yous_con dl dd i {display: block;font-size: 22px; color: #333; font-weight: normal; font-style: normal;}

.yous_con dl dd p{font-size: 15px; line-height: 30px; padding-top:15px; font-weight: lighter;    height: 100px;
    overflow: auto;}
 .yous_con dl dd  span{ color: #ff4400;}
 .yous_con dl dd .font{ margin-top: 25px; font-size: 12px;color: #b9b9b9;line-height:20px; }
 .yous_con dl dd .phone{margin-top: 25px;font-family:PERFS; color: #222;font-size: 22px;line-height: 35px;}
 .yous_con dl dd .phone .img{ width: 35px;height: 35px; margin-right: 5px; background: #222; border-radius: 50%; }
.yous .pnBtn { position: absolute; z-index: 1; top: 0; width: 100%; height: 544px; cursor: pointer; }
.yous .prev { left: -50%; margin-left: -720px; }
.yous .next { left: 50%; margin-left: 720px; }
.yous .pnBtn .arrow {display: block; position: absolute; top: 75px; z-index: 10; width: 80px; height: 544px; z-index: 9;}

.yous .prev .arrow { right: -90px;}
.yous .next .arrow { left: -120px; }
.yous .arrow em{display: block;width:53px;height:105px;position: absolute;top: 210px;left: 30px;}
.yous .arrow em.ys_lico{background:url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201012/20201012173259_1931082068.png) no-repeat;}
.yous .arrow em.ys_rico{background:url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201012/20201012173259_1819187301.png) no-repeat;}
 
 
 /*æ¡ä¾*/
 .case_all{width: 100%;min-width: 1300px; margin-top: 65px; overflow: hidden; padding: 70px 0 140px 0; background: url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201012/20201012193313_972903652.jpg) center bottom no-repeat;}
  .case_all .prod_t p{color: #fff;}
 .case_all .prod_t dl{ color: #97b7ec}
 
 .case_b{ background: #fff;padding: 50px; margin-top: 35px; border-radius: 40px 40px 0 0; overflow: hidden;}
 
 .case_b a{ display: block; position: relative;width: 380px; box-sizing: border-box; height: 500px; background: #f4f4f4; overflow: hidden;}
 .case_b a .img1{ width: 380px;height: 250px; overflow: hidden; position: relative; z-index: 2;}
 .case_b a .img1 img{ width: 100%;}
 .case_b a .img2{ width: 100px; background: #fff;height: 100px; overflow: hidden;border-radius: 50%;position: absolute;left: 0;right: 0;margin: 0 auto;top: 200px; box-shadow: 0 3px 5px rgba(0,0,0,0.15);  z-index: 2;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
 .case_b a:hover .img2{transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
 .case_b a .word{ padding: 26px; font-size: 15px; line-height: 24px; color: #555;font-weight: lighter;text-align: center; position: relative;z-index: 2;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; }
 .case_b a .word p{ font-size: 24px;font-weight: bold;color: #333; padding: 0px 0 5px 0; line-height: 50px;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; }
 .case_b a .word p:after{ display: block;content: "";width: 50px; height: 2px; background: #ff4400;margin:8px auto;}
 .case_b a+a{ margin-left: 30px;}
 .case_b a:nth-of-type(2) .word{ padding: 25px 50px 75px 50px;}
 .case_b a:before{display: block;content: ""; position: absolute; z-index: 1; background: #00bbff;width: 100%;height: 0;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; top: 0;left: 0;}
 .case_b a:hover:before{ height: 500px;}
 
 .case_b a:hover .word{ color: #fff;}
 .case_b a:hover .word p{ color: #fff;}
 
 /*æµç¨*/
 .process{width: 100%;min-width: 1300px; overflow: hidden; padding: 70px 0 80px 0; background: url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201013/20201013094214_996470236.jpg) center bottom no-repeat;}
 .process_b{padding-top: 30px;}
 .process_b li{ display: block;width: 259px;position: relative; text-align: center; padding-right: 17px; box-sizing: border-box;}
 .process_b li img{ display: block; margin: 0 auto;}
 .process_b li p{ font-size: 22px; line-height: 30px;color: #222; padding:20px 0 5px 0;}
 .process_b li dl{font-size: 15px;line-height: 22px; font-weight: lighter;}
 .process_b li:after{ display: block;content: "";width: 17px;height: 20px;position: absolute;right: 0;top: 12px; background: url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201013/20201013092146_1235939614.png)no-repeat;}
 .process_b li:nth-of-type(5):after{ display: none;}
 .process_b li:nth-of-type(5){ padding-right: 0;}
 
     .process_b .phone{width:690px; margin:50px auto auto auto;height: 50px; line-height: 50px;color: #fff;font-size: 16px; background: #fff;border-radius: 25px;}
 .process_b .phone a{display: block;width: 150px; text-align: center; margin-right: 20px; border-radius: 25px; float: left;background: #ff4400;color: #fff;font-size: 16px;}
 .process_b .phone a:hover{ color:  #333; }
 .process_b .phone i{display: block;font-style: normal;color: #555;float: left; }
 .process_b .phone span{display: block;float: left;color: #333;font-size: 22px; letter-spacing: 1px; font-family:PERFS;}
  
 /*ç®ä»*/
 .about{width: 100%;min-width: 1300px; height: 690px; overflow: hidden;margin-top: 70px; background: url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201013/20201013101604_1024722115.jpg) bottom no-repeat; padding-bottom: 100px;}
 .about_w{width: 600px;text-align: justify;font-size: 15px;line-height: 32px;}
 .about_w dl{font-size: 22px;font-weight: bold;color: #333;line-height: 45px; padding-top:15px;}
 .about_w p{ padding-top: 8px; text-indent: 2em;    line-height: 26px;}
 .about_w a{ font-size: 15px;}
 .workshop{width: 840px; margin-top:25px;}
 .workshop .top_a a{ display: block;font-size: 16px; width: 150px; background: #ff4400; color: #fff;line-height: 50px; text-align: center;}
 .workshop .gd{ margin-top: 30px;}
 
    #colea_left{width: 840px; margin: 0 auto;overflow: hidden;}
.workshop .gd li{ padding: 0 !important;margin: 0 !important;}
 .workshop .gd li br{ display: none !important;}
.workshop .gd li { padding:10px !important ;}
.workshop .gd li .web_index_img{width: 320px; display: block;height: 240px; border: 1px solid #ddd; overflow: hidden;}
 .workshop .gd li a{font-size: 16px;}
.workshop ul {
    display: flex
;
}
span.web_index_text {
    padding: 10px 0 0;
    display: flex
;
    text-align: center;
    justify-content: center;
}

.workshop .gd li a img {
    width: 100%;
    height: auto;
}
 
 /*°é»ä¸­å¿*/
.news_bg{width: 100%;min-width:1300px; margin-top:70px; overflow: hidden;    padding: 0 0 4% 0;}
.news_lt{float:left;width:835px;}
.news_l{ float:left; }
.news_l a{height:61px; width:417px;background: #eee; position: relative; display: block;float: left;font-size: 20px;color: #333;padding-top: 8px; text-align: center; }
 .news_l a+a{width: 418px;}
.news_l a span{display: block;line-height:50px;text-align: center;}
.news_l a:hover,.news_l a.active{background:linear-gradient(to right,#ff4400,#ff8a00);color: #fff;}
.news_l a > *{ position: relative; z-index: 3;text-align: center;}


 .news_d{ margin-top: 30px;}
.news_nor { height:570px; width: 835px; overflow: hidden;}
.new_cont .news_row2 {position: absolute; left: 0; top: 0; display: none; width: 835px; height: 570px;background: #f9f9f9;}
.new_cont { position: relative; width: 735px; display: block; }
.news_row2 .divdgweb_new_div, .news_row2 .news_div {height: 495px; font-weight: normal;    margin-top: 20px; padding: 0px 20px;}
.news_row2 .news_div_item, .news_row2 .divdgweb_new_div_item { position: relative;height: 50px; overflow: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease;    border-bottom: 1px dashed #e9e9e9;}
.news_row2 .divdgweb_new_div_item_date, .news_row2 .news_div_item_date { position: absolute; right: 20px; top: 17px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.news_row2 .divdgweb_new_div_item_date > div, .news_row2 .news_div_item_date > div{ display: inline-block; color: #999; font-size: 15px; font-family: 'arial'; }
.news_row2 .news_div_item_title, .news_row2 .divdgweb_new_div_item_title{ position: relative; }
.news_row2 .news_div_item_year:after, .news_row2 .news_div_item_year::after, .news_row2 .divdgweb_new_div_item_year:after, .news_row2 .divdgweb_new_div_item_year::after{ content: '-'; }
.news_row2 .on .news_div_item_year:after, .news_row2 .on .divdgweb_new_div_item_year:after,{ content: ''; }
.news_row2 .news_div_item_title:after, .news_row2 .divdgweb_new_div_item_title:after{ content: ''; background: #ff4400; width: 6px; height: 6px; position: absolute; left: 10px; top: 22px; }
.news_row2 .on .news_div_item_title:after, .news_row2 .on .divdgweb_new_div_item_title:after{ content: ''; display: none; }
.news_row2 .news_div_item_title .news_div_item_a, .news_row2 .divdgweb_new_div_item_title .divdgweb_new_div_item_a { font-size: 15px; color: #666; padding-left: 26px; display: block; line-height: 50px; width: 460px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.news_row2 .news_div_item_pic, .news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body{ -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.news_row2 .news_div_item_pic { padding-top: 15px;}
.news_row2 .news_div_item_pic a, .news_row2 .news_div_item_pic a img { display: block; width: 300px; height: 221px; }
.news_row2 .news_div_item.on, .news_row2 .divdgweb_new_div_item.on{ height: 245px; border-bottom: 1px solid #e1e1e1; padding: 0 0 20px; background: #f9f9f9;}
.news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body { line-height: 30px; color: #666; font-size: 15px; width:455px; text-align: justify; position: absolute; right:5px; top: 50px; font-weight: lighter;    margin-top: 40px;}
.news_row2 .on .divdgweb_new_div_item_date, .news_row2 .on .news_div_item_date { top: 23px; right: 436px;display:none;}
.news_row2 .on .news_div_item_title .news_div_item_a, .news_row2 .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a { position: absolute; left: 305px; top:17px; font-size: 18px;    color: #333;font-weight: bold;    z-index: 999; height: 220px;}
.news_row2 .on .news_div_item_title .news_div_item_a:after, .news_row2 .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a:after{    content: "";display: block;    border-bottom: 1px solid #e1e1e1;}
.news_row2 .on .divdgweb_new_div_item_date > div, .news_row2 .on .news_div_item_date > div { font-weight: bold; color: #333; font-size: 24px; line-height: 30px; }
.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year, .news_row2 .on .news_div_item_date > .news_div_item_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 1px; }
.news_row2 .on .news_div_item_date > .news_div_item_year:after,.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year:after{ content: ''; }
.news_row2 .news_div_item_content,.news_row2 .divdgweb_new_div_item_content{position: relative;}
.news_row2 .news_div_item_content:before,.news_row2 .divdgweb_new_div_item_content:before{content:"Real more";position: absolute;top:175px;left:335px;font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: normal;width: 130px;text-align: center;height: 35px;line-height: 35px;border-radius: 23px;background: #ff4400;color: #fff;}


#coleexx{ height: 512px !important;overflow: hidden;}
.wend{ float: right; margin-right: 0;width:415px; height: 639px; background:#f9f9f9;overflow: hidden;}
.wend h2{ left:0; margin-bottom: 0; margin-bottom: 25px;height: 72px;background:linear-gradient(to right,#ff4400,#ff8a00)}
.wend h2 a{ font-size:20px; color:#fff;font-weight: normal;line-height: 72px;    margin-left: 30px;}
.wend h2 a i{float: left;display: block;padding-top: 22px;margin-left: 24px;margin-right: 17px;}
.wend .news_div_item_a { font-size: 15px; }
.wend .news_div_item_title:hover a{ color: #ff4400;}
.wend .news_div_item_content{border-bottom: 1px dotted #ddd;padding:20px 20px 10px 20px;}
.wend .lastdl{ border-bottom: none;}
.wend .news_div_item_title{ height:35px; position: relative;padding-left:40px; line-height:29px;font-size:14px; color:#333333; overflow: hidden;font-weight: bold;}
 .wend .news_div_item_title:before{display: block;content: "\95ee"; font-weight: normal;background: #ff4400;color: #fff;line-height: 30px; width: 30px; overflow: hidden;border-radius: 50%;position: absolute;left: 0;font-size: 16px;text-align: center;}
.wend .news_div_item_title a{ color:#333333;}
.wend .news_div_item_title a:hover{color: #ff4400}
.wend .news_div_item_body{ padding-left:40px; position: relative;line-height:25px; color:#666; height: 55px; font-size: 13px; overflow: hidden;margin-top: 12px;}
 .wend .news_div_item_body:before{display: block;content: "\7b54"; font-weight: normal;background: #333;color: #fff;line-height: 30px; width: 30px; overflow: hidden;border-radius: 50%;position: absolute;left: 0;font-size: 16px;text-align: center;}

.news_row2 .news_div_item_pic a img{border: 1px #e1e1e1 solid;}
.wend .fr a{width: 74px;height: 24px;line-height: 24px;text-align: center;font-size: 14px;color: #fff;border-radius: 5px;display: block;margin-right: 24px;margin-top: 24px;    text-transform: capitalize;}
.wend .fr a:hover{background:#333;}
 
 
   /*¾æ*/
   .link_all{width: 100%; min-width: 1300px; padding-top: 60px;margin-top:70px; background:#333 url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201013/20201013172430_494890625.jpg) top center no-repeat;}
   .link_box{ padding: 30px; border-bottom: 2px solid #eee;line-height: 40px;  background:#fff url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201014/20201014141836_953370308.jpg)1135px center no-repeat;}
   .link_box i{ display: block; text-transform: uppercase; color: #ff4400; font-style: normal; font-size: 40px;font-family:"Impact",airal; float: left;}
   .link_box em{font-size: 20px; color: #333;display: block; font-style: normal;  float: left; margin-left:8px;}
   #links_c{width:1000px; float:left;}
  .linkTagcs li a{font-size: 15px;}
.linkTagcs li a:hover{color:#ff4400 !important;}
   
   /**/
   .copy_all{ padding-top: 50px; line-height: 32px; font-size: 15px; background: #333; color: #ddd;}
   .copy_all a:hover{ color: #ff4400;}
   .copy_c li{ display: flex;     flex-direction: column;}
   .copy_c li+li{ margin-left: 70px;}
   .copy_c li a{font-size: 15px; color: #ddd; display: block;}
 .copy_c li .prod_nav a{ display: block;width:100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .copy_c li .prod_nav+.prod_nav{ margin-left: 0px;}
   .copy_c li p{font-size: 18px; color: #fff;}
   .copy_c li p:after{display: block; content: ""; width: 20px; height: 1px; background: #bbb; margin: 15px 0 15px 0;}
   .copy_c .code{ display: block; margin-left: 30px;}
   .copy_c .code em{ display: block;width: 120px; height: 120px; padding: 10px; border-radius: 10px; background: #f2f2f2;}
   .copy_c .code em img{ display: block; width: 120px;}
   .copy_c .code i{font-style: normal; display: block; width: 100%; text-align: center; line-height: 35px; border-radius: 5px; background: #f2f2f2; margin-top:2px; font-size: 14px;color: #333;}
   
   #copyright_c{width:1300px; margin:0 auto; text-align: center; border-top:1px solid #444; padding:40px 0 25px 0; font-size:15px; color:#ddd; margin-top: 40px; line-height: 30px;}
#copyright_c a{font-size:15px; color:#ddd;}
#copyright_c a:hover{font-size:15px; color:#ff4400;}
 .copyright_b{ line-height: 30px;  padding: 20px 0;background: #252525; color: #fff; text-align: center;}

/*æµï¼±ï¼±*/
.my-kefu{position: fixed;right: 0px;top:35%;z-index:9999;}
.my-kefu ul{width: 77px;}
.my-kefu li a{text-decoration: none;}
.my-kefu li{background:#00bbff; margin-top: 1px;padding: 9px 0;height: 56px;width: 77px;}
.my-kefu li i{background: url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201020/20201020090049_1229189119.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.my-kefu .ali i {margin: 5px auto;background-image: url(https://memberpic.114my.com.cn/076927280621/uploadfile/image/20201020/20201020090114_43799525.png);}
.my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;}
.my-kefu .my-kefu-qq i{background-position: 4px 0;}
.my-kefu .my-kefu-tel i{background-position: 0 -25px;}
.my-kefu .my-kefu-tel1 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-tel2 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel2:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-liuyan i{background-position: 4px -53px;}
.my-kefu .my-kefu-weixin i{background-position: -34px 4px;}
    
    .my-kefu .my-kefu-xiadan i{background-position: 0 -98px;}
    .my-kefu .my-kefu-wuliu i{background-position: 0 -123px;}
    
.my-kefu .my-kefu-weibo i{background-position: -30px -22px;}
.my-kefu .my-kefu-ftop{background-color:#ff4400;}
.my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;}
.my-kefu .my-kefu-ftop p{color:#fff;}
.my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;}
.my-kefu-tel-right{font-size: 18px; color: #fff; float: left; height: 24px; line-height: 18px; padding-left:15px; border-left: 1px solid #ddd; padding-top: 10px;}
.my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-right{width: 20px;}
.my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;}
.my-kefu-main{width: 97px;position: relative;}
.my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}
    .my-kefu-xiadan a{color: #fff;font-size: 15px;}
    .my-kefu-wuliu a{color: #fff;font-size: 15px;}
    .my-kefu-qq a{color: #fff;font-size: 15px;}