body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
/*li{ list-style:none;}*/
h3{ font-weight:normal;}
.box{ width: 1200px; margin: 0 auto; }
table,table tr th, table tr td { border:1px solid ;  }
table{border-left: 0; border-right: 0; width: 100%}
#case3 table,#case3 table tr th,#case3   table tr td { border: none!important; }
/* head */

.head_top{ background: #f0f0f0; height: 35px; }
.shares{ float: left; font-size: 14px; height: 35px; line-height: 35px; }
.head_call{ float: right; padding-left: 26px;height: 35px; line-height: 35px;  font-size: 14px; color: #9dc93c; background: url(../images/top1.png) left center no-repeat; }
.head_bottom{ background: #fff; }
h1{ float: left; line-height: 90px; }
.head_right{ float: right; }
.search{ float: left; width: 142px; height: 24px; border: 1px solid #d0d0d0; border-radius: 20px; margin:37px 20px 0 0;  }
.search_txt{ float: left; width:105px; padding-left:10px; box-sizing: border-box;  font-size: 14px; color: #d0d0d0; height: 24px; border: none; background: none; line-height: 24px; overflow: hidden;  }
.search_sub{ float: right;background: url(../images/search.png) center center no-repeat; width: 36px; height: 24px; border: none; cursor: pointer; }
.activity{ float: left; }

.activity a{ display: block;transition: all 0.5s ease 0s; float: left;background: url(../images/line.jpg) right center no-repeat; margin-top: 37px; height: 26px; line-height: 26px; padding: 0 7px; font-size: 14px; color: #888888;  }
.activity a:nth-last-child(1){ background: none }
.activity a:hover{ color: #9dc93c; transition: all 0.5s ease 0s;}
.activity .for{color: #9dc93c; transition: all 0.5s ease 0s;}
.lan{ float: right; margin-top: 37px }
.lan a{display: block;transition: all 0.5s ease 0s; float: left;background: url(../images/line.jpg) right center no-repeat; height: 26px; line-height: 26px; padding: 0 7px; font-size: 14px; color: #888888; }
.lan a:nth-last-child(1){ background: none }
.lan a:hover{ color: #9dc93c; transition: all 0.5s ease 0s;}
.nav_ul li{ float: left; width: 108px; margin: 0 28px; height: 40px; position: relative; }
.nav_ul li a{ display: block; text-align: center; height:33px; line-height: 33px; font-size:16px; color: #666666   }
.nav_ul li a:hover{ color: #9dc93c }
.nav_ul li:after{ content: ""; position: relative;  display: block;
    width: 0;
    height: 3px;
    background: #9dc93c;
    transition: all 0.5s ease 0s;
    position: absolute;
    left: 0px; bottom: 0px;
    }
.nav_ul li:hover:after{ width: 100%;transition: all 0.5s ease 0s; }
.nav_ul li:nth-child(2):hover:after{ display: none!important; }

.nav_ul li .subnav{width:112px; position:absolute; left:50%; top:40px; z-index:9999999; text-align:center;  margin-left:-57px; /*border-left: 1px solid #666666;border-right: 1px solid #666666; */display:none;}
.nav_ul li .subnav a{ height:36px; line-height:36px; background: #fff; font-size: 14px; border-bottom: 1px solid #eee; font-size: 14px; text-align:center; overflow:hidden; }
.nav_ul li .subnav a:hover{ color:#9bc93c;}

.nav_ul li .pro_subnav{ width: 940px;border-top: 3px solid #9bc93c; left: 0; margin: 0; padding: 22px 0; background: #fff;border-bottom: 1px solid #eee; }
.ct_nav{ float: left; width: 20%; padding-left: 20px; box-sizing: border-box; }
.cth3{ height:30px; line-height: 30px; font-size: 16px;  font-weight: bold; text-align: left;  }
.nav_ul li .ct_nav a{ border: none; text-align: left; }
.nav_ul .for{font-weight: bold; color: #9dc93c;border-bottom: 3px solid #9dc93c;padding-bottom: 4px;}


.foot{ overflow: hidden; }
.foot_top{ background: #1a1a1a; padding: 46px 0 40px 0; }
.foot_bottom{ background:#030303; text-align: center; height:46px;  line-height: 46px; color: #bcbcbc;  }
.foot_bottom a{ color: #bcbcbc;padding-left: 6px;  transition: all 0.5s ease 0s;}
.foot_bottom .box i{ color: #68862e }
.foot_bottom a:hover{color: #68862e; transition: all 0.5s ease 0s;}

.foot_left{ float: left; width: 310px; }
.foot_tit{ display: block; font-size: 14px; margin-bottom: 10px; font-weight: bold; color: #fff; height: 32px; line-height: 32px; overflow: hidden; }
.foot_add i{ display: block; font-size: 12px; color: #9d9d9d; height:30px; line-height: 30px; overflow: hidden;  }
.foot_center{ float: left; width: 770px; }
.foot_nav{ width: 20%; float: left; }
.foot_nav a{ display: block; transition: all 0.5s ease 0s; font-size: 12px; color: #9d9d9d; height:30px; line-height: 30px; overflow: hidden;  }
.foot_nav a:hover{ color:#fff; transition: all 0.5s ease 0s; }
.foot_right{ float: right; margin-top: 50px; }
.what_img{ display: block; width:91px; height: 91px; overflow: hidden;  }
.what_img img{width:91px; height: 91px; overflow: hidden; }
.what_tit{ height: 50px; line-height: 50px; overflow: hidden; font-size: 12px;color: #9d9d9d; }
.about_word{ padding: 40px 0; }

.about_div{ position: relative; height: 151px; margin-bottom: 90px; }
.about_scroll{ position: absolute; left: 50px; width: 1102px; top: 0; overflow: hidden; height: 151px; }
.about_ul{ width: 100000px; }

.about_ul img{max-width: 100%;}
.about_ul li{  width:214px; overflow: hidden; border: 1px solid #e4e4e4; margin-right: 5px;float: left;}
.about_left{ position: absolute; left: 0; top: 0; width: 38px; height: 151px; display: block; background: url(../images/about_left.jpg) right center no-repeat; }
.about_right{ position: absolute; right: 0; top: 0; width: 38px; height: 151px; display: block; background: url(../images/about_right.jpg) right center no-repeat; }


.catalog{ float: left; padding-top: 70px; }
.cata_h3{ font-size: 24px; font-weight: bold; height: 42px; line-height: 42px; text-indent:24px; margin-bottom: 24px; }
.cata_ul a{ display: block; font-size: 16px; height:44px; transition: all 0.5s ease 0s; line-height: 44px; padding-left:24px;   }
.cata_ul a:hover,.cata_ul a.for{ color: #9bc93c; transition: all 0.5s ease 0s; }

.details{ float: right; width: 946px;padding-top: 70px;  }
.news_dl{ margin-bottom:40px;  }
.news_dl dt{ float: left; border: 1px solid #eeeeee; width:258px; height: 178px; overflow: hidden;  }
.news_dl dt img{width:258px; height: 178px;transition: all 1s ease 0s; overflow: hidden;}
.news_dl dd{ float: right; width: 660px; }
.news_tit{ display: block; transition: all 0.5s ease 0s; height:48px; line-height: 48px; overflow: hidden; font-size: 18px;  }
.news_zi{ height: 72px; overflow: hidden; font-size: 14px; color: #666; line-height: 24px; margin-bottom: 18px; }
.news_time{ display: block;transition: all 0.5s ease 0s;  width: 106px; height: 28px; line-height: 28px; border-radius: 20px; text-align: center; color: #b5b6b8; border: 1px solid #dcdcdc }
.news{ padding-bottom: 50px; }
.news_tit:hover{ color: #9dc93c; transition: all 0.5s ease 0s; }
.news_time:hover{ color: #9dc93c; border: 1px solid #9dc93c; transition: all 0.5s ease 0s; }
.news_dl dt:hover img{ transform: scale(1.1); transition: all 1s ease 0s; }

.news_info{ padding: px 0 0 0; }
.release{ padding-bottom: 24px; margin-bottom: 30px; background: url(../images/news_line.png) center bottom no-repeat; text-align: center; }
.release h3{  line-height: 54px; overflow: hidden; font-size: 24px;  }
.release .rele_span{ height: 40px; line-height: 40px; color: #b5b6b8; font-size: 14px; overflow: hidden; }
.xin_see:after{ background: #1451c0;content:"";display:block; width: 0;transition: all 0.5s ease 0s; height: 34px; border-radius: 20px; z-index: 9; position: absolute; left: 0; top: 0; }
.xin_see:hover:after{ width: 100%; transition: all 0.5s ease 0s; }
.xin_see:hover a{ color: #fff;background: url(../images/newssee1.png) 94px center no-repeat; transition: all 0.5s ease 0.2s;  }
.xin_see:hover{transition: all 0.5s ease 0.2s; color: #fff; border: 1px solid #1451c0;background: url(../images/newssee1.png) 94px center no-repeat; }
.retrun{ float: right;transition: all 0.5s ease 0s;  font-size: 14px; color: #666666; padding:30px 0; }
.piece{ padding:50px 0; border-top: 1px solid #f7f7f7; }
.piece a{ display: block;transition: all 0.5s ease 0s; line-height:36px; height: 36px; overflow: hidden; color: #666; font-size: 14px; }
.piece a:hover{ color: #9dc93c; transition: all 0.5s ease 0s; }
.retrun:hover{color: #9dc93c; transition: all 0.5s ease 0s; }
.blog_dl{ padding: 32px 0; border-bottom: 1px solid #ededed }
.blog_dl dt{ float: left; border: 1px solid #eeeeee; width: 258px; height: 178px; overflow: hidden; }
.blog_dl dt img{width: 258px; height: 178px;transition: all 1s ease 0s; overflow: hidden;}
.blog_dl dd{ float: right; width: 657px; }
.blog_zi{ height:72px; line-height: 24px; font-size: 14px; color: #666; overflow: hidden;  }
.blog_tit{ display: block; transition: all 0.5s ease 0s; height:40px; line-height: 40px; font-size: 18px; overflow: hidden;  }
.blog_time{ height: 44px; line-height: 44px;  border-bottom: 1px solid #f1f1f1; font-size: 14px; margin-bottom: 16px; color: #6f95c7 }
.blog_dl dt:hover img{ transform: scale(1.1); transition: all 1s ease 0s; }
.blog_tit:hover{color: #9dc93c; transition: all 0.5s ease 0s;}
.blog{ padding-bottom: 50px; }
.tech_h3{ height:96px; line-height: 96px; overflow: hidden; font-size:36px; margin-bottom: 40px; border-bottom: 1px solid #e0e0e0   }
.tech_ul li{ float: left; background: url(../images/tech.png) left center no-repeat; width: 158px; height: 58px; text-align: center; font-size: 18px; line-height:48px; margin:0 40px 20px 0   }
.tech{ padding:50px 0 60px 30px; }

.ser{ background: #efefef; border-radius: 10px; padding: 30px 70px 30px 110px; margin-top: 30px }
.service{ padding-bottom: 60px; }
.testing{ padding: 30px 30px 50px 0; }

.tes_h3{ font-size: 20px; font-weight: bold; height: 60px; line-height: 60px; }
.tech_inner{ margin-bottom: 18px; }
.tes_bottom{ padding:0 0 0 130px;  }
.tes_he{ float: left; width: 460px; margin-right: 22px; }
.tes_tit{ display: block; float: left; }
.tes_tit{ display: block; height: 55px; line-height: 55px; font-size: 18px; width: 100% }
.tes_txt{ display: block; background: none; border: 1px solid #bfbfbf; width: 458px; height: 34px; padding-left:13px; box-sizing: border-box;  border-radius: 5px; font-size: 14px;}
.tes_area{ display: block;  width: 925px; resize: none; border: 1px solid #bfbfbf; border-radius: 5px; height: 124px;  padding-left:13px; font-size: 14px;}
.tes_sub{ margin: 20px 0 0 852px; clear: both; display: block; transition: all 0.5s ease 0s;border: 1px solid #9dc93d; width:88px; height: 44px; line-height: 44px; text-align: center; border-radius: 5px; color: #fff; font-size: 20px; border: 1px solid #9dc93d; background: #a4cf46;  }
.tes_sub:hover{ background: none; color: #9dc93d; transition: all 0.5s ease 0s; }
.cont{ padding: 0 0 50px 0; }
.cont_left{ float: left; width: 510px; padding-top: 40px; }
.cont_h3{ font-size: 20px; font-weight: bold; height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 10px; }
.cont_add i{ display: block; font-size: 16px; height:36px; line-height: 36px; overflow: hidden;  }
.cont_tit{ display: block; font-size: 16px;}

.cont_add{ margin-bottom: 20px; }
.cont_right{ padding-top: 50px; float: right; width: 590px;}
.cont_form .cont_tit{ font-size: 20px; line-height: 36px;  margin-bottom: 40px; }
.cont_form .tes_he{ width:280px; margin-right:14px;   }
.cont_form .tes_txt{ width: 280px; }
.cont_form .tes_area{ width: 557px; }
.cont_form .tes_sub{ margin-left: 483px; }

.case{position: relative;}
.case_top{position: absolute;}

.case_box{ font-size: 22px; line-height:42px; padding: 36px 0;  }
.case_ul{ width: 870px; margin-left: 94px;  }
.case_ul li{ float: left; width: 100px; margin: 0 0 24px 117px; }
.case_h3{ height: 56px; line-height: 56px; text-align: center; font-size:18px;  }
.case_ul li:hover .case_h3{ color: #9dc93c; transition: all 0.5s ease 0s; }
.case_img{ display: block;transition: all 0.5s ease 0s; }
.case_ul li:hover .case_img{ transition: all 0.5s ease 0s; transform: scale(1.17); }
.case_site{ padding: 48px 0 40px 0; height:32px; line-height: 32px; overflow: hidden; font-size: 14px;  }
.ct_h3{ text-align: left; margin-bottom: 30px; }
.ct_i{ display: block; font-size: 24px; font-weight: bold; line-height: 43px; }
.ct_dl { margin-bottom:50px;  }
.ct_dl dt{ float: right;width: 400px;height: 291px;}
.ct_dl dt img{max-height: 291px;}
.ct_dl dd{ width: 720px; float: left; line-height: 30px; font-size: 16px; color: #666666; overflow: hidden; }
.caseul{ float: left; width:945px;  }
.proul li{ float: left; margin-left:28px;  }
.proul li a{ display: block; width:208px; height: 58px; transition: all 0.5s ease 0s;line-height: 46px; background: url(../images/caseul.png) center top no-repeat; text-align: center;   font-size: 20px; }
.cont_see{ display: block; float: right;width:198px; height: 46px; line-height: 46px; background: #a8d04f; text-align: center; border: 1px solid #a8d04f; border-radius: 5px;  font-size: 20px; font-weight: bold; color: #fff; }

.case_tit{ font-size:24px; font-weight: bold; height:60px; line-height: 60px; margin-bottom: 30px;font-weight: 600;}

.case_pic li,.case_video li{ float: left; margin: 0px 0 15px 32px; width: 214px;  }
.case_pic ,.case_video{ margin-left: -32px; }
.case_pic li img,.case_video li img{ width: 214px; height: 160px; overflow: hidden; }
.pic_tit,.video_i{ display: block; text-align: center; height: 48px; line-height: 48px; overflow: hidden; font-size:18px;  }
.pro_inner{ padding-top: 30px;padding-left: 50px;}
.case_inner{ padding-top: 120px;margin-bottom: 60px;}
.case_inner:nth-last-child(1){ padding-top: 120px; }
.case_pic li:hover .pic_tit,.case_video li:hover .video_i{ color: #9dc93c; transition: all 0.5s ease 0s; }
.recommend_ul{ margin: 0 0 0 -25px; }
.recommend_ul li{ float: left; margin: 0 0 20px 25px; width: 220px; }
.rec_img{ width: 220px; height: 160px; overflow: hidden; display: block; margin-bottom: 10px; }
.rec_img img{width: 220px; height: 160px; overflow: hidden;}
.rec_tit{ font-size: 16px; display: block; transition: all 0.5s ease 0s; height: 26px; line-height: 26px; }
.proul{ float: none; width: 100%;}
.proul li a:hover{  background: url(../images/caseul1.png) center top no-repeat; color: #fff; font-weight: bold; transition: all 0.5s ease 0s; }
.proul .active{  background: url(../images/caseul1.png) center top no-repeat; color: #fff; font-weight: bold; transition: all 0.5s ease 0s; }
.protit{ font-size: 24px; font-weight: bold; margin-bottom: 9px; height:44px; line-height: 44px; border-bottom: 4px solid #000000; padding: 0 4px; display: inline-block;  }
.micro{ font-size: 16px; line-height:36px; padding-bottom: 16px; border-bottom: 1px solid #e0e0e0;  }
.micro_ul li{ margin-top:32px;  }
.recommend_ul li:hover .rec_tit{ color: #9dc93c; transition: all 0.5s ease 0s; }
.case_bottom{margin-bottom: 20px;padding-top: 50px;}

.phone_banner{ display:none;}
.flex-direction-nav{ display: block; }
.flexslider {width: 100%;height:360px; margin:0 auto; overflow:hidden; box-sizing: border-box; position: relative; }
.slides li .banner_img{ width:100%; height:360px;}
.slides li { position:relative; width:100%; height:360px;}
.slides {width:100%; height:auto;}
.flex-control-nav { width: 100%; text-align: center; position: absolute; left: 0; bottom: 30px; z-index: 9999; }
.flex-control-nav li{ display: inline-block; margin:0 5px;  }
.flex-control-nav li a{ display: block; height:10px; width:10px; background:  url(../images/tab1.png) center center no-repeat; font-size: 0;   }
.flex-control-nav li a.flex-active{ background:#ffffff; width: 23px; border-radius: 10px; }
.flex-prev{ position: absolute;background: url(../images/banner_left.png) center top no-repeat; z-index: 9999; font-size: 0; width: 48px; height: 79px; left: 60px; top: 50%; margin-top: -39.5px; }
.flex-next{ position: absolute;background: url(../images/banner_right.png) center top no-repeat; z-index: 9999; font-size: 0; width: 48px; height: 79px; right: 60px; top: 50%; margin-top: -39.5px; }
.abs_ul { padding: 106px 0 84px 0; margin-left: -50px; }
.abs_ul li{ float: left;transition: all 0.5s ease 0s; background: #f8f8f8; width:331px;  border: 1px solid #e5e5e5; height: 185px; margin: 0 0 0 50px; position: relative; }
.abs_img{ position: absolute; left: 50%; top: -37px; margin-left:-36.5px; width: 37px; height: 73px;  }
.abs_h3{ text-align: center; font-size: 24px; font-weight: bold; height: 54px; line-height: 54px;  overflow: hidden; padding-top:42px;  }
.abs_zi{ font-size: 18px; height:60px; line-height: 30px; text-align: center; padding: 0 62px; overflow: hidden;  }
.abs_ul li:hover{ transition: all 0.5s ease 0s; transform: translateY(-8px); }

.proclass{ background: #f2f2f2; padding-bottom: 107px; }
.index_h3{ font-size: 30px; font-weight: bold; text-align: center; height: 48px; line-height: 48px; padding: 70px 0 80px 0; }
.class_ul{ margin: 0 0 0px -23px; }
.class_ul li{ float: left; margin: 0 0 0 23px; width:212px;  }
.class_img{ display: block; overflow: hidden; width: 220px; height: 146px; }
.class_img img{ overflow: hidden;transition: all 1s ease 0s;  width: 220px; height: 146px;}
.class_tit{ display: block; height: 40px; transition: all 0.5s ease 0s;line-height: 40px; width: 100%; background: #fff; text-align: center; font-size: 20px; font-weight: bold; }
.class_ul li:hover .class_tit{ background: #98c633; transition: all 0.5s ease 0s; color: #fff; }
.class_ul li:hover .class_img img{ transform: scale(1.1); transition: all 1s ease 0s; }
.field{ padding-bottom: 66px; }
.field_ul{ margin: 0 0 0 96px; width:869px;  }
.field_ul li{ float: left; margin-left:117px; width:100px; margin-bottom: 24px;  }
.field_img{ width: 100px; height: 100px; position: relative; overflow: hidden;border: 1px solid #333333ba; border-radius: 3px;}
.field_img .field_top{ position: absolute; left: 0; transition: all 0.5s ease 0s; top: 0; width: 100px; height: 100px; overflow: hidden; }
.field_img img{ width: 100px; height: 100px; overflow: hidden; }
.field_img .field_bottom{position: absolute; left: 0; transition: all 0.5s ease 0s; top: -100px; width: 100px; height: 100px; overflow: hidden;}
.field_tit{ display: block; transition: all 0.5s ease 0s;  text-align: center; font-size:18px; overflow: hidden;  height: 56px; line-height: 56px;   }
.field_ul li:hover .field_tit{ color: #9dc93c; transition: all 0.5s ease 0s; }
.field_ul li:hover .field_top{ top: -100px; transition: all 0.5s ease 0s; }
.field_ul li:hover .field_bottom{ top: 0px; transition: all 0.5s ease 0s; }
.field_ul li:hover .field_img{ border:1px solid #fff;transition: all 0.5s ease 0s;}

.activ{ background: #f2f2f2; padding-bottom: 100px; }
.act_left{ float: left; width: 414px; height: 273px; overflow: hidden; margin: 16px 0 0 38px; }
.act_left img{width: 414px; height: 273px; overflow: hidden;transition: all 1s ease 0s;}
.act_left:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.act_right{ float: right; width: 707px; }
.act_ul li{ height: 47px; border-bottom: 1px solid #dadada;background: url(../images/index8.jpg) 8px center no-repeat; padding:0 6px 0 30px;  }
.act_ul li a{ display: block; height: 47px; line-height: 47px; overflow: hidden; }
.act_tit{ display: block;height: 47px;transition: all 0.5s ease 0s; line-height: 47px; overflow: hidden; float: left; font-size: 14px; width: 75%; }
.act_time{ display: block;height: 47px;transition: all 0.5s ease 0s; line-height: 47px; overflow: hidden; float: right; width: 20%; text-align: right; font-size: 14px; color: #b6b6b6 }
.act_ul li:hover .act_tit,.act_ul li:hover .act_time{ color: #9dc93c; transition: all 0.5s ease 0s;}
.means{ border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; }
.means a{ font-size:16px; margin-left: 50px;}
.means_tit{ color: #000000; font-size: 24px; height:60px; line-height: 60px;font-weight: 600;}
/*.case_top{ margin-bottom: 30px; }*/
.voexl_i{ font-size: 16px; transition: all 0.5s ease 0s; height: 44px; padding-left: 50px;line-height: 44px; display: block; }
.voexl_left{ float: left; width: 240px;  }
.voexl_right{ float: right; width: 785px; }
.voexl_i a{ display: block; }
.caseul li{ float: left; margin-right:28px;  }
.caseul li a{ width: 198px; background: #dcdcdc; display: block; height: 46px; line-height: 46px; box-shadow: 0px 20px 20px -20px #edeeee;border: 1px solid #888888;transition: all 0.5s ease 0s; border-radius: 5px; text-align: center; font-size:20px;  }
.caseul li a:hover{ background:#a6cf4e; border: 1px solid #a6cf4e; color: #fff; transition: all 0.5s ease 0s;  }
.caseul .active{ background:#a6cf4e; border: 1px solid #a6cf4e; color: #fff; transition: all 0.5s ease 0s;  }


.voexl_i a:hover{ color: #a6cf4e; transition: all 0.5s ease 0s; }
.meansul { margin:12px 0 0 -57px; }
.meansul li{ float: left; width:63px; margin: 0 0 20px 57px;  }
.tu_img{ width: 63px; transition: all 1s ease 0s; height: 63px; overflow: hidden; display: block; border-radius: 9px;border: 1px solid #333;}
.tu_img img{ width: 63px; height: 63px; overflow: hidden;}
.tu_tit{ font-size: 14px;transition: all 0.5s ease 0s; height:40px; line-height: 40px; overflow: hidden; display: block; text-align: center;  }
.tit1{ padding: 0; }
.meansul li:hover .tu_tit{ color: #a4cd4b;transition: all 0.5s ease 0s; }
.meansul li:hover .tu_img { transition: all 1s ease 0s; transform: scale(1.1); }
.casebottom{ padding: 30px 0 60px 130px; }

.tes_top{ margin-bottom: 20px; }


.join{ padding: 58px 0 86px 0; }
.recu{ padding:20px 0 20px 20px;}
.recu ul{ cursor:pointer; background:#e8eaeb; height:40px; padding-right: 26px;line-height:40px; margin-bottom:8px;}
.pos dd li{  color:#333; text-indent: 20px; font-size: 14px;  background: url(../images/join2.png) right center no-repeat; }
.Requirement em{ font-size:16px; color:#000; font-weight:bold; padding: 22px 0 10px 0; display: block; }
.Requirement{ border-bottom:none; color:#333; line-height:34px; font-size: 16px;  padding:0 44px 30px; display:none; }
.recu ul.act{ background: #9dc93c }
.recu ul.act li{ color: #fff; background: url(../images/join1.png) right center no-repeat; }


.slides_banner{ position: absolute;}
.slides_h3{ font-size:36px; padding-top: 65px; font-weight: bold; height: 74px; line-height: 74px; overflow: hidden;  }
.slides_i{ display: block; font-size: 24px; height: 62px; line-height: 62px; color: #666666; overflow: hidden; margin-bottom: 36px; }
.slides_see{ display: block; background: #9dc93c; border-radius: 3px;  transition: all 0.5s ease 0s; border: 1px solid #9dc93c; color: #fff; text-align: center; height:44px; line-height: 44px; width: 164px; font-size: 18px;  }
.slides_see:hover { background: none; color: #9dc93c; transition: all 0.5s ease 0s; }

.a_banner{ width: 100%; position: relative; }
.a_banner img{ width: auto; height: auto; max-width: 100% }
.float_banner{ position:absolute;width: 1200px; left: 50%; margin-left: -600px; top: 0; height: 100% }
.float_see{ font-size: 22px;transition: all 0.5s ease 0s; border-radius: 3px;  display: block; color: #fff; width:193px; height: 46px; line-height: 46px; background: #98c633; border: 1px solid #98c633; text-align: center; position: absolute; right:290px; bottom:42px;    }
.float_see:hover { background: none; color: #9dc93c; transition: all 0.5s ease 0s; }
.banner_tit{ font-size: 36px; font-weight: bold; height: 100px; text-align: right; padding:100px 182px 0 0;  line-height: 100px; color: #9dc93c }
.float_demand{ right: 182px; bottom:108px; font-size: 24px; width: 240px; border-radius: 3px;  }

.test_see{ width: 176px; margin:22px 0 0 207px; height: 43px; background: #a7ce52; border: 1px solid #a7ce52; text-align: center; line-height: 43px; border-radius: 3px; display: block; color: #fff; font-size:24px;   }
.test_tit{ font-size: 36px; font-weight: bold; color: #a7ce52; height: 60px; line-height: 60px; overflow: hidden; text-indent: 128px; }
.test_tit1{ padding: 84px 0 0 0; }
.chall_tit{ color: #9dc93c; font-size: 36px; height:54px; line-height: 54px; text-align: right; padding: 165px 10px 0 0;  }

.vice_tit{ font-size: 36px; font-weight: bold; color: #9dc93c; padding-top: 100px; }
.vice_ment{ height: 36px; line-height: 36px; overflow: hidden; font-size:24px;  }
.vice_call{ font-size: 30px; font-weight: bold; color: #9dc93c }
.touch_tit{ padding-top: 150px; font-size: 36px; font-weight: bold; }
.cup_tit{ text-align: left;font-size: 36px; font-weight: bold; text-indent: 87px;  }
.boke_tit{font-size: 36px; font-weight: bold; padding-right: 204px; }
.pages{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
.pags-item{
  display: inline-block;
padding:3px 10px;
  font-size: 14px;
  text-align: center;
  color: #666;
  line-height: 24px;
  margin: 0 3px;
  background: #f4f4f4;
}

.pags-item.show{
  color: #fff;
  background: #9dc93c;
}

.mod_infor {
    padding-bottom: 100px;
    text-align: center;
    font-size: 14px;
    color: #999999;
    height: 60px;
    line-height: 60px;
    padding-top: 22px;
}
.mod_infor a {
    font-weight: bold;
    color: #9dc93c;
}

.navFix {
position: fixed;
z-index: 99999;
top: 0;
width: 1200px;
background: #fff;
}

 .link-btn{
        font-size: 22px;
        transition: all 0.5s ease 0s;
        border-radius: 3px;
        color: #fff;
        padding: 10px 20px 10px 20px;
        line-height: 46px;
        background: #98c633;
        border: 1px solid #98c633;
        text-align: center;
    }
    .link-btn:hover { background: none; color: #9dc93c; transition: all 0.5s ease 0s; }


.layui-layer-imgtit a,.layui-layer-imgtit em{font-size:18px;}
.link_wrap{ padding-top: 20px; }
.link_div h3{ height: 50px; line-height: 50px; font-size: 18px; }
.link_ul { margin-left: -6px; height: 96px; }
.link_ul li{ margin: 0 0 10px 6px; float: left; display: none; border: 1px solid #ebebeb; width: 184px; height: 84px; overflow: hidden; }
.link_ul li img{ width: 184px; height: 84px; overflow: hidden; }
.link_see{ float: right; height: 52px; line-height: 52px; color: #999999; font-size: 14px; }

.link_wrap{ padding-top: 0px; }
.link_div h3{ height: 50px; line-height: 50px; font-size: 18px; }
.link_ul { margin-left: -10px; height: 96px; }
.link_ul li{ margin: 0 0 10px 10px; float: left; display: none; border: 1px solid #ebebeb; width: 183px; height: 84px; overflow: hidden; }
.link_ul li img{ width: 189px; height: 84px; overflow: hidden; }
.link_see{ float: right; height: 52px; line-height: 52px; color: #999999; font-size: 14px; }
#pro392{ padding-bottom: 60px; } 

.casevideo{ width: 1200px; height: 600px; display: none; z-index: 999; position:fixed; left: 50%; top: 50%; margin: -300px 0 0 -600px; }
video{object-fit:fill!important }
.ball{ width: 100%; height: 100%;  display: none;position: fixed; z-index: 9; background: #000; opacity: .7; left: 0; top: 0; }
.colose{ font-size: 20px; color: #fff; display: block; width:30px; height: 30px;  border-radius: 30px; text-align: center; line-height: 30px; border: 1px solid #fff; z-index: 99999; position: absolute; right: -23px; top: -47px; }

*{margin: 0;}
.activ{background: #f2f2f2;padding-bottom: 100px;}
.box{width: 1200px;margin: 0 auto;}
.report_list ul{list-style: none;margin: 0px auto;padding: 0;}
.report_list ul li{width: 33.3333%;float: left;}
.report_list ul li a{display: block;padding: 10px;box-sizing: border-box;overflow: hidden;}
@media screen and (max-width: 1200px){
    .box {width: 100%;padding: 0 5px;box-sizing: border-box;}
    .report_list ul li a img{max-width: 100%;}
}
@media screen and (max-width: 640px){
    .report_list ul{flex-direction: column;}
    .report_list ul li{width: 100%;}
}