@font-face{
    font-family: 'DINPro-Bold';
    src:url('fonts/DINPro-Bold.otf');
}
@font-face{
    font-family: 'DIN Condensed Bold';
    src:url('fonts/DIN Condensed Bold.woff');
}
@font-face{
    font-family: 'GOTHICB';
    src:url('fonts/GOTHICB.TTF');
}
@font-face{
font-family: 'Alibaba-PuHuiTi-Regular';
src:url('fonts/Alibaba-PuHuiTi-Regular.otf');
font-display: swap;
}


*{font-family:'Microsoft YaHei', '微软雅黑';}
/*
*{font-family:'Alibaba-PuHuiTi-Regular','Microsoft Jhenghei', '微軟正黑體', 'Microsoft YaHei', '微软雅黑';}
*/
html {
_background-image: url(about:blank);
_background-attachment: fixed;         /* prevent screen flash in IE6 */


}

body{
/* background:url(/images/bg.gif) repeat-x  top ; */
margin:0px;
padding:0px;
font-size:12px;
overflow-x:hidden;

/* cursor: url(/images/zzz.png),auto !important; */
}

html,body{
height: 100%;


}

img{
border:0px;
}
a{
color:#111111;
text-decoration:none;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
/*cursor: url(/images/hand2.png),auto !important;*/
-moz-transition: all .5s;
}
a:hover{
color:#BA0001;
text-decoration:none;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
/*cursor: url(/images/hand2.png),auto !important;*/
}
.sc {
border:1px solid #CCCCCC; 
border-collapse:collapse;
border-top:0px;
}


#showaa a{
color:#0033CC;
text-decoration:underline;
}

.NewsA{
color:#204E7D;
font-size:16px;
font-weight:bold;

}

.noxiaoshou{
color:#272727;
text-decoration:none;
font-size:14px;
}
.xiaoshou{
background:url(/index/images/xiaoshou12.jpg)  no-repeat right; 
font-size:14px;
}
.xiaoshou a:hover{
text-decoration:none;
}
.guanggao a{
color:#333333;

}
.guanggao a:hover{
color:#BE0302;
font-weight:bold;
}
#bottom a{
font-size:14px;
}
#bottom{
color:#333333;
font-size:14px;
}
.fixed{ position:absolute; left:0px; top:130px; height:385px;width:100px;background:#F0EEE1;}

.clearfix:after {
visibility: hidden;
display: block;
content: " ";
clear: both;
height: 0;
line-height: 0;
}

.page{text-align:center;margin-top:30px; margin-bottom:20px;}
.page a{border:1px solid #CCC;margin-left:8px;padding:2px 12px; display:inline-block;color:#000; text-decoration:none; background-color:#FFFFFF;-webkit-border-radius: 4px;
-moz-border-radius: 4px;}
.page a:hover{background:#eeeeee;color:#BB0408; text-decoration:none}



.page2{text-align:center;margin-top:20px; margin-bottom:20px;}
.page2 a{margin-left:8px;padding:3px 11px;background:#737373; display:inline-block;color:#ffffff; text-decoration:none;  ;}
.page2 a:hover{background:#eeeeee;color:#ffffff;text-decoration:none}

.yangbanA{
clear:both;
background-color:#9B0505; text-decoration:none; padding:4px; border:1px solid #A90404;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

}
.yangbanA:hover{
clear:both;
background-color:#020101; text-decoration:none; padding:4px; border:1px solid #020101;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

}
.yewuClass{
display:block;
float:left;
width:110px;
line-height:30px;
background:url(/index/images/yewu_03.jpg) repeat-x;
border:1px solid #E6E6E6;
font-size:15px;
font-weight:bold;
color:#222222;
margin-right:15px;
text-align:center;

}
.yewuClass2,.yewuClass2:hover,.yewuClass:hover{
display:block;
float:left;
width:110px;
line-height:30px;
background:url(/index/images/yewu_05.jpg) repeat-x;
border:1px solid #D30100;
font-size:16px;
font-weight:bold;
color:#ffffff;
margin-right:15px;
text-align:center;

text-decoration:none;

}

#oLiSmall{
list-style:none;
position:relative;
width:200px;
height:186px;
text-align:center;
float:left;
left:22px;


}
#oLiSmall div{
background: #191919;
left: -99999px;
margin: 0;
filter:alpha(opacity=80);    /* ie5-7  */
opacity: 0.8;
padding: 20px 20px;
text-align:center;
width:162px;
position: absolute;
height:150px;
margin-left:19px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
#oLiSmall div p{
color:#FFFFFF;
line-height:24px;
font-size:16px;


}
#oLiSmall div a{
color:#FFFFFF;
line-height:24px;
font-size:12px;


}
#oLiSmall span{
color:#FFFFFF;
line-height:24px;
font-size:12px;

}
#oLiSmall:hover div{
left: -20px;
position: absolute;
}
#oLiSmall img{
width:200px;
height:190px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin:0 auto;
}
#oLiSmall .more{
background-color:#C71207;
padding:2px;
padding-left:6px;
padding-right:6px;
color:#FFFFFF;
text-decoration:none;
font-size:14px;
z-index:9999px;
position:relative;
clear:both;
}
.weiruan{

font-size:16px;
font-weight:bold;
}
.classleftTab {
background-color:#E1DEDE;
}
.classleftTab:hover{
background-color:#CC0D09;
text-decoration:none;
}
.classleftTab:hover a{
color:#FFFFFF;
text-decoration:none;
}
.classleftTabB{
background-color:#CC0D09;
text-decoration:none;
}
.classleftTabB a{
color:#FFFFFF;
text-decoration:none;
}

.navClass{
display:block;
float:left;
font-size:16px;
text-align:center;
width:182px;
color:#000000;
text-decoration:none;
line-height:70px;
font-weight:bold;

-webkit-transition:0;
-o-transition:0;
-moz-transition:0;
background:url(/index/images/navClass.jpg) repeat-x;
border-right:1px solid #d9d9d9;
}
.navClass:hover{
display:block;
float:left;
font-size:16px;
text-align:center;
width:182px;
color:#ffffff;
text-decoration:none;
line-height:70px;
font-weight:bold;

background:url(/index/images/imghov_02.jpg) repeat-x;
transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
border-right:1px solid #d9d9d9;
}
.navClass2,.navClass2:hover{
display:block;
float:left;
font-size:16px;
text-align:center;
width:182px;
color:#ffffff;
text-decoration:none;

line-height:70px;
font-weight:bold;

background:url(/index/images/imghov_02.jpg) repeat-x;
border-right:1px solid #d9d9d9;
}

.navClass_anli{
display:block;
float:left;
font-size:16px;
text-align:center;
width:194px;
color:#000000;
text-decoration:none;
line-height:70px;
font-weight:bold;

-webkit-transition:0;
-o-transition:0;
-moz-transition:0;
background:url(/index/images/navClass.jpg) repeat-x;
border-right:1px solid #d9d9d9;
}
.navClass_anli:hover{
display:block;
float:left;
font-size:16px;
text-align:center;
width:194px;
color:#ffffff;
text-decoration:none;
line-height:70px;
font-weight:bold;

background:url(/index/images/imghov_02.jpg) repeat-x;
transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
border-right:1px solid #d9d9d9;
}
.navClass_anli2,.navClass_anli2:hover{
display:block;
float:left;
font-size:16px;
text-align:center;
width:194px;
color:#ffffff;
text-decoration:none;

line-height:70px;
font-weight:bold;

background:url(/index/images/imghov_02.jpg) repeat-x;
border-right:1px solid #d9d9d9;
}

.nav400Class{
display:block;
float:left;
font-size:16px;
margin-right:2px;
text-align:center;
width:169px;
color:#000000;
text-decoration:none;
line-height:43px;
font-weight:bold;

}
.nav400Class:hover{
display:block;
float:left;
font-size:16px;
text-align:center;
width:169px;
color:#ffffff;
text-decoration:none;
margin-right:2px;
line-height:43px;
font-weight:bold;

background:url(/index/images/navBgline_03.jpg) center;
}
.nav400Class2,.nav400Class2:hover{
display:block;
float:left;
font-size:16px;
text-align:center;
width:169px;
color:#ffffff;
text-decoration:none;
margin-right:2px;
line-height:43px;
font-weight:bold;

background:url(/index/images/navBgline_03.jpg) center;
}

.tanImg{
border:1px solid #ffffff;
}
.tanImg:hover{
border:1px solid #cccccc;
-webkit-box-shadow:0 0 5px #cccccc;  
-moz-box-shadow:0 0 5px #cccccc;  
box-shadow:0 0 5px #cccccc;  
}

.indexanliClass{
display:block;
float:left;
font-size:12px;
text-align:center;
width:60px;
line-height:25px;
color:#333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color:#EAEAEA;
margin-right:7px;

}
.indexanliClass2,.indexanliClass:hover{
display:block;
float:left;
font-size:12px;
text-align:center;
width:60px;
line-height:25px;
color:#ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color:#C1070C;
margin-right:7px;
text-decoration:none;

}




.mainbox{
overflow:hidden;
position:relative;
}
.flashbox{
overflow:hidden;
position:relative;
}
.imagebox{
text-align:right;position:relative;z-index:999;
}
.bitdiv{display:inline-block;width:18px;height:18px;margin:0 5px 10px 0px;float:right;}
.defimg{background-image:url(/index/images/02.png)}
.curimg{background-image:url(/index/images/01.png)}




.titleAtitle{
font-size:22px;
padding-bottom:10px;
font-weight:bold;
}
.titleAtitle:hover{
font-size:22px;
padding-left:10px;
text-decoration:none;
padding-bottom:10px;

color:#b91103;
}

