body,html{height:100%;position:relative;}
.wide{width:1200px;margin:0 auto}
em,i{font-style:normal}
/*img {max-width: 100%;}*/
a:focus{outline:none;}

.icon1 {display: inline-block; background: url(../images/icon1.png) no-repeat;}

/*顶部*/
.header-top {height: 30px; line-height: 29px; border-bottom: 1px solid #ddd; background-color: #f4f4f4; color: #888; font-size: 12px;}
.header-top a .i1 {display: inline-block; width: 25px; height: 13px; background: url(../images/i1.png) no-repeat; vertical-align: -2px;}
.header-top a {color: #888; margin: 0 15px;}
.header-top a:last-child {margin-right: 0;}

.header-cont {height: 110px;}
.logo-img-a {float: left; line-height: 108px;}
.logo-img-a .t {float: right; line-height: initial; margin-left: 15px; margin-top: 30px;}
.logo-img-a .t h2 {font-size: 21px;}
.logo-img-a .t p {color: #666; margin-top: 5px;}
.search {margin-left: 20px; margin-top: 37px; height: 36px;}
.search form {height: 100%;}
.search .sea-in {float: left; width: 320px; border: 2px solid #004893; height: 100%;}
.nice-select {float: left; width: 69px; height: 100%; line-height: 32px; position:relative; color: #acacac; font-size: 12px;}
.nice-select input{display: block;width: 100%; height: 100%;line-height: 32px; border: 0;outline: 0; background: url(../images/san.png) no-repeat right center; text-align: left; text-indent: 8px; color: #acacac; font-size: 12px; cursor: pointer;}
.nice-select ul{width: 100%;display: none;position: absolute;left: 0; top: 34px; overflow: hidden; z-index: 9999; border: 1px solid #dcdcdc;}
.nice-select ul li{height: 100%;line-height: 32px;overflow: hidden;cursor: pointer;text-align: left; text-indent: 8px; color: #666;font-size: 12px; border-bottom: 1px solid #dcdcdc;}
.nice-select ul li:last-child {border-bottom: none;}
.nice-select ul li:hover {color: #fff; background-color: #004893;}
.search .sea-in .in1 {float: left; height: 100%; padding-left: 10px; font-size: 12px;}
.search .in2 {float: left; width: 80px; height: 36px; background-color: #004893; color: #fff; cursor: pointer;}
.header-cont .phone {float: right; margin-top: 30px;}
.header-cont .phone .p1 {font-size: 16px; padding-left: 23px; background: url(../images/phone.png) no-repeat; background-position: left center; color: #666; line-height: 26px;}
.header-cont .phone .p2 {color: #004893; margin-top: 5px;}

.header-bot {height: 52px; background-color: #474747;}
.header-bot .qcpfl {width: 260px; line-height: 52px; background-color: #004893; font-size: 16px; color: #fff; text-indent: 28px; position: relative;}
.header-bot .qcpfl ul {position: absolute; top: 52px; left: 0; background-color: rgba(71, 71, 71, .9); width: 100%; z-index: 99;}
.header-bot .qcpfl.cur ul {display: none;}
.header-bot .qcpfl.cur:hover ul {display: block;}
.header-bot .qcpfl ul li {height: 91px; border-bottom: 1px solid #544d41; padding-top: 18px;}
.header-bot .qcpfl ul li dl {position: absolute; left: 260px; top: 0; height: 550px; background-color: #fff; padding: 0 29px; width: 280px; padding-top: 8px; display: none;}
.header-bot .qcpfl ul li a {display: block; height: 56px; line-height: 56px; background: url(../images/r1.png) no-repeat; background-position: 237px center; color: #fff;}
.header-bot .qcpfl ul li dl dd {height: 50px; line-height: 49px; border-bottom: 1px solid #bfbfbf; font-size: 14px; text-indent: 0;}
.header-bot .qcpfl ul li dl dd a {display: initial; height: auto; line-height: initial; color: #004893;}
.header-bot .qcpfl ul li:hover a {color: #004893; background: url(../images/r2.png) no-repeat; background-position: 237px center; background-color: #fff;}
.header-bot .qcpfl ul li dl dd a:hover {text-decoration: underline;}
.header-bot .nav {float: left; width: 940px;}
.header-bot .nav a {float: left; line-height: 52px; text-align: center; font-size: 16px; width: 117px; color: #fff;}
.header-bot .nav a:hover,.header-bot .nav a.cur {background-color: #004893; color: #fff;}

/* 首页内容 */
.index-box1 {padding-top: 40px; padding-bottom: 58px; background-color: #f2f2f2;}
.name-box {font-size: 28px; color: #333;}
.index-box1 ul {margin-top: 20px;}
.index-box1 ul li {float: left; width: 280px; margin-right: 26px;}
.index-box1 ul li:nth-child(4n) {margin-right: 0;}
.index-box1 ul li .img {height: 230px; position: relative; overflow: hidden;}
.index-box1 ul li .img p {position: absolute; width: 100%; height: 40px; line-height: 40px; background-color: rgba(0,0,0,.6); text-align: center; font-size: 12px; color: #fff; bottom: 0;}
.index-box1 ul li .txt {height: 50px; line-height: 48px; border: 1px solid #c9c9c9;}
.index-box1 ul li .txt p {float: right; font-size: 12px; color: #666;}
.index-box1 ul li .txt p span {font-size: 16px; float: right; margin-left: 10px;}
.index-box1 ul li .txt a {display: block; color: #666; padding-left: 10px; padding-right: 10px;}
.index-box1 ul li .txt:hover {border: 1px solid #004893;}
.index-box1 ul li .txt:hover a {background-color: #004893; color: #fff;}
.index-box1 ul li .txt:hover p {color: #fff;}

.index-box2 {padding-top: 40px; padding-bottom: 58px;}
.index-box2 .box {margin-top: 20px;}
.index-box2 .box .left {position: relative;}
.index-box2 .box .left .txt {position: absolute; bottom: 0; text-align: center; width: 100%; height: 140px; background-color: rgba(0, 0, 0, .5); padding-top: 20px; color: #fff;}
.index-box2 .box .left .txt h2 {font-size: 18px;}
.index-box2 .box .left .txt p {margin-top: 10px;}
.index-box2 .box .left .txt a {display: block; width: 90px; height: 26px; margin: auto; background-color: #004893; color: #fff; line-height: 26px; margin-top: 15px;}
.index-box2 .box ul {width: 852px; height: 688px;}
.index-box2 .box ul li {float: left; width: 264px; height: 335px; border: 1px solid #dcdcdc; text-align: center; margin-right: 30px; margin-bottom: 17px;}
.index-box2 .box ul li:nth-child(3n) {margin-right: 0;}
.index-box2 .box ul li img {width: 215px; height: 215px;}
.index-box2 .box ul li h2 {font-size: 16px; margin-top: 5px;}
.index-box2 .box ul li p {color: #777; margin-top: 5px;}
.index-box2 .box ul li span {display: block; width: 90px; height: 26px; margin: auto; background-color: #004893; color: #fff; line-height: 26px; margin-top: 15px;}

.index-box3 {height: 700px; background: url(../images/bj1.jpg) no-repeat; background-position: center center;}
.index-box3 .wide {position: relative; height: 100%;}
.video_more {position: absolute; width: 455px; height: 186px; left: 112px; top: 196px;}
.index-box3 .txt {float: right; width: 509px; background-color: rgba(0, 0, 0, .5); padding: 0 39px; color: #fff; padding-top: 54px; height: 100%;}
.index-box3 .txt h1 {font-size: 26px;}
.index-box3 .txt p {line-height: 24px; margin-top: 24px;}
.index-box3 .txt ul {margin-top: 40px;}
.index-box3 .txt ul li {float: left; width: 208px; height: 168px; position: relative; margin-right: 15px; margin-bottom: 15px;}
.index-box3 .txt ul li:nth-child(2n) {margin-right: 0;}
.index-box3 .txt ul li i {position: absolute; width: 47px; height: 47px; background: url(../images/i2.png) no-repeat; left: 50%; top: 50%; margin-left: -24px; margin-top: -24px;}
.index-box3 .txt .ckqb-a {display: block; width: 180px; height: 45px; line-height: 45px; border: 1px solid #fff; line-height: 43px; color: #fff; margin: auto; margin-top: 35px; text-align: center;}


.index-box4 {padding-top: 40px; padding-bottom: 58px; background-color: #f2f2f2;}
.index-box4 .ab-txt {line-height: 32px; color: #666; margin-top: 10px;}
.index-box4 .ab-txt ul {margin-top: 20px;}
.index-box4 .aboutimg li{float: left; width: 273px; height: 185px; margin-right: 36px;}
.index-box4 .aboutimg li img{
	width: 100%;
}
.index-box4 ul li:nth-child(4n) {margin-right: 0;}

.index-box5 {padding-top: 40px; padding-bottom: 60px;}
.index-box5 ul {margin-top: 15px;}
.index-box5 ul li {float: left; width: 380px; margin-left: 30px;}
.index-box5 ul li:first-child {margin-left: 0;}
.index-box5 ul li .img {height: 200px; overflow: hidden;}
.index-box5 ul li .txt {height: 169px; padding: 15px; box-shadow: 2px 2px 8px #bbb;}
.index-box5 ul li .txt h2 {font-size: 16px; margin-top: 10px;}
.index-box5 ul li .txt .t {height: 52px; overflow: hidden; line-height: 26px; color: #777; margin-top: 10px;}
.index-box5 ul li .txt .time {margin-top: 10px;}
.index-box5 ul li .txt .time span {color: #777;}
.index-box5 ul li .txt .time a {color: #004893;}
.index-box5 ul li .txt h2 a:hover {color: #004893;}

.index-box6 {padding-top: 40px; padding-bottom: 60px; background-color: #f2f2f2; text-align: center;}
.index-box6 .fourTop h1 {font-size: 28px;}
.index-box6 .fourTop p {color: #666; margin-top: 10px;}
.index-box6 ul {margin-top: 24px;}
.index-box6 ul li {text-align: center; float: left; width: 300px;}
.index-box6 ul li i {width: 122px; height: 122px; background-color: #fff; border-radius: 50%;}
.index-box6 ul li h2 {font-size: 18px; margin-top: 20px;}
.index-box6 ul li p {line-height: 26px; height: 130px; overflow: hidden; padding: 0 15px; margin-top: 15px; color: #666;}
.index-box6 ul li i.i1 {background-position: 0 0;}
.index-box6 ul li i.i2 {background-position: 0 -122px;}
.index-box6 ul li i.i3 {background-position: 0 -244px;}
.index-box6 ul li i.i4 {background-position: 0 -366px;}
.index-box6 ul li:hover i.i1 {background-color: #004893; background-position: -122px 0;}
.index-box6 ul li:hover i.i2 {background-color: #004893; background-position: -122px -122px;}
.index-box6 ul li:hover i.i3 {background-color: #004893; background-position: -122px -244px;}
.index-box6 ul li:hover i.i4 {background-color: #004893; background-position: -122px -366px;}

/* 底部 */
.footer-top {height: 286px; border-bottom: 1px solid #626262; padding-top: 42px; background-color: #434343;}
.footer-top dl {float: left; margin-left: 100px;}
.footer-top dl:first-child {margin-left: 0;}
.footer-top dl dt {font-size: 16px; color: #fff; margin-bottom: 10px;}
.footer-top dl dd {line-height: 27px;}
.footer-top dl dd a {color: #bbb;}
.footer-top dl dd a:hover {color: #fff; text-decoration: underline;}
.footer-top .ewm {text-align: center;}
.footer-top .ewm .img {margin-right: 25px; float: left;width: 120px;height: 120px;}
.footer-top .ewm .img img{width: 100%;}
.footer-top .ewm .img:last-child {margin-right: 0;}
.footer-top .ewm .img p {margin-top: 10px; color: #fff;}

.footer-bot {height: 51px; line-height: 51px; color: #bbb; font-size: 12px; background-color: #434343;}
.footer-bot a {float: right; color: #bbb;}

/* 关于我们 */
.banner-img {height: 550px; position: relative; overflow: hidden;}
.banner-img img {position: absolute; left: 50%; margin-left: -960px; top: 0;}

.history {height: 80px; background-color: #474747;}
.history a {float: left; border-bottom: 3px solid #474747; line-height: 77px; font-size: 16px; color: #fff; margin-right: 55px;}
.history a:hover,.history a.cur {border-bottom: 3px solid #fff;}

.about-txt {margin-top: 36px; padding-bottom: 60px;}

/* 产品 */
.product-box {padding-top: 40px; background-color: #fbfbfb; padding-bottom: 60px;}
.product-box .left {width: 270px;}
.product-box .left h1 {height: 66px; background: url(../images/ba2.jpg) no-repeat; line-height: 66px; text-align: center; color: #fff;}
.product-box .left h1 span {display: inline-block; width: 20px; height: 2px; background-color: #fff; margin: 0 15px; vertical-align: middle;}
.product-box .left ul {padding: 15px 0; background-color: #474747;}
.product-box .left ul li {padding-bottom: 1px; line-height: 53px; padding: 0 11px; position: relative;}
.product-box .left ul li span {display: inline-block; width: 3px; height: 3px; background-color: #fff; vertical-align: middle; margin-left: 5px; margin-right: 10px;}
.product-box .left ul li::after {content: ""; position: absolute; width: 248px; height: 1px; background-color: #747474; bottom: 0; left: 50%; margin-left: -124px;}
.product-box .left ul li:last-child::after {content: ""; position: absolute; width: 248px; height: 1px; background-color: #474747; bottom: 0; left: 50%; margin-left: -124px;}
.product-box .left ul li a {color: #fff; display: block;}
.product-box .left ul li em {float: right;}
.product-box .left ul li dl {height: 0; overflow: hidden;}
.product-box .left ul li dl dd {line-height: 44px; border-bottom: 1px dashed #dcdcdc; text-indent: 32px;}
.product-box .left ul li.cur {background-color: #fff; color: #004893; border-bottom: none;}
.product-box .left ul li.cur:after {opacity: 0;}
.product-box .left ul li.cur dl {height: auto;  padding-bottom: 10px;}
.product-box .left ul li.cur span {background-color: #004893;}
.product-box .left ul li.cur a {color: #004893;}
.product-box .left ul li.cur dl a {color: #666;}
.product-box .left ul li.cur dl a:hover {color: #004893;}

.product-box .right {width: 895px;}
.product-box .right ul {}
.product-box .right ul li {float: left; width: 435px; text-align: center; height: 553px; background-color: #fff; margin-bottom: 28px; margin-right: 25px; box-shadow: 0 0 8px #ddd;}
.product-box .right ul li a {display: block; height: 100%; padding-top: 16px;}
.product-box .right ul li:nth-child(2n) {margin-right: 0;}
.product-box .right ul li h2 {font-size: 20px; font-weight: bold; margin-top: 15px;}
.product-box .right ul li p {font-size: 16px; margin-top: 5px; color: #666;}
.product-box .right ul li span {display: block; width: 128px; height: 37px; line-height: 37px; text-align: center; font-size: 16px; color: #fff; margin: auto; background-color: #004893; margin-top: 15px;}

.pages {text-align: center;font-size: 14px; margin-top: 15px;}
.pages a {display: inline-block; line-height: 34px; margin: 0 5px; padding: 0 15px; border-radius: 6px;  border: 1px solid #c9c9c9;}
.pages a.cur6 {background-color: #004893; border: 1px solid #004893; color: #fff;}

/* 视频 */
.video-box {padding-top: 40px; padding-bottom: 60px;}
.video-box ul li {float: left; width: 280px; margin-right: 26px; margin-bottom: 26px;}
.video-box ul li:nth-child(4n) {margin-right: 0;}
.video-box ul li .img {height: 226px; overflow: hidden; position: relative;}
.video-box ul li .img i {position: absolute; width: 47px; height: 47px; background: url(../images/i2.png) no-repeat; left: 50%; top: 50%; margin-left: -24px; margin-top: -24px;}
.video-box ul li .txt {display: block; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #555555; background-color: #f8f8f8;}
.video-box ul li:hover .txt {background-color: #fff; color: #004893; box-shadow: 2px 2px 8px #ddd;}

/* 视频详情 */
.video-name {text-align: center;}
.video-name h1 {font-size: 26px;}
.video-name p {color: #999; margin-top: 10px;}
.video-div {display: block; width: 828px; height: 668px; margin: auto; margin-top: 45px;}

/* 解决方案 */
.solution-box {margin-top: 40px; padding-bottom: 60px;}
.solution-box .ul1 li {float: left; width: 370px; margin-right: 45px; margin-bottom: 45px; position: relative;}
.solution-box .ul1 li:nth-child(3n) {margin-right: 0;}
.solution-box .ul1 li .txt {position: absolute; width: 100%; height: 124px; top: 50%; margin-top: -62px; text-align: center; color: #fff;}
.solution-box .ul1 li .txt .i3 {display: inline-block; width: 46px; height: 43px; background: url(../images/i3.png) no-repeat;}
.solution-box .ul1 li .txt p {font-size: 20px; font-weight: bold; color: #fff; margin-top: 20px;}
.solution-box .ul1 li .txt span {position: absolute; width: 50px; height: 3px; bottom: 0; left: 50%; margin-left: -25px; background-color: #fff;}

.solution-txt  {padding-bottom: 50px; border-bottom: 1px solid #b5b5b5;}
.solution-txt .left {width: 600px; float: left;}
.solution-txt .left h2 {font-size: 24px; color: #004893; margin-top: 10px; margin-bottom: 15px;}
.solution-txt .left .box1 p {line-height: 26px; height: 104px; overflow: hidden;}
.solution-txt .left .box2 {margin-top: 40px;}
.solution-txt .left .box2 ul li {float: left; margin-right: 25px;}
.solution-txt .left .box2 ul li span {display: inline-block; width: 3px; height: 3px; background-color: #004893; vertical-align: middle; margin-right: 10px;}
.solution-txt .left .box2 ul li a {color: #666;}
.solution-txt .left .box2 ul li a:hover {color: #004893;}
.solution-txt .left .box3 {margin-top: 40px;}
.solution-txt .left .box3 ul li {float: left; width: 136px; height: 136px; overflow: hidden; margin-right: 18px;}
.solution-txt .left .box3 ul li img{float: left; width: 136px; height: 136px; overflow: hidden; margin-right: 18px;}
.solution-txt .left .box3 ul li:nth-child(4n) {margin-right: 0;}

.solution-txt .right {float: right; width: 550px; height: 550px; overflow: hidden;}
.sxg {margin-top: 55px; text-align: center;}
.sxg a {display: inline-block; width: 150px; height: 46px; line-height: 46px; background-color: #bfbfbf; color: #fff; font-size: 16px; margin: 0 4%;}
.sxg a:hover {background-color: #004893;}

/* 新闻 */
.nav-ul {}
.nav-ul li {height: 230px; padding: 25px 28px; background-color: #f6f6f6; overflow: hidden; margin-bottom: 27px;}
.nav-ul li .img {float: left; width: 342px; height: 100%; overflow: hidden;}
.nav-ul li .txt {float: left; width: 680px; margin-left: 50px;}
.nav-ul li .txt h2 {font-size: 24px;}
.nav-ul li .txt p {margin-top: 22px; line-height: 26px; height: 52px; overflow: hidden;}
.nav-ul li .txt .kcxq-a {display: block; width: 100px; height: 34px; line-height: 32px; border: 1px solid #004893; text-align: center; margin-top: 20px; color: #004893;}
.nav-ul li .time {float: right; width: 70px; height: 100%; text-align: center;}
.nav-ul li .time .p1 {font-size: 60px; padding-bottom: 15px; border-bottom: 1px solid #626262;}
.nav-ul li .time .p2 {font-size: 16px; margin-top: 12px;}
.nav-ul li:hover {background-color: #fff; box-shadow: 0 0 8px #ddd;}
.nav-ul li .txt h2 a:hover {color: #004893;}
.nav-ul li .txt .kcxq-a:hover {background-color: #004893; color: #fff;}

.news-txt .txt {margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #626262;}
.n-sgx {margin-top: 20px;}
.n-sgx p {float: left;}
.n-sgx p:last-child {float: right;}
.n-sgx a:hover {color: #004893; text-decoration: underline;}

/* 联系我们 */
.contact-box {padding-top: 40px; padding-bottom: 60px;}
.contact-top .left {float: left; width: 622px; padding-top: 15px;}
.contact-top .left h1 {font-size: 22px;}
.contact-top .left ul {margin-top: 20px; padding-bottom: 26px; border-bottom: 1px solid #bfbfbf;}
.contact-top .left ul li {line-height: 36px; padding-left: 32px; color: #666666;}
.contact-top .left ul li.li1 {background: url(../images/c1.png) no-repeat; background-position: left center;}
.contact-top .left ul li.li2 {background: url(../images/c2.png) no-repeat; background-position: left center;}
.contact-top .left ul li.li3 {background: url(../images/c3.png) no-repeat; background-position: left center;}
.contact-top .left ul li.li4 {background: url(../images/c4.png) no-repeat; background-position: left center;}
.dianhua {margin-top: 25px;}
.dianhua p {float: left; width: 50%; padding-left: 24px; background: url(../images/c5.png) no-repeat; background-position: left center; font-size: 18px;}
.dianhua p:first-child { background: url(../images/c1.png) no-repeat; background-position: left center;}
.dianhua p b {margin-right: 5px; font-size: 14px;}
.contact-top .right {width: 449px; height: 320px; overflow: hidden;}

.contact-box .map {margin-top: 45px;}

/*产品详情*/
.mt35 {margin-top: 35px;}
.contact-dl {background-color: #474747; padding-left: 14px; padding-right: 14px; color: #fff;}
.contact-dl dt { border-bottom: 1px solid #626262; line-height: 40px; font-size: 16px; font-weight: bold;text-align: center;}
.contact-dl dd {width: 220px; margin: auto; line-height: 30px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #626262;}
.contact-dl dd span {width: 65px;}
.contact-dl dd p {padding-left: 65px;}

.pro-det {width: 895px;}
.pro-det .pro-top h1 {font-size: 34px; text-align: center; margin-bottom: 40px;}
.pro-det .pro-top img {max-width: 100%;}
.pro-det .pro-top h2 {font-size: 42px; font-weight: bold; color: #004893; text-align: center; background: url(../images/bj2.png) no-repeat; background-position: center center; margin-top: 60px; margin-bottom: 80px;}

.pro-det .txt {margin-top: 60px;}
.pro-det .txt dd {overflow: hidden; line-height: 50px; margin-bottom: 20px;}
.pro-det .txt dd span {float: left; width: 150px; font-size: 28px; font-weight: bold; color: #004893;}
.pro-det .txt dd p {padding-left: 150px; font-size: 28px;}

.pro-det .pro-bot { margin-top: 70px;}
.pro-det .pro-bot h3 {font-size: 28px; color: #004893; text-align: center; background: url(../images/bj3.png) no-repeat; background-position: center center; margin-bottom: 40px;}

.pro-det .txt table,.pro-det .txt table tr th,.pro-det .txt table tr td{border:1px solid #dcdcdc;}
.pro-det .txt table{background-color: #fff;}
.pro-det .txt table tr{line-height:30px;}
@media screen and (max-width: 1200px) {
	body {width: 1200px;}
}