@charset "utf-8";
body {
  font-family: 'Arimo', sans-serif;
  height: 100%;
  line-height: 1.8;
  font-style:normal;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  font-size:14px;
}
input,
button,
select,
textarea {
  font-family: 'Arimo', sans-serif;
}
a:link    {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover   {text-decoration: none;}
a:active  {text-decoration: none;}
/* Heading */
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1.3;
  margin: 0 0 22px;
}
h1 {
  font-size: 45px;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 24px;
  font-weight: 700;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:10px;
}
h4 {
  font-size: 18px;
  font-weight: 600;
  line-height:1.7;
  text-transform:uppercase;
  margin:0;
}
h4.title{
	margin:0 0 15px 0;
}
h5 {
  font-size: 17px;
  text-transform:uppercase;
  font-weight: 600;
}
h6 {
  font-size: 15px;
  line-height: 28px;
  font-weight: 500;
  text-transform:capitalize;

}


.news-tabe li{ display: inline-block; margin:0 20px; }
.news-tabe li a{ display: inline-block; font-size: 18px; color: #484848; border:solid 1px #ddd; padding:3px 20px; border-radius: 30px; background: #fff; }
.news-tabe li.active a,.news-tabe li a:hover{ background: #2692d2; border-color: #2692d2; color: #fff; }
.news-tabe{ position: relative; margin-bottom: 50px; }
.news-tabe:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: solid 1px #ddd; z-index: -1; }




.blue-slide{background-image:url(../images/banner1.jpg);background-repeat: no-repeat;background-size: cover;height: 100%;width: 100%;background-position: center top;}
.red-slide{ background-image:url(../images/banner2.jpg);background-repeat: no-repeat;background-size: cover;height: 100%;width: 100%;background-position: center top;}
.orange-slide{background-image:url(../images/banner3.jpg);background-repeat: no-repeat;background-size: cover;height: 100%;width: 100%;background-position: center top;}
#banner{height:460px}
#top{width:100%;height:50px; border-bottom:1px solid #c7c7c7;overflow:hidden;}
#top .header{max-width:1140px;overflow:hidden;margin:0 auto;}
#top .header p{font-size:14px;float:right; background:url(../images/dh.jpg)no-repeat left center; padding:0 20px;line-height:50px;}
#top .header p a{color:#000;}
#top .header p a:hover{color:#2355c6;}
.header p span{background:url(../images/yx.jpg) no-repeat left center;margin:0 0 0 25px;padding:0 0 0 30px;}
.logo{width:100%; max-height:130px;}
.logo .bes{max-width:1140px;max-height:130px;margin:0 auto;}
.logo .bes h3{width:30%; line-height:130px; background:url(../images/logo.png)no-repeat left center; float:left; text-indent:-99999px;}
.bes .link{width:50%; line-height:130px; float:right;}
.bes .link li{ float:left; text-align:center;padding:0 10px;}
.bes .link li a{font-size:14px; color:#000;}
.bes .link li a:hover,.link li.pac a{color:#2355c6;}


.col-md-3{
	
	min-height:170px;
	float:left;
	text-align: center;margin-top: 2%;
}
.provide-two {
	background: #26bcfa;
}
.provide-tre {
  background: #06a1e1;
}
.provide-four {
	background: #0eb3f8;
}

.provide-left h3 {
	font-size: 18px;
}
.provide-left {
	padding: 12px 10px;
}
.provide-left p {
	font-size: 12px;
	margin: 4px 0 0 0;
}
.provide-left {
	padding: 2em 20px;
}
.provide-left h5{
	color:#fff;
	font-size:13px;
	font-weight:400;
	margin:0;
}
.provide-left h3 {
	color: #fff;
	font-size: 29px;
	font-weight: 400;
	margin: 10px 0 0 0;
}
.provide-left p{
	color: #fff;
	font-size: 15px;
	line-height: 1.4em;
	margin: 9px 0 0 0;
	font-family: 'Play-Regular';
}
.provide-left p {
	font-size: 13px;
	margin: 1px 0 0 0;}

/*.provide-left h3 {
	font-size: 18px;
}
.provide-left {
	padding: 12px 10px;
}
.provide-left p {
	font-size: 12px;
	margin: 4px 0 0 0;
}
.provide-left {
	padding: 2em 20px;
}

.provide-two {
	background: #26bcfa;
}
.provide-tre {
  background: #06a1e1;
}
.provide-four {
	background: #0eb3f8;
}
.col-md-3{
	width:100%;
}
.provide-left h5{
	color:#fff;
	font-size:13px;
	font-weight:400;
	margin:0;
}
.provide-left h3 {
	color: #fff;
	font-size: 29px;
	font-weight: 400;
	margin: 10px 0 0 0;
}
.provide-left p{
	color: #fff;
	font-size: 15px;
	line-height: 1.4em;
	margin: 9px 0 0 0;
	font-family: 'Play-Regular';
}
.provide-left {
	padding: 1em 15px;
	width: 25%;
	float: left;
}
.provide-left h5 {
	font-size: 12px;
}
.provide-left h3 {
	font-size: 20px;
}
.provide-left p {
	font-size: 13px;
	margin: 2px 0 0 0;
}*/

#cont1{width:100%; height:1110px;background:#2e2e2e;}
#cont1 .stee{max-width:1140px;margin:0 auto;}
.stee .teel{width:30%;float:left;margin:35px 10px 15px 10px;}
.teel h3{font-family:Helvetica;padding:10px 15px; color:#fff; font-size:24px;}
.teel p{color:#fff; line-height:20px; padding:0 15px;}
.teel .more{background:#059fde;padding:10px	10px;display:inline-block;margin:15px;color:#363535;}
.teel .more:hover{color:#fff;}

#cont2{width:100%;height:749px; background:url(../images/bj.jpg) no-repeat right;}
#cont2 .abou{max-width: 95%; height:739px;margin:0 auto;}
.abou .us{float:left;}
.abou .us h3{font-size:24px;color:#000;padding:10px; background:url(../images/ab.jpg) no-repeat left center;margin-left:20px;}
.abou .us p{
	width:50%;
	line-height:25px;
	margin:10px 0;
	margin-left:20px;
}
.abou .us p.bold{
	font-weight:bold;
}








#cont4{
	width:100%;
	height:800px;
	background:#000;
}
#cont4 .pro{
	max-width:1140px;
	margin:0 auto;
	


}
.pro h3{
	color:#fff;
	font-size:24px;
	text-align:center;
	padding:85px 0 10px 0;
	background:url(../images/pr.jpg) no-repeat bottom center;
}
.pro ul{
	width:40%;
	height:50px;
	    margin: 0 auto;
}
.pro ul li{
    width:33%;
    float:left;
    margin:0;
    padding:8px 0;
    text-align:center;
    
}
.pro ul li a{
	color:#fff;
	font-size:14px;
}
.pro ul li:hover,.tab li.current{
	border-bottom:1px solid #fff;
}

#jq22 li img { width: 100%;}
#jq23 li img { width: 100%;}
#jq24 li img { width: 100%;}

#jq22 li img,#jq23 li img,#jq24 li img:hover {cursor: pointer;}
  .ons{
    display: none;
  }
  .imgg{
    display: block;
  }
#cont4 .ons{
	width:100%;
}
#cont4 .ons{
	max-width:1381px;
	margin:0 auto;
	margin-top:30px;
}
#cont4 .ons li{
	float:left;
	padding:5px;
}
.num{
	width:100%;
	height:420px;
	background:#f7f7f7;
}
.com{
	max-width:1140px;
	height:200px;
	margin:0 auto; 
}
.com .fif{
 float:left;
padding-top:5%; 
margin:0 5%;
 }
.fif p{font-size:80px; color:#3399cc; text-align:center;}
.fif h3{font-size:30px;}
.fif span{font-size:18px;margin:5px 0 0 20px;}

#off{
	width:100%;
	height:600px;
}
#off .tel{
	max-width:1242px;
	margin:0 auto;
}
.tel .our{
	text-align:center;
	margin:60px 0;
	font-size:24px;
	padding:10px 0;
	background:url(../images/pr.jpg) no-repeat bottom center;
}
.tel .left{
	float:left;
	margin-top:25px;
}

.tel .contt li{
      float:left;
      padding:0 20px;
}

.tel .right{
	float:right;
	margin-top:25px;
}
/*#footer{
	width:100%;
	height:545px;
	background:#000;
}
#footer .jies{
	max-width:1300px;
	height:545px;
	margin:0 auto;
}


 .jies .logo img{
	float:left;
	padding:17% 0;
	margin-right:30px;
}

  .ar{
  	width:50%;
 	padding:5% 0;
 	float:right;
 }
.jies .ar .es{
	padding:0 10px;
	font-size:24px;
	color:#fff;
	background:url(../images/ab.jpg) no-repeat left center;
}
.ar ul{

}
.ar li{
	width:40%;
	font-size:12px;
	color:#fff;
	padding:6px 5px;
}

.jies .con{
	width:40%;
	margin-right:2%;
	float:right;
	margin-top:-108px;
}
.jies .con .ta{
	padding:0 10px;
     font-size:24px;
     color:#fff;
     background:url(../images/ab.jpg) no-repeat left center;
}
.jies .for{
	padding:1% 0;
	margin-left:30px;
}

.one{
	float:left;
	width:100%;
	padding:5px 0;
	background:#454545;
	border:1px solid #454545;
	border-radius:3px;
	display:block;
	margin:5px -25px;
}
.mes{
	padding:15px 0;
}
.button{
	clear:both;
	width:95%;
	padding:5px 0;
	margin-left:-17px;
	background:#059fde;
	border:1px solid #059fde;
	border-radius:3px;

}*/




#footer{
	width:100%;
	height:500px;
	
	background:#000;
}
#footer .font-con{
	width:80%;
	
	margin:0 auto;
}

.font-con .fo-lo{
	width:100%;
	position:relative;
	height:111px;
	    float: left;
    margin-top: 85px;
	/*
	
	
	text-indent:-99999px;
	background:url(../images/fo-lo.png)no-repeat;*/
}

.font-con .fo-ri{
	width:100%;
	position:relative;
	height:410px;
	float:right;
	margin:85px 10px 0 0;
}
.fo-ri .addr {
	width:100%;
	height:195px;
	float:left;
	position:relative;
}
.fo-ri .addr h3{
     font-size:25px;
     color:#fff;
     padding:0 10px;
     background:url(../images/ab.jpg) no-repeat left center;
     font-family:Oswald Bold;
}

.fo-ri .addr ul{
	margin:5px 0;
}
.fo-ri .addr ul li{
	font-size:13px;
	color:#666;
	font-family:Arimo Regular;
	padding:5px 0;
	color:#fff;
}
.fo-ri .conta{
	width:100%;
	height:390px;
	float:right;
	position:relative;
}
.fo-ri .conta h3{
	 font-size:25px;
     color:#fff;
     padding:0 10px;
     background:url(../images/ab.jpg) no-repeat left center;
     font-family:Oswald Bold;
}
.conta .for{
	margin:15px 0;
	
}

.conta .for .one{
	width:250px;
	height:37px;
	margin:10px 0;
	background:#454545;
	border-radius:3px;
	border:none;
	color: #fff;
	padding-left: 10px;

}
.conta .for .mes{
	height:80px;
}
.conta .for .button{
	width:250px;
	height:37px;
	background:#059fde;
	border-radius:3px;
	border:none;
}

#pas{
	width:100%;
	height:50px;
	background:#686868;
}
#pas p{
	color:#dbdbdb;
	line-height:50px;
	text-align:center;
}





