@charset "utf-8";html{font-family:"Microsoft YaHei";font-size:12px}

b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}

img,input{border:0;vertical-align:middle}

table{ border-collapse: collapse; border-spacing: 0;}

table td { border: 1px solid #333;}

li,ul{list-style:none;margin:0;padding:0}

form{padding:0;margin:0}

td{FONT-SIZE:12px}

i{font-style:normal}

img{border:0}

a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}

a:focus{outline:0}

input,textarea{outline:0}

a:hover{color:#da251c;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.content,.ysbox{width:1400px;overflow:hidden;margin:0 auto; position:relative;}

body::-webkit-scrollbar{width:0px;height:10px}

body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.05);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}

body:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}

body::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}

body::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px transparent;background-color:#fff}

body::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset006pxrgba(0,0,0,.4);background-color:rgba(0,0,0,.01)}

@font-face{ font-family:Colnova DemiBold; src:url(../images/COLNOVA-DEMIBOLD.OTF)}

@font-face{ font-family:Baskerville Old Face; src:url(../images/BASKVILL.TTF)}



@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:14px;font-family:'Microsoft YaHei'}

}

.title{overflow:hidden;background:url(../images/xx.png) no-repeat center bottom;padding-bottom:20px;margin:50px auto}

.title h3{font-size:40px;text-align:center;font-weight:400}

