@charset "utf-8";
/* CSS Document */
html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:14px; color:#666; background:#fff url(../images/top.png) repeat-x left top; font-family:"Microsoft Yahei";  overflow:hidden; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#666; }
a:hover { text-decoration:none; color:#c8112d; }

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

#newBridge .icon-right-center{top:80% !important}
.section{ width:1200px; margin:0 auto; overflow:hidden; }
#products .section-title,#company .section-title,#gallery .section-title,#news .section-title {margin: 0 0 40px 0;text-align: center;font-size: 40px;}
.section-title strong {color: #333333;}
.section-title strong em{font-style:normal;color:#0b5089;font-weight: bold;}
.section-title p {margin: 0;font-size: 0;}
.section-title span {display: inline-block;vertical-align: middle;position: relative;font-size: 20px;padding: 0 20px;}
.section-title span:before,.section-title span:after {position: absolute;top: 50%;content: '';width: 40px;height: 2px;background-color: #0b5089;margin-top: -1px;}
.section-title span:before {right: 100%;}
.section-title span:after {left: 100%;}

#main{ width:1200px; margin:40px auto; overflow:hidden; }
#sidebar{ width:260px; clear:both; float:left; margin:0; overflow:hidden; }
#content{ width:900px; float:right; overflow:hidden; }

#header{ width:100%; height:205px; position:relative; z-index:100; }
#top{ width:1200px; height:100%; margin:0 auto; position:relative; }

#welcome{ height:40px; line-height:40px; float:left;  }
#func{ height:40px; line-height:40px; float:right; }
#func span{ margin:0 10px; }
 
#logo{ width:600px; height:100px; display:block; background:url(../images/logo.png) no-repeat left center; position:absolute; top:40px; left:0; overflow:hidden; }

#hotline{ height:48px; line-height:24px; background:url(../images/hotline.png) no-repeat left center; position:absolute; top:66px; right:0; padding-left:54px; font-size:16px; font-weight:bold; color:#000; }
#hotline span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#c8112d; }

.dropdown {position: relative;}
.dropdown-box {position: absolute;left: 0;top: 100%;z-index: 10;width: 100%;display: none;overflow: hidden;}
.dropdown-box li {border-top: 1px solid #fff;text-align: center;}
.dropdown-box li a {display: block;line-height: 40px;color: #333;}
.dropdown.open .dropdown-box {display: block;}

#menu li.open a {background-color: #c8112d;}

#menu{ list-style:none; margin:0; padding:0; position:absolute; top:140px; left:0; }
#menu li{ float:left; line-height:60px; position:relative; margin:0; }
#menu li.cur,#menu li:hover{ background:#c8112d; }
#menu li a{ padding:0 56px; height:60px; display:block; font-size:15px; color:#fff; }
#menu li:hover a,#menu li.cur a{ color:#fff; }

#menu .dropdown-box {padding-left: 0;}
#menu .dropdown-box li {background: none;float: none;padding: 0;margin: 0;}
#menu .dropdown-box li:before {display: none;}
#menu .dropdown-box li a {color: #fff;padding: 6px 2px;height:auto;line-height: 2;font-size: 12px;font-weight: normal;}
#menu .dropdown-box li a:hover {color: #333;background: #fff;}

#myform{ width:260px; height:40px; display:block; background:url(../images/form.png) no-repeat left top; position:absolute; top:30px; right:0; overflow:hidden; }
.topIn{ width:160px; height:40px; line-height:40px; float:left; border:0; margin:0 0 0 20px; padding:0; background:none; outline:0; }
.topBtn{ width:72px; height:40px; line-height:40px; float:right; border:0; margin:0; padding:0; background:none; outline:0; cursor:pointer; font-size:14px; color:#fff; text-indent:50px; }


#search{ background:#eee; }
#webkey{ width:800px; height:36px; line-height:36px; clear:both; float:left; margin:18px 0; padding:0; overflow:hidden;  }
#webkey dt{ float:left; margin:0; padding:0; font-weight:bold; }
#webkey dd{ margin:0; padding:0; overflow:hidden; } 
#webkey dd span{ margin:0 6px;}

#webform{ width:360px; height:36px; margin:18px 0; padding:0; background:url(../images/form.png) no-repeat left top; float:right; overflow:hidden; }
.webin{ width:250px; height:36px; line-height:36px; float:left; margin:0 0 0 10px; padding:0; border:0; background:none; outline:0; }
.webbtn{ width:90px; height:36px; font-size:14px; color:#fff; text-align:left; text-indent:40px; float:right; border:0; background:none; margin:0; padding:0; cursor:pointer; }


.mainbanner{ width:100%; 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:13px; position:absolute; bottom:30px; 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; }

#inslide{ width:1920px; position:relative; left:50%; margin-left:-960px; overflow:hidden; }
#inslide img{ max-width:100%; display:block; margin:0 auto; }

#links{ padding:30px 0; background:#f3f3f3; margin:0; }
.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; clear:both; float:left; }
.linksRec dd{ margin:0; padding:0; line-height:31px; overflow:hidden; }
.linksRec dd a{ margin-left:20px;}

#footer{ width:100%; padding:30px 0; color:#fff; position:relative; background:#08498b; overflow:hidden; }  
#footer a{ color:#fff; }
#footer .footfullbg{ width:100%; height:100%; position:absolute; z-index:-1; left:0; top:0; }

.footerL{ width:600px; clear:both; float:left; overflow:hidden; }
.footerR{ float:right; overflow:hidden; }

#flogo{ width:100%; height:80px; display:block; background:url(../images/logo2.png) no-repeat left center; overflow:hidden; }
#lxfs{ margin:10px 0 0 0; padding:0; line-height:2; color:#fff; }
#lxfs p{ margin:0; padding:0; }

#copr{ margin:10px 0 0 0; line-height:2; overflow:hidden; }

.ewmRec{ list-style:none; margin:30px 0 0 0; padding:0; overflow:hidden; }
.ewmRec li{ width:120px; float:left; margin:0 0 0 20px; overflow:hidden; }
.ewmRec li img{ width:100%; display:block; }
.ewmRec li p{ margin:6px 0 0 0; padding:0; text-align:center; line-height:2; font-size:12px; }


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

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

.fbtn{ width:140px; height:40px; line-height:40px; background:#f08200; border-radius:60px; text-align:center; font-size:14px; color:#fff; border:0; outline:0; cursor:pointer; }


.proDetColumn{ margin:30px 0 20px 0; padding:12px 20px; font-size:16px; font-weight:bold; color:#333; background:#eee; }



/*图片放大镜样式*/

/*图片小图预览列表*/
.spec-preview{width:366px;height:244px; }
.spec-scroll{clear:both;margin-top:12px;width:100%; height:50px; position:relative; }
.spec-scroll .prev{ width:10px; height:50px; background:url(../images/left.gif) no-repeat left center; position:absolute; top:0; left:0; cursor:pointer; }
.spec-scroll .next{ width:10px; height:50px; background:url(../images/right.gif) no-repeat right center;  position:absolute; top:0; right:0; cursor:pointer; }
.spec-scroll .items{ width:336px;height:50px; position:absolute; top:0; left:16px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:50px; list-style:none; margin:0; padding:0;}
.spec-scroll .items ul li{float:left;width:84px;text-align:center; cursor:pointer; }
.spec-scroll .items ul li img{border:1px solid #ddd; width:72px;height:48px; }
.spec-scroll .items ul li img:hover{border:1px solid #c8112d; }

#products{ padding:50px 0; background:#fff; }

#category{ width:260px; clear:both; float:left; overflow:hidden; }
#recommended{ width:900px; float:right; overflow:hidden; }

/* .productsRec{ width:960px; list-style:none; margin:-30px 0 0 0; padding:0; overflow:hidden; }
.productsRec li{ width:280px; float:left; margin:30px 30px 0 0; }
.productsRec li dl { width:100%; margin:0; padding:0; overflow:hidden; }
.productsRec li dl dt{ width:100%; height:190px; margin:0; padding:0; position:relative; overflow:hidden; }
.productsRec li dl dt img{ width:270px; height:180px; position:absolute; top:0; left:0; padding:4px; border:1px solid #ddd; }
.productsRec li dl dd{ margin:10px 0 0 0; padding:0; line-height:1.5; font-weight:bold; text-align:center; }
.productsRec li:hover a{ color:#c8112d; } */

.img-center {
    text-align: center;
    font-size: 0;
}
.img-center img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.productsRec{ width:100%; list-style:none; margin-left: -10px;margin-top: -10px; padding:0; overflow:hidden; }
.productsRec li {float: left;width: 33.333333%;}
.productsRec li a {display: block;margin: 10px 0 0 10px;    border: 1px solid #e0e0e0;}
.productsRec li .m {height: 190px;line-height: 190px;}
.productsRec li p {margin: 0;padding: 0 15px;text-align: center;line-height: 55px;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color: #e0e0e0;}
.productsRec li a:hover p {background-color: #0b5089;color: #fff;}

.biankuang{
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 99;
}
.biankuang_1{
	height: 0px;
	top:0;
	left:0;
	border-left: 1px solid #c8112d;
}
.biankuang_2 {
	width:0;
	bottom:-1px;
	left:0;
	border-top: 1px solid #c8112d;
}
.biankuang_3{
	height:0;
	bottom:0;
	right:0;
	border-right: 1px solid #c8112d;
}
.biankuang_4{
	width:0;
	top:-1px;
	right:0;
	border-bottom: 1px solid #c8112d;
}


.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.container{width: 1200px;margin: 0 auto;}
.sec-title{ text-align: center; padding: 30px 0; }
.sec-title span{ font-size: 30px; height: 50px; position: relative; padding-bottom: 10px; font-weight: bold; }
.sec-title span:after{ width: 30px; height: 2px; content:''; background: #007bdf; position: absolute; bottom: 0; left: 42%;  }
.sec-title p{ font-size: 14px; margin-top: 20px; }
.advantage .adv_top {height: 160px;background: url(../images/advbg01.jpg) no-repeat center;color: #fff;text-align: center;}
.advantage .adv_top .content {position: relative;}
.advantage .adv_top .advbg {width: 261px;height: 198px;background: url(../images/advbg02.png) no-repeat center;position: absolute;right: -290px;top: -88px;}
.advantage .adv_top .advxl {width: 88px;height: 27px;position: absolute;left: 50%;margin-left: -44px;bottom: -67px;background: url(../images/advbg03.png) no-repeat center;}
.advantage .adv_top h2 {font-size: 28px;padding-top: 50px;margin-bottom: 10px;}
.ys{ width: 100%; height: auto; padding: 50px 0; overflow: hidden; }
.ys .content-1,.ys .content-2{ width: 1050px; margin: 0 auto; height: auto; overflow: hidden; }
.ys .content-1 .fl{ width: 415px; }
.ys .content-1 .fr{ width: 470px; }
.ys .content-2 .fl{ width: 471px; }
.ys .content-2 .fr{ width: 460px; }
.ys h2{ color: #0256a4; overflow: hidden; padding-bottom: 18px; margin-bottom: 10px; margin-top: 25px; background: url(../images/ys-line.jpg) no-repeat bottom left; }
.ys h2 i{ float: left; }
.ys h2 span{ float:left; margin-left: 20px; color: #666666; }
.ys h2 span em{ display: block; font-style: normal;font-weight: bold; color: #007bdf; }
.ys .content-1 p,.ys .content-2 p{ font-size: 14px; color: #2d2d2d; line-height: 25px; background: url(../images/ys-ico.jpg) no-repeat left 6px; padding-left: 20px; }

#odds{ width:1920px; position:relative; left:50%; margin-left:-960px; overflow:hidden; }
#odds img{ max-width:100%; display:block; margin:0 auto; }


.iColumn{ width:100%; font-size:24px; font-weight:bold; color:#c8112d; text-align:center; padding:0 0 12px 0; background:url(../images/ibor.png) no-repeat center bottom; }
.iColumn span{ margin:10px 0 0 0; display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; font-weight:normal;  } 


#company{ padding:50px 0; background:url(../images/company.jpg) no-repeat center center; }
#about{ }
.aboutRec{ width:100%; margin:30px 0 0 0; padding:0; overflow:hidden; }
.aboutRec dt{ width:580px; clear:both; float:left; margin:7px 40px 0 0; overflow:hidden; }
.aboutRec dt img{ width:100%; display:block; }
.aboutRec dd{ margin:0; padding:0; overflow:hidden; }

.aboutProfile{ width:100%; line-height:2; overflow:hidden; }
.aboutProfile p:first-child{ margin:0; padding:0; }
.iMore{ width:120px; height:40px; line-height:40px; display:block; text-align:center; margin:20px 0 0 0; background:#ddd; overflow:hidden;  }
.iMore:hover{ background:#c8112d; color:#fff; }




#gallery{ margin:0px 0 0 0; padding:30px; background:#fff; }
.ititle{ width:100%; height:40px; border-bottom:1px solid #ddd; overflow:hidden; }
.ititle h3{ padding-left:10px; font-size:18px; font-weight:bold; color:#c8112d; float:left; background:url(../images/ico.png) no-repeat left center; }
.ititle a{ float:right; width:20px; height:20px; margin:5px 0 0 0; background:url(../images/enter.png) no-repeat center center; }

.igSlide{ width:100%; height:260px; padding:0; position:relative; margin:20px 0 0 0; overflow:hidden; }
.igSlide .igWin{ width:100%; position:absolute; left:0; overflow:hidden;}
.igSlide li{ width:270px; height:260px; float:left; margin:0 20px 0 0;  overflow:hidden;}
.igSlide li img{ width:260px; height:195px; display:block; padding:4px; border:1px solid #ddd; }
.igSlide li h4{ margin:8px 0 0 0; line-height:1.5; text-align:center; font-size:14px; }

#witness{ height:620px; padding:50px 0; background:url(../images/witness.jpg) no-repeat center top; }

.witnessRec{ width:1300px; list-style:none; margin:-50px 0 0 0; padding:0; overflow:hidden; }
.witnessRec li{ width:550px; height:210px; float:left; margin:90px 100px 0 0; overflow:hidden; }
.witnessRec li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.witnessRec li dl dt{ width:260px; height:210px; margin:0 20px 0 0; padding:0; float:left;  overflow:hidden; }
.witnessRec li dl dt img{ width:250px; height:200px; display:block; border:5px solid #fff; border-radius:5px; overflow:hidden; }
.witnessRec li dl dd{ height:210px; margin:0; padding:0; position:relative; overflow:hidden; }
.witnessRec li dl dd h4{ width:100%; font-size:16px; overflow:hidden; }
.witnessRec li dl dd p{ width:100%; margin:6px 0 0 0; padding:0; line-height:24px; overflow:hidden; }
.witnessRec li dl dd .iview{ width:100px; height:28px; line-height:28px; display:block; border:1px solid #bfbfbf; position:absolute; left:0; bottom:0; z-index:10; text-align:center; border-radius:20px; }
.witnessRec li dl dd .iview:hover{ background:#c8112d; color:#fff; border:1px solid #c8112d; }

#news{ padding:50px 0;     background: url(../images/witness.jpg) no-repeat center top;  }
.newsRec{ width:1280px; list-style:none; margin:30px 0 0 0; padding:0; overflow:hidden; }
.newsRec li{ width:340px; height:440px; padding:20px; float:left; margin:0 30px 0 0; background:#f5f5f5; overflow:hidden; }

.newsColumn{ width:100%; height:40px; overflow:hidden; }
.newsColumn h4{ font-size:18px; font-weight:bold; float:left; color:#000; }
.newsColumn a{ float:right; line-height:30px; }
.newsPic{ width:100%; height:140px; margin:0; overflow:hidden; }
.newsPic img{ width:100%; height:100%; display:block; }

.newsItem{ width:100%; margin:10px 0 0 0; padding:0; overflow:hidden; }
.newsItem dd{ width:100%; height:40px; line-height:40px; margin:0; padding:0; background:url(../images/npoint.png) repeat-x left bottom; overflow:hidden;}
.newsItem dd a{ background:url(../images/list.png) no-repeat left center; float:left; padding-left:10px; }
.newsItem dd span{ float:right; font-family:Arial, Helvetica, sans-serif;  }

#partner{ padding:40px 0; background:#fff; }

.partnerRec{ width:1280px; list-style:none; margin:0; padding:0; overflow:hidden; }
.partnerRec li{ width:210px; height:140px; float:left; padding:2px; border:1px solid #bfbfbf; margin:30px 30px 0 0; }
.partnerRec li img{ width:210px; height:140px; display:block; }

.ListPartner{ width:1280px; list-style:none; margin:-30px 0 0 0; padding:0; overflow:hidden; }
.ListPartner li{ width:210px; height:140px; float:left; padding:2px; border:1px solid #bfbfbf; margin:30px 30px 0 0; }
.ListPartner li img{ width:210px; height:140px; display:block; }



.tabs{ width:240px; list-style:none; margin:0; padding:0; float:left; overflow:hidden; }
.tabs li{ width:100%; float:left; margin:3px 0 0 0;  overflow:hidden; }
.tabs li:first-child{ margin:0; }
.tabs li a{ padding:20px; display:block; font-size:15px; font-weight:bold; background:#f5f5f5; color:#333; border-left:3px solid #ccc; }
.tabs li:hover a,.tabs .thistab a{ color:#00aae7; border-left:3px solid #00aae7; }
.tab_conbox{ list-style:none; margin:0; padding:0; overflow:hidden; }
.tab_con{ display:none; padding:0 0 0 30px; line-height:2; overflow:hidden; }
.tab_con p:first-child{ margin:0; padding:0; }

.column{ padding:20px; background:#0b5089; font-size:24px; font-weight:bold; color:#fff; text-align:center; overflow:hidden; }
.column span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; margin:10px 0 0 0; }

.searchVideo{ width:1200px; list-style:none; margin:0; padding:0; overflow:hidden; }
.searchVideo li{ width:275px; height:222px; float:left; margin:20px 20px 0 0; background:#f5f5f5; overflow:hidden; }
.searchVideo li img{ width:275px; height:172px; display:block; }
.searchVideo li h4{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px;  }

#crumbs{ width:1200px; padding:20px 0; background:url(../images/position.png) no-repeat left center; text-indent:20px; margin:0 auto; border-bottom:1px solid #bfbfbf; overflow:hidden; }

.cc{ color:#00aae7; }

.crumbsL{ height:50px; clear:both; float:left; font-size:18px; font-weight:bold; color:#00aae7; background:url(../images/r2.png) repeat-x left bottom; }
.crumbsR{ float:right; }

.symbol{ font-family:SimSun; margin:0 6px;  }
.topClass{ list-style:none; margin:0; padding:0; overflow:hidden; }
.topClass li{ width:100%; float:left; margin:6px 0 0 0; }
.topClass li.cur{ }
.topClass li a{ padding:20px 50px; display:block; font-size:15px; font-weight:bold; color:#fff; background:#0b5089 url(../images/a2.png) no-repeat 20px center; }
.topClass li.cur a,.topClass li a:hover{ color:#fff; background:#c8112d url(../images/a2.png) no-repeat 20px center;  }
.topClass li ul{ list-style:none; margin:0; padding:0; overflow:hidden; }
.topClass li ul li{ width:100%; float:left; margin:0; border-bottom:1px solid #eee; }
.topClass li ul li.cur,.topClass li ul li:hover{ }
.topClass li.cur ul li a,.topClass li:hover ul li a,.topClass li ul li a{ font-size:14px; color:#333; background:url(../images/a3.png) no-repeat 20px center;}
.topClass li.cur ul li.cur a,.topClass li ul li a:hover{ color:#c8112d; background:url(../images/a4.png) no-repeat 20px center; }

.listSiteMap{ width:100%; list-style:none; margin: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:#0b5089; 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; }



.ListGallery{ width:960px; list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.ListGallery li{ width:280px; float:left; margin:20px 30px 0 0; overflow:hidden; }
.ListGallery li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListGallery li dl dt{ height:203px; margin:0; padding:4px; border:1px solid #ddd; overflow:hidden; }
.ListGallery li dl dt img{ width:100%; height:100%; display:block; }
.ListGallery li dl dd{ margin:10px 0 0 0; padding:0; line-height:1.5; text-align:center; font-weight:bold; }

.ListCase{ width:1280px; list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.ListCase li{ width:224px; float:left; margin:20px 20px 0 0; overflow:hidden; }
.ListCase li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListCase li dl dt{ height:161px; margin:0; padding:4px; border:1px solid #bfbfbf; overflow:hidden; }
.ListCase li dl dt img{ width:100%; height:100%; display:block; }
.ListCase li dl dd{ margin:10px 0 0 0; padding:0; line-height:1.5; text-align:center; font-weight:bold; }


.ListWitness{ width:1300px; list-style:none; margin:-30px 0 0 0; padding:0; overflow:hidden; }
.ListWitness li{ width:580px; float:left; margin:30px 40px 0 0; overflow:hidden; }
.ListWitness li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListWitness li dl dt{ width:250px; height:200px; margin:0 20px 0 0; padding:4px; border:1px solid #bfbfbf; float:left; overflow:hidden; }
.ListWitness li dl dt img{ width:100%; height:100%; display:block; }
.ListWitness li dl dd{ margin:0; padding:0; overflow:hidden; }
.ListWitness li dl dd h4{ height:36px; font-size:16px; }
.ListWitness li dl dd p{ height:120px; margin:0; padding:0; line-height:24px; color:#999; overflow:hidden; }

.inview{ width:100px;  height:30px; line-height:30px; border:1px solid #bfbfbf; display:block; text-align:center; margin:22px 0 0 0; border-radius:30px; overflow:hidden; }
.inview:hover{ background:#c8112d; color:#fff; border:1px solid #c8112d; }

.ListNews{ list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.ListNews li{ width:100%; float:left; padding:20px 0; border-bottom:1px dotted #ccc; position:relative; overflow:hidden;}
.ListNews li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListNews li dl dt{ width:96px; height:96px; float:left; margin:0 20px 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
.ListNews li dl dt em{ width:100%; height:64px; line-height:64px; font-size:36px;  text-align:center; color:#fff; font-style:normal; display:block; background:#0b5089; }
.ListNews li dl dt span{ width:100%; height:32px; line-height:32px; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#fff; font-style:normal; font-weight:normal; display:block; background:#c8112d;  }
.ListNews li dl dt img{ width:100%; height:100%; display:block; }
.ListNews li dl dd{ margin:0; padding:0; overflow:hidden; }
.ListNews li dl dd h4{ font-size:15px;  }
.ListNews li dl dd p{ margin:8px 0 0 0; padding:0; line-height:24px; color:#999; }


.ListProducts{ width:960px; list-style:none; margin:-30px 0 0 0; padding:0; overflow:hidden; }
.ListProducts li{ width:280px; float:left; margin:30px 30px 0 0; overflow:hidden; }
.ListProducts li img{ width:270px; height:180px; display:block; padding:4px; border:1px solid #ddd; }
.ListProducts li h4{ margin:10px 0 0 0; font-size:14px; line-height:1.5; text-align:center; }


.ListSolution{ list-style:none; margin:-20px 0 0 -20px; padding:0; overflow:hidden; }
.ListSolution li{ width:260px; float:left; margin:20px 0 0 20px; overflow:hidden; }
.ListSolution li img{ width:260px; height:260px; display:block; }
.ListSolution li h4{ margin:10px 0 0 0; font-size:14px; line-height:2; text-align:center; }

.ListVideo{ width:960px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListVideo li{ width:270px; height:220px; float:left; margin:20px 20px 0 0; background:#f5f5f5; position:relative; }
.ListVideo li img{ width:270px; height:169px; display:block; }
.ListVideo li h4{ width:100%; height:50px; line-height:50px; margin:0; padding:0;  text-align:center; overflow:hidden; }

.diyquick{ width:100%; margin:30px 0 0 0; font-weight:bold; line-height:2; color:#c8112d; overflow:hidden; }
.diyquick span{ color:#ccc; }
/*.fyprev{ clear:both; float:left; }
.fynext{ float:right; }*/

.fenye{ width:100%; margin:30px 0 0 0; text-align:center; overflow:hidden;  }
.fenye a{ padding:8px 20px; margin:0 6px 0 0; background:#eee; display:inline-block;*display:inline; *zoom:1; color:#666; }
.fenye a.pageon,.fenye a:hover{ color:#fff; background:#c8112d; }


.artName{ width:100%; font-size:24px; font-weight:normal; margin:20px 0 0 0; padding:0; text-align:center; color:#333; overflow:hidden; }
.seotit{ width:100%; font-size:24px; font-weight:bold; color:#000; margin:0; text-align:center;  }
.seotit2{ width:100%; font-size:24px; font-weight:bold; color:#000; padding:20px 0; text-align:center; }


.artFunc{ width:100%; margin:0 0 20px 0; text-align:center; padding:20px 0; color:#999; background:url(../images/npoint.png) repeat-x left bottom; overflow:hidden; }

.article{ line-height:2; margin:0; overflow:hidden;  }
.article p:first-child{ margin:0; padding:0; }
.article img{ max-width:100%; }

.article table{ width:100%; max-width:100%;}