.nc_a{display:none;}

@media only screen and (max-width: 1350px) and (min-width: 1100px){

#cont4{height:970px;}

#cont4 .img{width:1100px;margin:0 auto;}
#banner{height:500px;}

}
@media only screen and (max-width: 1099px) and (min-width: 640px){

#cont4 .pro{width:100%;   padding-top: 50px;}

#cont4 .pro h3{padding:0px;}
#cont4 .img{width:100%;}

#cont4 .img li{width:24%;}
#cont4{height:640px;}

.com{width:100%;}

.com .fif{width:23%;margin:0px;margin-right:1%;margin-left:1%;}

.bes{width:100%;}
.bes h3{min-width:309px;}

.bes .link{width:60%;}
.abou .us p{width:50%;}

.left{display:none;}
.right{display:none;}

#banner{height:400px;}
}



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

.bes .link{width:60%;display:none;}

}



@media only screen and (max-width:800px) and (min-width: 320px){

.nc_a{display:block;width:40px;height:40px;float:right;margin-right:20px;display:block;padding-top:40px;}
.nc_a img{width:100%;}
.bes .link{width:120px;}

.logo{position:relative;}
.logo .bes h3{width:60%;background-size:100%;}

.bes .link{width:120px;background:rgba(255,255,255,0.8);position:absolute;right:10px;top:90px;}
.bes .link li{height:40px;line-height:40px;padding:0px;width:100%;text-align:left;text-indent:8px;}

.bes .link li:hover{background:red;width:100%;padding:0px;cursor:pointer;text-align:left;text-indent:8px;}


.pac{background:red;width:100%;padding:0px;cursor:pointer;text-align:left;text-indent:8px;width:100%;}

}



