body,html{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;font-family: Microsoft YaHei;}



.layui-container{padding:0px;}

a,body{font-size: 16px;}

.myhide{display: none;}

.fleft{float: left;}

.fright{float:right;}



/*删格化5等份*/

.layui-col-lg2-4,.layui-col-md2-4,.layui-col-sm2-4,.layui-col-xs2-4{position:relative;display:block;box-sizing:border-box}

.layui-col-xs2-4{float:left}

.layui-col-xs2-4{width:19.9999992%}

.layui-col-xs-offset2-4{margin-left:19.9999992%}

@media screen and (min-width:768px){

    .layui-col-sm2-4{float:left}

    .layui-col-sm2-4{width:19.9999992%}

    .layui-col-sm-offset2-4{margin-left:19.9999992%}

}

@media screen and (min-width:992px){

    .layui-col-md2-4{float:left}

    .layui-col-md2-4{width:19.9999992%}

    .layui-col-md-offset2-4{margin-left:19.9999992%}

}

@media screen and (min-width:1200px){

    .layui-col-lg2-4{float:left}

    .layui-col-lg2-4{width:19.9999992%}

    .layui-col-lg-offset2-4{margin-left:19.9999992%}

}







/*header*/

.top{height: 50px; line-height: 50px; background-color:#f6f6f6; color: #6c6c6c; overflow: hidden;}

.top .right{float: right;}

.top .left{float: left;}

.top .right a{padding:0px 8px; border-right: 1px solid #6c6c6c;}

.top .right a:last-child{border: 0px;}

.top a{color: #6c6c6c;}



.header{height: 150px; background-color: #fff; }

.header .logo{float: left; margin-top: 40px;}

.red1{color: #d30000;}

.header .logo h1{font-size: 35px; font-weight: bold;}

.header .logo a:hover h1{color: #000;}

.header .logo .desc{font-size: 17px; letter-spacing: 0.5px;}

.header .tel{float: right; margin-top: 50px; background: url(../images/tel.gif) left top no-repeat;}

.header .tel p{margin-left: 50px;}

.header .tel .txt{font-size: 14px;}

.header .tel .num{color:#e00000;font-size: 25px;font-weight: bold;}



/*导航*/

.navbar{background-color: #004fc6;}

.navcon{position: relative; height: 60px;color: #fff;}

.navcon .layui-nav{background-color: #004fc6;padding: 0px;}

.navcon .layui-nav .layui-nav-item{min-width:130px; text-align: center;}

.navcon .layui-nav .layui-nav-item a{color: #fff;font-size: 18px;}

.navcon .layui-nav .layui-nav-item:hover{background-color:#e88300;}

.navcon .layui-nav .layui-nav-bar{display: none;}

.navcon .layui-nav-child{top: 60px; background-color: #f1f1f1;padding: 0px;}

.navcon .layui-nav .layui-nav-child dd{border-bottom:1px solid #d2d2d2; height: 60px; line-height: 60px;}

.navcon .layui-nav .layui-nav-child a {color:#333; background-color: #f1f1f1;}

.navcon .layui-nav .layui-nav-child a:hover{background-color: #004fc6;color: #fff;}



/*轮播*/

.banner{position: relative;}

.index-banner{overflow: hidden;}

.swiper-index{height: 600px;overflow: hidden;}

.swiper-index img{width: 100%; height: 100%;}

.index-banner p.btitle{position: relative;text-indent: 2em; z-index: 55;height: 30px;line-height: 30px;bottom: 30px;color: #fff;background: rgba(0,0,0,0.7);}

.index-banner .swiper-pagination{line-height: 30px;bottom: 0px!important;right: 50px;}

.swiper-pagination-bullet {

    margin: 0 5px;

    border: 3px solid #fff;

    background-color: #d5d5d5;

    width: 10px;

    height: 10px;

    opacity: 1;

}



/*搜索*/

.search{height:120px; border-bottom: 1px solid #eee; }

.search .txt{color:#004fc6; font-size:20px;text-align: center; margin-top: 30px;}

.search .sform{ height: 40px; margin-top: 40px;}

.search .sbtn{float:right; border-radius: 0px; height: 40px; border: 0px; background-color:#004fc6;text-align: center; padding: 0px 20px; line-height: 40px; color: #fff;}

.search .keyword{float:left; height: 38px; width: 260px; line-height: 40px; border: 1px solid #bbbbbb; text-indent: 35px; background: url(../images/search.jpg) left center no-repeat;}



/*标题a*/

.wraphead{padding: 50px 0px; text-align: center;}

.wraphead h2{font-weight: bold;color: #004fc6; font-size: 35px; position: relative;}

.wraphead h2 .line{width:100px;height: 2px; background-color: #004fc6;display: block; position: absolute; left: 50%; margin-left: -50px; bottom: -15px;}

.wraphead .desc{margin-top: 30px;color:#7f7f7f;}





.index-product .cats .up{background-color: #004fc6; line-height: 80px; text-align: center;color: #fff; font-size: 25px;}

.index-product .cats .down{background-color: #e88e00; line-height: 100px; text-align: center; color: #fff; font-size: 38px;}

.index-product .cats ul li{background-color: #f2f2f2; line-height: 50px; text-indent: 25px; border-bottom: 1px solid #d7d7d7; font-size: 18px; position: relative;}

.index-product .cats ul li:after {

    content: "";

    border-color: transparent #d7d7d7;

    border-style: solid;

    border-width: 8px 0 8px 8px;

    display: block;

    height: 0;

    width: 0;

    right: 20px;

    top: 18px;

    position: absolute;

}

.index-product .cats ul li:hover:after, .index-product .cats ul li.active{border-color: transparent #004fc6; color:#004fc6;}

.index-product .cats ul li:hover{cursor: pointer;color:#004fc6;}

.index-product .catinfo{background-color: #f9f9f9;}

.index-product .catinfo .title{padding: 20px; border-bottom:1px solid #dbdbdb; color: #004fc6; font-size: 30px;}

.index-product .catinfo .info{padding: 20px; font-size: 18px; line-height: 30px;color: #4f4f4f;}

.index-product .items{margin-top: 20px;}

.index-product .items .item{text-align: center;}

.index-product .items .item img{max-width: 100%; }

.index-product .items .item h3{line-height: 65px;}





.index-tabs .tabs{overflow: hidden;}

.index-tabs .tabs .tabitem{position: relative;opacity: 1; transition: all 6.3s;}

.index-tabs .tabs .tabitem{position: relative;opacity: 0.1; transition: all 0.3s;left:100%;}

.index-tabs .tabs .active{left: 0px; opacity: 1;}

.index-tabs .tab-title li:hover{cursor: pointer;}

.index-tabs .tab-title li{padding:0px 30px;line-height:40px;display: inline-block;background-color: #fbfbfb;border: 1px solid #d5d5d5; margin-right: 15px; transition: all 0.3s;}

.index-tabs .tab-title li.active{background-color:#0275df;color:#fff;}



.index-case{padding: 50px 0px;}

.case-items .item{box-shadow: 0 6px 6px 0px rgba(0, 0, 0, .05);

    -webkit-transition: ease-out 0.5s all;

    -o-transition: ease-out 0.5s all;

    transition: ease-out 0.5s all;}

.case-items .item img{ width: 100%;}

.case-items .item h3{line-height: 50px;  padding:10px 10px 20px 10px; position: relative;}



.case-items h3 .line{

    display: block;

    width: 30px;

    position: absolute;

    bottom: 20px;

    height: 1px;

    background: #ddd;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.case-items h3 .more1{

  float: right;

  width: 32px;

  height: 7px;

  background: url('../images/more.png') no-repeat center;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  margin-top: 32px;

}









.plus{position: relative; width: 20px; height: 20px; display: inline-block; position: relative; top: 2px; font-size: 20px; line-height: 20px; text-align: center;}

.index-about{height: 860px; background: url(../images/about-bg.jpg) center top no-repeat;}

.index-about .wraphead h2{ color: #fff;}

.index-about .wraphead h2 .line{ background-color: #fff;}

.index-about .main{padding: 60px 30px; background-color:#fff;}

.index-about .main .cover{width: 570px; /*height: 420px;*/ float: left; margin-right: 20px; max-width: 100%; text-align: center;}

.index-about .main .cover img{width: 100%; max-height: 100%;max-width: 100%;}

.index-about .main .content{width: 650px; float: left; position: relative; height: 100%; max-width: 100%;}

.index-about .main .content .title{background-color: #004fc6; color: #fff; line-height: 60px; width: 70%; text-align: center; font-size: 20px; position: relative;}

.index-about .main .content .title .txt{display: inline-block;z-index:2; padding:0px 20px; background-color: #004fc6;position: relative;}

.index-about .main .content .title .line{display:block;height:1px;background:#fff;position:absolute;top:30px; left:10%; width:80%;}

.index-about .main .content .desc{line-height: 30px; margin-top: 20px; /*max-height: 340px;*/padding-bottom: 50px;}

.index-about .main .content .more{padding:12px 30px;border: 1px solid #c5c5c5; color: #004fc6; position: absolute; bottom: 0px; right: 0px;}

.index-about .main .content .more:hover{background-color: #004fc6; color: #fff;}





.inner-banner{height:400px; overflow: hidden;}

.inner-banner .main,.inner-banner .layui-container{position: relative;height: 100%;}

.inner-banner .bg{position: absolute;z-index:1;margin-left: -960px;left: 50%;}

.inner-banner .txt{font-size: 35px;color: #db8203;position: absolute; z-index:2; top:50%; margin-top:-25px;}





/*服务*/

.index-service{padding: 80px 0px;}

.index-service .item-row{margin-bottom: 50px;}

.index-service .item-row .cover img{width: 550px; /*height:330px;*/ max-width: 100%;}

.index-service .item-row .sub{width: 100%; overflow: hidden; position: relative; margin-bottom: 50px;}

.index-service .item-row .sub .num{background-color:#f67400; color: #fff; padding: 15px;font-size: 50px; float: left; margin-right: 30px;}

.index-service .item-row .sub .cn{float: left; position: relative; width: 80%;font-size:35px; font-weight: bold; letter-spacing: 2px;}

.index-service .item-row .sub .en{float: left; position: relative; width: 80%; margin-top: 10px; font-size: 20px; text-transform:uppercase;}

.index-service .item-row .desc{line-height: 38px; font-size: 18px;}

.index-service .item-row .desc b{color:#f67400;font-size: 30px;}

.index-service .item-row:nth-child(odd) .txt{float: left;}

.index-service .item-row:nth-child(odd) .cover{float: right; text-align: right;}

.index-service .item-row:nth-child(even) .txt{float: right;}

.index-service .item-row:nth-child(even) .cover{float: left; text-align: left;}



/*面白*/

.catlevel{background-color: #fff; margin-bottom: 20px;}

.catlevel h2{background-color: #004fc6; color: #fff;padding:40px 0px; font-size: 28px; text-align: center;}

.catlevel h2 span{width: 100%; display: block;}

.catlevel h2 span.en{font-size: 20px; margin-top: 10px;}

.catlevel li{border-bottom: 1px solid #dddddd; position: relative;overflow: hidden;}

.catlevel li a{color:#666666; padding: 0px 25px; font-size: 18px;display:block; position: relative;z-index: 1; line-height: 60px; transition: all 0.8s;}

.catlevel li a:hover:before,.catlevel li a.active:before{

    left: 0;

}

.catlevel li a:before{

	content:"";

	display:block;

	width:100%;

	height:100%;

	background-color:#004fc6;

	position:absolute;

	left:-100%;

	top:0;

	transition:.8s;

	z-index:-1;

}

.catlevel li .active,.catlevel li a:hover{color:#fff; /*background-color: #004fc6;*/}





/*面包屑*/

.bread{ background-color: #f0f0f0;position: relative;padding: 8px 0px; }

.bread .catname{color: #666666;font-size: 30px;/*line-height: 55px;*/}

.bread .links {height:auto; text-align: right; position: absolute; right: 0px; bottom: 10px;}



/*新闻*/

.index-news{background: url(../images/news-bg.gif) center top no-repeat; padding-bottom: 30px;}

.index-news .wraphead h2{ color: #fff;}

.index-news .wraphead h2 .line{ background-color: #fff;}

.news-list .item .cover{width:160px; /*height: 120px;*/ float: left; margin-right: 15px;}

.news-list .item .cover img{width: 100%; /*max-height: 100%;*/}

.news-list .item .txt{color: #959595;}

.news-list .item .txt .time{color: #959595;}

.news-list .item .txt .desc{max-height:65px;overflow: hidden;}



.index-news .news-list .layui-col-md6:first-child{}

.index-news .news-list .layui-col-md6:first-child .item .cover{width:100%; /*height: 390px;*/}

.index-news .news-list .layui-col-md6:first-child .item .txt{float: left; margin-top: 20px;}

.bg-white{background-color: #fff;}

.news-list{margin-top: 25px;width: 100%;padding-bottom: 80px;}

.news-list .item{padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e2e2e2;padding: 20px; overflow: hidden;/*background: url(../images/icon-jiao.png) no-repeat left top;*/}

.news-list .item h3{position: relative; color: #515151; }

.news-list .item h3 a{color: #515151;position: relative;font-size: 18px;}

.news-list .item h3 a:hover, .news-list .item:hover h3 a{color:#0051c5; font-weight: bold;}

.news-list .item h3 .time{font-size: 15px; position: absolute; right: 0px; bottom: 0px;}

.news-list .item .desc{margin-top: 15px; color: #7e7e7e; font-size: 14px; line-height: 22px;}

.page-show{/*margin-top: 30px;*/min-height: 600px;}

.news-show{margin-top: 30px;line-height: 30px; background-color: #fff;}




/*详情页*/

.shows{padding-bottom: 50px;}

.pd15{padding: 0px 15px;}

.show-tags {

    margin-top: 40px;

}

.show-tags .tags-title {

    border-bottom: 1px solid #c3c3c3;

    position: relative;

}

.show-tags .tags-title h3 {

    display: inline-block;

    padding: 0 30px;

    font-size: 16px;

    color: #292e39;

    line-height: 40px;

    border-bottom: 3px solid #1265b9;

    margin-bottom: -1px;

}

.show-tags .tags-title .baidu-share {

    position: absolute;

    right: 0;

    top: 8px;

}

.show-tags .tags-content {

    padding-top: 10px;

}

.show-tags .tags-content a {

    font-size: 13px;

    color: #666;

    display: inline-block;

    margin-right: 9px;

    background: #f4f4f4;

    line-h.ask-list .item .desceight: 28px;

    padding: 0 15px;

}

.show-title {

    font-size: 20px;

    color: #363636;

    font-weight: 700;

    margin-bottom: 10px;

    line-height: 1.7;

}

.show-info-other {

    font-size: 14px;

    font-family: Arial;

    color: #9e9e9e;

    line-height: 35px;

    border-bottom: 1px dashed #cfcfcf;

    margin-bottom: 20px;

}

.show-info-other .show-time {

    float: left;

    margin-right: 20px;

}

.show-info-other .show-numbers {

    float: left;

}



.show-info-other .show-time {

    float: left;

    margin-right: 20px;

    position: relative;

    padding-left: 25px;

}



.show-url {

    margin-top: 30px;

}

.show-url a {

    word-break: break-all;

}



.show-prevnext {

    margin-top: 30px;

}

.show-prevnext div {

    margin-bottom: 10px;

    line-height: 35px;

    position: relative;

    padding: 10px;

    position: relative;

    border: 1px solid #eeeeee;

}

.show-prevnext b {

    display: inline-block;

    padding: 0 8px;

    font-size: 16px;

    color: #333;

    float: left;

    text-align: center;

    background: #f5f5f5;

    font-weight: 400;

}

.show-prevnext a {

    float: left;

    width: 75%;

    font-size: 14px;

    color: #323232;

}

.show-prevnext span {

    position: absolute;

    right: 20px;

    top: 0;

    font-size: 13px;

    color: #666;

}





.show-relate {

    margin-top: 30px;

}

.show-relate .relate-title {

    color: #000000;

    font-size: 16px;

    line-height: 52px;

    border-bottom: 1px solid #d7ddde;

    border: 1px solid #eeeeee;

    line-height: 2.5;

    margin-bottom: 15px;

}

.show-relate .relate-title span {

    display: inline-block;

    color: #1265b9;

    padding: 0 1.4em;

    border-right: 1px solid #eeeeee;

}

.show-relate .relate-news-list li {

    position: relative;

    font-size: 14px;

    color: #666;

    line-height: 2;

   

}

.show-relate .relate-news-list li a {

    display: block;

    padding-right: 30%;

    font-size: 14px;

    color: #232426;

}

.show-relate .relate-news-list li span {

    display: inline-block;

    background: url('../images/time.png') left no-repeat;

    font-size: 12px;

    color: #acacac;

    padding-left: 20px;

}



.relate-product-list .cover {

    display: block;

    overflow: hidden;

}

.relate-product-list .cover img{

    width: 100%;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

}

.relate-product-list p {

    margin-bottom: 0;

    padding: .5em 0;

    font-size: 12px;

    color: #333;

    text-align: center;

}

.relate-product-list .main:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}





.show-imgs{margin-bottom: 30px;}

.show-imgs-right{

    /* width: calc(100% - 354px); */

    padding: 26px 100px 30px 46px;

    /* float: right; */

    background: #f1fcf9;

}

.show-imgs-right h1{margin-bottom: 25px;}

.show-inquiry a {

    display: inline-block;

    height: 30px;

    line-height: 30px;

    padding: 0 24px;

    background: url('../images/m_more.png') 90% center no-repeat #1265b9;

    font-size: 14px;

    color: #fff;

    margin: 40px 0 0 10px;

}



.show-imgs-swiper {

    /* float: left; */

    /* width: 346px; */

}

.show-imgs-swiper .bigimg{

    position: relative;

}

.show-imgs-swiper .bigimg .slick-con {

    text-align: center;

    display: block;

    /* height: 260px; */

    /* line-height: 260px; */

    background: #f5f5f5;

    font-size: 0;

}

.show-imgs-swiper .bigimg .slick-con img{width: 100%;}



.show-imgs-swiper .smallimg {

    margin: 0 auto;

    position: relative;

    margin-top: 10px;

}



.show-imgs-swiper .smallimg .slick-con img {

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

}



.show-imgs-swiper .smallimg .swiper-slide-thumb-active .slick-con {

    border-color: #1265b9;

}

.show-imgs-swiper .smallimg .swiper-slide{width: 86px;}

.show-imgs-swiper .smallimg .slick-con {

    text-align: center;

    display: block;

    height: 62px;

    line-height: 62px;

    background: #f5f5f5;

    margin: 0 5px;

    border: 2px solid transparent;

    font-size: 0;

    overflow: hidden;

}





/*聚焦*/

.index-forcus .head{

    line-height: 50px;

    margin-bottom: 30px;

}



.index-forcus .head a{text-align: center; width: 49%;display: inline-block; float: left; border: 1px solid #e3e3e3; position: relative; font-size: 20px; cursor: pointer;}

.index-forcus .head a:first-child{margin-right: -1px;}

.index-forcus .head a.active{border-color:#0352c8; background-color: #0352c8;color: #fff;}





.forcus-list ul li{overflow: hidden; line-height: 45px; border-bottom: 1px dashed #e3e3e3;} 

.forcus-list ul li .time{float:right;}

.forcus-list ul li:first-child{border-bottom: 0px; margin-bottom: 10px;}

.forcus-list ul li:first-child .cover {

    width: 160px;

    height: 120px;

    float: left;

    margin-right: 15px;

}



.forcus-list ul li:first-child .cover img {

    width: 100%;

    height: 100%;

}



.forcus-list ul li:first-child .txt h3 {

    position: relative;

    color: #515151;

}

.forcus-list ul li:first-child h3 .time {

    font-size: 15px;

    position: absolute;

    right: 0px;

    bottom: 0px;

}

.forcus-list ul li:first-child .desc {

    margin-top: 10px;

    color: #7e7e7e;

    font-size: 14px;

    line-height: 22px;

}





/*位置*/

.smallbread{

    background: #fff;

    border-bottom: 1px solid #d7ddde;

    height: 65px;

    line-height: 65px;

    padding-left: 40px;

    color: #999999;

    font-size: 16px;

}





/*问答*/

.ask-list .head{line-height: 50px; background-color: #0352c8; text-align: center; color: #fff; margin-bottom: 30px; font-size: 20px;}

.ask-list .item {

    padding: 15px 10px;

    position: relative;

    border-bottom: 1px solid #e3e3e3;

}

.ask-list .item .title {

    color: #3c3c3c;

    font-size: 16px;

    line-height: 20px;

    padding-left: 35px;

    position: relative;

}

.ask-list .item .icon-wen {

    background: url(../images/wen.jpg) no-repeat center center;

}



.ask-list .item .icon {

    width: 30px;

    height: 30px;

    display: inline-block;

    margin-right: 10px;

    position: absolute;

    left: 0px;

}

.ask-list .item .desc {

    color: #7c7c7c;

    margin-top: 15px;

    font-size: 13px;

    line-height: 20px;

    padding-left: 30px;

    position: relative;

}

.ask-list .item .icon-da {

    background: url(../images/da.gif) no-repeat center center;

}





.case-list .main .cover{border: 4px solid #c3c3c3;}

.case-list .main .cover:hover{border-color:#0075d9;}

.case-list .main .cover img{width: 100%;}

.case-list .main h3{margin-top: 20px; text-align: center;}





.left-contact{

    margin-top: 30px;

}

.left-contact-tit {

    font-size: 20px;

    line-height: 30px;

    font-weight: bold;

    margin-bottom: 20px;

}

.left-contact-info li {

    width: 100%;

    font-size: 14px;

    line-height: 25px;

    padding-left: 10px;

    color: #666;

    margin-bottom: 10px;

}





/*新闻列表*/

.news-items{padding: 20px 0px; background: #fff;}

.news-items .item{

    border-bottom: 1px solid #d7ddde;

    padding: 30px;

    background: #fff;

    margin-bottom: 35px;

    -webkit-transition: all .5s;

    transition: all .5s;

}

.news-items .item h3 {

    padding-bottom: 8px;

    color: #232426;

    font-weight: 400;

    padding-right: 25%;

    margin: 0;

}

.news-items .item .date {

    width: 100%;

    display: block;

    padding-left: 16px;

    background: url(../images/time.png) left no-repeat;

    font-size: 12px;

    color: #acacac;

}

.news-items .item .info {

    font-size: 14px;

    line-height: 2;

    color: #777777;

}



.news-items .item:hover {

    -webkit-box-shadow: 0 2px 13px 1px rgba(8, 1, 3, .18);

    box-shadow: 0 2px 13px 1px rgba(8, 1, 3, .18)

}



.news-items .item:hover h3 {

    color: #292e39

}



.news-items .item:hover .more span {

    color: #fff;

    background-color: #292e39

}







.list-team{margin-top: 30px;}

.list-team .item{overflow: hidden;background: #f6f6f6; transition: all ease-in-out 0.3s;}

.list-team .item:hover{background-color: #fff;}

.list-team .item .cover{width:120px; height:160px; float: left; margin-right: 20px;}

.list-team .item .cover img{width: 100%; height: 100%; max-width: 120px;}

.list-team .item .info{/*display: table-cell;*/ padding: 20px; text-align: left; width: 90%;  vertical-align: middle;color: #777; }

.list-team .item .info .title{font-size: 18px; color: #333; margin-bottom: 20px;}

.list-team .item:hover .title{color: #db8203;}



.pages{ margin: 30px auto;}

.pages ul{text-align: center;}

.pages ul li{display: inline-block; line-height: 25px;margin: 0px 5px;}

.pages ul li a{padding: 5px 12px; display: block; background-color: #f6f6f6;}

.pages ul li a:hover, .pages ul li .active{background-color: #0075d9; color: #fff;}

.pages .prev, .pages .next{margin: 5px auto;}



.news-title, .page-title {padding-top:24px; padding-left:40px;}

.news-show, .page-show{padding: 24px 40px 56px;}

/*新边栏*/

.pagesider .blocks{

    background: #fff;

    margin-bottom: 15px;

}

.pagesider .blocks h3{

    position: relative;

    text-align: left;

    padding: 8px 0 10px 28px;

    height: 65px;

    margin-bottom: 12px;

    font-size: 20px;

    line-height: 1.5;

    color: #fff;

    background: #0348b0;

}

.pagesider .blocks h3 span{display: block; width: 100%;text-align: left;}

.pagesider .blocks h3 .cn{

    font-size: 25px;

    font-weight: bold;

    color: #fff;

}

.pagesider .blocks h3 .en{

    font-size: 14px;

    color: #fff;

    margin-bottom: 0;

    text-transform: uppercase;

    font-weight: normal;

}

.blocks-cat ul li{position: relative;margin-bottom: 20px;}

.blocks-cat ul li a{

    display: block;

    font-size: 18px;

    height: 40px;

    line-height: 40px;

    color: #232426;

    border-left: 4px solid transparent;

    padding: 0 45px 0 25px;

}

.blocks-cat ul li.active a,.blocks-cat ul li:hover a{color: #232426;background: #f5f9fa;border-left-color: #1265b9;}

.rowr{    position: absolute;

    z-index: 99;

    width: 20px;

    text-align: center;

    font-family: iconfont;

    /* top: 6px; */

    right: 25px;

    font-size: 20px;

    cursor: pointer;}



.blocks-kws ul li{

    width: calc(50% - 10px);

    float: left;

    margin: 10px 5px 10px;

}

.blocks-kws ul li a {

    display: block;

    text-align: center;

    font-size: 13px;

    color: #666;

    line-height: 2.2;

    background: #ededed;

    border: 1px dashed #f1f1f1;

}

.blocks-kws ul li a:hover {

    color: #292e39;

    border-color: #1265b9;

    text-decoration: underline

}

.blocks-edit .editcon{ padding: 36px 18px;font-size: 14px; word-break: break-all;}

.blocks-edit .editcon p{line-height: 25px;}

.bg-gray{background-color:#f5f5f5;}



.flink{background-color: #1f1f1f;padding: 20px 0px;color: #9d9d9d; border-bottom: 1px solid #3f3f3f;}

.flink .head{margin-bottom: 30px; font-size: 20px; position: relative;}

.flink .head .name{display: inline-block; position: relative; margin-left: 50px;z-index: 2; background-color: #eeeeee; padding: 0px 15px;}

.flink .head .line{position: absolute;width: 100%; height: 3px; background-color: #d3d3d3; z-index: 1;top:50%;}

.flink .head .line i{display: block; width:50px; height: 3px; background-color:#084cad;}

.flink .links{padding: 10px;}

.flink .links a{display: inline-block; margin: 5px 10px; color: #9d9d9d;}

.flink .links a.fst{color: #fff; font-size: 18px;}

.tels{background-color: #1f1f1f; color:#fff; text-align: left;padding:30px 0px;}

.tels .head{margin-bottom: 30px; font-size: 20px;}

.tels .item{margin:25px auto; border-right: 1px solid #3f3f3f; height: 200px; padding: 0px;}

.tels .item h3{}

.tels .xiangmu li{width: 50%;float: left; margin-top: 15px;}

.tels .xiangmu li a{color: #878787;}

.tels .item:last-child{border: 0px; text-align: center;}

.tels .item .cover img{width:200px; height:200px;}

.tels .main p{margin-bottom: 12px;}

.copys{background-color: #1f1f1f; color:#9d9d9d; text-align: center; /*line-height: 56px;*/ padding: 22px 0px; border-top: 1px solid #3f3f3f;}

.copys a{color: #9d9d9d;}



.mobile-nav-btn{position: absolute; width: 50px; height: 50px; top:5px; display: block; transition: all ease-in-out 0.3s;background-color:#0275df; color: #fff; line-height: 50px; text-align: center; right: 5px; }

.mobile-nav-btn i.layui-icon{font-size: 25px; transition: all ease-in-out 0.3s;}

.rotage180{transform: rotate(180deg);}















/*兼容适配*/



.Mnavbar{left:0px!important;}

.Mnavbar .navcon{height: 100%; overflow-y: scroll;}

.Mnavbar .navcon .layui-nav{height: 110%;width: 100%;}

.Mnavbar .layui-nav .layui-nav-item{width: 100%;}



@media screen and (min-width: 1200px){

    .layui-container{width: 1200px;padding: 0px;}

}



@media screen and (min-width: 1300px){

    .layui-container{width: 1300px;padding: 0px;}

}



@media screen and (max-width:1200px){

    .navcon .layui-nav .layui-nav-item{min-width:unset;}

}



@media (max-width: 1024px){

    .hidden-sm{display: none;}



    .header{position: fixed;z-index: 100;width: 100%;top: 0px; height: 60px;}

    .header .logo h1{font-size: 25px;}

    .header .logo{margin-top: 0px;}



    .navbar{position: fixed;z-index: 100;top: 150px; width: 100%; height: 100%; left:-100%; transition: all 0.3s;}

    .navcon .layui-nav-child{top: 0px;}

    .Mnavbar .layui-nav-tree .layui-nav-item a{height: 60px;}

    .Mnavbar .layui-nav-tree .layui-nav-item, .Mnavbar .layui-nav-tree .layui-nav-item a{line-height: 60px;}

    .Mnavbar .layui-nav-tree .layui-nav-item a:hover{background: none;}

    .Mnavbar .navcon .layui-nav .layui-nav-child dd{background-color:#f1f1f1;}

    .Mnavbar .navcon .layui-nav .layui-nav-child dd a{line-height: 60px;}



    /* .banner{margin-top: 150px;} */

    .tels .item{padding: 15px;}

    .index-about{height: auto;}



    /* .index-product .cats ul{height: 52px; white-space: nowrap;overflow-x: scroll;} 滑动*/

    .index-product .cats ul li:after{display:none;}

    .index-product .cats ul{}

    .index-product .cats ul li{display: inline-block; text-indent: unset; margin-bottom: 5px; padding: 0px 10px;}

    

    .index-about .main .content .title{width: 100%;}

    .news-show, .page-show{padding: 10px;}

}







@media (max-width: 768px){

    .swiper-index{height: 300px;}

    .layui-container{padding: 0px 15px;}

    .header .logo{height: 60px; line-height: 60px;}

    .header .logo .logoimg{width: 50px; margin-right: 5px;}

    .header .logo .logotxt{width: 180px;}

    .navbar{top: 60px;}

    .banner{margin-top: 60px;}

    .bread .links{position: relative; width: 100%; float: left; margin-top: 20px; text-align: left;}

    .hidden-xs{display: none;}

    .hidden-sm{display: none;}

    .index-service .item-row .sub .cn,.index-service .item-row .sub .en{width:100%;}

    .news-list .item .cover{width: 100%;}

    .forcus-list ul li .time{display: none;}

    .index-about .main .cover{max-width: 100%;}

    .index-service .item-row .cover {width: 100%; text-align: center!important;}

    .copys{margin-bottom: 40px;}
	.article img{max-width:100%;}

}



@media (max-width: 414px){

    .comli li .addtime{display:none;}

    .index-banner .swiper-index{height: 160px;}

    .index-banner img{height:240px;}

    .comli .first .cover{width: 30%;}

    .comli .first .txt{width: 65%;}

    .forcus-list ul li:first-child .cover{width: 100%; height:auto;}

    .index-about .main .content .more{position: relative;}
.article img{max-width:100%;}


    /* .catlevel ul{height: 65px; white-space: nowrap;overflow-x: scroll;} */

    .catlevel ul{}

    .catlevel ul li{display: inline-block; margin-bottom: 5px; text-indent: unset; padding: 0px;}

  

}



@media (max-width: 320px){

    .header .logo h1{font-size: 16px;}

    .index-banner .swiper-index{height: 160px;}

    .index-banner img{height:160px;}

    .comli .first .cover{width: 100%;}

    .comli .first .txt{width: 100%;}

    .hidden-xs{display: none;}

    .inner-banner .txt{margin-top: -69px;}

  .article img{max-width:100%;} 

}



/*帮助*/

.fc-show-total {

    margin-bottom:30px

}

.fc-show-prev-next {

    margin:5px 0;

}





.icon-btn {

  height: 80px;

  min-width: 80px;

  margin: 5px 5px 0 0;

  border: 1px solid #ddd;

  padding: 12px 0 0;

  background-color: #fafafa;

  background-image: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  display: inline-block;

  color: #646464;

  text-shadow: none;

  text-align: center;

  cursor: pointer;

  position: relative;

  transition: all .3s ease;

}

.icon-btn>div {

  margin-top: 5px;

  margin-bottom: 5px;

  color: #3f444a;

  font-size: 12px;

  font-weight: 300;

}

.text-center {

  text-align: center;

}



.main2{margin-left: 20px;}

.mt20{margin-top: 20px;}



.img-responsive{max-width:98%;}





    #sidekefu {width:48px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}

    *html #sidekefu{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}

    #sidekefu li {width:48px;height:60px;}

    #sidekefu li img{float:right;}

    #sidekefu li .box {height:49px;float:right;display:block;min-width:47px;max-width:161px; position: relative;}

    #sidekefu li .fa {background-color: #303030; width: 48px; height: 48px; line-height: 48px; text-align: center; color: #fff; font-size: 22px;}

    #sidekefu li .fa:hover {background-color: #FF5722;}

    #sidekefu li .kfbox {margin-right:-143px;cursor:pointer;cursor:hand; background-color: #303030; width: 130px; color: #fff;}

    #sidekefu li .bar-li {display:block; position: relative;}

    #sidekefu li .bar-li-b {display:block; position: relative;}

    #sidekefu li .bar-li-b .badge {position: absolute; top: -10px; right: 13px; background-color: #FF5722; color: #fff; font-size: 12px; width: 18px; height: 18px; text-align: center; line-height: 18px; border-radius: 50%;}

    #sidekefu li a.weixin_area .kfbox{display:none;position:absolute;right:143px;}

    #sidekefu li .box-qq .qq-con {display:none;position:absolute;right:0;top:48px; background-color: #303030; width: 130px; padding: 10px 0; border-right: solid 1px #fff;}

    #sidekefu li .box-qq .qq-con a {display: block; color: #fff;}

    #sidekefu li .box-qq .qq-con a i {font-size: 18px; height: 38px; line-height: 38px;}



    #sidekefu li .box-ewm .ewm-con {display:none;position:absolute;right:0;top:48px}

    #sidekefu li .box-ewm .ewm-con dl {text-align: center; background-color: #303030; padding: 4px; color: #fff;}

    #sidekefu li .box-ewm .ewm-con dl img {float: none;}

    #sidekefu li .box-ewm .ewm-con dl dd {line-height: 30px; height: 30px; overflow: hidden;}

    #p2 {width:112px; background-color:#303030;height:47px;margin-left:47px;border:1px solid #303030;text-align:center;line-height:47px}

    #p3 {width:112px; background-color:#303030;height:47px;margin-left:47px;border:1px solid #303030;text-align:center;line-height:47px}

    #p1 {width:47px; height:49px;float:left}

    a:hover{text-decoration: none}





.nbanner img{max-width: 100%; min-height: 200px;}



/*留言反馈*/



.page-form {margin: 30px 0;}

.layui-form .form-group {margin-bottom: 15px; clear: both;}

.layui-form .form-group .control-label {float: left; display: block; padding: 9px 15px; width: 80px; font-weight: 400; line-height: 20px; text-align: right;}

.layui-form .form-group .col-md-9 {margin-left: 110px; min-height: 36px;}

.layui-form .form-group input.form-control {height: 38px; line-height: 1.3; line-height: 38px\9; border: solid 1px #C9C9C9; border-radius: 2px; display: block;  padding-left: 10px;}

.layui-form .form-group .layui-form-mid-code {padding: 0;float: left; display: block; line-height: 20px; margin-right: 10px;}

.layui-form .form-group textarea.form-control {min-height: 100px; height: auto; line-height: 20px; padding: 6px 10px; resize: vertical; border: solid 1px #D2D2D2;display: block; border-radius: 2px; background-color: #fff; }

.page-form span.required{color: #f00;}



/*fnav*/

.fnav{background: #0275DF; height: 40px; position: fixed; bottom: 0; width: 100%; padding: 10px 0;}

.fnav a{float: left; width: 24%; text-align: center; color: #fff;}





/*搜索*/

.search .layui-form-label {padding: 0;}

.search .layui-form-mid {padding: 0 !important; margin: 0;}

.search .layui-form-mid .layui-btn {border-radius: 0 2px 2px 0;}

.search .layui-input {border-right: none;}

.search .layui-form-item .layui-input-inline {margin-right: 0; width: 230px;}

.search .layui-form-select dl {top: 37px;}

.search .layui-form-item .layui-form-select dl dd {text-align: center;}

.search .layui-form-item {margin: 0;}





/*search结果页*/

.portlet.light {

    padding: 12px 20px 15px;

    background-color: #fff;

}

.portlet {

    margin-top: 0;

    margin-bottom: 25px;

    padding: 0;

    border-radius: 4px;

}

.portlet.light > .portlet-title {

    padding: 0;

    min-height: 48px;

}

.portlet > .portlet-title {

    border-bottom: 1px solid #eee;

    padding: 0;

    margin-bottom: 10px;

    min-height: 41px;

    -webkit-border-radius: 4px 4px 0 0;

    -moz-border-radius: 4px 4px 0 0;

    -ms-border-radius: 4px 4px 0 0;

    -o-border-radius: 4px 4px 0 0;

    border-radius: 4px 4px 0 0;

}

.portlet.light .portlet-body {

    padding-top: 8px;

}

.portlet > .portlet-body {

    clear: both;

    -webkit-border-radius: 0 0 4px 4px;

    -moz-border-radius: 0 0 4px 4px;

    -ms-border-radius: 0 0 4px 4px;

    -o-border-radius: 0 0 4px 4px;

    border-radius: 0 0 4px 4px;

}

.portlet-body {

    overflow: hidden;

}

.portlet.light > .portlet-title > .caption {

    color: #666;

    padding: 10px 0;

}

.portlet > .portlet-title > .caption {

    float: left;

    display: inline-block;

    font-size: 18px;

    line-height: 18px;

    padding: 10px 0;

}

.label {

    text-shadow: none !important;

    font-size: 14px;

    font-weight: 300;

    padding: 3px 6px;

    color: #fff;

    font-family: "Open Sans",sans-serif;

}

.label-default {

    background-color: #bac3d0;

}

.label-success {

    background-color: #3598DC !important;

}

.portlet.light > .portlet-title > .actions {

    padding: 6px 0 14px;

}

.portlet > .portlet-title > .actions {

    float: right;

    display: inline-block;

    padding: 6px 0;

}

.portlet > .portlet-title > .actions > .btn-group > .btn.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default, .portlet > .portlet-title > .actions > .btn.btn-default, .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default {

    padding: 3px 9px;

}

.portlet.light > .portlet-title > .actions .btn-default {

    color: #666;

}

.search-content-1 .search-container {

    background-color: #fff; }

.search-content-1 .search-container > ul {

    padding: 0 20px 20px 20px;

    margin-bottom: 0; }

.search-content-1 .search-container > ul .search-item {

    list-style: none;

    padding: 20px 0;

    border-bottom: 1px solid;

    border-color: #f4f6f8; }

.search-content-1 .search-container > ul .search-item > a > img {

    width: 100px;

    float: left;

    margin-right: 20px; }

.search-content-1 .search-container > ul .search-item > .search-content {

    padding-left: 120px; }

.search-content-1 .search-container > ul .search-item > .search-content > .search-title {

    font-size: 20px;

    margin: 15px 0 10px 0;

    font-weight: 600; }

.search-content-1 .search-container > ul .search-item > .search-content > .search-title > a {

    color: #4e5a64;    font-size: 16px;

    font-weight: 400; }

.search-content-1 .search-container > ul .search-item > .search-content > .search-title > a:hover {

    text-decoration: none;

    color: #49a7fa; }

.search-content-1 .search-container > ul .search-item > .search-content > .search-desc {

    color: #a0a9b4;

    font-size: 13px;

    margin: 0; }

.search-content-1 .search-container > ul .search-item:last-child {

    border: none; }

.search-post-foot {

    padding-top: 20px;

    text-align: right; }

.search-post-foot > .search-post-tags {

    text-align: left;

    float: left;

    padding: 0; }

.search-post-foot > .search-post-tags > li {

    list-style: none;

    display: inline-block;

    margin-right: 5px; }

.search-post-foot > .search-post-tags > li > a {

    background-color: #f4f6f8;

    color: #a0a9b4;

    font-size: 11px;

    font-weight: 600;

    padding: 7px 10px; }

.search-post-foot > .search-post-tags > li > a:hover {

    background-color: #3598DC;

    color: #fff;

    text-decoration: none; }

.search-post-foot > .search-post-tags > li:last-child {

    margin-right: 0; }

    .search-post-foot > .search-post-meta {

    display: inline-block;

    margin-right: 10px; }

.search-post-foot > .search-post-meta > a {

    color: #9aa5b2;

    font-size: 13px;

    font-weight: 600; }

.search-post-foot > .search-post-meta > a:hover {

    color: #3598DC;

    text-decoration: none; }

.search-post-foot > .search-post-meta > i {

    margin-right: 5px; }

.search-post-foot > .search-post-meta:last-child {

    margin-right: 0; }