body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td {font-weight: normal;margin: 0;padding: 0;font-family:"微软雅黑";}
ul,ol,li {list-style: none;}

a {text-decoration: none;color: #333;outline: none;}

a:hover {text-decoration: none;}

/*导航菜单样式*/
.head {position: absolute;top: 0px;left: 0px;z-index: 100;width: 100%;min-width:1200px;padding: 0 20px;-moz-box-sizing: border-box;box-sizing: border-box;opacity: 0.8;background-color: #FFFFFF;}
.head-box {position: relative;margin: 0 auto;max-width: 1200px;}
.head .logo {float: left;margin-top: 15px;}
.head .head-right {float: right;margin-top:35px;margin-right:30px;}
.head .nav {position: relative;z-index: 1;font-size: 16px;display: inline-block;vertical-align: middle;/*margin-right: 50px;*/}
.head .nav li {position: relative;display: inline-block;vertical-align: middle;}
.head .nav li+li:after {content: "";width: 1px;height: 10px;background: cornflowerblue;position: absolute;top: 50%;left: 0px;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.head .nav li:hover .nav-a {color: #c30d23;}
	
.head .nav li .nav2-box {position: relative;top: 10px;left: 50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);display: none;}
	
.head .nav li .nav2 {padding-top: 10px;position: absolute;top: 0px;left: 50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.head .nav li .nav2 .nav2-a {border: 1px solid #ddd;-moz-box-sizing: border-box;box-sizing: border-box;display: block;font-size: 14px;color: #333;padding: 0 40px;line-height: 46px;background: #fff;white-space: nowrap;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;position: relative;}
.head .nav li .nav2 .nav2-a:after {-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;opacity: 0;content: "";width: 100%;position: absolute;bottom: 0px;left: 0px;height: 2px;background: #c30d23;}
.head .nav li .nav2 .nav2-a+.nav2-a {border-top: 0px;}
.head .nav li .nav2 .nav2-a:hover:after {opacity: 1;}
.head .nav li .nav-a {position: relative;z-index: 6;line-height: 30px;padding: 0 15px;font-size: 14px;color: #333;}
.head .nav li .nav-a.on {color: #c30d23;}
.head-right .nav_tel{float:right;margin-top:-25px;}

/*banner 轮播图---->*/
.swiper-container {width: 100%;height: 100%;}
.swiper-container .swiper-wrapper .swiper-slide{text-align: center;font-size: 18px;/*background: #fff;*//* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;margin-top: 90px;}

/*关于我们*/
#w_grid{/*background-image: url("../img/beijing11.jpg");*/width:100%;height:800px;/*background-color: ghostwhite;*/}
#w_grid-1575473736173 {width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:auto;margin-right:auto;margin-bottom:0px;}
#w_common_text-1575472922282 {width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:2%;}
#w_common_text-1575473001820 {width:auto;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:-50px;padding:0px;}
#w_fline-1575473069630 {width:100%;max-width:80px;min-width:0px;height:auto;max-height:none;min-height:20px;margin-top:1%;margin-left:auto;margin-right:auto;margin-bottom:0px;padding:0px;}
#w_grid-1575473189751 {width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:192px;margin-top:4%;margin-left:auto;margin-right:auto;margin-bottom:0px;padding:0px;}
#w_fimg-1575473261470 {width:100%;max-width:none;min-width:0px;height:auto;max-height:none;min-height:0px;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding:0px;}
#w_fline-1575473069630 .p_FLine {border-top-color:rgba(0,50,98,1);border-top-width:8px;}
#w_fline-1575473069630 .w_fline .p_FLine {border-top-style:solid;}
#w_fline-1575473069630 .p_MatteIcon .iconfont:before {content:'\e602';}
#w_fline-1575473069630>div {animation-fill-mode:both;}
.zh_about{width:1200px;height:600px;margin:0 auto;}
.zh_about_jianjie{width:380px;height:412px;float:left;margin-left:11px;border:1px solid silver;background-color:#eeefef;overflow:hidden;}
.zh_about .zh_about_pic img{width:380px;height:209px;transition: all 0.8s;}
.zh_about .zh_about_pic img:hover{transform: scale(1.1);}
.zh_about .zh_about_text .t1{text-align:center;display: block;font-size: 20px;margin:18px 0px;color:#7b7b7c;}
.zh_about .zh_about_text .zh_new li>span{float:right}
.zh_about .zh_about_text .zh_new li{font-size: 13px;color:#7b7b7c;margin:10px 18px;}
.zh_about .zh_about_text .zh_new li:hover{color: #003262;}
.zh_about .zh_about_text p{font-size: 12px;line-height: 22px;color: #7b7b7c;margin:0px 20px;}
.zh_about .zh_about_text .zh_about_more{float: right;font-size: 13px;margin-right: 10px;color: #7b7b7c;}
.zh_about .zh_about_text .zh_about_more:hover{color:#003262;font-size:14px;}


/*我们的产品*/

.zh_product{width:100%;height:100%;position: absolute;left:0px;margin-top: -150px;}
.zh_product .zh_product_pic img{width:100%;height:100%;}
.flbox{font-size:0px;max-width:1240px;margin:0 auto;padding:20px 0px;margin-top:-172px;}
.flbox .list {display:inline-block;width:23%;/*background-color:#eaeaea;*/background-image: url(../img/011.png);padding:18px 0px;transition:all .5s;cursor:pointer;overflow:hidden;margin:0 1%;}
.flbox .listbg {margin:30px auto;width:67px;height:67px;transition:all .5s;}
.flbox .title {color:#999;font-size:22px;text-align:center;padding:0 20px;font-weight:bold;transition:all .5s;margin-top: 70px;}
.flbox .line {background-color:#999;width:18%;height:1px;margin:20px auto;transition:all .5s;}
.flbox .text01 {font-size:14px;color:#999;text-align:center;margin:30px auto;width:80%;line-height:2em;transition:all .5s;}
.flbox .list:hover {transform:translateY(-20px);/*background-color:#003262;*/background-image: url(../img/012.png);}
.flbox .list:hover .title {color:#fff;}
.flbox .list:hover .text01 {color:#fff;}
.flbox .list:hover .line {background-color:#fff;}
.flbox .list1 .listbg {background-image:url(../img/001.png);background-size:100%;background-repeat:no-repeat;}
/*.flbox .list1:hover .listbg {background-image:url(../img/bg001.png);background-size:100%;}*/
.flbox .list2 .listbg {background-image:url(../img/002.png);background-size:100%;background-repeat:no-repeat;}
/*.flbox .list2:hover .listbg {background-image:url(../img/bg002.png);background-size:100%;}*/
.flbox .list3 .listbg {background-image:url(../img/003.png);background-size:100%;background-repeat:no-repeat;}
/*.flbox .list3:hover .listbg {background-image:url(../img/bg003.png);background-size:100%;}*/
.flbox .list4 .listbg {background-image:url(../img/004.png);background-size:100%;background-repeat:no-repeat;}
/*.flbox .list4:hover .listbg {background-image:url(../img/bg004.png);background-size:100%;}*/

/*我们的服务*/

.zh_service{margin-top:600px;background-image: url(../img/005.png);background-size:100%;background-repeat:no-repeat;clear:both;}
.zh_service .zh_service_pic{width:1120px;margin:0 auto;height:990px;}
.zh_service .zh_service_pic .four{width:1120px;height:680px;margin-top:250px;position:absolute;clear: both;}

.zh_service .zh_service_pic .four li{width:550px;height:330px;float:left;margin:5px 5px 5px 5px;overflow: hidden;}
.zh_service .zh_service_pic .four li>img{width:100%;height:100%;transition:all 0.8s;}
.zh_service .zh_service_pic .four li>img:hover{transform: scale(1.1);}

/*底部*/
.foot{background-image: url(../img/010.png);width:100%;height:345px;clear: both;position: relative;}
.foot .foot_main{width:1200px;height:345px;margin:0 auto;}
.foot .foot_main .foot_left{float: left;width:400px;position: absolute;top:65px;padding-left:40px;}
.foot .foot_main .foot_right{float:right;width:750px;text-align: center;}
.foot_main .ul{float:left;width:105px;height:260px;margin-top:50px;/*border-right:1px solid #000;*/}
.foot_main .foot_right .ul .title{color:white;font-size: 18px;line-height: 60px;text-align:center;}
.foot_main .foot_right .ul .title:hover{color:#003262;}
.foot_main .ul .li>a{color:white;font-size: 14px;line-height:25px;}
.foot_main .foot_right .ul .li>a:hover{color:#003262;}

/* 子页面关于振辉*/

.about_brand{height:220px;}
.about_brand .brand_nav{width:1055px;height:55px;margin:30px auto;}
.about_brand .brand_nav li{float:left;width:195px;height:55px;background:#014DA0;margin-left:12px;color: white;text-align: center;line-height:55px;font-size:16px;}
.about_brand .brand_nav li:hover{background:#CBD800;}
.about_brand .brand_nav .active{background:#CBD800;}

.brand_title {padding: 40px 0px;}
.brand_title .cw {width: 1200px;margin: 0 auto;}

.about01 {width: 100%;background: #f5f5f5;}
.clearfix {display: inline-block;}
.about01 div.fl {width: 740px;}
.fl {float: left;display: inline;}
.about01 div.fl h2 span {padding-right: 55px;background: #fff;}
.about01 div.fl h2 {font-size: 16px;padding: 35px 0;background: #fff url("../img/about_h2_bg.jpg") repeat-x left center;color: #003a8f;line-height: 24px;display: inline-block;width: 100%;}
.about01 div.fl h2 em {width: 9%;float: right;background: #fff;height: 24px;}
.about01 div.fl div {font-size: 14px;line-height: 22px;color: #333;padding: 30px 60px 0;}
.about01 div.fl div a.move {padding-left: 45px;background: url("../img/move.png") no-repeat left center;font-size: 16px;color: #003a8f;line-height: 34px;display: inline-block;text-decoration: none;margin-top: 15px;}
.fr {float: right;display: inline;}
.about03 {padding-bottom:30px;padding-top: 30px;}

.brand_cultural{padding: 40px 0px;width: 100%;}
.cultural00{width:1277px;height:1320px;margin:0 auto;}
.brand_cultural .cultural00 .cultural01{background-image:url(../img/220.jpg);width:1277px;height:434px;}
.brand_cultural .cultural00 .cultural02{background-image:url(../img/221.jpg);width:1277px;height:434px;}
.brand_cultural .cultural00 .cultural03{background-image:url(../img/222.jpg);width:1277px;height:434px;}
.cultural01{position: relative;}
.cultural01 .cultural_title{position: absolute;left: 105px;top:100px;}
.brand_cultural .cultural00 .cultural01 .cultural_text{position: absolute;left: 320px;top:100px;}
.cultural_text h3{color: #165A99;font-size: 20px;line-height: 40px;}
.cultural_text span{color:#595757;line-height:20px;font-size: 14px;}
.cultural02{position: relative;}
.cultural02 .cultural_text{position: absolute;left:810px;top:120px;}
.cultural03{position: relative;}
.cultural03 .cultural_text{position: absolute;left:135px;top:135px;}

/*发展历程*/

.gray {background: #f4f4f4 none no-repeat center center;background-size: auto;background-size: cover;}
.sub-iframe {min-height: 700px;padding-top: 40px;padding-bottom: 70px;}

.year-components {position: relative;height: 80px;width: 1048px;margin: 0 auto 40px;padding: 0 40px;-moz-box-sizing: border-box;box-sizing: border-box;}
.year-components .prev {cursor: pointer;position: absolute;left: 0px;top: 46px;width: 14px;height: 25px;background: url(../img/year_icon_1.png) no-repeat;}
.year-components .next {cursor: pointer;position: absolute;right: 0px;top: 46px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);width: 14px;height: 25px;background: url(../img/year_icon_1.png) no-repeat;}
.year-components .year-swiper {position: relative;height: 100%;width: 100%;}
.year-components .year-swiper-box {position: relative;width: 100%;height: 100%;overflow: hidden;}
.year-components .year-swiper .year-bg {position: absolute;height: 14px;top: 52px;left: 0px;width: 100%;padding: 0 40px;-moz-box-sizing: border-box;box-sizing: border-box;}
.year-components .year-swiper .year-bg-box {
    width: 100%;
    height: 100%;
    background: url(../img/bg.png) left top;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.year-components .year-swiper-box .swiper-slide {
    cursor: pointer;
    position: relative;
    width: 12.5%;
    height: 100%;
    display: block;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.year-components .year-swiper-box .swiper-slide .year {
    position: relative;
    margin: 0 auto;
    width: 46px;
    height: 100%;
    background: #f4f4f4;
}
.year-components .year-swiper-box .swiper-slide {
    cursor: pointer;
}
.year-components .year-swiper-box .swiper-slide .year-box .text {
    position: absolute;
    top: 10px;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 20px;
    color: #333;
}
.year-components .year-swiper-box .swiper-slide .year-box .radius {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 50px;
    width: 20px;
    height: 20px;
    border: 1px solid #bbb;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
}
.year-components .year-swiper-box .swiper-slide {
    cursor: pointer;
    position: relative;
    width: 12.5%;
    height: 100%;
    display: block;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.year-components .year-swiper-box .swiper-slide .year {
    position: relative;
    margin: 0 auto;
    width: 46px;
    height: 100%;
    background: #f4f4f4;
}
.year-components .year-swiper-box .swiper-slide .year-box .text {
    position: absolute;
    top: 10px;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 20px;
    color: #333;
}
.year-components .year-swiper-box .swiper-slide .year-box .radius {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 50px;
    width: 20px;
    height: 20px;
    border: 1px solid #bbb;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
}
.year-components .year-swiper-box .swiper-slide {
    cursor: pointer;
    position: relative;
    width: 12.5%;
    height: 100%;
    display: block;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.history-box {
    width: 1200px;
}
.history-box {
    position: relative;
    width: 1360px;
    margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 60px;
    margin-bottom: 20px;
}
.history-box .history-prev {
    left: 56px;
    top: 158px;
}
.history-box .history-prev {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    left: 76px;
    top: 178px;
    width: 25px;
    height: 42px;
    background: url(../img/arrow_4.png);
        background-size: auto;
    background-size: 100% 100%;
}
.history-box .history-next {
    right: 56px;
    top: 158px;
}
.history-box .history-next {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    right: 76px;
    top: 178px;
    width: 25px;
    height: 42px;
    background: url(../images/arrow_5.png);
        background-size: auto;
    background-size: 100% 100%;
}
.history-box .history-box2 {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.history-box .history-swiper {
    width: 160%;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    overflow: hidden;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.history-box .history-swiper .swiper-slide {
    width: 33.33%;
    position: relative;
    padding: 0 6px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.history-box .history-swiper .swiper-slide {
    width: 33.33%;
    position: relative;
    padding: 0 6px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.history-box .history-swiper .swiper-slide .a::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.5);
}
.history-box .history-swiper .swiper-slide .a .img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fff none no-repeat center center;
        background-image: none;
        background-size: auto;
    background-size: cover;
}
.history-box .history-swiper .swiper-slide .a .text::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    background: url(../img/history_icon.png);
        background-size: auto;
    background-size: 100% 100%;
}
.history-box .history-swiper .swiper-slide .a .text .text-box {
    z-index: 20;
    position: absolute;
    bottom: 14px;
    left: 20px;
    right: 20px;
    color: #fff;
}
.history-box .history-swiper .swiper-slide .a .text .text-box .year {
    font-size: 20px;
    line-height: 30px;
}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td {
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.history-box .history-swiper .swiper-slide .a .text::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    background: url(../img/history_icon.png);
        background-size: auto;
    background-size: 100% 100%;
}
.history-box .history-swiper .swiper-slide .a::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.5);
}
.history-box .history-swiper .swiper-slide a {
    color: #333;
}
.history-box .history-swiper .swiper-slide {
    width: 33.33%;
    position: relative;
    padding: 0 6px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}



.gray {
	background: #f4f4f4 none no-repeat center center;
	background-size: cover
}

.wp1200 {
	max-width: 1200px;
	margin: 0 auto;
	position: relative
}

.wp1350 {
	max-width: 1350px;
	min-width: 1200px;
	position: relative;
	margin: 0 auto
}

.sub-iframe {
	min-height: 550px;
	padding-top: 40px;
	/*padding-bottom: 70px*/
}




.year-components {
	position: relative;
	height: 80px;
	width: 1048px;
	margin: 0 auto 40px;
	padding: 0 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.year-components .next {
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 46px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	width: 14px;
	height: 25px;
	background: url("../img/year_icon_1.png")/*tpa=https://www.lesso.com/templates/specialty/images/year_icon_1.png*/
	no-repeat
}

.year-components .prev {
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 46px;
	width: 14px;
	height: 25px;
	background: url("../img/year_icon_1.png")/*tpa=https://www.lesso.com/templates/specialty/images/year_icon_1.png*/
	no-repeat
}

.year-components .year-swiper {
	position: relative;
	height: 100%;
	width: 100%
}

.year-components .year-swiper-box {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.year-components .year-swiper-box .swiper-slide {
	cursor: pointer;
	position: relative;
	width: 12.5%;
	height: 100%;
	display: block
}

.year-components .year-swiper-box .swiper-slide.on .year-box .text {
	top: 0px;
	color: #014DA0;
	font-size: 30px
}

.year-components .year-swiper-box .swiper-slide.on .year-box .radius {
	position: relative;
	width: 36px;
	height: 36px;
	border: 1px solid #014DA0;
	margin-left: -20px;
	top: 42px
}

.year-components .year-swiper-box .swiper-slide.on .year-box .radius:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -6px;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #014DA0
}

.year-components .year-swiper-box .swiper-slide .year {
	position: relative;
	margin: 0 auto;
	width: 46px;
	height: 100%;
	background: #f4f4f4
}

.year-components .year-swiper-box .swiper-slide .year-box .text {
	position: absolute;
	top: 10px;
	left: 50%;
	white-space: nowrap;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	font-size: 20px;
	color: #333
}

.year-components .year-swiper-box .swiper-slide .year-box .radius {
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: 50px;
	width: 20px;
	height: 20px;
	border: 1px solid #bbb;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%
}

.year-components .year-swiper .year-bg {
	position: absolute;
	height: 14px;
	top: 52px;
	left: 0px;
	width: 100%;
	padding: 0 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.year-components .year-swiper .year-bg-box {
	width: 100%;
	height: 100%;
	background: url("../img/bg.png")/*tpa=https://www.lesso.com/templates/specialty/images/bg.png*/
	left top
}




.history-box {
	position: relative;
	width: 1360px;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 20px
}

@media screen and (max-width: 1500px) {
	.history-box {
		width: 1200px
	}
}

.history-box .history-next {
	cursor: pointer;
	position: absolute;
	z-index: 10;
	right: 76px;
	top: 178px;
	width: 25px;
	height: 42px;
	background: url("../img/arrow_5.png")/*tpa=https://www.lesso.com/templates/specialty/images/arrow_5.png*/
	;
	background-size: 100% 100%
}

.history-box .history-next:hover {
	opacity: .8
}

@media screen and (max-width: 1500px) {
	.history-box .history-next {
		right: 56px;
		top: 158px
	}
}

.history-box .history-prev {
	cursor: pointer;
	position: absolute;
	z-index: 10;
	left: 76px;
	top: 178px;
	width: 25px;
	height: 42px;
	background: url("../img/arrow_4.png")/*tpa=https://www.lesso.com/templates/specialty/images/arrow_4.png*/
	;
	background-size: 100% 100%
}

@media screen and (max-width: 1500px) {
	.history-box .history-prev {
		left: 56px;
		top: 158px
	}
}

.history-box .history-prev:hover {
	opacity: .8
}

.history-box .history-box2 {
	width: 100%;
	position: relative;
	overflow: hidden
}

.history-box .history-swiper {
	width: 160%;
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	overflow: hidden
}

.history-box .history-swiper .swiper-slide {
	width: 33.33%;
	position: relative;
	padding: 0 6px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.history-box .history-swiper .swiper-slide.swiper-slide-next .a:after {
	background: none
}

.history-box .history-swiper .swiper-slide.swiper-slide-next .a .text {
	opacity: 1
}

.history-box .history-swiper .swiper-slide .a {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 53.75723%
}

.history-box .history-swiper .swiper-slide .a:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5)
}

.history-box .history-swiper .swiper-slide .a .text {
	opacity: .9s;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%
}

.history-box .history-swiper .swiper-slide .a .text .text-box {
	z-index: 20;
	position: absolute;
	bottom: 14px;
	left: 20px;
	right: 20px;
	color: #fff;
	background-color: rgba(0,0,0,0.45);
}

.history-box .history-swiper .swiper-slide .a .text .text-box .year {
	font-size: 20px;
	line-height: 30px
}

.history-box .history-swiper .swiper-slide .a .text .text-box .year-r {
	font-size: 14px;
	line-height: 30px
}

.history-box .history-swiper .swiper-slide .a .text:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	background: url("../img/history_icon.png");
	background-size: 100% 100%
}

.history-box .history-swiper .swiper-slide .a .img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #fff none no-repeat center center;
	background-size: cover
}
/* 研发实力*/
.about_yanfa{width:100%;heigth:100%;}
.about_yanfa .yanfa{width:1200px;margin:0 auto;height: 100%;}
.about_yanfa .yanfa .yanfa_01{width:1200px;height:424px;position: relative;}
.about_yanfa .yanfa .yanfa_01 .yanfa_left{width:700px;height:310px;float:left;background:#EEEFEF;position: absolute;top:90px;}
.about_yanfa .yanfa .yanfa_01 .yanfa_right{float: right;}
.about_yanfa .yanfa .yanfa_01 .yanfa_left h2{color: #083782;position: absolute;top: 60px;left: 65px;}
.about_yanfa .yanfa .yanfa_01 .yanfa_left p{color: #9C9998;position: absolute;top: 100px;left: 65px;font-size: 14px;padding-right: 60px;line-height: 25px;}

.about_yanfa .yanfa .yanfa_02{width:1200px;height:424px;margin-top:50px;}
.about_yanfa .yanfa .yanfa_02 .yanfa_left{float: left;}
.about_yanfa .yanfa .yanfa_02 .yanfa_right{float:right;width:670px;height:290px;background:#EEEFEF;position: relative;margin-top:105px;}
.about_yanfa .yanfa .yanfa_02 .yanfa_right h2{color: #083782;position: absolute;top: 60px;left: 65px;}
.about_yanfa .yanfa .yanfa_02 .yanfa_right p{color: #9C9998;position: absolute;top: 100px;left: 65px;font-size: 14px;padding-right: 50px;line-height: 25px;}
/*
.about_yanfa .yanfa .yanfa_03{width:1200px;height:340px;margin-top:50px;}
.about_yanfa .yanfa .yanfa_03 ul{width: 1300px;height:280px;margin:0 auto;margin-bottom: 10px;}
.about_yanfa .yanfa .yanfa_03 ul>li{width: 310px;height:259px;float:left;margin: 5px;overflow:hidden;}
.about_yanfa .yanfa .yanfa_03 ul>li img{width:100%;height:100%;transition:all 0.8s;}
.about_yanfa .yanfa .yanfa_03 ul>li img:hover{transform: scale(1.1);}*/

.about_yanfa .yanfa .yanfa_03{width:1200px;height:415px;position: relative;}
.about_yanfa .yanfa .yanfa_03 .yanfa_left{width:665px;height:290px;float:left;background:#EEEFEF;position: absolute;top:60px;}
.about_yanfa .yanfa .yanfa_03 .yanfa_right{float: right;}
.about_yanfa .yanfa .yanfa_03 .yanfa_left h2{color: #083782;position: absolute;top: 60px;left: 65px;}
.about_yanfa .yanfa .yanfa_03 .yanfa_left p{color: #9C9998;position: absolute;top: 100px;left: 65px;font-size: 14px;padding-right: 60px;line-height: 25px;}


.about_honner{width:100%;height:100%;}
.about_honner .honner{width:1200px;height:1450px;margin:0 auto;}
.about_honner .honner .honner01{width:1200px;height:640px;}
.about_honner .honner .honner01 .honner_title{width:1200px;height:45px;background-color:#E4EFFA;}
.about_honner .honner .honner01 .honner_title h4{color:#083782;line-height: 45px;margin-left:30px;}

.about_honner .honner .honner01 .honner_pic{width:1200px;height:1130px;margin-top: 10px;}
.about_honner .honner .honner01 .honner_pic .pic{width:260px;height:180px;float:left;margin:20px;transition: all 0.8s;margin-bottom: 60px;}
.about_honner .honner .honner01 .honner_pic .pic:hover{transform: scale(1.1);}

.about_honner .honner .honner01 .honner_pic .pic .pic_title{display: block;width:278px;height:45px;text-align: center;font-size: 14px;}

.about_honner .honner .honner02{width:1200px;height:640px;margin-top:50px;}
.about_honner .honner .honner02 .honner_title{width:1200px;height:45px;background-color:#E4EFFA;}
.about_honner .honner .honner02 .honner_title h4{color:#083782;line-height: 45px;margin-left:30px;}

.about_honner .honner .honner02 .honner_pic{width:1200px;height:640pxpx;margin-top: 10px;}
.about_honner .honner .honner02 .honner_pic .pic{width:260px;height:180px;float:left;margin:20px;transition: all 0.8s;margin-bottom: 60px;}
.about_honner .honner .honner02 .honner_pic .pic:hover{transform: scale(1.1)}
.about_honner .honner .honner02 .honner_pic .pic .pic_title{display: block;width: 278px;height:180x;text-align: center;font-size: 14px;}


/*产品页面*/

.product_brand{height:110px;}
.product_brand .product_brand_nav{width:630px;height:55px;margin:30px auto;}
.product_brand .product_brand_nav li{float:left;width:195px;height:55px;background:#014DA0;margin-left:12px;color: white;text-align: center;line-height:55px;font-size:16px;}
.product_brand .product_brand_nav li:hover{background:#CBD800;}
.product_brand .product_brand_nav .active{background:#CBD800;}


.product-nav {position: relative;font-size: 0px;/*padding: 56px 0px 26px;*/max-width:1000px;margin: 0 auto;text-align: left;}
.product-nav a {text-align: center;margin-bottom: 30px;width: 220px;height: 78px;display: inline-block;cursor: pointer;padding: 0px 60px;}
.product-nav a .img {margin-bottom: 16px;display: inline-block;width: 40px;height: 40px;}
.product-nav a .img img {width: 100%;height: 100%;}
/*img {vertical-align: top;border: 0;}*/
.product-nav a p, .product-nav a h2 {font-size: 15px;color: #333;}
.product-nav a + a {-moz-box-sizing: border-box;box-sizing: border-box;border-left: 1px solid #dcdcdc;}
.product-nav a.on .img, .product-nav a.on p, .product-nav a.on h2, .product-nav a:hover .img, .product-nav a:hover p, .product-nav a:hover h2 {opacity: .7;color: #c30d23;}

.product-info2{margin: 0 auto;margin-bottom:98px;height: 554px;width:1200px;display: none;}
.product-info2-left {width: 800px;height: 554px;float: left;}
.product-info2-left .product-li.on {display: block;}
.product-info2-left .product-li {display: none;width: 100%;height: 100%;}
.product-info2-left .product-li .img {width: 100%;height: 100%;display: block;background: #fff none no-repeat center center;background-size: auto;background-size: cover;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;position: relative;}
.product-info2-left .product-li .img img {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;}
/*img {vertical-align: top;border: 0;}*/
.product-info2-left .product-li .more, .product-info2-left .product-li .title, .product-info2-left .product-li .p {display: none;}

.product-info2-right {position: relative;float: left;background: #828282;width: 400px;height: 554px;color: #fff;}
.product-info2-right .text {width: 280px;margin: 0 auto;font-size: 14px;line-height: 36px;}
.product-info2-right .text .title {font-size: 20px;}
.product-info2-right .text .title {line-height: 36px;height: 72px;overflow: hidden;color: #fff;display: block;font-size: 25px;margin-bottom: 20px;margin-top: 112px;}
.product-info2-right .text .p {color: #fff;display: block;line-height: 36px;height: 144px;overflow: hidden;}
.product-info2-right .more {position: absolute;bottom:0px;left:95px;vertical-align: top;cursor: pointer;display: inline-block;width: 100px;height: 40px;border: 1px solid #9d9d9d;border-radius: 2px;font-size: 12px;line-height: 40px;text-align: center;color: #fff;}
.product-info2-right .btn {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;height: 42px;position: absolute;bottom: 150px;left: 90px;font-size: 0px;}
.product-info2-right .btn .prev {vertical-align: top;display: inline-block;cursor: pointer;border-radius: 2px;width: 40px;height: 40px;border: 1px solid #9d9d9d;background: url("../img/025.png") no-repeat center center;}
.product-info2-right .btn > div {margin-right: 4px;}
.product-info2-right .btn .next {vertical-align: top;display: inline-block;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);cursor: pointer;border-radius: 2px;width: 40px;height: 40px;border: 1px solid #9d9d9d;background: url("../img/026.png") no-repeat center center;}
.product-info2-right .btn > div {margin-right: 4px;}


.product_net{width: 100%;height: 100%;background-color: #EEEEEE;}
.product_net .net_bg{width:1300px;height:100%;margin: 0 auto;}
.product_net .net_bg img{width: 1200px;height: 100%;padding: 50px;}


/*工程案例*/

.case{width:100%;height: 100%;}
.case p{text-align: center;font-size:30px;margin-bottom:30px;}
.case .case_main{width:100%;height:100%;}
.row{width:1100px;margin: 0 auto;height:250px;}
.col-xl-12-12, .col-xl-11-12, .col-xl-10-12, .col-xl-9-12, .col-xl-8-12, .col-xl-7-12, .col-xl-6-12, .col-xl-5-12, .col-xl-4-12, .col-xl-3-12, .col-xl-2-12, .col-lg-12-12, .col-lg-11-12, .col-lg-10-12, .col-lg-9-12, .col-lg-8-12, .col-lg-7-12, .col-lg-6-12, .col-lg-5-12, .col-lg-4-12, .col-lg-3-12, .col-lg-2-12, .col-md-12-12, .col-md-11-12, .col-md-10-12, .col-md-9-12, .col-md-8-12, .col-md-7-12, .col-md-6-12, .col-md-5-12, .col-md-4-12, .col-md-3-12, .col-md-2-12 {padding-right: 20px;padding-left: 20px;}
.col-xl-12-12, .col-xl-11-12, .col-xl-10-12, .col-xl-9-12, .col-xl-8-12, .col-xl-7-12, .col-xl-6-12, .col-xl-5-12, .col-xl-4-12, .col-xl-3-12, .col-xl-2-12, .col-lg-12-12, .col-lg-11-12, .col-lg-10-12, .col-lg-9-12, .col-lg-8-12, .col-lg-7-12, .col-lg-6-12, .col-lg-5-12, .col-lg-4-12, .col-lg-3-12, .col-lg-2-12, .col-md-12-12, .col-md-11-12, .col-md-10-12, .col-md-9-12, .col-md-8-12, .col-md-7-12, .col-md-6-12, .col-md-5-12, .col-md-4-12, .col-md-3-12, .col-md-2-12 {position: relative;box-sizing: border-box;min-height: 1px;-ms-flex: none;flex: none;}
.col-md-1-12, .col-md-2-12, .col-md-3-12, .col-md-4-12, .col-md-5-12, .col-md-6-12, .col-md-7-12, .col-md-8-12, .col-md-9-12, .col-md-10-12, .col-md-11-12, .col-md-12-12 {float: left;}
.col-md-4-12 {width: 33.33333%;}
.figure, .figure-small { background: #000; position: relative; cursor: pointer; }
.figure h4, .figure-small h4 { opacity: 0; filter: alpha(opacity=0); text-align: center; font-size: 20px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
.figure img, .figure-small img { width: 100%; height: auto; display: block; box-sizing: border-box; }
.figure .shadow, .figure-small .shadow {background: linear-gradient(transparent 0,#333); color: #fff; font-size: 14px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 5px 10px; }
.figure .e-link, .figure-small .e-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 15; background: #ddd; opacity: 0; filter: alpha(opacity=0); }
.figure .play img, .figure-small .play img { width: 37px; height: 37px; margin: 0 auto; }
.figure:hover img, .figure-small:hover img { opacity: 0.4; filter: alpha(opacity=40); }
.figure:hover .play img, .figure-small:hover .play img { opacity: 1; filter: alpha(opacity=100); }
.figure:hover .shadow, .figure-small:hover .shadow { display: none; }
.figure:hover .text h4, .figure:hover .text p, .figure-small:hover .text h4, .figure-small:hover .text p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.figure { margin-bottom: 30px; }
.figure a { display: block; overflow: hidden; position: relative; }
.figure h4 { padding-top: 10%; }
.figure-small { margin-bottom: 30px; }
.figure-small h4 { padding-top: 8%;padding-left: 5px;  padding-right: 5px;}
@media (max-width: 767px) { .figure { margin-bottom: 10px; background: #fff; }
.figure .shadow, .figure-small .shadow { font-size: 16px; }
.figure-small { margin-bottom: 15px; background: #fff; border: 1px solid #ddd; border-radius: 2px; box-shadow: 2px 2px 2px #eee; overflow: hidden; }
.figure-small .shadow { position: static; background-color: #fff; color: #333; line-height: 1.5em; padding: 0; overflow: hidden; } }
.figure:hover .text::before, .figure:hover .text::after, .figure-small:hover .text::before, .figure-small:hover .text::after { content: ""; opacity: 1; filter: alpha(opacity=100);-webkit-transform: scale(1); transform: scale(1); }
.figure-small .text { color: #fff; position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; z-index: 9; }
.figure-small .text p { font-size: 16px; text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); line-height:100px;}
.figure-small .text::before, .text::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; transition: opacity 0.8s, transform 0.8s; }
.figure-small .text::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
.figure-small .text::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); }
@media (max-width: 1200px) { .figure-small h4 { padding-top: 15px; } }
/*阴影上升*/
.figure-balloon { position: relative; overflow: hidden; margin-bottom: 15px; }
.figure-balloon img { width: 100%; height: auto; display: block; box-sizing: border-box; }
.figure-balloon a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 20; background: #333; opacity: 0; filter: alpha(opacity=0); }
.figure-balloon .shadow { background-color: rgba(41, 36, 36, 0.56); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F282424,endColorstr=#7F282424); color: #fff; font-size: 16px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 0 5px; transition: all .3s; }
.figure-balloon .fig-box { position: relative; }
.figure-balloon .fig-box::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%); background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }
.figure-balloon:hover .fig-box::before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
@media (max-width: 767px) { .figure-balloon { border: 1px solid #ddd; background: #fff; border-radius: 2px; box-shadow: 2px 2px 2px #eee; overflow: hidden; }
.figure-balloon .shadow { background: #fff; position: relative; color: #333; } }
/*
.text::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0, 1);transform: scale(0, 1);}
.text::before, .text::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: '';opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}*/


/*
.case .case_main .case_pic{width:1100px;height:360px;overflow: hidden;}
.case .case_main .case_pic .pic_01{float:left;width: 495px;height:360px;margin-left:20px;}
.case .case_main .case_pic img{width:100%;height: 100%;border: 2px solid silver}
.case .case_main .case_pic .pic_02{float:left;width: 209px;height:360px;margin-left:28px;}
.case .case_main .case_pic .pic_03{float:right;width: 302px;height:170px;margin-right:20px;}
.case .case_main .case_pic .pic_04{float:right;width: 302px;height:170px;margin-right:20px;margin-top: 20px;}*/


/*
.case .case_main{width:1100px;margin:0 auto;}
.case .case_main .case_pic{width:1100px;height:360px;overflow: hidden;}
.case .case_main .case_pic .pic_01{float:left;width: 495px;height:360px;margin-left:20px;}
.case .case_main .case_pic img{width:100%;height: 100%;border: 2px solid silver}
.case .case_main .case_pic .pic_02{float:left;width: 209px;height:360px;margin-left:28px;}
.case .case_main .case_pic .pic_03{float:right;width: 302px;height:170px;margin-right:20px;}
.case .case_main .case_pic .pic_04{float:right;width: 302px;height:170px;margin-right:20px;margin-top: 20px;}*/

.case .case_text{width: 1100px;margin: 0 auto;margin-top:50px;height:1700px;}
.case .case_text .case_text_left{float:left;width: 500px;}
.case .case_text .case_text_right{float:right;width: 500px;}
.case .case_text .case_text_left h4{font-size: 25px;color: #004A94;font-weight: bold;}
.case .case_text .case_text_left span{font-size: 18px;color: #004A94;font-weight: bold;}
.case .case_text .case_text_right span{font-size: 18px;color: #004A94;font-weight: bold;}
.case .case_text li{font-size: 16px;background-color:whitesmoke;width:500px;margin:5px 0px;height:25px;}
.case .case_text li:hover{background-color: #003262;color:white;}


/*服务中心*/

.service_brand{height:110px;}
.service_brand .service_brand_nav{width:830px;height:55px;margin:30px auto;}
.service_brand .service_brand_nav li{float:left;width:195px;height:55px;background:#014DA0;margin-left:12px;color: white;text-align: center;line-height:55px;font-size:16px;}
.service_brand .service_brand_nav li:hover{background:#CBD800;}
.service_brand .service_brand_nav .active{background:#CBD800;}

.service_dree{width:1200px;height:600px;margin: 0 auto;}
.service_dree .service_dree_left .service_menus{width: 420px;height:600px;float:left;}
.service_dree .service_dree_left .service_menus li{width: 420px;height:150px;background-color:#F5F5F5;margin:20px 15px;border:1px solid silver;transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;cursor: pointer;}
.service_dree .service_dree_left .service_menus li:hover{background-color:#CBD800;cursor: pointer;}
.service_dree .service_dree_left .service_menus li>h3{color:#003A8F;font-weight: bold;padding:18px 20px;}
.service_dree .service_dree_left .service_menus li>h4{color:#004A94;font-size:18px;margin-left: 20px;}
.service_dree .service_dree_left .service_menus li>p{margin-left: 20px;font-size: 14px;margin-top:5px;}
.service_dree .service_dree_right{width:750px;height:500px;float:right;margin:16px 0px;overflow: hidden;border: 1px solid silver;}
.service_dree .service_dree_right img{width:100%;}


/*服务网络tab切换*/
.tab {width: 100%;background-size: cover;margin-top: 50px;}
.tab .box {width: 1200px;height:600px;position: relative;margin: 0 auto;height: 500px;}
.tab .box .menus {width: 420px;height: 600px;/*background:#F5F5F5;*/float: left;margin-top: -50px;border-radius: 10px;overflow: hidden;}
.tab .box .menus li {width: 420px;height: 150px;background:#F5F5F5;text-align: center;margin-top:15px;border-bottom: 1px solid silver;transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.tab .box .menus li>h3{color: #003A8F;font-weight: bold;padding: 18px 20px;}
.tab .box .menus li>h4{color: #004A94;font-size: 18px;margin-left: 20px;}
.tab .box .menus li>p{margin-left: 20px;font-size: 14px;margin-top: 5px;color: #000000;}


.tab .box .menus li:nth-child(3) {border-bottom: none;}
.tab .box .bg {height: 150px !important;background:#CBD800 !important;}
.tab .right {float: left;width:750px;margin-top:-45px;height:500px;overflow: hidden;margin-left: 10px;border-radius: 10px;background: rgba(0,0,0,0.5);}
.tab .tab_right {width:750px;height: 500px;color: #fff;text-align: center;position:relative;}
.tab .tab_right img {width: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.tab .scroll {transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;}


/*侧边栏咨询*/

.right_side{position:fixed;width:54px;height:275px;right:0;top:385px;z-index:100;}
.right_side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #fff;}
.right_side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#004A94;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.right_side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#004A94;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.right_side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.right_side ul li img{float:left;}





/*new*/

.new_main{width: 100%;height:100%;background-color:#F5F5F5;}
.news{width: 1200px;height:1000px;margin:0 auto;padding-top:50px;}
.news-list {padding: 0 20px;-moz-box-sizing: border-box;box-sizing: border-box;}
.news-list .news-ul {margin-bottom: 40px;}
.news-list .news-li {padding-bottom: 20px;display: block;width: 100%;}
.news-list .news-li a:hover {-webkit-transform: translate(0, -5px);-moz-transform: translate(0, -5px);-ms-transform: translate(0, -5px);transform: translate(0, -5px);box-shadow: 0 2px 18px rgba(0,0,0,0.14);transition-duration: 2s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.news-list .news-li a:hover .time {background: #004A94;}
.news-list .news-li a:hover .text .title {color: #004A94;}
.news-list .news-li a {height: 175px;position: relative;padding: 15px 250px;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;display: block;background: #fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.news-list .news-li a .img {position: absolute;top: 15px;left: 15px;height: 145px;width: 210px;}
.news-list .news-li a .img img {width: 100%;height: 100%;}
.news-list .news-li a .time {position: absolute;right: 30px;top: 48px;width: 100px;height: 86px;background: #535353;border-top-right-radius: 20px;border-bottom-left-radius: 20px;color: #fff;text-align: center;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.news-list .news-li a .time .day {margin-top: 12px;line-height: 36px;font-size: 36px;}
.news-list .news-li a .time .yy {margin-top: 6px;font-size: 14px;}
.news-list .news-li a .text-time {position: absolute;text-align: center;font-size: 12px;color: #888;width: 100px;right: 30px;bottom: 20px;}
.news-list .news-li a .text-time span {display: inline-block;vertical-align: top;margin-left: 10px;}
.news-list .news-li a .text {margin-top: 22px;}
.news-list .news-li a .text .title {color: #333;font-size: 22px;margin-bottom: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.news-list .news-li a .text .article {font-size: 13px;color: #777;line-height: 30px;height: 60px;overflow: hidden;}


/*画册*/
.huace_main{width: 100%;height:100%;background-color:#F5F5F5;}
.huace {max-width: 1350px;min-width: 1200px;height:650px;position: relative;margin: 0 auto;padding-top:50px;}
.picture-list {width: 1200px;margin: 0 auto;padding-bottom: 40px;font-size: 0px;}
.picture-list .li {width:25%;display: inline-block;vertical-align: top;padding: 0 10px;-moz-box-sizing: border-box;box-sizing: border-box;}

.picture-list .li a {margin-bottom: 16px;border: 1px solid #e1e1e1;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;display: block;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;border:1px solid #9d9d9d;}
.picture-list .li a .img {position: relative;width: 100%;padding-bottom: 140.67797%;overflow: hidden;}
.picture-list .li a .img img {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;transition:all 0.8s;}
.picture-list .li a .img img:hover{cursor: pointer;transform: scale(1.1);}
.picture-list .li a .text {position: relative;font-size: 15px;color: #555;background: #f7f7f7;height: 54px;text-align: center;}
.picture-list .li a .text p, .picture-list .li a .text h2 {font-size: 15px;position: relative;top: 50%;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}


/*查询*/
.main {width: 900px;height:585px;margin: 0 auto;margin-top: 0px;margin-top: 10px;}
.main_tit {width: 100%;height: 40px;line-height: 40px;background: linear-gradient(to bottom, #004A94, #004A94);}
.main_tit span {font-size: 18px;color: #fff;margin-left: 25px;}
.main_content {background: #fff;padding-top:20px;position: relative;}
.main_content_banner {float: left;margin-right: 25px;}
.main_content_banner img {width: 160px;}

/*资讯中心*/
.new_brand{height:110px;}
.new_brand .new_brand_nav{width:420px;height:55px;margin:30px auto;}
.new_brand .new_brand_nav li{float:left;width:195px;height:55px;background:#014DA0;margin-left:12px;color: white;text-align: center;line-height:55px;font-size:16px;}
.new_brand .new_brand_nav li:hover{background:#CBD800;}
.new_brand .new_brand_nav .active{background:#CBD800;}

/*招贤纳士*/

.people_brand{height:110px;}
.people_brand .people_brand_nav{width:415px;height:55px;margin:30px auto;}
.people_brand .people_brand_nav li{float:left;width:195px;height:55px;background:#014DA0;margin-left:12px;color: white;text-align: center;line-height:55px;font-size:16px;}
.people_brand .people_brand_nav li:hover{background:#CBD800;}
.people_brand .people_brand_nav .active{background:#CBD800;}

.people_main{width:100%;height:100%;background-image: url(../img/people3.jpg);background-size:100%;background-repeat:no-repeat;}
.people_main .people_main_info{width:1200px;height:960px;margin: 0 auto;}
.people_main_info .info-title{text-align: center;padding-top:40px;}
.people_main_info .info_text{width:1200px;height:960px;margin-top:45px;overflow: hidden;}
.people_main_info .info_text ul li {float: left;width: 390px;height: 214px;box-sizing: border-box;margin-bottom: 20px;margin-right: 10px;background: rgba(251,251,251,0.5);border:1px solid #b5b5b6;}

.info_post {width: 390px;height: 214px;display: block;	-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.xx1 {font-size: 18px;font-weight: bold;color: #3e3e3e;line-height: 30px;padding-top: 20px;margin-left: 30px;}
.xx2 {color: #3e3e3e;line-height: 30px;margin-left: 30px;}
.xx3 {color: #fff;margin-left: 30px;width: 100px;height: 30px;background: #165a99;text-align: center;line-height: 30px;margin-top: 23px;font-size: 14px;}
.people_main_info .info_text ul li a:hover {background: #165a99;display: block;}
.info_post:hover .xx3 {border: 1px solid #fff;}
.info_post:hover .xx1, .info_post:hover .xx2 {color: #fff;}


/*用人理念*/
.yrln_main{width:100%;height:100%;}
.yrln_main .yrln{width:1100px;height:475px;margin: 0 auto;overflow: hidden;margin-bottom: 50px;}
.yrln_main .yrln img{width:100%;height:100%;}
.pro-heating {color: #898989;padding: 30px 0 0px;}
.heating-8 .pro-heating-1 {background: url(../img/yr_img.jpg) no-repeat center 0;}
.pro-heating-box {position: relative;height: 600px;}
.pro-heating-box .pro-heating-text.animation {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;display: inline-block;}
.heating-8 .pro-heating-1 .pro-heating-text {width:200px;height:240px;background:url(../img/yrjz.png) no-repeat 0 0;left: 50%;top: 150px;margin-left: -530px;}
.hide, .hiden {display: none;}
.pro-heating-text {position: absolute;}

.heating-8 .pro-heating-2 {background: url(../img/yr_img1.jpg) no-repeat center 0;}
.pro-heating-box {position: relative;height: 600px;bottom: 50px;}
.pro-heating-2 .pro-heating-text.animation {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;display: inline-block;}
.pro-heating-box .pro-heating-text.animation{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;display: inline-block;}
.heating-8 .pro-heating-2 .pro-heating-text{width:210px;height: 230px;background: url(../img/rcpy.png) no-repeat 0 0;left: 50%;top: 150px;margin-left:360px;}



/*七大优势四大支持*/
.youshi_main{width:100%;height:100%;}
.youshi_main .youshi_pic{width:1200px;height:1300px;margin: 0 auto;}

.zhichi_main{width:100%;height:100%;}
.join-box-text{}
.join-box-1 {background: url(../img/045.jpg) no-repeat center 0;}
.join-box {position: relative;height: 600px;}
.join-box .join-box-text.animation {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;display: inline-block;}
.join-box-1 .join-box-text {width: 681px;height: 259px;background: url(../img/053-2.png) no-repeat 0 0;left: 45%;top: 100px;margin-left: -480px;}/*品牌支持*/
.join-box .join-box-text {display: none;}
.join-box-text {position: absolute;}

.join-box-2 {background: url(../img/046.jpg) no-repeat center 0;}
.join-box {position: relative;height: 600px;}
.join-box-2 .join-box-text.animation {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;display: inline-block;}
.join-box .join-box-text.animation {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;display: inline-block;}
.join-box-2 .join-box-text {width: 607px;height: 273px;background: url(../img/050-2.png) no-repeat 0 0;left: 50%;top: 130px;margin-left: 0px;}/*人员支持*/
.join-box .join-box-text {display: none;}
.join-box-text {position: absolute;}

.join-box-3 {background: url(../img/047.jpg) no-repeat center 0;}
.join-box {position: relative;height: 600px;}
.join-box .join-box-text.animation {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;display: inline-block;}
.join-box-3 .join-box-text {width: 542px;height: 342px;background: url(../img/051-1.png) no-repeat 0 0;left: 40%;top: 100px;margin-left: -550px;}
.join-box .join-box-text {display: none;}
.join-box-text {position: absolute;}

.join-box-4 {background: url(../img/048.jpg) no-repeat center 0;}
.join-box {position: relative;height: 600px;}
.join-box-4 .join-box-text.animation {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;display: inline-block;}
.join-box .join-box-text.animation {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;display: inline-block;}
.join-box-4 .join-box-text {width: 732px;height: 266px;background: url(../img/052-2.png) no-repeat 0 0;left: 50%;top: 160px;margin-left: 0px;}
.join-box .join-box-text {display: none;}
.join-box-text {position: absolute;}







/*联系我们*/
.lianxi{width:100%;height:100%;margin-top:50px;margin-bottom: 50px;}
.lianxi .lianxi_main{width:1200px;height:300px;margin:0 auto;}
.lianxi .lianxi_main .lianxi_left{width:500px;height:300px;float:left;background-color:#f9f9f9;position: relative;}
.lianxi .lianxi_main .lianxi_left img{position: absolute;top:100px;left:15px;}
.lianxi .lianxi_main .lianxi_left .lianxi_text{position: absolute;top:70px;left:100px;}
.lianxi .lianxi_main .lianxi_left .lianxi_text h4{font-size: 30px;color:#333333;margin-bottom: 10px;}
.lianxi .lianxi_main .lianxi_left .lianxi_text p{font-size: 16px;color:#666;line-height: 30px;}
.lianxi .lianxi_main .lianxi_right{width:650px;height:300px;float:right;border:1px solid #666;}
.lianxi .lianxi_main .lianxi_right img{width:100%;height:100%;}


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



/*fenyeyangshi*/

#pages {text-align: center;font-size: 0px;}
#pages a:hover {border-color: #004A94;background: #004A94;color: #fff;}
#pages a {margin: 0 7px;display: inline-block;padding: 0 19px;line-height: 46px;background: #fff;border-radius: 23px;font-size: 14px;border: 1px solid #dbdbdb;border-top-color: rgb(219, 219, 219);border-right-color: rgb(219, 219, 219);border-bottom-color: rgb(219, 219, 219);
border-left-color: rgb(219, 219, 219);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
#pages span {margin: 0 7px;display: inline-block;padding: 0 19px;line-height: 46px;background:  #004A94;color: #fff;border-radius: 23px;font-size: 14px;border: 1px solid #dbdbdb;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}