/*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: 32%;
    color: #fff;
    z-index: 9;
    width: 100%;
    text-align: center;}
.rslides li .com p{    color: #fff;}
.rslides li .com .t1{font-size: 52px;font-weight: bold;}
.rslides li .com .t2{ margin: 12px 0px 0px;
    font-size: 27px;
    letter-spacing: 1px;
    font-family: 'Arial';}
.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%;margin-top: 75px;
    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: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;
}

.ts{margin: 38px 0px;}
.ts p{    color: #333;
    font-size: 30px;
    text-align: center;}
.ts span{    font-size: 16px;
    text-align: center;
    display: block;
    line-height: 32px;}


.s0{}
.s0 li{margin: 30px 0px;}
.s0 li .a{  transition: all .8s;  background: #f6f6f6;
    padding: 14px 0px;}
.s0 li .a i{    display: block;
    width: 120px;
    height: 82px;
    margin: 0px auto;}
.s0 li .a p{    font-size: 16px;
    text-align: center;
    margin-top: 4px;}
.s0 li:nth-of-type(1) .a i{ background:url(../images/icon1.png) no-repeat;}
.s0 li:nth-of-type(2) .a i{background:url(../images/icon2.png) no-repeat;}
.s0 li:nth-of-type(3) .a i{background:url(../images/icon3.png) no-repeat;}
.s0 li:nth-of-type(4) .a i{background:url(../images/icon4.png) no-repeat;}
.s0 li:nth-of-type(1):hover .a i{ background:url(../images/icon01.png) no-repeat;}
.s0 li:nth-of-type(2):hover .a i{ background:url(../images/icon02.png) no-repeat;}
.s0 li:nth-of-type(3):hover .a i{ background:url(../images/icon03.png) no-repeat;}
.s0 li:nth-of-type(4):hover .a i{ background:url(../images/icon04.png) no-repeat;}
.s0 li:hover .a{ background:#eb6100;transition: all .8s;}
.s0 li:hover p{ color:#fff;}


.s1{    background: #f1f1f1;
    padding: 50px 0px;}
.s1 .tit{     margin-top: 10px;   font-size: 30px;
    color: #eb6100;}
.s1 .tit:after {
content: '';
    display: block;
    width: 40px;
    height: 2px;    margin-top: 8px;
    background: #eb6100;
}
.s1 .com{ font-size: 15px;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 34px;}
.s1 .com p{
	text-indent:2em;
}
.s1 ul{}
.s1 ul li{float: left;
    width: 120px;
    height: 120px;
    background: #ffffff;
         margin-right: 30px;
    border: 1px solid #e0e0e0;}
.s1 ul li i{ background:no-repeat;    width: 60px;
    height: 60px;
    display: block;
    margin: 16px auto 7px;}
.s1 ul li p{    text-align: center;
    color: #999999;}
.s1 ul .l1 i{ background:url(../images/a_icon1.png);}
.s1 ul .l2 i{background:url(../images/a_icon2.png);}
.s1 ul .l3 i{background:url(../images/a_icon3.png);}
.s1 ul .l4 i{background:url(../images/a_icon4.png);}
.s1 ul li:hover{background:#026ac2;transition: all 0.3s;} 
.s1 ul li:hover p{ color:#fff;}
.s1 ul .l1:hover i{background:url(../images/a_icon01.png);}
.s1 ul .l2:hover i{background:url(../images/a_icon02.png);}
.s1 ul .l3:hover i{background:url(../images/a_icon03.png);}
.s1 ul .l4:hover i{background:url(../images/a_icon04.png);}

.s2{  }
.feature {     margin: 4px 0 36px; }
.feature li {text-align: center;
    cursor: pointer;
    margin-bottom: 50px;}
.feature li span { margin: 0 auto;width: 129px; height: 136px; display: block; background: url(../images/ysi_bg.png) no-repeat center top; padding-top: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.feature li i { display: block; width: 87px; height: 87px; background: #e5e5e5; border-radius: 50%; margin: 0 auto; -o-transition: all .3s ease; transition: all .3s ease }
.feature li i img{margin: 0px auto;padding-top: 14px;}
.feature li strong { display: block; font-size: 16px; color: #333; line-height: 100%; font-weight: 400; margin-top: 20px }
.feature li:last-child { margin-right: 0 }
.feature li:hover i { background:#01a0e7 url(../images/ys_li.png) no-repeat center;background: linear-gradient(0deg,rgb(64, 103, 195),rgba(0,162,233,1)); }
.feature li:hover img { filter: invert(1); -webkit-filter: invert(1) }


/**/
.fw_bj{font-size: 16px; height: auto;background: url(../images/fwbg.jpg) no-repeat center top;height: 913px;overflow: hidden; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px; }
.fw_bj .ts p{ color:#fff;}
.fw_bj .ts span{ color:#fff;}
.fw{height: 587px;}

.fw_nav{width: 254px;background:url(../images/fwtitbg.jpg) no-repeat; float: left;}
.fw_nav li{height: 95px; line-height: 96px;border-bottom: 1px solid #414349;font-size: 22px; color: #fff;padding-left: 94px;position: relative;z-index: 1;cursor: pointer;}
.fw_nav li i{position: relative;z-index: 1; font-weight: bold;   font-style: inherit;
    font-size: 20px;}
.fw_nav li:before{content: "";position: absolute;top:42px;left:61px;background:url(../images/fwico.png) no-repeat;width: 14px;height: 14px;}
.fw_nav p{padding-top: 36px; padding-left: 50px;height: 107px;background:url(../images/fwtel.png) no-repeat 15px 40px;box-sizing: border-box; font-size: 26px; color: #ffffff; font-weight: bold;}

.fw_nav li.cur:before{content: "";position: absolute;top:0;left:-31px;background:url(../images/fwcur.png) no-repeat;width: 300px;height: 96px;}
.fw_nav li.cur i{}

.fw_nr{float: left;width: 915px;}
.fw_nr dl{width: 915px; cursor: pointer;}
.fw_nr dl dt,.fw_nr dl dt img{width: 100%; display: block;height: 576px;}
.fw_nr dl dd{    background: #fff;
    height: 100px;
    padding-top: 34px;
    padding-left: 72px;
    box-sizing: border-box;}
.fw_nr dl dd em{padding-right: 35px; color: #666666;padding-left: 25px;  font-size:15px; font-weight: normal;line-height: 27px;background:url(../images/fwico2.png) no-repeat left center;}


.s4{
   padding: 34px 0px 54px;}
.s4 li{margin-top: 10px;}
.s4 li .a{border: 1px solid #d4d4d4;}
.s4 li .tu{overflow: hidden;
    width: 100%;}
.s4 li .tu img{width: 100%;}
.s4 li .com{    padding: 22px 20px;}
.s4 li .com .date i{    font-style: inherit;
}
.s4 li .com .t{    font-size: 18px;
    color: #333;    margin: 0px 0px 8px;}
.s4 li .com .c{ font-size: 15px;
    line-height: 25px;}
.s4 li:hover .a{border: 1px solid #eb6100;}
.s4 li:hover .t{ color:#eb6100;}	
.s4 li .date{     position: relative;
    font-size: 14px;
    line-height: 25px;
    margin-top: 10px;}
.s4 li .date:after{ content: "";
    position: absolute;
    width: 24px;
    background: #eb6100;
    height: 1px;
    bottom: -2px;
    left: 0px;}

.s4 a.more{    font-size: 14px;
    color: #fff;
    background: #eb6100;
    /* padding: 10px 20px; */
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 144px;
    height: 44px;    margin-top: 32px;
    line-height: 44px;}

.s5{ background:#eee;padding-bottom: 30px;}
.s5 .ts span{text-transform: uppercase;}
.s5 li{float: left;
    width: 20%;
    margin-bottom: 24px;}
.s5 li img{    border: 1px solid #fff;}
.s5 li img:hover{ border: 1px solid #eb6100;}


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

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

@media (max-width: 767px){
.s0 li .a {
    padding: 6px 0px;
}
.s0 li {
    margin: 12px 0px;
}
.s1 .tit {
    font-size: 18px;
}
.s1 .com {
    margin-top: 12px;
    margin-bottom: 13px;
}
.s1 ul li {
    float: left;
    width: 42%;
    height: 120px;
    background: #ffffff;
    margin-right: 8%;
    border: 1px solid #e0e0e0;
    margin-bottom: 12px;
}
.ts p {
    font-size: 24px;}
.feature li {
    margin-bottom: 30px;
}
.fw_bj{ display:none;}
.feature {
    margin: 0px;
}
.ts {
    margin: 22px 0px;
}
.s4 a.more {
    margin-top: 4px;}
.s5 li {
    width: 48%;
    margin-bottom: 24px;
    margin: 1%;
}
.rslides li{height: auto;}
.rslides li .com {

}
.s1 {
    padding: 18px 0px;
}
.rslides li .com .t1 {
    font-size: 16px;
}
.rslides li .com .t2 {
  font-size: 14px;    margin: 6px 0px 0px;
    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;margin-top: -10px;
    margin-bottom: 0px;
}
.rslides li:first-child .she {
      width: 98%;
    margin: 0 auto;
}
.rslides li:first-child .she {
    background-size: 100%;
}
.feature li span {
    margin: 0 auto;
   width: auto;
    height: auto; 
	background:none;
    padding-top: 2px;}
.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;
}
}