html{color:#333;background:#fff}
body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd,input,textarea{
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    text-decoration:none;
    font-family:"microsoft yahei";
    font-weight: normal;
    font-size:14px;
    letter-spacing:1px;
    text-align: left;
}
*{ padding:0 ; margin:0 ; font-size:14px;text-align: left;}
table{border-collapse:collapse;border-spacing:0}
a{ text-decoration:none;}
a:hover{
  text-decoration: none !important;
}
a:focus {
  text-decoration: none!important;
}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}

.w-100{width:100%; height:auto; overflow:hidden;}
.w-1100{width:1100px; margin:0 auto; overflow:hidden;}
.w-1100-1{width:1100px; margin:0 auto;}
.w-1200{width:1200px; margin:0 auto; overflow:hidden;}
.w-1200-1{width:1200px; margin:0 auto;}
.w-1236{width:1236px; margin:0 auto; overflow:hidden;}
.w-1280{width:1280px; margin:0 auto;}
.line01{ width: 100%; border-top:#d8d8d8 1px solid; }
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.mt-4{ margin-top:4px;}
.mt-6{ margin-top:6px;}
.mt-8{ margin-top:8px;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-30{ margin-top:30px;}
.mt-35{ margin-top:35px;}
.mt-40{ margin-top:40px;}
.mt-50{ margin-top:55px;}
.mt-60{ margin-top:55px;}
.mt-65{ margin-top:65px;}
.mt-70{ margin-top:60px;}
.mt-80{ margin-top:80px;}
.mt-90{ margin-top:90px;}
.mt-100{ margin-top:100px;}
.mt-110{ margin-top:110px;}
.mt-120{ margin-top:120px;}
.mt-130{ margin-top:130px;}
.mt-140{ margin-top:140px;}
.mt-150{ margin-top:155px;}
.mt-160{ margin-top:155px;}
.mt-170{ margin-top:160px;}
.mt-180{ margin-top:180px;}
.mt-250{ margin-top:255px;}

.mb-10{ margin-bottom:10PX;}
.mb-20{ margin-bottom:20PX;}
.mb-30{ margin-bottom:30px;}
.mb-40{ margin-bottom:40px;}
.mb-50{ margin-bottom:55px;}
.mb-60{ margin-bottom:55px;}

.bg-tc{ background-position:top center; background-repeat:no-repeat;}
.bg-tl{ background-position:top left; background-repeat:no-repeat;}
.bg-tr{ background-position:top right; background-repeat:no-repeat;}
.f-s13{ font-size:13px;}
.f-s14{ font-size:14px;}
.f-s15{ font-size:15px;}
.f-s16{ font-size:16px;}
.f-s17{ font-size:17px;}
.f-s18{ font-size:18px;}
.f-s20{ font-size:20px;}
.f-s22{ font-size:22px;}
.f-s24{ font-size:24px;}
.f-s26{ font-size:26px;}
.t-align-r{ text-align:right;}
.t-align-l{ text-align:left;}
.t-align-c{ text-align:center;}
.clearfix:after {
   content:""; 
   display: block; 
   clear:both; 
}
.w-1002{width:110%;}
#show-h{
	display: block;
}
#show-h-768{
	display: block;
}
#show-h-1200{
	display: block;
}
#hidden-s-1200{
	display: hidden;
}
#margin-6{
	padding:0px -5px;
}
#margin-10{
	margin:0px -10px;
}
#margin-0-10{
	margin:0px;
}


