@charset "gb2312";
/* CSS Document */

/* CSS Document */
body{ overflow-x:hidden;}
body,ol,table,tr,td,dt,dd,dl,h1,h2,h3,h4,h5,h6,ul,form,input,select,textarea{margin:0;padding:0; font-family: "Î¢ÈíÑÅºÚ"; font-size:14px; font-weight:normal; color:#676767;}
img{ border:0;}
p{ margin:0; padding:0;}
a img{border:none;}
li{list-style-type:none;}
a{text-decoration:none;color:#313131;}
input{vertical-align:middle;font-family:"Î¢ÈíÑÅºÚ";}
table{border-collapse:collapse;font-family:"Î¢ÈíÑÅºÚ";}
a:hover{cursor:pointer;}
input{vertical-align:middle;font-family:"Î¢ÈíÑÅºÚ"; border:0;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */
a { outline:none; } /* for FF Chrome */
select::-ms-expand { display: none; }
.fl{ float:left;}
.fr{ float:right;}
.mr{ margin: 0 auto;}

/*Í·²¿*/
.all-con{ width: 100%; display: table;}
.header-top{ width: 100%; height: 50px; overflow: hidden;background: #2e78b5;}
.top-con{ width: 1180px; margin: 0 auto;}
.top-left{ float: left;}
.top-left li{ float: left; line-height: 50px; color: #fff; margin-right: 25px;}
.top-left li i{ float: left; margin-right: 10px;}
.ch-lan{ width: 100px; height: 50px; line-height: 50px; text-align: center; background: #fff; float: right;}
.ch-lan select{  height: 50px; border: 0;  color: #343434; cursor: pointer;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url(../images/lan-jt.png) no-repeat scroll right center transparent;
    padding-right: 14px;
}
.ch-lan select option{ height: 25px; line-height: 25px; padding-top: 5px;}

.header{
    width:100%;
    height:168px;
	overflow:hidden;
    padding:7px 0;
    display: table;
    border-bottom: 1px solid #363636;
	background: url(../images/head_bg.jpg) repeat-x center center;
}

.head-con{
    width: 1180px;
    margin:0 auto;
}

.logo{
    display: block;
    float: left;
    width:1180px;
    height:118px;
}


.head-nav{margin:0 auto;}
.head-nav li{ float:left; font-size:15px; color:#5f3384; text-align: center;}
.head-nav li a{ display:block;  float: left;color:#4c4e4f; font-weight: bold; margin-right:10px; }
.head-nav li i{display:block; float:right; width:27px; height:20px; background: url(../images/nav-sj.png) no-repeat center center; }
.head-nav li.nav-on a{ color:#0a6cbf;}
.head-nav li:hover a{ color:#0a6cbf; }
.head-nav li.nav-on i{ background: url(../images/nav-sj-hover.png) no-repeat center center;}
.head-nav li:hover i{ background: url(../images/nav-sj-hover.png) no-repeat center center;}

.search-icon{ display: block; float: right; width:65px; height: 13px; text-align:center;margin:18px 0; cursor: pointer;}
.search-con{
    width:100% !important;
    position:absolute;
    left:0;
    width:1920px;
    height:60px;
    background:#2e78b5;
    display:none;
    z-index: 999;
}

.search-area{
    width:1300px;
    margin:0 auto;
    padding:17px 70px;
    display:table;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.sea-form{
    float:left;
}

.sea-form input{
    float:right;
}

.sea-form input.sea-btn{
    width:65px;
    height:30px;
    background:url(../images/btn_search.jpg) no-repeat center center;
    background-size:100%;
}

.sea-form input.sea-input{
    width:220px;
    height:29px;
    padding:5px 15px;
    margin-left:15px;
	margin-right:6px;
    font-size:12px;
    color:#fff;
    background:none;
    border: 1px solid #fff;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.sea-close{
    float:right;
    cursor:pointer;
    -ms-transition:all linear 0.3s;	/* IE 9 */
    -moz-transition:all linear 0.3s;	/* Firefox */
    -webkit-transition:all linear 0.3s; /* Safari ºÍ Chrome */
    -o-transition:all linear 0.3s; 	/* Opera */
    transition:all linear 0.3s;
}

.sea-close:hover{
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}

/*Ò³Î²*/
.footer{ width: 100%; display: table; background: #15568C; border-top: 3px solid #f6f6f6; }
.footer-con{ width: 1180px; display: table; margin: 0 auto; }
.foot-left{ width: 415px; float: left; background: #15568C; padding: 30px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.foot-logo{ display: block; width: 189px; height: 56px;}
.foot-lx{ display: table; color:#FFFFFF; }
.foot-lx li{ display: table; margin: 8px 0; color: #18191a;}
.foot-lx li i{ display: block; float: left; width: 14px; height: 12px; margin-right: 10px; }
.share{ display: table; margin-bottom: 25px;}
.share li{ float:left ;}
.share li a{ display: block; width: 30px; height: 30px; margin-right: 5px;}
.share li a:hover{ opacity: 0.8;}
.foot-left p{  color: #E6ECF3;}
.foot-img{ width: 223px; float: left; margin:50px 35px;}
.foot-img li{ float:left;width: 223px; height: 67px; border: 1px solid #d0d0d0; margin: 6px 0; }
.foot-img li a:hover{ opacity: 0.8;}
.footer-nav{  width: 180px; float: left; margin: 50px 30px;}
.footer-nav li b{ font-size: 20px; color: #fff;}
.footer-nav li a{ display: block; width: 100%; height: 30px; line-height: 30px; border-bottom: 1px dashed #AFACAC; color: #FFFFFF;}
.footer-nav li a:hover{ color: #fff;}
.footer-nav li a i{ display: block; float: left; width: 20px; height: 30px; background: url(../images/footer-sj.png) no-repeat center left;}
.ewm{ float: right; width: 200px; margin: 50px 15px 0 0;}
.ewm b{ display: block; float: left; margin-bottom: 10px;  font-size: 20px; color: #fff;}

/*ÄÚÈÝ*/
#banner{height:480px; position:relative; margin:0px auto;}
.focus{width:1920px;height:480px;position:relative;float:left;overflow:hidden;left:50%; top:0; margin-left:-960px;}
#dis_banner{height:300px; position:relative; margin:0px auto;}
.dis_focus{width:1920px;height:300px;position:relative;float:left;overflow:hidden;left:50%; top:0; margin-left:-960px;}
.f426x240 li{position:absolute; left:0;top:0;}

.rslides{width:100%; position:relative;list-style:none;padding:0}
.rslides_nav{ display:block; position:absolute;left:272px;top:224px;width:47px;height:82px; text-indent:-9999px;overflow:hidden;z-index:999; background: url(../images/lb-left.png) no-repeat;}
.rslides_nav:hover{ opacity:0.5;}
.rslides_nav.next{left:1592px;background: url(../images/lb-right.png) no-repeat;}
.rslides_nav.next:hover{opacity:0.5;}
.rslides_tabs{clear:both; text-align:center; position:absolute; bottom:50px; left:50%; margin-left:-61px; z-index:999; width:auto; height:14px;}
.rslides_tabs li{ float:left; margin:0 11px;}
.rslides_tabs a{ text-indent:-9999px;overflow:hidden; width:22px; height:22px; border-radius:50%; display:block; background: #3c3f41;}
.rslides_tabs .rslides_here a{ background:#fff;}

.content{ width: 1180px; display: table; margin: 40px auto 10px;}
.new-left{ width: 570px; float: right;}
.new-left h1{ font-size: 30px; color: #282855; margin-bottom: 20px;}
.new-left h1 span{ color: #c13026; }
.shous-text {width:570px; float: left;}
.shous-text li{ position: relative; margin-bottom: 10px;}
.shous-text .shous-link {cursor: pointer;display: block; height:50px; line-height:50px; padding-left:20px;color: #232325;font-size: 14px; background:#f2f7f9;font-weight: 700; position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.shous-text li:last-child .shous-link {border-bottom: 0;}
.shous-text li b{position: absolute; top: 0; right:47px;  display: block; width:2px; height: 50px; background: url(../images/sx.png) no-repeat;}
.shous-text li i {position: absolute;top: 0px;right: 0px; width:47px; height:50px; background:url(../images/more-hover.png) no-repeat center center;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.shous-text li.open .shous-link {color: #fff; background:#2986e2;}
.shous-text li.open b{background: url(../images/sx-on.png) no-repeat;}
.shous-text li.open i {background:url(../images/more.png) no-repeat center center;}

.shous-text li.shous-act .shous-link{	color: #fff; background:#2986e2;}
.shous-text li.shous-act .shous-link a{color: #fff;}
.shous-text li.shous-act b{background: url(../images/sx-on.png) no-repeat;}
.shous-text li.shous-act i{background:url(../images/more.png) no-repeat center center;}
.shous-text li.shous-act .shous-sub{ display: block; }
.shous-text li.shous-act .shous-sub li .on{ color:#f00;}



/* Submenu-----------------------------*/
.shous-sub { display: none;  background: #fff;font-size: 14px; border: 1px solid #dddddd; overflow: auto; zoom: 1; padding: 25px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-transition:all linear 0.3s;	/* IE 9 */
    -moz-transition:all linear 0.3s;	/* Firefox */
    -webkit-transition:all linear 0.3s; /* Safari ºÍ Chrome */
    -o-transition:all linear 0.3s; 	/* Opera */
    transition:all linear 0.3s;
}
.sub-left{ display: block; float: left; width: 131px; height: 89px; margin-right: 15px; border: 1px solid #7b7979; }
.sub-txt{  width: 380px; float: right;}
.sub-txt p{ color: #464646; line-height:25px;}
.sub-txt p span{ color:#858484;}
.sub-txt a{ font-size: 12px; font-weight: bold; color: #363636;}

.about-right{ width: 570px; float: left;}
.about-txt{ width: 100%; display: table; margin-bottom: 15px;}
.about-txt h1{ font-size: 30px; color: #282855; margin-bottom: 12px;}
.about-txt h1 span{ color: #c13026; }
.about-txt p{ line-height: 25px; color: #464646;}
.about-video{ width: 570px; height: 354px;}

.case{ width: 1180px;  margin-top:15px;}
.case-txt{ width: 100%; display: table; margin-bottom: 15px;}
.case-txt h1{ font-size: 30px; color: #282855; margin-bottom: 12px; background: url(../images/bg_bread.jpg) no-repeat right;}
.case-txt h1 span{ color: #c13026; }
.case-txt p{ line-height: 25px; color: #464646;}








