/* html,body{width:100%;height:100%;} */
body{margin:0;padding:0;font-family: Arial, '微软雅黑';}
a {text-decoration: none;}
img{ border:0;}
p{margin:0}

.nav, .nav-sub {float:left;height:100%;}
ul, li {list-style: none;}
.fl { float: left; }
.fr { float: right; }
input:focus { outline: none; }
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}


/*banner*/
.banner{width: 100%;height: 250px;overflow: hidden;background: url(../images/banner.jpg) no-repeat center center;}

/* wapper */
.wapper{width:85%;margin:0 auto; background:rgba(255, 255, 255, .3)}
.fontz{ height:250px;color:#fff; max-width:80%;margin:0 auto;}
.fontz p{font-size: 56px;letter-spacing: 1px;font-style: normal;  padding-top:90px; font-weight:bold;}
.fontz span{font-size: 28px;letter-spacing: 1px;font-style: normal;}

.smail{ padding:80px 0 100px 0; height:auto; overflow:hidden;}
.smail-img{ display:block; float:left; width:35%; height:600px; background:url(../images/content1.jpg)no-repeat center center;}
.smail_all{ float:right; width:55%; height:auto; padding:30px 0 30px 5%; overflow:hidden;}
.smail_z{height: 100px;margin-bottom: 30px;}
.smail_z strong{display: block;font-size: 24px;color: #4abcc7;font-style: normal;letter-spacing: 1px;padding: 10px 0}
.smail_z p{font-size: 16px;color: #4abcc7;}
.smail_z em{width: 668px;height: 3px;background: #4abcc7; display:block;margin-top: 10px}

.emali_u1{width:25%; height: 340px;overflow: hidden;float: left; padding-right:2%}
.mail_img {padding-bottom: 20px;width: 32px;height: 32px; overflow:hidden;background:url(../images/Mail_with.png) no-repeat center center;transition: .5s}
.emali_u1:hover .mail_img {background: url(../images/Mail_with1.png) no-repeat center center}
.emali_u1 ul{ padding:0}
.emali_u1 li {padding: 10px 0;overflow: hidden;height: 70px;}
.emali_u1 li span {letter-spacing: 1px;font-size: 14px;transition: .5s;color: #96989d; line-height:18px}
.emali_u1 li p {font-size: 14px;color: #34343c;transition: .5s;line-height:18px}
.emali_u1 li em {margin-top: 10px;display: block;width: 2px;height: 1px;background: #4abcc7;opacity: 0;transition: .5s;}
.emali_u1 li:hover span {color: #4abcc7}
.emali_u1 li:hover p {color: #4abcc7}
.emali_u1 li:hover em {width:90%;opacity: 1}

.visa_u1{width:32%; height: 340px;overflow: hidden;float: left; padding-right:2%;}
.visa_img {padding-bottom: 20px;width: 32px;height: 32px; overflow:hidden;background:url(../images/Visa.png) no-repeat center center;transition: .5s}
.visa_u1:hover .visa_img {background: url(../images/Visa1.png) no-repeat center center}
.visa_u1 ul{ padding:0}
.visa_u1 li {padding: 10px 0;overflow: hidden;height: 70px;}
.visa_u1 li span {letter-spacing: 1px;font-size: 14px;transition: .5s;color:#96989d;line-height:18px}
.visa_u1 li p {font-size: 14px;color: #34343c;transition: .5s;line-height:18px}
.visa_u1 li em {margin-top: 10px;display: block;width: 2px;height: 1px;background: #4abcc7;opacity: 0;transition: .5s;}
.visa_u1 li:hover span {color: #4abcc7}
.visa_u1 li:hover p {color: #4abcc7}
.visa_u1 li:hover em {width: 90%;opacity: 1}

.mony_u1{width:35%; height: 340px;overflow: hidden;float: left;}
.mony_img {padding-bottom: 20px;width: 32px;height: 32px; overflow:hidden;background:url(../images/Credit_Card1.png) no-repeat center center;transition: .5s}
.visa_u1:hover .mony_img {background: url(../images/Credit_Card.png) no-repeat center center}
.mony_u1 ul{ padding:0}
.mony_u1 li {padding: 10px 0;overflow: hidden;height: 70px;}
.mony_u1 li span {letter-spacing: 1px;font-size: 14px;transition: .5s;color:#96989d;line-height:18px}
.mony_u1 li p {font-size: 14px;color: #34343c;transition: .5s;line-height:18px}
.mony_u1 li em {margin-top: 10px;display: block;width: 2px;height: 1px;background: #4abcc7;opacity: 0;transition: .5s;}
.mony_u1 li:hover span {color: #4abcc7}
.mony_u1 li:hover p {color: #4abcc7}
.mony_u1 li:hover em {width: 90%;opacity: 1}

.Notes {line-height: 32px;float: left; padding-top:5%; width:100%}
.Notes a{float: left;display: block; width:14px;background: url(../images/nots.png) no-repeat center center / 14px; height:14px}
.Notes p {display: block;letter-spacing: 1px;font-size: 14px;color:#96989d;line-height: 14px; padding-left: 30px;}

/*map*/
.map_a {/*background: url(../images/map.png) no-repeat center center;*/height: 440px; width:100%; position: relative;;}
.map { width: 70%}
.map_b {height:360px;background: #4ABCC7;padding: 40px 4%; margin:0; width:22%; float:right; position: absolute;top: 0;right:0 }
.map_b strong {font-size: 18px;color: #3e3f4a;display: block;padding: 10px 0;}
.map_b p {font-size: 14px;color: #3E3F4A;display: block; }
.map_b ul {padding:0;}
.map_b ul li {padding: 15px 0;height: 36px; line-height:36px}
.map_b ul li div{ display:block; float:left;}
.map_b li p {margin-left: 50px; line-height:20px}
.map_b .little {height: 36px;line-height: 36px;}
.map_b li a {width: 34px;float: left;background: #3e3f4c;height: 34px;border-radius: 34px;display: block;border: 1px solid rgba(255, 255, 255, .07);transition: .5s}
.map_b em {margin-top: 10px;display: block;width: 2px;height: 1px;background: #3e3f4c;opacity: 0;transition: .5s;}

.icon1 {width: 36px;height: 34px;background: url(../images/Spot2.png) no-repeat center center;}
.icon2 {width: 36px;height: 34px;background: url(../images/Telephone2.png) no-repeat center center;}
.icon3 {width: 36px;height: 34px;background: url(../images/Mail3.png) no-repeat center center;}
.icon4 {width: 36px;height: 34px;background: url(../images/Smartphone1.png) no-repeat center center;}
.icon4 img{display: none;}
.map_b li:hover .icon4 img {display: block; width: auto; position: absolute; left: 30%; bottom: 20%; border: 10px solid #fff;}



.map_b li:hover a {pwidth: 34px;float: left;height: 34px;background: #4abcc7;border-radius: 34px;border: 1px solid #3E3F4C;display: block;}
.map_b li:hover em {margin-top: 10px;display: block;width: 250px;height: 1px;background: #3e3f4c;opacity: 1;}
.map_b li:hover .icon1 {background: url(../images/Spot1.png) no-repeat center center;}
.map_b li:hover .icon2 {background: url(../images/Telephone1.png) no-repeat center center;}
.map_b li:hover .icon3 {background: url(../images/Mail4.png) no-repeat center center;}
.map_b li:hover .icon4 {background: url(../images/Smartphone2.png) no-repeat center center;}

/*cut*/
.cut{max-width:80%;margin:0 auto; height:auto}
.cut-ul{ margin:0; padding:10px 0;height:auto; width:100%; overflow: hidden;}
.cut-ul ul{ margin:0; padding:0;height:auto; }
.cut ul li{float:left; display:block; overflow:hidden; position:relative;}
.cut p{color:#96989d; font-size:12px; padding:5px 0}
.cut1 p{ width:100%; height:auto; overflow:auto;}
.cut span{color:#3e3f4c; font-size:14px;}
.cut strong{color:#3e3f4c; font-size:16px; padding:10px 0; display:block;}
.cut ul li i{ width:100%; height:2px; display:block; background:#dcdcdc; transition:.5; margin:10px 0;}
.cut li:hover i{ background:#4ABCC7;}

.cut1{ width:65%; height:auto; margin-right:5%;}
.cut_1{padding:0; width:100%; height:auto; overflow:hidden;}
.cut_1 li{ width:30%; margin-right:5%; height:auto;}
.cut_1 .cut_2{margin-right:0;}

.cut2{width:10%; height:auto;margin-right:5%; }

.cut3{width:15%; height:auto;}
.cut em{ width:43px; height:2px; background:#dcdcdc; display:block; position:absolute; left:0; bottom:0; opacity:0;}

.cut1 ul li:hover em{ background:#4ABCC7; width:100%;opacity:1;}

.cut2:hover em{ background:#4ABCC7; width:100%; opacity:1}

.cut3:hover em{ background:#4ABCC7; width:100%; opacity:1}


/*con*/
.con{padding-top:8%}
.con-img{ display:block; float:left; width:35%; height:600px; background: url(../images/c9dfe9f7e9970540f6c86de9cdc24c7772ca4daf1229f4-f55f5u.jpg) no-repeat center center}
.ints{width:100%; height:auto; line-height:30px; /*margin-top:30px;*/}
.ints span{ font-size:24px; color:#4abcc7; display:block;}
.ints p{ font-size:12px; color:#3E3f4C; line-height:20px}
.message{ width:60%;overflow:hidden; padding-left:5%;}
.message .mess_title{ color:#3d4046; font-size:30px; text-align:center; padding-bottom:75px;}
.message .message_box{ width:100%; color:#898d92; display:block;}
.message .message_box_a{ width:100%; color:#898d92; display:none;}

.message .m_b{ margin:16px 0; font-size:16px; height:auto; overflow:hidden;}

.message .m_b .mmb_w{ width:48%;}
.message .m_b .m_input{ width:90%;padding:15px 4%; border-radius:4px; float:left; border:1px solid #4abcc7;font-size:14px}
.message .m_b .mm_input{ width:95%; line-height:18px; padding:15px 2%; border-radius:4px;; float:left; border:1px solid #4abcc7;font-size:14px}

.message .m_b_b{ line-height:46px; margin:0; height:auto; overflow:hidden; margin-top:20px;border-radius:4px; }
.message .m_b_b .m_sub{ width:170px; height:42px; padding:0 2%; color:#fff; background:#4abcc7; font-size:16px; font-weight:bold; line-height:42px; float:right; border:0; border-radius:4px;}

.footer{ background:#464b55; padding:22px 0; text-align:center; color:#fff;}

/*page*/
.page8{ margin-top:80px; width:100%; height:30px; background-color:#3E3F4C;}
.page8 p{ font-size:12px; color:#FFFFFF; float:left; display:block; margin:6px 30px;}
.page8 span{font-size:12px; color:#FFFFFF; float: right; display:block; margin:6px 30px; }


/* transition */

.cut ul li em,
.nav ul li a i,
.nav ul li a em,
.main {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}



/*效果*/
/*1650分辨率下的样式*/
@media (max-width:1650px) {
	.fontz{max-width: 90%;}
	.wapper{max-width: 90%;}
	.cut{max-width: 90%;}
	
	
	
}


/*1366分辨率下的样式*/
@media (max-width:1366px) {
	
	.wapper{max-width: 94%;}
	.cut{ padding:5%; max-width:90%;}
	.fontz{ text-align:center;}
	
}




/*960分辨率下的样式*/
@media (max-width:960px) {
	
	.banner{ height:250px}
	.wapper{max-width: 90%; padding:5%}
	.smail{ padding:3% 0 7% 0}
	.smail_all{ width:100%; padding:0}
	.fontz{ text-align:center;}
	.smail-img{ display:none}
	.smail_z{ text-align:center;}
	.smail_z em{ width:100%;}
	.cut{ padding:5%; max-width:90%;}
	.con{ padding-top:10%}
	.con-img{ width:100%; height:300px;}
	.message{ width:100%; padding:0; height:auto;}
	.map { width: 100%}
	.map_b {height:260px;background: #4ABCC7;padding: 5%; margin:0; width:90%; float:right; position: relative; right: 0;}
	.map_b p{ text-align: center;}
	.map_b strong{ text-align: center;}
	.map_b ul{ margin-top: 50px}
	.map_b ul li{ width: 50%; float: left;display: block;}
	.map_b ul li p{ text-align: left;}
	.map_b ul li em{ display: none;}
	.map_b li:hover em{ display: none;}

	.cut1{ width:64%; height:auto; padding-right:10%; margin:0}
	.cut2{ width:20%; height:auto; padding:0;margin:0}
	.cut3{ width:20%; height:auto; padding-top:20px}
	.cut1 .cut_1{ width:100%; height:auto;}
	.cut_1 li{ width:100%; margin:0; height: auto;padding-bottom: 15px;}
	.cut_1 li p{ width:100%; height:auto; padding-bottom:10px;}
	.cut1 ul li em{ bottom:10px}
	
	.page8{ margin-top:30px; height:auto; float:left; padding:10px 0; text-align:center;}
	.page8 p{float:none;}
	.page8 span{ float:none;}
}



/*640分辨率下的样式*/
@media (max-width:640px) {
	.smail{ padding:0 0 10% 0;}
	.smail_z{ margin-bottom:50px; height:auto;}
	.smail_z strong{ font-size:20px;}
	.smail p{ font-size:16px;}
	.smail li em{ height:3px;}
	.smail li:hover em{width:60%}
	.smail_all ul li span{ font-size:20px;}
	.smail_all ul li p{ font-size:16px; padding:10px 0}
	.smail_all ul  li{ height:auto; padding-bottom:0}
	.smail_all ul { padding-left:30%; margin:0;}
	.smail_all div div{ float:left; padding:0}
	
	.emali_u1{ width:80%; height:auto; border-bottom:1px solid #CDD1D3;padding:0; }
	.visa_u1{width:80%; height:auto; border-bottom:1px solid #CDD1D3; padding:30px 10%;background: #FAFAFB;}
	.mony_u1{width:80%; height:auto; border-bottom:1px solid #CDD1D3;padding: 30px 10%;}
	.Notes{ padding-top:12%}
	.Notes p{ line-height:24px;padding-left:8%}
	.Notes a{ width:16px; height:16px;background: url(../images/nots.png) no-repeat center center / 16px }
	
	.map_a{ width:100%; height:auto; background:#F1F1F1;}
	.map{ max-width:100%; height:445px; background:url(../images/map.png) no-repeat center center}
	.map_b{ width:80%; margin:0; height:auto; padding:10%; background:#F3F4F7}
	.map_b strong{ font-size:20px; color:#4abcc7}
	.map_b p{ font-size:16px;}
	.map_b ul{ width:100%; height:auto; overflow:hidden;margin-top:10px}
	.map_b ul li{ width:100%; height:auto;}
	.map_b .little1 {height: 36px;line-height: 20px;}
	
	.cut-ul{ }
	.cut-ul strong{ font-size:20px; }
	.cut-ul span{ font-size:16px; color:#999;}
	.cut-ul p{ font-size:16px; }
	.cut1{ width:100%; padding:0; margin-bottom:30px}
	.cut2{ width:45%; margin-right:9%}
	.cut3{ width:45%; padding:0;}
	
	.con{ padding-top: 100px}
	.ints{ line-height:40px; }
	.ints span{ font-size:30px;}
	.ints p{ font-size:16px; line-height:25px}
	
	.page8{ margin-top:30px; height:auto; float:left; padding:10px 0; text-align:center;}
	.page8 p{ font-size:12px;float:none;}
	.page8 span{ font-size:12px; float:none;}
	.fontz p{font-size: 24px;}
}

/*表单改*/
.formselect {margin-bottom: 15px;}
.formselect h2 {
	font-size: 18px;
	color: #4abcc7;
	margin: 10px 0;
}
.formselect .selbox {
    overflow: hidden;
}
.formselect .selbox .selleft {
    float: left;
    width: 195px;
}
.formselect .selbox .selright {
    float: left;
    width: 265px;
}
.selitem {
    overflow: hidden;
    margin-bottom: 6px;
}
.selitem label {
    font-size: 14px;
    color: #656565;
    float: left;
    cursor: pointer;
	overflow:hidden;
}
.selitem i {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    border: 1px solid #4abcc7;
    /*margin-right: 16px;*/
	margin-top:4px;
}
input[type="checkbox"], input[type="radio"] {
    visibility: hidden;
}
.checked{background:#eee;}
.sellmid {
    overflow: hidden;
}
.sellmid .selitem {
    float: left;
    margin-right: 28px;
}
.mess_btn {
    background: #4abcc7;
    text-align: center;
    line-height: 36px;
    border-radius: 8px;
    margin-top: 24px;
}
.mess_btn .btnstyle {
    border: none medium;
    background: none;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-family: '微软雅黑';
    line-height: 32px;
    margin-top: 3px;
    cursor: pointer;
}