@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
html,body{width: 100%; height: 100%; min-width: 1200px; position: relative;}
body{font-size: 14px; background: #fff; font-family: "Microsoft Yahei",Verdana,Arial,sans-serif; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); -webkit-transition: all .4s ease; transition: all .4s ease; cursor: pointer;}
a:hover{color: #293067!important;}
a:focus{outline:none;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"],select{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.container{width: 1280px; margin: 0 auto; position: relative;}
.tl{text-align: left!important;}
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.layui-layer-btn .layui-layer-btn0:hover{color: #fff!important;}
.layui-layer-video{background: none!important; box-shadow: none!important; border-radius: 0!important; font-size: 0; text-align: center;}
.layui-layer-video .layui-layer-content,.layui-layer-video .layui-layer-setwin{display: inline-block; *display: inline-block; *zoom: 1; vertical-align: top;}
.layui-layer-video .layui-layer-setwin{width: 32px; height: 32px; position: static; margin-top: -30px;}
.layui-layer-video .layui-layer-setwin .layui-layer-close2{width: 32px; height: 32px; background: url(../images/video-close.png) no-repeat center!important; position: static!important;}
.layui-layer-video{font-size: 0; text-align: center;}
.layui-layer-video video{display: block; height: 100%;}
/*字体图标*/
@font-face {
  font-family: 'iconfont';  /* project id 1683778 */
  src: url('//at.alicdn.com/t/font_1683778_5uh38t34nr5.eot');
  src: url('//at.alicdn.com/t/font_1683778_5uh38t34nr5.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1683778_5uh38t34nr5.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1683778_5uh38t34nr5.woff') format('woff'),
  url('//at.alicdn.com/t/font_1683778_5uh38t34nr5.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1683778_5uh38t34nr5.svg#iconfont') format('svg');
}

/* @font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot');
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
	url('../font/iconfont.woff2') format('woff2'),
	url('../font/iconfont.woff') format('woff'),
	url('../font/iconfont.ttf') format('truetype'),
	url('../font/iconfont.svg#iconfont') format('svg');
} */

.iconfont{font: 16px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/*slick.css*/
.slick-slider{position: relative; z-index: 2;}
.slick-list{position: relative; overflow: hidden;}
.slick-list:focus{outline: 0;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative;}
.slick-track:before,.slick-track:after{content: ""; display: table;}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{float: left; height: 100%; min-height: 1px; display: none; position: relative; z-index: 1;}
.slick-slide:focus{outline: 0;}
.slick-slide img{display:block;}
.slick-slide.slick-active{z-index: 2;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-prev,.slick-next{display:block; width: 20px; height: 20px; line-height: 0; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -10px; z-index: 6;}
.slick-prev:focus,.slick-next:focus{outline: 0;}
.slick-prev{left: -25px;}
.slick-next{right: -25px;}
.slick-dots{width: 100%; font-size: 0; text-align: center; position: absolute; left: 0; bottom: 30px; z-index: 4;}
.slick-dots li{position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px;}
.slick-dots li button{display: block; width: 14px; height: 14px; line-height: 0; font-size: 0; background: #fff; border-radius: 50%; overflow: hidden; cursor: pointer;}
.slick-dots li.slick-active button{background: #293067;}
/*头部*/
.top{height: 39px; line-height: 39px; border-bottom: 1px solid #ccc; color: #999;}
.top a{color: #999;}
.top a:hover{color: #e81626!important;}
.top-lt{float: left;}
.top-rt{float: right;}
.top-rt a{padding: 0 4px;}
.top-rt em{padding: 0 4px;}

.header{width: 100%; height: 120px; background: #fff;}
.logo{float: left; height: 64px; margin-top: 22px;}
.logo a{display: block; height: 100%;}
.logo img{display: block; height: 100%;}
.logo-text{float: left; margin-left: 12px; margin-top: 34px;}
.logo-text h2{font-size: 18px; font-weight: bold; color: #333; line-height: 22px;}
.logo-text p{font-size: 16px; color: #333; line-height: 20px; margin-top: 4px;}
.head-rt{float: right;}
.hiso{float: left; height: 62px; margin-top: 29px; margin-right: 20px;}
.hiso img{display: block; height: 62px;}
.hce{float: left; height: 52px; margin-top: 34px;}
.hce img{display: block; height: 52px;}
.htel{float: left; min-height: 50px; margin-top: 16px; margin-left: 34px; background: url(../images/htel-bg.png) no-repeat left center; padding-left: 62px;}
.htel b{display: block; font-family: "Arial"; font-size: 24px; font-weight: bold; line-height: 26px;}
.htel p{max-width: 170px; height: 28px; line-height: 28px; background: #e60012; font-size: 18px; color: #fff; text-align: center; margin-top: 2px;}
.nav{height: 50px; background: #293067; position: relative; z-index: 33;}
.nav ul > li{float: left; height: 50px; font-size: 16px; position: relative; z-index: 1;}
.nav ul > li > a{display: block; height: 50px; line-height: 50px; text-align: center; padding: 0 23px; position: relative; color: #fff;}
.nav ul > li > a i{width: 1px; height: 14px; background: #858585; position: absolute; left: -1px; top: 18px;}
.nav ul > li:hover > a,.nav ul > li.active{z-index: 2;}
.nav ul > li:hover > a,.nav ul > li.active > a{background: #333; color: #fff!important;}
.nav ul > li:hover .subnav{height: auto; margin-top: 0; opacity: 1; visibility: visible;}
.subnav{width: 160px; box-shadow: 0 0 16px -4px rgba(0,0,0,.3); background: #fff; position: absolute; left: 50%; top: 100%; margin-left: -80px; text-align: center; height: 0; overflow: hidden; margin-top: 20px; transition: all .3s; opacity: 0; visibility: hidden;}
.subnav > ol{padding: 14px 0 12px 0; position: relative; z-index: 2;}
.subnav > ol li a{display: block; height: 40px; line-height: 40px; font-size: 13px;}
.subnav > ol li a:hover{background: #293067; color: #fff!important;}
/*底部*/
.footer{background: #2e2e2e; color: #eeeded; position: relative; overflow: hidden;}
.footer a{color: #cdcdcd;}
.footer a:hover{color: #fff!important;}
.foot-top{height: 54px; line-height: 54px; background: #3c3c3c;}
.foot-top .container{overflow: hidden;}
.foot-top span{float: left; padding-left: 27px; color: #fff;}
.foot-top span.f1{background: url(../images/ftel.png) no-repeat left; margin-right: 80px;}
.foot-top span.f2{background: url(../images/femail.png) no-repeat left center;}
.foot-share{float: right; margin-top: 9px;}
.foot-share .bdsharebuttonbox a{transition: all 0s;}
.foot-model dl{float: left; height: 352px; border-right: 1px solid #3c3c3c; margin-right: 48px; padding-right: 48px; overflow: hidden;}
.foot-model dt{font-size: 18px; font-weight: bold; color: #fff; line-height: 1.5; color: #eeeded; margin: 50px 0 18px 0;}
.foot-nav dd{max-height: 272px; overflow: hidden;}
.foot-nav dd li{height: 34px; line-height: 34px; font-size: 15px;}
.foot-wechat{float: right; margin-top: 82px; overflow: hidden;}
.foot-wechat span{display: block; width: 138px; float: left; margin-left: 20px;}
.foot-wechat span img{width: 138px; height: 138px;}
.foot-wechat span p{font-size: 16px; color: #cdcdcd; text-align: center; margin-top: 8px;}
.foot-copy{background: #333; font-size: 14px; line-height: 22px; color: #a8a8a8; padding: 16px 0; text-align: center;}
.foot-copy a{color: #a8a8a8;}
/*在线留言弹出框*/
.message{padding: 30px 36px;}
.message li{height: 40px; border: 1px solid #ddd; overflow: hidden; margin-bottom: 10px; padding: 0 12px;}
.message li .j-input{display: block; width: 100%; height: 40px; line-height: 40px;}
.message li.shauto{height: auto;}
.message li .j-textarea{display: block; width: 100%; height: 70px; padding: 12px 0; overflow: hidden;}
.message li.code{border: 0; height: 42px; padding: 0;}
.message li.code .j-input{width: 130px; float: left; border: 1px solid #ddd; padding: 0 12px;}
.message li.code .img{float: left; margin-left: 10px;}
.message li.code .img img{display: block; height: 42px; cursor: pointer;}
.message li.submit{padding: 0; border: 0 none; height: auto;}
.message li .sbtn{display: block; background: #e60012; width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; cursor: pointer;}
/*热门搜索*/
.hot-search{height: 60px; background: #f1f1f1;}
.hot-sleft{max-width: 70%; float: left; height: 60px; line-height: 60px; font-size: 0; overflow: hidden; background: url(../images/hot-icon.png) no-repeat 18px center;}
.hot-sleft span,.hot-sleft ul{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 14px;}
.hot-sleft span{padding-left: 52px; font-weight: bold;}
.hot-sleft ul{margin-left: 4px;}
.hot-sleft li{float: left; margin-right: 20px;}
.hot-sleft li a{color: #666;}
.searchform{width: 308px; height: 36px; float: right; margin-top: 12px; overflow: hidden;  margin-top: 14px;}
.searchform .form{padding-right: 49px; position: relative; height: 36px; overflow: hidden;}
.searchform .input{height: 34px; padding: 0 12px; font-size: 14px; border: 1px solid #ccc; border-right: none;}
.searchform input[type="text"]{display: block; width: 100%; height: 34px; line-height: 34px; *line-height: 36px; font-size: 14px;}
.searchform .btn{display: block; width: 49px; height: 36px; cursor: pointer; background: url(../images/search-btn.png) no-repeat 13px center #293067; position: absolute; right: 0; top: 0;}
/*首页*/
.inner-title{font-size: 44px; font-weight: bold; line-height: 1; color: #000; text-align: center; color: #343434;}
.inner-title i{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 6px; height: 6px; background: #293067; border-radius: 50%; margin: 0 10px;}
.inner-title b{color: #293067;}
.inner-desc{font-size: 18px; color: #666; text-align: center; line-height: 1.1; margin-top: 16px;}
/*首页---广告图切换*/
.banner{overflow: hidden; position: relative; z-index: 2;}
#banner .slick-slide{height: 600px; float: none; position: relative;}
#banner .slick-track .slick-slide{float: left;}
#banner .slick-slide img{max-width: none; width: 1920px; height: 600px; position: absolute; left: 50%; top: 0; margin-left: -960px;}
#banner .slick-slide a{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
#banner .slick-dots{bottom: 22px;}
#banner .slick-dots li{margin: 0 9px;}
#banner .slick-dots li button{width: 16px; height: 16px; background: #efefef; filter: alpha(opacity=30); opacity: .3;}
#banner .slick-dots li.slick-active button{background: #fff; width: 36px; border-radius: 8px; filter: alpha(opacity=100); opacity: 1;}
/*首页---产品中心*/
.index-product{padding: 66px 0;}
.product-inbox{margin-top: 26px;}
.product-inleft{width: 280px; float: left; background: #333;}
.product-inleft .title{font-size: 30px; font-weight: bold; line-height: 1.1; color: #fff; padding: 34px 18px 0 28px;}
.product-inleft .entitle{font-family: "Arial"; font-size: 18px; line-height: 1.1; color: #fafafa; padding: 9px 18px 22px 28px; filter: alpha(opacity=20); opacity: .2; text-transform: uppercase;}
.product-inmenu{background: #fff; padding-bottom: 1px;}
.product-inmenu .dt{background: #293067; height: 55px; line-height: 55px; margin-bottom: 1px; border-left: 4px solid #df0522; font-size: 18px; color: #fff; padding: 0 54px 0 20px; position: relative; overflow: hidden;}
.product-inmenu .dt a{display: block; height: 55px; line-height: 55px; color: #fff;}
.product-inmenu .dt a:hover{color: #fff!important;}
.product-inmenu .dt i{display: block; width: 16px; height: 16px; background: url(../images/prodicon-right.png) no-repeat; position: absolute; right: 30px; top: 20px; cursor: pointer;}
.product-inmenu .dt.down i{background: url(../images/prodicon-down.png) no-repeat;}
.product-inmenu .dd{display: none; margin-bottom: 1px;}
.product-inmenu .dd ul{margin-bottom: -1px; overflow: hidden;}
.product-inmenu .dd li{height: 55px; margin-bottom: 1px; font-size: 16px; position: relative;}
.product-inmenu .dd li a{display: block; height: 55px; line-height: 55px; background: #f5f5f5; border-left: 4px solid #d5d5d5; padding: 0 20px 0 38px; overflow: hidden;}
.product-inmenu .dd li i{width: 4px; height: 4px; background: #a7a7a7; position: absolute; left: 26px; top: 26px;}
.product-inmenu .dd li.active{font-weight: bold;}
.product-inmenu .dd li.active i{background: #293067;}
.product-inmenu .dd li.active a{color: #293067!important;}
.product-inleft .cinfo{height: 137px; padding: 0 19px; color: #fff;}
.product-inleft .cinfo .tit{height: 25px; line-height: 25px; padding-top: 15px; padding-left: 32px; background: url(../images/cinfo-icon.png) no-repeat left bottom; font-family: "Arial"; font-size: 24px; color: #fff; text-transform: uppercase; filter: alpha(opacity=60); opacity: .6;}
.product-inleft .cinfo p{font-family: "Microsoft Yahei Light"; font-size: 14px; margin-top: 8px; margin-bottom: 3px;}
.product-inleft .cinfo span{display: block; font-family: "Arial"; font-size: 24px; font-weight: bold; line-height: 27px;}
.product-inright{width: 934px; float: right;}
.product-infirst{background: #f5f5f5; overflow: hidden;}
.product-infirst .pic{width: 355px; float: left; overflow: hidden;}
.product-infirst .pic img{width: 355px; height: 350px;}
.product-infirst .text{width: 500px; float: right; margin-top: 32px; margin-right: 40px;}
.product-infirst .title{height: 30px; line-height: 30px; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product-infirst .line{width: 70px; height: 2px; background: #ccc; margin-top: 22px;}
.product-infirst .desc{font-size: 16px; line-height: 30px; color: #666; margin-top: 14px; height: 150px; overflow: hidden;}
.product-infirst .btns{margin-top: 24px; overflow: hidden;}
.product-infirst .btns a{display: block; float: left; margin-right: 14px; width: 108px; height: 40px; line-height: 40px; background: #333; font-size: 14px; text-align: center; color: #fff;}
.product-infirst .btns a.a1{background: #e60012;}
.product-infirst .btns a:hover{background: #293067; color: #fff!important;}
.product-inlist{padding-top: 2px; overflow: hidden;}
.product-inlist ul{margin: 0 -10px;}
.product-inlist li{width: 298px; float: left; margin: 20px 10px 0 10px; overflow: hidden; position: relative;}
.product-inlist li a{display: block; overflow: hidden; position: relative;border:1px solid #ddd;}
.product-inlist li img{width: 298px; height: 295px; transition: all .6s;}
.product-inlist li:hover img{transform: scale(1.1);}
.product-inlist li .title{height: 40px; width: 100%; position: absolute; left: 0; bottom: 0;}
.product-inlist li .title .bg{width: 100%; height: 100%; background: #293067; filter: alpha(opacity: 80); opacity: .8; position: absolute; left: 0; top: 0; z-index: 1;}
.product-inlist li .title h3{height: 40px; line-height: 40px; margin: 0 10px; font-size: 14px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; z-index: 2;}
/*首页---行业案例*/
.index-case{padding: 60px 0 64px 0; background: #f5f5f5; position: relative; overflow: hidden;}
.case-intabbox{margin-top: 26px;}
.case-intabtit ul{height: 80px; position: relative; overflow: hidden; border-top: 1px solid #293067;}
.case-intabtit li{width: 177px; float: left; height: 80px; line-height: 80px; position: relative; font-size: 0; text-align: center; color: #666; z-index: 1; cursor: pointer;}
.case-intabtit li .line{width: 1px; height: 40px; background: #ccc; position: absolute; left: -1px; top: 20px;}
.case-intabtit li i,.case-intabtit li span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px; font-weight: bold;}
.case-intabtit li i{width: 8px; height: 8px; background: #999; margin-right: 10px;}
.case-intabtit li.active{background: #293067; color: #fff; z-index: 2;}
.case-intabtit li.active i{display: none;}
.case-inchild{position: relative;}
.case-inchild .bg{width: 1920px; height: 100%; background: #e5e5e5; position: absolute; left: 50%; top: 0; margin-left: -960px; z-index: 1;}
.case-inchild ul{font-size: 0; text-align: center; padding: 12px 30px; position: relative; z-index: 2;}
.case-inchild li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 38px; line-height: 38px; margin: 0 14px;}
.case-inchild li a{color: #666;}
.case-inchild li a i,.case-inchild li a span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px;}
.case-inchild li a i{height: 30px; line-height: 30px; color: #bababa; font-size: 20px; transition: color .5s;}
.case-inchild li a span{padding-left: 6px;}
.case-inchild li a:hover i{color: #293067;}
.case-infirst{margin-top: 64px; overflow: hidden;}
.case-infirst .pic{width: 700px; height: 446px; float: left; background: #03285b; position: relative;}
.case-infirst .pic img{width: 700px; height: 446px; filter: alpha(opacity=60); opacity: .6;}
.case-infirst .pic i{display: block; width: 70px; height: 70px; background: url(../images/video-btn.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px;}
.case-infirst .text{width: 452px; float: right; margin-top: 38px; margin-right: 10px;}
.case-infirst .title{height: 44px; line-height: 44px; font-size: 36px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case-infirst .desc{font-size: 16px; line-height: 30px; color: #666; text-align: justify; margin-top: 30px; height: 240px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 8;}
.case-infirst .more{display: block; width: 108px; height: 40px; line-height: 40px; background: #e60012; font-size: 14px; text-align: center; color: #fff; margin-top: 20px;}
.case-infirst .more:hover{color: #fff!important; width: 140px;}
.case-inlist{overflow: hidden;}
.case-inlist ul{margin: 0 -10px;}
.case-inlist li{width: 400px; float: left; margin: 20px 10px 0 10px;}
.case-inlist li a{display: block;}
.case-inlist li .pic{height: 256px; background: #293067; overflow: hidden; position: relative;}
.case-inlist li .pic img{width: 400px; min-height: 256px; filter: alpha(opacity=80); opacity: .8;}
.case-inlist li .pic i{width: 46px; height: 46px; background: url(../images/video-btn1.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px;}
.case-inlist li .title{height: 40px; line-height: 40px; font-size: 18px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.height_9 {height: 525px!important;}
/*首页---合作品牌*/
.index-brand{background: #fff; padding: 70px 0 54px 0; position: relative; overflow: hidden;}
.brand-inslick{text-align: center; padding-bottom: 46px; margin-top: 26px;}
.brand-inslick .slick-slide ul{margin: -10px; position: relative; overflow: hidden;}
.brand-inslick .slick-slide li{width: 188px; float: left; margin: 10px; height: 98px; line-height: 98px; border: 1px solid #ccc; text-align: center; transition: border-color .6s;}
.brand-inslick .slick-slide li img{display: inline; max-width: 170px; max-height: 88px;}
.brand-inslick .slick-slide li:hover{border-color: #293067;}
.brand-inslick .slick-dots{bottom: -7px;}
.brand-inslick .slick-dots li{background: #fff; margin: 0; padding: 0 5px;}
.brand-inslick .slick-dots li button{margin: 0; background: #a7a7a7;}
.brand-inslick .slick-dots li:first-child{padding-left: 16px;}
.brand-inslick .slick-dots li:last-child{padding-right: 16px;}
.brand-inslick .slick-dots li.slick-active button{width: 36px; background: #e60012; border-radius: 7px;}
.brand-inslick:before{display: block; content: ""; width: 100%; height: 1px; background: #e2e2e2; position: absolute; left: 0; bottom: 0;}
.brand-tel{font-size: 0; text-align: center; margin-top: 25px;}
.brand-tel i,.brand-tel span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 16px; color: #666; vertical-align: middle;}
.brand-tel i{width: 25px; height: 25px; background: url(../images/tel.png) no-repeat;}
.brand-tel span{margin-left: 10px;}
.brand-tel span b{font-family: "Arial"; font-size: 30px; font-weight: bold; color: #293067; vertical-align: middle;}
/*首页---优势*/
.index-advantage{background: #293067; padding: 32px 0;}
.index-advantage ul{position: relative; overflow: hidden;}
.index-advantage li{width: 186px; float: left; height: 100px; position: relative; padding: 0 10px; text-align: center;}
.index-advantage li .pic{padding-top: 13px;}
.index-advantage li .pic img{height: 38px;}
.index-advantage li .title{font-size: 16px; color: #fff; margin-top: 12px;}
.index-advantage li .line{width: 1px; height: 100%; background: #777; filter: alpha(opacity=35); opacity: .35; position: absolute; left: -1px; top: 0;}
/*首页---公司优势*/
.index-companyAdv{background: #fff; padding: 56px 0;}
.companyAdv-inbox{margin-top: 36px;}
.companyAdv-inbox ul{margin-bottom: -15px; position: relative; overflow: hidden;}
.companyAdv-inbox li{margin-bottom: 15px; overflow: hidden;}
.companyAdv-inbox li .pic{float: left;}
.companyAdv-inbox li .text{float: left;}
.companyAdv-inbox li .item{margin-bottom: 14px;}
.companyAdv-inbox li .title{height: 85px; position: relative; padding-left: 96px;}
.companyAdv-inbox li .title .num{width: 85px; height: 85px; line-height: 85px; background: url(../images/advnum-bg.png) no-repeat; font-family: "Impact"; font-size: 36px; text-align: center; color: #fff; position: absolute; left: 0; top: 0;}
.companyAdv-inbox li .title h3{line-height: 40px; font-size: 30px; font-weight: bold; padding-top: 8px;}
.companyAdv-inbox li .title h3 b{color: #df0522;}
.companyAdv-inbox li .title p{line-height: 26px; font-size: 14px; color: #999; text-transform: uppercase;}
.companyAdv-inbox li .desc{margin-left: 14px; margin-top: 8px;}
.companyAdv-inbox li .desc p{font-size: 14px; line-height: 24px; position: relative; padding-left: 20px; color: #666;}
.companyAdv-inbox li .desc p i{display: block; width: 6px; height: 6px; background: #999; border-radius: 50%; position: absolute; left: 0; top: 9px;}
.companyAdv-inbox li.s1 .pic{width: 678px;}
.companyAdv-inbox li.s1 .pic img{width: 678px; height: 394px;}
.companyAdv-inbox li.s1 .text{width: 514px; margin-left: 30px; margin-top: 23px;}
.companyAdv-inbox li.s2 .pic{width: 650px; float: right;}
.companyAdv-inbox li.s2 .pic img{width: 650px; height: 360px;}
.companyAdv-inbox li.s2 .text{width: 530px; margin-left: 18px; margin-right: 0; margin-top: 12px;}
/*首页---关于我们*/
.index-about{background: url(../images/about-inbg.jpg) no-repeat center top #fff; padding: 54px 0 20px 0;}
.about-entit{text-align: center;}
.about-entit img{height: 44px;}
.index-about .inner-title{color: #fff; margin-top: 14px;}
.index-about .inner-title i{background: #fff;}
.about-company{background: #f5f5f5; padding: 50px 32px 50px 50px; margin-top: 46px;}
.about-company .pic{width: 545px; float: left; overflow: hidden;}
.about-company .pic img{width: 545px; height: 375px; transition: transform .8s;}
.about-company .pic:hover img{transform: scale(1.1);}
.about-company .text{width: 580px; float: right; margin-top: 16px;}
.about-company .title{font-size: 30px; font-weight: bold; line-height: 36px;}
.about-company .desc{font-size: 15px; line-height: 34px; color: #666; text-align: justify; margin-top: 18px; margin-bottom: 22px;}
.about-company .more{font-size: 16px; color: #e81626;}
.science-intabbox{margin-top: 22px;}
.science-intabtit ul{font-size: 0; text-align: center;}
.science-intabtit li{display: inline-block; font-size: 24px; font-weight: bold; padding: 0 8px; margin: 0 6px; cursor: pointer; position: relative; height: 34px; line-height: 34px;}
.science-intabtit li span{display: block; color: #333; position: absolute; left: -10px; top: 0;}
.science-intabtit li.active{color: #1e468e;}
.science-intabcont{margin-top: 18px;}
.science-intabitem ul{margin: 0 -13px;}
.science-intabitem li{width: 396px; float: left; margin: 0 13px; position: relative; overflow: hidden;}
.science-intabitem li img{width: 396px; height: 260px; transition: transform 1s;}
.science-intabitem li:hover img{transform: scale(1.05);}
.science-intabitem li .title{width: 100%; height: 40px; line-height: 40px; background: url(../images/science-sbg.png) no-repeat; font-size: 18px; color: #333; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; bottom: 20px;}
.science-intabitem li.s1 .title{background: url(../images/science-sbg1.png) no-repeat; color: #fff;}
.honor-intabitem ul{margin: 0 -12px}
.honor-intabitem li{width: 290px; margin: 0 12px; border: 1px solid #eee;}
.honor-intabitem li img{width: 290px; height: 380px;}
/*首页---新闻中心*/
.index-news{background: #fff; padding: 30px 0 50px 0;}
.index-news .inner-desc{font-size: 16px;}
.news-inbox{margin-top: 22px;}
.news-intabbox{width: 740px; float: left;}
.news-intabtit ul{overflow: hidden;}
.news-intabtit li{float: left; height: 38px; line-height: 38px; font-size: 22px; margin-right: 30px; position: relative; cursor: pointer;}
.news-intabtit li span{position: absolute; left: -34px; top: 0; padding: 0 15px; color: #333; cursor: auto;}
.news-intabtit li.active{color: #1e468e;}
.news-intabcont{margin-top: 16px;}
.news-infirst .pic{width: 238px; float: left; border: 1px solid #eee; overflow: hidden;}
.news-infirst .pic img{display: block; width: 238px; height: 151px; transition: transform .8s;}
.news-infirst .pic:hover img{transform: scale(1.1);}
.news-infirst .text{width: 480px; float: right; margin-top: 6px;}
.news-infirst .title{height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-infirst .time{height: 18px; line-height: 18px; font-size: 12px; color: #666; margin-top: 4px;}
.news-infirst .desc{height: 72px; line-height: 24px; color: #666; margin-top: 12px;}
.news-inlist{margin-top: 22px;}
.news-inlist li{height: 36px; line-height: 36px; position: relative;}
.news-inlist li i{display: block; width: 4px; height: 4px; border: 2px solid #1e468e; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -4px;}
.news-inlist li .time{color: #999; position: absolute; right: 0; top: 0;}
.news-inlist li .title{height: 36px; line-height: 36px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 120px;}
.news-inlist li .title a{padding-left: 16px;}
.problem{width: 470px; float: right;}
.problem .dt{height: 38px; line-height: 38px; font-size: 22px;}
.problem-inbox{margin-top: 16px; height: 314px; position: relative; overflow: hidden;}
.problem-inbox li{height: 62px; margin-bottom: 1px;}
.problem-inbox li a{display: block; height: 62px; line-height: 62px; background: #f0f0f0; padding-left: 42px; padding-right: 80px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.problem-inbox li i{display: block; width: 4px; height: 4px; border: 2px solid #cfcdcd; border-radius: 50%; position: absolute; left: 20px; top: 50%; margin-top: -4px;}
.problem-inbox li h3{height: 62px; line-height: 62px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.problem-inbox li span{display: block; width: 27px; height: 27px; background: url(../images/prob-dmore.png) no-repeat; position: absolute; right: 28px; top: 50%; margin-top: -13px;}
.problem-inbox li a:hover{background: #1e468e; color: #fff!important;}
.problem-inbox li a:hover i{border-color: #fff;}
.problem-inbox li a:hover span{background: url(../images/prob-hmore.png) no-repeat;}
/*友情链接*/
.links{background: #f2f2f2; font-family: "Microsoft Yahei Light"; font-size: 16px; color: #666; position: relative; overflow: hidden; padding: 24px 0;}
.links a{color: #666;}
.links span{display: block; float: left; height: 30px; line-height: 30px;}
.links ul{margin-left: 82px; overflow: hidden;}
.links li{float: left; height: 30px; line-height: 30px; margin-right: 22px;}
/*内页*/
.ny-banner{height: 390px; background-repeat: no-repeat; background-position: center; position: relative;}
.ny-banner .text{width: 1240px; color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -620px; margin-top: -102px;}
.ny-banner .text h2{font-size: 42px; font-weight: bold; text-align: center; line-height: 1.1; color: #293067;}
.ny-banner .text p{font-size: 18px; color: #333; text-align: center; margin-top: 16px;}
/*行业案例*/
#cases-main{background: #f9f9f9; padding-bottom: 60px;}
.cases-menu{background: #fff; width: 1244px; padding: 16px 18px; margin-top: -104px; position: relative; z-index: 22; box-sizing: unset;}
.cases-menu.fixed{/*width: 100%; min-width: 1240px; position: fixed; left: 0; top: 0; margin-top: 0; padding: 0;*/    /* width: 100%; */
    min-width: 1244px;
    position: fixed;
    left: 50%;
    top: 0;
    margin-top: 0;
    padding: 0;
    transform: translateX(-50%);
    background: #fff;}
.cases-menu .dt ul{margin: 0 -7px; font-size: 0; text-align: center; position: relative;}
.cases-menu .dt li{display: inline-block; *display: inline-block; *zoom: 1; vertical-align: top; width: 160px; margin: 0 7px; height: 56px; line-height: 56px; background: #f2f2f2; font-size: 16px; text-align: center; cursor: pointer; position: relative;}
.cases-menu .dt li.active{background: #293067; font-weight: bold; color: #fff;}
.cases-menu .dt li.active:after{display: block; content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 12px solid #293067; position: absolute; left: 50%; bottom: -16px; margin-left: -7px;}
.cases-menu .dd{background: #293067; margin-top: 16px;}
.cases-menu .dd .item{padding: 20px;}
.cases-menu .dd ul{margin: -6px; position: relative; overflow: hidden;}
.cases-menu .dd li{float: left; margin: 6px; padding: 0 19px; height: 36px; line-height: 36px; border-radius: 4px; background: #07469d; font-size: 16px; color: #fff; cursor: pointer; transition: background .5s;}
.cases-menu .dd li .iconfont{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 36px; line-height: 36px; font-size: 16px; margin-right: 5px;}
.cases-menu .dd li.active,.cases-menu .dd li:hover{background: #2470d8;}
.cases-box{margin-top: 28px;}
.cases-box.active{margin-top: 0;}
.cases-item{background: #fff; margin-bottom: 28px; padding: 24px 43px;}
.cases-title{height: 56px; line-height: 56px; font-size: 28px; font-weight: bold; color: #000; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; position: relative;}
.cases-title .iconfont{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 56px; line-height: 56px; font-size: 32px; color: #2470d8; margin-right: 5px;}
.cases-title span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-family: "Arial"; font-size: 16px; font-weight: normal; color: #afafaf; margin-left: 6px; margin-top: 8px;}
.cases-title .btn{display: block; width: 20px; height: 4px; background: url(../images/case-srd.png) no-repeat; position: absolute; right: 4px; top: 31px;}
.cases-scont{padding: 20px 0 14px 0; position: relative; border-bottom: 1px solid #e5e5e5;}
.cases-scont .dline{width: 1px; height: 100%; background: #e5e5e5; position: absolute; left: 570px; top: 0;}
.cases-sleft{width: 418px; float: left; min-height: 86px; padding-left: 110px; position: relative; overflow: hidden;}
.cases-sleft .pic{width: 86px; height: 86px; overflow: hidden; border-radius: 10px; position: absolute; left: 0; top: 0;}
.cases-sleft .pic img{width: 86px; height: 86px;}
.cases-sleft .title{height: 36px; line-height: 36px; padding-bottom: 10px; font-size: 18px; font-weight: bold; position: relative; padding-bottom: 9px; border-bottom: 1px solid #dfdfdf;}
.cases-sleft .title i{display: block; width: 42px; height: 2px; background: #2a2a2a; position: absolute; left: 0; bottom: -1px;}
.cases-sleft .tags{margin-top: 16px;}
.cases-sleft .tags ul{position: relative; overflow: hidden; margin: -4px;}
.cases-sleft .tags li{min-width: 40px; float: left; height: 28px; line-height: 28px; margin: 4px; background: #f2f2f2; border-radius: 2px; padding: 0 11px; text-align: center;}
.cases-sleft .desc{min-height: 104px; font-size: 14px; line-height: 24px; color: #646464; margin-top: 18px; margin-bottom: 8px;}
.cases-sright{width: 512px; float: right; margin-right: 6px; overflow: hidden;}
.cases-sright .title{height: 36px; line-height: 36px; padding-bottom: 10px; font-size: 18px; font-weight: bold; position: relative; padding-bottom: 9px; border-bottom: 1px solid #dfdfdf;}
.cases-sright .title i{display: block; width: 70px; height: 2px; background: #2a2a2a; position: absolute; left: 0; bottom: -1px;}
.cases-sright .clist{margin-top: 25px;}
.cases-sright .clist ul{position: relative; overflow: hidden; margin: 0 -16px;}
.cases-sright .clist li{width: 240px; float: left; margin: 0 16px;}
.cases-sright .clist li a{display: block;}
.cases-sright .clist li .pic{height: 154px; background: #000; overflow: hidden; position: relative;}
.cases-sright .clist li .pic img{width: 240px; min-height: 154px; filter: alpha(opacity=60); opacity: .6;}
.cases-sright .clist li .pic i{width: 22px; height: 22px; background: url(../images/video-btn2.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px;}
.cases-sright .clist li .name{height: 36px; line-height: 36px; overflow: hidden; text-align: center; margin-top: 4px;}
.cases-product{margin-top: 4px; padding-bottom: 10px;}
.cases-prodtit{height: 54px; line-height: 54px; font-size: 18px; font-weight: bold; position: relative; border-bottom: 1px solid #e5e5e5;}
.cases-prodtit i{display: block; width: 71px; height: 2px; background: #2a2a2a; position: absolute; left: 0; bottom: -1px;}
.cases-prodtit a{display: block; height: 30px; line-height: 30px; font-size: 14px; font-weight: normal; color: #7d7d7d; padding-right: 24px; background: url(../images/case-pdmore.png) no-repeat right center; position: absolute; right: 0; top: 20px;}
.cases-prodbox{margin-top: 14px;}
.cases-prodbox ul{position: relative; overflow: hidden; margin: 0 -19px;}
.cases-prodbox li{width: 260px; float: left; margin: 0 19px;}
.cases-prodbox li .pic{height: 256px; overflow: hidden; border-radius: 10px;}
.cases-prodbox li .pic img{width: 260px; height: 256px; transition: transform .8s;}
.cases-prodbox li .pic:hover img{transform: scale(1.1);}
.cases-prodbox li .title{height: 34px; line-height: 34px; font-size: 16px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 2px;}
/*通用*/
.ny-product{padding-bottom: 50px;}
#sing-main{padding-bottom: 50px;}
/*栏目左边当前位置*/
.right-position {height:50px; border-bottom: solid 1px #ddd; color: #666; margin-bottom: 30px;}
.right-position a {color: #666;}
.right-position .p-left {float: left;line-height: 50px;margin-left:20px;}
.right-position .p-left h3{font-size: 20px;}
.right-position .p-right {float: right;line-height: 50px;margin-right:10px;}

/*****分页*****/
.mk_pages {	line-height: 25px;	text-align: center;	font-size: 0;	padding: 50px 0;}

.mk_pages ul {	text-align: center;	font-size: 0;}
.mk_pages ul li { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; line-height: 17px;    margin-right: 6px; border: 1px solid #E9E9E9;    padding: 14px 9px;}
.mk_pages ul li a { font-size: 14px; padding: 10px;}
.mk_pages .pageinfo { line-height: 21px; padding: 12px 10px 12px 16px; color: #999; margin: 0px 2px;}
.mk_pages .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px;}
.mk_pages ul li.active, .mk_pages ul li.active a, .pagebox ul li.active a:hover { font-weight: bold; display: inline-block; background: #e60012; color: #fff!important; border: 1px solid #e60012; padding: 14px 18px;}

.mk_pages ul li.disabled span{padding: 14px 9px;}

/*通栏当前位置*/
.position{height: 60px; line-height: 60px; position: relative; overflow: hidden; box-shadow: 10px 0 20px rgba(0,0,0,.1); z-index: 2;}
.location{float: right; font-size: 14px;}
.menu-child ul{overflow: hidden; margin-left: -5px;}
.menu-child li{float: left; margin-right: 20px; height: 60px; line-height: 60px; font-size: 16px;}
.menu-child li a{display: block; height: 60px; line-height: 60px; position: relative; position: relative; padding: 0 10px;}
.menu-child li a i{display: block; height: 2px; background: #d80006; position: absolute; left: 50%; right: 50%; bottom: 0; transition: left .5s,right .5s;}
.menu-child li.active a{color: #d80006!important;}
.menu-child li.active a i,.menu-child li:hover a i{left: 5px; right: 5px;}

/*产品详情*/
.prodetails-left{width: 360px; float: left; position: relative; z-index: 2;}
.product-bigpic{width: 360px; height: 360px; overflow: hidden; border: 1px solid #ccc; position: relative;}
.product-smallpic{
	margin-top: 38px; 
	position: relative;
    width: 540px;
	height: 109px;
}
.product-smallpic .prev,.product-smallpic .next{display: block; width: 26px; height: 100%; position: absolute; top: 0;}
.product-smallpic .prev{left: 0;}
.product-smallpic .next{right: 0;}
.product-smallpic .prev span,.product-smallpic .next span{display: block; width: 100%; height: 100%; background: #000; filter: alpha(opacity=50); opacity: .5; position: absolute; left: 0; top: 0; z-index: 1;}
.product-smallpic .prev i,.product-smallpic .next i{display: block; width: 12px; height: 22px; background: url(../images/prod-arrow.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -11px; z-index: 2;}
.product-smallpic .prev i{background-position: 0 0;}
.product-smallpic .next i{background-position: 0 -22px;}
.product-smallslick{margin: 0 30px; position: relative;}
.product-smallslick .slick-slide span{display: block; margin: 0 6px; border: 1px solid #ccc; cursor: pointer;}
.product-smallslick .slick-slide span img{width: 100%;}
.product-smallslick .slick-current span{border-color: #d80006;}
.zoomDiv{width: 200px; height: 200px; position: absolute; top: 0; left: 0; z-index: 999; background: #fff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden;}
.zoomDiv img{max-width: none;}
.zoomMask{position: absolute; background: #000; filter:alpha(opacity=15); opacity: .15; cursor: crosshair; z-index: 666;}
.prodetails-right{width: 540px; float: right;}
.prodetails-title{font-size: 26px; padding-bottom: 16px; border-bottom: 1px solid #ddd;}
.prodetails-desc{font-size: 14px; line-height: 32px; margin-top: 16px;
	height: 84px;
	overflow: hidden;
}
.prodetails-sbtn{margin-top: 80px;}
.prodetails-sbtn ul{overflow: hidden;}
.prodetails-sbtn li{float: left; margin-right: 20px;}
.prodetails-sbtn li a{ display: block; width: 180px; background: #d80006; height: 46px; line-height: 46px; font-size: 18px; color: #fff; text-align: center; border-radius: 4px; transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ; }
.prodetails-sbtn li a:hover{color: #fff!important; background: #D70101;}
/* .prodetails-sbtn li.s2 a{background: #D70101;} */
.prodetails-dbox{margin-top: 60px;position: relative;}
.prodetails-tabtit{height: 50px; border-bottom: 1px solid #e8e8e8;}
.prodetails-tabtit ul{overflow: hidden;}
.prodetails-tabtit li{float: left; margin-right: 1px; min-width: 140px; height: 50px; line-height: 50px; background: #ccc; border: 1px solid #e8e8e8; border-bottom: 0; padding: 0 30px; border-radius: 4px 4px 0 0; font-size: 20px; color: #333; text-align: center;}
/* .prodetails-tabtit li.active{background: #d80006; color: #fff; border-bottom: 2px solid #d80006;} */
.prodetails-tabcont{padding: 30px 0;}
.prodetails-body{font-size: 14px; color: #555; line-height: 2.2;}
.prodetails-dbox-left {display: inline-grid; width: 790px;  margin-right: 19px;}
.prodetails-dbox-right {display: inline-grid; width: 120px; vertical-align:top;}
.prodetails-dbox-right ul li {width: 120px;    margin-top: 8px;}
.prodetails-dbox-right ul li img{width: 100%;}
.prodetails-dbox-right ul li p {    text-align: center;
    font-size: 16px;
    line-height: 45px;
    height: 45px;
    overflow: hidden;
    background: #07469d;
    color: #fff;
	border-radius: 4px;
    cursor: pointer;
    transition: background .5s;}
.prodetails-dbox-right ul li p i{color: #fff;}
.prodetails-dbox-right ul li p:hover {
    background: #2470d8;!important;
}
.prodetails-dbox-right ul li p .iconfont {margin-right: 5px;}
.prodetails-dbox .fixed{position: fixed; top:0px; z-index: 9999;}
.dbox-right-title {    
	height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
	border: 1px solid #e8e8e8;}
/*about_us-nav*/
.about_us-nav{text-align: center;font-size: 0;}
.about_us-nav a{display: inline-block;font-size: 20px;color: #1f1a17;width: 130px;height: 38px;line-height: 38px;border: 1px solid #333;margin: 0 25px;}
.about_us-nav a.cur{background: #293067;color: #fff;border: 1px solid #293067;}
.about_us-nav.pa{padding: 40px 0;}
.about_us-text{padding: 30px 0;}

.adv-title{width: 100%;text-align: center;border-bottom: solid 1px #e60012; padding: 20px 0 20px 0;}
.adv-title h2{font-size: 38px;font-weight: bold;line-height: 1.5;}
.adv-title p{font-size: 23px;}
/*news*/
.news-in-wrap{overflow: hidden;}
.news-in-ul{overflow: hidden;}
.news-in-ul li{height: 250px;background: #f4f4f4;overflow: hidden;position: relative;margin-bottom: 20px;border:1px solid #dcdcdc;}
.news-in-ul li img{width: 250px;height: 250px;position: absolute;left: 0;top: 0;}
.news-in-text{width: 500px;height: 250px;overflow: hidden;padding-left: 300px;}
.news-in-text h3{font-size: 18px;color: #1f1a17;font-weight: bold;margin-top: 24px;}
.news-in-text span{font-size: 14px;color: #1f1a17;display: block;border-bottom: 1px dashed #000;padding-bottom: 12px;margin-bottom: 12px;}
.news-in-ul li i.icon{background: url("../images/icon.png") no-repeat 0 -134px;width: 56px;height: 56px;position: absolute;right: 54px;top: 50%;margin-top: -28px;}
.news-in-text p{color: #4a4a4a;}
.news-in-ul li:hover i.icon{background-position: 0 0;cursor:pointer;}
.news-in-ul li h3:hover ,.news-in-ul li p:hover{cursor:pointer;color:#c22828;text-decoration:underline;}

.news-in-date{height: 39px;background: #f4f4f4;line-height: 39px;text-align: center;margin-bottom: 30px;}
.news-in-date span{color: #1f1a17;margin-right: 20px;}
.news-in-date a.shoucang{color: #1f1a17;background: url("../images/in/shoucang.png") no-repeat left;padding-left: 16px;}
.news-in-date a.shoucang:hover{color: #e70012;}

/*新闻详情*/
.news-detailsbox{padding: 50px 60px; background: #fff;}
.details-title{font-size: 26px; text-align: center; line-height: 1.2;}
.details-info{font-size: 15px; color: #666; text-align: center; margin-top: 14px;}
.details-info span{margin-right: 20px;}
.details-body{margin-top: 30px; border-top: 1px solid #eee; padding: 30px 0; line-height: 2;}
.details-prevnext{border-top: 1px solid #ddd; margin-top: 30px; padding-top: 20px;}
.details-prevnext > div{padding: 5px 0;}
.other-recommend{background: #fff; position: relative; overflow: hidden; margin-top: 40px; padding: 30px 20px;}
.other-recommend-title{font-size: 0; text-align: center;}
.other-recommend-title i,.other-recommend-title span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 24px;}
.other-recommend-title span{margin: 0 18px;}
.other-recommend-title i{width: 170px; height: 1px; background: #999;}
.other-recommend-list{margin-top: 24px;}
.other-recommend-list ul{margin: -15px -15px;}
.other-recommend-list li{width: 565px; float: left; margin: 15px 15px; overflow: hidden;}
.other-recommend-list li .pic{width: 222px; float: left; overflow: hidden;}
.other-recommend-list li .pic img{width: 100%; transition: transform .6s;}
.other-recommend-list li .pic:hover img{transform: scale(1.1);}
.other-recommend-list li .text{margin-left: 242px;}
.other-recommend-list li .title{height: 26px; line-height: 26px; font-size: 17px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.other-recommend-list li .time{font-size: 13px; color: #999; margin-top: 4px;}
.other-recommend-list li .desc{font-size: 14px; color: #666; height: 48px; line-height: 24px; color: #666; margin-top: 6px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.other-recommend-list li .more{ display: block; width: 100px; height: 32px; line-height: 32px; background: #d80006; border-radius: 4px; font-size: 14px; color: #fff; text-align: center; margin-top: 10px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.other-recommend-list li .more:hover{color: #fff!important;background: #D70101;}
.other-recommend-more a{color: #666;}
.other-recommend-more{font-size: 0; text-align: center; margin-top: 30px;}
.other-recommend-more a{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; height: 34px; line-height: 34px; border-bottom: 1px solid #666;}
.other-recommend-more a:hover{border-bottom-color: #d80006;color: #d80006 !important;}
/*合作客户列表*/
.list-customer{margin-top: 0!important;}
/*联系我们*/
.contact-text{width: 500px; float: left; line-height: 2; margin-top: 16px;}
.contact-map{width: 660px; float: right;}
.contact-map #dituContent{border: 1px solid #ccc; height: 360px;}
.contact-map h3{font-size: 16px;}
.contact-map p{font-size: 14px; color: #666;}
.contact-map img{max-width: none;}


/*在线留言*/
.messages .title{font-size: 28px; text-align: center;}
.messages .desc{font-size: 14px; color: #4d4d4d; text-align: center; margin-top: 20px; line-height: 30px;}
#form_message{width: 640px; margin: 30px auto 0;}
.messages li{margin-bottom: 10px; position: relative; padding: 0 16px; border-radius: 4px; border: 1px solid #ddd;}
.messages li input[type="text"]{display: block; width: 100%; height: 36px; line-height: 36px;}
.messages li textarea{display: block; width: 100%; height: 90px; line-height: 22px; padding: 8px 0;}
.messages li.code{margin-right: 420px;}
.messages li.code .code_img{height: 100%; background: #fff; position: absolute; right: -190px; top: 0;}
.messages li.code .code_img img{height: 24px; padding-top: 6px;}
.messages li.submit{border-width: 0; padding: 0;}
.messages li .submit_btn{display: block; width: 200px; height: 40px; line-height: 40px; text-align: center; background: #e60012; color: #fff; border-radius: 4px; cursor: pointer;}
.mk_pages {text-align: center;}