@charset "UTF-8";
@font-face
{
font-family: Bellota;
src: url('../fonts/Bellota-Regular-webfont.ttf');
}
body{overflow-x:hidden;}

.hmBan{ background: url(../images/loader.gif) no-repeat center center; }
.hmBan,.hmBan .swiper-wrapper{height:700px;}
.hmBan .bgImg{position:absolute; left:0; top:0; width:100%;height:100%;}
.hmBan .swiper-pagination-bullet{ background: #24b874; height: 2px; width: 27px; opacity:1; border-radius:0 }
.hmBan .swiper-pagination-bullet-active{ height:5px; }
.hmBanBtnL{ background: url(../images/hmBtn.png) no-repeat left top; height: 29px; width: 29px; display: block; margin-top: -15px; position: absolute; left: 58px; top: 50%; z-index: 5; opacity:0 }
.hmBanBtnR{ background: url(../images/hmBtn.png) no-repeat right top; height: 29px; width: 29px; display: block; margin-top: -15px; position: absolute; right: 58px; top: 50%; z-index: 5; opacity:0 }
.hmBan:hover .hmBanBtnL,.hmBan:hover .hmBanBtnR{opacity:1;}
@media (max-width:991px){
.hmBan,.hmBan .swiper-wrapper{height:500px;}
}
@media (max-width:767px){
.hmBan,.hmBan .swiper-wrapper{height:350px;}

}
.hmCon1Bg{ background:#fff; padding-bottom: 65px; }
.hmTbox { line-height: 60px; text-align: center; padding-top: 130px; font-size: 30px; margin-bottom: 30px; position: relative; }
/*.hmTbox:after{ content: ""; height: 5px; width: 36px; background: #81D100; position: absolute; left: 50%; bottom: -2px; margin-left: -18px; z-index: 2; }*/
.hmTbox i { background: #D8E8BF; height: 1px; width: 150px; position: absolute; left: 50%; bottom: 0px; margin-left: -75px; }
.hmTbox i:before{ content: ""; background: #81D100; height: 1px; width: 13px; position: absolute; left: -15px; top: 0px; }
.hmTbox i:after{content:""; background: #81D100; height: 1px; width: 13px; position: absolute; right: -15px; top: 0px;}
.hmTbox2{color:#fff;}
.hmTbox2:after{ background: #fff;}
.hmTbox2 i { background: #fff;}
.hmTbox2 i:before{ background: #fff; }
.hmTbox2 i:after{ background: #fff;}
.hmCon2Bg { /*background: #F2F2F2; padding-bottom: 65px;*/ position:relative; overflow:hidden }
.hmCon3Bg { background:#fff; padding-bottom: 65px; }
.hmCon4Bg { background: #ffffff; padding-bottom: 65px; position:relative; overflow:hidden }
.hmCon5Bg { background: #f2f2f2; padding-bottom: 65px; }
.hmBom { background: #4d4d4d; padding: 35px 3%; color: #c7c7c7; }
.hmBom a,.footer a{ }
.hmBom a:hover,.footer a:hover{  }
.footer { 
 }
.hmProBtnL { background: url(../images/btnL.png) no-repeat right center; display: block; height: 43px; width: 30px; position: absolute; margin-top: -21px; left: -70px; top: 50%; z-index: 2; }
.hmProBtnL:after{ content: ""; background: url(../images/btnL2.png) no-repeat; height: 43px; width: 22px; display: block; position: absolute; left: 0px; top: 0px; }
.hmProBtnR { background: url(../images/btnR.png) no-repeat left center; display: block; height: 43px; width: 30px; position: absolute; margin-top: -21px; right: -70px; top: 50%; z-index: 2; }
.hmProBtnR:after{ content: ""; background: url(../images/btnR2.png) no-repeat; height: 43px; width: 22px; display: block; position: absolute; right: 0px; top: 0px; }
.hmPro_aBxo { display: block; padding-top: 15px; height: 395px; border: 1px solid #FFF; }
.hmPro_img { background: url(../images/proBor.png) no-repeat center center; height: 168px; width: 221px; margin: 0px auto; position: relative; }
.hmPro_img:after{ content: ""; background: url(../images/proBor2.png) no-repeat center center; height: 221px; width: 221px; position: absolute; left: 0px; top: 0px; transition:all 0.5s ease-in-out; }
.hmPro_img:before{ content: ""; background: #5C5C5C; height: 14px; width: 1px; position: absolute; left: 50%; bottom: -20px; }
.hmPro_img img { position: absolute; left: 50%; top: 50%; max-height:80%; max-width:80%; transform:translate(-50%,-50%) }
.hmPro_nm { line-height: 58px; text-align: center; height: 58px; margin-top: 22px; font-size: 16px; position:relative; }
.hmPro_nm:after{ content: ""; background: #81d100; height: 3px; width: 38px; position: absolute; left: 50%; bottom: 0px; margin-left: -19px; }
.hmPro_btn { font-size: 14px; text-transform: uppercase; color: #81d100; line-height: 31px; height: 33px; width: 132px; border: 1px solid #81d100; text-align: center; display: block; margin: 46px auto 0px; border-radius:1.6em; opacity:1; transition:all 0.5s ease-in-out; }
.hmPro_aBxo:hover{ background: #fff; border: 1px solid #E8E8E8; }
.hmPro_aBxo:hover .hmPro_img:after{transform:rotate(-62deg);}
.hmProDes { font-size: 13px; line-height: 23px; color: #FFF; padding: 10px 7.8% 0px; height: 112px; background: #81D100; position: absolute; width: 100%; left: 0px; bottom: 0px; opacity:0; transition:all 0.5s ease-in-out; }
.hmPro_aBxo:hover .hmProDes {opacity:1;}
.hmPro_aBxo:hover .hmPro_btn{opacity:0;}
.hmCaseList { margin: 0px -22px 0px; }
.hmCase_aBox { display: block; }
.hmCase_aBox .overflowHide { height: 215px; }
.hmCase_aBox .overflowHide:after{ content:""; background: url(../images/hmcaseBg.png) repeat-x left bottom; display: block; height: 215px; width: 100%; position: absolute; left: 0px; bottom: 0px; }
.hmCaseList li { padding: 0; margin-bottom: 0;margin-top: 0; }
.hmCase_nm1 { width: 100%; height:100%; font-size: 15px; font-weight: bold; color: #FFF; padding: 0px 8%; position: absolute; z-index: 2; left: 0px; bottom: -153px; transition:all 0.5s ease-in-out;}
.hmCase_nm1 strong{ display: block;line-height: 62px; height: 62px;}
.hmCase_nm1 p { font-size: 13px; line-height: 23px; color: #cfcfcf; padding-top: 6px; opacity:0; transition:all 0.3s ease-in-out; transition-delay:0.5s; transform:translate(80px,0) }
.hmCase_aBox:hover .hmCase_nm1{ bottom:0; background:rgba(0,0,0,0.75); padding-top:33px; }
.hmCase_aBox:hover .hmCase_nm1 p{opacity:1; transform:translate(0,0)}
.hmCase_more { line-height: 34px; text-align: center; display: block; height: 36px; width: 115px; border: 1px solid #999999; text-transform: uppercase; color: #333; font-size: 16px; margin: 50px auto 0px; position: relative; overflow: hidden; border-radius:25px; }
.hmCase_more span{position:relative; z-index:2;}
.hmCase_more:after{ display:block; content:""; position:absolute; left:50%; top:0; width:0; height:100%; background:#81d100; transform:skew(45deg); -webkit-transform:skew(45deg); transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.hmCase_more:hover{ color: #fff; border: 1px solid #81d100; }
.hmCase_more:hover:after{ left:-20%; width:140%;}
.hmc3L { height: 380px; float: left; width: 40%; }
.hmc3L .overflowHide{height:381px;}
.hmc3R { float: right; width: 60%; background: #FFF; border-top: 1px solid #E8E8E8; }
.hmc3Txt { /*background: url(../images/hmc3bg2.png) repeat-x left bottom;*/ height: 100%; width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 1; }
.hmc3Txt p { font-size: 13px; line-height: 23px; color: #FFF; padding: 0px 8% 90px; width: 100%; position: absolute; left: 0px; bottom: 0px; }
.hmc3Btn { line-height: 34px; text-align: center; display: block; height: 36px; width: 115px; border: 1px solid #FFF; text-transform: uppercase; color: #FFF; font-size: 16px; margin: 10px auto 0px; position: absolute; overflow: hidden; left: 8%; bottom: 35px; }
.hmc3Logo { position: absolute; left: 8%; top: 58px; z-index: 5; }
.hmc3Ul { overflow: hidden; display: block; }
.hmc3Ul ul{ }
.hmc3Ul li { float: left; height: 190px; width: 50%; padding: 60px 2.8% 0px; border-right: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; position: relative; }
.hmc3Ul li:hover .hmc3Icon{-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}
.hmc3Icon{ height: 25px; width: 35px; position: absolute; left: 25px; top: 26px; }
.hmc3Ul li:nth-child(1) .hmc3Icon{ background: url(../images/hmc3_icon1.png) no-repeat center center; }
.hmc3Ul li:nth-child(2) .hmc3Icon{ background: url(../images/hmc3_icon2.png) no-repeat center center; }
.hmc3Ul li:nth-child(3) .hmc3Icon{ background: url(../images/hmc3_icon3.png) no-repeat center center; top:26px; }
.hmc3Ul li:nth-child(4) .hmc3Icon{ background: url(../images/hmc3_icon4.png) no-repeat center center; top:26px; }
.hmc3Ul ul li strong { line-height: 40px; display: block; font-size: 15px; color: #666666; height: 40px; overflow: hidden; font-weight: normal; }
.hmc3Ul ul li p { font-size: 13px; line-height: 20px; color: #999999; overflow: hidden; }
.hmNews li { padding: 0px 22px; margin-bottom: 38px; }
.hmNews { margin: 0px -22px; }
.hmNews_aBox { display: block; border:1px #ccc solid;}
.hmNews_aBox:hover { border:1px #37c300 solid;}
.hmNews_aBox .overflowHide { height: 260px; }
.hmNewsTime strong { line-height: 36px; padding-top: 17px; font-size: 20px; font-weight: 500; display: block; margin-bottom: 8px; position:relative; }
.hmNewsTime strong:after{ content: ""; background: #FFF; height: 2px; width: 17px; position: absolute; left: 23px; bottom: -2px; }
.hmNewsTime { width: 63px; text-align: center; line-height: 22px; color: #FFF; height: 88px; font-family: Arial; background: rgba(0,0,0,0.67); position: absolute; z-index: 1; left: 20px; top: 0px; }
.hmNewsDes{  /*height: 112px;*/ padding: 3px 5% 10px; transition:all 0.5s ease-in-out; }
/*.hmNews_aBox:hover .hmNewsDes{ background: rgba(137,197,28,0.68);}*/
.hmNewsDes .ellipsis { font-size: 14px; line-height: 40px; color: #333333; height: 40px; font-weight: normal; }
.hmNewsDes p { font-size: 16px; line-height: 20px; color: #8e8e8e; max-height: 40px; overflow: hidden; }
.hmNews_aBox:hover .hmNewsDes .ellipsis{color:#333333;}
.hmBomLogo { position: relative; }
.hmLogoBtnL { background: url(../images/btnL.png) no-repeat right center; display: block; height: 43px; width: 30px; position: absolute; margin-top: -21px; left: -70px; top: 50%; z-index: 2; }
.hmLogoBtnL:after{ content: ""; background: url(../images/btnL2.png) no-repeat; height: 43px; width: 22px; display: block; position: absolute; left: 0px; top: 0px; }
.hmLogoBtnR { background: url(../images/btnR.png) no-repeat left center; display: block; height: 43px; width: 30px; position: absolute; margin-top: -21px; right: -70px; top: 50%; z-index: 2; }
.hmLogoBtnR:after{ content: ""; background: url(../images/btnR2.png) no-repeat; height: 43px; width: 22px; display: block; position: absolute; right: 0px; top: 0px; }

.hmBom_aBox { height: 350px; position: relative; display: block; opacity:0.9;  }
.hmBom_aBox img { position: absolute; left: 50%; top: 80%; transform:translate(-50%,-50%); width:100%;}

.hmBom_logo { float: left; padding-top: 17px; }
.hmBom_dl { margin-left: 5%; padding-left: 1.45%; width: 14.5%; min-width: 200px; float: left; border-left: 1px solid #A2A2A2; height: 145px; position:relative; }
.hmBom_dl:after{ content: ""; background: #FFF; height: 29px; width: 3px; position: absolute; left: -2px; top: 0px; }
.hmBom_dl dt { line-height: 28px; height: 28px; font-size: 14px; color: #FFF; display: block; margin-bottom: 21px; font-weight: bold; }
.hmBom_dl dd { line-height: 26px; position:relative; top:-4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hmBomInfo { float: right; width: 198px; color: #81d100; overflow: hidden; }
.hmBom_s1 { font-size: 15px; line-height: 15px; display: block; }
.hmBom_s2 { margin-bottom: 19px; display: block; font-size: 30px; line-height: 38px; font-family:Bellota; }
.hmBomSerBox input { font-size: 14px; line-height: 30px; color: #666; padding: 0px 30px 0px 12px; background: #FFFFFF; width: 100%; border: none }
.hmBomSerBox { height: 30px; position: relative; }
.hmBomSerBtn { background: url(../images/hmBomSerBtn.png) no-repeat center center; display: block; height: 30px; width: 30px; position: absolute; top: 0px; right: 0px; }
.hmBom_share { height: 30px; margin-top: 24px; width: 250px; }
.hmBom_a1 { float: left; height: 30px; width: 30px; margin-right: 23px; background: #FFF; border-radius: 50%; color: #404147!important; transition:none; font-size: 16px; line-height: 30px; text-align: center; }
.hmBom_a1:hover{ color: #FFF!important; background: #81d100; }
.hmBom_wxBox { float: right; border: 12px solid #FFF; margin-right: 30px; }
.hmCon2Bg .dsRelative,.hmCon4Bg .dsRelative{z-index:2;}
.particles{position:absolute; left:-200px; top:-200px; bottom:-200px; right:-200px; overflow:hidden; transform:scale(1)}
.particlesBox{position:absolute; width:100%; height:100%; left:0; right:0; border:none 0}
.m3Ban { height: 156px; }
.m2pos { padding: 17px 0px 14px; line-height: 24px; font-size: 13px; color: #666666; box-shadow:0px 2px 4px rgba(0,0,0,0.1); background: #FFF; }
.imgTextPbox { display:table; height:100%; }
.imgTxtTable{ height: 100%; vertical-align: middle; display: table-cell; width: 100%; }
.m3proDes1Box { padding-top:120px; padding-bottom:120px;}
.m3proDes1Box .imgTextPbox { padding-right:600px; }
.m2posNm { float: left; background: url(../images/m3icon1.png) no-repeat left 4px; padding-left: 23px; }
.imgTxt_t1 { font-size: 32px; font-weight: 500; color: #81d100; line-height: 46px; display: block; margin-bottom: 5px; }
.imgTxt_t2 { font-size: 22px; color: #000000; line-height: 34px; margin-bottom: 20px; }
.imgTxt_txt { font-size: 15px; line-height: 30px; color: #666; }
.imgTextBox{ position: relative; }
.imgTextBox img{display:block; margin:0 auto; max-width:100%; height:auto;}
.imgTextImgBox { position: absolute; top: 50%; transform:translateY(-50%); }
.m3proDes1Box .imgTextImgBox{width:600px; right:0; padding-left:50px;}
.m3menuBox { min-height: 50px; text-align: center; position:relative; }
.m3menuBox:before{ content: ""; position: absolute; left: 0px; top: 3px; right: 0px; bottom: 3px; background: #F1F1F1; }
.m3menuBox .container { position: relative; z-index: 2; }
.m3menu_a { font-size: 16px; transition: none; line-height: 48px; height: 50px; display: inline-block; padding: 0px 22px; border: 1px solid transparent; font-weight: bold; position: relative; }
.m3menu_a.on, .m3menu_a:hover { color: #81d100; background: #FFF; border: 1px solid #81D100; }
.m3proDes2Box{padding-top:65px; padding-bottom:65px;}
.m3proDes2Box .imgTextBox { padding-left: 515px; }
.m3proDes2Box .imgTextImgBox{width:515px; left:0; padding-right:50px;}
.m3proHsBg{ background: #f8f8f8; }
.m3proDes3Box{padding-top:75px; padding-bottom:75px;}
.m3proDes3Box .imgTextBox { padding-right: 635px; }
.m3proDes3Box .imgTextImgBox{width:635px; right:0; padding-left:50px;}
.m3proDes2Box .imgTxt_t2,.m3proDes3Box .imgTxt_t2{color:#333;}
.m3proDes2Box .imgTxt_txt,.m3proDes3Box .imgTxt_txt{ color: #999; line-height: 28px; }
.imgTxt_st1 { display: block; margin: 15px 0px 7px; color: #666666; font-weight: bold; font-size: 15px; line-height: 30px; }
.imgTxt_ul li { line-height: 28px; background: url(../images/m3icon3.png) no-repeat left 9px; padding-left: 18px; font-size: 14px; color: #999; }
.imgTxt_more { font-size: 16px; line-height: 42px; color: #94D640; text-align: center; display:inline-block; padding:0 12px; height: 44px; border: 1px solid #94D640; margin-top: 25px; }
.imgTxt_more:hover{ color: #FFF; background: #94d640; }
.m2put_t1 { padding: 42px 0px 22px; }
.m2put_t1 span { background: url(../images/m2put_icon1.jpg) no-repeat left center; font-size: 26px; line-height: 44px; font-weight: 500; color: #95d742; float: left; padding-left: 14px; }
.m3pro_abox .overflowHide { height: 200px; }
.m3pro_case { margin-bottom: 32px; }
.m3pro_case li{margin-bottom:30px;}
.m3pro_abox .ellipsis { text-align: center; padding: 0px 15px; font-size: 16px; line-height: 52px; color: #FFF; height: 52px; width: 100%; position: absolute; left: 0px; bottom: 0px; background:rgba(0,0,0,0.6); }
.m2pubHsBg { background: #f8f8f8; }
.m2wdImg { height: 198px; border: 2px solid #ECECEC; }
.m2wdBox { background: #FFF; padding: 12px 18px 0px; position: relative; }
.m2wdBox:after{ content: ""; background: url(../images/m3icon4.png) no-repeat; height: 75px; width: 73px; position: absolute; right: 0px; bottom: 0px; }
.m2wdNm { font-size: 14px; line-height: 56px; padding: 0px 15px; }
.m2wdDown li { padding: 0px 1px 0px 0px; background: #EBEBEB; margin-bottom:15px; }
.m2wdDown{margin-bottom:72px;}
.m2ban { height: 400px; position:relative }
.m2banTxt { font-size: 22px; color: #FFF; line-height: 32px; position: absolute; left: 50%; top: 50%; z-index: 1; text-transform: uppercase; transform:translate(-50%,-50%); padding-top:40px; display:inline-block; opacity:0 }
.m2banTxt:before{ content: ""; height: 0px; width: 58px; position: absolute; left: -100px; top: 55px; border-bottom: 1px dashed #FFF; }
.m2banTxt:after{ content: ""; height: 0px; width: 58px; position: absolute; right: -100px; top: 55px; border-bottom: 1px dashed #FFF; }
.m2menuBox { line-height: 55px; height: 55px; margin-top: -55px; position: relative; z-index: 2; background: rgba(0,0,0,0.56); text-align: center; font-size: 0px; }
.m2menu_a { color: #FFF; padding: 0px 25px; margin-left: -1px; border-right: 1px solid #585858; border-left: 1px solid #585858; display: inline-block; height: 55px; font-size: 15px; line-height: 55px; }
.m2menu_a.on, .m2menu_a:hover { color: #FFF; background:rgba(129,209,0,0.7); }
.m2proBox { padding: 38px 0px; border-bottom: 1px solid #F2F2F2; }
.m2proBox:last-child{border-bottom:none;}
.m2proImgBox { padding-top: 10px; text-align: center; float: left; width: 250px; }
.m2proList { margin-left: 280px; padding: 15px 0px 50px 35px; border-left: 1px solid #EDEDED; min-height:200px; }
.m2pro_aBox { display: inline-block;}
.m2pro_t1{ padding-top: 20px; margin-bottom: 8px; font-size: 24px; color: #67ab11; line-height: 38px; font-weight:500; }
.m2proDes { font-size: 17px; line-height: 30px; color: #666666; margin-bottom: 18px; }
.m2pro_more { font-size: 12px; line-height: 21px; text-transform: uppercase; color: #67AB11; height: 23px; border: 1px solid #67AB11; display: inline-block; padding: 0px 10px; }
.m2pro_aBox:hover .m2pro_more{ color: #FFF; background: #67ab11; }
.m2proTop{padding-top:90px; padding-bottom:90px;}
.m2proTop .imgTextBox { padding-right: 380px; }
.m2proTop .imgTextImgBox{width:380px; text-align:right; right:0; padding-left:50px;}
.m3menuBox span{display:inline-block; margin:0 8px; position:relative;}
.m3menuBox span:before{ content: ""; height: 13px; width: 0px; border-left: 1px dotted #B9B9B9; position: absolute; left: -10px; top: 19px; }
.m3menuBox span:last-child:after{content:""; height: 13px; width: 0px; border-left: 1px dotted #B9B9B9; position: absolute; right: -10px; top: 19px; }
.m2proBox2{ padding-top: 65px; padding-bottom:65px; border-top: 1px dashed #E2E2E2; border-bottom: 1px dashed #E2E2E2; }
.m2proBox2 .imgTextBox { padding-right: 515px; text-align:right }
.m2proBox2 .imgTextImgBox{width:515px; right:0; padding-left:50px;}
.imgTxt_u2 { margin-top: 18px; }
.imgTxt_u2 .bgImg { height: 95px; position: relative; }
.imgTxt_u2 li { margin-bottom: 20px; width:33.3333%; float:left; padding:0 15px; }
.imgTxt_u2 li .bgImg .ellipsis { line-height: 40px; color: #FFF; padding: 0px 10px; background: rgba(0,0,0,0.6); position: absolute; height: 40px; width: 100%; left: 0px; bottom: 0px; text-align: center; }
.m2pro_tabNm { line-height: 26px; font-size: 15px; font-weight: bold; color: #aeaeae; background: #f4f4f4; padding: 7px 0px; text-align: center; }
.m2proTable { padding-bottom: 58px; }
.m2proTable .m2pro_th td { background: #5b5b5b; line-height: 24px; padding: 7px 12px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; }
.m2proTable td{ line-height: 24px; padding: 6px 12px; border: 1px solid #F1F1F1; font-size:14px; }
.imgTxt_t3 { color: #81d100; line-height: 34px; padding-bottom: 14px; font-size: 22px; font-weight: 500; position:relative; }
.imgTxt_t3:after{ content: ""; background: #81d100; height: 1px; width: 38px; position: absolute; left: 0px; bottom: 0px; }
.m2proDtlTop{ padding-top: 65px; padding-bottom:65px;}
.m2proDtlTop .imgTextBox { padding-left: 365px;}
.m2proDtlTop .imgTextImgBox{width:365px; left:0; text-align:center}
.m2proDtlTop .imgTextPbox{ padding-left: 85px; border-left: 1px dotted #94D640; }
.m3proEditor { padding-top: 55px; padding-bottom:20px; font-size: 14px; line-height: 30px; color: #999999; }
.m3pro_des { padding: 0px 0px 45px 22px; }
.m3pro_dt1 { font-size: 24px; line-height: 42px; margin-bottom: 12px; padding-left: 22px; position: relative; color: #333; }
.m3pro_dt1:before{ content: ""; background: #81D100; height: 11px; width: 4px; position: absolute; left: 0px; top: 16px; }
.m3pro_dt2 { font-size: 15px; line-height: 30px; font-weight: bold; color: #81d100; margin-bottom: 10px; }
.m3pro_dul li { background: url(../images/m3icon5.png) no-repeat left 11px; padding-left: 18px; }
.m2wdList{}
.m2wdList dl dt { line-height: 26px; background: #F8F8F8; padding: 24px 85px 24px 95px; position: relative; font-size: 14px; }
.m2wdListBtn { background: url(../images/m3btn2.png) no-repeat; display: block; height: 27px; width: 27px; position: absolute; top: 50%; right: 26px; margin-top: -13.5px; }
.m2wdList dl dd { color: #999999; font-size: 14px; line-height: 26px; padding: 85px 22px 15px; display: none; background: #FBFBFB url(../images/m2wd_icon2.png) no-repeat left top; margin-top: 12px; margin-left: 75px; }
.m2wdList dl { margin-bottom: 18px; }
.m2wdList dl dt.on .m2wdListBtn { background: url(../images/m3btn1.png) no-repeat; }
.m2wdList { padding: 72px 0px 45px; }
.m2wdMore { font-size: 17px; color: #bcbcbc; line-height: 52px; height: 52px; max-width: 322px; border: 1px solid #D5D5D5; text-align: center; display: block; margin: 0px auto 68px; width:100%; }
.m2wdMore i{font-size:18px; margin-left:5px;}
.m2wdIcon { background: #d6d6d6 url(../images/m2wd_icon.png) no-repeat center center; height: 100%; width: 75px; position: absolute; left: 0px; top: 0px; }
.m2wdList dl dt.on .m2wdIcon{ background: #81d100 url(../images/m2wd_icon.png) no-repeat center center;}
.m2usCon1 { background: #FFF url(../images/m2usBg.png) no-repeat center bottom; box-shadow: inset 0 3px 3px rgba(0,0,0,0.08); padding: 68px 0px 78px; }
.m2us_t1 { height: 72px; text-align: center; }
.m2us_t1nm { background: url(../images/m2ticon.png) no-repeat center top; height: 40px; width: 298px; line-height: 38px; text-align: center; display: inline-block; font-size: 30px; font-weight: 500; }
.m2us_txt1 { font-size: 14px; line-height: 36px; padding-bottom: 48px; color: #666666; }
.m2usYearBox { height: 78px; margin-bottom: 60px; background: url(../images/m2line.png) no-repeat center 70px; position: relative; padding: 0px 60px; }
.m2usBtnL { background: url(../images/m2usBtnL.png) no-repeat; height: 55px; width: 28px; position: absolute; left: 0px; bottom: -19px; }
.m2usBtnR { background: url(../images/m2usBtnR.png) no-repeat; height: 55px; width: 28px; position: absolute; right: 0px; bottom: -19px; }
.m2usYearLi { text-align: center; display: block; color: #999999; font: 40px/70px Georgia; position: relative; height: 78px; cursor:pointer; }
.m2usYearLi:after{ content: ""; background: url(../images/m2usicon2.png) no-repeat center center; height: 18px; width: 18px; position: absolute; left: 50%; bottom: -1px; margin-left: -9px; }
.swiper-slide-active .m2usYearLi,.swiper-slide-on .m2usYearLi{ color: #81d100; }
.swiper-slide-active .m2usYearLi:after,.swiper-slide-on .m2usYearLi:after{ background: url(../images/m2usicon1.png) no-repeat center center;}
.m2usYearBoxText { padding: 52px 35px; color: #666; font-size: 14px; line-height: 26px; position: relative; margin: 0px 102px; border: 2px solid #999999; }
.m2usYearBoxText:before{ content: ""; background: url(../images/m2us_icon.png) no-repeat left bottom; position: absolute; left: 0px; top: -19px; height: 19px; width: 16px; display:none }
.m2usYearBoxText ul li { background: url(../images/m2us_icon2.png) no-repeat left 12px; font-size: 14px; line-height: 26px; padding: 4px 0px 4px 20px; }
.m2usYearBoxText ul{position:relative; z-index:2;}
.m2usYearNm { position: absolute; right: 20px; bottom: 10px; color: #A6DE54; font: 112px/130px Georgia; opacity:0.25 }
.m2usCon2 { background: url(../images/m2us_bg1.jpg) no-repeat center center; padding: 68px 0px 78px; }
.m2usCon2 .m2us_t1nm { color: #FFF; background: url(../images/m2ticon2.png) no-repeat center center; }
.m2usSwiper2 { position: relative; }
.m2usBL { background: url(../images/m2usL.png) no-repeat; height: 43px; width: 30px; position: absolute; left: -72px; margin-top: -21px; top: 50%; display: block; }
.m2usBR { background: url(../images/m2usR.png) no-repeat; height: 43px; width: 30px; position: absolute; right: -72px; margin-top: -21px; top: 50%; display: block; }
.m2usBk img { border: 5px solid #DDDDDD; }
.m2usCon3 { padding: 68px 0px 60px; }
.m2usLogo{ border: 1px solid #EAEAEA; height: 90px; position:relative;}
.m2usLogo img{max-width:85%; max-height:85%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.m2usList .swiper-pagination{bottom:0;}
.m2usList{padding-bottom:45px;}
.m2usList .swiper-pagination-bullet{ background: #D7D7D7; height: 2px; width: 22px; opacity:1; border-radius:0 }
.m2usList .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#81D100;}
.m2lx_t1 { font-size: 26px; color: #68b106; padding: 62px 0px 26px; line-height: 42px; }
.m2lxTop { padding: 0px 355px 62px 0px; border-bottom: 1px solid #E4E4E4; position: relative; }
.m2lx_icon1 { background: url(../images/m2lx_icon1.png) no-repeat center center; height: 18px; width: 18px; position: absolute; left: 0px; top: 10px; }
.m2lx_icon2 { background: url(../images/m2lx_icon2.png) no-repeat center center; height: 18px; width: 18px; position: absolute; left: 0px; top: 10px; }
.m2lx_icon3 { background: url(../images/m2lx_icon3.png) no-repeat center center; height: 18px; width: 18px; position: absolute; left: 0px; top: 10px; }
.m2lx_icon4 { background: url(../images/m2lx_icon4.png) no-repeat center center; height: 18px; width: 18px; position: absolute; left: 0px; top: 10px; }
.m2lx_icon5 { background: url(../images/m2lx_icon5.png) no-repeat center center; height: 18px; width: 18px; position: absolute; left: 0px; top: 10px; }
.m2lx_icon6 { background: url(../images/m2lx_icon6.png) no-repeat center center; height: 18px; width: 18px; position: absolute; left: 0px; top: 10px; }
.m2lx_icon7 { background: url(../images/m2lx_icon7.png) no-repeat center center; height: 18px; width: 18px; position: absolute; left: 0px; top: 10px; }
.m2lx_icon8 { background: url(../images/m2lx_icon8.png) no-repeat center center; height: 18px; width: 18px; position: absolute; left: 0px; top: 10px; }
.m2lx_u1 li { line-height: 24px; position: relative; padding: 7px 0px 7px 24px; font-size: 14px; color: #666; }
.m2lx_wxImg { border: 14px solid #F3F3F3; position: absolute; right: 0px; bottom: 50px; }
.m2lxCon { margin-bottom: 95px; }
.m2lxInfo { padding: 20px 0px; border-bottom: 1px solid #E4E4E4; }
.m2lxImg { height: 179px; width: 241px; float: left; position: relative; }
.m2lxImgNm { font-size: 18px; color: #FFF; line-height: 48px; height: 48px; text-align: center; width: 100%; position: absolute; left: 0px; bottom: 0px; background:rgba(0,0,0,0.66); }
.m2lxRbox { margin-left: 242px; }
.m2lxRbox ul li { padding: 0px 25px; float: left; width: 33.3333%; border-right: 1px dashed #E4E4E4; height: ; font-size: 14px; line-height: 24px; color: #999999; min-height:179px; }
.m2lxRbox ul li strong { padding-top: 8px; font-size: 14px; color: #333; line-height: 28px; display: block; }
.m2nlx_t1 { font-size: 34px; color: #68b106; padding: 58px 0px 42px; text-align: center; line-height: 42px; }
.m2nlx_int { padding: 0px 15px; height: 42px; border: 1px solid #ECECEC; font: 14px/40px Arial; color: #666; width: 100%; margin-bottom: 16px; }
.m2nLxBox { margin-bottom: 80px; }
.m2nlx_area { height: 166px; font: 14px/24px Arial; color: #666; padding: 10px 15px; border: 1px solid #ECECEC; margin-bottom: 27px; width: 100%; }
.m2nlx_submit { font: 16px/48px Arial; color: #FFF; text-align: center; display: block; height: 48px; width: 142px; background: #81D100; text-transform: uppercase; }
.m2nlx_submit:hover{ background: #73B700; color: #FFF; font-size: 18px; }
.m2nlx_info p { font-size: 16px; line-height: 22px; color: #666; margin-bottom: 16px; position: relative; padding-left: 26px; }
.m2nlx_info p img{position:absolute; left:0; top:0;}
.m2nlx_info p a{color:#666;}
.m2nlx_share { padding: 5px 0px 20px; }
.mnlx_res1 { background: url(../images/m2n_r1.png) no-repeat; height: 34px; width: 35px; display: inline-block; margin-right: 20px; }
.mnlx_res2 { background: url(../images/m2n_r2.png) no-repeat; height: 34px; width: 35px; display: inline-block; margin-right: 20px; }
.mnlx_res3 { background: url(../images/m2n_r3.png) no-repeat; height: 34px; width: 35px; display: inline-block; margin-right: 20px; }
.mnlx_res4 { background: url(../images/m2n_r4.png) no-repeat; height: 34px; width: 35px; display: inline-block; margin-right: 20px; }
.m2nMap { height: 240px; overflow: hidden; }
.m2zpBox { padding: 66px 0px 50px; }
.m2zpBox dl dt { padding: 10px 0px 10px 75px; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; position: relative; transition:all 0.3s ease-in-out; }
.m2zpIcon { background: url(../images/m2zp_icon.png) no-repeat; height: 13px; width: 15px; position: absolute; left: 28px; margin-top: -6px; top: 50%; transition:all 0.5s ease-in-out; transform:rotate(180deg) }
.m2zpBox dl { margin-bottom: 35px; }
.m2zpNm { height: 96px; border-right: 1px dotted #D8D8D8; padding-top: 18px; color: #999; font-size: 13px; line-height: 28px; float: left; width: 252px; }
.m2zpNm strong { font-size: 15px; line-height: 28px; font-weight: normal; display: block; color: #333; }
.m2zp_tag { line-height: 30px; height: 32px; border: 1px solid #CBCBCB; text-align: center; display: inline-block; margin: 30px 0px 0px 12%; border-radius: 1.6em; padding: 0px 2.5%; font-size: 15px; color: #666; }
.m2zpBox dl dt.on{ background: #f9f9f9; }
.m2zpBox dl dd { font-size: 14px; line-height: 26px; color: #666666; padding: 35px 35px 35px 75px; background: #FCFCFC; border-top: 1px solid #FFFFFF; }
.m2zpBox dl dt.on .m2zpIcon{ transform:rotate(0deg)}
.m2tzCon1 { padding: 60px 0px 50px; }
.m2tzTop { height: 371px; margin-bottom: 50px; }
.m2tzTopL { float: left; width: 25.5%; height: 100%; position: relative; background: #f4f4f4 url(../images/m2tz_icon1.png) no-repeat center 80px; padding-left: 35px; }
.m2tz_s1 { font-size: 30px; line-height: 68px; padding-top: 180px; position: relative; display: inline-block; }
.m2tz_s1:after{ content: ""; background: #999999; height: 5px; width: 40px; position: absolute; left: 0px; bottom: -5px; }
.m2tz_u1 li { float: left; width: 33.3333%; height: 186px; margin-top: -1px; margin-left: -1px; border: 1px solid #F1F1F1; position: relative; text-align: center; }
.m2tz_u1 { margin-left: 25.5%; margin-top: 1px; }
.m2tz_u1box { width: 100%; text-align: center; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); padding-top: 4px; }
.m2tz_u1box p { line-height: 24px; padding-top: 5px; font-size: 12px; }
.m2tz_u2 { margin: 0px -19px 40px; }
.m2tz_u2 li{margin-top:-1px;}
.m2tz_lix { line-height: 52px; padding: 0px 15px 0px 50px; height: 54px; border: 1px solid #E8E8E8; display: block; position: relative; font-size: 14px; overflow: hidden; }
.m2tz_lix:before{ content: ""; background: url(../images/m2tz_ssicon1.png) no-repeat; height: 18px; width: 17px; position: absolute; left: 19px; top: 15px; }
.m2tz_lix:after{ content: ""; background: url(../images/m2tz_ssicon2.png) no-repeat; height: 18px; width: 17px; position: absolute; left: 19px; top: 15px; opacity:0; transition:all 0.5s ease-in-out; }
.m2tz_lix:hover:after{content:""; opacity:1}
.m2tzMid { background: url(../images/m2tz_bg.jpg) no-repeat center center; height: 305px; }
.m2tzBom { padding: 60px 0px 50px; }
.m2tzBom ul li { float: left; width: 33.3333%; height: 157px; position: relative; margin-top: -1px; margin-left: -1px; border: 1px solid #E8E8E8; }
.m2tzbomBx{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; padding: 0px 15px; }
.m2tzBm_t1 { font-size: 24px; line-height: 32px; }
.m2tzbomBx p { font-size: 12px; line-height: 22px; color: #666666; padding-top: 13px; }
.m2tzBm_t2 { font-size: 18px; line-height: 26px; }
.cor_green { color: #81d100; }
.m2tzMidBox { height: 100%; position: relative; }
.m2tz_s2 { color: #FFF; font-size: 30px; line-height: 70px; display: inline-block; margin-top: -35px; position: absolute; left: 15px; top: 50%; }
.m2tz_s2:after{ content: ""; background: #FFF; height: 5px; width: 40px; position: absolute; left: 0px; bottom: -5px; }
.m2tz_more { background: url(../images/m2tz_m.png) no-repeat left center; height: 48px; display: inline-block; padding-left: 65px; line-height: 48px; color: #FFF; font-size: 18px; margin-top: -24px; position: absolute; top: 50%; right: 15px; }
.m2tz_u1 li:hover img{-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}
.m2tzBom li:hover img{-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}
.m2newList { padding: 75px 0px 12px; display: block; }
.m2newList li { height: 200px; margin-bottom: 55px; }
.m2new_aBox { display: block; }
.m2new_aBox .overflowHide { float: left; height: 200px; width: 325px; }
.m2new_aIcon{ background: rgba(0,0,0,0.4) url(../images/m2jicon.png) no-repeat center center; width: 100%; height: 100%; left: 0; top: 0; opacity:0 }
.m2new_aBox:hover .m2new_aIcon{ opacity:1;}
.m2newTxt { margin-left: 452px; position: relative; }
.m2new_t1 { font-size: 17px; color: #000000; line-height: 46px; height: 46px; margin-bottom: 14px; }
.m2newDes { line-height: 24px; padding-top: 20px; border-top: 1px solid #F1F1F1; height: 68px; overflow: hidden; position: relative; font-size: 14px; color: #666666; }
.m2newMore { background: url(../images/m2nicon.png) no-repeat; height: 23px; width: 42px; display: block; margin-top: 37px; }
.m2new_time { font: 16px/22px Arial; color: #999999; text-align: center; display: inline-block; width: 65px; position: absolute; top: 60px; left: -98px; }
.m2newTimes { font-size: 60px; line-height: 52px; height: 52px; display: block; position: absolute; width: 100%; left: 0px; top: -52px; color: #cacaca; }
.m2new_aBox:hover .m2new_t1{ color: #81d100; }
.m3new_t1 { font-size: 26px; color: #81d100; line-height: 40px; text-align: center; padding: 65px 0px 34px; }
.m3newInfo { line-height: 24px; padding: 8px 130px 8px 15px; background: #FAFAFA; position: relative; margin-bottom: 38px; font-size: 14px; color: #666666; }
.m3new_s1 { background: url(../images/m3n_icon1.png) no-repeat left center; float: left; margin-right: 32px; padding-left: 24px; }
.m3new_s2 { background: url(../images/m3n_icon2.png) no-repeat left center; float: left; margin-right: 32px; padding-left: 24px; }
.m3new_s3 { background: url(../images/m3n_icon3.png) no-repeat left center; float: left; margin-right: 32px; padding-left: 24px; }
.m3new_back { background: url(../images/m3n_icon4.png) no-repeat 22px center; padding-right: 15px; padding-left: 49px; position: absolute; top: 0px; right: 0px; height: 40px; display: inline-block; line-height: 40px; color: #666; }
.m3Editor { font-size: 14px; line-height: 30px; color: #666666; padding-bottom: 75px; }
.m3page { margin-bottom: 75px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 0px 25px; line-height: 50px; height: 52px; }
.m3prev i { background: url(../images/m3n_arrow1.png) no-repeat left top; float: left; height: 19px; width: 30px; margin: 16px 13px 0px 0px; }
.m3prev { font-size: 15px; float: left; }
.m3prev:hover i{ background: url(../images/m3n_arrow1.png) no-repeat right top;}
.m3next i { background: url(../images/m3n_arrow2.png) no-repeat right top; float: right; height: 19px; width: 30px; margin: 16px 0px 0px 13px; }
.m3next { font-size: 15px; float: right; }
.m3next:hover i{ background: url(../images/m3n_arrow2.png) no-repeat left top;}
.m2dwTop { height: 30px; margin-top: 52px; position:relative; z-index:10 }
.m2dwSer { background: #F5F5F5; height: 30px; width: 210px; margin-left: 22px; float: right; position: relative; }
.m2serInt { padding: 0px 38px 0px 8px; width: 100%; line-height: 30px; height: 30px; border-width: 0px; border-style: none; background: none; color: #666; }
.m2dwSubmit { background: url(../images/m3btn.jpg) no-repeat; display: block; border-width: 0px; border-style: none; position: absolute; height: 30px; width: 30px; top: 0px; right: 0px; cursor: pointer; }
.m2dwSelBox { height: 30px; width: 175px; position: relative; background: #F5F5F5; float: right; }
.m2dwInt2 { width: 100%; background: url(../images/m3btn2.jpg) no-repeat right top; height: 30px; padding: 0px 38px 0px 8px; border-width: 0px; border-style: none; color: #666; line-height: 30px; }
.m2dwOption { width: 100%; position: absolute; left: 0px; top: 30px; padding: 5px 0px; background: #F5F5F5; border-top: 1px solid #E2E2E2; }
.m2dwOption ul{max-height:130px; overflow-y:auto;}
.m2dwSelBox ul li { line-height: 26px; padding: 0px 8px; color: #666; }
.m2dwSelBox ul li:hover { background: #FFF; }
.m2dw_t1 { line-height: 30px; background: url(../images/mdw_line.jpg) repeat-x left center; height: 30px; margin: 47px 0px 20px; }
.m2dw_t1 span { background: #FFF url(../images/m2squer.jpg) no-repeat left center; padding: 0px 9px 0px 17px; font-size: 22px; float: left; }
.m2dw_wdBox .m2wdBox { background: #F9F9F9; }
.m2dwContainer{position:relative; z-index:5;}

/*2016-12-09*/
#Top{ text-align:center; color:#FFFFFF; text-transform:uppercase; width:40px; height:40px; line-height:40px; cursor:pointer; position:fixed; background:rgba(0,0,0,0.8); border-radius:50%; right:0; bottom:2%; display:none; font-size:20px; z-index:3;}

@media (max-width:1600px){
nav.navbar.bootsnav ul.nav > li > a{margin:0 8px; padding:0 14px}
.hmBom_dl{width:11.5%;}
}

@media (max-width:1400px){
nav.navbar.bootsnav ul.nav > li > a{margin:0 5px; padding:0 10px}
.hmBom_dl{margin-left:4%;}
}
@media (max-width:1360px){
nav.navbar.bootsnav ul.nav > li > a{margin:0 3px; padding:0 6px}
.hmBom_dl{margin-left:3%;}
.hmProBox,.hmBomLogo{margin-left:40px; margin-right:40px;}
.hmProBtnL,.hmLogoBtnL{left:-50px;}
.hmProBtnR,.hmLogoBtnR{right:-50px;}
.hmBom_dl{width:8%; min-width:180px;}
}

@media (max-width:1199px) and (min-width:993px){
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{left:0!important; margin-left:0!important}
}

@media (max-width:1270px){
nav.navbar.bootsnav ul.nav > li > a{font-size:14px;}
.hmBom_wxBox{display:none;}
}

@media (max-width:1199px){
.navCoder{display:none;}
.navbar-brand .dsPcPad{width:106px; overflow:hidden;}
.hmNews li{padding-left:15px; padding-right:15px;}
.hmNews{margin-left:-15px; margin-right:-15px;}
.hmBan, .hmBan .swiper-wrapper{height:550px;}
.hmCaseList li{padding-left:15px; padding-right:15px; margin-bottom:30px; /*text-align:center*/}
.hmCaseList{margin-left:-15px; margin-right:-15px;}
.hmc3L{width:44%;}
.hmc3R{width:56%;}
.hmBom_dl{min-width:175px;}
.nav-pro{height:120px;}
nav.navbar.bootsnav ul.nav > li > a {margin: 0 8px;padding: 0 10px;}
.m2lxRbox ul li{width:100%; padding-left:15px; padding-right:15px; min-height:50px;}
.m2zp_tag{margin-left:8%;}
}

@media (max-width:1099px){
.m2usSwiper2{margin-left:66px; margin-right:66px;}
.m2usBL{left:-66px;}
.m2usBR{right:-66px;}
.m2usYearLi{font-size:32px;}
.m2lxTop{padding-right:160px;}
}

@media (max-width:991px){
.navSer{display:none;}
.navbar-brand .dsPcPad{width:50px;}
.navbar-brand .dsPcPad img{width:122px; height:auto;}
.navTopR{ position: absolute; right: 15px; top: 0; line-height: 48px; font-size: 14px; color: #81d100; }
.navTopR a{ /*background: url(../images/lanIcon2.png) no-repeat center center;*/ height: 48px; width: 16px;/* overflow: hidden; text-indent: 1000px;*/ float:right; }
.navLan{ color:#81D100; font-size:18px;}
.navLan span{ display:none; color:#81D100;}
.navMserch{ float: right; height: 48px; margin-right: 15px; }
.mserBtn{ display: block; width: 16px; height: 48px; line-height:48px; text-align:center; font-size:16px; color:#81D100;/* background: url(../images/topSerIocn2.png) no-repeat center center;*/ cursor:pointer }
.mserIntBox{ line-height: 38px; padding: 0px 15px; height: 48px; width: 250px; position: absolute; top: 48px; right: 0px; background: #FFF; border-radius:0 0 0.2em 0.2em; }
.m_navSerBoxSy{ line-height: 32px; height: 34px; padding: 0px 40px 0px 10px; width: 100%; font-size: 14px; color: #666; border: 1px solid #ddd; margin-top: 2px; }
.mserBtnSubmit{ /*background: url(../images/topSerIocn2.png) no-repeat center center!important;*/ background:none !important; line-height:36px; position: absolute; top: 0px!important; right: 28px!important; display: block; height:36px!important; font-size:16px; color:#81D100; text-indent:0px !important;}
.navbar-brand{padding-top:7px;}
nav #navbar-menu *{font-size:14px!important;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{padding-right:15px!important;}
nav.navbar.bootsnav .navbar-toggle{color: #81d100; margin-top:11px;}
nav.navbar.bootsnav ul.nav > li > a{line-height:36px; border-bottom:none; font-size:14px; margin:0}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{padding:0px 15px; line-height:36px; font-size:14px;}
.hmBan, .hmBan .swiper-wrapper{height:450px;}
.hmc3L{width:100%; float:none;}
.hmc3R{width:100%; float:none;}
.hmNews li:last-child{ display:block}
.hmBom_logo{display:none;}
.hmBom_dl{margin-left:5px; min-width:140px;}
.hmBom_dl:nth-child(3){ min-width:200px;}
.hmc3Ul{border-left:1px solid #efefef}
.imgTextPbox,.imgTextBox,.imgTxtTable{padding-right:0!important;padding-left:0!important; height:auto!important;}
.imgTextImgBox{position:static!important; transform:translateY(0%)!important; margin-top:35px!important; width:100%!important; text-align:center!important; padding:0!important;}
.m3proDes1Box,.m3proDes2Box,.m2proTop {padding-top: 65px; padding-bottom:65px;}
.m2banTxt{font-size:20px;}
.m2banTxt:before{left:-70px;}
.m2banTxt:after{right:-70px;}
.m2ban{height:300px;}
.m2menuBox{margin-top:25px; height:auto; margin-bottom:15px; background:none;}
.m2menu_a{border:none; color:#333; margin-left:2px; margin-right:2px; padding:0 15px; line-height:44px; height:44px; margin-bottom:10px;}
.m2proDtlTop .imgTextPbox{border:none;}
.m3menuBox{padding:25px 0 15px;}
.m3menuBox span{margin-bottom:10px;}
.m2nlx_info{margin-top:35px;}
.m2zp_tag{margin-left:4%;}
.m2newDes{height:92px;}
.m2newMore{margin-top:16px;}
}

@media (max-width:767px){
.hmBanBtnL,.hmBanBtnR{display:none!important;}
.navbar-brand .dsPcPad{width:50px; display:block}
.hmBan, .hmBan .swiper-wrapper,.wrapper{height:100%;}
.hmTbox{font-size:22px; padding-top:30px; margin-bottom:0px;}
.hmTbox:after{height:3px; bottom:-1px;}
.hmc3Ul li{width:100%; height:auto; padding-bottom:20px;}
.hmc3Ul ul li p{height:auto;}
.hmc3Ul{height:auto;}
.hmc3R{height:auto;}
.hmBom_dl{width:100%; margin-bottom:15px;}
.hmBomInfo{width:100%; margin-top:15px;}
.hmBom_dl dd{margin:0 10px; white-space:normal; float:left}
.hmBom_dl{height:auto;}
.hmBom_dl:after{content:""; display:table; clear:both}
.hmBom_dl dt{padding-left:10px;}
.hmBom_dl dd:last-child{width:100%;}
.imgTxt_t1{font-size:28px; line-height:40px;}
.imgTxt_t2 {font-size: 20px;line-height: 30px;}
.m2banTxt{font-size:16px;}
.m2banTxt:before{left:-35px; width:25px;}
.m2banTxt:after{right:-35px; width:25px;}
.m2ban{height:180px;}
.m2menu_a{ line-height:36px; height:36px; margin-bottom:0px;}
.m2proImgBox{width:100%; text-align:center;}
.m2proList{border:none; margin-left:0; padding-left:0; padding-bottom:20px;}
.m2pro_t1 {font-size: 21px;line-height: 30px;padding-top: 20px;}
.m2proDes {font-size: 15px;line-height: 26px;margin-bottom: 16px;}
.m2put_t1 span{font-size:22px;}
.m2wdList dl dd{margin-left:0;}
.m2wdIcon{width:65px;}
.m2wdListBtn{right:15px;}
.m2wdList dl dt{padding:24px 55px 24px 85px;}
.m2usYearBoxText{margin-left:0; margin-right:0; padding-bottom:105px; padding-left:20px; padding-right:20px;}
.m2us_txt1{line-height:30px;}
.m2us_t1nm{font-size:28px;}
.m2lxTop{padding-right:0;}
.m2lx_wxImg{position:static; margin-top:15px;}
.m2lx_t1{font-size:22px; line-height:36px;}
.m2lxImg{float:none; width:100%; margin-bottom:15px;}
.m2lxRbox{margin-left:0;}
.m2lxRbox ul li{padding-left:0; padding-right:0; border:none;}
.m2zp_tag{display:none;}
.m2zpIcon{left:10px;}
.m2zpNm{float:none; width:auto; margin-left:45px;}
.m2zpBox dl dt{padding-left:0;}
.m2zpBox dl dd{padding-left:15px; padding-right:15px;}
.m2tzTopL{width:100%; float:none; height:280px; background-position:center 30px;}
.m2tz_s1{ padding-top:150px; font-size:26px;}
.m2tz_u1{margin-left:0;}
.m2tz_u1 li{width:50%;}
.m2tzTop{height:auto;}
.m2tz_s2{font-size:26px;}
.m2tzBom ul li{width:50%;}
.m2new_aBox .overflowHide{width:100%; float:none}
.m2newTxt{margin-left:0;}
.m2newList li{height:auto;}
.m2new_time{display:none;}
.m2new_t1{margin-bottom:5px;}
.m2newDes{padding-top:14px;}
.m3new_t1{font-size:22px; line-height:32px; padding-top:50px;}
.m3newInfo{padding-right:0;}
.m3new_back{position:static; margin:12px auto 0;}
.m3newInfo span{display:block; width:100%; margin-right:0; margin-top:5px}
.m3new_back{padding-left:28px; background-position:2px center;}
.m3page{padding-left:10px; padding-right:10px;}
.m2dwTop{height:70px; margin-bottom:0px; top:35px;}
.m2dwSer{margin-left:0; width:100%; margin-bottom:10px;}
.m2dwSelBox{width:100%;}
.m2dwSelBox{margin-top:-80px;}
.imgTxt_u2 li {width:100%;}
}

/*首页Focus自适应*/
.hmBan, .hmBan .swiper-wrapper{height:auto!important;}
.hmBan .swiper-wrapper img{width:100%!important; height:auto!important;}

@media (min-width:993px){
.nav li:nth-child(1).dropdown a{padding:0 25px!important;} 
.nav li:nth-child(3) .col-menu{width:25%;}
.nav li:nth-child(3) .menu-col{height:170px; overflow:hidden;}
}
.onePageCon{background:none;}

.clear { clear:both; width:100%; height:1px;}
.clear36 { clear:both; width:100%; height:36px;}
.fontleft{ text-align:left; color:#fff;}
.fontright { text-align:left; color:#fff; float:left;  width:400px; margin-bottom:40px;}

.fontleft .ind_con_lian{ height:30px; line-height:30px; margin-bottom:40px; font-size:18px;}
.fontleft .ind_con_lian > li{   font-size:14px; display:inline; padding-left:20px;}

.fontleft .ind_con_where { padding:0px 0 0 40px; background:url(../images/foot_where.png) no-repeat left top; font-size:16px;margin:0 0 17px 0; line-height:22px; }
.fontleft .ind_con_where >li{  font-size:14px; color:#969696; }

.fontleft .ind_con_tel { padding:0px 0 0 40px; background:url(../images/foot_tel.png) no-repeat left top; font-size:16px; margin:0 0 17px 0; line-height:22px;}
.fontleft .ind_con_tel >li{  font-size:14px; color:#969696; }

.fontleft .ind_con_weixin { padding:0px 0 0 40px; background:url(../images/foot_weixin.png) no-repeat left top; font-size:16px; margin:0 0 17px 0; line-height:22px;}
.fontleft .ind_con_weixin >li{  font-size:14px; color:#969696; }

.fontleft .ind_con_erweima { padding:0px 0 60px 40px; }

.fontright .ind_con_lian{ height:30px; line-height:30px; margin-bottom:40px; font-size:18px;}
.fontright .ind_con_lian > li{   font-size:14px; display:inline; padding-left:20px;}

.fontright iframe{ width:400px;height:304px; border:0px;

SCROLLBAR-FACE-COLOR :     rgb(10,236,209) ;     /*滚动条凸出部分的颜色*/ 
SCROLLBAR-HIGHLIGHT-COLOR :     rgb(23,255,155); /*滚动条空白部分的颜色*/ 
SCROLLBAR-SHADOW-COLOR :     rgb(255,116,23) ;   /*立体滚动条阴影的颜色*/ 
SCROLLBAR-3DLIGHT-COLOR :     rgb(66,93,127) ;   /*滚动条亮边的颜色*/ 
SCROLLBAR-ARROW-COLOR :     rgb(93,232,255) ;    /*上下按钮上三角箭头的颜色*/ 
SCROLLBAR-TRACK-COLOR :     rgb(255,70,130) ;    /*滚动条的背景颜色*/ 
SCROLLBAR-DARKSHADOW-COLOR :     rgb(10,0,209);  /*滚动条强阴影的颜*/ 
SCROLLBAR-BASE-COLOR :     rgb(66,93,128)        /*滚动条的基本颜色*/ 

}







*{list-style:none;}
.index_about_title{ 
	width:100%; 
	font-size: calc(100vw / 1920* 38);
    line-height: calc(100vw / 1920* 58);
	height: calc(100vw / 1920* 58);
}
.index_about_title .cn_title{ float:left; color:#080f1f;}
.index_about_title .en_title{ float:left; color:#080f1f; font-size:calc(100vw / 1920* 28); line-height:calc(100vw / 1920* 68); padding-left:calc(100vw / 1920* 24);}
.index_about_con{   width:100%; font-size:calc(100vw / 1920* 24); color:#080f1f; font-family:'宋体'; line-height:calc(100vw / 1920* 44); padding-top:calc(100vw / 1920* 24); padding-right:30px;}
.index_about_con .con_sec_main{font-size:calc(100vw / 1920* 20); line-height:calc(100vw / 1920* 34); padding-top:calc(100vw / 1920* 38);}

.index_pro_title {width:100%; font-size:26px; color:#000; padding:14% 3px 5% 2%; }
.index_pro_con   {width:100%; font-size:16px; color:#9c9c9c; line-height:25px;padding:0% 3px 3% 2%;}
.index_pro_dian  {width:100%; font-size:16px; color:#9c9c9c; list-style:disc outside; padding:0% 3px 3% 2%;}

.ind_news{ height:160px; padding:2px 23px 2px 2px;  display:block; float:left;  color:#000; background-color:#fff; margin-top:40px;}

.ind_news img{ height:156px;  float:left; padding:0px 20px 0px 0px; }
.ind_news .wenzi{ display:block;  float:left; height:160px; padding:0px 0px 0px 0px; }
.ind_news .index_news_title{ display:block;  float:left; font-size:18px; width:100%; height:40px; line-height:40px; }
.ind_news .time{ display:block;  float:right; font-size:18px; }
.ind_news .index_news_con  { display:block;  float:left; font-size:16px; height:90px; line-height:25px;}
.ind_news .index_news_monre  { display:block;  float:right; font-size:16px; font-size:16px;}


.ind_news:hover { background-color:#24b874;}
.ind_news:hover span{ color:#FFF;}




@media (max-width:767px){

.index_pro_title{ text-align:center; padding:3% 3px 5% 2%;}
.ind_news { height:auto;}
.ind_news img { padding:0px; width:auto; text-align: center;}
.ind_about_more{ display:none;}
.index_about_con{ padding:20px 0px 0px 0px;text-align:left; }

.hmLogoBtnL{left:-20px;}
.hmLogoBtnR{right:-20px;}
.hmBomLogo{ margin-left:0px!important; margin-right:0px!important;}
.pro_title{margin-left:10px!important;}
.pro_con{margin-left:10px!important;}

.fontleft .ind_con_erweima{padding:0px; text-align:center;margin-bottom:30px; }
.fontleft .ind_con_erweima img{ width:50%;}
.fontright .ind_con_lian{ margin-bottom:5px;}

.fontright{ width:100%;}
.fontright iframe{ width:100%;}

 
.hmBom_aBox img { position:initial; left: 0; top: 0; transform:none; width:100%;}
.pro_title{margin-top:0px!important;}

.pro_show_en{margin-left:10px!important}
.pro_show_cn{margin-left:10px!important; margin-bottom:10px; }





}

@media (min-width:767px){
.index_pro_title , .index_pro_con , .index_pro_dian{ text-align:left;}

.job_img img{  float:right ;}
.job_about{  margin:30px 0 0 0; padding-right:70px;}

}
.footer  a{ color:#c7c7c7; text-align:center; padding:0px 3px 0px 5px; }

.footer { color:#c7c7c7;line-height:30px; text-align:center; font-size:16px; background-color:#333333; padding:25px 0px 15px; }
.footer .foot_top span{  text-align:center; padding:0px 3px 0px 5px; }
.footer .foot_top a{ color:#c7c7c7; text-align:center; padding:0px 3px 0px 5px; }

.last_news{ font-size:16px;line-height:40px; color:#4c4c4c;}
.last_news_cn{  line-height:30px;}


.last_pro_cn{  line-height:30px;margin-bottom:10px; font-weight:bold;}
.last_pro{ font-size:20px;line-height:40px; color:#666666; }


.ind_pro_wenzi2{  margin-top:50px; }
.ind_pro_wenzi2 .pro_con { line-height:27px;}
.pro_title{font-size:18px; color:#9d9b9b; margin-top:30px;  margin-left:40px;line-height:26px}
.pro_title .black{ color:#000000;;}
.pro_con  {font-size:16px; color:#9c9c9c; line-height:26px;margin-top:20px;margin-left:40px;}
.pro_con .black{ color:#000000;;}
.pro_li   {font-size:16px; color:#9c9c9c; line-height:32px;margin-top:20px;margin-left:40px; margin-bottom:50px;}

.ind_about_more{border:1px solid #fff;  color:#fff;border-radius:25px; float:right;height:36px; width:115px; margin:0px auto 0px; text-align:center; line-height:36px; font-size:16px; margin-right:30px;}
.ind_about_more:hover{border:1px solid #fff;  color:#fff;border-radius:25px;}

.banner_down{  width:100%;  height:30px; background:#00b875; display:none;}

.pro_5_cn{ font-size:26px; text-align:center; color:#00121e; margin:50px 0 10px 0;   }
.pro_5_en{ font-size:22px; text-align:center; color:#666666; margin:10px 0 20px 0;   }
.pro_5_con{font-size:16px; text-align:center; color:#666666; margin:10px 0 20px 0; line-height:26px;   }
.feature-single { text-align:center; font-size:16px; margin:50px 0 25px 0px; line-height:26px;}
.feature-single img{  margin:0 0 10px 0;}

.new_nav{ position: relative; bottom:36px; line-height:33px;  height:33px; z-index:9999; }
.new_nav ul{  display:block; height:33px;z-index:9999; }
.new_nav ul a{ background:#747474; display:block;text-align:center;  margin-right:1% ;color:#fff; font-size:16px; width:24%!important; z-index:9999; }
.new_nav ul a:hover,.new_nav ul .active{ background:#24b874;   }

.history_title{ width:100%;  line-height:30px; text-align:center;font-size:20px;font-weight:bold; color:#666; margin-bottom:20px;}



/*移动背景*/
#ydbj1 {background-image: url(/images/foot_bg.jpg);background-position: center;height: 700px;margin-top: 0px;margin-bottom: 0px;padding-top: 120px;}
#ydbj2 {background-image: url(/images/foot_bg2.jpg); background-position: center center; height: 360px; margin-top: 0px; margin-bottom: 0px;padding-top: 50px;}
@media (max-width:1200px) {
    #ydbj1, #ydbj2 {height: auto;}
    .img100 {width: 100%;}
}

.pro_foot{ background:url(/images/pro_foot.jpg) top center; }
.pro_foot_cn{ text-align:center; font-size:26px; line-height:26px; color:#fff; margin:45px 0 20px 0;}
.pro_foot_en{ text-align:center; font-size:20px; line-height:20px; color:#a9a8a8; margin:0px 0 20px 0;}


.fontleft2{ text-align:left; color:#fff;}
.fontleft2 > ul{      margin:40px 0 0 0;  font-size:16px;color:#ffffff;  line-height:22px;  }
.fontleft2 > ul > li{ margin:0px 0 0 0;  font-size:14px;color:#DCDCDC;     line-height:22px;  }

.fontright2 { text-align:left; color:#fff; float:left;  width:400px; margin-bottom:40px;}

.fontright2 .shuru{ text-align:left; color:#fff; /*float:left;*/  margin:55px 0 0px 0px; padding:0px 0px 5px 0; font-size:14px; border-bottom:1px solid #999999; }
.fontright2 input{  text-align:left; color:#ccc; /*float:left;*/  margin:0 0 0px 10px; }



.fontleft2 .ind_con_where { }
.fontleft2 .ind_con_where >li{}

.fontleft2 .ind_con_tel {   }
.fontleft2 .ind_con_tel >li{   }

.fontleft2 .ind_con_mail{  }
.fontleft2 .ind_con_mail > li{ padding-bottom:20px;}


.fontleft2 .ind_con_erweima { padding:0px 0 60px 40px; }

.video{ background:url(/images/video.jpg); width:1200px; height:558px;;}
.about_cn { display:block; color:#000; font-size:18px; text-align:left; padding:0px 0 10px 0px;margin:50px 0 20px 20px; background:url(/images/nane_bottom.jpg) bottom left no-repeat;}
.about_en { color:#666666; font-size:14px; text-align:left; margin-right:10px;  margin:0px 0 0px 10px;}
.about_con{  display:block; color:#434343; font-size:16px; text-align:left; margin:0px 0 40px 20px; line-height:26px;}
.about_logo{ padding:0px 0px 0px 0px}
.about_logo img { width:100%;}

.fortab{  border-bottom:10px solid #00b875; margin:0 auto; width:1112px;  }
.fortab .tab_title{ height:43px; /*width:1110px;*/ padding:0 0 0 0px;   float:left;   }
.fortab .tab_title .tab-li { height:43px; width:150px; float:left; display:block; font-size:24px; line-height:43px; background-color:#b2b2b2; text-align:center; background-color:#b2b2b2;  color:#fff;  }
.fortab .tab_title .tab-li:hover{ background-color:#646464;   }

.fortab .tab_contant{ /*height:778px*/; width:1111px; background-color:#fff;  border:1px #414141 solid; float:left; padding:20px; font-size:12px;    }
  
.news_title { width:100%; margin:40px 0 50px 0; height:auto; }
.news_title .news_li{   font-size:20px; /*line-height:46px; height:46px;*/ padding:10px 0px; text-align:center;  }

.news_title .news_li > a{  color:#000;  padding:8px 30px;  }
.news_title .news_li > a:hover{  color:#fff; background-color:#00b875;  }
.news_title .here{  color:#fff; background-color:#00b875;  }

.news_hot{ background-color:#f8f8f8; float:left;  padding:15px 0px; }
.news_hot .news_hot_a { float:left; padding:10px 0px;}
.news_hot .news_hot_a .img{ float:left; height:180px; }
.news_hot .news_hot_a .news_hot_r{ float:left;}
.news_hot .news_hot_a .news_hot_r > span{ width:100%; float:left; font-size:16px;}
.news_hot .news_hot_a .news_hot_r .title{ font-size:20px; margin:15px 0 0 0; color:#000000;}
.news_hot .news_hot_a .news_hot_r .time { margin:7px 0 0 0; color:#a7a7a7;}
.news_hot .news_hot_a .news_hot_r .con  { margin:10px 0 0 0; color:#666666; line-height:25px;}
.news_hot .news_hot_a .news_hot_r .more { margin:10px 0 0 0; color:#666666;font-size:14px; text-align:right;  }
.news_hot .news_hot_a :hover { color:#000;}

.news_list{ width:100%; margin:0px 0 50px 0; float:left;}
.news_list_a{  margin:30px 0 10px 0; display:block; float:left; border-bottom:1px solid #d7d7d7; width:100%;  }
.news_list_a > li{    display:block; float:left;  width:100%; }
.news_list_a .title{ margin:0px 0px 0px 0px; color:#000;   font-size:16px; display:block;float:left}
.news_list_a .time { margin:5px 0px 0px 0px; color:#a7a7a7;font-size:14px;}
.news_list_a .con  { margin:18px 0px 0px 0px; color:#666666;font-size:14px; min-height:40px;  line-height:20px; }
.news_list_a .more { margin:0px 0px 0px 0px; color:#666666;font-size:14px; text-align:right; padding:0px 2% 10px 0;}
.job_about{  line-height:30px; font-size:16px;}

.honor_li{  display:block;float:left; }
.honor_li .honor_li_a {    display:block;height:auto; text-align:center; margin-bottom:40px; }
.honor_li .honor_li_a img{  width:100%;padding:10px; }
.honor_li .honor_li_a span{  color:#2b2b2b ;font-size:14px;}
.honor_li:hover .honor_li_a img{  background-color:#ccc }
.honor_li:hover .honor_li_a span{   color:#2b2b2b }

 
.pro_show_en{font-size:26px; color:#00b875;    margin-left:40px;line-height:26px}
.pro_show_cn{font-size:18px; color:#00121e;    margin-left:40px;line-height:26px; padding-bottom:10px; border-bottom:1px #cccccc solid;}


.index_about_main{
	padding:calc(90 * 530 / 680 * 100vw /1920) 0;
}


@media (min-width:768px) {
.none768{ display:block}
.block768{ display:none}

}

@media (max-width:768px) {
.none768{ display:none}
.block768{ display:block}

.wap_100{ width:100%;}

.fontleft2 > ul{    margin:10px 0 0 0;   }
.fontright2 .shuru{  margin:25px 0 0px 0px;   }
.fortab {  width:auto;}
.fortab .tab_contant{ width:auto;font-size:18px; line-height:40px;padding:30px 20px 0 25px;  }

.none768{ display:none}
.new_nav{  margin-top:33px;padding:0px 0px 0px 0px!important}
.new_nav ul a{ padding:0px 0px 0px 0px!important;font-size:14px; }

.web_pro_list{padding:5px 5px 3px 5px!important;}
.hmNews_aBox .overflowHide{ height:155px!important;}
.hmNews li{margin-bottom:5px;}
.hmNewsDes .ellipsis{font-size:14px;}
.honor_li{ padding:0px 0px 0px 0px;}
.honor_li .honor_li_a{ margin-bottom:20px;}
.honor_li .honor_li_a img{padding:5px 5px 0px 5px;}
}
@media (max-width:1000px) {

.pro_li{ display:none;}

}