html{height:100%;width:100%;}
.selection {
   height:100%;width:100%; overflow:hidden; position:relative;
}
select,body,div,a,input,td,select,button{font-size:14px;color:#000;font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;}
img{border:0}
ul,li,form,input,p,select,body,div,span,dl{margin:0;padding:0;}
body{background:#fff; position:relative;width:100%;height:100%;}
.coloe{background:#f3f3f3;height:auto;}
li{list-style-type: none;}
input{outline:medium;}
em, b,h1,h2,h3,h4,h5,h6 { font-style:normal;font-weight:500;padding:0;margin:0; }
a:link  { color:#595757; text-decoration:none;}
a:visited  {color:#595757;text-decoration:none;}
a:hover  { color:#fe941e;text-decoration:none;}
textarea{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;}
.clearfix{ clear:both;}

.hbanner{ width:100%; height:100%; position:relative; overflow:hidden; }

#swiper-container {
    width: 100%;
    margin: 0 auto;
height:100%;
	overflow:hidden;
}

#swiper-container .inbarlogo {
    position: absolute;
    z-index: 6;
}

#swiper-container .inbartxt {
    position: absolute;
    z-index: 5;
}





#swiper-container .inbartxt2 {
    width: 40%;
    left: 10%;
    top: 35%;
}



#swiper-container .inbartxt3 {
    width: 30%;
    left: 13%;
    top: 30%;
}



#swiper-container .inbartxt4 {
    width: 45%;
    left: 5%;
    top: 30%;
}

#swiper-container .inbartxt5 {
    width: 75%;
    right: 8%;
    bottom: 15%;
}


.imgblock{ display:block;}
.imgnone{ display:none}

#swiper-container .swiper-slide{width:100%; height:100%;  overflow:hidden;}
#swiper-container .swiper-slide .bg {
    -webkit-transition: transform 6s;
    -moz-transition: transform 6s;
    -ms-transition: transform 6s;
    -o-transition: transform 6s;
    transition: transform 6s;
}

#swiper-container .swiper-slide .bg.curr {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#swiper-container .swiper-pagination {
    bottom: 80px;
}

#swiper-container .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    opacity: 1;
    position: relative;
    border: 2px solid #fff;
	background:none;
}



#swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: none;
	border: 2px solid #d20312;
}



.swiper-slide video#myVideo{ width:100%;}


.cover-arrow {
  position: absolute;
  z-index: 10006;
  bottom: 80px;
  right: 0;
  left: 0;
  text-align: center; }

.bounce {
  -webkit-animation: bounce 3s infinite;
          animation: bounce 3s infinite; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); } }


