#navi{
    width: 100%;
    height: 45px;
    background: #fff;
    border-bottom: 1px solid #e2e3e3;
    padding:10px 0;
}
#navi .nav_content{
    width:1200px;
    height: 45px;
    margin:0 auto;
    overflow: hidden;
}

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

#navi .nav_content ul li a{
   float: left;
    line-height: 8px;
    height: 26px;
    font-size: 12px;
    color: #a5a5a5;
    text-align: center;
    border-left: 1px solid #eee;
    padding: 10px 15px;
}
#navi .nav_content input{
   float: right;
    line-height: 25px;
    width: 280px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 15px;
    background: #f5f5f5;
    font-size: 12px;
    padding-left: 10px;
    outline: none;
    background: url('/img/video_file/bg_kjzx_shousuo.png') no-repeat;
    background-position: 250px 5px;
}

#navi .nav_content ul li a:hover{
    color: rgb(14,164,242);
}
#navi .nav_content img{
    position: relative;
    top: 6px;
    right: -406px;
}
#navi .nav_content ul li.active{

    color:#3FB5F4;
}
.txtif>h4>a{ color:#333;}

.banner {
    position: relative;
    padding-top: 21.75%;
    background: #00327c url('../image/b_bga.jpg') no-repeat center center;
    background-size: cover;
}

.banner .pic {
    margin: 0 auto;
}

.banner .circle {
    margin: 0 auto;
}

.banner .img-box .circle {
    width: 23%;
}

.circle1 {
    width: 23.8%;
}

.circle2 {
    width: 24.84375%;
}

.circle3 {
    left: 8.3%;
    top: -20%;
}

.circle4 {
    right: 8.3%;
    bottom: -40%;
}

.line1 {
    width: 3.75%;
    left: 9%;
    top: 37%;
}

.line2 {
    width: 7.5%;
    left: 16%;
    top: 13%;
}

.line3 {
    width: 4.9%;
    left: 70%;
    top: 42%;
}

.banner .text-1 {
    width: 18.5%;
    min-width: 180px;
}

.banner .text-1 > img {
    margin-bottom: 9.2%;
}

.banner .text-2 {
    width: 40%;
    min-width: 240px;
}

.banner .text-2 > img {
    margin-bottom: 5.19%;
}

.banner .text-3,
.banner .text-4 {
    width: 31.35%;
    min-width: 310px;
}

.banner .text-3 > img,
.banner .text-4 > img {
    margin-bottom: 4%;
}

.ie8 .pic-1 {
    margin-top: -5%;
    margin-left: -20%;
}

.ie8 .pic-2 {
    margin-top: -12%;
    margin-left: -10%;
}

.pic-2 {
    width: 23%;
}

.pic-3 {
    width: 21.6%;
    right: 4%;
    bottom: -36%;
}

.pic-4 {
    width: 21.6%;
    left: 8.8%;
    top: -15%;
}

.pic-5 {
    width: 5%;
    left: 70%;
    top: 46%;
}

.pic-6 {
    width: 2.6%;
    left: 11%;
    top: 42%;
}

.pic-7 {
    width: 5.9%;
    left: 16%;
    top: 20%;
}

@media (max-width:600px){
	.mask .t{
		padding-top: 56px;
	}
}

@media (max-width: 766px) {
    .banner {
        padding-top: 60%;
    }
}


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

p, ul, li, img, video, a, span, input {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    text-decoration: none;
}

.maodian{
	margin-top: -80px;
	padding-top: 80px;
}

.banner-box {
    position: relative;
}

.banner-box p {
    position: absolute;
    letter-spacing: 5px;
    text-align: center;
    top: 66%;
    width: 100%;
    color: white;
    font-size: 20px;
    color: #e0e0e0
}

.banner {
    width: 100%;
}

.banner-box p:nth-child(2) {
    margin-top: 36px;
}

.video_line li > div {
    position: absolute;
    font-family: "微软雅黑";
}

.hd {
    overflow: auto;
    float: left;
    width: 76%;
    height: 40px;
}

.hd li {
    cursor: pointer;
    float: left;
    padding: 0 1%;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    border-right: solid 1px #e0e0e0;
}

.hd .on {
    color: #009BFF
}

.hd-box {
    width: 100%;
    border-bottom: solid 1px #e0e0e0;
    height: 46px;
    padding: 3px 0;
}

.hd-cen {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.sous {
    margin-top: 7px;
    float: right;
    border: solid 1px #e0e0e0;
    border-radius: 20px;
    width: 220px;
    height: 26px;
    line-height: 24px;
}

.sous input {
    padding-left: 8px;
    font-size: 12px;
    margin-left: 3px;
    line-height: 100%;
}

.sous img {
    float: right;
    margin-right: 6%;
    margin-top: 5px;
}

.sous img:hover {
    cursor: pointer;
}

.oth-con {
    position: absolute;
    bottom: 8px;
}

.bd {
    clear: both;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}

.bd .fenl {
  
}

.bd .fenl > .title {
    font-size: 16px;
    line-height: 180%;
    border-bottom: solid 1px #f0f0f0;
    margin-bottom: 20px;
}

.video_line {
    overflow: hidden;
}

.video_line li {
    font-family: -webkit-body;
    position: relative;
    height: 187px;
    float: left;
    margin-right: 2%;
    border: solid 1px #e0e0e0;
    z-index: 2;
    width: 23%;
    overflow: hidden;

}

.video_line li > img {
    width: 100%;
    overflow: hidden;
}

.text-box, .con-box {
    height: 100%;
    left: 0;
    padding: 2%;
    width: 100%;
    z-index: 2;
}

.con-box {
    background: white;
    bottom: 0;
    color: #666;
   
}

.video_line li:hover .con-box {
   
    z-index: 99;
    border-bottom: 4px #009BFF solid;
}

.video_line li:hover .con-box .title {
    color: #009BFF
}

.video_line li:hover {
    cursor: pointer;
}

.video_line li:hover .con-text {
    height: 58%;
    opacity: 1;
    display: block;
}

.con-box .title, .con-box-text {
    margin-bottom: 16px;
}

.con-box .title {
    margin-top: 12px;
    color: #323232
}

.video_line li .look {
    margin-right: 12px;
}

.oth-con span {
    margin-left: 6px;
}

.con-text {
    height: 0;
    transition: height .6s, opacity .6s, display .6s;
    opacity: 0;
    display: none;
}

@media only screen and (max-width: 960px ) {
    .video_line li {
        width: 48%;
    }
}

@media only screen and (max-width: 640px ) {
    .video_line li {
        width: 48%;
    }
}

@media only screen and (max-width: 500px ) {
    .video_line li {
        width: 96%;
        margin: 0 auto;
        height: 190px;

    }
}

@media only screen and (max-width: 1190px ) {
    .hd {
        width: 64%;
    }
}

@media only screen and (max-width: 780px ) {
    .sous input {
        width: 80%;
    }
    #navi{
    	display: none;
    }
    .sous {
        width: 160px;
    }
}

@media only screen and (max-width: 580px ) {
    .hd {
        width: 50%;
    }
}

@media only screen and (max-width: 580px ) {
    .bd {
        width: 96%;
        margin: 0 auto;
        margin-top: 50px;
    }

    .video_line li {
        width: 98%;
        margin: 10px auto
    }

    .banner-box p {
        font-size: 14px;
    }

    .hd-cen {
        width: 98%;
        margin: 0 auto;
    }

    .hd li {
        font-size: 12px;
    }

    .hd {
        width: 100%;
    }

    .sous {
        float: left !important;
        margin-top: 12px;
    }

    .banner-box p:nth-child(2) {
        margin-top: 22px;
    }

}
@media (max-width:600px){
	
}
@media (max-width:500px){
	.banner .text-1{
		min-width: 150px;
	}
	.banner .text-2{
		min-width: 200px;
	}
	.banner .text-3, .banner .text-4{
		min-width: 245px;
	}
}






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

.mainbox{ width: 1200px; position: relative; left: 50%; margin-left: -600px; display: table; padding: 50px 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: 18px; 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;}

.newsbox>ul{ float: right; width: 900px; display: table; margin-top: 40px;}
.newsbox ul li{ float: left; width: 48%; margin-bottom: 30px;}
.newsbox ul li:nth-of-type(even){ float: right;}
.newsbox>ul li a img{ width: 100%; display: block;}
.newsbox ul li h3{ width: 100%; display: table; padding: 20px 0 15px; border-bottom: 1px solid #E2E2E2;}
.newsbox ul li h3 span{ float: left;}
.newsbox ul li h3 strong{ display: block; font-size: 30px; height: 30px; font-family: 'Myriad Pro';}
.newsbox ul li h3 time{ display: block; font-size: 12px; font-family: 'Myriad Pro'; color: #D0D0D0;}
.newsbox 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;
}
.newsbox ul li p{ font-size: 13px; color: #8C8C8C; line-height: 1.7; margin-top: 20px;}
.newsbox 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;}

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

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

.newsbox-xq .ritxq{ float: right; width: 264px; border: 1px solid #E2E2E2;}
.newsbox-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;
}

.newsbox-xq .ritxq ul{ width: 100%; padding: 25px 0 25px 20px;
 	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.newsbox-xq .ritxq ul li{ margin-bottom: 15px;}
.newsbox-xq .ritxq ul li i{ display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 100%; background-color: #818181;}
.newsbox-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;}
.newsbox-xq .ritxq ul li:hover p{ color: #C1A364;}
.newsbox-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(/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;}

.leftnavg{ float: left; width: 230px; }
.leftnavg h3{ width: 100%; height: 110px; background: url('../image/43.jpg') no-repeat center center / 100% 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 30px;
	 border-bottom: 4px solid #4874c0;
}
.leftnavg h3 strong{ color: #fff; font-weight: bold; display: block; font-size: 24px;}
.leftnavg h3 span{ font-size: 12px; color: #6DA6AF; text-transform: uppercase; display: block; margin-top: 2px;}
.leftnavg ul{ width: 100%; margin-top: 8px; background-color: #f2f2f2; display: table;}
.leftnavg ul li{ width: 100%; height: 48px; line-height: 48px; margin-bottom: 0;}
.leftnavg ul li a{ position: relative; display: block; width: 100%; height: 100%; z-index: 2;}
.leftnavg ul li a:after{ position: absolute; content: ''; left: 0; top: 0; width: 0%; height: 100%; background-color: #093683; z-index: -1;}
.leftnavg ul li a span{ display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 15px; color: #666666;}
.leftnavg ul li a img{ display: inline-block; vertical-align: middle; margin-left: 30px; opacity: 1;}
.leftnavg ul li a:after,
.leftnavg ul li a span,
.leftnavg ul li a img{
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s; 
	-moz-transition: all .4s ease 0s; 
}
.leftnavg ul li a.on img,
.leftnavg ul li a:hover img{ opacity: 1;}
.leftnavg ul li a.on span,
.leftnavg ul li a:hover span{ color: #fff;}
.leftnavg ul li a.on:after,
.leftnavg 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: 0px;}
.recruitment .wtit{ width: 100%; background-color: #ededed; padding: 10px 20px; border-left: 3px solid #4874c0; 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('../image/jts2.png') no-repeat center center;}
.recruitment .zwbox{ width: 100%; font-size: 0; margin-top: 30px; display: none;     background: #FFF;
    padding: 14px 0px 2px 0px;}
.recruitment .zwbox .txtif{ display: inline-block; vertical-align: top; width: 97.5%; padding-left: 23px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.recruitment .zwbox .txtif h4{ font-size: 13px; font-weight: bold; color: #363636; margin-bottom: 15px; float:left;}
.recruitment .zwbox .txtif p{ font-size: 13px; color: #666666; line-height: 1.7; margin-bottom: 5px;}
.recruitment li.active .wtit,
.recruitment li:hover .wtit{ background-color: #093683; 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('../image/jts1.png') 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(/images/y1.jpg) no-repeat 180px top,
	            url(/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(/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: 522px; margin: 50px 0; position: relative; left: 50%; margin-left: -960px; background: url(/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: 522px; background: url(/images/pm2.jpg) no-repeat center center / 100% 100%;}
.ywfws2 ul.yu2{  width: 1200px; 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: -28px; 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{ width: 100%; padding: 10px 0; margin-top: 3px; background-color: rgba(7,126,140,0.7); text-align: center;}
.ywfws2 ul.yu2 li dl dd p{ font-size: 16px; color: #fff;}
.ywfws2 ul.yu2 .hbg{ width: 286px; height: 0; text-align: center;  background: url(/images/xzpt.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 #C5B790;}
.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: 0;}
.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: #A07F3E;}

.leftnav2 h3{ background: url(/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(/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(/images/img/lg1.jpg) 0 0 no-repeat;}
.mod18 #prevTop:hover{ background:url(/images/img/lg3.jpg) 0 0 no-repeat;}
.mod18 #nextTop{ background:url(/images/img/lg2.jpg) 0 0 no-repeat;}
.mod18 #nextTop:hover{ background:url(/images/img/lg4.jpg) 0 0 no-repeat;}
.mod18 .next{ right:-30px; background:url(/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(/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(/images/img/pre1.jpg) no-repeat center center;
}
.poster-main .poster-prev-btn:hover{ background: url(/images/img/pre3.jpg) no-repeat center center;}
.poster-main .poster-next-btn{ 
	right:380px; 
	top: 50%;
	margin-top: 275px;  
	background: url(/images/img/pre2.jpg) no-repeat center center;
}
.poster-main .poster-next-btn:hover{
	background: url(/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(/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(/images/img/ig1.jpg) no-repeat 30px center;}
.blst .formfb p input.txts2{ background: #fff url(/images/img/ig3.jpg) no-repeat 30px center;}
.blst .formfb p input.pasd{ background: #fff url(/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(/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;}
}
@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: 0px; width:0px; 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;}
   
   .mainbox{ width: 94%; margin-left: -47%; padding: 0px 0px 40px 0px;}
   .leftnavg{ 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: 97%; margin-left: -48%; height: auto; background-size: cover;}
   .ywfws ul.yu1{ width: 100%;}
   .ywfws ul.yu1 li{ width: 100%; height: 424px; margin-top: 0;}
   
   .ywfws2 ul.yu2{ width: 100%;}
   .ywfws2 ul.yu2 .hbg{ display: none;}
   .ywfws2 ul.yu2 li{ height: 276px; margin: 0 auto; display: block;}
   .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(/images/mbanner3.jpg) no-repeat center center / 100% 100%;}
   .banner .swiper-slide:nth-of-type(2){ background: url(/images/mbanner1.jpg) no-repeat center center / 100% 100%;}
   .banner .swiper-slide:nth-of-type(3){ background: url(/images/mbanner2.jpg) no-repeat center center / 100% 100%;}
   
   
   
   
   
   
   
   
   
}
@media only screen and ( max-width: 768px) {
	
	
}