@charset "utf-8";
@font-face {
	font-family: 'BEBAS';
	src: url('../font/BEBAS.eot');
	src: url('../font/BEBAS.eot?#iefix') format('embedded-opentype');
	src:url('../font/BEBAS.tff') format('tff'), url('../font/BEBAS.ttf') format('truetype'), url('../font/BEBAS.svg#BEBAS') format('svg'),local('BEBAS');
	font-weight: normal;
	font-style: normal;
}
body,html{height:100%; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; 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 ease 0.3s; -webkit-transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.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;}
.w1360{max-width:1360px; min-width:320px; margin:0px auto;}
.w1000{max-width:1000px; min-width:320px; margin:0px auto;}

.f_color{color:#cf000d !important;}
.relative{position: relative;}

@media ( max-width:1366px){
    .w1360{padding: 0 15px;}
}

@media ( max-width:1000px){
    .w1000{padding: 0 15px;}
}


/*公用样式*/
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img{opacity: 1;-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,.item:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Ban{height: 350px; background-size: cover; background-position: center center;}
.Ban .txt{padding: 126px 0px; color: #fff; background: rgba(0,0,0,0.4);}
.Ban .txt .name{display: block; font-size: 42px; line-height: 60px;}
.Ban .txt p{font-size: 20px; line-height: 38px;}

.Menus{background: #f7f7f7;}
.Menus .title{display: none; padding: 0px 20px; background: #cf000d; line-height: 40px;}
.Menus .title span{display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center;}
.Menus ul{line-height: 59px; text-align: center;}
.Menus li{display: inline-block; margin: 0 2%; font-size: 15px; position: relative;}
.Menus li a{display: block; position: relative; z-index: 5; color: #666666;}
.Menus li i{position: absolute; height: 2px; width: 100%; left: 0px; bottom: -2px; z-index: 3; background: #cf000d; opacity: 0;}
.Menus li:hover a,.Menus li.on a{color: #cf000d;}
.Menus li:hover i,.Menus li.on i{opacity: 1;}

/*pages*/
.Pages{width:100%; text-align:center;}
.Pages a{display:inline-block; font-size: 18px; font-family: Arial; width: 40px; line-height: 40px; background:#ccc; color:#fff; margin:0px 5px;}
.Pages .a_prev,.Pages .a_next{display:inline-block; font-size: 14px; font-family: "宋体";}
.Pages .num a:hover,.Pages .num a.a_cur{background:#cf000d;}
/*pages end*/

@media ( max-width:1024px){
    .Ban .txt{padding: 145px 0px;}
    .Ban .txt .name{font-size: 26px; line-height: 30px;}
    .Ban .txt p{font-size: 16px; line-height: 30px;}
}

@media ( max-width:768px){
    .Ban{height: 260px;}
    .Ban .txt{padding: 100px 0px;}
    .Ban .txt .name{font-size: 20px;}
    .Menus{background: none; margin: 3% 0 0; border-bottom: none;}
    .Menus .title{display: block;}
    .Menus ul{display: none; line-height: 36px; padding: 15px 0px; border: 1px solid #cf000d; text-align: left;}
    .Menus li{display: block; width: 100%;}
    .Menus li a{padding: 0px 20px;}
    .Menus li:hover i,.Menus li.on i{display: none;}

    .Pages a{width: 30px; line-height: 30px; font-size: 16px; margin: 0 2px;}
}


/*Top*/
.Header{border-top:2px solid #cf000d;}
.Top{padding:34px 0px;}
.Logo{width:310px; float:left;}
.Logo img{display:block; width:100%;}
.TopTxt{float: right; line-height: 46px;}
.TopTxt img{display: inline-block; vertical-align: middle;}
.TopBar .sbtn{width: 19px; height: 18px; position: absolute; right: 0px; top: 50%; margin-top: -9px; background: url(../images/btn.png) no-repeat;}
.Search{background:#fff; border: 1px solid #ddd; border-radius:10px; position: absolute; top: 100%; right: 0; z-index: 99; width: 220px; display: none;}
.Search .input{padding:0px 10px 0px 15px; height:32px; width:160px; font-size:14px; color: #333;}
.Search .input::placeholder{color: #999;}
.Search .btn{background:url(../images/btn2.png) no-repeat; width:19px; height:18px; position:absolute; top:50%; margin-top: -8px; right: 15px;}

.Showbox{background:#cf000d;}
.Nav{position:relative;}
.Nav ul{padding-right: 40px;}
.Nav li{float:left; text-align:center; width:12.5%; position: relative;}
.Nav li .am{display:block; font-size:16px; line-height:50px; color:#fff; background: url(../images/navline.png) no-repeat right center;}
.Nav li .foldbtn{position: absolute; display: none; width: 50px; height: 50px; 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{background: #a5111a;}
.Nav li .SubNav{position:absolute; left:0%; top:100%; z-index:999; width:100%; border-radius: 0px 0px 10px 10px; display:none; text-align:center; background: rgba(62,69,71,.8); padding: 10px 0px;}
.Nav li .SubNav a{display:block; line-height:40px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#fff;}
.Nav li .SubNav a:hover{background: #a5111a;}

.Banner{position: relative; z-index: 3; overflow: hidden;}
.Banner .item img{display: block; width: 100%;}
.Banner .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 5%; height: 16px; line-height: 16px;}
.Banner .owl-dots .owl-dot{width: 16px; height: 16px; margin: 0px 10px; background-image: url(../images/dotpic.png); background-repeat: no-repeat; background-position: left top;}
.Banner .owl-dots .owl-dot.active{background-position: left bottom;}

@media ( max-width:1366px){
    .Top{padding: 15px 0px;}
    .TopBar .sbtn{right: 15px;}
}

@media ( max-width:998px){
    .Top{position:relative;}
    .TopTxt{display: none;}
    .Logo{width: 220px;}
    .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%; background:rgba(0,0,0,.95); 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,.95); 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 .w1200{min-width:auto;}
    .Nav li{float:none; width:auto; text-align:left;}
    .Nav li .foldbtn{display: block;}
    .Nav li .am{padding:10px 0px; color:#fff; line-height:40px; font-size:20px; padding-left:30px; display:block; background: none;}
    .Nav li:hover .am, .Nav li.active .am{background: none; color: #a5111a;}
    .Nav li.on .foldbtn{background-image: url(../images/jian.png);}
    .Nav li .SubNav{position: static; text-align: left; background: none; padding: 0;}
    .Nav li .SubNav a{padding:0px 60px; font-size: 16px;}
    .Nav li.on .SubNav{display: block; }

    .TopBar .sbtn{display: none;}
    .Search{position: relative; display: block; margin: 15px auto 30px;}
}

@media ( max-width:640px){
    .Banner .owl-dots .owl-dot{margin: 0px 5px;}
}

@media ( max-width:480px){
    .Logo{width: 180px;}
    .Showbox{width: 100%;}
}
 
/*bottom*/
.Footer{background: #2c2d30; padding: 60px 0px 70px;}
.Sitepath{width: 70.58%; float: left;}
.Sitepath dl{width: 14.28%; float: left; line-height: 32px;}
.Sitepath dl dt{margin-bottom: 16px;}
.Sitepath dl dt a{display: block; font-size: 18px; color: #fff; font-weight: bold;}
.Sitepath dl dd a{display: block; font-size: 16px; color: rgba(255,255,255,0.5);}
.Footer .info{width: 27%; float: right;}
.Footer .info .bmenu{font-size: 18px; color: #fff; font-weight: bold; line-height: 32px; margin-bottom: 16px;}
.Footer .info .bmenu a{color: #fff;}
.Footer .info .bmenu i{padding: 0px 3px;}
.Footer .info .call .name{display: block; font-size: 16px; color: rgba(255,255,255,0.5); line-height: 32px;;}
.Footer .info .call b{display: block; font-size: 36px; color: #cf000d; line-height: 44px; font-family: Impact;}
.Share{height:38px; margin-top: 12px;}
.Share .bdshare-button-style0-16 a,.Share .bdshare-button-style0-16 .bds_more{width:38px !important; height:38px !important; padding:0 !important; margin: 0px 12px 0px 0px !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: left top !important;}
.Share .bdshare-button-style0-16{display:inline-block;}
.Share .bdshare-button-style0-16 .bds_weixin{ background-image:url(../images/b2.png) !important;}
.Share .bdshare-button-style0-16 .bds_tsina{background-image:url(../images/b3.png) !important;}
.Share .bdshare-button-style0-16 .bds_sqq{background-image:url(../images/b1.png) !important;}

.Bottom{font-size: 16px; color: #fff; padding: 15px 0px; line-height: 30px; background: #242527;}
.Bottom a{color: #fff;}

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

@media ( max-width:768px){
    .Bottom{font-size: 14px; line-height: 26px; text-align: center;}
    .Bottom span{float: none !important; display: block;}
}

/*index*/
.ptb3{padding: 3% 0;}
.HomeTit{position: relative; margin-bottom: 3%;}
.HomeTit span{display: block; text-transform: uppercase; font-family: "BEBAS";}
.HomeTit .en1{font-size: 150px; line-height: 136px; color: #fafafa; margin-left: -85px;}
.HomeTit .en2{font-size: 40px; line-height: 50px; color: #cf000d; margin-top: -64px;}
.HomeTit .name{font-size: 24px; color: #333333; line-height: 40px;}
.HomeTit .name i{display: inline-block; vertical-align: middle; width: 24px; height: 2px; background: #333333; margin-left: 22px;}
.HomeTit .more{position: absolute; right: 0px; bottom: 0px; line-height: 90px; padding-left: 42px; background: url(../images/line.png) no-repeat left center; font-size: 14px; color: #333333; text-transform: uppercase;}
.HomeTit .more i{margin-left: 8px; font-family: "宋体";}
.HomeAbout .txt{width: 45%; float: left;}
.HomeAbout .txt .info{font-size: 16px; line-height: 32px; color: #666666; max-height: 96px; overflow: hidden;}
.HomeAbout .txt dl{margin-top: 6%;}
.HomeAbout .txt dl dd{width: 25%; float: left;}
.HomeAbout .txt dl dd .num{font-size: 14px; color: #333333;}
.HomeAbout .txt dl dd .num span{display: inline-block; font-size: 40px; line-height: 52px; font-family: "BEBAS"; padding-right: 5px;}
.HomeAbout .txt dl dd p{font-size: 15px; line-height: 28px; color: #666666;}

.HomeVideo{width: 50%; float: right; position: relative;}
.HomeVideo .pic img{display: block; width: 100%;}
.HomeVideo .play{position: absolute; width: 70px; height: 70px; left: 50%; top: 50%; margin: -35px 0px 0px -35px; z-index: 2; background-image: url(../images/play.png); background-repeat: no-repeat; background-size: cover;}
.HomeVideo video{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; display: none; z-index: 3;}

.HomeProduct{background: #dbdbdb;}
.HomeProduct ul{background: #f7f7f7; height: 700px; position: relative;}
.HomeProduct ul li{width: 31.35%; height: 50%; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.HomeProduct ul li.p1{left: 0px; top: 0;}
.HomeProduct ul li.p2{left: 31.35%; top: 0;}
.HomeProduct ul li.p3{width: 37.5%; height: 100%; right: 0px; top: 0px;}
.HomeProduct ul li.p4{width: 62.5%; left: 0px; bottom: 0px;}
.HomeProduct ul li a{display: block; padding: 52px 50px;}
.HomeProduct ul li .title span{display: block; font-size: 14px; color: #999999; line-height: 24px; text-transform: uppercase; margin-bottom: 12px;}
.HomeProduct ul li .title h3{font-size: 32px; color: #333333; line-height: 40px;}
.HomeProduct ul li .info{font-size: 18px; line-height: 32px; height: 64px; overflow: hidden; margin: 10px 0px 8px; color: #666666;}
.HomeProduct ul li .more{display: block; text-align: center; width: 118px; line-height: 40px; border: 1px solid rgba(0,0,0,.1); border-radius: 25px; font-size: 16px; color: #666666;}
.HomeProduct ul li:hover{box-shadow: 0px 0px 25px #e5e5e5;}
.HomeProduct ul li:hover .title h3{color: #cf000d;}
.HomeProduct ul li:hover .more{border: 1px solid #cf000d; background: #cf000d; color: #fff;}

.HomeHistory{position: relative;}
.HisCon{margin-bottom: 3%;}
.HisCon .box{position: relative; background-image: url(../images/hisbg.png); background-repeat: no-repeat; background-position: right center;}
.HisCon .box .con{position: relative; z-index: 5;}
.HisCon .box .pic{width: 50%; float: left;}
.HisCon .box .pic img{display: block; width: 100%;}
.HisCon .box .list{width: 45%; float: right; padding: 2% 0 0;}
.HisCon .box .list dd{margin-top: 18px;}
.HisCon .box .list dd h3{font-size: 22px; line-height: 28px; margin-bottom: 12px; color: #cf000d;}
.HisCon .box .list dd .info{font-size: 16px; line-height: 32px; color: #666666;}
.DateSlide .slides li{font-size: 20px; line-height: 30px; text-align: center; font-family: "Arial";}
.DateSlide .slides li a{display: inline-block; color: #b3b3b3; border-bottom: 2px solid rgba(0,0,0,0);}
.DateSlide .slides li.flex-active-slide a{border-bottom: 2px solid #cf000d; color: #cf000d;}
.HisCon .flex-direction-nav a{line-height: 100px; width: 9px; height: 17px; overflow: hidden; background-repeat: no-repeat; top: auto; bottom: 5px; margin-top: 0;}
.HisCon .flex-direction-nav .flex-prev{left: 0px; background-image: url(../images/left.png);}
.HisCon .flex-direction-nav .flex-next{right: 0px; background-image: url(../images/right.png);}

@media ( max-width:1500px){
    .HomeTit .en1{margin-left: 0;}
}

@media ( max-width:1366px){
    .HomeTit .en1{font-size: 110px;}
    .HomeAbout .txt dl dd .num span{font-size: 30px;}
    .HomeProduct ul li .title h3{font-size: 26px;}
}

@media ( max-width:1024px){
    .HomeTit .en1{display: none;}
    .HomeTit .en2{margin-top: 0; font-size: 26px; line-height: 32px;}
    .HomeTit .name{font-size: 20px;}
    .HomeProduct ul li .title h3{font-size: 20px;}
    .HomeProduct ul li .info{font-size: 16px;}
}

@media ( max-width:768px){
    .HomeAbout .txt,.HomeVideo{width: 100%; float: none;}
    .HomeAbout .txt dl dd .num span{font-size: 22px; line-height: 30px;}
    .HomeVideo,.HomeAbout .txt dl{margin-top: 3%;}
    .HomeProduct ul li,.HomeProduct ul li.p3{width: 33.33333%;}
    .HomeProduct ul li.p4{width: 100%;}
    .HomeProduct ul li a{padding: 50px 20px;}
    .HomeProduct ul li .title h3{font-size: 16px; line-height: 30px;}
    .HomeProduct ul li .info{font-size: 14px;}
    .HomeProduct ul li .more{line-height: 30px;}
    .HisCon .box .pic,.HisCon .box .list{width: 100%; float: none;}
    .HisCon .box .list dd h3{font-size: 18px;}
}

@media ( max-width:480px){
    .ptb3{padding: 6% 0;}
    .HomeTit .name i{display: none;}
    .HomeAbout .txt dl dd{width: 50%; margin-bottom: 15px;}
    .HomeProduct ul{height: auto;}
    .HomeProduct ul li, .HomeProduct ul li.p3{width: 100%;}
    .HomeProduct ul li{position: static; border-bottom: 1px solid #e5e5e5;}
}

/* 公司简介 */
.Title01{text-align: center; font-size: 30px; color: #333333; line-height: 40px; font-weight: bold; margin-bottom: 3%;}
.About .pic{width: 50%; margin: 0 3% 3% 0; float: left;}
.About .pic img{display: block; width: 100%;}
.About .txt{font-size: 16px; line-height: 30px; color: #808080; padding-top: 2%;}
.About .txt p{text-indent: 2em; padding-bottom: 1.5%;}

@media ( max-width:1024px){
    .Title01{font-size: 24px; line-height: 30px;}
}

@media ( max-width:768px){
    .Title01{font-size: 20px;}
}

@media ( max-width:640px){
    .About .txt{font-size: 14px;}
}

@media ( max-width:480px){
    .Title01{margin-bottom: 6%;}
    .About .pic{width: 100%; margin-right: 0; float: none;}
}

/* 组织架构 */
.Category{position: absolute; left: 0px; top: 0px; width: 250px;}
.Category a{display: block; font-size: 16px; line-height: 49px; color: #333333; border-bottom: 1px solid #e4e4e4;}
.Category a:hover,.Category a.on{color: #cf000d; border-bottom: 1px solid #cf000d;}
.Organize{margin: 0 4.5%; position: relative; padding-left: 265px; min-height: 800px; background-image: url(../images/world.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto;}

@media ( max-width:1024px){
    .Category{position: static; text-align: center; width: 100%; margin-bottom: 4%;}
    .Category a{display: inline-block; border-bottom: none; line-height: 30px; margin: 0 5px;}
    .Category a:hover,.Category a.on{border-bottom: none;}
    .Organize{margin: 0; padding-left: 0; min-height: auto;}
}

@media ( max-width:640px){
    .Category a{font-size: 14px;}
}

@media ( max-width:480px){
    .Category a{margin: 0 2px;}
}

/* 宝光文化 */
.CultureBox{position: relative; padding-bottom: 3%;}
.CultureBox .pic{text-align: center;}
.CultureBox .list li{position: absolute; width: 300px;}
.CultureBox .list li.c1,.CultureBox .list li.c2{top: 0px;}
.CultureBox .list li.c3,.CultureBox .list li.c4{top: 250px;}
.CultureBox .list li.c5,.CultureBox .list li.c6{bottom: 0px;}
.CultureBox .list li.c1,.CultureBox .list li.c5{left: 16%;}
.CultureBox .list li.c3{left: 8%;}
.CultureBox .list li.c2,.CultureBox .list li.c6{right: 12%;}
.CultureBox .list li.c4{right: 4%;}
.CultureBox .list li .con{position: relative; padding-left: 60px;}
.CultureBox .list li .con .icon{position: absolute; left: 0px; top: 0px; width: 48px;}
.CultureBox .list li .con h3{line-height: 44px; font-size: 20px; color: #262626;}
.CultureBox .list li .con .info{font-size: 16px; color: #666; line-height: 30px;}

.SlideBox{margin: 4% 0 0;}
.SlideBox .owl-carousel{margin-top: -20px; padding-bottom: 56px;}
.SlideBox .item{padding-top: 20px;}
.SlideBox .item a{display: block; margin: 0px 15px; background: #fafafa;}
.SlideBox .item .effect-img{height: 272px; max-width: 100%; display: flex; align-items: center; justify-content: center;}
.SlideBox .item .effect-img img{display: block; width: auto; max-height: 100%;}
.SlideBox .item .name{display: block; height: 68px; line-height: 68px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 18px; color: #444444; background: #f0f0f0;}
.SlideBox .item:hover a{background: #fff; box-shadow: 0px 0px 20px #e5e5e5;}
.SlideBox .item:hover .name{background: #cf000d; color: #fff;}
.SlideBox .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 0; height: 16px; line-height: 16px;}
.SlideBox .owl-dots .owl-dot{width: 16px; height: 16px; margin: 0px 10px; background-image: url(../images/dotpic.png); background-repeat: no-repeat; background-position: left top;}
.SlideBox .owl-dots .owl-dot.active{background-position: left bottom;}

@media ( max-width:1200px){
    .CultureBox .list li.c1, .CultureBox .list li.c5{left: 8%;}
    .CultureBox .list li.c2, .CultureBox .list li.c6{right: 4%;}
    .CultureBox .list li.c3{left: 0;}
    .CultureBox .list li.c4{right: 0;}
}

@media ( max-width:1024px){
    .CultureBox .list li{position: static; width: 48%; float: left; margin-top: 3%;}
    .CultureBox .list li:nth-child(2n){float: right;}
    .CultureBox .list li .con h3{font-size: 16px;}
    .CultureBox .list li .con .icon{width: 40px;}
    .SlideBox .item a{margin: 0px 5px;}
    .SlideBox .item .name{height: 50px; line-height: 50px; font-size: 16px;}
}

@media ( max-width:640px){
    .CultureBox .list li .con{padding-left: 0; text-align: center;}
    .CultureBox .list li .con .icon{display: inline-block; position: static;}
}

@media ( max-width:480px){
    .CultureBox .list li{width: 100%; float: none; margin-top: 5%;}
    .SlideBox .owl-carousel{padding-bottom: 30px;}
    .SlideBox .owl-dots .owl-dot{margin: 0px 3px;}
}

/* 发展历程 */
.LeaderBox dl{background: #fafafa; margin-bottom: 3%;}
.LeaderBox dl .effect-img,.LeaderBox dl .con{width: 50%; float: left;}
.LeaderBox dl .effect-img img{display: block; width: 100%;}
.LeaderBox dl:nth-child(2n) .effect-img{float: right;}
.LeaderBox dl .con .txt{padding: 5%;}
.LeaderBox dl .con .txt .say{font-size: 20px; line-height: 32px; color: #333333; font-weight: bold;}
.LeaderBox dl .con .txt .say .name{display: block; text-align: right;}
.LeaderBox dl .con .txt .info{font-size: 15px; line-height: 28px; color: #666666; margin-top: 3%;}
.LeaderBox dl .con .txt .info p{text-indent: 2em;}
.LeaderBox dl:hover{box-shadow: 0px 0px 20px #e5e5e5; background: #fff;}
.LeaderBox dl:hover .con .txt .say{color: #cf000d;}

.HistoryList{margin:25px 0px; padding-top:24px; background:url(../images/arr1.png) no-repeat center top;}
.HistoryList ul{background:url(../images/line2.png) repeat-y center top; padding:4% 0 0;}
.HistoryList li{width:50.6%; float:left; position:relative;}
.HistoryList li .date{width:80px; position:absolute; right:0px; top:20px; line-height:28px; background-image:url(../images/arr2.png); background-repeat: no-repeat; background-position:right center; font-size:23px; color:#333; font-family:"Arial";}
.HistoryList li .box{margin-right:95px; background:#fafafa; padding:4%; box-shadow:0px 5px 15px #eeeeee; color:#666;}
.HistoryList li .box .txt .info{font-size:15px; line-height:28px; margin-bottom:16px;}
.HistoryList li .box .txt .effect-img img{display:block; width:100%;}
.HistoryList li:nth-child(2n){float:right; margin-top:-15%;}
.HistoryList li:nth-child(2n) .date{right:auto; left:0px; text-align:right; background-position:left center;}
.HistoryList li:nth-child(2n) .box{margin:0px 0px 0px 95px;}

.HistoryList li:hover .date{color:#cf000d; background-image:url(../images/arr3.png);}
.HistoryList li:hover .box{background: #cf000d; color: #fff; box-shadow: none;}

@media ( max-width:1024px){
    .LeaderBox dl .effect-img,.LeaderBox dl .con,.LeaderBox dl:nth-child(2n) .effect-img{width: 100%; float: none;}
    .HistoryList li{width: 50.8%;}
}

@media ( max-width:768px){
    .LeaderBox dl .con .txt .say{font-size: 16px; line-height: 28px;}
    .HistoryList li{width: 51.1%;}
}

@media ( max-width:480px){
    .HistoryList{background: none; padding-top: 0;}
    .HistoryList ul{background: none; padding-top: 0;}
    .HistoryList li{width:100%; float: none; margin-top: 5%;}
    .HistoryList li .date{position:static; width:100%;}
    .HistoryList li .box,.HistoryList li:nth-child(2n) .box{margin:10px 0px 0px 0px;}
    .HistoryList li:nth-child(2n){float: none; margin-top: 5%;}
}

/* 荣誉资质 */
.HonnorList .item{width: 33.3333%; float: left; margin: 0 0 3% 0; padding-top: 0;}
.HonnorList .item:nth-child(3n){margin-right: 0;}

@media ( max-width:768px){
    .HonnorList .item{width: 50%;}
}

@media ( max-width:480px){
    .HonnorList{padding-bottom: 3%;}
    .HonnorList .item{width: 100%; float: none;}
}

/* 新闻中心 */
.NewsTop{background: #fafafa;}
.NewsTop .item .pic{width: 43%; float: left;}
.NewsTop .item .pic img{display: block; width: 100%;}
.NewsTop .item .con{width: 57%; float: right; line-height: 28px; position: relative;}
.NewsTop .item .con .txt{padding: 4%;}
.NewsTop .item .con .date{display: block; font-size: 18px; color: #999; font-family: Arial; padding-left: 34px; background: url(../images/date.png) no-repeat left center;}
.NewsTop .item .con .name{display: block; margin: 3% 0; font-size: 20px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333;}
.NewsTop .item .con .info{font-size: 15px; line-height: 28px; color: #666; max-height: 84px; overflow: hidden;}
.NewsTop .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 10%; height: 10px; line-height: 10px;}
.NewsTop .owl-dots .owl-dot{width: 10px; height: 10px; margin: 0px 5px; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: left top; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.NewsTop .owl-dots .owl-dot.active{width: 24px; background-position: left bottom; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.NewsList ul{padding: 3% 0;}
.NewsList li{padding: 2% 4.5%; border-bottom: 1px dashed #cccccc;}
.NewsList li a{display: block; position: relative; padding-left: 105px; min-height: 84px;}
.NewsList li .date{position: absolute; left: 0px; top: 0px; text-align: center; width: 68px; height: 84px; font-family: Arial; color: #fff; background: #b3b3b3;}
.NewsList li .date span{display: block; padding-top: 17px; line-height: 32px; font-size: 30px; font-weight: bold;}
.NewsList li .date em{display: block; font-size: 14px; line-height: 22px;}
.NewsList li .title{font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222;}
.NewsList li .info{font-size: 15px; line-height: 22px; color: #888888; max-height: 44px; overflow: hidden;}
.NewsList li:hover{background: #fff; box-shadow: 0px 0px 25px #e5e5e5;}
.NewsList li:hover .date{background: #cf000d;}
.NewsList li:hover .title{color: #cf000d;}

@media ( max-width:1024px){
    .NewsList li{padding: 2%;}
    .NewsList li a{padding-left: 85px;}
}

@media ( max-width:768px){
    .NewsTop .item .con .name{font-size: 16px; margin: 1.5% 0;}
}

@media ( max-width:640px){
    .NewsTop .item .pic,.NewsTop .item .con{width: 100%; float: none;}
    .NewsTop .item .con{padding-bottom: 30px;}
    .NewsTop .owl-dots{bottom: 20px;}
    .NewsList li a{min-height: 74px;}
    .NewsList li .date{height: 74px;}
    .NewsList li .date span{padding-top: 14px; line-height: 24px; font-size: 20px;}
    .NewsList li .info{font-size: 14px;}
}

@media ( max-width:480px){
    .NewsList ul{padding: 5% 0;}
    .NewsList li{padding: 5% 2%;}
}

/*详情页*/
.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;}
}

/* 产品中心 */
.ProductList li{width: 32%; float: left; text-align: center; margin: 0 2% 1% 0;}
.ProductList li:nth-child(3n){margin-right: 0;}
.ProductList li .box{position: relative;}
.ProductList li .box .effect-img img{display: block; width: 100%; height: 453px;}
.ProductList li .box .con{position: absolute; opacity: 0; left: 0px; top: 0px; width: 80%; height: 70%; padding: 15% 10%; color: #fff; background: rgba(207, 0, 13, 0.9);}
.ProductList li .box .con h3{font-size: 18px; line-height: 28px;}
.ProductList li .box .con .info{font-size: 14px; color: rgba(255,255,255,0.8); line-height: 30px; max-height: 120px; overflow: hidden; margin: 16px 0px 40px;}
.ProductList li .box .con .more{display: block; width: 128px; line-height: 38px; border: 1px solid rgba(255,255,255,0.7); border-radius: 25px; margin: 0 auto;}
.ProductList li .name{display: block; font-size: 18px; color: #444444; line-height: 68px; height: 68px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ProductList li:hover .con{transition: all ease 0.3s; opacity: 1;}
.ProductList li:hover .name{transition: all ease 0.3s; opacity: 0; color: #cf000d;}

@media ( max-width:990px){
    .ProductList li:hover .con{transition: all ease 0.3s; opacity: 0;}
    .ProductList li:hover .name{transition: all ease 0.3s; opacity: 1;}
    .ProductList li .name{font-size: 16px; height: 50px; line-height: 50px;}
    .ProductList li .box .effect-img img{height: 323px;}
}

@media ( max-width:768px){
    .ProductList li .box .effect-img img{height: 246px;}
}

@media ( max-width:640px){
    .ProductList li{width: 48%; margin-right: 0;}
    .ProductList li:nth-child(2n){float: right;}
    .ProductList li .box .effect-img img{height: 305px;}
}

@media ( max-width:480px){
    .ProductList li,.ProductList li:nth-child(2n){width: 100%; float: none;}
    .ProductList li .box .effect-img img{height: 359px;}
}

/* 成功案例 */
.CaseList ul{padding-bottom: 1%;}
.CaseList li{width: 32%; float: left; margin: 0 2% 2% 0;}
.CaseList li:nth-child(3n){margin-right: 0;}
.CaseList li .effect-img img{display: block; width: 100%; height: 274px;}
.CaseList li .name{display: block; background: #f0f0f0; text-align: center; font-size: 18px; color: #444444; line-height: 68px; height: 68px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.CaseList li:hover .name{background: #cf000d; color: #fff;}

@media ( max-width:1024px){
    .CaseList li .name{font-size: 16px; height: 50px; line-height: 50px;}
    .CaseList li .effect-img img{height: 200px;}
}

@media ( max-width:768px){
    .CaseList li .effect-img img{height: 149px;}
}

@media ( max-width:640px){
    .CaseList li{width: 48%; margin-right: 0;}
    .CaseList li:nth-child(2n){float: right;}  
    .CaseList li .effect-img img{height: 184px;}
}

@media ( max-width:480px){
    .CaseList ul{padding-bottom: 3%;}
    .CaseList li,.CaseList li:nth-child(2n){width: 100%; float: none;}
    .CaseList li .effect-img img{height: 217px;}
}

/* 售后支持 */
.Service li{width: 18.4%; float: left; margin-right: 2%;}
.Service li:nth-child(5n){margin-right: 0;}
.Service li .box{position: relative;}
.Service li .effect-img img{display: block; width: 100%;}
.Service li .mask{transition: all ease 0.3s; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0px; top: 0px; text-align: center; background: rgba(207, 0, 13, 0.9); color: #fff;}
.Service li .con{padding: 30% 10%;}
.Service li .con h3{color: #fff; transition: all ease 0.3s;}
.Service li .con i{display: block; width: 20px; height: 3px; background: #fff; margin: 0 auto;}
.Service li h3{font-size: 20px; line-height: 66px; color: #333; text-align: center;}
.Service li:hover .mask{opacity: 1; transition: all ease 0.3s;}
.Service li:hover .name{opacity: 0; transition: all ease 0.3s; color: #cf000d;}
.Service .txt{padding: 3%; text-align: center;}
.Leaving{background: #fafafa; padding: 3%;}
.Leaving dl dd{background-color: #fff;}

.CompanyBox{background: #fafafa; padding: 2% 8%; margin-top: 4%;}
.CompanyBox .box{width: 52%; float: left;}
.CompanyBox .box .pic{width: 46.666%; float: left;}
.CompanyBox .box .pic img{display: block; width: 100%;}
.CompanyBox .box .txt{width: 50%; float: right;}
.CompanyBox .box .txt dl{margin-top: 20px;}
.CompanyBox .box .txt dl dt{margin-bottom: 14px; font-size: 18px; line-height: 28px; color: #333; font-weight: bold;}
.CompanyBox .box .txt dl dd{padding-left: 44px; line-height: 32px; color: #cf000d; font-size: 30px; font-family: Impact; background: url(../images/call.png) no-repeat left center;}
.CompanyBox .weixin{width: 27%; float: right;}
.CompanyBox .weixin dl{width: 42%; float: left; font-size: 16px; line-height: 36px; color: #333333; text-align: center;}
.CompanyBox .weixin dl:nth-child(2n){float: right;}
.CompanyBox .weixin dl .img{padding: 2px; background-image: url(../images/bg.png); background-size: cover;}
.CompanyBox .weixin dl .img img{display: block; width: 100%;}


@media ( max-width:1064px){
    .Service li:hover .mask{opacity: 0;}
    .Service li:hover .name{opacity: 1;}
    .CompanyBox .box .txt dl dd{font-size: 22px;}
    .CompanyBox .weixin{width: 40%;}
}

@media ( max-width:998px){
    .Service li h3{font-size: 16px;}
    .CompanyBox .box{width: 100%; float: none;}
    .CompanyBox .weixin{width: 300px; float: none; margin: 0 auto;}
    .CompanyBox .box .txt dl dt{font-size: 16px;}
}

@media ( max-width:640px){
    .Service li h3{font-size: 14px; line-height: 40px;}
}

@media ( max-width:480px){
    .Service ul{text-align: center;}
    .Service li{display: inline-block; width: 45%; float: none; margin: 0 2%;}
    .CompanyBox .box .pic,.CompanyBox .box .txt{width: 100%; float: none;}
    .CompanyBox .box .txt dl{margin: 0 0px 20px;}
}

/* 售后服务流程 */
.ServiceStep li{width: 23.5%; float: left; margin-right: 2%; background: #fafafa;}
.ServiceStep li:nth-child(4n){margin-right: 0;}
.ServiceStep li .con{padding: 10%; text-align: center;}
.ServiceStep li .con .icon{display: block; width: 90px; margin: 0 auto 25px;}
.ServiceStep li .con h3{font-size: 20px; line-height: 32px; color: #333;}
.ServiceStep li .con p{font-size: 16px; line-height: 30px; color: #666; font-family: Arial;}
.ServiceStep li .con .num{display: block; font-family: Arial; font-size: 60px; line-height: 86px; color: rgba(205,205,205,0.3); font-weight: bold;}

@media ( max-width:768px){
    .ServiceStep li{width: 48%; margin: 0 0 3%;}
    .ServiceStep li:nth-child(2n){float: right;}
    .ServiceStep li .con .icon{width: 60px; margin-bottom: 10px;}
    .ServiceStep li .con h3{font-size: 16px;}
    .ServiceStep li .con .num{font-size: 40px; line-height: 50px;}
}

@media ( max-width:480px){
    .ServiceStep li .con h3{font-size: 15px;}
    .ServiceStep li .con .icon{width: 45px;}
}

/* 服务流程 */
.StepBox .pic img{display: block; width: 100%;}
.StepBox ul{margin-top: 3%; padding-top: 156px;}
.StepBox ul li{width: 20%; float: left;}
.StepBox ul li.s5{margin-top: -156px;}
.StepBox ul li.s4{margin-top: -117px;}
.StepBox ul li.s3{margin-top: -78px;}
.StepBox ul li.s2{margin-top: -39px;}
.StepBox ul li .con{text-align: center; padding-bottom: 30px; margin-bottom: 20px; background-image: url(../images/line3.png); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom center;}
.StepBox ul li .con .title h3{font-size: 18px; line-height: 58px; color: #2d2d2d;}
.StepBox ul li .con .title i{display: block; width: 30px; height: 2px; background: #cf000d; margin: 0 auto;}
.StepBox ul li .num{display: block; margin: 0 auto; width: 60px; line-height: 60px; background: #cf000d; text-align: center; color: #fff; font-family: Arial; font-size: 30px; font-weight: bold; border-radius: 50%;}

.ServiceHotline li{width: 23.5%; float: left; margin-right: 2%; background: #fafafa;}
.ServiceHotline li:nth-child(4n){margin-right: 0;}
.ServiceHotline li .effect-img img{display: block; width: 100%;}
.ServiceHotline li .mask{opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.7);}
.ServiceHotline li .con{padding: 18px 6%; height: 158px; overflow: hidden; text-align: center; line-height: 24px;}
.ServiceHotline li .con .name{text-align: center; font-size: 18px; color: #cf000d; line-height: 42px;}
.ServiceHotline li .con .info{font-size: 16px; color: #333333; font-family: Arial;}
.ServiceHotline li:hover .mask{opacity: 1;}

.ServiceSupport{margin-top: 3%;}
.ServiceSupport li{width: 23.5%; float: left; margin: 0 2% 2% 0;}
.ServiceSupport li:nth-child(4n){margin-right: 0;}
.ServiceSupport li a{display: block; padding: 45px 20px; text-align: center; background: #fafafa;}
.ServiceSupport li .icon{width: 90px; height: 90px; position: relative; display: block; margin: 0 auto;}
.ServiceSupport li .icon img{position: absolute; left: 0px; top: 0px; width: 100%;}
.ServiceSupport li .icon .i1{transition: 400ms;}
.ServiceSupport li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.ServiceSupport li:hover .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.ServiceSupport li:hover .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.ServiceSupport li .title{margin: 25px 0px 12px;}
.ServiceSupport li .title h3{font-size: 20px; line-height: 32px; color: #333;}
.ServiceSupport li .title p{font-size: 16px; line-height: 26px; color: #666666; font-family: Arial;}
.ServiceSupport li .more{display: block; width: 36px; height: 36px; margin: 0 auto; background-image: url(../images/more1.png); background-size: cover;}
.ServiceSupport li:hover a{background: #cf000d;}
.ServiceSupport li:hover .title h3{color: #fff;}
.ServiceSupport li:hover .title p{color: rgba(255,255,255,0.7);}
.ServiceSupport li:hover .more{background-image: url(../images/more2.png);}

@media ( max-width:1024px){
    .StepBox ul{padding: 0 0 4%;}
    .StepBox ul li{margin-top: 0 !important;}
    .StepBox ul li .con{background: none; margin-bottom: 0; padding-bottom: 15px;}
    .StepBox ul li .num{width: 45px; line-height: 45px; font-size: 20px;}
    .ServiceHotline li .con .name{font-size: 16px; line-height: 30px;}
    .ServiceSupport li .title p{font-size: 12px;}
    .ServiceSupport li .icon{width: 60px; height: 60px;}
    .ServiceSupport li .title{margin: 10px 0px;}
}

@media ( max-width:998px){
    .StepBox ul li .con .title h3{font-size: 16px; line-height: 50px;}
    .StepBox ul li .con .icon{width: 60px;}
    .StepBox ul li .num{width: 30px; line-height: 30px; font-size: 16px;}
    .ServiceHotline li{width: 49%; margin: 0 0 2%;}
    .ServiceHotline li:nth-child(2n){float: right;}
    .ServiceHotline li .mask img{display: inline-block; width: 80px;}
    .ServiceSupport li{width: 49%; margin-right: 0;}
    .ServiceSupport li:nth-child(2n){float: right;}
    .ServiceSupport li a{padding: 20px 10px;}
    .ServiceSupport li .title h3{font-size: 16px; line-height: 24px;}
    .ServiceSupport li .more{width: 24px; height: 24px;}
}

@media ( max-width:480px){
    .StepBox ul{text-align: center;}
    .StepBox ul li{display: inline-block; float: none; width: 30%; margin-bottom: 3%;}
    .ServiceHotline li,.ServiceHotline li:nth-child(2n){width: 100%; float: none;}
    .ServiceHotline li .con{height: auto;}
    .ServiceSupport li .title p{display: none;}
    .ServiceSupport li .icon{width: 50px; height: 50px;}
}

/* 解决方案 */
.PlanList li{background: #fafafa; margin-bottom: 3%;}
.PlanList li .effect-img{width: 43%; float: left;}
.PlanList li .effect-img img{display: block; width: 100%;}
.PlanList li .con{width: 57%; float: right;}
.PlanList li .con .txt{padding: 6%;}
.PlanList li .con .txt .name{display: block; font-size: 20px; line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333;}
.PlanList li .con .txt .info{font-size: 15px; line-height: 28px; max-height: 84px; overflow: hidden; color: #666; text-indent: 2em; margin: 3% 0;}
.PlanList li .con .txt .more{display: block; text-align: right; font-size: 15px; color: #cf000d;}
.PlanList li .con .txt .more i{font-family: "宋体"; padding-left: 5px;}

.PlanRelate{background: #fafafa; padding: 5%;}
.PlanRelate .pic{width: 32%; float: left; text-align: center;}
.PlanRelate .box{width: 55%; float: right; font-size: 16px; line-height: 42px; color: #666;}
.SearchBox{position: relative; padding-right: 200px;}
.SearchBox .input{outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 100%; background: #fff; border: 1px solid #cfcfcf; padding: 0px 15px; height: 54px;}
.SearchBox .btn{width: 170px; height: 100%; background: #cf000d; font-size: 16px; color: #fff; position: absolute; right: 0px; top: 0px;}

@media ( max-width:1024px){
    .SearchBox{padding-right: 120px;}
    .SearchBox .input{height: 40px;}
    .SearchBox .btn{width: 100px;}
}

@media ( max-width:768px){
    .PlanList li .effect-img,.PlanList li .con{width: 100%; float: none;}
    .PlanList li .con .txt{padding: 5%;}
    .PlanList li .con .txt .name{font-size: 16px; line-height: 26px; height: 26px;} 
    .PlanList li .con .txt .info{font-size: 14px; line-height: 24px; max-height: 72px;}  
}

@media ( max-width:480px){
    .PlanRelate .pic,.PlanRelate .box{width: 100%; float: none;}
}

/* 服务网点 */
/* .ChinaMap{width:550px; float:left; position:relative;}
.ChinaMap li .bg{position:absolute; display:none; z-index:0;}
.ChinaMap li.on .bg{display:block;}
.ChinaMap li .name{position:absolute; z-index:9; font-size:13px; color:#333; height:20px; line-height:20px;}
.ChinaMap li:hover .name,.ChinaMap li.on .name{background:url(../images/cur.png) no-repeat center top; padding-top:20px; transition: 400ms; color:#fff;} */

/* .ChinaMap li.m1 .bg{top:0px; right:0px;}
.ChinaMap li.m1 .name{top:61px; right:27px;}
.ChinaMap li.m1:hover .name,.ChinaMap li.m1.on .name{top:41px;}

.ChinaMap li.m2 .bg{top:86px; right:11px;}
.ChinaMap li.m2 .name{top:102px; right:50px;}
.ChinaMap li.m2:hover .name,.ChinaMap li.m2.on .name{top:82px;}

.ChinaMap li.m3 .bg{top:161px; right:127px;}
.ChinaMap li.m3 .name{top:156px; right:145px;}
.ChinaMap li.m3:hover .name,.ChinaMap li.m3.on .name{top:136px;}

.ChinaMap li.m4 .bg{top:170px; right:120px;}
.ChinaMap li.m4 .name{top:175px; right:122px;}
.ChinaMap li.m4:hover .name,.ChinaMap li.m4.on .name{top:155px;}

.ChinaMap li.m5 .bg{top:140px; right:104px;}
.ChinaMap li.m5 .name{top:186px; right:134px;}
.ChinaMap li.m5:hover .name,.ChinaMap li.m5.on .name{top:166px;}

.ChinaMap li.m6 .bg{top:196px; right:72px;}
.ChinaMap li.m6 .name{top:210px; right:110px;}
.ChinaMap li.m6:hover .name,.ChinaMap li.m6.on .name{top:190px;}

.ChinaMap li.m7 .bg{top:235px; right:67px;}
.ChinaMap li.m7 .name{top:244px; right:88px;}
.ChinaMap li.m7:hover .name,.ChinaMap li.m7.on .name{top:224px;}

.ChinaMap li.m8 .name{top:264px; right:73px;}
.ChinaMap li.m8:hover .name,.ChinaMap li.m8.on .name{top:244px;}

.ChinaMap li.m9 .bg{top:242px; right:92px;}
.ChinaMap li.m9 .name{top:275px; right:104px;}
.ChinaMap li.m9:hover .name,.ChinaMap li.m9.on .name{top:255px;}

.ChinaMap li.m10 .bg{top:300px; right:98px;}
.ChinaMap li.m10 .name{top:316px; right:120px;}
.ChinaMap li.m10:hover .name,.ChinaMap li.m10.on .name{top:296px;}

.ChinaMap li.m11 .bg{top:320px; right:77px;}
.ChinaMap li.m11 .name{top:337px; right:90px;}
.ChinaMap li.m11:hover .name,.ChinaMap li.m11.on .name{top:317px;}

.ChinaMap li.m12 .bg{top:360px; right:106px;}
.ChinaMap li.m12 .name{top:372px; right:138px;}
.ChinaMap li.m12:hover .name,.ChinaMap li.m12.on .name{top:352px;}

.ChinaMap li.m13 .bg{top:351px; right:167px;}
.ChinaMap li.m13 .name{top:375px; right:187px;}
.ChinaMap li.m13:hover .name,.ChinaMap li.m13.on .name{top:355px;}

.ChinaMap li.m14 .bg{top:305px; right:145px;}
.ChinaMap li.m14 .name{top:322px; right:165px;}
.ChinaMap li.m14:hover .name,.ChinaMap li.m14.on .name{top:302px;}

.ChinaMap li.m15 .bg{top:266px; right:126px;}
.ChinaMap li.m15 .name{top:284px; right:158px;}
.ChinaMap li.m15:hover .name,.ChinaMap li.m15.on .name{top:264px;}

.ChinaMap li.m16 .bg{top:224px; right:127px;}
.ChinaMap li.m16 .name{top:246px; right:149px;}
.ChinaMap li.m16:hover .name,.ChinaMap li.m16.on .name{top:226px;}

.ChinaMap li.m17 .bg{top:168px; right:156px;}
.ChinaMap li.m17 .name{top:202px; right:168px;}
.ChinaMap li.m17:hover .name,.ChinaMap li.m17.on .name{top:182px;}

.ChinaMap li.m18 .bg{top:4px; right:78px;}
.ChinaMap li.m18 .name{top:162px; right:200px;}
.ChinaMap li.m18:hover .name,.ChinaMap li.m18.on .name{top:142px;}

.ChinaMap li.m19 .bg{top:188px; right:224px;}
.ChinaMap li.m19 .name{top:202px; right:230px;}
.ChinaMap li.m19:hover .name,.ChinaMap li.m19.on .name{top:182px;}

.ChinaMap li.m20 .bg{top:143px; left:183px;}
.ChinaMap li.m20 .name{top:220px; right:250px;}
.ChinaMap li.m20:hover .name,.ChinaMap li.m20.on .name{top:200px;}

.ChinaMap li.m21 .bg{top:186px; right:185px;}
.ChinaMap li.m21 .name{top:250px; right:204px;}
.ChinaMap li.m21:hover .name,.ChinaMap li.m21.on .name{top:230px;}

.ChinaMap li.m22 .bg{top:281px; right:192px;}
.ChinaMap li.m22 .name{top:300px; right:210px;}
.ChinaMap li.m22:hover .name,.ChinaMap li.m22.on .name{top:280px;}

.ChinaMap li.m23 .bg{top:254px; left:221px;}
.ChinaMap li.m23 .name{top:290px; right:255px;}
.ChinaMap li.m23:hover .name,.ChinaMap li.m23.on .name{top:270px;}

.ChinaMap li.m24 .bg{top:316px; right:197px;}
.ChinaMap li.m24 .name{top:340px; right:210px;}
.ChinaMap li.m24:hover .name,.ChinaMap li.m24.on .name{top:320px;}

.ChinaMap li.m25 .bg{top:319px; left:218px;}
.ChinaMap li.m25 .name{top:368px; right:277px;}
.ChinaMap li.m25:hover .name,.ChinaMap li.m25.on .name{top:348px;}

.ChinaMap li.m26 .bg{top:211px; left:25px;}
.ChinaMap li.m26 .name{top:274px; left:130px;}
.ChinaMap li.m26:hover .name,.ChinaMap li.m26.on .name{top:254px;}

.ChinaMap li.m27 .bg{top:184px; left:142px;}
.ChinaMap li.m27 .name{top:215px; left:200px;}
.ChinaMap li.m27:hover .name,.ChinaMap li.m27.on .name{top:195px;}

.ChinaMap li.m28 .bg{top:55px; left:0px;}
.ChinaMap li.m28 .name{top:142px; left:115px;}
.ChinaMap li.m28:hover .name,.ChinaMap li.m28.on .name{top:122px;}

.ChinaMap li.m29 .bg{top:430px; right:178px;}
.ChinaMap li.m29 .name{top:430px; right:180px;}
.ChinaMap li.m29:hover .name,.ChinaMap li.m29.on .name{top:410px;}

.ChinaMap li.m30 .bg{top:352px; right:55px;}
.ChinaMap li.m30 .name{top:352px; right:55px;}
.ChinaMap li.m30:hover .name,.ChinaMap li.m30.on .name{top:345px;}

.ChinaMap li.m31 .bg{top:122px; right:52px;}
.ChinaMap li.m31 .name{top:136px; right:64px;}
.ChinaMap li.m31:hover .name,.ChinaMap li.m31.on .name{top:122px;}

.ChinaMap li.m32 .bg{top:280px; right:56px;}
.ChinaMap li.m32 .name{top:300px; right:70px;}
.ChinaMap li.m32:hover .name,.ChinaMap li.m32.on .name{top:280px;} */

/* .CompanyList{width:45%; margin-right: 4%; float:right;} */

.ChinaMap .hd ul::after{content:'';display: block;clear: both;}
.ChinaMap .hd ul{margin-left:-2%;}
.ChinaMap .hd ul li{width:10.5%;float:left;margin-left:2%;height:45px;line-height: 45px;text-align: center;background:#f5f5f5;margin-bottom:10px;font-size: 16px;}
.ChinaMap .hd ul li.on{background:#cf000d;}
.ChinaMap .hd ul li.on a{color:#fff;}

.CompanyList{margin-top:30px;min-height:500px;}
.CompanyList .bd{margin-top:0 !important;background:#f5f5f5;padding:40px;}

.SlideCon .mCustomScrollbar{max-height: 520px;}
.SlideCon dl{margin-bottom: 22px;}
.SlideCon dl dt{line-height:32px; font-size:20px; color:#cf000d; font-weight:bold;}
.SlideCon dl dd{font-size:15px; line-height:28px; color:#333;}

.CooperBox .bd{margin-top:3%;}
.CooperBox .bd .box h2{height:47px; line-height:47px; color:#333333; font-size:16px; color:#333333; border-bottom:1px solid #e6e6e6;} 
.CooperBox .bd .box ul{padding:8px 0px; line-height:30px; color:#666666; font-size:14px;}

.MobileMap{display:none;}

@media(max-width:1024px){
    .ChinaMap .hd ul li{width:12.285%;line-height: 40px;height:40px}
    .CooperBox .bd{padding:25px;}
}

@media(max-width:768px){
    .ChinaMap .hd ul li{width:18%;line-height: 38px;height:38px;font-size: 14px;}
    .CooperBox .bd{padding:10px;}
    .SlideCon dl dt{font-size: 18px;}
}

@media(max-width:480px){
    .ChinaMap .hd ul li{width:23%;line-height: 35px;height:35px;font-size: 14px;}
    .SlideCon dl dt{font-size: 16px;}
}

/* @media ( max-width:1024px){
.MobileMap{display:block; text-align: center;}	
.ChinaMap{display:none;}
.CompanyList{width:100%; float:none;}
.CooperBox .bd .ul{width:48%; float:left; display: block !important; margin-bottom: 30px;}
.CooperBox .bd .ul:nth-child(2n){float:right;}
.SlideCon dl dt{font-size: 16px;}
}

@media ( max-width:768px){
    .CooperBox .bd .ul,.CooperBox .bd .ul:nth-child(2n){width: 100%; float: none;}
}

@media ( max-width:480px){
.CooperBox .bd .box h2{font-size:14px; line-height:35px; height:35px;}	
.CooperBox .bd .ul{margin: 15px 0px;}
} */

/* 诚聘英才 */
.JobBox .pic,.JobBox .con{width: 50%; float: left;}
.JobBox .pic img{display: block; width: 100%;}
.JobBox .con .txt{padding: 10% 8%;}
.JobBox .con .txt h3{font-size: 20px; color: #333333; margin-bottom: 3%;}
.JobBox .con .txt .info{font-size: 15px; line-height: 32px; color: #666;}
.JobList ul{padding:3% 0 2%;}
.JobList li{margin-bottom:20px;}
.JobList li .box{background:#f2f2f2; height: 60px; line-height: 60px; overflow: hidden; padding:0 3%; color:#333333;}
.JobList li .box .tit{background:url(../images/jia2.png) no-repeat right center;}
.JobList li .box .tit .name{font-size:20px; font-weight: bold; float: left;}
.JobList li .box .tit .name em{font-family:Arial; font-weight: normal;}
.JobList li .box .tit .date{float: right; font-size: 16px; color: #666; padding-right: 70px;}
.JobList li.lion .box{background: #cf000d; color: #fff;}
.JobList li.lion .box .tit{background:url(../images/jian2.png) no-repeat right center;}
.JobList li.lion .box .tit .date{color: #fff;}
.JobList li .con{font-size:14px; line-height:28px; color:#666; background:#fff; padding:2% 3%; display:none; box-shadow:0px 10px 25px #f2f2f2;}
.JobList li .con .info{border-bottom:1px solid #e0e0e0; padding-bottom:2%; margin-bottom:3%;}
.JobList li .con dt{font-weight:bold; font-size:16px; color: #333; line-height:40px;}
.JobList li .con dd{margin-bottom:10px;}
.JobList li .con .Apply a{display:block; width:138px; line-height:38px; text-align:center; font-size:16px; font-weight:bold; color: #cf000d; border: 1px solid #cf000d;}

@media ( max-width:1024px){
    .JobBox .con .txt{padding: 5%;}
}

@media ( max-width:768px){
    .JobBox .pic, .JobBox .con{width: 100%; float: none;}
    .JobBox .con .txt{box-shadow: 0px 0px 20px #e5e5e5;}
    .JobBox .con .txt h3{font-size: 16px; margin-bottom: 10px;}
    .JobBox .con .txt .info{font-size: 14px; line-height: 26px;}
    .JobList li{margin-bottom: 10px;}
    .JobList li .box{height: 45px; line-height: 45px;}
    .JobList li .box .tit .name{font-size: 16px; float: none;}
    .JobList li .box .tit .date{display: none;}
    .JobList ul{padding: 3% 0 2%;}
}

@media ( max-width:480px){
    .JobList li .con .info{margin-bottom: 5%;}
}

/*应聘表单*/
.recruitform{margin:0 auto; width:580px;}
.recruitform dl{margin-bottom:20px; position: relative; padding-left: 66px;}
.recruitform dl dt{position: absolute; left: 0px; top: 0px; text-align: right; line-height:40px; width: 50px; color:#4d4d4d; font-size:16px;}
.recruitform dl dd{border:1px solid #e6e6e6; padding: 0px 10px; line-height: 38px; background: #fff;}
.recruitform dl.noborder dd{border: none; padding: 0; background: none;}
.recruitform dl dd .input{height:38px; line-height:38px; font-size:14px; width:100%;}
.recruitform dl dd label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform dl dd label input.radio{ margin-right:8px; }
.recruitform dl dd textarea{height:148px; font-size:14px; width:100%;}
.recruitform dl.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0; padding: 0;}
.recruitform dl.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform dl.btn input.submit{background:#cf000d;}
.recruitform dl.btn input.reset{background:#ccc;}

@media ( max-width:480px){
.recruitform{width:100%;}
}

/* 供应商园地 */
.LinkList ul{margin-left: 3%;}
.LinkList ul:first-child{padding-top: 96px;}
.LinkList li{width: 17.279%; float: left; margin-top: 15px; margin-left: -3%; position: relative;}
.LinkList li:nth-child(2n){margin-top: -96px;}
.LinkList li a{display: block;}
.LinkList li .mask{position: absolute; opacity: 0; width: 100%; height: 100%; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; font-size: 16px; color: #fff; background-image: url(../images/mask.png); background-size: 100% 100%;}

.LinkList li:hover .mask{opacity: 1;}

@media ( max-width:1200px){
    .LinkList ul:first-child{padding-top: 77px;}
    .LinkList li:nth-child(2n){margin-top: -77px;}
}

@media ( max-width:1024px){
    .LinkList ul:first-child{padding-top: 68px;}
    .LinkList li:nth-child(2n){margin-top: -68px;} 
    .LinkList li:hover .mask{opacity: 0;}
}

@media ( max-width:768px){
    .LinkList ul:first-child{padding-top: 46px;}
    .LinkList li:nth-child(2n){margin-top: -46px;} 
}

@media ( max-width:640px){
    .LinkList ul:first-child{padding-top: 36px;}
    .LinkList li{margin-top: 10px;}
    .LinkList li:nth-child(2n){margin-top: -36px;} 
}

@media ( max-width:480px){
    .LinkList ul:first-child{padding-top: 18px;}
    .LinkList li:nth-child(2n){margin-top: -18px;} 
}

/* 在线咨询 */
.Message dl{float:left; width:48.5%;}
.Message dl:nth-child(2n){float:right;}
.Message dl.i5,.Message dl.i6{float:none; width:100%;}
.Message dl dd{padding:0px 10px 0px 88px; border:1px solid #ebebeb; background-color: #fcfcfc; background-repeat: no-repeat; background-position: left center; margin-bottom:30px;}
.Message dl dd .input,.Message dl dd textarea{line-height: 54px; width:100%; font-size: 16px; color: #000; font-family: "微软雅黑";}
.Message dl dd .input::placeholder,.Message dl dd textarea::placeholder{color: #666666;}
.Message dl dd textarea{height:237px;}
.Message dl.i1 dd{background-image:url(../images/m1.png);}
.Message dl.i2 dd{background-image:url(../images/m2.png);}
.Message dl.i3 dd{background-image:url(../images/m3.png);}
.Message dl.i4 dd{background-image:url(../images/m4.png);}
.Message dl.i5 dd{background-image:url(../images/m5.png); background-position: left top;}
.Message dl.i6{text-align:center;}
.Message dl.i6 .btn{width:140px; height:40px; background:#cf000d; color:#fff; font-size:16px;}

@media ( max-width:768px){
    .Message dl dd{margin-bottom: 15px;}
    .Message dl dd .input,.Message dl dd textarea{line-height: 50px;}
}

@media ( max-width:480px){
.Message dl,.Message dl:nth-child(2n){width:100%; float:none;}
.Message dl.i6 .btn{width:120px; height:40px;}
}

/* 19-09-29 */
.VideoBox{position: relative;}
.VideoBox .pic img{display: block; width: 100%;}
.VideoBox video{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #000;}