#w-1200{
	margin:0 auto;
	width: 1200px;
	overflow: hidden;
}
.top1-bg{
	width: 100%;
	height: 32px;
	background-color: #eeeeee;
}
.top1-gg{
	width: 100%;
	height: 32px;
	font-size: 14px;
	color: #565656;
	line-height: 32px;
}
.top-tit{
	float:left;
	width: 556px;
}
.top-ewm{
	float: right;
	width: 321px;
}
.top-phone{
	float: right;
	width: 279px;
}
.h-menu-bg{ width: 100%; height: 60px; background-color: #0e9acf; }
/*二级分类*/
.topmenu{
    position: relative;
    z-index: 11111111;
    width:1200px;
          margin: 0 auto;
          padding:0px;
        }
        .topmenu::after {
    content:" ";
    display:block;
    clear:both;
}
        .topmenu li{
          float: left;
          width: 10%;
          color: #ffffff;
          list-style: none;
          -webkit-transition-duration: .5s;
          -moz-transition-duration: .5s;
          -ms-transition-duration: .5s;
          -o-transition-duration: .5s;
          transition-duration: .5s;
        }
        .topmenu li a{
          display: block;
          padding:18px 0px;
          width: 100%;
          font-size: 17px;
          color: #ffffff;
          text-align: center;
          text-decoration: none;
        }
        .topmenu li:hover a{
        	background-color: #dc171c;
        }
        .topmenu-hover{
        	background-color: #dc171c !important;
        }
        .topmenu li ul{
          position: relative;
          top:0px;
          left:0px;
          z-index: 111111;
          margin:0px;
          margin-left:-30px;
          padding:15px 0px 20px 0px;
          width:200px;
          display: none;
          background-color:#0b6688;
        }
        .topmenu li ul a{
          display: block;
          margin:0 auto;
          padding:0px;
          width: 90%;
          height: 30px;
          font-size: 15px;
          color: #ffffff;
          text-align: center;
          line-height: 30px;
          border-bottom:1px dashed #1d88b1;
          text-decoration: none;
        }
        .topmenu li ul a:hover{
          background-color: #0e9acf;
        }

.ph-menu{
	padding:5px;
	width: 100%;
	height: auto;
	background-color: #0e9acf;
	text-align: center;
}
.ph-menu1 a{
	display: inline-block;
	margin:1% 0px;
	padding:2% 0px;
	width: 23.7%;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border:1px solid #fff;
	box-sizing:border-box;
}
.ph-menu12{
	display: block;
	margin:-3px auto;
	padding:1%;
	width: 25%;
	
}
.ph-menu12 h2{
	display: block;
	margin:2px;
	margin-left:-0.5px;
	padding:5%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #fff;
	display: block;
	border:1px solid #fff;
	box-sizing:border-box;
}
.ph-menu12:hover h2{
	text-decoration: none;
}
.ph-menu12:focus{text-decoration: none}
/*====================title====================*/
.h-tit1{
	width: 100%;
	height: 140px;
	background: url(../Img/tit-bg1.jpg) top center no-repeat;
	overflow: hidden;
}
.h-tit1 h2{
	margin-top: 30px;
	display: block;
	width: 100%;
	height: 39px;
	font-size: 26px;
	color: #555;
	text-align: center;
}
.h-tit1-c1{
	color: #0e9acf;
	font-size: 26px;
}
.h-tit1 .e-zi{
	width: 100%;
	height: 28px;
	font-size: 19px;
	color: #909090;
	text-align: center;
	font-family: "Book Antiqua";
	letter-spacing: 0px;
	text-transform:uppercase;
}
.h-tit1 p{
	display: block;
	width: 100%;
	font-size: 16px;
	text-align: center;
	color: #909090;
}
/*============================middle===========================*/
.h-m1{
	width: 100%;
	background-color: #eeeeee;
}
.h-hot h3{
	display: block;
	float: left;
	padding: 7px 7px;
	font-size: 15px;
	color: #000;
	line-height: 25px;
}
.h-hot a{
	display: block;
	float: left;
	padding: 7px 7px;
	font-size: 15px;
	color: #000;
	line-height: 25px;
}
.h-proc1{
	padding:10px 0px;
	width: 99%;
	height: auto;
	text-align: center;
}
.h-proc1 a{
	display: inline-block;
	margin:2px;
	width: 146px;
	height: 38px;
	border:1px solid #0e9acf;
	font-size: 16px;
	color: #0e9acf;
	text-align: center;
	line-height: 35px;
	transition: all 0.3s ease-in-out;
}
.h-proc1 a:hover{
	background-color: #0e9acf;
	color: #fff;
}
.h-proc1-hover{
	background-color: #0e9acf !important;
	color: #fff !important;
}

.h-pro01{
	padding:10px;
	margin-bottom: 15px;
	border:1px solid #eeeeee;
	transition: all 0.3s ease-in-out;
}
.h-pro01:hover{
	background-color: #0e9acf;
}
.h-pro01 .tu01{
	border:1px solid #eeeeee;
}
.h-pro01:hover .tu01{
	border:1px solid #ffffff;
}
.h-pro01 .tu01 a img{
	width: 100%;
}
.h-pro01 a h2{
	display: block;
	margin-left:5px;
	margin-top: 13px;
	margin-bottom: 16px;
	font-size: 16px;
	color: #363636;
}
.h-pro01:hover a h2{
	color: #fff;
}
.h-pro01 .line1{
	margin-left:5px;
	width: 23px;
	height: 1px;
	border-top:1px solid #0e9acf;
	transition: all 0.5s ease-in-out;
}
.h-pro01:hover .line1{
	width: 98%;
	border-top:1px solid #ffffff;
}
.h-pro01 p{
	display: block;
	margin-left:5px;
	margin-top: 10px;
	margin-bottom:22px;
	height: 40px;
	font-size: 14px;
	color: #363636;
	overflow: hidden;
}
.h-pro01:hover p{
	color: #fff;
}
.h-pro01 .more01 a{
	display: block;
	margin-left:5px;
	margin-bottom:20px;
	font-size: 14px;
	color: #363636;
}
.h-pro01:hover .more01 a{
	color: #fff;
}

.h-jian1{
	padding:36px 0px;
	width: 100%;
	min-height: 195px;
	background:url(../Img/bg01.jpg) top center repeat-y;
}
.h-jian1-l{
	float: left;
	margin-left:30px;
	width: 745px;
}
.h-jian1-l .wx01{
	float: left;
	width: 122px;
}
.h-jian1-l-r{
	float: right;
	width: 585px;
	height: auto;
}
.h-jian1-l-r h3{
	display: block;
	min-height: 41px;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 41px;
}
.h-jian1-l-r span{
	display: block;
	min-height: 34px;
	font-size: 15px;
	color: #fff;
	letter-spacing: 0px;
}
.h-jian1-l-r p{
	display: block;
	width: 317px;
	min-height: 36px;
	border:1px solid #ffffff;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 34px;
	letter-spacing: 6px;
}
.h-jian1-r{
	float: right;
	width: 377px;
	min-height: 125px;
	border-left:1px solid #a2c4df;
}
.h-jian1-r .phone1{
	margin-left:49px;
}
.h-jian1-r .phone1 h3{
	display: block;
	float: left;
	width: 238px;
	height: 33px;
	font-size: 15px;
	color: #fff;
	line-height:33px;
	letter-spacing: 0px;
}
.h-jian1-r .phone1 p{
	float: left;
	display: block;
	width: 238px;
	margin-top:10;
	font-size: 22px;
	color: #fff;
}
.h-jian1-r .more01 a{
	display: block;
	margin-left:49px;
	width: 119px;
	height: 31px;
	border:1px solid #fff;
	font-size: 14px;
	color: #fff;
	border-radius: 15px;
	text-align: center;
	line-height: 31px;
}
.h-about-w{
	width: 740px;
}
.h-about-bg{
	width: 100%;
	height: auto;
	background: url(../Img/bg02.jpg) top center no-repeat;
}
.h-about-t{
	margin-top: 70px;
	margin-bottom:46px;
}
.h-about-t h2{
	display: inline-block;
	font-size: 39px;
	color: #272727;
	letter-spacing: 0px;
}
.h-about-t p{
	margin-left:15px;
	display: inline-block;
	font-size: 34px;
	color: #e4e5e7;
	text-transform: uppercase;
	letter-spacing: 0px;
}
.h-about-cont{
	margin-bottom: 36px;
	width: 100%;
	font-size: 16px;
	color: #272727;
	line-height: 190%;
}
.h-at-menu1{
	margin:0 auto;
	width: 96%;
	height: 132px;
	border-radius: 15px;
	background: url(../img/about-bg1.jpg) top center no-repeat;
	overflow: hidden;
}
.h-at-menu2{
	margin:0 auto;
	width: 96%;
	height: 132px;
	border-radius: 15px;
	background: url(../img/about-bg2.jpg) top center no-repeat;
	overflow: hidden;
}
.h-at-menu3{
	margin:0 auto;
	width: 96%;
	height: 132px;
	border-radius: 15px;
	background: url(../img/about-bg3.jpg) top center no-repeat;
	overflow: hidden;
}
.h-at-tit1{
	margin-top:30px;
}
.h-at-tit1 h2{
	font-size: 23px;
	color: #fff;
	text-align: center;
	letter-spacing: 0px;
	line-height: 30px;
}
.h-at-tit1 a{
	display: block;
	margin-top:10px;
	font-size: 15px;
	color: #fff;
	background: url(../Img/about-line1.png) bottom center no-repeat;
	text-align: center;
}
.h-rongyu{
	margin-top:47px;
}
.h-rongyu .tu{
	width: 100%;
	border:5px solid #f3a524;
	overflow: hidden;
}
.h-rongyu .tu img{
	width: 100%;
}
.h-rongyu a h3{
	display: block;
	margin-top:13px;
	height: 35px;
	font-size: 14px;
	color: #212121;
	text-align: center;
	line-height: 130%;
	letter-spacing: 0px;
}
.h-ry-l{
	margin-left:15px;
}
.h-ys-bg{
	margin-top: 100px;
	width: 100%;
	min-height: 608px;
	background: url(../Img/bg03.jpg) top center no-repeat;
	overflow: hidden;
}
.h-ys{
	margin-bottom:15px;
	padding:0px 0px;
	width: 100%;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
}
.h-ys-sum{
	float: left;
	margin:0px;
	padding:0px;
	width: 20%;
	font-size: 60px;
	color: #0e9acf;
	text-align: center;
	font-family: "Impact";
}
.h-ys-nr{
	float: right;
	width: 80%;
	height:auto;
}
.h-ys-nr h2{
	display: block;
	margin-left:10px;
	margin-top:5px;
	font-size: 18px;
	color: #303030;
	line-height: 2em;
	font-weight: bold;
}
.h-ys-nr p{
	display: block;
	margin-left:10px;
	font-size: 15px;
	color: #525252;
	line-height: 120%;
}
.h-ys-tit{
	display: none;
	margin:20px 0px;
	width: 100%;
	font-size: 30px;
	color: #0e9acf;
	text-align: center;
	font-weight: bold;
}
.h-case{
	margin-top: 60px;
	width: 100%;
}
.h-case img{
	width: 100%;
}
.h-news-m{
	margin:0px -10px;
}
.h-news{
	margin-bottom:40px;
	width: 100%;
}
.h-news img{
	width: 100%;
}
.h-news a h2{
	display: block;
	margin:19px 0px;
	font-size: 16px;
	color: #0e0e0e;
	text-align: center;
}
.h-news p{
	display: block;
	margin-bottom:20px;
	width: 100%;
	font-size: 15px;
	color: #8d8d8d;
	line-height: 130%;
	letter-spacing: 0px;
	text-align: center;
}
.h-news .more1 a{
	display: block;
	margin:0 auto;
	width: 33%;
	height: 30px;
	border:1px solid #0e9acf;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	color: #0e9acf;
}
.h-link{
	padding:20px 0px;
	width: 100%;
}
.h-link h4{
	display: block;
	float: left;
	margin-right: 14px;
	font-size: 15px;
	color: #2d2d2d;
}
.h-link a{
	display: block;
	float: left;
	margin-right: 15px;
	font-size: 14px;
	color: #2d2d2d;
}
.h-f1-bg{
	width: 100%;
	padding-top:50px;
	background-color: #2d2d2d;
}
.h-f1-bg2{
	width: 100%;
	background: url(../Img/f-bg1.jpg) top right repeat-y;
}
.h-f1-t1{
	min-height: 260px;
	margin-bottom:50px;
	padding:0px 10%;
	width: 100%;
}
.h-f1-t1 h3{
	height: 40px;
	font-size: 17px;
	color: #e0e0e0;
}
.h-f1-t1 a{
	display: block;
	width: 100%;
	height: 22px;
	font-size: 15px;
	color: #989898;
}
.h-f1-t1 a:hover{
	color: #0279d8;
}
.h-f2{
	width: 100%;
}
.h-f2-r{
float: left;
}
.h-f2-r p{
	display: block;
	margin-top:10px;
	height: 28px;
	font-size: 18px;
	color: #bebebe;
}
.h-f2-r span{
	display: block;
	font-size: 10px;
	color: #bebebe;
}
.h-contact2{
	margin-top: 27px;
	width: 100%;
	font-size: 14px;
	color: #bebebe;
	line-height: 130%;
}
.h-contact2 p{
	font-size: 14px;
	color: #bebebe;
	line-height: 130%;
}
.h-f-bq{
	padding:15px 0px;
	width: 100%;
	border-top:1px solid #575757;
	font-size: 15px;
	color: #bebebe;
	text-align: center;
}
.h-f-bq a{
	color: #bebebe;
}

/*====================手机====================*/
@media only screen and (max-width: 768px){
	/*.container-fluid{margin:0px -10px;}*/
	#margin-0-10{margin:0px -10px;}
	#w-1200{width:100%;}
	#show-h-1200{display: none;}
	#show-h-768{display: none;}
	.menu{display: none;}
	.ph-menu{display: block;}
	.top-phone{display: none;}
	.top-ewm{display: none;}
	.top-tit{width: 100%; text-align: center;}
	.top-tit img{width:90%;}
	.h-menu-bg{display:none;}
	.topmenu{display: none;}

	.h-m1{display: none;}
	#show-h{display: none;}
	.h-pro01{
		margin:5px -10px;
		padding:2px;
	}
	.h-pro01 a h2, .h-pro01 p, .h-pro01 a{
		font-size: 13px;
	}
	.h-pro01 p{display: none;}
	.h-pro01 a{ margin-top: 15px; margin-bottom: 15px; }
	.h-jian1-r{display: none;}
	.h-jian1-l{float: none; width: 95%; margin:0 auto;}
	.h-jian1-l .wx01{display: none;}
	.h-jian1-l-r{width: 95%; margin:0 auto; float: none;}
	.h-jian1-l h3{ height:auto;text-align: center; margin-left:0px; margin-bottom:10px;word-wrap: break-word; 
word-break: normal; line-height: 120%; }
	.h-jian1-l span{ height:auto;text-align: center; margin-left:0px; margin-bottom:10px;word-wrap: break-word; 
word-break: normal; line-height: 120%; }
	.h-jian1-l p{ margin:0 auto; }
	.h-about-w{width:100%;}
	.h-about-t{ margin-top: 40px; margin-bottom: 20px; }
	.h-about-t h2{font-size: 20px; margin-left:20px;}
	.h-about-t p{font-size: 18px;}
	.h-about-cont{ padding:5px 20px;}

	.h-at-tit1 h2{ font-size: 16px; }
	.h-at-tit1 a{font-size: 13px;}
	.h-ys-bg{background: none; margin-top: 30px;}
	.h-ys-sum{font-size: 50px;}
	.h-ys-nr h2{font-size: 16px;}
	.h-ys-nr p{display: block;margin-bottom:15px;font-size: 14px;}
	.h-ys-tit{display: block;}
	.h-case{display: none;}
	.h-news a h2{font-size: 16px; margin:14px 0px;}
	.h-news p{font-size: 14px;}
	.h-news .more1 a{font-size: 14px;}
	.h-contact2{ text-align: center; padding:20px 0px; margin-top: 0px; }
	.h-f1-bg{padding-top: 0px;}
	/*系统原样式修改*/
	.min_box_content{display: none;}
	.showpics{margin:3% !important;}

}
/*====================平板====================*/
@media screen and (min-width: 768px) and (max-width: 1200px){
	#w-1200{width:100%;}
	#show-h-1200{display: none;}
	.menu{float: right;width:70%;}
	.menu a{width: 17%;}
	.ph-menu{display: none;}
	.top-phone{display: none;}
	.top-tit{width: 65%;}
	.top-tit img{width:100%;}
	.top-ewm{width:35%;}
	.top-ewm img{width:100%;}
	.topmenu{width:100%;}
	.topmenu li a{font-size: 16px;}
	.h-jian1-r{display: none;}
	.h-jian1-l{float: none; margin:0 auto;}
	.h-ys-bg{background: none; margin-top: 50px;}

}
/*====================PC====================*/
@media only screen and (min-width: 1200px){
	.ph-menu{display: none;}

}

.h-news img{
	height: 270px;
}

.h-news p{
	height: 40px;
}

.h-news a h2{
	height: 40px;
}