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

.main_warp{}
/*focus*/
.focus{ width:100%; height:496px; position:relative; overflow-x:hidden;}
#myFocus-wrap{ width:1920px; position:absolute; left:50%; margin-left:-960px;} 
.mF_YSlider .pic li,.mF_YSlider .rePic li{ width:100%; height:496px; position:absolute;top:0; left:0; display:none;}
.mF_YSlider .pic li img{ display:block; width:1920px; position:absolute; left:50%; margin-left:-960px;}
.mF_YSlider .num{ position:absolute; width:100%; bottom:30px; text-align:center; z-index:3; }
.mF_YSlider .num li{ display:inline-block; width:20px; height:20px; overflow:hidden; margin:0 10px; overflow:hidden; cursor:pointer; background:url(../images/focus_btn1a.png) no-repeat;} 
.mF_YSlider .num li.current{ background-image:url(../images/focus_btn1b.png);}
.mF_YSlider .num li a,.mF_YSlider .num li span{ display:none; /**+display:inline-block; *+font-size:26px;*/}
/*for_warp*/
.for_warp{ padding:20px 0 30px;}
.fot_top{ text-align:center; font-size:14px; padding-bottom:28px; background:url(../images/for_01.gif) center bottom no-repeat;}
.for_tit{ font-size:30px; color:#000; margin-bottom:5px;} 
.for{ width:1024px; margin:0 auto; border-top:1px solid #cccccc; margin-top:-1px;}
.for_list{ margin-top:30px; border-right:1px dashed #cccccc; }
.ser_area{cursor:pointer; display:inline; width:169px; height:130px; float:left;overflow:hidden; position:relative; font-size:16px; border-left:1px dashed #cccccc;} 
.ser_area .pic1{width:60px;height:60px;text-align:center;position:absolute;top:20px;right:60px;z-index:99;}
.ser_area .pic2{width:60px;height:60px;text-align:center;position:absolute;top:20px;left:-60px;z-index:99;}
.ser_area .txt1{width:170px; text-align:center; font-size:16px; font-weight:bold; color:#333333; position:absolute;top:102px;left:0px;z-index:99;}
.ser_area .txt2{width:170px; text-align:center; font-size:16px; font-weight:bold; color:#8e0000;position:absolute;top:102px;right:-170px;z-index:99;} 
/*case_warp*/
.case_warp{ background:#f4f4f4; padding:40px 0;}
.case_top{ width:1024px; margin:0 auto;}
.title_01{ font-size:24px; padding-bottom:15px; background:url(../images/ico_title.gif) left bottom no-repeat;}
.title_01 a{ color:#000;}
.title_01 a em{ font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#999; text-transform:uppercase; margin-left:10px;}
.cases{ position:relative; padding-top:20px;}
.case_list{}
.case_area{ width:320px; padding:0 0 10px; background:url(../images/case_01.png) center bottom no-repeat; float:left; margin:0 16px;} 
.case_show{ overflow:hidden; width:296px; height:343px; padding:20px 12px 0; background:#fff;}
.case_item{ font-weight:normal; font-size:13px; color:#999; line-height:25px;}
.case_item a{ font-size:18px; color:#333; display:block;}
.case_img{ width:265px; height:162px; overflow:hidden; margin:15px 0; position:relative;}
.img_box{ width:592px; position:absolute; top:0; left:0;}
.img_box img{ display:block; float:left;}
.case_des{ font-size:13px; line-height:25px; height:50px; overflow:hidden; margin-bottom:15px;}
.more_01{text-transform:uppercase; font-size:14px; float:right; color:#a20000;}
.case_btn{ position:absolute; top:0; left:50%; margin:-33px 0 0 440px;}
#prev, #next{display:block;width:33px;height:33px; float:left; margin-left:3px; background-color:#000; background-position:center center; background-repeat:no-repeat; } 
#prev{ background-image:url(../images/ico_left.png);}
#next{ background-image:url(../images/ico_right.png);}
#prev:hover, #next:hover{ background-color:#a20000;}
/*else*/
.else{ width:1024px; margin:0 auto;}
.news{ width:492px; float:left; padding:40px 0;}
.title_top{}
.more_02{ float:right; text-transform:uppercase; font-size:14px; color:#8e0000;}
.more_02 span{ background:url(../images/ico_more.png) right center no-repeat; padding-right:16px;}
.news_list{}
.news_rec{ padding:27px 0; border-bottom:1px solid #ebebeb;}
.news_rec dt{ width:140px; float:left; overflow:hidden; position:relative;}
.news_rec dt .zhezhao{ width:100%; height:100%; background:url(../images/news_zhe.png) no-repeat; position:absolute; top:0; left:0; z-index:10;}
.news_rec dd{ width:332px; float:right;}
.news_item a{ display:block; line-height:24px; height:24px; overflow:hidden; font-weight:normal; font-size:18px; color:#000;}
.news_date{ color:#999; margin:5px 0;}
.news_des{ line-height:22px; height:44px; overflow:hidden;}
/*cooper*/
.cooper{ width:492px; height:500px; float:right; padding:40px 0;}
.cooper_tit a{ font-weight:normal; font-size:24px; color:#000;}
.cooper .title_top{ padding-bottom:5px; border-bottom:2px solid #cccccc;}
.cooper_list{ margin-top:12px; margin-left:-6px;}
.cooper_list a{ display:block; float:left; width:184px; height:43px; font-size:14px; line-height:43px; padding:0 28px; border:1px solid #dddddd; color:#000000; margin:0 0 5px 6px;}
.cooper_list a:hover{ background:#8e0000; border-color:#8e0000; color:#fff;}
/*sub_top_warp*/
.sub_top_warp{padding:15px 0;}
.sub_top{ width:1024px; margin:0 auto; background:url(../images/sub_line.jpg) repeat-x;}
.sub_nav{ float:left;}
.sub_nav li{ width:140px; float:left; padding-bottom:5px; background:url(../images/sub_02a.png) center bottom no-repeat; border-right:4px solid #fff;}
.sub_nav li a{ display:block; height:38px; font-size:14px; text-align:center; line-height:38px; background:#efedee; color:#000;}
.sub_nav li:hover,.sub_nav li.sub_nav_cur{ background-image:url(../images/sub_02b.png);}
.sub_nav li:hover a,.sub_nav li.sub_nav_cur a{ background-color:#8e0000; color:#fff;}
.position{ width:284px; padding-right:20px; height:38px; overflow:hidden; line-height:38px; text-align:right; float:right; }
.position a{ padding:0 5px;}
.position a:hover,.position a.position_cur{ color:#000;}
.position a.position_cur{ cursor:default;}
/*sub_warp*/
.sub_warp{ background: url(../images/sub_01.png) left top repeat-x; padding-top:0px;}
.sub{width:1024px; margin:0 auto; padding:15px 0; min-height:300px;}
.sub_tit{ font-weight:normal; font-size:24px; color:#8e0000; padding-bottom:10px; border-bottom:1px solid #ddd;}
.sub_tit em{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#999; margin-left:10px; text-transform:capitalize;}
/*intro*/
.intro{ padding:30px 0; line-height:24px;}
.intro_tit{ font-weight:normal; color:#000; font-size:20px; padding-bottom:20px; background:url(../images/ico_tit.gif) left bottom no-repeat; margin:0 0 24px 24px;} 
.intro_pic{ float:right; margin:0 20px 0 50px;}
/*intro_scr*/
.intro_scr{ width:100%; float:left; margin-top:20px; overflow:hidden; padding:20px 0; background:#eeeeee; position:relative; }
.intro_scr .hd{ overflow:hidden;}
.intro_scr .hd .prev,.intro_scr .hd .next{ display:block; width:21px; height:31px; position:absolute; top:50%; left:0; margin-left:10px; margin-top:-15px; overflow:hidden; cursor:pointer; background:url(../images/btn_scr1.png) no-repeat;}
.intro_scr .hd .next{ left:inherit; right:0; margin-left:0; margin-right:10px; background-position:-21px 0;  } 
.intro_scr .hd .prev:hover{ background-position:0 -31px;}
.intro_scr .hd .next:hover{ background-position:-21px -31px;}
.intro_scr .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; display:none; }
.intro_scr .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.intro_scr .hd ul li.on{ background-position:0 0; }
.intro_scr .bd{ width:948px; margin:0 auto; overflow:hidden;}
.intro_scr .bd ul{ overflow:hidden; zoom:1; }
.intro_scr .bd ul li{ width:227px; margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative;} 
.intro_scr .bd ul li .img_tit{ height:20px; line-height:20px; position:absolute; left:0; bottom:-34px; width:224px; padding:7px 10px; background:url(../images/tou_bai80.png) repeat; color:#000;}
/*culture*/
.culture{ padding:30px 28px; line-height:24px;}
.culture img{ display:block; margin:0 auto;}
/*history*/ 
.nav-box{ display:none;}
.history { width:915px; padding-top:2px; overflow:hidden; margin:50px auto 0; position:relative;}
.history_date { background:url(../images/history_03.gif) center top repeat-y;  }
.history_date h2 { text-align:center; font-weight:normal; height:82px; line-height:85px; position:relative; z-index:10; padding-bottom:30px;} 
.history_date h2 a { color:#333333; font-size:30px; display:inline-block; *display:inline; zoom:1; background:url(../images/history_01.png) left center no-repeat; padding-left:105px; margin-left:118px; margin-top:-2px;}
.history_date h2 a:hover { text-decoration:none;} 
.history_date ul {}
.history_date ul li { overflow:hidden; background:url(../images/history_02.png) center 5px no-repeat; padding-bottom:30px; zoom:1; } 
.history_date ul li h3 { float:left; width:440px; text-align:right; padding-right:45px; color:#666666; font-size:16px; line-height:24px;}
.history_date ul li h3 span { display:block; font-weight:normal;}
.history_des{ width:364px; min-height:52px; padding:20px 30px; float:right; background:#eee; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:relative; line-height:26px; font-size:14px; color:#333;}
.history_dec{ display:block; width:17px; height:24px; background:url(../images/history_05.gif) no-repeat; position:absolute; top:0; left:0; margin:2px  0 0 -12px; z-index:0;}
.history_date h2.h2_dif{}
.history_date h2.h2_dif a{ background-position:right center; padding-right:105px; margin-left:-228px;}
.history_date ul li.li_dif .history_des{ float:left;}
.history_date ul li.li_dif h3{ float:right; text-align:left; padding-right:0; padding-left:10px;}
/*service*/
.service{}
.service_sec1{ padding:40px 0; border-bottom:1px dashed #ddd;}
.service_tit{ font-size:18px; padding-bottom:15px; background:url(../images/ico_title2.gif) left bottom no-repeat;}
.made_pic{ display:block; margin:50px auto 20px;}
.service_sec2{ padding:40px 0;}
.produce_pic{ display:block; margin:35px auto 50px;}
.process_produce{ font-size:14px; line-height:26px; color:#333; text-align:center; padding:20px 120px; background:#eeeeee;}
.service_sec3{ padding:0 0 40px;}
.commitment_tit{ font-weight:normal; font-size:24px; color:#8e0000; padding-bottom:15px; background:url(../images/ico_title3.gif) left bottom no-repeat;}
.commitment_list{ padding-bottom:40px; border-bottom:1px dashed #ddd;}
.commitment_list li{ margin-top:40px; overflow:hidden;}
.commitment_list li img{ display:block; width:60px; float:left;}
.commitment_des{ width:942px; float:right; font-size:14px; line-height:24px; padding-top:5px;}
.commitment_des h6{ font-weight:normal; font-size:16px; color:#333;}
.after_sales{ padding:25px 0 0;}
.after_tit{ font-size:16px; color:#333;}
.after_list{ padding:40px 0 0;}
.after_list li{ width:167px; float:left; background:url(../images/after_01.gif) left top repeat-y;}
.after_list li .after_num{ display:block; line-height:26px; border-left:3px solid #8e0000; font-size:18px; color:#8e0000; padding-left:10px; text-transform:uppercase;} 
.after_des{ padding:10px 13px 0; font-size:13px; line-height:26px;}

/*honor*/
.honor{ background:url(../images/honor_02.gif) left bottom repeat-x; margin-bottom:-30px; padding-top:30px;}
.honor .sub_tit{ width:1024px; margin:0 auto;}
.honor_name{ text-align:center; font-size:20px; color:#333; font-weight:normal; background:url(../images/ico_tit.gif) center bottom no-repeat; padding-bottom:15px; margin-bottom:30px;}
.mod18{ width:1024px; margin:0 auto; padding:30px 0; position: relative;}
.mod18 #honor_prev,.mod18 #honor_next{ display:block; width:21px; height:93px; font-size:0; cursor:pointer; position:absolute; left:0; bottom:0; z-index:100; margin-bottom:62px; text-indent:-9999px; background:url(../images/arrow_02.png) no-repeat;}	 
.mod18 #honor_prev:hover{ background-position:0 -93px;}
.mod18 #honor_next{ left:auto; right:0; background-position:-21px 0;}
.mod18 #honor_next:hover{ background-position:-21px -93px;}
.mod18 #prevTop,.mod18 #nextTop{ text-align:center; width:50px; height:91px; font-size:0; cursor:pointer; position:absolute; left:0px; top:50%; z-index:100; margin-top:-110px; background-image:url(../images/arrow.png); background-repeat:no-repeat; text-indent:-9999px;}	
.mod18 #prevTop{ background-position:0 0;}
.mod18 #prevTop:hover{background-position:0 -91px;}
.mod18 #nextTop{ left:auto; right:0px; background-position:-50px 0;}
.mod18 #nextTop:hover{  background-position:-50px -91px;} 
.mod18 li{float:left;}
.mod18 .cf li{position:relative; text-align:center;}  
.mod18 .cf a img{ display:block; margin:0 auto; max-width:680px; max-height:454px;}
.mod18 .picBox{height:500px; padding-bottom:67px; background:url(../images/honor_01.png) center bottom no-repeat; position:relative;overflow:hidden; margin-bottom:30px;}
.mod18 .picBox ul{ position:absolute;}
.mod18 .picBox li{width:1024px; } 
.mod18 .listBox{ width: 932px; height: 172px; margin: 0 auto; position: relative; overflow: hidden; }
.mod18 .listBox ul{ position:absolute;}
.mod18 .listBox li{ width:236px; text-align:center; color:#000; float:left; cursor:pointer;} 
.mod18 .listBox li p{ width:222px; background:#fff; padding:5px 0; border:1px solid #e2e2e2; border-bottom:none;}
.mod18 .listBox li .thumb{ width:222px; padding-bottom:5px; border:1px solid #e2e2e2; border-top:none; background:#fff;}
.mod18 .listBox li img{ display:block; max-height:138px; margin:0 auto;}  
.mod18 .listBox li.on2 .thumb,.mod18 .listBox li.on2 p{ border-color:#8e0000; }	 

/*case_nav*/
.nav_ico{ display:block; float:left; width:40px; height:37px; background:#8e0000 url(../images/case_03.png) center center no-repeat; cursor:pointer;}
.case_nav{ width:984px; float:right;}
.case_nav li{ float:left; position:relative; margin-left:2px;}
.case_nav li a.case_item0{ display:block; width:125px; padding-right:35px; height:35px; border:1px solid #dddddd; text-align:center; line-height:35px; font-size:14px; color:#000; background:url(../images/case_02.png) right center no-repeat;}
.case_nav li:hover a.case_item0,.case_nav li.case_nav_cur:hover a.case_item0{ background-image:url(../images/case_02b.png); background-color:#333333; border-color:#333333; color:#fff;}
.case_nav li.case_nav_cur a.case_item0{ background-image:url(../images/case_02b.png); color:#fff; background-color:#8e0000; border-color:#8e0000;}
.classify{ position:absolute; top:0; left:0; z-index:100; margin:37px 0 0; width:296px; padding:5px 10px 20px 20px; background:url(../images/tou_gray80.png) repeat; display:none;}
.classify a{ display:block; float:left; width:136px; height:28px; text-align:center; line-height:28px; border:1px solid #6f6f6f; color:#adadad; margin:15px 10px 0 0;}
.classify a:hover,.classify a.classify_cur{ background:#8e0000; border-color:#8e0000; color:#fff;}
.case_nav li:hover .classify{ display:block;}
/*show_warp*/
.show_warp{ background-color:#f4f4f4;}
.show_top{}
.show_tit{ float:left; height:50px; font-weight:normal; font-size:22px; color:#333333; background:url(../images/ico_title4.gif) left top no-repeat; padding-left:16px;}
.show_tit em{ display:block; font-size:14px; color:#666; margin-top:2px; font-weight:bold;}
.search{ float:right; width:80px; height:40px; background:#fff;}
.search_txt{ display:block; float:left; width:270px; height:17px; line-height:17px; padding:10px 0 10px 12px; color:#666;}
.search_btn{ display:block; float:right; cursor:pointer; text-indent:-9999px; width:41px; height:37px; background:#aaaaaa url(../images/search_ico1.png) center center no-repeat;}
.search_btn:hover{ background-color:#8e0000;}
/*show_list*/
.show_list{ padding:15px 0 10px; margin-left:-17px;}
.show_list li{ width:300px; height:270px; padding:14px; border:1px solid #fff; background:#ffffff; float:left; margin:0 0 20px 17px;}
.show_list li:hover{ -moz-box-shadow:0px 0px 5px #c2c2c2; -webkit-box-shadow:0px 0px 5px #c2c2c2; box-shadow:0px 0px 5px #c2c2c2; border-color:#8e0000;}
.show_box{ width:300px; height:226px; overflow:hidden; margin-bottom:10px; position:relative;}
.ico_video{ display:block; width:62px; height:62px; background:url(../images/ico_video.png) center center no-repeat; cursor:pointer; position:absolute; top:50%; left:0; z-index:100; margin:-31px 0 0 132px;}
.show_pic{ width:600px; position:absolute; top:0; left:0;}
.show_pic img{ display:block; float:left;}
.show_list li a{ font-size:14px; color:#333;}
/*guide_warp*/
.guide_warp{ background:url(../images/guide_01.jpg) center top no-repeat;}
.guide_list{ padding-top:46px; margin-left:-10px;}
.guide_list li{ float:left; overflow:hidden; position:relative; margin:0 0 10px 10px;}
.guide_tit{ position:absolute; top:0; left:0; margin:30px 0 0 30px; z-index:100; font-weight:normal; font-size:16px;}
.guide_tit em{ display:block; width:154px; font-family:Impact; text-transform:uppercase; font-size:20px; filter:alpha(opacity=50);opacity:0.50; margin-bottom:10px;}
.guide_tit a{ color:#fff;} 
.guide_zhe{ display:none;}
.guide_list li.guide_01{ width:510px; height:326px;}
.guide_list li.guide_01 .guide_tit{ top:auto; bottom:0; margin:0 0 60px 30px;}
.guide_list li.guide_01 .guide_tit a{ color:#8e0000;}
.guide_list li.guide_01 .guide_tit em{ font-size:30px; margin-bottom:0; margin-top:10px;}
.guide_01_sort{ position:absolute; left:0; width:100%; height:100%; z-index:100; background:#8e0000; filter:alpha(opacity=80);opacity:0.80;}
.guide_list li.guide_01 .guide_01_sort{ top:-326px; /*background:#8e0000; filter:alpha(opacity=90);opacity:0.90;*/}
.guide_list li.guide_01 .guide_01_sort .guide_tit{ bottom:auto; top:0; z-index:200; margin:30px 0 0 40px;}
.guide_list li.guide_01 .guide_01_sort .guide_tit a{ color:#fff;}
.model_sort{ overflow:hidden; width:160px; position:absolute; bottom:0; right:0; margin:0 60px 70px 0; z-index:100;}
.model_sort li{ float:none;}
.model_sort li a{ display:block; height:27px; line-height:27px; font-size:13px; color:#fff; padding-left:10px;}
.model_sort li a:hover{ background:#000 url(../images/guide_02.png) right center no-repeat;} 

.guide_list li.guide_02{ width:247px; height:296px; margin-top:-46px;} 
.guide_list li.guide_02 .guide_01_sort{ top:-296px;  }
.guide_list li.guide_02 .guide_01_sort .guide_tit{ position:relative;}
.guide_list li.guide_02 .model_sort{ position:relative; margin:30px 5px 0; width:97%;}
.guide_list li.guide_02 .model_sort li{ float:left; width:50%; margin-left:0;}

.guide_list li.guide_03{ width:247px; height:176px;}
.guide_list li.guide_03 .guide_01_sort{ top:-176px; } 
.guide_list li.guide_03 .guide_01_sort .guide_tit{ position:relative;}
.guide_list li.guide_03 .guide_01_sort .guide_tit a{ color:#fff;}
.guide_list li.guide_03 .model_sort{ position:relative; margin:20px 0 0 20px;}

.guide_list li.guide_04{ width:510px; height:141px;}
.guide_list li.guide_04 .guide_01_sort{ top:-141px; } 
.guide_list li.guide_04 .model_sort{ margin:0px 60px 24px 0;}

.guide_list li.guide_05{ width:247px; height:174px; margin-top:-76px;}
.guide_list li.guide_05 .guide_01_sort{ top:-174px; } 
.guide_list li.guide_05 .model_sort{ margin:0px 66px 24px 0;}
 
.guide_list li.guide_06{ width:247px; height:312px; margin-top:-150px;}
.guide_list li.guide_06 .guide_01_sort{ top:-312px; } 
.guide_list li.guide_06 .guide_01_sort .guide_tit{ position:relative;}
.guide_list li.guide_06 .model_sort{ position:relative; margin:20px 0 0 20px;}


/*trends_list*/
.trends_list{ margin:30px 0; border-top:1px dashed #ddd;}
.trends_list li{ overflow:hidden; padding:30px 0; border-bottom:1px dashed #ddd;}
.trends_date{ display:block; text-align:center; float:left; width:68px; height:88px; border:1px solid #ddd; background:#f4f4f4; font-size:13px; color:#999; line-height:28px;}
.trends_date em{ display:block; height:59px; line-height:59px; font-size:36px; font-weight:bold; border-top:1px solid #ddd; background:#fff;}
.trends_pic{ float:left; overflow:hidden; border:1px solid #ddd; margin-left:40px;}
.trends_info{ width:720px; float:right;}
.trends_info h4 a{ font-size:20px; font-weight:normal; color:#333;}
.trends_des{ line-height:22px; height:44px; overflow:hidden; margin:10px 0;}
.trends_more{ display:block; width:82px; height:23px; text-align:center; line-height:23px; background:url(../images/more_1a.png) no-repeat; color:#fff;}
.trends_more:hover{ background-image:url(../images/more_1b.png); color:#fff;}
.trends_list li:hover .trends_date{background:#b80000; color:#fff;}
.trends_list li:hover .trends_date em{background:#b80000;}
.trends_info h4 a:hover{ color:#b80000;}
/*article*/
.article{ padding:30px 0 0; line-height:24px;}
.article_l{ width:70px; float:left; line-height:24px;}
.article_top{ padding-bottom:10px; border-bottom:1px dashed #ddd; font-size:13px; color:#999; margin-bottom:20px;}
.article_top h6{ font-weight:normal; font-size:24px; color:#333; margin-bottom:6px;}
.back_list{ float:right; font-size:14px; color:#b80000; background:url(../images/back_01.jpg) left center no-repeat; padding-left:27px; margin-top:10px;}
.back_list:hover{ font-weight:bold;}
.article_r{ width:914px; float:right;} 
.article_nav{ width:100%; overflow:hidden; padding-top:15px; border-top:1px dashed #ddd; margin-top:30px; margin-left:-2px;}
.article_nav li{ float:left; margin-left:2px;}
.article_nav li a{ display:block; width:128px; height:42px; line-height:42px; text-align:center; background:url(../images/btn_article1.png) no-repeat; font-size:14px; color:#fff; margin-bottom:3px;} 
.article_nav li a:hover{ background-position:0 -42px;}
.article_nav li.article_back{ float:right;}
.article_r img{ display:block; margin:10px auto; max-width:100%;}

/*customers_brand*/
.partners_top{ width:1024px; margin:0 auto;}
.partners_top .position{ float:right;}
#customers_brand{ margin:0 0 0 -10px; padding:30px 0 10px;}
#customers_brand li{ position:relative; width:160px; height:70px; padding:22px 0; border:1px solid #ddd; overflow:hidden; margin:0 0 10px 10px; float:left;}
#customers_brand li img{ display:block; width:160px; height:70px;position:absolute;}
.brand_name{ height:24px; line-height:24px; width:100%; text-align:center; background:#999; color:#fff; position:absolute; bottom:-24px; left:0;}
/*contact_warp*/
.contact_warp{ border-top:1px solid #ddd; background:url(../images/contact_01.gif) repeat; margin-bottom:-30px; margin-top:-1px;}
.contact_line{ width:100%; height:1px; background:#fff; line-height:0; font-size:0;}
.contact{ width:1024px; margin:0 auto; min-height:200px;}
.contact_list{ margin:0 0 0 -50px; padding-top:70px;}
.contact_area{ width:406px; height:274px; padding:26px 40px 64px; float:left; background:url(../images/contact_02.jpg) no-repeat; margin:0 0 10px 50px;} 
.contact_tit{ text-align:center; font-weight:normal; font-size:20px; margin-bottom:22px;}
.contact_info{ padding:20px 0 0 30px;}
.contact_info li{ font-size:14px; line-height:24px; padding-bottom:12px;}
/*scr_top*/
.end_warp{ background:#f4f4f4; margin-bottom:-30px;}
.gallery_content{ height:550px; padding:10px; background:#fff; border:1px solid #ddd; border-top:none;  border-right:none; margin:30px 0; position:relative;}
.gallery_dec{ width:117px; height:570px; background:url(../images/gallery_01.png) center bottom no-repeat; position:absolute; right:0; bottom:0; margin-right:-117px;}  
.content { display: none; float: left; width: 647px; margin-top:-18px; position:relative;}
div.controls { }
.controls a.prev,.controls a.next { display:block; width:35px; height:63px; font-size:0; cursor:pointer; position:absolute; top:50%; z-index:100; margin-top:-31px; background-image:url(../images/arrow_03.png); background-repeat:no-repeat; text-indent:-9999px;}	
.controls a.prev{ left:10px; background-position:0 0;}
.controls a.prev:hover{background-position:0 -63px;}
.controls a.next{ right:10px; background-position:-35px 0;}
.controls a.next:hover{  background-position:-35px -63px;} 
div.ss-controls { float: left; display:none;}
div.nav-controls { }
div.slideshow-container { position: relative; clear: both; height: 550px; }
div.loader { position: absolute; top: 0; left: 0; background:url(../images/bx_loader.gif) center center no-repeat; width: 647px; height: 550px; }
div.slideshow { }
div.slideshow .image-wrapper { position: absolute; top: 0; left: 0; }
div.slideshow a.advance-link { display: block; width: 647px; text-align: center; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow  
div.navigation { }
ul.thumbs { height:400px; overflow:hidden; clear: both;}
ul.thumbs li { float: left; margin:0 0 20px 19px;}
ul.thumbs li a.thumb { display: block; }
ul.thumbs li.selected a.thumb { border:8px solid #a63f30;}
ul.thumbs li.selected a.thumb img{ width:78px; height:64px;}
ul.thumbs img { display: block; }
div.pagination { clear: both; }
div.navigation div.top { overflow:hidden; padding:0 0 20px 20px; display:none;}
div.navigation div.bottom { overflow:hidden; padding:0 0 0 20px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }
div.pagination a:hover { background-color: #eee; text-decoration: none; }
div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }
.gallery_tit{ font-size:20px; font-weight:bold; padding:20px;}
  
 
 

.case_item a:hover,.more_01:hover,.contact_area:hover .contact_tit{ text-decoration:underline;}
.news_rec:hover .news_item a,.contact_area:hover .contact_tit{ color:#8e0000;}
/*图片划过样式*/
.trends_pic img{
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 1000ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 1000ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 1000ms;
	width: 100%; 
}
.trends_list li:hover .trends_pic img{
	-webkit-transform: scale(1.11, 1.11);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 1000ms;
	-moz-transform: scale(1.11, 1.11);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 1000ms;
	transform: scale(1.11, 1.11);
	transition-timing-function: ease-out;
	transition-duration: 1000ms;
	position: relative;
	z-index: 3;
} 

.news_rec dt img,.guide_list li img{
	display: block; 
	width: -webkit-calc(100% + 10px);
	width: calc(100% + 10px); 
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0, 0);
	transform: translate3d(0,0,0);	
}
.news_rec:hover dt img,.guide_list li:hover img{
	opacity: 1.0;
	-webkit-transform: translate3d(-8px,0,0);
	transform: translate3d(-8px,0,0); 
}
.show_list li{ -webkit-transition:all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
.guide_list li.guide_01 .guide_01_sort ul li a,.gallery_thumbnails a,.model_sort li a,a.thumb,.controls a.prev,.controls a.next { -webkit-transition:inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit;  transition: inherit;}
.dis{ display:none;}
.bg_no{ background:none;}