@media only screen and (max-width: 640px) and (min-width: 320px){
#banner{height: 200px;}
	#off{height:600px;}


.provide .col-md-3{width:50%;}
#cont1{height:2800px;clear:both;}
.stee {margin:0 auto;}
.stee .teel{width:80%;margin:0 auto;float:none;margin-top:20px;padding-top:55px;}
.abou .us p{width:90%;}

#cont4{height:1700px;clear:hidden;}

#cont4 .img{width:65%;margin:0 auto;}
#cont4 .img img{width:100%;}

#cont4 .img ul{width:100%;}
/*#cont4 .img  ul li{margin-top:10px;width:100%;}*/
#cont4 .img  ul.viewer-toolbar li.viewer-zoom-in{margin:0px;width:24px;float: left;}
#cont4 .img  ul li img{width:100%;}

.fif{width:40%;}
.num{height:520px;}

.left{display:none;}
.right{display:none;}

.contt{width:90%;margin:0 auto;}
.contt ul{width:100%;}

.tel .contt  ul li{width:45%;margin-left:5px;padding:0px;overflow:hidden;}

.tel .contt  ul li img{width:80%;}
.ar{width:50%;clear:both;padding:0px;}

.jies .con{padding:0px;width:50%;margin:0px;height:80px;}



}

