@charset "gb2312";
/* CSS Document */

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0 }
abbr, acronym, fieldset, img { border: 0 }
ol, ul { list-style: none }
caption, th { text-align: left }
q:after, q:before { content: '' }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.col-c, .col-l, .col_c, .col_l, .l { float: left }
.col-r, .col_r, .r { float: right }
.c { clear: both }
.n, em { font-weight: 400; font-style: normal }
.dn { display: none }
.STYLE1 { color: #FFFFFF; }
body { color: #333; font-size: 14px; line-height: 1.5; background: #fff; font-family: "微软雅黑", "Microsoft Yahei", sans-serif }
a { color: #333; text-decoration: none; display: inline; }
a:hover { color: #f20d01; }
img, video { max-width: 100%; height: auto }
input, select, textarea { font-size: 12px; color: #444; font-family: "Microsoft Yahei", sans-serif; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box }
input[type=button], input[type=reset], input[type=submit], select { -webkit-appearance: none; -moz-appearance: none; appearance: none }
input[type=button], input[type=reset], input[type=submit] { cursor: pointer }

::-webkit-input-placeholder {
color:#6e7075
}

::-moz-placeholder {
color:#6e7075
}

::-ms-input-placeholder {
color:#6e7075
}
input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus { background: #fff; border: 1px solid #bbb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box }
input.false:focus { border: 2px solid #ff1531; background: #fff }
.ani, a, img { transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s }
* { -wekit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0 }
.unselect { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none }
.wp { width: 96%; max-width: 1400px; margin: 0 auto; }
.h50 { height: 50px; clear: both; overflow: hidden }
.h100 { height: 100px; clear: both; overflow: hidden }
.mo-pic { display: none!important; }
.mo-pic2 { display: none; }
.tpzs { line-height: 20px; font-size: 15px; color: #222; font-weight: bold; }


tr:nth-child(odd) td {background-color: #e1e1e1;}
tr:nth-child(even) td {background-color: #fff;}
tr:first-child td {background: #ba1718; color: #fff;}

.page { text-align: center; padding: 20px 0; }
.page li { width:auto !important;}
.page li span { display: inline-block; margin: 0 5px; }
.page li span.page-numbar { margin: 0; }
.page li a { display: inline-block; padding: 2px 10px; color: #333; font-size: 15px; border: 1px solid #dedede; margin: 0 5px; }
.page li a.page-num-current { background: #0b81de; color: #fff; border-color: #0b81de; }
.sjban{  display: none;}

/*==============banner start==============*/

.homeban { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; height: 790px; }
.homeban .swiper-wrapper { position: absolute; left: 0px; top: 0px; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.homeban .swiper-slide { float: left; width: 100%; height: 100%; opacity: 1; transition: opacity 0.5s ease-in-out; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }
.homeban .pagination1 { position: absolute; left: 50%; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2); text-align: center; bottom: 48px; width: 370px; padding: 0px 20px; margin-left: -185px; }
.homeban .pagination1 span { font-size: 14px; color: #fff; margin-right: 83px; display: inline-block; cursor: pointer; position: relative; transition: all 500ms ease; -webkit-transition: all 500ms ease; }
.homeban .pagination1 span:last-child { margin-right: 0; }
.homeban .pagination1 span:after { content: ""; display: inline-block; width: 0; height: 2px; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -15px; opacity: 0; visibility: hidden; transition: all 500ms ease; -webkit-transition: all 500ms ease; }
.homeban .pagination1 span.swiper-active-switch:after { width: 100%; opacity: 1; visibility: visible; }
.homeban .swiper-slide-active { opacity: 1; }
.homeban .swiper-slide .img { position: absolute; }
.homeban .inner { position: relative; display: block; width: 1000px; height: 100%; margin: 0 auto; }
.homeban .inner01 { position: relative; display: block; width: 1000px; height: 100%; margin: 0 auto; }
.homebanpic { width: 100%; text-align: center; }
.homebanpic img { width: 100%; }
/**/

.slide1 { background: url(../images/1.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.slide1 .s0 { left: 50%; top: 8%; width: 55%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);  visibility:hidden; }
.slide1 .s1 {  left: 50%; top: 55%; width: 90%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);visibility:hidden;  }
/**/

.slide2 { background: url(../images/22.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.slide2 .slip01 { visibility:hidden; top: 30%; font-size: 36px; background: url(../images/homeoneicon01.png) no-repeat left center; padding-left: 35px; color: #fff; font-weight: bold; font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; left: 0%; }
.slide2 .slip02 { visibility:hidden;  top: 40%; font-size: 36px; color: #fff; font-weight: bold; font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; padding-left: 35px; left: 0%; }
.slide2 .slip03 { visibility:hidden;  top: 62%; font-size: 16px; color: #b3b2b2; font-weight: bold; font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; padding-left: 35px; left: 0%; }




.slide3 { background: url(../images/banner-gaigong.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.slide3 .s0 { left: 50%; top: 18%; width: 53%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); display: none; }
.slide3 .s1 { left: 50%; width: 100%; bottom: 0%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 5; display: none; }
.slide3 .s2 { left: 10%; bottom: 30%; width: 15.625%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; }
.slide3 .s3 { right: -10.7917%; bottom: 7%; width: 28.3333%; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; }
.slide3 .zoomInDown01, .slide3 .fadeInUp01 { display: block; }
 // .slide3 {
background:url(../images/banner02.jpg);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
 // .slide3 .slip04 {
left:50%;
top:23.379383%;
width:49.166667%;
margin-left:-24.58888%;
}
 // .slide3 .slip05 {
left:50%;
top:67.957447%;
width:100%;
margin-left:-50%;
text-align:center;
color:#eecb7d;
font-size:20px;
}
 // .slide3 .slip06 {
left:0px;
bottom:0px;
width:31.5625%;
}
 // .slide3 .slip07 {
right:0px;
bottom:0px;
width:30.146667%;
}
/**/

.slide4 { background: url(../images/2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.slide4 .slide4item {  visibility:hidden; left: 8.854167%; top: 48%; width: 29.6875%; z-index: 2; transform: translateY(-70%); -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); }
.slide2 .slip07 { visibility:hidden;  width: 100%;  }
.slide2 .slip08 { visibility:hidden; width: 100%; }
.slide4 .slip09 {  visibility:hidden;  width: 100%;  }
.slide4 .slip10, .slide4 .slip11, .slide4 .slip12 { position: relative; font-size: 16px; background: url(../images/homeoneicon01.png) no-repeat left center; padding-left: 35px; color: #fff; line-height: 1; }
.slide4 .slip10 { visibility:hidden;  top: 0px; left: 0px; }
.slide4 .slip11 { visibility:hidden;  top: 30px; left: 100px; font-weight: bold; }
.slide4 .slip12 { visibility:hidden;  top: 60px; left: 0px; }
/**/

.slide5 { background: url(../images/3.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.slide5 .slide5item { visibility:hidden;  left: 8.854167%; top: 50%; width: 29.6875%; z-index: 2; transform: translateY(-70%); -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); }
.slide5 .slip17 { visibility:hidden;width: 50%; right: 9%; bottom: 13.376195%; max-width: 950px; }
.slide5 .slip13 { visibility:hidden;  width: 100%;  }
.slide5 .slip14 { visibility:hidden; width: 100%; }
/*.slide5 .slip13 { width: 100%; left: 0%; top: 0%; position: relative; max-width: 570px; }
.slide5 .slip14, .slide5 .slip15, .slide5 .slip16 { position: relative; font-size: 16px; background: url(../images/homeoneicon01.png) no-repeat left center; padding-left: 35px; color: #fff; line-height: 1; }
.slide5 .slip14 { visibility:hidden;  top: 0px; left: 0px; }
.slide5 .slip15 {  visibility:hidden; top: 30px; left: 100px; font-weight: bold; }
.slide5 .slip16 { visibility:hidden;  top: 60px; left: 0px; }*/


/*==============banner end==============*/



@media screen and (min-width:1440px) {
/*banner*/

.homeban .inner { width: 1200px; }
.slide2 .slip01 { font-size: 46px; }
.slide2 .slip02 { font-size: 46px; }
.slide2 .slip03 { font-size: 18px; }
.slide3 .slip05 { font-size: 25px; }
}
 @media screen and (min-width:1860px) {
/*banner*/

.homeban .inner { width: 1600px; }
.slide2 .slip01 { font-size: 56px; }
.slide2 .slip02 { font-size: 56px; }
.slide2 .slip03 { font-size: 24px; }
.slide3 .slip05 { font-size: 30px; }
.slide4 .slip08 { width: 53.4375% }
.slide5 .slip17 { bottom: 6.376195% }
.slide4 .slip10, .slide4 .slip11, .slide4 .slip12, .slide5 .slip14, .slide5 .slip15, .slide5 .slip16 { font-size: 21px; }
}
 @media screen and (min-width:1920px) {
.homeban .inner01 { width: 100%; }
.slide1 .s0 { top: 8%; width: auto; height: 28%!important; }
.slide1 .s1 { top: 42%; width: auto; height: 50%!important; }
}
.banner-mo { display: none!important; }
.menuBtn { position: relative; z-index: 9; display: none; float: right; width: 40px; height: 40px; padding: 7px; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; margin-top: 5px }
.menuBtn b { display: block; height: 3px; background-color: #222; margin: 3px 0 5px; border-radius: 2px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s }
.menuBtn.open b { display: none; margin: 0; position: absolute; left: 10px; top: 50%; width: 30px }
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg) }
.banner .slick-next, .banner .slick-prev { position: absolute; top: 50%; margin-top: -25px; overflow: hidden; width: 40px; height: 80px; font-size: 0; line-height: 0; z-index: 999; background-repeat: no-repeat; background-position: center center; background-color: rgba(0,0,0,.4); -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; text-indent: -9999px }
.banner .slick-prev { left: 100px; background-image: url(../images/prev1.png) }
.banner .slick-next { right: 100px; background-image: url(../images/next1.png) }
.banner .slick-next:hover, .banner .slick-prev:hover { background-color: rgba(235,187,7,.4) }
.banner .slick-dots { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; z-index: 99 }
.banner .slick-dots li { display: inline-block; margin: 0 5px }
.banner .slick-dots li button { display: block; width: 16px; height: 16px; font-size: 0; line-height: 0; text-indent: 999px; background-color: #fff; border-radius: 50%; margin-right: 0; }
.banner .slick-dots li.slick-active button { background-color: #dc231e }
.banner { overflow: hidden; position: relative; }
.banner .item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.banner .item:first-child img { display: block; position: static; z-index: 1; }
.banner.slick-slider .item img { display: block; position: static; z-index: 1; height: auto; }
.header { margin: 0 135px; padding-top: 10px;  }
.logo { float: left; margin-top: 10px }
.logo img { width: 347px; height: auto; }
.hdr { overflow: hidden }
.hdr .tel { float: right; padding-left: 80px; background: url(../images/tel1.png) left center no-repeat; -webkit-background-size: 70px auto; -moz-background-size: 70px auto; -o-background-size: 70px auto; background-size: 70px auto; margin-top: 15px }
.hdr .tel span { font-size: 16px; color: #222; line-height: 26px; display: block }
.hdr .tel a { font-size: 24px; color: #222; line-height: 33px }
.hdr .tel a strong { font-size: 28px; color: #e6000a }
.jianxi{letter-spacing: 1px;}
.nav { float: right; margin-right: 30px; }
.nav li { float: left; text-align: center; margin: 0 28px }
.nav li a { display: inline-block; font-size: 18px; color: #222; line-height: 90px; border-bottom: 3px solid transparent }
.nav li .drop { width: 100%; position: absolute; left: 0;  flex-direction: column; background: rgb(17, 113, 190); display: none; z-index: 99999; }
.nav li .drop a {  font-size: 16px; line-height: 70px;display: inline-block;  margin: 0 20px; color: #fff; }
.abList ul { text-align: center; margin:10px 0 10px 0; }
.abList li { display: inline-block; width: 190px; height: 45px; margin: 0px 10px 10px; font: normal 16px/45px "微软雅黑"; text-align: center; background: #1658c8; border-radius: 8px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;  }
.abList li a { display: block; width: 100%; height: 100%; color: #fff; }
.abList li.on a, .abList li:hover a {  transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }


.nav .on a, .nav li a:hover { border-color: #dc231e; color: #dc231e }
.footer { line-height: 48px }
.footer .top { background-color: #15181e; overflow: hidden }
.footer .copy { float: left; font-size: 14px; color: #4d5560 }
.footer .copy span { margin-right: 20px; display: inline-block }
.footer .copy a { color: #4d5560; display: inline-block }
.footer .map { float: right }
.footer .map a { margin-left: 20px; color: #4d5560 }
.footer a:hover { color: #fff }
.f-link { background: #c1c1c2; font-size: 14px; color: #888 }
.f-link a { color: #888; margin-right: 15px }
.fd-bot { position: fixed; left: 0; bottom: 0; width: 100%; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); background-color: #fff; overflow: hidden; z-index: 999; padding: 5px 0; display: none; }
.fd-bot a, .fd-bot span { float: left; font-size: 14px; color: #222222; text-align: center; line-height: 30px; border-right: 1px solid #ddd; -wekit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fd-bot a:last-child { border: none; }
.fd-bot a, .fd-bot span { width: 40%; }
.fd-bot a.home { width: 20%; }
.fd-bot .server img { max-height: 20px; display: inline-block; margin-right: 4px; vertical-align: middle; }
.index-tit { color: #666; font-size: 18px; line-height: 38px; margin-bottom: 20px }
.index-tit img { float: left; }
.index-tit h2 { text-align: center; }
.index-tit h1, .index-tit h2 { color: #333; font-size: 36px; line-height: 46px; margin-bottom: 10px }
.index-tit a:hover { color: #dc231e }
.index-m1 { margin: 50px 0 }
.ul-index1 { overflow: hidden; margin: 0 -10px; padding: 44px 0 20px }
.ul-index1 li { float: left; width: 16.6% }
.ul-index1 li img { display: block }
.ul-index1 .item { margin: 0 10px; position: relative }
.ul-index1 .tit { position: absolute; left: 0; top: 0; background: rgba(6,8,38,.75); width: 100%; text-align: center; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.ul-index1 .tit img { display: block; margin: -50px auto 0 }
.ul-index1 .tit p a { display: block; font-size: 20px; color: #fff; line-height: 40px; padding: 10px 0 }
.ul-index1 .link { position: absolute; top: 100%; left: 0; bottom: 0; width: 100%; padding: 15px 18px 48px; background-color: #fff; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0 }
.ul-index1 .link a { font-size: 14px; color: #777; display: block; border-bottom: 1px dashed #e2e2e2; line-height: 37px; text-align: center; height: 37px; overflow: hidden; }
.ul-index1 li:hover .tit { background: #e60a14 }
.ul-index1 li:hover .link { top: 110px; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter: alpha(Opacity=100) }
.ul-index1 li:hover .item { -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2) }
.ul-index1 .link a:hover { color: #e60a14 }
.index-m2 { background: url(../images/i-bg1.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.index-m2 .tit { width: 645px; padding: 15px 0 15px 55px; margin-bottom: 75px; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100% }
.index-m2 .tit h1 a { display: block; font-size: 38px; color: #fff; line-height: 45px; margin-bottom: 15px }
.index-m2 .tit h1 a:hover { color: #e6000a }
.index-m2 .tit p { font-size: 16px; color: #fff; line-height: 28px }
.index-m2 .infor { width: 645px; padding: 12px 0 31px; overflow: hidden }
.index-m2 .infor span { float: left; width: 33.33%; text-align: center; border-right: 1px solid #fff; font-size: 14px; color: #fff; padding-top: 84px; background-repeat: no-repeat; background-position: center top }
.index-m2 .infor .ico1 { background-image: url(../images/i-ico2.png) }
.index-m2 .infor .ico2 { background-image: url(../images/i-ico3.png) }
.index-m2 .infor .ico3 { background-image: url(../images/i-ico4.png); border: none }
.index-m2 .wp { position: relative; padding: 68px 0 115px }
.index-m2 img { position: absolute; right: 0; bottom: -60px; right: -120px; }
.ul-index2sy { margin: 84px -17px 45px; overflow: hidden }
.ul-index2 { }
.ul-index2 li { float: left; width: 25%; padding: 0 17px }
.ul-index2 li img { display: block; width: 100% }
.ul-index2 li p { font-size: 16px; color: #252525; line-height: 28px; height: 28px; overflow: hidden; margin: 6px 0; text-align: center }
.ul-index2 li:hover a { color: #e6000a }
.index-m3 { padding: 50px 0; background: url(../images/i-bg2.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.index-news { overflow: hidden }
.index-news .more { clear: both; width: 250px; height: 50px; border: 1px solid #e5e5e5; padding: 0 40px; font-size: 18px; color: #666; line-height: 48px; background: url(../images/i-ico5.png) right 40px center no-repeat; display: block; margin: 25px auto 0 }
.index-news .more:hover { background-position: right 20px center; }
.ul-index-news1 { float: left; width: 50% }
.ul-index-news1 li { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #f0f0f0 }
.ul-index-news1 .img { float: left; width: 150px; margin-right: 16px }
.ul-index-news1 .img img { display: block; width: 100% }
.ul-index-news1 .txt { overflow: hidden }
.ul-index-news1 .txt a { font-size: 16px; color: #252525; line-height: 26px; display: block; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.ul-index-news1 .txt p { font-size: 14px; color: #888; line-height: 24px; height: 72px; display: -webkit-box; display: box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 10px }
.ul-index-news1 .txt strong { display: inline-block; width: 74px; line-height: 23px; border-radius: 23px; background: url(../images/i-ico6.png) left 6px center no-repeat #fd7676; font-size: 14px; color: #fff; padding-left: 23px }
.ul-index-news1 .txt span { display: inline-block; font-size: 14px; color: #888; margin-left: 12px }
.ul-index-news1 li:last-child { border: none }
.ul-index-news2 { float: left; width: 50%; padding-left: 50px }
.ul-index-news2 li { padding: 13px 0; overflow: hidden; border-bottom: 1px solid #ddd }
.ul-index-news2 .date { float: right; padding-left: 12px; border-left: 1px solid #ddd }
.ul-index-news2 .date strong { font-size: 19px; color: #666; line-height: 29px; display: block; padding: 3px 0 }
.ul-index-news2 .date p { font-size: 14px; color: #666; line-height: 24px }
.ul-index-news2 .txt { overflow: hidden; padding-right: 28px }
.ul-index-news2 .txt a { font-size: 16px; color: #252525; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 26px; font-weight: 700; margin-top: 6px }
.ul-index-news1 .txt a:hover, .ul-index-news2 .txt a:hover { color: #e60a14 }
.ul-index-news2 .txt p { font-size: 14px; color: #888; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.index4-con { position: relative }
.index4-con .txt { position: absolute; right: 25px; top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(255,255,255,.8); padding: 60px 30px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; width: 545px }
.index4-con .txt p { color: #666; font-size: 16px; line-height: 22px; margin-bottom: 16px; padding-left: 35px; background-repeat: no-repeat; background-position: 0 0 }
.index4-con .txt strong { color: #333 }
.index4-con .txt .a1 { background-image: url(../images/caseicon1.png) }
.index4-con .txt .a2 { background-image: url(../images/caseicon2.png) }
.index4-con .txt .a3 { background-image: url(../images/caseicon3.png) }
.ul-index4 { margin-top: 30px; text-align: center }
.ul-index4 li { display: inline-block; margin: 0 10px }
.ul-index4 li a { display: block; padding: 0 30px; line-height: 45px; border: 1px solid #666; font-size: 18px; color: #666; border-radius: 45px; height: 47px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ul-index4 .hover a, .ul-index4 li a:hover { background: #f20d01; background: -webkit-linear-gradient(left, #f20d01, #ff461f); background: -o-linear-gradient(right, #f20d01, #ff461f); background: -moz-linear-gradient(right, #f20d01, #ff461f); background: linear-gradient(to right, #f20d01, #ff461f); border-color: transparent; color: #fff; -moz-box-shadow: 0 0 10px rgba(248,38,14,.7); -webkit-box-shadow: 0 0 10px rgba(248,38,14,.7); box-shadow: 0 0 10px rgba(248,38,14,.7) }
.index-m4 { margin: 50px 0 }
.ul-number { overflow: hidden }
.ul-number li { float: left; width: 25%; text-align: center }
.ul-number li strong { font-size: 80px; color: #e60014; font-family: impact; line-height: 90px; margin-bottom: 15px }
.ul-number li p { font-size: 16px; color: #666; line-height: 26px }
.index-m5 { background: #fbfbfb }
.m-index-m6 { overflow: hidden }
.ul-index-m6 { overflow: hidden; }
.ul-index-m6 li { float: left; width: 50%; position: relative }
.ul-index-m6 li p { position: absolute; left: 0; top: 50%; font-size: 28px; color: #fff; line-height: 40px; padding-top: 90px; margin-top: -72px; text-align: center; width: 100%; background-repeat: no-repeat; background-position: center top; -webkit-background-size: auto 80px; -moz-background-size: auto 80px; -o-background-size: auto 80px; background-size: auto 80px; }
.ul-index-m6 .ico1 { background-image: url(../images/i-ico7.png); }
.ul-index-m6 .ico2 { background-image: url(../images/i-ico8.png); }
.ul-index-m6 img { display: block; width: 100% }
.cur { font-size: 14px; color: #666; line-height: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.cur a { color: #666 }
.cur .wp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cur a:hover { color: #e60014 }
.epo-inner1 { background: url(../images/inner-1.jpg) top center no-repeat #ebf6ff; padding: 22px 0 10px }
.inner-infor { padding: 40px; background-color: #fff; overflow: hidden; margin-bottom: 40px; position: relative; -moz-box-shadow: 0 0 10px rgba(80,197,251,.2); -webkit-box-shadow: 0 0 10px rgba(80,197,251,.2); box-shadow: 0 0 10px rgba(80,197,251,.2) }
.inner-infor img { float: left; margin-right: 55px; width: 35%; }
.inner-infor .txt { overflow: hidden; font-size: 16px; color: #666 }
.inner-infor .txt h1 { font-size: 38px; color: #222; line-height: 60px; margin-bottom: 15px }
.inner-infor .txt .chart { font-size: 14px; color: #555; margin-bottom: 33px }
.inner-infor .txt .chart span { width: 100px; height: 30px; line-height: 28px; border: 1px solid #ff441e; border-radius: 3px 28px 0 3px; display: inline-block; padding-left: 12px; margin-right: 8px }
.inner-infor .txt .advan { border: 1px solid #eaeaea; border-left: none; border-right: none; padding: 18px 0 22px; overflow: hidden; margin: 0 -40px }
.inner-infor .txt .advan li { float: left; width: 50%; border-right: 1px solid #eaeaea; padding: 0 40px }
.inner-infor .txt .advan span { font-size: 16px; color: #222; line-height: 24px; display: block; margin-bottom: 5px }
.inner-infor .txt .advan p { font-size: 18px; font-weight: 700; color: #222; line-height: 26px }
.inner-infor .apply { margin: 26px 0; line-height: 34px }
.inner-infor .apply strong { font-size: 16px; color: #222 }
.inner-infor .tel { color: #222; padding-left: 56px; background: url(../images/tel2.png) center left no-repeat; margin-bottom: 35px }
.inner-infor .tel strong a { font-size: 30px; color: #e6000a }
.inner-infor .txt span a { color: #FFFFFF; }
.g-server { display: block; width: 98%; height: 55px; line-height: 55px; text-align: center; font-size: 26px; background: -webkit-linear-gradient(left, #f20d01, #ff461f); background: -o-linear-gradient(right, #f20d01, #ff461f); background: -moz-linear-gradient(right, #f20d01, #ff461f); background: linear-gradient(to right, #f20d01, #ff461f); border-color: transparent; color: #fff; -moz-box-shadow: 0 0 5px rgba(248,38,14,.7); -webkit-box-shadow: 0 0 5px rgba(248,38,14,.7); box-shadow: 0 0 5px rgba(248,38,14,.7); cursor: pointer; margin: 1%; position: relative; z-index: 1; overflow: hidden; -webkit-transition: color 0.3s; transition: color 0.3s; }
.g-server:before, .g-server:after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.g-server:before { background: #f7765d; }
.g-server:after { background: #ff1004; }
.g-server:hover::before, .g-server:hover::after { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.g-server:hover::after { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; }
.m-inner-tab { height: 86px }
.ul-inner-tab.leave { position: fixed; left: 50%; top: 0; max-width: 1400px; margin-left: -700px; background: #ebf6ff; width: 100%; z-index: 9; }
.ul-inner-tab.leave li a { line-height: 40px }
.ul-inner-tab { overflow: hidden; border-top: 1px solid #dde3f0; border-bottom: 1px solid #dde3f0 }
.ul-inner-tab li { float: left; width: 25%; text-align: center; padding: 12px 0 }
.ul-inner-tab li a { font-size: 20px; color: #222; line-height: 60px; border-right: 1px solid #dde3f0; display: block; cursor: pointer; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.ul-inner-tab li img { display: inline-block; vertical-align: middle; margin-right: 8px }
.ul-inner-tab li:last-child span { border: none }
.epo-content { overflow: hidden; padding: 30px 0 }
.epo-content .content { font-size: 16px; color: #666; line-height: 2; overflow: hidden; margin: 0 0 20px; }
.epo-content .content table { font-size: 14px; }
.epo-content .content video { width: 80%; clear: both; margin: 17px auto; display: block; }
.epo-content .content .mresulted { display: none; }
.epo-content .content h2 { margin: 15px 0; color: #272727; background: url(../images/protwoicon01.png) no-repeat left 6px; line-height: 35px; margin: 0 0px 20px 0px; font-size: 32px; background-size: 72px; padding-left: 84px; }
.epo-content .content h3 { font-size: 26px; color: #222; margin: 10px 0 }
.epo-content .col-l { width: 980px }
.epo-content .col-r { width: 300px }
.epo-content .col-l table p { margin: auto 0; line-height: 35px; font-size: 16px; }
.epo-content .col-l table div { margin: auto 0; line-height: 35px; font-size: 16px; }
.epo-content .content p { margin-bottom: 20px; }
.epo-content .content p a { color: #f20d01; }
.epo-content .content p img, .epo-content .content p video { height: auto; display: block; margin: 0 auto }
.epo-content .content strong { color: #222 }
.online-zx { background: #f20d01; color: #fff; height: 30px; line-height: 30px; border-radius: 20px; padding: 0 25px; display: inline-block; text-indent: -0.2em; cursor: pointer; }
.epo-content .content table { margin-bottom: 20px }
.relation-news { margin-bottom: 40px }
.relation-news dt { padding: 0 10px; line-height: 47px; font-size: 20px; color: #333; background-color: #f2f2f2; font-weight: 700; margin-bottom: 20px }
.relation-news li { float: left; width: 48%; margin: 0 1%; border-bottom: 1px dashed #ddd; font-size: 14px; line-height: 28px; padding: 12px 0 }
.relation-news li span { float: right; font-size: 12px; color: #666 }
.relation-news li a { padding-left: 25px; background: url(../images/wz.png) left center no-repeat; -webkit-background-size: auto 76%; -moz-background-size: auto 76%; -o-background-size: auto 76%; background-size: auto 76%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block }
.relation-news dt a:hover, .relation-news li a:hover { color: #f23a3a }
.r-tit { font-size: 24px; color: #fff; padding: 0 20px; line-height: 50px; background: #a88a7e }
.relation-pro1 ul { padding: 25px 18px 0; border: 1px solid #f3f2f0; margin-bottom: 20px; border-top: none }
.relation-pro1 li img { display: block; width: 100% }
.relation-pro1 li p { display: block; font-size: 16px; color: #222; line-height: 28px; margin: 6px 0 16px; text-align: center }
.relation-pro1 li:hover a { color: #a88a7e }
.relation-pro1 li:hover img { opacity: .8; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)'; filter: alpha(Opacity=80) }
.relation-pro2 ul { padding: 0 10px; border: 1px solid #f3f2f0; margin-bottom: 20px }
.relation-pro2 li { overflow: hidden; padding: 6px 0; border-bottom: 1px solid #f3f2f0; float: left; width: 48%; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.relation-pro2 li:last-child { border: none }
.relation-pro2 li .img { float: left; width: 100px }
.relation-pro2 .img img { display: block; width: 100%; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; height: 0 }
.relation-pro2 li:hover .img img { height: 75px; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter: alpha(Opacity=100) }
.relation-pro2 li a { display: block; font-size: 16px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 36px; }
.relation-pro2 li .ico { float: right; width: 20px; height: 36px; background: url(../images/inner-ico5.png) center no-repeat }
.relation-pro2 li p { overflow: hidden; }
.relation-pro2 li a:hover { color: #a88a7e }
.inner-pic img { display: block; width: 100% }
.inner-pic p { height: 50px; line-height: 50px; font-size: 18px; color: #fff; background-color: #a88a7e; text-align: center; font-family: "黑体" }
.epo-inner2 { background: url(../images/ly_b.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 50px 0 60px; overflow: hidden }
.epo-inner2 .left { float: left; width: 725px }
.epo-inner2 .tit strong { font-size: 30px; color: #222; display: block; line-height: 40px; margin-bottom: 25px }
.epo-inner2 .tit p { font-size: 16px; color: #666; line-height: 26px }
.epo-inner2 .tit { margin-bottom: 43px }
.epo-inner2 .left .form { margin: 0 -2% }
.epo-inner2 .left .inp1 { background: url(../images/icon_ly1.png) center left 7px no-repeat }
.epo-inner2 .left .inp2 { background: url(../images/icon_ly2.png) center left 7px no-repeat }
.epo-inner2 .left .area { background: url(../images/icon_ly4.png) top 5px left 7px no-repeat; -webkit-background-size: 25px auto; -moz-background-size: 25px auto; -o-background-size: 25px auto; background-size: 25px auto; border: 1px solid #c9cacd; height: 104px; width: 96%; margin: 0 2% 30px; resize: none; padding: 10px 10px 10px 40px }
.epo-inner2 .left .sub { display: inline-block; width: 188px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; background-color: #f7cc27; color: #222; border: none; font-weight: 700; margin: 0 2%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; }
.epo-inner2 .left .sub:hover { border-radius: 10px; color: #fff; }
.epo-inner2 .left .inp { float: left; width: 46%; margin: 0 2% 30px; height: 50px; line-height: 48px; border: 1px solid #c9cacd; padding-left: 40px; -webkit-background-size: 25px auto; -moz-background-size: 25px auto; -o-background-size: 25px auto; background-size: 25px auto }
.epo-inner2 .right { float: right }
.epo-inner2 .right img { float: left; margin-right: 30px }
.epo-inner2 .txt { overflow: hidden }
.epo-inner2 .txt p { font-size: 16px; color: #222; padding: 0 50px 0 10px; line-height: 52px; position: relative; border-bottom: 2px solid #cfdcf3 }
.epo-inner2 .txt p.a1 { border-top: 2px solid #cfdcf3 }
.epo-inner2 .txt p::after { content: ""; position: absolute; right: 20px; top: 0; width: 38px; height: 52px; background-repeat: no-repeat; background-position: center }
.epo-inner2 .txt p.a1::after { content: ""; position: absolute; right: 20px; top: 0; width: 38px; height: 52px; background: url(../images/inner-ico7.png) center no-repeat }
.epo-inner2 .txt p.a2::after { background-image: url(../images/inner-ico8.png); right: 16px }
.epo-inner2 .txt p.a3::after { background-image: url(../images/inner-ico9.png); right: 15px }
.epo-inner2 .tel { margin-top: 35px; padding-left: 60px; background: url(../images/tel3.png) center left no-repeat; margin-bottom: 10px }
.epo-inner2 .tel span { display: block; font-size: 14px; color: #222; line-height: 22px }
.epo-inner2 .tel a { display: block; font-size: 30px; color: #222; line-height: 40px; font-weight: 700 }
.epo-inner2 .tel a strong { color: #e6000a }
.ban-news { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/dg-img1.jpg) }
.ban-news.pro { background-image: url(../images/ban2.jpg) }
.ban-news.case { background-image: url(../images/ban3.jpg) }
.ban-news.shipin { background-image: url(../images/ban4.jpg) }
.ban-news .txt { padding: 140px 0 85px }
.ban-news .txt strong { font-size: 38px; color: #fff; line-height: 50px; display: block; margin-bottom: 15px }
.ban-news .txt p { font-size: 16px; color: #fff; line-height: 26px; margin-bottom: 25px }
.ban-news .txt img { display: block }
.news-tit { overflow: hidden; -moz-box-shadow: -5px 3px 5px rgba(0,0,0,.1); -webkit-box-shadow: -5px 3px 5px rgba(0,0,0,.1); box-shadow: -5px 3px 5px rgba(0,0,0,.1); padding-bottom: 10px; margin-bottom: 20px; }
.news-tit .img { float: left; margin-right: 30px }
.news-tit .img img { display: block }
.news-tit .tit { font-size: 15px; color: #4d4d4d; line-height: 25px; margin-bottom: 18px }
.news-tit .tit h1 { font-size: 36px; color: #333; line-height: 50px; margin-bottom: 10px }
.news-tit .contact { line-height: 36px; overflow: hidden; border-bottom: 1px solid #efefef; padding-bottom: 5px; margin-bottom: 18px }
.news-tit .contact .tel { float: left; padding-left: 45px; font-size: 14px; color: #222; background: url(../images/icon_newtel.png) left center no-repeat; -webkit-background-size: 32px auto; -moz-background-size: 32px auto; -o-background-size: 32px auto; background-size: 32px auto }
.news-tit .contact .tel strong { font-size: 22px; color: #e6000a }
.news-tit .contact .server { float: right; width: 150px; text-align: center; font-size: 18px; color: #fff; background: -webkit-linear-gradient(left, #f20d01, #ff461f); background: -o-linear-gradient(right, #f20d01, #ff461f); background: -moz-linear-gradient(right, #f20d01, #ff461f); background: linear-gradient(to right, #f20d01, #ff461f); border-radius: 3px; cursor: pointer }
.news-tit .txt { font-size: 14px; color: #666; line-height: 25px }
.news-tit .txt .date { display: inline-block; padding-left: 22px; margin-right: 45px; background: url(../images/ico-newsrq.png) center left no-repeat }
.news-tit .txt .author { display: inline-block; padding-left: 22px; background: url(../images/ico-newren.png) center left no-repeat }
.pages1 { margin-bottom: 45px; border: 1px solid #efefef; padding: 15px 0 15px; border-left: none; border-right: none; overflow: hidden; position: relative }
.pages1 strong { display: block; font-size: 20px; color: #222; line-height: 30px; margin-bottom: 12px }
.pages1 a { display: block; font-size: 15px; color: #555; line-height: 25px; margin-bottom: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.pages1 a:hover { color: #f20d01 }
.pages1 span { font-size: 14px; color: #555; display: block; line-height: 24px; padding-left: 30px; background: url(../images/icon_time.png) center left no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100% }
.pages1 .prev { float: left; padding-right: 30px; width: 40%; }
.pages1 .next { float: right; padding-left: 30px; margin-left: 65px; width: 40%; }
.pages1 .return { width: 50px; height: 50px; background: url(../images/p-return.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; overflow: visible }
.pages1 .return::after { content: ""; position: absolute; left: 50%; height: 56px; width: 1px; background-color: #efefef; top: 47px }
.pages1 .return::before { content: ""; position: absolute; left: 50%; height: 56px; width: 1px; background-color: #efefef; bottom: 47px }
.ul-news-list { margin: 25px 0 40px }
.ul-news-list li { padding: 30px 0; overflow: hidden; border-bottom: 1px solid #ddd }
.ul-news-list .date { float: right; width: 125px; margin-top: 8px; color: #999; margin-left: 60px }
.ul-news-list .date span { display: block; font-size: 30px; line-height: 42px; margin-bottom: 5px }
.ul-news-list .date p { font-size: 14px; line-height: 24PX; margin-bottom: 10px }
.ul-news-list .date a { width: 38px; height: 38px; display: inline-block; background: url(../images/dg-ico2.png) center no-repeat #dedede }
.ul-news-list .img { float: left; margin-right: 50px }
.ul-news-list .img img { display: block; width: 225px; }
.ul-news-list .txt { margin-right: 185px; border-right: 1px solid #ddd; padding-right: 80px; overflow: hidden }
.ul-news-list .txt h3 a { display: block; font-size: 20px; color: #222; line-height: 34px; margin: 10px 0; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.ul-news-list .txt p { font-size: 14px; color: #666; line-height: 26px; margin-bottom: 15px; height: 52px; display: -webkit-box; display: box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.ul-news-list .txt em { display: inline-block; width: 74px; line-height: 23px; padding-left: 24px; font-size: 14px; color: #fff; background: url(../images/i-ico6.png) center left 5px no-repeat #fd7676; border-radius: 22px; margin-right: 10px }
.ul-news-list .txt span { display: inline-block; font-size: 14px; color: #888; margin-right: 10px }
.ul-news-list li:hover .date a { background: url(../images/dg-ico3.png) center no-repeat #eb0a0a }
.ul-news-list .txt h3 a:hover { color: #eb0a0a; padding-left: 5px; }
.pages2 { margin-bottom: 75px }
.pages2 ul { overflow: hidden }
.pages2 li { float: left; margin-right: 10px }
.pages2 li a, .pages2 li span { display: block; padding: 0 15px; line-height: 36px; border: 1px solid #dedede; font-size: 14px; color: #999 }
.pages2 li em { font-weight: 700 }
.pages2 .current a, .pages2 li a:hover, .pages2 .current span { background-color: #eb0a0a; color: #fff; border-color: #eb0a0a }
.pages2 .disabled a, .pages2 .disabled span { background-color: #ddd; color: #fff }
.dg-pro-tab { height: 180px; background: #d21423; margin-bottom: 80px }
.dg-pro-tab li { float: left; width: 20%; text-align: center; height: 180px; position: relative }
.dg-pro-tab .img { height: 120px; line-height: 117px; display: block }
.dg-pro-tab .img img { display: inline-block; vertical-align: middle; position: relative; z-index: 1; top: 0 }
.dg-pro-tab .img::after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100% }
.dg-pro-tab p a { font-size: 20px; color: #fff; line-height: 30px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 1; position: relative; top: 0 }
.dg-pro-tab li::after { content: " "; position: absolute; opacity: 0; box-shadow: 0 8px 25px rgba(0,0,0,.3); width: 100%; height: 100%; background: #2f2f2f; display: block; top: 0; text-align: right; line-height: 492px; font-size: 100px; font-weight: 700; color: rgba(255,255,255,.1); transition: all .3s ease-out 0s }
.dg-pro-tab li:hover::after, .dg-pro-tab li.on::after { opacity: 1; top: 44px }
.dg-pro-tab li:hover .img img, .dg-pro-tab li:hover p a, .dg-pro-tab li.on .img img, .dg-pro-tab li.on p a { top: 40px }
.dg-pro-tab li:before { font-size: 100px; position: absolute; font-family: impact, Arial; opacity: 0; display: block; top: 100px; left: 160px; text-align: right; color: rgba(255,255,255,.1); transition: all .3s ease-out 0s; overflow: hidden; z-index: 2 }
.dg-pro-tab li.a1:before { content: '01' }
.dg-pro-tab li.a2:before { content: '02' }
.dg-pro-tab li.a3:before { content: '03' }
.dg-pro-tab li.a4:before { content: '04' }
.dg-pro-tab li.a5:before { content: '05' }
.dg-pro-tab li:hover::before, .dg-pro-tab li.on::before { opacity: 1; margin-top: 40px }
.ul-pro-list1 { overflow: hidden; margin: 0 -20px 60px }
.ul-pro-list1 li { float: left; width: 25% }
.ul-pro-list1 .item { margin: 0 20px 20px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; padding-bottom: 10px; position: relative; bottom: 0; }
.ul-pro-list1 .item:hover { -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); bottom: -5px; }
.ul-pro-list1 .item p a { font-size: 16px; color: #666; line-height: 24px; margin: 10px 0; text-align: center; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.ul-pro-list1 .item img { display: block; width: 100% }
.ul-pro-list1 .item:hover a { color: #d21423 }
.epo-inner1 .chart2 { font-size: 16px; color: #666; line-height: 26px }
.epo-inner1 .chart2 p { padding: 10px 0; border-bottom: 1px dashed #ddd }
.epo-inner1 .chart2 p img { display: inline-block; vertical-align: middle; margin-right: 10px }
.epo-inner1.fff { background-color: #fff; padding-bottom: 0 }
.epo-inner1.fff .inner-infor { box-shadow: none; margin-bottom: 0 }
.case-pro { padding: 30px 0; background: #f4f4f4 }
.case-pro .tit { font-size: 30px; color: #222; line-height: 40px; margin-bottom: 25px }
.case-pro ul { overflow: hidden; margin: 0 -20px }
.case-pro li { float: left; width: 25% }
.case-pro .item { margin: 0 20px }
.case-pro .item img { display: block; width: 100% }
.case-pro .item p a { display: block; font-size: 16px; color: #666; line-height: 26px; margin: 10px 0; text-align: center }
.case-pro .item:hover p a { color: #f31204 }
.news-case { border: 1px solid #f3f2f0 }
.news-case dt { padding: 0 20px; line-height: 48px; font-size: 24px; color: #222; border-bottom: 1px solid #f3f2f0 }
.news-case dd { padding: 10px 15px 20px }
.news-case dd a { display: block; padding-left: 25px; font-size: 15px; color: #666; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(../images/dg-icon1.png) center left no-repeat }
.news-case dd a:hover { color: #f31204 }
.inner-pic { margin-bottom: 20px }
.m-case-list { margin-top: 50px }
.case-tit { padding: 22px 0 22px 110px; background-repeat: no-repeat; background-position: 0 center; background-image: url(../images/iconcase_al.png); margin-bottom: 25px; -webkit-background-size: 90px auto; -moz-background-size: 90px auto; -o-background-size: 90px auto; background-size: 90px auto; }
.case-tit.xb { background-image: url(../images/xb_pic.png); }
.case-tit.tit2 { background-image: url(../images/iconcase_lc.png); }
.case-tit h2 { font-size: 36px; color: #333; line-height: 50px; margin-bottom: 10px; position: relative }
.case-tit h2 span { padding-right: 25px; background: #fff; position: relative; z-index: 1 }
.case-tit h2::after { content: ''; position: absolute; right: 0; top: 50%; height: 0; border: 1px solid #ddd; width: 100% }
.case-tit p { font-size: 16px; color: #666; line-height: 26px }
.ul-case-list1 { padding: 5px; margin: 0 -20px 10px; overflow: hidden; overflow: hidden; display: flex; flex-wrap: wrap; }
.ul-case-list1 li { float: left; width: 33.33% }
.ul-case-list1 .item { margin: 0 20px 5px; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; top: 0; overflow: hidden }
.ul-case-list1 .item img { display: block; width: 100%; max-height: 330px; }
.ul-case-list1 .item .txt { padding: 10px 20px 0 20px }
.ul-case-list1 .item .txt h3 a { display: block; font-size: 20px; color: #333; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px }
.ul-case-list1 .item .txt .more { float: right; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-image: url(../images/dg-icon2.png); margin-top: 16px }
.ul-case-list1 .item .txt p { font-size: 14px; color: #666; line-height: 1.5em; min-height: 30px; }
.ul-case-list1 .item:hover { -moz-box-shadow: 0 3px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2); box-shadow: 0 3px 10px rgba(0,0,0,.2); top: -5px }
.ul-case-list1 .item:hover .txt .more { background-image: url(../images/dg-icon3.png) }
.ul-case-list1 .item:hover h3 a { color: #d21423 }
.ul-case-list1 .item::after { content: ""; position: absolute; right: 100%; bottom: 0; width: 100%; height: 2px; background-color: #d21423; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter: alpha(Opacity=0); -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.ul-case-list1 .item:hover::after { right: 0; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter: alpha(Opacity=100) }
.ban img { display: block; text-align: center; margin: 0 auto; }
.dy-tit { font-size: 16px; color: #666; line-height: 26px; text-align: center; margin-bottom: 26px }
.dy-tit h1, .dy-tit h2 { font-size: 38px; color: #3c3e3b; line-height: 90px; vertical-align: middle; margin-bottom: 10px }
.dy-tit img { display: inline-block; vertical-align: middle; margin: 0 20px }
.dy-tit a:hover { color: #d21423 }
.m-dy-con { padding: 50px 0 }
.m-dy-con.other { background-color: #f4f4f4 }
.m-dy-con .con { overflow: hidden }
.m-dy-con .img { float: left; width: 780px; position: relative; overflow: hidden }
.m-dy-con .img a { display: block }
.m-dy-con .img a:hover img { -ms-transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08) }
.m-dy-con .img img { display: block; width: 100%; -ms-transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; transition: 1s }
.m-dy-con .img .more { position: absolute; right: 0; bottom: 0; width: 204px; line-height: 54px; background: url(../images/dy-bg1.png) center no-repeat; text-align: center; color: #fff; font-size: 22px }
.m-dy-con .img a:hover { color: #ccc }
.m-dy-con .jt { float: left; width: 95px; margin: 0 10px }
.m-dy-con .jt img { display: block; width: 100% }
.m-dy-con .txt { overflow: hidden }
.m-dy-con .txt .ico { width: 100%; }
.m-dy-con .txt img { display: inline-block }
.m-dy-con .txt .ico i { content: ""; display: inline-block; width: 45px; height: 45px; border-radius: 50%; background-color: #f4f4f4; vertical-align: bottom; margin-bottom: 30px }
.m-dy-con .txt p { padding: 3px; background-color: #e9e9e9; border-radius: 2px; margin-bottom: 20px }
.m-dy-con .txt p span { display: inline-block; background: url(../images/dy-ico5.png) left center no-repeat #fff; font-size: 14px; color: #666; line-height: 30px; padding-left: 50px; padding-right: 100px }
.dy-list { overflow: hidden; margin: 0 -3px }
.dy-list li { float: left; width: 25% }
.dy-list .item { margin: 0 3px 6px; position: relative; overflow: hidden }
.dy-list .item img { display: block; width: 100% }
.dy-list .item a { display: block; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.dy-list .item .tit { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 40px; font-size: 16px; color: #fff; background-color: rgba(0,0,0,.5); text-align: center; padding: 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.dy-list .item:hover .tit { background-color: rgba(0,0,0,.8); }
.ban-lx .txt { position: absolute; top: 98px; left: 0; width: 100%; text-align: center }
.ban-lx { position: relative }
.ban-lx img { width: 100%; height: auto; }
.ban-lx .txt h1 { font-size: 38px; color: #fff; line-height: 50px; margin-bottom: 15px }
.ban-lx .txt p { font-size: 16px; color: #fff; line-height: 26px }
.ul-contact1 { overflow: hidden; margin-top: -80px; position: relative; z-index: 1 }
.ul-contact1 li { float: left; width: 25% }
.ul-contact1 li img { display: block; margin: 0 auto }
.ul-contact1 .txt { margin: 20px 0; text-align: center; font-size: 16px; color: #666; line-height: 26px; padding-bottom: 18px; position: relative }
.ul-contact1 .txt .zx { cursor: pointer; color: #df0606 }
.ul-contact1 .txt span { display: block; font-size: 20px; color: #222; font-weight: 700; margin-bottom: 5px; line-height: 30px }
.ul-contact1 .txt p a { display: inline-block }
.ul-contact1 .txt::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 46px; height: 2px; background-color: #666; margin-left: -23px }
.m-contact1 { margin: 70px 0 55px 50px; border: 1px solid #ddd; position: relative; padding: 30px 0 62px 10px }
.m-contact1 img { position: absolute; left: -70px; top: -20px; border-radius: 3px }
.m-contact1 .tit { margin-bottom: 50px; margin-left: 88px }
.m-contact1 .tit h2 { font-size: 36px; color: #222; line-height: 46px; margin-bottom: 10px }
.m-contact1 .tit p { font-size: 16px; color: #666; line-height: 24px }
.ul-contact2 { overflow: hidden; margin-left: 40px; margin-bottom: 10px }
.ul-contact2 li { float: left; width: 25%; text-align: center }
.ul-contact2 li span { font-size: 20px; color: #222 }
.ul-contact2 li span strong { font-size: 60px; background: -webkit-linear-gradient(top, #ff451f, #f20e01); -webkit-background-clip: text; -webkit-text-fill-color: transparent }
.ul-contact2 li p { color: #666; margin-top: -10px; }
.tit-lx { font-size: 16px; color: #666; line-height: 26px; text-align: center; margin-bottom: 27px }
.tit-lx h2 { font-size: 36px; color: #222; line-height: 40px; margin-bottom: 15px }
.contact-us { overflow: hidden }
.contact-us .form { float: left; width: 47.65%; padding: 25px 38px; overflow: hidden; background: url(../images/lx-bg2.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.contact-us .form img { width: 100%; }
.contact-us .con { float: right; width: 66.1%; background: #fff; border-radius: 4px; padding: 30px }
.contact-us .con strong { font-size: 26px; color: #222; line-height: 36px; display: block; margin-bottom: 6px }
.contact-us .con p { color: #666; line-height: 24px; font-size: 14px }
.contact-us .con .tit { padding-bottom: 20px; position: relative; margin-bottom: 23px }
.contact-us .con .tit::after { content: ""; position: absolute; left: 0; bottom: 0; width: 35px; height: 3px; background-color: #e31e27 }
.contact-us .con label { float: left; width: 46%; position: relative }
.contact-us .con label.other { float: right; position: relative; }
.contact-us .con label.other::after { content: "*"; color: #df0606; position: absolute; right: 8px; top: 50%; font-size: 14px; line-height: 12px; margin-top: -7px; }
.contact-us .con label span { color: #df0606; position: absolute; right: 10px; top: 50%; margin-top: -12px }
.contact-us .con .inp { display: block; width: 100%; line-height: 40px; border: 1px solid #ededef; padding: 0 5px; background-color: #f5f5fa; margin-bottom: 10px; height: 42px; }
.contact-us .con .area { margin-bottom: 25px; display: block; width: 100%; height: 100px; border: 1px solid #ededef; background-color: #f5f5fa; padding: 5px; resize: none }
.contact-us .con .sub { display: block; width: 100%; line-height: 40px; border-radius: 40px; text-align: center; font-size: 16px; color: #333; background-color: #ffba00; border: none; font-weight: 700; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.contact-us .con .sub:hover { border-radius: 0; }
#allmap { float: right; width: 52.35%; height: 460px }
#allmap img { max-width: 1000px; -ms-transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; transition: 0s }
#allmap * { -wekit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.BMapLib_bubble_content .lx-zx { cursor: pointer }
.BMapLib_bubble_content .lx-zx img { display: block; margin: 10px auto }
.m-about1 { background: url(../images/gy-bg1.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 65px 0 115px }
.img-txt1 { overflow: hidden; border-bottom: 1px solid #abb1ba; padding-bottom: 45px }
.img-txt1 .img { float: right; width: 59% }
.img-txt1 .img img { display: block; width: 100% }
.img-txt1 .txt { margin-top: 40px; overflow: hidden }
.img-txt1 .txt .tit { font-size: 36px; color: #fff; line-height: 46px; font-weight: 700; margin-bottom: 42px }
.img-txt1 .txt span { display: inline-block; margin-right: 60px; padding-top: 60px; font-size: 16px; color: #fff; line-height: 26px; background-repeat: no-repeat; background-position: top center }
.img-txt1 .txt .a1 { background-image: url(../images/abouticon1.png) }
.img-txt1 .txt .a2 { background-image: url(../images/abouticon2.png) }
.img-txt1 .txt .a3 { background-image: url(../images/abouticon3.png) }
.img-txt1 .txt p { margin-top: 16px; font-size: 16px; color: #fff; line-height: 24px }
.ul-about1 { overflow: hidden; margin-top: 50px }
.ul-about1 li { float: left; width: 25%; border-right: 1px solid #fff; text-align: center }
.ul-about1 li:last-child { border: none }
.ul-about1 li span { font-size: 50px; color: #fff; line-height: 1.1; display: block; font-family: Impact }
.ul-about1 li span strong { font-size: 90px; display: inline-block; vertical-align: top }
.ul-about1 li p { font-size: 16px; color: #fff; line-height: 28px }
.about-tit { font-size: 16px; color: #666; line-height: 26px; text-align: center; margin: 48px 0 28px }
.about-tit strong { font-size: 36px; color: #222; line-height: 46px; display: block; margin-bottom: 10px }
.m-about2 .list1 { overflow: hidden; margin: 0 -12px }
.m-about2 .list1 li { float: left; width: 33.33% }
.m-about2 .list1 img { display: block; width: 100% }
.m-about2 .list1 p { font-size: 16px; color: #666; line-height: 26px; margin: 10px 0 20px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.m-about2 .list1 li .item { margin: 0 12px }
.m-about2 .list2 { overflow: hidden; margin: 0 -16px }
.m-about2 .list2 li { float: left; width: 25% }
.m-about2 .list2 img { display: block; width: 100% }
.m-about2 .list2 p { font-size: 16px; color: #666; line-height: 26px; margin: 10px 0 20px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.m-about2 .list2 .item { margin: 0 16px }
.m-about3 { background: url(../images/gy-bg3.jpg) bottom center no-repeat; overflow: hidden }
.m-about3 .img { float: left; width: 50% }
.m-about3 .img img { display: block }
.m-about3 .txt { overflow: hidden }
.m-about3 .txt .tit { margin-bottom: 95px; margin-top: 10px }
.m-about3 .txt .tit h3 { font-size: 36px; color: #222; line-height: 46px; padding: 70px 0; position: relative }
.m-about3 .txt .tit h3 strong { position: absolute; right: 0; top: 50%; font-size: 120px; color: #efefef; line-height: 130px; margin-top: -80px; z-index: -1 }
.m-about3 .txt .tit p { font-size: 16px; color: #fff; line-height: 26px }
.m-about3 .txt ul { overflow: hidden }
.m-about3 .txt li { float: left; width: 25%; text-align: center }
.m-about3 .txt li img { display: block; margin: 0 auto; width: 108px }
.m-about3 .txt li p a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #fff; line-height: 26px; margin-top: 18px }
.m-about3 .txt li:hover img { -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) }
.m-about3 .txt li p a:hover { color: #df0606 }
.m-about4 ul { overflow: hidden; margin: 0 -15px 50px }
.m-about4 li { float: left; width: 25% }
.m-about4 li .item { margin: 0 15px; position: relative }
.m-about4 li .item img { display: block; width: 100% }
.m-about4 li .item p { position: absolute; left: 0; bottom: 15px; width: 100%; text-align: center; font-size: 20px; color: #fff }
.m-sorry { text-align: center; font-size: 20px; color: #222; line-height: 30px; margin: 120px 0 }
.m-sorry img { display: inline-block }
.m-sorry .link { font-size: 18px; color: #666; line-height: 28px }
.m-sorry .link a { color: #666 }
.m-sorry p { margin-top: 20px; margin-bottom: 20px }
.m-sorry .link a:hover { color: #df0606 }
.ul-server1 { overflow: hidden; margin-bottom: 50px }
.ul-server1 li { float: left; width: 25% }
.ul-server1 .item { margin: 0 4px; position: relative; overflow: hidden }
.ul-server1 li img { display: block; width: 100% }
.ul-server1 li .tit { line-height: 56px; font-size: 18px; color: #fff; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(20,20,50,.7); transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s }
.ul-server1 .txt { color: #fff; font-size: 16px; line-height: 26px; position: absolute; left: 0; width: 100%; top: 100%; padding: 0 30px; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; z-index: 1; opacity: 0; filter: alpha(opacity=0) }
.ul-server1 .txt em { font-size: 24px; line-height: 34px }
.ul-server1 .item:hover .txt { top: 70px; opacity: 1; filter: alpha(opacity=100) }
.ul-server1 .item:hover .tit { bottom: -100% }
.ul-server1 .item:hover::after { opacity: 1; filter: alpha(opacity=100); transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s }
.ul-server1 .item::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(20,20,50,.7); opacity: 0; filter: alpha(opacity=0) }
.m-server2 { overflow: hidden }
.m-server2 .img { float: left; width: 50% }
.m-server2 .img img { display: block; width: 100% }
.m-server2 .txt { float: right; width: 50%; position: relative; overflow: hidden }
.m-server2 .txt img { display: block; width: 100% }
.m-server2 .txt::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.93) }
.m-server2 .con { position: absolute; left: 40px; right: 40px; top: 55px; bottom: 0; z-index: 1 }
.m-server2 .con strong { font-size: 36px; color: #222; line-height: 46px; padding-bottom: 12px; display: block; margin-bottom: 45px; position: relative }
.m-server2 .con strong::after { content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background-color: #e6141e; z-index: 1 }
.m-server2 .con .item { padding-left: 65px; background-repeat: no-repeat; background-position: left top; margin-bottom: 20px }
.m-server2 .con .item1 { background-image: url(../images/fu-ico1.png) }
.m-server2 .con .item2 { background-image: url(../images/fu-ico2.png) }
.m-server2 .con .item3 { background-image: url(../images/fu-ico3.png) }
.m-server2 .con .item4 { background-image: url(../images/fu-ico4.png) }
.m-server2 .con .item em { font-size: 20px; color: #222; line-height: 30px; display: block }
.m-server2 .con .item p { font-size: 16px; color: #666; line-height: 26px }
.m-server3 { margin-bottom: 60px; position: relative; overflow: hidden }
.m-server3::after { position: absolute; left: 0; width: 100%; bottom: 57px; height: 0; border: 1px solid #ddd; content: "" }
.ul-server2 { overflow: hidden }
.ul-server2 li { float: left; width: 16.66% }
.ul-server2 li img { display: block; margin: 0 auto }
.ul-server2 li i { display: block; margin: 18px auto; width: 30px; height: 30px; border: 1px solid #ddd; background-color: #fff; position: relative; border-radius: 50%; z-index: 1 }
.ul-server2 li i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; border-radius: 50%; background-color: #ddd; margin-left: -9px; margin-top: -9px }
.ul-server2 li p { font-size: 16px; color: #333; line-height: 26px; text-align: center }
.m-server4 { margin-bottom: 60px; position: relative }
.m-server4 img { display: block; width: 100% }
.ul-server3 { position: absolute; left: 0; width: 100%; bottom: 40px; overflow: hidden; padding: 0 70px }
.ul-server3 li { float: left; width: 33.33% }
.ul-server3 .item { margin: 0 17px; background-color: rgba(255,255,255,.9); padding: 35px 30px 0; height: 180px }
.ul-server3 .item .tit { font-size: 24px; color: #222; line-height: 34px; margin-bottom: 14px }
.ul-server3 .item p { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 5px }
.ul-server3 .item span { width: 120px; line-height: 34px; display: inline-block; text-align: center; font-size: 19px; color: #fff; background: #dc1423; cursor: pointer }
.ul-server3 .item p a { font-size: 30px; color: #dc1423; display: inline-block; font-weight: 700 }
.right-server { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 15px; color: #fff; line-height: 26px; }
.right-server img { display: block; margin: 0 auto; }
.right-server p { display: block; margin-bottom: 5px; background-color: #e60012; text-align: center; padding: 8px 0; border-radius: 5px; cursor: pointer; position: relative; }
.right-server p a { color: #FFFFFF; }
.right-server .goTop { display: none; }
.right-server .tel { position: absolute; right: -300px; top: 0; white-space: nowrap; line-height: 80px; background-color: #e60012; padding: 0 20px; font-size: 20px; color: #fff; font-weight: bold; opacity: 0; filter: alpha(opacity=0); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; border-radius: 5px; }
.right-server .tel::after { content: ""; position: absolute; right: -12px; top: 50%; margin-top: -6px; border: 6px solid #e60012; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
.right-server p:hover .tel { opacity: 1; filter: alpha(opacity=100); right: 90px; }
.sand_making_line { background: url(../images/ifoot_banner.jpg) center #134b7e no-repeat; margin: 30px auto 0px; overflow: hidden }
.sand_making_line .wp { max-width: 1400px; margin: 0 auto; color: #fff; overflow: hidden; }
.sand_making_title { width: 80%; overflow: hidden; margin: 0 auto; margin-bottom: 30px; }
.sand_making_title a { display: block; padding-left: 65px; font-size: 17px; color: #fff; }
.sand_making_line dl { float: left; width: 30%; margin-left: 1.5%; margin-right: 1.5%; margin-top: 4%; margin-bottom: 4% }
.sand_making_line dl dt { float: left; width: 18%; }
.sand_making_line dl dd { float: right; width: 80% }
.sand_making_line dl dd p { line-height: 28px; }
.sand_making_line dl dd span { font-size: 18px; }
.line_offer { background: #004e9b url(../images/zhekou.png) no-repeat right center; line-height: 55px; cursor: pointer; width: 36%; float: left; margin-right: 30px; }
.line_offer a { background: url(../images/con_a.png) no-repeat 8% center; }
.line_offer:hover { background: #F70000 url(../images/zhekou.png) no-repeat right center; }
.line_equipment { background: #f00 url(../images/zhekou1.png) no-repeat right center; line-height: 55px; cursor: pointer; width: 30%; float: right; }
.line_equipment a { background: url(../images/line_equipment.png) no-repeat 8% center; }
.line_equipment:hover { background: #F70000 url(../images/zhekou1.png) no-repeat right center; }
.com_tittle { width: 100%; overflow: hidden; margin-bottom: 3% }
.com_tittle h2 { font-size: 36px; color: #fff; text-align: center; margin-top: 3%; margin-bottom: 2% }
.com_tittle p { color: #fff; line-height: 38px; font-size: 18px; text-align: center; }
.com_tittle dl { margin-top: 1%; }
 @media only screen and (max-width:1900px) {
.hdr .tel a { font-size: 20px }
.hdr .tel a strong { font-size: 30px }
.hdr .tel span { font-size: 16px }
.hdr .tel { -webkit-background-size: 50px auto; -moz-background-size: 50px auto; -o-background-size: 50px auto; background-size: 50px auto; padding-left: 60px; margin-top: 10px }
.header { padding: 0 10px }
.logo { width: 300px; margin-top: 20px }
.nav li a { line-height: 88px }
.ul-index-m6 { margin: 0 }
.ul-index-m6 li { padding: 0 }
.inner-infor { padding: 30px }
.inner-infor .txt h1 { font-size: 32px }
.ban-news .txt { padding: 80px 0 30px }
.ban-news .txt strong { font-size: 36px }
.case-tit h2 { font-size: 34px }
.m-server2 .con strong { margin-bottom: 10px }
}
 @media only screen and (max-width:1659px) {
.nav { margin-left: 15px }
.nav li { margin: 0 15px }
.m-server2 { display: none }
.m-server2 .con { top: 30px }
}
 @media only screen and (max-width:1435px) {
.img-txt1 .txt .tit { font-size: 32px }
.m-about3 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.m-about3 .txt .tit h3 { color: #fff; padding: 35px 0 }
.ul-inner-tab.leave { left: 0; right: 0; margin-left: 0; }
}
 @media only screen and (max-width:1365px) {
.nav li { margin: 0 10px }
.inner-infor img { margin-right: 30px }
.inner-infor .tel strong { font-size: 28px }
.epo-content .col-r { width: 240px }
.epo-inner2 .right img { display: none }
.m-dy-con .txt p span { padding-right: 10px }
.ban-lx .txt h1 { font-size: 32px; line-height: 32px }
.m-contact1 .tit h2, .tit-lx h2 { font-size: 30px }
.ul-server3 .item { padding: 20px }
}
 @media only screen and (max-width:1279px) {
.hdr .tel a strong { font-size: 20px; }
.hdr .tel { padding-left: 45px; -webkit-background-size: 40px auto; -moz-background-size: 40px auto; -o-background-size: 40px auto; background-size: 40px auto; }
.nav li a { font-size: 16px; padding: 0 5px; }
.nav li { margin: 0; }
.nav { margin-left: 0; margin-right: 15px; }
.hdr .tel p { line-height: 1; }
.index-m1 { margin: 30px 0 }
.index-tit h1, .index-tit h2 { font-size: 30px; margin-bottom: 10px; line-height: 40px }
.index-tit { font-size: 16px; line-height: 24px }
.ul-index1 .tit p { font-size: 20px }
.ul-index1 .item { margin: 0 5px }
.index-m2 img { width: 300px }
.index-m2 .tit { padding-left: 70px; -webkit-background-size: 60px auto; -moz-background-size: 60px auto; -o-background-size: 60px auto; background-size: 60px auto; margin-bottom: 10px }
.index-m2 .tit h1 a { font-size: 26px; line-height: 34px; margin-bottom: 10px }
.index-m2 .tit p { font-size: 14px; line-height: 26px }
.index-m2 .wp { padding: 40px 0 30px }
.ul-index2 { margin: 84px 0 30px }
.ul-index2 li { padding: 0 5px }
.index-m3 { padding: 30px 0 }
.ul-index-news1, .ul-index-news2 { padding-left: 0; float: none; width: auto }
.index4-con .txt { padding: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px }
.ul-index4 li a { font-size: 18px }
.ul-number li strong { font-size: 54px }
.ul-number li p { font-size: 13px }
.ul-index-m6 li p { font-size: 20px; padding-top: 80px; -webkit-background-size: auto 60px; -moz-background-size: auto 60px; -o-background-size: auto 60px; background-size: auto 60px; margin-top: -50px }
.inner-infor img { float: none; width: 100% }
.epo-inner1 .chart2 p img { width: auto }
.epo-content .col-r { display: none }
.epo-content .col-l { float: none; width: auto }
.epo-inner2 .left { width: 55% }
.epo-inner2 .right { width: 40%; margin-top: 50px }
.case-pro ul { margin: 0 }
.case-pro .item { margin: 0 5px }
.ul-case-list1 .item { margin: 0 5px 10px }
.ul-case-list1 { margin: 0 }
.ul-case-list1 .item .txt h3 a { font-size: 20px }
.m-dy-con .img { width: 588px; }
.m-dy-con .txt .ico { width: 158px; }
.m-dy-con .txt .ico i { display: none; }
.m-dy-con .jt { width: 7%; }
.dy-list .item .tit { bottom: 0 }
.ul-news-list .date { display: none }
.ul-news-list .txt { margin-right: 0; border-right: none; padding-right: 0 }
.ul-pro-list1 { margin: 0 0 20px }
.dg-pro-tab li:before { display: none }
.img-txt1 .txt { margin-top: 0 }
.img-txt1 .img { width: 50%; margin-top: 50px }
.ul-about1 li span strong { font-size: 80px }
.m-about1 { padding: 50px 0 }
.m-about3 .txt .tit { margin-bottom: 40px }
.m-about3 .txt li img { width: 80%; max-width: 100px }
.about-tit strong, .m-about3 .txt .tit h3 { font-size: 30px }
.ul-contact1 { margin-top: 20px }
.ul-contact1 li img { width: 60% }
.ban-lx .txt { top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%) }
.m-contact1 img { display: none }
.m-contact1 { margin-left: 0; padding: 30px 20px }
.m-contact1 .tit { margin-left: 0; margin-bottom: 0 }
.ul-contact2 { margin-left: 0 }
.contact-us .con { width: 100%; padding: 30px 20px }
.ul-server2 li img { width: 60% }
.m-about4 li .item { margin: 0 5px }
.m-about4 ul { margin: 0 0 20px }
.ul-server1 li .tit { font-size: 16px; line-height: 36px }
.ul-server3 { padding: 0 }
.ul-server3 .item { margin: 0 5px }
.ul-index1 .link { padding-top: 0; }
.ul-index1 .link a { font-size: 14px; line-height: 36px; }
.ul-server1 .txt, .ul-server1 .item:hover::after { display: none; }
.ul-server1 .item:hover .tit { bottom: 0; }
}
 @media only screen and (max-width:1019px) {
.homeban { width: 100%; height: auto; }
.homeban { display: none }
.sjban{ display:inherit;}
.pagination1 { display: none }
.hdr .tel { display: none }
.header { height: 65px; position: relative; margin:0; }
.drop{ display:none !important;}
.ul-index1 .link{ display:none !important;}
.nav { position: fixed; right: -300px; top: 65px; width: 200px; background-color: rgba(255,255,255,.95); z-index: 9999; padding: 10px 0; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2) }
.nav.nav-m { right: 0; margin-right: 0; padding: 15px 0; }
.nav li { float: none }
.menuBtn { display: block }
.logo { margin-top: 0; height: 65px }
.logo img { max-height: 80%; margin-top: 10px }
.nav li a { font-size: 16px; line-height: 35px }
.m-dy-con .img { width: 488px; }
}
 @media only screen and (max-width:959px) {
.banner .slick-next, .banner .slick-prev { width: 30px; height: 60px; -webkit-background-size: 50% auto; -moz-background-size: 50% auto; -o-background-size: 50% auto; background-size: 50% auto; margin-top: -30px }
.index-m2 img { display: none }
.ul-index2 { margin: 30px 0 }
.ul-index2 li p { font-size: 16px; height: 42px; line-height: 22px; }
.footer .map { display: none }
.footer .copy { float: none; text-align: center }
.f-link { display: none }
.index-tit { margin-bottom: 10px }
.index-m4 { margin: 30px 0 }
.ul-index4 { margin-top: 20px }
.ul-number { }
.index-m5 { padding: 30px 0 0 }
.ul-index-news1 li, .ul-index-news2 li { padding: 15px 10px }
.ul-index1 .tit img { display: none }
.ul-index1 { padding: 20px 0 }
.ul-index1 .tit p a { font-size: 16px; line-height: 24px }
.ul-index1 li:hover .link { top: 0 }
.ul-index1 .link a { font-size: 14px; line-height: 34px }
.epo-inner1.fff .inner-infor { padding: 15px }
.epo-inner2 .tel a { font-size: 26px }
.case-tit { padding: 10px 0 10px 70px; -webkit-background-size: 60px auto; -moz-background-size: 60px auto; -o-background-size: 60px auto; background-size: 60px auto; margin-bottom: 0 }
.case-tit h2 { font-size: 26px; line-height: 1; margin-bottom: 8px }
.case-tit p { font-size: 16px; line-height: 24px }
.ul-case-list1 li { width: 50% }
.dy-tit h1, .dy-tit h2 { font-size: 28px; line-height: 38px }
.dy-tit img { width: 50px; margin: 0 10px }
.dy-tit { font-size: 14px; line-height: 22px; margin-bottom: 15px }
.m-dy-con .img { float: none; width: auto }
.m-dy-con .jt, .m-dy-con .txt .ico { display: none }
.m-dy-con .txt { margin: 20px 0 0 }
.m-dy-con .txt p { margin-bottom: 10px }
.m-dy-con { padding: 30px 0 }
.news-tit .img { width: 200px }
.news-tit .tit h1 { font-size: 30px }
.epo-content .content h2 { font-size: 26px }
.epo-content .content h3 { font-size: 24px; }
.g-server { width: 100% }
.ul-news-list .img { margin-right: 20px }
.ul-pro-list1 .item { margin: 0 10px 20px }
.img-txt1 .img { display: none }
.img-txt1 .txt { text-align: center }
.img-txt1 .txt p{ text-align:left;}
.img-txt1 .txt span { margin: 0 15px }
.img-txt1 .txt .tit { margin-bottom: 20px }
.img-txt1 { padding-bottom: 20px }
.ul-about1 li { width: 50%; margin-bottom: 20px; border: none }
.m-about2 .list1 li .item, .m-about2 .list2 .item { margin: 0 5px }
.m-about2 .list1, .m-about2 .list2 { margin: 0 }
.ul-about1 li span { font-size: 40px }
.ul-about1 li span strong { font-size: 60px }
.m-about3 .img { display: none }
.m-about3 { padding: 30px 0 }
.m-about3 .txt .tit h3 { padding: 15px 0 }
.m-about4 li .item { margin: 0 5px }
.m-about4 li .item p { font-size: 18px }
.ban-lx .txt { width: 80%; left: 10% }
.ban-lx .txt p { display: none }
.m-contact1 { margin-top: 20px }
.m-contact1 .tit h2, .tit-lx h2 { font-size: 24px; line-height: 34px }
.contact-us .form { float: none; width: auto; margin-bottom: 30px }
#allmap { float: none; width: auto; height: 300px }
.ul-server3 li:last-child { display: none }
.ul-server3 li { width: 50% }
.ul-server3 { bottom: 20px }
.ul-server1 { margin-bottom: 0; }
.ul-contact1 .txt { font-size: 13px; }
}
 @media only screen and (max-width:767px) {
	 .abList li{ width:43%;}

.m-server2 { display: block; width: 96%; margin: 20px auto; }
.m-server2 .img, .m-server2 .txt { float: none; width: auto; }
.m-server2 .txt img, .m-server2 .txt::after { display: none; }
.m-server2 .con { position: static; padding: 10px 0; }
.m-server2 .con strong { font-size: 22px; line-height: 36px; }
.m-server2 .con .item { padding-left: 50px; -webkit-background-size: 40px auto; -moz-background-size: 40px auto; -o-background-size: 40px auto; background-size: 40px auto; margin-bottom: 12px; }
.m-server2 .con .item em { font-size: 16px; }
.m-server2 .con .item p { font-size: 14px; line-height: 20px; }
body { padding-bottom: 40px; }
.ul-index-news1 li, .ul-index-news2 li { padding: 10px 0; }
.pages2 .newscount { display: none; }
.pages2 { text-align: center; }
.pages2 ul { display: inline-block; }
.pages2 li a, .pages2 li span { padding: 0 5px; line-height: 28px; }
.fd-bot { display: block; }
.index-m5 { }
.ul-index-m6 { display: none; }
.inner-infor .tel strong a { font-size: 22px; }
.m-about1 { background: none; }
.img-txt1 .txt .tit, .img-txt1 .txt p, .ul-about1 li span, .ul-about1 li p { color: #333333; }
.ul-about1 { margin-top: 20px; }
.mo-pic2 { display: block; padding: 10px; background-color: #193b84; border-radius: 5px; }
.mo-pic2 img { display: block; margin: 1px auto; }
.img-txt1 .txt span { display: none; }
.epo-content .col-l table .s { display: none !important; }
.epo-content .content video { width: 100%; clear: both; margin: 17px auto; display: block; }
.mo-pic { display: block!important; }
.pc-pic { display: none!important; }
.banner { display: none !important; }
.banner-mo { display: block!important; }
.dg-pro-tab li:hover .img img, .dg-pro-tab li:hover p a, .dg-pro-tab li.on .img img, .dg-pro-tab li.on p a { top: 0; }
.dg-pro-tab li:hover::after, .dg-pro-tab li.on::after { top: 0; }
.right-server { display: none; }
.goTop { position: fixed; right: 10px; bottom: 100px; width: 40px; height: 40px; border-radius: 50%; background: #ccc url('../images/f-right2.png') no-repeat center; -webkit-background-size: 50% auto; -moz-background-size: 50% auto; -o-background-size: 50% auto; background-size: 50% auto; }
.epo-content .content .hidden { display: none; }
.banner .slick-dots { display: none!important; }
.epo-content .content .mresulted { display: block; }
.banner .slick-next { right: 0 }
.banner .slick-prev { left: 0 }
.index-tit h1, .index-tit h2 { font-size: 22px; line-height: 24px }
.index-tit { font-size: 14px; line-height: 22px }
.ul-index1 li { width: 50%; margin-bottom: 10px }
.ul-index1 { padding: 0; }
.index-m1 { margin-bottom: 0 }
.index-m2 .infor, .index-m2 .tit { width: auto; padding: 0 0 0 25px; background-position: left top; }
.index-m2 .tit h1 a { font-size: 20px; line-height: 24px }
.index-m2 .tit p { line-height: 20px }
.index-m2 .infor span { -webkit-background-size: 35% auto; -moz-background-size: 35% auto; -o-background-size: 35% auto; background-size: 35% auto; padding-top: 60px }
.index-m2 .infor { padding: 10px 0 }
.ul-index2 li { width: 50% }
.index4-con .txt { position: static; -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); padding: 10px; width: auto }
.ul-index4 li { float: left; width: 50%; margin: 0; padding: 5px 0; }
.ul-index4 li a { margin: 0 5px; padding: 0 5px; line-height: 33px; font-size: 15px; height: 35px }
.ul-index4 { overflow: hidden; margin-top: 0 }
.ul-index-m6 li { float: none; width: auto }
.footer { line-height: 28px }
.footer .top { padding: 10px 0 }
.index-news .more { width: 210px; font-size: 16px; line-height: 40px; height: 42px }
.inner-infor .txt h1 { font-size: 24px; line-height: 34px; margin-top: 10px; }
.epo-inner1 .chart2 p { padding: 6px 0 }
.inner-infor .apply { margin: 10px 0 }
.inner-infor .tel { -webkit-background-size: 30px auto; -moz-background-size: 30px auto; -o-background-size: 30px auto; background-size: 30px auto; padding-left: 40px; margin-bottom: 10px }
.inner-infor .tel strong { font-size: 22px }
.g-server { width: 270px; height: 36px; line-height: 36px; font-size: 16px; border-radius: 36px; }
span.g-server a { color: #FFFFFF; }
 span.g-server a:honver {
color:#FFFFFF;
}
.case-pro { display: none }
.epo-content { padding: 10px 0 }
.epo-content .content h2 { font-size: 20px; margin: 10px 0; }
.epo-content .content h3 { font-size: 18px; }
.epo-content .col-l { font-size: 18px; }
.epo-content .content { font-size: 14px }
.epo-inner2 .left, .epo-inner2 .right { float: none; width: auto }
.epo-inner2 .right { display: none }
.epo-inner2 { padding: 20px 0 }
.epo-inner2 .tit strong { font-size: 20px; line-height: 30px; margin-bottom: 6px }
.epo-inner2 .tit p { font-size: 14px; line-height: 22px }
.epo-inner2 .tit { margin-bottom: 15px }
.epo-inner2 .left .form { margin: 0 }
.epo-inner2 .left .inp { float: none; width: 100%; margin: 0 0 10px; height: 40px; line-height: 38px }
.epo-inner2 .left .area { margin: 0 0 10px; width: 100% }
.epo-inner2 .left .sub { font-size: 18px; height: 40px; line-height: 40px; margin: 0 }
.epo-inner1.fff .inner-infor { -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2) }
.ban-news .txt strong { font-size: 24px; line-height: 34px; margin-bottom: 10px }
.ban-news .txt p { font-size: 14px; line-height: 22px; margin-bottom: 10px }
.ban-news .txt { width: 94%; }
.ban-news .txt img { display:none;}
.m-case-list { margin-top: 30px }
.case-tit h2 { font-size: 22px }
.ul-case-list1 .item .txt { padding: 10px 0 }
.ul-case-list1 .item .txt h3 a { font-size: 18px; line-height: 28px; margin-bottom: 5px }
.ul-case-list1 .item .txt .more { width: 20px; height: 20px }
.dy-tit h1, .dy-tit h2 { font-size: 22px; line-height: 32px }
.dy-tit img { width: 35px }
.m-dy-con .img .more { font-size: 16px; line-height: 38px }
.dy-list li { width: 50% }
.dy-list .item .tit { font-size: 14px; line-height: 24px; padding: 4px 0 }
.news-tit { margin-top: 10px }
.news-tit .img { width: 70px; margin-right: 10px }
.news-tit .tit h1 { font-size: 22px; line-height: 28px; }
.news-tit .contact { margin-bottom: 10px }
.pages1 .next, .pages1 .prev { float: none; margin: 0; padding: 0; width: auto; }
.pages1 .prev { margin-bottom: 20px }
.pages1 .return { right: 0; left: auto }
.pages1 { padding: 20px 50px 20px 0; margin-bottom: 20px; }
.ul-news-list .img { display: none; }
.ul-news-list .img img { display: block; width: 100% }
.ul-news-list .txt h3 a { font-size: 18px; line-height: 24px; margin: 0 0 5px }
.ul-news-list .txt p { line-height: 22px; height: auto }
.ul-news-list li { padding: 15px 0 }
.ul-news-list { margin: 15px 0 }
.pages2 { margin-bottom: 25px }
.pages2 li { margin-bottom: 10px }
.inner-infor { padding: 10px; margin-bottom: 0 }
.dg-pro-tab .img, .m-inner-tab { display: none }
.dg-pro-tab, .dg-pro-tab li { height: auto; overflow: hidden }
.dg-pro-tab p a { font-size: 16px }
.dg-pro-tab { padding: 10px 0; margin-bottom: 20px; }
.ul-pro-list1 li { width: 50% }
.img-txt1 .txt .tit { font-size: 24px; line-height: 34px; margin-bottom: 10px }
.m-about1 { padding: 30px 0 }
.img-txt1 .txt p { margin: 10px 0; }
.about-tit strong { font-size: 22px; line-height: 32px }
.about-tit { margin: 20px 0 15px; font-size: 14px; line-height: 22px }
.m-about2 .list1 p, .m-about2 .list2 p { display: none }
.m-about2 .list1 li .item, .m-about2 .list2 .item { margin: 0 2px 5px }
.m-about3 .txt .tit h3 { padding: 10px 0; font-size: 22px; line-height: 32px }
.m-about4 li { width: 50%; margin-bottom: 10px }
.m-about4 ul { margin: 0 0 10px }
.ul-contact1 li, .ul-contact2 li { width: 50% }
.ban-lx .txt h1 { font-size: 16px; }
.ul-contact1 .txt span { font-size: 18px }
.ul-contact1 .txt { line-height: 22px; padding-bottom: 10px; margin-top: 5px; }
.m-contact1 .tit h2, .tit-lx h2 { font-size: 20px }
.ul-contact2 li span strong { font-size: 40px }
.ul-contact2 li span { font-size: 16px; margin-bottom: 5px; display: block; }
.ul-contact2 li span strong { font-size: 30px; }
.tit-lx h2 { margin-bottom: 5px }
.m-contact1 { margin: 20px 0 }
.ul-contact2 { margin: 10px 0 }
.ul-contact2 li { margin-bottom: 10px }
.contact-us .form { padding: 20px }
.contact-us .con strong { font-size: 20px; line-height: 20px }
.contact-us .con .tit { padding-bottom: 10px; margin-bottom: 15px }
.ul-server1 li { width: 50%; margin-bottom: 10px }
.m-server3, .m-server4 { display: none }
.ul-server3 .item { height: auto }
.ul-index1 .tit { top: auto; bottom: 0; }
.ul-index-m6 li p { font-size: 16px; }
.epo-content .content p { text-indent: 0; }
}
 @media only screen and (max-width:479px) {
.nav { width: 160px; }
.ul-index-news1 .img { display: none }
.ul-index-news2 .txt { padding-right: 10px }
.ul-index-m6 li p { padding-top: 50px; -webkit-background-size: 40px auto; -moz-background-size: 40px auto; -o-background-size: 40px auto; background-size: 40px auto; margin-top: -45px }
.ul-index1 { margin: 0 }
.ul-index1 .link a { line-height: 28px }
.ul-case-list1 li { float: none; width: auto }
.case-tit p { display: none }
.case-tit { -webkit-background-size: auto 95%; -moz-background-size: auto 95%; -o-background-size: auto 95%; background-size: auto 95%; padding-left: 55px }
.dy-tit h1, .dy-tit h2 { font-size: 20px }
.dy-tit img { width: 30px }
.news-tit .contact .server { float: none; width: 100%; display: block; overflow: hidden }
.relation-news li { float: none; width: auto }
.inner-infor .txt .chart { display: none }
.epo-inner1 { padding: 30px 0 }
.ul-pro-list1 .item { margin: 0 5px 10px }
.dg-pro-tab { margin-bottom: 10px }
.img-txt1 .txt .tit { font-size: 22px }
.ul-about1 li span strong { font-size: 46px }
.ul-about1 li p { font-size: 14px; line-height: 24px }
.ul-about1 li span { font-size: 20px }
.about-tit strong { font-size: 20px; line-height: 28px }
.m-contact1 { padding: 15px }
.tit-lx { font-size: 14px; line-height: 20px }
.contact-us .con label { float: none; width: 100%; display: block }
.contact-us .con .inp { line-height: 30px }
}
 @media only screen and (max-width:370px) {
.dy-tit img { margin: 0 5px }
.index-tit h1, .index-tit h2 { font-size: 21px }
.dy-tit h1, .dy-tit h2 { font-size: 18px }
.news-tit .img { display: none }
.dg-pro-tab p a { font-size: 14px; }
.img-txt1 .txt .tit, .news-tit .contact .tel strong { font-size: 20px }
}
/*----------------------------------------------------------------------*/

.pagination-wrapper { margin-bottom: 40px; }
.pagination { height: 35px; text-align: center; }
.pagination li { display: inline-block; height: 35px; margin-right: 5px; float: left; display: block; height: 32px; line-height: 32px; font-size: 16px; border: 1px solid #dddddd; color: #ccc; text-decoration: none; }
.pagination li a { float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; color: #ccc; text-decoration: none; }
.pagination li a:hover { background: #EB0A0A; color: #fff; }
.pagination li.thisclass { background: #EB0A0A; color: #fff; padding: 0 12px; }
.pagination li span { color: #ccc; padding: 0 12px; }
.pagination li.thisclass a, .pagination li.thisclass a:hover { background: transparent; border-color: #09f; color: #fff; cursor: default; }