@charset "UTF-8";

/*公共类*/
* {
	padding:0px;
	margin:0px auto;
	font-size:16px;
	font-family:"宋体";
	list-style-type: inherit;
}
html, body {width:100%; padding:0; margin:0;}

body {
  font-family:"宋体";
  line-height: 1.8;
  font-size: 1rem;
  color: #000;
  background-color:#cacaca;
  -webkit-user-select: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  outline: 0; }

h2 {
	font-size:1.5rem; font-weight:bold;
}
 h1 {
	font-size:1.2rem; font-weight:bold;
}
  
a {
	color:#4f4f4f;
	text-decoration:none;
}
 a:hover,span a:hover,#top a:hover{
	 background-color:#fdd901;
	 color:#002667;
}

.clear {
	height:2;
	line-height:0;
	font-size:0;
	clear:both;
	overflow:hidden;
	display:block;
}
.f_left {
	float:left;
}
.f_right {
	float:right;
}

/*主体*/

#wrapper {
	width:99%;
	margin:0 auto;
	background:#FFF;
}


footer{ width:100%;padding:15px 0; background:#cacaca;}
footer p{ text-align:center; font-size:16px; color:#002667;}
footer .pc a{ background:url(../../images/logo.png) no-repeat; width:80px; line-height:50px; color:#fff; padding-left:60px;}

.nav {background: rgba(0,38,103,.4);}
.nav li{width:33.333%;float:left;text-align:center;}
.nav li a{ line-height:60px; color:#fff; font-size:1.2rem;}

.head{ width:99%; height:45px; background:#002667; position:fixed; left:0; top:0; z-index:999; text-align:center; color:#FFF;vertical-align:middle; padding-top:5px;}
.head .back,.head em,.head span{ display:inline-block; *display:inline; zoom:1; line-height:45px; color:#FFF;}
.head .back{ position:absolute; right:1%; top:0; padding-left:1%;font-size:1.4rem; vertical-align:middle; padding-top:5px;}
.head span{ width:10%; background:url(../../images/icon1.png) no-repeat center center; position:absolute; left:1%; top:0; cursor:pointer;}
.head #nav{width:30%;position:absolute; left:1%; top:50px; text-align:center; display:none;background: rgba(0,0,54,.6);}
.head #nav a{ display:block;text-align:center; font-size:1.2rem; color:#FFF;}

#gallery ul {
	margin:24px auto;
	width:96%; 
	
}
#gallery ul li {
	padding:10px 0;
	font-size:1.6rem; text-align:center;
	list-sytle:none;}

#gallery ul li:nth-child(even) {
	background:#fdd901; 
}
 li{
list-style:none; 
}

#gallery ul li img {
  /*Flexible image size with border*/
	max-width:200px;
width:expression_r(this.width>200?"200px":this.width);
max-height:180px;
height:expression_r(this.height>180?"180px":this.height);
	padding: 4px;
	background:#fff;
	margin: 0 auto;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation IE 6/7 */
	}
	
main {
	width:98%; 
    margin:70px 5px 2px 5px;
    padding:2px; background-color:White;
}

main .wz {
	text-align:left;
	padding:10px;
	font-size:1.4rem; 
	color:#002667; font-weight:bold;
}

#indexNav {
 width:100%;
}
#indexNav li{
 	text-align: center;
	padding:5px;
	margin:10px; background-color:#fdd901;
}
 #indexNav  a{
font-size:1.6rem;
color: #002667; 
font-weight:bold;
}

#indexNav  li:hover{
	 background-color:#002667; color: #FFF;
}

