/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/

/*************************** 宽屏样式 start***************************/
.w_1200 .wide{width:1200px; min-width:1200px;}
.w_1200 #top_bar_outer, .w_1200 #header, .w_1200 #nav_outer, .w_1200 #service_outer, .w_1200 #footer_outer{min-width:1200px;}
.w_1200 #top_bar .freeship{width:496px;}
.w_1200 #header .logo{width:386px;}
.w_1200 .nav_item li>a{padding:0 24px;}
.w_1200 #service dl{padding:0 40px 0 30px; width:190px;}
.w_1200 #service dl:first-child{padding-left:30px;}
.w_1200 #service dl.fore_2{width:374px;}
.w_1200 .side_right{width:946px;}
.w_1200 .pro_right{width:940px;}
.w_1200 .prod_sort a{padding:0 15px;}
.w_1200 .prod_menu{display:block;}
/*************************** 宽屏样式 end ***************************/

/*************************** 多语言样式 start ***************************/
.lang_de .header_cart{width:164px;}
.lang_de .header_cart .cart_text{width:88px; font-size:12px;}
.lang_es .header_cart .cart_text{font-size:12px;}
.lang_fr .header_cart .cart_text{font-size:12px;}
.lang_ru .w_1200 #top_bar .freeship{width:490px;}
.lang_ru #top_bar .freeship{width:350px;}
.lang_ru .header_cart{width:155px;}
.lang_ru .header_cart .cart_text{width:83px; font-size:12px;}
.lang_pt .header_cart{width:160px;}
.lang_pt .header_cart .cart_text{width:88px;}
/*************************** 多语言样式 end ***************************/

/*************************** header start ***************************/
#top_bar_outer{background:#f6f6f6; border-bottom:1px solid #e8e8e8;}
#top_bar{height:34px; line-height:35px;}
#top_bar .freeship{width:316px; height:34px; padding-left:36px; background:url(../images/ico-img.png) -166px top no-repeat;}
#top_bar .crossn{margin-right:5px;}
#top_bar .crossn li{display:inline-block; padding:0 12px; height:34px; background:url(../images/ico-img.png) -199px -72px no-repeat; position:relative; z-index:1010;}
#top_bar .crossn li:first-child{background:url(../images/ico-img.png) -166px -36px no-repeat; padding-left:36px;}
#top_bar .crossn li.block{padding:0 4px;}
#top_bar .crossn li:first-child.block{padding:0 4px 0 30px;}
#top_bar .crossn li div strong{ margin-left:6px;}
#top_bar .crossn li:hover dt{background-color:#fff; border:1px solid #d1d1d1; border-bottom:none; z-index:1011; position:relative; -webkit-border-radius-topleft:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-radius-topright:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px;}
#top_bar .crossn li:hover dt.not_dd{background:none; border:1px transparent solid;}
#top_bar .crossn li dt{height:28px; line-height:28px; margin-top:3px; border:1px solid #f6f6f6; padding:0 20px 0 10px; cursor:pointer; background:url(../images/ico-img.png) right -114px no-repeat;}
#top_bar .crossn li dt strong{width:40px; display:block; text-align:center;}
#top_bar .crossn li dt b{display:inline-block; width:15px; height:15px; margin-left:5px; margin-bottom:-3px; overflow:hidden; background:url(../images/user/mail_icon.png) no-repeat;background-size: 14px;}
#top_bar .crossn li dt.not_dd{background:none; padding-right:10px;}
#top_bar .crossn li dd{padding:5px 10px 8px; border:1px solid #d1d1d1; background:#fff; position:absolute; top:31px; right:4px; display:none;}
#top_bar .crossn li dd img{margin-right:5px;}
#top_bar .crossn li dd .inbox_tips{display:inline-block; height:15px; line-height:15px; margin-left:5px; margin-bottom:-3px; padding:0 4px; overflow:hidden; color:#fff; text-align:center; background-color:#c00; border-radius:5px;}
#top_bar .crossn li:hover dd{display:block; z-index:1010; -webkit-border-radius-bottomleft:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; -webkit-border-radius-bottomright:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box;}
#top_bar .crossn li:hover dd.login{width:200px; padding:15px 10px;}
#top_bar .crossn li:hover dd.user{min-width:80px;}
#top_bar .crossn li:hover dd.user a{display:block; height:21px; line-height:21px; overflow:hidden;}
#top_bar .crossn li:hover dd.login .fb-login-button{margin-bottom: 12px;}

