@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
ul,li{list-style:none;}
img{border:none;}

.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both; }
.por{ position: relative; }
.poa{ position: absolute; }

/* 字体大小、颜色、行距等样式,需要根据《开发测试表》要求自行定义 */  
body{overflow-y:scroll; font-family:'微软雅黑'; font-size:16px; color:#565656; background:#dcdedd; line-height:30px; }  

/* outline:none;取消链接点击后产生的虚线框; transition设置鼠标经过时的缓动；*/
body a{text-decoration:none;color:#000000;outline:none; } 
body a:hover{text-decoration:none; outline:none; }		

/* 取消苹果设备的默认按钮样式 */
input {-webkit-appearance:none;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance: none;}
textarea { -webkit-appearance: none;} 

input,textarea{ font-family:'微软雅黑'; border:none; outline:none; }


/*********** header **************/
.header{ width:100%; height:100px; background:rgba(255,255,255,0.9); position:fixed; top:0; left:0; z-index:100; }
.header_{ width:1170px; height:100%; margin:0 auto; }
.logo{ float:left; width:220px; height:100%; }
.logo a{ display:block; width:100%; padding:25px 0 24px; }
.nav{ float:right; height:78px; padding-top:22px; }
.navli{ float:left; height:100%; margin-left:65px; }
.navli a{ display:block; font-size:16px; line-height:77px; color:#444444; }
.navli a.active{ color:#008fd5; }
.navli a span{ padding: 10px 0; position:relative; }
.navli a span i{ position:absolute; bottom:0; left:0; width:0; height:1px; background:#008fd5; transition: all 0.5s ease 0s; }
.navli a:hover span i{ width:100%;  }

/******* footer ********/
.footer{ min-width:1170px; width:100%; background:#dcdedd; }
.footer_{ width:1170px; margin:0 auto; padding:60px 0 32px; }
.footer_main{ padding-top:22px; overflow:hidden; }
.footer_left{ float:left; width:500px; padding-left:55px; font-size:14px; line-height:24px; color:#333333; }
.footeradds{ margin-bottom:22px; }
.footeradds span{ margin-right:20px; }
.footer_right{ float:left; width:370px; }
.footer_right_main{ font-size:16px; line-height:24px; color:#444444; margin-bottom:24px; }
.footer_ewm{ float:right; margin-top:5px; }

/******* 公共 ********/
.container{ min-width:1170px; margin-top:100px; background:#fff; position:relative; }
.container_{ position:relative; }
.grid-lines{ width:1170px; margin:0 auto; position:absolute; top:0; bottom:0; left:50%; margin-left:-585px; }
.grid-lines-single{ top:0; left:0; right:0; bottom: 0; position: absolute; }
.grid-lines-single::before{ top: 0; bottom: 0; left: 25px; right: auto; content: ''; position: absolute; border-left: 1px solid #d6d8d7; }

.bgcolr-1{ background:#f5f5f5; }
.bgcolr-2{ background:#eeeeee; }
.bgcolr-3{ background:#dcdedd; }
.bgcolr-4{ background:#c9cbca; }
.bgcolr-5{ background:#b6b6b6; }
.bgcolr-6{ background:#008fd5; }
.bgcolr-7{ background:#42a912; }

.firstani{ transition: all 0.5s ease 0s; } 
.secondani{ transition: all 0.5s ease 0.5s; } 
.thirdani{ transition: all 0.5s ease 1s; } 
.fourthani{ transition: all 0.5s ease 1.5s; } 
.first.firstani{ transform:translateY(30px); opacity: 0; }
.first.secondani{ transform:translateY(30px); opacity: 0; }
.first.thirdani{ transform:translateY(30px); opacity: 0; }
.first.fourthani{ transform:translateY(30px); opacity: 0; }

.leftfirstani{ transition: all 1s ease 0s; }
.rightfirstani{ transition: all 1s ease 0s; }
.topfirstani{ transition: all 1s ease 0s; }
.rightsecondani{ transition: all 1.5s ease 0.5s; }
.first.leftfirstani{ transform:translateX(-80px); opacity: 0; }
.first.rightfirstani{ transform:translateX(80px); opacity: 0; }
.first.topfirstani{ transform:translateY(-30px); opacity: 0; }

.first.rightsecondani{ transform:translateX(1170px); }

/******* 首页 ********/
.banner{ min-width:1170px; height:700px; position:relative; z-index:1; }
.slideTxtBox{  height:700px; text-align:left; position:relative; overflow:hidden; }
.slideTxtBox .bd{ position: relative; overflow: hidden; width: 1920px; height: 700px; left: 50%; margin-left: -960px; }
.slideTxtBox .bd li{ height:700px; position:relative; cursor:pointer; }
/*.slideTxtBox .hd{ position:absolute; bottom:43px; width:100%; height:13px; z-index:10; }
.slideTxtBox .hd ul{ text-align:center; }
.slideTxtBox .hd li{ display:inline-block; width:11px; height:11px; border:1px solid #231815; border-radius:50%; margin:0 11px; transition:all 0.5s ease 0s; }
.slideTxtBox .hd li.on{ background:#231815; }*/
.banner_main{ position:absolute; top:0; left:50%; margin-left:-585px; width:1170px; height:100%; }
.banner_main::before{ content: ''; position: absolute; top: 0; bottom: 0; left: 25px; border-left: 1px solid rgba(214, 216, 215, .3); }
.banner_main_{ padding-top:160px; margin-left:25px; }
.banner_title{ padding-left:25px; font-size:50px; line-height:45px; font-weight:bold; color:#6eff2a; border-left: 1px solid currentColor; }
.banner_s_title{ width:440px; padding-left:25px; margin-top:42px; font-size:55px; color:#fff; line-height:62px; }
.banner_link{ padding-left:25px; }
.banner_link a{ display:block; width:160px; height:42px; margin-top:60px; border-radius:21px; background:#42a912; font-size:16px; color:#ffffff; line-height:42px; text-align:center; transition: all 0.5s ease 0s; }
.banner_link a:hover{ background:#6eb92b; }
#example_video1{ width:1920px; height:723px; }
.video_mark{ position:absolute; top:0; left:0; width:100%; height:700px; background:url(../images/banner_mark.png) no-repeat center; }

.video_pop{ position:fixed; top:0; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.5); z-index:1000; display:none; }
.video_pop_{ position:absolute; top:50%; left:50%; width:1290px; height:724px; margin-left:-645px; margin-top:-362px; }
#example_video2{ width:100%; height:100%; }
/*.video_close {position: absolute; top: 0; right: -40px; width: 40px; height: 40px; background: #fff; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.video_close div { width: 100%; height: 100%; background: url(../images/close.png) no-repeat center; transition: all 0.5s ease 0s;} 
.video_close:hover div {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}*/

.indexnews{ padding-top:30px; background:#fff; overflow:hidden; }
.indexnews_li{ width:33.33%; height:330px; }
.indexnews_li a{ display:block; width:100%; height:100%;  background-size: cover; background-position: center; position:relative; overflow:hidden; }
.indexnews_li a img{ transition:all 0.5s ease 0s; }
.indexnews_title{ position:absolute; bottom:0; right:0; width:95%; height:80px; background:#42a912; transition:all 0.5s ease 0s; }
.indexnews_title_{ padding:14px 20px; font-size:18px; line-height:26px; color:#ffffff; transition:all 0.5s ease 0s; }
.indexnews_title_ b{ font-size:18px; font-weight:normal; transition: all 0.5s ease 0s; }
.indexnews_more{ position:absolute; left:48px; bottom:37px; width:160px; height:42px; margin-top:60px; border-radius:21px; background:#42a912; font-size:16px; color:#ffffff; line-height:42px; text-align:center; opacity:0; transition:all 0.5s ease 0s;  }
.indexnews_li:hover .indexnews_title{ background:rgba(6,42,86,0.7); width:100%; height:100%; }
.indexnews_li:hover .indexnews_title_{ padding:33px 36px 0 36px; font-size:22px; line-height:36px;  }
.indexnews_li:hover .indexnews_title_ b{ font-size:26px; font-weight:bold; }
.indexnews_li:hover .indexnews_more{ opacity:1;  }
.indexnews_li:hover img{ transform:scale(1.1); }

.indexprod_{ width:1170px; margin:0 auto; padding-top:83px; }
.indexitem{ font-size:40px; color:#0092da; text-align:center; }
.indexprod_list{ overflow:hidden; margin-top:85px; }
.indexprod_list .tab_cont{ width:702px; height:500px; position:relative; }
.indexprod_list .tab-b{ position:absolute; top:0; left:0; width:100%; height:100%; display:none; }
.indexprod_img{ position:relative; display:block; overflow:hidden; }
.indexprod_img img{ transition:all 0.5s ease 0s; }
.indexprod_img:hover img{ transform:scale(1.1); }
.indexprod_mark{ position:absolute; top:0; left:0; width:703px; height:100%; background:url(../images/indexprod_mark.png) no-repeat center; background-size:703px 500px; }
.indexprod_mark_{ padding-left:64px; }
.indexprod_item{ font-size:28px; line-height:48px; color:#ffffff; margin-top:90px; }
.indexprod_title{ font-size:28px; line-height:48px; color:#ffffff; }
.indexprod_en_title{ font-size:18px; color:#ffffff; margin-top:53px; }
.indexprod_more{ width:160px; height:42px; margin-top:45px; border-radius:21px; background:#42a912; font-size:16px; color:#ffffff; line-height:42px; text-align:center; transition:all 0.5s ease 0s; }
.indexprod_img:hover .indexprod_more{ background:#6eb92b; }

.indexprod_list .tab_box{ width:468px; }
.indexprod_list .tab-a{ width:100%; height:100px; }
.indexprod_li{ width:100%; height:100%; cursor:pointer; transition:all 0.5s ease 0s; }
.indexprod_item_img{ float:left; width:65px; height:100px; background:url(../images/indexprod_arrow.png) no-repeat 27px center; opacity:0; transition:all 0.5s ease 0s; }
.indexprod_item_name{ float:left; width:403px; height:100%; font-size:22px; line-height:100px; color:#444444; transition:all 0.5s ease 0s; }
.indexprod_list .tab-a.on .indexprod_li{ background:#42a912; }
.indexprod_list .tab-a.on .indexprod_item_img{ opacity:1; }
.indexprod_list .tab-a.on .indexprod_item_name{ padding-left:20px; width:383px; color:#ffffff; }
.indexprod_list .tab-a:hover .indexprod_item_name{ padding-left:20px; width:383px; color:#42a912; }
.indexprod_list .tab-a.on:hover .indexprod_item_name{color:#ffffff;}

.indexcase{ padding-top:84px; }
.indexcase_{ padding-top:84px; overflow:hidden; }
.indexcase_li{ float:left; width:50%; position:relative; }
.indexcase_mark{ position:absolute; bottom:0; left:0; width:31.25%; height:; background:rgba(255,255,255,0.8); }
.indexcase_mark_{ padding:13% 8% 0; }
.indexcase_img{ overflow:hidden; }
.indexcase_img img{ transition:all 0.5s ease 0s; }
.indexcase_item{ font-size:14px; line-height:36px; color:#666666; }
.indexcase_title{ font-size:24px; line-height:36px; color:#008fd5; margin-top:4.33%; }
.indexcase_li:hover img{ transform:scale(1.1); }

.valuemark{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,143,213,0.2); }
.valuemark_{ float:left; padding-left:10.9375%; margin-top:23.3%; }
.valuemark_title{ font-size:36px; line-height:60px; font-weight:bold; color:#ffffff; }
.valuemark_desc{ font-size:24px; line-height:36px; color:#ffffff; }
.value_more{ float:left; width:35px; height:65px; background:url(../images/arrow.png) no-repeat center; margin-top:23.1%; margin-left:10px; transition:all 0.5s ease 0s; }
.indexcase_li:hover .value_more{ margin-left:30px; }

.indexabout{ margin-top:160px; }
.indexabout_{ width:1170px; margin:0 auto; overflow:hidden; }
.indexabout_sort{ width:468px; height:348px; }
.indexabout_sort_{ padding-left:64px; }
.indexabout_item{ font-size:36px; line-height:42px; color:#333333; margin-bottom:55px; }
.indexabout_li{ margin-top:32px; }
.indexabout_link{ width:140px; height:37px; border-radius:19px; }
.indexabout_link a{ display:block; height:100%; padding:0 22px; background:url(../images/s_arrow.png) no-repeat 113px center; font-size:16px; line-height:37px; color:#ffffff; transition:all 0.5s ease 0s; }
.indexabout_link a:hover{ background-position:118px center; }
.indexabout_desc{ font-size:20px; color:#444444; margin-top:16px; }
.indexabout_info{ padding:0 42px; }
.indexabout_info_en{ font-size:14px; line-height:18px; color:#444444; margin-top:41px; }
.indexabout_info_ch{ font-size:18px; line-height:30px; color:#444444; margin-top:12px; }
.indexabout_info_other{ font-size:18px; line-height:30px; color:#2e8f01; margin-top:95px; }
.indexabout_long{ width:702px; height:348px; overflow:hidden; position:relative; }
.indexabout_long .year{ position:absolute; top:20px; right:20px; }
.indexabout_long .indexabout_img{ transition:all 0.5s ease 0s; }
.indexabout_long:hover .indexabout_img{ transform:scale(1.1); }
.indexabout_long.cur .indexabout_img{ transform:scale(1.1); }

.weblink{ padding-top:160px; }
.weblink_{ width:100%; background:#f6f6f6; padding-bottom:50px; }
.weblink_box{ width:1170px; margin:0 auto; }
.weblink_item{ padding:59px 0 51px; font-size:20px; line-height:20px; color:#333333; }

.slidelinkBox{  height:120px; text-align:left; position:relative; }
.slidelinkBox .bd{position: relative; overflow: hidden; width: 1170px; height: 120px; margin:0 auto; }
.slidelinkBox .bd ul{ text-align:center; }
.slidelinkBox .bd li{ display:inline-block; width:180px; height:120px; margin:0 18px 0 0; }
.slidelinkBox .hd{ position:absolute; right:0; top:-70px; }
.slidelinkBox .hd li{ float:left; width:11px; height:11px; background:#999; border-radius:50%; margin-left:7px; transition:all 0.5s ease 0s; }
.slidelinkBox .hd li.on{ background:#42a912; }
.weblink_li{ display:block; width:100%; height:100%; }
.weblink_img{ width:180px; height:80px; overflow:hidden; }
.weblink_img img{ transition:all 0.5s ease 0s; }
.weblink_title{ font-size:14px; line-height:30px; color:#666666; text-align:center; margin-top:9px; }
.weblink_li:hover .weblink_img img{ transform:scale(1.1); }

.recruitment{ min-width:1170px; height:80px; background:#42a912; }
.recruitment_{ width:1170px; height:100%; margin:0 auto; }
.recruitment_main{ height:100%; padding-left:64px; background:url(../images/recruitment_icon.png) no-repeat left center; }
.recruitment_main a{ display:inline-block; padding-right:38px; background:url(../images/recruitment_jiantuo.png) no-repeat right center; font-size:18px; line-height:80px; color:#ffffff; transition:all 0.5s ease 0s; }
.recruitment_main a:hover{  padding-right:48px; }

/**** 内页banner ****/
.insidebanner{ min-width: 1170px; height: 450px; position: relative; z-index: 1; }
.slidebannerBox{  height:450px; text-align:left; position:relative; overflow:hidden; }
.slidebannerBox .bd{ position: relative; overflow: hidden; width: 1920px; height: 450px; left: 50%; margin-left: -960px; }
.slidebannerBox .bd li{ height:450px; position:relative; }
.slidebannerBox .prev{ position:absolute; left:0; top:50%; margin-top:-40px; width:80px; height:80px; background:rgba(0,0,0,0.5) url(../images/banner_prev.png) no-repeat center; opacity:0; cursor:pointer; transition:all 0.5s ease 0s; }
.slidebannerBox .next{ position:absolute; right:0; top:50%; margin-top:-40px; width:80px; height:80px; background:rgba(0,0,0,0.5) url(../images/banner_next.png) no-repeat center; opacity:0; cursor:pointer; transition:all 0.5s ease 0s; }
.slidebannerBox:hover .prev,.slidebannerBox:hover .next{ opacity:1; }
.slidebannerBox .prev:hover{ background-position:17px center; }
.slidebannerBox .next:hover{ background-position:37px center; }

/**** 创新解决方案 ****/
.inside_main{ min-width:1170px; background:#fff; }
.inside_main_{ width:1170px; margin:0 auto; padding-bottom:210px; }
.solution_item{ font-size:36px; line-height:48px; font-weight:bold; color:#333333; margin:72px 0 39px; }
.solution_cont{ font-size:20px; line-height:30px; color:#666666; }
.solution_cont img{ max-width:100%; }
.solution_part02,.solution_part03,.solution_part04{ margin-top:125px; }
.solution_part_item{ width:520px; font-size:26px; line-height:36px; font-weight:bold; color:#333333; margin-bottom:19px; }
.solution_part_cont{ font-size:16px; line-height:26px; color:#666666; margin-bottom:30px; }

/**** 关于我们 ****/
.about_part01{ width:1170px; margin:0 auto; padding:95px 0; }
.about_cont{ font-size:18px; line-height:30px; text-align:justify; color:#666666; }
.about_cont img{ max-width:100%; }
.about_part02_01{ background:#f0f0f0; }
.about_part02_01_{ width:1170px; margin:0 auto; padding:95px 0 180px; }
.about_part02_02{ width:1170px; margin:0 auto; padding:155px 0 120px; position:relative; }
.about_years{ position:absolute; left:50%; top:-150px; margin-left:-120px; width:240px; height:240px; }

.history{ min-width:1170px; height:800px; background:url(../images/history_bg.jpg) no-repeat center top; position:relative; }
.history_{ width:1170px; margin:0 auto; padding:109px 0 0; }
.history_item{ width:635px; margin:0 auto; }
.history_item .line{ width:200px; border-bottom:1px solid #7cd4ff; }
.history_item .history_item_{ width:235px; font-size:38px; font-weight:bold; line-height:48px; color:#ffffff; text-align:center; margin-top:-26px; }

.history_list{ margin-top:120px; }
.history_contbox{ width:1170px; overflow:hidden;  position:relative; }
.swiper-container1{ width:915px; height:360px; margin:0 auto; overflow:hidden; }
.swiper-container1 .swiper-button-prev{ width:60px; height:60px; background:url(../images/history_prev.png) no-repeat center;margin-top:0; top:54px; }
.swiper-container1 .swiper-button-next{ width:60px; height:60px; background:url(../images/history_next.png) no-repeat center;margin-top:0; top:54px; }
.history_cont{ float:left; width:455px; }
.history_date{ font-size:100px; color:#ffffff; line-height:100px; }
.history_desc{ font-size:18px; line-height:30px; color:#ffffff; margin-top:25px; }
.history_midline{ float:left; width:3px; height:80px; background:#7cd4ff; }
.history_img{ float:right; width:400px; }

.swiper-container2{ width:195px; height:95px; margin:4px 0 0;  }
.swiper-container2 .swiper-wrapper{ width:195px; }
.swiper-container2 .swiper-slide{ float:left; width:195px; }
.swiper-container2 .swiper-slide .yearpoint{ width:22px; height:27px; margin:0 auto; background:url(../images/yearpoint.png) no-repeat center 4px; }
.swiper-container2 .swiper-slide .yearbox{ width:115px; height:40px; margin:27px auto 0; border-radius:5px; font-size:20px; line-height:40px; color:#9adeff; text-align:center; }
.swiper-container2 .swiper-slide-active .yearbox{ font-size:28px; color:#199ad9; background:#ffffff; }
.swiper-container2 .swiper-slide-active .yearpoint{ background:url(../images/yearpoint_cur.png) no-repeat center; }

.swiperline{ border-bottom:1px dashed #7cd4ff; position:absolute; bottom:196px; left:0; width:100%; }



/**** 产品与技术 ****/
.prodsort{ min-width:1170px; overflow:hidden; }
.prodsort_{ width:1170px; margin:0 auto; padding-bottom:100px; }
.prodsort_item{ margin-top:70px; }
.prodsort_item_b{ font-size:30px; line-height:48px; font-weight:bold; color:#333333; }
.prodsort_item_s{ font-size:24px; line-height:42px; color:#42a912; }

.prodsort_list{ height:320px; margin:61px 0 0; position:relative; }
.prodsort_list .tab_box{ width:545px; padding-top:9px; }
.prodsort_list .tab_item{ width:215px; }
.tab_item_num{ font-size:250px; color:#3e9c12; line-height:230px; }
.tab_item_txt{ font-size:38px; line-height:48px; color:#3e9c12; font-weight:bold; }
.prodsort_li{ width:330px; height:55px; border-bottom:1px solid #42a912; position:relative; transition:all 0.5s ease 0s; }
.prodsort_item_name{ font-size:18px; line-height:55px; color:#333333; padding-left:4px; cursor:pointer; transition:all 0.5s ease 0s; }
.prodsort_item_name span{ float:left; font-size:26px; line-height:55px; color:#3e9c12; font-style:italic; margin-right:18px; transition:all 0.5s ease 0s; }
.prodsort_item_img{ position:absolute; right:10px; top:24px; width:14px; height:10px; background:url(../images/prodsort_arrow.png) no-repeat center; opacity:0; transition:all 0.5s ease 0s; }
.prodsort_list .tab-a.on .prodsort_li{ background:#42a912; }
.prodsort_list .tab-a.on .prodsort_item_name{ padding-left:40px; color:#ffffff; }
.prodsort_list .tab-a.on .prodsort_item_name span{ color:#ffffff; }
.prodsort_list .tab-a.on .prodsort_item_img{ opacity:1; }
.prodsort_list .tab-a:hover .prodsort_item_name{ padding-left:40px; color:#42a912; }

.prodsort_list .tab_cont{ position:absolute; top:0; right:-375px; width:960px; height:320px; }
.prodsort_list .tab-b{ position:absolute; top:0; left:0; display:none; }
.prodsort_list .tab-b a{ display:block; overflow:hidden; }
.prodsort_img img{ transition:all 0.5s ease 0s;  }
.prodsort_img:hover img{ transform:scale(1.1);  }

.prodsystem{ min-width:1170px; height:680px; background:url(../images/system_bg.jpg) no-repeat center top; }
.prodsystem_{ width:1170px; margin:0 auto; padding:72px 0 0; }
.prodsystem_item{ width:140px; height:91px; padding-top:75px; background:url(../images/prodsystem_itembg.png) no-repeat center; margin:0 auto; font-size:38px; line-height:48px; color:#333333; text-align:center; font-weight:bold; }
.prodsystem_list{ margin-top:90px; }
.prodsystem_li{ width:260px; height:120px; margin:0 43px 40px 0; background:#0075c1; border-radius:4px;}
.prodsystem_li:nth-child(4n){ margin:0 0 40px 0; }
.prodsystem_li div{ height:60px; padding:60px 0 0; font-size:18px; text-align:center; color:#ffffff; line-height:60px; background:url(../images/prodsystem_icon.png) no-repeat;  }
.prodsystem_li.li01 div{ background-position:104px 15px; }
.prodsystem_li.li02 div{ background-position:-199px 15px; }
.prodsystem_li.li03 div{ background-position:-503px 15px; }
.prodsystem_li.li04 div{ background-position:-806px 15px; }
.prodsystem_li.li05 div{ background-position:104px -145px; }
.prodsystem_li.li06 div{ background-position:-199px -145px; }
.prodsystem_li.li07 div{ background-position:-503px -145px; }
.prodsystem_li.li08 div{ background-position:-806px -145px; }

.prodsystem_list.first .prodsystem_li{ transform:translateY(30px); opacity: 0; }

.prodsystem_list .prodsystem_li.li01{ transition: all 0.5s linear 0.5s; }
.prodsystem_list .prodsystem_li.li02{ transition: all 0.5s linear 0.9s; }
.prodsystem_list .prodsystem_li.li03{ transition: all 0.5s linear 1.3s; }
.prodsystem_list .prodsystem_li.li04{ transition: all 0.5s linear 1.7s; }
.prodsystem_list .prodsystem_li.li05{ transition: all 0.5s linear 2.1s; }
.prodsystem_list .prodsystem_li.li06{ transition: all 0.5s linear 2.5s; }
.prodsystem_list .prodsystem_li.li07{ transition: all 0.5s linear 2.9s; }
.prodsystem_list .prodsystem_li.li08{ transition: all 0.5s linear 3.3s; }


.prodvalue{ min-width:1170px; background:#fff; }
.prodvalue_{ width:1170px; margin:0 auto; padding-top:218px; }
.prodvalue_item{ width:635px; margin:0 auto; }
.prodvalue_item .line{ width:200px; border-bottom:1px solid #d1d1d1; }
.prodvalue_item_{ float:left; width:235px; height:91px; margin-top:-100px; padding-top:75px; background:url(../images/prodvalue_itembg.png) no-repeat center; font-size:38px; line-height:48px; color:#333333; text-align:center; font-weight:bold;  }
.prodvalue_desc{ margin-top:80px; font-size:20px; line-height:30px; color:#666666; text-align:center; }
.prodvalue_desc span{ color:#3e9c12; }
.prodvalue_list{ margin-top:85px; padding-bottom:145px; }
.prodvalue_tr01,.prodvalue_tr02{ overflow:hidden; margin-bottom:70px; }
.prodvalue_tr01 .prodvalue_li{ width:20%; }
.prodvalue_tr02{ width:936px; margin:0 auto; }
.prodvalue_tr02 .prodvalue_li{ width:25%; }
.prodvalue_circle{ width:152px; height:152px; margin:0 auto; position:relative; }
.prodvalue_circlecont{ position:absolute; top:34px; left:34px; width:84px; height:84px; font-size:24px; color:#333333; text-align:center; line-height:84px; }
.prodvalue_title{ font-size:18px; line-height:26px; color:#333333; text-align:center; margin-top:20px; }

#circle,#circle2,#circle3,#circle4,#circle9{
  stroke-dasharray: 0,370;
  stroke-dashoffset: 92.5;
	-webkit-animation: ciranim 1.6s linear 1s;
	-webkit-animation-fill-mode:both;
}
#circle5,#circle7,#circle8{
  stroke-dasharray: 0,370;
  stroke-dashoffset: 92.5;
	-webkit-animation: ciranim2 1.6s linear 1s;
	-webkit-animation-fill-mode:both;
}
#circle6{
  stroke-dasharray: 0,370;
  stroke-dashoffset: 92.5;
	-webkit-animation: ciranim3 1.6s linear 1s;
	-webkit-animation-fill-mode:both;
}

.prodvalue_list.first #circle,.prodvalue_list.first #circle2,.prodvalue_list.first #circle3,.prodvalue_list.first #circle4,.prodvalue_list.first #circle5,.prodvalue_list.first #circle6,.prodvalue_list.first #circle7,.prodvalue_list.first #circle8,.prodvalue_list.first #circle9{
	-webkit-animation: none;
	-webkit-animation-fill-mode:none;
}

@-webkit-keyframes ciranim { 
  0% {
    stroke-dasharray: 0, 370;
  }
  100% {
    stroke-dasharray: 333, 37;
  }
}
@-webkit-keyframes ciranim2 {
  0% {
    stroke-dasharray: 0, 370;
  }
  100% {
    stroke-dasharray: 259, 111;
  }
}
@-webkit-keyframes ciranim3 {
  0% {
    stroke-dasharray: 0, 370;
  }
  100% {
    stroke-dasharray: 185, 185;
  }
}

/***** 产品分类页******/
.sortbanner{ min-width:1170px; height:450px; background:#f2efeb; }
.sortbanner_{ width:1170px; margin:0 auto; position:relative; }
.sortbanner_mark{ position:absolute; top:0; left:0; width:500px; height:450px; background:rgba(0,0,0,0.6); }
.sortbanner_mark_{ padding-left:80px; }
.sortbanner_top{ padding-top:57px; }
.sortbanner_top div{ font-size:30px; line-height:36px; font-weight:bold; color:#fefffe; }
.sortbanner_top span{ font-size:18px; color:#fefffe; }
.sortlist{ margin-top:15px; }
.sortlist .prodsort_li{ display:block; width:330px; height:55px; border-bottom:1px solid rgba(66,169,18,0.6); position:relative; transition:all 0.5s ease 0s; }
.sortlist .prodsort_item_name{ font-size:18px; line-height:55px; color:#42a912; padding-left:4px; cursor:pointer; transition:all 0.5s ease 0s; }
.sortlist .prodsort_item_name span{ float:left; font-size:26px; line-height:55px; color:#3e9c12; font-style:italic; margin-right:18px; transition:all 0.5s ease 0s; }
.sortlist .prodsort_item_img{ position:absolute; right:10px; top:24px; width:14px; height:10px; background:url(../images/prodsort_arrow.png) no-repeat center; opacity:0; transition:all 0.5s ease 0s; }
.sortlist .prodsort_li.active{ background:rgba(66,169,18,0.6); }
.sortlist .prodsort_li.active .prodsort_item_name{ padding-left:40px; color:#ffffff; }
.sortlist .prodsort_li.active .prodsort_item_name span{ color:#fff; }
.sortlist .prodsort_li.active .prodsort_item_img{ opacity:1; }
/*.sortlist .prodsort_li:hover{ background:rgba(66,169,18,0.6); }*/
.sortlist .prodsort_li:hover .prodsort_item_name{ padding-left:40px; color:#ffffff; }
.sortlist .prodsort_li:hover .prodsort_item_name span{ color:#fff; }
/*.sortlist .prodsort_li:hover .prodsort_item_img{ opacity:1; }*/

.sortmain_{ width:1170px; margin:0 auto; padding:68px 0 0; }
.sortmain_title{ font-size:36px; line-height:48px; color:#3e9c12; font-weight:bold; }
.sortmain_cont{ font-size:16px; line-height:26px; color:#666666; text-align:justify; margin-top:26px; }
.sortmain_cont img{ max-width:100%; }

.sortmain_img{ overflow:hidden; margin-top:125px; }
.point{ position:absolute; width:35px; height:35px; border-radius:50%;  }
.pointbg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#3f813a; border-radius:50%; mix-blend-mode: multiply; box-shadow: 0px 0px 0px 0px rgba( 63,129,58,1 ); -webkit-animation: point 1s linear infinite; }
.pointnum{ position:absolute; top:0; left:0; width:100%; height:100%; font-size:18px; line-height:35px; text-align:center; color:#ffffff; }

@-webkit-keyframes point {
  0% {
    box-shadow: 0px 0px 0px 0px rgba( 63,129,58,1 );
  }
  100% {
    box-shadow: 0px 0px 0px 7px rgba( 63,129,58,0 );
  }
}

.sortmain_desc{ width:350px; }
.sortmain_desc_title{ width:332px; height:38px; padding:0 14px; background:#3e9c12; font-size:18px; color:#ffffff; line-height:38px; }
.sortmain_desc_list{ padding:11px 14px 19px; border-bottom:1px solid #c5c5c5; font-size:18px; line-height:40px; color:#030000; }
.sortmain_more{ width:180px; height:50px; background:#3e9c12; transition:all 0.5s ease 0s; }
.sortmain_more a{ display:block; height:100%; padding-left:15px; font-size:16px; line-height:50px; color:#ffffff; background:url(../images/prodsort_arrow.png) no-repeat 154px center; transition:all 0.5s ease 0s; }
.sortmain_more:hover{ background:#6eb92b; }
.sortmain_more:hover a{ background-position:162px center; }

.sortmain_img01{ padding-bottom:127px; }
.sortmain_img02{ padding-bottom:230px; }
.sortmain_img03{ margin-top:65px; padding-bottom:100px; }
.sortmain_img04{ margin-top:80px; padding-bottom:176px; position:relative; }
.sortmain_img05{ margin-top:165px; padding-bottom:195px; }

.sort01_img01{ float:left; position:relative; }
.sort01_img02{ float:right; position:relative; }
.sort02_img01{ float:left; position:relative; }
.sort02_img02{ float:right; position:relative; }
.sort03_img01{ margin-top:18px; position:relative; }
.sort04_img01{ position:relative; }
.sort04_img02{ margin-top:115px; position:relative; }
.sort05_img01{ float:left; position:relative; }

.sortmain_img01 .sortmain_desc{ float:right; margin-right:87px; margin-top:118px; }
.sortmain_img01 .sortmain_more{ float:right; margin-top:65px; }
.sortmain_img02 .sortmain_desc{ float:right; margin-right:87px; }
.sortmain_img02 .sortmain_desc_mid{ height:363px; padding:73px 0 38px; border-bottom:1px solid #c5c5c5; }
.sortmain_img02 .sortmain_more{ float:right; margin-top:65px; }
.sortmain_img03 .sortmain_desc{ position:absolute; bottom:2px; right:0; }
.sortmain_img04 .sortmain_desc{ position:absolute; right:0; bottom:200px; }
.sortmain_img04 .sortmain_more{ float:right; margin-top:65px; }
.sortmain_img05 .sortmain_desc{ float:right; margin-top:22px; }
.sortmain_img05 .sortmain_more{ float:right; margin-top:65px; }

/***** 案例******/
.caselist{ padding:73px 0 100px; }
.caseli{ overflow:hidden; }
.caseli_img{ width:50%; height:400px; cursor:pointer; overflow:hidden; } 
.caseli_img img{ transition:all 0.5s ease 0s; }
.caseli:hover .caseli_img img{ transform:scale(1.1); }
.caseli_info{ width:50%; height:400px; background:#f2f2f5; }
.caseli_info_{ padding:0 42px; }
.caseli_title{ font-size:30px; line-height:60px; color:#333333; font-weight:bold; margin-top:42px; }
.caseli_area{ font-size:18px; line-height:26px; color:#333333; margin-top:12px; }
.caseli_desc{ font-size:18px; line-height:26px; color:#333333; margin-top:26px; }

.tanchuang{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:500; background:rgba(0,0,0,0.5); display:none; }
.tanchuang_{ position:absolute; top:50%; left:50%; width:1100px; height:754px; margin:-377px 0 0 -550px; }
.tanchuang_ .slideimgBox{  height:754px; text-align:left; position:relative; overflow:hidden; }
.tanchuang_ .slideimgBox .bd{ position: relative; overflow: hidden; width: 1100px; height: 754px; }
.tanchuang_ .slideimgBox .bd li{ height:754px; position:relative; text-align:center; line-height:754px; }
.tanchuang_ .slideimgBox .bd li img{ display: inline-block; vertical-align: middle; max-width:100%; }
.tanchuang_ .slideimgBox .prev{ position:absolute; left:0; top:50%; margin-top:-40px; width:80px; height:80px; background:rgba(0,0,0,0.5) url(../images/banner_prev.png) no-repeat center; opacity:0; cursor:pointer; transition:all 0.5s ease 0s; }
.tanchuang_ .slideimgBox .next{ position:absolute; right:0; top:50%; margin-top:-40px; width:80px; height:80px; background:rgba(0,0,0,0.5) url(../images/banner_next.png) no-repeat center; opacity:0; cursor:pointer; transition:all 0.5s ease 0s; }
.tanchuang_ .slideimgBox:hover .prev,.tanchuang_ .slideimgBox:hover .next{ opacity:1; }
.tanchuang_ .slideimgBox .prev:hover{ background-position:17px center; }
.tanchuang_ .slideimgBox .next:hover{ background-position:37px center;}


/***** 新闻 ******/
.newsbanner{ min-width:1170px; background:#f2efeb; }
.newsbanner_{ width:1170px; margin:0 auto; }
.slidenewsBox{  height:450px; text-align:left; position:relative; overflow:hidden; }
.slidenewsBox .bd{ position: relative; overflow: hidden; width: 1170px; height: 450px;}
.slidenewsBox .bd li{ height:450px; position:relative; }
.slidenewsBox .bd li a{ display:block; position:relative; }
.slidenewsBox .prev{ position:absolute; left:0; top:50%; margin-top:-40px; width:80px; height:80px; background:rgba(0,0,0,0.5) url(../images/banner_prev.png) no-repeat center; opacity:0; cursor:pointer; transition:all 0.5s ease 0s; }
.slidenewsBox .next{ position:absolute; right:0; top:50%; margin-top:-40px; width:80px; height:80px; background:rgba(0,0,0,0.5) url(../images/banner_next.png) no-repeat center; opacity:0; cursor:pointer; transition:all 0.5s ease 0s; }
.slidenewsBox:hover .prev,.slidenewsBox:hover .next{ opacity:1; }
.slidenewsBox .prev:hover{ background-position:17px center; }
.slidenewsBox .next:hover{ background-position:37px center; }

.newsbanner_mark{ position:absolute; top:0; left:0; width:500px; height:450px; background:rgba(0,0,0,0.5);}
.newsbanner_mark_{ width:290px; height:450px; margin:0 auto; display:table;  }
.newsbanner_mark_main{ display:table-cell; vertical-align:middle; }
.newsbanner_title{ font-size:24px; text-align:center; color:#fefffe; font-weight:bold; line-height:34px; margin-bottom:5px; }
.newsbanner_desc{ font-size:16px; color:#ffffff; text-align:center; }

.news_main{ min-width:1170px; }
.news_main_{ width:1170px; margin:0 auto; padding:80px 0 0; overflow:hidden; }
.news_left{ width:790px; }
.news_item{ font-size:36px; line-height:48px; color:#333333; font-weight:bold; }
.news_list{ overflow:hidden; margin-top:22px; }
.news_li{ float:left; width:380px; height:355px; margin-right:25px; margin-bottom:30px; }
.news_li:nth-child(2n){ margin-right:0; }
.news_img{ position:relative; width:380px; height:260px; overflow:hidden; }
.news_img img{ transition:all 0.5s ease 0s; }
.news_mark{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/news_mark.png) no-repeat center; opacity:0; transition:all 0.5s ease 0s; }
.news_mark_{ padding:0 27px; }
.news_mark_ div{ width:315px; font-size:16px; line-height:24px; color:#ffffff; margin-top:27px; padding-bottom:27px; background:url(../images/banner_next.png) no-repeat left bottom; }
.news_date{ font-size:12px; line-height:24px; color:#777777; margin-top:19px; }
.news_title{ font-size:16px; line-height:24px; color:#008fd5; }
.news_li:hover .news_mark{ opacity:1; }
.news_li:hover .news_img img{ transform:scale(1.1); }

.news_page{ padding:20px 0 80px; height:50px; text-align:center; border-top:1px solid #d7d7d7; }
.news_page .am_page_color{ display:inline-block; margin:0 15px; font-size:18px; color:#008fd5; line-height: 50px; text-decoration:underline; font-weight:normal; }
.news_page a{ display:inline-block; height:50px; text-align:center; line-height:50px; font-size:18px; color:#666666; margin:0 15px; transition:all 0.5s ease 0s;}
.news_page a:hover{ color:#008fd5;  }
.news_page .am_page_first{ float:left; width:50px; height:50px; margin:0; background:#333333 url(../images/banner_prev.png) no-repeat center; }
.news_page .am_page_last{ float:right; width:50px; height:50px; margin:0; background:#333333 url(../images/banner_next.png) no-repeat center; }
.news_page .am_page_first:hover{ background:#58b530 url(../images/banner_prev.png) no-repeat center; }
.news_page .am_page_last:hover{ background:#58b530 url(../images/banner_next.png) no-repeat center; }
.news_page span.am_page_first:hover{ background:#333333 url(../images/banner_prev.png) no-repeat center; cursor:not-allowed; }
.news_page span.am_page_last:hover{ background:#333333 url(../images/banner_next.png) no-repeat center; cursor:not-allowed; }


.news_ewm{ width:320px; padding:10px 10px 50px 10px; background:#eeeeee; }
.news_ewm_title{ font-size:18px; line-height:48px; color:#333333; font-weight:bold; margin-bottom:10px; }

.news_detail_{ width:1170px; margin:0 auto; padding:80px 0 0; overflow:hidden; }
.news_detail_left{ width:790px; }
.news_detail_title{ font-size:36px; line-height:48px; color:#333333; font-weight:bold; }
.news_detail_date{ margin-top:20px; }
.news_detail_date span{ font-size:12px; line-height:24px; color:#777777; margin-right:10px; }
.news_detail_date span.hit{ padding-left:18px; background:url(../images/hit.png) no-repeat left bottom; }
.news_detail_cont{ min-height:465px; font-size:16px; line-height:30px; color:#565656; text-align:justify; margin-top:15px; padding-bottom:35px; }
.news_detail_cont img{ max-width:100%; }
.news_detail_btn{ padding:20px 0 80px; height:50px; border-top:1px solid #d7d7d7; text-align:center; }
.news_detail_btn .prev{ float:left; height:50px; }
.news_detail_btn .prev div{ float:left; width:50px; height:50px; background:#333333 url(../images/banner_prev.png) no-repeat center; transition:all 0.5s ease 0s; } 
.news_detail_btn .prev span{ float:left; height:50px; font-size:14px; line-height:50px; color:#666666; padding-left:20px; }
.news_detail_btn .next{ float:right; height:50px; }
.news_detail_btn .next div{ float:right; width:50px; height:50px; background:#333333 url(../images/banner_next.png) no-repeat center; transition:all 0.5s ease 0s; } 
.news_detail_btn .next span{ float:right; height:50px; font-size:14px; line-height:50px; color:#666666; padding-right:20px; }
.news_detail_btn .prev:hover div{ background:#58b530 url(../images/banner_prev.png) no-repeat center; }
.news_detail_btn .next:hover div{ background:#58b530 url(../images/banner_next.png) no-repeat center; }
/*.news_detail_btn a.nomore_p,.news_page a.nomore_p:hover{ background:#333333 url(../images/banner_prev.png) no-repeat center; cursor:not-allowed; }
.news_detail_btn a.nomore_n,.news_page a.nomore_n:hover{ background:#333333 url(../images/banner_next.png) no-repeat center; cursor:not-allowed; }
*/
.news_detail_btn .back{ display:inline-block; width:50px; height:50px; background:#333333 url(../images/back_icon.png) no-repeat center; transition:all 0.5s ease 0s; }
.news_detail_btn .back:hover{ background:#58b530 url(../images/back_icon.png) no-repeat center; }

.tuijian{ min-width:1170px; background:#eeeeee;}
.tuijian_{ width:1170px; margin:0 auto; padding:29px 0 17px; overflow:hidden; }
.tuijian_item{ font-size:24px; line-height:24px; color:#333333; font-weight:bold; }
.tuijian_list{ overflow:hidden; margin-top:22px; }
.tuijian_list .news_li{ width:360px; height:330px; margin-right:45px; }
.tuijian_list .news_li .news_img{ width:360px; height:240px; }
.tuijian_list .news_li:nth-child(3n){ margin-right:0; }
.tuijian_list .news_li .news_date{ margin-top:15px; }

.backhome{ position:fixed; bottom:100px; right:52px; z-index:200; width:90px; height:35px; padding-top:55px; background:#1798d7 url(../images/home_icon.png) no-repeat center 18px; transition:all 0.5s ease 0s; }
.backhome div{ font-size:12px; line-height:24px; text-align:center; color:#ffffff; }
.backhome:hover{ background:#6eb92b url(../images/home_icon.png) no-repeat center 18px; }

/**********************/
.job_main_{ width:1170px; margin:0 auto; padding:73px 0 0; }
.job_item{ font-size: 36px; line-height: 48px; color: #333333; font-weight: bold; }
.job_search{ margin-top:56px; padding:40px 30px;  background:#f0f0f0; overflow:hidden; }
.search_box{ float:left; width:332px; height:40px; }
#keywords{ float:left; width:250px; height:40px; padding:0 20px; font-size:18px; color:#666666; }
.searchsub{ float:left; width:40px; height:40px; margin-left:2px; background:#58b530 url(../images/search_icon.png) no-repeat center; cursor:pointer; transition:all 0.5s ease 0s; }
.searchsub:hover{ background:#6eb92b url(../images/search_icon.png) no-repeat center; }
.search_result{ float:left; height:40px; font-size:16px; line-height:40px; color:#666666; margin-left:23px; }
.search_result span{ font-weight:bold; color:#008fd5; }
.job_list_head{ width:1168px; height:53px; background:#3e9c12; border:1px solid #ebebeb; margin-top:20px; }
.job_list_head div{ float:left; height:40px; padding:10px 0 0; font-size:18px; line-height:36px; color:#ffffff; }
.job_list_head div.item01{ width:398px; }
.job_list_head div.item02{ width:142px; }
.job_list_head div.item03{ width:178px; }
.job_list_head div.item04{ width:130px; }
.job_list_head div.item05{ width:120px; }
.job_list_head div.item06{ width:200px; }
.job_list_head div.item01 span{ padding-left:43px; }

.job_li{ width:1170px; border:1px solid #d5d5d5; background:#ffffff; margin-top:10px; box-sizing: border-box; cursor:pointer; }
.job_li_{ height:44px; border:1px solid transparent; border-bottom:none; transition:all 0.5s ease 0s;  }
.job_li_ div{ font-size:16px; line-height:44px; color:#333333; height: 44px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }
.job_li_01 span{ padding-left:43px; }
.job_li_01{ width:398px; }
.job_li_02{ width:142px; }
.job_li_03{ width:178px; }
.job_li_04{ width:130px; }
.job_li_05{ width:120px; }
.job_li_06{ width:200px; }
.job_li_cont{ width:100%; display:none; }
.job_li_cont_{ padding:23px 0; border:1px solid transparent; border-top:none; font-size:16px; line-height:30px; color:#000000; overflow:hidden; max-height:99999999px; transition:all 0.5s ease 0s; }
.job_li_cont_ .cont01{ float:left; padding:0 41px; width:554px; }
.job_li_cont_ .cont02{ float:left; width:489px; padding-right:41px;  }
.job_li_cont_  .cont_item{ font-size:16px; line-height:48px; color:#333333; font-weight:bold; }
.job_li_cont_  .cont_{ font-size:14px; line-height:30px; color:#333333; } 

.job_li.active .job_li_cont_{ border:1px solid #d5d5d5; border-top:none; }
.job_li.active .job_li_{ background:#f0f0f0; border:1px solid #d5d5d5; border-bottom:none; }