@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'standard_07_55regular';
    src: url('stan0755-webfont.eot');
    src: url('stan0755-webfont.eot?#iefix') format('embedded-opentype'),
         url('stan0755-webfont.woff') format('woff'),
         url('stan0755-webfont.ttf') format('truetype'),
         url('stan0755-webfont.svg#standard_07_55regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{ margin:0; padding:0;}
a{ text-decoration:none; color:#000;}
li{ list-style-type:none;}
img{ border:0;}
.clear{ clear:both;}
.clear h1{ color:#000; line-height:35px; font-weight:normal;}
.more{ font-family:'standard_07_55regular', sans-serif; font-size:8px; color:#000; float:right; -webkit-text-size-adjust: none; margin:15px 0 0 0;}
body{ font-family:"微软雅黑", 黑体, Arial, Helvetica, sans-serif; color:#565656; font-size:12px; line-height:20px; background:#ecebeb;  }


.header{  height:160px; z-index:900; margin:0; width:auto; }
.header .A1, .main .A2, .main .A3, .copyright{ width:1000px; margin:0 auto; position:relative; }
.header .A1{ background:#ecebeb;}
.header .A1 .logo{ padding:30px 0 0 0; display:block;}
.header .A1 .Menu{ float:right; position:relative; margin-top:20px;   }


#slider{ height:378px;}

.main{background:#fff url(../images/bg_main.jpg) repeat-x; margin:0; width:auto; padding-bottom:20px;}

.bgPos{background:#fff url(../images/icon009.jpg) top repeat-x; padding-bottom:28px;}
.main .title{ background:url(../images/icon005.jpg) bottom repeat-x;}

.main .A2 ul.Category{ padding-top:45px;}
.main .A2 ul.Category li{ float:left; position:relative; width:227px;  height:119px; margin-left:17px;}
.main .A2 ul.Category li p{ display:block; position:absolute; bottom:0px; left:0; height:49px;}

.main .A2 .indexAbout{ background:url(../images/bg_index.jpg) 17px 1px no-repeat; padding-top:30px;}
.main .A2 .indexAbout .Iabout{ width:670px; float:left;}
.main .A2 .indexAbout .Iabout .T1{ background:url(../images/hgj.png) 0 0 no-repeat; padding:35px 30px 20px 35px;}
.main .A2 .indexAbout .Iabout .T1 img{ display:block; float:left; margin:0 10px 10px 10px;}
.main .A2 .indexAbout .Iabout .title{ margin:6px 0 0 0;}
.main .A2 .indexAbout .Iabout .more{ margin-right:30px; }

.main .A2 .indexAbout .Icontact{ width:330px; float:left;}
.main .A2 .indexAbout .Icontact .T2{ margin:30px 0 0 20px;}
.main .A2 .indexAbout .Icontact .T2 img{ float:left; padding-right:5px; }
.main .A2 .indexAbout .Icontact .T2 p b{ color:#000;}

.main .A3 .T3{ width:440px; float:left; margin:0 0 0 40px;} 


.main .A4{ position:relative; }
.main .A4 .project{ margin:10px 15px; position:relative; height:133px; overflow:hidden;}
.main .A4 .prevPro{min-width: 45px; display:block; width: 5%; position: absolute; z-index: 200; left: 10px; height: 100%;
    background:#fff url(../images/arrow_left.gif) center center no-repeat;	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
	}
.main .A4 .nextPro{min-width: 45px; display:block; width: 5%; position: absolute; z-index: 200; right: 10px; height: 100%;
    background:#fff url(../images/arrow_right.gif) center center no-repeat;	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
	}
.main .A4 .Ex{ font-size:14px; text-align:center;}
.main .A4 .ul.next li{ width:100%; }

.Related_reading{ padding-bottom:20px;}
.Related_reading h4{ margin:10px 0; color:#000; background:url(../images/icon005.jpg) bottom repeat-x; padding-bottom:5px; font-size:14px; }
.Related_reading h4 span{ color:#900; margin-left:10px;}
.Related_reading li{ margin-bottom:5px;}
.Related_reading a:hover{ color:#8c652a; font-weight:700;}
.Related_reading span.hr{ text-align:right; color:#565656; }


/*--Template_pages--*/
.template_pages{ position:relative; min-height:400px; _height:expression_r(this.scrollHeight < 400 ? "400px" : "auto"); }
.template_pages .mainNav{ position:absolute; width:250px; right:2.5%; top:-40px; z-index:999; }
.template_pages .mainNav .NavTitle{ background:url(../images/icon015.jpg) no-repeat; color:#fff;  padding:30px 0 30px 20px; 
	-moz-box-shadow: 0px -2px 4px #565656;
    -webkit-box-shadow: 0px -2px 4px #565656;
    box-shadow: 0px -2px 4px #565656;
	
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#565656')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=360, Color='#565656');*/
}
.template_pages .mainNav .NavTitle h2 { font-size:24px;  font-weight: normal;  } 
.template_pages .mainNav .NavTitle h2 span { display:inline-block; margin-top:10px; font-size:20px;  font-family: 'Ubuntu Mono', sans-serif; }
.template_pages .mainNav ul.navList, .template_pages .mainNav dl{ background:#fff; border:1px solid #e6e6e6; border-top:0px solid #000; padding:20px 0 40px 0;
	-moz-box-shadow: 0px 2px 10px #e6e6e6;
    -webkit-box-shadow: 0px 2px 10px #e6e6e6;
    box-shadow: 0px 2px 10px #e6e6e6;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.glow(Strength=2, Direction=120, Color='#e6e6e6')";
    filter: progid:DXImageTransform.Microsoft.glow(Strength=0, Direction=90, Color='#e6e6e6');
	
}
.template_pages .mainNav ul.SecondList{ margin:0 5px;}
.template_pages .mainNav ul.navList li, .template_pages .mainNav dt, .template_pages .mainNav ul.SecondList li{ margin-bottom:10px; background:url(../images/icon005.jpg) bottom repeat-x; padding:10px 0; margin:0 20px;  }
.template_pages .mainNav ul.navList li a, .template_pages .mainNav dt a{color:#565656;  padding-left:5px;  font-size:16px; background: url(../images/icon009.png) left 3px no-repeat; padding-left:25px;}
.template_pages .mainNav ul.navList li a:hover, .template_pages .mainNav ul.navList li a.active, .template_pages .mainNav dt a:hover { color:#900; background: url(../images/icon014.jpg) left 3px no-repeat; padding-left:25px; }

.template_pages .mainNav ul.SecondList li a{ color:#565656;}
.template_pages .mainNav ul.SecondList li a:hover{ color:#900;}


.template_pages .mainContent{ padding-right:28%; padding-top:20px;  line-height:25px; }
.template_pages .mainContent .ContentTitle{ border-bottom:1px solid #bcbcbb; margin:10px 0; padding-bottom:20px;}
.template_pages .mainContent .ContentTitle h1{  color:#000; font-weight:normal; font-size:32px; padding:10px 0;  }
.template_pages .mainContent .ContentTitle h1 span{ color:#900; padding-left:10px; font-family: 'Share Tech', sans-serif;}

/*--position--*/
.position{ font-size:10px; color:#666666; border-bottom:2px solid #565656; padding:10px 10px 8px 0px ; margin-bottom:20px; }
.position p{text-align:right;}
.position span{background:url(../images/bg_path_home.gif) left no-repeat; padding-left:20px; }
.position a{  color:#666666;}
.position b{ color:#8c652a;}


/*--Pro--*/
.indexPro{  width:100%; height:149px; position: relative; background:url(../images/icon009.jpg) bottom repeat-x; padding-bottom:28px; margin-top:30px;}
.indexPro .scrollableArea{ padding:10px 0 0 0;}
.project {float: left; width:200px;}
.proj-img i{ display:block; background-color:#000}
.proj-img{ position:relative; overflow:hidden;}
.proj-img img, .proj-img1 img{	display: block; max-width: 100%;}
.proj-img a{ display:block; width:29px; height:29px; position:absolute; top:45%; left:-30px;   z-index:10; background:url(../Images/zoom-more.png) right bottom no-repeat;  }
.project  p{ text-align:center;}

.proj-img a.zoom{ background:url(../Images/zoom-more.png) right top no-repeat;  margin-left:-15px;}
.proj-img a:hover { background-position:left bottom}
.proj-img a.zoom:hover { background-position:left top}
.proj-img i{ font-style:normal; position:absolute; width:100%; height:100%; z-index:9;	top:0; left:0px; opacity:0; filter:alpha(opacity:0);}


/*--Language--*/
.Language{ text-align:right; margin:20px 10px 0 0;}
.Language a{ font-family:'standard_07_55regular', sans-serif; color:#a80a26; font-size:8px; -webkit-text-size-adjust: none; margin:0 5px;}

/*--Menu--*/
#nav {}
#nav ul{ padding:20px 0;  }
#nav ul li{ float:left; margin:0px; text-align:center; width:80px; height:25px;}
#nav ul li a{ font-size:14px; color:#6a6a6a; }

#nav ul li a{overflow:hidden;position:relative; display:block;  height:30px; line-height:30px; width:80px;}
#nav ul li a .n1, #nav ul li a .n2{ display:block; height:30px; line-height:30px; width:80px;position:absolute;top:0px;left:0px;cursor:pointer; text-align:center; }
#nav ul li a .n1{ z-index:12; font-family: 'Ubuntu Mono', sans-serif; font-size:16px; background:#ecebeb;}
#nav ul li a .n2{ z-index:11; background:#e60029; color:#FFF;}


/*--News--*/
.main ul.news{ margin:10px 0;}
.main ul.news li{ background:url(../images/icon013.jpg) bottom repeat-x; padding-bottom:5px; margin-top:5px;}
.main ul.news li a{ color:#565656; background:url(../images/icon012.jpg) 10px center no-repeat; padding-left:35px;}
.main ul.news li a:hover{ color:#000;}

/*--Page--*/
.main .page { margin-left:10px;}
.main .page a{ display:block; float:left; background:url(../images/page_bg.png) no-repeat; width:26px; height:26px; text-align:center; line-height:26px; margin-right:5px; font-family: 'Ubuntu Mono', sans-serif;  font-style:italic; color:#565656;}
.main .page a:hover, .main .page a.at { color:#8c652a;}
.main .page a.prev{ background-position:-31px 0;}
.main .page a.prev:hover{ background-position:-31px -27px;}
.main .page a.next{ background-position:-60px 0;}
.main .page a.next:hover{ background-position:-60px -27px;}


/*--Footer--*/
.footer{ background:#333333;  padding:20px 0 0 0; color:#fff; position:relative; } 
.footer a{ color:#fff;}
.copyright{padding:25px 0px 35px 20px;  }
#bdshare1{position:absolute; right:10px;}

/*--Map--*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*--QQ--*/

.float-news,.float-open{display:inline-block;font-size:16px;}
.float-news{height:350px;left:0px;padding:10px 0px;width:200px;z-index:999;top:130px;_margin-top:130px;}
.float-open{height:48px;left:-70px;padding:4px 4px 4px 6px;width:48px;z-index:999;top:206px;_margin-top:206px;}
.float-news,.float-open{position:fixed;*zoom:1;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
.float-close{background:url(../images/close.png) no-repeat right top;height:16px;position:absolute;right:40px;top:70px;white-space:nowrap;width:16px; display:block; z-index:999;}
.open-btn{background:url(../images/ml-open-demo.png) no-repeat left top;display:block;overflow:hidden;height:179px;text-indent:100%;white-space:nowrap;width:53px;}
.float-close:hover,.open-btn:hover{opacity:1;filter:alpha(opacity=100);}

.Service1{ position: absolute;z-index:999; width:120px;  }
.Service{position: absolute;z-index:990; width:173px; }
.ServiceTop1{ background:url(../images/S_top_bg.png)  no-repeat; height:120px; }
/*.ServiceTop1{ background:url(../images/ml-open-demo.png) top center no-repeat; height:179px;}*/
.ServiceTop{ background:url(../images/S_top_bg2.png) no-repeat; height:84px;}
.ServiceMain{background:url(../images/S_main_bg.png) repeat-y ;}
.ServiceInfo{ padding-bottom:10px;}
.ServiceInfo dl{ margin:0 auto; width:120px;}
.ServiceInfo dl dd{ margin-bottom:10px;}
.ServiceInfo p{ display:block; margin:0 13px 10px 13px; color:#000;}
.ServiceInfo ul { margin:0 0 10px 15px; padding-top:15px; }
.ServiceInfo ul li{  color:#565656; line-height:26px; height:26px; margin-bottom:5px; font-size:12px;  }
.ServiceInfo ul li *{vertical-align:middle;}
.ServiceInfo ul li a{ font-style:normal; color:#000;  }
.ServiceInfo ul.S_pro{ margin:0 0 0 45px; }
.ServiceInfo ul.S_pro li{ list-style-type:decimal-leading-zero; color:#000; background:none; margin:0 0 5px 0; font-size:14px;  }
.ServiceInfo ul.S_pro li a{  font-size:12px; margin-left:0; border-bottom:1px dotted #ddd; padding:0 5px 5px 5px;}
.ServiceInfo ul.S_pro li a:hover{ color:#fff; background:#900;}
.ServiceInfo .St{ color:#fff; font-style:normal; margin-left:8px; margin-right:12px;}
.ServiceInfo .St1{ margin-left:12px; font-size:14px; font-style:italic;}
.ServiceInfo .S_QQ{ display:block; margin-bottom:0px; margin-left:58px;}
.ServiceBottom{ height:25px; background:url(../images/S_bottom_bg.png) no-repeat;}