﻿@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
html{overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, p
{ _background-image:url(about:blank);_background-attachment:fixed;font-family:'微软雅黑'; margin: 0px; padding: 0px;}
input, button, { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{border:0;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{text-decoration:none;outline:0;}
.noneBottomBorder{ border-bottom: none!important;}	
.noneTopBorder{ border-top: none!important;}

/* header */
.header{ width:100%; position:relative; }
.topnbd{width:100%; height:120px;background:#21232f;}
.top{position: relative; width:1004px;height:103px; margin:0 auto;}
.logo{float:left;width:680px; height:103px;}
.time{float:left;width: 240px; height:87px; padding-top:30px;}	
.time p{width: 324px;color:#fff;font-size:14px; line-height:53px;text-align: right;}
.time p.a{color:#fff;font-size:12px; line-height:14px;}
.time p.b{color:#ff6030;font-size:20px; line-height:28px;}
.time p.b span{color:#fff;}
.time p.c{color:#ff6030;font-size:20px; line-height:22px; }
.time p.c span{float:right;color:#fff ;font-size:14px; font-family:"微软雅黑";}
/* end topbd */

.navgrp{width:100%;height:59px;margin:0 auto; background:#ff6030;}
.navbd{position:relative;width:1004px;height:59px;margin: 0 auto; }
.nav{width:1002px;height:59px; padding-left: 2px;}
.nav li{position: relative;float:left;text-align: center; width:143px;height:59px; display: block;  }
.nav li a{ width:143px;height:59px;display:block; color:#fff;font-size:16px;line-height:59px; text-align: center; font-weight:bold; }
.nav li a span{color:#565656; font-size: 12px;text-transform:uppercase;}	
.nav li a:hover{ color:#ffffff;background: #fe6f37;}
.nav li a:hover span{ color:#ffffff;}
.nav .menu a{width:143px;height:59px;display:block;	color:#ffffff;font-size:15px; line-height:59px;text-align: center;background: #fe6f37; }
.nav .menu a span{color: #ffffff;}	
.nav .on a{width:143px;height:59px;display:block;color:#ffffff;font-size:15px; line-height:59px;background: #fe6f37;}	
.nav .on a span{color: #ffffff;}	
#navChild{position:absolute;left:0px; top:59px;  overflow: hidden;width:111px; z-index:999; display: none;background: url(../images/navbg.png) center bottom repeat}
#navChild a{position:relative;display: block;width:111px; height: 40px; display:block;border-bottom: 1px solid #d74058;color:#ffffff!important; font-size:14px;line-height:40px; text-align:center;background: none;	}
#navChild a:hover{color:#ffffff!important;background:none;}
/* end navgrp */
#navChild a.last{color:#ffffff!important; font-size:18px;line-height:40px; font-weight: bold; text-align:center;}
.banner{ position:relative;width:100%;height:425px;  }
.bannerfen{ position:relative;width:100%;height:239px;  }
.bannerfen img{ display: block; margin: 0 auto;}
.bannfen{position:absolute; top:0; left:50%; margin-left: -800px;z-index: 70;width:1600px; height:239px; overflow: hidden;}
.bann{position:absolute; top:0; left:50%; margin-left: -800px;z-index: 70;width:1600px; height:425px; overflow: hidden;}
.picListBd {position:relative;width:1600px;height:425px; margin:0 auto; overflow:hidden;}
.picListBd2{position:absolute; left:0;top:0; height:425px;  margin:0 auto; overflow:hidden;}
.picList{ float:left;width:1600px;height:425px;overflow:hidden;}
.picList img{ display: block; margin: 0 auto;}	
.picLeft,.picRight{	position:absolute;left:50%; top:237px;  z-index:99;	width:44px; height:78px; cursor:pointer;}
.picLeft{margin-left:-595px;}
.picRight{margin-left:555px;}
.htmlpic2{ position:absolute;z-index:90; left:1600px;top:0px; }
/* end banner */

.sectionB{ width: 100%; height:109px;background:url(../images/noticebg.jpg) left top repeat-x; clear:both;}
.inTopBd{position: relative; width: 1004px; height: 109px; margin: 0 auto; }

.notice {position: relative;float:left;	width:730px;height: 109px;}
.notice .title{ width:284px;height:24px;  padding-left:26px ; padding-top: 30px;color: #cbcbcb;font-size:16px; line-height:24px;background:url(../images/notice.png) left 30px no-repeat;}
.notice .noticenr{float:left;width:730px;height:32px;color:#cbcbcb; font-size:14px; line-height:32px; }
#noBd{float:left;width:730px;height:35px; overflow: hidden;color:#ffffff; font-size:14px; line-height:35px;}	
#innoBd{ width: 758%; float:left; overflow: hidden;}	
#n1p,#n2p{ float: left; padding-left: 30px;}	
/*end notice*/ 

.searchBd{float:left;width:318px;height:109px; padding-left: 136px;	background:url(../images/photo.png) left top no-repeat;}
.advFont{ width: 300px;height:32px; padding-left:18px; padding-top: 18px;color:#f0f0f0;font-size:14px;line-height:32px;}
.search{width:294px; height:35px;}
.text{float:left;width:130px;height:35px; padding:0px 20px;border: none;color:#4e4e4e;font-size:14px;line-height:35px;background:#2a2a2a;}
.btn{float:left;width:33px;height:35px;border:0;cursor:pointer; border: none;color:#b1b1b1; font-weight:bold; font-size:14px;background:url(../images/search.jpg) no-repeat center center;}
.select{float:left;	width:91px;height:35px; line-height:35px;background:url(../images/select.jpg) left top no-repeat; position:relative;}
.select select{margin:5px auto;width:91px;}
div.selectbox-wrapper{position: absolute;*left:0;z-index:9999;overflow:hidden;width:89px;*margin-top:0;	color:#b1b1b1;text-align:left;border:#2a2a2a 1px solid;border-top: none;background:#2a2a2a;}
div.selectbox-wrapper ul li.selected {color:#fff;background-color:#0e0e0e}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#0e0e0e}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height: 24px;padding-top: 3px;font-size:14px;}
.selectbox{	width:80px;cursor:pointer;height:35px;border:none;display:block; padding-left: 11px;color:#b1b1b1;line-height:35px;font-size:14px; 	background:none;}	
/*end search*/ 

.toptel{float:left;width:240px; height:89px;padding-top:20px;background:url(../images/line.png)  left 14px no-repeat;}
.toptel .tel{width:240px;height:34px;color:#f3f3f3; font-size: 30px; line-height: 34px; font-family:'Century Gothic'; text-align:right;}
#pgshare1 #bdshare a{background: url(../images/share.png) no-repeat scroll 0 0 transparent;margin-right:2px;min-height: 31px;min-width:36px;display:block;float:left;padding:0}
#pgshare1 #bdshare{background: url(../images/share.png) repeat-x scroll 0 -170px transparent;display: block;float: left;padding-bottom: 2px;text-align: left !important;z-index: 999999;}
#pgshare1 #bdshare .bds_tsina,#pgshare1 #bdshare a.bds_tsina:hover{background-position:0 0 !important;}
#pgshare1 #bdshare .bds_qzone,#pgshare1 #bdshare a.bds_qzone:hover{background-position:-74px 0 !important;}
#pgshare1 #bdshare .bds_tqq,#pgshare1 #bdshare a.bds_tqq:hover{background-position:-38px 0 !important;}
#pgshare1 #bdshare .bds_bdhome,#pgshare1 #bdshare a.bds_bdhome:hover{background-position:-113px 0 !important;}
#pgshare1{width:212px;height:31px;margin:8px auto 0 auto; overflow: hidden; padding-left: 28px;	color: #666666;font-size:14px;line-height: 24px;font-family:impact;text-align: right;}	
/* end notice */

.section{ position:relative; width:100%;  clear:both; }
.ncbd{ width:1004px; height: 315px; padding-top: 32px; border-bottom: 14px; margin: 0 auto;}
.adv{float:left;width:292px; height:301px; padding:7px; margin-right:38px; margin-top: 8px;	background: url(../images/adv.jpg) left top no-repeat;}
#advPicUlId{ position:relative;width:292px;height: 301px; overflow: hidden;}
.advLeft,.advRight{	width:37px; height:51px; cursor:pointer;}
.advLeft{position: absolute;left:10px; top:150px;z-index:99 ;}
.advRight{position: absolute;left:246px; top:150px;z-index:99 ;}

.advPicUlIdBox{position: absolute;left:0px; top:0px; height:301px; overflow:hidden;}
.advPicUl{position:relative;float:left;width:100%;height:301px; }
.advPicUl li{position:relative;float:left;width:292px; height:301px; margin:0px;}
.advPicUl li a{	position: absolute;left:0px; bottom:0px;z-index:99 ;width:260px; height:76px; padding: 5px 16px; display: block;color: #fff; font-size: 14px;line-height: 18px;	background: url(../images/backbg.png); }
.advPicUl li a span{color: #fff; font-size: 18px; line-height: 40px; font-weight: bold; display: block;}
.htmladv2{ position:absolute; left:600px; top:0px;}

.news{ float:left; width:660px; height:315px; overflow:hidden; }
.newsT{	width: 660px; height: 60px; text-align:center;	color: #fff; font-size:24px;line-height: 66px; font-weight: bold;	background: url(../images/newsbg.jpg) left bottom no-repeat;}
.newsT span{float:left;	width:179px; height: 54px; padding-top: 6px;}
.about{width: 660px; height: 346px;   }
.about p{ font-size:14px; line-height:32px; color:#4d4d4d; padding:20px;}
.newsList{width: 660px; height: 346px;   }
.newsList li{float:left;width:305px; height: 346px; padding-right: 50px;overflow: hidden;}
.newsList .picNews{width:305px; height: 178px;}

.newsList .timeNews{width: 305px; height: 21px; margin-top: 18px;color:#939393; font-size: 14px; line-height: 21px;	background: url(../images/arrow.jpg) right top no-repeat;}
.newsList a{width: 305px; height: 129px; display: block;}
.newsList .titleNews{width: 305px; height: 46px; display: block;color:#0d0d0d; font-size: 18px; line-height: 46px;}
.newsList .introNews{width: 305px; height: 69px; padding-top: 14px; display: block;color:#4d4d4d; font-size: 14px; line-height: 22px;}

.showBox{position: relative;width: 100%;  height:380px; margin-top:36px;background:#2d3039;}
.proListPicBd{ width: 1004px; height: 380px; margin: 0 auto;}
.showTtitle{position: relative;	width: 1004px; height: 46px; padding-top: 100px;color:#dfdfdf; font-size: 14px; line-height: 30px;  text-align: center;}
.showTtitle span{position: absolute; left: 0px; top: -36px;	width: 1004px; height: 182px;}
.showTtitle a{ color:#fff;}

.proListPic { width:1002px;height:210px; margin: 0 auto; overflow: hidden; }	

.con1 {width: 1000px;height:210px; margin: 0px auto;}
.partFourCon {height: 210px; margin-left: 10px;display: inline;width: 1000px; float: left; overflow: hidden; position: relative;}
.pro { float: left;}
.pro li { float: left; margin-bottom: 20px; padding: 0px 10px; width: 220px; display: inline;}
.proimg { float: left; border: 1px solid #E1E1E1; padding: 3px;}
.proname {  float: left;  width: 220px;  text-align: center;  line-height: 30px; margin-top: 6px; color: #cba97b; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.proname:hover{text-decoration:underline;}
/*end proListPic*/

.caseBd{ width: 1004px; height: 400px; margin: 0 auto;}
.caseTitle{	width: 1004px; height:80px; padding-top: 16px; padding-bottom:10px;color:#313131;font-size: 14px; line-height: 20px;  text-align: center;}
.caseTitle span{display: block;	width: 608px; height: 84px; margin: 0 auto;}
.casePic{width:1002px; height:280px;  margin: 0 auto;}
.casePic ul li{ position:relative;float:left; width: 205px; height: 205px;padding:15px 13px 12px 13px;margin-right:26px; background: url(../images/servicebg2.jpg) center top no-repeat;}
.casePic ul li a{position: relative;width: 205px; height: 205px;  display: block; overflow: hidden; border-radius: 50%; overflow: hidden;}
.casePic ul li .aaa{position:relative;width:205px; height:205px;border-radius: 50%;overflow: hidden; }	
.casePic ul li .aaa img{position:relative; z-index:99;width:205px; height:205px; display: block;border-radius: 50%;} 
.casePic ul li .bbb{ position: absolute; left:0px; bottom: 0px; z-index: 999;width: 105px; height: 44px; padding: 0 50px;color: #fff; font-size: 16px;line-height: 34px; text-align: center;background: url(../images/backbg2.png) center top no-repeat ;}	
/*end casePic*/


/* footer*/
/* foot */
.foot_bg{width:100%;height:120px;background:#21242e;overflow:hidden; border-top:4px solid #ff6030;}
.foot{width:1000px;height:120px;margin:0 auto;overflow:hidden;position: relative; padding-top:30px;}
.foot p{width:100%;text-align:center;font:14px/28px "microsoft yahei";color:#eee;margin:0 auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.foot p span{margin:20px 12px;}
.foot p a{color:#eee}

/*end link*/

.btnavlist{ width: 1004px; height: 80px; padding: 32px 0px; margin: 0 auto; }
.btnavlist a{float: left; margin-right: 63px;width: 150px; height: 40px; display: block;color:#868686;font-size:15px; line-height: 40px; }
.btnavlist a span{ padding-left: 5px; color:#565656; font-size:12px; text-transform: uppercase;}
.btnavlist a:hover{color:#fff;}
.btnavlist a:hover span{color:#fff;}
/*end btnavlist*/

.copyright{width:100%;height:50px; border-top: 1px solid #151515;background: #000;}
.copyrightnr{width:1004px; height:50px;margin: 0 auto;color:#666;font-size:12px; line-height:50px;  text-align: left; }
.copyrightnr a{color:#666}
.copyrightnr a:hover{color:#ffffff}
.copyrightnr span{ float: right;}
/*end copy*/


/* 分页样式 contact*/
.sectionbg{ width:100%; margin:0 auto; position:relative; clear:both; overflow:hidden;}
.main{position:relative; width:1004px; padding-top: 24px; padding-bottom: 20px; margin:0 auto;  }
.left{float:left; width:240px; overflow:hidden; margin-right:28px; }
.leftTitle{	width: 200px;height:70px;  padding-left: 40px;border-bottom: 5px solid #ff5e2f;	color:#dedede; font-size:28px;line-height:70px; font-weight:normal; text-transform: uppercase;background: #21232f;}
.leftTitle span{float:left;display:block;color:#dedede;font-size: 18px; line-height:70px; text-align: center; font-weight: bold; }
.leftTitle2{width: 200px;height:70px;  padding-left: 40px;color:#dedede; font-size:24px;line-height:70px; font-weight:normal; text-transform: uppercase;background: #0e0e0e; }
.leftProCla{width:240px;height:100px; height:auto!important;min-height:100px;padding-bottom: 32px;background: #d9d9d9; }
	
.leftProClaList{width:240px;}
.leftProClaList li{width: 200px; height:54px; padding-left: 40px ; border-bottom: 1px solid #fff;background: url(../images/arrow2.jpg)  210px center no-repeat;}	
.leftProClaList li a{color:#3b3b3b;font-size:16px;line-height: 54px;}
.leftProClaList .child{ display: none; padding:20px 0px;border-bottom: 1px solid #fff;}
.leftProClaList .child li{width: 200px; height:30px; padding-left: 40px ; border-bottom: none;background: #d9d9d9;}	
.leftProClaList .child li a{width: 200px; height: 30px; display: block;	color:#474747;font-size:14px; line-height: 30px;}

.leftTel{width: 240px; margin-top: 22px;background: #0e0e0e;}
.leftTelPic{ width: 240px; height: 162px; border-bottom: 1px solid #c6a371;}
.leftTelNum{width: 240px; height: 54px;	color: #caaa7a; font-size: 26px; line-height: 54px; font-family: impact;text-align: center;	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#7b6547), to(#e1be8b));
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/*end leftProClaList*/

.leftContact{ width: 240px;  margin-top:20px;background: #5d9ec9;}
.leftcConMark{position: absolute;left:70px; top:-50px; width: 100px; height: 100px; border-radius: 50px;border: 1px solid #c6a371; background: url(../images/mail.png) center center no-repeat #fff;}
.contactnr{ position: relative; width: 230px; margin: 0 auto; padding-bottom: 20px; background: #c6a371; padding-left:10px;}	
.contactnr dl{width:240px; display:block;clear:both;}
.contactnr p{font-size:14px; color:#ffffff; line-height:30px; }
.contactnr dl dt{ width:44px; float:left; padding-left: 20px; }
.contactnr dl dd{width:166px; float:left; }

.leftNews{ width: 202px;padding:10px 14px;background: #fff; margin-top: 24px; }
.leftNews ul{ padding-top: 5px;}
.leftNews li{width: 182px; height: 36px;padding-left:20px;border-bottom: 1px solid #d4dde3;}
.leftNews li a{color: #666666; font-size: 12px; line-height: 36px;}
/*end leftNews*/

.mainCon{width:734px; float:left;}
.mainConTitle{position: relative;width:734px; height:64px;border-bottom: 1px solid #c7c7c7; color: #5e5e5e;font-size: 16px;  line-height: 50px; text-align:left; font-weight: bold;}
.mainConTitle .markLeft{position: absolute; left: 0px; bottom: -12px;width: 21px; height: 21px;background: url(../images/potitlebg.png) left top no-repeat;}
.mainConTitle .markRight{position: absolute; right:0px; bottom: -12px;width: 21px; height: 21px;background: url(../images/potitlebg.png) right top no-repeat;}
.mainConTitle .position {position: absolute; right: 0px; bottom:0px;height:64px; color: #5e5e5e; font-size: 14px;line-height:50px; font-weight: normal;}
.mainConTitle .position a{color:#5e5e5e;}
.mainConTitle .position a:hover{color:#000}
.mainConTitle .position font{font-size: 14px;}
 /*end mainConTitle*/

.mainConList{ width: 734px; margin: 34px auto 0px auto; }
.mainConList .pic1{ float:left;	width:232px; height:245px; margin-right: 6px; margin-left:6px;margin-bottom: 26px; overflow: hidden; }

.mainConList .pic1 a:hover{ color:#F60}
.mainConList .pic1 .dt img{ padding:2px; border:1px solid #ccc;}
.mainConList .pic1 .dt a{position: relative;	width:230px; height:180px;  padding:2px;}
.mainConList .pic1 .dd a{position: relative;	width:206px; height:62px;padding:0 10px; display: block;color:#000;font-size:16px;line-height:62px; text-align: center;}
 /*end pic1*/	
.mainConList2{ width: 734px; margin: 16px auto 0px auto; }
.mainConList2 .pic2 a{ display: block; width:734px;height:264px;padding:14px 0px;border-bottom: 1px dotted #545454; }
.mainConList2 .pic2 dt{float: left; width:176px; height:234px;padding:15px;}
.mainConList2 .pic2 dt img{ display:block;}
.mainConList2 .pic2 dd{	float:left; width:500px; height: 234; padding-top:15px ; padding-left: 10px; padding-right: 18px;overflow: hidden; }
.mainConList2 .pic2 .title{	width:500px; height: 40; padding-bottom: 10px;color:#424242;font-size:16px; line-height:40px; font-weight: bold; }
.mainConList2 .pic2 .intro{	width:500px; height: 184px; font-size:14px;color:#424242;line-height:36px}

/*end pic2*/
.mainConList3{ width: 734px; margin: 0px auto 0px auto; }
.mainConList3 .proUlList {padding-top:10px;clear:both;  padding-bottom:10px;}
.mainConList3 .proUlList li{width: 734px; height: 60px;}
.mainConList3 .proUlList li a{width: 694px;padding-left: 20px;padding-right: 20px;height: 60px; display: block;border-bottom: 1px dotted #545454;color:#5e5e5e; font-size:14px; line-height:60px; 
}
.mainConList3 .proUlList li a:hover{ color:#000;}
.mainConList3 .proUlList li span{ color: #5e5e5e; float: right; font-size:14px;line-height:60px;}
/*end ul*/



.mainContect{color:#4b4b4b;font-size:14px;line-height:30px;overflow:hidden;padding-top:12px; height:auto!important;min-height:545px;word-wrap:break-word; word-break:break-all;padding-bottom:20px;background:#fff ;}
.mainContect img{ max-width: 100%; display:block;}
.mainContect .title{width:100%;  padding-top:25px; padding-bottom: 20px;color:#1d1d1d;font-size:16px; line-height:40px;text-align:center; font-weight: bold;}
.mainContect .title span{display: block;color:#7a7a7a;font-size:12px; line-height:20px;text-align:center; }
.mainContect .pic{ width:100%; text-align:center;padding:20px 0;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con{ padding-bottom:20px;line-height:30px;font-size:14px; color:#4b4b4b;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect .pgfy{	position: relative;	width:100%;  padding-top:15px;padding-bottom:20px; margin: 0 auto;}
.mainContect .pgfyl{width:100%;}
.mainContect .pgfyl p{color:#4b4b4b;font-size: 14px; line-height:30px;}
.mainContect .pgfyl p a{ color:#4b4b4b; font-size: 14px; line-height:30px;}
.mainContect .pgfyr{position: relative;	width:128px;height:44px;text-align:center; margin: 20px auto; }
.mainContect .pgfyr a{width:128px;height:44px;text-align:center; border-radius:44px; display: block;color:#fff;font-size:14px;line-height:44px;	background: #0f0f0f;}



/* 分页 */
.pages{width:100%;height:28px; margin:30px 0; clear:both; background:#efefef; font:500 14px/28px 宋体; color:#000;}
.pages span{float:left; display:inline; padding:0 3px 0 3px; margin-right:7px; font:500 14px/28px 宋体;color:#000;width:auto;height:26px;border:1px solid #131313;background:#efefef; text-align:center;}
.pages a{color:#000; display:block;width:auto;height:26px; float:left; display:inline;margin-right:7px; padding:0 3px 0 3px;border:1px solid #131313;background:#efefef; text-align:center;}


/*index_title*/
.index_title {height:50px;overflow: hidden; margin-bottom:20px;}
.index_title a {display: block;float: right;color: #ff6030;font-size: 30px;font-weight: bold;border: 2px solid #2d3039;width:40px;height:40px;line-height:40px;text-align: center;}
.index_title h3 {font-size: 24px;color: #2d3039;display: inline-block;line-height:25px;}
.index_title span {font-size: 14px;color: #484849;line-height:30px;margin-left: 5px;}
/*news_about*/
.news_about {padding-top:35px; width:100%; height:300px; }
.w1000 {width:1000px;margin: 0 auto; margin-bottom:20px;}
.index_news {width: 665px;float: left;height: 300px;}
.index_about {width: 665px;float: right;}
.index_about ul li{line-height: 25px;font-size: 15px;color: #333;}
.newsListDl {width: 660px;border-bottom: 1px solid #d2d2d2;background: #f7f7f7;}
.newsListDl dt {width:660px;height: 48px;}
.newsListDl dt span {float:left;width:62px;height:48px;color:#fff;font-size:24px;line-height:48px;text-align:center;background:#ff6030;}
.newsListDl dt p a{float: left;width:384px;height:48px;padding-left:22px;padding-right:16px;color:#000;font-size:14px;line-height:48px;}
.newsListDl dt p a:hover{color:#ff6030;}

.index_about {float: right;height: 300px; width:308px;}
.index_about p {color:#000;font-size: 14px;line-height:32px;margin-top: 20px; background: #f7f7f7; padding-left:15px; height:246px;}
.index_about p span{color: #ff6030; font: 28px/45px "Impact";}


	