html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;font-family:"microsoft yahei",Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:100%}



header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}



table{border-collapse:collapse; border-spacing:0;}



caption,th{text-align:left; font-weight:normal;}



html,body,img,iframe,abbr{border:0;}



i,em{font-style:normal;}



[hidefocus],summary{outline:0;}



li{list-style:none;}



sup,sub{font-size:12px;}



textarea{overflow:auto; resize:none;}



label{cursor:default;}



a,button{cursor:pointer;}



a,a:hover{text-decoration:none;}







input{border:0;}



*:focus {outline: none;}



.fl{float: left;}



.fr{float: right;}



.w1260{width: 1260px;margin: 0 auto;overflow: hidden;}



.slideBox{ width:100%; ; overflow:hidden; position:relative;   }



.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }



.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }



.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }



.slideBox .hd ul li.on{ background:#f00; color:#fff; }



.slideBox .bd{ position:relative; height:100%; z-index:0;   }



.slideBox .bd li{ zoom:1; vertical-align:middle; }



.slideBox .bd img{ width:100%; display:block;  }







/* 下面是前/后按钮代码，如果不需要删除即可 */



.slideBox .prev{ position:absolute; left:3%; top:50%; margin-top:-40px; display:block; width:39px; height:79px; background:url(/yscm/images/66.png) no-repeat center;  }



.slideBox .next{ position:absolute;left:auto; right:3%; top:50%;background:url(/yscm/images/65.png) no-repeat center;display:block; width:39px; height:79px; margin-top:-40px;  }



.slideBox .prev:hover,



.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }



.slideBox .prevStop{ display:none;  }



.slideBox .nextStop{ display:none;  }



.w1200{width: 1200px;margin: 0 auto}



