﻿

.pronav{height: 607px;width: 100%;position: relative;box-sizing: border-box;}
.pronavbox{height: 100%;}
.pronavbox .swiper-slide{box-sizing: border-box;overflow: hidden;}
.pronavbox .swiper-slide .fl,.pronavbox .swiper-slide .fr{width: 58%;}
.pronavbox .swiper-slide .fl{height: 100%;background: url(img/p1.png) no-repeat right top;background-size: 100% 100%;padding: 100px 200px;box-sizing: border-box;position: relative;z-index: 9;}
.pronavbox .swiper-slide .fl ul li{display: inline-block;width: 55px;height: 55px;line-height: 55px;text-align: center;background: #73bc39;border-radius: 50%;}
.pronavbox .swiper-slide .fl ul li,.pronavbox .swiper-slide .fl h3,.pronavbox .swiper-slide .fl p,.pronavbox .swiper-slide .fl a,.pronavbox .swiper-slide .fl h5{color: #fff;}
.pronavbox .swiper-slide .fl h3{font-weight: 700;}
.pronavbox .swiper-slide .fl h5{margin-top: 10px;}
.pronavbox .swiper-slide .fl h5.f_48{letter-spacing: 20px;}
.pronavbox .swiper-slide .fl h4{font-family: impact;}
.pronavbox .swiper-slide .fl p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;margin: 50px 0;}
.pronavbox .swiper-slide .fl a{display: inline-block;padding-left:75px ;background: url(img/call12.png) no-repeat left center;margin-top: 100px;}
.pronavbox .swiper-slide .fr{margin-left: -20%;height: 100%;position: absolute; display: block; right: 0;}
.pronavbox .swiper-slide .fr a{display: block;height: 100%;}
.pronavbox .swiper-slide .fr img{width: 100%;height: 100%;}

	.pagination a{display: inline-block;border: 1px solid #ccc;padding: 5px;margin-right: 1px;border-radius: 6px;}
	.pagination{margin: 0 auto;text-align: center}
.sycp{overflow:hidden;width:94%;margin:50px auto 0 auto;}
.sycp .sycp_l{width:300px;background:#036eb8}
.sycp .sycp_l h3{color:#fff;font-size:30px;background:url(img/1_16.jpg) 20px 20px no-repeat;padding-left:60px;padding-top:10px}
.sycp .sycp_l h3 em{display:block;color:#6fa6d1;font-size:20px;text-transform:uppercase}
.sycp .sycp_l ul li{margin:0 25px}
.sycp .sycp_l ul li a{display:block;background:url(img/jimg/t.png) left center no-repeat;height:45px;line-height:45px;color:#fff;padding-left:20px;border-bottom:1px solid #ec8888}
.sycp .sycp_l ul li a:hover{padding-left:30px}
.sycp .sycp_l .box_two{background:url(img/1_25.jpg) left center no-repeat;padding-left:60px;margin:20px 0 15px 15px;color:#fff}
.sycp .sycp_l .box_two strong{font-size:30px;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-weight:normal}
.sycp .sycp_l img{display:block;margin:30px 0 20px 30px}
.sycp .sycp_r{width:100%}
.tit2{background:url(img/t.png);height:64px;line-height:64px;text-align:center;color:#fff;margin:5px 0 0 0}
.tit2 a{color:#fff}

.bg1 .inner1 ul{text-align: center}
.bg1 .inner1 ul li{display: inline-block;padding: 10px 20px;border: 1px solid #ccc;margin-bottom: 10px;margin-right: 10px;font-size: 18px;font-weight: bold;border-radius: 15px;}
.bg1 .inner1 ul li:hover{background: #036eb8;color: #fff;}
.bg1 .inner1 ul li:hover a{color: #fff;}


.yz{padding:75px 0;background:#fff;position:absolute;bottom:-100px;left:0;right:0;margin:auto;box-shadow:0 0 15px rgba(0,0,0,0.5)}
.yz li{float:left;width:300px;text-align:center;position:relative;}
.yz li:after{position:absolute;width:40px;height:82px;content:"";background:url(img/yz_img/line.png) no-repeat center;right:-20px;top:0;}
.yz li span{display:block;height:60px;}
.yz li span b{display:inline-block;font-size:70px;line-height:60px;color:#333;font-family:Arial;}
.yz li span i{display:inline-block;width:32px;height:32px;line-height:32px;font-size:16px;color:#fff;background:#3a4750;border-radius:50%;margin-top:24px;vertical-align:top;margin-left:5px;font-style:normal;}
.yz li p{font-size:14px;color:#25252d;line-height:30px;}
.yz li:last-child:after{display:none;}
.more1{width: 440px;border-radius: 50px;line-height:50px;background: #fff;margin: 50px auto 0;vertical-align: middle;border: 1px solid #036eb8;}
.more1 a{display:inline-block;vertical-align: inline-block;text-align:center;}
.more1 a:nth-child(1){width: 160px;color: #fff;border-radius: 50px;background: linear-gradient(50deg, #036eb8, #036eb8);}
.more1 a:nth-child(1):hover{background: #036eb8;color: #fff;}
.more1 a:nth-child(2){font-size:31px;color:#036eb8;font-family:Impact;text-align:left;vertical-align: bottom;margin-left: 15px;}
.more1 a em{vertical-align: middle;display: inline-block;}

/* 简介 */
.honor_tit h4{color: #036eb8;font-weight: 700;}
.honor_tit p{text-transform: uppercase;}
.honor_tit a{color: #fff;border-radius: 50%;background: #036eb8;font-size: 62px;text-align: center;line-height: 56px;width: 56px;font-weight: 300;}
.honor .w1300{width: 90%; margin-top: 50px;}
.honor dt.fl{width: 47.5%;}
.honor dt.fl video{width: 100%;height: 100%;}
.honor dd.fr{width: 50%;}
.honor{background: url(img/yrbj.jpg) no-repeat center;padding: 40px 0 60px 0;margin-top: 60px;}



/* 内页简介 */

.section_three1 .inner{position: relative;box-sizing: border-box;max-width: 100%;background: url(../images/abg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;padding: 30px 0;width: 100%;}

.section_three1 .right{width:41%;margin-left: 8%;}

.section_three1 .right h3{font-size:30px;color:#263450;font-weight:bold;text-transform: uppercase;}

.section_three1 .right>p{color:#FFB200;font-size: 41px;text-transform: uppercase;}

.section_three1 .right .text{color:#666666;line-height:32px;padding:20px 15px 10px 0 ;font-size: 15px;max-height: 300px;overflow-y: auto;}

.section_three1 .right .text::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 

.section_three1 .right .text::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}

.section_three1 .right .text::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#FFB200;}

.section_three1 .right  ul{display:flex;width: 85%;}

.section_three1 .right  ul li{flex:1;text-align: center;}

.section_three1 .right  ul li:first-child{padding-left: 0;}

.section_three1 .right  ul li:last-child{border: none;}

.section_three1 .right  ul li span{color:#FFB200;font-size:60px;font-family:impact;text-align:center;}

.section_three1 .right  ul li em{color:#FFB200;}

.section_three1 .right  ul li p{color:#666;font-size:15px;}

.section_three1 .right a{display: inline-block;color: #fff;background:#FFB200;border-radius: 50px;text-align: center;padding: 10px 45px;margin:45px 0  0 ; font-size:20px; }

.section_three1 .right a:hover{background: #105695;}

.section_three1 .right a img{display: inline-block;vertical-align: bottom;}

.section_three1 .left {width: 38%;margin-right: 5%;}
.section_three1 .left img{width: 100%;}

/* 内页优势 */

.core_values {padding:0 0 100px; color:#FFFFFF; background:#000000 url("img/about_ys.jpeg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed; overflow:hidden;}

.core_values h2 {font-size:44px; text-transform:uppercase; text-align:center;}

.core_values ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:60px -60px -60px; overflow:hidden;}

.core_values ul li {width:20%; padding:30px; position:relative;box-sizing: border-box;}

.core_values ul li::before {content:""; position:absolute; left:60px; bottom:0; width:100%; height:1px; background:#FFFFFF; opacity:0.2;}

.core_values ul li::after {content:""; position:absolute; right:0; top:60px; width:1px; height:100%; background:#FFFFFF; opacity:0.2;}

.core_values ul li:nth-child(n+6)::before {display:none;}

.core_values ul li:nth-child(5)::after,.core_values ul li:nth-child(10)::after {display:none;}

.core_values ul li span {display:block; width:80px; height:80px; margin-bottom:30px; background-position:center center; background-repeat:no-repeat; background-size:80% auto;}

.core_values ul li:nth-child(1) span {background-image:url("img/core_values_icon_1.svg");}

.core_values ul li:nth-child(2) span {background-image:url("img/core_values_icon_2.svg");}

.core_values ul li:nth-child(3) span {background-image:url("img/core_values_icon_3.svg");}

.core_values ul li:nth-child(4) span {background-image:url("img/core_values_icon_4.svg");}

.core_values ul li:nth-child(5) span {background-image:url("img/core_values_icon_5.svg");}

.core_values ul li:nth-child(6) span {background-image:url("img/core_values_icon_6.svg");}

.core_values ul li:nth-child(7) span {background-image:url("img/core_values_icon_4.svg");}

.core_values ul li:nth-child(8) span {background-image:url("img/core_values_icon_3.svg");}

.core_values ul li:nth-child(9) span {background-image:url("img/core_values_icon_2.svg");}

.core_values ul li:nth-child(10) span {background-image:url("img/core_values_icon_1.svg");}

.core_values ul li h3 {font-size:28px; text-transform:uppercase;font-weight: 600;}

.core_values ul li p {margin-top:20px; font-size:15px; opacity:0.8;}



/* 内页产品优势 */

.flex{display: flex;}

.session_4{background: url(img/ys_bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;padding:1px 0 90px 0;}

.session_4 .i_title{text-align: center;}

.session_4 .all-box{position:relative;margin:0 auto;margin-top:30px;align-items: center;

    justify-content: center;padding: 0 15px;}

.session_4 .all-box .item-box{width:465px;padding-bottom:15px;border-bottom:1px solid rgba(0,105,183,0.35);box-sizing:border-box;align-items: flex-end;justify-content: space-evenly}

.session_4 .all-box .item-box:nth-child(5),.session_4 .all-box .item-box:nth-child(6){width:475px}

.session_4 .all-box .item-box img{margin: 0 3%;}

.session_4 .all-box .img-box img{animation: scalePulse 3s ease-in-out infinite;}

/* 定义缩放关键帧 */

@keyframes scalePulse {

	0% {

		/* 初始状态：原大小 */

		transform: scale(.9);

	}

	50% {

		/* 中间状态：放大到1.2倍（可调整缩放比例） */

		transform: scale(1);

	}

	100% {

		/* 结束状态：回到原大小 */

		transform: scale(.9);

	}

}

.session_4 .all-box .ys_right .item-box{text-align:right}

.session_4 .all-box .ys_left .item-box:before{position:absolute;content:'';width:15px;height:15px;background:#004080;border-radius:100%;right:-8px;bottom:-8px}


.session_4 .all-box .item-box .nub{font-size:45px;color:#004080;font-family:'DIN-B'}

.session_4 .all-box .item-box h3{font-size:22px;color:#004080;margin-bottom:12px;margin-top:5px;font-weight: 700;}

.session_4 .all-box .item-box p{font-size:13px;color:#666666;line-height:30px}










.section_three12 .pictm .sdys{height: 500px;margin-top: 310px;}
.section_three12 .pictm .sdys ul li{width: 350px;height:300px;background-color: #036eb8;margin-right: 10px;float: left;}
.section_three12 .pictm .sdys ul li img{margin: auto;margin-top: 50px;}
.section_three12 .pictm .sdys ul li h2{color: #fff;font-weight: 700;font-size: 40px;text-align: center;}
.section_three12 .jjbj{background: url(../images/jjbj.jpg) no-repeat top;overflow: hidden;padding-bottom: 60px;}
.section_three12 .jjbj .topbt{width: 90%;margin: 0 auto;padding-top: 90px;}
.section_three12 .jjbj .topbt h3{font-size: 52px;color: #333333;font-weight: 700;text-align: center;margin-bottom: 15px;}
.section_three12 .jjbj .topbt h4{color: #666;font-size: 20px;text-align: center;}
.section_three12 .jjbj .topbt h3 span{color: #036eb8;}
.section_three12 .jjbj .topbt ul{width: 90%;margin: 0 auto;}
.section_three12 .jjbj .topbt ul li{width: 15%;height: 55px;background-color: #036eb8;float: left;margin-left: 1%;}
.section_three12 .jjbj .topbt ul li a{text-align: center;color: #fff;line-height: 55px;font-size: 18px;}
.section_three12 .jjbj .topbt ul li a:hover{background-color:#036eb8;}

.section_three12 .neirn{width: 100%;overflow: hidden;overflow: hidden;}
.sand{height: 180px;margin:0 auto;padding-top: 70px;}
.sand .tuys ul li{width: 32.5%;height: 150px;background: rgba(102, 102, 102, 1);border-radius: 10px;color: #fff;box-sizing: border-box;position: relative;padding: 40px 30px 40px 120px; -webkit-transition: all .5s;transition: all .5s;float: left;margin-left: 11px;}
.sand .tuys ul li span{font-size: 28px;font-weight: 700;display: block;padding-left: 20px;}
.sand .tuys ul li p{font-size: 18px;padding-left: 20px;}
.sand .tuys ul li img{display: inline-block;width: 106px;position: absolute;left: 25px;top:16%;transition: all 1s;float: left;}
.sand .tuys ul li:hover{background-color: #036eb8;}


.section_three12 .yhbt{height: 100px;text-align: center;padding-top:50px}
.section_three12 .yhbt h2{font-size: 48px;font-weight: 700;color: #fff;}
.section_three12 .yhbt h4{font-size: 22px;}
.section_three12 .inner{position: relative;}
.neirnr{background-color: #036eb8;}
.section_three12 .left{float: right;width: 48%;}
.section_three12 .left video{float: right;width: 100%;}
.section_three12 .right{width:50%;float: left;overflow: hidden;}
.section_three12 .right h4{height: 40px;line-height: 40px;font-size: 26px;color: #fff;padding-left: 22px;margin-top: 15px;font-weight:400;}
.section_three12 .right h3{color: #fff;font-size: 38px;padding-left: 20px;}
.section_three12 .right h1{font-size:35px;color:#fff;font-weight:bold;margin-top: 8px;padding-left: 20px;}
.section_three12 .right img{margin-top: 50px;padding-left: 20px;}
.section_three12 .right>p{color:#036eb8;font-size: 118px;font-family: impact;}
.section_three12 .right .text{font-size:18px;color:#fff;line-height:32px;padding:20px 20px 0 30px;overflow: hidden;}
.section_three12 .right a{width: 120px;display: inline-block;color: #000;background:#fff;border-radius: 50px;text-align: center;padding: 10px 25px;margin-left: 20px;margin-top: 20px;margin-bottom: 10px;}
.section_three12 .right a:hover{background:#036eb8;}
.section_three12 .right ul{display: table;  word-spacing:-1em;width: 100%;margin-top: 50px;}
.section_three12 .right ul li{display: inline-block;width: 25%;}







/* 内页案例 */

.section_six{width: 100%;padding: 80px 0 60px;background-color: #f2f2f2;background-image: linear-gradient(to right, #fff, #f2f2f2, #fff);}

.section_six .swiper-container.anli{padding: 30px 0;}

.section_six .swiper-container.anli .swiper-slide{background-position:center;background-size:cover;width:400px;box-sizing:border-box;box-shadow: 0 0 15px rgba(0, 0, 0, .1)}

.section_six .swiper-container.anli .swiper-slide img{width:100%;}



.case_title{position:absolute;top:0;left:0;width:100%;z-index:2}

.case_title .i_title .h3{color:#fff;font-style:normal;font-weight: 800;}

.case_title .i_title .p{color:#fff}

.case-list{position:relative;overflow:hidden}

.case-list .case-top .swiper-slide{height:0;overflow:hidden;min-height:700px;position:relative;padding-top:51.1%}

.case-list .case-top .swiper-slide img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;opacity:0.8;transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s}

.case-list .case-top .swiper-slide .text{position:absolute;width:100%;top:40%;left:0}

.case-list .case-top .swiper-slide .text .con{max-width:785px;float:right;width:100%}

.case-list .case-top .swiper-slide .text .con h2{font-weight:500;color:#fff;position:relative;top:1rem;opacity:0;transition:all 0.5s ease 0.5s;-webkit-transition:all 0.5s ease 0.5s;-moz-transition:all 0.5s ease 0.5s;-ms-transition:all 0.5s ease 0.5s;line-height: 2;}

.case-list .case-top .swiper-slide .text .con p{font-size:14px;line-height:26px;color:#fff;margin:2% 0 7rem;position:relative;top:1rem;opacity:0;transition:all 0.5s ease 0.8s;-webkit-transition:all 0.5s ease 0.8s;-moz-transition:all 0.5s ease 0.8s;-ms-transition:all 0.5s ease 0.8s;max-width:530px}

.case-list .case-top .swiper-slide .text .con .more{position:relative;top:1rem;opacity:0;transition:all 0.5s ease 1.1s;-webkit-transition:all 0.5s ease 1.1s;-moz-transition:all 0.5s ease 1.1s;-ms-transition:all 0.5s ease 1.1s}

.case-list .case-top .swiper-slide .text .con .more a{font-size:0.8rem;color:#fff;padding:0.6rem 0;border-radius:4px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s}

.case-list .case-top .swiper-slide .text .con .more a span{margin-left:0.6rem;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s}

.case-list .case-top .swiper-slide.active .text .con h2{opacity:1;top:0}

.case-list .case-top .swiper-slide.active img{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1)}

.case-list .case-top .swiper-slide.active .text .con p{opacity:1;top:0}

.case-list .case-top .swiper-slide.active .text .con .more{opacity:1;top:0}

.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}

.case-list .case-bottom{position:absolute;width:100%;bottom:15%;left:0px}

.case-list .case-bottom .con{max-width:785px;float:right;width:100%}

.case-list .case-bottom .con .swiper-slide{padding-bottom:1.4rem;cursor:pointer;border-radius:20px;border:1px solid #FFFFFF;height:190px;display: block;margin:0 auto;position:relative;}

/* .case-list .case-bottom .con .swiper-slide a{display: block;width:90%;max-width:220px;margin:0 auto;position:relative;margin-top:25px;margin-bottom:25px;height:100%} */

.case-list .case-bottom .con .swiper-slide .boxs{width:90%;max-width:220px;margin:0 auto;position:relative;margin-top:25px;margin-bottom:25px;height:100%}

.case-list .case-bottom .con .swiper-slide .icon{width:75px;height:71px;overflow:hidden;margin:26px 0 17px 0;position:absolute;right:0;bottom:20px;display: flex;justify-content: center;align-items: flex-end;}

/* .case-list .case-bottom .con .swiper-slide .icon img{max-width:100%} */

.case-list .case-bottom .con .swiper-slide h2{color:rgb(255,255,255);font-weight:bold;line-height:30px}

.case-list .case-bottom .con .swiper-slide::before{content:"";width:100%;height:100%;background:url(img/icon_bg.png) left bottom / cover no-repeat;position:absolute;left:0px;top:0px;opacity:0;z-index:-1;transition:all 0.5s ease 0s}

.case-list .case-bottom .con .swiper-slide.active{border:1px solid rgba(0,64,155,0.87);background:#00409B}

.case-list .case-bottom .con .swiper-slide.active::before{opacity:0.871}

@media screen and (max-width:1550px){.case-list .case-top .swiper-slide .text{top:35%}

}@media screen and (max-width:992px){.case-list .case-top .swiper-slide{min-height:660px}

.case-list .case-top .swiper-slide .text{top:32%}

.case-list .case-bottom .con .swiper-slide{height:160px}

.case-list .case-bottom .con .swiper-slide .icon{width:49px;height:37px;margin-bottom:0}

.case-list .case-bottom .con .swiper-slide .boxs{margin-top:15px;margin-bottom:15px}

}@media screen and (max-width:640px){.case-list .case-top .swiper-slide{min-height:600px}

.case-list .case-top .swiper-slide .text{top:35%}

.case-list .case-bottom .con .swiper-slide{height:130px}

.case-list .case-bottom .con .swiper-slide .icon{width:40px;height:31px}

}@media screen and (max-width:480px){.case-list .case-top .swiper-slide{min-height:725px}

.case-list .case-top .swiper-slide .text{top:32%}

.case-list .case-top .swiper-slide .text .con p{font-size:13px}

.case-list .case-bottom .con .swiper-slide h2{font-size:15px}

.case-list .case-bottom .con .swiper-slide .icon{width:21px;height:24px}

}@media screen and (max-width:420px){.case-list .case-top .swiper-slide .text{top:33%}

.case-list .case-top .swiper-slide .text .con p{font-size:12px}

}



.syys{
	background: url(img/ysbj.jpg) no-repeat top ;background-attachment: fixed;
	margin-top: 80px;
}
.syys img{margin: 0 auto;padding: 60px 0 10px 0;}
.syys h2{text-align: center;color: #fff;font-size: 58px;padding-top: 60px;margin-bottom: 10px;font-weight: 700;}
.syys h6{text-align: center;color: #fff;font-size: 26px;margin-bottom: 60px;}
.syys ul li h4{font-size: 36px;font-weight: bold;}
.syys ul li b{width: 6px;height: 40px;background: #036eb8;display: block;margin: 20px auto;}
.syys ul li{width: 23%;margin-right: 2%;float: left;background: #fff;text-align: center;padding: 30px;height: 380px;box-sizing: border-box;}
.syys ul{overflow: hidden;margin-top: 30px;padding-bottom: 190px;}
.syys ul img{margin: 0 auto;padding: 30px 0 10px 0;}
.syys ul li:nth-of-type(2),.syys ul li:nth-of-type(4){background: #036eb8;color: #fff;}
.syys ul li:nth-of-type(2) b,.syys ul li:nth-of-type(4) b{color: #fff;}
.syys ul li:nth-of-type(2) b,.syys ul li:nth-of-type(4) b{background: #fff}



.num_top2 {background: url(img/num_bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed;height: 300px;box-sizing: border-box;padding-top: 1px;margin-top: 60px;}
.num_top2  ul{display:flex;margin: 80px auto 0;width: 90%;}
.num_top2  ul li{flex:1;text-align: center;background: url(img/line.png) no-repeat right center;}
.num_top2  ul li:first-child{padding-left: 0;}
.num_top2  ul li:last-child{border: none;}
.num_top2  ul li span{color:#fff;font-size:72px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;text-align:center;font-weight: 700;}
.num_top2  ul li em{color:#fff;font-size: 28px;}
.num_top2  ul li p{color:#fff;font-size:22px;}
.num_top2  ul li:nth-child(4){background: none;border-right:10px solid #fff;}
.num_top2  ul li:nth-child(4) p{text-align: right;text-transform: uppercase;font-weight: 700;font-size: 32px;margin-right: 15px;}
.num_top2  ul li:nth-child(4) p:nth-child(3){color: #FFE537;font-size: 38px;font-style: italic}

.hf{width: 100%;height: 384px;background: url(img/hf.jpg) no-repeat center;margin-top: 50px;}


.section_four{margin-top:50px;height:900px;background:url(img/bg3.jpg) center top no-repeat;position: relative;overflow: hidden;background-attachment: fixed;}
.section_four .auto{width:1400px;margin:0 auto;height:100%;overflow: hidden;position: relative;}
.section_four .auto::after{content: "";width: 430px;height: 100%;position: absolute;background: rgba(17,164,43,0.9);left: 0;top: 0;z-index: 1;}
.section_four .bg{position: absolute;width:29.375%;left:3%;bottom:0;z-index: 2;}
.section_four .img{padding:100px 0 30px 50px;z-index: 3;position: relative;}
.section_four .item_box{float: right;margin-top:-100px;position: relative;z-index: 3;}
.section_four .item{float: left;margin:0 10px;}
.section_four .item img{border-radius: 50%;overflow: hidden;border: 10px solid rgba(255,255,255,0.25);}
.section_four .item:nth-of-type(2){margin-top:-150px;}
.section_four .item .info{position: relative;width:284px;overflow: hidden;margin-top:10px;height:215px;}
.section_four .item .info em{position: absolute;left:0;top:0;width:54px;height:54px;background-color: #036eb8;border-radius:50%;font-size:28px;font-family: impact;line-height:54px;color:#fff;text-align: center;}
.section_four .item .info i{position: absolute;left:22px;top:54px;width:9px;height:139px;background:url(img/d4.png);}
.section_four .item .info h4{font-weight:bold;color:#fff;padding-left:70px;margin:13px 0 24px;}
.section_four .item .info p{color:#fff;line-height:30px;padding-left:40px;text-align: left;}




.footer{background:#036eb8;}

.footer .f1 h3,.footer .f2 h3,.footer .f3 h3{margin-top:30px;font-size:24px;color:#fff;position:relative;margin-bottom:20px}
.footer .f1 h3::before,.footer .f2 h3::before,.footer .f3 h3::before{position:absolute;content:"";width:50px;height:3px;background:#fff;top:40px;left:0}
.footer .f1{width:10%}
.footer .f1 h3{margin-bottom:40px}
.footer .f1 .fl{margin-right:15px}
.footer .f1 .fl img{width: 130px;}
.footer .f1 p{text-align: center;color: #fff;}
.footer .f1 a{display:block;height:20px;line-height:20px;color:#fff;box-sizing:border-box;margin-top:10px}

.footer .f2{width:30%;margin-left: 20px;}
.footer .f2 a{float:left;width:49%;color:#fff;line-height:30px;display:block;margin-right: 1%;}

.footer .f3{width:28%;color:#fff;line-height:30px}

.footer .f4{color: #fff;height: 100%;box-sizing: border-box;padding: 50px 15px;position: relative;width: 30%;}
.footer .f4 img{display: inline-block;}
.footer .f4 .f_48{font-size: 55px;font-weight: 700;}
.footer .f4 p{color: rgba(255,255,255,0.5);margin-bottom: 25px;}
.footer .f4 h5{font-family: "幼圆";padding-top: 25px;}
.footer .f4 hr{position: absolute;left: 0;width: 100%;margin: 0;border: 0;height: 1px;overflow: hidden;background: rgba(255,255,255,0.3);}
.footer .f4 .call{margin-top:20px;height:70px;background:url(img/f4.png) 0 center no-repeat;padding-left:60px;text-align: left;}
.footer .f4 .call h3{font-size:32px;color:#fff;font-family: impact;background: #F6E18D;
    -webkit-background-clip: text;
    color: transparent;}
.footer .f4 .call em{color: #fff;}
.footer .copyright{text-align:center;color:#fff;padding:5px 0;font-size:14px;border-top:1px solid  rgba(255,255,255,0.3);}
.footer .copyright a{display:inline-block;color:#fff;font-size:14px}
.footer .copyright img{display:inline-block;margin-left:15px}
.footer .copyright p{color:#fff;text-align:center}



.pub_title{text-align: center;}
.pub_title p{margin-bottom:60px;font-size:20px;color:#666666;}
.pub_title h4{position:relative;text-align:center;font-size:58px;font-weight:bold;z-index:1;margin-top:60px;display: inline-block;color: #333333;font-weight: 700;}
.pub_title h4 b{color: #036eb8;}
.pub_title h4 span{color:#036eb8;display:inline-block;z-index:1;}
.pub_title h4 img{display: inline-block;margin: 0 20px;}
.pub_title h4 i{position:absolute;z-index:0;font-size:81px;color:#efefef;font-style:normal;text-transform:uppercase;left:0;right:0;margin:auto;z-index:-1;top:20px}
.page-cover{background:#18191b url(img/loading.gif) no-repeat center 350px;width:100%;height:0;position:absolute;bottom:0;z-index:10000001;}
@-webkit-keyframes bounceIn1{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-moz-keyframes bounceIn1{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-ms-keyframes bounceIn1{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@keyframes bounceIn1{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@font-face{ font-family: 'font'; src: url('img/font.ttf'); }
.font{font-family: 'font';}





#top_scroll {height:1350px;overflow: hidden;max-width:100%;margin:0 auto;}
#top_scroll ul li{float: left;width:24%;margin:0.5%;text-align: left;padding: 10px; box-sizing: border-box;}
#top_scroll ul li .img{overflow: hidden;padding: 10px;border:1px solid #e1dfe0;margin-bottom: 10px;}
#top_scroll ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li:hover{background: #036eb8;}
#top_scroll ul li:hover .img{border-color: #036eb8;}
#top_scroll ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
#top_scroll ul li h3{color:#000;font-size:18px;padding-left:21px;}
#top_scroll ul li p{color: #000;font-weight: 700;font-size: 20px;padding: 0 0 0 55px;background: url(img/dh.png) no-repeat 20px center;background-size: 30px 30px;margin-top: 10px;}
#top_scroll ul li:hover h3, #top_scroll ul li:hover p{color:#fff;}

#top_scroll1 {height:676px;overflow: hidden;max-width:100%;margin:0 auto;}
#top_scroll1 ul li{float: left;width:49%;margin:0.5%;text-align: left;box-sizing: border-box;position: relative;}
#top_scroll1 ul li .img{overflow: hidden;}
#top_scroll1 ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll1 ul li:hover{background: #036eb8;}
#top_scroll1 ul li:hover .img{border-color: #036eb8;}
#top_scroll1 ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
#top_scroll1 ul li h3{color:#000;font-size:18px;position: absolute;bottom: 0;width: 100%;left: 0;box-sizing: border-box;    line-height: 45px; background: rgba(0,0,0,0.7); color: #fff; padding: 0 20px; white-space: nowrap; text-overflow: ellipsis;}
#top_scroll1 ul li p{color: #000;font-weight: 700;font-size: 20px;padding: 0 0 0 55px;background: url(img/dh.png) no-repeat 20px center;background-size: 30px 30px;margin-top: 10px;}
#top_scroll1 ul li:hover h3, #top_scroll1 ul li:hover p{color:#fff;}

#scroll_one{height:290px;width:90%;position:relative;overflow:hidden;margin:0 auto;box-sizing:border-box;}
#scroll_one ul{width:100000px;position:absolute;left:0;}
#scroll_one ul li{float:left;text-align:center;margin-right:26px;border-radius:10px 10px 0 0;overflow:hidden;}
#scroll_one ul li img{width: 200px;height: 200px;border-radius: 50%;overflow: hidden;border:3px solid #d8d8d8;display: inline-block;}
#scroll_one ul li h3{font-size:18px;color:#333;line-height:40px;}
#scroll_one ul li:hover { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }



#scroll_one1{height:395px;width:90%;position:relative;overflow:hidden;box-sizing:border-box;margin: 0 auto;}
#scroll_one1 ul{width:100000px;position:absolute;left:0;}
#scroll_one1 ul li{float:left;text-align:center;margin-right:26px;overflow:hidden;position: relative;width: 393px;}
#scroll_one1 ul li img{overflow: hidden;display: inline-block;}
#scroll_one1 ul li h3{font-size:18px;color:#fff;line-height:40px;position: absolute;width: 100%;background: rgba(0, 0, 0, 0.5);left: 0;bottom: 0;}
#scroll_one1 ul li:hover { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }


#scroll_one2{height:335px;position:relative;overflow:hidden;box-sizing:border-box;margin-top: 30px;width: 100%;}
#scroll_one2 ul{width:100000px;position:absolute;left:0;}
#scroll_one2 ul li{float:left;text-align:center;margin-right:26px;overflow:hidden;position: relative;width: 400px;}
#scroll_one2 ul li img{overflow: hidden;display: inline-block;}
#scroll_one2 ul li h3{font-size:18px;color:#fff;line-height:40px;position: absolute;width: 100%;background: rgba(0, 0, 0, 0.5);left: 0;bottom: 0;}
#scroll_one2 ul li:hover { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }


.pnav{text-align: center;}
.pnav a{display: inline-block;padding: 10px 30px;background: #036eb8;color: #fff;}
.pnav a:hover{background: #009b4c;}

.section_three1 .pictm .sdys{height: 500px;margin-top: 310px;}
.section_three1 .pictm .sdys ul li{width: 350px;height:300px;background-color: #036eb8;margin-right: 10px;float: left;}
.section_three1 .pictm .sdys ul li img{margin: auto;margin-top: 50px;}
.section_three1 .pictm .sdys ul li h2{color: #fff;font-weight: 700;font-size: 40px;text-align: center;}
.section_three1 .jjbj{background: url(../images/jjbj.jpg) no-repeat top;overflow: hidden;padding-bottom: 60px;}
.section_three1 .jjbj .topbt{width: 90%;margin: 0 auto;padding-top: 90px;}
.section_three1 .jjbj .topbt h3{font-size: 52px;color: #333333;font-weight: 700;text-align: center;margin-bottom: 15px;}
.section_three1 .jjbj .topbt h4{color: #666;font-size: 20px;text-align: center;}
.section_three1 .jjbj .topbt h3 span{color: #036eb8;}
.section_three1 .jjbj .topbt ul{width: 90%;margin: 0 auto;}
.section_three1 .jjbj .topbt ul li{width: 15%;height: 55px;background-color: #036eb8;float: left;margin-left: 1%;}
.section_three1 .jjbj .topbt ul li a{text-align: center;color: #fff;line-height: 55px;font-size: 18px;}
.section_three1 .jjbj .topbt ul li a:hover{background-color:#036eb8;}

.sand{height: 180px;margin:0 auto;padding-top: 70px;}
.sand .tuys ul li{width: 32.5%;height: 150px;background: rgba(102, 102, 102, 1);border-radius: 10px;color: #fff;box-sizing: border-box;position: relative;padding: 40px 30px 40px 120px; -webkit-transition: all .5s;transition: all .5s;float: left;margin-left: 11px;}
.sand .tuys ul li span{font-size: 28px;font-weight: 700;display: block;padding-left: 20px;}
.sand .tuys ul li p{font-size: 18px;padding-left: 20px;}
.sand .tuys ul li img{display: inline-block;width: 106px;position: absolute;left: 25px;top:16%;transition: all 1s;float: left;}
.sand .tuys ul li:hover{background-color: #036eb8;}



.num_top {height: 240px;box-sizing: border-box;padding-top: 10px;}
.num_top  ul{display:flex;margin: 50px auto 0;}
.num_top  ul li{flex:1;text-align: center;}
.num_top  ul li:first-child{padding-left: 0;}
.num_top  ul li:last-child{border: none;}
.num_top  ul li span{color:#036eb8;font-size:72px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;text-align:center;font-weight: 700;}
.num_top  ul li em{color:#353535;font-size: 28px;}
.num_top  ul li p{color:#353535;font-size:22px;}


.i_title .h3 {
    font-weight: bold;
    color: #222222;
    line-height: 1;
    font-style: italic;
}.f56 {
    font-size: 56px;
}

.fhxc .pub_title p{margin-bottom: 0;}
.swiper-container.anli{padding: 50px 0;}
.swiper-container.anli .swiper-slide{background-position:center;background-size:cover;width:600px;height:655px;}
.swiper-container.anli .swiper-slide img{width:100%;}
.fhxc .more{text-align: center;}
.fhxc .more .call, .fhxc .more .but{display: inline-block;vertical-align: top;}
.fhxc .more .call{height:50px;text-indent:1em;line-height:50px;padding:0 40px;border-radius:100px;font-size:28px;font-family: impact;background:#036eb8 url(img/d1.png) 30px center no-repeat;}
.fhxc .more .call a{color:#fff;}
.fhxc .more .but{width:250px;height:50px;line-height:50px;margin-left:20px;border-radius:100px;background-color:#000000;text-align: center;font-size:16px;color:#fff;}
.fhxc .more .but:hover{background: #036eb8;}



.tabbox {width:1300px;margin:0px auto 0;}
.tabbox .content{width:598px;overflow: hidden;position: relative;height:465px;}
.tabbox .content ul {position:absolute;left: 0;top: 0;height: 100%;}
.tabbox .content li{width:598px;float: left;height:465px;position:relative}
.tabbox .content li img{display: block;width:598px;height:465px;}

.tabbox .tab {width:670px;}
.tabbox .tab .item{width:100%;height:136px;margin-bottom:28px;background-color: #eeeeee;}
.tabbox .tab .item a{display: block;}
.tabbox .tab .item .img{height:136px;width:172px;overflow: hidden;}
.tabbox .tab .item .img img{display: block;height:100%;max-width:none;}
.tabbox .tab .item .info{width:456px;height:138px;padding:0 20px;color: #000;}
.tabbox .tab .item h3{font-size:16px;color:#181818;padding:10px 0 0px 0;}
.tabbox .tab .item p{font-size:14px;color:#222222;line-height:22px;height:44px;overflow: hidden;}
.tabbox .tab .item.on{background-color:#036eb8;color: #fff;}
.tabbox .tab .item.on h3, .tabbox .tab .item.on p{color:#fff;}

.tabbox .tab .item.on  .info{color: #fff;}

.tabbox h3 strong{width:80%;display: inline-block;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

@media( max-width:1366px ){
#scroll_one2 ul li{
	width: 300px !important;
}
#scroll_one2{
	height: 222px;
}
#scroll_one1 ul li img{
	width: 400px;
}
}