@font-face{
    font-family:'pingfang';
    src: url('/css/font/pingfang.TTF');
}
.pifa{font-family:'pingfang','Microsoft Yahei',Arial, Helvetica, sans-serif;}

.m_pic{text-align:center;display:block;}
.m_pic b{display:inline-block;height:100%;vertical-align:middle;}
.m_pic img{vertical-align:middle;}
.b_pic{overflow:hidden;}
.b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

#indabout-box{ background:url(/images/20170729/01.jpg) center / 100%; }
#indabout{ width:100%; max-width:1200px; height:635px; overflow:hidden; position:relative; margin:0 auto; padding:62px 0; }
#indabout .db ul{font-size:0px; position:relative; z-index:1;}
#indabout .db li{ width: 100%; display:inline-block; position:relative; vertical-align:top; }
#indabout .db li .img{ display:block; width:100%; height:635px; background:url() no-repeat center / auto 100%; }
#indabout .db li .txt{ position:absolute; width:340px; max-width:50%; right:20px; top:-10px; bottom:-10px; padding:30px; }
#indabout .db li .txt s{ display:block; position:absolute; left:0;right:0;bottom:0;top:0; background:#f9bf00; opacity:0.7; }
#indabout .db li .txt div.n{ position:relative; z-index:1; font-size:40px; color:#474443; }
#indabout .db li .txt div.n1{ position:relative; z-index:1; font-size:26px; color:#474443; }
#indabout .db li .txt div.p{ position:relative; z-index:1; font-size:14px; color:#474443; line-height:30px; max-height:360px; overflow:hidden; margin:40px 0; }
#indabout .db li .txt div.a{ position:relative; z-index:1; padding:10px 0; }
#indabout .db li .txt div.a img{-webkit-transition:all 600ms ease 0s; transition:all 600ms ease 0s; }
#indabout .db li .txt div.a:hover img{ -webkit-transform: perspective(400px) rotateY(360deg); transform: perspective(400px) rotateY(360deg); }
#indabout .hb{ width:100%; text-align:left; position:absolute; left:0; bottom:11%; left:20px; z-index:999;}
#indabout .hb li{ width:11px; height:11px; display:inline-block; border-radius:6px; font-size:0; cursor:pointer; background:#474443; margin:0 5px; position:relative; }
#indabout .hb li.on{ background:#f9bf00; width:50px; }
#indabout .db ul,
#indabout .db .tempWrap{ overflow:visible !important; }

