@charset "utf-8";

@media screen and (max-width:768px){
	.bx-controls{top:-22%!important; *top:-10%;}

}

@media screen and (max-height:1080px){

	.box-seven{ padding:6% 0 0!important;}

}

@media screen and (max-height:990px){

	.box-seven{ padding:2% 0 0!important;}

}


a,p,h1,h2,h3,h4,h5,span{color: #555;}

.wrap{ width:100%;}
.wrap .section {height:100% !important}
.wrap .section .fp-slides{height:100% !important}
.wrap .section .fp-slides .fp-slidesContainer{height:100% !important}
.wrap .section .fp-slides .fp-slidesContainer .fp-tableCell{height:100% !important}
/*----------------firstPage--------------------*/

.box-one-nav{ width:100%; height:116px; position:fixed; left:0; right:0; z-index:200; overflow: hidden;}

.box-one-nav .fixedWidth {height: 116px !important;}

.box-one-nav-neiye{width:100%; height:116px; left:0; right:0; z-index:200; overflow: hidden;}

.box-one-nav .navs{ width:940px; padding-top:0px;margin:0 auto; }

.box-one-nav .navs span,.box-one-nav .navs span.logo-tops{width: 30%; height:100%; float:left; display:inline-block;}
.box-one-nav .navs span{display: flex;align-items: center;}
.box-one-nav .navs span.logo-tops{display: flex;align-items: center;}
.box-one-nav .navs span a{height: 116px;display: flex;align-items: center;}
.box-one-nav .navs span a img{width: 70%}
.box-one-navF ul{ float:right;margin-bottom: 0;}

.box-one-navF ul li{ float:left; text-align:center;overflow:hidden;position:relative;z-index:2; cursor: pointer;}

.box-one-navF ul li a i,.box-one-nav ul li a{color: #fff;font-size: 16px;display: block;height: 116px;position:relative; display:block;}

.box-one-navF ul li a{}

.box-one-nav ul li a.hover{background: #c7000a;color:#fff;}

.box-one-navF ul li.on a i{font-size:15px; color:#fff; text-decoration:none;}

.box-one-navF ul li.wyb{line-height:40px!important;height:38px!important; padding:5px 15px; margin:3px 0 0 38px; border:2px solid #fff;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px; background:#fff;}

.box-one-navF ul li.wyb a{ color:#0ab285;}

.box-one-navF ul li.wyb-hover{background:#a7f9d8;border:2px solid #a7f9d8;}

.box-one-navF ul li.wyb-hover a{color:#0ab285;}

.box-one-navT ul{ float:right;}

.box-one-navT ul li{ float:left; text-align:center;overflow:hidden;position:relative;z-index:2; cursor: pointer;}

.box-one-navT ul li a i,.box-one-nav ul li a{transition: all ease-in-out .2s; font-size:16px; color:#fff;position:relative; display:block;height: 116px;line-height: 130px;width: 100px;}

.box-one-navT ul li.on a i{font-size:15px; color:#858a8f; text-decoration:none;}

.box-one-navT ul li.wyb{line-height:40px!important;height:38px!important; padding:5px 15px; margin:3px 0 0 38px;border:2px solid #33be8f;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;border-radius: 30px;line-height:33px; background:#33be8f;}

.box-one-navT ul li.wyb a{ color:#fff;}

.box-one-navT ul li.wyb-hover{background:#0ab285;border:2px solid #0ab285;}

.box-one-navT ul li.wyb-hover a{color:#fff;}

.box-one-nav ul li a:hover{background: #c7000a;}

.box-one-navF{background: url(../images/bg_nav.png) repeat 0 0;}

.box-one{height:100%; margin:0 auto; position:relative;}

.box-one .main{position: absolute;width: 55.72%;height: 64.11%;top: 25%;left:50.36%;}

.box-one .main .slogon{left: 0;top:0;width:82%; height:28%;background: url(../images/slogon-text.png) no-repeat;position: absolute;background-size: contain;background-position: center center;}

.box-one .main .downBtn{left:19%;top:34%;width:41%; height:13%;background: url(../images/downBtnall.png) no-repeat;position: absolute;background-size: contain;background-position: center center; cursor:pointer;}

.box-one .main .downBtn-hover{left:19%;top:34%;width:41%; height:13%;background:url(../images/downBtnall-hover.png) no-repeat;position: absolute;background-size: contain;background-position: center center;cursor:pointer;}

.box-one .main .ewm{left: 0;top:55%;width:70%; height:37%;background: url(../images/ewm.png) no-repeat;position: absolute;background-size: contain;background-position: center center;}

.box-one i.mobile{left:4%; top:1.5%; width:55%; height:100%;background: url(../images/bannr1-top.png)no-repeat;position: absolute;background-size: contain;background-position: center 40%;} 

.box-one i.mobile .index-jieshao{}

.box-one i.mobile .index-jieshao .jieshao-bottom{font-size: 24px;color: #fff;text-shadow: 1px 1px 3px #000;padding-top: 79%;}

.box-one i.mobile .index-jieshao .jieshao-bottom span{color: #c7000a;font-size: 24px;}

.box-one i.arrowing{left:50%; bottom:4%; margin-left:-1.3%;width:4%; height:4%;background: url(../images/topdown.png)no-repeat;position: fixed;background-size: contain;background-position: center center;animation-name: arrowing;

-webkit-animation-name: arrowing;animation-duration: 1.5s; -webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} 

.list-plat .ico{margin:auto;width:117px; height:70px;cursor:pointer;background-image:url(../images/ico1-top.png);background-repeat:no-repeat; position:absolute; top:-3px; left:50%; margin-left:-58.5px;}

a.plat-home .ico{ background-position:22px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}

a.plat-wb .ico{background-position:-121px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}

a.plat-about .ico{background-position:-265px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}

a.plat-home:hover .ico {background-position:22px -63px; background-image:url(../images/ico1-top.png);background-repeat:no-repeat;}

a.plat-wb:hover .ico {background-position:-121px -63px;background-image:url(../images/ico1-top.png);background-repeat:no-repeat;}

a.plat-about:hover .ico {background-position:-265px -63px;background-image:url(../images/ico1-top.png);background-repeat:no-repeat;}

a:hover i.texts{ visibility:hidden;}

.second .list-plat .ico{margin:auto;width:117px; height:70px;cursor:pointer;background-image:url(../images/ico1-top.png);background-repeat:no-repeat; position:absolute; top:-3px; left:50%; margin-left:-58.5px;}

.second a.plat-home .ico{ background-position:22px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}

.second a.plat-wb .ico{background-position:-121px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}

.second a.plat-about .ico{background-position:-265px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}

.second a.plat-home:hover .ico {background-position:22px -63px; background-image:url(../images/ico1-top1.png);background-repeat:no-repeat;}

.second a.plat-wb:hover .ico {background-position:-121px -63px;background-image:url(../images/ico1-top1.png);background-repeat:no-repeat;}

.second a.plat-about:hover .ico {background-position:-265px -63px;background-image:url(../images/ico1-top1.png);background-repeat:no-repeat;}

.second a:hover i.texts{ visibility:hidden;}

/*------------------导航滑过---------------------*/

.box-one-nav ul li.home a .iconNew{ width:34px;height:32px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;background:none;}

.box-one-nav ul li.home a:hover .iconNew{ width:34px;height:32px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;background:url(../images/home-hover.png) no-repeat;}

/*----------------secondPage--------------------*/

.box-two{ width:100%; height:100%; background:url(../images/bg_02.jpg) no-repeat center top; position:relative; z-index:999;}

.box-two-content{height:100%; margin:0 auto; position:relative; }

.contenttop{ position:absolute; width:100%; text-align:center; top:76px; bottom:0;}

.box-two-content i.bg2-1{width:35%; height:18%; position:absolute;left:19%;top:10%;margin-left:-1%;background:url(../images/bg2-textN.png) no-repeat;background-size:contain;background-position: center center;}

.box-two-content i.bg2-2{ width:55%; height:77%; position:absolute; left:50%; top:18%; margin-left:-7%; background:url(../images/bg2-bgN.png) no-repeat;background-size: contain;background-position: center center;}

.box-two-content i.two-phone{width:45%;height:75%;position:absolute;left:50%;top:21%;margin-left:-1%;background:url(../images/bg2-picN.png) no-repeat;background-size:contain;background-position: center center; z-index:99;}

.box-two-content i.bg2-3{ width:7%; height:9%; position:absolute; left:66%; top:27%; margin-left:-8%; background:url(../images/bg2-iconN.png) no-repeat;background-size: contain;background-position: center center;}

.box-two-content i.bg2-4{ width:7%; height:9%; position:absolute; left:59%; top:36.5%; margin-left:-8%; background:url(../images/bg2-icon1N.png) no-repeat;background-size: contain;background-position: center center;}

.box-two-content i.bg2-5{ width:7%; height:9%; position:absolute; left:55%; top:49.3%; margin-left:-8%; background:url(../images/bg2-icon2N.png) no-repeat;background-size: contain;background-position: center center;}

.box-two-content i.bg2-6{ width:7%; height:9%; position:absolute; left:54%; top:63%; margin-left:-8%; background:url(../images/bg2-icon3N.png) no-repeat;background-size: contain;background-position: center center;}

.f2,.f3,.f4{width: 100%;height: 100%;}

.f2t,.f4t{top: 100px;position: absolute;width: 100%;z-index: 999;}

.f2t h2{}

.f2t h2 a{font-size: 28px;color: #c4121a;font-weight: bold; transition: all 0.5s ease 0s;}

.f2t h2 a:hover{ color: #c4121a; }

.f2t h3{color: #363636;font-size: 26px;text-transform: uppercase;}

.f2t p{color: #363636;font-size: 16px;}

.f2b{height: 100%;overflow: hidden;width: 100%;top: 280px;position: absolute;}
.f2b-top{height: auto;overflow: hidden;display:flex;align-items: center;}
.f2l{float: left; width:600px;height: 100%;}

.f2l .lejia{ width: 100%;height: 100%; }


.f2l .lejia p{font-size:14px;color:#4c4c4c; line-height:30px; margin-top:5px; width:480px; float:right; text-align:left;margin-right:50px;}
.f2l .lejia .lejiap{margin-right:50px;text-align: right;}
.f2l .lejia .lejiap img{width:271px;}
.f2l .lejia .lejiap h3{font-size:21px; color:#c7000a; font-weight:bold; text-align:right;margin-right:0;margin: 30px 0 10px;}
.f2l .lejia .lejiap p{color:#3e3e3e;font-size: 20px;font-weight: normal;text-align: right;margin-right: 0;}

.f2r{float: right;width: 566px;text-align: left;}

.f2r p{line-height: 2em;}

.f2rb{clear: both;}

.f2r h3{text-transform: uppercase;font-size: 18px;}

.f2rb ul{display: flex;justify-content: center;align-items: center;padding-top: 30px;}

.f2rb ul li{}

.f2rb ul li a{display: block; transition: all ease-in-out .2s; color: #363636;font-size: 16px;padding-top: 130px;text-align: center; width: 114px;margin-right: 30px;}

.f2rb ul li a.a1{background: url(../images/pp1.png) no-repeat center top;}

.f2rb ul li a.a2{background: url(../images/pp2.png) no-repeat center top;}

.f2rb ul li a.a3{background: url(../images/pp3.png) no-repeat center top;}

.f2rb ul li a.a1:hover{background: url(../images/pp1-hover.png) no-repeat center top;}

.f2rb ul li a.a2:hover{background: url(../images/pp2-hover.png) no-repeat center top;}

.f2rb ul li a.a3:hover{background: url(../images/pp3-hover.png) no-repeat center top;}

.f2rt p{font-size: 16px;color: #464545;line-height: 1.8em;}







/*----------------thirdlyPage--------------------*/

.box-three{ width:100%; height:100%; background:url(../images/bg_03.jpg) no-repeat center top; position:relative;}

.bg-lou{ width:100%; height:100%;position:absolute; bottom:0;}

.box-three .bg{position: absolute;background-repeat:no-repeat;background-size:cover;background-position:center;}

.box-three i.three-bg{width:78%;height:100%;position:absolute;left:0;top:0;background:url(../images/bg3-bgN.png) no-repeat;background-size:contain;background-position: center center;animation: desiBg2 15s cubic-bezier(0.33,0,.67,1) 0s infinite alternate;-moz-animation: desiBg2 15s cubic-bezier(0.33,0,.67,1) 0s infinite alternate;-webkit-animation: desiBg2 15s cubic-bezier(0.33,0,.67,1) 0s infinite alternate;-o-animation: desiBg2 15s cubic-bezier(0.33,0,.67,1) 0s infinite alternate;}

.box-three i.three-bg1{width:29%;height:18%;position:absolute;left:58%;top:15%;margin-left:-17%;background:url(../images/bg3-bg2N.png) no-repeat;background-size:contain;background-position: center center;animation: desiBg1 12s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-moz-animation: desiBg1 12s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-webkit-animation: desiBg1 12s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-o-animation: desiBg1 12s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;}

.box-three i.three-bg2{width:79%;height:100%;position:absolute;right:0;top:2%;background:url(../images/bg3-bg1N.png) no-repeat;background-size:contain;background-position: center center;animation: desiBg1 10s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-moz-animation: desiBg1 10s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-webkit-animation: desiBg1 10s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;-o-animation: desiBg1 10s cubic-bezier(0.33,0,.67,1) .2s infinite alternate;}



.box-three-content{height:100%; position:relative; margin:0 auto;}

.box-three-content i.three-phone{ width:36%;height:68%;position:absolute;left:50%;bottom:0;margin-left:-18%;background:url(../images/bg3-pic1N.png) no-repeat;background-size:contain;background-position: center center; z-index:99;}

.box-three-content i.three-phone1{ width:31%;height:59%;position:absolute;left:31%;bottom:0;margin-left:-17%;background:url(../images/bg3-picN.png) no-repeat;background-size:contain;background-position: center center; z-index:98;}

.box-three-content i.three-phone2{ width:31%;height:59%;position:absolute;left:71.7%;bottom:0;margin-left:-17%;background:url(../images/bg3-pic2N.png) no-repeat;background-size:contain;background-position: center center; z-index:98;}

.box-three-content i.bg3-1{ width:26%; height:17%; position:absolute;left:50%;top:6%;margin-left:-13%;background:url(../images/bg3-textN.png) no-repeat;background-size:contain;background-position: center center; z-index:999;}

.sld{width: 1200px;margin: 0 auto;padding-top: 240px;}

.sld .hd{width: 100%;}

.sld .hd ul{text-align: center;height: 32px;}

.sld .hd ul li{display: inline-block; margin: 0 12px;}

.sld .hd ul li a{display: inline-block; border-radius: 20px; background: rgba(0,0,0,0.4); padding-left: 22px; padding-right: 22px; height: 32px;line-height: 32px;text-align: center;color: #fff;}

.sld .hd ul li.on a{ background: #c4121a; }

.bdlst{height: 320px;width: 100%;padding-top: 40px;}

.leftLoop{}

.leftLoop .bd{}

.leftLoop .bd ul{}

.leftLoop .bd ul li{float: left;width: 288px;margin-right: 12px;}

.leftLoop .bd ul li a{display: block;background: #fff;transition:all ease-in-out .2s; width: 288px;height: 306px;padding: 6px 6px 0;}

.leftLoop .bd ul li a .pic{width: 276px;height: 262px;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden;}

.leftLoop .bd ul li a p{text-align: center;height: 42px;line-height: 42px;color: #333;font-size: 14px;}

.leftLoop .bd ul li a .pic img{width: 276px;}

.leftLoop .bd ul li a:hover{background: #c4121a;}

.leftLoop .bd ul li a:hover p{color: #fff;}

/*----------------fourthPage--------------------*/

.box-four-content{height:100%; position:relative; margin:0 auto;}

.box-four-content i.bg4-1{width:26%; height:17%; position:absolute;left:50%;top:6%;margin-left:-13%;background:url(../images/bg4-textN.png) no-repeat;background-size:contain;background-position: center center;}

.box-four-content i.four-phone{width:42%;height:68%;position:absolute;left:38%;bottom:6%;margin-left:-17%;background:url(../images/bg4-picN.png) no-repeat;background-size:contain;background-position: center center; z-index:99;}

.box-four-content i.four-phone1{width:33%;height:60%;position:absolute;right:26%;bottom:15%;background:url(../images/bg4-pic1N.png) no-repeat;background-size:contain;background-position: center center; z-index:98;}

.box-four-content i.circle{ width:21%;height:33%;position:absolute;right:8%;top:16%;background:url(../images/bg4-bg1N.png) no-repeat;background-size:contain;background-position: center center;}

.box-four-content i.circle1{ width:13%;height:20%;position:absolute;right:28%;bottom:10%;background:url(../images/bg4-bg1N.png) no-repeat;background-size:contain;background-position: center center;}

.box-four-content i.circle2{ width:13%;height:20%;position:absolute;left:21%;bottom:17%;background:url(../images/bg4-bg1N.png) no-repeat;background-size:contain;background-position: center center;}

.box-four-content i.circle3{ width:19%;height:25%;position:absolute;left:11%;bottom:12%;background:url(../images/bg4-bg1N.png) no-repeat;background-size:contain;background-position: center center;}

.box-four-content i.circle4{ width:12%;height:16%;position:absolute;left:10%;bottom:38%;background:url(../images/bg4-bg2N.png) no-repeat;background-size:contain;background-position: center center;}

.box-four-content i.circle5{ width:19%;height:25%;position:absolute;left:21%;bottom:44%;background:url(../images/bg4-bg2N.png) no-repeat;background-size:contain;background-position: center center;}

.box-four-content i.circle6{ width:11%;height:14%;position:absolute;left:8%;top:12%;background:url(../images/bg4-bg2N.png) no-repeat;background-size:contain;background-position: center center;}

.f4t h2{color: #c4121a;font-size: 30px;}

.f4t h3{color: #464545;text-transform: uppercase;font-size: 25px;}

.address_qzx_box{
    display: flex;
    align-items: center;
    width: 140%;
}

.f4t p{font-size: 17px;color: #464545;text-align: center;}

.f4b{height: 611px;top: 240px;width: 100%;position: absolute; background: url(../images/bg_f4b.png) no-repeat center 50px;}

.f4b-n{width: 100%;height: 100%;position: relative;}

.f4b-n .ca{position: absolute;width: 180px;height: 180px;z-index: 999;}

.f4b-n .ca1{top: 20px;left: 219px;}

.f4b-n .ca2{top: 280px;left: 218px;}

.f4b-n .ca3{top: -10px;left: 772px;}

.f4b-n .ca4{top: 151px;left: 896px;}

.f4b-n .ca5{top: 296px;left: 775px;}

.f4b-n .ca .can{position: relative;width: 100%;height: 100%;}

.f4b-n .ca .can a{display: block; transition: all ease-in-out .2s; position: relative; width: 180px;height: 180px;border-radius: 50%; overflow: hidden; line-height: 180px;text-align: center;}

.f4b-n .ca .can a img{display: block; transition: all ease-in-out .2s; position: absolute;top: 0;left: 0; width: 180px;height: 180px;border-radius: 50%; overflow: hidden;}

.f4b-n .ca .can a p{display: none;transition: all ease-in-out .2s; background: url(../images/bg_p.png) repeat 0 0; width: 180px;line-height: 180px;margin: 0;z-index: 999; height: 180px;border-radius: 50%;position: absolute;top: 0;left: 0;color: #fff;font-size: 26px;}

.f4b-n .ca .can a:hover p{display: block;}







/*----------------fivethPage--------------------*/

.box-five{ width:100%; background:url(../images/bg_05.jpg) no-repeat center top; position:relative;}

.box-five-content{height:100%; position:relative; margin:0 auto;}

.box-five-content i.bg5-1{width:28%; height:17%; position:absolute;left:50%;top:6%;margin-left:-14%;background:url(../images/bg5-textN.png) no-repeat;background-size:contain;background-position: center center;}

.box-five-content i.bg5-2{ width:68%; height:96%; position:absolute;left:50%;top:8%;margin-left:-34%;background:url(../images/bg5-bgN.png) no-repeat;background-size:contain;background-position: center center; z-index:99}

.box-five-content i.five-icon{ width:14%; height:16%; position:absolute;left:50%;top:48%;margin-left:-7%;background:url(../images/bg5-iconN.png) no-repeat;background-size:contain;background-position: center center; z-index:99}



.box-five-content i.bg5-3{ width:19%; height:30%; position:absolute; left:26.4%; top:40%;background:url(../images/bg5-picN.png) no-repeat;background-size: contain;background-position: center center;}

.box-five-content i.bg5-4{ width:21%; height:18%; position:absolute; left:40%; top:30%;background:url(../images/bg5-pic1N.png) no-repeat;background-size: contain;background-position: center center;}

.box-five-content i.bg5-5{ width:15%; height:37%; position:absolute; right:29.5%; top:38%;background:url(../images/bg5-pic2N.png) no-repeat;background-size: contain;background-position: center center;}

.box-five-content i.bg5-6{ width:20%; height:15%; position:absolute; left:41%; top:64%;background:url(../images/bg5-pic3N.png) no-repeat;background-size: contain;background-position: center center;}

.f5b{height: 448px;top: 230px;width: 100%;position: absolute;}

.f5bn{height: 448px;width: 100%;position: relative;}

.f5bn a{display: block;width: 330px;height: 448px;background: #c4121a;position: absolute;top: 0;transition: all ease-in-out .2s;}

.f5bn a:hover{background: #c4121a;}

.f5bn a .pic{width: 330px;height: 210px;overflow: hidden;}

.f5bn a .pic img{width: 330px;height: 210px;transition: all 0.5s ease 0s; }

.f5bn a h2{padding: 20px 30px;transition: all ease-in-out .2s;color: #242424;font-weight: bold;font-size: 24px;}

.f5bn a h2 em{font-style: normal;transition: all ease-in-out .2s;font-weight: normal;text-transform: uppercase;font-size: 18px;padding-left: 10px;}

.f5bn a p{line-height: 2em;color: #2b3c67;transition: all ease-in-out .2s;font-size: 12px;height: 75px;overflow: hidden;padding: 0 30px;}

.f5bn a h3{color: #575757;transition: all ease-in-out .2s;font-family: impact;font-size: 42px;height: 50px;line-height: 50px;}

.f5bn a:hover h2,.f5bn a:hover h2 em,.f5bn a:hover h3,.f5bn a:hover p{color: #fff;}

.f5bn a.a1{left: 30px;}

.f5bn a.a2{left: 440px;}

.f5bn a.a3{left: 840px;}

.f5bn a:hover .pic img{transform: scale(1.1);}

/*----------------sixthPage--------------------*/

.box-six{ width:100%; background:url(../images/bg_06.jpg) no-repeat center top; position:relative;}

.box-six-content,.box-seven-content{height:100%; position:relative; margin:0 auto;}

.box-six-content i.bg6-1{width:28%; height:17%; position:absolute;left:50%;top:6%;margin-left:-14%;background:url(../images/bg5-textN.png) no-repeat;background-size:contain;background-position: center center;}

.box-six-content i.bg6-2{ width:68%; height:96%; position:absolute;left:50%;top:8%;margin-left:-34%;background:url(../images/bg5-bgN.png) no-repeat;background-size:contain;background-position: center center; z-index:99}

.box-six-content i.five-icon{ width:14%; height:16%; position:absolute;left:50%;top:48%;margin-left:-7%;background:url(../images/bg5-iconN.png) no-repeat;background-size:contain;background-position: center center; z-index:99}



.box-six-content i.bg6-3{ width:19%; height:30%; position:absolute; left:26.4%; top:40%;background:url(../images/bg5-picN.png) no-repeat;background-size: contain;background-position: center center;}

.box-six-content i.bg6-4{ width:21%; height:18%; position:absolute; left:40%; top:30%;background:url(../images/bg5-pic1N.png) no-repeat;background-size: contain;background-position: center center;}

.box-six-content i.bg6-5{ width:15%; height:37%; position:absolute; right:29.5%; top:38%;background:url(../images/bg5-pic2N.png) no-repeat;background-size: contain;background-position: center center;}

.box-six-content i.bg6-6{ width:20%; height:15%; position:absolute; left:41%; top:64%;background:url(../images/bg5-pic3N.png) no-repeat;background-size: contain;background-position: center center;}

.f6{}

.f6b{height: 474px;top: 210px;width: 1200px;position: absolute;}

.f6l{float: left; width: 576px;}

.f6 .f6t{top: 80px;}

.f6lt{ background: url(../images/bg_f6t.jpg) no-repeat 0 0; height: 327px;overflow: hidden;}

.f6lt .f6title{background: url(../images/clogo.png) no-repeat 310px center;margin-top: 55px;padding-left: 44px;}

.f6lt h2{height: 42px; margin-bottom: 0; line-height: 42px;color: #c4121a;font-size: 35px;font-weight: bold;text-align: left;}

.f6lb{height: 144px;overflow: hidden;}

.f6lb a{display: block;width: 144px;height: 144px;text-align: center;color: #fff;line-height: 200px;float: left;transition: all ease-in-out .2s;}

.f6lt p{padding: 40px 20px 0 40px;font-size: 16px; text-align: left; font-size: 12px; height: 129px;overflow: hidden;line-height: 1.8em;}

.f6r{float: right;width: 600px;}

.f6lb a:hover{color: #fff;}

.f6lb a.a1{background: url(../images/a1.png) no-repeat center 22px #fabe00;}

.f6lb a.a2{background: url(../images/a2.png) no-repeat center 22px #c4121a;}

.f6lb a.a3{background: url(../images/a3.png) no-repeat center 22px #04a542;}

.f6lb a.a4{background: url(../images/a4.png) no-repeat center 22px #048837;}



.f6lb a.a1:hover{background: url(../images/a1.png) no-repeat center 22px #f8c933;}

.f6lb a.a2:hover{background: url(../images/a2.png) no-repeat center 22px #fbac29;}

.f6lb a.a3:hover{background: url(../images/a3.png) no-repeat center 22px #2cc065;}

.f6lb a.a4:hover{background: url(../images/a4.png) no-repeat center 22px #14a14a;}

.f6rb{text-align: left;padding-left: 26px;padding-top: 30px;}

.f6rb h2{color: #048837;font-size: 36px;}

.f6rb h3{color: #c4121a;font-size: 32px;}













/*----------------seventhPage--------------------*/

.bottom-main{ width:100%; position:relative;background:url(../images/bg_08.jpg) no-repeat center top;}

.box-seven{  width:100%; background:url(../images/bg_07.jpg) no-repeat center top; position:relative;}

.box-seven h2{font-size:18px; color:#666666; text-align:center;}

.sec-3 ul{margin:1% auto 0; width:837px;}

.sec-3 li{float: left;width:195px;height:195px;border:1px solid #e4e4e4;color:#8b8a8a;font-size:18px;background-color:#fff; position:relative;}

.sec-3 .icon{width:43px;height:50px;display:block;margin:0px auto 18px; position:relative; z-index:10;}

.sec-3 .icon.ios{background:url(../images/icon.png) 0 0 no-repeat;}

.sec-3 .icon.android{background:url(../images/icon.png) -76px 0 no-repeat;width:47px;height:55px;}

.sec-3 a{text-decoration: none;display:block;color:#8b8a8a;padding-top:27%;-webkit-transition: all 0.3s;-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}

.sec-3 li.down p.on,.sec-3 li.down-android p.on{ color:#fff; position:relative; z-index:10;}

.sec-3 li.down p,li.down-android p{font-size: 18px;font-family:Arial;color:#afafaf; text-align:center; z-index:99}

.sec-3 li.down span.active,.sec-3 li.down-android span.active{opacity:1;filter:alpha(opacity=100);-webkit-filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);-moz-filter:alpha(opacity=100);transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1); z-index:4;}

.sec-3 li.down.on a,.sec-3 li.down-android.on a{color:#fff;}

.sec-3 li.down .ios.on{background:url(../images/icon.png) 0 -110px no-repeat;}

.sec-3 li.down-android .android.on{background:url(../images/icon.png) -76px -109px no-repeat;}

.sec-3 li.down-android,.ewm-box{ margin-left:125px;}

.ewm-box dl{ width:120px; margin:15% auto 0;}

.ewm-box dl dt{ width:118px; height:118px; margin:0 auto;background:url(../images/ewms.png) no-repeat;}

.ewm-box dl dd{font-size:18px; color:#afafaf; text-align:center; margin-top:6px;}

.sec-3 li span{width:195px;height:195px;background:#00ba60; position:absolute; top:0;opacity:0; z-index:4;filter:alpha(opacity=0);-webkit-filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);-moz-filter:alpha(opacity=0);transition:all ease .3s;-webkit-transition:all ease .3s;-ms-transition:all ease .3s;-moz-transition:all ease .3s;transform:scale(0.8,.8);-webkit-transform:scale(0.8,.8);-ms-transform:scale(0.8,.8);-moz-transform:scale(0.8,.8);}



.qzx_lianxi_box{
    font-size: 16px;
}

.sec-4{ width:740px; margin:3% auto 0; border-top:1px solid #e2e2e2;}

.sec-4 h3{margin:-10px auto 0; text-align:center;}

.sec-4 h3 span{font-size:14px; color:#666666;  padding:0 14px; background:#fff; display:inline-block;}

.sec-4 ul{ width:418px; margin:2% auto 0; }

.sec-4 ul li{ float:left; width:99px; line-height:38px; text-align:center; margin:0 20px;}

.f7 .f7t{top: 80px;}

.f7b{height: 390px;top: 230px;width: 1200px;position: absolute;}

.f7bl{ width: 512px; float: left;}

.f7bl .pic{height: 255px;overflow: hidden; width: 509px;}

.f7bl .pic img{width: 509px;height: 255px;}

.f7bl h2{height: 44px;line-height: 44px;text-align: left;}

.f7bl h2 a{font-size: 20px;color: #c74649;}

.f7bl p{color: #303030;line-height: 1.8em;top: 300px;font-size: 14px;text-align: left;}

.f7br{width: 640px;float: right;right: 0;}

.f7br a{display: block;width: 636px;overflow: hidden;text-align: left; height: 115px;transition: all ease-in-out .2s;}

.f7br a:hover{background: #c7000a;}

.f7br .al{float: left;padding: 25px 0 0 25px;}

.f7br .al .dat{ font-size: 71px;padding-right: 20px; height: 65px;width: 65px; text-align: center;line-height: 65px;color: #838383;}

.f7br .ar{float: right;padding-top: 18px; width: 504px;right: 0;padding-right: 10px;}

.f7br .ar h2{font-size: 20px; text-align: left;font-weight: normal;width: 514px; color: #303030;position: relative;height: 32px;line-height: 32px;}

.f7br .ar h2 span{right: 25px;font-size: 18px;position: absolute;}

.f7br a:hover .al .dat,.f7br a:hover .ar p{color: #fff;text-align: left;}

.f7br .ar p{color: #303030;font-size: 12px;line-height: 1.8em;height: 48px;overflow: hidden;}

.f7br a:hover .al .dat{}

.f7br a:hover .ar h2,.f7br a:hover .ar h2 span{color: #fff;}













/*----------------eightthPage--------------------*/

.box-eight{ width:100%; overflow: hidden;position:absolute; bottom:140px;}

.ie7 .box-eight span{display:none}

.ie7 .box-eight span.on{display:block;width:200%;height:200%;top:-50%!important;left:-50%!important}

.ie8 .box-eight span{display:none}

.ie8 .box-eight span.on{display:block;width:200%;height:200%;top:-50%!important;left:-50%!important}

.ie9 .box-eight span{display:none}

.ie9 .box-eight span.on{display:block;width:200%;height:200%;top:-50%!important;left:-50%!important}

.box-eight span{display: block;width: 96px;height: 96px;margin:0 30px;left:0;top:200px;-moz-border-radius:48px;-webkit-border-radius:48px;border-radius:48px;-moz-transform:scale(0,0);-ms-transform:scale(0,0);-webkit-transform:scale(0,0);

transform:scale(0,0);position:absolute;background:red;-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;-webkit-transition:-webkit-transform .6s;transition: transform .5s;}

.box-eight span.on{-moz-transform: scale(50,50);-ms-transform: scale(50,50);-webkit-transform: scale(50,50); transform: scale(50,50);}

.box-eight .box-eight-content{width:472px;position: absolute; left:50%; margin-left:-236px;z-index: 90; top:50%; margin-top:-27px;}

.box-eight li.icon-share-wechat,.box-eight li.icon-share-QQ,.box-eight li.icon-share-email{ display: block; width: 64px;height: 64px;display: inline-block; float:left; position:relative;}

.box-eight a i{font-size:16px; color:#fff; text-align:center; position:absolute; bottom:-32px; width:64px; left:50%; margin-left:-32px; font-family:黑体;}

.box-eight li.icon-share-email{background:url(../images/email.png) no-repeat;}

.box-eight li.icon-share-wechat a:hover{background:url(../images/wechat_hover.png) no-repeat;list-style:none;}

.box-eight li.icon-share-wechat a{background:url(../images/wechat.png) no-repeat;}

.box-eight a.icon-share-sina{background:url(../images/weibo.png) no-repeat;}

.box-eight li.icon-share-QQ a{background:url(../images/QQ.png) no-repeat;}

.box-eight a.icon-share-friends{background:url(../images/friends.png) no-repeat;}

.box-eight li.icon-share-email:hover{width: 64px;height: 64px;background:url(../images/email_hover.png) no-repeat;list-style:none;}

.box-eight a.icon-share-sina:hover{width: 64px;height: 64px;background:url(../images/weibo_hover.png) no-repeat;list-style:none;}

.box-eight li.icon-share-QQ a:hover{width: 64px;height: 64px;background:url(../images/QQ_hover.png) no-repeat;list-style:none;}

.box-eight a.icon-share-friends:hover{width: 64px;height: 64px;background:url(../images/friends_hover.png) no-repeat; list-style:none;}

.box-eight span.icon-share-email{background:#00c6ba;}

.box-eight span.icon-share-wechat{background:#21c22a;}

.box-eight span.icon-share-sina{background:#e72f38;}

.box-eight span.icon-share-QQ{background:#14ade6;}

.box-eight span.icon-share-friends{background:#00cd94;}

.icon-share-wechat,.icon-share-sina,.icon-share-QQ,.icon-share-friends{ margin-left:38px;*margin-left:32px;}

.box-eight-content li.icon-share-email i,.box-eight-content li.icon-share-wechat i,.box-eight-content a.icon-share-sina i,.box-eight-content li.icon-share-QQ i,.box-eight-content a.icon-share-friends i{ display:none;}

.f8{height: 500px;width: 1200px;margin: 0 auto;}

.f8 .f8t{text-align: center;}

.f8 .f8t h2{}

.f8 .f8t h2 a{color: #c4121a;font-size: 28px;}

.f8 .f8t h3{color: #231815;text-transform: uppercase;font-size: 25px;}

.f8 .f8t h4{color: #231815;font-size: 30px;}

.f8 .f8t p{color: #fff;font-size: 22px;text-transform: uppercase;}

.anli,.lxzm .lxzmn{width: 576px;margin: 0 auto;left: 340px;padding-top: 30px;}

.lxzm .lxzmn-t{ display:flex ; align-items:center;}

.lxzm .lxzmn-t-l{float: left; width: 190px;margin-right: 22px;}
.lxzm .lxzmn-t-l img{width:88%;}

.lxzm .lxzmn-t-r{ float: left; width: 432px;}

.lxzm .lxzmn-t-r p{color: #4e3a2d;font-size: 16px;line-height: 1.8em;padding-top: 0px;}

.lxzm .lxzmn-b{top: 160px;}

.lxzm .lxzmn-b h3{color: #c4121a; height: 40px;line-height: 40px; font-weight: normal;font-size: 30px; }

















/*----------------尾部--------------------*/

.footer{ width:100%; position:absolute; bottom:0px;}

.footer-top{ width:467px; margin:0 auto;padding:33px 0;}

.footer-top ul{ line-height:17px; margin:0;}

.footer-top ul li{ float:left; margin-left:40px;}

.footer-top ul li.shu{ width:1px; height:17px; background:#8b969f; margin-top:4px;}

.footer-top ul li a{font-size:15px; color:#8b969f; }

.footer-top ul li a:hover{font-size:15px; color:#fff;}

.footer-bottom{ width:100%; padding:30px 0px;  background: #c7000a;color: #fff;  display:flex;justify-content:center;align-items:center;}

.footer-bottom p{ text-align:center;font-size:12px; color:#fff; line-height:30px; margin:0;}

.footer-bottom div{font-size:12px;margin-left:4px}
.footer-bottom a{color: #fff;}
.footer-bottom  .number_qzx{margin-left:4px}
.floatTip{position: fixed;_position: absolute;right: 20px;bottom: 20px;width: 74px;z-index: 9999; display:none;}

.floatTip a{ width:74px; height:74px; display:block; background:red; background:url(../images/top.png) no-repeat; cursor:pointer;}

.floatTip a.span-hover{background:url(../images/top_hover.png) no-repeat;}







/*********page.php*************/

.nrhd{}

.nrhd .b1_07bg .b1_07{left: 40px;}

.nrhd .b1_07bg .b1_07 .menu{left: 480px;}

.nrhd .b1_07bg .b1_07 .menu ul{padding-left: 37px;}

.nrhd .b1_07bg .b1_07 .topnav{top: 50px;right: 60px;position: absolute;}

.nrhd .b1_07bg .b1_07 .topnav .dh{padding: 0;}

.bnn{height: 320px;background: url(../images/banner1.jpg) no-repeat center top;}

.title{ height:160px; overflow:hidden; background:url(../images/abbg.gif);text-align:center}

.title1 { margin-top:50px;}

.title1 a{ font-size:30px; height:40px; line-height:40px; color:#000; background-color:#f5f5f5; padding-top:10px; padding-left:40px; padding-right:40px; padding-bottom:10px;text-align:center;}

.title2{ margin-top:20px;}

.title2 a{display: inline-block;background: #ececec; color: #555; border: 1px solid #ececec; margin: 0 4px 8px; border-radius: 1px; height: 36px;line-height: 36px;text-align: center;font-size: 16px;padding: 0 20px;transition: all ease-in-out .2s;}

.title2 a:hover,.title2 a.hover{ background-color:#c4121a; color:#fff;border: 1px solid #c4121a;}

.title2 a:active{color: #c4121a;border: 1px solid #c4121a;background: none;}

.nr{width: 1100px;padding: 20px 0 40px;line-height: 2em;overflow: hidden;height: auto;margin: 0 auto;}

.page{padding: 10px 20px;}

.nr .show img{max-width: 1000px;padding: 10px;}

.nr,.nr p,.nr span{line-height: 2em;}

.row{height: auto;overflow: hidden; padding-bottom: 40px;}

.row a{text-align: center; margin: 0 0px 20px 0;width: 100%; height: 260px; transition: all ease-in-out .2s; display: block;border: 1px solid #dedede;text-align: center;border-radius: 1px;}

.row a p{height: 40px;line-height: 40px;transition: all ease-in-out .2s;overflow: hidden;background: #ececec;}

.row a:hover{border:1px solid #c4121a;}

.row a:hover p{background: #c4121a;color: #fff;}

.row a .pic{padding: 0px 0;height: 220px;text-align: center;overflow: hidden;vertical-align: middle;}

.row a .pic img{max-width: 100%; max-height: 220px;}








.fenye{text-align: center;height: 40px;overflow: hidden;clear: both;padding: 10px 0 30px;}

.fenye a,.fenye span{transition: all ease-in-out .2s; margin-bottom: 10px; display: inline-block; margin: 0 2px 6px; padding: 2px 16px;font-size: 12px; background: #ececec;}

.fenye a:hover,.fenye span.current{background: #c4121a;color: #fff;}



.show{padding: 10px 0 30px;}

.showt{text-align: center;border-bottom: 1px solid #ececec;padding-bottom: 10px;}

.showt .date{font-size: 12px;padding: 10px 0;}

.showt .date a,.showt .date{color: #888;}

.showt h1{font-size: 28px;font-weight: normal;line-height: 1.8em;}

.showc{line-height: 2em;padding-top: 20px;}
.showc span{line-height: 1.9em;}
.showc img{max-width: 100%;}
.context{border-top: 1px solid #ececec;padding-top: 20px;padding-bottom: 20px;}

.context ul{height: auto;overflow: hidden;}

.context ul li,.context ul li a{font-size: 14px;}

.context ul li.lia{float: left;}

.context ul li.lib{float: right;}

.context ul li a:hover{text-decoration: underline;}



.news{padding: 0px 0 40px;}

.news dl{border-bottom: 1px dotted #ccc;height: auto;overflow: hidden;padding: 10px 0;}

.news dl dt{float: left;margin-right: 20px;}

.news dl dt{width: 220px;}

.news dl dt a{display: block; height: 124px;overflow: hidden;}

.news dl dt img{width: 216px;border:1px solid #ccc;padding: 1px; height: 120px;}

.news dl dd{padding-left: 20px;}

.news dl dd h2{height: 30px; margin-bottom: 6px; line-height: 30px;overflow: hidden;position: relative;}

.news dl dd h2 a{font-size: 16px;}

.news dl dd h2 span{position: absolute;right: 0;top: 0;line-height: 30px;font-size: 12px;font-weight: normal;}

.news dl dd p{line-height: 1.9em;font-size: 14px;color: #888;height: 82px;overflow: hidden;}

.news dl:hover dd p{color: #333;}





























/*----------------微信弹框--------------------*/

.ie8 .modal-dialog{width:500px;margin:80px auto}

.fif{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden; }

.QQfif{ position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;}

.fifter{ width:100%; height:100%; overflow:hidden;  background:#000; background:rgba(0,0,0,0.3); _position:relative; left:0; top:0; z-index:999; *opacity: 0.3; *filter:alpha(opacity=30);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);}

#HBox{width:500px;height:394px;background:url(../images/tk_bg.png) no-repeat;position:fixed;top: -224px;left:50%;margin:-197px 0 0 -284px;}

.HBox-t{height:66px; border-bottom:1px solid #f2f2f2; position:relative;}

.HBox-t .closewechat{width:15px; height:16px; background:none; position:absolute; display:block; right:27px; top:27px; cursor:pointer; border:none;}

.HBox-t p.closewechat span{width:15px; height:16px; display:block; background:url(../images/close_icon.png) 0 -22px no-repeat;}

.HBox-t p.closewechat span.closewe-hover{ width:15px; height:16px; display:block; background:url(../images/close_icon.png) 0 0 no-repeat;}

.HBox-t h3,.QQBox-t h3{font-size:20px; color:#7d7d7d; text-align:center; line-height:66px;}

.HBox-t a,.QQBox-t a{ width:15px; height:16px; position:absolute; display:block; background:url(../images/close_icon.png) 0 -22px no-repeat; right:24px; top:25px; cursor:pointer}

.HBox-t span.close-hover,.QQBox-t button.closeQQ span.closqqe-hover{ width:15px; height:16px; position:absolute; display:block; background:url(../images/close_icon.png) 0 0 no-repeat; right:24px; top:25px; cursor:pointer}

.HBox-c{ width:390px; margin:35px auto;}

.HBox-c .HBox-bl{ width:187px; height:187px; margin:0 auto; border:1px solid #f2f2f2;}

.HBox-c .HBox-bl dl{ width:135px; height:165px; margin:16px auto 0;}

.HBox-c .HBox-bl dl dt{ width:134px; height:134px; background:url(../images/wxewm02.png) no-repeat;}

.HBox-c .HBox-bl dl dd{font-size:18px; color:#666; text-align:center; margin-top:3px;}

.HBox-c .HBox-br{ width:187px; height:187px; float:right; border:1px solid #f2f2f2;}

.HBox-c .HBox-br dl{ width:135px; height:165px; margin:16px auto 0;}

.HBox-c .HBox-br dl dt{ width:134px; height:134px; background:url(../images/wxqewm.png) no-repeat;}

.HBox-c .HBox-br dl dd{font-size:18px; color:#666; text-align:center; margin-top:3px;}

.HBox-b{  height:66px; background:#f5f5f5;border-top:1px solid #f2f2f2;-moz-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}

.HBox-b .closeBtn{ text-align:center; width:73px; height:37px; background:url(../images/closeBtn.png) no-repeat; border:none; cursor:pointer; color:#454545;font-size:17px; float:right; margin-right:28px; margin-top:14px; line-height:35px;}

.HBox-b .closeBtn-hover{ text-align:center;width:73px; height:37px; background:url(../images/closeBtn_hover.png) no-repeat; border:none; cursor:pointer; color:#fff;font-size:17px; float:right; margin-right:28px; margin-top:14px;line-height:35px;}





/*----------------QQ群弹框--------------------*/

.QQBox-t{ width:498px; height:66px; border-bottom:1px solid #f2f2f2; position:relative;}

.QQBox-t .closeQQ{width:15px; height:15px; background:none; position:absolute; display:block; right:27px; top:27px; cursor:pointer; border:none;}

.QQBox-t p.closeQQ span{width:15px; height:16px; display:block; background:url(../images/close_icon.png) 0 -22px no-repeat;}

.QQBox-t p.closeQQ span.closeqq-hover{ width:15px; height:16px; display:block; background:url(../images/close_icon.png) 0 0 no-repeat;}

.QQBox-c{ width:500px; margin:35px 0 24px;}

.QQBox-c .QQBox-bl{ width:187px; height:187px; border:1px solid #f2f2f2;margin:0 auto;}

.QQBox-c .QQBox-bl dl{ width:135px; height:165px; margin:16px auto 0;}

.QQBox-c .QQBox-bl dl dt{ width:134px; height:134px; background:url(../images/QQewm02.png) no-repeat;}

.QQBox-c .QQBox-bl dl dd{font-size:18px; color:#666; text-align:center; margin-top:8px;}

.QQBox-c p{font-size:19px; color:#00c18b; text-align:center; margin-top:20px;}

.QQBox-b{ width:497px; height:66px;background:#f5f5f5;border-top:1px solid #f2f2f2;-moz-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}

.QQBox-b .closeBtn{text-align:center; width:73px; height:37px; background:url(../images/closeBtn.png) no-repeat; border:none; cursor:pointer; color:#454545;font-size:17px; float:right; margin-right:28px; margin-top:14px; line-height:35px;}

.QQBox-b .closeBtn-hover{text-align:center; width:73px; height:37px; background:url(../images/closeBtn_hover.png) no-repeat; border:none;cursor:pointer; color:#fff;font-size:17px; float:right; margin-right:28px; margin-top:14px;line-height:35px;}

#WXpop{display: block;height: 94px;}

.tkopen{ overflow:hidden;}



/*----------------滑屏右侧小点--------------------*/

#fp-nav {position: fixed; z-index: 100;margin-top: -32px;top: 50%;opacity: 1;}

#fp-nav.right {right: 17px;}

#fp-nav.left {left: 17px;}

.fp-slidesNav{position: absolute;z-index: 4;left: 50%;opacity: 1;}

.fp-slidesNav.bottom {bottom: 17px;}

.fp-slidesNav.top {top: 17px;}

#fp-nav ul,.fp-slidesNav ul {margin: 0; padding: 0;}

#fp-nav ul li,.fp-slidesNav ul li {display: block;width: 12px;height: 12px;margin: 10px; position:relative;}

.fp-slidesNav ul li {display: inline-block;}                                                         

#fp-nav ul li a,.fp-slidesNav ul li a { display: block;position: relative;z-index: 1; width: 100%;height: 100%;cursor: pointer;text-decoration: none;}

.baiOn{top: 2px;left: 2px;width: 14px;height: 14px;border: 2px solid #fff;border-radius: 50%;position: absolute;z-index: 1;background: #fff;}

#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span {background: #cacaca; width:14px; height:14px; border-radius:50%; -webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s}

#fp-nav ul li a span,.fp-slidesNav ul li a span {top: 2px;left: 2px;width: 14px;height: 14px;border:2px solid #cacaca;background: rgba(0, 0, 0, 0);border-radius: 50%;position: absolute;z-index: 1;}

#fp-nav ul li .fp-tooltip {position: absolute;top: -2px;color: #fff;font-size: 14px;font-family: arial, helvetica, sans-serif;white-space: nowrap; max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;}

#fp-nav ul li:hover .fp-tooltip {-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1;}

#fp-nav ul li .fp-tooltip.right {right: 20px;}

#fp-nav ul li .fp-tooltip.left {left: 20px;}

#fp-nav ul li a.active.on span{background: #fff; border:1px solid #fff;}

/*--------------------客小脉弹框--------------------*/

.facebookBox{ width:513px; background:#fff; padding:9px 0;}

.facebookBox .kxmPic{ width:513px; height:98px;margin-top:-49px;}

.facebookBox .kxmPic img{ width:92px; height:92px ; margin:0 auto; display:block;border:3px solid #fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-box-shadow:0 2px 3px #909193;-webkit-box-shadow:0 2px 3px #909193;box-shadow:0 2px 3px #909193;}

.facebookBox .closeFK{width:15px; height:15px; background:none; position:absolute; display:block; right:27px; top:27px; cursor:pointer; border:none;}

.facebookBox p.closeFK span{width:15px; height:16px; display:block; background:url(../images/close_icon.png) 0 -22px no-repeat;}

.facebookBox p.closeFK span.closefk-hover{ width:15px; height:16px; display:block; background:url(../images/close_icon.png) 0 0 no-repeat;}

.facebookBox .question{ width:90%;height:134px; margin:22px 5% 14px; position:relative;}

.facebookBox .question textarea{ width:100%; height:108px; padding:12px 14px; line-height:20px;font-family:黑体; font-size:16px; color:#666; background:#f8f8f8; border:1px solid #f8f8f8;resize: none;}

.facebookBox .question span.tips{ position:absolute; width:202px; height:40px; line-height:44px;display:none; background:url(../images/tipBg.png) no-repeat;font-family:黑体; font-size:16px; color:#eeeff2; text-align:center; top:71px; left:15px;}

.facebookBox .email{ width:90%; margin:0 5% 20px; position:relative;}

.facebookBox .email p.tips1{ position:absolute; width:202px; height:40px; line-height:34px; display:none; background:url(../images/tipBg1.png) no-repeat;font-family:黑体; font-size:16px; color:#eeeff2; text-align:center; top:-27px; right:35px;}

.facebookBox .email input.emailInput{ width:351px; height:54px; padding:0 15px; line-height:54px;  background:#f8f8f8; border:1px solid #f8f8f8;font-family:黑体; font-size:16px; color:#bcbbbb; float:left}

.facebookBox .email span{ width:52px; height:52px; display:inline-block; float:right;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; cursor:pointer;}

.facebookBox .email span.spanOn{ background:#f0f0f0;}

.facebookBox .email span i{ width:26px; height:23px; display:block; background:url(../images/icon3.png) 0 -166px no-repeat; margin:14px;}

.facebookBox .question textarea:focus {outline:0;}

.facebookBox .email input.emailInput:focus {outline:0;}



.thkBox{width:300px; position:fixed; left:50%; margin-left:-150px; top:30%;background:rgba(0,0,0,0.7) none repeat scroll!important ;background:#000; filter:Alpha(opacity=70); display:none;}

.thkBox p{font-family:黑体; font-size:16px; color:#fff; text-align:center; line-height:45px; margin:0; position:relative;}

/*----------------动画--------------------*/

.hide{ display:none;}

.animated1{-webkit-animation: item3-3-ac .4s .3s ease-in-out both;animation: item3-3-ac .4s .3s ease-in-out both;}

.animated2{-webkit-animation: item3-2-ac .4s .3s ease-in-out both;animation: item3-2-ac .4s .3s ease-in-out both;}

.animated3{-webkit-animation:item2-6 .5s 0s ease-in-out both;animation:item2-6 .5s 0s ease-in-out both;}

.animated4{-webkit-animation:item2-6 .2s 0s ease-in-out both;animation:item2-6 .2s 0s ease-in-out both;}

.animated5{-webkit-animation:scaleUp .4s ease both;animation:scaleUp .4s ease both;}

.animated6{-webkit-animation:scaleUp .4s ease both;animation:scaleUp .4s ease both;}

.animated7{-webkit-animation:item2-7 .4s  ease-in-out;animation:item2-7 .4s  ease-in-out;}

.animated8{-webkit-animation:item2-8 .4s  ease-in-out;animation:item2-8 .4s  ease-in-out;}

.animated9{-webkit-transform: translate3d(0 , -20px , 0);-webkit-animation: tinyShock 9s 1s linear infinite alternate;}



/*-------------frist-------------*/

@-webkit-keyframes arrowing{

    0%{

        -webkit-transform:translateY(-5px);

        transform:translateY(-5px);

        opacity:.8

    }

    50%{

        -webkit-transform:translateY(10px);

        transform:translateY(10px);

        opacity:1

    }

    100%{

        -webkit-transform:translateY(-5px);

        transform:translateY(-5px);

        opacity:.8

    }

}



@keyframes arrowing{

    0%{

        -webkit-transform:translateY(-5px);

        transform:translateY(-5px);

        opacity:.8

    }

    50%{

        -webkit-transform:translateY(10px);

        transform:translateY(10px);

        opacity:1

    }

    100%{

        -webkit-transform:translateY(-5px);

        transform:translateY(-5px);

        opacity:.8

    }

}



.pt-page-moveFromLeftFade {

	-webkit-animation: moveFromLeftFade .5s ease both;

	animation: moveFromLeftFade .5s ease both;

}



@-webkit-keyframes moveFromLeftFade {

	from { opacity: 0.3; -webkit-transform: translateX(-30%); }

}

@keyframes moveFromLeftFade {

	from { opacity: 0.3; -webkit-transform: translateX(-30%); transform: translateX(-30%); }

}



/*-------------second-------------*/

.pt-page-scaleUp {

	-webkit-animation: scaleUp .7s ease both;

	animation: scaleUp .7s ease both;

}

@-webkit-keyframes scaleUp {

	from { opacity: 0; -webkit-transform: scale(.8); }

}

@keyframes scaleUp {

	from { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }

}



.pt-page-moveFromTop1 {

	-webkit-animation: moveFromTop .8s ease both;

	animation: moveFromTop .8s ease both;

}

.pt-page-moveFromTop2 {

	-webkit-animation: moveFromTop 1.1s ease both;

	animation: moveFromTop 1.1s ease both;

}

.pt-page-moveFromTop3 {

	-webkit-animation: moveFromTop 1.5s ease both;

	animation: moveFromTop 1.5s ease both;

}

.pt-page-moveFromTop4 {

	-webkit-animation: moveFromTop 1.8s ease both;

	animation: moveFromTop 1.8s ease both;

}



@-webkit-keyframes moveFromTop1 {

	from { -webkit-transform: translateY(-100%); }

}

@keyframes moveFromTop1 {

	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

}



@-webkit-keyframes moveFromTop2 {

	from { -webkit-transform: translateY(-100%); }

}

@keyframes moveFromTop2 {

	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

}



@-webkit-keyframes moveFromTop3 {

	from { -webkit-transform: translateY(-100%); }

}

@keyframes moveFromTop3 {

	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

}



@-webkit-keyframes moveFromTop4 {

	from { -webkit-transform: translateY(-100%); }

}

@keyframes moveFromTop4 {

	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

}

	

/*-------------thirdly-------------*/

@-webkit-keyframes item3-2-ac{

  0%{ opacity: 0; -webkit-transform:translate3d(-18px,0px, 0);}

  100% {}

}



@keyframes item3-2-ac{

  0%{ opacity: 0; -webkit-transform:translate3d(-18px,0px, 0);transform:translate3d(-18px,0px, 0);}

  100% {}

}

@-webkit-keyframes item3-3-ac{

  0%{ opacity: 0; -webkit-transform:translate3d(18px,0px, 0);}

  100% {}

}



@keyframes item3-3-ac{

  0%{ opacity: 0; -webkit-transform:translate3d(18px,0px, 0);transform:translate3d(18px,0px, 0);}

  100% {}

}



@-webkit-keyframes item2-4{

  0%{ opacity: 0; -webkit-transform:translate3d(40%,0, 0);}

  100% {}

}

@keyframes item2-4{

  0%{ opacity: 0; -webkit-transform:translate3d(40%,0, 0);transform:translate3d(40%,0, 0);}

  100% {}

}

@-webkit-keyframes item2-5{

  0%{ opacity: 0; -webkit-transform:translate3d(-40%,0, 0);}

  100% {}

}



@keyframes item2-5{

  0%{ opacity: 0; -webkit-transform:translate3d(-40%,0, 0);transform:translate3d(-40%,0, 0);}

  100% {}

}



.pt-page-moveFromBottom {

	-webkit-animation: moveFromBottom .4s ease both;

	animation: moveFromBottom .4s ease both;

}



@-webkit-keyframes moveFromBottom {

	from { -webkit-transform: translateY(100%); }

}

@keyframes moveFromBottom {

	from { -webkit-transform: translateY(100%); transform: translateY(100%); }

}



@keyframes desiBg1{

	to{transform:translate3d(30px,-70px,0);

	-o-transform:translate3d(30px,-70px,0);

	-moz-transform:translate3d(30px,-70px,0);

	-webkit-transform:translate3d(30px,-70px,0)}

}

@-moz-keyframes desiBg1{

	to{transform:translate3d(30px,-70px,0);

	-o-transform:translate3d(30px,-70px,0);

	-moz-transform:translate3d(30px,-70px,0);

	-webkit-transform:translate3d(30px,-70px,0)}

}

@-webkit-keyframes desiBg1{

	to{transform:translate3d(30px,-70px,0);

	-o-transform:translate3d(30px,-70px,0);

	-moz-transform:translate3d(30px,-70px,0);

	-webkit-transform:translate3d(30px,-70px,0)}

}

@-o-keyframes desiBg1{

	to{transform:translate3d(30px,-70px,0);

	-o-transform:translate3d(30px,-70px,0);

	-moz-transform:translate3d(30px,-70px,0);

	-webkit-transform:translate3d(30px,-70px,0)}

}



@keyframes desiBg2{

	to{transform:translate3d(-40px,70px,0);

	-o-transform:translate3d(-40px,70px,0);

	-moz-transform:translate3d(-40px,70px,0);

	-webkit-transform:translate3d(-40px,70px,0)}

}

@-moz-keyframes desiBg2{

	to{transform:translate3d(-40px,70px,0);

	-o-transform:translate3d(-40px,70px,0);

	-moz-transform:translate3d(-40px,70px,0);

	-webkit-transform:translate3d(-40px,70px,0)}

}

@-webkit-keyframes desiBg2{

	to{transform:translate3d(-40px,70px,0);

	-o-transform:translate3d(-40px,70px,0);

	-moz-transform:translate3d(-40px,70px,0);

	-webkit-transform:translate3d(-40px,70px,0)}

}

@-o-keyframes desiBg2{

	to{transform:translate3d(-40px,70px,0);

	-o-transform:translate3d(-40px,70px,0);

	-moz-transform:translate3d(-40px,70px,0);

	-webkit-transform:translate3d(-40px,70px,0)}

}

/*-------------fourth-------------*/

.pt-page-moveFromLeft {

	-webkit-animation: moveFromLeft .7s ease both;

	animation: moveFromLeft .7s ease both;

}



.pt-page-moveFromRight {

	-webkit-animation: moveFromRight .7s ease both;

	animation: moveFromRight .7s ease both;

}



@-webkit-keyframes moveFromLeft {

	from { -webkit-transform: translateX(-100%); }

}

@keyframes moveFromLeft {

	from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

}



@-webkit-keyframes moveFromRight {

	from { -webkit-transform: translateX(100%); }

}

@keyframes moveFromRight {

	from { -webkit-transform: translateX(100%); transform: translateX(100%); }

}



.movebg1{

  	opacity: 1;

  	-webkit-transform: translate3d(0 , -50px , 0);

  	-webkit-animation: tinyShock 8s 1s linear infinite alternate;

}



.movebg{

	opacity: 1;

	-webkit-transform: translate3d(0 , -60px , 0);

  	-webkit-animation: tinyShock 9s 1.4s linear infinite alternate;

}



.movebg2{

	opacity: 1;

  	-webkit-transform: translate3d(0 , -50px , 0);

  	-webkit-animation: tinyShock 7s 1.6s linear infinite alternate;

}

.movebg3{

	opacity: 1;

	-webkit-transform: translate3d(0 , -40px , 0);

  	-webkit-animation: tinyShock 10s 1.8s linear infinite alternate;

}



.movebg4{

  	opacity: 1;

  	-webkit-transform: translate3d(0 , -50px , 0);

  	-webkit-animation: tinyShock 11s 2s linear infinite alternate;

}

.movebg5{

  	opacity: 1;

  	-webkit-transform: translate3d(0 , -60px , 0);

  	-webkit-animation: tinyShock 7s 2s linear infinite alternate;

}

.movebg6{

  	opacity: 1;

  	-webkit-transform: translate3d(0 , -60px , 0);

  	-webkit-animation: tinyShock 9s 1.4s linear infinite alternate;

}

@-webkit-keyframes tinyShock{

  0%{

    -webkit-transform: translate3d( 0 , -60px , 0);

  }

  25%{

    -webkit-transform: translate3d( -40px , -40px , 0);

  }

  50%{

    -webkit-transform: translate3d( 40px , -40px , 0);

  }

  75%{

    -webkit-transform: translate3d( 40px , 40px , 0);

  }

  100%{

    -webkit-transform: translate3d( -40px , 40px , 0);

  }

}

@keyframes tinyShock{

  0%{

    transform: translate3d( 0 , -60px , 0);

  }

  25%{

    transform: translate3d( -40px , -40px , 0);

  }

  50%{

    transform: translate3d( 40px , -40px , 0);

  }

  75%{

    transform: translate3d( 40px , 40px , 0);

  }

  100%{

    transform: translate3d( -40px , 40px , 0);

  }

}

/*-------------fiveth-------------*/

@-webkit-keyframes item2-8{

	0%{opacity: 0;bottom:0;left:45%}

	50%{opacity: 0;bottom:10%;left:55%}

	100%{opacity: 1; bottom:17%;left:59%}

}

@keyframes item2-8 {

	0%{opacity: 0;bottom:0;left:45%}

	50%{opacity: 0;bottom:8%;left:55%}

	100%{opacity: 1; bottom:17%;left:59%}

}

@-webkit-keyframes scaleUp {

	from { opacity: 0; -webkit-transform: scale(.8); }

}

@keyframes scaleUp {

	from { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }

}



@-webkit-keyframes tinyShock{

  0%{

    -webkit-transform: translate3d( 0 , -20px , 0);

  }

  25%{

    -webkit-transform: translate3d( -5px , -5px , 0);

  }

  50%{

    -webkit-transform: translate3d( 5px , -5px , 0);

  }

  75%{

    -webkit-transform: translate3d( 5px , 5px , 0);

  }

  100%{

    -webkit-transform: translate3d( -5px , 5px , 0);

  }

}



.pt-page-moveFromTop {

	-webkit-animation: moveFromTop .9s ease both;

	animation: moveFromTop .9s ease both;

}

.pt-page-moveFromBottom {

	-webkit-animation: moveFromBottom .9s ease both;

	animation: moveFromBottom .9s ease both;

}

.pt-page-moveFromLeft1 {

	-webkit-animation: moveFromLeft .9s ease both;

	animation: moveFromLeft .9s ease both;

}



.pt-page-moveFromRight1 {

	-webkit-animation: moveFromRight .9s ease both;

	animation: moveFromRight .9s ease both;

}



@-webkit-keyframes moveFromTop {

	from { -webkit-transform: translateY(-100%); }

}

@keyframes moveFromTop {

	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

}

@-webkit-keyframes moveFromBottom {

	from { -webkit-transform: translateY(100%); }

}

@keyframes moveFromBottom {

	from { -webkit-transform: translateY(100%); transform: translateY(100%); }

}



@-webkit-keyframes moveFromLeft1 {

	from { -webkit-transform: translateX(-100%); }

}

@keyframes moveFromLeft1 {

	from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

}



@-webkit-keyframes moveFromRight1 {

	from { -webkit-transform: translateX(100%); }

}

@keyframes moveFromRight1 {

	from { -webkit-transform: translateX(100%); transform: translateX(100%); }

}





.fixedWidth{width: 1200px!important;}


.chanpin{
    display:flex;
    flex-wrap: wrap;
    
    
}
.chanpin a{
   width: 18%;  
   margin-right: 20px;
   margin-top: 20px;
}
.chanpin .pic{
    width: 100%;
 
    
}
.chanpin  p{
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    /* //溢出隐藏省略号 */
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	/* //-webkit-line-clamp:1; 超出几行 */
}
.chanpin img{
    width: 100%;
}
.menu2{}
.menu2 ul{float:right}
.menu2 ul li{}
.menu2 ul li a{display: block;color: #fff;font-size: 16px;transition: all ease-in-out .2s; }
.menu2 ul li a:hover{background: #c7000a;}
.navbar-nav > li > a:hover{background: #c7000a!important;color: #fff!important;}
.navbar-static-top{border-width: 0!important;margin-bottom: 0;}
.navbar-brand{padding: 24px 10px 10px 10px;}
.navbar-brand img{max-width: 252px;}








