@charset "utf-8";
@media screen and (max-width:1280px)
{
#left{ width:223px; float:left;line-height: 23px;padding-left: 1%;}
#headcon {width: 1180px; }
.logo{ padding-left:0px; }
.HDbg{padding-right:4px;  }
#navgationcon {width: 1179px; }
#nav a{padding:0px 45px 0px 45px;}
#indexmaincon {width: 1180px;}
.fourLargeOfPro .fourLargeOfProimg {width: 295px; height:273px; text-align:center  }
.fourLargeOfPro .fourLargeOfProimg img {width: 290px; height:273px;  }
.fourLargeOfPro .fourLargeOfProTitle {width: 295px; height:40px; line-height:40px;  margin-top:-37px; text-align:center;}
.fourLargeOfPro .fourLargeOfProTitle  A{width: 290px; height:39px;    }

#indexaboutcon { width: 1180px;  }
.indexaboutprofile {width: 59%;  }
#indexthreecon {width: 1180px;  }
.indexthree_fenkuai {width: 393px; height:223px; }
.indexthree_fenkuai  .indexthree_fenkuaicon{  width:390px; height:223px; text-align:center; margin-left:3px; display:inline; border:0px;  }
.indexthree_fenkuai  .indexthree_fenkuaicon img{width:388px; border:#FFFFFF 1px solid; }
.indexthree_fenkuai  .indexthree_fenkuaiTitle{ padding-left:1px;width: 389px; height:90px; line-height:90px;  margin-top:-110px; margin-left:3px; }
.indexthree_fenkuai  .indexthree_fenkuaiTitle img{width:388px;}

.indexthree_fenkuai  .indexthree_fenkuainewscon{border:#FFFFFF 1px solid; width:340px; height:221px; background-image:url(../images/indexthree_news.jpg); text-align:left; padding-top:20px; padding-left:25px; font-size:14px; line-height:130%; color:#555555; padding-right:10px; margin-left:9px;}
.indexthree_fenkuai  .indexthree_fenkuainewscon  A{font-family:"Arial"; font-size:18px; color:#000000;  TEXT-DECORATION: none;  line-height:180%; }
.indexthree_fenkuai  .indexthree_fenkuainewscon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews{padding-left:1px;width: 377px; height:90px;margin-left:9px; line-height:90px;  margin-top:-130px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews img{width:377px;}

.indexthree_fenkuai  .indexthree_fenkuaiculturecon{border:#FFFFFF 1px solid; width:340px; height:221px; background-image:url(../images/indexthree_culture.jpg); text-align:left; padding-top:20px; padding-left:25px; font-size:14px; line-height:130%; color:#555555; padding-right:10px; margin-left:9px;}
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A{font-family:"Arial"; font-size:18px; color:#000000;  TEXT-DECORATION: none;  line-height:180%; }
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture{padding-left:1px;width: 377px; height:90px;margin-left:9px; line-height:90px;  margin-top:-130px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture img{width:377px;}
#indexnewslettercon {width: 1180px; }
#botcon {width:1180px; }
#copyrightcon {width:1180px; }
#maincon .classlist{ width:74%;}
}

@media screen and (max-width:1024px)
{
#headcon {width: 1002px; }
.logo{ padding-left:20px; }
.HDbg{padding-right:4px;  }
#navgationcon {width: 1000px; }
#nav a{padding:0px 35px 0px 35px;}
#indexmaincon {width: 1002px;}
.fourLargeOfPro .fourLargeOfProimg {width: 240px; height:225px; text-align:center; padding-left:5px;  }
.fourLargeOfPro .fourLargeOfProimg img {width: 240px; height:225px;  }
.fourLargeOfPro .fourLargeOfProTitle {width: 240px; height:40px; line-height:40px;  margin-top:-37px; text-align:center; padding-left:5px; }
.fourLargeOfPro .fourLargeOfProTitle  A{width: 240px; height:39px;    }

#indexaboutcon { width: 1002px;  }
.indexaboutprofile {width: 50%; font-size:14px;  padding:20px 40px 0px 35px;  }
#indexthree {padding-top:30px;padding-bottom:10px;}
#indexthreecon {width: 1002px;  }
.indexthree_fenkuai {width: 333px; height:223px; }
.indexthree_fenkuai  .indexthree_fenkuaicon{  width:330px; height:223px; text-align:center; margin-left:3px; display:inline; border:0px;  }
.indexthree_fenkuai  .indexthree_fenkuaicon img{width:328px; border:#FFFFFF 1px solid; }
.indexthree_fenkuai  .indexthree_fenkuaiTitle{ padding-left:1px;width: 329px; height:90px; line-height:90px;  margin-top:-80px; margin-left:3px; }
.indexthree_fenkuai  .indexthree_fenkuaiTitle img{width:328px; height:61px; }

.indexthree_fenkuai  .indexthree_fenkuainewscon{border:#FFFFFF 1px solid; width:280px; height:168px; background-image:url(../images/indexthree_news.jpg); text-align:left; padding-top:20px; padding-left:25px; font-size:12px; line-height:130%; color:#555555; padding-right:10px; margin-left:9px;}
.indexthree_fenkuai  .indexthree_fenkuainewscon  A{font-family:"Arial"; font-size:14px; color:#000000;  TEXT-DECORATION: none;  line-height:180%; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuainewscon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews{padding-left:1px;width: 317px; height:90px;margin-left:9px; line-height:90px;  margin-top:-80px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews img{width:317px; height:59px;}

.indexthree_fenkuai  .indexthree_fenkuaiculturecon{border:#FFFFFF 1px solid; width:280px; height:168px; background-image:url(../images/indexthree_culture.jpg); text-align:left; padding-top:20px; padding-left:25px; font-size:12px; line-height:130%; color:#555555; padding-right:10px; margin-left:9px;}
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A{font-family:"Arial"; font-size:14px; color:#000000;  TEXT-DECORATION: none;  line-height:180%; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture{padding-left:1px;width: 317px; height:90px;margin-left:9px; line-height:90px;  margin-top:-80px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture img{width:317px; height:59px;}

#indexnewslettercon {width: 1002px; }
.indexnewslettercon_Title {width: 38%; color:#FFFFFF; font-size:15px; line-height:180%; padding-right:30px;padding-left:20px; text-align:left; }

#botcon {width:1002px; }
.botabout {width: 20%; padding-left:20px; }
.botnav {width: 18%; }

#copyrightcon {width:1002px; }

#maincon{ max-width:1000px;}
#maincon .classlist{ width:73%;}

}

@media screen and (max-width:950px)
{
#nav {background: #f7971e; border-radius: 0px; border: 0px currentColor; top: 172px; width: 150px; right: 1%; display: none; position: fixed; z-index: 301; font-size:12px; }
#nav a {margin: 0px; padding: 0px; width: 140px; text-align: left; color:#FFFFFF; display: block; padding-left:10px; border-bottom:#fde5c7 solid 1px; height:30px; line-height:30px;}
#nav a:hover {background: #00539f; color:#FFFFFF; }
#nav a:last-child {border: 0px currentColor;}
#menuBtn {display: block;position:fixed}
#navgation { height:1px;}
.fourLargeOfPro {padding-bottom:20px;  }

#botcon {width:930px; }
.botabout {width: 40%;  padding:10px 0px; padding-left:30px; border-top:2px solid #cecece; padding-bottom:15px; padding-top:15px;}
.botnav {width: 30%; padding-left:30px; border-top:2px solid #cecece; padding-bottom:15px; padding-top:15px;}
#copyrightcon { padding-left:30px;}

.showBoxBorder .b_first{ width:30%}
.showBoxBorder .b_secound{ width:30%}

#headcon {width: 780px;    }
.logo{width:245px; text-align:center;   padding-left:5px;  }
.HDbg{width:526px; text-align:center; float:left; padding-top:45px;  border-top:#efefef solid 1px;  }
.HDbg A{font-family:"Arial"; font-size:12px; color:#666666;  TEXT-DECORATION: none; font-family:"Arial";  text-align:left;  height:25px; line-height:25px; padding-left:20px; display:inline; border-top:none; }
.HDbg A:hover{color:#f7971e; background-color:#f9f9f9;  }
.HDbg .HDbgnav {width:490px;  font-family:"Arial"; font-size:12px; color:#666666; text-align:right }
.HDbg .HDbgSearch { float:left;  width:290px; height:34px; text-align:left;padding-bottom:14px;  padding-left:200px;}

.fourLargeOfPro {padding-bottom:20px;  }


#indexmaincon {width: 780px;  }
.indexprotitle {width: 780px;  }
.fourLargeOfPro {width: 180px;  padding-left:7px; padding-right:8px;  }
.fourLargeOfPro .fourLargeOfProimg{width: 180px; height:168px; }
.fourLargeOfPro .fourLargeOfProimg img{width: 180px; height:168px }
.fourLargeOfPro .fourLargeOfProTitle {width: 180px; margin-top:-39px; }
.fourLargeOfPro .fourLargeOfProTitle  A{width: 180px;    }

#indexaboutcon {width: 780px;}
.indexabouttitle {width: 98%; margin-left:15px; }
.indexaboutprofile {width: 98%; text-align:left; clear:both; padding:20px; }
.indexaboutvideo {width: 500px; text-align:left; padding-top:8px; padding-left:140px;}
.indexaboutvideo img {width: 500px;}

#indexthree {background: url(../images/indexthreebg.jpg) repeat-x #ededed top; padding-bottom:10px; padding-top:30px;}
#indexthreecon {width: 780px; }
.indexthree_fenkuai {width: 250px;  padding-left:6px; padding-right:4px; height:150px;}
.indexthree_fenkuai  .indexthree_fenkuaicon{  width:240px; height:150px;}
.indexthree_fenkuai  .indexthree_fenkuaicon img{width:238px; border:#FFFFFF 1px solid;}
.indexthree_fenkuai  .indexthree_fenkuaiTitle{width: 238px; margin-top:-70px; padding-left:4px  }
.indexthree_fenkuai  .indexthree_fenkuaiTitle img{width:238px; height:66px;}

.indexthree_fenkuai  .indexthree_fenkuainewscon{border:#FFFFFF 1px solid; width:223px; height:125px; padding-top:10px; padding-left:10px; font-size:12px; line-height:110%; color:#555555; padding-right:5px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuainewscon  A{font-family:"Arial"; font-size:12px; color:#000000;  TEXT-DECORATION: none; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuainewscon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews{width: 238px;margin-top:-70px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews img{width:238px; height:66px; margin-left:-12px;}

.indexthree_fenkuai  .indexthree_fenkuaiculturecon{border:#FFFFFF 1px solid; width:223px; height:125px; padding-top:10px; padding-left:10px; font-size:12px; line-height:110%; color:#555555; padding-right:5px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A{font-family:"Arial"; font-size:12px; color:#000000;  TEXT-DECORATION: none; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture{width: 238px;margin-top:-70px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture img{width:238px; height:66px; margin-left:-12px;}


#indexnewslettercon { width: 780px; padding-bottom:20px; padding-top:20px;}
.indexnewslettercon_Title {width: 90%; text-align:left; padding-left:20px;   }
.indexnewslettercon_message {width: 90%; margin-left:20px;}
.indexnewslettercon_Email {width: 90%; margin-left:20px; } 

#maincon{ max-width:930px;}

#maincon .classlist{ width:69.5%;}
}

@media screen and (max-width:800px)
{
#nav {background: #f7971e; border-radius: 0px; border: 0px currentColor; top: 172px; width: 150px; right: 1%; display: none; position: fixed; z-index: 301; font-size:12px; }
#nav a {margin: 0px; padding: 0px; width: 140px; text-align: left; color:#FFFFFF; display: block; padding-left:10px; border-bottom:#fde5c7 solid 1px; height:30px; line-height:30px;}
#nav a:hover {background: #00539f; color:#FFFFFF; }
#nav a:last-child {border: 0px currentColor;}
#menuBtn {display: block; position:fixed}
#navgation { height:1px;}

.fourLargeOfPro {padding-bottom:20px;  }

#botcon {width:780px; }
.botabout {width: 100%; text-align:center;  padding:10px 0px; padding-left:30px; border-top:2px solid #cecece; padding-bottom:15px; padding-top:15px;}
.botnav {width: 100%; text-align:center; padding-left:30px; border-top:2px solid #cecece; padding-bottom:15px; padding-top:15px;}
#copyrightcon { padding-left:30px;}



#headcon {width: 780px;    }
.logo{width:245px; text-align:center;   padding-left:5px;  }
.HDbg{width:526px; text-align:center; float:left; padding-top:45px;  border-top:#efefef solid 1px;  }
.HDbg A{font-family:"Arial"; font-size:12px; color:#666666;  TEXT-DECORATION: none; font-family:"Arial";  text-align:left;  height:25px; line-height:25px; padding-left:20px; display:inline; border-top:none; }
.HDbg A:hover{color:#f7971e; background-color:#f9f9f9;  }
.HDbg .HDbgnav {width:490px;  font-family:"Arial"; font-size:12px; color:#666666; text-align:right }
.HDbg .HDbgSearch { float:left;  width:290px; height:34px; text-align:left;padding-bottom:14px;  padding-left:200px;}

.fourLargeOfPro {padding-bottom:20px;  }


#indexmaincon {width: 780px;  }
.indexprotitle {width: 780px;  }
.fourLargeOfPro {width: 180px;  padding-left:7px; padding-right:8px;  }
.fourLargeOfPro .fourLargeOfProimg{width: 180px; height:168px; }
.fourLargeOfPro .fourLargeOfProimg img{width: 180px; height:168px }
.fourLargeOfPro .fourLargeOfProTitle {width: 180px; margin-top:-39px; }
.fourLargeOfPro .fourLargeOfProTitle  A{width: 180px;    }

#indexaboutcon {width: 780px;}
.indexabouttitle {width: 90%; margin-left:15px; }
.indexaboutprofile {width: 90%; text-align:left; clear:both; padding:20px; }
.indexaboutvideo {width: 500px; text-align:left; padding-top:8px; padding-left:140px;}
.indexaboutvideo img {width: 500px;}

#indexthree {background: url(../images/indexthreebg.jpg) repeat-x #ededed top; padding-bottom:10px; padding-top:30px;}
#indexthreecon {width: 780px; }
.indexthree_fenkuai {width: 250px;  padding-left:6px; padding-right:4px; height:150px;}
.indexthree_fenkuai  .indexthree_fenkuaicon{  width:240px; height:150px;}
.indexthree_fenkuai  .indexthree_fenkuaicon img{width:238px; border:#FFFFFF 1px solid;}
.indexthree_fenkuai  .indexthree_fenkuaiTitle{width: 238px; margin-top:-70px; padding-left:4px  }
.indexthree_fenkuai  .indexthree_fenkuaiTitle img{width:238px; height:66px;}

.indexthree_fenkuai  .indexthree_fenkuainewscon{border:#FFFFFF 1px solid; width:223px; height:125px; padding-top:10px; padding-left:10px; font-size:12px; line-height:110%; color:#555555; padding-right:5px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuainewscon  A{font-family:"Arial"; font-size:12px; color:#000000;  TEXT-DECORATION: none; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuainewscon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews{width: 238px;margin-top:-70px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews img{width:238px; height:66px; margin-left:-12px;}

.indexthree_fenkuai  .indexthree_fenkuaiculturecon{border:#FFFFFF 1px solid; width:223px; height:125px; padding-top:10px; padding-left:10px; font-size:12px; line-height:110%; color:#555555; padding-right:5px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A{font-family:"Arial"; font-size:12px; color:#000000;  TEXT-DECORATION: none; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture{width: 238px;margin-top:-70px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture img{width:238px; height:66px; margin-left:-12px;}

#indexnewslettercon { width: 780px; padding-bottom:20px; padding-top:20px;}
.indexnewslettercon_Title {width: 90%; text-align:left; padding-left:20px;   }
.indexnewslettercon_message {width: 90%; margin-left:20px;}
.indexnewslettercon_Email {width: 90%; margin-left:20px; } 

#maincon{ max-width:780px;}
#maincon .classlist{ width:66%;}
}

@media screen and (max-width:768px)
{
#maincon{ max-width:750px;}	
#maincon .classlist .classlist_box{ width:31%; padding:1%; float:left;}
#maincon .classbox .classbox_road{height:30px; line-height:150%;}

#botcon {width:750px; }

}



@media screen and (max-width:720px)
{
#nav {background: #f7971e; border-radius: 0px; border: 0px currentColor; top: 172px; width: 150px; right: 1%; display: none; position: fixed; z-index: 301; font-size:12px; }
#nav a {margin: 0px; padding: 0px; width: 140px; text-align: left; color:#FFFFFF; display: block; padding-left:10px; border-bottom:#fde5c7 solid 1px; height:30px; line-height:30px;}
#nav a:hover {background: #00539f; color:#FFFFFF; }
#nav a:last-child {border: 0px currentColor;}
#menuBtn {display: block;position:fixed}
#navgation { height:1px;}

.fourLargeOfPro {padding-bottom:20px;  }

#botcon {width:700px; }
.botabout {width: 100%;  padding:10px 0px; padding-left:30px; border-top:2px solid #cecece; padding-bottom:15px; padding-top:15px;}
.botnav {width: 100%; padding-left:30px; border-top:2px solid #cecece; padding-bottom:15px; padding-top:15px;}
#copyrightcon { padding-left:30px;}



#headcon {width: 700px;    }
.logo{width:195px; text-align:center;   padding-left:5px;  }
.HDbg{width:496px; text-align:center; float:left; padding-top:45px;  border-top:#efefef solid 1px;  }
.HDbg A{font-family:"Arial"; font-size:12px; color:#666666;  TEXT-DECORATION: none; font-family:"Arial";  text-align:left;  height:25px; line-height:25px; padding-left:20px; display:inline; border-top:none; }
.HDbg A:hover{color:#f7971e; background-color:#f9f9f9;  }
.HDbg .HDbgnav {width:490px;  font-family:"Arial"; font-size:12px; color:#666666; text-align:right }
.HDbg .HDbgSearch { float:left;  width:290px; height:34px; text-align:left;padding-bottom:14px;  padding-left:200px;}

.fourLargeOfPro {padding-bottom:20px;  }


#indexmaincon {width: 530px;  }
.indexprotitle {width: 530px;  }
.fourLargeOfPro {width: 250px;  padding-left:7px; padding-right:8px;  }
.fourLargeOfPro .fourLargeOfProimg{width: 250px; height:235px; }
.fourLargeOfPro .fourLargeOfProimg img{width: 250px; height:235px }
.fourLargeOfPro .fourLargeOfProTitle {width: 250px; margin-top:-39px; }
.fourLargeOfPro .fourLargeOfProTitle  A{width: 250px;    }

#indexaboutcon {width: 530px;}
.indexabouttitle {width: 90%; margin-left:15px; }
.indexaboutprofile {width: 90%; text-align:left; clear:both; padding:20px; }
.indexaboutvideo {width: 490px; text-align:left; padding-top:8px; padding-left:20px;}
.indexaboutvideo img {width: 490px;}

#indexthree {background: url(../images/indexthreebg.jpg) repeat-x #ededed top; padding-bottom:30px; padding-top:50px;}
#indexthreecon {width: 330px; }
.indexthree_fenkuai {width: 300px;  padding-left:15px; height:200px;}
.indexthree_fenkuai  .indexthree_fenkuaicon{  width:302px; height:200px;}
.indexthree_fenkuai  .indexthree_fenkuaicon img{width:300px; border:#FFFFFF 1px solid;}
.indexthree_fenkuai  .indexthree_fenkuaiTitle{width: 300px; margin-top:-90px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitle img{width:300px; height:66px;}

.indexthree_fenkuai  .indexthree_fenkuainewscon{border:#FFFFFF 1px solid; width:258px; height:160px; padding-top:10px; padding-left:20px; font-size:12px; line-height:110%; color:#555555; padding-right:20px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuainewscon  A{font-family:"Arial"; font-size:14px; color:#000000;  TEXT-DECORATION: none; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuainewscon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews{width: 300px;margin-top:-80px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews img{width:298px; height:66px; margin-left:-12px;}

.indexthree_fenkuai  .indexthree_fenkuaiculturecon{border:#FFFFFF 1px solid; width:258px; height:160px; padding-top:10px; padding-left:20px; font-size:12px; line-height:110%; color:#555555; padding-right:20px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A{font-family:"Arial"; font-size:14px; color:#000000;  TEXT-DECORATION: none; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture{width: 300px;margin-top:-80px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture img{width:298px; height:66px; margin-left:-12px;}


#indexnewslettercon { width: 330px; padding-bottom:20px; padding-top:20px;}
.indexnewslettercon_Title {width: 90%; text-align:left; padding-left:20px;   }
.indexnewslettercon_message {width: 90%; margin-left:20px;}
.indexnewslettercon_Email {width: 90%; margin-left:20px; } 


#maincon{ max-width:700px;}
#maincon .classlist{ width: 97%;float: inherit;}
#left{position: fixed;background: #fff;right: 0;border: 1px solid #dedede;border-radius: 10px;top: 212px; z-index:999;}
#leftBtn{ display:block;}
}
@media screen and (max-width:550px)
{
.logo{width:100%; text-align:center; padding-bottom:30px;  padding-top:20px;  }
.HDbg .HDbgnav {width:100%;  font-family:"Arial"; font-size:12px; color:#666666; }
.fourLargeOfPro {padding-bottom:20px;  }

#botcon {width:530px; }
.botabout {width: 100%;  padding:10px 0px; padding-left:30px; border-top:2px solid #cecece; padding-bottom:15px; padding-top:15px;}
.botnav {width: 100%; padding-left:30px; border-top:2px solid #cecece; padding-bottom:15px; padding-top:15px;}
#copyrightcon { padding-left:30px;}



#headcon {width: 530px;    }
.logo{width:100%; text-align:center; padding-bottom:30px;  padding-top:20px;  }
.HDbg{width:530px; text-align:center; float:left; padding-top:10px; background-color:#f9f9f9; border-top:#efefef solid 1px;  }
.HDbg A{font-family:"Arial"; font-size:12px; color:#666666;  TEXT-DECORATION: none; font-family:"Arial";  text-align:left;  height:25px; line-height:25px; padding-left:10px; padding-right:10px; display:inline; border-top:none; }
.HDbg A:hover{color:#f7971e; background-color:#f9f9f9;  }
.HDbg .HDbgnav {width:530px;  font-family:"Arial"; font-size:12px; color:#666666; }
.HDbg .HDbgSearch { float:left;  width:370px; height:34px; text-align:left; padding-left:130px; padding-bottom:14px; }

.fourLargeOfPro {padding-bottom:20px;  }


#indexmaincon {width: 530px;  }
.indexprotitle {width: 530px;  }
.fourLargeOfPro {width: 250px;  padding-left:7px; padding-right:8px;  }
.fourLargeOfPro .fourLargeOfProimg{width: 250px; height:235px; }
.fourLargeOfPro .fourLargeOfProimg img{width: 250px; height:235px }
.fourLargeOfPro .fourLargeOfProTitle {width: 250px; margin-top:-39px; }
.fourLargeOfPro .fourLargeOfProTitle  A{width: 250px;    }

#indexaboutcon {width: 530px;}
.indexabouttitle {width: 90%; margin-left:15px; }
.indexaboutprofile {width: 90%; text-align:left; clear:both; padding:20px; }
.indexaboutvideo {width: 490px; text-align:left; padding-top:8px; padding-left:20px;}
.indexaboutvideo img {width: 490px;}

#indexthree {background: url(../images/indexthreebg.jpg) repeat-x #ededed top; padding-bottom:30px; padding-top:50px;}
#indexthreecon {width: 330px; }
.indexthree_fenkuai {width: 300px;  padding-left:15px; height:200px;}
.indexthree_fenkuai  .indexthree_fenkuaicon{  width:302px; height:200px;}
.indexthree_fenkuai  .indexthree_fenkuaicon img{width:300px; border:#FFFFFF 1px solid;}
.indexthree_fenkuai  .indexthree_fenkuaiTitle{width: 300px; margin-top:-90px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitle img{width:300px; height:66px;}

.indexthree_fenkuai  .indexthree_fenkuainewscon{border:#FFFFFF 1px solid; width:258px; height:160px; padding-top:10px; padding-left:20px; font-size:12px; line-height:110%; color:#555555; padding-right:20px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuainewscon  A{font-family:"Arial"; font-size:14px; color:#000000;  TEXT-DECORATION: none; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuainewscon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews{width: 300px;margin-top:-80px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews img{width:298px; height:66px; margin-left:-12px;}

.indexthree_fenkuai  .indexthree_fenkuaiculturecon{border:#FFFFFF 1px solid; width:258px; height:160px; padding-top:10px; padding-left:20px; font-size:12px; line-height:110%; color:#555555; padding-right:20px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A{font-family:"Arial"; font-size:14px; color:#000000;  TEXT-DECORATION: none; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture{width: 300px;margin-top:-80px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture img{width:298px; height:66px; margin-left:-12px;}


#indexnewslettercon { width: 330px; padding-bottom:20px; padding-top:20px;}
.indexnewslettercon_Title {width: 90%; text-align:left; padding-left:20px;   }
.indexnewslettercon_message {width: 90%; margin-left:20px;}
.indexnewslettercon_Email {width: 90%; margin-left:20px; }

#maincon{ max-width:530px;}	
#maincon .classlist .classlist_box{ width:48%; padding:1%; float:left;}

}

@media screen and (max-width:480px)
{
#headcon {width: 460px;    }
.logo{width:100%; text-align:center; padding-bottom:30px;  padding-top:20px;  }
.HDbg{width:460px; text-align:center; float:left; padding-top:10px; background-color:#f9f9f9; border-top:#efefef solid 1px;  }
.HDbg A{font-family:"Arial"; font-size:12px; color:#666666;  TEXT-DECORATION: none; font-family:"Arial";  width:100%; display:inline-block; text-align:left; border-top:#efefef solid 1px; height:25px; line-height:25px; padding-left:20px; }
.HDbg A:hover{color:#ffffff; background-color:#f7971e}
.HDbg .HDbgnav {width:460px;  font-family:"Arial"; font-size:12px; color:#666666; }
.HDbg .HDbgSearch { float:left;  width:370px; height:34px; text-align:left; padding-left:90px; padding-bottom:14px; }

.fourLargeOfPro {padding-bottom:20px;  }

#botcon {width:450px; }

#indexmaincon {width: 330px;  }
.indexprotitle {width: 330px;  }
.fourLargeOfPro {width: 300px;  padding-left:15px;  }
.fourLargeOfPro .fourLargeOfProimg{width: 300px; height:282px; }
.fourLargeOfPro .fourLargeOfProimg img{width: 300px; height:282px }
.fourLargeOfPro .fourLargeOfProTitle {width: 300px; margin-top:-39px; }
.fourLargeOfPro .fourLargeOfProTitle  A{width: 300px;    }

#indexaboutcon {width: 330px;}
.indexabouttitle {width: 90%; margin-left:15px; }
.indexaboutprofile {width: 90%; text-align:left; clear:both; padding:20px; }
.indexaboutvideo {width: 290px; text-align:left; padding-top:8px; padding-left:20px;}
.indexaboutvideo img {width: 290px;}

#indexthree {background: url(../images/indexthreebg.jpg) repeat-x #ededed top; padding-bottom:30px; padding-top:50px;}
#indexthreecon {width: 330px; }
.indexthree_fenkuai {width: 300px;  padding-left:15px; height:200px;}
.indexthree_fenkuai  .indexthree_fenkuaicon{  width:302px; height:200px;}
.indexthree_fenkuai  .indexthree_fenkuaicon img{width:300px; border:#FFFFFF 1px solid;}
.indexthree_fenkuai  .indexthree_fenkuaiTitle{width: 300px; margin-top:-90px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitle img{width:300px; height:66px;}

.indexthree_fenkuai  .indexthree_fenkuainewscon{border:#FFFFFF 1px solid; width:258px; height:160px; padding-top:10px; padding-left:20px; font-size:12px; line-height:110%; color:#555555; padding-right:20px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuainewscon  A{font-family:"Arial"; font-size:14px; color:#000000;  TEXT-DECORATION: none; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuainewscon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews{width: 300px;margin-top:-80px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews img{width:298px; height:66px; margin-left:-12px;}

.indexthree_fenkuai  .indexthree_fenkuaiculturecon{border:#FFFFFF 1px solid; width:258px; height:160px; padding-top:10px; padding-left:20px; font-size:12px; line-height:110%; color:#555555; padding-right:20px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A{font-family:"Arial"; font-size:14px; color:#000000;  TEXT-DECORATION: none; font-weight:bold; }
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture{width: 300px;margin-top:-80px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture img{width:298px; height:66px; margin-left:-12px;}

#indexnewslettercon { width: 330px; padding-bottom:20px; padding-top:20px;}
.indexnewslettercon_Title {width: 90%; text-align:left; padding-left:20px;   }
.indexnewslettercon_message {width: 90%; margin-left:20px;}
.indexnewslettercon_Email {width: 90%; margin-left:20px; }

#maincon{ max-width:460px;}	
#maincon .classlist .classlist_box{ width:84%; padding:3% 8%; float:left;}
#maincon .classbox{ width:94%; padding:0 3%;}
#maincon .classbox .classbox_title{ width:100%; line-height:30px; font-size:20px; height:30px; text-align:center;}
#maincon .classbox .classbox_road{ width:100%; line-height:20px; font-size:12px; height:auto !important; margin-bottom:10px;}

#maincon .pro_detail .pro_detail_left{ width:90%; padding:2% 5%;}
#maincon .pro_detail .pro_detail_right{ width:90%; padding-left:5%; padding-right:5%; float:left;}
#maincon .pro_item{ width:90%; margin:2% 5%;}
.feedback1{ display:none;}
.feedback2{ display:block;}
#maincon .classlist{ width:90%; padding:0 5%;}
}

@media screen and (max-width:320px){
#headcon {width: 280px;    }
.logo{width:100%; text-align:center; padding-bottom:30px;  padding-top:20px;  }
.HDbg{width:280px; text-align:center; float:left; padding-top:10px; background-color:#f9f9f9; border-top:#efefef solid 1px;  }
.HDbg A{font-family:"Arial"; font-size:12px; color:#666666;  TEXT-DECORATION: none; font-family:"Arial";  width:100%; display:inline-block; text-align:left; border-top:#efefef solid 1px; height:25px; line-height:25px; padding-left:20px; }
.HDbg A:hover{color:#ffffff; background-color:#f7971e}
.HDbg .HDbgnav {width:280px;  font-family:"Arial"; font-size:12px; color:#666666; }
.HDbg .HDbgSearch { float:left;  width:290px; height:34px; text-align:left; padding-left:0px; padding-bottom:14px; }

.fourLargeOfPro {padding-bottom:20px;  }

#botcon {width:300px; }

#indexmaincon {width: 280px;  }
.indexprotitle {width: 280px;  }
.fourLargeOfPro {width: 280px;  padding-left:1px;  }
.fourLargeOfPro .fourLargeOfProimg{width: 270px; height:254px; }
.fourLargeOfPro .fourLargeOfProimg img{width: 270px; height:254px }
.fourLargeOfPro .fourLargeOfProTitle {width: 270px; margin-top:-39px; }
.fourLargeOfPro .fourLargeOfProTitle  A{width: 270px;    }

#indexaboutcon {width: 280px;}
.indexabouttitle {width: 95%; margin-left:5px; }
.indexaboutprofile {width: 95%; text-align:left; clear:both; padding:20px; }
.indexaboutvideo {width: 260px; text-align:left; padding-top:8px; padding-left:10px;}
.indexaboutvideo img {width: 260px;}

#indexthree {background: url(../images/indexthreebg.jpg) repeat-x #ededed top; padding-bottom:30px; padding-top:50px;}
#indexthreecon {width: 280px; }
.indexthree_fenkuai {width: 260px;  padding-left:7px; height:200px;}
.indexthree_fenkuai  .indexthree_fenkuaicon{  width:260px; height:200px;}
.indexthree_fenkuai  .indexthree_fenkuaicon img{width:258px; border:#FFFFFF 1px solid;}
.indexthree_fenkuai  .indexthree_fenkuaiTitle{width: 258px; margin-top:-67px;  padding-left:1px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitle img{width:258px; height:66px;}

.indexthree_fenkuai  .indexthree_fenkuainewscon{border:#FFFFFF 1px solid; width:240px; height:138px; padding-top:10px; padding-left:10px; font-size:12px; line-height:110%; color:#555555; padding-right:10px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuainewscon  A{font-family:"Arial"; font-size:12px; color:#000000;  TEXT-DECORATION: none; }
.indexthree_fenkuai  .indexthree_fenkuainewscon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews{width: 258px;margin-top:-67px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitlenews img{width:258px; height:66px; margin-left:-12px;}

.indexthree_fenkuai  .indexthree_fenkuaiculturecon{border:#FFFFFF 1px solid; width:240px; height:138px; padding-top:10px; padding-left:10px; font-size:12px; line-height:110%; color:#555555; padding-right:10px; margin-left:3px;}
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A{font-family:"Arial"; font-size:12px; color:#000000;  TEXT-DECORATION: none; }
.indexthree_fenkuai  .indexthree_fenkuaiculturecon  A:hover{color:#f7971e; }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture{width: 258px;margin-top:-67px;  }
.indexthree_fenkuai  .indexthree_fenkuaiTitleculture img{width:258px; height:66px; margin-left:-12px;}

#indexnewslettercon { width: 280px; padding-bottom:20px; padding-top:20px;}
.indexnewslettercon_Title {width: 90%; text-align:left; padding-left:20px;   }
.indexnewslettercon_message {width: 90%; margin-left:20px;}
.indexnewslettercon_Email {width: 90%; margin-left:20px; }
#copyrightcon { padding-left:10px; }

#maincon{ max-width:300px;}	

}