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

html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#1a1a1a; font-family:"Microsoft Yahei"; overflow:hidden; background:url(../images/bodybg.jpg)}
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#000; }
a:hover { text-decoration:none; color:#1862ad; }

input,textarea{ font-family:"Microsoft Yahei"; font-size:14px; color:#666; }


.w-gray{ width:1200px; margin:0 auto; }
#main{  width:1200px; margin:30px auto; overflow:hidden; }

#header{ width:100%; height:90px; }

#top{ width:1200px; height:90px; margin:0 auto; }
#logo{ width:224px; height:90px; clear:both; float:left; background:url(../images/logo.png) no-repeat left center; overflow:hidden; }
#menu{ width:780px; list-style:none; margin:0 0 0 0px; padding:0; float:right; height:90px; }
#menu li{ width:130px; float:left; position:relative; }
/*#menu li:hover,#menu li.on{ background:#fbc327; z-index:10; color:#000; }*/
#menu li a{ width:100%; height:30px; display:block; font-size:15px; color:#b7b7b8; text-align:center;padding-top:60px; }
#menu li:hover a,#menu li.onn a{ color:#000;}
#menu li ul{ width:920px; list-style:none; margin:0;position:absolute; top:90px; left:-200px; z-index:10; display:none; overflow:hidden;   }
#menu li ul li{ width:auto; float:left; line-height:54px;  color:#FFF; background:#000;filter: alpha(opacity=60); opacity: 0.6;}
#menu li ul li a{ width:auto; height:54px; padding:0 20px; font-size:14px; color:#FFF !important; }
#menu li ul li a:hover{ color:#fac11a !important; }
#menu li:hover ul{ display:block; }


.ico1 {
	background:url(../images/ico1.png) center 13px no-repeat;	
}
.ico1:hover {
	background:url(../images/ico12.png) center 13px no-repeat #fbc327;	
}
.ico2 {
	background:url(../images/ico2.png) center 13px no-repeat;	
}
.ico2:hover {
	background:url(../images/ico22.png) center 13px no-repeat #fbc327;	
}
.ico3 {
	background:url(../images/ico3.png) center 13px no-repeat;	
}
.ico3:hover {
	background:url(../images/ico32.png) center 13px no-repeat #fbc327;	
}

.ico4 {
	background:url(../images/ico4.png) center 13px no-repeat;	
}
.ico4:hover {
	background:url(../images/ico42.png) center 13px no-repeat #fbc327;	
}

.ico5 {
	background:url(../images/ico5.png) center 13px no-repeat;	
}
.ico5:hover {
	background:url(../images/ico52.png) center 13px no-repeat #fbc327;	
}

.ico6 {
	background:url(../images/ico6.png) center 13px no-repeat;	
}
.ico6:hover {
	background:url(../images/ico62.png) center 13px no-repeat #fbc327;	
}

#bannerindex{width:100%; overflow:hidden; }
#banner{width:100%; overflow:hidden; height:437px; }
.mainbanner{height:600px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:600px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:600px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:600px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{ width:90px; height:20px; position:absolute; bottom:20px; left:50%; list-style:none; margin:0 0 0 -45px; padding:0;  }
.mainbanner_list li{width:30px;height:20px; float:left; margin:0; overflow:hidden; }
.mainbanner_list a{ width:100%;height:20px; margin:0; background:url(../images/h1.png) no-repeat center center; overflow:hidden;float:left;}
.mainbanner_list li.active a,.mainbanner_list li a:hover{ background:url(../images/h2.png) no-repeat center center; }

#search{ width:100%; height:50px; background:#ebebeb; overflow:hidden; }
.searchL{ clear:both; float:left; margin:0; padding:0; overflow:hidden;  }
.searchL dt{ line-height:50px; float:left; margin:0; padding:0; font-size:14px; color:#555; }
.searchL dd{ line-height:50px; float:left; margin:0 6px; padding:0; }
.searchL dd a{ color:#555;  font-size:13px; }
.searchL dd:hover a{ text-decoration:underline; }

.searchR{ width:286px; height:30px; display:block; float:right; background:url(../images/search.png) no-repeat left top; margin:10px 0 0 0; }
.topkey{ width:225px; height:30px; line-height:30px; padding:0 0 0 10px; margin:0; border:0; background:none; outline:0; float:left; font-size:12px; color:#999; }
.topbtn{ width:45px; height:30px; margin:0; padding:0; border:0; outline:0; background:none; cursor:pointer; float:right; }

#footer{ width:100%; background:#d59f00; overflow:hidden; }


.fmain{ width:100%; padding:40px 0 20px 0; overflow:hidden;  }
.fmainL{ width:740px; clear:both; float:left; margin-left:60px; overflow:hidden; }
.fmainR{ width:320px; float:right; color:#fff; line-height:2; overflow:hidden; }
.fmainR h5{ font-size:16px; font-weight:normal; }


#Links{ width:100%; padding:20px 0; background:#f3f1f1; text-align:center; overflow:hidden; }
#Links em{ font-size:14px; font-weight:bold; font-style:normal; }
#Links a{ font-size:14px; margin:0 6px; }

#copr{ width:100%; padding:6px 0; color:#fff; line-height:2; text-align:center; overflow:hidden; }
#copr a{ color:#bbb; }

.diyLinks{ width:100%; height:50px; margin:0; padding:0; overflow:hidden;  }
.diyLinks dt{ height:48px; line-height:24px; margin:0; padding:0; float:left; font-size:14px; font-weight:bold; }
.diyLinks dd{ line-height:24px; margin:0 6px; padding:0; float:left; font-size:13px; }

.diyFllowus{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.diyFllowus li{ width:84px; height:84px; background:#fe071d; margin-right:6px; float:left; }
.diyFllowus li a{ width:100%; height:100%; display:block; }
.diyFllowus li a img{ width:44px; height:44px; display:block; margin:10px auto 0 auto; }
.diyFllowus li a span{ font-size:12px; color:#fff; display:block; text-align:center; }

.diyFmenu{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.diyFmenu li{ float:left;line-height:30px; }
.diyFmenu li a{ font-size:16px; color:#fff; }
.diyFmenu li ul{ list-style:none; margin:6px 0 0 0; padding:0; overflow:hidden; }
.diyFmenu li li{ width:100%; line-height:30px; float:left; color:#fff; }
.diyFmenu li li a{ font-size:12px; color:#fff;line-height:30px; }
.diyFmenu li li p{ margin:0; padding:0; }

.bar {
height:30px; line-height:30px; padding-left:27px; background:url(../images/home.png) left center no-repeat; text-align:left; margin-top:45px;
}
.mytitle {
text-align:center;
font-size:30px;
height:50px;
line-height:50px;
color:#000000;
font-weight:400;
}
.borderr {
width:50px; text-align:center; color:#FFFFFF;line-height:30px; float:left;font-size:16px;
}
.foottel {
height:99px; background:url(../images/tel.png) left center no-repeat; padding-left:70px; line-height:99px; font-size:36px; color:#FFFFFF; font-weight:600;
}
.footcopy {
color:#FFFFFF; line-height:26px;
}
.footcopy a {
color:#FFFFFF; 
}
.footcopy a:hover {
color:#CCC; 
}
.cardtel{ width:180px; height:24px; margin:180px 0 0 140px; font-size:14px; color:#333; text-align:center; }
.cardemail{ width:180px; height:24px; margin:36px 0 0 140px; font-size:14px; color:#333; text-align:center; }
.cardaddr{ width:180px; height:24px; margin:36px 0 0 140px; font-size:14px; color:#333; text-align:center; }


.diyContact{ width:100%; margin:30px 0 0 0; overflow:hidden; }
.diyftz{ width:100%; margin:0; padding:0; text-align:center; font-size:30px; font-weight:bold; color:#fff; overflow:hidden; }
.diyfte{ width:100%; text-align:center; margin:5px 0 0 0; padding:0;  background:url(../images/ftbg.png) no-repeat center center; font-size:16px; font-weight:bold; font-family:Arial; color:#fff; }

.diyContactTel{ width:150px; height:48px; line-height:24px; padding:6px 0 6px 30px; clear:both; float:left; margin:30px 0 0 200px; background:url(../images/hotline.png) no-repeat left center; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff; overflow:hidden; }
.diyContactQQ{ width:460px; height:60px; float:left; margin:30px 0 0 20px; padding:0; list-style:none; overflow:hidden; }
.diyContactQQ li{ width:100%; height:30px; float:left; overflow:hidden; }
.diyContactQQ li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.diyContactQQ li dl dt{ width:80px; line-height:30px; float:left; text-align:right; margin:0; padding:0; font-size:14px; color:#fff; overflow:hidden; }
.diyContactQQ li dl dd{ width:90px; line-height:30px; margin:0 0 0 10px; padding:0 0 0 24px; float:left; background:url(../images/qq.png) no-repeat left center; }
.diyContactQQ li dl dd a{ color:#fff; font-size:14px; }

.morejxs{ width:135px; height:28px; display:block; background:url(../images/fmore.png) no-repeat left top; float:right; margin:54px 120px 0 0; overflow:hidden; }


.indexPart2 {
	HEIGHT: 279px; BACKGROUND: #e0e2e4
}
.indexPart2_l {
	HEIGHT: 279px; WIDTH: 1148px; float:left;
}
#center {
	
}
#slider {
	OVERFLOW: hidden; HEIGHT: 279px; WIDTH: 1148px; POSITION: absolute
}
#slider .slide {
	OVERFLOW: hidden; CURSOR: default; HEIGHT: 279px; WIDTH: 430px; BACKGROUND: #000; POSITION: absolute; TOP: 0px
}
#slider .title {
	FONT-SIZE: 1.2em; TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #f80; MARGIN-RIGHT: 1.5em
}
#slider .backgroundText {
	HEIGHT: 100%; WIDTH: 100%; BACKGROUND: #000; POSITION: absolute; FILTER: alpha(opacity=40); TOP: 100%; opacity: 0.4
}
#slider .text {
	FONT-SIZE: 12px; WIDTH: 390px; POSITION: absolute; COLOR: #fff; TEXT-ALIGN: justify; LEFT: 10px; TOP: 100%
}
#slider .textdiv {
	MARGIN-TOP: 10px; LINE-HEIGHT: 20px
}
#slider .diapo {
	POSITION: absolute; FILTER: alpha(opacity=100); VISIBILITY: hidden; opacity: 1
}
.indexPart2More {
	HEIGHT: 279px; WIDTH: 52px; BACKGROUND: #fbc21a; float:right;
}
.indexPart2More A {
	FONT-SIZE: 14px; COLOR: #fff; TEXT-ALIGN: center; PADDING-TOP: 75px; DISPLAY: block
}

#diyshowy{ width:160px; position:fixed; left:5px; bottom:5px; z-index:100; border:1px solid #ddd; border-bottom:0; background:#fff; }
#diyshowytit{ width:100%; height:35px; line-height:35px; text-align:center; background:#0779d1; font-size:14px; font-weight:bold; color:#fff; }
.menu_list{width:100%;margin:0;}
.menu_head{
	height: 31px;
	line-height: 31px;
	text-align:center;
	font-size: 14px;
	color:#454545;
	cursor: pointer;	
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	margin: 0px;
	font-weight:bold;
	background:#f1f1f1;
}
.menu_list .current{background:#f1f1f1;}
.menu_body{
	line-height: 28px;
	backguound: #f3f3f3;
}
.menu_body a{display:block; width:100%; height:28px;line-height:28px; text-align:center; color:#787878;background:#fff; border-bottom:1px solid #e1e1e1;}

.basic{ width:100%; margin:15px 0 0 0;  overflow:hidden; }
.basicL{ width:334px; clear:both; float:left; overflow:hidden; }
.basicR{ margin:0 0 0 349px; overflow:hidden; }
.basicR h1{ margin:0; padding:0; font-size:24px; font-weight:bold; color:#000; }
.basicR p{ margin:0; padding:10px 0; line-height:2; font-size:14px; color:#777; }
.diypdf{ position:absolute; bottom:0; right:0;}

.diycustomerservice{ width:100%; margin:10px 0 0 0; padding:0; font-size:30px; color:#e5221c; background:url(../images/lxtel.png) no-repeat left center; font-family:"Times New Roman", Times, serif; font-weight:bold; text-indent:40px; }

.diyCpxq{ width:100%; border-bottom:4px solid #818181; margin:20px 0 0 0; overflow:hidden; }
.diyCpxq span{ float:left; padding:6px 20px; background:#818181; font-size:14px; font-weight:bold; color:#fff; }

.diyRxcp{ width:100%; height:30px; line-height:30px; background:#818181; margin:15px 0 0 0; font-size:14px; font-weight:bold; color:#fff; text-indent:20px; overflow:hidden; }
.diyRxcp a{ float:right; margin-right:10px; color:#fff; font-size:12px; font-weight:normal;}

.diyMain{ width:1051px; margin:0 auto; overflow:hidden; }

/*图片放大镜样式*/
.jqzoom{float:left; position:relative; cursor:pointer; display:block;}
.jqzoom img{ width:332px; height:332px; border:1px solid #ccc; }
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:360px;height:360px;background:#ffffff;border:1px solid #e6e6e6;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:60px;height:60px;border:1px solid #ccc;background:#fff;opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:334px;height:334px; }
.spec-scroll{clear:both;margin-top:10px;width:334px;}
.spec-scroll .prev{ width:10px; height:66px; float:left; background:url(../images/left.gif) no-repeat left center; cursor:pointer; }
.spec-scroll .next{ width:10px; height:66px; float:right; background:url(../images/right.gif) no-repeat right center; cursor:pointer; }
.spec-scroll .items{float:left;position:relative;width:304px;height:66px; margin-left:5px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:66px; list-style:none; margin:0; padding:0;}
.spec-scroll .items ul li{float:left;width:76px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #e6e6e6;padding:2px;width:60px;height:60px; background:#fff; }
.spec-scroll .items ul li img:hover{border:2px solid #e5221c;padding:1px;}

#ywlycontent{ width:100%; height:480px; padding:50px 0;  overflow:hidden; }

.gdlist {
	margin-top:10px;	
    width:300px;
}
.gdlist dl {
	float:left;
	text-align:center;	
}
.gdlist dl dt {
	margin:auto;
}
.gdlist dl dt img {
    margin:auto;
	height:306px;	
}

.gdlist dl dd {
   height:45px;
   text-align:center;
   margin:auto;
}
.gdlist dl dd a {
	color:#000;
	height:45px;
	line-height:45px;
	font-size:16px;
	font-weight:600;
}

.gdlist dl dd a:hover {
	color:#000;
}


.indexPart1{ height:346px; padding-top:10px;}
.indexPart1_l{ width:480px; position:relative; height:346px;}
.indexPart1_l .title{ height:52px; line-height:52px; color:#000; font-size:24px;}
.indexPart1_l li{ width:480px; height:346px; }
.indexPart1_l li .imgDiv{ width:480px; height:346px; }
.indexPart1_l li .name{ padding:10px 20px; height:36px; background:#000; opacity: 0.8; overflow:hidden; font-size:16px; position:absolute; left:0px; bottom:0px; z-index:10; width:480px; line-height:36px; font-weight:500;}
.indexPart1_l li .name a{ color:#fbc21a;}
.indexPart1_l .leftBtn{ position:absolute; right:68px; bottom:20px; width:25px; height:25px; z-index:22; background:url(../images/nimg25_left.png) no-repeat;}
.indexPart1_l .rightBtn{ position:absolute; right:16px; bottom:20px; width:25px; height:25px; z-index:22; background:url(../images/nimg25_right.png) no-repeat;}
.indexPart1_l .leftBtn:hover{ background:url(../images/nimg25_leftOn.png) no-repeat;}
.indexPart1_l .rightBtn:hover{ background:url(../images/nimg25_rightOn.png) no-repeat;}

.indexPart1_r{ width:715px;}
.indexPart1_r .title{height:52px; line-height:52px; color:#000; font-size:24px;}

.indexPart1_l .title span{ font-size:16px; color:#999; margin-left:10px;}
.indexPart1_r .title span{ font-size:16px; color:#999; margin-left:10px;}




#mainContent{ width:100%;}
#fullcontent{ margin:16px 0; padding:10px; border:1px solid #ddd; background:#fff; overflow:hidden; }


#Advantage{ width:100%; height:450px;  overflow:hidden; }
.ien1{ width:100%; height:50px; font-size:42px; font-family:Arial; color:#000; text-align:center; overflow:hidden; }
.izh1{ width:100%; font-size:24px; color:#000; text-align:center; }
.iAdvantage{ width:100%; margin:10px 0 0 0; overflow:hidden;  }

#Business{ width:100%; height:679px; padding:50px 0; overflow:hidden; }
.ien2{ width:100%; height:50px; font-size:42px; font-family:Arial; color:#fff; text-align:center; overflow:hidden; }
.izh2{ width:100%; height:40px; font-size:24px; color:#fff; text-align:center; overflow:hidden; }
.izh2 a{  color:#fff; }
.izh2 span{ margin:0 6px; }

#tabbox{ height:100%; margin:25px 0 0 0; padding:0; position:relative; overflow:hidden; }
#tabbox ul{ margin:0; padding:0; list-style:none; }
.tab_conbox{ list-style:none; margin:0; padding:0 0 0 0; overflow:hidden; }
.tab_con{ height:255px; display:none; padding:36px; background:#1862ad; }
.tabs{ list-style:none; margin:25px 0 0 0; padding:0; overflow:hidden; }
.tabs li{ width:113px; height:194px; float:left; position:relative; margin:0 50px; background:url(../images/circle1.png) no-repeat center top; cursor:pointer; overflow:hidden; }
.tabs li:first-child{ margin-left:117px;}
.tabs li img{ width:113px; height:113px; border-radius:50%; display:block; margin:0 auto; }
.tabs li h4{ width:100%; margin:15px 0 0 0; padding:0; display:block; font-size:18px; font-weight:normal; text-align:center; color:#fff; }
.tabs li b{ width:100%; height:19px; display:none; background:url(../images/current.png) no-repeat center bottom; position:absolute; left:0; bottom:0; }
.tabs .thistab{ background:url(../images/circle2.png) no-repeat center top; color:#2189d3; }
.tabs .thistab b{ display:block; }	

.tabPic{ width:1250px; list-style:none; margin:0; padding:0; overflow:hidden; }
.tabPic li{ width:255px; height:255px; float:left; margin:0 36px 0 0; position:relative; overflow:hidden; }
.tabPic li img{ width:255px; height:255px; }
.tabPic li h4{ width:100%; height:50px; line-height:50px; text-align:center;  font-size:14px; font-weight:normal; color:#fff; background:url(../images/black.png) repeat; position:absolute; left:0; bottom:-60px; z-index:10; }

.iMore{ width:115px; height:31px; display:block; margin:30px auto; background:url(../images/more.png) no-repeat center center; overflow:hidden; }

#Case{ width:100%; height:672px; padding:50px 0; background:url(../images/i3.jpg) no-repeat center top; overflow:hidden; }

.device{ width:100%; height:510px; margin:30px 0 0 0; position:relative; overflow:hidden; }
.device .ileft{ width:40px; height:101px; display:block; background:url(../images/left.png) no-repeat center center; position:absolute; left:0; top:205px;  }
.device .iright{ width:40px; height:101px; display:block; background:url(../images/right.png) no-repeat center center; position:absolute; right:0; top:205px;  }
.device .scroll{ width:1020px; height:510px; margin:0 auto; overflow:hidden; position:relative;}
.device .scroll ul{ width:1020px; position:absolute; left:0; top:0; height:510px; overflow:hidden;}
.device ul{ width:1020px; list-style:none; margin:0; padding:0; overflow:hidden;}
.device ul li{ width:255px; height:255px; overflow:hidden; position:relative; float:left;}
.device ul li img{ width:255px; height:255px; position:absolute; left:0; top:0; z-index:0; }
.device ul li div{ width:223px; height:98px; padding:12px 16px; background:url(../images/black.png) repeat; position:absolute; left:0; bottom:-122px; z-index:15; overflow:hidden; }
.device ul li div h4{ width:100%; height:26px; font-size:16px; color:#fff; font-weight:normal; margin:0; padding:0; overflow:hidden; }
.device ul li div p{ width:100%; height:24px; line-height:24px; font-size:12px; color:#fff; margin:0; padding:0; overflow:hidden; }

#News{ width:100%; padding:0px 0px 50px 0; overflow:hidden; }

#iNewsL{ clear:both; float:left; }
#iNewsR{ float:right; }
.iNews{ width:330px; margin:auto;overflow:hidden; }

.iNewsT{ width:100%; height:36px; line-height:36px; overflow:hidden; }
.iNewsT h3{ float:left; font-size:16px; font-weight:bold; border-top:#fbc21a 8px solid;}
.iNewsT a{ float:right; font-size:12px; }
.iNewsT a span{ font-family:SimSun; }

.iNewsList{ list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.iNewsList li{ width:100%; height:39px; line-height:39px; float:left; font-size:14px;border-bottom:1px solid #CCC; background:url(../images/newsico.png) left center no-repeat; padding-left:12px;}
.iNewsList li a{ height:39px; float:left; color:#636363;}
.iNewsList li span{ float:right; padding-left:10px; color:#727171; }
.iNewsList li:first-child{ height:128px; background:none; line-height:normal; }
.iNewsList li:first-child dl{ width:100%; margin:0; padding:0; }
.iNewsList li:first-child dl dt{ width:100%; height:90px; float:left; margin-left:-12px;}
.iNewsList li:first-child dl dt img{ width:330px; height:90px; display:block;}
.iNewsList li:first-child dl dd{ width:100%; height:38px; overflow:hidden; margin:auto; line-height:38px;background:url(../images/newsico.png) left center no-repeat; margin-left:-12px; padding-left:12px;}
.iNewsList li:first-child dl dd h4{ width:100%; height:38px;  font-size:14px; overflow:hidden; margin:auto;  }
.iNewsList li:first-child dl dd p{ width:100%; margin:10px 0 0 0; padding:0; line-height:2; font-size:12px;  }

.iNewsWin{ width:100%; position:relative; overflow:hidden; }

.tabNews{ list-style:none; margin:0 0 0 615px; padding:0; overflow:hidden; }
.tabNews li{ width:100%; height:75px; float:left; margin:25px 0 0 0; overflow:hidden; }
.tabNews li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.tabNews li dl dt{ width:75px; height:75px; background:#f1f1f1; margin:0; padding:0; float:left; overflow:hidden;  }
.tabNews li dl dt .dateDay{ width:100%; height:50px; line-height:50px; font-size:40px; font-weight:bold; color:#666; text-align:center; font-family:"Times New Roman", Times, serif; }
.tabNews li dl dt .dateYM{ width:100%; text-align:center; font-size:14px; color:#666; font-family:"Times New Roman", Times, serif;  }
.tabNews li dl dd{ height:75px; margin:0 0 0 95px; padding:0; overflow:hidden; } 
.tabNews li dl dd h4{ font-size:16px; font-weight:normal; margin:0; padding:0; }
.tabNews li dl dd p{ width:100%; margin:6px 0 0 0; line-height:2; color:#666; overflow:hidden; }
.tabNews li:hover dl dt{ background:#e71f19; }
.tabNews li:hover dl dt .dateDay{ color:#fff; }
.tabNews li:hover dl dt .dateYM{ color:#fff; }


.iAbout{ width:1920px; height:400px; padding:50px 0; position:relative; left:50%; margin-left:-960px; background:#f1f1f1 url(../images/about.jpg) no-repeat left top; overflow:hidden; }
.iAboutWin{ margin:0 0 0 630px; overflow:hidden; }
.ien3{ width:100%; height:24px; text-indent:34px; font-size:18px; font-weight:bold; color:#aaa; font-family:"Times New Roman", Times, serif;  overflow:hidden; }
.izh3{ width:100%; font-size:24px; overflow:hidden; }
.iAboutProfile{ width:100%; height:300px; line-height:30px; font-size:14px; margin:15px 0 0 0; overflow:hidden; }
.iAboutProfile p{ margin:0; padding:0; }
.iAboutMore{ width:82px; height:24px; display:block; background:url(../images/more.png) no-repeat left top; margin:15px 0 0 0; }

.iPartner{ width:100%; padding:50px 0; background:#fff; overflow:hidden; }
.iPartnerList{ list-style:none; margin:50px 0 0 0; padding:0; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; overflow:hidden; }
.iPartnerList li{ width:240px; height:120px; float:left; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; overflow:hidden; }
.iPartnerList li img{ opacity:0.3; }
.iPartnerList li:hover img{ opacity:1;  }



.leftNav{ width:100%; margin:0; border-radius:3px; overflow:hidden; }

.column{ width:100%; height:40px; line-height:40px; background:url(../images/column.png) no-repeat left top; font-size:16px; font-weight:bold; color:#fff; text-indent:28px; overflow:hidden; }
.leftwin{ border:4px solid #c00916; }

.topClass{ list-style:none; margin:0; padding:8px 0 20px 0; border:1px solid #e6e6e6; border-top:0; background:#fafafa; overflow:hidden; }
.topClass li{ width:210px; line-height:33px; float:left; margin:14px 0 0 14px; background:url(../images/c1.png) no-repeat left top; overflow:hidden; }
.topClass li:hover,.topClass li.on{ background:url(../images/c2.png) no-repeat left top; }
.topClass li a{ width:100%; height:33px; display:block; text-indent:13px; font-size:14px; }
.topClass li:hover a,.topClass li.on a{ color:#e71f19; }

.leftCase{ width:100%; margin:20px 0 0 0; border-radius:3px; overflow:hidden; }
.leftCaseList{ list-style:none; margin:0; padding:8px 0 20px 0; background:#fafafa; border:1px solid #e6e6e6; border-top:0; overflow:hidden; }
.leftCaseList li{ width:210px; height:175px; margin:12px 0 0 14px; float:left; overflow:hidden;}
.leftCaseList li a{ width:100%; height:100%; display:block; position:relative; }
.leftCaseList li a img{ width:360px; height:300px; position:absolute; top:-63px; left:-75px; }
.leftCaseList li a h4{ width:100%; height:36px; line-height:36px; text-align:center;  font-size:14px; font-weight:normal; color:#fff; background:url(../images/hov.png) repeat; position:absolute; left:0; bottom:0; }





.leftLxfs{ border:1px solid #e6e6e6; border-radius:3px; margin:20px 0 0 0; padding:20px 14px; background:#fafafa; overflow:hidden; }
.lxfsTen{ width:100%; font-size:20px; font-family:"Times New Roman", Times, serif; overflow:hidden; }
.lxfsTzh{ width:100%; height:30px; line-height:30px; font-size:16px; color:#fff; text-indent:12px; background:#000; margin:6px 0 0 0; overflow:hidden; }
.lxfsTel{ width:100%; height:36px; line-height:36px; margin:10px 0 0 0; background:url(../images/lxT.png) no-repeat left center; font-size:14px; color:#000; text-indent:20px; overflow:hidden; }
.lxfsFax{ width:100%; height:36px; line-height:36px; background:url(../images/lxF.png) no-repeat left center; font-size:14px; color:#000; text-indent:20px; overflow:hidden; }
.lxfsEmail{ width:100%; height:36px; line-height:36px; background:url(../images/lxE.png) no-repeat left center; font-size:14px; color:#000; text-indent:20px; overflow:hidden; }
.lxfsAddress{ width:100%; height:36px; line-height:36px; background:url(../images/lxA.png) no-repeat 2px center; font-size:14px; color:#000; text-indent:20px; overflow:hidden; }

#JINGDONGBox{ width:100%; height:400px; position:relative; overflow:hidden;}
#JINGDONGNumID{ position:absolute; bottom:15px; left:45%; list-style:none; margin:0; padding:0; }
#JINGDONGNumID li{width:20px;height:20px; line-height:20px; float:left; background:url(../images/h1.png) no-repeat center center;color:#333;text-align:center;cursor:pointer;margin:6px 0 0 2px;overflow:hidden;}
#JINGDONGNumID li:hover,#JINGDONGNumID li.active{ background:url(../images/h2.png) no-repeat center center;color:#1e5993; }
#JINGDONGContentID{ position:absolute; bottom:0px; left:0; list-style:none; margin:0; padding:0; }
#JINGDONGContentID li{position:relative; height:400px;}
.comt{width:100%;height:30px; line-height:30px; position:absolute; background:url(../images/bj_a8.png) repeat; left:0;bottom:0;font-size:12px; font-weight:bold; color:#fff; text-indent:20px; text-align:left; }


.leftPro{ border:1px solid #ccc; padding:18px; margin:20px 0 0 0; overflow:hidden; }
.leftPro h3{ width:100%; margin:0; padding:0; font-size:16px; overflow:hidden; }
.leftPro ul{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.leftPro ul li{ width:100%; margin:20px 0 0 0; overflow:hidden;  }
.leftPro ul li img{ width:160px; height:160px; display:block; }
.leftPro ul li h4{ width:100%; margin:10px 0 0 0; padding:0; font-size:14px; font-weight:normal; text-align:center; overflow:hidden; }

.leftLxwm{ border:1px solid #e8e8e8; padding:20px; margin:20px 0 0 0; overflow:hidden; }
.leftLxwm h3{ width:100%; margin:0; padding:0; font-size:16px; overflow:hidden; }
.lxwmtp{ width:100%; margin:16px 0 0 0; overflow:hidden; }
.lxwmtp img{ max-width:100%; display:block; }
.lxwmxx{ width:100%; margin:12px 0 0 0; line-height:2; color:#555; font-size:14px; }
.lxwmxx p{ margin:0; padding:0; }







.diylayout{ border:1px solid #e6e6e6; margin:10px 0 0 0; overflow:hidden;}
.diylayout h1{ margin:0 10px; padding:0; font-size: 24px; font-weight: normal; text-align: center; line-height:80px; border-bottom: 1px solid #e6e6e6; color: #333;}
.diycanshu{ width:100%; line-height:60px; text-align:center; font-size:14px; color:#666; }
.diygaiyao{ width:100%; border-top:1px solid #e6e6e6; overflow:hidden;}
.diygaiyaoL{ width:40px; height:40px; line-height:20px; padding:20px; background:#e6e6e6; font-size:16px; color:#999; text-align:center; clear:both; float:left; overflow:hidden; }
.diygaiyaoR{ width:810px; height:50px; line-height:25px; float:left; margin:15px; font-size:12px; color:#999; overflow:hidden; }

.ListNews{ list-style:none; margin:-30px 0 0 0; padding:0; overflow:hidden; }
.ListNews li{ width:100%; float:left; padding:30px 0; background:url(../images/line.png) repeat-x left bottom; overflow:hidden; }
.ListNews li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListNews li dl dt{ width:300px; height:200px; background:#f1f1f1; margin:0; padding:0; float:left; overflow:hidden;  }
.ListNews li dl dt img{ width:100%; height:100%; }
.ListNews li dl dd{ margin:0 0 0 320px; padding:0; overflow:hidden; } 
.ListNews li dl dd h4{ font-size:24px; font-weight:normal; margin:0; padding:0; }
.ListNews li dl dd div{ font-size:16px; margin:20px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; }
.ListNews li dl dd p{ width:100%; margin:10px 0 0 0; line-height:2; font-size:16px; color:#666; overflow:hidden; }

.readmore{ width:82px; height:24px; display:block; clear:both; float:left; margin:10px 0 0 0; background:url(../images/more8.png) no-repeat center center; }

.ListCase{ width:830px; list-style:none; margin:-30px 0 0 0; padding:0; overflow:hidden; }
.ListCase li{ width:375px; height:400px; float:left; margin:30px 30px 0 0; position:relative; overflow:hidden; border:#CCCCCC 2px solid; background:#FFF; }
.ListCase li img{ width:100%; display:block; height:290px;}
.ListCase li div{ width:100%; height:96px; position:absolute; left:0; bottom:0; background:#fff; }
.ListCase li div h4{ margin:15px 15px 10px 15px; font-size:22px; font-weight:normal; }
.ListCase li div p{ margin:0 15px; line-height:2; font-size:16px; }
.ListCase li:hover { border:#fbc21a 2px solid; }


.Listnew{ width:1250px; list-style:none; padding:0; overflow:hidden; }
.Listnew li{ width:360px; height:440px; float:left; margin:40px 20px 40px 20px; position:relative; border:#ffffff 2px solid;
-webkit-box-shadow:0px 0px 40px #cccccc;  
-moz-box-shadow:0px 0px 40px #cccccc;  
box-shadow:0px 0px 40px #cccccc;
background:#FFF;
  }
.Listnew li img{ width:320px; height:200px; display:block; padding:20px; }
.Listnew li  h4{ margin:0px 20px 10px 20px; font-size:20px; font-weight:normal; }
.Listnew li  p{ margin:0 20px; line-height:1.5; font-size:14px;color:#666666; height:140px; }
.Listnew li:hover { border:#fbc21a 2px solid;cursor:pointer; }
.Listnew li .bdiv { margin:0 20px; color:#1a1a1a}
.Listnew li .bdiv span { float:right; color:#666;}
.Listpro { margin:auto; width:1200px;}
.Listpro li { width:380px; list-style:none; float:left; margin:30px 20px 0 0; position:relative; overflow:hidden}
.Listpro li img { width:100%; display:block;}
.Listpro li div{ width:246px; height:80px; position:absolute; left:70px; top:74px; line-height:30px; text-align:center; color:#FFFFFF; font-size:22px; font-weight:500; padding-top:30px;}
.Listpro li p{ width:246px; height:40px; position:absolute; left:70px; top:174px; background:url(../images/cicod.png) center center no-repeat;}
.Listpro li div span { font-weight:normal; width:100%; line-height:22px; display:block; font-size:16px;}
.Listpro li:hover div{ color:#fbc21a; border:#fbc21a 1px solid;cursor:pointer; }
.Listpro li:hover p{ background:url(../images/cicou.png) center center no-repeat; }
.aljj {
height:50px; line-height:50px; padding-left:40px; background:url(../images/aljs.png) left center no-repeat; font-size:18px;
}

.seoKey{ font-size:30px; color:#1a1a1a; width:800px; float:left; text-align:center; height:110px; line-height:110px; font-weight:400; }
.caseItem{ font-size:16px; margin:15px 0 0 0; }
.caseItem span{ font-weight:bold; color:#1862ad;  } 

.ListTeam{ width:1250px; list-style:none; margin:-30px 0 0 0; padding:0; overflow:hidden; }
.ListTeam li{ width:380px; height:600px; float:left; margin:30px 30px 0 0; position:relative; background:#f5f5f5; overflow:hidden; }
.ListTeam li img{ width:380px; display:block; }
.ListTeam li div{ width:100%; height:300px; position:absolute; left:0; bottom:0; background:#f5f5f5; }
.ListTeam li div h5{ margin:15px; font-size:22px; font-weight:normal; }
.ListTeam li div h5 span{ font-size:16px; margin-left:24px; }
.ListTeam li div p{ margin:0 15px; line-height:2; font-size:12px; }
.ListTeam li:hover div{ background:#1862ad; color:#fff; }

.diyTeam{ width:100%; overflow:hidden; }
.diyTeamPic{ width:400px; clear:both; float:left; overflow:hidden; }
.diyTeamPic img{ max-width:100%; display:block; }
.diyTeamInfo{ width:730px; float:right; overflow:hidden; }
.diyTeamInfo h5{ font-size:30px; font-weight:normal; color:#1862ad;  }
.diyTeamInfo h5 span{ font-size:16px; margin-left:24px; color:#666; }
.diyTeamInfo p{ width:100%; margin:10px 0 0 0; font-size:16px; line-height:2; }
.diyTeamItem{ font-size:24px; color:#1862ad; margin:20px 0 0 0; overflow:hidden; }

.ListDesigns{ width:1250px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListDesigns li{ width:380px; height:380px; float:left; margin:30px 30px 0 0; overflow:hidden; }
.ListDesigns li img{ width:380px; height:380px; display:block; }

.ListCertifications{ width:1250px; list-style:none; margin:-30px 0 0 0; padding:0;}
.ListCertifications li{ width:375px; height:330px; float:left; margin:30px 30px 0 0; }
.ListCertifications li img{ width:100%; height:270px; display:block; border:#fbc21a 3px solid;}
.ListCertifications li h4{ width:100%; font-size:14px; margin:20px 0 0 0; padding:0; text-align:center; }
.ListCertifications li div{ width:100%; height:60px; left:0; bottom:0; text-align:center; }
.ListCertifications li div h5{ margin:15px; font-size:15px; font-weight:normal; }
.ListCertifications li div h5 span{ font-size:16px; margin-left:24px; }
.ListCertifications li div p{ margin:0 15px; line-height:2; font-size:12px; }
/*.ListCertifications li:hover div{ background:#1862ad; color:#fff; }*/


.tabCareers{ }
.tabCareers tr td{ padding:20px 0; text-align:center; background:#f3f1f1; font-size:16px; border-bottom:1px dashed #e5e5e5;  }
.tabCareers thead tr td{ background:#1862ad; font-size:18px; color:#fff; border-bottom:0; }
.tabCareers tr td a{ font-weight:bold; color:#1862ad; }

.diyCareers{ width:100%; font-size:16px; font-weight:bold; margin:0; overflow:hidden; }
.diyCareersO{ clear:both; float:left; background:#ffc300; color:#1a1a1a; padding:20px;   }
.diyCareers span{ font-size:16px; font-weight:normal; margin-right:30px; color:#1a1a1a; }

.diySpace{ width:100%; margin:20px 0 0 0; overflow:hidden;}
.TeamDefault{ width:400px; height:480px; clear:both; float:left; overflow:hidden; }
.TeamContent{ margin:0 0 0 420px; line-height:2; font-size:14px; overflow:hidden; }
.TeamContent p{ margin:0; padding:0; }

.ListDownload{ border-top:1px solid #ddd; border-left:1px solid #ddd; }
.ListDownload tr td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; text-align:center; font-size:14px; }
.ListDownload thead tr td{ background:#eee; font-weight:bold; }

.ListVideo{ width:1000px; list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.ListVideo li{ width:300px; height:260px; float:left; margin:20px 30px 0 0; position:relative; }
.ListVideo li img{ width:300px; height:200px; display:block; }
.ListVideo li .fancyboxVideo,.ListVideo li .iframe{ width:100%; height:200px; display:block; position:absolute; top:0; left:0; z-index:5; background:#000 url(../images/vbtn.png) no-repeat center center; opacity:0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=80); overflow:hidden;  }
.ListVideo li h4{ width:100%; height:40px; line-height:40px; margin:0; font-size:14px; padding:0;  text-align:center; overflow:hidden; }

.btnvdwon{ width:100%; height:20px; line-height:20px; display:block; text-align:center; font-size:14px;  }


.ListSupport{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListSupport li{ line-height:2; padding:6px 0; margin:0; font-size:14px; font-weight:bold; border-bottom:1px solid #eee; }
.ListSupport li span{ float:right; color:#999; font-weight:normal; font-family:Arial, Helvetica, sans-serif;  }

.ListGallery{ width:1000px; list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.ListGallery li{ width:215px; height:208px; float:left; margin:20px 20px 0 0; border:1px solid #ccc; padding:4px; }
.ListGallery li img{ width:215px; height:143px; }
.ListGallery li h4{ width:100%; margin:6px 0 0 0; padding:0; font-size:14px; text-align:center; line-height:2; }

.ListCustomer{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListCustomer li{ width:100%; height:126px; float:left; padding:20px 0; border-top:1px solid #e8e8e8; position:relative; overflow:hidden; }
.ListCustomer li:first-child{ border:0;}
.ListCustomer li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListCustomer li dl dt{ width:180px; height:120px; padding:2px; border:1px solid #ccc; float:left; overflow:hidden; }
.ListCustomer li dl dd{ margin:0 0 0 200px; padding:0; overflow:hidden; }
.ListCustomer li dl dd h4{ width:100%; height:24px; margin:0; padding:0; font-size:14px; overflow:hidden; }
.ListCustomer li dl dd p{ width:100%; margin:0; padding:0; line-height:2; color:#777; font-size:14px; overflow:hidden; }

.ListSnav{ list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.ListSnav li{ float:left; margin-right:1px; }
.ListSnav li a{ padding:12px 20px; display:block; font-size:14px; background:#eee; border-top:1px solid #ddd;  }
.ListSnav li.on a,.ListSnav li:hover a{ color:#e71f19; border-top:1px solid #e71f19; background:#fff;   }

.ListPartner{ width:960px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListPartner li{ width:218px; height:109px; float:left; border:1px solid #e6e6e6; margin:20px 20px 0 0; overflow:hidden; }

.inDetail{ width:66px; height:25px; display:block; position:absolute; right:0; bottom:20px; background:url(../images/view1.png) no-repeat left top; margin:10px 0 0 0; overflow:hidden; }
.inDetail:hover{ background:url(../images/view2.png) no-repeat left top; }

.diyquick{ width:100%; margin:60px 0 0 0; line-height:2; font-size:16px; color:#1862ad; border-top:1px solid #aba8a8; overflow:hidden; }
.diyquick span{ color:#ccc;}

.diyquickL{ width:900px; clear:both; float:left;  margin:15px 0 0 0;}
.diyquickR{ width:160px; height:45px; line-height:45px; float:right; margin:25px 0 0 0; background:url(../images/back.png) no-repeat center center; }
.diyquickR a{ width:100%; height:45px; display:block; text-indent:24px; font-size:16px;  color:#fff; }



.diyit{ width:100%; height:38px; border-bottom:2px solid #e5221c; overflow:hidden; }
.diyit h3{ float:left; margin:0; padding:0 0 0 20px; font-size:20px; color:#e5221c; background:url(../images/ico1.png) no-repeat left 10px;}
.diyit a{ width:44px; height:45px; display:block; background:url(../images/more.png) no-repeat left top; float:right; margin:10px 0 0 0; }

.diyProList{ width:1000px; list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.diyProList li{ width:225px; height:265px; float:left; margin:20px 20px 0 0; overflow:hidden; }
.diyProList li img{ width:225px; height:225px; display:block; }
.diyProList li h4{ width:100%; height:40px; line-height:40px; margin:0; padding:0; text-align:center; font-size:14px; font-weight:bold; overflow:hidden; }



.diyCustomer{ width:100%; padding:40px 0; background:#fff; overflow:hidden; }
.diyCustomerList{ width:1080px; list-style:none; margin:50px 0 0 0; padding:0; overflow:hidden; }
.diyCustomerList li{ width:240px; height:396px; float:left; margin:0 30px 0 0; background:#efefef; border-bottom:4px solid #ccc; }
.diyCustomerList li img{ width:240px; height:160px; display:block; }
.diyCustomerList li h4{ height:20px; line-height:20px; margin:20px; padding:0; text-align:center; overflow:hidden; }
.diyCustomerList li h4 a{ font-size:16px; color:#333; }
.diyCustomerList li p{ margin:0 16px; padding:0; height:120px; line-height:30px; color:#666; overflow:hidden; }
.diyCustomerList li .customerMore{ width:66px; height:25px; display:block; background:url(../images/view1.png) no-repeat center center; margin:12px auto; padding:0; display:block; cursor:pointer; outline:0; }
.diyCustomerList li:hover{ border-bottom:4px solid #c91520; }
.diyCustomerList li:hover .customerMore{ background:url(../images/view2.png) no-repeat center center;}

.diyAbout{ width:100%; margin:40px 0 0 0; overflow:hidden; }

.diyAboutM{ width:100%; height:375px; margin:40px 0 0 0; overflow:hidden; }
.diyAboutML{ width:375px; height:375px; clear:both; float:left; overflow:hidden; }
.diyAboutMR{ margin:0 0 0 395px; line-height:2; font-size:14px; overflow:hidden; }
.diyAboutMR p{ margin:0; padding:0; }

.diyVideo{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.diyVideoList{ width:1250px; list-style:none; margin:0 0 0 0; padding:0; overflow:hidden; }
.diyVideoList li{ width:285px; height:240px; float:left; margin:20px 20px 0 0; position:relative; overflow:hidden; }
.diyVideoList li a{ width:100%; height:190px; display:block; position:absolute; top:0; left:0; z-index:5; background:#000 url(../images/vbtn.png) no-repeat center center; opacity:0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=80); overflow:hidden; }
.diyVideoList li h4{ width:100%;  height:50px; line-height:50px; text-align:center; margin:0; padding:0; font-size:16px; overflow:hidden; }

.diyNews{ width:100%; margin:40px 0; overflow:hidden; }
.diyNewsList{ width:1250px; list-style:none; margin:0; padding:0; overflow:hidden; }
.diyNewsList li{ width:580px; height:150px; float:left; margin:40px 40px 0 0;  }
.diyNewsList li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.diyNewsList li dt{ width:225px; height:150px; margin:0; padding:0; clear:both; float:left; overflow:hidden; }
.diyNewsList li dd{ margin:0 0 0 245px; padding:0; overflow:hidden; }
.diyNewsList li dd h4{ width:100%; height:30px; margin:0; padding:0; font-size:16px; font-weight:bold; overflow:hidden; }
.diyNewsList li dd span{ margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; }
.diyNewsList li dd p{ width:100%; margin:6px 0 0 0; line-height:2; font-size:14px; color:#666; overflow:hidden; }



.diyFengcai{ width:100%; margin:20px 0; background:#fff; overflow:hidden; }
.diyFengcaiT{ border:1px solid #c9151e; height:45px; overflow:hidden; }
.diyFengcaiT h3{ line-height:45px; float:left; margin:0 0 0 10px; padding:0; font-size:16px; color:#c9151e; font-weight:bold; }
.diyFengcaiT a{ width:44px; height:15px; background:url(../images/more.png) no-repeat left top; float:right; margin:15px 10px 0 0; }

.fengcaiSlide{ width:100%; height:164px; padding:0; position:relative; margin:20px 0 0 0; overflow:hidden; }
.fengcaiSlide .fengcaiWin{ width:1051px; position:absolute;left:0; overflow:hidden;}
.fengcaiSlide li{ width:246px; height:164px; float:left; margin:0 22px 0 0; position:relative; overflow:hidden;}
.fengcaiSlide li img{ width:246px; height:164px; display:block; }

.diyZixun{ width:100%; padding:30px 0; background:#f6f4f5; overflow:hidden; }
.diyZixunL{ width:351px; clear:both; float:left; overflow:hidden; }
.diyZixunR{ width:660px; float:right; overflow:hidden; }

.diyZixunT{ border:1px solid #c9151e; height:45px; overflow:hidden; }
.diyZixunT h3{ line-height:45px; float:left; margin:0 0 0 10px; padding:0; font-size:16px; color:#c9151e; font-weight:bold; }
.diyZixunT a{ width:44px; height:15px; background:url(../images/more.png) no-repeat left top; float:right; margin:15px 10px 0 0; }

.diyFAQList{ width:100%; list-style:none; margin:0 0 -2px 0; padding:0; overflow:hidden; }
.diyFAQList li{ width:100%; height:88px; margin:20px 0 0 0; background:url(../images/faq.png) repeat-x left bottom; overflow:hidden; }
.diyFAQList li .faqw{ width:100%; height:17px; line-height:17px; display:block; background:url(../images/faqw.png) no-repeat left top; font-size:14px; font-weight:bold; text-indent:27px; overflow:hidden;  }
.diyFAQList li .faqd{ height:48px; line-height:2; background:url(../images/faqd.png) no-repeat left 5px; font-size:14px; color:#777; margin:5px 0 0 0; padding-left:27px;  }



.diyJoin{ position:absolute; top:5px; right:0; font-size:14px; font-weight:bold; }
.diyhits{ position:absolute; top:3px; left:180px; font-size:12px; }


.diydetail{ width:66px; height:25px; background:url(../images/view1.png) no-repeat center center; float:right; margin:12px 0 0 0; }
.diydetail:hover{  background:url(../images/view2.png) no-repeat center center;}



.stockitem{ width:100%; margin:20px 0 0 0; overflow:hidden; }

.diyzlwin{ width:100%; margin:16px 0; overflow:hidden; }

.diyzltit{ border:1px dashed #ccc; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#0779d1; border-bottom:0; }

.diyzltab{ border-top:1px dashed #ccc; border-left:1px dashed #ccc;}
.diyzltab tr td{ border-right:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:10px 0; text-align:center; }
.diyzltab thead tr td{ font-size:14px; font-weight:bold; background:#eee; }

.zlfl{ width:100%; font-size:14px; font-weight:bold; }

#sidebar{ width:240px; clear:both; float:left; overflow:hidden; }
#content{ width:940px; float:right; margin:0; overflow:hidden; }
#diycontent{ width:800px; clear:both; float:left; overflow:hidden;  }
#diyinfo{ width:296px; float:right; overflow:hidden;}


.diyProducts{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.diyPC{ width:195px; height:382px; border:4px solid #0779d1; padding:5px; clear:both; float:left; background:#fff; overflow:hidden; }
.diyPR{ width:769px; height:398px; border:1px solid #ddd; float:right; background:#fff; overflow:hidden; }



.diyseries{ height:50px; line-height:50px; border:1px solid #ddd; background:#eee; margin:10px 0 0 0;  }
.diyseries ul{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.diyseries ul li{ float:left; margin:0 16px; }
.diyseries ul li a{ font-size:14px; font-weight:bold; color:#0779d1; }

.diyseriesitem{ width:100%; height:36px; line-height:36px; margin:10px 0 0 0; background:url(../images/b1.png) repeat-x left bottom; }
.diyseriesitem a{ height:36px; display:block; float:left; background:url(../images/b2.png) repeat-x left bottom; font-size:14px; font-weight:bold; color:#0779d1;  }


.modelname{ width:100%; height:42px; line-height:34px; margin:30px 0 0 0; background:url(../images/model.png) no-repeat left top; font-size:14px; font-weight:bold; color:#fff; text-indent:32px; overflow:hidden; }

.diyintro{ width:100%; margin:10px 0 0 0; overflow:hidden; }
.diyintroL{ width:400px; float:left; line-height:2; margin:10px 0 0 0; color:#787878; overflow:hidden; }
.diyintroR{ width:300px; float:right; overflow:hidden; }
.diyintroR img{ width:300px; height:225px; }

.diyuse{ padding:10px; margin:16px 0 0 0; background:#fff; border:1px solid #ddd; overflow:hidden; }

.diytit{ width:100%; height:32px; line-height:24px; background:url(../images/b1.png) repeat-x left bottom; }
.diytitL{ height:32px; background:url(../images/b2.png) repeat-x left bottom; float:left; font-size:16px; color:#0779d1; font-weight:bold; }
.diytitR{ float:right; }

.diymore{ width:39px; height:11px; display:block; background:url(../images/more.png) no-repeat center center; margin:10px 0 0 0; }


.diyLB{ width:280px; height:280px; list-style:none; padding:10px; float:right; background:#ddd; margin:16px 0 0 0; overflow:hidden;}
.diyLB li{ width:100%; height:28px; line-height:28px; float:left; background:url(../images/icon1.png) no-repeat left center; text-indent:12px; overflow:hidden; }
.diyLB li span{ float:right; }

.storesList{ width:1050px; list-style:none; margin:0; padding:0; overflow:hidden; }
.storesList li{ width:490px; height:292px; float:left; margin:20px 20px 0 0; position:relative; }
.storesList li img{ width:490px; height:292px; display:block; }
.storesList li span{ position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; display:block; background:url(../images/black.png) repeat; }
.storesList li h4{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:normal; color:#fff; background:url(../images/black.png) repeat; position:absolute; bottom:0; left:0; z-index:-1; overflow:hidden;  }
.storesList li a{ width:100%; height:100%; display:block; background:url(../images/view.png) no-repeat center center;  position:absolute; top:0; left:0; z-index:3; }
.storesList li:hover span{ z-index:-1; }
.storesList li:hover h4{ z-index:3;}

.storespic{ width:100%; margin:30px 0 0 0; overflow:hidden; }
.storespic img{ display:block; padding:5px; border:1px solid #eee; margin:0 auto; max-width:50%; }
.seotit{ width:100%; font-size:24px; color:#000; margin:20px 0 0 0; text-align:center;  }

.diypage{ margin:10px auto; }
.diyfp{ width:44px; height:36px; display:block; margin:0 5px; background:url(../images/ico_p.png) no-repeat center center; }
.diyfp1{ width:44px; height:36px; display:block; margin:0 5px; background:url(../images/ico_p1.png) no-repeat center center; }
.diyfn{ width:44px; height:36px; display:block; margin:0 5px; background:url(../images/ico_n.png) no-repeat center center; }
.diyfn1{ width:44px; height:36px; display:block; margin:0 5px; background:url(../images/ico_n1.png) no-repeat center center; }
.diyfb{ width:44px; height:36px; display:block; margin:0 5px; background:url(../images/ico_b.png) no-repeat center center; }

.diybgpic{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.diybgpic img{ max-width:100%; display:block; margin:0 auto; }
.diyspiclist{ list-style:none; margin:0; padding:0; overflow:hidden; }
.diyspiclist li{ float:left; margin:10px 10px 0 0; }
.diyspiclist li img{ height:50px; border:1px solid #e6e6e6; cursor:pointer; }

.diypitem{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.diypitem h5{ font-size:14px; font-weight:normal; margin:0; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; }
.diypitem ul{ width:320px; list-style:none; margin:0; padding:0; overflow:hidden; }
.diypitem ul li{ width:50px; height:62px; float:left; margin:10px 10px 0 0; }
.diypitem ul li img{ width:50px; height:62px; display:block; }

.diypseo{ width:100%; height:30px; border-bottom:1px solid #e6e6e6; font-size:18px; font-weight:bold; margin:20px 0 0 0; padding:0; text-align:center; overflow:hidden; }
.diyrtit{ width:100%; height:30px; line-height:30px; margin:20px 0 0 0; font-size:14px; border-bottom:1px solid #e6e6e6; overflow:hidden; }



.diybasic{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.diybasic li{ width:100%; height:38px; line-height:38px; background:url(../images/led.png) no-repeat left top; margin:3px 0 0 0; text-indent:50px; float:left; overflow:hidden; }
.diybasic li a{ font-size:14px; color:#fff; }
.diybasic li a:hover{ color:#066484; text-decoration:underline; }

#crumbs{ width:100%; height:71px; background:#1a1a1a; }
.Options{ margin:0; padding:0; }
.Options dt{ width:315px; height:71px; line-height:71px; float:left; font-size:24px; font-weight:bold; color:#1862ad; position:relative; }
.linediv { position:absolute; left:0px; bottom:0px; z-index:1000;}
.Options dd{ line-height:64px; float:left; padding:0; margin:0; font-size:16px; }
.Options dd.current,.Options dd:hover{ background:url(../images/abouton.png) top center no-repeat; height:77px;color:#000; }
.Options dd a{ height:64px; width:145px; text-align:center; display:block; color:#fff; }
.Options dd.current a,.Options dd:hover a{ color:#000; background:url(../images/abouton.png) top center no-repeat; height:77px; }

.winiframe{ padding:12px 20px 20px 20px; background:#f8f8f8 url(../images/arrow8.png) no-repeat left top; margin:72px 0 0 0; overflow:hidden; }

.submenu{ width:100%; margin:30px 0 0 0; overflow:hidden; }
.submenu h3{ width:100%; height:41px; line-height:41px; margin:0; padding:0; background:url(../images/t1.png) repeat-x left top; font-size:20px; color:#fff; font-weight:normal; text-indent:20px; overflow:hidden; }




.maintit{ width:100%; height:30px; margin:0; border-bottom:2px solid #e6e6e6; font-size:16px; color:#000; overflow:hidden; }


.bottom{ width:100%; height:40px; background:url(../images/bottom.png) no-repeat right bottom;}

.keyForm{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.keytag{ font-size:14px; color:#000; }
.keyShow{ margin:0; padding:0; font-size:24px; color:#f00; }

.tab_feedback{ margin:20px 0 0 0;}
.tab_feedback tr td{ padding:5px; font-size:14px; }

.fenye{ width:100%; margin:30px 0 0 0; text-align:center; overflow:hidden;  }
.fenye a{ padding:4px 10px; margin:0 2px; border:1px solid #eee; display:inline-block;*display:inline; *zoom:1; font-size:12px; color:#666; }
.fenye a.pageon,.fenye a:hover{ color:#1862ad;  border:1px solid #1862ad;    }

.diycpdetails{ font-size:16px; color:#e70876; font-weight:bold; border-bottom:2px solid #e70876; margin:30px 0 0 0; padding:0 0 10px 0; }


.ibox{ padding:15px; height:120px; border-bottom:3px solid #d6d6d6; background:#f5f5f5; margin:15px 0 0 0; overflow:hidden; }
.ibox:hover{ border-bottom:3px solid #066484; }


.textinp{ width:240px; height:16px; line-height:16px; border:1px solid #ddd; margin:0; padding:7px 10px; outline:0; background:#fff; }
.textinp2{ width:480px; height:160px; margin:0; padding:10px; border:1px solid #ddd; background:#fff; outline:0; }
.textinp3{ width:100px; height:24px; line-height:24px; border:1px solid #ddd; margin:0; padding:0; outline:0; background:#fff; }
.mandatory{ color:#f00;}


.artName{ width:100%; font-size:30px; font-weight:normal; margin:0; padding:0; text-align:left; color:#1a1a1a; overflow:hidden; }
.artFunc{ width:100%; padding:15px 0; text-align:left; font-size:16px; color:#999; overflow:hidden;  }



.feedback-form{ width:100%; height:248px; margin:20px 0 0 0; padding:0; overflow:hidden; }
.form-in{ width:300px; height:14px; line-height:14px; margin:0; padding:10px; background:#f0f0f0; border:0; outline:0; font-size:14px; color:#afafaf;}
.form-text{ width:640px; height:120px; line-height:20px; padding:10px; margin:0; background:#f0f0f0; border:0; outline:0; font-size:14px; color:#afafaf; }
.form-btn{ width:112px; height:34px; line-height:34px; margin:0; padding:0; background:#02273b; border:0; outline:0; font-size:14px; font-size:14px; color:#fff; cursor:pointer; }
.form-btn:hover{ background:#0b94f4; }

#feedback{ width:100%; margin:20px 0 0 0; overflow:hidden; }

.newico1 {
float:left;
margin-right:10px;
display:inline-block;
width:40px;
height:40px;
background:url(../images/nico1.png) center center no-repeat;
}
.newico1:hover {
background:url(../images/nico12.png) center center no-repeat;
}

.newico2 {
float:left;
margin-right:10px;
display:inline-block;
width:40px;
height:40px;
background:url(../images/nico2.png) center center no-repeat;
}
.newico2:hover {
background:url(../images/nico22.png) center center no-repeat;
}

.newico3 {
float:left;
margin-right:10px;
display:inline-block;
width:40px;
height:40px;
background:url(../images/nico3.png) center center no-repeat;
}
.newico3:hover {
background:url(../images/nico32.png) center center no-repeat;
}

.diyartitem{ width:100%; overflow:hidden; }
.diyartname{ font-size:18px; font-weight:bold; margin:0; padding:20px 0 0 0; color:#e70876; }

.leftcontent {
float:left;
width:855px;
overflow:hidden;
}
.rightmenu {
float:right;
width:310px;
overflow:hidden;
}
.article{ width:100%; line-height:2; margin:22px 0; font-size:16px; color:#1a1a1a; overflow:hidden;  }
.article p:first-child{ margin:0; padding:0; }
.article img{ max-width:100%; }
.article table{ max-width:100%; }
.article table{ border-top:1px solid #ddd; border-left:1px solid #ddd; }
.article table tr td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:2px 5px; text-align:center; }
.article table tr td p{ margin:0; padding:0; }


.cpxq{ width:100%; margin:20px 0 0 0;  overflow:hidden; }
.pdetail{ width:220px; height:28px; line-height:28px; font-size:14px; text-align:center; color:#f30000; display:block; margin:0 auto; background:url(../images/t1.png) no-repeat center center; overflow:hidden; }


.sideNav{width:310px; overflow:hidden; position:relative; float:right; z-index:55}
.sideNav li{float:left; text-align:center; width:130px; height:104px; margin-left:3px; list-style:none;}
.sideNav a{display:block; width:130px; height:101px; text-align:center; background:#e1e2e1; font-size:16px; color:#fbc21a;}
.sideNav .img2{display:none;}
.sideNav a div{padding:18px 0 6px 0;}
.sideNav a:hover, .sideNav .aNow{background:#fbc21a; color:#1a1a1a;}
.sideNav a:hover img, .sideNav .aNow img{display:none;}
.sideNav a:hover .img2, .sideNav .aNow .img2{display:inline-block;}


.tab_download{ border-left:1px solid #ddd; border-top:1px solid #ddd; margin:20px 0 0 0; }
.tab_download tr td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; text-align:center; font-size:14px; }
.tab_download thead tr td{ background:#eee; font-size:16px; font-weight:bold; }

.listSiteMap{ width:100%; list-style:none; margin:10px 0 20px 0;  padding:0; overflow:hidden; }
.listSiteMap li{ width:100%; line-height:25px; float:left; background:url(../images/folder.png) no-repeat left 6px; text-indent:20px; overflow:hidden; }
.listSiteMap li a{ font-size:14px; color:#1267b8; font-weight:bold; text-decoration:none; }
.listSiteMap li ul{ list-style:none; margin:0 20px; padding:0; overflow:hidden; }
.listSiteMap li li a{ font-size:13px; }
.listSiteMap li li li a{ font-size:12px; }


 
.newspage{ width:100%; color:#fcb712; margin:20px 0 0 0; line-height:2; font-weight:bold; font-size:14px; overflow:hidden;  }
.newspage a{ color:#333; }
.newspage a:hover{ color:#fcb712; }

#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../swf/icon.png) no-repeat; position:fixed; right:20px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:100px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:100px; _margin-bottom:120px;}
#code_out {display:none;}
#gotop{ background-position:-276px -310px; bottom:47px; _margin-bottom:67px;} 

#code_img{ width:230px; height:230px; background:url(../swf/erwei.png) 0px 0px no-repeat; position:fixed; right:60px; bottom:47px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}


#showpage {
	/*margin:20px 0px 0px 0px; padding:10px 0px 20px 0px;*/
	margin:30px 0px 0px 16px;
	height:60px;
	text-align:center;
}
div.scott a {margin:10px 12px;  width:48px; height:48px; display:inline-block; line-height:48px; text-align:center;line-height:48px;background:#cccdcb; font-size:16px;}
div.scott a:link,div.scott a:visited {color:#1a1a1a; border:1px solid #ddd; text-decoration:none;border-radius:50%;width:48px; height:48px;display:inline-block;line-height:48px;background:#cccdcb; font-size:16px;}
div.scott a:hover {color:#1a1a1a; text-decoration:none; border:1px solid #A0A0A0;border-radius:50%;width:48px; height:48px;display:inline-block;line-height:48px;background:#fac11a;}
div.scott span.current {margin:2px; font-weight:bold; color:#1a1a1a; background:#fac11a; border:1px solid #E0E0E0;border-radius:50%;width:48px; height:48px;display:inline-block;line-height:48px; text-align:center;font-size:16px;}
div.scott span.disabled {margin:2px; color:#ccc; border:1px solid #F3F3F3; text-decoration:none;border-radius:50%;width:48px; height:48px;display:inline-block;line-height:48px;line-height:48px; font-size:16px; text-align:center;}


.hrleft {
float:left; width:400px; padding-left:30px; background:url(../images/hr1.png) left center no-repeat; height:50px; line-height:50px; font-size:16px;
}
.hrright {
	float:right; width:240px;font-size:16px; line-height:30px; height:80px;
}

.hrright a {
	color:#41bfef; padding-right:15px;	
}

.hrcontent {
	margin:auto;
	width:100%;
	padding-bottom:40px;
	padding-top:30px;
}
.hrtitle {
	border-bottom:#CCC 1px solid; height:40px; line-height:40px; font-size:14px; 
}
.hr1 {
	float:left; width:400px; font-size:14px;
}
.hr1 span {
	font-size:22px;
	float:left;
	padding-right:30px;
}
.hr2 {
	float:right;	
}

.hr3 {
	margin:auto;
	width:100%;
	padding-top:20px;
}
.hr4 {
	float:left;
	width:800px;
	height:100px;
	line-height:24px;
	overflow:hidden;
	color:#666666;
}
.hr4 p {
	padding:0px;
	margin:0px;	
}
.hr5 {
	float:right;
	width:300px;
	text-align:right;	
}

.feedback {
	margin:auto;
	height:600px;
	background:#323333;
	color:#fac11a;
	padding:110px;	
}
.feedform {
	margin:auto;
	padding-top:30px;	
}
.feed {
	border:#fac11a 1px solid;
	background:#323333;
	width:450px;
	height:80px;
	padding-left:20px;
	color:#fac11a;
	font-size:18px;
}
.feedly {
	border:#fac11a 1px solid;
	background:#323333;
	width:960px;
	height:200px;
	padding-left:20px;
	color:#fac11a;
	font-size:18px;
	overflow:auto;
}
.feedl {
float:left; width:50%; height:130px; line-height:130px;	
}
.feedr {
	float:left; width:50%; text-align:right;height:130px;line-height:130px;	
}
.feedsub {
	background:#fac11a;
	width:180px;
	height:70px;
	line-height:70px;
	font-size:20px;
	color:#000;
	border:0px;
	margin-top:30px;
	cursor:pointer;
	font-weight:600;
	background:url(../images/submit.png) center center no-repeat;
}

.boxgrid{ 
height: 306px; 
width: 300px;
margin:0px; 
/*float:left; */
overflow: hidden; 
position: relative; 
}
.ywtitle {
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#1a1a1a;
}
.boxgrid p{
padding: 0px 45px;
color:#ffffff;
font-size:14px;
line-height:22px;
text-align:left;
color:#1a1a1a;
}
				
.boxcaption{ 
 float: left; 
 position: absolute; 
 height: 306px; 
 width: 300px;
 z-index: 50;	
 background:#ffc300;filter: alpha(opacity=60); opacity: 0.8;

}
 			
.captionfull .boxcaption {
top: 306px;
left: 0px;
}

.proxytitle{
font-weight:500px;
color:#062042;
text-align:center;
}
.ywico {
	height:130px;
	text-align:center;
}


.Listgys{ list-style:none; margin:-30px 0 0 0; padding:0; overflow:hidden; }
.Listgys li{ width:100%; float:left; padding:30px 0; background:url(../images/line.png) repeat-x left bottom; overflow:hidden; }
.Listgys li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.Listgys li dl dt{ width:380px; height:260px; background:#f1f1f1; margin:0; padding:0; float:left; overflow:hidden;  }
.Listgys li dl dt img{ width:100%; height:100%; }
.Listgys li dl dd{ margin:0 0 0 400px; padding:0; overflow:hidden; } 
.Listgys li dl dd h4{ font-size:24px; font-weight:normal; margin:0; padding:0; border-bottom: #CCC 1px solid; padding-bottom:20px;}
.Listgys li dl dd div{ font-size:16px; margin:20px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; }
.Listgys li dl dd p{ width:100%; margin:10px 0 0 0; line-height:2; font-size:16px; color:#666; overflow:hidden; }

.contact {
	width:383px;
	height:239px;
	background:url(../images/contact1.png) center 45px no-repeat #fac11a;
	float:left;
}
.contacth3 {
	font-size:28px;
	font-weight:400;
	text-align:center;
	padding-top:120px;	
}
.contactdiv {
	padding-top:10px;
	line-height:20px;
	color:#2c2c2c;
	text-align:center;
	font-size:16px;
}
.contact2 {
	width:383px;
	margin-left:25px;
	height:239px;
	background:url(../images/contact2.png) center 45px no-repeat #fac11a;
	float:left;
}
.contact3 {
	width:383px;
	margin-left:25px;
	height:239px;
	background:url(../images/contact3.png) center 45px no-repeat #fac11a;
	float:left;
}