@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#000; font-size:1.125rem; font-family:"OPPOSans",Microsoft JhengHei UI,"微软雅黑";  margin:auto;letter-spacing:0.5px;}
ul,li, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h2{ font-size:2.625rem;}
h3{ font-size:1.375rem;}

h6{ font-size:1rem;}
.center{ text-align:center;}
.fl{ float:left;}.fr{ float:right;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
.nodispaly{ display:none}
.oh{height:auto; overflow:hidden;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#000; text-decoration:none; transition: all 0.3s;}
a:hover {color:#1b3373; text-decoration:none; }
.wd{  margin:auto;  height:auto; overflow:hidden;min-width: 1180px;max-width: 1680px;}
.width{ margin:auto;padding:0 2%;}
::-webkit-scrollbar-track{background:#FFF;}
::-webkit-scrollbar{ width: 10px;}
::-webkit-scrollbar-thumb{background:#222;}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@font-face {
    font-family: 'OPPOSans';
    src: url('../fonts/OPPOSans-R.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Basically';
    src: url('../fonts/BasicallyASansSerif-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
header{ width: 100%; background:#a1d034; height:120px; z-index: 100;transition: all 0.4s; box-shadow: 0 1px 12px 0 rgb(0 0 0 / 10%);}
.head{width: 96%;min-width: 1180px;max-width: 1680px; height:85px;position:fixed; top:15px; left:0px;right:0px;margin:0 auto;z-index:999; background-color:#fff; border-radius:42px; transition:all 0.5s; display: block; -moz-box-shadow:0px 0px 15px #f3f3f3; -webkit-box-shadow:0px 0px 15px #f3f3f3; box-shadow:0px 0px 15px #f3f3f3;}
.header_down{ width:100%; height:85px; margin:0 auto; position:relative; }
.header_left{ width:380px; height:50px; float:left; margin:18px auto 0 35px; background:url(../images/logo.jpg) no-repeat left top;}
.header_center{height:85px; float:right; margin:0 auto; text-align:right; }
.header_right{ width:255px; height:85px; float:right; margin:0 auto; background:#0047bb url(../images/tel.png) no-repeat 10% center; border-radius:0 42px 42px 0;}
.header_right .tel{ width:65%; height:50px; margin:20px 5% 0 auto; float:right; line-height:25px; color:#fff; font-size:16px; text-align:left;}
.header_right .tel span{line-height:25px; color:#fff; font-size:18px; text-align:left; font-weight:bold;}

.tnav{ width:100%; height:auto;}
.nav_b{ width:auto; height:85px; margin:0 auto; display:inline-block; position:relative;}
.nav_b .nav_li{ width:auto; height:85px; overflow:hidden; padding:0 10px; line-height:85px;  color:#494544; font-size:16px; text-align:center; transition:all 0.4s;}
.nav_b .nav_li:hover,.nav_b .nav_li.ncur{font-weight:bold;}
.nav_b .nav_s{ width:100%; height:15px; overflow:hidden; position:absolute; bottom:-15px; left:0; z-index:10; background:url(../images/t37.png) no-repeat center top; background-size:100% 0; transition:all 0.7s;opacity:0}
.nav_b:hover .nav_s,.nav_b .nav_s.cur{background:url(../images/t37.png) no-repeat center top; background-size:100% 15px;opacity:1}
.nav_b .nav_c{ width:max-content; height:55px; padding:0 50px; position:absolute; bottom:-55px; left:-100px; z-index:9; background-color:#a1d034; border-radius:0; opacity:0; transition:all 0.3s;visibility: hidden;}
.nav_b:hover .nav_c{border-radius:0 0 55px 55px; opacity:1; visibility:visible; }
.nav_b .nav_c a .small{ width:auto; height:45px; overflow:hidden; margin:10px 20px 0 20px; float:left; line-height:45px; color:#fff; font-size:16px; text-align:center;}
.nav_b .nav_c a .small:hover{color:#4e6f03;}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px dashed;
  border-top: 5px solid \9;
  border-right:5px solid transparent;
  border-left: 5px solid transparent;
}

.header_center .nav_li .caret {
  float: right;
  margin-top:40px;
  margin-left: 6px;
  transition: all 0.2s ease-out;
  color: #8fc42e;
}

.header_center .nav_li.on  .caret, .header_center .nav_li:hover .caret {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.banner_pc{position:relative;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:50px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:70px; height:7px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background:#dcdedd;}
.flex-control-paging li a:hover {}
.flex-control-paging li a.flex-active { background: #8fc42e; cursor: default; }
/**首页css**/
.in_one{ padding:5% 0;}
.in_one .left{ width:56%; float:left; height:auto; overflow:hidden;}
.in_one .left .en {width: 100%;height: auto;overflow: hidden;margin: 0;line-height: 1;font-family: "Basically";color: #8fc330;font-size: 44px;text-align: left;font-weight: bold;}
.in_one .left .cn {width: 100%;height: auto;overflow: hidden;margin: 10px 0;line-height: 1;font-family: "OPPOSans";color: #747474;font-size: 32px;text-align: left;}
.in_one .left .con {height: auto;overflow: hidden;margin: 25px auto 0 0;line-height:1.7;font-family: "OPPOSans";color: #747474;font-size: 16px;text-align: left;}
.in_one .left .con p{ text-indent:2em;}
.in_one .left .con p a{ background:#8fc42e; color:#fff; padding:0 7px;}
.in_one .left .box{ width:90%; margin:20px auto 0 auto;}
.in_one .left .box ul{}
.in_one .left .box ul li{ width:33.333%; float:left; height:auto; overflow:hidden; text-align:center;}
.in_one .left .box ul li h3{ font-size:55px; color:#8fc42e;font-family: "OPPOSans";}
.in_one .left .box ul li h3 sup{ font-size:30=6px;}
.in_one .left .box ul li h4{color: #747474; font-weight:500;}
.in_one .right{ width:43%; float:right; height:auto; overflow:hidden;}
.in_one .right img{ max-width:100%;}
.in_one .right video {max-width: 100%;height: auto;}

.product{ width:100%; height:650px; overflow:hidden; margin:0px auto 0 auto; position:relative;}
.product .product_bg{ width:100%; height:310px; background-color:#a1d034; position:absolute; left:0; bottom:0;}
.langx{ width:100%; height:150px; overflow:hidden; position:absolute; left:0; top:200px;z-index: -2;}
.langx .lang1{ width:100%; height:121px; overflow:hidden; background:url(../images/t11.png) no-repeat right 0; position:absolute; left:0; bottom:0; z-index:1; animation:lang3 8s infinite linear; opacity:0.8;}
.langx .lang2{ width:100%; height:115px; overflow:hidden; background:url(../images/t12.png) no-repeat left 0; position:absolute; left:0; bottom:0; z-index:2; animation:lang2 8s infinite linear;}
.langx .lang3{ width:100%; height:147px; overflow:hidden; background:url(../images/t10.png) no-repeat left 55px; position:absolute; left:0; bottom:0; z-index:3;animation:lang1 8s infinite linear;}
@keyframes lang1 {
        0%{background:url(../images/t10.png) no-repeat right 55px; }
        50%{background:url(../images/t10.png) no-repeat left 55px; }
        100%{background:url(../images/t10.png) no-repeat right 55px; }
    }
@keyframes lang2 {
        0%{background:url(../images/t12.png) no-repeat left 0; }
        50%{background:url(../images/t12.png) no-repeat right 0; }
        100%{background:url(../images/t12.png) no-repeat left 0; }
    }
@keyframes lang3 {
        0%{background:url(../images/t11.png) no-repeat right 0; }
        50%{background:url(../images/t11.png) no-repeat left 0; }
        100%{background:url(../images/t11.png) no-repeat right 0; }
    }
.product .top{height:auto; overflow:hidden; margin:0 auto;width:100%;min-width:1180px;max-width: 1680px;}
.product .top .en{ width:100%; height:auto; overflow:hidden; margin:0; line-height:1; font-family:"Basically"; color:#8fc42e; font-size:44px; text-align:left; font-weight:bold;} 
.product .top .cn{ width:60%; height:auto; overflow:hidden; margin:15px 0 0px; line-height:1; font-family:"OPPOSans"; color:#747474; font-size:32px; text-align:left; } 
.product .product_bg .box{ width:93%; overflow:hidden; position: absolute;top: -220px;}
.product .product_bg .box ul{}
.product .product_bg .box ul li{ width:16%; float:left;padding:20px 0;transition:all 0.3s; }
.product .product_bg .box ul li .pic{ width:100%; overflow:hidden;  position:relative; }
.product .product_bg .box ul li .pic img{ max-width:100%; display:block; margin:auto; clear:both;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product .product_bg .box ul li:hover .pic img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.product .product_bg .box ul li p{ text-align: center; line-height:4; font-size:18px; color:#fff;}
.product .product_bg .box ul li:hover{cursor:pointer;transform:translate(0,-10px);}
.rosss{ height:10px; background:#eaf4cf; width:100%;}
.in_therr{ padding-top:4%; height:auto; overflow:hidden;}
.in_therr .en {width: 100%;height: auto;overflow: hidden;margin-bottom: 0;line-height: 1;font-family: "Basically";color: #8fc330;font-size: 40px;text-align: left;font-weight: bold;}
.in_therr .cn {width: 100%;height: auto;overflow: hidden;margin: 15px 0 25px 0;line-height: 1;font-family: "OPPOSans";color: #747474;font-size: 32px;text-align: left;}

.inservices{ padding:5% 0 0 0;}
.inservices .left{ width:47%; float:left; height:auto; overflow:hidden;}
.inservices .left .left,.inservices .right .left{ width:49%; float:left;}
.inservices .left .left ul,.inservices .right .left ul{}
.inservices .left .left ul li,.inservices .right .left ul li{ width:100%; height:auto; overflow:hidden; margin-bottom:210px;}
.inservices .left .left ul li h3,.inservices .right .left ul li h3{ font-size:35px; font-weight:bold; color:#484443; font-family:"微软雅黑";}
.inservices .left .left ul li h3 img,.inservices .right .left ul li h3 img{ float:left;}
.inservices .left .left ul li h3 span,.inservices .right .left ul li h3 span{} 
.inservices .left .left ul li p,.inservices .right .left ul li p{ padding-left:50px; line-height:1.3; color:#747474; display:block; margin-top:25px;}
.xxx{ color:#a2ce3d;}
.inservices .left .right,.inservices .right .right{ width:49%; float:right;}
.inservices .left .right img,.inservices .right .right img{ max-width:100%;}
.inservices .right{ width:47%; float:right; height:auto; overflow:hidden;}

/***底部css*****/
.footer{width: 100%;height:670px;overflow: hidden;margin: -195px auto 0 auto;position: relative;z-index: 2;}
.footer .foot_bg {width: 100%;height: auto;overflow: hidden;background-color: #a1d034;position: absolute;left: 0;bottom: 0; top:340px;}
.footer .foot_bg ul{}
.footer .foot_bg ul li{ width:33.333%; float:left; height:auto; overflow:hidden; }
.footer .foot_bg ul li h3{ font-size:24px; font-weight:600; margin:50px 0 15px 0; color:#fff;font-family:"微软雅黑";letter-spacing:5px}
.footer .foot_bg ul li h4{ font-size:18px; font-weight:300;  color:#fff; font-family:"微软雅黑"; line-height:30px;margin-bottom:10px;}
.footer .foot_bg ul li h4 img{ float:left; margin-right:10px;}
.footer .foot_bg ul li h5{ font-size:50px; text-align:center; color:#fff;}
.footer .foot_bg ul li p{ text-align:center; display:block;color:#fff; padding:15px 0 0 0;}.footer .foot_bg ul li .pic img{ max-width:100%; margin:0 10px;}
.footer .foot_bg ul li  .pic{ width:145px; float:left; height:auto; overflow:hidden; margin-left:50px;}
.footer .foot_bg ul li  .pic:nth-child(1){ margin-left:120px;}


.commbanner{width: 100%;height: auto;overflow: hidden;min-width:1180px;margin: 0px auto;}
.commbanner img{max-width: 100%;}
.commbanner.inner-banner.articleShow{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.inner-banner.articleShow .banner-bg{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.commbanner.inner-banner .banner-bg{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);-webkit-transition: 4s;-o-transition: 4s;-moz-transition: 4s;transition: 4s;}
.inner-banner.articleShow .banner-bg{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

#AutoBanner {position: relative;overflow: hidden;}
#AutoBanner img {animation: scaleAnim 3s ease forwards;border: 0;vertical-align: top;max-width: 100%;}
#AutoBanner .pc{ display: block; }
#AutoBanner .phone{ display: none; }
#AutoBanner .cont{ position: absolute; display: block; top: 50%; left: 0; width: 98%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
#AutoBanner .title{  line-height: 1.2em; color:#fff; margin-bottom: 3px; }
#AutoBanner .ltitle{  line-height: 1.2em; color:#fff; }
@keyframes scaleAnim{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.t-center {text-align: center;}

/**路径**/
.postions {line-height:65px;overflow: hidden;color: #999999; background:#fbfbfb; border-bottom:1px #f4f4f4 solid;}
.postions .postions_r { float:left;}
.postions .postions_r img {vertical-align: baseline;margin-right: 8px;height: 12px;}
.postions a {color: #999999;}.postions .postions_r a:hover{color:#ef5a22;}
.postions .postions_b {float: right; position:relative;}
.postions .postions_b a.isel {color: #ef5a22;}
.postions .postions_b a {float: left;margin-left:60px;text-align: center;overflow: hidden;font-size: 16px;color: #333333;position: relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.postions .postions_b a.isel:after {left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:after {content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 0;height: 2px;opacity: 0;background-color: #ef5a22;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover{color:#ef5a22;}


.brand{ height:auto; overflow:hidden; margin:90px auto 0 auto;}
.brand .top{ width:100%; height:auto;overflow: hidden; margin:0 auto; position:relative;}
.brand .en{ width:100%; height:auto; overflow:hidden; margin:0; line-height:2; font-family:"Basically"; color:#90c42f; font-size:44px;  font-weight:bold; text-align:center;} 
.brand .cn{ width:100%; height:auto; overflow:hidden; margin:10px 0; line-height:1; font-family:"OPPOSans"; color:#757475; font-size:32px; text-align:center; } 
.brand .top .con{ width:60%; height:auto; overflow:hidden; margin:95px auto 0 0; line-height:2; font-family:"OPPOSans"; color:#747474; font-size:16px; text-align:left;} 
.brand .top .con p{font-family:"OPPOSans"; text-indent:2em; padding-bottom:2em;}
.brand .top .yuan{ width:40%; height:100%; overflow:hidden; position:absolute; top:0; right:0;} 
.brand .top .yuan .bubble{position: absolute;border-radius: 50%;animation:yuanz 8s infinite linear;transform-origin: 50% 20%;}
.brand .top .yuan .bubblea{position: absolute;border-radius: 50%; animation:yuanz2 6s infinite linear; transform-origin: 55% 30%;}
@keyframes yuanz{
    0%{transform: rotate(0deg);}
    25%{transform: rotate(10deg);}
    50%{transform: rotate(0deg);}
    75%{transform: rotate(-10deg);}
    100%{transform: rotate(0deg);}
}
@keyframes yuanz2{
    to{transform: rotate(1turn);}
}
.brand .top .yuan .bubble1{left:29%;bottom:4%;width: 35%;padding-top: 35%;background: url(../images/t8.png) no-repeat center 30%;opacity: 1;filter: alpha(opacity=100);}
.brand .top .yuan .bubble1 .title{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:60%; line-height:1; font-family:"OPPOSans"; color:#333; font-size:18px; text-align:center;}
.brand .top .yuan .bubble2{right: 10%;bottom:7%;width: 23%;padding-top: 23%; background:url(../images/t1.png) no-repeat center;}
.brand .top .yuan .bubble2 .title{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:45%; line-height:1; font-family:"OPPOSans"; color:#333; font-size:18px; text-align:center;}
.brand .top .yuan .bubble3{right: 22%;top:3%;border:0px solid #acce22;width:32%;padding-top: 28%; background:url(../images/t9.png) no-repeat center;}
.brand .top .yuan .bubble3 .title{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:45%; line-height:1; font-family:"OPPOSans"; color:#333; font-size:18px; text-align:center;}
.brand .top .yuan .bubble4{right: 5%;top: 22%;opacity: 1;width:23%;padding-top: 23%; background:url(../images/t7.png) no-repeat center;}
.brand .top .yuan .bubble4 .title{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:45%; line-height:1; font-family:"OPPOSans"; color:#333; font-size:16px; text-align:center;}
.brand .top .yuan .bubble5{width: 5%;padding-top: 5%;left: 25%;top: 40%;background-color:#eaf6fd;}
.brand .top .yuan .bubble6{width: 3%;padding-top: 3%;right: 2%;top: 55%;background-color: #fff79a;}
.brand .down{ width:100%; height: auto; overflow:hidden; margin:50px auto 0 auto; position:relative;border-radius: 20px; background:#d4d4d5;}

.brand .down video {width: 100%;height: auto;}


.derbm{ background:url(../images/bg1.png) top center repeat-x; height:auto; overflow:hidden; margin:2% auto 4% auto;max-width: 1620px;min-width:1080px}
.derbm .top{ height:auto; overflow:hidden; width:97%; margin:25px auto 0 auto;}
.derbm .top img{ max-width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.derbm .top:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.derbm .ente{overflow:hidden; height:auto; width:97%; margin:25px auto 0 auto;}
.derbm .ente ul{ margin-right:-2%;}
.derbm .ente ul li{ width:31.3333%; float:left; height:auto; overflow:hidden; margin-right:2%;}
.derbm .ente ul li img{ max-width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.derbm .ente ul li:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.derbm .h2{ text-align:right; line-height:30px; color:#666;width:97%; margin:auto; }

.derbm .ewisy{ background:url(../images/bg2.png) no-repeat right top; height:auto; overflow:hidden; padding:25px 0;width:97%; margin:auto}
.derbm .ewisy .left{ width:56%; float:left; margin-right:1%; height:auto; overflow:hidden;}
.derbm .ewisy .left .pic,.derbm .ewisy .der .tops .pic{ position:relative; overflow:hidden; width:100%;}
.derbm .ewisy .left .pic img,.derbm .ewisy .der .tops .pic img{ max-width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.derbm .ewisy .left .pic:hover img,.derbm .ewisy .der .tops .pic:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.derbm .ewisy .der{ width:22.8%; float:left; margin-right:1%; overflow:hidden;}
.derbm .ewisy .der .tops{ width:100%; position:relative; overflow:hidden; margin-bottom:4%;}
.derbm .ewisy .right{ width:19.2%; float:left; position:relative;}
.derbm .ewisy .right .pic{ width:100%; position:absolute; margin-left:-60px; margin-top:45px;}
.derbm .ewisyer{ background: url(../images/bg3.png) no-repeat left top; height:auto; overflow:hidden; padding:22px 0;position:relative;width:97%; margin:auto;}
.derbm .ewisyer .left{ width:17%; float:left; height:475px; overflow:hidden;position:relative; display:block;}
.derbm .ewisyer .left .pic{ width:100%;  margin-top:45px; height:540px; position:relative;}
.derbm .ewisyer .left .pic img{position:absolute; margin-right:-60px; z-index:100;}
.derbm .ewisyer .enter{ width:41%; float:left;height:auto; overflow:hidden;}
.derbm .ewisyer .enter ul{}
.derbm .ewisyer .enter ul li{ width:49%; float:left; height:auto; overflow:hidden; margin-right:1%; margin-bottom:1%;}
.derbm .ewisyer .enter ul li .pic{position:relative; overflow:hidden; width:100%;}
.derbm .ewisyer .enter ul li .pic img,.derbm .ewisyer .reisr img,.derbm .shrb .left img{ width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.derbm .ewisyer .enter ul li .pic:hover img,.derbm .ewisyer .reisr:hover img,.derbm .shrb .left:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.derbm .ewisyer .reisr{ width:42%; float:right; height:auto; overflow:hidden; position:relative;}
.derbm .shrb{ background:#a1d034; height:auto; overflow:hidden;width:97%; margin:auto;}
.derbm .shrb .left{ width:70%; float:left; height:auto; overflow:hidden;}
.derbm .shrb .right{ width:28%; float:right; height:auto; overflow:hidden;}
.derbm .shrb .right img{ max-width:100%; margin-top:22px;}
.derbm .mmer{ width:420px; margin:100px auto 0 auto;}

.cultbox{ padding:4% 0 0 0; height:auto; overflow:hidden;}
.cultobxsr{ width:80%; margin:auto; overflow:hidden;}
.culturebox{ height:auto; overflow:hidden; align-items:center; display: -webkit-flex;}
.culturebox .culeft{ width:55%; float:left;}.culturebox .culeft h1{ font-size:42px; font-weight:700; margin-bottom:15px;}.culturebox .culeft h3{ font-size:32px; color:#999; font-weight:400;}
.culturebox .curight{ width:38%; float:right;}.culturebox .curight img{ max-width:100%;}
.culderp{ background:url(../images/c1.jpg) no-repeat center center; height:auto; overflow:hidden; padding:8% 0; margin-top:38px;}
.culderptr{ background:#a1d034; color:#fff; padding:3%; width:24%;}
.culderptr h1{ font-size:42px; font-weight:700; margin-bottom:30px;}.culderptr h3{ font-size:28px; font-weight:400;}
.mar{ margin:5% 0;}.pleft{ padding-left:10%;}.pright{margin-left:10%;}
.culdsanp{ background:url(../images/c2.jpg) no-repeat center center; height:auto; overflow:hidden; padding:6% 0;}
.culdsanptr{ background:#a1d034; color:#fff; padding:3%; width:28%; float:right;}
.culdsanptr h1{ font-size:42px; font-weight:700; margin-bottom:30px;}.culdsanptr h3{ font-size:28px; font-weight:400;}

.culdsp{ background:url(../images/c3.jpg) no-repeat center center; height:auto; overflow:hidden; padding:6% 0;}
.culdsptr{ background:#a1d034; color:#fff; padding:4%; width:17%;}
.culdsptr h1{ font-size:42px; font-weight:700; margin-bottom:30px;}.culdsptr h3{ font-size:28px; font-weight:400;}
.honor{ padding:3% 0 3% 0;background: linear-gradient(to bottom, #ffffff, #a1d034); width:85%; margin:auto; height:auto; overflow:hidden; margin-bottom:3%;
  animation-name: gradient-animation;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  background-size: cover;}
.honor .top{ padding-top:8%; position:relative;}.honor .top img{ max-width:100%; margin:0 auto 1% auto; display:block; clear:both;}
.honor .box{ max-width:1400px; margin:80px auto 0 auto; height:auto; overflow:hidden;}
.honor .box ul{}
.honor .box ul li{ padding:15px 0; color:#fff; font-size:24px; border-bottom:1px #d2e5a6 solid;}

.contacttop,.contatwo,.contather{ width:98%; height:auto; overflow:hidden; padding:5% 0 0 0 ; margin:3% auto 0  auto; background:url(../images/bg6.png) repeat-x top center;}
.contacttop h3{ font-size:70px; font-weight:bold; text-align:center; color:#00a098;font-family: Microsoft JhengHei UI; letter-spacing: 16px;}
.contacttop h3 span{ color:#fdd100;}
.contacttop .map{ height:auto; overflow:hidden; padding:50px 30px;font-family: Microsoft JhengHei UI;}

.contacttop .map .left{ width:48%; float:left; height:auto; overflow:hidden;}
.contacttop .map .left img{ display:block; margin:auto; clear:both; max-width:100%;}
.contacttop .map .left h4{ font-size:30px; font-weight:600; letter-spacing:3px; color:#00a098; margin-top:50px;}
.contacttop .map .left .box{ border:1px #f8af46 dashed; padding:20px; border-radius:15px; margin:30px 0; width:70%; line-height:2;}
.contacttop .map .left .box span{ color:#00a098; font-weight:bold;}

.contacttop .map .right{ width:50%; float:right; height:auto; overflow:hidden; margin-top:80px;}
.contacttop .map .right h4{font-size:45px; font-weight:bold; text-align:center; color:#00a098;font-family: Microsoft JhengHei UI; letter-spacing:8px;}
.contacttop .map .right h5{font-size:22px; font-weight:bold; text-align:center; color:#00a098;font-family: Microsoft JhengHei UI; line-height:2; margin:20px 0;}
.contacttop .map .right .box{ width:95%; margin:10% auto 0 auto; height:auto; overflow:hidden;}
.contacttop .map .right .box ul{}
.contacttop .map .right .box ul li{ width:50%; float:left; height:auto; overflow:hidden; }
.contacttop .map .right .box ul li .title{ height:auto; overflow:hidden;}
.contacttop .map .right .box ul li .title .zi{ font-size:36px; font-weight:bold; float:left;color:#00a098;}
.contacttop .map .right .box ul li .title .zhi{ background:url(../images/bg5.png) no-repeat right bottom; float:left; margin-left:20px; font-size:12px; line-height:15px; padding:15px 0;}
.contacttop .map .right .box ul li .boxr{ margin-top:25px; height:auto; overflow:hidden;}
.contacttop .map .right .box ul li .boxr .img{ float:left;}
.contacttop .map .right .box ul li .boxr .img img{ max-width:100%;}
.contacttop .map .right .box ul li .boxr .anli{ float:left; margin-left:20px; margin-top:17px;}
.contacttop .map .right .box ul li .boxr .anli h6{font-size:25px; font-weight:bold;color:#00575b;}
.contacttop .map .right .box ul li .boxr .anli span{ color:#999; font-size:12px; display:block;}
.contacttop .map .right .box ul li .boxr .anli .ooss{color:#00575b; margin-top:10px; line-height:18px;}
.contacttop .con{ margin:40px auto 0 auto; height:auto; overflow:hidden;}
.contacttop .con .st{ text-align:center; font-size:35px;color:#00a098; font-weight:bold;}
.contacttop .con .del{text-align:center; font-size:45px;color:#333;font-family:"OPPOSans";font-weight:bold; }

.contatwo .box{ width:90%; margin:auto; height:auto; overflow:hidden;}
.contatwo .box .img{ width:100%;}.contatwo .box .img img{ width:100%;}
.contatwo .box .boxro{ width:100%; background:#f4f8e9; margin-top:30px; height:170px;}
.contatwo .box .boxro .left{ width:25%; float:left; line-height:170px;color:#90c42f; text-align:center; font-size:40px; font-weight:bold;}
.contatwo .box .boxro .right{ width:75%; float:left; height:auto; overflow:hidden; margin-top:45px;}
.contatwo .box .boxro .right ul{}
.contatwo .box .boxro .right ul li{ width:50%; float:left;}
.contatwo .box .boxro .right ul li .title{ line-height:31px; margin-bottom:10px;}

.contather .box{ width:90%; margin:auto; height:auto; overflow:hidden;}
.contather .box .img{ width:100%;}.contather .box .img img{ width:100%;}
.contather .box .jobx{ background:#f4f8e9; margin-top:26px; height:auto; overflow:hidden; padding:30px ;}
.contather .box .jobx .boxyu{ margin-bottom:30px;}
.contather .box .jobx .boxyu h3{color:#90c42f; font-size:24px; font-weight:bold; margin-bottom:15px;}
.contather .box .jobx .boxyu h4{color:#90c42f; font-size:20px; font-weight:300;}
.contather .box .jobx .boxyu p{ line-height:1.8;}
.contather .box .jobx .bisr{ width:100%; height:auto; overflow:hidden;}
.contather .box .jobx .bisr .lift{ float:left;}
.contather .box .jobx .bisr .rihgt{ padding-left:30px; float:left;}

.teadrink{width:90%; margin:5% auto 0 auto; height:auto; overflow:hidden; background:url(../images/bg7.png) left top repeat-x; }
.teadrink .box{ margin:60px auto; width:80%; height:auto; overflow:hidden; background:#fff7f5; padding-bottom:50px;}
.teadrink .box img{ max-width:100%; clear:both; display:block; margin:auto;}
.services{ width:100%; margin:5% auto; height:auto; overflow:hidden; background:linear-gradient(to bottom, #ffffff, #a1d034); padding-bottom:3%;}
.services .top{ height:auto; overflow:hidden; position:relative; padding-bottom:12%;}
.services .top .left{ width:70%; float:left; height:1510px; overflow:hidden; background: url(../images/bg9.png) no-repeat left center; position:relative;}
.services .top .left .box{ width:455px; height:156px; position:absolute; top:0px; left:0px;}
.services .top .left .box:nth-child(2){  position:absolute; top:210px; left:348px;}
.services .top .left .box:nth-child(3){ position:absolute; top:498px; left:498px;}
.services .top .left .box:nth-child(4){ position:absolute; top:818px; left:503px;}
.services .top .left .box:nth-child(5){ position:absolute; top:1102px; left:372px;}
.services .top .left .box:nth-child(6){ position:absolute; top:1350px; left:0px;}
.services .top .left .box .pic{ width:164px; height:164px; border-radius:50%; position:absolute; top:0; left:0; animation:joins 2s infinite linear; transform-origin: 50% 50%;}
.services .top .left .box .pic2{ width:140px; height:140px; border-radius:50%; position:absolute; top:0; left:0; animation:joins2 2s infinite linear; animation-delay:0.3s;  transform-origin: 50% 50%;}
.services .top .left .box .pic3{ width:120px; height:120px; position:absolute; top:22px; left:22px; background-color:#0c52c4; border-radius:50%; text-align:center;}
.services .top .left .box .pic3.coin1{background: url(../images/01.png) no-repeat center #fff;}
.services .top .left .box .pic3.coin2{background: url(../images/02.png) no-repeat center #fff;}
.services .top .left .box .pic3.coin3{background: url(../images/03.png) no-repeat center #fff;}
.services .top .left .box .pic3.coin4{background: url(../images/04.png) no-repeat center #fff;}
.services .top .left .box .pic3.coin5{background: url(../images/05.png) no-repeat center #fff;}
.services .top .left .box .pic3.coin6{background: url(../images/06.png) no-repeat center #fff;}

.services .top .left .box .k{ width:290px; height:130px; overflow:hidden; float:right; margin:22px auto 0 auto;}
.services .top .left .box .k .cn{ width:100%; height:35px; overflow:hidden; margin:10px auto 0 auto; line-height:1; font-family:"Basically";  font-size:28px; text-align:left; font-weight:bold;}
.wz1{color:#00a098; }
.services .top .left .box .k .en{ width:100%; height:auto; overflow:hidden; line-height:1.5; font-family:"Basically"; color:#333; font-size:20px; text-align:left;}
@keyframes joins {
        0%{ width:120px; height:120px; top:22px; left:22px; background-color:rgba(229,244,192,0.6); }
        100%{ width:164px; height:164px; top:0; left:0; background-color:rgba(229,244,192,0); }
    }
@keyframes joins2 {
        0%{ width:120px; height:120px; top:22px; left:22px; background-color:rgba(229,244,192,0.6); }
        100%{ width:140px; height:140px; top:12px; left:12px; background-color:rgba(229,244,192,0); }
    }

.services .top .right{ width:25%; float:left; height:auto; overflow:hidden; margin-left:2%;}
.services .top .right ul{}
.services .top .right ul li{ margin-bottom:30px;}
.services .top .right ul li img{ max-width:100%;}

.services .dottom{ margin:50px auto; height:auto; overflow:hidden; padding:0 1%;}
.services .dottom .tile{ margin-bottom:80px;}
.services .dottom .mid{ height:auto; overflow:hidden;position:relative;}
.services .dottom .mid .left{ width:35%; float:left; height:550px; overflow:hidden; margin-top:70px; }
.services .dottom .mid .left .box{ width:502px; height:156px; position:absolute; top:0px; left:0px;}
.services .dottom .mid .left .box:nth-child(2){  position:absolute; top:264px; left:0px;}
.services .dottom .mid .left .box:nth-child(3){ position:absolute; top:554px; left:0px;}
.services .dottom .mid .left .box .pic{ width:164px; height:164px; border-radius:50%; position:absolute; top:0; left:0; animation:joins3 2s infinite linear; transform-origin: 50% 50%;}
.services .dottom .mid .left .box .pic2{ width:140px; height:140px; border-radius:50%; position:absolute; top:0; left:0; animation:joins4 2s infinite linear; animation-delay:0.3s;  transform-origin: 50% 50%;}
.services .dottom .mid .left .box .pic3{ width:120px; height:120px; font-size:40px; font-weight:bold; line-height:120px; position:absolute; top:22px; left:22px; background-color:#fff; border-radius:50%; text-align:center;}
@keyframes joins3 {
        0%{ width:120px; height:120px; top:22px; left:22px; background-color:rgba(229,244,192,0.6); }
        100%{ width:164px; height:164px; top:0; left:0; background-color:rgba(229,244,192,0); }
    }
@keyframes joins4 {
        0%{ width:120px; height:120px; top:22px; left:22px; background-color:rgba(229,244,192,0.6); }
        100%{ width:140px; height:140px; top:12px; left:12px; background-color:rgba(229,244,192,0); }
    }
.services .dottom .mid .left .box .k{ width:345px; height:130px; overflow:hidden; float:right; margin:22px auto 0 auto; background:url(../images/jts.png) no-repeat left center;}
.services .dottom .mid .left .box .k .cn{  height:35px; overflow:hidden; margin:10px auto 0 auto; line-height:1; font-family:"Basically";  font-size:28px; text-align:left; font-weight:bold; padding-left:80px;}
.services .dottom .mid .left .box .k .en{  height:auto; overflow:hidden; line-height:1.5; font-family:"Basically"; color:#333; font-size:20px; text-align:left;padding-left:80px;}
.services .dottom .mid .moe{ width:55%; float:right; height:auto; overflow:hidden;}
.services .dottom .mid .moe .llltr{ width:59%; float:left; height:auto; overflow:hidden;}
.services .dottom .mid .moe .llltr img{ max-width:100%;}
.services .dottom .mid .moe .rrrtr{ width:39%; float:right; height:auto; overflow:hidden;}
.services .dottom .mid .moe .rrrtr ul li{ margin-bottom:20px;}
.services .dottom .mid .moe .rrrtr ul li img{ width:100%;}

.coconut{width:90%; margin:5% auto 0 auto; height:auto; overflow:hidden; background:url(../images/bg10.jpg) left top repeat-x; }
.coconut .box{ margin:60px auto; width:80%; height:auto; overflow:hidden; background:#fff; padding-bottom:50px;}
.coconut .box img,.coconuts .boxs img{ max-width:100%; clear:both; display:block; margin:auto;}
.coconuts{width:90%; margin:5% auto 0 auto; height:auto; overflow:hidden; background:url(../images/bg10s.jpg) left top repeat-x; }
.coconuts .boxs{ margin:60px auto; width:80%; height:auto; overflow:hidden; background:#fff7f5; padding-bottom:50px; padding-top:20px;}

.colder{width:90%; margin:5% auto 0 auto; height:auto; overflow:hidden; background:url(../images/bg11.jpg) left top repeat-x; }
.colder .box{ margin:60px auto; width:80%; height:auto; overflow:hidden; background:#fff; padding-bottom:50px;}
.colder .box img{ max-width:100%; clear:both; display:block; margin:auto;}

/*侧边悬挂*/
.leftsead{width:65px;height:260px;position:fixed;top:300px;right:40px; z-index:100; }
.leftsead .telb{ width:56px; height:56px; overflow: hidden; margin:5px auto 0 auto; background:#fff url(../images/t3.png) no-repeat center; border-radius:50%; cursor:pointer; transition:all 0.3s;-moz-box-shadow:0 0 5px #dfdfdf; -webkit-box-shadow:0 0 5px #dfdfdf; box-shadow:0 0 5px #dfdfdf;}
.leftsead .telb span{ display:none;}
.leftsead .telb:hover{ width:170px; height:56px; overflow: hidden; margin:5px auto 0 auto; background:#fff url(../images/t3.png) no-repeat 7% center; border-radius:28px; color:#a1d034; font-family:"Basically"; text-align:left; text-indent:2.2em; line-height:56px; font-size:18px; font-weight:500; cursor:pointer; transition:all 0.3s; transform: scale(1) translatex(-110px);}
.leftsead .telb:hover span{ display:block;}
.leftsead .er{ width:56px; height:56px; position:relative; margin:10px auto 0 auto; background:#fff url(../images/t4.png) no-repeat center; border-radius:50%; cursor:pointer; transition:all 0.5s;-moz-box-shadow:0 0 5px #dfdfdf; -webkit-box-shadow:0 0 5px #dfdfdf; box-shadow:0 0 5px #dfdfdf;}
.leftsead .er:hover{ width:56px; height:56px; position:relative; margin:10px auto 0 auto; background:#a1d034 url(../images/t4a.png) no-repeat center; border-radius:50%; cursor:pointer; transition:all 0.5s;}
.leftsead .er .biger{ width:0; height:153px; position: absolute; margin:5px; left:0; top:-40px; border-radius:6px; text-align:center; transition:all 0.3s; opacity:0;}
.leftsead .er:hover .biger{ width:129px; height:153px; position: absolute; margin:5px; left:-155px; top:-40px; border-radius:6px; background-color:#a1d034; text-align:center; transition:all 0.3s;  opacity:1; -moz-box-shadow:0 0 10px #dfdfdf; -webkit-box-shadow:0 0 10px #dfdfdf; box-shadow:0 0 10px #dfdfdf;}
.leftsead .er .biger img{ width:85%; height:auto; margin:10px auto 0 auto;}
.leftsead .qq{ width:56px; height:56px; overflow: hidden; margin:10px auto 0 auto; background:#fff url(../images/t5.png) no-repeat center; border-radius:50%; cursor:pointer; transition:all 0.5s; -moz-box-shadow:0 0 5px #dfdfdf; -webkit-box-shadow:0 0 5px #dfdfdf; box-shadow:0 0 5px #dfdfdf;}
.leftsead .qq:hover{ width:56px; height:56px; overflow: hidden; margin:10px auto 0 auto; background:#a1d034 url(../images/t5a.png) no-repeat center; border-radius:50%; cursor:pointer; transition:all 0.5s;}
.leftsead .top{ width:56px; height:56px; overflow: hidden; margin:10px auto 0 auto; background:#fff url(../images/t6.png) no-repeat center; border-radius:50%; cursor:pointer; transition:all 0.5s; -moz-box-shadow:0 0 5px #dfdfdf; -webkit-box-shadow:0 0 5px #dfdfdf; box-shadow:0 0 5px #dfdfdf;}
.leftsead .top:hover{ width:56px; height:56px; overflow: hidden; margin:10px auto 0 auto; background:#a1d034 url(../images/t6a.png) no-repeat center; border-radius:50%; cursor:pointer; transition:all 0.5s;}

/* newslist */
.newslbix{max-width: 1500px;min-width: 1200px;margin: 0px auto;overflow: hidden;padding-bottom: 80px;}
.newslist{width: 100%;height: auto;overflow: hidden;margin: 20px auto 30px;}
.newslist ul li{width: 31.3%;float: left;margin: 0px 1% 2%;border-radius:10px 65px 15px 10px; background-color:#f8f8f8; transition:all 0.3s;}
.newslist ul li a .title{width:90%; height:auto; overflow:hidden; margin:40px 5% 0; line-height:1; font-family:"OPPOSans"; color:#333; font-size:22px; text-align:left; font-weight:bold;white-space: nowrap;text-overflow: ellipsis; }
.newslist ul li a .con{ width:90%; height:60px;margin:10px auto 0 auto; line-height:30px; font-family:"OPPOSans"; color:#333; font-size:16px; text-align:left;                display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.newslist ul li a .time{ width:90%; height:15px; overflow:hidden; margin:25px auto; background:url(../images/t26.png) no-repeat left center; line-height:15px; font-family:"Basically"; color:#90c42f; font-size:14px; text-align:left; text-indent:1.5em; }
.newslist ul li:hover{-moz-box-shadow:5px 10px 15px #d3dfbe; -webkit-box-shadow:5px 5px 15px #d3dfbe; box-shadow:5px 5px 15px #d3dfbe; transition:all 0.3s;}
.newslist ul li .pic{position:relative; overflow:hidden; width:90%; margin:15px auto;}
.newslist ul li .pic img{ width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.newslist ul li .pic:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

/**分页**/
.pages{text-align:center;font-size:14px;margin:50px auto 30px auto; width:100%; z-index:100; position:relative;}
.pages .pagination{border-radius:0px;}
.pages a{display:inline-block;width:35px;height:35px;text-align:center;line-height:35px;font-size:14px;color:#888;border:1px solid #d2d2d2;margin-left:10px;}
.pages a:hover,.pages a.on{border:1px solid #90c42f;background:#90c42f;color:#fff;}

.news_box{ margin:5% auto; width:90%; height:auto; overflow:hidden;  overflow:hidden;  position:relative; z-index:100;}
.news_box h1{ font-size:30px; text-align:center;}
.news_box .info {line-height: 25px;font-size: 15px;color: #999;margin-top: 14px; text-align:center;}
.news_box .article{border-top: solid 1px #e6e6e6;border-bottom: solid 1px #e6e6e6;padding: 40px 0;margin: 30px 0;line-height: 28px;
font-size: 15px;color: #555555;text-align: justify;} .news_box img{ display:block; margin:0px auto; clear:both; max-width:100%;}
.news_box_pages{ height:auto; overflow:hidden; margin:0 auto;  position:relative; z-index:100;}
.news_box_pages ul{}
.news_box_pages ul li{ line-height:25px; font-size:16px; float:left; width:50%;}
.news_box_pages ul li a{ font-size:16px;}
.news_box_pages ul li a:hover{ color:#90c42f;}

#rkCustomeBtn{z-index: 999;top: 36%;height: 130px; float:right;}
.rkCustomeBtn.right {
    bottom: 20px;
    right:3px;
    width: 30px;
    word-wrap: break-word;
    border-radius: 5px 0 0 5px;
}
.rkCustomeBtn {
    position: fixed;
    color: #fff;
    text-align: center;
    cursor: pointer;
    line-height: normal;
}
.pro_padd{margin-top:100px;}
.site {width:100%;position:absolute;top:-350px;overflow: hidden;}
.wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 1070px;
    margin: 0 auto;
    max-width: 1680px;
    min-width: 1180px;
	margin-bottom:60px;
}
.horizontal .container {width:51%;height: 1070px;}
.wrapper .container {
    position: relative;
    margin: 0 auto;
}
.horizontal .img {width:50%;margin:0 auto;}
.img>img {display: block;width: 100%;height: 100%; object-fit: cover; -webkit-user-drag: none;-moz-user-select: none;user-select: none;padding-top: 16px;}
.main-con {width:50%;text-align:center;margin:0 auto;box-sizing: border-box;}
.main-con .name {padding-top: 20px;font-size: 28px;font-family:"OPPOSans";font-weight: bold;color: #fff;}
.main-con .content {width:100%;padding-top: 10px;font-size:16px;font-family:"OPPOSans";color: #fff;text-align: justify;line-height:30px;text-align:center;}
.main-con .content p{font-family:"OPPOSans";}
.btn-direct {position: absolute;top:50%;z-index: 100000;width: 4rem;height: 4rem;transform: translateY(-50%);cursor: pointer;transition: .2s;}
.btn-direct.btn-left {left: 0;width:60px;height:60px;background:url(../images/t32.png) no-repeat center;background-size:cover;}
.btn-direct.btn-left:hover {left: 0;width:60px;height:60px;background:url(../images/t34.png) no-repeat center;background-size:cover;}
.btn-direct.btn-right {right:0;width:60px;height:60px;background:url(../images/t33.png) no-repeat center;background-size:cover;}
.btn-direct.btn-right:hover {right:0;width:60px;height:60px;background:url(../images/t35.png) no-repeat center;background-size:cover;}
.container .cards-list {position: absolute;left: 0;top: 0;overflow: hidden;transition: 330ms;border-radius:50%;}

@media screen and (min-width:1180px) and (max-width:1490px){
.header_left {width: 138px;}
.banner_pc{position:relative; height: auto !important; }
.in_one {padding: 5% 2%;}
.product .top{ padding:0 2%;}
.product .product_bg .box {width:88%;}
.in_therr {padding: 4% 2% 0 2%;}
.inservices {padding: 5% 2% 0 2%;}
.footer .foot_bg ul li:nth-child(1){ width:31.333%; padding-left:2%;}
.brand{ padding:0 2%;}
.derbm .ewisyer .left{ height:auto;}
.derbm .ewisyer .left .pic img{ max-width:100%;}
.derbm .ewisyer { padding:50px 0 0  0;}
.derbm .ewisyer .left .pic{ height:322px;}
.honor {padding: 3%;}
.services .dottom .mid .left .box:nth-child(2) {top: 220px;}
.services .dottom .mid .left .box:nth-child(3) {top: 446px;}
.services .dottom .mid .moe .rrrtr ul li {margin-bottom: 17px;}
.contacttop .map .left{ margin-top:60px;}
.contacttop .map .left h4{ margin-top:95px;}
.derbm{max-width: 1250px;min-width: 1150px;}
.wd{max-width: 1300px;min-width: 1150px;}
.derbm .ewisy .right .pic{ margin-top:0;}
.derbm .shrb .right img {max-width: 86%;}
.services .top .right {width: 23%;margin-left:0%;}
.services .top .left {width: 75%;}
.services .top .right ul li {margin-bottom: 121px;}
.nav_b .nav_li{ padding:0 6px;}
.footer .foot_bg ul li .pic:nth-child(1) {margin-left: 38px;}
.horizontal .img {width:67%;margin:0 auto;}
}

@media screen and (min-width:1491px) and (max-width:1580px){

.in_one {padding: 5% 2.5%;}
.product .top{ padding:0 2.5%;}
.in_therr {padding: 4% 2.5% 0 2.5%;}
.inservices {padding: 5% 2.5% 0 2.5%;}
.brand{ padding:0 2.5%;}
.product .product_bg .box {width: 100%;}
.footer .foot_bg ul li:nth-child(1){ width:30.333%; padding-left:3%;}
.banner_pc {height: 720px;}
.services .dottom .mid .left .box:nth-child(2) {top: 243px;}
.services .dottom .mid .left .box:nth-child(3) {top: 480px;}
.wd{max-width: 1300px;min-width: 1150px;}
}
@media screen and (min-width:1581px) and (max-width:1680px){
	
.wd{max-width: 1440px;min-width: 1180px;}
}