/*index.css*/
@charset "utf-8";
/*
* reset 清除默认属性
*/
.footer{ background: #0d0d0d;}
.row1{margin-left: -20px; margin-right: -20px;}
.xian{ width: 100%; border-bottom:1px solid #e5e5e5; }
.xian1{ width: 100%; border-bottom:1px solid #595959; margin:2% 0;}
.x_xian{ width:100%; border-bottom:1px dashed #a6a6a6;}
.xian2{ width: 100%; border-bottom:1px solid #505050;}
.xian:after,.xian:before,.x_xian:after,.x_xian:before,.about_us_div:after,.about_us_div:before,.about_us:after,.about_us:before,.qing:after,.qing:before{display: table; content: " ";clear: both;}
.mt_4{ margin-top:4%;}
.p1{ font-size: 13px; color:#666; font-family: "微软雅黑";margin-bottom: 4%;}
.on{ display: none;} 
.inwrap{ float:left; position:relative; left:25%; margin-bottom:2% ;} 
.page{ float:left; position:relative; left:-50%;}
.page a{ 
	display: inline-block; 
	float: left; 
	width: 33px; 
	height: 33px; 
	border:1px solid #dedede; 
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	margin: 20% 6px;
	color:#555555;
}
.page p{line-height: 30px; display: inline-block; float: left;margin: 20% 6px;}
.page a.hover,.page a:hover{ background: #00acfb; border: 1px solid #00acfb; color: #fff;}
.page a.home,.page a.last{ border:0;}
.page a.pg,.page a.all{ display:none;}

.tag_wrap{ position:relative;}
.s_banner>img{ width:100%}
.tag_nav{ width:100%;}
.tag_nav_b{ float:left; line-height:32px; margin-bottom: 1%; font-size: 28px;}
.tag_nav_b a{color:#111;}
.tag_nav_s{ float:right;}
.tag_nav_s li{ float:left;}
.tag_nav_s li a{ display:inline-block; margin:0 15px; color:#666; line-height:42px;}
.tag_nav_s li a.hover,.tag_nav_s li a:hover{ color:#000; border-bottom:1px solid #000; font-weight: 600;text-decoration: none}

.tag_nav_ss { float: right; margin-top: 1%;}
.tag_nav_ss a{ font-size: 13px;}
.tag_nav_ss a.previous{ color:#00acfb;}
.tag_nav_ss a.next{color:#666; display: none;}
.tag_liu{ margin-top:3.5%;}

.about_pic{overflow: hidden;}
.about_pic img{-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;transition: .3s;}
/*.about_pic:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}*/
.about_fs{ width: 100%; margin-top: -2%;}
.about_fs>.p1{text-align:justify; line-height: 25px;}
.m_6{ margin-top: 6%;}
.m_8{ margin-top: 8%;}
.about_fs h2{ font-size: 22px; color:#111; margin-bottom: 1.2%;}
.about_fs_p1{ font-size: 12px; line-height: 25px; text-align:justify; margin-bottom: 3%;}

.about_fs_b{ width: 100%; position: relative;}
.about_fs_b img{ width: 100%;}
.about_fs_b span{ 
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; 
	height: 30px; 
	text-align: center; 
	background: rgba(0,0,0,.5);
	line-height: 30px;
	color: #fff;
}

.about_fs_p{ width: 100%; margin-top: 3%;}
.about_fs_p ul li{ position: relative; padding-left: 2%;}
.about_fs_p ul li p{ font-size: 13px; line-height: 25px;}
.about_fs_p ul li i{ 
	position: absolute;
	left: 0; top: 9px;
	width: 6px; 
	height: 6px; 
	background: #000; 
	display: block;
	border-radius: 50%;
}
.row_6{ width: 100%;}
.about_fs_jt{ width: 100%;}
.about_fs_jt h3{ font-size: 13px; color:#00acfb; line-height: 26px; margin: 1% 0;}
.about_fs_ul{ width: 100%;}
.about_fs_ul li{ float: left; width: 19%; margin: 1% 1% 1% 0; position: relative;overflow: hidden;}
.about_fs_ul li img{-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;transition: .3s;}
/*.about_fs_ul li:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}*/
/*
.about_fs_ul li:nth-child(6){ margin-right: 0;}
.about_fs_ul li:nth-child(12){ margin-right: 0;}
*/
.about_fs_ul li img{ width: 100%;}
.about_fs_ul li a{ 
	display: block;
	position: absolute;
	bottom: 0; left: 0;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: rgba(0,0,0,.5);
	width: 100%;
	color:#fff;
	text-decoration: none;
}
.about_fs_ul1{ margin-bottom: 6%;}
.about_fs_ul1 li{margin: 15px 0;}
.about_fs_ul1 li img{ width: 100%;}

.about_idt{ width: 100%;}
.about_idt>h3{ font-size: 22px; color:#111; margin-bottom: 4.5%;text-transform: uppercase}
.about_idt>.p1{margin-bottom: 5%;}
.m1{ margin-bottom: 1%;}
.about_idt_b { width: 100%; margin-bottom: 12%; position: relative;}
.about_idt_b img{ width: 100%;}
.about_idt_b_h2{ position: absolute; font-size: 1.2em; color:#000; font-weight: 600; line-height: 22px;}
.about_idt_b_p1{ position: absolute; font-size: 1.1em; color:#fff; line-height: 22px;text-transform:Uppercase; text-align: center;}
.capitalize_p{text-transform:capitalize;}
.d1{ top: 0; left:62%;}
.d2{ bottom: 0; left:8.2%;}
.d3{ bottom: 0; left:61.4%;}
.dp1{ top:43%; left: 4.4%;}
.dp2{ top:40%; left: 20.4%;}
.dp3{ top:40%; left: 37%;}
.dp4{ top:40%; left: 54.5%;}
.dp5{ top:40%; left: 74%;}
.dp6{ top:40%; left: 91.8%;}
.about_idt_video{ width: 100%; margin-bottom: 10%;}
.about_idt_video video{ width: 100%; height: 50%;}

.about_right{ font-size: 13px; float: right;}
.about_us{ width: 100%; margin-bottom: 6%;}
.about_us_div{ padding-bottom: 3%;}
.about_us_div img{ width: 100%;}
/*.about_us_div:hover a,.about_us_div a{color:#999;}*/
.about_us_div>a:hover{text-decoration: none;}
/*.about_us_div>a:hover p{text-decoration: underline;text-decoration-color: #ddd;}*/
.about_us_div h2{ margin: 1% 0 4%; font-size: 24px; color:#111;}
.about_us_div .p2{ width: 100%; line-height: 22px; font-size: 13px; margin: 4% 0 1%;text-align:justify;color:#111;height: 88px; overflow: hidden;}
.about_us_div>.more{ float: right; font-size: 13px;text-decoration:underline;font-style: italic;color:#00acfb}

.about_cp_b{ width: 100%;}
.about_cp_ul { width: 100%; margin-bottom: 5.8%;}
.about_cp_ul li { float: left; padding-bottom: 4%;cursor:pointer;}
.about_cp_ul li:nth-child(1),.about_cp_ul li:nth-child(4){ width: 35%;}
.about_cp_ul li:nth-child(2),.about_cp_ul li:nth-child(5){ width: 35%;}
.about_cp_ul li:nth-child(3),.about_cp_ul li:nth-child(6){ width: 30%;}
.about_cp_ul li .img{ float: left; margin-right: 5%;width:84px;height:84px;border:1px solid #9a9a9a;padding:5px;border-radius: 50%;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.about_cp_ul li .img span{display:inline-block;width:72px;height:72px;border-radius: 50%;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.about_cp_ul li:nth-child(1) .img span{background:#9a9a9a url("../images/about_cp_tb1.png"/*tpa=http://www.hank-tech.com/images/about_cp_tb1.png*/) no-repeat center;}
.about_cp_ul li:nth-child(2) .img span{background:#9a9a9a url("../images/about_cp_tb2.png"/*tpa=http://www.hank-tech.com/images/about_cp_tb2.png*/) no-repeat center;}
.about_cp_ul li:nth-child(3) .img span{background:#9a9a9a url("../images/about_cp_tb3.png"/*tpa=http://www.hank-tech.com/images/about_cp_tb3.png*/) no-repeat center;}
.about_cp_ul li:nth-child(4) .img span{background:#9a9a9a url("../images/about_cp_tb4.png"/*tpa=http://www.hank-tech.com/images/about_cp_tb4.png*/) no-repeat center;}
.about_cp_ul li:nth-child(5) .img span{background:#9a9a9a url("../images/about_cp_tb5.png"/*tpa=http://www.hank-tech.com/images/about_cp_tb5.png*/) no-repeat center;}
.about_cp_ul li:nth-child(6) .img span{background:#9a9a9a url("../images/about_cp_tb6.png"/*tpa=http://www.hank-tech.com/images/about_cp_tb6.png*/) no-repeat center;}
.about_cp_ul li:hover .img{border-color:#111;}
.about_cp_ul li:hover .img span{background-color:#111;}
.about_cp_ul li .about_cp_li_pc{
	float: left; 
	width: 70%; 
	margin-top: 5%; 
	margin-bottom: 1%; 
	font-size: 16px;
	color:#000;
}
.about_cp_ul li .about_cp_li_px{ 
	float: left; 
	width: 70%;
	font-size: 13px;
	color:#666;
	
}
.about_cp_ul li:hover .about_cp_li_pc,.about_cp_ul li:hover .about_cp_li_px{color:#000}
.about_cp_img{ width: 100%; margin-bottom: 5%;}
.about_cp_img img{ width: 100%;}
.y_wen{ width: 100%; margin: 3% 0 12% 0;height:300px;position:relative}
.y_wen img{ width: 100%;}
.y_wen p{position:absolute;font-size: 24px;color:#7a7979;font-weight:bold;line-height: 1;font-family:'Helvetica';-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.y_wen .y1{top:0;left:68%;}
.y_wen .y2{top:40px;left:14%}
.y_wen .y3{font-size:38px;top:46px;right:0}
.y_wen .y4{font-weight:normal;top:85px;right:14%;}
.y_wen .y5{font-weight:normal;top:95px;left:24%}
.y_wen .y6{font-size:58px;top:118px;left:0;}
.y_wen .y7{top:145px;left:51%}
.y_wen .y8{top:185px;left:42%;}
.y_wen .y9{top:199px;right:0;}
.y_wen .y10{font-size:46px;top:230px;right:5%}
.y_wen p:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.about_idt h4{ font-size: 20px; color:#666; line-height: 33px;}
.about_cp_p ul li { position: relative; padding-left: 2%; float: left;}
.about_cp_p ul li:nth-child(1),.about_cp_p ul li:nth-child(3),.about_cp_p ul li:nth-child(5){
	width: 65%;
}
.about_cp_p ul li:nth-child(4),.about_cp_p ul li:nth-child(2){ width: 35%;}
.about_cp_p ul li i {
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background: #6e6e6e;
    display: block;
    border-radius: 50%;
}
.about_cp_p ul li p {
    font-size: 13px;
    line-height: 25px;
}
.about_cp_img1{ margin: 8.5% 0 5%;}
.q_t_m{ margin-top: 0;}
.about_idt>.p1{ font-size: 13px; line-height: 25px;}

.about_yf{ width: 100%; padding-bottom: 6%;}
.about_yf h3{ font-size: 22px; line-height: 32px; color:#111; padding-bottom:2%;text-transform: uppercase}
.about_yf h4{font-size: 22px; line-height: 25px; color:#111; padding-top: 5%;}
.about_yf_p1,.about_yf_p2{ font-size: 13px; line-height: 25px;text-align:justify; }
.about_yf_p1{padding-bottom: 4.3%;}
.about_yf_img{width: 100%; height:268px; /*background: url(../images/about_yf_img1.png) no-repeat;background-size: 100%;*/ padding-bottom: 4.6%;}
.about_yf_p2{ padding-bottom: 2.1%;}
.about_yf_img img{ width: 100%;}
.about_yf_tj{ width: 100%;}
.about_yf_tj ul li{ float: left; margin-right: 2%; margin-bottom: 2%;position:relative;overflow:hidden;}
.about_yf_tj ul li img{ 
	width: 100%;
    display: block;
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
}
/*.about_yf_tj ul li img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}*/
.about_yf_tj ul li:nth-child(1){ width: 66%;}
.about_yf_tj ul li:nth-child(2){ width: 32%; margin-right: 0;}
.about_yf_tj ul li:nth-child(3),.about_yf_tj ul li:nth-child(4),.about_yf_tj ul li:nth-child(5){width: 32%;}
.about_yf_tj ul li:nth-child(5){ margin-right: 0;}

.contact_b{ width: 100%;}
.contact_b h3{ font-size: 22px; color: #000;}
.contact_i{width: 100%; margin-bottom: 3.7%;}
.contact_i1{ margin-bottom: 6%;}
.contact_i li,.contact_i1 li{ width: 31.66666%; border: 1px solid #f0f0f0; float: left; margin-right: 2.5%; margin-top: 2%;}
.contact_icon{display:inline-block;width:78px;height:78px;border:1px solid #f0f0f0;float:left;margin: 6% 7% 6% 0;}
.contact_i li:nth-child(1) .contact_icon{background:#f9f9f9 url("../images/1.png"/*tpa=http://www.hank-tech.com/images/1.png*/) no-repeat center;}
.contact_i li:nth-child(2) .contact_icon{background:#f9f9f9 url("../images/2.png"/*tpa=http://www.hank-tech.com/images/2.png*/) no-repeat center;}
.contact_i li:nth-child(3) .contact_icon{background:#f9f9f9 url("../images/3.png"/*tpa=http://www.hank-tech.com/images/3.png*/) no-repeat center;}
.contact_i li:hover,.contact_i1 li:hover{border-color:#000;}
.contact_i li:hover p,.contact_i1 li:hover p{color:#000;}

.contact_i li:nth-child(3),.contact_i1 li:nth-child(3){ margin-right: 0;}
.contact_i li:nth-child(2) p,.contact_i li:nth-child(3) p{ margin-top: 8%;}
.contact_i1 li:nth-child(1) p{ margin-top: 4%;}
.contact_i li img,.contact_i1 li img{ float: left; margin: 6% 7% 6% 0;}
.contact_i li p,.contact_i1 li p{ float: left; margin-top: 6%; font-size: 12px; line-height: 20px;}
.contact_map{ width: 100%; margin-bottom: 8%;}
.contact_map img{ width: 100%;}

.contact_logo{ width: 100%;}
.contact_logo h3{ font-size: 16px; color:#111; font-weight: 600; margin-bottom: 2%; cursor:pointer;}
.contact_logo h3>i{ display: inline-block; width: 13px; height: 9px; margin-bottom:4px; margin-right: 1%; background: url("../images/contact_bottom_t.jpg"/*tpa=http://www.hank-tech.com/images/contact_bottom_t.jpg*/) no-repeat;}
.contact_logo h3>i.so{background: url("../images/contact_top_t.jpg"/*tpa=http://www.hank-tech.com/images/contact_top_t.jpg*/) no-repeat;}
.contact_logo li{ float: left; width: 15%; margin-right: 1%; margin-bottom: 1.5%;position:relative;overflow:hidden;}
.contact_logo li img{ width: 100%;    display: block;
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;}
/*.contact_logo li img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}*/

.contact_certificate{ width: 100%; /*background: url(../images/contact_certificate_bj.jpg) 100% 100% no-repeat;*/}
.contact_certificate ul{padding-top: 5%; padding-bottom: 5%;}
.contact_certificate ul li{
	width: 19%;
	float: left; 
	/*margin-left: 4.5%;*/
	padding:1.5%;
	margin-bottom: 2%;
	transition:500ms ease-out;
	-webkit-transition:500ms ease-out;
	-ms-transition:500ms ease-out;
	-moz-transition:500ms ease-out;
	-o-transition:500ms ease-out;
}
/*.contact_certificate ul li:hover{background:#c3c3c3;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2)}*/
.contact_certificate ul li img{
	width: 100%;
	/*transition:500ms ease-out;
	-webkit-transition:500ms ease-out;
	-ms-transition:500ms ease-out;
	-moz-transition:500ms ease-out;
	-o-transition:500ms ease-out;*/
}
.contact_certificate ul li img:hover{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);}
.contact_certificate ul li img.lightense-open{
	width: 150%;
}
/*.contact_certificate ul li img:hover{
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
}*/


.video_wrap{ width: 100%;}
.video_wrap ul li{ float: left; width: 31%; margin-right: 3.5%; margin-bottom: 4%;}
.video_wrap ul li:nth-child(3),.video_wrap ul li:nth-child(6){margin-right:0;}
.video_p{ height: 40px;line-height: 40px; text-align: center; background: #d6d6d6;}

.exhibition_b{ width: 100%; padding-bottom: 4.8%; padding-top: 1.4%;}
.exhibition_tb{ width:100%;}
.exhibition_tb ul li{ width: 24.1%; margin-right: 1.2%; margin-bottom: 1%; float: left;}
.exhibition_tb ul li img{ width: 100%;
	transition: 500ms ease-out;
	-webkit-transition: 500ms ease-out;
	-ms-transition: 500ms ease-out;
	-moz-transition: 500ms ease-out;
	-o-transition: 500ms ease-out;
}
/*.exhibition_tb ul li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}*/
.exhibition_tb ul li:nth-child(4),.exhibition_tb ul li:nth-child(8),.exhibition_tb ul li:nth-child(12){ margin-right: 0;}
.exhibition_wrap>ul>li{
	position: relative;
	float: left; 
	width: 31%; 
	margin-right: 3.5%; 
	margin-bottom: 4%;
		-webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px);
    transform-style: preserve-3d;	
    overflow: hidden;
}

.exhibition_wrap>ul>li.exli_r{
	margin-right:0;
}

.flipper {
	display: block;
    position: relative;
    transition: 0.6s;
    transform-style: preserve-3d;
    width: 100%;
	height: 305px;
}
/*.exhibition_wrap>ul>li:hover .flipper{
    transform: rotateY(180deg);

}*/
.front, .back {
    position: absolute;
    left: 0;
    top: 0;
    backface-visibility: hidden;
}
.front>img, .back>img{ width: 100%; display: ;}
.front {
    transform: rotateY(0deg);
    z-index: 2;
}
.back {
    transform: rotateY(-180deg);
    background: green;
}
.exhibition_wrap ul li:nth-child(3n){margin-right:0;}
.exhibition_p{ 
	position: absolute; 
	bottom: 0; 
	width: 100%; 
	height: 40px;
	line-height: 40px; 
	text-align: center; 
	background: #d6d6d6;
}


.i_Financials_b{ width: 100%;}
.Investors_nav{ width: 17%; margin-right: 5%; float: left;}
.Investors_nav h3{ font-size: 22px; color:#111; margin-bottom: 8%;text-transform: uppercase}
.Investors_nav li{ width: 100%; border-bottom: 1px solid #e5e5e5; }
.Investors_nav li.active,.Investors_nav li:hover{background: #555555; color: #fff;}
.Investors_nav li a{ height: 40px; width: 100%; line-height: 40px; color:#666;}
.Investors_nav li a span{
	 display: inline-block; 
	 width: 4px; 
	 height: 7px; 
	 background: url("../images/san_ash.png"/*tpa=http://www.hank-tech.com/images/san_ash.png*/) no-repeat;
	 margin-left: 18px;
	margin-right: 8%;	
}
.Investors_nav li.active a,.Investors_nav li:hover a{ color: #fff;}
.Investors_nav li.active a span,.Investors_nav li:hover a span{background: url("../images/san_white.png"/*tpa=http://www.hank-tech.com/images/san_white.png*/) no-repeat;}
.i_Investors_right{ width: 78%; float: left; margin-bottom: 12%;}
.i_Investors_right h4{ font-size: 22px; color:#111; margin-bottom: 2%; line-height: 32px;text-transform: uppercase}
.i_Investors_right>.xian{ margin-bottom: 2%;}
.Financials_list ul li{ border-bottom: 1px dashed #b2b2b2;}
.Financials_list ul li p{ line-height: 48px; height: 48px; display: inline-block; float: left;}
.Financials_list ul li a{ 
	display: inline-block; 
	width: 91px;
	height: 27px;
	float: right; 
	margin-top: 10px; 
	background: url("../images/download_btn.png"/*tpa=http://www.hank-tech.com/images/download_btn.png*/) no-repeat;}
.Financials_list ul li a:hover{background: url("../images/download_btn1.png"/*tpa=http://www.hank-tech.com/images/download_btn1.png*/) no-repeat;}

.Shareholders_b{ width: 100%; padding-top: 4%;}
.Shareholders_b>.xian{ margin: 0;}
.Shareholders_n{ width: 100%; }
.Shareholders_n h3{ font-size: 16px; color:#111; font-weight: 600; margin-bottom: 0.6%; }
.Shareholders_n p{ font-size: 15px; margin-bottom: 1%; line-height: 25px;}
.Shareholders_b>.p1{ padding: 4% 0; margin-bottom: 0;line-height: 25px;}
.hui_x{ background: #e5e5e5; padding-left:4%; padding-right: 4%;padding-top:0}

/*text-align:justify;*/
.Overview_b{ width: 100%; padding-top: 2%;}
.Overview_b>.p1{text-align:justify; line-height: 25px; margin-bottom: 5%;}
.Overview_b img{ width: 100%;}

.Announcement_list ul li{ border-bottom: 1px dashed #b2b2b2;}
.Announcement_list ul li p {
    line-height: 48px;
    height: 48px;
    float: left;
}
.Announcement_list ul li p a{ color:#111; display:inline-block; width: 100%; line-height: 48px;height: 48px;}
.Announcement_list ul li p a:hover{color:#00acfb}
.Announcement_list ul li a {
    display: inline-block;
    width: 91px;
    height: 27px;
    float: right;
    line-height: 48px;
    height: 48px;
    color:#111;
}

.Shareholders_img{ width: 100%; margin-top: 5%;}
.Shareholders_img img{ width: 100%;}

.SiteMap_b{ padding-bottom: 10%; margin-top: -0.8%;}
.SiteMap_b h3{ color: #000; font-size: 16px; line-height: 50px;}
.SiteMap_b h3 i{
	display: inline-block; 
	width: 11px; 
	height: 11px; 
	background: url("../images/SiteMap_tb.png"/*tpa=http://www.hank-tech.com/images/SiteMap_tb.png*/) no-repeat;
	margin-right: 0.8%;
}
.SiteMap_b_nav{ padding-left: 5%; margin-top: 2%;}
.SiteMap_b_nav_s{ width: 100%;}
.SiteMap_b_nav_s h3{ font-size: 13px; color:#000; font-weight: 600;}
.SiteMap_b_nav_s ul li{ width: 18%; float: left; margin-bottom: 2%;}
.SiteMap_b_nav_s ul li a{ color:#111; font-size: 13px;}
.SiteMap_b_nav_s ul li a:hover{color:#00acfb}
.SiteMap_b>.SiteMap_b_nav_s>ul{ margin-top: 2%;}

.xdownload_d{ width: 100%; padding-bottom: 10%;}

.news_list{ width:100%; margin-top: -1.5%;}
.news_list ul li{ padding: 2.9% 0; border-bottom: 1px dashed #b2b2b2;}
.news_list_li_left{ float: left; padding: 10px; border: 1px solid #c8c8c8; width:23%; overflow: hidden;}
.news_list_li_left img{ width: 100%;}
.news_list_li_right{ float: left; width: 75%;  display: inline-block; padding-left: 6%;}
.news_list_li_right h5{ font-size: 16px;  line-height: 34px; font-weight: 600;}
.news_list_li_right h5 a{color:#111; }
.news_list_li_right h5 a:hover{text-decoration:underline;}
.news_list_li_right .news_list_time{ font-size: 12px; color:#626262; line-height: 21px;}
.news_list_li_right .news_list_time span{ 
	display: inline-block;
	width: 12px; 
	height: 12px;
	background: url("../images/news_list_time.png"/*tpa=http://www.hank-tech.com/images/news_list_time.png*/) no-repeat;
	margin-right: 1%;
	margin-top: 2px;
}
.news_list_li_right .news_list_p{ font-size: 13px; line-height: 22px; padding-top: 0.6%;    color: #111;}
.news_list_li_right .news_list_p:hover{text-decoration:underline; cursor:pointer;}
.news_list_li_right .news_list_a{ 
	display: inline-block; 
	padding-top: 4%; 
	font-size: 13px; 
	color:#111;
	text-decoration: initial;
	text-decoration:underline;
}
.news_list_li_right .news_list_a:hover{color:#00acfb}
.news_content{ width: 100%; padding-bottom: 8%;}
.news_content h2{ font-size: 22px; line-height: 34px; text-align: center;}
.news_content .content_time{ font-size: 13px; line-height: 34px; text-align: center;}
.content_z{padding-bottom: 4%; padding-top: 2%;}
.content_bottom_left{ width: 60%; float: left;}
.content_bottom_left a:nth-child(1){ color: #111;text-decoration:underline;}
.content_bottom_left a:nth-child(2){ color: #666;}
.content_bottom_left a{ display: block; font-size: 13px; line-height: 22px; color: #111;}
.content_bottom_right{ width: 13%; float: right;}
.content_bottom_right ul li{ float: right; margin-left: 2%;}
.dropdown-toggle{ display: none;}
.fl { float: left;}
.ab_history{float: left; width: 100%; padding-top: 6%; padding-bottom: 13%;}
.history { float: left; width: 100%; background: url("../images/e_cghisline.png"/*tpa=http://www.hank-tech.com/images/e_cghisline.png*/) repeat-y center top;}
.history li { float: left; width: 100%;}
.his_show { position: relative; float: left; width: 50%; padding-bottom: 6%;}
.ab_history .his_shFor { position: relative; width: 94%; border: 1px solid #dcdcdc;}
.his_shFor { float: left; width: 84%;  margin-top: -10px;}
.his_shFnum {  position: absolute; right: -10px; top: -15px; font-size: 32px; text-align: center;}
.his_shFnum span {width:19px;height:19px;border-radius: 50%;display:inline-block;background:#c3c3c3;}
.his_show:hover .his_shFor{border-color:#000;}
.his_show:hover .his_shFor div{color:#000;}
.his_show:hover .his_shFnum span{background:#000;}
.history li.cur { float: right;}
.history li.cur .his_show { float: right;}
.history li.cur .his_show .his_shFor{ float: right;}
.history li.cur .his_show .his_shFor .his_abFor .his_abFname,.history li.cur .his_show .his_shFor .his_abFor .his_abFtro{ text-align: left;}
.his_abFor{ padding: 30px;}
.his_abImg { width: 43%; overflow: hidden;}
.his_abFname { font-size: 24px; line-height: normal; text-align: right;}
.his_abFtro{ font-size: 11px; line-height: 22px; text-align: right;}
.his_abFtro {
    color: #888;
    line-height: 160%; padding-top: 3%; margin-left:0px !important;}
 .history li.cur .his_shFnum {
    left: -9px;
    top: -13px;
    right: auto;
}
.history ul li:last-child{ padding-bottom: 13%;}
@media (max-width:768px){
	.dropdown-toggle{ 
		display: block;
		padding: 6px 10px; 
		background: #00acfb;
		color:#fff;
		border: 1px solid #00acfb;
		border-radius: 6px;	
		float: right;
		margin-right: 10px;
	}
	.p1{text-align:justify;}
	.dropdown-toggle:hover{
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 3px 9px rgba(65, 139, 202, .075);
	box-shadow: inset 0 3px 9px rgba(65, 139, 202, .075);
	background-image: linear-gradient(to bottom,#418bca 0,#6bb3f1 100%);
}
	.tag_nav_s{ width:100%;border-radius: 10px;}
	.tag_nav_s li{ width: 100%; text-align: right;}
	.about_fs{ padding: 0 10px;}
	.about_fs_p ul li{ padding-left: 4%;}
	.about_fs_p ul li p{ text-align: justify;}
	.about_fs_ul li{ width: 48%; margin: 1% 1%;}
	
	.about_yf{ padding: 0 10px;}
	.about_yf h3{ font-size: 18px;}
	.tag_nav_b { padding-left: 5px; font-size: 20px;}
	.about_right{ padding-top: 6px; padding-right: 5px;}
	.about_us_div h2{ font-size: 15px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis}
	.about_us_div{ padding-bottom: 10px;}
	.about_us_div .p2{ font-size: 12px;}
	.about_idt h3{ padding-left: 5px;}
	.about_cp_ul li{ text-align: center;}
	.about_cp_ul li .about_cp_li_pc{ font-size: 12px; text-align: center;}
	.about_cp_ul li .about_cp_li_px{ font-size: 12px; text-align: center;}
    .about_idt h3{ font-size: 18px;}
    .about_cp_p ul li:nth-child(1),.about_cp_p ul li:nth-child(2), .about_cp_p ul li:nth-child(3),.about_cp_p ul li:nth-child(4), .about_cp_p ul li:nth-child(5){ width: 100%;}
    .about_cp_p ul li{ padding-left: 5%;}
    .about_cp_p ul li i{ left:1px}
    .about_cp_img1 img{ width: 100%;}
    .contact_logo li{ width: 32%;}
    .contact_logo li:nth-child(1),.contact_logo li:nth-child(4),.contact_logo li:nth-child(7),.contact_logo li:nth-child(10){ margin-left: 1%;}
    .contact_certificate ul li{ width: 22%;}
    .contact_certificate ul li:nth-child(1),
    .contact_certificate ul li:nth-child(5),.contact_certificate ul li:nth-child(9){ margin-left: 3%;}
    .video_wrap ul li{ width: 100%;}
    .Investors_nav{ width: 100%;}
    .i_Investors_right{ width: 100%; padding-top: 20px;}
    .Financials_list ul li p{ padding-left: 6px;}
    .Financials_list ul li a{ margin-right: 6px;}
    .i_Investors_right h4{ font-size: 18px; padding-left: 10px;}
    .Shareholders_n h3{ font-size: 15px; text-align: center;}
    .Shareholders_n p{ font-size: 13px; text-align: center;}
    .Shareholders_b>.p1{ padding: 4% 10px;}
    .Announcement_list ul li p{ width: 66%;padding-left: 5px;}
    .Announcement_list ul li p{text-overflow ：ellipsis; overflow: hidden;  white-space:nowrap;}
    .Announcement_list ul li a{ width: 72px;}
    .SiteMap_b_nav_s ul{ padding-left: 3px;}
    .SiteMap_b_nav_s ul li{ width: 48%; height: 40px;}
    .SiteMap_b_nav_s ul li a{ font-size: 12px;}
    .about_idt{ padding: 0 10px;}
    .contact_i li, .contact_i1 li{ width: 100%; padding-right: 0;}
    .tag_nav_ss a.next { padding-right: 6px;}
    .xdownload_d{ padding: 0 10px;}
    .exhibition_tb ul li{ width: 48%; margin: 0 1% 1%;}
    .exhibition_wrap>ul>li{ width: 100%;}
    .content_bottom_left{ width: 100%; padding-left: 6px; }
    .content_bottom_left a{padding-bottom: 10px;}
    .content_bottom_right{ float: left; width: 100%;}
    .content_bottom_right ul{ padding-right: 20px;}
    .content_bottom_right ul li{  padding-top: 20px;}
    .news_content h2{ font-size: 16px;}
    .content_z{ padding: 10px;}
    .news_list_li_left{ text-align: center; width: 100%;}
    .news_list_li_left img{ width: 70%; display: inline-block; margin:auto;}
    .news_list_li_right{ width: 100%; padding: 0 10px;}
    .news_list_li_right h5{ font-size: 15px; text-align: center;}
    .news_list_li_right .news_list_time{ text-align: center;}
    .news_list_li_right .news_list_p{ text-align: justify;}
    .news_list_li_right .news_list_a{ float: right;}
    .Overview_b>.p1{ padding: 0 10px;}
    .contact_logo>h3{ padding-left: 6px;}
    .SiteMap_b{ padding: 0 15px;}
    .about_idt_b_h2{ font-size: 1em;}
    .y_wen p{}
    .y_wen .y1{ left: 0; font-size: 21px; font-weight: bold;}
    .y_wen .y2{top:30px; left: 0; font-size: 21px; font-weight: bold;}
    .y_wen .y3{top:60px; left: 0; font-size: 21px; font-weight: bold;}
    .y_wen .y4{top:90px; left: 0; font-size: 21px; font-weight: bold;}
    .y_wen .y5{top:120px; left: 0; font-size: 21px; font-weight: bold;}
    .y_wen .y6{top:150px; left: 0; font-size: 21px; font-weight: bold;}
    .y_wen .y7{top:180px; left: 0; font-size: 21px; font-weight: bold;}
    .y_wen .y8{top:210px; left: 0; font-size: 21px; font-weight: bold;}
    .y_wen .y9{top:240px; left: 0; font-size: 21px; font-weight: bold;}
    .y_wen .y10{top:270px;left:0;  font-size: 21px; font-weight: bold;}
    .dp1,.dp2,.dp3,.dp4,.dp5,.dp6 { display: none;}
	.front{ width: 100%;}
	.back{ width: 100%;}
	.about_yf_img{ height: 100px;}
}
@media (min-width: 992px){
	.flipper{ height: 260px;}
}
@media (min-width: 1200px){
    .flipper{ height: 305px;}
}



.map{ width: 904px; height:500px; background: url("../images/fer_d_bj.png"/*tpa=http://www.hank-tech.com/images/fer_d_bj.png*/) no-repeat; position: relative; margin: auto;}
.map img{/* width: 60%; */margin: 0 auto; display: block;}
.map .map_dian{ width: 904px; height:500px; margin: auto;;}
.map .map_dian li{ position: absolute; z-index: 2}
.map .map_dian li:nth-child(1){ top: 19%; left: 25%;}
.map .map_dian li:nth-child(2){ top:13%; left:9%;}
.map .map_dian li:nth-child(3){ top: 27%; left: 5%;}
.map .map_dian li:nth-child(4){top: 29%; left: 6%;}
.map .map_dian li:nth-child(5){top: 33%; left: 4.8%;}
.map .map_dian li:nth-child(6){top: 38%; left: 9%;}
.map .map_dian li:nth-child(7){top: 48%;left: 27%;}
.map .map_dian li:nth-child(8){top: 74%;left: 9%;}
.map .map_dian li:nth-child(9){top: 47%;left: 35%;}
.map .map_dian li:nth-child(10){top: 49%;left: 34%;}
.map .map_dian li:nth-child(11){top: 75%;left: 42%;}
.map .map_dian li:nth-child(12){top: 41.5%;left: 44%;}
.map .map_dian li:nth-child(13){top: 22%;left: 77%;}
.map .map_dian li:nth-child(14){top: 37%; left: 80%;}
.map .map_dian li:nth-child(15){top: 69%;left: 92%;}
.map .map_dian li:nth-child(15) p{ position: absolute; left:12px}
.map .map_dian li>p{ display: inline-block; width:100%; font-size: 12px;}
.map .map_dian li a{ width:8px;height: 8px; display: block; background: #4f4b4c; border-radius: 50%; position: absolute; left: 50%}
.map .map_dian li:nth-child(4) a{ position: absolute; top: 20px; left: 26px;}
.map .map_dian li:nth-child(4) p{ position: absolute; top: 6px; left: 30px;}
.map .map_dian li:nth-child(5) a{ position: absolute; top: 15px; left: 20px;}
.map .map_dian li:nth-child(5) p{ position: absolute; top: 8px; left: -30px;}
.map .map_dian li:nth-child(6) a{ position: absolute; top: 10px; left: 6px;}
.map .map_dian li:nth-child(6) p{ position: absolute; top: 20px; left: 0;}
.map .map_dian li:nth-child(9) a{ position: absolute; top:10px; left:20px; background: #0aaeee;}
.map .map_dian li:nth-child(9)>p{ position: absolute; top:-10px; display: inline-block; color: #0aaeee}
.map .map_dian li:nth-child(10) a{ position: absolute; top:16px; left: 30px;}
.map .map_dian li:nth-child(10) p{ position: absolute; top:20px; display: inline-block;}

.map_jiantou{
	display: inline-block;
	position: absolute;
	top: -30px;
    left: -50px;
	z-index: 2;
	color:#fff;
	display: none;
	width: 250px;
}
.map_jiantou1{
	display: inline-block;
	position: absolute;
	top: -150px;
	left: -90px;
	z-index: 2;
	color:#fff;
	display: none;
	width: 280px;
}
.map_jiantou1 h4{ position: absolute; top:10px; left: 10px; color: #00acfb; font-size: 12px}
.map_jiantou1 p{position: absolute; top:0; left: 0; font-size: 8px;color:#898989; text-align: left; font-weight: 100;}
.map_jiantou p{ width: 50px;white-space:nowrap;}
.map_jiantou1 img{ width: 100%;display:none;}
.map .map_dian li:hover .map_jiantou{display: block;}
.index-item03 .footer{position:absolute;bottom:0;left:0;}
.sz:hover .map_jiantou1 img{display:block;}
.map_2{     width: 60%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 20%;
}
.map_2_bj1{
	width: 198px;
	height: 206px;
	position: absolute;
	top: 221px;
	left: -172px;
	z-index: 1;
}
.map_2_bj1 img {
	display: block;
	width: 100%;
	height: 100%;
}
.map_2_bj2{
	width: 263px;
	height: 228px;
	position: absolute;
	top: 4px;
	left: -184px;
	z-index: 1;
}
.map_2_bj2 img {
	display: block;
	width: 100%;
	height: 100%;
}
.map_2_bj3{
	width: 448px;
	height: 356px;
	position: absolute;
	top: 0px;
	left: -70px;
}
.map_2_bj3 img {
	display: block;
	width: 100%;
	height: 100%;
}
.map_2_bj4{
	width: 305px;
	height: 279px;
	position: absolute;
	top: 30px;
	right: -137px;
}
.map_2_bj4 img {
	display: block;
	width: 100%;
	height:100%;
}
.bl{color:#FFF;font-size: 16px;opacity:0;filter:alpha(opacity=0);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;position:absolute}
.map_2_bj1 .bl{top:90px;left:100px;}
.map_2_bj2 .bl{top:120px;left:100px;}
.map_2_bj3 .bl{top:150px;left:190px;}
.map_2_bj4 .bl{top:117px;left:100px;}
.map_2_bj5 .bl{top:370px;left:400px; color:#111;}
/*.map_2_bj5{width:}*/
.map_2_bj5 img{position:absolute}
.map_2_bj5 .img1{top:329px;left:176px;}
.map_2_bj5 .img2{top:295px;left:598px;}

.map_2_hover img{opacity:0;filter:alpha(opacity=0);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.map_2_hover:hover img,.map_2_hover:hover .bl{opacity:1;filter:alpha(opacity=100)}


/*-   搜索       -*/
.sear_con{
	margin-top:1%;
}
.sear_t{
	font-size: 28px;
	color:#111111;
	font-family: "微软雅黑";
	text-transform: capitalize;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
}
.sear_ss{
	padding-top:35px;
}
.txt_search{
	width:15%;
	height: 30px;
	border:1px solid #cccccc;
	
	text-indent: 10px;
}
.btn_search{
	height: 29px;
	width:5%;
	background: #4c4c4c;
	color:#fff;
	border:none;
	padding:0 1%;
	text-transform: capitalize;
}
.sear_jg{
	padding-left:5%;
	color:#000;
	font-size: 14px;
}
.sear_list{
	padding-top:50px;
}
.sear_tcon_list li{
	float: left;
}
.sear_tcon_list li a{
	color:#272727;
	font-size: 16px;
	font-weight: bold;
	padding:0 10px;
	text-transform: capitalize;
	display: block;
}
.sear_tcon_list li.on{
	display: block;
}
.sear_tcon_list li.on a,.sear_tcon_list li:hover a{
	color:#00acfb;
	text-decoration: none;
}
.sear_tcon_list li.on a:after,.sear_tcon_list li:hover a:after{
	content: '';
    display: block;
    background-color: #00acfb;
    height: 3px;
    width:85%;
    margin:0 auto;
    margin-top:3px;
}

.sear_tcon_list:after{
	content: "";
	clear: both;
	display: block;
}
.sear_je_lists{
	padding-top:8px;
}
.sear_je_list{
	display: none;
}
.sear_je_list:first{
	display: block;
}
.sear_je_list li{
	height: 50px;
	border-bottom: 1px dashed #b2b2b2;
	line-height: 50px;
	background: url("../images/sear_ico.png"/*tpa=http://www.hank-tech.com/images/sear_ico.png*/) no-repeat left center;
	text-indent: 15px;
}
.sear_je_list li a{
	font-size: 14px;
	color:#666666;
}

.sear_je_list li:hover{
	background: url("../images/sear_ico2.png"/*tpa=http://www.hank-tech.com/images/sear_ico2.png*/) no-repeat left center;
}

.sear_je_list li:hover a{
	text-decoration: none;
	color:#00acfb;
}