@charset "UTF-8";

body{

	font-size:16px;

	overflow-x: hidden;

}

.clear:after{

	display: block;

	clear: both;

	content: '';

}

img{

	max-width:100%;

	height: auto;

}

a:hover{

	color:#004098

}

.bodyHidden {

    overflow: hidden;

}

.tc{text-align:center;}

/*****************页脚******************/

.footer {

	margin-top: 50px;

    background-color: #252525;

    position: relative;

}

/*1*/

.footer .top_foot {

    border-bottom: 1px solid #363636;

    padding: 0px 40px;

}

.footer .top_foot .footnav {

    float: left;

    margin-left: -45px;

}

.footer .top_foot .footnav li {

    height: 58px;

    line-height: 58px;

    width: 120px;

    text-align: center;

    font-size: 14px;

    color: #999;

    float: left;

    background: url(../images/fooline.gif) right center no-repeat;

}

.footer .top_foot .footnav li a {

    color: #999;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}

.footer .top_foot .footnav li a:hover {

    color: #004098;

}

.footer .top_foot .share {

    float: right;

    margin-right: -14px;

}

.footer .top_foot .share a {

	display: inline-block;

    transition: all 0.3s;

    margin:15px 10px;

    width: 28px;

    box-sizing: border-box;

    position: relative;

	opacity: .6;

}

.footer .top_foot .share a:hover{

	opacity:1;

	transition: all 0.3s;

}

/*2*/

.footer .middle_foot .mid1 {

    float: left;

    padding-top: 72px;

    padding-left: 40px;

    height: 240px;

    box-sizing: border-box;

    border-right: 1px solid #363636;

    width: 33.333333%;

}

.footer .middle_foot .ewm {

    float: left;

}

.footer .middle_foot .hotline {

    float: left;

    color: #999;

    padding-left: 60px;

    background: url(../images/hotline.gif) left top no-repeat;

    margin-left: 35px;

    font-size: 14px;

    min-height: 64px;

}

.footer .middle_foot .hotline p {

    margin-top: -5px;

    font-family: AvantGardeMdITCTT;

    letter-spacing: 1px;

    font-size: 14px;

}

.footer .middle_foot .hotline p a {

    display: block;

    font-size: 24px;

    color: #f0f0f0;

    margin-bottom: 3px;

}

.footer .middle_foot .mid2 {

    float: left;

    height: 240px;

    padding-left: 47px;

    padding-top: 72px;

    box-sizing: border-box;

    color: #999;

    font-size: 14px;

    border-right: 1px solid #363636;

    padding-right: 40px;

    width: 33.333333%;

}

.footer .middle_foot .mid2 .l1 {

    padding-left: 30px;

    background: url(../icon/add1.png) left center no-repeat;

    margin-bottom: 10px;

}

.footer .middle_foot .mid2 .l2 {

    padding-left: 30px;

    background: url(../icon/add2.png) left top no-repeat;

}

.footer .middle_foot .mid3 {

    float: left;

    height: 240px;

    padding-top: 72px;

    box-sizing: border-box;

    padding-right: 40px;

    padding-left:50px;

    font-size: 14px;

    width: 33.333333%;

}

.select{

    position: relative;

}

.fspan {

	display: block;

    width: 176px;

    height: 33px;

    line-height: 33px;

    color: #004098;

    text-indent: 12px;

    background:#fff url(../icon/gov-sj.png) no-repeat 150px;

    cursor: pointer;

    font-size: 14px;

}

.fspandiv {

    border: 1px solid #d5d5d5;

    position: absolute;

    left: 0;

    bottom: 33px;

    width: 176px;

    background: #fff;

    border-radius: 10px;

    display: none;

}

.fspandiv a {

    height: 40px;

    line-height: 40px;

    text-indent: 12px;

    color: #999;

    border-bottom: 1px solid #d5d5d5;

    width: 100%;

    display: block;

    -webkit-transition: all .8s;

    transition: all .8s;

}

.footer .bottom_foot {

    font-size: 13px;

    height: 40px;

    line-height: 40px;

    background-color: #1d1d1d;

    color: #999;

    padding: 0 40px;

}

.footer .bottom_foot p {

    text-align:center;

}

/***************************************/

.banner {position: relative;}

.bannerS {

    position: absolute;

    left: 0;

    bottom: 10%;

    width: 100%;

    z-index: 10;

}

.bannerS .swiper-pagination-index-banner {

    position: static;

    margin: 0 auto;

    width: auto;

    max-width:90%;

    padding: 0 1em;

    text-align: right;

}

.bannerS .swiper-pagination-bullet {

    text-align: left;

    opacity: 1;

    font-family: Arial, Helvetica, sans-serif;

    width: 7em;

    height: 2em;

    background: none;

    border-radius: 0;

    color: #fff;

    position: relative;

    margin: 0 5px;

}

.bannerS .swiper-pagination-bullet:before {

    z-index: 888;

    content: '';

    position: absolute;

    left: 0;

    width: 0%;

    bottom: 0;

    height: 1px;

    background-color: #fff;

    opacity: 1;

}

.bannerS .swiper-pagination-bullet-active:before {

    width: 100%;

    transition: width 7s ease-out 0s;

}

.bannerS .swiper-pagination-bullet i {

    font-style: normal;

    opacity: 1;

}

.bannerS .swiper-pagination-bullet:after {

    content: '';

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 0;

    height: 1px;

    background-color: #fff;

    opacity: 0.23;

}

/*内页滚动*/

.bannerC{

    position: absolute;

    left: 0;

    bottom: 10%;

    width: 100%;

    z-index: 10;

	text-align: center;

}

.bannerC .swiper-pagination-bullet {

    width: 32px;

    height: 2px;

    background: #f5f5f5;

    opacity: 1;

    border-radius: 0;

    margin: 0 6px;

    outline: none;

    cursor: pointer;

}

.bannerC .swiper-pagination-bullet-active {

    background: #004098;

}

/***************首页产品中心**************/

.menu{

	text-align:center;

}

.menu h2{

	margin-top:100px;

	font-weight:normal;

	font-size:36px;

	text-align: center;

	font-family: arial,"sans-serif";

}

.menu h5{

	font-weight:normal;

	font-size:28px;

	text-align: center;

}

.menu ul li{

	float:left;

	width:20%;

	margin:70px 0;

	padding:0px 30px;

	border-left:1px solid #ddd;

}

.menu ul li:last-child{border-right:1px solid #ddd;}

.menu ul li p{line-height:30px;color:#333;}

.tmall{display:none;}

/**首页栏目**/

.cln .wrap{

    position: relative;

    overflow: hidden;

    min-width: 320px;

    max-height: 360px;

    background: #f7f7f7;

    text-align: left;

}

.cln .wrap figcaption, .effect-sarah figcaption > a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.cln .wrap figcaption {

    padding: 2em;

    color: #fff;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.cln .wrap h2 {

	font-size:1.5em;

	color:#fff;

    position: relative;

    overflow: hidden;

	padding:15px 0;

}

.cln .wrap p{

	margin-top:30px;

	font-size:.875em;

	line-height: 24px;

}

.effect-sarah h2::after {

    position: absolute;

    bottom: 0px;

    left: 0;

    width: 100%;

    height: 2px;

    background: #fff;

    content: '';

    -webkit-transition: -webkit-transform 0.35s;

    transition: transform 0.35s;

    -webkit-transform: translate3d(-100%,0,0);

    transform: translate3d(-100%,0,0);

}

.cln .effect-sarah p {

    padding: 1em 0;

    opacity: 0;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

    -webkit-transform: translate3d(100%,0,0);

    transform: translate3d(100%,0,0);

	letter-spacing: 1px;

    font-size: 1em;

}

.effect-sarah figcaption > a {

    z-index: 1000;

    text-indent: 200%;

    white-space: nowrap;

    font-size: 0;

    opacity: 0;

}

.pic1 h2{color:#121212!important}

.cln .pic1 figcaption{

	color:#666!important;

}

.pic1 a{

	margin-top:40px;

	width: 140px;

    height: 45px;

    line-height: 45px;

    border-top: 1px solid #000000;

	border-bottom: 1px solid #000000;

    color: #000000;

    font-size: 14px;

    position: relative;

    display: block;

    box-sizing: border-box;

    transition: .5s;

}

.pic1 a:after {

    content: "";

    width: 12px;

    height: 18px;

    background: url(../icon/img40.png) no-repeat center;

    background-size: 60%;

    right: 0px;

    top: 0;

    bottom: 0;

    margin: auto;

    position: absolute;

    transition: .5s;

}

.pic1 a:hover{

	transition: .5s;

}

.pic1 a:hover:after {

    transition: .5s;

	right:10px

}



/**悬停**/

.effect-sarah:hover h2::after {

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.effect-sarah:hover p {

    opacity: 1;

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}





/****************产品系列页面****************/

.p-product-nav{

	position:relative;

	overflow: hidden;

	padding:100px 0;

	background:#f6f7f8;

}

.p-product-nav__ttl {

	position:relative;

    display: block;

	font-size:20px;

	float: left;

    width: 23.07692%;

	margin-bottom: 16px;

    padding-bottom: 15px;

	font-weight: 700;

    font-style: normal;

}

.p-product-nav__ttl:after {

	position: absolute;

    bottom: 0;

    left: 0;

    display: block;

    width: 24px;

    height: 1px;

    background-color: #000;

    content: "";

}

.p-product-nav__search{

	display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -ms-flex-align: center;

    align-items: center;

	width: 69.23077%;

}

.p-product-nav__search > li {

    width: calc(100% / 3);

    border-top: solid 1px #ccc;

    border-bottom: solid 1px#ccc;

    border-left: solid 1px #ccc;

    text-align: center;

}

.p-product-nav__search a {

    position: relative;

    display: block;

    padding: 20px;

    color: #333;

	transition: .3s ease;

}

.p-product-nav__search a:before, 

.p-product-nav__search a:after {

    position: absolute;

    top: 0;

    right: 23px;

    bottom: 0;

    z-index: 1;

    display: block;

    margin: auto;

    width: 20px;

    height: 1px;

    background-color: currentcolor;

    content: "";

    transition: .3s ease;

}

.p-product-nav__search > li:last-child {

    border-right: solid 1px #ccc;

}

.p-product-nav__search > li:last-child a:before,

.p-product-nav__search > li:last-child a:after{

	display:none;

}

.p-product-nav__search a:after {

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    -ms-transform-origin: center;

    transform-origin: center;

}

.p-product-nav__search > li a.cur{

    background-color: #fff;

    color: #004098;

    cursor: default;

}

.p-product-nav__search > li a.cur:after {

    -ms-transform: rotate(0);

    transform: rotate(0);

}

.p-product-nav__items {

    display: none;

	padding-top: 24px;

    margin-bottom: 24px;

    margin-left: 23.07692%;

    width: 69.23077%;

}

.p-product-nav__items ul {

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -ms-flex-align: stretch;

    align-items: stretch;

}

.p-product-nav__items ul > li {

	width: 33.33333%;

    box-sizing: border-box;

    border-bottom: solid 1px #ccc;

    border-left: solid 1px #ccc;

    text-align: center;

}

.p-product-nav__items ul > li:first-child, 

.p-product-nav__items ul > li:nth-child(2), 

.p-product-nav__items ul > li:nth-child(3) {

    border-top: solid 1px #ccc;

}

.p-product-nav__items-tag li:nth-child(3n) {

    border-right: solid 1px #ccc;

}

.p-product-nav__items a{

    position: relative;

    display: -ms-flexbox;

    display: flex;

    padding: 20px;

    height: 100%;

    color: #666;

    line-height: 1.2;

    transition: .3s ease;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-align: center;

    align-items: center;

}

.p-product-nav__items a:hover {

    background-color: #fff;

    color: #004098;

}

/******/

.in-menu{

	margin-top:70px;

}

.in-menu .item{

	margin-bottom: 75px;

}

.menu-pic{position:relative}

.menu-txt{

	position: absolute;

	z-index: 10;

	top:0;

	right:150px;

	padding:100px 0;

}

.menu-txt h2{

	color: #fff;

	font-size: 2.25rem;

    line-height: 1.5;

}

.menu-txt p{

	color: #fff;

	font-size: 1em;

	margin-bottom: 34px;

}

.menu-txt a{

	padding: 18px 0;

	position: relative;

    right: auto;

    width: 260px;

	transition: .3s ease;

	bottom: 0;

    left: 0;

	display: block;

    border: solid 1px rgba(255, 255, 255, .5);

    color: #fff;

    text-align: center;

    letter-spacing:.2em;

    font-weight: 400;

    font-style: normal;

    font-size: 14px;

    font-size: .875rem;

    font-family: "Oswald", sans-serif;

    line-height: 1.5;

}

.c-btn-line {

    position: absolute;

    top: 0;

    right: 8%;

    bottom: 0;

    display: block;

    margin: auto;

    max-width: 24px;

    width: 8%;

    height: 1px;

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

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.c-btn-line:before {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    display: block;

    width: 10px;

    height: 1px;

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

    content: "";

    opacity: 0;

    transition: .3s ease;

    -ms-transform: rotate(0);

    transform: rotate(0);

    -ms-transform-origin: right top;

    transform-origin: right top;

}

.menu-txt a:hover{

	border-color: #fff;

    background-color: #fff;

    color: #000;

}

.menu-txt a:hover .c-btn-line, 

.menu-txt a:hover .c-btn-line:before {

    background-color: #333;

	animation: btnline .5s 1 cubic-bezier(.645, .045, .355, 1);

}

.menu-txt a:hover .c-btn-line:before{

	opacity: 1;

    -ms-transform: rotate(30deg);

    transform: rotate(30deg);

}

/*总页面列表*/

.sug{

	margin-top: 30px;

}

.product-title{

	margin-top: 30px;

    font-size: 1.125em;

}

.product-title span{

	margin-top: 4px;

    font-size: .875em;

    color: #6E7983!important;

    display: block;

}



/*********产品搜索**********/

.join-title .text {

    line-height: 1.2;

	max-width: 60%;

}

.join-title .text .tit {

    padding-top: 15px;

    box-sizing: border-box;

	font-size: 28px;

    color: #000000;

    font-weight: bold;

}

.join-title .en {

    font-size: 52px;

    font-family: Arial;

    color: rgba(0, 0, 0, 0.1);

    font-weight: bold;

    line-height: 1;

    padding-top: 0px;

    box-sizing: border-box;

}

.pd-search .search {

    margin-top: 30px;

}

.pd-search .search .input {

    width: 500px;

    height: 60px;

    font-size: 18px;

    padding-left: 25px;

    color: #888888;

    border: 1px solid #e5e5e5;

    box-sizing: border-box;

    position: relative;

}

.pd-search .search .input input[type=text] {

    width: 100%;

    height: 100%;

}

.pd-search .search .input input {

    border: none;

    background: none;

    outline: none;

}

.pd-search .search .input input[type=submit] {

    text-indent: -999px;

    overflow: hidden;

    width: 25px;

    height: 25px;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 25px;

    margin: auto;

    background: url(../icon/img39.png) no-repeat center;

    background-size: 100%;

}

.pd-search .search .sousuo {

    line-height: 60px;

    font-size: 16px;

    color: #666666;

    margin-left: 28px;

}

.pd-search .search .sousuo a {

    color: #666666;

    text-decoration: underline;

    margin: 0 11px;

    transition: .5s;

}

.pd-search .search .sousuo a:hover {

    transition: .5s;

    color: #004098;

}



.product__category-list-img {

    overflow: hidden;

	padding:50px;

	background: #fafbfb;

	text-align: center;

}

.product__category-list-img img {

    transition: 0.3s ease-out;
    min-height: 272px;

}

.proItem:hover .product__category-list-img img {

    transform: scale(1.05);

}

.proItem:hover .product__category-list-title{

    color: #004098;

    text-decoration: none;

}

.product__category-list-title {

    margin-top: 14px;

    font-size: 1.125em;

}

.product__category-list-title span {

    margin-top: 4px;

    font-size: .875em;

    color: #6E7983;

    display: block;

}

.p-list{

	margin-top:75px;

}

.proItem{

	margin-bottom: 38px;

}



@keyframes btnline {

	0% {

		transform: scale(1, 1); 

		transform-origin: 100% 100%;

	}

	33% {

		transform: scale(0, 1); 

		transform-origin: 100% 100%;

	}

	66% {

		transform: scale(0, 1); 

		transform-origin: 0 0;

	}

	100% {

		transform: scale(1, 1); 

		transform-origin: 0 0;

	}

}







/******************产品弹出层********************/

.proDialog {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

    display: none;

}

.proDialog .bgcolor {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background:rgba(0,0,0,.6);

}

.popWrap {

    z-index: 3;

    width: 1200px;

    height: 640px;

    background: #fafafa;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -320px 0 0 -600px;

}

.popWrap .closeH {

    display: none;

    width: 31px;

    height: 81px;

    background: url(../icon/i-closeH.png) center no-repeat;

    position: absolute;

    left: 50%;

    top: -8px;

    margin-left: -15px;

    cursor: pointer;

}

.popWrap .pad {

    margin: 55px;

}

/*左边图片*/

.proDialog .popWrap .flSlider {

    height: 530px;

    width: 45%;

    float: left;

    position: relative;

}

.popWrap .pad .row .flSlider .device {

    height: 100%;

}

.device .arrow-left {

    background: url(../icon/icon-left.png) no-repeat center;

    position: absolute;

    left:10px;

    top: 50%;

    margin-top: -15px;

    width: 17px;

    height: 30px;

    z-index: 3;

}

.device .arrow-right {

    background: url(../icon/icon-right.png) no-repeat center;

    position: absolute;

    right: 10px;

    top: 50%;

    margin-top: -15px;

    width: 17px;

    height: 30px;

    z-index: 3;

}

.device .swiper-slide{

	background:#fff;

	height:530px;

	text-align: center;

	line-height: 530px;

	padding:30px;
	
	transform:translate3d(0,0,0);

    overflow:hidden;

}
.device .swiper-slide img{
	transform:translate3d(0,0,0);
} 
/*右边信息*/

.proDialog .popWrap .infoBox {

	width:55%;

	float:left;

    height: 530px;

    padding: 0 40px;

    text-align: center;

    color: #000;

    position: relative;

}

.proDialog .popWrap .proName {

    font-size: 30px;

    line-height: 32px;

    margin-bottom: 20px;

    font-weight: bold;

}

.proDialog .popWrap .fuTitle {

    line-height: 24px;

    font-size: 24px;

    margin-bottom: 20px;

}

.proDialog .popWrap .describe {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    margin: 0 auto;

    margin-bottom: 20px;

    width: 76%;

}

.basic h3 {

    font-size: 14px;

    line-height: 18px;

    margin-bottom: 20px;

    font-weight: bold;

}

.basic ul {

    overflow: hidden;

    height: 230px;

}

.basic li {

    width: 25%;

    float: left;

    margin-bottom: 20px;

}

.basic li .lableName {

    color: #000;

}

.basic li .labelContent {

	font-size:14px;

    color: #666;

    white-space: normal;

    word-break: break-all;

    padding-top: 8px;

    height: 42px;

}

.basic .goBuy {

    width: 240px;

    height: 50px;

    border-radius: 3px;

    background: #004098;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

}

.basic .goBuy a {

    display: inline-block;

    width: 100%;

    height: 100%;

    color: #fff;

    font-size: 16px;

    line-height: 50px;

	padding:0;

}

.device .pagination {

    position: absolute;

    left: 0;

    text-align: center;

    bottom: 5px;

    width: 100%;

	z-index: 99;

}

.device .swiper-pagination-switch {

    display: inline-block;

    width: 7px;

    height: 7px;

    border-radius: 10px;

    background: #999;

    background: #fff;

    margin: 0 3px;

    cursor: pointer;

    border: 1px solid #000;

}

.device .swiper-active-switch {

    background: #000;

}



/**********视差滚动***********/

#bottle{

    min-height: 660px;

    position: relative;

    width: 100% !important;

    min-width: 1000px;

    margin: 0;

    padding: 0;

    overflow: hidden;

	padding-top:0px;

}

#bottle article {

	width:100%;

    position: absolute;

    bottom: 100px;

    text-align: center;

    z-index: 4;

}

#bottle h2{

    color: #fff;

    font-size: 3em;

    margin-bottom: 14px;

}

#bottle p {

	color:#fff;

    font-size:1.125em;

}

#bottle>div{

    height: 660px;

    margin: 0;

    position: absolute;

    boottom:0px;

    left: 0;

    width: 100%;

}





/************企业文化***********/

.itit{

	text-align: center;

    font-size: 30px;

    color: #333333;

	margin:70px 0;

}

.itit:after {

    content: '';

    display: block;

    margin: 20px auto 0;

    width: 34px;

    height: 2px;

    background: #e86c2a;

}

.core-item{

	height: 254px;

    background: #fff;

    padding-top: 50px;

    border: 1px solid #f4f4f4;

    box-sizing: border-box;

    text-align: center;

    font-size: 14px;

    color: #888888;

	margin-bottom: 30px;

}

.core-item .img {

    width: 65px;

    height: 65px;

    overflow: hidden;

    position: relative;

    margin: 0 auto;

}

.core-item .img img {

    position: absolute;

    top: 0;

    left: 0;

}

.core-item .img .i1 {

    opacity: 0;

}

.core-item .t0 {

    font-size: 20px;

    color: #222222;

    line-height: 1;

    margin-top: 30px;

    margin-bottom: 10px;

}

.core-item .t1 {

    width: 90%;

    margin: 0 auto;

    line-height: 24px;

}



.core-item:hover{

	background: #004098;

}

.core-item:hover .img .i0 {

    opacity: 0;

}

.core-item:hover .img .i1 {

    opacity: 1;

}

.core-item:hover .t0, .core-item:hover .t1 {

    color: #fff;

}



.serve1-button {

    text-align: center;

    width: 100%;

    margin-top: 50px;

}

.serve1-button .swiper-button-prev {

    background: url(../icon/img18.png) #000 no-repeat center;

    background-size: 100%;

    transition: .5s;

    left: 80px;

}

.serve1-button .swiper-button-next {

    background: url(../icon/img19.png) #000 no-repeat center;

    background-size: 100%;

    transition: .5s;

    right: 80px;

}

.serve1-button .swiper-button-prev, 

.serve1-button .swiper-button-next {

	width:40px;

	height: 40px;

	border-radius: 50%;

    background-color: #171515;

    position: static;

    display: inline-block;

    margin: 0 2px;

    margin: 0;

}

/****************ycc文化****************/

.ycc{

	background: url(../images/a27.jpg) no-repeat center;

    background-size: cover;

	padding-bottom: 60px;

}

.ycc-con{

    position: relative;

    min-height: 200px;

}

.ycc-t0 {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    height: 150px;

    background: url(../images/x7.png) no-repeat center;

    background-size: 100%;

}

.ycc-t1 {

    line-height: 1;

}

.ycc-t1 .swiper-slide {

    text-align: center;

}

.ycc-t1 .swiper-slide .item {

    display: inline-block;

    text-align: center;

    box-sizing: border-box;

    position: relative;

	padding-top: 100px;

}

.ycc-t1 .t0{

    font-size:1.125em;

    color: #333;

    margin-top: 35px;

    margin-bottom: 15px;

}

.ycc-t1 .t0 span{

	font-size:1.875em;

	color:#004098;

	font-weight: bold;

}

.ycc-t1 .t2 {

    font-size: 14px;

    color: #666;

	line-height: 24px;

}

.ycc-t1 .swiper-slide .item:after {

    position: absolute;

    width: 25px;

    height: 25px;

    content: "";

    left: 0;

    right: 0;

    margin: auto;

    background: url(../icon/x8.png) no-repeat center;

    background-size: 100%;

	top: 5px;

}





/*************招聘职位***********/

.join-box{

	background:#f9f9f9

}

.join-box .title {

    overflow: hidden;

    color: #fff;

    background: #b4b4b4;

    font-size: 16px;

    padding: 0 20px;

    line-height: 50px;

    height: 50px;

}

.join-box .title p {

    text-align: center;

    float: left;

    width: 20%;

}

.join-box ul {

    border: 1px solid #efefef;

    border-top: 0;

    padding-bottom: 52px;

    background: #fff;

	margin-bottom:50px;

}

.join-box li{

    background: #fff;

    padding: 0 20px;

}

.join-box li .tit {

    font-size: 14px;

    line-height: 60px;

    height: 60px;

    cursor: pointer;

    overflow: hidden;

    border-bottom: 1px solid #efefef;

}

.join-box li .tit p {

    float: left;

    width: 20%;

    text-align: center;

}

.join-box li .in {

    padding: 20px 50px;

    background: #f5f5f5;

    display: none;

}

.join-box li .in.on {

    display: block;

}

.join-box li .in .top dd {

    float: left;

    width: 25%;

    font-size: 14px;

    line-height: 22px;

    margin-bottom: 3px;

}

.join-box li .in .top dd span {

    color: #666;

}

.join-box li .in .bot {

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 20px;

}

.join-box li .in .bot>div {

    float: left;

    width: 46%;

    margin-right: 4%;

}

.join-box li .in .bot h1 {

    font-size: 16px;

    color: #333;

}

.join-box li .in .bot p{

    font-size: 14px;

    color: #666;

}

.join-box li .in .link {

    padding-top: 17px;

}

.join-box li .in .more {

	display: block;

    text-align: center;

    line-height: 40px;

    color: #fff;

    background: #004098;

    margin-top: 10px;

    font-size: 16px;

    width: 260px;

}

.join-box li .in .link .box-img {

    width: 160px;

}

.join-box li .in .link img {

    margin-right: 3%;

}

.join-box li .in .link span{

	font-size:12px;

}

.mpos {

    display: block;

    text-align: center;

    line-height: 40px;

    color: #fff;

    background: #004098;

    margin-top: 10px;

    font-size: 16px;

    width: 150px;

	margin:30px auto;

	border-radius: 2px

}

.mpos:hover{color:#fff;}

/*******薪资******/

.salary{

	padding:10vh;

}

.salary .item .intit{

	font-size: 20px;

    color: #004098;

    transition: all 0.2s linear;

	padding-left:70px;

	margin-bottom: 20px;

}

.salary .item .intit span {

    display: block;

    font-size: 16px;

    text-transform:capitalize;

    color: #999;

    transition: all 0.2s linear;

}

.salary .item .intit span:before{

	display:block;

	width:25px;

	content: '';

	height:2px;

	background: #004098;

	margin:10px 0;

}

.salary .item .inbod{

	font-size:14px;

	color:#666;

	line-height: 28px;

}



/**************关于我们*************/

.gy_box1 {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 90px 0;

    position: relative;

}

.xtuyi {

    position: absolute;

    left: 0;

    top: 120px;

    width: 100px;

    height: 3px;

}

.xedown {

    position: absolute;

    left: 0;

    top: 0px;

    width: 100%;

    height: 3px;

    background: #1b1b1b;

}

.gown_tlt {

    height: auto;

    overflow: hidden;

    margin-bottom: 40px;

    color: #4c4c4c;

    font-size: 26px;

    line-height: 28px;

}

.gown_tlt i {

    display: block;

    color: #1b1b1b;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 5px;

}

.gown_t {

    width: 100%;

    height: auto;

    margin-bottom: 90px;

    overflow: hidden;

}

.gown_tlb p{

	font-size:16px;

	line-height:30px;

	color:#666;

	margin-bottom:20px;

}

.gy_box2{

	background:#f7f7f7;

}

.gy_box2 li{

	padding: 35px 0;

    border-bottom: 1px solid #ccc;

}

.gy_box2 li:last-child{border:none;}

.tran_scale {

    overflow: hidden;

    display: block;

}

.gy_box2 h1{

    font-size:24px;

	color:#121212;

	line-height: 36px;

}

.gy_box2 h1 span{

	display: block;

	font-size:16px;

	color:#666;

}

.about_p p{

	font-size:16px;

	color:#333;

	line-height: 30px;

}

.gy_box2 a{

	display: inline-block;

	padding-top: 30px;

	font-size:18px;

	color:#333;

}

.gy_box2 a:hover{

	color:#004098;

}

.gy_box2 dt{overflow:hidden;}

.gy_box2 dt img{

	transition: 0.3s ease-out;

}

.gy_box2 dl:hover img{

	transform: scale(1.05);

}



/**********************工程案例*********************/

.inbanner{position:relative;}

.inbanner .con {

    display: block;

    width: 37%;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -80px 0 0 -39%;

}

.inbanner h2 {

    font-size: 32px;

    color: #fff;

    line-height: 52px;

}

.inbanner .font {

    font-size: 20px;

    color: #fff;

    line-height: 36px;

}

.pj_nav{

	margin-bottom: 50px;

    text-align: center;

	margin-top:80px;

}

.pj_nav li{

	height: 35px;

    line-height: 35px;

    width: 110px;

    display: inline-block;

    font-size: 16px;

    color: #222;

    background-position: left 2px;

    background-repeat: no-repeat;

    margin-right: 36px;

    cursor: pointer;

    padding-bottom: 10px;

    border-bottom: 2px solid #fff;

    box-sizing: initial;

}

.pj_nav li.on:after,

.pj_nav li:hover:after{

    width:100%;

	transition:width .3s;

}

.pj_nav li:after{

	display:block;

	width:0;

	content: '';

	height:2px;

	margin-top:2px;

	transition:  all .3s;

	background: #004098;

}

.pj_nav li i{

	padding-right:5px;

}

.pj_nav li



.pj-menu{

	margin:50px 0;

}

.pj-list .pic{

	position:relative;

}

.c-thlst__img img {

    width: 100%;

    height: auto;

}

.c-thlst__label{

    position: absolute;

    bottom:0px;

    left: 0;

    display: inline-block;

    padding: 0 16px;

    min-width: 100px;

    background-image: linear-gradient(to right top, #004098, #0077cc, #00a7c0, #00d07e, #a8eb12);

    background-position: left center;

    background-repeat: no-repeat;

    color: #fff;

    text-align: center;

    font-weight: 700;

    font-size: 13px;

    font-size: .8125rem;

    line-height: 2.15385;

}

.pj-txt{

	margin:10px 0 40px 0;

}

.c-thlst__disc {

    color: #004098;

    font-size: 14px;

    font-size: .875em;

    line-height: 1.5;

}

.c-thlst__name {

    color: #000;

    font-size: 16px;

    font-size: 1em;

    line-height: 2;

}

#numBt{

	position: absolute;

    bottom:0px;

    right: 73px;

	text-align: right;

}

#numBt span{

	display: inline-block;

    margin-right:30px; 

    padding: 0 0 10px 0;

	position: relative;

	background: transparent;

	font-size: 18px;

    line-height: 40px;

    -webkit-font-smoothing: antialiased;

    position: relative;

    color: #bbb;

    cursor: pointer;

    display: inline-block;

    height: 40px;

	opacity: .8;

}

#numBt span:after {

    position: absolute;

    top: 50%;

    right: -24px;

    content: "";

    width: 30px;

    height: 2px;

    background-color: #bbb;

}

#numBt span.swiper-pagination-bullet-active{

    display: inline-block;

    margin: 0 30px 0 0;

    padding: 0 0 10px 0;

}

#numBt span.swiper-pagination-bullet-active:after{

	display:none;

}

#numBt span.swiper-pagination-bullet-active {

    color: #1f1e1e;

    font-size: 36px;

}