@charset "utf-8";<!--@import url(/skin/font/font.css);-->
html{height:100%;margin:0}
body{font-size:14px;font-family:"microsoft yahei","Trebuchet MS",Arial,Helvetica,sans-serif;line-height:1;}
body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5{margin:0 auto;padding:0;list-style-type:none}
a{color:#090909;text-decoration:none}
a:hover{color:#f70303}
i,em{font-style:normal}
img{border:none;vertical-align:middle}
table{border-spacing:0;border-collapse:unset;border-top:#000 1px solid;border-right:#000 1px solid}
a.more{border:#ce0b0b dashed 1px;color:#ce0b0b;display:block;font-size:18px;line-height:40px;width:160px;text-align:center;border-radius:20px;margin:15px auto;transition:background 0.3s}
a.more:hover{background-color:#ce0b0b; color:#fff}

.cl{clear:both;margin:0;padding:0;font-size:0px;line-height:0px;height:0px;overflow:hidden}
.fl{float:left}
.fr{float:right}
.w95{width:95%;max-width:1600px;margin:0 auto}
.lxqq{padding-left:10px;color:#36c}

@media (max-width:960px){
.w95{width:100%}
}

.head{background:#fff}
.head .logo{float:left;height:40px;padding:15px 0;}

.nav{width:75%;font-size:16px;line-height:70px}
.nav ul{margin:0 auto;overflow:hidden;width:100%}
.nav ul li{height:70px;float:left;width:10%; text-align:center}
.nav a{height:70px;display:block}
.nav a:hover,.nav a.on{background-color:#ce0b0b;color:#fff}
.open{display:none}

@media (max-width:1240px){
.head .cont{display:none}
.nav{width:65%;font-size:14px;}
}

@media (max-width:960px){
.head .logo{padding:10px;height:30px;}
.head .logo img{height:30px;}
.open{display:block;float:right;margin-right:10px;margin-top:8px;padding:8px;width:22px;background-color:#ce0b0b;cursor:pointer}
.open i{display:block;overflow:hidden;padding:6px 0;width:22px;border-top:2px #fff solid;border-bottom:2px #fff solid}
.open i:after{content:'';display:block;height:2px;background-color:#fff}

.nav{position:fixed;width:100%;top:-900px;z-index:999;background-color:rgba(0,0,0,0.8)}
.nav ul li{width:100%;height:45px;line-height:45px;}
.nav ul li a{color:#fff;height:45px;}
.opennav{top:50px}
/*.scrollerBox{position:relative;overflow:scroll;overflow-x:hidden;overflow-y:scroll}*/
.nav-over{position:fixed;top:0;z-index:999;display:none;width:100%;height:100%}
}

.ibox{width:100%;height:calc(100vh - 135px)}
.slidebox{position:relative;overflow:hidden}
.slidebox .bd{position:relative;z-index:0}

.slidebox .bd li.b1{background:url(/skin/img/ban1.jpg) no-repeat center;background-size:cover}
.slidebox .bd li.b2{background:url(/skin/img/ban2.jpg) no-repeat center;background-size:cover}
.slidebox .bd li.b3{background:url(/skin/img/ban3.jpg) no-repeat center;background-size:cover}

.slidebox .bd li .box{background-color:rgba(0,0,0,0.3);text-align:center;margin:0 auto;height:calc(100vh - 135px)}
.slidebox .bd li .box p{display:block; padding-top:15%;width:95%;max-width:1200px;color:#fff;}
.slidebox .bd li .box p .b{display:block;font-size:24px}
.slidebox .bd li .box p .s{display:block;margin-top:20px;font-size:48px;font-weight:bold}
.slidebox .bd li .box p .c{display:inline-block;background:rgba(255,255,255,0.3); border:1px dashed #fff;border-radius:30px;color:#fff;font-size:20px;line-height:20px;text-align:center;margin-top:30px}
.slidebox .bd li .box p .c:hover{background:#cc0000;border:1px solid #cc0000;}
.slidebox .bd li .box p .c a{display:block;color:#fff;padding:12px 30px;}
.slidebox .bd li img{width:50%}

.slidebox .hd{position:absolute;bottom:15px;width:100%;text-align:center;font-size:0}
.slidebox .hd li{display:inline-block;width:10px;height:10px;background:rgba(255,255,255,0.8);margin:3px;overflow:hidden;cursor:pointer;border-radius:5px}
.slidebox .hd li.on{width:25px;background-color:rgba(255,0,0,1)}

.arrowbox a{position:absolute;bottom:50%;margin-bottom:-25px;width:25px;height:50px;line-height:50px;cursor:pointer;text-align:center;font-size:18px;background:rgba(255,255,255,0.1);color:rgba(0,0,0,.1)}
.arrowbox a:hover{background:rgba(255,255,255,0.5);color:rgba(0,0,0,0.8)}
.arrowbox .prev{left:0px;border-top-right-radius:10px;border-bottom-right-radius:10px}
.arrowbox .next{right:0px;border-top-left-radius:10px;border-bottom-left-radius:10px}

@media (max-width:960px){
.ibox{width:100%;height:calc(100vh - 128px)}
.slidebox .bd li .box p{padding:220px 0}
.slidebox .bd li .box p .b{font-size:16px}
.slidebox .bd li .box p .s{font-size:32px}
}

.tit{text-align:center;text-transform:uppercase}
.tit .p1{font-size:18px;color:#9e9e9e;margin:15px auto auto auto;max-width:90%}
.tit .p2{font-size:48px;color:#000;font-weight:bold}
.tit .p2 b{color:#ce0b0b}
.tit .p3{height:1px;width:90%;max-width:1600px;background:#eee;margin:20px auto -7px auto}
.tit .p4{height:11px;background:#ce0b0b;width:11px;margin:0 auto;border-left:10px solid #fff;border-right:10px solid #fff}

.iboxf,.iboxe{padding:50px 0}

.iboxe{background:#efefef}
.iboxe .tit .p4{border-left:10px solid #e9f1fb;border-right:10px solid #e9f1fb}

@media (max-width:960px){
.iboxf,.iboxe{padding:30px 0}

.tit .p1{font-size:16px}
.tit .p2{font-size:36px}
}

.about{font-size:16px;line-height:2em;margin:30px auto}
.big_pic{float:left;width:40%}
.big_pic img{width:100%;height:100%}
.small_pic{width:60%;float:right}
.small_pic img{width:33.3333%;display:inline-block}

@media (max-width:960px){
.about{font-size:14px;width:95%;margin:15px auto}
.big_pic{float:none;width:100%}
.small_pic{width:100%;float:none}
.none960{ display:none}
}

.tt{background:url(/skin/img/sub_banner.svg) no-repeat center bottom;text-align:center;color:#fff;padding:50px 0;background-size:cover}
.tt a{color:#fff}
.tt a:hover{color:#ce0b0b}
.tt p{font-size:48px; line-height:1.5em;font-weight:bold}

.class{width:100%;margin:20px auto;text-align:center}
.class a{display:inline-block;width:23.35%;margin:0.2%;text-align:center;max-width:180px;line-height:36px; border:#ce0b0b dashed 1px;color:#ce0b0b;font-size:16px;border-radius:18px;transition:background 0.3s}
.class a:hover{color:#fff;background-color:#ce0b0b;border:#ce0b0b solid 1px;}

@media (max-width:960px){
.tt{padding:20px 0 30px 0; font-size:12px}
.tt p{font-size:28px}

.class{margin:10px auto}
.class a{line-height:28px;font-size:14px;border-radius:16px}
}

.pro_list{min-height:500px}
.pro_list dl{width:24.25%;margin-right:1%;margin-bottom:1%;float:left;overflow:hidden;border-radius:3px;position:relative}
.pro_list dl:nth-child(4n+0){margin-right:0}
.pro_list dt a{display:block}
.pro_list dt a img{width:100%}

.pro_list dd{width:90%;padding:0 5%;text-align:center;margin:-45px auto 0 auto;position:absolute;z-index:2}
.pro_list dd a{display:inline-block}
.pro_list dd a span{font-size:18px;color:#FFF;padding:10px 20px;line-height:1em;font-weight:bold;background-color:rgba(0,0,0,.8);border-radius:20px}
.pro_list dl:hover a span{background-color:#c00}
.pro_list dd a span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

@media (max-width:960px){
.pro_list{width:95%;margin:0 auto}
.pro_list dl{width:49%;margin:1% 0}
.pro_list dl:nth-child(2n+0){float:right}
.pro_list dl:nth-child(4n+0){float:right}
.pro_list dd{margin:-35px auto 0 auto}
.pro_list dd a{display:block}
.pro_list dd a span{font-size:14px;padding:8px 15px}
}

.text_list{min-height:500px}
.text_list dl{float:left;width:48%;padding:1%;border-bottom:1px dashed #eee;transition:background 0.3s}
.text_list dl:nth-child(even){float:right}
.text_list dt{float:left;width:18%;border:1px solid #eee;border-radius:3px;overflow:hidden}
.text_list dt img{width:100%;height:100px}
.text_list dd{float:right;width:79%}
.text_list dd a span{font-size:18px;line-height:1em}
.text_list dd a em{border-bottom:1px dashed #eee;padding:10px 0 5px 0;font-size:12px;line-height:1em;color:#666;display:block}
.text_list dd a p{line-height:1.5em;color:#888;padding-top:5px}
.text_list dl:hover{background:#f5f5f5}
.text_list dd a span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

@media (max-width:1240px){
.text_list dd a span{font-size:16px}
.text_list dd a p{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
}

@media (max-width:960px){
.text_list{width:95%;margin:0 auto}
.text_list dl{width:97%;padding:1.5%}
.text_list dt{width:25%}
.text_list dt img{height:70px}
.text_list dd{width:72%}
.text_list dd a em{padding:5px 0}
}

.case{width:95%;margin:0 auto; padding-top:30px;}

.z-case{width:25%;float:left}
.z-case .box{padding:30px;border-right:1px solid #ddd;transition:background 0.3s}
.z-case:nth-child(4n+0) .box{border-right:none}
.z-case .box h2{font-size:24px}
.z-case .box h2{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.z-case .box .x50{height:2px;width:50px;background:#ce0b0b;display:block;margin:15px 0}
.z-case .box .apic{padding:10px 0;display:block}
.z-case .box .apic img{width:100%; height:200px;}
.z-case .box .data{font-size:14px;color:#666;display:block;padding-bottom:15px;}
.z-case .box .text{font-size:14px;color:#666; line-height:1.5}
.z-case .box:hover{background:#ce0b0b}
.z-case .box:hover h2{color:#fff}
.z-case .box:hover .x50{background:#fff}
.z-case .box:hover .data{color:#fff}
.z-case .box:hover .text{color:#fff}

@media (max-width:960px){
.z-case{width:50%}
.z-case .box{padding:15px 10px}
.z-case .box h2{font-size:14px}
.z-case .box .x50{margin:5px 0}
.z-case .box .apic{padding:5px 0}
.z-case .box .apic img{height:100px;}
.z-case .box .data{padding-bottom:10px}
.z-case .box .text{font-size:12px}
.z-case .box .more{padding-top:10px}
}

.lxwmt{font-size:18px;text-align:center;padding:15px 0;line-height:1.5em}
.lxl{float:left;width:60%;padding:80px 0}
.lxl p{float:left;width:50%;text-align:center}
.lxl p.qr img{border:1px solid #e3e3e3;background:#fff;padding:15px;max-width:80%;width:222px}
.lxr{float:right;width:40%;padding:80px 0;line-height:2em}
.lxr p{font-size:24px;padding-bottom:20px}
.lxr span{font-size:36px;color:#ce0b0b;font-weight:bold;line-height:1.5em}
.lxr span a{color:#ce0b0b}

@media (max-width:1200px){
.lxl,.lxr{float:none;width:100%;padding:30px 0;clear:both}
}

.pagel{width:20%;float:left;background:#f6f6f6}
.pagel ul{padding:2% 6%;text-align:center}
.pagel ul li{width:100%;display:block;margin-bottom:10px;background:#fff;border-radius:3px;overflow:hidden;transition:background 0.3s}
.pagel ul li:hover{background:#ce0b0b}
.pagel ul li a{transition:color 0.3s}
.pagel ul li a:hover{color:#fff}
.pagel ul li a img{width:100%}
.pagel ul li a span{display:block;font-size:16px;padding:8px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pagel ul li a span:after{content:"·";display:block;height:0;visibility:hidden}

.pager{width:75%;background:#fff;float:right;padding:2.5%}

.proi{padding-bottom:30px;height:auto}
.proi .slidebox{width:53%;float:left}
.proi .slidebox .bd li{width:100%}
.proi .slidebox .bd li img{width:100%}
.proi .titi{width:43%;float:right}
.proi .titi h1{font-size:36px;line-height:1em;color:#c00;padding-bottom:20px}
.proi .titi .tjj{font-size:12px;line-height:1.5em;background-color:#f6f6f6;color:#888;padding:10px}

.proi .titi .teli{margin:10px 0; font-size:16px;line-height:2em;background:url(/skin/img/qr.svg) no-repeat right center}
.proi .titi .teli span{font-size:36px;color:#ce0b0b;font-weight:bold;line-height:1.5em}
.proi .titi .teli span a{color:#ce0b0b}

.infoi h1{font-size:36px;line-height:1em;text-align:center}
.infoi .tot{font-size:12px;padding:25px 0 10px 0;text-align:center}
.infoi .tjj{font-size:12px;line-height:1.5em;background-color:#f6f6f6;color:#888;padding:10px}

@media (max-width:1200px){
.infoi h1{font-size:24px;padding-top:25px}
.pagel{display:none;padding:0}
.pager{float:none;width:95%}
}

@media (max-width:960px){
.proi{padding-bottom:0}
.proi .slidebox{width:100%;margin:0;float:none}
.proi .titi{width:95%;margin:0 auto;float:none}
.proi .titi h1{padding:20px 0}
.proi .titi .tot{display:none}
.pager{padding:0px;width:100%}
.infoi{width:95%;margin:0 auto}
.infoi .tot{padding:15px 0 10px 0}
}
.content{margin:0 auto; font-size:16px;line-height:2em;padding:1.5% 0;border-top:1px dashed #eee;min-height:500px}
.content p img{margin:0.5%;max-width:99%}
.content blockquote{padding:10px;font-size:12px;background:rgba(0,0,0,0.05);border:1px dotted rgba(0,0,0,0.5)}
.content pre{border:1px dotted #785;background:#f5f5f5;line-height:1.4;padding:20px;font-family:Consolas;white-space:pre-wrap!important;word-wrap:break-word!important}

.prenext{line-height:2em;font-size:12px;margin:10px auto}
.prenext{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc}
.prenext a{ display:block}

@media (max-width:960px){
.content{width:95%;margin:0 auto}
.prenext{ width:95%;margin:10px auto}
}

.ntit{margin:15px 0;padding:8px 0;text-align:center;font-size:18px;line-height:1;color:#fff;border-bottom-right-radius:17px;border-top-right-radius:17px;background:#ce0b0b;width:110px;/*background:linear-gradient(90deg,#eee 0%,#fff 100%)*/}

.rpro{overflow:hidden}
.rpro li{width:16.25%;float:left;margin-right:0.5%;overflow:hidden;margin-bottom:1%;text-align:center;background:#f9f9f9;border-radius:3px;transition:background 0.5s}
.rpro li:nth-child(6n+0){margin-right:0}
.rpro li:hover{background:#ce0b0b}
.rpro li a{transition:color 0.5s}
.rpro li a:hover{color:#fff}
.rpro li img{width:100%}
.rpro li span{display:block;padding:8px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.rtext{overflow:hidden;padding-bottom:20px}
.rtext li{height:30px;line-height:30px;float:left;width:49%;border-bottom:1px dotted #ccc}
.rtext li:nth-child(even){float:right}
.rtext li a{display:block;width:70%;float:left;height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.rtext li em{float:right;color:#888;text-align:right;height:30px;width:30%;font-style:normal}
@media (max-width:960px){
.rpro,.rtext{width:95%}
.rpro li{width:32.5%;margin-right:1.25%;font-size:12px}
.rpro li:nth-child(3n+0){margin-right:0}
.tags{font-size:12px;text-align:center}
.rtxt{text-align:center}

.rtext li{width:100%;float:none}
.rtext li:nth-child(even){float:none}
}

.foot{background:#090909;padding:15px 10px 80px 10px;color:#fff;margin-top:15px;text-align:center;line-height:1.5em;}
.foot a{color:#fff}
.pages{padding:15px 0;text-align:center;font-size:14px;overflow:hidden}
.pages a{display:inline-block;margin-right:3px;height:32px;line-height:32px;width:32px;background:#ddd;text-align:center;color:#090909}
.pages a:hover{background:#ff0000;color:#fff;text-decoration:none}
.pages a.on{display:inline-block;background:#f70303;color:#fff}
@media (max-width:960px){
.rtext li{width:100%;float:none}
.rtext li:nth-child(even){float:none}
.foot{padding-bottom:60px;font-size:10px}
}

.backtotop{text-align:center;width:33px;line-height:33px;font-size:21px;color:#fff;cursor:pointer;display:none;background:rgba(0,0,0,0.8);position:fixed;z-index:999;right:0px;bottom:65px}
.backtotop i{color:#fff}
@media (max-width:960px){
.share{bottom:0px;right:0px;position:fixed;z-index:999;width:97%;padding:1.5%;background:rgba(239,239,239,1)}
.share a{text-align:center;display:block;color:#fff;width:36%;float:left;margin-right:0.5%;height:40px;line-height:40px;font-size:18px}
.share .rsms{background:#f70;border-top-left-radius:20px;border-bottom-left-radius:20px}
.share .rtel{background:#093;border-top-right-radius:20px;border-bottom-right-radius:20px}
.share a i,.share a span{display:inline-block;margin:0 3px}
.share .home,.share .pro{width:12.5%;font-size:24px;line-height:1em;display:block;color:#000}
.share .home span,.share .pro span{display:block;font-size:12px;line-height:1em}
.backtotop{bottom:55px}
}

.float-user{display:none;background:rgba(0,0,0,0.7);position:fixed;width:100%;bottom:0;height:65px;left:0;z-index:888}
.float-user ul{width:95%;max-width:1600px;min-width:900px;margin:0 auto;padding-top:8px}
.float-user ul li{width:29%;float:left;font-size:14px}
.float-user ul li i{font-size:32px;color:#fff;border-radius:50%;padding:9px 10px;float:left;text-align:center}
.float-user ul li i.eu-user{background:#C00}
.float-user ul li i.eu-qq-full{background:#09F}
.float-user ul li i.eu-weixin{background:#090}
.float-user ul li p{color:#fff;padding-left:20px;line-height:1.2em;float:left}
.float-user ul li em{font-size:24px;line-height:1.2em;color:#ff0}

.float-user ul .qr{background:#fff;height:82px;width:82px;padding:5px;margin-top:-34px;margin-right:2%}
.float-user ul .qr img{width:82px;height:82px}
@media (max-width:960px){
.float-user{height:0;overflow:hidden}
}