#indproduct{ width:100%; height:760px; overflow:hidden; position:relative; }
#indproduct .db ul{font-size:0px; position:relative; z-index:1;}
#indproduct .db li{ width: 100%; display:inline-block; position:relative; vertical-align:top; overflow:hidden; }
#indproduct .db li .img{ width:100%; background:url() no-repeat center / auto 100%; height:760px; }
#indproduct .db li .txt{ position:absolute; width:1200px; max-width:100%; left:50%; margin-left:-600px; top:0; bottom:0; }
#indproduct .db li .box{ width:470px; max-width:100%; float:right; padding-top:60px; }
#indproduct .db li .txt .i img{ /*max-height:38px;*/ }
#indproduct .db li .txt .is{ height:2px; background:#000; width:30px; margin:17px 0 9px; }
#indproduct .db li .txt div.n1{ font-size:24px; color:#000; white-space:nowrap; }
#indproduct .db li .txt .p{ width:100%; }
#indproduct .db li .txt .p td{ padding:20px 20px 20px 0; }
#indproduct .db li .txt .pi{ font-size:15px; color:#474443; line-height:26px; }
#indproduct .db li .txt .ii{ height:76px; width:67px; background:url('/images/20170729/08.png'); text-align:center; line-height:76px; font-size:24px; color:#fff; }
#indproduct .db li .txt .li td{ vertical-align:top; border-top:1px solid #c2c2d6; }
#indproduct .db li .txt .li li{ height:38px; line-height:38px; border-left:2px solid #333; background:#555; position:relative; overflow:hidden; border-radius:3px; margin-bottom:15px; padding-right:38px; display:block; width:auto; cursor:pointer; text-align:center; }
#indproduct .db li .txt .li li a{ color:#fff; font-size:15px; }
#indproduct .db li .txt .li li s{ background:url('/images/20170729/09.png') no-repeat 50% 50% #f9bf00; display:block; position:absolute; right:0; top:0;bottom:0; width:38px; }
#indproduct .db li .txt .li li:hover s{ background-position:62% 50%; }
#indproduct .hb{ width:100%; text-align:center; position:absolute; left:0; bottom:0; z-index:999;}
#indproduct .hb ul{ display:inline-block; position:relative; }
#indproduct .hb ul:after{ position:absolute; left:17px; right:17px; top:82px; display:block; height:1px; background:#fff; content:''; z-index:-1; }
#indproduct .hb li{ height:156px; width:70px; display:inline-block; font-size:0; cursor:pointer; background:url('/images/20170729/07.png') no-repeat center; margin:0 16px; position:relative; }
#indproduct .hb li>div{ height:100%; width:126px; top:0; left:-25px; position:absolute; }
#indproduct .hb li>div>.m_pic{ height:70px; top:46px; width:100%; position:absolute; left:0; }
#indproduct .hb li .i2{ display:none; }
#indproduct .hb li.on>div{ background:url('/images/20170729/06.png') no-repeat center; }
#indproduct .hb li.on>div>.m_pic{ height:100px; top:14px; }
#indproduct .hb li .m_pic img{ max-width:30%; max-height:60%; }
#indproduct .hb li.on .m_pic img{ max-width:50%; }
#indproduct .hb li.on .i1{ display:none; }
#indproduct .hb li.on .i2{ display:inline-block; }
#indproduct .hb li div.t{ position:absolute; bottom:100%; height:50px; line-height:50px; left:-4px; right:-4px; display:none; }
#indproduct .hb li div.t span{ position:relative; z-index:2; white-space:nowrap; }
#indproduct .hb li div.t:after{border-left:10px solid transparent;border-right:10px solid transparent;  border-top:14px solid #fff; display:block; position:absolute; top:100%; content:'';opacity:0.7;filter:alpha(opacity=70); left:50%; margin-left:-11px; z-index:1; }
#indproduct .hb li div.t:before{ background:#fff; position:absolute; left:0; right:0; bottom:0; top:0; content:''; display:block; opacity:0.7;filter:alpha(opacity=70); border:1px solid #eee; border-radius:5px; }
#indproduct .hb li:hover div.t{ display:block; }

#indtitle{ text-align:center; padding:50px 0 30px; }
#indtitle h3{ color:#474443; font-size:38px; }
#indtitle p{ font-size:18px; padding:10px; margin:0; }

#indnew{ display:block; background:#f9bf00; width:100%; max-width:1200px; margin:0 auto; margin-bottom:40px; }
#indnew .i{ width:50%; float:left; }
#indnew .i img{ width:100%; }
#indnew .t{ width:50%; float:right; }
#indnew .t>div{ padding:40px 20px 0; }
#indnew .t>div>div a{ font-size:24px; font-weight:bold; color:#474443; }
#indnew .t>div>p{ font-size:15px; line-height:28px; color:#474443; padding:35px 0; margin:0; min-height:50px; }
#indnew .t>div>a.more{ font-size:15px; color:#474443; }

#indfive{ width:100%; /*max-width:1200px;*/ margin:0 auto; overflow:hidden; }
#indfive .last .list{ width:100%;}
#indfive .last .list .tempWrap{ margin:0 auto; }
#indfive .last .list li{ width:380px; height:180px; text-align:center; border:1px solid #e2e2e2; background:#fff; position:relative; margin:0 10px;}
#indfive .last .list li .bor{ width:100%; height:5px; background:#474443;}
#indfive .last .list li .fz14{ width:90%; line-height:28px; font-size:22px; text-align:left; margin:10px auto 5px; color:#444; }
#indfive .last .list li .fz12{ width:90%; line-height:24px; font-size:12px; text-align:left; margin:0 auto; color:#444; }
#indfive .last .list li:hover .fz14{ color:#f9bf00; }
#indfive .last .list li:hover .bor{ width:100%; height:5px; background:#f9bf00;}

