@charset "utf-8";
.header{
	width:100%;
	height:55px;
	position: absolute;
	top:0px;
	z-index: 100;
	color: #fff;

    line-height: 55px;
    padding-top: 20px;
    background: rgba(23,137,232,0.8);
 
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1); 

}
/* 公共圆角 */
.layui-layer{
	border-radius:20px !important;
}
.layui-layer-title {
	border-radius:20px 20px 0px 0px;
}
.hea{
	width:820px;
	height:35px;
	float: right;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hea img{
	
	
}
.swiper-container3{ width: 560px; float: left; overflow: hidden; }
.swiper-container3 p{ width: 100% }
.swiper-container3 img{ width: 100% }
.list{
	display:flex;
}
.list > li{
	width:120px;
	text-align: center;
	position: relative;
}

.list > li > div {position:absolute;z-index:10;width:100%;background:#fff;display:none; box-shadow: 0 2px 3px #999;}
.list > li > div  p {height:45px;line-height:45px;text-align: center;box-sizing: border-box;}
.list > li > div  p a {color:#000;font-size:16px;display:block;width:100%;}
.list > li > div  p a:hover {color:#013267;box-sizing: border-box;}
.signIn a img {width:30px;height:auto;   border: 1px solid #ccc; border-radius: 50%;vertical-align: middle;
}
.list> li> a{
	color:#fff;
	display: block;
	font-size:18px;
	height:95px;
    line-height:95px;
}
.list > .signIn > a:hover{
	background:none;
}
.list > li > a:hover{
    color:#fdaa07 ;
}

.but{width:100%;line-height:100px;min-height:100px; }
.copy {
    font-size: 16px; color: #fff;  text-align: center;
}
.moblie_head,.a_txt {display:none}
.comLeft {position: fixed;z-index:200;right:0px;top:50%;border:1px solid #eee;background:#fff;width:50px;
	/* height:150px; */}
.comLeftBar > div {width:50px;box-sizing:border-box;cursor: pointer;position: relative;border-bottom: 1px solid #eee}
.comLeftBar > div >span {display:block;position: relative;width: 100%;height: 50px;z-index:20;background: #fff;}
.comLeftBar > div >span >img {display:block;width:40px;height:40px;margin:0 auto;padding-top:5px}
.comLeftBar > div >a {position: absolute;}
.comLeftBar > div >a.leftPhone {width:140px;font-size:16px;color:#fff;line-height:50px;right:-150px;top:0px;text-align: center;z-index:0;background:#417afa;display:block;}
.leftWX {width:120px;height:120px;right:65px;top:-0px;display:none;position: relative;}
.leftWX:after,.leftWX:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	left: 100%;   
	position: absolute;
	width: 0;
} 

/* .leftWX:after {
	border-width: 10px;
	border-left-color: #fff;
	top: 100%;
} */

.leftWX:before {
	border-width: 10px;
	border-left-color: #eee;
	top: 20%;
}
.leftWX > img {display:block;}
.comLeftBar > div  a.leftTop {width:50px;height:50px;top:50px;left:0px;z-index:15;background:#fff;position: absolute;}
.comLeftBar > div  a.leftTop img {display:block;width:30px;margin:10px auto}
.leftBarThree {display:none; overflow:hidden;}
/* 列表的上一页下一页 */
.route{display:none}
.pagelist {padding:50px 0 0px; text-align:center;}
.pagelist span,.pagelist li{ border-radius:3px; border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;}
.pagelist li{ margin:0 3px;}
.pagelist li.upPage-click{ background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}
.pagelist li:hover{background:#09F; color:#FFF; border-color:#09F; }
.pagelist label{ padding-left:15px; color:#999;}
.pagelist label b{color:red; font-weight:normal; margin:0 3px;}
/* 公共部分背景颜色 */
.box{
	background:#f5f4f4;padding-top:15px;padding-bottom:15px;
}
.bgAbout{
	width:100%;
	height:188px;
	background:url(../images/home/xuesheng.png) no-repeat;
	background-size:100% 100%;
}
.bgNewsList{
	width:100%;
	background:url(../images/home/gerenxinxi.png) repeat;
	background-position:center top;
}
.cont{
	width:1200px;margin:0 auto;padding:19px 0;background: #fff;border-radius: 5px;min-height:715px;}
.footerText {font-size:16px;color:#333;text-align: center ;line-height:120px;}
.cont_book {	width:1200px;margin:0 auto;padding:20px 0;background: #fff;border-radius: 5px;min-height:715px;}


/*** 
=============================================
    Categories Area style
=============================================
***/
.categories-area {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 50px;
  padding-top: 80px;
  position: relative;
  z-index: 1;
}
.categories-area::before {
  background: rgba(21, 37, 69, 0.8) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.categories-area .sec-title h1{
    
}
.categories-area .single-item {
  margin-bottom: 30px;
  position: relative;
  padding-left: 90px;
  background: #ffffff;
  z-index: 1;
}
.categories-area .single-item:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: #152545;
  content: "";
  z-index: -1;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  opacity: 0;
}
.categories-area .single-item:hover:before{
  height: 100%;
  opacity: 1;
}
.categories-area .single-item i{ font-size: 60px; color: #fff; margin-left: 1vw }
.categories-area .single-item .icon-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 100%;
  background: #4177d4;
}
.categories-area .single-item .icon-holder::before {
  color: #4177d4;
  content: "\e623";
  font-family: layui-icon!important;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  padding-right: 0;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -12px;
}
.categories-area .single-item .icon-holder .icon-box {
  display: table;
  height: 100%;
  width: 100%;  
}
.categories-area .single-item .icon-holder .icon-box .icon{
  display: table-cell;
  vertical-align: middle;
}
.categories-area .single-item .icon-holder span::before {
  color: #fff;
  display: block;
  font-size: 30px;
  text-align: center;
}
.categories-area .single-item .text-holder {
  padding-left: 30px;
  padding-top: 27px;
  padding-bottom: 13px;
  padding-right: 12px;
}
.categories-area .single-item .text-holder h5{
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 8px;
  transition: all 500ms ease;
}
.categories-area .single-item .text-holder p{
  transition: all 500ms ease;    
}
.categories-area .single-item:hover .text-holder h5{
  color: #ffffff;
}
.categories-area .single-item:hover .text-holder p{
  color: #fff;    
}
.container{ width: 100%; margin: 0px auto; max-width: 1200px; }
.title{
    position   :relative;
    text-align :center;
    margin     :80px 0;
}

.title1{
    position   :relative;
    text-align :center;
    margin     :60px 0 10px;
}

.title h3{
    font-size   :32px;
    font-weight :bold;
    color       :#222;
    position    :relative;
    z-index     :9;
    letter-spacing: 2px
}

.title label{
    display    :block;
    margin     :15px auto 0;
    height     :3px;
    width      :60px;
    background :#1789e8;
}

.title span{
    display        :block;
    font-size      :50px;
    color          :#F1F1F1;
    text-transform :uppercase;
    position       :absolute;
    bottom         :12px;
    left           :0;
    width          :100%;
}

.sec-title{ line-height: 50px; margin: 20px auto }
.sec-title h1{    color: #ffffff;
    font-size: 34px;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
    margin: 0; }

    .title{margin :26px 0 }

    .client-slider .seo-client-slider .item{
        transform :scale(.9);
    }

    #index-news .news_rt a .text p{
        height :auto;
    }

    .title h3{font-size :30px;}

    .title span{ font-size :50px;}
}




/* ------------------------------ Theme Project --------------------------*/
.our-project{
    background      :url(../images/bg.jpg) no-repeat center;
    background-size :cover;
    padding         :10px 0 65px 0;
    margin-bottom   :100px;
}

.our-project .mixitUp-menu{margin :10px 0}

.our-project .mixitUp-menu li{
    display        :inline-block;
    line-height    :36px;
    border         :2px solid #EAEAEA;
    border-radius  :30px;
    padding        :0 26px;
    font-weight    :700;
    text-transform :uppercase;
    cursor         :pointer;
    font-size      :14px;
    margin         :10px 10px;
}

.our-project{margin :0 0 -10px;}

.our-project .mix{
    padding :0 5px;
    width   :100%;
    height  :auto;
}


.our-project .single-project{
    padding  :10px;
    position :relative;
}

.our-project .single-project .hover{
    position   :absolute;
    top        :0;
    right      :0;
    bottom     :0;
    left       :0;
    text-align :center;
    opacity    :0;
    transform  :scale(0.4);
}

.our-project .single-project .hover div{
    position  :relative;
    top       :50%;
    transform :translateY(-50%);
}

.our-project .single-project:hover .hover{
    opacity   :1;
    transform :scale(1);
}

.our-project .single-project .hover p{font-size :18px;}

.our-project .single-project .hover h5{
    font-size     :20px;
    margin-bottom :20px;
    font-weight   :700;
}

.our-project .single-project .hover a{
    width       :35px;
    line-height :31px;
    border      :2px solid #FFF;
    font-weight :700;
    font-size   :22px;
    color       :#FFF;
}

.our-project .single-project img{
    width              :100%;
    -webkit-box-shadow :0px -1px 20px -3px rgba(54, 54, 54, 0.52);
    -moz-box-shadow    :0px -1px 20px -3px rgba(54, 54, 54, 0.52);
    box-shadow         :0px -1px 20px -3px rgba(54, 54, 54, 0.52);
}
.container {
   max-width: 1170px;
   margin: 0px auto;
   width: 100%
}
.our-project .single-project:hover img{opacity :0.05;}

.our-project .single-project.color1{background :#F6CDCD;}

.our-project .single-project.color2{background :#D0FBFF;}

.our-project .single-project.color3{background :#F1D5FF;}

.our-project .single-project.color4{background :#AAF0AE;}

.our-project .single-project.color5{background :#FBE8B6;}

.our-project .single-project.color6{background :#1FD2BC;}

.our-project .single-project.color7{background :#E74B3B;}

.our-project .single-project.color8{background :#F6861C;}

.our-project .single-project.color9{background :#00BE90;}

.our-project .single-project.color10{background :#E19E6E;}

.our-project .single-project.color11{background :#256490;}

.our-project .single-project.color12{background :#18B6DB;}

.our-project .single-project.color13{background :#EC7666;}

.our-project.project-v1 #mixitUp-item .single-project img,
.our-project.project-v2 #mixitUp-item .single-project img{box-shadow :none;}

.our-project.project-v1 #mixitUp-item .single-project:hover img{opacity :0.1;}

.our-project.project-v1 #mixitUp-item .mix{
    width :25%;
    float :left;
}

.our-project.project-v1 #mixitUp-item .single-project{padding :0;}

.our-project.project-v1 #mixitUp-item .single-project .hover p,
.our-project.project-v1 #mixitUp-item .single-project .hover h5, .readMore a, .readMore a:hover{color :#FFF;}

.our-project.project-v1 .mixitUp-menu,
.our-project.project-v2 .mixitUp-menu{margin-top :0;}

.our-project.project-v2 .row{margin :0 -15px;}

.our-project.project-v2 #mixitUp-item .single-project{margin-bottom :30px;}

.our-project.project-v2 .row .mix{width :33.33333333%;padding :0 15px;}

.our-project.project-v2{margin-bottom :80px;}

.readMore{margin-top :40px}


/*--------------------------- Welocome To SEO ---------------------*/
.welcome .wrapper{
    padding-bottom :10px;
    margin-bottom  :10px;

}

.welcome  h2{
    font-weight :700;
    line-height :50px;
    font-size: 30px;
}

.welcome  h4{
    font-size :24px;
}

.welcome p{
    font-size   :13px;
    line-height :1.5;
    margin-top  :5px;
    color       :#999;
}

.welcome .welcome-span{
    font-size   :17px;
    border-radius: 10px;
    line-height: 30px;
    font-weight :200;
    display     :block;
    padding:20px 10px;
    box-shadow: 5px 5px #ccc;
    margin      :8px 0 20px 0;
}

.welcome  ul li{
    float        :left;
    width        :50%;

    position     :relative;
    margin-top   :45px;
}

.welcome ul li h6{
    color         :#393939;
    margin-bottom :2px;
    font-size: 18px;
}

.welcome ul li i{
    position  :absolute;
    top       :6px;
    left      :0;
    font-size :45px;
    color     :#A9A9A9;
}

/*device-width:400px-1000px*/
@media screen and (min-width: 320px) and (max-width: 767px) {
	.route{font-size:14px;color:#666666;display:block}
	/* 手机导航 */
	.comLeft {display:none}
	.lf{float:left}
	.rg{float:right}
	.header{height:44px;}
	.head,.hea {display:none}
	.moblie_head{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
	.moblie_head .lf{padding-top:2px;padding-left:5%}
	.moblie_head .lf img{height:40px;}
	.moblie_head .rg{padding-right:5%;padding-top:14px}
	.moblie_head .rg a img{height:16px;vertical-align:top}
	.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
	.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
	.a_txt .div3 ul{padding-left:5%;padding-right:5%}
	.a_txt .div3 ul li{border-bottom:1px solid #232530;position:relative}
	.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
	.a_txt .div3 ul li .a_js2{position:absolute;z-index:5;width:45px;height:45px;display:block;top:0px;right:0px;background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_txt2{display:none}
	.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
	.welcome{ width: 96%; padding: 2%; }
	.welcome img{ width: 100% }
	}