@charset "utf-8";
html{color:#666666;background: #fff;font-family:'Microsoft YaHei',Arial,'宋体'; font-size: 14px;}
a { color: #2c2c2c; }
.g-mn { padding-top: 49px; color: #2c2c2c; }
.u-crm { height: 40px; line-height: 40px; color: #2c2c2c; word-break: break-all; }
.u-crm a { position: relative; display: inline-block; padding-right: 12px; margin-right: 5px;}
.u-crm a:hover{ color: #4ec1ff; }
.u-crm a:after { position: absolute; right: 0; margin-top: 1px;  content: url(https://pres.vobao.com/Images/V3/card/arrow.png) ;  }
/*个人信息*/
.u-top { width: 100%; height: 444px; background: url(https://pres.vobao.com/Images/V3/card/b1.jpg) top center no-repeat; overflow: hidden; }
.top1 { float: left; width: 125px; text-align: center; }
.top2 { float: left; width: 396px; margin: 78px 0 0 20px;}
.top3 { float: right; }
.pic { position: relative; width: 122px; height: 122px; border: 2px solid #fff; border-radius: 50%; overflow: hidden;-webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; }
.pic img,.pic a {display: block; width: 100%; height: 100%; }
.pic:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);} 
.line { width: 1px ;height: 60px; background:  #fff; border: 0;margin:0 0 0 62px; }
.name { display: block; font-size: 22px; color: #2c2c2c; font-weight: bold; line-height: 35px; }
.rank {display: block; max-width: 90px; margin: 0 auto; }
.top1 span { display: inline-block; font-size: 14px; color: #2c2c2c; padding: 0 15px; background: #a5e0ff; border-radius: 15px; line-height: 23px; margin-top: 5px;}
.top2-one { font-size: 16px; color: #2c2c2c; border-bottom: 1px solid #8bd1fc; padding-bottom: 25px; margin-bottom: 10px;}
.top2 p { font-size: 18px; color: #414141; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.top2 p strong { font-weight: bold; }
.top2 .add {display: inline-block; max-width: 135px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(https://pres.vobao.com/Images/V3/card/icon1.png) left center no-repeat; padding-left: 25px;  vertical-align: middle;}
.top2 .tel { display: inline-block; margin-left: 10px; background: url(https://pres.vobao.com/Images/V3/card/icon2.png) left center no-repeat;padding-left: 17px; vertical-align: middle;}
.top2 .mark {display: inline-block; vertical-align: -4px;}
.top2 .mark img { display: block; width: 100%;  }
.top2 .mark1 { width: 85px; position: relative; top: 7px; }    /*地区皇冠*/
.top2 .mark2 { width:140px; position: relative; top: 10px; }    /*金牌*/
.top2 .mark3 { width:125px;position: relative; top: 10px;}    /*诚益保*/
.top2 .mark4 { width:120px;position: relative; top: 10px; }    /*城市名皇冠*/
.top2 .mark5 { width:120px; position: relative; top: 24px; }    /*诚信保*/
.top2 .mark6 { width:137px; position: relative; top: 8px; }    /*旗舰*/

.top3 { float: right; margin-top: 95px; text-align: center; width: 570px; }
.top3 ul { display: inline-block; padding: 25px 0; background: rgba(255,255,255,.1);}
.top3 li { position: relative; float: left;text-align: center;border-radius: 50%; margin: 0 25px; background: #d0eeff; cursor: pointer;}


.item .num { font-size: 35px; }
.item .data { width: 100%; position: absolute; top:  35px; }
.item .circle {width: 132px; height: 132px;border-radius: 50%;-webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s;}
.item:hover .circle { transform: rotate(320deg);;-webkit-transform: rotate(320deg);;-moz-transform: rotate(320deg); }
.item2:hover .circle { transform: rotate(-320deg);;-webkit-transform: rotate(-320deg);;-moz-transform: rotate(-320deg); }
.item1,.item1 a { color: #ff5500;  }
.item1 .circle{border-top: 4px solid #ff5500;border-right: 4px solid #ff5500; border-left: 4px solid #f9905b;  border-bottom: 4px solid #f9905b;}
.item2 a{ color: #2eb3ff;  }
.item2 .circle{ border-top: 4px solid #2298db;border-right: 4px solid #2298db; border-left: 4px solid #2eb3ff;  border-bottom: 4px solid #2eb3ff;}
.item3 a{ color: #78c374;  }
.item3 .circle{border-top: 4px solid #5a9950;border-right: 4px solid #5a9950; border-left: 4px solid #78c374;  border-bottom: 4px solid #78c374;}
.code {position: absolute; right: 0; top: 0; width: 62px; height: 60px; background: url(https://pres.vobao.com/Images/V3/card/code.png) top right no-repeat; cursor: pointer; }
.code-hover {position: absolute;top: 0; right: 0; padding: 20px 20px 5px; background:url(https://pres.vobao.com/Images/V3/card/code-bg.png) bottom left no-repeat #fff; -webkit-transform: scale(0);-webkit-transition-duration: .3s; transition-duration: .3s; transform-origin: top right; opacity: 0;filter:alpha(opacity=0);  }
.code:hover .code-hover{transform: scale(1);-webkit-transform: scale(1); opacity: 1;filter:alpha(opacity=100);}
.code-hover img{display: block; width: 90px; height: 90px;  }
.code-hover p{ text-align: center; font-size: 12px; color: #2c2c2c; line-height: 25px; }
/*我的网站*/
.u-web { background:url(https://pres.vobao.com/Images/V3/card/bg2.png) bottom center no-repeat #d0f1ff; min-height: 235px; padding-bottom: 50px; }
.u-web h1 { width: 151px; height: 75px; background: url(https://pres.vobao.com/Images/V3/card/t3.png) top center no-repeat; margin: 0 auto; }
.web { width: 920px; height: 103px; margin: 35px auto; text-align: center; }
.web  a {float: left; width: 50%; height: 100%; font-size: 25px; color: #fff; line-height: 103px;}
.web .web1 { -webkit-transform: translateZ(0); overflow: hidden; transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; position: relative;  cursor: pointer;  font-size: 18px; background-color: #03aef0; background-image: url(https://pres.vobao.com/Images/V3/card/wbg1.png); }
.web1:before {  width:100%; height: 100%; z-index: -1; background-color: #34b7e9;  content: "";position: absolute;top: 0;left: 0;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: .3s;transition-duration: .3s; }  
.web1:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.web .web2 { -webkit-transform: translateZ(0); overflow: hidden; transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; position: relative;  cursor: pointer;  font-size: 18px; background-color: #6cbd60; background-image: url(https://pres.vobao.com/Images/V3/card/wbg1.png); }
.web2:before {  width:100%; height: 100%; z-index: -1; background-color: #90c089;  content: "";position: absolute;top: 0;left: 0;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: .3s;transition-duration: .3s; }  
.web2:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.web .icon { display: inline-block; width: 80px; height: 80px; vertical-align: middle;  margin-right: 15px;}
.w-list { width: 910px; margin: 0 auto; text-align: center;}
.w-list  p { font-size: 18px; color: #00adf0; }
.w-list a { display: inline-block; padding: 0 15px; font-size: 16px; color: #00adf0; line-height: 40px; border: 1px solid #00adf0; background: #e6f8ff; border-radius: 5px; margin: 20px 20px 0 0;}
.w-list a:hover { background: #00adf0; color: #fff; }
.w-list+.w-list {
    margin-top: 35px;
}
/*关于我*/
.u-about {background:url(https://pres.vobao.com/Images/V3/card/bg3.png) bottom center no-repeat #f2f6ff; min-height: 156px; padding-top: 35px; padding-bottom: 50px;}
.u-about h1 { width: 111px; height: 75px; background: url(https://pres.vobao.com/Images/V3/card/t1.png) top center no-repeat; margin: 0 auto; }
.a-txt { width: 990px; margin: 20px auto 0; text-align: center; }
.a-txt h2 { font-size: 30px; color: #00adf0; margin-bottom: 10px;}
.a-txt p { font-size: 18px; color: #2c2c2c; line-height: 35px; }
.honor { padding: 50px 0; }
#swiper {width: 1050px; height: 245px; margin: 0 auto; }
.hon-pic { display: block; width: 329px; height: 245px; }
/*咨询我*/
.u-contact { width: 100%; background:url(https://pres.vobao.com/Images/V3/card/b4.jpg) top center no-repeat; height: 557px; padding-top: 35px;}
.u-contact h1 { width: 269px; height: 76px; margin-bottom: 35px; background: url(https://pres.vobao.com/Images/V3/card/t2.png) top center no-repeat; margin: 0 auto; }
.vobaocode { position: fixed; width: 130px; height: 142px; padding-top: 15px;  background: url(https://pres.vobao.com/Images/V3/card/vobaowei.jpg); top: 50%; margin-top: -80px; right: 20px; text-align: center; }
.vobaocode img {display: inline-block; width: 88px; height: 88px;}

.u-contact h1 { width: 269px; height: 76px; margin-bottom: 35px; background: url(https://pres.vobao.com/Images/V3/card/t2.png) top center no-repeat; margin: 0 auto; }
.c-form { width: 712px; margin: 35px auto ; font-size: 16px;}
.c-list {position: relative; overflow: hidden;}
.c-list .red {color: #ff0000;}
.c-list .c-word {float: left; width: 100px; color: #2c2c2c; font-size: 16px; text-align: left; line-height: 45px;}
.c-list .c-txt { float: left; margin-left: 15px; width: 575px; height: 150px; padding: 10px; border-radius: 5px; background: #fff; }
.c-txt textarea { width: 100%; height: 100%; border: 0; outline: 0;}
.c-list1 { width: 100%; height: 200px; }
.c-list2 { display: inline-block; width:48.5%; height: 75px; }
.c-list2+.c-list2{ margin-left: 16px; }
.c-list2 .c-inp { float: left; width: 210px; padding: 10px ; background: #fff; border-radius: 5px; margin-left: 14px;}
.c-inp input { width: 100%;height: 25px; border: 0; outline: 0; }
.c-list3 { height: 75px; }
.c-list3 .c-inp { float: left; width: 95px; padding: 10px ; background: #fff; border-radius: 5px; margin-left: 14px;}
.c-list3 .vcode { cursor: pointer; float: left; width: 106px; height: 45px; margin-left: 10px; line-height: 45px; text-align: center; font-size: 16px; color: #fff; background: #00adf0;border-radius: 5px; }
.c-but {cursor: pointer; width: 595px; height: 45px; margin-left: 115px; border:0;  line-height: 45px; text-align: center; font-size: 16px; color: #fff; background: #00adf0;border-radius: 5px; }
.vcode:hover ,.c-but:hover{ background: #39baec; }
.c-error { position: absolute; bottom:8px; left: 125px; color:#ff0000; font-size: 13px;  }
/*免责*/
.u-infor { width: 100%; padding:30px 0;  background: #d5d5d5; }
.u-infor p { font-size: 16px; line-height: 27px; }
.u-infor a { color: #2c2c2c; }
.u-infor a:hover {text-decoration: underline;}


/*相册弹窗样式*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;overflow:hidden;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 30px 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em }
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em}
#lightbox-image { max-width: 100%; max-height: 600px; }


a.order{
    border-radius: 20px;
    border: 1px solid #fff;
    background: #ffe50c;
    color: #e80800;
    height: 27px;
    line-height: 27px;
    padding: 0 15px 0 30px;
    -moz-box-shadow: 2px 2px 8px #b3521e inset;               /* For Firefox3.6+ */
    -webkit-box-shadow: 2px 2px 8px #b3521e inset;
    box-shadow: 2px 2px 8px #af9d09 inset;
    position: relative;
    top: 1px;
    left: 5px;
    display: inline-block;
    }
a.order:hover{
     color: #e80800;
}
.order:before{
    content:'  ';
    width:22px;
    height:22px;
    background: url(https://pres.vobao.com/Images/V3/city-mould/ordertel-icon3.png) no-repeat;
    position:absolute;
    top: 6px;
    left: 14px;
}