@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html{ font-family:"微软雅黑"; font-size:13px;}
body{ margin:0; padding:0; background-color:#dbdee1;overflow-y: scroll;overflow:-moz-scrollbars-vertical; }

div,header,footer,section,table,ul,ol,dl,pre,span,font,a,li,h1,h2,h3,h4,h5,h6{padding:0;margin:0;-webkit-text-size-adjust: none}
ul,ol,dl,li,dd,dt,i{ list-style:none; font-style:normal;}
a{
	font-style: normal;
	text-decoration: none;
	color:#231815;
}
header,
footer{ width:100%;}
section{ width:1200px; margin:0 auto;}
img{ border:none; max-width:100%;}
.cls{ clear:both;}
.left{ float:left;}
.right{ float:right;}


header{background-color:#f7fdf1;  }
.logo{background-image:url(../image/logo.png); background-repeat:no-repeat; width:350px; height:50px;  float:left;}
.logo>a{width:350px; height:50px; display:block;}
 header{position:fixed; z-index:99; padding-top:19px;}


/* 菜单 */
.nav {float: left;
    padding-top: 15px;
    text-align: right;
    width: 850px;}
.nav ul {padding:0; margin:0; list-style-type: none;}
.nav ul li { display:inline-block; text-align:center; }
.nav>ul>li{padding-left:60px;}
.nav>ul>li>a {font-size:17px; color:#7b7b7b; line-height: 40px;display:inline-block;width:80px;}
.nav>ul>li>div {display: none; left:0; width:100%; text-align:right; position:absolute; z-index:1000; background-color:rgba(233,235,237,0.8); }
/* specific to non IE browsers */
.nav>ul>li:hover>a {/*color:#ec563e;*/ }
.nav>ul>li>a.on{/*color:#ec563e;*/}
.nav>ul>li:hover>a>span,.nav>ul>li>a.on>span{background-image:url(../image/curr_ico2.png); background-repeat:no-repeat; width:74px;height:14px; display:block; position:absolute; z-index:1001; background-position:center 0px;}
.nav>ul>li:hover>div {  display:block;}
.nav>ul>li>div>ul{ display:block; width:1200px;margin:0 auto;}
.nav>ul>li>div>ul>li>a {color:#898989; padding:0 15px; font-size:14px; line-height:40px;}
.nav>ul>li>div>ul>li:hover {color:#898989; background-color:#e3e3e5;}
.nav>ul>li>div>ul>li{ border-right:thin #dadee1 solid; display:inline-block; margin-right: -3px;}
.nav>ul>li>div>ul>li:last-child{ border-right:none;}
.nav_yinxiang>ul>li:last-child{ margin-right:185px;}



.zuji{ width:100%; position:relative; padding-top:74px;background-image:url(../image/zuji_bg.jpg); background-position-x:center;background-position-y:74px; }
.zuji_txt{ position:absolute; z-index:1; width:100%; }
.text_box{ width:508px; padding-top:58px;}
.text_box h5{
	font-size: 24px;
	color:rgba(255,8,0,0.35);
	font-weight: 100;
	font-style: normal;
	text-decoration: blink;
}
.text_box h3{ font-size:40px;color:#ff0800;font-weight:normal;}
.text_box h4{ font-size:24px;color:#f15a44;font-weight:normal;}
.text_box p{ margin-top:40px; line-height:2em;font-size:16px; text-align:left;}
.text_box .p5{margin-top:750px;}
.zuji img {width:100%;}

.ous_map{ width:1200px; margin:0 auto;}
.ous_map .text_box{ width:423px;}
.ous_contact{ width:1200px; margin:0 auto;}
.ous_contact li{ float:left;color:#3e3a39; font-size:16px; line-height:24px; padding:0 28px; text-align:left;}
.ous_contact li.font24{ font-size:24px;}
li.font24>span{ padding:0 20px;}


#section0{background-color: rgb(244, 247, 247);
    text-align: center;
    background-size:cover;
    background-repeat: no-repeat;
    background-image: url(../image/ous_page01_bg.jpg);
    padding-top: 120px;
    padding-bottom: 0px;background-position-y: 10px;}
#section1{ padding-top:60px; padding-bottom:135px;background-color:#f4f7f7;}
#section2{ padding-top:24px; padding-bottom:70px;}


footer{margin-top: 20px;}
footer>section>span{ padding-right:2em; padding-top:5px; padding-bottom:5px;}

.zuji_img {
    position: relative;
	margin:0 auto;
	width:1221px;
}
.top1 {
    position: absolute;
    padding-top:100px;
	top:0;
    right: 5%;
}

div#yinxiang {
    right:200px;
   
}
.linian{ background-image:url(../image/bj01.jpg); background-repeat:repeat-x; background-position-y:74px;}


#linian{ background-image:url(../image/linian_bg.jpg); background-repeat:repeat-x; height:734px; width:100%; min-width:1555px;list-style: none;}

 /* images with caption */
 #linian img {
  height: 100%;
 }
 /* position the panels so the captions appear correctly */
 #linian .panel { position: relative; }
 /* captions */
 #linian .caption-top, #linian .caption-right,
 #linian .caption-bottom, #linian .caption-left {
  
  color: #fff;
  padding: 10px;
  margin: 0;
  position: relative;
  z-index: 10;
  
  
 }
 /* Top caption - padding is included in the width (480px here, 500px in the script), same for height */
 #linian .caption-top {
  left: 0;
  top: 0;
  width: 480px;
  height: 30px;
 }
 /* Right caption - padding is included in the width (130px here, 150px in the script), same for height */
 #linian .caption-right {
  right: 0;
  bottom: 0;
  width: 130px;
  height: 180px;
 }
 /* Bottom caption - padding is included in the width (480px here, 500px in the script), same for height */
 #linian .caption-bottom {
  left: 5%;
  bottom: 5%;

 }
 /* Left caption - padding is included in the width (130px here, 150px in the script), same for height */
 #linian .caption-left {
  left: 0;
  bottom: 0;
  width: 130px;
  height: 180px;
 }


.yinxiang{ width:1200px; margin:auto; padding-top:74px;}
.y_banner{ position:relative; height:558px;}
.y_title {
    position: absolute;
    top: 45px;
    left: 56px;
	color:#3e3a39;
}
.y_title>p{font-size:14px; }
.y_title>h3{    font-size: 30px;
    font-weight: 100;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    display: inherit;}

@media all and (max-width:1200px){
	header{position:inherit;
    z-index:inherit;
    padding-top:inherit}
	section { width:990px;}
	.logo,.logo>a{ width:200px;}
	.nav{ width:790px;}
	.yinxiang{ width:990px;}
	.y_banner{ height:457px;}
	.zuji_img{ width:990px;}
	.text_box {width: 408px;}
	.text_box .p5{margin-top: 400px;}
	.ous_map{ width:990px;}
	img.left{ width:650px;}
	.ous_map .text_box{width:330px;padding-top:inherit;}
    .ous_map .text_box p{ margin-top: 15px;}
	footer>section>span {font-weight: 200;}
}