body{margin:0; font-family:"微软雅黑";overflow: hidden;}

.addredr>.nav>li>a.case{ color:#FFF;
background:url(../image/hengan.png) center no-repeat;
}



.banner{

    position: relative;

    padding-top: 27.75%;

    background: #3d2f95 url('/static/images/case/b_bg.jpg') no-repeat center center;

    background-size: cover;

}

.banner .pic{margin: 0 auto;}

.banner .pic-1{width: 100%;min-width: 310px;}

.banner .pic-1>img{margin-bottom: 3.5%;}



.banner .pic-2{width: 31.6145%;min-width: 240px;}

.banner .pic-2>img{margin-bottom: 11.53%;}



.banner .pic-3{width: 19.9479%;min-width: 130px;}

.banner .pic-3>img{margin-bottom: 21.4%;}

.banner .cell img{
	display: inline-block;
}

.banner .arrow{width: 2.1875%;position: absolute;left: 50%;bottom:0;margin-bottom: 80px;margin-left: -1%;}

.banner .arrow>img{margin-left: -1.09%;}



.sub-menu-wrap{

    margin-top: -60px;

    position: relative;

    background-color: #013b9f;

}

.sub-menu{

    max-width: 1100px;

    margin: 0px auto;

    font-size: 0px;

}

.sub-menu>li{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 25%;

    height: 60px;

    line-height: 60px;

    text-align: center;

    color: #8895b7;

    cursor: pointer;

}

.sub-menu>li.active,

.sub-menu>li:hover.active{

    background-color: #013082;

    color: #fff;

}

.sub-menu>li:hover{

    color: #fff;

    background-color: #0342ac;

}

.sub-menu>li.active>i.all{

    background-image: url("/static/images/case/icon_quanbu_xuanzhong.png");

}

.sub-menu>li.active>i.cs{

    background-image: url("/static/images/case/icon_cs_xuanzhong.png");

}

.sub-menu>li.active>i.bs{

    background-image: url("/static/images/case/icon_bs_xuanzhong.png");

}

.sub-menu>li.active>i.app{

    background-image: url("/static/images/case/icon_app_xuanzhong.png");

}

.sub-menu>li>*{

    display: inline-block;

    vertical-align: middle;

}

.sub-menu>li>i{

    width: 25%;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;
    margin-left: -20px;

}

.sub-menu>li>span{

    font-size: 15px;

    cursor: pointer;

}

.sub-menu>li>i.all{

    background-image: url("/static/images/case/icon_quanbu_weixuanzhong.png");

    background-size: 21px 21px;

}

.sub-menu>li>i.cs{

    background-image: url("/static/images/case/icon_cs_weixuanzhong.png");

    background-size: 22px 18px;

}

.sub-menu>li>i.bs{

    background-image: url("/static/images/case/icon_bs_weixuanzhong.png");

    background-size: 20px 17px;

}

.sub-menu>li>i.app{

    background-image: url("/static/images/case/icon_app_weixuanzhong.png");

    background-size: 12px 19px;

}





.case-list-wrap{

    max-width: 1100px;

    margin: 0 auto;

}

.case-list{

    padding: 0 8px;

}

.case-list>.case-type{

    color: #a1a1a1;

    font-size: 22px;

    margin-top: 0px;

    margin-bottom: 36px;

    margin-top: 0px;
    
}

.case-list:nth-child(2) .case-type{
	
}


.case-list>ul.row{

    margin: 0;

}

.case-list>ul.row>li{

    padding: 0;

}

.case-list .case-image{

    position: relative;

    padding-top: 63.64%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-size: 550px 350px\9;



}

.case-list .case-thumbnail{



}

.case-list .case-image>.mask{

    position: absolute;

    top: 0;right: 0;bottom: 0;left: 0;

    background-color: #000\9;

    background-color: rgba(0,0,0,.75);

    display: none;

}

.case-list .case-image:hover>.mask{

    display: block;

}

.case-list .case-image .case-intro{

    color: #fff;

}

.case-list .case-intro>.case-name{

    font-size: 20px;

    margin-bottom: 12px;

}

.case-list li>a .case-name{

    color: #34495e;

    font-size: 24px;

    margin-top: 20px;

    margin-bottom: 8px;

}

.case-list li>.case-company{

    color: #afbdca;

    font-size: 15px;

    margin-bottom: 40px;

}

.new_log{
	width: 45px;
	height: 20px;
	background-color:#FF0000;
	float: left;
	margin:20px 0px 0px 5px;
	padding: 0 2px 0px 6px;
	border:1px solid #FF0000;
	border-radius:3px;
	font-weight: bold;
	font-size: 13px;
	line-height: 17px;
	color: #fff !important;
}



@media(max-width:500px){

	.sub-menu>li>i{display:none;}

}

@media(max-width:676px){

    .banner{padding-top: 30%;}

    .sub-menu-wrap{margin-top: 0;}

    .banner .pic-3>img{margin-bottom: 0;}

    .banner .arrow{display: none;}
	.case-list .case-image>.mask{display: block;    background-color: rgba(90, 73, 73, 0);}
	.case-list .case-image .case-intro {
        color: rgba(255, 255, 255, 0);
}

}


