@charset uft-8;

* {margin: 0; padding: 0;}
a {color: #555; outline: none;}
a:hover, a:focus {color: rgba(0, 55, 111, 1); text-decoration: none; outline: none;}
ul,ol,li {list-style: none; outline: none; padding-left: 0;}
em {font-style: normal;}
input,select {outline: none;}
body {overflow-x: hidden; font-size: 14px;  color: #444; font-family: Arial;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: normal;}

.fl {float:left;}
.fr {float:right;}
.o {overflow: hidden;}
.ptb1{padding-top:1em;padding-bottom:1em}
.ptb2{padding-top:2em;padding-bottom:2em}
.ptb3{padding-top:3em;padding-bottom:3em}
.ptb4{padding-top:4em;padding-bottom:4em}
.ptb5{padding-top:5em;padding-bottom:5em}
.ptb6{padding-top:6em;padding-bottom:6em}
.ptb7{padding-top:7em;padding-bottom:7em}
.mbt1{margin-top:1em}
.mbt2{margin-top:2em}
.mbt3{margin-top:3em}
.mbb1{margin-bottom:1em}
.mbb2{margin-bottom:2em}
.mbb3{margin-bottom:3em}
.pbt1{padding-top:1em}
.pbt2{padding-top:2em}
.pbt3{padding-top:3em}
.pbb1{padding-bottom:1em}
.pbb2{padding-bottom:2em}
.pbb3{padding-bottom:3em}
.lh24 {line-height: 24px;}
.container {width: 1230px;}
.mb15 {margin-bottom: 15px;}


.pcfix {position: fixed; top: 25%; right: 1px; width: 70px; z-index: 10000;}
.pcfix li {display: inline-block;     text-align: center; background-color: #555; width: 100%; border-bottom: 1px solid #999;}
.pcfix li a {color: #fafafa; font-weight: 500; text-decoration: none; display: inline-block; padding: 1em; box-sizing: border-box; width: 100%; font-size: 15px; }
.pcfix li a:hover {color: #FAFAFA; }
.pcfix li.current_page {background-color:#ec6616; width: 100%; }
.pcfix li.current_page a {color: #fff; }
.pcfix li a:hover {background-color: #ec6616; }


/* header */
.header {height: 500px;}
.index-bg .hdtitle {font-size: 3.6rem; line-height: 5rem; color: #ec6616;}
.index-bg .ygbtn {width: 12rem; height: 3rem; line-height: 3rem; display: inline-block; border-radius: 1.5rem; color: #fff; font-size: 1.6rem; text-align: center; background-color: #ec6616;}

.index-bg {background: url(../img/index-bg.png) no-repeat center top;}
.user-bg {background: url(../img/userbg.jpg) no-repeat center top;}
.yuanjing-bg {background: url(../img/yuanjingbg.jpg) no-repeat center top;}
.about-bg {background: url(../img/aboutbg.png) no-repeat center top;}
.userserive-bg {background: url(../img/userserivebg.jpg) no-repeat center top;}
.core-bg {background: url(../img/corebg.jpg) no-repeat center top;}
.data-bg {background: url(../img/databg.jpg) no-repeat center top;}



/* banner */
.carousel-inner {background: #fff; } 
.carousel-inner > .item img {margin: 0 auto;} 
.carousel-control.left {background-image: none;} 
.carousel-control.right {background-image: none;}


/* page1 */
.title { color: #333; }
.title h3 {position: relative; padding-left: 2rem;}
.title h3:after {position: absolute; height: 2.2rem; width: 1rem; background-color: #ec6616; content: ''; left: 0; top: 0;}

.tit1 {font-size: 3.4rem; color: #ec6616;}
.tit2 {font-size: 3.0rem; color: #333;}


.box1 {}
.box1 .item {padding-top: 3rem;}
.box1 .item .ico {text-align: center; margin-bottom: 3rem;}
.box1 .item .ico img {display: inline-block; max-width: 26%;}
.box1 .item .text {padding: 1rem 3.5rem 1.5rem; background-color: #f7f7f7;}
.box1 .item .text h4 {text-align: center; font-weight: 600;}
.box1 .item .text p {line-height: 1.8}


.data {background-color: #f7f7f7; position: relative;}
.data:before, .data:after {position: absolute; content: ''; height: 4rem; left: 0; z-index: 1; background-color: #fff; width: 100%;}
.data:before { top: 0; }
.data:after { bottom: 0;}
.data .pimg {position: relative; z-index: 10;}
.data .pimg img {max-width: 85%; display: inline-block;}


.blockbox {text-align: center; display: flex; justify-content: center; align-items: center;}
.block {display: inline-block; width: 30rem; height: 12rem; background-color: #7eb2be; margin: 0 2rem;}
.blockbox .block1 {color: #fff; padding: 1.5rem 3rem; }
.blockbox .block1 p {font-size: 1.8rem; margin-bottom: 0}
.blockbox .block1 p a {color: #fff;}
.blockbox .block1 i {font-size: 2.4rem;}

.blockbox .block2 {color: #fff; padding: 1.5rem 1.5rem; }
.blockbox .block2 h4 {margin-bottom: 2rem;}
.blockbox .block2 .form-group {display: inline-block;}




/* User */
.user-header {}
.user-bg .logo { margin: 3rem 0 0 4rem; display: inline-block;}
.user-bg .head {color: #deb366;}
.user-bg .head h1 {margin-bottom: 3rem; margin-top: 3.6rem; font-size: 4rem;}
.user-bg .head h4 {}

.tit3 h2 {background-image: linear-gradient(180deg,#c79f62,#a57543); -webkit-background-clip:text; color: transparent; }
/*//static.699pic.com/images/vip/trfa.png*/
.userpage1 {}
.usertable .false {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/trfa.png) no-repeat 0 0;
    vertical-align: middle;
}
.usertable .true {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/trfa.png) no-repeat -30px 0;
    vertical-align: middle;
}
.usertable {padding-top: 2rem;}
.usertable table td {vertical-align: middle!important; text-align: center;}
.usertable table .trone td { font-size: 1.6rem;}
.usertable table .trone {text-align: center;
    background: #ec6616; color: #fff;
    background: -moz-linear-gradient(left, #ec6616 0, #f07d17 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #ec6616), color-stop(100%, #f07d17));
    background: -webkit-linear-gradient(left, #ec6616 0, #f07d17 100%);
    background: -o-linear-gradient(left, #ec6616 0, #f07d17 100%);
    background: -ms-linear-gradient(left, #ec6616 0, #f07d17 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ec6616), to(#f07d17));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ec6616), to(#f07d17));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ec6616), to(#f07d17));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ec6616), to(#f07d17));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ec6616), to(#f07d17));
    background: linear-gradient(to right, #ec6616 0, #f07d17 100%);
}
.usertable table .trone span {display: block; padding: 0.2rem 1rem 0.1rem; margin: 0.5rem 3rem 0; color: #ec6616; font-size: 12px; background: #fff; border-radius: 1.5rem;}
.userpage2 .title {border-bottom: 0.2rem solid #ec6616; margin-bottom: 1.2rem;}
.userpage2 .usertext {margin-bottom: 2rem;}
.userpage2 .usertext > h3 {color: #ec6616;}


/* Yuanjing */

.textsytle1 .hdtitle {font-size: 3.6rem; padding: 7.5rem 0 2.5rem; color: #333;}
.textsytle1 .pptext {font-size: 1.8rem; line-height: 3rem; letter-spacing: 2px;}

.ygfour {padding: 12rem 0 7rem;}
.ygfour .col-md-3 {padding-left: 25px; padding-right: 25px;}
.ygfour .hexagon3 {padding: 15px 20px; height: 140px; background-color:#f7f7f7 ; position: relative; }
      .hexagon3::before{width: 0; height: 0; content: ''; position: absolute; top: -70px; left: 0; border-bottom: 70px solid #f7f7f7; border-left: 130px solid transparent; border-right: 130px solid transparent; }
      .hexagon3::after{width: 0; height: 0; content: ''; position: absolute; bottom: -70px; left: 0; border-top: 70px solid #f7f7f7; border-left: 130px solid transparent; border-right: 130px solid transparent; }
.ygfour .hexagon3 .mid {text-align: center; margin-top: -35px; position: relative; z-index: 100;}
.ygfour .hexagon3 .mid img {max-height: 80px;}



/* about */
.abouttext {}
.abouttext .txt {line-height: 2; padding-top: 3rem;}
.abouttext .txt p {font-size: 1.8rem; text-indent: 2em;}

.abbox {}
.abbox .item {text-align: center; overflow: hidden; padding: 3rem 0;}
.abbox .item span {display: inline-block; padding-bottom: 2rem;}
.abbox .item .abtit {font-size: 20px; font-weight: 600;}
.abbox .item .abeng {}

.tit5 h5 {line-height: 1.6;}

.abpage2 {background-color: #f7f7f7;}
.abfive {padding-top: 2.5rem;}
.abfive .col-md-2 {width: 20%;}
.abfive .item {text-align: center; overflow: hidden; padding: 3rem 0;}
.abfive .item span {display: inline-block; padding-bottom: 2rem;}
.abfive .item .abtit {font-size: 20px; font-weight: 600; margin-bottom: 3rem;}
.abfive .item .abeng {}
.abfive .dotl{display: flex;justify-content: center; align-items: center; margin: auto;}
.abfive .dotl em {margin: 0 0.3rem;}
.abfive .dot{width: 20px;height: 20px;border-radius: 50%;display: inline-block;background: #bfbebd;}
.abfive .dot-l,.abfive .dot-r{width: 13px;height: 13px;border-radius: 50%;background: #dedede;}



.serbox {background-color: #f7f7f7; margin: 2rem auto; position: relative; z-index: 1;}
.serbox:after {position: absolute; top: 0; right: 0; width: 15%; background-image: linear-gradient(180deg,#f08906,#e84323); height: 578px; bottom: 0; content: ''; z-index: 5; background-color: #e66630;}
.serbox .pltop {padding-top: 6rem;}
.serbox .item {text-align: center; padding: 0 0 4rem;}
.serbox .item span {display: inline-block; }
.serbox .item .abtit {font-size: 20px; font-weight: 600; padding: 1.8rem 0 0;}
.serbox .item .abeng {height: 40px;}

.serbox .prtop img {position: relative; z-index: 100;}




.corebox { text-align: center; }
.corebox img {max-width: 86%; display: inline-block;}


.databox .dtitle{height: 50px;background: linear-gradient(#f19102, #ed6a13);font-size: 22px;line-height: 50px;text-align: center;color: #fff;}
.databox .dtxt{padding: 20px;line-height: 26px;font-size: 16px; background-color: #f7f7f7; height: 125px;}
.datalink {border: 1px solid; border-image: linear-gradient(to right, #f29d5a , #a4d6f3) 30 30; ;padding:.5em 1em 0;}
.datalink a{padding: 1em 0;display: inline-block;}


.bg7 {background-color: #f7f7f7;}
.dataitem {}
.dataitem .title {margin-bottom: 2rem;}
.dataitem .txt {line-height: 2; padding-top: 10rem; }
.dataitem .txt p {font-size: 1.8rem; text-indent: 2em;}


.datafoot a{font-size: 20px;padding: 0 1em;}

.makes > p{padding:1em 0;overflow: hidden;}
.makes > p img{float: left;display: block;height: 64px;}
.makes > p span{width: 70%; padding-left: 1em;font-size: 16px;float: left;display: block;line-height: 200%;}
.makes .makesfot > p{width: 33.3%;float: left;font-size: 20px;text-align: left;}

.imggroup {background-image: url(../img/bgline.png); background-repeat: no-repeat;}
.imggroup img {display: inline-block;}
.pl25 {padding-left: 22px; background-position: left;}
.pr25 {padding-right: 22px; background-position: right; text-align: right;}


.ptit {padding: 9px 15px; font-size: 15px; background: #ec6616; color: #FFF; margin-bottom: 10px; border-radius: 3px 3px 0 0;}
.waplist {padding-left: 15px; padding-right: 15px;}
.waplist li a {border-bottom: 1px solid #ccc; background: #fff; display: block; padding: 0.6em 20px; margin-bottom: 0.2em;}
.waplist li.active a, .waplist li a:hover {background:#ec6616;font-weight:bold;color:#FFF;}