/* 本地字体 */
@font-face{font-family:DIN;src:url(../fonts/din.woff) format('opentype');font-weight:400;font-style:normal}
body{background:#FFF;color:#1F1F1F;font-family:"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;height:100%;position:relative}
input[type=text],textarea{-webkit-appearance:none}
figure,h1,h2,h3,h4,h5,h6{font-weight:400}
::-webkit-selection{color:#1F1F1F;background:#FFEA00}
::-moz-selection{color:#1F1F1F;background:#FFEA00}
::selection{color:#1F1F1F;background:#FFEA00}
a{color:#1F1F1F;text-decoration:none;transition:all .3s}
a:focus,a:hover{transition:none;transition:all .3s;color:#606060}
a.text-gray:hover{color: #606060}
a.text-sub:hover{color:#393939}
p{margin:0}
dd,dl,li,ul{margin:0;padding:0;list-style:none}
hr{margin:0}
.list-paddingleft-2{padding:0}
.DIN{font-family:DIN;}

/*.container{max-width:1060px}*/
.container-wrap{max-width:820px;margin:0 auto;display:block;padding:0 10px}
.container-wrap:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.container-header{margin:0 auto;display:block;padding:0 32px}
.container-header:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.container-layout{max-width:92%}
.line-large{margin-left:-15px;margin-right:-15px}
.line-large .x1,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .xb1,.line-large .xb10,.line-large .xb11,.line-large .xb12,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xl1,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xm1,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xs1,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}

.banner{position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover;padding-top:150px;}
.banner .bg-overlay{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(99,107,151,.6);z-index: 0}
.banner::before{content:"";width:100%;height:60px;z-index:1;bottom:-60px;background-color:#FFFFFF;left:0;position:absolute;-webkit-transform:skewY(-2deg);-ms-transform:skewY(-2deg);transform:skewY(-2deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}

@keyframes fadein{from{opacity:0}to{opacity:1}}
.box-shadow{-webkit-box-shadow:0 3px 8px -2px rgba(99,107,151,.075);box-shadow:0 3px 8px -2px rgba(99,107,151,.075)}
.none{display:none}
.block{display:inline-block}
.fix-footer{z-index: 9}
.text-blod{font-weight: 700}
hr{background: #EFEFEF;margin:0;}
/*.bg-main{background:#758089}*/
.bg-sub{background:#EFEFEF}
.bg-gray{background:#F5F5F5}
.bg-shallow{background:#F8F8F8}
.bg-blue-light{background: #5C7EEF}
.bg-gray-gradient{background: linear-gradient(0deg, rgba(255, 255, 255, 0.962308), rgba(255, 255, 255, 0.962308)), linear-gradient(135.51deg, #4672EE 14.26%, #214EEC 85.07%);
box-shadow: inset 0px -5px 1px #DADEF1;}
.bg-blue-gradient{background: linear-gradient(180deg,#266FEE 0,#456BED 100%);box-shadow: 0 1px 0 #869BF6,0 2px 4px rgba(99,107,151,.6);}
.bg-yellow-gradient{background: -webkit-gradient(linear, left bottom, left top, from(#d4ba00), to(#ffdf00));background: -o-linear-gradient(bottom, #d4ba00 0%, #ffdf00 100%);background: linear-gradient(to top, #d4ba00 0%, #ffdf00 100%);background-size: auto;-webkit-box-shadow: inset 0 -3px 5px rgba(255, 255, 255, 0.5);box-shadow: inset 0 -3px 5px rgba(255, 255, 255, 0.5);color: #1F1F1F;}
.bg-diwen{background:url(../fonts/fb96c0c4175741ab8bf8a05cf169ad3d.svg) no-repeat center top}
.button.bg-black{color:#fff;}

a.tag{padding:5px 10px;line-height: 20px;background: #EFEFEF;color:#878787;display: inline-block;margin:5px;}
a.tag i{width:16px;height: 16px;line-height: 16px;font-size:12px;display: inline-block;border-radius: 50%}

.blank-small{height:5px;line-height:5px;clear:both;font-size:0}
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-middle{height:20px;line-height:20px;clear:both;font-size:0}
.blank-big{height:30px;line-height:30px;clear:both;font-size:0}
.blank-large{height:50px;line-height:50px;clear:both;font-size:0}

.slides{position:relative;}
.slides .media-img{position:relative;overflow:hidden}
/*.slides .media-img .zoom-slides:after{background:#000;opacity:.2;position:absolute;content:"";top:0;left:0;width:100%;height:100%;-webkit-transition:.3s;transition:.3s;}*/
.slides .media-img .zoom-slides{transition:.3s;padding-bottom:28%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.slides .searchbar{position:absolute;left:50%;top:50%;width:600px;height:240px;margin-left:-300px;margin-top:-120px;z-index:3;}
.slides .searchbar h2{font-size: 54px;font-weight: 600}
.slides .searchbar p{font-size:22px;}
.slides .search-form {border-radius:12px;border-bottom: 5px solid #EDF0FC;position: relative;max-width: 100%; margin:0 auto;transition: border-color .3s,box-shadow .3s; box-shadow: 0 6px 12px 0 rgba(99,107,151,.1);}
.slides .form-group{padding:0}
.slides .input {height:54px;color:#606060;padding:0 30px;border-radius:12px 0 0 12px;}
.slides .input-group .addbtn {padding:0 20px;}
.slides .button {color:#606060;padding:0;background:#fff;}
.slides .button:hover i{color:#FFEA00;}
.slides .searchbar .hot-keyword span{font-size:normal}
.slides .searchbar .hot-keyword a{display:inline-block;margin:0 5px;}
/* .slides .searchbar .hot-keyword a:last-child{margin-right:0} */
.slides-arrow:hover .owl-nav .owl-next,.slides-arrow:hover .owl-nav .owl-prev{opacity:.6}
.slides-arrow.dot-center .owl-dots{position:relative;top:-30px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%}

.slides .headtitle{position:absolute;left:0;top:20%;bottom:0;width:100%;z-index:3;}
.slides .headtitle h2{font-size:32px;font-weight: 600}

.channel-head{position:relative;}
.channel-head .headtitle{position:absolute;left:0;top:0;bottom:0;width:100%;z-index:3;}
.channel-head .headtitle h2{font-size:32px;font-weight: 600}

.channel-head .ideatitle{width:540px;margin:0 auto;}
.channel-head .ideatitle h1{font-size:50px;font-weight: 600;position:relative;z-index: 2}
.channel-head .ideatitle h1:before {left:50%;margin-left:-120px;bottom:5px;width:240px;height:25px;background:#FFEA00;content:'';display:block;position:absolute;z-index:-1}
.channel-head .ideatitle h2{font-size:36px;font-weight: 600;position:relative;z-index: 2}
.channel-head .ideatitle h2:before {left:50%;margin-left:-80px;bottom:5px;width:160px;height:20px;background:#FFEA00;content:'';display:block;position:absolute;z-index:-1}
.channel-head .ideatitle strong{font-size:54px;font-weight: 600;display: block}

.channel-foot .foottitle{margin:0 auto;width:980px;padding:120px 0;}
.channel-foot .foottitle hr{margin:0 auto;width:100px;}
.channel-foot .foottitle h2{font-size:64px;font-weight: 600;position:relative;}
.channel-foot .foottitle h2:before {left:50%;margin-left:-120px;bottom:5px;width:240px;height:25px;background:#FFEA00;content:'';display:block;position:absolute;z-index:-1}
.channel-foot .foottitle a.button{padding:20px 60px;}

.main-announcement {background:#fff;padding: 0 30px;line-height:54px;height:56px;border-radius:50px;overflow: hidden;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.main-announcement:hover{background: #ffe300;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.main-announcement a.gg{border-bottom: 2px solid rgba(0,0,0,.8);}
.main-announcement a.gg:hover{border-bottom: 2px solid rgba(0,0,0,0);}
.main-announcement .more .notice{display:none;-webkit-transition:.3s;transition:.3s;}
.main-announcement .more:hover .notice{position:absolute;display:block;top:52px;right:0px;width:300px;height:auto;background:#fff;box-shadow: 0 6px 0 0 #DDE3FC,0 15px 40px -5px rgba(99,107,151,.15);z-index: 3;-webkit-transition:.3s;transition:.3s;}
.main-announcement .more .notice:after{position:absolute;top:-8px;right:30px;display:inline-block;border-left:8px solid transparent;border-bottom:8px solid #fff;border-right:8px solid transparent;content:''}
.main-announcement .more .notice li{padding:0 0 5px 0;margin-bottom:5px;width:100%;}
.main-announcement .more .notice li:last-child{border-bottom:0px solid #f6f6f6}
.main-announcement .more .notice li a{display:block;color:#3A4B68;font-size:14px;}
.main-announcement .more .notice li a:hover{color:#FFEA00;}
.main-announcement .more .notice li.dot a{padding-left:15px;position:relative}
.main-announcement .more .notice li.dot:hover a:before{background:#3A4B68;}
.main-announcement .more .notice li.dot a:before{content:'';position:absolute;left:-1px;background:#ccc;width:6px;height:6px;top:7px;border-radius:50%}

/*首页TAB*/
.tab-x .tab .tab-nav li{display:inline-block;width:auto;text-align:center;border-radius:0px;cursor:default}
.tab-x .tab .tab-nav li a{background: #fff;border:0;border-radius:12px;color: #1F1F1F;margin:0 5px;padding:10px 15px;}
.tab-x .tab .tab-nav li a:hover{background: #fff;color: #1F1F1F;}
.tab-x .tab .tab-nav li a:focus{outline:none}
/*.tab-x .tab .tab-nav li.active{position:relative}*/
/*.tab-x .tab .tab-nav li.active:after{z-index:3;position:absolute;bottom:-12px;left:50%;margin-left:-12px;display:inline-block;border-right:12px solid transparent;border-top:12px solid #5F77FF;border-left:12px solid transparent;content:''}*/
.tab-x .tab .tab-nav li.active a{background: #FFEA00;color:#1F1F1F;}
/*box-shadow: 0px 1px 3px 0 rgba(0,0,0, 0.2);*/
.tab-x .tab .tab-nav li a i{height:30px;line-height:30px;width:30px;display:block;text-align:center;margin:0 auto;}
/*.tab-x .tab .tab-nav li a i img{width:100%;margin:0 auto}*/
.tab-x .tab .tab-body{border-radius:0;border-top:0px;margin-top:0px;padding:0}

/* 布局 begin  */
.sidebar-l{margin-right:0}
.sidebar-r{margin-left:20px}

.box-title-block h2{font-size:16px;font-weight:bold}

.list-post-x .media {margin:0 0 20px 0;}
.list-post-x .media img{transition:all .3s ease-out;position:relative;}
.list-post-x .media .thumb-bd{max-width:25%;overflow:hidden;}
.list-post-x .media .thumb-md{max-width:80px;overflow:hidden}
.list-post-x .media .thumb-md .playtime{position:absolute;bottom:5px;right:5px;padding:0 5px;height:20px;line-height:18px;background:rgba(99,107,151,.6);z-index:3;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.list-post-x .media .thumb-md .playicon{position:absolute;bottom:5px;left:5px;width:20px;height:20px;line-height:18px}
.list-post-x .media:hover img{transition:all .3s ease-out;transform:scale(1.02)}
.list-post-x .media.media-x .float-left{margin-right:20px}
.list-post-x .media.media-x .float-right{margin-left:20px}
.list-post-x .media.media-x .media-body{text-align:left;padding:0}
.list-post-x .media.media-x .media-body strong{font-weight: 400;display: block}
.list-post-x .media-body p{color:#878787;}

/* 有序号列表 begin*/
.list-post-order li{position:relative;padding:0 0 0 30px;margin-bottom:15px;border-bottom:0px solid #f6f6f6;width:100%}
.list-post-order li:last-child{border-bottom:0px solid #f6f6f6}
.list-post-order li a{display:block;}
.list-post-order li a:hover{color:#0A4BFF;}
.list-post-order li span{background: #F5F5F5;color:#878787;width:20px;height:20px;line-height:18px;position:absolute;top:1px;left:0}
.list-post-order li:nth-of-type(1) span{background:#0A4BFF;color:#fff}
.list-post-order li:nth-of-type(2) span{background:#33A2FF;color:#fff}
.list-post-order li:nth-of-type(3) span{background:#66B9FF;color:#fff}
/* 有序号列表 end*/

/* 有序列表1列  begin*/
.list-post-text li {padding:4px 0;}
.list-post-text li a{display:block;padding-left:15px;position:relative}
.list-post-text li:hover a:before {background:#393939;}
.list-post-text li a:before {content:'';position:absolute;left:0;background:#949494;width:6px;height:6px;top:10px;border-radius:50%}
/* 有序列表1列  end*/

.demo-button {display:inline-block;}
.demo-button a.button{position:relative;font-weight: 400;}
.demo-button a.button .qrcodepic{display:none;padding:10px;}
.demo-button a.button:hover .qrcodepic{position:absolute;display:block;top:-157px;left:0px;width:140px;height:150px;box-shadow:0 15px 40px 15px rgba(99,107,151,.15);}
.demo-button a.button .qrcodepic:after{position:absolute;bottom:-8px;left:50%;margin-left:-8px;display:inline-block;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;content:''}

.article .post-meta{line-height:40px}
.article .post-meta .userimg{width:40px;height:40px}
.article .post-title h1{font-size:36px;font-weight:600;}
.article .down-title h1{font-size:24px;font-weight: 600}

.article .post h1{font-size:36px;font-weight:600;margin:10px 0}
.article .post h2{font-size:24px;font-weight:600;margin:10px 0}
.article .post h3{font-size:20px;font-weight:600;margin:10px 0}
.article .post hr{margin:10px 0;height:1px}
.article .post strong{font-size:18px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{border-bottom:1px solid #EFEFEF;font-size:15px;}
.article .post table td{padding:5px;font-size:15px;}
.article .post p{font-size:16px;line-height:28px;margin-bottom:20px;word-wrap: break-word;}
.article .post img{margin:0 auto;max-width: 100%;border-radius:12px}
.article .post a{text-decoration:none;border-bottom:1px solid #0053c4;color:#0053c4}
.article .post a:hover{color:#e7161a;border-bottom:0 solid #e7161a}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0;position:relative;font-size:16px;text-indent: 80px}
.article .post ul li p{line-height:24px}
.article .post ul li:before{content:'';position:absolute;top:8px;left:60px;background:#606060;width:6px;height:6px;border-radius:50%}
.article .post ol{padding:10px 0 0 0}
.article .post ol.list-paddingleft-2{position:relative}
.article .post ol li{padding:0;position:relative}
.article .post ol li p{line-height:26px;font-size:16px;color:#98a6ad}

.nav-bread{line-height:60px;height:60px;font-size:0}
.nav-bread i{font-size:14px;color:#878787}
.nav-bread a{color:#878787;font-size:14px;display:inline-block}
.nav-bread a:hover{color:#393939}
.nav-bread a:after{content:"";padding:0 10px;background:url(../images/nav-bread.png) no-repeat center 50%}
.nav-bread a:last-child:after{content:"";background:0 0}

.idc-ad .item.padding-big{padding:24px;}
.idc-ad .item strong{margin:0;font-size:18px;position:relative;}
.idc-ad .item strong span{display:inline-block;line-height:18px;font-weight: 400;padding:0 8px;}
.idc-ad .item:hover strong{color:#456BED;}

/*分页 begin*/
.pagination{text-align: center;}
.pagination li {display:inline-block;border-radius:12px;}
.pagination li i{font-weight:600;} 
.pagination li a{border-radius:12px;color:#393939;background:#fff;padding:11px 16px;display:block;margin:5px;}
.pagination li a:hover,.pagination li.active a,.pagination li .current{background:#1F1F1F;color:#FFF;}
.pagination li span{border-radius:12px;color:#FFF;background:#1F1F1F;padding:11px 16px;display:block;margin:5px;}
/*分页 end*/

.loadpage a.button{background: #EFEFEF}
.loadpage a.button:hover{background: #FFEA00;color:#1F1F1F;}


.excerpt-info span{display: inline-block;}

.memberinfo .media.media-x strong{padding-top:3px;margin-bottom: 3px}
.memberinfo .userimg{width:24px;height: 24px;}
.memberinfo .userimg-middle{width:36px;height: 36px;}
.memberinfo .userimg-big{width:48px;height: 48px;}
.memberinfo .userimg-large{width:64px;height: 64px;}

/* owl-carousel滚动插件*/
/* 默认圆点 */
.owl-carousel .owl-dots {position:absolute;top:50%;padding:0;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.owl-carousel .owl-dots .owl-dot {display:inline-block;position:relative;vertical-align:middle;}
.owl-carousel .owl-dots .owl-dot span {width:6px;height:6px;margin:0 5px;border-radius:50%;display:inline-block;text-align:center;-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;}
.owl-carousel .owl-dots .owl-dot.active span {width:12px;border-radius:12px;}
/* 默认箭头 */
.owl-carousel .owl-nav i{font-size:20px;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {background:#000;opacity:0;width:40px;height:40px;line-height:44px;top:50%;-webkit-transition:all ease 500ms;-o-transition:all ease 500ms;transition:all ease 500ms;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;text-align:center;border-radius:50%;}
.owl-carousel .owl-nav .owl-prev {left:20px;right:auto;}
.owl-carousel .owl-nav .owl-next {right:20px;}
/* owl-carousel滚动插件 end */

/* 横向滚动导航 */
/*.nav-button{line-height:48px;height:48px;width:100%;}*/
.nav-button .nav-carousel li{margin:0 5px;display: block;}
.nav-button .nav-carousel li a{position:relative;color: #1f1f1f;display: block; padding:15px 0;}
.nav-button .nav-carousel li a.active{color:#fff;position:relative;background: #456BED;box-shadow: 0px 2px 5px 0 rgba(99,107,151, 0.2);}
.nav-button .nav-carousel li a.active:hover{background: #5C7EEF}
.nav-button .nav-carousel li a:hover{background: #fff;box-shadow: 0px 1px 3px 0 rgba(99,107,151, 0.1);}
/*.nav-button .nav-carousel li a.active:before{background:#D5480B;content:'';display:block;position:absolute;width:20px;height:2px;bottom:0px;left:50%;margin-left:-10px;border-radius:12px;}*/
.nav-button .nav-carousel .owl-nav .owl-prev,.nav-button .nav-carousel .owl-nav .owl-next {background:#000;width:24px;height:24px;line-height:26px;opacity:.8;}
.nav-button .nav-carousel .owl-nav .owl-prev{left:-12px;}
.nav-button .nav-carousel .owl-nav .owl-next{right:-12px}

/* 横向滚动导航 */
/*.nav-button{line-height:48px;height:48px;width:100%;}*/
.nav-x li a{position:relative;color: #3A4B68;display: block;line-height:42px;background: #fff}
.nav-x li a.active{color:#fff;position:relative;background: #5C7EEF;}
.nav-x li a.active:hover{background: #456BED}
.nav-x li a:hover{background: #F5F5F5}
/*.nav-x li a.active:before{background:#D5480B;content:'';display:block;position:absolute;width:20px;height:2px;bottom:0px;left:50%;margin-left:-10px;border-radius:12px;}*/
.nav-x .owl-nav .owl-prev,.nav-x .owl-nav .owl-next {background:#fff;color:#3A4B68;width:24px;height:24px;line-height:28px;opacity:0;box-shadow: 0 0 12px rgba(99,107,151, .1)}
.nav-x:hover .owl-nav .owl-prev,.nav-x:hover .owl-nav .owl-next {opacity:1;}
.nav-x .owl-nav .owl-prev{left:-12px;}
.nav-x .owl-nav .owl-next{right:-12px}

.title-block-style1 h2{font-size:32px;font-weight:400}
.title-block-style1 h3{font-size:24px;font-weight:400}
.title-block-style1 h4{font-size:18px;font-weight:400}
.title-block-style1 h5{font-size:16px;font-weight:400;border-bottom:1px solid #efefef;padding-bottom:15px;}
.title-block-style2 h2{font-size:36px;font-weight:bold;}
.title-block-style2 h3{font-size:24px;font-weight:bold}
.title-block-style2 h3{font-size:18px;font-weight:bold}
.title-block-style2 h5{font-size:24px;font-weight:bold;border-bottom:1px solid #efefef;padding-bottom:20px;}

.about-nav li{position:relative;padding:10px 0}
.about-nav li a{display:block;padding:0 30px;border-left:3px solid transparent;color:#555;line-height:30px;font-size:16px}
.about-nav li a.cur,.about-nav li a:hover{color:#1F1F1F;border-left:3px solid #FFEA00;font-weight:700}
.content-tit{padding:5px 30px 0;line-height:65px;border-bottom:1px solid #ddd}
.content-tit h2{font-size:18px;color:#1F1F1F;font-weight: 600}

.timeline{position: relative;}
.timeline-item{border-radius:12px; position: relative; display: -ms-flexbox; display: flex;}
.timeline-item:last-child .timeline-dot:after{display: none;}
.timeline-item.active .timeline-dot:before{border-color:#456BED; box-shadow: 0 0 0px 4px rgba(38, 78, 238, 0.2);}
.timeline-dot{position: relative; border-color:#E5E5E5; padding: 0;}
.timeline-dot:before,
.timeline-dot:after{content: ''; position: absolute; border-color: inherit; border-width: 2px; border-style: solid; border-radius: 50%; width: 10px; height: 10px; top: 10px; left: 50%;margin:1px 0; transform: translateX(-50%);}
.timeline-dot:before{border-color:#E5E5E5;}
.timeline-dot:after{width: 0; height: auto;top: 20px; bottom: -10px; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; border-radius: 0;}
.timeline-content{padding:5px 0 20px 20px;display: block;}
.timeline-content:hover a{color:#4370F5}
.timeline-content p:last-child{margin-bottom: 0;}

/* ==========================价格 ==========================*/
.price-table {background: #fff; margin-top:70px;padding:40px 20px 45px 20px;-webkit-transition:.3s;transition:.3s;}
.price-table:hover{background: #FFEA00;-webkit-transform:translate(0,-10px);-ms-transform:translate(0,-10px);transform:translate(0,-10px);-webkit-transition:.3s;transition:.3s;}
.price-table.active {top:-20px;position:relative;z-index:3;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
/*.price-table.active .price-body,.price-table.active .price-header .price-title{color:#fff;}*/
.price-table.active .price-header .price-ico{background: #FFEA00}

.price-table .price-header {position:relative;}
.price-table .price-header .price-ico{width:64px;height: 64px;line-height: 70px;margin:0 auto;background: #EFEFEF}
.price-table .price-header .price-ribbon {position:absolute;top:-60px;right:-40px;height:48px;line-height:48px;width:48px;background-color:#FFCC00;color:#fff;font-size:14px;font-weight:400;text-transform:uppercase;}
.price-table .price-header .price-title {color:#1F1F1F;}
.price-table .price-header .price-price {padding:20px 0;color:#1F1F1F;font-size:36px;}
.price-table .price-header .price-description {margin:0 0 20px;padding:0 30px;}
.price-table .price-body {padding:0 20px;color:#393939;}
.price-table .price-body ul li{line-height:26px;position:relative;padding-left:20px;margin-bottom: 5px}
.price-table .price-body ul li:before {content:'';position:absolute;left:0;background:#393939;width:6px;height:6px;top:10px;border-radius:50%}

.price-table:hover .price-ribbon {background:#E7161A;color:#fff}
.price-table:hover .price-header .price-ico{background: #1F1F1F;color:#FFEA00;}
.price-table:hover .price-body,.price-table:hover .price-header .price-price,.price-table:hover .price-header .price-title{color:#1f1f1f;}
.price-table .price-order {padding:30px 0 0 0;background-color:transparent}
.price-table .price-order a.button {border:2px solid #1F1F1F;padding:10px 35px;background: #FFEA00}
.price-table:hover .price-order a.button {border:2px solid #1F1F1F;color:#fff;background: #1F1F1F}

/* =========================== 报价 end============================== */

/* ==========================VIP体系 ==========================*/
.vip-table {border:#ddd 2px solid; position:relative;cursor:pointer;padding:30px 10px;-webkit-transition:.3s;transition:.3s;}
.vip-table:hover{border:#FF5C64 2px solid;-webkit-transition:.3s;transition:.3s;}
.vip-table .icon-recomd-pay{display:block;right:-6px;top:-6px;height:60px;width:60px;position:absolute;background-image: url(../images/icon-recomd.png);background-repeat:no-repeat;}
.vip-table .vip-money {font-size:36px;text-align:center;padding:0 0 20px 0;font-weight: 600}
.vip-table .vip-money .money-rmb{font-size:15px;}
.vip-table .vip-money .money-rmb-yj{font-weight: 400;}
.vip-table .vip-body span{margin:0 5px;color:#0A4BFF;}
.vip-table .vip-name {font-size:20px;color:#606060;text-align:center;margin:0 20px 20px 20px;padding-bottom:20px;font-weight: 600;border-bottom: 1px solid #ddd}
.vip-table .vip-name .vip-ico{display:inline-block;width:24px;height:24px;margin-right:5px;margin-bottom:-5px;background-size:auto 24px;background-repeat:no-repeat;background-position:center 50%}
.vip-table .vip-name .vip-ico.level_1{background-image: url(../images/level_1.png)}
.vip-table .vip-name .vip-ico.level_2{background-image:url(../images/level_2.png)}
.vip-table .vip-name .vip-ico.level_3{background-image:url(../images/level_3.png)}
/* =========================== VIP end============================== */

 /* 弹出层*/
.dialog {width:100%;border:0;margin:0 auto;box-shadow: 0 8px 15px 0 rgba(0,0,0,.1);position:relative;border-radius:12px}
.dialog .dialog-head{padding:15px 0 13px 30px ;border-bottom: 1px solid #ddd;background-color: #FFF;border-radius:12px 10px 0 0;}
.dialog .dialog-head strong{font-size:16px;font-weight: 400;}
.dialog .close{position:absolute;font-size:30px;right:20px;top:10px;color:#878787;z-index:9}
.dialog .close:hover{color:#606060}
.dialog .button-close{max-width: 120px;border:1px solid #ddd;cursor:pointer;padding:11px 0;color:#878787;}
.dialog .button-close:hover{border:1px solid #878787;color:#878787;background: #fff}
.dialog.vippay .dialog-head{padding:20px 0 ;border-bottom:0;background-color: #FFEA00;border-radius:12px 12px 0 0;}
.dialog.vippay .dialog-head strong{font-size:22px;font-weight: 400}
.dialog.vippay .close{right:15px;top:10px;color:#FFF;opacity: .6}
.dialog.vippay .close:hover{opacity:1}
.dialog.log{width:720px;overflow: hidden}
.dialog .dialog-body{padding:0px;line-height:24px;}
.dialog-body h3 {font-size:18px;font-weight:600;color:#3A3A3F;margin-bottom:10px}
.dialog-body .form-group {padding-bottom:15px}
.dialog-body .input{height:44px;line-height:44px;padding:0 15px;width:100%;display:block;-webkit-appearance:none;box-shadow:0 0px 0px rgba(99,107,151,0.0) inset;transition:all .3s;}
.dialog-body select {padding:0 30px 0 10px;width: 100%; height:44px;line-height:44px;border:solid 1px #ddd;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select-down.png) no-repeat right 50%;}
.dialog-body .textarea{padding:10px 12px;line-height:24px;width:100%;transition:all .3s;}
.dialog-body .input:hover,.dialog-body .textarea:hover,.dialog-body select:hover{border:1px solid #ccc;transition:all .3s;}
.dialog-body .label {padding-bottom:10px;display:block;line-height:24px;}
.dialog-body .label label {font-weight:400;}
.dialog-body .form-tips .dialog-body .input-help ul {border:solid 0px #ddd;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 10px 10px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {color: #393939;}
.dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {color: #393939;}
.dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {color: #393939;}
.dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {color: #393939;} 
.dialog-body .field-icon .icon { height: 46px;line-height: 46px;}
.dialog-body .input-group .addon{background-color: #fff;border: 0;padding:0;}
.dialog-body .input-group .addon img{width:90px;}
 /* 弹出层 end*/

.input-group .addon{background-color: #fff;border: 0 solid #F5F5F5;border-radius:0;line-height: 1;padding:0;text-align: center;}
.input-group .addon img{max-width: 90px}
 
#friend{position:relative;z-index:999;float:right}
#friend a{display:block;margin-left:30px;font-size:14px;color:#878787;}
#friend a:hover{opacity:1}
#friend ul{padding:10px 20px;min-width:160px;border:1px solid #393939;background:#1F1F1F;bottom:18px;display:none;right:0;overflow:hidden;position:absolute}
#friend ul li a{display:block;line-height:26px;padding:0;margin:0}
#friend ul li a:hover{color:#fff;}

footer{background:#000;position:relative;padding:0px 0 0 0;}
footer hr{background-color:#fff ;height: 2px;}
footer h3{font-size:16px;color:#EFEFEF;margin-bottom:20px;font-weight:600}
footer ul li.block{float:left}
footer ul li.block-0{width:45%}
footer ul li.block-1{width:35%;}
footer ul li.block-2{width:15%}
footer ul li.block-3{width:5%;}
footer ul li ul li a{line-height:36px;color:#949494;}
footer ul li ul li a .bg-warning{background-color: rgba(245,166,35,.12) !important;color: #ffea00;}
footer ul li.col2 ul li a{line-height:36px;display: block;float:left;width:50%;position:relative;}
footer ul li.col2 ul li a span{display: inline-block;line-height: 18px;font-weight: 400;padding: 1px 8px;}
footer ul li ul li a:hover{color:#fff;}
footer .about{padding:20px 25% 0 0;line-height:28px;color:#878787;}
footer .copyright{padding:40px 0;color:#606060;}
footer .copyright a{color:#606060;}
footer .copyright a:hover{color:#EFEFEF;}
footer .foot-link a{display:block;float:left;margin-left:30px;font-size:14px;color:#878787;}

footer .btn a.button{top:0;position:relative;padding:10px 45px;color:#081F70;background: linear-gradient(180deg,#FFF .51%,#C5CADD 97.86%);box-shadow: 0 1px 0 #9DA9CD,0 2px 4px rgba(99,107,151,.6)}
footer .btn a.button:hover{box-shadow: 0 1px 0 #123DE8,0 2px 4px rgba(99,107,151,.6);top:-2px;}

footer .whyus .media.media-x span{padding:2px 5px 0 0;display: block;background: linear-gradient(180deg,#878787 .51%,#C5CADD 97.86%); -webkit-background-clip: text;color: transparent}
footer .whyus .media.media-x span i{font-size:40px;}
footer .whyus .media.media-x strong{font-size: 18px;line-height: 40px}

/*客服 begin*/
.customer{position:fixed;width:40px;right:20px;top:50%;z-index:999;margin-top:-20px;}
.customer ul li{position:relative;transition:all .1s;background: #F5F5F5;text-align: center;padding:10px 0;}
.customer ul li:hover{background: #EFEFEF;}
.customer ul li i{font-size:20px;}
.customer ul li:hover i,.customer ul li:hover p{color:#1F1F1F;}

/*.customer ul li.feedback{border-right:1px solid #ddd;border-left:1px solid #ddd;}*/
.customer ul li.feedback{border:0 solid #ddd;border-radius: 16px;background: #FFEA00}
.customer ul li.vippay{margin-bottom: 10px;border:1px solid #ddd;border-radius:12px}
.customer ul li.vippay .vip-ico{width:24px;height:24px;display: inline-block;background:url(../images/vippay.png) no-repeat center 50%}
.customer ul li:hover.vippay .vip-ico{background:url(../images/vippay_w.png) no-repeat center 50%}

.customer ul li.side-wx{border:1px solid #ddd;border-top:0;border-radius: 0 0 12px 12px}
.customer ul li.side-wx .wxBox{position:relative;padding:20px;box-shadow:0 1px 1px 1px rgba(0,0,0,.075);}
.customer ul li.side-wx .wxBox:after{top:70px;right:-10px;border-left:10px solid #fff;z-index: 3;position: absolute;display: inline-block;border-top:10px solid transparent;border-bottom: 10px solid transparent;content: '';}
.customer ul li.side-wx .wxBox:before{top:68px;right:-12px;border-left:12px solid #E2E2D2;z-index: 2;position: absolute;display: inline-block;border-top:12px solid transparent;border-bottom: 12px solid transparent;content: '';}

.customer ul li.side-wx .wxBox.son{left:-402px;top:-60px;width:390px;padding:20px;display:none;position:absolute;}
.customer ul li.side-wx .wxBox .media.media-x img{max-width: 120px}
.customer ul li.side-wx .wxBox p{color:#878787;font-size:14px;font-weight: 400}

.customer ul li.side-kf{border:0 solid #ddd;border-radius: 16px;background: #ffe300;cursor:pointer;}
.customer ul li.side-kf .kfbox.son{left:-233px;top:-120px;width:235px;padding:0 15px 0 0;display:none;position:absolute;}
.customer ul li.side-kf .kfbox .kfcon{position:relative;padding:20px;box-shadow:0 5px 10px 3px rgba(0,0,0,.075);}
.customer ul li.side-kf .kfbox .kfcon:after{top:130px;right:-10px;border-left:10px solid #fff;z-index: 3;position: absolute;display: inline-block;border-top:10px solid transparent;border-bottom: 10px solid transparent;content: '';}
.customer ul li.side-kf .kfbox .kfcon:before{top:128px;right:-12px;border-left:12px solid #EFEFEF;z-index: 2;position: absolute;display: inline-block;border-top:12px solid transparent;border-bottom: 12px solid transparent;content: '';}

.customer ul li.side-kf .kfbox .kfcon .media .media-body{padding:0;margin:0px;}
.customer ul li.side-kf .kfbox .kfcon .media.media-y img{max-width: 150px}
.customer ul li.side-kf .kfbox .kfcon p{color:#878787;font-size:14px;font-weight: 400}
.customer ul li.side-kf .kfbox .kfcon hr{background: #EFEFEF;margin:20px 0;}
/*
.customer ul li.gotop{margin-top:10px;border:1px solid #ddd;cursor:pointer;border-radius: 15px;display:none;}
.customer ul li.gotop a:link{display:inline-block;;outline:none;}*/
.customer ul li:hover .son{display:block!important;animation:fadein .3s}
/*客服 end*/

.gotop{position:fixed;_position:absolute;border-radius: 16px; bottom:100px;right:20px;width:40px;height:40px;display:none;}
.gotop a{display:block;outline:none;line-height: 40px;border-radius: 16px;}
.gotop a:hover{background: #878787}

.social-button a{display:inline-block;width:40px;height:40px;line-height:44px;margin-right:20px;border-radius:16px}
.social-button a i{font-size:22px;}
.social-button a.weixin{position:relative}
.social-button a.weixin .wx{display:none}
.social-button a.weixin:hover .wx{position:absolute;display:block;top:-150px;left:-40px;width:120px;height:140px;background:#fff;box-shadow: 0 6px 0 0 #EDF0FC,0 15px 40px -5px rgba(99,107,151,.15);}
.social-button a.weixin .wx:after{position:absolute;bottom:-8px;left:50%;margin-left:-8px;display:inline-block;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;content:''}

.bottom-bar{display: none}

@media screen and (max-width:768px){
	
.container-layout,.container-wrap{max-width:100%}
.container-header{max-width:100%;padding:0 10px;}
.line-large{margin-left:-10px;margin-right:-10px}
.line-large .x1,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .xb1,.line-large .xb10,.line-large .xb11,.line-large .xb12,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xl1,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xm1,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xs1,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9{padding-right:10px;padding-left:10px}

.nav-bread{line-height:50px;height:50px;}

.slides .media-img .zoom-slides{padding-bottom:80%}
.slides .searchbar{width:90%;margin-left:-45%;margin-top:-85px;height:170px;}
.slides .searchbar h2{font-size: 32px;}
.slides .searchbar p{font-size:20px;}
.slides .input {height:50px;}
.slides .button {height:50px;width:20%;}
.main-announcement {padding: 0 15px;line-height:50px;height:52px;}

.sidebar-l{margin-right:0}
.sidebar-r{margin-left:0}

.padding-large{padding:20px}
.padding-large-top{padding-top:20px}
.padding-large-left{padding-left:20px}
.padding-large-right{padding-right:20px}
.padding-big{padding:15px}
.padding-middle{padding:10px}

.blank-small{height:10px;line-height:10px}
.blank-middle{height:20px;line-height:20px}
.blank-big{height:20px;line-height:20px}
.blank-large{height:20px;line-height:20px}
.button-big{padding:8px 20px}
.button-large{padding:10px 25px;margin:10px 0}
.text-large{font-size:20px}

.title-block-style1 h2{font-size:24px;}
.title-block-style1 h3{font-size:20px;}
.title-block-style1 h4{font-size:18px;}
.title-block-style1 h5{font-size:16px;}
.title-block-style2 h2{font-size:24px;}
.title-block-style2 h3{font-size:22px;}
.title-block-style2 h4{font-size:18px;}

.channel-head .ideatitle{width:95%;}
.channel-head .ideatitle h1,.channel-head .ideatitle h2,.channel-head .ideatitle strong{font-size:32px;}
.channel-head .ideatitle h1:before,.channel-head .ideatitle h2:before {left:50%;margin-left:-50px;bottom:5px;width:100px;height:20px;}

/*.channel-foot .foottitle{width:90%;padding:50px 0 80px 0;}
.channel-foot .foottitle h2{font-size:32px;}*/

/* 默认箭头 */
.owl-carousel .owl-nav i{font-size:16px;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {width:30px;height:30px;line-height:32px;margin-top:-15px;top:60%;}
.owl-carousel .owl-nav .owl-prev {left:10px;}
.owl-carousel .owl-nav .owl-next {right:10px;}
/* owl-carousel滚动插件 end */

.article .post-title h1{font-size:24px;line-height:36px}
.article .down-title h1{font-size:20px}
.article .post h2{font-size:20px;line-height:26px}
.article .post h3{font-size:18px;line-height:24px}
.article .post img{width:100%}

.nav-button .nav-carousel li a{padding:10px 0;}
.nav-x li a{line-height: 46px;height: 46px;padding:0 5px;}

/* 价格 begin*/
.price-table {padding:30px 20px 20px 20px;margin-top:10px}
.price-table.active{top:0;}

footer{padding:50px 0 30px 0;}
footer ul{padding-left:10px}
footer ul li.block{float:none}
footer ul li.block-1,footer ul li.block-2,footer ul li.block-3,footer ul li.block-4,footer ul li.block-5,footer ul li.block-6{width:100%}
footer .copyright{margin-top:0;padding:20px;font-size:16px;text-align:center}

.dialog .dialog-body{padding:10px 20px 20px 20px;}
.dialog.log{width:100%;}
.dialog.log .dialog-body{padding:0;}

.list-post-x .media .thumb-bd{position:relative;max-width:33%;}
/*移动底部导航 begin*/
.blank-bottom{height:60px;line-height:60px;clear:both; font-size:0;}
.bottom-bar{box-sizing:border-box; -webkit-box-sizing:border-box;display:block;border-top:1px solid #ddd;z-index:3;}
.bottom-menu{height:60px; line-height:60px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.bar-name a{display:block;padding:10px 0 0 0;line-height:24px;font-size:12px;}
.bar-name a i{font-size:22px;display:block;}
/*移动底部导航 end*/
}