@charset "utf-8";*{margin:0;padding:0}table{border-collapse:collapse}a{text-decoration:none}a:focus,a:hover{text-decoration:none}a:focus{outline:0}p{margin:0}ol,ul{margin:0}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin:0}.cor_red{color:#da0502}.cor_yellow{color:#f5fb47}.cor_blue{color:#00eaff}.f22{font-size:22px}.clear{clear:both}.shows{display:block}.hides{display:none}ol{padding-left:25px}.ellipsis{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bd_weixin_popup{height:auto!important}
html { height:100%;}
body { font-family:Arial,"微软雅黑"; position:relative; height:100%; min-width:320px;}
@font-face{ font-family:'ZonaProBold'; src:url(../fonts/ZonaProBold.otf); font-weight: normal; font-style: normal;}
.imgBg{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgBg img{ display:none;}
.headerBg{ position:absolute; left:0; top:0; width:100%; z-index:2; padding:40px 40px 0;}
.logo{ float:left;}
.logo a{ display:block;}
.hdRig{ float:right; color:#FFFFFF; font-size:14px; line-height:24px; padding-top:13px;}
.hdRigLan{ display:inline-block; vertical-align:middle; width:52px; height:30px; border:1px solid rgba(255,255,255,0.25); color:rgba(255,255,255,0.25); text-align:center; line-height:28px; text-transform:uppercase; transition:all 0.5s ease 0s;}
.hdRigLan:hover{ color:#FFFFFF; border-color:#FFFFFF;}
.menuBtn{ display:inline-block; vertical-align:middle; margin-left:28px; width:36px; cursor:pointer;}
.menuBtn span{ display:block; width:50%; height:2px; background:#FFFFFF; transition:all 0.5s ease 0s;}
.menuBtn span:nth-child(2){ width:100%; margin:7px auto;}
.menuBtn span:nth-child(3){ margin-left:50%;}
.menuBtn:hover span{ width:100%; margin-left:0;}
.navBg{ position:fixed; z-index:3; right:0; top:0; left:0; bottom:0; background:url(../images/menuBg.jpg) center center no-repeat; background-size:cover; opacity:0; transform:translate(0,-100%); transition:all 0.5s ease 0s;}
.navBg.active{ opacity:1; transform:translate(0,0);}
.navTop{ position:relative; z-index:1; padding:40px;}
.navClose{ float:right; width:30px; height:30px; margin:17px 0 0; cursor:pointer;}
.navClose span{ display:block; width:100%; height:1px; background:#FFFFFF; transform-origin:left center;}
.navClose span:first-child{ transform:rotate(45deg);}
.navClose span:last-child{ transform:rotate(-45deg); margin-top:20px;}
.navBot{ overflow:hidden; height:100%; position:absolute; right:0; top:0; bottom:0; left:0; padding-top:137px; padding-bottom:100px;}
.navListBox{ overflow:hidden; height:100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
}
.navList{ width:100%;}
.navList li{ display:block; text-align:center; opacity:0; transform:translate(0,50px); transition:all 0.5s ease 0s;}
.navList li a{ display:inline-block; vertical-align:middle; padding:8px 25px; font-size:20px; line-height:200%; color:#FFFFFF; position:relative; transition:all 0.5s ease 0s;}
.navList li a:after{ display:block; content:""; position:absolute; left:50%; width:0; height:1px; top:50%; background:#fe0000; transition:all 0.5s ease 0s;}
.navList li a:hover{ color:#fe0000;}
.navList li a:hover:after{ left:0; width:100%;}
.active .navList li{ opacity:1; transform:translate(0,0);}
.active .navList li{ transition-delay:0.3s;}
.navBotCon{ text-align:center; color:#FFFFFF; font-size:15px; line-height:30px; text-transform:uppercase; position:absolute; left:0; width:100%; bottom:40px; padding:0 15px;}
.navBotLink{ font-size:0;}
.navBotCon a{ color:#FFFFFF; margin:0 8px; display:inline-block; vertical-align:middle; font-size:15px;}
.navSina,.navBotCon .LefWechat{ width:30px; height:30px; border-radius:50%; background-color:rgba(0,0,0,0.2); background-position:center center; background-size:100%;}
.navSina{ background-image:url(../images/LefIco2.png);}
.navBotCon .LefWechat{ background-image:url(../images/LefIco3.png);}

#navPage{ position:fixed; right:40px; top:50%; transform:translateY(-50%); text-align:left; transition:all 0.1s ease-out 0s;}
#navPage.noactive{ right:-10%;}
#navPage li{ position:relative;}
#navPage li a{ display:block; line-height:30px; color:#8b8b8b; text-align:center; font-family:Arial; position:relative;}
#navPage li a i{ display:block; font-size:14px; font-style:normal; font-weight:bold;}
#navPage li a span{ position:absolute; right:30px; top:0; display:block; width:0; text-align:right; overflow:hidden; white-space:nowrap; transition:all 0.5s ease-out 0s;}
#navPage li.active a,#navPage li a:hover{ color:#FFFFFF;}
#navPage li.active a span,#navPage li a:hover span{ width:60px;}
.up{ background:url(../images/upBg.png) center center no-repeat; width:20px; height:30px; cursor:pointer;}
.down{ background:url(../images/downBg.png) center center no-repeat; width:20px; height:30px; cursor:pointer;}

.LefBox{ position:fixed; left:40px; top:50%; transform:translateY(-50%); text-align:center; transition:all 0.1s ease-out 0s;}
.LefBox li{ width:30px; padding:13px 0;}
.LefBox li a{ display:block; color:#FFFFFF;}
.LefIco{ width:30px; height:30px; border-radius:50%; margin-bottom:5px;}
.LefBox li a span{ padding:0 5px; display:block; line-height:14px;}
.LefWx{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); background:#FFFFFF; width:180px; padding:20px 5px 15px; border:1px solid #FAFAFA; box-shadow:0 0 5px rgba(0,0,0,0.2); text-align:center; display:none; z-index:11;}
.LefWx img{ width:100%;}
.LefWxClose{ position:absolute; right:0; top:0; cursor:pointer; background:url(../images/Close.png) center center #FFFFFF no-repeat; background-size:40%; width:30px; height:30px;}

.botLef,.botRig{ position:fixed; width:45%; bottom:3%; font-size:14px; color:#FFFFFF;}
.botLef{ left:40px;}
.botLef a{ color:#FFFFFF;}
.botRig{ right:40px; text-align:right;}
.botRig a{ color:#FFFFFF; font-size:14px; margin-left:35px;}
.botLef a:hover,.botRig a:hover{ font-weight:bold; text-decoration:underline;}

.header.active .logo .hides{ display:block;}
.header.active .logo .shows{ display:none;}
.header.active .hdRigLan{ color:#c9c9c9; border-color:#c9c9c9;}
.header.active .menuBtn span{ background:#333333;}
.LefBox.active li a{ color:#8b8b8b;}
.LefBox.active .LefIco{ background-color:rgba(0,0,0,0.2);}
#navPage.active li.active a, #navPage.active li a:hover{ color:#333333;}
#navPage.active .up{ background-image:url(../images/upBg2.png);}
#navPage.active .down{ background-image:url(../images/downBg2.png);}
.botLef.active,.botLef.active a,.botRig.active a{ color:#666666;}
.botLef.active a:hover,.botRig.active a:hover{ color:#fe0000;}

/*header*/
.flexBox{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-pack:center; -webkit-flex-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; align-items:center;}
.logo{ height:76px; margin-left:0 !important; margin-right:15px; padding:10px 15px;}
.logo span{ display:block; width:100%;}
.logo img{ height:38px;}

nav.navbar.bootsnav{ position:absolute; width:100%; background:rgba(0,0,0,0.65); border:none; transform:all 1s ease-in-out; color:#666666; z-index:2;}
nav.navbar.bootsnav .container-fluid{ max-width:1330px;}
nav.navbar.bootsnav ul.nav{ position:relative;}
nav.navbar.bootsnav ul.nav > li > a,.attr-nav > ul > li > a{ color:#FFFFFF; font-weight:normal;}
nav.navbar.bootsnav ul.nav > li{ padding:0 3px; margin:0;}
nav.navbar.bootsnav ul.nav > li > a{ font-size:16px; padding:19px 0; transition:all 0.3s linear;}
nav.navbar.bootsnav ul.nav > li > a > span{ position:relative; line-height:24px; display:block; /*border:1px dashed transparent;*/ min-width:70px; padding:0 12px; text-align:center; transition:all 0.3s linear;}
nav.navbar.bootsnav ul.nav > li > a > span:after{ display:block; content:""; width:1px; height:20px; background:#FFFFFF; position:absolute; left:0; top:50%; margin-top:-10px;}
nav.navbar.bootsnav ul.nav > li:last-child > a > span:before{ display:block; content:""; width:1px; height:20px; background:#FFFFFF; position:absolute; right:0; top:50%; margin-top:-10px;}
nav.navbar.bootsnav ul.nav > li > a > span i{ display:block; text-transform:uppercase; font-size:12px; line-height:14px; font-style:normal;}
nav.navbar.bootsnav ul.nav > li > a:after{ display:none; content:"" !important;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ margin-top:1px; padding:10px 10px 20px; width:126px; min-width:126px; background:rgba(255,255,255,0.65); border:none; text-align:center; left:50%; margin-left:-63px; animation-duration:0.5s;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child{ border:none;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ font-size:16px; padding:6px 0; text-align:center !important; border:none; color:#666666; background:none !important; transition:all 0.4s linear;}
nav.navbar.bootsnav ul.nav > li.active > a span,nav.navbar.bootsnav ul.nav > li.on a span{ border-color:#fe0000; color:#fe0000;}
nav.navbar.bootsnav ul.nav > li.active > a:hover,nav.navbar.bootsnav ul.nav > li.active > a:focus{ color:#FFFFFF;}
.navRig{ line-height:76px; font-size:0; margin:0; margin-left:30px; margin-right:15px;}
.navRig > ul{ vertical-align:middle; margin:0; font-size:14px;}
.navRig > ul > li{ margin-right:15px;}
.navRig > ul > li > a{ display:inline-block; vertical-align:middle; padding:0; text-align:center; transition:all 0.4s linear;}
.navRig > ul > li.on > a,nav.navbar.bootsnav.no-background.white .attr-nav > ul > li.on > a{}
.navRig .dropdown-menu{ margin:0; border-radius:0; left:auto; right:0; box-shadow:none; animation-duration:0.5s;}
.navTel{ padding:0; color:#FFFFFF; font-size:22px; font-family:Arial;}
.navTel img{ vertical-align:middle; margin-right:5px; margin-top:-2px;}


#hmpage{ opacity:0; -webkit-opacity:0;}
.mbox1 .swiper-slide{ position:relative; overflow:hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;}
.mbox1{ height:100%; overflow:hidden; position:relative;}
.banImg{ height:100%; width:100%; position:relative; overflow:hidden;}
.banImg .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.mbox1 .swiper-slide-active .imgBg{ animation:imageAnimation 6s linear 0s;}
.banText{ position:absolute; left:50%; top:50%; width:34.5%; transform:translate(-50%,-50%); z-index:1;}
.banTextEn{ max-width:100%; margin:0 auto;}
.banTextCir{ position:absolute; left:0; top:0; right:0; bottom:0;}
.banTextCir{ background:url(../images/banBor.png) center center no-repeat; background-size:cover;}
.section{ text-align:center; height:100%; overflow:hidden;}
.mainbox3{ background:url(../images/mainbox3bg.jpg) center top no-repeat; background-size:cover;}
.mainbox4{ background:url(../images/mainbox4bg.jpg) right bottom no-repeat; background-size:cover;}
.mainbox5{ background:#f5f5f5;}
.mainbox6{ background:#f5f5f5;}
.main_box{ padding-top:86px;}
.mbox1 .swiper-pagination{ margin:0; bottom:4%; text-align:center;}
.mbox1 .swiper-pagination-bullet{ width:10px; height:10px; vertical-align:bottom; background:#FFFFFF; opacity:1; border-radius:5px; transition:all 0.5s ease 0s;}
.mbox1 .swiper-pagination-bullet-active{ width:30px;}
.mbox2Bg{ background:url(../images/box2Bg.jpg) center bottom no-repeat; background-size:cover;}
.mbox3Bg{ background:url(../images/box3Bg.jpg) center center no-repeat; background-size:cover;}
.mbox4Bg{ background:url(../images/box4Bg.png) left top #FFFFFF repeat;}
.mbox5Bg{ background:url(../images/box5Bg.jpg) center bottom no-repeat; background-size:cover;}
.mbox6Bg{ background:url(../images/box4Bg.png) left top #FFFFFF repeat;}
.mTit{ position:relative; z-index:1; margin-bottom:80px; padding:0 15px;}
.mTitH2{ font-size:30px; color:#fe0000; font-family:'ZonaProBold'; line-height:140%; opacity:0; transform:translateY(-100%); transition:all 0.3s ease 0s;}
.mTitH2 span{ color:#333333; font-family:Arial; font-family:'ZonaProBold'; text-transform:uppercase;}
.mTitCon{ font-size:14px; color:#999999; line-height:160%; opacity:0; transform:translateY(100%); transition:all 0.3s ease 0s;}
.mTitEn{ position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-47%); font-size:120px; color:#333333; opacity:0.06; font-weight:bold; font-family:Arial; font-family:'ZonaProBold'; text-transform:uppercase; z-index:-1; opacity:0; transition:all 0.3s ease 0s;}
.active .mTitH2,.active .mTitCon{ opacity:1; transform:translateY(0%); transition:all 0.6s ease 0.3s;}
.active .mTitEn{ opacity:0.06; transition:all 1s ease 0.6s;}
.mbox2List{ position:relative; transform:translateY(150%); transition:all 0.5s ease 0s;}
.mbox2Prev,.mbox2Next{ display:block; width:32px; height:32px; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:50%; overflow:hidden; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer;}
.mbox2Prev{ left:-80px; background-image:url(../images/box2Prev.png);}
.mbox2Next{ right:-80px; background-image:url(../images/box2Next.png);}
.mbox2Prev:hover{ background-image:url(../images/box2Prev2.png);}
.mbox2Next:hover{ background-image:url(../images/box2Next2.png);}
.mbox2List .swiper-slide{ padding:15px;}
.mbox2List .swiper-slide a{ display:block; height:100%; background:#FFFFFF; padding:35px 30px; box-shadow:0 0 15px rgba(0,0,0,0.1); border:1px solid transparent; transition:all 0.5s ease 0s;}
.mbox2Tit{ text-align:left; border-bottom:1px dashed #dddddd; padding-bottom:15px; margin-bottom:15px;}
.mbox2TitCn{ font-size:18px; color:#333333; font-weight:bold; line-height:140%;}
.mbox2TitEn{ font-size:14px; color:#fe0000; font-weight:bold; font-family:Arial;}
.mbox2Pic{ position:relative; overflow:hidden;}
.mbox2Pic img{ width:100%; transition:all 0.5s ease 0s;}
.mbox2Infor{ font-size:14px; color:#666666; line-height:24px; height:96px; overflow:hidden; margin:15px 0; text-align:left;}
.mbox2More{ text-align:center; text-transform:uppercase; font-size:0; width:160px; height:38px; border:2px solid #fe0000; color:#fe0000; line-height:34px; border-radius:19px; margin:10px auto 0; transition:all 0.5s ease 0s;}
.mbox2More span{ display:inline-block; vertical-align:middle; font-size:14px; font-weight:bold;}
.mbox2Arrow{ width:0; height:0;
    border-top:5px solid transparent;
    border-left:5px solid #fe0000;
    border-bottom:5px solid transparent;
	transition:all 0.5s ease 0s;
}
.mbox2Line{ margin-left:13px; width:0; height:2px; background:#FFFFFF; transition:all 0.5s ease 0s;}
.mbox2List .swiper-slide a:hover{ border-color:#fc5757; box-shadow:0 0 15px rgba(254,0,0,0.1);}
.mbox2List .swiper-slide a:hover .mbox2Pic img{ transform:scale(1.05);}
.mbox2List .swiper-slide a:hover .mbox2More{ background:#fe0000; color:#FFFFFF;}
.mbox2List .swiper-slide a:hover .mbox2Arrow{ border-left:5px solid #FFFFFF;}
.mbox2List .swiper-slide a:hover .mbox2Line{ width:14px;}
.active .mbox2List{ transform:translateY(0%); transition:all 0.5s ease 0.4s;}
.mbox3 .mTit{ margin-bottom:30px;}
.mbox3 .mTitH2{ padding-bottom:15px;}
.mbox3 .mTitH2 span{ color:#FFFFFF;}
.mbox3 .mTitEn{ color:#cccccc; transform:translateY(-60%);}
.mbox3Top{ margin:0 -14px;}
.mbox3Top li{ padding:5px 14px;}
.mbox3Top li span{ display:block; padding:0 10px; position:relative; font-size:15px; color:#FFFFFF; cursor:pointer;}
.mbox3Top li span:after{ display:block; content:""; position:absolute; left:50%; top:50%; width:0; height:1px; background:#fe0000; transition:all 0.5s ease 0s;}
.mbox3Top li.active span{ color:#fe0000;}
.mbox3Top li.active span:after{ left:0; width:100%;}
.mbox3List{ padding:0 250px; position:relative; z-index:1;}
.mbox3List:after{ display:block; content:""; position:absolute; left:-40px; bottom:-45px; width:calc(100% + 80px); height:65%; background:url(../images/box3ListBg.png) repeat; z-index:-1;}
.mbox3Prev,.mbox3Next{ display:block; position:absolute; top:0; width:225px; height:100%; background:rgba(0,0,0,0.75); color:#FFFFFF; cursor:pointer; text-transform:uppercase; font-size:18px; font-family:Arial;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
transition:all 0.5s ease 0s;
}
.mbox3Prev{ left:0;}
.mbox3Next{ right:0;}
.mbox3Prev span,.mbox3Next span{ display:inline-block; vertical-align:middle;}
.mbox3Ico{ display:inline-block; vertical-align:middle; position:relative; font-size:0;}
.mbox3Arrow,.mbox3Line2{ display:inline-block; vertical-align:middle;}
.mbox3Line2{ height:2px; background:#FFFFFF; width:0; transition:all 0.5s ease 0s;}
.mbox3Arrow{ width:0; height:0;
    border-top:5px solid transparent;    
    border-bottom:5px solid transparent;
	transition:all 0.5s ease 0s;
}
.mbox3Prev .mbox3Ico{ margin-right:10px;}
.mbox3Next .mbox3Ico{ margin-left:10px;}
.mbox3Prev .mbox3Arrow{ border-right:5px solid #FFFFFF;}
.mbox3Next .mbox3Arrow{ border-left:5px solid #FFFFFF;}
.mbox3Prev:hover,.mbox3Next:hover{ background:rgba(254,0,0,0.75);}
.mbox3Prev:hover .mbox3Line2,.mbox3Next:hover .mbox3Line2{ width:14px;}
.mbox3List .swiper-slide a{ display:block; position:relative; overflow:hidden; color:#FFFFFF;}
.mbox3Pic img{ width:100%; margin:0 auto;}
.mbox3Mask{ position:absolute; left:0; bottom:0; width:100%; height:50%;
background-color: rgba(0, 0, 0, 0);
background-image: -webkit-linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0,0.8) 100%);
background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0,0.8) 100%);
}
.mbox3Text{ position:absolute; left:0; bottom:0; width:100%; padding:15px;}
.mbox3Tit{ font-size:20px;}
.mbox3Line{ display:block; margin:10px 0; width:40px; height:3px; background:#FFFFFF;}
.mbox3Infor{ line-height:36px;}
.active .mbox3Top{ animation:fadeInDown 0.5s ease-in 1 0.3s;}
.active .mbox3Prev{ animation:fadeInLeft 0.5s ease-in 1 0.3s;}
.active .mbox3Next{ animation:fadeInRight 0.5s ease-in 1 0.3s;}
.mbox4List{ overflow:hidden; margin:0 -20px; margin-top:-40px;}
.mbox4List li{ padding:20px; opacity:0; transform:translateY(20px); transition:all 0.5s ease 0s;}
.mbox4List li a{ display:block; overflow:hidden; position:relative; background:#FFFFFF; color:#666666; line-height:24px; box-shadow:0 0 10px rgba(0,0,0,0.08);}
.mbox4Pic{ float:left; width:275px; position:relative; overflow:hidden;}
.mbox4Pic img{ width:100%; transition:all 1s ease 0s;}
.mbox4Mask{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.35);}
.mbox4Ico{ display:block; width:45px; height:45px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url(../images/box4Ico.png) center center no-repeat; background-size:cover;}
.mbox4Rig{ margin-left:275px; padding:30px 20px 15px 30px; text-align:left;}
.mbox4Tit{ font-size:16px; color:#333333; line-height:150%; transition:all 0.5s ease 0s;}
.mbox4Line{ display:block; width:32px; height:3px; background:#fe0000; font-size:0; margin:10px 0 15px;}
.mbox4Infor{ height:72px; overflow:hidden;}
.mbox4More{ font-size:0; text-align:center; width:54px; height:54px; line-height:52px; border:1px solid #e5e5e5; position:absolute; right:0; bottom:0; transition:all 0.5s ease 0s;}
.mbox4Line2,.mbox4Arrow{ display:inline-block; vertical-align:middle;}
.mbox4Line2{ height:2px; background:#fe0000; width:14px; transition:all 0.5s ease 0s;}
.mbox4Arrow{ width:0; height:0;
    border-top:5px solid transparent;
    border-left:5px solid #fe0000;
    border-bottom:5px solid transparent;
	transition:all 0.5s ease 0s;
}
.mbox4List li a:hover .mbox4Pic img{ transform:rotate(1deg) scale(1.1);}
.mbox4List li a:hover .mbox4Tit{ color:#FE0000;}
.mbox4List li a:hover .mbox4More{ background:#FE0000;}
.mbox4List li a:hover .mbox4Line2{ background:#FFFFFF;}
.mbox4List li a:hover .mbox4Arrow{ border-left-color:#FFFFFF;}
.active .mbox4List li{ opacity:1; transform:translateY(0);}
.box5Lef{ position:relative; float:left; color:#FFFFFF; width:65%; text-align:left; padding-top:20px; padding-right:50px; opacity:0; transform:translateX(-100px); transition:all 0.5s ease 0s;}
.box5Lef .mTitH2{ color:#FFFFFF; margin-bottom:10px; text-align:center;}
.box5Lef .mTitH2 span{ color:#FFFFFF;}
.box5Lef .mTitEn{ color:#FFFFFF; top:0; left:0; transform:translate(-30%,-30%);}
.box5Tit{ padding-bottom:25px;}
.box5TitCn{ font-size:34px; line-height:120%;}
.box5TitEn{ font-size:30px; line-height:120%;}
.box5Brief{ line-height:24px; padding-bottom:35px;}
.mbox5List{ font-size:0; margin:0 -25px;}
.mbox5List li{ font-size:14px; vertical-align:top; width:50%; padding:25px 25px 0;}
.mbox5Ico{ float:left; width:50px;}
.mbox5Text{ margin-left:60px;}
.mbox5Name{ font-size:18px; line-height:200%;}
.mbox5Infor{ line-height:24px;}
.box5Rig{ float:right; width:35%; opacity:0; transform:translateX(100px); transition:all 0.5s ease 0s;}
.box5RigPic{ float:right; background:url(../images/box5ImgBg.png) right 10px center #FFFFFF no-repeat; min-height:500px; position:relative;}
.box5RigPic img{ position:relative; top:35px; right:35px;}
.active .box5Lef,.active .box5Rig{ opacity:1; transform:translateX(0); transition:all 0.8s ease-in-out 0.3s;}
.mbox6List{ opacity:0; transform:scale(0); transition:all 0.5s ease 0s; position:relative; z-index:1;}
.box6Link{ display:block; position:relative; padding-left:30px; padding-bottom:157px; z-index:1;}
.box6Text{ background:#fe0000; color:#FFFFFF; padding:20px 30px; text-align:left; position:relative;}
.box6Time{ font-size:14px; padding:10px 0; font-family:'ZonaProBold';}
.box6Tit{ font-size:16px; line-height:24px; height:72px; font-weight:bold; overflow:hidden;}
.box6Brief{ line-height:24px; height:72px; overflow:hidden; margin-bottom:20px;}
.box6More{ font-family:Arial; font-weight:bold; text-transform:uppercase;}
.box6Line{ display:block; width:1px; height:75px; background:#fe0000; position:absolute; right:0; bottom:0; transform:translateY(100%);}
.box6ImgBg{ position:absolute; right:15px; bottom:0; width:88%; height:50%; z-index:-1; background:url(../images/box6ImgBg.png) right;}
.box6Img{ position:absolute; left:0; bottom:16px; width:88%; height:80%; overflow:hidden; z-index:-1;}
.box6Img img{ width:100%;}
.mbox6List .swiper-slide:nth-child(2n) .box6Link{ padding-top:143px; padding-bottom:0;}
.mbox6List .swiper-slide:nth-child(2n) .box6Line{ transform:translateY(-100%); top:0; bottom:auto;}
.mbox6List .swiper-slide:nth-child(2n) .box6ImgBg{ bottom:auto; top:15px;}
.mbox6List .swiper-slide:nth-child(2n) .box6Img{ top:0; bottom:auto;}
.mbox6List .swiper-pagination{ display:block; position:static; width:100%; padding-top:45px;}
.mbox6List .swiper-pagination-bullet{ opacity:1; background:#666666; vertical-align:middle; transition:all 0.5s ease 0s;}
.mbox6List .swiper-pagination-bullet-active{ width:12px; height:12px; background:#fe0000;}
.active .mbox6List,.cut .mbox6List{ opacity:1; transform:scale(1); transition:all 0.8s ease 0.3s;}
.cut .mTitH2,.cut .mTitCon{ opacity:1; transform:translateY(0%); transition: all 0.6s ease 0.3s;}
.cut .mTitEn{ opacity:0.06; transition:all 1s ease 0.6s;}
.fp-viewing-foot .botLef,.fp-viewing-foot .botRig{ display:none;}
.footerBg{ background:#2d2d2d; color:#3c3c3c; overflow:visible; text-align:left;}
.footer{ padding:40px 100px 20px 40px; position:relative;}
.footLogo{ float:right; width:230px;}
.footTit{ font-size:20px; color:#ffffff; line-height:140%; padding-bottom:10px;}
.footTopCon{ overflow:hidden;}
.footCon1,.footCon2{ float:left; font-size:14px; color:#999999; line-height:30px;}
.footCon1{ width:70%; max-width:800px; overflow:hidden;}
.footCon1 p{ float:left; width:60%;}
.footCon1 p:nth-child(2n+1){ width:40%;}
.footCon2{ width:30%;}
.ftShare{ font-size:0; padding-bottom:10px;}
.ftShare a{ display:inline-block; vertical-align:middle; width:38px; height:38px; border-radius:50%; margin:0 6px; background-image:url(../images/navShare.png); background-repeat:no-repeat; background-color:rgba(255,255,255,0.05); transition:all 0.4s ease 0s;}
.ftShareIco1{ background-position:10px center;}
.ftshareIco2{ background-position:-40px center;}
.ftshareIco3{ background-position:-90px center;}
.ftshareIco4{ background-position:-140px center;}
.ftShare a:hover{ background-color:#fe0000; background-image:url(../images/navShare2.png);}
.footBot{ font-size:14px; color:#666666; line-height:20px; padding:20px 0 0;}
.footBot a{ color:#666666; transition:all 0.5s ease 0s;}
.footBot a:hover{ color:#FFFFFF; text-decoration:underline;}
.footBot p.pull-left{ width:55%;}
.footBot p.pull-right{ width:45%; text-align:right;}
.footBot p.pull-right a{ display:inline-block; vertical-align:middle; margin-left:35px;}
.backTop{ position:absolute; right:0; top:0; background:url(../images/top.png) center center no-repeat; cursor:pointer; width:55px; height:100%; border-left:1px solid rgba(255,255,255,0.15);}
.bigImg{ height:600px; position:relative; z-index:1;}
.bigImg .imgBg{ height:100%;}
.bigLine{ position:absolute; left:50%; bottom:0; width:2px; height:90px; background:#fe0000; transform:translateY(50%); z-index:1;
background:linear-gradient(180deg, rgba(254,0,0,1.00) 50%,rgba(254,0,0,0.00) 0);
background-size:100% 200%;
animation:line-scroll 3s ease-in-out forwards infinite;}
@-webkit-keyframes line-scroll{0%{background-position:0 100%}80%{background-position:0 0}to{background-position:0 -100%}}
@keyframes line-scroll{0%{background-position:0 100%}80%{background-position:0 0}to{background-position:0 -100%}}
.mainBg{ background:url(../images/box4Bg.png) left top #FFFFFF repeat; position:relative;}
.mainTop{ padding:50px 15px 0;}
.mainTop .mTit{ margin-bottom:0; padding:40px 0;}
.mainTop .mTitH2{ opacity:1; transform: translateY(0);}
.mainTop .mTitEn{ opacity:0.06;}
.subNavBg{ border:1px solid rgba(0,0,0,0.06); border-left:none; border-right:none; padding:5px 0; position:relative; z-index:1;}
.subNavList{ background:rgba(0,0,0,0.06); line-height:42px; font-size:0; margin:0;}
.subNavList li{ padding:0 2px; vertical-align:middle;}
.subNavList li a{ display:block; color:#333333; font-weight:bold; font-size:15px; padding:0 30px; position:relative; transition:all 0.5s ease 0s;}
.subNavList li a:before,.subNavList li a:after{ display:block; content:""; width:0; height:1px; background:#fe0000; transition:all 0.5s ease 0s; position:absolute; left:50%;}
.subNavList li a:before{ top:-6px;}
.subNavList li a:after{ bottom:-6px;}
.subNavList li a:hover,.subNavList li a.active{ background:#fe0000; color:#FFFFFF;}
.subNavList li a.active:before,.subNavList li a.active:after{ left:0; width:100%;}
.videoList{ margin-top:0; padding:40px 0 0;}
.loading{ text-align:center; font-size:15px; color:#999999; line-height:200%; padding:35px 0;}
.contact{ padding:65px 0; font-size:0; margin:0 -40px;}
.contact li{ width:25%; font-size:16px; color:#333333; line-height:30px; vertical-align:top; padding:10px 40px; word-break:break-all;}
.conIcoBg{ display:table; width:100px; height:100px; border-radius:50%; border:10px solid #fe0000; margin:20px auto;}
.conIco{ display:table-cell; vertical-align:middle; font-size:24px; color:#fe0000;}
.conH3{ font-size:16px; color:#fe0000; font-weight:bold; line-height:30px;}
.contact li a{ color:#333333; text-decoration:underline;}
#conMap{ height:460px;}
.jobTop{ font-size:0; margin:0 -70px; padding:40px 0;}
.jobTop li{ width:33.33%; vertical-align:top; padding:10px 70px; font-size:14px; color:#666666; line-height:24px;}
.jobTop li a{ font-weight:bold; text-decoration:underline; color:#666666;}
.jobIco img{ margin:10px auto;}
.jobH3{ font-size:20px; color:#fe0000; line-height:150%; padding:10px 0;}
.joinList{ overflow:hidden;}
.joinList li{ overflow:hidden; animation-fill-mode:backwards;}
.joinList li:nth-child(2n+1) .joinH3{ background:#f6f6f6;}
.joinH2{ background:#8b8b8b; overflow:hidden; padding:0 15px;}
.joinH3{ overflow:hidden; padding:0 15px; cursor:pointer; transition:all 0.5s ease 0s;}
.joinH2 span,.joinH3 span{ float:left; padding:0 10px;}
.joinH2 span{ font-size:15px; color:#FFFFFF; line-height:50px; text-align:center;}
.joinH2 span.joinSp1{ text-align:left; padding-left:30px;}
.joinH2 span.joinSp5{ text-align:right; padding-right:30px;}
.joinH3 span{ font-size:13px; line-height:50px; color:#999999; text-align:center; transition:all 0.5s ease 0s;}
.joinH3 span.joinSp1{ color:#666666; text-align:left; padding-left:30px;}
.joinH3 span.joinSp5{ text-align:right; padding-right:35px;}
.joinSp1{ width:25%;}
.joinSp2{ width:20%;}
.joinSp3{ width:20%;}
.joinSp4{ width:20%;}
.joinSp5{ width:15%;}
.joinSp5 i{ transition:all 0.5s ease 0s;}
.joinText{ line-height:24px; padding:30px 60px; overflow:hidden; border:3px solid #fe0000; border-top:none; display:none;}
.joinInfor{ border-bottom:1px dashed #cacaca; font-size:13px; color:#666666; padding-bottom:15px;}
.joinInfor strong{ color:#666666;}
.joinCon{ margin:0 -30px;}
.joinItem{ float:left; width:50%; padding:0 30px; font-size:13px; color:#666666;}
.joinItem h4{ font-size:15px; color:#333333; line-height:24px; margin:15px 0;}
.joinItem p{ margin:15px 0;}
.active .joinH3{ background:#fe0000 !important; color:#FFFFFF;}
.active .joinH3 span{ color:#FFFFFF; font-weight:bold;}
.active .joinSp5 i{ transform:scaleY(-1);}
.active .joinText{}
.caseList{ margin:0 -19px; padding:20px 0 0;}
.caseList li{ padding:38px 19px 0; animation-fill-mode:backwards;}
.caseList li a{ display:block; background:#FFFFFF; font-size:14px; color:#666666; line-height:20px; box-shadow:0 0 10px rgba(0,0,0,0.08);}
.casePic{ position:relative; overflow:hidden;}
.casePic img{ width:100%; transition:all 0.9s ease 0s;}
.caseText{ padding:25px;}
.caseName{ font-size:16px; color:#333333; line-height:24px; transition:all 0.5s ease 0s;}
.caseLine{ display:block; width:32px; height:3px; background:#fe0000; margin:10px 0;}
.caseInfor{ height:40px; overflow:hidden; margin-bottom:20px;}
.caseMore{ width:156px; height:36px; line-height:34px; border-radius:17px; text-transform:uppercase; border:1px solid #dddddd; text-align:center; font-weight:bold; font-family:Arial; color:#4c4c4c; margin:10px 0; transition:all 0.5s ease 0s;}
.caseMore span,.caseIco{ display:inline-block; vertical-align:middle;}
.caseList li a:hover .casePic img{ transform:scale(1.05);}
.caseList li a:hover .caseName{ color:#fe0000;}
.caseList li a:hover .caseMore{ background:#fe0000; color:#FFFFFF; border-color:#fe0000;}
.caseList li a:hover .mbox4Arrow{ border-left-color:#FFFFFF;}
.caseList li a:hover .mbox4Line2{ background:#FFFFFF;}
.caseConBg{ padding-bottom:55px;}
.caseCon{ background:#FFFFFF; box-shadow:0 0 15px rgba(0,0,0,0.06); min-height:100px; margin:0 -40px; margin-top:-35px; padding:35px 40px; position:relative; z-index:1; font-size:14px; color:#666666; line-height:24px;}
.caseCon p,.caseCon img{ margin:20px 0;}
.caseCon img{ max-width:100%; height:auto;}
.caseTop{ overflow:hidden; border-bottom:1px solid #dddddd; line-height:60px; padding-bottom:10px;}
.goList{ float:right; color:#333333; background:url(../images/goList.png) left center no-repeat; padding-left:30px; transition:all 0.5s ease 0s;}
.goList:hover{ color:#fe0000;}
.caseTit{ font-size:30px; color:#333333; line-height:60px; padding-right:130px;}
.arName{ font-size:30px; color:#4d4d4d; line-height:150%; text-align:center; padding:10px 0;}
.arClock{ font-size:14px; color:#999999; line-height:24px; background:#F6F6F6; text-align:center; margin:0 -10px; padding:13px 0;}
.arClock span{ display:inline-block; vertical-align:middle; padding:0 10px;}
.arDetail{ font-size:14px; color:#666666; line-height:24px; padding:10px 0;}
.arDetail p{ margin:25px 0;}
.arDetail img{ max-width:100% !important; height:auto; margin:25px auto;}
.arDetail embed{ max-width:100% !important;}
.arPage{ border-top:1px dashed #dddddd; padding:25px 0;}
.arPageL{ float:left;}
.arPageL strong{ font-size:14px; color:#333333; line-height:36px;}
.arPageL a{ display:inline-block; vertical-align:middle; width:36px; height:36px; border-radius:50%; border:1px solid #FFFFFF; line-height:34px; text-align:center; font-size:16px; color:#979797; position:relative; transition:all 0.5s ease 0s;}
.arPageL a.shareIco5{ border-color:#e6e6e6;}
.arPageL a:after{ display:block; font:normal normal normal 16px/36px FontAwesome;}
.shareIco1:after{ content:"\f1d7";}
.shareIco2:after{ content:"\f18a";}
.shareIco3:after{ content:"\f18b";}
.shareIco4:after{ content:"\f1d5";}
.shareIco5:after{ content:"\f067";}
.arPageL a:hover{ color:#fe0000; border-color:#fe0000;}
.arPageR{ float:right; font-size:0; text-transform:uppercase;}
.arPageR a{ display:inline-block; vertical-align:middle; font-size:14px; color:#4d4d4d; border:1px solid #9b9b9b; border-radius:17px; height:34px; line-height:32px; border:1px solid #e6e6e6; text-align:center; margin-left:10px; font-family:Arial; font-weight:bold; transition:all 0.3s ease-out 0s;}
.arPageR a img{ vertical-align:middle; padding:0 5px; margin-top:-1px; margin:0; margin-top:-3px;}
.arPageR a img.shows{ display:inline-block;}
.pagerPrev,.pagerNext{ width:116px; text-align:center;}
.pagerPrev img{ transform:scaleX(-1);}
.pagerList{ width:34px;}
.arPageR a:hover{ border-color:#fe0000; color:#fe0000;}
.arPageR a.pagerList:hover{ width:34px;}
.arPageR a:hover img.shows{ display:none;}
.arPageR a:hover img.hides{ display:inline-block !important;}
.newsList{ padding:10px 0 0; margin:0 -20px;}
.newsList li{ padding:50px 20px 0;}
.newsList .box6Img{ height:auto;}
.newsList .box6Text{ transition:all 0.5s ease 0s;}
.newsList li:nth-child(2n) .box6Link{ padding-top:157px; padding-bottom:0;}
.newsList li:nth-child(2n) .box6Line{ transform:translateY(-100%); top:0; bottom:auto;}
.newsList li:nth-child(2n) .box6ImgBg{ bottom:auto; top:15px;}
.newsList li:nth-child(2n) .box6Img{ top:0; bottom:auto;}
.newsList li .box6Link:hover .box6Text{ background:#333333;}
.newsList li .box6Link:hover .box6Line{ background:#333333;}

.mbox4Btn{ display:block;}
.mbox4Btn:hover,.mbox4Btn:focus{ background:#fe0000; color:#FFFFFF;}
.mbox4Btn:hover .mbox2Arrow,.mbox4Btn:focus .mbox2Arrow{ border-left:5px solid #FFFFFF;}
.mbox4Btn:hover .mbox2Line,.mbox4Btn:focus .mbox2Line{ width:14px;}
.loading .pagination{ margin:10px 0 0;}
.loading .pagination >  a,.loading .pagination >  span{ color:#4d4d4d; margin:0 1px;border:1px solid #fe0000;line-height:30px;padding:0 10px;display:block;float:left;}
.loading .pagination span{background:#fe0000;color:#fff;}
.pagination > a:focus,.pagination >  a:hover,.pagination >  a.active, .pagination >  span:focus,.pagination >  span:hover{ background-color:#fe0000; border-color:#fe0000; color:#FFFFFF;}

@media (min-width:1201px){
	nav.navbar.bootsnav ul.nav > li > a:hover{ color:#fe0000;}
	/*nav.navbar.bootsnav ul.nav > li > a:hover span{ border-color:#fe0000;}	*/
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{ color:#fe0000;}
}
@media (min-width:1260px){
	.container{ width:1230px;}
}
@media (max-width:1600px){
/*	.headerBg{ padding:25px 25px 0;}
	.logo{ max-width:180px; height:46px;}
	.hdRig{ padding-top:8px;}
	.hdRigLan{ width:44px;}	
*/	.menuBtn{ width:30px; margin-left:20px;}
	#navPage{ right:25px;}
	.LefBox{ left:25px;}
	.navTop{ padding:25px;}
	.navClose{ margin:10px 0 0;}
	.navBot{ padding-top:96px;}
	.navBotCon{ bottom:25px;}
	.navList li a{ font-size:17px; line-height:160%;}
	.botLef,.botRig{ bottom:2%;}
	.botLef{ left:25px;}
	.botRig{ right:25px;}
	.botRig a{ margin-left:25px;}
	.mbox1 .swiper-pagination{ bottom:3%;}	
	.mTit{ margin-bottom:40px;}
	.mTitH2{ font-size:24px;}
	.mTitEn{ font-size:100px;}	
	.mbox2List .swiper-slide a{ padding:25px 20px;}
	.mbox2Prev{ left:-50px;}
	.mbox2Next{ right:-50px;}	
	.mbox4List{ margin:0 -15px; margin-top:-20px;}
	.mbox4List li{ padding:15px;}
	.mbox4Pic{ width:220px;}
	.mbox4Rig{ margin-left:220px; padding:20px 15px 15px 20px;}
	.mbox4Infor{ height:48px;}
	.mbox4More{ width:44px; height:44px; line-height:42px;}	
	.box5Tit{ padding-bottom:15px;}
	.box5TitCn{ font-size:28px;}
	.box5TitEn{ font-size:24px;}
	.box5Brief{ padding-bottom:15px;}
	.box5RigPic{ max-width:320px; min-height:444px;}	
	.mbox6List .swiper-pagination{ padding-top:25px;}	
	.footTit{ font-size:17px; line-height:160%;}
	.footBot p.pull-right a{ margin-left:25px;}	
	.bigImg{ height:500px;}
	.bigLine{ height:60px;}	
	.mainTop{ padding:30px 15px 0;}
	.videoList{ margin-top:0; padding:30px 0 0;}
	.loading{ padding:25px 0;}	
	.contact{ padding:45px 0;}
	#conMap{ height:400px;}	
	.caseCon{ margin:0; margin-top:-35px; padding:25px 30px;}
	.caseTit{ font-size:26px;}	
	.arDetail p{ margin:15px 0;}
	.arDetail img{ margin:15px auto;}	
	.arName{ font-size:26px;}
	.arClock{ padding:10px 0;}
	.arPage{ padding:20px 0 10px;}
}
@media (max-width:1400px){
	nav.navbar.bootsnav .container-fluid{ max-width:100%; padding:0;}
	.mTit{ margin-bottom:25px;}	
	.mbox2List{ padding:0 40px;}
	.mbox2List .swiper-slide{ padding:10px;}
	.mbox2List .swiper-slide a{ box-shadow:0 0 10px rgba(0,0,0,0.1);}
	.mbox2List .swiper-slide a:hover{ box-shadow:0 0 10px rgba(254,0,0,0.1);}
	.mbox2Prev{ left:-10px;}
	.mbox2Next{ right:-10px;}	
	.mbox3 .mTit{ margin-bottom:25px;}
	.mbox3List{ margin:0 50px;}	
	.mbox4List{ padding:0 50px; margin-top:0;}	
	.mbox5{ padding:0 50px;}
	.box5Lef{ padding:0 30px 0 0;}
	.box5TitCn{ font-size:24px;}
	.box5TitEn{ font-size:20px;}
	.mbox5List{ margin:0 -15px;}
	.mbox5List li{ padding:15px 15px 0;}
	.mbox5Ico{ width:40px;}
	.mbox5Text{ margin-left:50px;}
	.mbox5Name{ font-size:17px;}
	.box5RigPic{ max-width:280px; min-height:388px; background-size:10px auto; background-position:right 5px center;}
	.box5RigPic img{ top:15px; right:20px;}	
	.mbox6List{ padding:0 50px;}
	.box6Link{ padding-bottom:130px;}
	.mbox6List .swiper-slide:nth-child(2n) .box6Link{ padding-top:130px;}
	.box6Text{ padding:10px 15px;}	
	.footer{ padding:25px 75px 15px 25px}	
	.bigImg{ height:420px;}	
	.subNavList li a{ font-size:14px; padding:0 20px;}	
	.videoList{ padding:25px 0 0;}	
	.contact{ padding:35px 0;}
	#conMap{ height:360px;}
	.newsList li:nth-child(2n) .box6Link{ padding-top:130px;}
	.jobTop{ margin:0 -15px;}
	.jobTop li{ padding:10px 15px;}
	.jobTop li p{ max-width:300px; margin:0 auto;}
	.botLef{ width:52%;}
	.botRig{ width:48%;}
}
@media (max-width:1200px){	
	nav.navbar.bootsnav .container{ padding:0; width:100%;}
	nav.navbar.bootsnav .navbar-header{ padding:0; min-height:60px;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important; display:flex;}
	.logo{ z-index:1; height:60px;}
	.navRig{ line-height:60px; right:40px; margin:0; z-index:1;}
	.navTel{ display:block !important;}
	nav.navbar.bootsnav .navbar-toggle{ background:none !important; float:right; margin-right:15px; margin-top:13px; color:#FFFFFF;}
	nav.navbar.bootsnav.no-full .navbar-collapse{ max-height:none; box-shadow:none;}
	nav.navbar.bootsnav .navbar-nav{ padding:0 15px;}
	nav.navbar.bootsnav ul.nav{ left:0; padding-top:20px;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:5px 10px; border-bottom:none; margin:-1px 0 0; border-top-color:rgba(254,0,0,0.5); border-top-style:dashed;}
	nav.navbar.bootsnav ul.nav > li > a > span{ border:none; text-align:left; padding:0; line-height:30px;}
	nav.navbar.bootsnav ul.nav > li > a > span:after{ display:none;}
	nav.navbar.bootsnav ul.nav > li > a > span i{ display:inline; margin-left:10px;}
	nav.navbar.bootsnav ul.nav > li > a:after{ top:-1px; height:1px;}	
	nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{ line-height:30px;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu{ position:static !important; background:none; text-align:left;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li{ border:none;}
	nav.navbar.bootsnav ul.nav > li.active > a, nav.navbar.bootsnav ul.nav > li.on a{ background:none !important;}
	nav.navbar.bootsnav ul.nav > li.active > a{ font-weight:bold;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li > a{ border-bottom-style:dashed; border-bottom-color:rgba(208,114,53,0.3); text-align:left !important;}
	/*.headerBg{ padding:15px 15px 0;}
	.logo{ max-width:140px; height:36px;}
	.hdRig{ padding-top:8px;}
	.hdRigLan{ width:40px; line-height:26px; height:28px;}*/
	.menuBtn{ width:30px; margin-left:20px;}
	#navPage{ right:15px;}
	.LefBox{ left:15px;}
	.navTop{ padding:15px;}
	.navClose{ margin:10px 0 0;}
	.navBot{ padding-top:66px;}
	.navBotCon{ bottom:15px; font-size:14px; line-height:24px;}
	.navBotCon a{ font-size:14px; margin:0 5px;}
	.navSina,.navBotCon .LefWechat{ width:24px; height:24px;}
	.navList li a{ font-size:16px; padding:5px 25px;}
	.botLef,.botRig{ display:none !important;}
	#navPage li a{ line-height:26px;}	
	.mTitH2{ font-size:20px;}
	.mTitEn{ font-size:80px;}
	.mbox2List .swiper-slide a{ padding:15px;}
	.mbox2Tit{ padding-bottom:8px; margin-bottom:8px;}
	.mbox2TitCn{ font-size:16px;}
	.mbox2Infor{ margin:10px 0;}
	.mbox2More{ margin:10px auto;}	
	.mbox3Top{ margin:0 -5px;}
	.mbox3Top li{ padding:5px;}
	.mbox3List{ padding:0 200px; margin:0;}
	.mbox3Tit{ font-size:18px;}
	.mbox3Line{ margin:10px 0 5px;}
	.mbox3Prev,.mbox3Next{ width:175px; font-size:16px;}	
	.mbox4List{ padding:0; margin:0 -10px;}
	.mbox4List li{ padding:10px;}
	.mbox4Pic{ width:180px;}
	.mbox4Rig{ margin-left:180px; padding:15px;}
	.mbox4Tit{ font-size:15px;}
	.mbox4Line{ margin:5px 0 8px;}
	.mbox4More{ width:34px; height:34px; line-height:32px;}	
	.mbox5{ padding:0;}
	.box5Lef{ float:none; width:100%; padding:0;}
	.box5Rig{ display:none;}	
	.mbox6List{ padding:0;}
	.box6Time{ padding:5px 0;}
	.box6Tit{ font-size:15px; line-height:20px; height:40px; margin-bottom:5px;}
	.box6Brief{ margin-bottom:10px;}
	.box6More{ margin-bottom:10px;}
	.box6Link{ padding-bottom:100px;}
	.mbox6List .swiper-slide:nth-child(2n) .box6Link{ padding-top:100px;}	
	.footLogo{ display:none;}
	.footBot p.pull-left,.footBot p.pull-right{ float:none !important; text-align:center; width:100%;}
	.footBot p.pull-right a{ margin:0 5px;}	
	.bigImg{ height:360px;}	
	.videoList{ padding:20px 0 0;}	
	.contact{ margin:0 -15px;}
	.contact li{ padding:10px 15px; font-size:14px; line-height:200%;}	
	.jobTop{ margin:0 -15px; padding:25px 0;}
	.jobTop li{ padding:10px 15px;}
	.jobIco{ max-width:40%; margin:0 auto;}
	.jobH3{ font-size:18px;}	
	.caseList{ margin:0 -10px;}
	.caseList li{ padding:20px 10px 0;}
	.caseText{ padding:15px;}	
	.caseCon{ padding:25px;}
	.caseTop{ line-height:34px; padding:5px 0 15px;}
	.caseTit{ font-size:24px; line-height:34px;}
	.caseCon p,.caseCon img{ margin:15px 0;}	
	.arName{ font-size:22px; padding:10px 0;}
	.arClock{ padding:5px 0; font-size:13px;}
	.arDetail{ padding:0 0 10px;}	
	.newsList{ margin:0 -10px;}
	.newsList li{ padding:30px 10px 0;}
	.newsList li:nth-child(2n) .box6Link{ padding-top:100px;}
}
@media (max-width:992px){	
	#navPage{ display:none;}
	.navList{ overflow-y:auto; padding:10px 0 0;}
	.banText{ width:60%;}
	.LefBox{ top:auto; transform:translateY(0); bottom:2%; left:auto; right:5px;}	
	.mbox3List{ padding:0;}
	.mbox3Prev,.mbox3Next{ position:static; width:50%; float:left; padding:10px;}
	.mbox3Next{ border-left:1px solid #FFFFFF;}
	.mbox5List li{ width:100%;}	
	.box6Link{ padding-bottom:150px;}
	.mbox6List .swiper-slide:nth-child(2n) .box6Link{ padding-top:150px;}	
	.footer{ padding:15px;}
	.footCon1{ width:100%;}	
	.bigImg{ height:300px;}
	.bigLine{ height:40px;}
	.mainTop{ padding:15px 15px 0;}
	.mainTop .mTit{ padding:20px 0;}
	.subNavList{ line-height:36px;}
	.subNavList li a{ padding:0 15px;}
	.subNavList li a:hover, .subNavList li a.active{ background:none; color:#fe0000;}
	.subNavList li a:before, .subNavList li a:after{ display:none;}
	.loading{ padding:15px 0 20px;}	
	.contact{ padding:15px 0;}
	.contact li{ width:50%;}
	#conMap{ height:300px;}	
	.jobTop{ padding:15px 0 25px;}
	.jobTop li{ width:100%;}
	.jobTop li p{ max-width:100%;}
	.jobH3{ font-size:16px; padding:5px 0;}
	.joinH2 span,.joinH3 span{ padding:0 5px;}
	.joinH2 span{ line-height:44px; font-size:15px;}
	.joinH3 span{ line-height:44px;}
	.joinH2 span.joinSp1{ padding-left:10px;}
	.joinH3 span.joinSp1{ padding-left:10px;}
	.joinH2 span.joinSp5{ padding-right:10px;}
	.joinH3 span.joinSp5{ padding-right:20px;}	
	.joinCon{ margin:0;}
	.joinItem{ float:none; width:100%; padding:0; margin:15px 0;}	
	.caseConBg{ padding-bottom:35px;}
	.caseList{ padding:15px 0;}	
	.caseCon{ padding:15px;}
	.caseTit{ font-size:20px;}	
	.arName{ font-size:20px;}
	.arDetail p{ margin:10px 0;}	
	.newsList li{ padding:30px 10px 0;}
	.newsList li:nth-child(2n) .box6Link{ padding-top:150px;}
	.newsList .box6Img{ height:80%;}
}
@media (max-width:767px){
	nav.navbar.bootsnav .navbar-header{ margin:0;}
	nav.navbar.bootsnav .navbar-nav{ margin:0;}
	nav.navbar.bootsnav ul.nav{  padding:0;}
	.navRig > ul > li{ margin-right:0;}
	.mbox2List{ padding:0 20px;}
	.mbox4Pic{ width:135px;}
	.mbox4Rig{ margin-left:135px; padding:10px;}
	.mbox4Ico{ width:30px; height:30px;}
	.mbox4Line{ height:2px; margin:3px 0;}
	.mbox4Infor{ height:24px; font-size:13px;}	
	.bigImg{ height:240px;}	
	.joinSp1{ width:75%;}
	.joinSp5{ width:25%; font-size:12px;}
	.joinH2 span{ line-height:44px; font-size:14px;}
	.joinH3 span{ line-height:38px; font-size:12px;}
	.joinH2 span.joinSp1{ padding-left:0;}
	.joinH3 span.joinSp1{ font-size:14px; padding-left:0;}
	.joinH2 span.joinSp5{ padding-right:0;}
	.joinH3 span.joinSp5{ padding-right:10px;}
	.joinText{ padding:15px; border-width:2px;}	
	.goList{ float:none; display:block;}
	.caseTit{ padding:0; font-size:18px;}
}
@media (max-width:640px){
	/*.logo{ max-width:110px; height:28px;}
	.hdRig{ padding-top:0;}*/
	.menuBtn{ margin-left:10px;}
	.menuBtn span:nth-child(2){ margin:5px auto;}
	.navClose{ margin:0; padding-top:4px;}
	.LefBox li{ padding:0;}
	.LefBox li a span{ display:none;}
	.navBot{ padding-top:60px;}	
	.mbox1 .swiper-pagination{ bottom:2%;}		
	.mbox{ padding-top:50px;}
	.mTit{ margin-bottom:15px;}	
	.mbox2More{ border-width:1px; height:34px; line-height:32px;}
	.mbox3 .mTit{ margin-bottom:15px;}	
	.box5Tit{ padding-bottom:10px;}
	.box5TitCn{ font-size:20px;}
	.box5TitEn{ font-size:16px;}
	.box5Brief{ padding-bottom:10px;}	
	.footCon1,.footCon2{ font-size:13px;}
	.footCon1 p{ float:none; width:100% !important;}
	.footBot{ padding:10px 0 0;}	
	.bigImg{ height:200px;}
	#conMap{ height:240px;}	
	.caseName{ font-size:15px; line-height:20px;}
	.caseLine{ margin:6px 0; height:2px;}
	.caseInfor{ margin-bottom:15px;}
	.caseMore{ width:100%; height:34px; line-height:30px; font-size:12px; margin:5px auto;}		
	.arPage{ padding:15px 0;}
	.arPageL,.arPageR{ float:none; text-align:center;}
	.arPageR{ padding:10px 0 0;}
	.arPageR a{ margin:0 10px 0 0;}
	.pagerPrev,.pagerNext{ width:95px;}	
	.newsList li{ width:100%; padding:15px 10px 0;}
	.newsList .box6Link{ padding:0 0 150px !important;}
	.newsList .box6Line{ top:auto !important; bottom:0 !important; transform:translateY(100%) !important;}
	.newsList .box6ImgBg{ top:auto !important; bottom:0 !important;}
	.newsList .box6Img{ top:auto !important; bottom:16px !important;}
}
@media (max-width:460px){
	nav.navbar.bootsnav .navbar-header{ min-height:50px;}
	.logo{ height:50px; padding:10px;}
	.logo img{ height:30px;}
	.logoImg{ max-width:120px;}
	.navRig{ line-height:50px;}
	nav.navbar.bootsnav .navbar-toggle{ margin-top:9px;}

	.navList li a{ font-size:14px;}
	.navBotCon{ font-size:12px; line-height:20px;}
	.navBotCon a{ font-size:12px;}
	.navBot{ padding-bottom:90px;}	
	.banText{ width:80%;}	
	.mTitH2{ font-size:18px; font-weight:bold;}
	.mTitCon{ display:none;}
	.mbox2TitCn{ font-size:15px;}
	.mbox2TitEn{ font-size:13px; line-height:160%;}
	.mbox2Infor{ height:48px;}	
	.mbox3Top{ margin:0 -3px;}
	.mbox3Top li{ padding:2px 3px;}
	.mbox3Top li span{ font-size:14px; padding:0 5px;}
	.mbox3List:after{ bottom:-20px;}
	.mbox3Prev,.mbox3Next{ font-size:14px; padding:5px;}
	.mbox3Text{ padding:10px;}
	.mbox3Tit{ font-size:16px;}
	.mbox3Line{ height:2px; margin:8px 0 0px;}
	.mbox3Infor{ display:none;}	
	.mbox4List{ margin:0 -5px;}
	.mbox4List li{ padding:5px;}
	.mbox4Pic{ width:90px;}
	.mbox4Rig{ margin-left:90px;}
	.mbox4Infor{ display:none;}
	.mbox4More{ height:28px; height:28px; line-height:26px;}
	.mbox4Line2{ width:10px;}	
	.box5TitCn{ font-size:18px;}
	.box5TitEn{ font-size:14px;}
	.mbox5List{ margin:0 -10px;}
	.mbox5List li{ padding:10px 10px 0;}
	.mbox5Ico{ width:30px;}
	.mbox5Text{ margin-left:40px;}
	.mbox5Name{ font-size:15px;}
	.box5Brief{ max-height:72px; overflow:hidden;}
	.mbox5Infor{ display:none;}	
	.mbox6List .swiper-pagination{ padding-top:15px;}	
	.bigImg{ height:180px;}
	.bigLine{ height:30px;}
	.subNavList li a{ padding:0 10px;}
	.mainTop .mTit{ padding:15px 0;}
	.mainTop .mTitCon{ display:block; padding-top:5px;}
	.videoList{ padding:15px 0 0;}
	.loading{ font-size:14px;}	
	.conIcoBg{ border-width:5px; width:80px; height:80px; margin:10px auto;}
	.conH3{ font-size:15px; line-height:28px;}
	#conMap{ height:180px;}	
	.caseList li{ width:100%;}
	.caseInfor{ height:auto; max-height:40px;}	
	.caseCon{ margin-top:-20px;}
	.caseTit{ font-size:17px; line-height:24px;}	
	.arName{ font-size:17px; line-height:24px;}
	
	.loading{ font-size:13px;}
	.pagination > li > a,.pagination > li > span{ padding:4px 8px;}
}
@media (max-width:360px){	
	.box6Link{ padding-bottom:100px;}
	.mbox6List .swiper-slide:nth-child(2n) .box6Link{ padding-top:100px;}
	.bigImg{ height:150px;}
}

.mbbti p{
 padding: 10px;
 font-size: 1.3px;
 color: #666
 
}
.mbbti .mTitH2{
 color: #222;
 font-weight: bold
 
}

.mbbti h3{
 padding-bottom: 8px;
 font-size: 15px;
 font-weight:bold;
 color: #333
}
.mbbti .mTitCon{
 margin-top: 30px;
 text-align: center;
    background: url(http://www.h-y.cn/themes/Home/default/Public/images/hSolution-line.png) no-repeat center center;
}
.mbbti .mTitCon p {
    width: 70%;
    margin: 0 auto;
}

@media (max-width:750px){	
.mbbti .mTitCon p {
    width: 90%;
}
}