@charset "utf-8";

/* CSS Document */

/* 创络科技 http://www.chuangluo.com */

/*初始样式、共同样式*/
*html { background-image: url("about:blank"); background-attachment: fixed; }
ul,
ol { list-style: none; }
a { text-decoration: none; color: #000; outline: none; }
img { border: 0px; }
input,
textarea { font-family: Arial, '微软雅黑'; font-size: 16px; resize: none; outline: none; }
h1,h2,h3,h4,h5,h6 { font-size: 120%; }
body { word-wrap: break-word; margin: 0px; padding: 0px; font-family: Arial, '微软雅黑'; overflow-x: hidden; -webkit-font-smoothing: antialiased; word-spacing: 2px; }
* { -webkit-transition: color 0.3s, background 0.3s, transform 0.3s; }
.imgmid { display: inline-block; *display: inline; *zoom: 1; height: 100%; width: 1px; margin-left: -1px; vertical-align: middle; }
.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%; }

/* PC 头部 */
.i_header_box { width: 100%; height: 140px; position: relative; z-index: 10; }
.i_head_m { width: 96%; max-width: 1200px; height: 140px; margin: 0 auto; }
.logo { width: 55%; max-width: 670px; height: 140px; float: left; overflow: hidden; }
.logo img { vertical-align: middle; max-width: 100%; }
.head_c { width: 40%; max-width: 400px; height: 100px; margin: 20px 0; float: right; position: relative; }
.head_lang { width: auto; height: 28px; position: relative; float: right; }
.lang_title { width: auto; height: 28px; margin: 0 10px 0 0; padding: 0 35px 0 0; background: url('../images/ico_zg.png') no-repeat right; line-height: 28px; font-size: 14px; color: #333; float: left; overflow: hidden; }
.lang_list { width: 160px; height: 28px; position: relative; float: right; }
.lang_text { width: 100%; height: 28px; line-height: 26px; overflow: hidden; }
.lang_txt { width: 110px; height: 26px; padding: 0 10px; border: 1px solid #d9d9d9; float: left; font-size: 12px; overflow: hidden; }
.lang_btn { width: 28px; height: 28px; background: #d9d9d9 url('../images/ico_xl.png') no-repeat center; position: absolute; right: 0; top: 0; cursor: pointer; overflow: hidden; }
.menu { width: 130px; height: auto; background: #fff; border: 1px solid #d9d9d9; border-top: 0; position: absolute; top: 28px; right: 28px; -moz-transition: all 0.3s, transform 0.3s; -ms-transition: all 0.3s, transform 0.3s; -o-transition: all 0.3s, transform 0.3s; transition: all 0.3s, transform 0.3s; -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0; filter: alpha(opacity=0); }
.menu ul { margin: 0; padding: 5px 0; overflow: hidden; }
.menu ul li { width: 100%; height: auto; text-align: center; font-size: 12px; overflow: hidden; }
.menu ul li a { width: 90%; height: 30px; display: block; padding: 0 5%; line-height: 30px; overflow: hidden; }
.menu ul li a:hover { color: #e6060f; }
.lang_list:hover .menu { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); opacity: 1; filter: alpha(opacity=100); }
.head_tel { width: 100%; height: 60px; margin: 12px 0 0; overflow: hidden; }
.head_tel ul { margin: 0; padding: 0; overflow: hidden; }
.head_tel ul li { width: 100%; height: 30px; line-height: 30px; overflow: hidden; }
.head_tel ul li .head_tel_title { width: 65%; height: 30px; line-height: 30px; text-align: right; font-size: 14px; float: left; overflow: hidden; }
.head_tel ul li .head_tel_txt { width: 35%; height: 30px; line-height: 30px; font-weight: bold; font-size: 20px; color: #e6060f; float: left; overflow: hidden; }
.head_tel ul li .head_tel_txt1 { width: 35%; height: 30px; line-height: 30px; font-size: 14px; float: left; overflow: hidden; }

/* 手机头部 */
.m_header_box { width: 96%; height: 80px; padding: 0 2%; background: #333; display: none; overflow: hidden; }
.m_header_box .m_logo { width: 50%; max-width: 207px; height: 100%; float: left; overflow: hidden; }
.m_header_box .m_logo img { vertical-align: middle; max-width: 100%; max-height: 90% }
.m_header_box .nav_play { width: 48px; height: 100%; float: right; text-align: right; overflow: hidden; }
.m_header_box .nav_play img { vertical-align: middle; max-width: 100%; }

/* 内页 */
.m_header_box.p_header_box { height: 80px; margin: 0; padding: 0 2%; background: #333; }
.m_return { width: 50px; height: 80px; float: left; overflow: hidden; }
.m_return img { vertical-align: middle; }
.m_title { width: 66%; height: 80px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -33%; text-align: center; line-height: 80px; font-size: 24px; color: #fff; overflow: hidden; }
.nav_show { width: 8%; height: 80px; float: right; text-align: right; overflow: hidden; }
.nav_show img { vertical-align: middle; max-width: 100%; }
@media screen and (max-width:991px) {
	.i_header_box { display: none; }
	.m_header_box { display: block; }
}

/* PC 导航 */
.nav_box { width: 100%; height: 40px; background: #000; position: relative; z-index: 2;/* overflow: hidden; */ }
.nav_m { width: 100%; max-width: 1200px; height: 40px; margin: 0 auto;/* overflow: hidden; */ }
.nav { width: 990px; height: 40px; float: left;/* overflow: hidden; */ }
.nav ul { margin: 0; padding: 0;/* overflow: hidden; */ }
.nav ul li { width: 110px; height: 40px; line-height: 40px; text-align: center; float: left;/* overflow: hidden; */ }
.nav ul li a { width: 100%; height: 40px; display: block; font-size: 14px; color: #fff; overflow: hidden; }
.nav>ul>li>a.active { background: #e40015; }
.nav>ul>li:hover>a { background: #e40015; }
.nav>ul>li:hover .nav_list,.nav>ul>li:hover>ul { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); opacity: 1; filter: alpha(opacity=100); display: block; }
.nav>ul>li>ul{width: 100%;height: auto;background: #fff;overflow: hidden; display: none\9; -moz-transition: all 0.3s, transform 0.3s; -ms-transition: all 0.3s, transform 0.3s; -o-transition: all 0.3s, transform 0.3s; transition: all 0.3s, transform 0.3s; -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0; filter: alpha(opacity=0); }
.nav ul li ul li{width: 100%;height: auto;line-height: 25px;overflow: hidden;}
.nav ul li ul li a{width: 90%;height: auto;padding: 8px 5%;color: #757575;font-size: 12px;overflow: hidden;}
.nav ul li ul li:hover>a{background: #e70012;color: #fff;}
.nav ul li .nav_list { width: 100%; height: auto; background: #fff; position: absolute; top: 40px; left: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); overflow: hidden; display: none\9; -moz-transition: all 0.3s, transform 0.3s; -ms-transition: all 0.3s, transform 0.3s; -o-transition: all 0.3s, transform 0.3s; transition: all 0.3s, transform 0.3s; -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0; filter: alpha(opacity=0); }
.nav ul li .nav_list ul { width: 96%; max-width: 1200px; height: auto; margin: 0 auto 20px; padding: 0; overflow: hidden; }
.nav ul li .nav_list ul li { width: 19%; height: auto; margin: 20px 0 0; padding: 0 1% 0 0; float: left; text-align: left; overflow: hidden; }
.nav ul li .nav_list ul li span { width: 100%; height: 30px; line-height: 30px; display: block; font-size: 16px; color: #333; overflow: hidden; }
.nav ul li .nav_list ul li a { width: 100%; height: 30px; padding: 0; line-height: 30px; display: block; font-size: 16px; color: #333; overflow: hidden; }
.nav ul li .nav_list ul li:hover>a{color: #333; background: none;}
.nav ul li .nav_list ul li ul { width: 100%; height: auto; margin: 10px 0 0; padding: 0; overflow: hidden; }
.nav ul li .nav_list ul li ul li { width: 100%; height: auto; margin: 0; padding: 0; clear: both; overflow: hidden; }
.nav ul li .nav_list ul li ul li a { width: 100%; height: 30px; padding: 0; line-height: 30px; font-size: 12px; color: #757575; }
.nav ul li .nav_list ul li ul li:hover a { background: none; color: #e6060f; }


/* 搜索 */
.search { width: 180px; height: 26px; margin: 7px 0; float: right; border-radius: 15px; background: #fff; overflow: hidden; }
.search input[type="text"] { width: 128px; height: 26px; padding: 0 2px 0 10px; border: 0; font-size: 12px; }
.search input[type="submit"] { width: 40px; height: 26px; float: right; border: 0; background: url('../images/ico_search.png') no-repeat center; overflow: hidden; }
@media screen and (max-width:1220px) {
	.search { display: none; }
}
@media screen and (min-width:992px) and (max-width:1220px) {
	.nav_m,
	.nav { width: 100%; max-width: 100%; }
	.nav>ul>li { width: 11%; }
	.nav>ul>li:first-child { width: 12%; }
}
@media screen and (max-width:991px) {
	.nav_box { display: none; }
}

/* 手机导航 */
.m_nav_list { width: 70%; height: 100%; position: fixed; top: 0; left: -70%; z-index: 999; background: #fff; overflow: hidden; }
.m_nav_list ul { margin: 0; padding: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; }
.m_nav_list ul li { width: 100%; height: auto; line-height: 30px; font-size: 16px; overflow: hidden; }
.m_nav_list ul li a { display: block; width: 90%; height: auto; padding: 12px 5%; color: #333; }
.m_nav_list ul li a.active { background: #e70012; color: #fff; }
.m_nav_list ul li.top-child { width: 90%; padding: 0 5%; height: 80px; line-height: 0; background: #333; overflow: hidden; }
.m_nav_list ul li .close { width: 50%; max-width: 50px; height: 80px; float: left; position: relative; overflow: hidden; }
.m_nav_list ul li .close i { width: 2px; height: 40px; background: #fff; position: absolute; left: 20px; top: 50%; margin: -20px 0 0; overflow: hidden; }
.m_nav_list ul li .close i.close_l { transform: rotateZ(45deg) }
.m_nav_list ul li .close i.close_r { transform: rotateZ(-45deg) }
.m_nav_list ul li .m_lang { width: auto; height: 40px; line-height: 40px; float: right; margin: 20px 0; text-align: center; font-size: 14px; overflow: hidden; }
.m_nav_list ul li .m_lang a { display: block; width: 40px; height: 40px; background: #e70012; border-radius: 50%; color: #fff; padding: 0; line-height: 40px; float: left; }
.m_nav_list ul li ul { width: 100%; height: auto; background: #f9f9f9; display: none; overflow: hidden; }
.m_nav_list ul li ul li { width: 100%; height: auto; overflow: hidden; }
.m_nav_list ul li ul li a { width: 85%; padding: 10px 5% 10px 10%; font-size: 14px; color: #757575;}
.m_nav_list ul li ul li a.active { background: none; color: #e70012; }
.m_nav_list ul li ul li ul{background: #fff;}
.m_nav_list ul li ul li ul li a { width: 80%; padding-left: 15%; font-size: 12px; color: #999; }
.nav_bg { width: 100%; height: 100%; background: #000; opacity: 0.5; position: fixed; top: 0; left: 0; z-index: 998; display: none; overflow: hidden; }

/*banner*/
.box_skitter { width: 1920px; height: 500px; position: relative; left: 50%; margin-left: -960px; z-index: 1; overflow: hidden; }
.box_skitter ul { margin: 0; padding: 0; width: 100%; height: 500px; position: relative; display: none; overflow: hidden; }
.box_skitter ul li { width: 1920px; height: 500px; position: absolute; left: 50%; top: 0; margin-left: -960px; overflow: hidden; }
.box_skitter ul li img { width: 1920px; height: 500px; }
.box_skitter .container_skitter { width: 1920px; height: 500px; overflow: hidden; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none; }
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }

/*禁止左右点击按钮*/
.prev_button,
.next_button { display: block; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: -999; overflow: hidden; }

/*banner切换圆点*/
.box_skitter .info_slide_dots { position: absolute; bottom: 20px; z-index: 151; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.box_skitter .info_slide_dots .image_number { background: #fff; float: left; margin: 0 6px 0 0; cursor: pointer; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; width: 12px; height: 12px; text-indent: -9999em; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.box_skitter .info_slide_dots .image_number:hover { background: #e70012; }
.box_skitter .info_slide_dots .image_number_select,
.box_skitter .info_slide_dots .image_number_select:hover { background: #e70012; }

/*手机版banner*/
.banner_c { width: 100%; height: auto; position: relative; z-index: 1; display: none; font-size: 0; overflow: hidden; }
.banner_c ul { width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box-webkit-transform:translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.banner_c ul li { width: 100%; height: 100%; text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -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; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; position: relative; }
.banner_c ul li img { max-width: 100%; }
.ico_c { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.ico_c.swiper-pagination-hidden { opacity: 0 }
.ico_c span { margin: 0 3px; display: block; width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #fff; }
.ico_c span { cursor: pointer }
.swiper-pagination-white span { background: #e70012; }
.ico_c .swiper-pagination-bullet-active { opacity: 1; background: #e70012; }
@media screen and (max-width:991px) {
	.box_skitter { display: none; }
	.banner_c { display: block; }
}

/* 公告 */
.hot_box { width: 100%; height: 44px; background: #797979; position: relative; z-index: 1;/* overflow: hidden; */ }
.hot_m { width: 96%; max-width: 1200px; height: 44px; margin: 0 auto;/* overflow: hidden; */ }
.hot_c { width: 70%; height: 44px; line-height: 44px; float: left; overflow: hidden; }
.hot_title { width: auto; height: 16px; margin: 14px 20px 14px 0; padding: 0 15px; line-height: 16px; background: url('../images/ico_c.png') no-repeat left; border-right: 1px solid #fff; float: left; font-size: 14px; color: #fff; overflow: hidden; }
.hot_list { width: auto; height: 44px; overflow: hidden; }
.hot_list ul { margin: 0; padding: 0; }
.hot_list ul li { width: 100%; height: 44px; line-height: 44px; font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hot_list ul li a { color: #fff; margin: 0 15px 0 0; }
.ico_list { width: auto; height: 44px; float: right;/* overflow: hidden; */ }
.ico_list ul { margin: 0; padding: 0;/* overflow: hidden; */ }
.ico_list ul li { width: 26px; height: 44px; float: left; margin: 0 0 0 10px; position: relative; }
.ico_list ul li:first-child { margin: 0; }
.ico_list ul li .ico_img { width: 26px; height: 26px; margin: 9px 0; line-height: 26px; text-align: center; font-size: 0; overflow: hidden; }
.ico_list ul li .ico_img img { vertical-align: middle; max-width: 100%; }
.ico_list ul li:hover .alert_ewm { display: block; }
.ico_list ul li .alert_ewm { width: 110px; height: auto; text-align: center; position: absolute; top: 44px; left: 50%; margin: 0 0 0 -55px; display: none; }
.ico_list ul li .alert_ewm .ico_arrow { width: 100%; height: 6px; padding: 2px 0 0; text-align: center; font-size: 0; position: relative; z-index: 2; overflow: hidden; }
.ico_list ul li .alert_ewm .ewm_img { width: 100px; height: 100px; padding: 5px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .2); position: relative; z-index: 1; overflow: hidden; }
.ico_list ul li .alert_ewm .ewm_img img { vertical-align: middle; max-width: 100%; }
@media screen and (max-width:991px) {
	.hot_box { display: none; }
}

/* 热销产品 */
.i_pro_box { width: 96%; max-width: 1200px; height: auto; margin: 50px auto; padding: 0; overflow: hidden; }
.pro_title_box { width: 100%; height: 60px; line-height: 60px; overflow: hidden; }
.pro_title { width: auto; height: 100%; line-height: 80px; float: left; font-size: 14px; color: #666; overflow: hidden; }
.pro_title h6 { margin: 0 10px 0 0; padding: 0; line-height: 60px; font-weight: normal; font-size: 36px; color: #333; float: left; }
.pro_title_more { width: auto; height: 32px; margin: 14px 0; padding: 0 22px; line-height: 32px; border-radius: 18px; background: #e70012; float: right; font-size: 14px; overflow: hidden; }
.pro_title_more a { width: 100%; height: 32px; display: block; color: #fff; }
.i_pro_list { width: 100%; height: auto; margin: 30px 0 0; overflow: hidden; }
.i_pro_list ul { margin: 0; padding: 0; overflow: hidden; }
.i_pro_list ul li { width: 278px; height: auto; margin: 0 26.5px 0 0; padding: 0 0 16px; border: 1px solid #d9d9d9; float: left; overflow: hidden; }
.i_pro_list ul li:last-child { margin: 0; }
.i_pro_img { width: 278px; height: 188px; border-bottom: 1px solid #d9d9d9; text-align: center; overflow: hidden; }
.i_pro_img img { vertical-align: middle; max-width: 100%; }
.i_pro_title { width: 90%; height: 40px; padding: 0 5%; line-height: 40px; text-align: center; font-size: 14px; color: #333; overflow: hidden; }
.i_pro_more { width: 100%; height: 32px; text-align: center; font-size: 0; overflow: hidden; }
.i_pro_more a { width: auto; height: 32px; display: inline-block; *display: inline; *zoom: 1; padding: 0 20px; line-height: 32px; background: #e70012; font-size: 14px; color: #fff; overflow: hidden; }
@media screen and (min-width:992px) and (max-width:1199px) {
	.i_pro_list ul li { -webkit-width: calc(23.5% - 2px); -moz-width: calc(23.5% - 2px); width: calc(23.5% - 2px); height: auto; margin: 0 2% 0 0; overflow: hidden; }
	.i_pro_list ul li:last-child { margin: 0; }
	.i_pro_list ul li .i_pro_img { width: 100%; -webkit-height: calc((96vw * 0.235 - 2px) * 188 / 278); -moz-height: calc((96vw * 0.235 - 2px) * 188 / 278); height: calc((96vw * 0.235 - 2px) * 188 / 278); }
}
@media screen and (max-width:991px) {
	.i_pro_box { margin: 30px auto; }
	.pro_title_box { width: 100%; height: auto; text-align: center; }
	.pro_title_box .pro_title { width: 100%; font-size: 12px; line-height: 30px; margin: 0 0 10px; }
	.pro_title_box .pro_title h6 { font-size: 30px; float: initial; line-height: 40px; }
	.pro_title_box .pro_title_more { width: 4em; float: initial; margin: 20px auto 0; }
	.i_pro_list ul { margin: -20px 0 0; }
	.i_pro_list ul li { width: 48%; float: left; margin: 20px 0 0; }
	.i_pro_list ul li:nth-child(2n) { float: right; }
	.i_pro_list ul li:last-child { margin: 20px 0 0; }
	.i_pro_list ul li .i_pro_img { width: 100%; -webkit-height: calc((96vw * 0.48 - 2px) * 188 / 278); -moz-height: calc((96vw * 0.48 - 2px) * 188 / 278); height: calc((96vw * 0.48 - 2px) * 188 / 278); }
}

/* 客户见证 */
.i_cus_box { width: 100%; height: auto; margin: 50px 0; overflow: hidden; }
.i_title_box { width: 100%; height: auto; position: relative; overflow: hidden; }
.i_title_t { width: 96%; max-width: 1200px; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; font-size: 0; position: relative; z-index: 2; overflow: hidden; }
.i_title_t span { width: auto; height: 40px; display: inline-block; *display: inline; *zoom: 1; padding: 0 30px; background: #fff; font-size: 36px; color: #333; overflow: hidden; }
.i_title_text { width: 96%; max-width: 1200px; height: auto; line-height: 30px; font-size: 14px; margin: 10px auto 0; text-align: center; color: #757575; overflow: hidden; }
.line { width: 44%; -webkit-width: calc(50% - 90px); -moz-width: calc(50% - 90px); width: calc(50% - 90px); height: 1px; background: #d9d9d9; position: absolute; top: 20px; z-index: 1; overflow: hidden; }
.line.l { left: 0; }
.line.r { right: 0; }
.i_cus_m { width: 96%; max-width: 1200px; height: auto; margin: 30px auto 0; overflow: hidden; }
.i_cus_list { width: 306px; height: auto; float: left; overflow: hidden; }
.i_cus_list ul { margin: 0; padding: 0; overflow: hidden; }
.i_cus_list ul li { width: 306px; height: 60px; line-height: 60px; font-size: 14px; background-repeat: no-repeat; background-position: 100% center; overflow: hidden; }
.i_cus_list ul li a { width: 300px; height: 60px; display: block; padding: 0 20px; background: #f5f5f5; box-sizing: border-box; border-bottom: 1px solid #dfdfdf; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.i_cus_list ul li:last-child a { border: 0; }
.i_cus_list ul li.active { background-image: url('../images/arrow_c.png'); background-position: right center; }
.i_cus_list ul li.active a { background: #e70012; color: #fff; border-color: #e70012; }
.i_cus_list ul li:hover { background-image: url('../images/arrow_c.png'); background-position: right center; }
.i_cus_list ul li:hover a { background: #e70012; color: #fff; border-color: #e70012; }
.i_cus_menu { width: 864px; height: 480px; float: right; overflow: hidden; }
.i_cus_menu ul { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; overflow: hidden; }
.i_cus_menu ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; overflow: hidden; }
.i_cus_menu ul li:first-child { display: block; }
.i_cus_menu ul li .i_cus_img { width: 100%; height: 100%; text-align: center; overflow: hidden; }
.i_cus_menu ul li .i_cus_img img { vertical-align: middle; max-width: 100%; }
.i_cus_menu ul li .i_cus_text { width: 90%; height: auto; padding: 20px 5%; color: #fff; background: rgba(0, 0, 0, .5); position: absolute; bottom: 0; left: 0; overflow: hidden; }
.i_cus_menu ul li .i_cus_text .i_cus_title { width: 100%; height: auto; font-size: 18px; font-weight: bold; display: none; overflow: hidden; }
.i_cus_menu ul li .i_cus_text .i_cus_txt { width: 100%; height: auto; line-height: 25px; font-size: 14px; overflow: hidden; }
@media screen and (max-width:1200px) {
	.i_cus_list { display: none; }
	.i_cus_menu { width: 100%; height: auto; float: initial; overflow: hidden; }
	.i_cus_menu ul { width: 100%; height: auto; margin: -20px 0 0; overflow: hidden; }
	.i_cus_menu ul li { -webkit-width: calc(23.5% - 2px); -moz-width: calc(23.5% - 2px); width: calc(23.5% - 2px); margin: 20px 2% 0 0; display: block; position: initial; float: left; overflow: hidden; }
	.i_cus_menu ul li:nth-child(4n) { margin-right: 0; }
	.i_cus_menu ul li .i_cus_img { width: 100%; -webkit-height: calc((96vw * 0.235) * 480 / 864); -moz-height: calc((96vw * 0.235) * 480 / 864); height: calc((96vw * 0.235) * 480 / 864); }
	.i_cus_menu ul li .i_cus_text { width: 100%; height: auto; margin: 10px 0 0; padding: 0; position: initial; background: none; color: #666; overflow: hidden; }
	.i_cus_menu ul li .i_cus_text .i_cus_title { width: 100%; height: 30px; font-size: 14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.i_cus_menu ul li .i_cus_text .i_cus_txt { width: 100%; height: 50px; line-height: 25px; font-size: 12px; overflow: hidden; }
}
@media screen and (max-width:1200px) {
	.i_cus_menu ul li { width: 48%; margin: 20px 0 0; }
	.i_cus_menu ul li:nth-child(2n) { float: right; }

	/* .i_cus_menu ul li:nth-child(4){margin-right: 0;} */
	.i_cus_menu ul li .i_cus_img { -webkit-height: calc((96vw * 0.48) * 480 / 864); -moz-height: calc((96vw * 0.48) * 480 / 864); height: calc((96vw * 0.48) * 480 / 864); }
}

/* 内容 */
.i_main_box { width: 100%; height: 680px; background: url('../images/i_main_bg.jpg') no-repeat center; background-attachment: fixed; background-size: cover; overflow: hidden; }
.i_main_m { width: 96%; max-width: 1200px; height: 580px; margin: 50px auto; overflow: hidden; }

/* 走进爱普乐 */
.i_abo_box { width: 520px; height: 580px; padding: 0 50px 0 0; float: left; border-right: 1px solid rgba(255, 255, 255, .2); overflow: hidden; }
.i_main_title { width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #fff; font-size: 14px; overflow: hidden; }
.i_main_title h6 { margin: 0; padding: 0; font-weight: normal; font-size: 36px; color: #fff; }
.i_main_title a { float: right; color: #fff; }
.i_abo_m { width: 100%; height: 490px; margin: 20px 0 0; overflow: hidden; }
.i_abo_switch { width: 100%; height: 350px; position: relative; overflow: hidden; }
.abo_switch_list { width: 100%; height: 290px; text-align: center; overflow: hidden; }
.abo_switch_list ul { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; overflow: hidden; }
.abo_switch_list ul li { width: 100%; height: 100%; background: #fff; font-size: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; }
.abo_switch_list ul li img { vertical-align: middle; max-width: 100%; }
.i_abo_ico { width: 450px; height: 44px; position: absolute; bottom: 0; left: 50%; z-index: 10; margin: 0 0 0 -225px; overflow: hidden; }
.i_abo_ico ul { margin: 0; padding: 0; width: 10000%; height: 44px; overflow: hidden; }
.i_abo_ico ul li { width: 78px; height: 44px; margin: 0 15px 0 0; background: #fff; text-align: center; float: left; cursor: pointer; overflow: hidden; }
.i_abo_ico ul li img { vertical-align: middle; max-width: 100%; max-height: 100%; }
.i_abo_btn { width: 100%; height: 44px; position: absolute; bottom: 0; left: 0; overflow: hidden; }
.abo_btn { width: 20px; height: 44px; display: block; background-color: rgba(255, 255, 255, .2); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }
.abo_prev { background-image: url('../images/prev.png'); float: left; }
.abo_next { background-image: url('../images/next.png'); float: right; }
.i_abo_text { width: 100%; height: auto; max-height: 120px; margin: 20px 0 0; font-size: 12px; color: #fff; line-height: 30px; overflow: hidden; text-indent: 2em; }

/*关于我们 轮播图*/
.abo_list { width: 100%; height: auto; position: relative; z-index: 1; display: none; font-size: 0; overflow: hidden; }
.abo_list ul { width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box-webkit-transform:translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.abo_list ul li { width: 100%; height: 100%; text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -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; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; position: relative; }
.abo_list ul li img { max-width: 100%; }
.abo_c { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.abo_c.swiper-pagination-hidden { opacity: 0 }
.abo_c span { margin: 0 3px; display: block; width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #fff; }
.abo_c span { cursor: pointer }
.swiper-pagination-white span { background: #e70012; }
.abo_c .swiper-pagination-bullet-active { opacity: 1; background: #e70012; }

/* 新闻中心 */
.i_new_box { width: 580px; height: auto; float: right; overflow: hidden; }
.i_new_m { width: 100%; height: 140px; margin: 20px 0 0; overflow: hidden; }
.i_new_img { width: 200px; height: 140px; text-align: center; float: left; overflow: hidden; }
.i_new_img img { vertical-align: middle; max-width: 100%; }
.i_new_text { width: 360px; height: 140px; float: right; overflow: hidden; }
.i_new_title { width: 100%; height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; }
.i_new_title a { color: #fff; }
.i_new_time { width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #fff; overflow: hidden; }
.i_new_txt { width: 100%; height: auto; line-height: 25px; font-size: 12px; color: #fff; overflow: hidden; }
.i_new_list { width: 100%; height: auto; margin: 30px 0 0; overflow: hidden; }
.i_new_list ul { margin: 0; padding: 0; overflow: hidden; }
.i_new_list ul li { width: 100%; height: 84px; padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, .2); overflow: hidden; }
.new_time { width: 82px; height: 82px; border: 1px solid #fff; float: left; text-align: center; font-size: 14px; color: #fff; overflow: hidden; }
.new_time h6 { margin: 0; padding: 0; font-size: 30px; }
.new_text { width: 480px; height: 84px; float: right; overflow: hidden; }
.new_title { width: 100%; height: 34px; line-height: 34px; font-size: 16px; overflow: hidden; }
.new_title a { color: #fff; }
.new_txt { width: 100%; height: 50px; line-height: 25px; font-size: 12px; color: #fff; overflow: hidden; }
@media screen and (max-width:1200px) {
	.i_main_box,.i_main_m,.i_abo_box,.i_abo_m { height: auto; }
	.i_main_m { margin: 20px auto; }
	.i_new_box { margin: 30px 0 0; }
	.i_main_title { height: 60px; line-height: 60px; }
	.i_main_title h6 { font-size: 24px; }
	.i_abo_box,.i_new_box { width: 100%; padding: 0; float: initial; }
	.i_abo_switch { width: 100%; max-width: 520px; margin: 0 auto; }
	.i_new_text { -webkit-width: calc(100% - 220px); -moz-width: calc(100% - 220px); width: calc(100% - 220px); }
	.new_text { -webkit-width: calc(100% - 100px); -moz-width: calc(100% - 100px); width: calc(100% - 100px); }
}
@media screen and (max-width:541px) {
	.i_abo_switch { display: none; }
	.abo_list { display: block; }
}

/* 优势 */
.i_adv_box { width: 100%; height: auto; text-align: center; overflow: hidden; }
.i_adv_box img { max-width: 100%; }
@media screen and (max-width:991px) {
	.i_adv_box { display: none; }
}

/* 资质认证 */
.i_honor_box { width: 100%; height: 444px; padding: 50px 0; background: url('../images/honor_bg.jpg') no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden; }
.i_honor_box .i_title_box .i_title_t span { background: none; }
.i_honor_list { width: 96%; max-width: 1200px; height: auto; margin: 30px auto 0; overflow: hidden; }
.i_honor_list ul { width: 10000%; margin: 0; padding: 0; overflow: hidden; }
.i_honor_list ul li { width: 200px; height: auto; float: left; margin: 0 50px 0 0; overflow: hidden; }
.i_honor_list ul li .i_honor_img { width: 198px; height: 282px; border: 1px solid #d9d9d9; background: #fff; text-align: center; overflow: hidden; }
.i_honor_list ul li .i_honor_img img { vertical-align: middle; max-width: 100%; }
.i_honor_list ul li .i_honor_text { width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 14px; overflow: hidden; }
.i_honor_list ul li .i_honor_text a { color: #333; }
.i_honor_list ul il .i_honor_text a:hover { color: #e70012; }
@media screen and (max-width:1199px) {
	.i_honor_box { height: auto; padding: 30px 0; }
	.i_honor_list ul { width: 100%; }
}
@media screen and (min-width:768px) and (max-width:1199px) {
	.i_honor_list ul li { width: 18%; margin: 0 2% 0 0; }
	.i_honor_list ul li:nth-child(5n) { margin-right: 0; }
	.i_honor_list ul li .i_honor_img { width: -wbkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); width: 100%; -webkit-height: calc((96vw * 0.18 - 2px) * 282 / 198); -moz-height: calc(96vw * 0.18 * 282 / 198); height: calc(96vw * 0.18 * 282 / 198); }
}
@media screen and (max-width:767px) {
	.i_honor_list ul li { width: 32%; margin: 0; }
	.i_honor_list ul li:nth-child(3n - 1) { margin: 0 2% 0; }
	.i_honor_list ul li .i_honor_img { width: -wbkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: calc(100% - 2px); -webkit-height: calc(96vw * 0.3 * 282 / 198); -moz-height: calc(96vw * 0.3 * 282 / 198); height: calc(96vw * 0.3 * 282 / 198); }
	.i_honor_list ul li .i_honor_text { font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
}
@media screen and (max-width:480px) {
	.i_honor_list ul li { width: 48%; height: auto; margin: 0 !important; }
	.i_honor_list ul li:nth-child(2n) { float: right; }
	.i_honor_list ul li .i_honor_img { -webkit-height: calc((96vw * 0.48 - 2px) * 282 / 198); -moz-height: calc((96vw * 0.48 - 2px) * 282 / 198); height: calc((96vw * 0.48 - 2px) * 282 / 198); }
}

/* 底部 */
.i_footer_box { width: 100%; height: auto; background: #545454; overflow: hidden; }
.f_nav_fixed{width: 100%;height: 50px;background: #333;border-top: 1px solid #444;display: none;overflow: hidden;}
.f_nav_fixed ul{margin: 0;padding: 0;overflow: hidden;}
.f_nav_fixed ul li{width: 33.33%;height: 50px;line-height: 50px;text-align: center;float: left;font-size: 14px;overflow: hidden;}
.f_nav_fixed ul li a{width: 100%;height: 50px;display: block;color: #fff;box-sizing: border-box;padding: 0 2%;vertical-align: middle;}
.f_nav_fixed ul li a img{vertical-align: middle;margin: 0 5px 0 0;}
.i_footer_m { width: 96%; max-width: 1200px; height: auto; margin: 50px auto; overflow: hidden; }
.f_nav { width: 70%; height: auto; float: left; overflow: hidden; }
.f_nav ul { margin: 0; padding: 0; overflow: hidden; }
.f_nav ul li { width: 18%; height: auto; float: left; overflow: hidden; }
.f_nav>ul>li:last-child { width: 28%; }
.f_nav ul li span { width: 100%; height: 30px; display: block; line-height: 30px; font-size: 16px; color: #fff; overflow: hidden; }
.f_nav ul li ul { width: 100%; height: auto; margin: 10px 0 0; overflow: hidden; }
.f_nav ul li ul li { width: 100%; height: auto; line-height: 25px; font-size: 12px; color: #ccc; overflow: hidden; }
.f_nav ul li ul li a { color: #ccc; }
.f_nav ul li ul li a:hover { color: #fff; }
.f_nav ul li ul li i { width: 20px; height: 25px; display: block; float: left; text-align: center; vertical-align: top; overflow: hidden; }
.f_nav ul li ul li i img { vertical-align: middle; }
.f_ewm { width: 28%; max-width: 240px; height: auto; float: right; overflow: hidden; }
.f_ewm ul { margin: 0; padding: 0; overflow: hidden; }
.f_ewm ul li { width: 50%; max-width: 100px; height: auto; float: left; overflow: hidden; }
.f_ewm ul li:last-child { float: right; }
.f_ewm_img { width: 100%; max-width: 100px; height: auto; text-align: center; overflow: hidden; }
.f_ewm_img img { max-width: 100%; }
.f_ewm_text { width: 100%; height: auto; font-size: 12px; text-align: center; color: #999; margin: 5px 0 0; overflow: hidden; }
.f_c { width: 100%; height: auto; padding: 10px 0; background: #323232; text-align: center; font-size: 12px; color: #7e7e7e; overflow: hidden; }
.copy { width: 96%; max-width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
.copy a{color: #7e7e7e;}
.copy a:hover{color: #fff;}
.link { width: 96%; max-width: 1200px; height: auto; margin: 10px auto 0; overflow: hidden; }
.link span { margin: 0 10px; }
.link a { color: #7e7e7e; }
.link a:hover { color: #fff; }
@media screen and (min-width:992px) and (max-width:1199px) {
	.f_nav { width: 100%; }
	.f_ewm { display: none; }
}
@media screen and (max-width:991px) {
	.f_nav_fixed{display: block;position: fixed;bottom: 0;z-index: 10;}
	.i_footer_box{margin-bottom: 51px;}
	.i_footer_m { display: none; }
	.link { display: none; }
}

/*内容*/
.p_main_box { width: 1200px; height: auto; margin: 30px auto; overflow: hidden; }
.p_sidebar { width: 260px; height: auto; float: left; overflow: hidden; }
.s_nav { width: 100%; height: auto; overflow: hidden; }
.s_title { width: 190px; height: 60px; padding: 0 10px 0 60px; line-height: 60px; font-size: 24px; color: #e70012; border-top: 2px solid #e70012; border-bottom: 1px solid #fff; overflow: hidden; }
.s_nav_title { background: #f5f5f5 url('../images/s_abo.png') no-repeat 20px; }
.s_new_title { background: #f5f5f5 url('../images/s_new.png') no-repeat 20px; }
.s_con_title { background: #f5f5f5 url('../images/s_con.png') no-repeat 20px; }
.s_hot_title { background: #f5f5f5 url('../images/s_pro.png') no-repeat 20px; }
.s_nav_list { width: 100%; height: auto; overflow: hidden; }
.s_nav_list ul { margin: 0; padding: 0; overflow: hidden; }
.s_nav_list ul li:first-child { border-top: 0; }
.s_nav_list ul li { width: 100%; height: auto; border-top: 1px solid #fff; font-size: 14px; overflow: hidden; }
.s_nav_list>ul>li>a { display: block; width: 200px; height: auto; line-height: 20px; padding: 10px 40px 10px 20px; background: #f5f5f5 url('../images/ico_s.png') no-repeat 240px; color: #333; overflow: hidden; }
.s_nav_list>ul>li>a.active { background-image: url('../images/ico_s_h.png'); color: #e70012; }
.s_nav_list>ul>li>a:hover { background-image: url('../images/ico_s_h.png'); color: #e70012; }
.s_nav_list ul li ul { width: 100%; height: auto; display: none; overflow: hidden; }
.s_nav_list ul li ul li { width: 100%; height: auto; background: #fff; border-bottom: 0; overflow: hidden; }
.s_nav_list ul li ul li a { display: block; width: 200px; height: auto; line-height: 20px; padding: 8px 40px 8px 20px; border-bottom: 1px dashed #e9e9e9; font-size: 12px; color: #999; overflow: hidden; }
.s_nav_list ul li ul li.last-child a { border-bottom: 0; }
.s_nav_list ul li ul li:last-child a { border-bottom: 0; }
.s_nav_list ul li ul li a.active { color: #e70012; }
.s_nav_list ul li ul li a:hover { color: #e70012; }
.s_new { width: 100%; height: auto; margin: 30px 0 0; overflow: hidden; }
.s_new_list { width: 100%; height: auto; background: #f5f5f5; overflow: hidden; }
.s_new_list ul { margin: 0; padding: 0; width: 100%; height: auto; padding: 10px 0; overflow: hidden; }
.s_new_list ul li { width: 220px; height: 36px; padding: 0 20px; line-height: 36px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s_new_list ul li.first-child { border-top: 0; }
.s_new_list ul li a { color: #757575; }
.s_new_list ul li a:hover { color: #e70012; }
.s_con { width: 100%; height: auto; margin: 30px 0 0; overflow: hidden; }
.s_con_list { width: 220px; height: auto; padding: 10px 20px; background: #f5f5f5; font-size: 12px; line-height: 22px; color: #757575; overflow: hidden; }
.s_con_list p { margin: 0; padding: 4px 0; }
.s_con_list a { color: #757575; }
.s_con_list a:hover { color: #e70012; }
.s_hot { width: 100%; height: auto; margin: 30px 0 0; background: #f5f5f5; overflow: hidden; }
.s_pro_list { width: 100%; height: 736px; margin: 20px 0; overflow: hidden; }
.s_pro_list ul { width: 220px; margin: 0 auto; padding: 0; overflow: hidden; }
.s_pro_list ul li { width: 218px; height: auto; margin: 0 0 20px; padding: 0 0 10px; border: 1px solid #d9d9d9; background: #fff; overflow: hidden; }
.s_pro_list ul li .s_pro_img { width: 100%; height: 147px; border-bottom: 1px solid #d9d9d9; text-align: center; overflow: hidden; }
.s_pro_list ul li .s_pro_img img { vertical-align: middle; max-width: 100%; }
.s_pro_list ul li .s_pro_title { width: 90%; height: 40px; padding: 0 5%; line-height: 40px; text-align: center; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s_pro_list ul li .s_pro_more { width: 100%; height: 32px; text-align: center; font-size: 0; overflow: hidden; }
.s_pro_list ul li .s_pro_more a { width: auto; height: 32px; display: inline-block; *display: inline; *zoom: 1; padding: 0 20px; line-height: 32px; background: #e70012; font-size: 14px; color: #fff; overflow: hidden; }

/*右边内容*/
.p_r_box { width: 910px; height: auto; float: right; overflow: hidden; }
.p_r_title { width: 100%; height: 60px; border-bottom: 1px solid #d9d9d9; line-height: 60px; }
.p_r_title span { width: auto; height: 60px; display: block; float: right; line-height: 60px; font-size: 12px; color: #999; padding-left: 20px; background: url('../images/ico_index.png') no-repeat left; }
.p_r_title span i { font-style: normal; font-family: '宋体'; }
.p_r_title span a { color: #999; }
.p_r_title span a:hover { color: #e70012; }
.p_r_title h6 { margin: 0; padding: 0; font-weight: normal; font-size: 22px; color: #e70012; height: 60px; line-height: 60px; float: left; }
.p_r_title h1 { margin: 0; padding: 0; font-weight: normal; font-size: 22px; color: #e70012; height: 60px; line-height: 60px; float: left; }

/* 内容 banner */
.p_banner { width: 100%; height: auto; margin: 20px 0 0; text-align: center; font-size: 0; overflow: hidden; }
.p_banner img { max-width: 100%; }
@media screen and (max-width:1220px) {
	.p_main_box { width: 96%;/* margin: 0 auto; */ }
	.p_r_box { -webkit-width: calc(100% - 280px); -moz-width: calc(100% - 280px); width: calc(100% - 280px); }
}
@media screen and (max-width:991px) {
	.p_banner{display: none;}
	.p_main_box { margin: 0 auto; }
	.p_sidebar { display: none; }
	.p_r_box { float: initial; width: 100%; }
	.p_r_title { display: none; }
}

/*关于我们*/
.p_abo_box { width: 100%; height: auto; font-size: 14px; color: #757575; line-height: 30px; *margin-top: 15px; overflow: hidden; }
.p_abo_box img { vertical-align: middle; max-width: 100%; }
.p_abo_box table { font-size: 14px; width: 100%; color: #757575; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse; }
.p_abo_box table th { border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9; }
.p_abo_box table td { border-width: 1px; padding: 2px 4px; border-style: solid; border-color: #d9d9d9; text-align: center; }

/* 产品中心 */
.p_pro_box { width: 100%; height: auto; margin: 30px 0 0; overflow: hidden; }
.p_pro_list { width: 100%; height: auto; overflow: hidden; }
.p_pro_list ul { margin: -35px 0 0 0; padding: 0; overflow: hidden; }
.p_pro_list ul li { width: 278px; height: auto; margin: 35px 35px 0 0; padding: 0 0 16px; border: 1px solid #d9d9d9; float: left; overflow: hidden; }
.p_pro_list ul li:nth-child(3n) { margin-right: 0; }
.p_pro_img { width: 278px; height: 188px; border-bottom: 1px solid #d9d9d9; text-align: center; overflow: hidden; }
.p_pro_img img { vertical-align: middle; max-width: 100%; }
.p_pro_title { width: 90%; height: 40px; padding: 0 5%; line-height: 40px; text-align: center; font-size: 14px; color: #333; overflow: hidden; }
.p_pro_more { width: 100%; height: 32px; text-align: center; font-size: 0; overflow: hidden; }
.p_pro_more a { width: auto; height: 32px; display: inline-block; *display: inline; *zoom: 1; padding: 0 20px; line-height: 32px; background: #e70012; font-size: 14px; color: #fff; overflow: hidden; }
@media screen and (max-width:1220px) {
	.p_pro_box { margin: 30px 0; }
	.p_pro_list ul { margin: -20px 0 0; }
	.p_pro_list ul li { -webkit-width: calc(32% - 2px); -moz-width: calc(32% - 2px); width: calc(32% - 2px); height: auto; margin: 20px 2% 0 0; overflow: hidden; }
	.p_pro_list ul li .p_pro_img { width: 100%; -webkit-height: calc(((96vw - 280px) * 0.32 - 2px) * 188 / 278); -moz-height: calc(((96vw - 280px) * 0.32 - 2px) * 188 / 278); height: calc(((96vw - 280px) * 0.32 - 2px) * 188 / 278); }
}
@media screen and (max-width:991px) {
	.p_pro_list ul li .p_pro_img { -webkit-height: calc((96vw * 0.32 - 2px) * 188 / 278); -moz-height: calc((96vw * 0.32 - 2px) * 188 / 278); height: calc((96vw * 0.32 - 2px) * 188 / 278); }
}
@media screen and (max-width:767px) {
	.p_pro_list ul li { width: 48%; margin: 20px 0; }
	.p_pro_list ul li:nth-child(2n) { float: right; }
	.p_pro_list ul li .p_pro_img { -webkit-height: calc((96vw * 0.48 - 2px) * 188 / 278); -moz-height: calc((96vw * 0.48 - 2px) * 188 / 278); height: calc((96vw * 0.48 - 2px) * 188 / 278); }
}

/*产品详情*/
.p_pro_details { width: 100%; height: auto; overflow: hidden; }
.pro_d_top { width: 100%; height: auto; margin: 0 0 40px; overflow: hidden; }
.pro_d_switch { width: 462px; height: 405px; position: relative; float: left; overflow: hidden; }
.pro_d_img { width: 460px; height: 310px; border: 1px solid #d9d9d9; text-align: center; overflow: hidden; }
.pro_d_img ul { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; overflow: hidden; }
.pro_d_img ul li { width: 100%; height: 100%; font-size: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; }
.pro_d_img ul li img { vertical-align: middle; max-width: 100%; }
.pro_d_ico { width: 390px; height: 62px; position: absolute; bottom: 0; left: 50%; z-index: 10; margin: 0 0 0 -195px; overflow: hidden; }
.pro_d_ico ul { margin: 0; padding: 0; width: 10000%; height: 62px; overflow: hidden; }
.pro_d_ico ul li { width: 88px; height: 60px; border: 1px solid #d9d9d9; text-align: center; float: left; margin: 0 10px 0 0; overflow: hidden; }
.pro_d_ico ul li.active { border: 1px solid #e70012; }
.pro_d_ico ul li img { vertical-align: middle; max-width: 100%; max-height: 100%; }
.pro_d_btn { width: 460px; height: 62px; position: absolute; bottom: 0; left: 0; overflow: hidden; }
.pro_btn { display: block; width: 18px; height: 100%; cursor: pointer; overflow: hidden; }
.pro_prev { background: #d9d9d9 url('../images/prev.png') no-repeat center; float: left; }
.pro_next { background: #d9d9d9 url('../images/next.png') no-repeat center; float: right; }
.pro_btn:hover { background-color: #e70012; }

/*手机版 产品 切换*/
.pro_list { width: 100%; max-width: 460px; height: auto; margin: 0 auto; position: relative; z-index: 1; display: none; font-size: 0; overflow: hidden; }
.pro_list ul { width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box-webkit-transform:translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.pro_list ul li { width: 100%; height: 100%; text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -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; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; position: relative; }
.pro_list ul li img { max-width: 100%; }
.pro_c { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.pro_c.swiper-pagination-hidden { opacity: 0 }
.pro_c span { margin: 0 3px; display: block; width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #fff; }
.pro_c span { cursor: pointer }
.swiper-pagination-white span { background: #e70012; }
.pro_c .swiper-pagination-bullet-active { opacity: 1; background: #e70012; }
.pro_d_text { width: 420px; float: right; overflow: hidden; }
.pro_d_title { width: 100%; height: auto; margin: 0 0 10px; padding: 0 0 10px; color: #666; font-size: 14px; border-bottom: 1px dashed #d9d9d9; overflow: hidden; }
.pro_d_title h1 { width: 100%; height: auto; margin: 0; padding: 0; font-weight: normal; font-size: 24px; color: #333; }
.pro_d_txt { width: 100%; height: auto; font-size: 14px; color: #666; line-height: 30px; overflow: hidden; }
.pro_d_txt p { margin: 0; padding: 4px 0; }
.pro_d_txt img { max-width: 100%; }
.pro_d_txt table { font-size: 14px; width: 100%; color: #666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse; }
.pro_d_txt table th { border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9; }
.pro_d_txt table td { border-width: 1px; padding: 2px 4px; border-style: solid; border-color: #d9d9d9; text-align: center; }
.p_main_title { width: 100%; height: 50px; line-height: 50px; font-size: 0; background: #f3f3f3; overflow: hidden; }
.p_main_title span { display: inline-block; *display: inline; *zoom: 1; width: auto; height: 50px; padding: 0 25px; font-size: 16px; color: #666; overflow: hidden; }
.p_main_title span.active { background: #e70012; color: #fff; }
.p_main_title span:hover { background: #e70012; color: #fff; }
.pro_d_c { width: 100%; height: auto; font-size: 14px; color: #666; line-height: 36px; margin: 15px 0 0; display: none; overflow: hidden; }
.pro_d_c:first-child{display: block;}
.pro_d_c p { margin: 5px 0; padding: 0; }
.pro_d_c img { vertical-align: middle; max-width: 100%; }
.pro_d_c table { font-size: 14px; width: 100%; color: #666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse; }
.pro_d_c table th { border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9; }
.pro_d_c table td { border-width: 1px; padding: 2px 4px; border-style: solid; border-color: #d9d9d9; text-align: center; }
@media screen and (max-width:1220px) {
	.pro_d_switch { margin: 0 auto; float: initial; }
	.pro_d_text { width: 100%; float: initial; margin: 20px 0 0; }
	.pro_d_title { text-align: center; }
	.pro_d_title h1 { padding: 10px 0; }
}
@media screen and (max-width:991px) {
	.pro_d_switch { display: none; }
	.pro_list { display: block; }
}

/* 客户见证 */
.p_cas_box { width: 100%; height: auto; overflow: hidden; }
.p_cas_list { width: 100%; height: auto; margin: 20px 0 0; overflow: hidden; }
.p_cas_list ul { margin: 0; padding: 0; overflow: hidden; }
.p_cas_list ul li { width: 280px; height: auto; float: left; -webkit-margin: 0 calc((100% - 280px * 3) / 2) 0 0; -moz-margin: 0 calc((100% - 280px * 3) / 2) 0 0; margin: 0 calc((100% - 280px * 3) / 2) 0 0; overflow: hidden; }
.p_cas_list ul li:nth-child(3n) { margin-right: 0; }
.p_cas_list ul li .p_cas_img { width: 100%; height: 156px; text-align: center; background: #f5f5f5; overflow: hidden; }
.p_cas_list ul li .p_cas_img img { vertical-align: middle; max-width: 100%; }
.p_cas_list ul li .p_cas_text { width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 14px; overflow: hidden; }
.p_cas_list ul li .p_cas_text a { width: 100%; height: 50px; display: block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p_cas_list ul li .p_cas_text a:hover { color: #e70012; }
@media screen and (max-width:1199px) {
	.p_cas_list ul li { width: 32%; margin: 0 2% 0 0; }
	.p_cas_list ul li .p_cas_img { -webkit-height: calc((96vw - 260px) * 0.32 * 156 / 280); -moz-height: calc((96vw - 260px) * 0.32 * 156 / 280); height: calc((96vw - 260px) * 0.32 * 156 / 280); }
}
@media screen and (max-width:991px) {
	.p_cas_box { margin: 30px 0; }
	.p_cas_list { margin: 0; }
	.p_cas_list ul li .p_cas_img { -webkit-height: calc(96vw * 0.32 * 156 / 280); -moz-height: calc(96vw * 0.32 * 156 / 280); height: calc(96vw * 0.32 * 156 / 280); }
}
@media screen and (max-width:600px) {
	.p_cas_list ul li { width: 48%; margin: 0 !important; }
	.p_cas_list ul li:nth-child(2n) { float: right; }
	.p_cas_list ul li .p_cas_img { -webkit-height: calc(96vw * 0.48 * 156 / 280); -moz-height: calc(96vw * 0.48 * 156 / 280); height: calc(96vw * 0.48 * 156 / 280); }
}

/* 客户见证 详情 */
.p_cas_details { width: 100%; height: auto; overflow: hidden; }
.cas_d_title { width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #d9d9d9; font-size: 14px; color: #757575; text-align: center; overflow: hidden; }
.cas_d_title h1 { margin: 0; padding: 0 0 10px; font-weight: normal; font-size: 24px; color: #333; }
.hon_d_c { width: 100%; height: auto; margin: 5px 0 0; font-size: 14px; color: #666; line-height: 30px; overflow: hidden;  text-align: center;}
.hon_d_c img { max-width: 100%; }
.cas_d_c { width: 100%; height: auto; margin: 5px 0 0; font-size: 14px; color: #666; line-height: 30px; overflow: hidden; }
.cas_d_c p { margin: 0; padding: 4px 0; }
.cas_d_c img { max-width: 100%; }
.cas_d_c table { font-size: 14px; width: 100%; color: #666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse; }
.cas_d_c table th { border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9; }
.cas_d_c table td { border-width: 1px; padding: 2px 4px; border-style: solid; border-color: #d9d9d9; text-align: center; }
@media screen and (max-width:991px) {
	.cas_d_title { padding-top: 0; }
}

/*新闻中心*/
.p_new_box { width: 100%; height: auto; overflow: hidden; }
.p_new_list { width: 100%; height: auto; overflow: hidden; }
.p_new_list ul { margin: 0; padding: 0; }
.p_new_list ul li { height: auto; margin: 20px 0; overflow: hidden; }
.p_new_img { width: 200px; height: 140px; float: left; text-align: center; background: #fff; overflow: hidden; }
.p_new_img img { vertical-align: middle; max-width: 100%; }
.p_new_list ul li:hover .p_new_img img { -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
.p_new_text { -webkit-width: calc(100% - 220px); -moz-width: calc(100% - 220px); width: calc(100% - 220px); height: auto; float: right; color: #999; overflow: hidden; }
.p_new_title { width: 100%; height: 30px; line-height: 30px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p_new_title a { color: #333; }
.p_new_title a:hover { color: #e70012; }
.p_new_time { width: 100%; height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; }
.p_new_txt { width: 100%; height: 75px; font-size: 12px; line-height: 25px; overflow: hidden; }
@media screen and (max-width:991px) {
	.p_new_box { margin: 30px 0; }
	.p_new_list ul li:first-child { margin-top: 0; }
	.p_new_list ul li:last-child { margin-bottom: 0; }
}
@media screen and (max-width:768px) {
	.p_new_img { width: 30%; -webkit-height: calc(96vw * 0.3 * 140 / 200); -moz-height: calc(96vw * 0.3 * 140 / 200); height: calc(96vw * 0.3 * 140 / 200); }
	.p_new_text { width: 68%; }
	.p_new_txt { height: 50px; }
}
@media screen and (max-width:480px) {
	.p_new_img { width: 40%; -webkit-height: calc(96vw * 0.40 * 140 / 200); -moz-height: calc(96vw * 0.40 * 140 / 200); height: calc(96vw * 0.40 * 140 / 200); }
	.p_new_text { width: 56%; }
	.p_new_time { height: 20px; line-height: 20px; }
	.p_new_txt { height: 40px; line-height: 20px; margin: 5px 0 0; }
}

/* 新闻详情 */
.p_new_details { width: 100%; height: auto; overflow: hidden; }
.new_d_title { width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #d9d9d9; font-size: 14px; color: #757575; text-align: center; overflow: hidden; }
.new_d_title h1 { margin: 0; padding: 0 0 10px; font-weight: normal; font-size: 24px; color: #333; }
.new_d_c { width: 100%; height: auto; margin: 5px 0 0; font-size: 14px; color: #757575; line-height: 30px; overflow: hidden; }
.new_d_c p { margin: 0; padding: 4px 0; }
.new_d_c img { max-width: 100%; }
.new_d_c table { font-size: 14px; width: 100%; color: #757575; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse; }
.new_d_c table th { border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9; }
.new_d_c table td { border-width: 1px; padding: 2px 4px; border-style: solid; border-color: #d9d9d9; text-align: center; }
@media screen and (max-width:991px) {
	.new_d_title { padding-top: 0; }
}

/* 企业宣传片 */
.p_video_box { width: 100%; height: auto; margin: 30px 0; overflow: hidden; }
.p_video_c { width: 100%; height: auto; overflow: hidden; }
.p_video_play { width: 100%; max-width: 850px; height: 50%; margin: 0 auto; overflow: hidden; }
.p_video_title { width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #d9d9d9; text-align: center; font-weight: bold; font-size: 18px; color: #e70012; overflow: hidden; }
.p_video_list { width: 100%; height: auto; overflow: hidden; }
.p_video_list ul { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.p_video_list ul li { width: 140px; float: left; margin: 20px 14px 0 0; overflow: hidden; }
.p_video_list ul li:nth-child(6n) { margin-right: 0; }
.p_video_list ul li .p_video_img { width: 100%; height: 80px; text-align: center; overflow: hidden; }
.p_video_list ul li .p_video_img img { vertical-align: middle; max-width: 100%; }
.p_video_list ul li .p_video_text { width: 100%; height: 40px; margin: 4px 0 0; line-height: 20px; text-align: center; font-size: 12px; color: #333; overflow: hidden; }
.p_video_list ul li .p_video_text a { color: #333; }
.p_video_list ul li .p_video_text:hover a { color: #e70012; }
@media screen and (max-width:1220px) {
	.p_video_list ul li { width: 18%; margin-right: 2.5%; }
	.p_video_list ul li:nth-child(6n) { margin-right: 2.5%; }
	.p_video_list ul li:nth-child(5n) { margin-right: 0; }
	.p_video_list ul li .p_video_img { -webkit-height: calc((96vw - 260px) * 0.18 * 80 / 140); -moz-height: calc((96vw - 260px) * 0.18 * 80 / 140); height: calc((96vw - 260px) * 0.18 * 80 / 140); }
}
@media screen and (max-width:991px) {
	.p_video_list ul li { width: 32%; margin-right: 2%; }
	.p_video_list ul li:nth-child(5n) { margin-right: 2%; }
	.p_video_list ul li:nth-child(6n) { margin-right: 2%; }
	.p_video_list ul li:nth-child(3n) { margin-right: 0; }
	.p_video_list ul li .p_video_img { -webkit-height: calc(96vw * 0.32 * 80 / 140); -moz-height: calc(96vw * 0.32 * 80 / 140); height: calc(96vw * 0.32 * 80 / 140); }
}
@media screen and (max-width:768px) {
	.p_video_list ul li { width: 48%; margin-right: 0 !important; }
	.p_video_list ul li:nth-child(2n) { float: right; }
	.p_video_list ul li .p_video_img { -webkit-height: calc(96vw * 0.48 * 80 / 140); -moz-height: calc(96vw * 0.48 * 80 / 140); height: calc(96vw * 0.48 * 80 / 140); }
}

/* 技术文库 */
.p_support_box { width: 100%; height: auto; margin: 15px 0 0; overflow: hidden; }
.p_support_list { width: 100%; height: auto; overflow: hidden; }
.p_support_list ul { margin: 0; padding: 0; overflow: hidden; }
.p_support_list ul li { width: 100%; height: 20px; padding: 15px 0; border-bottom: 1px dashed #d9d9d9; line-height: 20px; font-size: 12px; color: #757575; overflow: hidden; }
.p_support_list ul li a { width: 70%; height: 20px; display: block; float: left; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p_support_list ul li a:hover { color: #e70012; }
.p_support_list ul li span { float: right; }
@media screen and (max-width:991px) {
	.p_support_box { margin: 15px 0 30px; }
}
@media screen and (max-width:480px) {
	.p_support_list ul li { height: auto; }
	.p_support_list ul li a { width: 100%; height: auto; margin: 0 0 5px; float: initial; white-space: normal; }
	.p_support_list ul li span { float: initial; }
}

/* 技术文库 详情 */
.p_support_details { width: 100%; height: auto; overflow: hidden; }
.support_d_title { width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #d9d9d9; font-size: 14px; color: #757575; text-align: center; overflow: hidden; }
.support_d_title h1 { margin: 0; padding: 0 0 10px; font-weight: normal; font-size: 24px; color: #333; }
.support_d_c { width: 100%; height: auto; margin: 5px 0 0; font-size: 14px; color: #757575; line-height: 30px; overflow: hidden; }
.support_d_c p { margin: 0; padding: 4px 0; }
.support_d_c img { max-width: 100%; }
.support_d_c table { font-size: 14px; width: 100%; color: #757575; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse; }
.support_d_c table th { border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9; }
.support_d_c table td { border-width: 1px; padding: 2px 4px; border-style: solid; border-color: #d9d9d9; text-align: center; }
@media screen and (max-width:991px) {
	.support_d_title { padding-top: 0; }
}

/* 荣誉资质 */
.p_honor_box { width: 100%; height: auto; overflow: hidden; }
.p_honor_list { width: 100%; height: auto; margin: 20px 0 0; overflow: hidden; }
.p_honor_list ul { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.p_honor_list ul li { width: 200px; height: auto; float: left; -webkit-margin: 0 calc((100% - 800px) / 3) 0 0; -moz-margin: 0 calc((100% - 800px) / 3) 0 0; margin: 0 calc((100% - 800px) / 3) 0 0; overflow: hidden; }
.p_honor_list ul li:nth-child(4n) { margin-right: 0; }
.p_honor_list ul li .p_honor_img { width: 198px; height: 282px; border: 1px solid #d9d9d9; text-align: center; overflow: hidden; }
.p_honor_list ul li .p_honor_img img { vertical-align: middle; max-width: 100%; }
.p_honor_list ul li .p_honor_text { width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 14px; overflow: hidden; }
.p_honor_list ul li .p_honor_text a { color: #333; }
.p_honor_list ul il .p_honor_text a:hover { color: #e70012; }
@media screen and (max-width:1170px) {
	.p_honor_list ul li { width: 23.5%; height: auto; margin: 0 2% 0 0; }
	.p_honor_list ul li .p_honor_img { -webkit-width: calc(100% - 2px); -moz-width: calc(100% - 2px); width: calc(100% - 2px); -webkit-height: calc(((96vw - 280px) * 0.235 - 2px) * 282 / 198); -moz-height: calc(((96vw - 280px) * 0.235 - 2px) * 282 / 198); height: calc(((96vw - 280px) * 0.235 - 2px) * 282 / 198); }
}
@media screen and (max-width:991px) {
	.p_honor_box { margin: 30px 0; }
	.p_honor_list { margin: 0; }
	.p_honor_list ul li { width: 23.5%; height: auto; margin: 0 2% 0 0; }
	.p_honor_list ul li .p_honor_img { -webkit-height: calc((96vw * 0.235 - 2px) * 282 / 198); -moz-height: calc((96vw * 0.235 - 2px) * 282 / 198); height: calc((96vw * 0.235 - 2px) * 282 / 198); }
}
@media screen and (max-width:768px) {
	.p_honor_list ul li { width: 32%; height: auto; margin: 0 2% 0 0; }
	.p_honor_list ul li:nth-child(3n) { margin-right: 0; }
	.p_honor_list ul li:nth-child(4n) { margin-right: 2%; }
	.p_honor_list ul li .p_honor_img { -webkit-height: calc((96vw * 0.32 - 2px) * 282 / 198); -moz-height: calc((96vw * 0.32 - 2px) * 282 / 198); height: calc((96vw * 0.32 - 2px) * 282 / 198); }
}
@media screen and (max-width:480px) {
	.p_honor_list ul li { width: 48%; height: auto; margin: 0 !important; }
	.p_honor_list ul li:nth-child(2n) { float: right; }
	.p_honor_list ul li .p_honor_img { -webkit-height: calc((96vw * 0.48 - 2px) * 282 / 198); -moz-height: calc((96vw * 0.48 - 2px) * 282 / 198); height: calc((96vw * 0.48 - 2px) * 282 / 198); }
}

/* 联系我们 */
.p_con_box { width: 100%; height: auto; overflow: hidden; }
.p_con_c { width: 100%; height: auto; margin: 20px 0 0; overflow: hidden; }
.p_con_title { width: 100%; height: auto; font-size: 24px; color: #333; overflow: hidden; }
.p_con_text { width: 100%; height: auto; margin: 5px 0 0; font-size: 14px; color: #757575; line-height: 30px; overflow: hidden; }
.p_con_text p { margin: 0; padding: 4px 0; }
.p_con_text img { max-width: 100%; }
.p_con_text table { font-size: 14px; width: 100%; color: #757575; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse; }
.p_con_text table th { border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9; }
.p_con_text table td { border-width: 1px; padding: 2px 4px; border-style: solid; border-color: #d9d9d9; text-align: center; }
.p_con_map { width: 100%; height: 300px; margin: 20px 0 0; border: 1px solid #d9d9d9; box-sizing: border-box; overflow: hidden; }
@media screen and (max-width:991px) {
	.p_con_box { margin: 30px 0; }
	.p_con_c { margin: 0; }
}

/* 按钮 */
.list { width: 100%; height: 36px; line-height: 36px; font-size: 14px; text-align: center; padding: 30px 0px 10px; font-size: 0; overflow: hidden; }
.list a { display: inline-block; background: #bbb; color: #fff; padding: 0 14px; margin: 0 5px; font-size: 14px; }
.list span { display: inline-block; color: #999; padding: 0px; margin: 0 5px; font-size: 12px; }
.list a.active { background: #e70012; }
.list a:hover { background: #e70012; }

/*手机版页码*/
.m_list { width: 100%; height: auto; line-height: 50px; font-size: 14px; text-align: center; padding: 20px 0px 0; font-size: 0; display: none; }
.m_list a { display: inline-block; background: #bbb; color: #fff; padding: 0 22px; margin: 0 5px; font-size: 14px; border-radius: 5px; vertical-align: top; }
.m_list a.active { background: #e70012; }
.m_list a:hover { background: #e70012; }
.m_list span { display: inline-block; height: 100%; font-size: 18px; color: #999; font-family: '宋体'; padding: 0 3px; vertical-align: top; }
.m_list .list_show { width: 50px; padding: 0; text-align: center; }
.m_list .list_show img { vertical-align: middle; max-width: 50%; }

/*手机版弹出分页*/
.list_nav { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 9999; opacity: 0; filter: alpha(opacity=0); display: none; overflow: hidden; }
.list_nav ul { width: 96%; height: auto; max-height: 65%; margin: 0 auto; padding: 0; overflow: hidden; overflow-y: auto; }
.list_nav ul li { width: 18%; height: 60px; margin: 1%; background: #fff; float: left; text-align: center; line-height: 60px; border-radius: 5px; overflow: hidden; }
.list_nav ul li a { display: block; width: 100%; height: 100%; font-size: 14px; color: #666; }
.list_nav ul li a.active { background: #e70012; color: #fff; }
.list_close { width: 40px; height: 40px; margin: 20px auto; text-align: center; position: relative; overflow: hidden; }
.list_close i { width: 2px; height: 100%; display: block; background: #fff; position: absolute; top: 0; left: 50%; margin: 0 0 0 -1px; }
.list_close i.close_l { transform: rotateZ(45deg); }
.list_close i.close_r { transform: rotateZ(-45deg); }
@media screen and (max-width:991px) {
	.list { display: none; }
	.m_list { display: block; }
	.list_nav { display: block; }
}
#mapshowbox{width:100%; height:500px;}
#mapshowbox_big{width:100%; height:100%; position:absolute;}
.goto_bigmap{width:100%; height:46px; padding-bottom:10px;}
.goto_bigmap a{display:inline-block; width:100%; height:46px; line-height:46px; font-size:20px; font-family: Arial, "微软雅黑"; text-align:center; color:#fff; background:#ff7000; text-decoration:none;}
.goto_bigmap a:hover{background:#ff6000;}

*html{background-image:url(about:blank); background-attachment:fixed;}
.bottom_tools{position:fixed; z-index:999; right:0px; top:200px; _position:absolute;}
.bottom_tools_mid {top:50%; margin-top:-100px;}
.bottom_tools *{display:block; color:transparent;border:0;background-color:transparent;text-shadow:none;}
.cl_kefubtn_1{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px 0px; margin-bottom:1px;}
.cl_kefubtn_2{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -45px; cursor:pointer; overflow:hidden;  margin-bottom:1px;}
.cl_kefubtn_2_en{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -225px; cursor:pointer; overflow:hidden;  margin-bottom:1px;}
.cl_kefubtn_3{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -90px; cursor:pointer; overflow:hidden; margin-bottom:1px;}
.cl_kefubtn_4{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -135px;cursor:pointer;}
.cl_kefubtn_4_en{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -135px;cursor:pointer;}
#cl_gotop{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -180px;display:none; margin-top:1px;}
.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; zoom:expression( function(elm) { if (elm.width>110) { var oldVW = elm.width; elm.width=110; elm.height = elm.height*(110 /oldVW); } elm.style.zoom = '1'; }(this));}
.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; zoom:expression( function(elm) { if (elm.width>110) { var oldVW = elm.width; elm.width=110; elm.height = elm.height*(110 /oldVW); } elm.style.zoom = '1'; }(this));}
.qr_menu{position:absolute;top:46px; left:-180px; width:180px; height:auto; display:none; text-align:right;}
.qr_menu a{display:inline-block; width:100px; padding-left:58px; height:45px; float:left; color:#666; font-size:14px; font-family:Arial, "Microsoft Yahei"; 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.kefu_qq{background:url(../images/kefu_qq.png) no-repeat 20px #FFF;}
.qr_menu a.kefu_ww{background:url(../images/kefu_ww.png) no-repeat 20px #FFF;}
.qr_menu a.kefu_sk{background:url(../images/kefu_sk.png) no-repeat 20px #FFF;}
.qr_menu span{display:inline-block; width:180px; height:auto; float:left; color:#FFF; font-size:16px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}
.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; font-family:Arial, "Microsoft Yahei"; 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; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}
@media screen and (max-width: 991px) {.bottom_tools{display: none;}}
/* 定义在线客服 */