@charset "utf-8";

/* CSS Document */

* {

  margin: 0 auto;

  padding: 0;

  border: none;

  font-size: 14px;

  outline: 0 none;

  font-family: '微软雅黑';

	box-sizing: border-box;

}

a {

  text-decoration: none;

  color: #000;

}

ul {

  margin: 0;

  overflow: auto;

}

li {

  list-style: none;

}

em,i{font-style: normal;}

.w {

  width: 1200px;

}

.l {

  float: left;

}

.r {

  float: right;

}

.c {

  clear: both;

}

h1, h2, h3, h4, h5, h6 {

  font-weight: normal;

}

img {

  transition: .3s;

  -ms-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

  -o-transition: .3s;

  max-width: 100%;

  display: block;

}

.big img:hover {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}

.slow {

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

.h100{height: 100px;}

.head{margin: 10px auto;}

.logo{ width: 190px;margin-top: 10px;}

.logo b{font-size: 18px;display: block;}

.nav{width: 900px;display: none;}

.nav ul{overflow: visible;}

.nav ul li{float: left;text-align: right; width: 150px;line-height: 80px;position: relative;}

.nav ul li a{font-size: 16px;width: 72px; display: block; text-align: center; float: right;color: #666;font-weight: 700;}

.nav ul li.on a{border-bottom: 5px solid #00a6ff;}

.nav ul li.on .sub-nav a{border-bottom: none;}

.nav .sub-nav{display: none;position: absolute;top: 80px;left: 35px;z-index: 100;width: 160px;padding-bottom: 10px 0;border: 1px solid #143a84;}

.nav .sub-nav .bg{background: #0c5394;/*filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;*/position: absolute;width: 100%;height: 100%;z-index: 50;top: 0;}

.nav .sub-nav a{display: block; width: 100%;color: #fff;position: relative;z-index: 200;font-size: 14px;line-height: 45px;}

.nav .sub-nav a:hover{background: #fff;color: #0c5394;}

.menuBtn,.wap{display: none;}

.pc{display: block;}



.banner{ background: url("../images/banner.jpg") no-repeat center top;height: 0px;position: relative;padding-bottom: 34.5%;background-size: 100% auto;}

.banner .text{ position: absolute;right:10%;/*transform:translateX(50%)*/;color: #000; text-align: center;top:20%;}

.banner .text p,.banner .text i{font-size: 34px; font-weight: bold;letter-spacing:3px;line-height: 180%;}

.banner .text i{color: #a80812;}

.banner .l,.banner .m,.banner .r{margin-top:25%;overflow: auto;position: relative;}

.banner .bg{background: #2a4767;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;position: absolute;width: 100%;height: 100%;}

.banner .l{width:39%;}

.banner .m{width:20%;float: left; margin-left: 1%;margin-right: 1%;}

.banner .r{width:39%;}

.banner .l a,.banner .m a,.banner .r a{ width: 100px; position: relative;font-size: 18px;color: #fff;display: block;text-align: center;line-height: 200%;margin: 20px auto 10px;}

.banner .l img,.banner .m img,.banner .r img{width: 60px; }

.banner .l a{float: right; margin-right: 20%;}

.banner .r a{float: left;margin-left: 20%;}

.product,.solution,.about,.news,.contact{margin: 40px auto;overflow: auto;}

.tit{font-size: 30px;color: #0c5394; font-weight: bold;line-height: 200%;}

.tit i{font-size: 22px;font-weight: normal;line-height: 100%;display: block;}

.tit:after{content:"";background: #0c5394;width: 80px;height: 4px;display: block;}

.con{overflow: auto;font-size: 16px;line-height: 30px;}



.product .con{margin: 30px auto;}

.product .con ul.tuji li{width: 23.5%;float: left;margin-right: 2%;}

.product .con ul.tuji li:nth-child(4n+0){margin-right: 0;}

.product .con ul.tuji li .pic{border-bottom: 1px solid #000;padding: 5px 0;}

.product .con ul.tuji li .text{margin: 10px auto;}

.product .con ul.tuji li .text a{font-size: 20px;color:#666; font-weight: bold;}

.product .con ul.tuji li .text a.more{color:#0b5394;font-weight: normal; background: url("../images/ico4.png") no-repeat right center;padding-right: 30px; background-size: auto 90%;font-size: 18px;}

.product .bg2 ul.tuji{margin: 0 auto; padding: 60px 0;}



.solution .bg,.product .bg{background: #ccc;}

.solution .bg2,.product .bg2,.service .bg,.news .bg,.contact.page .bg{background: #f3f3f3;}

.solution .con{margin: 20px auto;font-size: 18px;}

.solution .con ul{margin: 0 auto; padding: 60px 0;}

.solution .con ul li{width: 28%;float: left;margin-right: 8%;}

.solution .con ul li:nth-child(3n+0){margin-right: 0;}

.solution .con ul li .pic{border-bottom: 1px solid #000;padding: 5px 0;}

.solution .con ul li .text{margin: 10px auto;}

.solution .con ul li .text a{font-size: 20px;color:#0c5394; font-weight: bold;}

.solution .con ul li .text a.more{color:#0b5394;font-weight: normal; background: url("../images/ico4.png") no-repeat right center;padding-right: 30px; background-size: auto 90%;font-size: 18px;text-align: right;}

.solution .con .w{padding: 40px 0;}

.solution .con .w .l{margin-top: 20px;}



.service .tit{margin: 40px auto 10px;}

.service .con .l,.service .con .r{width: 50%;}

.service .con h2{font-size: 24px;color:#274e75;line-height: 200%;}

.service .con p{font-size: 18px;line-height: 200%;}

.service .con h2,.service .con p{padding: 0 10px}



.about .con{margin: 20px auto; padding: 20px 0;}

.about .con p{font-size: 16px;line-height: 200%;}



.news .tit:after{width: 0;}

.news .con{margin: 20px auto;}

.news .l{width: 790px;}

.news .l h1{}

.news .l h1 span{border-left: 5px solid #0B5394;line-height: 100%;margin: 20px auto 20px 20px;padding-left: 20px;color: #0B5394;font-size: 20px;font-weight: bold;display: block;}

.news .l h1 a{font-weight: normal;float: right;color: #000;margin-right: 20px;line-height: 20px;}

.news .l ul li{border-top: 1px solid #efefef;margin: 0px 20px 20px 20px;overflow: auto; padding-top: 20px;}

.news .l ul li .pic{float: left;margin-right: 20px;width:120px;overflow: hidden;}

.news .l ul li .pic img{width: 120px; height: 100px;}

.news .l ul li .text{line-height: 200%;}

.news .l ul li .text h2 a{font-size: 16px;}

.news .l ul li .text span{color: #666;}

.news .r{width:380px;}

.news .r h1{background:#0B5394; padding: 20px;}

.news .r h1 span{border-left: 5px solid #fff;line-height: 100%;padding-left: 20px;color: #fff;font-size: 20px;font-weight: bold;display: block;}

.news .r h1 a{font-weight: normal;float: right;color: #fff;padding-right: 20px; background: url("../images/ico5.png") no-repeat right center; line-height: 

20px;}

.news .r ul li{margin: 30px auto; text-align: center;}

.news .r ul li a{line-height:300%;color: #555;}



.contact{background: url("../images/bg.jpg") no-repeat center center; padding: 80px 0;color: #fff;}

.contact .l{width: 490px;}

.contact .l,.contact .r{line-height: 200%;}

.contact .l h1,.contact .r h1{font-size: 26px;line-height: 200%;}

.contact .l span,.contact .l dl dd{color: #bebebe;}

.contact .l dl{overflow: auto;margin: 30px auto;padding-left: 35px;}

.contact .l div dl:first-child{background: url("../images/ico6.png") no-repeat left 7px;}

.contact .l div dl:nth-child(2){background: url("../images/ico7.png") no-repeat left 8px;}

.contact .l div dl:last-child{background: url("../images/ico8.png") no-repeat left 6px;}

.contact .r dl{overflow: auto; margin: 25px auto;}

.contact .r dl dt{width:50px;color: #bebebe;float: left;line-height: 40px;}

.contact .r dl dd{width:320px;border: 1px solid #696969;float: left;line-height: 40px;}

.contact .r dl dd input,.contact .r dl dd textarea{background: none;width: 100%;padding:5px 10px;color: #bebebe;line-height: 200%;}

.contact .r dl dd textarea{resize:none;height: 100px;}

.contact .r dl button{margin-left: 60px;width: 180px;background: #00aeff;color: #fff;text-align: center;border-radius: 5px; line-height: 250%;font-size: 16px;}



.nbanner{border-top: 5px solid #0B5394;}

.page{margin: 50px auto 80px; overflow: auto;}

.page .con{margin: 40px auto; line-height: 180%;}

.page.about .bg{background: url("../images/bg2.jpg") no-repeat center center;}

.page.about .bg ul{margin: 0 auto;}

.page.about .bg ul li{float: left;line-height: 220px;font-size: 28px; font-weight: bold;color: #fff; margin-right: 175px;}

.page.about .bg ul li:last-child{margin-right: 0;}

.page.about .tit2{font-size: 30px;color: #0B5394;margin-top: 50px;}



.media .con ul li{overflow: auto;margin: 0px auto 30px;}

.media .con ul li .pic{float: left;padding:10px 30px 14% 0; width: 25%;height: 0;overflow: hidden;}

.media .con ul li .text{float: left; width: 75%;}

.media .con ul li .text h2 a{font-size: 26px;color: #0B5394;line-height: 200%;}

.media .con ul li .text i{font-size: 16px;color: #0b5394;line-height: 200%;}

.media .con ul li .text span{color: #666;display: block;}

.media .con ul li .text a.more{font-size: 16px;color: #0b5394;line-height: 200%;}



.contact.page{padding:0;}

.contact.page .con .w{padding: 50px;}

.contact.page .con .w dl{overflow: auto;}

.contact.page .con .w dl dt{font-size:20px;border-bottom: 1px solid #ccc;line-height: 250%;font-weight: bold;color: #666;margin: 10px auto;}

.contact.page .con .w dl dd p{font-size: 16px;line-height: 200%;color: #666;}

.contact.page .con .w dl dd em,.contact.page .con .w dl dd i{display: block;;color: #0b5394;font-weight: bold;}

.contact.page .con .w dl dd em{font-size: 18px;margin-top: 20px;}

.contact.page .con .w dl dd i{font-size: 24px;font-style:oblique;line-height: 200%;}

.contact.page .con .w dl.r dd{float: left;text-align: center;}

.contact.page .con .w dl.r dd:last-child{margin-left: 30px;}

.contact.page .con .w dl.r dd img{margin: 5px auto;}

#dituContent img{max-width: unset;display:inline;}



.solution.page{margin-top: 60px; margin-bottom: 0;}

.solution.page .bg{background: url("../images/bg4.jpg") repeat-x left bottom;background-size: auto 100%;}

.solution.page .con *{font-size: 16px;}

.solution.page .con .l,.solution.page .con .r{width: 47%;}

.solution.page .con2 img{float: left;width: 30%;margin-right: 5%;}

.solution.page .con2 img:last-child{margin-right: 0;}

.solution.page .con ul{padding-top:0; }

.solution.page .con ul li{width: 50%;padding:10px 5%;margin: 0;}



.probanner{background: url("../images/bg5.jpg") repeat-x left top;border-top: 5px solid #0B5394;}

.probanner .l{width: 50%;margin:50px 0 0 100px;}

.probanner .r{background: #143a84;width:270px;height: 435px;margin-top: 1px;color: #fff; padding-left: 30px;padding-top: 30px;}

.probanner .r i{font-size: 24px;line-height: 30px;}

.probanner .r dl dt{font-size: 30px;margin-bottom: 15px;font-weight: bold;}

.probanner .r dl dd{font-size: 16px;background:url('../images/ico9.jpg') no-repeat left center;line-height: 45px; padding-left: 30px;}



.product.page .con{position: relative; overflow: unset;}

.product.page .con .text *{font-size: 16px;color:#666;line-height: 35px; padding-left: 30px;}

.product.page .con .pic{width: 347px;position: absolute;;right:0;top:-60px;}

.product.page .con  ul.tuji{margin-top: 40px;}

.product.page .con  ul.tuji li{width: 29%;margin: 20px auto;margin-right: 6.5%;font-size: 16px;color: #0B5394;line-height: 40px;text-align: center;}

.product.page .con  ul.tuji li:nth-child(3n){margin-right: 0;}

.product.page .con .w{overflow: auto;padding-bottom: 10px;}

.product.page .con dl{overflow: auto;margin:30px auto 20px;}

.product.page .con dl dt{font-size: 18px;color: #0b5394;font-weight: bold;margin-bottom: 10px;}

.product.page .con dl dd{font-size:16px;color: #666; width: 33.33%;float: left;line-height: 30px;padding-left: 30px;}

.product.page .con dl dd *{font-size: 16px;}

.product .con ul li .pic {border-bottom: 1px solid #000;padding: 5px 0;}

/*.product.page .con.img img{border: 2px solid #0B5394;}*/



.pm .l{width: 60%;margin:0px 0 0 80px;}

.vb .l{width: 60%;margin:10px 0 0 80px;}



.product.page .bg{background: url("../images/bg6.jpg") repeat-x left bottom;padding-bottom: 10px;}



.about.page .con .l,.about.page .con .r{width: 49%;}



.contact.page{color: #666;}



.product.page .con.spec ul{}

.product.page .con.spec ul li{margin-bottom: 0px;width: 33.33%; margin: 5px auto; padding:5% 2%;background: #eee;float: left;}

.product.page .con.spec ul li .pic{width: 100%;position: relative;top: unset;right: unset;}

.product.page .con.spec ul li .text{text-align: left;}

.product.page .con.spec ul li .text a{padding-left: 0px;color:#0c4986;font-size: 18px;font-weight: bold;}

.product.page .con.spec ul li .text a.more{font-size: 16px; background-size: auto 66%;}



.title,.info{text-align: center;}

.title{font-size: 24px;font-weight: bold;}

.info{line-height: 50px;}

.content *{font-size: 16px;line-height: 200%;}



.foot{background: #282828;color: #999; text-align: center; line-height: 200%;padding: 40px 0;}

.foot a{color: #999; margin: 0 5px;line-height: 200%;}