.banners{ width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.banners img{ display: block; width: 100%; height: auto;}

.mainboxa{ width: 1200px; position: relative; left: 50%; margin-left: -600px; display: table; padding: 0px 0;}
.mbxnav{ width: 100%; display: table; padding-bottom: 20px; border-bottom: 1px solid #E2E2E2;}
.mbxnav h3{ float: left;}
.mbxnav h3 strong{ display: inline-block; font-size: 26px; color:#000000;}
.mbxnav h3 span{ display: inline-block; font-size: 12px; text-transform: uppercase; color: #B4B4B4; margin-left: 10px;}
.mbxnav p{ float: right;}
.mbxnav p a{ display: inline-block; font-size: 13px; color: #999999;}
.mbxnav p font{ display: inline-block; font-size: 13px; color: #999999; margin: 0 3px;}
.mbxnav p a.on,
.mbxnav p a:hover{ color: #C1A364;}

.newsboxa>ul{ float: right; width: 900px; display: table; margin-top: 40px;}
.newsboxa ul li{ float: left; width: 48%; margin-bottom: 30px;}
.newsboxa ul li:nth-of-type(even){ float: right;}
.newsboxa>ul li a img{ width: 100%; display: block;}
.newsboxa ul li h3{ width: 100%; display: table; padding: 20px 0 15px; border-bottom: 1px solid #E2E2E2;}
.newsboxa ul li h3 span{ float: left;}
.newsboxa ul li h3 strong{ display: block; font-size: 30px; height: 30px; font-family: 'Myriad Pro';}
.newsboxa ul li h3 time{ display: block; font-size: 12px; font-family: 'Myriad Pro'; color: #D0D0D0;}
.newsboxa ul li font{ float: right; font-size: 18px; color: #077E8C; margin-top: 8px;height:40px;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	width: 380px;
}
.newsboxa ul li p{ font-size: 13px; color: #8C8C8C; line-height: 1.7; margin-top: 20px;}
.newsboxa ul li:hover font{ color: #C1A364;}


.fy{ width: 100%; display: table; text-align: center; margin-top: 50px;}
.fy a{ display: inline-block; padding: 5px 10px; font-size: 14px; color: #666666; background-color: #F8F8F8; margin: 0 2px;}
.fy a:hover,
.fy a.on{ background-color: #C1A364; color: #fff;}

.newsboxa-xq{ width: 100%; display: table; margin-top: 40px;}
.newsboxa-xq .lftxq{ float: left; width: 850px;}
.newsboxa-xq .lftit{ width: 100%; margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px dotted #CCCCCC; text-align: center;}
.newsboxa-xq .lftit h3{ font-size: 24px; color: #C1A364;}
.newsboxa-xq .lftit time{ font-size: 12px; font-family: arial; color: #999999; display: block; margin-top: 7px;}

.newsboxa-xq p{ text-indent: 2em; margin-bottom: 24px; font-size: 13px; color: #666666; line-height: 1.7;}
.newsboxa-xq p strong{font-weight:bold;font-size:18px;}
.newsboxa-xq p em{font-style: italic;}

.newsboxa-xq .ritxq{ float: right; width: 264px; border: 1px solid #E2E2E2;}
.newsboxa-xq .ritxq h3{ width: 100%; padding: 15px 0; padding-left: 20px; border-bottom: 1px solid #E2E2E2; font-size: 14px; font-weight: bold; color: #2D2D2D;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.newsboxa-xq .ritxq ul{ width: 100%; padding: 25px 0 25px 20px;
 	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.newsboxa-xq .ritxq ul li{ margin-bottom: 15px;}
.newsboxa-xq .ritxq ul li i{ display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 100%; background-color: #818181;}
.newsboxa-xq .ritxq ul li p{ text-indent: 0em; display: inline-block; margin-bottom: 0; vertical-align: middle; margin-left: 5px; font-size: 13px; color: #818181;}
.newsboxa-xq .ritxq ul li:hover p{ color: #C1A364;}
.newsboxa-xq .ritxq ul li:hover i{ background-color: #C1A364;}
.suofrom{ width: 100%; padding: 30px 0; background-color: #F2F4F4; text-align: center;}
.suofrom span{ display: inline-block; position: relative; overflow: hidden; width: 750px; height: 50px; border: 1px solid #DBDBDB; border-radius: 30px; background-color:#fff;}
.suofrom span .int{ width: 100%; height: 50px; line-height: 50px; border: none; padding-left: 40px; font-size: 14px; color: #BBBBBB;}
.suofrom span button{ position: absolute; right: 3px; top: 2px; width: 93px; height: 46px; background: url(/static/images/img/ss2.png) no-repeat center center / 100% 100%;}
.suofrom span button:hover{ opacity: 0.9;}
.sousuos{ width: 100%; padding: 35px 0; display: table;}
.sousuos li{ width: 100%; margin-bottom: 50px; border-left: 5px solid #D1D1D1; min-height: 100px; padding-left: 25px;}
.sousuos li h3{ padding-top: 5px; font-size: 16px; color: #232323; padding-bottom: 10px; border-bottom: 1px dashed #DFDFDF;}
.sousuos li p{ font-size: 13px; color: #7E7E7E; line-height: 1.7; margin-top: 10px;}
.sousuos li:hover{ border-color: #077E8C;}
.sousuos li:hover h3{ color: #077E8C;}

.leftnav{ float: left; width: 230px; }
.leftnav h3{ width: 100%; height: 110px; background: url(../image/z3.jpg) no-repeat center center / 100% 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 30px;
	 border-bottom: 4px solid #C1A364;
}
.leftnav h3 strong{ color: #fff; font-weight: bold; display: block; font-size: 24px;}
.leftnav h3 span{ font-size: 12px; color: #6DA6AF; text-transform: uppercase; display: block; margin-top: 2px;}
.leftnav ul{ width: 100%; margin-top: 8px; background-color: #F8F8F8; display: table;}
.leftnav ul li{ width: 100%; height: 48px; line-height: 48px; margin-bottom: 0;}
.leftnav ul li a{ position: relative; display: block; width: 100%; height: 100%; z-index: 2;}
.leftnav ul li a:after{ position: absolute; content: ''; left: 0; top: 0; width: 0%; height: 100%; background-color: #077E8C; z-index: -1;}
.leftnav ul li a span{ display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 15px; color: #666666;}
.leftnav ul li a img{ display: inline-block; vertical-align: middle; margin-left: 30px; opacity: 0;}
.leftnav ul li a:after,
.leftnav ul li a span,
.leftnav ul li a img{
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s; 
	-moz-transition: all .4s ease 0s; 
}
.leftnav ul li a.on img,
.leftnav ul li a:hover img{ opacity: 1;}
.leftnav ul li a.on span,
.leftnav ul li a:hover span{ color: #fff;}
.leftnav ul li a.on:after,
.leftnav ul li a:hover:after{ width: 100%;}
.ritconts{ float: right; width: 920px; margin-bottom: 65px;}
.ritconts .zzjg img{ margin-top: 20px; width: auto; height: auto; display: block;}
.recruitment{ float: right; width: 900px; display: table; margin-top: 40px;}
.recruitment li{ width: 100%; margin-bottom: 30px;}
.recruitment .wtit{ width: 100%; background-color: #F9F9F9; padding: 10px 20px; border-left: 3px solid #C1A364; display: table;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.recruitment .wtit strong{ float: left; font-size: 15px; color: #363636; text-transform: uppercase;}
.recruitment .wtit i{ float: right; width: 18px; height: 18px; background: url(/static/images/img/jts2.jpg) no-repeat center center;}
.recruitment .zwbox{ width: 100%; font-size: 0; margin-top: 30px; display: none;}
.recruitment .zwbox .txti{ display: inline-block; vertical-align: top; width: 50%; padding-left: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.recruitment .zwbox .txti h4{ font-size: 13px; font-weight: bold; color: #363636; margin-bottom: 15px;}
.recruitment .zwbox .txti p{ font-size: 13px; color: #666666; line-height: 1.7; margin-bottom: 5px;}
.recruitment li.active .wtit,
.recruitment li:hover .wtit{ background-color: #077E8C; color: #fff;}
.recruitment li.active .wtit strong,
.recruitment li:hover .wtit strong{ color: #fff;}
.recruitment li.active .wtit i,
.recruitment li:hover .wtit i{  background: url(/static/images/img/jts1.jpg) no-repeat center center;}

.gsjj{ width: 100%; padding-top: 20px; padding-bottom: 100px;}
.gsjj dl{ width: 100%; display: table;}
.gsjj dl dt{ display: inline-block; vertical-align: middle;}
.gsjj dl dd{ display: inline-block; vertical-align: middle; margin-left: 40px; width: 526px;}
.gsjj dl dd h3{ margin-left: -140px; padding: 7px 0; font-size: 16px; color: #fff; font-weight: bold; text-align: center; width: 380px; background-color: #C1A364;}
.gsjj dl dd h4{ margin-top: 30px; font-size: 14px; color: #ABABAA; padding-bottom: 20px; border-bottom: 1px solid #D7D7D7;}
.gsjj dl dd p{ font-size: 14px; color: #3E3B32; line-height: 1.9; margin-top: 30px;}

.telpho{ width: 100%; padding-top: 20px;}
.telpho dl{ display: inline-block; width: 49%; margin-bottom: 20px; position: relative;}
.telpho dl:last-child{ margin-right: 0;}
.telpho dl:after{ position: absolute; content: ''; right: 50px; top: 10px; height: 30px; border-right: 1px solid #E5E5E5;}
.telpho dl:nth-of-type(2n):after{ display: none;}
.telpho dl dt{ display: inline-block; vertical-align: middle; margin-right: 20px;}
.telpho dl dd{ display: inline-block; vertical-align: middle;}
.telpho dl dd span{ display: block; padding-bottom: 6px; border-bottom: 1px dashed #CCCCCC;}
.telpho dl dd font{ display: block; font-size: 16px; font-weight: bold; margin-top: 6px;}

.map{ width: 100%; padding-top: 60px; padding-bottom: 50px;}
.map img{ width: 100%; height: auto; display: block;}

.companysur{ width: 100%; padding-top: 40px;}
.companysur .jjs{ font-size: 13px; line-height: 2; text-indent: 2em;}
.companysur .jzgm{ width: 100%; padding-top: 40px;}
.companysur .jzgm dl{ width: 100%; margin-bottom: 30px; font-size: 0;}
.companysur .jzgm dl dt{ display: inline-block; vertical-align: middle;}
.companysur .jzgm dl dd{ display: inline-block; vertical-align: middle; margin-left: 20px; padding-left: 30px;}
.companysur .jzgm dl dd img{}
.companysur .jzgm dl dd h3{ margin-top: 20px; font-size: 20px; font-weight: bold;}
.companysur .jzgm dl dd p{ font-size: 14px; margin-top: 12px; line-height: 1.7;}
.companysur .jzgm dl dd i{ display: block; margin-top: 12px; width: 30px; border-top: 1px solid #AEAEAE;}

.companysur .jzgm dl:nth-of-type(2) dd{ padding-top: 30px; width: 540px; height: 209px; background-color: #F2F4F4; margin-left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-right: 40px;
	padding-left: 50px;
}

.bgs{ width: 100%; background-color: #F2F4F4; display: table;}
.ptnav{ width: 100%; display: table; font-size: 0; margin-top: 30px;}
.ptnav a{ display: inline-block; width: 24.25%; margin-right: 1%; background-color: #fff; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #363636;}
.ptnav a:last-child{ margin-right: 0;}
.ptnav a.on,
.ptnav a:hover{ background-color: #0E828F; color: #fff;}

.ptbox{ width: 100%; padding: 64px 112px; background-color: #fff; margin-top: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.ptbox h3{ font-size: 24px; color: #000000; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #D8D7D6;}
.ptbox dl{ width: 100%; margin-top: 70px;}
.ptbox dl dt{ display: inline-block; vertical-align: middle;}
.ptbox dl dt img{ display:block;}
.ptbox dd{ display: inline-block; width: 574px; vertical-align: middle; margin-left: 40px;}
.ptbox dd h4{ font-size: 14px; font-weight: 500; color: #3E3B32; margin-bottom: 30px;}
.ptbox dd p{ font-size: 14px; color: #3E3B32; text-indent: 2em; line-height: 1.8; margin-top: 10px;}

.bqbox{ font-size: 0; border-top: 1px solid #F2F4F4; padding: 30px 112px; background-color: #fff;}
.bqbox a{ display: inline-block; width: 32%; margin-bottom: 15px; margin-right: 1%; height: 46px; line-height: 46px; text-align: center; font-size: 14px; color: #3E3B32; border: 1px solid #E5E5E4;}
.bqbox a:hover{ background-color: #C1A364; color: #fff;}

.fh{ margin-top: 40px;}
.fh a{ display: block; width: 190px; height: 50px; text-align: center; line-height: 50px; background-color: #0E828F;}
.fh a img{ display: inline-block; vertical-align: middle;}
.fh a span{ display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 14px; color: #fff;}

.comphistory{ width: 100%; margin: 20px 0 40px; min-height: 200px;
	background: url(/static/images/y1.jpg) no-repeat 180px top,
	            url(/static/images/y2.jpg) repeat-y 187px top;
}
.comphistory .subcompy{ width: 100%; padding: 58px 0;}
.comphistory .subcompy li{ width: 100%;}
.comphistory .subcompy li dl{ width: 100%; font-size: 0; margin-bottom: 40px;}
.comphistory .subcompy li dl dt{ vertical-align: top; display: inline-block; width: 198px; height: 36px; background: url(/static/images/y3.jpg) no-repeat right center;}
.comphistory .subcompy li dl dt span{ display: inline-block; width: 109px; height: 36px; line-height: 36px; text-align: center; background-color: #077E8C; font-size: 16px; 
	color: #fff; 
	font-family: arial;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 2px solid #077E8C;
}
.comphistory .subcompy li dd{ vertical-align: top; display: inline-block; width: 692px; height: 77px; background-color: #F2F2F2; margin-left: 24px; position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 17px 36px;
}
.comphistory .subcompy li dd i{ display: block; position: absolute; left: -8px; top: 10px;
	border-right: 10px solid #F2F2F2;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.comphistory .subcompy li dd p{ line-height: 1.7; font-size: 13px;}

.comphistory .subcompy li span,
.comphistory .subcompy li dd,
.comphistory .subcompy li dd p,
.comphistory .subcompy li dd i{
	transition: all .5s ease 0s;  
	-webkit-transition: all .5s ease 0s;  
	-moz-transition: all .5s ease 0s;  
}
.comphistory .subcompy li:hover span{ background-color: #fff; color: #C1A364; border-color: #C1A364;}
.comphistory .subcompy li:hover dd{ background-color: #C1A364;}
.comphistory .subcompy li:hover dd p{ color: #fff;}
.comphistory .subcompy li:hover dd i{ border-right: 10px solid #C1A364;}


.ywfws{ width: 1920px; height: 670px; margin: 0px 0; position: relative; left: 50%; margin-left: -960px; background: url(/static/images/pm.jpg) no-repeat center center / 100% 100%;;}
.ywfws ul.yu1{ width: 1200px; margin: 0 auto; font-size: 0;}
.ywfws ul.yu1 li{ display: inline-block; vertical-align: middle; width: 300px; height: 640px; margin-top: -48px; padding: 0 20px;  position: relative; z-index: 2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.ywfws ul.yu1 li:after{ position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 0%; background-color: rgba(7,126,140,0.9); z-index: -1;}
.ywfws ul.yu1 li .neibx{ width: 85%; text-align: center; position: absolute; top: 50%; height: 260px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.ywfws ul.yu1 li .neibx img{ display: inline-block; height: 60px; margin-bottom: 40px;}
.ywfws ul.yu1 li .neibx h3{ font-size: 22px; color: #fff; font-weight: bold; padding-bottom: 40px; border-bottom: 1px solid #fff; margin-bottom: 25px;}
.ywfws ul.yu1 li .neibx p{ font-size: 16px; color: #fff; margin-top: 15px;
	opacity: 0;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
}
.ywfws ul.yu1 li .neibx p:hover{ background-color: #086C76;}
.ywfws ul.yu1 li:after,
.ywfws ul.yu1 li .neibx,
.ywfws ul.yu1 li .neibx p{
	transition: all .6s ease 0s;
	-webkit-transition: all .6s ease 0s;
	-moz-transition: all .6s ease 0s;
}
.ywfws ul.yu1 li:hover:after{ height: 100%;}
.ywfws ul.yu1 li:hover .neibx{
	transform: translateY(-70%);
	-webkit-transform: translateY(-70%);
	-moz-transform: translateY(-70%);
	-webkit-transform: translateY(-70%);
	-moz-transform: translateY(-70%);
}
.ywfws ul.yu1 li:hover .neibx p:nth-of-type(1){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .2s;
	-webkit-transition: all .6s ease .2s;
	-moz-transition: all .6s ease .2s;
}
.ywfws ul.yu1 li:hover .neibx p:nth-of-type(2){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .4s;
	-webkit-transition: all .6s ease .4s;
	-moz-transition: all .6s ease .4s;
}
.ywfws ul.yu1 li:hover .neibx p:nth-of-type(3){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .6s;
	-webkit-transition: all .6s ease .6s;
	-moz-transition: all .6s ease .6s;
}
.ywfws ul.yu1 li:hover .neibx p:nth-of-type(4){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .8s;
	-webkit-transition: all .6s ease .8s;
	-moz-transition: all .6s ease .8s;
}
.ywfws ul.yu1 li:hover .neibx p:nth-of-type(5){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease 1s;
	-webkit-transition: all .6s ease 1s;
	-moz-transition: all .6s ease 1s;
}

.ywfws2{ height: 670px; background: url('../image/sg2.jpg') no-repeat center center / 100% 100%;}
.ywfws2 ul.yu2{  width:200%; margin: 0 auto; font-size: 0;}
.ywfws2 ul.yu2 li{ display: inline-block; margin-right: 18px; width: 286px; height: 628px; vertical-align: middle; margin-top: -66px; position: relative;}
.ywfws2 ul.yu2 li:last-child{ margin-right: 0;}
.ywfws2 ul.yu2 li dl{ width: 100%; position: absolute; top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.ywfws2 ul.yu2 li dl dt{ width: 100%;}
.ywfws2 ul.yu2 li dl dt img{ width: 100%; height: auto; display: block;}
.ywfws2 ul.yu2 li dl dd{ height:100%; padding: 14px 0px 20px 0px; margin-top: 3px; background-color: rgba(9,54,131,0.9); text-align: center;}
.gast{ height:50%;}
.ywfws2 ul.yu2 li dl dd { font-size: 19px; color: #fff; font-weight:600;}
.ywfws2 ul.yu2 .hbg{ width: 286px; height: 0; text-align: center;  background: url('../image/eg.png') no-repeat center center / 100% 100%; position: absolute; left: 0; top: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
}
.ywfws2 ul.yu2 .hbg .nei{ width: 100%; opacity: 0;
	position: absolute; top: 50%;
	transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	transition: all .5s ease 0s;
}
.ywfws2 ul.yu2 .hbg h4{ display: inline-block; width: 80%; margin-bottom: 20px; font-size: 24px; color: #fff; font-weight: bold; padding-bottom: 25px; border-bottom: 1px solid #e3e3e3;}
.ywfws2 ul.yu2 .hbg p{ font-size: 14px; color: #fff; padding: 12px 26px; text-align: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.ywfws2 ul.yu2 li,
.ywfws2 ul.yu2 li dl,
.ywfws2 ul.yu2 .hbg,
.ywfws2 ul.yu2 .hbg p{
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
}
.ywfws2 ul.yu2 li:hover dl{ opacity: 1;}
.ywfws2 ul.yu2 li:hover .hbg{ height: 628px;}
.ywfws2 ul.yu2 li:hover .nei{ 
		opacity: 1;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transition: all 1s ease .5s;
		-webkit-transition: all 1s ease .5s;
		-moz-transition: all 1s ease .5s;
}
.ywfws2 ul.yu2 .hbg p:hover{ background-color: #022665;}

.biard{font-size: 12px;
    text-align: right;
    padding: 0px 12px 0px 0px;
	margin-top:-24px;}
.biard a{ color: #ccc;}
.biard a:hover{ color:#FFF;}



.leftnav2 h3{ background: url(/static/images/z4.jpg) no-repeat center center / 100% 100%;}
.leftnav2 ul li a:after{ background-color: #C1A364;}
.leftnav2 h3 span{ color: #fff;}

.mod18{ width:804px; position:relative; margin:0 auto;}
.mod18 .btn{ position:absolute; cursor:pointer; z-index:99; font-size:50px; font-weight:bold;}
.mod18 .prev{ left:-39px; background:url(/static/images/img/lg5.jpg) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:35px;height:75px;}
.mod18 #prev,.mod18 #next{ top:601px; width:23px; height:23px;}
.mod18 #prevTop{ background:url(/static/images/img/lg1.jpg) 0 0 no-repeat;}
.mod18 #prevTop:hover{ background:url(/static/images/img/lg3.jpg) 0 0 no-repeat;}
.mod18 #nextTop{ background:url(/static/images/img/lg2.jpg) 0 0 no-repeat;}
.mod18 #nextTop:hover{ background:url(/static/images/img/lg4.jpg) 0 0 no-repeat;}
.mod18 .next{ right:-30px; background:url(/static/images/img/lg6.jpg) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{ position:relative; color:#fff;}
.mod18 .cf a{ display:block;width:100%; height:auto; position:absolute; color:#7B7B7B;}
.mod18 .cf li p{ width: 100%; height: 45px; font-size: 15px; margin-top: 5px; text-align: center; line-height: 45px; background-color: #EDEDED;}
.mod18 .picBox{ width:797px; height:546px; position:relative; overflow:hidden; background:#fff;}
.mod18 .picBox ul{height:494px; position:absolute; left:0;}
.mod18 .picBox li{ width:797px; height:494px;}
.mod18 .listBox{ width:804px; height:100px; margin:0 auto; position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{ height:88px; position:absolute;}
.mod18 .listBox li{ margin: 0; width:150px; height:100px; cursor:pointer; position:relative;}
.mod18 .listBox li i{ display:none;}
.mod18 .listBox li a{ display:block; width:108px; height:77px;}
.mod18 .listBox img{ border:3px solid #CECDCC;}
.mod18 .listBox .on img{ border:3px solid #C1A364;}
.mod18 .listBox .on{background:url(/static/images/img_bg.jpg) center top no-repeat;}
.mod18 .listBox .on i{display:block;}

.poster-main{ position:relative;width:1200px; height:538px;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:1200px; height:450px;}
.poster-main .poster-list .poster-item{ position:absolute; left:0; top:0; overflow: hidden;}
.poster-main .poster-list .poster-item p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 68px; line-height: 68px; font-size: 15px; color: #fff; background-color: rgba(0,0,0,0.6); text-align: center;}
.poster-list li img{ width: 100%; height: 100%; position: absolute;}
.poster-main .poster-btn{ position:absolute; top:0; width:75px !important; height:75px !important; 
	z-index:10; 
	cursor:pointer; 
	opacity:0.8;
}
.poster-main .poster-prev-btn{ 
	left:380px; 
	top: 50%; 
	margin-top: 275px;
	background: url(/static/images/img/pre1.jpg) no-repeat center center;
}
.poster-main .poster-prev-btn:hover{ background: url(/static/images/img/pre3.jpg) no-repeat center center;}
.poster-main .poster-next-btn{ 
	right:380px; 
	top: 50%;
	margin-top: 275px;  
	background: url(/static/images/img/pre2.jpg) no-repeat center center;
}
.poster-main .poster-next-btn:hover{
	background: url(/static/images/img/pre4.jpg) no-repeat center center;
}

#fushu{width:1170px;font-family:"微软雅黑"; position:relative; left:50%;top:0; margin-left:-555px;padding-top:50px; padding-bottom:100px;height:400px; }
#fushu li{width:167px; float:left; position:relative;}
#fushu li a{font-size:20px; color:#838383; line-height:36px;}
#fushu li a:hover{text-decoration:underline;color:#C1A364;}
#fushu li .erji{width:100%; display:table; position:absolute;top:50px;left:0px;}
#fushu li .erji a{font-size:14px; color:#838383;}
#fushu li .erji a:hover{color:#C1A364; }
#fushu p{ font-size:14px; color:#000; line-height:24px; padding-bottom:20px;font-family:"微软雅黑";}

.zzjg p{ font-size: 14px; color: #000; line-height: 1.7; text-indent: 2em; margin-bottom: 15px;}

.blst{ float: right; width: 900px; height: 470px; margin-bottom: 50px; position: relative; background: url(/static/images/ig5.jpg) no-repeat left 94px;}
.theTit{ width: 100%; padding-bottom: 13px; border-bottom: 1px solid #E2E2E2; font-size: 18px; color: #363636; margin-bottom: 50px;}
.blst .formfb{ float: right; margin-top: 29px; width: 426px; height: 298px; background-color: #F8F7F7; padding:30px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.blst .formfb p{ width: 100%; position: relative; margin-bottom: 14px;}
.blst .formfb p input{ width: 100%; height: 50px; border: 1px solid #E9E9E9; line-height: 50px; padding-left: 75px; font-size: 14px; color: #D6D6D6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
}
.blst .formfb p input:focus{ border-color: #C1A364;}
.blst .formfb p input.txts1{ background: #fff url(/static/images/img/ig1.jpg) no-repeat 30px center;}
.blst .formfb p input.txts2{ background: #fff url(/static/images/img/ig3.jpg) no-repeat 30px center;}
.blst .formfb p input.pasd{ background: #fff url(/static/images/img/ig2.jpg) no-repeat 30px center;}
.blst .formfb p span{ position: absolute; right: 20px; top: 13px; cursor: pointer;}
.blst .formfb button{ width: 100%; height: 50px;  font-size: 14px; color: #fff; background-color: #C1A364; border-radius: 3px;}
.blst .formfb button:hover{ background-color: #F7B93B;}

.fjxz{ width: 100%; padding-top: 40px; display: table;}
.fjxz ul{ width: 100%; display:table; font-size: 0;}
.fjxz ul li{ display: inline-block; vertical-align: top; margin-bottom: 20px; margin-right: 1.5%; width: 23.8%;}
.fjxz ul li:nth-of-type(4n){ margin-right: 0;}
.fjxz ul li .imgm{ width: 100%; height: auto; position: relative;}
.fjxz ul li .imgm>img{ width: 100%; height: auto; display: block;}
.fjxz ul li .imgm span{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background:rgba(193,163,100,0.3) url(/static/images/zn1.png) no-repeat center center;
	opacity: 0;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
}
.fjxz ul li .imgm span img{}
.fjxz ul li p{ vertical-align: middle; width: 100%; text-align: center; margin-top: 10px; font-size: 14px;}
.fjxz ul li p font{ display: inline-block; vertical-align: middle; font-size: 14px;}
.fjxz ul li p i{ margin: 0 10px; display: inline-block; vertical-align: middle; font-size: 14px;}
.fjxz ul li p a{ display: inline-block; vertical-align: middle; color: #C1A364; font-size: 14px;}
.fjxz ul li:hover .imgm span{ opacity: 1;}


.ryzzs{ width: 100%; margin-top: 10px; display: none; padding-bottom: 40px;}
.ryzzs .swiper-slide{ width: 100% !important;}
.ryzzs .swiper-slide img{ width: 100%; height: auto; display: block;}
.ryzzs .swiper-slide h4{ background-color: rgba(7,126,140,0.8); font-size: 12px; color: #fff; text-align: center; padding: 10px 0;}
.ryzzs .swiper-pagination-bullet-active{ background-color: #168286;}

.jinadian{ display: none; width: 100%; padding-bottom: 40px;}
.jinadian .swiper-slide{ width: 100% !important;}
.jinadian .swiper-slide img{ width: 100%; height: auto; display: block;}
.jinadian .swiper-pagination-bullet-active{ background-color: #168286;}

.bigboxss{ width: 100%; display: table; padding-top: 30px;}
.neisxb{ float: right; width: 900px; display: table;}

.yqlian{ float: right; width: 900px; display: table; font-size: 0;}
.yqlian a{ display: inline-block; width: 31.7%; height: 110px; text-align: center; line-height: 110px; vertical-align: top; border: 1px solid #E2E2E2; margin-right: 2%; margin-bottom: 15px;}
.yqlian a:nth-of-type(3n){ margin-right: 0;}
.yqlian a:hover{ border-color: #C1A364;}

.neinews{ float: right; width: 900px;}
.neinews ul{ display: table; margin-top: 20px;}
.neinews ul li img{ width: 100%; height: auto; display: block;}

.neirective{ float: right; width: 900px;}


.guihuas{ width: 100%; padding: 50px 100px; display: table;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.guihuas1{ background-color: #fff; margin-top: 60px;}
.guihuas dl{ width: 100%; display: table;}
.guihuas dl dt{ float: right; width: 460px;}
.guihuas dl dt img{ width: 100%; height: auto; display: block;}
.guihuas dl dd{ float: left; width: 466px;}
.guihuas dl dd h3{ font-size: 24px; color: #0E828F; padding-bottom: 30px;}
.guihuas dl dd p{ font-size: 14px; color: #3E3B32; line-height: 1.8;}
.guihuas1 dl:nth-of-type(1){ padding-bottom: 60px; border-bottom: 1px solid #0E828F; margin-bottom: 60px;}
.guihuas1 dl:nth-of-type(2) dt{ float: left;}
.guihuas1 dl:nth-of-type(2) dd{ float: right;}
.guihuas2{ border-left: 4px solid #0E828F;}
.guihuas2 dl{ margin-bottom: 10px;}
.guihuas3 dl:nth-of-type(1) dt{ float: left;}
.guihuas3 dl:nth-of-type(1) dd{ float: right;}
.guihuas3 dl:nth-of-type(2) dt{ float: right;}
.guihuas3 dl:nth-of-type(2) dd{ float: left;}

* {padding: 0;margin: 0;}
.Box {position: relative;}
			.Box .content {width: 1200px;margin: 0 auto;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
			
.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 258px;cursor: pointer;}
			.Box .Box_con .btnl {background: url('../image/jtl02.png') no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url('../image/jtr02.png') no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url('../image/jtl03.png') no-repeat center;}
			.Box .Box_con .btnr:hover {background: url('../image/jtr03.png') no-repeat center;}
			
.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			

			.Box .BoxSwitch {margin-top: 0px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: #093683;}



@media only screen and ( max-width: 1600px) {
	
}
@media only screen and ( max-width: 1440px) {
   header .menunav a{ width: 95px; font-size: 14px;}

   .xlnav .subxos .neinav:nth-of-type(4){ padding-left: 190px;}
   .xlnav .subxos .neinav:nth-of-type(5){ padding-left: 175px;}
   .xlnav .subxos .neinav:nth-of-type(6){ padding-left: 280px;}
   .xlnav .subxos .neinav:nth-of-type(7){ padding-left: 438px;}

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

}
@media only screen and ( max-width: 992px) {
 
   .phonemenu{ display: block;}
   .banner{ width: 100%; height: 320px; margin-left: -50%; margin-top: 60px;}
   .banner .swiper-slide img{ width: 100%; height: 100%; display: block;}
   .banner .swiper-pagination-bullet{ margin: 0 10px !important;}
   .banners{ margin-top: 60px; width: 100%; margin-left: -50%;}
   .banners img{ width: 100%;}
   .TravContent{ display: none;}
   .TravPage{ display: none;}
   .newBox{ width: 94%; margin-left: -47%;}
   .newBox .lftn{ float: none; width: 100%;}
   .newBox .lftn dl{ padding-bottom: 10px;}
   .newBox .lftn dl dt{ width: 100%; text-align: center;}
   .newBox .lftn dl dt img{ width: 100%; height: auto;}
   .newBox .lftn dl dd{ width: 100%; margin-left: 0;}
   .newBox .lftn dl dd time{ padding: 5px 0;}
   .newBox .lftWit strong{ font-size: 22px;}
   .newBox .lftWit span{ display: block; margin-left:0px;}
   .newBox .rit{ float: none; width: 100%;}
   .newBox .lftn ul{ margin-top: 5px;}
   .newBox .lftn ul li span{ margin-left: 0; margin-top: 5px;}
   .newBox .rit .lftWit{ padding-bottom: 6px;}
   .platform{ margin-top: 20px;}
   .phonetravs{ display: block;}
   
   footer .foot{ width: 94%;}
   footer .foot .lftbx{ float: none; width: 100%;}
   footer .foot .ritbx{ float: none; width: 100%;}
   footer .foot .lftbx p span{ margin-left: 0; margin-top: 10px;}
   footer .foot .lftbx p font{ display: block;}
   footer .foot .lftbx p a{ margin-right: 10px;}
   footer .foot .lftbx p i{ display: none;}
   footer .foot .ritbx img{ display: block; margin-top: 10px;}
   
   .mainboxa{ width: 94%; margin-left: -47%; padding: 0;}
   .leftnav{ width: 100%; margin-bottom: 20px; margin-top: 20px;}
   .ritconts{ float: none; width: 100%;}
   .mbxnav{ display: none;}
   .gsjj{ padding-bottom: 0;}
   .gsjj dl dt{ width: 100%;}
   .gsjj dl dt img{ width: 100%; height: auto; display: block;}
   .gsjj dl dd{ width: 100%; margin-left: 0;}
   .gsjj dl dd h3{ margin-left: 0; width: 100%;}
   
   .ritconts .zzjg img{ width: 100%;}
   
   .comphistory .subcompy li dd{ width: 100%; height: auto; margin-top: 20px; margin-left: 0;}
   .companysur .jzgm dl dt{ width: 100%;}
   .companysur .jzgm dl dt img{ width: 100%; height: auto; display: block;}
   .companysur .jzgm dl dd{ margin-top: 25px; padding-left: 0; margin-left: 0;}
   .companysur .jzgm dl:nth-of-type(2) dd{ width: 100%; height: auto; padding: 20px;}
   
   .poster-main{ display: none;}
   .ryzzs{ display: block;}
   
   .newsbox ul li{ width: 100%; margin-right: 0%;}
   .newsbox-xq{ margin-top: 0px;}
   .newsbox-xq .ritxq{ display: none;}
   .newsbox-xq .lftxq{ width: 100%; float: none;}
   .newsbox-xq .lftxq p{ text-indent: 0em;}
   .newsbox-xq .lftxq p img{ width: 100%;}
   
   .ywfws{ width: 96%; margin-left: -48%; height: auto; background-size: cover; background:url(../image/dxal.jpg) center no-repeat;}
   .ywfws ul.yu1{ width: 100%;}
   .ywfws ul.yu1 li{ width: 100%; height: 424px; margin-top: 0;}
   .content {width: 372px;margin: 0 auto;}
   .ywfws2 ul.yu2{ width: 100%; padding: 0px 0px 60px 0px;}
   .ywfws2 ul.yu2 .hbg{ display: none;}
   .ywfws2 ul.yu2 li{ margin: 0 auto; display: block; margin-top:-80px;}
   .ywfws2 ul.yu2 li:last-child{ margin-right: auto;}
   
   .recruitment .zwbox .txti{ width: 100%; padding-left: 0; margin-bottom: 10px;}
   .map{ padding: 20px 0;}
   .theTit{ margin-bottom: 0;}
   .telpho{ padding-top: 10px;}
   .telpho dl{ width: 100%; margin-right: 0; display: block;}
   .telpho dl dt{ margin-top: 10px;}
   .telpho dl dd{ width: 100%;}
   .telpho dl dd span{ font-size: 14px; margin:10px 0;}
   .telpho dl:after{ display: none;}
   
   .blst .formfb{ width: 100%;}
   
   .mod18{ display: none;}
   .jinadian{ display: block;}

   .ptnav{ margin-top: 88px;}
   .ptnav a{ width: 100%; border-bottom: 1px solid #F2F4F4;}
   .ptbox{ padding: 30px 10px;}
   .ptbox dd{ width: 100%; margin-left: 0;}
   .bqbox{ padding: 30px 0;}
   .bqbox a{ width: 95%; margin: 0 auto 15px; display: block;}
   .ptbox dl dt img{ width: 100%; height: auto;}
   .ptbox dd h4{ margin-bottom: 15px; margin-top: 20px;}
   .fh{ margin: 20px 0;}
   
   .suofrom{ margin-top: 60px;}
   .suofrom span{ width: 94%;}

   #fushu{ width: 94%; margin-left: -47%;}
   #fushu li .erji{ position: relative; top: auto;}
   #fushu p{ padding-bottom: 2px;}
   
   .recruitment,
   .newsbox > ul{ width: 100%; float: none;}
   
   .neisxb{ width: 100%;}
   .blst{ width: 100%;}
   .yqlian{ width: 100%;}
   .yqlian a{ width: 100%;}
   
   .neirective,
   .neinews{ width: 100%; float: none;}
   
   
   .banner .swiper-slide img{ display: none;}
   .banner .swiper-slide:nth-of-type(1){ background: url(/static/images/mbanner3.jpg) no-repeat center center / 100% 100%;}
   .banner .swiper-slide:nth-of-type(2){ background: url(/static/images/mbanner1.jpg) no-repeat center center / 100% 100%;}
   .banner .swiper-slide:nth-of-type(3){ background: url(/static/images/mbanner2.jpg) no-repeat center center / 100% 100%;}
   
   
   
   
   
   
   
   
   
}
@media only screen and ( max-width: 768px) {
	
	
}


.wai{ margin-top:-12px; padding:0px 12px 0px 12px;}
.wai>a{ font-size:14px; text-align: left; line-height:32px; font-weight:300;}
.wai a{ color: #FFF;}
.wai a:hover{ color:#c9ddff;}


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



.content {width: 1200px;margin: 0 auto;}

.Box_con {position: relative;}
.Box_con .btnl {position: absolute;}
.Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 330px;cursor: pointer;}
.Box_con .btnl {background: url(../image/jtl02.png) no-repeat center;left: -56px;}
.Box_con .btnr {background: url(../image/jtr02.png) no-repeat center;right: -56px;}
.Box_con .btnl:hover {background: url(../image/jtl03.png) no-repeat center;}
.Box_con .btnr:hover {background: url(../image/jtr03.png) no-repeat center;}

.Box_con .conbox {position: relative;overflow: hidden;}
.Box_con .conbox ul {position: relative;list-style: none;}
.Box_con .conbox ul li {float: left;width: 285px;height:668px;margin-left:0px;overflow: hidden;}
.Box_con .conbox ul li:first-child {margin-left: 0;}
.Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
.Box_con .conbox ul li:hover img {transform: scale(1.1);}
.BoxSwitch {margin-top: 30px;text-align: center;}
.BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.BoxSwitch span.cur {background: #95CAFF;}
}