﻿/*logo*/
.top{width:100%; overflow:hidden; background:url(../images/top-bj.jpg) no-repeat center top; }
.topcon{width:1100px; margin:0px auto;}
.logo{ float:left; margin:30px 0;}
.tel{ float:right; margin:40px 0 0 0; background:url(../images/tel.png) no-repeat left center;  padding-left:70px; text-align:left; color:#fff;}
.tel span{ display:block; font-size:24px; color:#f9ce05; font-family:"黑体";}
.menubg{width:100%;  font-size:14px; font-family:'Microsoft Yahei'; background:url(../images/nav_bg.jpg) repeat-x left top; height:42px;}
.menu{width:1100px; height:42px; margin:0px auto;position:relative;  }

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;  text-align:center; display:block;  width:120px;  height:42px; line-height:42px;  color:#fff;   overflow:hidden;  font-size:14px; font-family:"微软雅黑";height:auto !important;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative; background:url(../images/middle_line.jpg) no-repeat left center;}
.menu li a:hover{ background:url(../images/nav_hover_bg.png) no-repeat center; color:#940c16;}
.menu li #current{background:#fff; border-radius:5px; color:#38761d;}
.menu li.home{ background:none;}
/*下拉菜单*/
.menu li.mainlevel{ position:relative; z-index:10000;}
.menu li.mainlevel ul{ overflow:hidden; background:rgba(0,138,255,0.8); padding:0px 0; width:100%; }
.lbul{ display:none; position:absolute; left:0px; top:42px; width:100%;z-index:10001; }
.menu li.mainlevel ul li{float:none;background:none; display:block;height:40px; margin:0; width:auto;}
.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 #008aff}
.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}
/*导航结束*/




.menu a:nth-of-type(1) {
    animation-delay: 0.1s;
}
.menu a:nth-of-type(2) {
    animation-delay: 0.2s;
}
.menu a:nth-of-type(3) {
    animation-delay: 0.3s;
}
.menu a:nth-of-type(4) {
    animation-delay: 0.4s;
}
.menu a:nth-of-type(5) {
    animation-delay: 0.5s;
}
.menu a:nth-of-type(6) {
    animation-delay: 0.6s;
}
.menu a:nth-of-type(7) {
    animation-delay: 0.7s;
}
.menu a:nth-of-type(8) {
    animation-delay: 0.8s;
}

/*banner*/
#banner{margin:0 auto;}
#banner,#banImg,#banImg img{width:100%;height:450px;overflow:hidden;}
#banner div,#banNum{top:-23px;height:23px;margin-bottom:-23px;position:relative;}
#banner div{filter:alpha(opacity=25);-moz-opacity:0.25;opacity:0.25;background-color:#000;}
#banNum{ display:inline-blockmargin-right:10px;}
#banNum li{ display:inline-block;background:#FFF;margin-left:5px;height:13px;width:13px;cursor:pointer;margin-top:8px;line-height:0;font-size:0;}
#banNum li.crn{background-color:#F15D17;}

/*加盟公告*/
.notice{ background:#ededed; height:51px;}
.ncon{width:1100px; margin:0 auto;}
.notice .nti{ background:url(../images/hot_dt_bg.jpg) no-repeat left center; float:left; width:131px; height:47px; line-height:47px; color:#fff; font-size:18px;}
.notice .mq{width:88%; float:right; line-height:47px; color:#39343a; font-size:14px;}


/*主体部分*/
.wrap{width:100%; position:relative; overflow:hidden;}
.w1100{width:1100px; margin:0px auto;}
.wm{ margin:20px 0px; overflow:hidden;}


/*产品展示*/
.pti{ background:url(../images/gltd-bt.jpg) no-repeat center;}
.pti h3{ font-size:18px; color:#39343a; font-weight:normal; line-height:72px;}
.pcon{ position:relative; margin:0 auto; overflow:hidden;}
.pcon li{ float:left; margin-right:10px;}
.pcon li a{ display:block; overflow:hidden; font-size:14px; color:#333;}
.pcon li img{ display:block; width:265px; height:195px; border:1px solid #b6271f;}
.pcon li p{ height:30px; line-height:30px;}
.pmore{width:120px;margin:0 auto;}
.pmore a{ display:block; border:1px solid #b6271f; color:#333; font-size:14px; line-height:33px;width:120px; height:33px;}
.pmore a:hover{ background:#b6271f; color:#fff;}

/*关于我们*/
.about{width:100%; background:#ededed; padding:20px 0;}
.abtit{ background:url(../images/brand_tit.jpg) no-repeat center top; height:57px; color:#333; font-size:24px;}
.abtit span{ display:block; color:#333; font-size:18px;}
.abcon{ padding:20px; overflow:hidden;}
.abcon .abpic{ float:left; background:url(../images/tv.jpg) no-repeat left top; width:412px; height:315px;}
.abcon .abpic #CuPlayer{width:365px; height:287px; padding:13px 0 0 15px;}
.abcon .abtxt{width:60%; float:right; text-align:left;}
.abcon .abtxt .abnr{ text-align:left; line-height:30px; font-size:14px; color:#30382d; text-indent:2em;}
.abcon .abtxt a{ color:#bd2726; font-size:14px;}
.abcon .abtxt a:hover{ color:#FE8A00;}


.abnav ul{ text-align: center;}
.abnav ul li{float: left;  text-align: center; overflow: hidden; margin:0 35px;}
.abnav ul li a{ display: block; width: 150px; height: 190px;}
.abnav ul li a p{ color: #555555; height: 20px; line-height: 320px; } 
.abnav ul li a p span{ display:inline-block;}
.abnav ul li a img { width: 142px; height: 144px;   border: 1px #FFF solid;  display: inline-block; border:none; outline: 0;}
.abnav ul li a:hover{ display: block;}
.abnav ul li a:hover p{ color: #9b0101;}
#pic_1 a{background:url(../images/pic_1_hover.jpg) no-repeat;    }
#pic_2 a{background:url(../images/pic_2_hover.jpg) no-repeat;    }
#pic_3 a{background:url(../images/pic_3_hover.jpg) no-repeat;   }

#pic_1 a:hover{background:url(../images/pic_1.jpg) no-repeat;  }
#pic_2 a:hover{background:url(../images/pic_2.jpg) no-repeat;  }
#pic_3 a:hover{background:url(../images/pic_3.jpg) no-repeat;  }

/*工程案例*/
.cases{width:100%; background:url(../images/bg2.jpg) repeat-x left top; padding:40px 0px;}
.cases .ctit{ color:#fff; background:url(../images/ctbg.jpg) repeat-x left center;}
.cases .ctit h3{width:120px; margin:0 auto; background:#b72525; font-weight:normal; font-size:24px;}
.cases .casecon{ padding:20px 0px; overflow:hidden; position:relative;}
.cases .casecon .hd{width:72px; margin:20px auto 0;}
.cases .casecon .hd .prev{ display:block;  width:36px; height:36px;   overflow:hidden; cursor:pointer;  background:url(../images/left.jpg) no-repeat left top; display:inline-block; }
.cases .casecon .hd .next{ display:block;  width:36px; height:36px;  overflow:hidden; cursor:pointer;background:url(../images/right.jpg) no-repeat right top;display:inline-block;}
.cases .casecon .bd{ margin:0px auto; overflow:hidden; position:relative;}
.cases .casecon .bd li{ float:left; margin:0px 10px; position:relative; overflow:hidden; background:#fff;}
.cases .casecon .bd li a{width:255px; height:225px; display:block;}
.cases .casecon .bd li img{width:255px; height:195px;}
.cases .casecon .bd li p{ height:30px; line-height:30px; color:#333; font-size:14px;}
.cmore{width:100px; height:33px; margin:0px auto;}
.cmore a{ color:#333; font-size:14px;display:block; background:#fff; height:33px; line-height:33px;}
.cmore a:hover{color:#b72525;}



/*新闻动态*/
.news{width:100%; overflow:hidden; background:url(../images/s3head.png) no-repeat center top; padding-top:83px;}
.newcon{ padding:20px 0; overflow:hidden;}
.newcon li{ display:block; float:left; margin:10px; width:46%;height:70px;}
.newcon li:nth-child(2n){float:right;}
.newcon li a{ display:block;}
.newcon li .date{ color:#727272; font-size:30px; border:1px solid #bd2726; color:#727272; width:90px; float:left;}
.newcon li .date span{ background:#bd2726; display:block; color:#fff; font-size:18px;}
.newcon .nr{ width:80%; float:right; text-align:left;}
.newcon .nr .ti{ color:#333; font-size:16px; color:#333;}
.newcon .nr .info{ color:#666; font-size:14px; line-height:24px;}
.newcon li a:hover .date span{ background:#333;}
.newcon li a:hover .ti{ color:#bd2726; text-decoration:underline;}


/*联系我们*/
.contact{background: url(../images/s5bg.jpg) no-repeat 50% 0;
  height: 501px;}
.w900{margin: 0 auto;overflow: hidden;width: 900px;}
.contact .title {text-align: center; margin-top: 90px;}
.contact .title .en {font-size: 18px;color: #ababab;font-family: arial;
display: block;}
.contact .title .zn {font-size: 30px; color: #333;font-weight: bold;}
.contact .fl {margin: 50px 0 0 160px;color: #333;line-height: 24px; text-align:left;}
.contact .fr {color: #333;line-height: 24px;width: 320px;margin-top: 40px; text-align:left;}


/*footer*/
.footer{width:100%; padding:10px 0px; background:#151515; color:#989393; font-size:14px; line-height:30px; overflow:hidden;}
.footer a{ color:#989393; font-size:14px;}
.footer .fcon{width:1100px; margin:0px auto;}
.footer .fleft{width:50%; float:left; text-align:left;}
.footer .fright{width:50%; float:right; text-align:right;}

/*内页部分*/
.box{width:100%; margin:20px 0px; overflow:hidden;}
.boxcon{width:1100px; margin:0px auto;}

/*侧导航*/
.subleft {width: 224px;padding-bottom: 50px;}
.subleft .lefta {padding-bottom: 30px;}
.subleft .lefta .tik {background: url(../images/tik.jpg);height: 70px;border-bottom: 5px solid #831b1a;}
.subleft .lefta .tik span {padding-left: 30px;font-size: 20px;
color: #fff;display: block;padding-top: 15px;font-weight: bold;}
.subleft .lefta .tik span p {font-family: arial;
font-size: 14px;text-transform: uppercase;font-weight: normal;}
.subleft .lefta .comt {background: #fff;padding: 5px 0px;box-shadow: 0px 2px 3px #ddd;}
.subleft .lefta .comt ul li {height: 50px;line-height: 50px;border-bottom: 1px solid #bababa; text-align:left;}
.subleft .lefta .comt ul li a {font-size: 14px;color: #000;display: block;padding-left: 50px;background: url(../images/lefta.jpg) no-repeat 23px 17px;}
.subleft .lefta .comt ul li a:hover,
.subleft .lefta .comt ul li a.hover {color: #fff;background: url(../images/lefthover.jpg) no-repeat 23px 17px #000;text-decoration: none;}
.subleft .tjcomt .tik {padding-bottom: 10px;height: 38px;display: block;}
.subleft .tjcomt .tik span.fl {color: #bd2726;font-size: 38px;font-weight: bold;width: 50%;height: 38px;line-height: 38px;}
.subleft .tjcomt .tik span.fr {width: 48%;padding-top: 3px;padding-left: 2%;}
.subleft .tjcomt .tik span.fr i.i1 {font-size: 16px;color: #bd2726;display: block;font-weight: bold;}
.subleft .tjcomt .tik span.fr i.i2 {font-family: arial;color: #666;}
.subleft .tjcomt .comt {background: #bd2726;padding: 5px;height: 199px;}
.subleft .leftcontact {padding-top: 30px; text-align:left;}
.subleft .leftcontact .subtik {background: url(../images/cont.jpg) no-repeat left top;height: 38px;padding-bottom: 10px;}
.subleft .leftcontact .subtik span {color: #666;padding-left: 115px;display: block;}
.subleft .leftcontact .subcomt {background: url(../images/contik.jpg) no-repeat top center;}
.subleft .leftcontact .txt {line-height: 24px;padding-top: 10px;display: block;
}
.subright { width: 850px; padding-bottom: 65px; text-align:left;}
/*详细页面*/
.sobtitle {height: 33px;line-height: 33px;margin-bottom: 20px;border-bottom: 1px solid #818181;}
.sobtitle p.fl {color: #bd2726;font-size: 16px;font-weight: bold;}
.sobtitle p.fl i {width: 10px;height: 15px;background: #bd2726;margin: 8px 10px 0px 0px;float: left;}
.sobtitle .sitepath {padding-right: 20px;}
i {font-style: normal;}
.content{ text-align:left; padding:10px; line-height:25px; color:#333; font-size:14px; letter-spacing:0; word-spacing:0;}




/*产品展示页面*/
.subright .produtlist .list {overflow: hidden;}
.subright .produtlist .list .itag {width: 104%;overflow:hidden;}
.subright .produtlist .list li {margin:0 25px 20px 25px;float: left;width: 220px;display: inline;text-align: center;}
.subright .produtlist .list li div {width: 220px;height: 165px;vertical-align: middle;display: block;background: #fff;border: 5px solid #fff;-webkit-box-shadow: #ccc 0px 0px 5px;-moz-box-shadow: #ccc 0px 0px 5px;box-shadow: #ccc 0px 0px 5px;overflow: hidden;}
.subright .produtlist .list img {width: 215;height: 161px;transition: all ease-in .3s;}
.subright .produtlist .list li:hover div {-webkit-box-shadow: #999 0px 0px 8px;-moz-box-shadow: #999 0px 0px 8px; box-shadow: #999 0px 0px 8px;}
.subright .produtlist .list li:hover img {transform: scale(1.02);}
.subright .produtlist .list li a {font-size: 14px;line-height: 35px;display: block;}




/*新闻页面*/
.subright .listnews ul li {padding: 15px 0px;border-bottom: 1px dotted #a6a5a5;height: 111px;}
.subright .listnews ul li a {display: block;width: 100%;}
.subright .listnews ul li a img {float: left;display: block;width: 158px;height: 99px;padding: 5px;border: 1px solid #c7c7c5;background: #fff;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
.subright .listnews ul li a .txt {width: 655px;float: right; text-align:left;}
.subright .listnews ul li a .txt p {height: 24px;}
.subright .listnews ul li a .txt p span {display: block;height: 24px;line-height: 24px;}
.subright .listnews ul li a .txt p span.fl {font-size: 14px;font-weight: bold;}
.subright .listnews ul li a .txt p span.fr {color: #666;text-align: right;}
.subright .listnews ul li a .txt span.span {color: #666;line-height: 24px;display: block;height: 48px;}
.subright .listnews ul li a .txt i {width: 101px;height: 32px;line-height: 32px;text-align: center;color: #fff;display: block;background: #bd2726;
float: right;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
.subright .listnews ul li a:hover {text-decoration: none;}
.subright .listnews ul li a:hover img {border-color: #e02e2d;background: #e02e2d;}
.subright .listnews ul li a:hover i {background: #e02e2d;}


/*下载*/
.subright .listnews ul li a .detail{width:100% !important;}



/*详细页面*/
.subright .aboutlist {padding: 0px 0px 20px;line-height: 26px;}
.subright .conBox {padding: 0px 0px 20px;line-height: 24px;color: #333;}
.subright .ArticleTitle h1 {padding-top: 10px;font-size: 16px;line-height: 26px;text-align: center;padding-bottom: 5px;border-bottom: 1px dotted #a6a6a6;color: #bd2726;}
.subright .ArticleMessage {text-align: center;line-height: 22px;height: 22px;border-bottom: 1px dotted #a6a6a6;margin-bottom: 10px;}
.subright .ArticleTencont {padding: 5px 0px 20px 0px;line-height: 2em;overflow: hidden;}
.subright .ArticleTencont img {max-width: 100%;}

/*上一篇下一篇*/
.subright .reLink {height: 30px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;width: 100%;margin: 10px auto 10px;}
.subright .reLink .prevLink {float: left;margin-left: 10px;height: 30px;line-height: 30px;}
.subright .reLink .nextLink {float: right;margin-right: 10px;height: 30px;line-height: 30px;}



/*漂浮*/
#floatmenu1 p{margin: 0}
#floatmenu1 a {	color:#666;	text-align:center;	text-decoration:none}
.listnav {width:87px;position:fixed!important;position:absolute;z-index:999;bottom:5%;display:block; right: 5px}
.listnav_a {width:87px;	left:94%;position:fixed!important;position:absolute;z-index:5;bottom:5%;display:block}
.weixin_show {width:120px;height:150px;position:absolute;top:75px;left:-130px;padding:5px;background:#ff8400;text-align:center;color:#fff;font-size:14px;line-height:30px}
.qq_show {width:130px;height:65px;position:absolute;top:0px;left:-130px;padding-top:10px;background:#ff8400;text-align:center;color:#fff;font-size:14px;line-height:26px}
#floatmenu_qq {width:87px;height:75px;text-align:center;background:url(../images/piaofu.png) no-repeat 0px 0px;	display:block;}
a#floatmenu_qq {color:#fff}
#floatmenu_weixin {width:87px;height:25px;	padding-top:50px;background:url(../images/piaofu.png) no-repeat 0px -75px;display:block}
#floatmenu_zixun {width:87px;height:25px;padding-top:50px;background:url(../images/piaofu.png) no-repeat 0px -150px;display:block}
#floatmenu_tousu {width:87px;height:25px;padding-top:50px;background:url(../images/piaofu.png) no-repeat 0px -225px;display:block}
#floatmenu_fanhui {	width:87px;height:25px;padding-top:50px;background:url(../images/piaofu.png) no-repeat 0px -300px;display:block}
#floatmenu_qq:hover {background:url(../images/piaofu.png) no-repeat -88px 0px;color:#fff}
#floatmenu_weixin:hover {background:url(../images/piaofu.png) no-repeat -88px -75px;color:#fff}
#floatmenu_weixin:hover .weixin_show {display:show}
#floatmenu_zixun:hover {background:url(../images/piaofu.png) no-repeat -88px -150px;color:#fff}
#floatmenu_tousu:hover {background:url(../images/piaofu.png) no-repeat -88px -225px;color:#fff}
#floatmenu_fanhui:hover {background:url(../images/piaofu.png) no-repeat -88px -300px;color:#fff}