ol,ul,li{list-style: none;}
a{text-decoration:none;}
body, div,iframe, ul, ol, dl, dt, dd, li, dl,   
h1, h2, h3, h4, table,th, td, input, button, select,span,  
 textarea,img,a{  
    margin:0;   
    padding:0;
    border: 0;
    font-family: "微软雅黑";
}
*{margin: 0; padding: 0;}
ul,li{list-style: none;}
html,body{width: 100%; margin: 0 auto; height: auto;}
#main{width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
#top{width: 100%; height: 100px; background:white;overflow: hidden;}
.topcon{width: 1200px; height:100px; margin: 0 auto; overflow: hidden;}
.topcon>a{display: block;float:left; margin-top: 30px; margin-right: 20px;}
.nav{width: 880px; height: 100px; overflow:hidden; float: left;}
.nav li{width: 110px; height:100px; float: left; text-align: center; line-height: 100px;}
.nav li:nth-child(2){width: 110px; height:100px; float: left; text-align: center; line-height: 17px;}
.nav li:nth-child(7){width: 110px; height:100px; float: left; text-align: center; line-height: 17px;}
.nav li a p{margin-top: 32px; font-size: 16px;}
.nav li a{color:#333; font-size: 16px;}
.nav li:hover a{color:white;}
.nav li:hover{background:#af1a19;}
.nav .li{background:#af1a19;}
.nav .a{color: white;}
.wen{width: 29px; height: 38px; float: right; margin-top: 25px;}
.wen>div{width: 26px; border: 1px solid #ccc; margin: 0 auto; margin-top: 3px; margin-bottom: 3px;}
.wen a{text-align: center; color: #ccc; font-size: 14px; display:block; margin: 0 auto;}

.banner{width: 100%;margin: 0 auto; overflow: hidden; position: relative; height: 600px;}
.banner ul{width:100%; overflow: hidden;}
.banner ul li{float: left;}
.banner img{display: block; margin:0 auto;}

#wmate{width: 100%; height: auto; margin: 0 auto;background:#fdfdfd;}
.mate{width: 1200px; height: 0 auto; margin: 0 auto;}
.mtl1{width: 1200px; height: 30px; margin: 0 auto;background: url(../../images/wy/gytop1.png) 0 0 no-repeat; margin-top: 50px;}
.mtext{width: 500px; height: 72px; margin: 0 auto;}
.mp1{font-size: 30px; color:#af1a19;text-align: center; }
.mp2{font-size: 24px;text-align: center; font-family: "Arial";color: black; }
.mtl2{width: 1200px; height: auto; margin: 0 auto; margin-top: 60px;}
.mtl2 p{text-align: center; margin-bottom: 20px;}

#product{width: 100%; height:auto; margin: 0 auto;background: url(../../images/wy/cp_bg.png) 0 0 no-repeat; background-position: center center; background-size:100% 100%;}
.pro{width:1200px; height:auto; margin: 0 auto; overflow: hidden;}
.pr_tl{width: 1200px; height: 75px; background: url(../../images/wy/cptop1.png) 0 0 no-repeat; margin-top: 30px; text-align: center; line-height: 67px;}
.prtext{width:413px; height: 50px; margin: 0 auto; overflow: hidden;}
.prtext p{display: block; float: left;}
.prtext img{display: block; float: left; margin-top: 26px; margin-left: 15px; margin-right: 15px;}
.prtext .prp1{font-size: 30px; color:#af1a19;  margin-left:38px;}
.prtext .prp2{font-size: 24px; font-family: "Arial";color: black; }
.pro2{width: 1200px; height: auto; overflow:hidden; margin: 0 auto; margin-top: 40px; padding-bottom: 40px; }
.pro2 .po{width: 1200px; height:278px; margin: 0 auto; overflow: hidden;position: relative;}
.pro2 .pr{width: 1200px; height:278px; margin: 0 auto; overflow: hidden;position: relative;}

.pdiv1{width: 600px; height: 278px; float: left; overflow: hidden; background: #ffffff;}
.pdiv2{width: 600px; height: 278px; float: left; overflow: hidden; overflow: hidden;}
.pdiv2 img{display: block; margin: 0 auto;-webkit-transition: 2s;}
.po:hover img{-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.pr:hover img{-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.pdiv3{width: 600px; height: 278px; float: left; overflow: hidden;background: #ffffff;}
.ptl1{font-size: 18px; color: #333; margin-top: 40px; margin-left: 423px; margin-bottom:25px;}
.ptl1>a{font-size: 18px; color: #333; }
.ptl2>a:hover{font-size: 18px; color: #af1a19; }
.ptl3>a:hover{font-size: 18px; color: #af1a19; }
.ptl1>a:hover{font-size: 18px; color: #af1a19; }
.ptl4>a:hover{font-size: 18px; color: #af1a19; }
.ptl3{font-size: 18px; color: #333; margin-top: 40px; margin-left: 291px; margin-bottom:25px;}
.ptl3>a{font-size: 18px; color: #333; }
.hr{width: 51px; height: 3px; background: #af1a19;position:relative; left: 515px;}
.pdiv3 .ptl2{font-size: 18px; color: #333; margin-top: 40px; margin-left:23px; margin-bottom:25px;}
 .ptl2>a{font-size: 18px; color: #333; }
.pdiv3 .ptl4{font-size: 18px; color: #333; margin-top: 40px; margin-left:23px; margin-bottom:25px;}
 .ptl4>a{font-size: 18px; color: #333;}
.pdiv3 .hr{width: 51px; height: 3px; background: #af1a19;position:relative; left: 27px;}
.pdiv1 p{text-align: right; width: 499px; color:#666; margin-left: 72px; margin-top: 25px; font-size: 14px;}
.pdiv1 .pa{width: 102px; height: 33px; border: 1px solid #b7b5b5; display: block; font-size: 14px; text-align: center; line-height: 33px; color: #b7b5b5;font-family: "Arial"; position: relative;top:25px; left: 458px;}
.pdiv1 .pa:hover{background:#af1a19; color: white;}
.pdiv3 .pa:hover{background:#af1a19; color: white;}
.pdiv3 p{ width: 499px; color:#666; margin-left: 25px; margin-top: 25px; font-size: 14px; text-align: left;}
.pdiv3 .pa{width: 102px; height: 33px; border: 1px solid #b7b5b5; display: block; font-size: 14px; text-align: center; line-height: 33px; color: #b7b5b5;font-family: "Arial"; position: relative;top:25px; left: 28px;}
.san{width: 22px; height: 25px;background: url(../../images/wy/san.png) 0 0 no-repeat; position: absolute; top:119px; left: 600px;}
.san1{width: 22px; height: 24px;background: url(../../images/wy/san2.png) 0 0 no-repeat; position: absolute; top:119px; left:578px;}

#cases{width: 100%; height: auto; margin: 0 auto; position: relative;}
#cases .cacon{width: 1200px; height:888px; margin: 0 auto; overflow: hidden;}
.cacon .prtext .prp1{font-size: 30px; color:#af1a19;  margin-left:71px;}
.con{width: 1200px; height: auto; margin: 0 auto; }
.coul{width: 1200px; height:88px; overflow: hidden;}
.coul li{width: 98px; height: 88px; float: left;position:relative; overflow: hidden; margin-right: 35px;}
.coul li a{color:#999999;}
.coul li a p{font-size: 14px;text-align: center; margin-top:49px;}
.coul li a .p{color:#af1a19;}
.coul img{display: block; margin: 0 auto; z-index:1}
.coul .img1{display: none;position: absolute;left:32px;top:0px;}
.coul .img2{position: absolute;left:32px;top:0px;}
#cases .hr{width: 100%; height: 1px; background:#e3e0e0; position: absolute;top:146px; left: 0px;}
.conimg{width: 1200px; height: auto; margin: 0 auto;}

.cmg1{width: 1200px; height: 395px;overflow: hidden; position: relative;}
.mg1{width:595px; height:390px; float: left; overflow: hidden;position: absolute; left: 0px; top: 0px;}
.mg2{width:297px; height:192px; float: left; overflow: hidden; position: absolute; top: 0px; left:601px;}
.mg3{width:297px; height:192px; float: left; overflow: hidden; position: absolute;  left:601px; top:198px;}
.mg4{width:298px; height:390px; position: absolute; overflow: hidden; position: absolute; left:903px;top:0px;}
.mg5{width: 297px; height:192px; float: left; overflow: hidden;position:absolute; top: 394px;left: 0px;}
.mg6{width: 293px;  height: 192px; overflow: hidden; position:absolute; top: 394px; left:302px;}
.mg7{width: 599px; height: 192px; float: right; background:#7f7f7f;top:394px; right: 0px; position: absolute;}

.mg2 img{display: block;  margin: 0 auto;margin-bottom: 5px;}
.mg1 img{display: block; margin: 0 auto;}
.mg3 img{display: block; margin: 0 auto;}
.mg4 img{display: block; margin: 0 auto;}

.cocon{width: 1200px; height: 586px; margin: 0 auto;margin-top: 40px; position: relative;}

.mg6 img{display:block; margin: 0 auto;}
.mg7 .hhr{width: 202px; height: 1px; background: white; margin-top: 12px; margin-left: 198px;}
.mg7 a{width: 599px; height: 192px; display:block; font-size:18px; color: white;}
.mg7 a p{ padding-left: 230px; padding-top: 75px;}
.comimg{position: relative;}
.mg1 a{display: block;width:100%; height: 0px; position: absolute;  background: rgba(233,233,233,0.7);top:0px; left: 0px;
opacity:0;-webkit-transition: 2s;}
.mg1 a .htr{width: 223px; height: 1px; background: #af1a19; margin: 0 auto;}
.mg1 a p{color:#af1a19; font-size:18px; text-align: center;margin-top: 150px; margin-bottom: 20px;}
.mg1 a .btn{width: 102px; height: 33px; border: 1px solid #af1a19; text-align: center; line-height: 33px; margin: 0 auto; cursor: pointer; color: #af1a19; margin-top: 20px;}
.mg1 a .btn:hover{background:#af1a19; color: white;}

.mg2 a{display: block;width:297px; height: 0px; position: absolute;  background: rgba(233,233,233,0.7);top:0px; left: 0px;
opacity:1;-webkit-transition: 2s;opacity:0;}
.mg2 a .htr{width: 230px; height: 1px; background: #af1a19; margin: 0 auto;}
.mg2 a p{color:#af1a19; font-size:18px; text-align: center;margin-top: 55px; margin-bottom: 20px;}
.mg2 a .btn{width: 102px; height: 33px; border: 1px solid #af1a19; text-align: center; line-height: 33px; margin: 0 auto; cursor: pointer; color: #af1a19; margin-top: 20px;}
.mg2 a .btn:hover{background:#af1a19; color: white;}

.mg4 a{display: block;width:100%; height: 0px; position: absolute;  background: rgba(233,233,233,0.7);top:0px; left: 0px;
opacity:1;-webkit-transition: 2s;opacity:0;}
.mg4 a .htr{width: 230px; height: 1px; background: #af1a19; margin: 0 auto;}
.mg4 a p{color:#af1a19; font-size:18px; text-align: center;margin-top: 170px; margin-bottom: 20px;}
.mg4 a .btn{width: 102px; height: 33px; border: 1px solid #af1a19; text-align: center; line-height: 33px; margin: 0 auto; cursor: pointer; color: #af1a19; margin-top: 20px;}
.mg4 a .btn:hover{background:#af1a19; color: white;}

.mg3 a{display: block;width:100%; height: 0px; position: absolute;  background: rgba(233,233,233,0.7);top:0px; left: 0px;
opacity:1;-webkit-transition: 2s;opacity:0;}
.mg3 a .htr{width: 230px; height: 1px; background: #af1a19; margin: 0 auto;}
.mg3 a p{color:#af1a19; font-size:18px; text-align: center;margin-top: 50px; margin-bottom: 20px;}
.mg3 a .btn{width: 102px; height: 33px; border: 1px solid #af1a19; text-align: center; line-height: 33px; margin: 0 auto; cursor: pointer; color: #af1a19; margin-top: 20px;}
.mg3 a .btn:hover{background:#af1a19; color: white;}

.mg5 a{display: block;width:100%; height: 0px; position: absolute;  background: rgba(233,233,233,0.7);top:0px; left: 0px;
opacity:1;-webkit-transition: 2s; opacity:0;}
.mg5 a .htr{width: 230px; height: 1px; background: #af1a19; margin: 0 auto;}
.mg5 a p{color:#af1a19; font-size:18px; text-align: center;margin-top: 50px; margin-bottom: 20px;}
.mg5 a .btn{width: 102px; height: 33px; border: 1px solid #af1a19; text-align: center; line-height: 33px; margin: 0 auto; cursor: pointer; color: #af1a19; margin-top: 20px;}
.mg5 a .btn:hover{background:#af1a19; color: white;}

.mg6 a{display: block;width:100%; height: 0px; position: absolute;  background: rgba(233,233,233,0.7);top:0px; left: 0px;
opacity:0;-webkit-transition: 2s;}
.mg6 a .htr{width: 230px; height: 1px; background: #af1a19; margin: 0 auto;}
.mg6 a p{color:#af1a19; font-size:18px; text-align: center;margin-top: 50px; margin-bottom: 20px;}
.mg6 a .btn{width: 102px; height: 33px; border: 1px solid #af1a19; text-align: center; line-height: 33px; margin: 0 auto; cursor: pointer; color: #af1a19; margin-top: 20px;}
.mg6 a .btn:hover{background:#af1a19; color: white;}


.mg1:hover a{height:100%; opacity: 1;}
.mg2:hover a{height:192px; opacity: 1;}
.mg3:hover a{height:100%; opacity: 1;}
.mg4:hover a{height:100%; opacity: 1;}
.mg5:hover a{height:100%; opacity: 1;}
.mg6:hover a{height:100%; opacity: 1;}



#news{width:100%; height: auto; margin: 0 auto; background:#f2f2f2;padding-bottom: 40px;}
#news .pr_tl{margin-top: 0px;}
.newcon{width: 1200px; height:auto; margin: 0 auto; padding-top:30px;}
.newcon .prtext .prp1{font-size: 30px; color:#af1a19;  margin-left:71px;}
.nenav{width: 400px; height:42px;margin: 0 auto; margin-top: 20px; margin-bottom: 40px;}
.neul{width:400px; height: 42px; margin: 0 auto; overflow: hidden;}
.neul li{width:185px; height: 35px; float: left; border: 1px solid #af1a19; border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-moz-border-radius: 10px; margin-right: 10px;text-align: center; line-height: 35px;}
.neul li a{color: #af1a19;}
.non{width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.text1{width:552px; height:248px; float: left; overflow: hidden;}
.text1:hover img{-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.text2:hover img{-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.text2{width:552px; height:248px; float: right; overflow: hidden;}
.tmg{width: 174px; height: 216px; float: left;overflow: hidden;}
.tmg img{display: block; margin: 0 auto; -webkit-transition: 1.5s;}
.txt{width: 375px; height: 226px; float:left; background: white; margin-top: 20px;}
.txt p{width: 333px; display: block; color:#666; margin-left: 25px;}
.txt #tp1{width: 333px; display: block; color:#666;font-size: 14px; margin-top: 25px; }
.txt .tp2{margin-top: 20px;}
.txt .tp3{margin-top:20px; font-size: 14px;}
.txt p a{font-size:16px; color: black;}
.txt p a:hover{color:#af1a19;}
.txt .ta{display: block; width:102px; height: 33px; border: 1px solid #b1afaf; text-align: center; line-height: 33px; color: #b1afaf; margin-left: 25px; margin-top: 20px;}
.txt .ta:hover{background:#af1a19; color: white;}
.neul .li{background:#af1a19;}
.neul .a{color: white;}

#footer{width: 100%;height:auto; margin: 0 auto; background:#313030;}
.fcon{width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.loimg{width: 322px; height: auto; float: left; margin-top:55px;}
.loimg img{display: block; margin-bottom: 55px;}
.ftext{width: 708px; height: auto; float: right; position: relative;}
.ftext h4{font-size: 20px; color:#af1a19; margin-bottom: 25px;}
.ftext p{color:#a0a0a0;}
.ftext a{font-size: 14px; color: white;}
.ftext .fp1{margin-bottom: 15px;}
.ftext .fp2{font-size: 14px;margin-bottom: 8px;}
.ftext .fp3{font-size: 14px;margin-bottom: 8px;}
.ftext .fp4{font-size: 14px;margin-bottom: 8px;}
.ftext .fp5{ margin-top: 30px; }
.ftext .fp6{font-size: 14px; margin-top: 8px;}
.fp7{width: 708px; float: right; color: white; margin: 25px auto; background:#af1a19; padding:5px 0 8px 0;}
.fp7 a{font-size: 14px; color: white;}
.ftext .fhr{border: 1px solid #a0a0a0; margin-top: 15px;margin-bottom: 15px;}
.f{overflow: hidden; margin-bottom:15px;}
.f p{font-size: 12px; color:#a0a0a0; float: left; margin-right: 30px;}
.f p a{ color:#a0a0a0;}
.wx{width: 159px; height: 194px;position: absolute;top:0px; right:0px; overflow: hidden;}
.wx img{display: block; margin: 0 auto;}
#qqwx{width: 100px; height: 200px; position: fixed; top:100px; right: -100px; background: url(../../images/wy/qqxx.png) 0 0 no-repeat; z-index: 2;}
.aahr{border: 1px dashed white; margin-top: 20px;}
#qqwx img{display: block; margin: 0 auto;margin-top: 10px;}
#qqwx p{text-align: center; margin-top: 5px;}
#qqwx a{color: white; display: block;text-align: center;}
.qq{position: relative;margin-top: 15px;}
.wxx{margin-top: 23px;}
/*#qqwx .q{}*/
#qqwx .w{margin-top: 23px;}
.qul{width:150px; height: auto;position: absolute;top:0px; right:100px; display: none;}
.qul li{width:150px; height: 40px; background: red; text-align: center; line-height:40px;  margin-bottom:5px;}
#wxwm{width: 159px;height: 194px; position: fixed; top:104px;right: 105px; overflow: hidden; z-index: 2; display:none;background: rgba(49,48,48,0.8);}
#wxma img{display: block; margin: 0 auto;}

/*天花系统*/
#banner1{width: 1920px; position: relative; left: 50%;margin-left: -960px;}
#banner1 img{display: block; margin: 0 auto;}
.weizhi{width: 1200px; height: auto; margin: 0 auto; margin-top: 20px; margin-bottom: 30px;}
.weizhi p a{font-size: 14px; color:#999;}
.weizhi p{font-size: 14px; color:#999;}
.weizhi .pa{color:#666666;}
.weizhi div{border: 1px solid #ccc; margin-top: 16px;}
.thcon{width: 1200px; height:auto; margin: 0 auto; overflow: hidden;}
.thleft{width: 285px;height:auto; float:left;}
.th1{width: 285px; height: 80px; overflow:hidden; background: #af1a19;}
.th1 p{font-size: 18px; color: white; text-align: center; margin-top: 20px;}
.th1 img{display: block; margin: 0 auto;margin-top: 10px;}
.thr{width: 285px; height: 2px; background: #af1a19; margin-top: 4px; margin-bottom: 15px;}
.thul{width: 285px; height: auto; overflow: hidden;}
.thul li{width: 285px; height: 50px; margin-bottom: 5px; background:#ececed; position: relative;}
.thul li div{width:18px; height: 18px; overflow: hidden; display:none; position: absolute; top:17px; right: 30px;}
.thul li div img{display:block; margin: 0 auto;}
.thul li a{font-size: 12px; color:#333;width: 285px; height: 50px; display: block; overflow: hidden;}
.thul li p{padding-top: 17px; margin-left: 10px;}
.thul li .div{display: block;}
.thul li .tha{color: #af1a19;font-size: 14px;}
.thul li a:hover div {display: block;}
.thul li a:hover{color: #af1a19;font-size: 14px;}
.thright{width:856px; height: auto; float:right;overflow: hidden;}
.thmg{width: 856px; height: auto; overflow: hidden;}
.thmg img{display: block; float: left;width:49%; height:auto;}
.thmg img:nth-child(1){margin-right:2%;}
.tacon{width:856px; height: auto; margin: 0 auto;}
.tatop{width: 856px; height: auto; overflow: hidden; margin-top: 45px;}
.tat1{overflow: hidden; margin-bottom: 5px;}
.tat1>p{font-size: 18px; color:#333; float: left;}
.tat1>img{font-size: 18px; color:#333;float: left; margin-top: 4px; margin-right: 5px;}
.tatop>p{font-size: 14px; color: #333; margin-top: 20px;}
.tatcon{width:856px; height: auto; overflow: hidden; margin-bottom: 20px;}
.tatp{width: 100%; height: auto; overflow: hidden;}
.t1{width: 100%; height: 380px; overflow: hidden;}
.t2{width: 100%; height: 380px;overflow: hidden;}
.t1>div,.t2>div{float:left; width:322px; height:380px; overflow:hidden;}
.tatp .t1 h4{font-size: 18px; color:#af1a19; margin-top: 35px; margin-bottom: 13px;}
.t1 div p{font-size:14px; color: #333; margin-bottom: 5px;}
.tatp .t2 h4{font-size: 18px; color:#af1a19; margin-top: 35px; margin-bottom: 13px;}
.t2 p{font-size:14px; color: #333; margin-bottom: 5px;}
.t1 div.tatmg,.t2 div.tatmg{width: 495px; height: auto; float:right; overflow: hidden; margin-top: 45px;}
.tatmg img{display: block; float:left; margin-right: 2px; margin-bottom: 3px;}
.yal{width:856px; height: auto; overflow: hidden;}
.yatop{font-size:18px; color:#d7d7d7; margin-bottom: 15px;}
.yatop h4{font-size: 18px; color: #af1a19;}
.yacon{width: 856px; height: auto;overflow: hidden;margin-bottom: 30px;}
.ya1{width: 397px; height: 299px; float: left; position: relative; margin-right: 10px; margin-bottom: 10px;}
.ya2{width: 444px; height: 299px; float: left; margin-bottom: 10px;}
.ya3{width: 507px; height: 448px; float: left;margin-right: 10px;}
.ya4{width: 335px; height: 448px; float: left;}
.ya1 a{display:block; width: 397px; height: 0px; background:rgba(225,217,210,0.6); position: absolute; top:0px; left: 0px;}
.yal a{color:#af1a19; font-size: 24px; -webkit-transition: 2s; opacity: 0;}
.yal a p{color:#af1a19; font-size: 24px; text-align: center; margin-top: 127px; margin-bottom: 15px;}
.yal a div{width: 240px; height: 2px; background: #af1a19; margin: 0 auto;}
.yacon:hover a{height:299px;opacity: 1;}
.more{width: 1200px; height: auto; margin: 0 auto; margin-bottom: 40px;}
.moretop{overflow: hidden;}
.moretop div{overflow: hidden;}
.moretop div img{display: block; float: left; margin-top: 6px; margin-right: 3px;}
.moretop div p{font-size: 22px; color:#ccc;}
.moretop div p span{font-size: 22px; color:#333;}

/*产品系列*/
.cpxl{width: 1200px; height: auto; margin: 0 auto; overflow: hidden; margin-bottom: 60px;}
.cpleft{width: 285px; height: auto; overflow: hidden; float:left;}
.cpul{width: 285px; height:auto; overflow: hidden;}
.cpul li div{width:18px; height: 18px; overflow: hidden; background: url(../../images/wy/hy.png)0 0 no-repeat;position: absolute; top:17px; right: 30px;}
 .cpul li .ry{background: url(../../images/wy/ry.png)0 0 no-repeat;}
.cpul li a{font-size: 12px; color:#333;width: 285px; height: 50px; display: block; overflow: hidden; background: #ececed;position: relative;}
.cpul li p{padding-top: 17px; margin-left: 10px;}
.cpul li .div{display: block;;}
.cpul li .tha{color: #af1a19;font-size: 14px;}
.cpul li a:hover div {background: url(../../images/wy/ry.png)0 0 no-repeat;}
.cpul li a:hover{color: #af1a19;}
.ul1{width: 285px; height:auto; overflow: hidden; margin-top: 5px;}
 .ul1 li{width: 285px; height: 50px; background: #ececed; margin-bottom: 5px; position: relative;}
 .ul1 li a{font-size: 12px;color: #333;}
 .ul1 li p{padding-top: 17px; margin-left: 10px;}
 .ul1>li>a>span{width:6px; height: 11px; background: url(../../images/wy/dui.png)0 0 no-repeat; position: absolute; top:19px; right: 36px; display: none;}
 .ul1>li>a:hover span{display:block;}
 .cpright{width: 851px; height: auto;float: right; overflow: hidden;}
 .cmg{width: 851px; height: 359px; overflow: hidden; margin-bottom: 40px;}
 .cmg img{display: block; margin: 0 auto;}
 .rcon1{width: 851px;overflow: hidden;padding-top: 40px;}
 .r1{width: 389px; height:258px; overflow: hidden; float: left; position: relative;}
 .r1 img{display: block; margin: 0 auto;}
 .r2{width: 434px; height: auto; overflow: hidden; float: right; margin-top: 10px;}
 .r2 a{font-size: 14px; color: #af1a19;margin-bottom: 10px;display: block;}
 .r2 div{overflow: hidden; margin-bottom: 3px;}
 .r2 img{display: block; float: left; margin-right:10px; margin-top: 7px;}
 .r2 div p{display: block; float: left; font-size: 12px; color: #333; width: 413px;}
 .r1 p{display: block; width: 88px; height: 32px; text-align: center; line-height: 32px; position: absolute; right: 0px;bottom: 0px; font-size: 14px; color: white; background: #af1a19;}
 .cpr{margin-top:35px;}
 .ul1 li a .span{display: block;}
 .cpul li .a{color: #af1a19;font-size: 12px;}

 /*产品详情页*/
 .mode{width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
 .motop{margin-top: 35px;}
 .motop p{ font-size: 14px; color:#af1a19; margin-bottom: 3px; }
 .momg{width: 100%;overflow: hidden; height: auto; overflow: hidden; margin-top: 20px;}
 .momg .mg{width: 100%; height: 431px; overflow: hidden; margin-bottom: 15px;}

 .momg p{font-size: 14px;}
 .areas{width: 100%; height: auto; overflow: hidden; margin-top: 25px;}
 .are{width: 100%; height: 252px; overflow: hidden;}
 .a1{float: left; margin-right: 15px; position: relative; height: 250px; width: 416px;}
 .a1 img:nth-child(1){position: absolute;top: 0;left: 0;}
 .a1 img:nth-child(2){position: absolute;bottom: 0;left: 0;}
 .a1 img:nth-child(3){position: absolute;top: 0;left: 200px;}
 .a3{float: left; margin-top: 15px;}
 .a1 img{display: block;}
 .a2 img{display: block; margin:0 auto;}
 .a3>div{font-size: 14px; color: #af1a19; margin-bottom: 20px;}
 .a3 p{font-size: 14px; color: #333;}
 .armg{width:100%; height: 273px; overflow: hidden; margin-top: 25px;}
 .armg img{display: block; float: left; margin-right: 15px;}
 .prjt{width: 100%; height: auto; overflow: hidden;}
 .pt1{overflow: hidden; margin-top: 30px;}
 .pt2{overflow: hidden;}
 .pt3{overflow: hidden;}
 .pt4{overflow: hidden;}
 .pt1 img{display: block; float: left; margin-bottom: 15px; margin-right: 3px;}
 .pt2 img{display: block; float: left; margin-bottom: 15px;margin-right: 3px;}
 .pt3 img{display: block; float: left; margin-bottom: 15px;margin-right: 3px;}
 .pt4 img{display: block; float: left; margin-bottom: 15px;margin-right: 3px;}

 /*案例分享*/
 .alfx{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 40px;}
 .afleft{width: 285px; height: auto; overflow: hidden; float:left;}
 .aful{width: 285px; height:auto; overflow: hidden; margin-top: 5px;}
 .aful li{width: 285px; height: 50px; background: #ececed; margin-bottom: 5px; position: relative;}
 .aful li a{font-size: 12px;color: #333;}
 .aful li p{padding-top: 17px; margin-left: 10px;}
 .aful>li>a>span{width:6px; height: 11px; background: url(../../images/wy/dui.png)0 0 no-repeat; position: absolute; top:19px; right: 36px; display: none;}
 .aful>li>a:hover span{display:block;}
 .aful li a:hover{color: #af1a19; font-size: 14px;}
 .aful li a .span{display: block;}
 .aful li .a{color: #af1a19;font-size: 14px;}
 .afright{width: 873px; height: auto; float: right;}
 .lanren{width: 873px; height: 466px; overflow: hidden; margin-left:35px; margin-top:35px;}
 .lanren li{width:205px; height: 145px; float: left; overflow: hidden; position: relative; margin-bottom:10px; margin-right: 10px;}
 .lanren li img{display: block; margin: 0 auto;}
 .lanren li a{display: block; width:205px; height: 145px;position: absolute;  background: rgba(224,223,223,0.7); color: #af1a19;left: -100%; top: -100%; z-index: 2;}
 .lanren li a p{ text-align: center; font-size:14px; margin-top: 45px; }
 .lanren li a .lr{display: block; width: 162px; height: 1px; background: #af1a19; margin: 0 auto; margin-top: 15px;}
 .lanren li a .btn{display: block; width: 75px; height: 25px; border: 1px solid #af1a19; margin: 0 auto; text-align: center;line-height: 25px; font-size: 12px; margin-top: 15px;}
 .lanren li a .btn:hover{background:#af1a19; color: white;}
 .lanren li .trans { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; backface-visibility: hidden; }
 .afbtn{width: 300px; height: 26px; overflow: hidden; padding-bottom: 10px; margin-left: 560px; margin-top: 30px;}
 .afbtn a{display: block; border: 1px solid #979797; color:#979797; text-align: center; line-height:26px; height: 26px; float: left; margin-right: 5px; padding-right: 10px; padding-left: 10px;}
 .afbtn .aa{background:#af1a19; color: white;}
 .afbtn a:hover{background:#af1a19; color: white;}

 /*案例详情*/
.alxq{width:688px; height: auto; overflow: hidden; margin-left:60px; margin-top: 60px; position: relative;}
.altop{border-left: 3px solid #af1a19;}
.altop p{display:block; width: 98%; margin-left: 2%; color:#af1a19; font-size: 18px; margin-bottom: 5px;}
.altop span{display:block; width: 98%; margin-left: 2%;color:#af1a19; font-size: 12px;}
.xq1{overflow: hidden; margin-top: 30px; margin-bottom: 5px;}
.xq2{overflow: hidden; margin-bottom: 30px;}
.xq1 img{display: block;float: left; margin-top: 5px; margin-right: 10px;}
.xq1 p{display: block;float: left; font-size: 14px;}
.xq2 img{display: block;float: left; margin-top: 5px; margin-right: 10px;}
.xq2 p{display: block;float: left; font-size: 14px;}
.xq3{font-size: 14px; margin-bottom: 20px;}
.xq4{font-size: 14px;margin-bottom: 20px;}
.xqmg{width: 100%; height: 202px; overflow: hidden;}
.xqmg img{display:block; float: left; margin-right: 17px;}
.albo{overflow:hidden; width: 100%;}
.albo> a{width:114px; height: 29px;display: block; background:#af1a19; text-align: center; line-height: 29px; font-size: 12px; color: white; float: right; margin-right: 18px; margin-top: 30px;}
.albo .afbtn{width: 280px; height: 26px; overflow: hidden; padding-bottom: 10px;margin-top: 30px; float: left; margin-left: 208px;}
.albo .afbtn a{display: block; border: 1px solid #979797; color:#979797; text-align: center; line-height:26px; height: 26px; float: left; margin-right: 5px; padding-right: 10px; padding-left: 10px;}
 .albo .afbtn .aa{background:#af1a19; color: white;}
 .albo .afbtn a:hover{background:#af1a19; color: white;}

/*新闻资讯*/
.xwzxcon{width:100%; height: auto; overflow: hidden;}
.xwcon{width:100%; height: 170px; overflow: hidden;}
.xwr{width: 60px; height: 90px; float: left; border: 1px solid #cccccc;}
.xwr p{text-align: center; font-size: 14px; color:#a1a1a1;}
.xwr p:nth-child(2){text-align: center; font-size: 18px; color:#a1a1a1;}
.xwr p:nth-child(1){text-align: center; font-size: 24px; color:#666666;}
.xwr div{border: 1px solid #cccccc; margin-top: 5px; margin-bottom: 5px;}
.xwmg{width: 175px; height: 170px; overflow: hidden; float: left; margin-left: 25px;}
.xwmg img{display: block; margin: 0 auto; -webkit-transition: 1.5s;}
.xwtext{width: 583px; height: 193px; overflow: hidden; float: right;}
.xwtext a p{color: 18px; margin-bottom: 3px;width:320px;}
.xwtext a{color:#333;}
.xwcon:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.xwtext a:hover{color:#af1a19;}
.xwtext>p{color: #666; font-size: 14px; margin-top: 30px;margin-bottom: 30px;}
.xwbtn{width: 102px; height: 33px; border: 1px solid #ccc; text-align: center; line-height: 33px;}
.xwbtn>a{font-size:14px; color: #ccc;display:block;width: 102px; height: 33px;}
.xwbtn:hover{background: #af1a19; border-color:#af1a19;}
.xwbtn>a:hover{color: white;}
.xwhhr{border: 1px dashed #ccc; margin-top: 30px; margin-bottom: 30px;}

/*新闻资讯内页*/
.xwzx_de{width: 100%; height: auto; overflow: hidden;}
.detop p{font-size: 24px; color: #333; text-align: center; width:490px; margin:0 auto;}
.xwzx_de>span{text-align: center; font-size:14px;color: #a1a1a1; display:block; margin-top: 20px; margin-bottom: 20px;}
.xwzx_de>p{font-size: 14px; color: #666; text-indent: 20px;}
.detxt1{width: 100%; height: 352px; overflow: hidden; margin-top: 30px;}
.de_mg{width:405px; height: 351px; float: left; overflow: hidden;}
.de_mg img{display: block; margin: 0 auto;}
.det{width:449px; height: auto; float: right; overflow: hidden;}
.det div{overflow: hidden; margin-top: 40px;}
.det>div>img{display: block; float: left; margin-top:10px;}
.det>div>p{display: block; float:right; font-size:14px; color: #666; width: 424px; line-height: 30px;}

.detxt2{width: 100%; height: 352px; overflow: hidden; margin-top: 30px;}
.de_mg1{width:405px; height: 351px; float: right; overflow: hidden;}
.de_mg1 img{display: block; margin: 0 auto;}
.det1{width:449px; height: auto; float: left; overflow: hidden;}
.det1 div{overflow: hidden; margin-top: 40px;}
.det1>div>img{display: block; float: left; margin-top:10px;}
.det1>div>p{display: block; float:right; font-size:14px; color: #666; width: 424px; line-height: 26px;}

/*关于我们*/
.gywmcon{width: 100%; height: auto; overflow: hidden;}
.gmg{width: 100%; height: 306px;  overflow: hidden; margin-bottom: 45px;}
.gmg img{display: block; margin:0 auto;}
.gytxt h4{font-size:18px;color:#af1a19; margin-top: 15px; margin-bottom: 15px;}
.gtx1 p{font-size: 14px; color: #333; margin-top: 25px;}
.gtx2{padding-top: 20px;}
.gtx2 p{font-size: 14px; color: #333;margin-top:20px;}
.gtx2 p:nth-child(2){font-weight:bold;}
.gtx2 p:nth-child(3){font-weight:bold;}
.gtx2 p:nth-child(4){font-weight:bold;}
.gytxt>p{font-size: 14px; color: #333; margin-top:30px;}
.gmg1{overflow: hidden; margin-top: 30px;}
.gmg1 img{display: block; margin: 0 auto; float: left; margin-right: 8px;}

/*联系我们*/
.lxwmcon{width: 100%; height: auto;overflow: hidden;}
.lxtop{padding-bottom: 20px;}
.lxtop p{font-size: 24px; text-align: center;}
.lxtop div{width: 65px; height: 3px; background: #af1a19;margin: 0 auto; margin-top:10px; }
.lxwmcon>p{display: block; width: 99%; height: 50px; border: 1px solid #ccc; line-height: 50px; text-indent: 10px; margin-top: 20px; color: #666;}
.lxmt{width: 100%; height: 427px; overflow: hidden; margin-top: 20px;}
.lxmt img{display: block; margin:0 auto; }

/*人才招聘*/
.rczpcon{width: 100%; height:auto; overflow:hidden;}
.rczpcon>a{display: block; width: 99%; height: 50px; border: 1px solid #ccc; line-height: 50px; text-indent: 10px; margin-top: 20px; color: #666;-webkit-transition: 1.5s;}
.rczpcon>a:hover{border-color:#af1a19; color:#af1a19; font-size: 18px;}

/*人才招聘内页*/
.rcdecon{width: 100%; height:auto; overflow:hidden;}
.rcdecon>p{display: block; width: 99%; height: 50px; border: 1px solid #ccc; line-height: 50px; text-indent: 10px; margin-top: 20px; color: #666; margin-bottom: 30px;}
.rcde1{margin-bottom: 30px;}
.rcde2{margin-bottom: 30px;}
.rcde1 p{font-size: 16px; color: #333; margin-bottom: 15px;}
.rcde1 ul li{font-size: 14px; color: #666;}
.rcde2 p{font-size: 16px; color: #333; margin-bottom: 15px;}
.rcde2 ul li{font-size: 14px; color: #666;}


#tp1>span{font-size: 30px;color:black;}