@charset "utf-8";
/**common**/
*{ margin:0; padding:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
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; color:#686868;}
table,td,tr,th{font-size:12px;}
p{ font-size:20px; 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;}	

body{background:#f5f5f5;}

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

.h_content{width:1080px;margin:0 auto;background:#fff;}
.h_content_in{ width:1000px; padding:40px; margin:-100px auto 40px; background:#fff; position:relative; border-radius:16px;box-shadow: 0 10px 30px rgba(0, 60, 180, 0.12);}
.h_content_in2{padding:0 40px 40px;}

.introduction{ margin-bottom:20px;}
.introduction p{font-size:18px; line-height:34px; color:#686868;text-indent: 2em;}
.introduction p span{ color:#0e7de6;}

.title{font-size: 36px;font-weight: bold; color: #424242; text-align:center; margin:20px auto; display: flex;display: -webkit-flex; justify-content: center; align-items: center;}
.title i{ display: inline-block; width: 24px; height: 31px; background: url(../images/title_pic.png) center no-repeat; margin: 0 30px; background-size: 100%;}
.title i:nth-of-type(2){transform: scaleX(-1);}
.title span{ color:#0e7de6;}
.h_main{position:relative;height: auto;overflow: hidden;}
.h_main_tab{z-index:999;background:#fff;}
.h_main_tab{text-align:center;margin: 28px 0 36px;border-bottom: 3px solid #1a76e6; overflow:hidden;}
.h_main_tab .tab{width:15.83333%;margin-right:1%;float:left;height:40px;line-height:40px;font-size:0;position:relative;cursor:pointer;border-radius: 8px 8px 0 0;border: 1px solid #1a76e6;}
.h_main_tab .tab:nth-child(6){ margin-right:0;}
.h_main_tab .tab span{display:inline-block;vertical-align:middle;font-size:14px;color:#424242;font-weight:bold;}
.h_main_tab .tab.on{color: #fff; border: 1px solid #1a76e6;background: linear-gradient(90deg, #1a76e6, #3893ff);}
.h_main_tab .tab.on span{ color:#fff;}
.h_main_tab .tab:nth-child(6){margin-right:0;}
.tabcon{display:none;}
.tabcon.on{display:block;}
.tabcon ul li{ width:100%;display:inline-block; margin:0 0 20px; padding-bottom:20px;border-bottom: 1px solid #ddd;}
.tabcon ul li:last-child{ border-bottom:none;margin:0; padding-bottom:0;}
.part_01 ul li .img{width:100%; position:relative; text-align:center;}
.tabcon .img a{display: block;width: 100%;height: 100%;overflow: hidden;margin: 0; padding: 0;position: relative;}
.tabcon .img img{display:inline-block; max-width:100%;}
.part_01 ul li .cont{ width:100%;}
.part_01 ul li .cont h3{ font-size:20px; font-weight:bold; color:#424242;position: relative;display: inline-block;padding-bottom: 0; z-index:1;}
.part_01 ul li .cont h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background-color: #ffd880; border-radius: 50px; z-index: -1;}
.part_01 ul li .cont p{ font-size:16px;margin:10px 0 20px;}
.down img{display:block; height:auto; margin:0 auto; padding:0; max-width:100%;}
@media (max-width:1080px){
	.top_banner{width:100%;}
	.h_content{width:100%;}
	.h_content_in{ width:96%;}
	.h_content_in{padding:30px 30px 5px;}
    .h_content_in2{padding:0 30px 20px;}
}
@media (max-width:900px){
	.title{ font-size:32px;}
	.title i{ background-size: 70%; margin: 0 20px;}
	.introduction{margin-bottom: 10px;}
.introduction p{ font-size:16px; line-height:30px;}
.h_main_tab .tab{ height:38px; line-height:38px;}
.part_01 ul li .cont h3{ font-size:18px;}
}
@media (max-width:767px){
	.title{ font-size:28px;}
	.title i{ background-size: 60%; margin: 0 10px;}
	.h_content_in{ padding:20px 20px 5px;}
	.introduction p{ font-size:15px; line-height:28px;}
	.h_main_tab{ margin:25px 0;}
	.h_main_tab .tab{ height:34px; line-height:34px;}
	.h_main_tab .tab span{ font-size:13px;}
	.part_01 ul li .cont h3{ font-size:16px;}
	.part_01 ul li .cont p{ font-size:15px; line-height:28px;}
}
@media (max-width:500px){
	.title{ font-size:24px;}
	.title i{ background-size: 50%; margin: 0 10px;}
	.h_content_in{ padding:10px; margin: -50px auto 20px;}
	.h_content_in2{ padding:0 10px 10px;}
	.introduction p{ font-size:14px; line-height:26px;}
	.h_main_tab{ margin:20px 0;border-bottom:0;}
	.h_main_tab .tab{ height:30px; line-height:30px; width:32.3333%; margin-bottom:5px;}
	.h_main_tab .tab:nth-child(3n+3){margin-right:0;} 
	.h_main_tab .tab span{ font-size:12px;}
	.part_01 ul li .cont h3{ font-size:15px;}
	.part_01 ul li .cont h3::after{ display:none;}
	.part_01 ul li .cont p{ font-size:14px; line-height:26px;}
}
@media (max-width:425px){
	.title{ font-size:20px;}
	.introduction{margin-bottom: 0;}
}
@media (max-width:375px){
	.title{ font-size:18px; margin:10px auto;}
	.h_main_tab{ margin:10px auto;}
}
/**表单**/
.ly_order { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.ly_order .order_div { float:left; width:100%; overflow:hidden; margin:10px auto;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.ly_order .order_div1 { width:48.5%; float:left;}
.ly_order .order_div1:nth-child(2n){ float:right;}
.ly_order .order_div2 { width:48%; float:left;}
.ly_order .order_div2:nth-child(2n){ float:right;}
.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;}
.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_radio ul li dl dd{ float:left; width:50%;}
.fm_radio1 ul li { width:33.333333%;}
.fm_radio2 ul li { width:25%;}
.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: #666; margin: 0 0 0 1%;height:36px;line-height:36px;text-indent:10px; float:left; background:none;}
.fm_radio ul li label, .fm_checkbox ul li label { line-height:40px; color:#666; 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_checkbox4 ul li { width:100%;}
.fm_checkbox4 ul li label {float:left;}
.fm_checkbox4 ul li p{ font-size:14px; color:#999; padding-left:30px; line-height:24px; clear:both;}
.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:#3893ff; position:absolute; top:0; right:0;}
.fm_ipt1 a.yzm:hover { background-color:#1a76e6;}

.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:30px auto 0;}
.order_btn input { display:block; width:160px; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:18px;text-align:center; margin:0 auto; padding:0; background-color: #3893ff; 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: #1a76e6;}

.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:#005bac; 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:#005bac; padding:10px 20px;}

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: #084293; border: 1px solid #084293; 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 #084293; background-color: #084293; background-clip: content-box; content: "\2714"; color:#fff !important;
}
/*验证码弹窗*/
.yzm_pop { display: none; width: 400px; height: auto; margin: 0; padding: 30px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); border-radius: 4px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1000; }
.yzm_pop .yzmpop_tit { width: 100%; height: auto; overflow: hidden; line-height: 30px; color: #303030; font-size: 18px; font-weight: bold; text-align: center; margin: 0 auto 20px; padding: 0; }
.yzm_pop .yzmIpt { width: 100%; height: 44px; overflow: hidden; margin: 0 auto; padding: 0 140px 0 0; position: relative;  -o-box-sizing: border-box; }
.yzm_pop .yzmIpt input { display: block; width: 100%; height: 44px; overflow: hidden; line-height: 42px; color: #565656; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #fff; border: 1px solid #d3d3d3; border-right: 0; margin: 0 auto; padding: 0 15px; outline: none;  -o-box-sizing: border-box; }
.yzm_pop .yzmIpt a { display: block; width: 140px; height: 44px; overflow: hidden; margin: 0; padding: 0; background-color: #e8ecf0; border-radius: 0 2px 2px 0; position: absolute; top: 0; right: 0; }
.yzm_pop .yzmIpt a img { display: block; width: 100%; height: 100%; margin: 0; padding: 0; }
.yzmBtn { width: 100%; height: auto; overflow: hidden; margin: 20px auto 0; padding: 0; text-align: center; }
.yzmBtn input { display: inline-block; width: 90px; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 14px; text-align: center; margin: 0 10px; padding: 0; border-radius: 2px; border: none; outline: none; cursor: pointer; background-color: #e1090a; }
.yzmBtn input:hover { background-color: #ff0001; }
.yzmBtn input.Qx { background-color: #808080; }
.yzmBtn input.Qx:hover { background-color: #ea0001; }
.maskYzm { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; }
@media (max-width:1080px){
	.ly_order .order_div{ margin: 5px auto;}
}
@media (max-width:768px){
	.ly_order .order_div{ margin:10px auto; width:100%; padding:0;}
	.ly_order .order_div2{width:100%;}
	.ly_order .order_div2:nth-child(2n){ margin-top:20px;}
	.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;}
	.order_btn{ margin:15px auto; width:150px; height:42px;}
	.order_btn input{ width:150px; height:42px; line-height:42px; font-size:16px;}
}
@media (max-width:425px){
	.gb_title{ font-size:16px; padding:10px 0;margin: 0;}
	.gb p,.orderBanner ul li,.orderBanner .des dd{ font-size:14px; line-height:26px;}
	.gb p,.orderBanner ul{ padding:10px 20px;}
	.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:10px auto; width:140px; height:40px;}
	.order_btn input{ width:140px; height:40px; line-height:40px; font-size:15px;}
	.fm_slc2{ width:100%;}
	.fr_ad{ width:100%; margin-top:10px;}
	.fm_radio ul li{ width:100%;}
	.fm_radio1 ul li{ width:100%;}
	
	.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{ padding:10px 20px;}
	.pro .pro_text .pro_name,.pro .pro_text .pro_point{ font-size:14px;}
	.pro .des ul li{ line-height:24px;}
}
@media (max-width:375px){
	.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;}
}