#indfooter{ background:#2e2e2e; padding:20px 0; }
#indfooter .address{ padding-bottom:8px; }
#indfooter .address .a1{ font-size:18px; color:#989898; padding-bottom:8px; }
#indfooter .address .a2{ height:36px; line-height:36px; padding-left:40px; font-size:12px; color:#989898; }
#indfooter .address .i1{ background:url('/images/20170729/f-01.png') no-repeat left; }
#indfooter .address .i2{ background:url('/images/20170729/f-02.png') no-repeat left; }
#indfooter .address .i3{ background:url('/images/20170729/f-03.png') no-repeat left; }
#indfooter .address .i4{ background:url('/images/20170729/f-04.png') no-repeat left; }
#indfooter .qr{ text-align:center; padding:8px 0; }
#indfooter .qr img{ max-width:150px; }
#indfooter .qr div{ font-size:15px; color:#989898; padding:8px 0; }

#copyright{ height:60px; line-height:60px; background:#242424; }
#copyright .c{ font-size:12px; color:#636363; }
#copyright .fx{ font-size:12px; color:#9a9a9a; }
#copyright .fx img{ float:right; margin:15px 0 0 5px; }


#indabout .hb li,
#indproduct .db li .txt .li li s{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }


@media only screen and (max-width:1200px){
	#indproduct .db li .txt{ left:0; margin-left:0; }
}

@media only screen and (max-width:1100px){
	.hide-1100{ display:none; }
	
	#indproduct{ background-color:#F7F7F7; height:auto; }
	#indproduct .db li .txt{ left:0; margin-left:0; position:relative; width:100%; }
	#indproduct .db li .box{ margin:0 auto; float:none; width:680px; padding-top:0; text-align:center; }
	#indproduct .db li .img{ position:relative; height:auto; left:0; right:0; bottom:0; top:0; padding-top:400px; margin-bottom:120px; }
	#indproduct .db li .txt .is{ margin-left:auto; margin-right:auto; }
	#indproduct .hb{ bottom:auto; top:320px; }
	
	#indnew .t>div>p{ padding:4% 0; }
}

@media only screen and (max-width:800px){
	.hide-800{ display:none; }
	
	#indnew .i{ width:100%; }
	#indnew .t{ width:100%; }
	#indnew .t>div{ padding:30px 20px; }
	#indnew .t>div>p{ padding:25px 0; }
}

