@charset "utf-8";
@font-face {
	font-family: 'beba';
	src: url('../font/beba.eot');
	src: url('../font/beba.eot?#iefix') format('embedded-opentype');
	src:url('../font/beba.ttf') format('ttf'), url('../font/beba.ttf') format('truetype'), url('../font/beba.svg#beba') format('svg'),local('beba');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'din';
	src: url('../font/DIN Medium.eot');
	src: url('../font/DIN Medium.eot?#iefix') format('embedded-opentype');
	src:url('../font/DIN Medium.ttf') format('ttf'), url('../font/DIN Medium.ttf') format('truetype'), url('../font/DIN Medium.svg#DIN Medium') format('svg'),local('DIN Medium');
	font-weight: normal;
	font-style: normal;
}

body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; word-break:break-all;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover,li:hover{ text-decoration:none; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;} 
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1440{max-width:1440px; min-width:320px; margin:0px auto;}
.w1200{max-width:1200px; min-width:320px; margin:0px auto;}
.auto{margin: 0 100px;}
.relative{position: relative;}
.wow{visibility: hidden;}
.owl-carousel .owl-nav{height: 0;}
input{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.f_red{color:#e60122;}

@media ( max-width:1440px){
    .w1440,.auto{margin:0 15px;}
}

@media ( max-width:1200px){
    .w1200{margin:0 15px;}
}

/*pages*/
.Pages{background: #fff; padding: 14px 0; text-align:center; line-height:34px; font-size:14px;}
.Pages a{display:inline-block; width: 34px; color:#4c4c4c; margin:0 12px;}
.Pages a:hover,.Pages a.a_cur{background:#b7282c; color:#fff; border-radius: 50%;}
/*pages end*/

/*公用样式*/
li .i1{transition: 400ms;}
li .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
li:hover .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
li:hover .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}

.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img,.effect-img span{-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img,.effect-img:hover span,li:hover .effect-img span,dd:hover .effect-img span,.item:hover .effect-img span{-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.effect-img span{display: block; height: 100%;}
.wow{visibility: hidden;}
.tc{text-align: center;}

.ptb3{padding: 3% 0;}
.mb3{margin-bottom: 3%;}
.pb3{padding-bottom: 3%;}
.boxbg,.effect-img span{background-repeat: no-repeat; background-size: cover; background-position: center center;}

.Ban{text-align: right;}
.Ban h2{display: inline-block; width: 270px; line-height: 220px; text-align: center; color: #fff; font-size: 32px; background-image: url(../images/bbg.png); background-size: cover; background-position: center center;}

.Menu{border-bottom: 2px solid #f2f2f2;}
.Menu .title{display: none; padding: 0px 20px; background: #b7282c; line-height: 40px;}
.Menu .title span{display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center;}
.Menu ul{text-align: center;}
.Menu li{display: inline-block; margin: 0 2%; position: relative;}
.Menu li a{display: block; font-size: 16px; width: 130px; line-height: 69px; color: #4c4c4c;}
.Menu li:hover a,.Menu li.on a{background: #b7282c; color: #fff;}

.Container{min-height: 500px; height: auto !important; height: 300px;}
.Greybg{background: #fcfcfc;}

@media ( max-width:768px){
    .Ban h2{font-size: 26px; width: 160px; line-height: 120px;}
    .Menu{margin: 3% 0 0; border-bottom: none;}
    .Menu .title{display: block;}
    .Menu ul{display: none; line-height: 32px; padding: 10px 0px; border: 1px solid #b7282c; text-align: left;}
    .Menu li{display: block; margin-left: 0;}
    .Menu li a{padding: 0px 20px; width: auto; line-height: 32px;}
    .Menu li:hover a,.Menu li.on a{background: none; color: #b7282c;}

    .Pages{line-height: 30px; padding: 8px 0;}
    .Pages a{width: 30px; margin: 0 10px;}
}

@media ( max-width:480px){
    .ptb3{padding: 5% 0;}
    .mb3{margin-bottom: 5%;}
    .pb3{padding-bottom: 5%;}
    
}

/*Top*/
.Header{background: #fff; transition: 500ms;}
.Header.fixednav{position: fixed; width: 100%; left: 0; top: 0; box-shadow: 0px 3px 20px rgba(0,0,0,0.3); z-index: 9;}
.Header.fixednav .Logo{padding: 10px 0; width: 280px;}
.Header.fixednav .Nav li .am{line-height: 58px;}
.Top{position: relative;}
.header_menu{display: none;}
.Logo{width: 338px; float: left; padding: 20px 0px; transition: 500ms;}
.Logo img{display: block; width: 100%;}
.Search{position:absolute; top:100%; right:0px; text-align: left; background:#fff; border:2px solid #b7282c; width:200px; padding-right: 50px; display:none; z-index:999;}
.Search .input{display: block; width: auto; padding:0px 10px; height:36px; font-size:14px;}
.Search .input::placeholder{color:#999;}
.Search .btn{height:36px; width:50px; text-align:center; font-size:14px; color:#fff; background:#b7282c; position:absolute; top:0px; right:0px;}
.sbtn{position: absolute; right: 0px; top: 0; height: 100%; width: 100px; background-repeat: no-repeat; background-image: url(../images/btn.png); background-position: center center;}
.sbtn.on{background-color: #b7282c; background-image: url(../images/btnon.png);}

.Showbox{width: 60%; float: right;}
.Nav{padding-right: 140px;}
.Nav li{float:left; width: 14.285%; text-align: center; position: relative;}
.Nav li .am{display:inline-block; font-size:16px; line-height:88px; color:#4c4c4c; border-bottom: 2px solid rgba(255,255,255,0); transition: 500ms;}
.Nav li i{position: absolute; display: none; width: 60px; height: 60px; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/jia.png); overflow: hidden;}
.Nav li:hover .am,.Nav li.active .am{color:#b7282c; border-bottom: 2px solid #b7282c;}
/*.Nav li:hover .am,.Nav li.active .am{color:#5EB95E; border-bottom: 2px solid #5EB95E;}*/
.Nav li .SubNav{position:absolute; left:50%; top:100%; z-index:999; width:160px; margin-left: -80px; display:none; text-align: center; background: rgba(0,0,0,0.5); border-radius: 0px 0px 8px 8px;}
.Nav li .SubNav a{display:block; line-height:32px; font-size:14px; color: rgba(255,255,255,0.7);}
.Nav li .SubNav a:hover{background-color: #b7282c;}

.Banner .slides li a{display: block; height: 800px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.Banner .slides li .img{display:none; width:100%;}
.Banner .flex-direction-nav a{line-height: 1000px; overflow: hidden; margin-top: -30px; width: 50px; height: 60px; background-color: rgba(0,0,0,0.5); background-repeat: no-repeat; background-position: center center;}
.Banner .flex-direction-nav .flex-prev{left: 0; background-image: url(../images/left.png);}
.Banner .flex-direction-nav .flex-next{right: 0; background-image: url(../images/right.png);}
.Banner .flex-direction-nav a:hover{background-color: rgba(183,40,44,0.8);}

@media ( max-width:1440px){
    .Banner .slides li a{height: 600px;}
}

@media ( max-width:1024px){
    .sbtn{width: 30px; height: 30px; top: 50%; margin-top: -15px; background-size: 50% 50%; border-radius: 50%; right: 60px;}
    .Header.fixednav .Logo,.Logo{width: 240px; padding: 10px 0px;}
    .header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:20px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
    .Showbox{width:50%; height:100%; float: none; background:rgba(0,0,0,.85); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
    .Showbox .close_bar{height:70px;line-height:70px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(0,0,0,.85); border-bottom:1px solid #e8e8e8;text-align:right;}
    .Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
    .Showbox .close_bar a:hover{transform:rotate(180deg);}
    .Nav{background:none; margin-top:72px; width:100%;}
    .Nav li{float:none; width:100%; text-align:left; padding: 0; background: none; position: relative; border-bottom: 1px solid rgba(255,255,255,0.4);}
    .Header.fixednav .Nav li .am,.Nav li .am{display: block; color:#fff; line-height:50px; font-size:18px; padding-left:40px;}
    .Nav li:hover .am, .Nav li.active .am{border-bottom: none;}
    .Nav li i{display: block;}
    .Nav li .SubNav{position:static; background:none; padding:0px; width: 100%; margin-left: 0; padding-bottom: 10px;}
    .Nav li .SubNav a{padding-left:60px; text-align: left; display: block; font-size: 16px;}
    .Nav li.on i{background-image: url(../images/jian.png);}
    .Nav li.on .SubNav{display: block;}
    .Banner .slides li a{height: auto;}
    .Banner .slides li .img{display: block;}
    .Banner .flex-direction-nav a{width: 30px; height: 40px; margin-top: -20px; background-size: 70% 70%;}
}

@media ( max-width:480px){
    .Showbox{width: 80%;}
    .Header.fixednav .Logo,.Logo{width: 200px;}
    .Banner .mouse{width: 20px; margin-left: -10px;}
}
 
/*bottom*/
.Footerbg{background: #18171c;}
.Footer dl{float: left; padding: 37px 0px; height: 216px; padding-right: 50px; margin-right: 50px; border-right: 1px solid rgba(255,255,255,0.05); color: rgba(255,255,255,0.6);}
.Footer dl:last-child{margin-right: 0; padding-right: 0; border-right: none;}
.Footer dl.w1{max-width: 235px;}
.Footer dl.w2{max-width: 465px;}
.Footer dl.w3{max-width: 300px;}
.Footer dl.w4{max-width: 173px; float: right;}
.Footer dl dt{margin-bottom: 26px;}
.Footer dl dt .name{display: inline-block; font-size: 16px; line-height: 43px; border-bottom: 1px solid #b7282c; color: #fff;}
.Footer dl .weixin li{width: 48%; float: left;}
.Footer dl .weixin li:nth-child(2n){float: right;}
.Footer dl .weixin li img{display: inline-block; width: 102px;}
.Footer dl .weixin li .name{display: block; line-height: 16px; margin-top: 5px; text-align: center;}
.Footer dl dd{margin-top: 20px; font-size: 14px; padding-left: 28px; background-repeat: no-repeat; background-position: left top;}
.Footer dl dd.i1{background-image: url(../images/c1.png);}
.Footer dl dd.i2{background-image: url(../images/c2.png);}
.Footer dl dd.i3{background-image: url(../images/c3.png);}
.Footer dl dd.i4{background-image: url(../images/c4.png);}
.Footer dl dd .num{font-family: "beba"; font-size: 24px;}
.Footer dl .con a{display: block; width: 48%; float: left; color: rgba(255,255,255,0.6); font-size: 14px; line-height: 32px;}
.Footer dl .con a:nth-child(2n){float: right;}
.Footer dl .con a i{display: inline-block; vertical-align: middle; width: 3px; height: 5px; margin-right: 8px; background: url(../images/arr2.png);}

.Bottom{border-top: 1px solid rgba(255,255,255,0.05); padding: 16px 0px; font-size: 14px; color: rgba(141,141,141,0.6);}
.Bottom a{color: rgba(141,141,141,0.6);}
.cd-top{position: fixed; right: 0; z-index: 9; bottom: 10%; display: none;}
.cd-top.cd-is-visible{display: block;}

@media ( max-width:1440px){
    .Footer dl{padding-right: 30px; margin-right: 30px;}
}

@media ( max-width:1200px){
    .Footer{display: none;}
}

@media ( max-width:768px){
    .Bottom span{float: none; display: block; text-align: center;}
}

/*index*/
.HomeTit{line-height: 46px; border-bottom: 1px solid #c70d0f;}
.HomeTit .name{font-size: 18px; color: #333; font-weight: bold;}
.HomeTit .more{float: right; font-size: 14px; color: #333;}
.HomeTit .more img{display: inline-block; vertical-align: middle; margin-left: 6px;}
.MainBox{position: absolute; width: 100%; left: 0; bottom: 0; z-index: 5;}
.HomeTrade{width: 468px; padding: 17px 26px 23px; background: rgba(255,255,255,0.8);}
.HomeTrade ul{margin-top: 13px;}
.HomeTrade li{font-size: 14px; padding-left: 10px; background: url(../images/arr1.png) no-repeat left center;}
.HomeTrade li a{display: block; color: #333; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

@media ( max-width:1024px){
    .MainBox{position: static;}
    .HomeTrade{width: auto; padding: 20px 0;}
}

/* 彰卓简介 */
.A_top{margin-bottom: 15px;}
.A_top .comtit{float: left; padding-top: 26px;}
.A_top .title span{display: block;}
.A_top .title .time{font-size: 60px; line-height: 53px; font-family: "din"; text-transform: uppercase; color: rgba(183,40,44,0.2);}
.A_top .title .name{font-size: 28px; line-height: 39px; color: #b7282c;}
.A_top .weixin{float: right; width: 160px; text-align: center;}
.A_top .weixin img{display: inline-block; width: 106px;}
.A_top .weixin .name{display: block; font-size: 14px; line-height: 26px; color: #999;}

.Aboutlist li{background: #fff;}
.Aboutlist li .effect-img{width: 50%; height: 400px; float: right;}
.Aboutlist li .con{width: 50%; float: left; padding: 20px 3%; height: 400px; display: flex; align-items: center; font-size: 15px; line-height: 30px; color: #4c4c4c; border: 1px solid #eaeaea; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.Aboutlist li:nth-child(2n) .effect-img{float: left;}
.Aboutlist li:nth-child(2n) .con{float: right;}

@media ( max-width:768px){
    .A_top .title .time{font-size: 46px; line-height: 46px;}
    .A_top .title .name{font-size: 25px;}
    .Aboutlist li{margin-bottom: 15px; box-shadow: 0 2px 15px rgba(0,0,0,0.1);}
    .Aboutlist li .effect-img,.Aboutlist li:nth-child(2n) .effect-img,.Aboutlist li .con,.Aboutlist li:nth-child(2n) .con{width: auto; float: none;}
    .Aboutlist li .effect-img{height: 300px;}
    .Aboutlist li .con{height: auto; padding: 20px;}
}

@media ( max-width:640px){
    .A_top .title .time{font-size: 30px; line-height: 24px;}
    .A_top .title .name{font-size: 22px;}
}

@media ( max-width:480px){
    .A_top .comtit,.A_top .weixin{width: auto; float: none; text-align: center;}
    .A_top .comtit{padding: 0 0 20px;}
}

/* 彰卓荣誉 */
.HonnorBox dl{background-image: url(../images/line1.png); background-repeat: repeat-y; margin-left: 30px; padding-left: 140px; position: relative;}
.HonnorBox dl .time{position: absolute; left: -10px; top: 50%; margin-top: -45px; line-height: 30px; font-size: 30px; color: #666; background-image: url(../images/dot1.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px;}
.HonnorBox li{width: 27.3333%; float: left; margin: 0 0 2% 6%;}
.HonnorBox li .mask{padding: 25px; background-image: url(../images/maskbg.png); background-size: 100% 100%; box-shadow: 4px 4px 20px rgba(0,0,0,0.15);}
.HonnorBox li .mask .effect-img{height: 160px;}
.HonnorBox li .title{text-align: center; display: block; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333; margin-top: 16px;}
.HonnorBox dl:hover .time{background-image: url(../images/dot2.png); color: #b7282c;}
.HonnorBox li:hover .title{color: #b7282c;}

.LoadMore{display: block; width: 260px; line-height: 60px; margin: 3% auto 0; text-align: center; background: #b7282c; font-size: 16px; color: #fff; border-radius: 35px; box-shadow: 0 0 20px rgba(183,40,44,0.2);}

@media ( max-width:1024px){
    .HonnorBox dl{padding-left: 80px; margin-left: 5px;}
    .HonnorBox dl .time{font-size: 20px;}
    .HonnorBox li{margin-left: 3%; width: 30.3333%;}
    .HonnorBox li .mask .effect-img{height: 150px;}
    .HonnorBox li .title{margin-top: 10px;}
    .LoadMore{width: 160px; line-height: 40px;}
}

@media ( max-width:768px){
    .HonnorBox li .mask{padding: 18px;}
    .HonnorBox li .mask .effect-img{height: 100px;}
}

@media ( max-width:640px){
    .HonnorBox li .mask .effect-img{height: 83px;}
}

@media ( max-width:480px){
    .HonnorBox dl{margin-left: 0; background: none; padding: 0 0 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
    .HonnorBox dl .time{position: static; display: block; text-align: center; margin: 0 0 10px; padding-left: 0; background-image: none !important;}
    .HonnorBox li{width: auto; margin-left: 0; float: none;}
    .HonnorBox li .mask{padding: 25px;}
    .HonnorBox li .mask .effect-img{height: 200px;}
}

/* 彰卓客户 */
.Linkbox .item{height: 400px; position: relative; margin: 30px 28px;}
.Linkbox .item li{width: 161px; height: 140px; background-image: url(../images/shape1.png); background-size: 100% 100%; position: absolute; -webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.Linkbox .item li a{display: block; padding: 38px 19px;}
.Linkbox .item li:nth-child(1){top: 0px; left: 0;}
.Linkbox .item li:nth-child(2){top: 0px; left: 280px;}
.Linkbox .item li:nth-child(3){top: 0px; left: 560px;}
.Linkbox .item li:nth-child(4){top: 0px; left: 840px;}
.Linkbox .item li:nth-child(5){top: 90px; left: 140px;}
.Linkbox .item li:nth-child(6){top: 90px; left: 420px;}
.Linkbox .item li:nth-child(7){top: 90px; left: 700px;}
.Linkbox .item li:nth-child(8){top: 90px; left: 980px;}
.Linkbox .item li:nth-child(9){top: 170px; left: 0;}
.Linkbox .item li:nth-child(10){top: 170px; left: 280px;}
.Linkbox .item li:nth-child(11){top: 170px; left: 560px;}
.Linkbox .item li:nth-child(12){top: 170px; left: 840px;}
.Linkbox .item li:nth-child(13){bottom: 0; left: 140px;}
.Linkbox .item li:nth-child(14){bottom: 0; left: 420px;}
.Linkbox .item li:nth-child(15){bottom: 0; left: 700px;}
.Linkbox .item li:nth-child(16){bottom: 0; left: 980px;}
.Linkbox .item li:hover{-webkit-transform: scale3d(1.15,1.15,1);transform:  scale3d(1.15,1.15,1); background-image: url(../images/shape2.png);}
.Linkbox .owl-nav .owl-prev span,.Linkbox .owl-nav .owl-next span{width: 60px; height: 60px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -30px; z-index: 5;}
.Linkbox .owl-nav .owl-prev span{left: -100px; background-image: url(../images/left2.png);}
.Linkbox .owl-nav .owl-next span{right: -100px; background-image: url(../images/right2.png);}
.Linkbox .owl-nav .owl-prev span:hover{background-image: url(../images/lefton.png);}
.Linkbox .owl-nav .owl-next span:hover{background-image: url(../images/righton.png);}

@media ( max-width:1400px){
    .Linkbox .owl-nav .owl-prev span{left: -50px;}
    .Linkbox .owl-nav .owl-next span{right: -50px;}
}

@media ( max-width:1200px){
    .Linkbox .item{margin: 0; height: auto;}
    .Linkbox .item li{position: static; width: 23.5%; float: left; margin: 1% 2% 1% 0; background: none !important; height: auto;}
    .Linkbox .item li:nth-child(4n){margin-right: 0;}
    .Linkbox .item li a{display: block; border: 1px solid #e5e5e5; padding: 15px 40px;}
    .Linkbox .item li:hover{-webkit-transform: scale3d(1,1,1);transform:  scale3d(1,1,1);}
    .Linkbox .owl-nav .owl-prev span,.Linkbox .owl-nav .owl-next span{width: 36px; height: 36px; margin-top: -18px;}
    .Linkbox .owl-nav .owl-prev span{left: 0px;}
    .Linkbox .owl-nav .owl-next span{right: 0px;}
}

@media ( max-width:768px){
    .Linkbox .item li a{padding: 15px;}
}

@media ( max-width:480px){
    .Linkbox .item li a{padding: 5px;}
}

/* 社会责任 */
.Title01 .name{display: block; line-height: 49px; font-size: 36px; color: #333;}
.Title01 .name i{color: #b7282c;}
.Title01 p{font-size: 14px; color: #999; font-family: Arial; line-height: 24px; letter-spacing: 0.5em; text-transform: uppercase;}

.S_top{background: #fff;}
.S_top .effect-img{width: 62.5%; height: 450px; float: left;}
.S_top .con{width: 31.5%; float: right; padding: 4% 3%;}
.S_top .con .title{font-size: 20px; line-height: 34px; max-height: 68px; overflow: hidden; color: #333;}
.S_top .con .info{font-size: 14px; line-height: 28px; color: #808080; max-height: 84px; overflow: hidden; margin: 21px 0 85px;}
.S_top .con .more{display: block; width: 138px; line-height: 42px; border: 1px solid #ebebeb; border-radius: 25px; text-align: center; color: #4d4d4d; font-size: 14px;}
.S_top .con .more i{display: inline-block; vertical-align: middle; width: 15px; height: 8px; margin-left: 12px; background: url(../images/more2.png);}
.S_top:hover .con .title{color: #b7282c;}
.S_top:hover .con .more{background: #b7282c; border: 1px solid #b7282c; color: #fff;}
.S_top:hover .con .more i{background: url(../images/more3.png);}

.SocialList ul{padding-bottom: 2%;}
.SocialList li{width: 32%; float: left; margin: 0 2% 2% 0; background: #fff;}
.SocialList li:nth-child(3n){margin-right: 0;}
.SocialList li a{display: block; padding: 55px 30px; font-size: 14px; color: #808080;}
.SocialList li .title{font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; color: #1a1a1a;}
.SocialList li .date{display: block; line-height: 36px;}
.SocialList li .info{line-height: 26px; height: 72px; overflow: hidden; margin: 20px 0 62px;}
.SocialList li .more{width: 42px; line-height: 42px; text-align: center; border: 1px solid #ebebeb; border-radius: 50%;}
.SocialList li .more span{display: none;}
.SocialList li .more i{display: inline-block; vertical-align: middle; width: 15px; height: 8px; background: url(../images/more2.png); transition: 500ms;}
.SocialList li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.SocialList li:hover .title{color: #b7282c;}
.SocialList li:hover .more{width: 138px; background: #b7282c; border: 1px solid #b7282c; color: #fff; border-radius: 25px;}
.SocialList li:hover .more span{display: inline-block;}
.SocialList li:hover .more i{background: url(../images/more3.png); margin-left: 12px;}

@media ( max-width:1024px){
    .Title01 .name{font-size: 26px; line-height: 36px;}
    .S_top .effect-img{height: 360px;}
    .S_top .con .info{margin: 20px 0;}
    .SocialList li a{padding: 25px 15px;}
    .SocialList li .title{font-size: 16px; line-height: 24px; height: 48px;}
    .SocialList li .info{margin: 10px 0 25px;}
}

@media ( max-width:768px){
    .S_top .effect-img{height: 300px;}
    .S_top .con .title{font-size: 18px; line-height: 28px; max-height: 56px;}
    .SocialList li .more{width: 36px; line-height: 36px;}
    .SocialList li:hover .more{width: 110px;}
}

@media ( max-width:640px){
    .Title01 .name{font-size: 22px; line-height: 30px;}
    .SocialList li{width: 49%; margin-right: 0;}
    .SocialList li:nth-child(2n){float: right;}
}

@media ( max-width:480px){
    .S_top .effect-img,.S_top .con{width: auto; float: none;}
    .S_top .effect-img{height: 200px;}
    .S_top .con{padding: 20px;}
    .S_top .con .more{width: 110px; line-height: 36px;}
    .SocialList li,.SocialList li:nth-child(2n){float: none; width: auto;}
    .SocialList li .title{height: auto; max-height: 48px;}
}

/* 业务领域 */
.AreaList li{width: 23.5%; float: left; margin: 0 2% 2% 0;}
.AreaList li:nth-child(4n){margin-right: 0;}
.AreaList li a{display: block; box-shadow: 0 0 20px rgba(0,0,0,0.05); background: #fff; border: 1px solid #ebebeb; padding: 36px 10px 24px; text-align: center; line-height: 30px; font-size: 18px; color: #111;}
.AreaList li .icon{width: 54px; height: 54px; position: relative; margin: 0 auto;}
.AreaList li .icon img{position: absolute; width: 100%; left: 0; top: 0;}
.AreaList li .title{margin: 8px 0 22px;}
.AreaList li .more{display: block; width: 44px; height: 44px; border-radius: 50%; margin: 0 auto; background-color: #f1f1f1; background-image: url(../images/more2.png); background-repeat: no-repeat; background-position: center center;}
.AreaList li:hover a{background: #b7282c; border: 1px solid #b7282c; color: #fff; box-shadow: 0 0 20px rgba(183,40,44,0.3);}
.AreaList li:hover .more{background-image: url(../images/more4.png);}

@media ( max-width:1024px){
    .AreaList li a{padding: 25px 5px;}
    .AreaList li .title{margin: 5px 0 15px;}
}

@media ( max-width:768px){
    .AreaList li{width: 48.5%; margin-right: 0;}
    .AreaList li:nth-child(2n){float: right;}
    .AreaList li a{font-size: 16px;}
    .AreaList li .icon{width: 45px; height: 45px;}
}

@media ( max-width:480px){
    .AreaList li a{font-size: 13px; padding: 15px 5px;}
    .AreaList li .title{margin: 5px 0;}
    .AreaList li .more{width: 30px; height: 30px;}
}

/* 业务详情 */
.MenuSlide{border-bottom: 2px solid #f2f2f2;}
.MenuSlide .swiper-slide{width: auto;}
.MenuSlide .swiper-slide a{display: block; font-size: 16px; line-height: 69px; color: #4c4c4c; padding: 0 22px;}
.MenuSlide .swiper-slide.on a{border-bottom: 2px solid #b7282c; color: #b7282c;}
.MenuSlide .swiper-button-next,.MenuSlide .swiper-button-prev{color: #b7282c; width: 15px; height: 26px; margin-top: -13px; background-repeat: no-repeat; background-position: center center;}
.MenuSlide .swiper-button-next{background-image: url(../images/right3.png); right: 0;}
.MenuSlide .swiper-button-prev{background-image: url(../images/left3.png); left: 0;}

.AreaDetail .pic{width: 50%; float: left;}
.AreaDetail .pic img{display: block; width: 100%;}
.AreaDetail .con{width: 44.33%; float: right; padding-top: 1.5%;}
.AreaDetail .con .title{font-size: 30px; line-height: 69px; color: #333; border-bottom: 1px solid #b7282c; margin-bottom: 25px;}
.AreaDetail .con .info{font-size: 16px; line-height: 28px; color: #666;}
.ServiceBox ul{background: #f8f8f8; padding: 16px 26px 0;}
.ServiceBox ul li{width: 48%; float: left; font-size: 16px; color: #4c4c4c; padding-left: 15px; background-image: url(../images/arr1.png); background-repeat: no-repeat; background-position: left 8px; margin-bottom: 20px; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ServiceBox ul li:nth-child(2n){float: right;}

@media ( max-width:1024px){
    .AreaDetail .con .title{font-size: 22px; line-height: 40px;}
}

@media ( max-width:768px){
    .MenuSlide .swiper-slide a{line-height: 50px;}
    .AreaDetail .pic,.AreaDetail .con{width: auto; float: none;}
    .AreaDetail .con .title{font-size: 20px;}
    .ServiceBox ul{padding: 20px 15px 15px;}
    .ServiceBox ul li,.ServiceBox ul li:nth-child(2n){width: auto; float: none; margin-bottom: 10px;}
}

/* 专业人员 */
.SelectBox{text-align: center;}
.SelectBox .input,.SelectBox select{width: 338px; height: 48px; border: 1px solid #858585; background: #fff; color: #666; font-size: 14px; padding: 0 20px; margin: 0 5px}
.SelectBox .btn{width: 120px; height: 50px; color: #fff; font-size: 14px; text-align: left; padding-left: 57px; background-color: #b7282c; background-position: 30px center; background-repeat: no-repeat; background-image: url(../images/btn.png);}
.ProfessList ul{padding-bottom: 1.5%;}
.ProfessList li{width: 48.333%; float: left; margin-bottom: 3%; box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.ProfessList li:nth-child(2n){float: right;}
.ProfessList li .effect-img{width: 32.5%; float: left;}
.ProfessList li .effect-img,.ProfessList li .con{height: 240px;}
.ProfessList li .con{width: 67.5%; float: right; padding: 28px 25px; border: 1px solid #eaeaea; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ProfessList li .con .title{line-height: 30px; font-size: 18px; color: #444;}
.ProfessList li .con .title span{font-size: 24px; color: #111; display: inline-block; margin-right: 10px;}
.ProfessList li .con dl dd{margin-top: 22px; position: relative; font-size: 16px; line-height: 25px; color: #888; padding-left: 86px; min-height: 29px;}
.ProfessList li .con dl dd .tit{position: absolute; left: 0; top: 0; line-height: 28px; color: #b7282c; font-weight: bold; border-bottom: 1px solid #b7282c;}
.ProfessList li:hover .con{border: 1px solid #b7282c; background: #b7282c;}
.ProfessList li:hover .con .title,.ProfessList li:hover .con .title span,.ProfessList li:hover .con dl dd{color: #fff;}
.ProfessList li:hover .con dl dd .tit{color: #fff; border-bottom: 1px solid #fff;}

@media ( max-width:1024px){
    .SelectBox .input,.SelectBox select{width: 35%; height: 40px;}
    .SelectBox .btn{height: 42px;}
    .ProfessList li .con .title{font-size: 16px;}
    .ProfessList li .con .title span{font-size: 20px;}
}

@media ( max-width:768px){
    .ProfessList li .effect-img,.ProfessList li .con{width: auto; float: none;}
    .ProfessList li .effect-img{height: 400px;}
    .ProfessList li .con{height: auto; padding: 20px;}
    .ProfessList li .con dl{display: none;}
}

@media ( max-width:640px){
    .ProfessList li .con .title span{display: block;}
}

@media ( max-width:480px){
    .SelectBox .input, .SelectBox select{width: 100%; margin: 0 0 5px;}
    .ProfessList li .effect-img{height: 200px;}
    .ProfessList li .con{padding: 5px; text-align: center;}
    .ProfessList li .con .title i{display: none;}
    .ProfessList li .con .title span{font-size: 16px;}
}

.ProfDetail{padding-left: 300px; min-height: 900px;}
.ProfDetail .P_left{width: 280px; position: absolute; left: 0; top: 0; height: 100%; background: #828386; color: #fff;}
.ProfDetail .P_left .pic img{display: block; width: 100%;}
.ProfDetail .P_left .con{padding: 30px 24px;}
.ProfDetail .P_left .con h2{font-size: 24px; line-height: 30px;}
.ProfDetail .P_left .con dl{margin-top: 16px; line-height: 25px; font-size: 16px;}
.ProfDetail .P_left .con dl dd{font-size: 15px; color: rgba(255,255,255,0.6);}
.ProfDetail .P_right{background: #f1f1f1; padding: 34px 40px;}
.ProfDetail .P_right .box{margin-bottom: 38px;}
.ProfDetail .P_right .box .title{padding-bottom: 6px; border-bottom: 1px solid #e1e1e1; line-height: 45px; font-size: 20px; color: #333; font-weight: bold;}
.ProfDetail .P_right .box .title img{display: inline-block; vertical-align: middle; width: 45px; margin-right: 10px;}
.ProfDetail .P_right .box .con{margin-top: 20px; font-size: 15px; color: #666; line-height: 30px;}

@media ( max-width:1024px){
    .ProfDetail .P_right{padding: 20px;}
    .ProfDetail .P_right .box .title{line-height: 30px; font-size: 18px;}
    .ProfDetail .P_right .box .title img{width: 30px;}
}

@media ( max-width:640px){
    .ProfDetail{padding-left: 0;}
    .ProfDetail .P_left{position: static; width: auto; background: none; color: #666; text-align: center; padding: 20px;}
    .ProfDetail .P_left .pic{width: 150px; margin: 0 auto;}
    .ProfDetail .P_left .con{padding: 10px 0 0;}
    .ProfDetail .P_left .con dl dd{color: rgba(102,102,102,0.6);}
    .ProfDetail .P_left .con dl{margin-top: 10px;}
    .ProfDetail .P_left .con h2{font-size: 20px;}
    .ProfDetail .P_right .box{margin-bottom: 20px;}
    .ProfDetail .P_right .box .con{margin-top: 10px;}
}

/* 彰卓新闻 */
.NewsSlider{width: 65%; float: left;}
.NewsSlider li{position: relative;}
.NewsSlider li .effect-img{height: 480px;}
.NewsSlider li .mask{position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; background-image: url(../images/maskbg2.png); background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
.NewsSlider li .con{position: absolute; z-index: 2; left: 3%; right: 15%; bottom: 5%; color: #fff;}
.NewsSlider li .con .title{font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;}
.NewsSlider li .con .info{font-size: 14px; line-height: 24px; max-height: 48px; overflow: hidden;}
.NewsSlider .owl-dots{position: absolute; right: 15px; bottom: 20px; height: 10px; line-height: 10px;}
.NewsSlider .owl-dots .owl-dot{width: 10px; height: 10px; margin: 0px 3px; background-image: url(../images/dotpic.png); background-repeat: no-repeat; background-position: left top;}
.NewsSlider .owl-dots .owl-dot.active{background-position: left bottom;}

.NewsTop{width: 31.666%; float: right; background: #f5f5f5;}
.NewsTop .effect-img{height: 260px;}
.NewsTop .con{padding: 35px 30px 33px; font-size: 14px; line-height: 26px; color: #808080;}
.NewsTop .con h3{font-size: 20px; color: #1a1a1a; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.NewsTop .con .info{margin: 15px 0 29px; height: 52px; overflow: hidden;}
.NewsTop .con .date{display: block;}

.NewsList{border-top: 1px solid #ebebeb;}
.NewsList ul{padding-bottom: 5%;}
.NewsList li{padding: 3% 0; border-bottom: 1px solid #ebebeb;}
.NewsList li .box{position: relative; padding-right: 200px;}
.NewsList li .effect-img{height: 170px; width: 26%; float: left;}
.NewsList li .con{width: 69.5%; float: right;}
.NewsList li .con .title a{display: block; font-size: 20px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333;}
.NewsList li .con .other{margin: 10px 0 24px; line-height: 25px;}
.NewsList li .con .other a{display: inline-block; margin-right: 25px; padding-left: 22px; background-repeat: no-repeat; background-position: left center; font-size: 13px; color: #ccc;}
.NewsList li .con .other a.eyes{background-image: url(../images/n1.png);}
.NewsList li .con .other a.shares{background-image: url(../images/n2.png);}
.NewsList li .con .info{font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; color: #666;}
.NewsList li .date{position: absolute; right: 0; top: 0; font-size: 14px; line-height: 25px; color: #808080; width: 120px; height: 100%; background: url(../images/line2.png) no-repeat left center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.NewsList li .date span{display: block; font-size: 46px; line-height: 50px; color: #b7282c;}
.NewsList li:hover .con .title a{color: #b7282c;}
.NewsList li:hover .date{background: #b7282c; color: rgba(255,255,255,0.5);}
.NewsList li:hover .date span{color: #fff;}

@media ( max-width:1024px){
    .NewsSlider li .con .title{margin-bottom: 0;}
    .NewsSlider li .effect-img{height: 373px;}
    .NewsTop .con{padding: 20px;}
    .NewsTop .effect-img{height: 200px;}
    .NewsTop .con .info{margin: 10px 0 15px;}
    .NewsSlider li .con .title,.NewsTop .con h3,.NewsList li .con .title a{font-size: 16px;}
    .NewsList li .effect-img{height: 132px;}
    .NewsList li .con .other{margin: 5px 0 10px}
    .NewsList li .box{padding-right: 130px;}
    .NewsList li .date{width: 100px;}
    .NewsList li .date span{font-size: 30px; line-height: 34px;}
    
}

@media ( max-width:640px){
    .NewsSlider,.NewsTop {width: auto; float: none;}
    .NewsTop .effect-img{height: 320px;}
}

@media ( max-width:480px){
    .NewsSlider li .effect-img{height: 260px;}
    .NewsTop .effect-img{height: 200px;}
    .NewsTop .con .info{height: auto; max-height: 52px;}
    .NewsList li{padding: 5% 0;}
    .NewsList li .box{padding-right: 0;}
    .NewsList li .effect-img,.NewsList li .con{width: auto; float: none;}
    .NewsList li .effect-img{height: 200px; margin-bottom: 10px;}
    .NewsList li .date{height: 70px; width: 70px; background: rgba(183,40,44,0.6); right: auto; left: 0; color: rgba(255,255,255,0.5);}
    .NewsList li .date span{color: #fff;}
}

/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7; line-height:28px; font-size:14px; color:#333333;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:480px){
.ActiveContent .Atit h2{font-size:18px;}
.ActiveContent .Atit em i{padding: 0px 5px;}
}

.PartyList ul{padding-bottom: 2%;}
.PartyList li{width: 32%; float: left; margin: 0 2% 2% 0; background: #fff;}
.PartyList li:nth-child(3n){margin-right: 0;}
.PartyList li .con{padding: 25px 20px;}
.PartyList li .con .title{font-size: 18px; color: #111; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.PartyList li .con .info{margin: 17px 0 24px; font-size: 14px; line-height: 24px; height: 72px; color: #888; overflow: hidden;}
.PartyList li .con .more{display: block; width: 138px; line-height: 42px; border: 1px solid #ebebeb; border-radius: 25px; text-align: center; color: #4d4d4d; font-size: 14px;}
.PartyList li .con .more i{display: inline-block; vertical-align: middle; width: 15px; height: 8px; margin-left: 12px; background: url(../images/more5.png);}
.PartyList li:hover{box-shadow: 3px 3px 20px rgba(0,0,0,0.1);}
.PartyList li:hover .con .more{background: #b7282c; border: 1px solid #b7282c; color: #fff;}
.PartyList li:hover .con .more i{background: url(../images/more3.png);}

@media ( max-width:768px){
    .PartyList li{width: 48.5%; margin-right: 0;}
    .PartyList li:nth-child(2n){float: right;}
    .PartyList li .con{padding: 15px;}
    .PartyList li .con .title{font-size: 16px;}
    .PartyList li .con .info{margin: 5px 0 15px;}
}

@media ( max-width:480px){
    .PartyList li,.PartyList li:nth-child(2n){width: auto; float: none; margin-bottom: 5%;}
    .PartyList li .con .more{width: 110px; line-height: 36px;}
}

/* 联系我们 */
/* .ContactBox  */
.hdCon .item a{display: block; margin: 0 10px;}
.hdCon .item .con{border: 1px solid #ebebeb; border-top: none !important; padding: 25px 15px; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hdCon .item .con .title{font-size: 22px; color: #1a1a1a; line-height: 30px; text-align: center;}
.hdCon .item .con dl dd{margin-top: 10px; font-size: 14px; color: #666; padding-left: 26px; line-height: 22px; background-repeat: no-repeat; background-position: 0 0;}
.hdCon .item .con dl dd.c1{background-image: url(../images/ct1.png);}
.hdCon .item .con dl dd.c2{background-image: url(../images/ct2.png);}
.hdCon .item .con dl dd.c3{background-image: url(../images/ct3.png);}
.hdCon .item .con dl dd.c4{background-image: url(../images/ct4.png);}
.hdCon .liactive .item .con{border: 1px solid #b7282c;}
.bdCon .item .box{border: 1px solid #e6e6e6;}
.bdCon .item .box img{display: block; width: 100%;}
.ContactBox .btns a{width: 60px; height: 60px; position: absolute; z-index: 99; top: 20%; line-height: 1000px; overflow: hidden; background-position: center center; background-size: cover;}
.ContactBox .btns .btn-prev{left: -100px; background-image: url(../images/left2.png);}
.ContactBox .btns .btn-next{right: -100px; background-image: url(../images/right2.png);}
.ContactBox .btns .btn-prev:hover{background-image: url(../images/lefton.png);}
.ContactBox .btns .btn-next:hover{background-image: url(../images/righton.png);}

@media ( max-width:1200px){
    .hdCon .item .con{padding: 15px;}
    .hdCon .item .con .title{font-size: 18px;}
    .ContactBox .btns a{width: 30px; height: 30px;}
    .ContactBox .btns .btn-prev{left: 0;}
    .ContactBox .btns .btn-next{right: 0;}
}

/* 加入彰卓 */
.JobList li{margin-bottom:10px;}
.JobList li .box{background:#ebebeb; height:70px; line-height:70px; padding:0 3%; font-size:16px; color:#4c4c4c;}
.JobList li .box .tit{background: url(../images/jia2.png) no-repeat right center;}
.JobList li.lion .box{background: #b7282c; color: #fff;}
.JobList li.lion .box .tit{background: url(../images/jian2.png) no-repeat right center;}
.JobList li .Con{font-size:14px; line-height:26px; color:#808080; background:#f9f9f9; padding:3%; display:none;}
.JobList li .Con dl{margin-bottom: 2%;}
.JobList li .Con dl dt{font-size: 16px; color: #333;}

@media ( max-width:1024px){
    .JobList li .box{height: 50px; line-height: 50px;}
}

@media ( max-width:640px){
    .JobList li .box{height: 40px; line-height: 40px;}
}