@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; }


img{
	background:none;
}

#map{
	margin-top:30px;
	width:100%;
height:358px;
margin-bottom:35px;
}


.textarea {
    float: left;
    width: 100%;
    position: relative;
}


.con-title{
	float:left;
width:100%;
}
.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: 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;}
}


@CHARSET "UTF-8";
@CHARSET "UTF-8";
@CHARSET "UTF-8";
.product-contactus {
    float: left;
    width: calc(100% - 2px);

border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
border-bottom: 1px solid #D5D5D5;
}

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

.ptip{
	margin-top:22px;
}
.product-contactus-title {
	margin-top:80px;
float: left;
    width: 100%;
    
    height: 65px;
background: linear-gradient(45deg, #4eabf9 0%, #4eabf9 40%, #304770 40%, #304770 100%);
}

.xinghao{
	float:left;
width:10px;
height:11px;
margin-left:15px;
background: url('../images/lanxing.png') no-repeat;
margin-top:35px;
}
.product-con-title-topline{
	float:left;
  width:45px;
  height:3px;
  background:#DC2A23;
}

.product-contactus-title-text {
float: left;
    width: 40%;
    height: 65px;
    color: #fff;
    font-size: 28px;
    line-height: 65px;
margin-left:15px;
font-weight:bold;
}

.product-contactus-title-text2 {
    float: left;
    width: calc(60% - 35px);
    height: 65px;
    font-size: 20px;
font-weight:bold;
margin-top:7px;
margin-left:20px;
}
.product-contactus-title-text3 {
    float: left;
    width: 80%;
    margin-left: 0%;
    color: #828282;
    font-size: 14px;
    display: none;
}

.product-contactus-title-in{
	float:left;
width:100%;
color:#88C231;
font-size:30.36px;
font-style:italic;
}
.product-contactus-in {
    float: left;
    width: 48%;
    position: relative;
}

.pcibig {
    width: 100%;
}

#con-Name, #con-Country, #con-CompanyName, #con-Email, #con-Tel,#con-ProductName {
    margin-top: 25px;
    float: left;
    border: 1px solid #D5D5D5;
    width: calc(100% - 127px);
    height: 35px;
    padding-left: 15px;
    color: #828282;
    font-size: 16.87px;
    line-height: 5px;
    outline: none;

}


.xiaolian {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 31px;
    left: 10px;
    z-index: 2;
    background: url('../images/xialian.png') no-repeat;
}

.prod {
    top: 31px;
    width: 26px;
    height: 29px;
    background: url('../images/prod.png') no-repeat;
}

.xing {
    width: 15px;
    height: 14px;
    position: absolute;
    top: 30px;
    left: 365px;
    z-index: 2;
    background: url('../images/xing.png') no-repeat;
}

.cont {
    top: 40px;
    width: 18px;
    height: 20px;
    background: url('../images/bi.png') no-repeat;
}

.xx2 {
    top: 35px;
    width: 24px;
    height: 17px;
    background: url('../images/femail.png') no-repeat;
}
.xl2 {
    top: 32px;
    width: 31px;
    height: 22px;
    background: url('../images/fdianhua.png') no-repeat;
}

.xxin2 {
    top: 30px;
    left: 175px;
}
.xxin1-2 {
    left: 190px;
}

.xx3 {
    top: 29px;
    left: 75px;
}





.ycc:focus + .downkub{
	opacity: 1;
    top:63px;
}

.product-contactus-bottom {
    float: left;
    width: 100%;
margin-bottom:45px;
margin-top:25px;
}

.product-contactus-bottom2 {
    float: left;
    width: 100%;
margin-bottom:45px;
}

.product-contactus-c_btn {
    width: 325px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3%;
}

.code {
    float: left;
    margin-left: 20px;
outline:none;
}

#con-Content {
     font-family: arial;
    margin-top: 25px;
    float: left;
    border: 1px solid #D5D5D5;
    width: calc(100% - 129px);
    height: 60px;
    padding-left: 15px;
    padding-top: 10px;
    color: #828282;
    font-size: 16.87px;
    outline: none;
 
}