@media only screen and (max-width: 380px) and (min-width: 320px){

#top{display:none;}

}

@media only screen and (max-width:460px) and (min-width: 320px){

#cont2{height:1600px;}
#off{height: 990px;}
#off ul li{margin-top:5%;text-align: center;}
#cont4{height:4230px;}

.provide .col-md-3{height:200px;}

}



@media only screen and (max-width:639px) and (min-width: 571px){

#cont4{height:2600px;}

}


@media (min-width:100px){
.font-con .fo-lo { width:100%; padding-left:10px;}
.font-con .fo-ri { width:100%; padding-left:10px;}
 .fo-ri .addr { width: 100%; padding-left:10px;}
.fo-ri .conta {width:100%; padding-left:10px;}
.provide-left .provide-two, .provide-left.provide-three,.provide-left .provide-four {width:100%; }
.bianping{width: 100%;}
#footer {
 
    height: 850px;
}
}
@media (min-width:600px){
.font-con .fo-lo { width:30%; }
.font-con .fo-ri { width:60%; }
 .fo-ri .addr { width: 30%; }
.fo-ri .conta {width:30%; }
.bianping{width: 33.3333%;}
#footer {
 
    height: 530px;
	padding: 20px;
}
}

@media (min-width:100px){
#cont2 {
width: 100%;
height: 1700px;
background: url(../images/b99j.jpg) no-repeat right;
}}
@media (min-width:600px){#cont2 {
width: 100%;
height: 1400px;
background: url(../images/bj.jpg) no-repeat right;
}}



    .picScroll-left{   overflow:hidden; position:relative;   }
    .picScroll-left .hd{height:30px;}
    .picScroll-left .hd .prev,.picScroll-left .hd .next{
       display:block;
       width: 30px;
       height: 30px;
       float:right;
       margin-right:5px;
       margin-top:10px;
       overflow:hidden;
       cursor:pointer;
       background:url("../images/left.jpg") no-repeat;
       position: absolute;
       z-index: 2;
       bottom: 26px;
       }
       .tempWrap{margin-left: 11px;}
    .picScroll-left .hd .next{background-position:0 -50px;background:url("../images/right.jpg") no-repeat;right: 0;}
    .picScroll-left .hd .prevStop{ background-position:-60px 0; }
    .picScroll-left .hd .nextStop{ background-position:-60px -50px; }
    .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
    .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icocircle.gif") 0 -9px no-repeat; }
    .picScroll-left .hd ul li.on{ background-position:0 0; }
    .picScroll-left .bd{}
    .picScroll-left .bd ul{ overflow:hidden;}
    .picScroll-left .bd ul li{margin: 0 20px;padding:0;}
    .picScroll-left .bd ul li .pic{ }
    .picScroll-left .bd ul li .pic img{width: 200px;height: 81px; }
    .picScroll-left .bd ul li .pic a:hover img{  }
    .picScroll-left .bd ul li .title{  }
	
	
	.portfolio-grid .grids .figcaption:hover img {
    transition: all 350ms ease-in-out 0s;
    -moz-transition: all 350ms ease-in-out 0s;
    -webkit-transition: all 350ms ease-in-out 0s;
    -o-transition: all 350ms ease-in-out 0s;
    -ms-transition: all 350ms ease-in-out 0s;
}

