@charset "utf-8";
@import url(base.css);


.gzcc{max-width: 100%;padding: 0 12%;box-sizing: border-box;}

.header{width: 100%;height: 100px;background: #fff;position: fixed;top: 0;left: 0;z-index: 10;
ransition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.header.active{box-shadow: 0 20px 10px rgba(0,0,0,0.08);}
.headercon{width: 100%;}
.headerlogo{float: left;padding-top: 32px;box-sizing: border-box;}
.headerlogo a{display: block;}
.headerlogo a img{display: block;max-width: 100%;}
.headeright{float: right; position:relative}
.headeright>ul{float: left;}
.headeright>ul>li{float: left;margin-right: 34px;}
.headeright>ul>li:last-child{margin-right: 0;}
.headeright>ul>li>a{color: #3f3f3f;font-size: 16px;display: block;font-weight: 500;line-height: 100px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.headeright>ul>li .gzcc_nav{ margin-left:-200px }
.headeright>ul>li.active>a{color: #c91622;}
.headeright>ul>li:hover>a{color: #c91622;}
.gzcc_nav{position: absolute;top: 100px;left: 0%; width:1000px;background: #000;display: flex; z-index: 500; height:400px}
.gzcc_navadd{width: 310px;}
.gzcc_nav>div{ display:flex}
.gzcc_nav .two{  background:#000; padding:30px 12px;box-sizing: border-box;}
.gzcc_nav .two>li>a{ text-align:left;display: block;line-height: 30px;font-size: 14px;color: #fff;padding: 0 5px;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.gzcc_nav .three{ overflow:hidden;  background:#fff; top:0; left:170px; flex:1; padding:30px 20px}
.gzcc_nav .three a{ line-height:30px; padding:0 20px; color:#666 ; font-size:12px; }
.gzcc_nav .three img{ position:absolute; height:400px; width:570px; right:0; top:0}
.gzcc_nav .three h3{ position:absolute; right:30px; color:#fff; bottom:60px}
.gzcc_nav .three p{ position:absolute; right:30px; color:#fff; bottom:30px}
.gzcc_nav .three ul{ display:none}
.gzcc_nav .two>li>a:last-child{border-bottom: 0;}
.gzcc_nav .two>li>a:hover{ background:#c91523; color:#fff; }
.gzcc_nav .three a:hover{ color:red}
.headerlast{float: right;margin-left: 80px;margin-top: 34px;}
.headerlast a{display: table;width: 120px;height: 34px;text-align: center;line-height: 34px;background: #3f3f3f;
font-size: 16px;color: #fff;font-weight: 500;border-radius: 50px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.headerlast a:hover{background: #c91622;}
.banner{width: 100%;}
.gzcc_video{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 8000;display: none;}
.gzcc_videobj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);}
.gzcc_videobox{width: 900px;height: 500px;position: absolute;top: 40%;left: 50%;margin-left: -450px;margin-top: -250px;
background: #fff;border-radius: 4px;}
.gzcc_videotitle{width: 100%;border-bottom: 1px solid #ccc;height: 45px;padding: 0 20px;box-sizing: border-box;line-height: 45px;}
.gzcc_videotitle i{width: 32px;height: 32px;border-radius: 50%;background: url(../images/close.svg) center no-repeat;
display: block;float: right;cursor: pointer;margin-top: 7px;}
.gzcc_videocon{width: 100%;height: 455px;background: #fff;border-radius: 0 0 4px 4px;font-size: 0;}
.gzcc_videocon video{width: 100%;height: 100%;outline: none;border-radius: 0 0 4px 4px;display: block;}
.mid {
    max-width: 100%;
    padding: 0 12%;
    box-sizing: border-box;
}
.protit{ font-family:myFirstFont2;padding:70px 0; display:flex; justify-content: space-between ; align-items:center}
.protit h2{ font-size:48px; }
.bannerconter{width: 100%;position: relative;}
.bannerconter img{display: block;max-width: 100%;}
.bannertext{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.bannertext::before{content: '';width: 50%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(255,255,255,0.87);}
.bannertext .gzcc{width: 100%;height: 100%;position: relative;z-index: 1;}
.bannertexteconter{height: 100%;display: flex;align-items: center;max-width: 866px;}
.bannertexteconter h4{font-family:myFirstFont2;font-size: 86px;color: #3f3f3f;font-weight: 500;margin-bottom: 40px;}
.bannertexteconter h5{font-size: 30px;font-family:myFirstFont2;color: #3f3f3f;font-weight: 500;margin-bottom: 20px;}
.bannertexteconter p{max-width: 60%;font-size: 20px;color: #898989;font-weight: 300;}
.bannertexteconter a{display: table;width: 240px;height: 60px;text-align: center;line-height: 60px;background: #c91622;
font-size: 14px;color: #fff;font-weight: 400;opacity: 0.9;text-transform: uppercase;letter-spacing: 1px;
ransition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;margin-top: 40px;}
.bannertexteconter a:hover{ opacity:0.8}
.bannertexteconter a i{display: inline-block;width: 17px;height: 10px;background: url(../images/icon.png) center no-repeat;
vertical-align: 0px;margin-left: 32px;}
.cobanner .newtexted{ padding-top:40px;}
.cobanner .newtexted span{ color:#C00; display:block; letter-spacing:5px; padding-top:30px;}
.conter{width: 100%;}
.inabout{width: 100%;padding: 100px 0;box-sizing: border-box;}
.inaboutcon{width: 100%;}
.inaboutup{width: 100%;margin-bottom: 40px;display: flex;align-items: center;flex-wrap: wrap;}
.inaboutupleft{float: left;width: 35%;margin-right: 5%;}
.inaboutupleft h4{font-family:myFirstFont2;font-size: 86px;color: #3f3f3f;font-weight: 500;margin-bottom: 20px;}
.inaboutupleft h5{font-family:myFirstFont2;font-size: 30px;color: #3f3f3f;font-weight: 500;}
.inaboutupright{float: right;width: 60%;}
.inaboutupright p{font-size: 20px;color: #898989;font-weight: 300;margin-bottom: 32px;}
.inaboutupright p:last-child{margin-bottom: 0;}
.inaboutconter{width: 100%;display: flex;justify-content: space-between;margin-bottom: 60px;flex-wrap: wrap;}
.inaboutconterleft{float: left;width: 70%;margin-right: 2%;}
.inaboutconterleft img{display: block;width: 100%;height: 100%;object-fit: cover;}
.inaboutconteright{float: right;width: 28%;position: relative;}
.inaboutconteright img{display: block;width: 100%;height: 100%;object-fit: cover;}
.inaboutconteright span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;
width: 70px;height: 46px;background: url(../images/ina3.png) center no-repeat;}
.inaboutlast{width: 100%;}
.inaboutlast ul{display: flex;justify-content: space-between;}
.inaboutlast ul li{text-align: center;}
.inaboutlast ul li h5{font-family:myFirstFont2;font-size: 38px;color: #c91622;font-weight: bold;line-height: 38px;margin-bottom: 10px;
text-transform: uppercase;}
.inaboutlast ul li p{font-size: 18px;color: #3f3f3f;font-weight: 400;}
.innew{width: 100%;padding: 100px 0 20px 0;box-sizing: border-box;position: relative;}
.innew::before{content: '';width: 245px;height: 622px;position: absolute;top: 0;left: 0;
background: url(../images/l.png) center no-repeat;}
.innew::after{content: '';width: 388px;height: 910px;position: absolute;bottom: 0;right: 0;
background: url(../images/r.png) center no-repeat;}
.innewconter{width: 100%;position: relative;z-index: 1;}
.innewconter ul{display: flex;justify-content: center;flex-wrap: wrap;}
.innewconter ul li{width: 31%;margin-right: 3.5%;margin-bottom: 80px;}
.innewconter ul li:nth-child(3n){margin-right: 0;}
.innewconter ul li:last-child{margin-right: 0;}
.innewconter ul li a{display: block;width: 100%;}
.innewimg{overflow:hidden;width: 100%;height: 325px;margin-bottom: 40px;}
.innewimg img{transform: scale(1);-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s;display: block;max-width: 100%;height: 100%;object-fit: cover;}
	.innewconter ul li:hover img{transform: scale(1.1);}
.innewtext{width: 100%;text-align: center;}
.innewtext h5{font-family:myFirstFont2;font-size: 36px;color: #3e3e3e;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;line-height: 36px;margin-bottom: 28px;}
.innewtext p{font-size: 20px;color: #898989;font-weight: 300;line-height: 28px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.innewconter ul li:hover .innewtext h5{color: #c91622;}
.inlist{width: 100%;}
.inlist ul{display: flex;flex-wrap: wrap;}
.inlist ul li{width: 50%; overflow:hidden;position: relative;height: 800px;}
.inlist ul li:first-child{width: 100%;height: 680px;}
.inlist ul li a{display: block;width: 100%;height: 100%;}
.inlist ul li a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.inlistext{width: 100%;position: absolute;bottom: 80px;left: 0px;}
.inlistextcon{max-width: 80%;}
.inlist ul li:first-child .inlistextcon{max-width: 720px;}
.inlistextcon h5{font-size: 36px;color: #3f3f3f;background: #fff;display: table;padding-left: 70px;font-family:myFirstFont2;
box-sizing: border-box;margin-bottom: 2px;padding-right: 40px;padding-top: 8px;padding-bottom: 8px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inlistextcon p{font-size: 20px;color: #898989;background: #fff;display: table;padding-left: 70px;line-height: 26px;
box-sizing: border-box;margin-bottom: 2px;padding-right: 30px;padding-top: 12px;padding-bottom: 12px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.inlistextcon span{font-family:myFirstFont2;display: table;font-size: 16px;color: #3f3f3f;font-weight: 600;padding-top: 12px;padding-bottom: 12px;
padding-left: 70px;box-sizing: border-box;padding-right: 20px;background-color: #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inlist ul li:hover .inlistextcon h5{color: #c91622;}
.inlist ul li:hover .inlistextcon span{color: #c91622;}
.inrecent{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.inrecentup{width: 100%;margin-bottom: 60px;}
.inrecentupcon{width: 100%;}
.inrecentleft{float: left;width: 40%;}
.inrecentleft h4{font-size: 60px;font-family:myFirstFont2;color: #3f3f3f;font-weight: 500;margin-bottom: 2px;}
.inrecentleft h5{font-size: 20px;color: #c91622;font-weight: 500;}
.inrecentleft p{font-size: 20px;color: #898989;font-weight: 300;margin-top: 40px;}
.inrecentright{float: right;margin-top: 180px;}
.inrecentrightcon a{float: left;font-size: 16px;color: #9c9c9c;font-weight: bold;
position: relative;margin-right: 32px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inrecentrightcon a::before{content: '';width: 0%;height: 1px;position: absolute;bottom: -16px;left: 0;
background: #c91622;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inrecentrightcon a:hover{color: #c91622;}
.inrecentrightcon a:hover::before{width: 100%;}
.inrecentrightcon a.active{color: #c91622;}
.inrecentrightcon a.active::before{width: 100%;}
.inrecentrightcon a:last-child{margin-right: 0;}
.inrecentconter{width: 100%;}
.inrecentbox{width: 100%;display: none;}
.inrecentconter .inrecentbox:first-child{display: block;}
.inrecentboxed{width: 100%;}
.inrecentboxed ul li{width: 24%;overflow: hidden;}
.inrecentboxed ul li a{display: block;width: 100%;position: relative;}
.inrecentboxed ul li a img{display: block;width: 100%; height:360px; object-fit:cover}
.inrecentboxed ul li a::before{content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.4);position: absolute;
bottom: 0;left: 0;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inrecentext{width: 100%;height: 100%;padding: 14px;box-sizing: border-box;opacity: 0;
position: absolute;top: -100%;left: 0;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inrecentextcon{width: 100%;height: 100%;background: url(../images/k.png) center no-repeat;
background-size: 100%;}
.inrecentextcon span{display: block;font-size: 14px;color: #fff;font-weight: bold;text-align: center;
transform: translateY(-6px);}
.inrecentboxed ul li:hover a::before{bottom: -100%;opacity: 0;}
.inrecentboxed ul li:hover .inrecentext{top: 0%;opacity: 1;}
.inrecentbut{width: 1160px;margin: 60px auto 0;display: flex;}
.inrecentbut .inprev{width: 31px;height: 22px;background: url(../images/ls.png) center no-repeat !important;
float: left;cursor: pointer;}
.inrecentbut .innext{width: 31px;height: 22px;background: url(../images/rs.png) center no-repeat !important;
float: right;cursor: pointer;}
.inrecentbut a{display: table;margin: 0 auto;font-size: 16px;color: #3f3f3f;font-weight: 500;text-transform: uppercase;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;line-height: 22px;}
.inrecentbut a:hover{color: #c91622;}
.footer{width: 100%;padding: 50px 0;box-sizing: border-box;background: #f2f2f2;}
.footerup{width: 100%;margin-bottom: 80px;}
.footerup h4{font-family:myFirstFont2;float: left;font-size: 18px;color: #3f3f3f;font-weight: bold;}
.footerupright{float: right;}
.footerupright a{float: left;width: 23px;height: 21px;margin-right: 14px;}
.footerupright a:last-child{margin-right: 0;}
.footerconter{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 60px;}
.footerleft{float: left;}
.footerleft a{display: table;font-size: 16px;color: #3f3f3f;font-weight: 500;margin-bottom: 14px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.footerleft a:hover{color: #c91622;}
.footerleft a:last-child{margin-bottom: 0;}
.footeright a{font-family:myFirstFont2;float: left;width: 300px;height: 60px;border: 1px solid #3f3f3f;text-align: center;line-height: 60px;margin-right: 32px;
font-size: 18px;color: #3f3f3f;font-weight: bold;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.footeright a:last-child{margin-right: 0;}
.footeright a:hover{color: #c91622;border-color: #c91622;}
.footerbut{width: 100%;border-top: 2px solid #3F3F3F;padding-top: 50px;box-sizing: border-box;}
.footerbut h5{float: left;}
.footerbut h5 img{display: block;max-width: 100%;}
.footerbut p{float: right;font-size: 20px;color: #9b9b9b;font-weight: 400;margin-top: 6px;}
.footerbut p a{font-size: 20px;color: #1b1a1a;}
.back{cursor: pointer;font-size:14px;position: fixed;text-align: center;z-index: 99;display: none;transition: background-color 0.2s ease-in-out;background: #121212;color: #ffffff;border-radius: 3px;padding: 12px;right: 20px;bottom: 45px;}
.back:hover{background: #c91622;}
.nav{width: 100%;height: 60px;background: #fff;z-index: 2000;padding: 0 14px;box-sizing: border-box;display: none;
position: fixed;top: 0;left: 0;}
.navleft{float: left;width: 40%;height: 60px;display: flex;align-items: center;}
.navleft a{display: block;font-size: 0;float: left;}
.navleft a img{width: 66%;display: block;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #004098;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 3000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.5);}
.mobilebox{width: 60%;height: 100%;position: absolute;top: 0;right: -50%;background: #c91622;}
.mobilebox .close{width: 100%;height: 60px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 20px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;border-bottom: 1px solid #db1b28;}
.mobilelist>ul>li:first-child{border-top: 1px solid #db1b28;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #c91622;position: relative;}
.mobilelist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav{width: 100%;display: none;}
.mobilenav>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px 9px 25px;box-sizing: border-box;border-top: 1px solid #eee;background: #ef2835;
position: relative;}
.mobilenav>a:first-child{border-top: 0;}
.abannertext::before{background: transparent;}
.abannertexted p{margin-bottom: 20px;}
.abannertexted p:last-child{margin-bottom: 0;}
.aboutone{width: 100%;padding: 100px 0 50px 0;box-sizing: border-box;background: #fff;}
.aboutonecon{width: 100%;display: flex;}
.aboutoneleft{float: left;width: 48%;margin-right: 4%;position: relative;}
.aboutoneleft img{display: block;width: 100%;height: 100%;object-fit: cover;}
.aboutoneleft span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;
width: 70px;height: 46px;background: url(../images/ina3.png) center no-repeat;}
.aboutoneright{float: right;width: 48%;}
.aboutoneright p{font-size: 20px;color: #898989;font-weight: 400;margin-bottom: 24px;}
.aboutoneright p:last-child{margin-bottom: 0px;}
.aboutoneright p span{color: #3e3e3e;font-family:myFirstFont;}
.aboutoneright a{display: table;width: 240px;height: 60px;text-align: center;line-height: 60px;background: #c91622;
font-size: 14px;color: #fff;font-weight: 400;opacity: 0.9;text-transform: uppercase;letter-spacing: 1px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;margin-top: 20px;}
.aboutoneright a:hover{opacity: 1;}
.aboutoneright a i{display: inline-block;width: 17px;height: 10px;background: url(../images/icon.png) center no-repeat;
vertical-align: 0px;margin-left: 32px;}
.aboutwo{width: 100%;padding: 50px 0;box-sizing: border-box;background: #fff;}
.aboutwocon{width: 100%;}
.title{width: 100%;margin-bottom: 60px;}
.title h4{font-family:myFirstFont2;font-size: 74px;color: #333333;font-weight: 500;text-align: center;margin-bottom: 60px;}
.title h4.h5{ font-size:34px}
.title p{font-size: 20px;color: #999;font-weight: 400;text-align: center;max-width: 820px;margin: 0 auto;}
.aboutlist{max-width: 1160px;margin: 0 auto;}
.aboutlist ul li{float: left;width: 14%;height: 200px;display: flex;justify-content: center;align-items: center;}
.aboutlist ul li img{display: block;max-width: 100%;}
.abouthree{width: 100%;padding: 50px 0;box-sizing: border-box;background: #fff;}
.abouthreecon{width: 100%;}
.abouthreelist{width: 100%;margin-top: 60px;}
.abouthreelist ul{display: flex;justify-content: space-between;}
.abouthreelist ul li{text-align: center;}
.abouthreelist ul li h5{font-size: 60px;color: #333333;font-weight: 500;}
.abouthreelist ul li p{font-size: 20px;color: #999;font-family:myFirstFont2 }
.abouthreelast{width: 100%;margin-top: 60px;}
.abouthreelast p{width: 100%;}
.abouthreelast p img{display: block;width: 100%;}
.aboutfive{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.aboutfivecon{width: 100%;}
.aboutfivelast{ background:#fff; position:relative; z-index:5;width: 100%;margin-top: 60px;}
.aboutfivelast ul{ max-width:970px;box-shadow: 0 0px 20px rgba(0,0,0,0.08); padding:30px 50px;  margin:0 auto;display: flex;justify-content: space-between; margin-top:-110px; background:#fff}
.aboutfivelast ul li{text-align: center; background:#fff}
.aboutfivelast ul li h5{font-family:myFirstFont2;font-size: 34px;color: #3e3e3e;font-weight: 500;}
.aboutfivelast ul li p{font-size: 20px;color: #898989;font-weight: 300;}
.aboutfore{width: 100%;padding: 100px 0;box-sizing: border-box; background-repeat:no-repeat !important}
.aboutforecon{width: 100%;}
.aboutnav{width: 100%;margin-bottom: 40px;}
.aboutnav ul li{float: left;font-size: 36px;color: #3e3e3e;font-weight: 400;opacity: 0.4;cursor: pointer;margin-right: 38px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;padding-top: 20px;
border-top: 1px solid transparent;box-sizing: border-box;}
.aboutnav ul li:last-child{margin-right: 0;}
.aboutnav ul li:hover{opacity: 1;border-color: #3e3e3e;}
.aboutnav ul li.active{opacity: 1;border-color: #3e3e3e;}
.aboutforebox{max-width: 700px;}
.aboutforelist{width: 100%;display: none;}
.aboutforebox .aboutforelist:first-child{display: block;}
.aboutforelist h5{font-size: 20px;color: #3e3e3e;font-weight: 500;margin-bottom: 20px;}
.aboutforelist p{font-size: 20px;color: #3e3e3e;font-weight: 300;margin-bottom: 10px;line-height: 32px;}
.aboutforelist p:last-child{margin-bottom: 0;}
.cobanner{margin-top: 100px;}
.comtacthree{padding: 50px 0 100px 0;align-items: center;}
.comtacthree .aboutoneright h5{font-family:myFirstFont2;font-size: 18px;color: #3f3f3f;font-weight: 500;}
.comtacthree .aboutoneright h4{font-family:myFirstFont2;font-size: 48px;color: #3f3f3f;font-weight: 500;margin: 20px 0;}
.comtacthree .aboutoneright a{width: auto !important;padding: 0 18px;box-sizing: border-box;}
.comtacttwo{width: 100%;padding: 50px 0 0 0;box-sizing: border-box;background: #fff;}
.comtacttwocon{width: 100%;}
.comtacttwocon .title h4{text-align: left;max-width: 1000px;margin-bottom: 20px !important;}
.comtacttwocon .title p{text-align: left;max-width: 500px;margin: 0;}
.comtacttwolist ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.comtacttwolist ul li{width: 32%;margin-right: 2%;margin-bottom: 60px;padding-right: 20px;box-sizing: border-box;}
.comtacttwolist ul li:nth-child(3n){margin-right: 0;}
.comtacttwolist ul li img{display: block;width: 104px;height: 104px;margin-bottom: 24px;}
.comtacttwolist ul li h5{font-size: 30px;color: #3f3f3f;font-weight: 500;margin-bottom: 20px;}
.comtacttwolist ul li p{font-size: 20px;color: #898989;font-weight: 400;}
.comtactone{width: 100%;padding: 100px 0 50px 0;box-sizing: border-box;background: #fff;}
.comtactonecon{width: 100%;}
.comtitle{font-family:myFirstFont2;font-size: 42px;color: #c91523;font-weight: 500;margin-bottom: 32px;}
.comtactoneleft{float: left;width: 46%;margin-right: 4%;}
.comtactoneleftcon{width: 100%;display: flex;}
.comleft{width: 140px;margin-right: 60px;}
.comleft p{font-size: 20px;color: #898989;font-weight: 500;margin-bottom: 40px;position: relative;cursor: pointer;}
.comleft p:last-child{font-weight: 500;margin-bottom: 0px;}
.comleft p::before{content: '';width: 74px;height: 22px;background: url(../images/d.png) center no-repeat;
position: absolute;top: 4px;right: -88px;z-index: 1;display: none;}
.comleft p.active{font-family:myFirstFont2;color: #3f3f3f;}
.comleft p.active::before{display: block;}
.comright{width: calc(100% - 200px);}
.comrightlist{width: 100%;position: relative;display: none;overflow: hidden;}
.comright .comrightlist:first-child{display: block;}
.comrightlist img{display: block;width: 100%;}
.comrightlist a{position: absolute;bottom: 40px;height: 40px;font-size: 14px;color: #fff;left: 40px;
border-radius: 4px;height: 40px;line-height: 40px;background: #c91523;padding: 0 18px;box-sizing: border-box;}
.comhover{width: 100%;position: absolute;bottom: -100%;left: 0;z-index: 1;opacity: 0;
background: #fff;padding: 24px;box-sizing: border-box;border-radius: 6px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.comhover h5{font-size: 24px;color: #3f3f3f;font-weight: 500;margin-bottom: 12px;}
.comhover p{font-size: 14px;color: #3f3f3f;font-weight: 400;}
.comhover span{font-size: 14px;color: #3f3f3f;font-weight: 400;display: block;margin-top: 80px;}
.comrightlist:hover .comhover{bottom: 0;opacity: 1;}
.comtactoneright{width: 48%;float: right;}
.comform{width: 100%;}
.comform ul li{width: 100%;margin-bottom: 16px;}
.comform ul li:last-child{margin-bottom: 0;}
.comform ul li p{float: left;font-size: 20px;color: #3f3f3f;width: 180px;text-align: left;margin-right: 20px;
padding: 4px 0;box-sizing: border-box;}
.comtext{float: left;width: calc(100% - 200px);}
.comtext input{width: 100%;border: 0;outline: none;font-size: 16px;color: #333;
padding: 0 12px;box-sizing: border-box;border-radius: 4px;background: #f5f5f5;height: 40px;}
.comtext textarea{width: 100%;border: 0;outline: none;font-size: 16px;color: #333;resize: none;
padding: 4px 12px;box-sizing: border-box;border-radius: 4px;background: #f5f5f5;height: 80px;}
.comtextradio{display: flex;justify-content: center;margin-top: 6px;}
.comtextradio label{float: left;display: flex;align-items: center;margin-right: 80px;cursor: pointer;}
.comtextradio label:last-child{margin-right: 0;}
.comtextradio label input{width: 28px;height: 28px;}
.comtextradio label span{font-size: 20px;color: #3f3f3f;font-weight: 400;margin-left: 30px;}
.newbanner{margin-top: 100px;}
.newbanner .bannertext::before{background: transparent;}
.newone{padding: 100px 0 0 0;}
.newonelist{width: 100%;}
.newonelist ul li{width: 25%;}
.newonelist ul li a{ overflow:hidden;display: block;width: 100%;position: relative;height: 100%;}
.newonelist ul li a img{ filter: brightness(1);-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;display: block;width: 100%;height: 100%;object-fit: cover;}
.newonelist ul li a:hover img{ filter: brightness(1.1);}
.newonetext{width: 100%;position: absolute;bottom: 30px;left:0px;padding-left: 30px;box-sizing: border-box;}
.newonetext h5{font-family:myFirstFont2;font-size: 24px;color: #fff;font-weight: 500;margin-bottom: 10px;}
.newonetext p{font-size: 16px;color: #fff;font-weight: 500;margin-bottom: 10px;text-transform: uppercase;}
.newonetext p:last-child{margin-bottom: 0;}
.newonetext span{font-size: 16px;color: #fff;font-weight: 500;margin-bottom: 10px;display: table;
border-radius: 4px;background: #c91622;line-height: 16px;padding: 4px 10px;box-sizing: border-box;}
.newtwo{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.newtwocon{width: 100%;}
.newtwolist{width: 100%;margin-bottom: 100px;}
.newtwolist:last-child{margin-bottom: 0;}
.newtwolist .title h4{text-align: left;margin-bottom: 14px !important;}
.newtwolist .title p{text-align: left;margin: 0;max-width: 720px;}
.newtwobox{width: 100%;}
.newtwobox ul li{float: left;width: 24%;margin-right: 1.33%; margin-bottom:40px}
.newtwobox ul li:nth-child(4n){margin-right: 0;}
.newtwobox ul li a{display: block;width: 100%;}
.pro2 ul li{ width:48% ; margin-right:4%;}
.pro2 ul li:nth-child(2n){ margin-right:0}
.pro2 .newimg{ height:480px}
.newimg{width: 100%;height: 230px;margin-bottom: 20px;}
.newimg img{filter: brightness(1);-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;display: block;width: 100%;height: 100%;object-fit: cover;}
.newtwobox ul li:hover img{filter: brightness(1.2);}
 filter: brightness(1.1);
.newtexted{width: 100%;}
.newtexted h5{font-family:myFirstFont2;font-size: 26px;color: #3f3f3f;font-weight: bold;margin-bottom: 14px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.newtexted p{font-size: 20px;color: #666;font-weight: 400;margin-bottom: 14px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newtexted span{font-family:myFirstFont2;font-size: 16px;color: #333333;font-weight: bold;text-transform: uppercase;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.newtexted span i{display: inline-block;width: 9px;height: 15px;background: url(../images/p5.png) center no-repeat;
vertical-align: 0px;margin-left: 30px;}
.newtwobox ul li:hover .newtexted h5{color: #c91622;}
.newtwobox ul li:hover .newtexted span{color: #c91622;}
.inbanner{width: 100%;margin-top: 100px;}
.inbannercon{width: 100%;}
.inbanner img{display: block;width: 100%;}
.newdetaile{width: 100%;padding-bottom: 100px;box-sizing: border-box;}
.newdetailecon{width: 100%;}
.newdetileleft{float: left;width: calc(100% - 310px);background: #fff;margin-top: -80px;
position: relative;z-index: 1;margin-right: 40px;}
.newdetileleft .biaoqian{display: table;background: #c91622;font-size: 14px;color: #fff;margin-bottom: 32px;
border-radius: 4px;line-height: 14px;padding: 4px 12px;box-sizing: border-box;margin-left: 30px;}
.newdetileup{width: 100%;margin-bottom: 60px;}
.newdetileup h4{font-family:myFirstFont2;font-size: 36px;color: #3f3f3f;font-weight: 500;margin-bottom: 32px;}
.newdetaileuplast{width: 100%;}
.newdetaileuplast span{float: left;margin-right: 50px;font-size: 16px;color: #3f3f3f;font-weight: 400;line-height: 30px;}
.newdetaileuplast span i{display: inline-block;width: 30px;height: 30px;border-radius: 50%;vertical-align: -7px;margin-right: 10px;}
.newdetaileuplast span i img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.newdetaileuplast span:last-child{margin-right: 0;}
.newdetailebox{font-family:myFirstFont !important;width: 100%;}
.newdetailebox p,.apptext p,.newtwolist .title p{ font-family:myFirstFont !important}
.newdetailebox p span,.apptext span,.newtwolist .title p span{ font-family:myFirstFont !important}
.newdetailebox p img{display: block;max-width: 100%;}
.newdetailelast{width: 100%;margin-top: 80px;}
.nleft{float: left;}
.nleft span{float: left;margin-right: 10px;border: 1px solid #dfdfdf;border-radius: 2px;
box-sizing: border-box;font-size: 14px;color: #9b9b9b;padding: 0 14px;height: 32px;line-height: 30px;}
.nleft span:last-child{margin-right: 0;}
.nright{float: right;}
.nright span{float: left;font-size: 14px;color: #222;font-weight: bold;line-height: 33px;margin-right: 20px;}
.nright a{float: left;width: 43px;height: 33px;margin-right: 10px;}
.nright a:last-child{margin-right: 0;}
.nright a img{display: block;max-width: 100%;}
.newdetaileright{float: right;width: 270px;padding-top: 100px;box-sizing: border-box;}
.newtop{width: 100%;}
.newtop img{display: block;width: 100%;}
.newtoptext{width: 100%;padding: 20px;box-sizing: border-box;}
.newtoptext p{font-size: 20px;color: #898989;font-weight: 500;text-align: center;}
.newcon{width: 100%;background: #f2f2f2;padding: 40px 30px;box-sizing: border-box;}
.newcon h5{font-family:myFirstFont2;font-size: 16px;color: #3f3f3f;font-weight: 500;margin-bottom: 20px;}
.newemail{width: 100%;height: 60px;border: 1px solid #dfdfdf;box-sizing: border-box;background: #fff;border-radius: 4px;
font-size: 14px;color: #898989;font-weight: 400;display: block;line-height: 58px;padding-left: 20px;position: relative;}
.newemail input{width: 100%;height: 100%;font-size: 14px;color: #333;border: 0;outline: none;padding-left: 24px;box-sizing: border-box;}
.newemail i{display: inline-block;width: 20px;height: 16px;vertical-align: -3px;margin-right: 10px;position: absolute;top: 50%;left: 14px;
margin-top: -8px;}
.newemail i img{display: block;max-width: 100%;}
.newsub{width: 100%;height: 60px;box-sizing: border-box;background: #3f3f3f;margin-top: 10px;border-radius: 4px;
font-size: 14px;color: #fff;font-weight: 400;display: block;line-height: 60px;text-align: center;}
.newlast{width: 100%;margin-top: 30px;}
.newlast a{float: left;width: 60px;height: 60px;margin-right: 10px;border-radius: 4px;}
.newlast a:hover{ opacity:0.7}
.newlast a:last-child{margin-right: 0;}
.inapp{width: 100%;position: relative;}
.inapp img{display: block;width: 100%;}
.inappbox{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.inappboxcon{width: 100%;text-align: center;}
.inappboxcon h4{font-family:myFirstFont2;font-size: 48px;color: #fff;font-weight: 500;margin-bottom: 10px;}
.inappboxcon p{font-size: 24px;color: #fff;font-weight: 400;opacity: 0.7;max-width: 800px;margin: 0 auto;}
.appone{width: 100%;padding-top: 20px;box-sizing: border-box;background: #fff;box-shadow: 0 20px 10px rgba(0,0,0,0.08);
position: relative;z-index: 1;}
.top11{ padding-top:50px}
.apponecon{width: 100%;padding: 0 0%;box-sizing: border-box;}
.apponecon ul li{width: 14.2%;height: 80px;float: left;}
.apponecon ul li a{display: flex;width: 100%;height: 100%;align-items: center;text-align: center;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;font-size: 20px;color: #3f3f3f;}
.apponecon ul li a span{display: block;width: 100%;}
.apponecon ul li.active a{color: #fff;background: #c91622;}
.apponecon ul li:hover a{color: #fff;background: #c91622;}
.appbox{width: 100%;background: #fff;padding: 80px 0;box-sizing: border-box;}
.appboxup{width: 100%;margin-bottom: 32px;}
.appboxup h4{font-family:myFirstFont2;font-size: 36px;color: #3f3f3f;font-weight: 500;margin-bottom: 10px;}
.appboxup p{font-size: 20px;color: #3f3f3f;font-weight: 500;}
.apptext{width: 100%;margin-bottom: 60px;}
/*.apptext p{font-size: 20px;color: #898989;font-weight: 400;margin-bottom: 20px;}*/
.apptext p img{display: block;max-width: 100%;}
.apptext p:last-child{margin-bottom: 0;}
.apptextcon h5{font-family:myFirstFont2;font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 16px;}
.apptextcon ul li{width: 100%;font-size: 20px;color: #898989;font-weight: 300;margin-bottom: 6px;}
.apptextcon ul li a{ color:#c91622}
.apptextcon ul li:last-child{margin-bottom: 0;}
.apptextcon ul li i{display: inline-block;width: 8px;height: 8px;background: #c91622;border-radius: 50%;
vertical-align: 3px;margin-right: 8px;}
.appimgs{width: 100%;margin-top: 40px;}
.appimgs p{font-size: 20px;color: #898989;font-weight: 400;margin-bottom: 20px;}
.appimgs p img{display: block;max-width: 100%;}
.appimgs p:last-child{margin-bottom: 0;}
.appbut{width: 1160px;margin: 60px auto 0;display: flex;}
.appbut .inprev{width: 100px;height: 22px;background: url(../images/left.png) center left no-repeat !important;line-height: 22px;
float: left;cursor: pointer;font-size: 14px;color: #333333;font-weight: bold;padding-left: 36px;box-sizing: border-box;}
.appbut .innext{width: 100px;height: 22px;background: url(../images/right.png) center right no-repeat !important;text-align: right;
float: right;cursor: pointer;line-height: 22px;font-size: 14px;color: #333333;font-weight: bold;padding-right: 36px;box-sizing: border-box;}
.appbut a{display: table;margin: 0 auto;width: 20px;height: 20px;background: url(../images/app3.png) center no-repeat;}
.teone{width: 100%;padding: 100px 0 0px 0;box-sizing: border-box;}
.teonecon{width: 100%;}
.teonelist{width: 100%;}
.teonelist ul{display: flex;flex-wrap: wrap;}
.teonelist ul li{width: 49%;margin-right: 2%;margin-bottom: 40px;background: #fff;padding: 40px;box-sizing: border-box;
border-radius: 4px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.teonelist ul li:nth-child(2n){margin-right: 0;}
.teimg{width: 90px;height: 75px;overflow: hidden;position: relative;margin-bottom: 32px;}
.teimg img{max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.teonelist ul li .teimg .bai{top: -100%;opacity: 0;}
.teonelist ul li h5{font-family:myFirstFont2;font-size: 26px;color: #3f3f3f;font-weight: 500;margin-bottom: 32px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.teonelist ul li p{font-size: 18px;color: #999;font-weight: 300;line-height: 32px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.teonelist ul li:hover{background: #c91622;}
.teonelist ul li:hover .teimg .hong{top: -100%;opacity: 0;}
.teonelist ul li:hover .teimg .bai{top: 50%;opacity: 1;}
.teonelist ul li:hover h5{color: #fff;}
.teonelist ul li:hover p{color: #fff;}
.tetwo{padding: 50px 0;}
.tetwo .aboutoneright{padding-right: 6%;box-sizing: border-box;}
.tetwo .aboutoneright p{font-size: 20px;}
.tethree{width: 100%;padding: 50px 0 100px 0;box-sizing: border-box;background: #fff;}
.teup{width: 100%;}
.teupcon{width: 100%;margin-bottom: 32px;}
.teupcon h5{font-family:myFirstFont;font-size: 20px;color: #222;font-weight: 500;margin-bottom: 12px;}
.teupcon h4{font-family:myFirstFont2;font-size: 50px;color: #1b1a1a;font-weight: 500;max-width: 1000px;}
.tebut{width: 100%;margin-bottom: 40px;}
.tebutcon{width: 100%;}
.tebuts{float: right;}
.tebuts .teprev{border-radius: 50%;width: 50px;height: 50px;background:#efeff4 url(../images/tel.png) center no-repeat !important;
float: left;margin-right: 14px;cursor: pointer;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.tebuts .teprev:hover{background:#3f3f3f url(../images/tels.png) center no-repeat !important;}
.tebuts .tenext{border-radius: 50%;width: 50px;height: 50px;background:#efeff4 url(../images/ter.png) center no-repeat !important;
float: right;cursor: pointer;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.tebuts .tenext:hover{background:#3f3f3f url(../images/ters.png) center no-repeat !important;}
.telast{width: 100%;padding-left: 6%;box-sizing: border-box;}
.telastcon{width: 100%;}
.telastcon ul li{width: 32%;margin-right: 2%;}
.telastcon ul li img{display: block;width: 100%;}
.tetwo h4{font-family:myFirstFont2;font-size: 40px;color: #3f3f3f;font-weight: 500;margin-bottom: 14px;}
.probuts .proprev{border-radius: 50%;width: 50px;height: 50px;background:#fff url(../images/pl.png) center no-repeat !important;
float: left;margin-right: 14px;cursor: pointer;box-shadow: 0 10px 6px rgba(0,0,0,0.08);
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.probuts .proprev:hover{background:#c91622 url(../images/pls.png) center no-repeat !important;}
.probuts .pronext{border-radius: 50%;width: 50px;height: 50px;background:#fff url(../images/pr.png) center no-repeat !important;
float: right;cursor: pointer;box-shadow: 0 10px 6px rgba(0,0,0,0.08);
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.probuts .pronext:hover{background:#c91622 url(../images/prs.png) center no-repeat !important;}
.prolast{width: 100%;}
.prolastcon{width: 100%;padding-bottom: 40px;box-sizing: border-box;}
.prolastcon ul li{width: 19%;margin-right: 1%;}
.prolastcon ul li img{display: block;width: 100%;height: 212px;object-fit: cover;}
.prolastcon ul li p{font-family:myFirstFont2;font-size: 20px;color: #333;font-weight: 500;padding: 20px 0;box-sizing: border-box;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prolastcon .propages{bottom: 0px !important;}
.prolastcon .swiper-pagination-bullet{width: 30px;height: 2px;background:#ccc;opacity: 1;border-radius: 0;}
.prolastcon .swiper-pagination-bullet-active{background: #333;}
.protwo{width: 100%;padding: 0;}
.protwocon{width: 100%;display: flex;}
.proleft{width: 50%;}
.protop{width: 100%;margin-bottom: 40px;padding-right: 40px;box-sizing: border-box;}
.pronumber{float: right;font-size: 20px;color: #898989;}
.pronumber span{color: #c91523;margin-right: 4px;}
.proleftcon{width: 100%;position: relative;}
.proleftcon ul li{width: 100%;}
.proleftcon ul li img{display: block;width: 100%;}
.protight{width: 50%;background: #f7f7f7;display: flex;align-items: center;}
.proleftbut{position: absolute;bottom: 150px;right: 40px;z-index: 1;}
.proleftbut .proprevs{border-radius: 50%;width: 50px;height: 50px;background: url(../images/tels.png) center no-repeat !important;
float: left;margin-right: 14px;cursor: pointer;border: 1px solid #fff;box-sizing: border-box;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.proleftbut .proprevs:hover{background:#fff url(../images/tel.png) center no-repeat !important;}
.proleftbut .pronexts{border-radius: 50%;width: 50px;height: 50px;background: url(../images/ters.png) center no-repeat !important;
float: right;cursor: pointer;border: 1px solid #fff;box-sizing: border-box;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.proleftbut .pronexts:hover{background:#fff url(../images/ter.png) center no-repeat !important;}
.protexteds{width: 100%;padding: 0 6%;box-sizing: border-box;}
.protime{width: 100%;}
.protime i{float: left;width: 20px;height: 2px;background: #333;margin-right: 14px;margin-top: 16px;}
.protimes{float: left;width: calc(100% - 34px);}
.protimes p{font-size: 24px;color: #3f3f3f;font-weight: 500;}
.protimes span{font-size: 18px;color: #898989;font-weight: 300;}
.peoone{width: 100%;}
.peoonecon{width: 100%;}
.pronav{width: 100%;box-shadow: 0 20px 10px rgba(0,0,0,0.04);
position: relative;z-index: 1;}
.pronav ul li{width: 20%;height: 90px;float: left;}
.pronav ul li a{font-family:myFirstFont2;display: block;width: 100%;height: 100%;text-align: center;line-height:90px;text-transform: uppercase;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;font-size:18px;color: #3f3f3f;}
.pronav ul li.active a{color: #fff;background: #c91622;}
.pronav ul li:hover a{color: #fff;background: #c91622;}
.probox{width: 100%;}
.proboxcon{width: 100%;}
.proitem{width: 100%;display: none;}
.proboxcon .proitem:first-child{display: block;}
.profirst{width: 100%;padding: 60px 0;box-sizing: border-box; padding-bottom:20px}
.profirst h5{font-family:myFirstFont2;font-size: 28px;color: #3f3f3f;font-weight: 500;margin-bottom: 20px;}
.profirstext{width: 100%;}

.prospecs{width: 100%;padding: 60px 0;box-sizing: border-box;}
.prospecstitle{width: 100%;line-height: 60px;border-bottom: 1px solid #e5e5e5;line-height: 59px;}
.prospecstitle span{float: left;font-size: 20px;color: #333333;font-weight: bold;}
.prospecstitle span:first-child{font-family:myFirstFont2;width: 40%;padding-left: 60px;box-sizing: border-box;}
.prospecstitle span:last-child{font-family:myFirstFont2;width: 60%;padding-left: 60px;box-sizing: border-box;}
.prospecslist{width: 100%;line-height: 60px;border-bottom: 1px solid #e5e5e5;line-height: 59px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.prospecslist:last-child{border-bottom: 0;}
.prospecslist span{float: left;font-size: 20px;color: #333333;font-weight: 500;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.prospecslist span:first-child{width: 40%;padding-left: 60px;box-sizing: border-box;}
.prospecslist span:last-child{width: 60%;padding-left: 60px;box-sizing: border-box;}
.prospecslist:hover{background: #c91622;border-color: #c91622;}
.prospecslist:hover span{color: #fff;}
.prothrees{width: 100%;padding: 60px 0;box-sizing: border-box;}
.prothrees ul{display: flex;flex-wrap: wrap;}
.prothrees ul li{width: 25%;}
.peoicon{width: 100px;height: 100px;border-radius: 50%;background: #fff;margin: 0 auto 50px;
box-shadow: 0 10px 6px rgba(0,0,0,0.08);display: flex;align-items: center;justify-content: center;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.peoicon i{display: block;width: 34px;height: 34px;position: relative;}
.peoicon i img{max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.prothrees ul li p{font-size: 20px;color: #333;font-weight: 500;padding: 0 10px;box-sizing: border-box;
text-align: center;}
.prothrees ul li i .pimgs{opacity: 0;}
.prothrees ul li:hover .peoicon{background: #c91622;box-shadow: 0 10px 6px rgba(0,152,46,0.08);}
.prothrees ul li:hover i .pimg{/*opacity: 0;*/filter: brightness(0) invert(1);}
.prothrees ul li:hover i .pimgs{opacity: 1;}
.progelist{width: 100%;padding: 60px 0 0 0;box-sizing: border-box;}
.progelist ul{display: flex;flex-wrap: wrap;}
.progelist ul li{width: 24%;margin-right: 1.33%;margin-bottom: 60px;}
.progelist ul li:nth-child(4n){margin-right: 0;}
.progelistimg{width: 100%;height: 260px;margin-bottom: 20px;}
.progelistimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.progelistext{font-size: 20px;color: #333;font-size: 500;padding: 0 0 10px 0;box-sizing: border-box;}
@media screen and (max-width: 1450px) {
	.inrecentboxed ul li a img{ height:250px}
	.gzcc{padding: 0 4%;}
	.bannertexteconter h4{font-size: 60px;margin-bottom: 24px;}
	.bannertexteconter h5{font-size: 24px;}
	.bannertexteconter p{font-size: 16px;}
	.inabout{padding: 80px 0;}
	.inaboutupleft h4{font-size: 60px;}
	.inaboutupleft h5{font-size: 24px;}
	.inaboutupright p{font-size: 16px;margin-bottom: 20px;}
	.innew{padding: 80px 0 20px 0;}
	.innewconter ul li{margin-bottom: 60px;}
	.innewimg{margin-bottom: 24px;}
	.innewtext h5{font-size: 32px;line-height: 32px;margin-bottom: 20px;}
	.innewtext p{font-size: 16px;}
	.inlistextcon h5{font-size: 32px;}
	.inlistextcon p{font-size: 16px;}
	.inrecent{padding: 80px 0;}
	.inrecentleft h5{font-size: 16px;}
	.inrecentleft p{font-size: 16px;margin-top: 24px;}
	.inrecentright{margin-top: 140px;}
	.footer{padding: 80px 0;}
	.aboutone{padding: 80px 0 40px 0;}
	.aboutwo{padding: 40px 0;}
	.abouthree{padding: 40px 0;}
	.aboutfore{padding: 80px 0;}
	.aboutfive{padding: 80px 0;}
	.title h4{font-size: 60px;margin-bottom: 40px;}
	.title p{font-size: 16px;max-width: 660px;}
	.abouthreelist ul li h5{font-size: 60px;}
	.abouthreelist ul li p{font-size: 16px;}
	.comtacthree{padding: 40px 0 80px 0;}
	.comtactone{padding: 80px 0 40px 0;}
	.comtacttwo{padding-top: 40px;}
	.newone{padding: 80px 0 0 0;}
	.newtwo{padding: 80px 0;}
	.newtwolist{margin-bottom: 80px;}
	.newdetaile{padding-bottom: 80px;}
	.inappboxcon h4{font-size: 40px;}
	.teone{padding-top: 80px;}
	.teupcon h4{font-size: 40px;}
}
@media screen and (max-width: 1370px) {
	.bannertexteconter h4{font-size: 40px;margin-bottom: 24px;}
	.inabout{padding: 60px 0;}
	.inaboutupleft h4{font-size: 40px;}
	.inaboutlast ul li h5{font-size: 28px;line-height: 28px;}
	.inaboutlast ul li p{font-size: 16px;}
	.innew{padding: 60px 0 20px 0;}
	.innewconter ul li{margin-bottom: 40px;}
	.innewtext h5{font-size: 28px;line-height: 28px;margin-bottom: 20px;}
	.inlistextcon h5{font-size: 28px;}
	.inrecent{padding: 60px 0;}
	.inrecentleft h4{font-size: 40px;}
	.inrecentup{margin-bottom: 40px;}
	.inrecentbut{margin-top: 40px;}
	.footer{padding: 60px 0;}
	.footerup{margin-bottom: 60px;}
	.aboutone{padding: 60px 0 30px 0;}
	.aboutwo{padding: 30px 0;}
	.abouthree{padding: 30px 0;}
	.aboutfore{padding: 60px 0;}
	.aboutfive{padding: 60px 0;}
	.title{margin-bottom: 40px;}
	.title h4{font-size: 40px;margin-bottom: 32px;}
	.abouthreelist ul li h5{font-size: 40px;}
	.aboutnav ul li{font-size: 24px;padding-top: 12px;}
	.aboutforelist h5{font-size: 16px;}
	.aboutforelist p{font-size: 16px;}
	.aboutforebox{max-width: 600px;}
	.aboutnav{margin-bottom: 24px;}
	.aboutfivelast ul li h5{font-size: 24px;}
	.aboutfivelast ul li p{font-size: 16px;}
	.comtacthree{padding: 30px 0 60px 0;}
	.comtactone{padding: 60px 0 30px 0;}
	.comtacttwo{padding-top: 30px;}
	.comtitle{font-size: 32px;}
	.comtacthree .aboutoneright h4{font-size: 40px;}
	.newone{padding: 60px 0 0 0;}
	.newonetext{padding-left: 20px;}
	.newtwo{padding: 60px 0;}
	.newdetaile{padding-bottom: 60px;}
	.newtwolist{margin-bottom: 60px;}
	.appbox{padding: 60px 0;}
	.inappboxcon h4{font-size: 32px;}
	.inappboxcon p{font-size: 20px;}
	.teone{padding-top: 60px;}
	.tetwo h4{font-size: 32px;}
	.teupcon h4{font-size: 32px;}
	.tethree{padding: 30px 0 60px 0;}
	
}
@media screen and (max-width: 1280px) {
	.inrecentboxed ul li a img{ height:200px}
	.headeright>ul>li{margin-right: 24px;}
	.headerlast{margin-left: 40px;}
	.inabout{padding: 40px 0;}
	.innew{padding: 40px 0 0px 0;}
	.inrecent{padding: 40px 0;}
	.footer{padding: 40px 0;}
	.footerup{margin-bottom: 40px;}
	.inrecentbut{width: 100%;padding: 0 4%;box-sizing: border-box;}
	.bannertexteconter a{width: 180px;height: 50px;line-height: 50px;}
	.bannertexteconter a i{margin-left: 20px;}
	.aboutoneright a{width: 180px;height: 50px;line-height: 50px;}
	.aboutoneright a i{margin-left: 20px;}
	.footerconter{margin-bottom: 40px;}
	.footerbut{padding-top: 40px;}
	.inaboutconter{margin-bottom: 40px;}
	.aboutone{padding: 40px 0 20px 0;}
	.aboutwo{padding: 20px 0;}
	.abouthree{padding: 20px 0;}
	.aboutfore{padding: 40px 0;}
	.aboutfive{padding: 40px 0;}
	.abouthreelast{margin-top: 40px;}
	.aboutfivelast{margin-top: 40px;}
	.comtacthree{padding: 20px 0 40px 0;}
	.comtactone{padding: 40px 0 20px 0;}
	.comtacttwo{padding-top: 20px;}
	.comtitle{font-size: 24px;margin-bottom: 20px;}
	.comtacttwolist ul li h5{font-size: 24px;}
	.comtacttwolist ul li p{font-size: 16px;}
	.comtacthree .aboutoneright h4{font-size: 24px;}
	.comtacttwolist ul li{margin-bottom: 40px;}
	.newone{padding: 40px 0 0 0;}
	.newtwo{padding: 40px 0;}
	.newtwolist{margin-bottom: 40px;}
	.newdetaile{padding-bottom: 40px;}
	.newdetileup h4{font-size: 24px;}
	.apponecon ul li a{font-size: 16px;}
	.appboxup h4{font-size: 24px;}
	.appboxup p{font-size: 16px;}
	.apptext{margin-bottom: 40px;}
	.apptext p{font-size: 16px}
	.apptextcon ul li{font-size: 16px;}
	.appbox{padding: 40px 0;}
	.inappboxcon h4{font-size: 24px;}
	.inappboxcon p{font-size: 16px;}
	.tetwo .aboutoneright p{font-size: 16px;}
	.teone{padding-top: 40px;}
	.tetwo h4{font-size: 24px;}
	.teupcon h4{font-size: 24px;}
	.tethree{padding: 20px 0 40px 0;}
	.teonelist ul li{padding: 24px;}
	.teonelist ul li h5{font-size: 24px;margin-bottom: 12px;}
	.pronav ul li a{font-size: 16px;}
	
	.profirst h5{font-size: 24px;}
}
@media screen and (max-width: 1170px) {
	.header{display: none;}
	.nav{display: block;}
	.cobanner{margin-top: 60px;}
	.newbanner{margin-top: 60px;}
	.inbanner{margin-top: 60px;}
	.appbut{max-width: 100%;padding: 0 4%;box-sizing: border-box;margin-top: 40px;}
}
@media screen and (max-width: 1080px) {
	.pro2  ul li:last-child{ margin-bottom:40px !important}
	.pro2 .newimg{ height:200px}
	.mid{ padding:0 4%}
	.cobanner .newtexted h5 big{ font-size:18px}
	.cobanner .newtexted big{ font-size:14px}
	.protit{ padding:30px 0}
	.protit h2{ font-size:24px}
	.bannertexteconter h4{font-size: 32px;margin-bottom: 16px;}
	.bannertexteconter h5{font-size: 20px;}
	.bannertexteconter p{font-size: 14px; max-width:100%}
	.bannertexteconter{max-width: 400px;}
	.inaboutupleft h4{font-size: 32px;margin-bottom: 16px;}
	.inaboutupleft h5{font-size: 20px;}
	.inaboutupright p{font-size: 14px;margin-bottom: 12px;}
	.inaboutlast ul li h5{font-size: 24px;line-height: 24px;}
	.inaboutlast ul li p{font-size: 14px;}
	.innewimg{height: 250px;}
	.innewtext h5{font-size: 24px;line-height: 24px;margin-bottom: 14px;}
	.innewtext p{font-size: 14px;line-height: 24px;}
	.inlistextcon h5{font-size: 24px;padding-left: 40px;}
	.inlistextcon p{font-size: 14px;padding-left: 40px;line-height: 24px;}
	.inlistextcon span{font-size: 14px;padding-left: 40px;}
	.inrecentleft h4{font-size: 32px;}
	.inrecentleft h5{font-size: 14px;}
	.inrecentleft p{font-size: 14px;margin-top: 16px;}
	.inrecentright{margin-top: 100px;}
	.footeright a{font-size: 14px;}
	.title h4{font-size: 32px;margin-bottom: 24px;}
	.abouthreelist ul li h5{font-size: 32px;}
	.aboutonecon{display: block;}
	.aboutoneleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.aboutoneright{float: none;width: 100%;}
	.aboutoneright p{font-size: 16px;}
	.comtactoneleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.comtactoneright{float: none;width: 100%;}
	.comtacttwolist ul li{width: 49%;margin-right: 2%;}
	.comtacttwolist ul li:nth-child(3n){margin-right: 2%;}
	.comtacttwolist ul li:nth-child(2n){margin-right: 0;}
	.newtwobox ul li{width: 49%;margin-right: 2%;margin-bottom: 40px;}
	.newtwobox ul li:nth-child(2n){margin-right: 0;}
	.newonelist ul li{width: 50%;}
	.newdetileleft{width: 100%;margin-right: 0;float: none;margin-top: 40px;}
	.newdetileup{margin-bottom: 40px;}
	.newdetileleft .biaoqian{margin-bottom: 14px;}
	.newdetileup h4{margin-bottom: 14px;}
	.newdetailebox p{font-size: 16px;margin-bottom: 20px;}
	.newdetaileright{float: none;width: 100%;margin-top: 40px;padding-top: 0;}
	.inbanner .gzcc{padding: 0;}
	.inbanner img{height: 240px;object-fit: cover;}
	.tetwo .aboutoneright{padding: 0 4%;}
	.progelist ul li{width: 32%;}
	.progelist ul li:nth-child(4n){margin-right: 2%;}
	.progelist ul li:nth-child(3n){margin-right: 0;}
	.gzcc_videobox{width: 98%;margin-left: -49%;height: auto;margin-top: 0;}
	.gzcc_videocon{height: auto;}
}
@media screen and (max-width: 680px) {
	.inrecentboxed ul li a img{ height:240px}
	.banner{margin-top: 60px;}
	.bannertexteconter h4{font-size: 24px;margin-bottom: 10px;}
	.bannertexteconter h5{font-size: 16px;margin-bottom: 10px;}
	.bannertexteconter a{margin-top: 20px;}
	.bannerconter img{height: 260px;object-fit: cover;}
	.bannertext::before{width: 100%;background: rgba(255,255,255,0.6);}
	.inaboutup{display: block;margin-bottom: 20px;}
	.inaboutupleft{width: 100%;margin-right: 0;float: none;}
	.inaboutupleft h4{font-size: 24px;margin-bottom: 10px;}
	.inaboutupleft h5{font-size: 16px;}
	.inaboutupright{width: 100%;margin-top: 10px;float: none;}
	.inaboutconter{margin-bottom: 20px;display: block;}
	.inaboutconterleft{float: none;width: 100%;margin-right: 0;margin-bottom: 12px;}
	.inaboutconteright{float: none;width: 100%;}
	.inaboutlast ul{flex-wrap: wrap;justify-content: center;}
	.inaboutlast ul li{width: 50%;margin-bottom: 12px;}
	.inaboutlast ul li:last-child{margin-bottom: 0;}
	.innewconter ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.innewimg{height: auto;}
	.inlist ul li{width: 100%;height: auto;}
	.inlist ul li:first-child{height: auto;}
	.inlist ul li a{height: auto;}
	.inlistext{position: static;}
	.inlistextcon{max-width: 100%;}
	.inlist ul li:first-child .inlistextcon{max-width: 100%;}
	.inlistextcon h5{padding: 4px 4%;}
	.inlistextcon p{padding: 2px 4% 10px 4%;}
	.inlistextcon span{padding: 12px 4%;}
	.inrecentleft{float: none;width: 100%;}
	.inrecentleft h4{font-size: 24px;}
	.inrecentright{margin-top: 20px;}
	.inrecentrightcon a{margin-bottom: 20px;}
	.inrecentrightcon a::before{bottom: -10px;}
	.inrecentrightcon a:last-child{margin-bottom: 0;}
	.inrecentup{margin-bottom: 20px;}
	.footerup h4{float: none;}
	.footerupright{float: none;margin-top: 14px;}
	.footerupright a{margin-right: 24px;}
	.footerleft{display: none;}
	.footeright{float: none;}
	.footeright a{font-size: none;width: 100%;margin-bottom: 14px;}
	.footeright a:last-child{margin-bottom: 0;}
	.footerbut h5{float: none;}
	.footerbut{padding-top: 14px;}
	.footerbut p{float: none;font-size: 14px;margin-top: 14px;}
	.footerbut p a{font-size: 14px;}
	.navleft a img{width: 100%;}
	.abannerconter img{height: 320px;}
	.abannertext::before{background: rgba(255,255,255,0.4);}
	.title h4{font-size: 24px;margin-bottom: 20px;}
	.title p{font-size: 14px;max-width: 100%;}
	.aboutlist ul li{width: 50%;}
	.abouthreelist ul{flex-wrap: wrap;}
	.abouthreelist ul li{width: 50%;margin-bottom: 14px;}
	.abouthreelist ul li h5{font-size: 24px;}
	.abouthreelast{margin-top: 20px;}
	.aboutnav ul li{font-size: 20px;margin-right: 24px;}
	.aboutfivelast ul{flex-wrap: wrap;}
	.aboutfivelast ul li{width: 50%;margin-bottom: 14px;}
	.comtactoneleftcon{display: block;}
	.comleft{float: none;width: 100%;}
	.comleft p{margin-bottom: 20px;}
	.comleft p::before{right: 20px;}
	.comright{width: 100%;margin-top: 20px;}
	.comrightlist a{bottom: 20px;left: 20px;}
	.comform ul li p{float: none;width: 100%;}
	.comtext{float: none;width: 100%;}
	.comtacttwolist ul li{width: 100%;margin-right: 0 !important;}
	.comtacttwolist ul li:last-child{margin-bottom: 0;}
	.comtacttwolist ul li img{margin-bottom: 14px;}
	.comtacttwolist ul li h5{margin-bottom: 12px;}
	.newonelist ul li{width: 100%;margin-bottom: 12px;}
	.newonelist ul li:last-child{margin-bottom: 0;}
	.newtwobox ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.newtwobox ul li:last-child{margin-bottom: 0;}
	.newtexted h5{font-size: 20px;margin-bottom: 10px;}
	.newtexted p{font-size: 16px;margin-bottom: 10px;}
	.newimg{height: auto;}
	.newbanner .bannertext::before{background: rgba(255,255,255,0.6);}
	.newdetileleft .biaoqian{margin-left: 0;}
	.newdetaileuplast span{font-size: 14px;margin-right: 12px;}
	.newdetaileuplast span i{vertical-align: -10px;}
	.newdetailelast{margin-top: 40px;}
	.nleft{float: none;}
	.nleft span{margin-bottom: 10px;}
	.nright{float: none;}
	.inappbox .gzcc{padding: 0 4%;}
	.apponecon ul li{width: 50%;height: 60px;}
	.teonelist ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.telast{padding: 0 4%;}
	.pronav ul li{width: 100%;}
	.protwocon{display: block;}
	.proleft{width: 100%;}
	.protight{width: 100%;padding: 20px 4%;box-sizing: border-box;}

	.proleftbut{bottom: 40px;}
	.prospecstitle span:first-child{padding-left: 12px;}
	.prospecslist span:first-child{padding: 10px 0 10px 12px;}
	.prospecslist span:last-child{padding: 10px 0;box-sizing: border-box;}
	.prospecslist{line-height: 1.5;}
	.prothrees ul li{width: 100%;margin-bottom: 12px;}
	.prothrees ul li:last-child{margin-bottom: 0;}
	.progelist ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.progelist ul li:last-child{margin-bottom: 0;}
	.prolastcon ul li p{padding: 12px 4%;}
}