/*css初始化*/

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;font:12px"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;font-size:12px;}
body{font:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;background:#fff;-webkit-text-size-adjust:100%;height:100%;min-width:1000px;  background:url(../img/maincontent-bg.png) repeat;font-size:13px;line-height:15px;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
a{color:#231f20;text-decoration:none}
a:hover{color:#000000;text-decoration:none}
em{font-style:normal}

li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
hr{height:1px;border:none;border-top:1px solid #555555;}
h5{font-size:13px;line-height:18px;}
h5.title{color:#487788;}

/*-- end --*/
div.announce_block{
   height:20px;
   width:100%;
   display:block;
   background:#4D4D4D;
   position:absolute;
   overflow:hidden;
   top:75px;
   line-height:20px;

}
div.announce{
   height:20px;
   width:1000px;
   display:block;
   position:relative;
   overflow:hidden;
   color:white;
   margin-left:auto;
   margin-right:auto;
}
div.announce a{
   color:white;
   margin-left:10px;
   margin-right:10px;
}
div.welcome{
   height:auto;
   width:100%;
   background-size:100%;
   display:block;
   position:absolute;
   overflow:hidden;
   top:95px;
   z-index:999;

}
div.banner{
   position:relative;
   height:400px;
   width:100%;
   overflow:hidden;
   background:url(../img/texture_light.jpg) repeat;
}
.scontainer, .scontainer *{margin:0; padding:0;}

.scontainer{width:1350px; height:400px; overflow:hidden;position:relative;margin-left:auto;margin-right:auto;}
.sslider2{width:400%;}
.sslider{position:absolute;}
.sslider  li{ list-style:none;display:inline; width:25%; height:400px;	}
.sslider li img{ width:1350px; height:400px; display:block; }


.sslider2 li{float:left;}

.snum{ position:absolute;top:10px; right:10px;}
.snum li{
	float: left;
	color: #FFFFFF;
	opacity:0.7;
	text-align: center;
	line-height: 8px;
	width: 8px;
	height: 8px;
	border:solid;
	border-radius:50px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 3px;
	border: none;
	background-color: #fff;

}
.snum li.on{
	color: #fff;
	line-height: 12px;
	width: 12px;
	border:solid;
	border-radius:50px;
	height: 12px;
	font-size: 16px;
	margin: 1px 3px;
	border: 0;
	background-color: #bbbbbb;
	font-weight: bold;
}
div.shcontain-top-bar{
   position:fixed;
   top:0;
   width:100%;
   background: #FFFFFF;
   border-color:#222222;
   user-select:none;
   min-width:1000px;
   z-index:3005;
  
}
nav#shtop-bar{
   position:relative;
   overflow:hidden;
   height:75px;
   background:none repeat scroll 0 0 #FFFFFF;
   line-height:80px;
   width:100%;
   border-bottom:1px solid;
   border-color:#f2f2f2;
  
}


span.subtitle:hover:after{
position:absolute;

top:20px;
content:attr(data);
font-size:12px;
}
span#subHome:after{
margin-left:-30px;
}
span#subIntro:after{
margin-left:-62px;
}
span#subBusiness:after{
margin-left:-57px;
}
span#subMana:after{
margin-left:-68px;
}
span#subMCul:after{
margin-left:-53px;
}
span#subCon:after{
margin-left:-60px;
}


div.menu{
   width:1000px;
   margin-left:auto;
   margin-right:auto;
   height:75px;

}
  .right-english{
    position: relative;
	display: inline-block;
	outline: none;
	color: #000;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.0em;
	margin-top:-30px;
	font-size:12px;
	float:right;
	width:550px;
    padding-left:20px;
  }
  #nav2{margin-left:20px;}
  #nav3{margin-left:20px;}
  #nav4{margin-left:20px;}
  #nav5{margin-left:27px;}
 nav.right-english a{
    width:auto;
	display:inline-block;
	text-align:center;
	margin-left:12px;
	margin-right:10px;
 }
 nav.right-english a:hover,
