.banner{height: 300px;padding-top: 80px;position: relative;}
.banner .on{position: absolute;left:0px;top:162px;animation: myMove01 2s;}
.banner .on h3{font-size: 28px;color:#fff;position: absolute;left:260px;top: 24px;animation: myMove 1.6s;animation-delay:.2s;}
.banner .on p{font-size: 18px;color:#fff;position:absolute;left:260px; top:66px;
animation: myMove 1.6s;animation-delay:.6s;
}
@keyframes myMove{
0%{left:0;}
100%{left:260px;}
}
@keyframes myMove01{
0%{left:-1124px;}
100%{left:0;}
}.wrap{width: 1174px;margin: 0 auto;}
.main{overflow: hidden;padding-bottom: 60px;/*border-bottom: 1px solid #e5e5e5;*/}
.father{overflow: hidden;display: block;}
.fl{float: left;}
.fr{float: right;}
.page{width: 100%;}
.page li{float: left;width: 10%;-webkit-box-sizing:border-box;height: 50px;background: #f6f6f6;line-height: 52px;text-align: center;}
.page ul{overflow: hidden;margin-top: 30px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.page ul li a{position: relative;}
.page li:nth-of-type(2){width: 80%;background: #fff;}
.page li a{color:#777777;}
.page span{display: inline-block;width: 8px;}
.page span::before{content:""; border-width:5px; 
border-color:transparent #777 transparent transparent; 
border-style: dashed solid dashed dashed;font-size: 12px;position: absolute; top:28%;}
.page span.first::before{left:-25%;}
.page span.list::before{left:-30%;}
.page span.next::before{right:-18%;border-color:transparent transparent transparent  #777; 
border-style: dashed  dashed dashed solid;}
.page li:nth-of-type(1){border-right: 1px solid #e5e5e5;}
.page li:nth-of-type(3){border-left: 1px solid #e5e5e5;}
.page li:nth-of-type(1):hover,.page li:nth-of-type(3):hover{background: #e1e1e1;text-decoration: underline;}
.content {overflow: hidden;padding: 100px 0;}
.content .img_box{width: 624px;overflow: hidden;float: left;}
.content .img_box:hover img{
	-webkit-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
transform:scale(1.2,1.2);
}
.content .img_box img{width: 90%;
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-ms-transition:all 2s;
	-o-transition:all 2s;
	transition:all 2s;
}
.content dl{width: 550px;border-bottom: 1px dotted #a8a8a8;padding-bottom: 20px;}
.content dt{font-size: 18px;color:#444444;font-weight: bold;cursor: pointer;line-height: 36px;padding-bottom: 10px;}
.content dd{font-size: 14px;color:#777777;line-height: 30px;cursor: pointer;}
.content dl.two{overflow: hidden;padding-top: 20px;}
.content dl.two dt{font-size: 16px;color:#777;font-weight: normal;line-height: 28px;}
.content dd:hover,.content dt:hover{color:#750173;text-decoration: underline;}
.details {overflow: hidden;border-bottom: 1px solid #e5e5e5;margin-bottom: 80px;}
.details dl{border-right: 1px solid #e5e5e5;box-sizing:border-box;}
.detais dl.three {border-right: 0 none;}
.details h2{font-size: 16px;font-weight: normal;line-height: 80px;color:#444444;}
.details dt{width: 300px;height: 84px;margin-bottom: 20px;
	color:#444444;border: 1px solid #e5e5e5;border-left: 0 none;border-right: 0 none;cursor: pointer;text-align:left;line-height: 84px;font-size: 16px;}
.details dd{line-height: 40px;color:#666666;cursor: pointer;}
.details dd:hover,.details dt:hover{color:#750173;text-decoration: underline;}
.details dl.inter dt{width: 530px;padding-left: 40px; color:#750173;}
.details dl.inter dd{padding-left: 40px;font-size: 12px; color:#750173;}
.block{padding-bottom: 30px;}
.details dl.three dt{width: 250px;padding-left: 50px;}
.details dl.three dd{padding-left: 50px;font-size: 12px;}
.contact{width: 100%;height: 520px;background: #f4f4f4;border-bottom: 1px solid #e5e5e5;}
.contact_bd{padding-top: 70px;}
.bd_txt .tel{color:#750173;}
.bd_txt{padding-bottom: 30px;}
.bd_txt p{color:#666;line-height: 28px;font-size: 16px;}
.input_w{width: 540px;height: 50px;border-bottom: 1px solid #bebebe;line-height: 50px;color:#666666;}
.name{background: url(../images/Product/name.png) no-repeat left center;padding-left: 26px;}
.mobile{background: url(../images/Product/tel.png) no-repeat left center;padding-left: 26px;}
.mail{background: url(../images/Product/mail.png) no-repeat left center;padding-left: 26px;}
.product{background: url(../images/Product/product.png) no-repeat left center;padding-left: 26px;}

.input_w input{border:0 none;background: #f4f4f4;}
input.submit{width: 190px;height: 42px;border: 1px solid #bebebe;margin-top: 48px;
background: #f4f4f4;font-size: 16px;color:#666;cursor: pointer;}
    .details dl:nth-of-type(3){border-right: 0 none;}

/*320-639 yidongduan*/
@media (min-width: 320px) and (max-width:639px ) {	
.wrap{width: 93.75%;margin: 0 auto;}
.banner{width: 180px;}
.banner .on{display: none;}
.page,.details dl{width: 100%;}
.content{padding: 60px 0;}
.content .img_box{width: 100%;}
.content,.content dl{width: 97.75%;}
.details dl.inter dd,.details dd,.details dl.inter dt,.content dt,.content dd,.details dt,.details dl.three dt,.details dl.three dd{padding-left: 5%;}
.details dl{border-right: 0 none;width: 100%;}
.content dt{font-size: 16px;}
.details dt,.details dl.three dt{width: 100%;}
.content dd{font-size: 12px;}
.bd_txt p{font-size: 12px;}
.details h2{font-size: 16px;line-height: 30px;padding-left: 5%;}
.input_w{width: 100%;}
.product,.mobile{float: left;}
.page li,.page li:nth-of-type(2){width: 33.3%;}
}

/*640-1023 pingbanduan*/
@media (min-width: 640px) and (max-width:1023px ) {  
    .wrap{width: 93.75%;}
    .banner .on{position: absolute;left:0px;top:176px;animation: myMove01 2s;}
.banner .on img{width: 100%;padding-left: 60px;}
.banner .on h3{font-size: 20px;left:260px;top:8px;}
.banner .on p{font-size: 14px;left:260px;top:36px;}.training h2{font-size: 24px;padding-top: 40px;padding-bottom: 20px;}
    .page li{width: 20%;}
    .page li:nth-of-type(2){width: 60%;}
    .content .img_box{width: 50%;height:auto;}
    .content .img_box img{width: 100%;}
    .details dl{width: 25%;}
    .details dl.inter{width: 50%;}
    .details dl.inter dt{width: 100%;}
    .details dl.three dd,.details dd,
    .details dl.inter dd{padding-left: 4%;font-size: 12px;}
    .details dl.three dt,.details dl.inter dt{padding-left: 4%;}
     .dl_father{width: 50%;}
     .input_w{width: 44%;float: left;}
     .name,.mail{margin-right: 4%;}
     .bd_txt p{font-size: 14px;}
}

/*1024-*/
@media (min-width: 1024px) and (max-width:1560px ){
    .wrap{width: 93.75%;}
    .page li{width: 12%;}
    .page li:nth-of-type(2){width: 76%;}
    .content .img_box{width: 50%;height:auto;}
    .content .img_box img{width: 100%;}
    .details dl{width: 25%;}
    .details dl.inter{width: 50%;}
    .details dl.inter dt{width: 100%;}
    .details dl.three dd,.details dd,
    .details dl.inter dd{padding-left: 4%;font-size: 12px;}    
    .details dl.inter dd{font-size: 12px;}
    .details dl.three dt,.details dl.inter dt{padding-left: 4%;}
     .dl_father{width: 50%;}
          .input_w{width: 44%;float: left;}
     .name,.mail{margin-right: 4%;}
     .bd_txt p{font-size: 14px;}
 }