@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.content{width: 1200px;margin:0 auto;}
/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:680px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#0071cb}
.flexslider .slides a img{width:100%;height:680px;display:block}

/*头部*/
.header{height: 105px;background: rgb(255 255 255 / 80%);position: fixed;z-index: 99999999; width: 100%;}
.header .logo{width: 130px;height: 105px;}
.header .logo  img{width: 130px;height: 100px;}
.header .head_body .head_tel p{color: #444;display: block;font-size:28px;line-height: 27px;padding-top:12px;font-weight: bold;}
.header .head_body .head_tel b{font-size:22px;color: #0071cb;line-height:25px;float: left; padding-top:10px;}
.header .head_body .head_tel b em{font-size:16px;color: #333;font-weight: normal;font-style: normal; padding-right: 10px; display:block; float:left;}

.header .head_body > ul > li{float: left;line-height: 105px;font-size: 16px;padding: 0 15px;position: relative;}
.header .head_body > ul > li > a{display: block;color: #333; font-weight: bold;}
.header .head_body > ul > li:hover {background: #0071cb;}
.header .head_body > ul > li .sub{position: absolute;top: 105px;left:0px;width: 100%;display: none;}
.header .head_body > ul > li .sub li{height: 45px;line-height:45px;background: rgba(0,0,0,0.6);width: 100%;text-align: center;}
.header .head_body > ul > li .sub li a{color: #fff;font-size: 14px;}
.header .head_body > ul > li .sub li:hover {background: #0071cb}
.header .head_body > ul > li:hover .sub{display: block;}

/*统一使用的标题*/
.pubtit{height: 140px;text-align: center;}
.pubtit span{font-family: arial;font-size: 30px;color: #bbb;text-align: center;display: block;text-transform: uppercase;}
.pubtit em {display: block;margin:0 auto;width: 100px;height: 25px;background:url(../images/embg.png) no-repeat center;}
.pubtit p{font-size:35px;color: #0071cb;text-align: center;}
.pubtit1{height: 140px;text-align: center;}
.pubtit1 em{display: block;margin:0 auto;width: 100px;height: 25px;background:url(../images/embg1.png) no-repeat center;}
.pubtit1 span{font-family: arial;font-size: 40px;color: #e2e2e2;text-align: center;display: block;text-transform: uppercase;}
.pubtit1 p{font-size:25px;color: #dadada;text-align: center;}

/*关于*/
.about{padding: 30px 0  0 0;overflow: hidden;}
.about .wz p{font-size: 15px;color: #666;text-indent: 2rem;line-height: 30px;}
.about .iconlist{padding-top:20px;margin:0 auto;width:676px; }
.about .iconlist li{float: left;width:168px;margin: 0 28px 0 29px;height: 160px;position: relative;    background:url(../images/icon1-1.png) no-repeat  top center;}
.about .iconlist li:nth-child(2){ background:url(../images/icon2-1.png) no-repeat  top center;}
.about .iconlist li:nth-child(3){ background:url(../images/icon3-1.png) no-repeat  top center;}
.about .iconlist li:hover{float: left;width:168px;margin: 0 28px 0 29px;height: 160px;position: relative;    background:url(../images/icon1.png) no-repeat  top center;}
.about .iconlist li:nth-child(2):hover{ background:url(../images/icon2.png) no-repeat  top center;}
.about .iconlist li:nth-child(3):hover{ background:url(../images/icon3.png) no-repeat  top center;}
.about .iconlist li a{color: #999;}
.about .iconlist li p{text-align: center;line-height: 40px; color: #0071cb; width: 100%; font-size: 16px;text-indent: 0;padding-top:120px;}
.about .iconlist li:hover p{color: #999;}

/*产品*/
.cpbg{width: 100%; height:150%;background-image: url(../images/cpbg.jpg); background-attachment: fixed; background-position: 50% 0%; background-repeat: no-repeat;position: absolute;z-index: -1}
.pro{ background:url(../images/bg.png) no-repeat  top center;height: 850px;padding: 120px  0 0 0 }
.p_list{width: 280px;}
.ptit{background: url(../images/ptitbg.jpg) no-repeat 0 center;width: 100%;height: 100px;margin-bottom:36px;height: 174px;}
.ptit p{text-align: center;color: #eee;font-size: 40px;font-weight:600;line-height: 70px;padding-top:45px;}
.ptit  span{display: block;text-align: center; color: #dedede; font-size: 20px; letter-spacing: 3px;}
.p_list ul li{ float: left; padding: 0 0 0 18px;line-height:48px; margin-bottom:13.5px;width:262px;overflow: hidden;background-color: #eee;}
.p_list ul li i a{ display: block;    font-style: normal; color: #333; font-size:17px;overflow: hidden;background: url(../images/pi3.png) no-repeat 0 center; padding-left: 23px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.p_list ul li.cur{background-color: #0071cb;}
.p_list ul li.cur i a{color: #fff;background: url(../images/pi2.png) no-repeat 0 center;}
.p_list ul li:hover{background-color: #0071cb;}
.p_list ul li span{ height: 133px; display: block;}
.p_list ul li i a:hover{ background: url(../images/pi2.png) no-repeat 0 center;color: #fff}
.p_list ul li em a{ display: block;  font-style: normal; padding-left: 27px; font-size: 14px; color: #070707;background: url(../images/pi_m.png) no-repeat 0 3px;}
.p_list ul li em a:hover{color: #fff;background: url(../images/pi_m2.png) no-repeat 0 3px;}
/*右侧*/
.p_on{width:880px;}
.p_on ul li{ float: left; width: 265px; height:245px;background: #e6e6e6; margin:0 0 12px 15px; padding: 17px 0 0 13px; position: relative;text-align:center;}
.p_on ul li img{ width: 250px; height: 187.5px; box-sizing:border-box;}
.p_on ul li em{ display: block;line-height:34px; color: #616161; font-size: 16px; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  font-style: normal;}
.p_on ul li i{display: block;text-align: center;color: #C10001;font-size: 13px;font-style: normal;}
.p_on ul li:hover{ background: #0071cb;box-shadow:  0 0 6px #969696;}
.p_on ul li:hover em{color: #fff}

/*客户案例*/
.fhxc{overflow: hidden;padding:50px 0;background-color: #efefef;}
.fhxc .nr .bd{overflow:hidden;}
.fhxc .nr .bd ul{  zoom:1;  overflow: hidden;}
.fhxc .prolist{overflow: hidden;background: #0071cb;} 
.fhxc .prolist .img{width: 360px;height: 300px;position: relative;}
.fhxc .prolist .img img{width: 360px;height: 300px;}
.fhxc .prolist .img  .ceng{display: block;background-color: rgb(51 51 51 / 50%);width: 100%;position: absolute;height: 100%;}
.fhxc .prolist .img  .ceng p{line-height: 250px; color: #fff; font-size: 30px; text-align: center; position: absolute;width: 100%;}
.fhxc .prolist .img  .ceng span{color: #fff; font-size: 20px; text-align: center; position: absolute; width: 100%; bottom: 120px;letter-spacing: 2px;}
.fhxc .prolist .img:hover .ceng{display: none;}
.fhxc .slideBox{width: 800px;overflow:hidden; position:relative;padding-top:30px;}
.fhxc .slideBox li{float:left;width:250px;margin-bottom:17px;margin-right:13px}
.fhxc .slideBox li span{width:100%;background: #efefef;font-size: 16px;color:#555;text-align:center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height:45px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.fhxc .slideBox li a{display:block;width:100%;overflow:hidden;position:relative;background:#f6f6f6}
.fhxc .slideBox li img{display:block;width:250px;height:187.5px}
.fhxc .slideBox li a:hover span{color:#fff;background:#003466}
.fhxc .slideBox li em{ display: block;line-height:25px; color: #616161; font-size: 15px; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  font-style: normal;}
.fhxc .jt{width: 100px;margin:0 auto;}
.fhxc .sPrev{ display:block;width:40px; height:40px;float:left;margin-right:8px; overflow:hidden;cursor:pointer; background:url("../images/jt.png") no-repeat #fff;background-position:0 0px;} 
.fhxc .sNext{ display:block;width:40px; height:40px;float:left;margin-right:8px; overflow:hidden;cursor:pointer; background:url("../images/jt.png") no-repeat #fff;background-position:-40px 0px;}
.fhxc .sPrev:hover{ background:url("../images/jt1.png") no-repeat #e67a01;}
.fhxc .sNext:hover{ background:url("../images/jt1.png") no-repeat #e67a01;background-position:-40px 0px;}


/*新闻*/
.news{overflow: hidden;padding:50px 0;overflow: hidden;}
.news .tit{text-align: left;border-bottom: 1px dashed #ccc;}
.news .tit p{height:45px;font-size:25px;color: #333;}
.news .tit i{font-size: 20px;color: #999;font-family: "times new roman";text-transform: uppercase; border-left: 5px solid #0071cb; margin-left: 15px; padding-left: 15px;font-style: normal;}
.new-left{float: left;width: 650px;}
.news .wdcon{padding-top: 20px;}
.news .con .f_cb{height: 194px; background: #fff; padding: 20px 0;  margin-bottom: 20px;}
.news .con .nimg{float: left;width: 320px;height:195px;overflow: hidden;}
.news .con .nimg img{width: 320px;height:195px;display: block;transition: all 0.3s linear 0s;}
.news .con .nimg:hover img{transform: scale(1.1);}
.news .con .wz{float: right;width:304px;}
.news .con a.ntit1{display: block;color: #333333;font-weight: normal;overflow: hidden;line-height: 22px;    font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
.news .con p{line-height: 28px;height: 84px; overflow: hidden; color: #999;margin-top: 15px;}
.news .con a.more{display: block;margin-top: 26px;width: 120px;line-height:30px;background-color: #0071cb;color: #fff;text-align: center;border-radius: 20px;}
.news .con a.more:hover{background: #0071cb;}
/*news-right*/
.n1{background: #ececec;width: 649px;height: 64px;margin-bottom: 15px;padding-top: 10px;}
.n1:hover .ntime span   ,  .n1:hover .ntime em  ,  .n1:hover a {color:#0071cb}
.n1 .ntime{float: left;width: 115px;border-right: 1px solid #dedede;font-family: "Arial";text-align: center;}
.n1 .ntime span{display: block;font-size: 20px;color: #a9a9a9; line-height: 30px; font-weight: normal;font-family: impact;}
.n1 .ntime em{display: block;font-size: 16px;color: #333;line-height: 24px;font-weight: normal;font-style: normal;}
.n1 a{float: right;width: 435px;margin-right: 20px;color: #333;padding-right: 40px;line-height: 54px;    font-size: 16px;}
.n1:hover{}
.new-right{float: right;width: 475px;}
.new-right .nimg{width: 475px;height: 220px; padding: 20px 0;}
.new-right .nimg img{width: 475px;height: 220px;box-shadow: 0 0 10px 0 #ccc;}
.new-right-title{position: relative; height: 58px;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece; margin-bottom: 30px;}
.new-right-title {line-height: 58px;font-size: 16px;color: #666;font-weight: normal;}
.new-right-text{padding: 0px 0 20px 45px; border-bottom: 1px dashed #cecece; background: url(../images/wen.jpg) no-repeat left 0;margin-bottom:25px;}
.new-right-text a.ntit{display: block;line-height: 26px;color: #333;font-size: 16px;overflow: hidden;   white-space: nowrap; text-overflow: ellipsis;}
.new-right-text p{line-height: 26px;color: #999;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.new-right .none{border-bottom: 0;}
.new-right-text a.ntit:hover{color:#0071cb}

/*底部*/
.footer{background-color: #444;}
.f_nav{padding-top:40px;height:50px;overflow:hidden;margin-bottom: 45px;border-bottom: 1px solid #666;}
.f_nav li{float: left;}
.f_nav a{display:inline-block;line-height:100%;font-size:17px;color:#fff;padding:0 51px}
.f_con{overflow:hidden;height:140px;border-bottom: 1px solid #666;}
.f_con ul li{float:left;color:#fff;line-height:24px; width:25%; text-align:center;}
.f_con ul li:nth-child(6){float: right;margin-right: 0}
.f_con ul li strong{display:block;text-align: center;padding-top:7px;font-style: normal;}
.f_con ul li em{display:block;padding-left:5px;font-style: normal; text-align:center;}
.f_con ul li span{display:block}
.f_con ul li img{display: block;margin:0 auto;}
.f_con .ewm{display:inline-block;float: right;}
.f_con .ewm img{display:inline-block;width:100px;height:100px;border:4px solid #fff}
.f_con .ewm p{display:inline-block;writing-mode:tb-rl;letter-spacing:2px;box-sizing:border-box;color:#fff;line-height:40px;text-align: center;}
.js{overflow:hidden;line-height:70px;color:#ccc;text-align: center;}
.js a{color:#ccc}
.js a:hover{color:#fff;opacity:.8}