@CHARSET "UTF-8";
@font-face { font-family:"HelveticaNeueLT Pro 33 ThEx"; src:  url(../font/HelveticaNeueLTPro-ThEx.otf); font-family: "icomoon"; src: url("../font/icomoon.eot"); src: url("../font/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }



@font-face { font-family: 'BebasRegular'; src: url("../img/footerbox/bebas.eot"); src: url("../img/footerbox/bebas.eot") format("embedded-opentype"), url("../img/footerbox/bebas.woff") format("woff"), url("../img/footerbox/bebas.ttf") format("truetype"), url("../img/footerbox/bebas.svg#BebasRegular") format("svg"); font-weight: normal; font-style: normal; }



@font-face { font-family: "impact"; src: url("../font/impact.eot"); src: url("../font/impact.eot?#iefix") format("embedded-opentype"), url("../font/impact.woff") format("woff"), url("../font/impact.ttf") format("truetype"), url("../font/impact.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }



@font-face { font-family: "ARVO-REGULAR"; src: url("../font/ARVO-REGULAR.eot"); src: url("../font/ARVO-REGULAR.eot?#iefix") format("embedded-opentype"), url("../font/ARVO-REGULAR.woff") format("woff"), url("../font/ARVO-REGULAR.ttf") format("truetype"), url("../font/ARVO-REGULAR.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }

.product-contactus{
	margin-top:0px;
}
.conbox-1{
	float:left;width:100%;
margin-top:25px;
}
.baidumap {
    width: 100%;
    float: left;
    height: 420px;
    transition: all 0s ease 0s;
}

.con-left-title{
	float:left;width:100%;
font-size: 13.8px ; color:#666666 ;
}
.con-l-t-2{
	font-size: 12px ;
}
.con-l-main{
	font-size: 12.8px ; color:#666666 ;
margin-top:10px;
}
.wxf{
	float:left;width:100%;
margin-top:15px;
}
.wximg{
	float:left;
width:96px;

}
.wxtip{
	float:left;width:100%;
font-size: 12.8px ; color:#666666 ;
margin-top:10px;
}


















.con-b1-left{
	float:left;
width:32%;
}
.con-b1-left-img{
	float:left;width:100%;
}
.con-b1-left-textf{
	float:left;width:100%;
margin-top:35px;
}
.con-b1-right{
	float:left;
width:65%;
margin-left:3%;
}
.con-b1-left-t-title{
	float:left;width:100%;
font-size: 28px ; color:#323332 ;
font-weight:bold;
}
.con-b1-left-t{
	float:left;width:100%;
margin-top:10px;
font-size: 16px ; color:#231815 ;
}
.con-b1-left-t a{
	color:#231815;
}

.con-titlef{
	float:left;width:100%;
border-bottom: 1px solid #DDDDDD;
height:30px;
margin-bottom:50px;
}
.con-title{
float:left;
width:180px;
background:#fff;
height:40px;
font-size: 28px ; color:#323332 ;
font-weight:bold;
margin-left:calc(50% - 90px);
margin-top:15px;
text-align:center;
}






.contitle{
	float:left;width:100%;
}


.contitleimg{
	float:left;
width:352px;
}


.contitlet{
	float:right;
color:#4A565E;
font-size:26px;
margin-top:40px;
}

.threek{
	float:left;width:104%;
margin-left:-4%;
}

.localk{
	float:left;
width:calc(29.3% - 2px);
margin-left:4%;
border:1px solid #E9E9E9;
}

.telk{
		float:left;
width:calc(29.3% - 2px);
margin-left:4%;
border:1px solid #E9E9E9;
}

.emailk{
		float:left;
width:calc(29.3% - 2px);
margin-left:4%;
border:1px solid #E9E9E9;
}

.localicok{
	float:left;width:100%;
margin-top:55px;
}

.localico{
	float:left;
width:91px;
margin-left:calc(50% - 45.5px);

}

.localtitle{
	float:left;width:100%;
text-align:center;
color:#505050;
font-size:20px;
margin-top:20px;
}

.localdizhi{
float:left;width:100%;
text-align:center;
color:#505050;
font-size:13.65px;
margin-top:15px;
line-height:20px;
    position: relative;
padding-bottom:20px;
margin-bottom:60px;
}

.localdizhi:before {
    content: '';
    position: absolute;
    left: calc(50% - 35px);
    bottom: 0px;
    background: #505050;
    width: 70px;
    height: 1px;
}

.conmob{
	width:59px;
margin-left:calc(50% - 29.5px);
}








.product-contactus-in2 {
    float: left;
    width: 28.3%;
    position: relative;
margin-left:5%;
margin-top:20px;
}

.textarea {
    float: left;
    width: 95%;
    position: relative;
margin-left:5%;
margin-top:20px;
}

.contitle{
	float:left;
width:100%;
color:#6C6F71;
font-size:40.58px;
text-align:center;
padding-bottom:25px;
}

.con-e{
float:left;
margin-left:85px;
margin-top:85px;
width:31%;
}
.con-t-text{
	float:left;
margin-left:45px;
margin-top:45px;
width:calc(100% - 90px);
}
.conttitle{
	float:left;width:100%;
    color: #231815;
    font-size: 28px;
font-weight:bold;
text-align:center;
}
.conttext{
	float:left;
width:54%;
margin-top:60px;
}

.woshouico{
	float:left;
width:149px;
}

.connowk{
	float:left;
margin-left:30px;
width:calc(100% - 179px);
}

.conntitle{
	float:left;width:100%;
color:#231815;
font-size:23.57px;
}

.conntext{
	margin-top:10px;
	float:left;width:100%;
color:#ADADAD;
font-size:16px;
line-height:25px;
}







.contaddrk{
	float:left;
margin-top:60px;
margin-left:8%;
width:38%;
}
.conaddrsingle{
	float:left;width:100%;
margin-top:15px;
}
.conico1{
	float:left;
width:15px;
height:20px;
background: url('../images/a1.png') no-repeat center;
}
.conico2{
	float:left;
width:15px;
height:20px;
background: url('../images/a2.png') no-repeat center;
margin-top:5px;
}
.conico3{
	float:left;
width:15px;
height:20px;
background: url('../images/a3.png') no-repeat center;
}
.conico4{
	float:left;
width:15px;
height:20px;
background: url('../images/a4.png') no-repeat center;
margin-top:3px;
}
.conico5{
	float:left;
width:15px;
height:20px;
}

.conaddrtext{
	float:left;
margin-left:10px;
width:calc(100% - 25px);
font-size:16px;
color:#ADADAD;
}
.cadrt2{
	margin-top:5px;
}

.cadrt3{
	margin-top:3px;
}


.mapmid{
	float:left;
width:calc(100% - 60px);
margin-left:30px;
margin-top:30px;
margin-bottom:30px;
height:405px;
}

.conlogo{
	float:left;
margin-left:30%;
width:152px;
}
.mapleft{
	float:left;
width:calc(62% + 20px);
    border-right: 2px solid #E2E2E2;
}

.maplefttitle{
	float:left;
width:100%;
height:40px;
background:#EB6300;
color:#fff;
text-align:center;
font-size:19.2px;
line-height:40px;
}

.maplefttext{
	float:left;
width:100%;
font-size:16px;
margin-top:25px;
margin-left:35px;
}

.adk{
	float:left;
width:100%;
margin-top:3px;
}

.adtitle{
	float:left;
width:110px;
color:#EB6300;
}

.adtext{
	float:left;
width:calc(100% - 110px);
color:#777777;
}

.mapright{
	float:left;
width:calc(38% - 22px);
    
}
.maprightimg{
	float:left;
width:calc(100% - 40px);
margin-left:40px;
}
.mapltitle{
	float:left;
width:calc(100% - 40px);
background:#1C2953;
height:70px;
line-height:70px;
text-align:center;
color:#fff;
font-size:44.18px;
border-radius:5px;
}
.maplleft{
	float:left;
width:39%;
    border-right: 2px solid #E2E2E2;
margin-top:45px;
}

.maplright{
	float:left;
width:calc(61% - 72px);
margin-left:40px;
margin-top:45px;
color:#7B7A7B;
font-size:24.4px;
}
.maplrtitle{
	float:left;
width:100%;
font-size:29.52px;
}
.maplrtext{
		float:left;
width:100%;
margin-top:45px;
}
.maplleftimg{
	float:left;
width:calc(100% - 20px);
margin-top:60px;
}
.mapltel{
	float:left;
width:calc(100% - 20px);
color:#6E6E6E;
font-size:28px;
margin-top:25px;
margin-bottom:30px;
}








.mapright-mid{
	float:left;
margin-left:108px;
width:calc(100% - 108px);
color:#727272;
font-size:16px;
line-height:25px;
}
.mapk{
	float:left;
width:100%;
position:relative;
margin-top:30px;
}

.mapk2{
	float:left;
width:100%;
height:480px;
}

.mapkzhe{
	position:absolute;
left:0;
bottom:0;
width:100%;
height:39px;
}
.zhe1{
	height:39px;
float:left;
width:calc(50% - 51px);
background:#fff;
}

.zhe2{
	height:39px;
float:left;
width:calc(50% - 52px);
background:#fff;
}

.zheao{
	float:left;
width:103px;
height:39px;
background: url('../images/mapzhe.png') no-repeat;
}

.ct-left {
	float:left;
width:60%;
color:#6E6E6E;
font-size:18px;
font-weight:bold;
}

.l1-left a {
	color:#6E6E6E;
}
.ct-left-1{
	float:left;
width:100%;

}

.l1-left{
		float:right;
width:60%;
color:#6E6E6E;
font-size:18px;
font-weight:bold;
width:50%;
}
.ct-right{
	float:left;
width:40%;
}

.ct-r-i1{
	
	float:right;
width:50%;
}

.ct-r-i2{
	float:right;
width:50%;
}

.ct-left-2{
	margin-top:40px;
		float:left;
width:100%;
}
.left-contus {
    margin-top: 37px;}
.conustitle{
	float:left;
  width:100%;
   font-size:32px;
   color:#231815;
   margin-top:10px;
font-family:impact;

}
.conadder{float:left;
width:100%;
margin-top:20px;
font-size:24px;
word-spacing:-0.5px;
line-height:32px;
}
.cp2-tel-text2{color:#666666;font-size:16px;    margin-left: 10px;
    float: left;}

.us-line2{float:left;width:100%;margin-top:10px;margin-bottom:18px;}


.conus-bk{
	height:318px;
	margin-top:28px;
	float:left;width:100%;
  font-size:25px;
color:#231815;
    background-repeat: no-repeat;
    background-image: url(../images/conkf.png);
    background-position: right;
    
}

.usaddr{float:left;width:100%;}


.kefu-big{float:left;width:100%;background: url("../images/kefu-big.jpg") no-repeat top;
    background-size: 100%;margin-top:3%;}
.kefu-b-text{float:left;margin-left:5%;margin-right:5%;margin-top:8%;font-size:20px;color:#302c37;  margin-bottom:5%; }

.con-main{float:left;width:100%;    border-top: 1px solid #bbb7b4;margin-top:1%;}

.con-box2{float:left;width:100%;margin-top:5%;}

.con-box2-left{    float: right;
    width: 28%;}


.conleft-pic{
	float:left;
width:100%;
}

.con-left-con{
	float:left;
width:100%;
    border-top: 1px solid #b3b3b3;
}

.lcon-title{
		float:left;
width:100%;
color:#88C231;
font-size:23.5px;
margin-top:30px;
    position: relative;
padding-bottom:10px;
}
.lcon-title:before {
    content: '';
    width: 60px;
    height: 2px;
    background: #88C231;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 2;
}

.con-left-infok{
	float:left;
width:100%;
margin-top:10px;
}

.consharek{
	float:left;
width:100%;
margin-top:20px;
}
.singlesharesingle {
    color: #fff;
}

.singlesharesingle:before {
    margin-left: 15px;
    display: inline-block;
    font-family: icomoon;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
color: #666666;
font-size:18px;
}

.ssstwitter:before {
	margin-left:0;
    content: '\e62b';
}
.sssfacebook:before {
    content: '\e62c';
}

.sssgoogle:before {
    content: '\e62d';
}


.ssslinkedin:before {
    content: '\e630';
}

.sssyoutube:before {
    content: '\e634';
}


.con-box2-right{    float: left;
    
    width: 70.5%;}

#tig2{display:none;}

@media screen and (max-width: 1240px) {
.conus-bk-title {
    float: left;
    width: 70%;
    font-size: 14px;
    color: #777777;
    margin-left: 5%;
    margin-top: 2%;
    line-height:15px;
}

}



@media screen and (max-width: 720px) {
.mapleft {
    border-right: none;
}
.conlogo {
    margin-left:0;
}
.mapright {
    margin-top:20px;
}
.mapright-mid {
    margin-left: 0px!important;
}
.mapk2 {
    float: left;
    margin-left: 0;
    width: 100%;
    height: 275px;
}

.mapk {
	margin-top:20px;
    margin-left: 0%;
    width: 100%;
    border-left: none;
}
.mapright {
    width: 100%;
}
	.mapleft {
    width: 100%;}
.con-title{
	height:auto;
}

}
@media screen and (max-width: 1000px) {
.kefu-b-text {
    font-size: 16px;
}
#tig2{display:block;}
#tig1{display:none;}

.kefu-b-text {
    font-size: 16px;
}
#tig2{display:block;}
#tig1{display:none;}
}




.con-tip{
	float:left;
width:85px;
color:#6E6E6E;
font-size:17px;
font-weight:bold;
margin-top:30px;
}

.ptip{
	margin-top:22px;
}

.feedbackk{
	float:left;
width:calc(100% - 2px);
margin-top:40px;
border: 1px solid #E9E9E9;
}

.fbmid{
	float:left;
margin-left:40px;
width:calc(100% - 80px);
margin-top:40px;
}


.intitle{
	float:left;width:100%;
color:#231815;
font-size:13.65px;
}
.product-contactus2 {
    float: left;
    width: 100%;
    margin-top: 20px;
}



.feedlinek{
	float:left;
width:100%;
}

.feedline{
	float:left;
width:45px;
height:3px;
background:#EF8200;
}













.ditu{
	margin-top:60px;
	float:left;
width:100%;
margin-bottom:30px;
}











.confoot{
	    background-repeat: no-repeat;
    background-image: url(../images/confobk.png);
    background-position: 50% 0%;
height:289px;
}

.cp2-tel-con {
    float: left;
}

.con-info2{float:left;margin-top:20px;display:none;}

.con-add{width:100%;margin-left:0!important;margin-top:10px;}


.zhang{
	float:left;
width:100%;
margin-top:70px;
    border-top: 1px solid #dad8d8;
margin-bottom:50px;
}

.zhangtitle{
		float:left;
width:100%;
margin-top:65px;
text-align:center;
color:#727272;
font-size:28px;
}

.zhangk{
		float:left;
width:100%;
margin-top:100px;
margin-bottom:80px;
}

.serimgk1{
	float:left;
width:224px;	
}
.serviceimg1{
	float:left;
width:229px;
}

.serimgk2{
	float:left;
width:247px;	
}
.serviceimg2{
	float:left;
width:252px;
}

.serimgk3{
	float:left;
width:209px;	
}
.serviceimg3{
	float:left;
width:214px;
}

.serimgk4{
	float:left;
width:222px;
margin-top:3.5px;
}
.serviceimg4{
	float:left;
width:229px;
}

.serimgk5{
	float:left;
width:224px;
}
.serviceimg5{
	float:left;
width:224px;
}
.zhang2{
	margin-top:100px;
}
.bottomtext1{
	float:left;
width:calc(100% - 241px);
color:#777777;
font-size:20px;
}

.bottomtext2{
		float:left;
width:calc(96% - 230px);
margin-left:4%;
color:#777777;
font-size:20px;
}
.bottomimg{
	float:right;
width:196px;
}

.bottomimg3{
	float:right;
width:241px;
margin-top:60px;
}

.bottomimg2{
		float:left;
width:230px;
}
.lan1{
			float:left;
width:calc(100% - 2px);
margin-top:30px;
border:1px solid #D5D5D5;
}
.pick{
				float:left;
width:calc(50% - 1px);
border-right:1px solid #D5D5D5;
height:160px;
}

.picmid{
	float:left;
margin-left:14px;
margin-top:24px;
width:calc(100% - 28px);
}

.lanimg{
	float:left;
width:35%;
}

.lantext{
	float:left;
width:calc(65% - 20px);
margin-left:20px;
color:#6E6E6E;
font-size:13px;
font-weight:bold;
}
.zhangimg{
	margin-left:auto;
margin-right:auto;
width:323px;
display:block;
}
@media screen and (max-width: 1520px){




}

@media screen and (max-width: 1270px){
#main_pro{
	float:left;
width:96%;
margin-left:2%;
}

}

@media screen and (max-width: 1180px){
.zhangk {
    margin-top: 50px;
}
.zhang {
    margin-bottom: 0px;
}
.serviceimg4 {
    margin-top:1px;
}
.serimgk1 {
    margin-left:calc(50% - 340px);
height:350px;
}
.serimgk2 {
height:350px;
}
.serimgk3 {
height:350px;
}
.serimgk4 {
height:350px;
margin-left:calc(50% - 223px);
}
.serimgk5 {
height:350px;
}
}

@media screen and (max-width: 1060px){
#main_pro .left {
    margin-top: 0px;
}
}




@media screen and (max-width: 1150px){
.con-box2-right {
    width: 65%;
}
}

@media screen and (max-width: 920px) {
	
	.mapltitle {
    width: calc(100%);
}
.mapleft {
    float: left;
    width: 100%;
    border-right:none;
}
.maprightimg {
    width: 100%;
    margin-left: 0px;
}
.mapright {
	margin-top:20px;
    width: calc(100%);
}
}

@media screen and (max-width: 960px) {
.product-contactus-title-text {
    font-size: 20px;
}
	.product-contactus-title-text2{
		margin-top: 25px;
font-size:16px;
	}
.mapright-mid {
    margin-left: 30px;
    width: calc(100% - 30px);
}

}

@media screen and (max-width: 880px) {
.con-b1-right {
    width:100%;
    margin-left: 0%;
margin-top:20px;
}
.con-b1-left {
    width: 100%;
}	
.contaddrk {
    margin-top: 30px;
    margin-left: 0%;
    width: 100%;
}
.conttext {
    width: 100%;
}
.con-left-infok{width:300px;}

.con-box2-left{    
    width: 100%;}
.qiuqiu{width:40%;margin-top:0;float:right}

 

}
@media screen and (max-width: 860px) {
.contitleimg {
    width: 352px;
margin-left:calc(50% - 176px);
}
.contitlet {
    float: left;
    font-size: 26px;
    margin-top: 40px;
width:100%;
text-align:center;
}

.con-t-text {
    float: left;
    margin-left: 3%;
    margin-top: 30px;
    width: 94%;
    margin-bottom: 50px;
}
.con-e {
    margin-left: 20%;
    margin-top: 50px;
    width: 60%
}
}
@media screen and (max-width: 800px) {
	.product-contactus-title-text2{
	display:none;
	}
.maplright {
    font-size: 18px;
}
.maplrtitle {
    font-size: 24px;
}
.mapltel {
    font-size: 20px;
}
	.product-contactus-title-text{
	width:calc(100% - 30px);
	}
}

@media screen and (max-width: 720px) {

.serimgk5 {
    margin-left:calc(50% - 112px);
}
.serimgk3 {
   margin-left:calc(50% - 215.5px);
}
.serimgk4 {
    margin-left:0px;
}
.serimgk1 {
    margin-left:calc(50% - 235.5px);
}
}

@media screen and (max-width: 740px) {
.bottomtext2 {
    width: 100%;
    margin-left: 0%;
}
.bottomimg,.bottomimg2,.bottomimg3 {
    display:none;
}
.bottomtext1 {
    width: 100%;
}


	.lantext{
	width: calc(100% - 20px);
	}
	.pick{
	height:420px;
	}
	.lanimg{
	width:100%;
	}
}

@media screen and (max-width: 735px) {
	.product-contactus-title-text2{
		margin-top:15px;
    font-size: 14px;}
}

@media screen and (max-width: 790px) {

	.con-box2-right{margin-top:5%;}
  #tig1{display:none;}
#tig2{display:none;}
.conus-bk-title {
    width: 73%;
    font-size: 12px;
    color: #777777;
    margin-left: 2%;
    margin-top: 2%;
    line-height: 15px;
}

}


@media screen and (max-width: 680px) {
.l1-left {
	margin-top:15px;
    float: left;
    width: 100%;
}

	.ct-r-i1,.ct-r-i2{
	width:100%;
	}
}



@media screen and (max-width: 620px) {
.emailk {
    width: calc(100% - 2px);
    margin-left:0%;
margin-top:20px;
}
.telk {
    width: calc(100% - 2px);
    margin-left: 0%;
margin-top:20px;
}
.localk {
    width: calc(100% - 2px);
    margin-left: 0%;
}


	.threek {
    width: 100%;
    margin-left: 0%;
}

.mapltel {
    font-size: 24px;
}
.maplright {
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
}	
.maplleft {
    width: 100%;
    border-right: none;
    margin-top: 20px;
}	
}

@media screen and (max-width: 550px) {
	.picmid{
	margin-bottom:15px;
	}
	.lan1{
	border:none!important;
	}
.pick {
    width: calc(100% - 1px);
    border: 1px solid #D5D5D5!important;
	height:auto;
}


    .product-contactus-title-text2{display:none;}
}

@media screen and (max-width: 540px) {

    .left-b-line-text{font-size:14px;}
.con-left-infok{width:250px;}
}

@media screen and (max-width: 505px) {
.serimgk4 {
    margin-left: calc(50% - 111px);
}
.serimgk3 {
    margin-left: calc(50% - 104.5px);
}
.serimgk2 {
    margin-left: calc(50% - 123.5px);
}
.serimgk1 {
    margin-left: calc(50% - 112px);
}
}
@media screen and (max-width: 480px) {
.maplefttitle {
    font-size: 16px;
}
.maplefttext{
	font-size:14px;
    margin-left: 0px;
}
}














@media screen and (max-width: 790px) {
  .kefu-b-text {
    margin-top: 3%;
    font-size: 12px;
  }
}

@media screen and (max-width: 600px) {
  .kefu-big {
        background-position: 50% 0%;
background-size: 500px 200px;}
}


@media screen and (max-width: 490px) {
	.conttext{
	margin-top:30px;
	}
	.conntitle {
   text-align:center;
}
.connowk {
    float: left;
    margin-left: 0px;
    width: 100%;
margin-top:20px;
}
.woshouico {
margin-left:calc(50% - 75px);
}
}



@media screen and (max-width: 460px) {
.xx3 {
    left: 75px!important;
}
.xxin2 {
    left: 160px!important;
}
.xing {
    left: 320px;
}
#con-Name, #con-Country, #con-CompanyName, #con-Email, #con-Tel,#con-Content,#con-Code{
	font-size:14px;
}

}

@media screen and (max-width: 365px) {
.refill {
    width: 120px;

}
.send {
    width: 120px;

}
}