/*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;}
video {width:100%;height:100%;}
/*
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:658px;
}
.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: 16%;
    color: #fff;
    z-index: 9;
    text-align: left;
    left: 19%;}
.rslides li .com p{    color: #fff; }
.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:-40px; position:relative;z-index: 2; 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%;margin-top: 56px;
    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 .com{     padding: 30px 30px 50px 30px;
    background: #fc5a0acc;}
.callbacks li .com .p1{}
.callbacks li .com .p1 p{font-size: 48px;
    line-height: 65px;
    font-weight: bold;}
.callbacks li .com .p2{    margin: 30px 0px 60px 0px;}
.callbacks li .com .p2 p{    font-size: 20px;
    line-height: 30px;}
.callbacks li .com a{ border:2px #fff solid; font-size:17px;}
.callbacks li .com a:hover{ background:#fc5a0a; color:#fff; border:1px #fc5a0a solid;}
.callbacks_container #slider li a{display: initial;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 20px;}
.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;
}

.section-md{ margin-top:70px;}
.row-30 {
    margin-bottom: -30px;
}
.img-box {
    overflow: hidden;    margin-bottom: 30px;
    position: relative;
    max-width: 570px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.img-box img {
    max-width: inherit;
    width: 100%;
}
.img-box .caption {
      position: absolute;
    width: 60%;
    z-index: 1;
    color: #fff;
    left: 26px;
    bottom: 30%;
}
.context-dark h2{    color: #fff;
    font-size: 38px;
    /* line-height: 1.05455; */
    font-weight: bold;
    margin-bottom: 26px;
}
.img-box p {     color: #fff;
    left: 3px;
    position: relative;
    top: 3px;
    margin: 0;
}
.img-box a {
    color: #fff;
    background: #fc5a0a;
    bottom: 30px;
    display: inline-block;
    font-size: 35px;
    height: 70px;
    line-height: 64px;
    position: absolute;
    right: 30px;
    text-align: center;
    transition: all 0.25s ease 0s;
    width: 71px;
    z-index: 2;
}
.img-box:hover span:before {
    opacity: 1;
}
.img-box:hover span:after {
    opacity: 0;
}
.img-box span:after {
    background: -webkit-linear-gradient(left, #272d33 5%, rgba(39, 45, 51, 0.98) 7%, rgba(39, 45, 51, 0) 100%);
    background: -o-linear-gradient(left, #272d33 5%, rgba(39, 45, 51, 0.98) 7%, rgba(39, 45, 51, 0) 100%);
    background: linear-gradient(to right, #272d33 5%, rgba(39, 45, 51, 0.98) 7%, rgba(39, 45, 51, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272d33', endColorstr='#00272d33', GradientType=1);
    z-index: 1;
}
.img-box span:after, .img-box span:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    content: '';
    transition: 0.3s;
}
.img-box:hover a {
    background: #272d33;
}

.video{      margin-top: 28px;  background: url(../images/sptp.jpg) no-repeat center center;
    width: 100%;
    height: 480px;}
.video img{display: block;
    margin: 180px auto 0px;}
.video p{ color:#fff;margin-top: 14px;
    text-align: center;}

.section-md .title1{    margin-bottom: 22px; font-size:40px; font-weight:bold; color:#272d33;}
.marked-list{}
.marked-list li{border-bottom: 1px solid #dadbdc; float:left;    width: 100%;
}
.marked-list li a{     position: relative;
    margin: 1px 0;
    text-transform: uppercase;
    color: #fc5a0a;
    padding: 10px 0 10px 46px;
    display: block;
    font-size: 19px;
    font-weight: 500;
    line-height: 40px;}
.marked-list li a:before {
    content: '\f105';
    position: absolute;
    left: 20px;
    top: 16px;
    font: 400 14px 'FontAwesome';
    line-height: 1;
    font-size: 24px;
    color: #272d33;
    transition: all 0.3s ease-in-out;
}
.marked-list li a:hover {
    text-decoration: none;
    background: #fc5a0a;
    color: #fff;
}
.marked-list li a:hover:before {
    color: inherit;
    transition: all 0.3s ease-in-out;
}




.about{    margin-top: 44px;}
.about .tit00{    margin-bottom: 32px; font-size:38px; color:#fc5a0a; font-weight:bold;}
.about .tit00:after {    height: 3px;
    width: 46px;
}
.about .img{ overflow:hidden;}
.about .img img{ width:100%;}
.about .wen{}
.about .wen p{    font-size: 15px;
    color: #666;
    line-height: 30px;
    margin: 6px 0px;}
.about .wen a{    background: #272d33;
    padding: 14px 30px;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    display: inline-block;}
.about .wen a:hover{background: #fc5a0a;
    color: #ffffff;}

.news{}
.news .tit00{font-size: 38px;
    color: #fc5a0a;
    font-weight: bold;}
.news .tit00:after {
    width: 46px;    height: 3px;
}
.news li{    overflow: hidden;}
.news li .k{background: #fff;
    box-shadow: 0px 0px 15px #d8d8d8;}
.news li .k .img{    overflow: hidden;
    height: 260px;}
.news li .k .img img{}
.news li .com{padding: 20px;}
.news li .com .tit{    font-size: 18px;
    color: #333;
    line-height: 40px;}
.news li .com span{    color: #999;}
.news li .com .dec{    font-size: 14px;
    line-height: 28px;
    margin: 16px 0px 20px 0px;}
.news li .com p{    font-size: 15px;
    color: #fc5a0a;}
.news .more{    display: table;
    background: #272d33;
    margin: 40px auto;
    color: #fff;
    padding: 14px 40px;
    text-align: center;}
.news .more:hover{ background:##fc5a0a;}
.mmy{ display:none;}

@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:240px;}
.rslides li .com {
top: 6% !important;
    left: 0%;
    padding-bottom: 50px;
	    padding: 15px 15px 15px 15px;
    background: #fc5a0acc;
}
.callbacks li .com .p1 p {
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
}.callbacks li .com .p2 {
    margin: 8px 0px 8px 0px;
}
.callbacks li .com .p2 p {
    font-size: 16px;
    line-height: 24px;
}.callbacks_container #slider li a { display:none;
}
.context-dark h2 {
    color: #fff;
    font-size: 22px;}
.section-md {
    margin-top: 40px;
}
.section-md .title1 {
    margin-bottom: 10px;
    font-size: 26px;}
.marked-list li a:before {
    left: 20px;
    top: 12px;}
	.marked-list li a {

    padding: 4px 0 4px 46px;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
}
.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%;
}
.s1 .tit {
    margin-top: 10px;
    font-size: 24px;
    color: #fe1a1b;
}
.s1 ul li {
    float: left;
    width: 25%;
    height: 120px;
    background: #ffffff;
    margin-right: 0px;
    border: 1px solid #e0e0e0;
}
.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;
}
.about {
    margin-top: 18px;
}
.news li .k .img {
    height: auto;
}
.video{ display:none;}
#linkAdr2{ display:none;}
.foorterLink{ display:none;}
.foot .u1{ display:none;}
.mm{ display:none !important;}
.tit00 {
    margin-bottom: 18px !important;
    font-size: 28px !important;
    color: #fc5a0a !important;
    font-weight: bold !important;
}
.news li:nth-of-type(2){ display:none;}
.news li:nth-of-type(3){ display:none;}
.about .wen a {
     background: none;
    padding: 10px 30px;
    color: #fd0000;
    font-size: 16px;
    margin-top: 20px;
    display: contents;
    width: 100%;
    text-align: center;
}
.mmy{ display:block;}
.new_nav{}
.new_nav a{    width: 25%;
    display: block;
    float: left;
    background: #a5a5a5;
    margin: 0 4% 15px 4%;
    padding: 4px;
    text-align: center;
    color: #fff;}


}
.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;
}