nav.right-english a:focus {
	outline: none;
	color:#000000;
}
div.shcontain-top-bar{
   z-index:3002;
}

nav#shtop-bar ul{
position:absolute;
right:0;
   list-style:none;
   line-height:78px;
   font-size:15px;
   color:#231f20;
   float:left;
   
   background:none repeat scroll 0 0 #FFFFFF;

}
div.title-area
{
width:440px;
 float:left;

}
div.companyname
{
   color:#000;
   float:left;
   font-size:11px;
   line-height:15px;
   font-weight: 400;
   margin-top:23px;
   margin-left:10px;
   
}
div.companyname span{font-size:16px;}
div.logo img{
float:left;
   width:auto;
   height:40px;
   margin-top:13px;
}

section.shtop-bar-section{
   position:relative;
   width:auto;
   margin: 0 0 0 50px;
}
nav.menuright a {
	position: relative;
	display: inline-block;
	
	outline: none;
	color: #000;
	
	
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
	text-decoration:none;
	
}

nav.menuright a:hover,
nav.menuright a:focus {

   
	outline: none;
	color:#000000;
}

.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	color:#000000;
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	color:#000000;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
div.slider-pic{
   width:100%;
   height:400px;
}


div.slider-fake-pic-logo{
   width:180px;
   margin-left:auto;
   margin-right:auto;
   padding-top:60px;
}
div.slider-pic-logo{
   background:rgba(51,51,51,0.6);
   border-radius:100px;
   height:180px;
   width:180px;
   box-shadow:2px 2px 0px 0px #555555;
   transform:rotate(0deg);
   transition: all 1s;
   -moz-transition:all 1s; 
   -webkit-transition:all 1s; 
   -o-transition:all 1s;
}
div.slider-pic-logo img{
   height:auto;
   margin:auto;
   padding-top:60px;
}
div.slider-pic-logo:hover{
   box-shadow:2px 2px 3px 0px #555555;
   transform:rotate(15deg);
   transition: all 1s;
   -moz-transition:all 1s; 
   -webkit-transition:all 1s; 
   -o-transition:all 1s;
}
ul.right{
  float:left;
  width:auto;
}
ul.right li{
  float:left;
  margin:0 0 0 2px;
  width:80px;
  text-align:center;
  letter-spacing:1px;
  background:none repeat scroll 0 0 #FFFFFF;
}
.banner img{

  width:auto;
  height:400px ;
}

div.header-fake-content{
  position:relative;
  width:100%;
  height:460px;
  z-index:-1;
}
div.mainblock{
  background:rgba(255,255,255,0.4);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF);
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  border:2px solid rgba(242,242,242,0.4);
  height:auto;
  padding-bottom:50px;
  z-index:3000;
  position:relative;
  margin-bottom:10px;
  box-shadow:0px 3px 3px 3px rgba(74,74,74,0.3);
  color:#231f20;
  
}
div.mainblock{
  border:2px solid #c6c6c6\9\0;
 
}

:root .mainblock{
  border:2px solid rgba(242,242,242,0.4); /*for ie9*/
}
span.block-title{
 display:block;
 height:30px;
}
span.block-title h3{
  font-size:15px;
}

div.news{
  width:620px;
  height:auto;
  position:relative;
  margin-left:20px;
  margin-top:15px;
  color:#231f20;
  float:left;
}
div.news-block{
   width:610px;
   height:280px;
   overflow:hidden;
   display:block;
}
span.news-block-name{
 height:280px;
 float:left;
}
span.news-block-name img{
 width:180px;
 height:auto;
 margin-top:100px;
 margin-left:10px;
}
div.news-list{
  float:left;
  width:380px;
  height:280px;
  margin-left:20px;
  margin-right:20px;
  margin-top:20px;
}

div.news-list ul li{
  margin-bottom:2px;
}
div.news-list span{
  float:right;
  color:#b60000;
}
.clearfloat:after{
  display:block;
  clear:both;content:"";
  visibility:hidden;
  height:0;
 }

