@charset "utf-8";
/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
font-size
12px 0.75rem
14px 0.875rem
16px 0.1rem
18px 1.125rem
20px 1.25rem
22px 1.375rem
24px 1.5rem
26px 1.625rem
28px 1.75rem
30px 1.5rem
32px 2rem
*/


@font-face {
  font-family: "opens";
  src: url("font/OPENSANS/OPENSANS-REGULAR.woff2") format("woff2"),
       url("font/OPENSANS/OPENSANS-REGULAR.woff") format("woff"),
       url("font/OPENSANS/OPENSANS-REGULAR.ttf") format("truetype"),
       url("font/OPENSANS/OPENSANS-REGULAR.eot") format("embedded-opentype"),
       url("font/OPENSANS/OPENSANS-REGULAR.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
html, body { font-size: 16px; font-family: opens; color: #333;}
.body{ width: 100%;}
.pro_body{ padding-top: 0.40625rem;}
*{ outline:none;}
.w750{ max-width: 750px; min-width: 375px; margin: 0px auto;}

body .wide{ margin: 0 auto; width: 94.6667%;}

.img img{ max-width: 100%; max-height: 100%;}

/*product_catecory_background*/
.show{ display: block;}
.hide{ display: none;}

/*header*/
.header{ position: relative; padding: 0.8125rem 0; width:100%; height: 3.375rem;}
.header .logo{ display: inline-block; width: 15.75rem; height: 100%;}
.header .logo img{ max-width: 100%; max-height: 100%;}
.header .menu_btn{ display: block; position: relative; width: 1.375rem; height: 100%; line-height: 3.375rem; z-index: 10;}
.header .menu_btn .btn{ display: block; width: 100%; height: 4px; background-color: #2060a9; border-radius: 2px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: swing; transition-timing-function: swing;}
.header .menu_btn .btn:before, 
.header .menu_btn .btn:after{ width: 1.375rem; height: 4px; background-color: #2060a9; border-radius: 2px; content: ""; position: absolute; left: 0; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: swing; transition-timing-function: swing;}
.header .menu_btn .btn:before{ top: -6px;}
.header .menu_btn .btn:after{ top: 6px;}
.header .menu_btn.open .btn{ width: 0; background: #fff;}
.header .menu_btn.open .btn:before { background: #fff; -webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg);}
.header .menu_btn.open .btn:after { background: #fff; -webkit-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg);}
/*
.header{ padding: 0.8125rem 0; width:100%;}
.header .logo{ display: inline-block; width: 15.75rem; height: 3.375rem;}
.header .logo img{ max-width: 100%; max-height: 100%;}
.header .header_contact{ float: right; margin-right: 0.1625rem;}
.header .header_contact span{ float: left; display: inline-block; height: 0.71875rem; line-height: 0.825rem; font-size: 0.1125rem; color: #fea300;}
.header .header_contact span a{ color: #fea300; font-size: 0.15rem;}
.header .header_contact .tel{ background: url('/mobile/images/mobile_tel.png') no-repeat left center; background-size: 0.15625rem 0.15625rem; text-indent: 0.1875rem;}
.header .header_contact .separator{ background: url('/mobile/images/separator.png') no-repeat center; width: 0.0125rem; margin: 0 0.0625rem; background-size: 0.1375rem 0.1375rem;}
.header .header_contact .phone{ background: url('/mobile/images/mobile_phone.png') no-repeat left center; text-indent: 0.1875rem; margin-right: 0.15625rem; background-size: 0.15625rem 0.15625rem;}
.header .header_contact .menu_img{ background: url('/mobile/images/mobile_header_menu_img.png') no-repeat center; width: 0.2rem; position: relative; cursor: pointer; background-size: 0.19375rem 0.19375rem;}
.header .header_contact .menu_img .menu_list{ width: 0.875rem; height: 0.75rem; background: #ffbd04; position: absolute; top: 0.5rem; right: 0; line-height: 0.25rem; display: none; z-index:100001;}
.header .header_contact .menu_img .menu_list .header_menu{ height: 33%; display: block; border-bottom: 0.00625rem solid #d7a813; text-align: center;}
.header_pro_cate{ width: 100%; background: #ffbd04; position: fixed; top: 0; left: 0; z-index:100001;}
.header_pro_cate a{ display: block; width: 24%; line-height: 0.36875rem; text-align: center; font-size: 0.1125rem; background: url('/mobile/images/menu_separator.jpg') no-repeat right top; float: left;}
.header_pro_cate .pro_cate_img{ margin-top: 0.04375rem;}
.header_pro_cate .pro_cate_img img{ width: 0.26875rem;}
.header_pro_cate .header_pro_cate_list{ background: #ffbd04; width: 100%; overflow: hidden; display: none;}
*/

#turn_page{ display: flex; justify-content: center; margin: 1.25rem 0 1.875rem; min-height: 1.875rem; height: auto; line-height: 1.875rem; text-align: center;}
#turn_page a,
#turn_page font{ display: inline-block; width: 1.875rem; height: 1.875rem; border: 1px solid #e1e1e1; font-size: 0.875rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
#turn_page .page_item{ margin: 0; padding: 0;}
#turn_page .page_item_current{ margin: 0; padding: 0; background: #eee; border-color: #e1e1e1; color: #f00000;}
#turn_page .page_button{ padding: 0;}
#turn_page .page_button:last-child{ margin-left: 4px;}

.menu_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 5; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-duration: .5s; transition-duration: .5s;}
.menu_outer.open{ -webkit-transform: translateX(0); transform: translateX(0);}
.menu_outer .menu_in{ width: 326px; height: 100%; background: #fff; overflow-y: auto;}
.menu_outer .menu_in .menu{ margin: 0 auto; width: 95%; height: 100%;}
.menu_outer .menu_in .menu .menu_item{ position: relative; width: 100%; border-bottom: 1px solid #f3f3f3;}
.menu_outer .menu_in .menu .menu_item .menu_item_btn{ display: block; position: relative; width: 100%; line-height: 2.9375rem; font-size: 0.9375rem; color: #000; text-decoration: none;}
.menu_outer .menu_in .menu .menu_item .menu_item_btn .select_btn{ display: block; content: ''; cursor: pointer; width: 0.5625rem; height: 0.5625rem; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-bottom: 1px solid #858585; border-right: 1px solid #858585; position: absolute; top: 50%; right: 0.9375rem; cursor: pointer; opacity: 1; -webkit-transition: opacity .2s ease-in-out, transform .3s ease-in-out .2s; transition: opacity .2s ease-in-out, transform .3s ease-in-out .2s;}
.menu_outer .menu_in .menu .menu_item.cur .menu_item_btn .select_btn{ border-color: #3c74b4; -webkit-transform: translateY(-50%) rotate(-135deg); -ms-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg);}
.menu_outer .menu_in .menu .menu_item .cate_list{ padding-bottom: 0.4375rem; width: 100%; height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s;}
.menu_outer .menu_in .menu .menu_item .cate_list .cate_item{ width: 100%;}
.menu_outer .menu_in .menu .menu_item .cate_list .cate_item .cate_item_a{ display: block; width: 100%; height: 2.5rem; line-height: 2.5rem; font-size: 14px; color: #737373; text-decoration: none;}

.mid_ban{ padding: 0.875rem 1.25rem; width: 100%; background: #2060a9; -webkit-box-sizing: border-box; box-sizing: border-box;}
.mid_ban .search_form{ width: 80%; height: 1.875rem; background: #fff; -webkit-border-radius: 0.9375rem; border-radius: 0.9375rem;}
.mid_ban .search_form .text{ padding: 0 0.9375rem; width: calc(100% - 2.5rem); height: 100%; line-height: 1.875rem; background: none; border: 0; font-size: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.mid_ban .search_form .text::-webkit-input-placeholder { font-size: 0.625rem;}
.mid_ban .search_form .text::-moz-placeholder { font-size: 0.625rem;}
.mid_ban .search_form .text:-ms-input-placeholder { font-size: 0.625rem;}
.mid_ban .search_form .text:-moz-placeholder { font-size: 0.625rem;}
.mid_ban .search_form .btn{ width: 2.5rem; height: 100%; border: 0; background: url('/mobile/images/search_icon.png') no-repeat center / auto 70%;}
.mid_ban .language{ height: 1.875rem;}

.footer{ padding: 0.5rem 1.25rem 0; width: 100%; background: #2060a9; -webkit-box-sizing: border-box; box-sizing: border-box;}
.footer .title{ width: 100%; height: 2.3125rem; line-height: 2.3125rem; font-size: 1.0625rem; color: #fff;}
.footer .footer_nav{ width: 100%;}
.footer .footer_nav .nav_item{ display: block; width: 100%; height: 2.4375rem; line-height: 2.4375rem; border-bottom: 1px solid #2966ac; font-size: 0.875rem; color: #bccfe5; overflow: hidden;}
.footer .footer_info{ padding: 1.75rem 0 1rem; text-align: center;}
.footer .footer_info .copyright{ width: 100%; line-height: 1.3125rem; font-size: 0.875rem; color: #bccfe5;}
.footer .footer_info .site_map{ margin-top: 0.3125rem; width: 100%; line-height: 1.3125rem; font-size: 0.875rem; color: #bccfe5;}
.footer .footer_info .icp_num{ margin-top: 0.3125rem; width: 100%; line-height: 1.3125rem; font-size: 0.875rem; color: #bccfe5;}
.footer .footer_info .f_support,
.footer .footer_info .f_support a{ margin-top: 0.3125rem; width: 100%; line-height: 1.3125rem; font-size: 0.875rem; color: #bccfe5;}
.banner{ position: relative;}
.banner img{ max-width: 100%; max-height: 100%;}
.banner .mobile_banner_btn{ position: absolute; right: 1.09375rem; bottom: 0.375rem;}
.banner .mobile_banner_btn .banner_btn_img{ width: 0.7rem; height: 0.1875rem;}
.banner .banner_img{ display: block;}
.banner .item_img{ display: block; width: 100%;}

.banner_in{ width: 100%; text-align: center;}
.banner_in img{ max-width: 100%; max-height: 100%;}

/*banner_feedback*/
.banner_feedback{ width: 100%; height: 100%; overflow: hidden;}
.banner_feedback .feedback_top_title{ font-size: 0.125rem; color: black; height: 0.3125rem; line-height: 0.3125rem; text-indent: 0.09375rem;}
.banner_feedback .feedback_left{ float: left; width: 32%; height: 2.14375rem; margin-right: 0.00625rem; background: url('/images/feedback_bg.png') repeat left top;}
.banner_feedback .feedback_right{ float: left; width: 2.7125rem; height: 100%;}
.banner_feedback .feedback_left .feedback_list{ display: block; width: 100%; height: 0.2625rem; text-indent: 0.1875rem; border-bottom: 1px dashed #706f6f; color: white; line-height: 0.2625rem; overflow: hidden; font-size: 0.09375rem;}

.banner_feedback .feedback_title{ width: 100%; height: 0.275rem; line-height: 0.275rem; background: url('/images/feedback_bg.png') repeat left top; font-size: 0.1125rem; color: white; margin-bottom: 0.00625rem; text-indent: 0.1125rem;}
.banner_feedback .feedback_content{ width: 100%; height: 1.6125rem; background: url('/images/feedback_bg.png') repeat left top; font-size: 0.1125rem; color: white; padding-top: 0.25rem;}
.banner_feedback .feedback_content #lib_feedback_form .rows{ margin: 0.09375rem 0; clear: both; position: relative;}
.banner_feedback .feedback_content #lib_feedback_form .rows .prompt{ position: absolute; top: 0.00625rem; right: 0.3rem; width: auto;}
.banner_feedback .feedback_content #lib_feedback_form .rows label{ width: 32%; overflow: hidden; float: left; height: 0.1375rem; line-height: 0.1375rem; color: white; margin-top: 0.0125rem;}
.banner_feedback .feedback_content #lib_feedback_form .rows .form_input{ border: 0.00625rem solid #7d7d7b; height: 0.16875rem; padding: 0 0.09375rem; width: 54%;}
.banner_feedback .feedback_content #lib_feedback_form .rows .form_gory_button{ width: 1.34375rem; height: 0.25rem; background: url('/images/feedback_btn.png') no-repeat left top; margin-top: 0.0625rem; cursor: pointer; background-size: 1.34375rem 0.25rem;}
.feed_cur{ background: url('/images/feedback_list_bg.jpg') repeat-x left top; height: 0.2625rem; border-bottom: none !important; color: black !important;}

.index{ width: 100%;}
.index .index_item{ padding: 0.8125rem 0 0;}
.index .index_item .i_title{ width: 100%; font-size: 1.375rem; color: #271663; text-align: center;}
.index_item .more_btn{ display: block; position: relative; margin-top: 0.625rem; width: 100%; height: 1.5rem; background: url(/mobile/images/i_more_btn_bg.png) no-repeat center / 100% auto;}
.index_item .more_btn:before{ display: block; content: ''; position: absolute; left: 50%; top: 0; width: 1.5625rem; height: 1.5625rem; background: #2060a9; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.index_item .more_btn:after{ display: block; content: ''; position: absolute; left: 50%; top: 60%; width: 0.6875rem; height: 0.4375rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.index_item .more_btn.close:after{ position: absolute; left: 50%; top: 50%; background: url(/mobile/images/i_more_btn_close.png) no-repeat center / 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.index_item .more_btn.open:after{ position: absolute; left: 50%; top: 50%; background: url(/mobile/images/i_more_btn_open.png) no-repeat center / 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.index .pro_cate .cate_list{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0.625rem; margin-top: 0.625rem; width: 100%;}
.index .pro_cate .cate_list .cate_item{ display: block; height: 2.25rem; line-height: 2.25rem; background: #2060a9; font-size: 0.875rem; color: #fff; text-align: center; overflow: hidden;}
.index .about .con{ margin-top: 0.25rem;}
.index .about .con .content{ width: 100%; height: 245px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;}
.index .about .con .content .content_in{ width: 100%;}

.index .products .pro_list{ margin-top: 0.3125rem; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;}
.index .products .pro_list .pro_item{ display: flex; justify-content: space-between; align-items: center; margin-top: 0.625rem; padding: 0.625rem; width: 100%; background: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index .products .pro_list .pro_item:first-child{ margin-top: 0.3125rem;}
.index .products .pro_list .pro_item .img{ width: 25.0667vw; height: 25.0667vw;}
.index .products .pro_list .pro_item .img a{ display: block; width: 100%; height: 100%;}
.index .products .pro_list .pro_item .info{ width: calc(100% - 25.0667vw);}
.index .products .pro_list .pro_item .info .title{ display: block; width: 100%; height: 1.375rem; line-height: 1.375rem; overflow: hidden;}
.index .products .pro_list .pro_item .info .brief{ display: block; margin-top: 0.375rem; width: 100%; line-height: 1.3125rem; text-decoration: none;}
.index .products .pro_list .pro_item .info .btn{ display: inline-block; margin: 0.625rem 0; padding: 0.625rem; line-height: 0.8rem; background: #4db035; border-radius: 3px; color: #fff; font-size: 0.875rem;}
.index .products .pro_list .pro_item .info .brief .row{ font-size: 0.875rem; color: #737373;}

.index .news{ margin-top: 1.25rem; width: 100%;}
.index .news .news_list{ margin-top: 0.625rem; width: 100%;}
.index .news .news_item{ padding: 0.625rem 0; width: 100%; border-bottom: 0.625rem solid #f7f7f7;}
.index .news .news_item:first-child{ border-top: 0.625rem solid #f7f7f7;}
.index .news .news_item .date{ padding-left: 1.25rem; width: 100%; height: 1.25rem; line-height: 1.35rem; background: url('/mobile/images/time_icon.png') no-repeat left center / auto 80%; font-size: 0.875rem; color: #737373; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index .news .news_item .title{ margin-top: 0.4375rem; width: 100%; line-height: 1.3125rem; font-size: 0.875rem; color: #000;}

.index .service{ margin-top: 1.5625rem;}
.index .service .con{ width: 100%;}
.index .service .con .text{ width: 100%; line-height: 1.3125rem; font-size: 0.875rem; color: #000;}
.index .service .con .img_list{ display: flex; margin-top: 0.625rem; width: 100%;}
.index .service .con .img_list .img{ margin-left: 0.3125rem; width: 22.6667vw;}
.index .service .con .img_list .img:first-child{ margin-left: 0;}

.index .contact{ padding-bottom: 1.875rem;}
.index .contact .con{ width: 100%;}
.index .contact .con .text{ width: 100%;}
.index .contact .con .text .row{ margin-top: 0.4375rem; line-height: 1.3125rem; font-size: 0.875rem; color: #000;}
.index .contact .con .contact_info{ margin-top: 1rem; width: 100%;}
.index .contact .con .contact_info .row{ margin-top: 0.3125rem; width: 100%; height: 2.1875rem;}
.index .contact .con .contact_info .row .icon{ width: 6.25rem; height: 100%; background: #f7f7f7;}
.index .contact .con .contact_info .row .info_row{ padding-left: 2.5rem; width: calc(100% - 6.5625rem); line-height: 2.1875rem; background: #f7f7f7; font-size: 0.875rem; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index .contact .con .contact_info .row.phone .icon{ background: url('/mobile/images/phone_icon.png') no-repeat center #f7f7f7 / auto 70%;}
.index .contact .con .contact_info .row.fax .icon{ background: url('/mobile/images/fax_icon.png') no-repeat center #f7f7f7 / auto 70%;}
.index .contact .con .contact_info .row.email .icon{ background: url('/mobile/images/email_icon.png') no-repeat center #f7f7f7 / auto 50%;}

.pro_body .pro_cate{ margin-top: 0.8125rem;}
.pro_body .pro_cate .cate_title{ width: 100%; height: 2.25rem; line-height: 2.25rem; font-size: 1.375rem; color: #271663; text-align: center;}
.pro_body .pro_cate .cate_list{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0.625rem; margin-top: 0.625rem; width: 100%;}
.pro_body .pro_cate .cate_list .cate_item{ display: block; height: 2.25rem; line-height: 2.25rem; background: #2060a9; font-size: 0.875rem; color: #fff; text-align: center; overflow: hidden;}
.pro_body .pro_cate .cate_list .cate_item.cur{ background: #81c348;}
.pro_body .cate_brief{ margin-top: 1.25rem;}
.pro_body .cate_brief .content{ height: 184px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s;}
.pro_body .cate_brief .title{ width: 100%; line-height: 25px; font-size: 1.375rem; color: #271663; text-align: center;}
/*.pro_body .cate_brief .text{ margin-top: 0.5rem; width: 100%; line-height: 1.3125rem; font-size: 0.875rem; color: #000; overflow: hidden;}*/
/*.pro_body .cate_brief.have_btn .text{ height: 126px;}*/
/*.pro_body .cate_brief .text.open{ height: auto;}*/
.pro_body .index_pro_list{ margin-top: 0.8125rem;}
.pro_body .index_pro_list .no_products{ color: #999; text-align: center;}
.pro_body .index_pro_list .pro_item{ display: flex; justify-content: space-between; align-items: center; margin-top: 0.625rem; padding: 0.625rem; width: 100%; background: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pro_body .index_pro_list .pro_item:first-child{ margin-top: 0.3125rem;}
.pro_body .index_pro_list .pro_item .img{ width: 25.0667vw; height: 25.0667vw;}
.pro_body .index_pro_list .pro_item .img a{ display: block; width: 100%; height: 100%;}
.pro_body .index_pro_list .pro_item .info{ width: calc(100% - 25.0667vw);}
.pro_body .index_pro_list .pro_item .info .title{ display: block; width: 100%; height: 1.375rem; line-height: 1.375rem; overflow: hidden;}
.pro_body .index_pro_list .pro_item .info .brief{ display: block; margin-top: 0.375rem; width: 100%; line-height: 1.3125rem; text-decoration: none;}
.pro_body .index_pro_list .pro_item .info .btn{ display: inline-block; margin: 0.625rem 0; padding: 0.625rem; line-height: 0.8rem; background: #4db035; border-radius: 3px; color: #fff; font-size: 0.875rem;}
.pro_body .index_pro_list .pro_item .info .brief .row{ font-size: 0.875rem; color: #737373;}

.pro_body .img_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.pro_body .img_outer .img_in{ position: absolute; left: 50%; top: 50%; width: 92vw; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.pro_body .img_outer .img_in img{ max-width: 100%; max-height: 100%;}
.pro_body .img_outer.open{ -webkit-transform: translateX(0); transform: translateX(0);}

.detail_top{ padding-top: 0.625rem 0 1.625rem; width: 100%; background: #f7f7f7;}
.detail_top .detail_info{ display: flex; justify-content: space-between; align-items: center;}
.detail_top .left{ width: calc(100% - 7.625rem);}
.detail_top .left .pro_detail_title{ width: 100%; line-height: 2.125rem; font-size: 1.1875rem; color: #000;}
.detail_top .left .pro_detail_brief{ margin-top: 0.3125rem; width: 100%;}
.detail_top .left .pro_detail_brief .row{ width: 100%; line-height: 1.875rem; font-size: 0.875rem; color: #000;}
.detail_top .right{ width: 7.625rem;}
.detail_top .right img{ max-width: 100%; max-height: 100%;}
.product_detail_list{ padding-bottom: 1.875rem;}
.product_detail_list .contact_info{ margin-top: 1rem; width: 100%;}
.product_detail_list .contact_info .row{ margin-top: 0.3125rem; width: 100%; height: 2.1875rem;}
.product_detail_list .contact_info .row .icon{ width: 6.25rem; height: 100%; background: #f7f7f7;}
.product_detail_list .contact_info .row .info_row{ padding-left: 2.5rem; width: calc(100% - 6.5625rem); line-height: 2.1875rem; background: #dedede; font-size: 0.875rem; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product_detail_list .contact_info .row.inquiry .icon{ background: url('/mobile/images/inquiry_icon.png') no-repeat center #dedede / auto 60%;}
.product_detail_list .contact_info .row.phone .icon{ background: url('/mobile/images/phone_icon.png') no-repeat center #dedede / auto 70%;}
.product_detail_list .contact_info .row.email .icon{ background: url('/mobile/images/email_icon.png') no-repeat center #dedede / auto 50%;}
.pro_body .description{ width: 100%;}
.pro_body .description .desc{ padding: 1.3125rem 0; width: 100%; border-top: 0.624rem solid #f7f7f7;}
.pro_body .description .desc:first-child{ border-top: 0;}
.pro_body .description .share{ width: 100%; height: 1.875rem;}
.pro_body .description .share .wide{ height: 100%;}
.pro_body .description .share .wide img{ max-width: 100%; max-height: 100%;}

.service_body{ width: 100%;}
.service_body .page_title{ margin-top: 0.9375rem; width: 100%; height: 2.25rem; line-height: 2.25rem; font-size: 1.375rem; color: #271663; text-align: center;}
.service_body .service_list{ margin-top: 0.8125rem; width: 100%;}
.service_body .service_list .service_item{ padding: 0.625rem 0; width: 100%; min-height: 1.25rem; border-bottom: 0.625rem solid #f7f7f7;}
.service_body .service_list .service_item:first-child{ border-top: 0.625rem solid #f7f7f7;}
.service_body .service_list .service_item .title{ display: block; padding-left: 1.3125rem; height: 100%; line-height: 1.25rem; background: url(/mobile/images/services_icon.png) no-repeat left 0.15rem / 0.875rem; font-size: 0.875rem; color: #000; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
.service_body .service_list .service_item.literature .title{ background-image: url(/mobile/images/literature_icon.png);}

.info_body{ width: 100%;}
.info_body .page_title{ margin-top: 0.9375rem; width: 100%; height: 2.25rem; line-height: 2.25rem; font-size: 1.375rem; color: #271663; text-align: center;}
.info_body .info_list{ margin-top: 0.625rem; width: 100%;}
.info_body .info_item{ padding: 0.625rem 0; width: 100%; border-bottom: 0.625rem solid #f7f7f7;}
.info_body .info_item:first-child{ border-top: 0.625rem solid #f7f7f7;}
.info_body .info_item .date{ padding-left: 1.25rem; width: 100%; height: 1.25rem; line-height: 1.35rem; background: url('/mobile/images/time_icon.png') no-repeat left center / auto 80%; font-size: 0.875rem; color: #737373; -webkit-box-sizing: border-box; box-sizing: border-box;}
.info_body .info_item .title{ margin-top: 0.4375rem; width: 100%; line-height: 1.3125rem; font-size: 0.875rem; color: #000;}

.info_detail{ padding: 1rem 0;}

.feedback_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10; -webkit-transition: all 0.3s; transition: all 0.3s;-webkit-transform: translateX(-100%); transform: translateX(-100%);}
.feedback_outer.open{ -webkit-transform: translateX(0); transform: translateX(0);}
.feedback_outer .feedback_in{ position: absolute; left: 0; top: 0; padding: 0.625rem; width: 326px; height: 100%; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.feedback_outer .feedback_in .title{ width: 100%; height: 2rem; line-height: 2rem; font-size: 1.0625rem; color: #000;}
.feedback_outer .feedback_in form{ margin-top: 0.875rem; width: 100%;}
.feedback_outer .feedback_in form .rows{ margin-top: 0.625rem; width: 100%; height: 1.875rem;}
.feedback_outer .feedback_in form .rows.content{ height: 4.375rem;}
.feedback_outer .feedback_in form .rows:first-child{ margin-top: 0;}
.feedback_outer .feedback_in form .rows label{ display: block; float: left; width: 3.75rem; height: 100%; line-height: 1.875rem; font-size: 0.875rem; color: #737373;}
.feedback_outer .feedback_in form .rows span{ display: block; float: left; width: calc(100% - 3.75rem - 1.875rem); height: 100%;}
.feedback_outer .feedback_in form .rows span input{ padding: 0 0.625rem; width: 100%; height: 100%; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box;}
.feedback_outer .feedback_in form .rows font{ display: block; float: left; width: 1.875rem; height: 100%; line-height: 1.875rem; text-align: center;}
.feedback_outer .feedback_in form .rows span textarea{ padding: 0.625rem; width: 100%; height: 100%; border: 1px solid #dcdcdc; resize: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
.feedback_outer .feedback_in form .rows.content font{ line-height: 4.375rem;}
.feedback_outer .feedback_in form .rows span .vcode{ width: 7.9375rem;}
.feedback_outer .feedback_in form .rows.vcode_row span a{ display: block; float: right; width: 4.8125rem; height: 1.875rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.feedback_outer .feedback_in form .rows.vcode_row span a img{ width: 100%; height: 100%;}
.feedback_outer .feedback_in form .rows.submit{ margin-top: 1.5625rem;}
.feedback_outer .feedback_in form .rows input[type=submit]{ width: calc(100% - 1.875rem); height: 2.5rem; line-height: 2.5rem; border: 0; background: #2060a9; font-size: 1.0625rem; color: #fff; font-family: opens; font-weight: normal; -webkit-border-radius: 0; border-radius: 0;}
.feedback_outer .close{ display: block; position: absolute; top: 0.625rem; left: 21.25rem; width: 1.5625rem; height: 1.5625rem;}
.feedback_outer .close img{ max-width: 100%; max-height: 100%;}

.online{ position: fixed; top: 50%; right: 0.3125rem; width: 2.8125rem; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.online .online_icon{ display: flex; justify-content: center; align-items: center; position: relative; margin-top: 0.9375rem; width: 100%; height: 2.8125rem; background: #81c348; -webkit-border-radius: 50%; border-radius: 50%;}
.online .online_icon:first-child{ margin-top: 0;}
.online .online_icon img{ max-width: 50%; max-height: 50%;}
.online .online_icon .f_fax{ position: absolute; right: 0; top: 0; padding-left: 1rem; width: 0; line-height: 2.8125rem; background: #81c348; -webkit-border-radius: 1.40625rem; border-radius: 1.40625rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: -1; opacity: 0; overflow: hidden; white-space: nowrap;}
.online .online_icon .f_fax.open{ width: 10rem; opacity: 1;}
.online .online_icon .f_fax .num{ color: #fff; font-size: 0.75rem;}
/*
.online.cn .online_icon .f_fax .num{ font-size: 12px;}
.online.cn .online_icon .f_fax.open{ width: 13rem;}
*/

#pop_info_tips{ width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box;}
#pop_info_tips td{ font-size: 0.875rem;}

.share .wide img{ max-width: 100%; max-height: 100%;}

#lib_product_inquire .form{ margin: 0 auto; width: 95% !important;}
#lib_product_inquire .form .form_input{ padding: 0 0.625rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
#lib_product_inquire .form .rows span{ width: 65%;}
#lib_product_inquire .form .rows label{width:30%;}
#lib_product_inquire .form .rows select{ padding: 0 0.625rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
#lib_product_inquire .form .rows span .contents{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*article
.pro .art_title{ font-size: 0.125rem; height: 0.25rem; background: url('/images/help_bg.jpg') no-repeat left bottom; font-weight: bold; margin-top: 0.125rem; padding-bottom: 0.0625rem; margin-left: 0.36875rem; }

/*业务项目
.project .project_title_outer{ width: 100%; overflow: hidden; background: #f8f8f8; padding-bottom: 0.125rem;}
.project .project_title .project_title_list{ float: left; width: 33.333%; text-align: center; font-size: 0.1rem; cursor: pointer;}
.project .project_title .project_title_list a{ display: block; margin-top: 0.1375rem; font-size: 0.1125rem;}
.project .project_title .project_title_list a img{ width: 0.6875rem;}
.project .project_text{ height: 1rem; margin-top: 0.125rem; word-break: break-word;}
.project .project_text .project_name{ width: 1.3375rem; height: 0.30625rem; color: white; background: url('/images/article_title_bg.png') no-repeat left top; text-align: center; line-height: 0.28125rem; margin-bottom: 0.15625rem; font-size: 0.1125rem; overflow: hidden;}

/*index
.content{ position: relative;}
.content .index_ewm{ width: 100%; height: auto; display: block;}
.content .content_text{ position: absolute; right: 0.5625rem; top: 0.1875rem; width: 38%; line-height: 0.20625rem; font-weight: bold; font-size: 0.15rem;}

.index_pro_list{ line-height: 0.4375rem; font-size: 0.1125rem; padding: 0 0.125rem; overflow: hidden;}
.index_pro_list .pro_item{ float: left; margin-top: 0.125rem; width: 50%; height: 2.53125rem; overflow: hidden;}
.index_pro_list .pro_item .pro_item_img a img{ width: 1.875rem;}
.index_pro_list .pro_item .pro_name{ display: block; width: 1.425rem; padding: 0 0.0875rem; color: #595858; font-size: 0.0875rem; line-height: 0.125rem;}
.index_pro_list .pro_item .pro_btn{ display: block; margin-left: 0.0875rem; margin-top: 0.0625rem; height: 0.16875rem; background: url('/images/pro_list_btn1.jpg') no-repeat left top; background-size: 0.53125rem;}

/*product_detail
.product_detail_list .pro_detail_title{ height: 0.2rem; font-size: 0.1125rem; border-bottom: 0.0125rem solid #2f1d0f; margin-bottom: 0.1625rem;}
.product_detail_list .product_description .description_title{ width: 100%; height: 0.2375rem; border-bottom: 0.00625rem solid #dfdfdf;}
.product_detail_list .product_description .content_list{ line-height: 0.15625rem;}
.product_detail_list .product_description .content_list img{ max-width: 80%; width: auto !important; height: auto !important;}
.product_detail_list .product_description .description_title .title_list{ display: inline-block; text-align: center; line-height: 0.23125rem; width: 0.70625rem; height: 0.23125rem; background: #7f7f7f; font-size: 0.1125rem; color: white;}
.product_detail_list .product_info{ line-height: 0.15625rem;}
.product_detail_list .product_info img{ max-width: 80%; width: auto !important; height: auto !important;}

.product_detail_list .pro_img_list{ width: 2.5625rem; margin: 0 auto; position: relative;}
.product_detail_list .pro_img_list .big_img{ width: 2.55rem; height: 2.55rem; border: 0.00625px solid #ccc; margin: 0 auto;}
.pro_img_list .pro_btn{ position: absolute; top: 1.15625rem; cursor: pointer;}
.pro_img_list .prev{ left: -0.5rem;}
.pro_img_list .next{ right: -0.5rem;}

.description_cur{ background: #ffa200 !important;}

/*article
.article .article_title{ height: 0.4375rem; line-height: 0.4375rem; border-bottom: 0.0125rem solid #e6e6e6; font-size: 0.1rem;}
.article .article_title .article_title_img{ float: left; width: 0.31875rem; height: 0.31875rem; margin-top: 0.0625rem;}
.article .article_title .article_title_name{ float: left; margin-left: 0.125rem;}
.article .article_contents{ padding: 0.0625rem; border-bottom: 0.0125rem solid #e6e6e6; line-height: 0.15625rem;}
.article .article_contents img{ max-width: 80%; width: auto !important; height: auto !important;}

.page_btn_list{ width: 100%; background: #ffbd04; height: 0.375rem; position: fixed; bottom: 0; left: 0;}
.page_btn_list a{ display: inline-block; width: 24%; height: 0.375rem; line-height: 0.375rem; border-right: 0.00625rem solid #d7a813; text-indent: 0.40625rem; font-size: 0.1125rem;}
.page_btn_list .page_btn_phone{ background: url('/mobile/images/page_btn_phone.png') no-repeat 0.1125rem center; background-size: 0.2375rem 0.2375rem;}
.page_btn_list .page_btn_contact{ background: url('/mobile/images/page_btn_contact.png') no-repeat 0.1125rem center; background-size: 0.2375rem 0.2375rem;}
.page_btn_list .page_btn_feedback{ background: url('/mobile/images/page_btn_feedback.png') no-repeat 0.1125rem center; background-size: 0.2375rem 0.2375rem;}
.page_btn_list .page_btn_message{ background: url('/mobile/images/page_btn_message.png') no-repeat 0.1125rem center; background-size: 0.2375rem 0.2375rem;}
*/
/*
transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;
.pro_item:hover{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	transform:scale(1.05);
}
*/

/*
css3圆角按钮样式
.round_fixed{ 
	-webkit-border-radius: 0.125rem; 
	-moz-border-radius: 0.125rem; 
	border-radius: 0.125rem;
}
*/