@charset "utf-8";
/* CSS Document */

*{ font-family:"微软雅黑"}
body, h1,h2,h3,h4,h5,ul,li,dl,dt,dd,input{ margin:0; padding:0;}
img{ border:none; display: block}
a,ul,li,h1,h2,dl,dt,dd{ list-style:none; text-decoration:none;}
.clear{ clear:both}



.h-top{height:26px; border-bottom:1px solid #dfdfdf}
.header{ width:1200px; margin-left:auto; margin-right:auto; overflow:hidden;}
.fl{ color:#3d3d3d; font-size:12px; float:left; line-height:26px; margin:0; padding:0;}
.top-right{ float:right; width:173px; color:#7b7a7a; font-size:12px; text-align: right; line-height:26px; }
.top-right a{ display:inline; color:#3d3d3d; font-size:12px; margin-right:5px; line-height:26px; }


.top-box{ height:90px}
.top{ width:1200px; margin:0 auto; height:90px;  overflow:hidden}
.logo{ float:left; padding-top:20px}
.nav{ width:850px; overflow:hidden; float:right}
.nav li{ float:left; width:120px; padding-top:26px}
.nav li a{ width:120px; display:block;}
.nav li a b{ width:120px; text-align:right; font-weight:normal; font-size:15px;display:block; color:#3d3d3d}
.nav li a em{ font-size:12px;width:120px; text-align:right; font-style:normal; display:block; color:#a3a3a3}
.nav li a em:hover{ color:#2c9797}



.banner-box{position:relative; margin:0 auto; height:550px; overflow:hidden; width:100%;}
.banner{ width:1920px; height:550px; position:absolute; bottom:0; left:50%; margin-left:-960px; }
.banner ul{ width:1920px; height:550px;}
.banner ul li{ width:1920px; height:550px;}
.banner ul li img{ width:1920px; height:550px;}
.small{ position:absolute; left:50%; bottom:12%;cursor:pointer; margin-left:0px}
.small a{ width:40px; height:4px; background:white; float:left; margin:0 8px;}
.small .small_s{ background:#da1021; width:40px; height:4px}




.zy-first {padding: 50px 0px 55px 0px; width:1200px; margin:0 auto;overflow: hidden; text-align: center; border-bottom: 1px solid #dcdcdc;}
.first-left {width: 730px;float: left;overflow: hidden; text-align: left;}
.first-left strong {text-transform: uppercase;background:url(../images/s_bj.jpg) no-repeat bottom left; padding-bottom: 6px; margin-bottom: 8px;display: block;font-size: 24px; color: #333333; font-family: Arial, Helvetica, sans-serif;}
.first-left span {display: block;font-size: 18px;color: #333333;}
.first-left p {font-size: 13px;color: #666666;line-height: 22px;  padding: 25px 0px; margin:0;}
.first-left a {display: block;width: 91px;height: 36px;line-height: 36px; vertical-align: middle;text-align: center;border: 2px solid #666666;font-size: 12px;color: #666666; -webkit-transition: all 0.5s ease-in-out;}
.first-left a:hover{ color:white; background:#da1021;border: 2px solid #da1021; -webkit-transition: all 0.5s ease-in-out;}
.zy-first img { float: right; padding-top: 15px; width:350px; height:250px}



.zy-second { width:1200px; margin:0 auto;padding:30px 0px 30px 0px;overflow: hidden;text-align: left;}
.second-top {overflow: hidden;text-align: left;clear: both;padding-bottom: 25px;}
.second-left {float: left;max-width: 300px;}
.second-left strong {text-transform: uppercase;background:url(../images/s_bj.jpg) no-repeat bottom left; padding-bottom: 6px; margin-bottom: 8px;display: block;font-size: 24px; color: #333333; font-family: Arial, Helvetica, sans-serif;}
.second-right {overflow: hidden;float: right;width: 1030px;text-align: right;margin-top: 20px;}
.second-right ul{ overflow:hidden; width:1030px;}
.second-right ul li{ display:inline-block; text-align: right; height: 38px; margin: 0px 3px; margin-bottom: 4px;}
.second-right a {padding: 0px 15px; display:block;height: 36px;line-height: 36px;border: 1px solid #cccccc; vertical-align: middle;text-align: center;font-size: 14px;color: #666666;-webkit-transition: all 0.5s ease-in-out;}
.second-right a.cur { color: #fff;background: #da1021; border: 1px solid #da1021;}
.second-ny {overflow: hidden;clear: both;}
.second-ny li {width: 280px;float: left;overflow: hidden;padding-bottom: 30px;position: relative;margin-right: 10px; margin-left: 10px; height: 280px; overflow: hidden}
.second-ny li.r {margin-right: 0px;}
.second-ny li a {display: block;cursor: pointer; width: 280px; height: 230px; overflow: hidden}
.second-ny li img { width:280px; height: 230px}
.second-ny li img:hover{-webkit-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transition: all 0.5s ease-in-out;}
.second-ny li h2 {font-size: 16px;color: #666;font-weight: normal; border-bottom: 1px solid #dddddd; line-height: 50px; text-align: center}
.second-ny li h2:hover{ color: #fff; background: #da1021}











.zy-three{ background:#f5f5f5; padding-top:50px; padding-bottom:60px;}
.main{ width:1200px; margin:0 auto}
.second-top {overflow: hidden;text-align: left;clear: both;padding-bottom: 25px;}
.second-left {float: left;max-width: 300px;}
.second-left strong {text-transform: uppercase;background:url(../images/s_bj.jpg) no-repeat bottom left; padding-bottom: 6px; margin-bottom: 8px;display: block;font-size: 24px; color: #333333; font-family: Arial, Helvetica, sans-serif;}




.prohead{ overflow:hidden; width:1200px;}
.prohead .proimg{ width:580px; height:400px; float:left; }
.prohead .proimg img{width:580px; height:400px; }
.prohead .smallimg{ width:600px; height:400px; overflow:hidden; float:right}
.prohead .smallimg ul{ width:600px; height:400px; overflow:hidden}
.prohead .smallimg ul li{ width:180px; float:left; height:114px; text-align:center; margin-left:10px; margin-bottom:27px}
.prohead .smallimg ul li img{ width:178px; height:112px; border:1px solid #ccc; }








.zy-four { width:1200px; margin:0 auto;padding:30px 0px 60px 0px;overflow: hidden;text-align: left;}
.zy-four .four-top {overflow: hidden;text-align: left;clear: both;position:relative;}
.four-left {float: left;max-width: 300px;}
.four-left strong {text-transform: uppercase;background:url(../images/s_bj.jpg) no-repeat bottom left; padding-bottom: 6px; margin-bottom: 8px;display: block;font-size: 24px; color: #333333; font-family: Arial, Helvetica, sans-serif;}

.anli-b{ width:1200px; margin-left:auto; margin-right:auto;position:relative; height:330px; overflow:hidden; }
.anli-b .mr_frbox{height:293px;}

.but-left,.but-right{cursor:pointer;width: 32px;height: 32px;position: absolute;top:0px;z-index: 2;}
.but-left{right: 40px;}
.but-right{right: 0px;}

.anli{width:1090px; height:293px; margin:0 auto; position:absolute; top:40px; padding-left:10px}
.anli ul li{width:367px;height:293px; overflow: hidden;float: left;position: relative;}
.four-li { width: 346px; overflow: hidden;text-align: left;}
.four-li a { display: block; cursor: pointer; overflow:hidden;width: 346px;height:293px; }
.four-li a img{width: 346px;height: 180px; display:block;}
.four-li a h2 {font-size: 14px; color:#333333;padding:15px 0px 10px 0px;-webkit-transition: all 0.5s ease-in-out; margin:0;font-weight: normal;font-style: normal;}
.four-li a h2:hover{ color:#da1021; }
.four-li a p { font-size: 12px;color: #666666;line-height: 18px; margin:0}
.four-li a h3 {font-size: 12px;color: #333333;padding-top: 15px; margin:0;font-weight: normal;font-style: normal;}





.link {overflow: hidden;padding: 10px 0px;border-top: 1px solid #dedede;}
.link .main { width: 1200px;margin: auto;  overflow: hidden; color: #666;}
.link strong { margin-right: 30px; text-align: center; font-size: 14px;color: #555555; display: block;float: left;}
.link a {display: block;float: left; padding-right: 35px; font-size: 12px; color: #555555;}





.footer { background: #333333; overflow: hidden; padding: 40px 0px 35px 0px; border-bottom: 1px solid #444444; position: relative;z-index: 111;}
.footer .main { width: 1200px; margin: auto; overflow: hidden;color: #666;}
.foot-left { overflow: hidden;float: left;width: 150px;}
.foot-left img {padding: 6px;background: #fff;float: left; width:111px; height:111px; display:block}
.foot-left p {width: 18px;float: left;font-size: 12px;color: #666666; margin:0; padding:0;margin-left: 6px;line-height: 16px;}
.footer ul { width: 610px; float:left;overflow: hidden; margin-left:84px}
.footer li {float: left; overflow: hidden;margin-right: 60px;}
.footer strong a { display: block; font-weight: 100; font-size: 14px; color: #cccccc; padding-bottom: 15px; -webkit-transition: all 0.5s ease-in-out;}
.footer ul li p{ margin:0; padding:0}
.footer p a {font-size: 12px;color: #666666; line-height: 18px; -webkit-transition: all 0.5s ease-in-out;}
.footer-r{ float:right; width:250px }

.footer-r a{ display:block; font-size: 12px;color: #666666;line-height:24px;-webkit-transition: all 0.5s ease-in-out;}
.footer a:hover{ color:white;}