.text-white {
  color: #fff !important; }


.hjianjie{ width:80%; margin:0 auto;}
.hjianjie_1{ text-align:right; font-size:40px; color:#ffffff; font-weight:bold; }
.hjianjie_2{ text-align:right; margin-top:5%; padding-right:1%;}
.hjianjie_2 a{font-size:18px; color:#ffffff; line-height:30px;  padding-bottom:10px; border-bottom:1px #FFFFFF solid; }
.hjianjie_2 a:hover{ color:#dab96b; border-bottom:1px #dab96b solid; }


.web_top{width:100%; position:fixed;top:0;left:0;z-index:999;transition:all 0.2s linear;margin:0 auto; text-align:center;}
.web_dh{width:100%;  transition:all 0.2s linear; }
.dh_tel{ text-align:left;  transition:all 0.2s linear;}
.dh_tel img{ width:100%;}
.dh_tel .span1{ padding-left:30px;}
.dh_tel .span2{ padding-right:30px; float:right; display: inline-block; background:url(../images/toptel.png) no-repeat left center; padding-left:30px;}

.web_menu{ width:100%; height:90px;  }

.web_logo{width:420px; height:90px; float:left; margin-left:30px;background:url(../images/logo.png) no-repeat;transition:all 0.3s linear;}
.dh_menu{width:1200px; margin-top:20px; margin-right:30px;  float:right;}
.dh_menu li.dh_l{margin-left:0; float:right;}

.dh_menu li a{color:#ffffff;position:relative;display:block;padding:10px 0 10px 0; margin-left:100px; font-size:15px; float:left; font-weight:bold;}
.dh_menu li a:after {content:''; display:inline-block; width:0%; height:3px; position:absolute; top:0; background:#30b8bd; left:50%; margin-left:0; transition:all 0.25s 0.1s; -webkit-transition:all 0.25s 0.1s;}
.dh_menu li:hover  a:after,.dh_menu li.cur  a:after {width:100%; margin-left:-49.8%;}
.dh_menu li a span{ display:block; color:#ffffff; font-size:10px; font-family:Verdana, Arial, sans-serif; font-weight:normal;}
.dh_menu li:hover a{ color:#30b8bd;}
.dh_menu li:hover a span{ color:#30b8bd;}

.soll_dh_p{height:90px;background:rgba(255,255,255,1.0);position:fixed;top:0;left:0;z-index:999; }
.soll_dh_p .dh_tel{ display:none;}
.soll_dh_p .web_menu{ height:90px;}
.soll_dh_p .web_logo{background:url(../images/logo.png) no-repeat;height:90px;}
.soll_dh_p .web_dh{margin-top:0;}
.soll_dh_p .dh_menu{margin-top:20px;}
.soll_dh_p li a{color:#5d5d5d; padding:10px 0 0px 0;}
.soll_dh_p li a:after { background:#30b8bd;}
.soll_dh_p .dh_tel{ color:#333333; }

.soll_dh_p li a span{color:#5d5d5d;}
.soll_dh_p li:hover a{ color:#30b8bd;}
.soll_dh_p li:hover a span{ color:#030b8bd;}


.nav li{

		position:relative;
		text-align:center;
	}
.nav li .sub-nav{
		position:absolute;
		top:50px;
		left:20px;
		width:120px;
		list-style:none;
		background-color:#ffffff;
		display:none;
		z-index:100;
		padding-top:10px;
	}
	
	.nav li .sub-nav li{
		text-align:center;
		clear:left;
		width:120px;
		height:40px;
		line-height:40px;
		position:relative;
		border-bottom:1px #f6f6f6 solid;
	}
	.nav li .sub-nav li a{
		height:40px;
		line-height:40px;
		width:120px;
		padding:0;
		display:inline-block;
		font-size:14px;
		margin:0px;
		color:#333333;
	
		
	}
	.nav li .sub-nav li a:hover{color:#e50012}
	.nav li .sub-nav li a:after {content:''; display:inline-block; width:0%; height:0px; position:absolute; top:0; background:none; left:50%; margin-left:0; transition:all 0.25s 0.1s; -webkit-transition:all 0.25s 0.1s; }

.div-table1{width:100%; height:100%; position:absolute; overflow:hidden;}
.div-table1 video#myVideo{ width: 100%; object-fit: cover;}


.div-table2{background:url(../images/hljbg1.jpg) no-repeat center; background-size:cover;  width:100%; height:100%; position:absolute; overflow:hidden;}
.div-table2.active{transform:scale(1.1); transition: all 3s ease-in-out 0s;}

.div-table3{background:url(../images/hljbg2.jpg) no-repeat center; background-size:cover;  width:100%; height:100%; position:absolute; overflow:hidden;}
.div-table3.active{transform:scale(1.1); transition: all 3s ease-in-out 0s;}

.div-table4{background:url(../images/hljbg3.jpg) no-repeat center; background-size:cover;  width:100%; height:100%; position:absolute; overflow:hidden;}
.div-table4.active{transform:scale(1.1); transition: all 3s ease-in-out 0s;}

.div-table5{background:url(../images/hljbg7.jpg) no-repeat center; background-size:cover;  width:100%; height:100%; position:absolute; overflow:hidden;}
.div-table5.active{transform:scale(1.1); transition: all 3s ease-in-out 0s;}

.div-table6{background:url(../images/hljbg4.jpg) no-repeat center; background-size:cover;  width:100%; height:100%; position:absolute; overflow:hidden;}
.div-table6.active{transform:scale(1.1); transition: all 3s ease-in-out 0s;}

.div-table7{background:url(../images/hljbg5.jpg) no-repeat center; background-size:cover;  width:100%; height:100%; position:absolute; overflow:hidden;}
.div-table7.active{transform:scale(1.1); transition: all 3s ease-in-out 0s;}

.div-table8{background:url(../images/hljbg6.jpg) no-repeat center; background-size:cover;  width:100%; height:100%; position:absolute; overflow:hidden;}
.div-table8.active{transform:scale(1.1); transition: all 3s ease-in-out 0s;}

.foot{width:100%;height:50px;line-height:50px;z-index:998;bottom:0;left:0;text-align:center;background-color:rgba(255,255,255,0.6);}
.fuursa{position:absolute;}
.fuursf{position:static;}
.f-1200{width:90%;margin:0 auto;position:relative;}
.foot span{display:block;position:absolute;top:0;}
.foot span.abs-l{left:0;}
.foot span.abs-l a{margin-right:15px;}
.foot span.abs-r{right:0;}
.foot span a,.foot span,.foot p{font-size:14px;color:#222222;}
.foot span a:hover{color:#222222;text-decoration:underline;}


@-webkit-keyframes flipInYa {
 0%{-webkit-transform:scale(1)}
 50%{-webkit-transform:scale(0.8)}
 100%{-webkit-transform:scale(1)}
}


@-webkit-keyframes dhw {
 0%{bottom:20px;opacity:0.5;}
 20%{bottom:18px;opacity:0.7;}
 40%{bottom:16px;opacity:1;}
 60%{bottom:16px;opacity:1;}
 80%{bottom:18px;opacity:0.7;}
 100%{bottom:20px;opacity:0.5;}
}



.div-table{display: table;width:100%;height:100%; position:relative; overflow:hidden;}
.div-td{display: table-cell;vertical-align: middle; overflow:hidden;}



@-webkit-keyframes flipInY {0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0.5}
40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);}
60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100% {-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY {0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0.5}
40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);}
60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100% {-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}


#container { margin: 0 auto; overflow: hidden; width:100%; max-width:1200px; margin:0 auto; } 




.agabout{ width:90%;  padding:0px 5%; padding-top:4%;}
.agabout_1{ width:100%; margin:0 auto;}
.agabout_1_1{ width:50%; float:left; text-align:left; padding-top:3%;}
.agabout_1_2{ width:55%; float:right;}
.agabout_1_2 img{ width:100%;}
.agabout_1_1_1{ width:200px; height:134px; background:url(../images/agaboutbg2.png) no-repeat center left 20px;}
.agabout_1_1_1_1{ text-align:left; font-size:30px; color:#30b8bd; line-height:30px; padding-top:40px; font-weight:bold;}
.agabout_1_1_1_2{ text-align:left; font-size:14px; color:#30b8bd; line-height:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.agabout_1_1_2{ text-align:left; font-size:24px; color:#5d5d5d; margin-top:50px; line-height:40px;}
.agabout_1_1_3{ text-align:left;}
.agabout_1_1_3 p{font-size:16px; color:#5d5d5d; line-height:36px; margin-top:40px;}
.agabout_1_1_4{ width:100%; margin-top:50px;}
.agabout_1_1_4_1{ width:29.3333333333333%; float:left; margin-right:2%; padding:15px 1%; background:#30b8bd; border-radius:6px;}
.agabout_1_1_4_1 img{ display:block; width:auto; height:auto; max-width:100%; margin:0 auto;}


.hljtit{ width:100%; text-align:center;}
.hljtit_1{font-size:30px; text-align:center; color:#30b8bd; line-height:40px; font-weight:bold;}
.hljtit_2{text-align:center; font-size:14px; color:#30b8bd; line-height:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.hljtit_3{ width:40%; margin:0 auto; font-size: 14px;line-height: 25px;color: #30b8bd; text-align:center; margin-top:2%;}

.d-yz{ width:90%; margin:0px 5%; padding-top:10%;}

.d-yz .hljtit .hljtit_1,.d-yz .hljtit .hljtit_2{color:#30b8bd;}




.hyoushi{width:86%; margin:0 auto; text-align:center; padding-top:7%;}
.hyoushi .hljtit .hljtit_1,.hyoushi .hljtit .hljtit_2{text-align:center; width:80%; margin:0 auto;  color:#30b8bd; }

.hyoushi_1{ width:90%; background:url(../images/hljbg3bg.png) repeat-y center; background-size:100% auto; padding:2% 5%; margin-top:3%;}
.hyoushi_1_1{ width:21%; margin:2% 2%; float:left; position:relative;}
.hyoushi_1_1_1{ text-align:center; position:relative;}
.hyoushi_1_1_1 img{ display:block; width:auto; max-width:100%; margin:0 auto; height:auto;}
.hyoushi_1_1_2{ position:absolute; text-align:center; left:35%; padding-top:10%; z-index:100; width:80%; margin:0 auto;}
.hyoushi_1_1_2 h2{ font-size:24px; color:#FFFFFF; text-align:left;}
.hyoushi_1_1_2 span{ display:block; height:2px; width:80px; background:#ffffff; margin:3% 0px;}
.hyoushi_1_1_2 p{ font-size:16px; color:#FFFFFF; text-align:left;}



.hrongyu{width:56%; margin:0 auto; text-align:center; padding-top:5%;margin-left:35%;}
.hrongyu .hljtit .hljtit_1,.hrongyu .hljtit .hljtit_2{text-align:left; padding-left:30px; color:#ffffff;}
.hrongyu_con{width:100%;  margin:0 auto; margin-top:4%; }
.hrongyu_1{ width:30.3333333333%; margin:1.5%; float:left;}
.hrongyu_1 img{ width:100%;}
.hrongyu_last img{ width:90%; padding:5%;}



.hcase{width:86%; margin:0 auto; text-align:center; margin-top:-15%;}
.hcase_left{ width:80%;}
.hcase_right{ width:15%; float:right; text-align:center;}
.hcase_right img { display:block; width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto;}

.hcasetit{ width:100%; text-align:left;}
.hcasetit_1{font-size:30px; text-align:left; color:#000000; line-height:40px; font-weight:bold;}
.hcasetit_2{text-align:left; font-size:14px; color:#000000; line-height:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.hcase_1{ width:70%; padding:1% 0px; margin-top:2%;  text-align:left; font-size:14px; color:#000000; line-height:30px;}
.hcase_2{ width:70%;  margin-top:3%; position:absolute;}

.gallery-list{width:98%; overflow:hidden; padding:1%; position:relative; background:#FFFFFF;}
.gallery-list .item{ width:96%; margin:0px 2%;}
.image-box{}
.owl-carousel .owl-nav{ }	
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{ position:absolute; top:42.5%; width:30px; height:30px; z-index:99999;  -webkit-transition: transform 2s;
    -moz-transition: transform 2s;
    -ms-transition: transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s; 
	
	opacity: 0;}
.owl-carousel .owl-nav .owl-prev{ left:0px; }
.owl-carousel .owl-nav .owl-next{ right:0px; float:right;}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{font-size:30px; color:#000000;}

.owl-carousel:hover .owl-nav .owl-next,.owl-carousel:hover .owl-nav .owl-prev{opacity: 1;}

.owl-carousel .owl-dots .owl-dot {
  border-radius: 3px;
}
.owl-dots {
position:absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    bottom:20px;
	right:20px;
}

.owl-carousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: rgba(0, 0, 0, .5)
}

.owl-carousel .owl-dots .owl-dot:focus {
    outline: none
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #000
}

.hcpcp_1_1{ font-size:14px; color:#000000; line-height:40px;}


.hnews{ width:90%; margin:0 5%; padding-top:3%; }
.hnews_1{ width:100%;}
.hnews_1_1{ }
.hnews_1_1_1{ margin-top:3%; width:45%; float:left; margin-right:4%;}
.hnews_1_1_1_1{ width:240px; height:140px; overflow:hidden; float:left;}
.hnews_1_1_1_1 img{ width:100%;}
.hnews_1_1_1_2{ width:auto; margin-left:260px;}
.hnews_1_1_1_2_1{ text-align:left; height:40px; overflow:hidden;}
.hnews_1_1_1_2_1 a{  font-size:17px; line-height:40px; font-weight:bold; color:#5d5d5d;}
.hnews_1_1_1_2_1 a:hover{ color:#dab96b;}
.hnews_1_1_1_2_2{text-align:left; height:90px; overflow:hidden; margin-top:5px;}
.hnews_1_1_1_2_2 p{ text-indent:0em;  line-height:30px; font-size:14px; color:#5d5d5d;}
.hnews_1_2{width:160px; height:40px; margin:0 auto; margin-top:30px;}
.hnews_1_2 a{ display:block; width:160px; height:40px; margin:0 auto; line-height:40px; text-align:center; font-size:15px; color:#5d5d5d; border:1px #333333 solid;}
.hnews_1_2 a:hover{color:#dab96b; border:1px #dab96b solid;}




.hlianxi{width:80%; margin:0 auto;}
.hlianxi_1{ margin-top:3%;}
.hlianxi_1_1{ width:33.33333333%; float:left;}
.hlianxi_1_1_1{ padding-top:30px; text-align:center;}
.hlianxi_1_1_1 IMG{ width:100PX; margin:0 auto;}
.hlianxi_1_1_2{ padding-top:50px; font-size:16px; color:#5d5d5d; text-align:center; line-height:30px;}


.pag_1_h1{position:relative;opacity:0;bottom:-50px;}
.pag_1_p{position:relative;opacity:0;bottom:50px;}

.pag_2_1{position:relative;opacity:0;bottom:-100px;}
.pag_2_2{position:relative;opacity:0;bottom:-80px;}
.pag_2_3{position:relative;opacity:0;bottom:-80px;}
.pag_2_4{position:relative;opacity:0;bottom:-80px;}
.pag_2_5{position:relative;opacity:0;bottom:-50px;}
.pag_2_6{position:relative;opacity:0;bottom:-50px;}
.pag_2_7{position:relative;opacity:0;bottom:-50px;}
.pag_2_8{position:relative;opacity:0;bottom:-50px;}


.pag_3_1{position:relative;opacity:0;bottom:-80px;}
.pag_3_2{position:relative;opacity:0;bottom:-80px;}
.pag_3_3{position:relative;opacity:0;bottom:-80px;}
.pag_3_4{position:relative;opacity:0;bottom:-80px;}
.pag_3_5{position:relative;opacity:0;bottom:-80px;}
.pag_3_6{position:relative;opacity:0;bottom:-80px;}
.pag_3_7{position:relative;opacity:0;bottom:-80px;}
.pag_3_8{position:relative;opacity:0;bottom:-80px;}
.pag_3_9{position:relative;opacity:0;bottom:-80px;}
.pag_3_10{position:relative;opacity:0;bottom:-80px;}

.pag_4_1{position:relative;opacity:0;bottom:-80px;}
.pag_4_2{position:relative;opacity:0;bottom:-80px;}
.pag_4_3{position:relative;opacity:0;bottom:-80px;}
.pag_4_4{position:relative;opacity:0;bottom:-80px;}
.pag_4_5{position:relative;opacity:0;bottom:-80px;}
.pag_4_6{position:relative;opacity:0;bottom:-80px;}
.pag_4_7{position:relative;opacity:0;bottom:-80px;}
.pag_4_8{position:relative;opacity:0;bottom:-80px;}
.pag_4_9{position:relative;opacity:0;bottom:-80px;}
.pag_4_10{position:relative;opacity:0;bottom:-80px;}

.pag_5_1{position:relative;opacity:0;bottom:-80px;}
.pag_5_2{position:relative;opacity:0;bottom:-80px;}
.pag_5_3{position:relative;opacity:0;bottom:-80px;}
.pag_5_4{position:relative;opacity:0;bottom:-80px;}
.pag_5_5{position:relative;opacity:0;bottom:-80px;}
.pag_5_6{position:relative;opacity:0;bottom:-80px;}
.pag_5_7{position:relative;opacity:0;bottom:-80px;}

.pag_6_1{position:relative;opacity:0;bottom:-80px;}
.pag_6_2{position:relative;opacity:0;bottom:-80px;}
.pag_6_3{position:relative;opacity:0;bottom:-80px;}
.pag_6_4{position:relative;opacity:0;bottom:-80px;}


.pag_7_1{position:relative;opacity:0;bottom:-80px;}
.pag_7_2{position:relative;opacity:0;bottom:-80px;}
.pag_7_3{position:relative;opacity:0;bottom:-80px;}
.pag_7_4{position:relative;opacity:0;bottom:-80px;}
.pag_7_5{position:relative;opacity:0;bottom:-80px;}
.pag_7_6{position:relative;opacity:0;bottom:-80px;}
.pag_7_7{position:relative;opacity:0;bottom:-80px;}
.pag_7_8{position:relative;opacity:0;bottom:-80px;}
.pag_7_9{position:relative;opacity:0;bottom:-80px;}

.pag_8_1{position:relative;opacity:0;bottom:-80px;}
.pag_8_2{position:relative;opacity:0;bottom:-80px;}
.pag_8_3{position:relative;opacity:0;bottom:-80px;}
.pag_8_4{position:relative;opacity:0;bottom:-80px;}


.pos-ini-f{position:fixed;}
.ab-next{width:60px; bottom:4%;left:50%;margin-left:-30px;-webkit-animation:dhw 1.2s infinite linear;z-index:998;}
.ab-next img{width:100%;}
.ab-next a{display:block;width:100%;}
@-webkit-keyframes dhw {
 0%{bottom:20px;opacity:0.5;}
 20%{bottom:18px;opacity:0.7;}
 40%{bottom:16px;opacity:1;}
 60%{bottom:16px;opacity:1;}
 80%{bottom:18px;opacity:0.7;}
 100%{bottom:20px;opacity:0.5;}
}





.navbar {
  position: relative;
  width: auto;
  display: inline-block;
  border: none;
  z-index: 9999999;
  display:none;
}

.btn-nav {
  position: absolute;
  top: 0px;
  right: 0px;
  background: transparent;
  
  padding: 8px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999999;
}



.icon-bar {
  display: block;
  margin: 8px 0;
  width: 40px;
  height: 5px;
  background-color: #30b8bd;
}
.btn-nav:hover { }
.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #dab96b;
}




.nav-content {
  position: fixed;
  top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  background:rgba(0,0,0,0.9);
  display: block;
  height: 100%;
  z-index: 999999;
}

.nav-list {
  list-style: none;
  padding: 0;
  position: relative;
  top: 15%;
  width:90%; margin:0 auto;;
}



a.item-anchor {
  color: #30b8bd;
  font-size: 18px;

  position: relative;
  text-decoration: none;
  padding: 10px 0px;
  display:block;
}

.item-anchor:hover,
.item-anchor:focus {
  color: #dab96b;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor:hover:after,
.item-anchor:focus:after{
  width: 100%;
  background: #dab96b;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

a.item-ssanchor {
  color: #cccccc;
  font-size: 15px;
  line-height:30px;

  display:block;
}
a.item-ssanchor:hover {
  color: #e50012;

}

.nav-item {
  width:94%;
  margin: 2% 3%;
  text-align:center;
  
}

.animated {
  display: block;
  margin: 0 auto;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #dab96b;
}

.animated:focus {
  cursor: pointer;
  z-index: 999999;
}


.top{ }
.middle {
  margin: 0 auto;
 
}

.bottom {
  margin-bottom:0px;
 
}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #dab96b;
}

.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
  display: block;
}

.animated .bottom {
  -webkit-transform: translateY(-16px) rotateZ(-45deg);
  -moz-transform: translateY(-16px) rotateZ(-45deg);
  -ms-transform: translateY(-16px) rotateZ(-45deg);
  -o-transform: translateY(-16px) rotateZ(-45deg);
  transform: translateY(-16px) rotateZ(-45deg);
  display: block;
}


.animated .middle {
display: block;
  width: 0;
}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {


    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {
  display: none;
}

.nav-home{ width:200px; margin-top:20%; height:36px; border-radius:20px; background-color:#FFFFFF; clear:both!important; margin:0 auto;}
.nav-home a.item-anchor{font-size:16px; color:#000000!important;  line-height:36px!important;   padding:0px; margin-bottom:0px;}

@media (max-width: 1600px) {
.dh_menu{width:1000px;}
.dh_menu li a{ margin-left:50px;}

.agabout_1_1{ padding-top:2%;}
.agabout_1_1_2{ font-size:24px; margin-top:40px; line-height:40px;}
.agabout_1_1_3 p{font-size:14px; line-height:30px; margin-top:40px;}
.agabout_1_1_4{  margin-top:50px;}


}

@media (max-width: 1440px) {
.dh_menu{width:720px;}
.dh_menu li a{ margin-left:35px;}

.agabout_1_1{ padding-top:1%;}
.agabout_1_1_2{ font-size:24px; margin-top:30px; line-height:30px;}
.agabout_1_1_3 p{font-size:14px; line-height:30px; margin-top:30px;}
.agabout_1_1_4{  margin-top:40px;}

.hcase_right img { display:block; width:auto; max-width:56%; height:auto; max-height:56%; margin:0 auto;}

}


@media (max-width: 1200px) {
.nav{ display:none;}
.navbar{ display:block;}

.agabout_1_1_1{ width:160px; height:100px; background:url(../images/agaboutbg2.png) no-repeat center left 20px; background-size:auto 100px;}
.agabout_1_1_1_1{ text-align:left; font-size:20px; line-height:30px; padding-top:24px; font-weight:bold;}
.agabout_1_1_1_2{ text-align:left; font-size:12px;  line-height:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.web_menu{ width:100%; height:70px; background:#ffffff;  }
.web_logo{width:80%; height:70px; float:left; margin-left:3%;background:url(../images/logom.png) no-repeat center left; background-size:auto 60px; transition:all 0.3s linear;}
.dh_menu{width:15%; margin-top:6px; margin-right:2%;  float:right; text-align:right;}
.div-table1{background:url(../video/bainike.gif) no-repeat center; background-size:cover;}
.div-table1 video{ display:none;}



.hyoushi_1_1_2{  padding-top:9%; }
.hyoushi_1_1_2 h2{ font-size:18px;}
.hyoushi_1_1_2 span{width:60px; margin:3% 0px;}
.hyoushi_1_1_2 p{ font-size:14px;}

.hnews_1_1_1_1{ width:180px; height:100px; overflow:hidden; float:left;}

.hnews_1_1_1_2{ width:auto; margin-left:190px;}
.hnews_1_1_1_2_1{ text-align:left; height:30px; overflow:hidden;}
.hnews_1_1_1_2_1 a{ color:#5d5d5d; font-size:16px; line-height:30px; font-weight:bold;}
.hnews_1_1_1_2_1 a:hover{ color:#dab96b;}
.hnews_1_1_1_2_2{text-align:left; height:65px; overflow:hidden; margin-top:5px;}
.hnews_1_1_1_2_2 p{ text-indent:0em; color:#5d5d5d; line-height:22px; font-size:13px;}

}

@media (max-width: 960px) {
.agabout_1_1{ padding-top:1%;}
.agabout_1_1_2{ font-size:18px; margin-top:20px; line-height:30px;}
.agabout_1_1_3 p{font-size:13px; line-height:24px; margin-top:20px;}
.agabout_1_1_4{  margin-top:30px;}
.hyoushi_1_1_2{  padding-top:7%; }
.hyoushi_1_1_2 h2{ font-size:16px;}
}
@media (max-width: 800px) {

.hyoushi_1_1_2{  padding-top:5%; }
.hyoushi_1_1_2 h2{ font-size:14px;}
.hyoushi_1_1_2 span{width:50px; margin:2% 0px;}
.hyoushi_1_1_2 p{ font-size:13px;}

a.item-anchor {
  color: #ffffff;
  font-size: 16px;

}

.htitle_1{ font-size:16px; }
.htitle_2{ font-size:30px; }

.htitle_3{ font-size:16px;}
.htitle_4{ font-size:30px; }

.hjianjie_1{  font-size:36px; }
.hjianjie_2 a{font-size:18px;}

.hdianmian_1{  font-size:40px;}
.hdianmian_2 a{font-size:18px; }

.hrongyu_1{  font-size:40px;}
.hrongyu_2{  font-size:40px;}
.hrongyu_3 a{font-size:18px;}


.hnews{ }
.hnews_1{ width:100%;}
.hnews_1_1{ margin-top:2%;}
.hnews_1_1_1{ margin-top:2%;}
.hnews_1_1_1_1{ width:150px; height:90px; overflow:hidden; float:left;}
.hnews_1_1_1_1 img{ width:100%;}
.hnews_1_1_1_2{ width:auto; margin-left:170px;}
.hnews_1_1_1_2_1{ text-align:left; height:30px; overflow:hidden;}
.hnews_1_1_1_2_1 a{  font-size:16px; line-height:30px; font-weight:bold;}
.hnews_1_1_1_2_1 a:hover{ }
.hnews_1_1_1_2_2{text-align:left; height:52px; overflow:hidden; margin-top:6px;}
.hnews_1_1_1_2_2 p{ text-indent:0em;  line-height:26px; font-size:14px;}
.hnews_1_2{width:120px; height:30px; margin-top:24px;}
.hnews_1_2 a{ display:block; width:120px; height:30px; line-height:30px; text-align:center; font-size:14px;  border:1px #333333 solid;}
.hnews_1_2 a:hover{}


.hlianxi_1_1_1 img{ width:60px;}
.hlianxi_1_1_2{ padding-top:40px; font-size:16px; }
}
@media (max-width: 600px) {


.agabout{ width:94%;  padding:0px 3%; padding-top:4%;}
.agabout_1_1{ width:100%; float:none; text-align:left; padding-top:3%;}
.agabout_1_2{ width:100%; float:none;}

.hrongyu_1{  font-size:30px;}
.hrongyu_2{  font-size:30px;}
.hrongyu_3 a{font-size:15px;}


.hjianjie_1{  font-size:30px; }
.hjianjie_2 a{font-size:15px;}

.hlianxi_1_1_1 img{ width:50px;}
.hlianxi_1_1_2{ padding-top:40px; font-size:15px; }

.foot span.abs-l{ display:none;}
.foot p{position:absolute; top:0; left:0px;}
.ab-next{width:40px; bottom:4%;left:50%;margin-left:-20px;}
.ab-next img{width:40px;}


.hljtit{ width:100%; text-align:center;}
.hljtit_1{font-size:24px; text-align:center; color:#30b8bd; line-height:30px; font-weight:bold;}
.hljtit_2{text-align:center; font-size:13px; color:#30b8bd; line-height:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.hljtit_3{ width:90%; margin:0 auto; font-size: 14px;line-height: 25px;color: #ffffff; text-align:center; margin-top:2%;}

.d-yz{ width:90%; margin:0px 5%; padding-top:25%;}

.tts1{margin-top:3%;width: 100%;}
.tts1 li {width: 30.33333333%; height: auto;border-radius: 50%;float: left;margin:1.5%;position: relative;transition: all .5s ease;border: 1px solid #ffffff;box-sizing: border-box;}

.tts1 li h4 i{font-size: 15px;display: block; color: #000000; margin-top:2%; text-align: center; font-style:normal;}

.d-yz_con{padding-top:4%; width:90%; max-width:600px; margin:0 auto;}

.d-yz_con span.p2 span{height:100px;margin-top:1.5%;font-size: 14px;line-height: 25px;color: #ffffff;display: block;background: url(../images/d-yh.png) no-repeat center top;}

.hyoushi{width:92%; margin:0 auto; text-align:center; padding-top:10%;}

.indexPainting{position: relative;  width:80%;  margin:0 auto; margin-top:4%;}
.indexPainting .swiper-pagination{bottom:0;display: none;}
.indexPainting .item{position: relative; width:96%; margin:0px; height:auto;text-align: center;padding:2% 2%;display: flex;justify-content: center;flex-direction: column; float:none; transition: all 0.5s;}

.indexPainting .inner{position: relative;width:100%;z-index: 2;}
.indexPainting .inner>em{display: block; transition: all 0.5s;}
.indexPainting .inner>em img{ width:50px; margin:0 auto;}
.indexPainting .line{width:30px;height:2px;background:#ffffff;margin:10px auto 10px;transition: all 0.5s;}
.indexPainting .inner>h5{font-size:18px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s; color:#ffffff;}
.indexPainting .inner>.p{color:#ffffff;line-height:20px; font-size:13px; height:auto;overflow:hidden;transition: all 0.5s;margin-bottom:0px;}
.indexPainting .inner>.p>a{display: block; }


.hrongyu{width:90%; margin:0 auto; text-align:center; padding-top:5%;margin-left:5%;}

.hrongyu_con{width:100%;  margin:0 auto; margin-top:4%; }
.hrongyu_1{ width:47%; margin:2% 1.5%; float:left;}
.hrongyu_1 img{ width:100%;}
.hrongyu_last img{ width:90%; padding:5%;}


.hnews_1_1_1{ margin-top:3%; width:100%; float:none;}


}

@media (max-width: 480px) {

.d-yz{ width:70%; margin:0px 15%; padding-top:25%;}

.hjianjie_1{  font-size:20px; }
.hjianjie_2 a{font-size:14px;}

.grbanner2{ background-position:right 30% center!important;}
.grbanner3{ background-position:left 55% center!important;}
.grbanner4{ background-position:left 10% center!important;}

.imgblock{ display:none;}
.imgnone{ display:block}

#swiper-container .inbartxt2 {
    width: 80%;
    left: 10%;
    top: 20%;
}



#swiper-container .inbartxt3 {
    width: 75%;
    left: 13%;
    top: 20%;
}



#swiper-container .inbartxt4 {
    width: 90%;
    left: 5%;
    top: 50%;
}

#swiper-container .inbartxt5 {
    width: 90%;
    right: 2%;
    top: 20%;
}


.htitle_1{ font-size:14px; }
.htitle_2{ font-size:24px; }

.htitle_3{ font-size:14px;}
.htitle_4{ font-size:24px; }

.hjianjie_1{  font-size:20px; }
.hjianjie_2 a{font-size:14px;}



.hdianmian_1{width:90%;  margin-left:5%; padding-top:15%;}
.hdianmian_2_1{ width:100%; float:none;}
.hdianmian_2_2{ width:80%; float:none; margin:0 auto; margin-top:5%;}
.hdianmian_2_1 div{font-size:14px; line-height:30px; }

.hyoushi_1{ width:96%; background:url(../images/hljbg3bg.png) repeat-y center; background-size:100% auto; padding:3% 2%; margin-top:3%;}
.hyoushi_1_1{ width:44%; margin:3%; float:left; position:relative;}

.hyoushi_1_1_2{ position:absolute; text-align:center; left:35%; padding-top:8%; z-index:100; width:80%; margin:0 auto;}
.hyoushi_1_1_2 h2{ font-size:18px; color:#FFFFFF; text-align:left;}
.hyoushi_1_1_2 span{ display:block; height:2px; width:80px; background:#ffffff; margin:3% 0px;}
.hyoushi_1_1_2 p{ font-size:14px; color:#FFFFFF; text-align:left;}

.hljtit_3{ text-align:left;}

.hnews_1_1_1_1{ width:150px; height:85px; overflow:hidden; float:left;}

.hnews_1_1_1_2{ width:auto; margin-left:160px;}
.hnews_1_1_1_2_1{ text-align:left; height:30px; overflow:hidden;}
.hnews_1_1_1_2_1 a{  font-size:16px; line-height:30px; font-weight:bold;}
.hnews_1_1_1_2_1 a:hover{ }
.hnews_1_1_1_2_2{text-align:left; height:50px; overflow:hidden; margin-top:5px;}
.hnews_1_1_1_2_2 p{ text-indent:0em; line-height:25px; font-size:13px;}



.hlianxi_1_1{ width:80%; margin:0 auto; float:none;}
.hlianxi_1_1_1 img{ width:50px;}
.hlianxi_1_1_2{ padding-top:20px; font-size:14px; }

.foot{width:100%;height:60px;line-height:30px;}
.foot span{position:inherit;}
.foot p{position:inherit; top:0; left:0px;}

.hcase{width:92%; margin:0 auto; text-align:center; margin-top:-65%;}
.hcase_left{ width:100%;}
.hcase_right{ width:15%; float:right; text-align:center;}
.hcase_right img { display:block; width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto;}

.hcasetit{ width:100%; text-align:left;}
.hcasetit_1{font-size:24px; text-align:center; color:#000000; line-height:40px; font-weight:bold;}
.hcasetit_2{text-align:center; font-size:14px; color:#000000; line-height:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.hcase_1{ width:96%; padding:2% 0px; margin-top:5%; border-bottom:1px #000000 solid; border-top:1px #000000 solid; text-align:left; font-size:14px; color:#000000; line-height:24px;}
.hcase_2{ width:96%;  position:absolute; left:0px; right:0px; margin:0 auto;margin-top:5%; }

.gallery-list{width:98%; overflow:hidden; padding:1%; position:relative; background:#FFFFFF;}
.gallery-list .item{ width:96%; margin:0px 2%;}


.hcpcp_1_1{ font-size:14px; color:#000000; line-height:40px;}

}

@media (max-width: 375px) {
.web_menu{ width:100%; height:60px;  }
.web_logo{width:80%; height:60px; float:left; margin-left:3%;background:url(../images/logom.png) no-repeat center left; background-size:auto 50px; transition:all 0.3s linear;}
.dh_menu{width:15%; margin-top:0px; margin-right:1%;  float:right; text-align:right;}

.btn-nav {

  top: 5px;

}

.icon-bar {
  display: block;
  margin: 6px 0;
  width: 30px;
  height: 4px;
  background-color: #30b8bd;
}

.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
  display: block;
}

.animated .bottom {
  -webkit-transform: translateY(-10px) rotateZ(-45deg);
  -moz-transform: translateY(-10px) rotateZ(-45deg);
  -ms-transform: translateY(-10px) rotateZ(-45deg);
  -o-transform: translateY(-10px) rotateZ(-45deg);
  transform: translateY(-10px) rotateZ(-45deg);
  display: block;
}

.htitle_1{ font-size:13px; }
.htitle_2{ font-size:20px; padding:5px 0px;}

.htitle_3{ font-size:13px;}
.htitle_4{ font-size:20px; padding:5px 0px;}

.hdianmian_1{width:90%;  margin-left:5%; padding-top:2%;}
.hdianmian_2_2{ width:50%; float:none; margin:0 auto; margin-top:5%;}
.hdianmian_2_1 div{font-size:13px; line-height:24px; }

.hyoushi{width:86%; margin:0 auto; text-align:center; padding-top:2%;}
.hyoushi_1_1_2{ position:absolute; text-align:center; left:35%; padding-top:6%; z-index:100; width:80%; margin:0 auto;}
.hyoushi_1_1_2 h2{ font-size:15px; color:#FFFFFF; text-align:left;}
.hyoushi_1_1_2 span{ display:block; height:2px; width:50px; background:#ffffff; margin:2% 0px;}
.hyoushi_1_1_2 p{ font-size:13px; color:#FFFFFF; text-align:left;}





}
@media (max-width: 320px) {

.hjianjie_1{  font-size:18px; }
.hjianjie_2 a{font-size:14px;}

.hdianmian_1{width:90%;  margin-left:5%; padding-top:10%;}
.hjianjie_1{  font-size:18px; }
.hjianjie_2 a{font-size:14px;}

.hdianmian_1{  font-size:20px;}
.hdianmian_2 a{font-size:14px; }


.hlianxi_1_1{ width:90%; margin:0 auto; float:none;}
.hlianxi_1_1_1 img{ width:50px;}
.hlianxi_1_1_2{ padding-top:10px; font-size:13px; line-height:24px; }

.foot{width:100%;height:60px;line-height:30px;}
.foot span{position:inherit;}
.foot p{position:inherit; top:0; left:0px;}

}