#sliderMenu{ position: fixed; z-index: 20; height: 208px; width: 50px; top: 50%; left: 0px; margin-top: -104px; }
.hmMenuNum { font: bold 14px Arial; color: #FFF; opacity:0; transition:all 0.4s ease-in-out; }
.active .hmMenuNum{opacity:1;}
.hmMenuLine { height: 1px; width: 10px; background: #FFF; position: absolute; top: 50%; right:3px; transition:all 0.4s ease-in-out; }
.active .hmMenuLine{ width:26px; height:3px; left:0; margin-top:-1px;}
.sliderMenuStyle .hmMenuNum{color:#888888;}
.sliderMenuStyle .hmMenuLine{background:#888888;}
#sliderMenu li { line-height: 15px; height: 15px; margin: 6px 0px 7px; position: relative; text-align:right;}
nav.navbar.bootsnav.navbar-fixed {
    position: fixed;
    display: block;
    width: 100%;
	height:95px;
}
nav.navbar.bootsnav {
    margin-bottom: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    border: none;
    z-index: 9000;
	
}

.navbar-header{ float:left; margin-top:18px;}

.navbar-footer {
    float:right;
    margin-top: 36px;
	position:relative;
}
.navbar-footer .en{
	font-size: 18px;
	font-weight: bold;
	color: #1A54A3;
	float:left;
}

.navbar-footer .line{
	margin-left: 14px;
	margin-right: 14px;
	height: 22px;
	width: 1px;
	background-color: #e5e5e5;
	float:left;
}

.navbar-footer .search{
	width: 20px;
	height: 22px;
	margin-right:19px;
	float: left;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.navbar-footer .searchbox{
	position: absolute;
	top:70px;
	right:-10px;
	width: 280px;
	height: 60px;
	background-color: #FFF;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	overflow:hidden;
	display:none;
	
}
.navbar-footer .searchbox .box{
	width: 255px;
	height: 40px;
	border: 1px solid #dcdcdc;
	margin-left:10px;
	margin-top:10px;
	position:relative;
}

.navbar-footer .searchbox .box .txt{ width:214px; height:40px; line-height:40px; text-indent:20px;}

.navbar-footer .searchbox .box .submit{
	width: 42px;
	height: 42px;
	position: absolute;
	top: -1px;
	right: -1px;
	background-color: #56aaff;
	background-image: url(../images/ss.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}

.navbar-footer .love{
    width: 20px;
	height: 22px;
	margin-right:1px;
	float: left;
	background-image: url(../images/love.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.navbar-collapse{ 
    width:auto;
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
    visibility: visible!important;
}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}



.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	width:1200px;
}

.navbar-nav>li {
    float: left;
	margin: 0 18px;
}

.nav>li {
    position: relative;
    display: block;
}
nav.navbar.bootsnav ul.nav > li > a {
    padding: 0 7px;
    line-height: 80px;
    font-size: 16px;
    position: relative;
    font-weight: normal;
    color: #555555;
	display:block;
}
nav ul.navbar-center {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}


.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	overflow:hidden;
}
.page2{ background-repeat:no-repeat; background-size: cover;}
.page3{ background-repeat:no-repeat; background-size: cover;}
.page5{ background-repeat:no-repeat; background-size: cover;}
.overflowHide {
    overflow: hidden;
    position: relative;
}

 .swiper-container {
        width: 100%;
        height: 100%;
    }
.swiper-slide {
        background-position: center;
        background-size: cover;
}
.swiper-button-next{right:75px!important;}

.swiper-button-prev{left:75px!important;}

.page1 .swiper-pagination-bullet {
    margin: 0 5px;
}

.page1 .swiper-pagination-bullet-active {
    opacity: 1!important;
}

.page1 .swiper-pagination-bullet {
    opacity: 0.6;
    border-radius: 0;
    height: 3px;
    width: 30px;
    background: #FFF;
}


.page1 .swiper-pagination {
    bottom: 45px!important;
}

.page1 .slide-content {
    width: 725px;
	height:128px;
    color: #fff;
    margin: 0 auto 0;
    text-align: center;
    font-size: 10px;
    position:absolute;
    top: 50%;
	margin-top:-64px;
	left:50%;
	margin-left:-362px;
	z-index:10000;
}
.page1 .slide-content h2{ float:left;}

.page1 .slide-content .intro{
	font-size: 26px;
	color: #FFF;
	text-align:left;
	padding-left:35px;
	float:left;
	width:370px;
	line-height:35px;
}
.page1 .slide-content .more{
	width: 110px;
	height: 38px;
	border: 1px solid #FFF;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color: #FFF;
	display:block;
	float:left;
	margin-left:35px;
	margin-top:15px;

}

/*产品中心*/
.page2 .page2box{ width:885px; float:none; margin:0 auto; position:relative;}
.hmp2_t1 {
	line-height: 50px;
	font-size: 32px;
	margin-top: 60px;
	color: #FFF;
	text-align:left;
}
.page2 .hmp2_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page2.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.page2 .hmp2_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out; padding-top:10px;}
.page2.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.page2 .hmp2Des{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out; padding-top:10px;}
.page2.active .hmp2Des{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}

.page2 .more{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out; padding-top:10px;}
.page2.active .more{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}

.hmp2_t2 {
	height: 73px;
	position: relative;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 40px;
	line-height: 50px;
	font-weight: bold;
	color: #FFF;
	text-align:left;
}
.hmp2Des{
	font-size: 18px;
	line-height: 2em;
	height:6em;
	color: #ebebeb;
	padding: 20px 0px 25px;
	text-align:left;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.hmp2_t2:after {
    content: "";
    width: 37px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.page2 .page2box #content ul{ width:1200px; margin:25px auto;}
.page2 .page2box #content ul li{ float:left; height:250px;overflow: hidden;position: relative;}
.page2 .page2box #content ul li a{ display:block;}
.page2 .page2box #content ul li img {
    transition: all 0.5s ease;
	width:100%!important;
	height:auto!important;
}
.page2 .page2box ul li:hover img {
    transform: scale(1.2);
}
.page2 .page2box #tabs{
	width: 1200px;
	height: 75px;
	margin: 0 auto;
	background-image: url(../images/pro_line.png);
	background-repeat: no-repeat;
	background-position: center 10px;
}
.page2 .page2box #tabs li{ width:25%; float:left; text-align:center; position:relative;}

.page2 .page2box #tabs li a:before {
	content: "";
	width: 25px;
	height: 25px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left:-12px;
	background-image: url(../images/dot2.png);
	background-repeat: no-repeat;
	background-position: center center;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.page2 .page2box #tabs li a#current:before{
	background-image: url(../images/dot1.png);
}

.page2 .page2box #tabs li a{
	font-size: 18px;
	line-height: 35px;
	color: #fff;
	position: relative;
	display: block;
	padding-top: 40px;
	font-style: normal;
	
}
.page2 .page2box #tabs li a span{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	font-size: 18px;
	line-height: 35px;
	color: #fff;
}

.page2 .page2box #tabs li a#current span{ color:#ffffff;filter:alpha(opacity=100);  
      -moz-opacity:1.0;  
      -khtml-opacity: 1.0;  
      opacity: 1.0;}
	  
