/*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;  height:650px;
}
.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:first-child .she{ 
  margin:0 auto;}
.rslides li .com{position: absolute;
    top: 36%;
    color: #fff;
    z-index: 9;
       width: 100%;
    text-align: left;}
.rslides li .com p{    color: #fff;    text-align: center;}
.rslides li .com .t1{font-size: 42px;font-weight: bold;}
.rslides li .com .t2{      margin: 13px 0px 24px;  font-size: 16px;
    font-variant: all-petite-caps;
    letter-spacing: 1px;
    font-family: 'Arial';}
.rslides li .com .t3{   font-size: 31px;}
.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: 28px;    float: left;
    height: 5px;
    margin-left: 6px;
    border: 1px solid #FFF;
    position: relative;}
.callbacks_tabs.callbacks1_tabs li a{    display: inline-block;
    width: 26px;
    height: 4px;
    position: absolute;
    left: 0;
    z-index: 1000;
    color: rgba(100,200,300,0);
    color: transparent;}
.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_container #slider li a{display: block;width: 100%;}
.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 !important;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
    left:auto;
    background-position:right top;
    right:0;
  
}

.fleft {
    float: left!important;
}
.main {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.h4_title{ font-size:30px; line-height:45px; text-align:center; color:#333333;}

.s4 { margin:70px auto 34px; background:url(../images/about_bg.jpg) no-repeat; height:1080px;}
.s4 .wen{ width:630px; float:left;}
.s4 p{    font-size: 16px; margin-bottom:18px;
    line-height: 30px;
     }
.s4 p a{     color: red;}
.s4 .tu{ margin-bottom:30px;}
.s4 .sp{  margin: 0 auto;
    /* margin: 30px 0px; */
    background: url(../images/sp.png) no-repeat;
    height: 454px;
    margin-top: 30px;
    width: 764px;}
.s4 .sp video{    margin-left: 92px;
    margin-top: 28px;}

.s1{ background:url(../images/hz_bg.jpg) no-repeat;    padding: 40px 0px;     height: 854px;}
.s1 .tit {
    margin-top: 10px;
    font-size: 24px; text-align:center;
    color: #012de4;
}
.s1 ul{ margin-top:60px;}
.s1 ul li {    margin-top: 16px;
    float: left;
    width: 380px;
    margin-right: 30px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    position: relative;
    height: 250px;
    margin-bottom: 76px;
}
.s1 ul li img{    position: absolute;
    top: -52px;
    left: 138px;
    width: 99px;
    height: 99px;}
.s1 ul li .com{ padding: 0px 20px;
    padding-top: 54px;}
.s1 ul li .com .t{text-align: center;
    line-height: 50px;
    font-size: 24px;}
.s1 ul li .com p{    font-size: 14px;
    line-height: 28px;
    margin-top: 4px;}
