﻿/*→*/.top{ background:#fff; width:100%; height:113px; margin:0 0 3px 0;z-index:30; position:fixed;  top:0; _margin-top:0;}
/*→*/.header{ height:113px; *margin:0; _margin:0 auto;}
/*→*/.header .right{ margin-top:20px; }
/*→*/.header .link{ height:20px; width:390px; font-size:16px; /*→*/width:393px;!important width:393px\9\0;  }

    /*.header .link{ height:13px; width:388px; margin-top:30px; padding-top:0px;     width:392px;!important width:392px\9\0;}*/
    .header .link p{ color:#b08859; float:left; font-size:16px; text-indent:0; margin-right:20px;}
    .header .link a{ color:#666; float:left; font-size:16px; }
    .header .link a:hover{color:#b08859}
    .header .link span{ margin:0 10px; float:left;}
/*→*/.header .logo{ display:block; width:303px; height:111px; float:left;}
    
	.header .menu{ width:636px; margin-top:20px; height:40px;}
	.header .menu li{ float:left; margin-right:20px;}
	.header .menu li a{ clear:both}
	.header .menu li a span.fontL{ display:block; float:left; width:34px; height:34px; line-height:34px; text-align:center; font-size:24px; font-family:Arial; color:#666; background:#c3c3c3; margin-right:5px;}
	.header .menu li a p{ display:block; float:left; font-size:14px; color:#000; line-height:14px; width:100px;}
	.header .menu li a p span{ font-family:Arial; font-size:9px; color:#999; display:block; line-height:8px; margin-top:3px;}
	.header .menu li a:hover p,.header .menu li a:hover span{ color:#b08859}
	.header .menu li a:hover span.fontL{ background:#b08859; color:#fff}

	.header .nav{ height:35px;}
/*→*/.header .nav ul li{ float:left; margin-left:20px;  position:relative}     
	.header .nav ul li a{ display:block; width:35px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#000}
	.header .nav ul li a:hover,.header .nav ul li a.active{ background:#b08859; color:#fff}
	.header .nav ul li .subItem{ display:none; position:absolute; width:120px; z-index:90;background:#b08859; }	
/*→*/.header .nav ul li .subItem li{ clear:left;width:120px; margin-left:0;} 
	.header .nav ul li .subItem li a{ width:110px; height:26px; text-align:left; padding-left:10px; line-height:24px; color:#fff}
	.header .nav ul li .subItem li a:hover{ background:#c49e71}	
	
	.header .online a{ display:block; float:left; font-size:14px; color:#666; height:35px; line-height:35px; margin-left:15px;}
	.header .online a span{ display:block; height:35px; float:left; margin-right:10px;}
	.header .online a.top_feedback span{ width:28px; background:url(image/top_feedback.jpg) no-repeat}
	.header .online a.top_qq span{ width:23px; background:url(image/top_qq.jpg) no-repeat}
	.header .online a.top_mail span{ width:23px; background:url(image/top_mail.jpg) no-repeat}
	.header .online a:hover{ color:#b08859}

/*在线留言*/
.feedback_bg{display:none; background:url(image/feedback_bg.png) repeat; position:fixed; z-index:999; width:100%; height:100%; }
.feedback { position:absolute; width:360px; top:250px; left:50%; margin-left:-180px;  z-index:20;}
.feedback .bg{ width:360px;/* max-width:980px;*/ min-height:160px; max-height:500px; background:#fff;overflow:hidden}
.feedback .bg .title{ height:50px; background:#b78e5f; overflow:hidden}
.feedback .bg .title span.png,.feedback .content span.png,.feedback .btn a{ background-image:url(image/feedback.png); background-repeat:no-repeat;}
.feedback .bg .title span.png{ display:block; float:left; border-right:1px solid #fff; width:55px; height:55px; margin-right:10px; background-position:0 2px}
.feedback .bg .title h6{ float:left; font-size:18px; color:#fff; font-weight:normal; line-height:50px; margin:0; width:280px;}
.feedback .bg .title h6 span{ font-family:Arial; font-size:14px; margin-left:15px; float:right}
.feedback .bg .content{ height:110px; width:280px;}
.feedback .bg .content span.png{ display:block; float:left; margin:0; width:55px; height:110px; background-position:-64px 0}
.feedback .bg .content .cnt{ float:left; margin:0; width:160px;min-height:110px; border-left:1px solid #bdbec1; padding-left:6px; padding-top:6px;}
.feedback .bg .content .cnt textarea{ width:280px; max-width:280px; height:70px; max-height:400px; border:0; border-bottom:1px solid #bdbec1}
.feedback .bg .content .cnt .tel{ width:210px; margin-bottom:6px;}
.feedback .bg .content .cnt span{ font-size:14px; color:#b78e5f; display:block; float:left}
.feedback .bg .content .cnt input{ width:140px; float:left; height:20px; margin-top:2px; border:0}
.feedback .btn { width:100px; margin:10px 0px 0 0;}
.feedback .btn a{ display:block; width:25px; height:25px; float:left; margin-left:20px;}
.feedback .btn a.submit{ background-position:-120px 0}
.feedback .btn a.close{ background-position:-120px -28px}


.kv{ width:1000px; height:490px; position:relative}
/*→*/.kv .slidesjs-pagination{ position:absolute;  bottom:20px; right:20px;  z-index:12;  left:50%;  margin-left:-110px;  }
.kv .slidesjs-pagination li{ float:left; margin-left:20px; width:6px; height:6px;}
.kv .slidesjs-pagination li a{text-indent:-9999px; background-color:#7f7f7f; display:inline-block; *display:block; _display:block; width:6px; height:6px;}
.kv .slidesjs-pagination li a.active{ background-color:#b08857;}
.kv .slideImg{position:absolute; top:0;left:0;z-index:10;}



.tab6{ margin-top:3px;margin-bottom:3px;position:relative}
.tab6 .tab{ width:226px; height:336px;}
.tab6 .tab li{float:left;width:110px; height:110px; margin:0 3px 3px 0; background:#9d9d9d;}
.tab6 .tab a{  font-size:18px; display:block; width:110px; height:110px; color:#fff; line-height:110px; text-align:center; z-index:1;  position:absolute;}
.tab6 .tab a.cur{ background:#b08859}
.tab6 .tab .effect{ display:none;width:110px; height:110px; background:#b08859;}
.tab6 .tab_container{ width:774px;height:336px; overflow:hidden; background:#DFDFDF;   position:relative; }
.tab6 .tab_container .sub-con{ width:774px; height:336px; display:none; overflow:hidden;} 
.tab6 .tab_container .sub-con img{ display:block; margin:0;}
.tab6 .tab_container .cur-sub-con{ display:block;}

.tab6 .tab_container .slidebox{width:774px;height:336px;overflow:hidden;position:relative;}
.tab6 .tab_container .slidepic{position:absolute;width:9999em;}/* 必要元素 */
.tab6 .tab_container .slidepic li{height:336px; width:774px; overflow:hidden;float:left;}
.tab6 .tab_container .slidebtn{position:absolute;bottom:5px;right:5px;float:right;}
.tab6 .tab_container .slidebtn li{background:#9d9d9d;cursor:pointer;float:left;font-family:arial; font-size:12px;height:18px;line-height:18px;width:18px;margin:3px;text-align:center;color:#fff;}
.tab6 .tab_container .slidebtn li.current{background:#b08859;}




.slyWrap{ height:336px; width:774px; position:relative;}
.slyWrap .scrollbar{ position:absolute;width:774px; height:9px; background:url(image/scroll.gif) repeat top; bottom:0; left:0px;z-index:99;}
.slyWrap .scrollbar .handle{height:100%; width:70px;background:#b08859;cursor:pointer;}
.slyWrap .sly{height:331px; overflow:hidden; }
.slyWrap .sly ul{ margin:0;list-style-type:none;}
.slyWrap .sly img{height:331px;border:solid 0px #ddd;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}





.index_box{ position:relative; display:block; *z-index:-1; }
.index_box .effect{width:332px; height:330px; }
.index_box .partPic{ width:332px; height:330px; float:left; position:relative}
.index_box .partPic .effect{ position:absolute; z-index:7; /*ie678*/filter:alpha(opacity=70);}
.index_box .arrow,.index_box .arrow_effect{ z-index:8; position:absolute; display:block; background-image:url(image/index_arrow.png); background-repeat:no-repeat}
.index_box .arrow_effect{ background-image:url(image/index_arrow_hover.png); z-index:9}
.index_box .partWords{ height:300px; width:332px; float:right; padding:30px 0 0 0px; position:relative}
.index_box .partWords .effect{ position:absolute; z-index:-1; top:0; right:0}
.index_box .partWords h3{ margin:0; font-weight:normal; color:#000; letter-spacing:3px; font-size:28px}
.index_box .partWords p{ font-size:16px; line-height:28px;margin:10px 0 5px 0}
.index_box .partWords a{ font-size:16px; /*color:#b08859;*/ color:#666; margin:5px auto;width:270px;}/*.index_box .partWords a:hover{ text-decoration:underline;}*/
.index_box .partWords a span{color:#b08859;}


.index_01{ width:668px; height:330px;}
.index_01 .partPic .effect{ background-color: rgba(140, 164, 192, 0.7); }
.index_01 .partWords{ float:right; }
.index_01 .partWords .effect{ width:336px; background:#8ca4c0;}
.index_01 .arrow,.index_01 .arrow_effect{ top:0; left:284px; width:48px; height:98px; background-position:0 0}

/*设计过程*/
.index_02{ width:668px; height:330px;}
.index_02 .partPic{ float:right; margin-right:2px; _margin-right:0px;}
.index_02 .partPic .effect{background-color: rgba(74, 166, 170, 0.7);}
.index_02 .arrow,.index_02 .arrow_effect{ left:334px; width:48px; height:98px; background-position:-48px 0px}
.index_02 .arrow_effect{background-position:-48px -99px}
.index_02 .partWords{ float:left; }
.index_02 .partWords .effect{ width:334px; background:#4aa6aa; left:0}
.index_02 .partWords h3{ text-align:right; margin-right:10px;}
.index_02 .partWords p{ margin:10px 0 0 0px}
.index_02 .partWords a{ margin-left:30px;}

/*钣金*/
.index_03{ width:332px; height:660px;}
.index_03 .partPic .effect{ position:absolute; background-color: rgba(16, 29, 73, 0.7); z-index:7; /*ie678*/filter:alpha(opacity=70);}
.index_03 .arrow,.index_03 .arrow_effect{ top:281px; width:96px; height:49px; background-position:0 0px}
.index_03 .arrow_effect{background-position:0px -200px}
.index_03 .partWords .effect{ background:#101d49}


/*ui*/
.index_04{ margin-right:2px;}
.index_04 .partPic .effect{ position:absolute; background-color: rgba(182, 183, 187, 0.7); z-index:7; /*ie678*/filter:alpha(opacity=70);}
.index_04 .arrow,.index_04 .arrow_effect{ top:281px; width:96px; height:49px; background-position:0 0px}
.index_04 .arrow_effect{background-position:0px -300px}
.index_04 .partWords .effect{ background:#b6b7bb}

/*精英*/
.index_05 { width:666px;}
.index_05 .partPic{ margin-right:0}
.index_05 .partPic .effect{ position:absolute; background-color: rgba(212, 197, 12, 0.7); z-index:7; /*ie678*/filter:alpha(opacity=70);}
.index_05 .arrow,.index_05 .arrow_effect{ left:334px; width:48px; height:98px; background-position:-48px 0}
.index_05 .arrow_effect{background-position:-48px -500px}
.index_05 .partWords .effect{ background:#d4c56a}

/*新能源*/
.index_06 .arrow,.index_06 .arrow_effect{ left:284px; width:48px; height:98px; background-position:0 0}
.index_06 .partPic .effect{ position:absolute; background-color: rgba(44, 82, 21, 0.7); z-index:7; /*ie678*/filter:alpha(opacity=70);}
.index_06 .arrow_effect{background-position:0px -399px}
.index_06 .partWords .effect{ background:#2c5215}


.index_video{ margin-top:3px; background:#000; height:641px;}
.index_video h5{ display:block; height:80px; background:url(image/vedio_bg.jpg) no-repeat left top #000; color:#fff; font-weight:normal; font-size:28px; padding:0px 0 0 90px; line-height:76px;}
.index_video ul{ margin-left:-6px;  *width:1010px;}
.index_video ul li{ width:497px; height:278px; float:left; margin:0 0 5px 6px; overflow:hidden}
.index_video ul li .video_name{  background:url(image/index_vedio_play.png) no-repeat; height:76px; line-height:76px; font-size:24px; color:#fff; position:absolute; top:100px;/* left:-299px;*/ left:0; z-index:9;}
.index_video ul li .video_name span{ display:none; margin-left:30px;}
.index_video ul li a,.index_video ul li img{ display:block}
.index_video ul li a{position:relative; width:497px; height:278px;}


.index_news{ margin-top:3px;position:relative;}
.index_news .partWords{ position:relative; width:292px; height:320px; padding:10px 0 0 40px; right:0; background:url(image/index_07.jpg) no-repeat;}
.index_news .partWords h3{ margin:210px 0 0 140px; font-weight:normal; color:#fff; letter-spacing:3px; font-size:28px}
.index_news .partWords a{ font-size:18px; color:#fff; margin-top:5px; margin-left:225px;}
.index_news .partWords a:hover{ text-decoration:underline;}
.index_news .list{ width:618px; height:310px; padding:20px 0 0 50px; background:#fff}
.index_news .list ul{ width:610px; height:305px;}
.index_news .list ul li{ clear:both; margin-bottom:24px;overflow:hidden}
.index_news .list ul li span{ float:left; width:90px; text-align:right; display:block; font-family:Arial; font-weight:normal; font-size:16px; padding:0; margin-right:15px; line-height:22px;}
.index_news .list ul li a{ border-left:1px solid #676767; line-height:20px; color:#010101; font-size:16px; display:block; float:left; padding-left:15px; width:440px;}
.index_news .list ul li a:hover{ color:#b08859}



.bottom{ background:url(image/bottom_bg.jpg) repeat-x #606060; overflow:hidden; margin-top:3px; padding-bottom:20px;}
.footer .menu{ height:60px; line-height:60px;}
.footer .menu ul{ width:560px; /*→*/width:670px\9;}
.footer .menu li{ float:left}
.footer .menu li span{ font-family:Arial; font-size:24px; margin:0 25px;line-height:24px;color:#fff; }
.footer .menu li a{ color:#fff; font-size:16px; line-height:24px;}
.footer .menu li a span{ margin-right:10px;  line-height:36px; display:block; float:left; margin-top:12px;}
.footer .menu li a:hover,.bottom .footer .menu li a:hover span{color:#b08859}

.footer .nav ul{ width:1000px; margin:40px auto;}
.footer .nav li{ float:left; margin:0; width:150px; display:block; height:200px;}
.footer .nav li a{ color:#fff;line-height:22px; font-size:14px}
.footer .nav li a:hover{ text-decoration:underline}
.footer .nav li.address2{ width:400px;}
.footer .nav li.address2 p{ display:block; line-height:22px; font-size:14px; color:#fff;}

.footer .share { width:395px; margin-top:80px;}
.footer .share span.bds_more{ color:#fff;}
.footer .share a{ color:#fff; margin-right:5px;}
/*case.html*/
.case_list ul{ margin-left:-11px; _margin-left:-23px; }
.case_list ul li{ float:left; width:326px; margin:0 0 11px 11px; position:relative; _margin-bottom:8px }
.case_list ul li img{ display:block}
.case_list ul li a{ display:block; width:326px; height:100%; position:absolute; z-index:8; background:#8b8073; _background:transparent;_filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);_zoom: 1;}
.case_list ul li a p{ margin:200px 0 0 25px; font-size:20px; color:#fff}


/*case_detail.html*/
.case_detail .partWords{ width:276px; padding:40px 30px 0 30px; background:#cecece; }
.case_detail .partWords h5{ font-size:26px; text-align:right; color:#000}
.case_detail .partWords .infor{ width:276px; height:210px; overflow:hidden; display:block; margin:20px 0 10px 0; color:#333; font-size:16px; line-height:26px; }
.case_detail .partWords .infor1{ width:276px; display:block; margin:20px 0 10px 0; color:#333; font-size:16px; line-height:26px; }
.case_detail .partWords .more{ margin:5px 0 21px 0; display:block; width:20px; height:20px; background-image:url(image/arrow_01.jpg); background-repeat:no-repeat; background-position:0 0;}
.case_detail .partPic{ width:664px;}
.case_detail .partPic img{ display:block; margin-bottom:3px;}
.related_title{ font-size:22px; letter-spacing:3px; color:#000; margin-top:40px; margin-bottom:10px; font-weight:normal}
.case_related{ margin-bottom:70px;}
.case_related a.btn_prev,.case_related a.btn_next{ display:block; width:73px; height:160px; background-image:url(image/arrow_02.jpg); background-repeat:no-repeat}
.case_related a.btn_prev{ background-position:0 0; margin-right:2px; _margin-right:0}.case_related a.btn_prev:hover{ background-position:0 -160px;}
.case_related a.btn_next{ background-position:-74px 0; margin-left:2px; _margin-left:0;}.case_related a.btn_next:hover{ background-position:-74px -160px;}
.case_related .scroll{ width:746px; height:160px; overflow:hidden}
.case_related ul li{ float:left; margin:0 2px;}
.case_related ul li a{ display:block; width:208px; height:160px; position:relative}
.case_related ul li a p{ display:block; position:absolute; z-index:10; bottom:0; margin-bottom:0; width:208px; height:30px; line-height:30px; color:#fff; font-size:18px; text-align:center; background:#000; opacity:0.7;filter:alpha(opacity=70) }


/*about.html*/
.about .partPic{ width:664px;}
.about .partPic h5{ font-size:32px; color:#333232; font-weight:normal}
.about .partPic p{ font-size:18px; line-height:28px;color:#333232; margin:10px 0 40px 0;}
.about_bottom{ margin-top:140px;; height:450px; margin-bottom:12px;} 


/*contact.html*/
.contact { margin-bottom:50px;}
.contact .address{ margin-bottom:70px;}
.contact .address .partPic{ margin-right:20px;}
.contact .address .partPic h6{ font-weight:normal; font-size:22px; color:#010101; padding-bottom:3px; margin-bottom:5px; border-bottom:1px solid #010101; text-align:right}
.contact .address .partWords { width:570px;}
.contact .address .partWords h5{ font-size:22px; color:#060606; font-weight:normal; margin-bottom:10px;}
.contact .address .partWords p{ font-size:16px; color:#807d7d; line-height:20px;}
.contact .address .partWords a{ color:#807d7d; }.contact .address .partWords a:hover{ color:#cda578}

/*job.html*/
.job_banner.banner{ margin-bottom:10px;}
.job{ background:#b4b4b4; margin-bottom:12px;}
.job .partPic .job_pic{ width:326px; background:#fff; padding-bottom:8px;}
.job .step{ padding:60px 25px 50px 25px;}
.job .step h6{ font-size:28px; margin-bottom:30px; font-weight:normal; color:#010101}
.job .step span{ font-size:18px; color:#060606; margin-bottom:10px; display:block}
.job .step p{ color:#060606; font-size:14px; line-height:18px; margin-left:30px; margin-bottom:30px;}

.job .partWords{ background:#caaf90; border-left:10px solid #fff; width:624px; padding:20px 20px 0 20px;}
.job .partWords li{ margin-bottom:40px; width:500px; overflow:hidden}
.job .partWords h5{ font-size:30px; color:#010101; margin-bottom:20px; font-weight:normal}
.job .partWords h6{ font-size:20px; color:#000; font-weight:normal;}
.job .partWords span{ font-size:16px; font-weight:bold; color:#000; margin-top:20px; display:block}
.job .partWords p{ font-size:14px; line-height:20px; color:#000}


/*video.html*/
.player{ height:540px; position:relative; z-index:1;}
.video_detail{ margin-top:40px; margin-bottom:100px; padding-bottom:20px;}
.video_detail .partWords h5{ font-size:24px; color:#010101; font-weight:normal; margin-left:-10px; margin-bottom:15px;}
.video_detail .partWords h5 span{ font-weight:bold; margin:0 5px;}
.video_detail .partWords p{ font-size:16px; color:#000; line-height:28px;}

.video_related{ margin-left:-10px; margin-bottom:10px; overflow:hidden; _margin-left:-18px; }
.video_related a{ display:block; position:relative; height:200px; float:left; width:326px; margin-left:10px; padding-bottom:2px; background:#b08859}
.video_related a .effect{ position:absolute; width:326px; height:176px; top:0; background:#cda578; _display:none}
.video_related a p{ color:#fff; font-size:16px; line-height:16px; margin:0; margin-left:20px; +margin-top:4px;}


/*news.html*/
.news .page{ height:240px; width:1000px; overflow:hidden; position:relative}
.news .page a.btn{ display:block; position:absolute; width:45px; height:240px; background-image:url(image/arrow_02.jpg); top:0; z-index:9; }
.news .page a.prev{ background-position:0 -320px; left:0;}.news .page a.next{background-position:-103px -320px; right:0}
.news .page ul li{ float:left; width:244px; height:240px; margin-right:8px;}
.news .page ul li a{ display:block; width:244px; height:240px; position:relative;}
.news .page ul li a img.normal{ position:absolute; top:0; left:0}

.news_list ul{ margin-left:-8px; margin-top:8px; _margin-left:-16px;}
.news_list ul li{ height:240px; float:left; margin-left:8px; margin-bottom:8px;}
.news_list ul li .partPic{ float:left; width:244px;}
.news_list ul li .partWords{float:left; background:#e8e8e8;position:relative; /*z-index:-2*/}
.news_list ul li .partWords.bg_none{ background:none;}
.news_list ul li .partWords a{ display:block; font-size:16px; padding:20px 35px 0 25px; width:192px; height:220px;  color:#000; line-height:24px; cursor:pointer; }
.news_list ul li .partWords a:hover{ /*color:#fff;*/ color:#cda578; }
.news_list ul li .partWords span{ position:absolute; font-size:20px; color:#000; bottom:15px; right:15px; display:block }
.news_list ul li .partWords .effect{ background:#8ca4c0; width:252px; height:240px; display:block; position:absolute; z-index:-1; top:0; left:0; opacity:0 }

/*news_detail.html*/
.news_detail .partPic a{ display:block; background:url(image/news_back.jpg) no-repeat; width:200px; height:200px;}
.news_detail .partPic span{ margin:10px 0 0 60px; display:block; color:#8c8c8c; font-size:22px;}
.news_detail .partWords{ width:664px;}
.news_detail .partWords .content{ margin-bottom:120px; font-size:14px; line-height:24px;}
.news_detail .partWords h6{ font-size:28px; margin-bottom:35px; color:#010101; line-height:36px; font-weight:normal}
.news_detail .partWords p{ font-size:18px; line-height:30px; text-indent:2em;}

.page2{ margin-right:30px; margin-bottom:10px;}
.page2 a{ display:block; float:right; width:80px; font-size:16px; color:#656565; margin-left:10px;  +width:90px;}.page2 a:hover{ color:#cda578}
.page2 a span{ display:block; width:22px; height:22px; background-image:url(image/arrow_01.jpg);}
.page2 a.prev_arrow span{ background-position:0 -20px; float:right}.page2 a.prev_arrow:hover span{ background-position:0 -42px}
.page2 a.next_arrow span{ background-position:-22px -20px; float:left; margin-right:8px;}.page2 a.next_arrow:hover span{ background-position:-22px -42px}


/*culture.html*/
.culture_banner{ height:360px; position:relative}
.culture_banner .culture_pa{ position:absolute; top:20px; left:20px; width:84px; height:84px; z-index:9}
.culture_banner .showImg {height:360px;}
.culture_banner .showImg ul.img { width:2000px; height:360px;}
.culture_banner .showImg ul.img  li {height:360px; float:left }


.culture{margin-bottom:50px;}
.culture_box { margin-bottom:60px;}
.culture_box .title{ width:330px; margin-right:10px;}
.culture_box .culture_detail{ width:660px; overflow:hidden; color:#999; padding-top:10px;}
.culture_box .culture_detail h6{ font-size:24px; font-weight:normal; line-height:40px; margin-bottom:30px}
.culture_box .culture_detail p{ font-size:16px; line-height:28px; margin-bottom:20px;}

/*.history.html*/
.history.case_detail .partWords{ width:266px;}
.history.case_detail .partWords .infor{ height:256px;}
.history.case_detail .partWords .infor p{ text-indent:2em;}

.history_list ul { margin-left:-11px;}
.history_list ul li{ width:326px; float:left; height:320px; margin-left:11px; margin-bottom:10px; overflow:hidden; position:relative}
.history_list ul li h5{ font-family:Century Gothic,Arial; font-size:54px; font-weight:normal; margin:0; padding:0}
.history_list ul li p{width:276px;font-size:16px; line-height:22px;}
.history_list ul li .normal,.history_list ul li .hover{width:276px; height:270px; padding:20px 30px 30px 20px; background:#e4dcdc;}
.history_list ul li.history_01 .normal{ background:#fff}
.history_list ul li.history_02 .normal{ background:#dbe5e6}
.history_list ul li.history_03 .normal{ background:#e3e6db}
.history_list ul li .normal h5{ margin-top:130px; width:276px; color:#807d7d; text-align:center}
.history_list ul li .normal p{ text-align:center; width:276px;  margin-top:60px; font-size:18px; color:#807d7d}
.history_list ul li .hover{ display:block; position:absolute; z-index:9;  background:#868686}
.history_list ul li .hover h5{ color:#fff;}
.history_list ul li .hover img{ margin-top:30px;}
.history_list ul li .hover p{ position:absolute; bottom:20px; color:#fff; }

/*team.html*/
.team ul li{ clear:both; background:#d2d2d2; overflow:hidden; margin-bottom:5px;position:relative;}
.team ul li.bgc{ background:#9d9d9d}
.team ul li.bgc1{ background:#a9a9a9}
.team ul li.bgc2{ background:#787878}
.team ul li.bgc3{ background:#cfcfcf}
.team ul li.bgc4{ background:#a0a0a0}
.team ul li.bgc5{ background:#d3d3d3}
.team ul li img{ display:block; border-right:5px solid #fff; float:left}
.team ul li h6{ font-size:30px; margin:70px 60px 0px 0; font-weight:normal; float:right; color:#fff}
.team ul li span{font-size:22px; color:#fff; width:390px; line-height:30px; bottom:20px; left:30px; position:absolute; display:block; }
.team ul li .fc6{position:relative; height:220px; float:left}
.team ul li .fc6 span{color:#666;}
.team ul li.bgc1 .fc6{ height:212px;}
.team ul li.bgc1 .fc6 span{color:#fff;}
.team ul li.bgc2 .fc6{ height:194px;}
.team ul li.bgc2 .fc6 span{color:#fff;}
.team ul li.bgc4 .fc6{ height:165px;}
.team ul li.bgc4 .fc6 span{color:#fff;}
.team ul li .vaM{ float:left; width:478px; height:344px; position:relative;}
.team ul li .vaM p{ font-size:16px; color:#323232; text-indent:2em; line-height:24px; width:390px; position:absolute; left:50%; margin-left:-190px; top:50%; margin-top:-36px;}
.team ul li.bgc3 .vaM{ width:560px; height:290px;}
.team ul li.bgc3 .vaM p{ width:456px;}
.team ul li.bgc5 .vaM{ width:476px; height:333px;}
.team ul li.bgc5 .vaM p{ width:448px; margin-left:-225px; margin-top:-50px}



/*jingying.html*/
.jingying{ margin-bottom:120px; overflow:hidden}
.jingying_box{ width:996px; margin:0 auto;}
.jingying .elite_box{ width:332px; height:332px; position:relative;}
.jingying .elite_box .infor{ width:245px; margin:40px auto 0 auto}
.jingying .elite_box .infor.infor1{ margin:60px 0 0 55px;}
.jingying .elite_box .infor.infor2{ margin:50px 0 0 30px;}
.jingying .elite_box .infor.infor3{ margin:65px 0 0 45px;}
.jingying .elite_box .infor.infor5{ margin:60px 0 0 55px;}
.jingying .elite_box .infor.infor6{ margin:60px 0 0 30px;}
.jingying .elite_box .infor.infor7{ margin:55px 0 0 50px;}
.jingying .elite_box .infor.infor8{ margin:55px 0 0 65px;}
.jingying .elite_box .infor.infor9{ margin:75px 0 0 50px;}
.jingying .elite_box .infor h6{ font-size:28px; font-weight:normal; color:#000; margin:0;}
.jingying .elite_box .infor h6 span{ font-size:16px; color:#606060; margin-left:10px; }
.jingying .elite_box .infor p{ font-size:14px; color:#666; line-height:20px;}
.jingying .elite_box span.guide_img{ width:332px; height:332px; position:absolute; z-index:-1; top:0; left:0}


/*ui.html*/
.ui_content .tab { position:relative; background:url(image/ui.jpg) no-repeat center top; width:1000px; height:270px;}
.ui_content .tab ul { position:absolute; top:0; left:0}
.ui_content .tab li{ display:block; width:160px; height:160px;position:absolute;}
.ui_content .tab li:hover a{ display:block}
.ui_content .tab li a{ display:block; visibility:hidden; width:120px; height:120px; padding:20px; line-height:160px; color:#fff; background:url(image/ui.png) no-repeat;}
.ui_content .tab li a p{ line-height:16px; font-size:14px; text-align:left; margin-top:42px; margin-bottom:0; width:120px;}
.ui_content .tab a.active{ opacity:1}
.ui_content .tab li.tab_1{ top:71px; left:51px;}
.ui_content .tab li.tab_2{ top:71px; left:191px;}
.ui_content .tab li.tab_3{ top:71px; left:335px;}
.ui_content .tab li.tab_4{ top:71px; left:513px;}
.ui_content .tab li.tab_5{ top:71px; left:692px;}

.ui_content .tab_container .sub-con{ display:none;}
.ui_content .tab_container .cur-sub-con{ display:block}
.ui_content .tab_container h6 span{ }
.ui_content .tab_container .ui_01 ul li{ background:url(image/ui_bg.jpg) no-repeat top center; overflow:hidden; clear:both; margin-bottom:40px; }
.ui_content .tab_container .ui_01 ul li .words{ float:left; width:330px; margin-top:120px;}
.ui_content .tab_container .ui_01 ul li .words h6{ font-size:30px; font-weight:normal; color:#000; padding:0 0 10px 0; border-bottom:1px solid #000;}
.ui_content .tab_container .ui_01 ul li .words h6 span{  margin-left:30px;} 
.ui_content .tab_container .ui_01 ul li .words p{ color:#999; line-height:24px; margin-top:10px; font-size:14px}
.ui_content .tab_container .ui_01 ul li .words p span{ font-size:18px; color:#000}
.ui_content .tab_container .ui_01 ul li img.png{float:right; margin-top:20px;}

.ui_related{ margin:40px auto 60px auto;}
.ui_related a.prev,.ui_related a.next{ display:block; width:45px; height:160px; background-image:url(image/arrow_02.jpg); background-repeat:no-repeat;}
.ui_related a.prev{ float:left; background-position:0 -560px; margin:0 0 0 10px;}
.ui_related a.next{ float:right; background-position:-103px -560px; margin:0 10px 0 0;}
.ui_related .scroll{ float:left; margin:0 10px;}
.ui_related ul li{ float:left; width:210px; height:160px; margin-right:5px; }
.ui_related ul li a{width:210px; height:160px; display:block; position:relative;}
.ui_related ul li a p{ position:absolute; bottom:0; margin-bottom:0; width:210px; height:30px; line-height:30px; color:#fff; font-size:18px; text-align:center; background:url(image/index_vedio_play.png) no-repeat left top}
.ui_related ul li a:hover p{ text-decoration:underline}

/*metal.html*/
.metal_content.ui_content .tab {background:url(image/metal.jpg) no-repeat center top; }
.metal_content.ui_content .tab a{ background-position:0 0px;  height:120px; width:120px; padding:20px;}
.metal_content.ui_content .tab li.tab_1{ left:60px;}
.metal_content.ui_content .tab li.tab_2{ left:200px;}
.metal_content.ui_content .tab li.tab_3{ left:340px;}
.metal_content.ui_content .tab li.tab_4{ left:518px;}
.metal_content.ui_content .tab li.tab_5{ left:680px;}

.metal_content.ui_content .tab_container .metal_01.ui_01 li{ padding-top:40px; clear:both;}
.metal_content.ui_content .tab_container .metal_01.ui_01 .words{ width:440px; text-align:right;}
.metal_content.ui_content .tab_container .metal_01.ui_01 .words h6{border-bottom:1px solid #000;}
.metal_content.ui_content .tab_container .metal_01.ui_01 .words h6 span{ font-size:18px; color:#000; line-height:24px; margin:0 0 0 0;}
.metal_content.ui_content .tab_container .metal_01.ui_01 .words p{ text-align:left; float:right; display:block}
.metal_content.ui_content .tab_container .metal_01.ui_01 .words_01.words{ text-align:left; float:right; margin-left:40px;}
.metal_content.ui_content .tab_container .metal_01.ui_01 .words_02.words{ width:350px;}
.metal_content.ui_content .tab_container .metal_01.ui_01 .words_03.words{ width:600px; margin:0; text-align:left;}
.metal_content.ui_content .tab_container .metal_01.ui_01 .words_03.words h6{ margin:0 0 40px 0; border:none;}
.metal_content.ui_content .tab_container li#metal_03 img{ margin-top:-38px;}

/*energy.html*/
.energy_content.ui_content .tab {background:url(image/energy.jpg) no-repeat center top; }
.energy_content.ui_content .tab a{ background-position:0 -160px;  height:120px; width:120px; padding:20px;}
.energy_content.ui_content .tab li.tab_1{ left:81px;}
.energy_content.ui_content .tab li.tab_2{ left:236px;}
.energy_content.ui_content .tab li.tab_3{ left:450px;}
.energy_content.ui_content .tab li.tab_4{ left:652px;}

.energy_content.ui_content .tab_container .energy_01.ui_01{ padding-bottom:40px;}
.energy_content.ui_content .tab_container .energy_01.ui_01 li{ padding-top:100px; position:relative}
.energy_content.ui_content .tab_container .energy_01.ui_01 li#energy_02 img{ margin:100px 0 0 20px;}
.energy_content.ui_content .tab_container .energy_01.ui_01 li#energy_02 img.png{ position:absolute; top:0; left:220px; margin:0}
.energy_content.ui_content .tab_container .energy_01.ui_01 img{ float:left; margin-left:40px;}
.energy_content.ui_content .tab_container .energy_01.ui_01 li#energy_04{ padding-bottom:60px;}
.energy_content.ui_content .tab_container .energy_01.ui_01 li#energy_04 img.png{ position:absolute; top:2px; left:260px; margin:0; z-index:0; width:711px; height:523px;}


/*process.html*/
.process ul li{ float:left; width:460px; margin:0 20px 120px 20px;}
.process ul li .words{ float:left;text-align:right; width:150px; height:250px; position:relative }
.process ul li .words h6{ padding-right:8px; margin-bottom:10px; font-size:22px; color:#fff; font-weight:normal; line-height:28px; height:30px;background:#4aa6aa}
.process ul li .words p{line-height:24px; color:#404040; font-size:14px}
.process ul li .words p.paB{ position:absolute; right:0; bottom:0; margin:0}
.process ul li .words p span{ color:#50acc4}
.process ul li .pic{ float:right;background:#4aa6aa; padding:5px 0; width:280px; height:240px;}


/*medical.html*/
.medical .tab ul li{ width:194px; height:225px; float:left; margin:0 3px;}
.medical .tab ul li a{ display:block; width:194px; height:193px; position:relative; background:#d8d8d8}
.medical .tab ul li a.mt32{ margin-top:32px;}
.medical .tab ul li a p{ color:#666; font-size:22px; line-height:24px; left:50%; margin:0 20px 0 -80px; bottom:15px; position:absolute; z-index:1}
.medical .tab ul li a span{ font-family:Arial, Helvetica, sans-serif; font-size:120px; color:#fff; display:block; width:194px; text-align:center}
.medical .tab ul li a:hover{ background:#708db7}
.medical .tab ul li a:hover p{ color:#fff}
.medical .tab ul li a.cur{ margin-top:32px;background:#708db7}
.medical .tab ul li a.cur p{color:#fff}


.medical .tab_container .sub-con{display:none}
.medical .tab_container .cur-sub-con{ display:block}

  /***tab1***/
.medical .tab_container .medical_01{ padding-bottom:200px;}
.medical .tab_container .medical_01 .col{ width:320px;}
.medical .tab_container .medical_01 .colL{ float:left; margin-left:3px;}
.medical .tab_container .medical_01 .colM{ float:left; margin:0 17px;}
.medical .tab_container .medical_01 .colR{ float:right; margin-right:3px}

.medical .tab_container{ margin-top:40px}
.medical .tab_container .medical_01 .col h6{ font-size:26px; font-weight:normal; line-height:36px; color:#000; width:230px; height:210px; padding:30px 40px 50px 30px; border:10px solid #d1d1d1; }
.medical .tab_container .medical_01 .col h6 span{ font-size:16px; color:#333; line-height:24px; margin:40px 0 0 0; display:block}
.medical .tab_container .medical_01 .col_img{ width:155px; margin-top:20px;}
.medical .tab_container .medical_01 .col_img span{ display:block; background:#cad09b; color:#333; padding:44px 30px 0px 50px; width:75px; height:108px; line-height:32px; font-size:30px; letter-spacing:3px; margin-bottom:5px; }
.medical .tab_container .medical_01 .col_img p{ width:155px; height:42px; line-height:42px; text-align:center; font-size:20px; color:#333}

.medical .tab_container .medical_01 .colM .col_img span{ padding:44px 30px 0 35px; width:90px; letter-spacing:0; background:#9bd0b4}
.medical .tab_container .medical_01 .colM .col_img p{ background:#9bd0b4;}
.medical .tab_container .medical_01 .colR .col_img span{padding:44px 30px 0 35px; width:90px; letter-spacing:0; background:#9bc3d0}

  /***tab2***/
.medical .tab_container .medical_02{ padding-bottom:60px;}
.medical .tab_container .medical_02 img{ margin-bottom:40px;}
.medical .tab_container .medical_02 h6 {line-height:110px; font-size:28px; font-weight:normal; color:#000; margin:0 0 15px 60px;}
.medical .tab_container .medical_02 h6 span{ display:block; width:110px; height:110px; line-height:110px; font-size:28px; color:#fff; text-align:center; background:#427aad; float:left; margin-right:20px;}
.medical .tab_container .medical_02 p{ color:#666; line-height:30px; font-size:20px; margin-left:220px; margin-top:60px;}


  /***tab3***/
.medical .tab_container .medical_03{ padding-bottom:200px;}
.medical .tab_container .medical_03 li{ clear:both; margin-bottom:60px; overflow:hidden;}
.medical .tab_container .medical_03 li span{ display:block; width:160px; height:160px; line-height:160px; font-size:24px; color:#fff; text-align:center; float:left; margin-right:100px; background:#718eb4}
.medical .tab_container .medical_03 li p{ display:block; float:left; width:700px; font-size:18px; color:#000; line-height:30px;}

  /***tab4***/
.medical .tab_container .medical_04{ padding-bottom:20px;}
.medical .tab_container .medical_04 p.tt{ font-size:18px; color:#000; line-height:30px; width:940px; margin:0 auto 60px auto}
.medical .tab_container .medical_04 h5{ width:380px; height:60px; font-size:28px; color:#fff; font-weight:normal; background:#718eb4; line-height:60px; text-align:center; letter-spacing:2px;}
.medical .tab_container .medical_04 ul{ margin-bottom:50px;}
.medical .tab_container .medical_04 ul li{ margin-left:50px;}
.medical .tab_container .medical_04 ul li .w430{ margin-left:120px; width:430px;}
.medical .tab_container .medical_04 ul li h6{ margin-top:20px; font-size:24px; font-weight:normal; color:#013983}
.medical .tab_container .medical_04 ul li p{ font-size:18px; line-height:30px;margin:30px 0 0 50px;}
.medical .tab_container .medical_04 ul li p span{ font-size:24px; color:#000; line-height:30px; margin-left:-20px;}
.medical .tab_container .medical_04 table{ font-size:14px; margin:30px 0 0 50px;}
.medical .tab_container .medical_04 .medical_img{ width:440px; margin:70px 30px 0 10px}
.medical .tab_container .medical_04 .medical_img p{ width:440px; text-align:center; margin-top:40px; font-size:18px; color:#000}

  /***tab5***/
.medical .tab_container .medical_05 h6{ font-size:16px; color:#000; line-height:30px; margin:20px 0 30px 0; }
.medical .tab_container .medical_05 p{ width:550px; font-size:16px; line-height:30px; color:#000; margin-bottom:100px;}




/*public*/
body{ padding-top:115px;}

.banner{ margin-bottom:50px;}
.banner img{ display:block}

.bottom2 .weixin{ background:#e4e4e4; margin-left:10px;}
.bottom2 .index_contact{ padding-left:64px;}

.br5{behavior:url(PIE.htc);border-radius:5px;/*ie6*/behavior:none;}

body{ background:#fff; font-family:"微软雅黑","宋体",Arial; font-size:12px; color:#666; }
p{ text-indent:0}

.w326{ width:326px}
.w332{ width:332px;}
.w668{ width:668px;}
.w1000{ width:1000px;}
.h330{ height:330px;}
.h660{ height:660px;}

.mt30{ margin-top:30px;}
.dpB{ display:block}
/* 2018-11-13 */
.kkt{
    font-size: 29px;
    color: #595757;
    width: 450px;
    margin: 0 auto;
    line-height: 29px;
    font-weight: normal;
    text-align: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #535353;
    margin-top: 30px;
}
.kkt+p{
    font-size: 14px;
    line-height: 14px;
    color: #595757;
    text-align: center;
    width: 150px;
    background: #fff;
    margin: 0 auto;
    margin-top: -7px;
    margin-bottom: 20px;
}
.footer-xt{
    line-height: 20px;
    font-size: 20px;
    font-weight: normal;
    color: #4c4948;
    color: #222222;
}
.footer-xt:after{
    content: "";
    display: block;
    height: 1px;
    /* background: #cccccc; */
    margin: 17px 0;
}
.footer-contact{
    width: 700px;
    float: left;
}
.foot-sw{
    font-size: 20px;
    margin-right: 26px;
}
.foot-sw2{
    margin-left: 35px;
}
.foot-sw li{
    margin-bottom: 10px;
    color: #b18956;
    line-height: 18px;
    cursor: pointer;
}
.foot-sw li.active{
    color: #b18956;
    position: relative;
}
.footer-lxfs li{
    font-size: 12px;
    color: #999999;
    line-height: 24px;
}
.footer-lxfs .fli1{
    line-height: 14px;
    font-size: 14px;
    color: #555555;
    padding-bottom: 10px;
}
.wx-lx{
    display: none;
}
.foot-yqlj{
    width: 300px;
}
.foot-yqlj li{
    font-size: 12px;
    color: #555555;
    line-height: 30px;
    margin-bottom: 20px;
}
.foot-yqlj select{
    width: 230px;
    height: 30px;
    color: #555555;
    border: 1px solid #e5e5e5;
    float: right;
}
.foot-weixin{
    width: 200px;
}
.foot-weixin p{
    float: right;
    font-size: 12px;
    color:#555555;
}
.footc{
    background: #dedede;
    padding-top: 55px;
    margin-top: 40px;
}
.index-lx{
    padding-bottom: 40px;
}
.footnote{
    background: #000000;
    line-height: 60px;
}
.foot-nav>li{
    float: left;
    font-size: 14px;
}
.footnote img{
    padding: 14px 27px 0 0;
}
.foot-nav a{
    color:#7a7a7a;
    display: block;
}
.foot-nav a:after{
    content: "|";
    display: block;
    float: right;
    margin: 0 15px;
    color:#7a7a7a;
}
.foot-nav .foot-navl:after{
    display: none;
}

.foot-nav a:hover{
    color: #ffffff;
}
.footnote p{
    font-size: 12px;
    color: #7a7a7a;
    margin: 0;
}
.footnote p>a{
    color: #7a7a7a;
}
.footnote p>a:hover{
    color: #ffffff;
}
.h330{
	height: 330px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.wc1000{
	width: 1000px;
	margin: 0 auto;
}
.clearfix:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content: " ";
    clear:both;
    height:0;
}
.clearfix{
    *zoom:1;
}
.index-lz a{
    width: 495px;
    float: left;
    margin-bottom: 10px;
    position: relative;
    height: 365px;;
    color: #ffffff;
    display: block;
}
.index-lz *{
    box-sizing: border-box;
}
.index-lz a:nth-of-type(2n){
    float: right;
}
.index-lz a>img{
    width: 100%;
    height: 100%;
}
.index-lz div{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    padding: 70px 90px;
    display: none;
}
.index-lz a:hover>div{
    display: block;
}
.index-lz h3{
    font-size: 18px;
    margin-bottom: 24px;
}
.index-lz p{
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}
.index-lz div>img{
    margin-top: 20px;
}
.index_LL+img{
    width: 330px;
    height:332px;
    float: left;
}