@charset "utf-8";body{background-color:#f7f7f7}
.float{width:84px;height:108px;position:fixed;right:10px;top:148px;z-index:90}
.float img{width:100$}
.online{width:48px;height:auto;position:fixed;bottom:40px;z-index:100}
.online p{width:48px;height:48px;line-height:48px;text-align:center;color:#FFF;border-radius:3px;background-color:rgba(80,80,80,.3);cursor:pointer}
.online p:hover{background-color:rgba(80,80,80,.8)}
.online p i{font-size:30px}
.online p+p{margin-top:10px}
.online p:nth-last-of-type(1){transform:rotatey(180deg);transform:rotatex(180deg)}
.online p a{color:#FFF}
.header{width:100%;margin:0 auto;position:relative;z-index:20}
.site{
/*height:52px;*/
line-height:32px;font-size:12px;color:#a7a5a4}
.head-cen{padding-top:10px;padding-bottom:10px;position:relative;text-align:center;box-sizing:border-box}
.logo{width:301px;height:60px;float:left;display:block}
.logo img{width:100%}
.hd_btn{width:28px;height:36px;border:1px solid #202946;border-radius:2px;float:right;margin-top:18px;margin-left:10px;box-sizing:border-box;cursor:pointer;position:relative;display:none}
.hd_btn i{width:18px;height:3px;background:#202946;position:absolute;left:50%;margin-left:-9px;top:0;display:block}
.hd_btn i:nth-child(1){top:8px}
.hd_btn i:nth-child(2){top:16px}
.hd_btn i:nth-child(3){top:24px}
.hd-nav{border-radius:0 0 3px 3px;background-color:#202946;height:auto;position:absolute;width:100px;right:38px;top:28px;margin-top:0;padding:0 5px;box-sizing:border-box;display:none;z-index:10}
.hd-nav li{width:100%;height:30px;line-height:30px;box-sizing:border-box;text-align:center;font-size:14px}
.hd-nav li a{color:#FFF}
.hd-nav li:hover{background-color:#e70012}
.hd-nav li:hover a{color:#FFF}
.hd-nav li+li{border-top:1px solid #EEE}
.date{width:106px;float:right;height:60px;line-height:20px;padding:20px 0 0 0;box-sizing:border-box;font-size:12px;text-align:right}
.search{width:148px;height:22px;margin-top:30px;margin-right:10px;border:1px solid #CCC;background-color:#FFF;float:right}
.search p{float:left}
.search p:nth-of-type(1) input{width:122px;height:18px;line-height:16px;border:0;font-size:12px;padding-left:4px}
.search p:nth-of-type(2) input{width:20px;height:20px;line-height:20px;border:0;background-color:transparent;font-family:iconfont!important;font-size:18px}
.nav{width:100%;height:auto;background-color:#202946}
.navlist{width:1130px;height:auto;box-sizing:border-box;margin:0 auto}
.navlist li{width:9.09%;float:left;height:36px;font-size:14px;line-height:36px;position:relative;cursor:pointer;text-align:center;box-sizing:border-box;position:relative;z-index:5}
.navlist li>a{color:#FFF;width:100%;display:block;height:36px}
.navlist li>p{width:102px;height:auto;position:absolute;left:0;top:36px;background-color:rgba(255,255,255,.8);display:none}
.navlist li>p>a{width:100%;padding:0 10px;box-sizing:border-box;height:30px;line-height:30px;display:block;text-align:center;color:#666}
.navlist li>p>a:hover{background-color:rgba(0,0,0,.1)}
.navlist li.on,.navlist li:hover{background-color:#e70012}
.navlist li:hover>p{display:block}
.flash{cursor:pointer;width:100%}
.swiper-pagination{width:100%;width:120px}
.swiper-pagination-bullet{opacity:1;margin:0 3px!important;background:rgba(255,255,255,.6);width:16px;height:6px;border-radius:2px;color:#FFF}
.swiper-pagination-bullet-active{background:rgba(255,255,255,.9);color:#FFF;height:12px;width:12px;border-radius:50%}
.swiper-container{width:100%}
.swiper1 .swiper-slide img{width:100%}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{color:rgba(255,255,255,.8);background-color:rgba(255,255,255,.2);border-radius:3px;height:50px;width:30px;text-align:center;background-image:url(../images/ddf8c141daa245ed93e68033d68accf7.gif);cursor:pointer;margin-top:-25px}
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{background-color:rgba(255,255,255,.5);color:rgba(255,255,255,1)}
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{font-size:24px;text-align:center;line-height:50px}
.main{/*padding-top:10px;*/width:1130px;height:auto;margin:0 auto}
.brand{margin-bottom:10px;width:100%}
.brand li{width:14.28%;height:auto;float:left;box-sizing:border-box;border-left:1px solid #d1d1d2}
.brand li img{width:100%}
.brand li:nth-of-type(1){border-left-color:#f7f7f7}
.box,.box2,.box3{width:100%;height:auto;margin:0 auto;margin-bottom:10px}
.swiper3 .swiper-slide img,.swiper4 .swiper-slide img,.swiper5 .swiper-slide img{width:100%}
.swiper3 .swiper-pagination,.swiper4 .swiper-pagination,.swiper5 .swiper-pagination{width:auto;right:8px;left:auto}
.swiper3 .swiper-pagination-bullet,.swiper4 .swiper-pagination-bullet,.swiper5 .swiper-pagination-bullet{opacity:1;margin:0 3px!important;background:rgba(0,0,0,.1);width:12px;height:12px;line-height:12px;border-radius:0;border:1px solid #fafafa;color:#FFF;font-size:8px}
.swiper3 .swiper-pagination-bullet-active,.swiper4 .swiper-pagination-bullet-active,.swiper5 .swiper-pagination-bullet-active{background:rgba(255,255,255,.9);color:#000}
.intro{width:100%;height:auto;padding-right:310px;box-sizing:border-box;position:relative;margin-bottom:10px}
.intro-l{width:100%;height:auto;height:auto;background-color:#FFF}
.intro-r{width:300px;height:auto;background-color:#FFF;position:absolute;right:0;top:0}
.hezuo h3,.intro-l h3,.intro-r h3{width:100%;height:30px;line-height:30px;font-size:12px;box-sizing:border-box;padding:0 10px;background-color:rgba(0,0,0,.1);text-align:right;font-weight:400}
.intro-l h3 a,.intro-r h3 a{color:#aeaeae}
.hezuo h3 p,.intro-l h3 p,.intro-r h3 p{width:auto;float:left;font-size:14px;height:30px;line-height:30px;text-align:left;color:#333}
.ilc-cen{width:100%;height:310px;box-sizing:border-box;padding:10px 20px}
.ilc-hot{width:100%;height:150px;position:relative;box-sizing:border-box;padding-left:260px;margin-bottom:10px}
.ilc-hot-img{width:242px;height:150px;position:absolute;left:0;top:0}
.ilc-hot-img img{width:100%}
.ilc-hot-about{width:100%;height:150px;overflow:hidden;box-sizing:border-box;border-bottom:2px solid #c3c3c3}
.ilc-hot-about h4,.ilc-hot-about p{width:100%;height:23px;line-height:23px;font-weight:400;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ilc-hot-about h4{height:26px;line-height:26px;font-weight:700;margin-bottom:3px}
.ilc-hot-about h4 a{font-size:17px}
.ilc-hot-about p a{color:#9a9a9a}
.ilc-hot-about p a:hover{color:red}
.ilc-list{width:100%;height:120px;position:relative}
.ilc-list::after{content:' ';width:1px;height:100%;background-color:#bcbdbc;position:absolute;left:50%;top:0}
.ilc-list li{width:45%;float:left;height:26px;line-height:26px;font-size:14px;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ilc-list li:nth-of-type(2n){float:right}
.il-list,.ir-list{width:100%;padding:10px 20px;box-sizing:border-box}
.il-list li,.ir-list li{width:100%;height:29px;line-height:29px;overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.il-list li{position:relative}
.il-list li a{float:left;width:88%;text-align:left;display:block;height:34px;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.il-list li span{float:right;display:block;position:absolute;right:0;text-align:right;height:34px;line-height:34px;color:#999}
.il-list li:hover span{color:#666}
.il-brand{width:100%;height:310px;box-sizing:border-box;padding:10px 0 0 0;position:relative;overflow:hidden}
.il-brand img{width:827px;height:310px;position:absolute;left:50%;top:10px;margin-left:-413px}
.box4{width:280px;height:228px;margin:0 auto;position:relative;padding-left:60px;padding-right:60px;padding-top:10px;box-sizing:border-box}
.swiper6 .swiper-slide{width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.2)}
.swiper6 .swiper-slide img{width:100%}
.box4 .swiper-button-next,.box4 .swiper-button-prev{color:#FFF;background-color:rgba(0,0,0,.1);border-radius:5px;height:40px;width:24px;text-align:center;background-image:url(../images/ddf8c141daa245ed93e68033d68accf7.gif);cursor:pointer;border:1px solid #FFF;margin-top:-20px}
.box4 .swiper-button-next:hover,.box4 .swiper-button-prev:hover{background-color:rgba(0,0,0,.3)}
.box4 .swiper-button-next i,.box4 .swiper-button-prev i{font-size:20px;text-align:center;color:#FFF;line-height:40px}
.swiper6 .swiper-pagination{display:none}
.hezuo{margin-bottom:10px;background-color:#FFF}
.hz-list{width:100%;box-sizing:border-box;padding:30px 20px;padding-top:0}
.hz-list li{width:12.5%;float:left;font-size:14px;padding:5px 10px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:#cddc39;border-bottom:1px solid #fff;border-right:1px solid #fff;text-align:center}
.hz-list2{width:100%;box-sizing:border-box;padding:30px 20px;padding-top:0}
.hz-list2 li{width:16.66%;float:left;font-size:14px;padding:5px 10px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:#cddc39;border-bottom:1px solid #fff;border-right:1px solid #fff;text-align:center}
.hz-list3{width:100%;box-sizing:border-box;padding:30px 20px;padding-top:0}
.hz-list3 li{width:16.66%;float:left;font-size:14px;padding:5px 10px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:#cddc39;border-bottom:1px solid #fff;border-right:1px solid #fff;text-align:center}
.footer{width:100%;background-color:#233446;padding:15px 0}
.footer-cen{width:1130px;height:auto;margin:0 auto;box-sizing:border-box;padding-right:90px;position:relative}
.copyright{width:100%;height:auto;line-height:22px;font-size:12px;color:rgba(255,255,255,.7);padding-top:60px;padding-left:10px;background-image:url(../images/copyright.png);background-position:10px 10px;background-repeat:no-repeat;box-sizing:border-box}
.copyright h3{font-size:16px;font-weight:400}
.erweima{width:79px;height:79px;position:absolute;right:10px;top:50%;margin-top:-40px}
.erweima img{width:100%}
.nbanner{width:100%;background-repeat:no-repeat;background-position:center center;height:170px;background-size:cover}
.fenlie{width:100%;max-width:1130px;margin:30px auto 15px auto;overflow:hidden;line-height:0}
.fenlie li{width:14%;float:left;margin-left:1%;margin-right:1%}
.fenlie li a{margin:0 auto;display:inline-block}
.fenlie li a div{width:100%;max-width:72px;margin:0 auto;background-color:#ddd;border-radius:9px;overflow:hidden;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.fenlie li a div img{width:100%}
.fenlie li a div.thisclass,.fenlie li a:hover div{background-color:#202946}
.fenlie li a h3{font-size:17px;height:26px;line-height:26px;padding-top:10px}
.fenlie li a:hover h3{color:#202946}
.fenliejigou{width:100%;max-width:1130px;margin:30px auto 15px auto;overflow:hidden;line-height:0}
.fenliejigou li{width:24%;float:left;margin-left:.5%;margin-right:.5%}
.fenliejigou li a{margin:0 auto;display:inline-block}
.fenliejigou li a div{width:100%;max-width:72px;margin:0 auto;background-color:#ddd;border-radius:9px;overflow:hidden;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.fenliejigou li a div img{width:100%}
.fenlie li a:hover div,.fenliejigou li a div.thisclass{background-color:#202946}
.fenliejigou li a h3{font-size:15px;margin-top:10px;margin-bottom:5px;line-height:20px;font-weight:100}
.fenliejigou li a:hover h3{color:#202946}
.neirong{width:94%;max-width:1030px;margin:0 auto;line-height:30px;overflow:hidden}
.neirong>div{overflow:hidden}
.neirong font{font-size:15px!important}
.gongsiren span:first-child{width:50%;float:left;overflow:hidden}
.gongsiren span:last-child{width:50%;float:left;overflow:hidden}
.neirong>h3{text-align:center;width:100%;font-size:18px;margin-bottom:10px}
.neirong div,.neirong p{margin-bottom:10px}
.neirong img{margin:0 auto;max-width:800px}
.neirong table{border:#666 1px solid;margin:0 auto;width:100%}
.neirong table tr td{text-align:left;border:1px solid #666;width:40%;line-height:20px;font-size:14px;text-align:center;width:auto}
.neirong table thead td{width:40%;padding:0;height:20px;line-height:20px;text-align:center;box-sizing:border-box;background:#58a4cc;color:#FFF;text-align:center;font-size:16px;overflow:hidden}
.neirongb{width:94%;max-width:1030px;margin:40px auto;line-height:30px}
.neirongb>h3{text-align:center;width:100%;font-size:20px;margin-bottom:10px}
.neirong div,.neirongb p{margin-bottom:10px}
.neirongb img{margin:0 auto}
.biaoti{width:99%;max-width:1130px;margin:20px auto;background-color:#ddd;padding:.5%;font-weight:700}
.biaoti div{float:right;color:#666;font-size:13px;font-weight:100}
.biaoti div a{color:#666}
.biaoti div a:hover{color:red}
.liebiaoye{width:94%;max-width:1100px;margin:0 auto;overflow:hidden;border-bottom:#CCC 1px solid;padding-bottom:20px}
.liebiaoye li{width:100%;overflow:hidden;position:relative}
.liebiaoye li a{float:left;width:68%;text-align:left;display:block;height:34px;line-height:34px;overflow:hidden}
.liebiaoye li span{float:right;display:block;position:absolute;right:0;text-align:right;height:34px;line-height:34px;color:#999}
.liebiaoye li:hover span{color:red}
.pagelist{margin:20px auto;display:inline-block;margin-bottom:30px}
.pagelist li{float:left;display:inline-block;line-height:26px;margin:5px 5px}
.pagelist li a{padding:0 8px;display:inline-block;line-height:26px;border:#CCC 1px solid;border-radius:1px}
.pagelist li span.pageinfo{line-height:20px;padding:0 8px;display:inline-block}
.pagelist li select{padding:4px 0;line-height:30px}
.pagelist li.thisclass{line-height:26px;padding:0 8px;display:inline-block;border:#CCC 1px solid;border-radius:1px;background-color:red;color:#FFF;border:red 1px solid}
.info{width:100%;text-align:center;color:#666;font-size:14px}
.info small{font-size:14px;margin-left:10px}
.shangxia{width:96%;max-width:1130px;margin:30px auto;overflow:hidden;text-align:left;}
.shangxia li{width:50%;float:left;text-align:left;height:30px;line-height:30px;overflow:hidden}
.shangxia li:last-child{text-align:right}
.xiazailist{width:96%;margin:0 auto;max-width:1100px;padding-bottom:30px;overflow:hidden}
.xiazailist li{width:100%;height:auto;float:left;margin-top:25px;margin-bottom:25px}
.xiazailist li a{display:block;width:100%;background-color:#e6e6e6;border-radius:8px;position:relative;height:65px}
.xiazailist li a div{position:absolute;left:13px;top:-13px;width:80px;height:90px;border-radius:8px;background-color:#05a4c5;color:#FFF;text-align:center;box-shadow:1px 1px 6px #999;line-height:30px}
.xiazailist li a div h3{width:80%;margin:0 auto;text-align:center;line-height:56px;height:56px;text-shadow:1px 1px 3px #666;border-bottom:#FFF 1px solid}
.xiazailist li a span{padding-left:115px;display:block;text-align:left;padding-right:20px;font-size:15px;color:#333;line-height:24px;height:50px;overflow:hidden;padding-top:8px}
.xiazailist li:hover a{background-color:#dfdfdf}
.zazhilie{width:100%;max-width:1150px;margin:0 auto;overflow:hidden}
.zazhilie li{width:32%;float:left;border:#CCC 1px solid;border-radius:10px;margin-left:.55%;background-color:#efefef;margin-right:.5%;margin-bottom:15px}
.zazhilie li img{float:left;width:40%;margin:3.5%;border:#CCC 1px solid}
.zazhilie li div{float:left;width:48%;float:left;margin-left:1%;margin-top:4%}
.zazhilie li div h4{font-size:18px;padding-bottom:8px;line-height:30px}
.zazhilie li div span{color:#666;font-size:13px;line-height:26px}
.zazhilie li:hover{border:#aaa 1px solid}
.search_box{display:inline-block;margin:0 auto;overflow:hidden}
.search_box input{line-height:28px;height:28px;border:#aaa 1px solid;border-radius:3px;padding-left:6px}
.search_box select{padding:3px;padding-bottom:7px}
.search_box button{padding:4px 12px}
.pinpailie{width:100%;max-width:1150px;margin:0 auto;overflow:hidden}
.pinpailie li{width:12.4%;float:left;border:#CCC 1px solid;border-radius:5px;overflow:hidden;margin-left:.8%;background-color:#efefef;margin-right:.8%;margin-bottom:1.6%}
.pinpailie li a{display:block;background-repeat:no-repeat;background-position:center center;background-size:contain}
.pinpailie li img{width:100%}
.liuyantitle{width:100%;max-width:1130px;margin:30px auto;text-align:center}
.liuyantitle h3{font-size:22px}
.liuyantitle p{line-height:26px;font-size:13px;color:#666}
.liuyan{width:96%;max-width:600px;margin:30px auto;margin-bottom:150px}
.liuyan div{width:100%;overflow:hidden;margin-top:10px}
.liuyan div span{width:18%;float:left;line-height:32px;height:32px;text-align:right;margin-right:2%}
.liuyan div input{width:78%;float:left;border:#CCC 1px solid;border-radius:3px;line-height:32px;height:32px;padding-left:1%}
.liuyan div textarea{width:78%;float:left;border:#CCC 1px solid;border-radius:3px;line-height:32px;height:82px;padding-left:1%}
.liuyan div.biaozhu{font-size:13px;text-align:right;color:#666}
.liuyan div .submit{background-color:#202946;color:#FFF;height:36px;line-height:36px;border-radius:8px}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}
#mbOverlay.mbOverlayFF{background:transparent url(../images/80.png) repeat}
#mbOverlay.mbOverlayIE{position:absolute}
#mbCenter{height:557px;position:absolute;z-index:9999;left:50%;background-color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 10px 40px rgba(0,0,0,.7);-webkit-box-shadow:0 10px 40px rgba(0,0,0,.7)}
#mbCenter.mbLoading{background:#fff url(../images/whiteloading.gif) no-repeat center;-moz-box-shadow:none;-webkit-box-shadow:none}
#mbImage{left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}
#mbImage a,#mbImage a:link,#mbImage a:visited{color:#ddd}
#mbImage a:active,#mbImage a:hover{color:#fff}
#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}
#mbTitle{display:inline;color:#999;font-weight:700;line-height:20px;font-size:12px}
#mbNumber{background:url(../images/mbnumber_bg.gif) no-repeat center;display:inline;color:#C00;line-height:26px;font-size:12px;position:absolute;bottom:10px;right:10px;text-align:center;width:65px;height:26px}
#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}
#mbCloseLink,#mbNextLink,#mbPrevLink{display:block;float:right;height:20px;margin:0;outline:0}
#mbPrevLink{width:32px;height:100px;background:transparent url(../images/customblackprevious.gif) no-repeat center;position:absolute;top:38%;left:-32px}
#mbNextLink{width:32px;height:100px;background:transparent url(../images/customblacknext.gif) no-repeat center;position:absolute;top:38%;right:-32px}
#mbCloseLink{width:24px;background:transparent url(../images/customblackclose.gif) no-repeat center;position:absolute;top:10px;right:10px}
#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-moz-border-radius:5px;-webkit-border-radius:5px}
#mbError a,#mbError a:active,#mbError a:hover,#mbError a:link,#mbError a:visited{color:#d00;font-weight:700;text-decoration:underline}
.mod_gallerylist{width:96%;max-width:1150px;margin:0 auto;overflow:hidden}
.layout_default{float:left;width:23%;margin:1%}
.image_container{width:100%}
.image_container a{display:block;background-repeat:no-repeat;background-position:center center;background-size:contain}
.image_container img{width:100%}
.meta{font-size:15px;text-align:center;line-height:40px}
.dowebok{width:100%;height:290px;margin:0 auto}
#tab{position:relative;overflow:hidden;height:auto}
#tab .tabList{width:100%;height:30px;line-height:30px;font-size:12px;box-sizing:border-box;padding:0 10px;background-color:rgba(0,0,0,.1);text-align:right;font-weight:400;margin-bottom:5px;}
#tab .tabList>a{color:#aeaeae}
#tab .tabList ul li{float:left;font-size:14px;width:70px;margin-left:5px;text-align:left;position:relative;cursor:pointer}
#tab .tabList ul li:last-child{background-repeat:no-repeat;width:80px;background-image:url(../images/503.jpg);background-position:left center;/*text-align:right*/}
#tab .tabCon{width:100%;height:100px;overflow:hidden}
#tab .tabCon div{padding:10px;width:100%;position:absolute;opacity:0;filter:alpha(opacity=0)}
#tab .tabList li.cur{color:#000}
#tab .tabCon div.cur{opacity:1;filter:alpha(opacity=100)}
.liebie{display:block;float:left;width:16%;margin-left:.33%;margin-right:.33px}
.liebie img{width:100%}
.fr{ float: right;}
.logion input{ width: 95px;}
.logion img{ display: inline-block;}
@media (max-width: 800px){
#_userlogin{ display: block; max-width: 100%}
.site{ min-height: 82px;}
span.reg{ display: none}
span.m_r{ display: block;}
.fr{ float: none; text-align: left; font-size:14px; }
span.vdcode{ display: block; float: left;}
.logion button{float: left; margin-top: 8px; margin-left: 10px;}
}