@font-face {
 font-family:fontDin1;
 src: url(../fonts/din-medium_woff.txt),url(../fonts/din-medium_eot.txt),url(../fonts/din-medium_woff2.txt),url(../fonts/din-medium_ttf.txt)}

*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #525669;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1300{ width:1300px; margin:0 auto;}
.fr{ float:right;}
.fl{ float: left;}	
.title{ text-align:center; font-size:18px; color:#9ea0a2;}
.title b i{color:#494f67;}
.title b{ display:inline-block; font-size:40px; color:#303132; position:relative; z-index:3;}
.title b:after{ content:''; display:block; position:absolute; width:20%; height:8px; background:#026100; left:0; bottom:0; z-index:-1; animation:widthchange 2s linear infinite;}
@keyframes widthchange{
	0%{ width:20%;}
	50%{ width:40%;}
	100%{ width:20%;}
	}
.title span{ display:block; margin-top:15px;}
.hovermaincolor a:hover{ color:#0567d4;}
/*抬头*/
.header{ background:#494f67;}
.htop{ line-height:49px; border-bottom:1px solid #595f77;}
.htop .w1300{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.htop,.htop a{ font-size:14px; color:#a7acc2;}
.htop a:hover{ color:#fff;}
.htop .w1300 p:nth-child(1){ padding-left:28px; background:url(../images/20201128095205_2054318041.png) no-repeat left center;}
.htop .w1300 p span a{ display:inline-block; vertical-align:top; padding-left:30px; background:url(../images/20201128095205_594252078.png) no-repeat left center;}
.htop .w1300 p span{ padding:0 22px; border-left:1px solid #636981;}
.htop .w1300 p span+span{ border-right:1px solid #636981;}
.htop .w1300 p span+span a{background:url(../images/20201128095205_1699915944.png) no-repeat left center;}
.hsecond{ height:162px; padding-bottom:2px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.hleft{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.hlogo{ width:190px; height:162px; background:#3c4155; border-radius:0 0 70px 70px;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:flex-start;}
.hlogo a{ display:block; width:165px; height:154px; background:#d1d1d1; border-radius:0 0 70px 70px; padding-left:7px; box-sizing:border-box; padding-top:5px;}
.hleft p+p{ margin-left:25px;}
.htitl i{    color: #fff; font-weight: bold; font-size: 42px;}
.htitl em{ display:block; font-size:13px; color:#98c9fe; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:10px;}
.htitl t{ display:block; font-size:19.4px; color:#98c9fe; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:5px;}
.htitl t1{ display:block; font-size:18px; color:#98c9fe; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:5px;}
.hline{ width:1px; height:66px; background:#177ae8;}
.hmean,.hmean a{ font-size:22px; color:#fff;}
.hmean b{ display:block; font-size:25px; color:#ffff00; margin-bottom:4px;}
.hmean span{ letter-spacing:1px;}
.htel{ font-size:16px; color:#a9abb5; line-height:32px; padding-left:45px; background:url(../images/20201128095205_1419257639.png) no-repeat left center;}
.htel em{ display:block; font-size:35px; font-family:fontDin1; color:#de993a;}
/*导航*/
.nav{ width:100%; background-color:#fff;}
.nav ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start; text-align:center; z-index:999;}
.nav ul>li{width:185px;}
.nav ul>li>a{ display:block; position:relative; line-height:80px; font-size:16px; color:#333231; transition:all .3s ease;} 
.nav ul>li>a:after{ content:''; display:block; position:absolute; bottom:0; left:0; width:0; right:0; margin:0 auto; height:11px; background:url(../images/20201128095205_1359496101.png) no-repeat center; transition:all .3s ease;}
.nav ul>li.cur>a,.nav ul>li:hover>a{ color:#525669;}
.nav ul>li.cur>a:after,.nav ul>li:hover>a:after{ width:100%;}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#f5f5f5;}
.banner-box{ min-width:1300px; height:680px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:680px; background-position: center; background-repeat: no-repeat; background-color: #f5f5f5}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:250px; left: 0; margin-left: 0; height: 390px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20201127141713_818911006.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20201127141713_818911006.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #0567d4;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
/*搜索*/
.search{ background:#f3f4f6;}
.search .w1300{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; }
.keyword span{color:#0567d4;}
.keyword,.keyword a{ line-height:74px; font-size:14px; color:#474749;}
#soo{ background:#0567d4; border-right:1px solid #1f7adf;}
.search_bg{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start; position:relative;}
#infoname{ padding-left:58px; height:74px; border:none; border-left:1px solid #e5e6e7; width:200px; background:url(../images/20201128095205_1229896802.png) no-repeat left center;}
.search_bg:after{ content:''; display:block; position:absolute; left:100%; height:100%; width:100vw; background:#0567d4; top:0;}
/*全城 • 产品中心*/
.product{ padding:65px 2% 80px 2%;}
.protab{ font-size:0;margin:50px 0 60px 0; display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:flex-start;}
.protab a{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; width:350px; height:140px; background:#fff; box-shadow:0 0 15px #ddd; font-size:22px; color:#303132;transition:all .3s ease;}
.protab a em{ display:block; font-size:12px; color:#a6a8a9; text-transform:uppercase; margin-top:5px; transition:all .3s ease;}
.protab a+a{ margin-left:40px;}
.protab a.on,.protab a:hover{ box-shadow:0 0 15px #cbe0f7; color:#0567d4;}
.protab a:hover em,.protab a.on em{color:#0567d4;}

.proshow td{ display:inline-block; padding:0 !important; width:32%; margin-top:45px;}
.proshow tr{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; width:80%; margin:auto;}
.proshow tr+tr{margin-top:2%;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td br{ display:none;}
.proshow td span a{ line-height:67px; background:#eff0f1; font-size:18px; color:#3f4041; font-weight:lighter;}
.proshow td a img{ transition:all .6s ease; width:100%; height:450px;}
.proshow td:hover a img{ transform:scale(1.4) rotate(10deg);}
.proshow td>a:after{ content:''; display:block; position:absolute; background:rgba(0,0,0,0.6); width:100%; height:100%; top:0; left:0; transition:all .3s ease; opacity:0;}
.proshow td>a{ border:10px solid #eee;}
.proshow td:hover>a:after{ opacity:1;}
.proshow td a i:after,.proshow td a i:before{ content:''; display:block; position:absolute;  transition:all .6s ease; z-index:3; width:0; height:0; opacity:0;}
.proshow td a i:after{ border-top:2px solid #fff; border-right:2px solid #edeff5;top:10%; right:10%;}
.proshow td a i:before{ border-bottom:2px solid #fff; border-left:2px solid #edeff5;bottom:10%; left:10%;}
.proshow td:hover a i:after,.proshow td:hover a i:before{width:85%; height:85%; opacity:1;}
.proshow td a span{ position:absolute; left:0; top:0; bottom:0; right:0; margin: auto; width:120px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:#525669; background:linear-gradient(to right,rgba(5,103,202,0.9),rgba(5,103,202,0.7),rgba(5,103,202,0.5),rgba(5,103,202,0.4),rgba(5,103,202,0)); font-family:fontDin; opacity:0; transition:all .6s ease; z-index:3; height:40px;}
.proshow td:hover a span{ opacity:1;}
.proshow td:hover span a{ color:#525669;}

.trait{ background:url(../images/20201128144937_2028516497.jpg) no-repeat center; height:870px;}
.trait .w1300{ position:relative;}
.tratitl{ text-align:center; font-size:38px; color:#fff; padding:65px 0 173px 0;}
.tratitl em{ display:block; font-size:14px; color:#a9abb5; text-transform:uppercase; margin:15px 0 20px 0;}
.tratitl span{ width:460px; display:inline-block; line-height:64px; border-radius:40px 0 40px 0; background:#de993a; font-size:20px; font-weight:lighter;}
.tratips li{ width:109px; height:109px; border-radius:50%; color:#fff; text-align:center; background:#005fc8; border:5px solid #ececec; font-size:26px;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; position:absolute;}
.tratips li:nth-child(1){ top:217px; left:50px;}
.tratips li:nth-child(2){ top:230px; left:249px;}
.tratips li:nth-child(3){ top:279px; left:482px;}
.tratips li:nth-child(4){ top:292px; left:756px;}
.tratips li:nth-child(5){ top:308px; left:942px;}
.tratips li:nth-child(6){ top:432px; left:1157px;}
.tratips li b{ display:block; color:#ffff00;}
.tracon li{ width:560px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.tracon li+li{ margin-top:35px;}
.traicon{ width:109px; height:124px; background:url(../images/20201128150311_141971236.png) no-repeat center;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.tracon p+p{ width:415px; font-size:16px; color:#8b8b8b; font-weight:lighter; line-height:30px;}
.tracon p span{ display:block; font-size:24px; color:#373737; margin-bottom:5px; margin-left:140px;}
.tracon li .traicon span{ display:inline-block; width:42px; height:40px; background:url(../images/20201128144937_43509048.png) no-repeat left top; transition:all .3s ease;}
.tracon li:nth-child(2) .traicon span{ width:42px; height:37px; background-position-x:-63px;}
.tracon li:nth-child(3) .traicon span{ width:50px; height:50px; background-position-x:-128px;}
.tracon li:hover .traicon{ background:url(../images/20201128150311_1472853414.png) no-repeat center;}
.tracon li:hover .traicon span{ background-position-y:-62px;}

.tltp{ background:url(../picture/tl.jpg) no-repeat center; width:100%; height:322px;}



.case{ padding-top:60px; background:url(../images/20201128154355_1499311808.jpg) no-repeat center top;}
.case .title{ color:#c8c8c8;}
.case .title b{ color:#fff;}
.case .title b:after{ background:#529cee;}
.casecon{ padding-top:95px;}
.casecon ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.casecon li dl{ width:300px; height:225px; overflow:hidden; position:relative;}
.casecon li dl+dl{ margin-top:30px;} 
.casecon li dl a img{ width:100%; height:100%;}
.casecon li dl a p{bottom:0px; left:0px; position:absolute; width:100%; height:55px; overflow:hidden; background:rgba(0,0,0,0.68); font-size:18px; color:#fff; line-height:55px; text-align:center; transition:all 0.5s ease; z-index:999;}
.casecon li dl:hover a p{ line-height:210px; font-size:20px;height: 225px;background:none;}
.casecon li:nth-child(2){ margin:0px 30px;}
.casecon li:nth-child(2) dl:hover a p{ line-height:480px; font-size:25px;height:480px;}
.casecon li:nth-child(2) dl{ width:640px; height:480px;}
.casecon li:nth-child(2) a p{ height:62px; line-height:62px;}
.casecon li dl a:after{ content:''; width:100%; height:100%;background:rgba(0,0,0,0.68); transition:all 0.5s linear; position:absolute; display:block; left:-120%; transform:rotate(90deg); top:0px;}
.casecon li dl:hover a:after{ left:0px;transform:rotate(360deg);}
.casecon li dl a{ display:block;width:100%; height:100%;}
/*全城 • 合作流程*/
.process{ padding:70px 0 100px 0; background:url(../images/20201128155629_1448161563.jpg) no-repeat center bottom;}
.pcul{ margin-top:70px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; text-align:center;}
.pciocn{ width:102px; height:102px; border:1px solid #d7dbdd;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; transition:all .3s ease; margin:0 auto; border-radius:50%;}
.pc_t{ font-size:16px; color:#aaadb0;} 
.pc_t span{ display:block; font-size:20px; color:#525457; margin:18px 0;}
.pciocn i{ display:inline-block; width:50px; height:45px; background:url(../images/20201128160353_22290914.png) no-repeat left top; transition:all .3s ease;}
.pcul li:nth-child(2) .pciocn i{ background-position-x:-73px;height:50px; width:45px;}
.pcul li:nth-child(3) .pciocn i{ background-position-x:-140px;width:55px; height:50px;}
.pcul li:nth-child(4) .pciocn i{ background-position-x:-228px;width:55px; height:50px;}
.pcul li:nth-child(5) .pciocn i{ background-position-x:-320px;}
.pcul li:nth-child(6) .pciocn i{ background-position-x:-396px;}
.pcul li:hover .pciocn{ background:#0567d4; border-color:#0567d4;}
.pcul li:hover .pciocn i{ background-position-y:-66px;}
.pcul li:hover .pc_t span{ color:#0567d4;}
/*关于全城包装*/
.about{ background:#f3f3f3 url(../images/20201128161022_65201132.jpg) no-repeat center top; padding:59px 0;}
.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; text-align:center; padding:60px 0 50px 0; border-bottom:1px solid #fff; font-size:18px; color:#9c9ca1;}
.num li:nth-child(1){ padding-left:0;}
.num li:nth-last-child(1){ padding-right:0; border-right:none;}
.num li{ padding:0 45px; border-right:1px dashed #e3e3e3;}
.num em{ display:block; margin-top:15px;}
.num span,.num i{ display:inline-block; vertical-align:text-top;}
.num span{ font-size:50px; color:#525669; font-family:fontDin1; margin-right:40px; line-height:50px;}
.num i{ font-size:14px; color:#525669; font-weight:bold;}
.abwa{ margin:55px 0; font-size:16px; color:#727272; line-height:36px; text-align:center;}
.ab_btn{ text-align:center;}
.ab_btn a{ width:160px; display:inline-block; line-height:50px; background:#e1e2e2; font-size:16px; color:#2f2f30; transition:all .3s ease;}
.ab_btn a+a{ margin-left:20px;}
.ab_btn a:hover{ background:#0567d4; color:#fff;}
.qyxx{ margin-top:70px; position:relative;}
.qyxxjt{ position:absolute; width:22px; height:42px; background:url(../images/20201128163237_719128458.png) no-repeat left top; left:-52px; top:35%; cursor:pointer;}
.qyxxjt.next{ left:auto; right:-52px; background:url(../images/20201128163237_499391456.png) no-repeat left top;}
.qyxxjt:hover{ background-position:bottom;}
.qyxxcon table,.qyxxcon tbody,.qyxxcon tr{ display:block;}
.qyxxcon td{ display:inline-block; vertical-align:top; margin-right:17px; padding:0 !important; width:312px;}
.qyxxcon td br{ display:none;}
.qyxxcon td div{ padding:0 !important;}
.qyxxcon td a{ display:block; overflow:hidden; position:relative;}
.qyxxcon td>a:after,.qyxxcon td>a:before{ content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; transition:all .3s ease;}
.qyxxcon td>a:after{ width:100%; height:100%; background:rgba(0,0,0,.7); opacity:0;}
.qyxxcon td a img{ width:100%; height:auto;}
.qyxxcon td>a:before{ content:'查看详情'; width:120px; line-height:40px; height:40px; z-index:3; background:#525669; text-align:center; border-radius:20px; font-size:16px; color:#fff; transform:scale(0);}
.qyxxcon td div a{ margin-top:20px; font-size:16px; color:#4c4e4f;}
.qyxxcon td:hover>a:after{ opacity:1;}
.qyxxcon td:hover>a:before{ transform:scale(1);}


.news{ padding:70px 0;}
.newstab a{ display:inline-table; width:157px; height:62px; background:#e9ebec; line-height:62px; font-size:20px; color:#414b4b; padding-left:67px; position:relative; transition:all 0.5s ease;}
.newstab a:hover{ display:inline-table; width:157px; height:62px; background:#de993a; line-height:62px; font-size:20px; color:#fff; padding-left:67px; position:relative; transition:all 0.5s ease;}

.newstab{ width:463px; margin:0 auto;}


.newstab a.on{ background:#de993a; color:#fff;}
.newstab{ margin:40px auto 30px;}
.newscon{padding:0px 0 0 0;position: relative;}


.news .news_div_item:hover .news_div_item_a{color:#0567d4;}


.news_div_item{height: 174px; position: relative;padding-left: 26px;padding-right: 135px; border-bottom:1px solid #dedede; width:603px; box-sizing:border-box; float:left; margin-left:15px; margin-right:15px;}
.news_div_item_date{position: absolute;top: 50px;right:55px;padding-top: 45px;text-align: center;}
.news_div_item_date>div{display: inline-block;;font-size: 18px;color: #9fa1a4; font-family:Arial, Helvetica, sans-serif;}
.news_div_item_date .news_div_item_day{position:absolute;top: 0;left: 0;right: 0;margin: 0 auto;font-size: 40px;font-weight: normal;}
.news_div_item_content{width: 390px;padding-top: 20px;}
.news_div_item_a{display: block;font-size: 18px;color: #434344;font-weight: lighter; white-space: nowrap;text-overflow: ellipsis;position: relative;} 

.news_div_item_a:after{content: '';display: block;position: absolute;width: 34px;height: 34px;background: url(../images/20201128164741_925743239.png) no-repeat center; left: 0; top: 110px;}

.news .news_div_item_body{font-size: 14px;color: #98999a;margin-top: 15px;line-height: 30px;}

/*版权*/
.copyright{ background:#1c1e20 url(../images/20201128171411_2062999392.jpg) no-repeat top center; padding-top:59px;}
.crconcat{ padding:30px 40px; height:188px; box-sizing:border-box; background:#fff;}
.crtitl{ font-size:26px; color:#161e26; font-family:Arial, Helvetica, sans-serif;}
.crw{ display:inline-block; font-size:16px; color:#333333;}
.crw em{ display:block; font-size:16px; color:#717477; font-weight:lighter; margin:7px 0 30px 0;}
.crw i{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#222222;}
.crw+.crw{ margin-left:40px;}
.crcode img{ width:132px; height:132px;}
.crcode span{ display:inline-block; width:39px; text-align:center; font-size:14px; color:#fff; font-weight:lighter; background:#0a6bde; box-sizing:border-box; height:132px; padding:10px 10px; line-height:16px; float:left;}
.craddr{ width:405px; background:url(../images/20201128171054_145228277.png) no-repeat right 5px;}
.crphone{ width:480px; background:url(../images/20201128171054_2131330345.png) no-repeat right 5px; margin-left:100px;}
.links{ line-height:36px; border-bottom:1px dashed #262d34; font-size:16px; color:#fff; padding:1.3% 0;}
.links p.fl{ padding-left:35px; background:url(../images/20201128171054_804937259.png) no-repeat left center; font-weight:bold;}
.links p.fl span{ font-size:18px; vertical-align:bottom; padding:0 20px 0 5px;}
.end{  line-height:30px;min-height: 100px;margin-top: 50px;}
.end,.end a{ font-size:15px; color:#71767b;}
.end p1{ font-size:13.9px; color:#71767b;width: 1300px;margin: 0 auto;}
.end a:hover{ color:#fff;}
.crcon{ padding:60px 0 50px 0; border-bottom:1px solid #272f38;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top; padding:0 75px; position:relative;}
.kslj li:after,.kslj li:nth-child(1):before{ content:''; display:block; position:absolute; width:3px; height:18px; right:0; top:0; background:#3b4c5f;}
.kslj li p{ font-size:20px; color:#fff; margin-bottom:20px;}
.kslj li:nth-child(1):before{ right:auto; left:0;} 
.kslj li a{ display:block; font-size:14px; color:#71767b; line-height:30px;}
.kslj li a:hover{ color:#fff;}
.codecon dl p{ font-size:18px; color:#fff; margin-bottom:20px; text-align:center;}
.codecon dl img{ display:block; padding:4px; border:1px solid #2f363c; width:140px; height:140px;}
.codecon dl { width:150px !important;}
.codetab{ margin:47px 0 0 47px;}
.codetab p{ border-radius:50%; cursor:pointer; background:#3e4e5d;}
.codetab p+p{ margin-top:14px;}
.codetab p.on{ background:#0567d4;}

.wg-auto-c3eb902557ca86cd {
    padding: 25px !important;}