/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5;}
legend small{font-size:15px;color:#999;}
svg:not(:root) {overflow: hidden;}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
/*
Name:           style_clearfix
Example:        class="clearfix|cl"
Explain:        Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.cl,.clearfix{zoom:1;}

/* rslides */
.rslides{
    position:relative;
    list-style:none;
    overflow:hidden;
    width:100%;
    padding:0;

    margin:0;
}
.rslides li{
    -webkit-backface-visibility:hidden;
    position:absolute;
    display:none;
    width:100%;
    left:0;
    top:0;    background-size: cover;  
}
.rslides li:first-child{
    position:relative;
    display:block;
    float:left;
}
/*.rslides li:first-child p.t3:before {
  content:"";
background-image: url(../images/123.png);
 width:159px;
 height:32px;    display: block;
    margin: 0 auto;
}*/
.rslides li .com{ top: 38%;}
.rslides li .she{ }
.rslides li .com{position: absolute;
    top: 36%;
    color: #fff;
    z-index: 9;
       width: 100%;
    text-align: left;}
.rslides li .com p{    color: #fff;}
.rslides li .com .t1{font-size: 60px;font-weight: bold;}
.rslides li .com .t2{     margin: 10px 0px 0px;
    font-size: 26px;
    letter-spacing: 1px;
    font-family: 'Arial';}
.rslides li .com .t3{     margin-top: 50px;}
.rslides img{
    display:block;
    height:auto;
    float:left;
    width:100%;
    border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-26px; position:relative;z-index: 2;margin-bottom:20px;    margin-left: 46%;}
.callbacks_tabs.callbacks1_tabs li{     width: 12px;
    float: left;
    height: 12px;
    margin-left: 6px;
    border: 1px solid #FFF;
    position: relative;
    border-radius: 30px;}
.callbacks_tabs.callbacks1_tabs li a{ display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 1px;
    z-index: 1000;
    color: rgba(100,200,300,0);
    color: transparent;
    border-radius: 30px;
    top: 1px;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
    margin-bottom:2px;
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}

.callbacks{
    position:relative;
    list-style:none;
    overflow:hidden;
    width:100%;
    padding:0;
    margin:0;
}
.callbacks li{
    position:absolute;
    width:100%;
    left:0;
    top:0;
}
.callbacks li img{}
.callbacks img{
    display:block;
    position:relative;
    z-index:1;
    height:auto;
    width:100%;
    border:0;
}
.callbacks .caption{
    display:block;
    position:absolute;
    z-index:2;
    font-size:20px;
    text-shadow:none;
    color:#fff;
    background:#000;
    background:rgba(0,0,0, .8);
    left:0;
    right:0;
    bottom:0;
    padding:10px 20px;
    margin:0;
    max-width:none;
}
.callbacks_nav{
    position:absolute;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    top:50%;
    left:0;
    opacity:0.6;
    z-index:3;
    text-indent:-9999px;
    overflow:hidden;
    text-decoration:none;
    height:61px;
    width:38px;
    background:transparent url("../images/themes.gif") no-repeat left top;
    margin-top:-30px;
    display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
    left:auto;
    background-position:right top;
    right:0;
  
}

@media screen and (max-width:600px){
    .callbacks_nav{
        top:47%;
    }
}


.fleft {
    float: left!important;
}

.stit{    font-size: 22px;
    color: #333;
    text-align: center;}
.s1{padding:34px 0px;}

.slideTxtBox{ }
		.slideTxtBox .hd{ position:relative;    margin-top: 30px; }
		.slideTxtBox .hd ul{   }
		.slideTxtBox .hd ul li .she{ cursor:pointer;  height:40px; line-height:40px; background:#dcdcdc;  }
		.slideTxtBox .hd ul li a{ text-align:center; display:block; font-size:16px;}
		.slideTxtBox .hd ul li.on .she{ background:#23467a;  }
		.slideTxtBox .hd ul li.on a{color:#fff; }
		.slideTxtBox .bd ul{  zoom:1;    margin-top: 20px;  }
.slideTxtBox .bd ul li{}
.slideTxtBox .bd ul li .tu{ overflow:hidden;    height: 230px;
    display: flex;
    justify-content: center;
    align-items: center;}
.slideTxtBox .bd ul li .tu img{ width:100%;    padding: 0px 15px;}
.slideTxtBox .bd ul li p{ text-align:center; line-height:34px; color:#333; font-size:20px;}
.slideTxtBox .bd ul li:hover p{ color:#23467a;}


.s2{    background: #f0f0f0;
    padding: 34px 0px;}
.s2 ul{margin-top: 28px;}
.s2 ul li{}
.s2 ul li .she{    background: #fff}
.s2 ul li .she .tu{    overflow: hidden;}
.s2 ul li .she .tu img{    width: 100%;transition: all .8s;}
.s2 ul li .she .com{padding: 20px 15px;}
.s2 ul li .she .com .tit{font-size: 18px;
    color: #333;}
.s2 ul li .she .com .dec{line-height: 23px;
    margin: 10px 0px;}
.s2 ul li .she .com .more{color: #dcdcdc;
    position: relative;}
.s2 ul li .she .com .more i{    width: 30px;
    height: 2px;
    background: #dcdcdc;
    position: absolute;
    top: 10px;
    left: 48px;}
.s2 a.more{    text-align: center;
    background: #23467a;
    color: #fff;
    padding: 10px 36px;
    border-radius: 30px;
    display: table;
    margin: 34px auto 0px;}
.s2 a.more:hover{ background:#0e2a54;}
.s2 ul li:hover .she .com .tit{ color:#23467a;}
.s2 ul li:hover .she .com .more{ color:#23467a;}
.s2 ul li:hover .she .com .more i{ background:#23467a;}
.s2 ul li:hover img{transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}


.s3{ background: url("../images/xwbg.jpg") no-repeat; height:660px;
    padding: 34px 0px;}
	.s3 .stit{ color:#fff;}
.s3 ul{margin-top: 28px;}
.s3 ul li{}
.s3 ul li .she{    background: #fff}
.s3 ul li .she .tu{    overflow: hidden;}
.s3 ul li .she .tu img{    width: 100%;transition: all .8s;}
.s3 ul li .she .com{padding: 20px 15px;}
.s3 ul li .she .com .tit{font-size: 18px;
    color: #333; line-height:34px;}
.s3 ul li .she .com .dec{line-height: 23px;
    margin: 10px 0px;}
.s3 ul li .she .com .more{color: #dcdcdc;
    position: relative;}
.s3 ul li .she .com .more i{    width: 30px;
    height: 2px;
    background: #dcdcdc;
    position: absolute;
    top: 10px;
    left: 48px;}
.s3 ul li:hover .she .com .tit{ color:#23467a;}
.s3 ul li:hover .she .com .more{ color:#23467a;}
.s3 ul li:hover .she .com .more i{ background:#23467a;}
.s3 ul li:hover img{transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}



@media screen and (max-width:600px){
    .callbacks_nav{
        top:47%;
    }
}

@media (max-width: 1400px){
.rslides li{ height:600px;}
}

@media (max-width: 767px){
.slideTxtBox .bd ul li {
    margin-bottom: 18px;
}
  .slideTxtBox .bd ul li .tu {
    overflow: hidden;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d3d3d3;
}
  
.rslides li{height: auto;}
.rslides li .com {
  display: none;
}
.s1 {
    padding: 18px 0px;
}
.rslides li .com .t1 {
       font-size: 26px;
}
.rslides li .com .t2 {
  font-size: 18px;letter-spacing: 0px;
}
.rslides li .com .t3 {
   font-size: 16px;
}
.callbacks_container #slider li a{font-size: 14px;
    padding: 6px 14px;}
.callbacks_tabs.callbacks1_tabs {
    margin-left: 36%;float: left;
}
.rslides li:first-child .she {
      width: 98%;
    margin: 0 auto;
}
.rslides li:first-child .she {
    background-size: 100%;
}

.s1 .t p{ font-size:20px;}
.s1 .t span{ font-size:20px;}
.slideTxtBox .hd li{ margin-bottom:10px;}
.slideTxtBox .hd {
    position: relative;
    margin-top: 10px;}
	.slideTxtBox .hd ul li a {
    font-size: 14px;
}
.slideTxtBox .hd ul li .she {
    height: 34px;
    line-height: 34px;
}
.slideTxtBox .bd ul li .tu img {
    height: auto;
}
.slideTxtBox .bd ul li p {
    font-size: 16px;
}
.s3 .stit {
    color: #333;
}
.foot .wx img{    display: block;
    margin: 10px auto;
    float: none;}
.s3{ background:none; height:auto;}
.s3 .container {
    padding-top: 0px;
    padding-left: 0px;
}
.s3 .tit p {
    font-size: 22px;
    color: #333;
    margin-top: 18px;
}
.s3 .tit span {
    font-size: 14px;}
	.s3 .com p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
}
.s3 a{ margin-bottom:26px; margin-top:20px;}
.s4 {
    padding: 22px 0px 34px;
}.s4 li {
    margin: 14px 0px;
}
.foot .one .fr ul li {
    float: left;
    width: 50%;
    margin-bottom: 12px;
}
}