@charset "utf-8";

.banner{height:615px;background-repeat:no-repeat;background-position:center top;background-size:cover;overflow:hidden;position:relative;}
.banner .content{color:#f2f2f2;text-align:center;}
.banner .content .icon{margin:10px 0;}

.banner .content .icon img{ display: inline;}


.innerTitle{}
.innerTitle img{margin:0 20px;}
.innerTips{font-size:16px;text-align:center;color:#666;margin-top:1vw;}

.innerText{font-size:16px;color:#333;line-height:28px;margin-top:2vw;}
.innerText p{margin-top:20px;text-indent:2em;}


.subpage{text-align:center;background:#f3f6fb;overflow:hidden;}
.subpage a{font-size:16px;line-height:72px;font-weight:bold;margin:0 40px;position:relative;display:inline-block;}
.subpage a:after{width:0;height:4px;background:#174789;left:50%;bottom:0;position:absolute;content:"";border-radius:2px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.subpage a:hover{color:#174789;}
.subpage a:hover:after{width:36px;margin-left:-18px;}


.about{overflow:hidden;}
.about .pic{width:48%;float:left;}
.about .pic img{width:100%;display:block;}
.about .txt{width:40%;margin-right:10%;margin-left:2%;float:left;}
.about .txt .bt{margin-top:1vw;}
.about .txt .date{font-weight:bold;color:#999;margin-top:2vw;}
.about .txt .date b{color:#174789;}
.about .txt .wz{font-size:16px;line-height:28px;color:#666;margin-top:1vw;word-break:break-all;}
.about .count{margin-top:4vw;}
.about .count .counter{width:16.66%;text-align:left;float:left;}
.about .count .counter .icon img{height:38px;display:block;}
.about .count .counter .num{height:60px;color:#174789;line-height:60px;margin-top:10px;}
.about .count .counter .num b{font-size:60px;font-family:bahnschrift;}
.about .count .counter .num i{font-size:16px;margin-left:10px;}
.about .count .counter .wz{font-size:16px;color:#999;line-height:24px;}


.shows{background:#f4f4f4;overflow:hidden;}
.shows .wz{width:80%;font-size:16px;color:#333;line-height:28px;text-align:center;margin:2vw auto 0;}
.shows .swiper{margin-top:2vw;}
.shows .swiper a{display:block;}
.shows .swiper a .img{border-radius:10px;overflow:hidden;}
.shows .swiper a .img img{width:100%;display:block;}

.showsSwiperNext,.showsSwiperPrev{width:52px;height:52px;position:absolute;top:50%;margin-top:-26px;z-index:99;cursor:pointer;border-radius:50%;background-color:#ccc;background-repeat:no-repeat;background-position:center;background-size:auto;}
.showsSwiperNext{right:calc(27.6% - 100px);background-image:url(../images/right.png);}
.showsSwiperPrev{left:calc(27.6% - 100px);background-image:url(../images/left.png);}
.showsSwiperNext:hover,.showsSwiperPrev:hover{background-color:#174789;}


.culture{overflow:hidden;}
.culture .box{margin-top:2vw;padding:1vw 0;position:relative;}
.culture .box .txt{width:37%;margin-left:9%;}
.culture .box .txt h3{color:#174789;}
.culture .box .txt h4{font-size:16px;line-height:32px;color:#333;}
.culture .box .txt .bt{font-weight:bold;color:#333;margin-top:2vw;}
.culture .box .txt .bt img{width:46px;margin-right:10px;}
.culture .box .txt .bt span{font-weight:normal;font-size:18px;color:#333;margin-left:20px;}
.culture .box .txt .wz{font-size:16px;color:#999;line-height:28px;margin-top:0.5vw;}
.culture .box .bg{width:50%;height:100%;position:absolute;right:0;top:0;background:url(../images/culture.jpg) no-repeat center;background-size:cover;}


.equipment{background:url(../images/equipment.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.equipment .innerTitle{color:#FFF;}
.equipment .innerTips{color:#FFF;}
.equipment .wz{width:80%;font-size:16px;color:#FFF;line-height:28px;text-align:center;margin:2vw auto 0;}
.equipment .swiper{margin-top:2vw;}
.equipment .swiper a{display:block;}
.equipment .swiper a .img{border-radius:10px;overflow:hidden;}
.equipment .swiper a .img img{width:100%;display:block;}


.honor{overflow:hidden;}
.honor .swiper{margin-top:2vw;}
.honor .swiper a{display:block;}
.honor .swiper a .img{border-radius:10px;overflow:hidden;}
.honor .swiper a .img img{width:100%;display:block;}



.product{height:auto;padding-top:calc(2vw + 76px);background:url(../images/banner_product.jpg) center top no-repeat fixed;background-size:100% 90%;overflow:hidden;position:relative;}
.product h1,.product h2{color:#f2f2f2;text-align:center;}
.product .content .icon{margin:10px auto;}
.product .content .icon img{margin:auto;display:block;}

.product .type{margin-top:6vw;text-align:left;}
.product .type .bt{font-weight:bold;color:#FFF;}
.product .type .bt span{font-weight:normal;font-size:18px;margin-left:20px;}
.product .type ul li{width:15%;height:52px;font-size:16px;line-height:52px;text-align:center;float:left;margin-right:2%;margin-top:2%;border:1px solid #FFF;overflow:hidden;}
.product .type ul li a{color:#FFF;display:block;}
.product .type ul li:nth-of-type(6n){margin-right:0;}
.product .type ul li a:hover{background:#FFF;color:#333;}
.product .type ul li a.on{background:#FFF;color:#333;}

.product .list{margin-top:4vw;position:relative;z-index:20;}
.product .list li{width:23.5%;padding:20px;margin-right:2%;margin-top:2%;float:left;background:#FFF;position:relative;}
.product .list li:nth-of-type(4n){margin-right:0;}
.product .list li .bt{width:90%;height:50px;font-size:18px;line-height:50px;text-align:center;margin:auto;position:relative;z-index:10;overflow:hidden;}
.product .list li .bt:after{width:80%;height:10px;left:10%;bottom:12px;background:#efefef;position:absolute;z-index:-1;content:'';-webkit-transition:all 0.5s;transition:all 0.5s;}
.product .list li .bt a:hover{color:#174789;}
.product .list li .pic{margin:2vw auto;}
.product .list li .pic img{width:100%;display:block;}
.product .list li .more{width:90%;height:24px;margin:auto;overflow:hidden;}
.product .list li .more a{font-size:16px;color:#333;line-height:24px;float:left;}
.product .list li .more a:last-child{float:right;}
.product .list li .more a:hover{color:#174789;font-weight:bold;}


.productinfo{height:auto;padding-top:calc(2vw + 76px);background:url(../images/banner_product.jpg) center top no-repeat;background-size:100% 100%;overflow:hidden;position:relative;}
.productinfo .location{font-size:16px;color:#FFF;line-height:24px;padding:12px 0 12px 60px;background:url(../images/home.png) no-repeat left center;}
.productinfo .location a{color:#FFF;}
.productinfo .pic{width:46%;margin-top:2vw;float:left;}
.productinfo .pic img{width:100%;display:block;}
.productinfo .box{width:46%;margin-top:2vw;margin-right:2%;float:right;}
.productinfo .box .title{color:#fff;}
.productinfo .box .title b{position:relative;z-index:10;}
.productinfo .box .title b:after{width:100%;height:10px;left:0;bottom:0;background:#174789;position:absolute;z-index:-1;content:'';-webkit-transition:all 0.5s;transition:all 0.5s;}
.productinfo .box .des{font-size:16px;color:#fff;line-height:28px;margin-top:2vw;}
.productinfo .box ul{margin-top:2vw;}
.productinfo .box ul li{width:23.5%;margin-right:2%;margin-top:2%;padding:20px;border:1px solid #eee;border-radius:6px;float:left;background:#FFF;cursor:pointer;position:relative;}
.productinfo .box ul li:nth-of-type(4n){margin-right:0;}
.productinfo .box ul li img{height:32px;display:block;}
.productinfo .box ul li h4{font-size:18px;color:#333;line-height:24px;margin-top:16px;}
.productinfo .box ul li p{font-size:14px;color:#999;line-height:24px;}
.productinfo .box .button{margin-top:4vw;}
.productinfo .box .tel{color:#FFF;margin-top:4vw;margin-left:4vw;padding-left:72px;padding-top:4px;background:url(../images/hour.png) no-repeat left center;float:left;}
.productinfo .box .tel p{font-size:14px;line-height:14px;}
.productinfo .box .tel b{font-size:30px;line-height:36px;display:block;font-family:bahnschrift;}


.productdetails{overflow:hidden;}
.productdetails .list{margin-top:4vw;}
.productdetails .list li{width:32%;margin-right:2%;padding:2%;border-radius:10px;float:left;background:#dee6f9;}
.productdetails .list li:nth-of-type(3n){margin-right:0;}
.productdetails .list li .icon{padding:14px;border-radius:50%;background:#174789;float:left;}
.productdetails .list li .icon img{height:28px;display:block;}
.productdetails .list li .wz{width:calc(100% - 72px);float:right;}
.productdetails .list li .wz .f24{color:#174789;}
.productdetails .list li .wz p{font-size:16px;line-height:24px;color:#666;}


.productprocess{padding-top:0;overflow:hidden;}
.productprocess .list{}
.productprocess .list li{width:30%;margin-right:5%;margin-top:2vw;float:left;background:#174789;position:relative;}
.productprocess .list li:nth-of-type(3n){margin-right:0;}
.productprocess .list li .num{width:50px;height:68px;font-size:48px;line-height:68px;text-align:center;color:#174789;font-weight:bold;font-family:bahnschrift;background:#FFF;position:absolute;left:7%;top:0;}
.productprocess .list li .bt{width:86%;color:#FFF;padding:30px 0 20px 70px;margin:auto;border-bottom:1px solid rgba(255,255,255,0.6);}
.productprocess .list li .img img{width:100%;display:block;}
.productprocess .list li .wz{width:86%;height:84px;margin:15px auto;overflow:hidden;}
.productprocess .list li .wz p{font-size:15px;line-height:28px;color:#FFF;}


.related{background:#f4f4f4;overflow:hidden;}
.related .list{margin-top:2vw;}
.related .list li{padding:20px;background:#FFF;position:relative;}
.related .list li .bt{width:90%;height:50px;font-size:18px;line-height:50px;text-align:center;margin:auto;position:relative;z-index:10;overflow:hidden;}
.related .list li .bt:after{width:80%;height:10px;left:10%;bottom:12px;background:#efefef;position:absolute;z-index:-1;content:'';-webkit-transition:all 0.5s;transition:all 0.5s;}
.related .list li .bt a:hover{color:#174789;}
.related .list li .pic{margin:2vw auto;}
.related .list li .pic img{width:100%;display:block;}
.related .list li .more{width:90%;height:24px;margin:auto;overflow:hidden;}
.related .list li .more a{font-size:16px;color:#333;line-height:24px;float:left;}
.related .list li .more a:last-child{float:right;}
.related .list li .more a:hover{color:#174789;font-weight:bold;}


.cases{overflow:hidden;}
.cases .list li{width:23.5%;height:24px;font-size:15px;line-height:24px;margin-right:2%;margin-top:15px;padding-left:30px;background:url(../images/ke.png) no-repeat left center;float:left;position:relative;overflow:hidden;}
.cases .list li:nth-of-type(4n){margin-right:0;}
.cases .pic{margin-top:4vw;}
.cases .pic img{width:100%;display:block;}


.news{overflow:hidden;}
.news .list li{width:31%;height:auto;margin-right:3.5%;margin-bottom:3%;float:left;position:relative;background:#FFF;}
.news .list li:nth-of-type(3n){margin-right:0;}
.news .list li a{display:block;}
.news .list li .pic{position:relative;}
.news .list li .pic img{width:100%;display:block;}
.news .list li .pic .time{font-size:20px;color:#FFF;line-height:24px;position:absolute;left:20px;top:20px;font-family:bahnschrift;}
.news .list li .pic .time b{font-size:38px;font-weight:normal;display:block;}
.news .list li .box{padding:1.5vw;background:#f4f4f4;}
.news .list li .box .bt{height:32px;color:#333;font-weight:bold;line-height:32px;overflow:hidden;}
.news .list li .box .wz{height:56px;font-size:16px;color:#666;line-height:28px;margin-top:10px;overflow:hidden;}
.news .list li .box .more{height:24px;font-size:16px;color:#333;line-height:24px;overflow:hidden;margin-top:20px;}
.news .list li:hover .box .bt{color:#174789;}
.news .list li:hover .box .more{color:#174789;font-weight:bold;}

.newsinfo{overflow:hidden;background:#f2f2f2;}
.newsinfo .left{width:71.14%;float:left;}
.newsinfo .left .box{padding:2vw;background:#FFF;}
.newsinfo .left .box .title{font-size:28px;font-weight:bold;color:#333;line-height:36px;}
.newsinfo .left .box .time{font-size:14px;color:#999;line-height:32px;padding:20px 0;border-bottom:1px solid #ddd;}
.newsinfo .left .box .time i{margin:0 20px;}

.newsinfo .preview{width:26.4%;background:#FFF;float:right;}
.newsinfo .preview .bt{height:70px;font-size:18px;color:#FFF;line-height:30px;padding:20px 40px 20px 50px;background:url(../images/preview.png) no-repeat 20px center #174789;}
.newsinfo .preview ul{}
.newsinfo .preview ul li{padding:30px;border-top:1px solid #eee;}
.newsinfo .preview ul li .title{height:32px;font-size:18px;color:#333;line-height:32px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsinfo .preview ul li .title a:hover{color:#0b82ca;}
.newsinfo .preview ul li .time{height:24px;font-size:14px;color:#999;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsinfo .preview ul li .wz{height:48px;font-size:14px;color:#666;line-height:24px;margin-top:10px;overflow:hidden;}


.contact{overflow:hidden;background:url(../images/map.jpg) no-repeat center;background-size:cover;}
.contact .box{width:50%;padding:4vw;background:#FFF;}
.contact .box .wz{margin-top:2vw;}
.contact .box .wz p{font-size:18px;line-height:28px;padding:10px 0;padding-left:48px;}
.contact .box .wz p:nth-of-type(1){background:url(../images/add.png) no-repeat left center;}
.contact .box .wz p:nth-of-type(2){background:url(../images/tel2.png) no-repeat left center;}
.contact .box .wz p:nth-of-type(3){background:url(../images/email.png) no-repeat left center;}
.contact .box .logo{text-align:right;margin-top:1vw;}


.message{background:url(../images/message_bg.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.message .box{background:#FFF;position:relative;}
.message .img{width:50%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
.message .img img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;}
.message .form{width:50%;padding:3%;float:right;}
.message .form h3{color:#333;}
.message .form form{margin-top:4%;}
.message .form input{width:48%;height:52px;float:left;margin-bottom:16px;margin-right:4%;border:none;border-radius:4px;outline:none;background:#f4f4f4;
box-sizing:border-box;padding:0px 46px 0 10px;font-size:14px;line-height:46px;font-family:Arial,'Microsoft JhengHei','Microsoft Yahei',"PingFang SC",Helvetica,Tahoma;}
.message .form #captcha{width:24.4%;}
.message .form textarea{width:100%;height:164px;float:left;margin-bottom:16px;border:none;border-radius:4px;outline:none;background:#f4f4f4;
box-sizing:border-box;padding:10px 46px 10px 10px;font-size:14px;line-height:24px;font-family:Arial,'Microsoft JhengHei','Microsoft Yahei',"PingFang SC",Helvetica,Tahoma;}
.message .form .guestimg{width:160px;height:52px;float:left;}
.message .form .submit{width:20%;height:52px;float:right;font-size:18px;line-height:52px;text-align:center;color:#FFF;cursor:pointer;border-radius:4px;
background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#174789));
background-image: linear-gradient(to right, #255ba9, #174789);
-webkit-transition:all 0.6s;transition:all 0.6s;}
.message .form .submit:hover{opacity: 0.8;}


.application{overflow:hidden;margin-top:76px;position:relative;}
.application .left{
    position:fixed;
    width: 400px;
	height:100%;
    top: 76px;
    float:left;
	z-index:10;
    padding:3vw 0;
    border-right:1px solid #E8E8E8;
	background:#f5f6fb;
}
.application .left .sl_nav li a {
    padding: 0 3.125vw;
    line-height: 68px;
    position: relative;
    color: #444444;
    font-size: 16px;
	display:block;
}
.application .left .sl_nav li a:after {
    content: "";
    position: absolute;
    right: 3.125vw;
    width: 12px;
    height: 12px;
    background-image: url(../images/sl_add.png);
	background-repeat: no-repeat;
	background-position: center;
    background-size: 100% 100%;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.application .left .sl_nav li a:hover{color:#FFF;background:#174789;}
.application .left .sl_nav li a:hover:after{background-image:url(../images/sl_add_hover.png);}

.application .right{width:calc(100% - 400px);float:right;}
.application .right .box{height:695px;background-repeat:no-repeat;background-position:center top;background-size:cover;overflow:hidden;position:relative;}

.application .right .box .txt{width:72%;color:#FFF;padding:3vw;margin:auto;background:rgba(0,0,0,0.6);}
.application .right .box .txt h2{font-weight:normal;text-align:center;}
.application .right .box .txt .wz{font-size:16px;line-height:36px;margin-top:2vw;}


















