@charset "utf-8";
/* ========== public css ========== */
body{font-family: "Microsoft Yahei"}
.w1200{width: 1200px;margin: 0 auto;}
img.lazy{background: url(loading.gif) center center no-repeat;}
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar {width:8px;background-color:#5C5C5C;}
::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae;}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#5C5C5C;}
/* input和textarea placeholder */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder {color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder {color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; }
.left {float: left;}
.right {float: right;}
.overflow {overflow: hidden;}
.hide {display: none;}
.block {display: block;}
.inline {display: inline;}
/* 伪类清除浮动，ie低级浏览器不支持伪类 */
.clear:after {content: '\20'; display: block; height: 0; clear: both; }
.clear {zoom: 1;}
/* class清除浮动 */
.clearfix {clear: both; height: 0; line-height: 0; font-size: 0; visibility: hidden; overflow: hidden;}

/* ========== index css ========== */
.header{border-top: 8px solid #c61c1e;background: #fff;min-width: 1200px;}
.header .header-top{height: 84px;/*border-top: 1px solid #000;background: url(header_top_bg.jpg);*/overflow: hidden;}
.header-top-left {margin:0 auto ; width: 200px; height: 85px;}
.header .header-nav{height: 84px;width: 720px;margin: 0 auto;}
.header .header-nav ul{padding: 0 34px;}
.header .header-nav ul li{float: left;padding-right: 54px;}
.header .header-nav ul li:last-child{padding-right: 0;}
.header .header-nav ul li a{font-size: 14px;/*color: #fff;*/ color:#000;line-height: 84px;}
.header .header-nav ul li.active a{color: #c61c1e;}

.banner{position: relative;height: 530px;width: 100%;}
.banner .bd ul{width: 100% !important;}
.banner .bd li{height: 530px;width: 100% !important;}
.banner .hd{position:absolute; z-index:1; width:100%; bottom:20px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; zoom:1; width:11px; height:11px; margin:10px; overflow:hidden; border-radius: 11px;background: #fff;line-height:9999px;}
.banner .hd ul .on{ background: #c61c1e;}

.search{height: 50px;line-height: 50px;background: #f2f2f2;}
.search form{position: relative;}
.search form input{outline: none;border: none;}
.search form .search-text{width: 300px;height: 32px;text-indent: 10px;border-radius: 5px;}
.search form .search-btn{position: absolute;width: 17px;height:17px;right: 8px;top: 16px;border: none;background: url(search_btn.jpg) no-repeat;cursor: pointer;}
.search .hotword{margin-left: 342px;}
.search .hotword p span{color: #c61c1e;font-size: 14px;font-weight: bold;margin-right: 10px;}
.search .hotword p a{display: inline-block;color: #888;font-size: 14px;margin-right: 30px;}

.product{width: 100%;height: 507px;padding-top: 90px;}
.product .product-inner{}
.article header{margin-bottom: 38px;}
.article hgroup{background: url(hgroup_bg.jpg) 0 bottom no-repeat;}
.article hgroup h2{display: inline-block;margin-right: 10px;font-size: 30px;color: #333;line-height: 70px;font-weight: lighter;}
.article hgroup h3{display: inline-block;font-size: 14px;color: #888;}
.article .all{display: block;margin-top: 20px;font-size: 14px;width: 68px;height: 33px;line-height: 33px;text-align: center;color: #c61c1e;border: 1px solid #ccc;}

.product .product-banner{position: relative;}
.product .product-banner .product-banner-inner{overflow: hidden;}
.product-banner .prev,.product-banner .next{position: absolute;z-index: 9;top: 50%;margin-top: -65px;width: 28px;height: 44px;display: block;font-size: 100px;color: #ccc;}
.product-banner .prev{left: -85px;background: url(honor_prev.png) no-repeat;}
.product-banner .next{right: -85px;background: url(honor_next.png) no-repeat;}

.product .product-banner ul{}
.product-banner ul li{float: left;width: 370px;margin-right: 45px;}
.product-banner li a{display: block;width: 370px;height: 202px;margin-bottom: 15px;overflow: hidden;position: relative;}
.product-banner li a .cover{display: block;width:370px;height: 202px;position: absolute;left: 0;top: 0;background: url(cars_cover_bg.png) center center no-repeat #000;opacity: 0;}
.product-banner li:hover a .cover{opacity: .7;}
.product-banner li h4{font-size: 18px;line-height: 48px;color: #333;border-bottom: 1px solid #e6e6e6;margin-bottom: 5px;}
.product-banner li:hover h4{border-bottom: 1px solid #c61c1e !important;}
.product-banner li p{font-size: 14px;color: #888;line-height: 28px;}

.product2{width: 100%;height: 811px;padding-top: 90px;background: #f7f7f7;}
.product2 .product2-list{}
.product2 .product2-list ul{font-size: 0;}
.product2 .product2-list ul li{width: 280px;height: 264px;float: left;margin-right: 26px;margin-bottom: 30px;position: relative;}
.product2 .product2-list ul li:nth-child(4n){margin-right: 0;}
.product2 .product2-list ul li img{width: 100%;height: 200px;border-bottom: 4px solid #ccc;}
.product2 .product2-list ul li:hover img{width: 100%;height: 200px;border-bottom: 4px solid #c61c1e;}

.product2 .product2-list ul li h4{font-size: 18px;line-height: 60px;text-align: center;color: #333;background: #fff;}
.product2 .cover{display: block;width:280px;height: 200px;position: absolute;left: 0;top: 0;background: url(cars_cover_bg.png) center center no-repeat #000;opacity: 0;}
.product2 li:hover .cover{opacity: .6;}

.about-wrap{height: 780px;background: url(about_bg.jpg) center center;}
.about-wrap .about{margin: 0 auto;text-align: center;padding-top: 95px;}
.about hgroup{}
.about hgroup h2{font-size: 30px;color: #333;line-height: 60px;}
.about hgroup h3{font-size: 14px;color: #888;margin-bottom: 35px;}
.about p{width: 650px;margin: 0 auto;font-size: 14px;color: #666;line-height: 25px;}
.about a.more{display: block;width: 148px;height: 38px;margin: 50px auto;background: #fff;color: #666;font-size: 14px;line-height: 38px;text-align: center;border: 1px solid #ccc;}
.about a.more:hover{background: #aaa;color: #333;border: 1px solid #aaa;}

.video{height: 639px;/*background: url(video_bg.jpg) center center;*/position: relative;}
.video hgroup{text-align: center;position: absolute;top: 270px;width: 100%;}
.video hgroup h2{font-size: 34px;line-height: 60px;color: #fff;}
.video hgroup h3{font-size: 30px;color: #fff;}

.honor{height: 794px;}
.honor .honor-inner{padding-top: 85px;}
.honor-inner .parBd{height: 310px;padding-top: 95px;}
.honor-inner .parBd ul{padding: 0 58px;height: 206px;overflow: hidden;}
.honor-inner .parBd ul li{margin: 0 58px;width: 243px;height: 206px;float: left;}
.honor-inner .parBd .slideBox .tempWrap{width: 100% !important;}
.honor-inner .parBd .slideBox{position: relative;}
.honor-inner .parBd a{position: absolute;width: 28px;height: 44px;z-index: 9999;}
.honor-inner .parBd a.sPrev{left: -60px;top: 80px;background: url(honor_prev.png) no-repeat;}
.honor-inner .parBd a.sNext{right: -60px;top: 80px;background: url(honor_next.png) no-repeat;}

.honor-inner .parHd ul{text-align: center;}
.honor-inner .parHd li{display: inline-block;width: 300px;height: 83px;margin-left: 148px;text-align: center;background: #e6e6e6;cursor: pointer;}
.honor-inner .parHd li span{padding-left: 45px;line-height: 83px;color: #333;font-size: 20px;}
.honor-inner .parHd li:nth-child(1) span{background: url(honor_icon1.png) 0 -40px no-repeat;}
.honor-inner .parHd li:nth-child(2) span{background: url(honor_icon2.png) 0 -40px no-repeat;}
.honor-inner .parHd li:nth-child(3) span{background: url(honor_icon3.png) 0 -40px no-repeat;}
.honor-inner .parHd li.on{background: #c61c1e;}
.honor-inner .parHd li.on span{color: #fff;background-position:  0 -5px;}
.honor-inner .parHd li:nth-child(1){margin-left: 0;}

.news{height: 680px;background: #f2f2f2;}
.news .news-inner{padding-top: 75px;}
.news .news-inner .news-list{}
.news .news-list dl{float: left;margin-right: 40px;margin-bottom: 40px;width: 580px;}
.news .news-list dl:nth-child(2n){margin-right: 0;}
.news .news-list dl>a{float: left;display: block;width: 266px;height: 176px;overflow: hidden;}
.news .news-list dl a img{/*float: left;*/width: 266px;height: 176px;}
/* hover图片放大 */
.imgbig{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.imgbig:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}


.news .news-list dl dt{margin-left: 297px;padding-bottom: 15px;border-bottom: 1px dashed #ccc;}
.news .news-list dl dt h3 a{font-size: 18px;color: #333;line-height: 40px;}
.news .news-list dl dt span,.news .news-list dl dd{font-size: 14px;color: #888;}
.news .news-list dl dd{margin-left: 297px;line-height: 24px;padding-top: 15px;}

.contact-top{height: 115px;padding-top: 65px;background: url(contact_bg.jpg) center center;}
.contact-top p.ch-text{font-size: 20px;color: #fff;text-align: center;line-height: 50px;}
.contact-top p.ch-text span{font-size: 30px;color: #ff2427;}
.contact-top p.en-text{font-size: 14px;color: #e5e5e5;text-align: center;}

.contact{height: 634px;}
.contact .contact-inner{padding-top: 75px;}
.contact .contact-content{}
.contact .contact-content .info{}
.contact .contact-content .info h4{font-size: 18px;color: #333;font-weight: bold;line-height: 50px;}
.contact .contact-content .info p{font-size: 14px;color: #666;line-height: 30px;}
.contact .contact-content .info .contact-icon{width: 112px;height: 25px;margin-top: 15px;background: url(contact_icon.png) no-repeat;}
.contact .contact-icon a{display: block;width: 25px;height: 25px;margin-right: 18px;float: left;}
.contact .contact-icon .weibo{}
.contact .contact-icon .weixin{}
.contact .contact-icon a.qq{margin-right: 0;}

/*.contact .contact-content .form{width: 680px;}
.contact .contact-content .form input{width: 678px;height: 38px;margin-bottom: 20px;text-indent: 1em;border: 1px solid #ccc;}
.contact .contact-content .form input.submit{width: 178px;height: 38px;}*/

.footer{height: 60px;background: #333;}
.footer p{font-size: 14px;color: #fefefe;line-height: 60px;}
.footer p a{font-size: 14px;color: #fefefe;line-height: 60px;}

/* ========== article_list css ========== */
.inside-banner{padding-top: 12px;border-top: 1px #fff solid;background: url(header_top_bg1.jpg);}
.inside-banner img{display: block;height: 216px;}
.wrap{margin-top: 12px;}
.wrap .sidebar{width: 210px;}
.wrap .sidebar a:hover{text-decoration: underline; }
.wrap .sidebar dt a:hover{color: #fe0400;}

.wrap .sidebar .sidecol{margin-bottom: 25px;padding-bottom: 10px;background: #5c5c5c;color: #fff;}
.wrap .sidecol h2{height: 38px;line-height: 38px;padding-left: 12px;font-size: 20px;border-bottom: 1px solid #fff;}
.wrap .sidecol h3{font-size: 16px;line-height: 38px;padding-left: 20px;background: #666;border-radius: 5px;margin: 10px 15px;}
.wrap .sidecol ul{padding: 2px 7px;}
.wrap .sidecol ul li{padding-left: 16px;border-bottom: 1px dotted #fff;}
.wrap .sidecol ul li.current a{color: #f58105;}
.wrap .sidecol a{line-height: 30px;font-size: 12px;color: #fff;}
.wrap .sidecol a:hover{color: #f58105;}
.wrap .sidecol li span{padding-right: 5px;font-size: 10px;font-weight: bolder;color: #fff;}

.wrap .tjcp{border: 1px #dde4ea solid;margin-bottom: 25px;padding-bottom: 10px;}
.wrap .tjcp .tjcp-title{height: 34px; line-height: 34px; border-bottom: 1px #dde4ea solid;padding: 0 16px; overflow: hidden;background: url(tjcp_bg.jpg);}
.wrap .tjcp .tjcp-title h3{font-size: 14px;color: #000;}
.wrap .tjcp .tjcp-title span{font-size: 12px;color: #4c4c4c;}

.wrap .witness{border: 1px #dde4ea solid;margin-bottom: 25px;padding-bottom: 10px;}
.wrap .witness .witness-title{height: 34px; line-height: 34px; border-bottom: 1px #dde4ea solid;padding: 0 16px; overflow: hidden;background: url(witness_bg.jpg);}
.wrap .witness .witness-title h3{font-size: 14px;color: #000;}
.wrap .witness .witness-list dl{border-bottom: 1px #eee dotted; padding: 10px;height: 86px; overflow: hidden;}
.wrap .witness .witness-list dt{font-weight: bold; line-height: 20px; height: 20px; overflow: hidden;}
.wrap .witness .witness-list dd{padding-top: 6px; height: 60px; line-height: 20px; color: #666; overflow: hidden;}
.wrap .witness .witness-list dd img{width: 80px; height: 60px; float: left; margin-right: 10px;}

.wrap .faq{margin-bottom: 25px;padding-bottom: 5px;border: 1px #dde4ea solid;}
.wrap .faqlist{ padding: 3px 10px; height: 330px; overflow: hidden;}
.wrap .faq .faq-title{border-top: 3px #363636 solid; height: 38px; line-height: 38px; background: #f1f1f1; padding-left: 14px; padding-right: 14px; overflow: hidden;}
.faq dl{ border-bottom: 1px #acacac dotted; padding-top: 10px; padding-bottom: 10px;}
.faq dt{ line-height: 16px; background: url(icon_wen.jpg) left top no-repeat; padding-left: 22px;}
.faq dd{ line-height: 16px; background: url(icon_da.jpg) left top no-repeat; margin-top: 5px; padding-left: 22px; color: #999;}

.sidectc{ border: 1px #dde4ea solid;margin-bottom: 25px;}
.sidectc .sidectc-title{ height: 34px; line-height: 34px; border-bottom: 1px #dde4ea solid; background: url(boxTitle4.jpg) repeat-x; padding-left: 16px; padding-right: 16px; overflow: hidden;}
.sidectc .sidectc-title span{font-size: 14px; font-size: 14px; color: #000;}
.sidectc-text{ padding-top: 80px; background: url(left_con.jpg) top no-repeat; padding-left: 12px; padding-right: 12px; line-height: 24px;}

.mainpro{width: 966px;border: 1px solid #dde4ea;min-height: 897px;}
.mainpro .position-box{height: 36px; line-height: 36px; background: url(boxtitle1.jpg) repeat-x; border-bottom: 1px #d9d9d9 solid; padding-left: 14px; padding-right: 14px; overflow: hidden;}
.mainpro .position-title{font-weight: bold;font-size: 14px;color: #000;}
.position a:hover{color: #f58105;text-decoration: underline;}

.mainpro-table table{width: 100%;text-align: center;border-top: 1px #dde4ea solid;border-left: 1px #dde4ea solid;}
.mainpro-table table th{height: 25px;background: #f2f2f2;overflow: hidden;border-bottom: 1px #dde4ea solid;border-right: 1px #dde4ea solid;}

.mainpro-table table td{border-bottom: 1px #dde4ea solid;border-right: 1px #dde4ea solid;padding: 5px;overflow: hidden;}
.mainpro-table table .table-pic img{width: 80px;height: 60px;}
.mainpro-table table .table-shape img{width: 40px;height: 40px;}
.table-more{display: block; background: #f60; height: 20px; line-height: 20px; color: #fff; text-align:center;}

.nocontent{padding:60px;text-align:center}
.pager {color:#333; line-height:30px; padding:25px 0 25px 0; font-size:12px; text-align:center;}
.pager a,.pager span { border: #cccccc 1px solid; padding:0px 10px; color: #666; text-decoration: none;  font-size:12px; height:28px;line-height:28px;display:inline-block;margin:0 3px;}
.pager a:hover { border: #363636 1px solid; color: #fff; background-color: #363636; transition:all 0.6s}
.pager a:active { color: #fff; border: #363636 1px solid; background-color: #363636; }
.pager span.now  { color: #fff; border: #363636 1px solid; background-color: #363636; }
.pager span.disabled { color: #ccc;  border: #ccc 1px solid }  
.content p,.content span,.content a,.content img{margin-bottom:14px;}
.content a{color:#0099E0;}
.content a:hover{text-decoration:underline;}

/* ========== article_list css ========== */
.recom{padding: 10px;}
.recom li{border-bottom: 1px #ddd dotted; padding-top: 10px; padding-bottom: 10px; height: 75px; line-height: 25px; overflow: hidden;}
.recom img{border: 1px #eee solid; padding: 1px; width: 100px; height: 75px; float: left; margin-right: 10px;}

.mainpro-list{padding: 20px 7px;}
.mainpro-list dl{ padding-top: 16px; padding-bottom: 16px; border-bottom: 1px #ccc dotted; height: 132px; overflow: hidden;}
.mainpro-list dl img{ float: left; width: 170px; height: 128px; padding: 1px; border: 1px #d7d7d7 solid;}
.mainpro-list dt{ width: 750px;font-weight: bold; height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; float: right; }
.mainpro-list dt span{float: right;font-size: 12px;font-weight: normal;}
.mainpro-list dt a{ color: #000;}
.mainpro-list dt a:hover{ color: #fe0400;}
.mainpro-list dd{ float: right; width: 750px;  height: 72px; line-height: 24px;  color: #666; overflow: hidden;}
.mainpro-list .more{ height: 20px; padding-top: 8px; overflow: hidden;}
.mainpro-list .more a{ height: 20px; line-height: 20px; width: 83px; text-align:center; color: #fff; background: #ed8b00; display: block;}

.mainpro-list ul li{float: left;width: 215px;margin-right: 30px;}
.mainpro-list ul li:nth-child(4n){margin-right: 0;}
.mainpro-list ul li img{width: 215px;height: 162px;}
.mainpro-list ul li p a{display:block;height: 20px; line-height: 20px; text-align:center; padding-top: 5px; overflow: hidden}

/* ========== article_read css ========== */
.mainpro-list table td{line-height: 25px;}

/* search */
.search_index{padding:50px;background:#fff;}
.search-title span{font-size:24px;color:#333;}
.search-list li{font-size:14px;margin-bottom:7px;padding:7px 0px;border-bottom:1px solid #fff;}
.search-list li span{float:right;}
.search-list li:hover{border-bottom: 1px dashed #ececec;color:#008ee6;}
.search-list li:hover a{color:#008ee6;}

.form_content{position:relative;/*height:350px*/width: 568px;margin: 0 auto;}
.form_content .type_text{/*position:absolute;top:0;right:0;*/}
.form_content .type_text textarea{height:160px}
.form_content .type_seccode{/*position:absolute;bottom:80px;right:0*/}
.form_content .type_seccode  .infoInput{width:110px}
.form_content .type_post{/*position:absolute;bottom:80px;right:0*/}
.form_group {padding-bottom:10px}
.form_group label{color:#666;font-size:14px;line-height:28px}
.form_group label em{color:red;font-size:14px;}
.form_group .infoInput{width:550px;padding:2px 8px ;height:24px;line-height:24px;border:1px solid #ccc}
#feedbackbotton{border:none;outline:none;display:inline-block;padding:8px 16px;background:#333;color:#fff;font-size:16px;cursor:pointer}
#feedbackbotton:hover{background:#666}


.form .form_content .type_text textarea{height:100px}



/**/
.product-wrap{padding: 20px;}
.pro-top{margin-bottom: 30px;}
.pro-top h3{font-size: 20px;font-weight: bold;line-height: 50px;font-family: "宋体";}
.pro-top-l{width: 400px;}
.pro-top-l ul.bigImg{width: 400px;overflow: hidden;}
.pro-top-l ul.bigImg li{float: left;width: 400px;height: 300px;}

.pro-top-l .smallScroll{margin-top: 20px;}
.pro-top-l .smallImg .tempWrap{width: 400px !important;}
.pro-top-l .smallImg li{width: 90px;height: 70px;margin-right: 10px;border: 1px solid #fff;cursor: pointer;}
.pro-top-l .smallImg li.on{border:1px solid #363636;}
/*.pro-top-l .smallImg li img{width: 70px;}*/
.pro-top-r{width: 450px;}
.pro-top-r ul li{font-size: 14px;line-height: 30px;font-family: "宋体";border-bottom: 1px dashed #efefef;}

.pro-main{margin-bottom: 30px;}
.pro-main-title{border-top: 2px solid #363636;font-size: 20px;font-weight: bold;font-family: "Microsoft Yahei";line-height: 50px;background: #efefef;text-indent: 1em;}
.pro-main .pro-main-con{padding: 20px 0;}
.pro-main img{max-width: 100%;}

.pro-bot{}
.pro-bot-con{padding-top: 30px;}
.pro-bot-con dl{float: left;width: 220px;height: 230px;margin:0 15px 20px 0;overflow: hidden;}
.pro-bot-con dl:nth-child(4n){margin-right: 0;}
.pro-bot-con dl dt img{width: 220px;height: 200px;}
.pro-bot-con dl dd a{font-size: 14px;font-family: "宋体";line-height: 30px;}

/*新闻详情页*/
.article-inner{padding: 20px;}
.article-title{text-align: center;font-family: "宋体";font-size: 20px;font-weight: bold;line-height: 28px;border-bottom: 1px dashed #ccc;}
.article-source{text-align: center;font-family: "宋体";font-size: 12px;font-weight: normal;line-height: 30px;}
.article-pic{display: block;margin: 0 auto;max-width: 100%;}
.article-con{font-size: 14px;line-height: 24px;}
.tuijian{width: 95%;margin: 50px auto; }
.tuijian a{color: #696a6a;  font-size: 14px;}

.chanye-list {overflow:hidden}
.chanye-list li{float:left;margin-right:30px;width:380px;height:200px;}
.chanye-list li img{display:block;background:url(loading.gif) center center no-repeat;width:380px;height:200px;}
.chanye-list li a{position:relative;display:block;width:215px;height:200px;color:#fff}
.chanye-list li em{background:#000;width:380px;height:140px;position:absolute;bottom:0;left:0;}
.chanye-list li a p{width:380px;padding-left:20px;position:absolute;bottom:0;left:0;height:127px}
.chanye-list li a .title{font-size:26px;display:block}
.chanye-list li a .more{font-size:16px;display:block;padding-top:10px}
.chanye-list-pop{padding:20px }
.chanye-list-pop img{float:left;display:block;}
.chanye-list-pop p{font-size:14px;line-height:2em;padding-top:20px ;float:right;width:350px;display:block;}
.chanye-list-pop p b{font-size:32px;display:block;color:#efaf00;font-weight:normal;padding:20px 0}