@media (min-width:500px) {
	html{
	    overflow: hidden;
	    overflow-y: scroll;
	}
	a:active{outline:none;blr:expression(this.onFocus=this.blur()); text-underline: none; }
	a:focus{outline:none; text-underline: none;}
	a:hover, a:focus{
	    text-decoration: none;
	}
	ul{
	    margin-bottom: 0px;
	}
	p{
	    margin: 0px;
	}
	body{
	    margin: 0px;
	    font-size: 12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;
	    color:#252525;
	    font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
	    background-color: #ffffff;
	}
	.body{
	    max-width: 1910px;
	    margin: 0px auto;
	    position: relative;
	    min-width: 1200px;
	}
	.up-btn{
	    position: absolute;
	    bottom:340px;
	    height:40px;
	    width: 100%;
	}
	.up-btn-con{
	    width: 1200px;
	    height: 40px;
	    margin: 0px auto;
	    position: relative;
	}
	.up{
	    height: 40px;
	    width: 40px;
	    position: absolute;
	    bottom:0px;
	    background: url(/template/1/xhz/_files/img/6_03.png) no-repeat;
	    background-size:100% 100%;
	    z-index: 10;
	    right:-40px;
	}
	    .head{
	        width: 100%;
	        height: 80px;
	        z-index: 400;
	        background-color: #f9f9f9;
	        border-bottom: 1px solid #CCCCCC;
	        top:0px;
	    }
	    .head-con{
	        width: 1200px;
	        height: 80px;
	        margin: 0px auto;
	        position: relative;
	    }
		.head-con>.img{
			display:none;
		}
	    .head-logo{
	        height: 60px;
	        width: 200px;
	        margin: 10px 0px;
	        line-height: 60px;
	        position: absolute;
	        top:0px;
	        left: 0px;
	    }
	.head-logo>a{
	    display: inline-block;
	    height: 100%;
	    width: 100%;
	}
	    .head-logo>a>img{
	        max-width: 100%;
	        width: auto;
	        max-height: 100%;
	        height: auto;
	    }
	    .head-nav{
	        width: 940px;
	        height: 100%;
	        position: absolute;
	        top: 0px;
	        left: 200px;
	    }
	    .head-nav>ul{
	        width: 100%;
	        height: 100%;
	    }
	    .head-nav>ul>li{
	        width: calc(939px / 9);
	        height: 80px;
	        float: left;
	        position: relative;
	    }
	
	    .head-nav>ul>li>a{
	        display: inline-block;
	        width: 100%;
	        height: 14px;
	        text-align: center;
	        border-right: 1px solid #d2d2d2;
	        border-left: 1px solid #ffffff;
	        font-size: 14px;
	        color: #333333;
	        position: absolute;
	        top: 33px;
	        line-height: 14px;
	    }
	    .head-nav>ul>li.active>a{
	        font-weight: bold;
	    }
	    .head-nav>ul>li:last-child>a{
	        border-right: none;
	    }
	    .head-nav>ul>li:first-child>a{
	        border-left: none;
	    }
	    .head-nav>ul>li>a:hover{
	        cursor: pointer;
	        font-weight: bold;
	    }
	    .level_nav{
	        position: absolute;
	        top:80px;
	        width: 125px;
	        background-color: rgba(245, 245, 245, 0.8);
	        display: none;
	        z-index: 3;
	    }
	    .level_nav>ul>li{
	        height: 40px;
	        line-height: 40px;
	    }
	    .level_nav>ul>li>a{
	        display: inline-block;
	        height: 100%;
	        width: calc(100% - 20px);
	        margin: 0px 10px;
	        border-bottom:1px solid #c5c5c5;
	        border-top:1px solid #ffffff;
	        font-size: 14px;
	        color:#666666;
	        text-align: center;
	    }
	    .level_nav>ul>li:last-child>a{
	        border-bottom:none;
	    }
	    .level_nav>ul>li:first-child>a{
	        border-top:none;
	    }
	    .level_nav>ul>li>a:hover{
	        cursor: pointer;
	        font-weight: bold;
	    }
	    .head-down{
	        position: absolute;
	        top:26px;
	        right: 0px;
	        height: 30px;
	        width: 55px;
	        background-color: rgba(202, 202, 202, 0.3);
	        border-radius: 15px;
	        line-height: 30px;
	        text-align: center;
	    }
	    .head-down>a>span{
	        color:#999999;
	    }
	    .head-bg{
	        width: 100%;
	        position: relative;
	    }
	    .head-bg>img{
	        height: auto;
	        width: 100%;
	    }
	    .head-bg>.text{
	        position: absolute;
	        left: 0px;
	        height: 100%;
	        top:0px;
	        width: 100%;
	    }
	    .head-bg>.text>.title{
	        font-size: 60px;
	        color: #ffffff;
	        text-shadow: 0px 0px 10px  #000000;
	        text-align: center;
	        margin-top: 50px;
	    }
	    .head-bg>.text>.subtitle{
	        font-size: 18px;
	        color: #ffffff;
	        text-shadow: 0px 0px 10px  #000000;
	        text-align: center;
	        margin-top: 10px;
	    }
	.tab-nav{
	    width: 100%;
	}
	.tab-nav-head{
	    width: 100%;
	    height: 60px;
	    background-color: #dddddd;
	    border-bottom:1px solid #CCCCCC;
	}
	.tab-nav-head-con{
	    width: 1200px;
	    margin: 0px auto;
	}
	.tab-nav-head-left>ul>li{
	    float: left;
	    height: 60px;
	    line-height: 60px;
	    width: 145px;
	
	}
	.tab-nav-head-left>ul>li.active{
	    background: url(/template/1/xhz/_files/img/list1_2.png) no-repeat;
	    background-size: 100% 100%;
	}
	.tab-nav-head-left>ul>li>a{
	    display: inline-block;
	    height: 40px;
	    width: 100%;
	    line-height: 40px;
	    margin: 10px 0px;
	    border-left:1px solid #E8E8E8;
	    border-right: 1px solid #d2d2d2;
	    text-align: center;
	    color:#333333;
	}
	.tab-nav-head-left>ul>li:hover{
	    cursor: pointer;
	}
	.tab-nav-head-left>ul{
	    margin-bottom: 0px;
	}
	.tab-nav-head-left>ul>li.active>a{
	    color:#FFFFFF;
	    border:none;
	}
	.tab-nav-head-left>ul>li:first-child>a{
	    border-left:none;
	}
	.tab-nav-head-left>ul>li:last-child>a{
	    border-right:none;
	}
	.company{
	    padding: 20px 0px 40px 0px;
	    border-bottom:1px dashed #CCCCCC;
	}
	.company>.company-title{
	    font-size: 24px;
	    color: #333333;
	    text-align: center;
	    line-height: 24px;
	    padding-bottom: 15px;
	}
	.case{
	    width: 100%;
	}
	.case>.title{
	    padding: 20px 0px 40px 0px;
	    font-size: 24px;
	    text-align: center;
	    color: #333333;
	}
	.tab-nav-head-right{
	    height: 60px;
	    line-height: 60px;
	}
	.tab-nav-head-right>.s1{
	    background: url(/template/1/xhz/_files/img/list1_3.png) no-repeat 0px center;
	    padding-left: 26px;
	    font-size: 12px;
	}
	.tab-nav-head-right>.a1{
	    color:#333333;
	    font-size: 12px;
	}
	.tab-nav-head-right>.a2{
	    color:#333333;
	    font-size: 12px;
	}
	.tab-nav-head-right>.a2:hover{
	    color:#0e528c
	}
	.tab-nav-head-right>a.a2:last-child{
	    color:#0e528c;
	}
	.tab-nav-head-right>a:hover{
	    cursor: pointer;
	}
	    .foot{
	        position: relative;
	        height: 340px;
	        width: 100%;
	        background-color:#202020;
	    }
	    .foot-con{
	        width: 1200px;
	        margin: 0px auto;
	        height: 100%;
	
	    }
	    .foot-head{
	        height: 99px;
	        border-bottom:1px solid #000000;
	        width: 100%;
	        box-sizing: border-box;
	    }
	    .foot-head .logo{
	        position: absolute;
	        top:40px;
	        height: 33px;
	        width: 160px;
	        background:url(/template/1/xhz/_files/img/0_2.png) no-repeat;
	        background-size: auto 100%;
	    }
	    .foot-center>.foot-center-left{
	        width: 750px;
	        height: 176px;
	        border-top:1px solid #333333;
	        border-right:1px solid #0d0d0d;
	        border-bottom:1px solid #0d0d0d;
	        box-sizing: border-box;
	    }
	    .foot-center>.foot-center-left>.title{
	        color:#cccccc;
	        height: 60px;
	        line-height: 60px;
	        font-weight: bold;
	        font-size: 14px;
	    }
	    .foot-center>.foot-center-left>.list>ul>li{
	        float: left;
	        margin-right: 20px;
	        height: 20px;
	        line-height: 20px;
	        margin-top: 7px;
	    }
	.foot-center>.foot-center-left>.list>ul>li:last-child{
	    margin-right: 0px;
	}
	    .foot-center>.foot-center-left>.list>ul>li>a{
	        color:#999999;
	        font-size: 12px;
	    }
	    .foot-center>.foot-center-left>.list>ul>li>a:hover{
	        color:#f5f5f5;
	    }
	    .foot-center-right{
	        width: 450px;
	        height: 176px;
	        border-top:1px solid #333333;
	        border-left:1px solid #333333;
	        border-bottom:1px solid #0d0d0d;
	        box-sizing: border-box;
	    }
	    .foot-center-right>.content{
	        width: 250px;
	    }
	    .foot-center-right>.content>.title{
	        margin: 0px 0px 0px 15px;
	        height: 60px;
	        line-height: 60px;
	        padding-left: 50px;
	        color:#CCCCCC;
	        font-size: 24px;
	        font-weight: bold;
	        background: url(/template/1/xhz/_files/img/1.png) no-repeat 0px center ;
	        background-size: 30px 30px;
	    }
	    .foot-center-right>.content>ul{
	        margin-left: 17px;
	        margin-top: 4px;
	    }
	    .foot-center-right>.content>ul>li>div{
	        line-height: 25px;
	        color:#999999;
	        font-size: 12px;
	        font-weight: bold;
	        width: 202px;
	    }
	    .foot-center-right>.picture {
	        width: 88px;
	        padding-top: 25px;
	    }
	    .foot-center-right>.picture>img{
	        display: block;
	        width: 88px;
	        height: 88px;
	        margin: 0px auto;
	    }
	.foot-center-right>.pictuer2{
	    margin-left: 20px;
	}
	    .foot-center-right>.picture>p{
	        text-align: center;
	        font-size: 12px;
	        color: #bcbcbc;
	        margin-top: 20px;
	    }
	    .footer{
	        height: 60px;
	        width: 100%;
	        border-top:1px solid #333333;
	        box-sizing: border-box;
	    }
	    .footer>.footer-left{
	        font-size: 12px;
	        color:#777777;
	        line-height: 60px;
	        font-family: "宋体";
	    }
		.footer>.footer-left>a{
			font-size: 12px;
			color:#777777;
			line-height: 60px;
			font-family: "宋体";
		}
	    .footer>.footer-right{
	        font-size: 12px;
	        color:#777777;
	        line-height: 60px;
	        font-family: "宋体";
	    }
	
	
}
@media (max-width:500px) {
	html{
	    overflow: hidden;
	    overflow-y: scroll;
	}
	a:active{outline:none;blr:expression(this.onFocus=this.blur()); text-underline: none; }
	a:focus{outline:none; text-underline: none;}
	a:hover, a:focus{
	    text-decoration: none;
	}
	ul{
	    margin-bottom: 0px;
	}
	p{
	    margin: 0px;
	}
	body{
	    margin: 0px;
	    font-size: 12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;
	    color:#252525;
	    font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
	    background-color: #ffffff;
	}
	.body{
	    max-width: 1910px;
	    margin: 0px auto;
	    position: relative;
	    width: 100%;
	}
	.up-btn{
	    position: absolute;
	    bottom:340px;
	    height:40px;
	    width: 100%;
	}
	.up-btn-con{
	    width: 1200px;
	    height: 40px;
	    margin: 0px auto;
	    position: relative;
	}
	.up{
	    height: 40px;
	    width: 40px;
	    position: absolute;
	    bottom:0px;
	    background: url(/template/1/xhz/_files/img/6_03.png) no-repeat;
	    background-size:100% 100%;
	    z-index: 10;
	    right:-40px;
	}
	    .head{
	        width: 100%;
	        height: 80px;
	        z-index: 400;
	        background-color: #f9f9f9;
	        border-bottom: 1px solid #CCCCCC;
	        top:0px;
	    }
	    .head-con{
	        width: 100%;
	        height: 80px;
	        margin: 0px auto;
	        position: relative;
	    }
		.head-con>.img{
			position: absolute;
			height: 40px;
			width: 40px;
			right: 10px;
			top: 20px;
		}
	    .head-logo{
	        height: 60px;
	        width: 200px;
	        margin: 10px;
	        line-height: 60px;
	        position: absolute;
	        top:0px;
	        left: 0px;
	    }
	.head-logo>a{
	    display: inline-block;
	    height: 100%;
	    width: 100%;
	}
	    .head-logo>a>img{
	        max-width: 100%;
	        width: auto;
	        max-height: 100%;
	        height: auto;
	    }
	    .head-nav{
			display: none;
	        width: 375px;
	        height: 400px;
	        position: absolute;
	        top: 0px;
	        left: 0px;
			background-color: rgba(0,0,0,0.4);
			z-index: 10;
	    }
	    .head-nav>ul{
	        width: 200px;
	        height: 100%;
			background-color: #FFFFFF;
	    }
	    .head-nav>ul>li{
	        width: 100%;
	        height: 40px;
	        float: left;
	        position: relative;
	    }
	
	    .head-nav>ul>li>a{
	        display: inline-block;
	        width: 100%;
	        height: 40px;
	        text-align: center;
	        border-right: 1px solid #d2d2d2;
	        border-left: 1px solid #ffffff;
	        font-size: 14px;
	        color: #333333;
	        line-height: 40px;
	    }
	    .head-nav>ul>li.active>a{
	        font-weight: bold;
	    }
	    .head-nav>ul>li:last-child>a{
	        border-right: none;
	    }
	    .head-nav>ul>li:first-child>a{
	        border-left: none;
	    }
	    .head-nav>ul>li>a:hover{
	        cursor: pointer;
	        font-weight: bold;
	    }
	    .level_nav{
			display: none !important;
	        position: absolute;
	        top:80px;
	        width: 100px;
	        background-color: rgba(245, 245, 245, 0.8);
	        display: none;
	        z-index: 3;
	    }
	    .level_nav>ul>li{
	        height: 40px;
	        line-height: 40px;
	    }
	    .level_nav>ul>li>a{
	        display: inline-block;
	        height: 100%;
	        width: calc(100% - 20px);
	        margin: 0px 10px;
	        border-bottom:1px solid #c5c5c5;
	        border-top:1px solid #ffffff;
	        font-size: 14px;
	        color:#666666;
	        text-align: center;
	    }
	    .level_nav>ul>li:last-child>a{
	        border-bottom:none;
	    }
	    .level_nav>ul>li:first-child>a{
	        border-top:none;
	    }
	    .level_nav>ul>li>a:hover{
	        cursor: pointer;
	        font-weight: bold;
	    }
	    .head-down{
			display: none;
	        position: absolute;
	        top:26px;
	        right: 0px;
	        height: 30px;
	        width: 55px;
	        background-color: rgba(202, 202, 202, 0.3);
	        border-radius: 15px;
	        line-height: 30px;
	        text-align: center;
	    }
	    .head-down>span{
	        color:#999999;
	    }
	    .head-bg{
	        width: 100%;
			margin: 0px auto;
	        position: relative;
	    }
	    .head-bg>img{
	        height: auto;
	        width: 100%;
	    }
	    .head-bg>.text{
	        position: absolute;
	        left: 0px;
	        height: 100%;
	        top:0px;
	        width: 100%;
	    }
	    .head-bg>.text>.title{
	        font-size: 60px;
	        color: #ffffff;
	        text-shadow: 0px 0px 10px  #000000;
	        text-align: center;
	        margin-top: 50px;
	    }
	    .head-bg>.text>.subtitle{
	        font-size: 18px;
	        color: #ffffff;
	        text-shadow: 0px 0px 10px  #000000;
	        text-align: center;
	        margin-top: 10px;
	    }
	.tab-nav{
	    width: 100%;
	}
	.tab-nav-head{
	    width: 100%;
	    background-color: #dddddd;
	    border-bottom:1px solid #CCCCCC;
	}
	.tab-nav-head-con{
	    width: 360px;
	    margin: 0px auto;
	}
	.tab-nav-head-left{
		width: 100%;
		overflow-y: hidden;
		overflow-x: auto;
	}
	.tab-nav-head-left>ul{
		display: flex;
			flex-direction: row;
			white-space: nowrap;
	}
	.tab-nav-head-left>ul>li{
	    float: left;
	    height: 40px;
	    line-height: 40px;
	    width: 90px;
	
	}
	.tab-nav-head-left>ul>li.active{
	    background: url(/template/1/xhz/_files/img/list1_2.png) no-repeat;
	    background-size: 100% 100%;
	}
	.tab-nav-head-left>ul>li>a{
	    display: inline-block;
	    height: 30px;
	    width: 100%;
	    line-height: 30px;
		padding: 0px 20px;
	    border-left:1px solid #E8E8E8;
	    border-right: 1px solid #d2d2d2;
	    text-align: center;
	    color:#333333;
	}
	.tab-nav-head-left>ul>li:hover{
	    cursor: pointer;
	}
	.tab-nav-head-left>ul{
	    margin-bottom: 0px;
	}
	.tab-nav-head-left>ul>li.active>a{
	    color:#FFFFFF;
	    border:none;
	}
	/* .tab-nav-head-left>ul>li:first-child>a{
	    border-left:none;
	}
	.tab-nav-head-left>ul>li:last-child>a{
	    border-right:none;
	} */
	.company{
	    padding: 20px 0px 40px 0px;
	    border-bottom:1px dashed #CCCCCC;
	}
	.company>.company-title{
	    font-size: 24px;
	    color: #333333;
	    text-align: center;
	    line-height: 24px;
	    padding-bottom: 15px;
	}
	.case{
	    width: 100%;
	}
	.case>.title{
	    padding: 20px 0px 40px 0px;
	    font-size: 24px;
	    text-align: center;
	    color: #333333;
	}
	.tab-nav-head-right{
	    height: 60px;
	    line-height: 60px;
		display: none;
	}
	.tab-nav-head-right>.s1{
	    background: url(/template/1/xhz/_files/img/list1_3.png) no-repeat 0px center;
	    padding-left: 26px;
	    font-size: 12px;
	}
	.tab-nav-head-right>.a1{
	    color:#333333;
	    font-size: 12px;
	}
	.tab-nav-head-right>.a2{
	    color:#333333;
	    font-size: 12px;
	}
	.tab-nav-head-right>.a2:hover{
	    color:#0e528c
	}
	.tab-nav-head-right>a.a2:last-child{
	    color:#0e528c;
	}
	.tab-nav-head-right>a:hover{
	    cursor: pointer;
	}
	    .foot{
	        position: relative;
	        width: 100%;
	        background-color:#202020;
	    }
	    .foot-con{
	        width: 350px;
	        margin: 0px auto;
	        height: 100%;
	
	    }
	    .foot-head{
	        height: 99px;
	        border-bottom:1px solid #000000;
	        width: 100%;
	        box-sizing: border-box;
	    }
	    .foot-head .logo{
	        position: absolute;
	        top:40px;
	        height: 33px;
	        width: 160px;
	        background:url(/template/1/xhz/_files/img/0_2.png) no-repeat;
	        background-size: auto 100%;
			margin-left: 5px;
	    }
	    .foot-center>.foot-center-left{
	        width: 360px;
	        border-top:1px solid #333333;
	        border-bottom:1px solid #0d0d0d;
			padding: 0px 5px;
	        box-sizing: border-box;
	    }
	    .foot-center>.foot-center-left>.title{
	        color:#cccccc;
	        height: 60px;
	        line-height: 60px;
	        font-weight: bold;
	        font-size: 14px;
	    }
	    .foot-center>.foot-center-left>.list>ul>li{
	        float: left;
	        margin-right: 20px;
	        height: 20px;
	        line-height: 20px;
	        margin-top: 7px;
	    }
	.foot-center>.foot-center-left>.list>ul>li:last-child{
	    margin-right: 0px;
	}
	    .foot-center>.foot-center-left>.list>ul>li>a{
	        color:#999999;
	        font-size: 12px;
	    }
	    .foot-center>.foot-center-left>.list>ul>li>a:hover{
	        color:#f5f5f5;
	    }
	    .foot-center-right{
	        width: 360px;
	        border-top:1px solid #333333;
	        border-bottom:1px solid #0d0d0d;
	        box-sizing: border-box;
			padding: 0px 5px;
	    }
	    .foot-center-right>.content{
	        width: 360px;
	    }
	    .foot-center-right>.content>.title{
	        margin: 0px 0px 0px 15px;
	        height: 60px;
	        line-height: 60px;
	        padding-left: 50px;
	        color:#CCCCCC;
	        font-size: 24px;
	        font-weight: bold;
	        background: url(/template/1/xhz/_files/img/1.png) no-repeat 0px center ;
	        background-size: 30px 30px;
	    }
	    .foot-center-right>.content>ul{
	        margin-left: 0px;
	        margin-top: 4px;
	    }
	    .foot-center-right>.content>ul>li>div{
	        line-height: 25px;
	        color:#999999;
	        font-size: 12px;
	        font-weight: bold;
	        width: 202px;
	    }
	    .foot-center-right>.picture {
	        width: 88px;
	        padding-top: 25px;
	    }
	    .foot-center-right>.picture>img{
	        display: block;
	        width: 88px;
	        height: 88px;
	        margin: 0px auto;
	    }
	.foot-center-right>.pictuer2{
	    margin-left: 20px;
	}
	    .foot-center-right>.picture>p{
	        text-align: center;
	        font-size: 12px;
	        color: #bcbcbc;
	        margin-top: 20px;
	    }
	    .footer{
	        width: 100%;
	        border-top:1px solid #333333;
	        box-sizing: border-box;
	    }
	    .footer>.footer-left{
	        font-size: 12px;
	        color:#777777;
	        line-height: 60px;
	        font-family: "宋体";
	    }
	    .footer>.footer-right{
	        font-size: 12px;
	        color:#777777;
	        line-height: 60px;
	        font-family: "宋体";
			float: left;
	    }
	
	
}<!--0.00022602081298828-->