.s1 ul li:nth-of-type(3n){ margin-right:0px;}
.s1 ul li:hover{    background: #fb6707;}
.s1 ul li:hover .t{ color:#fff;}
.s1 ul li:hover p{ color:#fff;}


.top .tit{  font-size: 36px;
    color: #333;
    text-align: center;
    font-weight: bold;}
.top span{ text-transform: uppercase;
    font-size: 16px;
    color: #666666;
    text-align: center;
    display: block;
    margin: 5px 0px;}
.top span:after{     content: '';
    display: block;
    width: 34px;
    height: 2px;
    background: #333;
    text-align: center;
    margin: 10px auto;}
	
.cp{    margin: 50px 0px 50px 0px;}
.slideTxtBox .hd{ margin-bottom:34px;border-bottom: 1px solid #d2d2d2;}
.slideTxtBox .hd ul{ margin-top:40px;}
.slideTxtBox .hd ul li{    float: LEFT;
    font-size: 16px;
    padding: 4px 0px;
    line-height: 50px;margin-left: 49px; }
.slideTxtBox .hd ul li:nth-of-type(1){ margin-left:0px;}
	.slideTxtBox .hd ul li.on{border-bottom: 2px solid #fb6707;}
.slideTxtBox .hd ul li i{  width:55px; height:55px; display:block;    float: left;}
.slideTxtBox .hd ul li:nth-of-type(1) i{ background:url(../images/icon_1.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(2) i{ background:url(../images/icon_2.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(3) i{ background:url(../images/icon_3.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(4) i{ background:url(../images/icon_4.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(5) i{ background:url(../images/icon_5.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(6) i{ background:url(../images/icon_6.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(7) i{ background:url(../images/icon_2.png) no-repeat;}

.slideTxtBox .hd ul li:nth-of-type(1):hover i{ background:url(../images/icon_01.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(2):hover i{ background:url(../images/icon_02.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(3):hover i{ background:url(../images/icon_03.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(4):hover i{ background:url(../images/icon_04.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(5):hover i{ background:url(../images/icon_05.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(6):hover i{ background:url(../images/icon_06.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(7):hover i{ background:url(../images/icon_02.png) no-repeat;}
.slideTxtBox .hd ul li.cur{     border-bottom: 1px solid #b20000;}
.slideTxtBox .hd ul li.cur i{ background:url(../img/icon1.png) no-repeat;}
.slideTxtBox .bd{}
.slideTxtBox .bd ul{}
.slideTxtBox .bd ul .fl{    width: 840px;
    overflow: hidden;}
.slideTxtBox .bd ul .fl img{    max-width: 100%; height:580px;}
.slideTxtBox .bd ul .fr{    width: 342px;
    background: #f5f5f5;
    height: 580px;
    position: relative;}
	.slideTxtBox .bd ul .fr p{     font-size: 28px;
    color: #333;
    text-align: center;
    margin-top: 42px;}
.slideTxtBox .bd ul .fr .com{ font-size: 16px;
    line-height: 34px;
    color: #333;
    padding: 40px 34px;}
.slideTxtBox .bd ul .fr .btn{    position: absolute;
    bottom: 30px;
    /* width: 296px; */
    background: #fb6707;
    right: 0px;
    padding: 14px 30px;
    width: 80%;
    margin: 0px 10%;
    border-radius: 0px;
    font-size: 18px;}
.slideTxtBox .bd ul .fr .btn a{ color: #fff;}
.slideTxtBox .bd ul .fr .btn p{    font-size: 18px;
    text-align: center;
    line-height: 30px;}
.slideTxtBox .bd ul .fr .btn span{font-size: 20px;
    /* right: 0; */
    float: right;
    font-weight: bold;}
	
.xian0{ background:url(../images/icon1.png) no-repeat; width:107px; height:12px; display:block; margin:8px auto;}
.s3{    margin-bottom: 20px;    padding-top:40px;}
.s3 ul{ margin:20px auto;}
.s3 ul li{ border:1px #CCC solid; margin-bottom:15px;}


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

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

@media (max-width: 767px){

.rslides li{ height:400px;}
.rslides li .com {
 top: 20% !important;
    left: 0%;
}
.rslides li .com .t1 {
       font-size: 26px;
}
.rslides li .com .t2 {
  font-size: 18px;
}
.rslides li .com .t3 {
   font-size: 16px;
}
.callbacks_tabs.callbacks1_tabs {
    margin-left: 36%;float: left;
}
.rslides li .she {
    width: 90%;
}


.s2 ul.n li a {
    width: auto;
}
.s2 ul.n li:nth-of-type(5){ display:none;}
.top .tit {
    font-size: 26px;}
.s2 .c li {
    margin: 2%;
    width: 46%;
}
.s2 .c li:nth-of-type(2) {
       margin: 2%;width: 46%;float: left;
}
.s2 .c li:nth-of-type(4) {
       margin: 2%;width: 46%;float: left;
}
.s2 .c li.da{ display:none;}
.s2 .c li:nth-of-type(8) {
    float: left;
   margin: 2%;
}
.s3 .n li a {
    width: auto;}
.s4{ display:none;}
.s5 {
    background: #ffffff;
    padding: 30px 0px;
}
}


.foorterLink{background-color: #d7d7d7;padding: 16px 0;}
.foorterLink span{color: #333333;font-size: 14px;}
.foorterLink a{font-size: 14px;color: #666666;padding: 0 15px;border-right: 1px solid #b7b7b7;transition: all .5s;line-height: 30px;}
.foorterLink a:hover{color: #006eec}
.foorterLink a:last-child{border-right: 0;}
.wrap {
    width: 1200px;
    margin: 0 auto;
}