@charset "utf-8";
body { font-size: 10px !Important; }
* { margin: 0px; padding: 0px; }
.tit { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; }
.tit h2 a { font-size: 3.6rem; width: 100%; text-align: center; color: #000; font-weight: bold; letter-spacing: 0px; display: block }
.tit h3 a { font-size: 2.4rem; width: 100%; text-align: center; color: #000; font-weight: normal; letter-spacing: 0px; display: block; line-height: 2.4; }
.tit p { width: 100%; text-align: center; color: #222; font-size: 1.4rem; line-height: 2.4; }
.tit ul { width: 100%; height: auto; clear: both; text-align: right; }
.tit ul a { color: #000; font-size: 1.6rem; display: inline-table; margin: 0 10px; padding: 10px 15px; transition: all 1s }
.tit ul a:hover { background: #e60012; color: #fff; transition: all 1s }
.tit2 { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; }
.tit2 h1 a { font-size: 3.6rem; width: 100%; text-align: left; color: #fff; font-weight: bold; letter-spacing: 0px; display: block }
.tit2 h2 a { font-size: 2.4rem; width: 100%; text-align: left; color: #fff; font-weight: normal; letter-spacing: 0px; display: block; line-height: 2.4; }
.more { display: block; width: 170px; height: 40px; line-height: 40px; color: #fff !important; text-align: center; font-size: 14px; margin: 0 auto; background: #e60012; transition: all 1s; position: relative; top: 0px; }
.more:hover { position: relative; top: -5px; transition: all 1s }
@media (max-width:990px) {
   .tit { width: 100%; }
   .tit h2 a { text-align: center; font-size: 2.2rem; }
   .tit h3 a { text-align: center; font-size: 1.8rem; line-height: 2.4; }
   .tit p { font-size: 1.3rem; line-height: 1.8; }
   .tit ul { text-align: center; margin-top: 2rem; }
   .tit ul a { background: #d6d5d6; }
   .tit2 { width: 100%; }
   .tit2 h1 a { text-align: center; font-size: 2.2rem; }
   .tit2 h2 a { text-align: center; font-size: 1.8rem; line-height: 2.4; }
}
.public { width: 100%; margin: 0 auto; }
.public2 { width: 100%; height: auto; position: relative; margin: auto; overflow: hidden; }
.th-head { position: absolute; left: 0; top: 0; z-index: 999999; right: 0; height: auto; background: rgba(255, 255, 255, 0.9) }
.thHeadBox { position: relative; left: 0; top: 0; width: 100%; }
@media(max-width:990px) {
   .th-head { position: relative; background: none; height: 45px }
   .thHeadBox { position: relative; background: none }
}

/*关于æˆ'们-头部 */
.m_img { display: none; }
.m_nav { display: none; }

/*移动端导航*/
@media screen and (max-width:990px) and (min-width:0px) {
   .top2 { display: none }
   .msgNum { display: none; }
   .slider { margin-top: 44px; }
   .head { display: none }
   .m_img { display: block; height: 44px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; overflow: hidden; background: #fff }
   .m_img .headlf { padding-top: 2px; padding-left: 5px; float: left; }
   .m_img .headlf .m_logo { height: 40px; display: block }
   .m_img .headrg { padding-right: 5%; padding-top: 14px; float: right; }
   .m_img .headrg a .m_menuimg { height: 16px; vertical-align: top; display: block }
   .m_nav { display: block; position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 10000 }
   .m_nav .closecover { position: absolute; width: 100%; height: 100%; background: #0b0d19; filter: alpha(opacity=0); opacity: 0; left: 0px; top: 0px; z-index: 1 }
   .m_nav .closeicon { position: absolute; width: 20%; left: 30px; top: 5%; z-index: 100; text-align: center; filter: alpha(opacity=0); opacity: 0 }
   .m_nav .m_navList { position: absolute; width: 80%; right: 0px; top: 0px; background: #0b0d19; height: 100%; z-index: 100; right: -80%; overflow-y: scroll; }
   .m_nav .m_navList ul { padding-left: 5%; padding-right: 5% }
   .m_nav .m_navList ul li { border-bottom: 1px solid #232530 }
   .m_nav .m_navList ul li a { display: block; height: 45px; color: #fff; line-height: 45px; padding-left: 5%; font-size: 16px }
   .m_nav .m_navList ul li .m_f_a { display: flex; align-items: center; justify-content: space-between; width: 100% }
   .m_nav .m_navList ul li .m_f_a a { flex: 1; }
   .m_nav .m_navList ul li .m_f_a i { width: 40px; height: 35px; box-sizing: border-box; padding: 0 5px; display: block; }
   .icon { background: url(../images/plus.png) 100% no-repeat; background-position: 50% 50%; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s }
   .icon_on { background: url(../images/reduce.jpg) 50% no-repeat !important; background-position: 50% 50%; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s }
   .m_nav .m_navList ul li .m_s_nav { display: none; width: 100%; }
   .m_nav .m_navList ul li .m_s_nav a { display: block; height: 40px; line-height: 40px; font-size: 14px; padding-left: 10%; overflow: hidden; white-space: nowrap; width: 90%; text-overflow: ellipsis; }
}
@media (max-width:768px) {
   #container { width: 100%; padding: 10px }
}
@media (min-width:992px) {
   .c4 .col-md-3 { width: 29.1% }
   .c4 .col-md-4 { width: 29.13%; padding: 0 }
   .c4 .col-md-8 { width: 70.5% }
   .c4 .col-md-9 { width: 70% }
}
@media (max-width:1280px) {
   .col-md-6 { display: none !important; }
   .col-md-9 { width: 80% !important; float: left; }
   .col-md-3 { width: 20% !important; float: left }
   .navBar2 .bignav #m1 .sub { width: 400% !important; padding: 20% 20% !important; }
}
.col-md-6 .phone { font-size: 1.4rem; color: #000000; font-weight: normal; position: relative; top: 30px; display: inline-table; line-height: 1; }
.col-md-6 .phone font { font-size: 1.8rem; color: #000000; font-weight: bold; display: inline-table }
.container2 { width: 90%; height: auto; clear: both; margin: 0 auto; position: relative; }
.navbar-brand img { max-width: 100%; max-height: 100%; }
.top { width: 100%; color: #a1a1a1; line-height: 35px; background: #dcdcdc }
.logo { display: block; }
.logo img { max-height: 95px; width: auto; }

.th-head { position: absolute; left: 0; top: 0; z-index: 999999; right: 0; height: auto; background: rgba(255, 255, 255, 0.9) }
.thHeadBox { position: relative; left: 0; top: 0; width: 100%; }
@media(max-width:990px) {
   .th-head { position: relative; background: none; height: 45px; }
   .thHeadBox { position: relative; background: none }
}

.navBar2 { z-index: 1 }
.navBar2 .bignav { height: 95px !important; margin: 0; padding: 0; position: relative; text-align: right; }
.navBar2 .bignav h3 { font-weight: normal; margin: 0px }
.navBar2 .bignav .m { display: inline-table; text-align: center; width: 11%; position: relative; margin: 0 1%; }
.navBar2 .bignav h3 a { zoom: 1; line-height: 95px !important; display: block; color: #3d3d3d; font-size: 1.6rem; }
@media (max-width:950px) {
   .navBar2 .bignav h3 a { line-height: 100px !important }
   .navBar2 .bignav { height: 100px !important; background: url(../images/dhln.png)left center no-repeat; margin: 0; padding: 0 }
}
.navBar2 .bignav .on h3 a { color: #e60012 }
.navBar2 .bignav .on h3 a .caret { border-bottom: 1px solid #e60012; border-right: 1px solid #e60012; }
@media (max-width:1600px) {
   .navBar2 .bignav #m1 .sub { left: -200px !important }
}
.navBar2 .bignav #m2 .sub { z-index: 1; width: 1920px; left: -718px; padding-top: 25px }
.navBar2 .bignav #m2 .sub ul { width: 80%; margin: 0 auto }
.navBar2 .bignav #m2 .sub ul li { float: left; text-align: center; list-style: none }
.navBar2 .bignav #m2 .sub ul li h3 { display: block; font-size: 18px; color: #c91b1b; margin-bottom: 30px }
.navBar2 .bignav #m2 .sub ul li img { width: 91px; height: 152px; margin-bottom: 30px }
.navBar2 .bignav #m2 .sub ul li span { display: block; font-size: 16px; color: #000000 }
.navBar2 .bignav #m3 .sub { z-index: 1; width: 863px; left: -185px; padding-top: 55px }
.navBar2 .bignav #m4 .sub { z-index: 1; width: 863px; left: -260px; padding-top: 55px }
.navBar2 .bignav #m5 .sub { z-index: 1; width: 863px; left: -320px; padding-top: 55px }
.navBar2 .bignav #m6 .sub { z-index: 1; width: 863px; left: -410px; padding-top: 55px }
.navBar2 .bignav #m7 .sub { z-index: 1; width: 863px; left: -530px; padding-top: 55px }
.navBar2 .bignav #m8 .sub { z-index: 1; width: 863px; left: -650px; padding-top: 55px }
.navBar2 .bignav .sub { display: none; padding: 10px 0; position: absolute; left: -10px; top: 95px; float: left; line-height: 30px; background: rgba(255, 255, 255, 0.9); height: auto }
.navBar2 .bignav #m1 .sub { z-index: 9999; width: 520%; left: -300px; padding: 20% 20%; }
.navBar2 .bignav .sub .subl { width: 200px; float: left; text-align: left; margin-left: 54px }
.navBar2 .bignav .sub .subl h3 { display: block; font-size: 24px; color: #2b2b2b }
.navBar2 .bignav .sub .subl span { display: block; padding-top: 15px; font-size: 14px; color: #777777; line-height: 24px; height: 140px; overflow: hidden }
.navBar2 .bignav .sub .subr { float: left; width: 60%; height: auto; text-align: left; }
.navBar2 .bignav .sub .subr img { width: 100%; height: auto; }
.navBar2 .bignav .sub dl { float: left; display: inline-block; width: 40%; padding: 0px 20px; height: auto; padding-bottom: 20px; }
.navBar2 .bignav .sub dl dt { font-size: 16px; line-height: 36px; text-align: left; text-indent: 10px }
.navBar2 .bignav .sub dl dt a { display: block; color: #555555; font-weight: normal; font-size: 1.4rem; }
.navBar2 .bignav .sub dl dt a:hover { color: #c91b1b; background: url(../images/navh.png) 105px center no-repeat }
@media(max-width:768px) {
   .navbar-brand { width: 45% }
   .navBar2 .bignav .sub dl { padding: 0px 0px; }
}

/*面包å±'*/
.lic { width: 100%; height: auto; background: rgba(0, 0, 0, 0.2); height: 50px; float: right; }
.xypg-right-mbx { border: none; font-size: 14px; color: #fff; line-height: 5rem; padding-left: 5px; }
.xypg-right-mbx .cur-pos { display: inline-block; color: #fff }
.xypg-right-mbx .cur-pos .iconfont { font-size: 25px; display: inline-block; height: 25px; color: #fff; margin-right: 5px }
.xypg-right-mbx a { color: #fff }
.xypg-right-mbx a:hover { color: #c00a0d; text-decoration: underline }
@media (max-width:992px) {
   .xypg-right-mbx { padding-top: 0 }
}
.xypg-right-content { font-size: 14px; color: #333; line-height: 1.7; padding: 5%; background: #fff }
.xypg-right-content p img { max-width: 100% }

/*关于æˆ'们-头部-搜索 */

/*关于æˆ'们-banner*/
.neibanner { width: 100%; height: auto; overflow: hidden; position: relative; }
.neibanner .img { width: 100%; height: 100%; }
.neibanner .text { position: absolute; top: 35%; left: 10%; }
.neibanner .text h2 { font-size: 5rem; color: #fff; letter-spacing: 1px; }
.neibanner .text h3 { font-size: 4rem; color: #fff; font-weight: normal; letter-spacing: 1px; line-height: 2; }
@media (max-width:468px) {
   .neibanner { width: 100%; height: auto; overflow: hidden; position: relative; }
   .neibanner .img { width: 100%; height: 30vh; }
   .neibanner .text h2 { font-size: 2rem; }
   .neibanner .text h3 { font-size: 1.4rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:469px) and (max-width:768px) {
   .neibanner { width: 100%; height: auto; overflow: hidden; position: relative; }
   .neibanner .img { height: 30vh; }
   .neibanner .text h2 { font-size: 2rem; }
   .neibanner .text h3 { font-size: 1.4rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:768px) and (max-width:990px) {
   .neibanner { width: 100%; overflow: hidden; position: relative; height: auto; }
   .neibanner .img { width: 100%; height: 35vh; }
   .neibanner .text h2 { font-size: 2rem; }
   .neibanner .text h3 { font-size: 1.4rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:991px) and (max-width:1080px) {
   .neibanner { width: 100%; overflow: hidden; position: relative; }
   .neibanner .img { width: 100%; height: 40vh; }
   .neibanner .text h2 { font-size: 4rem; }
   .neibanner .text h3 { font-size: 2rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:1081px) and (max-width:1200px) {
   .neibanner { width: 100%; overflow: hidden; position: relative; height: auto; }
   .neibanner .img { width: 100%; height: 45vh; }
   .neibanner .text h2 { font-size: 4rem; }
   .neibanner .text h3 { font-size: 2rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:1201px) and (max-width:1320px) {
   .neibanner { width: 100%; overflow: hidden; position: relative; height: auto; }
   .neibanner .img { width: 100%; height: 50vh; }
   .neibanner .text h2 { font-size: 4rem; }
   .neibanner .text h3 { font-size: 2rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:1321px) and (max-width:1440px) {
   .neibanner { width: 100%; overflow: hidden; position: relative; height: auto; }
   .neibanner .img { width: 100%; height: 55vh; }
   .neibanner .text h2 { font-size: 4rem; }
   .neibanner .text h3 { font-size: 2.4rem; }
   .neibanner .text { left: 5%; }
}
@media (min-width:1441px) and (max-width:1600px) {
   .neibanner { width: 100%; height: auto; overflow: hidden; position: relative; }
   .neibanner .img { width: 100%; height: 100%; height: 60vh; }
   .neibanner .text h2 { font-size: 4rem; }
   .neibanner .text h3 { font-size: 2.4rem; }
   .neibanner .text { left: 5%; }
}

/*关于æˆ'们-分类名称*/
.con1 { width: 100%; height: auto; paddding: 20px 0px; clear: both; padding-top: 5rem; z-index: 888; position: absolute; left: 0%; bottom: 0%; }
.mul { width: 100%; height: auto; float: right; text-align: right; text-align: center; border-bottom: solid #000 1px; padding: 1rem 0rem; background: #fcfcfc; }
.mul li { min-width: 130px; padding: 10px; display: inline-flex; background: #f2f2f2f2; margin: 1%; }
.mul li a { font-size: 1.5rem; color: #fff; text-align: center; display: block; width: 100%; color: #000; }
.mul li:hover { background: #cc312f; }
.mul li:hover a { color: #fff; }
.mul li.active { background: #cc312f; }
.mul li.active a { color: #fff; }
@media (max-width:990px) {
   .mul { width: 100%; padding: 2rem 0rem; }
   .mul li { padding: 5px; min-width: 100px; float: left; }
}
@media (min-width:469px) and (max-width:768px) {
   .mul { width: 100%; padding: 2rem 0rem; }
   .mul li { padding: 5px; min-width: 100px; float: left }
}
@media (min-width:993px) and (max-width:1320px) {
   .col-md-3 { width: 20%; }
   .col-md-2 { display: none; }
   .col-md-9 { width: 75%; }
}

/*关于æˆ'们-公司简介*/
.con2 { width: 100%; height: auto; clear: both; margin: 4rem 0rem; float: left; }
.con2 .right { width: 100%; height: auto; padding: 3% 3%; overflow: hidden; }
.con2 .right .atext { height: auto; width: 100%; font-size: 2rem;}
.con2 .right .atext img { max-width: 100%; height: auto !important }
.con2 .right p { width: 85%; margin: 0 auto; line-height: 2.6; color: #222; font-size: 1.4rem; text-align: left; }
.con2 .right a { font-size: 1.4rem; }
.con2 .right h1, h2, h2, h4, h5, span, font { color: #222; font-size: 1.4rem; }
@media (max-width:468px) {
   .con2 { width: 100%; height: auto; clear: both; padding: 4rem 0rem 0rem 0rem; }
   .con2 .left { width: 100%; }
   .con2 .right { width: 100%; position: static; padding-top: 5vh; }
   .con2 .right p { width: 100%; }
}
@media (min-width:469px) and (max-width:768px) {
   .con2 { width: 100%; height: auto; clear: both; padding: 4rem 0rem 0rem 0rem; }
   .con2 .left { width: 100%; }
   .con2 .right { width: 100%; position: static; padding-top: 5vh; }
   .con2 .right p { width: 100%; }
}
@media (min-width:769px) and (max-width:990px) {
   .con2 .left { width: 100%; }
   .con2 .right { width: 100%; position: static; padding-top: 5vh; }
   .con2 .right p { width: 100%; }
}

/*关于æˆ'们*/
.about { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; background: url(../images/about.jpg) no-repeat center top; background-size: cover; padding: 7rem 0rem; background-attachment: fixed }
.about .atit { width: 100%; height: auto; clear: both; position: relative; overflow: hidden; }
.about .atit h2 { width: 100%; color: #fff; font-size: 5rem; font-weight: normal; }
.about .atit h3 { width: 100%; color: #fff; font-size: 1.8rem; font-weight: normal; line-height: 2.2 }
.about .atit p { width: 100%; color: #fff; font-size: 1.4rem; font-weight: normal; margin-top: 2rem; line-height: 2 }
.about .product-num-box { width: 100%; height: auto }
.about .product-num-content { width: 100%; height: auto; margin: 0 auto; text-align: center; font-size: 0 }
.about .product-num-title { padding-top: 110px; margin-bottom: 30px; font-size: 42px; color: #fff; line-height: 45px; }
.about .product-num-text { font-size: 16px; color: #fff; line-height: 28px }
.about .product-num-head { margin-top: 80px; font-size: 0 }
.about .product-num-item { float: left; padding: 50px 0px; text-align: center; position: relative; width: 25%; background: #fff; }
.about .product-num-jus { display: inline-block; margin: 80px 0; width: 162px; height: 56px; font-size: 22px; color: #e60012; background: #fff; line-height: 48px; letter-spacing: 2px; cursor: pointer; font-weight: 500; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; text-decoration: none }
.about .product-num-nub { display: inline-block; width: 55%; font-size: 3.6rem; color: #e60012; line-height: 62px; text-align: right; }
.about .product-num-add { font-size: 24px; color: #e60012; width: 45%; align-self: center; text-align: left; display: inline-block; }
.about .product-num-inf { margin-top: 24px; font-size: 1.4rem; color: #000000; line-height: 0; display: inline-block; width: 100%; }
.about .product-num-jus:hover { background-color: #fff; color: #3e88f1 }
.about .product-num-wan { position: absolute; right: 55px; top: 0px }
.about .product-num-item:nth-child(3), .about .product-num-item:nth-child(4) { background: #bb0313 }
.about .product-num-item:nth-child(3) .product-num-nub { color: #fff; }
.about .product-num-item:nth-child(3) .product-num-add { color: #fff; }
.about .product-num-item:nth-child(3) .product-num-inf { color: #fff; }
.about .product-num-item:nth-child(4) .product-num-nub { color: #fff; }
.about .product-num-item:nth-child(4) .product-num-add { color: #fff; }
.about .product-num-item:nth-child(4) .product-num-inf { color: #fff; }
@media(max-width:990px) {
   .about { padding: 3rem 0rem; }
   .about .atit h2 { font-size: 2.4rem; }
   .about .atit h3 { font-size: 1.6rem; 2 }
   .about .atit p { font-size: 1.3rem; }
   .about .product-num-head { margin-top: 3rem }
   .about .product-num-item { width: 50%; }
   .about .product-num-inf { margin-top: 1rem; }
   .about .product-num-nub { font-size: 2.6rem; }
   .about .product-num-add { font-size: 1.6rem; }
   .about .product-num-inf { font-size: 1.4rem; }
   .about .product-num-item:nth-child(2) { background: #bb0313 }
   .about .product-num-item:nth-child(2) .product-num-nub { color: #fff; }
   .about .product-num-item:nth-child(2) .product-num-add { color: #fff; }
   .about .product-num-item:nth-child(2) .product-num-inf { color: #fff; }
   .about .product-num-item:nth-child(4) { background: #fff }
   .about .product-num-item:nth-child(4) .product-num-nub { color: #e60012; }
   .about .product-num-item:nth-child(4) .product-num-add { color: #e60012; }
   .about .product-num-item:nth-child(4) .product-num-inf { color: #000; }
}


@media(max-width:990px) {
   .ab_honor .mm { padding: 2rem 0rem 0rem 0rem; }
   #owl-demo3 .item .text { padding: 5% 5% 5% 5%; }
   .ab_honor .owl-theme .owl-controls { margin-top: 0rem; }
   #owl-demo3 .item { margin: 0% 5%; }
}
.more { display: block; width: 170px; height: 40px; line-height: 40px; color: #fff !important; text-align: center; font-size: 14px; margin-top: 5rem !important; background: #e60012; transition: all 1s }
.more:hover { position: relative; top: -5px; transition: all 1s }




/*底部*/

/*è"ç³»æˆ'们*/
.contact { float: left; width: 100%; height: auto; clear: both; background:#333;  center bottom; background-size: cover; padding: 30px 0px 0px 0px }
.cont2 { width: 100%; height: auto; clear: both; position: relative; }
.cont2 { width: 100%; height: auto; clear: both; position: relative; }
.contact .ft { width: 100%; text-align: center; position: absolute; top: -40px; left: 0px; }
.cont2_l { width: 68%; float: right; margin-top: 3rem }
.cont2_r { width: 30%; float: left; margin-top: 1rem; position: relative; }
.cont2 .cc { width: 100%; height: auto; float: left }
.cont2 .cc li { width: 14.6666%; float: left; margin-left: 1%; margin-right: 1% }
.cont2 .cc li .er { max-width: 130px; height: auto; float: left; color: #fff; line-height: 2.2; font-size: 1.5rem; text-align: center }
.cont2 .cc li .er img { max-width: 100%; height: auto }
.cont2 .cc li h1 { float: left; display: block; width: 100% }
.cont2 .cc li h1 a { font-size: 1.8rem; color: #b5b2b2; line-height: 2; font-weight: bold; }
.cont2 .cc li p a { float: left; font-size: 1.4rem; color: #b5b2b2; line-height: 1.6; clear: both }
.cont2 .cc li p { float: left; font-size: 1.4rem; color: #b5b2b2; line-height: 2; clear: both; margin-top: 1rem }
.cont2 .ct { width: 100%; height: auto; padding-top: 5rem; clear: both; float: left }
.cont2 .ct h1 { font-size: 1.4rem; color: #aeafaf; float: left; padding: 5px; margin-right: 5px }
.cont2 .ct a { float: left; padding: 5px; margin-left: 5px; font-size: 1.4rem; color: #b5b2b2 }
.cont2_r p img { max-width: 100%; height: auto; margin: 0px 5px; width: auto !important }
.cont2_r .logo { width: 100%; height: auto; clear: both; border-bottom: solid #b5b2b2 1px; margin-bottom: 2rem; }
.cont2_r p { width: 100%; float: left; font-size: 1.4rem; color: #b5b2b2; line-height: 2; clear: both; margin-top: 3px }
.cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 50%; float: left; clear: none; }
.foot { float: left; width: 100%; height: auto; padding: 25px 0px; clear: both; border-top: solid #b5b2b2 1px; margin-top: 3rem; }
.foot .f1 { float: left; font-size: 1.4rem; color: #fff; margin: 0 5px }
.foot .f2 { float: left; font-size: 1.4rem; color: #fff; margin: 0 5px }
.foot .f3 { float: right; font-size: 1.4rem; color: #fff; margin: 0 5px }
.foot .f3 a { font-size: 1.4rem; color: #fff }

 .gjc  h1 { float: left; display: block; width: 100%;font-size:2rem; margin-top:2rem;}
 .foot a,.gjc a{color: #b5b2b2;}
.gjc  p a {width:auto; padding:0 1%;}
 .gjc  p { float: left; font-size: 1.4rem; color: #b5b2b2; line-height: 2; clear: both; margin-top:2rem;}

@media (max-width:768px) {
	
	
   .foot { padding: 25px 0px 70px; }
}
@media (max-width:468px) {
   .cont2_l { display: none; }
   .cont2_r { width: 100%; }
   .cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 100%; float: left; clear: none; }
   .cont2_r p { font-size: 13px; }
}
@media (min-width:469px) and (max-width:768px) {
   .cont2_l { display: none; }
   .cont2_r { width: 100%; }
   .cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 100%; float: left; clear: none; }
}
@media (min-width:769px) and (max-width:990px) {
   .cont2_l { display: none; }
   .cont2_r { width: 100%; }
   .cont2_r p { width: 50%; float: left; clear: none; }
}
@media (min-width:991px) and (max-width:1080px) {
   .cont2_l { width: 100%; }
   .cont2_r { width: 100%; }
   .cont2_r p { width: 50%; float: left; clear: none; }
}
@media (min-width:1081px) and (max-width:1200px) {
   .cont2_l { width: 100%; }
   .cont2_r { width: 100%; }
   .cont2_r p { width: 50%; float: left; clear: none; }
}
@media (min-width:1201px) and (max-width:1440px) {
   .cont2_l { width: 100%; }
   .cont2_r { width: 100%; }
   .cont2_r p { width: 50%; float: left; clear: none; }
}
@media (min-width:1441px) and (max-width:1680px) {
   .cont2_l { width: 100%; }
   .cont2_r { width: 100%; }
   .cont2_r p { width: 33.3333%; float: left; clear: none; }
   .cont2_r p:nth-child(6), .cont2_r p:nth-child(7) { width: 33.3333%; float: left; clear: none; }
}



/*产å"åˆ—表页-åŠ è½½æ›´å¤š*/
.hidden { display: none; }
/*案例列表页*/
.caselist { width: 100%; height: auto; clear: both; position: relative; margin: 2% 0%; float: left; min-height: 70vh }
.caselist li { padding: 0% 0% 2% 0%; width: 21%; margin-left: 2%; margin-right: 2%; float: left; position: relative; z-index: 10; transition: all 500ms; margin-top: 4rem; background: #fff; }
.caselist li .glightbox2 { display: block; width: 100%; color: #333; }
.caselist li .titc { width: 100%; display: block; margin: auto; margin-top: auto; z-index: 9999; position: relative; text-align: center; font-size: 1.5rem; color: #33; line-height: 3; transition: all 500ms; }
.caselist li:hover .titc { background: #cc312f; transition: all 500ms; }
.caselist li:hover .glightbox2 { color: #fff; }
.caselist li .mask { width: 100%; height: auto; overflow: hidden; position: absolute; left: 0; top: 0px; z-index: 20; transition: all 500ms; font-size: 0rem }
.caselist li .img { display: block; width: 100%; height: 100% }
.caselist li img { width: 100%; height: 90%; padding: 2%; }
.caselist li h3 { font-size: 12px; }
.caselist li .csbg { width: 70%; height: auto; background: #ffffff; margin: 0 auto; z-index: 5; transition: all 500ms; margin-top: -10%; z-index: 9999; position: relative; box-shadow: 1px 1px 1px #ccc; }
.caselist li .csbg h3 { font-size: 1.6rem; text-align: center; padding: 2rem; display: block; width: 100%; }
.caselist li .csbg h3 a { font-size: 1.6rem; text-align: center; display: block; width: 100%; color: #333; line-height: 2; }
.caselist li:hover { color: #fff; }
.caselist li:hover .mask { top: 0px; text-align: center; font-size: 1.8rem; color: #ffffff; top: 30%; text-shadow: 1px 1px 1px #333; }
.caselist li:hover .csbg { background: #cc312f; color: #ffffff }
.caselist li:hover .csbg h3 a { text-align: center; display: block; width: 100%; color: #ffffff }
.caselist li:vidited .csbg h3 a { color: #ffffff }
@media (max-width:468px) {
   .caselist li { width: 90%; margin-left: 5%; margin-right: 5%; }
   .caselist li:hover .mask { font-size: 1.6rem; }
}
@media (min-width:469px) and (max-width:768px) {
   .caselist li { width: 90%; margin-left: 5%; margin-right: 5%; }
   .caselist li:hover .mask { font-size: 1.6rem; }
}
@media (min-width:769px) and (max-width:990px) {
   .caselist li { width: 46%; }
   .caselist li .csbg h3 a { font-size: 1.4rem; }
   .caselist li:hover .mask { font-size: 1.6rem; }
}
@media (min-width:991px) and (max-width:1080px) {
   .caselist li { width: 46%; }
   .caselist li .csbg h3 a { font-size: 1.6rem; }
   .caselist li:hover .mask { font-size: 1.8rem; }
}
@media (min-width:1081px) and (max-width:1200px) {
   .caselist li { width: 29%; }
   .caselist li .csbg h3 a { font-size: 1.6rem; }
   .caselist li:hover .mask { font-size: 1.8rem; }
}


@-webkit-keyframes lightboxLoader {
   0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
   100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes lightboxLoader {
   0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
   100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes gfadeIn {
   from { opacity: 0 }
   to { opacity: 1 }
}
@keyframes gfadeIn {
   from { opacity: 0 }
   to { opacity: 1 }
}
@-webkit-keyframes gfadeOut {
   from { opacity: 1 }
   to { opacity: 0 }
}
@keyframes gfadeOut {
   from { opacity: 1 }
   to { opacity: 0 }
}
@-webkit-keyframes gslideInLeft {
   from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0) }
   to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes gslideInLeft {
   from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0) }
   to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@-webkit-keyframes gslideOutLeft {
   from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
   to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden }
}
@keyframes gslideOutLeft {
   from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
   to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden }
}
@-webkit-keyframes gslideInRight {
   from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0) }
   to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes gslideInRight {
   from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0) }
   to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@-webkit-keyframes gslideOutRight {
   from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
   to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0 }
}
@keyframes gslideOutRight {
   from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
   to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0 }
}
@-webkit-keyframes gzoomIn {
   from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
   to { opacity: 1 }
}
@keyframes gzoomIn {
   from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
   to { opacity: 1 }
}
@-webkit-keyframes gzoomOut {
   from { opacity: 1 }
   50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
   to { opacity: 0 }
}
@keyframes gzoomOut {
   from { opacity: 1 }
   50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
   to { opacity: 0 }
}


/*新闻列表页*/

/*新闻列表页*/
.newslist { width: 100%; height: auto; clear: both; position: relative; padding: 3rem 0px 3rem 0px; }
.newslist ul { width: 100%; height: auto; clear: both; position: relative; margin-top: 2rem; }
.newslist ul li { width: 31%; height: auto; margin-left: 1%; margin-right: 1%; float: left; border: solid #ccc 1px; overflow: hidden; position: relative; margin-top: 2rem; padding-bottom: 10px }
.newslist ul li .post-slide { transition: all 1s ease-in-out 0s }
.newslist ul li .post-slide .post-img { overflow: hidden; position: relative }
.newslist ul li .post-slide .post-img img { max-width: 100% !important; height: auto; width: auto !important; float: left; transform: scale(1.0); transition: all 1s }
.newslist ul li .post-slide .post-img h1 { width: 80%; display: block; position: absolute; left: 10px; top: 10%; color: #fff; padding: 10px 20px; font-size: 14px; letter-spacing: 1px; transition: all 1s ease-in-out 0s; line-height: 35px }
.newslist ul li .post-slide .post-img img { max-width: 100% !important; height: auto; width: auto !important; float: left; transform: scale(1.0); transition: all 1s }
.newslist ul li .post-slide .post-content { padding: 2% 6%; line-height: 22px; }
.newslist ul li .post-slide .post-title { font-size: 17px; font-weight: 600; margin-top: 0; text-transform: capitalize }
.newslist ul li .post-slide .post-title a { display: inline-block; color: #000; transition: all 0.3s ease 0s; line-height: 3 }
.newslist ul li .post-slide .post-content p { color: #333; line-height: 2; font-size: 1.4rem; text-indent: -3rem; display: inline }
.newslist ul li:hove .post-slider { transition: all 1s ease-in-out 0s; }
.newslist ul li:hover { background: #e60012 }
.newslist ul li .post-slide .post-content p { color: #333; }
.newslist ul li:hover .post-slide .post-title a { color: #fff; }
.newslist ul li:hover .post-slide .post-content p { color: #fff; }
.newslist ul li:hover .post-slide:hover .post-img img { transform: scale(1.2); transition: all 1s; }
.newslist ul li .post-slide:hover .post-img img { transform: scale(1.0); transition: all 1s; }
.newslist .more { margin-top: 0rem; border: solid #fff 1px; display: none; }
.newslist .more p { color: #fff !important; }
@media (max-width:468px) {
   .newslist ul li { width: 98%; height: auto; float: none; margin: 0 auto; margin-top: 2rem; }
   .newslist .more { display: block; }
}
@media (min-width:469px) and (max-width:768px) {
   .newslist ul li { width: 98%; height: auto; float: none; margin: 0 auto; margin-top: 2rem; }
   .newslist .more { display: block; }
}
@media (min-width:769px) and (max-width:1080px) {
   .newslist ul li { width: 48%; margin-left: 1%; margin-right: 1%; height: auto; float: left; margin-top: 2rem; }
   .newslist .more { display: block; }
}
@media (min-width:1081px) and (max-width:1200px) {
   .newslist ul li { height: 30vh; }
}


.content img { display: block; }
.center { text-align: center }


/*新闻内页*/
.news { width: 100%; height: auto; clear: both; position: relative; padding: 2% 0% 5% 0%; }
.news .news_info a { color: #333; font-size: 1.6rem; line-height: 2; }
.news .news_info { width: 100%; height: auto; clear: both; background: rgba(255, 2555, 255, 0.8); padding: 2% 2%; }
.news .news_info .news_info_tit { width: 100%; margin-bottom: 1rem; }
.news .news_info .news_info_tit h1 { font-size: 3rem; color: #363636; font-weight: bold; margin-bottom: 10px; line-height: 1.7; text-align: center; letter-spacing: 1px; }
.news .news_info_mm { width: 100%; height: auto; clear: both; }
.news .news_info_mm img { max-width: 100%; height: auto !important }
.news .news_info_mm p { display: block; line-height: 2.2; text-align: leftc; color: #333; width: 100%; font-size: 1.6rem; text-indent: 4rem; }
@media (max-width:468px) {
   .news .news_info { width: 95%; margin: 0 auto; float: none; }
   .news .news_info .news_info_tit h1 { font-size: 2rem; line-height: 1.7; }
}
@media (min-width:469px) and (max-width:768px) {
   .news .news_info { width: 95%; margin: 0 auto; float: none; }
   .news .news_info .news_info_tit h1 { line-height: 3; }
}
@media (min-width:769px) and (max-width:990px) {
   .news .news_info { width: 95%; margin: 0 auto; float: none; }
   .news .news_info p { width: 90%; margin: 0 auto; }
   .news .news_info .news_info_tit h1 { line-height: 3; }
}




/*在线客服*/
.side { position: fixed; width: 78px; right: 0; top: 50%; margin-top: -200px; z-index: 100; border: 1px solid #e0e0e0; background: #fff; border-bottom: 0; z-index: 9999; }
.side ul li { width: 78px; height: 78px; float: left; position: relative; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 14px; line-height: 38px; text-align: center; transition: all .3s; cursor: pointer }
.side ul li:hover { background: #f67524; color: #fff }
.side ul li:hover a { color: #fff }
.side ul li a { color: #333; }
.side ul li i { height: 25px; margin-bottom: 1px; display: block; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: auto 25px; margin-top: 14px; transition: all .3s }
.side ul li i.bgs1 { background-image: url(../images/right_pic5.png) }
.side ul li i.bgs2 { background-image: url(../images/right_pic7.png) }
.side ul li i.bgs3 { background-image: url(../images/right_pic2.png) }
.side ul li i.bgs4 { background-image: url(../images/right_pic1.png) }
.side ul li i.bgs5 { background-image: url(../images/right_pic3.png) }
.side ul li i.bgs6 { background-image: url(../images/right_pic6_on.png) }
.side ul li:hover i.bgs1 { background-image: url(../images/right_pic5_on.png) }
.side ul li:hover i.bgs2 { background-image: url(../images/right_pic7_on.png) }
.side ul li:hover i.bgs3 { background-image: url(../images/right_pic2_on.png) }
.side ul li:hover i.bgs4 { background-image: url(../images/right_pic1_on.png) }
.side ul li:hover i.bgs5 { background-image: url(../images/right_pic3_on.png) }
.side ul li .sidebox { position: absolute; width: 78px; height: 78px; top: 0; right: 0; transition: all .3s; overflow: hidden }
.side ul li.sidetop { background: #f67524; color: #fff }
.side ul li.sidetop:hover { opacity: .8; filter: Alpha(opacity=80) }
.side ul li.sideewm .ewBox.son { width: 238px; display: none; color: #363636; text-align: center; padding-top: 235px; position: absolute; left: -240px; top: 0; background-image: url(../images/er.jpg); background-repeat: no-repeat; background-position: center center; border: 1px solid #e0e0e0 }
.side ul li.sideetel .telBox.son { width: 240px; height: 237px; display: none; color: #fff; text-align: left; position: absolute; left: -240px; top: -79px; background: #f67524 }
.side ul li.sideetel .telBox dd { display: block; height: 118.5px; overflow: hidden; padding-left: 82px; line-height: 24px; font-size: 18px }
.side ul li.sideetel .telBox dd span { color: #fff; display: block; line-height: 28px; height: 28px; overflow: hidden; margin-top: 32px; font-size: 18px }
.side ul li.sideetel .telBox dd.bgs1 { background: url(../images/right_pic8.png) 28px center no-repeat; background-color: #e96410 }
.side ul li.sideetel .telBox dd.bgs2 { background: url(../images/right_pic9.png) 28px center no-repeat }
.side ul li:hover .son { display: block !important; animation: fadein 1s }
@keyframes fadein {
   from { opacity: 0 }
   to { opacity: 1 }
}
@media (max-width:990px) {
   .side { display: none; }
}


.ditu b { font-size: 1.8rem; }
.ab_pages { clear: both; padding: 20px 0; font-size: 14px; text-align: center; overflow: hidden; margin: 20px auto; display: table; }
.ab_pages ul { display: inline-block; margin: 0 auto; padding: 0 }
.ab_pages ul a { color: #555; display: block; padding: 5px 11px; border: 1px solid #ddd; float: left; margin: 0 5px; font-size: 12px }
.ab_pages ul a.page-num-current { background: #ddd; }
.ab_pages ul a:hover { background: #ddd }
.ab_pages ul span { display: inline-block; float: left; line-height: 28px; }