/*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:740px;
}
.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_container #slider li a{    display: initial;
    width: 100%;
    border: 1px solid #fff;
    padding: 10px 30px;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;}
	.callbacks_container #slider li a:hover{ background:#cfa972; border: 1px solid #cfa972;}
.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:50px;
    width:24px;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}

.callbacks_nav.prev{
    left:5%;
      background:transparent url("../images/prev1.png") no-repeat;
    right:auto;
  
}

.callbacks_nav.next{
    left:auto;
      background:transparent url("../images/prev2.png") no-repeat;
    right:5%;
  
}

.fleft {
    float: left!important;
}

.s1{ background:#efefef; padding:40px 0px;}
.s1 .bai{      background: #fff;
    padding: 26px;}
.s1 .t{}
.s1 .t p{    font-size: 27px;
    color: #282828;
    text-transform: uppercase;}
.s1 .t span{font-size: 28px;
    color: #282828;}
.s1 ul{}
.s1 ul li{    margin: 15px 0px;}
.s1 ul li .a{ width:100%; overflow:hidden;}
.s1 ul li .a img{transition: all 0.6s; }
.s1 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);
    transition: all 0.6s;}

.s2{     background: #efefef;    padding-bottom: 32px;}
.s2 .bai{ background:#fff;}
/*ser*/
.ser {
    padding: 24px 0 0;
}
.ser h2{margin-bottom: 55px;}
.ser ul{height:380px;padding:0 40px;background:url(../images/ser_bg.jpg) no-repeat center 65px;}
.ser li{float: left;width: 25%;text-align: center;height: 120px;margin-bottom: 88px;position: relative;}
.ser li:nth-of-type(5){ margin-bottom:2px;}
.ser li:nth-of-type(6){ margin-bottom:2px;}
.ser li:nth-of-type(7){ margin-bottom:2px;}
.ser li span{ display:block;width:72px; height:72px;  margin:13px auto 17px;  position:relative;}
.ser li span em{position:absolute;width:100%;height:100%;background: #ededed;border-radius: 50%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.ser li span em img{    margin-top: 10px;}
.ser li span i img{    margin-top: 10px;}
.ser li span i{position:absolute;width:100%;height:100%;background: #cfa972;border-radius: 50%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.ser li:hover span em,.ser li.cur span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.ser li:hover span i,.ser li.cur span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.ser li b{display:block;font-size: 17px;color: #666;line-height: 20px; font-weight:400;text-transform: uppercase;}

.ser li:hover:after,.ser li.cur:after{position: absolute;width: 13px;height: 8px;content: "";background:url(../images/san4.png) no-repeat;top: 104px;left: 50%;margin-left: -7px;}
.ser .tel{font-size: 14px;color: #333;line-height: 14px;padding-top: 18px;}
.ser .tel strong{display:block;font-size: 24px;color: #333;line-height: 30px;}
.ser .tel .zx{display: block;width: 95px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #333;background: #fff;border-radius: 17px;margin:4px auto 0;}
.ser li.bt:hover:after,.ser li.bt.cur:after{top: 0;background:url(../images/san5.png) no-repeat;}
.ser_con{position: relative;margin-top: 50px;}
.ser_bd{position: absolute !important;width: 100%;left: 0;top: 146px;z-index: 10;}
.ser_bd p{font-size: 17px;color: #666;line-height: 24px;text-align: center;}

.s3{background:url(../images/about_bg.jpg) no-repeat center; height:904px;}
.s3 .container{    padding-top: 96px;    padding-left: 23px;}
.s3 img{}
.s3 .tit{    padding: 0px 15px;}
.s3 .tit p{    font-size: 26px;
    color: #333;
    margin-top: 56px;}
.s3 .tit span{    font-size: 16px;
    color: #666;    line-height: 32px;}
.s3 .com{    padding: 0px 15px;}
.s3 .com p{  font-size: 15px;
    line-height: 26px;
    margin-top: 20px;}
.s3 a{    font-size: 15px;
    border: 1px #8b8b8b solid;
    padding: 8px 30px;
    border-radius: 30px;
    margin-top: 50px;
    display: -webkit-inline-box;}

.s4{background: #efefef;
   padding: 34px 0px 54px;}
.s4 li{}
.s4 li .a{background: #fff;}
.s4 li .tu{overflow: hidden;
    width: 100%;}
.s4 li .tu img{}
.s4 li .com{    padding: 22px 20px;}
.s4 li .com .date{}
.s4 li .com .date span{display: block;
    font-size: 34px;
    font-weight: bold;
    color: #cfa972;}
.s4 li .com .date i{    font-style: inherit;
}
.s4 li .com .t{    font-size: 18px;
    color: #333;margin: 16px 0px 8px;}
.s4 li .com .c{ font-size:14px; line-height:22px;}
.s4 li .com a.more{    color: #cfa972;
    margin-top: 16px;
    display: block;}



@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: auto;}
.rslides li .com {
   left: 6%; top:44%;
}
.s1 {
    padding: 18px 0px;
}
.rslides li .com .t1 {
       font-size: 16px;
}
.rslides li .com .t2 {
  font-size: 14px;letter-spacing: 0px;
}
.rslides li .com .t3 {
   font-size: 14px;margin-top: 18px; display:none;
}
.callbacks_container #slider li a{font-size: 14px;
    padding: 2px 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%;
}
.s0 p {
   width: 90%;
    margin: 2px auto;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
}
.s0 .p1 {
    font-size: 28px;
    line-height: 56px;
}
.s0 a {
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 16px auto 2px;
}
.s1 .t p{ font-size:20px;}
.s1 .t span{ font-size:20px;}
.ser ul {
    height: auto;}
	.ser_bd{ display:none;}
.ser li {
    float: left;
    width: 50%;
    text-align: center;
    height: 124px;
    margin-bottom: 10px;
    position: relative;
}
.ser li b{ font-size:15px}
.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;
}
}