div.file{
  width:330px;
  margin-top:15px;
  margin-left:20px;
  height:auto;
  float:left;
}
div.file ul li{font-size:16px;color:#0a2240;}
div.file-block{
   width:325px;
   height:540px;
   overflow:hidden;
   display:block;
   margin-top:-10px;
}
div.link-block2{
   height:340px;
}

div.file-block-name{
  float:right;
  font-size:15px;
  padding-bottom:2px;
}
div.file-list{
   margin-left:20px;
   margin-top:-10px;
}
div.file-list ul{
  list-style:none;
}
div.file-list ul li{
  list-style:none;
  margin-top:2px;
  
}

div.file-list ul li a{
  float:left;
}
div.file-list span{
  margin-top:20px;
  float:right;
  color:#b60000;
}
div.link-list2{
  width:325px;
  margin-left:2px;
  margin-top:-15px;
}
div.link-list2 ul li{
  height:50px;
  width:305px;
  margin-left:5px;
  margin-top:2px;
  list-style:none;
   float:left;
   text-align:center;
}
div.link-list2 ul li img{width:305px;height:50px;padding:0 0 0 0;}

div.advertising{
  width:950px;
  margin-left:24px;
  margin-right:25px;
  padding-bottom:15px;
  background:url(../img/moon-1.jpg) repeat;
  height:270px;
  float:left;
  box-shadow:0px 0px 6px 4px rgba(100,100,100,0.4) inset;
}
div.advertising-info{
  float:left;
  width:390px;
  margin-left:10px;
}
div.advertising-resume{
  float:left;
  width:400px;
  margin-left:40px;
  margin-top:20px;
  font-size:40px;
  
}
div.advertising-title{
  color:#633d21;
  font-size:40px;
  line-height:42px;

}

div.advertising-resume-box{
  color:#FFFFFF;
  margin-top:5px;
  font-size:12px;
}
li#address{
  color:#231f20;
  margin-bottom:10px;
  font-size:15px;
}
div.advertising-resume-box ul li.name{
  color:#633d21;
  margin-top:2px;
  font-size:12px;
}

div.link{
  width:100%;
  height:auto;
  position:relative;
}
div.footer_bg{
  display:block;
  position:absolute;
  bottom:0px;
  width:100%;
  height:600px;
  overflow:100%;
  background:url(../img/footer-bg.jpg);
  background-size:100% 100%;
  z-index:-1;
}
div.friendly-link{
  width:1000px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
}
div.friendly-link-title{
  width:1000px;
  text-align:center;
}
div.link-list{
  width:1000px;
  text-align:center;
}
div.link-list a{
  margin:0 5px 0 5px;
  
}

div.copyright{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  background:#333333;
  color:#FFFFFF;
}
div.copyright span{
  margin-left:10px;
  margin-right:10px;
}
div.copyright span a{
  color:#fFFFFF;
}
div.copyright span a:hover{
  color:#000000;
}

div#container_popup{
  position:fixed;
  width:100%;
  height:100%;
  background:url(../img/popup-bg.png) repeat 0 0;
  z-index:3500;
  bottom:0px;
  display:none;
}
div#c_pop_container{
  position:fixed;
  width:100%;
  height:100%;
  background:url(../img/popup-bg.png) repeat 0 0;
  z-index:3500;
  bottom:0px;
  display:none;
}
div#popup_map{
  position:relative;
  z-index:3501;
  width:910px;
  height:500px;
  background:#FFFFFF;
  margin-left:auto;
  margin-right:auto;
  margin-top:100px;
  box-shadow:0px 0px 10px #222222;
  display:none;
}
div#c_pop{
  position:relative;
  z-index:3501;
  width:1000px;
  height:85%;
  background:#FFFFFF;
  margin-left:auto;
  margin-right:auto;
  margin-top:80px;
  box-shadow:0px 0px 10px #222222;
  display:none;
}

