@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px;}
a{ text-decoration:none; color:#565656;}
img{ border:0;}
li{ list-style-type:none;}
.clear{ clear:both;}
.more{ color:#ae0305; font-size:12px;}
body{ font:12px/25px "\5fae\8f6f\96c5\9ed1", sans-serif; background:url(../Images/bg2.jpg) repeat; color:#565656; overflow-x:hidden;}


.header{ position:relative; margin-top:25px; width:100%;}
.DW1k{ width:1000px;  margin:0 auto;}

/*--topNav--*/
.topNav{width:322px; height:29px; position:absolute; top:38px; left:69%; text-align:center;}
.topNav a{ color:#000; margin-right:10px; }
.topNav a.china{ background:url(../images/icon001.png) 0 1px no-repeat; padding-left:20px;}
.topNav a.english{ background:url(../images/icon002.png) 0 1px  no-repeat; padding-left:20px;}
/*--Search--*/
.search{position:relative; margin-right:15px ;margin-bottom:13px;   }
.focusblurmenu{ margin:0; overflow:hidden; padding:0px; margin-left:10px;   }
.focusblurmenu input{ float:right; padding:0px; color:#bab9b9;  background:#fff;  }
.focusblurmenu .searchkey{ height:24px; line-height:24px; width:80px;  padding-left:10px; padding-right:30px; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.08);border:1px solid #9ecbe2;  -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px;  }
.focusblurmenu .searchkeyfocus{  border:1px solid #9ecbe2; box-shadow:0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08); outline:none}
.focusblurmenu .searchbtn{ padding-left:6px; padding-right:6px; cursor:pointer;border:0;height:26px; line-height:26px; margin:0 4px; background:url(../images/search.png) center center no-repeat; position:absolute; right:5px; top:0px;}

/*---Menu--*/
.menu{ background:url(../images/shadow.png) 0 54px no-repeat;  margin:20px 0 0 0; /*padding-bottom:30px;*/}
.menu ul{ background:url(../images/menu_bg.png) repeat-x; height:54px;}
.menu ul li{ float:left; background:url(../images/menu_li_bg.png) left no-repeat; line-height:52px; padding:0 20px;}
.menu ul li.home{ background:url(../images/icon004.png) 30px 20px no-repeat; padding-left:55px;}
.menu ul li a{ font-size:14px; color:#fff;}

/*--Banner--*/
.banner{ width:100%; margin:0 auto; position:relative; z-index:900;}


/*--main--*/
.main{ width:1000px; margin:0 auto; background:#fff; padding:20px 0 20px 0;}
.main .more{ float:right; margin-top:10px;}
.main h2{color:#f24b90; font-size:20px; margin-bottom:10px; }

.main .MS{ width:300px; float:left;  margin:20px 5px 0 20px; position:relative;}
.main .MS .title{ background:#f24b90; height:40px; position:absolute; width:100%; bottom:0px; color:#fff;}
.main .MS .title h3{ font-size:20px; line-height:40px; margin-left:20px;}
.main .MS_EN .title h3{ font-size:16px;}
.main .MS .title .more{ display:block; background:#fff; padding:0px;  margin:10px 10px 0 0; width:41px; height:18px; text-align:center;}
.main .MS img{ max-width:100%;}
.main .MS ul{ margin-top:5px;}
.main .MS li { height:20px; overflow:hidden; background:url(../images/icon002.jpg) bottom repeat-x; padding-bottom:10px; line-height:30px;}
.main .MS li a{ }
.main .MS li a:hover{ color:#f24b90;}
.main .MS h2{ background:url(../images/icon005.png) left no-repeat;  padding-left:30px; }
.main .MS .Mtitle p{ color:#000; font-size:20px; font-family:"Dosis", Arial, Helvetica, sans-serif;}

/*--Iabout--*/
.Iabout{ margin:20px 15px; width:650px; float:left; line-height:25px;}
.Iabout p{ font-size:12px;}
.Iabout .IAImg{ float:left; margin:0 15px 10px 0px;}
.Iabout .Mtitle{ padding:0 0 15px 10px; margin:0 0px; background:url(../images/icon002.jpg) 0 35px repeat-x;}
.Iabout .Mtitle h2{ background:url(../images/icon014.png) left no-repeat; display:inline-block; padding-left:30px; padding-right:10px; }
.Iabout .Mtitle p{ font-size:20px; color:#000; font-weight:normal;  font-family:"Dosis", Arial, Helvetica, sans-serif; display:inline-block;}

.Iabout_EN{ width:95%;}

/*--Icontact--*/
.Icontact{ background:url(../images/icbg.png) no-repeat; width:30%; padding:90px 10px 0 10px; font-size:12px; line-height:25px; float:left;}
.Icontact_EN{ margin:20px 0 0 0;}

/*--Pro--*/
.project {float: left; width:187px;}
.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:-15px;   z-index:10; }

.proj-img a.zoom{ background:url(../Images/zoom-more.png) right bottom no-repeat;  margin-left:-15px;}
.proj-img a:hover { background-position:left bottom}
.proj-img a.zoom:hover { background-position:left bottom}
.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);}



/*--Products--*/
.indexPro{ margin:0px 15px; height:auto; position: relative;}
.indexPro .Mtitle{  padding-bottom:15px; margin:0 10px; background:url(../images/icon002.jpg) 0 35px repeat-x;}
.indexPro .Mtitle h2{ background:url(../images/icon010.jpg) left no-repeat; display:inline-block; padding-left:40px; padding-right:10px;}
.indexPro .Mtitle p{ font-size:20px; color:#000; font-weight:normal;  font-family:"Dosis", Arial, Helvetica, sans-serif; display:inline-block;}




/*--Template_pages--*/
.template_pages{ position:relative; min-height:400px; _height:expression_r(this.scrollHeight < 400 ? "400px" : "auto");  padding-bottom:30px; }
.template_pages .mainNav{ position:absolute; width:220px; right:25px; top:-59px; z-index:999; }
.template_pages .mainNav .NavTitle{ background:#f24b90; color:#fff;  padding:20px 0 20px 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_EN{ padding:30px 0 50px 20px;}
.template_pages .mainNav .NavTitle h2 {font-size:25px;font-weight: normal; color:#fff; line-height:35px;}
.template_pages .mainNav .NavTitle h2 span{ font-size:16px;  font-family:"Dosis", Tahoma, Geneva, sans-serif;  font-weight: normal; }
.template_pages .mainNav ul{ 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 li{ margin-bottom:10px; background:url(../images/icon002.jpg) bottom repeat-x; padding:10px 0; margin:0 20px;  }
.template_pages .mainNav ul li a{ color:#565656; font-size:14px; background: url(../images/icon011.png) left no-repeat; padding-left:25px;}
.template_pages .mainNav ul li a:hover, .template_pages .mainNav ul li.active{ color:#f24b90; background: url(../images/icon012.png) left no-repeat; padding-left:25px; }
.template_pages .mainNav ul li.active a{ background:none; padding:0; color:#f24b90;}

.template_pages .mainNav ul dl{ padding:0; background:url(../images/icon002.jpg) top repeat-x; margin:0 20px;  }
.template_pages .mainNav ul dl dt{ background:url(../images/icon002.jpg) bottom repeat-x; padding:5px 0;}
.template_pages .mainNav ul dl dt a{ color:#565656;  padding-left:25px;}

.template_pages .mainContent{ padding:20px 10px 0 10px;  }
.template_pages .mainContent .ContentTitle{ padding:0 0 20px 0px; margin-bottom:10px; border-bottom:1px solid #bcbcbb; line-height:30px; position:relative;}
.template_pages .mainContent .ContentTitle .back{ display:block; float:right; margin-right:20px; font-size:18px; color:#f24b90;}
.template_pages .mainContent .ContentTitle .Mnav{ position:absolute; top:10px; right:10px;}
.template_pages .mainContent .ContentTitle .Mnav a{ display:inline-block; text-align:center; padding:0 10px; background:#8c652a; color:#fff; font-size:0.75em;}
.template_pages .mainContent .ContentTitle h1{  color:#000;  font-weight:normal; }
.template_pages .mainContent .ContentTitle h1 span{ color:#f24b90;  padding-left:10px; }
.template_pages .mainContent h4{ font-size:18px; font-weight:normal; color:#f24b90;}

.template_pages .mainContent .proinfo{ margin-bottom:20px;}
.template_pages .mainContent .P_Text, .template_pages .mainContent .P_img{ float:left; position:relative;}
.mainContent .P_img a.prevpage, .mainContent .P_img a.nextpage{ display:block; width:45px; height:45px; position:absolute; top:50%; z-index:999;}
.mainContent .P_img a.prevpage{ background:url(../images/arrow_left.png) no-repeat; left:10px;}
.mainContent .P_img a.nextpage{ background:url(../images/arrow_right.png) no-repeat; right:10px;}
.template_pages .mainContent .P_img{ width:45%;}
.template_pages .mainContent .P_img img{ max-width:100%; }
.template_pages .mainContent .P_Text{ width:55%; }
.template_pages .mainContent .P_Text h2{ margin:0 20px; color:#f24b90; line-height:35px;  background:url(../images/icon002.jpg) bottom repeat-x; padding-bottom:10px; margin-bottom:10px;}
.template_pages .mainContent .P_Text h3{ margin:10px 20px; color:#000; background:url(../images/icon002.jpg) bottom repeat-x; padding-bottom:10px; font-size:18px; }
.template_pages .mainContent .P_Text h2 p{ font-size:0.75em; color:#000;font-weight:normal; }
.template_pages .mainContent .P_Text div{ margin:0 20px;  padding-bottom:10px; }

.template_pages .mainContent .Small h1{ }


.template_pages .mainContent .proList .project{ width:160px; margin:10px 8px; height:246px;}
.template_pages .mainContent .Album .project{ width:220px; margin:10px 0 10px 10px  ;}

/*--News--*/

.news ul.Nlist li{  background:url(../images/icon002.jpg) bottom repeat-x;  height:30px; overflow:hidden; margin-bottom:5px; padding-bottom:5px;}
.news ul.Nlist li.nTitle{ margin-bottom:5px; height:auto;  padding-left:10px; }
.news ul.Nlist li a{  color:#565656;  line-height:30px; }
.news ul.Nlist li a:hover{ color:#f24b90; font-weight:700;}
.news ul.Nlist li .more{ float:right; background: url(../images/icon004.jpg) no-repeat; display:block; width:36px; height:12px; margin-top:10px;}
/*.news .marginA{margin:0 1.875em;}*/
.Author_time{ display:block; background:#ebe7e7; font-size:10px; padding:0 10px; margin:20px 0;  }
.Related_reading{   margin-top:20px;}
.Related_reading h4{ margin:10px 0; color:#000; border-bottom:1px solid #f24b90	 ; padding-bottom:10px;}
.Related_reading h4 span{ color:#f24b90; margin-left:10px;}
.Related_reading li{ margin-bottom:5px;}
.Related_reading li a{ padding-left:10px;}
.Related_reading a:hover{ color:#f24b90; font-weight:700;}
.Related_reading span.hr{ text-align:right; color:#565656;}

/*--Position--*/
.position{ font-size:10px; color:#666666; border-bottom:2px solid #f24b90; padding:10px 30px 8px 0px ; margin-bottom:20px; }
.position p{text-align:left;}
.position span{background:url(../images/bg_path_home.gif) left no-repeat; padding-left:5px; }
.position a{  color:#666666;}
.position b{ color:#f24b90;}

.template_pages .paddingB{ padding-right:26%; margin-left:15px; }
.template_pages .paddingA{ margin:0 15px;}
#dituContent{ width:100%; height:300px;}

/*--Page--*/
.main .page { margin:10px auto;  width:450px;}
.main .page a, .main .page span{ 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:Georgia, "Times New Roman", Times, 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:#fff; margin:20px auto; width:1000px; padding:20px 0; }
.footer p{ padding:0 20px; font-family:"Dosis", Arial, Helvetica, sans-serif; font-size:14px;}
.footer .bdsharebuttonbox{ float:right; width:200px; margin-top:-5px;}


.scan{ position:fixed; bottom:10px; left:10px; width:140px; background:#fff;l}

#thumbs,#superbgimage{ display:none;}