html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ul,li,ol,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,select,input{margin:0;padding:0;border:0;}
*:focus { outline: none; }
html{height:100%;}
body{font:12px/1.5 Arial,"Microsoft YaHei","宋体"; color:#000; background: #fff;}
address,cite,dfn,em,var,i{font-style:normal;}
input,button{ font-family: Arial;}
body,div,p{word-wrap:break-word;}
b,strong,.strong{font-weight:700;}
ul,ol,li{list-style:none;}
a{text-decoration:none; cursor:pointer; outline:none;}
a:hover{color:#356fb9;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
input[type="text"]{-webkit-appearance: none;}
.rel{position:relative;}
.abs{position:absolute;}
.hide{display:none;}
.show{display:block!important;}
.normal{font-weight: 400;}
.clearfix{zoom:1;}
.overflow{overflow: hidden;}
.clearfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.txt-c{text-align:center;}
.txt-l{text-align:left!important;}
.txt-idt{text-indent: 2em;}
.nowrap{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.w1200{width:1200px; margin:auto;}

.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px!important;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f30{font-size: 30px;}

.bgcolor-f5f6f6{background: #f5f6f6;}

.color-fff{color: #fff;}
.color-333{color: #333;}
.color-666{color: #666!important;}
.color-888{color: #888;}
.color-f00{color: #f00;}
.color-ffc500{color: #ffc500;}
.color-ff8a00{color: #ff8a00!important;}
.mr31{margin-right: 31px;}

.i-ico{background: url('../image/icons4.png') no-repeat; vertical-align: middle; display: inline-block;}
.maodian{position: absolute;top: -90px; display: block; width: 0;}

/*header*/
.header{height: 619px;background: url(../image/bg.png) repeat-x;min-width: 1200px; width: 100%;}
.headerbg{background: url(../image/header_bg.jpg) center top; height: 498px;padding-top: 121px;}
.headerbg .back{right: 5px; top: 31px; line-height: 30px; display: inline-block;}
.headerbg .back a{color: #fff;font-size: 14px;}
.headerbg .back a:hover{text-decoration: underline;}
.headerbg h1{font-size: 68px; line-height: 100px;}
.headerbg h1 i{position: relative;top: -33px; width: 37px; height: 23px; line-height: 18px; text-align: center; margin:0 23px 0 8px; background-position: -117px -5px;}
.headerbg h2{font-size: 28px; color: #ffcc00;line-height: 52px; margin-bottom: 57px;}
.headerbg .service{ width: 416px; margin: 0 auto;}
.headerbg .service dl{display: inline-block; float: left; text-align: center;}
.headerbg .service dl.tel{width: 195px;}
.headerbg .service dl.service-qq{width: 190px;}
.headerbg .service dl dt{width: 195px; color: #fff; font-size: 24px; height:60px;line-height:60px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.headerbg .service dl.tel dt{cursor: pointer; border: 1px solid #87c3ff; width: 193px; height: 58px;}
.headerbg .service dl.tel dt .tel-span{display: none;}
.headerbg .service dl.tel dt:hover{background: #30c408;border: 0;width: 195px; height: 60px; font-size: 20px;
  transition: background 0.5s;
  -moz-transition: background 0.5s; /* Firefox 4 */
  -webkit-transition: background 0.5s; /* Safari 和 Chrome */
  -o-transition: background 0.5s; /* Opera */
}
.headerbg .service dl.tel dt:hover span{display: none;}
.headerbg .service dl.tel dt:hover .tel-span{display: inline-block;}
.headerbg .service dl.tel dt i{width: 24px; height: 24px; background-position: 0 0; position: relative;top: -2px; margin-right: 10px;}
.headerbg .service dl.tel dt:hover i{margin-right: 8px;}
.headerbg .service dl.service-qq dt{background: #ffa200;}
.headerbg .service dl.service-qq dt:hover{background: #ffba00;
  transition: background 0.3s;
  -moz-transition: background 0.3s; /* Firefox 4 */
  -webkit-transition: background 0.3s; /* Safari 和 Chrome */
  -o-transition: background 0.3s; /* Opera */
}
.headerbg .service dl.service-qq dt a{display: block; color: #fff; }
.headerbg .service dl.service-qq dt i{width: 21px; height: 23px; background-position: -33px 0; position: relative;top: -2px; margin-right: 12px;}
.headerbg .service dl.tel dd{text-align: left; padding-left: 5px;}
.headerbg .service dl dd{color: #bbddff; line-height: 18px; margin-top: 10px;}

/*nav*/
.top-nav{height:90px; width:100%;min-width:1190px;}
.nav{background: #ebebeb; width: 100%;min-width: 1200px; height: 90px;}
.nav.fix{position: fixed;left: 0;top: 0; z-index: 9999;}
.nav li{float: left;width: 25%; height: 90px; line-height: 90px;text-align: center;font-size: 16px;}
.nav li a{display: block; color: #3a3a3a; height: 87px;}
.nav li a:hover,.nav li .selected{border-bottom: 3px solid #3597fc; color: #3597fc;background: #fff;}
.nav li a:hover{
  transition: background 0.2s;
  -moz-transition: background 0.2s; /* Firefox 4 */
  -webkit-transition: background 0.2s; /* Safari 和 Chrome */
  -o-transition: background 0.2s; /* Opera */
}

/*item*/
.fuwu{padding-bottom: 106px;}
.item{padding-top: 70px;}
.item h3{ color: #373d41; line-height: 60px; }
.item .title{color: #959697; font-size: 14px; line-height: 24px;margin-top: 10px;}

.item .service-advantage{margin-top: 90px; width: 1200px; overflow: hidden;}
.item .service-advantage ul{width: 1260px;}
.item .service-advantage ul li{float: left; width: 255px; margin-right: 60px;text-align: center;}
.item .service-advantage ul li .i-ico01{width: 85px; height: 48px;background-position: -1px -38px; margin: 11px 0 32px 0 ;}
.item .service-advantage ul li .i-ico02{width: 85px; height: 62px;background-position: -1px -100px; margin: 4px 0 25px 0 ;}
.item .service-advantage ul li .i-ico03{width: 84px; height: 60px;background-position: -2px -176px; margin: 0px 0 31px 0 ;}
.item .service-advantage ul li .i-ico04{width: 69px; height: 58px;background-position: -2px -251px; margin: 4px 0 29px 0 ;}
.item .service-advantage ul li strong{line-height: 48px; display: inline-block; color: #373d41;font-size: 18px;}
.item .service-advantage ul li p{line-height: 22px; color: #959697; font-size: 14px;  }

#privilege{padding-bottom: 99px;}
.item .membership-privileges{margin-top: 64px;  position: relative;}
.item .membership-privileges ul{width: 1245px;padding: 5px 0!important;}
.item .membership-privileges ul li{width: 370px;margin-right: 45px; position: relative;float: left;background: #fff;}
.item .membership-privileges ul li:hover{
  -webkit-box-shadow:0 0 10px #ccc;  
  -moz-box-shadow:0 0 10px #ccc;  
  box-shadow:0 0 10px #ccc;
  transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s; /* Firefox 4 */
  -webkit-transition: box-shadow 0.3s; /* Safari 和 Chrome */
  -o-transition: box-shadow 0.3s; /* Opera */
}
.item .membership-privileges ul li img{width: 370px; height: 185px;}
.item .membership-privileges ul li div{height: 285px;}
.item .membership-privileges ul li p{text-align: center; font-size: 14px; color: #7d7d7d; line-height: 22px;}
.item .membership-privileges ul li .hexagon{ width: 130px; height: 149px;background: url(../image/vip_bg.png) no-repeat; position: absolute;left: 120px; top: 114px;}
.item .membership-privileges ul li .hexagon .i-ico01{ width: 49px; height: 49px;background-position: -101px -38px;margin-top: 48px; }
.item .membership-privileges ul li .hexagon .i-ico02{ width: 49px; height: 47px;background-position: -100px -159px;margin-top: 53px; }
.item .membership-privileges ul li .hexagon .i-ico03{ width: 43px; height: 45px;background-position: -100px -100px;margin-top: 50px; }
.item .membership-privileges ul li .hexagon .i-ico04{ width: 59px; height: 44px;background-position: -100px -228px;margin-top: 49px; }
.item .membership-privileges ul li .hexagon .i-ico05{ width: 44px; height: 44px;background-position: -108px -283px;margin-top: 48px; }
.item .membership-privileges ul li .hexagon .i-ico06{ width: 47px; height: 47px;background-position: -108px -338px;margin-top: 52px; }
.item .membership-privileges ul li strong{margin:105px 0 18px 0; display: inline-block; color: #1b1b1b; font-size: 18px; line-height: 30px;}
.item .membership-privileges .page-btn{display: inline-block;width: 36px ; height: 66px; position: absolute;top: 202px;background: url(../image/icons4.png) no-repeat;}
.item .membership-privileges .prev{background-position: -4px -422px; left: 0;}
.item .membership-privileges .prev:hover{background-position: -91px -422px;}
.item .membership-privileges .next{background-position: -47px -422px; right: 0;}
.item .membership-privileges .next:hover{background-position: -133px -422px;}

/*case*/
.case{padding-top: 44px;padding-bottom: 72px;}
.case h3{line-height: 78px; height: 77px;border-bottom: 1px solid #eaeaea; color: #373d41;}
.case .ul{text-align: center;margin: 22px 0 36px 0;}
.case .ul span{display: inline-block;width: 88px; height: 28px; text-align: center;position: relative; line-height: 30px;border: 1px solid #eaeaea; font-size: 16px; cursor: pointer; margin: 0 10px;}
.case .ul span.selected{background: #0076ca;color: #fff;border: 0; width: 90px ;height: 30px;}
.case .ul span.selected:before{position: absolute; left:42px;top:30px;border:4px solid transparent;border-top-color:#0076ca;content:"";}
.case .case-box{padding: 0 50px;}
.case .case-box h4{color: #fff;background: #a0a0a0; line-height: 45px; height: 45px; padding: 0 20px 0 18px;}
.case .case-box table{border-left: 1px solid #d1d1d1;}
.case .case-box table tr th{border-right: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1; font-size: 14px;  color: #333;}
.case .case-box table .top1 th{line-height: 41px;}
.case .case-box table .top2 th{line-height: 36px;}
.case .case-box table tr td{border-right: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1; text-align: center; line-height: 38px; color: #333;font-size: 15px;}
.case .case-box table tr .date{color: #7c7c7c;font-size: 14px;}
.case .case-box .case-img{margin-top: 69px; position: relative;left: -50px;}

/*problem*/
.problem {padding-bottom: 75px;}
.problem h2{line-height: 137px; font-size: 30px;}
.problem .problem-item{ padding:  0 17px; }
.problem .problem-item:hover{
	background: #fff;
	transition: background 0.2s;
	-moz-transition: background 0.2s; /* Firefox 4 */
	-webkit-transition: background 0.2s; /* Safari 和 Chrome */
	-o-transition: background 0.2s; /* Opera */
}
.problem .problem-item h3{height: 57px; line-height: 57px; color: #5f6060; font-size: 16px;cursor: pointer; }
.problem .problem-item h3 i{width: 12px; height: 12px;background-position: -72px -6px; margin-right: 18px; position: relative;top: -1px;}
.problem .problem-item ul{display: none;padding: 12px 0 14px 30px;}
.problem .problem-item ul li{line-height: 28px; color: #858686;font-size: 14px; }
.problem .selected{background: #fff;}
.problem .selected h3{border-bottom: 1px solid #f5f6f6;}
.problem .selected h3 i{background-position: -94px -11px;width: 14px; height: 2px;margin-right: 16px;}

/*process*/
.process{overflow: hidden; padding: 44px 0 51px 0;}
.process ul{ width: 1225px; }
.process ul li{float: left; width: 220px; height: 220px;margin-right: 25px;background: #f8f8f8;text-align: center;}
.process ul li span{display: inline-block;width: 20px ;height: 1px;background:#ccc;position: relative;top: -12px; }
.process ul li strong{line-height: 20px; color: #0486de;font-size: 15px;}
.process ul li p{line-height: 20px;color: #bbb; font-size: 11px;}
.process ul li p.line{line-height: 18px;}
.process ul li .i-ico01{ width: 46px; height: 46px; margin: 40px 0 18px 0;background-position: -164px -34px; }
.process ul li .i-ico02{ width: 43px; height: 43px; margin: 41px 0 20px 0;background-position: -164px -93px; }
.process ul li .i-ico03{ width: 38px; height: 44px; margin: 40px 0 20px 0;background-position: -164px -148px; }
.process ul li .i-ico04{ width: 43px; height: 43px; margin: 38px 0 23px 0;background-position: -164px -205px; }
.process ul li .i-ico05{ width: 46px; height: 45px; margin: 38px 0 21px 0;background-position: -164px -261px; }
.process ul li:hover{
	background: #0585de;
	transition: background 0.4s;
	-moz-transition: background 0.4s; /* Firefox 4 */
	-webkit-transition: background 0.4s; /* Safari 和 Chrome */
	-o-transition: background 0.4s; /* Opera */
}
.process ul li:hover p{color: #85cbfe;}
.process ul li:hover strong{color: #fff;}
.process ul li:hover span{background: #85cbfe;}
.process ul li:hover .i-ico01{background-position: -217px -34px; }
.process ul li:hover .i-ico02{background-position: -217px -93px; }
.process ul li:hover .i-ico03{background-position: -217px -148px; }
.process ul li:hover .i-ico04{background-position: -217px -205px; }
.process ul li:hover .i-ico05{background-position: -217px -261px; }

/*footer*/
.footer{background: #28292d;padding-top: 26px;padding-bottom: 47px;}
.footer .link{line-height:48px;border-bottom: 1px solid #3b3c3f;width: 500px; }
.footer .link span{margin: 0 12px 0 13px; color: #3b3c3f;}
.footer .link a{color: #959da0; font-size: 14px;}
.footer .link a:hover{text-decoration: underline;}
.footer .info{margin-top: 8px; line-height: 20px;color: #6c7174;}
.footer .contact{margin-top: 14px;position: relative;}
.footer .contact .contact-qq{margin-right: 15px;}
.footer .contact .contact-qq i{width:36px; height: 36px; background-position:0 -377px; }
.footer .contact .contact-qq i:hover{background-position: -42px -377px;}
.footer .contact .i-ico01{width: 36px; height: 36px; background-position: 0 -332px;}
.footer .contact .i-ico01:hover{background-position: -42px -332px;}
.footer .contact .tel{display: none; width: 116px; height: 27px ;line-height: 27px; position: absolute;right: 46px;top: 4px; font-weight: bold; font-size: 14px; color: #28292d; text-align: center;background: #f8f8f8;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.footer .contact .tel:before{position: absolute; right:-10px;top:9px;border:5px solid transparent;border-left-color:#f8f8f8;content:"";}

/*right-nav*/
.right-nav{position: fixed;right: 0;top: 50%; margin-top: -71px; display: none;}
.right-nav .right-nav-qq{width: 70px; height: 70px; text-align: center;background: #0070e2;margin-bottom: 1px;}
.right-nav .right-nav-qq a{color: #fff; display: block; width: 70px; height: 55px;padding-top: 15px;}
.right-nav .right-nav-qq a .i-ico01{width: 25px; height: 26px;  background-position: -172px -324px; display: block; margin: 0 auto 8px;}
.right-nav .right-nav-qq a span{line-height: 20px;}

.right-nav .right-nav-tel{width: 70px; padding-top: 14px; height: 56px; text-align: center;background: #959fb2;position: relative;}
.right-nav .right-nav-tel .i-ico02{ width: 27px; height: 27px;  display: block;margin: 0 auto 5px;background-position: -217px -324px;  }
.right-nav .right-nav-tel span{line-height: 24px;color: #fff;}
.right-nav .tel-box{width: 392px; position: absolute;right: 0px;top: 0px;z-index: 9999; display: none; *right:40px;}
.right-nav .tel-box div{border: 1px solid #cdcdcd;border-top: 5px solid #00c1de;padding: 0 14px 0 12px; width: 285px;background: #fff;}
.right-nav .tel-box div .text{padding:13px 0 22px 37px; position: relative; line-height: 25px; color: #a9b0b4; font-size: 14px;text-align: left;}
.right-nav .tel-box div .text i{display: inline-block;width: 5px; height: 5px;border: 1px solid #a9b0b4;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;position: absolute;left: 21px; top: 22px;}
.right-nav .tel-box div .tel{padding: 17px 0 14px 87px;border-bottom: 1px solid #dedede;position: relative;line-height: 25px;text-align: left;}
.right-nav .tel-box div .tel i{display: inline-block;width: 48px; height: 40px;position: absolute; left: 19px; top: 21px;background-position: -169px -362px;}
.right-nav .tel-box div .tel span{color: #373d41;font-size: 14px;}
.right-nav .right-nav-tel:hover .tel-box{display: block;}