/* public */
pre{white-space: pre-wrap;font-family: 'sy';word-wrap: break-word; }
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0; outline: none;}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size: 16px;  overflow-x:hidden;  font-family:'oppo';  color: #505152;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling : touch ; background: #fff; padding:0px; margin:0px; background:#fff }
a{font-size:14px;text-decoration:none;  color: #505152; z-index: 99999;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;font-family: "΢ÈíÑźÚ"; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{display: none;}
.fl{float:left;}
.fr{float:right;}
.clear { clear:both;}

@font-face{
font-family:'oppo';
src:url(/fonts/opprsans_r.ttf) format('truetype')
}
@font-face{
font-family:'geo';
src:url(/fonts/GEOSLAB703_MD_BT_MEDIUM.TTF) format('truetype')
}
@font-face{
font-family:'gotham';
src:url(/fonts/Gotham-Medium.ttf) format('truetype')
}

#maxgd { height:500px; }

.gd{ height:100px;}
.xx { height:20px; border-top:1px #ccc solid; margin-top:20px;}

.jianjie { width:80%; margin:auto auto; }
.jianjie img { width:100%; margin:auto auto; }

.el-pagination { height:auto; overflow:hidden; text-align:center; margin:0px auto 50px auto;}
.el-pager { display: inline-block; text-align: center }
.el-pager li {   width:50px; float:left;   height:50px;  font-size:20px;  font-weight:400}
.el-pager li {border: 1px solid #eee; margin:0px 5px; background:#f4f4f5; color:#606266; display: inline-block;  font-weight: 400;  line-height:50px}
.el-pager li a{ color:#333; display:block; line-height:50px; font-size:20px; }
.el-pager li:nth-child(1) { border:1px #ccc solid; width:110px; font-size:16px; background:#fff; }
.el-pager li:hover { background-color: #ffdb03; border:1px #ffdb03 solid; color:#fff; cursor:pointer }
.el-pager .active { background-color: #ffdb03; color:#fff; border:1px #ffdb03 solid; color:#fff; cursor:pointer }

.web_url { font-size:14px;  }
.web_url a{ color:#555;transition: all 0.4s ease-in-out; }
.web_url a:hover { color:#ffdb03; transition: all 0.4s ease-in-out;}

.header_search{ float:left;  position:relative; margin-top:11px;   }
.search_icon{width:18px;height:18px; margin-left:3px; background:url(/img/search_icon.png) #fff no-repeat;cursor:pointer;z-index:20;position:relative;}
.header_search .main{position:absolute;left:0;top:-4px;  width:0;height:22px;z-index:10;overflow:hidden;}
.header_search .text{width:180px; margin-left:10px; height:21px;line-height:21px; color:#444;float:right;border:none;border-bottom:1px solid #e4e4e4;}
.header_search .btn{width:18px;height:18px;background:url(/img/search_icon.png) no-repeat; float:right; border:none;margin-top:4px;cursor:pointer;}

.container { width:94%;  padding:0px 3%;  }

.top { height:32px;  background:#ffdb03 !important; }
.top li{ float:left; font-size:13px; line-height:32px; font-family:'oppo'; color:#000  }
.top li i { font-size:20px; line-height:32px;vertical-align:middle; margin-right:5px; }
.top li i:nth-child(2){ margin-left:15px;}

.top li:last-child{ float:right; line-height:32px;}
.top li:last-child a{ margin-right:15px; font-size:13px; transition: all 0.4s ease-in-out; color:#000}
.top li:last-child a:hover{ color:#fff; transition: all 0.4s ease-in-out; }

.logo{ width:100%;  display: grid; margin:25px auto 10px auto; text-align:center }
.logo img{ max-height:80px; display: inline-block; justify-self: center; }

.menu { text-align:center; margin:0px auto 0px auto; width:700px;   font-size:17px; height:auto;     }
.menu li { float:left; width:100px; margin-right:10px; position: relative; height:40px; line-height:40px;  }
.menu li a {text-align:center;  font-size:16px; color:#333; font-family:'oppo'; font-weight:bold;  transition: all 0.4s ease-in-out; }
.menu li a:hover { color:#ffdb03 !important;}
.menu li .second-nav{ border-top:2px #ffdb03 solid; background:#fff;  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;width: 150px; height:auto; overflow:hidden; padding:10px 0px; display: none;position: absolute; }
.menu li .second-nav li{position: relative; line-height:35px;width: 100%;}
.menu li .second-nav li a {  font-size:15px;}

.main-content{ width:100%; height:450px; overflow:hidden; background:#ffdb03 !important; }
.main-content .left { overflow:hidden;  float:left; background:#ffdb03 !important; width:40%; padding:5%; line-height:30px; color:#000; font-size:16px;   }
.main-content .left p{ margin-bottom:20px; text-align:justify; font-family:'oppo';  }
.main-content .left b{ text-align:center; font-size:22px; width:100%; display:block; }
.main-content .left b i{  font-family:'gotham'; font-weight:bold; }
.main-content .left .white { font-size:45px; color:#fff; font-weight:800; width:100%; display:block; margin-top:30px; margin-bottom:30px; text-align:center; font-family:'gotham';   }

.main-content .left .height{ max-height:180px; overflow:hidden; }

.main-content .left p a{ border: 2px solid #333; padding:13px; margin-top:30px; display: block; width:32%; font-size:16px; border-radius:3px; transition: all 300ms ease 0ms; }
.main-content .left p a:hover { width:37%; }
.main-content .left p a:hover:after {  }

.main-content .right { float:left; height:600px; width:50%; background-image:url(/img/company.jpg) ; background-size:100%;   }



.main-content .cp-right { float:left; height:600px; width:50%; background-image:url(/img/Testing-web.jpg) ; background-size:100%;   }


.title { text-align:center; font-size:34px; font-weight:bold;  width:100%; display:block; margin:50px auto;  font-family:'oppo';   }

.product-center { width:80%; margin:auto auto; height:auto; overflow:hidden;  }
.product-center .left{  width:48.5%; padding-right:1.5%; float:left;  overflow:hidden;  } 
.product-center .left b{ font-size:24px; margin-bottom:10px; display:block }
.product-center .left p{ font-size:15px; color:#333; line-height:25px; margin-bottom:20px; text-align:justify;   font-family:'oppo';  }
.product-center .left img{ width:96%; margin-bottom:20px; transition: all 300ms ease 0ms; }
.product-center .left a:hover b { color:#ffdb03;  }
.product-center .left a:hover img { transition: all 300ms ease 0ms;  opacity: 0.8;    }

.img-a {  border-bottom:20px #C8A3A3 solid; border-left:20px #C8A3A3 solid; }
.img-b {  border-bottom:20px #EA5160 solid; border-left:20px #EA5160 solid; }
.img-c {  border-top:20px #3db5a1 solid; border-right:20px #3db5a1 solid; }
.img-d {   border-top:20px #595fa8 solid; border-right:20px #595fa8 solid; }

.product-center .right{ width:48.5%; padding-left:1.5%; float:left; overflow:hidden;  } 
.product-center .right b{ font-size:24px; margin-bottom:10px; display:block }
.product-center .right p{ font-size:15px; color:#333; line-height:25px; margin-bottom:20px; text-align:justify;   font-family:'oppo'; }
.product-center .right img{ width:96%; margin-bottom:20px; }
.product-center .right a:hover b { color:#ffdb03;  }
.product-center .right a:hover img { transition: all 300ms ease 0ms;  opacity: 0.8;    }

.video-bg { width:100%; height:700px; overflow:hidden; position: relative;   }
.video-bg .bg { height:350px;  top:350px;  position: relative; z-index:100; background:#ffdb03; }
.video-bg .video-url { width:80%; height:auto; overflow:hidden;  z-index:200; top:-350px;  margin:auto auto; position: relative; }
.video-bg .video-url video { width:100%;   }

.news{ width:80%; margin:auto auto; height:auto; overflow:hidden; }
.news li{ width:29.85%; margin-right:5%; float:left; margin-bottom:5%; border:1px #efefef solid;}
.news li:nth-child(3n){ margin-right:0px; }
.news li img { width:100%; height:200px; -webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.news li b{ padding:20px; display:block; font-size:16px;  font-family:'oppo';  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }




.news li p{ padding-left:20px; padding-right:20px; padding-bottom:20px; display:block; font-size:14px; line-height:22px; text-align:justify;  font-family:'oppo';  } 

.news li p:nth-child(3){height:auto; overflow:hidden; min-height:60px; }

.news li p i { font-size:15px; margin-right:5px; display: inline-block }
.news li:hover img { transition: all 300ms ease 0ms; transform:scale(1.02, 1.02);  }
.news li:hover b { color:#ffdb03; transition: all 300ms ease 0ms;}

.more { width:100%; text-align:center; display:block; margin-top:50px; margin-bottom:100px;  font-family:'oppo';  }
.more a{  border:2px #ffdb03 solid; padding:15px 25px;  font-size:16px; border-radius:3px; transition: all 300ms ease 0ms; }
.more a:hover { padding:15px 35px;  color:#ffdb03; }

.footer { height:60px; background:#2d2d2d; margin-top:20px; line-height:60px; width:90%; color:#bbb; font-size:13px; padding-left:10%; font-family:'oppo'; }
.end{ height:60px; background:#171717; width:80%; padding-right:10%; line-height:60px; color:#666666; font-size:13px; padding-left:10%; font-family:'oppo'; }
.end a{ float:right; color:#666666;  font-size:13px; transition: all 0.4s ease-in-out;}
.end a:hover{ float:right; color:#ffdb03;  font-size:13px; }

.company-bg { width:100%; height:30px; margin-top:50px;  background: linear-gradient(to bottom, #f1f1f1, #fff); }
.company { width:80%; margin:0px auto; height:auto;  }
.company-title { background:url(../img/scaled-1.jpg) bottom no-repeat; background-size:100%; line-height:120px; font-size:30px; color:#222; font-weight: bold; margin-bottom:70px; font-family:'gotham';    }

.jieshao{ width:100%; height:auto; overflow:hidden;  }
.jieshao li{ width:50%; float:left; }
.jieshao li b{ font-size:28px; margin-bottom:30px; color:#000; display:block;   }
.jieshao li p { font-size:16px; line-height:30px; color:#000; }
.jieshao li:nth-child(1){ padding-right:5%; width:45%; }
.jieshao li img{ width:100%; }

.jieshao-two{ width:100%; height:auto; overflow:hidden; margin-top:120px; }
.jieshao-two li{ width:50%; float:right; }
.jieshao-two li b{ font-size:34px; margin-bottom:30px; color:#000; display:block;   }
.jieshao-two li p { font-size:16px; line-height:32px; color:#000; }
.jieshao-two li:nth-child(1){ padding-left:5%; width:45%; }
.jieshao-two li img{ width:100%; }

.cplist{ width:80%; margin:auto auto; height:auto; overflow:hidden;}
.cplist li { width:22.75%; float:left; margin-right:3%; margin-bottom:5%;  }
.cplist li:nth-child(4n){ margin-right:0%;}
.cplist li:hover b{ color: #FFCC00; transition: all 0.4s ease-in-out;}
.cplist li b{ font-size:16px; margin-bottom:10px; display:block; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cplist li p{ font-size:14px; text-align:center; height:60px; overflow:hidden;  }
.cplist li .cpimg{ width:100%; display: flex; align-items: center; margin-top:30px; justify-content: center; height: 200px; overflow: hidden; }
.cplist li .cpimg img{ width:100%; max-height: 100%; width: auto; }
.cpview{width:80%; margin:auto auto; height:auto; overflow:hidden;}

.produt-view {width:100%; margin:30px auto; height:auto; overflow:hidden;}
.produt-view .left { width:45%; float:left;}
.produt-view .left img{ width:100%; }
.produt-view .right { float:left; margin-left:5%; width:50%; }
.produt-view .right b{ font-size:20px; color:#000; margin-bottom:30px; display:block; }
.produt-view .right p{ font-size:14px; line-height:24px; }

.produt-view .right p img{ width:100%; margin:15px auto;}

.related-product{width:80%; margin:auto auto; height:auto; overflow:hidden; margin-bottom:100px;}
.related-product .bt{ font-size:30px; font-weight:bold;  color:#000; margin:40px auto 0px auto; }
.related-product li { width:23%; float:left; margin-right:2%;  font-size:14px; text-align:center;   }
.related-product li p{ font-size:14px; margin-top:15px; }
.related-product li:last-child{ margin-right:0px; }
.related-product li .cpimg{ transition: all 0.4s ease-in-out; width:100%; display: flex; border:1px #ccc solid;  align-items: center; margin-top:30px; justify-content: center; height: 200px; overflow: hidden; }
.related-product li .cpimg:hover { border:1px #ffdb03 solid;  }
.related-product li .cpimg img{ width:100%; max-height: 100%; width: auto; }

.news-content {width:80%; margin:auto auto; height:auto; overflow:hidden; margin-bottom:100px; }
.news-content p{ font-size:15px; line-height:26px; color:#000; margin-bottom:15px; text-indent:30px; width:100%; }
.news-content p img{ max-width:600px; text-align:center; align-items: center; display: flex; justify-content: center;}

.join-li{width:80%; margin:auto auto;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;padding-bottom:0px}
.join-li .li{width:24%;height:274px;margin-right:2%;margin-bottom:34px;background-color:#f6f6f7;padding:35px 40px 0;transition:all .3s ease;-webkit-transition:all .3s ease;text-align:center}
.join-li .li:nth-child(3n){margin-right:0}
.join-li .li .icon{height:64px;margin:0 auto 35px}
.join-li .li .icon.s{display:block}
.join-li .li .icon.h{display:none}
.join-li .li h6{color:#666;font-size:15px;margin-bottom:15px}
.join-li .li .p{color:#222;font-size:18px;font-weight:600;margin-bottom:10px}
.join-li .li p{color:#222;font-size:16px;line-height:25px}
.join-li .li .ma{display:block;width:144px;margin:0 auto 30px}
.join-li .li span{color:#666;font-size:15px}
.join-li .li:hover{background-color:#ffdb03}
.join-li .li:hover .icon.s{display:none}
.join-li .li:hover .icon.h{ display:block}
.join-li .li:hover h6,.join-li .li:hover .p,.join-li .li:hover p,.join-li .li:hover span{color:#fff}

.map-box{width:80%; margin:auto auto;height: auto;position:relative; margin-bottom:100px;}
.map-box .tab{position:absolute;z-index:10;left:72px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.map-box .tab li{width:238px;height:80px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;margin:11px 0;transition:all .3s ease;-webkit-transition:all .3s ease;background-color:#ffdb03;cursor:pointer}
.map-box .tab li span{color:#fff;font-size:24px;margin-left:25px}
.map-box .tab li.active{background-color:#154a9a}
#map{width:100%;height:100%}

.sp_nav{ display:none}
.sjj_nav{ display:none}

@media screen and (min-width: 1921px) {

#maxgd {
  height: 800px;
}

.main-content .left .height {
  max-height: 220px;
  overflow: hidden;
}


.video-bg {
  width: 100%;
  height: 1300px;
  overflow: hidden;
  position: relative;
}

.main-content .right {
  float: left;
  height: 800px;
  width: 50%;
  background-image: url(/img/company.jpg);
  background-size: 100%;
}

.video-bg .bg {
  height: 350px;
  top: 850px;
  position: relative;
  z-index: 100;
  background: #ffdb03;
}

.news li img {
  width: 100%;
  height: 400px;
  -webkit-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
}

.main-content {
  width: 100%;
  height: 600px;
  overflow: hidden;
  background: #ffdb03 !important;
}

}


@media screen and (max-width: 1920px) {

#maxgd {
  height: 600px;
}

.main-content .left .height {
  max-height: 220px;
  overflow: hidden;
}


.video-bg {
  width: 100%;
  height: 1000px;
  overflow: hidden;
  position: relative;
}


.video-bg .bg {
  height: 350px;
  top: 600px;
  position: relative;
  z-index: 100;
  background: #ffdb03;
}

.news li img {
  width: 100%;
  height: 320px;
  -webkit-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
}

.main-content {
  width: 100%;
  height: 600px;
  overflow: hidden;
  background: #ffdb03 !important;
}

}

@media screen and (max-width: 1600px) {
.news li img {
  width: 100%;
  height: 280px;
  -webkit-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
}

 .main-content .left .height {
    max-height: 260px;
    overflow: hidden;
  }

.video-bg {
  width: 100%;
  height: 750px;
  overflow: hidden;
  position: relative;
}

.video-bg .bg {
  height: 350px;
  top: 400px;
  position: relative;
  z-index: 100;
  background: #ffdb03;
}

.news li {
  width: 29.85%;

  margin-right: 4.9%;

  float: left;

  margin-bottom: 5%;

  border: 1px #efefef solid;

}

.main-content {
  width: 100%;
  height: 540px;
  overflow: hidden;
  background: #ffdb03 !important;
}

}


@media screen and (max-width: 1440px) {
.news li img {
  width: 100%;
  height: 220px;
  -webkit-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
}

 .main-content .left .height {
    max-height: 260px;
    overflow: hidden;
  }

.video-bg {
  width: 100%;
  height: 750px;
  overflow: hidden;
  position: relative;
}

.video-bg .bg {
  height: 350px;
  top: 400px;
  position: relative;
  z-index: 100;
  background: #ffdb03;
}

.news li {
  width: 29.85%;

  margin-right: 4.5%;

  float: left;

  margin-bottom: 5%;

  border: 1px #efefef solid;

}

.main-content {
  width: 100%;
  height: 540px;
  overflow: hidden;
  background: #ffdb03 !important;
}

}

@media screen and (max-width: 1366px) {
.news li img {
  width: 100%;
  height: 220px;
  -webkit-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
}

 .main-content .left .height {
    max-height: 260px;
    overflow: hidden;
  }

.video-bg {
  width: 100%;
  height: 650px;
  overflow: hidden;
  position: relative;
}

.video-bg .bg {
  height: 350px;
  top: 350px;
  position: relative;
  z-index: 100;
  background: #ffdb03;
}

.news li {
  width: 29.85%;

  margin-right: 4.5%;

  float: left;

  margin-bottom: 5%;

  border: 1px #efefef solid;

}

}

@media screen and (max-width: 480px) {


#maxgd {
  height: 430px;
}

.sp_nav{ display: block}
.sjj_nav{ display: block}

.top { height:32px;  background:#ffdb03 !important; }
.top li{ float:left; font-size:12px; line-height:32px; font-family:'oppo'; color:#000; width:100%; text-align:center;  }
.top li i { font-size:20px; line-height:32px;vertical-align:middle; margin-right:5px; }
.top li i:nth-child(2){ margin-left:15px;}

.top li:last-child{ float:right; line-height:32px; display:none}
.top li:last-child a{ margin-right:15px; font-size:13px; transition: all 0.4s ease-in-out; color:#000}
.top li:last-child a:hover{ color:#fff; transition: all 0.4s ease-in-out; }

.menu { display:none; }

.logo{ width:60%; left:0px;  text-align:left; margin:10px 10px;   }
.logo img{ max-height:50px; }

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:-47px; z-index:10000}
.sp_nav span{display:block;background:#ffdb03;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}


.sjj_nav{position:fixed; z-index:9; background:#fff; width:100%; height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:103px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display: block}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:0px}

.company-bg {
  width: 100%;
  height: 15px;
  margin-top: 0px;
  background: linear-gradient(to bottom, #f1f1f1, #fff);
}
.company {
  width: 95%;
  margin: 0px auto;
  height: auto;
}
.company-title {
  background: url(../img/scaled-1.jpg) bottom no-repeat;
    background-size: auto; 
  background-size: 100%; padding-bottom:15px; 
  line-height:40px;
  font-size: 22px;
  color: #222;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: 'gotham';
}

.join-li{width:95%; margin:auto auto;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;padding-bottom:0px}

.join-li .li{width:100%;height:160px;margin-right:2%;margin-bottom:10px;background-color:#f6f6f7;padding:35px 40px 0;transition:all .3s ease;-webkit-transition:all .3s ease;text-align:center}
.join-li .li:nth-child(3n){margin-right:0}
.join-li .li .icon{height:44px;margin:0 auto 15px}
.join-li .li .icon.s{display:block}
.join-li .li .icon.h{display:none}
.join-li .li h6{color:#666;font-size:15px;margin-bottom:15px}
.join-li .li .p{color:#222;font-size:16px;font-weight:600;margin-bottom:10px}
.join-li .li p{color:#222;font-size:16px;line-height:25px}
.join-li .li .ma{display:block;width:100px;margin:0 auto 30px}
.join-li .li span{color:#666;font-size:15px}
.join-li .li:hover{background-color:#ffdb03}
.join-li .li:hover .icon.s{display:none}
.join-li .li:hover .icon.h{ display:block}
.join-li .li:hover h6,.join-li .li:hover .p,.join-li .li:hover p,.join-li .li:hover span{color:#fff}

.map-box , .imgBox { display:none; }

.footer { display:none}
.end{ width:100%; text-align:center; padding-left:0px; }
.end a{ display:none; }


.news{ width:95%; margin:auto auto; height:auto; overflow:hidden; }
.news li{ width:100%; margin-right:0%; float:left; margin-bottom:5%; border:1px #efefef solid;}
.news li:nth-child(3n){ margin-right:0px; }
.news li img { width:100%; height:auto; overflow:hidden; -webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.news li b{ padding:20px; display:block; font-size:16px;  font-family:'oppo';  }
.news li p{ padding-left:20px; padding-right:20px; padding-bottom:20px; display:block; font-size:14px; line-height:22px; text-align:justify;  font-family:'oppo';  } 
.news li p i { font-size:15px; margin-right:5px; display: inline-block }
.news li:hover img { transition: all 300ms ease 0ms; transform:scale(1.02, 1.02);  }
.news li:hover b { color:#ffdb03; transition: all 300ms ease 0ms;}


.news-content {width:95%; margin:auto auto; height:auto; overflow:hidden; margin-bottom:50px; }


.main-content{ width:100%; height: auto; overflow:hidden; background:#ffdb03 !important; }
.main-content .left { overflow:hidden;  float:left; background:#ffdb03 !important; width:90%; padding:5%; line-height:26px; color:#000; font-size:14px;   }
.main-content .left p{ margin-bottom:20px; text-align:justify; font-family:'oppo';  }
.main-content .left b{ text-align:center; font-size:20px; width:100%; margin:15px auto; display:block; }
.main-content .left b i{  font-family:'gotham'; font-weight:bold; }
.main-content .left .white { font-size:30px; color:#fff; font-weight:800; width:100%; display:block; margin-top:20px; margin-bottom:20px; text-align:center; font-family:'gotham';   }
.main-content .left p a{ border: 2px solid #333; padding:13px; margin-top:30px; display: block; width:80%; font-size:16px; border-radius:3px; transition: all 300ms ease 0ms; }
.main-content .left p a:hover { width:86%; }
.main-content .left p a:hover:after {  }
.main-content .right { float:left; height:600px; width:50%; background-image:url(/img/company.jpg) ; background-size:100%;   }
.main-content .cp-right { float:left; height:600px; width:50%; background-image:url(/img/Testing-web.jpg) ; background-size:150%; display:none   }

.cplist{ width:95%; margin:auto auto; height:auto; overflow:hidden;}
.cplist li { width:100%; float:left; margin-right:0%; margin-bottom:0%;  }
.cplist li:nth-child(4n){ margin-right:0%;}
.cplist li:hover b{ color: #FFCC00; transition: all 0.4s ease-in-out;}
.cplist li b{ font-size:16px; margin-bottom:10px; display:block; text-align:center}
.cplist li p{ font-size:14px; text-align:center }
.cplist li .cpimg{ width:100%; display: flex; align-items: center; margin-top:30px; justify-content: center; height: 200px; overflow: hidden; }
.cplist li .cpimg img{ width:100%; max-height: 100%; width: auto; }
.cpview{width:95%; margin:auto auto; height:auto; overflow:hidden;}

.title { text-align:center; font-size:26px; font-weight:bold;  width:100%; display:block; margin:0px auto 30px auto; color:#000;  font-family:'oppo'; margin-top:30px;   }

.related-product{width:95%; margin:auto auto; height:auto; overflow:hidden; margin-bottom:50px;}
.related-product .bt{ font-size:22px; font-weight:bold;  color:#000; margin:0px auto 0px auto; }
.related-product li { width:48%; float:left; margin-right:2%;  font-size:14px; text-align:center;   white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.related-product li p{ font-size:14px; margin-top:15px; }
.related-product li:last-child{ margin-right:0px; }
.related-product li .cpimg{ transition: all 0.4s ease-in-out; width:100%; display: flex; border:1px #ccc solid;  align-items: center; margin-top:30px; justify-content: center; height: 200px; overflow: hidden; }
.related-product li .cpimg:hover { border:1px #ffdb03 solid;  }
.related-product li .cpimg img{ width:100%; max-height: 100%; width: auto; }

.produt-view {width:100%; margin:30px auto; height:auto; overflow:hidden;}
.produt-view .left { width:100%; float:left;}
.produt-view .left img{ width:100%; }
.produt-view .right { float:left; margin-left:0%; width:100%; }
.produt-view .right b{ font-size:20px; color:#000; margin-bottom:30px; display:block; }
.produt-view .right p{ font-size:14px; line-height:24px; }


.jieshao{ width:100%; height:auto; overflow:hidden; margin-top:15px;  }
.jieshao li{ width:100%; float:left; }
.jieshao li b{ font-size:22px; margin-bottom:10px; color:#000; display:block;   }
.jieshao li p { font-size:16px; line-height:28px; color:#000; }
.jieshao li:nth-child(1){ padding-right:0%; width:100%; }
.jieshao li img{ width:100%; margin-top:20px;  }

.jieshao-two{ width:100%; height:auto; overflow:hidden; margin-top:50px; }
.jieshao-two li{ width:100%; float:right; }
.jieshao-two li b{ font-size:22px; margin-bottom:10px; color:#000; display:block;   }
.jieshao-two li p { font-size:16px; line-height:28px; color:#000; }
.jieshao-two li:nth-child(1){ padding-left:0%; width:100%; }
.jieshao-two li img{ width:100%; margin-top:20px;  }



.main-content .right { float:left; height:460px; width:100%; background-image:url(/img/company.jpg) ; background-size:100%;   }


.product-center { width:95%; margin:auto auto; height:auto; overflow:hidden;  }
.product-center .left{  width:100%; padding-right:0%; float:left;  overflow:hidden;  } 
.product-center .left b{ font-size:24px; margin-bottom:10px; display:block }
.product-center .left p{ font-size:15px; color:#333; line-height:25px; margin-bottom:20px; text-align:justify;   font-family:'oppo';  }
.product-center .left img{ width:96%; margin-bottom:20px; transition: all 300ms ease 0ms; }
.product-center .left a:hover b { color:#ffdb03;  }
.product-center .left a:hover img { transition: all 300ms ease 0ms;  opacity: 0.8;    }

.img-a {  border-bottom:20px #C8A3A3 solid; border-left:20px #C8A3A3 solid; }
.img-b {  border-bottom:20px #EA5160 solid; border-left:20px #EA5160 solid; }
.img-c {  border-top:20px #3db5a1 solid; border-right:20px #3db5a1 solid; }
.img-d {   border-top:20px #595fa8 solid; border-right:20px #595fa8 solid; }

.product-center .right{ width:100%; padding-left:0%; float:left; overflow:hidden;  } 
.product-center .right b{ font-size:24px; margin-bottom:10px; display:block }
.product-center .right p{ font-size:15px; color:#333; line-height:25px; margin-bottom:20px; text-align:justify;   font-family:'oppo'; }
.product-center .right img{ width:96%; margin-bottom:20px; }
.product-center .right a:hover b { color:#ffdb03;  }
.product-center .right a:hover img { transition: all 300ms ease 0ms;  opacity: 0.8;    }


.video-bg { width:100%; height:300px; overflow:hidden; position: relative;  }
.video-bg .bg { height:150px;  top:120px;  position: relative; z-index:100; background:#ffdb03; }
.video-bg .video-url { width:90%; height:auto; overflow:hidden;  z-index:200; top:-150px;  margin:auto auto; position: relative; }
.video-bg .video-url video { width:100%;   }

.more { width:100%; text-align:center; display:block; margin-top:50px; margin-bottom:50px;  font-family:'oppo';  }


}