
a {
  color: #666;
  text-decoration:none; 
}
a:hover {
  text-decoration: none;
}


.container_1{
  max-width: 1300px;
  margin:0 auto;
  padding: 0px;
  width:100%; overflow:hidden
}

.l{float: left}
.r{float: right}



ul,li{ list-style:none;}

.tab-nav_box{ padding:0px; margin:0px; float:left; bottom:0; width:100%; position:absolute; z-index:10; background:#00000050}
.tab-nav{ overflow:hidden; zoom:1;}
.tab-nav li{ float:left; width:25%; color:#fff; text-align:center; cursor:pointer; height:156px}
.tab-nav li.active{ background:#0061da90;}
.tab-nav li a{ color:#FFFFFF}
.tab-nav li dl{padding:0px; margin:0px; text-align:center; height:100%; border-left:#FFFFFF70 1px solid}
.tab-nav li dl dt{ padding:0px; margin:0px; padding-top:11%}
.tab-nav li dl dt img{ width:50px; height:50px; vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; margin:4px 10px}
.tab-nav li dl dd{ padding:0px; margin:0px;font-size: 22px;padding-top:5px; margin-top:5px; background:url(../images/t_line.png) no-repeat center top; line-height:36px}

.tab-item_box{ margin:0px; padding:0px; position:relative; background:url(../images/fa_bg.jpg) no-repeat center; background-size:cover;}
.tab-item li{display:none; border-top:0 none; margin:0px; padding:0px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.tab-item li.thisclass{ display:list-item;}

.tab-nav li:last-child dl{ border-right:#FFFFFF70 0px solid}
.tab-nav li:nth-child(1) dl{ border-left:#FFFFFF70 0px solid}

.tab-nav li:hover dl dt img{transform:rotateY(180deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


.sm_box { max-width: 1200px; margin:0 auto; padding:0px 0px 220px 0px; width: 94%; overflow:hidden;}
.sm_box_L{ margin:0px; padding:0px; float:left; width:50%;}
.sm_box_R{ margin:0px; padding:0px; float: right; width:35%; text-align:center}
.sm_box_R img{ width:auto; max-height:300px}



.sm_box { max-width: 1200px; margin:0 auto; padding:10% 0px  0px 0px; width: 94%; overflow:hidden;}
.sm_box_L{ margin:0px; padding:0px; float:left; width:50%;}
.sm_box_R{ margin:0px; padding:0px; float: right; width:35%; text-align:center;}
.sm_box_R img{ width:auto; max-height:300px}

.tab-item li{ min-height:750px}

@media only screen and (max-width:1400px) {

.tab-item li{ min-height:600px}
.sm_box{ max-width: 1200px; margin:0 auto; padding:5% 0px 0px 0px; width: 94%; overflow:hidden;}
}

@media only screen and (max-width:1230px) {
.sm_box_R img{ max-width:100%; width:auto;height:240px}
.sm_box_R{ margin-top:2%;}

.tab-item li{ min-height:500px}
}
@media only screen and (max-width:1100px) {
.sm_box_L{ margin:0px; padding:0px; float:left; width:60%;}
}
@media only screen and (max-width:800px) {
.sm_box_L{ margin:0px; padding:0px; float: none; width:90%; margin:0 auto}
.tab-item li{ min-height:450px}
.sm_box{ padding:50px 0px 0px 0px; }
}

@media only screen and (max-width:750px) {
.tab-item li{ min-height:480px}
.sm_box_L{ margin:0px; padding:0px;width:100%;}
.item_text_box{ margin:0px; padding:0px; padding-top:10px}
.sm_box_R img{ max-width:100%; width:auto;height:200px}
}




.item_txt{margin:0px; padding:0px;  overflow:hidden;font-size: 34px; font-weight: bold;margin-bottom: 10px; color:#FFFFFF; line-height:38px}
.desc {margin:0px; padding:0px;  overflow:hidden;font-size: 16px;color:#FFFFFF; line-height:26px;text-align: justify}
.desc_More_k{ margin-top:10px; display:block}
.desc_More_k .desc_More_Btn{width:100px; height:34px; line-height:34px; font-size:14px; color:#fff; text-align:center; display:block; background:#0d5baa}
.desc_More_k .desc_More_Btn:hover i{opacity:1; margin-left:10px;}

.wrap{ margin:0px; padding:0px;  overflow:hidden}

.desc_More_k .desc_More_Btn:hover{ background:#ffba00}

@media only screen and (max-width:1230px) {
.tab-nav{width:90%; margin:0 auto}
.tab-nav li dl dd{ font-size:18px}
}
@media only screen and (max-width:1000px) {
.tab-nav li dl dt{ padding:0px; margin:0px; padding-top:13%}
.tab-nav li dl dd{ font-size:16px}
}

@media only screen and (max-width:850px) {
.item_txt{ font-size:22px; line-height:30px; margin-bottom:2px}
.tab-nav{width:100%; margin:0 auto}
}

@media only screen and (max-width:760px) {
.tab-nav{width:100%; margin:0 auto}
.desc {margin:0px; padding:0px;  overflow:hidden;font-size: 14px;width:100%;}
.tab-nav li dl dt img{ width:40px; height:40px; }
.tab-nav li dl { padding:5px 0px}

.tab-nav li dl dt{ padding:0px; margin:0px; padding-top:5px;}
.tab-nav li{ float:left; color:#fff; text-align:center; cursor:pointer; height:auto}

}
@media only screen and (max-width:560px) {
.desc { font-size:14px; line-height:22px}
.tab-nav li dl dd{ line-height:24px;font-size:14px; margin-bottom:5px}
}

/* animation */
.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}
.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadeinB,.a-fadeinL,.a-bouncein,.a-bounceinT,.a-bounceinR,.a-bounceinB,.a-bounceinL,.a-rotatein,.a-rotateinLT,.a-rotateinLB,.a-rotateinRT,.a-rotateinRB,.a-flipin,.a-flipinX,.a-flipinY{-webkit-animation:1.5s ease-out backwards;-moz-animation:1.5s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1.5s ease-out backwards;}
.a-fadeout,.a-fadeoutT,.a-fadeoutR,.a-fadeoutB,.a-fadeoutL,.a-bounceout,.a-bounceoutT,.a-bounceoutR,.a-bounceoutB,.a-bounceoutL,.a-rotateout,.a-rotateoutLT,.a-rotateoutLB,.a-rotateoutRT,.a-rotateoutRB,.a-flipout,.a-flipoutX,.a-flipoutY{-webkit-animation:0.5s ease-in forwards;-moz-animation:0.5s ease-in forwards;-ms-animation:0.5s ease-in forwards;animation:0.5s ease-in forwards;}
/* 淡入 */
.a-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein;}

/* 淡入 */
@-webkit-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}


/* 淡出-向右 */
@-webkit-keyframes fadeoutR{
    0%{opacity:1;-webkit-transform:translateX(0);}
    100%{opacity:0;-webkit-transform:translateX(100px);}
}
@-moz-keyframes fadeoutR{
    0%{opacity:1;-moz-transform:translateX(0);}
    100%{opacity:0;-moz-transform:translateX(100px);}
}
@-ms-keyframes fadeoutR{
    0%{opacity:1;-ms-transform:translateX(0);}
    100%{opacity:0;-ms-transform:translateX(100px);}
}
@keyframes fadeoutR{
    0%{opacity:1;transform:translateX(0);}
    100%{opacity:0;transform:translateX(100px);}
}



.fa_nav_box{overflow:hidden; margin:0px; padding:0px; margin-top:10px}
.fa_nav{ overflow:hidden; margin:0px; padding:0px 10px; margin-right:5px; border:#FFFFFF 1px solid; text-align:center; line-height:34px; display: inline-table; margin-bottom:10px; background:#fff}

.fa_nav:hover{ background:#0068f6; color:#FFFFFF; border:#0068f6 1px solid;}
.fa_nav:hover a{color:#FFFFFF;}

@media only screen and (max-width:600px) {
.fa_nav{ overflow:hidden; margin:0px; padding:0px 5px; margin-right:3px; border:#FFFFFF 1px solid; text-align:center; line-height:28px; display: inline-table; margin-bottom:8px; background:#fff; font-size:12px}
}


