@charset "utf-8";
body{font-family:"Arial";}
img{max-width:100%;}
h1{margin:0;}
a{text-decoration:none;}
p{margin: 0;}
input{outline:none;}
ul{margin:0; padding:0;}
li{list-style:none;}
dl,dd{margin:0;}
.clearfix{clear:both;}
.f_l{ float:left;}
.f_r{ float:right;}
.gun{position:relative; z-index:999;}
.highslide-controls{display: none;}

.header_bg{padding-top: 20px;}
.logo{position: relative;top: 10px;z-index: 9999;}
.header a:hover{color: #333;}
.header_contact{float: left;margin-right: 20px;}
.header_contact a,.header_login a{font-size: 12px;line-height: 16px;color: #999;}
.header_login{margin-left: 10px;color: #999;}

.language{background:url(../images/language1.png) no-repeat 85px center; position:relative; width:95px;margin-left: 30px;}
.language:hover{cursor: default;}
.arrow_up{ background:url(../images/language2.png) no-repeat 85px center;}
.language>span{color:#999; font-size:12px;line-height: 16px;margin-left: 10px;}
.lan{position:absolute; left:0; top:30px; z-index:9999; background-color:#fff; border:1px solid #ccc;display: none;}
.lan li{font-size: 12px;line-height:28px;padding:0 15px;width:100px;text-align:center;color:#999;font-weight: normal;text-transform: none;}
.lan li:hover{color:#004d99;}

.search{position:relative;margin-top: 20px;float: right;}
.search1{width:240px;height:28px;padding:0 10px;font-size: 12px;border-radius: 5px; border: 1px solid #eee;background: #f5f5f5;}
.search2{width:18px; height:18px; background:url(../images/search.png) no-repeat; position:absolute; top:5px; right:10px;border: none;}

.nav_bg{background: #fff;box-shadow: 0px 3px 3px rgba(0,0,0,0.1);}
.nav{width: 910px;float: right;}
.nav>li{width: 130px;padding: 15px 0;float: left;text-align: center;}
.nav>li>a{font-size: 14px;line-height: 14px; font-weight: bold;color: #333;text-transform: uppercase;}
.nav>li>a:hover{color: #004d99;}

.nav_d1_box{width:150%;position:absolute;top: 40px;display: none;}
.nav_d1_box li{font-size:12px; color:#555; font-weight:normal; letter-spacing:0; line-height:36px;background-color:rgba(255,255,255,0.9);padding:0 25px;text-align: left;}
.nav_d1_box li:hover{color:#004d99;padding-left: 35px;
	-webkit-transition: all 0.3s linear;  
	-moz-transition: all 0.3s linear;  
	-ms-transition: all 0.3s linear;  
	-o-transition: all 0.3s linear;  
	transition: all 0.3s linear;}

.xs_header_bg{display:none; background:#fff; border-bottom:1px solid #ccc; padding:10px 0;}
.xs_logo{width: 48px;}
.xs_nav_btn{margin-top: -1px;}
.xs_nav_btn span{width:25px; height:3px; margin:5px auto; background-color:#1a1a1a;display:block;}
.xs_nav{width:100%; background-color:#1a1a1a;border: 1px solid #333;margin-bottom:0; display:none; position:fixed; right:0; z-index:1111; width:50%;}
.xs_nav li{text-align:center;border-bottom:1px solid #333;}
.xs_nav a{font-size:14px; line-height:40px; color:#fff;}
.xs_nav li:hover{background-color:#004d99;}

.index_service_box{margin-top: 60px;}
.company-synopses{
	position:relative;
	width:100%;
	overflow:hidden;
	}	
.company-synopses ul{
	position:relative;
	}
.synopsis-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	padding:0 60px;
	}
.synopsis-item .item-wrap{
	position:relative;
	width:100%;
	overflow:hidden;
	background:#ffffff;
	text-align:center;
 	}
.synopsis-item .item-wrap:before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
	}
.synopsis-item .item-wrap:hover:before{
	-webkit-animation: shine 1s;
  animation: shine 1s;
	}
.synopsis-item .item-wrap .item-link{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:3;
	}
.synopsis-item .item-img{
	position:relative;
	z-index:2;
	}
.synopsis-item .item-img img{
	position:relative;
	width:100%;
	border-radius:100%;
	margin:0 0 .25rem;
	-moz-transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease;
	}
.synopsis-item:hover .item-img img{border-radius:20px;}
.synopsis-item .item-info{
	position:relative;
	}
.synopsis-item .item-info .item-title{
	position:relative;
	font-size:18px;
	font-weight: bold;
	}
.synopsis-item .item-info .item-detail{
 	position:relative;
	font-size: 12px;
	min-height:96px;
	line-height:24px;
	margin-top: 15px;
	word-break: break-all;
	}
.synopsis-item .item-info .item-more{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width: 110px;
	line-height:30px;
	background:#004d99;
	border-radius:5px;
	color:#fff;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	}

.index_about_bg{background:url("../images/about_bg.jpg") left 50% top 50% / cover no-repeat fixed;
padding:110px 0;margin-top: 60px;}
.index_about{font-size: 16px;line-height: 36px;font-weight: bold;color: #fff;text-align: center;}
.index_about_box a{display: block;width: 180px;line-height: 36px;font-size: 16px;margin: 50px auto 0 auto;color: #fff;border-radius: 18px;border: 1px solid #fff;text-align: center}
.index_about_box a:hover{width: 200px;
	-webkit-transition: all 0.3s linear;  
	-moz-transition: all 0.3s linear;  
	-ms-transition: all 0.3s linear;  
	-o-transition: all 0.3s linear;  
	transition: all 0.3s linear;}

.index_product_img{overflow: hidden;}
.index_product_img img{width: 100%;
	-moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
.index_product_img:hover>img{
	-webkit-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
}
.index_product_img:before {
	content: '';
    display: block;
    width: 100%;
    height: 220px;
    background-color: #ccc;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.index_product:hover .index_product_img:before {opacity: 0.6;}
.index_product:hover .index_product_img:after{opacity: 1;visibility: visible;}
.index_product:hover .index_product_img:before {
    opacity: 0.6;
    filter: alpha(opacity=6);
}
.index_product:hover .index_product_img:after{
    opacity: 1;
    filter: alpha(opacity=60);
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); 

}
.index_product{padding: 0;height: auto;}
.index_product .item-info{
    display: block;
    width: 100%;
    padding: 0 .3rem;
    line-height: 1.2;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 58%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: .2rem;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    color: #000;
}
.index_product:hover{
    opacity: 1;
    filter: alpha(opacity=60);
    visibility: visible;
    top: 50%;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;

}

.index_product_bg{margin-top: 60px;}
.index_title{font-size: 24px;margin-bottom: 35px;font-weight: bold;text-align: center;}
.index_product_attach{position: absolute;top: 46%;left: 50%;margin:-20px 0 0 -20px;display: none;z-index: 3;}
.index_pro{margin-top: 15px;}
.index_pro p{font-size: 16px;color: #333;margin-top: 10px;text-align: center;}

.index_inquiry_bg{padding: 40px 0;margin-top: 60px;background: #333;}
.index_inquiry_title{font-size: 26px;margin: 0;font-weight: bold;color: #fff;}
.index_inquiry{font-size: 18px;line-height: 36px;margin-top: 10px;font-weight: bold;color: #999;}
.index_inquiry_btn{width: 160px;line-height: 40px;margin-top: 40px;font-size: 18px;border-radius: 5px; background: #004d99;color: #fff;text-align: center;display: block;}
.index_inquiry_btn:hover{width: 180px;
	-webkit-transition: all 0.3s linear;  
	-moz-transition: all 0.3s linear;  
	-ms-transition: all 0.3s linear;  
	-o-transition: all 0.3s linear;  
	transition: all 0.3s linear;}

.footer_bg{margin-top: 60px;border-top: 10px solid #004d99;background: #1a1a1a;padding: 50px 0;}
.footer_logo img{float: left;}
.code{margin-left: 30px;}
.share{margin-top: 25px;}
.share li{float: left;margin-right: 10px;}
.copyright{font-size: 12px;font-weight: bold;color: #666;margin-top: 30px;}

.footer_title{font-size: 12px;font-weight: bold;color: #fff;}
.footer_news_box{margin-top: 10px;}
.footer_news{margin-top: 10px;}
.footer_time span{font-size: 12px;font-style: italic;color: #fff;margin-left: 10px;}
.footer_text{font-size: 12px;line-height: 20px;width: 320px;margin-top: 8px;color: #fff;}
.footer_contact p{font-size: 12px;line-height: 28px;color: #fff;margin-top: 10px;}


.search{position:relative;margin-top: 20px;float: right;}
.search1{width:240px;height:28px;padding:0 10px;font-size: 12px;border-radius: 5px; border: 1px solid #eee;background: #f5f5f5;}
.search2{width:18px; height:18px; background:url(../images/search.png) no-repeat; position:absolute; top:5px; right:10px;border: none;}

.sm_header_bg{display: none;}
.logo_in,.nav_in{float: left;}
.nav_bg_in{background: #1a1a1a;padding: 20px 0;}
.nav_in{width:70%}
.nav_in>li{width: 117px;line-height: 36px;float: left;text-align: center;position: relative}
.nav_l{width: 120px !important;}
.nav_in>li>a{font-size: 14px;line-height: 36px;font-weight: bold;color: #fff;text-transform: uppercase;}
.nav_in>li:after{content: "";width: 0;height: 2px;background: #fff;position: absolute;top: 34px;left: 0;transition: all .8s;
}
.nav_in>li:hover:after{left: 0%;width: 100%;}

.nav_d2_box{width: 200%;position:absolute;left: 0;top: 36px;display: none;}
.nav_d2_box li{font-size:12px; color:#555; font-weight:normal; letter-spacing:0; line-height:36px;background-color:rgba(255,255,255,0.9);padding:0 25px;text-align: left;}
.nav_d2_box li:hover{color:#004d99;padding-left: 35px;
	-webkit-transition: all 0.3s linear;  
	-moz-transition: all 0.3s linear;  
	-ms-transition: all 0.3s linear;  
	-o-transition: all 0.3s linear;  
	transition: all 0.3s linear;
}
.search_in{position:relative;margin-top: 2px;float: right;}
.search3{width:160px;height:32px;padding:0 15px;font-size: 12px;border-radius: 16px; border: 1px solid #999;background: none;color: #999;}
.search4{width:16px; height:16px; background:url(../images/search_in.png) no-repeat; position:absolute; top:8px; right:15px;border: none;}

.location_bg{background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.location,.location a{font-size: 14px;color: #1a1a1a;line-height: 50px;}
.location a:hover{color: #004d99;text-decoration: underline;}
.content{margin-top: 20px;}
.title{font-size: 28px;color: #1a1a1a;text-align: center;}

.page{margin: 20px auto 0 auto;width: 234px;}
.page a{float:left;padding: 0 14px; font-size:14px; line-height:34px;background: #fff;border: 1px solid #ccc;border-radius: 5px; color:#444; text-align:center;margin: 0 3px;}
.page a:hover{background-color:#333; color:#fff;}
.np{margin-top: 60px;}
.np li{font-size: 16px;line-height: 32px;color: #333;}
.np li:hover{color: #004d99;text-decoration: underline;}

.about{margin-top: 30px;}
.about p{font-size: 14px;line-height: 28px;color: #333;}
.about_box{background: #f2f2f2;margin-top: 60px;padding: 60px 0;}
.about_certificate_box{margin-top: 20px;}
.about_certificate{margin-top: 30px;}
.about_img_bg{margin-top: 60px;}
.abou_img_box{margin-top: 20px;}
.about_img{overflow: hidden;margin-top: 30px;}
.about_img img{width: 100%;
	-moz-transition: 1.5s all ease;
    -o-transition: 1.5s all ease;
    -webkit-transition: 1.5s all ease;
    transition: 1.5s all ease;
}
.about_img:hover>img{
	-webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.title2{font-size:20px; color:#000; text-transform:uppercase; border-bottom:1px solid #000; margin-top:60px; margin-bottom:40px; padding-bottom:15px;}
.login_title{font-size:16px;}
.login_in h1{font-size:14px; line-height:24px; margin-top:15px;}
.login_in h2{font-size:16px; margin-top:20px; margin-bottom:0;}
.login1,.login2{border:1px solid #e5e5e5; width:100%; max-width:375px; height:32px; padding:0 20px; margin-top:15px;}
.login3{width:200px; height:40px; background:#004d99; color:#fff; border: none; margin-top:20px; margin-bottom:10px;}
.login_input a{color:#999;}
.login_r p{color:#666; line-height:26px; margin-top:12px; margin-bottom:32px;}
.login4{background:#004d99; color:#fff; padding:12px 40px;border:2px solid #004d99;}
.login4:hover{background:#fff; color:#004d99;transition: all 0.3s linear;}

.registered_title{text-align:center; font-size:16px;}
.registered_input{width:100%; max-width:375px; margin:0 auto;}
.registered_input h1{font-size:14px; text-align:left; margin-top:15px; margin-bottom:-10px;}
.tip{font-size:12px; line-height:18px; color:#999; margin-top:10px;}
.check span{margin-left:10px;}
.login5{width:100%; height:40px; border-radius:20px; background:#0088cc; color:#fff; margin-top:20px; margin-bottom:10px;}
.registered_input h2{text-align:center; color:#999; font-size:14px; margin-top:10px; margin-bottom:0;}
.login6{background:#e5e5e5; color:#000; display:block; width:100%; line-height:40px; border-radius:20px; text-align:center; margin-top:10px; margin-bottom:0;}
.login6:hover{background:#000; color:#fff;transition: all 0.3s linear;}

.classify_title{line-height: 50px;font-size: 15px;font-weight: bold;color: #1a1a1a;background: #f2f2f2;text-align: center;text-transform: uppercase;}
.classify{margin-top: 10px;}
.classify li{font-size: 15px;line-height: 35px;border-bottom: 1px solid #e5e5e5;color: #333;padding: 0 20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.classify li:hover{color: #004d99;}
.recommended_box{margin-top: 30px;}

.product_img{overflow: hidden;}
.product_img img{width: 100%;
	-moz-transition: 1.5s all ease;
    -o-transition: 1.5s all ease;
    -webkit-transition: 1.5s all ease;
    transition: 1.5s all ease;
}
.product_img:hover>img{
	-webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.product{margin-bottom: 30px;}
.product p{font-size: 16px;margin-top: 12px;font-weight: bold;color: #404040;text-align: center;}

.product_photo{padding: 0;}

.product_introduction{background: #004d99;padding-top: 50px;height: 400px;}
.product_title{font-size: 30px;margin-bottom: 15px;margin-left: 12px;letter-spacing: 1px;font-weight:bolder;color: #fff;font-family: Helvetica Narrow;}
.product_introduction p{font-size: 14px;line-height: 28px;color: #fff;float: left;}

.p_product_introduction{display:none;background: #004d99;padding-top: 50px;height: 400px;}
.p_product_introduction p{font-size: 14px;line-height: 28px;color: #fff;float: left;}

.product_feature_bg{margin-top: 30px;}
.feature_title{font-size: 20px;line-height: 20px;padding-left: 10px;border-left: 6px solid #004d99;font-weight: bolder;font-family: Helvetica Narrow;}
.feature p{font-size: 14px;line-height: 30px;margin-top: 25px;color: #555;}
.download_box{margin-top: 40px;}
.download{margin-top: 20px;}
.download li{font-size: 14px;line-height: 30px;color: #555;text-decoration: underline;}
.download li:hover{color: #004d99;}
.download a{color:rgb(85, 85, 85);}
.product_specification img{margin-top: 25px;}

.news{border: 1px solid #e5e5e5;padding: 30px 15px;margin-bottom: 30px;}
.news:hover{
	-moz-box-shadow: 0 0 20px rgba(90,90,90,0.3);
    -o-box-shadow: 0 0 20px rgba(90,90,90,0.3);
    -webkit-box-shadow: 0 0 20px rgba(90,90,90,0.3);
    box-shadow: 0 0 20px rgba(90,90,90,0.3);}
.news_text h5{font-size: 20px; color: #1a1a1a;margin: 0;float: left;}
.news_text h6{font-size: 20px; color: #ccc;margin: 0;float: right;}
.news_text span{font-size: 14px;margin-left: 10px;}
.news_text p{font-size: 14px;line-height: 28px;color: #666;margin-top: 20px;}
.news_text a{display: block;width: 160px;line-height: 40px;border: 1px solid #004d99;background: #004d99;font-size: 14px;text-align: center;color: #fff;margin-top: 25px;}
.news_text a:hover{background: #fff;color: #004d99;transition:background-color 0.2s;transition-timing-function: linear;}

.news_in_title{padding-bottom: 30px;text-align: center;border-bottom: 1px dashed #999;}
.news_in_title h5{font-size: 20px;color: #333;}
.news_in_title h6{font-size: 16px;margin-top: 30px;color: #999;}
.news_in{margin-top: 50px;}
.news_in p{font-size: 16px;line-height: 26px;color: #555;}
.news_in img{margin-top: 40px;}

.down_bg{background: #f2f2f2;padding-top: 20px;padding-bottom: 60px;}
.down{background: #fff;padding: 20px 40px;position: relative;margin-bottom: 30px;}
.down_img{float: left;}
.down_text{float: left;margin-left: 30px;margin-top: 20px;width: 580px;}
.down_title{font-size: 20px;color: #004d99;}
.down_text p{font-size: 14px;line-height: 30px;margin-top: 20px;color: #555;}
.down_line{width: 1px;height: 100%;background: #999;position: absolute;right: 200px;top: 0;}
.down_btn{float: right;width: 200px;text-align: center;position: absolute;right: 0;top: 85px;}
.down_btn a{font-size: 22px;color: #333;}
.down_btn a:hover{color: #004d99;}

.title3{font-size: 28px;font-weight: bold;text-align: center;color: #1a1a1a;}
.contact_title{font-size: 18px;line-height: 28px;margin-top: 20px;color: #333;text-align: center;}
.contact_icon_box{margin-top: 80px;}
.contact_icon{text-align: center;}
.contact_icon h3{font-size: 18px;color: #333;margin-top: 40px;margin-bottom: 0;}
.contact_icon p{font-size: 14px;line-height: 24px;color: #333;margin-top: 20px;margin-bottom: 0;}

.contact_box{margin-top: 60px;}
.contact_name{font-size: 20px;line-height: 50px;color: #004d99;}
.contact li{font-size: 16px;line-height: 32px;color: #333;}
.contact li:hover{text-decoration: underline;}


.badoo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 15px; PADDING-BOTTOM: 10px; COLOR: #004d99; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
.badoo A {
	BORDER-RIGHT: #004d99 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #004d99 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #004d99 2px solid; COLOR: #004d99; PADDING-TOP: 2px; BORDER-BOTTOM: #004d99 2px solid; TEXT-DECORATION: none
}
.badoo A:hover {
	BORDER-RIGHT: #004d99 2px solid; BORDER-TOP: #004d99 2px solid; BORDER-LEFT: #004d99 2px solid; COLOR:#a9120b; BORDER-BOTTOM: #004d99 2px solid
}
.badoo .current {
	BORDER-RIGHT: #004d99 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #004d99 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #004d99 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #004d99 2px solid; BACKGROUND-COLOR: #004d99
}
#mo_whatsapp{display:none}
.whatsapp {
	clear: both;
	border-radius: 4px;
	/*padding: 10px 0;*/
}

.whatsapp:focus {
	border: 0;
	outline: none !important;
}

.whatsapp span {
	border-radius: 4px;
	background: #25D366;
	color: #fff;
	font-size: 13px;
	padding: 6px 8px;
	display: inline-block;
	outline: none;
}

.whatsapp a:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

.whatsapp-icon {
	position: relative;
	background-image: url('../img/whatsapp.png');
	background-size: auto;
	background-repeat: no-repeat;
	display: inline-block;
	height: 18px;
	width: 18px;
	/*margin-right: 4px;*/
	top: -1px;
	vertical-align: middle;
}

.whatsapp i.icon-whatsapp {
	font-size: 21px;
	line-height: 21px;
	padding-right: 7px;
}

.whatsapp.left {
	text-align: left;
	left: 0;
	float: left;
}

.whatsapp.center {
	text-align: center;
	left: 48%;
}

.whatsapp.right {
	text-align: right;
	right: 0;
	float: right;
}
.whatsapp.bottom-left {
	left: 0;
}

.whatsapp.bottom-right {
	right: 0;
}

.whatsapp-hookDisplayFooter {
	clear: none;
}

.whatsapp-hookDisplayNav {
	clear: none;
	float: left;
	margin-left: 15px;
	padding: 0;
}

.whatsapp-hookDisplayNav span {
	float: left;
	padding: 5px 0 10px;
	line-height: 18px;
	background: none;
}

.whatsapp-hookDisplayNav .whatsapp-icon {
	background-image: url('../img/whatsapp-green.png');
	top: 0;
	vertical-align: baseline;
}

.whatsapp-hookDisplayNav i.icon-whatsapp {
	vertical-align: 0;
}

.whatsapp-badge {
	position: fixed;
	bottom: 0;
	z-index: 999999;
	margin: 10px;
	width: auto !important;
}

.whatsapp-top {
	position: fixed;
	top: 0;
	z-index: 999999;
	margin: 10px;
	width: auto!important;
}

.whatsapp-bottom {
	position: fixed;
	bottom: 0;
	z-index: 999999;
	margin: 10px 10px 0 10px;
	width: auto!important;
}

.whatsapp-topWidth {
	padding: 0;
	text-align: center;
	border-radius: 0!important;
	z-index: 999999;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.whatsapp-topWidthS {
	position: fixed;
	top: 0;
	z-index: 999999;
	margin: 0;
	padding: 0;
	width: 100%!important;
	border-radius: 0!important;
	left: 0!important;
}

.whatsapp-bottomWidth {
	position: fixed;
	bottom: 0;
	z-index: 999999;
	margin: 0;
	padding: 0;
	width: 100%!important;
	border-radius: 0!important;
	left: 0!important;
}

/* 超小设备（手机，小于 768px） */
@media (max-width: 	767px) 
{	
	.search,.header_contact_box,.nav_bg{display: none;}
	.logo{width: 48px;top: -5px;}
	.xs_search{position:relative;float: left;}
	.xs_header_bg{display: block;}
	
	.index_service_box{margin-top: 30px;}
	.synopsis-item{padding: 0 15px;margin-top: 30px;}
	.item-img{width: 300px;margin: 0 auto;}
	.index_product_img:before{height: 310px;}
	.index_product_img:after{height:280px;}
	.index_pro p{margin-top: 20px;}
	
	.index_inquiry_title{font-size: 20px;}
	.index_inquiry{font-size: 12px;line-height: 24px;}
	.index_inquiry_btn{width: 140px;line-height: 36px;margin-top: 25px;font-size: 16px;float: left;}
	.index_inquiry_btn:hover{width: 160px;}
	
	.footer_bg{padding-top: 20px;}
	.footer{margin-top: 30px;}
	.footer_text{width: 100%;}
	
	.nav_bg_in{display: none;}
	.location,.location a{font-size: 12px;line-height: 18px;padding: 8px 0;}
	.title{font-size: 20px;}
	.np{margin-top: 30px;}
	.np li{font-size: 14px;line-height: 28px;}
	
	.about{margin-top: 10px;}
	.about_box{margin-top: 40px;padding: 40px 0;}
	.about_certificate{padding: 0 5px;margin-top: 10px;}
	.about_img_box>div{padding: 0 5px;}
	.about_img{margin-top: 10px;}
	.about_img_box{margin-top: 20px;}
	.about_img_bg{margin-top: 40px;}
	
	.title2{font-size:18px; margin-top:40px; margin-bottom:30px; padding-bottom:12px;}
	.login_in h1{margin-top:10px;}
	.login_r{margin-top:25px;}
	.registered_title{text-align: left;}
	.classify_bg{display: none;}
	
	.product_introduction{padding: 30px 15px;height: auto;}
	.product_title{font-size: 24px;margin-bottom: 10px;margin-left: 0;}
	.product_introduction p{font-size: 12px;line-height: 24px;margin-left: 0;margin-right: 4px;}
	.product_specification{margin-top: 30px;}
	
	.news{border: none;border-bottom: 1px solid#e5e5e5;padding: 0;padding-bottom: 30px; margin-bottom: 30px;}
	.news:hover{box-shadow: none;}
	.news_text h5{font-size: 17px;}
	.news_text h6{font-size: 17px;float: left;margin-top: 5px;}
	.news_text span{font-size: 13px;}
	.news_text p{font-size: 13px;line-height: 23px;margin-top: 15px;}
	.news_text a{margin-top: 15px;}
	.news_img img{width: 100%;margin-top: 20px;}
	
	.news_in_title{padding-bottom: 10px;}
	.news_in_title h5{font-size: 18px;}
	.news_in_title h6{font-size: 14px;margin-top: 10px;}
	.news_in{margin-top: 20px;}
	.news_in p{font-size: 14px;line-height: 24px;}
	.news_in img{margin-top: 20px;}
	
	.down{padding: 15px;margin-bottom: 20px;}
	.down_img{width: 100%;}
	.down_img img{width: 100%;}
	.down_text{width: 100%;margin:0;margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #999;margin-bottom: 10px;}
	.down_title{font-size: 16px;}
	.down_text p{font-size: 12px;line-height: 24px;margin-top: 5px;}
	.down_line{display: none;}
	.down_btn{position: static;float: none;width: auto;}
	.down_btn a{font-size: 16px;}
	
	.title3{font-size: 20px;}
	.contact_title{font-size: 12px;line-height: 20px;margin-top: 15px;}
	.contact_icon_box{margin-top: 20px;}
	.contact_icon{height: 180px;margin-top: 20px;}
	.contact_icon img{width: 40px;}
	.contact_icon h3{font-size: 16px;margin-top: 20px;}
	.contact_icon p{font-size: 12px;line-height: 22px;margin-top: 10px;}

	.contact_box{margin-top: 0;}
	.contact_name{font-size: 16px;line-height: 32px;}
	.contact li{font-size: 14px;line-height: 28px;}
	.map{margin-top: 20px;}
	.product_introduction{display:none}
	.p_product_introduction{display:block}
	#mo_whatsapp{display:block}
}
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 	768px) and (max-width: 991px) 
{
	.logo{width: 100px;top: 0;}
	.nav{width: 100%;}
	.nav>li{width: 14.28%;}
	.nav>li>a{font-size: 12px;}
	
	.synopsis-item{padding: 0 15px;}
	.item-img{width: 180px;margin: 0 auto;}
	.index_product_img:before{height: 340px;}
	.index_product_img:after{height:310px;}
	.index_pro p{margin-top: 20px;}
	
	.index_inquiry_title{font-size: 20px;}
	.index_inquiry{font-size: 12px;line-height: 24px;}
	.index_inquiry_btn{width: 140px;line-height: 36px;margin-top: 25px;font-size: 16px;}
	.index_inquiry_btn:hover{width: 160px;}
	
	.footer_bg{padding-top: 20px;}
	.footer{margin-top: 30px;}
	.footer_text{width: 100%;}
	
	.nav_bg_in{display: none;}
	.sm_header_bg{display: block;background: #1a1a1a;padding: 15px 0;}
	.sm_logo{float: left;}
	.sm_search{float: left;position:relative;margin-top: 2px;margin-left: 300px;}
	.sm_nav_btn{margin-top: 4px;}
	.sm_nav_btn span{width:25px; height:3px; margin:5px auto; background-color:#fff;display:block;}
	.sm_nav{width:100%; background-color:#1a1a1a;border: 1px solid #333;margin-bottom:0; display:none; position:fixed; right:0; z-index:1111; width:50%;}
	
	.login_r{margin-top:40px;}
	.login_l1{margin-top:30px;}
	.classify_bg{display: none;}
	
	.product_photo img{width: 100%;}
	.product_introduction p{margin-right: 60px;}
	.product_specification{margin-top: 40px;}
	.product_specification img{width: 100%;}
	
	.news{padding: 20px 5px;}
	.news_text h5{font-size: 16px;}
	.news_text h6{font-size: 16px;}
	.news_text span{font-size: 12px;}
	.news_text p{font-size: 12px;line-height: 22px;margin-top: 16px;}
	.news_text a{width: 110px;line-height: 32px;font-size: 12px;margin-top: 20px;}
	
	.down{padding: 15px;margin-bottom: 20px;}
	.down_img{width: 140px;}
	.down_text{margin-left: 15px;margin-top: 5px;width: 380px;}
	.down_title{font-size: 16px;}
	.down_text p{font-size: 12px;line-height: 24px;margin-top: 10px;}
	.down_line{right: 130px;}
	.down_btn{width: 130px;top: 50px;}
	.down_btn a{font-size: 16px;}
	
	.title3{font-size: 24px;}
	.contact_title{font-size: 16px;line-height: 26px;}
	.contact_icon_box{margin-top: 60px;}
	.contact_icon h3{font-size: 16px;margin-top: 30px;}
	.contact_icon p{font-size: 12px;line-height: 22px;}
	.contact_box{margin-top: 30px;}
	.map{margin-top: 20px;}
	.product_introduction{display:none}
	.p_product_introduction{display:block}
	#mo_whatsapp{display:block}
}
/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) and (max-width: 1199px) 
{
	.nav{width: 770px;}
	.nav>li{width: 110px;}
	.nav>li>a{font-size: 13px;}
	
	.synopsis-item{padding: 0 15px;}
	.item-img{width: 200px;margin: 0 auto;}
	.index_product_img:before{height: 220px;}
	.index_product_img:after{height:200px;left: 10px;top: 10px;right: 10px;bottom: 10px;}
	.index_pro p{margin-top: 20px;}
	
	.index_inquiry_title{font-size: 24px;}
	.index_inquiry{font-size: 15px;line-height: 30px;}
	.index_inquiry_btn{margin-top: 30px;}
	.footer_text{width: 100%;}
	
	.logo_in{width: 150px;}
	.nav_in{margin-left: 40px;}
	.nav_in>li{width: 75px;line-height: 30px;}
	.nav_l{width: 100px !important;}
	.nav_in>li>a{font-size: 12px;line-height: 30px;}
	.nav_d2_box{width: 260%;top: 30px;}
	
	.search_in{position:relative;margin-top: 2px;float: right;}
	.search3{width:150px;height:28px;padding:0 10px;border-radius: 14px;}
	.search4{width:15px; height:15px;background-size: 100%;top:5px; right:10px;}
	
	.classify_title{font-size: 13px;line-height: 40px;}
	.classify{margin-top: 5px;}
	.classify li{font-size: 12px;line-height: 30px;}
	.recommended_box{margin-top: 20px;}
	
	.product_introduction{padding-top: 35px;height: 320px;}
	.product_title{font-size: 24px;margin-bottom: 10px;margin-left: 0;}
	.product_introduction p{font-size: 12px;line-height: 24px;margin-left: 0;margin-right: 4px;}

	.feature_title{font-size: 20px;line-height: 20px;padding-left: 10px;border-left: 6px solid #004d99;font-weight: bolder;font-family: Helvetica Narrow;}
	.feature p{font-size: 12px;line-height: 22px;margin-top: 20px;}
	.download_box{margin-top: 20px;}
	.download{margin-top: 10px;}
	.download li{font-size: 12px;line-height: 22px;}
	
	.news_text h5{font-size: 18px;}
	.news_text h6{font-size: 18px;}
	.news_text span{font-size: 14px;margin-left: 10px;}
	.news_text p{font-size: 14px;line-height: 24px;margin-top: 15px;}
	.news_text a{width: 120px;line-height: 32px;font-size: 12px;margin-top: 15px;}
	
	.down{padding: 20px 30px;}
	.down_text{width: 420px;margin-left: 20px;}
	.contact_box{margin-top: 40px;}
	.contact_name{font-size: 20px;line-height: 30px;}
	.contact li{font-size: 14px;line-height: 26px;}
}