@charset "utf-8";

*{ margin:0px; padding:0px;}

ul,li{ list-style:none}

img{ 

	border:0; 

	display: block;

}

html,body{

	max-width:640px; 

	overflow-x: hidden; 

	margin:0 auto; 

	background:#fff; 

	font-family: '微软雅黑';

}

.clearboth{ 

	clear:both

}

img{ 

	display: block;

}

.gdhf_head{

	width: 100%;

	background: #fff;

	margin: 0 auto;

}

.gdhf_head_logo{width: 100%; float: left;}

.gdhf_head_logo img{ width: 100%; display:inline-block; margin: 4% auto; height: auto; }

.gdhf_head_fixed{ width: 100%; max-width: 640px; position: fixed; background: #fff; left: auto; right: auto; top: 0px; z-index: 15; display:none;}

.gdhf_head_fixed_head{width: 100%; box-shadow: 0px 1px 5px #ddd; background: #fff; float: left; padding-top: 5%; padding-bottom: 5%;}

.gdhf_head_fixed_headL{ width: 8%; margin-left: 5%; float: left;cursor: pointer;}

.gdhf_head_fixed_headL img{  width: 100%; margin-top: 0%;float: left; height: auto; border:0px;}





.gdhf_head_fixed_headL.gccdd{ display:none}















.gdhf_head_fixed_headR{ width: 82%; float: left;}

.gdhf_head_fixed_headR p{ font-size: 28px; line-height: 28px; text-align: right; padding-right: 28%; color: #ff411d; margin-bottom: 0.0rem; margin-top: 2%;}

@media screen and (max-width:640px){

	.gdhf_head_fixed_headR p{ font-size: 19px; line-height: 19px; }

}

@media screen and (max-width:320px){

	.gdhf_head_fixed_headR p{ font-size: 15px; line-height: 19px; }

}

@media screen and (max-width:375px){

	.gdhf_head_fixed_headR p{ font-size: 17px; line-height: 17px; }

	.gdhf_head_fixed_headL.gccdd hr:nth-child(2){ margin-top: -36%;}

}



.gdhf_head_fixed_content{ width: 100%; float: left; background: #fceff4; margin-top: 1px; display:none}

.gdhf_head_fixed_content_left{ width: 25%; height: 100vh; float: left; padding-bottom: 3%; }

.gdhf_head_fixed_content_left h6{ color: #fff; font-size: 20px; color: #000; text-align: center; font-weight: bold;padding-top: 3%; }

.gdhf_head_fixed_content_left span{ width: 100%; display: block;text-align: center; font-size: 20px; padding-bottom: 9%; padding-top: 9%;}

.gdhf_head_fixed_content_left span.ac{ background: #fff;}

.gdhf_head_fixed_content_left span:hover{ cursor: pointer;}

.gdhf_head_fixed_content_right{ width: 75%; height: 100vh; float: left; background: #fff; padding-top: 0%; padding-bottom: 3%; }

.gdhf_head_fixed_content_right_item{ width: 94%; float: left; margin-left: 3%; display: none;}

.gdhf_head_fixed_content_right_item a{ display: block; padding: 0% 3%; font-size: 17px; padding-bottom: 3%; float: left;}

.gdhf_head_fixed_content_right_item a:hover{ color: #f4286f}

.gdhf_head_fixed_content_right_item h6{ color: #000; border-bottom: 1px solid #000; width: 94%; float: left; margin-bottom: 3%;}

.gdhf_head_fixed_content_right_item h6 span{ color: #ff411d; border-bottom: 1px solid #ff411d; display: inline-block; padding-bottom:5px; font-size: 18px;}



@media screen and (max-width:640px){

	.gdhf_head_fixed_content_left h6{font-size: 16px; padding-top: 3%; }

	.gdhf_head_fixed_content_left span{ font-size: 16px; line-height: 19px; }

	.gdhf_head_fixed_content_right_item a{ display: block; font-size: 16px;}

	.gdhf_head_fixed_content_right_item h6 span{ font-size: 16px;}

}

@media screen and (max-width:320px){

	.gdhf_head_fixed_content_left h6{ font-size: 12px; padding-top: 3%; }

	.gdhf_head_fixed_content_left span{ font-size: 12px; line-height: 19px; }

	.gdhf_head_fixed_content_right_item a{ display: block; font-size: 14px;}

	.gdhf_head_fixed_content_right_item h6 span{ font-size: 16px;}

}

@media screen and (max-width:375px){

	.gdhf_head_fixed_content_left h6{  font-size: 15px; padding-top: 3%; }

	.gdhf_head_fixed_content_left span{ font-size: 15px; line-height: 17px; }

	.gdhf_head_fixed_content_right_item a{ display: block; font-size: 14px;}

	.gdhf_head_fixed_content_right_item h6 span{ font-size: 16px;}

}



















#gdhf_banner-container{ 

	width: 100%; 

	float: left;

}

#gdhf_banner-container img{ 

	width: 100%;

}

#gdhf_banner-pagination{ 

	width: 5rem; 

	border-radius: 1.8rem; 

	background: rgba(0,0,0,.5);  

	left: 50%; 

	margin-left: -2rem; 

	bottom: 0.6rem;

}

#gdhf_banner-pagination .swiper-pagination-bullet{ 

	width: 0.5rem; 

	height: 0.5rem; 

	margin-top: 0.2rem; 

	background: #e6dee4; 

	opacity: 1; 

}

#gdhf_banner-pagination .swiper-pagination-bullet-active{ 

	background: #fff;

}



.gdhf_pro{ 

	width: 100%; 

	float: left;

}

.gdhf_pro_title{ 

	width: 100%;

	float: left;

}

.gdhf_pro_title img{

	width: 100%;

}

.gdhf_pro_list{

	width: 90%;

	float: left;

	margin-left: 5%;

}

.gdhf_pro_list li{

	width: 25%;

	float: left;

	text-align: center;

	margin-bottom: 3%;

}

.gdhf_pro_list li a:hover{ text-decoration: none;}

.gdhf_pro_list li img{

	width: 70%;

	display: inline-block;

}

.gdhf_pro_list li p{

	font-size: 0.8rem;

	color: #1a1a1a;

	text-align: center;

	line-height: 1.5rem;

	padding-top: 0.42rem;

}

.gdhf_case{

	width: 100%; 

	float: left;

	position: relative;

}

#gdhf_case-container{

	height: 13.65rem;

}

#gdhf_case-container .swiper-wrapper{

     transition-timing-function: linear;

}

.gdhf_case_menban{

	width: 100%;

	height: 13.65rem;

	position: absolute;

	left: 0px; 

	top: 0px;

	z-index: 11

}



.gdhf_power{

	width: 100%;

	float: left;

	position: relative;

}

.gdhf_power_title{

	width: 100%;

	float: left;

}

.gdhf_power_title img{

	width: 100%;

}

.gd_power_bg_xian{ width: 100%; height: 2px; background: #c4cfda; position: absolute; left: 0px; top: 8.48rem;}



.gdhf_power_tabBox{ width: 100%; float: left; }



.gdhf_power_tab{ width: 100%; margin: 0 auto; position: relative;}



.gdhf_power_tab li{ cursor: pointer; font-size: 0.9rem; color: #666; float: left; line-height: 2rem; text-align: center; width: 4rem; margin: 0px 1.1rem;}



.gdhf_power_tab li.ac{ color: #ff411d;}



.move{



    height: 2px;



    width: 3.6rem;



    border-top: 2px solid #ff411d;/*只需要将上边显示出来*/



    position: absolute;



    left: 4.4rem;



    top: 1.7rem;



    transition: left .3s ease-in-out 0s;/*包含四个过度属性：执行变换属性、执行时间、速率、延迟*/



    -webkit-transition: left .3s ease-in-out 0s;/*chrome和safari*/



    -moz-transition: left .3s ease-in-out 0s;/*firefox*/



    -o-transition: left .3s ease-in-out 0s;/*opera*/



}



.gdhf_power_tab li:nth-child(1):hover~ .move{    /*li元素的父元素的第一个子元素，当鼠标停留其上时，move元素的left属性改变*/



   left: 1.35rem;



}



.gdhf_power_tab li:nth-child(2):hover~ .move{



    left: 7.6rem;



}



.gdhf_power_tab li:nth-child(3):hover~ .move{



    left: 13.8rem;



}



.gdhf_power_tab li:nth-child(4):hover~ .move{



    left: 19.9rem;



}



.gdhf_power_tab li:nth-child(5):hover~ .move{



    left: 26rem;



}



.gdhf_power_tab li:nth-child(6):hover~ .move{



    left: 33rem;



}







.gdhf_power_tab li:nth-child(1).ac~ .move{left: 1.35rem;}



.gdhf_power_tab li:nth-child(2).ac~ .move{left: 7.6rem;}



.gdhf_power_tab li:nth-child(3).ac~ .move{left: 13.8rem;}



.gdhf_power_tab li:nth-child(4).ac~ .move{left: 19.9rem;}



.gdhf_power_tab li:nth-child(5).ac~ .move{left: 26rem;}



.gdhf_power_tab li:nth-child(6).ac~ .move{left: 33rem;}



.gdhf_power_tabcontent{ width: 100%; float: left; position: relative; margin-top: 0.24rem;}

.gdhf_power_tabcontent .gdhf_power_tabcontent_item:nth-child(1){ margin-top: 1.6rem;}



.gdhf_power_tabcontent .gdhf_power_tabcontent_item{ display: none;}



.power_items{ padding-bottom: 3.2rem; }



.power_items li{ width: 30%; max-height: 14.36rem; float: left; margin-left: 0.68rem; background: #fff; }



.power_items li img{ width: 100%}



#gdhf_power1-container img,#gdhf_power3-container img,#gdhf_power4-container img,#gdhf_power5-container img{ display: block;width: 100%}







#gdhf_power2-container .power_items{ width: 100%; margin: 0 auto; /*padding-top: 50px;*/}



#gdhf_power2-container .power_items li{ margin-left: 0.68rem;}



#gdhf_power2-container .power_items li:nth-child(1){ margin-left: 2.2%;}











#gdhf_power1-pagination{ /*width: 100px;*/ bottom: 0.92rem; background: rgba(0,0,0,0.4); border-radius: 0.8rem; left:50%; margin-left: -1.2rem; margin-bottom: 0px; height: 1.3rem; line-height: 1.2rem;}



#gdhf_power2-pagination{ width: 8.85rem; bottom: 0.92rem; background: rgba(0,0,0,0.4); border-radius: 0.8rem; left:50%; margin-left: -4.44rem; margin-bottom: 0px; height: 1.3rem; line-height: 1.2rem;}

@media screen and (min-width: 640px) {

	#gdhf_power1-pagination{ height: 1rem}

    #gdhf_power2-pagination{ height: 1rem}

}



#gdhf_power1-pagination .swiper-pagination-bullet,#gdhf_power2-pagination .swiper-pagination-bullet{ width: 0.56rem; height: 0.56rem; background: #d1cdd8; opacity: 1; margin: 0 0.2rem; }



#gdhf_power1-pagination .swiper-pagination-bullet-active,#gdhf_power2-pagination .swiper-pagination-bullet-active{ background: #ffffff;}



#gdhf_power1-button-next,#gdhf_power2-button-next{ top: 40%; right: 0px; width: 1.0rem; bottom: 2.4rem; background-color: rgba(0,0,0,.5); border-radius: 0.2rem; background-size: 80%;}



#gdhf_power1-button-prev,#gdhf_power2-button-prev{ top: 40%;left: 0px;  width: 1.0rem; bottom: 2.4rem; background-color: rgba(0,0,0,.5); border-radius: 0.2rem; background-size: 80%;}



#gdhf_power1-button-next:hover,#gdhf_power1-button-prev:hover,#gdhf_power2-button-next:hover,#gdhf_power2-button-prev:hover{ background-color: #b3085c;transition:all 1s ease; }





.gdhf_footer{ width: 100%; float: left; border-top:1px solid #ddd; padding-top: 5%; padding-bottom: 5%;}

.gdhf_footer p{ font-size: 14px; text-align: center; color: #666; line-height: 1.5}