@charset "utf-8";
a{ color:#333; text-decoration:none;}
a:hover{ color:#FF9048;}
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:#666;
	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-ftm,.mb_show{ display:none;}
.top{ width:100%; float:left; line-height:37px;font-size:12px; background:#F4F4F4; border-bottom:1px solid #E5E5E5;}
.container{width:100%; max-width:1260px;height:auto; margin:0 auto; text-align:left;}
.top a{ padding-left:12px; padding-right:12px;}
.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}

.head{ width:100%; float:left; padding-top:25px;padding-bottom:30px;}
.head .tel{ padding-top:12px;}

.navs{ width:100%; height:55px;float:left; background:#1A97D0;}
.navs .container ul{ width:100%; height:auto; float:left; line-height:55px; font-size:1.428em;}
.navs>.container>ul>li{position:relative;float:left;}
.navs>.container>ul>li,.navs>.container>ul>li>a{display:inline-block;text-align:center}
.navs>.container>ul>li>a{padding:0 22px; color:#fff; margin-right:9px; margin-left:9px;}
.navs>.container>ul>li.current>a,.navs>.container>ul>li>a:hover{ background:url(../images/onmenubg.jpg) top center;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:55px;font-size:18px}

/*banner*/
.banner{ width:100%; height:500px;float:left; text-align:center;}
.fullSlide {width:100%;position:relative;height:500px;z-index:5;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlide .bd li {width:100% !important;	height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:500px;}
.fullSlide .hd {width:100%;position:absolute;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:55px;height:10px;margin:1px;overflow:hidden;background:#000;line-height:999px;}
.fullSlide .hd ul .on {background:#FF9048;}


.banner_tit{ width:454px; height:124px; background:url(../images/line_bg.png); text-align:right; margin-top:60px; margin-left:380px; font-size:40px; color:#fff; padding-top:34px; padding-right:55px;}

.a_banner_tit{ width:454px; height:124px; background:url(../images/line_bg.png); text-align:right; margin-top:60px; margin-left:450px;  color:#fff; padding-top:34px; padding-right:55px;}
.a_banner_tit h1,.banner_tit h1,.p_banner_tit h1{font-size:40px;}
.a_banner_tit p,.banner_tit p,.p_banner_tit p{ font-family:Arial, Helvetica, sans-serif; font-size:30px;}

.p_banner_tit{ width:454px; height:124px; background:url(../images/orange_bg.png); text-align:right; margin-top:60px; margin-right:100px; font-size:40px; color:#FF9048; padding-top:34px; padding-right:55px; float:right;}


.pagemain{ width:100%; float:left; padding-bottom:30px;}
.p_tit{ width:100%;border-bottom:1px solid #E5E5E5; line-height:60px; text-align:right; float:left;}
.p_tit div{ float:right;background:url(../images/site.jpg) center left; background-repeat:no-repeat; padding-left:20px;}
.p_con{ width:100%; float:left; padding-top:30px; line-height:180%; letter-spacing:1px;}
.p_con img{ max-width:100%;}
.a_con{ width:100%; float:left; padding-top:30px; padding-bottom:30px;}
.a_con .a_tits{ width:98.5%; float:left; background:url(../images/xian1.jpg) center left; padding-left:1.5%; background-repeat:no-repeat;}
.a_con .a_tits h1{ font-size:40px; color:#FF9048; font-weight:bold;}
.a_con .a_tits h1 span{ color:#CCCCCC; font-size:25px; font-weight:100; font-family:Arial, Helvetica, sans-serif; margin-left:15px;}
.a_cons{ width:100%; float:left; line-height:180%; padding-top:30px; letter-spacing:1px; padding-bottom:30px;}
.a_con img{ max-width:100%;}

.jn_class{ width:100%; float:left; background:url(../images/tclass_bg.jpg); background-repeat:repeat-x; font-size:16px; color:#fff;}
.jn_class a{ color:#fff;}
.t_class{ width:120px; height:55px; float:left; text-align:center; line-height:55px; background:#1A97D1;}
.f_class0{ float:left;background:url(../images/n_class0.jpg) top center; background-repeat:no-repeat;line-height:55px; width:12px;}
.f_class1{ float:left;}
.f_class1 a{ float:left;padding-left:22px; padding-right:22px; line-height:55px;margin-right:1px; text-decoration:none; background:#FF9048;}
.f_class1 a:hover{background:url(../images/n_class2.jpg) top center; background-repeat:no-repeat; height:65px}

.f_class1 a.on{background:url(../images/n_class2.jpg) top center; background-repeat:no-repeat; height:65px}

.f_class2{ float:left; font-size:18px;}
.f_class2 a{ float:left;padding-left:15px; padding-right:15px; line-height:55px;margin-right:1px; text-decoration:none; background:#FF9048;}
.f_class2 a:hover{background:url(../images/n_class2.jpg) top center; background-repeat:no-repeat; height:65px}

.f_class2 a.on{background:url(../images/n_class2.jpg) top center; background-repeat:no-repeat; height:65px}

.p_class{ width:23%; float:left; padding-right:1%;}
.con{ width:76%; float:left;}
.class{ width:100%; float:left;font-size:18px; margin-bottom:1px;}
.class a{ width:82%; float:left;background:url(../images/hui_bg.jpg); line-height:60px;padding-left:18%; margin-top:1px; margin-bottom:1px;}
.class a:hover{ background:url(../images/blue_bg.jpg); color:#fff;}
.class a.on{ width:82%; float:left;background:url(../images/blue_bg.jpg) top left; line-height:60px;padding-left:18%; margin-top:1px; margin-bottom:1px; color:#fff;}
.l_left{ width:99.5%; float:left; margin-top:30px; border:1px solid #EBEBEB; font-size:14px;}
.class1{ width:82%; float:left;font-size:18px; background:url(../images/blue_bg1.jpg); line-height:60px;padding-left:18%; color:#fff;}
.weixin{ width:100%; float:left; padding-top:34px; padding-bottom:15px;}
.weixin div{ width:50%; float:left; text-align:center;}
.weixin div img{ padding-bottom:8px;}
.l_con{ width:90%; float:left; padding-left: 10%; line-height:200%; padding-bottom:20px;}
.pro{ width:32.5333%; float:left; background:#fff; margin-right:0.5%; height:357px; margin-bottom:3px; text-align:center; border:1px solid #E9E9E9;}
.pro img{ padding:8%; width:84%; padding-bottom:3%; padding-top:3%; height:250px; padding-bottom:15px;}
.pro .zx{ width:100%; float:left;margin-top:25px;}
.pro .zx span{ padding:8px 15px; background:#FF9048; font-size:12px; color:#fff; margin-left:5px; margin-right:5px;}
.pro .zx span:hover{ background:#1A97D1;}
.cont { 
    display: block; 
    position: fixed; 
    top: 25%; 
    left: 25%; 
    width: 40%; 
    height: 50%; 
    padding: 20px; 
    border: 10px solid #ddd; 
    background-color:#fff; 
    z-index:1; 
    overflow: auto; 
}
.cont .close{ text-align:right; padding-bottom:10px;}
.cont .close a{ text-decoration:underline; color:#ff0000}
.cont .message{ width:80%; padding-left:10%; padding-right:10%; padding-top:15px;}
.message{width:80%; float:left; padding-left:9.5%; padding-right:9.5%; border:1px solid #f1f1f1; padding-top:15px; padding-bottom:15px; font-size:14px;}
.f-tit{ width:20%; float:left; line-height:30px; margin-bottom:5px;}
.f-input{width:80%; float:left; margin-bottom:5px;}
.f-sub{ width:100%; float:left; padding-top:20px;}
.f-input .input{ width:97%; border:1px solid #eee; background:#f9f9f9; height:30px; padding-left:3%; line-height:30px;}
.f-input .inputs{ width:99%; border:1px solid #eee; background:#f9f9f9; line-height:30px; height:60px}
.f-sub input{ width:200px; height:50px; background:#999999; text-align:center; line-height:50px; color:#fff; border:none; font-family:"微软雅黑"; cursor:pointer}

/*news*/
.news_list{ width:100%; height:auto; float:left; padding-top:20px; padding-bottom:20px;}
.news_list li{ width:95.5%; float:left; border:1px dotted #eaeaea; line-height:40px; padding-left:2%; padding-right:2%; margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news_list li:hover{border:1px dotted #FF6600; color:#FF6600}
.news_list li:hover a{color:#FF6600}
.news_list li:hover a:hover{ text-decoration:none;}
.news_list li span{ padding-right:10px; font-family:Arial, Helvetica, sans-serif}
.n_pageno{ width:100%; height:auto; float:left; margin-top:10px;line-height:45px; text-align:center;}
.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;}


.n_news_left{ width:75%; float:left; padding-right:3%;}
.n_news_right{ width:22%; float:left;}
.n_title{ width:100%; float:left; padding-bottom:15px; font-size:25px; text-align:center; padding-top:50px; color:#1A97D0}
.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_n_tit{width:95%; float:left; background:url(../images/xian1.jpg) center left; padding-left:5%; background-repeat:no-repeat; margin-top:20px; font-size:25px; color:#000; padding-bottom:20px;}
.n_ls{ width:100%; float:left; line-height:30px; font-size:14px;}

.ac_con{ width:100%; float:left; padding-top:30px;}

.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) }

.p_h1{ width:100%; float:left; padding-bottom:30px; font-size:25px; text-align:center; padding-top:50px; color:#1A97D0}
.p_img{ width:100%; float:left; text-align:center; padding-bottom:20px;}
.p_img img{ max-width:80%; border:1px solid #ccc; padding:5px;}
.p_con1{ width:94%; float:left; line-height:180%; padding-left:3%; padding-right:3%; letter-spacing:1px;}
.p_con1 img{ max-width:100%;}

.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:81px; height:155px; padding-top:33px;}
.p_weixin{ float:left; border-left:1px solid #4E5362; border-right:1px solid #272A34;padding-left:72px; padding-right:72px; padding-top:20px; height:168px; text-align:center;  font-size:14px;}
.p_add{float:left; border-left:1px solid #4E5362;padding-left:72px;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%;}
.pagebot{ width:100%; float:left; background:#2C2F38; line-height:50px; color:#C5C6C9; font-size:14px;}
.pagebot a{color:#C5C6C9;}

.fnt18{ font-size:18px;}
.fnt30{ font-size:30px;}
.color_666{ color:#666;}
.pd55{ padding-top:55px;}
@media(max-width:480px){
body{ font-size:14px;}
.top,.head,.navs,.search,.cp_show,.pagefoot,.pro_con,.class2,.n_news_right,.l_left,.p_tit{ display:none;}
.m_top,.mb_show{ display:block;}


.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:20px; position:fixed; z-index:1000; background:#fff;box-shadow: 1px 1px 3px  0 #153F57 }
.m_top_l{ float:left; padding-left:5px;}
.m_top_l img{ max-width:170px;}
.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('../img/hamburger.png');
  background-position: 50% 50%;
  background-size: 40px 20px;
  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: #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;
}
.container{ width:96%; padding-left:2%; padding-right:2%;}

.banner{ width:100%; height:150px;float:left; text-align:center; margin-top:60px;}

.about{ background:url(../images/gywm.jpg) left center; background-repeat:no-repeat;}
.baoyang{ background:url(../images/weixiufuwu.jpg) left center; background-repeat:no-repeat;}
.jieneng{ background:url(../images/jnfw.jpg) left center; background-repeat:no-repeat;}
.peijian{ background:url(../images/kyjpj.jpg) left center; background-repeat:no-repeat;}
.product{ background:url(../images/gywm.jpg) left center; background-repeat:no-repeat;}
.banner_tit{ width:90%;background:url(../images/m_line_bg.png) left right; background-repeat:no-repeat;margin-top:30px; margin-left:0px; font-size:20px;padding-right:10%;}

.a_banner_tit{ width:90%; background:url(../images/m_line_bg.png) top right; margin-top:30px; margin-left:0px;padding-right:0px; padding-right:10%;}
.a_banner_tit h1,.banner_tit h1,.p_banner_tit h1{font-size:25px;}
.a_banner_tit p,.banner_tit p,.p_banner_tit p{ font-family:Arial, Helvetica, sans-serif; font-size:20px;}

.p_banner_tit{ width:90%; background:url(../images/m_orange_bg.png) top right; margin-top:30px; margin-right:0px; font-size:20px; padding-right:10%; }

.a_con .a_tits{ width:97%; padding-left:3%;}
.a_con .a_tits h1{ font-size:20px;}
.a_con .a_tits h1 span{ font-size:18px;}

.jn_class{ font-size:16px;}
.t_class{ width:90px;}
.f_class1 a{ padding-left:15px; padding-right:15px; }

.n_news_left{ width:100%;padding-right:0%;}
.n_title{ width:100%; float:left; padding-bottom:15px; font-size:20px; text-align:center; padding-top:50px; color:#1A97D0}

.m_jn_class{ width:100%; float:left;}
.m_jn_class div{ width:48%; float:left; padding:5px 1% 1px; font-size:16px; }
.m_jn_class div a{ width:100%; float:left; background:#FF9048; line-height:50px; color:#fff;}
.m_jn_class div a.on{ background:#1A97D1;}


.p_class{ width:100%;padding-right:0%;}
.con{ width:100%; padding-top:15px;}
.class{ width:49%; font-size:15px; padding-right:1%;}
.class a{width:95%;background:#efefef; line-height:50px; padding-left:5%;}
.class a:hover{ background:#FF9048; color:#fff;}
.class a.on{ width:95%; float:left;background:#FF9048; line-height:50px;padding-left:5%;}

.pro{ width:48.5%; float:left; background:#fff; margin-right:0.5%; height:190px; margin-bottom:3px; text-align:center; border:1px solid #E9E9E9;}
.pro img{ padding:2%; width:96%; padding-bottom:3%; padding-top:3%; height:150px; padding-bottom:5px;}
.pro .zx{ width:100%; float:left;margin-top:25px;}
.pro .zx span{ padding:8px 15px; background:#FF9048; font-size:12px; color:#fff; margin-left:5px; margin-right:5px;}
.pro .zx span:hover{ background:#1A97D1;}
.p_h1{ width:100%;padding-bottom:20px; font-size:20px;padding-top:20px;}

.m_class1{ width:100%; float:left; margin-bottom:10px; margin-top:10px; font-size:18px; font-weight:bold;}

.c_jn_class{ width:100%; float:left;}
.c_jn_class div{ width:23%; float:left; padding:5px 1% 1px; font-size:14px; }
.c_jn_class div a{ width:100%; float:left; background:#FF9048; line-height:50px; color:#fff;}
.c_jn_class div a.on{ background:#1A97D1;}

.pagebot{ line-height:30px; padding-top:5px;}

.fnt18{ font-size:16px;}
.fnt30{ font-size:18px;}
.color_666{ color:#666;}
.pd55{ padding-top:25px;}
}