@charset "UTF-8";
/* CSS Document */



/*contact*/
.banner_contact{width: 100%; overflow:hidden;background: url(../images/con_bg2.jpg) no-repeat center top;height: 550px;  background-size: cover;}
.banner_contact .w_left{float: left; padding-top: 10%; padding-left: 5%;}
.banner_contact .w_left h1{color: #fff; font-size: 52px;letter-spacing: 2px;}
.banner_contact .w_left h2{display: block;  padding-top: 20px; margin-top: 30px; color: #fff; font-size: 28px; letter-spacing: 1px; }
.banner_contact .w_left h4{display: block;border: 1px solid #81d0fe; padding: 10px 25px; margin-top: 25px;}
.banner_contact .text{ padding-top: 50px;}
.banner_contact .text p{font-size: 18px; line-height: 35px; letter-spacing: 1px; color: #fff;}


.contact_info{width: 100%; overflow: hidden; margin: 0 auto; padding-top: 50px;}
.contact_info .position{width: 80%; margin: 0 auto;text-align: right;}
.contact_info .cont{width: 100%; overflow: hidden;}
.contact_info .cont .text{width: 100%;}
.contact_info .cont .text h2{color: #333; font-size: 40px; text-align: center; padding: 30px 0 20px 0;}
.contact_info .cont .text h4{ color: #999; font-size: 16px; text-align: center;}

.contact_info .cont .text ul{width: 70%; overflow: hidden; padding: 120px 0 160px 0; margin: 0 auto;}
.contact_info .cont .text li{width: 25%; float: left; text-align: center;}
.contact_info .cont .text li i{color: #333; font-size: 50px;text-align: center;}
.contact_info .cont .text li p.tit{font-size: 22px; font-weight: bold;color: #333; margin: 20px 0 15px 0;}
.contact_info .cont .text li p{color: #555; line-height: 24px; font-size: 14px;text-align: center;}

.con_form{width: 100%; overflow: hidden;background: #f5f5f5;}
.con_form .info{width: 70%; overflow: hidden; margin: 0 auto; padding:50px 0 80px 0;}
.con_form h2{ margin-bottom: 10px; }
.con_form p{color: #999; text-align: center; font-size: 14px; margin: 5px 0 30px 0;}
.con_form p .red{color: #fd2743; }
.con_form input{height: 40px; margin-top: 15px; color: #555; font-size: 14px; padding-left: 40px; border: 1px solid #bbb; border-radius: 4px;}
.con_form input::-webkit-input-placeholder{color:#ccc;}
.con_form input::-moz-placeholder{color:#ccc;/* Mozilla Firefox 19+ */}
.con_form input:-moz-placeholder{color:#ccc; /* Mozilla Firefox 4 to 18 */}
.con_form input:-ms-input-placeholder{color:#ccc;/* Internet Explorer 10-11 */ }

.con_form .con_name{width: 49%; float: left; overflow: hidden;}
.con_form .name{ width: 100%; height: 40px;}
.con_form .con_name i{ position: relative; left: 12px; top: -30px; margin-bottom: -30px; font-size: 20px; color: #bbb; float: left;}

.con_form .con_tel{width: 49%; float: right; overflow: hidden;}
.con_form .tel{ width: 100%; height: 40px;}
.con_form .con_tel i{ position: relative; left: 12px; top: -30px; margin-bottom: -30px; font-size: 20px; color: #bbb; float: left;}

.con_form .con_mail{width: 100%; height: 56px; overflow: hidden;}
.con_form .email{ width: 100%;}
.con_form .con_mail i{position: relative; left: 12px; top: -30px; margin-bottom: -30px; font-size: 20px; color: #bbb; float: left;}

.con_form .con_message{width: 100%; height: 200px;}
.con_form .message{ width: 100%; height: 180px;}
.con_form .con_message i{position: relative; left: 12px; top: -50%; margin-bottom: -30px; font-size: 20px; color: #bbb; float: left;}

.con_form input.submit{padding:5px 50px;background:#fd2743; transition: 0.3s all; color: #fff; border: none; font-size: 16px;}
.con_form input.submit:hover{background: #333;}
.con_form .text{font-size: 13px; color: #777; padding-left: 20px;}
.con_form .text .red{color: #dd0000;}


.navbar-dark .navbar-toggler{display: none;}



/*1680*/
@media screen and (max-width: 1680px){
.wap_footer{display: none;}

}

/*1440*/
@media screen and (min-width: 1440px) and (max-width : 1679px){
	.banner_contact{ height: 520px;}
	.banner_contact .w_left h1{font-size: 48px;}
	.contact_info .cont .text h2{ font-size: 32px;}
	.contact_info .cont .text li p.tit{font-size: 20px;}
	.con_form .info{width: 80%;}

}
/*1280*/
@media screen and (min-width: 1280px) and (max-width : 1439px){
	.banner_contact{ height: 500px;}
	.banner_contact .w_left{padding-top: 12%;}
	.banner_contact .w_left h1{font-size: 40px;}
	.contact_info .cont .text h2{ font-size: 28px;}
	.banner_contact .text p{font-size: 16px;}
	.contact_info .cont .text ul{padding: 120px 0;}
	.contact_info .cont .text li i{font-size: 42px;}
	.contact_info .cont .text li p.tit{font-size: 20px;}
	.con_form .info{width: 85%;}

}

/*iPad Pro (1024px)*/
@media screen and (min-width: 1024px) and (max-width : 1279px){
	.banner_contact{ height: 400px; background-size: cover;}
	.banner_contact .w_left{padding-top: 13.5%;}
	.banner_contact .w_left h1{font-size: 35px;}
	.contact_info .cont .text h2{ font-size: 24px;}
	.banner_contact .text{padding-top: 35px;}	
	
	.banner_contact .text p{font-size: 15px;}
	.contact_info .cont .text ul{ width: 86%; padding: 100px 0;}
	.contact_info .cont .text li i{font-size: 42px;}
	.contact_info .cont .text li p{font-size: 13px; line-height: 19px;}
	.contact_info .cont .text li p.tit{font-size: 18px; font-weight: normal;}
	.con_form .info{width: 90%; padding: 30px 0 50px 0;}

}

/*ipad （768px）*/
@media screen and (min-width: 768px) and (max-width : 1023px){
	.banner_contact{ height: 380px; background-size: cover;}
	.banner_contact .w_left{padding-top: 18%;}
	.banner_contact .w_left h1{font-size: 26px;}
	.contact_info .cont .text h2{ font-size: 18px;}
	.banner_contact .text{padding-top: 30px;}	
	
	.banner_contact .text p{font-size: 14px; line-height: 24px;}
	.contact_info{padding-top: 30px;}
	.contact_info .cont .text ul{ width: 92%; padding: 60px 0;}
	.contact_info .cont .text li i{font-size: 36px;}
	.contact_info .cont .text li p{font-size: 12px; line-height: 19px;}
	.contact_info .cont .text li p.tit{font-size: 16px; margin: 15px 0 10px 0; font-weight: normal;}
	.con_form .info{width: 90%; padding: 10px 0 30px 0;}
	.contact_info .cont .text h4{font-size: 14px;}
	.con_form input.submit{padding: 5px 30px;}
	
	

}

/*iphone6 plus横屏 (736px)*/
@media screen and (min-width: 736px) and (max-width : 767px){
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_contact{ height: 370px; background-size: cover;}
	.banner_contact .w_left{padding-top: 18%;}
	.banner_contact .w_left h1{font-size: 26px;}
	.contact_info .cont .text h2{ font-size: 18px;}
	.banner_contact .text{padding-top: 30px;}	
	
	.banner_contact .text p{font-size: 14px; line-height: 24px;}
	.contact_info{padding-top: 30px;}
	.contact_info .cont .text ul{ width: 92%; padding: 60px 0;}
	.contact_info .cont .text li i{font-size: 36px;}
	.contact_info .cont .text li p{font-size: 11px; line-height: 17px;}
	.contact_info .cont .text li p.tit{font-size: 16px; margin: 15px 0 10px 0; font-weight: normal;}
	.con_form .info{width: 90%; padding: 10px 0 120px 0;}
	.contact_info .cont .text h4{font-size: 14px;}
	.con_form input.submit{padding: 0px 30px; font-size: 13px;}
	.con_form input,.con_form .tel,.con_form .name{height: 36px; font-size: 13px;}
	.con_form .con_name i,.con_form .con_tel i,.con_form .con_mail i,.con_form .con_message i{font-size: 18px; top: -26px;}
	.con_form .con_message i{top: -50%;}
	

}

/*ipad6横屏( 667px)*/
@media screen and (min-width: 667px) and (max-width : 735px){
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_contact{ height: 340px; background-size: cover;}
	.banner_contact .w_left{padding-top: 18%;}
	.banner_contact .w_left h1{font-size: 24px;}
	.banner_contact .text p{font-size: 13px; line-height: 23px;}
	.banner_contact .text{padding-top: 20px;}	
	
	.contact_info .position{width: 92%;}
	.contact_info{padding-top: 30px;}
	.contact_info .cont .text h2{ font-size: 18px;}
	.contact_info .cont .text h4{font-size: 13px;}
	.contact_info .cont .text ul{ width: 92%; padding: 40px 0;}
	.contact_info .cont .text li i{font-size: 30px;}
	.contact_info .cont .text li p{font-size: 10px; line-height: 16px;}
	.contact_info .cont .text li p.tit{font-size: 14px; margin: 15px 0 10px 0; font-weight: normal;}
	.con_form .info{width: 90%; padding: 10px 0 120px 0;}
	
	.con_form input.submit{padding: 0px 30px; font-size: 13px;}
	.con_form input,.con_form .tel,.con_form .name{height: 36px; font-size: 13px;}
	.con_form .con_name i,.con_form .con_tel i,.con_form .con_mail i,.con_form .con_message i{font-size: 18px; top: -26px;}
	.con_form .con_message i{top: -50%;}

}

/*ipad5横屏 (568px)*/
@media screen and (min-width: 568px) and (max-width : 666px){
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_contact{ height: 290px; background-size: cover;}
	.banner_contact .w_left{padding-top: 18%;}
	.banner_contact .w_left h1{font-size: 20px;}
	.banner_contact .text p{font-size: 11px; line-height: 20px;}
	.banner_contact .text{padding-top: 20px;}	
	
	.contact_info .position{width: 92%;}
	.contact_info .position,.contact_info .position a{font-size: 11px;}
	.contact_info{padding-top: 20px;}
	.contact_info .cont .text h2{ font-size: 18px;}
	.contact_info .cont .text h4{font-size: 13px;}
	.contact_info .cont .text ul{ width: 92%; padding: 40px 0;}
	.contact_info .cont .text li i{font-size: 30px;}
	.contact_info .cont .text li p{font-size: 10px; line-height: 16px;}
	.contact_info .cont .text li p.tit{font-size: 14px; margin: 15px 0 10px 0; font-weight: normal;}
	.con_form .info{width: 90%; padding: 10px 0 120px 0;}
	
	.con_form input.submit{padding: 0px 30px; font-size: 13px;}
	.con_form input,.con_form .tel,.con_form .name{height: 32px; font-size: 11px; padding-left: 29px;}
	.con_form .tel{padding-left: 25px;}
	.con_form .con_name i,.con_form .con_tel i,.con_form .con_mail i,.con_form .con_message i{font-size: 16px; top: -24px;}
	.con_form .con_message i{top: -50%;}
	.con_form .con_mail{height: 48px;}
	.con_form .text{font-size: 11px;}

}


/*iphone6 plus (414px) */
@media screen and (min-width: 414px) and (max-width : 567px){
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_contact{ height: 240px; background-size: cover;}
	.banner_contact .w_left{padding-top: 23%;}
	.banner_contact .w_left h1{font-size: 18px;}
	.banner_contact .text p{font-size: 10px; line-height: 15px;}
	.banner_contact .text{padding-top: 15px;}	
	
	.contact_info .position{width: 92%;}
	.contact_info .position,.contact_info .position a{font-size: 11px;}
	.contact_info{padding-top: 20px;}
	.contact_info .cont .text li{width: 50%; margin-bottom: 20px;}
	.contact_info .cont .text h2{ font-size: 16px;}
	.contact_info .cont .text h4{font-size: 11px;}
	.contact_info .cont .text ul{ width: 92%; padding: 25px 0 5px 0;}
	.contact_info .cont .text li i{font-size: 24px;}
	.contact_info .cont .text li p{font-size: 10px; line-height: 16px;}
	.contact_info .cont .text li p.tit{font-size: 13px; margin: 10px 0 6px 0; font-weight: normal;}
	.contact_info .cont .text li p.d_time{display: none;}
	.con_form .info{width: 90%; padding: 10px 0 120px 0;}
	
	.con_form input.submit{padding: 0px 30px; font-size: 13px;}
	.con_form input,.con_form .tel,.con_form .name{height: 32px; font-size: 11px; padding-left: 29px;}
	.con_form .tel{padding-left: 25px; margin-top: 12px;}
	.con_form .con_name i,.con_form .con_tel i,.con_form .con_mail i,.con_form .con_message i{font-size: 16px; top: -24px;}
	.con_form .con_mail i{font-size: 15px;}
	.con_form .con_message i{top: -50%;}
	.con_form .con_mail{height: 48px;}
	.con_form .text{font-size: 11px; display: none;}
	.con_form p{font-size: 12px; margin-bottom: 10px;}
	.con_form .con_name,.con_form .con_tel{width: 100%;}
	.con_form .message{height: 140px;}
	.con_form .con_message{height: 155px;}
	
}

/*iphone6 plus (375px) */
@media screen and (min-width: 375px) and (max-width : 413px){
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_contact{ height: 240px; background-size: cover;}
	.banner_contact .w_left{padding-top: 25%;}
	.banner_contact .w_left h1{font-size: 16px;}
	.banner_contact .text p{font-size: 9px; line-height: 15px;}
	.banner_contact .text{padding-top: 15px;}	
	
	.contact_info .position{width: 92%;}
	.contact_info .position,.contact_info .position a{font-size: 11px;}
	.contact_info{padding-top: 20px;}
	.contact_info .cont .text li{width: 50%; margin-bottom: 20px;}
	.contact_info .cont .text h2{ font-size: 16px;}
	.contact_info .cont .text h4{font-size: 11px;}
	.contact_info .cont .text ul{ width: 92%; padding: 25px 0 5px 0;}
	.contact_info .cont .text li i{font-size: 24px;}
	.contact_info .cont .text li p{font-size: 10px; line-height: 16px;}
	.contact_info .cont .text li p.tit{font-size: 13px; margin: 10px 0 6px 0; font-weight: normal;}
	.contact_info .cont .text li p.d_time{display: none;}
	.con_form .info{width: 90%; padding: 10px 0 120px 0;}
	
	.con_form input.submit{padding: 0px 30px; font-size: 13px;}
	.con_form input,.con_form .tel,.con_form .name{height: 32px; font-size: 11px; padding-left: 29px;}
	.con_form .tel{padding-left: 25px; margin-top: 12px;}
	.con_form .con_name i,.con_form .con_tel i,.con_form .con_mail i,.con_form .con_message i{font-size: 16px; top: -24px;}
	.con_form .con_mail i{font-size: 15px;}
	.con_form .con_message i{top: -50%;}
	.con_form .con_mail{height: 48px;}
	.con_form .text{font-size: 11px; display: none;}
	.con_form p{font-size: 12px; margin-bottom: 10px;}
	.con_form .con_name,.con_form .con_tel{width: 100%;}
	.con_form .message{height: 140px;}
	.con_form .con_message{height: 155px;}
}

/*iphone5 (320px)*/
@media screen and (max-width: 374px) {
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.banner_contact{ height: 220px; background-size: cover;}
	.banner_contact .w_left{padding-top: 26%;}
	.banner_contact .w_left h1{font-size: 14px;}
	.banner_contact .text p{font-size: 9px; line-height: 15px;}
	.banner_contact .text{padding-top: 15px;}	
	
	.contact_info .position{width: 92%;}
	.contact_info .position,.contact_info .position a{font-size: 10px;}
	.contact_info{padding-top: 15px;}
	.contact_info .cont .text li{width: 50%; margin-bottom: 20px;}
	.contact_info .cont .text h2{ font-size: 14px; padding: 15px 0 5px 0;}
	.contact_info .cont .text h4{font-size: 10px; padding: 5px  20px 0 20px; line-height: 15px;}
	.contact_info .cont .text ul{ width: 92%; padding: 25px 0 5px 0;}
	.contact_info .cont .text li i{font-size: 24px;}
	.contact_info .cont .text li p{font-size: 9px; line-height: 15px;}
	.contact_info .cont .text li p.tit{font-size: 12px; margin: 10px 0 4px 0; font-weight: normal;}
	.contact_info .cont .text li p.d_time{display: none;}
	.con_form .info{width: 90%; padding: 10px 0 120px 0;}
	
	.con_form input.submit{padding: 0px 30px; font-size: 13px;}
	.con_form input,.con_form .tel,.con_form .name{height: 30px; font-size: 10px; padding-left: 29px;}
	.con_form .tel{padding-left: 25px; margin-top: 12px;}
	.con_form .con_name i,.con_form .con_tel i,.con_form .con_mail i,.con_form .con_message i{font-size: 14px; top: -22px;}
	.con_form .con_mail i{font-size: 13px;}
	.con_form .con_message i{top: -50%;}
	.con_form .con_mail{height: 48px;}
	.con_form .text{font-size: 11px; display: none;}
	.con_form p{font-size: 10px; margin-bottom: 10px;}
	.con_form .con_name,.con_form .con_tel{width: 100%;}
	.con_form .message{height: 120px;}
	.con_form .con_message{height: 130px; }
	.con_form .con_message input{margin-top: 10px;}
}