@font-face{font-family: "Bebas";src: url("../font/BEBAS___-webfont.woff.ttf") format('opentype');font-weight: normal;font-style: normal
}
@font-face{font-family:Techna;src:url(../font/Montserrat.woff2) format('opentype');font-weight:400;font-style:normal;}
body{font-family:"Microsoft Yahei",Arial, Helvetica,STHeiti;height: 100%;color:#333;position: relative;}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
::-webkit-selection {color:#fff;background:#136fd5;}
::-moz-selection {color:#fff;background:#136fd5;}
::selection {color:#fff;background:#136fd5;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#333;text-decoration:none}
a:focus,a:hover {color:#333;transition:none}
input:focus,textarea:focus{outline:1px solid #D60050;}
a.text-gray:hover{color:#666}

p{margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
.text-bold{font-weight: 600}
.fixed {z-index:9999;}
.bg-gray{background:#F5F6F7}
.ph{transform:scale(1);-webkit-transition:.3s;transition:.3s;padding-bottom:50%;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;text-indent:-3000px}
.more a.button{border:1px solid #ccc;padding:10px 35px;}
.more a.button:hover{border:1px solid #666;color:#000;}
.Bebas{font-family: 'Bebas';}
.Techna{font-family:"Techna";letter-spacing:1px}/*数字字体*/
/* owl-carousel滚动插件*/
/* 默认圆点 */
.owl-carousel .owl-dots {position:absolute;top:50%;padding:0;text-align:left;-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:8px;height:8px;margin:0 5px;border-radius:50%;background:#999;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;}
.owl-carousel .owl-dots .owl-dot.active span {background:#333;border-color:#006FCD;width:15px;border-radius:10px;}
/* 默认箭头 */
.owl-carousel .owl-nav i{font-size:18px;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {background:transparent;opacity:0;width:36px;height:36px;line-height:40px;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;color:#fff;}
.owl-carousel .owl-nav .owl-next {right:20px;color:#fff;}
/* owl-carousel滚动插件 end */

@keyframes fadein{from{opacity:0}to{opacity:1}}

/* 视频广告videbacking */
.video-back{position:relative;min-height: calc(100vh - 0px);}
.video-back:after{z-index:0;position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
/*.video-back:hover:after{background-color:rgba(0,0,0,0.15);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}*/

/* 视频广告videbacking */
/*轮换广告*/
.swiper-slide{position:absolute;top:50%;left:50%;width:680px;height:160px;margin-left:-340px;margin-top:-80px;}
.swiper-slide .videoslides .title strong{font-size:60px;margin:0 0 20px 0;display: inline-block; letter-spacing:-1px}
.swiper-slide .videoslides .title p{font-size:32px;opacity:1;line-height: 48px}
.swiper-slide .videoslides.owl-carousel .owl-item img{width:260px;margin:0 auto;}

.heart-slide {padding-top:50%;}
.heart-slide .heartslides{background: rgba(255,255,255,.7);}
.heart-slide .heartslides .title{padding:30px;}
.heart-slide .heartslides .title strong{font-size:24px;margin-bottom:20px;display: inline-block;}
.heart-slide .heartslides .title p{font-size:16px;line-height: 32px}

.shop-index .media {-webkit-transition:.3s;transition:.3s;padding:10px}
.shop-index .media:hover {box-shadow:0 5px 20px 5px rgba(0,0,0,.05);-webkit-transition:.3s;transition:.3s;}
.shop-index .media-body {padding:0 10px}
.shop-index .media-body h2{margin:20px 0 50px 0;}
.shop-index .media-body h2 a {font-size:16px;}
.shop-index .media-body p {color:#666;line-height:26px;font-size:14px}
.shop-index .button {margin-top:20px;height:38px;width:100px;line-height:20px;background:#F9F9F9;color:#666;border:1px solid #eee}
.shop-index .media:hover .button {background:#2684FE;color:#FFF;border:1px solid #2684FE}
.shop-index .media:hover .media-body h2 a {color:#7DD150;}
.shop-index .media:hover .media-body p {color:#666}
.shop-index .owl-dots{position:relative;top:20px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%}
.shop-index .owl-dots .owl-dot span {background:#999;border:0;}
/* service */

.list-post-x dl{margin-bottom:40px;}
.list-post-x dl dt {display:block;width:40%;font-weight:normal;position:relative;}
.list-post-x dl dt .content strong{font-size:32px;display: block;}
.list-post-x dl dt .content p{margin-bottom: 10px;line-height:28px;font-size: 16px}
.list-post-x dl dt .content ul li{padding:0 0 5px 15px;line-height:28px;position:relative;font-size:16px}
.list-post-x dl dt .content ul li p{line-height:28px}
.list-post-x dl dt .content ul li:before{content:'';position:absolute;top:11px;left:0;background:#333;width:6px;height:6px;border-radius:50%}

.list-post-x dl dd {display:block;width:60%;padding:50px 0;}

.list-post-x dl:nth-child(2n+1){background: -webkit-linear-gradient(left, #F5F6F7 58.5%, #fff 58.5%);
background: linear-gradient(to right, #F5F6F7 58.5%, #fff 58.5%);}
.list-post-x dl:nth-child(2n+0){background: -webkit-linear-gradient(right, #F5F6F7 58.5%, #fff 58.5%);
background: linear-gradient(to left, #F5F6F7 58.5%, #fff 58.5%);}

.list-post-x dl:nth-child(2n+0) dt {float:right;}
.list-post-x dl:nth-child(2n+0) dt .content{padding:50px 0px 50px 80px;}
.list-post-x dl:nth-child(2n+1) dt {float:left}
.list-post-x dl:nth-child(2n+1) dt .content{padding:50px 80px 50px 0;}
.list-post-x dl:nth-child(2n+0) dd {float:left}
.list-post-x dl:nth-child(2n+1) dd {float:right}

/* service */
.slides .media-img{position:relative;overflow:hidden}
/*.slides .media-img .post-link{background:rgba(0,0,0,0);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:.5s;text-indent:-3000px}*/
.slides .media-img .zoom-banner{transition:.5s;min-height: calc(100vh - 0px);display:block;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.slides .media-img .heart_title{position:absolute;top:200px;right: 0;}/* 广告图的字要居中就将这个加入 text-align:center */
.slides .media-img .heart_title h2{font-size:48px;margin-bottom:40px;margin-top:10px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.3);letter-spacing:1px}
.slides .media-img .heart_title h3 {letter-spacing:1px;font-size:24px;font-weight:300;margin: 0;position:relative;opacity:0.9;}
.slides .media-img .heart_title p{font-size:18px;line-height:32px;color:#fff;opacity:0.9;}
.slides .media-img .heart_title i{font-size:22px;color:#fff}
.slides-arrow .owl-nav i{font-size:36px;}
.slides-arrow:hover .owl-nav .owl-next,.slides-arrow:hover .owl-nav .owl-prev{opacity:1;color:#fff;}
.slides-arrow.dot-center .owl-dots{position:relative;top:-30px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%}

.tab-project-home .media-img {position:relative;overflow:hidden;margin-bottom:20px}
.tab-project-home .media-img .ph{transition:.3s;padding-bottom:67%;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;text-indent: -3000px}
.tab-project-home .media-img .ph-small{transition:.3s;padding-bottom:32.8%;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;text-indent: -3000px}
.tab-project-home .media-img:hover .ph,.tab-project-home .media-img:hover .ph150{transform:scale(1.1);-webkit-transition:.3s;transition:.3s}
.tab-project-home .media-img:after {background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.75) 100%);position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.3s;}
.tab-project-home .media-img:hover:after {background:rgba(0,0,0,0.6);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.tab-project-home .media-img .post-link {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)}
.tab-project-home .media-img .tit {bottom:20px;left:0;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.3s;padding:0 20px;}
.tab-project-home .media-img:hover .tit {bottom:40px;}
.tab-project-home .media-img .tit strong a {display:block;}
.tab-project-home .media-img span{display: inline-block;}

/* 行距 begin*/
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:110px;line-height:110px;clear:both;font-size:0}
/* 行距 end*/

.container-wrap{max-width:1000px;margin:0 auto;display:block;padding:0 10px}
.container-wrap:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.container-layout{max-width:85%;}
.line-large {margin-left:-15px;margin-right:-15px}
.line-large .x1,.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 .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.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 .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.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 .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.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 .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}

/*弹出层*/
.dialog {width:100%;border:0;margin:0 auto;box-shadow:0 5px 15px rgba(99,107,151,0.1);position:relative;border-radius:10px;overflow:hidden}
.dialog .dialog-head{padding:20px 30px 0 30px;border-bottom: 0 solid #ebebeb;background-color: #FFF;border-radius:10px 10px 0 0;}
.dialog .dialog-head strong{font-size:16px;font-weight: 400;}

.dialog .close{position:absolute;font-size:32px;right:25px;top:15px;color:#999;z-index:9}
.dialog .close:hover{color:#136fd5}
.dialog .dialog-body{padding:25px 30px 20px 30px;}
.dialog .dialog-body ul{margin:0 -10px;}
.dialog .dialog-body ul li {position:relative;display: block;width:33.33333%;float:left;}
.dialog .dialog-body ul li .item{margin:10px;}
.dialog .dialog-body .content strong{font-size:18px;display: block;margin: 15px 0 5px 0;color:#333;}
.dialog .dialog-body .content p{line-height: 28px;font-size: 16px;font-weight: 400;margin-bottom: 10px}
.dialog .dialog-title{padding:30px;}
.dialog .dialog-title ol li {position:relative;display: block;width:25%;float:left;}
.dialog .dialog-title ol li .item{margin:10px;}

/*关于我们==============*/
/* 滚动资质 */
.honour .media {-webkit-transition:.3s;transition:.3s;}
.honour .media .ph{border:6px solid #8C211E;padding-bottom:139%;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;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.honour .media .honour{border:6px solid #8C211E;padding-bottom:70%;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;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.honour .media-body {text-align:center;padding:10px}
.honour .media-body h2 a {line-height:24px;font-size:16px;color:# ;}
.honour .media:hover .media-body h2 a {color:#136fd5;}
.honour .media:hover .media-body p {color:#666}
.honour .owl-nav .owl-prev,.honour .owl-nav .owl-next {background:#999;opacity: .8;}
.honour:hover .owl-nav .owl-prev,.honour:hover .owl-nav .owl-next {background:#666;opacity: 1;}
.honour .owl-nav .owl-prev {left:-20px;}
.honour .owl-nav .owl-next {right:-20px;}
/* 滚动资质 end*/

/*关于我们*/
/*单页*/
.about{background-image:url(../images/worldmap.jpg);background-repeat:no-repeat;background-position:center bottom;}
.about .content{padding:50px;}
.about .content h2{font-size:32px;display: block;margin-bottom: 20px;font-weight: 600}
.about .content strong{font-size:20px;display: block;margin: 15px 0 5px 0}
.about .content p{line-height: 28px;font-size: 16px;font-weight: 400;margin-bottom: 10px}
.about ul.list-paddingleft-2 {padding:0}
.about ul li {padding:0 0 5px 20px;position:relative;font-size:16px;}
.about ul li p {line-height:24px;margin-bottom:5px}
.about ul li:before {content:'';position:absolute;top:9px;left:0px;background:#136fd5;width:7px;height:7px;border-radius:50%;}
/*单页*/

.advantage {position:relative;}
.advantage .ph{padding-bottom:40%;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;transition:.5s;}
.advantage .tit{background: rgba(0,0,0,.6);position: absolute;padding:25px 30px 30px 30px;right:30px;top:30px;bottom:50px;width:35%;z-index: 1;}
.advantage .tit p,.advantage .team p{line-height: 32px;font-size: 16px}
.advantage .tit h2{font-size:24px;font-weight:600;display: block;margin-bottom: 10px}
.advantage .owl-dots {position:relative;top:20px;text-align:center;display:inline-block;width:100%;}

.history-banner {position:relative;background-repeat:no-repeat;background-position:center 50%;background-size:cover;margin:0;padding:0;}
/*.channel-banner:before {content:'';display:block;position:absolute;background:#000;opacity:.1;width:100%;height:100%;bottom:0px;left:0;right:0;right:0}*/
.history{position:relative;}
.history .item{margin-bottom: 20px}
.history:after{position:absolute; content:"";background-color:#666;height:2px; width:100%;left:0;right:0;top:68px;z-index: -1}

.history .item .titime{position: relative;}
.history .item .titime h2{font-family: "Bebas";font-size:36px;display: inline-block;padding:5px 0;}
.history .item .titime h2:after{bottom:-29px;position:absolute; content:""; border:2px solid #666; background: #666;height:12px; width:12px;border-radius:50%;z-index: 3;left:0;right:0;text-align:center; margin:0 auto;transition:all .3s;}
.history .item .titime h2:before{bottom:-33px;position:absolute; content:""; border:2px solid #ccc; background: #ccc;height:20px; width:20px;border-radius:50%;z-index: 2;left:0;right:0;text-align:center; margin:0 auto;transition:all .3s;}

.history .item .hiscon{position:relative;margin-top:60px;font-size:16px;padding:0 10px;height: auto;transition:all .3s;}
/*.history .item .hiscon:after{position:absolute;top:-10px;left:50%;margin-left:-10px;display:inline-block;border-left:10px solid transparent;border-bottom:10px solid #fff;border-right:10px solid transparent;content:''}*/
/*.history .item:hover .hiscon{position:relative;box-shadow: 0px 10px 25px 0 rgba(0, 0, 0, 0.1);-webkit-transition:0.5s;-o-transition:0.5s;transition:all .3s;}*/
/*.history .item:hover .titime h2:after{position:absolute; content:""; height:16px; width:16px;transition:all .3s;}*/
.history .item .hiscon ul li{padding:0 0 5px 15px;line-height:24px;position:relative;}
.history .item .hiscon ul li p,.history .item .hiscon p{line-height:24px;font-size:16px;}
.history .item .hiscon ul li:before{content:'';position:absolute;top:9px;left:0;background:#333;width:6px;height:6px;border-radius:50%}

.history .owl-nav .owl-prev,.history .owl-nav .owl-next {background:#999;opacity:1;top:67px;}
.history:hover .owl-nav .owl-prev,.history:hover .owl-nav .owl-next {background:#666;opacity:1;}
.history .owl-nav .owl-prev {left:-20px;right:auto;}
.history .owl-nav .owl-next {right:-20px;}

/* 新闻列表 */
.excerpt-3 .media {-webkit-transition:.3s;transition:.3s;margin-bottom:30px;position:relative;}
.excerpt-3 .media .ph{padding-bottom:63%;transform:scale(1);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;}
.excerpt-3 .media-body {text-align:left;margin:0;}
.excerpt-3 .media-body strong {height:58px;margin:30px 0 10px 0;overflow:hidden;display: block;}
.excerpt-3 .media-body strong a{font-size: 20px;font-weight: 400}
.excerpt-3 .media-body h2 {margin:20px;overflow:hidden;display: block;font-size: 16px;}
.excerpt-3 .media:hover .media-body strong a{color:#000;}
.excerpt-3 .media:hover .ph{transform:scale(1.02);-webkit-transition:.3s;transition:.3s;}
.excerpt-3 .media:hover{box-shadow:0 5px 20px 0 rgba(0,0,0,.1);-webkit-transition:.3s;transition:.3s;}
/*左文右图*/

/* =====================详情页begin===================== */

/* 内容 begin */
.article{overflow:hidden}
.article .margin-right{margin-right:30px}
.article .padding-large{padding:10px 40px 0 40px}
.article .post h1{font-size:28px;font-weight:600;line-height:36px;}
.article .post h2{font-size:22px;font-weight:600;margin:10px 0}
.article .post h3{font-size:18px;font-weight:600;margin:10px 0}
.article .post hr{margin:10px 0;height:1px;background: #EBEBEB}
.article .post strong{font-size:16px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:16px;line-height:28px;margin-bottom:10px}
.article .post img{max-width:100%;margin:0 auto;}
.article .post a{text-decoration:none;}
.article .post a:hover{border-bottom:1 solid #e7161a}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0 0 5px 20px;line-height:28px;position:relative;font-size:16px}
.article .post ul li p{line-height:28px}
.article .post ul li:before{content:'';position:absolute;top:12px;left:0;background:#136fd5;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:#999}
.article .prenext a{border-bottom:0;color:#666}
/* 内容 end */

/* =====================详情页END===================== */

/*面包*/
.nav-bread {height:60px;line-height:60px;font-size:0}
.nav-bread i{font-size:16px;}
.nav-bread h2{font-size:24px;font-weight:600}
.nav-bread a{color:#999;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#136fd5}
.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:none;}
/*面包*/

/*分页 begin*/
.pagination li {display:inline-block;border-radius:5px;border:0;}
.pagination li i{font-weight:600;} 
.pagination li a,.pagination li span{border-radius:5px;color:#666;background:#fff;padding:12px 17px;display:block;margin:5px;font-size:16px;}
.pagination li a:hover,.pagination li.active a,.pagination li .current{background: linear-gradient( 135deg,#49BBD6 0%, #136fd5 100%);color:#fff;}
/*分页 end*/

/* 标题样式-居中 */
.title{overflow: hidden}
.title-t,.title-c{line-height:54px;}
.title-t h2,.title-c h2{position:relative;font-size:18px;font-weight:600;text-indent:20px}
/*.title-c h2:before{background:#D90F11;content:'';display:block;position:absolute;width:30px;height:5px;bottom:-10px;left:50%;margin-left:-15px;}*/
.title-h h2{position:relative;font-size:32px;font-weight:600;display: block;}
.title-h p{}
.title-b h2{position:relative;font-size:24px;font-weight:600;text-indent:30px;line-height:60px;height:60px;border-bottom:1px solid #eee;}
.title-b h2:before{background:#136fd5;content:'';display:block;position:absolute;width:50px;height:2px;bottom:-2px;left:30px;}

/* 横向分类 */
.nav-x-line{position:relative;height:20px;line-height:20px;margin-bottom: 20px}
.nav-x-line ul{padding:0; margin:0;font-size:0;-webkit-text-size-adjust:none;}
.nav-x-line li{display:inline-block;position:relative}
.nav-x-line li:before {content:'';position:absolute;height:16px;top:4px;right:0;background:#ccc;width:1px;}
.nav-x-line li a{margin:0 20px;position:relative;color: #333;text-align:center;display:block;font-size: 16px;}
.nav-x-line li:last-child:before{width:0}
.nav-x-line li a:hover,.nav-x-line li.active a{color:#000;font-weight: 400}
.nav-x-line li .line {position: absolute;bottom:-6px;left:20px;right:20px;overflow: hidden;}
.nav-x-line li .line span {float:right;width:0;height:2px;background: #fff;transition: .5s ease-in-out;}
.nav-x-line li.active span{background: #000;width:100%;}
.nav-x-line li:hover .line span {background: #000;width:100%;transition: .5s ease-in-out;}

/* 纯文字列表  begin*/
.list-post-box{border-left:1px solid #eee;padding-left:40px;}
.list-post-text li {padding:5px 0;}
.list-post-text li a{display:inline-block;}
.list-post-text li.dot a{padding-left:15px;position:relative}
.list-post-text li.dot a:hover{color:#136fd5;}
.list-post-text li.dot:hover a:before {background:#136fd5;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:8px;border-radius:50%}
/* 纯文字列表  end*/

.channel-banner {position:relative;background-repeat:no-repeat;background-position:center 50%;background-size:cover;margin:0;padding:0;}
/*.channel-banner:before {content:'';display:block;position:absolute;background:#000;opacity:.1;width:100%;height:100%;bottom:0px;left:0;right:0;right:0}*/
.channel-banner .banner-info{padding-top: 80px;padding-bottom: 10px}
.channel-banner .banner-info strong{font-size:20px;margin-bottom:0;margin-top: 20px;position:relative;display: inline-block;}
.channel-banner .banner-info p{font-size:16px;line-height: 32px}

footer{padding:60px 0 0 0;background-color:#333;}
footer h3{font-size:18px;margin-bottom:20px;font-weight:600}
footer ul li.block{float:left}
footer ul li.block-0{width:38%;}
footer ul li.block-0 .padding-right{padding-right:20px;;}
footer ul li.block-1{width:16%}
footer ul li.block-2{width:19%}
footer ul li.block-3{width:16%;}
footer ul li.block-4{width:11%;}
/*footer ul li.block-4{width:10%;}*/
footer ul li ul li a{line-height:36px;}
footer ul li ul li.row a{line-height:36px;width:40%;float:left;}
footer ul li ul li a:hover{color:#fff}

footer .contact .media {margin:0 0 15px 0;}
footer .contact .media span{height:28px;}
footer .contact .media i{line-height:28px;font-size:18px;}
footer .contact .media .media-body a,footer .contact .media .media-body{padding:0;margin:0;}
footer .contact .media .media-body .text-large{font-size:24px;padding-top:5px;}
footer .contact .media .media-body p em{display: inline-block;margin:0 5px;}
footer .copyright{margin:30px 0 0 0 ;line-height:80px;border-top:1px solid #444;}
footer .copyright a{color:#999}
footer .qrimg{display: block;color:#fff;}

.bottom-bar{display:none;z-index:999;}
@media screen and (max-width:1400px){
.advantage .tit{width:55%;}
.advantage .ph{padding-bottom:45%;}
.heart-slide {padding-top:30%;}

}
@media screen and (max-width:768px){
.blank-small,.blank-middle{height:10px;line-height:10px}
.blank-big{height:20px;line-height:20px}
.blank-large{height:80px;line-height:80px}
.padding-large{padding:20px}
.container-layout{max-width:100%;}
.line-big{margin-left:-5px;margin-right:-5px}
.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.line-large {margin-left:-5px;margin-right:-5px}
.line-large .x1,.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 .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.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 .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.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 .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.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 .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.swiper-slide .videoslides .title strong{font-size:36px;}
.swiper-slide .videoslides .title p{font-size:24px;line-height: 36px}
.side-l{width:100%;float:none}
.side-r{width:100%;float:none}
.side-r .padding{padding:0}
.side-r .margin-left{margin-left:0}

.tab-project-home .media-img{margin-bottom:10px} 
.tab-project-home .media-img .tit {bottom:10px;padding:0 10px;}
.tab-project-home .media-img:hover .tit {bottom:20px;}
.tab-project-home .media-img .ph150{padding-bottom:67%;}

/* 默认箭头 */
.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;}
.owl-carousel .owl-nav .owl-prev {left:10px;}
.owl-carousel .owl-nav .owl-next {right:10px;}
/* owl-carousel滚动插件 end */

.carousel-project .owl-dots {top:10px;}

.list-post-x dl dt,.list-post-x dl dd {width:100%;padding:0;}
.list-post-x dl dt .content strong{font-size:24px;}
.list-post-x dl:nth-child(2n+0) dt {float:none;}
.list-post-x dl:nth-child(2n+0) dt .content{padding:0px;}
.list-post-x dl:nth-child(2n+1) dt {float:none}
.list-post-x dl:nth-child(2n+1) dt .content{padding:0;}
.list-post-x dl:nth-child(2n+0) dd {float:none}
.list-post-x dl:nth-child(2n+1) dd {float:none}
.list-post-x dl:nth-child(2n+1){background:none}
.list-post-x dl:nth-child(2n+0){background:none;}


/* style3 */
.excerpt-3 .media {margin-bottom:10px;}
.excerpt-3 .media-body {padding:0 10px 10px 10px}
.excerpt-3 .media-body strong{margin:10px 0 0 0;height: 60px;}
.excerpt-3 .media-body strong a{font-size:16px;}

.nav-x-line{background: none}
.nav-x-line .nav-split li:last-child {border-right-width:0}
.nav-x-line .nav{position:relative;border-radius:5px;box-shadow:0 15px 36px -12px rgba(0,0,0,.3);padding:10px 0;margin:0;background: #fff}
.nav-x-line .nav:after{position: absolute;top:-8px;left:35px;display:inline-block;border-right:10px solid transparent;border-bottom:10px solid #FFF;border-left:10px solid transparent;content: ''; }
.nav-x-line .nav li a{color:#666;text-align:left;height:56px;line-height:56px;padding-left:20px;border-bottom:0 solid #EEEBEA}
.nav-x-line .nav li a:hover{color:#0000ff;}
.nav-x-line .nav li.active a{color:#136fd5;}
.nav-x-line .nav li ul{border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;min-width:100%;}
.nav-x-line .nav li ul li a {background:#136fd5;}
.nav-x-line .button{padding:0 20px;height:56px;line-height:56px;border-radius:5px;margin-top:20px; background:#fff;border:0;position: relative;color:#666; font-size:16px; text-align:center;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);}
.nav-x-line .button.bg-white:focus,.nav-x-button .button.bg-white:hover,.nav-x-button .button.border-white:focus,.nav-x-button .button.border-white:hover{color:#666;border-color:#fff;background-color:#fff}

.nav-x .nav li a{height:50px;line-height:50px;}
.nav-x .nav li ul{padding:0;top:100%;border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;min-width:100%;}
.nav-x .nav li ul li a {font-size:15px;background:#FFF;width:100%;height:36px;line-height:36px;color:#666;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-x .button {background:#FFF;border:1px solid #f7f7f7;border-radius:5px;padding:15px 20px;margin:20px 0;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);}
.nav-x .button.border-white:hover, .nav-x .button.border-white:focus, .nav-x .button.bg-white:hover, .nav-x .button.bg-white:focus{color: #791D35;border-color: #FFF;background-color: #FFF;}

.article .padding-large{padding:20px}
.article .margin-right{margin:0;}
.article .post h1{font-size:24px;}
.article .post h2{font-size:20px;}
.article .post h3{font-size:18px;}

.about .content{padding:20px;}
.about .content h2{font-size:24px;}
.about .content strong{font-size:18px;margin: 10px 0}

.history .item{padding:10px 0px;}
.history .item .titime h2{font-family: "Bebas";font-size:36px;display: inline-block;padding:5px 0;}
.history .item .titime h2:after{bottom:-18px;}
.history .item .titime h2:before{bottom:-22px;}
.history .item .hiscon{margin-top:50px;height: 200px;padding:20px;border-radius:20px;transition:all .3s;}
.history .owl-nav .owl-prev {left:0px;}
.history .owl-nav .owl-next {right:0px;}

/* 标题样式 */
.title-h h2{font-size:24px;}
.title-t,.title-c{font-size:16px;}

.channel-banner {height:auto;padding-bottom: 20px}
.channel-banner .banner-info{padding-top: 60px}
.channel-banner .banner-info strong{font-size:32px;margin-top:100px;}

footer{padding:0;background:#fff url(../images/bg_footer.png) no-repeat 0 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:0 -10px;line-height:24px;border-top:0px solid #136fd5;text-align: center;padding:20px 0;background: #333}
.customer{width:30px;right:10px;top:48%;}
.customer ul li i{font-size:20px;}

/*移动底部导航 begin*/
.blank-bottom{height:56px;line-height:56px;clear:both; font-size:0;}
.bottom-bar{box-sizing:border-box;display:block;}
.bottom-menu{height:56px; line-height:56px; border-right:1px solid #444;}
.bottom-menu:last-child{border-right:none;}
.bar-name a{display:block;padding:8px 0 0 0;line-height:20px;font-size:15px;}
.bar-name a i{font-size:18px;display:block;margin-bottom:2px}
.bottom-menu-sub .arrow{width:0px;height:0px;position:absolute;left:50%;margin-left:-10px;bottom:-9px;border-top:10px solid #EEEEEE;border-left:10px solid transparent;border-right:10px solid transparent;z-index:10;}
.bottom-menu-sub .downward{width:0px;height:0px;position:absolute;left:50%;margin-left:-9px;bottom:-8px;border-top:9px solid #FFF;border-left:9px solid transparent;border-right:9px solid transparent;z-index:11;}
/*移动底部导航 end*/
}