/* www.jq22.com */
body {
	background-color: #fff;
	font-family: arial, helvetica, sans-serif;
	color: #000;
}
#main {
	width: 800px;
	margin: 0 auto;
}
#pbOverlay, #pbImage, #pbBottom, #pbCloseBtn {
	position: fixed;
	z-index: 9999;
}
#pbOverlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	cursor: pointer;
}
#pbCloseBtn {
	top: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/closebutton.png) no-repeat top left;
}
.pbLoading {
	background: #000 url(../images/loading.gif) no-repeat center !important;
}
#pbImage {
	border: none;
	background: #000 no-repeat;
	-moz-box-shadow: 0 0 40px #000;
	-webkit-box-shadow: 0 0 40px #000;
	box-shadow: 0 0 40px #000;
	cursor: move;
}
#pbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #EEE;
	line-height: 1.4em;
	left: 50%;
	bottom: 10px;
	width: 400px;
	margin-left: -200px; /* half the width */
}
#pbCaption {
	font-weight: bold;
	padding: 4px;
	display: inline-block;
 *display: inline; /* IE 7 */
	background-color: rgba(0, 0, 0, 0.7);
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000);
	zoom: 1;
}
#pbNav {
	display: block;
	width: 282px;
	height: 70px;
	margin: auto;
	margin-top: 5px;
}
#pbPrevBtn, #pbNextBtn, #pbZoomBtn, #pbLeftBtn, #pbRightBtn {
	display: inline-block;
	height: 70px;
	outline: none;
	text-indent: -9000px;
	background: url(../images/navbtns.png) no-repeat;
}
#pbPrevBtn {
	background-position: -223px 0;
	width: 40px;
	float: left;
}
#pbPrevBtn.pbgreyed {
	background-position: -521px 0;
}
#pbNextBtn {
	background-position: -337px 0;
	width: 40px;
	float: right;
}
#pbNextBtn.pbgreyed {
	background-position: -560px;
}
#pbZoomBtn {
	width: 74px;
	background-position: -263px 0;
	float: left;
}
#pbZoomBtn.pbgreyed {
	background-position: -74px 0;
}
#pbZoomBtn.pbzoomed {
	background-position: 0 0;
}
#pbLeftBtn {
	background-position: -159px 0;
	width: 64px;
	float: left;
}
#pbRightBtn {
	background-position: -377px 0;
	width: 64px;
	float: right;
}

/* www.jq22.com */


/*浮动 清除浮动*/
.fl{float:left;} .fr{float:right;} .clearfix:after{content:" ";display:table;clear:both;width:0px;height:0px;}  .clearfix{zoom:1;} 
/*定位*/
.relative{position:relative;} .absolute{position:absolute;} .fix{position:fixed;} 
.z1{z-index:1;} .z5{z-index:5;}  .z10{z-index:10;}  .z15{z-index:15;}  .z20{z-index:20;}
.z25{z-index:25;} .z30{z-index:30;} .z40{z-index:40;}  .z50{z-index:50;}  .z60{z-index:60;}  .z70{z-index:70;}  .z80{z-index:80;}
.z90{z-index:90;}  .z100{z-index:100;} .z500{z-index:500;} .z999{z-index:999;} .z1000{z-index:1000;} .z2000{z-index:2000;} 
.z3000{z-index:3000;} .z4000{z-index:4000;} .z5000{z-index:5000;} .z6000{z-index:6000;} .z7000{z-index:7000;}
.z8000{z-index:8000;} .z9000{z-index:9000;}  .z9999{z-index:9999;} 
/*padding 内间距*/
.p5{padding:5px 0px;} .p10{padding:10px 0px;} .p15{padding:15px 0px;} .p20{padding:20px 0px;} .p25{padding:25px 0px;}
.p30{padding:30px 0px;} .p35{padding:35px 0px;} .p40{padding:40px 0px;} .p45{padding:45px 0px;} .p50{padding:50px 0px;}
.p55{padding:55px 0px;} .p60{padding:60px 0px;} .p65{padding:65px 0px;} .p70{padding:50px 0px;} 
.p80{padding:80px 0px;}  .p90{padding:90px 0px;}  .p100{padding:100px 0px;} 
.pt5{padding-top:5px;} .pt10{padding-top:10px;} .pt15{padding-top:15px;} .pt20{padding-top:20px;} .pt25{padding-top:25px;}
.pt30{padding-top:30px;} .pt35{padding-top:35px;} .pt40{padding-top:40px;} .pt45{padding-top:45px;} .pt50{padding-top:50px;}
.pt55{padding-top:55px;} .pt60{padding-top:60px;} .pt65{padding-top:65px;} .pt70{padding-top:70px;}
.pt75{padding-top:75px;} .pt80{padding-top:80px;}  .pt90{padding-top:90px;}  .pt100{padding-top:100px;} 
/*margin 外间距*/
.m10{margin:10px auto;} .m15{margin:15px auto;} .m20{margin:20px auto;} .m30{margin:30px auto;}
.m30{margin:30px auto;} .m35{margin:35px auto;} .m40{margin:40px auto;} .m45{margin:45px auto;}
.m50{margin:50px auto;} .m55{margin:55px auto;} .m60{margin:60px auto;} .m5{margin:5px auto;}
.mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;}
.mt25{margin-top:25px;} .mt30{margin-top:10px;} .mt35{margin-top:35px;} .mt40{margin-top:40px;}
.mt45{margin-top:45px;} .mt50{margin-top:50px;} .mt55{margin-top:55px;} .mt60{margin-top:60px;}
.mt65{margin-top:65px;} .mt70{margin-top:70px;} .mt75{margin-top:75px;} .mt80{margin-top:80px;}
/*隐藏*/
.hidden{display:none;} .overhidden{overflow:hidden;} .block{display:block;}