.page2 .page2box .more{
	width: 142px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	border: 1px solid #fff;
	display:block;
	position:absolute;
	right:0px;
	top:-80px;
	padding-top:0px!important;
}
/*新闻*/
.hmp4_t1 {
	line-height: 50px;
	font-size: 32px;
	margin-top: 0px;
	color: #333;
	text-align:left;
}
.hmp4_t2 {
	height: 65px;
	position: relative;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 40px;
	line-height: 50px;
	font-weight: bold;
	color: #FFF;
	text-align:left;
	margin-top:15px;
}

.hmp4_t2:after {
    content: "";
    width: 37px;
    height: 3px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: 0;
}
.page3 .left .list{
	background-image: url(../images/bg_line.png);
	background-repeat: repeat-y;
	background-position: 20px top;
}
.page3 .left li{color:#fff; padding-bottom:16px;}
.page3 .left .list{opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.page3.active .left .list{ opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.page3 .hmp4_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page3.active .hmp4_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.page3 .hmp4_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out; padding-top:10px;}
.page3.active .hmp4_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.page3 .left li span{
	width: 78px;
	line-height: 24px;	
	color: #565656;
	text-align: right;
	font-size: 26px;
	display:block;
	float:left;
	padding-top:10px;
}
.page3 .left li span em{
	font-size: 12px;
	font-style: normal;
	color: #565656;
	text-align: right;
	clear:both;
	display:block;
}
.page3 .left li .text{width:300px;float:right;padding-bottom:16px;}
.page3 .left li h3,.page3 .left li h4{width:100%;}
.page3 .left li h3{
	font-size:16px;
	line-height: 2em;
	height:2em;
	font-weight: normal;
overflow: hidden;
}
.page3 .left li h4{
	overflow: hidden;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	font-size: 14px;
	font-weight: normal;
	color: #565656;
	line-height:2em;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.page3 .left li a{color:#565656;font-size:16px;}
.page3 .left li a.absolute{display:none;z-index:100;}
.page3 .left li a:hover{text-decoration:underline;}
.page3 .left .more{
	height: 30px;
	line-height: 30px;
	float: left;
	background: url(../images/news/02.png) no-repeat left center;
	padding-left: 20px;
	white-space: nowrap;
	color: #9e9e9f;
	font-size: 16px;
	padding-top:20px;
}
.page3 .left .more:hover{text-decoration:underline;}

.page3 .pagebox{ position:absolute; top:95px; width:100%;}
.page3 .arrow{width:60px;height:60px;line-height:60px;text-align:center;position:absolute;float:none;z-index:10;top:50%;left:0px;margin:-30px 0 0 -30px;color:#4caec9;font-size:80px;}
.page3 .arrow.red{left:auto;right:0px;margin:-30px -30px 0 0;color:#4a92db;}
.page3 .left,.page3 .right{overflow:hidden;z-index:10; float:left;}
.page3 .left{width:50%;height:100%; position:relative;}
.page3 .right{width:25%;height:50%; position:relative;}
.page3.active .right{
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.9s;
}
.page3 .right{
    opacity: 0;
    transform: translate(0px,50px);
    transition: all 0.5s ease-in-out;
}

.page3 .right.bg-yellow{
	background-image: url(../images/n1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:100% 100%;
}
.page3 .right.bg-red{
	background-image: url(../images/n2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:100% 100%;
}
.page3 .left .con{width:430px;height:600px;position:absolute;float:none; left:50%; margin-left:-215px; top:50%; margin-top:-300px;z-index:5;}
.page3 .tab{width:100%;height:114px;}
.page3 .tab span{width:128px;height:37px;padding-top:75px;border:1px #fff solid;border:1px rgba(255,255,255,0.7) solid;margin-left:-1px;cursor:pointer;color:#fff;text-align:center;font-size:14px;}
.page3 .tab span.active{background-color:#fff;background-color:rgba(255,255,255,0.7);color:#936a4c;}

.page3 .right .info{height:100%;float:none;margin:0 42px;display:block; position:relative;}
.page3 .right .info,.page3 .right .info a{color:#fff;}
.page3 .right .info a:hover{text-decoration:underline;}
.page3 .right .info .cut{width:30px;height:1px;border-bottom:1px #fff solid;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; display:block;}
.page3 .right .info h4{
	height: 80px;
	line-height: 20px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	overflow: hidden;
	margin-top: 8px;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin-top:10px;

}
.page3 .right .info .more{width:34px;height:34px;background:url(../images/more_arrow.png) no-repeat;float:left; display:block;}
.page3 .right .info .more:hover{margin-left:10px;}
.page3 .right .info .con{position:absolute;float:none;top:50%;left:0px;margin-top:-95px;}
.page3 .right a.absolute{z-index:10;}
.page3 .right .info .con h3 a{
	font-size: 18px;
	font-weight: normal;
}
.page3 .right .info .con h4{ clear:both;}
.page3 .right:hover a.absolute .absobg{background-color:#000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.page3 .right .shareIcon{position:absolute;float:none;right:5px;bottom:10px;z-index:11;}
.page3 .right .shareIcon a{float:left;padding:0 5px;}
.page3 .right .shareIcon a.line{border-left:1px #6ebfd0 solid;margin:0 3px;}
.page3 .right.bg-red .shareIcon a.line{border-color:#6ebfd0;}
.page3 .right .shareIcon i{filter:alpha(opacity=5);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.page3 .right .shareIcon i:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.shareIcon i {
    width: 36px;
    height: 36px;
    position: relative;
    float: left;
}

.shareIcon i {
    background: url(../images/share.png) no-repeat;
}

.shareIcon i.i01 {
    background-position: 0px 0px;
}

.shareIcon i.i02 {
    background-position: 0px -36px;
}

.page3 .bg img {
    width: 100%;
    min-height: 100%;
}

.absolute, .absobg {
    position: absolute;
    float: none;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
.absolute:hover img{transform:scale(1.1);}

.absolute img {
    transition: all 0.5s ease;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.page3 .hmMore {
    height: 33px;
    width: 131px;
    display: block;
    position: relative;
    padding-left: 37px;
    line-height: 31px;
    text-transform: uppercase;
    color: #4178be;
    transition: all 0.5s ease;
		box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.page3 .hmMore:before {
    content: "";
    height: 31px;
    width: 115px;
    border: 1px solid #4178be;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.5s ease;
}
.page3 .hmMore:after {
    content: "";
    background: url(../images/hmp3_arrow2.png) no-repeat left top;
    height: 11px;
    width: 45px;
    position: absolute;
    margin-top: -6px;
    top: 50%;
    right: 0px;
    transition: all 0.5s ease;
}

/*关于我们*/
.hmPage3L {
    height: 100%;
    width: 50%;
    float: left;
}
.hmPage3L a{ display:block; height:100%;}
.hmPage3R {
    height: 100%;
    width: 50%;
    float: right;
    background: url(../images/about_bg2.jpg) no-repeat center center;
    background-size: cover!important;
    color: #FFF;
    position: relative;
}
.bgImg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hmP3Txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 22% 0px 21%;
    left: 0;
}
.hmPage3.active .hmp3_t1 {
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.3s;
}
.hmPage3 .hmp3_t1{
	    opacity: 0;
    transform: translate(200px,0px);
    transition: all 0.5s ease-in-out;
}
.hmp3_t1 {
    line-height: 50px;
    font-size: 32px;
    margin-top: 60px;
}
.hmp3_t2 {
    font: bold 40px/50px Arial;
    height: 73px;
    position: relative;
    text-transform: uppercase;
}
.hmp3_t2:after {
    content: "";
    width: 37px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.hmp3Des {
	font-size: 14px;
	line-height: 28px;
	color: #FFFFFF;
	padding: 20px 0px 25px;
}
.hmp3_more {
    color: #fff;
}

.hmMore {
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    display: block;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.5s ease;
}


.page4.active .hmPage3L{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }
.page4.active .hmPage3R{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn;}
.page4 .hmp3_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page4.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.page4 .hmp3_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page4.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.page4 .hmp3Des{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page4.active .hmp3Des{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.page4 .hmp3MoreBox{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out; display:inline-block;}
.page4.active .hmp3MoreBox{ opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}

.page4 .hmp3_list{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out; margin-top:40px;}

.page4.active .hmp3_list{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}

.page4 .hmp3_list ul{ margin-left:-1.5%; margin-right:-1.5%;}

.page4 .hmp3_list li{ width:30%; margin-left:1.5%; margin-right:1.5%; float:left;	 -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px; overflow:hidden; position:relative;}

.page4 .hmp3_list li .img{ width:100%; position:relative; z-index:10; height:auto;}

.page4 .hmp3_list li .img img{ width:100%; height:auto;}

.page4 .hmp3_list li .bg{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	z-index:100;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	display:none;
	
}
.page4 .hmp3_list li .title{ position:absolute; width:100%; text-align:center; z-index:1000; height:35px; bottom:50%; margin-bottom:-18px; display:none;}

.page4 .hmp3_list li .title span:before{
    content: "";
    width: 5px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: -8px;
    bottom: 16px;
	z-index:1000;
}

.page4 .hmp3_list li .title span:after {
    content: "";
    width: 5px;
    height: 1px;
    background: #fff;
    position: absolute;
    right:-8px;
    bottom: 16px;
	z-index:1000;
}

.page4 .hmp3_list li:hover .bg,.page4 .hmp3_list li:hover .title{ display:block;}

.page4 .hmp3_list li .title span{
	position: relative;
	margin: 0 auto;
	font-size: 18px;
	color: #ebebeb;
	height:35px;
	line-height:35px;
	display:inline-table;
}

/*底部*/
.page5 .hmp9Top {
    margin-bottom: 36px;
    position: relative;
    padding-right: 375px;
}
.hmFooter {
    font-size: 14px;
    color: #bebebe;
    text-align: center;
    line-height: 26px;
    padding: 17px 0px;
    background: #171717;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.page5 .hmp3_t1 {
	line-height: 50px;
	font-size: 32px;
	margin-top: 60px;
	color: #FFF;
}
.page5 .hmp3_t2{ padding-top:10px; height:63px;}

.page5 .hmp3_adrInfo {
	padding-top: 26px;
	line-height: 24px;
	font-size: 14px;
	color: #FFF;
	width:550px;
}

.page5 .hmp3_adrInfo p{ float:left; margin-top:15px;}

.page5 .hmp3_adrInfo p.fa-company{ width:300px; line-height:50px;}

.page5 .hmp3_adrInfo p.fa-address{ width:210px; line-height:25px;}

.page5 .hmp3_adrInfo p.fa-phone{ width:300px;line-height:50px;}

.page5 .hmp3_adrInfo p.fa-email{ width:210px;line-height:50px;}

.page5 .hmp3_adrInfo p.fa-company i{
	width: 28px;
	height: 32px;
	float: left;
	background-image: url(../images/s1.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right:15px;
	margin-top:9px;
}
.page5 .hmp3_adrInfo p.fa-address i{
	width: 24px;
	height: 32px;
	float: left;
	background-image: url(../images/s2.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top:9px;
	margin-right:15px;
}
.page5 .hmp3_adrInfo p.fa-phone i{
	width: 28px;
	height: 32px;
	float: left;
	background-image: url(../images/s3.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right:15px;
	margin-top:9px;
}
.page5 .hmp3_adrInfo p.fa-email i{
	width: 24px;
	height: 32px;
	float: left;
	background-image: url(../images/s4.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right:15px;
	margin-top:9px;
}

.page5 .search{
	width: 505px;
	height: 60px;
	margin-top:25px;
	overflow:hidden;
	position:relative;
	z-index:100;
	background-color: #FFF;
	 -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}

.page5 .search input.txt{
	width: 450px;
	height: 60px;
	position: absolute;
	z-index: 100;
	padding-left: 60px;
	background-color: #f2f2f2;
}

.page5 .search i{
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(../images/s5.png);
	background-repeat: no-repeat;
	background-position: center center;
	position:absolute;
	left:18px;
	top:18px;
	z-index:10000;
}

.page5 .search input.btn{
	width: 136px;
	height: 60px;
	line-height: 60px;
	position: absolute;
	z-index: 10000;
	right: 0px;
	top: 0px;
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 22px;
	color: #FFF;
	text-align: center;
	cursor:pointer;
}

.page5 .hmp9Map {
    position: absolute;
    top: 50%;
    right: 0px;
	margin-top:-93px;
	width:148px;
	height:186px;
}

@media (min-width:768px){
.navbar-brand-m{ display:none;}
.page1 h2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page1.active h2{  opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.page1 .intro{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page1.active .intro{  opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.page1 .more{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page1.active .more{  opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.page2 .page2box_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page2.active .page2box_t1{  opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.page2 .page2box_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page2.active .page2box_t2{  opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
.page2 #content{    
    opacity: 0;
    transform: translate(0px,200px);
    transition: all 0.5s ease-in-out;
}
.page2.active #content{    
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.7s;
}
.page2 #tabs{    
    opacity: 0;
    transform: translate(0px,200px);
    transition: all 0.5s ease-in-out;
}
.page2.active #tabs{    
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 1.2s;
}
.page3.active .hmPage3L{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }
.page3.active .hmPage3R{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn;}
.page3 .hmp3_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page3.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.page3 .hmp3_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page3.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.page3 .hmp3Des{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page3.active .hmp3Des{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.page3 .hmp3MoreBox{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out; display:inline-block;}
.page3.active .hmp3MoreBox{ opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}
.page4 .hmp2_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page4.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.page4 .hmp2_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out; padding-top:10px;}
.page4.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.page4 .hmp2_p1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page4.active .hmp2_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmp8_newsList li:nth-child(1){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.page4.active .hmp8_newsList li:nth-child(1){opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmp8_newsList li:nth-child(2){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.page4.active .hmp8_newsList li:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}
.hmp8_newsList li:nth-child(3){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.page4.active .hmp8_newsList li:nth-child(3){opacity:1; transform:translate(0px,0px); transition-delay:1.3s;}
.page5 .hmp3_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page5.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.page5 .hmp3_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page5.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.page5 .hmp3_adrInfo{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.page5.active .hmp3_adrInfo{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.page5 .hmp9Map{opacity:0; transform:translate(50px,0px); transition:all 0.5s ease-in-out;}
.page5.active .hmp9Map{ opacity:1; transform:translate(0px,0px); transition-delay:1.0s;}
.page5 .hmp9Bom{opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.page5.active .hmp9Bom{ opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.page5 .search{opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.page5.active .search{ opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.container {
    width: auto;
}
.container-fluid{ width: auto;}

.page2 .page2box #content ul{ width:auto; margin:25px -2%;}
.page2 .page2box #content ul li{ float:left; height:auto;overflow: hidden;position: relative; width:30%; margin-left:2%; margin-right:2%;}

.page2 .page2box #tabs{
	width: auto;
	height: auto;
	min-height:50px;
	margin: 0 auto;
}
.page2 .page2box .page2box_t2{ line-height:35px;}
.page2 .page2box .page2box_t1{ padding-top:60px;}
}

@media (min-width:993px){
nav.navbar.bootsnav ul.nav > li > a{ padding:0 7px; line-height:75px; font-size:16px; position:relative; font-weight:normal; color:#555;}
nav.navbar.bootsnav ul.nav > li{
	margin-top: 0;
	padding-right: 35px;
	margin-bottom: 0;
	padding-left: 28px;
	margin-right: 0px;
	margin-left: 0px;
}
nav.navbar.bootsnav ul.nav li.last{background:none;}
nav.navbar.bootsnav ul.nav > li.current > a,nav.navbar.bootsnav ul.nav > li > a:hover{font-weight:bold;color:#1A54A3;}
nav.navbar.bootsnav ul.nav > li > a:after{ content:""; height:5px; background:#fff; position:absolute; bottom:-1px; left:50%; width:0; transition:all 0.3s ease-in-out;}
nav.navbar.bootsnav ul.nav > li.current > a:after,nav.navbar.bootsnav ul.nav > li.on > a:after{content:""; width:100%; left:0; background-color:#1A54A3}
nav.navbar.bootsnav ul.nav > li > a:hover:after{content:""; width:100%; left:0;background-color:#1A54A3}
.navbar-brand{padding:0; display:block;}
.navbar-toggle{ display:none;}
nav.navbar.bootsnav {
    margin-bottom: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    border: none;
    z-index: 9000;
	background-image: url(../images/navbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
nav.navbar.bootsnav.navbar-fixed.navBombar ul.nav > li.current > a,nav.navbar.bootsnav.navbar-fixed.navBombar ul.nav > li > a:hover{font-weight:bold; color:#1A54A3;}
nav.navbar.bootsnav.navbar-fixed.navBombar ul.nav > li > a:after{ background:#1A54A3;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{border:none; background:rgba(0,0,0,0.55); width:146px; left:50%; margin-left:-73px; padding:15px 0; border-radius:0.3em;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{border:none; padding:0; text-align:center; line-height:42px; height:42px; font-size:14px; color:#fff;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{ color:#fff; font-weight:800; text-decoration:underline;}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{display:none;}
.container,.container-fluid{
    width: 970px;
}

.col-sm-6 {
    width: 50%;
}
.col-md-4 {
    width: 33.33333333%;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}

.container {
    width: auto;
}
.container-fluid{ width: auto;}

.page2 .page2box #content ul{ width:auto;}
.page2 .page2box #content ul li{ float:left; height:auto;overflow: hidden;position: relative; width:30%; margin-left:1.6%; margin-right:1.6%;}


.page2 .page2box #tabs{
	width: auto;
	height: auto;
	margin: 0 auto;
}
#sliderMenu {
    display: none;
}

}
@media (min-width:1368px){
	.container {
    width: 1200px;
}
.container-fluid{ width: 1200px;}
nav.navbar.bootsnav ul.nav > li > a
{
	height:95px;
	line-height:95px;
}
#sliderMenu {
    display: block;
}
.page2 .page2box #content ul{ margin: 25px -1.6%;}
}


@media (max-width: 1367px)
{
.navbar-header{ margin-top:8px;}
.page3 .pagebox {
    top: 75px;
}
.container {
    width: 900px;
}
.container-fluid{ width:1200px;}
#sliderMenu {
    display: none;
}
.hmP3Txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 12% 0px 11%;
    left: 0;
}
.navbar-brand{
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.navbar-brand img{ width:200px; height:auto;}

nav.navbar.bootsnav.navbar-fixed{ height:75px;}

.navbar-footer{ margin-top:26px;}

.hmp3_t1 {
    font-size: 24px!important;
    line-height: 32px!important;
}
.hmp3_t2 {
    font: bold 28px/30px Arial;
    height: 40px;
}
.hmp2_t1 {
    font-size: 24px;
    height: 32px;
    line-height: 32px;
	padding-top:30px;
}
.hmp2_t2 img{ width:200px; height:auto; padding-top:10px;}
.page5 .hmp3_t2{ height:42px;}
.page5 .hmp3_t2 img{ width:200px; height:auto; padding-top:0px;}
.hmp8Txt p{ height:40px;}
.hmp2_t2{ padding-bottom:0px; font-size:32px;}
.page2 .page2box #tabs li a{ font-size:16px;padding-top:30px;}
.page2 .page2box #content ul{ margin: 15px auto;}

.page5 .search{
 height:50px;
 line-height:50px;
}
.page5 .search input.txt{ height:50px; line-height:50px;}

.page5 .search input.btn{ height:50px; line-height:50px;}

.page5 .search i{ top:13px;}

.page3 .hmp4_t1 {
    font-size: 24px!important;
    line-height: 32px!important;
	margin-top:40px;
}
.page3 .hmp4_t2 {
   height:50px;
   padding-top:0px;
}
.page3 .hmp4_t2 img{ width:250px; height:auto;}

.page3 .mt-40{ margin-top:20px;}

.page3 .left li{ padding-bottom:0px;}

}
@media (max-width: 1200px)
{
.container {
    width: 900px;
}
.container-fluid{ width: auto;}
#sliderMenu {
    display: none;
}
.hmP3Txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 12% 0px 11%;
    left: 0;
}
}
@media (max-width: 992px) {
.container {
    width: auto;
}
.container-fluid{ width: auto;}
#sliderMenu{
    display: none;
}
nav.navbar.bootsnav {
    background-color: rgba(0,0,0,0.55)!important;
    border: none;
}
nav.navbar.bootsnav{ border:none; height:50px!important;}
.container-fluid{ width:100%; padding-left:0px; padding-right:0px;}
.navbar-brand img {
    width: 80px;
    height: auto;
}
.navbar-brand{padding:13px 0 0}
.navbar-brand img{width:80px; height:auto;}
nav.navbar.bootsnav .navbar-toggle{
	color: #fff;
	border: none;
	padding: 0;
	width: 18px;
	height: 16px;
	position: relative;
	top: 5px;
	background-image: url(../images/nav_m.png);
	background-repeat: no-repeat;
	background-size:100%;
	background-color:transparent;
	display: inline-block;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
	border:0px;
}
nav.navbar.bootsnav ul.nav > li > a{color:#fff; font-size:14px;}
nav ul.navbar-center{ display:none; z-index:1000; width:100%;background-color: rgba(0,0,0,0.55)!important;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;
}
nav ul.navbar-center.in{ display:block!important;}
nav.navbar.bootsnav .navbar-header {
    float: none;
    display: block;
    text-align: center;
}
.navbar-footer{ display:none;}

.hmp8_ul{ padding-bottom:100px;}
.hmp8_ul li:last-child {
    display: none!important;
}
.navbar-brand{ display:none;}
.navbar-brand-m {
    display: block;
    width: 80px;
    height: auto;
    padding: 2px 0 0;
    text-align: center;
    margin: 0 auto;
}
.page2 .page2box{ width:auto; float:none;}
.page3 .pagebox{ width:auto; position:static;}
.page3.active .right{ display:none;}
.page3 .left{ width:auto; float:none; padding-left:15px; padding-right:15px;}
.page3 .left .con {
    width: 100%;
    height: auto;
    position:static;
    float: none;
    left: 0;
    margin-left: 0;
    top: 0;
    margin-top: 0;
    z-index: 5;
}
}

@media (max-width: 767px){
.navbar-brand-m{ display:block; width:80px; height:auto;padding: 2px 0 0; text-align:center; margin:0 auto;}
.navbar-brand-m img {
    width: 80px;
    height: auto;
}
.navbar-brand{ display:none;}
nav.navbar.bootsnav {
    background-color: rgba(0,0,0,0.55)!important;
    border: none;
}
nav.navbar.bootsnav .navbar-collapse.collapse.in {
    display: block!important;
}
nav.navbar.bootsnav.no-full .navbar-collapse {
    max-height: 350px;
    overflow-y: auto!important;
}
nav.navbar.bootsnav .navbar-collapse {
    border: none;
    margin-bottom: 0;
}
nav.navbar.bootsnav .navbar-nav {
    float: none!important;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom:15px;
	margin-top:5px;
}
nav.navbar.bootsnav ul.nav > li {
    margin: 0 12px;
	float:none;
}
nav.navbar.bootsnav .navbar-nav>li:first-child>a {
    border-top: none;
}
nav.navbar.bootsnav ul.nav li#nav6{
	display:block !important;}
nav.navbar.bootsnav ul.nav > li > a {
    color: #fff;
    font-size: 14px;
	padding:0px;
}
nav.navbar.bootsnav .navbar-nav>li>a {
    display: block;
    width: 100%;
    border-bottom: solid 1px #e0e0e0;
    padding: 10px 0;
    border-top: solid 1px #e0e0e0;
    margin-bottom: -1px;
}
.navbar-nav>li>a {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    line-height: 20px!important;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
#sliderMenu{
    display: none;
}
.swiper-button-next, .swiper-button-prev{ display:none;}
.page1 .slide-content{ width:90%; left:5%; margin-left:0px;}
.page1 .slide-content h2{width:45%; height:auto;}
.page1 .slide-content h2 img{ width:100%; height:auto;}
.page1 .slide-content .intro{ font-size:12px; padding-left:10px; width:auto; line-height:2em;}
.page1 .slide-content .more{
	font-size:12px;
	height:1.9em;
	line-height:1.9em;
	margin-left:15px;
}
.hmp4_t1, .hmp3_t1 {
    margin-top: 0;
}
.page2 .page2box #content ul{ width:100%;}
.page2 .page2box #content ul li img{ height:auto; width:100%;}	
.page2 .page2box #content ul li:nth-child(1),.page2 .page2box #content ul li:nth-child(2){ height:auto; width:33.3%;}
.page2 .page2box #content ul li:nth-child(3){ height:auto; width:33.3%;}	
.page2 .page2box #tabs{ width:100%; margin-bottom:50px;}
.page2 .page2box #tabs li a{ font-size:12px; line-height:2em;}
.hmPage3L{width:100%; height:320px; overflow:hidden; float:none; display:none;}
.hmPage3R{width:100%; height:auto; position:relative; overflow:hidden;}
.hmP3Txt{position:static; transform:translateY(0);padding-left:15px; padding-right:15px; padding-bottom:60px; padding-top:50px;}
.hmp8Txt p{ height:5px;}
.hmp8_more {
    bottom: 20px;
    left: 50%;
    right: auto;
    margin-left: -57px;
    top: auto;
}
.page5 .hmp8_ul{ padding-bottom:50px; padding-top:10px;}

.page5 .hmp9Map {
    position: relative!important;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
	display:block;
	margin:0 auto;
	padding-top:25px;
}
.page5 .hmp3_t1{ margin-top:20px;}
.page5 .hmp9Top{padding-right:20px; padding-left:20px; padding-top:10px;}
.page5 .hmp9Map{position:relative; left:0; top:0; right:auto; bottom:auto;}
.page5 .hmp9Bom{padding-bottom:150px;}

.page5 .hmp3_adrInfo p{ clear:both; float:none; width:100%!important; line-height:40px!important; margin-top:0!important;}
.page5 .search{ width:100%;}

.hmp8_ul li{ margin-bottom:20px;}

.page5 .search input.btn{ width:100px;font-size: 18px;}

.page5 .hmp3_adrInfo{ font-size:12px;}

.page5 .hmp3_adrInfo p.fa-company i{
	width: 28px;
	height: 32px;
	float: left;
	margin-right:15px;
	margin-top:4px;
	background-size:80% auto;
}
.page5 .hmp3_adrInfo p.fa-address i{
	width: 24px;
	height: 32px;
	float: left;
	margin-top:4px;
	margin-right:15px;
	background-size:80% auto;
}
.page5 .hmp3_adrInfo p.fa-phone i{
	width: 28px;
	height: 32px;
	float: left;
	margin-right:15px;
	margin-top:4px;
	background-size:80% auto;
}
.page5 .hmp3_adrInfo p.fa-email i{
	width: 24px;
	height: 32px;
	float: left;
	margin-right:15px;
	margin-top:4px;
	background-size:80% auto;
}
.page5 .hmp3_t2 img {
    width: 150px;
    height: auto;
    padding-top: 0px;
}
.page2 .hmp2_t2 {
    height: 2.5em;
    font-size: 26px;
    line-height: 2em;

}
.page2 .page2box .more {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    display: block;
    position: absolute;
    right: 0px;
    top: 30px;
    padding-top: 0px;
}

.page2 .hmp2Des{ font-size:14px;}

.page2 .page2box #tabs li a span{ font-size:14px;}

.page3 .hmp4_t1{ font-size:24px; margin-top:30px;}

.page3 .hmp4_t2{ height:40px; line-height:40px; margin-top:0px;}

.page3 .hmp4_t2 img{ width:200px; height:auto;}

.page3 .left .list {
    background-position: 0px top;
}

.page3 .left li span{

	font-size: 20px;
	width:20%;
	
}
.page3 .left li span em{
	font-size: 12px;
}
.page3 .left li .text{width:70%;float:right;padding-bottom:16px;}

.page3 .left li h3{
	font-size:14px;

}
.page3 .left li a{ font-size:16px;}
.page3 .left li h4{

	font-size: 14px;
	
}
.page3 .left .more{ margin-bottom:30px;}
.hmFooter span{ clear:both; text-align:center; display:block;}
}

@media (max-width: 767px)
{
.page5 .search input.btn {
    width: 70px;
	font-size: 16px;
}
.hmp3Des {
    padding: 20px 0px 5px;
}
.page4 .hmp3_list{ margin-bottom:80px;}

.page4 .hmp3_list li .img{ margin-bottom:35px;}

.page4 .hmp3_list li .title{ bottom:0; display:block; margin-bottom:0px;}

.page4 .hmp3_list li .title span{ font-size:14px;}

.page4 .hmp3_list li .title span:before{
	display:none;
}

.page4 .hmp3_list li .title span:after {
	display:none;
}


}