@charset "UTF-8";
html{min-width: 1200px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
body{margin-top: -28px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color: #333333;}
h1,h2,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}
ul,ol,
li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
.w1300{width: 1300px; margin: 0 auto;}
.ico{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #000; text-decoration: none;cursor:pointer;}
a:hover{color: #e02f36; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{transition: all ease 300ms;}
.noease,
.noease *{transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}

/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.dialog-layout {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
/***************top and bottom css*********************/
/*top*/
.commonTop{position:relative;width:100%;height:213px;background:url("../images/topBg.png") no-repeat center center;background-size:100% 213px;}
.top_main{height:40px;line-height:40px;border-bottom:1px solid #ffc565;}
.top_main .top_l{font-size:12px;color:#333;}
.top_main .top_r{float:right;}
.top_main li{position: relative; float:left;display: inline-block; *display: block; *zoom: 1; text-align: center;}
.top_main li a{font-size:12px;color:#333;cursor: pointer;}
.top_main .top_r .imgbox{width: 160px; position: absolute; background: #e02f36; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; color: #fff; padding: 10px; top: 40px; right: -64px; display: none;z-index:99;}
.top_main .top_r .imgbox img{width: 160px; height: 160px; display: block; margin: 0 auto;}
.top_main .top_r .imgbox span{font-size:16px;line-height:40px;}
.top_main .top_r .mobile:hover a{color:#e02f36;}
.top_main .top_r .line{margin-top:18px;padding:0 12px;display:block;width:5px;height:5px;background:url("../images/tpoint.png") no-repeat center center;background-size:5px 5px;}
.top_main .top_r a:hover{color:#e02f36;}

/*header_main*/
.header_main{position: relative;width:100%; height:173px; z-index: 12;}
.header_main .header{padding:10px 0 10px;height:97px;}
.header_main .logo{display:block;}
.header_main .webLogo{float:left;display: block;height:75px;}
.header_main .webLogo img{display: block;height:75px;vertical-align: middle;}
.header_main .slogan{margin-left:26px;}
.header_main .slogan .tit1{margin-top:14px;display:block;font-size:26px;line-height:28px;color:#333;}
.header_main .slogan .subtit1{margin-top:12px;font-size:18px;line-height:20px;color:#333;}
.header_main .tel_main{float:right;width:220px;margin-top:10px;}
.header_main .tel_main .zx{float:right;padding-left:24px;height:20px;font-size:16px;line-height:20px;text-align:right;color:#333;background:url("../images/telIco1.png") no-repeat left center;background-size:18px 18px;}
.header_main .tel_main .webTel{float:right;margin-top:12px;font-family:arial;font-size:30px;line-height:28px;text-align:right;color:#333;}

/*nav*/
.nav_main{width: 100%;}
.nav_main .nav{height:55px;line-height: 55px;background: url(../images/navLine.png) no-repeat left center;}
.nav_main .nav li{float: left; display: block;width:12.5%; list-style: none; text-align: center; position: relative; background: url(../images/navLine.png) no-repeat right center;}
.nav_main .nav li a{display: block; width:100%;text-align: center; position: relative; color: #ffeccc; height: 55px; line-height: 55px;}
.nav_main .nav li:first-child a{padding-left: 0;}
.nav_main .nav li .subnav{background: #fff; border-top: 2px solid #e02f36; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); height: auto; left: 0; overflow: hidden; position: absolute; top: 54px; width: 100%; z-index: 199; display: none;}
.nav_main .nav li .subnav a{width:100%;-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #666; display: block; font-size: 14px; font-weight: normal; line-height: 22px; height: 22px; padding: 10px 0; transition: all 0.2s ease-in-out 0s; max-width: 100%; border-bottom: 1px solid #eee; background: #fff;text-align: center;}
.nav_main .nav li .subnav a:hover{color: #e02f36; padding-left:6px; background: #f9f9f9;}
.nav_main .nav li.hover a,
.nav_main .nav li:hover a{color: #e02f36; font-weight: bold;}
.nav_main .nav li.hover .subnav a,
.nav_main .nav li:hover .subnav a{font-weight: normal; color: #666;}
.nav_main .nav li.hover .subnav a:hover,
.nav_main .nav li:hover .subnav a:hover{color: #e02f36;}

/* banner */
#banner_main{overflow:hidden;z-index: 2;max-width:1920px;margin:0 auto;}
#banner_main .banner1 {position: relative;width:100%;height:640px;margin:0 auto;min-width:1200px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner1 ul{max-height:640px; overflow:hidden;}
.banner1 li {width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner1 li:first-child{display:block;}
.banner1 li img{width:1920px;height:640px;display:block;position:relative;left:50%;margin-left:-960px;top:0;min-width:1200px;}
#banner .tip {width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:50px;z-index:13; }
#banner .tip span{width:40px;height:3px;margin:0 10px;display:inline-block;font-size: 0;cursor: pointer;background-position:-112px 0;}
#banner .tip span.cur{width:60px;background-position:-112px -4px;}
#banner #btn_prev,#banner #btn_next{width:24px;height:73px;position:absolute;top:235px;z-index:5;}
#banner #btn_prev{background-position:-26px 0;left:6.6%;transition: all 600ms ease;}
#banner #btn_next{background-position:-56px 0;right:6.6%;transition: all 600ms ease;}
#banner #btn_prev:hover{background-position:0 0;transition: all 600ms ease;}
#banner #btn_next:hover{background-position:-82px 0;transition: all 600ms ease;}
/*banner end*/

/*footer*/
.footerM{position:relative;width:100%;height:350px; background:url("../images/footBg.png") repeat bottom center;background-size:100% 500px;}
.footerM .footer{padding-top:40px;}
.footerM .left{float:left;width:360px;}
.footerM .left .bLogo{display:block;width:300px;overflow:hidden;}
.footerM .left .bLogo img{display:block;width: 100%;}
.footerM .left .webTel{padding-left:30px;margin:10px 0;height:26px;font-size:26px;color:#eee;background:url("../images/telIco3.png") no-repeat left center;background-size:22px 22px;}
.footerM .left .webtxt {font-size:14px;color:#eee;}
.footerM .bottom_nav{float:right;width:800px;padding-top:0;margin-left:30px;overflow:hidden;}
.footerM .bottom_nav li{float:left;width:110px;padding:0 0 0 20px;display:block;list-style:none;line-height:32px;text-align:left;overflow:hidden;min-height:104px;}


.footerM .bottom_nav li:first-child{padding-left:0px;}
.footerM .bottom_nav li:nth-child(2){padding-left:50px;width:180px}
.footerM .bottom_nav li:nth-child(2) .drop a{display:block;line-height:26px;color:#fff;width:49.5%;font-size:14px;float: left;}


.footerM .bottom_nav li a{color:#fff;display:block;line-height:32px;font-size:18px;}
.footerM .bottom_nav li a:hover{color:#e02f36;}
.footerM .bottom_nav li  i{width: 20px;background-color: #666666;height: 1px;display: block;margin-top: 10px;}
.footerM .bottom_nav li .drop{ padding-top:10px;}
.footerM .bottom_nav li .drop a{display:block;line-height:26px;color:#fff;width:100%;font-size:14px;}
.footerM .bottom_nav li .drop a:hover{color:#e02f36;}


.footerM .qcode{padding-top: 0;}
.footerM .qcode .qimg{width: 120px;height: 170px;float: left;}
.footerM .qcode .qimg:first-child{margin-right: 20px;}
.footerM .qcode .qimg {float: left;height: 120px;width: 120px;}
.footerM .qcode .qimg  img{display:block;height: 120px;width:120px;margin: 0 auto;}
.footerM .qcode .qimg .tit{text-align: center;font-size: 14px;color: #fff;height: 50px;line-height: 50px;}
.copyright_main{position:absolute;bottom:0;width:100%;height: 50px;line-height: 50px;color:#ccc;font-size: 12px;}
.copyright_main .copyright{color: #cccccc;}
.copyright_main a{color:#cccccc;}
.copyright_main a:hover{color:#e02f36;}

.ewmbox {
  width: 300px;
  height: 320px;
  padding-top: 20px;
  background: #fff;
  z-index: 9999;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -170px 0 0 -150px;
  text-align: center;
  font-size: 16px;
  display: none;
}
.ewmbox .close {
  width: 32px;
  height: 32px;
  position: absolute;
  top: -25px;
  right: -40px;
  cursor: pointer;
  border-radius: 100%;
  background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center;
  transition: all ease 300ms;
}
.ewmbox .close:hover {
  transform: rotate(180deg);
}
.ewmbox img {
  width: 260px;
  height: 260px;
  display: block;
  margin: 0 auto 10px;
}

/***********top and bottom css end***********/

/*******index css*******/
.index{background:#fff;}
.index .indexTit{padding-top:64px;}
.index .indexTit .tit{font-weight:bold;font-size:36px;line-height: 36px;text-align:center;color:#333;background:url("../images/titLine.png") no-repeat center center;background-size:897px 9px;}
.index .indexTit .subtit{margin-top:10px;font-size:14px;line-height:16px;text-align:center;color:#666;}
.index .indexTit .pattern{display:block;width:163px;height:30px;margin:0 auto;margin-top:14px;background:url("../images/pattern.png") no-repeat center center;background-size:163px 30px;}
.index .more{width: 150px; height: 34px; font-size:14px;line-height: 34px; margin: 0 auto; display: block; text-align: center; border: 1px solid #eee; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;color:#fff;background:#333;}
.index .more:hover{border: 1px solid #e02f36; background: #e02f36; color: #fff; text-indent: 10px;}

/*产品中心*/
.index .floor_1_main{position:relative;width:100%;height:705px;background:url("../images/index_pro.png") no-repeat center center #fff;background-size:100% 905px;}
.index .menu1{padding-bottom:40px;margin-top:30px;overflow:hidden;}
.index .menu1 .list{text-align:center;}
.index .menu1 .list li{ padding: 5px 15px; height: 34px; line-height: 34px; margin: 0 5px; display: inline-block; *display: inline; *zoom: 1;border:1px solid #f2f2f2;background:#333;}
.index .menu1 .list li a{display:block;transition:all ease 300ms;}
.index .menu1 li:first-child{margin-left: 0;}
.index .menu1 li:last-child{margin-right: 0;}
.index .menu1 li a{display: block;text-align: center;color:#fff;}
.index .menu1 li:hover{background:#e02f36;}
.index .menu1 li:hover a{transition:all ease 300ms;}
/*smallbox*/
.index .icase{overflow: hidden; padding-bottom: 20px;}
.index .icase .list{width: 108%;}
.index .icase .item{float: left; margin-right: 0; width: 284px; height: 213px; overflow: hidden; position: relative; margin-bottom: 20px;}
.index .icase .item img{width: 100% ; height: 100%; display: block;}
.index .icase .item a{display: block;}
.index .icase .item .txt{position: absolute; left: 0; top: 0; width: 284px; height: 213px; text-align: center; background: url(../images/jbhei.png) repeat-x left bottom;}
.index .icase .item .txt h3{color: #fff; font-size: 18px; padding-top: 60%; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.index .icase .item .txt span{width: 40px; height: 40px; display: block; background-position: 0 -80px; position: absolute; left: 50%; margin-left: -25px; top: 10%; margin-top: -25px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.index .icase .item:hover .txt{background: url(../images/black80.png) repeat left top;}
.index .icase .item:hover .txt h3{padding-top: 50%;}
.index .icase .item:hover .txt span{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 50%;}
.index .icase .smabox{width: 284px;}
.index .icase .smabox .item{float: none;}
.index .icase .smabox .item a{height: 213px;}
.index .icase .smabox2{}
.index .icase .smabox2 .item{float:left;margin:0 5px 10px;}
.index .icase .smabox2 .item a{height: 213px;}


.index .icase .bigbox{width: 592px; height: 445px; overflow: hidden; position: relative; margin: 0 20px;}
.index .icase .bigbox .item .txt{width: 592px; height: 445px; bottom: 0;}
.index .icase .bigbox .item .txt h3{padding-top: 68%;}
.index .icase .bigbox .item:hover .txt h3{padding-top: 48%;}
.index .icase .bigbox .bd{overflow: hidden;}
.index .icase .bigbox .bd .item{width: 592px; height: 445px; overflow: hidden; position: relative;}
.index .icase .bigbox .bd .item a{height: 445px;}
.index .icase .bigbox .hd{height: 15px; overflow: hidden; position: absolute; right: 16px; bottom: 20px; z-index: 3;}
.index .icase .bigbox .hd ul{overflow: hidden; zoom: 1; float: left;}
.index .icase .bigbox .hd li{float: left; margin-right: 6px; width: 10px; height: 10px; font-size:0;line-height: 14px; text-align: center; background: #fff; cursor: pointer; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.index .icase .bigbox .hd li.on{background: #e02f36; color: #fff;}
/*end smallbox*/

/*品牌优势*/
.index .floor_2_main {  width: 100%; height: 1092px;background: url(../images/floor2Bg.jpg) bottom center no-repeat; }
.index .floor_2_main .indexTit{padding-top:70px;}
.index .floor_2_main .topBox { position: relative; height: 600px; }
.index .floor_2_main .body {margin-top:42px;}
.index .floor_2_main .body li { float: left; width: 600px; }
.index .floor_2_main .body li .box1 { width: 300px; background: #18110f; height: 300px; display: block; text-align: center; }
.index .floor_2_main .body li .box1 i { width: 81px; height: 63px; background-position: 0 -130px; margin-top: 70px; }
.index .floor_2_main .body li .box1 p { font-size: 16px; color: #fff; padding: 20px 30px 0; line-height: 30px; }
.index .floor_2_main .body li .box2 {width: 300px;background: url(../images/f2_img1.jpg) no-repeat;height: 300px;display: block;color: #fff;text-align: center;}
.index .floor_2_main .body li .box2 h2 { font-weight:bold;font-size: 40px; padding-top: 90px; }
.index .floor_2_main .body li .box2 h1 { margin-top:12px;font-weight:bold;font-size: 50px; line-height:66px;}
.index .floor_2_main .body li .box2 p { font-size: 12px; text-transform: uppercase; letter-spacing: 3px; }
.index .floor_2_main .body .li2 .box1 i {margin-top:67px;width: 80px; height: 66px; background-position: -90px -130px; }
.index .floor_2_main .body .li2 .box2 { background: url(../images/f2_img2.jpg) no-repeat; }
.index .floor_2_main .body .li3 .box1 { float:right;background: #fdf3e2; }
.index .floor_2_main .body .li3 .box1 i {margin-top:70px;width:68px;height:63px;background-position: -180px -130px;  }
.index .floor_2_main .body .li3 .box1 p { color: #666; }
.index .floor_2_main .body .li3 .box2 { background: url(../images/f2_img3.jpg) no-repeat; }
.index .floor_2_main .body .li4 .box1 { float:right;background: #fdf3e2; }
.index .floor_2_main .body .li4 .box1 i { margin-top:70px;width:65px;height:64px;background-position: -260px -130px; }
.index .floor_2_main .body .li4 .box1 p { color: #333; }
.index .floor_2_main .body .li4 .box2 { background: url(../images/f2_img4.jpg) no-repeat; }
.index .floor_2_main .body li:hover .box1 p{color:#fddfab;}
.index .floor_2_main .body .li3:hover .box1 p{color:#e02f36;}
.index .floor_2_main .body .li4:hover .box1 p{color:#e02f36;}

/*询盘*/
.enquiry{position:relative;z-index:12;}
.enquiry .left{float:left;}
.enquiry .txt{padding-top:76px;}
.enquiry .txt .tit{font-weight:bold;font-size:34px;line-height:36px;text-align:left;color:#fff;}
.enquiry .txt .tit em{color:#fddfab;}
.enquiry .txt .subtit{margin-top:14px;font-size:20px;line-height:20px;color:#fff;}
.enquiry .btn{margin-top:30px;}
.enquiry .webTel{float:left;padding-left:40px;height:30px;font-family:arial;font-weight:bold;font-size:30px;line-height:30px;color:#fff;background:url("../images/telIco2.png") no-repeat left center;background-size:26px 26px;}
.enquiry .online{margin-left:54px;float:left;display:block;width:140px;height:30px;font-weight:bold;font-size:14px;line-height:30px;text-align:center;color:#fff;background:#e02f36;transition:all ease 300ms;border-radius:4px;}
.enquiry .online:hover{text-indent:10px;transition:all ease 300ms;background:#f8767b;}
.enquiry .right{float:right;}
.enquiry .right .eImg{position:relative;display:block;width:213px;height;248px;margin-top:68px;z-index:12;}

/*合作案例*/
.index .floor_3_main{position:relative;width:100%;height:672px;background: url(../images/floor3Bg.png) center center no-repeat;}
.index .floor_3_main .indexTit{padding-top:100px;}
.index .floor_3_main .slideTxtBox { position:relative;width: 1200px; text-align: left; margin: 0 auto; }
.index .floor_3_main .slideTxtBox .hd { text-align: center; margin: 0 auto; }
.index .floor_3_main .slideTxtBox .hd ul { display: inline-block; overflow: hidden; text-align: center; margin: 0 auto;  *zoom: 1;*display: inline;}
.index .floor_3_main .slideTxtBox .hd ul li { float: left; cursor: pointer; width: 100px; height: 30px; line-height: 30px; border: 1px solid #2d7b54; text-align: center; border-radius: 15px; margin: 0 10px; }
.index .floor_3_main .slideTxtBox .hd ul li.on { background: #333; color: #fff; }
.index .floor_3_main .slideTxtBox .bd { margin-top: 40px; overflow: hidden; }
.index .floor_3_main .slideTxtBox .bd ul { zoom: 1; width: 119%; }
.index .floor_3_main .slideTxtBox .bd ul li { float: left; margin-right: 21px; width: 386px; }
.index .floor_3_main .slideTxtBox .bd ul li .img { width: 386px; height: 217px; overflow: hidden; display: block; position: relative; cursor: pointer; }
.index .floor_3_main .slideTxtBox .bd ul li .img img { width: 386px; transition: .9s; -moz-transition: .9s; -webkit-transition: .9s; -o-transition: .9s; height: 217px; }
.index .floor_3_main .slideTxtBox .bd ul li .img .on { width: 100%; height: 100%; background: url(../images/bg_5.png) repeat; position: absolute; left: 0; top: -15px; transition: all ease-in-out .2s; opacity: 0; filter: alpha(opacity=0); }
.index .floor_3_main .slideTxtBox .bd ul li .img .on i { width: 65px; height: 65px; background-position: -300px 0; position: absolute; left: 50%; top: 50%; margin-top: -32px; margin-left: -32px; }
.index .floor_3_main .slideTxtBox .bd ul li .p { background: #333; color: #fff; display: block; width: 100%; height: 50px; line-height: 50px; font-size: 16px; text-align: center; }
.index .floor_3_main .slideTxtBox .bd ul li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.index .floor_3_main .slideTxtBox .bd ul li:hover .on { opacity: 1; filter: alpha(opacity=90); top: 0; }
.index .floor_3_main .more{margin-top:30px;}
.index .floor_3_main .slideTxtBox .hd{position:absolute;top:80px;width:100%;}
.index .floor_3_main .slideTxtBox .hd .prev{position:absolute;left:0;display:block;width:35px;height:67px;background-position:-160px -14px;transition:all ease 600ms;cursor:pointer;}
.index .floor_3_main .slideTxtBox .hd .next{position:absolute;right:0;display:block;width:35px;height:67px;background-position:-200px -14px;transition:all ease 600ms;cursor:pointer;}
.index .floor_3_main .slideTxtBox .hd .prev:hover{background-position:-120px -14px;transition:all ease 600ms;}
.index .floor_3_main .slideTxtBox .hd .next:hover{background-position:-240px -14px;transition:all ease 600ms;}

/*加盟流程*/
.index .floor_4_main{height:456px;background:#fff;}
.index .floor_4_main .indexTit{padding-top:80px;}
.iprocess{background: #fff; padding: 40px 0 50px;}
.iprocess .list .item{width: 100px; text-align: center; float: left;}
.iprocess .list .item .icon{width: 100px; height: 100px; position: relative; display: block; margin: 0px auto 12px; background: #fff; border-radius: 100%; background: #eee url(../images/iprocess-icon.png) no-repeat 24px center;cursor:pointer;}
.iprocess .list .item .icon:before{position: absolute; left: 0px; top: 0px; border-radius: 100%; content: '\20'; width: 96px; height: 96px; display: block; background: none; border: 2px solid #fff; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.iprocess .list .item:hover .icon:before{transform: scale(1.2, 1.2);}
.iprocess .list .item.a2 .icon{background-position: -56px center;}
.iprocess .list .item.a3 .icon{background-position: -175px center;}
.iprocess .list .item.a4 .icon{background-position: -290px center;}
.iprocess .list .item.a5 .icon{background-position: -400px center;}
.iprocess .list .item.a6 .icon{background-position: -514px center;}
.iprocess .list .item:hover .icon{background-color: #f8767b;background: #f8767b url(../images/iprocess-icon1.png) no-repeat 24px center;}
.iprocess .list .item:hover .icon:before{border-color: #f8767b;}
.iprocess .list .item.a2:hover .icon{background-position: -56px center;}
.iprocess .list .item.a3:hover .icon{background-position: -175px center;}
.iprocess .list .item.a4:hover .icon{background-position: -290px center;}
.iprocess .list .item.a5:hover .icon{background-position: -400px center;}
.iprocess .list .item.a6:hover .icon{background-position: -514px center;}
.iprocess .list .split{width: 32px; height: 32px; float: left; display: block; margin: 40px 44px 0; background-position: -120px -90px;}

/*咨询二*/
.enquiryM{width:100%;height:323px;background:url("../images/enquiryBg.png") no-repeat center center;background-size:100% 323px;}
.enquiryM .txt{padding-top:80px;}

/*公司介绍*/
.index .floor_5_main{margin-top:40px;min-height:520px;background:url("../images/floor5Bg.png") no-repeat center top;background-size:100% 520px;}
.index .floor_5_main .left{padding-top:60px;float:left;width:600px;}
.index .floor_5_main .right{float:left;width:600px;}
.index .floor_5_main .aTit .tit{width:520px;height:36px;font-weight:bold;font-size:36px;color:#333;text-align:left;background:url("../images/aTitLine.png") no-repeat right center;}
.index .floor_5_main .aTit .subtit{margin-top:12px;font-size:14px;line-height:14px;color:#666;}
.index .floor_5_main .aTit .pattern{display:block;width:163px;height:30px;margin-top:18px;background:url("../images/pattern.png") no-repeat center center;background-size:163px 30px;}
.index .floor_5_main .aTxt{margin-top:36px;width:412px;font-size:14px;line-height:28px;;color:#333;}
.index .floor_5_main .aMore{display:block;width:150px;height:34px;margin-top:40px;font-size:14px;line-height:34px;text-align:center;color:#fff;background:#e02f36;border:1px solid #d9d9d9;transition:all ease 600ms;}
.index .floor_5_main .aMore:hover{text-indent:10px;transition:all ease 300ms;background:#f8767b;transition:all ease 600ms;}
.index .floor_5_main .aTop{margin-left:20px;}
.index .floor_5_main .aTop .topTit{font-weight:bold;font-size:18px;line-height:30px;color:#333;}
.index .floor_5_main .aTop .aLine{display:block;width:58px;height:1px;margin-top:10px;background:#666;}
.index .floor_5_main .about .aImg{margin-top:80px;margin-left:-100px;display:block;width:600px;height:320px;overflow:hidden;}
.index .floor_5_main .about .aImg img{display:block;width:600px;height:320px;}
.index .floor_5_main .about .aImg:hover img{filter:brightness(105%);-webkit-filter: brightness(105%);}

/*新闻资讯*/
.index .floor_6_main{position:relative;width:100%;height:750px;background:url("../images/floor6Bg.png") no-repeat center center;background-size:100% 896px;}
.index .floor_6 .indexTit{padding-top:80px;}

.index .floor_6 .newsBox{margin-top:0;width: 450px; overflow: hidden; position: relative;}
.index .floor_6 .newsBox .hd{height: 20px; overflow: hidden; position: absolute; right: 0; bottom: 24px; z-index: 10;}
.index .floor_6 .newsBox .hd ul{overflow: hidden; zoom: 1;}
.index .floor_6 .newsBox .hd li{margin-right: 14px; width: 12px; height: 12px; font-size:0;line-height: 14px; text-align: center; background: #999; cursor: pointer; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: block; float: left;}
.index .floor_6 .newsBox .hd li.on{background: #e02f36; color: #fff;}
.index .floor_6 .newsBox .bd li{zoom: 1; vertical-align: middle; position: relative; height: 416px; overflow: hidden;background:#222;}
.index .floor_6 .newsBox .bd li a{display:block;}
.index .floor_6 .newsBox .bd li img{width: 450px; height: 253px; display: block;}
.index .floor_6 .newsBox .bd li .txt{height:163px;z-index: 5;}
.index .floor_6 .newsBox .bd li .day{float:left;margin-left:40px;padding-top:40px;font-family:arial;font-size:45px;line-height:50px;color:#fddfab;}
.index .floor_6 .newsBox .bd li .day em{display:block;}
.index .floor_6 .newsBox .bd li .tBox{float:left;padding-top:40px;margin-left:60px;width:250px;}
.index .floor_6 .newsBox .bd li .year{font-family:arial;font-size:20px;color:#999;}
.index .floor_6 .newsBox .bd li .tit{margin-top:2px;font-size:22px;line-height:30px;color:#fff;}
.index .floor_6 .newsBox .bd li:hover h3{color: #e02f36;}
.index .floor_6 .newsBox .bd li:hover img{filter: brightness(105%);-webkit-filter:brightness(105%);}

.index .floor_6 .textlist{width: 720px;margin-top:0;}
.index .floor_6 .textlist .item{height:124px;border: 1px solid #ddd; margin-bottom: 20px; transition: all 0.2s linear 0s;background:#fff;}
.index .floor_6 .textlist .item a{display: block;padding: 24px 28px 32px;}
.index .floor_6 .textlist .item h3{font-size: 18px; line-height:18px;vertical-align: top;color:#333;}
.index .floor_6 .textlist .item p{margin-top:12px;font-size: 14px; line-height: 20px; color: #999;}
.index .floor_6 .textlist .item .time{display: block; width: 90px; height: 66px; border-right: 1px solid #ddd; line-height: 20px; margin-right: 30px; color: #666;}
.index .floor_6 .textlist .item .time b{font-family:arial;color: #666; display: block; font-size: 48px; line-height: 48px;}
.index .floor_6 .textlist .item:hover{border: 1px solid #ddd; -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.index .floor_6 .textlist .item:hover h3{color:#e02f36;}
.index .floor_6 .more{width: 200px;height: 40px;line-height: 40px;margin:0 auto;margin-top:40px;display: block;text-align: center;background:#444;color:#fff;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;border-radius:20px;background:#e02f36;}
.index .floor_6 .more:hover{background: #f6444c;color: #fff;text-indent: 10px;}
/*index css end*/

.index .floor_6 .textlist2{width: 590px;margin-top:10px;}
.index .floor_6 .textlist2 .item{height:124px;border: 1px solid #ddd; margin-bottom: 20px; transition: all 0.2s linear 0s;background:#fff;}
.index .floor_6 .textlist2 .item a{display: block;padding: 24px 28px 32px;}
.index .floor_6 .textlist2 .item h3{font-size: 18px; line-height:18px;vertical-align: top;color:#333;}
.index .floor_6 .textlist2 .item p{margin-top:12px;font-size: 14px; line-height: 20px; color: #999;}
.index .floor_6 .textlist2 .item .time{display: block; width: 90px; height: 66px; border-right: 1px solid #ddd; line-height: 20px; margin-right: 30px; color: #666;}
.index .floor_6 .textlist2 .item .time b{font-family:arial;color: #666; display: block; font-size: 48px; line-height: 48px;}
.index .floor_6 .textlist2 .item:hover{border: 1px solid #ddd; -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.index .floor_6 .textlist2 .item:hover h3{color:#e02f36;}


/*经典案例*/
.casePage{padding-top:20px;}
.casePage .caseList{width: 105%; position: relative;}
.casePage .caseList .item{width: 390px; float: left; position: relative; margin: 0 16px 28px 0; transition: all ease 300ms; background: #f7f7f7;border-radius:5px;}
.casePage .caseList .item a{width: 100%; display: block; padding: 0;}
.casePage .caseList .item img{width: 390px; height: 220px; margin-bottom: 20px; display: block;}
.casePage .caseList .item h3{height: 45px; line-height: 45px; padding: 0 16px; overflow: hidden; font-size: 22px; color: #333; transition: all ease 300ms;}
.casePage .caseList .item s{border-style: dashed dashed solid dashed; border-color: transparent transparent #f7f7f7 transparent; border-width: 20px; width: 0; height: 0; overflow: hidden; position: absolute; left: 42px; top: 180px;}
.casePage .caseList .item .txt{padding: 0 16px; line-height: 28px; height: 56px; overflow: hidden; color: #888888;}
.casePage .caseList .item:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.casePage .caseList .item:hover h3{color: #e02f36;}
.casePage .caseList .item:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}

/*荣誉资质*/
.companyPage{padding-top:20px;padding-bottom:50px;}
.companyPage .honorList .list{width: 106%;}
.companyPage .honorList .list .item{width: 380px;float: left;margin: 0 30px 30px 0;background: #fff;position: relative;overflow: hidden;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;border:1px solid #ddd;}
.companyPage .honorList .list .item a{width: 100%; display: block;cursor:pointer;}
.companyPage .honorList .list .item img{width: 380px;height: 285px;display: block;}
.companyPage .honorList .list .item .tit{width: 348px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; border-top:1px solid #ddd; color:#333;-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.companyPage .honorList .list .item:hover{background: #e02f36; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.companyPage .honorList .list .item:hover h3{color: #fff;border-color:#e02f36;}
.companyPage .honorList .list .item:hover .img{-webkit-filter:brightness(105%);filter:brightness(105%);}

/* pager */
.pager{padding: 30px 0 0px; margin-top:30px;text-align: center;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager{*zoom: 1;}
.pager p{height: 26px; line-height: 26px; float: left; display: none;}
.pager ul{overflow: hidden; margin: 0 auto; text-align: center;}
.pager ul li{padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline; zoom: 1;margin: 0 5px;    box-shadow: 0px 1px 10px #e4e3e3;}
.pager ul a{margin: 0 1px; padding: 0 32px; height: 34px; line-height: 34px; text-decoration: none; float: left; background: #fff;border-radius:3px;}
.pager ul a.current{background-color: #e02f36; color: #fff;border-color:#e02f36;}
.pager ul a.current:hover{background-color: #e02f36; color: #fff;border-color:#e02f36;}
.pager ul a:hover{background: #e02f36; color: #fff;border-color:#e02f36;}
.pager ul a.current{padding: 0 18px;}

/*联系我们*/
.contactPage{padding-bottom:80px!important;}
.contactPage .mapArea{border:1px solid #ddd;}
.contactPage .t2{padding: 58px 0 48px; text-align: center;}
.contactPage .t2 .titb{font-size: 30px; margin-bottom: 16px;}
.contactPage .t2 .txt{font-size: 14px; line-height: 24px;}
.contactPage .t2 .txt span{font-weight: bold; color: #e02f36;}
.contactPage .formData1{padding-bottom: 20px;}
.contactPage .formData1 .item{float: left; color: #999; font-weight: normal; width: 378px; height: 35px; line-height: 35px; border: 1px solid #e5e5e5; margin-right: 30px; margin-bottom: 20px; position: relative;}
.contactPage .formData1 .item label{padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 35px; line-height: 35px; font-size: 14px; color: #cccccc;}
.contactPage .formData1 .item input{outline: none; line-height: 35px; height: 35px; font-size: 14px;}
.contactPage .formData1 .item .txt{width: 328px; height: 35px; line-height: 35px; display: block; background: none; padding-left: 50px; border: 0 none; color: #333; font-size: 14px;}
.contactPage .formData1 .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.contactPage .formData1 .item.mr0{margin-right: 0;}
.contactPage .formData1 .msg-box{position: absolute; left: 0; top: 0px;}
.contactPage .formData1 .liuyan{width: 1198px; height: 180px; border: 1px solid #e5e5e5; float: left;}
.contactPage .formData1 .liuyan label{text-align: right; top: 5px; display: block;}
.contactPage .formData1 .liuyan textarea{width: 1178px; height: 154px; line-height: 28px; padding: 10px 10px; text-indent: 70px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.contactPage .formData1 .bot{width: 100%; float: left;}
.contactPage .formData1 .sub{width: 232px; height: -4px; line-height: 38px; border: 2px solid #e02f36; text-align: center; background: #e02f36; color: #FFF; cursor: pointer; font-size: 18px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; margin: 0 auto;}
.contactPage .formData1 .sub:hover{background: none; color: #e02f36;}
.contactPage .formData1 .yzm{width: 432px;}
.contactPage .formData1 .yzm .txt{padding-left: 80px;}
.contactPage .formData1 .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}


.wrapper .conlist {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #dddddd;
  *zoom: 1;
}
.wrapper .conlist:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.wrapper .conlist li {
  width: 33.3%;
  float: left;
  font-size: 20px;
  line-height: 36px;
}
.wrapper .conlist li s {
  width: 60px;
  height: 60px;
  background: url(../images/contact-ico.png) no-repeat left center;
  float: left;
  margin-right: 15px;
}
.wrapper .conlist1 li.a1 s {
    background: url(../images/contact-ico.png) no-repeat left center;
}
.wrapper .conlist1 li.a2 s {
    background: url(../images/contact-ico1.png) no-repeat left center;
}
.wrapper .conlist1 li.a3 s {
    background: url(../images/contact-ico.png) no-repeat left center;
}
.wrapper .conlist2 li.a2 s {
    background: url(../images/contact-ico.png) no-repeat left center;
}
.wrapper .conlist2 li.a3 s {
    background: url(../images/contact-ico.png) no-repeat left center;
}
.wrapper .conlist li span {
  color: #999999;
  font-size: 16px;
  display: block;
  padding: 6px 0 0;
  line-height: 20px;
}
.wrapper .conlist li.a1 {
  width: 38%;
}
.wrapper .conlist li.a2 {
  width: 28%;
  font-family: arial;
  font-size: 24px;
}
.wrapper .conlist li.a2 span {
  font-size: 16px;
  font-family: "microsoft yahei";
}
.wrapper .conlist li.a2 s {
  background-position: -80px center;
}
.wrapper .conlist li.a3 {
  width: 34%;
  font-size: 14px;
}
.wrapper .conlist li.a3 s {
  background-position: -170px center;
}
.wrapper .conlist:first-child {
  border-top: 0px;
  padding-top: 0px;
}
.wrapper .conlist1 li.a1 s {
    background-position: -80px center;
}
.wrapper .conlist1 li.a2 s {
    background-position: -80px center;
}
.wrapper .conlist1 li.a3 s {
    background-position: -80px center;
}
.wrapper .conlist2 li.a2 s {
    background-position: -80px center;
}
.wrapper .conlist2 li.a3 s {
    background-position: -80px center;
}

/*txtlist*/
.txtlist {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.txtlist .list {
  width: 120%;
  position: relative;
}
.txtlist li {
  width: 300px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  float: left;
  margin-right: 70px;
}
.txtlist li a {
  width: 100%;
  display: block;
}
.txtlist li s {
  width: 4px;
  height: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  border-radius: 100%;
  background: #333333;
  margin-right: 10px;
}
.txtlist li .time {
  float: right;
}
.banner_main {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.banner {
  width: 100%;
  min-width: 1000px;
  padding: 33.85% 0 0;
  z-index: 20;
  position: relative;
  overflow: hidden;
}
.banner .list {
  width: 100%;
}
.banner li {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  background: #fff;
}
.banner li a {
  width: 100%;
  display: block;
  height: 100%;
}
.banner li img {
  width: 100%;
  display: block;
  position: relative;
  left: 0;
  top: 0;
}
.banner .tip {
  width: 100%;
  height: 12px;
  position: absolute;
  left: 0;
  bottom: 25px;
  z-index: 10;
  text-align: center;
}
.banner .tip span {
  width: 52px;
  height: 2px;
  margin: 0 8px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  transition: all ease 300ms;
  background: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.banner .tip span.cur {
  width: 90px;
  background: #55ecca;
}
.banner .prev,
.banner .next {
  width: 36px;
  height: 80px;
  position: absolute;
  z-index: 12;
  top: 50%;
  margin-top: -40px;
  background: url(../images/banner-ico.png) no-repeat 6px 4px;
  cursor: pointer;
}
.banner .prev {
  left: 80px;
}
.banner .prev:hover {
  background-position: 6px -98px;
}
.banner .next {
  right: 80px;
  background-position: -88px 4px;
}
.banner .next:hover {
  background-position: -88px -98px;
}


/*prolist*/
.prolist {
  width: 105%;
}
.prolist .item {
  width: 380px;
  float: left;
  margin: 0 25px 30px 0;
  border: 1px solid #eee;
  background: #eee;
  position: relative;
  overflow: hidden;
  transition: all ease 300ms;
  border-radius:6px;
}
.prolist .item a {
  width: 100%;
  display: block;
}
.prolist .item img {
  width: 380px;
  height: 285px;
  display: block;
}
.prolist .item .img {
  width: 380px;
  height: 285px;
  display: block;
}
.prolist .item h3 {
  width: 100%;
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 16px;
  transition: all ease 300ms;
}
.prolist .item .bg {
  position: absolute;
  width: 380px;
  padding-top: 134px;
  height: 151px;
  left: -380px;
  top: 0;
  z-index: 10;
  background: url(../images/blue80.png) repeat 0 0;
  text-align: center;
  transition: all ease 300ms;
}
.prolist .item .bg s {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 100%;
  margin: 0 auto;
  background-color: #fff;
  background-position: 0 -80px;
}
.prolist .item:hover {
  background: #666;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.prolist .item:hover h3 {
  color: #fff;
}
.prolist .item:hover .bg {
  left: 0;
}
.gridlist {
  width: 105%;
  position: relative;
}
.gridlist .item {
  width: 283px;
  float: left;
  border: 1px solid #dcdcdc;
  margin: 0 20px 20px 0;
  overflow: hidden;
}
.gridlist .item a {
  width: 100%;
  display: block;
}
.gridlist .item img {
  width: 283px;
  height: 212px;
  border-bottom: 1px solid #dcdcdc;
  display: block;
}
.gridlist .item h3 {
  text-align: center;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  overflow: hidden;
}
.gridlist .item:hover {
  border-color: #e02f36;
}
.gridlist .item:hover h3 {
  color: #e02f36;
}
.gridlist.gridlist9 .item img {
  width: 283px;
  height: 161px;
}
.cooperlist {
  width: 105%;
  position: relative;
}
.cooperlist .item {
  width: 283px;
  float: left;
  border: 1px solid #dcdcdc;
  margin: 0 20px 20px 0;
  overflow: hidden;
  transition: all ease 300ms;
}
.cooperlist .item a {
  width: 100%;
  display: block;
}
.cooperlist .item img {
  width: 283px;
  height: 212px;
  display: block;
  border-bottom: 1px solid #dcdcdc;
}
.cooperlist .item h3 {
  text-align: center;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  overflow: hidden;
}
.cooperlist .item:hover {
  border-color: #e02f36;
}
.cooperlist .item:hover h3 {
  color: #e02f36;
}

/*txtlist*/
.txtlist {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.txtlist .list {
  width: 120%;
  position: relative;
}
.txtlist li {
  width: 300px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  float: left;
  margin-right: 70px;
}
.txtlist li a {
  width: 100%;
  display: block;
}
.txtlist li s {
  width: 4px;
  height: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  border-radius: 100%;
  background: #333333;
  margin-right: 10px;
}
.txtlist li .time {
  float: right;
}
/************content************/
.nyIcon {
  background: url(../images/nyIcon.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.nbody .header_main {
  position: relative;
}
/*wrapper*/
.noinfo {
  width: 100%;
  padding: 0 3%;
}
.noinfo img {
  display: block;
  margin: 0 auto;
}
.wrapper {
  padding: 0 0 36px;
  position: relative;
  min-height: 250px;
}
/*nybanner*/
.nybanner {
  width: 100%;
  height: 250px;
  line-height: 42px;
  position: relative;
  overflow: hidden;
  background-position: center top;
  background-repeat: no-repeat;
  color: #fff;
}
.nybanner h3 {
  font-size: 34px;
  padding: 70px 0 6px;
}
.nybanner .en {
  font-size: 40px;
  font-family: arial;
  font-weight: bold;
}
.nybanner .line {
  width: 50px;
  height: 2px;
  display: block;
  background: #fff;
  margin-top: 10px;
}
/*menu*/
.menu {
  width: 100%;
  height: 58px;
  line-height: 58px;
  position: relative;
  margin-bottom: 30px;
  /*border-bottom: 1px solid #ddd;*/
  border-top: 1px solid #ddd;
  box-shadow:0px 3px 18px #f0f0f0;
}
.menu .list {
  width: 1200px;
  padding-left: 0;
  margin: 0 auto;
}
.menu li {
  height: 58px;
  float: left;
  margin-right: 30px;
}
.menu li .nav1 {
  height: 58px;
  line-height: 58px;
  position: relative;
  font-size: 15px;
  display: block;
  text-align: center;
}
.menu li .nav1 s {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  background: #e02f36;
  display: none;
}
.menu li .subMenu {
  position: absolute;
  left: 50%;
  display: none;
  margin-left: -600px;
  top: 82px;
}
.menu li .subMenu a {
  width: 159px;
  height: 38px;
  line-height: 38px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: block;
  float: left;
  text-align: center;
  border: 1px solid #dddddd;
  transition: all ease 300ms;
  background: #f8f8f8;
  color: #333333;
}
.menu li .subMenu a:hover,
.menu li .subMenu a.hover {
  background: #ffffff;
  border-color: #e02f36;
  color: #e02f36;
}
.menu li:hover,
.menu li.hover {
  border-right-color: #e02f36;
}
.menu li:hover .nav1,
.menu li.hover .nav1 {
  color: #e02f36;
}
.menu li:hover .nav1 s,
.menu li.hover .nav1 s {
  display: block;
}
.menu li.hover .subMenu {
  display: block;
}
/*sitepath*/
.sitepath {
  height: 50px;
  line-height: 50px;
  position: absolute;
  width: 500px;
  text-align: right;
  left: 50%;
  margin-left: 100px;
  top: 5px;
  font-size: 12px;
}
.sitepath s {
  width: 18px;
  height: 15px;
  background-position: 2px -66px;
  margin-right: 4px;
}
/* reLink */
.reLink {
  height: 48px;
  line-height: 48px;
  padding: 0 15px;
  border: 1px solid #dddddd;
}
.reLink .nextLink,.reLink .prevLink {
  width: 50%;
  color: #666;display: block;
}
.reLink .nextLink {
  text-align: right;
}
.reLink a {
   color: #666;
  transition: all ease 300ms;
}
.reLink a:hover {
  color: #e02f36;
}
/*n-gridlist*/
.n-gridlist {
  width: 105%;
}
.n-gridlist .item {
  width: 380px;
  float: left;
  margin: 0 30px 30px 0;
  background: #fff;
  position: relative;
  overflow: hidden;
  transition: all ease 300ms;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.n-gridlist .item a {
  width: 100%;
  display: block;
}
.n-gridlist .item img {
  width: 380px;
  height: 285px;
  display: block;
}
.n-gridlist .item h3 {
  width: 100%;
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 16px;
  transition: all ease 300ms;
}
.n-gridlist .item .bg {
  position: absolute;
  width: 380px;
  padding-top: 116px;
  height: 169px;
  left: -380px;
  top: 0;
  z-index: 10;
  background: url(../images/red80.png) repeat 0 0;
  text-align: center;
  transition: all ease 300ms;
}
.n-gridlist .item .bg s {
  width: 64px;
  height: 64px;
  display: block;
  border-radius: 100%;
  margin: 0 auto;
  background-position: 0 -32px;
}
.n-gridlist .item:hover {
  background: #f5f5f5;
}
.n-gridlist .item:hover h3 {
  color: #e02f36;
}
.n-gridlist .item:hover .bg {
  left: 0;
}
/*n-tit*/
.n-tit {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.n-tit h3 {
  line-height: 35px;
  font-size: 24px;
}
.n-tit s {
  width: 4px;
  height: 22px;
  margin-right: 15px;
  background: #e02f36;
  display: inline-block;
  vertical-align: middle;
}
.n-tit .more {
  font-size: 16px;
}
/*relateNews*/
.relateNews {
  padding: 55px 0 0;
  width: 100%;
  overflow: hidden;
}
.relateNews .list {
  width: 120%;
}
.relateNews .list li {
  width: 567px;
  float: left;
  margin-right: 65px;
  margin-bottom: 20px;
}
.relateNews .list li a {
  display: block;
  width: 100%;
}
.relateNews .list li img {
  width: 200px;
  height: 112px;
  display: block;
  float: left;
  margin-right: 20px;
}
.relateNews .list li h3 {
  line-height: 24px;
  height: 24px;
  padding-top: 5px;
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}
.relateNews .list li .txt {
  height: 48px;
  line-height: 24px;
  color: #666;
  overflow: hidden;
  margin-bottom: 6px;
}
.relateNews .list li .time {
  color: #999999;
  font-family: arial;
}
.relateNews .list li:hover h3 {
  color: #e02f36;
}
.relateNews .gridlist {
  width: 106%;
}
.relateNews .prolist {
  padding-left: 3px;
}
/*aboutPage*/
.aboutPage {
  padding-top:20px;
  padding-bottom:0;
  width: 1200px;
  margin: 0 auto;
  background: #fff;
}
.aboutPage .txtcon img {
  max-width: 100%;
}
.aboutPage .txtcon p {padding-bottom:20px;font-size:18px;
}

.aboutPage .mapArea {
  width: 100%;
  height: 400px;
  margin-top: 20px;
}
.aboutPage .mapArea #map {
  width: 100%;
  height: 400px;
}
.productPage {
  overflow: hidden;
  position: relative;
  padding-top:20px;
  padding-bottom:0px;
}
.productPage .gridlist,
.productPage .marketList {
  width: 105%;
}
/*newsPage*/
.newsPage {padding-top:20px;padding-bottom:80px;}
.newsPage .item {
  width: 100%;
  height: 150px;
  padding: 30px 0;
  transition: all ease 300ms;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.newsPage .item:first-child {
  padding-top: 0;
}
.newsPage .item a {
  width: 100%;
  display: block;
}
.newsPage .item img {
  width: 266px;
  height: 150px;
  display: block;
  margin-right: 30px;
}
.newsPage .item h3 {
  font-size: 20px;
  padding: 24px 0 20px;
  transition: all ease 300ms;
}
.newsPage .item .txt {
  color: #999999;
  line-height: 24px;
  height: 48px;
  padding-right: 130px;
  overflow: hidden;
}
.newsPage .item .time {
  width: 150px;
  padding-top: 38px;
  font-family: arial;
  font-size: 20px;
  color: #999;
}
.newsPage .item .time .day {
  font-size: 36px;
  line-height: 45px;
  display: block;
}
.newsPage .item:hover h3 {
  color: #e02f36;
  text-indent: 5px;
}
.newsPage .item:hover .time .day span {
  background: #6d6d6d;
}
.newsPage .item:hover .time .day strong {
  background: #ff0000;
  color: #fff;
}
.newsPage .item:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.newsPage .searchlist .item img {
  width: auto;
}
/*showNews*/
.showNews {
  padding: 30px 0;
  width: 1200px;
  margin: 0 auto;
}
.showNews img {
  max-width: 100%;
}
.showNews .title {
  color: #333333;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
}
.showNews .mark {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 15px 0 20px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  text-align: center;
}
.showNews .mark span {
  margin: 0 10px;
  font-size: 12px;
  color: #666666;
}
.showNews .showContxt {
  padding: 0 0 30px;
  line-height: 30px;
}
.showNews .showContxt img {
  max-width: 100%;
}
.shareNew {
  padding-bottom: 25px;
}
/*showProduct*/
/*****showProduct****/
.showProduct .showImg {
  position:relative;
  padding-bottom: 40px;
}
.showProduct .photo {
  width: 502px;
  position: relative;
  height: 450px;
}
.showProduct .photo .jqzoom {
  width: 502px;
  height: 450px;
  overflow: hidden;
  position: relative;
  padding: 0px;
  cursor: pointer;
}
.showProduct .photo .zoomdiv {
  z-index: 999;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #ffffff;
  border: 1px solid #ddd;
  display: none;
  text-align: center;
  overflow: hidden;
}
.showProduct .photo .jqZoomPup {
  z-index: 999;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #eee;
  background: #fff;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=50);
}
.showProduct .photo .img {
  width: 500px;
  height: 375px;
  display: block;
}
.showProduct .photo .bigimg {
  width: 500px;
  height: 375px;
  border: 1px solid #eee;
  display: block;
  position: relative;
  overflow: hidden;
}
.showProduct .photo .bigimg .list {
  width: 1000%;
  position: relative;
}
.showProduct .photo .bigimg .list li {
  width: 500px;
  height: 375px;
  float: left;
}

.showProduct .photo .bigimg .list img,.showProduct .photo .bigimg .list .img {
  width: 100%; height: 100%; display: block;  transition: all ease 300ms;}
.showProduct .photo .photoimg {
  width: 500px;
  height: 56px;
  padding: 10px 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.showProduct .photo .photoimg .list {
  width: 424px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.showProduct .photo .photoimg .listcon {
  width: 300%;
  position: relative;
}
.showProduct .photo .photoimg .listcon li {
  width: 74px;
  height: 56px;
  cursor: pointer;
  display: block;
  float: left;
  margin-right: 12px;
}
.showProduct .photo .photoimg .listcon li img {
  width: 74px;
  height: 56px;
  display: block;
}
.showProduct .photo .photoimg .listcon li:hover img,
.showProduct .photo .photoimg .listcon li.on img {
  border: 2px solid #3bb79b;
  width: 70px;
  height: 52px;
}
.showProduct .photo .photoimg .prev,
.showProduct .photo .photoimg .next {
  width: 20px;
  height: 56px;
  z-index: 10;
  position: absolute;
  top: 10px;
  cursor: pointer;
  background: #f3f3f3 url(../images/show-pro-btn.png) no-repeat 0 center;
}
.showProduct .photo .photoimg .prev:hover,
.showProduct .photo .photoimg .next:hover {
  background-color: #ddd;
}
.showProduct .photo .photoimg .prev {
  left: 0px;
  background-position: 5px center;
}
.showProduct .photo .photoimg .next {
  right: 0px;
  background-position: -67px center;
}
.showProduct .imgtxtcon {
  width: 650px;
  float: left;
}
.showProduct .imgtxtcon .tit {
  font-size: 24px;
  color: #000;
  padding: 0 25px 5px;
  line-height: 30px;
}
.showProduct .imgtxtcon .line {
  width: 55px;
  height: 3px;
  background: #e02f36;
  display: block;
  margin: 14px 0 16px 25px;
}
.showProduct .imgtxtcon p {
  padding: 25px 0 0 25px;
  color: #999999;
  font-size: 12px;
}
.showProduct .imgtxtcon .tit2 {
  color: #666;
  padding: 0 25px;
  font-size: 16px;
  line-height: 24px;
  height: auto;
  margin-bottom: 20px;
}
.showProduct .imgtxtcon .tit2 span{
  word-break: break-word;
}
.showProduct .imgtxtcon .tit2 strong {
  color: #333;
}
.showProduct .imgtxtcon .txt2 {
  line-height: 24px;
  height: 120px;
  overflow: hidden;
  margin-left: 25px;
  margin-bottom: 20px;
}
.showProduct .imgtxtcon .txt2 strong {
  display: block;
  color: #333;
  margin-bottom: 3px;
}
.showProduct .imgtxtcon .txt3 {
  margin-left: 25px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-bottom: 15px;
}
.showProduct .imgtxtcon .txt3 strong {
  color: #333;
}
.showProduct .imgtxtcon .txt {
  padding: 10px 25px 14px;
  line-height: 35px;
  background: #f1f1f1;
}
.showProduct .imgtxtcon .tel {
  margin: 0 25px;
  border-top: 1px dotted #ddd;
  padding: 20px 0;
}
.showProduct .imgtxtcon .tel span {
  color: #000;
  display: block;
}
.showProduct .imgtxtcon .tel strong {
  display: block;
  font-family: impact;
  color: #e02f36;
  font-weight: normal;
  font-size: 40px;
  height: 46px;
  line-height: 46px;
}
.showProduct .imgtxtcon .btn1,
.showProduct .imgtxtcon .btn2 {
  float: left;
  margin-right: 20px;
  font-size: 16px;
  transition: all ease 300ms;
  width: 135px;
  height: 38px;
  line-height: 38px;
  margin-left: 25px;
  text-align: center;
  color: #fff;
}
.showProduct .imgtxtcon .btn1:hover,
.showProduct .imgtxtcon .btn2:hover {
  background: #444;
}
.showProduct .imgtxtcon .btn1 {
  background: #e02f36;
}
.showProduct .imgtxtcon .btn2 {
  text-align: center;
  margin-right: 0;
  margin-left: 0;
  background: #333;
}
.showProduct .showp_txt {
  padding-bottom: 20px;
}
.showProduct .showp_txt table{width:100%!important;}
.showProduct .showContxt {
  padding: 0 0 30px;
  line-height: 30px;
}
.showProduct .showContxt img {
  max-width: 100%;
}
/*msgPage*/
.msgPage {
  padding: 55px 40px 55px;
  width: 1120px;
  margin: 0 auto;
  background: #fff;
}
.formData .item {
  float: left;
  color: #999;
  font-weight: normal;
  width: 378px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #e5e5e5;
  margin-right: 30px;
  margin-bottom: 20px;
  position: relative;
}
.formData .item label {
  padding-left: 15px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  text-align: center;
  display: block;
  margin: 0;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #cccccc;
}
.formData .item input {
  outline: none;
  line-height: 35px;
  height: 35px;
  font-size: 14px;
}
.formData .item .txt {
  width: 328px;
  height: 35px;
  line-height: 35px;
  display: block;
  background: none;
  padding-left: 50px;
  border: 0 none;
  color: #333;
  font-size: 14px;
}
.formData .item .red {
  position: absolute;
  right: 15px;
  top: 0;
  color: #ff0000;
  z-index: 11;
}
.formData .item.mr0 {
  margin-right: 0;
}
.formData .item.mw .txt {
  width: 293px;
  padding-left: 85px;
}
.formData .msg-box {
  position: absolute;
  left: 0;
  top: 0px;
}
.formData .liuyan {
  width: 1198px;
  height: 180px;
  border: 1px solid #e5e5e5;
  float: left;
}
.formData .liuyan label {
  text-align: right;
  top: 5px;
  display: block;
}
.formData .liuyan textarea {
  width: 1178px;
  height: 154px;
  line-height: 28px;
  padding: 10px 10px;
  text-indent: 70px;
  font-size: 14px;
  font-family: "microsoft yahei";
  color: #333;
  border: 0 none;
  overflow: hidden;
  background: none;
  resize: none;
  display: block;
  outline: none;
}
.formData .bot {
  width: 100%;
  float: left;
}
.formData .sub {
  width: 232px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #e02f36;
  color: #FFF;
  cursor: pointer;
  font-size: 18px;
  display: block;
  transition: all ease 300ms;
  margin: 0 auto;
}
.formData .sub:hover {
  background: #3bb79b;
}
.formData .yzm {
  width: 432px;
}
.formData .yzm .txt {
  padding-left: 80px;
}
.formData .yzm img {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  border: 0px;
  display: block;
}
/*searchPage*/
.searchPage {
  overflow: hidden;
}
.searchPage ul {
  width: 105%;
}
.searchPage .item {
  width: 280px;
  height: 274px;
  float: left;
  margin: 0 25px 30px 0;
  background: #fff;
  position: relative;
  overflow: hidden;
  transition: all ease 300ms;
}
.searchPage .item a {
  width: 100%;
  display: block;
}
.searchPage .item img {
  width: 280px;
  height: auto;
  display: block;
}
.searchPage .item h3 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 16px;
  transition: all ease 300ms;
  background: #fff;
}
.searchPage .item .bg {
  position: absolute;
  width: 280px;
  padding-top: 86px;
  height: 124px;
  left: -280px;
  top: 0;
  z-index: 10;
  background: url(../images/red80.png) repeat 0 0;
  text-align: center;
  transition: all ease 300ms;
}
.searchPage .item .bg s {
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 100%;
  margin: 0 auto;
  background-color: #fff;
  background-position: -22px 18px;
}
.searchPage .item:hover {
  background: #fff;
}
.searchPage .item:hover h3 {
  color: #fff;
  background: #333;
}
.searchPage .item:hover .bg {
  left: 0;
}
.jobPage {
  padding: 0 0 50px;
}
.jobPage .content {
  padding-top: 80px;
}
.jobPage .item {
  border: 1px solid #dcdcdc;
  border-left: 4px solid #e02f36;
  padding: 10px 20px 0;
  margin-bottom: 20px;
  position: relative;
}
.jobPage .item .top {
  height: 65px;
  cursor: pointer;
}
.jobPage .item .top span {
  display: inline-block;
}
.jobPage .item .top span.sarry {
  margin-right: 36px;
}
.jobPage .item .top .time {
  color: #999;
}
.jobPage .item .top h3 {
  font-size: 18px;
  font-weight: normal;
}
.jobPage .item .top p {
  display: block;
  color: #666;
}
.jobPage .item .bottom {
  padding-top: 20px;
  border-top: 1px solid #dcdcdc;
  padding-bottom: 20px;
}
.jobPage .item .btn {
  width: 162px;
  height: 58px;
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: -18px;
  text-align: center;
  padding-right: 30px;
  line-height: 40px;
  color: #fff;
  background: url(../images/jobbtn.png) no-repeat 0 0;
  display: none;
}
.jobPage .item.hover .btn {
  display: block;
}
/*rightFix*/
.rightFix {
  width: 48px;
  position: fixed;
  right: 20px;
  top: 50%;
  margin-top: -100px;
  z-index: 99;
}
@media (max-width: 1366px) {
  .rightFix {
    right: 8px;
  }
}
.rightFix .ico {
  width: 48px;
  height: 48px;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0px;
  transition: all ease 300ms;
  margin-top: 1px;
  padding: 0px;
  border-radius: 48px;
  border: 1px solid #282c33;
  margin-bottom: 5px;
  background: #282c33 url(../images/fix-ico.png) no-repeat center 0;
}
.rightFix .ico img {
  width: 110px;
  height: 110px;
  position: absolute;
  left: -78px;
  top: 0;
  padding: 6px;
  background: #e02f36;
  border: 1px solid #ddd;
  background: #fff;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 5px;
}
.rightFix .ico span {
  width: 210px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  position: absolute;
  left: -78px;
  top: 0;
  background: #e02f36;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 18px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 48px;
}
.rightFix .ico:hover {
  background-color: #e02f36;
  border-color: #e02f36;
  overflow: visible;
}
.rightFix .ico:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -140px;
}
.rightFix .ico:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -215px;
}
.rightFix .fix-tel {
  background-position: -33px 12px;
}
.rightFix .fix-tel:hover {
  background-position: -33px 12px;
}
.rightFix .fix-qq {
  background-position: -33px -40px;
}
.rightFix .fix-qq:hover {
  background-position: -33px -40px;
}
.rightFix .fix-ewm {
  background-position: -33px -96px;
}
.rightFix .fix-ewm:hover {
  background-position: -33px -96px;
}
.rightFix .fix_top {
  background-position: -33px -150px;
}
.rightFix .fix_top:hover {
  background-position: -33px -150px;
}
.rightFix .fix-form {
  background-position: 10px -234px;
}
.rightFix .fix-form span {
  font-size: 14px;
  line-height: 23px;
  width: 180px;
}
.rightFix .fix-form:hover {
  background-position: -37px -234px;
}
.map_ul {
  list-style: outside none none;
  display: block;
  width: 100%;
  padding-top: 10px;
}
.map_ul li {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DCDBDB;
  margin-left: 10px;
  float: left;
}
.map_ul li a {
  font-size: 14px;
  float: left;
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
}
.map_ul .list-inline {
  display: block;
  margin-left: 7%;
  width: 80%;
  min-height: 30px;
}
.map_ul .list-inline a {
  font-weight: normal;
  width: auto;
  float: none;
  line-height: 32px;
  height: 32px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0px 10px;
}
.map_ul .list-inline a:hover {
  background: #e02f36;
  color: #fff;
}
span.bds_more,
.bds_tools a {
  line-height: 14px !important;
}
/**************
 *  Animations for content elements
 * **********/
/* 滞后 */
.delay100 {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}
.delay200 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
.delay300 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
.delay400 {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.delay500 {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
.delay600 {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.delay700 {
  -webkit-animation-delay: 700ms;
  animation-delay: 700ms;
}
.delay800 {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
.delay900 {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
}
.delay1000 {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.delay1100 {
  -webkit-animation-delay: 1100ms;
  animation-delay: 1100ms;
}
.delay1200 {
  -webkit-animation-delay: 1200ms;
  animation-delay: 1200ms;
}
.delay1300 {
  -webkit-animation-delay: 1300ms;
  animation-delay: 1300ms;
}
.delay1400 {
  -webkit-animation-delay: 1400ms;
  animation-delay: 1400ms;
}
.delay1500 {
  -webkit-animation-delay: 1500ms;
  animation-delay: 1500ms;
}
.delay1600 {
  -webkit-animation-delay: 1600ms;
  animation-delay: 1600ms;
}
.delay1700 {
  -webkit-animation-delay: 1700ms;
  animation-delay: 1700ms;
}
.delay1800 {
  -webkit-animation-delay: 1800ms;
  animation-delay: 1800ms;
}
.delay1900 {
  -webkit-animation-delay: 1900ms;
  animation-delay: 1900ms;
}
.delay2000 {
  -webkit-animation-delay: 2000ms;
  animation-delay: 2000ms;
}
.delay2100 {
  -webkit-animation-delay: 2100ms;
  animation-delay: 2100ms;
}
.delay2200 {
  -webkit-animation-delay: 2200ms;
  animation-delay: 2200ms;
}
.delay2300 {
  -webkit-animation-delay: 2300ms;
  animation-delay: 2300ms;
}
.delay2500 {
  -webkit-animation-delay: 2500ms;
  animation-delay: 2500ms;
}
.delay2700 {
  -webkit-animation-delay: 2700ms;
  animation-delay: 2700ms;
}
.delay2900 {
  -webkit-animation-delay: 2900ms;
  animation-delay: 2900ms;
}
.delay3000 {
  -webkit-animation-delay: 3000ms;
  animation-delay: 3000ms;
}
.delay4000 {
  -webkit-animation-delay: 4000ms;
  animation-delay: 4000ms;
}
.delay4500 {
  -webkit-animation-delay: 4500ms;
  animation-delay: 4500ms;
}
.delay5000 {
  -webkit-animation-delay: 5000ms;
  animation-delay: 5000ms;
}
.onactive .animated {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.active .animated.fast {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
.onactive .flyInDown {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInRight {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .flyInUp {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInLeft {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .opacityI {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes opacityI {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes opacityI {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.onactive .shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateY(6px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes shake {
  0% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateY(6px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes shake {
  0% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateY(6px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@-ms-keyframes shake {
  0% {
    -ms-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -ms-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -ms-transform: translateY(6px);
  }
  100% {
    -ms-transform: translateY(0);
  }
}
.onactive .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
}
.online-zx {
  width: 0;
  background: #202020;
  height: 50px;
  line-height: 50px;
  padding-left: 50px;
  position: fixed;
  left: 0;
  bottom: 200px;
  color: #fff;
}
.online-zx s {
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/zx-ico.png) no-repeat 8px center;
}
.online-zx a {
  width: 100%;
  height: 50px;
  display: block;
  color: #fff;
}
.online-zx.show {
  width: 0;
  background: #d3ad89;
  width: 98px;
}
.online-zx.show s {
  background-position: -35px center;
}
.BMap_bubble_content {
  line-height: 20px;
}


/* Underline From Center2 */
.hvr-underline-from-center1{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center1:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #e02f36; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center1:hover:before,
.hvr-underline-from-center1.hover:before,
.hvr-underline-from-center1:focus:before,
.hvr-underline-from-center1:active:before{left: 0; right: 0;}
.hvr-underline-from-center1:hover,
.hvr-underline-from-center1.hover{*height: 43px; *border-bottom: 3px solid #e02f36; *line-height: 43px;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}