@charset "utf-8";
/* 创络科技 https://www.chuangluo.com */

/*初始样式*/
html,body{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*html {background-image:url("about:blank"); background-attachment:fixed;}
body{word-wrap:break-word; margin:0px; padding:0px;font-family: Arial,"微软雅黑";overflow-x: hidden; *position: relative;}
ul,ol {list-style:none;}
a{text-decoration: none;color: #000;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{-webkit-tap-highlight-color: transparent;}
img {border:0px;}
input,textarea{font-size: 16px;resize: none;outline: none;-webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
.imgmid {display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle; font-size: 0px;}
.cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}
.c_box{width: 100%;height: 100%;position: relative;word-wrap:break-word;}
.c_m{width: 100%;height: 100%;*height: auto;display: table;*position: absolute;*top: 50%;*left: 50%;table-layout: fixed;}
.c_t{width: 100%;height: 100%;*height: auto;display: table-cell;vertical-align: middle;*position: relative;*top: -50%;*left: -50%;}
.un_show{display: none;}
.hover_shadow{position: relative; top: 0; z-index: 888;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.hover_shadow:hover{top: -4px; box-shadow: 0 10px 20px rgba(0,0,0,0.15); transition: translate3d(0, -2px, 0); z-index: 999;}

/* 头部 */
.top_box{width: 98%; height: 30px; background: #222; padding: 0px 1%;}
.top_m{width: 1200px; height: 30px; line-height: 30px; padding: 0px 1%; color: #bbb; font-size: 12px; margin: 0px auto;}
.top_tel{float: right;}
.top_tel a{color: #bbb;}
.top_tel a:hover{color: #fff;}
.header_box{width: 98%;height: 80px; background: #fff; padding: 0px 1%; z-index: 999;box-shadow: 0 5px 10px #e5e5e5;}
.header_box .header_m{width: 1200px; height: 100%;margin: 0 auto;}
.logo_box{width: 70%; max-width: 450px; height: 100%;float: left;overflow: hidden;}
.logo_box img{vertical-align: middle;max-width: 100%; max-height: 70%;}
.diy_color_green{color: #5FB878;}
.diy_color_orange{color: #FF5722 !important;}
.diy_a_danger{color: #fff; background: #FF5722 !important; cursor: pointer;}
.diy_a_danger:hover{background: #f00 !important;}

/* PC导航 */
.menu_nav{width: auto; height: 100%; padding-top: 0px; position: relative; float: right; z-index: 88888; display: block;}
.menu_nav>ul{width: 100%; margin: 0;padding: 0;}
.menu_nav>ul>li{width: auto; height: 30px; padding: 25px 0px; float: left;text-align: center;position: relative;}
.menu_nav>ul>li>a{width: auto; height: 30px; line-height: 30px; display: block; position: relative; z-index: 88888; color: #000; margin:0 20px; font-size: 16px;}
.menu_nav>ul>li:hover>a{color: #0e9838;}
.menu_nav>ul>li>a.active{border-bottom: 2px solid #0e9838; color: #0e9838;}
.menu_nav>ul>li>ul{width: 150%;height: auto;background: #fff;position: absolute; top: 100%; left: -25%; display: none; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); padding: 1px 0 0 0; border-radius: 0 0 3px 3px;}
.menu_nav>ul>li:hover>ul{display: block;}
.menu_nav>ul>li>ul li{position: relative;}
.menu_nav>ul>li>ul li>a{display: block; width: 90%; padding: 12px 5%; text-align: center; margin:0px; height: auto; line-height: 20px; border: 0;font-size: 14px;color: #333; vertical-align: middle;}
.menu_nav>ul>li>ul li:hover>a{color: #0e9838;}
.menu_nav>ul>li>ul li>a.active{color: #0e9838;}
.menu_nav>ul>li>ul li ul{width: 100%;height: auto; position: absolute; left: 100%;display: none; margin-left: 1px; top: 0; background: #fff;border-bottom: 1px solid #e9e9e9; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); border-radius: 3px;}
.menu_nav>ul>li>ul li:hover>ul{display: block;}

/*移动端菜单*/
.nav_btn{width: 40px; height: 70px; line-height: 70px; float: right; z-index: 88888; color: #0e9838; text-align: center; display: none;}
.nav_btn i{font-size: 24px;}

/* 手机导航 */
.nav_box{width: 60%; max-width: 400px; height: 100%;position: fixed;top: 0;left: -70%;z-index: 99999;background: rgba(255, 255, 255, 1);overflow: hidden;overflow-y: auto;}
.nav_close{width: 100%;height: 71px;box-sizing: border-box;padding: 0 20px;border-bottom: 1px solid #0e9838;overflow: hidden;}
.nav_close .lan_box{width: auto; height: 100%; float: right; overflow: hidden; padding: 20px 0px;}
.nav_close .lan_box a{display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; background: #f0f0f0; color: #999; font-size: 14px; margin-left: 10px;}
.nav_close .lan_box a.active{background: #0e9838; color: #fff;}
.nav_close .close{width: 70px;height: 100%;float: left; overflow: hidden; line-height: 70px;}
.nav_close .close i{color: #0e9838; font-size: 22px;}

.nav_list{width: 100%;height: auto;overflow: hidden;}
.nav_list ul{margin: 0;padding: 0;overflow: hidden;}
.nav_list ul li{width: 100%;height: auto;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.nav_list ul li:last-child{border: 0;}
.nav_list ul li a{width: 100%;height: auto;display: block; color: #333; box-sizing: border-box; padding: 20px 45px 20px 20px; font-size: 16px;position: relative;overflow: hidden;}
.nav_list ul li a .icon_right{width: 20px;height: 40px;position: absolute;top: 50%;right: 20px;margin: -20px 0 0;z-index: 2;line-height: 40px;text-align: center;font-size: 14px;color: #999;overflow: hidden;}
.nav_list>ul>li>a.active{background: #0e9838;color: #fff;}
.nav_list>ul>li>a>i{margin-right: 10px; color: #999;}
.nav_list>ul>li>a.active>i{color: #fff;}
.nav_list ul li a.active .icon_right{color: #fff;}
.nav_list ul li ul{display: none;background: rgba(0,0,0,0.02);}
.nav_list ul li ul li{border: 0;}
.nav_list ul li ul li a{font-size: 14px;color: #333;padding: 15px 20px 15px 30px; vertical-align: middle;}
.nav_list ul li ul li a span{color: #fff; display: inline-block; width: 14px; height: 14px; background: #ff6700; font-size: 9px; border-radius: 50%; text-align: center; line-height: 14px; margin-left: 6px;vertical-align:text-top;}
.nav_list ul li ul li a.active{background: none;color: #0e9838;}
.nav_list ul li ul li ul li a{padding: 15px 20px 15px 40px;font-size: 12px;color: #999;}
.nav_list ul li ul li ul li ul li a{padding: 15px 20px 15px 50px;font-size: 12px;color: #999;}

.mask{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}

.slide_container{width: 100%; min-width: 1200px; margin: 0px auto; height: 600px; overflow: hidden; position: relative; background: #fff;}
.slide_container .slick_slide{width: 1920px; height: 600px;}
.slide_container img{width: 1920px; height: 600px; display: block; object-fit: cover; vertical-align:middle; position: absolute; top: 0; left: 50%; margin-left: -960px;}

.banner_go_left{position: absolute; left: 0px; top: 50%; width: 30px; height: 60px; color: #fff; line-height: 60px; margin-top: -30px; text-align: center; background: rgba(0,0,0,0.2); opacity: 0.2; z-index: 9999; cursor: pointer; border-radius: 0 3px 3px 0;}
.banner_go_right{position: absolute; right: 0px; top: 50%; width: 30px; height: 60px; color: #fff; line-height: 60px; margin-top: -30px; text-align: center; background: rgba(0,0,0,0.2); opacity: 0.2; z-index: 9999; cursor: pointer; border-radius: 3px 0 0 3px;}
.banner_go_left i, .banner_go_right i{font-size: 20px;}
.banner_go_left:hover, .banner_go_right:hover{font-size: 20px; opacity: 1;}

.i_pro_go_left{position: absolute; left: 50%; margin-left: -62px; bottom: -34px; width: 32px; height: 32px; color: #0e9838; border: solid 1px #0e9838; line-height: 32px; text-align: center; opacity: 0.6; z-index: 9999; cursor: pointer; border-radius: 3px;}
.i_pro_go_right{position: absolute; right: 50%; margin-right: -62px; bottom: -34px; width: 32px; height: 32px; color: #0e9838; border: solid 1px #0e9838; line-height: 32px; text-align: center; opacity: 0.6; z-index: 9999; cursor: pointer; border-radius: 3px;}
.i_pro_go_left i, .i_pro_go_right i{font-size: 20px;}
.i_pro_go_left:hover, .i_pro_go_right:hover{font-size: 20px; opacity: 1;}
.i_pro_go_more{position: absolute; left: 50%; margin-left: -18px; bottom: 6px; width: 36px; height: 34px; line-height: 34px; text-align: center; opacity: 0.6; z-index: 9999; cursor: pointer; border-radius: 3px;}
.i_pro_go_more a i{font-size: 34px; color: #0e9838;}
.i_pro_go_more:hover{opacity: 1;}

.pagination_banner{position: absolute;left: 0;text-align: center;bottom:25px;width: 100%;}
.pagination_gallery{position: absolute;left: 0;text-align: center;bottom:25px;width: 100%;}

.slick-dots{position: absolute;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{display: inline-block; width: 12px; height: 12px; border-radius: 7px; margin: 0 3px;padding: 0; cursor: pointer; opacity: 0.4; font-size: 0px; background: #fff;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.slick-dots li button{display: none;}
.slick-dots li.slick-active{opacity: 1; width: 30px;}

/*标题*/
.i_title_out{width: 1200px; height: auto; margin: 0px auto;}
.i_title_box{width: 100%; height: auto; text-align: center; color: #000; font-size: 34px; margin: 40px auto 10px auto;}
.i_title_line{width: 68px; height: 4px; background: #0e9838; margin: 0px auto; border-radius: 2px;}
.i_title_sub{width: 100%; max-width: 600px; height: auto; color: #999; font-size: 14px; margin: 15px auto; text-align: center;}
.i_new_box .i_title_box{color: #fff;}
.i_new_box .i_title_line{background: #fff;}
.i_new_box .i_title_sub{color: #fff;}

/*公司简介*/
.i_abo_box{width: 100%;height: auto; background: #f5f5f5 url(../images/line_bg.png); float: left;}
.i_abo_m_box{width: 1200px; height: auto;margin: 0px auto; padding: 10px 0 50px 0;}
.i_abo_img{width: 50%; height: auto; float: left; border-radius: 3px; overflow: hidden;}
.i_abo_img img{width: 100%;}
.i_abo_txt{width: calc(50% - 50px); height: auto; float: left; padding: 20px 0 0 50px;}
.i_abo_title{width: 100%;height: auto;line-height: 30px;font-size: 26px; color: #000; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_abo_subtitle{width: 100%;height: auto;line-height: 30px;font-size: 14px; color: #999; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_abo_text{width: 100%; height: auto;margin: 15px 0;font-size: 14px;color: #666;line-height: 30px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 6;}
.i_abo_more{width: 100%;height: auto;line-height: 40px;}
.i_abo_more a{display: inline-block; width: auto;height: 40px; padding: 0 40px; text-align: center;border-radius: 20px; background: #0e9838;color: #fff;font-size: 14px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.i_abo_more a:hover{color: #fff; background: #ff6700;}

/*新闻中心*/
.i_new_box{width: 100%;height: auto; padding-bottom: 50px; float: left; background: url(../images/new_bg.jpg) no-repeat center; background-position:50%; background-repeat:no-repeat; background-size:cover; overflow: hidden;}
.i_new_list{width: 1200px; height: auto;margin: 0px auto;}
.i_new_one{width: 48%; height: auto; margin: 13px 1%; float: left; overflow: hidden; border-radius: 3px; background: rgba(0,0,0,0.3); position: relative;}
.i_new_left{width: 40%; height: auto; float: left;}
.i_new_img{width: 100%; height: auto; text-align: center; overflow: hidden; border-radius: 3px 0 0 3px; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.i_new_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.i_new_text{width: 56%; height: 100%; padding: 0 2%;overflow: hidden; position: absolute;top: 48%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 0;}
.i_new_text span{color: #fff; font-size: 12px; display: block; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.i_new_text span.i_new_txt{height: auto;}
.i_new_text span.i_new_time{line-height: 28px;}
.i_new_text a{display: block; color: #fff;font-size: 16px; line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_new_one:hover{background: #fff;}
.i_new_one:hover .i_new_text span{color: #333;}
.i_new_one:hover .i_new_text span.i_new_time{color: #999;}
.i_new_one:hover .i_new_text span.i_new_txt{color: #666;}
.i_new_one:hover .i_new_text a{color: #0e9838;}

/*合作伙伴*/
.i_pic_box{width: 100%;height: auto; padding-bottom: 50px; float: left; background: #f5f5f5 url(../images/line_bg.png); overflow: hidden;}
.i_pic_list{width: 1200px; height: auto;margin: 20px auto 0 auto;}
.i_pic_one{width: calc(25% - 2px); height: auto; margin: 1px 1px; float: left; position: relative;}
.i_pic_img{width: 100%; height: auto; text-align: center; float: left; padding-bottom: 66.6%; overflow: hidden; border-radius: 3px; background: #fff; position: relative;}
.i_pic_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}

/*产品+案例*/
.i_pro_box{width: 100%;height: auto;margin: 0 0 30px 0; float: left;}
.i_pro_m_box{width: 1200px; height: auto;margin: 0px auto; overflow: hidden;}
.i_pro_m{width: 100%;height: auto; position: relative; padding-bottom: 40px;}
.i_pro_list{width: 100%;height: auto; padding-top: 13px;}
.i_pro_one{width: calc(100% - 30px);height: auto;margin: 0px 15px 20px 15px;float: left;position: relative;}
.i_pro_img{width: calc(100% - 2px); height: auto; text-align: center; padding-bottom: 100%; border-radius: 3px; border: solid 1px #eee; background: #fff; position: relative;}
.i_pro_img img{max-width: 100%; max-height: 100%; position: absolute; border-radius: 3px; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.i_pro_text{width: 90%; height: 56px; line-height: 56px; background: #fff; padding: 0px 5%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0 0 3px 3px;}
.i_pro_text a{color: #000;font-size: 16px; line-height: 56px;}
.i_pro_text a em{color: #ff6700; font-style: normal;}
.i_pro_one:hover .i_pro_img{ border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.i_pro_one:hover .i_pro_img img{border-radius: 3px 3px 0 0;}
.i_pro_one:hover .i_pro_text a{color: #0e9838;}

/*底部*/
.i_foot_box{width: 100%;height: auto;overflow: hidden; background: #000; padding: 0 0 20px 0;}
.i_foot_m_box{width: 1200px; height: auto;margin: 0px auto;overflow: hidden; text-align: center; color: #ccc; font-size: 12px; padding-top: 20px;}
.i_foot_m_box a{color: #ccc;}
.i_foot_m_box a:hover{color: #fff;}
.foot_kefu{display: none;}

.p_nav_box{width: 100%;height: auto;overflow: hidden; background: #f5f5f5; padding: 15px 0;}
.p_nav_m_box{width: 1200px; height: auto; text-align: center; margin: 0px auto; overflow: hidden; color: #666; font-size: 14px;}
.p_nav_m_box i{color: #999; font-size: 14px; padding: 0px 5px;}
.p_nav_m_box a{color: #666;}
.p_nav_m_box a:hover{color: #0e9838;}

/*内页banner*/
.p_banner{width: 100%; min-width: 1200px; height: auto;font-size: 0;overflow: hidden;}
.p_banner img{width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.p_bread{width: 98%; padding: 10px 1%; background: #f5f5f5; color: #666; font-size: 12px; display: none;}
.p_bread i{font-size: 12px; margin: 0px 5px; color: #999;}
.p_title{width: 100%;box-sizing: border-box;padding: 15px 0;font-size: 20px;text-align: center;background: #fff;color: #000;font-weight: bold; display: none; border-bottom: 5px #f5f5f5 solid;}
.p_title .line{width: 40px;height: 2px;margin: 5px auto 5px auto;background: #0e9838;}

/*内页框架*/
.main_box{width: 98%; height: auto; padding: 0 1%;}
.main_m{width: 1200px; height: auto; padding: 0px 1%; margin: 0px auto;}
.main_left{width: 270px; height: auto; float: left; margin-right: 10px; margin-top: 30px;}
.s_nav{margin-bottom: 30px;}
.n_title{width: calc(100%-40px); height: 50px; padding: 10px 20px 0 20px; line-height: 50px; background: #f9f9f9; color: #000; border-radius: 3px 3px 0 0;}
.n_title h6{margin: 0;padding: 0; font-size: 18px; position: relative;}
.n_title h6 .line{position: absolute; width: 36px; height: 2px; background: #ccc; left: 0px; bottom: 6px;}
.s_title{width: calc(100%-40px); height: 70px; padding: 0 20px; line-height: 70px; background: #0e9838; color: #fff; border-radius: 3px 3px 0 0;}
.s_title h6{margin: 0;padding: 0;font-weight: normal;font-size: 24px;}
.s_nav_list{width: 100%;height: auto;}
.s_nav_list ul{margin: 0;padding: 0;background: #f9f9f9; border-radius: 0 0 3px 3px;}
.s_nav_list ul li{width: calc(100%-40px);height: auto; margin: 0 20px;}
.s_nav_list>ul>li{border-top: 1px dotted #d9d9d9;}
.s_nav_list>ul>li>a{display: block;width: calc(100%-40px);height: auto;padding: 8px 0;font-size: 14px;color: #666;line-height: 30px;}
.s_nav_list>ul>li>a i{font-size: 14px;}
.s_nav_list>ul>li>a.active{color: #0e9838;}
.s_nav_list>ul>li:hover>a{color: #0e9838;}
.s_nav_list ul li ul{width: 100%;height: auto; display: none;}
.s_nav_list ul li ul li{width: calc(100%-14px);height: auto; margin: 0 0 0 14px;}
.s_nav_list ul li ul li a{display: block;width: 100%;height: auto; padding: 10px 0; line-height: 24px;font-size: 12px;color: #666;border-top: 1px dotted #d9d9d9;}
.s_nav_list ul li ul li a i{font-size: 12px; }
.s_nav_list ul li ul li a:hover{color: #0e9838;}
.s_nav_list ul li ul li a.active{color: #0e9838;}
.s_nav_list ul li ul li ul{width: 100%;height: auto; display: none;}
.s_nav_list ul li ul li ul li{width: calc(100%-14px);height: auto; margin: 0 0 0 14px;}
.s_nav_list ul li ul li ul li a{display: block;width: 100%; height: auto; padding: 10px 0; line-height: 24px;font-size: 12px;color: #666;border-top: 1px dotted #d9d9d9;}

.s_new_list{width: calc(100%-40px); height: auto;padding: 0 20px 10px 20px;background: #f9f9f9;font-size: 12px;line-height: 22px; border-radius: 0 0 3px 3px;}
.s_new_list ul{margin: 0;padding: 0;}
.s_new_list ul li{width: 100%;height: auto; padding: 10px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.s_new_list ul li:last-child{border-bottom: 0;}
.s_new_list ul li a{color: #666;}
.s_new_list ul li span{display: inline-block; width: 22px; height: 22px; background: #f0f0f0; text-align: center; color: #999; font-size: 12px; border-radius: 3px; margin-right: 5px;}
.s_new_list ul li:nth-child(1) span{background: #ff7050; color: #fff;}
.s_new_list ul li:nth-child(2) span{background: #ff7050; color: #fff;}
.s_new_list ul li:nth-child(3) span{background: #ff9750; color: #fff;}
.s_new_list ul li a:hover{color: #0e9838;}

.s_con{width: 100%;height: auto;margin-bottom: 30px; overflow: hidden;}
.s_con_title{width: 100%; height: auto; overflow: hidden; border-radius: 3px 3px 0 0;}
.s_con_list{width: calc(100%-40px); height: auto; padding: 10px 20px; background: #f9f9f9; font-size: 12px; color: #666; overflow: hidden; border-radius: 0 0 3px 3px;}
.s_con_list a{color: #666;}
.s_con_list a:hover{color: #0e9838;}

.main_right{width: calc(100% - 300px); float: left; margin-top: 30px; padding-left: 20px; background: #fff;  border-radius: 3px;}

/*留言反馈*/
.feed_box{width: 100%; height: auto; padding: 20px 0px;}
.layui-input-inline img, .layui-input-block img{max-height: 36px; border-radius: 3px; cursor: pointer;}

/*新闻列表*/
.p_new_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_new_one{width: 100%;height: auto; padding: 24px 0; float: left; position: relative; border-top: dotted 1px #d9d9d9;}
.p_new_one:first-child{border: none;}
.p_new_left{width: 20%; height: auto; float: left;}
.p_new_img{width: 100%; height: auto; text-align: center; overflow: hidden; border-radius: 3px; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.p_new_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.p_new_text{width: 78%; height: 100%; padding: 0 0 0 2%;overflow: hidden; position: absolute; top: 48%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 0;}
.p_new_text span{color: #333; font-size: 12px; display: block; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.p_new_text span.p_new_txt{height: auto; color: #666;}
.p_new_text span.p_new_time{line-height: 28px; color: #999;}
.p_new_text a{display: block; color: #000;font-size: 16px; line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_new_one:hover .p_new_text a:hover{color: #0e9838; text-decoration: none;}

/*新闻详情*/
.p_new_title{width: 100%;height: auto;padding: 0 0 25px;border-bottom: 1px dotted #d9d9d9;text-align: center;font-size: 12px;color: #999;overflow: hidden;}
.p_new_title h1{margin: 0;padding: 10px 0 10px;font-weight: bold;font-size: 24px;color: #333;}

/*产品列表*/
.p_pro_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_pro_one{width: calc(33.333% - 10px); height: auto; margin: 13px 5px; float: left; position: relative;}
.p_conn_one{width: calc(25% - 10px); height: auto; margin: 13px 5px; float: left; position: relative;}
.p_pro_img{width: calc(100% - 2px); height: auto; text-align: center; padding-bottom: 100%; border-radius: 3px; border: solid 1px #eee; background: #fff; position: relative;}
.p_pro_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; border-radius: 3px; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.p_pro_text{width: 90%; height: 50px; line-height: 50px; padding: 0px 5%; overflow: hidden; text-align: center;  text-overflow: ellipsis; white-space: nowrap; border-radius: 0 0 3px 3px;}
.p_pro_text a{color: #000;font-size: 16px; line-height: 50px;}
.p_pro_text a em{color: #ff6700; font-style: normal;}
.p_pro_one:hover .p_pro_img{ border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.p_pro_one:hover .p_pro_img img{border-radius: 3px 3px 0 0;}
.p_pro_one:hover .p_pro_text a{color: #0e9838;}
.p_conn_one:hover .p_pro_img{border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.p_conn_one:hover .p_pro_img img{border-radius: 3px 3px 0 0;}
.p_conn_one:hover .p_pro_text a{color: #0e9838;}

.p_pro_img_t{width: calc(100% - 2px); height: 0;overflow: hidden;margin: 0; text-align: center; padding-bottom: 100%; border-radius: 3px; border: solid 1px #eee; background: #fff; position: relative;}
.p_pro_img_t img{max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}

/*视频列表*/
.p_vid_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_vid_one{width: calc(33.333% - 10px); height: auto; margin: 13px 5px; float: left; position: relative;}
.p_vid_img{width: calc(100% - 2px); height: auto; text-align: center; padding-bottom: 66.6%; border-radius: 3px; border: solid 1px #eee; background: #fff; position: relative;}
.p_vid_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.p_vid_text{width: 90%; height: 50px; line-height: 50px; padding: 0px 5%; overflow: hidden; text-align: center;  text-overflow: ellipsis; white-space: nowrap;}
.p_vid_text a{color: #000;font-size: 16px; line-height: 50px;}
.p_vid_text a em{color: #ff6700; font-style: normal;}
.p_vid_one:hover .p_vid_img{border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.p_vid_one:hover .p_vid_img img{border-radius: 3px 3px 0 0;}
.p_vid_one:hover .p_vid_text a{color: #0e9838;}
.p_conn_one:hover .p_pro_img{border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.p_conn_one:hover .p_pro_img img{border-radius: 3px 3px 0 0;}
.p_conn_one:hover .p_pro_text a{color: #0e9838;}

.share_video_box{width: 100%; height: auto; float: left; margin: 10px 0; padding-bottom: 56.25%; position: relative;}
.share_video_box iframe, .share_video_box object, .share_video_box embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*下载列表*/
.p_down_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_down_one{width: calc(100% - 30px); height: auto; padding: 20px 15px; margin: 10px 0; float: left; position: relative; border: solid 1px #eee; border-radius: 3px;}
.p_down_text{width: 70%; height: auto; text-overflow: ellipsis; white-space: nowrap; float: left;}
.p_down_text a{display: block; width: 100%; height: 16px; float: left; color: #000;font-size: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.p_down_text a:hover {color: #0e9838;}
.p_down_time{width: 100%; height: 12px; color: #999; float: left; font-size: 12px; line-height: 12px; margin-top: 12px;}
.p_down_btn{width: 30%; max-width: 70px; height: 40px; line-height: 40px; text-align: center; float: right; background: #fff;}
.p_down_btn a{display: block; width: 100%; height: 100%; font-size: 30px; color: #fff; border-radius: 3px;}
.p_down_btn i{font-size: 26px; color: #0e9838;}
.p_down_one:hover .p_down_btn a{background: #0e9838;}
.p_down_one:hover .p_down_btn i{color: #fff;}

/*翻页*/
.s_list{width: 96%;height: auto;line-height: 40px;font-size: 0;text-align: center;padding: 0 2% 20px 2%;}
.s_list a{display: inline-block;background: #0e9838;color: #fff;padding: 0 16px;margin: 0 5px;font-size: 14px;border-radius: 3px;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.s_list a:hover{color: #fff;}

/*分页*/
.p_list{width: 96%;height: auto;line-height: 40px;font-size: 0;text-align: center;padding: 10px 2% 20px 2%;overflow: hidden;}
.p_list span{display: inline-block;color: #bbb;padding: 0 6px; font-size: 14px;overflow: hidden;}
.p_list a{display: inline-block;background: #bbb;color: #fff;padding: 0 16px;margin: 0 5px;font-size: 14px;border-radius: 3px;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.p_list a.active{background: #0e9838;color: #fff;}
.p_list a:hover{background: #0e9838;color: #fff;}

/*详情页*/
.p_pro_m_box{width: 100%; height: auto ;margin: 0px auto; overflow: hidden; background: #f9f9f9;}
.p_pro_img_box{width: 55%; height: auto; float: left; margin-right: 3%; position: relative; overflow: hidden;}
.gallery_box{width: 100%; margin: 0px auto; height: auto; font-size: 0px; overflow: hidden;}
.gallery_img_one{width: 100%; height: auto; text-align: center; padding-bottom: 100%; background: #fff; position: relative;}
.gallery_img_one img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0; border-radius: 3px;}
.p_pro_info_box{width: calc(42% - 20px); height: auto; float: left; padding: 10px 20px 10px 0; overflow: hidden;}
.p_pro_info_box h1{font-size: 22px; line-height: 30px; padding: 10px 0; color: #333; border-bottom: solid 1px #d9d9d9;}
.p_pro_info{padding-top: 10px; font-size: 14px; color: #333; line-height: 30px;}
.p_pro_info_t{width: auto; float: left; padding-right: 10px;}
.p_pro_info_t span{color: #999; display: block; width: auto; text-align: right;}
.p_pro_info_c{width: auto; float: left;}
.p_pro_info_c span{color: #333; display: block; width: auto;}

.pro_d_m{width: 100%;height: auto;overflow: hidden; margin-top: 20px;}
.pro_title{width: 100%;height: auto; overflow: hidden; font-size: 18px; color: #fff; border-bottom: solid 2px #0e9838;}
.pro_title span{display: inline-block; width: auto; height: 40px; line-height: 40px; padding: 0px 20px; background: #0e9838; border-radius: 3px 3px 0 0;}
.pro_cont{width: 100%; height: auto; background: #fff; font-size: 14px; line-height: 30px; color: #333; overflow: hidden;}
.pro_cont img{max-width: 100%;}
.pro_cont table {width:100%; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.pro_cont table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.pro_cont table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}

/*相关标题*/
.conn_title{width: 100%; height: auto; padding: 5px 0; line-height: 40px;border-bottom: 1px solid #f0f0f0;font-size: 12px;color: #999;}
.conn_title h4{margin: 0;padding: 0;font-weight: normal;font-size: 24px;height: 40px;color: #0e9838;}

/*单页*/
.right_title{width: 100%; height: auto; padding: 5px 0; line-height: 40px;border-bottom: 1px solid #f0f0f0;font-size: 12px;color: #999;}
.right_title h1{margin: 0;padding: 0;font-weight: normal;font-size: 24px;height: 40px;color: #0e9838;}
.right_title h2{margin: 0;padding: 0;font-weight: normal;font-size: 24px;height: 40px;color: #0e9838;}
.right_title h5{margin: 0;padding: 0;font-weight: normal;height: 20px; line-height: 20px; font-size: 12px;}
.right_title h5 a{color: #999;}
.right_title h5 a:hover{color: #0e9838;}
.right_title h5 i{font-size: 12px; color: #999; margin: 0px 5px;}
.right_title h5 i.for_nav_home{margin-left: 0px;}
.right_bottom{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; line-height: 30px; color: #333;}
.right_bottom img{max-width: 100%;}
.right_bottom a{color: #0e9838;}
.right_bottom a:hover{text-decoration: underline;color: #0e9838;}
.right_foot{width: 100%; height: auto; float: left; padding: 20px 0 0 0; font-size: 14px; line-height: 26px; color: #999; border-top: dotted 1px #d9d9d9;}
.right_foot a{color: #333;}
.right_foot a:hover{color: #0e9838;}

/*空*/
.null_box{width: calc(100% - 40px); height: auto; min-height: 80px; float: left; padding: 100px 20px; margin-bottom: 20px; background: #fff; border-radius: 3px; text-align: center; font-size: 12px; line-height: 20px; color: #999}
.null_box i{display: block; text-align: center; font-size: 40px; color: #999; line-height: 50px;}

/* 在线客服 */
.bottom_tools{top:50%; margin-top:-115px; position:fixed; z-index:999; right:0px;}
.cl_kefu_one{width:45px; height:45px; margin-bottom:1px; line-height: 45px; text-align: center;}
.cl_kefu_one i{font-size: 24px; color: #fff;}
.go_radius_1{border-radius: 3px 0 0 0;}
.go_radius_2{border-radius: 0 0 0 3px;}
#cl_gotop{display:none;}
.qr_img{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img.png) no-repeat;}
.qr_img img{border:0px; vertical-align:middle; max-width:110px; height:auto;}
.qr_img_en{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img_en.png) no-repeat;}
.qr_img_en img{border:0px; vertical-align:middle; max-width:110px; height:auto;}
.qr_menu{position:absolute;top:46px; left:-180px; width:180px; height:auto; display:none; text-align:right; background: #fff;}
.qr_menu>span{display:inline-block; width:180px; height:auto; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}
.qr_menu a{display:inline-block; width:138px; padding-left:20px; height:45px; float:left; color:#666; font-size:14px; line-height:45px; text-align:left; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu a i{font-size: 30px; display: inline-block; vertical-align: top; margin-right: 10px; color: #40abf5;}
.qr_menu a span{display: inline-block; vertical-align: top;}
.qr_menu_1{position:absolute;top:92px; left:-180px; width:180px; height:auto; display:none; text-align:right;}
.qr_menu_1 ul{margin:0px; padding:0px;}
.qr_menu_1 ul li{display:inline-block; width:158px; padding-left:10px; height:45px; float:left; color:#666; font-size:14px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#FFF;}
.qr_menu_1 span{display:inline-block; width:180px; height:45px; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}

/*地图*/
.p_ditu_box{width: 100%; height: auto; float: left; padding: 10px 0;}
.ditu_title{display: inline-block; padding: 0 10px; line-height: 30px; font-size: 16px; font-weight: bold; color: #0e9838;}
.ditu_cont{display: inline-block; padding: 0px 10px; font-size: 14px; line-height: 20px;}
#mapshowbox{width:100%; height:500px;}
#mapshowbox_big{width:100%; height:100%; position:absolute;}
.goto_bigmap{width:100%; height:46px; margin-top:10px;}
.goto_bigmap a{display:inline-block; width:100%; height:46px; line-height:46px; font-size:20px; text-align:center; color:#fff; background:#0e9838; text-decoration:none; border-radius: 3px;}
.goto_bigmap a:hover{color:#fff;}