/* CSS Document */
/*logo*/
.topbg{width:100%;  border-bottom:1px solid #dbdbdb;text-align:left; line-height:40px; float:left; background:#f9f9f9;}
.top{ width:100%; float:left; font-size:14px; z-index:}
.topcon{width:1200px; margin:0 auto;}
.tleft{ float:left; color:#444;}
.tright{ float:right; color:#444;}
.tright li{ float:left; margin:0 10px;}
.tright a{ color:#444; font-size:14px;}
.top{width:100%; float:left; }
.logo{ float:left; margin:20px 0;}
.tags{ margin-top:20px; margin-left:20px; color:#414242; font-size:16px; line-height:30px; text-align:left; border-left:1px solid #e4e4e4; padding-left:20px;}
.tags strong{ color:#dc241c; font-size:18px; display:block;}
.tel{float:right;background:url(../images/tel.jpg) no-repeat left top; text-align:left; font-size:14px; color:#191919; padding:54px 0 0 0;  margin:10px 0; width:215px;}
.tel span{ display:block; font-size:24px; color:#ff8400; font-family:Arial, Helvetica, sans-serif; text-align:center;}


.menubg{height: 50px; position:relative; z-index:10; width:100%; background:url(../images/nav_bg.jpg) repeat-x left top; float:left;}
.menu{width:1200px; height:50px; margin:0px auto;position:relative;  }

.menu ul li a{ color: #fff;font-size: 16px;font-family: "microsoft yahei";display: block;height: 50px;line-height: 50px;width:133px;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float: left;  position: relative; z-index:999;
text-align: center; }
.menu li a:hover{ background:url(../images/hoverf.png) center no-repeat #e99315; color:#fff;}
.menu li #current{background:url(../images/hoverf.png) center no-repeat #e99315;}



/*下拉菜单*/
.menu li.mainlevel{ position:relative; z-index:10000;}
.menu li.mainlevel ul{ overflow:hidden; background:rgba(254,76,14,0.8); padding:0px 0; width:100%; }
.lbul{ display:none; position:absolute; left:0px; top:50px; width:100%;z-index:10001; }
.menu li.mainlevel ul li{float:none;background:none; display:block;height:40px; margin:0; width:auto;border:none;}
.menu li.mainlevel ul li a{font-size:14px; background:none; color:#fff;display:block;height:40px;  font-weight:normal;line-height:40px; padding:0; border-bottom:1px solid #fff}
.menu li.mainlevel ul li a:hover{ background: #f9ce05; color:#000; font-weight:normal; text-decoration:none;height:40px;line-height:40px;border-bottom:1px solid #FFF500}
/*导航结束*/
.fixedNav {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;_position: absolute;_top:expression(eval(document.documentElement.scrollTop));}


.banner{width:100%; position:relative; float:left;}
.banner img{width:100%;}

/*主体部分*/
.wrap{position:relative; float:left; width:100%;}
.w1100{width:1100px; margin:0 auto; position:relative;}
.w1200{width:1200px; margin:0 auto; position:relative;}
.wm{ margin:20px auto;width:100%; float:left;}


/*产品类别*/
.pcate{width:258px; float:left;}
.cate{ height:97px; background:url(../images/pt.jpg) no-repeat left top; font-size:24px; color:#fff; font-size:24px; padding-top:30px;}
.cate span{ display:block; font-size:18px; color:#fff; text-transform:uppercase; margin-top:10px;}
.pc{ background:#efefef; padding:10px;}
.pc li{ height:45px; width:100%; line-height:45px; margin:0 0 20px 0; text-align:left;}
.pc li a{ display:block;background:url(../images/cp_t2.png) no-repeat 20px center #dc241c; color:#fff; font-size:16px; padding-left:40px;}
.pc li a:hover{ background:url(../images/cp_t2.png) no-repeat 20px center #ff8400;}
.pd{ padding:30px 10px; text-align:left; background:url(../images/phone.png) no-repeat 20px center #dc241c; color:#fff; font-size:16px; padding-left:60px;}
.pd span{ font-size:21px; font-weight:bold; display:block;}
.pa{ padding:20px 10px 20px 60px; background:url(../images/adress.png) no-repeat 30px center #353537; font-size:16px; color:#cecece; text-align:left;}

/*产品展示*/
.product{width:100%; float:left; margin:20px 0;}
.pcon{width:900px; float:right;}
.pcon li{ float:left; margin-right:20px; margin-bottom:10px;  }
.pcon li a{ display:block; width:100%;}
.pcon li .pic{padding:10px; border:1px solid #dbdbdb; width:260px;height:200px; overflow:hidden;}
.pcon li img{width:260px; height:200px;transition: all 0.5s;transform: scale(1);}
.pcon li a:hover img{transition: all 0.5s;transform: scale(1.2); border:1px solid #dc241c;}
.pcon li:nth-child(3n){ margin-right:0;}
.pcon li p{ height:40px; line-height:40px; color:#222; font-size:16px;}


/*我们的优势*/
.advg{width:100%; float:left; background:url(../images/ys_bg.jpg) no-repeat center top; position:relative; padding:40px 0;}
.advt{width:100%; float:left; position:relative;}
.advt a{color: #fff;font-size: 30px;font-weight: bold;display: block;text-align: center;}
.advt p{color: #fff;font-size: 16px;font-weight: bold;text-align: center; border:1px solid #fff; width:360px; margin:30px auto 0 auto; height:40px; line-height:40px;}
.youshi{ text-align:left; padding:60px 0 20px 0;float:left; width:100%;}
.youshi dl dt{ font-size:24px; color:#333;}
.youshi dl dd.en{ font-size:12px; color:#666666; margin:5px 0; text-transform:uppercase;}
.youshi dl dd{ margin:8px 0; font-size:16px; color:#333; line-height:30px;}

.youshi .ul_1{ background:url(../images/ys1.png) no-repeat left top; padding-left:90px;}
.youshi .ul_2{ background:url(../images/ys2.png) no-repeat left top; padding-left:90px; margin-top:100px;}
.ys1{ float:left; width:530px;}
.ys2{ float:right; width:650px;}
.ys3{width:650px; float:left; margin-top:60px;}
.ys4{width:530px; float:right;margin-top:60px;}
.youshi .ul_3{background:url(../images/ys3.png) no-repeat left top; padding-left:90px;}
.youshi .ul_4{ background:url(../images/ys4.png) no-repeat left top; padding-left:90px; margin-top:100px;}

/*ban*/
.ban{width:100%; float:left; background:url(../images/bar.jpg) no-repeat center top;padding:20px 0;}
.bacon{width:1180px; margin:0 auto; position:relative;  text-align:left; }
.bacon p{ font-size:22px; color:#fff;}
.bacon span{ font-size:12px; color:#fff; margin:10px 0; display:block; font-family:Arial, Helvetica, sans-serif;}
.mat{ width:360px; height:30px; border:1px solid #fff; text-align:center; font-size:18px; color:#fff; line-height:30px; margin-left:80px; margin-top:20px;}
.mes{ margin-top:30px;}
.mes .dh{ float:left; background:url(../images/dh.jpg) no-repeat left center; padding:10px 0 10px 70px; color:#fff; font-size:16px;}
.mes .dh span{ margin:0; font-size:26px; color:#fff; font-weight:bold;}
.mes .zx{ float:left; margin-left:40px; width:127px; height:35px; margin-top:20px; background:url(../images/bar-more.png) no-repeat left top;}
.mes .zx a{ display:block;width:127px; height:35px; color:#dc241c; font-size:16px; line-height:35px; line-height:35px; text-indent:1em; text-align:left;}


/*公司简介*/
.about{width:100%; float:left; position:relative; margin:20px 0; background:url(../images/about_bg.jpg) no-repeat center bottom;}
.ab_con{width:100%; float:left; }
.abpic{ width:542px;float:right;margin-top:70px;}
.abpic img{width:542px; height:340px;}
.ab_nr{width:580px; float:left; text-align:left;margin-top:20px;}
.ab_nr h3{margin-bottom: 30px;}
.ab_nr h3 a{font-size: 36px;line-height: 50px;margin-top: 51px;margin-bottom: 20px;color: #dc241c;font-weight: 600;}
.ab_nr h3 a span{font-size: 18px;color: #999;text-transform: uppercase;font-weight: 100;text-transform: uppercase;display: inline-block;
margin-left: 20px;}
.ab_nr h5 a{font-size: 18px;color: #333;font-weight: 600;text-align: left;margin-bottom: 10px; display:block;}
.ab_nr p{font-size: 14px;color: #666;line-height: 26px;}
.ab_nr .abnav{ margin-top:30px; margin-left:50px;}
.ab_nr .abnav li{width: 98px;height: 30px;float: left;margin-right: 20px;}
.ab_nr .abnav li a{ display:block;border-radius: 3px;text-align: center;background: #dc241c;line-height: 30px;font-size: 14px;font-weight: 100; color:#fff;}
.ab_nr .abnav li a:hover{ background:#ff9f00;}

/*工程案例*/
.case{width:100%; float:left; margin:20px 0; position:relative;}
.tt {height: 85px;background: url(../images/tt_bg.png) center no-repeat;
text-align: center;margin-top: 40px;margin-bottom: 0; float:left; width:100%;}
.tt a span {font-size: 36px;color: #c4c4c4;font-family: "times new roman";display: block;text-transform: uppercase;}
.tt a p {font-size: 30px;color: #333;font-weight: 600;margin-top: -25px;
display: inline-block;background: #fff;position: relative;top: -10px;}
.c_con{width:100%; float:left; height:210px; overflow:hidden;}
.c_con li{width: 279px;float: left;margin:5px 15px 0 15px;}
.c_con li img{width: 275px;height: 180px;border: 1px solid #e2e2e2;}
.c_con li span {width:100%;text-align: center;line-height: 28px;float: left;font-size: 14px;color: #333;}

/*新闻资讯*/
.new{width:100%; float:left; position:relative; padding-bottom:20px; background:#f3f3f3;}
.new .tt a p{ background:#f3f3f3 !important;}
.new_con{width:100%; float:left;}
.new_con .nleft{width:585px;float: left;}
.new_con .nleft .lt{width:160px;height: 160px;float: left;background: #dc241c;text-align: center;color: #fff;}
.new_con .nleft .lt h1{font-size: 60px;margin-top: 25px;}
.new_con .nleft .lt h2{font-size:20px;line-height: 36px;}
.new_con .nleft .rt{float: right;width:425px;overflow: hidden;}
.new_con .nleft .rt img{width:425px;height: 160px;object-fit: cover;}
.new_con .nleft h3{width:100%;float: left;color: #dc241c;margin-top: 15px;line-height: 40px; text-align:left;}
.new_con .nleft p{width:100%;float: left;color: #666666;line-height: 26px; text-align:left;}
.new_con .nleft a{width: 84px;height: 28px;text-align: center;line-height: 28px;color: #fff;font-size: 12px;display: block;float: right;background: #dc241c;}
.new_con .nleft a:hover{color:#006dd9;background: #fff; }
.new_con .nright{width:585px;float: right;}
.new_con .nright li{width: 100%;float: left;margin-bottom: 20px;}
.new_con .nright li .lt{width: 100px;height: 100px;float: left;background: #dc241c;color: #fff;text-align: center;}
.new_con .nright li .lt h1{font-size: 50px;}
.new_con .nright li .lt h2{font-size: 20px;}
.new_con .nright li .rt{float: right;background: #fff;width:445px;padding:10px 20px;}
.new_con .nright li .rt h1{float: left;color: #333;font-size: 16px;line-height: 31px;}
.new_con .nright li .rt p{float: left;color: #666666;font-size: 14px;line-height: 25px; text-align:left;}
.new_con .nright li:hover .lt{background: #dc241c;}
.new_con .nright li:hover .rt{background: #f75f58;}
.new_con .nright li:hover .rt h1{color: #fff;}
.new_con .nright li:hover .rt p{color: #fff;}





/*footer*/
.footer{width:100%; float:left; position:relative;padding-bottom: 20px;background: #202020;color: #fff;padding-top: 7px;}
.footer a{ color:#fff;}
.fcon{width:1200px; margin:0 auto; position:relative;}
.fnav{height: 50px;margin-bottom: 20px;background: #ff8400;}
.fnav li{float: left;font-size: 16px;color: #fff;padding: 0 33px; line-height:50px;}
.fnav li a {color: #fff;display: inline-block;}
.fbot{margin-top: 15px;line-height: 30px;text-align: center; font-size:16px;}



/*左边*/
.sidebar { float: left; width:260px; }
.side-menuer { padding:20px; border:1px solid #ddd; }
.topclass { padding:0 0 40px; margin:0 0 30px; line-height:1.1; text-transform:uppercase; color:#333; background:url(../images/sider-line.png) left bottom no-repeat; }
.topclass h2 {font-weight:normal; font-size:32px; }
.side-menu { width:100%; margin:0 0 40px; }
.side-menu dd {line-height: 42px;background:#DC241C;margin-bottom: 14px; }
.side-menu dd > a { display:block; font-size:18px;text-align: center; color:#fff; }
.side-menu dd > a:hover{ background:#FF9C01;}
.side-img .head { padding: 0 0 40px;margin: 0 0 30px;line-height: 1.1;text-transform: uppercase;color: #333;background: url(../images/sider-line.png) left bottom no-repeat;}
.side-img .head h2 { font-weight: normal;font-size: 32px;font-family: Arial;}
.side-img .main { background:#fff; text-align:left;}
.side-img img { display:block; width:100%; }


/*右边*/
.sright{width:900px; float:right; text-align:left;}
/*面包屑*/
.location { height:45px; border-bottom:1px solid #ddd; position:relative; margin-bottom:30px; }
.location:before { content:''; width:40px; height:3px; background:#ff0066; position:absolute; left:0; bottom:-1px; }
.location h2 { font-size:20px; height:24px; line-height:24px;  }
.location .io { height:24px; line-height:24px; position:absolute; right:0; top:0; color:#666; background:url(../images/ico-location.png) left center no-repeat; padding:0 0 0 25px; }
.location .io b { color:#999; }

.about-detail { text-align:left;padding: 0 0 40px; font-size:16px; }




/*新闻列表*/
.g-ico {
  background: url(../images/g-ico.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.thumblist{width:100%; float:left;text-align:left;}
.thumblist .item {padding: 0 0 20px 0;}
.thumblist .item:first-child {border-top: 0 none;}.thumblist .item a {display: block;}
.thumblist .item .img {width: 300px;height: 169px;overflow: hidden;}
.thumblist .item .img img {width: 100%;display: block;
height: 100%;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.thumblist .item .img:hover img {transform: scale(1.06, 1.06);}
.thumblist .item .txt {width: 580px;}
.thumblist .item .txt h3 {font-size: 20px;}
.thumblist .item .txt .desc {padding-top: 18px;color: #999;height: 90px;overflow: hidden;line-height: 24px;}
.thumblist .item .txt span {display: inline-block;font-size: 16px;color: #666;padding-right: 26px;}
.thumblist .item .txt span em {width: 21px;height: 18px;display: inline-block;margin-right: 10px;background-position: -80px -144px;}
.thumblist .item .txt span .time {background-position: -80px -164px;}



/*新闻详情*/
#newTitle{ line-height:45px; font-size:25px; text-align:center;}
#newsInfo{ height:32px; line-height:32px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:32px; padding:10px; text-align:left;}
#newsContent img{max-width:100%; text-indent:0em;}
#newsInfo i{ margin-right: 5px; }
.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; text-align:left;}
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px;float: right; }
.sha a{ float: left; margin-left: 10px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }



/*产品列表*/
.plist{width:100%; float:left;}
.plist .item {position: relative;width:275px;float: left;margin: 0 30px 40px 0;overflow: hidden;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: #fff;}
.plist li:nth-child(3n){ margin-right:0;}
#honor .item .img img{width:275px; height:324px;}
.plist .item .img {display: block;width: 100%;}
.plist .item .img img {width:275px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;display: block;height:180px;}
.plist .item .txt {padding: 20px;height: 48px;border: 1px solid #ddd;border-top: 0 none; text-align:center;}
.plist .item .txt h3 {font-size: 16px;height: 30px;line-height: 30px; font-weight:normal;color: #000;}
.plist .item:hover {box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);}
.plist .item:hover h3 {color: #DC241C;}
.plist .item:hover .img img {transform: scale(1.06, 1.06);}



/*上一条下一条*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{ height:33px; line-height:33px;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a{color:#333333; font-size:14px;}
#prev_next li a:hover{ color: #FF0000; }


/*分页*/
.page{width:100%; float:left;}

/*相关推荐*/
.relateTit{width: 100%; height: 58px; line-height: 58px; border-bottom: 1px solid #e4e4e4; margin-bottom: 28px;}
.relateTit h3{font-size: 24px; display: inline-block; *display: inline; *zoom: 1; position: relative; float:left;}
.relateTit h3 s{width: 28px; height: 25px; margin-right: 8px; background-position: -435px -33px;}
.relateTit h3 .line{width: 100%; height: 2px; display: block; position: absolute; left: 0; bottom: -1px; background: #047fcc;}
.relateBox{padding-bottom: 10px;}

/*咨询留言*/
.msgPage .title{font-size: 32px; color: #047fcc; text-align: center; padding: 22px 0 20px;}
.msgPage .formData{width: 649px; margin: 0 auto;}
.formData{padding: 20px 0 58px;}
.formData .im{width: 192px; padding-left: 115px; height: 52px; line-height: 52px; float: left; color: #999; border: 1px solid #d8d8d8; margin-right: 31px; margin-bottom: 18px; position: relative;}
.formData .im label{padding-left: 36px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 52px; line-height: 52px; font-size: 16px; color: #999999;}
.formData .im label s{width: 18px; height: 18px; position: absolute; left: 8px; top: 18px; background: url(../images/msg-ico.png) no-repeat 0 center;}
.formData .im input{outline: none; background: none; border: 0 none; line-height: 35px; height: 35px; font-size: 14px;}
.formData .im .txt{width: 100%; height: 52px; line-height: 52px; display: block; color: #333; font-size: 14px;}
.formData .im .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .im.mr0{margin-right: 0;}
.formData .im.a1 label s{top: 16px; background-position: 0 center;}
.formData .im.a2 label s{top: 17px; background-position: -34px center;}
.formData .im.a3 label s{background-position: -64px center;}
.formData .im.a4 label s{background-position: -96px center;}
.formData .im.a5{width: 532px;}
.formData .im.a5 label s{width: 25px; left: 9px; top: 17px; background-position: -125px center;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 617px; height: 116px; float: left; padding: 15px 15px;}
.formData .liuyan label{height: 26px; line-height: 26px; padding: 0; left: 15px; top: 15px;}
.formData .liuyan textarea{width: 100%; height: 116px; line-height: 26px; text-indent: 42px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .btnbox{width: 100%; float: left;}
.formData .btnbox input{width: 190px; height: 55px; line-height: 55px; text-align: center; background: #047fcc; color: #fff; cursor: pointer; font-size: 22px; display: inline-block; *display: inline; *zoom: 1;}
.formData .btnbox input:hover{background: #bc070e; color: #fff;}
.formData .btnbox input.btn1{margin: 0 150px 0 60px;}
.formData .btnbox input.btn2{background: #999999;}
.formData .btnbox input.btn2:hover{background: #bc070e; color: #fff;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}

/*在线客服*/
.rightFix { width: 60px; height: 222px; position: fixed; right: 10px; bottom: 250px; z-index: 99; }
.rightFix .ico { width: 60px; height: 60px; display: block; position: relative; overflow: hidden; margin-top: 10px; border-radius: 60px; border: 1px solid #e72724; margin-bottom: 5px; background: #ffffff url(../images/fix-ico.png) no-repeat center 0; }
.rightFix .ico .box { width: 120px; position: absolute; left: -78px; top: 0; text-align: center; padding: 5px; background: #e72724; border: 1px solid #ddd; display: block; opacity: 0; filter: alpha(opacity=0); border-radius: 5px; background: #fff; }
.rightFix .ico .box img { width: 110px; height: 110px; display: block; }
.rightFix .ico span { width: 210px; text-align: center; height: 60px; line-height: 60px; position: absolute; left: -78px; top: 0; background: #e72724; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 60px; }
.rightFix .ico:hover { background-color: #e72724; border-color: #e72724; overflow: visible; }
.rightFix .ico:hover .box { opacity: 1; filter: alpha(opacity=100); left: -140px; }
.rightFix .ico:hover span { opacity: 1; filter: alpha(opacity=100); left: -215px; }
.rightFix .fix-tel { background-position: 11px 12px; }
.rightFix .fix-tel:hover { background-position: -33px 12px; }
.rightFix .fix-qq { background-position: 17px 19px; }
.rightFix .fix-qq:hover { background-position: -27px 19px; }
.rightFix .fix-ewm { background-position: 17px -35px; }
.rightFix .fix-ewm:hover { background-position: -27px -35px; }
.rightFix .fix_top { background-position: 18px -91px; }
.rightFix .fix_top:hover { background-position: -27px -91px; }
.rightFix .fix-form { background-position: 10px -234px; }
.rightFix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; }
.rightFix .fix-form:hover { background-position: -37px -234px; }

.ewmbox2 { width: 300px; height: 320px; padding-top: 20px; background: #fff; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -150px; text-align: center; font-size: 16px; display: none; }
.ewmbox2 .close { width: 32px; height: 32px; position: absolute; top: -25px; right: -40px; cursor: pointer; border-radius: 100%; background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center; transition: all ease 300ms; }
.ewmbox2 .close:hover { transform: rotate(180deg); }
.ewmbox2 img { width: 260px; height: 260px; display: block; margin: 0 auto 10px; }