@charset "utf-8";
@import url('//fonts.test-beta.com/css2?family=Abel&display=swap');
/* CSS Document */
html { color: #333; overflow-y: scroll; background:#ffffff; font-family: 'Abel',Helvetica,Arial,Lucida,sans-serif; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, form, th, td { margin: 0; padding: 0; }
li,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { color:#06C; text-decoration:none; }
img{ border:none;}
strong, th { font-weight:bold; }
.ui-header .ui-title, .ui-footer .ui-title { margin: .6em auto .8em auto; }
.fl-clr { zoom:1; }
.fl-clr:after { display: block; content: ''; clear: both; visibility: hidden; }
h1 {font-size: 30px;font-weight: bold;}

/*top-bar*/
.top-bar{ width:100%; height:34px; background:#f5f5f5; border-bottom:solid 1px #dddddd;font-size:12px; color:#666666;line-height:34px;}
.top-list{ width:1190px; margin:0 auto;}
.top-list .left-list{ float:left;}
.top-list .left-list li{ float:left;margin-right:20px;}
.top-list .left-list li.li{ display:none}
.top-list .left-list li a{ margin:0 7px; color:#333;}
.top-list .right-list{ float:right; padding-right:25px;}
.top-list .right-list li{ float:left; color:#666; margin-left:20px;}
.top-list .right-list li a{ font-style:normal; color:#333; margin:0 3px;}
.top-list .right-list li i{ width:18px; height:15px; display:block; float:left; margin:8px 7px 0 0; background:url('/media/sets/g2/icon-group.png') 0 0 no-repeat;}
.top-list .left-list li a:hover,.top-list .right-list li a:hover{ font-weight:bold; text-decoration:underline;}
.top-list .right-list li.my{ width:82px; text-align:right;}

.service-box{ width:100%; background:#ececec; border-top:solid 1px #ddd; padding-bottom:50px;}
.service-list{ width:100%; margin:0 auto;}
.service-list dl{ float:left; border-right:solid 1px #ddd; margin-top:30px;min-height:130px;}
.service-list dl:first-child{ padding:0;}
.service-list dl:last-child{ border:none;}
.service-list dl dt{ font-size:18px; color:#666; font-weight:bold; line-height:24px; margin-bottom:10px;}
.service-list dl dd{ font-size:16px; line-height:24px;}
.service-list dl dd a{ color:#999;}
.service-list dl dd a:hover{ text-decoration:underline; color:#666;}

/*footer*/
.footer{  width:100%; background:#009B91; overflow:hidden;}
.foot{ margin:0 auto;}
.foot2{ padding:0 25px;}
.foot ul{ float:left;}
.foot ul li{ float:left; line-height:40px; color:#fff; margin-left:4px;}
.foot ul li:first-child{ margin:0;}
.foot ul li a{ color:#fff; font-size:16px; margin-right:4px;}
.foot ul li a:hover{ color:#fff;}
.foot p{ float:right; color:#fff; font-size:16px; line-height:40px;}

.top-product{ height:50px; background:#fff; line-height:50px; border-bottom:solid 1px #dddddd;}
.top-product a.logo{ width:120px; height:27px; margin-top:11px; float:left;}
.top-product .search{ float:left; margin:12px 0 0 40px; height:26px;}
.top-product .search li{ float:left; height:26px;}
.top-product .search ul li.select{ position:relative;}
.top-product .select-box{ width:90px; height:24px; display:block; background:#f5f5f5; border:solid 1px #ddd; text-align:left; line-height:24px; padding-left:6px; border-radius:3px 0 0 3px;cursor:pointer;}
.top-product .select-box span{ color:#333; font-size:12px; float:left;}
.top-product .select-box i{ width:10px; height:5px; display:block; background:url('/media/sets/g2/shop-icon.png') 0 -126px no-repeat; margin:10px 0 0 7px; position:absolute; right:7px;}
.top-product .select-box i.current{ background-position:0 -148px;}
.top-product .selectMenu{ position:absolute; top:24px; left:0; width:96px; border:solid 1px #ddd; background:#fff; border-radius:0 0 3px 3px;}
.top-product .selectMenu a{ display:block; padding-left:12px; height:30px; line-height:30px; color:#747474; font-size:12px;}
.top-product .selectMenu a:hover{ color:#333; background:#f5f5f5;}
.top-product .search .txt{ width:217px; height:24px; background:#fff; border:solid 1px #ddd; margin-left:-1px; line-height:24px; float:left; padding-left:9px; font-size:12px; outline:none;}
.top-product .search a.search-btn{ width:75px; height:24px; background:#ea4a4a; border:solid 1px #ea4a4a; display:block; float:left; line-height:24px; text-align:center; color:#fff; font-size:16px; border-radius:0 3px 3px 0; margin-left:-1px;}
.top-product .search a.search-btn:hover{ background:#d34444; border:solid 1px #d34444;}
.top-product .right-list{ float:right; padding-right:25px; font-size:12px;}
.top-product .right-list li{ float:left; color:#666; margin-left:20px;}
.top-product .right-list li.li{ display:none}
.top-product .right-list li.basket{ /*width:145px;*/ margin-right:20px;}
.top-product .right-list li a{ font-style:normal; color:#333; margin:0 3px;}
.top-product .right-list li.login a{ display:inline-block; width:50px; text-align:center;}
.top-product .right-list li.login a.join{ width:60px;}
.top-product .right-list li i{ width:18px; height:15px; display:block; float:left; margin:16px 7px 0 0; background:url('/media/sets/g2/icon-group.png') 0 0 no-repeat;}
.top-product .right-list li a:hover{ font-weight:bold; text-decoration:underline;}
.top-product .right-list li.my{ width:82px; text-align:right;margin-left: -4px;}

.service-box{ width:100%; background:#ececec; border-top:solid 1px #ddd; padding-bottom:50px;}
.product-list{ width:980px; margin:0 auto;}
.product-list dl{ float:left; width:236px; border-right:solid 1px #ddd; margin-top:30px; padding-left:25px;min-height:130px;}
.product-list dl:first-child{ padding:0; width:236px;}
.product-list dl:last-child{ border:none; width:190px;}

/*lang-select*/
.lang-select{ width:100%; height:32px; background:#f5f5f5; border-bottom:solid 1px #e1e1e1;}
.lang-select .lang-inner{  margin:0 auto; line-height:32px; position:relative;z-index:99;}
.lang-select .lang-inner ul{ float:left;}
.lang-select .lang-inner ul li{ float:left; margin-right:14px; color:#666; font-size:12px;}
.lang-select .lang-inner ul li span{ color:#666; margin-right:14px; background:url(/media/sets/g2/tel-flag.png) left center no-repeat; display:inline-block; padding-left:24px;}
.lang-select .lang-inner ul li a{ color:#666;}
.lang-select .lang-inner ul li a:hover{ color:#6c7c93;}

.select-flag{ float:right; width:118px; position:absolute; right:0; top:0; }
.select-flag.current{border:solid 1px #e1e1e1; right:-1px; top:-1px;}
.select-flag .select-box{ width:118px; height:32px; background:#f5f5f5; margin-bottom:-6px;}
.select-flag .select-box span{ font-size:12px; color:#666; line-height:initial;}
.select-flag .select-box span img{ margin:10px 8px 0 8px; display:inline-block; vertical-align: -1px;}
.select-flag .select-box i{ width:10px; height:6px; display:inline-block; background:url(/media/sets/g2/slide-flag.png) left top no-repeat; position:absolute; right:7px; top:14px;}
.select-flag .selectMenu{ width:118px; background:#f5f5f5;}
.select-flag .selectMenu a{ height:22px; width:110px; display:block; line-height:22px; color:#666666; padding-left:8px; font-size:12px;}
.select-flag .selectMenu a:hover{ color:#6c7c93;}
.select-flag .selectMenu a img{ margin-right:8px;vertical-align: -1px;}

.crumb{ position:relative;}
.crumb .select-flag{top:1px;}
.crumb .select-flag.current{ top:0;}
.crumb .select-flag .select-box{margin-bottom:-4px;}


/*20180204gai_mal*/
.select-flag .selectMenu a{  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*20180209gai_mal*/
.select-flag{z-index: 4; }

.product-description table {max-width: 100%;}







/*自适应样式*/


.dianji{ position:absolute; top:40px; right:5px; display:none;}
.dianji p{ width:30px; height:2px; background-color:#666; margin:5px 0 0 0;}
.mune2{ width:70%; background-color:#fff; position:absolute; top:80px; right:-15px; display:none; z-index:999;box-shadow: 1px 1px 5px #999; height:365px; overflow-y:scroll;}
.mune2 li a{ color:#333;}
.mune2 li{ font-size:16px; text-indent:20px; padding:5px 0;}
.munediv{ font-size:13px; padding-left:5px; height:200px; overflow-y:scroll; width:100%;}
.mune2 li .munediv a{ display:block; color:#999; padding-top:5px;text-overflow: ellipsis;
white-space: nowrap; overflow: hidden;}
.mune2 li ul{ padding-left:20px; font-size:12px;}



@media (min-width: 1200px) {
    .contact-info .right-list ul li .select.fl-clr{ width:63% !important;}
	.banner{ height:390px !important;}
}
@media (min-width: 1250px) {
    .contact-info .right-list ul li .select.fl-clr{ width:63% !important;}
	.banner{ height:405px !important;}
}
@media (min-width: 1400px) {
    .contact-info .right-list ul li .select.fl-clr{ width:63% !important;}
	.banner{ height:410px !important;}
}
@media (min-width: 1500px) {
    .contact-info .right-list ul li .select.fl-clr{ width:63% !important;}
	.banner{ height:440px !important;}
}
@media (min-width: 1600px) {
    .contact-info .right-list ul li .select.fl-clr{ width:63% !important;}
	.banner{ height:460px !important;}
}
@media (min-width: 1700px) {
    .banner{ height:500px !important;}
}
@media (min-width: 1900px) {
    .banner{ height:550px !important;}
}
@media (max-width: 992px) {
    .nav,.hot-img,.hot-right,nav-fixed{ display:none !important;}
	.dianji{ display:block;}
	.banner .d1 img{ height:400px;}
	.hot-left{ width:100% !important;}
	.hot-line dl{ display:none !important;}
	.hot-line dl:nth-child(-n+3) {  
          display: block !important;
        }
	.hot-line dl dt img{ width:100% !important; height:auto !important;}
	.hot-line dl dt{ width:100% !important;}
	.hot-line dl{ width:30% !important;}
	.coldl{ float:left; width:30% !important;}
	.all_pic .col-xs-6{ width:23% !important; margin:0 1%;}
	.choose-us ul li{ text-align:center; margin-top:30px;}
	.foot ul{ width:100%; text-align:center;}
	.foot ul li{ float:none; display:inline-block;}
	.foot p{ float:none; display:inline-block; text-align:center; width:100%;}
	.msg-detail{ margin-top:30px;}
	.main-content .right-content .product-all .product-intro .left-img img{ width:70% !important;}
	.main-form{ padding:0 20px;}
	.banner{ display: none;}
	.intro-txt ul li span{ width:100%;}
	.nav_index_fix{ position:static !important; width:100% !important;}
	.choose-us{ background:#1EC6C6 !important;}
	.select-flag{ display:none;}
	.contact-info .right-list ul li .select li{ width:88% !important;}
	.contact-info .right-list .send-btn { margin:0 auto !important;margin-top:30px !important;}
	.contact-info .left-list{ margin-top:30px;}
	.header .head .logo .logo-right span.company-name{ font-size:22px !important;}
}
@media (max-width: 768px) {
	.banner .d1 img,.banner{ height:220px !important;}
    .banner{height:220px;}
	.all_pic .col-xs-6{ width:48% !important; margin:0 1%;}
	.crumb{ margin-top:0 !important;}
	.header .head .logo .logo-right span.company-name{ font-size:20px !important;}
}
@media (min-width: 992px) {
    .all_pic .col-xs-6{ width:23% !important; margin:0 1%;}
	
}
@media (max-width: 640px) {
    .contact-info .right-list ul li label{ width:100%;}
	.contact-info .right-list ul li .txt1{ width:100% !important;}
	.contact-info .right-list ul li .tips{ float:right !important;background-position: -177px -88px;}
	.contact-info .right-list ul li .area{ width:100% !important;}
	.container .header dl dt{ font-size:18px !important;}
	.container .header dl dd{ line-height:20px !important;}
	.container .header dl dd strong{ font-weight:500;}
	.contact-info .right-list ul li label{ width:100% !important;}
	.main-content .right-content .product-box .title a{ font-size:14px !important; width:120px !important;}
}
@media (max-width: 1200px) {
    .nav li a{ padding:0 15px !important;}
	
}
@media (max-width: 480px) {
    .service-list dl{ min-height:170px;}
	.contact-info .right-list ul li .select{ width:85% !important;}
}
@media (max-width: 430px) {
   
}
@media (max-width: 400px) {
    .service-list dl{ min-height:230px;}
	.header .head .logo .logo-right span.company-name{ font-size:18px !important;}
}

.seemore {display: none;}
.seemore a{width:150px; height:38px; display:block; margin:0 auto; margin-top: 20px; background:#fff; text-align:center; line-height:38px; font-size:16px; border-radius:3px; color:#28a9a1 !important; font-weight:500;}
.seemore a img{ display:inline-block; margin-top:-4px;}

.seemore a:hover, .seemore a:visited , .seemore a:active, .seemore a:link {color:#fff; text-decoration:none;}