@charset "utf-8";
/**common**/
*{ margin:0; padding:0;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {font:12px \5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif;}
table,td,tr,th{font-size:12px;}
p{ font-size:16px; line-height:34px; letter-spacing:1px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align: middle;border: 0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clear {clear:both;}
.clearfix:after {content:'.';clear:both;display:block;height:0;visibility:hidden;line-height:0px;}
.clearfix {zoom:1}
a { text-decoration:none;color:#1e8ae7;-webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none; color:#27245f;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:6px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#212121; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#333;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#444;}	

.top_banner{width:950px;margin:0 auto;overflow:hidden;}
.top_banner img{max-width:950px; width:100%;}

.h_content{width:950px;margin:0 auto;background:#d8e3f9;}
.h_content_in h3{font-size: 22px;line-height: 33px; padding:0 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.h_content_in h3 strong{ color:#1e8ae7;}

.part01{ margin:0 auto;padding: 20px 20px 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.parbase{ margin:0 0 20px;}
.parbase li{ padding:0 2%; height:42px; line-height:42px; font-weight:bold; border-radius: 3px; font-size:14px;border: 1px solid #c8c8c8; margin: 0 16px 0 0; display:inline-block;}
.parbase li:hover{border: 1px solid #1e8ae7;}
.parbase li a{ color:#1e8ae7;}
.parbase li.on{ background:#ee3134;border: 1px solid transparent;}
.parbase li.on:hover{ background:#d01013;}
.parbase li.on a{ color:#fff;}

.introduction{padding:20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background: linear-gradient(to right, #5f7cf4, #3b5cdf);border-radius:10px;}
.introduction h3{ margin:10px 0;}
.introduction p{color:#fff; text-align:center; font-weight:bold; font-size:18px;}

.pro{margin-top:20px;display: flex; align-items: center;background: #fff;border: 1px solid #3b5cdf; border-radius: 10px;width: 100%; box-shadow: 5px 5px 0 #3b5cdf;}
.pro .text{padding:20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;  font-size:16px; line-height:32px; text-indent:2em; width:80%;}
.pro img{ margin:10px;}

.pro_list{ margin-top:20px;}
.pro_list ul li{ float:left;width: 32.6%;margin:0 1% 10px 0;position:relative;border-radius:10px; overflow:hidden;}
.pro_list ul li:nth-child(3n+3){ margin-right:0;}
.pro_list ul li img{ width:100%; display:block;}
.pro_list ul li span{ position:absolute; background: rgba(59,92,223,.5); bottom:0; left:0; text-align:center; color:#fff; display:block; line-height:36px; width:100%; font-size:16px;}

.dy{margin-top:10px;display: flex; align-items: center;background: #fff;border: 1px solid #3b5cdf; border-radius: 10px;width: 100%; box-shadow: 5px 5px 0 #3b5cdf;}
.dy .title{color: #fff; background: linear-gradient(to right, #5365ea, #5b8dfe);border-radius: 10px;font-size: 20px; font-weight:bold; padding:10px 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; margin:10px;}
.dy .cont{font-size:16px; line-height:34px; color:#333; padding:0 10px;}

.gb{margin-top:20px;background: #fff;border: 1px solid #3b5cdf; border-radius: 10px;width: 100%; box-shadow: 5px 5px 0 #3b5cdf;}
.gb_title{color: #fff; background: linear-gradient(to right, #5f7cf4, #3b5cdf);border-radius: 10px;font-size: 18px; font-weight:bold; padding:10px 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; margin:10px;}
.gb p{ font-size:16px; line-height:34px; color:#333; padding:0 20px 10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.gb strong{ color:#df4128;}

.g_img{width:100%; height:auto; overflow:hidden; margin:0 auto;}
.g_img img{display:block; height:auto; margin:0 auto; padding:0; max-width:100%;}

.orderBanner dl{ display:inline-block;padding:10px 30px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.orderBanner dd{ display:inline-block;font-size:16px; line-height:30px; color:#333;width:100%; margin:0 0 10px; padding:0 0 0 20px; background:url(../images/jp_des_ico.png) left 8px no-repeat; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

.part02{ position:relative; margin:0 auto;background:#e4edfc; padding-bottom:20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.solution{ width:100%; height:auto;}
.solution img{ width:100%;}

.area{ width:100%; height:auto; background:#fdd100; position:relative; padding-top:190px;}
.area:before{content: "";width: 950px;height: 190px; background: url(../images/area_top.png) center top no-repeat;position: absolute;left: 0;top: 0; background-size:cover;}
.area .content{background:#5365ea; padding:0 40px 40px;}
.area .content p{ font-size:18px; line-height:28px; color:#fdd100;}
.area .content .pro{ margin:20px auto;}
.area .content .pro ul li{ width:24.6%; display:inline-table; text-align:center;}
.area .content .pro ul li p{ font-size:16px; line-height:24px;}

.button{width:100%; height:auto; background:#009a5a; padding:20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.button a{ display:block; width:50%;overflow:hidden; line-height:44px; color:#fff; font-size:18px; font-weight:bold; text-align:center; margin:0 auto; padding:0; background-color: #503390; border-radius:22px; border:none; outline:none; cursor:pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.button a:hover{background-color: #341c6a;}

@media (max-width:950px) {
	.top_banner,.h_content { width:100%;}
}
@media (max-width:768px) {
	.introduction{ padding:10px;}
	.pro{ display:block; text-align:center;margin-top: 10px;}
	.pro .text{ width:100%; text-align:left; padding:10px;}
	.pro img{ margin:0 auto;}
	.area .content .pro ul li{ width:49%;}
	.dy{ display:block;}
	.dy .cont{ padding: 0 10px 10px; font-size:14px; line-height:26px;}
	
	.orderBanner dl{padding: 0 10px;}
}
@media (max-width:430px) {
	.part01{ margin:0 auto; padding: 10px 10px 20px;}
	.introduction p,.area .content p{ font-size:16px; line-height:26px;}
	.area:before{ width:910px;}
	.area .content{padding: 0 20px 20px}
	.area .content .pro ul li img{ width:90%;}
	.area .content .pro ul li p,.orderBanner dd{ font-size:14px; line-height:24px;}
	.orderBanner dd{background: url(../images/jp_des_ico.png) left 6px no-repeat; background-size:3%;}
}
@media (max-width:380px) {
	.gb p{ font-size:14px; line-height:24px;}
	.area .content .pro ul li p{ font-size:12px; line-height:18px;}
	.button a{ width:80%;}
}
@media (max-width:340px) {
	.part01:before,.part02:before{ top: -10px; height:10px;}
	.part01{ padding-bottom: 20px;}
	.introduction p, .area .content p, .dy .cont{ font-size:14px; line-height:24px;}
	.orderBanner dl{padding: 5px 10px;}
}

/**表单**/
.ly_order { width:100%; overflow:hidden; margin:0 auto;padding:10px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.ly_order .order_div { width:100%; overflow:hidden; margin:10px auto; padding:0 20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.ly_order .order_div1 { width:50%; float:left;}
.casual{ border-top: 5px dashed #1e8ae7; padding:20px 0; background: #f3f3f3;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.od_title { width:100%; overflow:hidden; line-height:30px; color:#333; font-size:15px; font-weight:bold; margin:0 auto; padding:0 0 0 20px; background:url(../images/ico0.png) left 10px no-repeat; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.od_title span { color:#f00;}
input[type="radio"] + label::before {
	content: "\a0"; /*不换行空格*/
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: 18px;
	height: 18px;
	margin:11px 10px 11px 0;
	border-radius: 50%;
	border: 1px solid #dfdfdf; background-color:#fff;
	text-indent: .15em;
	line-height: 1; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
input[type="radio"]:checked + label::before {
	background-color: #5365ea; border: 1px solid #5365ea; background-clip: content-box; padding: 4px;
}
input[type="checkbox"] + label::before {
	content: "\a0"; /*不换行空格*/
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: 18px;
	height: 18px;
	margin:11px 10px 11px 0;
	border-radius: 4px;
	text-indent: .15em;
	line-height: 1; float:left; background-color:#fff; border: 1px solid #dfdfdf; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
input[type="checkbox"]:checked + label::before {
	border: 1px solid #5365ea; background-color: #5365ea; background-clip: content-box; content: "\2714"; color:#fff;
}
.fm_radio, .fm_checkbox { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.fm_radio textarea:focus{ outline:none;}
.fm_radio ul li { width:50%;float:left;}
.fm_radio1 ul li { width:33.333333%;}
.fm_radio2 ul li { width:20%;}
.fm_radio3 ul li { width:100%;}
.fm_checkbox ul li { width:33.333333%; float:left;}
.fm_radio ul li input, .fm_checkbox ul li input { display:none;}
.sr_text2{ display:block !important;border:0;border-bottom:1px solid #e8e8e8;outline:none;width: 165px;font-size: 15px;color: #555; margin: 0 0 0 1%;height:36px;line-height:36px;text-indent:10px; float:left;}
.fm_radio ul li label{ float:left;}
.fm_radio ul li label, .fm_checkbox ul li label { display:block; line-height:40px; color:#555; font-size:15px; cursor:pointer;}
.fm_checkbox1 ul li { width:100%;}
.fm_checkbox2 ul li { width:50%;}
.fm_checkbox3 ul li label { width:50%; float:left;}
.fm_radio1 ul li input.rd_ipt { display:block; width:120px; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; margin:2px 0; padding:0 10px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.fm_checkbox2 ul li label { float:left;}
.fm_checkbox2 ul li input.rd_ipt { float:right; display:block; width:40%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; background-color:#fff; margin:2px 0; padding:0 10px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

.text_other{ width:100%; height:80px; line-height:38px;border: 1px solid #dfdfdf;border-radius: 4px;padding: 0 15px;outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}


.tips { width:100%; overflow:hidden; color:rgba(255, 255, 255, 0.6); font-size:14px; margin:20px auto; padding:0 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

.fm_ipt { width:100%; height:40px; overflow:hidden; margin:0 auto; padding:0;}
.fm_ipt input { display:block; width:100%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; margin:2px auto; padding:0 10px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.fm_checkbox1 ul li label { width:80%; float:left; font-size:14px;}
.fm_checkbox1 ul li label a { color:#ec1c28;}
.fm_checkbox1 ul li .fl{ float:left; height:40px; line-height:40px;}
.fm_checkbox1 ul li input.rd_ipt { float:right; display:block; width:50%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border-radius: 20px; border:1px solid #ccc; background-color:#fff; margin:2px 0; padding:0 10px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}


.ipt_tit { width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:15px; font-weight:bold; margin:0 0 10px; padding:0 0 0 20px; background:url(../images/ico0.png) left center no-repeat; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.ipt_tit1 { width:30%;}
.ipt_tit span { color:#f00;}
.fm_ipt1, .fm_ipt2 { width:100%; height:40px; overflow:hidden; margin:0; padding:0; float:right; position:relative;}
.fm_ipt3 { width:70%;}
.fm_ipt1 input, .fm_ipt1 textarea, .fm_ipt4 input, .fm_ipt1 select, .fm_ipt2 select, .fm_slc1 select, .fm_slc2 select, .fm_slc2 input, .fm_slc3 select, .fm_slc4 select, .fm_slc5 select,.fm_radio textarea { display:block; width:100%; height:40px; overflow:hidden; line-height:38px; font-size:14px; border-radius: 4px; background-color:#fff; margin:0 auto; padding:0 15px; border:1px solid #dfdfdf; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.fm_radio textarea{ height:80px;}
.fm_slc2{ width:50%; float:left;}
.fr_ad{ float:right; width:49%;}
.fm_slc2 select { width:49%; margin:0 2% 0 0; float:left;}
.fm_slc3 select { width:36%;}
.fm_slc1 select { width:100%; float:left;}
.fm_slc3 select { width:32%; margin:0 2% 0 0; float:left;}
.fm_ipt3 input.rd_ipt { float:right; display:block; width:26%; height:36px; overflow:hidden; line-height:34px; color:#565656; font-size:14px; border:1px solid #ccc; margin:2px 0; padding:0 10px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
/*.fm_ipt1 select, .fm_ipt2 select, .fm_slc1 select, .fm_slc2 select, .fm_slc3 select, .fm_slc4 select, .fm_slc5 select { background:#fff url(../images/jt.png) top right no-repeat;}*/
.fm_ipt1 a.yzm { display:block; width:auto; height:40px; line-height:40px; color:#fff; font-size:14px; margin:0; padding:0 20px; border-radius:0 4px 4px 0; background-color:#5365ea; position:absolute; top:0; right:0;}
.fm_ipt1 a.yzm:hover { background-color:#5b8dfe;}

.fm_checkbox3 .fm_ipt1 select { width:48%; margin:2px 2% 2px 0; float:left;}
.fm_checkbox3 .fm_ipt1 input { width:48%; display:block;}

.m_10{ margin:10px 0;}
.pic_upload{overflow:unset;display: inline-block;}
.pic_upload_btn{ display:inline-block; width:20%; padding: 6px 20px; text-align:center;background:#fff; border-radius: 4px; float:left;}
.pic_upload p{ font-size:14px; float:left; margin-left:10px; width:50%;}
.pic_upload p input{display:block; width:100%; height:34px; overflow:hidden; line-height:34px; font-size:14px; border-radius: 4px; background-color:#fff; margin:0 auto; padding:0 15px; border:1px solid #dfdfdf; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.pic_upload p span{ color:#f00;}

.order_btn { width:160px; height:44px; overflow:hidden; margin:20px auto 0; padding:20px 0;}
.order_btn input { display:block; width:160px; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:18px; font-weight:bold; text-align:center; margin:0 auto; padding:0; background-color: #5365ea; border-radius:22px; border:none; outline:none; cursor:pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.order_btn input:hover { background-color: #5b8dfe;}

.order_banner1 { width:1000px; height:360px; overflow:hidden; margin:0 auto; padding:0;}
.order_banner2 { width:940px; height:120px; overflow:hidden; margin:0 auto; padding:0 30px;}
.order_banner1 img, .order_banner2 img { display:block; width:100%; overflow:hidden; margin:0 auto; padding:0;}

.ly_ewm { width:140px; height:auto; overflow:hidden; margin:0; padding:6px 0; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.06); position:fixed; right:20px; bottom:20px; z-index:999;}
.ly_ewm p { width:100%; height:auto; overflow:hidden; line-height:20px; color:#ec1c28; font-size:13px; text-align:center; margin:0 auto; padding:0;}
.ly_ewm img { display:block; width:128px; height:auto; margin:0 auto;}

.tips{width:100%; height:auto; overflow:hidden;margin:0 auto; padding:10px 20px; background:#5365ea; border-radius:4px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.tips p{width:100%; height:auto; overflow:hidden;line-height:24px; color:#fdd100; font-size:14px; margin:0 auto;padding:0;}

.bx{ border:1px dashed #999; border-radius:10px; margin:0 20px; width:95%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.bx .title{ font-size:18px; font-weight:bold; color:#5365ea; padding:10px 20px;}
@media (max-width:1024px){
}
@media (max-width:768px){
	.gb p,.orderBanner ul{ padding:0 10px 10px;}
	.ly_order .order_div{ margin:10px auto; width:100%; padding:0;}
	.fm_checkbox1 ul li label{ width:100%;}
	.fm_checkbox2 ul li{ width:100%;}
	
	.bx{ width:100%; margin:0;}
	.bx .order_div{ padding: 0 20px;}
	.pro .pro_img{ width:100%; float:none;}
	.pro .pro_text{ width:100%; float:none; padding:0; margin-top:20px;}
	.pro .des ul li{ font-size:14px;}
}
@media (max-width:430px){
	.gb_title{ font-size:16px; padding:10px 20px;}
	.gb p,.orderBanner ul li,.orderBanner .des dd{ font-size:14px; line-height:24px;}
	.orderBanner .des{ padding:10px 20px 20px;}
	.orderBanner ul li{background: url(../images/jp_ico.png) left 8px no-repeat; background-size: 10px 10px;}
	.orderBanner .des dd{background: url(../images/jp_des_ico.png) left 8px no-repeat; background-size: 10px 10px;margin: 0 0 5px;}
	.order_btn{ margin: 20px auto 0;}
	.ly_order{ padding:0 20px;}
	.fm_slc2{ width:100%;}
	.fr_ad{ width:100%; margin-top:10px;}
	.fm_radio ul li{ width:100%;}
	.fm_radio1 ul li{ width:50%;}
	
	.pic_upload_btn,.pic_upload p{ width:100%;}
	.pic_upload_btn{ float:none; padding:0;}
	.pic_upload p{ float:none; padding:0; margin:20px 0 0 0;}
	
	.pro .pro_text .pro_name,.pro .pro_text .pro_point{ font-size:14px;}
	.pro .des ul li{ line-height:24px;}
	input[type="checkbox"] + label::before{margin: 7px 10px 11px 0;}
	input[type="radio"] + label::before{ margin: 6px 10px 12px 0;}
	.fm_radio ul li label, .fm_checkbox ul li label{ line-height:30px;}
}
@media (max-width:380px){
	.fm_checkbox2 ul li{ width:100%;}
	.fm_checkbox2 ul li label{ font-size:14px;}
	.fm_radio1 ul li{ width:100%;}
	
	.od_title{ font-size:14px;}
	input[type="checkbox"] + label::before{margin: 6px 10px 11px 0;}
	.jia label::before{margin: 7px 10px 36px 0 !important;}
}
@media (max-width:340px){
	.gb_title{ font-size:15px; padding:5px 10px;}
	.gb p, .orderBanner ul{padding: 0 10px 5px;}
	.ly_order{ padding: 0 10px;}
	.ly_order .order_div{margin: 5px auto;}
	.order_btn{margin: 10px auto 0;padding: 10px 0;}
}