.figcaption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    text-align: center;
    color: #ffffff;
    padding: 20px;
    width: 100%;
    left: 0;
    right: 0;
}
	
	@media (min-width: 600px){

.provide-left h3 {
    font-size: 15px;}

#cont2 {

    background-size: cover;
}

#cont4 .ons li {
   
    width: 50%;
}

#cont4 {
    height: 1450px;
}
.num {
    height: 340px;}
	
.font-con .fo-lo {
    width: 30%;
}

.font-con .fo-lo {
  
    margin-top: 0;
}

.font-con .fo-ri {
    width: 66%;
}

.fo-ri .addr {
    width: 45%;
}

.fo-ri .conta {
    width: 50%;
}

.font-con .fo-ri {
    margin: 0;
}
.bianping {

    min-height: 180px;
}


#cont4 .ons li {
   
background: #000;}






.de p {
    margin: 0 0 45px 10px;
    width: 95%;
    text-align: center;
}

.de img {
    float: none;
}
}



@media (min-width: 1025px){

#cont4 .ons li {
   
    width: 25%;
}
#cont4 .ons li {
   
background: #000;}

#cont2 {

    background-size: inherit;
	height:100%;

}

.provide-left h3 {
    font-size: 20px;}

#cont4 {
    height: auto;
position: relative;
}}
	
	
.general-section.white #mix-container .mix, .general-section.item-pad #mix-container .mix {
    display: none;
    padding: 5px;
margin-top: 60px;}
	
	
.packlist img{width:100%}