#con-Code {
    float: left;
    width: calc(60% - 122px);
    height: 32px;
    padding-left: 2%;
    color: #828282;
    font-size: 14px;
border: 1px solid #d9d3d1;
}
.conaddt{
	margin-top:5px;
}
.conbottombk{margin-top:20px;float:left;width:100%;display:block;}
.send {
    float: left;
    width: 138px;
    height: 35px;
    cursor: pointer;
    transition: all 0.6s ease 0s;
background:#4EABF9;
color:#fff;
text-align:center;
line-height:35px;
font-size:18.76px;
border:2px solid #4EABF9;
}

.send:hover{
	border:2px solid #6E6E6E;
color:#6E6E6E;
background:none;
}

.ditu{
	margin-top:60px;
	float:left;
width:100%;
margin-bottom:30px;
}
.refill:hover{
	border:2px solid #6E6E6E;
color:#6E6E6E;
background:none;
}
.refill {
	margin-left:35px;
     float: left;
    width: 138px;
    height: 35px;
    cursor: pointer;
    transition: all 0.6s ease 0s;
background:#304770;
color:#fff;
text-align:center;
line-height:35px;
font-size:18.76px;
border:2px solid #304770;
}

.skypk{
    float: left;
      width: 48.2%;
    margin-left: 3.5%;
    margin-top: 3.5%;
}

.skypico{float:left;width:31px;height:30px;}

.skype{float:left;color:#666666;font-size:15px;margin-top:1.5%;margin-left:3%;}

.product-contactus-fat{
	float:left;
width:100%;
}


.product-contactus-main{    
	float: left;
    width: 70%;
    margin-left: 15%;
    margin-top: 4%;
}

.product-contactus-title-text3 {
    float: left;
    width: 80%;
    margin-left: 0%;
    color: #828282;
    font-size: 14px;
    display: none;
}



.downkub {
	padding-left:10px;
 background: #D5D5D5;
    width: calc(100% - 120px);
    height: 20px;
    position: absolute;
    left: 85px;
    top: 0px;
    z-index: 50;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    transition: all 0.8s ease 0s;
    opacity: 0;
}

.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:120px;
}

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

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

.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: 1350px){




}



@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: 1050px){

}

@media screen and (max-width: 880px) {
.product-contactus-title-text2{
	font-size:16px;
width: calc(60% - 35px);
}
.product-contactus-title-text{
	font-size:24px;
}
.con-left-infok{width:300px;}

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

}
 

}

@media screen and (max-width: 740px) {
.product-contactus-main {
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-top: 4%;
}
	.lantext{
	width: calc(100% - 20px);
	}
	.pick{
	height:420px;
	}
	.lanimg{
	width:100%;
	}
}

@media screen and (max-width: 735px) {
.product-contactus-title-text {
    font-size: 20px;
}
	.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: 660px) {
	.conadder{font-size:18px;margin-left:10px;}
	.product-contactus-main{margin-bottom:30px;}
	.conus-bk{margin-top:20px;}
	#con-dizhi{width:200px;}
	.product-contactus-c_btn{
	margin-top:20px;
	}
.conbottombk{margin-top:0px;}
.skypk{width:100%;}
   .conustitle{
	 font-size: 22px;
	height:auto;
	margin-left:10px;
   } 
    
	.refill {
    margin-bottom: 0;
	}
    .product-contactus-in{width:100%!important;margin-left:0%!important;}
.conus-bk-title {
    width:90%;
    font-size: 16px;
    color: #777777;
    margin-left: 5%;
    margin-top: 5%;
}


}

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

}


@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 {

    background: #4eabf9;
}
    .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: 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: 460px) {
.xx3 {
    left: 75px!important;
}
.xxin2 {
    left: 160px!important;
}
.xing {
    left: 320px;
}
#con-Name, #con-Country, #con-CompanyName, #con-Email, #con-Tel{
	font-size:14px;
}

}