/* CSS Document */
*{margin:0;padding:0;font-size:12px; font-family:Verdana, Geneva, sans-serif}
ul,li,dl,ol{list-style:none;}
input{ font-family:Verdana, Geneva, sans-serif;}
a{ color:#09C; text-decoration:none;}
a:hover{ text-decoration:none; color:#666}
/*轮播图*/  
.pic{position:absolute;	width:100%; z-index:-2;}
.pic img{width:100%; height:520px; overflow:hidden;}
.txt{position:absolute;bottom:18px;background:rgba(0,128,192,0.5); color:#fff;width:100%;text-align:center;	padding-bottom:5px;	padding-top:5px;}
.txt a {text-decoration: none; text-align: center; padding: 0 20px; color: #FFF;font-size:28px;	font-weight:bold; } 
#lunbo{margin:0px auto;position:relative;width: 100%;z-index:2;}
#tabs{ position:absolute; bottom: 18px; left:40%;}
#tabs  li{width:20px;height:20px; background-color:#ccc;float:left; margin-right:10px; border-radius:100%; cursor:pointer;list-style: none;}
.btn{width: 40px; height: 40px;position: absolute; bottom: 18px;background: rgba(0,0,0,0.5);  color:#fff;  text-align: center;line-height: 40px;	border-radius:100%; font-size: 33px; margin-top: 10%; cursor: pointer;	z-index:5;}
.btn1{left:0px;}
.btn2{right:0px; }
#tabs .bg{ background-color:#F03;}

/*头部*/

.top1 { width:auto; margin:auto; }
.logo { margin:0 auto; width:760px; }
.logo img {width:100%;}

.top2 { width:1287px; overflow:hidden; }

.top3 { height:520px; width:1287px; overflow:hidden; }
.top3 img {width:1287px; }
/*轮播图*/  
.pic{position:absolute;	width:1440px; z-index:-2;}
.pic img{width:1380px; height:520px; overflow:hidden;}
.txt{position:absolute;bottom:18px;background:rgba(0,128,192,0.5); color:#fff;width:100%;text-align:center;	padding-bottom:5px;	padding-top:5px;}
.txt a {text-decoration: none; text-align: center; padding: 0 20px; color: #FFF;font-size:28px;	font-weight:bold; } 
#lunbo{margin:0px auto;position:relative;width: 100%;z-index:2;}
#tabs{ position:absolute; bottom: 18px; left:40%;}
#tabs  li{width:20px;height:20px; background-color:#ccc;float:left; margin-right:10px; border-radius:100%; cursor:pointer;list-style: none;}
.btn{width: 40px; height: 40px;position: absolute; bottom: 18px;background: rgba(0,0,0,0.5);  color:#fff;  text-align: center;line-height: 40px;	border-radius:100%; font-size: 33px; margin-top: 10%; cursor: pointer;	z-index:5;}
.btn1{left:0px;}
.btn2{right:0px; }
#tabs .bg{ background-color:#F03;}

.pic2{width:1287px;height:406px; background:url($pathUtil.getSiteUrl($site)/images/bannar2.gif) }
.pic2 img{width:1287px; height:406px; overflow:hidden;}

.top4 {width:1287px; overflow:hidden;  margin:0px auto; }
.top41 {width:600px; overflow:hidden; float:left;}
.top41 h1{ font-family:sans-serif; font-size:18px; color:#0043A8; padding-top:20px; padding-top:5px; line-height:20px; }
.top41 p{ line-height:30px; font-family:"Source Han Sans CN"; font-size:12px; text-align:justify; }

.top5 {width:1287px; height:590px; overflow:hidden; margin-top:135px;background-image: 
url(http://www.xmsunrui.com/n1/images/bg-line.jpg);
background-repeat: repeat-x; text-align:center;}
.top5 h1{ font-family:sans-serif; font-size:18px;text-align:center; color:#0043A8; padding-top:5px; line-height:20px; font-weight:bold;}
.top5 img{ margin-right:10px; margin-top:10px;}
.top5 img:hover{ width:20%; border:#03C solid 2px;};

.top8 {width:1287px; height:270px; margin:35px auto; }
.top6 {width:1287px; height:150px; margin:35px auto;}

.top6 h1{ font-family:sans-serif; font-size:18px; text-align:center; color:#0043A8; padding-top:5px; line-height:20px; font-weight:bold;}

.top61 {width:280px; height:372px; margin-right:15px; float:left; overflow:hidden;text-overflow:ellipsis;  padding:5px;}
.top61 .img1{width:280px; height:168px; margin-right:10px;}
.top61 img{margin-left:2px;}
.top61 h2{ font:"Source Han Sans CN"; font-size:16px; color:#0043A8; padding-top:10px; text-align:justify; }
.top61 p{font:"Source Han Sans CN"; font-size:14px; text-align:justify; line-height:25px;}

.top62 {width:1287px; height:410px; overflow:hidden; margin:55px 0px 55px; text-align:center; }

.top7 {width:1287px; height:590px; overflow:hidden; margin-top:135px; text-align:center;}
.top7 h1{ font-family:sans-serif; font-size:18px; text-align:center; color:#0043A8; padding-top:5px; line-height:20px; font-weight:bold;}
.top7 img{ margin-right:10px; margin-top:10px;}
.top7 img:hover{ width:80%; border:#03C solid 2px;}

.top9 { width:1287px; height:500px; background-color:#205bab;}
.top9 ul{ font-size:22px; list-style:none; color:#FFF; margin-left:150px;}
.top9 ul li{float:left; width:360px; line-height:30px;}
.top9 ul li a { color:#FFF }
.top9 ul li a:hover { color: #999 }
.top9  { margin:10px auto; padding-top:10px;}
.top91 { width:492px; height:70px; margin:10px auto; padding-top:20px;}
 
/*@media screen and (min-width:768px){} */

/*通栏图 */


/* 中间内容*/
.content1 ._about {
    width: 1180px;
    margin: 40px auto;
    overflow: hidden;
    padding: 60px 10px;
}

.content2  {
    width: 1180px;
    margin: 5px auto;
    overflow: hidden;
    padding: 1px 10px;
}

.banner {
    background: url(../images/product_banner.png) top center no-repeat; 
    height: 240px;
}

.banner .content {
    text-align: center;
}

.banner .content h1 {
    color: #b6c6d5;
    font-weight: bold;
    font-size: 48px;
    margin-top: 15px;
    letter-spacing: 8px;
}

.banner .content p {
    color: #333;
    font-weight: bold;
    font-size: 40px;
    margin-top: -25px;
    letter-spacing: 8px;
    text-transform: uppercase;
}

.banner .content .b_dis {
    font-size: 18px;
    color: #656565;
}

/* .banner .content .nav {
background: url(../images/nav_home.png) left center no-repeat;
font-size: 14px;

padding-left: 30px;
margin-top: 10px;
text-align: left;
margin-left: 550px;
} */

.banner .content a {
    color: #656565;
}

.banner .content img {
    display: block;
    margin: 35px auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

._about .items {
    height: 472px;
    margin: 50px 40px;
}
._about .items .item {
    float: left;
    width: 24.25%;
    height: 472px;
    margin-right: 1%;
    background: rgb(243, 243, 243);
    color: #333333;
}

._about .items .item.last {
    margin-right: 0px;
}

._about .items .item .sitem {
    height: 50%;
    text-align: center;
    overflow: hidden;
}

._about .items .item .sitem h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 20px;
}

._about .items .item .sitem span {
    font-size: 16px;
    color: #666;
    margin-bottom: 35px;
    display: block;
}

._about .items .item .sitem .img {
    height: 38px;
    width: 38px;
    background: url(../images/down-gray.png);
    margin: 0 auto;
}

._about .items .item:hover .t {
    background: #127DCF;
    color: #fff;
}

._about .items .item:hover .t span {
    color: #fff;
}

._about .items .item:hover .img {
    background: url(../images/down-white.png);
}

._culture .items {
    height: 472px;
    border: 1px solid #EBEBEB;
    background: #fff;
    margin: 50px 0;
}

._culture .items .img {
    width: 70%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

._culture .items .t {
    width: 30%;
    height: 100%;
}

._culture .items .item {
    width: 100%;
    height: 50%;
    padding: 40px 24px 42px 40px;
    color: #666;
    box-sizing: border-box;
}

._culture .items .item.cur {
    background: #127DCF;
    color: #fff;
}

._culture .items .item h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

._culture .items .item p {
    font-size: 14px;
    margin-bottom: 44px;
}

._culture .items .item span {
    border: 1px solid #999;
    padding: 16px 33px;
    display: inline-block;
}

._culture .items .item.cur span {
    border: 1px solid #fff;
}

._manpower .items {
    height: 472px;
    margin: 50px 0;
}

._manpower .img {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    transition: all .5s;
    display: inline-block;
}

._manpower .img:hover {
    transform: scale(1.05);
    z-index: 999;
}

._manpower .fl.img {
    height: 100%;
    width: 760px;
}

._manpower .fr.img {
    height: 50%;
    width: 420px;
}

._manpower .fl.img .sitem {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 105px;
}

._manpower .fr.img .sitem {
    margin-left: 50px;
    margin-top: 63px;
}

._manpower .fr.img h3 {
    color: #127dcf;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 40px;
}


._manpower .more {
    border: 1px solid #4693d1;
    color: #4693d1;
}

.more {
    width: 126px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #127dcf;
    color: #127dcf;
}

more:hover {
    background: #127dcf;
    color: #fff;
}