
<div class="foot">
	<div class="content wrap foot-con">
	    <div class="foot-contact fl">
			<img src="/template/jiulong/images/logo_footer.png" alt="">
			<p>Ã§â€ÂµÃ¨Â¯ÂÃ¯Â¼Å¡{dede:global.CFG_PHONE/}</p>
			<p>Ã¦â€°â€¹Ã¦Å“ÂºÃ¯Â¼Å¡{dede:global.CFG_TEL/}</p>
			<p>&emsp;&emsp;{dede:global.zxdh/}</p>
			<p>Ã©â€šÂ®Ã§Â®Â±Ã¯Â¼Å¡{dede:global.CFG_EMAIL/}</p>
			<p>Ã¥Å“Â°Ã¥Ââ‚¬Ã¯Â¼Å¡{dede:global.CFG_ADDRESS/}</p>
		</div>
		<div class="foot-menu fl">
		 
		<dl>
		    {dede:type typeid='1'}
			<dt><a href="[field:typelink/]" target="_blank">[field:typename/]</a></dt>
			{/dede:type}
			{dede:channel type='son' typeid='1'}
			<dd><a href='[field:typelink/]' title="[field:typename/]">[field:typename/]</a></dd>
			{/dede:channel}
			
		</dl>
		 
		<dl>
		    {dede:type typeid='2'}
			<dt><a href="[field:typelink/]" target="_blank">[field:typename/]</a></dt>
			{/dede:type}
			{dede:arclist titlelen='42' row='4' typeid='2' orderby='id' orderway='desc'}
			<dd><a href='[field:arcurl/]' title="[field:title/]">[field:title/]</a></dd>
			{/dede:arclist}
			
		</dl>
		 
		<dl>
			{dede:type typeid='14'}
			<dt><a href="[field:typelink/]" target="_blank">[field:typename/]</a></dt>
			{/dede:type}
			 {dede:arclist titlelen='42' row='4' typeid='14' orderby='id' orderway='desc'}
			<dd><a href='[field:arcurl/]' title="[field:title/]">[field:title/]</a></dd>
			{/dede:arclist}
			
		</dl>
		 
		<dl>
		    {dede:type typeid='4'}
			<dt><a href="[field:typelink/]" target="_blank">[field:typename/]</a></dt>
			{/dede:type}
			{dede:arclist titlelen='42' row='4' typeid='4' orderby='id' orderway='desc'}
			<dd><a href='[field:arcurl/]' title="[field:title/]">[field:title/]</a></dd>
			{/dede:arclist}
			
		</dl>
		<dl>
			{dede:type typeid='3'}
			<dt><a href="[field:typelink/]" target="_blank">[field:typename/]</a></dt>
			{/dede:type}
			{dede:channel type='son' typeid='3'}
			<dd><a href='[field:typelink/]' title="[field:typename/]">[field:typename/]</a></dd>
			{/dede:channel}
			
		</dl>
			<dl>
			{dede:type typeid='6'}
			<dt><a href="[field:typelink/]" target="_blank">[field:typename/]</a></dt>{/dede:type}
		
		
			{dede:type typeid='6'}<dd><a href='[field:typelink/]' title="[field:typename/]">Ã¨Ââ€Ã§Â³Â»Ã¦â€“Â¹Ã¥Â¼Â</a></dd>	{/dede:type}
			<dd><a href="/contact/#ly_form" title="Ã¥Å“Â¨Ã§ÂºÂ¿Ã§â€¢â„¢Ã¨Â¨â‚¬" rel="nofollow" target="_blank">Ã¥Å“Â¨Ã§ÂºÂ¿Ã§â€¢â„¢Ã¨Â¨â‚¬</a></dd>
	
			
		</dl>
		
		</div>
		
		<div class="foot-ewm fr">
			<img src="/template/jiulong/images/ewm.png" alt="Ã¤ÂºÅ’Ã§Â»Â´Ã§Â Â">
			<span>Ã¦â€°Â«Ã¤Â¸â‚¬Ã¦â€°Â« Ã¤Âºâ€ Ã¨Â§Â£Ã¦â€ºÂ´Ã¥Â¤Å¡</span>
		</div>
	</div>
	<div class="content copy">
		<p>Ã§â€°Ë†Ã¦ÂÆ’Ã¦â€°â‚¬Ã¦Å“â€°(Ã‚Â©){dede:global.CFG_COSNAME/} 2019-2022 Ã¥Â¤â€¡Ã¦Â¡Ë†Ã¥ÂÂ·Ã¯Â¼Å¡<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">{dede:global.CFG_BEIAN/}</a>
	</p></div>
</div>

  <div class="fixed-swt">
   <ul>
    <li class="swt-zx"><a href="/"><img src="/template/jiulong/images/icon.png" alt="" />Ã§Â«â€¹Ã¥ÂÂ³Ã¥â€™Â¨Ã¨Â¯Â¢</span></li>
    <li class="swt-msg"><a href="/contact.html#ly_form"><img src="/template/jiulong/images/swt-icon.png" alt="" /><em>Ã¥Å“Â¨Ã§ÂºÂ¿Ã§â€¢â„¢Ã¨Â¨â‚¬</em></a></li>
    <li class="swt-tel"><span class="tel"><img src="/template/jiulong/images/swt-icon1.png" alt="" /><em>Ã¦â€¹Â¨Ã¦â€°â€œÃ§â€ÂµÃ¨Â¯Â</em></span>
     <div class="swt-area">
      <div class="ewm">
       <img src="/template/jiulong/images/ewm.png" alt="" />
      </div>
      <p>Ã¦â€°â€¹Ã¦Å“ÂºÃ¦â€°Â«Ã§Â Â Ã§Â«â€¹Ã¥ÂÂ³Ã¦â€¹Â¨Ã¦â€°â€œ</p>
      <strong>{dede:global.CFG_PHONE/}</strong>
     </div></li>
   </ul>
  </div>

