.bg-f { background: #FFFFFF !important; }
.bg-f5 { background: #F5F5F5 !important; }
.font-in { font-weight: normal; font-style: normal; }
.font-b { font-weight: bold; }
.img-auto { width: 100%; height: auto; display: block; }
.color-f { color: #FFFFFF; }
.input-box { display: block; border: none; box-shadow: none; }
.fillet-4 { border-radius: 4px; }
@font-face { font-family: 'iconfont'; src: url('../font/iconfont.eot'); src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');/* project id 630841 */
}
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.header-wrap .header-top { overflow: inherit; padding: 20px 0; position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: 2; }
.header-wrap .header-top .logo {line-height: 50px; }
.header-wrap .header-top .logo i { font-size: 50px; color: #FFFFFF; }
.header-wrap .header-top .nav-wrap { width: 620px; height: 50px; position: relative; }
.header-wrap .header-top .nav-wrap .nav-cont { width: 360px; height: 50px; position: relative; }
.header-wrap .header-top .nav-wrap .nav-cont li { width: 72px; padding: 10px 0; line-height: 30px; position: relative; }
.header-wrap .header-top .nav-wrap .nav-cont li a { width: 100%; height: 100%; display: block; color: #FFFFFF; border-radius: 2px; behavior: url(static/css/ie-css3.htc); }
.header-wrap .header-top .nav-wrap .other-inlet { width: 260px; height: 50px; padding: 10px 0; }
.header-wrap .header-top .nav-wrap .other-inlet a { display: inline-block; width: 120px; height: 30px; border-radius: 15px; line-height: 30px; color: #FFFFFF; background: #004D40; margin-left: 5px; }
.header-wrap .header-top .nav-wrap .other-inlet .store-inlet { background: linear-gradient(to right, #ffa10c, #ffc30c); background: -moz-linear-gradient(top, #ffa10c, #ffc30c); /** FireFox **/
background: -o-linear-gradient(top, #ffa10c, #ffc30c); /** Opear **/
background: -ms-linear-gradient(#ffa10c 0%, #ffc30c 100%);   /** IE9 IE10 **/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa10c', endColorstr='#ffc30c', grandientType=1);
  /** IE7 **/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa10c', endColorstr='#ffc30c', grandientType=1);
/** IE8 **/
}
.header-wrap .header-top .nav-wrap .other-inlet .agent-inlet { background: linear-gradient(to right, #01b888, #43c6a4); background: -moz-linear-gradient(top, #01b888, #43c6a4); /** FireFox **/
background: -o-linear-gradient(top, #01b888, #43c6a4); /** Opear **/
background: -ms-linear-gradient(#01b888 0%, #43c6a4 100%);   /** IE9 IE10 **/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01b888', endColorstr='#43c6a4', grandientType=1);
  /** IE7 **/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01b888', endColorstr='#43c6a4', grandientType=1);
/** IE8 **/
}
.header-wrap .header-two { width: 100%; margin-top: -70px; height: 70px; background: #FFFFFF; position: fixed; top: 0; left: 0; z-index: 3; border-bottom: solid 1px #EEEEEE; }
.header-wrap .header-two .wone { overflow: inherit; }
.header-wrap .header-two .logo { line-height: 70px; }
.header-wrap .header-two .logo i { font-size: 50px; color: #0066ff; }
.header-wrap .header-two .nav-wrap { width: 620px; height: 50px; position: relative; }
.header-wrap .header-two .nav-wrap .nav-cont { width: 360px; height: 50px; position: relative; }
.header-wrap .header-two .nav-wrap .nav-cont li { width: 72px; padding: 10px 0; line-height: 30px; position: relative; }
.header-wrap .header-two .nav-wrap .nav-cont li a { width: 100%; height: 100%; display: block; color: #535353; border-radius: 2px; behavior: url(static/css/ie-css3.htc); }
.header-wrap .header-two .nav-wrap .other-inlet { width: 260px; height: 50px; padding: 10px 0; }
.header-wrap .header-two .nav-wrap .other-inlet a { display: inline-block; width: 120px; height: 30px; border-radius: 15px; line-height: 30px; color: #FFFFFF; background: #004D40; margin-left: 5px; }
.header-wrap .header-two .nav-wrap .other-inlet .store-inlet { background: linear-gradient(to right, #ffa10c, #ffc30c); }
.header-wrap .header-two .nav-wrap .other-inlet .agent-inlet { background: linear-gradient(to right, #01b888, #43c6a4); }
.header-wrap .banner-wrap { height: auto; background: #00B0FF; }
.header-wrap .banner-wrap .banner-container .swiper-pagination { bottom: 5%; }
.header-wrap .banner-wrap .banner-container .banner-page .swiper-pagination-bullet { width: 50px; height: 5px; background: #FFFFFF; opacity: 0.8; border-radius: inherit; }
.header-wrap .banner-wrap .banner-container .banner-page .swiper-pagination-bullet-active { width: 50px; height: 5px; background: #0166fe; opacity: 0.6; border-radius: inherit; }
.header-wrap .banner-wrap .banner-container .banner-prev, .header-wrap .banner-wrap .banner-container .banner-next { height: 78px; width: 78px; background: none; width: inherit; height: inherit; transition: all 0.5s; }
.header-wrap .banner-wrap .banner-container .banner-prev:hover span, .header-wrap .banner-wrap .banner-container .banner-next:hover span { opacity: 0.3; }
.header-wrap .banner-wrap .banner-container .banner-prev { left: 80px; }
.header-wrap .banner-wrap .banner-container .banner-next { right: 80px; }
.header-wrap .banner-wrap .banner-container .circle-bg { width: 78px; height: 78px; background: #FFFFFF; position: relative; z-index: 2; display: block; border-radius: 50%; opacity: 0; transition: all 0.5s; }
.header-wrap .banner-wrap .banner-container .iconfont { width: 78px; height: 78px; position: relative; z-index: 2; display: block; top: -78px; border-radius: 50%; text-align: center; line-height: 78px; color: #FFFFFF; font-size: 26px; }
.dropdown-content{min-width:120px;margin-left:-15px;top:40px!important}
.dropdown-content li{width:100%!important;padding:inherit;line-height:inherit;text-align:center;min-height:inherit;border-bottom:solid 1px #EEE}
.dropdown-content li a{padding:0;color:#535353!important; font-size:14px;}
.product-wrap { height: 640px; background: #FFF; }
.product-wrap .product-title { position: relative; height: 145px; margin-top: 60px; }
.product-wrap .product-title h2 { font-size: 46px; color: #434343; }
.product-wrap .product-title p { font-size: 26px; color: #707070; }
.product-wrap .product-title:before { content: ''; width: 60px; height: 2px; background: #0166fe; position: absolute; bottom: 0; left: 50%; margin-left: -30px; }
.product-wrap .product-cont { margin-top: 70px; }
.product-wrap .product-cont .product-list li { width: 300px; }
.product-wrap .product-cont .product-list li i { width: 160px; height: 160px; border-radius: 50%; display: inline-block; text-align: center; line-height: 160px; font-size: 70px; color: #FFFFFF; }
.product-wrap .product-cont .product-list li span { display: block; }
.product-wrap .product-cont .product-list li a { position: relative; }
.product-wrap .product-cont .product-list li a:before { content: ''; width: 40px; height: 2px; background: #ffa30c; position: absolute; bottom: 0; left: 50%; margin-left: -20px; }
.product-wrap .product-cont .product-list li .product-name { font-size: 24px; color: #434343; }
.product-wrap .product-cont .product-list li .product-tip { font-size: 16px; color: #707070; }
.product-wrap .product-cont .icon-bg-1 { background: linear-gradient(to top, #ff9b87, #f26b50); }
.product-wrap .product-cont .icon-bg-2 { background: linear-gradient(to top, #939ff8, #6172f2); }
.product-wrap .product-cont .icon-bg-3 { background: linear-gradient(to top, #01cafe, #0097ff); }
.product-wrap .product-cont .icon-bg-4 { background: linear-gradient(to top, #79d7a5, #40c17c); }
.support-wrap { height: 789px; background: url(../img/Cars_bao.jpg) center no-repeat; }
.support-wrap .support-container { margin-top: 40px; width: 700px; float: right; }
.support-wrap .support-container .support-item { padding: 0 20px; clear: both; height: 68px; line-height: 68px; font-size: 30px; color: #FFFFFF; border-radius: 34px; border: solid 1px #FFFFFF; margin-top: 30px; }
.support-wrap .support-container p { color: #fe9a86; font-size: 40px; margin-top: 40px; }
.naughty-wrap { height: 715px; background: url(../img/naughty_bg.jpg) center no-repeat; }
.naughty-wrap .common-title h2, .naughty-wrap .common-title p { color: #313131; }
.naughty-wrap .naughty-container { margin-top: 100px; }
.naughty-wrap .naughty-container li { width: 400px; height: 120px; line-height: 120px; position: relative; border-color: #e5e5e5 !important; }
.naughty-wrap .naughty-container li i { font-size: 50px; vertical-align: middle; }
.naughty-wrap .naughty-container li span { vertical-align: middle; color: #535353; font-size: 18px; }
.naughty-wrap .naughty-container li:nth-child(1), .naughty-wrap .naughty-container li:nth-child(2) { position: relative; }
.naughty-wrap .naughty-container li:nth-child(1):before, .naughty-wrap .naughty-container li:nth-child(2):before { content: ''; width: 13px; height: 1px; background: #bfbfbf; position: absolute; right: -6.5px; bottom: -1px; z-index: 2; }
.naughty-wrap .naughty-container li:nth-child(1):after, .naughty-wrap .naughty-container li:nth-child(2):after { content: ''; width: 1px; height: 13px; background: #bfbfbf; position: absolute; bottom: -6.5px; right: -1px; z-index: 3; }
.naughty-wrap .naughty-container .icon-c-1 { color: #b27cda; }
.naughty-wrap .naughty-container .icon-c-2 { color: #faa804; }
.naughty-wrap .naughty-container .icon-c-3 { color: #f75a53; }
.naughty-wrap .naughty-container .icon-c-4 { color: #8fc31f; }
.naughty-wrap .naughty-container .icon-c-5 { color: #8090ff; }
.naughty-wrap .naughty-container .icon-c-6 { color: #53b5ff; }
.manager-wrap { height: 747px; background: url(../img/manager_bg.jpg) center no-repeat; }
.manager-wrap .manager-container { margin-top: 80px; }
.manager-wrap .manager-container li { width: 300px; line-height: 120px; position: relative; }
.manager-wrap .manager-container li h3 { font-size: 30px; color: #FFFFFF; }
.manager-wrap .manager-container li p { color: #d2d2d2; font-size: 18px; line-height: 0; margin: 30px 0; }
.manager-wrap .manager-container li i { display: inline-block; width: 130px; height: 130px; border-radius: 50%; line-height: 130px; color: #FFFFFF; font-size: 70px; }
.manager-wrap .manager-icon-1 { background: linear-gradient(to right, #86bc12, #bff057); }
.manager-wrap .manager-icon-2 { background: linear-gradient(to right, #6172f2, #939ffd); }
.manager-wrap .manager-icon-3 { background: linear-gradient(to right, #f26b50, #ff9b87); }
.manager-wrap .manager-icon-4 { background: linear-gradient(to right, #007cff, #18d4ff); }
.artificer-wrap { height: 890px; background: url(../img/artificer_bg.jpg) center no-repeat; }
.artificer-wrap .common-title h2, .artificer-wrap .common-title p { color: #313131; }
.artificer-wrap .artificer-cont { margin-top: 80px; margin-bottom: 50px; padding-bottom: 15px; }
.artificer-wrap .artificer-cont .arti-left, .artificer-wrap .artificer-cont .arti-right { width: 570px; height: 430px; box-shadow: 0px 2px 10px #cfcfcf; background: #ffffff; }
.artificer-wrap .artificer-cont .arti-left { margin-left: 5px; }
.artificer-wrap .artificer-cont .arti-left .arti-top { background: url(../img/qyzp_pic.jpg) center no-repeat; }
.artificer-wrap .artificer-cont .arti-right { margin-right: 5px; }
.artificer-wrap .artificer-cont .arti-right .arti-top { background: url(../img/jsqz_pic.jpg) center no-repeat; }
.artificer-wrap .artificer-cont .arti-top { height: 160px; font-size: 36px; line-height: 160px; color: #FFFFFF; }
.artificer-wrap .arti-list .arti-item { width: 170px; padding-top: 60px; }
.artificer-wrap .arti-list .arti-item i { width: 100px; height: 100px; text-align: center; line-height: 100px; color: #707070; font-size: 40px; border-radius: 50%; display: inline-block; border: solid 1px #EEEEEE; background: #FFFFFF; }
.artificer-wrap .arti-list .arti-item span { color: #535353; display: block; margin-top: 15px; }
.artificer-wrap .arti-list .aeticon-wrap { width: 20px !important; }
.artificer-wrap .arti-list .aeticon-wrap i { width: inherit; height: inherit; color: #535353; font-size: 30px; line-height: 110px; background: none; border: none; }
.news-info { height: 600px; background: #FFFFFF; }
.news-info h2 { height: 180px; line-height: 180px; font-size: 46px; color: #313131; }
.news-info .tag { height: 40px; line-height: 40px; position: absolute; bottom: 0; z-index: 2; background: rgb(0, 0, 0, 0.3); color: #FFFFFF; }
.news-info .news-container { height: 330px; }
.news-info .news-container .news-left { height: 330px; width: 590px; position: relative; }
.news-info .news-container .news-left img { height: 330px; width: 590px; display: block; }
.news-info .news-container .news-right { height: 330px; width: 590px; }
.news-info .news-container .news-right .nr-left { width: 277px; }
.news-info .news-container .news-right .nr-left a { width: 277px; height: 156px; display: block; margin-bottom: 20px; overflow: hidden; position: relative; }
.news-info .news-container .news-right .nr-left img { width: 277px; height: 156px; display: block; }
.news-info .news-container .news-right .nr-right { width: 290px; }
.news-info .news-container .news-right .nr-right li { margin-bottom: 15px; }
.news-info .news-container .news-right .nr-right .nr-item { line-height:18px; color: #434343; transition: all 0.5s;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-info .news-container .news-right .nr-right .nr-right-title { margin-bottom: 15px; display: block; }
.news-info .news-container .news-right .nr-right .nr-right-title a:hover { color: #0066ff; }
.news-info .news-container .news-right .nr-right .nr-right-title span { color: #959595; }
.news-info .news-container .news-right .nr-right .nr-right-tip { color: #959595; }
.news-info .news-container .news-right .nr-right .nr-right-tip i { font-size: 20px; vertical-align: middle; }
.news-info .news-container .news-right .nr-right .nr-right-tip span { vertical-align: middle; }
.car-evaluate { height: 635px; background: url(../img/car_banner.jpg); position: relative; }
.car-evaluate .car-evaluate-top { padding-top: 30px; }
.car-evaluate .car-evaluate-top .car-title h2, .car-evaluate .car-evaluate-top .car-title p { color: #FFFFFF; }
.car-evaluate .car-evaluate-top .car-title h2 { font-size: 46px; }
.car-evaluate .car-evaluate-top .car-title p { font-size: 18px; }
.car-evaluate .car-evaluate-top .evaluate-cont { padding-top: 90px; }
.car-evaluate .car-evaluate-top .evaluate-cont .evaluate-text { width: 800px; height: 120px; margin: 0 auto; position: relative; font-size: 16px; color: #ffffff; line-height: 36px; padding: 30px; text-align:center }
.car-evaluate .car-evaluate-top .evaluate-cont .evaluate-text:before { content: ''; width: 23px; height: 20px; background: url(../img/mark.png) no-repeat 0px center; position: absolute; left: 0; top: 0; }
.car-evaluate .car-evaluate-top .evaluate-cont .evaluate-text:after { content: ''; width: 23px; height: 20px; background: url(../img/mark.png) no-repeat -28px center; position: absolute; right: 0; bottom: 80px; }
.car-evaluate .car-evaluate-top .evaluate-cont .evaluate { height: 370px; }
.car-evaluate .car-evaluate-top .evaluate-cont .evaluate-page .swiper-pagination-bullet { width: 10px; height: 10px; background: #ffffff; opacity: 0.6; border-radius: 5px; }
.car-evaluate .car-evaluate-top .evaluate-cont .evaluate-page .swiper-pagination-bullet-active { width: 20px; height: 10px; background: #FFFFFF; opacity: 1; border-radius: 5px; }
.car-evaluate .car-evaluate-top .evaluate-cont .evaluate-prev, .car-evaluate .car-evaluate-top .evaluate-cont .evaluate-next { height: 78px; width: 78px; background: none; width: inherit; height: inherit; transition: all 0.5s; }
.car-evaluate .car-evaluate-top .evaluate-cont .evaluate-prev:hover span, .car-evaluate .car-evaluate-top .evaluate-cont .evaluate-next:hover span { opacity: 0.3; }
.car-evaluate .car-evaluate-top .evaluate-cont .evaluate-prev { left: 80px; margin-top: -140px; }
.car-evaluate .car-evaluate-top .evaluate-cont .evaluate-next { right: 80px; margin-top: -140px; }
.car-evaluate .car-evaluate-top .evaluate-cont .evaluate-bg { width: 78px; height: 78px; background: #FFFFFF; position: relative; z-index: 2; display: block; border-radius: 50%; opacity: 0; transition: all 0.5s; }
.car-evaluate .car-evaluate-top .evaluate-cont .iconfont { width: 78px; height: 78px; position: relative; z-index: 2; display: block; top: -78px; border-radius: 50%; text-align: center; line-height: 78px; color: #FFFFFF; font-size: 26px; }
.car-evaluate .evaluate-getin { height: 50px; position: absolute; bottom: 0px; left: 0; bottom: 100px; }
.cooperate-wrap { height: 550px; }
.cooperate-wrap .cooperate-title { height: 150px; }
.cooperate-wrap .cooperate-title h2 { font-size: 46px; color: #313131; line-height: 150px; }
.cooperate-wrap .cooperate-list { margin-top: 50px; }
.cooperate-wrap .cooperate-list li { width: 238px; height: 150px; box-sizing: content-box; }
.cooperate-wrap .cooperate-list li img { display: block; width: 239.81px; height: 150px; transition: all 0.8s; }
.cooperate-wrap .cooperate-list li:hover img { transform: scale(1.2); }
.cooperate-wrap .cooperate-list .coop-last img { transform: inherit !important; }
.last-show { height: 460px; background: url(../img/last_bg.jpg) center no-repeat; padding-top: 50px; }
.last-show p { font-size: 36px; padding-top: 90px; color: #FFFFFF; }
.last-show a { display: inline-block; width: 150px; height: 50px; margin-top: 80px; font-size: 16px; position: relative; bottom: 0; line-height: 50px; color: #FFFFFF; border-radius: 4px; border: solid 1px #fff; }
.footer-wrap { border-top: 3px solid #0066ff }
.footer-wrap .foorter-nav { height: 272px; background: #ffffff; }
.footer-wrap .foorter-nav .foor-nav-l { width: 360px; height: 272px; position: relative; }
.footer-wrap .foorter-nav .foor-nav-l:before { content: ''; width: 1px; height: 180px; background: #EEEEEE; position: absolute; right: 0; top: 40px; }
.footer-wrap .foorter-nav .foor-nav-l .foor-nav-cont .foor-nav-title { font-size: 20px; color: #313131; }
.footer-wrap .foorter-nav .foor-nav-l .foor-nav-cont a { font-size: 14px; color: #707070; display: block; line-height: 40px; }
.footer-wrap .foorter-nav .foor-nav-l .foor-nav-cont a:hover { color: #3086da; }
.footer-wrap .foorter-nav .foor-nav-m { width: 360px; margin-left: 30px; height: 272px; position: relative; }
.footer-wrap .foorter-nav .foor-nav-m:before { content: ''; width: 1px; height: 180px; background: #EEEEEE; position: absolute; right: 0; top: 40px; }
.footer-wrap .foorter-nav .foor-nav-m .title { font-size: 20px; color: #313131; }
.footer-wrap .foorter-nav .foor-nav-m p { line-height: 40px; color: #707070; font-size: 14px; }
.footer-wrap .foorter-nav .foor-nav-r { width: 410px; height: 272px; margin-left: 30px; padding-top: 50px; }
.footer-wrap .foorter-nav .foor-nav-r li { width: 130px; }
.footer-wrap .foorter-nav .foor-nav-r li img { width: 126px; height: 126px; display: inline-block; }
.footer-wrap .foorter-nav .foor-nav-r li span { margin: 10px 0; font-size: 14px; color: #535353; }
.footer-wrap .cosplayright { height: 62px; width: 100%; background: #f7f7f7; line-height: 62px; color: #898989; font-size: 14px; }
.footer-wrap .cosplayright a { color: #898989; }
.common-title { position: relative; }
.common-title h2 { color: #ffffff; font-size: 46px; }
.common-title h2 span { font-weight: bold; }
.common-title .common-reveal { font-size: 26px; color: #FFFFFF; }
.common-title .common-reveal .common-tag { font-size: 18px; display: inline-block; color: #FFFFFF; margin-left: 15px; vertical-align: middle; vertical-align: 2px; border-radius: 2px; padding: 3px 15px; }
.tag-bg-1 { position: relative; padding-bottom: 30px; }
.tag-bg-1:before { content: ''; width: 60px; background: #f75a53; height: 2px; position: absolute; left: 50%; margin-left: -30px; bottom: 0; }
.tag-bg-1 .common-tag { background: linear-gradient(to right, #f26b50, #ff9b87); position: relative; }
.tag-bg-1 .common-tag:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px; position: absolute; bottom: 0; border-color: transparent #f26b50 transparent transparent; left: -18px; top: 3px; behavior: url(static/css/ie-css3.htc); }
.tag-bg-2 { position: relative; padding-bottom: 30px; }
.tag-bg-2:before { content: ''; width: 60px; background: #6172f2; height: 2px; position: absolute; left: 50%; margin-left: -30px; bottom: 0; }
.tag-bg-2 .common-tag { background: linear-gradient(to right, #6172f2, #8190ff); position: relative; }
.tag-bg-2 .common-tag:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px; position: absolute; bottom: 0; border-color: transparent #6172f2 transparent transparent; left: -18px; top: 3px; behavior: url(static/css/ie-css3.htc); }
.tag-bg-3 { position: relative; padding-bottom: 30px; }
.tag-bg-3:before { content: ''; width: 60px; background: #007cff; height: 2px; position: absolute; left: 50%; margin-left: -30px; bottom: 0; }
.tag-bg-3 .common-tag { background: linear-gradient(to right, #007cff, #18d4ff); position: relative; }
.tag-bg-3 .common-tag:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px; position: absolute; bottom: 0; border-color: transparent #007cff transparent transparent; left: -18px; top: 3px; behavior: url(static/css/ie-css3.htc); }
.tag-bg-4 { position: relative; padding-bottom: 30px; }
.tag-bg-4:before { content: ''; width: 60px; background: #43c6a4; height: 2px; position: absolute; left: 50%; margin-left: -30px; bottom: 0; }
.tag-bg-4 .common-tag { background: linear-gradient(to right, #43c6a4, #01b888); position: relative; }
.tag-bg-4 .common-tag:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px; position: absolute; bottom: 0; border-color: transparent #43c6a4 transparent transparent; left: -18px; top: 3px; behavior: url(static/css/ie-css3.htc); }
.getin a { display: inline-block; width: 170px; height: 50px; line-height: 50px; border-radius: 4px; font-size: 18px; color: #FFFFFF; }
.getin .get-bg-1 { background: linear-gradient(to right, #f26b50, #ff9b87); }
.getin .get-bg-2 { background: linear-gradient(to right, #6172f2, #8190ff); }
.getin .get-bg-3 { background: linear-gradient(to right, #007cff, #18d4ff); }
.getin .get-bg-4 { background: linear-gradient(to right, #43c6a4, #01b888); }
#site-widget { position: fixed; right: 50px; bottom: 120px; width: 70px; border-right: solid 1px #EEEEEE; border-left: solid 1px #EEEEEE; z-index: 999; background: #FFFFFF; }
#site-widget .widget-list { position: relative; background: #FFFFFF; }
#site-widget .widget-list .apply-txt { color: #535353; }
#site-widget .widget-list i { font-size: 30px; color: #CCCCCC; display: inline-block; padding-top: 5px; }
#site-widget .widget-list em, #site-widget .widget-list span { color: #535353; display: inline-block; padding-top: 5px; }
#site-widget .widget-link { display: block; width: 100%; height: 70px; transition: .5s all; }
#site-widget .widget-link:hover { background: #0066ff; transition: .5s all; }
#site-widget .widget-link:hover i, #site-widget .widget-link:hover span, #site-widget .widget-link:hover em { color: #FFFFFF !important; }
#go-top-box { line-height: 65px; }
#go-top-box i { font-size: 40px !important; }
#site-widget .widget-txt { height: 16px; line-height: 16px; }
#site-widget .widget-show { background: #fff; padding: 12px; position: absolute; top: 0; left: 10px; display: none; color: #535353; -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); /* Firefox */
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); /* Safari 和 Chrome */
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);/* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#site-widget .widget-show .icon { width: 16px; height: 100%; display: block; position: absolute; right: -16px; top: 0; }
#site-widget .widget-show .text { min-width: 135px; max-width: 300px; }
.header-wrap .inner-header { margin-top: 0px; position: inherit; }
.header-wrap .inner-header .logo { line-height: inherit; padding-top: 5px; }
.inner-banner { height: 354px; position: relative; }
.inner-banner .inner-img img { display: block; }
.inner-banner .crumbs-wrap { width: 100%; height: 60px; background: rgba(0, 0, 0, 0.3); position: absolute; z-index: 2; bottom: 0px; left: 0; line-height: 60px; }
.inner-banner .crumbs-wrap .crumbs-left { width: 200px; color: #FFFFFF; font-size: 24px; }
.inner-banner .crumbs-wrap .crumbs-left span { font-size: 16px; line-height: 70px; }
.inner-banner .crumbs-wrap .crumbs-right { font-size: 14px; color: #FFFFFF; }
.inner-banner .crumbs-wrap .crumbs-right a { display: inline-block; color: #FFFFFF; transition: all 0.5s; }
.inner-banner .crumbs-wrap .crumbs-right a:hover { color: #0066ff; }
.inner-banner .crumbs-wrap .crumbs-right span { font-family: '宋体'; padding: 0 8px; }
.inner-nav { height: 80px; background: #fff; width: 100%; }
.inner-nav .inner-nav-ul li { width: 100px; height: 80px; font-size: 16px; line-height: 80px; position: relative; }
.inner-nav .inner-nav-ul li a { height: 100%; display: block; color: #666666; padding: 0 10px; overflow: hidden; }
.inner-nav .inner-nav-ul li a span { line-height: 77px; display: inline-block; }
.inner-nav .inner-nav-ul li:before { content: ''; width: 1px; height: 20px; background: #EEEEEE; left: 0; top: 30px; position: absolute; }
.inner-nav .inner-nav-ul li:first-child:before { content: ''; width: 0px; }
.inner-nav .inner-nav-ul .active span { border-bottom: solid 2px #0166fe; }
.fixed-nav { width: 100%; height: 80px; background: #fff; position: fixed; top: 0; z-index: 4; border-bottom: solid 1px #EEEEEE; }
.who-top { padding-top: 20px; }
.who-top h2 { color: #333333; font-size: 30px; font-weight: 700; }
.who-top p { font-size: 18px; color: #666666; }
.who-us { height: 480px; text-align: center; background: url(../img/_pic_2.jpg) center no-repeat; }
.who-us .who-cont { margin-top: 50px; }
.who-us .who-cont p { color: #666; line-height: 40px; font-size: 16px; }
.major-business { height: 650px; position: relative; overflow: hidden; }
.major-business .major-title { width: 1200px; position: absolute; left: 50%; margin-left: -600px; z-index: 3; top: 20px; }
.major-business .major-title h3 { color: #FFFFFF; font-size: 30px; font-weight: 700 }
.major-business .major-title p { color: #FFFFFF; font-size: 18px; }
.major-business .major-pic { width: 1200px; position: absolute; left: 50%; top: 100px; margin-left: -600px; z-index: 3; }
.major-business .major-item { position: absolute; z-index: 3; }
.major-business .major-item img { display: block; }
.major-business .item-ycb { left: 320px; top: 40px; }
.major-business .item-tqp { right: 320px; top: 40px; }
.major-business .item-logo { left: 480px; top: 150px; }
.major-business .item-dgj { left: 320px; top: 300px; }
.major-business .item-jsb { right: 320px; top: 300px; }
canvas { display: block; vertical-align: bottom; }
/* ---- particles.js container ---- */
#particles-js { width: 100%; height: 100%; background-color: #272c4a; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.service-setup { height: 550px; }
.service-setup .wone h3 { color: #333333; font-size: 30px; font-weight: 700; margin-top: 50px; }
.service-setup .wone p { color: #666666; font-size: 18px; }
.service-setup .wone img { display: inline-block; padding-top: 30px; }
.team-us { height: 870px; background: #f7f7f7; }
.team-us .team-pic { margin-top: 50px; }
.team-us .team-pic .team-item { width: 390px; margin-top: 10px; margin-left: 10px; height: 300px; overflow: hidden; }
.team-us .team-pic .team-item:hover img { transform: scale(1.2); }
.team-us .team-pic .team-item img { width: 390px; height: 300px; transition: all 0.8s; display: block; }
.contact-us { height: 827px; }
.contact-us .map { width: 1200px; height: 450px; margin: 0 auto; margin-top: 20px; }
.contact-us .contact-list { margin-top: 25px; }
.contact-us .contact-list li { width: 400px; height: 200px; padding-top: 15px; padding-left: 100px; overflow: hidden; position: relative; }
.contact-us .contact-list li h4 { font-size: 24px; color: #333; }
.contact-us .contact-list li p { font-size: 14px; color: #666; line-height: 40px; }
.contact-us .contact-list li:before { content: ''; width: 1px; height: 150px; top: 30px; background: #EEEEEE; position: absolute; left: 0; }
.contact-us .contact-list li:first-child:before { content: ''; width: 0; }
.anchor { display: block; position: relative; top: -80px; /*首部元素高度*/
visibility: hidden; }
.news-wrap { background: #f7f7f7; }
.news-wrap .news-list {  }
.news-wrap .news-list li { height: 270px; background: #FFFFFF; clear: both; }
.news-wrap .news-list li .news-left { height: 214px; width: 720px; }
.news-wrap .news-list li .news-left .title { font-size: 22px; color: #333333; transition: all 0.5s; }
.news-wrap .news-list li .news-left .title:hover { color: #0066ff; }
.news-wrap .news-list li .news-left .time { color: #999999; }
.news-wrap .news-list li .news-left .cont { line-height: 35px; color: #777777;}
.news-wrap .news-list li .news-right { height: 215px; width: 380px; }
.news-wrap .news-list li .news-right img { height: 215px; width: 380px; display: block; }
.news-wrap .news-list .not-img { width: inherit !important; }
.paging { overflow: hidden; margin: auto; text-align: center; padding: 30px 0; background: #F7F7F7; }
.paging a { padding:0 10px; height: 38px; line-height: 38px; color: #a0a0a0; font-size: 14px; border: solid 1px #EEEEEE; border-radius: 4px; overflow: hidden; margin-right: 5px; font-family: "微软雅黑"; }
.paging a:hover { color: #FFFFFF; background: #0166fe; }
.paging .active { background: #0066ff; color: #FFFFFF !important; }
.paging .pag-prve span { font-family: "宋体"; text-align: center; }
.paging .pag-next { width: 98px; }
.essay-wrap { background: #F7F7F7; }
.essay-wrap .essay-detail { width: 100%; min-height: 500px; }
.essay-wrap .essay-detail .essay-cont { font-size: 15px; line-height: 26px;  text-align: justify; word-wrap: break-word; }
.essay-wrap .essay-detail .essay-cont h2, .essay-wrap .essay-detail .essay-cont h3, .essay-wrap .essay-detail .essay-cont h4, .essay-wrap .essay-detail .essay-cont h5, .essay-wrap .essay-detail .essay-cont h6 { color: #000; line-height: 1.5em; margin: 20px 0 10px 0 }
.essay-wrap .essay-detail .essay-cont h2 { font-size: 20px; font-weight: 700; }
.essay-wrap .essay-detail .essay-cont h3 { font-size: 18px; font-weight: 600; }
.essay-wrap .essay-detail .essay-cont blockquote { padding-left: 10px; border-left: 3px solid #dbdbdb; margin: 0 0 16px 0; }
.essay-wrap .essay-detail .essay-cont blockquote ol { padding-left: 30px; }
.essay-wrap .essay-detail .essay-cont blockquote li p { margin: 5px; line-height: 1.5; color: rgb(61, 167, 66); text-indent: 0; }
.essay-wrap .essay-detail .essay-cont ul, .essay-wrap .essay-detail .essay-cont ol { margin: 0 0 16px 0; padding-left: 16px; color: #656565 }
.essay-wrap .essay-detail .essay-cont ul { margin: 0 0 0 0; padding: 8px 15px; list-style-type: disc; }
.essay-wrap .essay-detail .essay-cont p { color: #656565; margin-bottom: 16px; }
.essay-wrap .essay-detail .essay-cont pre { word-wrap: break-word }
.essay-wrap .essay-detail .essay-cont img { max-width: 800px; height: auto; }
.essay-wrap .essay-detail .essay-cont table { border-top: solid 1px #ddd; border-left: solid 1px #ddd; width: 100%; margin-bottom: 16px }
.essay-wrap .essay-detail .essay-cont table th { background-color: #f9f9f9; text-align: center }
.essay-wrap .essay-detail .essay-cont table td, .essay-wrap .essay-detail .essay-cont table th { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 5px 10px }
.essay-wrap .essay-detail .essay-cont strong { font-weight: bold; }
.essay-wrap .essay-detail .essay-cont a { text-decoration: underline; }
.essay-wrap .essay-detail .essay-cont a, .essay-wrap .essay-detail .essay-cont a:visited { color: #0066ff; }
.essay-wrap .essay-detail .essay-cont a:hover, .essay-wrap .essay-detail .essay-cont a:active { color: #0066ff; }


.essay-wrap .sheet-wrap .sheet { height: 70px; background: #F7F7F7; }
.essay-wrap .sheet-wrap span { display: block; width: 500px; font-size: 16px; color: #999999; transition: all 0.5s; position: relative; }
.essay-wrap .sheet-wrap a:hover span, .essay-wrap .sheet-wrap a:hover i { color: #0166fe; }
.essay-wrap .sheet-wrap i { font-size: 20px; width: 50px; margin: 0; color: #999999; }
.essay-wrap .sheet-wrap .sheet-left, .essay-wrap .sheet-wrap .sheet-right { width: 550px; height: 70px; line-height: 70px; display: block; }
.essay-wrap .sheet-wrap .sheet-left span:before { content: ''; width: 1px; height: 20px; background: #DDDDDD; position: absolute; top: 25px; left: 0; }
.essay-wrap .sheet-wrap .sheet-right span:before { content: ''; width: 1px; height: 20px; background: #DDDDDD; position: absolute; top: 25px; right: 0; }
.essay-wrap .interfix-wrap { width: 100%; padding-bottom: 45px; }
.essay-wrap .interfix-wrap .interfix-top { height: 80px; line-height: 80px; font-size: 16px;  margin-left:;
}
.essay-wrap .interfix-wrap .interfix-top li { width: 120px; text-align: left; color: #888888; }
.essay-wrap .interfix-wrap .active { color: #666666; font-weight: bold; }
.essay-wrap .interfix-cont { margin-left: -30px; }
.essay-wrap .interfix-cont li { width: 347px; height: 290px; background: #009688; margin-left: 30px; position: relative; }
.essay-wrap .interfix-cont li img { width: 347px; height: 290px; display: block; transition: all 0.8s; }
.essay-wrap .interfix-cont li span { width: 100%; height: 60px; position: absolute; bottom: 0; left: 0; line-height: 60px; font-size: 16px; color: #FFFFFF; background: rgba(0, 0, 0, 0.3); }
.essay-wrap .interfix-cont li:hover img { transform: scale(1.2); }
.tacit-wen time { line-height: 30px; overflow: hidden; border-bottom: solid 1px #DDDDDD; padding: 5px 0 10px; margin-bottom: 5px; color: #707070; }
.tacit-wen time span { float: left; color: #a0a6b3; }
.tacit-wen time h1 { font-size: 28px; line-height: 30px; color: #535353; }
.tacit-wen h2, .tacit-wen h3, .tacit-wen h4, .tacit-wen h5, .tacit-wen h6 { font-size: 22px; line-height: 30px; color: #535353; font-weight: 400; }
.tacit-wen h3 { font-size: 20px; font-weight: 300; }
.tacit-wen blockquote { padding-left: 5px; border-left: solid 1px #dbdbdb; font-size: 16px; }
.tacit-wen blockquote ol { padding-left: 10px; font-size: 14px; }
.tacit-wen blockquote ol li { margin: 5px; text-align: 0; line-height: 1.5; }
.tacit-wen blockquote ol li p { margin: 0 5px; text-indent: 0; }
.tacit-wen ul { margin-bottom: 10px; padding: 8px 10px; list-style-type: disc; }
.tacit-wen ul li { font-size: 16px; margin: 5px 0; }
.tacit-wen p { line-height: 2.0; font-size: 16px; color: #898989; }
.tacit-wen pre { word-wrap: break-word; }
.tacit-wen ul, .tacit-wen ol { margin: 0px 0px 10px 0px; }
.tacit-wen img { max-width: 800px; margin: 0 auto; }
.tacit-wen table { border-top: solid 1px #EEEEEE; border-left: solid 1px #EEEEEE; width: 100%; margin-bottom: 10px; }
.tacit-wen table th { background-color: #EEEEEE; text-align: center; }
.tacit-wen table td { border-bottom: solid 1px #EEEEEE; border-right: solid 1px #EEEEEE; padding: 5px 10px; }
.tacit-wen strong { font-weight: 500; }
.tacit-wen a { text-decoration: underline; }
.recr-wrap { padding-bottom: 45px; }
.recr-wrap .recr-top { background: url(../img/recr_pic.jpg) center no-repeat; }
.recr-wrap .recr-top .recr-title h2 { font-size: 28px; color: #333333; margin-top: 50px; }
.recr-wrap .recr-top .recr-cont li { width: 33.33%; }
.recr-wrap .recr-top .recr-cont li i { color: #828282; font-size: 100px; }
.recr-wrap .recr-top .recr-cont li p { margin: 20px 0; }
.recr-wrap .recr-top .recr-cont li span { line-height: 30px; color: #666666; font-size:14px;}
.recr-info { min-height: 500px; padding-top: 20px; }
.recr-info .info-title { color: #0166fe; }
.recr-info .collapsible { box-shadow: none; }
.recr-info .recr-coll .collapsible-header i { color: #858585; }
.recr-info .recr-coll .collapsible-body { padding: 20px; overflow: hidden; }
.recr-info .recr-coll .collapsible-body .info-left { width: 740px; padding-right: 25px; }
.recr-info .recr-coll .collapsible-body .info-left h4 { font-size: 16px; color: #666666; }
.recr-info .recr-coll .collapsible-body .info-left p { font-size: 14px; color: #999999; padding: 0; line-height: 30px; }
.recr-info .recr-coll .collapsible-body .info-right { width: 390px; }
.recr-info .recr-coll .collapsible-body .info-right p { color: #999999; }
.recr-info .recr-coll .collapsible-body .info-right i { font-size: 100px; color: #A0A0A0; }
.recr-info .collapsible li.active > .collapsible-header i.icon-jia { display: none !important; }
.recr-info .collapsible li.active > .collapsible-header i.icon-jian { display: block !important; }
.flash-wrap { /*width: 68px;*/
position: fixed; right: 0px; bottom: 72px; z-index: 999; border-bottom: solid 1px #eeee; }
.flash-wrap li { width: 66px; height: 74px; }
.flash-wrap li .flash-show { width: 66px; height: 74px; position: absolute; background: #FFFFFF; z-index: 99; transition: all 1s; border: solid 1px #eee; border-bottom: none; text-align: center; cursor: pointer; padding-top: 9px; color: #0166fe; }
.flash-wrap li .flash-show i { font-size: 24px; color: #7d7d7d; }
.flash-wrap li .flash-show p { font-size: 14px; margin-top: 10px; color: #7d7d7d; }
.flash-wrap li .flash-show:hover { background: #0166fe; border-color: #0166fe; }
.flash-wrap li .flash-show:hover p, .flash-wrap li .flash-show:hover i { color: #FFFFFF; }
/*.flash-wrap li .flash-before:before {
  content: "";
  width: 10px;
  height: 10px;
  background: none;
  border: solid 10px;
  border-color: transparent transparent transparent #FFFFFF ;
  position: absolute;
  top: 28px;
  left: 0px;
}*/
.flash-wrap li .flash-hide { height: 74px; right: 76px; position: absolute; overflow: hidden; display: none; background: #FFF; box-shadow: 0px 0px 5px #CCCCCC; z-index: 98; }
.flash-wrap li .flash-hide p { padding: 0 15px; line-height: 74px; color: #535353; font-size: 14px; }
.flash-wrap li .flash-two { height: 125px; width: 125px; top: 50px; z-index: 3; }
.flash-wrap li .flash-two img { display: block; float: right; }
.flash-wrap li .backtop { line-height: 74px; padding: 0; }
.flash-wrap li .backtop i { font-size: 40px; }
.flash-wrap .backtop-wrap { display: none; }