@charset "utf-8";
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; background: #fff; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; font-family:frutigernext, "Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
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{ text-decoration:none; color:#da2344; 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;}
.w1360{max-width:1360px; min-width:320px; margin:0px auto;}
.relative{position: relative;}

@media ( max-width:1366px){
.w1360{padding:0px 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,.item:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Ban{background-position: center top; height: 350px;}
.Container{padding: 3% 0; min-height: 480px;}
.Left{position: absolute; left: 0px; top: 0px; width: 280px;}
.Left .HomeTit{text-align: left;}
.Menu{padding: 20px; width: 190px;}
.Menu li a.am{display: block; line-height: 47px; color: #333; font-size: 18px;}
.Menu li i{padding-right: 11px;}
.Menu li.on a.am,.Menu li:hover a.am{color: #da2344; font-weight: bold;}
.Menu li .sub{padding-left: 10px;display: none;}
.Menu li .sub dd a{color: #666; font-size: 15px; display: block; line-height: 28px;}
.Menu li .sub dd i{font-weight: bold;}
.Menu li .sub .three{padding-left: 12px;}
.Menu li .sub .three a{font-size: 13px;}
.Menu li.on .sub{display: block;}

.Right{margin-left: 300px;}
.Position{line-height: 56px; margin-bottom: 34px; border-bottom: 1px solid #e6e6e6; font-size: 14px; color: #303030; text-align: right;}

/*pages*/
.Pages{width:100%; text-align:center; color:#818181; line-height:26px;}
.Pages a{display:inline-block; height:26px; line-height:26px; padding:0px 7px; color:#818181; margin:0px 2px; font-size:14px;}
.Pages .a_first,.Pages .a_end,.Pages .a_prev,.Pages .a_next{display:inline-block; border:1px solid #cdcdcd; padding:0px 12px; font-size:12px;}
.Pages a:hover{background:#da2344; color:#fff; border:1px solid #da2344;}
.Pages .num a:hover,.Pages .num a.a_cur{color:#da2344; background:none; border:none;}
/*pages end*/

@media ( max-width:1366px){
    .Left{left: 15px;}
}

@media ( max-width:1025px){
    .Left{position: static; width: 100%;}
    .Meunbtn .HomeTit{padding: 0px 20px; background: #da2344;}
    .Meunbtn .HomeTit h2{color: #fff; font-weight: normal; line-height: 50px; font-size: 20px; background: url(../images/down.png) no-repeat right center;}
    .Meunbtn .HomeTit em{display: none;}
    .Menu{margin: 0; display: none; width: auto;}
    .Right{margin: 0;}
}

@media ( max-width:768px){
    .Ban{height: 250px;}
}

@media ( max-width:640px){
    .Position{margin-bottom: 20px;}
}

@media ( max-width:480px){
    .Ban{height: 200px;}
    .Container{padding: 5% 0;}
    .Right{margin-top: 20px;}
    .Position{display: none;}
    .Meunbtn .HomeTit h2{font-size: 18px; line-height: 40px;}
    .Menu{padding: 20px;}
    .Menu li a{font-size: 16px; line-height: 40px;}
    .Pages .a_first, .Pages .a_end, .Pages .a_prev, .Pages .a_next{padding: 0px 5px;}
}

/*Top*/
.Header{padding: 28px 0px;}
.Top{position:relative;}
.Logo{width:157px; float:left;}
.Logo img{display:block; width:100%;}
.Tright{width:60%; float:right; padding:0px 120px 0px 0px; position: relative;}
.Language{margin:8px 0px 0px; width: 67px; position: absolute; right: 0px; top: 0px;}
.Language a.en{display: inline-block; text-transform: uppercase; width: 26px; line-height: 26px; border-radius: 50%; color: #fff; background: #da2344; text-align: center;}
.Language a img{vertical-align: middle;}
.Search{position:absolute; top:100%; right:0px; background:#fff; border:2px solid #da2344; width:220px; display:none; z-index:999;}
.Search .input{width:150px; padding:0px 10px; height:28px; font-size:14px;}
.Search .input::placeholder{color:#999;}
.Search .btn{height:28px; width:50px; text-align:center; font-size:14px; color:#fff; background:#da2344; position:absolute; top:0px; right:0px;}
.Nav li{width:20%; float:left; text-align:center; height: 40px; position:relative; background: url(../images/navline.png) no-repeat left center;}
.Nav li:first-child{background: none;}
.Nav li .am{display:block; font-size:18px; line-height:40px; color:#666666;}
.Nav li:hover .am,.Nav li.active .am{color:#da2344; background:url(../images/navon.png) no-repeat center bottom; transition:all 0s linear; -webkit-transition:all 0s linear;}
.Nav li .SubNav{position:absolute; left:50%; top:40px; z-index:999; width:140px; margin-left:-70px; display:none; background:url(../images/opacity.png) repeat; padding:15px 0px;}
.Nav li .SubNav a{display:block; line-height:45px; font-size:14px; color:#fff; text-align:center;}
.Nav li .SubNav a:hover{background:#da2344;}

.Banner .slides li{position: relative; text-align: center;}
.Banner .slides .img{display:block; width:100%;}
.Banner .flex-control-nav{height:3px; line-height:3px; bottom:6%;}
.Banner .flex-control-paging li{margin:0px 5px;}
.Banner .flex-control-paging li a{width:60px; height:3px; background:rgba(255,255,255,0.6); border-radius:0;}
.Banner .flex-control-paging li .flex-active{background:#da2344;}

@media ( max-width:1100px){
.Header{padding: 15px 0px;}
.Language{margin-top:0;}
.Tright{width:auto; position:absolute; top:50%; margin-top:-11px; right:80px;}
.Search{top: 36px;}
.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 li{float:none; width:100%; text-align:left; height:50px; background: none;}
.Nav li .am{padding:10px 0px; color:#fff; line-height:50px; font-size:20px; padding-left:40px;}
.Nav li:hover .am, .Nav li.active .am{background:none;}
.Nav li .foldbtn{position:absolute; width:70px; height:70px; right:0px; top:0px; background:url(../images/down.png) no-repeat center center;}
.Nav li .SubNav{position:static; background:none; padding:0px;}
.Nav li .SubNav a{padding-left:60px;}
}

@media ( max-width:768px){
.Banner .flex-control-paging li a{width: 30px;}
}

@media ( max-width:480px){
.Header{padding: 15px 0px; height: auto;}
.Tright{right: 32px;}
.Language{background: none; width: 68px;}
}
 

/*bottom*/
.Footbg{background: #272a2f; padding: 4% 0 0;}
.Foot{position: relative; padding: 0px 400px 3% 0;}
.Sitepath dl{width: 25%; float: left;}
.Sitepath dl dt{font-size: 16px; line-height: 28px; margin-bottom: 16px; color: #fff;}
.Sitepath dl dd a{display: block; font-size: 14px; line-height: 30px; color: #63676c;}
.Bcontact{width: 380px; position: absolute; top: 0px; right: 0px;}
.Bcontact .weixin{width: 120px; float: left;}
.Bcontact .weixin img{display: block;}
.Bcontact .txt{width: 242px; float: right;}
.Bcontact .txt span{display: block;}
.Bcontact .txt .name{font-size: 16px; line-height: 16px; color: #fff;}
.Bcontact .txt .num{margin: 18px 0px; font-size: 30px; line-height: 30px; color:#da2344; font-family: impact;}
.Bcontact .txt .info{font-size: 14px; line-height: 20px; color: #63676c;}
.Bottom{text-align: center; padding:22px 0px; border-top: 1px solid #32353a; line-height: 30px; font-size: 14px; color: #63676c;}
.Bottom a{color: #63676c;}
.Bottom i{padding: 0px 10px; font-size: 12px;}

@media ( max-width:850px){
    .Footbg{padding: 0;}
    .Foot{display: none;}
}

@media ( max-width:480px){

}

/*index*/
.p3{padding: 3% 0;}
.GrayBox{background: #fafafa;}
.HomeTit{position: relative; text-align: center;}
.HomeTit h2{font-size: 36px; line-height: 69px; color: #da2344; position: relative; z-index: 2;}
.HomeTit em{position: absolute; width: 100%; left: 0px; top: 0px; text-transform: uppercase; z-index: 1; font-family: Arial; color: #f0f0f0; font-size: 50px; font-weight: bold; line-height: 50px;}
.HomeProduct{margin: 3% 0 0;}
.HomeProduct .item{background: url(../images/probg.jpg) repeat-x left top;}
.HomeProduct .item a{display: block; padding: 30px 60px; height: 325px; text-align: center; position: relative; border: 1px solid rgba(255,255,255,0);}
.HomeProduct .item .effect-img{position: relative; padding-bottom:80%;}
.HomeProduct .item img{display: block; width: 100%;height: 100%;position: absolute; object-fit: cover; -o-object-fit: cover;}
.HomeProduct .item .name{color: #000000; font-size: 18px; font-weight: bold;}
.HomeProduct .item .info{display: none; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 14px; color: #888888;}
.HomeProduct .item a:hover{border-radius: 10px; border: 1px solid #e7e7e7;}
.HomeProduct .item a:hover .name{position: absolute; left: 30px; top: 30px;}
.HomeProduct .item a:hover .info{display: block;}
.owl-carousel .owl-buttons .owl-prev,.owl-carousel .owl-buttons .owl-next{width: 40px; height: 60px; line-height:9999px; overflow: hidden; background-size: 100% 100%; position: absolute; top: 50%; margin-top: -30px;}
.owl-carousel .owl-buttons .owl-prev{background-image: url(../images/left.png); left: -60px;}
.owl-carousel .owl-buttons .owl-next{background-image: url(../images/right.png); right: -60px;}
.owl-carousel .owl-buttons .owl-prev:hover{background-image: url(../images/lefton.png);}
.owl-carousel .owl-buttons .owl-next:hover{background-image: url(../images/righton.png);}

.HomeMore{display: block; width: 160px; line-height: 45px; margin: 3% auto 0; font-size: 14px; text-align: center; color: #fff; border-radius: 25px; background: #da2344; box-shadow: 8px 10px 20px #f9dadf;}
.HomeMore:hover{color: #fff;}

.HomeProject .hd{text-align: center; margin: 2.5% 0;}
.HomeProject .hd li{display:inline-block; width: 120px; line-height: 40px; font-size: 14px; margin: 0px 10px;}
.HomeProject .hd li a{display: block; color: #666666; border-radius: 20px; border: 1px solid #dddddd;}
.HomeProject .hd li.on a{background:#da2344; color: #fff; border: 1px solid #da2344;}
.ProSlider .item{margin: 0px 10px; position: relative;}
.ProSlider .item .effect-img{position: relative; padding-bottom: 30%;}
.ProSlider .item .effect-img img{display: block; width: 100%; height: 100%; position: absolute; object-fit: contain; -o-object-fit: contain}
.ProSlider .item .box{position: absolute; left: 0px; top: 0%; width: 100%; height: 100%; background: rgba(0,0,0,.6); display: none;}
.ProSlider .item .box .con{position: absolute; left: 5%; right: 5%; top: 50%; width: 90%; height: 190px; margin-top: -95px; color: #fff;}
.ProSlider .item .box .title h3{font-size: 20px; line-height: 32px;}
.ProSlider .item .box .title em{display: block; font-size: 16px; line-height: 29px; font-family: Arial; opacity: 0.7;}
.ProSlider .item .box .info{margin: 17px 0px 20px; font-size: 16px; line-height: 26px; height: 52px; overflow: hidden;}
.ProSlider .item:hover .box{display: block;}
.ProSlider .owl-pagination{text-align: center; height: 14px; line-height: 14px; overflow: hidden; margin-top: 3%;}
.ProSlider .owl-pagination .owl-page{display: inline-block; margin: 0px 5px; width: 14px; height: 14px; background-image: url(../images/dotpic.png); background-position: left top;}
.ProSlider .owl-pagination .owl-page.active{background-position: left bottom;}

.HomeAbout {padding: 3% 0 0;}
.HomeAbout .box{background: url(../images/aboutbg.png) repeat-y center top; margin: 2% 0 0; position: relative; overflow: hidden;}
.HomeAbout .pic{position: absolute; right: 0px; top: 0px; width: 50%;}
.HomeAbout .pic img{display: block;}
.HomeAbout .txt{width: 44%; padding: 3% 0;}
.HomeAbout .txt .title i{display: block; width: 56px; height: 2px; background: #da2344; margin: 0 0 3%;}
.HomeAbout .txt .title em{display: block; line-height: 45px; font-size: 26px; color: #da2344; text-transform: uppercase;}
.HomeAbout .txt .title h3{font-size: 32px; line-height: 56px; color: #333333;}
.HomeAbout .txt .info{font-size: 14px; line-height: 26px; color: #808080; height: 234px; overflow: hidden; margin: 3% 0 5%;}
.HomeAbout .txt .HomeMore{margin: 0;}

.HomeNews{margin: 2% 0 0;}
.HomeNews .item{margin: 0px 17px;}
.HomeNews .item a{border: 1px solid #e6e6e6; display: block; padding: 5%;}
.HomeNews .item .date{color: #bbbbbb; border-bottom: 1px solid #e6e6e6; padding-bottom: 17px; margin-bottom: 17px;}
.HomeNews .item .date span{display:block; font-size:36px; line-height:34px; font-family: Arial;}
.HomeNews .item .date em{display: block; font-size: 14px; line-height: 18px;}
.HomeNews .item .name{font-size: 18px; color: #333333; line-height: 32px; height: 32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.HomeNews .item .effect-img{margin: 16px 0px 12px;position: relative; padding-bottom: 60%;}
.HomeNews .item .effect-img img{display: block; width: 100%; height: 100%; position: absolute; object-fit: cover; -o-object-fit: cover}
.HomeNews .item .info{font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; color: #808080;}
.HomeNews .item .more{display: block; margin: 24px 0px 0px; width: 68px; line-height: 28px; color: #999999; font-family: Arial; text-transform: uppercase; border-radius: 20px; border:1px solid #e6e6e6; text-align: center;}
.HomeNews .item:hover .name{color: #da2344; font-weight: bold;}
.HomeNews .item:hover .more{color: #fff; background: #da2344; border: 1px solid #da2344;}

@media ( max-width:1500px){
    .owl-carousel .owl-buttons .owl-prev{left: 0px;}
    .owl-carousel .owl-buttons .owl-next{right: 0px;}
    .HomeAbout .txt .info{height: 132px;}
}

@media ( max-width:1024px){
    .HomeTit h2{font-size: 26px;}
    .HomeProduct .item a{height: auto;}
    .HomeProduct .item a:hover .name{position: static;}
    .HomeProduct .item a:hover .info{display: none;}
    .HomeAbout .txt .title h3{font-size: 22px; line-height: 30px;}
    .ProSlider .item .box{display: block;}
    .HomeNews .item{margin: 0px 5px;}
    .HomeNews .item .date span{font-size: 26px;}
}

@media ( max-width:768px){
    .HomeTit h2{font-size: 20px;}
    .HomeProject .hd li{margin: 0px 2px;}
    .HomeAbout .txt .title em{font-size: 18px; line-height: 30px;}
    .HomeAbout .txt .title h3{font-size: 18px;}
    .HomeNews .item .name{font-size: 16px;}
    
}

@media ( max-width:640px){
    .HomeTit em{font-size: 34px;}
    .HomeProduct .item .name{font-size: 16px;}
    .HomeAbout .pic{position: static; width: 100%;}
    .HomeAbout .txt{width: 100%;}
    .ProSlider .owl-pagination{margin: 5% 0 0;}
    .owl-carousel .owl-buttons .owl-prev, .owl-carousel .owl-buttons .owl-next{width: 20px; height: 30px;}
}

@media ( max-width:480px){
    .p3{padding: 5% 0;}
    .HomeTit em{font-size: 30px;}
    .HomeAbout .txt{padding: 5% 0;}
    .HomeProject .hd li{width: 108px; margin-bottom: 4px; line-height: 32px;}
    .HomeNews .item{margin: 0;}
}

/* 产品中心 */
.Title01{margin-bottom: 3%;}
.Title01 h3{font-size: 30px; line-height: 50px; color: #2d2d2d; text-align: center;}
.Title01 i{display: block; width: 30px; height: 2px; background: #da2344; margin: 0 auto;}
.ProductMain{background-image: url(../images/productbg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ProductList li{width: 48.5%; float: left; margin-bottom: 3%;}
.ProductList li:nth-child(2n){float: right;}
.ProductList li .title{background: rgba(252,15,15,.5); font-size: 20px; line-height: 59px; text-align: center; color: #fff; border-radius: 10px 10px 0px 0px;}
.ProductList li .box{background: #fff; padding: 20px; height: 192px; overflow: hidden;}
.ProductList li .effect-img{width: 42%; float: left;}
.ProductList li .effect-img img{display: block; width: 100%;}
.ProductList li .list{width: 52.5%; float: right;}
.ProductList li .list dd a{display: block; line-height: 39px; height: 39px; font-size: 14px; color: #666; border-bottom: 1px dotted #d2d2d2; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

@media ( max-width:1200px){
    .Title01 h3{font-size: 20px;}
    .ProductList li .box{height: 160px;}
}

@media ( max-width:768px){
    .Title01 h3{font-size: 18px;}
    .ProductList li,.ProductList li:nth-child(2n){width: 100%; float: none;}
    .ProductList li .box{height: auto;}
    .ProductList li .title{font-size: 18px; line-height: 50px;}
}

@media ( max-width:480px){
    .Title01{margin-bottom: 8%;}
    .ProductList li{margin-bottom: 15px;}
    .ProductList li .effect-img,.ProductList li .list{width: 100%; float: none;}
    .ProductList li .effect-img{margin-bottom: 10px;}
    .ProductList li .title{font-size: 16px; line-height: 45px;}
}

/* 产品详情 */
.GrayBox2{background: #f3f3f3;}
.PicSlider{width: 43.38%; float: left;}
.PicSlider .bd{border: 1px solid #e5e5e5;}
.PicSlider .bd .pic img{display: block; width: 100%;}
.PicSlider .hd{margin-top: 8px;}
.PicSlider .hd li{width: 23.5%; margin-right: 2%; float: left;}
.PicSlider .hd li:nth-child(4n){margin-right: 0;}
.PicSlider .hd li a{display: block; border: 1px solid #e5e5e5;}
.PicSlider .hd li img{display: block; width: 100%;}
.PicSlider .hd li.on a{border: 1px solid #da2344;}

.ProductBox .ProTxt{width: 51.47%; float: right; padding: 0;}
.ProductBox .ProTxt h3{font-size: 26px; line-height: 72px; border-bottom: 1px solid #e5e5e5; color: #da2344;}
.ProductBox .ProTxt .title{font-size: 18px; line-height: 30px; color: #333333; font-weight: bold;}

.ProDetail{background: #fff; padding: 2%;}
.ProDetail .box:first-child{margin-top: 0;}
.ProDetail .box{margin: 3% 0 0;}
.ProDetail .box .name{border-bottom: 1px solid #e7e7e7; height: 49pxl}
.ProDetail .box .name span{display: block; width: 107px; font-size: 22px; color: #db204b; line-height: 48px; border-bottom: 2px solid #db204b; font-weight: bold;}
.ProDetail .box .con{font-size: 15px; color: #666666; line-height: 30px; padding-top: 24px;}
.ProDetail .box .con dl{position: relative; font-size: 16px; line-height: 32px; color: #4e4e4e; padding-left: 68px; min-height: 32px; margin-bottom: 3%;}
.ProDetail .box .con dl:last-child{margin-bottom: 0;}
.ProDetail .box .con dl dt{width: 57px; position: absolute; left: 0px; top: 0px; color: #fff; text-align: center;}
.ProDetail .box .con dl:nth-child(1) dt{background: #db2344;}
.ProDetail .box .con dl:nth-child(2) dt{background: #dab96b;}
.ProDetail .box .con dl:nth-child(3) dt{background: #c9caca;}
.ProDetail .box .con dl:nth-child(4) dt{background: #fdd109;}
.ProDetail .box .con dl:nth-child(5) dt{background: #1a9fdb;}
.ProDetail .box .con table{width: 660px;}
.ProDetail .box .con table td{background: #f3f3f3; height: 47px; font-size: 14px; color: #474747; padding: 0 20px;line-height: 47px;}
.ProDetail .box .con table tr:nth-child(2n) td{background: #f9f9f9;}

@media ( max-width:1024px){
    .ProductBox .ProTxt h3,.ProDetail .box .name span{font-size: 18px;}
    .ProductBox .ProTxt .title{font-size: 16px;}
    .ProDetail .box .con table{width: 100%;}
}

@media ( max-width:768px){
    .ProductBox .ProTxt h3{line-height: 50px;}
    .ProductBox .ProTxt h3, .ProDetail .box .name span{font-size: 16px;}
    .ProductBox .ProTxt .title{font-size: 14px;}
    .ProDetail .box .con{padding-top: 15px;}
    .ProDetail .box .con dl{font-size: 14px;}
}

@media ( max-width:640px){
    .PicSlider,.ProductBox .ProTxt{width: 100%; float: none;}
    .ProductBox .ProTxt{margin-top: 20px;}
}

@media ( max-width:480px){
    .ProDetail .box .con table td{height: 40px; line-height: 20px; padding: 8px 3%;}
}

/* 工程案例 */
.ProjectList li{position: relative; background: #f7f7f7; padding-right: 50px; margin-bottom: 3%;}
.ProjectList li .effect-img{width: 30%; float: left;}
.ProjectList li .effect-img img{display: block; width: 100%;}
.ProjectList li .txt{width: 60%; float: left; padding: 3%;}
.ProjectList li .txt .name{display: block; font-size: 20px; color: #3b3b3b; line-height: 30px; height: 30px; overflow: hidden;}
.ProjectList li .txt .info{font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #737373; margin-top: 3%;}
.ProjectList li .txt .more{position: absolute; right: 0px; top: 0px; width: 50px; height: 100%; background-color: #efefef; background-image: url(../images/arr1.png); background-position: center center; background-repeat: no-repeat;}
.ProjectList li:hover .effect-img{overflow: visible; border: 1px solid #f1f1f1; box-shadow: 8px 5px 25px #000;}
.ProjectList li:hover .txt .name{color: #da2344;}
.ProjectList li:hover .txt .more{background-color: #da2344;}

@media ( max-width:1024px){
    .ProjectList li .txt .name{font-size: 18px;}
}

@media ( max-width:768px){
    .ProjectList ul{padding-bottom: 2%;}
    .ProjectList li .txt{width: 64%;}
    .ProjectList li .txt .name{font-size: 16px;}
    .ProjectList li .txt .info{margin-top: 0; height: 48px;}
    .ProjectList li .txt .more{width: 36px; background-size: 30%;}
    .ProjectList li:hover .effect-img{overflow: hidden; border: none; box-shadow: 0px 0px 25px #ccc;}
}

@media ( max-width:480px){
    .ProjectList li{padding: 0px;}
    .ProjectList li .effect-img{width: 100%; float: none;}
    .ProjectList li .txt{width: 90%; float: none; padding: 5%;}
    .ProjectList li .txt .more{display: none;}
}

/* 服务与支持 */
.Support{font-size: 18px; line-height: 48px; color: #585858;}
.Support .img{float: right; margin-left: 5%;}

@media ( max-width:768px){
    .Support{font-size: 16px; line-height: 32px;}
}

/* 下载中心 */
.DownList ul{padding-bottom: 3%;}
.DownList li{height: 47px; line-height: 47px; overflow: hidden; border-bottom: 1px dotted #c9c9c9; font-size: 16px;}
.DownList li a{color: #444;}
.DownList li .down{padding: 0px 0px 0px 18px; margin-left: 15px; float: right; color: #686868; background: url(../images/arr2.png) no-repeat left center;}
.DownList li i{font-size: 14px; font-weight: bold; padding-right: 6px;}
.DownList li:hover a{color: #da2344;}
.DownList li:hover .down{color: #da2344; background: url(../images/arr3.png) no-repeat left center;}

@media ( max-width:768px){
    .DownList li{font-size: 14px;}
}

/* 公司介绍 */
.About .Aleft{width: 40%; float: left;}
.About .Aleft .title h2{font-size: 72px; color: #e3e3e3; line-height: 55px; font-family: Arial; font-weight: bold; text-transform: uppercase;}
.About .Aleft .title h3{font-size: 24px; color: #da2344; line-height: 24px; margin-top: -18px;}
.About .Aleft .title i{display: block; background: #da2344; width: 40px; height: 3px; margin-top: 25px;}
.About .Aleft .pic{margin-top: 118px;}
.About .Aright{width: 54%; float:right; padding: 2% 0 0; font-size: 16px; line-height: 36px; color: #2d2d2d;}

.CultureBox{background: #f8f8f8; padding: 3% 0; margin-top: 4%;}
.CultureBox li{width: 31.333%; float: left; margin-right: 3%;}
.CultureBox li:nth-child(3n){margin-right: 0;}
.CultureBox li .box{padding: 15px;}
.CultureBox li .box .effect-img img{display: block; width: 100%;}
.CultureBox li .box .txt{position: relative; padding-left: 66px; margin-top: 5%;}
.CultureBox li .box .txt .icon{position: absolute; top: 0px; left: 0px;}
.CultureBox li .box .txt .name span{display: block; font-size: 24px; line-height: 38px; color: #2d2d2d;}
.CultureBox li .box .txt .name i{width: 16px; height: 2px; background: #da2344; display: block;}
.CultureBox li .box .txt .info{padding: 15px 0px 0px; font-size: 16px; color: #2d2d2d; line-height: 30px; min-height: 90px; font-weight: bold;}

@media ( max-width:1200px){
    .About .Aleft .title h2{font-size: 55px;}
}

@media ( max-width:768px){
    .About .Aleft,.About .Aright{width: 100%; float: none;}
    .About .Aleft .title h2{font-size: 40px; line-height: 35px;}
    .About .Aleft .title h3{font-size: 20px;}
    .About .Aleft .pic{margin: 3% 0 0; text-align: center;}
    .CultureBox li .box .txt .icon{display: none;}
    .CultureBox li .box .txt{padding: 0;}
    .CultureBox li .box .txt .name span{font-size: 18px;}
    .CultureBox li .box .txt .info{font-size: 16px;}
}

@media ( max-width:480px){
    .CultureBox li{width: 100%; float: none; margin: 0 0 1.5% 0;}
    .CultureBox li .box{padding: 0px 15px;}
    .CultureBox li .box .txt .info{min-height: auto; margin-bottom: 2%;}
}

.HonnorList ul{padding-bottom: 2%;}
.HonnorList li{width: 31.333%; float: left; margin: 0 3% 2% 0;}
.HonnorList li:nth-child(3n){margin-right: 0px;}
.HonnorList li .effect-img{border: 1px solid #d3d3d3; background: #ebebeb; height: 220px; display: flex; align-items: center; justify-content: center;}
.HonnorList li .effect-img img{display: inline-block;}
.HonnorList li .name{display: block; font-size: 15px; color: #303030; line-height: 30px; height: 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: 8px;  text-align: center;}

@media ( max-width:640px){
    .HonnorList li{margin-bottom: 3%;}
    .HonnorList li .name{font-size: 14px;}
}

@media ( max-width:480px){
    .HonnorList li{width: 48%; margin-right: 0px;}
    .HonnorList li:nth-child(2n){float: right;}
}

/* 新闻资讯 */
.NewsList ul{padding-bottom: 2%;}
.NewsList li{background: #f7f7f7; padding: 2%; margin-bottom: 2%;}
.NewsList li .effect-img{width: 23%; float: left;}
.NewsList li .effect-img img{display: block; width: 100%;}
.NewsList li .txt{width: 74%; float: right; padding: 2% 0 0;}
.NewsList li .txt .title{line-height: 30px; height: 30px; overflow: hidden;}
.NewsList li .txt .title .name{font-size: 18px; color: #4c4c4c;}
.NewsList li .txt .title .date{font-size: 14px; color: #999c9c; float: right;}
.NewsList li .txt .con{margin: 1.5% 0 0; position: relative; padding-right: 144px;}
.NewsList li .txt .con .info{font-size: 13px; line-height: 24px; height: 48px; overflow: hidden; color: #949494;}
.NewsList li .txt .con .more{position: absolute; top: 0px; right: 10px; width: 64px; height: 22px; background: url(../images/more2.png) no-repeat;}
.NewsList li:hover .txt .title .name{color: #da2344;}

@media ( max-width:1024px){
    .NewsList li .txt .title .name{font-size: 16px;}
    .NewsList li .txt .con{padding-right: 100px;}
}

@media ( max-width:480px){
    .NewsList li{padding: 4%;}
    .NewsList li .effect-img,.NewsList li .txt{width: 100%; float: none;}
    .NewsList li .txt .title{height: auto;}
    .NewsList li .txt .title .name{display: block; height: 30px; overflow: hidden;}
    .NewsList li .txt .title .date{float: none;}
    .NewsList li .txt .con{padding: 0;}
    .NewsList li .txt .con .more{position: static; display: none;}
}

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

/*人力资源*/
.JobList li{margin-bottom:1px; overflow:hidden;}
.JobList li.First{border:none;}
.JobList li.First .Titname{color:#fff; overflow:hidden; font-weight:bold; background:#da2344; font-size: 18px;}
.JobList li .Titname{display:block; position: relative; float:left; width:16.666666666%; text-align:center; color:#494949; font-size:16px; overflow:hidden; line-height:60px; height:60px; background:#f2f2f2;}
.JobList li .Titname .detail{background: url(../images/arr5.png) no-repeat center center; position: absolute; width: 17px; height: 17px; top: 50%; margin-top: -8px; right: 15%;}
.JobList li.lion{box-shadow:0px 0px 25px #f3f3f3;}
.JobList li.lion .Titname.name{color:#da2344; font-weight:bold;}
.JobList li.lion .Titname .detail{background: url(../images/arr4.png) no-repeat center center;}
.JobList li .Con{ display:none; padding:2.5% 4%; position:relative;}
.JobList li .Con .apply{display:block; margin: 24px 0 0; width:130px; line-height:40px; border-radius:3px; background:#da2344; color:#fff; text-align:center; font-size:16px;}
.JobList li .Con dl{line-height:36px; font-size:14px; color:#494949;}
.JobList li .Con dl dt{font-size:16px;}
.JobList li .Con .info a{color:#83b9e5;}

@media ( max-width:768px){
    .JobList li.First .Titname{font-size: 16px;}
    .JobList li .Con dl{width:100%;}
    .JobList li .Con .apply{position:static; display:block; margin:3% 0 0;}
}

@media ( max-width:640px){
    .JobList li .Titname{font-size:14px;}

}

@media ( max-width:480px){
    .JobList li .Titname:nth-child(2),.JobList li .Titname:nth-child(4){display:none;}
    .JobList li .Titname{width:25%;}
}


/*应聘表单*/
.recruitform .list{margin:0 auto; width:580px;}
.recruitform .list li{margin-bottom:20px;}
.recruitform .list li span{ display:block; float:left; line-height:40px; margin-right:3%; color:#4d4d4d; font-size:16px;}
.recruitform .list li input.txt{ border:1px solid #e6e6e6; height:38px; line-height:38px; padding-left:10px; font-size:14px; width:468px;}
.recruitform .list li label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform .list li label input.radio{ margin-right:8px; }
.recruitform .list li textarea{ border:1px solid #e6e6e6; height:148px; padding:10px; font-size:14px; width:458px;}
.recruitform .list li.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0;}
.recruitform .list li.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 .list li.btn input.submit{background:#da2344; }
.recruitform .list li.btn input.reset{background:#ccc; }

@media ( max-width:480px){
    .recruitform .list{width:100%;}
    .recruitform .list li input.txt{width:72%;}
    .recruitform .list li textarea{width:70%;}
}

/* 联系我们 */
.ContactBox .title span{display:block; font-size: 30px; line-height: 37px; color: #303030;}
.ContactBox .title em{display: block; font-size: 14px; line-height: 21px; color: #b8b8b8; text-transform: uppercase;}
.ContactBox .box{margin: 3% 0 0;}
.ContactBox .box .list{width: 790px; float: left;}
.ContactBox .box .list dd{margin-left: 10px; width: 355px; float: left; padding-left: 30px; font-size: 16px; line-height: 36px; color: #303030; background-position: left 6px; background-repeat: no-repeat;}
.ContactBox .box .list dd.c1{background-image: url(../images/ct1.png);}
.ContactBox .box .list dd.c2{background-image: url(../images/ct1.png);}
.ContactBox .box .list dd.c3{background-image: url(../images/ct3.png);}
.ContactBox .box .list dd.c4{background-image: url(../images/ct4.png);}
.ContactBox .box .list dd.c5{background-image: url(../images/ct5.png);}
.ContactBox .box .list dd.c6{background-image: url(../images/ct6.png);}
.ContactBox .box .wx{width: 120px; float: left;}

.Map{border: 2px solid #da2344; margin: 3% 0 0;}
.Map img{display: block; width: 100%;}

@media ( max-width:1024px){
    .ContactBox .title span{font-size: 24px;}
}

@media ( max-width:768px){
    .ContactBox .title span{font-size: 20px; line-height: 30px;}
    .ContactBox .box .wx{float: none; margin: 5% auto 0;}
}

@media ( max-width:640px){
    .ContactBox .box .list{width: 100%; float: none;}
    .ContactBox .box .list dd{width: auto; float: none;}
}

@media ( max-width:480px){
    .ContactBox .title em{font-size: 12px;}
}

/* 关于我们 */
.MenuList{text-align: center; margin-bottom: 2%;}
.MenuList a{display: inline-block; padding-left: 15px; background: url(../images/arr6.png) no-repeat left center; font-size: 18px; color: #303030; margin: 0 2%;}
.MenuList a.on,.MenuList a:hover{background: url(../images/arr7.png) no-repeat left center; color: #db204b;}

.SinglePage{font-size: 14px; line-height: 22px; color: #575757;}

@media ( max-width:480px){
    .MenuList{margin-bottom: 5%;}
    .MenuList a{font-size: 16px;}
}

/* 网站地图 */
.WebMap dl{position: relative; min-height: 66px; line-height: 66px; margin-bottom: 2%; padding-bottom: 2%; border-bottom: 1px solid #ebebeb;}
.WebMap dl:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
.WebMap dl dt{width: 200px; position: absolute; left: 0px; top: 0px; font-weight: bold; text-align: center; background: #efefef; font-size: 18px; color: #353535;}
.WebMap dl dd{margin-left: 200px;}
.WebMap dl dd a{display: inline-block; font-size: 16px; color: #63676c; margin-left: 3%;}

@media ( max-width:1024px){

}

@media ( max-width:768px){
    .WebMap dl dt{width: 120px;}
    .WebMap dl dd{margin-left: 120px;}
}

@media ( max-width:640px){

}

@media ( max-width:480px){
    .WebMap dl{line-height: 40px; border-bottom: none;}
    .WebMap dl dt{position: static; width: 100%; font-size: 16px;}
    .WebMap dl dd{margin: 0; padding-top: 5px;}
    .WebMap dl dd a{font-size: 14px; padding: 0px 5px; margin: 0;}
}


.botlogo {width:100%;padding:15px 20px;box-sizing:border-box;}
/*.botlogo img{display:block;padding:20px 0;margin:0 auto;}*/
.GrayBox3{background:#fff;}

.mask{ width:80%;height:40%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.chabtn{position:absolute;top:-10px;right:-10px;}

.bgM{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.85);
    overflow: hidden;
}
.bgM img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    margin: auto;
}

/* 销售网络 s */
.SupportTop{margin-top: 100px;}
.SupportTop .SupportTopLeft{display: inline-block;border-right: 1px dashed #e4e4e4;width: 49%;float: left;box-sizing: border-box;padding-right: 8%;}
.SupportTop .SupportTopLeft span{display: inline-block;float: left;}
.SupportIco{width: 10%;margin-right: 5%;}
.SupportTxt{width: 85%;}
.SupportTxt p{font-size: 24px;color: #262626;line-height: 20px;}
.SupportTxt p i{display: inline-block;width: 15px;height: 3px;background: #da2344;}

.SupportTop .SupportTopRight{display: inline-block;width: 49%;float: right;padding-left: 8%;box-sizing: border-box;}
.SupportTop .SupportTopRight span{display: inline-block;float: left;}
.iphoneA{font-size: 32px !important;color: #da2344 !important;margin-top: 20px !important;display: inline-block !important;}
.SupportTop .SupportTopLeft span em{line-height: 24px;font-size: 14px;color: #656565;display: inline-block;margin-top: 20px;}
.SupportBot{background: url(../uploadfiles/image/map-4.png) no-repeat left center;background-size: contain;background-position-y: bottom;position: relative;}
.SupportTitle{width: 100%;height: 295px;line-height: 295px;padding-left: 44px;box-sizing: border-box;position: absolute;bottom: 0;}
.SupportTitle p{font-size: 32px;color: #323232;}
.SupportTitle p i{width: 53px;height: 1px;background: #df6273;display: inline-block;margin-left: 20px;vertical-align: middle;}

@media (max-width:1024px) {
	.SupportTop{    margin-top: 60px;}
	.SupportTitle{    height: 270px;line-height: 270px;}
}
@media (max-width:768px) {
	.SupportTop{    margin-top: 40px;}
	.SupportTitle{    height: 207px;line-height: 207px;}
	.SupportTxt p{font-size: 20px;line-height: 18px;}
	.SupportTop .SupportTopLeft span em{line-height: 20px;font-size: 12px;margin-top: 10px;}
	.iphoneA{font-size: 27px !important;}
	.SupportTitle p{font-size: 27px;}
}
@media (max-width:600px) {
	.SupportTop{    margin-top: 20px;}
	.SupportTitle{    height: 150px;line-height: 150px;}
	.SupportTxt p{font-size: 15px;line-height: 18px;}
	.SupportTop .SupportTopLeft span em{line-height: 20px;font-size: 12px;margin-top: 10px;}
	.iphoneA{font-size: 20px !important;}
	.SupportTitle p{font-size: 20px;}
}
@media (max-width:414px) {
	.SupportTop{    margin-top: 10px;}
	.SupportTitle{    height: 109px;line-height: 109px;    padding-left: 20px;}
	.SupportTxt p{font-size: 15px;line-height: 18px;}
	.SupportTop .SupportTopLeft span em{line-height: 20px;font-size: 12px;margin-top: 10px;}
	.iphoneA{font-size: 20px;}
	.SupportTitle p{font-size: 16px;}
	.SupportTitle p i{width: 30px;margin-left: 9px;}
	.SupportTop .SupportTopRight{padding-left: 1%;}
	.iphoneA{font-size: 16px !important;margin-top: 10px !important;}
}

/* 销售网络 end */


/* 服务承诺 s */
.service{margin-top: 60px;position: relative;}
.serviceCon{width: 50%;position: absolute;top: 0;left: 0;}
.serviceTop{overflow: hidden;}
.serviceTop span{display: inline-block;float: left;}
.serviceBot{margin-top: 50px;overflow: hidden;}
.serviceBot span{display: inline-block;float: left;}
.serviceImg{width: 10%;margin-right: 5%;}
.serviceTxt{width: 85%;}
.serviceTxt p{font-size: 24px;color: #262626;line-height: 20px;}
.serviceTxt p i{display: inline-block;
    width: 15px;
    height: 3px;
    background: #da2344;}
.serviceTxt em{color: #656565;font-size: 15px;margin-top: 20px;background: url(../uploadfiles/image/service-3.png) no-repeat;background-size: inherit;background-position-x: left;padding-left: 20px;display: block;line-height: 20px;background-position-y: 5px;}
.serviceTxt .iphoneA{background: none;padding-left: 0;}
.serviceRight{width: 50%;float: right;}
@media (max-width:1024px) {
	.serviceBot{    margin-top: 35px;}
}
@media (max-width:768px) {
	.serviceTxt em{margin-top: 10px;line-height: 17px;}
	.serviceTxt p{font-size: 20px;line-height: 15px;}
	.serviceBot{    margin-top: 25px;}
	
}
@media (max-width:680px) {
	.serviceCon{    width: 90%;}
	.serviceTxt p{font-size: 17px;}
	.serviceTxt em{font-size: 12px;}
	.serviceBot{margin-top: 10px;}
	.serviceCon{position: relative;width: 90%;}
}
/* 服务承诺 end */