#demo { 
overflow:hidden;
margin:0px auto;
width: 844px; 
} 
#demo img { 
border: 1px solid #dfdfdf; 
} 
#demo img:hover{ 
border:1px solid #b7b7b7;
-webkit-box-shadow:0 0 6px #999999;  
-moz-box-shadow:0 0 6px #999999;  
box-shadow:0 0 6px #999999;  
z-index:9999;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;

} 
#indemo { 
float: left; 
width: 900%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; 
}
.aboutDiv{
line-height:38px;
background:url(/index/images/diandian.gif) left no-repeat;
padding-left:15px; 
border-bottom:1px dashed #C4C4C4;
}
.ShowDivAbout{
background-color:#F7F7F7;
padding:15px;
}
.black_overlay{ 
display: none; 
position: absolute; 
top: 0%; 
left: 0%; 
width: 100%; 
height: 270%; 
background-color: #111111; 
z-index:1001; 
-moz-opacity: 0.8; 
opacity:.80; 
filter: alpha(opacity=88); 
} 
.white_content { 
display: none; 
position: absolute; 
top: 75%; 
left: 15%; 
width: 70%; 
border: 6px solid #BC0201; 
background-color: white; 
z-index:1002; 
overflow: auto; 
}
.lingDiv{
width:52px;
height:71px;
position:fixed;
right:-20px;
bottom:10px;
}
.lingDiv img{
filter:alpha(opacity=70);  
-moz-opacity:0.7;  
-khtml-opacity: 0.7;  
opacity: 0.7;  
}
.lingDiv:hover{
width:52px;
height:71px;
position:fixed;
right:0px;
bottom:10px;
}
.lingDiv:hover img{
filter:alpha(opacity=1);  
-moz-opacity:1;  
-khtml-opacity:1;  
opacity:1;  
}
.bottomA{
margin-left:70px;
}
.bottomA p{
font-size:16px;
color:#eae8e8;
margin-bottom:20px;
}

.bottomA a{
font-size:14px;
color:#a0a0a0;
display:block;
margin-bottom:6px;
line-height:28px;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;



}

.bottomA a:hover{
font-size:14px;
color:#CDCDCD;
display:block;
line-height:28px;
width:100%;
text-decoration:none;
padding-left:5px;
margin-bottom:6px;

}

.youlian{
line-height:33px;
font-size:14px;
width:1200px;
margin:0 auto;
padding-top:5px;
padding-bottom:5px;
}
.youlian span{
font-size:14px;
color:#666666;
text-decoration:none;
margin-right:10px;
}
.youlian a{
font-size:14px;
color:#868686;
text-decoration:none;
margin-right:10px;
}
.youlian a:hover{
font-size:14px;
color:#ffffff;
text-decoration:none;
margin-right:10px;
}






hr{
height:1px;border:none;border-top:1px dashed #3c3c3c;
FILTER: alpha(opacity=100,finishopacity=0,style=1)
}
.topA{
color:#cd9177;
}
.topA:hover{
color:#fccb05;
text-decoration:none;
}
/*2017年夜猫网络CSS样式表*/

.topNew{
display:block;
float:left;
font-size:16px;
text-align:center;
width:96px;
line-height:83px;
color:#FFFFFF;


}
.topNew:hover{
display:block;
float:left;
font-size:16px;
text-align:center;
width:96px;
color:#111111;

line-height:83px;

text-decoration:none;
background-color:#f7f7f7;

}
.work2{text-align:center; color:#1f1f1f; font-size:39px;padding-top:10px; height:50px; font-weight:bold;line-height: 40px;}
.work2 .s1{color:#cdcdcd; font-size:24px; padding:0 5px;  }
.work2 .s2{color:#e62022; src:url('fonts/GOTHICB.TTF'); font-family: 'GOTHICB';}
.work2-des{color:#b9b9b9; font-size:16px; text-align:center; margin:5px auto; height:30px;}
.index_center{text-align: center;}
.index_center .ul{display: inline-block;}

.cen3{width:1200px; height:auto; margin:0px auto; margin-top:40px;}


.cen3-list_index{float:left; width:222px; height:276px; background:#d51419; border:1px solid #d51419; border-top:1px solid #d51419; margin-right:20px; transition: all .5s;
-webkit-transition: all .4s;
-o-transition: all .4s;
-moz-transition: all .4s;}
.cen3-list_index .cen3-img{width:222px; text-align:center; padding-top:20px; height:85px;}
.cen3-list_index .cen3-tit{font-size:20px; text-align:center;  color:#ffffff; width:222px; margin:0 auto; height:45px; overflow:hidden}
.cen3-list_index .cen3-tit a{
font-size:21px; text-align:center;  color:#ffffff; text-decoration:none;
transition: all 0s;
-webkit-transition: all 0s;
-o-transition: all 0s;
-moz-transition: all 0s;
}
.cen3-list_index  .cen3-des{font-size:12px; text-align:left; color:#ffffff; width:180px; margin:0 auto; line-height:22px; height:80px; overflow:hidden}
.cen3-list_index .indexMore{
display:block;
margin:0px auto;
font-size:14px;
text-align:center;
width:90px;
line-height:28px;
background-color:#FFFFFF;
border:1px solid #FFFFFF;
color:#e62022;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
text-decoration:none;

}



.cen3-list{float:left; width:222px; height:276px; background:#ffffff; border:1px solid #d6d6d6; border-top:1px solid #d6d6d6; margin-right:20px; transition: all .5s;
-webkit-transition: all .4s;
-o-transition: all .4s;
-moz-transition: all .4s;}
.cen3-list .cen3-img{width:222px; text-align:center; padding-top:20px; height:85px;}
.cen3-list .cen3-tit{font-size:21px; text-align:center; color:#292929; width:222px; margin:0 auto; height:45px; overflow:hidden}
.cen3-list .cen3-tit a{
font-size:21px; text-align:center;   color:#111111;
}
.cen3-list .cen3-des{font-size:12px; text-align:left; color:#868686; width:180px; margin:0 auto; line-height:22px; height:80px; overflow:hidden}
.cen3-list .indexMore{
display:block;
margin:0px auto;
font-size:14px;
text-align:center;
width:90px;
line-height:28px;
background-color:#f9f9f9;
border:1px solid #cacaca;
color:#868686;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
text-decoration:none;

}

/*首页核心优势*/
.cen{width:1200px; height:370px; margin:0px auto; margin-top:40px; }
.cen-list{float:left; width:222px; background:#ffffff; border:1px solid #f4f4f4; border-top:1px solid #f4f4f4; margin-right:20px; transition: all .5s;
-webkit-transition: all .4s;
-o-transition: all .4s;
-moz-transition: all .4s;}
.cen-list .cen-img{width:222px; text-align:center; padding-top:20px; height:85px; margin-bottom:22px; margin-top:30px;}
.cen-list .cen-tit{font-size:21px; text-align:center; color:#292929; width:222px; margin:0 auto; height:45px; overflow:hidden}
.cen-list .cen-tit{
font-size:22px; text-align:center;   color:#111111;
}
.cen-list .cen-des{font-size:14px; text-align:left; color:#868686; width:180px; margin:0 auto; line-height:22px; height:80px; margin-bottom:20px; overflow:hidden}
.cen-list .indexMore{

margin:0px auto;
font-size:16px;
text-align:center;
width:100%;
line-height:54px;
background-color:#f9f9f9;
color:#868686;
text-decoration:none;

}

.cen-list:hover{
float:left; 
width:222px;
background:#ffffff; 
border:1px solid #d6d6d6;
border-top:1px solid #d6d6d6; 
margin-right:20px; 
-webkit-box-shadow:0 0 26px #cacaca;  
-moz-box-shadow:0 0 26px #cacaca;  
box-shadow:0 0 26px #cacaca;
margin-top:10px;

}
.cen-list:hover .cen-img{
transform: rotateY(360deg);
transition: all 0.5s ease-out;
}

.cen-list:hover .indexMore{
display:block;
margin:0px auto;
font-size:16px;
text-align:center;
width:100%;
line-height:54px;
background-color:#d7191b;
color:#ffffff;
text-decoration:none;


}
.cen-list:hover .cen-tit a{
font-size:22px; 
text-align:center;   
color:#d7191b;
font-weight:bold;
text-decoration:none;
}

/*结束*/


.index_xw{
width: 1200px;
margin: 0 auto;
overflow: hidden;
display: none;
}
.index_xw .xw_l{
float: left;
}
.index_xw .xw_r{
width: 877px;
float: right;
}
.Newindex{
display:block;
float:left;
width:148px;
height:45px;
line-height:47px;
font-size:18px;
border:1px solid #f9f9f9;
background-color:#f9f9f9;
text-align:center;
margin-right:20px;
color:#333333;

}
.Newindex2,.Newindex2:hover,.Newindex:hover{
display:block;
float:left;
width:148px;
height:45px;
line-height:47px;
font-size:18px;
border:1px solid #d51419;
background-color:#d51419;
color:#ffffff;
text-align:center;
margin-right:20px;
text-decoration:none;
}

.newDiv_index{
width:375px;
height:75px;
padding:12px;
border:1px solid #f4f4f4;
background-color:#ffffff;
float:left;
margin-left:36px;
margin-bottom:18px;
}
.newDiv_index:hover{
border:1px solid #d51419;
background-color:#ffffff;
}

.newDiv_index:hover .newDiv_index_riqi{
background-color:#d51419;
text-align:center;
color:#ffffff;
}

.newDiv_index .newDiv_index_riqi{
width:75px;
height:75px;
float:left;
background-color:#969393;
text-align:center;
color:#ffffff;
}
.riqip1{
font-size:29px; 
font-weight:bold; 
font-family: 'DINPro-Bold';
padding-top:7px;
padding-bottom:2px;
}
.riqip2{
font-size:14px; 
font-family: 'DINPro-Bold';
}
.newDiv_index_title{
float:left;
margin-left:15px;
height:75px;
width:280px;
}

.newDiv_index_title .newDiv_index_title1{
font-size:15px;
font-weight:bold;
margin-top:3px;
}
.newDiv_index_title .newDiv_index_title2{
font-size:14px;
color:#888888;
margin-top: 8px;
line-height: 22px;
}

.taocan_titleI
{
font-size:33px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:15px;
}
.taocan_titleI-1
{
font-size:18px;
color:#FFFFFF;
margin: 25px 0px 10px 0px;
}

.taocan_titleI-2
{
font-size:15px;
color:#FFFFFF;
line-height:27px;
}
.index_lr{
width: 100%;
height: 450px;
background: url(../images/indexlogobg.jpg);
box-sizing: border-box;
padding-top: 62px;
}
.container{
width: 1200px;
margin: 0 auto;
}
.lr_l{
float: left;
}
.lr_r{
width: 750px;
float: right;
margin-top: 45px;
}

/*

.cen3-list:hover{float:left; width:214px; height:276px; background:#e62022; border:1px solid #e62022; margin-right:20px; cursor:pointer;transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;}
.cen3-list:hover .cen3-tit{font-size:24px; text-align:center; color:#ffffff; width:210px; margin:0 auto; height:45px; overflow:hidden}
.cen3-list:hover .cen3-des{font-size:12px; text-align:left; color:#ffffff; width:175px; margin:0 auto; line-height:22px; height:110px; overflow:hidden}
*/
.Case_nav{
display:block;
line-height:50px;
float:left;
width:158px;
text-align:center;
font-size:18px;
border:1px solid #f9f9f9;
background-color:#f9f9f9;
margin-right:20px;
color:#333333;
filter:alpha(opacity=90);    /* ie5-7  */
opacity: 0.9;
transition: 0.2s linear;
position: relative;
}

.Case_nav2,.Case_nav2:hover,.Case_nav:hover{
display:block;
line-height:50px;
float:left;
width:158px;
text-align:center;
color:#ffffff;
border:1px solid #d51419;
font-size:18px;
text-decoration:none;
background-color:#d51419;
margin-right:20px;
filter:alpha(opacity=100);    /* ie5-7  */
opacity: 1.0;
}

/* 1-8日 效果  

.Case_nav2,.Case_nav2:after,.Case_nav:after{
display:block;
text-decoration:none;
width: 0;
position: absolute;
content: "";
top: 0;
bottom: 100%;
left: 0;
z-index: -1;
background: #d51419;
transition: 0.2s linear;
border: 0;
}
.Case_nav2,.Case_nav2:hover:after,.Case_nav:hover:after{
width: 158px;
bottom: 0;
border:1px solid #d51419;
}
.Case_nav2,.Case_nav2:hover,.Case_nav:hover{
color: #fff;
}
*/


.pinpaiDiv{
font-size:22px; 
}
.indexNewA{
color:#565656;
}
.indexNewA:hover{
padding-left:10px;
}
.NewASpan{
color:#cdcdcd; font-size:20px; font-family:"宋体";
}
.NewDiv{
width:100%; 
margin:0 auto; 
line-height:32px ; 
font-size:14px;
}
.NewDiv a:hover{
text-decoration:none;
}

.NewDiv:hover .NewASpan{
width:100%; 
margin:0 auto; 
line-height:32px ; 
color:#888888; 
font-size:20px; 
font-family:"宋体";
}

#oLiSmall_index{
list-style:none;
position:relative;
width:200px;
height:186px;
text-align:center;
float:left;
left:22px;


}
#oLiSmall_index div{
background: #191919;
left: -99999px;
margin: 0;
filter:alpha(opacity=80);    /* ie5-7  */
opacity: 0.8;
padding: 20px 20px;
text-align:center;
width:162px;
position: absolute;
height:150px;
margin-left:19px;

}
#oLiSmall_index div p{
color:#FFFFFF;
line-height:24px;
font-size:16px;


}
#oLiSmall_index div a{
color:#FFFFFF;
line-height:24px;
font-size:12px;


}
#oLiSmall_index span{
color:#FFFFFF;
line-height:24px;
font-size:12px;

}
#oLiSmall_index:hover div{
left: -20px;
position: absolute;
}
#oLiSmall_index img{
width:200px;
height:190px;

margin:0 auto;
}
#oLiSmall_index .more{
background-color:#C71207;
padding:2px;
padding-left:6px;
padding-right:6px;
color:#FFFFFF;
text-decoration:none;
font-size:14px;
z-index:9999px;
position:relative;
clear:both;
}
.casediv_index{
width:220px;
float:left;
margin-bottom:25px;
text-align:center;
margin-right:15px;
background-color:#f2f2f2;
padding-top:10px;
border:1px solid #f2f2f2;
overflow:hidden;

}
.casediv_index:hover{
width:220px;
float:left;
margin-bottom:25px;
text-align:center;
margin-right:15px;
background-color:#fff;
padding-top:10px;
border:1px solid #fff;
z-index:9999;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;


}
.casediv_index:hover img{

-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transform: scale(1.2);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);

}
.casediv_index img{

-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);

}
.fdDiv{
width:200px;
height:190px;
overflow:hidden;
margin:0px auto;
}
.caseDiv_name{
text-align:center;
font-size:14px;
width:200px;
margin:0px auto;
padding-top:10px;
margin-left:10px;
float:left;
padding-bottom:10px;

}
.caseDiv_name a{
color:#424242;
}
.CaseBg{
background:url(/index/images/fuwu.jpg) no-repeat;
filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size: 100% 100%;
background-size: 100% 100%;


-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;

}
.bottomlx{
display:block;
font-size:14px;
text-align:center;
width:350px;
margin:0px auto;
font-size:22px;
color:#ffffff;
background-color:#d51419;
line-height:57px;

}
.bottomlx:hover{
display:block;
font-size:14px;
text-align:center;
width:350px;
margin:0px auto;
font-size:22px;
color:#ffffff;
background-color:#151515;
line-height:57px;
text-decoration:none;
}
.zzfwdiv-red{
width:400px;
text-align:center;
padding-top:15px;
height:154px;
color:#ffffff;
font-size:15px;
float:left;
background-image:url(/index/images/product-bg-red.jpg);
}
.zzfwdiv-hui{
width:400px;
text-align:center;
padding-top:15px;
height:154px;
color:#454545;
font-size:15px;
float:left;
background-image:url(/index/images/product-bg-gray.jpg);
}
.zzfwdiv-hui a{
color:#111111;
font-size:32px;
font-weight:bold;
}
.zzfwdiv-red a{
color:#ffffff;
font-size:32px;
font-weight:bold;
}


