@charset "utf-8";
/* CSS Document */


html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#000; background:#fff; font-family:"Microsoft YaHei",Arial; overflow:hidden; }
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:#014886; }

input,textarea{ font-family:"Microsoft YaHei",Arial; font-size:12px; color:#000; }

.g-wray{ width:100%; margin:0 auto; overflow:hidden; }


.section{ width:1050px; margin:0 auto; overflow:hidden; }

.fullscreen{ width:1920px; position:relative; left:50%; margin-left:-960px; overflow:hidden; }
.fullscreen img{ max-width:100%; display:block; margin:0 auto; }

#header{ width:100%; height:148px; background:url(../images/top.png) repeat-x left top; position:relative; z-index:200;  }
#top{ width:1050px; height:100%; margin:0 auto; position:relative; }

#welcome{ height:36px; line-height:36px; position:absolute; top:0; left:0; }
#func{ height:36px; line-height:36px; position:absolute; top:0; right:0; }
#func span{ margin:0 10px; }

#logo{ width:688px; height:100px; display:block; background:url(../images/logo.png) no-repeat left center; position:absolute; top:0; left:0; }
#hotline{ height:20px; line-height:20px; position:absolute; top:60px; right:0; font-size:16px; color:#000; }

#lang{ list-style:none; margin:0; padding:0; position:absolute; top:30px; right:0; overflow:hidden; }
#lang li{ height:15px; line-height:15px; float:left; margin:0 0 0 16px; overflow:hidden; }
#lang li img{ height:15px; display:block; float:left; margin:0 6px 0 0; }

#menu{ width:100%; list-style:none; margin:0; padding:0; position:absolute; top:100px; left:0; }
#menu li{ width:150px; line-height:48px; float:left; margin:0; padding:0; }
#menu li:hover,#menu li.cur{ background:url(../images/mc.png) repeat-x left top; }
#menu li a{ width:100%; display:block; text-align:center; font-size:15px; color:#fff;  }
#menu li:hover a,#menu li.cur a{  color:#fff; }


#banner{width:100%; overflow:hidden; }

.bannerL{ width:240px; height:240px; clear:both; float:left; margin:0 0 0 0; overflow:hidden; }
.bannerC{ width:440px; height:240px; float:left; margin:0 0 0 10px; overflow:hidden; }
.bannerR{ width:300px; height:240px; float:right; margin:0 0 0 0; position:relative; overflow:hidden; }
.bannerR img{ width:300px; height:240px; display:block; }
.bannerR a{ width:100%; height:100%; display:block; background:url(../images/vbtn.png) no-repeat center center; position:absolute; left:0; top:0; z-index:10; }

#banner2{width:100%; margin:10px 0 0 0; overflow:hidden; }


#mainContent {width:1100px; margin:30px auto; overflow:hidden;  }

.main{ width:100%; margin:40px 0; overflow:hidden; }


#diySeries{ width:100%; height:190px; background:url(../images/iseries.png) no-repeat center top; position:relative; margin-top:-30px; z-index:100; overflow:hidden; }



#links{ padding:24px 0; background:#eee;  }
.linksRec{ width:100%; margin:0; overflow:hidden; }
.linksRec dt{ width:88px; height:31px; line-height:31px; background:url(../images/links.png) no-repeat left top; text-indent:12px; font-size:14px; font-weight:bold; color:#fff; float:left; overflow:hidden; }
.linksRec dd{ margin:0; padding:0; line-height:31px; overflow:hidden; }
.linksRec dd a{ line-height:30px; float:left; white-space:nowrap; margin-left:15px; }


#footer{width:100%; background:#014886; overflow:hidden; }

#Fmenu{ padding:30px 0 0 0; text-align:center; overflow:hidden; }
#Fmenu a{ color:#fff; font-size:12px; }
#Fmenu span{ margin:0 16px; color:#fff; }

#copr{ padding:12px 0 30px 0; line-height:2; color:#fff; font-size:12px; text-align:center;  overflow:hidden; }
#copr a{ color:#fff; }

.itit{ height:40px; line-height:40px; font-size:16px; font-weight:bold; background:#077c4c; text-align:center; color:#fff; }

.ilist{ list-style:none; margin:12px 0 0 0; padding:0; overflow:hidden; }
.ilist li{ width:50%; line-height:34px; text-indent:20px; float:left; font-size:12px; overflow:hidden; }

.classProfile{ padding:15px; line-height:2; margin:10px 0 0 0; overflow:hidden; }

.izh{ width:100%; font-size:24px; font-weight:normal;  text-align:center; color:#1e42e4; overflow:hidden; }
.vice{ width:100%; padding:16px 0; text-align:center; font-size:16px; background:url(../images/itit.png) no-repeat center bottom;  }
.vice span{ margin:0 8px; }

.webInit{ width:100%; height:40px; line-height:40px; background:url(../images/column.png) repeat; overflow:hidden; }
.webInit h3{ font-size:14px; color:#fff; float:left; font-weight:normal; margin-left:20px;}
.webInit a{ float:right; margin:12px 10px 0 0; }

.imainL{ width:250px; clear:both; float:left; overflow:hidden; }
.imainR{ width:830px; float:right; overflow:hidden; }

.icolumn{display: block;font-size:24px;color:#000;position: relative; text-align:center;  line-height:56px;height:56px; background:url(../images/icolumn.png) no-repeat center center; }

.RecMain{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.RecMain li{ width:25%; float:left; margin:0; overflow:hidden; }
.RecMain li a{ display:block; border:1px solid #f2f2f2; }
.RecMain li img{ max-width:100%; display:block; margin:0 auto; }

#category{ padding:40px 0; background:#fff;  }

.categoryRec{ width:1100px; list-style:none; margin:0; padding:0; overflow:hidden; }
.categoryRec li{ width:240px; height:180px; float:left; margin:30px 30px 0 0; position:relative; }
.categoryRec li a{ width:100%; height:100%; display:block;  }
.categoryRec li img{ width:100%; height:100%; display:block; }
.categoryRec li h4{ width:100%; height:180px; line-height:180px; font-size:18px; font-weight:bold; color:#fff; text-align:center;  background:url(../images/ihov.png) repeat; position:absolute; top:0; left:0; z-index:10; }

#about{ padding:0; background:#fff; }

.aboutRec{ width:100%; margin:0; padding:0; line-height:2; overflow:hidden; }
.aboutRec p{ margin:0; padding:0; }

.aboutPic{ list-style:none; margin:0 0 0 270px; padding:0; overflow:hidden; }
.aboutPic li{ width:120px; height:120px; margin:30px 25px 30px 25px; float:left; border-radius:100%; overflow:hidden; }
.aboutPic li img{ width:100%; height:100%; }

#products{ padding:40px 0; background:#fff; }

.ipSlide{ width:100%; height:260px; padding:0; position:relative; margin:20px 0 0 0; }
.ipSlide .ipSlideL{display:block;position:absolute; z-index:50; width:20px;height:260px;left:0; top:0; margin:0; background: url(../images/ileft.png) no-repeat left center;}
.ipSlide .ipSlideR{display:block;position:absolute; z-index:50; width:20px;height:260px;right:0; top:0; margin:0; background:url(../images/iright.png) no-repeat right center;}
.ipSlide .ipWin{ width:1024px; position:absolute; left:45px; overflow:hidden;}
.ipSlide li{ width:240px; height:270px; float:left; margin:0;  overflow:hidden;}
.ipSlide li img{ width:200px; height:200px; display:block; margin:10px; padding:10px; box-shadow:0 0 10px #ccc; }
.ipSlide li h4{ margin:12px 0 0 0; overflow:hidden; font-size:14px; font-weight:normal; text-align:center; } 

#news{ padding:0 0 40px 0; background:#fff;}
.newsRec{ width:100%;  margin:30px 0 0 0; padding:0; overflow:hidden; }
.newsRec dt{ width:360px; height:240px; float:left; margin:0 20px 0 0; padding:0; overflow:hidden; }
.newsRec dt img{ width:100%; height:100%; display:block; }
.newsRec dd{ height:59px; line-height:59px; margin:0; padding:0; font-size:14px; border-bottom:1px dotted #00428d; overflow:hidden; }
.newsRec dd span{ float:right; }





.tab_conbox{ list-style:none; margin:0; padding:0; overflow:hidden; }
.tab_con{ display:none; margin:0; padding:0 20px 40px 20px; }
.tabs{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.tabs li{ width:25%; float:left; position:relative; margin:0; background:#f5f5f5; overflow:hidden; }
.tabs li a{ height:72px; line-height:72px; padding:0; display:block; font-size:16px; font-weight:bold; background:#d6d8d7; text-align:center; color:#000; overflow:hidden; }
.tabs .thistab a{ color:#d00000; background:#fff;}

.tab_con dl{ width:780px; margin:0; padding:0; overflow:hidden; }
.tab_con dl dd{ width:240px; float:left; margin:20px 20px 0 0; padding:0; overflow:hidden;  }
.tab_con dl dd img{ width:240px; height:160px; display:block;  }
.tab_con dl dd h4{ margin:10px 0 0 0; padding:0; font-size:14px; text-align:center; overflow:hidden; }


.ListDownload{ list-style:none; margin:0; padding:0; overflow:hidden; }
.ListDownload li{ width:100%; height:100px; padding:20px 0; float:left; background:url(../images/npoint.png) repeat-x left bottom; position:relative; overflow:hidden;  } 
.ListDownload li img{ width:100px; height:100px; display:block; }
.ListDownload li h4{ position:absolute; top:25px; left:120px; font-size:14px; }
.ListDownload li p{ position:absolute; top:50px; left:120px; font-size:12px; margin:0; padding:0;  }
.ListDownload li span{ position:absolute; top:75px; left:120px; font-size:12px; margin:0; padding:0; color:#999;  }
.ListDownload li .downfile{ width:44px; height:44px; display:block; background:url(../images/down1.png) no-repeat center center; position:absolute; top:48px; right:0; }
.ListDownload li .downfile:hover{ background:url(../images/down2.png) no-repeat center center;  }

.ListDown{ list-style:none; margin:0; padding:0; overflow:hidden; }
.ListDown li{ width:100%; height:100px; padding:20px 0; float:left; background:url(../images/npoint.png) repeat-x left bottom; position:relative; overflow:hidden;  } 
.ListDown li img{ width:100px; height:100px; display:block; }
.ListDown li h4{ position:absolute; top:25px; left:120px; font-size:14px; }
.ListDown li p{ position:absolute; top:50px; left:120px; font-size:12px; margin:0; padding:0;  }
.ListDown li span{ position:absolute; top:75px; left:120px; font-size:12px; margin:0; padding:0; color:#999;  }
.ListDown li .downfile{ width:44px; height:44px; display:block; background:url(../images/down1.png) no-repeat center center; position:absolute; top:48px; right:0; }
.ListDown li .downfile:hover{ background:url(../images/down2.png) no-repeat center center;  }

.appSection{ width:100%; height:520px; position:relative; overflow:hidden; }
.applogo{ width:360px; height:72px; margin:50px 0 0 600px; }
.applogo img{ max-height:100%; display:block; }
.iosapp{ width:330px; height:72px; display:block; margin:20px 0 0 600px; background:url(../images/bt-ios.png) no-repeat left top;  }
.iosapp:hover{ opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); }

.lySection{ width:100%; height:520px; position:relative; overflow:hidden; }

.androidapp{ width:330px; height:72px; display:block; margin:20px 0 0 600px; background:url(../images/bt-android.png) no-repeat left top;  }
.androidapp:hover{ opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); }

.btn-feedback{ width:330px; height:72px; display:block; margin:150px 0 0 600px; background:url(../images/feedback.png) no-repeat left top;  }
.btn-feedback:hover{ opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); }

.btn-query{ width:330px; height:72px; display:block; margin:20px 0 0 600px; background:url(../images/query.png) no-repeat left top;  }
.btn-query:hover{ opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); }



.appcode{ width:360px; height:150px; margin:20px 0 0 600px; overflow:hidden; }
.appcode img{ max-height:100%; display:block; margin:0 auto; }


.inPicShow{ width:100%; margin:10px 0 0 0; overflow:hidden; }
.inPicShow img{ max-width:100%; display:block; margin:0 auto; } 

.videoSlide{ width:100%; height:180px; padding:0; position:relative; margin:10px 0 0 0; overflow:hidden; }
.videoSlide videoWin{ width:100%; position:absolute; left:0; overflow:hidden;}
.videoSlide li{ width:192px; height:180px; float:left; margin:0 10px 0 0; position:relative; overflow:hidden;}
.videoSlide li img{ width:192px; height:144px; display:block; }
.videoSlide li h4{ width:100%; margin:12px 0 0 0; padding:0; font-size:14px; font-weight:normal; text-align:center; overflow:hidden; }

.photoRec{ width:1050px; list-style:none; margin:0 0 0 0; padding:0; overflow:hidden; }
.photoRec li{ width:192px; height:144px; float:left; margin:10px 10px 0 0; overflow:hidden; }
.photoRec li img{ width:192px; height:144px; display:block; }


.Video{ width:100%; margin:10px 0 0 0; overflow:hidden; }

.videoRec{ width:1050px; list-style:none; margin:0 0 0 0; padding:0; overflow:hidden; }
.videoRec li{ width:192px; height:144px; float:left; margin:10px 10px 0 0; position:relative; overflow:hidden; }
.videoRec li img{ width:192px; height:144px; display:block; }
.videoRec li a{ width:100%; height:100%; display:block; background:url(../images/vbtn.png) no-repeat center center; overflow:hidden; position:absolute; top:0; left:0; z-index:10; }


.Profile{ width:100%; margin:10px 0 0 0; overflow:hidden; }
.ProfileRec{ list-style:none; margin:0; padding:0; overflow:hidden; }
.ProfileRec li{ margin:10px 0 0 0; padding:10px; border-radius:10px; background:#faefe9; overflow:hidden; }
.ProfileRec li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ProfileRec li dl dt{ width:175px; height:55px; line-height:55px; float:left; font-size:18px; font-weight:bold; color:#fff; background:url(../images/itab.png) no-repeat left top; text-indent:20px; }
.ProfileRec li dl dd{ margin:0; padding:0; line-height:2; overflow:hidden; }

.iProducts{ width:100%; padding:50px 0 30px 0; overflow:hidden; }

.iProductsList{ list-style:none; margin:30px 0 0 -15px; padding:0; overflow:hidden; }
.iProductsList li{ width:188px; height:228px; margin:0 0 0 15px; float:left; overflow:hidden; }
.iProductsList li a{ width:100%; height:100%; display:block; }
.iProductsList li a img{ width:188px; height:188px; }
.iProductsList li a h4{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; }

.iFeatures{ width:1050px; list-style:none; margin:0; padding:0; overflow:hidden; }
.iFeatures li{ width:252px; height:320px; float:left; border-bottom:2px solid #999; margin:80px 89px 0 0;  }
.iFeatures li img{ width:252px; height:135px; display:block; }
.iFeatures li h3{ width:100%; height:35px; margin:20px 0 0 0; padding:0; font-size:16px; font-weight:bold; color:#019fba;  }
.iFeatures li p{ width:100%; height:110px; margin:0; padding:0; line-height:22px; font-size:13px; color:#666; overflow:hidden; }





.iProductsItem{ width:100%; height:420px; margin:30px 0 0 0; background:#00a0ba; overflow:hidden; }
.iProductsItemL1{ width:600px; height:420px; clear:both; float:left; overflow:hidden;  }
.iProductsItemR1{ width:270px; height:370px; float:right; margin:50px 32px 0 0; overflow:hidden;  }
.iProductsItemL2{ width:270px; height:370px; clear:both; float:left; margin:50px 0 0 32px; overflow:hidden;  }
.iProductsItemR2{ width:600px; height:420px; float:right; overflow:hidden;  }

.ItemName{ width:100%; height:52px; font-size:36px; font-weight:bold; color:#fff; overflow:hidden; }
.ItemSubName{ width:100%; height:50px; line-height:50px; font-size:30px; font-weight:bold; color:#fff; overflow:hidden; }
.ItemProfile{ width:100%; height:180px; line-height:24px; font-size:14px; color:#fff; margin:20px 0 0 0; overflow:hidden; }
.ItemMore{ width:30px; height:30px; display:block; background:url(../images/more.png) no-repeat left top; }

.iEnvironment{ width:100%; overflow:hidden; }
.iEnvironmentF{ width:100%; overflow:hidden; }
.iEnvironmentList{ width:1000px; list-style:none; margin:0; padding:0; overflow:hidden; }
.iEnvironmentList li{ width:288px; height:242px; float:left; margin:35px 35px 0 0; overflow:hidden; }
.iEnvironmentList li img{ width:288px; height:242px;}

.EnvironmentList{ width:1000px; list-style:none; margin:-15px 0 0 0; padding:0; overflow:hidden; }
.EnvironmentList li{ width:288px; height:242px; float:left; margin:35px 35px 0 0; overflow:hidden; }
.EnvironmentList li img{ width:288px; height:242px;}

.wrapper {
	width: 100%;
	height:801px;
	margin: 0;
	position: relative;
}
.fn-clear {
	zoom: 1;
}
.box_skitter {
	position: relative;
	background: none;
}
.box_skitter ul {
	list-style:none;
	margin:0; padding:0;
	display: none;
}
.box_skitter .container_skitter {
	overflow: hidden;
	position: relative;
}
.box_skitter .image {
	overflow: hidden;
}
.box_skitter .image img {
	display: none;
}
.box_skitter .box_clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	overflow: hidden;
	display: none;
	z-index: 20;
}
.box_skitter .box_clone img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.box_skitter .label_skitter {
	z-index: 150;
	position: absolute;
	display: none;
}
.loading {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 10000;
	margin: -16px -16px;
	color: #fff;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/ajax-loader.gif) no-repeat left top;
	width: 31px;
	height: 31px;
}
#slideshow {
	width: 1920px;
	height: 801px;
	position:absolute;
	left:50%; margin-left:-960px;
}
#slideshow ul {
	display: none;
}


#diycard{ width:100%; height:801px; background:url(../images/ifull.png) repeat-x left bottom; position:absolute; top:90px; left:0; z-index:200; overflow:hidden; }
#diyiwin{ width:1000px; height:801px; margin:0 auto; position:relative; }
.diytab{ width:333px; height:267px; display:block; position:absolute; z-index:100; }
#diycard01{ top:0; right:0; }
#diycard02{ top:267px; right:0; }
#diycard03{ top:534px; right:0; }
#diycard04{ top:534px; right:333px; }
#diycard05{ top:534px; right:666px; }






.w-gray{width:1000px;margin:0 auto;}

/*.crumbs{ width:100%; height:40px; position:relative; margin:0; }
.ci{ width:13px; height:40px; display:block; background:url(../images/ci1.png) no-repeat center center; float:left; }
.ci:hover{ background:url(../images/ci2.png) no-repeat center center; }
.ch{ background:url(../images/slidedown.png) no-repeat right center; float:left; padding-right:14px; margin-left:12px; position:relative; }
.cl{ list-style:none; margin:0 0 0 12px; padding:0; float:left; }
.cl li{ height:40px; position:relative; }
.cl li ul{ width:160px; list-style:none; margin:0; padding:10px 20px; position:absolute; top:40px; left:0; border:1px solid #ddd; border-radius:5px; background:#fff; display:none; z-index:50; overflow:hidden; }
.cl li ul li{ width:100%; height:30px; line-height:30px; float:left; }
.cl li:hover ul{ display:block; }
.cp { height:40px; line-height:40px; display:block; background:url(../images/slidedown.png) no-repeat right center; padding-right:16px; float:left; }
.cc{ float:left; margin-left:12px; color:#666; height:40px; line-height:40px; }
.cs{ width:6px; height:40px; line-height:40px; background:url(../images/crumbs.png) no-repeat center center; float:left; margin-left:12px; }*/


.seoProducts{ width:100%; font-size:36px; font-weight:bold; color:#00a0ba; }


.fenye{ width:100%; margin:20px 0 0 0; text-align:center; overflow:hidden;  }
.fenye a{ padding:6px 12px; margin:0 1px; display:inline-block;*display:inline; background:#ddd; *zoom:1; font-size:12px; color:#666; }
.fenye a.pageon,.fenye a:hover{ color:#fff; background:#00428d; }
/*.fenye span,.fenye a{ width:24px; height:25px; line-height:24px; text-align:center; display:block; background:url(../images/page_num1.png) no-repeat center top; float:left; }
.fenye span.prev,.fenye a.prev{ background:url(../images/page_prev1.png) no-repeat center top; font-family:SimSun; }
.fenye span.next,.fenye a.next{ background:url(../images/page_next1.png) no-repeat center top; font-family:SimSun;  }
.fenye a.prev:hover{ background:url(../images/page_prev2.png) no-repeat center top; color:#fff; }
.fenye a.next:hover{ background:url(../images/page_next2.png) no-repeat center top; color:#fff; }
.fenye span.on{ background:url(../images/page_num2.png) no-repeat center top; color:#fff;  }*/

.mainbanner{height:538px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:538px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:538px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:538px;text-align:center;font-size:0px;float:left;display:inline;}
.bannerNum{ width:100%; height:40px; background:url(../images/num1.png) repeat-x left top; position:absolute;top:
500px; left:0; overflow:hidden; }
.mainbanner_list{ width:126px; list-style:none; margin:0 auto; padding:0; }
.mainbanner_list li{width:42px;height:10px; float:left; margin:15px 0 0 0; overflow:hidden; }
.mainbanner_list a{ width:32px;height:10px; line-height:10px; margin:0 5px; background:url(../images/square1.png) repeat; overflow:hidden;float:left;}
.mainbanner_list li.active a,.mainbanner_list li a:hover{ background:url(../images/square2.png) repeat; }

.basic{ width:100%; margin:20px 0; overflow:hidden; }
.basicL{ width:300px; clear:both; float:left; margin:0 20px 0 0; overflow:hidden; }
.basicL img{ width:100%; display:block; }
.basicR{ overflow:hidden; }
.basicR h1{ margin:20px 0 0 0; padding:0; font-size:14px; font-weight:normal; text-decoration:underline; color:#014886; }
.basicR p{ width:100%; margin:12px 0; padding:0; line-height:2; overflow:hidden; }

.inPH{ margin:0; }
.fred{ font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#d00000; }

.inPDes{ width:100%; border-bottom:1px solid #00428d; overflow:hidden; }
.inPDes p{ padding:5px 20px; float:left; background:#00428d; font-size:14px; margin:0; font-weight:normal; color:#fff; border-radius:5px 5px 0 0; }



.detailInit{ width:100%; height:34px; line-height:34px; margin:20px 0; background:url(../images/d1.png) repeat-x left bottom; overflow:hidden; }
.detailInit h4{ padding:0 30px; font-size:14px; border-left:1px solid #ffa200; background:url(../images/d2.png) repeat-x left top; border-right:1px solid #ffa200; float:left; }


/*图片放大镜样式*/
.jqzoom{float:left; position:relative; cursor:pointer; display:block;}
.jqzoom img{ width:360px; height:240px; border:1px solid #d6d8d7; }
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:360px;height:360px;background:#ffffff;border:1px solid #bfbfbf;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:310px;height:310px; }
.spec-scroll{clear:both;margin-top:12px;width:100%; height:62px; position:relative; }
.spec-scroll .prev{ width:10px; height:62px; background:url(../images/left.gif) no-repeat left center; position:absolute; top:0; left:0; cursor:pointer; }
.spec-scroll .next{ width:10px; height:62px; background:url(../images/right.gif) no-repeat right center;  position:absolute; top:0; right:0; cursor:pointer; }
.spec-scroll .items{ width:288px;height:62px; position:absolute; top:0; left:12px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:62px; list-style:none; margin:0; padding:0;}
.spec-scroll .items ul li{float:left;width:72px;text-align:center; cursor:pointer; }
.spec-scroll .items ul li img{border:1px solid #bfbfbf; width:60px;height:60px; }
.spec-scroll .items ul li img:hover{border:1px solid #f3daaa; }

.fixedwidth{ width:1000px; margin:0 auto; overflow:hidden; }


.videoList{ width:1050px; list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.videoList li{ width:300px; height:240px; float:left; margin:20px 50px 0 0; }
.videoList li img{ width:300px; height:200px; display:block; }
.videoList li h4{ margin:0; padding:0; height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:normal; }

.pdet{ margin:0 20px; height:32px; line-height:32px; background:#f0f0f0; font-size:12px; color:#fff; }
.pdet span{ height:32px; padding:0 30px; display:block; float:left;  background:#1679d5; }

#inews{ width:100%; height:40px; background:url(../images/inews.png) repeat-x left top; overflow:hidden; }
.roll-news-tit{ height:40px; line-height:40px; display:block; font-size:14px; font-weight:bold; color:#1679d5; float:left; }
.roll-news-more{ width:14px; height:14px; display:block; float:right; margin:13px 0; overflow:hidden;  }
.rotate-list{ width:720px; height:40px; margin:0; float:left; position:relative; overflow:hidden; }
.rotate-list .rotate-prev{ width:12px; height:12px; display:block; position:absolute; left:2px; top:14px; background:url(../images/square1.png) no-repeat; overflow:hidden;}
.rotate-list .rotate-next{ width:12px; height:12px; display:block; position:absolute; left:17px; top:14px; background:url(../images/square1.png) no-repeat; overflow:hidden;}
.rotate-list a.rotate-prev:hover,.rotate-list a.rotate-next:hover{background:url(../images/square2.png) no-repeat;}
.rotate-list .rotate-list-content{ width:450px; margin:0; padding:0; position:absolute; top:0; left:36px;  }
.rotate-list .rotate-list-content ul{ width:100%; list-style:none; margin:0; padding:0;}
.rotate-list .rotate-list-content ul li{ width:100%; height:40px; line-height:40px; font-size:12px; overflow:hidden; }
.rotate-list .rotate-list-content ul li span{ margin-left:6px; color:#999; }



.submenu{ border-radius:6px; overflow:hidden; }
.mainColumn{ width:100%; height:52px; line-height:52px; font-size:20px; background:#3d0931; font-weight:normal; color:#f3daaa; text-indent:20px; overflow:hidden; }

#crumbs{ width:100%; margin:0; height:51px; line-height:51px; border-bottom:1px solid #ddd; overflow:hidden;}
.crumbsL{ clear:both; float:left; font-size:16px; color:#00428d;  overflow:hidden;  }
.crumbsR { float:right; font-size:12px;  }
.csplit{margin:0 6px; font-family:SimSun; }

#SubMenu{ width:100%; height:72px; background:url(../images/sub.jpg) no-repeat center bottom; }
#SubMenu table{}
#SubMenu table tr td{ height:60px; line-height:60px; padding:0 12px; font-size:16px; }
#SubMenu table tr td a.on{ color:#000; }

.subArt{ list-style:none; margin:0; padding:0; overflow:hidden; }
.subArt li{ width:100%; line-height:47px; float:left; margin:1px 0 0 0; background:#3d0931 url(../images/arrow11.png) no-repeat 20px 20px; }
.subArt li.on,.subArt li:hover{  background:#3d0931 url(../images/arrow14.png) no-repeat 20px 20px; }
.subArt li a{ width:100%; height:47px; display:block; font-size:16px; color:#f3daaa; font-weight:normal; text-indent:34px;  }
.subArt li.on a,.subArt li:hover a{ color:#fff;}

.ListFaq{ width:100%; list-style:none; margin:30px 0; padding:0; overflow:hidden; }
.ListFaq li{ width:100%; float:left; overflow:hidden; }
.ListFaq li .ask{ width:960px; margin:0 auto; height:80px; line-height:80px; cursor:pointer; border-bottom:1px solid #dbdbdb;  }
.ListFaq li .ask h3{ float:left; font-size:18px; font-weight:normal; margin-left:72px; }
.ListFaq li .ask:hover h3{ color:#000; }
.ListFaq li .ask span{ float:right; margin-right:72px; color:#999; font-family:Arial, Helvetica, sans-serif; }
.ListFaq li .answerfull{ width:100%; padding:20px 0; background:#545454; display:none; overflow:hidden; }
.ListFaq li .answer{ width:816px; margin:0 auto; font-size:14px; color:#fff; line-height:2; }
.ListFaq li .answer p{ margin:0; padding:0; }

.productsMain{ width:100%; height:320px; background:url(../images/inslide.jpg) no-repeat center top; overflow:hidden; }

.blank{ width:100%; margin:30px 0; overflow:hidden; }

.subArt2{ list-style:none; margin:0; padding:0 0 1px 0; overflow:hidden; }
.subArt2 li{ width:100%; line-height:40px; float:left; margin:1px 0 0 0; background:#eee url(../images/arrow11.png) no-repeat 20px 17px; }
.subArt2 li.on,.subArt2 li:hover{  background:#1e42e4 url(../images/arrow15.png) no-repeat 20px 17px; }
.subArt2 li a{ width:100%; height:40px; display:block; font-size:12px; color:#555; font-weight:normal; text-indent:36px;  }
.subArt2 li.on a,.subArt2 li:hover a{ color:#fff;}
.subArt2 li ul{ list-style:none; margin:0; padding:0; display:none; background:#fff; }
.subArt2 li ul li{ width:100%; line-height:40px; background:#f5f5f5 url(../images/arrow11.png) no-repeat 36px center; margin:0; padding:0; border-top:2px solid #fff; }
.subArt2 li ul li:hover,.subArt2 li ul li.on{ background:#f5f5f5 url(../images/arrow12.png) no-repeat 36px center; }
.subArt2 li.on ul li a{ height:40px; font-size:12px; color:#666; text-indent:48px; }
.subArt2 li.on ul{ display:block; }
.subArt2 li.on ul li.on a,.subArt2 li.on ul li:hover a{ color:#1e42e4; }


.pdefault{ width:100%; margin:20px 0 0 0; text-align:center; overflow:hidden; }
.seopname{ width:100%; margin:20px 0 0 0; text-align:center; font-size:24px; font-weight:bold; color:#000;}

.wtit{ width:100%; height:40px; line-height:40px; background:#1679d5 url(../images/shape.png) no-repeat left top; font-size:16px; font-weight:normal; color:#fff; text-indent:20px; overflow:hidden; }
.wtit a{ float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#fff; margin-right:10px;  }
.wborder{ border:1px solid #f0f0f0; border-top:0px; overflow:hidden; }

.subsection{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.listSub{ list-style:none; margin:0; padding:10px 0;  overflow:hidden;  }
.listSub li{ width:100%; line-height:34px; float:left; overflow:hidden; }
.listSub li a{ width:100%; height:34px; display:block; font-size:14px; text-indent:32px;  background:url(../images/point1.png) no-repeat 20px 15px;  }
.listSub li a:hover,.listSub li a.on{ color:#1679d5; background:url(../images/point2.png) no-repeat 20px 15px;  }
.listSub li ul{ width:100%; list-style:none; margin:0; padding:0; display:none; overflow:hidden; }
.listSub li ul li{ width:100%; line-height:28px; float:left; }
.listSub li ul li a{ height:28px; font-size:13px;  background:url(../images/point1.png) no-repeat 32px 12px; text-indent:44px;  }
.listSub li ul li a:hover,.listSub li ul li a.on{ background:url(../images/point2.png) no-repeat 32px 12px; text-indent:44px; color:#1679d5;  }
.listSub li.cur ul{ display:block;}


.mainlist{ width:100%; overflow:hidden; }





.listProject{ width:800px; list-style:none; margin:15px;  padding:0; overflow:hidden; }
.listProject li{ width:176px; height:216px; float:left; margin:0 0 0 15px; overflow:hidden; }
.listProject li img{ width:176px; height:176px; display:block; }
.listProject li h4{ width:100%; height:40px; line-height:40px; margin:0; padding:0; text-align:center; font-size:14px; overflow:hidden; }

.listCareer{ width:800px; list-style:none; margin:15px;  padding:0; overflow:hidden; }
.listCareer li{ width:176px; height:172px; float:left; margin:0 15px 0 0; overflow:hidden; }
.listCareer li img{ width:176px; height:132px; display:block; }
.listCareer li h4{ width:100%; height:40px; line-height:40px; margin:0; padding:0; text-align:center; font-size:14px; overflow:hidden; }


.listExpert{ width:800px; list-style:none; margin:15px;  padding:0; overflow:hidden; }
.listExpert li{ width:176px; height:212px; float:left; margin:0 0 0 15px; overflow:hidden; }
.listExpert li img{ width:176px; height:176px; display:block; }
.listExpert li h4{ width:100%; height:36px; line-height:36px; margin:0; padding:0; text-align:center; font-size:14px; overflow:hidden; }


.dptu{ width:400px; margin:20px auto 30px auto; overflow:hidden; }
.dptu img{ max-width:100%; display:block; margin:0 auto; }

.seop{ width:100%; text-align:center; font-size:24px; color:#000;  }

#iadvert{ width:100%; height:120px; margin:20px 0 0 0; overflow:hidden; }
#icompany{ width:100%; margin:20px 0 0 0; overflow:hidden; }

.iabout{ width:100%; padding:30px 0; overflow:hidden;  }

.ititle{ width:100%; height:35px; line-height:35px; background:url(../images/it.png) no-repeat center center; font-size:20px; font-weight:bold; text-align:center; }
.iaboutProfile{ width:100%;  margin:30px 0 0 0; line-height:2; text-align:center; overflow:hidden; }
.iaboutProfile p{ margin:0; padding:0; }

.icontact{ width:280px; float:right; overflow:hidden; }
.ilxfs{ height:150px; line-height:25px; padding:20px; overflow:hidden; }

.iNews{ width:100%; padding:20px 0 30px 0; overflow:hidden; }

a.diyMore{ width:168px; height:43px; line-height:43px; text-align:center; display:block; margin:30px auto 0 auto; background:url(../images/more.png) no-repeat left center; font-size:14px; color:#fff; overflow:hidden;}


.iNewsWin{ width:100%; margin:0; overflow:hidden; }

.iNewsItemL{ width:488px; float:left; border:1px solid #077c4c; overflow:hidden; }
.iNewsItemR{ width:488px; float:right; border:1px solid #077c4c; overflow:hidden; }

.iNewsItemTit{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #eee; text-indent:10px; background:#077c4c; overflow:hidden; }
.iNewsItemTit h3{ margin:0; padding:0; font-size:16px; float:left; color:#fff; }
.iNewsItemTit a{ float:right; color:#fff; margin-right:10px;  }
.iNewsItemTit a span{ font-family:SimSun;}

.artName{ width:100%; margin:30px 0 0 0; text-align:center; font-size:20px; font-weight:bold; color:#000; }
.artFunc{ width:100%; padding:15px 0; text-align:center; font-size:12px; background:url(../images/npoint.png) repeat-x left bottom; color:#666; }



.iNewsList{ list-style:none; margin:10px; padding:0; overflow:hidden; }
.iNewsList li{ width:100%; height:32px; line-height:32px; float:left; background:url(../images/n1.png) no-repeat left center; text-indent:18px; overflow:hidden; }
.iNewsList li span{ float:right; color:#999; }


.inews-item-list{ list-style:none; margin:0; padding:20px; overflow:hidden; }
.inews-item-list li{ width:100%; height:30px; line-height:30px; float:left; background:url(../images/point1.png) no-repeat left center; text-indent:12px; overflow:hidden; }
.inews-item-list li:hover{ background:url(../images/point2.png) no-repeat left center;}
.inews-item-list li span{ float:right; }
.inews-item-list li:first-child{ height:90px; padding-bottom:10px; background:none; text-indent:0; }
.inews-item-list li:first-child dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.inews-item-list li:first-child dl dt{ width:150px; height:90px; clear:both; float:left; border:1px solid #f0f0f0; overflow:hidden; }
.inews-item-list li:first-child dl dd{ margin:0 0 0 165px; height:120px; padding:0; overflow:hidden; }
.inews-item-list li:first-child dl dd h4{ width:100%; height:24px; margin:0; padding:0; font-size:12px; line-height:normal; overflow:hidden; }
.inews-item-list li:first-child dl dd p{ margin:0; padding:0; line-height:22px; color:#777; }




.ListNews{ list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.ListNews li{ width:100%; padding:12px 0; border-bottom:1px dotted #ddd; font-size:14px; overflow:hidden;}
.ListNews li span{ float:right; }

.ListCase{ width:780px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListCase li{ width:240px; float:left; margin:20px 20px 0 0; overflow:hidden;}
.ListCase li img{ width:240px; height:160px; display:block; }
.ListCase li h4{ width:100%; margin:10px 0 0 0; font-size:14px; text-align:center; overflow:hidden; }

.ListHonor{ width:780px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListHonor li{ width:240px; float:left; margin:20px 20px 0 0; overflow:hidden;}
.ListHonor li img{ width:220px; height:176px; display:block; padding:9px; border:1px solid #d6d8d7; }
.ListHonor li h4{ width:100%; margin:10px 0 0 0; font-size:14px; text-align:center; overflow:hidden; }

.ListProducts{ width:960px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListProducts li{ width:180px; float:left; margin:20px 20px 0 0; overflow:hidden; }
.ListProducts li img{ width:180px; height:180px; display:block; }
.ListProducts li h4{ margin:10px 0 0 0; font-size:14px; font-weight:normal; text-align:center; }

.ListPhoto{ width:800px; list-style:none; margin:15px 0 0 0; padding:0; overflow:hidden; }
.ListPhoto li{ width:240px; height:220px; float:left; margin:0 15px 0 0; overflow:hidden; }
.ListPhoto li img{ width:240px; height:180px; }
.ListPhoto li h4{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; overflow:hidden; }


.ListVideo{ width:1000px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListVideo li{ width:300px; height:280px; float:left; margin:0 30px 0 0; position:relative; padding:0; overflow:hidden; }
.ListVideo li img{ width:300px; height:225px; display:block; }
.ListVideo li h4{ width:100%; height:36px; line-height:36px; text-align:center; font-size:14px; font-weight:normal; overflow:hidden; }

.ListDV{ width:800px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListDV li{ width:240px; height:210px; float:left; margin:15px 15px 0 0; position:relative; overflow:hidden; }
.ListDV li img{ width:240px; height:180px; display:block; }
.ListDV li h4{ width:100%; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; position:absolute; left:0; top:150px; z-index:10; background:url(../images/black.png) repeat; overflow:hidden; }
.ListDV li a.alink{ width:100%; height:30px; line-height:30px; display:block; text-align:center; background:#d556bf; margin:0; color:#fff; }


.invote{ width:200px; height:30px; line-height:30px; background:#d356ba; text-align:center; margin:20px auto 0 auto; overflow:hidden;  }
.invote a{ font-size:12px; color:#fff; }


.xkxq{ color:#1679d5; white-space:nowrap; }




.products{ width:100%; overflow:hidden; }
.products ul{ width:1050px; list-style:none; margin:0; padding:0; }
.products ul li{ width:310px; height:130px; float:left; margin:30px 35px 0 0; overflow:hidden; }
.products ul li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.products ul li dl dt{ width:128px; height:128px; border:1px solid #dedede; clear:both; float:left; }
.products ul li dl dt img{ width:128px; height:128px; display:block; }
.products ul li dl dd{ width:168px; height:128px; margin:0; padding:0; float:right; }
.products ul li dl dd .pt{ width:100%; height:46px; line-height:23px; border-bottom:1px solid #dedede; overflow:hidden; }
.products ul li dl dd .pt a{ font-size:14px; font-weight:bold; color:#2a73b2; }
.products ul li dl dd .pp{ width:100%; height:36px; line-height:18px; margin:10px 0 0 0; color:#787878; overflow:hidden; }
.products ul li dl dd .pm{ width:100%; height:23px; margin:12px 0 0 0; text-align:right; overflow:hidden; }



.dproProfile{ width:100%; margin:20px 0 0 0; padding:20px 0 0 0; clear:both; float:left; border-top:1px solid #ddd; line-height:2; }










.subnavname{ width:100%; height:69px; line-height:80px; font-size:18px; color:#fff; text-indent:15px; background:url(../images/left1.png) no-repeat center top;  overflow:hidden; }
.subnavlist{ width:100%; padding:0 0 10px 0; background:url(../images/left3.png) no-repeat center bottom; }
.subnavlist ul{ list-style:none; margin:0; padding:0; background:url(../images/left2.png) repeat-y center top; overflow:hidden; }
.subnavlist ul li{ height:60px; line-height:20px; margin:0 16px; padding:16px 0; border-top:1px solid #b31818; overflow:hidden; }
.subnavlist ul li:first-child{ border-top:0;}
.ctu{ width:60px; height:60px; clear:both; float:left; border-radius:5px; overflow:hidden; }
.ctit{ margin:0 0 0 70px; font-size:16px; color:#fff; }
.ctit a{ color:#fff; }
.cinfo{ margin:0 0 0 70px; line-height:20px; font-size:12px; color:#fff; }

.enL{ font-size:12px; font-family:Arial; margin-left:8px; }



.icustomer{ width:100%; margin:20px 0 0 0; padding:0 0 25px 0; background:url(../images/customer3.png) no-repeat center bottom; overflow:hidden; }
.icustomertit{ height:30px; padding:30px 20px; background:url(../images/customer1.png) no-repeat left top; overflow:hidden; }
.icustomerlist{ background:#fff; padding:0 20px; overflow:hidden; }
.icustomerlist ul{ list-style:none; margin:0; padding:0; }
.icustomerlist ul li{ margin:10px 10px 0 0; float:left; }
.icustomerlist ul li img{ height:60px; display:block; border:1px solid #e7ce97; border-radius:5px; padding:10px; }

#inslide{ width:1920px; position:relative; left:50%; margin-left:-960px; overflow:hidden; }
#inslide img{ max-width:100%; display:block; margin:0 auto;  }



.picL{ width:250px; height:250px; float:left; margin-right:16px; border-radius:5px; overflow:hidden; }
.picR{ width:250px; height:250px; float:right; margin-left:16px; border-radius:5px; overflow:hidden; }
.tit{ height:60px; line-height:60px; background:url(../images/t1.png) repeat-x left bottom; overflow:hidden; }
.tit a{ height:60px; display:block; float:left; padding-right:16px; font-size:20px; font-weight:bold; color:#ffe700; background:url(../images/t2.png) repeat-x left bottom; }
.tit span{ height:60px; display:block; float:left; padding-right:16px; font-size:20px; font-weight:bold; color:#ffe700; background:url(../images/t2.png) repeat-x left bottom; }
.info{ margin:16px 0 0 0; line-height:1.5; }
.info p:first-child{ margin:0; padding:0; }


.banclass{ width:100%; height:53px; background:url(../images/class1.png) no-repeat left top; overflow:hidden; }
.banclass ul{ width:1010px; list-style:none; margin:0; padding:0; overflow:hidden; }
.banclass ul li{ height:53px; line-height:53px; float:left; background:url(../images/class3.png) no-repeat left center; overflow:hidden; }
.banclass ul li:first-child{ background:none; }
.banclass ul li a{ height:53px; display:block; padding:0 17px; font-size:14px; color:#fff; }
.banclass ul li a.on{ color:#FF0; }


#subSection{ width:100%; padding-bottom:20px; background:url(../images/left3.png) no-repeat left bottom; overflow:hidden; }
#subSectionName{ width:100%; height:63px; background:url(../images/left1.png) no-repeat left top; overflow:hidden; }
#subSectionName span{ width:100%; height:43px; line-height:36px; margin:20px 0 0 0; display:block; font-size:16px; color:#fff; background:url(../images/left4.png) no-repeat left top; text-align:center; overflow:hidden; }
#subSectionList{ width:100%; padding:0 0 0 0; background:url(../images/left2.png) repeat-y left top; overflow:hidden; }


#main{ width:1050px; margin:30px auto; overflow:hidden; }
#sidebar{ width:240px; clear:both; float:left; overflow:hidden; }
#content{ width:780px; float:right; padding:0; overflow:hidden; }
#fullcontent{  border:1px solid #f0f0f0; margin:20px 0 0 0; overflow:hidden; }


#search{ padding:10px 0; border-bottom:1px solid #ddd; }
#keyRec{ width:800px; clear:both; float:left; margin:0; padding:0; overflow:hidden; }
#keyRec dt{ line-height:24px; margin:0; padding:0; float:left; }
#keyRec dd{ height:24px; line-height:24px; margin:0; padding:0; font-size:12px; overflow:hidden; } 
#keyRec dd span{ margin:0 3px; }
#webForm{ width:200px; height:24px; display:block; float:right; background:url(../images/form.png) no-repeat left top; overflow:hidden;  }
.webFormIn{ width:150px; height:24px; line-height:24px; border:0; background:none; margin:0 0 0 6px; padding:0; outline:0; overflow:hidden; }
.webFormBtn{ width:40px; height:24px; float:right; border:0; margin:0; padding:0; cursor:pointer; background:none; overflow:hidden; }
 

.column{ width:100%; height:72px; line-height:72px; font-size:24px; background:url(../images/column.png) no-repeat left top; font-weight:bold; color:#fff; text-align:center; overflow:hidden; }

.topClass{ list-style:none; margin:0; padding:0; border:5px solid #004098; border-top:0; border-bottom:10px solid #004098; overflow:hidden; }
.topClass li{ width:100%; margin:1px 0 0 0; background:#f5f5f5; overflow:hidden; }
.topClass li.on,.topClass li:hover{ background:#fff;  }
.topClass li a{ padding:12px 20px; display:block; font-size:15px; color:#000; background:url(../images/s1.png) no-repeat 10px center; }
.topClass li.on a,.topClass li:hover a{ color:#00428d; }
.topClass li ul{ width:100%; list-style:none; margin:0 0 0 0; padding:0; display:none; background:#e6e6e6; overflow:hidden;  }
.topClass li ul li{ width:100%; background:none; margin:0; border-top:1px solid #fff;  }
.topClass li ul li:hover,.topClass li ul li.on{ background:none; }
.topClass li.on ul li a{ padding:10px 20px; font-size:12px; color:#000; background:none; }
.topClass li.on ul li a:hover,.topClass li.on ul li.on a{ color:#1267b8; }
.topClass li.on ul{ display:block; }


#inContact{ width:100%; margin:20px 0 0 0; padding:0; background:url(../images/l_top.png) no-repeat left top; overflow:hidden; }
#inContact dt{ margin:0; padding:20px 20px; font-size:18px; font-weight:bold; color:#000; border-bottom:1px solid #ececec; overflow:hidden; }
#inContact dd{ margin:0; padding:15px 20px 72px 20px; line-height:2; font-size:14px; color:#000; background:url(../images/l_bot.png) no-repeat left bottom; overflow:hidden;  }
#inContact dd p{ margin:0; padding:0; }


.article{ line-height:2; margin:20px 0 0 0; font-size:14px; overflow:hidden;  }
.article p:first-child{ margin:0; padding:0; }
.article img{ max-width:100%; }


.newspage{ width:100%; color:#00428d; margin:20px 0 0 0; line-height:2; font-size:14px; font-weight:normal; padding:12px 0 0 0; border-top:1px solid #ddd; overflow:hidden;  }
/*
.prevpage{ float:left;}
.nextpage{ float:right; }
*/



.mainbg{ width:100%; background:url(../images/main2.png) repeat-y left top;  overflow:hidden; }

.leftitem{ width:100%; margin:6px 0 0 0; overflow:hidden; }
.leftadv{ list-style:none; margin:0; padding:0; }
.leftadv li{ width:100%; height:53px; float:left; margin:6px 0 0 0; overflow:hidden; }

#mainTitle{ width:100%; height:59px; line-height:59px; font-size:16px; color:#565656; background:url(../images/r1.png) repeat-x left bottom; overflow:hidden; }
#mainTitle span{ height:59px; display:block; float:left; padding:0 16px; background:url(../images/r2.png) no-repeat right bottom; font-size:18px; font-weight:bold; color:#659013; }

.leftIn{ padding:10px; line-height:2; overflow:hidden;  }
.leftIn p{ margin:0; padding:0; }




/*.mainTitle span{ height:30px; line-height:30px; display:block; float:left; background:url(../images/bj_c2.png) repeat left top; padding:0 20px;  color:#fff;  }
*/
.proDet{ width:100%; margin:20px 0 0 0; line-height:2; overflow:hidden; }
.font01{ font-weight:bold; color:#1267b8; }

.siteList{ width:100%; list-style:none; margin:20px 0 0 0;  padding:0; overflow:hidden; }
.siteList li{ width:100%; line-height:25px; float:left; background:url(../images/ico2.png) no-repeat left 6px; text-indent:20px; overflow:hidden; }
.siteList li a{ font-size:14px; color:#16a085; font-weight:bold; text-decoration:none; }
.siteList li ul{ list-style:none; margin:0 20px; padding:0; overflow:hidden; }
.siteList li li a{ font-size:14px; }
.siteList li li li a{ font-size:12px; }


.intit{ width:100%; height:50px; margin:65px 0 0 0; background:url(../images/bj_tr.png) repeat-x left bottom; overflow:hidden; }
.intitL{ line-height:50px; clear:both; float:left; padding-right:12px; background:url(../images/bj_tl.png) repeat-x left bottom; font-size:18px; color:#000; }


.insidePic{ width:100%; margin-top:20px; overflow:hidden; }

.share{ padding:0 20px; overflow:hidden; }



.dncpjs{ height:30px; line-height:30px; margin:20px 20px 0 20px; background:#eaeaea; overflow:hidden; }
.dncpjs span{ padding-right:10px; font-size:16px; color:#000; background:#fff; float:left; }

.inBorder{ width:100%; height:2px; margin:40px 0 0 0; font-size:0; background:url(../images/line1.png) repeat; overflow:hidden; }

.partnerlist{ width:850px; list-style:none; margin:0 0 5px 0; padding:0; overflow:hidden; }
.partnerlist li{ width:174px; height:87px; border:1px double #eee; float:left; margin:15px 15px 0 0; overflow:hidden; }
.partnerlist li img{ width:174px; height:87px; display:block; }


.dntit{ width:100%; padding:0; text-align:center; font-size:24px; font-weight:normal; color:#000; }
.dptit{ margin:0; padding:20px 20px 0 20px; text-align:center; font-size:24px; font-weight:normal; color:#000; }
.dnfunc{ margin:0 0 20px 0; text-align:center; padding:12px 0; border-bottom:1px solid #f0f0f0; color:#999; font-size:14px; }

.proPic{ width:100%; height:240px; margin:20px 0 0 0; overflow:hidden; }


.productslist{ width:800px; list-style:none; margin:0; padding:0; overflow:hidden; }
.productslist li{ width:165px; height:254px; float:left; margin:20px 20px 0 0; border:1px solid #ebebeb; overflow:hidden; }
.productslist li:hover{ border:1px solid #75c143; }
.cptp{ width:100%; height:124px; overflow:hidden;}
.cpbh{ margin:5px 5px 0 5px; font-weight:bold; color:#75c143; }
.cpmc{ margin:5px 5px 0 5px; font-weight:bold; color:#000; }
.cpbz{ margin:5px 5px 0 5px; height:54px; line-height:18px; overflow:hidden; }
.cpgd{ margin:5px 5px 0 5px; }
.cpgd a{ background:#75c143; color:#fff; padding:1px 5px; display:block; float:left; }


.proFirst{ line-height:2; font-size:12px; font-weight:bold; margin:0 200px 0 0; color:#16a085; overflow:hidden; }
.proSecond{ line-height:2; margin:0 200px 0 0; overflow:hidden; }
.proThree{ margin:10px 200px 0 0; overflow:hidden; }



.prolist{ width:1050px; list-style:none; margin:0; padding:0; overflow:hidden; }
.prolist li{ width:320px; height:190px; float:left; margin:15px 20px 0 0; background:url(../images/bj_box.png) no-repeat left top; overflow:hidden; }
.prolist li img{ width:320px; height:160px; display:block; }
.prolist li p{ width:100%; height:30px; line-height:30px; background:#1e5993; margin:0; padding:0;  text-align:center; }
.prolist li p a{ font-size:14px; font-weight:bold; color:#fff; }


.caselist{ width:850px; list-style:none; margin:0; padding:0; }
.caselist li{ width:248px; height:226px; float:left; margin:20px 20px 0 0; border:1px solid #eee; background:#f5f5f5; overflow:hidden; }
.caselist li img{ width:248px; height:186px; display:block; }
.caselist li p{ width:100%; line-height:40px; margin:0; padding:0; text-align:center; font-size:12px; overflow:hidden; }


.pbase{ width:100%; margin:15px 0 0 0; overflow:hidden; }
.pbaseL{ width:300px; height:300px; clear:both; float:left; overflow:hidden; }
.pbaseR{ width:410px; float:right; overflow:hidden; }
.pbaseR h2{ font-size:24px; font-weight:bold; color:#000; margin:0; padding:0;  }
.pbaseR p{ margin:10px 0 0 0; padding:0; line-height:2; font-size:14px;  }

.othpbox{ width:100%; height:360px; background:#ddd url(../images/bj_ban.png) repeat-y center top; margin:0 0 15px 0; overflow:hidden; }
.othpL{ width:720px; height:360px; clear:both; float:left; overflow:hidden; }
.othpR{ width:240px; height:340px; float:right; margin:10px 20px 0 0; overflow:hidden;  }

.featuresProfile{ width:100%; height:252px; line-height:36px; font-size:18px; font-weight:bold; overflow:hidden; }
.featuresContent{ width:100%; height:80px; line-height:20px; margin:5px 0 0 0; font-size:12px; overflow:hidden; }

.othpImg{ width:100%; margin:15px 0 0 0; text-align:center; overflow:hidden; }
.othpImg img{ max-width:100%; }
.othpInfo{ width:100%; margin:15px 0 0 0; text-align:center; overflow:hidden; }
.othpInfo h2{ font-size:24px; font-weight:bold; color:#000; margin:0; padding:0; }
.othpInfo p{ margin:10px 0 0 0; font-size:14px; } 

#JINGDONGBox{ width:100%; height:360px; position:relative; overflow:hidden;}
#JINGDONGNumID{ position:absolute; bottom:6px; right:6px; list-style:none; margin:0; padding:0; }
#JINGDONGNumID li{width:18px;height:18px; line-height:18px; float:left; background:#aaaaaa;color:#333;text-align:center;cursor:pointer;margin:6px 0 0 2px;overflow:hidden;}
#JINGDONGNumID li:hover,#JINGDONGNumID li.active{ background:#fff;color:#1e5993; }
#JINGDONGContentID{ position:absolute; bottom:0px; left:0; list-style:none; margin:0; padding:0; }
#JINGDONGContentID li{position:relative; height:360px;}
/*.mask{ position:absolute;bottom:0;left:0;display:block; background:#f00;}*/
.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; }

 

.dTitle{ width:100%; height:40px; line-height:40px; margin:45px 0 0 0; text-align:center; line-height:1.5; font-size:18px; font-weight:bold; color:#000;  }
.dFunc{ width:100%; height:30px; text-align:center; background:url(../images/bj_point.png) repeat-x left bottom; color:#999; }

.proDpic{ width:100%; margin:20px 0 0 0; text-align:center; overflow:hidden; }
.proDpic img{ max-width:450px; }
/*.proDinfo{ width:420px; float:right; overflow:hidden;}*/

.prodescription{ width:100%; height:26px; font-size:14px; font-weight:bold; color:#1e5993; background:url(../images/line1.jpg) repeat-x left bottom; margin:20px 0 0 0; overflow:hidden; }


.list-case-3{ width:100%; list-style:none; margin:-10px 0 0 0; padding:0px; overflow:hidden; }
.list-case-3 li{ float:left; width:100%; padding:20px 0; background:url(../images/line1.jpg) repeat-x left bottom; }
.list-case-3 li dl{ width:100%; margin:0px; padding:0px; }
.list-case-3 li dl dt{ width:200px; height:150px; border:1px solid #ddd; float:left; overflow:hidden; }
.list-case-3 li dl dt img{ width:200px; height:150px;}
.list-case-3 li dl dd{ width:528px; float:right; margin:0; padding:0px;  }
.list-case-3 li dl dd h6{ margin:0; padding:0; }
.list-case-3 li dl dd h6 a{ font-size:14px; color:#1866aa; }
.list-case-3 li dl dd p{ margin:10px 0px 0px 0px; padding:0px; line-height:2; }

.list-solution-3{ width:100%; list-style:none; margin:0px; padding:0px; overflow:hidden; }
.list-solution-3 li{ float:left; width:100%; padding:20px 0; background:url(../images/line1.jpg) repeat-x left bottom; }
.list-solution-3 li dl{ width:100%; margin:0px; padding:0px; }
.list-solution-3 li dl dt{ width:200px; height:150px; border:1px solid #e3e3e3; float:left; overflow:hidden; }
.list-solution-3 li dl dd{ width:480px; float:right; margin:0; padding:0px;  }
.list-solution-3 li dl dd h6{ margin:0; padding:0; }
.list-solution-3 li dl dd h6 a{ font-size:18px; color:#d20000; }
.list-solution-3 li dl dd p{ margin:5px 0px 0px 0px; padding:0px; line-height:20px; }

.btn1{ padding:5px 15px; border:1px solid #eee; background:#f8f8f8; color:#888; outline:0; cursor:pointer;  }
.btn1:hover{ background:#000; border:1px solid #bb0000; background:#e80000; color:#fff;  }



.cpxq{ height:30px; line-height:30px; border-bottom:2px solid #295cb2; margin:16px 19px 0 19px; background:url(../images/tab1L.png) no-repeat left top; }
.cpxq span{ height:30px; display:block; margin:0 0 0 10px; padding:0 30px 0 20px; font-size:14px; color:#fff; background:url(../images/tab1R.png) no-repeat right top; float:left; }

a.cpdg{ width:146px; height:28px; line-height:28px; display:block; background:url(../images/bj_btn1.png) no-repeat left top; text-align:center; font-size:14px; font-weight:bold; color:#fff;}

.details{ width:100%; height:36px; line-height:36px; margin:20px 0 0 0; background:url(../images/bj_details.png) repeat-x left bottom; font-size:14px; font-weight:bold; color:#fff; overflow:hidden;  }
.detailsT{ width:114px; height:36px; line-height:36px; background:url(../images/bj_tab2.png) no-repeat left top; float:left; text-align:center; font-size:14px; font-weight:bold; color:#fff; }

#downloadSearch{ width:274px; height:33px; background:url(../images/search.png) no-repeat left top; margin:20px auto 0 auto; overflow:hidden;}

.tab_download{ border-left:1px solid #ddd; border-top:1px solid #ddd; margin:20px 16px 20px 16px; width:690px; }
.tab_download tr td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; text-align:center; }
.tab_download thead tr td{ background:#f5f5f5; font-weight:bold; }

.feedback{ padding:20px 0;  overflow:hidden; }

.feedbackdes{ line-height:2; margin:20px 0 0 0; padding:15px; background:#fafafa; border:1px solid #f5f5f5; color:#000; overflow:hidden; }


.msgnotice{ width:100%; line-height:1.5; font-size:16px; color:#fff; }

.mandatory{ font-size:18px; color:#f00; margin-left:3px; }
.textinp{ width:240px; height:30px; line-height:30px; margin:0; padding:0; border:1px solid #ddd; background:#fff; outline:0; }
.textinp2{ width:360px; height:120px; line-height:20px; margin:0; padding:0; border:1px solid #ddd;  background:#fff; outline:0; }
.textinp3{ width:100px; height:30px; line-height:30px; margin:0; padding:0; border:1px solid #d6d8d7; background:#fff; outline:0; }
.fbtn{ width:150px; height:36px; line-height:36px; padding:0; text-align:center; background:#00428d; font-size:14px; color:#fff; border:0; margin:0; outline:0; cursor:pointer; border-radius:6px; }

.textinp7{ width:200px; height:30px; line-height:30px; margin:0; padding:0 5px; border:1px solid #ddd; background:#fff; outline:0; color:#666; }

.textinp8{ width:300px; height:30px; line-height:30px; margin:0; padding:0 5px; border:1px solid #ddd; background:#fff; outline:0; color:#666; }
.fbtn8{ width:310px; height:30px; line-height:30px; padding:0; text-align:center; background:#333; color:#fff; font-size:14px;  border:0; margin:0; outline:0; cursor:pointer; }

.getResult{ width:520px; border:1px solid #ccc; padding:20px; text-align:left; line-height:2; margin:20px auto; color:#f00; }

.listCertificate{ width:750px; list-style:none; margin:0 0 -1px 0; padding:0; background:url(../images/Certifications.png) repeat-y left top; overflow:hidden; }
.listCertificate li{ width:240px; height:250px; float:left; border-right:1px solid #ddd; padding:20px 0 0 0; overflow:hidden; }
.listCertificate li img{ width:150px; height:200px; display:block; margin:0 45px; }
.listCertificate li p{ margin:6px 0 0 0; padding:0; text-align:center; }

.tabjob{ border-top:1px solid #eee; border-left:1px solid #eee; margin:20px 0 0 0; }
.tabjob tr td{ padding:5px; line-height:2; border-right:1px solid #eee; border-bottom:1px solid #eee;}




.listProducts2{ width:750px; list-style:none; margin:0 0 0 0; padding:0; background:url(../images/products.png) repeat-y center top; overflow:hidden; }
.listProducts2 li{ width:240px; height:200px; padding:0; float:left; padding:20px 0 0 0; border-right:1px solid #ddd; overflow:hidden; }
.listProducts2 li img{ width:200px; height:150px; display:block; margin:0 20px; }
.listProducts2 li p{ margin:6px 0 0 0; padding:0; text-align:center; } 

.listProducts3{ width:750px; list-style:none; margin:0 0 0 0; padding:0; overflow:hidden; }
.listProducts3 li{ width:240px; height:200px; padding:0; float:left; padding:20px 0 0 0; border-right:1px solid #ddd; overflow:hidden; }
.listProducts3 li img{ width:200px; height:150px; display:block; margin:0 20px; }
.listProducts3 li p{ margin:6px 0 0 0; padding:0; text-align:center; } 


.filter{ width:100%; margin:22px 0 0 0; overflow:hidden; }
.filterName{ width:100%; height:38px; border-bottom:1px solid #ddd; overflow:hidden; }
.filterNameL{ line-height:38px; clear:both; float:left; margin:0 0 0 10px; background:url(../images/class1.png) no-repeat left top;  }
.filterNameL span{ height:38px; display:block; float:left; margin:0 0 0 12px; padding:0 12px 0 0; background:url(../images/class2.png) no-repeat right top; font-size:16px; color:#fff; }
.filterNameR{ line-height:38px; float:right; margin-right:16px; }
.filterList{ width:100%; height:220px; overflow:hidden; }




.no{ color:#999;}

.myform{ width:100%; margin:30px 0 0 0;}



.tab_member{  border-left:1px solid #e924c7; border-top:1px solid #e924c7; }
.tab_member tr td{ padding:10px; border-right:1px solid #e924c7; border-bottom:1px solid #e924c7; }

.inmem{ width:180px; padding:5px; border:1px solid #e924c7; outline:0; }
.btnmem{  padding:5px 24px; border:1px solid #e924c7; background:#e924c7; outline:0; margin:0 5px; color:#fff; cursor:pointer; }

.tishi{ color:#000; text-align:center; margin:20px 0 0 0; font-size:18px; font-weight:bold; }
.tishi a{ color:#e924c7; text-decoration:underline; }

.listNotice{ list-style:none; margin:0; padding:0; }
.listNotice li{ width:100%; padding:12px 0; background:url(../images/line1.jpg) repeat-x left bottom; }
.listNotice li:first-child{ padding:0 0 12px 0;}
.listNotice li span{ float:right; }

.listMember{ width:900px; list-style:none; margin:-15px 0 0 0; padding:0; }
.listMember li{ width:400px; float:left; padding:30px 0; margin:30px 30px 0 0; float:left; border:1px solid #ddd; text-align:center; font-size:16px; }


.sitemap{ padding:0 20px; overflow:hidden; }

.listSiteMap{ width:1050px; list-style:none; margin:20px 0;  padding:0; overflow:hidden; }
.listSiteMap li{ width:100%; line-height:32px; float:left; background:url(../images/folder.png) no-repeat left 10px; text-indent:20px; overflow:hidden; }
.listSiteMap li a{ font-size:14px; text-decoration:none; color:#1679d5; }
.listSiteMap li ul{ list-style:none; margin:0 20px; padding:0; overflow:hidden; }
.listSiteMap li li a{ font-size:13px; color:#555; }
.listSiteMap li li li a{ font-size:12px; }

.zxform{ margin:15px; border:1px solid #ddd; padding:15px; overflow:hidden; }


#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;}