@charset "utf-8";
body,html{transition: all ease 0.3s; -webkit-transition: all ease 0.3s; overflow-x: hidden;}
body{ margin:0px; padding:0px; margin:0px auto; transition: 300ms; font-size:14px; line-height:24px; color:#666; 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:14px; 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; color: #ea0001;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.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;}
.w1240{max-width:1240px; min-width:320px; margin:0px auto;}
.mb10{margin-bottom: 10px;}
input,.empty{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.f_color{color:#c1102d !important;}
.owl-carousel .owl-nav{height: 0;}

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



/*公用样式*/
.icon img{position: absolute; left: 0; top: 0; width: 100%;}
.icon .i1{transition: 400ms;}
.icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
li:hover .icon .i2,li.on .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
li:hover .icon .i1,li.on .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img,.effect-img span{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s; display: block; width: 100%;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img,.item:hover .effect-img img,.effect-img:hover span,li:hover .effect-img span,dd:hover .effect-img span,.item:hover .effect-img span{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.effect-img span,.boxbg{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.effect-img span{display: block; width: 100%; height: 100%;}
.relative{position: relative;}
.ptb3{padding: 3% 0;}
.mb3{margin-bottom: 3%;}
.mb5{margin-bottom: 5%;}
.tit{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.info{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}


.Ban .mask{background-color: rgba(0,0,0,.1); color: #fff;}
.BanTxt{padding: 115px 0 153px 118px;}
.BanTxt .name{display: block; font-size: 36px; line-height: 50px;}
.BanTxt p{font-size: 20px; line-height: 32px; font-family: Arial;}

.Position{padding-left: 26px; line-height: 65px; border-bottom: 1px solid #eee; background: url(../images/home.png) no-repeat left center; font-size: 16px; color: #999;}
.Position a{color: #999;}
.Position span{color: #c1102d;}

.Container{padding: 30px 0 60px; min-height: 400px; height: auto !important; height: 400px;}
.Left{width: 20%; float: left;}
.Left .title{background-color: #c1102d; background-image: url(../images/arr1.png); background-repeat: no-repeat; line-height: 84px; padding-left: 28px; color: #fff; font-size: 22px; font-weight: bold;}
.Menus{background-color: #f7f7f7; background-image: url(../images/arr2.png); background-repeat: no-repeat; background-position: right bottom;}
.Menus li{padding: 0 15px;}
.Menus li a{display: block; border-top: 1px solid #fff; border-bottom: 1px solid #dad9d9; font-size: 16px; padding: 0 15px; line-height: 58px; color: #444;}
.Menus li i{float: right; width: 15px; height: 15px; background-image: url(../images/arr3.png); background-repeat: no-repeat; margin-top: 22px;}
.Menus li.on i,.Menus li:hover i{background-image: url(../images/arr4.png);}
.Menus li:last-child a{border-bottom: none;}
.Menus li.on a,.Menus li:hover a{color: #c1102d;}

.Right{width: 75.8333%; float: right;}
.SubName{line-height: 53px; border-bottom: 1px solid #eee; font-size: 22px; color: #333; font-weight: bold; margin-bottom: 40px;}
.SubName i{position: absolute; width: 60px; height: 2px; background: #333; left: 0; bottom: -1px;}



@media ( max-width:1024px){
    .BanTxt{padding: 80px 0 80px 20px;}
    .BanTxt .name{font-size: 25px; line-height: 40px;}
    .BanTxt p{font-size: 16px; line-height: 24px;}
    .Pages{font-size: 16px;}
    .Pages .num{margin: 0;}
    .Pages a{font-size: 14px; width: 50px; line-height: 32px;}
    .Pages .num a{width: 32px;}
}

@media ( max-width:768px){
    .Position{line-height: 48px;}
    .Left,.Right{width: auto; float: none;}
    .Left .title{padding: 0px 20px; background: #c1102d; line-height: 40px;}
    .Left .title span{display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center;}
    .Menus{display: none;}
    .signbox.s4{display: none;}
    .SubName{font-size: 18px; margin-bottom: 30px;}
    .Container{padding: 20px 0 30px;}
}

@media ( max-width:480px){
    .BanTxt{padding: 50px 0 50px 15px;}
    .ptb3{padding: 6% 0;}
    .mb3{margin-bottom: 6%;}
    .mb5{margin-bottom: 6%;}
}


/*Top*/
.Logo{width:386px; float:left; position: relative; padding: 20px 0;}
.Logo img{display:block; width:100%;}
.TopBar{width:390px; float:right; margin-top: 10px;}
.TopBar .link{margin-bottom: 10px;}
.TopBar .link i{padding: 0 8px;}
.TopBar .link span a{padding-left: 14px;}
.TopBar .sbtn{width: 26px; height: 26px; vertical-align: middle; border-radius: 50%; background: #ea0001 url(../images/btn.png) no-repeat center center; display: none;}
.Search form{position:relative; padding: 0 92px 0px 12px; border: 1px solid #aaa; background: #fff;}
.Search .input{height:38px; width:100%; color: #333;}
.Search .input::placeholder{color: #b2b2b2;}
.Search .btn{background-image:url(../images/btn.png); background-repeat: no-repeat; background-position: 14px 12px; padding-left: 20px; background-color: #ea0001; color: #fff; width:80px; position:absolute; top:-1px; bottom: -1px; right: -1px;}

.Showbox{background: #ea0001;}
.Nav li{float:left; text-align:center; width:14.2%; position: relative;}
.Nav li .am{display:block; font-size:18px; line-height:48px; color:#fff; background: url(../images/navline.png) no-repeat left center;}
.Nav li:first-child .am{background: none;}
.Nav li i{position: absolute; display: none; width: 48px; height: 48px; 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: #d80506;}
.Nav li .SubNav{position:absolute; left:0%; top:100%; z-index:999; width:100%; display:none; text-align:center; background: rgba(255,255,255,.8);}
.Nav li .SubNav a{display:block; line-height:36px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#333;}
.Nav li .SubNav a:hover{color: #ea0001;}
.Nav li.language{display: none; padding-left: 25px;}
.Nav li.language a{display: inline-block; padding: 0;}
.Nav li.language em{display: inline-block; padding: 0 15px; color: #fff;}

.Banner .slides li{position: relative;}
.Banner .slides li .img{display: block; width: 100%;}
.Banner .slides li .mobile{display: none;}
.Banner .slides li .con{position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0 45px 0 244px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.Banner .slides li .con .sign{width: 184px; position: absolute; left: 45px; top: 50%; margin-top: -92px;}
.Banner .slides li.flex-active-slide .con .txt{animation: fadeInRight 2s ease-in-out;}
.Banner .slides li.flex-active-slide .con .sign{animation: opacity-change 2.5s ease-in-out;}
.Banner .flex-control-nav{z-index: 9; bottom: 10px; line-height: 14px;}
.Banner .flex-control-paging li{margin: 0 4px;}
.Banner .flex-control-paging li a{width: 14px; height: 14px; background-image: url(../images/dotpic.png);background-repeat: no-repeat; background-position: center top;}
.Banner .flex-control-paging li a.flex-active{background-position: center bottom;}
@keyframes opacity-change {
    0% {
        opacity: 0;
        transform: rotate(0) scale(0);
    }
    50% {
        opacity: 0.5;
        transform: rotate(180) scale(0.5);
    }
    100% {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }
}

.Banner li.flex-active-slide .con i{margin: 0 12px;}
.Banner li.flex-active-slide .con .a1{line-height: 50px;}
.Banner li.flex-active-slide .con .cp{ margin-bottom: 10px;}
.Banner li .con .cp img{display: inline-block; margin: 0 3px; display: none;}
.Banner li .con .b2{padding-left: 112px;}
.Banner li .con .b3{padding-left: 224px;}

@media ( max-width:998px){
    .Logo{padding:10px 0px;}
    .TopBar{margin: 0; position: absolute; right: 50px; width: auto; top: 50%; margin-top: -13px; line-height: 26px;}
    .TopBar .link{display: none;}
    .TopBar .sbtn{display: inline-block;}
    .Search{display:none; position:absolute; top:100%; right:0px; z-index:999; width: 300px;}
    .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,.5); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
    .Showbox .close_bar{height:60px;line-height:60px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(0,0,0,0.5); 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:auto; text-align:left;}
    .Nav li i{display: block;}
    .Nav li .am{padding: 5px 0px; color:#fff; line-height:40px; font-size:20px; padding-left:25px; background: none;}
    .Nav li:hover .am, .Nav li.active .am{border-bottom: none;}
    .Nav li.on i{background-image: url(../images/jian.png);}
    .Nav li .SubNav{position: static; text-align: left; background: none;}
    .Nav li .SubNav a{padding:0px 50px; font-size: 16px; color: #fff;}
    .Nav li.on .SubNav,.Nav li.language{display: block;}

    .Banner .slides li .con .sign{width: 120px;}
    .Banner .slides li .con .txt{max-width: 220px}
}

@media ( max-width:640px){
    .Logo{width: 240px;}
    .Banner .slides li .pc{display: none;}
    .Banner .slides li .mobile{display: block;}
    .Banner .slides li .con{display: none;}
}

@media ( max-width:480px){
    .Showbox{width: 70%;}
}

/*bottom*/
.Footer{background: #f1f1f1; border-top: 5px solid #ea0001; padding: 29px 0 11px;}
.Footer .weixin{width: 285px; float: left; margin-right: 36px;}
.Footer .weixin dd{width: 85px; float: left;margin-left: 5px}
/*.Footer .weixin dd:nth-child(2n){float: right;}*/
.Footer .weixin dd img{display: block; width: 100%;}
.Footer .weixin dd span{display: block; line-height: 30px; text-align: center;}
.friendlink{margin: 10px 0 6px;}
.friendlink span{color: #ea0001; font-weight: bold;}
.friendlink a{padding: 0 4px;}
.Bottom a{color: #666;}

@media ( max-width:768px){
    .Footer .weixin{float: none; margin: 0 auto;}
}

/*index*/
.mb30{margin-bottom: 30px;}
.HomeTit{border-bottom: 1px solid #f4f4f4; margin-bottom: 13px;}
.HomeTit .name{display: inline-block; line-height: 26px; padding-bottom: 7px; border-bottom: 3px solid #ea0001; font-size: 20px; color: #333; font-weight: bold;}
.HomeTit .more{float: right; width: 55px; line-height: 20px; background: #ebebeb; color: #a3a3a3; text-align: center; border-radius: 15px; margin-top: 5px;}
.Main{padding: 20px 0 50px;}
.HomeFocus,.HomeNews{width: 49.19%;}
.HomeFocus li{position: relative;}
.HomeFocus li .effect-img{height: 380px;}
.HomeFocus li .title{position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.4); padding: 0 20px; font-size: 16px; color: #fff;}
.HomeFocus li .title .tit{line-height: 50px; height: 50px;}
.HomeFocus .flex-control-nav{z-index: 9; left: auto; right: 0; bottom: 20px; line-height: 11px; width: 77px; text-align: left;}
.HomeFocus .flex-control-paging li{margin: 0 2px;}
.HomeFocus .flex-control-paging li a{display: inline-block; width: 7px; height: 7px; background: #fff; border-radius: 50%; transition: 500ms; vertical-align: middle;}
.HomeFocus .flex-control-paging li a.flex-active{background: #ea0001; width: 11px; height: 11px;}

.HomeNews{height: 380px; overflow: hidden;}
.HomeNews li.first{padding-left: 0; height: auto; background: none; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dotted #b2b2b2;}
.HomeNews li.first .tit{height: 24px; line-height: 24px; margin-bottom: 8px;}
.HomeNews li.first .info{color: #999; line-height: 20px; font-size: 14px; -webkit-line-clamp: 2;}
.HomeNews li{font-size: 16px; line-height: 35px; height: 35px; overflow: hidden; padding-left: 9px; background: url(../images/arr1.png) no-repeat left center;}
.HomeNews li .date{float: right; font-size: 14px; color: #999; margin-left: 10px;}

.HomeTheam li{width: 49.19%; float: left;}
.HomeTheam li:nth-child(2n){float: right;}

.HomeProduct{border: 1px solid #f1f1f1; background: #f9f9f9;}
.HomeProduct .SlideTxt{padding: 19px 19px 9px 85px;}
.HomeProduct .title{position: absolute; left: -1px; top: -1px; bottom: -1px; width: 60px; background: #ea0001; font-size: 20px; font-weight: bold; display: flex; align-items: center;}
.HomeProduct .title a{display: block; padding: 0 20px; color: #fff;}
.HomeProduct .hd{width: 29.1%; float: left;}
.HomeProduct .hd li{width: 49%; float: left; margin-bottom: 10px;}
.HomeProduct .hd li a{display: block; line-height: 50px; font-size: 16px; color: #333; background: #fff; padding: 0 15px;}
.HomeProduct .hd li:nth-child(2n){float: right;}
.HomeProduct .hd li .icon{display: inline-block; width: 28px; height: 28px; vertical-align: middle;}
.HomeProduct .hd li.on a{background: #ff902e; color: #fff;}
.HomeProduct .bd{width: 70.9%; float: right;}
.ProSlider dd a{display: block; margin-left: 18px; position: relative; overflow: hidden;}
.ProSlider dd .effect-img{height: 170px;}
.ProSlider dd .tit{position: absolute; left: 0; right: 0; bottom: -30px; text-align: center; font-size: 16px; color: #333; line-height: 30px; background: rgba(255,255,255,0.8); transition: 500ms;}
.ProSlider dd:hover .tit{bottom: 0;}

.indexad{z-index: 1000;}

@media ( max-width:1155px){
    .HomeProduct .SlideTxt{padding: 19px 19px 19px 85px;}
    .HomeProduct .hd,.HomeProduct .bd{width: auto; float: none;}
    .HomeProduct .hd li{width: 32%; margin-right: 2%;}
    .HomeProduct .hd li:nth-child(2n){float: left;}
    .HomeProduct .hd li:nth-child(3n){margin-right: 0;}
    .ProSlider dd a{margin: 0 5px;}
}

@media ( max-width:768px){
    .mb30{margin-bottom: 20px;}
    .HomeFocus,.HomeNews{width: auto; float: none;}
}

@media ( max-width:480px){
    .HomeFocus{display: none;}
    .HomeFocus li .effect-img{height: 280px;}
    .HomeTheam li,.HomeTheam li:nth-child(2n){width: auto; float: none; margin: 5px 0;}
    .HomeProduct .title{position: static; width: auto; text-align: center; display: block; line-height: 40px;}
    .HomeProduct .SlideTxt{padding: 15px;}
    .HomeProduct .hd li{width: 49%; margin-right: 0;}
    .HomeProduct .hd li:nth-child(2n){float: right;}
    .ProSlider dd a{margin: 0;}
    .ProSlider dd .effect-img{height: 200px;}
}