@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0;}
body {color:#333; font-size:14px; font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width:1200px;overflow-x: hidden}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
h2,h3{font-weight:normal}
a {color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
.text-cut  /*限制文字,文字超出显示冒号*/
{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;}
.container{width: 1200px;margin: 0 auto}
.fl{float: left}
.fr{float: right}
.clear{clear: both}
/*============================ 公共部分 ============================*/
/* 文章上下篇 */
.wengzhengfanye { padding:30px 0 0; clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB { padding-left:0px; clear:both; font-size:14px; color:#666; line-height:34px;}
.wengzhengfanye span {font-weight:bold; }
.wengzhengfanye a:hover { text-decoration:underline;}

/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink { padding:30px 0 10px; text-align:center;}
.pagelink span,.pagelink a { display:inline-block; line-height:34px; height:34px; text-align:center;padding:0 12px; border:solid 1px #dcdcdc; color:#666; margin:0 4px;}
.pagelink a:hover,.pagelink a.on { background:#0074e1; color:#fff; border:solid 1px #0074e1;}
.pagelink span{display:inline-block; color:#fff; background:#0074e1;line-height:34px; height:34px; border:solid 1px #0074e1;}

/*========================================= 首页 =====================================*/
.header {  height: 82px;  padding-top: 18px;  position: absolute;  z-index: 99;  top: 0;  left: 0;  width: 100%;  border-bottom: 1px solid #fff;  border-bottom: 1px solid rgba(255,255,255,.1);  }
.nav{max-width:920px;font-size:16px;padding-top:26px;}
.nav .m{float:left;width:120px;text-align:right;}
.nav .m>a{color:#eee;display:inline-block;position:relative;height:56px;}
.nav .m>a::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:#fff;transition:all .3s;}
.nav .m>a:hover::after,.nav .m .cur::after{width:100%;}
.nav .m>a:hover,.nav .m>.cur,.nav .on>a{color:#fff;}
.navSub{position:absolute;left:0;top:100px;background: rgba(0,0,0,.6);width:100%;padding:30px 40px;display:none;overflow:hidden;}
.navSub ul>li{float:left;width:20%;font-size:14px;line-height:34px;text-align:center;}
.m1 .navSub ul ul {padding-bottom:20px;overflow: hidden;}
.nav .navSub ul>li a{color:#eee;font-weight:bold;line-height:34px;height:34px;}
.navSub ul ul li{width:100%;font-weight:normal;line-height:26px;height:26px;}
.nav .navSub ul ul li a{font-weight:normal;}
.navSub ul>li a:hover{color:#fff;text-decoration: underline;}

.banner{ width:100%; position:relative; overflow:hidden;}
.banner .swiper-container{ width: 100%;height: 100%;overflow:hidden;}
.banner ul li{height: 900px}
.banner .pagination{position: absolute; bottom:30px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet{width:10px;height:10px;margin:0 3px!important;cursor: pointer;border: 2px solid #fff;border-radius: 100%;position: relative}
.banner .swiper-pagination-bullet-active{ opacity: 1;background:none}
.banner .swiper-pagination-bullet:after{  content: "";  position: absolute;  width: 6px;  height: 6px;  background: #fff;  top: 2px;  left: 2px;  border-radius: 100%;  opacity: 0;  }
.banner .swiper-pagination-bullet-active::after {  opacity: 1;  }

.hTie_top{margin-top: 40px;overflow: hidden}
.hTitle{font-size:42px;color:#222;line-height:42px;}
.hTitle span{display:block;font-size:12px;font-family:Arial;line-height:24px;opacity:.7;}
.h_phone{float:right;background: url('../img/cIcon_b.png') no-repeat left center;padding-left:60px;margin-top:8px;}
.h_phone span{display:block;font-size:22px;color:#333;}

.oneA{overflow: hidden;margin-top: 40px}
.oneA ul li{float:left;width:299px;background: url('../img/oabg.png') no-repeat;height:300px;overflow: hidden;
    position:relative;margin-bottom:1px;margin-right:1px;z-index:2;padding: 30px 30px;box-sizing: border-box}
.oneA ul li h3{color: #373737;font-size: 18px}
.oneA ul li dd{width: 100%;height: 176px;overflow: hidden;margin-top: 30px}
.oneA ul li dd img{max-width: 100%}
.oneA ul li::after {content: ""; position: absolute;  left: 0;  bottom: -100%;  background: #0074e1;  z-index: -1;
    width: 100%;  height: 100%;  transition: all .5s;  opacity: 0;}
.oneA ul li:hover::after {opacity: 1; bottom: 0;}
.oneA ul li:hover h3{color: #fff}

.oneB{margin-top: 20px;overflow: hidden}
.oneB ul li{ float: left; width: 310px;  border: 1px solid #d4d4d4;  text-align: center;  margin-right: 17px;
    transition: all .3s;box-sizing: border-box }
.oneB ul li dd{width: 100%;overflow: hidden}
.oneB ul li dd img{max-width: 100%;transition: all 0.5s}
.oneB ul li p{height: 50px;  line-height: 50px;  border-top: 1px solid #d4d4d4;font-size: 18px}
/*.oneB ul li:nth-child(4n){margin-right: 0}*/
.oneB ul li:hover{ border: 1px solid #0074e1;  box-shadow: 0 2px 5px #cbe6ff;  }
.oneB ul li:hover img{transform: scale(1.1);}

.oneC{height: 994px;background: url("../img/oc2.png") no-repeat center;background-size: cover;margin-top: 40px;overflow: hidden}
.oneCs{width: 1187px;height:902px;margin: 0 auto;margin-top: 50px;overflow: hidden;background: url("../img/oc3.png") no-repeat center}
.oneCs ul li{color: #fff;margin-top: 143px;padding-left: 100px;width: 100%;overflow: hidden;box-sizing: border-box}
.oneCs ul li h3{font-size: 22px;text-indent: 10px}
.oneCs ul li p{font-size: 16px;line-height: 2;margin-top: 20px}
.oneCs ul li:nth-child(2){margin-top: 65px}
.oneCs ul li:nth-child(3),.oneCs ul li:nth-child(4){margin-top: 80px}
.oneCs ul li:nth-child(3) dl,.oneCs ul li:nth-child(4) dl{width: 460px;float: right}

.title{overflow: hidden;text-align: center;margin-top: 40px}
.title h2{font-size: 40px;color: #222}
.title p{font-size: 12px;font-family: Arial;opacity: .7;}

.oneD{overflow: hidden;margin-top: 40px}
.oneD ul li{float: left;text-align: center;transition: all 0.5s}
.oneD ul li dd{width: 100%;height: 150px;position: relative}
.oneD ul li img{max-width: 150px;max-height: 150px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.oneD ul li p{margin-top: 10px}
/*.oneD ul li:hover{margin-top: -10px;}*/
/*.oneD ul li:hover img{transition: all 0.5s;transform: scale(1.1)}*/
.oneD ul li:hover p{color: #0074e1}

.oneE{background: url("../img/oe.png") no-repeat center;padding:25px 0;margin-top: 40px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.oneEsl{width: 630px}
.oneEsl img{max-width: 100%}
.oneEsr{width: 530px;}
.oneEsr .title{text-align: left;margin-top: 20px}
.oneEsr2{line-height: 2;color: #666;margin-top: 30px}
.oneEsr .more {  font-size: 12px;  height: 38px;  line-height: 38px;  background: #0074e1;  color: #fff;margin-top: 35px;
    display: inline-block;  width: 156px;  text-align: center;  font-family: Arial;  box-shadow: 0 5px 8px #b5dbff;  }
.oneEsr .more:hover{background:#0060ba;}

.oneF{overflow: hidden}
.oneFl{width: 48.5%;overflow: hidden}
.oneFl ul li{overflow: hidden;margin-top: 27px;padding-bottom: 5px}
.oneFl ul li dd{border: 1px solid #cccccc;font-family: Arial;text-align: center;width: 82px;color: #999;
    padding: 10px 0 4px;line-height: 2}
.oneFl ul li dd b{font-size: 34px;color: #999;display: inline-block;width: 100%;line-height: 40px;}
.oneFl ul li dt{width: 480px;margin-left: 12px}
.oneFl ul li dt h3{font-size: 18px;color: #373838;margin-bottom: 8px;margin-top: 5px}
.oneFl ul li dt span{color: #8f8f8f;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
    -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneFr{width: 48.5%}
.oneFr ul li{margin-top: 25px;float: left}
.oneFr ul li h3{font-size: 18px}
.oneFr ul li dl{margin-top: 20px}
.oneFr ul li dl dd{width: 162px;height: 118px;overflow: hidden}
.oneFr ul li dl dd img{max-width: 100%}
.oneFr ul li dl dt{line-height: 1.8;width: 390px;margin-left: 20px}

footer{width:100%;background:#0067ac;overflow: hidden;margin-top: 45px}
.foot{overflow: hidden;color: #fff;padding: 35px 0 25px;box-sizing: border-box}
.foot h3{font-size: 18px;}
.footl p{margin-bottom: 15px}
.footl a{color: #fff}
.foot2{text-align: center;margin-left: 115px}
.foot2 img{width: 134px;height: 134px;}
.foot2 p{margin-top: 12px;font-size: 16px}
.foot3 p{font-size: 16px;}
.foot3 b{font-size: 36px;margin-top: 20px;display: inline-block}
/*.copy {line-height:55px;text-align:center; margin-top:35px;color: #fff;overflow: hidden;border-top: 1px solid #4da0ef}
.copy a{color:#fff}*/

/*========================================= 关于我们 =====================================*/
.ny_ban{height:500px;overflow: hidden;position: relative}

.my_navs{height:60px;line-height:60px;margin-top:-61px;position:relative;z-index:10;text-align:right;font-size:16px;}
.my_navs a{display:inline-block;width:230px;text-align:center;background:#fff;margin-left:1px;position: relative;
    z-index:2;transition: all ease 0.3s;color: #666}
.my_navs .active,.my_navs a:hover{background:#0074e1;color:#fff;}
.my_navs a::after{content:"";position:absolute;left:0;top:50%;height:0;width:100%;background:#0074e1;z-index:-1;transition:all .4s;}
.my_navs .active::after,.my_navs a:hover::after{top:0;height:100%;}

.location{background: url('../img/home_icon.png') no-repeat left center;padding-left:30px;margin-top: 35px;box-sizing: border-box}

.nytitle{text-align: center;margin-top: 40px;overflow: hidden}
.nytitle h2{font-size: 32px;color: #222}
.nytitle p{color: #b4b4b4;text-transform: capitalize;margin-top: 5px;font-family: Arial;opacity: .7;font-size: 12px}

.aboutA{overflow: hidden;margin-top: 40px;}
.aboutA .nytitle{text-align: left}

.aboutB{background-color: #efefef;overflow: hidden;margin-top: 40px;padding-bottom: 40px}
.aboutBs{padding: 40px 0}
.aboutBs ul li{/*width: 310px;*/text-align: center;background-color: #fff;float: left;margin-right: 15px}
.aboutBs ul li dd{height: 340px;overflow: hidden;box-sizing: border-box;position: relative}
.aboutBs ul li dd img{transition:all .5s;max-width: 90%;max-height: 330px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.aboutBs li p{height:55px;line-height:55px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;border-top: 1px solid #e3e3e3;}
.aboutBs li:hover img{transform: scale(1.1);}
.aboutBs li:hover p{color: #0074e1}

.aboutB .more{display: block;width:160px;height:40px;line-height:40px;background:#fff;text-align:center;margin:0 auto;transition: all ease 0.3s;}
.aboutB .more i{display:inline-block;width:13px;height:13px;background: url('../img/mIcon.png') no-repeat;margin-left:10px;}
.aboutB .more:hover{background:#0074e1;color:#fff;width:260px;}

.honor{margin-top: 40px}
.honor ul li{width:283px;border:1px solid #e3e3e3;margin:0 20px 30px 0;transition:all .3s;float: left}
.honor ul li dl{height:330px;overflow: hidden;/*margin: 10px;*/box-sizing: border-box;text-align: center;position: relative}
.honor ul li dl img{transition:all .5s;max-width: 260px;max-height:310px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.honor ul li p{height:60px;line-height:60px;text-align:center;border-top: 1px solid #e3e3e3;}
.honor ul li:hover img{transform: scale(1.1);}
.honor ul li:hover{box-shadow:0 2px 6px #ddd;}
.honor ul li:nth-child(4n){margin-right: 0}
.honor ul li:hover p{color: #0074e1}

/*========================================= 产品中心 =====================================*/
.product{margin-top: 40px;overflow: hidden}
.product ul li{float:left;width:284px;margin:0 20px 20px 0;}
.product ul li .pImg{display:block;width:100%;height:230px;overflow:hidden;border:1px solid #e5e5e5;position:relative;}
.product ul li img{width:100%;height:230px;transition:all 0.5s;}
.product ul li h3{font-weight:normal;text-align:center;height:40px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product ul li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,116,225,.7);transition:all 0.25s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;}
.product ul li .pImg:after{content:"";position:absolute;width:54px;height:54px;background: url('../img/pmore.png') no-repeat;left:50%;top:50%;margin-left:-27px;opacity:0;transition:all 0.25s;z-index:3;}
.product ul li:hover img{transform:scale(1.1);}
.product ul li:hover .pImg:before{transform:perspective(200px) rotateX(0);}
.product ul li:hover .pImg:after{transition-delay:.1s;margin-top:-27px;opacity:1;}
.product ul li:nth-child(4n){margin-right: 0}

/*========================================= 新闻中心 =====================================*/
.news{margin-top: 20px}
.news ul li{padding: 2%;border-bottom: 1px dashed #cfcfcf;overflow: hidden;position: relative}
.news ul li dl{width: 90px;overflow: hidden;border: 1px solid #cccccc; font-family: Arial;text-align: center;padding: 10px 0;
    line-height: 2;color: #999;}
.news ul li dl b {font-size: 44px; display: inline-block;  width: 100%;  line-height: 50px;  }
.news ul li dl img{max-width: 100%;transition: all 0.5s;height: 100%}
.news ul li dd{width: 940px;padding: 15px 0;margin-left: 20px}
.news ul li dd h3{font-size: 18px;  color: #2c2c2c;}
.news ul li dd p{  color: #a6a6a6;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  margin-top: 10px;  }
.news ul li i{width: 42px;height: 42px;position: absolute;  text-align: center;  line-height: 42px;  right: 0;  top: -50%;
    transform: translateY(-50%);opacity: 0;background: url("../img/jiantou.png") no-repeat center;  background-color: #0074e1;  transition: .6s;  color: #fff;}
.news ul li:hover i{top: 50%;opacity: 1;border-radius: 100%;transition: .6s;}
.news ul li:hover dl img{transition: all 0.5s;transform: scale(1.1)}
.news ul li:hover dl{background-color: #0074e1;color: #fff}

/*========================================= 联系我们 =====================================*/
.contact{overflow:hidden;border:1px solid #e7e7e7;line-height: 24px;margin-top: 40px}
.contact .main{padding:30px;width:730px;line-height: 2}
.contact .wx{border-left:1px solid #e7e7e7;width:340px;padding:30px;}
.contact .wx p,.contact .wx p img{width:150px;}
.contact .wx p{padding-left:0;margin-left:0;text-align:center;}

.map{margin-top: 40px;overflow: hidden;height: 450px}

.contactB{margin-top: 40px;overflow: hidden}
.feedback{width:790px;}
.feedback li{overflow:hidden;float:left;width:325px;height:48px;background:#fff;line-height:48px;padding-left:60px;margin-bottom:10px;
    border: 1px solid #dcdcdc;}
.feedback li:nth-child(2),.feedback li:nth-child(4){float:right;}
.feedback li label{float:left;margin-left:-60px;text-align:right;width:60px;color:#666;}
.feedback li.msg{height:160px;width:718px;line-height:24px;padding:10px;padding-left:60px;}
.feedback li.msg textarea{font-size:14px;width:100%;height:120px;line-height:24px;}
.feedback li input{width:95%;padding-right:5%;height:48px;line-height:48px;}
.feedback .code{width:100%;background:none;padding-left:0;border:none;margin-top: 20px}
.feedback li.code input{width:170px;float:left;padding:0 15px;background:#f5f5f5;}
.feedback li.code img{float:left;background:#fff;padding:13px;border-left: 1px solid #ddd;}
.feedback li.code .btns{background:#0074e1;color:#fff;width:240px;text-align: center;
    cursor:pointer;display: block;height:48px;line-height:48px;margin: 0 auto}
.feedback li.code .btns:hover{background:#002c6b;}
.feedback .sub{cursor:pointer;text-align:center;width:180px;height:48px;border-radius:24px;display:block;margin:0 auto;transition:all 0.3s;}
.feedback .sub:hover{width:240px;}
button, input, select, textarea { font-size: 12px;  font-family: inherit;  margin: 0;  outline: none;  resize: none;  border: none;  }

/*=======================================新闻详情页============================================*/
.rt_con{background-color: #fff;padding: 30px 20px 0}
.news_info{overflow:hidden; border-bottom:1px dotted #ccc;}
.info_title{text-align:center;}
.info_title h2{font-size:24px;color:#000;}
.info_laiyuan{line-height:48px;font-size:12px; color:#888;text-align:center; border-bottom:1px dotted #ccc;}
.info_text{padding:30px;font-size:15px;color:#333;line-height:2;min-height: 400px}
.info_text img{max-width:100%;}
.info_picA{padding:10px;text-align:center;}
.info_picA img {max-width:100%;width: expression(this.width > 720 ? 720: true)}

.con{line-height: 2;font-size: 16px;box-sizing: border-box;margin-top: 40px}

/*=======================================产品详情页============================================*/
.listRight{overflow: hidden;padding-top:40px;}

/* 左侧图片放大镜样式 */
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/* 图片小图样式 */
.spec-preview{width:580px;height:360px;border:1px solid #ccc;display: table-cell;vertical-align: middle;}
.spec-scroll{margin-top:10px;width:580px;height:70px;overflow:hidden;position:relative;}
.spec-scroll a.prev,.spec-scroll a.next{position:absolute;top:0;left:0;background:rgba(0,0,0,.5);cursor:pointer;transition:all 0s;height:70px;width:25px;color:#fff;font-family:"宋体";font-size:25px;line-height:70px;text-align:center;z-index:5;}
.spec-scroll a.next{left:auto;right:0;}
.spec-scroll a:hover{background:rgba(0,0,0,.9);}
.spec-scroll .items{position:relative;width:580px;height:70px;margin:0 auto;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:610px;height:70px;}
.spec-scroll .items ul li{width:98px;height:70px;float:left;}
.spec-scroll .items ul li img{width:85px;height:68px;cursor:pointer;border:1px solid #ccc;}
.spec-scroll .items ul li img:hover,.spec-scroll .items ul .on img{border:1px solid #005cd5;}
/* 产品简介 */
.proshow_synopsis{width:565px;font-size: 14px;line-height: 30px; height:460px;border-radius:3px;}
.proshow_synopsis h3{font-size:24px; color:#0074e1;border-bottom:1px solid #dbdbdb;margin-bottom:15px;font-weight:normal;padding-bottom: 15px}
.proshow_synopsis strong{color: #333;font-weight: normal; }
.proshow_synopsis .font{line-height:24px;overflow: hidden;height:200px;margin-bottom:20px;}
.proshow_synopsis .font strong{float: left;width: 45px;}
.proshow_synopsis .font div{float: right;width:355px;}
.prodcut-tel{ padding-left:40px; margin-bottom:20px; line-height:26px; background:url('../img/p_icon.png') no-repeat left 8px; border-bottom: 1px solid #ddd;padding-bottom:25px;}
.prodcut-tel span{font-family:arial; font-size:24px; color:#0074e1;display: block; }
/*.proshow_synopsis .btn a{width:200px;height:34px;line-height:34px;border:1px solid #dadada;display:inline-block;text-align:center;margin-bottom:10px;margin-right:5px;}
.proshow_synopsis .btn a i{display:inline-block;width:4px;height:8px;background: url('../images/arr_p.png') no-repeat;margin-left:10px;position:relative;top:-2px;}
.proshow_synopsis .btn a:hover{border:1px solid #0074e1;color:#0074e1;}
.proshow_synopsis .btn .red{border:1px solid #f00;color:#f00;}
.proShow_menu{height:40px;border-bottom: 1px solid #bfbfbf;font-size:20px;color:#333;margin-bottom:30px;}
.proShow_menu span{margin-right:40px;cursor:pointer;display: inline-block;height:40px;}
.proShow_menu span.on{color:#0074e1;border-bottom: 1px solid #0074e1;}
.mainBox{overflow:hidden;margin-bottom:40px;}*/

.cpcon{line-height: 2;margin-top: 30px}
.container12{width: 1200px;margin: auto}