@charset "utf-8";
a{ color:#333; text-decoration:none;}
a:hover{ color:#E50112; text-decoration:underline;}
img{ border:0px;}
ul,li,h1,p,h2{ margin:0px; padding:0px; list-style:none; font-weight:normal}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#333;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:16px
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale
}
.fl{ float:left;}
.fr{ float:right;}
/*top*/
.m_top,.g-ft,.mb_show{ display:none;}
.top{ width:100%; float:left; padding-top:15px; text-align:right; font-size:12px;}
.container{width:100%; max-width:1260px;height:auto; margin:0 auto; text-align:left;}
.top a{ padding-left:12px; padding-right:12px;}
.head{ width:100%; float:left; background:url(../images/topbg.jpg) top center; background-repeat:no-repeat; padding-bottom:30px;}
.head .tel{ padding-top:25px;}
.topbar_r_wx{ float:right; position:relative;z-index:2000;padding-left:12px;}
.topbar_r_wx div{ position:absolute; z-index:20; display:none; }
.topbar_r_wx:hover{ cursor:pointer;color:#D71317}
.topbar_r_wx:hover div{ display:block; top:32px; right:-20px; z-index:2000}

.navs{ width:100%; height:60px;float:left; background:#2C2F38;}
.navs .container ul{ width:100%; height:auto; float:left; line-height:60px; font-size:1.428em;}
.navs>.container>ul>li{position:relative;float:left; width:11.11%;}
.navs>.container>ul>li,.navs>.container>ul>li>a{display:inline-block;text-align:center}
.navs>.container>ul>li>a{padding:0 25px; color:#fff; margin-right:10px;}
.navs>.container>ul>li.current>a,.navs>.container>ul>li>a:hover{ background:url(../images/menubg.jpg);text-decoration:none;-webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s}
.navs>.container>ul>li,.navs>.container>ul>li>a{line-height:60px;font-size:18px}
/*banner*/
.n_top{ width:100%; float:left; background:url(../images/whobg.jpg) top center; padding-top:100px; padding-bottom:30px; margin-top:1px;}
.top_title{ width:100%; float:left; color:#C5C6C9; font-size:38px; font-weight:bold;}
.top_nav{  float:left; padding-top:28px;}
.top_nav_1{ height:40px; background:#3B3F4A; color:#fff; font-size:14px; line-height:40px; padding-left:15px; padding-right:50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-right:20px;} 
.top_nav_1 a{ color:#fff;}

.search{ width:100%; float:left; height:60px; background:#EFEFEF;}
.keys{ float:left; line-height:60px; font-size:14px;}
.keys a{ color:#666666; padding-right:6px;}
.sear{ float:right; padding-top:16px;}
.sear .s{ width:298px; height:28px; background:#fff;border-radius:25px; padding-left:16px;
-moz-border-radius:25px; /* Old Firefox */}
.input{ float:left;}
.input input{ width:250px;border:none; line-height:26px;}
.btn{ float:left; padding-top:5px;}

.pagemain{ width:100%; float:left; padding-top:40px; padding-bottom:40px;}
.l_class{ width:18%; float:left; padding-right:2%;}
.con{ width:80%; float:left;}

.l_class .class{ width:100%; float:left;margin-bottom:2px;}
.l_class .class a{ width:80%; float:left; background:#efefef; line-height:50px; padding-left:20%}
.l_class .class a:hover{ background:#D71317; color:#fff;}
.l_class .class a.on{background:#D71317; color:#fff;}
.c_tit{ width:100%; float:left; border-bottom:1px solid #ccc; line-height:40px; text-align:right;}
.c_tit p{ float:left; font-size:12px; padding-top:8px; color:#999;}
.c_tit span{background:#D71317; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; color:#fff; font-size:19px; font-weight:bold; float:right;}

.cc_tit{ width:100%; float:left; border-bottom:1px solid #ccc; line-height:40px; text-align:right;}
.cc_tit p{ float:left; font-size:12px; padding-top:8px; color:#999; letter-spacing:1px;}
.cc_tit span{background:#efefef; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; color:#fff; font-size:20px; font-weight:bold; float:right; margin-left:10px; color:#333;}
.cc_tit span a{ color:#333;}
.cc_tit .on{background:#D71317;}
.cc_tit .on a{ color:#fff;}

.c_con{ width:94%; float:left; padding-top:25px; line-height:180%; letter-spacing:1px; padding-left:3%; padding-right:3%;}
.c_con img{ max-width:100%; height:auto;}
.p_con{ width:100%; float:left;padding-top:25px;}
.pro{ width:32.8333%; float:left; background:#fff; margin-right:0.5%; height:350px; margin-bottom:3px; text-align:center;}
.pro img{ padding:8%; width:84%; padding-bottom:5%; padding-top:3%;height:245px}
.pc_con{width:100%; float:left;padding-top:35px;}
.pc_img{ width:38%; float:left; padding-right:4%;text-align:center; }
.pc_img img{ max-width:97%; border:1px solid #ccc; padding:1%; }
.pc_txt{ width:58%; float:left; padding-top:20px;}
.pc_txt h1{ font-size:32px;  padding-bottom:15px;}
.pc_txt p{ line-height:200%; font-size:18px;}

.n_con{width:100%; float:left;padding-top:25px;}
.n_con .n_list{ width:100%; float:left;padding-bottom:35px;}
.n_con .n_list .n_date{ width:65px; height:70px; float:left; background:#DD0713; color:#fff; text-align:center; margin-right:20px; font-size:14px; padding-top:5px; padding-left:3px; padding-right:3px;}
.n_con .n_list .n_tits{ color:#666;}
.n_con .n_list .n_tits h1{ color:#333; padding-bottom:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical }
.n_con .n_list .n_tits p{ line-height:150%;}
.n_titl{ width:100%; float:left; border-bottom:1px dotted #ccc; padding-bottom:20px; padding-top:20px;}
.n_titl h1{ color:#333; padding-bottom:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical }
.n_titl h1 a.d{ font-size:13px; color:#777; text-decoration:underline;}
.n_titl p{ line-height:150%; font-size:13px; color:#888;}
.n_tit1 p a{ color:#666;}

.n_title{ width:100%; float:left; padding-bottom:15px; font-size:23px; text-align:center;}
.n_dates{ width:100%; float:left; border-bottom:1px dotted #ccc; line-height:40px; font-size:12px; text-align:center; color:#666;}
.n_cons{ width:100%; float:left; padding-top:20px; line-height:180%; letter-spacing:1px; padding-bottom:30px; border-bottom:2px solid #ccc; margin-bottom:20px;}
.n_cons img{ max-width:100%; height:auto;}
.n_pageno{ width:100%; height:auto; float:left; margin-top:40px; text-align:center; line-height:45px; font-size:14px; background:#fafafa;}
.n_pageno span a{ padding-left:8px; padding-right:8px; border:1px solid #ddd; padding-top:5px; padding-bottom:5px; margin-left:1px; margin-right:1px;}
.n_pageno span a:hover{ border:1px solid #ff0000;color:#ff0000;}
.n_pageno span a.on{ border:1px solid #ff0000;color:#ff0000;}

.pagefoot{ width:100%; float:left; background:#3B3F4A; padding-top:30px; padding-bottom:40px;color:#C5C6C9;}
.p_logo{ float:left; border-right:1px solid #272A34; padding-right:50px; height:175px; padding-top:13px;}
.p_weixin{ float:left; border-left:1px solid #4E5362; border-right:1px solid #272A34;padding-left:60px; padding-right:60px; padding-top:20px; height:168px; text-align:center;  font-size:14px;}
.p_weixin img{ width:100px; height:100px; border:1px solid #2C2F38; padding:3px; background:#C5C6C9; margin-bottom:6px;}
.p_add{float:left; border-left:1px solid #4E5362; border-right:1px solid #272A34;padding-left:45px; padding-right:45px; padding-top:15px; height:173px;}
.p_add h1{ padding-bottom:13px; font-weight:bold; font-size:16px;}
.p_add p{ font-size:14px; line-height:200%;}

.p_adds{float:left; border-left:1px solid #4E5362;padding-left:45px; padding-right:45px; padding-top:15px; height:173px;}
.p_adds h1{ padding-bottom:13px; font-weight:bold; font-size:16px;}
.p_adds p{ font-size:14px; line-height:200%;}
.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) }

.pagebot{ width:100%; float:left; background:#2C2F38; line-height:50px; color:#C5C6C9; font-size:14px;}
.pagebot a{color:#C5C6C9;}
.friendlink{ width:100%; float:left; font-size:12px; color:#999999; line-height:150%; padding-top:6px; padding-bottom:6px;}
.friendlink a{ color:#999;}
.fnt20{ font-size:20px;}
.fnt30{ font-size:30px;}
.color_666{ color:#666;}
.red{ color:#D71317}
@media(max-width:480px){
body{ font-size:14px;}
h1,h2{ font-size:16px;}
.top,.head,.navs,.banner,.keys,.pagefoot,.friendlink,.cp_show,.search{ display:none;}
.m_top,.g-ft,.mb_show{ display:block;}
.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:10px; border-bottom:2px solid #007FCC;}
.m_top_l{ float:left; padding-left:5px;}
.m_top_l img{ max-width:170px;}
.m_top_r{ float:left;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: 13px 6px;
  background-image: url('../img/hamburger.png');
  background-position: 50% 50%;
  background-size: 26px 12px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../img/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: #eaeaea;
  position: fixed;
  top: 0;
  right: 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:40%; float:left;
  padding-left:5%; padding-right:5%;
}
#hamburgermenu ul li a {
  display: block;
  text-decoration: none;
  background:#D71318;
  line-height:45px;
  color:#fff;
  margin-bottom:5px;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #ccc;
}
.m_top_m{ float:right; padding-right:10px;color:#E96C32; font-size:14px; font-weight:bold; background:url(../images/tele.png) left center; padding-left:15px; background-repeat:no-repeat; margin-top:12px; line-height:20px;}

.n_top,.pagemain{ width:96%; padding-left:2%; padding-right:2%}
.n_top{ padding-top:30px;}
.top_title{ font-size:20px;}
.top_nav{  padding-top:10px;}
.top_nav_1{ height:35px;line-height:34px;} 

.pagemain{ padding-top:15px;}
.l_class{ width:100%; padding-right:0%;}
.con{ width:100%;}

.l_class .class{ width:31.333%; float:left;margin-bottom:2px; padding-right:1%; padding-left:1%;}
.l_class .class a{line-height:40px;}
.c_tit span{font-size:15px;}
.c_con img{ max-width:100%;}
.pro{ height:200px;}
.n_ls .fl{ width:100%; margin-bottom:15px;}
.n_ls .fr{ width:100%; text-align:right;}
.n_titl p{ line-height:150%; font-size:13px; color:#888;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
}
.n_con .n_list .n_tits p{ line-height:150%;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;}

.cc_tit span{font-size:15px;padding-left:9px; padding-right:9px;}
.n_con .n_list .n_date{ width:65px; height:60px;}

.pagebot{ font-size:11px; padding-bottom:70px;}
.g-ft{height:auto;position:relative;text-align:center;z-index: 1; width:100%; float:left;}

.social_nav5{position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:999;background:#666; top center no-repeat; border-top:1px solid #fff;}
.social_nav5 li{width:25%; float:left; text-align:center; color:#fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; position:relative;}
.social_nav5 li:nth-child(2){position:relative;}
.social_nav5 li em{ width:28.75%; display:block; margin:0 auto; padding:0.55rem 0 0;}
.social_nav5 li em img{ width:100%;}
.social_nav5 li a{font-size:14px;line-height:192%; color:#fff;}
.fnt20{ font-size:16px;}
.fnt30{ font-size:25px;}
}