.clearfix::before, .clearfix::after {display: block;content: ''}
.clearfix::after {clear: both}
.abouts {position: relative}
.abouts > img {width: 100%}
.abouts_wrap .intro {margin-top: 50px;padding-bottom: 70px;}
.abouts_wrap .intro > p {margin-top: 10px;text-indent: 0em;color: #ff9134;border-bottom: 1px solid #e5e5e5}
.abouts_wrap .intro > p > a {display: inline-block;color: #ff9134;font-size: 24px;padding-bottom: 20px}
.abouts_wrap .intro > p > a.active {border-bottom: 2px solid #ff9134}
.abouts_wrap .intro > p .move {margin-left: 100px;}
@media only all and (max-width: 768px) {.abouts_wrap .intro {margin-top: 15px} .abouts_wrap .intro > p > a {font-size: 14px;} .abouts_wrap .intro > p .move {margin-left: 20px;}} .abouts_wrap .intro > h5 {font-size: 30px;font-family: myFirstFont3;color: #ff9600}
@media only all and (max-width: 1366px) {.abouts_wrap .intro > h5 {font-size: 24px}}
@media only all and (max-width: 768px) {.abouts_wrap .intro > h5 {font-size: 24px}}

.abouts_wrap .intro > p {font-size: 24px;color: #ff9600}
@media only all and (max-width: 1366px) {.abouts_wrap .intro > p {font-size: 19px;margin-top: 2px}}
@media only all and (max-width: 768px) {.abouts_wrap .intro > p {font-size: 18px}}

.abouts_wrap .intro .main {margin-top: 40px;font-size: 14px;line-height: 28px;}
@media only all and (max-width: 768px) {.abouts_wrap .intro .main {margin-top: 15px}}
@media only all and (max-width: 1366px) {.abouts_wrap .intro .main > p img {max-width: 100%}

.abouts_wrap .intro .main > img {max-width: 100%}}
@media only all and (max-width: 768px) {.abouts_wrap .intro .main > p img {width: 100%}

.abouts_wrap .intro .main > img {width: 100%}}
.abouts_wrap .intro .main .left {float: left;width: 38%}
@media only all and (max-width: 1440px) {.abouts_wrap .intro .main .left {width: 38%}}
@media only all and (max-width: 768px) {.abouts_wrap .intro .main .left {width: 100%;float: none}}

.abouts_wrap .intro .main .left img {width: 100%}
.abouts_wrap .intro .main .right {float: right;width: 60%;}
@media only all and (max-width: 768px) {.abouts_wrap .intro .main .right {width: 100%;float: none;margin-top: 10px}}

.abouts_wrap .intro .main .right h4 {font-size: 20px;color: #333;margin-bottom: 5px}
@media only all and (max-width: 1440px) {.abouts_wrap .intro .main .right h4 {font-size: 18px}}
@media only all and (max-width: 768px) {.abouts_wrap .intro .main .right h4 {font-size: 18px}}

.abouts_wrap .intro .main .right h3 {font-size: 20px;font-weight: bold;color: #333}
@media only all and (max-width: 1440px) {.abouts_wrap .intro .main .right h3 {font-size: 18px}}
@media only all and (max-width: 768px) {.abouts_wrap .intro .main .right h3 {font-size: 18px}}

.abouts_wrap .intro .main .right p {line-height: 2;margin-top: 5px}
@media only all and (max-width: 768px) {.abouts_wrap .intro .main .right p {margin-top: 5px;font-size: 14px}}

.qualifications {margin-top: 80px}
@media only all and (max-width: 768px) {.qualifications {margin-top: 18px}}

.qualifications .title_bg {padding: 20px 0;background: #f7f7f7;margin-bottom: 50px}
@media only all and (max-width: 768px) {.qualifications .title_bg {margin-bottom: 18px}}

.qualifications .title_bg .title > h5 {font-size: 30px;font-family: myFirstFont3;color: #ff9600}
@media only all and (max-width: 1366px) {.qualifications .title_bg .title > h5 {font-size: 24px}}
@media only all and (max-width: 768px) {.qualifications .title_bg .title > h5 {font-size: 24px}}

.qualifications .title_bg .title > p {font-size: 24px;color: #020202}
@media only all and (max-width: 1366px) {.qualifications .title_bg .title > p {font-size: 19px}}
@media only all and (max-width: 768px) {.qualifications .title_bg .title > p {font-size: 18px}}

.qualifications .main {padding-bottom: 80px;border-bottom: 1px solid #efefef}
@media only all and (max-width: 768px) {.qualifications .main {padding-bottom: 20px}}

.qualifications .main .left {float: left;width: 20%}
@media only all and (max-width: 414px) {.qualifications .main .left {width: 100%;float: none}}

.qualifications .main .left > ul {width: 180px}
@media only all and (max-width: 1366px) {.qualifications .main .left > ul {width: 160px}}
@media only all and (max-width: 414px) {.qualifications .main .left > ul {width: 130px}}

.qualifications .main .left > ul li {padding: 18px 20px 18px 70px;border: 1px solid #999;cursor: pointer;transition: 1s all}
@media only all and (max-width: 1366px) {.qualifications .main .left > ul li {padding: 12px 20px 12px 65px}}
@media only all and (max-width: 414px) {.qualifications .main .left > ul li {padding: 7px 20px 7px 15px}}

.qualifications .main .left > ul li > span {font-size: 20px;display: inline-block;vertical-align: middle;margin-right: 20px}
@media only all and (max-width: 1366px) {.qualifications .main .left > ul li > span {font-size: 16px}}
@media only all and (max-width: 768px) {.qualifications .main .left > ul li > span {font-size: 14px}}

.qualifications .main .left > ul li > i {display: inline-block;vertical-align: middle;width: 12px;height: 21px;background: url("../images/abouts/icon.png") no-repeat}
@media only all and (max-width: 1366px) {.qualifications .main .left > ul li > i {width: 8px;height: 17px;background-size: 100% 100%}}
@media only all and (max-width: 768px) {.qualifications .main .left > ul li > i {display: none}}

.qualifications .main .left > ul li:hover {background: #ff9600;border: none;color: #fff;width: 220px}
@media only all and (max-width: 1366px) {.qualifications .main .left > ul li:hover {width: 180px}}

.qualifications .main .left > ul li.active {background: #ff9600;border: none;color: #fff;width: 220px}
@media only all and (max-width: 1366px) {.qualifications .main .left > ul li.active {width: 180px}}

@media only all and (max-width: 414px) {.qualifications .main .left > ul li.active {width: 150px}}

.qualifications .main .right {width: 60%;float: right}
@media only all and (max-width: 414px) {.qualifications .main .right {width: 100%;float: none;margin-top: 20px}}

.qualifications .main .right .inner_l {height: 730px;overflow-x: hidden;overflow-y: auto;width: 60%;float: left}
@media only all and (max-width: 768px) {.qualifications .main .right .inner_l {width: 100%;float: none}}
@media only all and (max-width: 414px) {.qualifications .main .right .inner_l {height: 400px}}

.qualifications .main .right .inner_l #content {overflow: hidden}
.qualifications .main .right .inner_l #content .txt {margin-bottom: 40px}
@media only all and (max-width: 768px) {.qualifications .main .right .inner_l #content .txt {margin-bottom: 15px}}

.qualifications .main .right .inner_l #content .txt > ul li {color: #333;line-height: 24px}
@media only all and (max-width: 768px) {.qualifications .main .right .inner_l #content .txt > ul li {font-size: 14px}}

.qualifications .main .right .inner_r {width: 35%;float: right}
@media only all and (max-width: 768px) {.qualifications .main .right .inner_r {display: none}}

.qualifications .main .right .inner_r .swiper-container {position: relative;height: 715px !important}
.qualifications .main .right .inner_r .swiper-container .swiper-wrapper {height: 100% !important}
.qualifications .main .right .inner_r .swiper-container .swiper-slide {height: 160px !important;margin-bottom: 25px}
.qualifications .main .right .inner_r .swiper-container .swiper-slide:nth-child(4n) {margin-bottom: 0px}
.qualifications .main .right .inner_r .swiper-container .swiper-slide > div img {width: 100%}
.qualifications .main .right .inner_r .swiper-container .swiper-button-next {position: absolute;top: 23px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);width: 65px;height: 25px;background: url("../images/abouts/top.png") no-repeat;z-index: 1000}
.qualifications .main .right .inner_r .swiper-container .swiper-button-next:hover {background: url("../images/abouts/top_h.png") no-repeat}
.qualifications .main .right .inner_r .swiper-container .swiper-button-prev {position: absolute;bottom: 0;left: 85px;width: 65px;height: 25px;background: url("../images/abouts/bottom.png") no-repeat;z-index: 1000}
.qualifications .main .right .inner_r .swiper-container .swiper-button-prev:hover {background: url("../images/abouts/bottom_h.png") no-repeat}

.culture {padding-top: 60px}
@media only all and (max-width: 768px) {.culture {padding-top: 15px}}

.culture > h5 {font-size: 30px;font-family: myFirstFont3;color: #ff9600}
@media only all and (max-width: 1366px) {.culture > h5 {font-size: 24px}}
@media only all and (max-width: 768px) {.culture > h5 {font-size: 24px}}

.culture > p {font-size: 24px}
@media only all and (max-width: 1366px) {.culture > p {font-size: 19px}}
@media only all and (max-width: 768px) {.culture > p {font-size: 18px}}

.culture .main {margin-top: 50px}
@media only all and (max-width: 768px) {.culture .main {margin-top: 15px}}

.culture .main .left {float: left;width: 47%}
.culture .main .left > img {width: 100%}

.culture .main .left .txt > div {margin: 30px 0;color: #333}
@media only all and (max-width: 1366px) {.culture .main .left .txt > div {margin: 25px 0}}
@media only all and (max-width: 768px) {.culture .main .left .txt > div {margin: 15px 0}}

.culture .main .left .txt > div span {font-size: 18px;font-weight: bold}
@media only all and (max-width: 1366px) {.culture .main .left .txt > div span {font-size: 16px}}
@media only all and (max-width: 768px) {.culture .main .left .txt > div span {font-size: 16px}}

.culture .main .left .txt > div p {line-height: 2}
@media only all and (max-width: 768px) {.culture .main .left .txt > div p {font-size: 14px}}

.culture .main .right {float: right;width: 47%}
.culture .main .right > img {width: 100%}
.culture .main .right .txt > div {margin: 30px 0;color: #333}
@media only all and (max-width: 1366px) {.culture .main .right .txt > div {margin: 25px 0}}
@media only all and (max-width: 768px) {.culture .main .right .txt > div {margin: 15px 0}}

.culture .main .right .txt > div span {font-size: 18px;font-weight: bold}
@media only all and (max-width: 1366px) {.culture .main .right .txt > div span {font-size: 16px}}
@media only all and (max-width: 768px) {.culture .main .right .txt > div span {font-size: 16px}}

.culture .main .right .txt > div p {line-height: 2}
@media only all and (max-width: 768px) {.culture .main .right .txt > div p {font-size: 14px}}



input, textarea {font-family: 'Hind', sans-serif;display: block;outline: none;box-shadow: none;transition: all 0.3s ease-in-out;width:100%;}
.fw_title{height:33px;line-height:33px;margin-top:60px;}
.fw_title h2{background:url(../images/icon11.png) no-repeat left center;font-size:22px;color:#891513;display:inline-block;width:150px;padding-left:28px;font-weight: normal;}
       
/*服务*/
.fw_box{margin-top:10px;}
.fw_fl{background:url(../images/fwbg1.png) center bottom no-repeat #f5f4f4;width:55%;height:466px;}
.fw_fl ul{padding:22px 0px 20px 28px;}
.fw_fl ul li{float:left;text-align:center;margin:0px 31px 19px 0px;width:93%;white-space:nowrap;}
.fw_fl ul li span{float:right;display:none;}
.fw_fl ul li div{float:left;}
.fw_fl ul li img{vertical-align:middle;float:left;height:40px;}
.fw_fl ul li p a{font-size:14px;color:#545353;line-height:30px;}
.fw_fr{width:45%;background:url(../images/fwBg.png) right bottom no-repeat #1e3a4a;height:466px;}
.fw_fr_padd{padding:0px 25px;color:#fff;}
.fw_fr_padd div{line-height:78px;font-size:17px;font-weight:bold;text-align:center;background:url(../images/open.png) center no-repeat;}
.fw_fr_padd strong{font-size:28px;text-align:center;}
.fw_fr_padd p{font-size:16px;line-height:30px;text-align:center;}
.fw_fr_padd p.other{font-size:16px;line-height:30px;font-weight:bold;margin-top:20px;text-align:left;}
.fw_fr_padd ul li{background:url(../images/li_01.png) left center no-repeat;padding-left:12px;font-size:14px;line-height:40px;}
.input {padding-left:5px;border: 1px solid #a3a2a2; height:40px;border-radius:3px;}
.submit{margin:2px;height:45px;line-height:45px;border-radius:5px;background: #d73009;color: #fff;cursor: pointer;}

/*tab*/
.tabs-section {position: relative;padding: 130px 0px 100px;}
.tabs-section .column {margin-bottom: 30px;}
.tabs-section .image-box img {width: 100%;display: block;}
.tabs-style-two .tab-buttons {position: relative;}
.tabs-style-two .tab-buttons .tab-btn {position: relative;display: inline-block;padding: 9px 60px;margin: 0px -2px 0px -1px;width: 33.33%;cursor: pointer;font-size: 18px;text-align: center;font-weight: 400;color: #222;border-bottom: 0px solid #c9c9c9;text-transform: capitalize;transition: all 300ms ease;}
.tabs-style-two .tab-buttons .tab-btn.active-btn {color: #48c7ec;background: #fff;border-color: #48c7ec;border-bottom: 0;border-bottom: 2px solid #ff0000;}
.tabs-style-two .tabs-content {position: relative;padding: 40px;border-top: 0;background-color:#f2f0f0;}
.tabs-style-one .tab .text-content {position: relative;}
.tabs-style-two .tab .text-content .text {width: 100%;font-size:14px;}
.tabs-style-two .tab .text-content .text p {margin-bottom: 10px;text-indent: 2em;font-size:14px;}
.tabs-style-two.tabs-box {padding-right: 0px;}
.tabs-box .tabs-content .tab {position: relative;display: none;}
.tabs-box .tabs-content .active-tab {display: block;}

.tabs-outer {position: relative;margin-top: 30px;}
.tabs-outer.style-two {margin: 0px;}
.tabs-outer .tabs-box .tab-buttons .tab-btn {position: relative;padding: 9px 3px;}
.tabs-outer .text-content .image img {width: 100%;}
.tabs-outer .tabs-content {padding: 20px;}
.tabs-outer.style-two .tabs-content {padding: 0px;}
.tabs-outer .tabs-content .column .text {margin-bottom: 10px;}

#dituContent {float:right;width: 60%;height: 430px}


.fw_zyz_fl{background: url(../images/zyz.png) #9a0000;width:40%;height:320px;}
.fw_zyz_fl ul{padding:22px 0px 20px 28px;}
.fw_zyz_fr{width:60%;/*background:#9a0000;*/height:300px;}
.fw_zyz_padd{padding:25px;color:white;}
.fw_zyz_padd p{text-indent:2em;}

/* 特效展示（Tab） */
.slideTxtBox{ width:100%;height:320px;border:1px solid #ccc; text-align:left;float:left;border-top-right-radius:3px;margin-right:5px;}
.slideTxtBox .hd{ height:44px; line-height:44px; padding:0 10px 0 20px;border-bottom: 1px solid #fccd69;position:relative; 
    background: -moz-linear-gradient(top, #ffffff 0%, #d9d9d9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#d9d9d9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#d9d9d9 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#d9d9d9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:-1px; height:44px;}
.slideTxtBox .hd ul li{ float:left; padding:0 25px; cursor:pointer;background: url(../images/yun.png) no-repeat 3px;padding-left:35px;}
.slideTxtBox .hd ul li a{color:#333;}
.slideTxtBox .hd ul li a:hover{ color:#f00;}
.slideTxtBox .hd ul li.on{ height:45px;border:1px solid #ddd;border-top:solid 2px #ff6600;border-bottom:2px solid #fff;/*border-top-left-radius:3px;*/border-top-right-radius:3px;background:#fdfcfd url(../images/yun.png) no-repeat 3px;padding-left:35px;font-weight:bold;}
.slideTxtBox .bd ul{ padding:10px 15px;zoom:1;}
.slideTxtBox .bd li{ height:44px; line-height:44px;padding-left:10px;background: url(../images/dot.gif) no-repeat 0px 20px;border-bottom:1px dotted #ddd;}
.slideTxtBox .bd li .date{ float:right; color:#7b7a7a;}
.slideTxtBox .bd li a{ color:#2b2b2a;}
.slideTxtBox .bd li a:hover{ color:#f00;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:10px; top:8px;}
.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/arrow2.png") 0 0 no-repeat;}
.slideTxtBox .arrow .next{ background-position:0 -50px;}
.slideTxtBox .arrow .prevStop{ background-position:-60px 0;}
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px;}