@charset "utf-8";
/*
Powered by mq.com		http://www.mq.com
		020-83226791
*/
img{ max-width: 100%; max-height: 100%;}
.transition{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
/***************************宽屏样式 (start)***************************/
.w{width:1200px;  margin: 0 auto;}
.w_1200 #sitenav .blk>a{padding:0 32px;}
/*.w_1200 #main .contenter, .w_1200 #main .contenter .in_ad{ width: 1000px; }*/
.w_1200 #plist .blk { width: 199px; }
.w_1200 #pdetail .info { width: 625px; }
.w_1200 #lib_inquire_list>ul>li .info{width:796px;}
.w_1200 #lib_case_list li{padding:12px 14px;}
/***************************宽屏样式 (end)***************************/

*{font-family:"Roboto-Regular";}
html, div{outline:0;}
.flexCenter{display: flex;align-items: center;}
.pic_box{margin-top:20px;margin-bottom: 20px;}
.pic_box .pic_item img{width:96%;}
.pic_box .text_item{font-weight: 600;text-align: center;}
.hide{display:none;}
.imgbox{display:block; overflow:hidden;}
.imgbox img{max-width:100%; max-height:100%;}
input,textarea{outline: none;}
input[type=submit]{cursor: pointer;}
/*#main.w>.fl{width:190px;}*/
.text-over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.box-sizing{box-sizing: border-box;}
.trans-show{transition:all .5s;-webkit-transition:all .5s;opacity: 0;visibility: hidden;}
.trans-show.visable{opacity: 1;visibility: visible;}
.trans{transition:all .3s;-webkit-transition:all .3s;}
.clear_gt_991{clear: both;}
.border-box{box-sizing: border-box;}
.pic_box span{vertical-align: middle; height: 100%; display: inline-block;}
.pic_box img{ max-width: 100%; max-height: 100%;}
.in_ad img{ max-width: 100%; max-height: 100%;}
#main .contenter{ min-height: 500px;}
#pdetail{ margin-top: 48px;}
#pdetail>h1{ width: 490px; line-height: 36px; margin: 0 auto; font-size: 32px; color: #222; text-align: center;}
/*.share{ width: 100%; margin-top: 24px; text-align: center;}*/
.share .share_item{ display: inline-block; margin: 0 11px; text-decoration: none;}
.contents #global_editor_contents{ width: 100%;}
.index-banner .bx-wrapper .bx-controls-direction a{z-index: 90;}

.responsive_pc_header .header_fixed{ width: 100%; height: 60px; background: #fff;}
.responsive_pc_header .header_fixed.fixed{ position: fixed; left: 0; top: 0; z-index: 100;}
#header .logo{max-width: 25%;margin-top: 10px;}
#header .logo a{display:block; height:100%; vertical-align:middle;}
#header .mid{ width:160px;overflow: hidden;}
#header .mid .mid_txt{ width:80%; height: 19px;}
#header .mid .mid_txt .txt{box-sizing: border-box;max-width: 48%;height: 100%; line-height: 19px; margin-left: 4%; font-size: 14px; color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#header .mid .mid_txt .txt:first-child{ margin-left: 0;}
#header .mid .mid_txt .phone{ padding-left: 23px; background: url('../images/h_phone.png') no-repeat left center;}
#header .mid .mid_txt .time{ padding-left: 27px; background: url('../images/h_time.png') no-repeat left center;}
#header .mid .search{ height: 51px;border: 1px solid #e9e9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;position: relative;}
#header .mid .category{ position: relative; width: 168px; height: 100%; padding-right: 35px; background: url('../images/search_cate_icon.png') no-repeat 145px center; border-right: 1px solid #e9e9e9; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#header .mid .category .cate_txt{height: 100%; line-height: 49px; font-size: 14px; color: #8c9097; text-align: center;}
#header .mid .category .cate_list{ position: absolute; left: 0; top: calc(100% + 1px); width: 100%; height: 0; z-index: 101; overflow: hidden;}
#header .mid .category .cate_list .cate_list_in{ width: 100%; height: 100%; padding-left: 21px; background: #fff; border: 1px solid #e9e9e9; border-top: 0; overflow-y: auto; z-index: 5;}
#header .mid .category .cate_list .cate_list_in .cate_item{ display: block; width: 100%; height: 35px; line-height: 35px; font-size: 14px; color: #8c9097; text-decoration: none;}
#header .mid .category .cate_list .cate_list_in .cate_item:hover{color: #5faf4b;}
#header .mid .category .cate_list.cur{ height: 110px;}

#header .mid input[type=text]{height: 100%;width:80%; border: 0; padding: 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#header .info{ margin-top: 63px;}
#header .mid input[type=submit]{ width:37px; height: 100%; background: url('../images/h_search_icon.png') no-repeat center #5faf4b; border: 0;position: absolute;top:0;}
#header .info .h_nav{display:block;}
#header .info .h_nav li{float:right;}
#header .info .h_nav li.member{ margin-right: 42px;}
#header .info .h_nav li.member a{ text-decoration: none;}
#header .info .h_nav li.member .sign_btn{ display: block; width: 100%; margin-bottom: 6px; text-align: center;}
#header .info .h_nav li.member .bottom{ width: 100%; height: 23px; line-height: 23px; font-size: 13px; color: #000;}
#header .info .h_nav li.line{padding:0;}
/*#header .info .h_nav li.member{background:url(../../../images/ico/ico.png) 0 0 no-repeat; padding-left:26px;}*/
/*#header .info .h_nav li.inquiry{background:url(../../../images/ico/ico.png) 0 -26px no-repeat; padding-left:24px;}*/
#header .info .h_nav li.lang{ margin-right: 6px;}
#header .info .h_nav li.lang .lang_icon{ height: 26px; margin-bottom: 6px; text-align: center;display: block;}
#header .info .h_nav li.lang .cur{ height: 23px; line-height: 23px; padding-right: 14px; background: url('../images/lang_txt_icon.png') no-repeat right center; text-decoration: none;}
#header .info .h_nav li.lang:hover{position:relative; z-index:101;}
#header .info .h_nav li.lang:hover dl{}
#header .info .h_nav li.lang .language_silder{ display: none; position: absolute; left: 50%; top: 73px; width: 156px; margin-left: -78px; background: #fff; border: 1px solid #dbdbdb; text-align: left; z-index:101;}
#header .info .h_nav li.lang:hover .language_silder{ display:block;}
#header .info .h_nav li.lang .language_silder .language_bg{ position: absolute; width: 100%; height: 26px; top: -26px; background: url('../images/language_bg.png') no-repeat 90px 13px;}
#header .info .h_nav li.lang .language_silder .l_rows{ width: 100%; height: 40px; border-top: 1px solid #d3d3d3; overflow:hidden;}
#header .info .h_nav li.lang .language_silder .l_rows:nth-child(2){ border-top: 0;}
#header .info .h_nav li.lang .language_silder a{ display: block; width: 100%; height: 100%; line-height: 39px; text-decoration: none;}
#header .info .h_nav li.lang .language_silder a .lang_icon{ margin: 0 8px 0 8px;display: inline-block;}
#header .info .search{width:273px; height:28px; margin-top:25px}
#header .info .search input[type=text]{width:194px;height:26px;color:#9b9fa2;line-height:26px;font-size:12px;text-indent:8px;border:1px solid #b8b8b8;background:#f1f1f1}
#header .info .search input[type=submit]{width:70px;height:28px;font-size:14px;line-height:28px;text-align:center;font-weight:bold;color:white;border:0;background:url(../images/icon.png) no-repeat 0 -97px}
.header_top{display: flex;justify-content:space-between;align-items: center;}
.header_top .language{display: flex;}
.header_top .language 	.language_btn{ display: flex;align-items: center; margin-left: 20px; cursor: pointer;}	
.header_top .language 	.language_btn img{ width: 20px; height: 20px;margin-right: 5px;}
.index-banner .bx-wrapper .bx-pager{bottom: 4%;}

.wrapper .righter{width: 77.08%;}
.wrapper .righter .top-cate-name{ height: 40px; line-height: 40px; font-size: 20px;color: #000;}
.wrapper .mq_responsive_position{border-bottom: none;}

#sitenav{ position: relative; width:80%;z-index:100;}
/*#sitenav .w{ height: 59px;}*/
#sitenav .nav_box {width: 100%;}
#sitenav .nav_item{height: 56px; line-height: 56px; border-top: 3px solid transparent;position: relative;display: inline-block;margin-right:20px;}
#sitenav .nav_item:first-child{ margin-left: 0;}
#sitenav .nav_item.inq_cart{ width: auto; padding:0 5px 0 35px; background: url('../images/inq_cart_icon.png') no-repeat 5px center;position: relative;text-transform: uppercase;}
#sitenav .nav_item.inq_cart .num{width: 16px;height: 16px;line-height: 16px;border-radius: 100px;background: #5faf4b;font-size: 10px;color: #fff;overflow: hidden;position: absolute;top: 11px;left: 20px;text-align: center;}
#sitenav .nav_item.cart{ width: auto; padding:0 5px 0 35px; background: url('/static/images/cart/cart_icon.png') no-repeat 5px center/auto 25px;position: relative;text-transform: uppercase;}
#sitenav .nav_item.cart .default_shopping_cart{background: unset;}
#sitenav .nav_item .item_a{ display: block; width: 100%; height: 100%; line-height: 56px; font-size: 14px; color: #000; text-align: center; text-decoration: none;text-transform: uppercase;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#sitenav .nav_item.position-unset{position: static;}
#sitenav .nav_item:hover{ /*height: 57px; line-height: 57px; margin-top: -1px;*/ border-color: #5faf4b;}
#sitenav .nav_item:hover .item_a{ /*line-height: 58px;*/}
#sitenav .nav_item:hover .item_list{ background: url('../images/nav_box_icon.png') no-repeat center bottom;}
#sitenav .nav_item.cur{ /*height: 57px; line-height: 57px; margin-top: -1px;*/ border-color: #5faf4b;}
#sitenav .nav_item.cur .item_list{ /*line-height: 58px;*/}

#sitenav .nav_item .nav_box{ display: none; position: absolute; left: 0; top: 100%; width: 100%; height: 388px; background: #fff; border-top: 2px solid #000;}
#sitenav .nav_item .nav_box .nav_box_in{ height: 100%; padding-top: 3px;}
#sitenav .nav_item .nav_box .nav_box_in .nav_pro_list{ width: 920px; height: 100%; border-right: 1px solid #efefef;}
#sitenav .nav_item .nav-child{display: none;}
#sitenav .nav_item .nav-child{position: absolute;left: 50%;top: 100%; max-width: 300px; padding: 9px 30px;background: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#sitenav .nav_item .nav-child a{font-size: 14px;color: #222;line-height: 230%; white-space: nowrap; display: block;text-transform: capitalize;}
#sitenav .nav_item:hover .nav_box,
#sitenav .nav_item:hover .nav-child{ display: block;}

.nav_pro_list .pro_cate_list{ width: 100%;}
.nav_pro_list .pro_cate_list .cate_item{ width: 33.3333%; height: 137px; margin-top: 15px;}
.nav_pro_list .pro_cate_list .cate_item.ml{ margin-left: 0;}
.nav_pro_list .pro_cate_list .cate_item .cate_img{ width: 124px; height: 100%; text-align: center;}
.nav_pro_list .pro_cate_list .cate_item .list{ width: 145px; height: 100%; margin-left: 20px;overflow: hidden;}
.nav_pro_list .pro_cate_list .cate_item .list .one_cate{ display: block; width: 100%; height: 37px; line-height: 37px; font-size: 16px; color: #000; overflow: hidden;text-align: left;}
.nav_pro_list .pro_cate_list .cate_item .list .item{ display: block; width: 100%; height: 25px; line-height: 25px; font-size: 14px; color: #888; overflow: hidden;text-align: left;}
.nav_pro_list .pro_cate_list .cate_item .list .item:hover{ color: #000;}
.nav_pro_list .pro_cate_list .cate_item .list .show_btn{ position: relative; width: 55px; height: 21px; line-height: 21px; margin-top: 11px; color: #555; text-decoration: none;}
.nav_pro_list .pro_cate_list .cate_item .list .show_btn:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #5faf4b;}

#sitenav .nav_item .nav_box .nav_box_in .nav_img{ width: 270px; height: 100%; margin-top: 16px;}
#sitenav .nav_item .nav_box .nav_box_in .nav_img .img_title{ width: 100%; height: 36px; line-height: 36px; font-size: 20px; color: #1c1c1c; text-align: center;}
#sitenav .nav_item .nav_box .nav_box_in .nav_img .nav_img_btn{ display: block; width: 97px; height: 31px; line-height: 31px; margin: 0 auto; margin-top: 9px; background: #5faf4b; font-size: 14px; color: #fff; text-align: center; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px;}
#sitenav .nav_item .nav_box .nav_box_in .nav_img .img{ width: 100%; max-height: 270px; margin-top: 9px; text-align: center;}
/*
#sitenav .blk{position:relative}
#sitenav .blk>a{display:block; padding:0 18px; height:30px; text-align:center; font-size:12px; line-height:30px; color:white; font-weight:bold; text-transform:uppercase;}
#sitenav .blk.home>a{padding-left:35px;background:url(../images/home.png) no-repeat 14px 8px}
#sitenav .blk+.blk>a{background:url(../images/navi_sp.gif) no-repeat left center}
#sitenav .menu{display:none; position:absolute; top:30px; left:0; min-width:190px; box-shadow:0 0 5px #555; z-index:5}
#sitenav .blk:hover .menu{display:block}
#sitenav .menu a{white-space:nowrap}
*/
/*#main{margin-top:12px}*/

.menu{ width: 100%; padding: 0 13px 0 9px; border: 1px solid #e0e0e0;}
.menu .menu_item{ width: calc( 100% - 9px ); padding: 18px 0 18px 9px; border-top: 1px solid #e3e3e3;}
.menu .menu_item:first-child{ border-top: 0;}
.menu .menu_item h3{ width: 100%; height: 24px; line-height: 24px; padding-right: 15px; background: url('../images/cate_title_bg_icon0.png') no-repeat right center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;cursor: pointer;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.menu .menu_item h3.on{ background: url('../images/cate_title_bg_icon1.png') no-repeat right center;}
.menu .menu_item h3.noBg{background: none;}
.menu .menu_item h3 a{ font-size: 18px; color: #000; text-decoration: none;}
.menu .sublist{ margin-top: 8px;}
.menu .sublist li{ width: 100%; /*height: 30px;*/}
.menu .sublist li a{ display: block; width: 100%; height: 100%; line-height: 30px; font-size: 14px; color: #888; background-position: -10px center; text-decoration: none;}
.menu .sublist li a:hover{ padding-left: 14px; color: #5faf4b; background: url('../images/cate_a_bg_icon.png') no-repeat left center;}
.menu .sublist li a.on{ padding-left: 14px; color: #5faf4b; background: url('../images/cate_a_bg_icon.png') no-repeat left center;}
#main .menu .menu_item .sublist{display:none;}
#main .menu .sublist.on{display:block;}
.menu .sublist .v3{display: none;}
/*
.menu h3 .on{color: #54799e;font-weight: bold; }
.menu .sublist li{ background:url(../images/navbg.png);}
.menu .sublist a{display:block; font-size:12px; line-height:25px; padding:5px 0 5px 17px; padding-left:15px; color:#333; border-bottom:1px solid #ddd; width:158px; margin:0 auto; background:url(../images/nav_0.png) no-repeat left 15px; text-decoration:none; overflow:hidden;}
.menu .sublist a.on{color: #54799e;}
.menu .sublist a:hover{ background:url(../images/nav_1.png) no-repeat left 15px; color:#54799e;}
.menu .sublist .v3 a{background:none; text-indent:12px;}
*/

.menu-wrap-style .related{ margin-top: 22px; width: 100%;}
.menu-wrap-style .related .r_title{ width: 100%; height: 23px; line-height: 23px; font-size: 18px; color: #191919; text-transform: uppercase;}
.menu-wrap-style .related .r_list{ margin-top: 5px; padding: 0 13px 0 9px; width: 100%; border: 1px solid #e3e3e3; -webkit-box-sizing: border-box; box-sizing: border-box;}
.menu-wrap-style .related .r_list .item{ padding: 16px 0 19px; border-top: 1px solid #e5e5e5;}
.menu-wrap-style .related .r_list .item:first-child{ border-top: 0;}
.menu-wrap-style .related .r_list .title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; line-height: 24px; font-size: 18px; color: #555; text-decoration: none; overflow: hidden;}
.menu-wrap-style .related .r_list .author{ margin-top: 6px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #989898; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.menu-wrap-style .related .r_list .brief{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 8px; width: 100%; line-height: 20px; font-size: 14px; color: #888; word-break: break-all; overflow: hidden;}

.newsletter{margin-top:9px;padding:5px;background:#f4f6f5;border:1px solid #ddd}
.newsletter .title{padding-left:54px;background:url(../images/icon.png) no-repeat -51px -57px}
.newsletter .title h3{font-size:14px;line-height:20px;color:#333}
.newsletter .title div{font-size:12px;line-height:15px;color:#34303e;}
.newsletter .brief{padding:12px 8px;font-size:12px;line-height:18px;color:#99989e}
.newsletter form input[type=text]{display:block;width:162px;height:20px;margin-left:auto;margin-right:auto;border:1px solid #ccc;background:white url(../images/input_bg.gif) repeat-x;outline:0}
.newsletter form input[type=submit]{display:block;margin-top:8px;width:71px;height:23px;margin-left:auto;margin-right:auto;font-size:12px;text-align:center;line-height:22px;color:black;border:0;background:url(../images/icon.png) no-repeat -78px -100px;outline:0}

/*#main .contenter{width:900px; min-height:500px;}*/
#main .contenter .in_ad{width:780px;}
#main .contenter .page_content{padding:12px;}

#position{ width: 100%; height: 30px; line-height: 30px; margin: 14px auto; font-size: 14px; color: #555;}
#position a{ font-size: 14px; color: #555;}
#position.about_position{ width: 1200px; margin: 22px auto 9px auto;}
.con_top{ width: 100%; height: 30px; line-height: 30px; padding: 14px 0; border-bottom: 1px solid #e8e8e8;}
.con_top #position{ width: auto; margin: 0; color: #111;}
.con_top #position a{ color: #111;}
.con_top .top_title{ display: block; height: 100%; line-height: 30px; font-size: 18px; color: #111;}
.con_detail{ width: 100%; min-height:500px;}
.pro_position{ width: 100%; border-top: 1px solid #ebebeb;}
.pro_position #position{ width: 1200px;}

/********************** article start ***********************/
.about_item:nth-child(2){ margin-top: 42px;}
.about_item:nth-child(3){ margin-top: 46px; margin-bottom: 85px;}
.about_item .title{ height: 43px; line-height: 43px; font-size: 30px; color: #000;}
.about_item .con_outer{ width: 100%; margin-top: 21px; padding: 90px 0; background: #05c3a2;}
.about_item .con{ margin-top: 19px;line-height: 2;}

.contact_us .title{ width: 100%; height: 88px; border-bottom: 1px solid #e8e8e8;}
.contact_us .title .contact_position{ height: 88px; line-height: 88px;}
.contact_us .title .contact_position #position{ margin: 29px 0;}
.contact_us .title .txt{ width: 100%; height: 100%; line-height: 88px; font-size: 30px; color: #000; text-align: center;}
.contact_us .con{ width: 100%; margin-top: 35px; margin-bottom: 90px;}
.contact_us .con .left{ width: 50%; padding-left: 23px;}
.contact_us .con .right{ width: 50%; padding-left: 64px;}
.contact_us .con .right .form_brief{ width: 100%; line-height: 28px; font-size: 16px; color: #111;}
/********************** article end ***********************/

#arcdetail{padding:29px 17px;}
#attribute{ margin-top:20px;}
#feedback{margin:23px 37px; width:310px; font-size:14px; color:#217fc4;}
#feedback>*{margin-top:10px}
#feedback input[type=text]{width:310px;height:25px;font-size:12px;line-height:25px;text-indent:15px;border:0;background:#dbeaf6}
#feedback textarea{display:block;padding:12px 16px;width:278px;height:72px;border:0;background:#dbeaf6;resize:none}
#feedback input[type=submit]{display:block;width:86px;height:27px;margin-left:auto;margin-right:auto;font-size:12px;line-height:27px;text-align:center;color:white;border:0;border-radius:4px;background:#2373d2}

.menu-wrap-style{ width: 20.42%;}
.product-list .hot_pro{ margin: 34px 0 50px; width: 100%;}
.product-list .hot_pro .title{ height: 47px;line-height: 47px;background: #5faf4b;text-indent: 10px;font-size: 20px;color: #fff;}
.product-list .hot_pro .list{ display: block; padding: 15px 10px; width: 100%; height: 100%; border: 1px solid #e1e1e1; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-list .hot_pro .list .item{ padding: 13px 0; width: 100%; height: 84px; border-bottom: 1px solid #e3e3e3;}
.product-list .hot_pro .list .item:first-child{ padding-top: 0;}
.product-list .hot_pro .list .item .img{ display: block; position: relative; width: 84px; height: 100%; background: #dcdcdc;}
.product-list .hot_pro .list .item .item_title{ display: block; width: calc(100% - 100px); height: 100%; line-height: 21px; font-size: 14px; color: #000; overflow: hidden;}
.product-list .hot_pro .list .item:hover .item_title{ color: #333;}
.product-list .hot_pro .list .view_more{ display: block; margin-top: 12px; padding-right: 24px; width: 100%; height: 32px; line-height: 32px; background: url(../images/view_more_icon.png) no-repeat center right 2px; font-size: 16px; color: #000; text-indent: 4px; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s;}
.product-list .hot_pro .list .view_more:hover{ color: #63b14f;}

.product-list .cate-brief{ margin-top: 10px; line-height: 28px; font-size: 15px; color: #888;}

.product-list .contents{margin-top: 25px;}
.product-list .contents .blk{width:30%;margin:0 1.5% 10px;text-align: center;padding:5px;position: relative;}
.product-list .contents .blk .pic_box{padding: 15px 0;height:200px;display: flex;align-items: center;justify-content: center;}
.product-list .contents .blk .pic_box img{max-height: 170px; max-width: 100%;display: block;margin:0 auto;}
.product-list .contents .blk .name{margin-top: 13px;}
.product-list .contents .blk .name a{font-size: 16px;color: #141414;}
.product-list .contents .blk .price{font-size: 14px;text-align: center;margin-top: 5px;}
.product-list .contents .blk .more{display: block;font-size: 16px;color: #fff;width: 100%;max-width: 140px;border-radius: 100px;background: #5faf4b;margin:0 auto;height: 0;position: absolute;top:40%;left:22%;}
.product-list .contents .blk:hover{box-shadow: 0 0 7px #e4e4e4;}
.product-list .contents .blk:hover .pic_box{border-color: #eee;}
.product-list .contents .blk:hover .more{opacity: 1;visibility: visible;padding:11px 0;margin:12px auto;height: 19px;}

.info-list{padding-top: 25px;}

#pdetail .top{ margin-top: 16px; overflow: hidden;}
#pdetail .top .left{ width: 60%; height: 485px;}
#pdetail .top .left .small_img{ width: 91px; height: 100%;}
#pdetail .top .left .small_img .img_item{ display: block; width: 100%; height: 91px; margin-top: 7px; text-align: center;}
#pdetail .top .left .small_img .img_item:first-child{ margin-top: 0;}
#pdetail .top .left .big_img{ width: 83%; height: 100%; text-align: center;}
#pdetail .top .right{ width: 40%;}
#pdetail .top .right .name{ width: 100%; line-height: 38px; border-bottom: 0; font-size: 28px; color: #000;}
#pdetail .top .right .share{ width: 100%; height: 32px; margin-top: 15px; margin-left: 0; text-align: left;}
#pdetail .top .right .share .at-share-tbx-element .at-share-btn{ margin-bottom: 0;}
#pdetail .top .right .brief{ width: 100%; margin-top: 24px; padding: 0; line-height: 24px; font-size: 14px; color: #111;}
/*#pdetail .top .right .inq_btn{ display: block; width: 214px; height: 55px; line-height: 55px; margin-top: 34px; background: #5faf4b; font-size: 20px; color: #fff; text-align: center; text-decoration: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;}*/
#pdetail .description{ width: 100%;}
/*#pdetail .description .des_title{ display: inline-block; height: 32px; line-height: 32px; margin-top: 45px; border-bottom: 3px solid #e9262c; font-size: 20px; color: #000; font-family: "Roboto-Bold";}*/
#pdetail .description .des_item{ width: 100%;}
#pdetail .description .des_item .des_con{ width: 100%;}

/*.product-detail .mq_responsive_products_detail .info .button a{ display: block; width: 214px; height: 55px; line-height: 55px; margin-top: 34px; background: #5faf4b!important; font-size: 20px; color: #fff; text-align: center; text-decoration: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;}*/
body .mq_responsive_products_detail .gallery .left_small_img .pic_box.on{border:1px solid #5faf4b;}
/*body .mq_responsive_products_detail .info .button > a,body .mq_responsive_products_detail .info .button .download_button > span{background-color: #5faf4b!important;}*/

.product-detail .mq_responsive_products_detail_review .review_form h1{margin-bottom: 15px;}
.product-detail .mq_responsive_products_detail .description .title{border:none;}
.product-detail .mq_responsive_products_detail .description .title span,
.product-detail .mq_responsive_products_detail_review .review_form h1{ display: inline-block; height: 32px; line-height: 32px; margin-top: 0; border-bottom: 3px solid #555; font-size: 20px; color: #000; font-family: "Roboto-Bold";padding-bottom: 10px;}
.product-detail .mq_responsive_products_detail .description .title span:hover,
.product-detail .mq_responsive_products_detail_review .review_form h1:hover,
.product-detail .mq_responsive_products_detail .description .title span.cur{border-color: #e9262c;}
.mq_responsive_products_detail .gallery #small_img .pic_box.on{border-color: #5faf4b;}

#pdetail .info{ width:100%;}
#pdetail .gallery{margin-top:8px}
/**************************放大镜效果(start)**************************/
#pdetail a.btn{ margin:0 13px !important;}
#pdetail .gallery{width:358px; position:relative;}
#pdetail .gallery *{_behavior:none;}
#pdetail .gallery .bigimg{width:350px; overflow:hidden; border:4px solid #f1f1f1;}
#pdetail .gallery .bigimg a{width:350px; display:block; text-align:center; vertical-align:middle;}
#pdetail .gallery .bigimg a.case{height:350px;}
#pdetail .gallery .bigimg a img{vertical-align:middle; max-width:100%; max-height:100%;}
#pdetail .gallery .MagicZoom{display:block; margin:0 auto;}
#pdetail .gallery .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#pdetail .gallery .MagicZoomBigImageCont{border:1px solid #999;}
#pdetail .gallery .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
#pdetail .gallery .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#pdetail .gallery .MagicZoomLoading{border:1px solid #ddd; background:#fff url(../../../images/global/loading.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444;}
#pdetail .gallery #zoom-big{position:absolute; top:0; left:360px;}
#pdetail .gallery #zoom-big img{ max-width:none; max-height:none;}
#pdetail .gallery #small_img{position:relative; overflow:hidden; height:66px; margin:10px auto;}
#pdetail .gallery #small_img .bd span{float:left; margin-right:5px; border:1px solid #ccc; display:block; width:64px; height:64px; overflow:hidden; text-align:center;}
#pdetail .gallery #small_img .bd span.on{border:1px solid #0369ab;}
#pdetail .gallery #small_img .bd span a{vertical-align:middle; text-align:center;}
/**************************放大镜效果(end)**************************/

#pdetail .info{width:411px;margin-top:8px}
/*#pdetail .name{padding:11px 8px;font-size:18px;line-height:20px;font-weight:bold;color:#333;border-bottom:1px dashed #ccc}*/
/*#pdetail .brief{padding:0 11px 15px;font-size:12px;line-height:24px;color:#333;border-bottom:1px dashed #ccc}*/
#pdetail .feature{width:100%;padding:6px 14px;border-bottom:1px dashed #ccc}
#pdetail .feature td{min-width:140px;font-size:12px;line-height:20px;color:#333}
#pdetail .description{margin-top:20px}
#pdetail .description .hd{border-bottom:1px solid #cacdd2; overflow:hidden;}
#pdetail .description .hd span{display:block;width:110px;height:24px;margin:0 5px;text-align:center;line-height:24px;color:#333;font-size:12px;background:url(../images/icon.png) no-repeat 0 -33px; float:left; cursor:pointer;}
#pdetail .description .hd span.cur{font-weight:bold;}
#pdetail .description .bd .desc_txt{padding:18px; min-height:200px;}

#plist{margin-top:5px}
#plist .annex{padding:5px 0; border:1px solid #dadedd; background:#e9efed}
#plist .annex h3{font-size:12px;line-height:25px;text-indent:5px;color:#666769}
#plist .page{margin:0 8px;font-size:0}
#plist .annex.e1 .page{text-align:right}
#plist .page span{border:1px solid #cbcdcc; display:inline-block; *display:inline; *zoom:1; font-size:12px; height:22px; line-height:22px; overflow:hidden; background:#fff; vertical-align:top; margin:0 4px;}
#plist .page span em{ display:none;}
#plist .page font, #plist .page a{height:22px; padding:0 7px; display:block; text-align:center; text-decoration:none;}
#plist .page .page_item_current{background:#f0f0f0; color:#f00; cursor:default;}
#plist .contents{overflow:hidden; background:url(../images/prolist_bg.png) left top repeat-y;}
#plist .blk{width:194px;height:235px;margin-top:-1px;margin-left:-1px;border:1px solid #ddd;}
#plist .blk .name{display:block; width:160px; height:33px; margin:0 auto; font-size:12px; line-height:16px; color:#333; overflow:hidden;}
#plist .blk .imgbox{width:160px; height:160px; margin:10px auto;}
#plist .blk .imgbox a{ display:block; width:160px; height:160px; text-align:center; vertical-align:middle;}
#plist .annex.e2{margin-top:-1px}
#plist .annex.e2 .page{text-align:center}

#footer{ width: 100%;}
#footer .footer_outer{ background: #252a33; overflow: hidden;}
#footer .footer_outer .footer.w{padding-bottom: 60px;}
/*#footer .footer_outer .footer{ height: 100%;}*/
#footer .footer_outer .footer .top{ width: 100%; margin-top: 50px;}
#footer .footer_outer .footer .top .about{ width: 365px;}
#footer .footer_outer .footer .top .about .title{ width: 100%; height: 33px; line-height: 33px; margin-bottom: 15px; font-size: 16px; color: #fff;}
#footer .footer_outer .footer .top .about .txt{ width: 100%; line-height: 24px; font-size: 14px; color: #878787;}
#footer .footer_outer .footer .top .f_item{ width: 134px; margin-left: 116px;}
#footer .footer_outer .footer .top .f_item .title{ width: 100%; height: 33px; line-height: 33px; margin-bottom: 8px; font-size: 16px; color: #fff;}
#footer .footer_outer .footer .top .f_item .list{ width: 100%;}
#footer .footer_outer .footer .top .f_item .list .item{ display: block; width: 100%; height: 24px; line-height: 24px; font-size: 14px; color: #878787;}
#footer .footer_outer .footer .top .f_item .list .item:hover{ color: #5faf4b;}
#footer .footer_outer .footer .top .contact{ width: 210px;}
#footer .footer_outer .footer .top .contact .title{ width: 100%; height: 33px; line-height: 33px; margin-bottom: 12px; font-size: 16px; color: #fff;}
#footer .footer_outer .footer .top .contact .con_item{ width: 100%; line-height: 18px; margin-bottom: 12px; font-size: 14px; color: #878787;}
#footer .footer_outer .footer .top .contact .time{ width: 100%;}
#footer .footer_outer .footer .top .contact .time .time_title{ width: 40px; line-height: 26px; font-size: 14px; color: #878787;}
#footer .footer_outer .footer .top .contact .time .time_txt{ width: calc(100% - 40px); line-height: 26px; font-size: 14px; color: #878787;}

#footer .footer_outer .footer .bot{ width: 100%; margin-top: 30px;}
#footer .footer_outer .footer .bot .title{ width: 83px; height: 24px; line-height: 24px; font-size: 16px; color: #fff; text-indent: 2px;}
#footer .footer_outer .footer .bot .list{ width: calc(100%-83px); overflow: hidden;}
#footer .footer_outer .footer .bot .list .item{ display: block; height: 24px; line-height: 24px; margin-right: 36px; font-size: 14px; color: #878787; overflow: hidden;}
#footer .footer_outer .footer .bot .list .item:hover{ color: #5faf4b;}

#footer .copyright_outer{ height: 76px; line-height: 76px; background: #20252e;font-size: 14px; color: #fff;}
#footer .copyright_outer .w{justify-content: space-between;align-items: center;display: flex;}
#footer .copyright_outer  a{ font-size: 14px; color: #fff;}

/* 新闻详细(推荐文章) */
.rale_news{ padding-bottom: 56px; width: 100%;}
.rale_news .news_title{ width: 100%; height: 30px; line-height: 30px;}
.rale_news .news_title .title{ font-size: 22px; color: #191919; font-family: 'PlayfairDisplay-Regular';}
.rale_news .news_title .read_btn{ font-size: 14px; color: #888;}
.rale_news .news_title .read_btn span{ font-size: 14px; color: #888; font-family: cursive; font-weight: bold;}
.rale_news .list{ display: grid; grid-template-columns: repeat(4, 23.25%); justify-content: space-between; margin-top: 23px; width: 100%;}
.rale_news .list .item{ }
.rale_news .list .item .img{ display: block; width: 100%; text-align: center; text-decoration: none; overflow: hidden;}
.rale_news .list .item .title{ display: -webkit-box; margin-top: 15px; line-height: 21px; font-size: 16px; color: #333; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.rale_news .list .item .time{ margin-top: 8px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #989898;}
.rale_news .list .item .brief{ display: -webkit-box; margin-top: 6px; line-height: 24px; font-size: 14px; color: #888; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.rale_news .list .item:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.rale_news .list .item:hover .title{ color: #5faf4b;}

#lib_inquire_list>ul>li .info{width:572px;}
#lib_down_list li a{line-height:20px; background:url(../images/btn.gif) repeat-x;}
#lib_down_list li a em{top:3px;}

#lib_case_list li{ width:172px; padding:11px;}
#lib_case_list li .img{ width:170px; height:170px;}
#lib_info_detail>.contents{ padding: 0 30px;}
.share{ margin-left:10px;}
input.form_button{ width: 508px; height: 56px; line-height: 56px; background: #222; font-size: 16px; color: #fff; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.itemno{ margin:15px 0 0 12px;}
#cop{ color:#000;}

#footer .friendship-link{margin-top: 40px;}
#footer .friendship-link .title{font-size: 15px;color: #8f8f8f;margin-right: 3%;font-weight: bold;width: 8%;}
#footer .friendship-link .list{width: 85%;}
#footer .friendship-link .list a{font-size: 16px;color: #8f8f8f;width: 9%;margin-right: 1%;}
/*#footer .friendship-link .list a.pic{background: #fff;}*/

#main.art_outer .mq_responsive_position{border-bottom: 1px solid #e8e8e8;}

.share.foot_share{background: #252a33;display: block;margin-left: 0;text-align: center;padding-bottom: 7px;}
.list-divider li{    
    background-position: 0 4px;
	width:22%;float:left;margin-bottom: 20px;margin-right: 4%;
	border-bottom: 1px #ccc solid;
	padding-bottom: 10px;font-size: 16px;
}
.list-divider li:nth-child(4n){margin-right: 0;}
.standard-arrow li:before {
    color: #fff;
    background-color: var(--the7-accent-color);
}
.standard-arrow li div{display:inline-block;width:20px;height:20px;border-radius: 50%;background-color: #5faf4b;color: #fff;text-align: center;margin-right: 5px;}
.standard-arrow li div span{font-size: 9px;vertical-align: middle;}
.content-container{margin-bottom: 10px;}
.title-bar{font-size:24px;margin-bottom: 10px;}
.content-container p{line-height: 1.5;font-size: 16px;}
.profile_index{margin-top:20px;}
@media screen and (max-width:1280px){
	#header .logo{width: 25%;}

	#sitenav .nav_item .nav_box .nav_box_in .nav_img{display: none;}
	#sitenav .nav_item .nav_box .nav_box_in .nav_pro_list{width: 100%;border:none;}
}

@media screen and (max-width:1218px){
	/*.w{ width: 980px; min-width: 980px;}*/
	.w{ width: 96%;}
	#position.about_position{ width: auto; margin: 22px auto 9px auto; padding: 0 1%;}
	#header .mid{ width: 50%; margin: 28px 3% 0;}
	#header .mid input[type=text]{ width: 60%;}
    #header .mid .category{width: 30%;background-position: 90% center;}
	#header .mid input[type="submit"]{max-width: 10%;}
	#header .info{width: 14%;}
	#header .info .h_nav li.lang .language_silder{ left: auto; right: -1px; margin-left: 0;}
	#header .info .h_nav li.lang .language_silder .language_bg{ background: url('../images/language_bg.png') no-repeat 90% bottom;}
	#header .info .h_nav li.member{ margin-right: 0;}
	/*#sitenav .nav_item{ width: 102px; margin-left: 11px;}
	#sitenav .nav_item .nav_box .nav_box_in .nav_pro_list{ width: 730px;}
	#sitenav .nav_item .nav_box .nav_box_in .nav_img{ width: 250px;}
	.nav_pro_list .pro_cate_list .cate_item .list{ width: 108px; margin-left: 10px;}*/
	.pro_position{ width: 100%;}
	.pro_position #position{ width: 90%; margin: 0 auto;}
	#footer .footer_outer .footer .top .f_item{ margin-left: 5%;}
	#lib_feedback_form .rows span .input{ width: 100%;}
	#lib_feedback_form .rows span .contents{ width: 100%;}
	input.form_button{ width: 100%;}

    #sitenav .nav_item{width: 90px;height: 50px;margin-left: 10px;}
    #sitenav .nav_item.inq_cart{}
    #sitenav .nav_item .item_a{font-size: 15px;}
}

@media screen and (max-width: 991px){
    .clear_991{clear: both;}
    .clear_gt_991{clear: none;
	.product-list .contents .blk .pic_box{height: 120px;}

	.nav_pro_list .pro_cate_list .cate_item .cate_img{width: 48%;}
	.nav_pro_list .pro_cate_list .cate_item .list{width: 48%;margin-left: 4%;}

    #footer .footer_outer .footer .top .about .title,
    #footer .footer_outer .footer .top .f_item .title,
    #footer .footer_outer .footer .top .contact .title{height: auto;line-height: normal;margin-bottom: 8px;}
    #footer .footer_outer .footer .top{ margin-top: 20px;float: none;}
    #footer .footer_outer .footer .top .about{ width: 100%; margin-bottom: 20px;}
    #footer .footer_outer .footer .top .f_item{ margin-bottom: 10px; margin-left: 1%;width: 28%;}
    #footer .footer_outer .footer .top .f_item:nth-child(2){ margin-left: 0;}
    #footer .footer_outer .footer .top .contact{ float: left; width: 40%;}
    #footer .footer_outer .footer .top .contact .con_item a{ color: #878787;}
    #footer .footer_outer .footer .bot .list{ width: 100%;}
    #footer .footer_outer .footer .bot .list .item{ margin-right: 3vw;}

	.menu-wrap-style{display: none;}
	.menu{ display: none; }
	.product-list .hot_pro{display: none;}
    .wrapper .righter{float: none;width: 100%;}
    .product-list .contents{margin-top: 15px;}
    .product-list .contents .blk .more{display: none;}

	#header .mid{margin-top: 15px;}
	#header .mid .search{margin-top: 13px;}
	#header .mid .mid_txt{height: auto;}
	#header .mid .mid_txt .txt{width: 100%;float: none;margin-left: 0;}
	#header .mid .mid_txt .txt + .txt{margin-top: 5px;}
	#header .info .h_nav li.member .bottom{font-size: 12px;}

	#sitenav .nav_item.inq_cart{display: none;}
}

@media screen and (max-width: 768px){
	.list-divider li{width: 100%;}
    #footer .friendship-link .list a{width: 13%;}
	#header{ display: none;}
	#sitenav{ display: none;}
	#pdetail{ display: none;}

    .product-detail .mq_responsive_products_detail .info .button a{width:49%; margin:0; float:right; height:44px; line-height:44px; font-size:16px;}
    .product-detail .mq_responsive_products_detail .info .button a:first-child{float:left;}
	.rale_news .list{ grid-template-columns: repeat(2, 46.5%);}
}

@media screen and (max-width: 640px){
    .clear_991{clear: none;}
    .clear_640{clear: both;}

    #footer .footer_outer .footer .top .f_item{width: 49%;}
	#footer .footer_outer .footer .bot .list .item{ margin-right: 2vw;}
	#footer .footer_outer .footer .top .contact{ width: 100%; clear: both;float: none;}
    #footer .friendship-link{margin-top: 15px;}
	#footer .friendship-link .title{width: 100%;float: none;text-align: center;margin-bottom: 10px;margin-right: 0;}
	#footer .friendship-link .list{width: 100%;float: none;}
	#footer .friendship-link .list a{width: 19%;}
    #footer .copyright_outer{height: 50px;line-height: 20px;}


    .product-list .contents .blk{width: 47%;}
}

@media screen and (max-width: 550px){
	/*.w_1200 .w{ width: 96%; min-width: 96%; padding: 0 2%;}*/
    #footer .friendship-link .list a{width: 24%;text-align: center;margin: 0 .5% 5px;}
}

.justifyout{text-align: justify;display: flex}
.justifyout .justify{display: inline-block;width: 100%;height: 0;font-size: 0;line-height: 0;}
.mq_responsive_position,.mq_responsive_position .position,.mq_responsive_position .position a{font-size: 14px!important;height: 45px!important;line-height: 45px!important;color: #555555!important;}
.mq_responsive_info_list .item .img{text-align: center;}
.mq_responsive_case_list .item .info{padding-left: 33px!important;}
.mq_responsive_info_list .item .info .title{padding-bottom: 11px!important;}
.mq_responsive_info_list .item .info .desc{margin-top: 11px!important;}

@media only screen and (max-width: 768px){
  .mq_responsive_case_list .item .info {padding-left: 0!important;}
}