﻿@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td{margin: 0;padding: 0;}
body, td, th{color: #444;font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif; font-size: 16px;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
li, dt, dd{list-style: none;}
a{color:inherit;text-decoration:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
a:hover{color:inherit;/*color:#2c88d8;*/text-decoration:none;}
img{border:0;vertical-align:middle;}
.clear{clear:both;}
.hide{display:none;}
.f-fl,.fl{float: left !important}
.f-fr,.fr{float: right !important}
.c_mp{padding: 0 !important;margin: 0 !important;}
/*body*/
body{background:#ffffff;}


/*联系我们*/
.n_contact{ width:1200px; margin:0 auto;}
@media screen and (max-width:1200px){
.n_contact{ width:100%; margin:0 auto;}
}
.n_contact .s_side{height: 52px;text-align: center;}
.n_contact .s_side a{display: inline-block;height: 50px;font-size: 16px;line-height: 50px;color: #666666;width: 200px;border: 1px solid #dedede;background-color: #ffffff;border-radius: 30px;margin: 0 10px;}
.n_contact .s_side .hvr-bounce-to-right:before{border-radius: 30px;background: #2c88d8;border-color: #2c88d8;}
.n_contact .s_side a:hover{color: #ffffff;}
.n_contact .s_side a.on{background: #2c88d8;color: #ffffff;}
.n_contact .s_side a.on:before{background: none;}
.n_contact .g_content .allmap{margin-bottom: 40px;padding: 10px;background-color: #ffffff;position: relative;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.2);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.2);box-shadow:0px 0px 20px rgba(127,128,130,0.2);height:745px;}

.n_contact .g_content .allmap img { width:100%;}

.n_contact .g_content .allmap .text{position: absolute;background-color: rgba(255,255,255,0.9);padding: 40px 30px;width: 265px;top: 90px;left: 0;-moz-box-shadow:10px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:10px 0px 20px rgba(127,128,130,0.4);box-shadow:10px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .allmap .text .tt{color: #0078ff;font-size: 24px;background:url(../images/icon_06.jpg) left center no-repeat;padding-left: 15px;height: 35px;margin-bottom: 20px;}
.n_contact .g_content .allmap .text .dt,.n_contact .g_content .allmap .text .gj{color: #333333;font-size: 18px; background:url(../images/icon_07.jpg) no-repeat;padding-left: 30px;margin-bottom: 10px;}
.n_contact .g_content .allmap .text .qg{color: #333333;font-size: 18px; background:url(../images/icon_07.jpg) no-repeat;padding-left: 30px;margin-bottom: 10px; background:url(../images/icon_08.jpg) no-repeat;}
.n_contact .g_content .allmap .text .gj{ background:url(../images/icon_09.jpg) no-repeat;}
.n_contact .g_content .allmap .text .xt{border-bottom: 1px dashed #CACACA;width: 100%;height: 1px;margin: 20px 0;}
.n_contact .g_content .allmap .text .route{color: #666666;line-height: 28px;}
.n_contact .g_content .g-text{padding: 60px 0;width: 100%;height:350px;}
.n_contact .g_content .g-text .left{width:550px;border-right: 1px solid #DCDCDC;height: 205px;float: left;}


.n_contact .g_content .g-text .left .g-img{line-height: 205px;height: 205px;width: 75px;margin-left: 10px;}
.n_contact .g_content .g-text .left .text{height: 205px;color: #333333;width: 500px;}
.n_contact .g_content .g-text .left .text .tt{font-size: 24px;margin-top: 30px;}
.n_contact .g_content .g-text .left .text .address{font-size: 16px;margin-top: 10px;padding-left: 25px;background: url(../images/icon_01.jpg) no-repeat;}
.n_contact .g_content .g-text .left .text .info{color: #666666;font-size: 14px;margin-top: 40px;}
.n_contact .g_content .g-text .left .text .info span{display: inline-block;height: 25px;padding-left: 25px;background: url(../images/icon_02.jpg) no-repeat;margin-bottom: 20px;width: 170px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(2){ background:url(../images/icon_04.jpg) no-repeat;}
.n_contact .g_content .g-text .left .text .info span:nth-child(3){ background:url(../images/icon_03.jpg) no-repeat;}
.n_contact .g_content .g-text .left .text .info span:nth-child(4){background-position: left 5px;}
.n_contact .g_content .g-text .right{width: 640px;padding-left: 60px;height: 205px;float: left;}
.n_contact .g_content .g-text .right .text{height: 205px;float: left;width:410px;}
.n_contact .g_content .g-text .right .text .tt{color: #888888;font-size: 18px;margin:30px 0 30px 0;}
.n_contact .g_content .g-text .right .text .tel{color: #2c88d8;font-size: 46px;font-weight: bold;margin-top: -5px;margin-bottom: 20px;}
.n_contact .g_content .g-text .right .text .info{color: #666666;margin-top: 14px;}
.n_contact .g_content .g-text .right .text .info span{display: inline-block;padding-left: 25px;height: 25px;width:160px;margin-bottom: 20px;margin-right: 15px; background:url(../images/icon_05.jpg) no-repeat;}
.n_contact .g_content .g-text .right .g-img{float: right;height: 205px;width: 140px;}
.n_contact .g_content .g-text .right .g-img img { width:100%;}
.n_contact .g_content .g-text .right .g-img .code{background-color: #ffffff;text-align: center;margin-top: 25px;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.4);box-shadow:0px 0px 20px rgba(127,128,130,0.4);}

.n_contact .g_content .g-text .right .g-img .code p{padding: 0 0 10px ;color: #666666;}
@media screen and (max-width:1024px){
.n_contact .g_content .g-text{padding:35px 10px;width: 100%;height:350px;}
.n_contact .g_content .g-text .left{width:370px;border-right: 1px solid #DCDCDC;height: 205px;float: left;}
.n_contact .g_content .g-text .right{width: 620px;padding-left: 60px;height: 205px;float: left;}
}

@media screen and (max-width:800px){
.n_contact .g_content .g-text{padding:0 10px;width: 100%;height:100%; overflow:hidden;}
.n_contact .g_content .g-text .left{width:100%;height: 100%;float: left; overflow:hidden; border:none;}
.n_contact .g_content .g-text .left .text .info span{display: inline-block;height: 25px;padding-left: 25px;background: url(../images/icon_02.jpg) no-repeat;margin-bottom: 20px;width: 41%;}
.n_contact .g_content .g-text .left .text .info span:nth-child(2){ background:url(../images/icon_04.jpg) no-repeat;}
.n_contact .g_content .g-text .left .text .info span:nth-child(3){ background:url(../images/icon_03.jpg) no-repeat;}
.n_contact .g_content .g-text .left .text .info span:nth-child(4){background-position: left 5px;}
.n_contact .g_content .g-text .left .text{height: 100%;color: #333333;width: 100%;}
.n_contact .g_content .g-text .left .text .info{color: #666666;font-size: 14px;margin-top: 0px;}
.n_contact .g_content .g-text .left .text .address{font-size: 16px;margin:15px 0 15px 0;background: url(../images/icon_01.jpg) no-repeat;}
.n_contact .g_content .g-text .right .g-img{ position:absolute; right:10px;height: 205px;width: 140px;}
.n_contact .g_content .g-text .right .g-img img { width:100%;}
.n_contact .g_content .g-text .right{width:100%;padding-left: 0;height: 100%;float: left;}
.n_contact .g_content .g-text .right .text{height: 100%;float: left;width:100%;}
.n_contact .g_content .g-text .right .text .tel{color: #2c88d8;font-size:1.875rem;font-weight: bold;margin-top: -5px;margin-bottom: 20px;}
.n_contact .g_content .allmap .text{position:inherit;background-color: rgba(255,255,255,0.9);padding: 30px 30px;width:100%;top: 0;left: 0;-moz-box-shadow:10px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:10px 0px 20px rgba(127,128,130,0.4);box-shadow:10px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .allmap{margin-bottom: 40px;padding: 10px;background-color: #ffffff;position: relative;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.2);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.2);box-shadow:0px 0px 20px rgba(127,128,130,0.2);height:100%; overflow:hidden;}

}
@media screen and (max-width:425px){
.n_contact .g_content .g-text .right .text .info span{display: inline-block;padding-left: 20px;height: 25px;width:100%;margin-bottom: 20px;margin-right: 15px; background:url(../images/icon_05.jpg) no-repeat;}

}
@media screen and (max-width:320px){
.n_contact .g_content .g-text .left .text .tt{font-size:1.5rem;margin-top: 30px;}
.n_contact .g_content .g-text .right .g-img{ position:absolute; right:2px;height: 175px;width: 130px;}
.n_contact .g_content .g-text .right img{ width:100%;}
.n_contact .g_content .g-text .right .text .tel{color: #2c88d8;font-size:1.5rem;font-weight: bold;margin-top: -5px;margin-bottom: 20px;}
.n_contact .g_content .g-text .right .text .info span{display: inline-block;padding-left: 20px;height: 25px;width:100%;margin-bottom: 20px;margin-right: 15px; background:url(../images/icon_05.jpg) no-repeat;}

}
.mmap { display:none;}
@media screen and (max-width:768px){
	.mmap { display:block;}
	
}
.map { display:block;}
@media screen and (max-width:768px){
	.map { display:none;}
	
}