/* 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:465px; 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:35px 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; }

.top51 {width:1287px; margin:0 auto;}
.top5 {width:1287px; height:450px; overflow:hidden; margin-top:135px;background-image: 
url(http://www.xmsunrui.com/n1/images/bg-line.jpg);
background-repeat: repeat-x; text-align:center; margin:0 auto;}
.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:10px 5px;}
/* .top5 img{ margin-right:10px; margin-top:10px;} */
.top5 img:hover{ width:20%; border:#03C solid 2px;};

.top8 {width:1287px; height:333px; margin:0px auto;}
.top8 img{ width:253px; height:175px;margin:2px 2px; float:left;}
/*.top8 img:hover{ width:330px; height:224px; border:#03C solid 2px;}*/

.top6 {width:1287px; height:100px; margin:3px 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:1220px; height:410px; overflow:hidden; text-align:center; margin:0 auto;}

.top7 {width:1287px; height:405px; overflow:hidden; margin-top:135px; text-align:center; margin: 0 auto;}
.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;}
 
.column3 {
    width: 100%;
    margin: 40px auto;
}
.column3 .content{
    margin: 0 auto;
    width: 1215px;
}

.column3 ul.businesslist {
    overflow: hidden;
}

.column3 ul.businesslist li {
    float: left;
    width: 272px;
    cursor: pointer;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 208px 30px;
    margin: 15px;
    padding: 35px 25px;
    position: relative;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.column3 ul.businesslist li.li1 {
    background-image: url(/images/busin1.png)
}

.column3 ul.businesslist li.li2 {
    background-image: url(/images/busin2.png)
}

.column3 ul.businesslist li.li3 {
    background-image: url(/images/busin3.png)
}

.column3 ul.businesslist li.li4 {
    background-image: url(/images/busin4.png)
}

.column3 ul.businesslist li:hover {
    background: #01438f;
}

.column3 ul.businesslist li.li1:hover {
    background-image: url(/images/busin1_cur.png);
    background-repeat: no-repeat;
    background-position: 208px 30px;
}

.column3 ul.businesslist li.li2:hover {
    background-image: url(/images/busin2_cur.png);
    background-repeat: no-repeat;
    background-position: 208px 30px;
}

.column3 ul.businesslist li.li3:hover {
    background-image: url(/images/busin3_cur.png);
    background-repeat: no-repeat;
    background-position: 208px 30px;
}

.column3 ul.businesslist li.li4:hover {
    background-image: url(/images/busin4_cur.png);
    background-repeat: no-repeat;
    background-position: 208px 30px;
}

.column3 ul.businesslist li h1 {
    color: #333;
    font-size: 22px;
    margin-bottom: 10px;
}

.column3 ul.businesslist li hr {
    width: 40px;
    height: 2px;
    background: #1b8af5;
    border: none;
    float: left;
    position: absolute;
}

.column3 ul.businesslist li p {
    color: #6e6e6e;
    font-size: 14px;
    margin-top: 5px;
}

.column3 ul.businesslist li:hover hr {
    background: #FFF;
}

.column3 ul.businesslist li:hover h1,
.column3 ul.businesslist li:hover p {
    color: #fff;
}

.column3 .more {
    display: block;
    width: 170px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    color: #01438f;
    margin: 85px auto;
}

/*@media screen and (min-width:768px){} */




/*flexslider start*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px;position: absolute; margin-top: -20px; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(../images/arr.png) no-repeat; text-indent:-999em; }
.flex-direction-nav .flex-prev { left: 20px; background: url(../images/arrow_left.png) no-repeat center; }
.flex-direction-nav .flex-next { right: 20px; background: url(../images/arrow_right.png) no-repeat center;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 20px;}
.flexslider:hover .flex-next { opacity: 0.7; right:20px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd;}
.flex-pauseplay a:before { font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center; z-index: 1000;}
.flex-control-nav li { display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { text-indent: 9999px; width:20px;height:20px; background-color:#ccc;float:left; margin-right:10px; border-radius:100%; cursor:pointer;list-style: none;}
.flex-control-paging li a:hover { background: #F03;  }
.flex-control-paging li a.flex-active { background: #F03;  }






.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; }
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; }
/*flexslider end*/