@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 25px rgba(0,0,0,0.15); transition: translate3d(0, -2px, 0); z-index: 999;}
.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;}

/*头部透明*/
.header_box{width: 98%;height: 90px; position: fixed; top: 0; padding: 0px 1%; background: rgba(255, 255, 255, 0); z-index: 8888;}
.header_box .header_m{width: 98%; max-width: 1200px; height: 100%;margin: 0 auto;}
.header_box .header_m .logo_box{width: 34%; max-width: 400px; height: 100%;float: left;overflow: hidden;}
.header_box .header_m .logo_box img{vertical-align: middle;max-width: 100%; max-height: 70%;}

/* PC导航 */
.header_box .header_m .menu_nav{width: auto; height: 100%; padding-top: 0px; position: relative; z-index: 88888; float: right; display: block;}
.header_box .header_m .menu_nav>ul{width: 100%; margin: 0;padding: 0;}
.header_box .header_m .menu_nav>ul>li{width: auto; height: 90px; float: left;text-align: center;position: relative;}
.header_box .header_m .menu_nav>ul>li>a{width: auto; height: 90px; line-height: 90px; padding: 0px 13px; display: block; position: relative; z-index: 88888; color: #fff; margin:0; font-size: 14px;}
.header_box .header_m .menu_nav>ul>li>a:after {content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background: #fff;pointer-events: none;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s cubic-bezier(.31, .61, .25, .99);transition: all .3s cubic-bezier(.31, .61, .25, .99);}
.header_box .header_m .menu_nav>ul>li>a.active:after {width: 100%;}
.header_box .header_m .menu_nav>ul>li:hover>a:after {width: 100%;}
.header_box .header_m .menu_nav>ul>li>ul{width: 150%;height: auto; background: rgba(255, 255, 255, 0.9);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;}
.header_box .header_m .menu_nav>ul>li:hover>ul{display: block;}
.header_box .header_m .menu_nav>ul>li>ul li{position: relative;}
.header_box .header_m .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;}
.header_box .header_m .menu_nav>ul>li>ul li:hover>a{background: #0083d4; color: #fff;}
.header_box .header_m .menu_nav>ul>li>ul li>a.active{background: #0083d4; color: #fff;}
.header_box .header_m .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;}
.header_box .header_m .menu_nav>ul>li>ul li:hover>ul{display: block;}
.header_box .header_m .nav_btn{width: 40px; height: 70px; line-height: 70px; float: right; z-index: 88888; color: #fff; text-align: center; display: none;}
.header_box .header_m .nav_btn i{font-size: 24px;}

/*白色导航*/
.header_box_white{width: 98%;height: 90px; position: fixed; top: 0; padding: 0px 1%; background: rgba(255, 255, 255, 1.0); z-index: 8888; box-shadow: 0 10px 25px rgba(0,0,0,0.15); display: none;}
.header_box_white .header_m{width: 98%; max-width: 1200px; height: 100%;margin: 0 auto;}
.header_box_white .header_m .logo_box{width: 34%; max-width: 400px; height: 100%;float: left;overflow: hidden;}
.header_box_white .header_m .logo_box img{vertical-align: middle;max-width: 100%; max-height: 70%;}

/* PC导航 */
.header_box_white .header_m .menu_nav{width: auto; height: 100%; padding-top: 0px; position: relative; z-index: 88888; float: right; display: block;}
.header_box_white .header_m .menu_nav>ul{width: 100%; margin: 0;padding: 0;}
.header_box_white .header_m .menu_nav>ul>li{width: auto; height: 90px; float: left;text-align: center;position: relative;}
.header_box_white .header_m .menu_nav>ul>li>a{width: auto; height: 90px; line-height: 90px; padding: 0px 13px; display: block; position: relative; z-index: 88888; color: #000; margin:0; font-size: 14px;}
.header_box_white .header_m .menu_nav>ul>li>a:after {content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background: #0083d4;pointer-events: none;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s cubic-bezier(.31, .61, .25, .99);transition: all .3s cubic-bezier(.31, .61, .25, .99);}
.header_box_white .header_m .menu_nav>ul>li>a.active{color:  #0083d4}
.header_box_white .header_m .menu_nav>ul>li>a.active:after {width: 100%;}
.header_box_white .header_m .menu_nav>ul>li:hover>a{color:  #0083d4}
.header_box_white .header_m .menu_nav>ul>li:hover>a:after {width: 100%;}
.header_box_white .header_m .menu_nav>ul>li>ul{width: 150%;height: auto; background: rgba(255, 255, 255, 0.9);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;}
.header_box_white .header_m .menu_nav>ul>li:hover>ul{display: block;}
.header_box_white .header_m .menu_nav>ul>li>ul li{position: relative;}
.header_box_white .header_m .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;}
.header_box_white .header_m .menu_nav>ul>li>ul li:hover>a{background: #0083d4; color: #fff;}
.header_box_white .header_m .menu_nav>ul>li>ul li>a.active{background: #0083d4; color: #fff;}
.header_box_white .header_m .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;}
.header_box_white .header_m .menu_nav>ul>li>ul li:hover>ul{display: block;}
.header_box_white .header_m .nav_btn{width: 40px; height: 70px; line-height: 70px; float: right; z-index: 88888; color: #0083d4; text-align: center; display: none;}
.header_box_white .header_m .nav_btn i{font-size: 24px;}

/*内页导航*/
.header_box_p{width: 98%;height: 90px; padding: 0px 1%; background: rgba(255, 255, 255, 1.0); z-index: 8888; box-shadow: 0 10px 25px rgba(0,0,0,0.15); -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;}
.header_box_p .header_m{width: 98%; max-width: 1200px; height: 100%;margin: 0 auto;}
.header_box_p .header_m .logo_box{width: 34%; max-width: 400px; height: 100%;float: left;overflow: hidden;}
.header_box_p .header_m .logo_box img{vertical-align: middle;max-width: 100%; max-height: 70%;}
.at_top{position: fixed; top: 0;}

/* PC导航 */
.header_box_p .header_m .menu_nav{width: auto; height: 100%; padding-top: 0px; position: relative; z-index: 88888; float: right; display: block;}
.header_box_p .header_m .menu_nav>ul{width: 100%; margin: 0;padding: 0;}
.header_box_p .header_m .menu_nav>ul>li{width: auto; height: 90px; float: left;text-align: center;position: relative;}
.header_box_p .header_m .menu_nav>ul>li>a{width: auto; height: 90px; line-height: 90px; padding: 0px 13px; display: block; position: relative; z-index: 88888; color: #000; margin:0; font-size: 14px;}
.header_box_p .header_m .menu_nav>ul>li>a:after {content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background: #0083d4;pointer-events: none;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s cubic-bezier(.31, .61, .25, .99);transition: all .3s cubic-bezier(.31, .61, .25, .99);}
.header_box_p .header_m .menu_nav>ul>li>a.active{color:  #0083d4}
.header_box_p .header_m .menu_nav>ul>li>a.active:after {width: 100%;}
.header_box_p .header_m .menu_nav>ul>li:hover>a{color:  #0083d4}
.header_box_p .header_m .menu_nav>ul>li:hover>a:after {width: 100%;}
.header_box_p .header_m .menu_nav>ul>li>ul{width: 150%;height: auto; background: rgba(255, 255, 255, 0.9);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;}
.header_box_p .header_m .menu_nav>ul>li:hover>ul{display: block;}
.header_box_p .header_m .menu_nav>ul>li>ul li{position: relative;}
.header_box_p .header_m .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;}
.header_box_p .header_m .menu_nav>ul>li>ul li:hover>a{background: #0083d4; color: #fff;}
.header_box_p .header_m .menu_nav>ul>li>ul li>a.active{background: #0083d4; color: #fff;}
.header_box_p .header_m .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;}
.header_box_p .header_m .menu_nav>ul>li>ul li:hover>ul{display: block;}
.header_box_p .header_m .nav_btn{width: 40px; height: 70px; line-height: 70px; float: right; z-index: 88888; color: #0083d4; text-align: center; display: none;}
.header_box_p .header_m .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 #0083d4;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: #0083d4; color: #fff;}
.nav_close .close{width: 70px;height: 100%;float: left; overflow: hidden; line-height: 70px;}
.nav_close .close i{color: #0083d4; 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: #0083d4;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: #666;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: #0083d4;}
.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;}

/*首页视频Banner*/
.index_banner_wrap{width: 100%; height: 100vh; background: #000;}
.index_banner_box{width: 100%; height: 100%; position: relative; overflow: hidden; background: url(../images/cover_video.gif) no-repeat center; background-position:50%; background-repeat:no-repeat; background-size:cover;}
.index_video{min-width: 100%;min-height: 100%; object-fit: cover; position: absolute; left: 50%; transform: translate3d(-50%, 0, 0); top: 0;}
.index_banner_txt_box{position: absolute; width: 100%; height: 100%; overflow: hidden; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0;}
.index_banner_txt{width: 80%; height: auto; color: #fff; text-align: center; font-size: 20px; line-height: 40px; margin: 0 auto;}
.index_banner_txt span{font-size: 60px; line-height: 60px; font-weight: lighter; display: inline-block; padding: 0px 20px;}
.index_banner_txt strong{font-size: 60px; line-height: 60px;}
.line_one{width: 100%; height: auto;}

.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;}

.pagination_usimg{position: absolute;left: 0;text-align: center;bottom:25px;width: 100%;}
.pagination_gallery{position: absolute;left: 0;text-align: center;bottom:25px;width: 100%;}
.pagination_cas{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: 16px; height: 16px; border-radius: 8px; margin: 0 3px;padding: 0; cursor: pointer; opacity: 0.4; font-size: 0px; background: #ccc;-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; background: #0083d4;}

/*标题*/
.i_all_title{width: 100%; height: auto; z-index: 99; margin: 20px 0 40px 0;}
.i_title_box{width: 100%; height: auto; text-align: center; color: #0083d4; font-size: 40px; line-height: 40px; padding-bottom: 10px; font-weight: bold;}
.i_title_sub{width: 100%; max-width: 800px; height: auto; color: #999; font-size: 14px; margin: 5px auto; text-align: center;}
.go_white{padding: 8px 0 40px 0;}
.go_white .i_title_box, .go_white .i_title_sub{color: #fff;}

/*首页产品*/
.i_pro_box{width: 100%;height: auto; float: left; margin-top: 20px;}
.i_pro_m_box{width: 98%; max-width: 1200px; height: auto; margin: 0px auto;}
.i_pro_m{width: calc(100% - 280px); height: auto; position: relative; padding-bottom: 40px;}
.i_pro_list{width: 100%;height: auto;}
.i_pro_one{width: calc(33.333% - 20px); height: auto; margin: 0 10px 20px 10px; float: left; position: relative;}
.i_pro_img{width: 100%; height: auto; text-align: center; padding-bottom: 66.66%; border-radius: 3px; background: #80cef2; position: relative;}
.i_pro_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; border-radius: 3px 3px 0 0; 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: 40px; padding: 5px 5%; border-radius: 0 0 3px 3px; background: #0083d4; color: #fff;}
.i_pro_text a{color: #fff; font-size: 16px; line-height: 40px; display: block; width: 100%; height: 100%; overflow: hidden; text-align: center;  text-overflow: ellipsis; white-space: nowrap;}
.i_pro_text a em{color: #0083d4; font-style: normal;}
.i_pro_title{width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #fff; overflow: hidden; text-align: center;  text-overflow: ellipsis; white-space: nowrap;}
.i_pro_subtitle{width: 100%; height: 30px; line-height: 30px; font-weight: 14px; color: #666; margin-bottom: 20px; overflow: hidden; text-align: center;  text-overflow: ellipsis; white-space: nowrap;}
.i_pro_link{width: auto; display: inline-block; height: 38px; padding: 0 20px; border-radius: 3px; line-height: 38px; font-weight: 14px; color: #666; border: solid 1px #d9d9d9;}
.i_pro_link i{padding-left: 5px;}
.i_pro_one:hover .i_pro_img{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{background: #0083d4;}
.i_pro_one:hover .i_pro_text .i_pro_title{color: #fff;}
.i_pro_one:hover .i_pro_text .i_pro_subtitle{color: #fff;}
.i_pro_one:hover .i_pro_text .i_pro_link{background: #fff; border-color: #fff; color: #0083d4;}

/*首页案例*/
.i_cas_box{width: 100%;height: auto; padding-top: 20px; float: left; background: url(../images/bg_01.jpg) no-repeat bottom center #f5f5f5;}
.i_cas_m_box{width: 98%; max-width: 1200px; height: auto; margin: 0px auto;}
.i_cas_m{width: 100%; display: inline-block; text-align: center; padding-bottom: 50px; position: relative;}
.i_cas_box{width: 100%; height: auto; float: left; padding: 0 0 10px 0; font-size: 14px; color: #333;}
.i_cas_one{width: calc(100% - 20px); height: auto; margin: 0 10px 20px 10px; float: left; position: relative;}
.i_cas_img{width: calc(100% - 0px); height: auto; text-align: center; padding-bottom: 66.66%; border-radius: 3px; background: #fff; position: relative;}
.i_cas_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;}
.i_cas_text{width: 90%; height: 120px; line-height: 50px; text-align: center; font-weight: bold; padding: 0px 5%; border-bottom: solid 4px #e9e9e9; position: relative; background: #fff;}
.i_cas_text .i_cas_text_line{width: 30%; height: 4px; background: #0083d4; position: absolute; left: 0; bottom: -4px;-webkit-transition: width 0.3s,height 0.3s;-moz-transition: width 0.3s,height 0.3s;transition: width 0.3s,height 0.3s;}
.i_cas_one:hover .i_cas_text .i_cas_text_line{width: 50%;}
.i_cas_text a{color: #000;font-size: 18px; line-height: 46px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_cas_text a em{color: #0083d4; font-style: normal;}
.i_cas_text span{display: block; height: 52px; color: #999;font-size: 14px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.i_cas_one:hover .i_cas_img{border-radius: 3px 3px 0 0;}
.i_cas_one:hover .i_cas_img img{border-radius: 3px 3px 0 0;}
.i_cas_one:hover .i_cas_text a{color: #0083d4;}
.i_cas_slide{padding-top: 4px;}
.go_right{float: right;}

/*优势*/
.i_adv_box{width: 100%;height: auto;margin: 0; float: left; background: url(../images/bg_02.jpg) no-repeat bottom center #0083d4;}
.i_adv_m_box{width: 98%; max-width: 1200px; height: auto; margin: 60px auto; text-align: center;}
.i_adv_one{width: 25%; height: 70px; display: inline-block; margin-bottom: 60px; float: left; text-align: center; color: #fff;}
.i_adv_one_top{width: 100%; height: 40px; line-height: 40px; font-size: 14px;}
.i_adv_one_top strong{font-size: 48px;}
.i_adv_one_foot{width: 100%; height: 30px; line-height: 30px; font-size: 14px;}

/*公司简介*/
.i_abo_box{width: 100%;height: auto; float: left; background: #fff; padding-top: 30px;}
.i_abo_m_box{width: 98%; max-width: 1200px; height: auto;margin: 0px auto; padding: 0 0 0 0; background: #fff; margin-bottom: 30px;}
.i_abo_img{width: 50%; height: auto; float: right; border-radius: 3px; overflow: hidden; position: relative;}
.i_abo_img img{width: 100%;}
.i_abo_txt{width: calc(50% - 50px); height: auto; float: left; padding: 0 50px 0 0;}
.i_abo_title{width: 100%;height: auto;line-height: 30px;font-size: 28px; padding-bottom: 15px; font-weight: bold; color: #000; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_abo_subtitle{width: 100%;height: auto;line-height: 20px;font-size: 16px; color: #999; padding-bottom: 15px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_abo_text{width: 100%; height: auto;margin: 0 0 25px 0;font-size: 14px;color: #666;line-height: 30px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 8;}
.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: 3px; background: #0083d4;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: #0083d4;}

/*新闻中心*/
.i_all_new_title{width: 100%; height: auto; z-index: 99; margin: 20px 0 10px 0;}
.i_new_box{width: 100%; height: auto; float: left; overflow: hidden; padding: 40px 0;}
.i_new_list{width: 98%; max-width: 1200px; height: auto; margin: 0 auto;}
.i_new_cont_left{width: 40%; float: left; height: auto; margin: 33px 0 0 0;}
.i_new_cont_left_img{width: 100%; height: auto;}
.i_new_cont_left_img img{width: 100%; border-radius: 3px 3px 0 0;}
.i_new_left_one{width: calc(100% - 40px); height: auto; float: left; background: #f5f5f5; padding: 20px; border-radius: 0 0 3px 3px;}
.i_new_cont_left_title{width: 100%; height: auto;}
.i_new_cont_left_title a{font-size: 18px; color: #333; line-height: 30px;}
.i_new_cont_left_title a:hover{color: #0083d4;}
.i_new_cont_left_time{width: 100%; height: auto; line-height: 40px; font-size: 14px; color: #999;}
.i_new_cont_left_txt{width: 100%; height: auto; line-height: 24px; font-size: 14px; color: #999; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.i_new_cont_right{width: calc(60% - 40px); float: left; height: auto; padding-left: 40px;}
.i_new_one{width: 100%;height: auto; float: left; padding: 33px 0; position: relative; border-top: dotted 1px #d9d9d9;}
.i_new_one:first-child{border: none;}
.i_new_left{width: 25%; height: auto; float: left;}
.i_new_img{width: 100%; height: auto; text-align: center; overflow: hidden; border-radius: 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: 73%; 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;}
.i_new_text span{color: #333; font-size: 14px; 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; color: #666;}
.i_new_text span.i_new_time{line-height: 28px; color: #999;}
.i_new_text a{display: block; color: #000;font-size: 16px; line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_new_one:hover .i_new_text a:hover{color: #0083d4; text-decoration: none;}


/*底部*/
.i_foot_box{width: 100%;height: auto;overflow: hidden; background: #4a4a4a;}
.i_foot_m_box{width: 98%; max-width: 1200px; height: auto;margin: 0px auto;overflow: hidden; color: #ccc; font-size: 12px; padding: 30px 0;}
.foot_nav{width: 70%;height: auto;float: left;overflow: hidden;}
.foot_nav ul{width: 100%;margin: 0;padding: 0;overflow: hidden}
.foot_nav ul li{width: 14%;height: auto;margin: 0;float: left;overflow: hidden;}
.foot_nav ul li span{width: 100%;height: 30px;display: block;font-size: 16px; line-height: 30px; font-weight: bold;color: #fff;overflow: hidden;}
.foot_nav ul li ul{width: 100%;height: auto;margin: 10px 0 0;overflow: hidden;}
.foot_nav ul li ul li{width: 100%;height: auto;padding: 5px 0;}
.foot_nav ul li ul li a{font-size: 12px;color: #fff;}
.foot_nav ul li ul li a:hover{text-decoration: underline;}
.foot_con{width: calc(30% - 31px);height: auto;float: right;overflow: hidden; border-left: solid 1px rgba(255, 255, 255, 0.2); padding-left: 30px;}
.foot_text{width: 65%; height: auto; min-height: 130px; float: left; padding: 0 0 20px 0;}
.foot_ewm{width: 30%;height: auto;overflow: hidden; text-align: center; float: left; max-width: 120px; padding-right: 5%;}
.ewm_img{width: 100%;height: auto;text-align: center; overflow: hidden;}
.ewm_img img{vertical-align: middle;max-width: 100%; max-height: 100%;}
.ewm_text{width: 100%;height: auto; float: right;margin: 10px 0 0;font-size: 12px;color: #fff;overflow: hidden; text-align: center;}
.foot_tel_top{width: 100%;height: auto;margin: 0;font-size: 18px;color: #fff;overflow: hidden;}
.foot_tel_no{width: 100%;height: auto;margin: 0;font-size: 24px;color: #fff;overflow: hidden;}
.foot_tel_no a{color: #fff;}
.foot_tel_no a:hover{color: #fff;}
.foot_tel_txt{width: 100%;height: auto;margin: 0;font-size: 14px;color: #fff;overflow: hidden; line-height: 26px;}
.foot_copy{width: 100%;height: auto;margin: 0 auto;padding: 20px 0; background: #333333; font-size: 14px;color: #fff;overflow: hidden; text-align: center;}
.foot_copy a{color: #fff;}
.foot_copy a:hover{text-decoration: underline; 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: 98%; max-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: #0083d4;}

/*内页banner*/
.p_banner{width: 100%;height: auto;font-size: 0; position: relative;}
.p_banner img{width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.p_banner_shadow{width: 100%; height: 60px; background: #f5f5f5; position: absolute; bottom: -60px; z-index: -1;}
.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: #0083d4;}

/*内页框架*/
.full_nav_box{width: 98%; height: auto; padding: 0 1%; background: #f5f5f5;}
.full_nav_m{width: 98%; max-width: 1200px; height: auto; padding: 0px 1%; margin: 0px auto;}
.full_bread{width: auto; color: #666; font-size: 12px; line-height: 50px; float: right; text-align: right;}
.full_bread i{font-size: 12px; margin: 0px 5px; color: #999;}
.full_nav_list ul li{display: inline-block; width: auto;}
.full_nav_list ul li a{display: block; width: auto; height: auto; line-height: 50px; padding: 0 30px; font-size: 16px; color: #000;}
.full_nav_list ul li a:hover{color: #0083d4;}
.full_nav_list ul li a.active{background: #0083d4; color: #fff;}
.main_box{width: 98%; height: auto; padding: 0 1%;}
.main_m{width: 98%; max-width: 1200px; height: auto; padding: 0px 1%; margin: 0px auto;}
.i_main_left{width: 270px; height: auto; float: left; margin-right: 10px; margin-top: 30px;}
.main_left{width: 270px; height: auto; margin-right: 10px; float: left;}
.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: auto; padding: 20px; text-align: center; line-height: 30px; background: #0083d4; color: #fff; border-radius: 3px 3px 0 0;}
.s_title h6{margin: 0;padding: 0;font-weight: bold; font-size: 24px;}
.p_s_title{width: calc(100% - 60px); height: auto; padding: 20px 30px; line-height: 30px; background: #0083d4; color: #fff; font-size: 14px;}
.p_s_title h6{margin: 0; font-weight: bold; padding: 0; font-size: 28px;}
.s_nav_list{width: 100%;height: auto;}
.s_nav_list ul{margin: 0;padding: 0; border-radius: 0 0 3px 3px;}
.s_nav_list ul li{width: 100%; height: auto;}
.s_nav_list>ul>li{border-top: 2px solid #fff;}
.s_nav_list>ul>li>a{display: block; width: 80%; height: auto; padding: 10px 10%; font-size: 16px;color: #000;line-height: 30px; background: #f0f0f0;}
.s_nav_list>ul>li>a i{font-size: 16px;}
.s_nav_list>ul>li>a.active{color: #fff; background: #0083d4;}
.s_nav_list>ul>li:hover>a{color: #fff; background: #ff7300;}
.s_nav_list ul li ul{width: 100%;height: auto; display: none;}
.s_nav_list ul li ul li a{display: block; width: 75%;height: auto; padding: 10px 10% 10px 15%; line-height: 30px;font-size: 14px;color: #666; border-top: 1px solid #fff; background: #f5f5f5;}
.s_nav_list ul li ul li a i{font-size: 12px; }
.s_nav_list ul li ul li a.active{color: #0083d4;}
.s_nav_list ul li ul li a:hover{color: #fff; background: #0083d4;}
.s_nav_list ul li ul li ul{width: 100%;height: auto; display: none;}
.s_nav_list ul li ul li ul li a{display: block;width: 70%; height: auto; padding: 10px 10% 10px 20%; line-height: 30px;font-size: 12px;color: #666;border-top: 1px solid #fff;}

.s_new_list{width: calc(100% - 40px); height: auto;padding: 10px 20px;background: #f9f9f9;font-size: 14px;line-height: 26px; 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: #0083d4;}

.s_con{width: 100%;height: auto;margin-bottom: 30px; overflow: hidden;}
.s_con_list{width: calc(100% - 40px); height: auto; padding: 30px 20px; background: #0083d4; font-size: 14px; color: #fff; overflow: hidden; border-radius: 3px; text-align: center;}
.s_con_list strong{display: block; font-size: 24px;}

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

/*地图*/
.p_ditu_box{width: 100%; height: auto; float: left; padding: 10px 0;}
.ditu_title{display: inline-block; padding: 5px 10px 0 10px; line-height: 30px; font-size: 16px; font-weight: bold; color: #fb7d10;}
.ditu_cont{display: inline-block; padding: 0px 10px; font-size: 14px; line-height: 20px;}
#mapshowbox{width:100%; height:500px; border-radius: 3px;}
#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:#fb7d10; text-decoration:none; border-radius: 3px;}
.goto_bigmap a:hover{color:#fff;}

/*留言反馈*/
.p_fee_list{width: 100%;height: auto; overflow: hidden; margin: 0 auto;}
.p_fee_list ul{width: 100%;height: auto;margin: -10px 0 0;padding: 0;overflow: hidden;}
.p_fee_list ul li{width: auto;height: auto;margin: 10px 0;overflow: hidden;}
.p_fee_list ul li input[type="text"]{width: 100%;height: 50px;*line-height: 50px;margin: 0;box-sizing: border-box;padding: 0 10px;border-radius: 3px;border: 1px solid #d9d9d9;font-size: 14px;color: #333;}
.p_fee_list ul li textarea{width: 100%;height: 340px;box-sizing: border-box;margin: 0;padding: 9px;border-radius: 3px;border: 1px solid #d9d9d9;font-size: 14px;color: #333;line-height: 24px;overflow: hidden;}
.p_fee_list ul li.f_text,.p_fee_list ul li.f_code{float: left;margin: 10px 0;}
.p_fee_list ul li.f_text{width: calc(30% - 10px);margin: 10px 10px 0 0;}
.p_fee_list ul li.f_code{width: 40%;}
.p_fee_list ul li.f_code input{width: calc(100% - 170px);margin: 0 10px 0 0;float: left;}
.p_fee_list ul li.f_code img{vertical-align: top; max-width: 160px; max-height: 50px; border-radius: 5px;float: right;}
.p_fee_list ul li.f_textarea{clear: both;}
.p_fee_list ul li.f_submit{width: 100%;height: auto;text-align: center;overflow: hidden;}
.p_fee_list ul li.f_submit input{width: 150px;height: 50px;margin: 0;padding: 0;border: 0;border-radius: 3px;background: #e7791a;font-size: 16px;color: #fff;cursor: pointer;}

/*案例列表*/
.p_cas_box{width: 100%; height: auto; float: left; padding: 0 0 10px 0; font-size: 14px; color: #333;}
.p_cas_one{width: calc(33.33% - 20px); height: auto; margin: 0 10px 20px 10px; float: left; position: relative;}
.p_cas_img{width: calc(100% - 0px); height: auto; text-align: center; padding-bottom: 66.66%; border-radius: 3px; background: #fff; position: relative;}
.p_cas_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_cas_text{width: 90%; height: 120px; line-height: 50px; text-align: left; padding: 0px 5%; border-bottom: solid 4px #e9e9e9; position: relative; background: #fff;}
.p_cas_text .p_cas_text_line{width: 30%; height: 4px; background: #0083d4; position: absolute; left: 0; bottom: -4px;-webkit-transition: width 0.3s,height 0.3s;-moz-transition: width 0.3s,height 0.3s;transition: width 0.3s,height 0.3s;}
.p_cas_one:hover .p_cas_text .p_cas_text_line{width: 50%;}
.p_cas_text a{color: #000;font-size: 18px; line-height: 46px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.p_cas_text a em{color: #0083d4; font-style: normal;}
.p_cas_text span{display: block; height: 52px; color: #999;font-size: 14px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.p_cas_one:hover .p_cas_img{border-radius: 3px 3px 0 0;}
.p_cas_one:hover .p_cas_img img{border-radius: 3px 3px 0 0;}
.p_cas_one:hover .p_cas_text a{color: #0083d4;}

/*新闻列表*/
.p_new_box{width: 100%; height: auto; float: left; padding: 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: 25%; 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: 73%; 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: 14px; 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: #0083d4; text-decoration: none;}

/*新闻详情*/
.p_new_title{width: 100%;height: auto;padding: 20px 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_top{width: calc(100% - 40px); height: 70px; padding: 0 20px; line-height: 70px; background: #0083d4; color: #fff; border-radius: 3px 3px 0 0; font-size: 24px;}
.p_pro_top i{font-size: 24px; padding-right: 10px;}
.p_pro_top a{font-size: 14px; float: right; display: inline-block; color: #fff;}
.p_pro_top a:hover{color: #fff; text-decoration: underline;}
.p_pro_box{width: 100%; height: auto; float: left; padding: 0 0 10px 0; font-size: 14px; color: #333; margin-top: 20px;}
.p_pro_one{width: calc(33.33% - 10px);height: auto;margin: 13px 5px;float: left;position: relative;}
.p_pro_img{width: calc(100% - 0px); height: auto; text-align: center; padding-bottom: 66.66%; border-radius: 3px; background: #fff; position: relative;}
.p_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;}
.p_pro_text{width: 90%; height: 56px; line-height: 56px; background: #fff; padding: 0px 5%;text-align: center; text-overflow: ellipsis; white-space: nowrap; border-radius: 0 0 3px 3px;}
.p_pro_text a{display: block; color: #000;font-size: 16px;}
.p_pro_text a em{color: #0083d4; font-style: normal;}
.p_pro_one:hover .p_pro_img{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{background: #0083d4;}
.p_pro_one:hover .p_pro_text a{color: #fff;}

.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;}

.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%;}

/*翻页*/
.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: #0083d4;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: #0083d4;color: #fff;}
.p_list a:hover{background: #0083d4;color: #fff;}

/*详情页*/
.p_pro_m_box{width: 100%; height: auto ;margin: 0px auto; overflow: hidden; background: #fff;}
.p_pro_img_box{width: 50%; 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: 66.66%; 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(47% - 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;}
.p_pro_line{width: 100%; height: auto;}
.p_pro_line span{display: inline-block; width: 14px; height: 4px; margin-right: 1px; background: #84cbf7;}
.p_pro_line span:nth-child(2){background: #3a9dda;}
.p_pro_line span:nth-child(3){background: #0083d4;}
.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;}
.p_pro_tool{padding-top: 10px; font-size: 14px; color: #333; line-height: 30px; width: 100%; height: auto; border-top: solid 1px #d9d9d9; margin-top: 20px; padding: 20px 0;}
.p_pro_tool_left{width: auto; height: auto; line-height: 40px; font-size: 24px; font-weight: bold; color: #0083d4; float: left;}
.p_pro_tool_left i{font-size: 34px; font-weight: normal; line-height: 40px;vertical-align: -10%;margin-right: 10px;}
.p_pro_tool_right{width: auto; height: auto; float: right;}
.p_pro_tool_right a{display: block; width: auto; line-height: 40px; background: #0083d4; color: #fff; padding: 0 30px;}
.p_pro_tool_right a:hover{background: #0083d4; color: #fff;}

.pro_d_m{width: 100%;height: auto;overflow: hidden; margin-top: 30px;}
.pro_title{width: 100%;height: auto; overflow: hidden; font-size: 18px; color: #fff; background: #f5f5f5; margin-bottom: 10px}
.pro_title span{display: inline-block; width: auto; height: 50px; line-height: 50px; padding: 0px 30px; background: #0083d4;}
.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;}

/*单页*/
.right_title{width: 100%; height: auto; line-height: 60px; font-size: 12px;color: #999;}
.right_title h1{display: inline-block; margin: 0;padding: 0; font-size: 26px;height: 60px;color: #0083d4;}
.right_title h2{display: inline-block; margin: 0;padding: 0; font-size: 26px;height: 60px;color: #0083d4;}
.right_title h5{display: inline-block; margin: 0;padding: 0;font-weight: normal;height: 60px; line-height: 60px; font-size: 12px; float: right;}
.right_title h5 a{color: #999;}
.right_title h5 a:hover{color: #0083d4;}
.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; font-size: 14px; line-height: 30px; color: #333; padding: 20px 0;}
.right_bottom img{max-width: 100%;}
.right_bottom a{color: #0083d4;}
.right_bottom a:hover{text-decoration: underline;color: #0083d4;}
.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: #0083d4;}

/*空*/
.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: 9999999; 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;}

@media screen and (max-width:992px) {
	.i_new_cont_left{width: 50%; float: left; padding-left: 0;}
	.i_new_cont_right{width: calc(50% - 20px); float: left; padding-left: 20px;}

	.foot_qr_box{display: none;}
	.foot_nav{width: 70%;}
	.foot_nav>ul>li{width: 33.33%; margin-top: 30px;}
	.top_box_n{width: 100%; height: 70px; background: #fff;}
    .slide_container {max-height: 340px;}
    .slide_container img {min-height: 340px;}
	.top_tel{display: none;}
	.p_banner{display: none;}
	.p_title{display: block;}
	.p_bread{display: block;}
	.full_nav_box{display: none;}
	.main_left{display: none;}
	.i_main_left{display: none;}
	.p_main_left{display: none;}
	.i_main_right{width: 100%; margin-top: 0px; padding-left: 0px;}
	.main_right{width: 100%; margin-top: 0px; padding-left: 0px;}
	.right_bottom{width: 98%; padding: 10px 1%;}
	.right_title{display: none;}
	.i_abo_img{width: 96%; height: auto; float: left; border-radius: 3px; overflow: hidden; margin: 0px 2%;}
	.i_abo_txt{width: 96%; height: auto; float: left; padding: 20px 2% 0 2%;}
	.i_abo_title{text-align: center; font-size: 22px;}
	.i_abo_subtitle{text-align: center;}
	.i_abo_text{-webkit-line-clamp: 5;}
	.i_abo_more a{width: calc(100% - 80px); margin-top: 10px;}
	.i_new_one{width: 100%;}
	.i_new_one .i_new_text span{-webkit-line-clamp:2;}
	.p_new_one{width: 100%;}
	.p_new_one .p_new_text span{-webkit-line-clamp:2;}
	.layui-form-label{text-align: left !important; padding-left: 0px !important; display: block !important;}
	.layui-input-inline{margin-left: 0px !important;}
	.layui-input-block{margin-left: 0px !important;}
	.header_box{height: 70px;}
    .header_box .header_m .menu_nav{display: none;}
    .header_box .header_m .logo_box{width: 70%;}
    .header_box .header_m .nav_btn{display: block;}
	.header_box_white{height: 70px;}
    .header_box_white .header_m .menu_nav{display: none;}
    .header_box_white .header_m .logo_box{width: 70%;}
    .header_box_white .header_m .nav_btn{display: block;}
	.header_box_p{height: 70px;}
    .header_box_p .header_m .menu_nav{display: none;}
    .header_box_p .header_m .logo_box{width: 70%;}
    .header_box_p .header_m .nav_btn{display: block;}
	.index_banner_txt{font-size: 16px;}
	.index_banner_txt span{font-size: 42px; line-height: 42px; padding: 0px 10px;}
	.index_banner_txt strong{font-size: 42px; line-height: 42px;}
    .index_video{display: none;}
	.i_new_box{padding: 20px 0;}
	.i_new_list_block{width: 100%; margin: 10px 0;}
	.i_title_box{font-size: 30px; line-height: 30px; margin: 30px 0 0 0;}
	.i_title_sub{width: 80%;}
	.i_abo_icon{margin: 30px 0 15px 0;}
	.i_abo_icon_one{font-size: 14px; float: left; line-height: 40px;}
	.i_abo_icon i{font-size: 40px;}
	.foot_nav{width: 98%; padding:0 1%;}
	.foot_con{width: 98%; padding:20px 1%; margin-top: 20px;}
	.p_app_one{width: calc(50% - 20px);}
	.p_fee_list{width: 100%;}
	.p_fee_list ul li{width: 100% !important;margin: 2vw 0 0;float: initial;}
	.p_fee_list ul li input[type="text"],.p_fee_list ul li textarea{}
}

@media screen and (max-width:768px) {
	.index_banner_txt{font-size: 14px; line-height: 30px;}
	.index_banner_txt span{font-size: 32px; line-height: 32px; padding: 0px 10px;}
	.index_banner_txt strong{font-size: 32px; line-height: 32px;}
	.i_adv_one{width: 50%;}
	.i_new_cont_left{width: 100%; float: left; padding-left: 0;}
	.i_new_cont_right{width: 100%; float: left; padding-left: 0;}
	.banner_go_left, .banner_go_right{display: none !important;}
	.i_abo_text{-webkit-line-clamp: 5;}
	.p_new_one .p_new_text span{-webkit-line-clamp:2;}
    .slide_container {max-height: 280px;}
    .slide_container img {min-height: 280px;}
	.i_foot_box{margin-bottom: 41px;}
	.bottom_tools{display: none;}
	.p_cas_one{width: calc(50% - 20px);}
	.p_app_one{width: calc(100% - 20px);}
	/*底部客服*/
	.foot_nav{width: 98%; padding:0 1%;}
	.foot_con{width: 98%; padding: 0 1%;}
	.foot_text{width: 90%; padding: 0 5%; margin-top: 0px; padding: 20px 0;}
	.i_foot_box{margin-bottom: 41px;}
	.foot_kefu{display: block; width: 100%; height: 40px; line-height: 40px; background: rgba(255,255,255,0); position: fixed; bottom: 0px; padding-top: 1px; z-index: 999;}
	.foot_kefu_one{width: calc(25% - 1px); height: 40px; line-height: 40px; float: left; text-align: center; margin-right: 1px; font-size: 14px; color: #fff; background: #0083d4; border-radius: 3px 3px 0 0;box-shadow: 0 -10px 15px rgba(0,0,0,0.1);}
	.foot_kefu_one:nth-child(4){width: 25%;margin-right: 0px;}
	.foot_kefu_one a{color: #fff;}
	.foot_kefu_one a i{margin-right: 6px;}
	.foot_kefu_one a:hover{color: #fff;}
}

@media screen and (max-width:576px) {
	.i_cas_text span{display: block; height: 52px; color: #999; font-size: 14px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.p_cas_text span{display: block; height: 52px; color: #999; font-size: 14px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
    .slide_container {max-height: 220px;}
    .slide_container img {min-height: 220px;}
	.i_abo_text{-webkit-line-clamp: 6;}
	.i_pic_box{padding-bottom: 30px;}
	.p_new_one{padding: 14px 0;}
	.p_new_one .p_new_left{width: 40%;}
	.p_new_one .p_new_text{width: 56%;}
	.p_new_one .p_new_text span{-webkit-line-clamp:1;}
	.p_new_one .p_new_text span{color: #000;}
	.p_new_one .p_new_text span.p_new_time{color: #999;}
	.p_new_one .p_new_text span.p_new_txt{color: #666;}
	.p_new_one .p_new_text a{color: #000; font-size: 16px;}
	.p_new_one .p_new_text a:hover{color: #0083d4;}
	.i_new_one{padding: 20px 0;}
	.i_new_one .i_new_left{width: 40%;}
	.i_new_one .i_new_text{width: 56%;}
	.i_new_one .i_new_text span{-webkit-line-clamp:1;}
	.i_new_one .i_new_text span{color: #000;}
	.i_new_one .i_new_text span.i_new_time{color: #999;}
	.i_new_one .i_new_text span.i_new_txt{color: #666;}
	.i_new_one .i_new_text a{color: #000; font-size: 16px;}
	.i_new_one .i_new_text a:hover{color: #0083d4;}
	.i_pro_one{width: calc(100% - 20px);}
	.p_pro_one{width: calc(50% - 10px);}
	.p_pro_text{height: 46px; line-height: 46px;}
	.p_pro_text a{font-size: 14px;}
	.p_equ_text a{font-size: 14px;}
	.i_abo_m_box{padding: 10px 0 30px 0;}
	.i_pic_one{width: calc(50% - 2px);}
	.p_pro_m_box{background: #fff;}
	.p_pro_img_box{width: 100%;}
	.p_pro_info_box{width: 100%; padding: 10px 0;}
	.pro_d_m{margin-top: 0px;}
	.p_down_btn{background: #0083d4; border-radius: 3px;}
	.p_down_btn a{color: #fff;}
	.p_down_btn i{color: #fff;}
	.pro_cont{font-size: 16px; line-height: 32px;}
	.right_bottom{font-size: 16px; line-height: 32px;}
}