.zzfwdiv-red:hover a,.zzfwdiv-hui:hover a{
font-size:30px;
}
.index_lc{
padding: 30px 0px 60px 0px;
overflow: hidden;
}
.liuchengDiv{
width:180px;
margin-right: 20px;
color:#454545;
float:left;
text-align:center;
margin-top: 50px;
}
.liuchengDiv .liucheng-img{
text-align:center;
width:80px;
height:65px;
padding-top:15px;
margin:0px auto;
background-color:#d51419;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;

}
.liuchengDiv:hover img{
transform: rotateY(360deg);
transition: 0.9s;
}
.liuchengDiv .liucheng-img:hover{
text-align:center;
width:80px;
height:65px;
padding-top:15px;
margin:0px auto;
background-color:#1e1e1e;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;

}
.liuchengDiv .liucheng-img img{
height:50px;
width:50px;
}
.liuchengDiv .liucheng-img:hover img{
height:52px;
width:53px;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
}

.liuchengDiv .liucheng-text{
font-size:18px;
margin-top:15px;
font-weight:bold;

}
.liuchengDiv .liucheng-desc{
font-size:12px;
margin-top:9px;

}
.caseCkgd{
display:block;
font-size:14px;
text-align:center;
width:260px;
margin:0px auto;
font-size:22px;
color:#ffffff;
background-color:#d6001d;
line-height:50px;

}
.caseCkgd:hover{
display:block;
font-size:14px;
text-align:center;
width:260px;
margin:0px auto;
font-size:22px;
color:#ffffff;
background-color:#d6001d;
line-height:50px;
filter:alpha(opacity=80);    /* ie5-7  */
opacity: 0.8;
text-decoration:none;
}
.yemao-youshi{
display:block;
float:left;
width:147px;
text-align:center;
line-height:30px;
margin-right:5px;
color:#666666;
border:1px solid #cfcfcf;
background-color:#ffffff;
/*transition: 0.3s linear;
position: relative;*/
}
/*.yemao-youshi2,.yemao-youshi2:after,.yemao-youshi:after{
display:block;
text-decoration:none;
width: 0;
position: absolute;
content: "";
top: 0;
bottom: 100%;
left: 0;
z-index: -1;
background: #f20c2b;
transition: 0.3s linear;
}
.yemao-youshi2,.yemao-youshi2:hover,.yemao-youshi:hover:after{
width: 100px;
bottom: 0;
color: #fff;
}*/
.yemao-youshi2,.yemao-youshi2:hover,.yemao-youshi:hover{
display:block;
float:left;
width:147px;
text-align:center;
line-height:30px;
margin-right:5px;
color:#ffffff;
border:1px solid #d51419;
text-decoration:none;
background-color:#d51419;

}
.leftDiv{
width:32px;
line-height:30px;
padding-top:3px;
padding-bottom:3px;
margin-top:2px;
background-color:#d51419;
display:block;
border:0px;
vertical-align:middle;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}
.leftDiv2,.leftDiv2:hover,.leftDiv:hover{
width:32px;
line-height:30px;
padding-top:3px;
padding-bottom:3px;
margin-top:2px;
background-color:#0d0d0d;
display:block;
border:0px;
vertical-align:middle;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
}
.titleDiv{
height: 60px;width: 800px;margin-right: auto;margin-left: auto;font-family: "NotoSansHans",微软雅黑;font-size: 42px;color: #FFFFFF;text-align: center;
}
.descDiv{
line-height:30px; width: 900px;margin-right: auto;margin-left: auto;font-size: 16px;color: #FFFFFF;text-align: center;padding-top: 15px;
}
.index_lx{
padding: 40px 0px 30px 0px;
}

.otherDiv{
width:85px;
line-height:30px;
padding-top:3px;
padding-bottom:3px;
margin-top:2px;
background-color:#d51419;
display:block;
border:0px;
vertical-align:middle;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}
.otherDiv2,.otherDiv2:hover,.otherDiv:hover{
width:95px;
line-height:30px;
padding-top:3px;
padding-bottom:3px;
margin-top:2px;
background-color:#0d0d0d;
display:block;
border:0px;
vertical-align:middle;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
}
.otherDiv3,.otherDiv3:hover{
width:85px;
line-height:30px;
padding-top:3px;
padding-bottom:3px;
margin-top:2px;
background-color:#0d0d0d;
display:block;
border:0px;
vertical-align:middle;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
}
.dhstyle{
background-color:#b91103;
height:58px; 
width:100%; 
border-top:1px solid #a50600
}

.dhstyle img{
border:0px;
}

.dhstyle a{
display:block;
line-height:58px;
color:#FFFFFF;
text-decoration:none;
font-size:15px;
width:112px;

border-right:1px solid #a90903;
}

.dhstyle a:hover{
display:block;
line-height:58px;
color:#e4e4e4;
font-size:14px;

width:112px;
background-color:#0e0d0d;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
text-decoration:none;
border-right:1px solid #0e0d0d;
}


.naxiekehu{

line-height:45px;
height:45px;
width:400px;
color:#ffffff;
float:left;
font-size:22px;
background-color:#d51419;
text-align:center;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
margin:0 auto;
margin-top:45px;
margin-left:40px;

}

.naxiekehu2{
line-height:45px;
height:45px;
width:400px;
color:#ffffff;
float:left;
font-size:22px;
background-color:#292929;
text-align:center;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
margin:0 auto;
margin-top:45px;
margin-left:40px;

}


