﻿body {
  color: #555;
  font-weight: 400;
  font-size: 14px;
  font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", 微软雅黑, 宋体, Tahoma, Arial, Helvetica, STHeiti;
  line-height: 20px;margin:0; padding:0px
}
a{text-decoration: none;color: #555;}
a:hover { text-decoration: none;}

strong {font-weight: 600;}
ul, li, ol{list-style:none}
ul, li, ol, div, td{box-sizing:border-box}
.clear {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.clearfix {
 overflow: hidden;
 zoom: 1;
}
.none {
 display: none;
}
.f_l{float:left}
.f_r{float:right}
.pt50{padding-top:50px}
.pt30{padding-top:30px}
.pt80{padding-top:80px}
.ptb40{padding:40px 0}
.pt100{padding-top:100px}
.mt10{margin-top:10px}
.mb50{margin-bottom:50px}
.pb20{padding-bottom:20px}
.mr10{margin-right:10px}

.hidden{overflow:hidden}
.clear{clear: both;height: 0;overflow: hidden;}
.clearfix::after {display: block;clear: both;height: 0;overflow: hidden;visibility: hidden; content: ".";}

.wrapper{width: 100%;/*min-width: 320px;max-width: 640px;*/margin: 0 auto;overflow: hidden;}
.banner{ width:100%; height:56vw; overflow:hidden; position:relative;font-size:0}
.b-img{ height:56vw;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:56vw; float:left;}
.b-list{ height:50px; padding-top:50vw; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; border:0.5vw solid #fff; float:left; margin:0 5px;}
.b-list .spcss{border:0.5vw solid #00afff;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

.textwo{margin: 6vw auto 0 auto;}
.textwo1{font-size: 4.5vw;color: #125ac1;text-align: center;margin: 0; padding: 0}
.textwo2{font-size: 2.3vw;color: #999;text-align: center;display: block;padding: 0 3vw;margin: 2vw auto 2vw auto;}

.goalist{margin: 0 auto;}
.goalist ul{margin: 0 ;padding: 0 1.5vw;}
.goalist ul li{width: 45.5vw; height: 32vw;border: 1px solid #ddd;box-shadow: 1vw 1vw 1vw #ddd;float: left;margin: 0vw 1.5vw;padding-left: 4vw;padding-top: 3vw;position: relative;}
.gojia{font-size: 8vw;font-weight: 400;color: #36a9dd;position: absolute;right: 4vw;top:2vw;}
.goalist ul li img{width: 10vw;height: 10vw;float: left;}
.goalist ul li h3{font-size: 4vw; float: left;color: #36a9dd;padding-left:2vw;padding-top:4vw; font-weight: 400;margin: 0;}
.goalist ul li p{width: 90%; font-size: 3vw;color: #333;clear: both;line-height: 4vw;text-align: left;padding-top: 1vw;}
.gorimgs{width: 30vw;height: 32vw; background: url(../images/right_t1.png) center no-repeat;background-size: 100% 100%;float: right;margin-right: 10vw;}

.goapirce{width: 100%;height: 137vw; background: url(../images/mshouye_2.png) top no-repeat;background-size: 100% auto;margin: 6vw auto 0 auto;}
.goapetxt{margin: 0 auto;color: #fff;padding-top: 6vw;}
.goapetxt1{font-size: 4.5vw;text-align: center;margin: 0;padding: 0;}
.goapetxt2{font-size: 2.3vw;text-align: center;width: 80%;margin: 1vw auto 0 auto;}

.spower{width: 100%;margin: 2vw auto;}
.spower_left{float: left;margin-left: 2vw;width: 40%;margin-top: 5vw;}
.spower_left img{width: 100%;}
.spower_right{float: left;margin-right: 2vw;width: 53%;margin-left: 2vw;}
.spower_right ul{padding-left: 2vw;}
.spower_right ul li{width: 100%;color: #125ac1;font-size: 4vw;margin-top: 1vw;}
.spower_right ul li span{color: #125ac1;font-size: 4vw;}
.spower_right ul li p{color: #999;font-size: 3vw;padding-top: 1vw;;margin: 0;line-height: 4vw;}

.photolist{margin: 2vw auto;width: 100%;}
.photolist1{width: 36%;float: left; margin-right: 1.5vw;margin-top: 3vw;}
.photolist1 ul{margin:0; padding: 0 }
.photolist1 ul li{width: 100%; float:right; text-align: right;}
.plise_1{width: 45%;}
.plise_2{width: 97%;}
.plise_3{width: 80%;}

.photolist2{width: 22%;float: left;}
.photolist2 ul{margin:0; padding: 0 }
.photolist2 ul li{float: left;width: 100%;box-sizing: border-box;}
.plise_4{width: 100%;}

.photolist3{width: 40%;float: left;margin-top: 2vw;}
.photolist3 ul{margin:0; padding: 0 }
.photolist3 ul li{float: left;padding-left: 1.5vw;width: 100%;}
.photolist3 img{margin: 2px;}
.plise_5{width: 50%;}
.plise_6{width: 57%;}
.plise_7{width: 36%;}
.plise_8{width: 47%;}
.plise_9{width: 44%;}

.sjdown{width: 100%;height: 60vw; margin: 2vw auto;background: url(../images/img_bg.png) center no-repeat;background-size: 100% 47vw;}
.sjdown_left{width: 35%;float: left;padding-left: 5vw;}
.sjdown_left img{width: 100%;}

.upstest{float: left;padding-top: 12vw;padding-left: 4vw;width: 63%;}
.upstestone{font-size: 4vw;color: #fff;padding: 0;margin: 0;}
.upstestwo{font-size: 2.5vw;color: #fff;padding-top: 1vw;margin: 0;}
.erweim{margin-top: 2vw;}
.erweim img {float: left;width:35%;}
.erweim ul{float: left; padding-left: 2vw;margin: 0;}
.erweim ul li{width: 34vw;height: 8vw; line-height:3vw; text-align: center;vertical-align: middle; background-color: #fff;color: #125ac1;border-radius: 10vw;margin-top: 2vw;}
.erweim ul li img{padding-left:4vw;width: 14%;padding-top: 1.5vw;}
.erweim ul li p{font-size:4vw;color: #125ac1; display: inline-block;margin: 0;padding: 0; line-height: 8vw;}

.sjinput{margin: 4vw auto;width: 100%;}
.sjinput ul{padding: 0;}

.sjinput ul li input{width: 80%;height: 12vw;border: 1px solid #ddd;border-radius: 10vw;float: left;padding:5px 5px 5px 30px;color: #999; font-size:4vw;margin: 2vw 10%;box-sizing: border-box;}

.tsefa input{width:80%;height:12vw;background-color: #125ac1;border-radius: 50px;float: left;color: #fff; font-size:16px;-webkit-appearance: none;box-sizing: border-box;display: block;margin: 3vw 10%;border: none;}

.doxtop{width: 100%;background: url(../images/down_bg.png) top no-repeat; display:table; background-size: 100% 100%;}
.doxtop img{width: 100%; float:left}
.doxtoptxt{width: 80%;color: #fff;margin: 0 auto;}
.doxtoptxt1{margin: 0;padding-top: 8vw;}
.doxtoptxt1 h1{font-size:4vw;text-align: center;margin:0 ;padding: 0;}
.doxtoptxt1 p{font-size: 2.5vw;text-align: center;margin: 0;padding: 0}

.doxtoptxt2{width: 100%; display: flex; align-items: center; justify-content: center;padding-top:5vw;}
.doxtoptxt2 ul{margin: 0;padding: 0;}
.doxtoptxt2 ul li{border: 1px solid #fff;border-radius: 10vw;width: 34vw;height:10vw; line-height: 10vw; float: left; margin: 2vw 3vw;font-size: 4vw;color: #fff;}
.doxtoptxt2 ul li img{width:5vw; float: left; margin:2vw ;  line-height: 4vw; vertical-align: middle }
.doxthree{width: 100%;height: 72vw;margin: 2vw auto;background: url(../images/bg_down.png) center no-repeat;background-size: 100% auto;}
.doxthree img{width: 80%;margin: 0 auto;display: block;}

.doxfour{margin: 6vw 10%;width: 80%;text-align: center;box-sizing: border-box;}
.doxfour img {float: left;width: 40%;}
.doxfour ul{float: left; padding-left: 4vw;margin: 0;width: 45%;}
.doxfour ul li{width: 40vw;height:13vw; line-height:13vw; text-align: center; background-color: #125ac1;color: #fff;}
.doxfour ul li img{width: 18%;padding-top: 2vw;padding-left: 3vw;}
.doxfour ul li p{font-size: 4vw;color: #fff; margin-top: 2vw;}

.prtops{width: 100%;height: 432vw; background: url(../images/pices_bg1.png) top no-repeat #1063ec;background-size: 100% auto;}

.prtopsright{float: left;width: 57%;font-size: 18px; color: #fff;text-align: left;padding-left: 3vw;padding-top: 3vw;}
.prtopsright h1{font-size: 5vw ;color: #000;font-weight: 600;padding: 8vw 0px 0vw 8vw;margin: 0;}
.prtopsright p{font-size: 2.5vw;color: #333;font-weight: 500;padding-left: 8vw;padding-top: 3vw; margin: 0;line-height: 4vw;}
.anniucl{width: 34vw;height:9vw;line-height: 9vw; background-color: #3cce7d;color: #fff;font-size: 4vw;border-radius: 20vw;text-align: center;margin-top:2vw;margin-left: 8vw;}

.textwos{margin: 18vw auto 0 auto;}
.textwos1{font-size: 4.5vw;color: #fff;text-align: center;margin: 0; padding: 0}
.textwos2{font-size: 2.3vw;color: #fff;text-align: center;display: block;padding: 0 3vw;margin: 2vw auto 2vw auto;}

.prisonce{width: 95%;height: 114vw;margin: 4vw auto;border-radius: 4vw;background-color: #fff;}
.prises1{width: 40vw;height: 10vw;margin: 0 auto;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:2vw;border-bottom-left-radius:2vw;background-color: #3785fd;font-size: 4vw;font-weight: 600;text-align: center;line-height: 10vw;color: #fff;}
.prisonce p{width: 82%;text-align: center;margin: 0 auto;font-size: 3.5vw;color: #333;padding-top: 4vw;}
.prises2{width: 100%; display: table; text-align: center}
.prises2 img{width:90%;}
.prises3{width: 45vw;height: 11vw;line-height: 11vw;text-align: center;margin: 3vw auto 0vw auto;background-color: #125ac1;border-radius: 10vw;font-size: 4vw;color: #fff;}
.prtges{width: 100%;margin: 0 auto;}

.agstops{width: 100%;height: 50vw; background: url(../images/agent_bg.png) top no-repeat;background-size: 100% auto;font-size: 5vw;font-weight: 600;color: #2e2e58;text-align: center;padding-top: 5vw;}
.agstoniu{width: 30vw;height: 8vw;line-height: 8vw; background-color: #fc7c56;color: #fff;margin: 3vw auto;border-radius: 20vw;font-weight: 500;font-size: 4vw;}
.arstwos{width: 100%;display:table; line-height:170%; padding:3vw 0; background: url(../images/agtnt_bgs.png) center no-repeat;background-size: 100% 100%;}
.arstwxt{width: 80%;text-align: center;margin: 0 auto;font-size: 4vw;color: #fff;padding-top: 3vw;}
.arstwxt1{width: 95%;text-align: center;margin: 0 auto;font-size: 3vw;color: #fff;padding-top: 2vw;}

.fourents{width: 100%;margin: 0 auto;padding-top: 5vw;}
.fourents ul{padding: 0;margin: 0;}
.fourents ul li{width: 47%;height: 36vw; margin: 1.5vw;float: left;position: relative;background-color: #fff;
	border-top-left-radius:1em;border-top-right-radius:0em;border-bottom-right-radius:2em;border-bottom-left-radius:1em; padding: 2vw;}
.fourents ul li h1{font-size: 6vw;color: #1063ec;font-weight: 500;position: absolute;top:2vw;right: 3vw;margin: 0;}
.fourents ul li span{font-size: 4vw;color: #2e2e58;}
.fourents ul li p{font-size: 3vw;color: #333;margin: 0;line-height:5vw;padding-top: 1.5vw;}

.ageyoushi{width: 100%;height: 158vw; background: url(../images/agent_right.png) center bottom no-repeat #f8fcff;background-size: 100% auto;}
.ageyoushi span{ font-size: 4vw;color: #1063ec;font-weight: 500; display: block;text-align: center;padding-top:7vw;margin: 0;}
.ageyoushi ul{padding: 0 ;margin-top: 3vw;}
.ageyoushi ul li{width: 95%;font-size: 3.5vw;color: #555;line-height:6vw;padding: 2vw 0;margin: 0 auto;}
.agentreey{width: 6vw;height: 6vw;line-height: 6vw;text-align: center; border-radius: 20vw;background-color: #125ac1;color: #fff;float: left;margin-right: 4vw;}

.agehuode{width: 100%;height: 168vw; background: url(../images/agent_left.png) center bottom no-repeat #f8fcff;background-size: 100% auto;}
.agehuode span{ font-size: 4vw;color: #1063ec;font-weight: 500; display: block;text-align: center;margin: 0;}
.agehuode ul{padding: 0 ;margin-top: 3vw;}
.agehuode ul li{width: 95%;font-size: 3.5vw;color: #555;line-height:6vw;padding: 2vw 0;margin: 0 auto;}

.agentfive{margin: 0 auto;width:100%; background-color: #fff;}
.agentfive h1{font-size:4vw;font-weight: 500;color: #125ac1;text-align: center;}
.agentfive ul{margin:  0;padding:2vw 0;}
.agentfive ul li{float:left;width: 19%;display: table-cell;box-sizing: border-box;text-align: center;padding-left: 4vw;}
.agentfive ul li img {width:100%;height:100%;}
.agfivetext{width: 100%; float: left; text-align: center;color: #125ac1;font-size: 3vw;margin: 0;line-height: 6vw;}
.agfivetext span{font-size: 4vw;  color: #125ac1;margin: 0;padding: 0;text-align: center;}   

.agentsbom{margin: 2vw auto;}
.agentsbom img{width:100%;}

.agent_input{margin:2vw 2.5%;width: 100%; padding-bottom: 2vw;}
.five_img{float: left; width: 15%;}
.five_img img {width: auto;height: 13vw;}

.five_sde{ float: left;width: 60%}
.agent_input input{width: auto;border-radius:0; height: 13vw;border:2px solid #125ac1;box-sizing:border-box;padding: 2vw 2vw 2vw 10vw; font-size: 5vw;}
.agent_input input::-webkit-input-placeholder{color:#ddd;}

.five_anniu{float: left;width: 20%;}
.five_anniu input{width:100%;height: 13vw; font-size:4vw;color: #fff; padding: 0;  background-color: #125ac1;box-sizing:border-box; -webkit-appearance: none; border-radius:0}

.gonallist{background: url(../images/gongnengbg.png) top no-repeat;background-size: 100% auto;width: 100%;height: 63vw;}
.gonallist h1{width: 100%;text-align: center;font-size: 4vw;color: #fff;margin: 0;padding-top: 5vw;}
.gonallist p{width: 100%;text-align: center;font-size: 3vw;color: #fff;margin: 0;padding-top: 2vw;}
.gonaldown{width: 24vw;height: 7.5vw;line-height: 7.5vw;text-align: center; background-color: #3cce7d;color: #fff;font-size: 3vw;border-radius: 10vw;margin: 2vw auto;padding: 0;}
.gontexts{margin: 3vw auto;width: 100%;border-color: #fff;}
.gontexts span{color: #125ac1;font-size: 4vw;text-align: center;width: 100%;margin: 0 auto;display: block;}
.gontexts p{color: #999;font-size: 3vw;text-align: center;width: 90%;margin: 0 auto; padding-top: 1.5vw;}

.gonsones{width: 100%;height: 137vw;background: url(../images/ldft.png) bottom no-repeat #fff;background-size: 100% auto;}

.gonsrights{width: 100%; display:table}
.gonsrights ul{margin: 0;padding: 0;}
.gonsrights ul li{width: 50%;text-align: center; height:45vw; float: left;padding: 0 2vw ; margin-top: 2vw;}
.gonsrights ul li img{width: 36%;margin: 0 auto;}

.gonsrightxt{box-sizing: border-box;width:100%;margin: 0 auto;}
.gonsrightxt span{color:#125ac1;font-size: 4vw;width: 100%;padding:2vw 0;display: block; }
.gonsrightxt p{color: #333;font-size: 3vw;width: 100%;margin: 0;text-align: left;}

.gthrees{width:100%;display:table; background: url(../images/xuqiu_bg.png) bottom no-repeat #4d44dd;background-size:100% 100%; padding:3vw 0;}
.gthrees h1{font-size: 4vw;color: #fff;text-align: center;font-weight: 500;padding-top: 4vw;margin: 0;}
.gthrees p{width: 90%;font-size:3vw;color: #fff;padding-top:1.5vw;margin: 0 auto;text-align: center;}
.gtsecall{width: 100%;margin: 2vw auto;}
.gtsecallleft{width: 100%; display: table; margin-top: 5vw}
.gtsecallleft ul {margin: 0; padding: 0;}
.gtsecallleft ul li{float: left;width: 50%;box-sizing: border-box;height: 35vw; padding: 2vw;}
.gtsecallleft ul li img{float: left;margin-right: 2vw;width: 20%;}
.gtsecallleft ul li h2{font-size: 4vw;color: #fff;font-weight: 500;margin: 0;}
.gtsecallleft ul li p{font-size: 3vw;color: #fff;text-align:left;display: table;width: 70%}

.gongfous{width: 100%;height: 75vw; background: url(../images/tongyi_bg.png) left 10vw no-repeat #fff;background-size: 100% auto;position: relative;}
.gongfous1{width: 100%;margin: 0 auto;}
.gongfous1 img{width: 35%;float: left;position: absolute;top:0;left: 8vw}
.gongfoutxt1{float: right;width: 50%;margin-top: 22vw;padding-right: 3vw;padding-left: 2vw}
.gongfoutxt1 h1{font-size: 4vw;color: #fff;font-weight: 500;margin: 0;padding: 0;}
.gongfoutxt1 p{font-size:3vw;color: #fff;margin: 0;padding-top: 1vw;}

.gongfous2{width: 100%;margin: 0 auto;padding-top: 4vw;}
.gongfous2 img{width: 35%;float: right;position: absolute;bottom:-7vw;right: 5vw}
.gongfoutxt2{float: left;width: 50%;margin-top: 38vw;padding-right: 3vw;padding-left: 8vw}
.gongfoutxt2 h1{font-size: 4vw;color: #fff;font-weight: 500;margin: 0;padding: 0;}
.gongfoutxt2 p{font-size: 3vw;color: #fff;margin: 0;padding-top: 1vw;}

.gongfous3{width: 100%;height: 50vw; margin: 0 auto;position: relative;}
.gongfous3 img{width: 35%;float: left;position: absolute;top:0;left: 8vw}
.gongfoutxt3{float: right;width: 50%;margin-top: 17vw;padding-right: 3vw;padding-left: 2vw}
.gongfoutxt3 h1{font-size: 4vw;color: #125ac1;font-weight: 500;margin: 0;padding: 0;}
.gongfoutxt3 p{font-size: 3vw;color: #125ac1;margin: 0;padding-top: 1vw;}

/* nav style */
header {zoom: 1; overflow: hidden; height: 27vw; color: #FFF; text-align: left; box-sizing:border-box;}
.logo-header{width: 100%; display: table; padding: 2vw; background:#00afff; box-sizing: border-box}
.logo{height: 12vw; width: auto; float: left;}
.consult{float: right; margin-top: 1vw; }
.consult a{margin-right: 2vw; height: 9.5vw; width: 9.5vw; display: inline-block}
.consult a.icontel{background: url(../images/telt.png); background-size:100% 100%;}
.consult a.iconwx{background: url(../images/wx.png); background-size:100% 100%;}
#mainNav {
 font-size: 3.8vw;
 width: 100%;
 border-bottom:1px solid #ddd;
  height:11vw;
}
#mainNav ul {
 zoom: 1;
 overflow: hidden;
 margin: 0; padding: 0;
}
#mainNav li {
 float: left;
 width: 20%;
}
#mainNav li a {
 display: block;
 text-align: center;
 line-height: 11vw;
}
#mainNav li.cur a{color:#339aff;}

.bottom-h{width:100%; display:table;height:14vw;}
footer{width:100%; position:fixed; height:11vw; padding: 2vw 0; background:#383d41; left:0; bottom:0; z-index:500} 
.butmenu{width:100%; display:table;}
.butmenu ul{margin:0; padding:0}
.butmenu ul li{width:25%; float:left; text-align:center; border-right:2px solid #646464}
.butmenu ul li a{ color:#fff; font-size:3.2vw;}
.butmenu ul li .icon{display:inline-block; height:5vw; width:5vw;}
.butmenu ul li .icon.bott1{background:url(../images/iconhome.png); background-size:100% 100%;}
.butmenu ul li .icon.bott2{background:url(../images/iconpro.png); background-size:100% 100%;}
.butmenu ul li .icon.bott3{background:url(../images/icontel.png); background-size:100% 100%;}
.butmenu ul li .icon.bott4{background:url(../images/icononline.png); background-size:100% 100%;}
.butmenu ul li:last-child{border:0}
.butmenu ul li p{margin:0; }
.prom-div{width:25vw; position:absolute; bottom:15vw; left:25vw; background:#fff; color:#333 !important; border-top-left-radius:5px;border-top-right-radius:5px; border:1px solid #ddd}
.prom-div div{line-height:8vw; border-bottom:1px dashed #dedede}
.prom-div a{color:#333 !important;  font-size:3.5vw !important;}
