@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
html,body{width: 100%; min-width: 1200px;}
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); transition: all .4s ease; cursor: pointer;}
a:hover{color: #094594;}
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;}
.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;}
.container{width: 1370px; margin: 0 auto; position: relative;}
@media only screen and (max-width: 1399px){
	.container{width: 1200px;}
}
@font-face{font-family: 'WombyRegularf';src: url('../fonts/WombyRegularf.eot');src: url('../fonts/WombyRegularf.eot?#iefix') format('embedded-opentype'),url('../fonts/WombyRegularf.ttf') format('truetype'),url('../fonts/WombyRegularf.svg') format('svg');}
/*slick*/
.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: 5;}
.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; 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: #094594;}
/*头部*/
.header{width: 100%; height: 88px; min-width: 1200px; background: #fff; box-shadow: 0 8px 10px rgba(0,0,0,.1); position: relative; z-index: 9999;}
.logo{height: 56px; float: left; margin-top: 16px; margin-left: 102px;}
.logo img{height: 56px;}
.nav{float: right; margin-right: 36px;}
.nav > ul > li{float: left; padding: 0 10px; font-size: 16px; position: relative;}
.nav ul > li.nopos{position: static;}
.nav > ul > li > a{display: block; height: 88px; line-height: 88px; padding: 0 14px; color: #222; position: relative;}
.nav > ul > li > a i{display: block; width: 0; height: 2px; background: #094594; position: absolute; left: 0; bottom: 0; transition: width .5s;}
.nav > ul > li > a.pos:after{display: inline-block; content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #585858; margin-left: 6px; position: relative; top: -3px; transition: transform .5s;}
.nav > ul > li:hover > a,.nav > ul > li.active > a{color: #094594;}
.nav > ul > li.active > a.pos:after{border-top-color: #094594;}
.nav > ul > li:hover > a i{width: 100%;}
.nav > ul > li:hover > a.pos:after{border-top-color: #094594; transform: rotate(-180deg);}
.nav ul > li:hover .subnav{height: auto; margin-top: 0; opacity: 1; visibility: visible;}
.subnav{width: 130px; box-shadow: 0 0 16px -4px rgba(0,0,0,.3); background: #fff; position: absolute; left: 50%; top: 100%; margin-left: -65px; 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: 36px; line-height: 36px; font-size: 13px; overflow: hidden;}
.subnav > ol li a:hover{background: #094594; color: #fff!important;}
.nav ul > li:hover .navchildq{display: block;}
.navchildq{background: #fff; overflow: hidden; padding: 30px 100px 40px 100px; border-top: 1px solid #ccc; display: none; position: absolute; left: 0; right: 0; top: 100%;}
.navchildq .item{width: 16.66%; float: left; margin-top: 15px; margin-bottom: 10px;}
.navchildq dl{margin: 0 20px;}
.navchildq dt{width: 80%; border-bottom: 1px solid #3f537d;color: #010101;font-size: 18px;height: 35px;line-height: 35px;overflow: hidden; background: url(../images/hg.jpg) right 5px no-repeat; margin-bottom: 10px;}
.navchildq dt a{display: block; font-size: 14px; border-left: 2px solid #3f537d; height: 18px; line-height: 18px; padding-left: 8px; font-weight: bold;}
.navchildq dd{width: 172px; height: 30px; line-height: 30px; border-bottom: 1px dashed #bfbfbf; overflow: hidden; font-size: 14px;}
.navchildq dd a{color: #656565; display: block; height: 30px; overflow: hidden; padding-left: 12px; position: relative;}
.navchildq dd a i{display: block; width: 4px; height: 4px; background: #094594; position: absolute; left: 0; top: 13px;}
.navchildq dd a:hover{color: #094594; text-decoration: underline;}
.language{display: block; width: 30px; float: right; margin-top: 29px; margin-right: 58px; height: 30px; line-height: 30px; background: #eee; border-radius: 50%; font-family: "Arial"; font-size: 12px; color: #8d8d8d; text-align: center;}
.language:hover{background: #094594; color: #fff;}
.htel{width: 350px; float: right; height: 88px; line-height: 88px; background: url(../images/htel-bg.png) no-repeat 45px center #094594; font-size: 22px; color: #fff; text-indent: 82px;}
@media only screen and (max-width: 1599px){
	.logo{margin-left: 72px;}
	.nav > ul > li{padding: 0 6px;}
	.nav > ul > li > a{padding: 0 8px;}
	.language{margin-right: 42px;}
}
@media only screen and (max-width: 1399px){
	.logo{margin-left: 60px;}
	.nav{margin-right: 26px;}
	.nav > ul > li > a{padding: 0 4px;}
	.language{margin-right: 42px;}
	.htel{width: 320px; background-position: 35px center; text-indent: 72px;}
	.navchildq{padding-left: 40px; padding-right: 40px;}
}
@media only screen and (max-width: 1299px){
	.logo{margin-left: 20px;}
	.nav{margin-right: 16px;}
	.language{margin-right: 24px;}
	.htel{width: 270px; background-position: 25px center; text-indent: 72px;}
	.navchildq{padding-left: 20px; padding-right: 20px;}
	.navchildq dl{margin: 0 10px;}
}
/*底部*/
.footer{background: #d7dadf; color: #1a355c; position: relative; overflow: hidden;}
.footer a{color: #1a355c;}
.footer a:hover{color: #094594!important;}
.foot-model{padding: 56px 0 46px 0; position: relative; overflow: hidden;}
.foot-model .line{width: 1px; background: #fff; filter: alpha(opacity=10); opacity: .1; position: absolute; top: 56px; bottom: 46px;}
.foot-model .l1{left: 550px;}
.foot-model .l2{left: 1020px;}
.foot-nav{float: left;}
.foot-nav dl{min-width: 70px; float: left; margin-right: 80px;}
.foot-nav dt{font-size: 16px; color: #1a355c; margin-bottom: 20px;}
.foot-nav dl dt:first-child{font-weight: bold;}
.foot-nav dt a{color: #1a355c;}
.foot-nav dd{line-height: 26px;color: #1a355c;}
.fcontact{width: 362px; margin-left: 76px; margin-right: 0!important;}
.foot-wechat{float: right;}
.foot-wechat span{display: block; float: left; margin-left: 30px;}
.foot-wechat span.ml0{margin-left: 0;}
.foot-wechat span img{display: block; width: 108px; height: 108px; margin: 0 auto;}
.foot-wechat span p{margin-top: 18px;}
.foot-copy{/* border-top: 1px solid #393939; */ overflow: hidden; padding: 20px 0; background: #02468f;color: #fff;}
.foot-copy a{color: #fff;transition: .3s;}
.foot-copy a:hover{text-decoration: blink;color: #fff !important;border-bottom: 1px solid #fff;}
@media only screen and (max-width: 1399px){
	.foot-model .l1{left: 440px;}
	.foot-model .l2{left: 874px;}
	.foot-nav dl{min-width: 60px; margin-right: 54px;}
	.fcontact{margin-left: 30px;}
	.foot-wechat span{display: block; float: left; margin-left: 20px;}
}
/*热门搜索*/
.hot-search{height: 92px; background: #fff; box-shadow: 6px 10px 49px rgba(140,140,140,.18); margin-top: -46px; position: relative; z-index: 2;}
.hot-sleft{max-width: 70%; float: left; margin-left: 34px; height: 92px; line-height: 92px; font-size: 0; overflow: hidden;}
.hot-sleft span,.hot-sleft ul{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 14px;}
.hot-sleft span{color: #7d7d7d;}
.hot-sleft ul{margin-left: 4px;}
.hot-sleft li{float: left; margin-right: 14px;}
.hot-sleft li a:hover{color: #009cff;}
.searchform{width: 327px; float: right; margin-right: 34px; margin-top: 30px; height: 32px; background: #f2f2f2; border-radius: 16px; overflow: hidden;}
.searchform .form{padding-right: 46px; position: relative; height: 32px; overflow: hidden;}
.searchform .input{height: 32px; padding: 0 10px 0 20px; font-size: 14px; color: #fff;}
.searchform input[type="text"]{display: block; width: 100%; height: 32px; line-height: 32px; *line-height: 34px; font-size: 14px;}
.searchform .btn{display: block; width: 46px; height: 32px; cursor: pointer; background: url(../images/search-btn.png) no-repeat center; position: absolute; right: 0; top: 0;}
/*首页*/
.inentitle{font-family: "WombyRegularf"; font-size: 36px; color: #222; line-height: 1.1; text-transform: uppercase;}
.intitle{font-size: 38px; color: #333; line-height: 1.1; margin-top: 6px;}
/*首页---广告图切换*/
.banner{position: relative; overflow: hidden;}
.banner .slick-slide img{width: 100%; image-rendering: -webkit-optimize-contrast;}
.banner .slick-dots{bottom: 76px;}
.banner .slick-dots li button{width: 16px; height: 16px; border: 2px solid #e7e7e7; background: url(../images/default-bg.png) repeat;}
.banner .slick-dots li.slick-active button{background: #fff; border-color: #fff;}
.banner .slick-prev,.banner .slick-next{width: 32px; height: 14px; background: url(../images/ban-arrow.png) no-repeat; filter: alpha(opacity=50); opacity: .5; top: auto; margin-top: 0; bottom: 76px;}
.banner .slick-prev{background-position: 0 0; left: 102px;}
.banner .slick-next{background-position: -32px 0; right: 102px;}
.banner .slick-prev:hover,.banner .slick-next:hover{filter: alpha(opacity=100); opacity: 1;}

@media only screen and (max-width: 1399px){
	.banner .slick-prev{left: 60px;}
	.banner .slick-next{right: 60px;}
}
@media only screen and (max-width: 1299px){
	.banner .slick-prev{left: 30px;}
	.banner .slick-next{right: 30px;}
}
/*首页---产品中心*/
.inproduct{background: #f2f2f2; width: 100%; min-width: 1200px; padding: 100px 0 86px 0; position: relative; margin-top: -46px; overflow: hidden;}
.inproduct-tabbox{margin-top: -36px;}
.inproduct-tabtit ul{font-size: 0; text-align: right;}
.inproduct-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 36px; line-height: 36px; margin-left: 12px; border: 1px solid #c8c8c8; font-size: 16px; color: #7f7f7f; cursor: pointer; padding: 0 25px;}
.inproduct-tabtit li.active{background: #094594; border-color: #094594; color: #fff;}
.inproduct-tabcont{margin-top: 60px;}
.inproduct-list ul{margin: -11px; overflow: hidden;}
.inproduct-list li{width: 326px; float: left; margin: 11px;}
.inproduct-list li .pic{border: 1px solid #e2e2e2; border-bottom: 0; background: #fff; overflow: hidden;}
.inproduct-list li .pic img{display: block; width: 100%; height: 324px; transition: transform 1s;}
.inproduct-list li .text{display: block; background: #e2e2e2; padding: 20px 52px 20px 22px; border-bottom: 2px solid #c7c7c7; position: relative;}
.inproduct-list li .title{height: 26px; line-height: 26px; font-size: 18px; color: #1b1b1b; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color .4s;}
.inproduct-list li .desc{height: 20px; line-height: 20px; font-size: 14px; color: #828282; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 4px; transition: color .4s;}
.inproduct-list li .more{width: 19px; height: 9px; background: url(../images/inpro-more.png) no-repeat; position: absolute; right: 28px; top: 29px;}
.inproduct-list li .line{width: 0; height: 2px; background: #85c624; position: absolute; left: 0; bottom: -2px; transition: width .5s;}
.inproduct-list li:hover .pic img{transform: scale(1.1);}
.inproduct-list li:hover .text{background: #094594;}
.inproduct-list li:hover .title,.inproduct-list li:hover .desc{color: #fff;}
.inproduct-list li:hover .more{background: url(../images/inproh-more.png) no-repeat;}
.inproduct-list li:hover .line{width: 100%;}
.inproduct-tabitem{display: block!important; height: 0; opacity: 0; visibility: hidden;}
.inproduct-tabitem.tactive{height: auto; opacity: 1; visibility: visible; transition: opacity .5s;}
.inproduct-slick{margin: 0 -11px;}
.inproduct-slick .slick-slide{width: 348px; float: left;}
.inproduct-slick .slick-slide .item{margin: 0 11px;}
.inproduct-slick .slick-slide .pic{border: 1px solid #e2e2e2; border-bottom: 0; background: #fff; overflow: hidden;}
.inproduct-slick .slick-slide .pic img{display: block; width: 100%; height: 324px; transition: transform 1s;}
.inproduct-slick .slick-slide .text{display: block; background: #e2e2e2; padding: 20px 52px 20px 22px; border-bottom: 2px solid #c7c7c7; position: relative;}
.inproduct-slick .slick-slide .title{height: 26px; line-height: 26px; font-size: 18px; color: #1b1b1b; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color .4s;}
.inproduct-slick .slick-slide .desc{height: 20px; line-height: 20px; font-size: 14px; color: #828282; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 4px; transition: color .4s;}
.inproduct-slick .slick-slide .more{width: 19px; height: 9px; background: url(../images/inpro-more.png) no-repeat; position: absolute; right: 28px; top: 29px;}
.inproduct-slick .slick-slide .line{width: 0; height: 2px; background: #85c624; position: absolute; left: 0; bottom: -2px; transition: width .5s;}
.inproduct-slick .slick-slide .item:hover .pic img{transform: scale(1.1);}
.inproduct-slick .slick-slide .item:hover .text{background: #094594;}
.inproduct-slick .slick-slide .item:hover .title,.inproduct-slick .slick-slide .item:hover .desc{color: #fff;}
.inproduct-slick .slick-slide .item:hover .more{background: url(../images/inproh-more.png) no-repeat;}
.inproduct-slick .slick-slide .item:hover .line{width: 100%;}
.inproduct-slick .slick-prev,.inproduct-slick .slick-next{width: 44px; height: 44px; line-height: 44px; font-family: serif; font-size: 20px; font-weight: bold; text-align: center; background: #e2e2e2; border-radius: 50%; margin-top: -22px; transition: background .5s,color .5s;}
.inproduct-slick .slick-prev{left: -50px;}
.inproduct-slick .slick-next{right: -50px;}
.inproduct-slick .slick-prev:hover,.inproduct-slick .slick-next:hover{background: #094594; color: #fff;}
@media only screen and (max-width: 1399px){
	.inproduct-list ul{margin: -10px;}
	.inproduct-list li{width: 285px; margin: 10px;}
	.inproduct-list li .pic img{height: 283px;}
	.inproduct-list li .text{padding-left: 16px; padding-right: 46px;}
	.inproduct-list li .more{right: 16px;}
	.inproduct-slick{margin: 0 -10px;}
	.inproduct-slick .slick-slide{width: 302px;}
	.inproduct-slick .slick-slide .item{margin: 10px;}
	.inproduct-slick .slick-slide .pic img{height: 283px;}
	.inproduct-slick .slick-slide .text{padding-left: 16px; padding-right: 46px;}
	.inproduct-slick .slick-slide .more{right: 16px;}
	.inproduct-slick .slick-prev,.inproduct-slick .slick-next{width: 36px; height: 36px; line-height: 36px; font-size: 16px;  margin-top: -18px;}
	.inproduct-slick .slick-prev{left: -40px;}
	.inproduct-slick .slick-next{right: -40px;}
}
/*首页---案例现场*/
.incase{height: 833px; position: relative; overflow: hidden;}
.incase-pic{width: 1920px!important; height: 833px!important; overflow: hidden; position: absolute!important; left: 50%!important; top: 0!important; margin-left: -960px;}
.incase-pic span{display: block;}
.incase-pic img{display: block; width: 100%; height: 833px; max-width: none;}
.incase-box{width: 1370px; height: 100%; margin: 0 auto; position: relative; z-index: 2;}
.incase-box .inentitle{color: #fff; padding-top: 90px;}
.incase-box .intitle{color: #fff;}
.incase-box .more{display: block; width: 104px; height: 32px; line-height: 32px; margin-top: 96px; background: url(../images/casenext-bg.png) no-repeat right center; padding-left: 18px; position: relative; color: #fff; font-size: 18px;}
.incase-box .more i{display: block; width: 32px; height: 32px; background: #094594; border-radius: 50%; position: absolute; left: 0; top: 0; z-index: 1; transition: all .8s ease-in-out 0s;}
.incase-box .more span{position: relative; z-index: 2;}
.incase-box .more:hover{transform: translateX(12px);}
.incase-box .more:hover i{transform: rotateY(180deg);}
.incase-tabcont{width: 296px; background: #fff; padding: 6px 41px 25px 41px; position: absolute; right: 0; top: 210px;}
.incase-tabcont .title{height: 40px; line-height: 40px; padding-bottom: 8px; border-bottom: 1px solid #ebebeb; font-size: 20px; font-weight: bold; color: #161616;}
.incase-slick{margin-top: 21px; border: 1px solid #ebebeb;}
.incase-item{display: block!important; height: 0; opacity: 0; visibility: hidden;}
.incase-item.shauto{height: auto; opacity: 1; visibility: visible; transition: opacity .5s,visibility .5s;}
.incase-slick .slick-slide{width: 296px; position: relative;}
.incase-slick .slick-slide img{width: 100%; height: 230px;}
.incase-slick .slick-slide .name{height: 48px; line-height: 48px; background: #f0f0f0; font-size: 16px; text-align: center; padding: 0 10px; overflow: hidden;}
.incase-slick .slick-prev,.incase-slick .slick-next{width: 32px; height: 40px; background-color: #ebebeb; background-repeat: no-repeat; background-image: url(../images/case-icon.png); margin-top: -20px;}
.incase-slick .slick-prev{background-position: 0 0; left: -42px;}
.incase-slick .slick-next{background-position: -32px 0; right: -42px;}
.incase-slick .slick-prev:hover,.incase-slick .slick-next:hover{background-color: #094594;}
.incase-slick .slick-prev:hover{background-position: 0 -40px;}
.incase-slick .slick-next:hover{background-position: -32px -40px;}
.incase-tabtit{width: 100%; padding: 34px 0 42px 0; position: absolute; left: 0; bottom: 0;}
.incase-tabtit .bg{width: 1920px; height: 100%; background: #000; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 50%; top: 0; margin-left: -960px; z-index: 1;}
.incase-tabtit p{font-size: 20px; color: #cecece; margin-bottom: 25px; position: relative; z-index: 2;}
.incase-tabtit p span{color: #7ac00f;}
.incase-tabtit ul{overflow: hidden; position: relative; z-index: 2;}
.incase-tabtit li{width: 194px; float: left; border-left: 1px solid #ebebeb; height: 80px; cursor: pointer; position: relative;}
.incase-tabtit li.first{border-left: 0;}
.incase-tabtit li .btns{height: 80px; line-height: 80px; font-size: 0; text-align: center; background: #fff;}
.incase-tabtit li .btns i,.incase-tabtit li .btns span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.incase-tabtit li .btns i{width: 30px; height: 30px; background-repeat: no-repeat; background-position: 0 0;}
.incase-tabtit li .btns span{font-size: 18px; color: #222; margin-left: 10px;}
.incase-tabtit li .line{width: 0; height: 4px; background: #7ac00f; position: absolute; left: 0; bottom: 0; transition: width .5s;}
.incase-tabtit li.active .btns{background: #094594; background-position: center -80px;}
.incase-tabtit li.active .btns i{background-position: 0 -30px;}
.incase-tabtit li.active .btns span{color: #fff;}
.incase-tabtit li.active .line{width: 100%;}
@media only screen and (max-width: 1399px){
	.incase{height: 720px;}
	.incase-pic{width: 1660px!important; height: 720px!important; margin-left: -830px;}
	.incase-pic img{height: 720px;}
	.incase-box{width: 1200px;}
	.incase-box .inentitle{padding-top: 60px;}
	.incase-box .more{margin-top: 80px;}
	.incase-tabcont{top: 120px;}
	.incase-tabtit{padding: 24px 0 36px 0;}
	.incase-tabtit p{margin-bottom: 16px;}
	.incase-tabtit li{width: 170px;}
	.incase-tabtit li .btns span{font-size: 15px; margin-left: 4px;}
}
/*首页---定制流程*/
.inprocess{background: url(../images/inprocess-inbg.jpg) repeat; padding-top: 40px;}
.inprocess .title{font-size: 38px; font-weight: bold; color: #000; line-height: 1.1;}
.inprocess .title span{color: #094594;}
.inprocess .desc{font-size: 20px; color: #323232; margin-top: 20px;}
.inprocess .tel{height: 46px; position: relative; margin-top: -46px;}
.inprocess .tel span{display: block; width: 260px; height: 46px; line-height: 46px; background: url(../images/proctel-bg.png) no-repeat 31px center #094594; border-radius: 23px; box-shadow: 6px 10px 20px rgba(0,103,213,.59); font-family: "Arial"; font-size: 20px; color: #fff; text-indent: 65px; position: absolute; right: 0; top: 0;}
.inprocess-box{margin-top: 30px; overflow: hidden;}
.inprocess-box ul{margin: 0 -31px;}
.inprocess-box li{width: 141px; float: left; margin: 0 31px; padding: 44px 0 54px 0; position: relative;}
.inprocess-box li .icon{width: 36px; height: 36px; background: url(../images/process-icon.png) no-repeat; transition: background .5s; margin: 0 auto; position: relative; z-index: 2;}
.inprocess-box li .ico1{background-position: 0 0;}
.inprocess-box li .ico2{background-position: -36px 0;}
.inprocess-box li .ico3{background-position: -72px 0;}
.inprocess-box li .ico4{background-position: -108px 0;}
.inprocess-box li .ico5{background-position: -144px 0;}
.inprocess-box li .ico6{background-position: -180px 0;}
.inprocess-box li .ico7{background-position: -216px 0;}
.inprocess-box li .next{width: 12px; height: 22px; background: url(../images/process-next.png) no-repeat; position: absolute; left: -37px; top: 64px;}
.inprocess-box li .name{font-size: 18px; color: #434343; text-align: center; line-height: 28px; margin-top: 6px; position: relative; z-index: 2;}
.inprocess-box li .num{font-size: 12px; color: #434343; text-align: center; line-height: 20px; margin-top: 12px; position: relative; z-index: 2;}
.inprocess-box li .bg{width: 100%; height: 100%; background: #094594; position: absolute; left: 0; bottom: -100%; z-index: 1; transition: all .6s;}
.inprocess-box li.active .ico1{background-position: 0 -36px;}
.inprocess-box li.active .ico2{background-position: -36px -36px;}
.inprocess-box li.active .ico3{background-position: -72px -36px;}
.inprocess-box li.active .ico4{background-position: -108px -36px;}
.inprocess-box li.active .ico5{background-position: -144px -36px;}
.inprocess-box li.active .ico6{background-position: -180px -36px;}
.inprocess-box li.active .ico7{background-position: -216px -36px;}
.inprocess-box li.active .name,.inprocess-box li.active .num{color: #fff;}
.inprocess-box li.active .bg{bottom: 0;}
@media only screen and (max-width: 1399px){
	.inprocess-box ul{margin: 0 -24px;}
	.inprocess-box li{width: 130px; margin: 0 24px;}
	.inprocess-box li .next{left: -30px;}
}
/*首页---关于我们*/
.inabout{background: #094594; padding: 100px 0 78px 0;}
.incompany .inentitle{color: #fff;}
.incompany .intitle{color: #fff;}
.incompany .intitle span{color: #7ac00f;}
.incompany .text{width: 554px; float: left;}
.incompany .title{font-size: 24px; color: #fff; margin-top: 40px;}
.incompany .line{width: 56px; height: 2px; background: #fff; margin-top: 28px;}
.incompany .desc{font-size: 16px; height: 128px; line-height: 32px; color: #fff; text-align: justify; margin-right: 10px; margin-top: 44px; overflow: hidden;}
.incompany .more{display: block; width: 122px; height: 46px; padding-right: 41px; position: relative; margin-top: 32px;}
.incompany .more span{display: block; width: 122px; height: 46px; line-height: 46px; background: #7ac00f; font-size: 16px; color: #fff; text-align: center;}
.incompany .more i{display: block; width: 38px; height: 40px; border: 3px solid #7ac00f; border-left: 0; background: url(../images/inabt-more.png) no-repeat center; position: absolute; right: 0; top: 0;}
.incompany .more:hover{transform: translateX(10px);}
.incompany .pic{width: 686px; float: right; margin-top: 10px;}
.inabout-list{margin-top: 64px; overflow: hidden;}
.inabout-list ul{margin: -11px; position: relative; overflow: hidden; white-space: nowrap;}
.inabout-list li{width: 210px; margin: 11px; overflow: hidden; display: inline-block;}
.inabout-list li img{display: block; width: 100%; height: 200px; transition: transform .8s;}
.inabout-list li:hover img{transform: scale(1.1);}
@media only screen and (max-width: 1399px){
	.incompany .text{width: 530px;}
	.incompany .title{font-size: 23px; margin-top: 34px;}
	.incompany .line{margin-top: 20px;}
	.incompany .desc{font-size: 15px; height: 120px; line-height: 30px; margin-top: 34px;}
	.incompany .more{margin-top: 18px;}
	.incompany .pic{width: 610px;}
	.inabout-list ul{margin: -9px;}
	.inabout-list li{width: 185px; margin: 9px;}
	.inabout-list li{height: 176px;}
}
/*首页---合作伙伴*/
.inpartner{background: #fff; padding: 58px 0 70px 0;}
.inpartner-more{margin-top: -26px; text-align: right; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; margin-bottom: 30px;}
.inpartner-more a{color: #b5b5b5;}
.inpartner-more a:hover{color: #094594;}
.inpartner-list ul{margin: -9px; position: relative; overflow: hidden;}
.inpartner-list li{width: 178px; float: left; margin: 9px; height: 96px; line-height: 96px; text-align: center; background: #fff; border: 1px solid #e1e1e1; transition: border-color .5s; overflow: hidden;}
.inpartner-list li img{max-width: 92%; max-height: 92%;}
.inpartner-list li:hover{border-color: #094594;}
@media only screen and (max-width: 1399px){
	.inpartner-list ul{margin: -7.8px;}
	.inpartner-list li{width: 156px; margin: 7.8px; height: 84px; line-height: 84px;}
}
/*首页---新闻资讯*/
.innews{background: #f1f4f6; padding: 70px 0 110px 0; position: relative;}
.innews-tabbox{margin-top: -38px;}
.innews-tabtit ul{font-size: 0; text-align: right;}
.innews-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 12px; height: 36px; line-height: 36px; border: 1px solid #c8c8c8; font-size: 16px; color: #7f7f7f; padding: 0 26px; cursor: pointer;}
.innews-tabtit li.active{background: #094594; border-color: #094594; color: #fff;}
.innews-tabcont{margin-top: 30px; border-top: 1px solid #d8dbdd; padding-top: 42px;}
.innews-list ul{margin: -12px -15px; *overflow: hidden;}
.innews-list li{width: 320px; float: left; margin: 12px 15px;}
.innews-list li .pic{height: 250px; background: #d5d5d5; overflow: hidden;}
.innews-list li .pic img{display: block; width: 100%; min-height: 250px; transition: transform .8s;}
.innews-list li .text{display: block; background: #fff; padding: 16px 30px 24px 20px; position: relative;}
.innews-list li .title{    overflow: hidden;height: 24px; line-height: 24px; font-size: 18px; color: #323232; transition: color .4s;}
.innews-list li .time{height: 20px; line-height: 20px; font-size: 14px; color: #c3c3c3; margin-top: 4px; transition: color .4s;}
.innews-list li .desc{height: 44px; line-height: 22px; font-size: 14px; color: #7d7d7d; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 10px; transition: color .4s;}
.innews-list li .line{display: block; width: 0; height: 2px; background: #7ac00f; position: absolute; left: 0; bottom: 0; transition: width .5s;}
.innews-list li:hover{box-shadow: 10px 6px 10px rgba(163,163,163,.35);}
.innews-list li:hover .pic:hover img{transform: scale(1.1);}
.innews-list li:hover .text{background: #094594;}
.innews-list li:hover .title,.innews-list li:hover .desc{color: #fff;}
.innews-list li:hover .time{color: #fff; filter: alpha(opacity: 50); opacity: .5;}
.innews-list li:hover .line{width: 100%;}
@media only screen and (max-width: 1399px){
	.innews-list li .pic{height: 220px;}
	.innews-list li .pic img{min-height: 220px;}
	.innews-list ul{margin: -10px -12px;}
	.innews-list li{width: 282px; margin: 10px 12px;}
}
/*首页---友情链接*/
.links{background: #303030; padding: 36px 0; position: relative; overflow: hidden;}
.links span{display: block; float: left; height: 40px; line-height: 40px; font-family: "WombyRegularf"; font-size: 30px; color: #7ac00f;}
.links ul{margin-left: 82px; overflow: hidden; padding-left: 16px;}
.links li{min-width: 60px; float: left; margin: 0 16px; height: 40px; line-height: 40px; font-size: 14px; color: #9c9c9c; text-align: center;}
.links li a{color: #9c9c9c;}
.links li a:hover{color: #7ac00f;}

/*---左菜单---*/
.index-product{padding: 66px 0;}
.product-inbox{margin-top: 26px;}
.product-inleft{width: 280px; float: left; background: #094594;}
.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: #f5f5f5; 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: #000;}
.product-inmenu .dt a:hover{background: #df0522; 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: #094594;}
.product-inmenu .dd li.active a{color: #094594!important;}
.product-inmenu .down{ color: #fff; background: #df0522;}
.product-inmenu .down a {color: #fff; }
.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: 1022px; 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: #094594; 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;}
.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: #000; filter: alpha(opacity: 40); opacity: .4; 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;}


/*内页*/
.ny-banner{height: 350px; 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; text-shadow: 6px 0 38px rgba(0,0,0,.71);}
.ny-banner .text p{font-size: 18px; color: #fff; text-align: center; margin-top: 16px;}

/*栏目左边当前位置*/
.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: 28px; 
	position: relative;
    width: 600px;
	height: 97px;
}
.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: 600px; float: right;}
.prodetails-right .share a{transition: all 0s;}
.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: 164px; 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: 50px;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: 145px; 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 {float: left; width: 1040px; text-align: center;}
.prodetails-dbox-right {float: right; width: 260px; border: 1px solid #e8e8e8; background-color: #fff;}
.prodetails-dbox-right ul li {width: 258px;}
.prodetails-dbox-right ul li img{width: 100%;}
.prodetails-dbox-right ul li p {text-align: center; font-size: 16px; line-height: 24px;height: 24px; margin: 8px 0;}
.dbox-right-title {height:50px; line-height: 50px; font-size: 20px; text-align: center;}
/*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: #094594;color: #fff;border: 1px solid #094594;}
.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; padding-bottom: 20px;}
.details-prevnext > div{padding: 5px 0;}
.other-recommend{background: #fff; position: relative; overflow: hidden; 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;}

/*下载中心*/

.download{border-top: 1px dashed #d2d2d2;margin-top: 20px;margin-bottom: 95px;}

.download ul{border-bottom: 1px dashed #d2d2d2;overflow: hidden;line-height: 35px;padding-top: 28px;padding-bottom: 25px;}

.download ul h1{float: left;color: #000000;font-size: 18px;height: 35px;overflow: hidden;font-weight: 600;}

.download1{width: 92%;float: left;padding: 20px 0 20px 20px;}

.download1 li{overflow: hidden; line-height: 35px; height: 35px; width: 100%;}

.download1 li img{width: 22px;float: left;margin-top: 7px;}

.download1 li p{float: left;color: #000000;margin-left: 10px;}

.download1 dl{float: left;overflow: hidden;color: #777777;margin-left: 20px;}

.download1 dl dt{display: inline-block;vertical-align: top;color: #777777;}
/*内页---合作伙伴*/
.inpartner-ny-list ul{margin: -15px; position: relative; overflow: hidden;}
.inpartner-ny-list li{width: 178px; float: left; margin: 15px; height: 96px; line-height: 96px; text-align: center; background: #fff; border: 1px solid #e1e1e1; transition: border-color .5s; overflow: hidden;}
.inpartner-ny-list li img{max-width: 92%; max-height: 92%;}
.inpartner-ny-list li:hover{border-color: #094594;}

@media only screen and (max-width: 1399px){
	.prodetails-right {width: 500px;}
	.product-smallpic {width: 500px; height: 77px;}
	.prodetails-desc {height: 185px;}
	.prodetails-dbox-left {width: 880px;}
	.prodetails-tabtit li {min-width: 113px;}
	.product-inright{width: 895px;}
	.inpartner-ny-list ul{margin: -13px;}
	.inpartner-ny-list li{width: 156px; margin: 13px; height: 84px; line-height: 84px;}
}

.about-tit{
	text-align: center;
	padding: 52px 0 38px;
}
.about-tit p{
	font-size: 22px;
	line-height: 22px;
	color: #222;
	font-family: Arial;
	opacity: .2;
	text-transform: uppercase;
}
.about-tit h2{
	font-size: 38px;
	font-weight: bold;
	color: #222;
}
.about-tit em{
	display: block;
	width: 48px;
	height: 3px;
	background: #88c728;
	position: relative;
	margin: 16px auto;
}
.about-tit em i{
	display: block;
	width: 50%;
	height: 100%;
	background: #094594;
	position: absolute;
	left: 0;
	top: 0;
}

.about-nav{
	width: 100%;
	min-width: 1200px;
	background: #fff;
	position: relative;
	z-index: 22;
}
.about-nav.fixed{
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	position: fixed;
	left: 0;
	top: 0;
}
.about-nav ul{
	text-align: center;
	font-size: 0;
	margin: 0 auto;
}
.about-nav ul li{
	height: 60px;
	line-height: 60px;
	display: inline-block;
	width: 170px;
	border-left: 1px solid #eee;
	border-bottom: 0px solid #094594;
	font-size: 18px;
	color: #222;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
	transition: .08s;
}
.about-nav ul li:last-child{
	border-right: 1px solid #eee;
}
.about-nav ul li:hover{
	border-bottom: 3px solid #094594;
	color: #094594;
}
.about-nav ul li.on{
	border-bottom: 3px solid #094594;
	color: #094594;
}
.fix60{height: 0;}
.about-plate-01{
	height: 700px;
	background: url("../images/about-inner-bg-01.jpg") no-repeat center;
}
.about-plate-01 .con{
	width: 1370px;
	margin: 0 auto;
}
.about-plate-01 .left-box{
	float: left;
	padding-top: 100px;
	width: 574px;
}
.about-plate-01 .left-box img{
	display: block;
	width: 100%;
}

.about-plate-01 .right-text{
	float: right;
	width: 716px;
	padding-top: 138px;
}
.about-plate-01 .right-text h4{
	font-size: 22px;
	font-family: Arial;
	color: #fff;
	font-weight: normal;
}
.about-plate-01 .right-text h2{
	font-size: 38px;
	font-weight: bold;
	color: #fff;
}
.about-plate-01 .right-text em{
	display: block;
	width: 48px;
	height: 3px;
	background: #88c728;
	position: relative;
	margin: 18px 0 28px;
}
.about-plate-01 .right-text em i{
	display: block;
	width: 50%;
	height: 100%;
	background: #094594;
	position: absolute;
	left: 0;
	top: 0;
}
.about-plate-01 .right-text h3{
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 30px;
}
.about-plate-01 .right-text p{
	font-size: 15px;
	line-height: 32px;
	color: #fff;
	opacity: .8;
	margin-bottom: 20px;
}

.about-plate-02{}
.about-plate-02 ul{
	text-align: center;
	width: 1370px;
    margin: 0 auto;
}
.about-plate-02 ul li{
	width: 436px;
	height: 290px;
	display: inline-block;
	margin: 0 14px 26px 0;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	text-align: left;
	background: #094594;
}
.about-plate-02 ul li img{
	display: block;
	width: 100%;
	height: 100%;
	transition: .168s;
}
.about-plate-02 ul li:hover img{
	opacity: .1;
}
.about-plate-02 ul li .text-box{
	width: 80%;
	margin: 0 auto;
	position: absolute;
	left: 10%;
	top: 228px;
	transition: .368s;
}
.about-plate-02 ul li:hover .text-box{
	top: 46px;
}
.about-plate-02 ul li h2{
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 1;
	display: inline-block;
}
.about-plate-02 ul li h2 i{
	position: absolute;
	display: block;
	width: 114%;
	height: 4px;
	background: #094594;
	left: -7%;
	bottom: 1px;
	z-index: -2;
	transition: .168s;
}
.about-plate-02 ul li:hover h2 i{
	width: 0;
}
.about-plate-02 ul li em{
	display: block;
	width: 0px;
	height: 3px;
	background: #fff;
	margin: 28px 0 20px;
	transition: .368s;
}
.about-plate-02 ul li:hover em{
	width: 42px;
}
.about-plate-02 ul li p{
	font-size: 16px;
	line-height: 32px;
	color: #fff;
}

.about-plate-03{ 
	background: url("../images/about-inner-bg-02.jpg") center top;
	background-size: cover;
	padding-bottom: 80px;
}
.about-plate-03 .con{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.about-plate-03 .con .e-ico{
	position: absolute;
	left: 50%;
	width: 2px;
	height: 100%;
	background: #88c728;
}
.about-plate-03 .con .e-ico img{
	display: block;
	max-width: none;
    position: absolute;
    left: -10px;
    top: -30px;
}
.about-plate-03 .con .e-ico em{
	background: #094594;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 0;
    left: -5px;
}
.about-plate-03 .con ul:after{
	content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}
.about-plate-03 .con ul{
    padding-top: 56px;
}
.about-plate-03 .con ul li{
	text-align: left;
	float: right;
	width: 50%;
	margin-bottom: 48px;
	box-sizing: border-box;
	padding-left: 30px;
	clear: both;
	position: relative;
}
.about-plate-03 .con ul li:nth-child(2n){
	text-align: right;
	float: left;
	padding-right: 30px;
	padding-left: 0;
}
.about-plate-03 .con ul li em{
	width: 20px;
	height: 20px;
	border: 2px solid #094594;
	background: #fff;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: -11px;
}
.about-plate-03 .con ul li:nth-child(2n) em{
	left: inherit;
	right: -13px;
}
.about-plate-03 .con ul li em i{
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #094594;
	margin: 4px;
}
.about-plate-03 .con ul li h2{
	font-size: 22px;
	height: 28px;
	line-height: 28px;
	color: #094594;
	font-weight: normal;
	margin-bottom: 8px;
}
.about-plate-03 .con ul li h2 strong{
	font-family: Arial;
	font-weight: bold;
}
.about-plate-03 .con ul li:nth-child(2n) h2 strong{
	float: right;
}
.about-plate-03 .con ul li p{
	color: #777777;
	font-size: 16px;
}

.about-plate-04{padding-bottom: 54px;}

.about-plate-05{
	background: url("../images/about-inner-bg-03.jpg") no-repeat center bottom;
	padding-bottom: 116px;
	position: relative;
	overflow: hidden;
}

.about-brand ul{font-size: 0; text-align: center; margin: -10px -8px; position: relative; overflow: hidden;}
.about-brand li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 16.66%; *width: 16.62%;}
.about-brand li .item{height: 96px; margin: 10px 8px;  background: #fff; font-size: 0; text-align: center; border: 2px solid #cecece;}
.about-brand li i,.about-brand li img{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.about-brand li i{width: 0; height: 100%;}
.about-brand li img{max-width: 90%; max-height: 80px;}

.about-team-box-01{
	background: url("../images/about-inner-bg-04.jpg") no-repeat center;
	position: relative;
	z-index: 2;
}
.about-team-box-01 .con{
	width: 1370px;
	margin: 0 auto;
	padding: 106px 0 56px;
	position: relative;
}
.about-team-box-01 .tit{
	width: 450px;
	position: relative;
}
.about-team-box-01 .tit h3{
	font-size: 124px;
	height: 124px;
	line-height: 124px;
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	font-family: Arial Black;
	top: -14px;
	left: -29px;
}
.about-team-box-01 .tit h2{
	font-size: 38px;
	font-weight: bold;
	color: #222;
	position: relative;
	z-index: 1;
	padding-top: 49px;
}
.about-team-box-01 .tit em{
		display: block;
	width: 48px;
	height: 3px;
	background: #88c728;
	position: relative;
	margin: 18px 0 28px;
}
.about-team-box-01 .tit em i{
	display: block;
	width: 50%;
	height: 100%;
	background: #094594;
	position: absolute;
	left: 0;
	top: 0;
}
.about-team-box-01 .tit p{
    font-size: 16px;
    line-height: 36px;
    color: #222;
}
.about-team-box-01 .con > img{
	display: block;
	position: absolute;
	right: 0;
	top: 106px;
}
.about-team-box-02{
	background: #094594;
	position: relative;
	z-index: 1;
}
.about-team-box-02 .con{
	width: 1370px;
	margin: 0 auto 0;
	padding: 23px 0 76px;
}
.about-team-box-02 .tit{
	position: relative;
}
.about-team-box-02 .tit img{
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.about-team-box-02 .tit h2{
	position: relative;
	z-index: 2;
	font-size: 38px;
	color: #fff;
	font-weight: bold;
	padding-top: 40px;
}

.about-team-swiper{
	width: 100%;
	overflow: hidden;
	margin-top: 36px;
}
.about-team-swiper ul{
	white-space: nowrap;
}
.about-team-swiper ul li{
	width: 445px; float: left;
	display: inline-block;
	margin: 0 10px;
}
.about-team-swiper ul li img{
	display: block;
	width: 100%;
}

.about-plate-06 {
	padding-bottom: 60px;
}
.about-plate-06 .con:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.about-plate-06 .con{
	width: 1370px;
	margin: 0 auto;

}
.about-plate-06 .con .tel-box{
	float: left;
	width: 372px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,.1);
	position: relative;
	box-sizing: border-box;
	padding: 16px 30px 33px 36px;
	top: 16px;
}
.about-plate-06 .con .tel-box em{
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 100%;
	background: #88c728;
}
.about-plate-06 .con .tel-box em i{
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	background: #094594;
}
.about-plate-06 .con .tel-box h2{
	font-size: 24px;
	color: #094594;
	height: 66px;
	line-height: 66px;
	border-bottom: 1px solid #e9e9e9;
}
.about-plate-06 .con .tel-box p{
	font-size: 15px;
	color: #222;
	line-height: 38px;
	padding-top: 10px;
}
.about-plate-06 .con img{
	float: right;
	display: block;
}

.about-plate-06 .con .tel-item{
	float: left;
	width: 314px;
	min-height: 320px;
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,.1);
	margin-top: 76px;
	margin-right: 38px;
}
.about-plate-06 .con .tel-item:last-child{
	margin-right: 0;
}
.about-plate-06 .con .tel-item h2{
    font-size: 18px;
    color: #222;
    height: 76px;
    line-height: 78px;
    border-bottom: 1px solid #e9e9e9;
    padding-left: 24px;
}
.about-plate-06 .con .tel-item p{
    font-size: 14px;
    color: #5a5a5a;
    line-height: 32px;
    padding: 22px 24px;
}



@media screen and (max-width: 1440px) {
	.ryzz_box{
		width: 1200px;
		margin: 0 auto;
	}
	.about-nav ul li{
		width: 140px;
		height: 52px;
		line-height: 52px;
	}
	.about-plate-01 {
		height: 568px;
	}
	.about-plate-01 .con{
		width: 1200px;
	}
	.about-plate-01 .left-box {
		padding-top: 68px;
		width: 518px;
	}
	.about-plate-01 .right-text {
		width: 642px;
		padding-top: 84px;
	}
	.about-plate-01 .right-text em {
		margin: 18px 0 20px;
	}
	.about-plate-01 .right-text h3 {
		margin-bottom: 20px;
	}
	.about-plate-01 .right-text p{
		margin-bottom: 10px;
	}
	.about-plate-02 ul li {
    	width: 400px;
		height: 270px;
	}
	.about-plate-02 ul li .text-box {
		top: 210px;
	}
	
	.about-team-box-01 .con{
		width: 1200px;
	}
	.about-team-box-01 .tit h3 {
		font-size: 108px;
		top: -24px;
	}
	.about-team-box-01 .tit h2{
		padding-top: 32px;
	}
	.about-team-box-01 .tit p{
		line-height: 30px;
	}
	.about-team-box-01 .con > img {
		width: 734px;
	}
	
	.about-team-box-02 .con{
		width: 1200px;
	}
	.about-team-box-02 .tit img {

		width: 275px;
	}
	.about-team-box-02 .tit h2 {
		
		padding-top: 22px;
	}
	.about-plate-06 .con{
		width: 1200px;
	}
	.about-plate-06 .con img{
		width: 800px;
	}
	.about-plate-06 .con .tel-box{
		top: 0;
		width: 350px;
	}
	.about-plate-06 .con .tel-box h2{
		font-size: 22px;
	}
	.about-plate-06 .con .tel-box p{
		line-height: 36px;
	}
	.about-plate-06 .con .tel-item {
		
		width: 280px;
		margin-top: 54px;
		margin-right: 26px;
	}
}

.detailx .metatitle {
		background-color: #dcdddd;
		width: 200px;
		border: solid 1px #000;
	}

	.detailx .metatitle p {
		margin-left: 20px;
		font-weight: bold;
		font-size: 16px
	}

	.detailx .metanr {
		width: 100%;
		height: 350px;
	}

	.detailx .metanr .metaleft {
		float: left;
		width: 350px;
		height: 100%;
	}

	.detailx .metanr .metaleft img {
		display: block;
		width: 100%;
		height: 100%;
	}

	.detailx .metanr .metaright {
		width: calc(100% - 350px);
		float: right;
		display: block;
		box-sizing: border-box;
		padding-top: 10%;
	}
	.detailx .metanr .metaright p{
		margin: 0 20px;
	}

	.dxyyx{
		width: 32.33%;
		float: left;
		height: 350px;
		/* border: solid 1px; */
	}
	.dxyypic{
		text-align: center;
		display: block;
		width: 100%;
	}
	.dxyypic img{
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
	.dxyyde{
		width: 100%;
		height: auto;
		text-align: center;
	}
	.dxyyde p{
		margin: 10px 40px 0px 40px;
	}
	
	.linex{
		background-color: #013b90;
		width: 100%;
		height: 2px;
		margin: 40px 0;
		content: "";
	}
	@media screen and ( max-width: 768px ) {
		.detailx .metanr .metaleft {
		float: unset;
		width: unset;
		height: unset;
	}
		.detailx .metanr .metaright {
		width: unset;
		float: unset;
		display: block;
		box-sizing: border-box;
		padding-top: 10%;
	}
	.detailx .metanr {
		width: 100%;
		height: unset;
	}

	.dxyyde{
		text-align: center !important;
	}
	}

	.ryzz_box{
		width: 1370px;
		margin: 0 auto;
	}
	.ryzz_item img{
		box-sizing: border-box;
		padding: 0 10px;
	}
	.ryzz_box .slick-dots{
		bottom: -30px;
	}
	.ryzz_box .slick-dots li button{
		background: #eee !important;
	}
	.ryzz_box .slick-dots li.slick-active button{
		background: #094594 !important;
	}