/* by Sean Lu 20180319 */
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%; font-family: microsoft yahei,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);  background: #fff; overflow-x: hidden; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a{ text-decoration: none; }
a:hover { color: #ed0e00; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #000; color: #fff; }
::-moz-selection { background: #ed0e00; color: #fff; }

.wrapper { width: 1020px; margin: 0 auto; }

.topbar { line-height: 34px; height: 34px; border-bottom: 1px solid #d7d7d7;  background: #fff; overflow: hidden; font-size: 12px; color: #333; }
.topbar a { color: #333; }
.topbar a:hover { color: #ed0e00; }
.topbar .tip { float: left; }
.topbar .rig { float: right; }
.topbar .rig .tel { float: right; background: #0279c9; color: #fff; padding: 0 10px; }
.topbar .rig .lang { float: right; margin-left: 15px; border-left: 1px solid #d7d7d7; padding-left: 15px; }
.topbar .rig .lang a { padding-left: 22px; background: url(../image/lang01.jpg) no-repeat left center; margin-right: 15px; }
.topbar .rig .lang a.lang01 { background-image: url(../image/lang01.jpg); }
.topbar .rig .lang a.lang02 { background-image: url(../image/lang02.jpg); }
.topbar .rig .links { float: right; }
.topbar .rig .links a { margin: 0 4px; }
.topbar .rig .links .split { color: #dedede; }

.header { height: 80px; box-shadow: 0 1px 1px rgba(0,0,0,.1); }
.header .logo { float: left; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; height: 80px; position: relative; z-index: 2; }
.header .logo img { display: block; }
.header .btnmenu { float: right; display: none; padding-left: 40px; line-height: 60px; background: url(../image/btn-menu.png) no-repeat left center; color: #0279c9; background-size: 40px; }
.header .nav { float: right; line-height: 30px; height: 30px; margin: 25px 0 0; }
.header .nav .nli { float: left; margin: 0 12px; }
.header .nav .nli .na { font-size: 14px; color: #000; }
.header .nav .nli .na:hover { color: #ed0e00; }

.bannerslide { height: 550px; position: relative; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; }
.bannerslide .swiper-slide a.wrapper { height: 100%; display: block; }
.bannerslide .swiper-slide .cover { background: rgba(0,0,0,.1); color: #fff; text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide:hover .cover { opacity: 1; }
.bannerslide .swiper-slide .cover .text { font-weight: bold; font-size: 30px; padding: 98px 0 50px; }
.pagination { position: absolute; left: 0; text-align: center; bottom:80px; width: 100%; z-index: 9; }
.swiper-pagination-bullet-active { background: #0279c9; }

.homebox { padding: 66px 0; }
.homebox02 { background: #f1f4f5; }
.homebox03 { background: url(../image/homebox03.jpg) repeat-x center top; }

.hbtitle { text-align: center; margin-bottom: 40px; }
.hbtitle .en { font-size: 14px; color: #333; font-weight: bold; }
.hbtitle .cn { font-size: 24px; color: #333; font-weight: bold; line-height: 200%; margin-bottom: 6px; }
.hbtitle .in { font-size: 12px; color: #666; line-height: 20px; }

.hb01list { overflow: hidden; }
.hb01list .item { width: 100%; float: left; background: #0279c9; color: #fff; box-sizing: border-box; padding: 30px; height: 320px; position: relative; overflow: hidden; }
.hb01list .item .bgs { background: url(http://www.xffzjx.com/img/hb01item02.jpg) no-repeat center; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; -webkit-transition: all .2s; transition: all .2s; }
.hb01list .item:hover .bgs { -webkit-transform: scale(1.1); transform: scale(1.1); }
.hb01list .item .tit { line-height: 36px; font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 20px; position: relative; z-index: 1; border: 2px solid transparent; }
.hb01list .item .tit.tit02 { border: 2px solid #fff; width: 110px; text-align: center; }
.hb01list .item .txt { line-height: 20px; font-size: 12px; height: 80px; overflow: hidden; margin-bottom: 40px; position: relative; z-index: 1; }
.hb01list .item .btn { position: relative; z-index: 1; }
.hb01list .item .btn a { width: 80px; line-height: 24px; background: #333; font-size: 12px; color: #fff; display: block; text-align: center; font-family: simsun; border: 1px solid transparent; -webkit-transition: all .2s; transition: all .2s; }
.hb01list .item .btn.btn02 a { background: #ed0e00; }
.hb01list .item .btn a:hover { border-color: #fff; background: transparent; }
.hb01list .item .link { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: block; }

.hb02class { border: 10px solid #e4ebed; background: #fff; padding: 30px; overflow: hidden; margin-bottom: 20px; }
.hb02class .tit { float: left; line-height: 40px; color: #666; font-family: Pmingliu; font-size: 30px; padding-left: 28px; background: url(../image/hb02class01.gif) no-repeat left center; }
.hb02class .cla { float: right; line-height: 40px; }
.hb02class .cla a { float: left; display: block; background: #f6f9fa; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #b8b8b8; font-size: 12px; color: #666; padding: 0 40px; -webkit-transition: all .2s; transition: all .2s; }
.hb02class .cla a:hover { background: #0279c9; color: #fff; }

.hb02list { overflow: hidden; }
.hb02list .item { width: 32.333333%; float: left; margin-right: 1.5%; box-sizing: border-box; border-bottom: 1px solid #a6a6a6; border-right: 1px solid #c7c7c7; background: #fff url(../image/hb02listbg01.jpg) no-repeat center top; background-size: 100% auto; padding: 0 30px 30px; }
.hb02list .item:nth-child(1) { background-image: url(../image/hb02listbg01.jpg); }
.hb02list .item:nth-child(2) { background-image: url(../image/hb02listbg02.jpg); }
.hb02list .item:nth-child(3) { background-image: url(../image/hb02listbg03.jpg); }
.hb02list .item:last-child { margin-right: 0; }
.hb02list .item .img { padding: 20px 20px 0; -webkit-transition: all .2s; transition: all .2s; }
.hb02list .item .img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.hb02list .item .img img { display: block; width: 100%; }
.hb02list .item .info { text-align: center; }
.hb02list .item .info .nam { font-size: 15px; color: #ed0e00; font-family: Pmingliu; font-weight: bold;overflow: hidden; height:20px; }
.hb02list .item .info .btn { line-height: 22px; margin: 12px 0; }
.hb02list .item .info .btn a { display: inline-block; border: 1px solid #333; padding: 0 10px; font-size:12px; color: #666; margin: 0 4px; -webkit-transition: all .2s; transition: all .2s; }
.hb02list .item .info .btn a:hover { border-color: #ed0e00; background: #ed0e00; color: #fff; }
.hb02list .item .info .txt { color: #666; font-size: 12px; line-height: 20px; height: 60px; overflow: hidden; }

.hbname { border-bottom: 1px solid #babab9; line-height: 40px; color: #666; font-size: 14px; font-weight: bold; margin-bottom: 40px; }

.hb03video { background-image:url(../image/hb03video.png); width:927px; height:537px; margin:0 auto;}
.hb03video img { display: block; margin: 0 auto; max-width: 100%;}
.hb03video .videodiv { padding-top: 37px;}
.hb03video .videodiv iframe { width:680px; height:426px;}


.hb04box { overflow: hidden; }
.hb04box .newslist { float: left; width: 66%; }
.hb04box .newslist .item { float: left; width: 49%; margin-right: 1%; }
.hb04box .newslist .item .img img { display: block; width: 100%; }
.hb04box .newslist .item .tit { font-size: 16px; color: #666; font-family: Pmingliu; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; margin: 20px 0 10px; }
.hb04box .newslist .item .tit a { color: #666; }
.hb04box .newslist .item .tit a:hover { color: #ed0e00; }
.hb04box .newslist .item .tim { color: #999; font-size: 12px; margin-bottom: 10px; }
.hb04box .newslist .item .txt { color: #666; font-size: 12px; line-height: 20px; overflow: hidden; margin-bottom: 15px; }
.hb04box .newslist .item .btn { overflow: hidden; }
.hb04box .newslist .item .btn a { display: block; float: left; }
.hb04box .newslist .item .btn img { display: block; }


.hb04box .info { float: right; width: 32%; }
.hb04box .info { float: right; width: 32%; }
.hb04box .info .qrcode { background: #0279c9; overflow: hidden; font-size:12px; line-height: 20px; color: #fff; position: relative; margin-bottom: 30px; }
.hb04box .info .qrcode .img { float:right; }
.hb04box .info .qrcode .img img { display: block; }
.hb04box .info .qrcode .txt { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; height: 100%; position: absolute; right: 128px; bottom: 0; top: 0; left: 0; }
.hb04box .info .tout { margin-bottom: 30px; }
.hb04box .info .tout .tit { font-size: 16px; color: #666; font-family: Pmingliu; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; margin: 20px 0 10px; }
.hb04box .info .tout .tit a { color: #666; }
.hb04box .info .tout .tit a:hover { color: #ed0e00; }
.hb04box .info .tout .tim { color: #999; font-size: 12px; margin-bottom: 10px; }
.hb04box .info .tout .txt { color: #666; font-size: 12px; line-height: 20px; overflow: hidden; margin-bottom: 15px; }
.hb04box .info .nlist {  }
.hb04box .info .nlist li { line-height: 30px; border-bottom: 1px solid #c7cbce; color: #666; font-size: 12px; }
.hb04box .info .nlist li a { color: #666; padding-left: 20px; background: url(../image/arrow.gif) no-repeat left center; }
.hb04box .info .nlist li a:hover { color: #ed0e00; }

.footer { background: #e6e8e7; padding: 30px 0; }
.footer .some { color: #333; font-size: 12px; line-height: 20px; overflow: hidden; }
.footer .some .tu { float: right; }
.footer .some .tu a { display: block; margin-bottom: 10px; }
.footer .some .tu img { margin: 0 auto; display: block; }
.footer .some p { margin-bottom: 20px; }
.footer .some ul { float: left; margin-right: 40px; }
.footer .some ul li { line-height: 20px; padding-left: 20px; background: url(../image/arrow.gif) no-repeat left center; color: #666; }

.copyright { overflow: hidden; border-top: 1px solid #b4b6b5;  padding-top: 20px; margin-top: 0px; font-size: 12px; color: #666; line-height: 20px; }
.copyright .fr { text-align: right; }
.copyright a { color: #666; }

.inbanner { height: 260px; width: 100%; display: table; background: url(../image/inbanner01.jpg) no-repeat center; background-size: cover; }
.inbanner .title { padding-bottom: 32.5px; display: table-cell; vertical-align: middle; text-align: center; color: #fff; text-transform: uppercase; }
.inbanner .title .cn { font-weight: normal; font-size: 40px; line-height: 80px; }
.inbanner .title .en { font-size: 14px; line-height: 24px; }

.inpage { }

.innav { margin-top: -32.5px; height: 65px; position: relative; }
.innav .wrapper { position: relative; }
.innav_box { height: 65px; background: #fff; }
.fixednavbar.fnon { position: fixed; top: 0; left: 0; right: 0; z-index: 999; }
.innav_box ul { display: table; width: 100%; -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); overflow: hidden; }
.innav_box li:first-child { display: table-cell; position: relative; text-align: center; vertical-align: middle; height: 100%; background: #fff; width:16.6666%; }
.innav_box li{ display: table-cell; position: relative; text-align: center; vertical-align: middle; height: 100%; background: #fff; width:10%; }
.innav_box li a { display: block; height: 100%; line-height: 24px; padding: 20.5px 10px; position: relative; font-size: 16px; font-weight: 700; cursor: pointer; -webkit-transition: color .4s; transition: color .4s; color: #666; }
.innav_box li:after { content: ''; display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; background: #0279c9; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transform: translateY(3px); transform: translateY(3px); }
.innav_box li:hover:after, .innav_box li.on:after { -webkit-transform: translateY(0); transform: translateY(0); }
.innav_box li:hover a, .innav_box li.on a { color: #0279c9; }

.inmain { margin-bottom: 50px; }
.inmain p { margin-bottom: 20px; font-size: 16px; line-height: 30px; color: #333; }
.inmain img { max-width: 100%; }
.intitle { text-align: center; margin: 40px 0; }
.intitle h1 { display: inline-block; color: #0279c9; border-bottom: 3px solid #0279c9; font-size: 30px; line-height: 60px; }
.inname { text-align: center; margin: 40px 0; }
.inname h1 { display: inline-block; color: #0279c9; font-size: 30px; line-height: 40px; padding: 0 20px; }
.inname .info { line-height: 30px; font-size: 12px; color: #999; margin-top: 10px; }
.inname .info span { margin: 0 10px; }
.inmain2 { margin-bottom: 50px; }
.inmain2 p { margin-bottom: 20px; font-size: 16px; line-height: 30px; color: #333; }
.inmain2 img { max-width: 100%; height:100%;}

.aboutlist { overflow: hidden; margin-bottom: 20px; }
.aboutlist li { width: 20%; float: left; text-align: center; font-size: 12px; color: #666; }
.aboutlist li img { display: block; max-width: 96%; margin: 0 auto 5px; }
.aboutlist li span { display: block; }

.devicelist { overflow: hidden; }
.devicelist li { width: 23%; float: left; margin: 0 1% 20px; }
.devicelist li a { display: block; text-align: center; color: #666; }
.devicelist li a:hover { color: #ed0e00; }
.devicelist li .nam { line-height: 40px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 50px; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #ed0e00; color: #ed0e00; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }


.newslists { margin: 0 10%; }
.newslists li { border-bottom: 1px solid #dedede; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden; }
.newslists li .img { float: left; width: 20%; margin-right: 20px; border: 1px solid #dedede; padding: 2px; }
.newslists li .img img { display: block; }
.newslists li .nam { height: 40px; line-height: 40px; overflow: hidden; }
.newslists li .nam a { font-size: 20px; color: #023589; }
.newslists li .nam a:hover { text-decoration: underline; }
.newslists li .txt { font-size: 14px; color: #666; line-height: 24px; }


.prolist { overflow: hidden; }
.prolist .item { float: left; width: 23%; margin: 0 1% 20px; }
.prolist .item a { display: block; border: 1px solid #dedede; padding: 2px; text-align: center; color: #666; }
.prolist .item a:hover { background: #0279c9; color: #fff; }
.prolist .item .img { overflow: hidden; }
.prolist .item .img img { display: block; -webkit-transition: all .2s; transition: all .2s; }
.prolist .item a:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.prolist .item .nam { line-height: 40px; height: 40px; overflow: hidden; }





@media (max-width: 1020px){
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	
	.header { height: 60px; }
	.header .nav { display: none; }
	.header .btnmenu { display: block; }
	.header .logo { height: 60px; }
	.header .logo img { height: 40px; }
	
	
	
}

@media (max-width: 800px){
	
	.topbar .rig { display: none; }
	
	.homebox { padding: 30px 0; }
	.bannerslide { height: 120px; }
	.hb01list .item { width: 100%; padding: 10px 20px; margin-top: 0; height: 260px; }
	.hb01list .item .tit { font-size: 14px; text-align: center; }
	.hb01list .item .tit.tit02 { width: 100% !important; }
	.hb01list .item .txt { margin-bottom: 20px; }
	.hb01list .item .btn a { margin: 0 auto; }
	
	.hbtitle { margin-bottom: 20px; }
	.hbtitle .en { font-size: 12px; }
	.hbtitle .cn { font-size: 18px; }
	.hbtitle .in br { display: none; }
	
	.hb02class { padding: 20px; }
	.hb02class .tit { float: none; margin-bottom: 10px; font-size: 18px; }
	.hb02class .cla { float: none; line-height: 32px; }
	.hb02class .cla a { width: 50%; box-sizing: border-box; padding: 0; text-align: center; }
	.hb02class .cla a:last-child { width: 100%; }
	
	.hb02list .item { width: 100%; margin-right: 0; margin-bottom: 20px; }
	
	.hb04box .newslist { float: none; width: 100%; }
	.hb04box .newslist .item { float: none; width: 100%; margin-bottom: 20px; }
	.hb04box .info { float: none; width: 100%; }

	.footer .some { display: none; }
	.copyright { text-align: center; border: 0; margin-top: 0;  padding-top: 0; }
	.copyright .fl { float: none; width: 100%; }
	.copyright .fr { display: none; }
	
	.inbanner { height: 160px; }
	.inbanner .title { padding-bottom: 22.5px; }
	.inbanner .title .cn { font-size: 30px; line-height: 40px; }
	.inbanner .title .en { font-size: 12px; }
	.innav { height: 45px; margin-top: -22.5px; }
	.innav_box { height: 45px; }
	.innav_box li a { font-size: 12px; padding: 10.5px 10px; }
	
	.innav .wrapper { padding: 0; }
	
	.intitle { margin: 20px 0; }
	.intitle h1 { font-size: 24px; line-height: 40px; }
	
	.aboutlist li { width: 50%; margin-bottom: 15px; }
	
	.devicelist li { width: 48%; margin-bottom: 10px; }
	
	.newslist { margin: 0 10px; }
	.newslist li .img { width: 100%; float: none; margin-right: 0; margin-bottom: 10px; }
	
	.prolist .item { width: 48%; margin-bottom: 10px; }
	
	.hb03video{ background-image:none;  margin:0 auto; width:100%; height:100%;}
	.hb03video .videodiv iframe { width:100%; height:200px;}
	.devicelist li .nam { line-height: 20px; font-size:14px; }
}



.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.sidefootlogo { font-size: 12px; }
.mm-listview > li > a { text-align: center; font-size: 14px; line-height: 40px; }