@charset "utf-8";
/* CSS Document */

body{ background-color:#f7f7f7; color:#555555;}
body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family:Microsoft Yahei,sans-serif,"Helvetica Neue",Helvetica,Arial;}
label{ font-weight:normal;}
a{ color:#555555; outline:none;}
a:hover{ color:#faa01e;}
a:focus{ text-decoration:none;}
ol,ul{ list-style:none; padding-left:0; margin:0;}
h1,h2,h3,h4,h5,p{ margin:0;}

.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb22{ margin-bottom:22px;}

.transition,
.transition a,
.transition .time,
.page-list a,
.page-go input[type=submit],
.latest .hd a{ 
-moz-transition:all .2s ease-out;
-webkit-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;
}

.masthead{ height:30px; line-height:30px; overflow: hidden; text-align:right; background-color:#303030; color:#fffde0;}
.masthead .tell{ color:#7c7c7b; padding:4px 0 4px 28px; margin:0 20px; background:url(../images/tell.png) no-repeat left center;}
.masthead .tell em{ font-family:Georgia, Simsun; color:#fffde0;}
.masthead .email{ margin-right:25px; padding:4px 0 4px 28px; background:url(../images/email.png) no-repeat left center; color:#7c7c7c;}



/*----------header----------*/
.wrap2 { width: 1200px; margin: 0 auto; position: relative; }

.header {background:#fff;min-width:1200px; }
.head{ height:35px;color:#fff; line-height:35px;background:#e52029;width:100%;}
.head img{ vertical-align:middle;}
.div_tel{ color:#fff;float:right;}
.div_tel span{ display:inline-block;margin-right:20px; padding-left:20px;  }
.tel{background:url(../images/tel.png) no-repeat left center}
.email{background:url(../images/email.png) no-repeat left center}
.logo{width:1200px; position:absolute;padding-left:20px; top:15px; text-align:left;} 

.head_nav{} 
.uls{padding-left:260px;}
.nav li{padding:10px 0; position:relative; width:115px; text-align:center;float:left; position:relative;}
.nav li a{display:inline-block; padding:0 15px; line-height:28px; font-size:16px; border-radius:15px; }
.nav li.on a,.nav li:hover a{background:#e52029;color:#fff; }
.nav li label{ position:absolute; right:-1px;color:#e0e0e0; }
.nav li.li1{ margin-left:20%;}
.nav{line-height:71px;}

.nav .drop_list{ display:none; position:absolute; top:80px; left:0; width:120%; left:-10%; background:url(../images/icon29-1.png) no-repeat top center #e52029; z-index:100; padding-top:10px;}
.nav .drop_list ul li{ width:100%; text-align:center; padding:0;}
.nav .drop_list ul li a{ color:#fff;display:block; border-radius:0;  line-height:40px;height:40px;}
.nav .drop_list ul li a:hover{ background:#be0d16}


.nav .drop_weixin{ display:none; position:absolute; top:74px;  width:412px;height:243px; right:0%; background:url(../images/drop1.png) no-repeat center center; z-index:100; padding-top:10px;}
.drop_weixin .item{ width:50%; float:left; text-align:center;line-height:normal; padding-top:30px;}

.wrap_menu{ position:absolute; right:10px; top:10px; height:30px; width:20px; background:url(../images/icon20.png) no-repeat center center; background-size: 100% auto;}
.wap_nav i{ float:right; margin-right:10px;display:block;border:5px solid rgba(0,0,0,0.92); margin-top:-10px;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;}
.wap_nav{ display:none; position:absolute; top:45px; right:10px; background:rgba(0,0,0,0.92);z-index:100; width:50%; border-radius:5px;}
.wap_nav li{ width:100%;line-height:45px;background:url(../images/line.png) no-repeat bottom center; background-size:100% auto;}
.wap_nav a{ color:#fff; text-align:center;display:inline-block; padding-left:30px; margin:0 auto; margin-left:50px;}
.wap_nav li:nth-child(1) a{background:url(../images/icon21.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(2) a{background:url(../images/icon22.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(3) a{background:url(../images/icon23.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(4) a{background:url(../images/icon24.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(5) a{background:url(../images/icon25.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(6) a{background:url(../images/icon26.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(7) a{background:url(../images/icon27.png) no-repeat left center; background-size:auto 1em;}
.wap_nav li:nth-child(8) a{background:url(../images/icon28.png) no-repeat left center; background-size:auto 1em;}



/*----------footer----------*/
.footer {background:#292929;padding-top:70px;color:#fff; min-width:1200px; }
.footer .ul1{ width:100%; overflow:hidden;}
.footer .ul1 li{ float:left; width:11%;}
.footer .ul1 li a{ color:#fff; display:block; padding-left:10px; border-left:2px solid #e52029}
.footer .ul2{width:700px; margin-top:50px; overflow:hidden; padding-bottom:30px;}
.footer .ul2 li{width:50%; float:left; line-height:40px;}
.footer .ul2 li span{ display:block; padding-left:30px;}
.footer .ul2 li .span1{ background:url(../images/icon9.png) no-repeat left center;}
.footer .ul2 li .span2{ background:url(../images/icon10.png) no-repeat left center;}
.footer .ul2 li .span3{ background:url(../images/icon11.png) no-repeat left center;}
.footer .ul2 li .span4{ background:url(../images/icon12.png) no-repeat left center;}
.ewm{ position:absolute; top:0; right:0; width:22%; text-align:center;}
.ewm span{ padding-top:20px;display:block;}

.foot{ padding:20px 0; background:#201f1f; color:#797272;text-align:center; font-size:12px;}





<!--结束头部-->









.nav-second{ position:absolute; top:87px; left:0; display:none; width:500px; height:34px; padding:5px 5px 5px 20px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background:url(../images/nav-popup.gif);}
.nav-second a{ float:left; display:inline-block; height:24px; line-height:24px; padding:0 10px; color:#838282;}
.nav-second a:hover{ background-color:#cd0616; color:#fff; text-decoration:none;}
.navbar-toggle .icon-bar{ background-color:#555555;}

.r-nav{ margin-top:22px; padding-right:95px;}
.r-nav li{ float:left; width:117px; height:41px; overflow:hidden; margin-right:26px; font-size:16px; color:#fff; }
.r-nav li a{ display:block; width:100%; height:100%; padding:6px 5px 5px; line-height:30px;  text-shadow:0 1px 2px rgba(0,0,0,.32); text-align:center; color:#fff; background:url(../images/r-nav1.png) no-repeat center center;}
.r-nav li.curr a,
.r-nav li a:hover{ text-decoration:none; background-image:url(../images/r-nav2.png);}

.f-links{ background-color:#595959; padding:22px 0 10px;}
.f-l-item{ float:left; width:18%; height:154px; border-right:1px solid #616261; list-style:none; padding-left:6px;}
.f-links .f-last{ border-right:0; width:28%;}
.f-l-item li{ line-height:24px; color:#a1a2a1; padding-left:28px;}
.f-l-item li a,
.f-l-item li a:hover{ color:#a1a2a1;}
.f-l-item .f-l-h{ line-height:26px; margin-bottom:4px; padding-left:25px; font-size:16px; color:#f5f6f5;}
.f-l-item .f1{ background:url(../images/ft1.png) no-repeat left center;}
.f-l-item .f2{ background:url(../images/ft2.png) no-repeat left center;}
.f-l-item .f3{ background:url(../images/ft3.png) no-repeat left center;}
.f-l-item .f4{ background:url(../images/ft4.png) no-repeat left center;}
.f-l-item .f5{ background:url(../images/ft5.png) no-repeat left center;}

.copyright{ background-color:#303030; padding:15px 0; line-height:20px; color:#fff; font-size:12px;}
.copyright .pull-right{ color:#9b9b9b;}
.copyright .pull-right a,
.copyright .pull-right a:hover{color:#9b9b9b;}

.float{ position:fixed; _position:absolute; top:300px; right:10px; width:54px; border:1px solid #d2d1d1; background-color:#fff;}
.float a{ display:block; width:52px; background:url(../images/float.gif) no-repeat; overflow:hidden; text-indent:-9999px; outline:none;}
.float .weixin{ position:relative; width:52px; height:53px; border-bottom:1px solid #d2d1d1;}
.float .weixin a{ height:52px; background-position:-1px -1px; }
.float .weixin p{ display:none; width:133px; height:126px; position:absolute; top:-28px; left:-138px; overflow:hidden; padding:7px 14px 7px 7px; background:url(../images/weixin-bg.png) no-repeat;}
.float .weixin p img{ width:112px; height:112px;}
.float .sina{ height:54px; border-bottom:1px solid #d2d1d1; background-position: -1px -54px;}
.float .top{ height:52px; background-position:-1px -108px;}

/*slider*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;}

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(../images/ajax-loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-dots { position: absolute; bottom: 68px; list-style: none; display: block; text-align: center; padding: 0px; margin:0; width: 100%; z-index:2;}
.slick-dots li { position: relative; display: inline-block; height: 7px; width: 27px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; display: block; height: 7px; width: 27px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 0; cursor: pointer; outline: none; background-color:#df222a;}
.slick-dots li button:focus { outline: none;}
.slick-dots .slick-active button{ background-color:#05b712;}

.slick-prev:focus, .slick-next:focus { outline: none; }

.slider-box{ position:relative; margin-bottom:15px;}
.slider-bottom{ position:absolute; left:0; bottom:0; width:100%; height:74px; background:url(../images/slide-bottom.png) no-repeat center bottom; background-size:100% auto;}
/* 标题 */
.h-title{ height:30px; line-height:30px; margin:0 0 15px; overflow:hidden;}
.h-title h3{ float:left; line-height:30px; font-size:20px; font-weight:normal; color:#4f4f4f; margin:0;}
.h-title h3 em{ font-style:normal; color:#ef091b;}
.h-title h3 span{ margin-left:5px; font-size:18px; color:#b2b2b1;}
.h-title .more{ float:right; display:inline-block; height:19px; line-height:19px; padding:0 9px; background-color:#efa650; font-size:12px; color:#fff; border-radius:9.5px; margin-top:6px;}
.h-title .more:hover{ text-decoration:none; color:#fff;}

.h-title2{ height:30px; line-height:30px; margin:0 0 15px; overflow:hidden;}
.h-title2 h3{ float:left; line-height:30px; font-size:18px; font-weight:normal; color:#820700; margin:0;}
.h-title2 h3 span{ margin-right:5px; font-size:20px; color:#f4eed4; text-shadow:0 1px 1px rgba(116,16,1,.75);}
.h-title2 h3 em{ font-style:normal; color:#fdc42c;}
.h-title2 .more,
.inside .more{ float:right; display:inline-block; width:63px; height:19px; line-height:19px; padding:0; margin-top:6px; background:url(../images/more.png) no-repeat center top;; font-size:12px; color:#fff; border-radius:9.5px; text-align:center;}
.h-title2 .more:hover{ text-decoration:none; color:#fff;}

.inside{ height:38px; padding-bottom:8px; border-bottom:1px dotted #d1d1d1;}
.inside h3{ font-size:18px;}

.focus-news{ width:340px; margin-right:30px;}
.focus .slick-slide img{ margin:0 auto;}
.focus .slick-dots { bottom: 7px; height:20px; text-align:right;}
.focus .slick-dots li { height: 20px; width: 20px; margin: 0px 4px 0 0;}
.focus .slick-dots li button { border: 0; background: transparent; height: 20px; width: 20px; line-height: 20px; font-size: 12px; color: #fff; text-align:center;}
.focus .slick-dots li button:focus { outline: none;}
.focus .slick-dots .slick-active button{ background-color:#ed1b24;}
.focus div{ position:relative; text-align:center;}
.focus p{ position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; overflow:hidden; padding:0 14px; background:#000; filter:alpha(opacity=50); background:rgba(0,0,0,.5); color:#fff; margin:0;}

.group-news{ width:488px;}
.group-news a:hover{ text-decoration:none;}
.new-first{ height:90px; margin-bottom:10px;}
.new-first .pic{ float:left; width:120px; height:90px; overflow:hidden; margin-right:15px;}
.new-first dl{ margin:0;}
.new-first dl dt{ height:22px; line-height:22px; overflow:hidden; font-size:14px; font-weight:normal;}
.new-first dl dd{ height:44px; line-height:22px; overflow:hidden; color:#989797; font-size:12px;}
.new-first dl .time{ height:22px; color:#f5af09;}
.new-list{ margin:0; height:295px; overflow:hidden;}
.new-list li{ height:32px; line-height:32px; overflow:hidden; border-bottom:1px dotted #d1d1d1; font-size:14px;}
.new-list li .time{ float:right; display:inline-block; height:17px; line-height:17px; padding:0 2px; color:#fff; background-color:#cbcaca; color:#fff; margin-top:7px; margin-left:10px;}
.new-list li:hover a{ color:#faa01e;}
.new-list li:hover .time{ background-color:#faa01e;}

.link{ width:272px;}

/* 品牌滚动  */
.brands{ background-color:#E6E5E5;}
.brand-scroll{ position:relative; padding:9px 0; margin:0 36px; height:118px;}
.brand-scroll .slick-slide p{ display:block; width:118px; height:100px; margin:0 auto; overflow:hidden; text-align:center;}
.brand-scroll .slick-slide a{ width:118px; height:100px;
display:table-cell;
vertical-align:middle;
text-align:center;
*display:block;
*font-size:88px;
*line-height: 1;
}
.brand-scroll .slick-slide img{ max-width:118px;}
.brand-scroll .slick-prev, .brand-scroll .slick-next { position: absolute; display: block; height: 44px; width: 22px; cursor: pointer; background: #fbfbfb url(../images/prev.gif) no-repeat center center; border:1px solid #d1d1d1; top: 50%; margin-top: -22px; padding: 0; outline: none; text-indent:-9999px; overflow:hidden;}
.brand-scroll .slick-prev { left: -36px; }
.brand-scroll .slick-next { right: -36px; background-image:url(../images/next.gif);}

/* 视频 */
.video-box{ width:265px;}
.video-box .video{ width:265px; height:214px; overflow:hidden;}
/* 产品系列 */
.pro-box{ width:1160px;}
.pro-scroll{ width:1160px;}
.pro-item{ width:265px; height:213px; overflow:hidden; padding:10px 15px 0; background:url(../images/pro-bg.png) no-repeat left bottom;}
.pro-item .pic{ width:235px; height:140px; margin-bottom:23px; overflow:hidden;}
.pro-item .pic a{ width:235px; height:140px;
overflow:hidden;
display:table-cell;
vertical-align:middle;
text-align:center;
*display:block;
*font-size:122px;
*line-height: 1;
}
.pro-item .title{ height:40px; line-height:40px; overflow:hidden; font-size:16px; text-align:center; color:#868585;}
.pro-item .title a{ color:#868585;}
.pro-item .title a:hover{ color:#fff; text-decoration:none;}
.pro-scroll .hover{ background-position:right bottom;}
.pro-scroll .hover a{ color:#fff;}
.pro-scroll .slick-prev, .pro-scroll .slick-next { position: absolute; display: block; height: 19px; width: 29px; cursor: pointer; background:url(../images/arrow.png) left bottom; _background:url(../images/arrow.gif) no-repeat left bottom; top: -36px; padding: 0; outline: none; border:0; text-indent:-9999px; overflow:hidden;}
.pro-scroll .slick-prev { right: 65px; }
.pro-scroll .slick-next { right: 34px; background-position:right bottom;}

/* 中间bar */
.bar{ height:94px; padding:10px 0; background-color:#cd0616;}
.bar .col-md-3{ float:left; width:25%; padding-left: 15px; padding-right:15px;; background:url(../images/t-line.gif) repeat-y right top;}
.bar .col-md-3:last-child{ background:none; padding-right:0;}
.bar-item{ margin:0 auto; padding-top:7px; line-height:26px; font-size:18px; color:#f2ad09;}
.bar-item i{ float:left; margin-left:5px; margin-right:16px; display:block; width:61px; height:61px; overflow:hidden; background:url(../images/bar-tip.png) no-repeat; _background:url(../images/bar-tip.jpg) no-repeat;}
.bar-item .b2{ background-position:0 -64px;}
.bar-item .b3{ background-position:0 -128px;}
.bar-item .b4{ background-position:0 -192px;}
.bar-item span{ color:#f4eed4;}
.bar-item a{ color:#f4eed4; font-size:14px;}
#weixin{ position:relative; cursor:pointer;}
#weixin a:hover{ text-decoration:none;}
#weixin .p-weixin{ display:none; position:absolute; top:-150px; left:50%; margin-left:-75px; width:150px; height:150px; overflow:hidden;}

/* 活动+招聘 */
.others{ padding:22px 0; background:#ca0516 url(../images/other-bg.jpg) no-repeat center top;}
/* 活动 */
.activity{ width:452px;}
/* 招聘 */
.recruit-box{ width:666px;}
.r-item{ float:left; width:317px; margin-right:32px;}
.recruit .last{ margin-right:0;}
.r-item .pic{ width:100%; height:209px; overflow:hidden; margin:0;}
.r-item .pic a{ width:100%; height:209px;
overflow:hidden;
display:table-cell;
vertical-align:middle;
text-align:center;
*display:block;
*font-size:182px;
*line-height: 1;
}
.r-item .pic a :hover{ opacity:.95; transition: opacity .18s linear;}
.r-item .r-bottom{ height:47px; padding:10px 9px 9px; background-color:#F4EED4;}
.r-item .r-bottom .title{ float:left; display:block; width:184px; height:28px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#7c7b7b; font-size:14px;}
.r-item .r-bottom .r-btn{ float:right; display:block; width:94px; height:28px; line-height:28px; text-align:center; color:#fff; background:url(../images/btn.png) no-repeat;}
.r-item .r-bottom .r-btn:hover{ text-decoration:none; color:#fff;}

/* 内页 */
.mainbody{ margin-bottom:22px;}
.banner{ position:relative; height:278px; text-align:center; overflow:hidden; background-repeat:no-repeat; background-position:center top;}
.banner .text{ position:absolute; left:50%; margin-left:-455px; top:50%; margin-top:-65px; opacity:0; 
transition-timing-function:cubic-bezier(0.51, 0.01, 0.37, 0.98);
transition-property: opacity, -moz-transform;
transition-duration:800ms;
transform:translate(-80px,0px);
}
.front .banner .text{ transform: translate(0px,0px); opacity:1;}

.aside{ position:relative; width:220px; margin-top:-88px;}
.page-title{ height:99px; padding-top:14px; padding-left:25px; background:url(../images/aside-bg1.png) no-repeat center bottom;}
.page-title span{ font-size:16px; font-family:Arial; color:#9e9e9e;}
.page-title h2{ margin:2px 0 0; line-height:26px; font-size:20px; color:#606060;}
.page-title h2 em{ color:#e60012; font-style:normal;}
.aside-nav{ padding:0 20px 20px 24px; background:url(../images/aside-bg2.png) repeat-y center top;}
.aside-nav ul{ list-style:none; padding:0;}
.aside-nav li,
.aside-nav li p{ padding-bottom:8px; margin-bottom:4px; background:url(../images/aside-line.png) no-repeat center bottom;}
.aside-nav li p a{ display:block; height:20px; line-height:20px; padding-left:54px; background:url(../images/tip5.gif) no-repeat 32px center; color:#fff;}
.aside-nav li:last-child,
.aside-nav li p:last-child{ background:none; height:29px; margin-bottom:0; padding-bottom:0;}
.aside-nav li .one{ display:block; height:29px; overflow:hidden; line-height:29px; text-align:center; color:#fff; font-size:14px; outline:none;}
.aside-nav li.on{ background:none;}
.aside-nav li.on .one{background:#bd0200; text-decoration:none;}
.aside-nav li.act .one,
.aside-nav li .one:hover{ background:url(../images/aside-act.png) no-repeat; text-decoration:none;}

.pro-nav li .one{ padding-right:30px;}
.pro-nav .second{ display:none; margin-top:12px;}

.aside-banner{ width:100%; overflow:hidden;}

.main{ width:906px;}
.m-head{ height:36px; border-bottom:1px solid #fff; margin-bottom:14px;}
.m-head .m-h-b{ height:35px; line-height:28px; padding-bottom:6px; border-bottom:1px solid #ccc;}
.m-head h3{ float:left; line-height:28px; padding-left:24px; background:url(../images/tip1.png) no-repeat left center; font-size:18px; color:#606060; margin:0;}
.m-head h3 em{ font-style:normal; color:#e60012;}
.m-head .crumb{ float:right; color:#89898a; margin:0; padding-left:20px; background:url(../images/tip2.png) no-repeat left center;}
.m-head .crumb a{ color:#89898a;}
.m-head a:hover{ color:#ed1b23; transition:color .18s linear; -webkit-transition:color .18s linear; text-decoration:none;}
.m-head .this-sub{ display:inline-block; margin-left:20px; line-height:35px;}
.m-head .this-sub a{ margin-right:14px;}
.m-head .this-sub a:hover,
.m-head .this-sub .act{ text-decoration:none; color:#ed1b23;}
.art-text{ width:100%; overflow:hidden; line-height:30px; font-size:14px; color:#555555;}
.art-text img{ max-width:100%;}

.img-nav{ list-style:none; padding-left:0;}
.img-nav li{ float:left; width:204px; height:229px; margin-right:28px; margin-bottom:22px; padding-right:4px; padding-bottom:4px;
*background:url(../images/img-bg.gif) no-repeat right bottom;
}
.img-nav li.last{ margin-right:0;}
.img-nav li a{ display:block; width:200px; height:225px; overflow:hidden;
box-shadow:4px 4px 0 #acacac;
-ms-box-shadow:none;
}
.img-nav li img{ width:100%;}

.sub-box dl{ position:relative; display:inline-block; width:100%; padding-bottom:10px; margin-bottom:9px; border-bottom:1px dotted #d1d1d1;}
.sub-box dt{ float:left; width:76px; height:25px; line-height:25px; overflow:hidden; text-align:center; color:#fff; background-color:#31B715; font-size:16px; font-weight:normal; margin-right:18px;}
.sub-box dd{ overflow:hidden; padding-right:50px; line-height:25px; height:auto;}
.sub-box dd a{ display:inline-block; margin-right:54px; color:#838384; outline:none;}
.sub-box .seeMore{ position:absolute; top:0; right:0; display:block; width:50px; height:25px; line-height:25px; text-align:center; color:#31b715; font-size:14px; outline:none;}

.img-nav2 .img-item{ position:relative; float:left; width:280px; height:170px; margin-right:28px; margin-bottom:24px;}
.img-nav2 .last{ margin-right:0;}
.img-nav2 .img-item .pic{ display:block; width:100%; height:100%; overflow:hidden; text-align:center;}
.img-nav2 .img-item .pic img{ max-width:100%; max-height:100%;}
.img-nav2 .img-item .img-title{ position:absolute; top:-10px; right:23px; padding:6px 7px; text-align:center; line-height:18px; font-size:18px; color:#fff; width:36px;}
.img-nav2 .n1 .img-title{ background-color:#FDC42C;}
.img-nav2 .n2 .img-title{ background-color:#31b715;}
.img-nav2 .n3 .img-title{ background-color:#23b8ed;}

.honor .h-item{ float:left; width:280px; height:165px; margin-right:20px; margin-bottom:22px; overflow:hidden; text-align:center;}
.honor .h-item img{ max-width:100%; max-height:100%;}
.honor .last{ margin-right:0;}

.coop-list{ list-style:none; padding-left:0; margin-top:14px;}
.coop-list li{ float:left; margin-right:15px; margin-bottom:17px; overflow:hidden;}
.coop-list li img{ width:176px; height:78px;}

.supplier-list{ margin-top:14px;}
.supplier-list li{ float:left; width:274px; height:200px; overflow:hidden; border-bottom:4px solid #33d013; position:relative; margin-right:40px; margin-bottom:40px; }
.supplier-list li.last{ margin-right:0; background-color:#83d473; text-align:center;}
.supplier-list li.mr0{ margin-right:0;}
.supplier-list li.last div{ position:absolute; top:50%; left:0; width:100%; margin-top:-30px; color:#fff;}
.supplier-list li.last div img{ margin-bottom:15px;}
.supplier-list li a,
.supplier-list li a:hover{ color:#fff; text-decoration:none;}
.supplier-list li p img{ width:100%;}
.supplier-list li .info{ display:none; position:absolute; top:0; left:0; width:100%; height:200px; overflow:hidden; background:#45c02d; filter:alpha(opacity=60); background:rgba(69,192,45,.6);}
.supplier-list li .info .tip{ position:absolute; top:20px; right:20px; display:block; width:58px; height:58px; border-radius:50%; overflow:hidden; background:url(../images/tip3.png) no-repeat center center;}
.supplier-list .info p{ padding-left:28px; line-height:22px; color:#fff;}
.supplier-list .info .cn{ margin-top:120px; font-size:20px; }
.supplier-list .info .en{ font-size:16px;}

.history-info{ width:99.5%; height:192px; padding:18px; box-shadow:3px 3px 0 #d2d2d2; border-radius:7px; background:#fff url(../images/line.gif) no-repeat 275px center; margin-bottom:30px;}
.history-info h2{ float:left; margin:0; width:238px; padding-top:40px;}
.history-info h2 img{ width:100%;}
.history-info p{ padding-left:35px; height:100%; overflow:hidden; line-height:30px;}

.history-list dl{ height:112px; overflow:hidden; margin-bottom:35px;}
.history-list dt{ float:left; width:116px; height:100%; padding-right:18px; border-right:1px solid #DEDEDE; text-align:center; font-weight:normal;}
.history-list dt p{ height:36px; line-height:36px; overflow:hidden; font-size:40px; font-family:Arial; color:#31b715; margin-bottom:25px;}
.history-list dt a{ display:block; width:100%; padding-bottom:18px; background:url(../images/get-more.gif) no-repeat center bottom; color:#89898a; cursor:pointer;}
.history-list dt .down{ background:url(../images/get-more2.gif) no-repeat center bottom;}
.history-list dt a:hover{ color:#89898a; text-decoration:none;}
.history-list dd{ padding-left:130px; line-height:28px;}

.sale-map{ margin-top:20px;}
.sale-map img{ max-width:100%;}

.video-form{ width:582px; height:496px; overflow:hidden; margin:30px auto;}

.sub-row{ padding:28px 0; border-top:1px dotted #fff; border-bottom:1px dotted #D1D1D1;}
.sub-row:first-child{ border-top:0;}
.sub-row:last-child{ border-bottom:0;}
.sub-row dl{ float:left; width:30%; margin-left:2%; margin-bottom:0; padding-top:15px;}
.sub-row dt{ font-size:18px; color:#e60012; margin-bottom:8px; font-weight:normal;}
.sub-row dd p{ line-height:24px; margin-bottom:5px;}
.sub-row dd p a:hover{ text-decoration:none;}

.video-list,
.paper-list{ width:100%; overflow: hidden;}
.video-list ul,
.paper-list ul{ display:inline-block; width:930px;}
.video-list ul li{ float:left; width:286px; margin-right:20px; margin-bottom:30px;}
.video-list li .pic{ width:100%; height:206px; overflow:hidden; text-align:center;}
.video-list li .pic img{ max-width:100%; _width:100%;}
.video-list li .title{ padding:11px 56px 9px 40px; height:46px; line-height:24px; overflow:hidden; font-size:18px; color:#fff; background:url(../images/video-title.gif) no-repeat left bottom;}
.video-list .hover .title{ background-position:right bottom;}
.video-list li .title a,.video-list li .title a:hover{ text-decoration:none; color:#fff;}

.pages{ height:26px; overflow:hidden; margin-bottom:20px; margin-top:20px;}
.page-list a{ float:left; margin-right:6px; dipslay:inline-block; width:24px; height:24px; border:1px solid #d5d5d5; background-color:#fff; color:#a5a5a5; text-align:center; line-height:24px; font-family:Arial; font-size:14px;}
.page-list a.act,
.page-list a:hover,
.page-go input[type=submit]:hover{ background-color:#e92d39; border-color:#e92d39; color:#fff; text-decoration:none;}
.page-list a.prev,
.page-list a.next{ color:#e92d39; font-family:宋体; font-size:16px;}
.page-list a.prev:hover,
.page-list a.next:hover{ color:#fff;}
.page-go input{ width:24px; height:24px; line-height:24px; text-align:center; border:1px solid #d5d5d5; color:#a5a5a5; font-family:Arial; background:#fff; padding:0; font-size:12px;}

.pro-desc dt{ color:#f7b025; font-size:18px; font-weight:normal; margin-bottom:10px;}
.pro-desc dd{ line-height:28px; margin-bottom:20px; font-size:14px; color:#9d9c9c;}
.pro-list{ width:100%; overflow:hidden;}
.pro-list ul{ display:inline-block; width:960px; border-bottom:1px dotted #d1d1d1;}
.pro-list li{ float:left; width:265px; height:280px; overflow:hidden; margin-right:54px; padding:10px 15px 0; background:url(../images/pro-bg.png) no-repeat left bottom; margin-bottom:34px;}
.pro-list li .pic{ width:235px; height:205px; margin-bottom:23px; overflow:hidden;}
.pro-list li .pic a{ width:235px; height:205px;
overflow:hidden;
display:table-cell;
vertical-align:middle;
text-align:center;
*display:block;
*font-size:122px;
*line-height: 1;
}
.pro-list li .bottom{ height:40px; width:100%; overflow:hidden;}
.pro-list li .title{ float:left; margin-left:32px; _margin-left:15px; width:165px; height:40px; line-height:40px; overflow:hidden; font-size:16px; text-align:center; color:#868585;}
.pro-list li .title a{ color:#868585;}
.pro-list li .title a:hover{ color:#fff; text-decoration:none;}
.pro-list li .cart{ float:right; margin-right:4px; margin-top:4px; display:block; width:28px; height:28px; overflow:hidden; background:url(../images/cart.png) no-repeat left bottom;}
.pro-list li.hover{ background-position:right bottom;}
.pro-list li.hover a{ color:#fff;}
.pro-list li.hover .cart{ background-position:right bottom;}

.paper-list li{ float:left; width:278px; margin-right:32px; margin-bottom:32px;}
.paper-list li .pic{ width:100%; height:322px; overflow:hidden; text-align:center;}
.paper-list li .pic img{ max-width:100%; _width:100%;}
.paper-list li .title{ height:38px; padding:8px 15px; line-height:22px; overflow:hidden; background-color:#868484; font-size:18px; color:#fff;}
.paper-list li .title .download{ float:right; width:20px; height:20px; overflow:hidden; background:url(../images/download.png) no-repeat;}
.paper-list .hover .title{ background-color:#e60012;}

.coop-cars{ margin-top:28px; _display:inline-block; _width:100%;}
.coop-item{ float:left; width:210px; margin-right:18px; margin-bottom:22px;}
.coop-cars .last{ margin-right:0;}
.coop-item .pic{ width:100%; height:116px; overflow:hidden; text-align:center; margin-bottom:10px;}
.coop-item .title{ font-size:16px; color:#ff9e01; margin-bottom:8px;}
.coop-item .desc{ height:72px; overflow:hidden; line-height:24px; color:#8a8989; font-size:14px;margin-bottom:22px;}
.coop-item a{ display:inline-block; width:65px; height:22px; line-height:22px; text-align:center; background-color:#8c8b8b; color:#fff; font-size:12px;}

.represent-list li{ height:204px; overflow:hidden; padding:14px; border:1px solid #e1e1e1; margin-right:3px; margin-bottom:22px; box-shadow:3px 3px 0 #ECECEC; background-color:#fff;}
.represent-list li dl{ margin-bottom:0;}
.represent-list .pic{ float:left; width:256px; height:176px; overflow:hidden; margin-right:15px;}
.represent-list dt{ height:26px; line-height:26px; overflow:hidden; font-size:16px; color:#f7b228; font-weight:normal; margin-bottom:5px;}
.represent-list dt a{ color:#f7b228;}
.represent-list .desc{ height:120px; line-height:30px; overflow:hidden; color:#8d8d8e; text-indent:2em;}
.represent-list .more{ text-align:right;}
.represent-list .more a{ display:inline-block; width:63px; height:19px; line-height:19px; text-align:center; background:url(../images/more.png) no-repeat; color:#fff; font-size:12px;}

.latest{ width:100%; height:175px; overflow:hidden; position:relative; margin-bottom:25px;}
.latest .hd{ position:absolute; right:10px; bottom:0; height:22px; z-index:9;}
.latest .hd a{ float:right; display:inline-block; width:22px; height:22px; margin-left:6px; overflow:hidden; cursor:pointer;}
.latest .hd .next{ background:url(../images/next2.png) no-repeat left top;}
.latest .hd .prev{ background:url(../images/prev2.png) no-repeat left top;}
.latest .hd a:hover{ background-position:right top;}
.latest .hd .pageState{ float:right; display:inline-block; line-height:22px; color:#31b715; font-family:Arial; padding-right:3px;}
.latest .picList li{ float:left; height:175px; overflow:hidden; margin-right:10px;}
.latest .pic{ float:left; padding:4px; border:1px solid #ccc; margin-right:15px;}
.latest .pic a{ display:block; width:255px; height:165px; overflow:hidden;}
.latest .pic img{ max-height:100%; _height:100%;}
.latest dt{ height:32px; line-height:32px; font-size:18px; color:#f6af23; font-weight:normal; overflow:hidden; margin-bottom:5px;}
.latest dt a{ color:#f6af23;}
.latest dd.desc{ height:104px; line-height:26px; overflow:hidden; margin-bottom:8px;}
.latest dd.bottom{ height:20px; line-height:20px;}
.latest dd.bottom span{ float:left; color:#f6af23; margin-right:10px;} 
.latest dd.bottom a{ float:left; display:inline-block; width:63px; height:19px; line-height:19px; font-size:12px; color:#fff; background:url(../images/more2.png) no-repeat; text-align:center;}

.news-list .news-table tr th{ padding:6px; background-color:#e92d39; border:0; font-weight:normal; color:#fff; text-align:center;}
.news-list .news-table tr th.title{ text-align:left; padding-left:18px;}
.news-list .news-table tr td{ text-align:center; font-size:14px; border-bottom:1px dotted #d1d1d1; border-top:0; padding:9px 8px;}
.news-list .news-table tr td p{ text-align:left; padding-left:10px; background:url(../images/tip6.gif) no-repeat 0 center;}
.news-list .news-table tr:hover td{ color:#faa01e;}
.news-list .news-table tr:hover td p a{ color:#faa01e;}
.news-list .news-table tr:hover td,
.news-list .news-table tr:hover td p a,
.news-list .news-table tr td p a:hover{
text-decoration:none;
-moz-transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in;
}

.art-title{ line-height:32px; font-size:18px; color:#f6af23; margin-bottom:12px; text-align:center;}
.art-date{ text-align:center; margin-bottom:14px; padding-bottom:22px; border-bottom:1px dotted #d1d1d1; color:#9e9d9d;}
.art-date span{ margin:0 28px;}
.art-date a{ color:#9e9d9d;}
.art-bottom{ margin-top:15px; padding-top:10px; border-top:1px dotted #d1d1d1;}
.art-relative{ width:450px; overflow:hidden;}
.rela-t{ font-size:18px; font-weight:normal; color:#f6af23; margin-bottom:15px;}
.art-relative p{ height:18px; line-height:18px; overflow:hidden; margin-bottom:12px; overflow:hidden;}
.art-relative p a{ color:#9e9d9d;}
.art-relative p span{ float:left; width:74px; height:18px; overflow:hidden; line-height:18px; background-color:#cdcdcd; color:#fff; text-align:center; margin-right:10px;}
.art-relative p:hover span{ background-color:#f6af23;}
.art-relative p a:hover{ color:#f6af23; text-decoration:none;}
.art-share{ margin-top:40px;}

.art-share .back{ display:block; float:right; margin-top:23px; clear:right; width:99px; height:26px; line-height:26px; text-align:center; color:#f6af23; font-size:12px; background:url(../images/back.png) no-repeat;}
.baidu-share{ height:24px; width:135px; padding-left:5px; overflow:hidden; background:url(../images/share.gif) no-repeat;}
.baidu-share span{ float:left; color:#686667; font-size:12px; display:inline-block; height:16px; line-height:16px; margin:4px 8px 4px 0;}
.art-share .baidu-share a{ margin:4px 4px 4px 0;}

.art-share2 .back{ display:block;margin-top:23px; width:99px; height:26px; line-height:26px; text-align:center; color:#f6af23; font-size:12px; background:url(../images/back.png) no-repeat;}

.download-list .table td{ border-top:1px dotted #fff;; border-bottom:1px dotted #d1d1d1; padding:15px 10px;}
.download-list .table .down-btn{ width:80px;}
.download-list .table .down-btn a{ display:block; width:55px; height:64px; border:1px solid #D1D1D1; padding-top:36px; text-align:center; color:#858a91; background:#f6f7f9 url(../images/download2.gif) no-repeat center 12px; }
.download-list .table tr:hover .down-btn a,
.download-list .table .down-btn a:hover{ background-image:url(../images/download.gif); background-color:#fe9b0e; border-color:#fe9b0e; color:#fff; text-decoration:none;}
.download-list .table p{ padding-left:15px; line-height:22px;}
.download-list .table .t{ background:url(../images/tip6.gif) no-repeat 0 8px;}
.download-list .table .d{font-size:16px;}
.download-list .table .file{ font-size:12px; color:#a2a2a3;}
.download-list .table tr:hover .t{ color:#d42934;}
.download-list .table tr:hover .d{ color:#fe9b0e;}
.download-list .table tr:hover .file{ color:#fbba5e;}
.download-list .table .t, .download-list .table .d, .download-list .table .file, .download-list .table .down-btn a{
-moz-transition: all .18s linear;
-webkit-transition: all .18s linear;
-o-transition: all .18s linear;
transition: all .18s linear;
}

.video-coverage .video-head{ height:26px; line-height:26px; background:url(../images/title.gif) no-repeat 244px center; margin-bottom:15px;}
.video-head h3{ float:left; margin:0; font-size:18px; font-weight:normal; color:#b9b9b9; margin-right:10px;}
.video-head h3 span{ margin-left:10px; font-size:16px; color:#f6af23;}
.video-head .more{ float:right; width:63px; height:19px; overflow:hidden; line-height:19px; text-align:center; color:#fff; font-size:12px; background:url(../images/more.png) no-repeat; margin-left:12px;}
.video-bd{ _display:inline-block; _width:100%;}
.video-bd li{ float:left; width:206px; height:150px; overflow:hidden; position:relative; margin-right:20px; margin-bottom:24px; text-align:center;}
.video-bd li.last{ margin-right:0;}
.video-bd li p{ width:206px; height:150px;
overflow:hidden;
display:table-cell;
vertical-align:middle;
text-align:center;
*display:block;
*font-size:130px;
*line-height: 1;
}
.video-bd li a{ display:block; width:59px; height:59px; overflow:hidden; position:absolute; top:50%; left:50%; background:url(../images/play.png) no-repeat; margin-top:-29px; margin-left:-29px;}

.list-temp{ margin-bottom:12px;}
.list-head{ height:32px; line-height:32px; padding-left:18px; padding-right:10px; background:url(../images/title2.gif) no-repeat; overflow:hidden;}
.list-head h3{ float:left; font-size:18px; color:#fff; line-height:30px;}
.list-head h3 span{ margin-left:8px; font-size:14px;}
.list-head .more{ float:right; color:#fff; font-size:12px;}
.list-temp li{ height:38px; line-height:22px; overflow:hidden; padding:8px 8px 8px 18px; border-top:1px dotted #fff; border-bottom:1px dotted #d1d1d1; background:url(../images/tip6.gif) no-repeat 3px center;}
.list-temp li:first-child{ border-top:0;}
.list-temp li:last-child{ border-bottom:0;}
.list-temp li span{ float:right;}
.list-temp li:hover,
.list-temp li:hover a,
.list-temp li a:hover{ color:#31b715;}
.list-temp li:hover{ background-image:url(../images/tip7.gif);}

.contact{ padding-top:20px; _dispaly:inline-block; _width:100%;}
.contact .contact-text{ float:left; margin-left:30px; width:360px;}
.contact-text dl{ margin-bottom:10px; padding-bottom:40px; background:url(../images/shadow.png) no-repeat center bottom;}
.contact-text dl:last-child{ background:none;}
.contact-text dt{ padding-left:50px; padding-bottom:15px; line-height:26px; font-size:18px; font-weight:normal; color:#e60012;}
.contact-text .d1 dt{background:url(../images/tip8.png) no-repeat 0 0;}
.contact-text .d2 dt{background:url(../images/tip9.png) no-repeat 0 0;}
.contact-text .d3 dt{background:url(../images/tip10.png) no-repeat 0 0;}
.contact-text dd{ padding-left:50px; line-height:26px;}
.contact-map{ width:475px; height:396px; overflow:hidden; border:1px solid #ccc; overflow:hidden; margin-left:30px;}

.head-office{ margin-bottom:12px;}
.head-title{ height:24px; line-height:22px; font-size:18px; font-weight:normal; color:#e60012; margin-bottom:18px;}
.head-title span{ margin-left:10px; padding:1px 12px; color:#fff; background-color:#fdc42c; font-size:14px;}
.head-office li{ float:left; width:50%; margin-bottom:15px; padding-right:18px; line-height:22px; padding-left:30px;}
.head-office .o1{background:url(../images/tip11.png) no-repeat;}
.head-office .o2{background:url(../images/tip12.png) no-repeat;}
.head-office .o3{background:url(../images/tip13.png) no-repeat;}
.head-office .o4{background:url(../images/tip14.png) no-repeat;}

.sub-office  .table th{ background-color:#e73742; font-weight:normal; color:#fff; text-align:center;}
.sub-office  .table td{ text-align:center;}
.sub-office .table-striped > tbody > tr:nth-child(2n+1) > td, .sub-office .table-striped > tbody > tr:nth-child(2n+1) > th{ background-color:#E8E7E7;}

.message .table > thead > tr > td, .message .table > tbody > tr > td, .message .table > tfoot > tr > td{ border:0; color:#a8a8a9;}
.message .table{ border-bottom:1px dotted #d1d1d1;}
.message .quk{ padding-left:27px; background:url(../images/tip15.png) no-repeat left center; color:#e92d39;}
.message .ans{ padding-left:27px; background:url(../images/tip16.png) no-repeat left center; color:#9a9a9b;}
.message .con{ padding-left:27px; color:#9a9a9b; line-height:24px; padding-bottom:5px;}

.feedback{ margin-top:20px;}
.feedback h3{ line-height:32px; padding-bottom:5px; border-bottom:1px dotted #d1d1d1; font-size:18px; color:#e92d39; font-weight:normal; margin-bottom:16px;}
.feedback .fb-input{ display:inline-block; width:100%; margin-bottom:15px;}
.feedback label { float:left; width:92px; line-height:25px; text-align:right; padding-right:8px;}
.feedback label .zixun,.feedback label .jianyi,.feedback label .tousu{float:none;width:none;text-align:left;padding:0;}
.feedback label i{ font-style:normal; color:#e92d39; margin-right:4px;}
.feedback .text1{ float:left; width:220px; height:25px; padding:3px 5px; border:1px solid #7F9DB9; background:#fff;}
.feedback textarea{ float:left; width:500px; height:112px; line-height:18px; padding:5px; border:1px solid #7F9DB9; background:#fff;}
.feedback .text2{ width:92px; margin-right:8px;}
.feedback .text3{ width:310px;}
.fb-btn{ padding-left:92px; height:28px; margin-bottom:40px;}
.fb-btn input{ float:left; width:63px; height:28px; padding:0; border:0; margin-right:17px; overflow:hidden; background:url(../images/btn2.png) no-repeat left top; _background:url(../images/btn2.gif) no-repeat left top;}
.fb-btn .res{ background-position:right top;}

.mess,.apply-form,.join-form{ width:620px; margin-left:auto; margin-right:auto;}
.join-form{ width:768px; margin-top:12px;}
.mess select{ margin-right:25px; float:left; height:24px; border:1px solid #7f9db9; background:#fff;}
.mess .tip,.apply-form .tip{ float:left;}
.apply-form label{ width:110px;}
.apply-form .imp{ float:left; color:#e92d39;}
.apply-form .text1{ margin-right:12px;}
.apply-tip{ line-height:30px; margin-bottom:20px;}

.join-box{ width:640px; margin:0 auto; padding-top:25px; border-top:1px dotted #fff;}
.join-title{ line-height:28px; padding-left:15px; padding-bottom:3px; border-bottom:1px dotted #d1d1d1; font-size:18px; font-weight:normal; color:#606060; margin:0;}
.join-form .join-p{ display:inline-block; width:100%; margin-bottom:12px;}
.join-form label{ float:left; width:140px; line-height:25px; text-align:right; padding-right:8px;}
.join-form label i{ font-style:normal; color:#e92d39; margin-right:4px;}
.join-form .text1{ float:left; width:220px; height:25px; padding:3px 5px; border:1px solid #7F9DB9; background:#fff;}
.join-form .text2{ width:120px;}
.join-form .text3{ width:360px;}
.join-form .text4{ width:170px;}
.join-form .text5{ width:78px;}
.join-form span.tip{ float:left; margin:0 8px;}
.join-form .select1{ width:220px; height:25px; border:1px solid #7F9DB9;}
.join-form .select2{ width:170px;}
.join-form textarea{ float:left; width:480px; height:112px; line-height:18px; padding:5px; border:1px solid #7F9DB9; background:#fff;}
.join-form .fb-btn{ padding-left:140px;}

.copSlide{ width:500px; height:272px; overflow:hidden; float:left; margin-right:12px;margin-bottom:38px;}
.copSlide .focus .slick-dots li{ height:18px; width:18px; margin:0 15px 0 0; border:4px solid #fff; border:4px solid rgba(255,255,255,.6);}
.copSlide .focus .slick-dots li button{ margin:0; height:18px; width:18px; text-indent:-9999px;}
.copSlide .focus .slick-dots .slick-active{ border-color:#ed1b24; border-color:rgba(237,27,36,.6);}
.copSlide .focus .slick-dots .slick-active button{ background:none;}

.pic-col1{ width:170px; overflow:hidden; margin-right:12px;}
.pic-col2{ width:212px; overflow:hidden;}
.p1{ width:100%; height:106px; overflow:hidden; margin-bottom:12px;}
.p2{ width:100%; height:154px; overflow:hidden; margin-bottom:12px;}

.corimg-list{ _display:inline-block; _width:100%;}
.corimg-list li{ float:left; width:210px; height:150px; overflow:hidden; position:relative; border-radius:4px; margin:0 8px 40px; text-align:center;}
.corimg-list li img{ max-height:100%; _height:100%;}
.corimg-list li .title{ position:absolute; bottom:0; left:0; width:100%; height:28px; line-height:28px; background:#123032; filter:alpha(opacity=60); background:rgba(18,48,50,.5); color:#fff;}

.four-cart{ _display:inline-block; position:relative; margin-top:25px; width:100%; background-color:#fff; border-radius:18px;}
.car-item{ float:left; width:50%; height:288px;}
.four-cart .c2{ background-image:url(../images/shadow2.png); background-repeat:repeat-y}
.four-cart .c3{ background-image:url(../images/shadow1.png); background-repeat:repeat-x;}
.four-cart .c4{ background-image:url(../images/shadow1.png),url(../images/shadow2.png); background-repeat:repeat-x, repeat-y;}
.car-item dl{ width:100%; height:100%; padding:20px 25px 25px;}
.car-item dt{ height:24px; line-height:24px; overflow:hidden; margin-bottom:8px; font-size:18px; font-weight:normal; color:#f6ad1f;}
.four-cart .c4 dt{ text-align:right; padding-right:10px;}
.car-item dt a{ color:#f6ad1f;}
.car-item dd{ height:215px; line-height:28px; color:#9d9c9c; overflow:hidden; background-position:center bottom; background-repeat:no-repeat;}

.four-cart .cor-logo{ position:absolute; top:50%; left:50%; margin-top:-69px; margin-left:-69px; width:138px; height:138px; overflow:hidden;}
.four-cart .cor-logo img{ width:100%; height:100%;}

.job-wrap{ width:100%; overflow-x:scroll;}
.job-box{ margin-bottom:15px; min-width:490px;}
.job-head{ margin-top:15px; height:40px; padding:7px 18px; border:1px solid #E0E0E0; background-color:#f5f5f5; margin-bottom:10px;}
.job-head select{ width:130px; margin-right:20px;}
.job-hd,
.job-item{ border:1px solid #d9d9d9; height:34px; line-height:32px; text-align:center;  margin-bottom:10px;}
.job-list .on{ margin-bottom:0;}
.job-hd{ background-color:#ECECEC; color:#777;}
.job-item{ color:#959494;}
.job-list .job-hd p,
.job-list .job-item p{ float:left; height:32px; border-right:1px solid #d9d9d9; overflow:hidden;}
.job-list p a{ cursor:pointer;}
.job-list p a:hover{ text-decoration:none;}
.job-list .j1{ width:25%;}
.job-list .j2{ width:13%;}
.job-list .j3{ width:28%;}
.job-list .j4{ width:20%;}
.job-list .j5{ width:14%;}
.job-list .job-hd .j5,
.job-list .job-item .j5{ border-right:0;}
.job-info{ display:none; padding:15px 20px 20px; border:1px solid #d9d9d9; border-top:0; background-color:#ECECEC; margin-bottom:10px;}
.job-info dt{ line-height:20px; font-size:16px; font-weight:normal; color:#f49f0b; margin-bottom:30px;}
.job-info .desc{ line-height:30px; color:#929191; margin-bottom:25px;}
.job-info-bottom{ height:28px; line-height:28px; color:#f49f0b;}
.job-info-bottom a{ color:#f49f0b;}

.join-desc{ _display:inline-block; _width:100%; margin-bottom:25px;}
.join-desc .pic{ float:left; width:345px; height:200px; overflow:hidden; margin-right:20px;}
.join-desc .pic img{ max-width:100%;}
.join-desc dt{ line-height:24px; font-size:18px; font-weight:normal; color:#d71c28; margin-bottom:4px;}
.join-desc dd{ line-height:28px;}

.job-head2{ height:32px; line-height:32px; padding:0 12px; background-color:#31B715; margin-bottom:10px; overflow:hidden;}
.job-head2 h3{ float:left; line-height:30px; font-size:18px; font-weight:normal; color:#fff;}
.job-head2 h3 span{ margin-left:10px; font-size:16px;}
.job-head2 a{ float:right; color:#fff;}
.job-head2 a:hover{ color:#fff;}

.j-cor-pic{ margin-bottom:20px; padding-bottom:5px;}
.j-head{ height:24px; line-height:24px; margin-bottom:14px; padding-left:25px; background:url(../images/tip1.png) no-repeat left center;}
.j-head h3{ float:left; font-size:18px; font-weight:normal; color:#535252; line-height:22px;}
.j-head h3 em{ color:#ec1f2c; font-style:normal;}
.j-cor-pic ul{ _display:inline-block; _width:100%;}
.j-cor-pic ul li{ float:left; width:208px; height:174px; overflow:hidden; margin-right:18px; margin-bottom:18px;}

.topAd{ display:none; width:100%; overflow:hidden; background-position: center bottom; background-repeat:no-repeat;}
.topAd a{ display:block;}

.r-s-h,.r-s-b{ margin-bottom:10px; min-width:490px;}
.r-s-h td{ background-color:#ececec;}
.r-s-h td,.r-s-b td,
.r-s-h > tbody > tr > td,
.r-s-b > tbody > tr > td{ text-align:center; line-height:24px; text-align:center;vertical-align:middle;}
.r1{ width:25.2%;}
.r2{ width:12.8%;}
.r3{ width:28%;}

.r-route th{ background-color:#ececec; font-weight:normal; text-align:center; font-size:16px;}
.r-route > tbody > tr > td{ text-align:center; vertical-align:middle;}
.r-route td[rowspan]{ font-size:18px;}

.s-s-row{ _display:inline-block; _width:100%; border-bottom:1px dotted #d1d1d1; margin-bottom:25px;}
.s-s-row .s-s-item{ float:left; width:50%; height:178px; overflow:hidden; margin-bottom:25px;}
.s-s-item .pic{ float:left; width:178px; height:178px; overflow:hidden; margin-right:15px;}
.s-s-item .pic img{ max-width:100%; _width:100%;}
.s-s-item .s-info{ font-size:16px; line-height:30px;}
.s-s-item .s-info .more{ display:block; width:93px; height:28px; line-height:28px; text-align:center; font-size:14px; color:#fff; overflow:hidden; background:url(../images/btn4.png) no-repeat center bottom; margin-top:20px; outline:none;}
.s-s-item .s-info .more:hover,
.s-s-item .s-info .on,
.s-s-row .on .s-info a{ background-position:center top; text-decoration:none; color:#fff;}
.s-s-item .s-info .desc{ display:none;}
.s-add-info{ float:left; padding:14px 18px; line-height:26px; color:#fff; background-color:#31b715;}

.m-product{ _display:inline-block; _width:100%;}
.jqzoom{ width:522px; margin-right:20px; margin-bottom:20px;}
.big-pic{ width:520px; height:322px; overflow:hidden; background-color:#fff; border:1px solid #d6d6d6; margin-bottom:13px;}
.big-pic p{ width:520px; height:322px;
overflow:hidden;
display:table-cell;
vertical-align:middle;
text-align:center;
*display:block;
*font-size:280px;
*line-height: 1;
}
/*.big-pic p img{ max-height:100%; _height:100%;}*/
.small-pic{ width:100%; height:94px; overflow:hidden;}
.small-pic ul{ width:630px; height:94px;}
.small-pic li{ float:left; width:92px; height:92px; overflow:hidden; background-color:#fff; border:1px solid #d6d6d6; margin-right:13px; cursor:pointer;}
.small-pic li.img-hover{ border-color:#fe9b0e;}
.small-pic li img{ width:100%; height:100%;}

.m-info{ margin-bottom:20px;}
.m-info dt{ font-size:18px; font-weight:normal; color:#fe9b0e; line-height:26px; margin-bottom:8px; margin-top:5px;}
.m-info dd{ line-height:35px;}
.m-info .m-buy a{ display:block; width:93px; height:28px; overflow:hidden;  margin-top:10px; line-height:28px; text-align:center; background:url(../images/btn.png) no-repeat center top; color:#fff;}
.m-info .m-share{ height:28px; overflow:hidden; margin-top:15px;}
.m-info .m-share .tip{ float:left; display:inline-block; line-height:28px;}

.m-title{ height:34px; line-height:26px; padding-bottom:8px; border-bottom:1px solid #d1d1d1; padding-left:25px; background:url(../images/tip1.png) no-repeat 0 5px;}
.m-title h3{ float:left; font-size:18px; color:#606060; font-weight:normal;}
.m-detail{ margin-bottom:20px;}
.m-detail .art-text{ padding-top:18px; border-top:1px solid #fff;}

.m-relate{ margin-bottom:30px;}
.m-relate .pro-box{ padding-top:18px; border-top:1px solid #fff; width:100%;}
.m-relate .pro-scroll{ width:100%;}
.m-relate .pro-item{ margin:0 auto;}
.m-relate .pro-scroll .slick-prev{ right:41px; top:-50px;}
.m-relate .pro-scroll .slick-next{ right:10px; top:-50px;}

@media (min-width: 768px) {
  .container {width: 970px;}
}
@media (min-width: 1170px) {
  .container { width: 1160px;}
}
@media screen and (min-width: 768px ) and (max-width: 970px){
	#header,.slider-box,.brands,.bar,.others,.f-links,.copyright,.banner{ width:970px;}
	.main{ width:730px;}
}
@media screen and (max-width:1169px){
	.header .logo{ margin-top:12px;}
	.header .logo img{ width:200px;}
	.header .h-nav li{ margin-right:0;}	
	.slick-dots{ bottom:32px;}
	.link{ display:none;}
	.group-news{ width:600px;}
	.pro-box{ width:635px;}
	.pro-scroll{ width:670px;}
	.pro-scroll .slick-prev{ right:103px;}
	.pro-scroll .slick-next{ right:72px;}
	.bar-item i{ margin-left:0; margin-right:5px;}
	.recruit .last{ display:none;}
	.recruit-box{ width:350px;}
	
	.banner .img-responsive{ max-width:none; width:130%; margin-left:-15%;}
	.main{ width:730px;}
	.aside{ margin-top:-70px;}
	
	.img-nav li{width:174px; height:194px; margin-right:11px;
*background:url(../images/img-bg.gif) no-repeat right bottom;}
	.img-nav li a{ width:170px; height:190px;}
	
	.img-nav2 .img-item{ width:230px; height:140px; margin-right:13px}
	.img-nav2 .img-item .img-title{ font-size:14px; padding:5px; width:28px; line-height:16px;}
	
	.honor .h-item{ width:230px; height:135px; margin:0 6px 22px;}
	
	.supplier-list li{ width:220px; height:160px; margin-right:21px;}
	.supplier-list li .info .tip{ width:40px; height:40px; top:15px; right:15px; background-size:100% 100%;}
	.supplier-list .info p{ padding-left:18px; line-height:18px;}
	.supplier-list .info .cn{ margin-top:80px; font-size:18px; }
	.supplier-list .info .en{ font-size:14px;}
	
	.history-info{ height:220px; background-position:236px center;}
	.history-info h2{ width:200px; padding-top:60px;}
	.history-info p{ line-height:26px;}
	
	.video-list ul,
	.paper-list ul{ width:750px;}
	.video-list ul li,
	.paper-list li{ width:230px;}
	.video-list li .pic{ height:166px;}
	.video-list li .title{ padding:8px 44px 5px 34px; height:37px; line-height:22px; font-size:15px; background:url(../images/video-title2.gif) no-repeat left bottom;}
	
	.pro-list{ width:584px; margin:0 auto; overflow:hidden;}
	.pro-list ul{ width:640px;}
	
	.paper-list li{ margin-right:20px;}
	.paper-list li .pic{ height:266px;}
	.paper-list li .pic img{ max-width:100%; _width:100%;}
	.paper-list li .title{ height:32px; padding:6px 12px; line-height:20px; font-size:16px;}
	
	.pic-col2{ display:none;}
	.corimg-list li{ margin:0 26px 40px 0;}
	
	.m-head .this-sub{ display:none;}
	.r-nav{ padding-right:0;}
	
	.car-item dd{ background-size:80% auto;}
}
@media (max-width: 992px) {
 	.header .logo{ margin:16px 0 0 5px;}
	.header .logo img{ width:150px;}
}
@media screen and (max-width:767px){
	.float{ display:none;}
	.banner .text{ margin-left:-380px; margin-top:-36px;}
	.banner .text img{ width:60%;}
	.header{ height:58px;}
	.header .logo{ margin-top:0;}
	.navbar-collapse{ max-height:none; padding-left:0; padding-right:0;}
	.h-nav{ float:none!important; padding-bottom:40px; background-color:#fff;}
	.header .h-nav .nav-first .one, .header .h-nav .nav-first .one:hover{ background:none;}
	.header .h-nav li{ float:none;}
	.header .h-nav li .one,
	.header .h-nav .nav-first .one,
	.header .h-nav .nav-first.act .one,
	.header .h-nav li.act .one,
	.header .h-nav li.hover .one,
	.header .h-nav li .one:hover,
	.header .h-nav .nav-first .one,
	.header .h-nav .nav-first .one:hover,
	.r-nav li a,
	.r-nav li.curr a,
	.r-nav li a:hover{ width:100%; height:34px; line-height:34px; padding:0; color:#fff;
background:-moz-linear-gradient(top,#e4011a,#b20a01);/*Mozilla*/
background: -webkit-linear-gradient(top,#e4011a,#b20a01);
background: -o-linear-gradient(top,#e4011a, #b20a01);
background: -ms-linear-gradient(top, #e4011a 0%,#b20a01 100%); /* IE10+ */
background: linear-gradient(top, #e4011a 0%,#b20a01 100%); /* W3C */
	}
	
	.nav-second{ position:relative; top:0; width:100%;height:auto; padding:0; border-radius:0; background:#fff;}
	.nav-second a{width:100%; float:none; display:block; height:34px; line-height:34px; padding:0; text-align:center;}
	.nav-second a:hover{ background-color:#838282; color:#cd0616;}
	.header .h-nav li.hover .nav-second{ display: block;}
	
	.r-nav{ margin-top:0; float:none!important; background-color:#fff;}
	.r-nav li{ float:none!important; width:100%; overflow:hidden; margin-right:0; height:34px; color:#fff; }
	.r-nav li a{ display:block; text-shadow:none;}
	
	.banner{ background-size:160% auto; height:165px;}
	
	.pro-series,
	.focus-news,
	.group-news,
	.activity,
	.recruit-box{ width:95%; margin-left:auto; margin-right:auto;}
	.focus-news{ float:none!important; margin-bottom:22px;}
	.focus-news .focus{ width:100%; margin:0 auto;}
	.group-news{ float:none!important;}
	.video-box{ display:none;}
	.pro-box,.pro-scroll{ width:100%;}
	.pro-item{ margin:0 auto;}
	.pro-scroll .slick-prev{ right:31px;}
	.pro-scroll .slick-next{right:0;}
	.bar{ display:none;}
	.activity{ float:none!important; margin:0 auto 22px;}
	.activity .slick-slider{ width:100%; margin:0 auto;}
	.recruit-box{ float:none!important;}
	.r-item{ margin-right:10px;}
	.recruit .last{ display:block;}
	.f-links{ display:none;}
	.copyright .pull-left,
	.copyright .pull-right{ float:none!important; text-align:center; margin-bottom:5px;}
	
	.banner .img-responsive{ width:160%; margin-left:-36%;}
	.aside{ display:none;}
	.main{ float:none!important; width:98%; margin-left:auto; margin-right: auto;}
	
	.video-list ul,
	.paper-list ul{ width:100%;}
	
	.copSlide{ margin:0 auto 38px; float:none!important;}
	.pic-col1{ display:none;}
	.corimg-list li{margin:0 8px 40px}
	.join-form{ width:100%;}
	
	.s-s-row .s-s-item{ height:150px;}
	.s-s-item .pic{ width:150px; height:150px; margin-right:10px;}
	.s-s-item .s-info{ font-size:14px; line-height:28px;}
	
	.img-nav li{width:25%; height:auto; margin-right:0;}
	.img-nav li a{ width:90%; height:auto;}
	
	.img-nav2 .img-item{ width:33.333%; height:auto; margin-right:0}
	.img-nav2 .img-item .pic{ width:92%; height:auto;}
	.img-nav2 .img-item .img-title{ font-size:14px; padding:5px; width:28px; line-height:16px;}
	
	.honor .h-item{ width:31%; height:auto; margin:0 6px 22px;}
}
@media screen and (max-width:700px){
	.navbar-collapse{ padding-left:0; padding-right:0;}
	.supplier-list li{ margin-left:35px; margin-right:35px;}
	.supplier-list li.mr0{ margin-right:35px;}
}
@media screen and (max-width:681px){
	.container { width: 640px;}
	#header .container { width: 100%;}
	.r-item{ float:none; margin:0 auto 20px;}
	.recruit .last{ margin:0 auto;}
	.slider-box .slick-dots li{ display:none;}
}
@media screen and (max-width:640px){
	.container { width: 100%;}
	#header,.slider-box,.brands,.bar,.others,.f-links,.copyright,.banner{ width:100%;}	
	.banner{ height:140px;}
	.banner .text{ margin-left:-345px;}
	.banner .text img{ width:55%;}
	
	.corimg-list li{ margin:0 50px 40px;}
	
	.head-office li{ width:100%;}
	.slider-bottom{ height:20px;}
	
	.s-s-row{ border-bottom:0; margin-bottom:0;}
	.s-s-row .s-s-item{ width:100%; height:auto;}
	.s-add-info{ margin-top:20px;}
	.pull-right .pro-list,
	.pro-list ul{ width:100%;}
	.pro-list li{ margin:0 8px 34px;}
	.mess, .apply-form, .join-form{ width:100%;}
	.join-box{ width:100%;}
	.join-form textarea{ width:360px;}
}
@media screen and (max-width:580px){
	.pro-list li{ float:none; margin:0 auto 34px;}
	.latest .pic{ display:none;}
	.feedback label{ float:none; display:block; text-align:left;}
	.feedback .text1{ float:none;}
	.apply-form .imp{ float:none; display:block;}
	.feedback textarea{ width:100%;}
	.art-relative{ float:none!important; width:100%;}
	.art-share{ float:none!important;}
	.art-share .back{ float:none;}
}
@media screen and (max-width:520px){
	.join-form .text3,
	.join-form textarea{ width:220px;}
	.jqzoom{ width:100%; overflow:hidden; margin-right:0;}
	.big-pic{ width:100%;}
	.big-pic p{ width:100%; height:100%; display:-moz-box; display:-webkit-box; -moz-box-align:center; -webkit-box-align:center; -moz-box-pack:center; -webkit-box-pack:center;}
	.small-pic{ height:auto;}
	.small-pic ul{ width:100%; height:auto;}
	.small-pic li{ margin-bottom:8px; width:70px; height:70px;}
}
@media screen and (max-width:500px){
	.banner{ height:112px;}
	.banner .text{ margin-left:-325px; margin-top:-22px;}
	.banner .text img{ width:45%;}
	.copSlide{ width:100%;}
	.sub-row dl{ width:48%;}
	.join-desc .pic{ float:none; margin:0 auto 20px;}
	.j-cor-pic ul li{ float:none; margin:0 auto 20px;}
	.represent-list li{ height:auto;}
	.represent-list .pic{ float:none; margin-bottom:10px;}
	.list-temp li span{ display:none;}
	.list-temp li a{ display:block; width:100%; overflow:hidden;}
	.paper-list li{ float:none; margin:0 auto 32px;}
	.masthead .tell{ display:none;}
	.masthead .email{ margin-left:5px;}
	.big-pic{ height:300px;}
}
@media screen and (max-width:400px){
	.banner{ height:90px;}
	.m-head h3{ padding-left:0; background:none;}
	.m-head .crumb{ padding-left:0; background:none;}
	.history-info{ background-image:none;}
	.history-info h2{ display:none;}
	.history-info p{ padding-left:0; text-indent:2em;}
	.history-list dt{ width:100px; padding-right:0;}
	.history-list dt p{ font-size:34px;}
	.history-list dd{ padding-left:110px;}
	.sub-row dl{ margin:0 auto 20px; float:none;}
	.coop-item{ float:none; margin:0 auto 22px;}
	.join-title{ padding-left:0;}
	.join-form label{ float:none; display:block; width:auto; text-align:left;}
	.join-form .text1,
	.join-form .select1,
	.join-form textarea{ float:none; display:block;}
	.join-form .text3, .join-form textarea{ width:80%;}
	.join-form .text5{ display:inline-block;}
	.join-form span.tip{ float:none;}
	.join-form .fb-btn{ padding-left:0;}
	.big-pic{ height:260px;}
}
@media screen and (max-width:320px){
	.container { width: 320px;}
	#header,.slider-box,.brands,.bar,.others,.f-links,.copyright,.banner{ width:320px;}	
	.banner{ height:75px;}
	.banner .text{ margin-left:-295px;}
	.banner .text img{ width:32%;}
	.r-item{ width:100%;}
}

 .inputReg2{height: 30px; line-height: 28px; border: 1px solid #D2D2D2; padding: 0px 10px;}  
.introduction{width: 363px; height: 115px; border: 1px solid #D5D5D5; padding: 10px;}

.con_button{height: 36px; line-height: 36px; background: #00AFEF; font-size: 14px; color: #FFF; border: none;width: 80px;}