body,input,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;color:#555; font-size:12px; font-family:"arial"; font-weight: normal;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}

a{ color:#333; text-decoration:none; font-size: 16px;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}
/*IE*/
	.web-ie2018{ font-family: microsoft yahei;   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
/*<------------------------------------->*/	

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px)
{
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}

/* header */
.headerwrap{width: 100%;position: absolute;top: 0;left: 0;z-index: 10;box-sizing: border-box;}
.headertop{width: 100%;box-sizing: border-box;padding: 0 70px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 20px;}
.headertop h3{font-size: 12px;color: #ffffff;opacity:0.75;letter-spacing:2px;}
.headertop .abox{display: flex;display: -webkit-flex;}
.headertop a{display: block;font-size: 12px;color: #FFFFFF;padding: 0 20px;border-right: 1px solid #FFFFFF;box-sizing: border-box;}
.headertop a:first-child{border-left: 1px solid #FFFFFF;}
.headertop a i{font-size: inherit;color: inherit;margin-right: 5px;}
/* header */
.header{width: 100%;box-sizing: border-box;padding-left: 30px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.header .logo img{display: block;width: auto;height: 86px;}
.header .logo img.logo02{display: none;height:86px;}
.header .right{box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center; margin-right:1%; z-index:999;}
.header .right .nav{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.header .right .nav a{display: block;font-size: 16px;color: #ffffff;padding-bottom: 10px;width: 125px;position: relative; text-align:center;}
.header .right .nav a:after{content: '';display: block;width: 0%;height: 1px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.header .right .nav a:hover:after{width: 100%;}
.header .right .nav li{margin-right: 30px;position: relative;}
.header .right .nav li:last-child{margin-right: 0;}
.header .right .n-email{width: 70px;height: 70px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;opacity: 0;border-left: 1px solid #DDDDDD;}
.header .right .n-email i{font-size: 16px;color: #222222;}

.header .right .nav .nav02{position: absolute;width: 120%; margin-left:-10%;background-color: #ffffff;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);opacity: 0;visibility: hidden; padding:10px 0; z-index:999;}
.header .right .nav .nav02 a{display: block;width: 100%;box-sizing: border-box;font-size: 14px;color: #222222;line-height: 30px;}
.header .right .nav .nav02 a:hover{color: #1a67ae;}
.header .right .nav li:hover .nav02{opacity: 1;visibility: visible;}

.div2_1 .headerwrap,.div3 .headerwrap{position: fixed;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);opacity: 0;}
.div2_1 .headertop,.div3 .headertop{height: 0;}
.div2_1 .header .logo img.logo01{display: none;}
.div2_1 .header .logo img.logo02{display: block;}
.div2_1 .header .right .n-email{opacity: 1;}
.div2_1 .header .right .nav a{padding-bottom: 0;padding-right: 0;color: #222222;}
.div2_1 .header .right .nav a:after{direction: none;}
.div2_1 .headerwrap{animation: header .4s ease-out .3s 1 forwards;-webkit-animation: header .4s ease-out .3s 1 forwards;}
.div2_1 .header .right .nav li>a {
    line-height: 70px;
}

@-webkit-keyframes header{
	0%{height: auto;transform: translateY(-100%);-webkit-transform: translateY(-100%);}
	100%{height: auto;transform: none;opacity: 1;}
}
@keyframes header{
	0%{height: auto;transform: translateY(-100%);-webkit-transform: translateY(-100%);}
	100%{height: auto;transform: none;opacity: 1;}
}


/* banner */
.banner{width: 100%;position: relative;}



.more{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 190px;height: 52px;line-height: 52px;text-align: center;box-sizing: border-box;border: 1px solid #FFFFFF;position: relative;z-index: 0;font-size: 14px;color: #FFFFFF;border-radius:2px;overflow: hidden;}
.more01{background-color:#1a67ae;border:none;}
.more02{ margin-top: 40px;border: 1px solid #1a67ae;}

.more01 i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: inherit;color: inherit;height: 20px;margin-left: 10px;position: relative;}
.more:after{content: '';display: block;width: 0%;height: 100%;transition: all .3s;background-color: #FFFFFF;position: absolute;left: 0;top: 0;z-index: -1;}
.more:hover:after{width: 100%;}
.more:hover{color: #1a67ae;}
.more01:hover i{border-color: #1a67ae;}
.b-scroll{position: absolute;left: 70px;bottom: 80px;z-index: 1;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;align-items: center;-webkit-align-items: center;}
.b-scroll strong{height: 60px;display: block;width: 1px;margin-bottom: 10px;background-color: transparent;position: relative;overflow: hidden;}
.b-scroll p{writing-mode: tb;font-size: 12px;color: #FFFFFF;}
.b-scroll strong:after{content: '';display: block;width: 100%;height: 100%;-webkit-animation: scrollline 2s ease-out .5s infinite;animation: scrollline 2s ease-out .5s infinite;position: absolute;left: 0;top: 0;background-color: #FFFFFF;}

@keyframes scrollline{
0%{height: 0%;bottom: initial;top: 0;}
25%{height: 100%;}
50%{height: 100%;}
70%{top: initial;bottom: 0;}
80%{height: 0%;}
100%{height: 0%;}
}
@-webkit-keyframes scrollline{
0%{height: 0%;bottom: initial;top: 0;}
25%{height: 100%;}
50%{height: 100%;}
70%{top: initial;bottom: 0;}
80%{height: 0%;}
100%{height: 0%;}
}



/* indexwrap */
.indexwrap{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;}
/* indx01wrap */
.indx01wrap{width: 100%;position: relative;padding: 130px 70px;box-sizing: border-box;}
.indx01wrap:after{content: '';display: block;width: 92%;height: 100%;background-color: #eff1f9;position: absolute;left: 0;top: 0;z-index: 0;}
.indx01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.indx01left{width: 80%;box-sizing: border-box;margin: 0;}
.indx01left .swiper-slide{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;background-color: #eff1f9;}
.indx01left .swiper-slide .imgbox{width: 60%;box-sizing: border-box;overflow: hidden;}
.indx01left .swiper-slide .imgbox img{display: block;width: 100%;}
.indx01left .swiper-slide .text{box-sizing: border-box;width: 40%;padding-left: 90px;position: relative;}
.indx01left .swiper-slide .text p,.i-text p{font-size: 13px;color: #1a67ae;margin-bottom: 10px;font-weight: bold;}
.indx01left .swiper-slide .text h3,.i-text h3{font-size: 24px;color: #222222;font-weight: bold;line-height: 42px;margin-top: 10px;}
.indx01left .swiper-slide .text h4,.i-text h4{font-size:16px;line-height: 30px;color: #666666;margin-top: 40px;}
.i-text h4{letter-spacing: 1px;}
.indx01left .swiper-slide .text a{background-color: #1a67ae;border-color: #1a67ae;margin-top: 30px;}
.indx01left .swiper-slide .text .more02 i{color: inherit;font-size: inherit;margin-left: 10px;}
.indx01left .swiper-button-next,.indx01left .swiper-button-prev{display: none;}


.indx01right{width: 10%;box-sizing: border-box;margin: 0;}
.indx01right .swiper-wrapper{display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;transform: none!important;display: block;}
.indx01right .swiper-wrapper .swiper-slide{width: 100%;margin-bottom: 10px;transition: all .3s;}
.indx01right .swiper-wrapper .swiper-slide:last-child{margin-bottom: 0;}
.indx01right .swiper-wrapper a{display: block;width: 100%;position: relative;}
.indx01right .swiper-wrapper a img{display: block;width: 100%;}
.indx01right .swiper-wrapper a .t-mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-sizing: border-box;padding: 20px;transition: all .3s;}
.indx01right .swiper-wrapper a .t-mask h3{font-size: 16px;color: #FFFFFF;}
.indx01right .swiper-wrapper a .t-mask p{font-size: 14px;text-transform: uppercase;color: #FFFFFF;position: absolute;left: 20px;bottom: 20px;opacity: 0;transition: all .3s;}
.indx01right .swiper-wrapper a .t-mask p i{font-size: inherit;color: inherit;margin-left: 5px;}
.indx01right .swiper-wrapper .swiper-slide:hover a .t-mask,.indx01right .swiper-wrapper .swiper-slide.swiper-slide-thumb-active a .t-mask{background-color: rgba(26,103,174,0.75);}
.indx01right .swiper-wrapper .swiper-slide:hover a .t-mask p,.indx01right .swiper-wrapper .swiper-slide.swiper-slide-thumb-active a .t-mask p{opacity: 1;}
.indx01wrap .sjbtn{display: none;position: relative;z-index: 1;}
.indx01wrap .sjbtn .more{background-color: #1a67ae;}
.indx01wrap .sjbtn i{color: inherit;font-size: inherit;margin-left: 10px;}

/* i-cont */
.i-cont{width: 1300px;}

/* index02wrap */
.index02wrap{width: 100%;box-sizing: border-box;margin: 110px 0;}
.i-text{margin: auto;margin-bottom: 50px;}
.index02{width: 100%;box-sizing: border-box;position: relative;}
.index02imgbox{width: 100%;overflow: hidden;height: 70vh;position: relative;background-color: #222;} 
.index02imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: all .3s;position: absolute;left: 0;top: 0;}
.index02imgbox img.active{opacity: 1;}
.index02lsit{width: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;height: 100%;}
.index02lsit li{width: 25%;box-sizing: border-box;position: relative;height: 100%;border-right: 1px solid rgba(255,255,255,0.3);padding: 70px 40px;overflow: hidden;}
.index02lsit li:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: linear-gradient(to bottom, #1a67ae, #0c4274);opacity: 0;transition: all .3s;}
.index02lsit li img{display: block;width: auto;height: 50px;position: relative;z-index: 1;}
.index02lsit li .text{position: absolute;left: 0;top: 100%;width: 100%;box-sizing: border-box;padding: 0 40px;transform: translateY(-120px);-webkit-transform: translateY(-120px);transition: all .3s;padding-bottom: 70px;z-index: 1;}
.index02lsit li .text h3{font-size: 26px;color: #ffffff;font-weight: bold;}
.index02lsit li .text strong{display: block;width: 20px;height: 2px;background-color: #FFFFFF;margin-top: 20px;}
.index02lsit li .text h4{font-size: 14px;line-height: 24px;color: #FFFFFF;margin-top: 30px;opacity: 0;transition: all .3s;transform: translateY(60px);-webkit-transform: translateY(60px);}
.index02lsit li:hover .text h4{opacity: 1;transform: none;-webkit-transform: none;}
.index02lsit li:hover .text{transform: translateY(-100%);-webkit-transform: translateY(-100%);}
.index02lsit li:hover:after{opacity: 0.8;}



/* index03wrap */
.index03wrap{width: 100%;margin: 110px 0;position: relative;z-index: 0;}
.index03 .swiper-slide{width: 53%;}
.index03 .swiper-slide a{display: block;width: 100%;overflow: hidden;position: relative;}
.index03 .swiper-slide a img{display: block;width: 100%;transition: all .6s;}
.index03 .swiper-slide a:hover img{transform: scale(1.1);}

.index03 .swiper-container{padding-left: calc((100% - 1300px)/2);box-sizing: border-box;padding-right: calc((100% - 1400px)/2);}

.index03 .swiper-slide a .font{display: block;width: auto;height: 86px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: absolute;left: 0;bottom: 0;background-color: rgba(255,255,255,0.9);padding: 0 40px;max-width: 90%;transition: all .3s;}
.index03 .swiper-slide a .font img{display: block;width: auto;max-width: 100%;height: 68px;}
.index03 .swiper-slide a .font img.img02{display: none;}
.index03 .swiper-slide a:hover .font img.img01{display: none;}
.index03 .swiper-slide a:hover .font img.img02{display: block;}
.index03 .swiper-slide a .font h3{font-size: 18px;color: #222222;}
.index03 .swiper-slide a .r-text{position: absolute;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;position: absolute;height: calc(100% - 140px);left: 30px;top: 40px;}
.index03 .swiper-slide a .r-text span{font-size: 14px;color: #FFFFFF;text-transform: uppercase;writing-mode: tb;letter-spacing: 2px;}
.index03 .swiper-slide a .r-text:after{content: '';display: block;width: 1px;height: 80px;background-color: #FFFFFF;margin-top: 10px;}
.index03 .swiper-slide a:hover .font{background-color: #1a67ae;}
.index03 .swiper-slide a:hover .font h3{color: #ffffff;}

.index03 .bot{width: 100%;box-sizing: border-box;padding-left: 160px;margin-top: 20px;}
.index03 .page{display: flex;display: -webkit-flex;position: relative;width: 100%;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding-left: calc((100% - 1300px)/2);margin-top: 40px;}
.index03 .page .swiper-button-next,.index03 .page .swiper-button-prev{position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;color: #1a67ae;border: 1px solid #1a67ae;border-radius: 4px;font-size: 14px;width: 48px;height: 48px;box-sizing: border-box;margin: 0;padding: 0;background-image: none;outline: none;left: 0;right: 0;top: 0;bottom: 0;}
.index03 .page .swiper-button-prev{background:url(prev01.png) no-repeat 17px;}
.index03 .page .swiper-button-next{margin-left: 10px; background:url(next01.png) no-repeat 17px;}
.index03 .page .swiper-pagination{position: relative;bottom: 0;left: 0;margin: 0;padding: 0;margin-left: 30px;}
.index03 .page .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;background-color: #aaaaaa;margin-right: 10px;outline: none;}
.index03 .page .swiper-pagination-bullet:last-child{margin-right: 0;}
.index03 .page .swiper-pagination-bullet-active{background-color: #1a67ae;}

/* index04wrap */
.index04wrap{width: 100%;box-sizing: border-box;position: relative; background:url(index04bg.jpg);}

.index04{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:100%;z-index:1; background:rgba(0,0,0,0.4);}
.index04left{width: 55%;box-sizing: border-box;padding-left: calc((100% - 1300px)/2);margin: 0;}
.index04left p,.index04left h3,.index04left h4{color: #FFFFFF;}
.index04left .more{margin-top: 40px;}
.index04left .more i{margin-left: 10px;color: inherit;font-size: inherit;}
.index04right{width: 45%;height: 100%;background-color: rgba(0,0,0,0.6);box-sizing: border-box;padding: 60px 100px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.index04right>div{width: 100%;}
.index04right h3{font-size: 24px;color: #ffffff;}
.index04right strong{display: block;width: 40px;height: 2px;background-color: #FFFFFF;margin-top: 20px;}
.index04list{width: 100%;box-sizing: border-box;}
.index04list .item{display: block;width: 100%;box-sizing: border-box;padding: 30px 0;border-bottom: 1px solid rgba(255,255,255,0.3);position: relative;}
.index04list .item h3{font-size: 18px;color: #ffffff;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index04list .item h4{font-size: 14px;line-height: 24px;opacity: 0.8;color: #FFFFFF;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.index04list .item:after{content: '';display: block;width: 0;height: 1px;background-color: #1a67ae;position: absolute;left: 0;bottom: -1px;transition: all .3s;}
.index04list .item:hover:after{width: 100%;}
.index04list .item:hover h3{color: #1a67ae;}

/* index05wrap */
.index05wrap{width: 1300px;padding:110px 0;background: url(bg_map.png)no-repeat;background-size: cover;margin:auto;}
.index05{margin: auto;}
.mumping_mun01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;width: 100%;}
.mumping_mun01 li .circleChart{width: 160px;height: 160px;background-color: #d1dce1;border-radius: 50%;box-sizing: border-box;padding: 5px;margin: auto;position: relative;}
.mumping_mun01 li h2{width: 146px;height: 146px;box-sizing: border-box;background-color: #FFFFFF;border-radius: 50%;top:7px;left: 7px;position: absolute;font-size: 36px;color: #1a67ae;text-align: center;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} 
.mumping_mun01 li:nth-of-type(2) h2:after{content: '';font-size: 14px;color: #1a67ae;margin-bottom: -22px;}
.mumping_mun01 li .text{width: 100%;text-align: center;}
.mumping_mun01 li .text h3{font-size: 16px;line-height: 26px;color: #666666;margin-top: 20px;}

/* index06wrap */
.index06wrap{width: 100%;position: relative;background-color: #f1f2f3;position: relative; padding:60px 0 90px;}
.index06wrap:after{content: '';display: block;width: 50%;height: 100%;background: url(index_11.jpg)no-repeat;background-size: cover;position: absolute;right: 0;top: 0;z-index: 0;}
.index06{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;}
.index06left{width: 50%;box-sizing: border-box;padding-right: 160px;}
.index06left .min{margin-top: 40px;}
.index06left .min p{font-size: 15px;line-height: 36px;color: #666666;}
.index06left .min p a{font-size: 15px;line-height: 36px;color: #666666;}

.index06right{width: 50%;box-sizing: border-box;padding: 120px 0;padding-left: 160px;}
.index06right .tl{font-size: 24px;color: #ffffff;font-weight: bold;padding-bottom: 20px;border-bottom: 1px solid #FFFFFF;margin-bottom: 40px;}
.wpcf7-form{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;width: 100%;}

.wpcf7-form input{display: block;width: 100%;margin-bottom: 20px;border: 1px solid #ddd;background-color: #fff;border-radius: 4px;outline: none;box-sizing: border-box;font-size: 14px;color: #888888;height: 36px;padding: 0 20px;}

.wpcf7-form textarea{width: 100%;height: 110px;resize: none;outline: none;padding: 20px;border-radius: 4px;box-sizing: border-box;border: 1px solid #ddd;font-size: 14px;color: #888888;}

.wpcf7-form button{margin-top: 30px;width: 140px;height: 40px;line-height: 38px;background-color: #1a67ae;border-radius: 4px;}
.wpcf7-form .input input:-ms-input-placeholder,.wpcf7-form textarea:-ms-input-placeholder{color: #888888;}

.wpcf7-form .input input::-webkit-input-placeholder,.wpcf7-form textarea::-webkit-input-placeholder{color: #888888;}
.wpcf7-form p{display: block;width: 100%;}
.wpcf7-form p span{display: block;overflow: hidden;position: relative;}
.wpcf7-form p span span{position: absolute;width: auto;top: 0;right: 10px;line-height: 46px;letter-spacing: 0;color: #0f426d;}

.screen-reader-response,.wpcf7-form p br{ display: none; }
.wpcf7-response-output,.wpcf7-validation-errors{ display: block;text-align: center;color: #000;margin: 20px 0 0 0;width: 100%;letter-spacing: 0;}

/* footer */
.footerwrap{width: 100%;box-sizing: border-box;}
.footertop{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 70px;align-items: center;-webkit-align-items: center;height: 140px;background-color: #0e385e;box-sizing: border-box;}
.footertop .f-logo img{display: block;width: auto;height: 60px;}
.footertop .f-nav{display: flex;display: -webkit-flex;}
.footertop .f-nav a{display: block;font-size: 16px;color: #FFFFFF;margin-right: 50px;}
.footertop .f-nav a:last-child{margin-right: 0;}
.footertop .f-nav a:hover{text-decoration: underline;}
.copyright{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 70px;background-color: #061e34;height: 60px;align-items: center;-webkit-align-items: center;}
.copyright .right{display: flex;display: -webkit-flex;}
.copyright .right h3,.copyright .right a{font-size: 13px;color: #FFFFFF;opacity: 0.5;margin-right: 30px;}
.copyright .right a:last-child{margin-right: 0;opacity: 0.2;}
.copyright .bdsharebuttonbox{}
.copyright .right a:hover{opacity: 1;}
.copyright .bdsharebuttonbox{display: flex;display: -webkit-flex;font-size: 14px;color: #ccc;}
.copyright .bdsharebuttonbox a{font-size: 14px;color: #ccc;margin: 0;padding: 0;}


/* 关于 */
.innerbanner{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;}
.innerbanner img{width: 100%;display: block;}
.innerbanner .text{width: 1280px;box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding-top:50px;}
.innerbanner .text h3{font-size: 46px;color: #ffffff;margin-bottom: 40px;font-weight: bold;}
.innerbanner .text h4{font-size: 16px;color: #ffffff;line-height: 32px;}

.innerwrap{width: 100%;overflow: hidden;    z-index: 0;position: relative;}

/* about01 */
.n_aboutwrap{width: 100%;box-sizing: border-box;position: relative;padding: 100px 0;}
.a-cont{width: 1280px;}
.n_about{margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;}
.n_aboutleft{width:100%;box-sizing: border-box; min-height:350px; padding-bottom:50px; position:relative;}
.n_aboutleft h3{font-size: 32px;color: #222222;font-weight: bold;}
.n_aboutline{width: 100%;height: 1px;background-color: #DDDDDD;position: relative;margin: 30px 0;}
.n_aboutline:before{content: '';display: block;width: 30px;height: 2px;position: absolute;left: 0;top: 0;background-color: #1a67ae;}
.n_aboutleft p{font-size: 16px;line-height: 30px;color: #666666;text-align: justify; position:relative;}
.n_aboutleft img{ max-width:100%;}


/* about01 */
.about01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 100px 0;}
.about01wrap:after{content: '';display: block;width: 70%;z-index: 0;height: 100%;position: absolute;left: 0;top: 0;background-color: #f1f2f3;}
.a-cont{width: 1280px;}
.about01{margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;position: relative;z-index: 1;}
.about01left{width: 65%;box-sizing: border-box;padding-right: 70px;}
.about01left h3{font-size: 32px;color: #222222;font-weight: bold;}
.about01line{width: 100%;height: 1px;background-color: #DDDDDD;position: relative;margin: 30px 0;}
.about01line:before{content: '';display: block;width: 30px;height: 2px;position: absolute;left: 0;top: 0;background-color: #1a67ae;}
.about01left h4{font-size: 16px;line-height: 30px;color: #666666;text-align: justify;margin-bottom: 20px;}
.about01right{width: 35%;box-sizing: border-box;overflow: hidden;}
.about01right img{display: block;width: 100%;transition: all .6s;}
.about01right:hover img{transform: scale(1.1);}

/* about02wrap */
.about02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(abput04.jpg)no-repeat;background-size: cover;}
.about02{margin: auto;}
.about02tl{text-align: center;font-size: 30px;color: #ffffff;font-weight: bold;margin-bottom: 40px;}
.about02min li .text h3{font-size: 16px;color: #ffffff;margin-top: 20px;text-align: center;}

/* about03wrap */
.about03wrap{width: 100%;box-sizing: border-box;position: relative;padding: 100px 0;}
.about03wrap:after{content: '';display: block;width: 100%;height: 70%;position: absolute;bottom: 0;left: 0;background: url(about05.jpg)no-repeat;background-size: cover;z-index: 0;}
.about03{margin: auto;position: relative;z-index: 1;}
.about03tl{text-align: center;font-size: 32px;color: #222222;margin-bottom: 50px;font-weight: bold;}
.about03top{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 100px 0;background: url(about03.jpg)no-repeat;background-size: cover;}
.about03top li{width: 50%;box-sizing: border-box;padding: 0 140px;text-align: center;position: relative;}
.about03top li:after{content: '';display: block;width: 1px;height: 80%;background-color: rgba(255,255,255,0.5);position: absolute;right: 0;top: 10%;}
.about03top li:last-child:after{display: none;}
.about03top li p{font-size: 13px;color: #ffffff;margin-bottom: 30px;}
.about03top li h3{font-size: 24px;font-weight: bold;margin-bottom: 30px;color: #ffffff;}
.about03top li h4{font-size: 14px;color: #ffffff;line-height: 26px;margin-bottom: 30px;min-height: 78px;}
.about03top li strong{display: block;width: 40px;height: 2px;background-color: #ffffff;margin: auto;}
/* about03bot */
.about03bot{width: 100%;margin-top: 40px;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.about03bot li{width: 32%;margin-right: 2%;background-color: #ffffff;padding: 50px 0;text-align: center;position: relative;margin-bottom: 2%;}
.about03bot li .cont{position: relative;z-index: 1;width: 100%;box-sizing: border-box;padding: 0 20px;}
.about03bot li:nth-of-type(3n){margin-right: 0;}
.about03bot li p{font-size: 12px;color: #aaaaaa;margin-bottom: 10px;}
.about03bot li h3{font-size: 20px;color: #222222;font-weight: bold;}
.about03bot li strong{display: block;width: 20px;height: 2px;background-color: #1a67ae;margin: 20px auto;}
.about03bot li h4{font-size: 15px;line-height: 26px;color: #666666;}
.about03bot li:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: linear-gradient(to right, #ff6522, #e24500);z-index: 0;opacity: 0;transition: all .3s;}
.about03bot li:hover:after{opacity: 1;}
.about03bot li:hover p,.about03bot li:hover h3,.about03bot li:hover h4{color: #ffffff;}
.about03bot li:hover strong{background-color: #ffffff;}

/* about04wrap */
.about04wrap{width: 100%;box-sizing: border-box;padding: 100px 0;}
.about04tl{text-align: center;}
.about04tl h3{font-size: 32px;color: #222222;font-weight: bold;}
.about04tl strong{display: block;width: 20px;height: 2px;background-color: #1a67ae;margin: 20px auto;}
/* about04 */
.about04{width: 100%;box-sizing: border-box;position: relative;}
.about04top .imgbox{width: 100%;overflow: hidden;position: relative;}
.about04top .imgbox img{display: block;width: 100%;transition: all .6s;}
.about04top .swiper-slide:hover .imgbox img{transform: scale(1.1);}
.about04top .swiper-slide{width: 40%;margin-right: 140px;}
.about04top .text{width: 100%;box-sizing: border-box;padding: 30px 100px 0;text-align: center;opacity: 0;}
.about04top .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.about04top .text h4{font-size: 16px;line-height: 30px;color: #444444;}
.about04top .swiper-slide.swiper-slide-active .text{opacity: 1;}

/* about04bot */
.about04bot .swiper-button-prev,.about04bot .swiper-button-next{width: 40px;height: 40px;position: absolute;padding: 0;margin: 0;top: 12px;font-size: 16px;color: #FFFFFF;background-image: none;outline: none;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #fff;border-radius: 0;background-color: #1a67ae;}
.about04bot{width: 100%;position: relative;padding: 0 calc((100% - 1400px)/2);box-sizing: border-box;margin-top: 40px;}
.about04bot:before{content: '';display: block;width: 100%;height: 1px;position: absolute;top: 33px;left: 0;background-color: #aaaaaa;}
.about04bot .swiper-button-prev{left: calc((100% - 1400px)/2);}
.about04bot .swiper-button-next{right: calc((100% - 1400px)/2);}
.about04bot .gallery-thumbs{width: calc(100% - 80px);box-sizing: border-box;}
.about04bot .gallery-thumbs .swiper-wrapper .swiper-slide{text-align: center;}
.about04bot .gallery-thumbs .swiper-wrapper .swiper-slide span{display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #aaaaaa;position: relative;margin: 30px auto;}
.about04bot .gallery-thumbs .swiper-wrapper .swiper-slide span:before{content: '';display: block;width: 18px;height: 18px;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin-top: -9px;margin-left: -9px;border: 1PX SOLID #aaaaaa;box-sizing: border-box;}
.about04bot .gallery-thumbs .swiper-wrapper .swiper-slide p{font-size: 16px;color: #666666;text-align: center;}
.about04bot .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active span:before{border-color: #1a67ae;}
.about04bot .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active span{background-color: #1a67ae;}


/* about05wrap */
.about05wrap{width: 100%;box-sizing: border-box;padding: 100px 0;text-align: center;background: url(about_0223.jpg) no-repeat;background-size: cover;}
.about05wrap .line{display: block;width: 740px;height: 1px;background-color: rgba(255,255,255,0.5);margin: auto;margin-bottom: 50px;}
.about05wrap p{font-size: 16px;color: #ffffff;margin-bottom: 10px;}
.about05wrap h3{font-size: 28px;color: #ffffff;}
.about05wrap strong{display: block;width: 40px;height: 2px;background-color: #1a67ae;margin: 30px auto;}
.about05wrap .more{background-color: #ffffff;color: #1a67ae;width: 170px;height: 44px;line-height: 44px;border: none;margin: auto;}
.about05wrap .more:after{background-color: #1a67ae;}
.about05wrap .more:hover{color: #ffffff;}

/* 新闻 */
.newstabwrap{width: 100%;box-sizing: border-box;padding: 0 320px;border-bottom: 1px solid #DDDDDD;}
.newstab{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-content: center;}
.newstab a{display: block;height: 80px;line-height: 80px;position: relative;font-size: 16px;color: #888888;padding: 0 50px;font-weight:bold;}
.newstab a:after{content: '';display: block;width: 0%;height: 2px;background-color: #0e385e;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.newstab a:hover:after,.newstab a.active:after{width: 100%;}
.newstab a:hover,.newstab a.active{color: #0e385e;}
.newstab i{display: block;width: 1px;height: 20px;background-color: #888888;}

/* news01wrap */
.news01wrap{width: 100%;box-sizing: border-box; min-height:350px; padding-bottom:50px;}
.news01wrap .li{display: block;width: 100%;box-sizing: border-box;padding: 50px 320px;border-bottom: 1px solid #DDDDDD;transition: all .3s;}
.news01wrap .li:hover{background-color: #f1f2f3;}
.news01wrap .item{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.news01wrap .item .imgbox{width: 30%;box-sizing: border-box;overflow: hidden;}
.news01wrap .item .imgbox img{display: block;width: 100%;transition: all .6s;}
.news01wrap .li:hover .item .imgbox img{transform: scale(1.1);}
.news01wrap .item .text{width: 70%;box-sizing: border-box;padding-left: 60px;padding-right: 200px;}
.news01wrap .item .text p{font-size: 14px;color: #aaaaaa;margin-bottom: 20px;}
.news01wrap .item .text h3{font-size: 20px;color: #222222;margin-bottom: 30px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news01wrap .item .text h4{font-size: 16px;line-height: 30px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news01wrap .li:hover .item .text h3{color: #0e385e;}

.fy,.nav-links{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;}

.fy a,.nav-links span,.nav-links a{display: block;width: auto;min-width: 32px;height: 32px;line-height: 30px;border-radius: 4px;border: 1px solid #DDDDDD;text-align: center;margin-right: 10px;transition: all .3s;font-size: 14px;color: #666;box-sizing: border-box;padding: 0 12px;}

.fy a:last-child{margin-right: 0;}

.fy a:hover,.fy a.active,.nav-links span,.nav-links a:hover{background-color: #0e385e;border-color: #0e385e;color: #FFFFFF;}


.n-fywrap{width: 100%;box-sizing: border-box;padding: 0 200px;margin: 50px auto 100px;}
.screen-reader-text{ display: none; }



/* 联系 */
.contact01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 100px 0;position: relative;}
.contact01:after{content: '';width: 60%;box-sizing: border-box;height: 100%;position: absolute;right: 0;top: 0;background: url(contact_bg.jpg)no-repeat fixed;background-size: cover;}
.contact01left{width: 40%;box-sizing: border-box;position: relative;z-index: 1;padding: 0 150px 0 calc((100% - 1400px)/2);}
.contact01left h3{font-size: 30px;color: #222222;font-weight: bold;}
.contact01left strong{display: block;margin: 30px 0;width: 40px;height: 1px;background-color: #e63327;}
.contact01left .list li{margin-bottom: 30px;}
.contact01left .list li:last-child{margin-bottom: 0;}
.contact01left .list li p{font-size: 20px;color: #222222;font-weight: bold;box-sizing: border-box;padding-left: 30px;position: relative;}
.contact01left .list li p img{display: block;width: auto;height: 20px;position: absolute;left: 0;top: 0;}
.contact01left .list font{font-size: 15px;line-height: 36px;color: #666666;}

/* contact01right */
.contact01right{width: 60%;box-sizing: border-box;padding: 0 calc((100% - 1400px)/2) 0 250px;position: relative;z-index: 1;}
.contact01right h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.c-form{width: 100%;box-sizing: border-box;}
.c-form input{width: 100%;height: 40px;border: 1px solid #DDDDDD;background-color: #ffffff;box-sizing: border-box;padding: 0 20px;font-size: 14px;color: #888888;outline: none;margin-bottom: 20px;}
.c-form textarea{width: 100%;height: 110px;border: 1px solid #DDDDDD;padding: 20px;box-sizing: border-box;font-size: 14px;caption-side: #888888;outline: none;resize: none;}
.c-form .more{background-color: #e63327;width: 140px;height: 40px;line-height: 40px;border-radius: 4px;margin-top: 30px;}

/* contact0101 */
.contact0101wrap{width: 100%;box-sizing: border-box;padding: 70px 0;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.contact0101wrap .left{width: 50%;box-sizing: border-box;padding-left: 50px;}
.contact0101wrap .left h3{display: block;width: 100%;overflow: hidden;}
.contact0101wrap .left h3 img{display: block;width: 100%;}
.contact0101wrap .right{width: 50%;box-sizing: border-box;padding-right: calc((100% - 1400px)/2);padding-left: 120px;}
.contact0101wrap .right .tl{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #dddddd;font-size: 30px;color: #222222;font-weight: bold;position: relative;margin-bottom: 30px;}
.contact0101wrap .right .tl:before{content: '';display: block;width: 50px;background-color: #1a67ae;height: 2px;position: absolute;left: 0;bottom: 0;}
.contact0101wrap .right .list{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #dddddd;margin-bottom: 30px;}
.contact0101wrap .right .list li{width: 100%;box-sizing: border-box;padding-left: 40px;position: relative;display: flex;display: -webkit-flex;margin-bottom: 30px;}
.contact0101wrap .right .list li img{position: absolute;left: 0;tab-size: 0;}
.contact0101wrap .right .list li p{font-size: 20px;color: #222222;font-weight: bold;}
.contact0101wrap .right .list li font{font-size: 15px;color: #666666;line-height: 20px;margin-left: 20px;}
.contact0101wrap .right .list li:last-child{margin-bottom: 0;}
.contact0101wrap .right .share{width: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.contact0101wrap .right .share h3{font-size: 20px;color: #222222;font-weight: bold;}
.contact0101wrap .right .share .bdsharebuttonbox{display: flex;display: -webkit-flex;margin-left: 20px;}
.contact0101wrap .right .share .bdsharebuttonbox a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;width: 38px;height: 38px;background-color: #f1f2f3;font-size: 16px;color: #444444;margin: 0;margin-right: 10px;padding: 0;background-image: none;}
.contact0101wrap .right .share .bdsharebuttonbox a:last-child{margin-right: 0;}
.contact0101wrap .right .share .bdsharebuttonbox a:hover{color: #1a67ae;}

/* contact0102wrap */
.contact0102wrap{width: 100%;padding: 80px 0;background: url(contact_bg.jpg)no-repeat fixed;background-size: cover;}
.contact0102{width: 1000px;margin: auto;}

.contact0102wrap h3{font-size: 30px;color: #222222;margin-bottom: 40px;font-weight: bold;text-align: center;}

.contact0102 .wpcf7-form,.contact0102 .wpcf7-form p{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;width: 100%;}

.contact0102 .wpcf7-form p span{display: block;width: 49%;margin-bottom: 20px;border: 1px solid #ddd;background-color: #fff;border-radius: 4px;outline: none;box-sizing: border-box;font-size: 15px;color: #88898b;height: 46px;position: relative;overflow: hidden;}

.contact0102 .wpcf7-form p span span{    position: absolute;top: 0;right: 0;width: auto;border: 0;font-weight: normal;font-size: 12px;letter-spacing: 0;line-height: 40px;color: #1a67ae;}

.contact0102 .wpcf7-form input{display: block;width: 100%; border: 0px solid #ddd;background-color: #fff;border-radius: 4px;outline: none;box-sizing: border-box;font-size: 15px;color: #88898b;height: 46px; }

.contact0102 .wpcf7-form textarea{width: 100%;height: 110px;resize: none;outline: none;padding: 20px;border-radius: 4px;box-sizing: border-box;border: 0 solid #ddd;font-size: 15px;color: #88898b;}

.contact0102 .wpcf7-form button{margin: auto;margin-top: 30px;}

.contact0102 .wpcf7-form p br,.screen-reader-response{display: none;}

.contact0102 .wpcf7-response-output,.wpcf7-validation-errors{ display: block;color: #145c40;letter-spacing: 0;text-align: center;width: 100%;margin: 30px 0 0 0;}


.contact0102 .wpcf7-form p .textarea-761{width: 100%;height: auto;padding: 0;}
.contact0102 .wpcf7-form p .textarea-349{ height:auto;     width: 100%; }




/* contact02wrap */
.contact02wrap{width: 100%;box-sizing: border-box;padding: 150px 0;background-color: #f6f9fb;}
.contact02wrap .tl,.contact03wrap .tl{font-size: 30px;color: #222222;text-align: center;margin-bottom: 70px;font-weight: bold;}
.contact02{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.contact02 li{width: calc((100% - 180px)/4);}
.contact02 li h3{font-size: 24px;color: #222222;font-weight: bold;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DDDDDD;text-align: center;}
.contact02 li .info{width: 100%;display: flex;display: -webkit-flex;-webkit-flex-flow: column;-ms-flex-flow: column;align-items: center;-webkit-align-items: center;}
.contact02 li .info h4{font-size: 18px;color: #222222;margin-bottom: 20px;font-weight: bold;}
.contact02 li .info p{font-size: 15px;color: #666666;display: flex;display: -webkit-flex;margin-bottom: 10px;}
.contact02 li .info p img{margin-right: 10px;width:15px;}
.contact02 li .info p:last-child{margin-bottom: 0;}

/* contact03wrap */
.contact03wrap{margin: 100px auto;}
.contact03 .map{width: 100%;height: 440px;}

/* 质量控制 */
.quality01{width: 800px;margin: 100px auto;text-align: center;}
.quality01 h3{font-size: 30px;color: #222222;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DDDDDD;position: relative;font-weight:bold;}
.quality01 h3:before{content: '';display: block;width: 50px;height: 2px;background-color: #ffffff;position: absolute;left: 50%;bottom: 0;margin-left: -25px;}
.quality01 h4{font-size: 15px;line-height: 28px;color: #666666;}

/* quality02wrap */
.quality02wrap{width: 100%;box-sizing: border-box;padding: 80px 0 110px;background: url(quality02.jpg)no-repeat fixed;background-size: cover;}
.quality02wrap .tl{font-size: 30px;color: #222222;font-weight: bold;text-align: center;}
.quality02{margin: auto;position: relative;}
.quality02circle{width: 62px;height: 62px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;margin: auto;position: relative;margin-top: 30px;cursor: pointer;}
.quality02circle:after,.quality02circle:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(234,84,18,0.8);border-radius: 50%;-webkit-animation: ballScale 6s 0s linear infinite;-moz-animation: ballScale 6s 0s linear infinite;-ms-animation: ballScale 6s 0s linear infinite;animation: ballScale 6s 0s linear infinite;z-index: 0;}
.quality02circle:before{width: 32px;height: 32px;top: 15px;left: 15px;-webkit-animation: ballScale02 12s 0s linear infinite;-moz-animation: ballScale02 12s 0s linear infinite;-ms-animation: ballScale02 12s 0s linear infinite;animation: ballScale02 12s 0s linear infinite;z-index: 0;background-color: rgba(234,84,18,1);}
.quality02circle p{width: 42px;height: 42px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #1a67ae;border-radius: 50%;position: relative;z-index: 1;}
@keyframes ballScale { 0% {-webkit-transform: scale(0.7);transform: scale(0.7);opacity: 1;} 100% {-webkit-transform: scale(1.3);transform: scale(1.3);opacity: 0; }}
@keyframes ballScale02 { 0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;} 100% {-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0; }}

/* quality02min */
.quality02min{width: 100%;position: relative;padding-top: 30px;}
.quality02min:before{content: '';display: block;width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background-color: #cccccc;z-index: 1;}
.quality02min li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 110px;}
.quality02min li .imgbox{width: 60%;box-sizing: border-box;overflow: hidden;position: relative;z-index: 0;}
.quality02min li .text{width: 50%;margin-left: -10%;position: relative;z-index: 1;box-sizing: border-box;padding-left: 200px;}
.quality02min li .text p{font-size: 14px;color: #1a67ae;position: relative;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;white-space: nowrap;}
.quality02min li .text p:before{content: '';display: block;width: 8px;height: 8px;background-color: #cccccc;border-radius: 50%;position: absolute;left: -204px;top: 50%;margin-top: -4px;}
.quality02min li .text p:after{content: '';display: block;width: 180px;height: 1px;background-color: #cccccc;position: absolute;left: -200px;top: 50%;}
.quality02min li .text h3{font-size: 24px;color: #222222;font-weight: bold;margin: 20px 0;}
.quality02min li .text h4{font-size: 16px;color: #666666;line-height: 30px;}

.quality02min li:nth-of-type(odd){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.quality02min li:nth-of-type(odd) .text{padding-left: 0;margin-left: 0;margin-right: -10%;}
.quality02min li:nth-of-type(odd) .text h4{padding-right: 200px;box-sizing: border-box;}
.quality02min li:nth-of-type(odd) .text p:before{left: initial;right: -4px;}
.quality02min li:nth-of-type(odd) .text p:after{width:100%;box-sizing: border-box;position: relative;top: 0;margin-left: 20px;left: 0;}
.quality02min li:last-child{margin-bottom: 0;}

/* quality03wrap */
.quality03wrap{margin: 100px auto;}
.quality03wrap .tl{text-align: center;}
.quality03wrap .tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom:40px;}
.quality03wrap .tl h4{font-size: 16px;color: #666666;line-height: 30px;}
/* .quality03 */
.quality03{width: 100%;margin-top: 50px;}
.quality03 a{width: 100%;box-sizing: border-box;}
.quality03 a .imgbox{width: 100%;height: auto;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #fff;    border: 6px solid #eceae9;}
.quality03 a .imgbox img{display: block;width: auto;height: auto;max-width: 100%;max-height: 100%;}
.quality03 a h3{font-size: 18px;color: #222222;margin: 20px 0;text-align: center;}
.quality03 a .more{margin: auto;border: 1px solid #1a67ae;font-size: 14px;width: 150px;height: 42px;line-height: 40px;box-sizing: border-box;color: #1a67ae;}
.quality03 a .more:after{background-color: #1a67ae;}
.quality03 a .more:hover{color: #ffffff;}
.quality03wrap .swiper-pagination{position: relative;width: 100%;bottom: 0;left: 0;margin: 0;padding: 0;margin-top: 30px;}
.quality03wrap .swiper-pagination .swiper-pagination-bullet{margin: 0;width: 10px;height: 10px;opacity: 1;background-color: #aaaaaa;margin-right: 15px;}
.quality03wrap .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.quality03wrap .swiper-pagination .swiper-pagination-bullet-active{background-color: #1a67ae;}

/* tc */
.tcwrap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.5);transition: all .3s;display: none;z-index: 99;}
.tc{width: 100%;height: 100%;position: absolute;width: 100%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.tc img{display: block;width: auto;max-width: 90%;    margin: auto;}


/* 产品中心 */
.product01{margin: 100px auto;}

/* product02 */
.product02wrap{width: 100%;box-sizing: border-box;padding: 110px 0 50px;background-color: #f1f2f3;}
.product02{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.product02 a{display: block;width: 48%;box-sizing: border-box;overflow: hidden;position: relative;margin-bottom: 60px;}
.product02 a img{display: block;width: 100%;transition: all .6s;}
.product02 a:hover img{transform: scale(1.1);}
.product02 a .bot{width: 100%;box-sizing: border-box;background-color: #ffffff;position: absolute;left: 0;bottom: 0;font-size: 18px;color: #222222;height: 60px;line-height: 60px;text-align: center;transition: all .3s;}
.product02 a .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(38,38,38,0.8);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 0 80px;text-align: center;opacity: 0;visibility: hidden;transition: all .3s;}
.product02 a .text h3{font-size: 20px;color: #ffffff;margin-bottom: 20px;}
.product02 a .text h4{font-size: 14px;line-height: 24px;color: #ffffff;opacity: 0.75;}
.product02 a .text .more{width: 130px;height: 34px;line-height: 34px;border-radius: 2rem;background-color: #1a67ae;border: none;color: #ffffff;overflow: hidden;margin: 30px auto 0;}
.product02 a .text .more:after{background-color: #ffffff;border-radius: 2rem;}
.product02 a .text .more:hover{color: #1a67ae;}
.product02 a:hover .text{opacity: 1;visibility: visible;}
.product02 a:hover .bot{opacity: 0;visibility: hidden;}

/* product03 */
.product03{width: 1000px;margin: 100px auto;}
.product03 h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;text-align: center;}
.p-form{width: 100%;box-sizing: border-box;}
.p-form input{display: block;width: 100%;font-size: 14px;color: #aaaaaa;background-color: #f4f5f6;border: 1px solid #aaaaaa;height: 46px;border-radius: 4px;box-sizing: border-box;padding: 0 30px;outline: none;margin-bottom: 20px;}
.p-form textarea{display: block;width: 100%;font-size: 14px;color: #aaaaaa;background-color: #f4f5f6;border: 1px solid #aaaaaa;height: 110px;border-radius: 4px;box-sizing: border-box;padding: 20px 30px;outline: none;margin-bottom: 20px;resize: none;}
.p-form .more{background-color: #e63327;width: 140px;height: 40px;line-height: 40px;border-radius: 4px;margin-top: 30px;border: 1px solid #e63327;overflow: hidden;margin: auto;}

/* 产品详情 */
.proinfotl{font-size: 40px;color: #222222;font-weight: bold;margin: 100px auto 50px;}
.proinfocont{margin: auto;box-sizing: border-box;padding-right: 240px;margin-bottom: 80px;}
.proionfo-tl{width: 100%;}
.proionfo-tl h3{font-size: 32px;color: #222222;font-weight: bold;}
.about01line{width: 100%;height: 1px;background-color: #DDDDDD;position: relative;margin: 30px 0;}
.about01line:before{content: '';display: block;width: 30px;height: 2px;position: absolute;left: 0;top: 0;background-color: #1a67ae;}
.proionfo-tl h4{font-size: 15px;line-height: 26px;color: #666666;text-align: justify;margin-bottom: 20px;width: 70%;}
.proinfo01{width: 100%;box-sizing: border-box;margin-top: 50px;}
.proinfo01 img{display: block;width: 100%;}
.proinfo01 .swiper-pagination{width: 100%;display: flex;display: -webkit-flex;box-sizing: border-box;justify-content: flex-start;-webkit-justify-content: flex-start;padding-left: 40px;bottom: 40px;}
.proinfo01 .swiper-pagination-bullet{width: 100px;height: 4px;border-radius: 0;background-color: #ffffff;opacity: 0.34;margin-right: 10px;}
.proinfo01 .swiper-pagination-bullet:last-child{margin-right: 0;}
.proinfo01 .swiper-pagination-bullet-active{opacity: 1;}

/* proinfo02 */
.proinfo02list{width: 100%;box-sizing: border-box;}
.proinfo02list li{font-size: 16px;line-height: 36px;color: #666666;position: relative;box-sizing: border-box;padding-left: 20px;}
.proinfo02list li:before{content: '';display: block;width: 6px;height: 6px;background-color: #666666;border-radius: 50%;left: 0;top: 15px;position: absolute;}

/* proinfo03 */
.proinfo03{width: 100%;margin-top: 50px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.proinfo03 a{width: 31%;box-sizing: border-box;overflow: hidden;cursor: default;position: relative;}
.proinfo03 a img{display: block;width: 100%;transition: all .6s;}
.proinfo03 a:hover img{transform: scale(1.1);}
.proinfo03 a::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);z-index: 1;}
.proinfo03 a:hover::before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0)
}
/* proinfo04 */
.proinfo04{width: 100%;}
.proinfo04 video{display: block;width: 100%;object-fit: cover;}
.proinfo04 iframe{display: block;width: 100%;height: 600px;object-fit: cover;}
.txp_video_container video{position: relative;width: 100%;height: auto;}

/* proinfo05 */
.proinfo05 img{display: block;width: auto;max-width: 100%;}
.proinfo05wrap .more01{width: 182px;height: 46px;line-height: 46px;border: 1px solid #e82116;background-color: #e82116;margin-top: 40px;}

/* proinfo06wrap */
.proinfo06wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
/* proinfo06 */
.proinfo06{box-sizing: border-box;padding-right: 340px;margin: auto;width: 1400px;}
.proinfo06 h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;text-align: left;}
.proinfo06 .p-form input{background-color: #ffffff;}
.proinfo06 .p-form textarea{background-color: #ffffff;}
.proinfo06 .wpcf7 .more{margin: 0;margin-top: 40px;}

/* proinfo-fixed */
.proinfo-fixed{position: fixed;right: 0;background-color: #ffffff;z-index: 10;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);padding: 30px 40px 50px;top: 50%;right: 0;width: 200px;box-sizing: border-box;border-top-left-radius: 10px;border-bottom-left-radius: 10px;transform: translateY(-50%);-webkit-transform: translateY(-50%);opacity: 0;visibility: hidden;}
.proinfo-fixed a{display: block;width: 100%;line-height: 60px;border-bottom: 1px solid #DDDDDD;font-size: 15px;color: #222222;box-sizing: border-box;padding-left: 15px;position: relative;}
.proinfo-fixed a:before{content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 28px;border-radius: 50%;background-color: #aaaaaa;}
.proinfo-fixed a:after{content: '';width: 0%;height: 1px;background-color: #ea540c;transition: all .3s;position: absolute;left: 0;bottom: -1px;}
.proinfo-fixed a:hover:after,.proinfo-fixed a.active:after{width: 100%;}
.proinfo-fixed a:hover:before,.proinfo-fixed a.active:before{background-color: #ea540c;}
.proinfo-fixed a:hover,.proinfo-fixed a.active{color: #ea540c;}
.proinfo-fixed.on{opacity: 1;visibility: visible;}

/* videolinkwrap */
.videolinkwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;}
.videolink{margin: auto;height: 80px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.videolink p{font-size: 15px;color: #888888;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.videolink p img{display: block;width: auto;height: 18px;margin-right: 10px;}
.videolink strong{display: block;width: 1px;height: 20px;background-color: #888888;margin: 0 20px;}
.videolink a{display: block;margin-right: 20px;}
.videolink a:last-child{margin-right: 0;}
.videolink a img{display: block;width: auto;height: 18px;}

/* video01wrap */
.video01wrap{margin: 100px auto;}
.video01{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.video01 a{width: 48%;margin-bottom: 100px;}
.video01 a .video{width: 100%;height: 400px;}
.video01 a .video iframe{width: 100%;height: 100%;object-fit: cover;}
.video01 a h3{width:100%;line-height: 60px;font-size: 16px;color: #222222;transition: all .3s;box-sizing: border-box;padding: 0 10px;text-align: center;}
.video01 a:hover h3{color: #ffffff;background-color: #1a67ae;}
/* v-fy */
.v-fy .fy{-webkit-justify-content: center;justify-content: center;}

/* 优势 */
.advantage01wrap{width: 90%;margin: 100px auto;}
.adv-item{width: 100%;position: relative;margin-bottom: 30px;}
.adv-item img{display: block;width: 100%;}
.adv-text{width: 50%;box-sizing: border-box;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 150px;}
.adv-text:before{content: '';display: block;width: 1px;height: 100%;background-color: #dddddd;left: 120px;top: -5px;position: absolute;}
.adv-text p{font-size: 12px;color: #888;text-transform: uppercase;margin-bottom: 20px;}
.adv-text h3{font-size: 30px;color: #222222;margin-bottom: 30px;font-weight: bold;}
.adv-text h4{font-size: 15px;line-height: 30px;text-align: justify;color: #555;}
.adv-item:last-child{margin-bottom: 0;}

/* 客户评价 */
.customer01wrap{width: 100%;box-sizing: border-box;padding: 100px 0 70px;background-color: #f1f2f3;}
.customer01{margin: auto;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.customer01 a{display: block;width: calc((100% - 15px)/4);box-sizing: border-box;position: relative;margin-right: 5px;margin-bottom: 30px;}
.customer01 a:nth-of-type(4n){margin-right: 0;}
.customer01 a .imgbox{width: 100%;box-sizing: border-box;height: 240px;border: 5px solid #dddddd;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #ffffff;position: relative;}
.customer01 a .imgbox>img{display: block;width: auto;max-width: 80%;height: auto;max-height: 80%;}
.customer01 a .imgbox .mask{position: absolute;width: 100%;height: 100%;background-color: rgba(22,23,27,0.88);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;opacity: 0;transition: all .3s;top: 0;left: 0;}
.customer01 a .imgbox .mask img{display: block;width: auto;height: 46px;}
.customer01 a h3{font-size: 18px;color: #222222;text-align: center;margin-top: 20px;}
.customer01 a:hover .imgbox .mask{opacity: 1;}
.customer01 a:hover .imgbox{border-color: #1a67ae;}

/* 下载 */
.downloadwrap{margin: auto;box-sizing: border-box;padding: 100px 0;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.downloadwrap:before{content: '';display: block;width: 1px;height: 100%;background-color: #DDDDDD;position: absolute;top: 0;left: 25%;}
.prolist{width: 25%;box-sizing: border-box;padding-right: 50px;}

.downloadwrap{margin-bottom: 120px;padding-bottom: 0;}
.download{width: 75%;box-sizing: border-box;padding-left: 60px;} 
.download .tl{width: 100%;line-height: 60px;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #ffffff;background-color: #1a67ae;}
.downloadmin{width: 100%;box-sizing: border-box;margin-top: 10px;}
.downloadmin a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-content: center;padding: 0 40px 0 20px;border-bottom: 1px solid #DDDDDD;height: 80px;transition: all .3s;}
.downloadmin a h3{font-size: 15px;color: #222222;}
.downloadmin a .more{width: 120px;height: 30px;line-height: 30px;background-color: transparent;border-color: #1a67ae;color: #1a67ae;margin: 0;font-size:12px;}
.downloadmin a .more i{font-size: inherit;color: inherit;margin-right: 5px;}
.downloadmin a .more:after{background-color: #1a67ae;}
.downloadmin a:hover .more{color: #ffffff;}
.downloadmin a:hover .more:after{width: 100%;}
.downloadmin a:hover{background-color: #f2f2f3;}
.downloadmin a:hover h3{color: #1a67ae;}
.downloadwrap .prolist .cont li a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;padding: 0 20px;font-size: 16px;height: 50px;border-bottom: 1px solid #ddd;color: #222222;padding-left: 0;font-weight: bold;}
.downloadwrap .prolist .cont li a:hover{color:#1a67ae;}
.downloadwrap .prolist .cont li a i{font-size: 14px;color: #222;}
.downloadwrap .prolist .cont li a:hover i{color:#1a67ae;}
.downloadwrap .prolist .cont li a.open i{}
.downloadwrap .prolist .cont li .active{color:#1a67ae;}
.downloadwrap .prolist .cont li .active i{color:#1a67ae;}

.download02wrap{width: 100%;padding: 100px 0;background-color: #f1f2f3;}
.download02{margin: auto;}
.p-form input,.p-form textarea{background-color: #f4f5f6;}

/* 新闻详情 */
.newsinfowrap{margin: 100px auto;width: 1100px;}
.newsinfo{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 0px 0 50px; margin: auto;}

.newsinfo p{font-size: 16px;color: #666666;line-height: 32px;margin-bottom: 30px;}
.newsinfo p:last-child{margin-bottom: 0;}

.newsinfo p img{ display: block;width: 90%;height: auto;max-width: 100%;margin:auto;}
.newsinfowrap .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;}
.newsinfowrap .page a{font-size: 14px;color: #666666;}
.newsinfowrap .page a i{font-size: inherit;color: inherit;margin-right: 10px;}
.newsinfowrap .page a:last-child i{margin-right: 0;margin-left: 10px;}
.newsinfowrap .page a:hover{color: #0e385e;}
.nnewsinfo p,.newsinfo span,.newsinfo font{font-size: 15px;color: #666666;line-height: 32px;}


.newsinfo img{ width: auto;height: auto;max-width: 100%; }
.newsinfobanner .text{padding-top: 120px;width: 1100px;}
.n-fx{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.n-fx h3{font-size: 18px;font-weight: bold;color: #0e385e;}
.n-fx .bdsharebuttonbox{display: flex;display: -webkit-flex;margin-left: 20px;}
.n-fx .bdsharebuttonbox a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;border: 1px solid #dddddd;background-image: none;font-size: 14px;width: 36px;height: 36px;padding: 0;margin: 0;margin-right: 10px;}
.n-fx .bdsharebuttonbox a:last-child{margin-right: 0;}

.searchbanner{ display: block;overflow: hidden;position: relative;}
.searchbanner img{display: block;width: 100%;}
.searchbanner .text{ position: absolute;width: 100%;top: 50%;left: 0;}
.searchbanner .text p{ display: block;color: #fff;text-align: center;font-size: 30px;font-weight: bold;}
.searchbanner .text h3{display: block;color: #fff;text-align: center;font-size: 30px;font-weight: bold;}
.searchbanner .text form{display: block;width: 500px;overflow: hidden;position: relative;margin: 30px auto 0;}
.searchbanner .text form input{ font-size: 14px; display: block;width: 100%;border: 0;background: #fff;height: 50px;line-height: 50px;text-indent: 1em;}
.searchbanner .text form button{cursor: pointer;position: absolute; width: 100px;height: 50px;background: #ea5514;top: 0;right: 0;border: 0;color: #fff;font-size: 16px;line-height: 50px;}
.searchbanner .text form button .fa{    color: #fff;margin: 0 5px 0 0;}


.searchlist-titile{ display: block;width: 500px;margin: 50px auto;overflow: hidden;}
.searchlist-titile .page-title{ display: block;overflow: hidden;font-size: 16px;}
.searchlist-titile .page-title span{ color:#ea5514; }
.searchlist-titile .page-title1{ text-transform: uppercase;color: #ea5514;font-size: 16px;}



.searchlistcenter{}
.searchlistcenter .p-yjy{ overflow: hidden; display: block;width: 800px;margin: 0 auto;border-bottom: 1px solid #ccc;padding: 0 0 20px 0; }
.searchlistcenter .p-yjy a{ display: block;float: left;margin: 0 50px 0 0;font-size: 20px;padding: 0 5px;color: #666;}
.searchlistcenter .p-yjy .active,.searchlistcenter .p-yjy a:hover{color:#ea5514;}


.p-kn{width: 800px;margin: 0 auto;overflow: hidden;}
.p-kn .product01{margin: 50px auto;}
.p-kn dl{}
.p-kn dl a{ display: block;overflow: hidden;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;    margin: 0 0 50px 0;border-bottom: 1px solid #eee;padding: 0 0 50px 0;}
.p-kn dl a p{ display: block;overflow: hidden;width: 30%;}
.p-kn dl a p img{ display: block; width: 100%;}
.p-kn dl a h5{ display: block;width:65%;overflow: hidden;overflow: hidden;}
.p-kn dl a h5 span{ display: inline-block;color: #666;font-size: 18px;border-bottom: 1px solid #ccc;}
.p-kn dl a h5 font{display: block;margin: 20px 0;font-size: 14px;letter-spacing: 1px;text-align: justify;line-height: 24px;color: #999;}
.p-kn dl a h5 strong{}


.p-kn dl a h5 .more{text-align: center;    float: right; width: 120px;height: 30px;line-height: 30px;background-color: transparent;border-color: #1a67ae;color: #1a67ae;margin: 0;font-size:12px;}
.p-kn dl a h5 .more i{font-size: inherit;color: inherit;margin-right: 5px;}
.p-kn dl a h5 .more:after{background-color: #1a67ae;}
.p-kn dl a h5:hover .more{color: #ffffff;}
.p-kn dl a h5:hover .more:after{width: 100%;}

.p-kn dl a:hover h5 span{ color: #1a67ae; }

 





@media only screen and (max-width: 1600px){
.headertop{}
.header .right .nav a{width:100px;font-size:16px;}
.header .logo img{display: block;width: auto;height: 78px;}
.header .logo img.logo02{height:78px;}
.header .right .nav .nav02 a {font-size: 13px;line-height: 36px;padding: 0 4px;}
.header .right .nav .nav02 a i{margin-left:10px;}
.header .right .nav li{margin-right: 5px;position: relative;}



.bannertext{width: 100%;padding-left: 200px;box-sizing: border-box;}
.bannertext h3{font-size: 46px;letter-spacing: 10px;margin-bottom:24px;}
.bannertext p{font-size: 24px;margin-bottom:24px;}
.bannertext h4{margin-bottom:24px;}
.more{width: 160px;height: 48px;line-height: 48px;}
.indx01wrap{padding: 110px 30px 110px 30px;}
.indx01left .swiper-slide .text{padding-left: 60px;}
.indx01left .swiper-slide .text h3, .i-text h3{font-size: 28px;line-height: 36px;}
.indx01left .swiper-slide .text h4, .i-text h4{margin-top: 30px;font-size:15px;}
.indx01right{width: 13%;}
.indx01right .swiper-wrapper a .t-mask h3{font-size:13px;}
.more{width: 170px;height: 44px;line-height: 44px;}
.i-cont{width: 1100px;}
.index03 .swiper-container,.index03 .page,.index04left{padding-left: calc((100% - 1100px)/2);}
.index04right{padding: 0 70px 0 60px;}
.index04left{width: 60%;}
.index02lsit li .text h3{font-size:20px;}
.index04wrap video{height: 90vh;}
.indx01left .swiper-slide .imgbox{width:70%;}

.index03 .swiper-slide a .r-text span{font-size: 12px;letter-spacing: 0px;}
.index03 .swiper-slide a .r-text:after{height: 60px;}
.index06right{padding: 60px 0;padding-left:100px;}
.footertop .f-nav a{font-size:15px;}
.copyright .right h3, .copyright .right a{font-size:12px;}
.wpcf7-form textarea{height: 82px;}
.index06right .tl{font-size: 20px;}
.mumping_mun01 li .circleChart{width: 150px;height: 150px;}
.mumping_mun01 li h2{width: 136px;height: 136px;}


.innerbanner .text{width: 1100px;box-sizing: border-box;padding: 50px 0 0;}
.innerbanner .text h3{font-size: 42px;margin-bottom: 30px;}
.a-cont{width: 1100px;}
.about04top .text{padding:30px 30px 0px;}
.about04bot{padding: 0 calc((100% - 1200px)/2);}
.about04bot .swiper-button-prev{left: calc((100% - 1100px)/2);}
.about04bot .swiper-button-next{right: calc((100% - 1100px)/2);}
.about03top li{padding: 0 100px;}
.about01left h4{font-size:15px;}
.index03 .swiper-container{padding-right: calc((100% - 1100px)/2);}

.newstabwrap{padding: 0;}
.newstab{width: 1100px;margin: auto;}
.news01wrap .li{padding: 50px 0;}
.news01wrap .item{width: 1100px;margin: auto;}
.n-fywrap{padding: 0;}
.n-fywrap .fy{width: 1100px;margin: auto;}

.contact01left{padding: 0 80px 0 calc((100% - 1100px)/2);}
.contact01right{padding: 0 calc((100% - 1100px)/2) 0 120px;}
.contact02 li{width: calc((100% - 110px)/4);}
.contact02wrap{padding: 120px 0;}
.contact02 li .info p{font-size:14px;}
.contact02 li h3{font-size:22px;}
.product01 .about01left{padding-right: 0;}

.proionfo-tl h4{width: 72%;}
.proinfotl{font-size: 34px;}
.proionfo-tl h3{font-size: 28px;}
.proinfo-fixed{width: 200px;padding: 20px 40px 40px;}
.proinfo-fixed a{line-height: 60px;}
.proinfo-fixed a:before{top: 29px;}

.video01 a .video{height: 300px;}
.video01 a{margin-bottom: 80px;}

.adv-text{padding: 0 70px;}

.customer01 a .imgbox{height: 200px;}

.adv-text:before{left: 40px;}

.adv-text h3{font-size:24px;}
.adv-text h4{font-size: 14px;line-height: 26px;}

.contact0101wrap .right{padding-left: 80px;    padding-right: calc((100% - 1200px)/2);}
.contact0101wrap .right .tl{font-size:26px;}
.contact0101wrap .right .list li p{font-size:18px;}
.contact0101wrap .right .list li{    padding-left: 34px;}
.contact0101wrap .right .share h3{font-size:18px;}

.newsinfobanner .text h3{font-size: 30px;}
.customer01 a h3{font-size:16px;    margin-top: 15px;}
}