@font-face{ font-family: fontR; src: url('../fonts/Alibaba-PuHuiTi-Regular.ttf');}
html,body{padding: 0;margin: 0;font-family:fontR,"微软雅黑";font-size: 16px;color: #333;overflow-x:hidden;}
.wrap{max-width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
/*.fp-tableCell{vertical-align: top;}*/
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;}
img{max-width: 100%;}
input:focus,button:focus{outline: none;}
.flex_cen{display:flex;justify-content:center;align-items:center;}

.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

/**导航菜单**/
header{position: fixed;top: 0;width: 100%;z-index: 9999;padding: 0 3.125vw;background: #fff;}
.indexHeader{background: transparent;}
.on-fixed .indexHeader{display: none;}
header .logo{height: 60px;line-height: 60px;position: relative;z-index: 9999;}
header .logo img{max-height: 90%;}
header .rightDiv .menu{text-align: center;position: relative;height: 60px;}
header .rightDiv .menu ul{display: inline-block;/*overflow: hidden;*/}
header .rightDiv .menu ul>li{float: left;position: relative;margin:0 5px;}
header .rightDiv .menu ul>li>a{text-align: center;color: #333333;font-size: 14px;display: inline-block;position: relative;line-height: 32px;border-radius: 11px;margin: 14px 0;padding: 0 30px;}
header.indexHeader .rightDiv .menu ul>li>a{color: #fff;}
header .rightDiv .menu ul>li:hover>a,
header .rightDiv .menu ul>li:focus>a,
header .rightDiv .menu ul>li.on>a{background: #47bcc6;}
header .rightDiv .menu .otherDiv{height: 60px;display: flex;justify-content: flex-end;align-items: center;}
header .rightDiv .menu .otherDiv .ewmDiv{position: relative;margin-right: 40px;width: 32px;line-height: 32px;border-radius: 11px;cursor: pointer;}
header .rightDiv .menu .otherDiv .ewmDiv .ewmImg{position: absolute;right: 0;top: 60px;width: 150px;height: 150px;display: none;}
header .rightDiv .menu .otherDiv .ewmDiv:hover{background: rgba(0,0,0,.06);}
header .rightDiv .menu .otherDiv .ewmDiv:hover .ewmImg{display: block;}
/*header .menuToggle {display: inline-block;width: 22px;height: 125px;background: url(../img/menu.png) no-repeat center center;background-size: 22px auto;margin-left: 2.447916vw;}*/
header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header.indexHeader .mbtn {background: url(../img/menu.png) no-repeat center center;background-size: 22px auto;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}
.nextBtn{position: fixed;right: 20.5px;bottom: 5px;z-index: 11;text-align: center;color: #333;cursor: pointer;}
.nextBtn img{margin-top: 17px;}

/****底部***/
.footer{background: #3b3d40;color: #fff;padding: 80px 0 40px;}
.section .footer .wrap{text-align: left;}
.footer .ftDiv .leftDiv{width: 26.25%;}
.footer .ftDiv .leftDiv .p{line-height: 2;}
.footer .frDiv{width: 62.5%;}
.footer .ftDiv .centerDiv{width: calc(100% - 150px - 11%);}
.footer .ftDiv .centerDiv p{padding-left: 41px;}
.footer .ftDiv .centerDiv p.tel{background: url(../img/f-icon1.png) no-repeat left center;}
.footer .ftDiv .centerDiv p.weibo{background: url(../img/f-icon2.png) no-repeat left center;}
.footer .ftDiv .centerDiv p.gzh{background: url(../img/f-icon3.png) no-repeat left center;}
.footer .ftDiv .centerDiv p.addr{background: url(../img/f-icon4.png) no-repeat left center;}
.footer .ftDiv .rightDiv{width: 150px;}
.footer .ftDiv .hd small{display: block;font-size: 16px;font-weight: bold;}
.footer .ftDiv .hd span{display: block;font-size: 22px;font-weight: bold;margin: 15px 0 20px;}

.footer .fmDiv{margin: 90px 0 115px;}
.footer .logoDiv{width: 26.25%;}
.footer .navDiv{width: 62.5%;}
.footer .navDiv ul {display: flex;justify-content: flex-start;align-items: center;}
.footer .navDiv ul li{margin-right: 7.8%;}
.footer .navDiv ul li a{color: #fff;font-size: 18px;}
.footer .navDiv ul li a:hover{opacity: .8;}
.footer .fbDiv{text-align: center!important;font-size: 12px;color: rgba(255,255,255,.66);}
.footer .fbDiv a{color: rgba(255,255,255,.66);}
.footer .fbDiv a:hover{color: rgba(255,255,255,1);}


.fixedRightDiv{position: fixed;right: 35px;bottom: 40px;}
.fixedRightDiv a{display: block;width: 70px;background: #fff;text-align: center;font-size: 12px;color: #33353f;position: relative;padding: 15px 0 13px;}
.fixedRightDiv a:hover{background: #33353f;color: #fff;}
.fixedRightDiv a .iconDiv{height: 26px;margin: 0 0 8px;}
.fixedRightDiv a:nth-child(1) .iconDiv{background: url(../img/r-icon1.png) no-repeat center center;}
.fixedRightDiv a:nth-child(2) .iconDiv{background: url(../img/r-icon2.png) no-repeat center center;}
.fixedRightDiv a:nth-child(1):hover .iconDiv{background: url(../img/r-icon1_.png) no-repeat center center;}
.fixedRightDiv a:nth-child(2):hover .iconDiv{background: url(../img/r-icon2_.png) no-repeat center center;}
.fixedRightDiv a .telDiv{display: none;position: absolute;right: 75px;bottom: 0;width: 173px;height: 65px;background: url(../img/tel-bg.png) no-repeat center center;background-size: 100%;line-height: 58px;font-size: 16px;color: #33353f;}
.fixedRightDiv a:hover .telDiv{display: block;}


/********************************* 首页 **********************************/
/*banner轮播*/


.visible-xs{display: none;}
.hidden-xs{display: block;}

.backTop{position: absolute;left: 50%;bottom: 0;transform:translateX(-50%);}

.section .section1,.section .section2,.section .section3,.section .section4{height: 100%;}
.section .wrap{height: 100%;text-align: center;position: relative;}
.section .wrap .titleDiv{position: absolute;top: 15.46vh;left: 0;width: 100%;color: #fff;z-index: 11;}
.section .wrap .titleDiv span{font-size: 40px;}
.section .wrap .titleDiv .line{width: 40px;height: 3px;background: #fff;margin: 20px auto 0;}
.section .wrap .btnDiv{position: absolute;bottom: 8.3vh;display: flex;justify-content: center;align-items: center;width: 100%;left: 0;}
.section .wrap .btnDiv a{width: 257px;line-height: 41px;border-radius: 20px;text-align: center;margin: 0 10px;}
.section .wrap .btnDiv a.lxfs_a{background: #333741;color: #fff;}
.section .wrap .btnDiv a.zxzx_a{background: #fff;color: #33353f;}
.section .wrap .btnDiv a:hover{opacity: .8;}
.section .wrap .downDiv{position: absolute;bottom: 4.4vh;left: 0;width: 100%;text-align: center;}
.tds-animate--bounce {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: tds-keyframe--bounce
}
@keyframes tds-keyframe--bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(5px)
    }

    60% {
        transform: translateY(3px)
    }
}

.popDiv{position: fixed;left: 0;width: 100%;height: 100%;top: 0;display: none;}
.popDiv .popCon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 527px;background: #fff;border-radius: 4px;}
.popDiv .popCon .hdDiv{display: flex;justify-content: space-between;align-items: center;height: 55px;border-bottom: 1px solid #e6e6e6;padding: 0 20px;}
.popDiv .popCon .hdDiv span{font-size: 18px;color: #333333;border-left: 3px solid #333;line-height: 1;padding-left: 8px;}
.popDiv .popCon .bdDiv{padding: 36px 32px 47px;}
.popDiv .popCon .bdDiv span{display: block;font-size: 14px;color: #999;}
.popDiv .popCon .bdDiv p{display: block;font-size: 24px;color: #333333;margin: 5px 0 25px;}
.popDiv .popCon .bdDiv input{display: block;color: #fff;width: 100px;line-height: 36px;background: #333640;border-radius: 4px;text-align: center;border: 0;padding: 0;cursor: pointer;}

.popBg{ display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.5); z-index: 99999;box-shadow: 0px 0px 10px rgba(0,0,0,.3);}
.popCont{ display: none; text-align: center;width:300px; line-height: 80px; background: #fff; border-radius:10px; padding:0 0 0; position: fixed; top: 50%; left: 50%; z-index: 100001;margin-left: -150px;color: #333;font-size: 20px;margin-top: -60px;text-transform: uppercase;font-weight: bold;}
.popCont a{ display: flex; justify-content: center; align-items: center; height: 40px; border-top: 1px solid #eee; margin-top: 0;color: #333640;font-size: 16px;text-transform: uppercase;font-weight: bold;}


.ny-banner{width: 100%;position:relative;margin-top: 60px;}
.ny-banner .imgDiv{position: relative;height: 29.16vw;}
.ny-banner .wrap{height: 100%;display: flex;align-items: center;}
.ny-banner .textDiv{display: flex;align-items: flex-end;color: #fff;line-height: 1;}
.ny-banner .textDiv span{font-size: 36px;font-weight: bold;}
.ny-banner .textDiv small{font-size: 18px;margin-left: 20px;}

i{font-style: initial;}
.contactDiv{padding: 60px 0 80px;}
.contactDiv .formDiv{margin: 0 0 80px;}
.contactDiv .formDiv form .row>div{margin-bottom: 30px;}
.contactDiv .formDiv form label{display: block;font-size: 14px;color: #999999;}
/*.contactDiv .formDiv form label i{color: #A50019;}*/
.contactDiv .formDiv form input{width: 100%;line-height: 50px;padding: 0 15px;border: 1px solid #eee;background: #fbfbfb;border-radius: 4px;font-size: 14px;}
.contactDiv .formDiv form textarea{display: block;width: 100%;height: 160px;padding: 10px 15px;border: 1px solid #eee;background: #fbfbfb;border-radius: 4px;resize: none;font-size: 14px;}
.contactDiv .formDiv form button{display: block;width: 120px;line-height: 40px;background: #000000;color: #fff;border-radius: 4px;text-align: center;border: 0;cursor: pointer;}


.newsDiv{padding: 65px 0 80px;}
.newsDiv .row>div{margin-bottom: 55px;}
.newsDiv .row>div a{display: block;position: relative;}
.newsDiv .row>div .tag{position: absolute;left: 0;top: -25px;width: 60px;line-height: 50px;text-align: center;background: #111b24;color: #fff;z-index: 1;}
.newsDiv .row>div .textDiv{padding: 15px 30px 18px;}
.newsDiv .row>div .textDiv .title{font-size: 18px;color: #333;}
.newsDiv .row>div .textDiv .time{font-size: 12px;color: #999999;padding-left: 20px;background: url(../img/time1.png) no-repeat left center;margin: 10px 0 15px;}
.newsDiv .row>div .textDiv span{display: block;max-width: 160px;line-height: 50px;font-size: 14px;color: #33353f;background: url(../img/bd1.png) no-repeat left center;text-align: center;background-size: 100% 100%;}
.newsDiv .row>div .bgDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #0c0c0c;padding-top: 19%;display: none;}
.newsDiv .row>div a:hover .bgDiv{display: block;}
.newsDiv .row>div .bgDiv .textDiv .title{color: #fff;}
.newsDiv .row>div .bgDiv .textDiv .time{background: url(../img/time1_.png) no-repeat left center;}
.newsDiv .row>div .bgDiv .textDiv span{color: #cccccc;background: url(../img/bd1_.png) no-repeat left center;background-size: 100% 100%;}

.pageDiv{text-align: center;}
.pageDiv a,.pageDiv span{display: inline-block;line-height: 30px;margin: 0 4px;color: #333333;border: 1px solid #eeeeee;padding: 0 10.5px;font-size: 14px;border-radius: 3px;}
.pageDiv a:hover,.pageDiv span{background: #33353f;color: #fff;border-color: #33353f;}



.ny-banner1{width: 100%;position:relative;margin-top: 60px;}
.ny-banner1 .imgDiv{position: relative;height: 30.2vw;}
.ny-banner1 .wrap{height: 100%;display: flex;align-items: center;}
.ny-banner1 .textDiv{display: flex;align-items: center;color: #fff;justify-content: space-between;width: 100%;}
.ny-banner1 .textDiv .leftDiv{width: calc(100% - 130px);}
.ny-banner1 .textDiv .title{font-size: 36px;font-weight: bold;margin-bottom: 15px;}
.ny-banner1 .textDiv span{font-size: 14px;padding-left: 20px;background: url(../img/time.png) no-repeat left center;}
.ny-banner1 .textDiv a{display: block;width: 126px;line-height: 50px;background: url(../img/nd-bg.png) no-repeat left center;font-size: 14px;color: #fff;text-align: center;}

.aboutDiv{padding: 79px 0 100px;text-align: center;}
.ny-title span{font-size: 24px;display: block;}
.aboutDiv .part1 .textDiv{text-align: left;color: #666666;line-height: 1.8;}
.aboutDiv .part1 .textDiv p{margin: 20px 0;}
.aboutDiv .part2{margin-top: 60px;}
.aboutDiv .part2 .row{margin-top: 50px;}
.aboutDiv .part2 .row .conDiv .imgDiv{box-shadow: 0px 0px 16px rgba(172,168,164,.1);margin-bottom: 20px;}


.tjcfDiv{padding: 60px 0;}
.tjcfDiv p{font-size: 16px;color: #333;line-height: 2;margin: 30px 0;}
.tjcfDiv .otherPage{padding-top: 20px;border-top: 1px solid #eee;}
.tjcfDiv .otherPage div{margin-top: 10px;font-size: 14px;color: #999999;}
.tjcfDiv .otherPage div a{color: #333333;margin-left: 10px;width: calc(100% - 80px);}

.twoMenuDiv .rowDiv{display: flex;justify-content: space-between;align-items: center;}
.twoMenuDiv .rowDiv a{background: #e7e7e7;color: #333333;display: block;width: 25%;height: 40px;display: flex;justify-content: center;align-items: center;}
.twoMenuDiv .rowDiv a.active{background: #f3f3f3;}

.tjswDiv1{padding: 60px 0 70px;text-align: center;}
.tjTitle{font-size: 36px;font-weight: bold;}
.tjswDiv1 .row{margin: 60px -4vw 0;}
.tjswDiv1 .row>div{padding: 0 4vw;}
.tjswDiv1 .row>div .iconDiv img{border-radius: 50%;box-shadow: 0px 8px 16px rgba(0,0,0,.06);}
.tjswDiv1 .row>div span{display: block;font-size: 18px;margin: 20px 0 10px;}
.tjswDiv1 .row>div p{font-size: 14px;color: #999;max-width: 130px;margin: 0 auto;line-height: 1.6;}
.tjswDiv2{padding: 60px 0 70px;text-align: center;background: url(../img/tj-bg.jpg) no-repeat center center;background-size: cover;}
.tjswDiv2 .imgDiv{margin: 40px 0 30px;}
.tjswDiv2 p{text-align: center;font-size: 14px;color: #999999;}
.tjswDiv3{padding: 60px 0 70px;text-align: center;}
.tjswDiv3 .imgDiv{margin: 40px 0 0;}


.case1.instage .rowDiv .imgDiv{animation: move_l 1.5s .5s forwards; -webkit-animation: move_l 1.5s .5s forwards;}

/*左进动画*/
body .move_l{ position:relative; opacity:0; left:-100px;}
@keyframes move_l{
 from{ opacity:0; left:-100px;}
 to{ opacity:1; left:0;}
}
@-webkit-keyframes move_l{
 from{ opacity:0; left:-100px;}
 to{ opacity:1; left:0;}
}
 
/*右进动画*/
body .move_r{ position:relative; opacity:0; right:-100px;}
@keyframes move_r{
 from{ opacity:0; right:-100px;}
 to{ opacity:1; right:0;}
}
@-webkit-keyframes move_r{
 from{ opacity:0; right:-100px;}
 to{ opacity:1; right:0;}
}

/*下进动画*/
body .move_u{ position:relative; opacity:0; bottom:-100px;}
@keyframes move_u{
 from{ opacity:0; bottom:-100px;}
 to{ opacity:1; bottom:0;}
}
@-webkit-keyframes move_u{
 from{ opacity:0; bottom:-100px;}
 to{ opacity:1; bottom:0;}
}
 
/*上进动画*/
body .move_d{ position:relative; opacity:0; top:-100px;}
@keyframes move_d{
 from{ opacity:0; top:-100px;}
 to{ opacity:1; top:0;}
}
@-webkit-keyframes move_d{
 from{ opacity:0; top:-100px;}
 to{ opacity:1; top:0;}
}

.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{float:left}
/*.menu.align-center>ul{font-size:0;text-align:center}
.menu.align-center>ul>li{display:inline-block;float:none}
.menu.align-center ul ul{text-align:left}
.menu.align-right>ul>li{float:right}
.menu.align-right ul ul{text-align:right}*/
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff}
/*.menu>ul>li.has-sub>a{padding-right:25px}*/
/*.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-6px;right:-15px;width:8px;height:8px;border-bottom:1px solid #fff;border-right:1px solid #fff;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}*/
.menu>ul>li.has-sub:hover>a::after{border-color:#fff}
.menu ul ul{position:absolute;left:-9999px;text-align: center;width: 100%;top: 60px;}
.menu li:hover>ul{left:50%;}
/*.menu.align-right li:hover>ul{right:0}*/
.menu ul ul ul{right:100%;top:10px;}
.menu ul ul li:hover>ul{left: auto;margin-left: 0;}
/*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/
.menu ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;float: left;width: 25%;}
.menu ul ul{padding: 40px 0 20px;background:#f5f5f5;box-shadow: 0px 0px 10px rgba(0, 0, 20, 0.08);}
.menu ul ul li a .iconDiv{margin-bottom: 30px;}
.menu ul ul li>a{font-size: 16px;color:#193f94;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;font-weight: bold;}
.menu ul ul li .alist a{display: block;font-size: 14px;color: #666666;margin-top: 15px;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
.menu ul ul li>a:hover,.menu ul ul li a:hover{color: #193f94;}
header .rightDiv .menu>ul>li.default{position: relative;}
header .rightDiv .menu>ul>li.default>a{background: url(../img/xia.png) no-repeat right 15px center;}
header.indexHeader .rightDiv .menu>ul>li.default>a{background: url(../img/xia1.png) no-repeat right 15px center;}
header .rightDiv .menu>ul>li.default:hover>a,header .rightDiv .menu>ul>li.default.on>a{background: url(../img/xia.png) #47bcc6 no-repeat right 15px center;}
header.indexHeader .rightDiv .menu>ul>li.default:hover>a,header.indexHeader .rightDiv .menu>ul>li.default.on>a{background: url(../img/xia1.png) #47bcc6 no-repeat right 15px center;}
header .rightDiv .menu>ul>li.default ul{min-width: 156px;width: -webkit-max-content;}
header .rightDiv .menu>ul>li.default:hover ul{transform: translateX(-50%);}
header .rightDiv .menu>ul>li.default li{display: block;float: initial;width: 100%;padding: 0;margin: 0;}
header .rightDiv .menu>ul>li.default li a{font-size: 14px;color: #666;margin: 0;line-height: 50px;font-weight: normal;text-align: center;display: block;border-radius: 0;}
header .rightDiv .menu>ul>li.default li a:hover{background: #47bcc6;color: #333;}
.menu ul .default ul{padding: 0;}

/*body:after {
    content: '';
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
body.on-menu:after {
    display: block;
}*/

@media (max-width:1420px) {
}
@media (max-width:1366px) {
	.wrap{max-width: 1000px;}
	
	
}
@media (max-width:1220px) {
	.wrap{padding: 0 15px;}
	.newsDiv .newsDiv-content,.proDiv2 .proDiv2-content{padding: 0 55px;}
	.proDiv1 .textDiv{margin-left: 10%;}
	.proDiv2 .proDiv2-content .ny-title{font-size:26px;}
}
@media (max-width:1120px) {
	header .rightDiv .menu ul>li>a{padding: 0 20px;}
	header .rightDiv .menu>ul>li.default>a{background: url(../img/xia.png) no-repeat right 5px center;}
	header .rightDiv .menu>ul>li.default:hover>a{background: url(../img/xia.png) #47bcc6 no-repeat right 5px center;}
	header.indexHeader .rightDiv .menu>ul>li.default>a{background: url(../img/xia1.png) no-repeat right 5px center;}
	header .rightDiv .menu>ul>li.default:hover>a{background: url(../img/xia.png) #47bcc6 no-repeat right 5px center;}
	header.indexHeader .rightDiv .menu>ul>li.default:hover>a{background: url(../img/xia1.png) #47bcc6 no-repeat right 5px center;}
}

@media (min-width:992px) and (max-width:1024px) {
	
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width: 991px) {
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,.3)}
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0 30px;font-size:12px;color:#fff;background:0 0}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#fff}
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.3);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;top: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	header .rightDiv .menu>ul>li.default ul{padding: 0;width: 100%;}
	header .rightDiv .menu>ul>li.default li a{padding-left: 25px;line-height: 50px;text-align: left;}
	header .rightDiv .menu>ul>li.default:hover ul{left: 0;margin-left: 0;}
	header .rightDiv .menu ul>li>a{border-radius: 0;}
	header .rightDiv .menu>ul>li.default:hover ul{transform: translateX(0%);}
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
	}
	body.on-menu header {background: #fff;}
	header .logo{height: 50px;line-height: 50px;}
	header .logo a{height: 50px;width: initial;}
	header .logo a img{max-height: 80%;}
	/*body.on-menu header {right: 45%;}*/
	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 50px;
		right: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
		background-color: #fff;
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	header .rightDiv .menu ul{float: initial;}
	header .rightDiv .menu>ul>li.default>a,header .rightDiv .menu>ul>li.default:hover>a,header .rightDiv .menu>ul>li.default.on>a,
	header.indexHeader .rightDiv .menu>ul>li.default>a,header.indexHeader .rightDiv .menu>ul>li.default:hover>a,header.indexHeader .rightDiv .menu>ul>li.default.on>a{background: none;}
	/*header .rightDiv .menu ul.open{background: #000;}*/
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: initial;
		position: relative;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
		margin: 0;
	}
	header .rightDiv .menu>ul>li>a small{display: none;}
	header .rightDiv .menu>ul {display: block;padding-top: 0;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;}
	header .rightDiv .menu>ul>li>a::after{display: none;}
	header .rightDiv .menu>ul>li:hover,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on{background: none;}
	.menu ul ul{box-shadow: none;}
	.menu ul ul li a{color: #302D28;}
	.menu ul ul li a .iconDiv{display: none;}
	.menu ul ul li>a{margin-bottom: 0;}
	.menu ul ul li .alist a{margin: 0;}
	header .rightDiv .menu .otherDiv .menuDiv{display: none;}
	header .rightDiv .menu .otherDiv{float: initial;display: block;margin-left: 15px;}
	header .rightDiv .menu .otherDiv .ewmDiv .ewmImg{right: auto;left: 0;top: 40px;}
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 0;}
	header.indexHeader .rightDiv .menu ul>li>a{color: #333;}
	.on-fixed header{display: block;}
}

/*手机*/
@media (max-width:767px) {
	.visible-xs{display: block!important;}
	.hidden-xs{display: none!important;}
	
	.fixedRightDiv{display: none;}
	.footer{padding: 20px 0 10px;}
	.footer .ftDiv .leftDiv{width: 100%;}
	.footer .ftDiv .frDiv{width: 100%;margin: 10px 0;}
	.footer .ftDiv .hd small{font-size: 12px;}
	.footer .ftDiv .hd span{font-size: 18px;margin: 0 0 5px;}
	.footer .ftDiv .leftDiv .p{font-size: 14px;line-height: 1.8;}
	.footer .fmDiv{display: none;}
	.footer .ftDiv .centerDiv{width: calc(100% - 100px);}
	.footer .ftDiv .rightDiv{width: 100px;}
	.footer .ftDiv .centerDiv p{font-size: 14px;padding-left: 30px;margin-bottom: 5px}
	.footer .ftDiv .rightDiv .ewmDiv img{width: 100px;}
	.main {position: relative;right: 0;transition: right 300ms !important;}

	.section .wrap .titleDiv span{font-size: 30px;}
	
	.ny-banner{margin-top: 50px;}
	.ny-banner .imgDiv{height: 40vw;}
	.ny-banner .textDiv span{font-size: 20px;}
	.ny-banner .textDiv small{font-size: 14px;margin-left: 10px;}
	.contactDiv{padding: 30px 0 40px;}
	.contactDiv .formDiv{margin-bottom: 40px;}
	.aboutDiv{padding: 40px 0 50px;}
	.ny-title span{font-size: 20px;}
	.aboutDiv .part2{margin-top: 30px;}
	.aboutDiv .part2 .row{margin-top: 25px;}
	.aboutDiv .part2 .row>div{margin-bottom: 20px;}
	
	.tjcfDiv{padding: 30px 0;}
	.ny-banner1{margin-top: 50px;}
	.ny-banner1 .imgDiv{height: initial;padding: 40px 0;}
	.ny-banner1 .textDiv{display: block;}
	.ny-banner1 .textDiv .leftDiv{width: 100%;}
	.ny-banner1 .textDiv .title{font-size: 18px;}	
	.ny-banner1 .textDiv a{margin-top: 15px;background-size: 100% 100%;width: 106px;line-height: 40px;}
	.twoMenuDiv .rowDiv a{font-size: 14px;}
	.tjswDiv1{padding: 30px 0 20px;}
	.tjTitle{font-size: 20px;}
	.tjswDiv1 .row{margin:30px -2vw;}
	.tjswDiv1 .row>div{padding: 0 2vw;margin-bottom: 20px;}
	.tjswDiv2{padding: 30px 0 35px;}
	.tjswDiv2 .imgDiv{margin: 20px 0 15px;}
	.tjswDiv3{padding: 30px 0 35px;}
	.tjswDiv3 .imgDiv{margin-top: 20px;}
	
	
	@media (max-width:320px) {
		
	}
	
}