/*golbal*/
.topImg{ width:100%; background:url(../../images/topImg_bg.jpg); height:0px; overflow:hidden;}

.m{ width:1190px; margin:0 auto}
.header{ width:100%; border-bottom:2px solid #cf0200}
.header_search{ height:80px; background:#202223; display:none}
.header_search .search-box { background: #666; box-shadow: 0 1px 2px rgb(0, 0, 0);  height: 40px; left: 50%; margin-left: -350px;
 position: relative; top: 20px;  width: 700px; z-index: 9999; display:none}
.header_search .search-box input { background: #fff none repeat scroll 0 0; border: medium none;color: #555;font-size: 14px;   height: 20px; overflow: hidden; padding: 10px 15px; vertical-align: middle; width: 550px;}
.header_search .search-box button {background: #F00; border: medium none; color:#fff; cursor: pointer; font-size: 14px; height: 40px; outline: medium none; overflow: hidden; text-align: center; transition: background 0.2s ease-in-out 0s; vertical-align: middle; width: 115px;}
.header_search .search-box button:hover {opacity:0.9; background:#f00}
.header_search .search-box button:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;}
.header_search .search-box .close{ color:#fff; position: absolute; right:-25px; top: 10px; font-size:20px;-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-o-transition: -o-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out}
.header_search .search-box .close:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.header_Top{ height:35px; background:#cf0200; text-align:right}
.header_Top a{ float:right; padding:0 15px; line-height:35px; border-right:1px solid #e78180; color:#fff;  display:inline-block; }
.header_Top a.shop_car{ border-right:0; position:relative}
.header_Top a.shop_car i{ width:20px; height:20px; border-radius:15px; background:#FF0; position:absolute; top:0; right:0; font-size:14px; text-align:center; line-height:20px; color:#000; font-weight:bold;-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-o-transition: -o-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out}
.header_Top a:hover{ opacity:0.7; background:#900}
.header_Top a.shop_car:hover i{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.header_c{ height:80px}
.header_c .logo{ width:197px; padding-top:20px}

#nav-menu{height:80px; position:relative; z-index:4}
#nav-menu .container{position:relative;}
#nav-menu .menu li{position:relative;float:left;display:inline}
#nav-menu .menu li a.xialaguang{ padding:0 25px;height:80px; line-height:80px;color:#000; opacity:0.6;font-size:18px; font-weight:600; display:inline-block;text-align:center;text-decoration:none}
#nav-menu .menu li a.xialaguang span { padding: 4px 2px;}
#nav-menu .menu li a.on span{border-bottom: 2px solid #cf0200;}
#nav-menu .menu li a.xialaguang:hover{ opacity:1}
#nav-menu .menu li i{ position:absolute; bottom:-10px; left:50px; color:#cf0200; font-size:30px; display:none}
#nav-menu .menu li a.navhover{ opacity:1}
#nav-menu .menu .children{position:absolute;top:80px;width:140px; left:-15px; display:none}
#nav-menu .menu .children li{width:100%;display:block;}
#nav-menu .menu .children li a{height:40px;line-height:40px;overflow:hidden; background:#cf0200;display:block;text-align:center;font-size:16px;}
#nav-menu .menu .children li a{ color:#fff}
#nav-menu .menu .children li a:hover{ color:#fff; opacity:0.6;}


.box_1{ overflow:hidden; padding:100px 0}
.box_1 .wbody{ width:540px}
.box_1 .wbody a.iph_1{ width:540px; height:240px; background:url(../..//images/K5.jpg) no-repeat; display:inline-block; position:relative}
.box_1 .wbody a.iph_1 span{ position:absolute; top:-45px; left:143px; width:0; height:0}
.box_1 .wbody a.iph_2{ width:540px; height:240px; background:url(../..//images/x11f.jpg) no-repeat; display:inline-block; position:relative}
.box_1 .wbody a.iph_2 span{ position:absolute; top:-45px; left:143px; width:0; height:0}

@keyframes fade-in {  
  0% {opacity: 0;}
  40% {opacity: 0;}
  100% {opacity: 1;}
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
  0% {opacity: 0;}  
  40% {opacity: 0;}  
  100% {opacity: 1;}  
}  
.box_1 .wbody span {    
animation: fade-in;/*动画名称*/  
animation-duration: 1.5s;/*动画持续时间*/  
-webkit-animation:fade-in 1.5s;/*针对webkit内核*/  
}  

.box_1 h1{ text-align:center; padding-top:80px; font-size:30px}
.box_1 p{ font-size:18px;text-align:center;}

.box_2{ padding-bottom:100px}
.box_2 .video{ width:360px; margin-right:55px}
.box_2 .video h1{ font-size:22px; color:#cf0200}
.box_2 .video h2 a{ color:#000; font-size:18px; padding-top:10px; display:inline-block}
.box_2 .video h2 a:hover{ color:#b90700}
.box_2 .video .info{ padding-top:25px; position:relative}
.box_2 .video .info img{width:360px; height:280px}
.box_2 .video .info a{ width:360px; height:280px; background:#000; opacity:0.7; position:absolute; top:25px; left:0; display:none}
.box_2 .video .info a i{ font-size:100px; position:absolute; top:80px; left:130px; color:#b90700}
.box_2 .video .info:hover a{ display:block}
.box_2 .news{ width:360px}
.box_2 .news h1{ font-size:22px; color:#cf0200}
.box_2 .news h2 a{ color:#000; font-size:18px; padding-top:10px; display:inline-block}
.box_2 .news h2 a:hover{ color:#b90700}
.box_2 .news ul{ padding-top:8px}
.box_2 .news ul li{float:left; width:100%; padding-top:16px}
.box_2 .news ul li .fl{ width:80px; height:80px; overflow:hidden}
.box_2 .news ul li .fl img{width:80px; height:80px; opacity:0.8;transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all 1s ease-in;}
.box_2 .news ul li .fl a:hover img{opacity:1;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform: scale(1.2);}
.box_2 .news ul li .fr{ width:255px}
.box_2 .news ul li .fr h1 a{ width:255px; height:18px; font-weight:600; color:#333; font-size:15px; display:inline-block; overflow:hidden}
.box_2 .news ul li .fr h1 a:hover{ color:#b90700}
.box_2 .news ul li .fr .info{color:#333; font-size:13px; line-height:20px; padding:5px 0}
.box_2 .news ul li .fr p{ font-size:13px; color:#9b9b9b}
.box_2 .weibo{ width:360px}
.box_2 .weibo > .box_head{ height:40px; color:#0a69b4; position:relative; line-height:40px; padding-left:30px; background:url(/Images/images/t_icon_01.gif) no-repeat center top; border:1px solid #d2d2d2; border-top:0}
.box_2 .weibo > .box_head i{ color:#e20803; position:absolute; left:5px; top:8px; font-size:20px}
.box_2 .weibo > .box_body{border:1px solid #d2d2d2; border-top:0}

.t_ab{ width:100%; background:#cf0200}
.fservice{overflow:hidden}
.fservice ul{ width:1400px; margin:15px auto; color:#fff; clear:both; position:relative;overflow:hidden;}
.fservice ul li{ float:left; width:280px; margin-right:50px; font-size:18px; position:relative; left:0; border-right:1px solid #dd4e4d}
.fservice ul li b{ padding-top:10px; display:block;font-size:18px;}
.fservice ul li span{ float:left; width:74px; height:72px; margin:0px 10px 0px 0px; overflow:hidden; background-image:url(/Images/images/t_anb.png); background-repeat:no-repeat;}
.fservice ul li span.Fi01{ background-position:0px 0;}
.fservice ul li span.Fi02{ background-position:-79px 0;}
.fservice ul li span.Fi03{ background-position:-154px  0;}
.fservice ul li span.Fi04{ background-position:-232px 0;}

/*底部列表*/
.fotList{ background:#e8e8e8}
.flc{ padding:25px 50px 0 92px;}
.Flink{ float:left;  padding:30px 0px 30px;}
.Flink dl{ float:left; width:196px;}
.Flink dl dt{ font-size:16px; font-weight:bold; padding-bottom:20px;  width:196px; color:#cf0200;}
.Flink dl dd{ line-height:30px;}
.Flink dl dd a{ color:#4c4948; font-size:16px; width:90px; display:block;}
.Flink dl dd a:hover{ color:#cf0200}
.fsina{ float:left; padding-top:30px}
.fsina dl dt{ font-size:16px; font-weight:bold; padding-bottom:20px;  width:196px; color:#cf0200;}
.fsina dl dd{ width:196px; margin-top:8px}
.fsina dl dd a{ height:30px; display:block; line-height:30px; color:#4c4948; font-size:16px; position:relative; padding-left:36px}
.fsina dl dd a i{ width:29px; height:29px; position:absolute; top:0px; left:0}
.fsina dl dd a i.fa-weibo{ font-size:30px; color:#cf0200}
.fsina dl dd a i.fa-weixin{font-size:25px; color:#cf0200}
.fsina dl dd a:hover{ color:#cf0200}
.finCont{ float:left; width:226px; padding-top:30px}
.finCont dl dt{ font-size:16px; font-weight:bold; width:226px;padding-bottom:20px;  color:#cf0200; }
.finCont dl dd{width:250px; display:block; float:left; font-size:15px}
.finCont dl dd b{ padding-top:10px; display:block; font-size:16px;}
.finCont dl dd i{float:left; width:39px; height:; margin:20px 10px 0px 0px; overflow:hidden}
.finCont dl dd i.fa-headphones{font-size:35px; color:#cf0200}
.finCont dl dd i.fa-fax{font-size:35px; color:#cf0200}
.copyright{ width:100%; height:50px;line-height:50px; text-align:center; border-top:1px solid #ddd; font-size:14px}
