*{ margin:0; padding:0}
input,select{ vertical-align:middle; font-size:12px}
table{ border-collapse:collapse; border-spacing:0}
img{ border:0}
ul,li,dd,dl,dt{ list-style:none}
a{ text-decoration:none; color:#333; cursor:pointer}
h1,h2,h3,h4,h5,h6,em,b,address,cite,code,th,strong{ font-size:100%; font-style:normal}
body{ font-size:14px; color:#333; font-family:"Microsoft Yahei","Arial",sans-serif; background:#fff !important;}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
.clearfix{zoom:1}
.mr-b30{ margin-bottom:30px;}

/*top*/
.top {height: 30px;font-size: 14px;line-height: 40px;background-color:#FFFFFF;margin:0 auto;width: 1000px;}
.top a:hover{color:#cc0000;}
.fl{ float:left;}
.fr{ float:right;}

.banner-box{ width:100%; height:350px; background:url(../img/y_bg_01.jpg) center 0 no-repeat;}
.b-main{width:1000px; height:350px;margin:0 auto;text-align:center;}
.b-main .banner-text{width:1000px;height:84px;background:url(../img/banner_01.jpg) no-repeat;}
.b-main .banner-text span{font: bold 28px/120px "Microsoft Yahei"; color:#f5d229; font-style:italic;}
.b-main .banner-text .jc_span{font: bold 24px/120px "Microsoft Yahei"; color:#f5d229; font-style:italic;}
.b-main .banner-text strong{color:#fff; font-style:italic;}
.b-main .banner-img{width:1000px; height:266px;background:url(../img/banner_02.jpg) no-repeat;}
.b-main .banner-img .text_bottom{font: bold 130px/120px "Microsoft Yahei"; color:#fff; font-style:italic; position: relative;top:10px;}
.b-main .banner-img .text_bottom1{font: bold 70px/120px "Microsoft Yahei"; color:#fff; font-style:italic; position: relative;top:10px;}

/***lead 流程***/
.lead{ margin:85px auto 0; width:1000px;background:#f2fbff; position:relative;height:150px;}
.lead_t{ position:absolute; background:#162b94; top:-44px; left:20px;padding:15px;}
.lead_t b{ color:#fff; font-size:26px;vertical-align:middle; }
.lead_t em{ width:34px; height:28px; background:url(../img/master.png) -40px 0; display:inline-block; vertical-align:middle;}
.lead_t i{ width:14px; height:44px; background:url(../img/master.png) 0 0; display:inline-block; position:absolute; top:0; right:-14px;}
.flow{height:112px;border-bottom:1px solid #eaeaea;text-align:center;margin-bottom:60px; font-size:16px;}
.flow li{width:195px;height:84px;padding-top:36px;margin-bottom:-8px;display:inline-block;*display:inline;*zoom:1;background:url(/images/zhuanti/2017signUpTemplate/flow-icon.gif) no-repeat center bottom;_position:relative;}
.flow li strong{line-height:30px;display:block;color:#666;font-weight:normal;}
.flow li p{line-height:26px;color:#999;}
.flow li.on{background:url(../img/flow-icon1.gif) no-repeat center bottom;}
.flow li.on strong,.flow li.on p{color:#5488f1;}
.flow li .sanjiao1{margin-left:190px; margin-top:12px;}


.menu-box{width:100%;height:50px; background:#213285;}
.menu{width:1000px; height:50px; margin:0 auto;}
.menu a{font: normal 16px/50px "Microsoft Yahei";color:#fff; text-align:center; padding:0 30px; display:inline-block;}
.menu a.this-m{ background:#0f1e69;color:#edce35;}
.menu a:hover{background:#0f1e69;color:#edce35;}

.main-1{width:1000px; margin:0 auto 50px; overflow:hidden;}
.main-1 h2{margin-bottom:49px;}
.titlebox{font:normal 40px/45px "Microsoft Yahei"; text-align:center; color:#213285; padding-top:46px;}
.titlebox em{margin:0 20px;}
.titlebox span{width:38px;height:3px; background:#213285;display:inline-block; vertical-align:middle;}
.main-1 .dqdh{font:bold 18px/38px "Microsoft Yahei"; color:#333; background:url(../img/pic-jh.png) 0 0 no-repeat; padding-left:20px;margin-bottom:12px; vertical-align:middle; } 
.main-1 .dqdh_right{font:16px/38px "Microsoft Yahei"; color:#333;margin-bottom:12px; vertical-align:right; float:right; } 
.main-1 .dqdh_right a:hover{color:#213285;}

.main-1 .region a{font-size:14px; line-height:43px; background:#f3f7fa; text-align:center; display: inline-block;margin:0 12px 12px 0; padding:0 16px;}
.main-1 .region a.this-tab,.main-1 .region a:hover{ color:#fff; background:#2957a7; background-image:linear-gradient(90deg, #2f74c2, #213285 ); box-shadow:3px 3px 6px #acb8d8;}

.main-1 .ui-table{border:1px solid #e6e6e6; text-align:center; margin-bottom:20px;margin-top:6px;}
.main-1 .ui-table th{height:50px;font-size:18px; font-weight:normal; color:#fff; background:#213285;}
.main-1 .ui-table thead{border-bottom:1px solid #e6e6e6 }
.main-1 .ui-table td{line-height:25px;padding:10px 0;}
.main-1 .ui-table a{ color:#213285;display:inline-block;padding:0 20px;}
.main-1 .ui-table a.ckxq{ background:url(../img/pic-jh.png) 0 -74px no-repeat; }
.main-1 .ui-table a.cfrk{ background:url(../img/pic-jh.png) 0 -105px no-repeat; }
.main-1 .ui-table a.mfst{border-radius:50px;height:30px; line-height:30px;color:#fff; background:#2957a7; background-image:linear-gradient(-90deg, #213285, #2f74c2 ); box-shadow:3px 3px 6px #acb8d8;}
.main-1 .ui-table a.mfst i{ position:relative;top:-2px;#top:0px;width:14px; height:14px; display:inline-block;background:url(../img/pic-jh.png) 0 -143px no-repeat;margin-right:6px;vertical-align:middle;}
.main-1 .ui-table span{margin-left:20px;}
.main-1 .ui-table a:hover{ text-decoration:underline;}
.main-1 .ui-table .huise{ background:#f6f6f6;}

.main-1-box{width:100%; background:#f2f7ff; overflow:hidden; padding-bottom:40px;}
.main-1 .cfznbox{width:1000px; height:auto; overflow:hidden;border-radius:8px; background:#fff; padding:20px 0 10px;box-shadow:0 6px 6px #e3eeff; margin-bottom:20px;}
.main-1 .cfznbox h4{ overflow:hidden;}
.main-1 .cfznbox .left-text{height:28px; overflow:hidden;line-height:28px;border-left:5px solid #fbc000; float:left; font: normal 26px/28px "Microsoft Yahei"; text-indent:0.5em;}
.main-1 .cfznbox .right-text{ font-weight:normal;font-size:14px; float:right; margin-right:10px;}
.main-1 .cfznbox .right-text a.btn-yellow{width:98px; height:33px; line-height:33px; background:#fffbeb; border:1px dashed #efb000; color:#ff9900; text-align:center; display:inline-block; border-radius:8px;margin-right:10px; overflow:hidden;}   
.main-1 .cfznbox .right-text a:hover{ background:#fff3c3; box-shadow:none;}
.main-1 .cfznbox p{font-size:16px; color:#777;padding:20px 20px 15px 20px; line-height:30px;}
.main-1 .cfznbox a.see{width:226px; height:50px;font-size:16px; line-height:50px;border-radius:50px;background-color:#2957a7;background-image:linear-gradient(-90deg, #213285, #2f74c2 ); box-shadow:3px 3px 6px #acb8d8; color:#fff; text-align:center; display:block; margin:0 auto 30px auto;}
.main-1 .cfznbox a em{position:relative;#top:2px;width:24px;height:20px; display:inline-block; background:url(../img/pic-jh.png) 0 -180px no-repeat;margin-right:6px; vertical-align:middle;}
.main-1 .cfznbox .img_cx{text-align:center; margin-bottom:20px;}
.main-1 .cfznbox .zsyb{font-size:16px; color:#777;padding:0px 20px 15px 20px; line-height:30px; }
.main-1 .cfznbox .zsyb img{ margin-left:10px; vertical-align:middle;}
.table-b{ width:96%; border:1px solid #d5d5d5; text-align: center; margin-left:20px;}
.table-b tr{  border:1px solid #d5d5d5; }
.table-b tr th{ background-color:#2e9ffe;font-size:16px; font-weight:bold; color:#fff; height:30px;line-height:30px;border:1px solid #d5d5d5;}
.table-b tr td{  border:1px solid #d5d5d5; font-size:14px;height:30px;line-height:30px;}
.nolink{ color:#2b72f2;}
.nolink:hover{ text-decoration:underline;}


.question-box{width:960px;padding:0 20px;border-radius:8px;background:#f8f8f8; margin-bottom:50px;}
.wentibox{ border-top:1px dashed #dedede;padding:20px 0; overflow:hidden;}
.wentibox:first-child{ border:none}
.wentibox p.question{font-size:18px; font-style:normal; position:relative;padding-left:44px;}
.wentibox p.question i{width:30px;height:30px;margin-right:14px;line-height:30px;color:#fff;font-weight:bold; font-style:normal; position:absolute; left:0px;top:0px;float:left;background:url(../img/pic-jh.png) 0 -217px no-repeat #fbc000; display:block; text-align:center;}
.wentibox p.question span{ line-height:35px;}
.wentibox p a{color:#213285;font-size:14px; float:right; line-height:28px;}
.wentibox p a:hover{ text-decoration:underline;}
.wentibox p em{width:7px;height:12px;background:url(../img/pic-jh.png) 0 -262px no-repeat; display:inline-block;margin-left:8px; vertical-align:middle;}
.wentibox p.answer{font-size:16px; font-style:normal; color:#777;margin-top:16px;padding-left:44px;position:relative;}
.wentibox p.answer i{width:30px;height:30px;line-height:30px;color:#fff;font-weight:bold; font-style:normal; float:left;background:url(../img/pic-jh.png) 0 -217px no-repeat #213285; display:block; text-align:center;position:absolute;left:0px;top:0px;}
.wentibox p.answer span{ line-height:30px;}


.main-1-box .textbox{overflow:hidden;}
.main-1-box .tikubox{width:184px;float:left;background:#fff; margin-right:20px; text-align:center;border-radius:8px; box-shadow:0 6px 6px #e3eeff; margin-bottom:50px;}
.main-1-box .tikubox-last{width:184px;float:left;background:#fff;text-align:center;border-radius:8px; box-shadow:0 6px 6px #e3eeff; margin-bottom:50px;}
.main-1-box dt{width:80px;height:80px;margin:30px auto;border-radius:50%;}
.main-1-box dt.tiku-icon1{background: url(../img/pic-jh.png) 0 -285px no-repeat #f2f7ff;}
.main-1-box dt.tiku-icon2{background: url(../img/pic-jh.png) -80px -285px no-repeat #f2f7ff;}
.main-1-box dt.tiku-icon3{background: url(../img/pic-jh.png) -160px -285px no-repeat #f2f7ff;}
.main-1-box dt.tiku-icon4{background: url(../img/pic-jh.png) -240px -285px no-repeat #f2f7ff;}
.main-1-box dt.tiku-icon5{background: url(../img/pic-jh.png) -320px -285px no-repeat #f2f7ff;}
.main-1-box h3{font: normal 26px/35px "Microsoft Yahei";}
.main-1-box p{color:#777; line-height:28px;}
.main-1-box a.btn-yellow1{width:140px;height:38px;font-size:16px; line-height:38px; background:#fffbeb; border:1px dashed #efb000; color:#ff9900; text-align:center; display:inline-block; border-radius:50px;margin:15px 0 21px 0;}
.text-box a:hover{width:142px;height:40px;line-height:40px;background-color:#2957a7;background-image:linear-gradient(-90deg, #213285, #2f74c2 ); box-shadow:3px 3px 6px #acb8d8; border:none; color:#fff; vertical-align:middle;}


.app-popularize{width:100%;height:134px;background-color:#2957a7;background-image:linear-gradient(-90deg, #213285, #2f74c2 ); box-shadow:3px 3px 6px #acb8d8;}
.left-box,.center-box{ float:left;}
.QR-code{width:100px;height:100px; float:left; padding:17px 20px 0 20px;}
.center-box{ float:left;}
.yellow-text{color:#ffeb3b!important; font: normal 30px/49px  "Microsoft Yahei";padding-top:27px!important;}
.white-text{color:#fff!important;font-size:14px; line-height:28px!important;}
.right-box{padding-top:20px;float:right;width:366px;}
.right-box span{margin-right:10px; display:inline-block;}
.right-box i.android-ico{ background:url(../img/pic-jh.png) 0 -378px no-repeat;width:23px; height:27px; display:inline-block; vertical-align:middle;margin-right:10px;}
.right-box i.apple-icon{ background:url(../img/pic-jh.png) 0 -413px no-repeat;}
.android-btn{ border:1px solid #fff; border-radius:50px; color:#fff;font-size:16px; text-align:center;display:inline-block;padding:0 27px 0 20px; line-height:42px; margin-bottom:10px;}
.right-box a:hover{color:#fff951}

/**content-four**/
.content-4{ width:1000px; height:auto;  padding-bottom:50px; margin:0 auto;}
.h2-txt3{margin:0 auto 30px; width:100%; height:130px; background:url(../img/h2-4.png) center 0 no-repeat; text-align: center; }
.h2-txt3 span{font:40px/130px "Microsoft Yahei"; color:#fff; background: -webkit-linear-gradient(left, #445ac7 , #58edff);     /* 鑳屾櫙鑹叉笎鍙?*/
  -webkit-background-clip: text;         /* 瑙勫畾鑳屾櫙鐨勫垝鍒嗗尯鍩?*/  -webkit-text-fill-color: transparent;  /* 闃叉瀛椾綋棰滆壊瑕嗙洊 */}

.online-s{ position:relative;}
.online-li{width:303px; background:#fff; border-radius:10px 10px 0 0; position: relative; float:left;border:1px solid #eee;}
.online-li:hover{/* box-shadow: 0 0 10px #333; */transform: translateY(-5px); -webkit-transform: translateY(-5px); z-index: 4; transition: transform 1s; -moz-transition: -moz-transform 1s; /* Firefox 4 */ -webkit-transition: -webkit-transform 1s; /* Safari and Chrome */ -o-transition: -o-transform 1s; /* Opera */}
.online-li h5{ width:100%; height: 75px; font:30px/75px "Microsoft Yahei"; color:#fff; text-align: center; border-radius:10px 10px 0 0; background:#de2c4d;     background-image: linear-gradient(20deg, #de2c4d, #ff4f20);}
.online-li .h5two{ background: #3179f0;background-image: linear-gradient(20deg, #3179f0, #2fafff);}
.online-li .h5three{ background: #3179f0;background-image: linear-gradient(20deg, #4a5bff, #705cff);}
.price{ margin:4px 10px 0;  height:58px;}
.price li { padding:12px 0;}
.price li em{ font:14px/24px "Microsoft Yahei";}
.price .priceli{ border-bottom:1px  dashed  #e1e1e1;}
.price li span{font:14px/24px "Microsoft Yahei";display: inline-block;vertical-align:bottom; width:84px; display: inline-block;}
.price li strong{font:24px/24px "Microsoft Yahei"; color:#ff3251; margin:0 20px 0 28px; width:75px; text-align:left; display: inline-block;vertical-align:bottom; }
.price li strong i{font:18px/24px "Microsoft Yahei";}
.price li a{font:14px/26px "Microsoft Yahei"; text-align: center; width:60px; height:26px; border-radius:13px; border:1px solid #ff3251; color:#ff3251; display:inline-block; }
.price li a:hover{ background:#ff3251; color:#fff;}
.price-b{ background:#f7f7f7; padding-bottom:10px; height:68px;}
.price-b span{font:14px/22px "Microsoft Yahei"; width:66px; height:22px; color:#777; border:1px  dashed #777; display: inline-block;
	text-align: center; border-radius:2px; margin:10px 0 0 6px;}
.price-sm{ margin:0 10px 10px 10px;}
.price-sm p{ margin-top:10px;}
.price-sm p span{font:14px/22px "Microsoft Yahei"; color:#333; margin-left:10px; width:240px; display:inline-block; vertical-align:top;}
.price-sm p em{font:14px/22px "Microsoft Yahei"; width:20px; height:20px; border:1px solid #777; display: inline-block; color:#777;
	border-radius:11px; text-align: center; vertical-align:top;}
.price-sm p .p-red{ color:#fb4f4f;}
.online-ann{width:305px; text-align: center; position: absolute; bottom:-60px; left:0;}
.online-ann a{ width:240px; height:44px;font:16px/44px "Microsoft Yahei";background: #ff2c54; background-image: linear-gradient(20deg, #ff6339, #ff2c54); color:#fff; text-align: center; display: inline-block; border-radius:22px; }
.online-ann a:hover{background: #ff6339; }
.online-li{margin-right:10px;}
.online-lileft{ margin-left:54px; }
.onlineleft{ position: absolute; left:-10px; top:60px;width:55px;}
.onlineleft span{ width:55px; height:55px; background: url(../img/bg24.png) 0 -350px no-repeat; display: inline-block; font: bold 15px/20px "Microsoft Yahei"; color:#333; text-align: center; padding-top:8px;}
.onlineleft02{ margin-top:125px;}
.onlineleft03{ margin-top:55px;}


/* 漂浮导航rigscoll_s*/
.rigscoll {position:fixed;left:50px;top:240px;  _position:absolute;_top:expression(documentElement.scrollTop+340);
 _margin-top:30px; _left:50%;_margin-left:600px; }
.rigscolltop {width:100px;height: auto;display:block; text-align:center; }
.rigscoll ul {pdisplay:block;position:relative;background:#162b94; border-radius:4px;}
.rigscoll ul li {display:block; }
.rigscoll ul .gotop{  margin-left:13px; _margin-top:-20px;}
.rigscoll ul li a {color:#fff;display:block;height:32px; font:14px/32px "Microsoft Yahei"; border-bottom:1px dashed #0d1b5d; }
.rigscoll ul li a:hover {color:#ff0; }
.rigscoll ul li.gotop{ background:#213285; width:100%; margin:0; text-align:center;}
.rigscoll ul li.gotop a{color:#ff0;border-bottom:none;text-indent:0px;}
.rigscoll ul li.gotop a:hover{color:#ffec44;}
/*rigscoll_e*/ 


/*5/18*/
.red{color:#ff0000;}
.st_linkmain{ overflow:hidden; border:1px dashed #ccc; padding:15px 15px 15px 40px; margin:0 auto;}
.st_linkbox{ width:1100px; overflow:hidden;}
.st_linkbox li{ width:435px; _width:450px; height:30px; overflow:hidden; float:left; padding:3px 43px 3px 15px; _padding-left:0;}
.st_linkbox li span{ display:inline-block; vertical-align:top; _display:inline; width:15px; _width:6px; height:30px; margin-left:-15px; _margin-left:0; _margin-right:10px; background:url(../img/bg_1.png) no-repeat -190px -130px;}
.st_linkbox li a{ color:#333; font-size:14px; line-height:30px;}
.st_linkbox li a:hover{ color:#162b94;}