.slideBox .txt{position: absolute;top: 30%;left: 10%;width: 320px;color: #fff}



.slideBox .txt h1{font-size: 48px;font-weight: normal;padding-bottom: 20px;border-bottom: 1px solid #666;margin-bottom: 20px;}



.slideBox .txt h2{font-size: 26px;font-weight: normal;}



.slideBox .txt p{font-size: 18px;margin-top: 60px}




.slideBox .txt1{position: absolute;top: 10%;left: 10%;width: 320px;color: #fff}



.slideBox .txt1 h1{font-size: 48px;font-weight: normal;padding-bottom: 20px;border-bottom: 1px solid #666;margin-bottom: 20px;}



.slideBox .txt1 h2{font-size: 26px;font-weight: normal;}



.slideBox .txt1 p{font-size: 18px;margin-top: 60px}




.nav{width: 100%;background: #96888A;text-align: center;position: relative;padding-bottom:10px;}



.nav ul li:hover{color: #ccc}



.nav .llogo{left: 10%;margin-left: 0px;z-index: 10000;position: absolute;top:-20px}

.nav .mlogo{left: 50%;z-index: 10000;position: absolute;top: -00px;margin-left: -100px}

.nav .rlogo{right: 10%;margin-left: -0px;z-index: 10000;position: absolute;top: 20px}



.nav ul{display: inline-block;width:85%;margin: 100px auto 0;text-align: center;}



.nav ul li{float: left;text-align: center;width: 9.9%;height: 32px;line-height: 32px;color: #fff;font-size: 16px;border-left:1px dashed #fff  ;}



.nav ul .first{border: none}



.left{width: 823px;}



.part1{margin-top: 40px}



.part1 h1{font-size: 31px;height: 70px;color: #333;font-weight: normal;border-left: 1px dashed #454545;line-height: 100px;text-indent: 1em;}



.part1 h1 span{font-size: 14px;margin-left: 20px;display: inline-block;width: 65px;height: 22px;line-height: 22px;text-align: center;background: url(/yscm/images/bg1.png) no-repeat center;text-indent: 0;color: #fff}



.part1 img{position: absolute;}



.part1 .imgs{width: 823px;height: 704px;position: relative;margin: 30px 0}



.part1 .img1{left: 0;top: 0}



.part1 .img2{left: 0;top:188px}



.part1 .img3{left: 298px;top:0}



.part1 .img4{right: 0;top: 0}



.part1 .img5{left: 0;top:314px}



.part1 .img6{left: 230px;top:314px}



.part1 .img7{left: 230px;bottom: 0}



.part1 .img8{right: 0;bottom: 0}



.part2{width: 410px;}



.part2 h1{font-size: 31px;height: 70px;color: #333;font-weight: normal;border-left: 1px dashed #454545;line-height: 40px;text-indent: .5em;}



.part2 h1 span{font-size: 14px;margin-left: 20px;margin-top: 5px; display: inline-block;width: 65px;height: 22px;line-height: 22px;text-align: center;background: url(/yscm/images/bg1.png) no-repeat center;text-indent: 0;color: #fff}



.part2 li{height: 52px;padding-left: 20px;background: url(/yscm/images/dian.png) no-repeat 5px 10px;margin-top: 15px;}



.part2 li span{font-size: 14px;color: #aaaaaa}



.part2 li p{font-size: 16px;color: #444444}



.part3 h1{font-size: 31px;height: 70px;color: #333;font-weight: normal;border-left: 1px solid #454545;line-height: 40px;text-indent: .5em;}



.part3 h1 span{font-size: 14px;margin-left: 20px;margin-top: 0px; display: inline-block;width: 65px;height: 22px;line-height: 22px;text-align: center;background: url(/yscm/images/bg2.png) no-repeat center;text-indent: 0;color: #555555}



.part3 h1 p{font-size: 28px;color: #b3b3b3}



.right{padding: 50px 10px;background: #EDEDED;margin-top: 70px;width: 370px;}



.part3 li{height: 54px;margin-top: 20px;}



.part3 li span{width: 68px;height:54px;background: #fff;text-align: center;font-size: 18px;line-height: 34px;}



.part3 li span strong{height: 20px;line-height: 20px;background: #DCAA10;display: inline-block;width: 100%;font-size: 14px}



.part3 li p{width: 286px;font-size: 16px;color: #333;line-height: 27px;}



.part4 {margin-top: 75px}



.part4 h1{font-size: 31px;height: 70px;color: #333;font-weight: normal;border-left: 1px solid #454545;line-height: 40px;text-indent: .5em;}



.part4 h1 span{font-size: 14px;margin-left: 20px;margin-top: 0px; display: inline-block;width: 65px;height: 22px;line-height: 22px;text-align: center;background: url(/yscm/images/bg2.png) no-repeat center;text-indent: 0;color: #555555}



.part4 h1 p{font-size: 28px;color: #b3b3b3}



.part4 li{height: 60px;line-height: 30px;margin-top: 10px}



.part4 li span{color: #888;font-size: 14px;margin-left: 10px;}



.part4 li a{color: #333}



.footer{width: 100%;background: #96888A;color: #fff;padding: 10px 0;margin-top: 50px}



.footer .fl{padding: 40px 0}



.footer .ylian{font-size: 20px;color: #fff;margin-bottom: 30px;}



.footer .ylian a{color: #fff}



.footer .ylian a:hover{color: #ccc}



.footer .address{font-size: 16px;}



.footer .contact{width: 390px;height: 160px;border-left: 1px dashed #fff;color: #fff}



.footer .contact h2{font-size: 25px;margin-left: 20px;margin-top: 30px}



.footer .contact p{font-size: 16px;margin-left: 20px;margin-top: 30px}



.listtop{height: 76px;line-height: 76px;background: #96888A;width: 100%;font-size: 27px;color: #fff;position: relative;}

.listtop .rlogo{position: absolute;right: 10%;margin: 0}

.listtop img{margin-top: 18px;margin-right: 30px;}



.listtop .img2{margin-top: 20px}







.listleft{width: 296px;border-top: 3px solid #C59912;margin-top: 70px;}



.listleft li{height: 46px;line-height: 46px;text-align: center;font-size: 22px;color: #fff;background: url(/yscm/images/bg4.png);margin-top: 24px;background-attachment:scroll;background-repeat:no-repeat;background-position-x:50%;background-position-y:50%;background-color:transparent; }



.listleft .active{background: url(/yscm/images/bg3.png);background-attachment:scroll;background-repeat:no-repeat;background-position-x:50%;background-position-y:50%;background-color:transparent; ;}



.listright{width: 874px;float: right; padding: 10px;margin-top: 80px}



.listright li{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px  dashed #858585;padding-left: 16px;background: url(/yscm/images/dian.png) no-repeat left center;color: #444}



.pages{text-align: center;color: #444;margin-top: 50px;}



.pages span{font-weight: bold;}



.pages  a{color: #444}



.pages  a:hover{color: #111}



.listleft p{height: 58px;line-height: 58px;text-align: left;font-size: 25px;text-indent: 20px;background: url(/yscm/images/line.png) no-repeat left center;margin-top: 80px;}



.listleft .back{color: #C59912;font-size: 18px;text-decoration: underline;margin: 20px auto 0;display: inline-block;width: 100%;text-align: center;}



.listleft .contentleft li{background: none;color: #444;font-size: 14px;line-height: 22px;text-align: left;height: 48px;margin-top: 5px}



.listleft .contentleft li:hover{color: #111}



.listleft .contentleft li span{font-size: 12px;color: #aaaaaa}



.listleft .contentleft li a{color: #444}



.listleft .contentleft li a:hover{color: #111}



.listright li:hover{color: #111}



.contentright .title{font-size: 35px;color: #333333;text-align: center;font-weight: normal;margin-bottom: 50px;}



.contentright .title span{font-size: 16px;color: #999;}



.contentright .content{font-size: 18px;line-height: 40px;color: #444}