span#close_popup{
  position:absolute;
  right:10px;
  top:10px;

}
span#close_popup:hover{
  opacity:0.5;
  transition:0.3s all;
}
div#container_iframe{
  position:absolute;
  width:830px;
  height:420px;
  left:40px;
  top:30px;

}
div#c_pop div#container_iframe{
  position:absolute;
  width:910px;
  height:90%;
  left:40px;
  top:30px;
  overflow-x:hidden;
  overflow-y:visible;
  border:solid 1px #b2b2b2;

}
div#container_iframe img{
  display:block;
  width:100%;
  height:auto;
}
div#container_float_img{
  position:fixed;
  left:80px;
  top:140px;
  z-index:3499;
  box-shadow:0px 3px 3px 3px rgba(74,74,74,0.3);
  border:1px solid #acacac;
  display:none;

}
div#float_img img{
  position:fixed;
  left:0px;
  top:160px;
  z-index:3499;
}

/*--------------------------------subfield--------------------------------------------*/

/* dynamicpage*/

div.pagetopbanner{
position:absolute;
top:75px;
width:100%;
height:78px;
background: url(../img/dynamicpagebk.png);
background-color:#000000;
text-align:center;
text-shadow:1px 1px 1px #555555;
color:#ffffff;
line-height:16px;
font-size:20px;
padding-top:25px;
background-position: center center;
}
div.pagetopbanner span{
font-size:14px;
}
div.pagecontents{
position:absolute;
top:140px;
width:100%;
height:auto;

}
div.pagecontents2{
position:relative;
padding-top:140px;
width:100%;
height:auto;

}
div.pagecenter{
margin-left:auto;
margin-right:auto;
width:1000px;
height:auto;
margin-top:20px;
min-height:800px;

}
.version2{
margin-left:240px;
padding-bottom:50px;
background:rgba(255,255,255,0.4);
border:1px solid rgba(85,85,85,0.4);
position:relative;
display:block;
margin-bottom:20px;
}

div.pageright{
width:760px;
height:auto;
min-height:800px;
margin-left:220px;
margin-top:-200px\9\0;  /*for ie8&ie9*/
padding-bottom:50px;
background:rgba(255,255,255,0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF);
}
div.pageright2{
margin-top:-350px\9\0;
}

:root .pageright{
margin-top:0px\9; /*for ie9*/
}

.pageright hr{
   height:1px;border-top:1px solid #e2e2e2;
}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}

.effect6
{
  	position:relative;
	border:1px solid rgba(85,85,85,0.4);
	text-align:center;
	font-size:10px;
	width:200px;
	height:50px;
}

.effect7{
  	position:relative;
	border:1px solid rgba(85,85,85,0.4);
}
.panel-content-title-block{
   width:100%;
   height:60px;
   margin-top:15px;
   background:url(../img/title-bg.png)  repeat 0 0;
}
.panel-content-title{
  width:600px;
  float:left;
  margin-top:10px;
  margin-left:20px;
}

.panel-content-title span{
  font-size:20px;
  color:#487788;
}
.panel-content{
  width:700px;
  margin-left:20px;
  margin-right:auto;
  line-height:20px;
}


.panel-content2{
  width:940;
  margin-left:30px;
  margin-right:30px;
  margin-top:20px;
  line-height:20px;

}
.panel-content2 img{
  float:left;
  padding:0 20px 20px 0;
}

.panel-content ul{
  
}
.panel-content ul li{
   list-style:disc;
   margin-bottom:5px;
   font-size:14px;
}
.contact_info ul li{
 list-style:none;
}
.panel-content img{
  float:left;
  padding:0 20px 20px 0;
}

.pagination-block{
width:740px;
margin-left:20px;
margin-top:40px;
padding-left:200px;
}
.footer-block{
 position:relative;
 margin-top:auto;
}
span#map{
  margin-right:320px;
  margin-top:-10px;
  float:right;
}
.title_icon{
  float:left;
  margin-top:7px;
  margin-right:10px;
  width:22px;
  height:auto;
}

