@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}
em , i{font-style: normal;}
.content{width: 1200px;margin:0 auto;}
dd { display: block; margin-inline-start:0;}

/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:600px;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:#ffa23b}
.flexslider .slides a img{width:100%;height:600px;display:block}

/*header start*/
.header{width: 100%;}
.header .head_top{height:120px;}
.header .head_top .tel_box{width: 250px;height: 80px;color: #fff}
.header .head_top .tel_box > a{color:#fff;padding: 0 8px;line-height: 36px;}
.header .head_top .tel_box .tel{margin-top:28px;width: 250px;text-align: right; background: url(../images/tel_bg.png) no-repeat left center;/*padding-left: 24px;*/}
.header .head_top .tel_box .tel p{display: block; color: #696969; text-align: left;line-height: 30px; padding-left:69px;font-size: 16px;}
.header .head_top .tel_box .tel b{font-size: 30px;color: #b40000;;font-family: arial;font-weight: bold;}
.header .head_top .logo{width: 700px;height: 120px;}
.header .head_top .logo img{width:515px;height:120px;}
.header .head_top span{display: block;border-left: 1px solid #ccc;font-size:16px;color: #666;     margin-top: 43px;height: 50px;    padding-left: 20px;}
.header .head_top span em{font-weight: 600;  color: #b40000;} 
.header .head_nav{border-top: 3px solid #fff;background-color: #454545}
.header .head_nav ul li{width:150px;float: left;height: 50px;line-height: 50px;font-size: 16px;text-align: center;position: relative;}
.header .head_nav ul li a{color: #fff;display: block;width: 100%;}
.header .head_nav ul li:hover{background: #eee;height:50px;}
.header .head_nav ul li:hover a{color: #b40000;border-top: 3px solid #b40000;position: absolute;top: -3px}

/*统一使用的标题*/
.pubtit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;height: 120px;}
.pubtit span{ display: block; font-size: 40px; color: #333; line-height: 46px; font-weight: 600;}
.pubtit i{display:block;font-size:18px;font-family:Arial;font-weight:400;margin-top: 18px;position: relative;line-height: 18px;text-transform: uppercase;color: #999999;letter-spacing: 4px;}
.pubtit1{text-align: center;font-weight: normal;font-size: 0;line-height: 0;height: 120px;}
.pubtit1 span{ display: block; font-size: 40px; color: #b40000; line-height: 46px; font-weight: 600;}
.pubtit1 i{display:block;font-size:18px;font-family:Arial;font-weight:400;margin-top: 18px;position: relative;line-height: 18px;text-transform: uppercase;color: #eee;letter-spacing: 4px;}

/*产品*/
.pro{padding:50px 0; }
.pro-nav{width:255px;background-color: #ccc;}
.pro-nav .pro-tit{height: 176px; text-align: center;background: url(../images/ptbg.png) no-repeat center;}
.pro-nav .pro-tit a{display: block; box-sizing: border-box;}
.pro-nav .pro-tit span{line-height: 55px; font-size: 30px; color: #FFFFFF; font-weight: bold; padding-top: 60px; display: block;}
.pro-nav .pro-tit em{display: block; height:20px; line-height: 20px;font-size: 18px; color:rgba(255,255,255,0.35); font-family: "arial"; text-transform: uppercase;letter-spacing: 2px;}
.pro-nav .pro-con{padding: 19px 15px 6px 15px; box-sizing: border-box;}
.pro-nav .pro-con a.first-tit{ display:block;  font-size:16px; color:#333;height:82px;margin-bottom:17px;line-height:82px;border-radius:6px;padding-left:16px;background:#efefef url(../images/pro-icon.png) no-repeat 90%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-bottom: 1px solid #ccc;}
.pro-nav .pro-con a.first-tit.cur{margin-bottom: 0;background:#b40000 url(../images/pro-icon_h.png) no-repeat 90%;}
.pro-nav .pro-con a.first-tit:hover{background:#b40000 url(../images/pro-icon_h.png) no-repeat 90%;color: #fff;}
.pro-nav .pro-con ul{margin-bottom: 11px;}
.pro-nav .pro-con ul li{line-height: 34px; border-bottom:1px dashed #d1d0d0;padding-left:28px; box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-nav .pro-con ul li a{display: block;padding-left:22px; font-size: 15px; color:#666;background:url(../images/pro-jt1.png) no-repeat left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-nav .pro-con ul li a:hover{color: #fff;background:url(../images/pro-jt2.png) no-repeat left;}
.pro-nav .pro-con ul li:last-child{border-bottom:0;}
.pro-nav .pro-bot{height:221px; background:url(../images/pro-lxbj.jpg) no-repeat center;box-sizing: border-box;padding-top: 32px; box-sizing: border-box; width: 255px;}
.pro-nav .pro-bot i{display: block; width:145px; height:29px;  margin:20px auto;}
.pro-nav .pro-bot i img{width:100%;}
.pro-nav .pro-bot span{display: block; }
.pro-nav .pro-bot span em{display: block; text-align: center; line-height: 32px; font-size: 16px; color:#FFFFFF;}
.pro-nav .pro-bot span p{text-align: center;line-height: 35px;font-size: 30px; color:#FFFFFF; font-family: "arial"}

/*另外产品调用*/
.other{width:900px;}
.other ul li{float:left;width:280px; margin: 0 30px 22px 0;}
.other ul li .pimg{display: block; width:280px; height:210px; border:1px solid #e1e1e1; overflow: hidden;}
.other ul li .pimg img{width:280px;height: 210px; transition: 1s;}
.other ul li em{display:block;white-space:nowrap; overflow:hidden;width:267px; text-overflow:ellipsis;line-height: 40px;font-size:15px; color:#333; padding-left:15px; background:#f1f1f1 url(../images/pro-jt3.png) no-repeat 90%;}
.other ul li:nth-child(3n){margin-right: 0;float: right;}
.other ul li:hover .pimg{border:1px solid #b40000;}
.other ul li:hover em{background:#b40000 url(../images/pro-jt3.png) no-repeat 90%;color: #fff;}
.other ul li:hover .pimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}

/*介绍*/
.js{background:url(../images/jsbg.jpg)  no-repeat center;padding:50px 0;}
.js .right li{float: left;width:600px;margin: 10px 0 25px 0;}
.js .right li img{width: 173px;height: 161px;display: block;padding-right: 20px;}
.js .right span{font-size:22px;color: #333;font-weight: 600;padding-top: 20px; display: block;letter-spacing: 5px;line-height: 36px;}
.js .right p{font-size: 15px;line-height: 30px;color: #666;}

/*关于我们*/
.about{background:url(../images/abbg.jpg) center;padding:60px 0;height: 445px;}
.about .wz{background-color: #fff;padding:20px 20px 50px 20px;width: 750px;}
.about .wz span{display: block;color: #b40000;font-size: 26px;font-weight: 600;line-height: 45px;}
.about .wz p{text-indent: 2rem;line-height: 30px;font-size: 15px;color: #666;}
.about .wz a.more{display: block;line-height: 30px;color: #b40000;font-size: 16px;font-weight:600;float: right;margin-right: 150px;}
.about .right{width: 300px;}
.about .right li{float: left;  width: 100%;margin: 10px 0 20px 0;}
.about .right span{font-size: 20px;color: #fff;font-weight: 600;padding-top: 15px; display: block;}
.about .right p{font-size: 15px;line-height: 30px;color: #ccc;}

/*介绍图标*/
.scroll_bg{width:100%;height:100%;background-image: url(../images/scroll_bg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.jz{color:#fff ;padding:80px 0;background-color: rgb(51 51 51 / 70%);}
.jz .list{margin-left:-82px}
.jz .list li{float:left;width:131px;margin-left:82px}
.jz .list li .wrap{display:table;width:100%;height:131px;position:relative}
.jz .list li .wrap:before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:url(../images/rzico.png) no-repeat 0 0;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:rotate(0);transform:rotate(0)}
.jz .list li .inner{display:table-cell;vertical-align:middle;text-align:center;padding:0 25px}
.jz .list li .inner p{text-align: center;}
.jz .list li:nth-child(2) .wrap:before{background-position:-214px 0}
.jz .list li:nth-child(3) .wrap:before{background-position:-427px 0}
.jz .list li:nth-child(4) .wrap:before{background-position:-642px 0}
.jz .list li:nth-child(5) .wrap:before{background-position:-855px 0}
.jz .list li:nth-child(6) .wrap:before{background-position:-1068px 0}
.jz .list li .wrap:hover:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.jz .list-tel{margin-top:50px;text-align:center}
.jz .list-tel p{margin:0 auto;width:340px;background:url(../images/rztel.png) no-repeat 0 0;height:64px;padding-left:110px;font-size:16px;line-height:40px}
.jz .list-tel strong{color:#fff;font-size:30px;}
.jz .list-tel .btn{display:block;width:190px;line-height:45px;margin:20px auto 0;color: #333; background-color: #ccc;border-radius: 20px; font-size: 16px;}

/*新闻*/ 
.news{padding:50px 0;background-color: #fff;}
.news_l{ float: left;width: 727px;}
.news_l ul{ margin-top: 18px; }
.news_l li a{ height: 40px;line-height: 40px;padding-left: 20px;position: relative;display: block;font-size: 16px;color: #333;}
.news_l li a em{ float: right;color: #888888;line-height: 40px;font-family: Arial;}
.news1 dl{height: 144px;padding: 30px 0 0;}
.news1 dt{float: left;width: 77px;height: 144px;display: block; }
.news1 dt em{width: 60px;height: 30px;display: block;line-height: 30px;background: #b40000;text-align: center;font-size: 18px;color: #fff; }
.news1 dd{ width: 650px;float: left;}
.news1 a.nname{font-size: 18px;color: #333;line-height: 30px;padding: 0 0 12px;font-weight: normal;display: block;transition: all 0.3s;}
.news1 p{color: #888;line-height: 26px;}
.news2 dl{height: 120px;padding: 20px 0;border-top: 1px dashed #c0bfbf;}
.news2 dt{float: left;width: 231px;height: 130px;display: block;overflow: hidden; }
.news2 dt img{width: 231px;height: 130px;display: block;transition: all 0.5s; }
.news2 dl:hover dt img{ transform: scale(1.05); }
.news2 dd{ width: 466px;float: left;height: 140px;margin-left: 30px;}
.news2 a.nname{font-size: 16px;color: #333;line-height: 22px;padding: 25px 0 16px;font-weight: normal;display: block;transition: all 0.3s;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.news2 p{color: #888;line-height: 26px;font-size: 14px;}
.news2 a.nname:hover,.news_r ul li a:hover,.news1 a.nname:hover{ color: #b40000; }
.news_r{ float: right;width:400px;}
.news_r p img{ display: block;width: 500px;height: 170px;margin-top: 30px; }
.news_r ul li{ padding-top: 27px;height: 120px;border-bottom: 1px dashed #c0bfbf;box-sizing: border-box;padding-left: 20px;    background: url(../images/news_ic.png) no-repeat left 23px; padding-left: 35px;}
.news_r ul li a{font-size: 16px;color: #333;line-height: 16px;padding: 0 0 14px;font-weight: normal;display: block;transition: all 0.3s;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.news_r ul li em{color: #888;line-height: 18px;display: block;font-size: 14px;}

/*底部*/
.footWrap{background:url(../images/ftbg.jpg) no-repeat center top;overflow:hidden;padding: 50px 0;}
.footer{width:1200px;margin:0 auto;overflow:hidden}
.fnav{overflow:hidden;width:320px;color:#fff;float:left;margin-top:60px}
.fnav span{ display: block; text-transform: uppercase;  height:45px;line-height:20px;background:url(../images/ftline.png) no-repeat left bottom;padding-left:32px;color:#fff;width:350px;box-sizing:border-box;font-size:20px;font-weight:400;margin-bottom:30px;position:relative}
.fnav span:before{content:"";position:absolute;left:0;top:0;width:23px;height:23px;background:url(../images/dhico.png) no-repeat}
.fnavv li{float:left;margin-bottom:30px;width:105px;}
.fnavv a{display:block;color:#fff;font-size: 16px;opacity:.5;}
.fnavv li:nth-child(3n){float:right}
.fcontact{overflow:hidden;width:780px;color:#fff;margin-top:60px;box-sizing:border-box}
.fcontact span{ display: block;text-transform: uppercase;  height:45px;line-height:20px;background:url(../images/ftline.png) no-repeat left bottom;padding-left:32px;color:#fff;box-sizing:border-box;font-size:20px;font-weight:400;margin-bottom:30px;position:relative}
.fcontact span:before{content:"";position:absolute;left:0;top:0;width:23px;height:23px;background:url(../images/lxico.png) no-repeat}
.fcontact li{color:#999;width:300px;float:left;margin-bottom:40px;font-weight:400}
.fcontact li b{display:block;font-size:15px}
.fcontact li a{color:#999;}
.fcontact li em{padding:0 10px}
.footWrap2{height:60px;line-height:60px;color:#fff;opacity:.5}
.footWrap2 span{float:left}
.footWrap2 a{color:#fff}