a{transition:color ease .5s;-webkit-transition:color ease .5s;-moz-transition:color ease .5s;-o-transition:color ease .5s;}
.cson-talent-pic ul li .pic img,.mapTipText .mapTipList ul li a,.c-layout-box,
.cson-contact-list ul li:hover h6,.cson-contact-list ul li p,.cson-contact-list ul li h6,.cson-contact-list ul li,
.cson-news ul li .more a,.cson-news ul li .txt h6,.cson-news ul li .pic img,.cson-hj ul li .pic img,
.album-box .album-btn ul li .pic,.cosn-business-lc span,
.cson-wh ul li img,.cson-wh ul li h6,.c-son-ry ul li,.c-son-ry ul li .pic img,
.c-foot .nav-box .yl .yl-con i,.c-foot .nav-box .nav a,
.c-top-box .ewm,.c-foot .c-foot-bz .pic .btn,.c-news .news-list ul li,
.c-about .c-about-txt .btn-box ul li:hover .btn,
.c-about .c-about-txt .btn-box ul li:hover .txt span,
.c-about .c-about-txt .btn-box ul li:hover .txt h6,
.c-about .c-about-txt .btn-box ul li:hover .txt i,
.tran{transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s;}
.top{ display:block; background:#383946; height:35px; line-height:35px; font-size:12px; color:#aaa7b0;}
.top a, .top a:visited{ color:#6d6d6d;}
.top a:hover{ color:#6d6d6d;}
.twei{ display:block; float:left; margin-left:3px; margin-right:6px;height: 35px;}
.twei2{ display:block; float:left; margin-right:12px;}
.lf{ display:block; float:left; color:#6d6d6d}
.rf{ display:block; float:right;}
/*
 *首页 关于我们
 */
.c-about{
	background:#fff; width:1200px; margin:0 auto;
}
.c-about .c-about-txt{
	width:600px;

}

.c-bj-txt .line{
	width:130px;
	height:3px;
	background:#7b7b7b;
	font-size:0px;
}
.c-bj-txt .eng{
	font-size:40px;
	color:#4c4c4c;
	line-height:38px;
	margin:20px 0 10px;
	font-family:Bebas;
}
.c-bj-txt .chi{
	font-size: 32px;
    line-height: 42px;
    color: #1462b3; font-weight:bold; margin-bottom:24px; margin-top:10px;
}
.c-bj-txt .text{
	color:#555;
	font-size:16px !important;
	line-height:40px;
	margin:15px 0px 20px;height: 280px;
    overflow: hidden;
}
.link-box{
	width:180px;
	height:40px;
	line-height:40px;
	background:#11a1e1;
	text-align:center;border-radius: 5px; color:#fff;
}
.link-box a{ font-size:16px; color:#fff !important; }
.link-box:hover{
	box-shadow:0px 0px 10px rgba(0,0,0,0.3);
}
.link-box a{
	display:block;
	color:#fff;
}
.c-about .c-about-txt .btn-box ul li{
	width:230px;
	float:left;
	margin-top:25px;
}
.c-about .c-about-txt .btn-box ul li.first{
	margin-right:140px;
	position:relative;
}
.c-about .c-about-txt .btn-box ul li.first .line-y{
	position:absolute;
	width:1px;
	height:35px;
	background:#c3c3c3;
	right:-70px;
	top:5px;
}
.c-about .c-about-txt .btn-box ul li .btn{
	width:41px;
	height:47px;
	background:url(../images/btn.png) no-repeat;
	margin-right:20px;
}
.c-about .c-about-txt .btn-box ul li .btn.wh{
	background-position:0 -35px;
}
.c-about .c-about-txt .btn-box ul li .btn.jg{
	background-position:-41px -35px;
}
.c-about .c-about-txt .btn-box ul li .btn.lc{
	background-position:-82px -35px;
}
.c-about .c-about-txt .btn-box ul li .btn.ry{
	background-position:-123px -35px;
}
.c-about .c-about-txt .btn-box ul li .txt{
	width:166px;
}
.c-about .c-about-txt .btn-box ul li .txt h6{
	font-size:14px;
	color:#555555;
	line-height:16px;
	margin-top:5px;
}
.c-about .c-about-txt .btn-box ul li .txt span{
	color:#999;
	font-size:12px;
	line-height:14px;
}
.c-about .c-about-txt .btn-box ul li .txt i{
	position:absolute;
	width:17px;
	height:17px;
	border-radius:50%;
	background:url(../images/btn.png) no-repeat -51px 7px #7b7b7b;
	top:12px;
	right:0px;
}
.c-about .c-about-txt .btn-box ul li:hover .btn{
	background-position-y:-82px;
}
.c-about .c-about-txt .btn-box ul li:hover .txt h6,.c-about .c-about-txt .btn-box ul li:hover .txt span{
	color:#11a1e1;
}
.c-about .c-about-txt .btn-box ul li:hover .txt i{
	background-color:#11a1e1;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
}

.c-about .c-about-pic{
	width:575px;

}
.c-about .c-about-pic .pic{
	
}
.c-about .c-about-pic .bg{
	position:absolute;
	width:230px;
	height:380px;
}
.c-about .c-about-pic .bg01{
	right:60px;
	top:78px;
	background:#e3e2e2;
}
.c-about .c-about-pic .bg02{
	right:28px;
	top:130px;
	background:#e8e7e7;
}

.c-about .c-about-pic .bg03{
	right:0px;
	top:180px;
	background:#f1f1f1;
}
.c-business{
	background:url(../images/bg02.jpg) no-repeat center top #fafafa;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.qr-code h3{margin-bottom: 14px;color: #fff;font-size: 14px;}
.fd-copy{color: #666;padding: 30px 0;font-size: 12px;
    font-family: Arial, "微软雅黑","Microsoft Yahei";}
.qr-code a{margin-right: 0;margin-left: 4px;}
body,html{height: 100%;}
#fd .wp{position: relative;}
#banner,
#banner .slick-list,
#banner .slick-track{
    height: 100%;
}
#banner .animated{
    opacity: 0;
}

#banner .animated{
    opacity: 1\9;
}
#banner .item{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
}

#banner .txt {
    text-align: center;
    position: absolute;
    /*bottom: 250px;*/
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

#banner .slick-dots{
    bottom: 40px;
}
.slick .slick-dots li{
    font-size: 0;
}
.slick .slick-dots a{
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 0;
    outline: none;
}
.slick .slick-dots .slick-active a{
    background-color: #11a1e1;
}


#banner .txt img{
    width: auto;
    display: inline-block;
}
#banner .txt p{
    margin: 36px 0;
    font-size: 18px;
    color: #fff;
    line-height: 1.8;
}
.i-row1{
    padding:40px 0 40px 0; background:#f5f5f5;
}
.btn1{
    width: 160px;
    height: 50px;
    color: #fff;
    line-height: 50px;
    border: 1px solid #fff;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}

.i-row2 .t1{
    background: url(../images/t_bg2.png) no-repeat 50% top;
}
.i-row4 .t1{
    background: url(../images/t_bg4.png) no-repeat 50% top;
}
.i-row4 .tc{clear: both;}
.t1-a:before{
    position: absolute;
    content: '';
    border-top: 1px solid #dddddd;
    width: 100%;
    left: 50%;
    top: 34px;
    margin-left: -1760px;
}
.t1 h3{
    font-size: 36px;
    margin-bottom: 16px;
    color: #000;
    line-height: 1;
}
.t1{
    position: relative;
}
.t1 p{
    line-height: 1.8;
}
.t1-a{
    padding-left: 100px;
    margin-bottom: 50px;
}
.i-row1 .t1{
    background: url(../images/t_bg1.gif) no-repeat left top;
}
.i-row3 .t1{
    background: url(../images/t_bg3.gif) no-repeat left top;
}
.t1-b{
    text-align: center;
    padding-top: 194px;
    color: #fff;
}
.t1-b h3{
    margin-bottom: 30px;
    color: #fff !important;
}
.i-row2{
    padding-bottom: 150px;
}
.i-row3{
    padding-top: 100px;
    padding-bottom: 90px;
}

.slide-1:before,
.slide-1:after{
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.slide-1:after{
  clear: both;
}

.slide-1{
  zoom: 1;
}
.slide-1 a{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.slide-1 .s1,
.slide-1 .s2,
.slide-1 .s3,
.slide-1 .s4{
    position: relative;
    border-bottom: 6px solid #7BCF36;
    float: left;
    width:24%; height:400px;    margin: 0 0.5%;
}

.slide-1 .pic{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 100%; height:400px;
}
.slide-1 img{vertical-align: bottom;}

.slide-1 .tit{
    position: absolute;
    bottom:-15px;
    left: 0;
    width: 100%;
    text-indent: 70px;
    background-repeat: no-repeat;
    background-position: 20px center;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    font-size: 18px;
    height: 70px;
    line-height: 70px;
}
.slide-1 .s1 .tit{
    background-image: url(../images/c1.png);
}
.slide-1 .s2 .tit{
    background-image: url(../images/c2.png);
}
.slide-1 .s3 .tit{
    background-image: url(../images/ic1.png);
}
.slide-1 .img{

}
.slide-1 .img img{
    width: 100%;
    vertical-align: bottom;
}
.slide-1 .s3{
    position: relative;
    z-index: 20;
}
.slide-1 .pad{
    -webkit-transform: scale(0);
    -moz-transform: scale(0); 
    -ms-transform: scale(0); 
    -o-transform: scale(0); 
    transform: scale(0);
    transform-origin: 50% 50%;
    overflow: hidden;
    opacity: 0;
    padding: 36px;
    position: absolute;
    top: -20px;
    bottom: -20px;
    width: 100%;
    background-color: #11a1e1;
    color: #fff;
    -o-transition:.6s;
    -ms-transition:.6s;
    -moz-transition:.6s;
    -webkit-transition:.6s;
    transition:.6s;
    z-index: 20;
}
.slide-1 .pad h3{
    font-size: 20px;
    line-height: 34px;
    margin:60px 0 20px 0;
    padding-left: 0px;
}
.slide-1 .s3 h3{
    background: url(../images/ic1.png) no-repeat left 50%;
}
.slide-1 .s2 h3{
    background: url(../images/c2.png) no-repeat left 50%;
}
.slide-1 .s1 h3{
    background: url(../images/c1.png) no-repeat left 50%;
}

.slide-1 .pad p{
    line-height:36px; font-size:16px;
}
.slide-1 .pad .btn1{
    margin-top: 20px;
    margin-left: 6px;
}
.slide-1 .pad .btn1:hover{ background:#fff; color:#11a1e1}


.slide-1 > div:hover .pad{
    opacity: 1;   
    -webkit-transform: scale(1);
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1); 
    transform: scale(1);
}
.i-row4,.i-row3,.i-row2,.i-row1{
    clear: both;
    overflow: hidden;
}

.i-row4,
.i-row2{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.i-row2{
    background-image: url(../images/ibg1.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: scroll\9;
}