@charset "utf-8";
a{ color:#505050; text-decoration:none;}
a:hover{ color:#007FCC; -webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;
-o-transition:  0.2s ease-in 0s;}
img{ border:0px;margin:0px;}
ul,li,h1,p,h2,h3{ margin:0px; padding:0px; list-style:none; font-weight:normal}
div{ height:auto;}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#363636;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:14px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
	-webkit-text-size-adjust: none;
	letter-spacing:1px;
}
.m_top,.mb_show,.banners{ display:none;}
.bodyurl { background:url(../images/banner1.webp) top center; background-repeat:no-repeat;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.bodyurl1{ background:url(../images/banner2.jpg) top center; background-repeat:no-repeat;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.bodyurl2{ background:url(../images/banner3.jpg) top center; background-repeat:no-repeat;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.bodyurl3{ background:url(../images/banner4.jpg) top center; background-repeat:no-repeat;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.fl{ float:left;}
.fr{ float:right;}
.top{width:100%; float:left;}

.top-head{width:100%;z-index:1000;}

.logo{width:30%;float:left;padding-top:22px;}
.nav{width:70%;float:right;}
.nav ul{width:100%;}
.nav li{float:left;text-align:center;/* position:relative;*/}
.nav .m a{display:block; color:#fff;font-size:18px;/*overflow:hidden;*/ line-height:124px;padding:0 20px;}
.nav .m a:hover{background:#f3c720}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; color:#000}

.nav a#sel{border-bottom:3px solid #007FCC;color:#f3782a;}
.nav a#sel:hover:after{opacity: 0;}
.top_cps{width:1280px;overflow:hidden;padding-top:50px;margin:0 auto;padding-bottom:50px;}

.nav .sub{display:none;padding:0;position:absolute;top:125px;overflow:hidden;text-align:left;z-index:110;left:0;background:#fbfbfb; width:100%;}
.nav .sub a{ color:#505050; line-height:60px;}

.container{width:100%; max-width:1400px;height:auto; margin:0 auto; text-align:left;}
.top_logo{ width:100%; float:left; height:124px;}
.logo{ float:left; }
.menu{ float:right;}
.menu a{ padding-left:20px; line-height:124px; color:#fff; font-size:18px; float:left; text-align:center; padding-right:20px;}
.menu a:hover{ background:#7BB135;}
.top_title{ width:100%; padding-top:275px; float:left; color:#fff; font-size:48px; font-weight:bold;}
.top_nav{ width:100%; float:left; padding-top:28px;}
.top_nav_1{ width:303px; height:40px; background:#043150; color:#fff; font-size:14px; line-height:40px; padding-left:15px;} 
.top_cp{ width:100%; float:left; background:#fbfbfb; padding-top:45px; padding-bottom:55px;}
.cp1{ width:42%; float:left;}
.cp1 h1,.cp1 h2{ font-size:35px; font-weight:bold; color:#404040; padding-bottom:20px;}
.cp1 p{ font-size:16px;color:#5d5d5d; padding-bottom:15px; line-height:160%;}
.cp1 .cps{ width:32%; float:left; padding-top:20px;position:absolute;}

.cp1 .cps li{ float:left; font-size:17px; line-height:58px;margin:0px; margin-right:25px;position:relative;}
.cp1 .cps li a{padding:0px;}
.cp1 .cps li a:hover{ background:none;}
.cp1 .cps li:before{content: '';position: absolute;top: 0;left: 0;width: 30px;height: 1px;background: #000;transition: all .5s ease;-webkit-transition: all .5s ease;}
.cp1 .cps li:hover:before{width: 72px;background: #0e68b0;}

.cpp{ width:100%; float:left; padding-top:100px; padding-bottom:50px;}
.cpp h1,.cpp h2{ font-size:50px; color:#fff; font-weight:bold;}
.cpp h2 a{color:#fff;}
.cpp p{ font-size:25px; color:#fff; padding-top:20px;}

.cp2{ width:33%; float:left; text-align:center;}
.cp2 img{ width:325px; height:205px;}

.cp3{ width:25%; float:left;}
.cp3 h1{ font-size:35px; font-weight:bold; color:#404040; padding-bottom:20px;}

.cp3 .p_txt{ font-size:16px; line-height:180%;}
.cp_gn{ width:100%; float:left;}
.cp_gn .ul{ width:53.5%; float:left; border-left:1px solid #404040; font-size:20px; padding-left:3%; margin-bottom:25px;}
.cp_gn .ul1{ width:39.5%; float:left; border-left:1px solid #404040; font-size:20px; padding-left:3%; margin-bottom:25px;}

.cp_class{ width:100%; float:left;padding-top:12px;}
.top_more{ width:100%; float:left; margin-bottom:100px}
.top_more a{ width:164px; height:60px; border:2px solid #fff; float:left; line-height:60px; color:#fff; padding-left:20px; padding-right:20px; font-size:22px;}
.top_more a:hover{ background:#f3c720;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s; color:#fff;}
.cp_l{ width:99.5%; float:left; border:3px solid #D5D7D6;}
.cp_l_n{ width:25%; float:left; border-right:3px solid #D5D7D6; -webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}

.cp_l_n p {
    width:60%;
    line-height: 65px;
    background: rgba(1,50,80, .60);
    color: #fff;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
	white-space: nowrap;text-overflow: ellipsis;
	font-size:30px;
	margin-left:20%;
	margin-right:20%;
	text-align:center;
	margin-bottom:5px;
}
.cp_l_n p:hover{background:#051E2F;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s; }
.cp_l_n img{ width:100%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }


.cp_l_n1{ width:25%; float:left;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}

.cp_l_n1 p {
    width:55%;
    line-height: 65px;
    background:rgba(1, 50, 80, .60);
    color: #fff;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
	white-space: nowrap;text-overflow: ellipsis;
	font-size:30px;
	margin-left:25%;
	margin-right:20%;
	text-align:center;
	margin-bottom:5px;
}
.cp_l_n1 p:hover{background: #051E2F;}
.cp_l_n1 img{ width:100%;}


.pagemain{ width:100%; float:left; padding-top:40px; padding-bottom:40px;}
.pagemenu{ width:100%; float:left; background:#013250; padding-top:58px; padding-bottom:8px;color:#e2e2e2;}
.frk{ width:100%; float:left; height:60px; line-height:30px; padding-top:10px;}

.pagemenu a{ color:#e2e2e2;}
.frk a{ color:#CCCCCC}
.p_menu{ padding-left:20px; padding-right:75px; float:left;}
.p_menu h1{ border-bottom:1px solid #E2E2E2; color:#E2E2E2; font-size:18px; padding-bottom:20px; margin-bottom:13px; width:120px;}
.p_menu h2{ border-bottom:1px solid #E2E2E2; color:#E2E2E2; font-size:18px; padding-bottom:20px; margin-bottom:13px; width:120px;}
.p_menu p{ line-height:215%;color:#E2E2E2;}
.weixin{ text-align:center; color:#E2E2E2; line-height:150%; font-size:16px;}
.weixin img{ padding-bottom:10px;}
.pagefoot{ width:100%; float:left; background:#051E2F; color:#fff; line-height:65px;}
.pagefoot a{color:#fff;}
.pagefoot img{ padding-top:23px;}

.title{ width:100%; float:left; text-align:center; padding-top:60px; padding-bottom:65px;}
.title h1,.title h2{ font-size:40px; color:#070707;}
.title p{ font-size:20px; line-height:40px; padding-top:25px;color:#070707;}
.huanjing{ width:100%; float:left; padding-top:124px; background-repeat:no-repeat; color:#fff; background:url(../images/index_cj.webp) bottom center;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.huanjing2{ width:100%; float:left; padding-top:124px; background-repeat:no-repeat; color:#fff; background:url(../images/index_f2.webp) bottom center;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.huanjing3{ width:100%; float:left; padding-top:124px; background-repeat:no-repeat; color:#fff; background:url(../images/index_f3.jpg) bottom center;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.huanjing4{ width:100%; float:left; padding-top:124px; background-repeat:no-repeat; color:#fff; background:url(../images/index_f4.jpg) bottom center;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}

.con1{ height:368px;}
.con1 h1,.con1 h2{ font-size:40px; font-weight:bold; padding-bottom:20px;}
.con1 p{ font-size:20px; line-height:150%; padding-bottom:35px;}
.con1 .more{ width:176px;  float:left; border:2px solid #fff; line-height:58px; font-size:24px;padding-left:16px; padding-right:16px; margin-bottom:93px;}
.con1 a{ color:#fff;}
.con1 .more:hover{background:#f3c720;border:2px solid #f3c720;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s; }

.hj_class{ width:100%; float:left;}

.hj_class .class{ width:24%; float:left;}
.hj_class .class a{ width:100%; float:left; height:70px; padding-top:40px; padding-bottom:22px; color:#fff;}
.hj_class .class .c1{ float:left; padding-left:45px;}
.hj_class .class .c2{ float:left; padding-left:35px; font-size:30px; line-height:70px;}
.hj_class .c3{float:left; border-left:1px #757573 solid; margin-top:30px; margin-bottom:6px; height:96px;}
.hj_class .class a.on{width:100%; float:left; height:70px; padding-top:40px; padding-bottom:22px;background:#f3c720;}

.about{ width:100%; float:left;background:url(../images/index_ry.webp) top center; padding-top:127px; padding-bottom:85px;}

.about .a_nr{ width:100%; float:left;color:#013250; font-size:20px;}
.about .a_nr a{color:#013250;}
.about .nr{ width:290px; height:190px; float:left; background:#fff; text-align:center; padding-top:65px; margin-bottom:20px; margin-right:10px;}
.about .nr:hover{background:#013250; color:#fff;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.about .nr span{ font-size:60px; font-weight:bold;}
.about .nr div{ padding-top:15px;}
.about .nr2{width:288px; height:188px; float:left; border:1px solid #fff; text-align:center; padding-top:65px; margin-bottom:20px;}
.about .nr2 div{ font-size:22px; padding-top:15px;}
.about .nr2:hover{background:#fff; -webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.about .nr2:hover a{ color:color:#013250;}
.about .nr3{ width:290px; height:210px; float:left; background:#fff; text-align:center; padding-top:45px; margin-bottom:20px; margin-right:10px;}
.about .nr3:hover{background:#f3c720;color:#013250;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.about .nr3 h1{font-size:22px;padding-top:15px;}
.about .nr3 p{ font-size:16px; padding-top:10px;}

.about .nr4{width:240px; height:210px; float:left; background:#013250; text-align:left; padding-top:45px; margin-bottom:20px; margin-right:10px; padding-left:25px; padding-right:25px; color:#fff;}
.about .nr4:hover{ background:#fff;width:238px; height:208px; border:1px solid #fff;color:#013250;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}

.about .nr4 h1{font-size:22px;padding-top:15px;}
.about .nr4 p{ font-size:16px; padding-top:10px;}

.about .right{ float:right; text-align:right;}
.about .right h1,.about .right h2{ font-size:30px;color:#000; padding-bottom:20px;}
.about .right p{ font-size:18px; color:#545454; line-height:180%;}

.yx_class{ width:100%; float:left;text-align:center; padding-top:30px;}
.yx_class a{ border:2px solid #c4c4c4;line-height:42px;padding:8px 20px; font-size:20px;margin-left:24px; margin-right:24px;}
.yx_class a.on{border:2px solid #f3c720; color:#f3c720;}
.yx_class a:hover{border:2px solid #f3c720; color:#f3c720;}

.news{ width:100%; float:left; padding-bottom:80px;}
.news_img{ width:70%; margin:0 auto;float: none;}

.news_img .m_l {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	float:left;
}
.news_img .m_l p {
    width: 100%;
    line-height: 85px;
    background: rgba(40, 40, 40, .60);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
	font-size:30px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
	
}

.news_img .m_l img{ height:470px; width:100%;}
.news_img .m_r{ width:50%; float:left;}
.news_img .m_r .m_t{ width:99%; float:left; margin-left:1%; -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;}

.news_img .m_r .m_t p {
    width: 100%;
    line-height: 85px;
    background: rgba(40, 40, 40, .60);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
	font-size:30px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}

.news_img .m_r .m_t img{ height:230px; width:100%;}
.news_img .m_r .m_b{ width:100%; float:left; padding-top:5px;}
.m_last{width:49%; float:left; margin-left:1%; -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;}
.m_last p {
    width: 100%;
    line-height: 85px;
    background: rgba(0,0,0, .60);
    color: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
	font-size:30px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}

.m_last img{ height:235px; width:100%;}

.news_list{ width:100%; float:left; padding-top:40px;}
.n_list{ width:22%; float:left; padding-bottom:55px; border-bottom:5px solid #d0d0d0;}
.n_list h1,.n_list h2{ font-size:19px; color:#666666; padding-bottom:8px; height:50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.n_list .n_date{ width:100%; float:left; font-size:16px; color:#0b334d; padding-bottom:15px;}
.n_list p{ color:#666; line-height:150%;}
.nl{ margin-right:3%;}

/* side */
.side{position:fixed;width:54px;height:320px;right:0;top:300px;z-index:1000;_position:absolute; display:none;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444; cursor:pointer}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#60676E;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden; font-size:20px; line-height:54px;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#60676E;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#f3c720;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.color_black{ color:#1F1F21;}
.green{ background:#f3c720;}
.c0{ color:#c0c0c0;}
.c94{ color:#949494;}
.fnt40{ font-size:40px;}
.fnt48{ font-size:48px;}
.fnt22{ font-size:22px; font-weight:100; padding-top:15px; float:left; text-align:center; width:100%;}
.fnt26{ font-size:26px;}
.fnt12{ font-size:12px;}
@media(max-width:480px){
body{ font-size:14px;}
.top-head,.cp_show,.pagemenu,.cp_class{ display:none;}
.m_top,.mb_show,.banners{ display:block;}

.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:20px; position:fixed; z-index:1000; background:#153F57;box-shadow: 1px 1px 3px  0 #153F57 }
.m_top_l{ float:left; padding-left:5px;}
.m_top_l img{ max-width:100%;}
.m_top_r{ float:right;padding-left:10px;}
#navbar {
  max-width: 1000px;
  margin: 0 auto;
  padding-top:22px;
  padding-right:10px;
}

.menubtn {
 
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 2px;
  padding: 20px 10px;
  background-image: url('../images/hamburger.png');
  background-position: 50% 50%;
  background-size: 40px 20px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../images/hamburger-active.png');
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #333333;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
  width:80%; float:left;
  padding-left:5%; padding-right:5%;
}
#hamburgermenu ul li a {
  display: block;
  text-decoration: none;
  line-height:40px;
  color:#adadad;
  margin-bottom:5px;
  border-bottom:1px solid #2b2b2b;
  text-align:left;
  padding-left:10%;
  font-weight:bold;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #2b2b2b;
}

.banners{ width:100%; height:auto; float:left;padding-top:85px;}
.banners img{ width:100%;}
.vr_banner_pages {
    line-height: 20px;
}

.vr_banner_pages .swiper-pagination-bullet {
    width:30px; height:2px;
    opacity: 1;
    border-radius: 10px;
    vertical-align: middle;
    cursor: pointer;
	background:#007FCC;
}

.vr_banner_pages .swiper-pagination-bullet-active {
	width:30px; height:2px;
    margin-top: -12px;
	background:#fff;
}
.swiper_txt{ width:100%; float:left; background:#013250; color:#fff; padding-top:15px; padding-bottom:30px; line-height:180%;}
.swiper_txt h1{font-size:22px; font-weight:bold; margin-bottom:5px}
.swiper_txt p{font-size:14px; width:80%; margin:0 auto;}
	
.bodyurl{ background:#fff;}
.bodyurl1{ background:#fff;}
.bodyurl2{ background:#fff;}

.lis{  width:85%; float:left;
  padding-left:15%;line-height:25px; text-align:left;}
.lis a{ color:#BDD43E;}

.cp_class{ padding-bottom:15px; padding-top:60px;}
.cp_class,.title,.huanjing,.huanjing2,.huanjing3,.huanjing4,.huanjing5,.about,.news,.pagefoot{ width:96%; padding-left:2%; padding-right:2%;}
.cpp{ padding-top:50px; padding-bottom:20px;}
.cpp h1{ font-size:20px;}
.cpp p{ font-size:12px; padding-top:10px;}
.top_more{ width:100%; float:left; margin-bottom:30px}
.top_more a{ width:120px; height:40px;line-height:40px; font-size:16px;}

.cp_l_n p,.cp_l_n1 p {
    width:80%;
    padding:0px;
	margin-left:10%;
	margin-right:10%;
	font-size:14px;
	line-height: 45px;
}

.title{ background:#fff; padding-top:20px; padding-bottom:20px;display:none;}
.title h1{ font-size:20px;}
.title p{ font-size:14px; line-height:25px; padding-top:15px}
.con1{ height:auto;}
.con1 h1{ font-size:20px;}
.con1 p{ font-size:14px;}
.con1 .more{ width:120px;line-height:40px; font-size:16px;margin-bottom:33px;}
.con1 a{ color:#fff;}

.huanjing{padding-top:24px;display:none;}
.huanjing2{padding-top:24px;}
.huanjing3{padding-top:24px;}
.huanjing4{padding-top:24px;}
.huanjing5{padding-top:24px;}

.hj_class .class{ width:23.5%;}
.hj_class .class img{ max-width:80%;}
.hj_class .class a{ width:100%; float:left; height:105px; padding-top:20px; padding-bottom:0px;}
.hj_class .class .c1{ width:100%; padding-left:0px; text-align:center;}
.hj_class .class .c2{ width:100%;padding-left:0px; font-size:16px; line-height:40px; text-align:center;}
.hj_class .c3{margin-top:20px; margin-bottom:6px; height:90px;}
.hj_class .class a.on{width:100%; float:left; height:105px; padding-top:20px; padding-bottom:0px;}

.about{ padding-top:30px; padding-bottom:25px;}

.about .a_nr{font-size:14px;}
.about .nr{ width:48%; height:auto;padding-top:25px; margin-bottom:20px; padding-bottom:20px;margin-right:10px;}
.about .nr span{ font-size:20px;}
.about .nr div{ padding-top:15px;}
.about .nr2{width:47.5%; height:auto;padding-top:20px; padding-bottom:23px; margin-right:10px;}
.about .nr2 div{ font-size:20px;}
.about .nr3{ width:48%; height:auto;padding-top:10px; margin-bottom:10px; margin-right:0px; padding-bottom:10px;}
.about .nr3 h1{font-size:20px;}
.about .nr3 p{ font-size:14px;}

.about .nr4{width:85%; height:auto;padding-top:20px; margin-bottom:20px;padding-bottom:20px;}
.about .nr4:hover{width:auto; height:auto;}

.about .nr4 h1{font-size:20px;}
.about .nr4 p{ font-size:14px;}
.about .nr5{ width:48%; float:left;padding-top:25px; margin-bottom:20px; padding-bottom:20px;background:#fff; text-align:center;}
.about .nr5 div{ padding-top:15px;}
.about .nr5 span{ font-size:20px;}

.about .right{ width:100%;float:left; text-align:left;}
.about .right h1{ font-size:20px; font-weight:bold;}
.about .right p{ font-size:14px; padding-bottom:15px;}

.yx_class a{ padding:8px 10px; font-size:14px;margin-left:4px; margin-right:4px;}

.news{ padding-bottom:30px;}
.news_img .m_l {
    width: 100%;
}
.news_img .m_l p {
    width: 100%;
    line-height: 55px;
	font-size:16px;
	
}

.news_img .m_l img{ height:auto; }
.news_img .m_r{ width:100%;padding-top:5px;}
.news_img .m_r .m_t p {
    line-height: 55px;
	font-size:16px;
}

.news_img .m_r .m_t img{ height:auto;}
.m_last p {
    line-height: 55px;
	font-size:16px;
}

.m_last img{ height:135px;}
.news_list{ padding-top:10px;}
.n_list{ width:100%; padding-bottom:15px; padding-top:15px;}
.n_list h1{ font-size:16px;height:auto}
.n_list .n_date{ width:100%; float:left; font-size:12px; color:#0b334d; padding-bottom:15px;}


.side{position:fixed;width:40px;height:70px;right:0;top:330px;z-index:1000;_position:absolute; display:none;}
.side ul li{width:40px;height:40px;float:left;position:relative;cursor:pointer}
.side ul li .sidebox{position:absolute;width:40px;height:40px;top:0;right:0;transition:all 0.3s;background:#60676E;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden; font-size:20px; line-height:40px;}
.side ul li .sidetop{width:40px;height:40px;line-height:40px;}
.side ul li img{ width:40px; height:40px;}

.pagefoot{ line-height:30px; padding-top:8px;}
.pagefoot img{ padding-top:5px;}
}