@charset "utf-8";
/*全局初始化样式*/
*{box-sizing: border-box; margin:0; padding:0;}
body{position: relative; padding:0; margin:0 auto; font-size:14px; line-height:1.42857143;font-family: "PingFang SC","Droid Sans Fallback","microsoft yahei"; color: #333; min-width: 320px; width: 100%; zoom:1;background: #fff; /*禁用Webkit内核浏览器的文字大小调整功能*/-webkit-text-size-adjust:none; /*取出点击出现半透明的灰色背景*/-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight:rgba(0,0,0,0); /*设置字体的抗锯齿或者说光滑度*/-webkit-font-smoothing: antialiased;overflow-x: hidden;}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*word-break: break-all;*/word-wrap: break-word;}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,ul li{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0; padding:0;}
/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:middle;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #029141;}
.pc_w{ width: 1200px;margin: 0 auto;}

/*头部*/
.pc_header{ position: fixed;background: #fff;width: 100%;height: 80px;border-bottom: 2px solid #e6e7e8;z-index: 9999}
.pc_logo{ float: left;height: 80px;line-height: 80px;}
.pc_logo img{ vertical-align: middle;height: auto;}
.pc_nav{ float: right;width: auto;height: 80px;}
.pc_nav_list{ float: left;width: auto;height:80px; }
.pc_item{ cursor: pointer;height: 80px;line-height: 80px;color: #333333;float: left;padding: 0 7px;margin-left: 30px;position: relative;}
.pc_item:nth-of-type(1){ margin-left: 0;}
.pc_item a{ color: #333333;transition: all .6s;font-size: 16px;}
.pc_item:hover a.pc_item_a,.pc_nav_list .active a.pc_item_a{ color: #029141;}
.pc_item_list{ position: fixed;top: 80px;left: 0;right: 0;width:100%;height:240px;padding: 25px 0;background: #fff  url(../images/images_01.jpg) no-repeat;background-size: 100% 100%;transform: translateY(25px);opacity: 0;pointer-events: none;transition: all .3s ease .1s;overflow: hidden}
.pc_item:hover .pc_item_list{ opacity: 1; transform: translateY(0);pointer-events: auto;}
.item_list_one,.item_list_two{ float: left;width: 410px;height: auto}
.item_list_one p{ width: 350px;font-size: 14px;line-height: 28px;color: #ffffff;margin-bottom: 20px;}
.item_list_one a,.pc_item:hover .item_list_one a{ font-size: 14px;line-height: 28px;color: #fff;float: left}
.item_list_two{ width: 380px;height:190px;margin-left: 60px;border-right: 1px solid #dcdcdc;}
.item_txt1{ float: left;width: 100%;height: 38px;margin-bottom: 20px;color: #333333;position: relative;line-height: 26px;font-size: 18px;}
.item_txt1:after {position: absolute;bottom: 0;left: 0;content: '';width: 40px;height: 2px;background-color: #029141;}
.item_txt2{ float: left;width: 100%;height: auto;}
.item_txt2 a{ float: left;width: 50%;display: inline-block;line-height: 32px;color: #999999;font-size: 15px;}
.item_txt2 a:hover{ color: #029141;}
.item_list_three{ float: right; width: 260px;height: auto;}
.item_list_three img{ max-width: 100%;}
.pc_nav_menu{ float: left;width: auto;margin-left: 50px;cursor: pointer;}
.menu_lang{ transition: transform .3s ease; transform: translateX(0);padding: 8px;margin-top: -8px;z-index: 3;float: left}
.menu_lang a.menu_lang_default{ height: 35px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;position: relative;margin: 22px 0 0 0;width: 130px;font-size: 14px;color: #444648;justify-content: center;}
.menu_lang > .menu_lang_default:first-child:before{ content: "";position: absolute; left: 3px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width: 17px;height: 16px;background: url(../images/images_02.png) no-repeat;}
.menu_lang > .menu_lang_default:first-child:after{content: "∨";position: absolute;display: inline-block;color: #009241;right: 8px;top: 50%;-webkit-transform: translateY(-50%) scaleX(2);-moz-transform: translateY(-50%) scaleX(2);-ms-transform: translateY(-50%) scaleX(2);-o-transform: translateY(-50%) scaleX(2);transform: translateY(-50%) scaleX(2);font-size: 6px;}
.menu_lang .menu_lang_en{display: -ms-flexbox;display: flex;position: fixed;-ms-flex-direction: column;flex-direction: column;width:146px;padding: 31px 8px 15px;margin: 0 -8px;z-index: 10;background: #fff;opacity: 0;pointer-events: none;visibility: hidden;transform: translateY(20px);transition: all .3s ease;text-align: center}
.menu_lang:hover .menu_lang_en{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;}
.menu_lang .menu_lang_en:before {content: "";box-sizing: border-box;position: absolute;width: 100%;height: calc(100% + 39px);left: 0;top: -39px;border: 1px solid #e1e3e7;box-shadow: 0 3px 7px rgba(0, 0, 0, .26);}
.menu_lang .menu_lang_en:after {content: "";position: absolute;top: 15px;left: 8px;width: calc(100% - 16px); /* width: 100%; */display: block;height: 1px;background: #e1e3e7;}
.menu_lang .menu_lang_en a{display: -ms-flexbox;display: flex;height: 42px;-ms-flex-align: center;align-items: center;padding-left: 35px;background: #fff;position: relative;}
.menu_lang .menu_lang_en a:hover {color: #fff;background: #009241; }
.menu_search{ float: left; cursor: pointer;width: auto;padding: 0 20px;position: relative;z-index: 4;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;border-left: 1px solid #e1e3e7;margin-top: 20px;height: 40px;}
.menu_search span{height: 20px;width: 20px;fill: #8f8f8f;position: relative;z-index: 5;background: url(../images/images_01.png);}
.index_sear{position:fixed;width: 1000px;top:115px;left: 50%;margin-left: -500px;background-color: #ffffff;z-index: 889;}
#search {height: 45px;width: 100%;line-height: 45px;box-shadow: 0 0 4px 0 #eee;padding-left: 50px;background: #fff url('../images/images_03.png') 14px center no-repeat;opacity: 0;display: none;z-index: 99;border: 1px solid rgba(51,51,51,0.1);}
#search input{float:left;color:#333;font-size:14px;height:43px;line-height:43px;width:80%;border: none;outline: none;}
#search input::placeholder{color:#333;font-size:14px;}
#close{cursor:pointer;float:right;margin-right:18px;width: 25px;height: 45px;}
#close img{vertical-align:middle;max-width: 100%}
/*移动头部*/
.wap_header{height:80px;text-align: center;font-size:1.5em;background-color: #ffffff;color:#fff;display: none;width: 100%;border-bottom: 3px solid #e6e7e8;padding: 0 1%;position: fixed;top:0;z-index: 9999}
.back_prev{float:left;width: 20%;text-align: left;color: #fff;height: 100%;line-height: 77px;}
.head-middle{width: 70%;text-align: center;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.head-right{float:right;text-align: center;width:15%;}
.app-hide-list i{margin-right: 5px;}
.app-hide-list{background: #f5f5f5;margin:5px 0;color:#007d3c;}
.app-slide-menu .mdui-list-item-content{text-align: left;padding-left: .8em;}
.app-collapse-menu{margin:15px 5px 0;}
.app-collapse-menu li.web_nav{ width: 100%;height: 44px;line-height: 44px;overflow: hidden;background-color:#007d3c;text-align: left;padding-left: 5px;}
.app-collapse-menu li a.nav_one{ width: 100%;height: 100%;display: inline-block;font-size: 15px;}
.app-collapse-menu li a.nav_one:hover{ color: #ffffff}
.app-list-home{padding:0;margin:5px 0 10px;background: #00b355;}
.app-list-home:hover{background: #00b355;}
.app-list-home i{margin-right: 5px;color:#fff;}
.app-list-home a{color:#fff;}
.app-list-item-link{color:#fff;display: block;width:100%;text-align: left;}
.mdui-collapse-item-body .app-sub-list{padding:0 ;margin: 8px;background: #fff;}
.mdui-collapse-item-body .app-sub-list a{padding-left:15px;}
.app-collapse-list{margin:10px 0;}
.menu-click{background: #e1fff0;padding: 0 5px;height: 48px;line-height: 48px;}
.app-btn{min-width: 100%;width: 80px;height: 80px;overflow: hidden;background: url("../images/images_18.png") no-repeat center center;cursor: pointer}
.search-form {display: block;position: relative;height: 48px;width: 100%;margin-bottom: 17px}
.search-form input {width: 100%;height: 48px;padding: 0 46px 0 15px;color: #8f8f8f;font-size: 14px;background: #f5f5f5;border: 1px solid #8f8f8f;outline: none}
.search-form button {text-indent: -99999px;height: 46px;width: 46px;background: url(../images/images_01.png) 50% no-repeat;background-size: 17px;position: absolute;right: 1px;top: 1px;fill: #009241;border: none;outline: none}
@media (max-width: 1200px){
    .pc_header{display: none;}
    .wap_header{display: inline-block;}
    .pc_w{ width: 100%}
}

/*尾部*/
.footer{ width: 100%;height: auto;background-color: #1f1f1f;overflow: hidden}
.foot_a{ float: left;width: 100%;height: auto;padding: 60px 0 35px;border-bottom: 4px solid rgba(85, 85, 85, 0.3);}
.foot_a_a{ float: left;width: 700px;height: auto}
.foot_a_a ul li{ float: left;width: auto;height: auto;margin-right: 50px;color: #ffffff}
.foot_a_a ul li:nth-last-of-type(1){ margin-right: 0}
.foot_a_a ul li h4{ margin-bottom: 20px;}
.foot_a_a ul li p a{ font-size: 14px;color: #ffffff;line-height: 34px;transition: all .6s}
.foot_a_a ul li p a:hover{ color: #009241;}
.foot_a_b{ float: right;overflow: hidden}
.foot_a_b_a{ float: left;width: auto;height: auto;margin-right: 40px;text-align: center}
.foot_a_b_a img{ width: 120px;margin-bottom: 10px;}
.foot_a_b_a p{ color: #ffffff;font-size: 16px;}
.foot_a_b_b{float: left;width: auto;height: auto;text-align: center}
.foot_a_b_b p{ font-size: 22px;color: #ffffff;font-weight: bold;margin-bottom: 15px;}
.foot_a_b_b span{ display: inherit;font-size: 14px;color: #ffffff;margin-bottom: 25px;}
.foot_a_b_b a{ display: inline-block;width: 200px;height: 50px;line-height: 50px;text-align: center;background: #ffffff url('../images/images_15.png') no-repeat 50px center;font-size: 14px;color: #333333;padding-left: 38px;}
.foot_a_c{float: left;width: 100%;height: auto;overflow: hidden;color: #ffffff;line-height: 26px;margin-top: 20px;}
.foot_a_c a{ color: #ffffff;opacity: .6;margin-right: 5px;}
.foot_b{ float: left;width: 100%;height:70px;overflow: hidden; }
.foot_b_a,.foot_b_b{ float: left;line-height: 70px;color: #ffffff;opacity: .6}
.foot_b_a span{ padding: 0 3px;}
.foot_b_a a,.foot_b_b a{ color: #ffffff}
.foot_b_b{ float: right}

/*分页*/
/*.page{ padding:10px 0 20px; text-align:center;}*/
/*.page li{ display: inline-block}*/
/*.page li:nth-of-type(1),.page li:nth-of-type(2),.page li:nth-last-of-type(1){ display: none}*/
/*.page a{display:inline-block; margin:0 3px; height:40px; border:1px #cacaca solid; padding:0 16px; line-height:40px;}*/
/*.page li.active a,.page li:hover a{ background:#009241; border-color:#009241; color:#fff;}*/
.page {float: left;width: 100%;display: block;margin: 10px 0 20px;text-align: center;}
.page:after {clear: both;display: block;visibility: hidden;overflow: hidden;height: 0;content:""}
.page ul {display: inline-block;margin: 0;padding: 0;list-style: none;vertical-align: bottom;border-right: 1px solid #ddd;border-radius: 4px;}
.page ul li {display: inline-block;border: 1px solid #ddd;float: left;border-right: none;border-radius: 0;}
.page ul a {display: inline-block;padding: 9pt 20px;background: #fff;color: #333;line-height: 18px;transition: all 1s cubic-bezier(.175, .885, .32, 1) 0s;float:left;}
.page ul li a:hover,.page ul li.active a {background: #333;color: #fff;}
.page ul li:not(:first-child):not(:last-child) {border-radius: 0}
.page ul li:first-child {border-radius: 4px 0 0 4px}
.page ul li:last-child {border-radius: 0 4px 4px 0}
.page ul .page-active a {border-radius: 0;background: #eee;color: #333}
.page ul li:nth-of-type(1),.page ul li:nth-of-type(2),.page ul li:nth-last-of-type(1){ display: none; }
/*分页*/

/* 首页  */
.index_title{ width: 100%;height: auto;text-align: center;color: #333333;}
.index_title h3{ font-size: 32px;margin-bottom: 8px;}
.index_title p{ font-size: 16px;}

.index_banner{ float: left;width: 100%;height: auto;margin-top: 80px;}
.index_banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.banner_all{float: left;width: 100%;height: auto;overflow: hidden;}
.banner_all .swiper-container {width: 100%;height: 100%;}
.banner_all .swiper-slide {float: left;background: #fff;cursor: pointer;}
.banner_all .swiper-slide img { width:100%}
.banner_all .swiper-slide .index_banner_wab{ display: none;}
.banner_all .swiper-pagination-bullet{width: 40px;height: 13px;background: rgba(0,0,0,.5);cursor: pointer;border-radius: 20px;opacity: 1;}
.banner_all .swiper-pagination-bullet-active{background: #009241;}
.banner_all .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 5px 10px;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 90px;}

.index_about{ float: left;width: 100%;min-height: 680px;background-color: #f5f5f5;position: relative;z-index: 888}
.index_about .pc_w{ position: absolute;top: -70px;left: 0;right: 0;margin: auto;background-color: #ffffff}
.index_about_one{ float: left;width: 100%;height:400px;overflow: hidden}
.index_about_con{ float: left;width: 50%;height: 100%;padding: 3.5% 2% 3% 3%}
.index_about_con h2{ font-size: 36px;position: relative;margin-bottom: 30px;}
.index_about_con h2:after{ position: absolute;bottom: -13px;left: 0;content: '';width: 60px;height: 2px;background-color: #029141;}
.index_about_con p{ line-height: 28px;}
.index_about_con a{ width: 160px;height: 50px;line-height: 50px;text-align: center;display: block;padding-right: 45px;background: #029141 url("../images/images_04.png") no-repeat 120px center;color: #fff;margin-top: 20px;}
.index_about_img{ float: right;width: 50%;height: 100%;}
.index_about_img img{ width: 100%}
.index_about_two{ float: left;width: 100%;height: 267px;overflow: hidden}
.index_about_two a{ float: left;width: 400px;height: 100%;overflow: hidden;display: block;position: relative}
.index_about_two a:after{ content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:rgba(223,218,216,0.3)}
.index_about_two a img{ width: 100%;}
.index_about_two a p{ position: relative;width: 140px;height: 40px;line-height:40px;color:#ffffff;border: 1px solid #ffffff;padding-left: 35px;text-align: center;transition: all ease .6s;left: 30px;bottom: 70px;display: inline-block;z-index: 2}
.index_about_two a p:before{ content: '';width: 0;height: 40px;position: absolute;left: 0;top: 0;background:#48aa3d;z-index: -1}
.index_about_two a p:after{ content: '';width: 140px;height: 40px;position: absolute;left: 0;top: 0;background:#48aa3d;z-index: 1}
.index_about_two a:hover p:before{ width: 140px; transition: .6s;}
.index_about_two a:nth-of-type(1) p:after{ background: url('../images/images_05.png') no-repeat 20px center;}
.index_about_two a:nth-of-type(2) p:after{ background: url('../images/images_05.png') no-repeat 20px center;}
.index_about_two a:nth-of-type(3) p:after{ background: url('../images/images_05.png') no-repeat 20px center;}
.index_about_two a:hover p{ border: 1px solid #48aa3d;z-index: 66;opacity: 0.9;transition: .6s;}
/*.index_about_two a:hover:nth-of-type(1) p{ background: #48aa3d url('../images/images_05.png') no-repeat 20px center;}*/
/*.index_about_two a:hover:nth-of-type(2) p{ background: #48aa3d url('../images/images_05.png') no-repeat 20px center;}*/
/*.index_about_two a:hover:nth-of-type(3) p{ background: #48aa3d url('../images/images_05.png') no-repeat 20px center;}*/

.index_catalog{ float: left;width: 100%;height: auto;overflow: hidden;background: #ffffff url("../images/images_06.jpg") no-repeat center top;padding: 115px 0 135px;background-size: cover}
.catalog_a{ float: left;width: 790px;height: 600px;overflow: hidden;}
.catalog_a > div{ height: 290px;background-color: #f5f5f5;position: relative;overflow: hidden;text-align:center;}
/*.catalog_a > div img{ width: 100%}*/
.catalog_a_a{ width: 100%;margin-bottom: 20px;height: 100%}
.catalog_a_a img{ height: 100%}
.catalog_a_b{ float:left;width: 385px;}
.catalog_a_c{ float: right;width: 385px;}
.catalog_a_b img,.catalog_a_c img{ width: 100%}
.catalog_b{ float: right;width: 390px; height: 600px;overflow: hidden;background-color: #f5f5f5;position: relative}
.catalog_b img{ width: 100%;margin-top: 100px;}
.catalog_txt{ width: 100%;height: auto;overflow: hidden;position: absolute;bottom: 25px;left: 10px;}
.catalog_txt h2{ font-size: 22px;margin-bottom: 8px;color: #029141;text-align:left;}
.catalog_txt p{ font-size: 13px;line-height: 18px;color: #029141;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 8px;}
.catalog_txt a{ display: block;width: 100px;height: 30px;background: url(../images/images_10.jpg) no-repeat;float: left;transition: all 0.3s linear 0s;background-size: cover}
.catalog_a > div:hover .catalog_txt a,.catalog_b:hover .catalog_txt a{ transform: translateX(10px);}
.catalog_a_a .catalog_txt{ width: 270px;left: 35px;}
.catalog_a_a .catalog_txt h2{ margin-bottom: 15px;}
.catalog_a_a .catalog_txt p{ font-size: 14px;line-height: 22px;margin-bottom: 15px;-webkit-line-clamp: 3;}

.index_electron{ float: left;width: 100%;height: 720px;overflow: hidden;background:  #f5f5f5 url("../images/images_12.jpg") no-repeat center top;}
.index_electron .index_title{ color: #ffffff;margin: 60px 0 40px;}
.electron_list{ float: left;width: 100%;height: auto;position: relative}
.electron_item{ width: 100%;height: auto;overflow: hidden;transition: all .6s;background-color: #fff}
.electron_item a{ transition: all .6s}
.electron_item:hover a{ color: #029141;}
.e_item_img{ float: left;width: 100%;height: 250px;overflow: hidden;text-align: center;background-color: #f0f5fb}
.e_item_img img{ height: 100%}
.e_item_txt{ float: left;width: 100%;height: auto;text-align: center;padding: 20px 10px 0;}
.e_item_txt h3{ font-size: 18px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-bottom: 5px;}
.e_item_txt p{ font-size: 13px;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 10px;}
.e_item_txt_more{ width: 100%;height: auto;overflow: hidden;border-top: 1px solid #e5e5e5;}
.e_item_txt_more span{ float:left;width: 50%;height: 44px;line-height: 44px;display: inline-block}
.e_item_txt_more span:nth-of-type(2){ font-size: 24px;}
.electron_list .swiper-button-next{width: 57px;height: 57px;background: url("../images/d_d.png") no-repeat center center;opacity: 1;right: -68px;outline:none;top: 59%;transition: all .6s}
.electron_list .swiper-button-prev{width: 57px;height: 57px;background: url("../images/d_u.png") no-repeat center center;opacity: 1;left: -68px;outline:none;top: 59%;transition: all .6s}
.electron_list .swiper-button-next:after,.electron_list .swiper-button-prev:after{content: "";}

.index_good{ float: left;width: 100%;height: 930px;background:  #f5f5f5 url("../images/images_14.jpg") no-repeat center top;background-size: cover}
.index_good .index_title{ margin: 60px 0 35px;}
.good_item{ float: left;width: 100%;height: auto;position: relative;text-align: center;padding-top: 45px;}
.good_item .good_item_a{ width: 560px;height: auto;}
.good_item_one{ width: 370px;height: 127px;cursor: pointer;display: inline-block;}
.g_io_a{ width: 110px;height: 110px;border-radius: 50%;margin-top: 8px;background-color: #48aa3d;text-align: center;line-height: 110px;}
.g_io_a img{ display: inline-block;width: 50px;transition: all .6s}
.good_item_one:hover .g_io_a img{ transform: scale(1.1)}
.g_io_b{ width: 12px;height: 127px;}
.g_io_c{ width: 240px;height: 127px;padding: 10px;background-color: #ffffff;box-shadow: 3px 4px 20px 0 rgba(0, 0, 0, 0.08);color: #333333;display: table;transition: all .6s}
.good_item_one:hover .g_io_c{ color: #48aa3d;}
.g_io_c > div{ display: table-cell;vertical-align: middle}
.g_io_c h3{ font-size: 20px;line-height:35px;}
.g_io_c p{ font-size: 14px;line-height:24px;}
.gi_a{ position: absolute;top: 0;left: 45px;}
.gi_a .g_io_a{ float: right;}
.gi_a .g_io_b{ float: right;background: url('../images/25.png') no-repeat center center;margin-right: 8px}
.gi_a .g_io_c{ float: right;text-align: right}
.gi_b{ position: absolute;top: 0;right: 45px;}
.gi_b .g_io_a{ float: left;}
.gi_b .g_io_b{ float: left;background: url('../images/24.png') no-repeat center center;margin-left: 8px}
.gi_b .g_io_c{ float: left;text-align: left}
.gi_c{ position: absolute;top: 275px;left: 0;}
.gi_d{ position: absolute;top: 275px;right: 0;}
.good_item_two{ position: absolute;width: 416px;top: 470px;left: 50%;cursor: pointer;margin-left: -208px;}
.g_it_a{ width: 100%;height: 110px;overflow: hidden;text-align: center}
.g_it_a > div{ width: 110px;height: 110px;border-radius: 50%;background-color: #48aa3d;line-height: 110px;display: inline-block}
.g_it_a img{ display: inline-block;width: 50px;transition: all .6s}
.good_item_two:hover .g_it_a img{ transform: scale(1.1)}
.g_it_b{ width: 100%;height: 12px;background: url('../images/26.png') no-repeat center center;float: left;margin-top: 5px;}
.g_it_c{ width: 100%;height: 127px;padding: 5px 10px;background-color: #ffffff;box-shadow: 3px 4px 20px 0 rgba(0, 0, 0, 0.08);color: #333333;display: table;transition: all .6s;text-align: center}
.good_item_two:hover .g_it_c{ color: #48aa3d;}
.g_it_c > div{ display: table-cell;vertical-align: middle}
.g_it_c h3{ font-size: 20px;line-height:35px;}
.g_it_c p{ font-size: 14px;line-height:24px;}

.index_honor{ float: left;width: 100%;height: auto;margin-bottom: 20px;}
.index_honor .index_title{ margin: 70px 0 30px;}
.good_honor{ float: left;width: 100%;height: auto;position: relative}
.good_honor .swiper-button-next{width: 57px;height: 57px;background: url("../images/d_d.png") no-repeat center center;opacity: 1;right: -68px;outline:none;top: 50%;transition: all .6s}
.good_honor .swiper-button-prev{width: 57px;height: 57px;background: url("../images/d_u.png") no-repeat center center;opacity: 1;left: -68px;outline:none;top: 50%;transition: all .6s}
.good_honor .swiper-button-next:after,.good_honor .swiper-button-prev:after{content: "";}
.honor_item{ width: 100%;height: auto;overflow: hidden;background-color: #ffffff;transition: all .6s}
.honor_item img{ width: 100%}

.index_news{ float: left;width: 100%;height: auto;overflow: hidden;background-color: #ffffff;margin-bottom: 70px;}
.index_news .index_title{ margin: 70px 0 30px;}
.good_news{ width: 100%;height: auto;overflow: hidden}
.good_news_left{ float: left;width: 450px;height: auto;overflow: hidden;background-color: #f4f4f4}
.good_news_left_img{ width: 100%;height: 300px;overflow: hidden;text-align: center}
.good_news_left_img img{ width: 100%}
.good_news_left_txt{ width: 100%;height: 175px;padding:20px;overflow: hidden;color: #000000}
.good_news_left:hover .good_news_left_txt h3{ color: #48aa3d}
.good_news_left_txt h3{ width: 100%;height: 40px;font-size: 18px;line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position: relative;margin-bottom: 10px;}
.good_news_left_txt h3:before{ content: "";width: 0;height: 2px;background-color: #48aa3d;position: absolute;left: 0;bottom: 0;-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s; }
.good_news_left:hover .good_news_left_txt h3:before{ width: 50px;}
.good_news_left_txt p{ font-size: 13px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.good_news_right{ float: right;width: 720px;height: auto;overflow: hidden}
.g_news_item{ float: left;width: 100%;height: auto;margin-bottom: 18px;}
.g_news_item ul li{ float:left;width: 30%;height: 40px;line-height: 40px;font-size: 16px;text-align: center;margin-right: 5%;position: relative;background-color: #f4f4f4;transition: all .6s;color: #000;cursor: pointer}
.g_news_item ul li.on{ background-color: #48aa3d;color: #ffffff}
.g_news_item ul li:before{ content: "";width: 10px;height: 6px;background: url('../images/27.png') no-repeat center center;position: absolute;bottom: -6px;left: 50%;margin-left: -5px;opacity: 0;transition: all .6s;}
.g_news_item ul li.on:before{ opacity: 1}
.g_news_item ul li:nth-of-type(3){ margin-right: 0}
.g_news_list{ float: left;width: 100%;height: auto;overflow: hidden}
.g_news_list ul li{ float: left;width: 350px;height: 96px;overflow: hidden;background: #f4f4f4;padding: 8px 15px;margin-bottom: 11px;}
.g_news_list ul li:nth-child(even){ float: right}
/*.g_news_list ul li:nth-last-of-type(1),.g_news_list ul li:nth-last-of-type(2){ margin-bottom: 0}*/
.g_news_list ul li:nth-of-type(7),.g_news_list ul li::nth-of-type(8){ margin-bottom: 0}
.g_news_list_date{ float: left;width: 80px;height: 80px;background: #afafaf;display: table;transition: all .6s}
.g_news_list ul li:hover .g_news_list_date{ background-color: #48aa3d}
.g_news_list_date > div{ display: table-cell;vertical-align: middle;text-align: center}
.g_news_list_date > div span{ display: inline-block;color: #ffffff;font-size: 14px;}
.g_news_list_date > div span:nth-of-type(1){ font-size: 18px;font-weight: bold;}
.g_news_list_text{ float: right;width: 220px;height: 80px;overflow: hidden;}
.g_news_list_text h4{ font-size: 15px;line-height: 34px;width: 100%;height: 34px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.g_news_list_text p{ font-size: 13px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #000}
.g_news_list ul li:hover .g_news_list_text h4{ color: #48aa3d}

@media (max-width: 1200px){
    .banner_all .swiper-pagination-bullet{ width: 10px;height: 10px;border-radius: 50%;}
    .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 10px;}
    .index_about{ min-height: auto;padding-bottom: 20px;}
    .index_about .pc_w{ position: relative;top:0;}
    .index_about_one{ height: auto}
    .index_about_con{ width:100%;text-align: center}
    .index_about_con h2{ text-align: center}
    .index_about_con h2:after{ left: 50%;margin-left: -30px;}
    .index_about_con a{ display: inline-block}
    .index_about_img{ display: none}
    .index_about_two{ padding: 0 2%;}
    .index_about_two a{ width: 32%;margin-right: 2%;}
    .index_about_two a:nth-last-of-type(1){ margin-right: 0;}
    .index_about_two a img{ height: 100%;max-width: initial;width: auto;}
    .index_catalog{ display: none}
    .index_electron{ height: auto;padding: 30px 0;}
    .electron_list{ width: 98%;margin: 0 1%}
    .electron_list .swiper-button-next,.electron_list .swiper-button-prev{ display: none}
    .good_honor .swiper-button-next,.good_honor .swiper-button-prev{ display: none}
    .honor_item{ height: 300px;text-align: center}
    .honor_item img{ width: auto;height: 100%;}
    .good_news{padding:  0 10px;}
    .good_news_left{ width: 34%;}
    .good_news_left_img img{ width: auto;height: 100%;max-width: max-content}
    .good_news_right{ width: 63%}
    .index_news{ margin-bottom: 20px;}
    .g_news_list ul li{ width: 49%;padding: 8px 8px 5px;}
    .g_news_list_text { width: calc(100% - 85px);}
    .foot_a{ display: none}
    .foot_b{ height: auto;padding: 10px 0}
    .foot_b_a, .foot_b_b{ width: 100%;text-align: center;line-height: 30px;}
}
@media (max-width: 1140px){
    .index_good{ height: auto}
    .good_item{ padding-top: 0}
    .good_item .good_item_a{ display: none}
    .gi_a,.gi_b{ position: relative;top: auto;left: auto;right: auto}
    .good_item_one{ width: 50%;margin-bottom: 20px;padding: 0 1%;float: left}
    .good_item_two{ position: relative;top: auto;margin-bottom: 20px;float: left;}
}
@media (max-width: 993px) {
    .index_about_two{ overflow-y: hidden;overflow-x: auto;}
    .index_about_two > div{ width: 1100px;padding: 0 20px;}
    .good_news_left { width: 100%;margin-bottom: 10px;}
    .good_news_right { width: 100%;}
}
@media (max-width: 800px) {
    .good_item_one{ width: 100%;}
    .g_io_c{ width: calc(100% - 130px)}
    .poster{ display: none}
}
@media (max-width: 768px) {
    .index_about_con h2 { font-size: 24px;}
    .index_title h3 { font-size: 24px;}
    .index_title p { font-size: 14px;}
    .index_electron .index_title { margin: 10px 0 40px;}
    .page ul a{ padding: 5pt 10px; font-size: 12px;}
}
@media (max-width: 500px) {
    .g_io_c h3{ font-size: 16px}
    .g_io_c p{ font-size: 12px}
    .g_io_a {width: 90px;height: 90px;margin-top: 22px;line-height: 90px;}
    .g_it_a > div { width: 90px;height: 90px;line-height: 90px}
    .g_it_b{ display: none}
    .g_io_c{ width: calc(100% - 110px)}
    .good_item_two { width: 100%;left: auto;margin-left: auto;padding: 0 1%}
    .good_news_left_img{ height: auto}
    .good_news_left_img img { width: 100%;height: auto;max-width: 100%;}
    .good_news_left_txt{ padding: 5px;height: auto}
    .good_news_left_txt h3{ margin-bottom: 0;}
    .g_news_item ul li{ font-size: 14px;}
    .g_news_list ul li { width: 100%; }
    .g_news_list ul li:nth-last-of-type(1), .g_news_list ul li:nth-last-of-type(2){ margin-bottom: 10px;}
}
@media (max-width: 400px) {
    .back_prev { width: 30%;}
    .head-right { width: 20%; }
    .wap_header{ height: 60px;}
    .back_prev { line-height: 57px;}
    .app-btn { height: 60px;}
    .index_banner{ margin-top: 60px;}
    .mdui-drawer,.mdui-overlay{ top:60px;}
}

/*内页banner*/
.inner_banner{ float: left;width: 100%;height: 645px;margin-top: 80px;padding-top: 150px;}
.inner_banner h3{ font-family: "Bebas";font-size: 64px;color: #029141;padding-bottom: 35px;}
.inner_banner h5{ color: #fff;font-size: 36px;position: relative;padding-bottom: 15px;}
.inner_banner p{ color: #fff;font-size: 14px;line-height: 24px;width: 50%;}
/*.inner_banner p a{ display: inline-block;position: relative;padding-right: 15px;padding-left: 8px;color: #fff;}*/
/*.inner_banner p a:nth-of-type(1){ padding-left: 0;}*/
/*.inner_banner p a:after { content: '>';font-size: 14px;color: #fff;position: absolute;right: 0;top: 0;}*/
.inner_nav{ margin-top: 25px;}
.inner_nav a{ float:left;color: #fff;font-size: 15px;line-height: 80px;background: rgba(255,255,255,.3);padding: 0 38px;position: relative;transition: all .6s}
.inner_nav a:hover,.inner_nav a.active{ color: #029141}
.inner_nav a:before{ content: "";position: absolute;display: inline-block;width: 1px;height: 10px;background: #fff;right: 0;top: 45%;}
.inner_nav a:nth-last-of-type(1):before{ opacity: 0}
.inner_title{width: 100%;height: auto;overflow: hidden;text-align: center}
.inner_title h3{ font-size: 40px;color: #333333;font-family: "Bebas";margin-bottom: 13px;text-transform: unset;}
.inner_title p{ font-size: 28px;color: #444444;position: relative;display: inline}
.inner_title p:before{ content: "";position: absolute;display: inline-block;width: 58px;height: 1px;background: #5e5e5e;left: -85px;top: 50%;}
.inner_title p:after{ content: "";position: absolute;display: inline-block;width: 58px;height: 1px;background: #5e5e5e;right: -85px;top: 50%;}
@media (max-width: 1200px){
    .inner_banner{ height: 470px;padding: 70px 1% 0;}
}
@media (max-width: 768px){
    .inner_banner{ height: 200px;text-align: center;padding-top: auto;}
    .inner_banner h3,.inner_banner p,.inner_nav{ display: none}
}
@media (max-width: 400px){
    .inner_banner { margin-top: 60px;}
}
/*关于九咏和*/
.about_sum{ float: left;width: 100%;height: auto;overflow: hidden;background-color: #ffffff}
.sum_a,.sum_b{ float: left;width: 100%;height: 655px;overflow: hidden}
.sum_a_a,.sum_b_b{ float: left;width: 50%;height: 100%}
.sum_b_b{ background: url('../images/images_18.jpg') no-repeat center}
.sum_a_a img,.sum_b_b img{ width: 100%;opacity: 0}
.sum_a_b,.sum_b_a{ float: left;width: 50%;height:100%;display: table}
.sum_a_b > div,.sum_b_a > div{ display: table-cell;vertical-align: middle;text-align: center}
.sum_a_b > div h4,.sum_a_b > div p{ width: 80%;height: auto;margin: 0 auto;text-align: left}
.sum_a_b > div h4,.sum_b_a > div h4{ font-size: 34px;color: #333333;margin-bottom: 28px;}
.sum_a_b > div p,.sum_b_a > div p{ font-size: 16px;margin-bottom: 5px;}
.sum_b_a{ background-color: #f6fafd}
.sum_b_a_a,.sum_b_a_a{ width: 80%;height: auto;margin: 0 auto;text-align: left;}
.sum_b_a_a > div{ margin-top: 30px;width: 50%;float: left;text-align: center;position: relative;padding: 20px 10px 0;}
.sum_b_a_a > div:nth-of-type(1):before{ content: "";position: absolute;height: 140px;width: 1px;background: #d5d5d5;right: 0;top: -10px;}
.sum_b_a_a > div h5{ font-size: 36px;color: #029141;margin-bottom: 5px;font-weight: bold}
.sum_b_a_a > div p{ font-size: 14px;color: #919191;margin-top: 5px;}

.about_course,.course_content,.course_time{ float:left;width: 100%;height: auto;}
.about_course{ padding-top: 90px;background: url("../images/29.png") no-repeat center bottom;}
.course_content{ position: relative;width: 100%;height: 510px;}
.course_content .swiper-slide{ background-color: #ffffff}
.course_tit{ position: absolute;left: 0;top:-30px;z-index: 88}
.course_tit h3{ color: #029141;font-size: 48px;font-weight: bolder;text-transform: uppercase;margin-bottom: 9px;}
.course_tit h4{ font-size: 36px;color: #029141;position: relative;z-index: 50;}
.course_content_tit{ float: left;width: 380px;height:510px;padding-top: 100px;background: url("../images/28.png") no-repeat left top;overflow: hidden}
.course_content_tit h3{ width: 100%;padding-left: 70px;height: 100px;line-height: 100px;overflow: hidden;position: relative;font-size: 32px;text-align: left}
.course_content_tit h3:before{ content: "";position: absolute;display: inline-block;width: 55px;height: 2px;background: #000;left: 0;top: 50%;}
.course_content_tit p{ font-size: 16px;color: #666666;line-height: 30px;text-align: left}
.course_content_img{ float: right;width: 800px;height: 100%;overflow: hidden}
.course_content_img img{ width: 100%;opacity: 0}
/*.course_content .swiper-container-fade.swiper-container-free-mode .swiper-slide{ opacity: 1 !important;}*/
.course_content .swiper-button-next,.course_content .swiper-button-prev{width: 57px;height: 57px;opacity: 1;outline:none;top: 47.5%;transition: all .6s;box-shadow: 0 6px 21px rgba(0,86,184,.23);border-radius: 50%;cursor: pointer}
.course_content .swiper-button-next{background: url("../images/next_hover.png") no-repeat center center;right: -80px}
.course_content .swiper-button-prev{background: url("../images/prev_hover.png") no-repeat center center;left: -80px;}
.course_content .swiper-button-next:after,.course_content .swiper-button-prev:after{content: "";}
.course_time{ margin-top: 40px;padding: 0 0 35px;}
.course_time .swiper-slide{ line-height: 32px;text-align: center;font-style: inherit;font-size: 24px;color: #999999;position: relative;}
.course_time .swiper-slide span{ position: relative;display: inline}
/*.course_time .gallery-thumbs .swiper-slide-thumb-active{ transition: all 0.5s ease 0s;}*/
.course_time .swiper-slide span:before{ content: "▶";font-size: 14px;color: #029141;position: absolute;left: -50px;opacity: 0;transition: all .6s ease;}
.course_time .swiper-slide span:after{ content: "◀";font-size: 14px;color: #029141;position: absolute;right: -50px;opacity: 0;transition:all .6s ease;}
.course_time .swiper-slide:hover span:before{ left: -20px;opacity: 1;}
.course_time .swiper-slide:hover span:after{ right: -20px;opacity: 1;}
.course_time .gallery-thumbs .swiper-slide-thumb-active span,.course_time .swiper-slide:hover span{ color: #029141;cursor: pointer}
.course_time .gallery-thumbs .swiper-slide-thumb-active span:before{ content: "▶";font-size: 14px;color: #029141;position: absolute;left: -20px;opacity: 1;transition: all .6s ease;}
.course_time .gallery-thumbs .swiper-slide-thumb-active span:after{  content: "◀";font-size: 14px;color: #029141;position: absolute;right: -20px;opacity: 1;transition:all .6s ease;}

.about_culture,.about_honor{ float: left;width: 100%;height: auto;overflow: hidden;position: relative}
.about_culture .inner_title{ margin: 75px 0 25px;}
.culture_list{ float: left;width: 100%;height: auto;overflow: hidden;padding-bottom: 70px;}
.culture_list ul li{float: left;width: 282px;height:340px;margin-right: 24px;background: #f5f5f5;padding: 40px 20px 0;text-align: center;margin-bottom: 24px;}
.culture_list ul li:nth-child(4n){ margin-right: 0;}
.culture_list ul li img{ max-width: 100%}
.culture_list ul li h3{ font-size: 24px;color: #444444;margin: 20px 0;}
.culture_list ul li p{ font-size: 14px;color: #777777;line-height: 24px;text-align: left;text-align-last: center}

.about_honor{ background-color: #f6fafd;padding-bottom: 70px;}
.about_honor .inner_title{ margin: 75px 0 35px;}
.honor_list{ position: relative;}
.about_honor .honors_content_a{background: #fff url(../images/images_21.jpg) no-repeat center center;padding: 20px 20px;position: relative;background-size: 100% 100%;}
.about_honor .honors_content_a:before{content: "";position: absolute;display: inline-block;width: 100%;height: 100%;left: 0;top: 0;}
.about_honor .honors_content_a .content_list_img{ float: left;width: 45%;text-align:center;height: 100%;overflow: hidden;}
.about_honor .honors_content_a .content_list_img img{ width: 100%}
.about_honor .honors_content_a .content_list_txt{ float: left;width: 50%; margin-left: 5%;}
.about_honor .honors_content_a .content_list_txt dd{ color: #2781d2;font-size: 20px;margin-bottom: 5px;margin-top: 15px}
.about_honor .honors_content_a .content_list_txt dt{ color: #666666;font-size: 14px;text-align: left;line-height: 26px;}
.swiper-container {width: 100%;height: 100%;}
.about_honor .swiper-slide {text-align: center;font-size: 18px;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8);}
.about_honor .swiper-slide-active,.about_honor .swiper-slide-duplicate-active{transform: scale(1);}
.about_honor .swiper-button-next:after,.about_honor .swiper-button-prev:after{ color: #bfbfbf;}
.about_honor .swiper-button-next,.about_honor .swiper-container-rtl .swiper-button-prev{ outline: none;}
.honor_list .swiper-button-next{ right: -30px;}
.honor_list .swiper-button-prev{ left: -30px;}

.about_partner{ width: 100%;height: auto;overflow: hidden;padding-bottom: 70px;}
.about_partner .inner_title{ margin: 75px 0 35px;}
.partner_list{ float: left;width: 100%;height: auto;overflow: hidden}
.partner_list ul li{ float: left;width: 200px;height: 80px;line-height: 80px;text-align: center;padding: 0 15px;margin-bottom: 15px;overflow: hidden}
@media (max-width: 1200px){
    .sum_a, .sum_b{ height: auto}
    .sum_a_b, .sum_b_a{ width:100%;height: auto}
    .sum_a_a, .sum_b_b{ width:100%;}
    .sum_b_a{ padding:10px 0;}
    .sum_b_b{ background: none}
    .sum_a_a img,.sum_b_b img{ opacity: 1}
    .sum_b_a_a, .sum_b_a_a{ width: 96%}
    .sum_a_b > div h4, .sum_b_a > div h4{ font-size: 20px;margin-bottom: 10px;}
    .sum_a_b > div p, .sum_b_a > div p{ font-size: 14px;}
    .course_tit {position: relative;left: auto;width: 100%;text-align: center;}
    .course_content_tit{ width: 30%;padding: 0 10px}
    .course_content_img{ width: 70%}
    .culture_list{ padding: 0 10px}
    .culture_list ul li{ width: 24%;margin-right: 1.333%}
}
@media (max-width: 993px){
    .culture_list ul li{ width: 49%;margin-right: 2%}
    .culture_list ul li:nth-child(2n){ margin-right: 0}
    .about_honor .honors_content_a .content_list_txt dd{ font-size: 16px}
    .about_honor .honors_content_a .content_list_txt dt{ font-size: 12px;}
    .about_honor .swiper-slide{ transform: scale(1);}
}
@media (max-width: 768px){
    .sum_b_a_a > div{ margin-top: 0}
    .sum_b_a_a > div h5{ font-size: 18px;}
    .sum_b_a_a > div:nth-of-type(1):before{ height: 0}
    .about_course{ padding-top: 60px;background: none}
    .course_content{ height: auto}
    .course_tit h3 { font-size: 24px;}
    .course_tit h4 { font-size: 18px;}
    .course_content_tit { width: 100%;height: auto;margin-bottom: 10px;}
    .course_content_tit h3 { padding-left: 0;height: auto;line-height: normal;font-size: 20px;text-align: center}
    .course_content_tit h3:before{ width: 0}
    .course_content_img{ width: 100%;height: auto;background: none!important;}
    .course_content_img img{ opacity: 1;}
    .course_content .swiper-button-next, .course_content .swiper-button-prev{ width: 40px;height: 40px;box-shadow: 0 6px 21px rgba(0,86,184,1);top:70%}
    .course_content .swiper-button-next { right: 15px;}
    .course_content .swiper-button-prev { left: 15px;}
    .course_time{ display: none}
    .about_honor{ padding-bottom: 20px}
    .about_culture .inner_title{ margin: 35px 0 15px;}
    .inner_title h3{ font-size: 24px;margin-bottom: 8px;}
    .inner_title p { font-size: 18px;}
    .culture_list ul li h3{ font-size: 18px;}
    .about_honor .honors_content_a{padding: 5%}
    .honor_list{ padding: 0 10px}
    .partner_list ul li{ width: 33.33%;padding: 0 2%}
    .about_partner{ padding-bottom: 20px}
    .about_partner .inner_title{ margin: 40px 0 20px;}
}
@media (max-width: 500px){
    .culture_list{ padding: 0 1%}
    .culture_list ul li{ width: 100%;height:auto;margin-right: 0;padding: 30px 3%;}
    .about_honor .inner_title{ margin: 20px 0 10px;}
    .about_honor .honors_content_a .content_list_txt dd{ margin-top: 6px;font-size: 15px}
    .about_honor .honors_content_a .content_list_txt dt{ line-height: 18px;}
    .about_partner .inner_title { margin: 40px 0 0;}
}
@media (max-width: 420px){
    .partner_list ul li{ width: 50%;padding: 0 2%}
}
/*产品中心*/
.product{ float: left;width: 100%;height: auto;background-color: #ffffff;padding-top: 30px;margin-bottom: 40px;}
.product_nav{ float: left;width: 200px;;height: auto;}
.product_nav h3{padding:5px 0 5px 10px;border-radius:5px 5px 0 0;background:#029141;color:#fff;font-size:16px;line-height: 32px;}
.product_nav h3 span {margin-left:5px;height:18px;text-transform:uppercase;font-size:14px;line-height:18px}
.p_nav_list{margin: 0 auto 10px;padding: 10px;border: 1px solid #f1f1f1;box-shadow: 0 5px 20px #ccc;}
.p_nav_list>ul>li {margin-bottom:10px}
.p_nav_list>ul>li>a {display:block;padding-left:20px;height:30px;border-radius:6px;background:#ddd;color:#333;line-height:30px}
.p_nav_list>ul>li>ul {padding:10px 0}
.p_nav_list>ul>li>ul>li {margin:0 10px}
.p_nav_list>ul>li>ul>li>a {display:block;margin-bottom:5px;padding:0 10px;height:25px;border-bottom:1px solid #eee;border-radius:15px;color:#333;font-size:9pt;line-height:25px}
.p_nav_list>ul>li>ul>li>a:hover {color:#029141}
.p_nav_list>ul>li>ul>li>ul {padding:0 0 10px}
.p_nav_list>ul>li>ul>li>ul>li>a {display:block;margin-top:5px;padding-left:14px;color:#333;font-size:9pt;line-height:20px}
.p_nav_list a.cur {color:#029141;font-weight:700}
.p_nav_list>ul>li>a.cur {background:#666;color:#fff;font-weight:700}
.p_nav_list>ul>li>ul>li>a.cur {border-bottom:1px solid #ddd;background:#636363;color:#fff;font-weight:400}
.p_nav_list>ul>li>ul>li>ul>li>a.cur {border-radius:15px;background:#f90;color:#fff;font-weight:400}
.fast {margin-top:20px}
.fast h3 {padding:5px 5px 5px 10px;border-radius:5px 5px 0 0;background:#029141;color:#fff;font-size:1pc}
.fast h3 span {margin-left:5px;height:18px;text-transform:uppercase;font-size:14px;line-height:18px}
.fast dl {margin-bottom:20px;padding:0 10px 10px;border-radius:0 0 5px 5px;background:#029141;color:#fff;}
.fast dl dt {padding-top:10px;font-size:16px}
.fast dl dd {padding:5px 0;font-weight:700;font-size:24px;border-radius: 8px;overflow: hidden}

.product_main{ float: right;width: 961px;height: auto;border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;}
.p_main_list{ float:left;width: 100%;height: auto;margin-bottom: 20px;}
.p_main_list a {float:left;display:block;padding:5px 4px 10px 5px;width:320px;border-right:1px solid #eee;border-bottom:1px solid #eee;overflow: hidden}
.p_main_list a:hover {text-decoration:none}
.p_main_list a:hover .desc {text-decoration:underline}
.p_main_list dl{ margin-bottom: 0}
.p_main_list dt {width:100%;height:290px;background:#f0f5fb;text-align:center;display: table}
.p_main_list dt > div{ display: table-cell;vertical-align: middle}
.p_main_list dt img {width:90%;}
.p_main_list .title {overflow:hidden;padding:5px 10px 0;height:30px;text-align:center;color:#727171;font-size:16px;line-height:30px}
.p_main_list .desc {height:40px;text-align:center;color:#727171;font-size:14px;line-height:40px;}

.product_con{ float: right;width: 940px;height: auto;}
.p_info{ float: left;width: 100%;height: auto;overflow: hidden}
.p_info_image{ float: left;width: 500px;height: auto;overflow: hidden}
.p_info_image .swiper-container {width: 100%;height: 440px;background: #eff4fa;}
.p_info_image .swiper-slide {float: left;cursor: pointer;width: 500px;height: 100%;overflow: hidden;display: table}
.p_info_image .swiper-slide > div{ display: table-cell;vertical-align: middle;text-align: center}
.p_info_image .swiper-slide img { width:95%}
.p_info_image .swiper-button-next{width: 57px;height: 57px;background: #029141 url("../images/d_d.png") no-repeat center center;opacity: 0;outline:none;transition: all .6s;border-radius: 50%}
.p_info_image .swiper-button-prev{width: 57px;height: 57px;background: #029141 url("../images/d_u.png") no-repeat center center;opacity: 0;outline:none;transition: all .6s;border-radius: 50%}
.p_info_image .swiper-button-next:after,.p_info_image .swiper-button-prev:after{content: "";}
.p_info_image .swiper-button-next:hover,.p_info_image .swiper-button-prev:hover{ box-shadow: 0 5px 20px #029141;}
.p_info_image:hover .swiper-button-next,.p_info_image:hover .swiper-button-prev{ opacity: 1}
.p_info_txt{ float: right;width: 420px;height: auto}
.p_info_txt h2{ color: #333;font-size: 28px;line-height: 38px;margin: 1% 0 3%;}
.p_info_txt p{ font-size: 14px;line-height: 24px;margin-bottom: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.p_info_par {position:relative;margin:20px 0;padding:10px;border:2px dashed #999;border-radius:10px;color:#333;font-size:9pt;line-height:22px;float: left;overflow: hidden;width: 100%}
.p_info_par a{color:#fff;text-decoration:underline;background-color: #029141;overflow: hidden;}
.p_info_par a:hover {text-decoration:none}
.p_info_par span {color:#029141;font-weight:700;font-size:18px}
.p_info_par a.online7{position:absolute;top:17px;right:10px;display:block;width:147px;height:45px;line-height: 45px;border-radius: 8px;text-align: center;font-size: 14px;}
.p_detail{ float: left;width: 100%;height: auto;overflow: hidden;margin-top: 40px;}
.p_detail_list{ float: left;width: 100%;height: 45px;background-color: #029141;}
.p_detail_list ul li{ float: left;display: block;margin-right: 10px;width: 90px;height: 45px;color: #fff;text-align: center;line-height: 45px;cursor: pointer;}
.p_detail_list ul li.on{ background: #636363;color: #fff;}
.p_detail_con{ float: left;width: 100%;height: auto;overflow: hidden;border: 1px solid #eee;}
.p_detail_con > div{ display: none}
.specs,.artwork,.device{ width: 100%;height: auto;overflow: hidden;padding: 20px 10px;}
.specs ul li{ float: left;width: 100%;height: 36px;line-height: 36px;color: #666;background-color: #f1f1f1;}
.specs ul li:nth-of-type(even){ background-color: #ffffff;}
.specs ul li span:nth-of-type(1){ float: left;width: 20%;text-align: center;display: inline-block;}
.specs ul li span:nth-of-type(2){ float: left;width: 80%;text-align: left;display: inline-block}
.artwork p{ margin-bottom: 15px;width: 100%;float: left}
.artwork p img{ max-width: 100%;}
.device ul li{ float: left;width: 33.33%;margin-bottom: 20px;padding: 0 10px;}
.device ul li > div{ display: block;padding: 4px;border-radius: 4px;-webkit-transition: border .2s ease-in-out;-o-transition: border .2s ease-in-out;transition: border .2s ease-in-out;}
.device ul li > div img{ height: 186px;}
.device ul li > p{ line-height: 26px;font-size: 16px;width: 100%;text-align: center;float: left;}
.p_detail_explain{ text-align: center;padding:30px 0 10px;font-size: 16px;color: #999;float: left;width: 100%}
@media (max-width: 1200px){
    .product{ padding: 30px 1% 0}
    .product_nav{ display: none}
    .product_main{ width: 100%;}
    .p_main_list a{ width: 33.33%}
    .product_con{ width: 100%}
    .p_info_txt{ width: calc(100% - 520px)}
}
@media (max-width: 993px){
    .p_info_image{ width: 450px}
    .p_info_txt{ width: calc(100% - 470px)}
    .p_info_par a.online7{ position: relative;top: auto;right: auto;border-radius: 4px;}
    .device ul li{ padding: 0}
}
@media (max-width: 800px){
    .p_info_image{ width: 400px}
    .p_info_txt{ width: calc(100% - 420px)}
    .p_info_image .swiper-button-next,.p_info_image .swiper-button-prev{width: 40px;height: 40px;}
}
@media (max-width: 768px){
    .p_main_list a{ width: 50%}
    .p_main_list dt{ height: 240px}
    .p_info_image{ width: 100%}
    .p_info_txt { width: 100%}
    .p_info_image .swiper-container{ height: 260px}
    .specs ul li{ font-size: 12px;}
    .specs ul li span:nth-of-type(1){ width: 30%;text-align: right}
    .specs ul li span:nth-of-type(2){ width: 70%;}
    .device ul li{ width: 100%; text-align: center;}

}
@media (max-width: 450px){
    .p_main_list a{ width: 100%;border-top:1px solid #eee;margin-bottom: 15px;}
    .p_main_list dt{ height: auto}
}

/*新闻*/
.new,.new_detail{float:left;width: 100%;padding: 20px 25px 0;height: auto;margin: 40px auto 30px;overflow: hidden;border: 1px solid #f2f2f2;background-color: #FFFFFF;}
.new .fenye{margin-top: 20px;}
#con_one_1{float: left;width: 790px;position: relative;padding-right: 30px;border-right: 1px solid #f2f2f2;min-height: 1453px;}
.post{ padding:20px 1%;overflow:hidden;background-color:#fff;border-bottom:1px solid #eee;border-radius:2px;position:relative;min-height: 120px;max-height: 160px;border-bottom: 1px dashed #ddd;-webkit-transition:all .4s ease;transition:all .4s ease;}
/*#con_one_1 .post:nth-of-type(1){padding:0 1% 20px;}*/
.post:hover{background:#fcfcfc;}
.post .new_txt{position:relative;}
.post .new_txt h2{padding:0 0 5px;font-size:20px;line-height:34px; transition: .5s all;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;}
.post:hover .new_txt h2 a{ color: #029141}
.post-img{float:left;margin-right:10px;max-width:180px;height:auto;position:relative}
.float-left{ overflow: hidden;display: block;}
.post-img .mask-tags{position:absolute;top:0;left:0;color:#fff;padding:2px 10px;font-size:12px;display:block;background:#f45170;z-index:50}
.post-text{font-size:14px;line-height:24px;display:block;max-height: 48px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.post .new_con{color:#999;height:auto;margin:8px 0 0}
.post .new_con span{font-size:13px;color:#999;margin-right:10px;display:inline-block}
.post .new_con span a{color:#999}
.post .new_con span .fa{width:13px;display:inline-block;margin-right:4px;font-size:13px}
#con_one_2{float: right;display: inline;width: 335px;}
.com-title{border-bottom: 3px solid #F5F5F5;padding-bottom: 5px;margin-bottom: 10px;}
.com-title span{border-bottom: 3px solid #029141;padding-bottom: 5px;font-size: 18px;color: #3C3B3C;}
.new_hot{width: 100%;height: auto;margin-bottom: 25px;overflow: hidden;}
.new_hot ul{padding: 0 0;background: url('../images/images_16.png') no-repeat 0 8px;overflow: hidden;}
.new_hot ul li{color: #3e3e3e;font-size: 16px;height: 36px;line-height: 36px;text-indent: 30px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.post a:hover{ color: #3e3e3e;}
.new_follow{width: 100%;height: auto;overflow: hidden;}
.follow_ewm{width: 100%;height: auto;padding-top: 10px;text-align: center;overflow: hidden;}
.follow_ewm p{width: 100%;height: 24px;display: block;margin: 10px 0 5px;text-align: center;font-size: 16px;color: #4c4c4c;line-height: 24px;overflow: hidden;}
.follow_ewm img{width: 240px;margin: 0 auto;}
.read { margin: 25px 0 30px;}
.read .read_box, .read .read_box{ margin: 0 0 10px;width:100%;height:70px;float: left;border-bottom: 1px dashed #EEEEEE;padding-bottom:10px;}
.read .read_box:nth-of-type(2){ margin-top:10px;}
.read .read_box .readtitle, .read .read_box .readtitle { font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.read .read_box .read_img, .read .read_box .read_img { width: 90px; height: 60px; float: left; display: inline; margin-right: 10px; overflow: hidden}
.read .read_box .read_img img, .read .read_box .read_img img { width:100%;}
.read .read_box p { color: #696969;font-size: 15px; margin-left: 100px;line-height:26px; margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#con_one_3{float: left;width: 790px;position: relative;padding-right: 30px;border-right: 1px solid #f2f2f2;min-height: 1453px;}
.listl_title { border-bottom: 1px solid #F2F2F2; padding-bottom: 5px;}
.listl_title h1 { max-height:90px; line-height: 35px; font-size: 26px; font-weight: bold; color: #3E3E3E; margin-bottom: 5px;}
.listl_title .tfontsize { float: right; color: #B9B9B9; font-size: 14px;}
.listl_title span { color: #B9B9B9; margin: 0 20px 0 0; font-size: 14px;}
.listl_title span i {color: #B9B9B9;}
.article-content{ line-height: 2;font-size: 16px;padding-top:10px;}
.article-content p{ margin-bottom: 5px;}
.article-content img{ max-width: 100%}
.article-content p a{ color:#029141}
.new_detail_push {margin: 20px 0 10px; overflow:hidden;}
.new_detail_push ul { padding: 10px 0;}
.new_detail_push ul li { width: 175px; float: left; margin-right: 8px; margin-left:8px; display:inline;}
.new_detail_push ul li .corimg{ text-align: center}
.new_detail_push ul li p { font-size: 14px; line-height: 22px; margin-top: 5px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.new_detail_push ul li img { width: 175px; height: 115px;}
.new_detail_push ul li:nth-of-type(1){margin-left:0;}
.new_detail_push ul li:nth-last-of-type(1){margin-right:0;}
.next_info {line-height:40px;width: 100%;height: auto;overflow: hidden;text-align: center;margin-top: 15px;}
.next_info p a {color:#333}
.next_info p a:hover{text-decoration:underline;color:#029141}
.next_info .return{ display:inline-block; font-size: 14px; margin:15px auto 38px; width:136px; height:42px; border:1px #029141 solid; background:url('../images/images_17.png') 20px center no-repeat; line-height:42px; text-indent:45px; color:#029141;}
@media(max-width:1216px){
    /*新闻*/
    .new, .new_detail{ width:100%;padding:20px 0.5%}
    #con_one_1,#con_one_3{ width: 70%; padding-right: 3%;}
    #con_one_2 { width: 28%; }
    .new_detail_push ul li{ width: 33.33%;margin: 0 0;padding: 0 2%;}
    .new_detail_push ul li:nth-of-type(4n){ display: none}
    .new_hot ul li{ font-size: 14px;}
    .article-content{ font-size: 14px;line-height: 24px;}
}
@media(max-width:993px){
    /*新闻*/
    .column_sort{ display:none}
    .new, .new_detail{ width:99%;margin:15px 0.5% 20px;}
    #con_one_1,#con_one_3{ width: 100%;padding-right: 0;border-right:none;min-height: auto}
    #con_one_2{ display:none;}
    .new_detail_push{display: none}
    .listl_title h1{text-align: center}
    .listl_title p{ text-align: center}
    .listl_title p span{ margin: 0 5px;}
    /*联系我们*/
    .about_us_list{ padding:0 1%;background: none;}
    .about_us_list span{ width: 70px; height: 84px;background-size: 100%}
    .about_us_list p{ font-size: 14px;}
}
@media(max-width:768px){
    /*案例*/
    .new{ width:94%;margin:20px 3% 0;}
    .case_list{ padding-right: 0;}
    .case_list .case_list_img{ width: 100%}
    .case_list_con{ width: 100%;padding: 1% 1% 2%;height:auto;}
    .next_info p{ width: 100%;}
    .next_info p:nth-of-type(2){text-align: left;padding-left: 0;padding-right: 2%}
    .khallist_con{ margin-top: 0}
    .gn_box{ display: inline-block}
    .khallist_con p:nth-of-type(2){ line-height:24px;font-size:14px;}
    .news_view .view_tit .tim{ margin-top:4px;font-size:13px;}
    .post{ max-height:100%;}
    .post-img{ width:100%;margin-right:0;max-width:100%;}
    .post-text{ float:left}
    .float-left img{ width:100%}
    .post .new_txt{ float:left}
    .post .new_txt h2{ font-size:16px;line-height:30px;padding-bottom:3px;}
    .post .new_con{margin-top:3px;float:left}
    .listl_title h1{ font-size:24px;font-weight: 400}
    /*联系我们*/
    .about_us_list{ width: 100%;padding:2% 3.5%;text-align: left;margin-bottom:15px;border: 3px solid #f8f8f8}
    .about_us_list span{ display: none}
    .about_us_list h3{ display: inline-block;font-size: 18px;}
    .about_us_list p{text-align: left;color: #333}
}
@media(max-width:500px){
    /*案例*/
    .new, .new_detail{ border:none}
}

/*服务中心*/
.service{ padding: 40px 0 50px;float: left;width: 100%;height: auto;overflow: hidden;background-color: #f7f7f7}
.service_con,.service_nav{ float: left;width: 100%;height: auto;background-color: #fff;overflow: hidden;}
.service_nav{ border-bottom: 1px solid #f7f7f7}
.service_nav ul li{ float: left;width: 20%;height: 80px;line-height: 80px;text-align: center;color: #333;font-size: 17px;}
.service_nav ul li.cur a {color: #029141;display: block;}
.faq,.tool{ float: right; width:100%; height: auto;padding: 40px 20px 60px;}
.faq ul,.tool ul{width: 100%;height: auto;}
.faq ul li { float: left;width: 100%;height: auto;margin-bottom: 30px;}
.faq .title{ float: left;width: 100%;height: 80px;line-height:80px; cursor: pointer; overflow: hidden;border-radius: 8px; box-shadow: 0 0 5px #d1d7d0;padding: 0 8%; transition: all .6s;position: relative; font-size: 20px; }
/*.service .title:hover,.service .title.on{ background-color:#1780c8; color: #FFFFFF}*/
.faq .down:after,.faq .apply:before,.faq .posters:before,.faq .faq:before{ content: "";position: absolute;width: 32px;height: 32px;top:24px;background-position: 0 0;transition: all .6s;background-size: 100%; }
.faq .down:after{ right: 2%;  background-image: url("../images/down.png"); background-position: 0 -36px;}
.faq .apply:before{left: 2%;  background-image: url("../images/apply.png"); }
.faq .posters:before{left: 2%;  background-image: url("../images/posters.png"); }
.faq .faq:before{left: 2%;  background-image: url("../images/faq.png"); }
/*.service .title:hover:after{ background-position: 0 0;}*/
/*.service .title:hover:before{ background-position: 0 -36px;}*/
.faq .con,.job_list_hide{ float: left; width: 100%; padding: 2%; background: #f7f7f7; display: none }
.faq .con dl dd{ width: 100%; background: #fff; padding: 35px 3.7% 45px; }
.faq .con dl dd h2 { line-height: 44px; font-size: 24px; color: #333; margin-bottom: 14px; }
.faq .con dl dd div.line { border-bottom: 1px solid #e6e5e5; padding-bottom: 20px; }
.faq .con dl dd div.line p{ line-height: 2; font-size: 16px;}
.faq .con dl dd a { width: 200px; margin-right: 15px;height: 46px;font-size: 14px;line-height: 46px;border: 1px solid #029141;text-align: center;margin-top: 16px;cursor: pointer;position: relative;display: inline-block;}
.faq .con  dl dd a span{color: #029141;position: relative;z-index: 2;transition: .4s;}
.faq .con  dl dd a:after{content: "";width: 0;height: 100%;position: absolute;background: #029141;left: 0;top: 0;z-index: 1;}
.faq .con  dl dd a:hover span{color: #FFFFFF;}
.faq .con  dl dd a:hover:after{width: 100%;transition: .4s;}
.faq .slogan{ margin: 0 auto; }
.tool ul.tool_list li{ float: left;width: 25%;padding: 0 10px;height: 200px;overflow: hidden;margin-bottom: 25px}
.tool ul.tool_list li a{ float: left;width: 100%;height: 100%;overflow: hidden;display: inline-block;position: relative;}
.tool ul.tool_list li img{ width: 100%;height:100%;transition: all .6s;cursor: pointer;}
.tool ul.tool_list li:hover img{ transform: scale(1.2)}
.tool ul.tool_list li a p{ position: absolute;bottom: 0;left:0; background: rgba(0,0,0,0.5);text-align: center;width: 100%;height: 40px;line-height: 40px;color: #ffffff;font-size: 16px;}

.detail_zon{ float: left;width: 100%;height: auto;overflow: hidden;text-align: center;padding: 40px 0 50px;}
.detail_zon h1,.detail_zon h2,.detail_zon h3,.detail_zon h4,.detail_zon h5,.detail_zon h6{ float: left;width: 100%;height: 35px;line-height:35px;text-align: left;margin:20px 0 5px;border-bottom: 3px solid rgb(242, 242, 242);font-size: 16px;color: rgb(51, 51, 51);overflow: visible;}
.detail_zon p{ color: #000000; font-size: 14px;line-height: 25px;text-align: left;float: left;margin-bottom:5px;width:100%; }
.detail_zon p img,.detail_zong img{max-width: 100%;}
.lab_room{ float: left;width: 100%;height: auto;overflow: hidden;}
.lab_room ul{ margin-top: 5px;float: left;width: 100%}
.lab_room ul li{ float: left;width: 24%;height: auto;overflow: hidden;margin-right: 1.33%;margin-bottom: 10px;}
.lab_room ul li:nth-child(4n){ margin-right: 0;}
.lab_room ul li .pic{ float: left;width: 100%;height: auto;overflow: hidden}
.lab_room ul li .pic img{ max-width: 100%;margin: 5px auto 0;}
.lab_room ul li p{ color: #000000;font-size: 16px;text-align: center;transition: all .4s ease-in-out; width: 100%;height: 28px;line-height: 28px;}
.detail_zon p.title{ font-size: 24px;margin-bottom: 25px;text-align: center}
.room_pic{ width: 100%;height: auto;}
.room_pic img{ max-width: 100%;}
@media(max-width:1200px){}
@media(max-width:993px){
    .service_nav{ display: none}
    .faq .title{ font-size: 16px}
    .faq .con dl dd h2{ font-size: 36px;}
    .tool ul.tool_list li{ width: 33.33%}
}
@media(max-width:800px){
    .tool ul.tool_list li{ width: 50%;text-align: center;height: auto}
    .tool ul.tool_list li img{ height: auto}
}
@media(max-width:768px){
    .faq, .tool{ padding: 20px 1%}
    .faq .title{ font-size: 14px;height: 45px;line-height: 45px;}
    .faq .con dl dd h2{ font-size: 16px;margin-bottom: 0}
    .faq .con dl dd div.line p{ font-size: 13px;}
    .faq .con dl dd{ padding: 10px 1%;overflow: hidden}
    .faq .con dl dd a{ width: 48%;margin: 5px 1%;float: left}
    .faq .down:after, .faq .apply:before, .faq .posters:before, .faq .faq:before{ width: 15px;height: 15px;top:15px}
    .faq .down:after{ background-position: 0 -49px;}
    .faq ul li{ margin-bottom: 15px;}
    .tool ul.tool_list li{ width: 100%;}
    .detail_zon{ padding: 0 1%}
    .lab_room ul li{ width: 49%;margin-right: 2%}
    .lab_room ul li:nth-child(2n){ margin-right: 0}
    .detail_zon p.title{ font-size: 16px;;margin: 15px 0 5px}
    .lab_room ul li p{ font-size: 13px}
}


/*联系我们*/
.fl{float: left}
.fr{float: right}
.contact_us{ float: left;width: 100%;height: auto;padding: 45px 0 25px;overflow: hidden;}
.contact_map,.contact_map_title{ width: 100%;height: 500px;overflow: hidden;background-color: #000;}
.contact_map_title dd{ width: 100%;height: 100%;display: inline-block}
.contact_us .contact_map{ position: relative;}
.contact_us .contact_map .contact_title{ position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; height: 46px; bottom: 0;text-align: center;overflow: hidden}
.contact_us .contact_map .contact_title li{ color: #333333; font-size: 16px; margin: 0 15px;display: inline-block; width: 260px; height: 46px; line-height: 46px; background: #fff; text-align: center; cursor: pointer;}
.contact_us .contact_map .contact_title li.on{ background: rgba(0,0,0,0.4); color: #fff;}

.contact_top{ margin-top: 45px;float: left;width: 100%;height: auto;overflow: hidden}
.contact_top .contact_top_left{ width:550px;height: auto;float: left;overflow: hidden}
.contact_top .contact_top_left .top_left_title{ padding:35px 0; font-size:18px; color:#333333; font-weight:bolder}
.contact_top .contact_top_left .top_left_body{ background:#ffffff;}
.left_body_t { -webkit-align-items: center; display: -webkit-flex;}
.contact_top .contact_top_left .top_left_body dd img{ width: 65px;}
.contact_top .contact_top_left .top_left_body dl{ background:#f6f6f6; padding:18px 0 18px 40px; margin-top:0;overflow: hidden;float: left;width: 100%}
.contact_top .contact_top_left .top_left_body dl:nth-child(1){ margin-top:0}
.contact_top .contact_top_left .top_left_body dl dt{ color:#333333; font-size:14px; line-height:30px; padding-left:28px}
.contact_top .contact_top_left .top_left_body dl dt p{ font-size: 14px;line-height: 20px;margin-bottom: 10px;}
.contact_top .contact_top_left .top_left_body dl dt p:nth-last-of-type(1){ margin-bottom: 0;}
.contact_top .contact_top_left .top_left_body dl dt p span{ display:inline-block; padding-left:14px;margin-bottom: 15px;}
.relation{ float: left;width: 100%;height: auto;padding: 23px 0 23px 40px;background:#f6f6f6;margin-bottom: 20px;}
.relation:nth-last-of-type(1){ margin-bottom: 0}
.relation h3{ font-size: 20px;margin-bottom: 10px;}
.relation p{ font-size: 14px;line-height: 28px}
.contact_top .contact_top_right{  width:50%;float: right;height: auto;overflow: hidden}
.contact_top .contact_top_right .top_right_title{ padding:35px 0; font-size:18px; color:#333333; font-weight:bolder}
.contact_top .contact_top_right .top_right_wen .right_wen_xun{ width:100%; margin-bottom:20px}
.contact_top .contact_top_right .top_right_wen .right_wen_xun dd{ font-size:14px; color:#666666}
.contact_top .contact_top_right .top_right_wen .right_wen_xun .wen_xun_nei{ background:#fff; line-height:50px; width:100%; margin-top:5px; padding-left:20px;outline:none; border: 1px solid #666666}
.contact_top .contact_top_right .top_right_wen .right_wen_bottom .wen_bottom_ti{ width:100%; line-height:50px; background:#029141; font-size:15px; text-align:center; color:#fff; cursor:pointer;border: none}
.contact_top .contact_top_right .top_right_wen .right_wen_xun .wen_xun_body{ height:150px}

.join{ width: 100%;height: auto;background: #f7f7f7;padding: 40px 0 40px;overflow: hidden}
.txt_title{ font-size: 30px; color: #029141; text-align: center;margin-bottom: 20px;}
.txt_title span{ position: relative; display: inline-block; padding-bottom: 15px;}
.txt_title span:before{ content: ""; display: inline-block; position: absolute; width: 114px; height: 23px; background: url(../images/bn28.png) no-repeat 50%; left: -144px; top: 10px;}
.txt_title span:after{ content: ""; display: inline-block; position: absolute; width: 114px; height: 23px; background: url(../images/bn29.png) no-repeat 50%; right: -144px; top: 10px;}
.job_idea{float: left;width: 100%;height: auto;overflow: hidden;}
.job_idea_list{float: left;width: 100%;height: 500px;overflow: hidden;background: url("../images/jop_01.jpg") no-repeat center center;background-size: cover;}
.idea_list_tit{float: left;width: 100%;height: auto;margin: 40px 0 20px;overflow: hidden;}
.idea_list_tit h3{font-size: 40px;color: #fff;line-height: 45px;text-align: center;}
.idea_list_tit p{font-size: 20px;color: #fff;line-height: 26px;text-align: center;margin-bottom: 10px;}
.idea_list{ margin: 0 auto;overflow: hidden;text-align: center}
.idea_list > div{ width: 320px;height: 310px;background: #fff;padding: 35px;display: inline-block;margin: 0 20px;overflow: hidden;}
.idea_list > div dt{ font-size: 20px; color: #333333; margin-bottom: 10px;}
.idea_list > div dd p{font-size: 14px;color: #666666;line-height: 26px;margin-bottom: 10px;text-align: left}
.job_list{float: left;width: 100%;height: auto;margin: 65px 0 50px;overflow: hidden;padding: 0 50px;}
.job_list_tit{ float: left;width: 100%;height: 50px;background: #029141;color: #fff;line-height: 55px;border-radius: 5px 5px 0 0;}
.job_list_tit span,.job_list_show span{ float: left;height: 50px;text-align:center;overflow: hidden;display: inline-block;}
.job_list_tit span:nth-of-type(1),.job_list_tit span:nth-of-type(4),.job_list_show span:nth-of-type(1),.job_list_show span:nth-of-type(4){ width: 19%;}
.job_list_tit span:nth-of-type(2),.job_list_tit span:nth-of-type(3),.job_list_show span:nth-of-type(2),.job_list_show span:nth-of-type(3){ width: 28%;}
.job_list ul li div.job_list_show span:nth-of-type(5){ width: 6%;background: url("../images/jt_02.png") no-repeat center center;transition: all .6s}
.job_list ul li div.on span:nth-of-type(5){ -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg); }
.job_list ul,.job_list ul li{ float: left;width: 100%;height: auto;overflow: hidden;cursor: pointer}
.job_list ul li{border:1px solid #ddd;border-top: none}
.job_list_show{ float: left;width: 100%;height: 50px;line-height: 50px;background-color: #ffffff}
.job_list ul li .on{ border-bottom: 1px dotted #d5d5d5;}
.job_list_hide_con{ float: left;width: 100%;height: auto;background-color: #ffffff;padding: 25px 3% 35px;}
.job_list_hide_con h3{ font-size: 18px;color: #333333;margin-bottom: 10px;}
.job_list_hide_con p{ font-size: 14px;color: #333333; line-height: 24px;}

@media (max-width: 1216px){
    /*中认服务*/
    .product_left{ display: none}
    .product_right{ width: 100%}
    .product_right_list{ padding: 15px 0; }
    .product_right_list li{ width: 24%;margin: 8px 0.5%}
    .detail_Box_left{ width: 100%}
    .detail_Box_right{ display: none}
    .contact_top .contact_top_right{ width: 45%}
}
@media (max-width: 1024px){
    .contact_top .contact_top_left{ width: 100%}
    .contact_top .contact_top_right{ width: 100%;margin-top: 20px}
    .contact_top .contact_top_left .top_left_body dl{ margin-top: 15px}
    .contact_top .contact_top_left .top_left_body dl:nth-of-type(1),.contact_top .contact_top_left .top_left_body dl:nth-of-type(2){ width: 49%;margin-top: 0}
    .contact_top .contact_top_left .top_left_body dl:nth-of-type(1){ margin-right: 2%}
}
@media (max-width: 993px){
    .class_one_title dd.calss_one_item{ width: 32%;margin: 0 2% 10px 0;}
    .class_one_title dd:nth-child(5n),.class_one_title dd:nth-of-type(8), .class_one_title dd:nth-of-type(12){ margin: 0 2% 10px 0; }
    .class_one_title dd:nth-of-type(3),.class_one_title dd:nth-of-type(6),.class_one_title dd:nth-of-type(9),.class_one_title dd:nth-of-type(12){margin: 0 0 10px 0; }
    .calss_one2_item a{ padding: 20px 1%}
    .product_right_list li{ width: 32%;margin: 8px 0.66%}
    .bat_bra_listss ul li{ width: 32.33%;margin: 10px 0.5%}
    .class_three li{ padding: 10px 2%}
    .two_column_list{ padding: 0}
}
@media (max-width: 768px){
    .contact_us{padding: 45px 1% 25px;}
    .honor_list li{width: 48%;margin: 10px 1%;}
    .laboratory ul li{ width: 50%}
    .lab_room ul li{ width: 49%;margin-right: 2%}
    .lab_room ul li:nth-child(2n){ margin-right: 0}
    .job_idea{ display: none}
    .job_list{ margin: 0 0;}
    .job_list { padding: 0 1%;}
    .job_list_hide_con h3{ font-size: 16px;}
    .contact_map, .contact_map_title{ height: 400px}
    .contact_us .contact_map .contact_title li{ width: 260px;font-size: 15px;margin: 0 10px}
    .contact_top .contact_top_left{ display: none}
    .two_column_list p{ font-size: 13px;line-height: 21px}
    .contact_top .contact_top_right .top_right_wen .right_wen_xun{ margin-bottom: 10px}
}
@media (max-width: 500px){
    .company_group_left p { font-size: 14px; line-height: 26px; }
    .honor_list li{width: 96%;margin: 5px 2%;}
    .laboratory ul li{ width: 100%}
    .job_list_tit span, .job_list_show span{ font-size: 12px}
    .job_list_hide_con{ padding: 15px 1% 25px;}
    .job_list_hide_con p { font-size: 13px;line-height: 22px; }
    .job_list_hide_con h3{ margin-bottom: 5px;}
    .contact_map, .contact_map_title{ height: 320px}
    .contact_us .contact_map .contact_title li{ width: 260px;font-size: 14px;margin: 0 5px}
    .contact_top .contact_top_right .top_right_wen .right_wen_xun .wen_xun_nei{ line-height: 40px;margin-top: 5px}
}