body {
	color: #666666;
	margin: 0;
	padding: 0;
	line-break: 100%;
	font-family: "微软雅黑";
	font-size: 14px;
	font-size: 0.14rem;
}


th, td {
	border-collapse: collapse;
}
a:link {
	text-decoration: none;
	color: #666;
}
a:visited {
	text-decoration: none;
	color: #666;
}

button { border:0}
a {
	text-decoration: none;
	color: #666;
}


div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6, input, button {
	margin: 0;
	padding: 0;
}
ol, ul, li {
	list-style-type: none;
}

.clear {
	clear: both;
}


















/*.top*/
.top{ height: 80px; width:1370px; margin:0 auto; color:#FFF}
.top .logo{ float: left; display: inline-block; margin-top: 6px;}
.top .logo img{ width:163px; height:56px; }
.top ul{ float: right;}
.top li{ float: left; position:relative; text-align:center; }
.top li.last{margin-right:0; }
.top li > a{ color:#000; display: block; padding:28px 0px; width:190px; text-align: center; position: relative; font-size:20px; font-weight: bolder; }
.top li.on > a{ color:#000; }
.top li:hover > a{ color:#009e4c; 
/*background: url(../images/li_bg2.png) no-repeat center 77px #fff;*/
    
       background-color: rgba(0,0,0,0.0); 
    
}
.top li dl{ display:none; position: absolute; left: 0; top: 80px; width:100%;     background-color: rgba(255,255,255,0.3); z-index:100; }
.top li dl a{ display:block; height: 38px; line-height: 38px; color: #000; text-align:center;}
.top li dl a:hover{ color:#009e4c; font-weight: bold;}
.top li:hover dl{ display: block;}

.dh { width: 100%;
   
    color: #000;
    font-size: 20px;
       background-color: rgba(255,255,255,0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;}
	
	
	
	
	
	
	
	  .swiper-container {
      width: 100%;
      height: 100%;

    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
	.swiper-wrapper img { width:100%}
	
	
	.indexpc { width:100%; margin:0 auto; overflow:hidden}
	.indexpc img { width:100%}
	
	.swiper-container { margin-bottom:50px;}
	
	.in1 {     width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 22222;
    top: -91px;}
	
	.in1 .zuo {float: left;
    width: 466px;
    margin-top: 151px;
    position: relative;
    left: 0;}
	
	
	
	.in1 .zuo button
	{  width: 161px;
    height: 60px;
    background: #2eb1c9;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    margin-top: 75px;
    
    border-radius: 4px!important;
    cursor: pointer;}
	
	
	.in1 .zuo p {float: left;
    font-size: 16px;
    color: #000;
    line-height: 40px;}
	
	
	.in1 .you { float: right; width: 420px;
    height: 300px;
    background: #2eb1c9;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 300px;
    text-align: center;  position: absolute;
    top: -19px; z-index: 9999; right: 0;}
	
	
	
	
	
	
	.in1 .zuo1 {float: right;
    width: 466px;
    margin-top: 151px;
    position: relative;
    left: 0;}
	
	
	
	.in1 .zuo1 button
	{  width: 161px;
    height: 60px;
    background: #2eb1c9;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    margin-top: 75px;
    
    border-radius: 4px!important;
    cursor: pointer;}
	
	
	.in1 .zuo1 p {float: left;
    font-size: 16px;
    color: #000;
    line-height: 40px;}
	
	
	.in1 .you1 { float: left; width: 420px;
    height: 300px;
       background: #333;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 300px;
    text-align: center;  position: absolute;
    top: -19px; z-index: 9999; left: 0;}
	
	
	
	
	.m { width:1200px; overflow:hidden; margin:0 auto}
	
	
	.new .headline  { width: 448px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 60px;
    font-size: 36px;}
	
	.new img {
	    display: block;
    width: 106px;
    margin-top: 18px; float:left;}
	
	.new .fl1 {margin: 0 44px; float:left; color:#000; margin-bottom:50px;}
	
	.new ul li {height: 182px;
    padding: 40px 0px;
    clear: both;}
	
	
	.new ul li img {
    margin-right: 46px;
    float: left;
    width: 294px;
    height: 182px;
}

.new ul li .intro {
    float: left;
    width: 580px;
}

.new ul li .intro p {
    float: left;
    height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	font-size: 15px;
    line-height: 24px;
}


.new ul li .right {
    float: right;
    padding-top: 50px;
    vertical-align: middle;
}

.new ul li .intro h2 {
    font-size: 18px;
    margin: 10px 0 30px 0;
    font-weight: bold;
}


.new ul li .right p
{    font-size: 15px;
    line-height: 24px;}
	
	
	
	.foot { background: #333;
    padding-top: 52px;
    padding-bottom: 56px; width:100%; margin:0 auto;}
	
	
	.foot .contactWay {     margin-right: 109px; float:left;}
	.foot .contactWay li
	 {margin-bottom: 20px;
    position: relative;}
	.foot .contactWay li img {width: 22px;
     vertical-align: middle;
    margin-right: 20px;
    float: left;}
	
	.foot .contactWay li div
	{width: 220px;
    line-height: 26px;
    float: left; font-size: 16px;
    color: #fff;}
	
	.foot .contactWay li span {font-size: 16px;
    color: #fff;}
	
	.foot .tabList { color: #fff;
    margin-right: 52px; float:left}
	
	.foot .tabList .colorWhite {   font-size: 16px;  margin-bottom: 26px;
    cursor: pointer;}
	
	.foot .tabList li
	{font-size: 16px;
    line-height: 35px;}
	
	.foot .ma {    float: right;
    width: 210px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 39px;}
	
	.foot .ma img {width: 100%;}
	
	.foot  .copyright {width: 997px;
    margin: 0 auto;
    margin-top: 62px;
    text-align: center;
    padding-top: 32px;
    border-top: 1px solid #6d6d6d; font-size: 16px;
    color: #fff;}
	.foot  .copyright a { color:#FFF}
	
	
	
	.bannerny { width:100%; margin:0 auto; overflow:hidden}
	.bannerny img { width:100%}
	
	.menu_nav {
    width: 100%;
    border-bottom: 1px solid #ddddde;
}


.secMenu {
    width: 1200px;
    margin: 0 auto;
    height: 68px;
    line-height: 68px;
    font-size: 16px;
    color: #969696;
    overflow: visible;
    z-index: 2;
}


.secMenu_l {
    float: left;
    font-size: 16px;
    color: #f78119;
}


.secMenu_home {
    background: url(../images/home.png) left center no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.secMenu_ul {
    float: right;
    height: 66px;
    line-height: 70px;
}

.secMenu_ul>li {
    float: left;
    padding: 0 0 16px 0;
}

.secMenu_ul>li>a {
    position: relative;
    display: inline-block;
    /* cursor: pointer; */
	    color: #666666;
}

.secMenu_ul li+ li:before {
    content: ">";
    padding: 0 3px;
    color: #666;
}

.secMenu_r {
    float: right;
    height: 66px;
    line-height: 66px;
}

.secMenu_r>li {
    float: left;
    padding: 0 20px;
}

.secMenu_r>li>a {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.hover {
    border-bottom: 2px #f78119 solid;
    color: #f78119;
}


.secMenu_r>li a:after {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0px;
    height: 2px;
    width: 0px;
    background: #f78119;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
}


.secMenu_r>li a:hover {
    color: #f78119;
}

.nr .m {padding: 60px 0 20px 0;}

.nr .about_img {    display: block;
    width: 343px;
    height: 228px;
    float: right;
    margin-left: 5px;
    border-radius: 6px;}
	
	
	
	.nr ul .td {     float: left;
    width: 370px;
    margin: 15px;
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 42px;}
	.nr ul .td img { width:100%}
	
	
	
	
	
	
	
	@media screen and (max-width: 980px) {
    .dh { display:none; }
	.m { width:100%;}
	.header { display:block}
	.dhm { width:100%; margin:0 auto; overflow:hidden; display:block; }
	.dhm  ul li {float: left;
    color: #FFF;
    font-size: 18px;
    width: 30%;
    text-align: center;
    line-height: 56px;
    margin: 4px;
    /* margin-left: 1px; */
    background: #2eb1c9;
    margin: 6px;}
	.in1 { width:100%}
	.in1 .you {
    float: right;
    width: 47%;
    height: 138px;
    background: #2eb1c9;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 117px;
    text-align: center;
    position: absolute;
    top: 68px;
    z-index: 9999;
    right: 0px;
}

.in1 .zuo {
    float: none;
    width: 94%;
    margin-top: 231px;
    position: relative;
    left: 0;
    /* margin: 0 auto; */
    right: 0;
    margin: 0 auto;
    padding-top: 210px;
}


.in1 .zuo button {
   
    margin: 0 auto;
    display: block;
}


.in1 .zuo p { margin-bottom:20px;}


.in1 .you1 {
    float: left;
    width: 47%;
    height: 138px;
    background: #333;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 117px;
    text-align: center;
    position: absolute;
    top: 44px;
    z-index: 9999;
    left: 0;
}


.in1 .zuo1 { float: none;
    width: 94%;
    margin-top: 231px;
    position: relative;
    left: 0;
    /* margin: 0 auto; */
    right: 0;
    margin: 0 auto;
    padding-top: 210px;}


.in1 .zuo1 button {
   
    margin: 0 auto;
    display: block;
}
.new img { display:none}
.new .fl1 { float:none; text-align:center}

.new .headline {width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: -21px;
    font-size: 36px;}
	
	.new ul li .right { display:none}
	
	.new ul li {padding: 9px 0px;}
	.new ul li .intro {    float: none;
    width: 94%;
    margin: 0 auto;}
	
	.foot { display:none}
	.mfoot {     display: block;
    position: fixed;
    bottom: 0;
    background: #2eb1c9;
    width: 100%;
    z-index: 9999999;}
	.mfoot ul li { float: left;
    width: 24%;
    font-size: 18px;
    text-align: center;
    line-height: 51px;
    color: #fff;}
	.new {margin-bottom: 75px;}
	
.menu_nav { display:none}


.erji { display:block; width:100%; overflow:hidden; margin:0 auto }
.erji ul li { float: left;
    width: 22%;
    text-align: center;
    font-size: 16px;
    background: #2eb1c9;
    color: #fff;
    margin: 5px;
    line-height: 34px; }
	.activf { background:#009b4a !important;}
	.nr .about_img {width: 100%;
    height: auto;
    float: none;
    margin-left: 0;}
	.nr {width: 93%;
    margin: 0 auto;     margin-bottom: 80px;}
	
	
	.nr ul .td {
    float: left;
    width: 48%;
    margin: 3px;
    text-align: center;
    font-size: 17px;
    color: #000;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 11px;
}


.nr .m {     padding: 9px 0 20px 0;}


.logo1 { display:block; width:83%; overflow:hidden; margin:0 auto}
.logo1 img { width:100%}





}


@media screen and (min-width: 980px) {
  
	.dhm { display:none}
	.mfoot { display:none}
	.erji { display:none}
	.logo1 { display:none}
}





		.wxServerAlt {
			position: fixed;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			z-index: 100;
			background-color: rgba(0, 0, 0, 0.5);
			text-align: center;
		}

		.wxServerAlt .altMain {
			display: inline-block;
			text-align: center;
			background-color: #fff;
			border-radius: 5px;
			padding: 20px;
			margin-top: -125px;
			position: absolute;
			left: 50%;
			margin-left: -110px;
			top: 50%;
		}

		.wxServerAlt .altMain .pic {
			display: inline-block;
			width: 180px;
			height: 180px;
			margin-bottom: 15px;
		}

		.wxServerAlt .altMain .pic img {
			width: 100%;
			height: 100%;
		}

		.wxServerAlt .altMain h2 {
			font-size: 12px;
		}