<div class="t-top" id="back-to-top" style="display: block; opacity: 1;"> <img src="/template/jiulong/images/t-top.png" alt="Ã¨Â¿â€Ã¥â€ºÅ¾Ã©Â¡Â¶Ã©Æ’Â¨">TOP</div>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/base.js"></script>

<script src="{dede:global.cfg_templets_skin/}/js/index.js" charset="UTF-8"></script>
<script>
    $(function () {
        $('.index-slick').slick({
            dots: true,
            arrows: false,
            adaptiveHeight: true,
            // autoplay: true
        });

        // Ã¨ÂµÂ°Ã©Â©Â¬Ã§ÂÂ¯
        $('.dowebok').liMarquee();

        // Ã¦Â¡Ë†Ã¤Â¾â€¹Ã¨Â½Â®Ã¦â€™Â­
       
        $('.slick-case').slick({
            dots: true,
            arrows: true,
            autoplay: true,
            slidesToShow: 3,
            
        });
        
    });/*Ã©â‚¬Å¡Ã§â€Â¨*/
/*@font-face {font-family: font1;src:url('../fonts/SourceSansPro-Regular.otf'),url('../fonts/SourceSansPro-Regular.ttf');}*/
@font-face{font-family :font2;src:url('../fonts/Noto-Sans.ttf');}
body{/* font-family: font1, 'helvetica neue', 'hiragino sans gb', arial, 'microsoft yahei ui', 'microsoft yahei',simsun, sans-serif; */ font-family: "Frutiger LT W04_45 Light",sans-serif; font-size: 14px;color:#474747;}
*{box-sizing: border-box;}
body,div,p,ul,ol,li,a,b,s,span,i,input,button,textarea{margin:0;padding:0;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
h1,h2,h3{margin-top:20px;margin-bottom:10px;}
h4,h5,h6{margin-top: 10px;margin-bottom: 10px;}
a{text-decoration: none;color:#474747;}
a:hover{text-decoration: none;color:#0065b3;}
ul,li,ol{list-style: none;}
hr{height:0;margin:10px 0;border: 0;border-top:1px solid #eceef7;}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
.clear:after{display: block;content:"";clear:both;}
.img-responsive{display:block;max-width:100%;height:auto;margin:0 auto;}
/*Ã¥â€¦Â¬Ã§â€Â¨Ã¥Â¤Â´Ã©Æ’Â¨*/
.fix{width:100%;height:80px;position:fixed;top:0;left:0;z-index:100;}
.fix-up{background: #eceef7;}
.fix-up-box{float:right;height:25px;line-height: 25px;position:relative;}
.language-btn{display:inline-block;height:25px;line-height:25px;margin-right:30px;cursor:pointer;color:#005da5;}
.language-btn:hover{color:#0065b3;}
.language-btn b{float:left;margin-right:5px;width:25px;height:25px;background: url('../img/common.png') no-repeat -39px -355px;}
.language-btn:hover b{background: url('../img/common.png') no-repeat -69px -355px;}
.language-list{position:absolute;z-index:2;border-top:1px solid #005da5;display: none;}
.language-list li a{float:left;width:100px;background:#eceef7;color:#005da5;border-bottom:1px solid #005da5;padding-left:15px;}
.zhuce,.denglu,.map,.shu,.welcome{color:#005da5;}
.zhuce:hover,.denglu:hover,.map:hover{color:#0065b3;}

.fix-down{width:100%;height:70px;background: #005da5;}
.fix-down .container{position:relative;}
.logo{width:200px;background: #005da5;position:absolute;top:0;left:15px;padding-top:19px; margin:0;}
.logo-img{width:237px;height:32px;background: url('../img/common.png') no-repeat 0 -215px; text-indent: -999em;}
.logo-slogan{font-size: 24px;color:#fff;}

.nav{position:absolute;top:0;left:257px;}
.nav-c{float:left;height:70px;line-height:70px;position:relative;}
.nav-c a{float:left;padding:0 10px;color:#ffffff;font-size:16px;}
.nav-c h2 {;font-size:16px; font-weight:normal; margin:0;}
.nav-c a:hover{background:#0065b3;}
.nav-c ul{position:absolute;top:70px;left:0;width:140px;display: none;}
.nav-c ul li a{float:left;background:#005da5;border-top:1px solid #fff;width:120px;font-size:14px;line-height:20px;padding-top:10px;padding-bottom:10px;}

.search{position:absolute;top:0;right:0;}
.search-btn{float:left;width:70px;height:70px;background: url('../img/common.png') no-repeat 0 -266px;cursor:pointer;transition:all 0.3s linear;}
.search-form{position:absolute;top:20px;right:50px;}
.search-input{position:absolute;top:0;right:20px;height:30px;line-height: 30px;border:1px solid #005da5;width:0;transition:all 0.3s linear;border-radius:5px;text-indent:8px;}
.search-click{position:absolute;top:0;right:20px;width:30px;height:30px;border:0;transition:all 0.3s linear;border-top-right-radius:5px;border-bottom-right-radius:5px;background:url('../img/common.png') no-repeat 0 -351px ;display:none;}

.caidan{position:absolute;top:0;right:0;}
.caidan-btn{width:70px;height:70px;background: url('../img/common.png') no-repeat -163px -266px;cursor:pointer;display: none;}
.caidan-yincang{position:absolute;top:70px;right:1px;width:0;border:0;padding-bottom:10px;transition:all 0.3s linear;overflow: hidden;background: #fff;}
.caidan-yincang .form-small{position:relative;}
.caidan-yincang .form-small .input2{width:200px;height:30px;margin:10px;border:0;background: #ececec;padding-left:15px}
.caidan-yincang .form-small .submit2{width:30px;height:30px;border:0;background:url('../img/common.png') no-repeat 0 -351px ;position:absolute;top:10px;right:8px;}
.caidan-list{width:200px;margin:0 10px;}
.caidan-list li a{float:left;width:200px;height:32px;line-height:32px;padding-left:15px;margin-bottom:5px;font-weight: bold;color:#005da5}
.caidan-list li a:hover{background: #005da5;color:#fff;}
@media screen and (max-width:991px){
    .nav,.search{display:none;}
    .caidan-btn{display: block;}
}
/*Ã¨Ââ€Ã§Â³Â»Ã¦Ë†â€˜Ã¤Â»Â¬Ã£â‚¬ÂÃ¥Â½â€œÃ¥Å“Â°Ã¥Å Å¾Ã¤Âºâ€¹Ã¥Â¤â€ž*/
.contact-l,.contact-r{float:left;width:46%;margin:2%;position:relative;}
.contact-l .p-title{font-size: 20px;color:#0065b3;}
.contact-l .p-detail{font-weight: bold;margin-bottom:10px;font-size: 16px;color:#474747;}
.contact-l img{position:absolute;right:30px;bottom:0;}
.contact-l .hotline2{font-size: 20px;}
.contact-r label{font-weight: bold;}
.contact-r input{width:100%;height:25px;line-height: 25px;margin-bottom:5px;}
.contact-r textarea{width:100%;}
.contact-r button{border:0;background: #0065b3;color:#fff;padding:10px 30px;cursor:pointer;margin-top:10px;float:right;}
.contact .facebook,.linkedin,.youtube{float:left;width:32px;height:32px;margin-right:20px;}
.contact .facebook{background:url('../img/common.png') no-repeat -442px -66px;}
.contact .linkedin{background:url('../img/common.png') no-repeat -491px -66px;}
.contact .youtube{background:url('../img/common.png') no-repeat -523px 0;}
/*Ã¥â€°Â¯Ã¥Â¯Â¼Ã¨Ë†Âª*/
.nav-f{background: #eceef7;color:#dedede;}
.nav-f .container{padding:15px;}
.nav-f img{vertical-align:middle;position:relative;top:-1px;}
.nav-f .youlian{display:inline-block;margin:5px 15px;color:#dedede;}
.nav-f .rexian{float:right;}
.nav-f a{color:#dedede;}
.local{width:49%;}
@media screen and (max-width: 767px) {
    .contact-l,.contact-r{width:96%;}
    .nav-f .nav-box{width:48%;}
    .nav-f .rexian{float:none;}
    .local{width:99%;}
}
/*Ã¥Â°Â¾Ã©Æ’Â¨*/
.foot{background:#0065b3;text-align: center;color:#fff;padding:10px 0;}
.foot a {color: #fff;}
.foot .beian{color:#fff;display: inline-block;margin-top:5px;margin-bottom: 8px;padding-left: 30px;background: url('../img/common.png') no-repeat -579px -277px;}
.top{position:fixed;right:20px;top:50%;display: none;margin-top:25px;}
.top a{display:inline-block;width:40px;height:40px;background:url('../img/common.png') no-repeat -418px 0}
/* .hotline{position:fixed;right:20px;top:50%;margin-top:-65px;} */
.hotline{display:none;}
/* .hotline i{display:inline-block;width:40px;height:40px;background:url('../img/common.png') no-repeat -499px -126px;cursor:pointer;} */
/* .hotline div{position:absolute;top:5px;right:55px;width:190px;font-size:28px;font-weight:bold;color:#0065b3;display:none;background:#fff;padding:0 5px;} */
@media screen and (max-width: 767px) {
    /* .top,.hotline{right:41px;} */
}
/*Ã©ÂÂ¢Ã¥Å’â€¦Ã¥Â±â€˜Ã¥Â¯Â¼Ã¨Ë†Âª*/
.bread{border-top:1px solid #eceef7;margin-top:95px;}
.bread .container{background:#fff;line-height:30px;color:#666;margin:20px auto;}
.bread i{float:left;width:25px;height:25px;background:url('../img/common.png') no-repeat -208px -49px;position:relative;left:-15px;margin-left:15px;}
.bread a{color:#555555;}
/*Ã¥Â·Â¦Ã¨Â¾Â¹Ã¥Â¯Â¼Ã¨Ë†ÂªÃ¯Â¼Å’Ã¥ÂÂ³Ã¨Â¾Â¹Ã¥â€ â€¦Ã¥Â®Â¹*/
.nav-small{display: none;}
.main-left,.main-right{float:left;margin:0 2%;}
.main-left{width:14%;}
.main-right{width:78%; line-height: 30px;}
.main-left ul li{position: relative;}
.main-left ul li a{display: block;width:100%;padding:10px 5px; border-bottom:1px solid #eceef7; font-weight: bold;}
.main-left ul li a:hover{background: #0065b3;color:#fff;}
.main-left ul li dl{margin: 0; display: none;}
.main-left ul li dd{width: 100%; margin: 0; text-indent: 20px;}
.main-left ul li dd a {border: none; font-weight: normal;} 
.main-left ul li span{position: absolute; right: 0; top: 5px; font-size: 20px; font-weight: bold; z-index:999; display: block; width: auto; color: #005da5; cursor:pointer;} 
@media screen and (max-width:767px){
    .main-left{display: none;}
    .main-right{width:100%;margin:0;}
	.main-right img {max-width: 100%; width: auto !important; height: auto !important;}
    .nav-small{display: block;}
    .nav-small h3{cursor:pointer;}
    .nav-small h3 span{border:5px solid transparent;border-top: 5px solid #000000;position:relative;top:18px;left:5px;}
    .nav-small ul{position:absolute;display: none;width:90%;z-index:100;}
    .nav-small li a{display: inline-block;width:100%;height:100%;padding:10px 5px;background: #eceef7;border-bottom: 1px solid #fff;}
    .nav-small ul span{display:inline-block;width:100%;background:#eceef7;padding:10px 0;border-bottom:1px solid #fff;color:#474747;}
}
/* .main-left span{display:inline-block;width:100%;color:#515151;cursor:pointer;padding:3px 0;}
.main-left span:hover{color:#fff;background:#0065b3;} */
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¥Ë†â€”Ã¨Â¡Â¨*/
.list-box4 .box4{float:left;width:23%;margin:0 1%;height:213px;}
.list-box4 .box4 img{width:100%;}
.list-box4 .box4 p{text-align: center;height:60px; line-height: 60px;overflow: hidden;}
.list-box2 .box2{float:left;margin:0 1% 5% 1%;width:48%;}
.list-box2 .box2 img{width:100%;}
.list-box2 .box2 h4{height:40px;}
.list-box2 .box2-left,.list-box2 .box2-right{float:left;width:48%;margin:0 1%;}
.box2-right p{font-size:12px;}
@media screen and (max-width:767px){
    .list-box4 .box4{width:48%;height:auto;}
    .list-box2 .box2,.list-box2 .box2-left,.list-box2 .box2-right{width:98%;}
}
@media screen and (max-width:991px){
    .list-box2 .box2-left,.list-box2 .box2-right{width:98%;}
}
/*Ã¦â€“Â°Ã©â€”Â»Ã£â‚¬ÂÃ¨Â§â€ Ã©Â¢â€˜Ã£â‚¬ÂÃ©Â¡Â¹Ã§â€ºÂ®Ã¥Ë†â€”Ã¨Â¡Â¨*/
.list{border-top:1px solid #eceef7;padding:20px 0;}
.list-left,.list-right{float:left;margin:0 1%;}
.list-left{width:25%;}
.list-right{width:71%;}
.list-left img{width:100%;}
.list-time{float:right;color:#999;}
.detail-time{float:right;color:#999;position:relative;top:-8px;}
@media  screen and (max-width:767px) {
    .list-left,.list-right{width:98%;}
}
.lei{border-top:1px solid #eceef7;padding-top:15px;}
.industry-box{float:left;width:80px;height:130px;position:relative;margin: 0 3px;}
.industry-box p{height:40px;text-align: center;position:absolute;bottom:0;left:0;right:0;top:90px;}
.industry-box img{position:absolute;bottom:50px; width: 80px;}
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ*/
.product-left,.product-right{float:left;margin:0 2%;width:46%;}
.product-left img{width:100%;}
@media  screen and (max-width:767px) {
    .product-left,.product-right{width:96%;}
}
.product-down h4{color:#0065b3;}
.product-right p{margin:5px 0; line-height: 26px;}
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡ÂµÃ¨Â®Â¤Ã¨Â¯ÂrenzhengÃ¯Â¼Å’Ã¤ÂºÂ§Ã¥â€œÂÃ¥Ë†â€”Ã¨Â¡Â¨Ã©Â¡ÂµÃ¨Â®Â¤Ã¨Â¯Ârenzheng2*/
.renzheng2 a{float:left;width:25%;height:30px;line-height:30px;padding-left:40px;overflow: hidden;margin-top:5px;}
.renzheng a{float:left;width:50%;height:30px;line-height:30px;padding-left:40px;overflow: hidden;margin-top:5px;}
a.amc{background:url('../img/common.png') no-repeat -570px 0;}
a.tuv{background:url('../img/common.png') no-repeat -570px -37px;}
a.ce{background:url('../img/common.png') no-repeat -570px -80px;}
a.atex{background:url('../img/common.png') no-repeat -570px -116px;}
a.cnex{background:url('../img/common.png') no-repeat -570px -157px;}
a.cccf{background:url('../img/common.png') no-repeat -570px -196px;}
a.eg{background:url('../img/common.png') no-repeat -570px -236px;}
@media screen and (max-width:767px){
    .renzheng a{float:left;width:100%;}
    .renzheng2 a{width:30px;}
}

audio{
  bottom: 60px;
   position: fixed;
}
/*Ã¨Â§â€ Ã©Â¢â€˜Ã£â‚¬ÂÃ©Â¡Â¹Ã§â€ºÂ®Ã£â‚¬ÂÃ§â€¢â„¢Ã¨Â¨â‚¬Ã£â‚¬ÂÃ¤Â¸â€¹Ã¨Â½Â½Ã¦Å’â€°Ã©â€™Â®*/
.function{margin-top:15px;}
.function a{float:left;color:#005da5;padding:5px 15px;}
.function a:hover,.function a.act{color:#fff;background:#0065b3;}
/* .function a.video{background:url('../img/common.png') no-repeat -253px -67px ;}
.function a.download{background:url('../img/common.png') no-repeat -301px -67px ;}
.function a.message{background:url('../img/common.png') no-repeat -350px -67px ;}
.function a.proj{background:url('../img/common.png') no-repeat -397px -67px ;} */
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¨Â¯Â¦Ã§Â»â€ Ã¤Â»â€¹Ã§Â»Â Ã©â€Å¡Ã§â€šÂ¹*/
.maodian{background: #0065b3;margin-top:15px;}
.maodian a{float:left;padding:8px 15px;color:#fff;}
.maodian a:hover{background: #eceef7;color:#0065b3;}
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¨Â½Â®Ã¦â€™Â­Ã¤Â¸Å */
.box1{width: 409px;/* height: 409px; */height:307px;overflow: hidden;position: relative;margin:0 auto;}
.box1 .box1_img{width: 409px;/* height: 409px; */height:307px;overflow: hidden;}
.box1 .box1_img ul li{width: 409px;/* height: 409px; */height: 409px;position: absolute;display: none;}
.box1 .box1_img ul li img{width:100%;max-width:800px; /* position:absolute;top:0;right:0;left:0;bottom:0; */margin:auto; }
.box1 .box1_tab{position: absolute;bottom:20px;right:20px;}
.box1 .box1_tab a{display: inline-block;padding: 4px 15px;font-size: 10px;background: #eceef7;margin: 0 5px;}
.box1 .box1_tab a.active{background: #0065b3;}
@media (max-width:1199px){
    .box1{width: 337px;/* height: 337px; */height:253px;}
    .box1 .box1_img{width: 337px;/* height: 337px; */height:253px;}
    .box1 .box1_img ul li{width: 337px;/* height: 337px; */height:253px;}
}
@media (max-width:991px){
    .box1{width: 258px;/* height: 258px; */height:194px;}
    .box1 .box1_img{width: 258px;/* height: 258px; */height:194px;}
    .box1 .box1_img ul li{width: 258px;/* height: 258px; */height:194px;}
    /*.box1 .box1_tab{bottom:30px;}*/
}
@media (max-width:767px){
    .box1{width: 320px;/* height: 320px; */height:240px;}
    .box1 .box1_img{width: 320px;/* height: 320px; */height:240px;}
    .box1 .box1_img ul li{width: 320px;/* height: 320px; */height:240px;}
}
/*Ã¤Â¸Å Ã¤Â¸â€¹Ã¨Â§â€ Ã©Â¢â€˜*/
.vup-li,.vdown-li{position:relative;}
.vup-li i,.vdown-li i{position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;display: inline-block;width:50px;height:50px;background: url('../img/common.png') no-repeat -253px 0;cursor:pointer;}
.vup,.vdown{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display: none;}
.vup iframe,.vdown iframe{background: #ddd;width:100%;}
/* .vup iframe{margin-top:22%;height:56.25%;} */
.vdown iframe{margin-top:7%;height:84.33%;}
.vup i,.vdown i{display: inline-block;width:30px;height:30px;position:absolute;top:15px;right:15px;background:url('../img/common.png') no-repeat -481px 0;cursor: pointer;}
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¨Â½Â®Ã¦â€™Â­Ã¤Â¸â€¹*/
.box{width: 889px;height: 600px;overflow: hidden;position: relative;margin:0 auto;}
.box .box_img{width: 889px;height: 600px;overflow: hidden;}
.box .box_img ul li{width: 889px;height: 600px;position: absolute;display: none;}
.box .box_img ul li img{width:100%;max-width:800px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;}
.box .box_tab{position: absolute;bottom:80px;text-align: center;width: 100%}
.box .box_tab a{display: inline-block;padding: 4px 15px;font-size: 10px;background: #eceef7;margin: 0 5px;}
.box .box_tab a.active{background: #0065b3;}
@media (max-width:1199px){
    .box{width: 733px;height: 550px;}
    .box .box_img{width: 733px;height: 550px;}
    .box .box_img ul li{width: 733px;height: 550px;}
}
@media (max-width:991px){
    .box{width: 561px;height: 421px;}
    .box .box_img{width: 561px;height: 421px;}
    .box .box_img ul li{width: 561px;height: 421px;}
    .box .box_tab{bottom:30px;}
}
@media (max-width:767px){
    .box{width: 320px;height: 240px;}
    .box .box_img{width: 320px;height: 240px;}
    .box .box_img ul li{width: 320px;height: 240px;}
}
/*Ã¨â€¹Â±Ã©Â£Å¾Ã¨ÂÂ£Ã¨Âªâ€°*/
.honor-box{display: inline-block;float:left; border:1px solid #ddd;margin:50px 1%;text-align: center;position: relative;}
.honor-box img{display: block; max-width:100%; max-height: 100%; position:absolute; left: 50%;top: 50%;  transform: translate(-50%, -50%);}
.honor-box p{position:absolute;top:100%;left:0;width:100%;height:100%; z-index: 30;transition:all 0.3s linear;text-align: center; font-size: 16px;font-weight:bold; line-height: 30px; }
/* .honor-box:hover p{top:0;}
.honor-box p a{float:left;width:100%;height:100%;color:#fff;} */
/* .honor-box div{position:absolute;bottom:-40px;margin:0 auto;width:100%;font-size: 16px;font-weight:bold;}  */
@media screen and (min-width:1200px){
    .honor-box{height:220px;width:22%;}
    .honor-box img{max-height:200px;}
    .honor-box a{padding-top:80px;}
}
@media (min-width:992px) and (max-width:1199px){
    .honor-box{height:180px;width:23%;}
    .honor-box img{max-height:160px;}
    .honor-box a{padding-top:60px;}
}
@media (min-width:768px) and (max-width:991px){
    .honor-box{height:280px;width:47%; margin:30px 1%;}
    .honor-box img{max-height:240px;}
    .honor-box a{padding-top:110px;}
}
@media (max-width:767px){
    .honor-box{height:260px;width:100%; margin:20px 1%;}
    .honor-box img{max-height:240px;}
    .honor-box a{padding-top:100px;}
}
.img-box{max-width:500px;margin:0 auto;}
/*Ã¨Â§â€ Ã©Â¢â€˜Ã¥â€œÂÃ¥Âºâ€Ã¥Â¼Â*/
.video-box{width:100%;height:0;padding-bottom:56.25%;position:relative;margin:10px 0;}
.video-box iframe{position:absolute;top:0 ;left:0;background: #eceef7;}
/*PDFÃ¤Â¸â€¹Ã¨Â½Â½Ã¤Â¸Â­Ã¥Â¿Æ’*/
.pdf-detail{float:left;display:inline-block;width:100px;text-align: center;margin:5px;}
.pdf-detail a{display: inline-block;width:100px;height:100px;background:url('../img/common.png') no-repeat -250px -121px;}
/*Ã§â„¢Â»Ã¥Â½â€¢Ã¦Â³Â¨Ã¥â€ Å’*/
.log-box{width:100%;max-width:400px;margin:20px auto;background:#fff;}
@media screen and (max-width:767px){
    .log-box{width:80%;margin-left:10%;margin-right:10%;}
}
.log-box h2{padding:10px;color:#0065b3;border-bottom:2px solid #0065b3;}
.log-form label{font-size:16px;display:inline-block;margin-top:10px;margin-bottom:5px;}
.log-form div input{width:100%;height:35px;margin-bottom:10px;border:1px solid #0065b3;padding:5px 10px;}
.log-form .btn-log{float:right;padding:0 20px;height:35px;margin:10px 0;font-size:16px;color:#fff;background:#0065b3;border:0;cursor:pointer;}
.log-form .btn-log:hover{background: #1756b3;}
.log-form div a{display: inline-block;padding:5px 10px;}
/*Ã©Â¦â€“Ã©Â¡ÂµÃ¥Â·Â¦Ã¥ÂÂ³*/
.index-left,.index-right{float:left;width:46%;margin:2%;}
.index-to-left{position:relative;right:50%;}
.index-to-right{position:relative;left:50%;}
@media (max-width:991px){
    .index-left,.index-right{width:96%;}
    .index-to-left{position: static}
    .index-to-right{position: static}
}
/*Ã©Â¦â€“Ã©Â¡ÂµÃ§ÂÂ°Ã¨â€°Â²Ã¨Æ’Å’Ã¦â„¢Â¯*/
.product,.amca,.news{background:#eceef7;}
/*Ã©Â¦â€“Ã©Â¡ÂµÃ¨Â½Â®Ã¦â€™Â­*/
.banner{margin-top:95px;}
.banner .slideBox{ width:100%; position:relative; }
.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%;margin-left:-40px; bottom:10px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .slideBox .hd ul li{ float:left; margin-right:10px;  width:10px; height:10px;background:#eceef7; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#0065b3; color:#fff; }
.banner .slideBox .bd{ position:relative; z-index:0; width:100%;  }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;} 
@keyframes myMove{
    0% {
        -webkit-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
        transform-origin: 50% 50%; 
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        transform-origin: 50% 0;
    }
}
.banner .slideBox .bd ul li .tu img {animation: myMove 5s 1 ease-in-out; will-change: transform;}
.tu-svg {position:absolute; left: 10%; bottom: 15%;}
.tu-svg img {height: 300px; opacity: 0.5;}
.img-s{display: none;}
.zi1,.zi2,.zi3,.zi4{width:390px;position:absolute;padding:0 15px 15px 15px;color:#fff;background:rgba(11,11,11,.5);}
.zi4{top:5%;left:20%;}
.zi1{top:15%;right:15%}
.zi2{top:15%;left:15%;}
.zi3{top:15%;right:15%;}
@media screen and (min-width:1200px){
    .zi4{top:20%;}
    .zi1{top:30%;}
    .zi2{top:30%;}
    .zi3{top:25%;}
}
@media screen and (max-width:991px){
    .bd h1{font-size: 24px;}
    .banner .slideBox .hd{display: none;}
}
@media screen and (max-width:767px){
    .img-s{display: block;}
    .img-b{display: none;}
    .zi1,.zi2,.zi3,.zi4{height:140px;width:100%;max-width:720px;top:auto;left:0;right:0;bottom:0;}
}
.banner .slideBox .prevStop{ display:none;  }
.banner .slideBox .nextStop{ display:none;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/common.png) -314px 0 no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background:url(../img/common.png) -353px 0 no-repeat; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
/*Ã¦Å¸Â¥Ã§Å“â€¹Ã¦â€ºÂ´Ã¥Â¤Å¡Ã¦Å’â€°Ã©â€™Â®*/
.more{padding:10px 20px;border:2px solid #222;background: transparent;color:#222;font-weight: bold;border-radius:5px;float:right;transition: all 0.2s;margin-top:5%;}
.product .more{/* margin-top:10%; */ float: none; display: block; margin: 0 auto 2%; width: 100px;}
@media screen and (max-width: 767px){
    .more{
        padding:5px 10px;
    }
}
.more:hover{background:#222;color:#fff;}
/*h3Ã¤Â¸Å Ã¨Â¾Â¹Ã¨Â·Â*/
@media (min-width:992px){
    .product h3,.banner h3,.amca h3,.project h3,.news h3,.about h3{margin-top:50px;}
}
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¥Ë†â€ Ã§Â±Â»Ã¥ÂÅ hot*/
.product h3 {text-align: center; padding-top: 2%;}
.product .index-right a.product-a{display:inline-block; padding:5px 10px;margin:3px; }

.product .index-right a.product-a:hover{background:#0065b3;color:#fff;}
.product  a.product-a{display:inline-block;padding:8px 15px;margin:5px 6px;float: left;}
.product  a.product-a h3{margin:0; font-weight: normal; font-size: 14px; padding:0;}
.product  a.product-a:hover{background:#0065b3;color:#fff; }
.product-box{float:left;width:30%;border:2px solid #eceef7;overflow:hidden; position: relative; margin-right: 3%; margin-bottom: 3%; overflow: hidden;}
.product-box p{display: block; /* position:absolute;top:0;right:100%;width:100%;height:100%; */text-align:center;/* background:rgba(00,00,00,.8); background-color: rgba(21, 68, 122, 0.8); */}
.product-box a { position: relative; display: block;}
.product-box a:after{display: block; content: ''; position:absolute;top:0;right:100%; width:100%;height:100%; background-color: rgba(21, 68, 122, 0.8); transition: all 0.7s ease-in-out 0s; z-index: 5;}
.product-box p{position: absolute; left: 0; top: 10%; text-align: center; color:#fff;display: block; width: 100%; font-size:18px; font-weight: bold; z-index: 10;} 
.product-box-text {position: absolute; left: 0; top: 25%; width: 100%; z-index: 10;}
.product-box-ico {overflow: hidden; position: relative; top:0; left:0%; width:100%;height:100%;}
.product-box-ico img {width: 26%; margin-left: 5.5%; opacity: 0.2;}
.product-box-ico img:nth-child(2), .product-box-ico img:nth-child(3) {position: absolute; left: 0; top: 0;  transition: all 0.7s;}
.product-box p::before { } 
.product-box:hover a:after{right:0;}
.product-box:hover .product-box-ico img {opacity: 0.8;}
.product-box:hover .product-box-ico img:nth-child(2) {left: 31.5%; }
.product-box:hover .product-box-ico img:nth-child(3) {left: 63%; }
@media screen and (max-width:768px){ 
    .product-box p, .product-box .product-box-text{
        display: none;
    } 
}
/*Ã©Â¡Â¹Ã§â€ºÂ®Ã¨Â§â€ Ã©Â¢â€˜Ã¥Ë†â€ Ã§Â±Â»Ã¥ÂÅ hot*/
.project-box{float:left;width:50%;border:2px solid #ffffff;overflow:hidden;position:relative;}
.project-box p{position:absolute;top:100%;left:0;width:100%;height:100%;transition:all .3s;text-align:center;background:rgba(00,00,00,.8);filter:progid:DXImageTRansform.microsoft.gradient(startcolorstr=#cc000000,endcolorstr=#cc000000););}
.project-box p a{color:#fff;display: inline-block;width:100%;height:100%;padding-top:30%;font-size:18px;}
.project-box:hover p{top:0;}
@media screen and (max-width:768px){
    .project-box:hover p{
        display: none;
    } 
}
.about li,.project li,.news li{margin:5px 0;}
/*Ã©Â¦â€“Ã©Â¡ÂµÃ¨Â®Â¤Ã¨Â¯Â*/
.amca .amca1{float:left;width:30%;overflow: hidden;}
.amca .amca2{float:right; width:40%;overflow: hidden;}
.amca .amca1 img , .amca .amca2 img {display: inline-block; margin-right: 5px; vertical-align: middle;}
.amca .amca2 a {float: left; width: 33.333%;}
.amca .amca1 a, .amca .amca2 a{display: inline-block;height:35px;line-height:35px;/* padding-left:35px;width:100%; */overflow: hidden;margin-top:8px;}
/*Ã¨Â®Â¤Ã¨Â¯ÂÃ¤ÂºÂ§Ã¥â€œÂÃ©Â¡ÂµÃ©ÂÂ¢Ã¨Â®Â¤Ã¨Â¯ÂÃ¦Â â€¡*/
.main-right h3, main-right h2{position:relative}
.main-right h2, .main-right h1 {font-size:24px;}
.renzheng3{position:absolute;font-size:14px;right:0;top:15px;}
.renzheng3 b{color:#005da5;cursor:pointer;}
.renzheng3 b:hover{color:#0065b3;}
.renzheng3 ul li{background:#eceef7;text-indent: 15px;border-bottom:1px solid #fff;padding:5px 0;}
.renzheng3 ul{display: none;}
.main-right-detail img {max-width: 100%;}
.main-right-detail {line-height: 30px;}  

/*Ã¦â€“Â°Ã§â€°Ë†Ã¤ÂºÂ§Ã¥â€œÂÃ¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ*/
.nav-detail{margin-top:15px;background:#eceef7;border-top:1px solid #fff; margin-bottom: 15px; width: 100%;}
.nav-detail a{float:left;padding:8px 15px}
.nav-detail a:hover,.nav-detail a.hover{background:#005da5;color:#fff;}
.nav-fix{position:fixed;top:80px;z-index:1;}
/*.nav-fix a{border-top:1px solid #fff;}*/
/*Ã¦â€“Â°Ã§â€°Ë†Ã¤ÂºÂ§Ã¥â€œÂÃ¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡ÂµÃ¥Â¯Â¼Ã¨Ë†ÂªÃ¦ÂÂ¡ Ã¦â€ºÂ´Ã¥Â¤Å¡Ã¦Å’â€°Ã©â€™Â®*/
.product-down{position:relative;}
.product-down-detail {line-height: 30px;}
.more2{position:absolute;top:0;right:0;width:34px;height:34px;background:#000;cursor:pointer;display:inline-block;display:none;opacity:0.8;}
@media screen and (max-width:767px){
    /* .nav-detail{height:35px;overflow:hidden;} */
	.more2{display:block;}
}
/*Ã¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡ÂµÃ¨Â§â€ Ã©Â¢â€˜*/
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}
.video-big{width:100%;margin-top:15px;background:#000;overflow:hidden;}
@media screen and (max-width:767px){
    .video-big{height:280px;}
}
/*Ã¥â€ºÂ¾Ã¦â€“â€¡Ã¦Â·Â·Ã¦Å½â€™*/
.img-box1,.img-box2{margin-top:30px;width:46%;float:left;margin-left:2%;margin-right:2%;}
.img-left .img-box1 div{color:#aaaaaa;margin-top:10px;text-align: center;}
.img-left .img-box2{width:48%;margin-right:0;}
.img-left .img-box2 img{display: none;}
.img-right .img-box1{float:right;}
.img-right .img-box2{width:48%;margin-left:0;}
.img-right .img-box2 img{display: none;}
.img-right .img-box1 div{color:#aaaaaa;margin-top:10px;text-align: center;}
.img-top .img-box1{width:96%;}
.img-top .img-box1 div{color:#aaaaaa;margin-top:10px;text-align: center;}
.img-top .img-box2{width:96%;}
.img-top .img-box2 img{display: none;}
.img-none .img-box1{width:100%;margin:0;}
.img-none .img-box1 img{display: none;}
.img-none .img-box2{display: none;}
.img2 div{color:#aaaaaa;margin-top:10px;}
@media screen and (max-width:767px){
    .img-box1,.img-box2{width:96%;}
	.img-right .img-box2{width:96%;}
	.img-left .img-box2{width:96%;}
}
h4.xiaobiaoti{margin-top:20px;}
/*Ã¥Â°ÂÃ¨Â§â€ Ã©Â¢â€˜*/
.video-small{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:#000000;}
.video-close{display: inline-block;width:30px;height:30px;position:absolute;top:15px;right:15px;background:url('../img/common.png') no-repeat  -481px 0;cursor: pointer;z-index:99;}
.video-play{position:absolute;left:15px;bottom:15px;width:50px;height:50px;background: url('../img/common.png') no-repeat -253px 0;cursor:pointer;z-index:3;display:none;}
/*Ã¦â€“Â°Ã©â€”Â»Ã©Â¡ÂµÃ©ÂÂ¢Ã¨Â§â€ Ã©Â¢â€˜*/
.video-news{width:100%;margin-top:15px;margin-bottom:15px;background:#000;overflow:hidden;}
.form_test label {
	display: inline-block;
	width: 70px;
	word-wrap: break-word; 
	word-break: normal;
}
.form_test input , .form_test textarea {
	display: inline-block;
	width: 80%;
	line-height: 25px;
	margin-bottom: 10px; 
}
.form_test input.yz{
    width: 70%;
}

.form_test .shsp label{
    width: 100%;
}
.form_test .shsp textarea{
    width: 88%;
    margin-top: 10px;
}
.form_test input::-webkit-input-placeholder{
    color:#b6b5b5;
    font-size:12px;
}
.form_test div #telnote{
    
}
.form_test .form-img {
	width: 45%;
}
.form-img-button {
	padding: 0 20px;
}
.form_test button.submit{
	border: 0;
    background: #0065b3;
    color: #fff;
    padding: 10px 30px;
    cursor: pointer;
    margin-top: 10px;
	margin-left: 30%;
}
.form_test button.reset{
	border: 0; 
    background: #ccc;
    color: #333;
    padding: 10px 30px;
    cursor: pointer;
    margin-top: 10px;
	margin-left: 2%;
}
.form_test img {
	display: block;
	max-width: 100%;
}

.form_test .up_top{
    width: 88%;
    line-height: 25px;
    margin-bottom: 10px;
    border: 1px solid #7f5555;
    height: 500px;
    /* float: right; */
}
.form_test .up_top .up-img{
    max-width: 100%;
    max-height: 100%;
}
#verifyYz {
	width: 80px;
	margin-right: 10px;
}
.verifyYz-span {
	display: inline-block;
	background: #e8e8e8;
	color: #333;
	padding: 6px 8px;
	cursor: pointer;
	border: none;
}

#footer{
    display: none;
}
.sq{
	position: fixed;
	left: 47px;
	bottom: 18px;
	z-index: 100;
}
.sq img{
	width: 60px;
}
.sq p{font-size: 14px;background: #f1f3f4c2;}
@media screen and (max-width:767px){
    .form_test input , .form_test textarea {
		width: 100%;
	}
	.main-right-detail img {
		width: auto !important;
		height: auto !important;
	}
	.sq{
		position: fixed;
		right: 30px;
		bottom: 59px;
	}
	.sq img{
		width: 37px;
	}
	.sq p{font-size: 14px;}

}
.page{ overflow: hidden; text-align: center; margin-top: 20px;}
.page li {list-style: none; display: inline-block; margin: 0 5px;}
.page .thisclass a{ color: #005da5; font-weight: bold;}


.contact_big{
    width: 100%;
}
.contact_big_left{
    width: 50%;
    float: left;
}
#myMap, #myMap2, #myMap3{
    width: 50%;
    height: 320px;
    float: right;
}
.try{
    width: 88%;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 20px;
}

.try img{
    width: 100%;
}
@media screen and (max-width:767px){
    
    .contact_big_left,#myMap{
    width: 100%;
    
}
.try{
    width: 100%;
    overflow: hidden;
}
  
   
  /* CSS Footer */
#footer{width: 100%;height: 60px;background: #ffc71c;left: 0px;bottom:0px;position: fixed;float: left;z-index: 999;display:block;}
#footer a{color:#2a2b30;display: block;width: 25%;height: 100%;float: left;line-height: 98px;text-align: center;font-size: 16px!important;border-right: 1px solid #ffdd76;}
.f1{width:100%;background: url(../img/footer_home.png) no-repeat  center 30%;background-size: 30px;height:100%;float:left;text-align:center;}
.f2{width:100%;background:url(../img/footer_tel.png) no-repeat center 30%;background-size: 30px;height:100%;float:left;text-align:center;}
.f3{width:100%;background:url(../img/footer_email.png) no-repeat center 30%;  background-size: 30px; height:100%; float:left;text-align:center;}
.f4{width:100%;background:url(../img/footer_map.png) no-repeat center 30%;background-size: 30px;height:100%;float:left;text-align:center;}
.f5{width:100%;background:url(../img/footer_top.png) no-repeat center 30%;background-size: 30px;height:100%;float:left;text-align:center;}
    
}

.index-title {display:block; font-size: 24px; margin: 20px 0 10px;}
.product .index-title {text-align: center;padding-top: 2%;width: 100%;}







 var backBtn=$("#back-to-top");
function backToTop() {
    $("html,body").animate({
        scrollTop: 0
    }, 800);
}
backBtn.on("click", backToTop);


$(window).on("scroll", function () {
    if ($(window).scrollTop() > $(window).height())
        backBtn.fadeIn();
    else
        backBtn.fadeOut();
});


$(window).trigger("scroll");


</script>