.title span{color:#da251c}

.title p{font-size:15px;color:#666;text-align:center;margin-top:10px;text-transform:uppercase}

.title span a{color:#fff}

.title_oem{overflow:hidden;margin:50px auto}

.title_oem h3{font-size:40px;text-align:center;font-weight:400;padding-bottom:20px;background:url(../images/xx.png) no-repeat center bottom}

.title_oem span{color:#da251c}

.title_oem p{font-size:15px;color:#666;text-align:center;margin-top:10px;text-transform:uppercase}

.title_oem span a{color:#fff}

.w50{margin-top:50px}

.had{background:rgba(0,0,0,.6);height:100px;width:100%;position:absolute;top:0;z-index:99;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.fixed{background:rgba(0,0,0,.9);position:fixed;top:0;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.had .logo{float:left;margin-top:21px}

.had .hot{color:#fff;margin-top:25px;font-size:24px;font-weight:700;float:right}

.had .hot img{ margin-right:10px; padding-top: 10px;}

.had .hot span{ font-size:20px; float:right}

.nav{height:100px;line-height:100px;position:absolute;width:70%;padding:0 25%}

.nav a{color:#fff;font-size:16px;width:12.5%;display:block;text-align:center;float:left}

.nav a:hover{color:#da251c}

.banner{width:100%;overflow:hidden;margin:0 auto}

.ban{width:100%;overflow:hidden;margin:0}

.ban img{width:100%}

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%}

.sp_nav{width:90px;position:absolute;top:0;right:0;cursor:pointer;height:100px;background:#da251c}

.sp_nav span{display:block;background:#fff;width:40px;height:2px;position:absolute;left:26px;transition:all ease .35s}

.sp_nav span:nth-of-type(1){top:30px}

.sp_nav span:nth-of-type(2){top:45px}

.sp_nav span:nth-of-type(3){top:60px}

.sp_nav_se span:nth-of-type(1){top:45px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:45px;transform:rotate(-45deg)}

.nlogo{margin:38px 0 30px 30px}

.sjj_nav{position:fixed;z-index:9;background:#555;width:260px;height:calc(100% - 58px);font-size:14px;line-height:40px;right:0;top:100px;overflow:auto;overflow-x:hidden;transition:top ease .35s;transform:translateX(100%);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.nav_show{transform:translateX(0);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.sjj_nav::-webkit-scrollbar{width:0;height:10px}

.sjj_nav::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.05);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}

.sjj_nav:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}

.sjj_nav::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}

.sjj_nav::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px transparent;background-color:#fff}

.sjj_nav::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset006pxrgba(0,0,0,.4);background-color:rgba(0,0,0,.01)}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}

.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #888 solid;text-align:center;color:#999}

.sjj_nav ul li i{position:absolute;top:5px;right:0;border-left:1px #ddd solid;height:30px;padding:0 7px 0 7px;text-indent:0}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease .35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0)}

.sjj_nav ul li{border-top:1px #888 solid;text-indent:2em;position:relative;line-height:40px;font-size:16px}

.sjj_nav>ul>li:last-child{border-bottom:1px #888 solid}

.sjj_nav ul li ul{display:none;background:#555}

.sjj_nav ul li a{color:#666;width:80%;color:#fff}

.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;padding-left:20px}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff;margin:5px}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}

.sjj_nav ul li ul li>ul{margin-left:10px}

.sjj_nav ul li ul li{border-top:none}

.eew{background:#da251c}

.sjj_nav ul li ul li a:hover{color:#fff}

.shipin{width:1020px;overflow:hidden;margin:0 auto}

.xitong{background:#f2f2f2 url(../images/hotbj.png) no-repeat center left;background-size:100% 100%;overflow:hidden;margin:60px auto 0;width:100%}

.xt_left{float:left;width:55%}

.xt_left img,.xt_right img{width:100%}

.xt_right{width:45%;float:right}

.x_box{width:65%;float:right;margin:10% 8% 0 0}

.x_box h3{font-size:40px;margin-top:0;color:#000}

.x_box p{font-size:18px;color:#666}

.x_box p:after{content:"";width:80px;height:3px;background:#da251c;display:block;margin-top:15px}

.x_box dd{margin-top:15px;line-height:35px;font-size:16px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden; text-align:justify; text-indent:2em;}

.x_box dt{width:150px;text-align:center;line-height:40px;height:40px;border-radius:30px;border:1px #ccc solid;margin-top:30px}

.ys{width:auto;overflow:hidden}

.ys ul{width:auto;overflow:hidden}

.ys ul li{width:25%;float:left;box-sizing:border-box;border:10px #fff solid;background:#000;overflow:hidden;position:relative}

.ys ul li img{width:100%;height:100%;opacity:.6}

.ys ul li div{position:absolute;top:0;left:0;width:100%;overflow:hidden;height:100%}

.ys ul li div:after{content:"";background:rgba(97,82,61,.6);position:absolute;top:0;left:0;width:100%;overflow:hidden;height:0%;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.ys ul li div dd{width:85px;height:100px;text-align:center;display:block;font-size:40px;color:#61523d;line-height:100px;font-family:COLNOVA;margin:0 auto;background:#e0be8e;position:relative;z-index:5}

.ys ul li div h3:before{content:"";width:30px;height:3px;background:#fff;display:block;margin:0 auto 25px;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.ys ul li div h3{width:auto;overflow:hidden;text-align:center;color:#fff;font-size:26px;margin-top:110px;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;position:relative;z-index:5}

.ys ul li div dt{font-family:Arial;color:#fff;text-align:center;margin-top:7px;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.ys ul li div p{padding:0 60px;font-size:16px;color:#fff;line-height:28px;opacity:0;margin-top:-100%;position:relative;z-index:5}

.ys ul li:hover div:after{height:100%;-moz-transition:all .4s ease;z-index:1;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.ys ul li:hover h3{margin-top:30px;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.ys ul li:hover h3:before{content:"";width:0;height:0;background:0 0;display:none;margin:0;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.ys ul li:hover p{opacity:1;margin-top:20px;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.ys ul li:hover div dt{display:none;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.pic_content{overflow:hidden;margin:15px auto 0}

.pic_content ul{overflow:hidden;margin:0 auto}

.pic_content ul li{width:25%;float:left;overflow:hidden;border:5px #fff solid;box-sizing:border-box;position:relative}

.pic_content ul li div{width:100%;overflow:hidden;position:relative}

.pic_content ul li div dl{position:absolute;width:100%;height:50px;background:rgba(218,37,28,.8);bottom:0;-webkit-transition:all .5s;transition:all .5s}

.pic_content ul li div dl dd{font-size:16px;color:#fff;margin:10px 20px 10px;text-align:center;font-size:20px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s}

.pic_content ul li div dl i{font-size:14px;text-align:center;padding:0 30px;text-align:center;color:#fff;margin-bottom:30px;display:block}

.pic_content ul li div dl dd:after{content:"——";color:#fff;display:block;margin-top:12px}

.pic_content ul li div dl dt{border:1px #fff solid;text-align:center;height:36px;line-height:36px;width:150px;margin:0 auto;color:#fff}

.pic_content ul li p{height:45px;line-height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:16px;display:none}

.pic_content ul li:nth-child(4n){margin-right:0}

.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%}

.pic_content ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic_content ul li:hover p{color:red}

.pic_content ul li:hover div dl{-webkit-transition:all .5s;transition:all .5s;height:100%}

.pic_content ul li:hover div dl dd{font-size:16px;color:#fff;margin:100px 20px 10px;text-align:center;font-size:24px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s}

.title1{overflow:hidden;margin:50px auto}

.title1 h3{overflow:hidden;float:left;font-size:40px;font-weight:400;color:#333}

.title1 h3 p{font-size:18px;color:#666}

.title1 i{float:right;font-style:normal;font-size:18px}

.title1 span{text-align:center;float:right;font-size:18px;margin-top:30px}

.title1 span a{color:#333;width:120px;height:45px;line-height:45px;display:inline-block;margin:0 3px}

.title1 span a.on{color:#fff;background:#da251c}

.title1 i{color:#333;width:120px;height:45px;line-height:45px;text-align:center;display:inline-block;margin-top:30px}

.title1 i a{display:block}

.title1 i a:hover{color:#fff;background:#da251c}

.gengduo3{width:88px;height:45px;line-height:45px;font-size:16px;text-align:center;margin:50px auto;border-radius:3px;background:#014c9f}

.gengduo3 a{color:#fff}

.news{overflow:hidden}

.news:last-child{overflow:hidden;height:0}

.news .swiper-container{position:relative;padding-bottom:97px}

.newsbox{position:relative;-webkit-transition:all .5s;transition:all .5s}

.new_img{overflow:hidden}

.new_img img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.newsbox:hover .new_img img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.new_txt{overflow:hidden;width:90%;background:#fff url(../images/news1.png) no-repeat left 150px;bottom:-145px;height:222px;position:absolute;left:0;-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s}

.new_txt h3{font-size:18px;height:40px;line-height:40px;font-weight:400;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.new_txt dt{font-size:14px;color:#999;margin:10px auto}

.new_txt dd{line-height:24px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}

.newsbox:hover .new_txt{transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s}

.newsbox:hover .new_txt{background:#fff url(../images/news2.png) no-repeat left 150px;bottom:-120px;-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s}

.new_nav{display:none}

.chengnuo{overflow:hidden}

.chengnuo ul{overflow:hidden}

.chengnuo ul li{width:25%;float:left;overflow:hidden;position:relative}

.chengnuo ul li img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.chengnuo ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.chengnuo ul li div{position:absolute;height:200px;overflow:hidden;bottom:0;width:100%}



.chengnuo ul li div:after{content:"";position:absolute;height:200px;overflow:hidden;bottom:0;width:0;height:0;border-top:90px solid transparent;border-right:930px solid #e0be8e;border-bottom:135px solid #e0be8e}

.chengnuo ul li h3{font-size:24px;font-weight:400;height:120px;text-align:center;position:absolute;z-index:10;bottom:0;width:100%}

.chengnuo ul li a{color:#332b20}

.chengnuo ul li:nth-child(2n) div:after{content:"";position:absolute;height:200px;overflow:hidden;bottom:0;width:0;height:0;border-top:90px solid transparent;border-right:930px solid #da251c;border-bottom:135px solid #da251c}

.chengnuo ul li:nth-child(2n) a{color:#fff}

.links{width:100%;margin:60px auto 0;overflow:hidden;color:#666;border-top:1px #ccc solid}

.links ul{margin:0 auto;margin:0 auto;width:1400px}

.links span{line-height:30px;width:130px;float:left;padding:2% 0;display:inline-block;color:#da251c;text-align:left;font-size:16px;padding-left:31px;background:url(../images/sos.png) no-repeat center left}

.links dl{overflow:hidden;width:85%;float:left}

.links dl dd{padding:2% 0;font-size:15px}

.links dl dd a{padding:0 10px;font-size:16px;white-space:normal;display:inline-block;line-height:40px}

.footer{background:#332c29;overflow:hidden;margin:0 auto;position:relative}

.footer ul{overflow:hidden;margin-top:40px;width:100%}

.footer ul li{width:18%;float:left;border-left:1px #ccc solid;height:250px}

.footer ul li h3{font-size:18px;color:#fff}

.footer ul li h3:after{content:"";width:35px;height:4px;background:#e0be8e;display:block;margin:13px 0 25px}

.footer ul li .f_text{color:#fff;font-size:16px;line-height:39px}

.footer ul li .f_text span{font-size:36px}

.footer ul li:nth-child(1){padding-left:2%}

.footer ul li:nth-child(2){width:26%;padding:0 5%}

.footer ul li:nth-child(3){width:7%;padding:0 5%}

.footer ul li:nth-child(4){padding-left:5% ; width:13%; text-align:center;}

.footer ul li .f_nav{overflow:hidden}

.footer ul li .f_nav a{display:block;width:50%;float:left;line-height:26px;color:#fff}

.footer ul li .ksu{overflow:hidden}

.footer ul li .ksu a{display:block;line-height:26px;color:#fff}

.footer ul li .rwm{ border:1px #fff solid; padding:10px;}

.footer ul li .rwm img{ width:100%; overflow:hidden;}

.footer ul li .rwm i{ font-style:normal; color:#fff; margin-top:5px; display:block;}



.Copyright{overflow:hidden;font-size:16px;text-align:center;color:#999;padding:20px 0;margin-top:20px;background:#1a1614}

.news .swiper-container1{position:relative;padding-bottom:95px}

.pic_banner{width:100%;overflow:hidden;margin:0 auto;position:relative}

.ban_img{overflow:hidden;margin:0 auto;width:100%}

.ban_img img{width:100%}

.n_bann{position:absolute;width:100%;margin:0 auto;bottom:0;left:0;height:60px;line-height:60px;background:rgba(0,0,0,.6); z-index:99;}

.n_bann ul{width:1200px;overflow:hidden;margin:0 auto;color:#fff;font-size:15px}

.n_bann ul a{color:#fff}

.n_bann ul a:after{content:">";font-family:"宋体";font-size:13px;margin:0 5px}

.n_bann ul a:last-child:after{content:"";display:none}

.n_bann ul a:hover{color:#da251c}

.pic_nav{overflow:hidden;margin:20px auto 0}

.pic_nav ul{overflow:hidden}

.pic_nav ul li{width:16.6%;float:left;text-align:center;box-sizing:border-box;line-height:45px;border:5px #fff solid}

.pic_nav ul li a{border:1px #ccc solid;display:block;font-size:16px}

.pic_muen{overflow:hidden;text-align:center;margin:30px auto 0}

.pic_muen ul{overflow:hidden}

.pic_muen ul li{overflow:hidden;padding-bottom:27px;border:6px #fff solid;box-sizing:border-box;display:inline-block;text-align:center;font-size:16px;margin:0 3%}

.pic_muen ul li a{color:#666}

.pic_muen ul li a:hover{border-bottom:2px #da251c solid;color:#da251c;padding-bottom:25px;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out}

.pic_muen ul li a.hover{border-bottom:2px #da251c solid;color:#da251c;padding-bottom:25px}

.news_muen{overflow:hidden;text-align:center;margin:30px auto 0}

.news_muen ul{overflow:hidden}

.news_muen ul li{overflow:hidden;padding-bottom:27px;border:6px #fff solid;box-sizing:border-box;display:inline-block;text-align:center;font-size:18px;margin:0 3%}

.news_muen ul li a{color:#666}

.news_muen ul li a:hover{border-bottom:2px #da251c solid;color:#da251c;padding-bottom:25px;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out}

.news_muen ul li a.hover{border-bottom:2px #da251c solid;color:#da251c;padding-bottom:25px}

.page{width:100%;height:auto;overflow:hidden;margin:30px auto}

.page ul{display:table;margin:0 auto}

.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:0 5px}

.page ul li a{color:#333}

.page ul .thisclass{background:#da251c;color:#fff;border:1px solid #da251c}

.page select{border:none;background:0 0;outline:0}

.page ul .thisclass a{color:#fff}

.anli_lb{overflow:hidden;margin:15px auto 0}

.anli_lb ul{overflow:hidden;margin:0 auto}

.anli_lb ul li{width:25%;float:left;overflow:hidden;border:5px #fff solid;box-sizing:border-box;position:relative}

.anli_lb ul li div{width:100%;overflow:hidden;position:relative}

.anli_lb ul li dd{font-size:16px;color:#fff;text-align:center;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:absolute;width:100%;height:50px;line-height:50px;bottom:-50px;background:rgba(218,37,28,.8);-webkit-transition:all .5s;transition:all .5s}

.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%}

.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli_lb ul li:hover dd{-webkit-transition:all .5s;transition:all .5s;bottom:0}

.about_box{overflow:hidden;background:#f5f5f5}

.about{overflow:hidden;margin:60px auto}

.about_img{width:46%;float:left}

.about_img img{width:100%}

.about_txt{overflow:hidden;width:100%;margin:60px auto}

.about_txt h1{font-size:1rem;text-transform:uppercase;color:#cfcfcf}

.about_txt h3{font-size:36px;color:#333;margin-bottom:20px}

.about_txt dd{font-size:16px;line-height:38px;color:#222}

.about_txt p{ font-size:16px;}

.licheng{overflow:hidden;padding-left:10px}

.licheng ul{position:relative}

.licheng ul:after{width:1px;height:100%;content:"";background:#da251c;position:absolute;top:5px}

.licheng ul:before{content:"";width:26px;height:3px;background:#da251c;font-size:30px;position:absolute;left:-15px;bottom:-8px}

.licheng ul li{padding-bottom:10px;margin-bottom:20px}

.licheng ul li h3{font-size:16px;color:#000;font-weight:400;position:relative;padding-left:20px;margin-bottom:15px}

.licheng ul li h3:before{content:"●";color:#da251c;font-size:20px;position:absolute;left:-6px;top:-5px}

.licheng ul li dd{border:1px #f5ebeb solid;overflow:hidden;padding:20px;margin-left:20px;border-radius:8px;line-height:28px;color:#666}

.licheng ul li:hover dd{box-shadow:0 0 5px #ccc}

.licheng ul li:last-child{padding-bottom:60px}

.ys_box1{background:#f5f5f5;overflow:hidden;margin:60px auto 0}

.zz-img{width:100%;overflow:hidden}

.zz-img img{width:100%;overflow:hidden}

.ys_com{overflow:hidden;padding-bottom:50px}

.ys_com ul{overflow:hidden;padding:10px 0}

.ys_com ul li{overflow:hidden;width:18%;background:#fff;margin:0 1%;box-sizing:border-box;float:left;padding-top:30px}

.ys_com ul li div{width:120px;height:120px;background:#eee;border-radius:50%;overflow:hidden;text-align:center;margin:0 auto}

.ys_com ul li div img{width:70px;height:70px;padding:25px 0;margin:0 auto}

.ys_com ul li div img.ys01{display:block}

.ys_com ul li div img.ys_01{display:none}

.ys_com ul li h3{text-align:center;overflow:hidden;font-size:22px;color:#333;font-weight:400;margin:20px auto 0}

.ys_com ul li dd{padding:20px 30px;font-size:14px;color:#666;line-height:28px;text-align:justify;height:150px}

.ys_com ul li:hover h3{color:#da251c}

.ys_com ul li:hover dd{color:#da251c}

.ys_com ul li:hover{box-shadow:0 0 5px #ccc}

.ys_com ul li:hover div img.ys01{display:none}

.ys_com ul li:hover div img.ys_01{display:block}

.ys_com ul li:hover div{background:#da251c}

.zizhi{overflow:hidden;position:relative}

.zizhidiv{position:relative;padding-bottom:60px}

.zizhidiv div{border:5px #f5f5f5 solid;overflow:hidden}

.zizhidiv div img{width:100%}

.zizhidiv p{text-align:center;font-size:15px;height:40px;line-height:40px;color:#666}

.zizhidiv dd{width:100%;position:relative}

.zizhidiv:after{content:"";width:10px;height:10px;border:2px #xlrdd solid;border-radius:50%;background:#fff;margin:0 auto;position:absolute;bottom:24px;left:50%}

.zizhi:after{content:"";width:100%;height:1px;background:#ccc;position:absolute;bottom:30px}

.wrap{width:1200px;margin-right:auto;margin-left:auto}

.news_list02{padding-bottom:30px}

.news_list02 .rect-5665{padding-bottom:56.65%}

.news_list02 ul{position:relative}

.news_list02 ul:after{content:'';background:#bcbcbc;position:absolute;top:0;left:13%;height:100%;width:1px;z-index:3}

.news_list02 ul .item{height:205px;margin-bottom:15px}

.news_list02 ul .item_l{width:20%;float:left;position:relative;height:100%}

.news_list02 ul .item_l:after{content:'';position:absolute;top:0;right:84px;width:0;height:206px;background:#da2d27;transition:all .5s ease;-webkit-transition:all .5s ease}

.news_list02 ul .item_r{width:80%;float:left;height:100%;background:#fafafa;position:relative}

.news_list02 ul .item_r:after{content:'';position:absolute;top:0;right:0;background:#fafafa;height:100%;width:0;transition:all .5s ease;-webkit-transition:all .5s ease}

.news_list02 ul .item_l .time{width:65%;float:left;font-family:Arial;line-height:1;text-align:center;position:absolute;height:64px;top:50%;margin-top:-32px;color:#da2d27;z-index:5;font-size:14px}

.news_list02 ul .item_l .time .d{font-size:52px;margin-bottom:3px}

.news_list02 ul .item_l .time:after{content:'';background:#bcbcbc;position:absolute;width:46px;height:1px;top:50%;right:-46px;transition:all .5s ease;-webkit-transition:all .5s ease}

.news_list02 ul .item_r .box{padding:30px 40px}

.news_list02 ul .item_r .intro_box .tit{font-size:20px;font-weight:700;color:#000;line-height:24px;margin-bottom:20px}

.news_list02 ul .item_r .intro_box .tit a{display:block}

.news_list02 ul .item_r .intro_box .list_tool{margin-bottom:10px;color:#c9c9c9;font-size:14px}

.news_list02 ul .item_r .intro_box .list_tool span{display:inline-block}

.news_list02 ul .item_r .intro_box .list_tool .share_more{margin-left:10px;vertical-align:middle}

.news_list02 ul .item_r .intro_box .list_tool .time{margin-left:10px}

.news_list02 ul .item_r .intro_box .con{font-size:14px;color:#444;height:60px;line-height:30px;overflow:hidden}

.news_list02 ul .item_r .img_box{float:right;width:24%;margin-left:2%}

.news_list02 ul .item_r .img_box img{width:100%}

.news_list02 ul .item.hover{background:#fafafa}

.news_list02 ul .item.hover .item_l .time{color:#fff}

.news_list02 ul .item.hover .item_l .time:before{content:'';position:absolute;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #da2d27;right:-15px;top:50%;margin-top:-15px;z-index:3}

.news_list02 ul .item.hover .item_l .time:after{background:#da2d27}

.news_list02 ul .item.hover .tit{color:#da2d27}

.news_list02 ul .item.hover .item_l:after{width:520px}

.news_list02 ul .item.hover .item_r:after{width:330px;right:-330px}

.news_list02 ul .item:last-child{margin-bottom:0}

.fix:after,.fix:before{display:table;clear:both;content:''}

.el{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.contact{overflow:hidden;margin:50px auto}

.contact ul{overflow:hidden}

.contact ul li{width:50%;border:10px #fff solid;overflow:hidden;background:#f2f2f2;box-sizing:border-box;float:left}

.contact ul li div{width:100px;height:100px;background:#ccc;border-radius:50%;margin:30px;float:left;overflow:hidden}

.contact ul li div img{margin:27px}

.contact ul li span{overflow:hidden}

.contact ul li span h3{overflow:hidden;font-size:18px;margin-top:40px;margin-bottom:10px}

.contact ul li span p{margin-bottom:5px}

.contact ul li span p a{color:#da251c}

.contact ul li:hover div{background:#da251c}

.ditu{height:400px;width:100%}

.w20{margin:10px auto 30px}

.pro-intro{overflow:hidden;padding:10px}

.pro-intro .img{float:left;width:405px;height:auto;overflow:hidden}

.pro-intro .img img{display:block;width:450px;height:395px}

.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}

.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}

.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}

.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}

.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}

.pro-intro .data{width:100%;height:auto;overflow:hidden}

.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}

.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}

.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}

.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}

.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}

.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}

.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}

.pro-intro .info .btn a:last-child::after{content:""}

.pro-intro .info .btn a:hover{background:#25b240}

.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}

.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}

.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}

.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px}

.txt{width:100%;height:auto;overflow:hidden;margin-top:10px;font-size:20px;text-align:center;height:45px;font-weight:700;background:url(../images/tit02.png) no-repeat center bottom;color:#1c71c8}

.textxq img{max-width:100%;margin:0 auto;text-align:center;display:block}

.article-detailed{overflow:hidden;background:#fff;padding:20px}

.article-detailed .tit{width:100%;height:auto;overflow:hidden;margin-bottom:15px}

.article-detailed .tit p{color:#333;font-size:24px;text-align:center;border-bottom:1px dashed #f1f1f1;padding:10px 0}

.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}

.article-detailed .intro{width:100%;height:auto;overflow:hidden}

.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}

.article-detailed .intro p{color:#333;font-size:16px;line-height:30px}

.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}

.fy p{width:33.333%;box-sizing:border-box;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}

.fy p:last-child{border:none}

.fy p a{color:#666}

.fll{background:#f5f5f5;overflow:hidden;padding-bottom:60px}

.fanwei{overflow:hidden}

.fanwei ul{overflow:hidden}

.fanwei ul li{overflow:hidden;background:#fff;width:50%;float:left;overflow:hidden;border:10px #f5f5f5 solid;box-sizing:border-box}

.fanwei ul li div{overflow:hidden;position:relative}

.fanwei ul li div img{width:100%}

.fanwei ul li div span{display:block;position:absolute;width:152px;background:#da251c;height:60px;padding:20px 20px 5px;top:0;left:0;color:#fff;font-size:15px;text-align:center}

.fanwei ul li div span b{font-size:18px;color:#fff;display:block}

.fanwei ul li dl{overflow:hidden;padding:20px}

.fanwei ul li dl dd{overflow:hidden;background:url(../images/fanwei3.png) no-repeat left 3px;padding-left:30px;font-size:18px;color:#666;padding-bottom:20px;margin-bottom:20px;border-bottom:1px #ccc solid}

.fanwei{overflow:hidden}

.xmpp{overflow:hidden}

.xmpp ul{overflow:hidden;padding:10px}

.xmpp ul li{width:33.33%;border:10px #fff solid;float:left;box-sizing:border-box;background:#fff}

.xmpp ul li em{float:left;display:block;margin-right:30px;overflow:hidden;font-size:54px;width:80px;text-align:center;font-family:Baskerville Old Face;color:#da251c}

.xmpp ul li em:after{position:absolute;width:1px;height:64px;content:"";top:30px;left:80px;background:#ccc;transform:rotate(40deg);-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg)}

.xmpp ul li span{overflow:hidden}

.xmpp ul li span h3{font-size:18px;color:#333;overflow:hidden}

.xmpp ul li span p{font-size:13px;color:#666;overflow:hidden}

.xmpp ul li .xmp{background:#fff;box-shadow:0 0 5px #ccc;padding:25px 10px 10px;overflow:hidden;height:70px;border-left:2px #da251c solid;position:relative}

.xmpp ul li:nth-child(n+10) em:after{width:1px;height:64px;content:"";top:28px;left:90px}

.gcsj{overflow:hidden;margin:0 auto;width:100%}

.gcsj img{overflow:hidden;width:100%}

.gcsj ul{overflow:hidden}

.gcsj ul li{overflow:hidden;width:300px;float:left;box-sizing:border-box;border:5px #fff solid}

.gcsj ul li div{overflow:hidden}

.gcsj ul li dd{height:50px;line-height:50px;font-size:16px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.gcsj ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%}

.gcsj ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.shuzi{background:url(../images/shuzi.png) no-repeat center;background-size:cover;margin:0 auto;width:100%;height:100%;background-attachment:fixed}

.product-number-info{position:relative}

.product-number-info .product-number-inner{margin:0 auto}

.product-number-info ul{padding:85px 0;height:150px}

.q{zoom:1}

.product-number-info li{float:left;width:25%;height:140px;border-left:1px solid #b7b6b6;color:#fff;padding-top:1px;box-sizing:border-box;text-align:center}

.product-number-info li:first-child{border:none}

.product-number-info li b{font-weight:400;font-size:80px;line-height:1;display:inline-block;position:relative;margin:15px 0 10px;font-family:Colnova DemiBold}

.product-number-info li p{font-size:18px;text-align:left;padding-left:130px}

.product-number-info li b i{font-style:normal}

.product-number-info li b sup{position:absolute;font-size:14px;font-size:8px;right:-8px;top:6px}

.product-number-info li b em{font-style:normal;font-size:20px;font-weight:100;padding-left:2px;position:relative;top:-48px}

.product-number-info li.li-2 p{padding-left:70px}

.liuyan{background:#fff;border:1px #ccc solid;overflow:hidden;padding:20px}

.ly_img{width:50%;overflow:hidden;float:left;padding-right:2%;border-right:1px #ccc solid}

.ly_img img{width:100%}

.ly_txt{width:46%;overflow:hidden;float:right}

.ly_txt h3{font-size:18px;text-align:center;font-weight:400;height:60px;line-height:60px;margin-bottom:15px}

.ly_txt h3 img{margin:0 10px}

.ly_txt form{overflow:hidden;display:block}

.ly_txt form ul{overflow:hidden}

.ly_txt form ul li{overflow:hidden}

.ly_txt form ul li span{width:50%;border:6px #fff solid;float:left;box-sizing:border-box;display:block}

.ly_txt form ul li span input{border:1px #ccc solid;border-radius:6px;padding-left:35px;display:block;width:85%;background:url(../images/form1.png) no-repeat 10px;height:45px;line-height:45px;font-size:16px;color:#666}

.ly_txt form ul li:nth-child(4) span:nth-child(2) input{background:url(../images/form2.png) no-repeat 10px}

.ly_txt form ul li:nth-child(5) span input{background:url(../images/form3.png) no-repeat 10px}

.ly_txt form ul li:nth-child(5) span:nth-child(2) input{background:url(../images/form4.png) no-repeat 10px}

.ly_txt form ul li span textarea{border:1px #ccc solid;width:93%;padding-top:8px;padding-left:35px;background:url(../images/form5.png) no-repeat 8px 10px;height:100px;font-size:16px;color:#666;border-radius:6px}

.ly_txt form ul li:nth-child(6) span{width:100%}

.ly_txt form ul li:nth-child(7) span{width:100%;background:#999}

.ly_txt form ul li:nth-child(7) span input{width:100%;border:none;padding:0;color:#fff;cursor:pointer}

.product-number-info li.li-2 p{padding-left:70px}

.videos{margin:0 0}

.videos .container{padding:0}

.protop{padding:20px}

.protop img{width:34px;height:34px}

.protop ul{text-align:center;display:inline-block}

.protop .tip{font-size:25px}

.inyuyue .row .col-md-3,.inyuyue .row .col-sm-6,.inyuyue .row .col-xs-6{padding-right:5px;padding-left:5px}

.ketancent .row .col-md-3,.ketancent .row .col-sm-6,.ketancent .row .col-xs-6{padding-right:0;padding-left:0}

.isMyVideo{width:100%;margin:0 auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}

.isMyVideo img{width:100%}

.isMyVideoOne{text-align:center;cursor:pointer}

.isMyVideoOne img{width:100%}

.isMyVideoOne p{position:absolute;z-index:999;background:url(../images/bofang.png) center center no-repeat;margin:0 auto 0 auto;width:120px;height:120px;top:50%;left:50%;margin-left:-60px;margin-top:-60px}

.s{position:relative;border-radius:50%;background:#333;float:left;margin-left:20px;box-shadow:inset -1px 1px 4px 2px #444,inset 1px -1px 4px 2px #222;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}

.s:nth-child(n){-webkit-animation:bs2 linear 1s 1s infinite,bs2-in 1s;-moz-animation:bs2 linear 1s 1s infinite,bs2-in 1s;animation:bs2 linear 1s 1s infinite,bs2-in 1s}

.s:nth-child{width:70px;height:70px;margin-top:-35px;-webkit-animation:bs linear 2s 1.5s infinite;-moz-animation:bs linear 2s 1.5s infinite;animation:bs linear 2s 1.5s infinite}

@-webkit-keyframes bs{0%{box-shadow:inset -1px 1px 3px 2px #fff,inset 1px -1px 3px 2px #fff,0 0 0 0 #fff}

50%{box-shadow:inset -1px 1px 3px 2px #fff,inset 1px -1px 3px 2px #fff,0 0 20px 0 #fff}

100%{box-shadow:inset -1px 1px 3px 2px #fff,inset 1px -1px 3px 2px #fff,0 0 0 0 #fff}

}

@-webkit-keyframes bs2-in{0%{box-shadow:inset -1px 1px 3px 2px rgba(255,255,255,.3),inset 1px -1px 3px 2px #222,0 0 10px 0 #bf3}

100%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,.3),inset 1px -1px 5px 2px #222,0 0 0 0 #f33}

}

@-moz-keyframes bs2-in{0%{box-shadow:inset -1px 1px 3px 2px rgba(255,255,255,.3),inset 1px -1px 3px 2px #222,0 0 10px 0 #bf3}

100%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,.3),inset 1px -1px 5px 2px #222,0 0 0 0 #f33}

}

@-o-keyframes bs2-in{0%{box-shadow:inset -1px 1px 3px 2px rgba(255,255,255,.3),inset 1px -1px 3px 2px #222,0 0 10px 0 #bf3}

100%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,.3),inset 1px -1px 5px 2px #222,0 0 0 0 #f33}

}

@keyframes bs2-in{0%{box-shadow:inset -1px 1px 3px 2px rgba(255,255,255,.3),inset 1px -1px 3px 2px #222,0 0 10px 0 #bf3}

100%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,.3),inset 1px -1px 5px 2px #222,0 0 0 0 #f33}

}

@-webkit-keyframes bs2{0%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,.3),inset 1px -1px 5px 2px #222,0 0 0 0 #f33}

50%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,.3),inset 1px -1px 5px 2px #222,0 0 10px 0 #fb3}

100%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,.3),inset 1px -1px 5px 2px #222,0 0 0 0 #f33}

}

@-moz-keyframes bs2{0%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,0),inset 1px -1px 5px 2px #222,0 0 0 0 #f33}

50%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,0),inset 1px -1px 5px 2px #222,0 0 10px 0 #fb3}

100%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,0),inset 1px -1px 5px 2px #222,0 0 0 0 #f33}

}

@-o-keyframes bs2{0%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,0),inset 1px -1px 5px 2px #222,0 0 0 0 #fff}

50%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,0),inset 1px -1px 5px 2px #222,0 0 10px 0 #fff}

100%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,0),inset 1px -1px 5px 2px #222,0 0 0 0 #fff}

}

@keyframes bs2{0%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,.3),inset 1px -1px 5px 2px rgba(255,255,255,.3),0 0 0 0 #fff}

50%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,.3),inset 1px -1px 5px 2px rgba(255,255,255,.3),0 0 10px 0 #fff}

100%{box-shadow:inset -1px 1px 5px 2px rgba(255,255,255,.3),inset 1px -1px 5px 2px rgba(255,255,255,.3),0 0 0 0 #fff}

}

.isMyVideoOne p img{cursor:pointer;-webkit-animation:scaleout 1.3s infinite ease-in-out;animation:scaleout 1.3s infinite ease-in-out}

.centerIndex{position:relative;margin-left:auto;margin-right:auto;width:100%;height:100%;z-index:999;display:none;background:#000;position:absolute;top:0}

.centerIndex video{width:100%;height:100%}

.indexClose{width:40px;height:40px;float:left;background:#333;color:#fff;text-align:center;line-height:40px;position:absolute;right:0;top:0}

.indexClose:hover{cursor:pointer}

#leftsead{width:180px;position:fixed;top:258px;right:0}

*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop))}

#leftsead li{width:180px;height:53px;position:relative}

#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px}

#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:180px;background:#454545}

#leftsead li a .shows{display:block}

#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand}

#leftsead li a.youhui div{display:none;position:absolute;right:50px;bottom:2px}

#leftsead li a:hover{background:#da251c}

#leftsead li a.dhh:hover{width:180px}

#leftsead li span{float:left;position:absolute;top:5px;line-height:40px;left:5px;display:block;color:#fff;font-size:20px;display:none}

#leftsead li:hover span{display:block}

#leftsead li a.youhui:hover div{display:block}

@media screen and (max-width:1600px){.content,.ysbox{width:1200px}

.ys ul li div p{padding:0 30px}

.ys ul li div h3{margin-top:85px}

.about_txt h1{font-size:.7rem}

}

@media screen and (max-width:1440px){.x_box dd{margin-top:15px;line-height:35px;font-size:16px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}

.content,.n_bann ul{width:1140px}

.n_bann ul{padding-left:10px}

.nav a{width:12%}

.product-number-info li b{font-size:50px}

.product-number-info li.li-2 p{padding-left:0;text-align:center}

.product-number-info li p{font-size:18px;text-align:center;padding-left:0}

}

@media screen and (max-width:1330px){.content{width:1080px}

.x_box h3{font-size:30px}

.x_box p{font-size:15px}

}

@media screen and (max-width:1280px){.hot{display:none}

.news_list02{padding-bottom:60px}

.news_list02 ul .item_l:after{right:66px}

.news_list02 ul .item_r .img_box{margin-top:3%}

}

@media screen and (max-width:1200px){.x_box dd{margin-top:15px;line-height:35px;font-size:16px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}

.ysbox{width:auto}

.ys{overflow-X:scroll}

.ys ul{width:1200px;overflow:hidden}

.ys_com{width:auto;overflow-X:scroll}

.ys_com ul{width:1200px;overflow:hidden}

.mwrap,.wrap{width:940px}

}

@media screen and (max-width:1130px){.n_bann ul,.pic_nav{width:auto}

.pic_nav ul li{width:33.33%}

.pic_nav ul li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

}

@media screen and (max-width:1024px){.nav{display:none}

.content{width:auto;padding:0 2%}

.shipin{width:auto;margin:10px;background:#000}

.shipin img{width:100%}

.links{display:none}

.footer{margin:60px auto 0}

.footer ul li{display:none;height:inherit}

.footer ul li:nth-child(1){display:block;width:100%;text-align:center;border-left:none;padding:0;margin:0}

.footer ul li h3:after{margin:10px auto 0}

.about_img{display:none}

.about_txt{width:auto;float:none}

.about{margin:30px auto}

.about_txt h1{font-size:.5rem}

.about_txt h3{font-size:.3rem}

.news_list02 ul .item_l:after{right:52px}

.ly_txt img{display:none}

.ly_txt form ul li span input{width:80%}

.ly_txt form ul li span textarea{width:90%}

}

@media only screen and (max-width:992px){.mwrap,.wrap{width:740px}

}

@media screen and (max-width:980px){.xitong{background:#f2f2f2;background-size:100% 100%;overflow:hidden;margin:60px auto 0;width:100%}

.xt_left{float:none;width:auto}

.xt_left img,.xt_right img{width:100%}

.xt_right{width:auto;float:none;margin:10px}

.x_box{width:auto;float:none;margin:10px}

.ys ul li div h3{margin-top:35px}

.xmpp ul li{width:50%}

}

@media screen and (max-width:850px){.product-number-info li{width:50%}

.product-number-info li:nth-child(3),.product-number-info li:nth-child(4){border-top:1px #b7b6b6 solid}

.product-number-info li:nth-child(3){border-left:none}

.product-number-info li b em{top:-16px}

.product-number-info ul{height:inherit;overflow:hidden}

.ly_img{display:none}

.ly_txt{width:auto;float:none}

.ly_txt form ul li span input{width:85%}

.ly_txt form ul li span textarea{width:93%}

}

@media screen and (max-width:760px){.news_list02 .rect-5665{padding-bottom:0}

.news_list02{padding-bottom:30px}

.news_list02 ul:after{display:none}

.news_list02 ul .item{height:auto}

.news_list02 ul .item_l{display:none}

.news_list02 ul .item_r{width:100%}

.news_list02 ul .item_r .box{padding:25px}

.news_list02 ul .item_r .intro_box{width:100%}

.news_list02 ul .item_r .intro_box .con{height:auto;line-height:25px}

.news_list02 ul .item_r .img_box{width:100%;float:none;margin:0;margin-bottom:20px}

.news_list02 ul .item.hover .item_r:after{width:auto;right:0}

.news_list02 ul .item_r{float:none}

.mwrap,.wrap{width:auto}

}

@media screen and (max-width:750px){.isMyVideoOne p{width:15%;height:inherit;margin-left:-7%;margin-top:-10%}

.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}

.fy p{width:50%;box-sizing:border-box;height:inherit;line-height:inherit;float:left;color:#666;font-size:.2rem;text-align:center;border-right:1px solid #d2d2d2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:10px}

.fy p:last-child{border:none;border-top:1px #ccc solid;width:100%}

.pro-intro h2{font-size:.25rem}

.pro-intro .share{height:inherit;line-height:inherit;padding:10px 0}

.pro-intro .share p span{display:block;font-size:.18rem;color:#999;padding:0 8px}

.contact ul li div{margin:15px}

.contact ul li{width:100%;border:5px #fff solid;float:none}

.contact ul li span h3{font-size:.25rem;margin-top:24px}

.contact ul li p{font-size:.2rem}

.ys_com ul li h3{font-size:.25rem}

.ys_com ul li dd{font-size:16px}

.news_list02 ul .item_r .intro_box .tit a{font-size:.25rem}

.news_list02 ul .item_r .intro_box .con{font-size:.2rem}

.about_txt dd{font-size:.2rem;line-height:.4rem}

.n_bann{position:relative;width:100%;margin:0 auto;bottom:0;left:0;height:60px;line-height:60px;background:#f1efef}

.new_txt h3{font-size:.22rem}

.new_txt dd{font-size:.2rem}

.footer{margin:0 auto 0}

.licheng ul li h3{font-size:.2rem}

.licheng ul li dd{font-size:.2rem;line-height:.4rem}

.anli_lb ul li{width:50%}

.n_bann ul{color:#333;font-size:.22rem}

.n_bann ul a{color:#333}

.n_bann ul a:after{font-size:.22rem}

.pic_nav ul li{width:50%}

.pic_nav ul li a{font-size:.22rem}

.pic_content ul li:hover div dl dd{margin:10px 20px 10px;font-size:.25rem}

.pic_content ul li div dl dt{border:1px #fff solid;text-align:center;height:36px;line-height:36px;font-size:.2rem;width:100px}

.had{background:rgba(0,0,0,.6);height:inherit;width:100%;position:absolute;top:0;z-index:99}

.had .logo{float:left;margin:10px auto}

.had .logo img{width:75%}

.sp_nav{width:75px;position:absolute;top:0;right:0;cursor:pointer;height:100%;background:#da251c}

.title1 i{height:inherit}

.sp_nav span{display:block;background:#fff;width:40px;height:2px;position:absolute;left:18px;transition:all ease .35s}

.sp_nav span:nth-of-type(1){top:18px}

.sp_nav span:nth-of-type(2){top:32px}

.sp_nav span:nth-of-type(3){top:45px}

.sp_nav_se span:nth-of-type(1){top:30px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:30px;transform:rotate(-45deg)}

.sjj_nav{top:65px}

.title{margin:20px auto;padding-bottom:10px}

.title h3{font-size:.3rem}

.title p{font-size:.22rem}

.title_oem{margin:20px auto;padding-bottom:10px}

.title_oem h3{font-size:.3rem}

.title_oem p{font-size:.22rem}

.xitong{margin:20px auto 0}

.x_box h3{font-size:.3rem}

.x_box p{font-size:.22rem}

.x_box dd{margin-top:15px;line-height:.4rem;font-size:.2rem;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}

.x_box dt{width:atuo;text-align:center;line-height:inherit;height:inherit;font-size:.22rem;border-radius:30px;border:1px #ccc solid;margin-top:30px;padding:2% 5%}

.pic_content ul li{width:50%;float:left;overflow:hidden;border:5px #fff solid;box-sizing:border-box;position:relative}

.pic_content ul li div dl{height:40px}

.pic_content ul li div dl dd{font-size:16px}

.new_txt{overflow:hidden;width:100%;background:#fff url(../images/news1.png) no-repeat left 150px;bottom:0;height:inherit;position:relative;left:-2px;-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s}

.news .swiper-container{position:relative;padding-bottom:0}

.new_nav{display:block}

.title1 h3{display:none}

.title1{margin:0 auto 15px}

.title1 i{color:#333;width:33.33%;text-align:center;background:#f0f0f0;border:3px #fff solid;box-sizing:border-box}

.title1 i a{display:block}

.title1 i a:hover{color:#fff;background:#da251c}

.title1 span{text-align:center;float:left;font-size:18px;margin-top:30px;width:66%}

.title1 span a{color:#333;width:50%;height:inherit;line-height:45px;display:block;margin:0 0;float:left;background:#f0f0f0;border:3px #fff solid;box-sizing:border-box}

.chengnuo ul li{width:50%}

.pic_muen{margin:20px auto}

.pic_muen ul li{overflow:hidden;padding-bottom:0;width:25%;border:4px #fff solid;box-sizing:border-box;display:block;float:left;text-align:center;font-size:.22rem;margin:0}

.pic_muen ul li a:hover{border-bottom:none;padding-bottom:0;border:1px #da251c solid;color:#da251c}

.pic_muen ul li a{border:1px #ccc solid;display:block;padding:5px 0}

.pic_muen ul li a.hover{border-bottom:none;padding-bottom:0;border:1px #da251c solid;color:#da251c;padding:5px 0}

.news_muen ul li{overflow:hidden;padding-bottom:0;width:33.33%;border:4px #fff solid;box-sizing:border-box;display:block;float:left;text-align:center;font-size:.22rem;margin:0}

.news_muen ul li a:hover{border-bottom:none;padding-bottom:0;border:1px #da251c solid;color:#da251c}

.news_muen ul li a{border:1px #ccc solid;display:block;padding:5px 0}

.news_muen ul li a.hover{border-bottom:none;padding-bottom:0;border:1px #da251c solid;color:#da251c;padding:5px 0}

.news_list02{padding-bottom:0}

.fanwei ul li dl{height:200px}

.news_muen{margin:20px auto}

.product-number-info li b{font-size:.6rem}

.product-number-info li b em{font-size:.3rem}

.product-number-info li p{font-size:.25rem}

.gcsj ul li{width:220px}

#leftsead{top:inherit;bottom:50px}

#leftsead ul li:nth-child(2),#leftsead ul li:nth-child(4){display:none}

}

@media screen and (max-width:650px){.fanwei ul li dl{height:inherit}

.fanwei ul li{width:auto;float:none}

.xmpp ul li{width:auto;float:none}

.xmpp ul li span h3{margin-top:10px}

}

@media screen and (max-width:550px){.chengnuo ul li div:after{content:"";position:absolute;height:200px;overflow:hidden;bottom:0;width:0;height:0;border-top:90px solid transparent;border-right:930px solid #e0be8e;border-bottom:75px solid #e0be8e}

.chengnuo ul li:nth-child(4) div:after{content:"";position:absolute;height:200px;overflow:hidden;bottom:0;width:0;height:0;border-top:90px solid transparent;border-right:930px solid #e0be8e;border-bottom:75px solid #e0be8e}

.chengnuo ul li h3{font-size:24px;font-weight:400;height:70px;text-align:center;position:absolute;z-index:10;bottom:0;width:100%}

.chengnuo ul li:nth-child(2) div:after{content:"";position:absolute;height:200px;overflow:hidden;bottom:0;width:0;height:0;border-top:90px solid transparent;border-right:930px solid #da251c;border-bottom:75px solid #da251c}

.chengnuo ul li:nth-child(3) div:after{content:"";position:absolute;height:200px;overflow:hidden;bottom:0;width:0;height:0;border-top:90px solid transparent;border-right:930px solid #da251c;border-bottom:75px solid #da251c}

.chengnuo ul li:nth-child(2) a,.chengnuo ul li:nth-child(3) a{color:#fff}

.chengnuo ul li:nth-child(4) a{color:#332b20}

.ly_txt form ul li span{width:auto;display:block;float:none}

.ly_txt form ul li span input{width:88%}

.ly_txt form ul li span textarea{width:88%}

.ly_txt h3{font-size:.22rem}

}

@media screen and (max-width:450px){.ys_com ul li dd{font-size:.2rem}

.ban_img img{height:180px;width:150%}

}