*{ margin: 0; padding: 0; outline: none;}
ul{ list-style: none;}
a{ color: #333; text-decoration: none;}
img{ display: inline-block; max-width: 100%;}
body { font-family: 'Microsoft YaHei', sans-serif; font-size: 12px; line-height: 18px; color: #333;}
body,textarea,input,option{font-size:12px; font-family:"microsoft yahei", arial; -webkit-text-size-adjust: none; }
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,textarea,input,select,form{margin:0; font-weight: normal; }
th,td,ul,ol,textarea,input{padding:0}
a{text-decoration:none}
a:hover{text-decoration:none;}
table{border-collapse:collapse}
li{list-style:none}
img{border:none}
img,label,input{vertical-align:middle; background: transparent; border: 0; }
textarea,a,input{outline:none}
textarea{overflow:auto;resize:none}
.clear{clear:both;}

.l{ float:left;}
.r{ float:right;}
.c1200{ width:1200px; margin:0 auto; min-width:1200px;}


.header{ background:#eee; width:auto; height:100px; text-align:center;}
.header .headderCont{ width:1200px; height:auto; margin:0 auto; position:relative;}
.header .headderCont .contLeft{ float: left; padding-top: 25px;}
.header .headderCont .contRight{ float: right; text-align: right;}
.header .logo{display: block; margin-left:0; width:170px; height:50px;}

.contRight .nav{ height:80px; margin:10px auto ;}
.contRight .nav .m{position:relative;float:left; text-align:center;}
.contRight .nav h3{font-weight:normal; margin: 0 60px; height:80px;}
.contRight .nav h3 a{display:block; font-size:16px; color:#666; line-height: 50px; padding-top: 10px; margin: 0 0;}
.contRight .nav .on h3 {  }
.contRight .nav .on h3 a{ color:#e20011; border-bottom: solid 3px #e20011; }
.contRight .nav .sub{display:none;width:170px;padding: 0;position:absolute;left:50%; margin-left: -85px; top:80px;background:#fff;float:left;line-height:40px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1); z-index: 999999;}
.contRight .nav .sub li{text-align:center;}
.contRight .nav .sub li a{color:#333; font-size: 14px;; display:block;zoom:1;}
.contRight .nav .sub li a:hover{background:#e20011;color:#fff;}


.banner{position: relative;width:1200px;height:450px;overflow: hidden; margin:0 auto}
.banner .pic img{width:1200px;height:450px;display: block;}
.banner .hd{overflow:hidden;zoom:1;position:absolute; width: 100%; bottom:5px;z-index:3;  display: inline-block;}
.banner .hd ul{text-align: center;}
.banner .hd li{ display: inline-block; *display:inline;zoom:1; line-height:15px;text-align:center;font-size:12px;width:10px;height:10px;cursor:pointer;overflow:hidden;background:#fff; border-radius: 50%; margin:0 2px;filter:alpha(opacity=80);opacity:.8;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.banner .hd .on{background:#e20011;filter:alpha(opacity=100);opacity:1;}
.banner .prev, .banner .next{width:53px;height:53px;position:absolute;top:199px;z-index:3;filter:alpha(opacity=20);-moz-opacity:.2;opacity:.2;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.banner .prev{background-image:url(../image/banner.png);background-position:0 0;left:20px}
.banner .next{background-image:url(../image/banner.png);background-position:-53px 0;right:20px}
.banner .prev:hover, .banner .next:hover{filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6}





.main{ width:auto; min-width: 1200px;}

.mainNews{ text-align: center; padding: 20px 0;}
.mainNews .newsTit{ background: url(../image/news_tit.png); width: 168px; height: 23px; display: inline-block; margin-bottom: 20px;}
.mainNews .newsCont{ width: 1200px; margin: 0 auto; overflow: hidden;}
.mainNews .newsCont a{ position: relative; margin-left: 800px; width: 400px; height: 170px; display: block; margin-bottom: 10px; position: relative;}
.mainNews .newsCont .contTit{ transition:all 0.5s; position:absolute; left:0; bottom:0; width:100%; height:40px;background:rgba(0, 0, 0, 0.6); font-size:14px; line-height:40px; color: #fff;}
.mainNews .newsCont .contTit h3{ padding: 0 20px; text-align: center;}
.mainNews .newsCont a img{ display: block;}
.mainNews .newsCont a.first{ width: 788px; height: 350px; float: left; margin: 0;}
.mainNews .newsCont a:hover .contTit{height: 100%;line-height: 22px;}
.mainNews .newsCont a:hover .contTit h3{padding-top: 70px;}
.mainNews .newsCont a.first:hover .contTit h3{padding-top: 160px;}

.mainBrand{ background: #eee; text-align: center; padding: 20px 0 30px;}
.mainBrand .brandTit{ background: url(../image/brand_tit.png); width: 168px; height: 23px; display: inline-block; margin-bottom: 20px;}
.mainBrand .indexBox {width:1200px; height:240px; margin: 0 auto;}
.mainBrand .indexBox a {float:left; width:240px; height:100px; text-align:center; display: block; transition: all 0.5s; margin:10px 0 20px;}
.mainBrand .indexBox .logo {display:block; width:240px; height:80px;}
.mainBrand .indexBox .logo img{ width:200px; height:70px;}
.mainBrand .indexBox a span { color:#989898; font-weight:bold; line-height:14px; height:20px; line-height:20px; }
.mainBrand .indexBox a:hover span {color:#e20011; }
.mainBrand .indexBox a:hover{transform: translateY(-5px);}

.mainCompony{ text-align: center; padding: 20px 0 30px;}
.mainCompony .componyTit{ background: url(../image/compony_tit.png); width: 168px; height: 23px; display: inline-block; margin-bottom: 20px;}
.mainCompony .componyCont{ overflow: hidden; width: 1208px; margin: 0 auto;}
.mainCompony .componyCont a{ width: 292px; height: auto; display: block; float: left; margin: 0 5px; overflow: hidden;}
.mainCompony .componyCont .imgBox{ width: 292px; height: 190px; overflow: hidden;}
.mainCompony .componyCont a img{ width: 100%; height: 100%; display: block; transition: all 1s;}
.mainCompony .componyCont a:hover img{ transform: scale(1.05);}
.mainCompony .componyCont h3{ font-size: 14px; text-align: center; line-height: 22px; color: #666666; padding: 10px;}
.mainCompony .componyCont a:hover h3{ color: #D6000F;}


.footer {margin:auto; border-top:2px solid #ddd;  }
.footerBox {  width:1200px; margin:0 auto; height:120px;}
.footerRight{ float:right; width:340px; text-align:right; margin-top:20px;}
.footerRight span { display:inline; float:right; width:108px; height:49px; background: url(../image/tel.jpg) 0 0 no-repeat;  text-align:center; font-size:14px; color:#999; font-weight:bold; text-align:center; margin-left:11px; }
.footerRight span ins { text-decoration:none; display:block; color:#6c6b6b; text-align:left; font-weight:normal; font-size:12px; text-indent:9px; padding-top:7px; padding-bottom:0px;+padding-bottom:3px;_padding-bottom:3px; text-indent:34px;}
.footerLeft { float:left; width:600px; text-align: left}
.footerLeft .url { margin-top:30px; display:inline-block;}
.footerLeft .url a { float:left; border-right:#ddd solid 1px; padding:0 8px;}
.footerLeft .url a.footerLast { border:none;}
.footerLeft p { color:#999; line-height:30px;}



/* page */
.pageBanner{  margin:0 auto; width:1200px; height:220px; overflow: hidden;}
.pageBanner img{height:220px;}

.pageNav{ width:220px; margin:20px auto 0; padding:0;}
.pageNav li{ float:left; border-bottom:1px solid #fff;}
.pageNav li a{ display:block; padding:0; line-height:40px; height:40px; width:220px; text-align:center; font-size:14px; background:#fafafa;}
.pageNav li a:hover{ background:#d6000f; color:#fff;}
.pageNav li.select a{ background:#d6000f; color:#fff;}
.pageTel{border:1px solid #eee; margin:0 0 20px;}
.pageTel .title{line-height:40px; height:40px; width:198px; background:#fafafa; color:#d6000f; border-bottom:1px solid #eee; padding-left:20px;}
.pageTel .cont{font-size:12px; line-height:24px; padding:10px 10px;}

.pageCont{ width:960px; margin:20px auto 30px; min-height:360px; border:1px solid #eee;}
.pageCont .crumbs{ line-height:40px; height:40px; width:940px; background:#fafafa; color:#ccc; border-bottom:1px solid #eee; padding-left:20px;}
.pageCont .crumbs a{color:#aaa;}
.pageCont .crumbs a:hover{ color:#d6000f; text-decoration:underline;}
.pageCont .crumbs span{ margin:0 6px;}
.pageCon{font-size:12px; line-height:30px; padding:20px 30px;}
.pageCon img{ max-width:1200px; margin:8px 0;}

.pages{ margin:30px 0; text-align:center; font-size:12px;}
.pages a { display:inline-block; height:32px; line-height:32px; background:#fff; border:1px solid #eee; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#d6000f;  border:1px solid #d6000f; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:36px; line-height:36px; background:#d6000f; color:#fff; text-align:center; padding:0 14px; margin:0 2px;}


/* pageNews */
.pageNews{padding:20px 30px;}
.pageNews ul li{ width:100%;  margin:0; float:left; transition: all 0.3s ease;}
.pageNews ul li .cont{ width:100%; padding:10px 0; border-bottom:1px solid #eee;}
.pageNews ul li .cont p{ font-size:16px; line-height:30px; color:#333; font-weight:bold;}
.pageNews ul li .cont span{ font-size:12px; line-height:24px; color:#999;}
.pageNews ul li:hover .cont p ,.pageNews ul li:hover .cont span{ color:#d6000f;}
.pageNews ul li:hover .cont{background:#fafafa; border-bottom:1px solid #fafafa; padding:10px 20px; margin-left:-20px;}

.NewsDetailTitle{ text-align:center; font-size:20px; font-weight:bold; line-height:30px; margin:20px 30px 0;}
.NewsDetailSubtitle{ text-align:center; font-size:14px; color:#ccc; line-height:30px; padding-bottom:10px; border-bottom: dotted 1px #ccc;  margin:0 30px;}
.NewsDetailDe{ border:1px solid #eee; background:#fafafa; padding:6px 12px; line-height:30px; color:#999; margin:10px 30px 0;}
.NewsDetailKeywords{ color:#aaa; line-height:24px; padding-top:10px; margin-top:20px;  border-top: solid 1px #ddd; margin:0 30px;}
.NewsDetailPn{color:#aaa; line-height:24px; margin:0 30px 10px;}


.pageDownload{padding:20px 30px;}
.pageDownload li{ width:100%;  margin:0; float:left; font-size:14px; border-bottom:1px solid #eee; line-height:50px; height:50px;}
.pageDownload li p{ width:80%; float:left;}
.pageDownload li a{ float:right; line-height:34px; border-radius:3px; text-align:center; width:100px; display:block; height:34px; margin:8px 0; background:#d6000f; color:#fff;}


/* pageImgList */
.pageImg{ width:930px; margin:15px 0 0 15px;}
.pageImg li{ width:280px; height:270px; margin:15px; overflow:hidden; background:#000; float:left; position:relative;}
.pageImg .img{ width:100%; height:220px; position:absolute; left:0; top:0;}
.pageImg .text{ width:100%; height:50px; line-height:50px; text-align:center; padding:0 0 30px 0; overflow:hidden; font-size:14px; background:#fafafa; position:absolute; left:0; bottom:-30px;}
.pageImg li:hover .text{ color:#fff; background:#d6000f url(../image/iconImgArrow.png) center 40px no-repeat;}

#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 105;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 105;}
#boxer .boxer-close{background:url(../image/iconImg.png) no-repeat 0px 0px; cursor:pointer; display:block; height:50px; position:absolute; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#d6000f url(../image/iconImg.png) no-repeat 0px 0px;}
#boxer .boxer-arrow{background:#000 url(../image/iconImg.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:-50px;}
#boxer .boxer-arrow.previous:hover{ left:-50px; background:#d6000f url(../image/iconImg.png) no-repeat 0 -50px;}
#boxer .boxer-arrow.next{background-position:-50px -50px; right:-50px;}
#boxer .boxer-arrow.next:hover{ right:-50px; background:#d6000f url(../image/iconImg.png) no-repeat -50px -50px;}
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0;}
#boxer.loading .boxer-container{background: #fff url(http://www.51generator.com/schtml/default/images/loading.gif) no-repeat center;}