#header{background:#fff;}
#header .logo{width:300px; height:86px; overflow:hidden;}
#header .logo a{display:table-cell; height:86px; vertical-align:middle;}
#header .logo img{max-width:100%; max-height:100%;}

.search{width:440px; border:1px solid #e0dfe4; height:38px; margin:21px 22px 0; background:url(../images/repeat-bg.png) top repeat-x;}
.search input{height:26px; border:0; outline:0;}
.search .text{width:380px; line-height:28px; font-size:14px; padding:5px 4px; padding-left:8px; border:1px solid transparent;}
.search .button{width:40px; height:38px; background-image:url(../images/ico-img.png); background-position:right -212px; background-repeat:no-repeat; cursor:pointer;}

.header_cart{position:relative; width:127px; height:43px; margin-top:20px; border:1px #fff solid;}
.header_cart .cart_inner{height:30px; display:block; position:relative; z-index:1009; background:url(../images/header_cart.png) no-repeat 20px 10px #fff; padding:8px 0 7px;}
.header_cart .cart_inner:hover{color:#fe8a27;}
.header_cart .cart_count, .header_cart .cart_text{position:absolute; font-size:16px; font-weight:bold;}
.header_cart .cart_count{left:28px; top:5px; width:30px; height:29px; text-align:center; color:#fe8a27;}
.header_cart .cart_text{left:65px; top:14px; width:52px; background:url(../images/global/header_cart_hover.png) no-repeat right 7px;}

#nav_outer{border-bottom:1px #ccc solid;position:relative; z-index:1000;}
#nav{height:42px;}

.nav_box{padding-left:236px;}
.nav_menu{width:236px;margin-left:-236px;position:relative;}
.nav_menu .nav_title{height:42px; line-height:42px;position:absolute;top:0;left:0;width:100%;}
.nav_menu .nav_title a{font-size:14px; color:#fff; padding-left:24px; display:block; text-decoration:none;}
.nav_menu .nav_title b{position:absolute; top:12px; right:12px; width:19px; height:19px; background:url(../images/ico-img.png) right -185px no-repeat;}
.nav_categories{position:absolute;top:42px;left:0;border:1px #e0e0e0 solid; background:#fff; display:none; padding:8px 0;
-webkit-border-radius-bottomleft:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; -webkit-border-radius-bottomright:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box;}
.nav_categories li{height:40px; position:relative;}
.nav_categories li>h2{width:202px; border-top:1px #e0e0e0 solid; border-bottom:1px solid #fff; border-left:1px solid #fff; background:#fff; height:38px; margin:0 16px; overflow:hidden; position:relative;}
.nav_categories li:first-child>h2{border-top:1px solid #fff;}
.nav_categories li>h2>a{height:38px; line-height:38px; display:block; font-size:12px; padding-right:16px; text-indent:5px; font-weight:bold;}
/*.nav_categories li>h2>em{border-width:5px 0 5px 5px; border-style:solid; display:block; position:absolute; top:15px; right:5px; z-index:10;}*/
.NavArrowColor{border-color:transparent transparent transparent #ccc;}
.nav_categories li>h2>i{position: absolute; top: 0;bottom: 0;right: 11px;width: 7px;height: 11px; z-index:11;background: url(../images/global/icon_down_has.png) no-repeat center top;margin:auto;}
.nav_categories li.hover>h2{position:absolute; width:204px; border:1px solid #bbb; border-right:none; margin:0; padding-left:16px; height:39px; z-index:10000; left:0;
 -webkit-box-shadow:-3px 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:-3px 1px 5px rgba(0, 0, 0, 0.3); box-shadow:-3px 1px 5px rgba(0, 0, 0, 0.3);}
.nav_categories li .nav_subcate{position:absolute; left:220px; width:700px; padding:0 12px; min-height:494px; z-index:1001; border:1px solid #bbb; background:#fff; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}
.nav_categories li .nav_subcate dl{display:block; float:left; width:196px; margin:0 12px; padding:5px;}
.nav_categories li .nav_subcate dl.tline{border-top:1px solid #ddd;}
.nav_categories li .nav_subcate dl dt{font-weight:bold; line-height:160%; padding:8px 0;}
.nav_categories li .nav_subcate dl dd{padding:0 0 5px 3px;}
.nav_categories li .nav_subcate dl dd a{display:block; padding:2px 0; line-height:160%;}

.nav_item{height:42px; overflow:hidden;}
.nav_item li{float:left; line-height:42px; border-right-width:1px; border-right-style:solid;}
.nav_item li>a{text-align:center; color:#fff; padding:0 14px; display:inline-block; text-decoration:none; border-right-width:1px; border-right-style:solid; font-size:14px;}
.nav_item li:hover dl{visibility:visible;}

/*************************** header end ***************************/

/*************************** footer start ***************************/
#service{overflow:hidden; padding:20px 0;}
#service dl{padding:0 7px 0 20px; border-left:1px #ccc solid; height:174px; width:190px;}
#service dl:first-child{border-left:0; padding-left:0px;}
#service dl.fore_2{width:300px; padding-right:7px;}
#service dt{font-size:14px; font-weight:bold; height:24px; line-height:24px; color:#000; overflow:hidden;}
#service dd>a{line-height:29px; display:block;height: 29px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#service .newsletter{padding-top:12px;}
#service .newsletter .text{width:284px; height:34px; line-height:34px; border:1px #b6b6b6 solid; margin:13px 0;}
#service .newsletter .button{width:106px; height:32px; line-height:32px; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:0; cursor:pointer; font-size:14px;}

#footer_outer{background:#eee; border-top:1px solid #c1c1c1;}
#footer{padding:24px 0; border-top:1px solid #c1c1c1; text-align:center; color:#333; line-height:180%;}
#footer .follow_us_box{height:40px; line-height:40px; padding-bottom:10px;}
#footer .follow_us_box .follow_title{margin-right:10px; font-size:14px; font-weight:bold; color:#333; display:inline-block; vertical-align:top;}
#footer .follow_us_box .follow_content{display:inline-block;}
#footer .nav a{margin:0 10px;}
#footer .foot_copy{font-size:13px; padding-top:5px;}
#footer .foot_pay{padding:15px 0 10px; text-align:center;}

.global_swap_chain{ background:#eee; text-align:center;}
.global_swap_chain a{color:#333;}
/*************************** footer end ***************************/

/*************************** gloabl start ***************************/

.pro_left{width:238px;}
.pro_left .ad{margin-top:20px;}
.pro_right{width:720px;}

.sidebar{border:1px #e6e6e6 solid; margin-top:20px;}
.sidebar .b_title{height:35px; line-height:35px; border-bottom:1px #ccc dashed; margin:0 10px; font-size:15px;}
.sidebar .b_bottom{line-height:30px; color:#1363bc; text-decoration:none; margin-left:10px;}

#what_hot .pro_item{padding:10px;}
#what_hot .pro_item:hover{background:#f7f7f7;}
#what_hot .pro_item>dt{width:82px; height:82px; text-align:center; vertical-align:middle; border:1px solid #f2f2f2;}
#what_hot .pro_item>dt img{max-width:100%; max-height:100%;}
#what_hot .pro_item .pro_info{width:121px; overflow:hidden; margin-left:10px;}
#what_hot .pro_item .pro_name{height:50px; overflow:hidden; line-height:140%; margin-bottom:5px;}
#what_hot .pro_item a{color:#666;}


#special_offer .pro_item{border-bottom:1px #ddd solid; padding:15px 10px;}
#special_offer .pro_item:hover{background:#f7f7f7;}
#special_offer .pro_item dt{width:96px; height:96px; text-align:center; margin:0 auto; position:relative; overflow:inherit;}
#special_offer .pro_item dt img{max-width:100%; max-height:100%;}
#special_offer .pro_item dt>.icon_discount{position:absolute; top:-10px; right:-40px; width:30px; height:30px; color:#fff; border-radius:999%; -ms-border-radius:999%; -moz-border-radius:999%; -webkit-border-radius:999%; line-height:15px; padding:9px;}
#special_offer .pro_item dt>.icon_discount b{font-size:16px;}
#special_offer .pro_item dd{padding:0 13px;}
#special_offer .pro_item .pro_name{height:30px; overflow:hidden; line-height:140%; margin:5px 0 12px;}
#special_offer .pro_item a{text-decoration:none; color:#666;}
#special_offer .pro_item del{margin-left:20px; color:#666; font-size:12px;}
#special_offer .pro_item del .currency_data, #special_offer .pro_item del .price_data{color:#666; font-size:12px; font-weight:normal;}
#special_offer .last{border-bottom:0;}
/*************************** gloabl end ***************************/

.contact_us{ position: relative; z-index: 1; margin: -77px 0 140px 0; width: 1200px; background: #fff; -webkit-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.contact_us .shadow{ position: absolute; top: 0; left: 0; width: 100%; height: 230px; box-shadow: 0 1px 16px rgba(43, 43, 43, .07);}
.contact_us .contact_con{ position: relative; z-index: 1; padding: 70px 100px 0; width: 100%; min-height: 300px; background: #fff; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.contact_us .contact_con .title{ position: relative; padding-bottom: 50px; width: 100%; line-height: 50px; font-size: 46px; color: #000; text-align: center}
.contact_us .contact_con .title:before{ display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 94px; height: 1px; background: #000; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.contact_us .contact_con .con{ margin-top: 42px; width: 100%; line-height: 28px; font-size: 16px; color: #888;}
.contact_us .contact_con .bot{ display: flex; justify-content: space-between; margin-top: 40px;}
.contact_us .contact_con .bot .bot_left{ padding-right: 4.5833%; width: calc(100% - 39.3333%); -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.contact_us .contact_con .bot .bot_left .bot_row{ margin-top: 30px; width: 100%;}
.contact_us .contact_con .bot .bot_left .bot_row .icon{ margin-right: 28px; width: 56px;}
.contact_us .contact_con .bot .bot_left .bot_row .txt{ width: calc(100% - 84px);}
.contact_us .contact_con .bot .bot_left .bot_row .txt .txt_title{ width: 100%; line-height: 28px; font-size: 16px; color: #010101;}
.contact_us .contact_con .bot .bot_left .bot_row .txt .txt_con{ width: 100%; line-height: 28px; font-size: 16px; color: #888;}
.contact_us .contact_con .bot .bot_left .bot_list{display: flex; flex-wrap: wrap;}
.contact_us .contact_con .bot .bot_left .bot_list .bot_item{display: flex; justify-content: center; align-items: center; width: 30%; margin-right: 5%; margin-top: 30px;}
.contact_us .contact_con .bot .bot_left .bot_list .bot_item:nth-child(3n),
.contact_us .contact_con .bot .bot_left .bot_list .bot_item:last-child{margin-right: 0;}
.contact_us .contact_con .bot .bot_right{ padding: 33px; width: 55%; height: 520px; background: #f5f8fb; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.contact_us .contact_con .bot .bot_right #lib_feedback_form{ width: 100%;}
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows{ display: flex; justify-content: space-between; align-items: center; margin-top: 18px; width: 100%;}
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows .input_row{ position: relative; width: 100%; height: 46px; background: #fff;}
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows.rows_short .input_row{ width: 48.2759%;}
/* .contact_us .contact_con .bot .bot_right #lib_feedback_form .rows.sub_row{ margin-top: 32px;} */
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows .input_row .input{ padding: 0 16px; width: 100%; height: 100%; border: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows .input_row span{ display: inline-block; position: absolute; top: 10px; left: 4px; width: 13px; color: #f00; text-align: center;}

.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows textarea{ padding: 16px; width: 100%; height: 114px; background: #fff; border: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}

.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows.sub_row{ height: 47px;}
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows.sub_row input[type=submit]{ width: 100%; height: 100%; background: #333; border: 0; font-size: 16px; color: #fff; text-transform: uppercase; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}

.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows textarea::-webkit-input-placeholder,
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows .input_row .input::-webkit-input-placeholder{ font-size: 16px; color: #888; font-style: italic;}
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows textarea:-moz-placeholder,
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows .input_row .input:-moz-placeholder{ font-size: 16px; color: #888; font-style: italic;}
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows textarea::-moz-placeholder,
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows .input_row .input::-moz-placeholder{ font-size: 16px; color: #888; font-style: italic;}
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows textarea:-ms-input-placeholder,
.contact_us .contact_con .bot .bot_right #lib_feedback_form .rows .input_row .input:-ms-input-placeholder{ font-size: 16px; color: #888; font-style: italic;}

#proteams .banner{ position: relative; width: 100%; border: 1px solid #ddd; border-left: 0; border-right: 0;}
#proteams .banner .ban_txt{ position: absolute; top: 50%; left: 50%; width: 1200px; line-height: 50px; font-size: 45px; color: #fff; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#proteams .page_con{ margin: 96px auto 0; width: 1050px;}

#proteams .picture{ margin: 124px auto 0; width: 906px;}
#proteams .picture .gallery-top{ height: 510px;}
#proteams .picture .gallery-thumbs{ margin-top: 29px; height: 80px;}
#proteams .picture .gallery-thumbs .swiper-slide{ cursor: pointer;}
#proteams .picture .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #ffb600; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}

#proteams .team_list{ margin-top: 126px; width: 100%;}
#proteams .team_list .title{ width: 100%; line-height: 52px; font-size: 46px; color: #000; text-align: center; text-transform: uppercase;}
#proteams .team_list .list{ display: flex; justify-content: start; flex-wrap: wrap; margin-top: 68px; width: 100%;}
#proteams .team_list .list .item{ margin: 28px 3.3333% 0 0; width: 22.4167%;}
#proteams .team_list .list .item:nth-child(-n+4){ margin-top: 0;}
#proteams .team_list .list .item:nth-child(4n){ margin-right: 0;}
#proteams .team_list .list .item .img{ display: block; position: relative; padding-top: 100%; width: 100%; overflow: hidden;}
#proteams .team_list .list .item .img .img_in{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#proteams .team_list .list .item .img .links{ position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.42); opacity: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#proteams .team_list .list .item .img .links .link_icon{ display: flex; justify-content: center; align-items: center; margin-left: 22px; width: 70px; height: 70px; border: 3px solid #fff; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
#proteams .team_list .list .item .img .links .link_icon:first-child{ margin-left: 0;}
#proteams .team_list .list .item .info{ display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 128px; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#proteams .team_list .list .item .info .name{ width: 90%; line-height: 27px; font-size: 20px; color: #000; font-weight: bold; text-align: center;}
#proteams .team_list .list .item .info .country{ margin-top: 8px; width: 90%; line-height: 25px; font-size: 18px; color: #ffb600; text-align: center;}
#proteams .team_list .list .item:hover .info{ background: #f5f8fb;}
#proteams .team_list .list .item:hover .links{ opacity: 1;}

#proteams .team_bot_con{ margin: 86px 0 100px; width: 100%;  background: #f5f8fb;}

#distributors .banner{ position: relative; width: 100%; border: 1px solid #ddd; border-left: 0; border-right: 0;}
#distributors .banner .ban_txt{ position: absolute; bottom: 40px; left: 50%; width: 1200px; line-height: 50px; font-size: 45px; color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
#distributors .dis_bot_con{ margin: 86px 0 100px; width: 100%;  background: #f5f8fb;}

#distributors .select_list{ display: flex; justify-content: space-between; align-items: center; margin-top: 56px; width: 100%; height: 52px;}
#distributors .select_list .select_item{ position: relative; padding: 0 50px 0 20px; width: 47.5833%; height: 100%; border: 1px solid #d9d9d9; background: url(/static/themes/default/images/select_icon.png) no-repeat right 21px center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#distributors .select_list .select_item .tips{ display: inline-block; position: absolute; top: 50%; left: 20px; padding: 0 7px; background: #fff; font-size: 16px; color: #333; text-transform: uppercase; pointer-events: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#distributors .select_list .select_item input{ width: 100%; height: 100%; border: 0;}
#distributors .select_list .select_item .option_list{ position: absolute; left: -1px; top: 100%; width: 100%; height: 0; background: #fff; overflow: hidden; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#distributors .select_list .select_item .option_list .option_list_in{ width: 100%; max-height: 150px; border: 1px solid #d9d9d9; overflow-y: auto; overflow-x: hidden; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#distributors .select_list .select_item .option_list .option{ display: block; padding: 0 50px 0 27px; width: 100%; line-height: 30px; font-size: 14px; color: #333; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#distributors .select_list .select_item .option_list .option:hover{ background: #e5f2ff;}

#distributors .select_list .select_item.cur .tips{ top: 0; font-size: 14px;}

#distributors .table{ margin-top: 50px; width: 100%;}
#distributors .table .title{ display: flex; justify-content: space-between; align-items: center; width: 100%; height: 50px; background: #f5f8fb;}
#distributors .table .title .item{ margin-left: 1.6667%; font-size: 14px; color: #000; text-align: center;}
#distributors .table .title .item:first-child{ margin-left: 0; width: 8.3333%;}
#distributors .table .title .item:nth-child(2){ width: 16.6667%;}
#distributors .table .title .item:nth-child(3){ width: 26.6667%;}
#distributors .table .title .item:nth-child(4){ width: 23.3333%;}
#distributors .table .title .item:nth-child(5){ width: 18.3333%; text-align: left;}

#distributors .table .list{ width: 100%;}
#distributors .table .list .item{ display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 200px; border: 1px solid #fff; border-bottom-color: #f5f8fb; font-size: 14px; color: #000; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 10px 0;}
#distributors .table .list .item:hover{ border-color: #ffb600;}
#distributors .table .list .item .row{margin: 0; padding: 0 20px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#distributors .table .list .item .row:first-child{ margin-left: 0; width: 8.3333%;}
#distributors .table .list .item .row:nth-child(2){ width: 16.6667%;}
#distributors .table .list .item .row:nth-child(3){ width: 33.6667%;}
#distributors .table .list .item .row:nth-child(4){ width: 23.3333%;}
#distributors .table .list .item .row:nth-child(5){ width: 18.3333%;}
/* #distributors .table .list .item .row .row_in{ margin: 0 auto; width: 68px;} */
#distributors .table .list .item .row .icon{ text-align: center;}
#distributors .table .list .item .row .txt{ margin-top: 5px; width: 100%; line-height: 25px; text-align: center;}
#distributors .table .list .item .row.address .txt,
#distributors .table .list .item .row.contact .txt{ margin: 0; text-align: left;}

#distributors .table .list .item .row.social{ display: flex; flex-wrap: wrap;}
#distributors .table .list .item .row .info_item{ display: flex; justify-content: start; align-items: center; line-height: 16px; word-break: break-word;}
#distributors .table .list .item .row .info_item:first-child{ margin-top: 0;}
#distributors .table .list .item .row .info_item .info_icon{ margin-right: 12px; width: 32px;}
#distributors .table .list .item .row .info_item .info_txt{ width: calc(100% - 45px); color: #1890ff; text-decoration: none;}
#distributors #turn_page{ margin-top: 60px;}

@media screen and (max-width: 1296px){
	.contact_us{ width: 100%;}
}

@media screen and (max-width: 1023px){
	.contact_us{ width: 750px; margin: 0 auto 70px;}
	.contact_us .contact_con .bot{ flex-direction: column;}
	.contact_us .contact_con .bot .bot_left{ padding: 0; width: 100%;}
	.contact_us .contact_con .bot .bot_right{ margin-top: 50px; width: 100%;}
}

@media screen and (max-width: 768px){
	.contact_us .contact_con{ padding: 35px 50px 0;}
	.contact_us{ width: 92%; margin: 0 auto 35px;}
}