@charset "utf-8";

/*首页*/
.swiper-container { width: 100%;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff;        /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-wrapper img { width: 100%; }
.swiper-pagination-bullet { background: transparent; border: 1px solid #fff; opacity: 1 }
.swiper-pagination-bullet-active { background: #fff; border: 1px solid #fff; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 15px; }
ul.ib01 { width: 100%; margin: 0 auto; text-align: center; display: flex; justify-content: space-between;}
.i-box01 { }
@font-face
    {
        font-family:"HeroicCondensed-Regular.ttf";
        src: url("../font/HeroicCondensed-Regular.ttf");
    }
@font-face {
  font-family: '../font/iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "../font/iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.s-title { font-size: 16px; color: #666 }
ul.ib01 li { display: inline-block; text-align: center; width: 33%; padding: 0 5px; position: relative; }
ul.ib01 li .pic { background: url(../images/p03.png) no-repeat center top 0/90px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; width: 100%; height: 120px; }
ul.ib01 li:hover .pic { background: url(../images/p0302.png) no-repeat center top 0/90px; }
ul.ib01 li.icon02 .pic { background: url(../images/p04.png) no-repeat center top 0/90px; }
ul.ib01 li.icon02:hover .pic { background: url(../images/p0402.png) no-repeat center top 0/90px; }
ul.ib01 li.icon03 .pic { background: url(../images/p05.png) no-repeat center top 0/90px; }
ul.ib01 li.icon03:hover .pic { background: url(../images/p0502.png) no-repeat center top 0/90px; }
ul.ib01 li p { margin: 0 auto; font-size: 12px; word-break: break-word; }
ul.ib01 li .title { color: #000; font-weight: bold; }
.i-box02 { background: url(../images/bg01.jpg) no-repeat center top; background-size: cover;}
.sort-box { margin: 0 20px; padding:0;}
.sort-box li { float: left; width: 48%; text-align: center; overflow: hidden; background: rgba(255, 255, 255, 0.9); cursor: pointer; color: #222; font-size: 14px; margin:1%; padding: 10px 0; transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; }
.sort-box li:active { background: rgba(0, 143, 238, 0.8); color: #fff; }
.i-box03 { background: #f4f4f4 }
.i-box04 { background: #f4f4f4;}

.i-title1 { color: #252525; font-size:26px; display: block; padding-bottom: 10px; float:left; padding-left:5%;}

.i-box05{ background: #f4f4f4;}
.i-nav { width: 100%; padding-top: 40px;}
.i-nav .item { display: inline-block; font-size: 14px; }
.i-nav .item:hover, .i-nav .item.on { color: #fff; font-weight:bold; background:#e70012;}
.i-nav-list { width:96%; background:url(../images/ys_bj.jpg); margin:0 auto; overflow:hidden; padding:5% 0;}
.i-nav-list a{width:40%; text-align:center; margin:2%; background:#d8d8d8;-moz-border-radius:2rem; -webkit-border-radius:2rem;border-radius:2rem;}
.i-nav-list .item { flex-basis: 36%; font-size:1rem; line-height:3rem;}



.cp_t{ text-align:center; padding:8% 5% 5%;}
.cp_t strong{ color:#074fa0; font-size:1.6rem; position:relative; margin-bottom:20px;}
.cp_t strong:after{background:#074fa0;width:40px; height:2px; display:inline-block;content:"";position:absolute;top:40px;left:50%; margin-left:-20px;}
.cp_t p{ line-height:1.4rem; font-size:.8rem; display:block; margin-top:7%;}

.ys_t{ text-align:center; padding:10% 0 5% 0; line-height:2.8rem; font-size:1rem;}
.ys_t strong{ color:#074fa0; font-size:4rem;}
.ys_t b{ font-size:1.6rem; position:relative; color:#222;}
.ys_t b:after{background:#e70012;width:40px; height:2px; display:inline-block;content:"";position:absolute;top:40px;left:36%;}
.footer_lt{ float:left;width:55%;}
.footer_rt{ float:right;width:43%;}
.footer_rt img{ max-width:100%;}
.htmleaf-container{ overflow:hidden;}

.news-list{ color: #666; font-size: 13px; padding:0 15px;}
.news-list li{ overflow:hidden;}
.news-list .date{width:40%; float:left;}
.news-list .date img{max-width:100%;}
.news-list .title{width:55%; float:right; }
.news-list .title p{ color:#898989;}
.news-list .title b{ font-weight:300; color:#7f7f7f; font-size:12px; padding-bottom:2%; display:block;}
.news-list .title span{color: #333; font-size: 14px; line-height:30px; font-weight:bold;}
.news-list li{margin-bottom:4%;}
.news-list li:last-child{margin-bottom: 0;}

.news-list1{ color: #666; font-size: 13px; padding:0 15px;}
.news-list1 li{ overflow:hidden; line-height:2rem; padding-bottom:4%; padding-top:3%; border-bottom:1px solid #d8d8d8;}
.news-list1 .title{}
.news-list1 .title p{ color:#898989; line-height:20px; background:url(../images/d.jpg) no-repeat left top; padding-left:2rem;}
.news-list1 .title b{ font-weight:300; color:#7f7f7f; font-size:12px; padding-bottom:2%; display:block;}
.news-list1 .title span{color: #333; font-size: 14px; line-height:30px; font-weight:bold; background:url(../images/w.jpg) no-repeat left; padding-left:2rem;}

/*优势*/
.ldys{ height:auto; overflow:hidden; padding-bottom:20px;}
.ldys .ldys_nr{}
.ldys .ldys_lt{width:96%; margin:0 auto;}
.ldys .ldys_lt ul li{ overflow:hidden; padding-bottom:20px; height:auto;width:46%; float:left; margin:1% 2%;}
.ldys .ldys_lt .qxnr{width:75px; float:left; padding-right:15px;}
.ldys .ldys_lt ul li:hover{ padding-left:10px;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.ldys .ldys_lt ul li:hover .qx01{ background:url(../images/lbx1.png) no-repeat center;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.ldys .ldys_lt .qxnr .qx01{width:75px; height:85px; background:url(../images/lbx.png) no-repeat center; float:left; text-align:center;margin-bottom:6px;}
.ldys .ldys_lt .qxnr .qx01 img{ padding-top:20px;}
.ldys .ldys_lt ul li dd{ font-size:16px; line-height:30px; color:#666666; padding:0; float:left;}
.ldys .ldys_lt ul li dd b{ font-size:24px; color:#293949; line-height:50px;}

.slideGroup{ width:100%; margin:0 auto; text-align:left; position:relative;}
.slideGroup .sPrev{ position:absolute;top:30%;left:0; color:#4e4e4e; font-size:36px;  line-height:50px; background:#f0f0f0; font-family:"宋体"; border:1px solid #eee; padding:10px 5px;}
.slideGroup .sNext{ color:#4e4e4e;font-size:36px; right:0; position:absolute;top:30%;line-height:50px; background:#f0f0f0; font-family:"宋体";border:1px solid #eee;padding:10px 5px;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ color:#fff; border:1px solid #dc0423; background:#dc0423;}
.slideGroup .parBd ul{ padding-bottom:20px;}
.slideGroup .parBd ul li{word-break:break-all !important; float:left; _display:inline;  width:100%; height:auto; text-align:center; overflow:hidden;webkit-box-shadow:0 0 30px rgba(0,0,0,0.1);box-shadow:0 0 30px rgba(0,0,0,0.1);}
.slideGroup .parBd ul li .qx01{width:75px; height:85px; background:url(../images/lbx.png) no-repeat center; text-align:center;margin-bottom:6px; margin:0 auto;}
.slideGroup .parBd ul li .qx01 img{ padding-top:20px;}
.slideGroup .parBd ul li dd{ font-size:16px; line-height:30px; color:#666666; padding:0; word-break:break-all !important; display:block;}
.slideGroup .parBd ul li dd b{ font-size:24px; color:#293949; line-height:50px;}

.zjfy{ background:url(../images/jj_bj.jpg) no-repeat center; overflow:hidden;}
.jj_t{ text-align:center;}
.jj_t p{ font-size:1.8rem; line-height:3rem;}
.jj_t span{ font-size:.8rem; color:#7a7a7a;}
.jj_img{width:94%; margin:0 auto;}
.jj_img img{width:100%;}
.jj_nr{ padding:5% 3%; line-height:1rem; color:#505050; text-align:left; font-size:1rem; line-height:1.8rem;}
.jj_lc{ background:#fff; overflow:hidden;width:100%; padding:5% 0; margin-top:4%;}
.jj_lc ul li{ float:left;width:32%; padding:0 .5%; text-align:center;}
.jj_lc ul li p{ font-family:"HeroicCondensed-Regular.ttf"; font-size:3rem; line-height:2.6rem; color:#074fa0;}


.jclc{ overflow:hidden}
.jclc img{max-width:100%;}

.tsfw{ background:#f6f6f6; overflow:hidden; padding:5% 0 10% 0;}
.tsfw_nr{ padding:0 3%;}
.tsfw .tsfwk{ background:#fff; padding:10% 1%; text-align:center; border-radius:10px;width:27.3%; font-size:18px; float:left; margin:2%;box-shadow:0 6px 20px rgba(0,0,0,0.1);}
.tsfw_nr div:nth-child(odd){ background:#074fa0; color:#fff;}

/*tab切换*/
ul.tabs {
	width:96%; margin:0 auto;
	height:auto;
	list-style: none;
	overflow: hidden;
	
	
}
ul.tabs li {float: left; text-align:center;	width:48%; margin:1%;}
ul.tabs li a {
	position: relative;width:100%; 	display: inline-block;
font-size: 15px; color:#c6c6c6;
background: #505050;
height:3rem;
line-height:3rem;
text-align: center;
}
ul.tabs li a.active {background: #074fa0;color: #fff;}
#content {width:100%; height: auto; margin:2% auto; overflow:hidden;}
#content dl{width:94%; margin:0 auto; position:relative;}
#content dl a p{ position:absolute;top:10%; right:4%; padding:3%; color:#fff; width:46%; background:rgba(250,250,250,.1);}
#content dl a img{width:100%;}
#content ul{width:96%; margin:0 auto;}
#content li{width:47%; float:left; margin:1.2%;}
#content li a img{width:100%; border:1px solid #eeebf2;}

.ckgd{padding:10% 0;width:100%;}
.ckgd a{ margin:0 25%;background:#074fa0;-moz-border-radius:50px; -webkit-border-radius:50px;border-radius:50px;  text-align:center; line-height:40px; padding:2.6% 0; display:block; color:#fff; font-size:1rem; display:block;}

.htt{ height:10px; background:#efefef;}

.ggw{width:100%;}
.ggw img{width:100%;}


.n-title{font-size: 18px;color: #c00;text-align: center; }

.sort-box02 li{background: #e5f4fd;}

/*服务导航 end*/
.sernr{ width:100%; background:#fff; padding:4%; height:auto; line-height:30px; font-size:14px; overflow:hidden; clear:both; box-sizing:border-box;  
-moz-box-sizing:border-box; /* Firefox */  
-webkit-box-sizing:border-box; /* Safari */}
.sernr a {display:inline-block; color:#333; text-align:center; box-sizing:border-box;  
-moz-box-sizing:border-box; /* Firefox */  
-webkit-box-sizing:border-box; /* Safari */ }
.sernr a:hover { background:#f5f5f5;}
.sernr a div {  display:inline-block; text-align:left;}
.sernr a div em { line-height:20px; color:#b4b4b4}
.sernr span { clear:both; font-size:16px; display:block}
.sernr_a1 img { display:inline-block; margin-right:3px; margin-top:-15px; width:40px;}
.sernr_a2 img { display:inline-block; margin-right:3px; margin-top:-15px; width:60px;}
.sernr_a3 img {width:70px; padding-top:20px; margin-bottom:3px; display:block; margin:0px auto; clear:both;}

.sernr_a1{width:48%; margin:1%; min-height:100px; padding-top:25px; text-align:center}
.sernr_a2{width:98%; margin:1%; height:100px; padding-top:25px; text-align:center; clear:both;}
.sernr_a3{width:31.3333%; margin:1%;height:110px; float:left; line-height:32px; text-align:center;}
.sernr_a3 a div { clear:both;}



.hzkh{ background:url(../images/hz_bj.jpg) no-repeat; background-size:100% 100%; padding:15% 0; overflow:hidden;}
.hzkh_t{ text-align:center;}
.hzkh_t i{ font-size:50px; color:#fff;}
.hzkh_t p{ font-weight:bold; color:#fff; font-size:24px; line-height:50px;}
.hzkh_nr{ margin-top:7%;}
.hzkh_nr ul{ border-bottom:1px solid #919191; overflow:hidden;}
.hzkh_nr ul li{ border-top:1px solid #919191; border-right:1px solid #919191;width:23.1%; text-align:center; float:left; padding:5%;}


.kh_t{  text-align:center; margin-top:10%;color:#666666; font-size:.4rem; line-height:2.4rem;}
.kh_t p{font-size:1.4rem; color:#353535; position:relative;}
.kh_t p:after{background:#ffb400;width:40px; height:2px; display:inline-block;content:"";position:absolute;top:40px;left:50%; margin-left:-20px;}

.end{ background:#074fa0; color:#fff; font-size:14px; line-height:24px; padding:4% 4%;}
.end a{ color:#fff; font-size:14px; line-height:24px;}

/*项目-详情*/
.porject-detail { padding: 20px 10px; line-height: 23px; font-size: 13px; }
.porject-detail .title { font-size: 18px; color: #333; margin-bottom: 5px; }
.porject-detail .date { font-size: 12px; color: #999; }
.porject-detail .line { width: 100%; height: 1px; background: #ddd; margin: 10px auto; }
.page { position: relative;}
.page .icon { margin: 0 5px; margin-top: -5px; width: 10px;}
.page .prev { color: #666; width: 100%; }
.page .next { color: #666; width: 100%; }

.btn-more { display: inline-block; height: 32px; line-height: 32px; font-size: 15px; text-align: center; padding: 0 10px; background: #ddd; color: #666; border-radius: 6px; margin: 0 auto; }

/*项目-详情-访问网址*/
.linkit {
    color: #c00;
}
a.linkit:hover {
    color: #c00;
}

/*!解决方案网站建设-2018-5-11*/
.tc{text-align: center;}
.mt20{margin-top: 20px;}
.mt50{margin-top: 50px;}
.w1200{width: 100%;}
.tc>img{width: 100%;}
.b-title {
  color: #c00;
  font-size: 26px;
  font-weight: normal;
  margin: 30px 0;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.btn-more{
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  color: #fff;
  background-color: #c00;
  border-radius: 50px;
  padding: 0 40px;
}
.btn-more:hover{
  color: #fff;
}
.ws-box01{
  width: 100%;
  height: auto;
  padding-bottom: 40px;
  background-color: #fff;
}
.ws-box02{
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  padding-bottom: 40px;
}
.ws-box03{
  width: 100%;
  height: auto;
  background-color: #fff;
  font-size: 14px;
  color: #666;
  padding-bottom: 40px;
}
.ws-box04{
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 17px;
  color: #666;
  background-color: #f5f5f5;
  padding-bottom: 40px;
}
.ws-box05{
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 17px;
  color: #fff;
  padding-bottom: 40px;
}
.ws-box06{
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 17px;
  color: #666;
  padding-bottom: 40px;
}

/*!展示型网站建设-2018-5-24*/
.banner .title{margin-top:10px;display:inline-block;}
.prc{position:relative;top:50%;transform:translateY(-50%)}
.db{display:block;}
.webShow-page{}
.webShow-page .w1200{height:100%;}
.wShow-box01{width:100%;background-color:#fff;}
.wzlx{margin:0 20px;margin-top:-10px;}
.wzlx .item{width:80px;height:80px;background:url(../images/i04.png) no-repeat center;-webkit-background-size:cover;background-size:contain;font-size:13px;color:#fff;text-align:center;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:0 auto;}
.wzlx .item:hover{transform:rotate(360deg) scale(1.1);-webkit-transform:rotate(360deg) scale(1.1);-moz-transform:rotate(360deg) scale(1.1);-o-transform:rotate(360deg) scale(1.1);-ms-transform:rotate(360deg) scale(1.1);}
.wzlx ul{overflow:hidden;position:relative;height:100%;}
.wzlx ul:after{display:inline-block;content:"";height:300px;position:absolute;top:50px;left:0;right:0;border:1px solid #ddd;z-index:1;}
.wzlx ul li{float:left;z-index:2;overflow:hidden;position:relative;padding:10px 0;width:33.3%;}
.wzlx ul li:nth-child(3n){margin-right:0;}
.wShow-box02{width:100%;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;}
.zszd{width:100%;margin:0 auto;}
.zszd .item{font-size:14px;color:#222;text-align:center;padding-bottom:35px;}
.zszd .item{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.zszd .item:hover{transform:translate(0,-12px);-webkit-transform:translate(0,-12px);-moz-transform:translate(0,-12px);-o-transform:translate(0,-12px);-ms-transform:translate(0,-12px);}
.zszd .item .imgBox{width:80px;height:80px;-webkit-background-size:cover;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;}
.zszd ul{overflow:hidden;position:relative;height:100%;margin:0 20px;}
.zszd ul:after{display:inline-block;content:"";width:100%;height:175px;position:absolute;top:55px;left:0;right:0;z-index:1;background:url(../images/bg08.png) repeat;}
.zszd ul li{width:33.3%;float:left;z-index:2;overflow:hidden;position:relative;padding-top:10px;}
.wShow-box03{width:100%;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;padding-bottom:40px;}
.wShow-box04{width:100%;  /* height: 640px; */-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;padding-bottom:40px;}
.wShow-box04 .b-title{color:#fff;}
.webShow-page .b-title{padding:20px 0;line-height:2;height:auto;margin:0;}
.wShow-box05{width:100%;  /* height: 456px; */-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;padding-bottom:60px;}
.wShow-box05 .b-title{color:#fff;}
.wShow-box05 .b-title .tips{color:#fff;font-size:12px;margin-top:10px;padding:0 40px;}
.wShow-box05 .bz{padding:0 20px;overflow:hidden;margin:0 auto;}
.wShow-box05 .bz ul{margin-top:-20px;overflow:hidden;}
.wShow-box05 .bz ul li{margin-top:20px;float:left;width:30%;margin:0 1.3%;margin-top:20px;}
.wShow-box05 .bz .item{width:100%;height:30px;line-height:30px;text-align:center;color:#222;font-size:14px;background-color:#fff;border-radius:20px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.wShow-box05 .bz .item:hover{background-color:#0079c9;color:#fff;}
.wShow-box06{width:100%;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;padding-bottom:40px;}
.wShow-box06 .pay{height:100%;margin:0 auto;}
.wShow-box06 .pay .item{-webkit-background-size:cover;background-size:100% 100%;background-repeat:no-repeat;background-position:top center;width:30%;height:200px;text-align:center;padding:0 5%;color:#fff;margin:0 5%;padding-top:10px;line-height:1;}
.wShow-box06 .pay .item h1{font-size:20px;font-weight:normal;line-height:1;margin-top:8px;}
.wShow-box06 .pay .item h2{font-size:14px;font-weight:normal;line-height:1.6;}
.wShow-box06 .pay .item h3{font-size:14px;font-weight:normal;line-height:1.4;}
.wShow-box06 .pay .item{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.wShow-box06 .pay .item:hover{transform:translate(0,-20px);-webkit-transform:translate(0,-20px);-moz-transform:translate(0,-20px);-o-transform:translate(0,-20px);-ms-transform:translate(0,-20px);}
.sjtb{height:250px;margin:0 auto;background-repeat:no-repeat;background-position:center;-webkit-background-size:562px,288px;background-size:100%;position:relative;margin:0 40px;padding:20px 0;max-width:250px;margin-left:auto;margin-right:auto;margin-top:-20px;}
.sjtb .item{width:70px;height:70px;display:inline-block;border:1px solid #fff;position:absolute;border-radius:50%;color:#fff;font-size:11px;text-align:center;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;line-height:1;overflow:hidden;background-color:#82c1ff;}
.sjtb .item:hover{background-color:#c00;border-color:#c00;}
.sjtb .item .icon{width:30px;height:30px;background-size:contain;background-repeat:no-repeat;background-position:center;margin-top:10px;margin-bottom:2px;}
.sjtb .tle{width:100px;height:100px;color:#c00;font-size:14px;text-align:center;font-weight:normal;line-height:1.5;display:inline-block;margin:0 auto;position:absolute;right:0;left:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.sjtb .tle:hover{font-size:28px;}
.sjtb .item.it01{top:10px;left:-30px;}
.sjtb .item.it02{top:110px;left:-30px;}
.sjtb .item.it03{top:210px;left:-30px;}
.sjtb .item.it04{top:10px;right:-30px;}
.sjtb .item.it05{top:110px;right:-30px;}
.sjtb .item.it06{top:210px;right:-30px;}

.fwxm{ overflow:hidden; padding:5% 3% 8% 3%; background:#f8f8f8;}
.fwxm ul li{width:47.4%; padding:0; text-align:center; background:#fff; margin:1%; float:left; border-radius:10px;border:1px solid #eaeaea; position:relative;}
.fwxm ul li a{ font-size:1rem; line-height:44px; font-weight:bold;}
.fwxm ul li a img{ max-width:100%; border-radius:10px;}
.fwxm ul li a p{ position:absolute;bottom:0%; text-align:center; color:#fff; display:block;width:100%; background:rgba(0,0,0,.6)}

/*2018-5-29 解决方案修改*/
.ws-box07{color:#fff;width:100%;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;padding-bottom: 40px;}
.ws-box07 ul{margin-top:-20px;padding: 0 20px;}
.ws-box07 ul li{float:left;font-size:14px;width:33.3%;line-height:2.4;}
.ws-box07 ul li .tle{font-size:18px;font-weight:normal;}
.ws-box07 .icon-wrap{margin:10px auto;}

.anons{ background:#fff; text-align:center; padding:6% 4%; font-size:14px; line-height:30px; overflow:hidden;}
.anons h2{ padding-bottom:20px;}
.anons h2 span{ font-weight:bold; background:url(../images/xi.jpg) no-repeat center bottom; line-height:50px; display:block;}
.anons h2 p{ font-size:14px;}
.anons img{width:100%; height:100%; padding:20px 0;}

/*dcjs*/
.swiper-container{width: 100%;max-width: 1440px;}
.case .swiper-slide{position: relative;width: 100%!important;background: #fff;}
.case .swiper-slide .info{position: absolute;bottom:0;width:100%;box-sizing: border-box;background:rgba(0,0,0,.6);box-shadow: 0px 0px 12px rgba(0, 0, 0, .1);}
.case .swiper-slide .info h3{color: #fff;text-align:center;font-size:16px; line-height:30px;}
.case .swiper-slide .info p{color: #fff;font-size:12px;line-height:20px;padding-bottom: 12%; text-align:left;}
.case .swiper-slide .img{float: right;overflow: hidden;}
.case .swiper-slide .img img{max-width:100%;}
.case .swiper-pagination{text-align: left;}
.case .swiper-pagination-fraction{left: 45px;font-weight: bold;font-size: 20px;}
.case .swiper-button-next,.case .swiper-button-prev{top: auto;top:37%;width: 27px;height:50px; color:#fff; text-align:center; line-height:50px; font-family:"宋体"; background:rgba(0,0,0,.6); font-size:1.6rem;}
.case .swiper-button-prev{left:0;}
.case .swiper-button-next{right:0;}
@media (max-width: 1440px){.case .swiper-slide .img{width:100%;}.case .swiper-container-3d{perspective: none;}}
@media (max-width: 1280px){.case .swiper-slide .info h2{font-size: 24px;}.case .swiper-slide .info p{width: 100%;overflow: hidden;text-overflow: ellipsis;}}
@media (max-width: 780px){.case .swiper-slide .info{padding-top: 10px;}.case .swiper-slide .info h2{font-size: 14px;margin: 0;padding-bottom: 30px;}.case .swiper-slide .info a{font-size: 14px;}}
@media (max-width: 640px){
.case .swiper-slide .info{padding: 10px;left:0;}
.case .swiper-slide .info h2{font-size: 14px;margin: 0; color:#fff;padding-bottom: 0px;}
.case .swiper-slide .info a{font-size: 10px;}
}

.cop{ overflow:hidden;}
.cop p{ float:left; font-size:1rem; line-height:4rem;}
.cop a{ color:#a5a5a5; font-size:.8rem; line-height:4rem;}

/*固定栏*/
.end_nav{width:100%; height:3.6rem; position:fixed; bottom:0; background:rgba(0,0,0,.8);  z-index:999; display:flex;}
.end_nav a{flex-grow:1; text-align:center; font-size:14px; color:#fff; line-height:3.6rem; background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
.end_nav a i{ font-size:14px;padding-right:.4rem; font-size:1.2rem;}
.end_nav a p{display:block;}
.end_nav .end_navh{ background:#074fa0; color:#fff;}

.banner5 { width: 100%; height: 100%; overflow:hidden; background: url(../images/nyban.jpg) no-repeat center top; background-size: cover; overflow: hidden; color: #fff; padding:60px 0 30px 0;}
.banner5 .title { color: #fff; font-size: 30px; }
.banner5 .line { width: 40px; height: 1px; background: #fff; margin: 30px auto; }

.nydh{ height:40px; line-height:40px; border-bottom:1px solid #d8d8d8;width:92%; padding:0 4%;}



/*--------------------------------------------------------------
# News One
--------------------------------------------------------------*/
.news-two {
    position: relative;
    display: block;
    padding: 10px 0 10px;
}

.news-two__top {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.news-two__top .section-title {}

.news-two__top-btn-box {}

.news-two__top-btn {}

.news-two__content {
    position: relative;
    display: block;
}
.news-two__single-box a .news-one__title{ color:#333; font-weight:bold; font-size:16px;line-height: 22px;
    padding: 0 0 2% 0;}

.news-two__single-box a .list-unstyled{ color:#666; line-height:22px; font-size:14px;}

.news-two__single-box {
    position: relative;
    display: block;
	background-color: #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
    padding:20px 20px;
    margin-bottom: 16px;
}
.news-two__single-box:hover{ background:#fc3;}
.news-two__single-box:hover .news-one__title{ color:#fff;}
.news-two__single-box:hover .list-unstyled{ color:#fff;}

.news-one {
    position: relative;
    display: block;
    padding: 120px 0 90px;
}

.news-one .section-title {}

.news-one__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.news-one__img-box {
    position: relative;
    display: block;
}

.news-one__img {
    position: relative;
    display: block;
    overflow: hidden;
}

.news-one__img img {
    width: 100%;
    transform: scale(1);
    transition: all 500ms ease;
}

.news-one__single:hover .news-one__img img {
    transform: scale(1.05);
}

.news-one__img>a {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--thm-black-rgb), 0.4);
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: var(--thm-base);
    transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-30%);
    border-radius: var(--thm-border-radius);
}

.news-one__img>a>span {
    position: relative;
}

.news-one__img>a>span::before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: var(--thm-base);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 500ms ease;
}

.news-one__img>a>span::after {
    content: '';
    transition: all 500ms ease;
    width: 2px;
    height: 20px;
    background-color: var(--thm-base);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-one__img>a:hover>span::before,
.news-one__img>a:hover>span::after {
    background-color: var(--thm-primary);
}

.news-one__single:hover .news-one__img>a {
    visibility: visible;
    transform: translateY(0%);
    opacity: 1;
}

.news-one__date {
    height: 70px;
    width: 70px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .10);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -20px;
    right: 20px;
    z-index: 2;
}

.news-one__date p {
    font-size: 14px;
    color: var(--thm-black);
    font-weight: 700;
    margin: 0;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
}

.news-one__content {
    position: relative;
    display: block;
    border: 1px solid #e3e3e3;
    border-top: 0;
    background-color: var(--thm-base);
    padding: 20px 20px 20px;
    transition: all 500ms ease;
}

.news-one__single:hover .news-one__content {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);
}

.news-one__content .news-one__title a{ color:#333; font-weight:bold; font-size:16px; line-height:24px;}
.news-one__content .news-one__text{ color:#666; font-size:14px; line-height:26px; margin-top:10px;}

.news-one__meta {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0;
}

.news-one__meta li { line-height:26px;}

.news-one__meta li+li {
    margin-left: 15px;
}

.news-one__meta li a {
    font-size: 14px;
    color: var(--thm-gray);
}

.news-one__meta li a i {
    color: var(--thm-primary);
}



.news-one__btn-box {
    position: relative;
    display: block;
}

.news-one__btn-box a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: var(--thm-black);
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 20px;
}

.news-one__btn-box a:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 10px;
    height: 2px;
    background-color:#bd1821;
    left: 0;
    transition: all 500ms ease;
}

.news-one__single:hover .news-one__btn-box a:before {
    background-color:#333;
}


.btn-style-one {
    position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    background:#fc3;
    color:#fff;
    border-radius: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btn-style-one .btn-title {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-radius: 0;
    padding:14px 30px;
    z-index: 1;
}

.btn-style-one:hover {
    background:#333;
    color: #ffffff;
}

.btn-style-one .btn-curve {
    position: absolute;
    right: -15px;
    top: 0;
    width: 30px;
    height: 100%;
    background: rgba(0,0,0, .10);
    z-index: 0;
    transform: skewX(-22deg);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.btn-style-one:hover .btn-curve {
    background: rgba(var(--thm-black-rgb), 1);
    right: 0;
    width: 100%;
    transform: skewX(0deg);
}
.section-title {
    margin-top: -11px;
    margin-bottom: 35px;
}

.section-title__tagline {
    display: inline-flex;
    color: var(--moniz-gray, #717178);
    font-size: 16px;
    align-items: center;
    line-height: 30px;
    margin-bottom: 6px;
    font-weight: 700;
}

.section-title__tagline::before {
    position: relative;
    top: -2px;
    content: '';
    background-color: #074fa0;
    width: 30px;
    height: 6px;
    margin-right: 10px;
}

.section-title__title {
    margin: 0;
    font-weight: 700;text-transform: uppercase;
    color: var(--moniz-black, #1e1e22);
    font-size: 26px;
    line-height: 60px;
}
.container {
    padding-left: 15px;
    padding-right: 15px;
}


.chax{
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background:url(../images/cx_bj.jpg) no-repeat top #4280bd;
    animation: gradient 12s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
}
.login-container {
    background:rgba(255,255,255,1);
    padding: 20px;
	width:70%;
    border-radius: 35px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.login-container h2 {
    text-align: center;
    margin-bottom: 15px; font-weight:bold;
    color: #333;
    font-size: 24px;
}

.login-container input[type="text"],
.login-container input[type="password"],
.login-container input[type="submit"] {
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
    border: none;
    background-color: #f7f7f7;
    border-radius: 25px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s ease;
    outline: none;
}

.login-container input[type="submit"] {
    background-color: #006CCE;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.25mm;
}

.login-container input[type="text"]:hover,
.login-container input[type="password"]:hover {
    background-color: #d6e0ff;
}

.login-container input[type="submit"]:hover {
    background-color: #041e73;
}

.footer1 {
    width: 99.175%;
    color: #fff;
    text-align: center;
    padding: 12px; z-index: 111;
    transition: background-color 0.4s ease, box-shadow 0.4s ease, border-radius 0.6s ease, color 0.4s ease;
}

.footer1:hover {
    cursor: copy;
    background-color: #ff4681;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.361);
    border-radius: 0px;
    color: #fff;
    transition: background-color 0.4s ease, box-shadow 0.4s ease, border-radius 0.6s ease, color 0.4s ease;
}