i{font-style:normal}
@font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:iconfont;}
.rel{position: relative;}
.abs{position: absolute;}
.elp{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
a{transition:0.3s;}
a:hover{}

ul:after{clear:both;display:table;content:" ";}

.index-img{width:140px;position:fixed;left:0;top:50%;z-index:22;}

.in_midbg1{height:auto;padding-top:134px;background:url(../image/inbg1.jpg) top center no-repeat fixed #fff; position:relative;} 
.in_midbg1_nei{ width:100%; margin:0 auto; position:absolute; top:0px; left:0px;}

.bg-f2{background:#f2f2f2;}
.bg-f8{background:#f8f8f8;}
	.pic .zzc {width:100%;height:100%;background: url(../images/hzzcbg.png);position:absolute;bottom:100%;transition:0.3s;}
	.pic .zzc span {  display: inline-block;  width: 36px;  height: 36px;  background: url(../images/honorbtn.png) no-repeat center;}
	.pic a:hover .zzc { bottom:0;}
/*-phone-nav-*/
.phone-nav {  position: absolute;  left: 2%;  display: none;  color: #141414;  z-index: 9;}
.phone-nav i{font-size:26px;}
.phone-nav-language{position:absolute;right:2%;display:none;color:#141414;z-index:9;}
.phone-nav-language i{font-size:26px;}
.phone-language{display:none;position:fixed;top:57px;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;}
.phone-language ul {padding:15px 10px;}
.phone-language ul li{text-align:center;line-height:20px;padding:5px 0;}
.phone-language ul li a{color:#fff;text-transform:uppercase;}
@media (max-width: 1024px){
	.header{padding:10px 0;height:auto;position:fixed;top:0;left:0;width:100%;z-index:9;background:#fff;}
	.banner{margin-top:57px;}
	.phone-nav,.phone-nav-language{display:block;}
	.language,.nav{display:none;}
	.logo{float:none!important;text-align:center;width:100%;}
	.logo img{max-height:37px;}
}
.rightFix{position:fixed;right:0;bottom:200px;z-index: 22;display:none;}
.rightFix ul{width:71px;}
.rightFix ul li{width:100%;height:89px;margin-bottom:4px;background:#f5f5f5;position:relative;}
.rightFix ul li .img{position:relative;height:53px;width:100%;}
.rightFix ul li .img img{position:absolute;left:50%;transform: translate(-50%, 0);bottom: 7px;}
.rightFix ul li .img:after{content: "";position:absolute;left:50%;bottom:0;background: url(../images/xian.png) center center no-repeat;width:48px;height:1px;margin-left:-24px;}
.rightFix ul li span{font-size: 12px;color: #696969;display:block;text-align:center;line-height:26px;}


.rightFix ul li:hover .img{transform: rotateY(360deg);transition: all 2s ease;}
.rightFix ul li:hover span{color: #a55f12}

.rightFix ul li.li_qrcode img.qrcode{position:absolute;right:-75px;top:50%;width:120px;height:120px;max-width:120px;margin-top:-60px;z-index:1;opacity:0;transition: 0.8s;}
.rightFix ul li.li_qrcode:hover img.qrcode{opacity:1;right:75px;}
.rightFix ul li.li_tel .tel{position:absolute;right:-75px;background:#f5f5f5;height:89px;line-height:89px;top:50%;margin-top:-44.5px;font-size:20px;text-align:center;width:160px;color: #a55f12;opacity:0;transition:0.8s;}
.rightFix ul li.li_tel:hover .tel{opacity:1;right:75px;}


.mm-menu_offcanvas{}
.mm-slideout{overflow:hidden;}
.mm-listitem>a, .mm-listitem>span{text-transform:capitalize;}

.button720{text-align:right;border-top:1px solid #aaa;padding-top:20px;}
.button720 a{padding:10px 20px;color:#fff;background:#c6b098;display:inline-block;border-radius:10px;}
.button720 a:hover{opacity:0.8;}

        .code
        {
            /*background-image: url(code.jpg);*/
            font-family: Arial;
            font-style: italic;
            color: Red;
            border: 0;
            padding: 2px 3px;
            letter-spacing: 3px;
            font-weight: bolder;
            margin: 0px 2px 0px 5px;
        }


@media (max-width: 767px){.rightFix{display:none!important;}.index-img{display: none;}}
@media (max-width: 768px) {
	.sytit h3 span{display:block;}
	.sytit h3 img{display:none;}
	.sypro .syprocon ul li{width:100%;max-width:600px;float:none;margin:10px auto;}
}
@media (max-width: 640px) {
	.synews ul li{width:100%;max-width:388px;margin:10px auto;float:none;}
	.syjoin .join_content{padding:3% 1% 1%;}
}
@media (max-width: 400px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 1100px) {}
@media (max-width: 480px) {}