@media only screen and (max-width:720px){
	.show-720{ display:block; }
	.hide-720{ display:none; }
	
	#indabout{ height:auto; padding:0 0; }
	#indabout .db li .img{ height:auto; position:absolute; background:#f9bf00 !important; bottom:0; top:0; left:0; right:0; }
	#indabout .db li .txt{ position:relative; width:auto; max-width:100%; padding:2rem 2rem 5rem; left:0; right:0;bottom:0;top:0; }
	#indabout .db li .txt div.n{ font-size:2.1rem; /*color:#fff;*/ }
	#indabout .db li .txt div.n1{ font-size:1.7rem; /*color:#fff;*/ }
	#indabout .db li .txt div.p{ font-size:1.2rem; line-height:2rem; max-height:inherit; margin:2rem 0; /*color:#fff;*/ }
	#indabout .db li .txt div.a{ text-align:center; }
	#indabout .db li .txt div.a img{ text-align:center; max-height:46px; height:2.875rem; }
	#indabout .hb{ text-align:center; position:absolute; left:0; bottom:2rem; z-index:999;}
	#indabout .hb li{ width:1rem; height:1rem; border-radius:6px; background:#474443; margin:0 5px; position:relative; }
	#indabout .hb li.on{ background:#fff; width:3.125rem; }
	#indabout .db ul,
	#indabout .db .tempWrap{ overflow:visible !important; }
	
	#indproduct .db li .img{ padding-top:26rem; margin-bottom:6rem; padding-left:42%; }
	#indproduct .db li .txt{ width:100%; }
	#indproduct .db li .box{ width:90%; }
	#indproduct .db li .box .i img{ max-height:2.2rem; }
	#indproduct .db li .txt .is{ height:1px; margin:1.3rem auto 1rem; }
	#indproduct .db li .txt div.n1{ font-size:1.8rem; white-space:normal; }
	#indproduct .db li .txt .p{ display:block; }
	#indproduct .db li .txt .pi{ font-size:1.2rem; line-height:2rem; padding:1.5rem 0; }
	#indproduct .db li .txt .li li{ height:30px; line-height:30px; margin-bottom:1.2rem; padding-left:1.2rem; display:block; width:auto; }
	#indproduct .db li .txt .li li a{ font-size:1rem; }
	#indproduct .db li .txt .li li s{ background-size:auto 1rem; width:30px; }
	#indproduct .hb{ top:21rem; }
	#indproduct .hb ul{ display:inline-block; position:relative; }
	#indproduct .hb ul:after{ display:none; }
	#indproduct .hb li{ height:9.75rem; width:4.375rem; background-size:100% 100%; margin:0 1rem; }
	#indproduct .hb li>div{ width:7.875rem; left:-1.5625rem; }
	#indproduct .hb li>div>.m_pic{ height:4.375rem; top:2.875rem; }
	#indproduct .hb li .i2{ display:none; }
	#indproduct .hb li.on>div{ background-size:100% 100%; }
	#indproduct .hb li.on>div>.m_pic{ height:6.25rem; top:1rem; }
	#indproduct .hb li.on .i1{ display:none; }
	#indproduct .hb li.on .i2{ display:inline-block; }
	#indproduct .hb li:hover div.t{ display:none; }
	
	#indtitle{ padding:3.125rem 0 2rem; }
	#indtitle h3{ font-size:2rem; }
	#indtitle p{ font-size:1.3rem; padding:1rem; }
	
	#indfive .last .list li{ width:90%; margin-left:5%; margin-bottom:3rem; height:auto; }
	#indfive .last .list li .fz14{ font-size:1.6rem; line-height:2rem; }
	#indfive .last .list li .fz12{ font-size:1.1rem; line-height:2rem; }
	
	#indnew .t>div>div a{ font-size:1.7rem; font-weight:normal; }
	#indnew .t>div>p{ font-size:1.2rem; font-weight:normal; line-height:1.8rem; padding:1.5rem 0; max-height:inherit; }
	#indnew .t>div>a.more{ font-size:1.4rem; }
	
	#indfooter{ background:#2e2e2e; padding:1.6rem 0; }
	#indfooter .address{ padding-bottom:8px; float:none; text-align:center; }
	#indfooter .address .a1{ font-size:1.6rem; padding-bottom:8px; line-height:2.4rem; }
	#indfooter .address .a2{ height:2.2rem; line-height:2.2rem; padding-left:0; font-size:1.2rem; background:none !important;  }
	#indfooter .address .a1 *{ font-size:1.6rem; color:#989898; }
	#indfooter .address .a2 *{ font-size:1.2rem; color:#989898;  }
	#indfooter .qr{ text-align:center; padding:8px 0; float:none; }
	#indfooter .qr img{ max-width:150px; }
	#indfooter .qr div{ font-size:1.2rem; padding:8px 0; }
	
	#copyright{ height:auto; line-height:2rem; background:#242424; text-align:center; padding:2rem; }
	#copyright:after{ height:0; clear:both; display:block; content:''; }
	#copyright .c{ font-size:1.2rem; }
	#copyright .fx{ font-size:1.2rem; font-size:0; float:none; }
	#copyright .fx img{ float:none; margin:1rem 1rem; }
}