@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th, td,img{margin:0;padding:0;}
body,button, input, select, textarea {font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;/*-webkit-user-select:none;*/-webkit-text-size-adjust:none;color:#333 ;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol,li{list-style-type:none;}
img {-ms-interpolation-mode:bicubic;border:none;vertical-align:top;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
a {color:#333;transition:all 0.2s;}
a:hover {color:#bb1716;}
.clear { clear:both; height:0; font-size:0px; line-height: 0px; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1; }
.fl { float:left;}
.fr { float:right;}
a,input,button{ outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;}
.wrap {width:1200px;margin:0 auto;}

/*index*/
#header .top {background:#171717 url(../images/top_bg.jpg) no-repeat 50% 0;height:134px;}
#header .top .logo {margin-top:25px;}
#header .top .tel {margin:35px 5px 0 0;}

#header .nav_bar {background-color:#121212;border-top:1px solid #212121;border-bottom:1px solid #212121;height:36px;}
#header .nav_bar .nav{ line-height:36px;height:36px;position:relative; z-index:1;  }
#header .nav_bar  .nav a{ color:#fff; font-size:15px;}
#header .nav_bar  .nav .nLi{ float:left;  position:relative; display:inline;}
#header .nav_bar  .nav .nLi h3{ float:left;  }
#header .nav_bar  .nav .nLi h3 a{ display:block;width:150px;font-size:16px; font-weight:bold;height:36px;line-height:36px;text-align:center;}
#header .nav_bar  .nav .sub{ display:none; width:165px; left:0; top:36px;background:#121212;  position:absolute;  line-height:2.5; padding:5px 0;  }
#header .nav_bar  .nav .sub li{ zoom:1; }
#header .nav_bar  .nav .sub a{ display:block; padding:0 0 0 10px; }
#header .nav_bar  .nav .sub a:hover{ background:#bb1716; color:#fff;  }
#header .nav_bar  .nav .on h3 a{ background:#bb1716; color:#fff;   }


#banner_slideBox{ position:relative;}
#banner_slideBox .hd{ height:15px; overflow:hidden; position:absolute;left:50%;bottom:10px; z-index:1;}
#banner_slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
#banner_slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px;border-radius:15px; text-indent:-9999px;background:#ddd; cursor:pointer; }
#banner_slideBox .hd ul li.on{ background:#bb1716}
#banner_slideBox .bd{ position:relative; height:100%; z-index:0;   }
#banner_slideBox .bd li{ zoom:1; vertical-align:middle; }
#banner_slideBox .bd .banner_img{display:block;width:100%;height:600px;}
#banner_slideBox .prev,#banner_slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-48px; display:block; width:52px; height:97px; background:url(../images/slider-arrow.png) 0 -103px no-repeat;transition:none;}
#banner_slideBox .next{ left:auto; right:3%; background-position:-103px -103px;}
#banner_slideBox .prev:hover{background-position:0 0;}
#banner_slideBox .next:hover{background-position:-103px 0;}


#container .product {background:url(../images/product_bg.jpg) no-repeat 50% 0;height:731px;}

#container hgroup.index_tit {text-align:center;padding:40px 0 30px;}
#container hgroup.index_tit  h6 {line-height:2;color:#666;font-size:20px;text-transform:uppercase;}
#container hgroup.index_tit  h3 {background:url(../images/tit_bg_grey.png) no-repeat 50% 0;font-size:24px;height:25px;line-height:22px;color:#444;}

#product_slideBox .hd li {float:left;width:180px;height:40px;line-height:40px;border:1px solid #464646;margin:0 8px;text-align:center;font-size:15px;background-color:#fff;color:#464646;cursor:pointer;}
#product_slideBox .hd li.on {background-color:#de0000;border:1px solid #de0000;color:#fff;}

#product_slideBox .bd {height:544px;overflow:hidden;}
#product_slideBox .bd .bd_wrap {height:544px;}
#product_slideBox .bd .bd_wrap ul li {float:left;margin:15px 22px 0;}
#product_slideBox .bd .bd_wrap ul li a {display:block;padding:5px;background-color:#ffffff;text-align:center;}
#product_slideBox .bd .bd_wrap ul li a img {width:346px;height:346px;}
#product_slideBox .bd .bd_wrap ul li a h6 {font-size:20px;color:#555;line-height:2;}
#product_slideBox .bd .bd_wrap ul li a:hover {background-color:#de0000;}
#product_slideBox .bd .bd_wrap ul li a:hover h6 {color:#fff;}

#product_slideBox .bd .bd_wrap .btn_more {display:block;width:160px;height:36px;line-height:36px;text-align:center;background-color:#fff;margin:30px auto 0;transition:all 0.3s;font-size:16px;color:#555;}
#product_slideBox .bd .bd_wrap .btn_more:hover {transform:translateX(2px);background-color:#de0000;color:#fff;}


#container .news_about {background:url(../images/news_about_bg.jpg) no-repeat 50% 0;height:546px;color:#fff;}
#container .news_about .news {width:550px;}
#container .news_about .about {width:475px;}
#container .news_about h5 {font-size:20px;padding-top:50px;}
#container .news_about h3 {font-size:24px;font-weight:bold;padding-bottom:10px;}
#container .news_about .news h3 a {float:right;display:inline-block;font-size:14px;font-weight:normal;border:1px solid #fff;padding:5px 8px;color:#fff;}
#container .news_about .news h3 a:hover {color:#de0000;border:1px solid #de0000;}
#container .news_about .news ul li {margin-top:30px;}
#container .news_about .news .news_date {text-align:center;border:1px solid #fff;line-height:1;padding:8px;}
#container .news_about .news .news_date strong {font-size:40px;}
#container .news_about .news .news_tit {width:420px;margin-left:20px;}
#container .news_about .news .news_tit h6 {padding-bottom:5px;}
#container .news_about .news .news_tit h6 a {font-size:20px;color:#fff;}
#container .news_about .news .news_tit h6 a:hover {color:#de0000;}
#container .news_about .news .news_tit p {font-size:15px;line-height:1.2;}
#container .news_about .about p {font-size:15px;margin-top:30px;line-height:2;}
#container .news_about .about .btn_more {display:block;font-size:21px;color:#fff;width:180px;height:50px;line-height:50px;text-align:center;border:1px solid #fff;margin-top:100px;}
#container .news_about .about .btn_more:hover {transform:translateX(2px);background-color:#de0000;}


#container .advantage {background:url(../images/advantage_bg.jpg) no-repeat 50% 0;height:685px;}
#container .advantage ul li {float:left;width:283px;height:430px;background-color:#2a2a2a;color:#fff;margin:0 8px;overflow:hidden;}
#container .advantage ul li.advantage_2 {background-color:#da0000;}
#container .advantage ul li h5 {font-size:20px;text-align:center;font-weight:bold;padding:18px 0 15px;}
#container .advantage ul li p {color:#aeaeae;padding:0 10px;}
#container .advantage ul li.advantage_2 p {color:#fff;}
#container .advantage ul li img {display:block;width:283px;height:304px;}
#container .advantage ul li.advantage_2 img {margin-top:21px;}


#container .case {background:url(../images/case_bg.jpg) no-repeat 50% 0;height:718px;}
#container .case hgroup.index_tit  h6 {color:#de0000;}
#container .case hgroup.index_tit  h3 {background:url(../images/tit_bg_red.png) no-repeat 50% 0;color:#de0000;}
#container .case ul li {float:left;margin:15px 22px 0;}
#container .case ul li a {display:block;padding:5px;background-color:#ffffff;text-align:center;}
#container .case ul li a img {width:346px;height:346px;}
#container .case ul li a h6 {font-size:20px;color:#555;line-height:2;}
#container .case ul li a:hover {background-color:#de0000;}
#container .case ul li a:hover h6 {color:#fff;}
#container .case .btn_more {display:block;width:160px;height:36px;line-height:36px;text-align:center;background-color:#fff;margin:30px auto 0;transition:all 0.3s;font-size:16px;color:#555;}
#container .case .btn_more:hover {transform:translateX(2px);background-color:#de0000;color:#fff;}

#container .partners {background:url(../images/partners_bg.jpg) no-repeat 50% 0;height:318px;}
#container .partners ul li {float:left;margin:10px 5px 0;}
#container .case ul li img {width:230px;height:80px;}

#footer .footer_nav {background-color:#a31514;height:46px;}
#footer .footer_nav ul li {float:left;width:150px;line-height:46px;text-align:center;}
#footer .footer_nav ul li a {color:#fff;}
#footer .footer_copyright {background:#282828 url(../images/footer_bg.jpg) no-repeat 50% 0;height:172px;padding-top:45px;}
#footer .footer_copyright .footer_contact {width:540px;color:#fff;}
#footer .footer_copyright .footer_contact p {line-height:2;}
#footer .footer_copyright .footer_contact p a {color:#fff;}
#footer .footer_copyright .footer_contact p a:hover  {color:#bb1716;}

/*list*/
#container .con_padd {padding:30px 0;}
#container .left_aside {float:left;width:260px;}
#container .left_aside .left_menu h3 {font-size:24px;background-color: #da0000;color:#fff;text-align:center;line-height:2;}
#container .left_aside .left_menu li {line-height:2;margin-top:5px;font-size:18px;text-align:center;}
#container .left_aside .left_menu li a {display:block;border:1px solid #ccc;}
#container .left_aside .left_menu li a:hover,#container .left_aside .left_menu li a.active {border:1px solid #da0000;color:#da0000;}
#container .left_aside .left_box {margin-top:20px;}
#container .left_aside .left_box h4 {font-size:18px;border-bottom:2px solid #da0000;line-height:2;padding-left:10px;}
#container .left_aside .left_box .left_con {padding:10px 0;}
#container .left_aside .left_box .left_con p {font-size:15px;line-height:2;color:#666;}
#container .left_aside .left_box .left_con li {line-height:2;}
#container .left_aside .left_box .left_con li a {color:#666;}
#container .left_aside .left_box .left_con li a:hover {color:#da0000;}
#container .left_aside .left_box .left_con li span {color:#999;float:right;}
#container .left_aside .left_box .left_con i img {margin-top:6px;}



#container .right_con {float:right;width:900px;}
#container .right_con .right_pos {border-bottom:1px solid #bbb;overflow:hidden;height:40px;}
#container .right_con .right_pos  h2 {font-size:22px;color:#da0000;line-height:2;}
#container .right_con .right_pos  h2 span {float:right;font-size:15px;margin-top:10px;color:#888;}
#container .right_con .right_pos  h2 span a {color:#888;}
#container .right_con .right_pos  h2 span a:hover {color:#333;}
#container .right_con .right_pos  h2 span img {margin-top:5px;}
#container .right_con .list_con li {border-bottom:1px dashed #ccc;padding:15px 0 10px;}
#container .right_con .list_con li h6 {font-size:17px;line-height:2;background:url(../images/icon-tit.png) no-repeat left center;text-indent:5px;}
#container .right_con .list_con li h6 span {float:right;font-size:15px;color:#888;}
#container .right_con .list_con li p {color:#666;}

/* 分页 */
#pages { padding:14px 0 10px; font-family:宋体;text-align:center; }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#da0000; border:1px solid #da0000; color:#fff; text-align:center;padding:0 10px}


/*show*/
#container .right_con .show_con {padding:20px;}
#container .right_con .show_con h1.show_tit {text-align:center;line-height:2;color:#333;font-size:26px;}
#container .right_con .show_con .show_time {font-size:13px;text-align:center;color:#777;}
#container .right_con .show_con .show_content {padding:20px 0;}
#container .right_con .show_con .show_content p,#container .right_con .show_con .show_content div {font-size:15px;color:#555;margin-bottom:10px;}
#container .right_con .show_con .page_next {padding-top:30px;color:#555;}


/*pic*/
#container .right_con .list_product_con {padding:15px 0 10px;}
#container .right_con .list_product_con li {float:left;margin:10px 10px 0;}
#container .right_con .list_product_con li a {display:block;padding:5px;background-color:#ffffff;text-align:center;}
#container .right_con .list_product_con li a img {width:268px;height:268px;}
#container .right_con .list_product_con li a h6 {font-size:16px;color:#555;line-height:2;}
#container .right_con .list_product_con li a:hover {background-color:#de0000;}
#container .right_con .list_product_con li a:hover h6 {color:#fff;}


