@charset "utf-8";
html{ font:normal 62.5%/2.3em  arial,"宋体";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#414446; width:100%; min-width:1260px; width:expression((documentelement.clientwidth < 1260) ? "1260px" : "100%" ); zoom:1; background:#efefef;overflow-x:hidden; }
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style:none;}
.ul li{ list-style:none;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0; font-family:宋体;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0;  vertical-align:top;}
a{ color:#555; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#eb2e2c;  -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;transition:all ease 0.3s}
.clear{ clear:both; height:0px; overflow:hidden;}

.container{ width:960px; margin:0 auto;}

.contain{ width:1260px; margin:0 auto;}
.sildebar{}
.maincontent{ background-color:#fff; margin-top:30px;}
.content{ padding:0 150px 30px;}
.singlepage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:13px; line-height:24px;}


/*pages*/
.pages{ padding:37px 0; text-align:right; line-height:25px; zoom:1; overflow:hidden;}
.pages span{ padding:0px 3px; display:inline-block;}
.pages a{ display:inline-block; margin:0px 2px; padding:0px 7px; border:solid 1px #e6e6e6;}
.pages .p_cur,
.pages .p_count,
.pages .p_jump,
.pages .p_total{ display:none;}
.pages .p_page em{ font-style:normal; font-family:arial;}
.pages a.a_cur,.pages a:hover{ color:#fff; background:#e50012;}
/*pages end*/

/*top*/
.top_bg{ line-height:30px; height:30px; position:relative; z-index:333; background:#000;}
.top{ margin:0 auto; width:960px; color:#555;}
.top .language{ font-size:14px;font-weight:bold; float:right; width:78px; height:18px; line-height:18px; text-indent:13px; position:relative; margin-top:5px; border:1px solid #555; border-radius:10px; color:#d0cfcf; -webkit-transition:all 300ms; transition:all 300ms;}
.top .language dl{ width:78px; background:#000; border-radius:0 0 10px 10px; height:0; -webkit-transition:all 300ms; transition:all 300ms; overflow:hidden; position:relative; left:-1px;}
.top .language span{ display:block;}
.top .language i,.top .language i:before,.top .language i:after{ border-radius:1px; height:2px; width:8px; position:relative; display:block; background:#fff; content:''; -webkit-transition:all 300ms; transition:all 300ms; cursor:pointer;}
.top .language i:before{ top:2px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.top .language i{ top:8px; position:absolute; right:8px; top:8px; background:#000;}
.top .language i:after{ top:0; right:-5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.top .language:hover i:after{ top:0; right:-5px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.top .language:hover i:before{ top:2px; right:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

.top .language a{ color:#a3a3a3;}
.top .language:hover{ border-radius:10px 10px 0 0;}
.top .language:hover dl{ height:36px; padding:10px 0; border:1px solid #555; border-top:none;}

.top .searchbox{ float:right; width:152px; height:21px; position:relative; margin-top:3px; margin-right:24px; border-bottom:1px solid #555;}
.top .searchbox a{ display:block; position:absolute; right:-12px; top:0; width:19px; height:20px; background:url(/uploads/image/cimages/search_bg.png) no-repeat;}
.top .searchbox input{ height:15px; line-height:15px; border-left:1px solid #555; padding-left:10px;}

.top .top_a{ float:right; padding-right:10px;}
.top .top_a span{ padding:0 10px;}

.logo.container{ position:absolute; left:50%; top:30px; margin-left:-480px; height:70px; overflow:hidden; z-index:33;}
.logo.container a{ position:absolute; left:0; top:0; z-index:1;}
.logo.container .img{ width:800px; float:right; -webkit-transition:all 300ms; transition:all 300ms; height:70px; left:-1000px; position:relative;}
.logo.container.hover .img{ left:0;}

.mainnav{ position:absolute; width:100%; top:103px; z-index:33;}
.mainnav .nav_box{ transition:all 500ms; -webkit-transition:all 500ms; position:relative; left:50%; margin-left:-480px; background:#fff; border-bottom:2px solid #e50012;}
.mainnav .nav_box > ul{ height:56px; position:relative;}
.mainnav .nav_box > ul > li{ float:left; width:160px; transition:all 300ms; -webkit-transition:all 300ms;}
.mainnav .nav_box .nava{ font-weight:bold; display:block; font-size:14px; position:relative; height:56px; text-align:center; line-height:56px;}
.mainnav .nav_box .nava em{ position:absolute; right:0; top:21px; width:1px; height:17px; background:#e3e3e3;}

.mainnav .nav_box > ul .logo{ width:0; height:0; overflow:hidden;}
.mainnav .nav_box > ul .logo img{ width:137px; max-width:none; max-height:56px;}

.mainnav .nav_box .box{ position:absolute; left:0; width:960px; height:0; overflow:hidden; transition:all 300ms; -webkit-transition:all 300ms; top:56px;}
.home .mainnav .nav_box .box{ top:auto; bottom:56px;}
.mainnav .nav_box .box .text{ position:absolute; left:68px; top:40px; width:420px;}
.mainnav .nav_box .box .text .title{ color:#fff; font-size:36px; line-height:1.1em;}
.mainnav .nav_box .box .text .txt{ color:#888; padding:8px 0 12px; border-bottom:1px solid #e50012;}
.mainnav .nav_box .box .list{ line-height:36px;}
.mainnav .nav_box .box .list dl{ float:left; width:50%;}
.mainnav .nav_box .box .list a{ font-size:14px; font-weight:bold; color:#fff;}
.mainnav .nav_box .box .list ul{ border-left:1px solid #616161; line-height:26px;}
.mainnav .nav_box .box .list ul li{ position:relative; height:14px; padding-left:11px; padding-top:10px;}
.mainnav .nav_box .box .list ul li span{ position:absolute; left:0; bottom:0; height:1px; width:8px; background:#616161;}
.mainnav .nav_box .box .list ul a{ font-size:12px; color:#c9c9c9;}	
.mainnav .nav_box .box .list a:hover{color:#eb2e2c;}
.mainnav .nav_box .box .list2 dl{ width:33.33%;}

.mainnav .nav_box > ul > li:hover .box{ height:340px;}

.mainnav_fixed{ position:fixed; top:0 !important; z-index:35;}
.mainnav_fixed .nav_box{ width:100%; left:0; margin:0; background:rgba(255,255,255,0.9); box-shadow:0 0 33px -10px #333;}
.mainnav_fixed .nav_box > ul > li,.mainnav_fixed .nav_box > ul > .logo{ width:137px; height:56px;}

.home .mainnav_fixed .nav_box .box{ left:0; top:56px;}

.erweima_fixed{ position:absolute; right:0; top:30%; transition:all 300ms; -webkit-transition:all 300ms; width:50px; z-index:33;}
.erweima_fixed li{ width:50px; height:50px; position:relative; transition:all 300ms; -webkit-transition:all 300ms; position:relative; left:0; margin-bottom:10px;}
.erweima_fixed li .name{ width:0; overflow:hidden; color:#fff; line-height:50px; transition:all 300ms; -webkit-transition:all 300ms; height:50px;}
.erweima_fixed li .img{ display:none; max-width:none; width:150px; height:150px;}

.erweima_fixed li.li1{ background:#dbdbdb url(/uploads/image/cimages/erweima_img1.png) no-repeat left top;}
.erweima_fixed li.li2{ background:#dbdbdb url(/uploads/image/cimages/erweima_img2.png) no-repeat left top;}
.erweima_fixed li.li3{ background:#dbdbdb url(/uploads/image/cimages/erweima_img3.png) no-repeat left top; cursor:pointer;}

.erweima_fixed .li:hover{ background-color:#525252; background-position:left bottom; padding-left:50px; left:-50px;}
.erweima_fixed .li:hover .name{ width:50px;}
.erweima_fixed .li:hover .img{ position:absolute; left:-150px; top:0; display:block;}
.erweima_fixed .li3:hover{ background-color:#525252; background-position:left bottom;}
/*top*/

/*bottom*/
.bottom{ width:959px; margin:0 auto; padding:42px 0;}
.bottom dl{ float:left; border-left:1px solid #d9d9d9; min-height:167px; padding-left:41px; width:96px;}
.bottom dl.end{ width:227px;}
.bottom dl dt{ font-size:14px;}
.bottom dl dt a{color:#555;}
.bottom dl dd{ line-height:24px;}
.bottom dl dd a{ color:#777;}
.bottom dl a:hover{ color:#e50012;}

.bottom dl.end .sharebox li{ float:left; position:relative; }
.bottom dl.end .sharebox li a{ width:44px; height:44px; display:block; background-image:url(/uploads/image/cimages/bottom_icon.png); background-repeat:no-repeat;margin-right:13px;}
.bottom dl.end .sharebox li .hide_ewm{ position:absolute;left:-60px; padding:3px;bottom:55px; background:#fff; display:none;}
.bottom dl.end .sharebox li .hide_ewm img{ width:150px; height:150px; max-width:none;}
.bottom dl.end .sharebox li:hover .hide_ewm{ display:block;}
.bottom dl.end .sharebox li .hide_ewm b{ width:0; height:0; border-top:6px solid #fff; border-left:6px solid transparent;border-right:6px solid transparent; position:absolute; bottom:-6px; left:50%; margin-left:-3px;}
.bottom dl.end .sharebox li a.ico_wx{background-position: -56px 0;}
.bottom dl.end .sharebox li a.ico_tq{background-position: -111px 0;}
.bottom dl.end .sharebox li a.ico_qq{ margin-right:0; background-position: right 0;}
.bottom dl.end .sharebox li a:hover{ background-image:url(/uploads/image/cimages/bottom_icon_hover.png);-moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s; transition:all ease 0.3s;}
.bottom dl.end .tel{ font-size:14px; padding-top:10px;}
.bottom dl.end .tel li{ padding-top:5px;}


.copyright{ margin-top:44px; text-align:center; background:url(/uploads/image/cimages/dot.jpg) repeat-x left center;}
.copyright em{ font-style:normal; padding:0 10px; background-color:#efefef;}
.copyright span,
.copyright span a{ color:#b5b5b5;}

.bottom nav{ text-align:center;}
.bottom nav a{ margin:0 7px; padding-right:18px; background:url(/uploads/image/cimages/b_line.jpg) no-repeat right center;}
.bottom nav a.end{ background:none;}
.bottom nav a:hover{ color:#e50012;}
/*bottom*/

/*sildebar*/
.sildebar{}
/*sildebar*/

/*current*/
.current{padding:0 160px; margin-top:-31px; text-align:right; color:#fff; line-height:31px;}
.current a{color:#fff;}
.current span{color:#e50012;}
/*current*/

/*banner*/
.banner{ text-align:center;}
.banner img{ width:1260px; height:174px;}
/*banner*/

/*index*/
.home .logo.container{ top:50px;}
.home .mainnav{ top:600px;}

.homeban{ height:570px; width:1260px; position:relative; margin:0 auto; overflow:hidden;}
.homeban ul{/* position:relative; width:10000%; transition:all 1000ms; -webkit-transition:all 1000ms; left:0;*/}
.homeban li{ float:left; width:1260px;}
.homeban .hd{filter:alpha(opacity=0);opacity: 0;-webkit-transition:opacity 200ms;transition:opacity 200ms;}
.homeban:hover .hd{filter:alpha(opacity=100);opacity:1; -webkit-transition:opacity 200ms;transition:opacity 200ms;}
.homeban .hd a{ position:absolute; top:50%; width:50px; height:50px; background:#dbdbdb; margin-top:-25px; z-index:3;}
.homeban .hd a.prev{ left:0;}
.homeban .hd a.next{ right:0;}

.homeban .hd a span{position:relative;cursor:pointer; display:block;height:50px;}
.homeban  .hd a span:before,
.homeban  .hd a span:after{ border-radius:1px; height:2px; width:16px;  position:absolute; background:#272727; content:'';  left:50%; margin-left:-8px;}
/*
.homeban  .hd a span{ top:8px; position:absolute; right:8px; top:8px; background:#dbdbdb;}*/

.homeban  .hd a span:before{ top:30px; }
.homeban  .hd a span:after{ top:19px; right:0; }
.homeban  .hd a.prev span:before{ transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.homeban  .hd a.prev span:after{  transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.homeban .hd a.next span:before{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.homeban .hd a.next span:after{transform:rotate(45deg); -webkit-transform:rotate(45deg);}

.homeban  .hd a:hover span{ background:#525252;-webkit-transition:background 200ms; transition:background 200ms; }
.homeban  .hd a:hover span:after,
.homeban  .hd a:hover span:before{ background:#fff;}


.home_con{ background:#fff; width:1260px; margin:0 auto;}
.home_pro{ overflow:hidden; height:200px; padding-top:58px;}
.home_pro:hover{ z-index:34; position:relative;}
.home_pro li{ float:left; width:190px; border:1px solid #fff; border-top-width:2px; text-align:center; height:157px; transition:all 300ms; -webkit-transition:all 300ms; padding-top:40px; background:#fff;}
.home_pro li img{ width:156px; /*height:106px;*/}
.home_pro li em{ display:block; font-style:normal;}
.home_pro li .box{ height:0; overflow:hidden; transition:all 300ms; -webkit-transition:all 300ms; font-size:14px; line-height:30px;}
.home_pro li .box span{ font-weight:bold; color:#e60012; font-family:"宋体";}
.home_pro li:hover{ border:1px solid #ebebeb; border-top:2px solid #e60012; height:245px; margin-top:-58px; padding-top:10px;}
.home_pro li:hover .box{ height:88px;}

.home_list{ overflow:hidden; padding:28px 0 36px;}
.home_list .items{ float:left; position:relative; overflow:hidden; width:312px; height:230px; margin:0 12px 12px 0;}
.home_list .items .desc{ position:absolute; width:100%; height:100%; top:-300px; left:0; color:#fff; background:rgba(255,0,0,0.75); display:table;}
.home_list .items .desc .txt{ text-align:center; display:table-cell; vertical-align:middle; font-size:14px; color:#fff;}
.home_list .items .desc .txt .e{ font-size:24px; font-weight:bold; font-family:arial;}
.home_list .items .desc .txt .c{ font-size:18px; padding-bottom:20px;}
.home_list .items .desc .txt a{ color:#fff; padding-right:20px; background:url(/uploads/image/cimages/items_bg.png) no-repeat center right;}

.home_list .items2,.home_list .items5,.home_list .items7{ margin-right:0;}

.home_list .items2,.home_list .items6{ width:636px;}
.home_list .items2{ background:url(/uploads/image/cimages/h_scrollbg.jpg) repeat;}

.h_scroll{ position:relative; padding-left:40px; padding-top:42px;}
.h_scroll .hd{ position:absolute; z-index:10; right:34px; bottom:0;}
.h_scroll .hd span{ display:inline-block; width:10px; cursor:pointer; height:10px; border-radius:50%; background:#fff; margin-left:5px;}
.h_scroll .hd span.on{ background:#e50012;}
.h_scroll .bd{ position:relative; overflow:hidden; height:146px;}
.h_scroll .bd li{height:146px;overflow:hidden; color:#fff;}
.h_scroll .bd li figure{ float:left; width:242px;}
.h_scroll .bd li figure img{ height:146px; width:242px;}
.h_scroll .bd li .txt{ padding-right:29px; float:right; width:299px;}
.h_scroll .bd li h1{ font-size:14px; margin:0; padding-bottom:10px;}
.h_scroll .bd li a{ color:#fff;}
.h_scroll .bd li p{ margin:0; height:88px; line-height:18px; color:#bfbfbf;}
.h_scroll .bd li a.more{ position:relative;}
.h_scroll .bd li a.more::before{ position:absolute; content:''; border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #fff; width:0; height:0; right:-13px; top:50%; margin-top:-3px;}
/*index*/

.sildebar{ padding:34px 150px 17px; overflow:hidden; clear:both;}
.sildebar li{ float:left; margin-right:1px; width:108px; text-align:center; height:40px; line-height:40px;}
.sildebar li a{ display:block; background-color:#dedede;color:#202020;}
.sildebar li a:hover,.sildebar li a.aon{background-color:#212121;color:#fff; transition:all ease 0.3s;}

.secnav{ padding-top:20px;}
.secnav dd{ float:left; line-height:25px; padding:0 4px;}
.secnav dd.on{ color:#e60012;}
.secnav dd a:hover,.secnav dd a.aon{color:#e60012;}

.about_index .box{ padding:76px 150px 73px 150px;}
.about_index .box_bottom_line{ border-bottom:1px solid #d9d9d9;}
.about_index .box_top{ padding-top:34px;}
.about_index .box_black{ background-color:#1c1c1c;}
.about_index .b_left{ float:left;}
.about_index .b_right{ float:right;}
.about_index .txt{ width:328px;}
.about_index .pic,
.about_index .pic img{ width:480px;}
.about_index .txt h1.title{ margin:0; color:#aaa; font-size:20px; font-style:italic; padding-bottom:40px;}
.about_index .txt h1.title span{ width:110px; height:2px; display:inline-block; background-color:#aaa; margin-left:15px;}
.about_index .txt h3.title{margin:0; color:#000;font-size:26px; font-weight:normal; padding-bottom:10px;}
.about_index .more b{ width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #000; display:inline-block;  margin-right:11px;}
.about_index .more a{ color:#000;}
.about_index .box_black .more b{ border-right-color:#fff;}
.about_index .box_black .more a{ color:#fff;}
.about_index .info{ text-align:justify; text-justify:inter-ideograph; line-height:22px;}
.tab .tab_span{ overflow:hidden; height:80px;}
.about_index .box_black .info{ color:#fff;}
.tab .tab_span span{ float:left; line-height:40px; padding:0 30px; background-color:#404040; color:#aaa; cursor:pointer; position:relative; margin-right:1px;}
.tab .tab_span span b{ width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #404040; position:absolute; left:50%; margin-left:-10px; bottom:0; opacity:0;}
.tab .tab_span span.active{ background-color:#626262; color:#fff; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -transition:all ease 0.3s;transition:all ease 0.3s;}
.tab .tab_span span.active b{ border-top-color:#626262;  bottom:-12px; opacity:1; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -transition:all ease 0.3s;transition:all ease 0.3s;}

.year_list{ position:relative; padding-top:60px; background:url(/uploads/image/cimages/yearbg.jpg) repeat-x -18px top;}
.year_list .prev,
.year_list .next{ position:absolute; top:78px; width:25px; height:25px; cursor:pointer; z-index:10;}
.year_list .prev{ left:12px; background:url(/uploads/image/cimages/year_left.jpg) no-repeat;}
.year_list .next{ right:12px; background:url(/uploads/image/cimages/year_right.jpg) no-repeat;}
.year_list .bd{ position:relative; overflow:hidden; padding:0 30px;}
.year_list .bd li{ background:url(/uploads/image/cimages/year_li.jpg) no-repeat center center; width:100px; height:58px; line-height:58px; text-align:center; color:#fff; font-size:17px;  cursor:pointer;}
.year_list .bd li.active{ background-image:url(/uploads/image/cimages/year_li_active.jpg);}
.year_info{ padding:60px 0;}

.honor{ height:600px; }
#example2 .front{margin-top:0}
#example2 .behind{margin-top:80px}
#example2 .back{margin-top:150px}
#example2{position:relative;z-index:1; margin:0 auto;}
#example2 li{list-style:none;position:absolute;z-index:1;display:none;background:#fff;}
#example2 li h6{ display:none;}
#example2 img{border:0;vertical-align:middle;width:550px;height:413px}
#example2 span{padding:5px 0;display:none;position:absolute;left:0;bottom:-60px; font-size:14px;text-align:center;cursor:default; width:900px; left:-200px;}
#example2 li#example2_item3 span{ display:block;}
#externalcontrols{ position:relative; z-index:10; height:40px;}
#externalcontrols .prev,
#externalcontrols .next{ position:absolute; top:238px; width:25px; height:25px; cursor:pointer; border:none; padding:0;}
#externalcontrols .prev{ left:0;  background:url(/uploads/image/cimages/year_left.jpg) no-repeat;}
#externalcontrols .next{right:0; background:url(/uploads/image/cimages/year_right.jpg) no-repeat;}

.honorb{ height:700px;}
#example3 .front{margin-top:0}
#example3 .behind{margin-top:100px}
#example3 .back{margin-top:130px}
#example3{position:relative;z-index:1; margin:0 auto;}
#example3 li h6{ display:none;}
#example3 li{list-style:none;position:absolute;z-index:1;display:none;background:#fff;}
#example3 img{border:0;vertical-align:middle;width:500px;height:550px}
#example3 span{padding:5px 0;display:none;position:absolute;left:0;bottom:-60px; font-size:14px;text-align:center;cursor:default; width:900px; left:-200px;}
#example3 li#example3_item3 span{ display:block;}
.honorb #externalcontrols .prev,
.honorb #externalcontrols .next{ top:286px; }


.padding150{ padding:0 150px 45px;}
.product_list .select{ padding-top:27px;}
.select .open{ border-bottom:1px solid #dedede; height:38px; line-height:38px; color:#202020; font-size:18px; padding-left:32px; background:url(/uploads/image/cimages/a_open.jpg) no-repeat left center; cursor:pointer;}
.select .close{ background-image:url(/uploads/image/cimages/a_close.jpg);}
.select .open_sel{ /*display:none;*/ border-bottom:1px solid #dedede; padding:24px 0;}
.select .open_sel dl{ padding-bottom:24px; overflow:hidden; clear:both;}
.select .open_sel label{ padding-left:14px;}
.select .open_sel label input{ margin-right:5px; vertical-align:middle;}
.select .open_sel dl label{width:215px; float:left;}
.select .open_sel dt label{ padding-right:32px;}
.product_list .list{ padding-top:22px;}
.product_list .list li{ float:left; width:212px; margin-right:37px;  height:226px;}
.product_list .list li.end{ margin-right:0;}
.product_list .list li p{ margin:0; padding-top:5px;text-align:center; font-size:14px;}
.product_list .list li img{ width:212px; height:144px;}

.detail h3{ margin:0 0 10px 0; background:url(/uploads/image/cimages/dot.jpg) repeat-x left center; text-align:center; font-size:18px; font-weight:normal;}
.detail h3 span{ display:inline-block; padding:0 15px; background-color:#fff; color:#000;}
.detail dl{ text-align:center;color:#555;}
.detail dl a{ color:#555; padding:0 10px;}
.detail dl a:hover{color:#f70d07;}

.news_search{ position:relative; width:960px; margin:0 auto;}
.news_search .search{ position:absolute; right:0; top:34px; border:1px solid #b7b6b7; width:279px; height:41px;}
.search .text{ float:left; width:197px; padding:0 5px; line-height:39px; height:39px; font-style:italic; color:#333; background:#fff; border:none;}
.search .btn{ cursor:pointer;border:none; width:72px; background:#c2c2c2; color:#fff; float:left; height:41px;}

.news_list ul{ margin-left:-15px;perspective:960px;perspective-origin:50% 100%}
.news_list li{ float:left; width:310px; margin-left:15px; height:379px; opacity:0;transform: rotatex(-5deg);}
.news_list li figure{ overflow:hidden;height:168px;}
.news_list li figure img{ width:310px; height:168px;transform:scale(1);}
.news_list li:hover figure img{ transform:scale(1.1); -moz-transition: all  ease 0.3s; -ms-transition: all  ease 0.3s; -webkit-transition: all  ease 0.3s;transition: all  ease 0.3s;}
.news_list li h3{ font-weight:normal; margin:0; font-size:14px; padding-top:24px; padding-bottom:16px;}
.news_list li h3 span{ float:right; color:#585858; font-size:12px;}
.news_list li h3 a{ color:#000;}
.news_list li p{ line-height:20px; margin:0; padding-bottom:24px;} 
.news_list li .more{ position:relative; padding-left:15px; color:#000;}
.news_list li a:hover{color:#e60012;}
.news_list li .more::before{ position:absolute; content:''; left:0; top:50%; margin-top:-4px; width:0; height:0; border-left:7px solid #000; border-top:4px solid transparent;border-bottom:4px solid transparent;}
.news_list li .more:hover::before{ border-left-color:#e60012;}
.active li{ opacity:1; transform: rotatex(0deg);
    /*transform-origin: 50% 0 0;*/
    transition: all  ease-out 0.3s;}
.active li:nth-child(2n){ -moz-transition: all  ease-out 0.5s; -ms-transition: all  ease-out 0.5s; -webkit-transition: all  ease-out 0.5s;transition: all  ease-out 0.5s;}
.active li:nth-child(3n){ -moz-transition: all  ease-out 0.7s; -ms-transition: all  ease-out 0.7s; -webkit-transition: all  ease-out 0.7s;transition: all  ease-out 0.7s;}

.view{ padding-top:20px;}
.view a{ border-top:1px solid #b4b5b5;border-bottom:1px solid #b4b5b5; height:48px; line-height:48px; padding-left:43px;display:inline-block; width:140px; position:relative; overflow:hidden; color:#303131;}
.view a::after,
.view a::before{ position:absolute; content:''; left:109px;  width:18px; height:18px;background-image:url(/uploads/image/cimages/a_view.png); background-repeat:no-repeat;-moz-transition: all  ease 0.5s; -ms-transition: all  ease 0.5s; -webkit-transition: all  ease 0.5s;transition: all  ease 0.5s;}

.view a::before{ top:16px; background-position:0 0;opacity:1;}
.view a::after{bottom:58px;background-position:0 -18px;opacity:0;}

.view a:hover{color:#e50012;}
.view a:hover::before{ top:58px; opacity:0; }
.view a:hover::after{ bottom:14px;opacity:1;}
.view a:hover::after,
.view a:hover::before{-moz-transition: all  ease 0.5s; -ms-transition: all  ease 0.5s; -webkit-transition: all  ease 0.5s;transition: all  ease 0.5s;}

/*关闭*/
.close{ padding-top:20px;}
.close a{ border-top:1px solid #b4b5b5;border-bottom:1px solid #b4b5b5; height:48px; line-height:48px; padding-left:43px;display:inline-block; width:140px; position:relative; overflow:hidden; color:#303131;}
.close a::after,
.close a::before{ position:absolute; content:''; left:109px;  width:18px; height:18px;background-image:url(/uploads/image/cimages/a_close.png); background-repeat:no-repeat;-moz-transition: all  ease 0.5s; -ms-transition: all  ease 0.5s; -webkit-transition: all  ease 0.5s;transition: all  ease 0.5s;}

.close a::before{ top:16px; background-position:0 -18px;opacity:1;}
.close a::after{bottom:-48px;background-position:0 0;opacity:0;}

.close a:hover{color:#e50012;}
.close a:hover::before{ top:-48px; opacity:0; }
.close a:hover::after{ bottom:14px;opacity:1;}
.close a:hover::after,
.close a:hover::before{-moz-transition: all  ease 0.5s; -ms-transition: all  ease 0.5s; -webkit-transition: all  ease 0.5s;transition: all  ease 0.5s;}


.job_list{border-bottom:1px solid #e8e8e8;/* margin-top:-34px;*/}
.job_list .name{ overflow:hidden; clear:both;font-size:14px;}
.job_list ol.name{ padding-left:0; border:1px solid #e8e8e8; border-bottom:0; margin:0; background: url(/uploads/image/cimages/jobbg.jpg) repeat-x left top; font-size:18px; color:#fff;}
.job_list .name span{ width:20%; height:44px; line-height:44px; text-align:center; float:left;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.job_list .name span.s1{width:45%; }
.job_list .name span.s2{width:15%;}
.job_list .name span b{ font-weight:normal; color:#e50012;}
.job_list .name span i{ background:url(/uploads/image/cimages/job_icon.png) no-repeat; width:10px; height:5px; display:inline-block; margin-left:22px;}
.job_list .down span i{ background-image:url(/uploads/image/cimages/job_icon_hover.gif);}
.job_list dl.name{ cursor:pointer;}
.job_list .list:nth-of-type(2n){ background-color:#f7f7f8;}
.job_list .list{border-bottom:1px solid #e5e5e5;}
.job_list .list .con{padding:15px 222px 15px 94px; position:relative; overflow:hidden; display:none; min-height:50px;}
.job_list .list .apply{ position:absolute; bottom:25px; right:65px;}
.job_list .list .apply a{ display:inline-block; background-color:#e50012; color:#fff; font-weight:bold; font-size:14px;width:134px; height:35px; line-height:35px; text-align:center; border-radius:3px;}

/*.job_info{ margin-top:-34px;}*/
.job_info .title{ font-weight:normal; border-bottom:1px solid #d9d9d9; margin:0;}
.job_info .title span{ display:inline-block; border-bottom:4px solid #e50012;}
.job_info h1.title{ font-size:20px;}
.job_info h1.title span{ padding-bottom:18px;}
.job_info .tips{ font-size:14px; padding:24px 0;border-bottom:1px solid #d9d9d9;}
.job_info h3.title{ padding-top:15px; font-size:14px; padding-left:21px;}
.job_info h3.title span{ padding-bottom:13px;}
.job_info .form{ padding-top:31px;font-size:14px; }
.job_info .form td{ padding-bottom:16px;}
.job_info .form .f_name{ width:99px; padding-right:10px; text-align:right;}
.job_info .form .text{ border:1px solid #ccc; background:none; width:296px; padding:0 5px; height:28px; line-height:28px;}
.job_info .form .text_add{ width:775px;}
.job_info .form_err{color:#e50012;}

.btn_box{ text-align:center;}
.btn_box .btn{ background:#e50012; color:#fff; font-weight:bold; font-size:14px;width:112px; height:35px; border-radius:3px; cursor:pointer; border:none;}

.try_ride_list{ padding-right:113px;}
.try_ride_list li{ margin-bottom:11px;border:1px dashed #dcdcdc; padding-left:116px; padding-top:16px; padding-bottom:16px; position:relative;}
.try_ride_list li time{ position:absolute; left:16px; width:72px; text-align:center; top:16px;}
.try_ride_list li time span{ text-align:center; display:block; color:#000; font-size:24px;}
.try_ride_list li figure{ border-left:1px dashed #dcdcdc; color:#737373; padding-left:28px; padding-right:100px;}
.try_ride_list li .more{ position:absolute; right:22px; color:#949494; width:20px; line-height:20px; text-align:center; font-size:30px; top:50%; margin-top:-10px;}
.try_ride_list li h1,
.try_ride_list li p{ margin:0;}
.try_ride_list li p{ font-size:13px;}
.try_ride_list li h1{ font-size:14px; font-weight:normal;}
.try_ride_list li h1 a{ color:#000;}
.try_ride_list li h1 a:hover{ color:#e50012;}
.try_ride_list li:hover{ background-color:#f6f6f6;}
.try_ride_list li:hover time{color:#ea6f75;}
.try_ride_list li:hover time span{  color:#e7323c;}

.download_list_files ul{ border:1px solid #d3d2d2; text-align:center;}
.download_list_files ol{ overflow:hidden; padding-left:0; border-bottom:1px solid #ff0000; background:url(/uploads/image/cimages/d_ol.jpg) repeat-x left top; height:31px; line-height:31px; font-weight:bold; font-family:宋体;}
.download_list_files li{ overflow:hidden; border-top:1px solid #e2e2e2; height:33px; line-height:33px;}
.download_list_files span{ float:left;}
.download_list_files .wa{ width:580px; padding:0 10px;}
.download_list_files .wb{ width:85px;}
.download_list_files .wc{ width:177px; float:right;}
.download_list_files li .wc a{ display:inline-block; width:57px;color:#4e4e4e; height:21px; line-height:21px; background:#e5e5e5;}
.download_list_files li .wc a:hover{ background:#e50012; color:#fff;}

.download_list_video{ margin-left:-15px;}
.download_list_video li{ width:310px; float:left; margin-left:15px; position:relative; height:247px; overflow:hidden; margin-bottom:32px;}
.download_list_video li a{ display:block;}
.download_list_video li img{width:310px;height:247px;}
.download_list_video li span{ position:absolute;}
.download_list_video li span.video{ top:84px; width:42px; height:42px; left:50%; margin-left:-21px; background:url(/uploads/image/cimages/a_video.png) no-repeat;}
.download_list_video li span.bg,
.download_list_video li span.text{bottom:0; height:38px; line-height:38px;  width:100%; text-align:center;}
.download_list_video li span.text{ z-index:3;color:#000; font-size:14px;}
.download_list_video li span.bg{ background-color:#f4f5f5;filter:alpha(opacity=90);opacity: 0.9;}
.download_list_video li:hover span.bg{ background-color:#e50012; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -webkit-transition:all ease 1s;transition:all ease 1s;}
.download_list_video li:hover span.text{ color:#fff;}

.download_list_img li{ float:left; width:316px;margin-right:6px; padding-bottom:6px;}
.download_list_img li img{width:316px; height:207px; }
.download_list_img li.area0{ width:638px;}
.download_list_img li.area0 img{width:638px; height:420px;}
.download_list_img li.area1,
.download_list_img li.area2,
.download_list_img li.area5{ margin-right:0;}

.downdiv{background:#000; opacity:0.7; position: fixed; width:100%; height:100%; left:0;top:0; z-index:98;}
.download_pass{ position:fixed; width:444px; height:176px; z-index:100; left:50%; top:50%; margin-top:-88px; margin-left:-222px; border-radius:4px; background-color:#f0eeee;}
.download_pass h1{ background:url(/uploads/image/cimages/float_titlebg.png) repeat-x; height:43px; line-height:43px; color:#fff; font-size:16px; font-weight:normal; padding:0 10px 0 29px; margin:0;}
.download_pass h1 span{ float:right; background:url(/uploads/image/cimages/float_colse.png) no-repeat; width:25px; height:23px; overflow:hidden; line-height:100px; margin-top:10px; cursor:pointer;}
.download_pass dt{ overflow:hidden; clear:both; padding-top:34px;}
.download_pass dt span{ float:left; width:134px; padding-right:10px; text-align:right;}
.download_pass dt .text{ width:234px; height:32px; line-height:32px; box-shadow:0 0 1px #ccc; border-radius:4px; border:1px solid #d5d3d3; background:#fff; padding:0 5px;}
.download_pass dd{ padding-top:10px; text-align:right; padding-right:54px;}
.download_pass dd .btn{ width:78px; height:32px; color:#fff; cursor:pointer; background:url(/uploads/image/cimages/float_btn.jpg) no-repeat; border:none;}


.yz_pass{ position:fixed; width:444px; height:250px; z-index:100; left:50%; top:50%; margin-top:-100px; margin-left:-222px; border-radius:4px; background-color:#f0eeee; }
.yz_pass h1{ background:url(/uploads/image/cimages/float_titlebg.png) repeat-x; height:43px; line-height:43px; color:#fff; font-size:16px; font-weight:normal; padding:0 10px 0 29px; margin:0;}
.yz_pass h1 span{ float:right; background:url(/uploads/image/cimages/float_colse.png) no-repeat; width:25px; height:23px; overflow:hidden; line-height:100px; margin-top:10px; cursor:pointer;}
.yz_pass dt{ overflow:hidden; clear:both; padding-top:10px;}
.yz_pass dt span{ float:left; width:134px; padding-right:10px; text-align:right;}

.yz_failed{ position:fixed; width:444px; height:176px; z-index:100; left:50%; top:50%; margin-top:-88px; margin-left:-222px; border-radius:4px; background-color:#f0eeee;}
.yz_failed h1{ background:url(/uploads/image/cimages/float_titlebg.png) repeat-x; height:43px; line-height:43px; color:#fff; font-size:16px; font-weight:normal; padding:0 10px 0 29px; margin:0;}
.yz_failed h1 span{ float:right; background:url(/uploads/image/cimages/float_colse.png) no-repeat; width:25px; height:23px; overflow:hidden; line-height:100px; margin-top:10px; cursor:pointer;}
.yz_failed p{padding:0 34px;}



.sale_web{ border:1px solid #ccc;}
.sale_web .result{ padding:16px;}
.sale_web .result dl{ font-size:14px; color:#000; padding-bottom:10px;}
.sale_web .result dl span,
.sale_web .result .tips span{color:#e50012;font-size:14px;}
.sale_web .result .tips p{ margin:0;}

.sale_web_search{ margin:34px 0 21px 0; background-color:#e50012; padding:10px 27px 9px 24px; color:#fff;}
.sale_web_search dl{ float:right;font-size:14px;}
.sale_web_search dd{ float:left; padding-left:10px;}
.sale_web_search dd .text{ background:#fff; width:228px; height:25px; line-height:25px;}
.sale_web_search dd .btn{ cursor:pointer; color:#e50012; background:#fff; height:25px; width:44px; font-size:14px;}
.sale_web_search select{ border:1px solid #b7000e; background-color:#fff; min-width:93px;}

.sale_web_list table{ border:1px solid #ccc; border-collapse:collapse;}
.sale_web_list table td{border:1px solid #ccc; border-collapse:collapse;text-align:center; padding:5px 0;}
.sale_web_list .tr_top td{border-bottom:1px solid #ff0000; background:url(/uploads/image/cimages/d_ol.jpg) repeat-x left bottom #fff; height:37px; line-height:37px;  padding:0;}
.sale_web_list .w1{ width:107px;}
.sale_web_list .w2{ width:268px;}
.sale_web_list .w3{ width:292px;}

.product_true{ padding-top:31px;}
.product_true .left{ float:left; width:511px;}
.product_true .left figure{ padding-bottom:10px;}
.product_true .left figure img{ width:511px; height:190px;}
.product_true .left .txt{ border:1px dashed #ccc; padding:10px;}
.product_true .right{ width:400px; float:right; font-size:14px;}
.product_true .right td{ padding-bottom:24px;}
.product_true .right .text{ width:267px; border:1px solid #b7b6b7; height:39px; line-height:39px; padding:0 5px;}
.product_true .right td span{ line-height:40px; display:inline-block; margin-left:10px;}
.product_true .btn{ text-align:center;}
.product_true .btn input{ width:98px; height:37px; cursor:pointer; color:#fff; background:#e50012; border-radius:3px;}

.links_list{ padding-top:30px; min-height:400px;}
.links_list li{ float:left; margin-right:40px; width:182px; text-align:center; height:129px;}
.links_list li figure img{ width:180px; height:73px;}
.links_list li figure{ border:1px solid #e0e0e0;}
.links_list li h3{ font-weight:normal; margin:0; padding-top:10px;}

.other_title{ text-align:center; font-size:18px; font-weight:bold; color:#000;background:url(/uploads/image/cimages/dot.jpg) repeat-x center center; padding:40px 0;}
.other_title span{ background-color:#fff;padding:0 15px;}

.product_otherinfo .bigimg{ position:relative;}
.product_otherinfo .bigimg img{ width:100%;}
.product_otherinfo .bigimg figure{ border:1px solid #c3c0c2; width:289px; position:absolute; top:0; right:0; text-align:center;}
.product_otherinfo .bigimg figure dl{ font-size:14px; padding:10px 5px 16px;}
.product_otherinfo .bigimg h1{ text-align:center; font-size:14px;}

.intro_box .title{ background:#f2f2f2; padding:0 20px; font-size:14px; font-family:宋体; line-height:31px; font-weight:bold; margin-bottom:18px; color:#333;}
.intro_box .info{ padding:0 20px 30px; overflow:hidden; clear:both;}

.same_title{ margin:0; color:#aaa; font-size:20px; font-style:italic; padding-bottom:40px; font-weight:bold; padding:50px 0 20px 0;}
.same_title span{ width:110px; height:2px; display:inline-block; background-color:#aaa; margin-left:15px;}

.product_info .box{ padding:0 150px 30px; overflow:hidden; clear:both;}
.product_info .box_p0{ padding-bottom:0;}
.product_info .box .left{ float:left; width:480px; height:454px;}
.product_info .box .left img{ width:480px; height:418px;}
.product_info .box .main{ float:right; width:375px;}
.product_info .box_bg{ background:url(/uploads/image/cimages/prod_boxbg.jpg) repeat-x left top;}
.box_title_black .same_title{color:#000;}
.box_title_black .same_title span{background-color:#000;}
.product_info .box_black{ background-color:#202020; color:#fff;}
.product_info .tab{ padding-top:40px;}

.img_fade{ position:relative; overflow:hidden; margin:10px 0;}
.img_fade .get_tobig{ position:absolute; width:100%; text-align:center; padding-top:125px; z-index:10; left:0; top:0; height:60px; color:#fff; font-size:16px; font-style:italic;}
.img_fade .get_tobig b{ width:0; height:0; display:inline-block; border-left:7px solid #fff; margin-right:5px;border-top:4px solid transparent; border-bottom:4px solid transparent;}
.img_fade .get_tobig p{ font-size:18px; margin:0;}
.img_fade .bd{ position:relative; overflow:hidden;height:185px;}
.img_fade .bd li img{ width:375px; height:185px;}

.product_info .first{ text-align:center; padding-bottom:20px;font-size:26px; font-style:italic; text-transform:uppercase; letter-spacing:1px;}
.product_info .first:first-letter{font-size:32px;}
.product_info .video{ text-align:center;}
.product_info .video .open_video{ position:relative; display:block; height:320px; overflow:hidden;}
.product_info .video .open_video.active{ height:540px; transition:all 0.3s;}
.product_info .video .open_video img{ transform:translatey(-110px);}
.product_info .video .open_video.active img{ transform:translatey(0px);transition:all 0.3s;}
.product_info .video .btn_play{ position:absolute;background:url(/uploads/image/cimages/a_icon_video.png) no-repeat center center; width:100%; height:100%; left:0; top:0; z-index:10; cursor:pointer;}
.product_info .video .open_video:hover .btn_play{ background-image:url(/uploads/image/cimages/a_icon_video_hover.png); transition:all 0.3s;}
.product_info .video .tips{ padding:20px 0; font-size:10px;-webkit-transform: scale(0.90); line-height:18px;}
.product_info .video .video_files{ height:540px; width:100%; position:absolute; left:0; top:0; z-index:0; opacity:0;}
.product_info .video .open_video.active .video_files{ opacity:1; z-index:20;transition:all 0.3s;}
.product_info .info .view{ text-align:center; border-top-color:#636363; border-bottom-color:#636363;}
.product_info .info .view a{ text-align:left; color:#fff;}
.product_info .info .view a:hover{color:#e50012;}
.product_info .info .view a::before,
.product_info .info .view a::after{ background-image:url(/uploads/image/cimages/a_view_white.png);}

.info_updown{ background-color:#fff; padding:48px;width:705px; margin:0 auto; margin-top:20px;}
.info_updown .title{ text-align:center; margin:0; font-size:26px; color:#000; padding-bottom:27px; font-weight:normal;}
.slide_down{ margin-top:18px; }
.slide_down dd{ padding-bottom:3px;}
.slide_down dd .info{ display:none;}
.slide_down dd .tit{ height:41px; line-height:41px; background:#aaa; padding-left:48px; color:#fff; margin:0; font-size:14px; font-weight:normal; cursor:pointer; position:relative;}
.slide_down dd .tit::before{ width:18px; height:18px; background:url(/uploads/image/cimages/a_view_white.png) no-repeat; position:absolute; content:''; right:25px; top:11px;}
.slide_down dd.on .tit{ background-color:#000;}
.slide_down dd.on .tit::before{ display:none;}

.openhide_info{ display:none; padding:68px 0;}
.openhide_info .con .info{ padding-bottom:30px;}


.img_more{ padding-bottom:30px;}
.img_more .swiper-container{ height:100%;}
.img_more .swiper-slide{ cursor:-webkit-grab; text-align:center;}
.img_more .swiper-slide img{ max-width:100%;}
.img_more .control{ position:absolute; right:0; bottom:0; z-index:10;}
.img_more .control li{ width:50px; font-size:14px; height:51px; line-height:51px; float:left; background-color:#dedede; margin-left:1px;filter:alpha(opacity=90);opacity: 0.9; text-align:center;}
.img_more .control li:hover{ background-color:#444; color:#fff; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;transition:all ease 0.3s;}
.img_more .swiper-button-next,
.img_more .swiper-button-prev{width:50px; height:51px; cursor:pointer;}
.img_more .swiper-button-prev{ background:url(/uploads/image/cimages/btn_prev.png) no-repeat center center;}
.img_more .swiper-button-next{ background:url(/uploads/image/cimages/btn_next.png) no-repeat center center;}
.img_more .control li:hover .swiper-button-prev{ background-image:url(/uploads/image/cimages/btn_prev_hover.png);}
.img_more .control li:hover .swiper-button-next{ background-image:url(/uploads/image/cimages/btn_next_hover.png);}
.control li dl,
.control .swiper-pagination{ display:inline-block;}
.control .swiper-pagination span{ display:none;}
.control .swiper-pagination span.swiper-pagination-bullet-active{ display:inline-block;}
.control li #full,
.control li #close_full,
.control li #fulla,
.control li #close_fulla{ height:51px; background:url(/uploads/image/cimages/a_full.png) no-repeat center center;}
.control li #full,
.control li #fulla{ display:block;}
.control li #close_full,
.control li #close_fulla{ display:none;}
.control li:hover #full,
.control li:hover #close_full,
.control li:hover #fulla,
.control li:hover #close_fulla{background-image:url(/uploads/image/cimages/a_full_hover.png);}
.control li.share a{ width:50px; height:51px; padding:0; margin:0; background:url(/uploads/image/cimages/a_share.png) no-repeat center center;}
.control li.share a:hover{background-image:url(/uploads/image/cimages/a_share_hover.png);}

.fullscreen{ position:fixed; left:0; top:0; width:100%; background-color:#000; height:100%; z-index:1000;}
.fullscreen .control li:hover #close_full{ background-color:#e50012;}
.fullscreen .swiper-container-y{ height:100%;}

.table_cell{ display:table; width:100%; height:100%;}
.table_cell .table{vertical-align:middle; display:table-cell;}

.video{ width:800px; margin:0 auto;}

.info_title{ text-align:center; font-size:20px; padding:20px 0 0;}
.info_time{ text-align:center; color:#999; padding:10px 0;}

.info_back{ text-align:center; font-weight:bold; border-top:1px dotted #ddd;  border-bottom:1px dotted #ddd; padding:5px 0; margin:10px 0;}
.info_back a{color:#ca192b;}
.info_np{ padding:10px 0; line-height:25px;height:25px;}
.info_np span.l{ float:left;}
.info_np span.r{ float:right;}
.info_np a{ color:#999;}
.info_np a:hover{ color:#ca192b;}


.download_pass h1 span{  background: rgba(0, 0, 0, 0)  no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 23px;
    line-height: 100px;
    margin-top: 10px;
    overflow: hidden;
    width: 25px;}