/*------------------------ 企业----------------------------*/
div.container_certification_block{
  display:block;
  float:left;
  width:220px;
  height:250px;
  margin-right:13px;
  margin-bottom:20px;
}
div.certification_block{
  display:block;
  width:220px;
  height:250px;
  background:#ffffff;
  border:2px solid rgba(242,242,242,0.4);
  box-shadow:0px 2px 2px 2px rgba(74,74,74,0.3);
  transition:all 0.5s;
}
div.certification_img{
  border:2px solid rgba(242,242,242,1);
  width:80%;
  height:150px;;
  margin-left:10%;
  margin-top:10%;
  display:block;
  overflow:hidden;

}
div.certification_block span{
  width:100%;
  display:block;
  text-align:center;
  font-size:14px;
}
div.certification_block:hover{
  border:2px solid rgba(242,242,242,0.4);
  box-shadow:0px 2px 2px 4px rgba(72,119,136,0.5);
  width:225px;
  margin-top:-10px;
  transition:all 0.5s;

}
#cer5{  background:url(../img/certification/cer5.jpg);   background-size:100% auto;}
#cer4{  background:url(../img/certification/cer4.jpg); background-size:100% 100%;}
#cer3{  background:url(../img/certification/cer3.jpg); background-size:100% 100%;}
#cer1{  background:url(../img/certification/cer1.jpg); background-size:100% 100%;}
#cer2{  background:url(../img/certification/cer2.jpg); background-size:100% 100%;}
#cer11{  background:url(../img/certification/cer11.jpg); background-size:100% 100%;}
#cer10{  background:url(../img/certification/cer10.jpg); background-size:100% 100%;}
#cer12{  background:url(../img/certification/cer12.jpg); background-size:100% 100%;}
#cer9{  background:url(../img/certification/cer9.jpg); background-size:100% auto;}
#cer8{  background:url(../img/certification/cer8.jpg); background-size:100% auto;}
#cer7{  background:url(../img/certification/cer7.jpg); background-size:100% auto;}
#cer6{  background:url(../img/certification/cer6.jpg); background-size:100% auto;}

/*----------------证书-----------------*/
div.innovation_block{
  display:block;
  position:relative;
  width:660px;
  height:auto;
  float:left;
  margin-top:50px;
  
}
div.innovation_block hr{margin-top:3px;}
div.innovation_img{float:left; width:auto;border:double #b2b2b2 4px;overflow:hidden;}
div.innovation_img img{padding:0 0 0 0;display:inline-block;width:200px;height:auto;}
div.innovation_block span{color:#487788;font-size:16px;}
div.innovation_description{
  display:block;
  width:400px;
  height:auto;
  margin-left:40px;
  margin-top:60px;
  float:left;
}
div.innovation_description2{margin-left:0px;margin-right:40px;}
div.office_description{margin-top:15px;}
div.innovation_first{
  margin-top:0px;
}

/*----------------某评-------------------*/
div.branch_block{
  display:block;
  position:relative;
  float:left;
  width:660px;
  height:auto;
}

div.branch_block span{font-size:14px;display:inline-block;margin-bottom:20px;float:left;}
div.branch_block span.HQ{font-size:15px;font-weight:bold;color:#487788;}
div.branch_block span.b_des{float:left;display:none;border:solid 0px;border-radius:8px;margin-left:30px;background:#b2b2b2;width:550px;height:auto;}
div.branch_block span.b_des span{width:500px;font-size:14px;color:#FFFFFF;margin-left:20px;margin-top:10px;}

a.more{color:#c3160c;}

.word_iframe_block{
  width:938px;
  background:white;
  height:800px;
}
.Technology_word_iframe_block{
  margin-top:30px;
  background:white;
  width:730px;
  height:6100px;
}
.Culture_word_iframe_block{
  background:white;
  width:730px;
  height:2650px;
}