﻿
.main .head{padding:40px 0;}
.main .head:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .head .left{width:590px;height: auto;float:left; overflow:hidden}
.main .head .left img{width:100%;height:100%; vertical-align:middle;}
.main .head .right{width:500px;float:right;margin-right:20px;}
.main .head .right p{color:#666;font-size:14px;line-height:22px;}

.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content .contentTitle{position:relative;line-height:28px;}
.main .content .contentTitle span{position:relative;z-index:1;color:#333333;font-size:18px;background:#fff;padding-right:12px;}
.main .content .contentTitle .sub{position:absolute;top:14px;left:0px;height:1px;background:#d6d6d6;width:100%;}
.main .content .left{width:685px;float:left; overflow:hidden}
.main .content .left ul{margin:18px 0;padding-left:20px;}
.main .content .left li{height:28px;line-height:28px;color:#666;font-size:14px; list-style:disc;}
.main .content .left .info{color:#666;font-size:14px;line-height:22px;margin:18px 0;}
.main .content .right{width:445px;float:right;}
.main .content .right .contentTitle{padding-bottom:30px;}
.main .content .right .lineTitle{padding-top:14px;font-size:14px;color:#666;line-height:32px;}
.main .content .right .inputText{color:#666;width:354px;height:36px;border:1px solid #b8b8b8;background:#fff;padding-left:12px;}
.main .content .right .textArea{color:#666;width:412px;height:143px;padding:12px;border:1px solid #b8b8b8;}
.main .content .right .inputSub{font-size:14px;cursor:pointer;width:90px;height:34px;line-height:34px;color:#fff;background:#999;text-align:center;margin-top:14px;border:0;}
.main .content .right .inputSub{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .content .right .inputSub:hover{background:#717070;}

.main .customer{position:relative;border-bottom:1px solid #d6d6d6;}
.main .customer .title{line-height:36px;color:#333333;font-size:18px;padding-bottom:20px;}
.main .customer .customerContent{position:relative;width:100%;height:290px;overflow:hidden;}
.main .customer .customerContent .contents{position:absolute;top:0px;left:0px;}
.main .customer .customerContent .child{position:absolute;top:0;left:0px;width:566px;height:290px;}
.main .customer .customerContent .child .childContent{position:relative;width:520px;height:127px;padding:24px;background-color:#f1f1f1;}
.main .customer .customerContent .child .childContent p{color:#777777;font-size:14px;line-height:24px;}
.main .customer .customerContent .child .childContent .pointer{position:absolute;bottom:-11px;height:11px;left:106px;}
.main .customer .customerContent .child .childFoot{position:relative;height:80px;}
.main .customer .customerContent .child .childFoot .childIcon{float:left;height:80px;line-height:80px;text-align:center;}
.main .customer .customerContent .child .childFoot .childIcon img{max-height:80px; vertical-align:middle;}
.main .customer .customerContent .child .childFoot .childInfo{float:left;padding-left:20px;}
.main .customer .customerContent .child .childFoot .childInfo .childTitle{color:#777777;font-size:14px;line-height:24px;padding-top:15px;}
.main .customer .customerContent .child .childFoot .childInfo .childEn{line-height:22px;color:#939393;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.main .customer .customerBtn{position:absolute;bottom:54px;cursor:pointer;z-index:1;}
.main .customer .customerBtn.leftBtn{right:50px;}
.main .customer .customerBtn.rightBtn{right:0px;}

.main .customerLogo{position:relative;padding-top:34px;}
.main .customerLogo .title{line-height:36px;color:#333333;font-size:18px;padding-bottom:36px;}
.main .customerLogo .customerLogoContent{position:relative;height:156px;width:100%;overflow:hidden;}
.main .customerLogo .customerLogoContent .contents{position:absolute;top:0px;left:0px;}
.main .customerLogo .customerLogoContent .child{position:absolute;top:0px;width:222px;height:154px;line-height:154px;text-align:center;border:1px solid #e2e2e2;}
.main .customerLogo .customerLogoContent .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .customerLogo .customerLogoContent .child:hover{
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);}
.main .customerLogo .customerLogoContent .child img{ vertical-align:middle;max-width:90%;max-height:90%;}
.main .customerLogo .logoBtn{position:absolute;top:164px;cursor:pointer;}
.main .customerLogo .logoBtn.leftBtn{left:-60px;}
.main .customerLogo .logoBtn.rightBtn{right:-60px;}
@media (max-width: 639px) {
.main .head{padding:20px 0;}

.main .head .left{width:100%;height:auto;float:none;}
.main .head .left img{width:100%;height:auto;}
.main .head .right{width:100%;float:none;margin:10px 0;}
.main .head .right p{font-size:12px;line-height:18px;}

.main .content .contentTitle{line-height:20px;}
.main .content .contentTitle span{font-size:14px;padding-right:8px;}
.main .content .contentTitle .sub{top:10px;}
.main .content .left{width:100%;float:none;}
.main .content .left ul{margin:10px 0;padding-left:20px;}
.main .content .left li{height:20px;line-height:20px;font-size:12px;}
.main .content .left .info{font-size:12px;line-height:20px;margin:10px 0;}
.main .content .right{width:100%;float:none;}
.main .content .right .contentTitle{padding-bottom:0px;}
.main .content .right .lineTitle{padding-top:10px;font-size:12px;line-height:26px;}
.main .content .right .inputText{width:280px;height:30px;padding-left:6px;}
.main .content .right .textArea{width:274px;height:143px;padding:6px;}
.main .content .right .inputSub{font-size:12px;width:90px;height:34px;line-height:34px;margin-top:14px;}

.main .customer{padding-top:20px;}
.main .customer .title{line-height:24px;font-size:14px;padding-bottom:10px;}
.main .customer .customerContent{width:100%;height:290px;}
.main .customer .customerContent .contents{width:100%;}
.main .customer .customerContent .child{width:100%;height:290px;}
.main .customer .customerContent .child .childContent{width:auto;height:160px;padding:12px;}
.main .customer .customerContent .child .childContent p{font-size:12px;line-height:20px;}
.main .customer .customerContent .child .childContent .pointer{bottom:-11px;height:11px;left:106px;}
.main .customer .customerContent .child .childFoot{height:80px;}
.main .customer .customerContent .child .childFoot .childIcon{height:80px;line-height:80px;}
.main .customer .customerContent .child .childFoot .childIcon img{max-height:80px;}
.main .customer .customerContent .child .childFoot .childInfo{padding-left:20px;}
.main .customer .customerContent .child .childFoot .childInfo .childTitle{font-size:14px;line-height:24px;padding-top:15px;}
.main .customer .customerContent .child .childFoot .childInfo .childEn{line-height:22px;font-size:12px;}
.main .customer .customerBtn{bottom:54px;}
.main .customer .customerBtn.leftBtn{right:50px;}
.main .customer .customerBtn.rightBtn{right:0px;}

.main .customerLogo{padding-top:34px;}
.main .customerLogo .title{line-height:36px;font-size:18px;padding-bottom:36px;}
.main .customerLogo .customerLogoContent{height:77px;}
.main .customerLogo .customerLogoContent .child{width:90px;height:75px;line-height:75px;}
.main .customerLogo .logoBtn{top:122px;}
.main .customerLogo .logoBtn.leftBtn{left:0px;}
.main .customerLogo .logoBtn.rightBtn{right:0px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.main .head{padding:40px 0;}
.main .head .left{width:100%;height:auto;float:none;}
.main .head .left img{width:100%;height:auto;}
.main .head .right{width:100%;float:none;margin:10px 0;}
.main .head .right p{font-size:14px;line-height:22px;}
.main .content .contentTitle{line-height:28px;}
.main .content .contentTitle span{font-size:18px;padding-right:12px;}
.main .content .contentTitle .sub{top:14px;}
.main .content .left{width:100%;float:none;}
.main .content .left ul{margin:18px 0;padding-left:20px;}
.main .content .left li{height:28px;line-height:28px;font-size:14px;}
.main .content .left .info{font-size:14px;line-height:22px;margin:18px 0;}
.main .content .right{width:100%;float:none;}
.main .content .right .contentTitle{padding-bottom:0px;}
.main .content .right .lineTitle{padding-top:14px;font-size:14px;line-height:32px;}
.main .content .right .inputText{width:90%;height:36px;padding-left:12px;}
.main .content .right .textArea{width:90%;height:143px;padding:12px;}
.main .content .right .inputSub{font-size:14px;width:90px;height:34px;line-height:34px;margin-top:14px;}

.main .customer{padding-top:20px;}
.main .customer .title{line-height:36px;font-size:18px;padding-bottom:20px;}
.main .customer .customerContent{width:100%;height:290px;}
.main .customer .customerContent .child{width:600px;height:290px;}
.main .customer .customerContent .child .childContent{width:552px;height:127px;padding:24px;}
.main .customer .customerContent .child .childContent p{font-size:14px;line-height:24px;}
.main .customer .customerContent .child .childContent .pointer{bottom:-11px;height:11px;left:106px;}
.main .customer .customerContent .child .childFoot{height:80px;}
.main .customer .customerContent .child .childFoot .childIcon{height:80px;line-height:80px;}
.main .customer .customerContent .child .childFoot .childIcon img{max-height:80px;}
.main .customer .customerContent .child .childFoot .childInfo{padding-left:20px;}
.main .customer .customerContent .child .childFoot .childInfo .childTitle{font-size:14px;line-height:24px;padding-top:15px;}
.main .customer .customerContent .child .childFoot .childInfo .childEn{line-height:22px;font-size:12px;}
.main .customer .customerBtn{bottom:54px;}
.main .customer .customerBtn.leftBtn{right:50px;}
.main .customer .customerBtn.rightBtn{right:0px;}

.main .customerLogo{padding-top:34px;}
.main .customerLogo .title{line-height:36px;font-size:18px;padding-bottom:36px;}
.main .customerLogo .customerLogoContent{height:156px;}
.main .customerLogo .customerLogoContent .child{width:180px;height:130px;line-height:130px;}
.main .customerLogo .logoBtn{top:154px;}
.main .customerLogo .logoBtn.leftBtn{left:0px;}
.main .customerLogo .logoBtn.rightBtn{right:0px;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.main .head{padding:40px 0;}
.main .head .left{width:480px;height: auto;}
.main .head .right{width:408px;margin-right:20px;}

.main .content .left{width:560px; overflow:hidden}
.main .content .right{width:362px;}
.main .content .right .textArea{width:340px;}

.main .customer .title{line-height:36px;font-size:18px;padding-bottom:20px;}
.main .customer .customerContent{height:290px;}
.main .customer .customerContent .child{width:462px;height:236px;}
.main .customer .customerContent .child .childContent{width:424px;height:103px;padding:8px 12px;}
.main .customer .customerContent .child .childContent p{font-size:12px;line-height:18px;}

.main .customer .customerBtn{bottom:54px;}
.main .customer .customerBtn.leftBtn{right:50px;}
.main .customer .customerBtn.rightBtn{right:0px;}

.main .customerLogo{padding-top:34px;}
.main .customerLogo .customerLogoContent{height:156px;}

.main .customerLogo .customerLogoContent .child{width:181px;height:125px;line-height:125px;}
.main .customerLogo .logoBtn{top:150px;}
.main .customerLogo .logoBtn.leftBtn{left:0px;}
.main .customerLogo .logoBtn.rightBtn{right:0px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {

}
@media (min-width: 1440px) and (max-width:1920px ) {

}