/*以下为在线客服CSS*/
ul,li,p,h4{margin:0;padding:0;list-style-type:none;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}

.cndns-right a{color:#333333;text-decoration:none;}
.cndns-right a:hover{color:#ff5a00;text-decoration:none;}
.clear{clear:both;font-size:0px;line-height:0;height:0;}

@font-face {
font-family: 'icomoon';

src:url('fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?qradjf') format('truetype'),
url('fonts/icomoon.woff?qradjf') format('woff'),
url('fonts/icomoon.svg?qradjf#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
.demo-icon{
font-family:"icomoon";
font-style:normal;
font-weight:normal;
speak:none;
display:inline-block;
text-decoration:inherit;
text-align:center;
font-variant:normal;
text-transform:none;
font-size:24px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
line-height:24px;
color:#999; 
}

/*new right*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:15000;}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#f8f8f8;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#d51419;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#616161;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#d51419;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#d51419}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#d51419;}
.meau-sev .cndns-right-btn{border-color:#d51419;background:url(/index/images/inco_flc.gif) no-repeat #f20c2b center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#d51419; border:0px;}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:42px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #d51419;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:60px;background:url(/index/images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t img{
width:150px;
}
.cndns-right-box .box-border .sev-t p{float:right;color:#d51419;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(/index/images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#d51419}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#393939;font-size:14px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#d51419; -webkit-border-radius: 6px;-moz-border-radius: 6px;}
.meau-zs .cndns-right-btn{background-color:#d51419;color:#fff;margin-top:80px;border-color:#f20c2b;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}

/*在线客服CSS 结束*/

/*首页全屏开始*/


.qpDiv{
width: 100%;
overflow: hidden;
text-align:left;

}
.qpDiv li img{
width: 100%;
height:100%;
float:left;
}
.qpDiv li{
width: 25%;
height: 100%;
overflow: hidden;
float: left;
position: relative;
background-color:#eeeeee;
}
.qpzhe{
position: absolute;
background: rgba(0,0,0,0.7);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
transform: scale(0);
transition:all 0.5s;
}
.qpDiv li:hover .qpzhe{
transform: scale(1);
}
.qpzhe h3{
font-weight: normal;
font-size: 30px;
margin-top: 20%;
font-weight:bold;
}
.qpzhe p{
line-height: 30px;
font-size:18px;
}

/*首页全屏结束*/



.Navdiv{
display:block;
float:left;
font-size:20px;
text-align:center;
width:200px;
color:#000000;
text-decoration:none;
line-height:70px;
-webkit-transition:0;
-o-transition:0;
-moz-transition:0;
background:url(/index/images/navClass.jpg) center repeat-x;
border-right:1px solid #dfdfdf;
}
.Navdiv:hover{
display:block;
float:left;
font-size:20px;
text-align:center;
width:200px;
color:#ffffff;
text-decoration:none;
line-height:70px;
background:url(/index/images/imghov_02.jpg) center repeat-x;
transition: all .1s;
-webkit-transition: all .1s;
-o-transition: all .1s;
-moz-transition: all .1s;
border-right:1px solid #dfdfdf;
}
.Navdiv2,.Navdiv2:hover{
display:block;
float:left;
font-size:20px;
text-align:center;
width:200px;
color:#ffffff;
text-decoration:none;
line-height:70px;
background:url(/index/images/imghov_02.jpg ) center repeat-x;
border-right:1px solid #dfdfdf;
}


.huoqufangan{
display:block;
margin:0 auto;
font-size:22px;
text-align:center;
width:260px;
line-height:50px;
border:1px solid #e10000;
color:#ffffff;
background-color:#e10000;
margin-bottom:15px;
text-decoration:none;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
margin-top:50px;

}

.huoqufangan:hover{
display:block;
margin:0 auto;
font-size:25px;
text-align:center;
width:260px;
line-height:50px;
border:1px solid #e10000;
color:#ffffff;
background-color:#e10000;
margin-bottom:15px;
text-decoration:none;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
margin-top:50px;
text-decoration:none;

}
.dibuby{
width:1200px;
margin:0 auto;
}
.dibuby p{
padding-left:50px; 
height:40px; 
line-height:40px;
float:left;
width:190px;

}

.dibuby p span{
font-size:16px; 
color:#d0d0d0; 

}
#scroll_div{
     width: 1200px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;

    margin:0 auto;
    margin-bottom:5px;
    margin-top:10px;

}
#scroll_begin,#scroll_end {display: inline;}
#scroll_div a{
    color: #878787;
    text-decoration: none;
    font-size:14px;
    margin-right:10px;
}
#scroll_div a:hover{color: #fff;}


/*弹出的框*/
.partone{width: 1200px;height: 260px;margin: 0 auto;}
.oneleft{width: 585px;height: 260px;background: url(/tcimg/part_05.png);float: left;}
.oneright{width: 585px;height: 260px;background: url(/tcimg/part_07.png);float: right;}


.partone h3{text-align: center;font-size: 33px;font-weight: normal;color: #fff;letter-spacing: 2px;margin-top: 72px;}
.oneoff{float: right;}
.onean{width: 140px;line-height: 35px;border: 1px #fff solid;border-radius: 6px;text-align: center;
line-height: 35px;font-size: 18px;color: #fff;margin: 0 auto;transition: 0.5s;cursor: pointer;}
.onean:hover{background: #fff;border: 1px #fff solid;color: #000;}
.oneform{width: 930px;height: 500px;background: url(/tcimg/bg_8.png); background-color:#ed1c24;position: fixed;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);display: none;z-index: 10;-webkit-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.onebox{width: 822px;height: 394px;border: 1px #fff dashed;margin: 17px auto;padding: 35px;}
.oneline{width: 1px;height: 55px;background: rgba(255,255,255,0.5);float: left;margin: 7px 20px;}
.onebox span{font-size: 40px;color: #fff;}
.onebox input{width: 140px;height: 53px;background: none;outline: none;border: none;text-indent: 1em;font-size: 16px;color: #fff;}
.onebox form{width: 100%;height: 310px;margin-top: 15px;}
.onebox textarea{width: 815px;border-radius: 8px;background: none;border: 1px #e7a8aa solid;min-height: 70px;margin-top: 15px;outline: none;font-size: 16px;color: #fff;text-indent: 1em;padding-top: 10px;}
.onebox form li{float: left;list-style: none;border: 1px #e7a8aa solid;border-radius: 8px;margin-top: 15px;width: 400px;height: 53px;}
.onebox form li img{float: left;}
.onebox form li p{float: left;color: #fff;  font-size:16px; line-height:52px;}
.onebox form li:nth-child(1) input{width: 260px;}
.onebox form li:nth-child(2) input{width: 280px;}
.onebox form li:nth-child(3) input{width: 310px;}
.onebox form li:nth-child(4) input{width: 310px;}
.onebox form li:nth-child(2),.onebox form li:nth-child(4){float: right;}
.onebox form button{width: 400px;height: 54px;background: #fff;border-radius: 5px;outline: none;border: none;color: #d32329;font-size: 20px;cursor: pointer;float: right;margin-top: 16px;transition: 0.5s;}
textarea::-webkit-input-placeholder{
 color: #ababab;  
 font-size: 14px;
}
.onezz{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0; display:none;}
#yzmimg{float: right;border-radius:0 5px 5px 0; width:120px; height:53px; text-align:center; background-color:#eeeeee;}
#yzmimg img{
width:80px;
height:30px;
margin-left:25px;
margin-top:9px;
}
#tj:hover{background: none;border: 1px #fff solid;color: #fff;}
.oneoff:hover{transform: rotate(360deg);}
.oneoff{transition: 0.5s;cursor: pointer;}
.onediv{width: 100%;height: 70px;overflow: hidden;}



/*滚轮出现上面的小导航*/
.sliderbox{width: 100%;height: 70px;background: #fff;position: fixed;top: -75px;left: 0px;box-shadow: 5px 5px 5px rgba(0,0,0,.2);transition: 0.6s;/*滑动时间*/ z-index:9999}
.slidernav{width: 1200px;margin: 0 auto;}
.divLogo{
text-align:left;
float:left;
width:334px;
height:60px;
padding-top:10px;
}
.divRight{
 width:866px;
float:left;
text-align:left;
line-height:70px;
}
.divRight a{
 font-size:16px;
width:102px;
text-align:center;
color:#333333;
display:block;
float:left;
text-decoration:none;
}
.divRight a:hover{
 font-size:17px;
width:102px;
text-align:center;
color:#de2323;
display:block;
float:left;
text-decoration:none;
}
/*结束*/

/*2019新导航开始*/
/* 头部 */
a{text-decoration: none;}
ul{padding: 0px;margin: 0px;}
.header{width: 90%;position: absolute;top: 0px;left: 0px; z-index:10000;border-bottom: 1px rgba(255,255,255,.09) solid;padding: 0px 5%;}
.header:hover{background: rgba(0,0,0,.15);border-bottom: 1px rgba(255,255,255,.2) solid;}
.header_left{padding-top: 18px;float: left;}
.header a img:last-child{display: none;}

/*首页新头部*/
.header_new{width: 90%;position: fixed;top: 0px;left: 0px; z-index:10000;background: url(../images/nav_01.jpg)left  repeat-y;
padding: 0px 5%;transition: .5s;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.header_new.header_hide{top: -100px;}
.header_new.white{background: #fff;position: fixed;}
.header_new.white .nav ul li >a{color: #000;font-family:'Alibaba-PuHuiTi-Regular';}
.header_new.white .sp_nav span{background: #000;}
.header_new.white .phone p{color: #000;}
.header_new.white .phone h2{color: #000;}
.header_new.white .nav{border-right: 1px rgba(0,0,0,.1) solid;}
.header_new a img:last-child{display: none;}
.header_new.white a img:last-child{display: block;}
.header_new.white a img:first-child{display: none;}
.header_new.white .erji{background: #fff;border-top: 1px rgba(0,0,0,.1) solid;}
.header_new.white .nav ul li:hover{background: none;}
.header_new.white .erji a{color: #000; font-family:'Alibaba-PuHuiTi-Regular';}

/*内页新头部*/
.header_two{width: 90%;position: fixed;top: 0px;left: 0px; z-index:10000;border-bottom: 1px rgba(255,255,255,.09) solid;
padding: 0px 5%;transition: .5s;}
.header_two:hover{background: rgba(0,0,0,.15);border-bottom: 1px rgba(255,255,255,.2) solid;}
.header_two.header_hide{top: -100px;}
.header_two a img:last-child{display: none;}
.header_two.white{width: 90%;position: fixed;left: 0px; z-index:10000;background: #fff;
padding: 0px 5%;transition: .5s;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.header_two.white .nav ul li >a{color: #000;font-family:'Alibaba-PuHuiTi-Regular';}
.header_two.white .sp_nav span{background: #000;}
.header_two.white .phone p{color: #000;}
.header_two.white .phone h2{color: #000;}
.header_two.white .nav{border-right: 1px rgba(0,0,0,.1) solid;}
.header_two a img:last-child{display: none;}
.header_two.white a img:last-child{display: block;}
.header_two.white a img:first-child{display: none;}
.header_two.white .erji{background: #fff;border-top: 1px rgba(0,0,0,.1) solid;box-shadow: 0px 2px 2px rgba(0,0,0,.1);}
.header_two.white .nav ul li:hover{background: none;}
.header_two.white .erji a{color: #000;font-family:'Alibaba-PuHuiTi-Regular';}

.header_two:hover{width: 90%;position: fixed;left: 0px; z-index:10000;background: #fff;border-bottom: none;
padding: 0px 5%;transition: .5s;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.header_two:hover .nav ul li >a{color: #000;}
.header_two:hover .sp_nav span{background: #000;}
.header_two:hover .phone p{color: #000;}
.header_two:hover .phone h2{color: #000;}
.header_two:hover .nav{border-right: 1px rgba(0,0,0,.1) solid;}
.header_two:hover a img:last-child{display: block;}
.header_two:hover a img:first-child{display: none;}
.header_two:hover .erji{background: #fff;border-top: 1px rgba(0,0,0,.1) solid;}
.header_two:hover .nav ul li:hover{background: none;}
.header_two:hover .erji a{color: #000;font-family:'Alibaba-PuHuiTi-Regular';}



.nav{width: 87%;height: 95px; margin:0 auto;float: left;border-right: 1px rgba(255,255,255,.15) solid;box-sizing: border-box;} 
.nav_logo{float: left;margin-top: 20px;  }
.nav ul{display: inline-block;float: right;margin-right: 8%;}
.nav ul li{float: left;font-size: 16px;list-style: none; width:90px; text-align:center;}
.nav ul li >a{color: #ffffff;display: block;line-height:95px;position: relative;font-family:'Alibaba-PuHuiTi-Regular';}
.nav ul li >a:after{
content: "";
width: 0;
height: 3px;
background: #df0e19;
position: absolute;
left: 50%;
bottom: 0px;
transform: translateX(-50%);
transition: .5s;
}
.nav ul li:hover a:after{width: 100%;}
.nav ul li a:hover{color: #ffffff; text-decoration:none;}


.cover_box{width: 100%;height: 100%;}
.index_banner{width: 100%;height: 100%;background-color:#d41c26}
.index_banner .swiper-container{width: 100%;height: 100%;}
.index_banner .swiper-slide{position: relative;}
.index_banner .swiper-slide .text{ width:1200px;position: absolute;top: 50%;left: 48%;transform: translate(-50%,-50%);cursor: pointer;}
.index_banner .swiper-slide img{
transform:translateY(100px);
transition:all .3s;
opacity:0;
}
.index_banner .swiper-slide h3{
color: #fff;
font-size: 50px;
line-height: 1;
text-transform:uppercase;
/*font-family: 'Montserrat-Medium';*/
font-family: 'GOTHICB';
}
.index_banner .swiper-slide h3 span{
color: #fff;
font-size: 66px;
text-transform:uppercase;
/*font-family: 'Montserrat-Medium';*/
font-family: 'GOTHICB';

}
.index_banner .swiper-slide h2{
color: #fff;
font-size: 68px;
line-height: 1;
margin: 65px 0px 35px 0px;
transform:translateY(100px);
opacity:0;
transition:all .3s;
transition-delay: .2s;
font-family: "Microsoft YaHei","微软雅黑";
}
.index_banner .swiper-slide h2 span{
color: #fff;
font-size: 72px;
font-family: 'DINPro-Bold';
}
.index_banner .swiper-slide p{
color: #fff;
font-size: 30px;
line-height: 1;
margin: 0px;
transform:translateY(100px);
opacity:0;
transition:all .5s;
transition-delay: .4s;
}
@media screen and (max-width:1580px) {
.index_banner .swiper-slide img{width: 1000px;}
.index_banner .swiper-slide h2{font-size: 58px;}
.index_banner .swiper-slide p{font-size: 28px;}
.index_banner .swiper-slide h3{font-size: 40px;}
}
@media screen and (max-width:1450px) {
.index_banner .swiper-slide img{width: 880px;}
.index_banner .swiper-slide h2{font-size: 50px;}
.index_banner .swiper-slide p{font-size: 22px;}
.index_banner .swiper-slide h3{font-size: 28px;}
}
.index_banner .swiper-slide-active img{
transform:translateY(0);
opacity:1;
}
.index_banner .swiper-slide-active h2{
transform:translateY(0);
opacity:1;
}
.index_banner .swiper-slide-active p{
transform:translateY(0);
opacity:1;
}

#page{
width: 180px;
position: absolute;
left: 50%;
transform: translateX(-50%);
text-align: left;
bottom: 45px;
box-sizing: border-box;
text-align: center;
z-index: 200;
}
#page span{
display: inline-block;
width: 22px;
height: 10px;
background: url(../images/icon_07.png)center no-repeat;
opacity: .8;
margin: 0px 1px;
cursor: pointer;
border-radius: 5px;
transition: .3s;
}
#page span.swiper-pagination-bullet-active{
background: url(../images/icon_09.png)center no-repeat;
} 
#button{
width: 260px;
height: 30px;
position: absolute;
bottom: 35px;
left: 50%;
transform: translateX(-50%);
z-index: 100;
}
#button .swiper-button-prev:after{
content: "";
width: 11px;
height: 19px;
background: url(../images/icon_03.png);
opacity: .8;
}
#button .swiper-button-prev{
outline: none;
}
#button .swiper-button-next:after{
content: "";
width: 11px;
height: 19px;
background: url(../images/icon_05.png);
opacity: .8;
}
#button .swiper-button-next{
outline: none;
}

.phone{width: 13%; font-size:14px;float: right;text-align: right;}
.phone p{color: #fff;margin-top: 20px;}
.phone h2{color: #fff;font-size: 24px;margin: 5px 0px 0px 0px;font-family: 'DINPro-Bold';}
.nav ul li .erji{width: 100% ;height: 70px;background: rgba(0,0,0,.2);/*二级导航灰度*/position: absolute;top: 95px; left: 0px ;
text-align: center;display: none;}
.nav ul li .erji a{color: #fff;margin: 0px 15px;line-height: 70px;font-size: 14px;opacity: .7; position: relative ; z-index: 2 ;}
.nav ul li .erji a:hover{opacity: 1;}

.nav ul li.active .erji {
    pointer-events: none ;
}

.nav ul li .erji .erjibox {
    width: max-content ;
    margin: 0px !important;
}

/* 弹出层 */
.tan_sp{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 20000;display: none;}

.tan_spbox{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px; background-color:#101010}
.tan_sptop{overflow: hidden;}
.tan_sptop img{float: left;}
.tan_sptop #sp_prev{float: right;font-size: 22px;color: #fff;margin: 50px 100px 0px 0px;}
.tan_spcen{width: 800px;margin: 0 auto; margin-top:5%}
.tan_spcen{text-align: center;}
.tan_spbot{width: 100%;position: absolute;bottom: 50px;text-align: center;color: #fff;font-size: 22px; }
.tan_spbot p{display: inline-block;font-family:'DINPro-Bold'}
.tan_spbot img{float: left;margin: 2px 25px 0px 0px;}
@media screen and (max-width:1440px) {
.phone{display: none;}
.nav{width: 100%;border-right: none;}
.header_two:hover .nav{border-right: none;}
}


/* 导航折叠按钮	*/
.sp_nav{display: block;width:50px;position:absolute;height:30px; z-index:10001;right: 20%;top: 40px;}
.sp_nav span{display:block;background:#ffffff;width:18px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;}
.sp_nav .sp_nav1{top:0px;}
.sp_nav .sp_nav2{top:6px;width:14px;}
.sp_nav .sp_nav3{top:12px;}
.sp_nav_se  .sp_nav1{top:10px;transform:rotate(45deg);}
.sp_nav_se  .sp_nav2{width:0!important;}
.sp_nav_se  .sp_nav3{top:10px;transform:rotate(-45deg);}
.sp_nav:hover  .sp_nav2{width:18px;}
.span_navcolor{
background-color:#222222!important;
}
.overDiv{
overflow:hidden;
}
.vr_ico{
display: block;
width: 24px;
position: absolute;
height: 17px;
z-index: 10001;
right: 18.5%;
top: 40px;
}

@media screen and (max-width:1440px) {
.vr_ico{right: 5%;}
.sp_nav{right: 7%;}
}

/*新闻详情页*/
.articleban{
width: 100%;
height: 500px;
background:url(/index/images/newsbg.jpg) top center no-repeat;
background-size: cover ;
background-color:#181818;
}
.articlebox{
width: 1200px;
padding-top: 240px;
margin:0 auto;
}
.articlebox h2{
font-size: 45px;
color: #fff;
}
.articlebox ul li{
list-style: none;
float: left;
font-size: 14px;
color: #fff;
margin-right: 30px;
}
.articlebox ul{
overflow: hidden;
margin-top: 30px;
}
.artposi{
float: right;
font-size: 14px;
color: #fff;
margin-top:40px;

}

.artposi a{
color: #fff;
text-decoration:none;
}
.artposi a:hover{
color: #fff;
text-decoration:none;
}
.xx_art{
width: 1200px;
margin:0 auto;
margin-top: 20px;
overflow: hidden;
}
.xx_l{
width: 950px;
float: left;
padding: 25px;
background: #fff;
line-height:39px;
font-size:16px; 
color:#5d5d5d
}
.xx_r{
width: 160px;
float: right;
}
.xx_r ul li h3{
font-size: 14px;
line-height:0px;
}
.xx_r ul li p{
font-size: 14px;
margin-top: 2px;
}
.xx_line{
width: 20px;
height: 2px;
background: #d0001c;
float: left;
margin-top: 7px;
}
.xx_r ul .onli{
width: 120px;
height: 50px;
background: #d0001c;
color: #fff;
padding: 20px;
margin-bottom:10px;
}
.xx_r ul li .xx_lineon{
width: 20px;
height: 2px;
background: #fff;
float: left;
margin-top: 7px;
}
.xx_r ul li{
width: 90px;
height: 50px;
background: #fff;
list-style: none;
color: #424242;
padding: 20px;
margin-bottom: 10px;
border: 1px #dbdbdb solid;
transition: 0.5s;
float: left;
}
.xx_r ul li:hover{
width: 120px;
height: 50px;
background: #d0001c;
color: #fff;
padding: 20px;
}
.xx_r ul li:hover .xx_line{
background: #fff;
}
.abread{
width: 1160px;
overflow: hidden;
padding: 20px;
margin:0 auto;
background: #fff;
margin-top: 25px;
padding-bottom:40px;
}
.abreadul h3{
background:url(/index/images/hongbian.jpg) left no-repeat;
font-size: 24px;
font-weight: normal;
padding-left: 20px;
}
.abreadul{
width: 45%;
float: right;
overflow: hidden;
}
.abreadul ul li{
font-size: 14px;
color: #666;
line-height: 30px;
list-style:disc;
list-style-position: inside;
}
.abreadul ul li:hover{
font-size: 14px;
color: #d51419;
line-height: 30px;
list-style:disc;
list-style-position: inside;
}
.abreadul ul li a{
color: #666;
}
.abreadul ul li a:hover{
color: #d51419;
text-decoration:none;
}
.abreadul ul li span{
font-size: 12px;
color: #ccc;
float: right;
}
.abreadul ul{
overflow: hidden;
margin-left: 15px;
margin-top: 25px;
}
#ableft{
float: left;
}
.ab_line{
width: 1px;
height: 150px;
background: #eee;
float: left;
margin-left: 60px;
margin-top: 50px;
}
.webdes{
width: 1200px;
overflow: hidden;
margin:0 auto;
}
.webdes ul li{
width: 278px;
height: 98px;
border: 2px #efefef solid;
list-style: none;
float: left;
text-align: center;
line-height: 98px;
color: #0d0c0c;
font-size: 24px;
transition: 0.5s;
margin-left: 24px;
margin-top: 30px;
background: #fff;
}
.webdes ul a:nth-child(1) li,.webdes ul a:nth-child(5) li,.webdes ul a:nth-child(9) li{
margin-left: 0px;
}
.webdes ul li:hover{
border: 2px #d61519 solid;
color: #d61519;
}
.artbot{width: 900px;height: 280px;text-align: center;margin-top: 90px;}
.artbot h2{font-size: 24px;color: #010101;font-weight: normal;margin-top: 30px;}
.artbot h4{font-size: 16px;color: #010101;font-weight: normal;margin-top: 30px;letter-spacing: 3px;}

::-webkit-scrollbar{
    width: 3px;
    height: 3px;
}
/*滚动条的轨道*/
::-webkit-scrollbar-track{
    background: #eee;
}
/*滚动条的滑块按钮*/
::-webkit-scrollbar-thumb{
    background: #f20c2b;
}
/*滚动条的上下两端的按钮*/
::-webkit-scrollbar-button{
    height: 0px;
    background-color: #d61519;
}

/*结束*/

/*新闻列表 */
.xxn_l{
width: 950px;
float: left;
padding-top: 15px;
line-height:32px;
font-size:15px; 
color:#5d5d5d
}
.xxn_type{
width:100%;
margin-bottom:25px;
line-height:50px;
height:50px;

}
.xxn_type a{
display:block;
line-height:48px;
width:140px;
text-align:center;
float:left;
background-color:#ffffff;
border:1px solid #ffffff;
margin-right:7px;
font-size:16px;
color:#323232;
}
.xxn_type a:Hover,.xxn_type .ahover{
display:block;
line-height:48px;
width:140px;
text-align:center;
float:left;
border:1px solid #c5001b;
background-color:#c5001b;
margin-right:7px;
color:#ffffff;
font-size:16px;
}

.xxn_list{
width:100%;
padding:2.2%;
background-color:#ffffff;
margin-bottom:18px;
}
.xxn_list:hover{
width:100%;
padding:2.2%;
background-color:#ffffff;
margin-bottom:18px;
-webkit-box-shadow:0 0 20px #eeeeee;  
-moz-box-shadow:0 0 20px #eeeeee;  
box-shadow:0 0 20px #eeeeee;  
}
.xxn_list p{
margin-top:15px;
font-size:14px;
line-height:23px;
color:#999999;
}
/*结束*/

/*首页视频*/
@media only screen and (max-width:1440px) {
.part_video video {
width: auto!important;

}}
.part_video{width: 100%;height:850px;overflow: hidden;position: relative; background-color:#010510;}
.part_video video{width: 100%;}
.zhezhao{
display: block;
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
background: rgba(8,8,9,0.8);
z-index: 999;
}
.video_text{
width: 1200px;
text-align: center;
margin:0 auto;
margin-top:350px;
color: #fff;
display: none;
}
.video_text h2{
animation: zuo 1.5s;
font-size:60px;
text-shadow: 0 2px 2px #333333;
}
.video_text p{
animation: zuotwo 2s;
font-size:26px;
text-shadow: 0 2px 2px #333333;
}
.video_text div{
animation: zuotwo 3s;
font-size:18px;
width:180px;
height:43px;
margin:0 auto;
line-height: 43px;

border:1px solid #ffffff;
color:#fff;
margin-top:40px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;

}
.video_text div:hover{
font-size:18px;
width:180px;
height:43px;
margin:0 auto;
line-height:43px;

background-color:#f20c2b;
border:1px solid #f20c2b;
color:#FFFFFF;
margin-top:40px;

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
}

/*@keyframes touming{
0%{
opacity: 0;
}
30%{
opacity: 0.3;
}
60%{
opacity: 0.6;
}
100%{        
opacity: 1;
}
}*/

@keyframes zuo{
0%{
transform: translate(0px,200px);
opacity: 0;
}
100%{        
transform: translate(0px,0px);
opacity: 1;
}
}
@keyframes zuotwo{
0%{
transform: translate(0px,100px);
opacity: 0;
}
50%{
transform: translate(0px,100px);
opacity: 0;
}
100%{        
transform: translate(0px,0px);
opacity: 1;
}
}

/*@keyframes you{
0%{
transform: translate(500px,0px);
opacity: 0;
}
100%{
transform: translate(0px,0px);
opacity: 1;
}
}*/

/*结束*/
/*隐藏logo和导航名字*/
.ydcDiv{
display:none;
}
/*结束*/
/*常见问题*/

.fanbj{
width: 950px;
background: #fff;
overflow: hidden;
}
.fan_b{
width: 100%;
height: 48px;
}
.fan_b li{
float: left;
width: 140px;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 16px;
cursor: pointer;
margin-right: 10px;
background: #f7f7f8;
}
.fan_b li:hover{
background: #d51419;
color: #fff;
}
.fan_b li.cur{
background: #d51419;
color: #fff;
float: left;
width: 140px;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 16px;
cursor: pointer;
margin-right: 10px;
}
.fan_ul{
width: 950px;
overflow: hidden;
margin-top: 10px;
float: left;
}
.fan_tab{
width: 1000%;
position: relative;
}
.fan_ul .fan_title{
width: 100%;
height: 56px;
padding: 0px 45px 0px 30px;
background: #f7f7f8;
line-height: 56px;
box-sizing: border-box;
margin-top: 10px;
font-size: 17px;
color: #555;
position: relative;
font-weight:bold;
}
.fan_ul .fan_cont{
width: 100%;
padding: 20px 30px;
font-size: 14px;
color: #5b5b5b;
box-sizing: border-box;
line-height: 34px;
display: none;
background: #fbfbfb;
box-shadow: 0 0px 15px #9b9898;

}
.fan_title span{
width: 46px;
height: 56px;
background: url(../images/jia.png)center;
display: inline-block;
position: absolute;
right: 0px;
border-left: 1px #fff solid;
}
.current{
background: #d51419!important;
color: #fff!important;
}
.current span{
background: url(../images/jian.png)center;
}

/*首页常见问题*/

ul{padding: 0px;}
li{list-style: none;}
.dynamicbox{width: 100%;overflow: hidden;background:url(/index/images/faqbg.png) right no-repeat;background-color:#f5f5f5;padding: 20px 0px; }
.dynamic{width: 1200px; margin:0 auto;}
.dynamicul div{width: 320px;height: 80px;background: #fff;float: left;margin-right: 30px;padding: 30px;margin-top: 30px;transition: 0.5s;}
.dynamicul div:nth-child(3n){margin-right: 0px;}
.dynamicul div h3{font-size: 18px;margin-bottom: 10px;font-weight:bold; color:#000000; margin-top:0px; }
.dynamicul div p{font-size: 14px;color: #888;line-height: 24px;}
.dynamicul div:hover{transform: translate(0px,-5px);box-shadow: 0px 5px 20px rgba(0,0,0,0.2)}
.dynamicul div:hover h3{color: #c8011c;}
.dynamicul{margin-top: 20px;}
.dynamic_more{font-size: 18px;text-align: center;margin-top: 15px;}
.dynamic_more a{color: #1d1d1d;}
.dynamic_more a:hover{color: #e62022;}

.slideBox{ width:1200px;position:relative;margin: 0 auto;}
.slideBox .bd{position:relative;overflow: hidden;}
.slideBox .bd ul{padding-bottom: 25px!important;}
.slideBox .bd li{width: 100%;height: 100%;}
.slideBox .prev{width:39px;height:12px;display:block;background:url(../images/left_23.png);position:absolute;bottom: -32px;left: 500px;}
.slideBox .next{width:39px;height:12px;display:block;background:url(../images/right_23.png);position:absolute;bottom: -32px;right: 500px;}

.cehuap{
display:block;
float:left;
font-size:14px;
text-align:center;
width:106px;
line-height:30px;
color:#a0a0a0;
border:1px solid #979696;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
margin-right:16px;
margin-top:13px;

}
.cehuap:hover{
display:block;
float:left;
font-size:14px;
text-align:center;
width:106px;
line-height:30px;
color:#d51419;
border:1px solid #d51419;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
margin-right:16px;
margin-top:13px;
}
/*相关案例*/

.caseView{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.chakanAl{
display:block;
float:left;
font-size:16px;
text-align:center;
width:180px;
line-height:36px;
border:1px solid #9b9b9b;
color:#9b9b9b;
margin-bottom:15px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}
.chakanAl2,.chakanAl2:hover,.chakanAl:hover{
display:block;
float:left;
font-size:16px;
text-align:center;
width:180px;
line-height:36px;
border:1px solid #1e1d1d;
color:#1e1d1d;
margin-bottom:15px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}

.shangyige{
font-size:20px;
color:#323235;
}
.shangyige:hover{
font-size:20px;
color:#e10000;
text-decoration:none;
}

.xiangguananli{
float:left;
width:373px;
background-color:#ffffff;
text-decoration:none;
margin-right:40px;
margin-bottom:30px;
padding-bottom:20px;
}

.xiangguananli img{

transition: all .2s;
-webkit-transition: all 2s;
-moz-transition: all 2s;
-o-transition: all 2s;

}

.xiangguananli:hover img{

transition: all .2s;
-webkit-transition: all 2s;
-moz-transition: all 2s;
-o-transition: all 2s;

transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);

}

.xiangguananli .p1{
font-size:22px; 
display:block;
margin-left:20px;
margin-top:30px;
margin-bottom:10px;
text-align:left;
}
.xiangguananli .p2{
font-size:14px; 
margin-left:20px;
margin-top:10px;
margin-bottom:20px;
text-align:left;
color:#666666;
}
.divClass img{
width:95%;
margin:0 auto;
}



.xiangguananli2{
float:left;
width:372px;
background-color:#ffffff;
text-decoration:none;
margin-right:40px;
margin-bottom:30px;
padding-bottom:20px;
}

.xiangguananli2 img{

transition: all .2s;
-webkit-transition: all 2s;
-moz-transition: all 2s;
-o-transition: all 2s;

}
.fenyeA a{
color:#000000;
font-size:16px;
font-weight:bold;
}
.fenyeA a:hover{
color:#d30000;
}

.xiangguananli2:hover img{

transition: all .2s;
-webkit-transition: all 2s;
-moz-transition: all 2s;
-o-transition: all 2s;

transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);

}

.xiangguananli2 .p1{
font-size:22px; 
display:block;
margin-left:20px;
margin-top:30px;
margin-bottom:10px;
text-align:left;
}
.xiangguananli2 .p2{
font-size:14px; 
margin-left:20px;
margin-top:10px;
margin-bottom:20px;
text-align:left;
color:#666666;
}

/*首页logo跳动*/
.autoimg{animation: 2s scale linear infinite;}
@keyframes scale{
0%{
    transform: scale(0.9);
}
50%{
    transform: scale(1);
}
100%{
    transform: scale(0.9);
}
}
/*优势-关于我们Div*/
.ysDivabout{
font-size:14px; 
width:340px; 
float:left; 
margin-bottom:30px;
border:1px solid #eaeaea;
margin-right:20px;
padding: 15px 20px 20px 20px;
}
.ysDivabout span{
font-size:25px;  
line-height: 50px;
}

.ysDivabout:hover span{
font-size:25px;
color:#d51419;  
}
.ysDivabout:hover{
color:#d51419;
-webkit-box-shadow:0 0 30px #eeeeee;  
-moz-box-shadow:0 0 30px #eeeeee;  
box-shadow:0 0 30px #eeeeee;  
z-index:9999;
}

/*2020年 春节拜年 特效*/
.newyear{position: fixed;right: -300px;bottom: 10px;transition: 1s;z-index: 1000;}
.newyearbox{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.8);display: none;z-index: 100000000000;}
.nyimg{position: absolute;left: 50%;height: 90%;transition: 1s;top: 50%;transform: translate(-50%,-50%);-webkit-border-radius:10px;-moz-border-radius: 10px;}
.nyimg.cur{animation: nydown .7s;}
@keyframes nydown{
0%{top: -80%;}
70%{top: 60%;}
100%{top: 50%;transform: translate(-50%,-50%);}
}
/*结束*/

/*首页滚动数字*/

.numbbox{width: 100%;height: 130px;margin: 0 auto;background: #fff;position: relative;z-index: 200;box-shadow: 0px 2px 10px #dedede;}
.num-width{width: 1400px;margin: 0 auto;}
.numbbox a{color:#3b3b3b;}
.numbbox a:hover{color:#ffffff;}
.numbli{width: 25%;float: left;text-align: center;box-sizing: border-box;padding-bottom: 15px;border-right: 1px #f3f3f3 solid;margin-top: 15px;}
.numbli p{font-size: 18px;color:#3b3b3b; margin-bottom:6px}
.numbli p span{font-size: 49px;font-family: 'DINPro-Bold';color:#3b3b3b;}
.numbli h3{font-weight: normal;font-size: 17px;margin: 0;color:#3b3b3b;}
.num-width a:last-child .numbli{
border-right: none;
}
@media screen and (max-width:1580px){
.numbbox{height: 115px;}
.numbli p{font-size: 16px;}
.numbli p span{font-size: 38px;}
.numbli h3{font-size: 15px;}
}
@media screen and (max-width:1450px){
.numbbox{height: 110px;}
.numbli p{font-size: 15px;}
.numbli p span{font-size: 34px;}
.numbli h3{font-size: 14px;}
}
/*结束*/
/*资质荣誉开始*/
.about_ry{
width: 100%;
overflow: hidden;
padding: 70px 0px;
background: url(../images/rybg.jpg);
background: cover;
}
.gmpbox .mr_frbox{
width: 1200px;
position: relative;
margin: 0 auto;
}
.gmpbox .mr_frBtnL{
width: 38px;
height: 70px;
position: absolute;
top: 150px;
left: -60px;
cursor: pointer;
background: url(/index/images/you2.png);
}
.gmpbox .mr_frBtnR{
width: 38px;
height: 70px;
position: absolute;
top: 150px;
right: -60px;
cursor: pointer;
background: url(/index/images/zuo2.png);
}
.gmpbox .mr_frUl{
width: 1200px;
height: 380px;
overflow: hidden;
}
.gmpbox .mr_frUl ul li{ 
display: inline; 
float: left; 
width: 270px; 
height: 380px;
overflow: hidden;
position: relative;
margin: 0px 15px;
}
.gmpbox .mr_frUl ul li img{
width: 270px;
height: 380px;
}
.gmpbox .mr_frBtnL:hover img,.mr_frBtnR:hover img{
display: none;
}
.gmpbox .mr_frUl ul li div{
width: 100%;
height: 100%;
position: absolute;
background: rgba(230,27,35,0.9);
top: 0;
left: 0;
text-align: center;
color: #fff;
opacity: 0;
transition: 1s;
}
.gmpbox .mr_frUl ul li div h3{
font-size: 30px;
font-weight: normal;
margin-top: 140px;
}
.gmpbox .mr_frUl ul li div p{
font-size: 18px;
margin-top: 15px;
}
.gmpbox .mr_frUl ul li:hover div{
opacity: 1;
}

/*结束*/


/*图片变大*/

@keyframes slowScale{
0%{
transform: scale(1);
}
100%{
transform: scale(1.10);
}
}
.changebig{
animation: slowScale 4s forwards;
}
.bigtext{
width: 100%;
position: absolute;
top: 270px;
text-align: center;
}
.lxwmkefu{
width:100px;
line-height:28px;
border:1px solid #c90000;
font-size:14px;
padding:5px;
padding-left:10px; padding-right:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color:#FFFFFF;
color:#c90000;
margin-right:6px;
}
.lxwmkefu:hover{
width:100px;
line-height:28px;
border:1px solid #c90000;
font-size:14px;
padding:5px;
padding-left:10px; padding-right:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color:#c90000;
color:#fff;
margin-right:6px;
}
/*右上角点击 弹视频*/
.tmbox{width: 1220px;overflow: hidden; margin-bottom:30px;}
.tmbox ul li{width: 595px;height: 207px;float: left;margin: 10px 0px 0px 10px;position: relative;}
.tmbox ul li:hover{width: 595px;height: 207px;float: left;margin: 10px 0px 0px 10px;position: relative;}
.tmbox ul li .tmcont{width: 595px;height: 207px;position: absolute;top: 0px;left: 0px;padding: 5px 45px 0px 45px;box-sizing: border-box;}
.tmbox ul li .tmcont h2{font-size: 24px;color: #fff;overflow: hidden;line-height: 55px;}
.tmbox ul li .tmcont h2 img{float: left;margin: 0px 15px 0px 0px;}
.tmbox ul li .tmcont p{font-size: 16px;color: #fff;line-height: 26px;margin-top: 20px;}
.tmbox ul li:hover h2 img{transform: rotateY(360deg);transition: .5s;}

/*首页业务*/
.business{width: 100%;background: #fff;position: relative;z-index: 100;}
.zhenghe{width: 1200px;height: 380px;margin-top: 70px;margin: 60px auto 0px auto;}
.zhenghe li{width: 200px;float: left;position: relative;transition: all .3s cubic-bezier(.4, 0, .2, 1);overflow: hidden;}
.zhenghe li .zhtitle{height: 140px;background: #db171e;text-align: center;box-sizing: border-box;padding-top: 20px;}
.zhenghe li .zhtitle h2{font-size: 20px;color: #fff;margin: 5px 0px 2px 0px;}
.zhenghe li .zhtitle p{color: #fff;font-size: 14px; margin-top:7px;}
.zhenghe li .zhtitle .img{width: 40px;margin: 0 auto;}
.zhenghe li .zhtitle .img img{width: 100%;}
.zhenghe li .zhcont{text-align: center;color: #333;padding: 15px 0px 45px 0px;}
.zhenghe li .zhcont_p p{margin-top: 30px;font-size: 14px;}
.zhenghe li .zhtext{width: 400px;box-sizing: border-box;padding: 5px 20px 0px 20px;display: none;}
.zhenghe li .zhtext p{line-height: 30px;color: #8c8c8c;font-size: 14px;}
.zhenghe li .zhmore{text-align: center;width: 110px;height: 35px;line-height: 35px;color: #2c2c2c;background: #f9f9f9;font-size: 15px;border-radius: 0px; float:left;margin: 28px 14px 0px auto;border: 1px #f9f9f9 solid;box-sizing: border-box;transition: .3s;}
.zhenghe li .zhtext a:nth-child(4) .zhmore{margin-right:0px;}
.zhenghe li .zhmore:hover{background-color:#151515;color: #fff; border:1px solid #151515;}
.zhenghe li.cur{width: 400px;height: 383px;margin-top: -15px;background: #fff!important;box-shadow: 0 0 30px rgba(0,0,0,.2);}
.zhenghe li.cur .zhtitle{background:url(/index/images/indexyewubg.png) bottom center no-repeat; background-color:#151515;height: 155px;}
.zhenghe li.cur .zhcont_p{display: none;}
.zhenghe li.cur .zhtext{display: block;}

/*定制页面定位*/
.left_fix{width: 60px;position: fixed;left: calc((100% - 1200px) / 2 - 90px);top: 200px;display: none;}
.fix_li{width: 60px;height: 45px;background: #cecece;margin-bottom: 2px;text-align: center;}
.fix_li a{color: #fff;display: inline-block;font-size: 14px;line-height: 45px;}
.fix_li a img{float: right;margin: 19px 0px 0px 5px;}
.left_fix .fix_li:last-child{border: 0px;}
.fix_li.cur{background: #d51419;}
/*结束*/


/*2021业务导航*/
.dznav{
width: 1440px;
height: 230px;
margin:0 auto;
margin-top: 80px;
}
.dznav ul li{
width: 179px;
height: 230px;
background: rgba(0,0,0,0.3);
float: left;
box-sizing: border-box;
margin-right: 1px;
}
@media screen and (max-width:1580px) {
.dznav{width: 1288px;}
.dznav ul li{width: 160px;}
}
.dznav ul a{
display: block;
}
.dznav ul li p{
font-size: 14px;
color: #767676;
margin-left: 30px;
line-height: 35px;
}
.dznav ul li h3{
font-size: 18px;
color: #fff;
margin-top: 48px;
margin-left: 30px;
}
#dzimg1{
margin-left: 30px;
margin-top: 20px;
}
#dzimg2{
margin-top: 20px;
margin-left: 30px;
opacity: 0;
transition: 0.5s;
}
.dznav ul li:hover #dzimg2{
opacity: 1;
}
.dznav ul li:hover #dzh3{
transform: translate(0px,65px);
}
.dznav ul li #dzp{
color: #b8b8b8;
}
.dznav ul li:hover #dzp{
transform: translate(0px,65px);
color: #c2c9d4;
}
.dznav ul li:hover #dzimg1{
transform: translate(0px,-90px);
}
#dzh3,#dzp,#dzimg1{
transition: 0.6s;
}
.dznav ul li:hover,.dznav ul li.cur{
background: #db171e;
}
/*结束*/
.casexgNav{
font-size:16px;
color:#FFFFFF;
margin-left:12px;
}
.casexgNav:hover{
font-size:16px;
color:#ccc;
margin-left:12px;
}


/*报价菜单样式*/

.ban-nav{
height: 180px;
box-shadow: 0px 5px 10px #ededed;
}
.ban-nav li{
width: 20%;
height: 120px;
float: left;
text-align: center;
border-right: 1px #ededed solid;
box-sizing: border-box;
margin: 30px 0px;

}
.ban-nav li:first-child{
border-left: 1px #ededed solid;
}
.ban-nav li h2{
font-size: 20px;
color: #333;
margin-top: 10px;

}
.ban-nav li p{
color: #656565;
margin-top: 10px;

font-size:14px;
}
.ban-nav li:hover h2{
color: #db161d;
}
.ban-nav li:hover img{
transform: rotateY(360deg);
transition: .8s;
}
.containerdq{
width: 80%;
margin:0 auto;
}
.swztext{
width:90%; 
margin:0 auto; 
text-align:right; 
color:#FFFFFF; 
font-size:14px; 
position:absolute; 
top:460px;
opacity: 0.5
}
.swztext a{
color:#FFFFFF; 
font-size:14px; 
opacity: 1;
}
.swztext a:hover{
color:#FFFFFF; 
font-size:14px; 
opacity: 1;
text-align:center;
}
/*结束*/
/*TAG开始*/
.tagcss{
font-size:14px; 
border-top:1px solid #efefef; 
padding-top:10px;
}
.tagcss H2{
float:left;
font-size:18px;
color:#666666;
}
.tagcss H3{
float:left;
font-size:16px;
color:#666666;
margin-left:16px;
}
.tagcss H3 a{
font-size:16px;
color:#888;
background-color:f4f4f4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color:#f9f9f9;
padding:7px;
padding-left:10px;
padding-right:10px;
}
.tagcss H3 a:hover{
color:#ffffff;
background-color:#e80111;
text-decoration:none;
}


/*联系我们*/
.lx2{
width: 1200px;
height: 340px;
background: url(../images/lx_03.jpg);
background-size: cover;
box-shadow: 0px 0px 5px #ddd;
margin: 0 auto;
box-sizing: border-box;
padding: 0px 60px;
}
.lx2l_tel{
font-size: 18px;
margin-bottom: 40px;
}
.lx2l_tel span{
color: #e50a28;
font-size: 35px;
font-family: 'DINPro-Bold';
}
.lx2l ul li{
font-size: 16px;
margin-top: 20px;
}
.lx2l ul li:after {
visibility: hidden;
display: block;
content: " ";
clear: both;
height: 0;
line-height: 0;
}
.lx2l ul li img{
float: left;
margin: -5px 10px 0px 0px;
}
.lx2l ul li span{
font-weight: bold;
font-family: 'DINPro-Bold';
font-size: 20px;
}
.lx2l{
float: left;
margin-top: 40px;
}
.lx2l ul li a{
border: 1px #696969 solid;
border-radius: 3px;
color: #696969;
font-size: 14px;
padding: 3px 10px;
margin-right: 5px;
transition: .3s;
}
.lx2l ul li a:hover{
background: #434343;
color: #fff;
}
.lx2r{
width: 350px;
float: right;
}
.koubei{
display: inline-block;
overflow: hidden;
font-size: 16px;
margin-top: 35px;
}
.koubei span{
float: right;
margin: 22px 0px 0px 10px;
}
.slideBox2{ width:100%;height: 155px;position:relative;margin: 30px auto 0px;overflow: hidden;}
.slideBox2 .bd{position:relative;overflow: hidden;}
.slideBox2 .bd li{width: 100%;height: 100%;overflow: hidden;}
.slideBox2 .prev{width:30px;height:10px;display:block;background:url(../images/left_23.png);background-size: 100% 100%;
position:absolute;bottom: 8px;left: 172px;}
.slideBox2 .next{width:30px;height:10px;display:block;background:url(../images/right_23.png);background-size: 100% 100%;
position:absolute;bottom: 8px;left: 220px;}
.slideBox2 .bd li img{
float: left;
width: 150px;
height: 150px;
border: 1px #e7e7e7 solid;
}
.slideBox2 .bd li .cont{
float: left;
margin-left: 20px;
}
.slideBox2 .bd li h3{
font-size: 22px;
font-weight: normal;
line-height: 22px;
margin: 25px 0px 15px 0px;
}
.slideBox2 .bd li p{
font-size: 16px;
margin-top: 5px;
color: #a0a0a0;
}
.lx3{
width: 1200px;
margin: 20px auto 30px;
}
.lx3 ul li{
width: 588px;
height: 200px;
float: left;
box-shadow: 0px 0px 5px #eee;
margin-top: 30px;
box-sizing: border-box;
padding: 25px 25px 0px 15px;
transition: .3s;
}
.lx3 ul li:nth-child(2n){
float: right;
}
.lx3 ul li img{
float: left;
margin-right: 20px;
margin-top: 10px;
}
.lx3 ul li .cont{
overflow: hidden;
}
.lx3 ul li h2{
font-size: 24px;
line-height: 24px;
margin: 20px 0px 25px 0px;
}
.lx3 ul li h2 span{
text-transform: uppercase;
margin-left: 15px;
font-size: 22px;
}
.lx3 ul li p{
font-size: 16px;
line-height: 32px;
}
.lx3 ul li:hover{
box-shadow: 0px 0px 20px #ddd;
}
.lx3 ul li:hover h2{
font-size: 28px;
line-height: 24px;
margin: 20px 0px 24px 0px;
color:#000000;
}
/*鼠标跟随效果CSS*/
#c-followDot {
position: fixed;
top: 0;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #f20000;
z-index: 1000000;
pointer-events: none;
}

#c-followDot .c-default {
position: absolute;
top: -18px;
left: -18px;
width: 40px;
height: 40px;
border: 1px solid #9c9c9c;
border-radius: 50%;
opacity: .2;
box-sizing: border-box;
z-index: 50000;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}

#c-followDot .c-hover {
position: absolute;
top: -38px;
left: -38px;
width: 80px;
height: 80px;
background-color: #bbb;
border-radius: 50%;
opacity: .12;
z-index: 49000;
box-sizing: border-box;
transform: scale(0, 0);
-webkit-transform: scale(0, 0);
-webkit-transition: all 0.6s;
transition: all 0.6s;
}

#c-followDot.c-active .c-default {
transform: scale(0, 0);
-webkit-transform: scale(0, 0);
}

#c-followDot.c-active .c-hover {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
/*=== 结束*/

.abnav{
margin-top: -50px;
overflow: hidden;
position: relative;
z-index: 100;
}
.abnav li{
width: 20%;
height: 78px;
line-height: 78px;
background: #f1f1f1;
text-align: center;
float: left;
}
.abnav li .img{
overflow: hidden;
font-size: 0;
float: left;
margin: 26px 12px 0px 0px;
}
.abnav li .img img:last-child{
display: none;
}
.abnav li a{
display: block;
color: #171717;
font-size: 20px;

transition: 0s!important;
-webkit-transition: 0s!important;
}
.abnav li.cur,.abnav li:hover{
background: #d70000!important;
}
.abnav li.cur .img img:first-child,.abnav li:hover .img img:first-child{
display: none;
}
.abnav li.cur .img img:last-child,.abnav li:hover .img img:last-child{
display: block;
}
.abnav li.cur a,.abnav li:hover a{
color: #fff;
}
#alnav{
width: 1400px;
margin: 0px auto;
}
#alnav li{
width: 16.66%;
}
.alcenter{
display: inline-block;
}
.al-banner{
margin-top: 330px;
margin-bottom: 80px;
}
.al-banner .box{
width: 1400px;
margin: 0px auto;
color: #fff;
}
.al-banner h2{
font-size: 50px;
margin: 0px;
line-height: 80px;
}
.al-banner p{
font-size: 30px;
text-transform: uppercase;
font-weight: bold;
}
#xwnav li{
background: #fff;
}
.ban-gray{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: rgba(0,0,0,.4);
}

@media screen and (max-width:1500px) {
.al-banner .box{width: 1200px;}
#alnav{width: 1200px;}
.anliquanping{width: 1200px!important;}
}