@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#333;}
a{color:#333; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#c20b16; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.h10{height:10px; overflow:hidden; clear:both;}
input{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#c20b16;}
.wal{width:1100px; margin:0px auto;}
.w1081{
	width:1081px; margin:0 auto;
	}
.headDiv{position:fixed; z-index:20; left:0px; top:0px; width:100%; height:77px; background:#ecebeb;
-moz-box-shadow:0px 3px 5px rgba(0,0,0,0.15);
-webkit-box-shadow:0px 3px 5px rgba(0,0,0,0.15);
box-shadow:0px 3px 5px rgba(0,0,0,0.15);
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
}
.headDiv .wal{height:77px; position:relative;}

.headDiv .logo{position:absolute; left:0px; top:26px;}
.headDiv .logo img{height:36px;}
.topBtn{position:absolute; top:50px; right:0px;}
.topBtn li{float:left; padding-left:24px;}
.topBtn a{font-size:14px; color:#666; line-height:16px; opacity:0.8; filter:alpha(opacity=0.8);}
.topBtn li.jk{ position:absolute; top:-16px; width:350px; left:-100px;}
.topBtn li.sh{ position:absolute; top:7px; width:350px; left:-100px;}
.topBtn li.tel{ position:absolute;  width:350px; left:-220px;}
.topBtn em{font-size:12px; position:relative; top:-16px; padding:3px 20px 5px 20px; line-height:20px; color:#666;}
.topBtn em.em1{ background:url(../image/address_bj.png) left top no-repeat }
.topBtn em.em2{ background:url(../image/address_sh.png) left top no-repeat }
.topBtn img{float:left; margin-right:3px;}
.topBtn a:hover{opacity:1; filter:alpha(opacity=1);}
.nav{position:absolute; left:265px; top:0px; height:71px; background:url(../image/nav.png) left top no-repeat; padding-left:2px;}
.nav li{float:left; height:77px; background:url(../../emerican/image/nav.png) right top no-repeat; padding-right:2px;}
.nav a{display:block; float:left; height:41px; padding:36px 35px 0 35px; font-size:16px; background:url(../image/navico.png) center -10px no-repeat;}
.nav a:hover, .nav .on{color:#c20b16; background:url(../image/navico.png) center 18px no-repeat;}
.headDiv.on{background:rgba(255,255,255,0.8); top:-7px;}
.headDiv.on .nav{background:url(../image/navon.png) left top no-repeat;}
.headDiv.on li{background:url(../image/navon.png) right top no-repeat;}

.footDiv4{/*background:#222 url(../image/foot.jpg) center bottom no-repeat; */background:#232323; background-size:100%; width:100%; height:100px; overflow:hidden;}
.footDiv4.active{ z-index:2}
.footDiv4 .bottom{ width:100%; height:60px; margin-top:20px;}
.footDiv4 .bottom p{ font-size:14px; color:#999999; line-height:28px;}
.footDiv4 .bottom>.address>p {  margin-top: 20px;  }
.footDiv4 .bottom .info{ float:right; text-align:right;}
.Solution_08.active{ z-index:2;}
.pageTitle2{text-align:center;background:#FFF;padding:30px 0 30px 0}.pageTitle2 h2{font-weight:400;font-size:26px;line-height:60px;background:url(../image/line1.gif) center repeat-x}.pageTitle2 h2 span{background:#FFF;padding:0 18px}.pageTitle2 p{font-size:14px;line-height:22px;color:#666}
.xgzs{ background:#eaeaea; min-height:530px;}
.xgzs .duier_bottom{ width:570px; float:left; position:relative;}
.xgzs .duier_bottom ul li{ width:253px; height:262px; margin-right:28px; float:left; margin-top:30px; position:relative; overflow:hidden;}
.xgzs .duier_bottom ul li .imgDiv{ width:100%; height:190px;}
.xgzs .duier_bottom ul li .info{ width:100%; height:72px; position:absolute; bottom:0; left:0; background:#fff;}
.xgzs .duier_bottom ul li .info .p1{ padding:16px 0 0 14px; font-size:16px; color:#333;}
.xgzs .duier_bottom ul li .info .p2{ padding:0 0 0 14px; font-size:14px; color:#666;}
.xgzs .duier_bottom li:hover .info{ height:116px;}
.xgzs .duier_bottom li:hover .info .p3{ width:100%; position:absolute; left:0; height:20px; bottom:20px;}
.xgzs .duier_bottom li .info .p3{ width:100%; position:absolute; left:0; height:20px;bottom:-20px;}
.xgzs .duier_bottom li .info .p3 .name{display:block; background:url(../image/webduiicon01.png) no-repeat left; width:50%; height:20px; line-height:20px; color:#666; font-size:14px; padding-left:25px; margin-left:14px; float:left;}
.xgzs .duier_bottom li .info .p3 .see{display:block; background:url(../image/webduiicon02.png) no-repeat left; height:20px; line-height:20px; color:#666; font-size:14px; padding-left:25px; margin-right:14px; float:right;}
.xgzs .duier_bottom .prev{display:block; position:absolute; z-index:10; left:0; top:110px; width:44px; height:44px; background:rgba(0,0,0,0.30)  url(../image/prev1.png) center no-repeat;}
.xgzs .duier_bottom .prev:hover{background:rgba(200,0,0,0.80) url(../image/prev1.png) center no-repeat;}
.xgzs .duier_bottom .next{display:block; position:absolute; z-index:10; right:36px; top:110px; width:44px; height:44px; background:rgba(0,0,0,0.30)  url(../image/next1.png)center no-repeat;}
.xgzs .duier_bottom .next:hover{background:rgba(200,0,0,0.80) url(../image/next1.png) center no-repeat;}
.xgzs .pageTitle2{ background:#eaeaea;}
.xgzs .pageTitle2 span{ background:#eaeaea;}
.xgzs .newslist{ width:500px; float:right;}
.xgzs .newslist ul li{ width:500px; float:left; margin:22px 70px 15px 0;}
.xgzs .newslist ul li .title{ font-size:16px; color:#000;}
.xgzs .newslist ul li .title a{ font-size:16px; color:#000;}
.xgzs .newslist ul li:hover .title a{ color:#c20b16;}
.xgzs .newslist ul li .title span{ float:right; line-height:22px; padding-right:20px;}
.xgzs .newslist ul li .content{ font-size:14px; margin-top:5px; color:#666;}
.xgzs .more{clear:both; text-align:center; width:1100px; padding-top:20px;}
.xgzs .more a{display:inline-block; width:138px; height:41px; line-height:41px; font-size:14px; background:#c20b16; color:#FFF;}
.xgzs .more a em{font-size:16px; padding-right:8px;}