.main_box {
width:99%; padding:20px 2px; margin:20px 2px; text-align:center;
}
.main_box header{
 padding:10px 2px;
}
.main_box h2:nth-child(odd) {
	background:#f8b600;
}
.main_box img {width:95%; max-width:420px;}
.main_box a:hover {color:#8B151B} 
   
.pr li{  padding:10px;
   font-size: large;
 }
p{
	padding:0 20px;
	line-height:20px;
}
main .imgtype {
	float:left;
	width:150px;
	max-height:150px; vertical-align: middle;
}

h1,h2:nth-child(odd) {
	color:#002667;
}	
main  .color-cheng{ background: #f8b600;}
main  .color-fen{ background: #f5bbca;}
main  .color-huang{ background: #fdd901;}
main  .color-lv{ background: #359f6f;}
main  .color-zi{ background: #8f58ad;}
main  .color-lan{ background: #002667;}
main  .color-grey{ background: #cacaca;}
#ydprojects {
	border-style:double;
	border-width:4px;
	width:99%; 
	
}
#ydprojects .pr {
	width:98%;
	margin:10px 0 0 15px;
	text-align:center;
}

#ydprojects .content {	
	margin:5px 0 10px 8px;
}

#ydprojects .content ol {
	font-size:1.6rem;
	padding:5px 0 5px 0;
	font-family: "SimHei";
	color:#8B151B;
}

#ydprojects .content li {
	float:left;
	padding:8px;
	display:inline;
}
#ydprojects .content li img {
	width:212px;
	height:142px;
}

#ydprojects  ol {
	font-size:20px;
	padding:15px 0 0 35px;
	font-family: "SimHei";
}
#tbindex li { width:98%; margin:5px; padding:5px 2px;  border-bottom-style:dashed; border-bottom-width:1px; border-bottom-color:Gray;}
.hr_list {
	width:90%;
	padding:10px;

}
.hr_list p{ font-size:1.1rem; color:Blue;}

.content_section{width:99%;}
.videoBg {

            height: auto;
            max-height: 100%;
             position: absolute;
             top:5px;

}

 #mp4{
           margin-left:2px;
            height: auto;
            border: black solid;
            text-align:center;
              display: block;
            font-size:0; position: relative;

        }
   

.lanmuMenu ul {
	margin:24px auto;
	width:96%; 
	
}
.lanmuMenu ul li {
	padding:10px;
	font-size:1.6rem; text-align:center;
 float:left;width:30%;border:solid;}

.lanmuMenu ul li:nth-child(even) {
	background:#fdd901; 
}
.bj {
	width:40%;
	height:40px;
	border-style:solid;
	margin:10px 20px 0px 20px;
	background-color:#fdd901;
	text-align:center;
	padding:5px 0;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
@media only screen and (min-width: 900px) 
{
    .head em{font-size:1.4rem;}
   .head #nav{ width:10%;}
    #mp4 
    {
      width:900px;
       padding-left:2px;
     }

    .videoBg {
    max-width: 640px;  width: 80%;
    }
     .zxxImg { width:900px;}
    }
    @media only screen  and (min-width: 500px)  and (max-width: 800px) 
    {
      .zxxImg { width:780px;}  
      #mp4 
    {   
      width:720px;
       padding-left:10px;
     }

    .videoBg {
    max-width: 640px;  width: 100%;
    }
     .zxxImg { width:900px;}
    }
  @media only screen  and (min-width: 321px)  and (max-width: 500px) 
  {
       .head{ max-width:500px;}
    .head em{padding-left:0.5%;font-size:1rem;}

    .main_box img{
	 max-width:500px;}
       #mp4 
    {   
      width:480px;
       padding-left:1px;
       position:relative;
     }
       .videoBg {
      width:480px;
         position: absolute;
           top:0; 
    left: 0;
    }
      .zxxImg {max-width:380px;width:380px;} 
   }
 @media only screen  and (max-width: 320px) 
  {
   .head{ max-width:320px;}
    .head em{padding-left:0.2%;font-size:1rem;}
    .main_box img{
	 max-width:320px;}
    #mp4 
    {
      width:98%;
      max-width:320px;
      max-height:4000px;
     }
       .videoBg {
    max-width: 320px;  width: 320px;
    }
    .zxxImg {max-width:300px;width:300px;}

   }