/* CSS Document */



body,

ul,

ol,

li,

p,

h1,

h2,

h3,

h4,

h5,

h6,

form,

fieldset,

table,

td,

img,

div,

tr,

dl,

dd,

select,

option {

    margin: 0;

    padding: 0;

}



body {

    font: 12px/22px "Arial", "Microsoft YaHei", "SimSun";

    font-size: 100%;

    overflow-x: hidden;

    background: #FFFFFF;

}



ul,

li,

ol {

    list-style: none

}



a {

    text-decoration: none !important;

    cursor: pointer !important;

}



.img-position-absolute {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    max-width: 100%;

    max-height: 100%;

    display: block;

    margin: auto;

    padding: auto;

}



.no-margin {

    margin: 0 !important;

}



.no-padding {

    padding: 0 !important;

}



.container-fluid {

    max-width: 1230px !important;

}



.overflow {

    white-space: nowrap;

    overflow: hidden;

}



.overflow-text {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.overflow-text2 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.img {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    width: 100%;

    height: 100%;

}



.main {

    padding: 40px 0;

    width: 100%;

    overflow: hidden;

    max-width: 1920px;

    margin: 0 auto;

}



.wCenter {

    height: 100%;

    display: flex;

    display: -webkit-flex;

    flex-direction: column;

    -webkit-flex-direction: column;

    justify-content: center;

    -webkit-justify-content: center;

    align-items: center;

    -webkit-align-items: center;

}



.wCenter2 {

    height: 100%;

    display: flex;

    display: -webkit-flex;

    flex-direction: column;

    -webkit-flex-direction: column;

    justify-content: center;

    -webkit-justify-content: center;

}



.tr_3 {

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

}



.tr_4 {

    transition: all 0.4s;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

}



.tr_6 {

    transition: all 0.6s;

    -webkit-transition: all 0.6s;

    -moz-transition: all 0.6s;

    -ms-transition: all 0.6s;

    -o-transition: all 0.6s;

}



.bd_weixin_popup {

    height: auto !important;

}



@font-face {

    font-family: 'iconfont';

    src: url('http://at.alicdn.com/t/font_1432720974_1547027.eot');

    src: url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')

}



@font-face {

    font-family: 'Pacifico';

    font-style: normal;

    font-weight: 400;

    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')

}



.fa {

    display: inline-block;

    font-family: "iconfont";

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale

}



.fa-icon-qq:before {

    content: "\e604"

}



.fa-icon-weibo:before {

    content: "\e600"

}



.fa-icon-weixin:before {

    content: "\e605"

}



.fa-icon-zaixianzixun:before {

    content: "\e608"

}





/*手机底部*/



.hot {

    width: 100%;

    height: 58px;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 99;

    border-top: solid 2px #c3c3c3;

    background: #ff9933;

}



.hot span {

    color: #fff;

    font-size: 16px;

    line-height: 20px;

}



.hot h6 {

    font-size: 12px;

    line-height: 20px;

}



.hot .row div a {

    display: block;

    color: #fff;

    padding: 7px 0;

}





/*.hot .row>div.text-center{ border-right:1px solid #fff;}*/



.hot .row > div.col-xs-3.text-center {

    position: relative;

}



.hot .row > div.col-xs-3.text-center:before,

.hot .row > div.col-xs-3.text-center:after {

    content: '';

    display: block;

    width: 1px;

    height: 100%;

    position: absolute;

    top: 0;

}



.hot .row > div.col-xs-3.text-center:before {

    left: 0;

    background: rgba(255, 255, 255, 0.4);

}





/*.hot .row > div.col-xs-3.text-center:after{ right: 0; background: #0f6bdf;}*/



.hot .row .hotewm {

    position: absolute;

    width: 200px;

    height: 200px;

    top: -210px;

    left: -30px;

    padding: 15px;

    border: 1px solid #00459c;

    background: #FFFFFF;

    border-radius: 5px;

    display: none;

}



.hot .row .hotewm .ewmimg {

    width: 100%;

    overflow: hidden;

}



.hot .row .hotewm .ewmimg img {

    width: 100%;

}



.dbbox {

    position: fixed;

    left: 0;

    bottom: 70px;

    z-index: 99;

    width: 100%;

}



.dbbox .dbs {

    position: relative;

    padding: 0 15px;

    display: none;

}



.dbbox .dbs .neirong {

    padding: 10px;

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 0 5px #666;

}



.dbbox .dbs.ewm-box img {

    max-width: 140px;

    margin: 0 auto;

    display: block;

}



.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li {

    position: relative;

    padding: 6px 0;

    width: 20%;

    height: 44px;

}



.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a {

    position: absolute;

    left: 50%;

    top: 6px;

    margin: 0 0 0 -16px;

    float: inherit !important;

    display: block;

}



.headtop {

    background: #ff9933;

    width: 100%;

    height: 4px;

}





/*header*/



.top-header {

    width: 100%;

    position: relative;

    z-index: 9999;

    border-bottom: 1px #ff9933 solid;

}



.top-head {

    display: table;

    width: 100%;

}



.top-logo {

    display: table-cell;

    vertical-align: middle;

    width: 36%;

    float: left;

    height: 100%;

    padding-top: 5px;

}



.header-nav {

width: 62.5%;

    float: left;

    z-index: 99;

    margin-left: -12%;

}



.header-nav > .container-fluid {

    padding-right: 0;

}



.top-nav {}



.top-nav .nav-li {

    width: 16.66%;

    float: left;

    position: relative;

    z-index: 2;

}



.top-nav .nav-li .nav-link {

    font-size: 18px;

    line-height: 41px;

    text-align: center;

    white-space: nowrap;

    position: relative;

    color: #333;

    transition: all 0.3s;

    padding: 25px 0 15px;

}



.top-nav .nav-li .nav-link:before {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    background: #ff9933;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -10;

    opacity: 0;

    transition: all 0.3s;

    transform: skewX(20deg);

    -webkit-transform: skewX(20deg);

    -moz-transform: skewX(20deg);

    -ms-transform: skewX(20deg);

    -o-transform: skewX(20deg);

}



.top-nav .nav-li .nav-link span {

    display: block;

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    font-size: 12px;

}



.top-nav .nav-li:hover .nav-link {

    color: #fff;

}



.top-nav .nav-li:hover .nav-link:before {

    opacity: 1;

}



.top-nav a {

    color: #333333;

    display: block;

}





/*二级导航*/



.top-subnav {

    display: none;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    min-width: 100%;

    z-index: 3;

    font-size: 12px;



    background:#ff9933;

    white-space: nowrap;

    overflow: hidden;

}



.top-subnav .subnav-link {

    white-space: nowrap;

    overflow: hidden;

    font-size: 13px;

    line-height: 40px;

    text-align: center;

    color: #FFFFFF;

    transition: all 0.3s;

}



.top-subnav .subnav-link:hover {

    color: #FFFFFF;

    background: #ff9933;

}



.top-subnav a {

    padding: 0 10px;

}





/*轮播图*/



.banner {

    max-width: 1920px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

    width: 100%;

    height: 100%;

}



.banpc {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.focus {

    width: 100%;

    height: 100%;

    position: relative;

}



.focusbox {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.focusbox li {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.focusbox li a {

    width: 100%;

    float: left;

    overflow: hidden;

}



.focusbox li a img {

    width: 100%;

}



.rslides {

    width: 100%;

    height: 100%;

    position: relative;

    list-style: none;

    padding: 0

}



.rslides_nav {

    height: 51px;

    width: 31px;

    position: absolute;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    top: 50%;

    left: 0;

    opacity: 0.5;

    text-indent: -9999px;

    overflow: hidden;

    text-decoration: none;

    background: url(../images/prev.jpg) no-repeat center center;

    margin-top: -28px

}



.rslides_nav:active {

    opacity: 1.0

}



.rslides_nav.next {

    left: auto;

    background: url(../images/next.jpg) no-repeat center center;

    right: 0

}



.rslides_tabs {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0px;

    z-index: 2;

    text-align: center;

}



.rslides_tabs li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 0 3px;

    *display: inline;

    zoom: 1;

}



.rslides_tabs a {

    display: inline-block;

    width: 10px;

    height: 10px;

    line-height: 40px;

    overflow: hidden;

    background: rgba(255, 255, 255, 0);

    border: 1px solid #fff;

    cursor: pointer;

    border-radius: 50%;

}



.rslides_tabs .rslides_here a {

    background: rgba(255, 255, 255, 1)

}





/*phone*/



.phone {

    width: 100%;

    overflow: hidden;

}



.phone .swiper-slide img {

    width: 100%;

}



.index-tit {

    width: 100%;

    color: #333333;

    font-family: "微软雅黑";

}



.index-tit h3 {

    font-size: 37px;

    line-height: 40px;

    font-weight: bold;

    color: #ff9933;

}



.index-tit p {

    font-size: 20px;

    line-height: 40px;

    color: #333333;

}



.index-tit span {

    display: block;

    height: 33px;

    background: url(/template/default/Index/cjm/index-tit.png) no-repeat center;

}





/*wrap1*/



.wrap1 {}



.wp1_tit {

    width: 100%;

    line-height: 40px;

}



.wp1_tit .p1 {

    font-size: 36px;

    color: #ff9933;

    font-weight: bold;

}



.wp1_tit .p2 {

    font-family: tahoma;

    font-size: 20px;

    color: #000000;

    line-height: 26px;

}



.wp1_clear {

    width: 100%;

    margin-top: 20px;

}



.wp1_li {

    padding: 10px;

}



.wp1_li a {

    display: block;

    width: 100%;

    overflow: hidden;

}



.wp1_li img {

    margin: 15px auto;

    max-width: 40%;

    transition: all 0.6s;

}



.wp1_li a:hover img {

    transform: translateY(-10px);

}



.wp1_li h3 {

    font-size: 24px;

    line-height: 32px;

    color: #ff9933;

    text-align: center;

}



.wp1_li .wp1_t {

    font-size: 14px;

    line-height: 22px;

    height: 44px;

    overflow: hidden;

    color: #3b3a3a;

    width: 240px;

    max-width: 100%;

    margin: 8px auto;

    text-align: center;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}





/*wrap2*/



.wrap2 {

    background: #f1f2f5;

    padding-bottom: 0;

}



.caseNav {

    width: 100%;

    margin: 20px 0 0;

    text-align: center;

}



.caseNav li {

    display: inline-block;

    padding: 0 15px;

}



.caseNav li a {

    display: inline-block;

    font-size: 16px;

    line-height: 40px;

    color: #333333;

    position: relative;

}



.caseNav li a:before {

    content: '';

    display: block;

    width: 100%;

    height: 2px;

    background: #ff9933;

    position: absolute;

    left: 0;

    bottom: 0;

    opacity: 0;

}



.caseNav li.caseCur a {

    color: #ff9933;

}



.caseNav li.caseCur a:before {

    opacity: 1;

}



.caseNav li a:hover {

    color: #ff9933;

}



.caseNav li a:hover:before {

    opacity: 1;

}



.casebox {

    width: 100%;

    position: relative;

    display: none;

}



.caseShow {

    display: block;

}



.swiper-casebox {

    

    width: 62%;

    

}



.swiper-casebox a {

    display: block;

    width: 100%;

    overflow: hidden;

    position: relative;

    border: 1px solid #FFFFFF;

}



.swiper-casebox a .img {

    padding-top: 83.054%;

    transition: all 0.5s;

}



.swiper-casebox a .case_info {

    width: 100%;

    background: rgba(0, 0, 0, 0.65);

    font-size: 14px;

    line-height: 48px;

    color: #FFFFFF;

    padding: 0 8px;

    position: absolute;

    left: 0;

    bottom: -48px;

}



.caseArr {

    width: 68px;

    height: 20px;

    border: 1px solid #ff9933;

    margin: 20px auto 23px;

    border-radius: 10px;

    padding: 2px 5px;

}



.caseArr-prev,

.caseArr-next {

    width: 14px;

    height: 14px;

    overflow: hidden;

    background-size: auto;

    background-repeat: no-repeat;

    background-position: center;

    cursor: pointer;

    opacity: 0.8;

}



.caseArr-prev {

    float: left;

    background-image: url(/template/default/Index/cjm/caseArr-prev.png);

}



.caseArr-next {

    float: right;

    background-image: url(/template/default/Index/cjm/caseArr-next.png);

}



.caseArr-prev:hover {

    opacity: 1;

}



.caseArr-next:hover {

    opacity: 1;

}





/*wrap3*/



.wrap3 {

    padding-bottom: 20px;

}



.ab_wrap {

    padding: 10px;

}



.new_wrap {

    padding: 10px;

}



.index-tit2 {

    width: 100%;

    border-bottom: 2px solid #ff9933;

    font-size: 24px;

    color: #ff9933;

    position: relative;

    font-weight: bold;

    line-height: 30px;

}



.index-tit2 span {

    color: #000;

    font-size: 14px;

    font-family: "times new roman";

    font-weight: normal;

}



.index-tit2 a {

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    font-weight: normal;

    color: #000000;

    font-size: 14px;

    font-family: arial;

}



.index-tit2 a:hover {

    color: #ff9933;

}



.wraps {

    width: 100%;

    margin-top: 20px;

}



.tabs {

    width: 100%;

}



.tabs .tabLi {

    float: left;

    width: 120px;

    padding: 0 5px;

    max-width: 33.3%;

}



.tabs .tabLi a {

    display: block;

    font-size: 16px;

    line-height: 36px;

    text-align: center;

    background: #DCDCDC;

    color: #000000;

}



.tabs .tabLi.cur a {

    background: #ff9933;

    color: #FFFFFF;

}



.cents {

    width: 100%;

    margin-top: 15px;

    overflow: hidden;

}



.cents .centLi {

    width: 100%;

    overflow: hidden;

    display: none;

}



.cents .cenShow {

    display: block;

}



.cents .centLi a {

    display: block;

}



.cents .centLi .abImg {

    width: 100%;

    overflow: hidden;

}



.cents .centLi .abImg img {

    transition: all 0.4s;

}



.cents .centLi a:hover .abImg img {

    transform: scale(1.1);

}



.cents .centLi h3 {

    width: 100%;

    font-size: 16px;

    line-height: 32px;

    font-weight: bold;

    color: #ff9933;

    margin-top: 10px;

}



.cents .centLi .ab_txt {

    font-size: 14px;

    line-height: 30px;

    color: #333;

    -webkit-line-clamp: 3;

    height: 90px;

}



.cents .centLi a:hover .ab_txt {

    color: #ff9933;

}



.xwList {

    width: 100%;

}



.xwList li {

    width: 100%;

    border-bottom: 1px dashed #919191;

}



.xwList li a {

    display: block;

    width: 100%;

    position: relative;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 50px;

    font-size: 14px;

    color: #131313;

    padding: 0 127px 0 15px;

}



.xwList li a:before {

    content: '';

    display: block;

    width: 5px;

    height: 5px;

    background: #ff9933;

    position: absolute;

    left: 1px;

    top: 50%;

    margin-top: -2px;

    transform: rotate(45deg);

}



.xwList li a p {

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    color: #a9a8a8;

}



.xwList li a p span {

    color: #131313;

}



.xwList li a:hover {

    color: #ff9933;

}





/*wrap4*/



.wrap4 {

    padding-top: 20px;

}



.part_wrap {

    width: 100%;

    margin-top: 25px;

}



.swiper-part {}



.swiper-part a {

    width: 100%;

    display: block;

    position: relative;

}



.swiper-part a:before {

    content: '';

    display: block;

    padding-top: 46.5%;

}



.swiper-part a img {

    transition: all 0.4s;

    max-width: 80%;

    max-height: 90%;

}



.swiper-part a:hover img {

    transform: scale(0.9);

}





/*wrap5*/



.wrap5 {

    background: #F5F5F5;

}



.fo_nav {

    width: 15.4%;

    float: left;

}



.fo_nav .p1 {

    font-size: 30px;

    line-height: 30px;

    font-family: "bernard mt condensed";

    color: #ff9933;

    text-transform: uppercase;

}



.fo_nav .p2 {

    font-size: 16px;

    line-height: 40px;

    color: #3b3a3a;

}



.fo_nav span {

    display: block;

    width: 80%;

    height: 1px;

    background: #959595;

    margin-bottom: 10px;

}



.fo_nav li {}



.fo_nav li a {

    display: block;

    font-size: 13px;

    line-height: 30px;

    color: #3b3a3a;

}



.fo_nav li a:hover {

    color: #ff9933;

}



.fo_nav:nth-child(3) li {

    width: 50%;

    float: left;

}



.fo_nav:nth-child(4) li {

    width: 50%;

    float: left;

}



.fo_ewm {

    width: 14.4%;

    float: left;

}



.ewm {

    width: 100%;

    text-align: center;

    overflow: hidden;

}



.ewm img {

    width: 115px;

    max-width: 100%;

    margin: 5px auto;

}



.ewm p {

    font-size: 12px;

    color: #3b3a3a;

}



.fo_text {

    width: 24%;

    float: left;

    overflow: hidden;

    color: #131313;

    font-size: 14px;

    line-height: 30px;

}



.fo_text .fo_tel {

    width: 100%;

}



.fo_text .fo_tel img {

    float: left;

    position: relative;

    top: 10px;

    margin-right: 5px;

}



.fo_text .fo_tel .f2 {

    font-size: 30px;

    line-height: 30px;

    color: #ff9933;

    font-weight: bold;

}





/*footer*/



.footer {

    padding: 10px 0;

    background: #ff9933;

    font-size: 14px;

    line-height: 25px;

    color: #FFFFFF;

    text-align: center;

}



.footer a {

    color: #FFFFFF;

}



.footer a:hover {

    text-decoration: underline !important;

}





/*mainBox*/



.mainBox {

    min-height: 600px;

}



.mboxLf {

    width: 260px;

    float: left;

    overflow: hidden;

    margin-top: -40px;

}



.mlf-top {

    width: 100%;

    overflow: hidden;

    background: #ff9933 url(/template/default/Index/cjm/t_bg.jpg) no-repeat right top;

    color: #FFFFFF;

    font-size: 24px;

    line-height: 30px;

    padding: 20px 0 20px 35px;

    border-bottom: 4px solid #282828;

}



.mlf-top p {

    font-size: 18px;

}



.accordion {

    width: 100%;

    overflow: hidden;

}



.accordion a {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 100%;

    font-size: 14px;

    line-height: 43px;

    padding-left: 35px;

    color: #3B3A3A;

    background: #ededed;

}



.accordion .link {

    width: 100%;

    margin-top: 4px;

}



.accordion li.open .link {

    color: #FFFFFF;

    background: #ff9933;

}



.accordion a:hover {

    color: #FFFFFF;

    background: #ff9933;

}



.submenu {

    width: 100%;

    overflow: hidden;

    display: none;

}



.submenu li {

    width: 100%;

    margin-top: 4px;

}



.mboxRh {

    overflow: hidden;

    padding-left: 25px;

}



.rh-top {

    width: 100%;

    border-bottom: 1px solid #ff9933;

    font-size: 14px;

    line-height: 35px;

    color: #131313;

}



.rh-top img {

    position: relative;

    top: -2px;

    margin-right: 5px;

}



.rh-top a {

    color: #131313;

}



.rh-top a:hover {

    color: #ff9933;

}



.rhcont {

    width: 100%;

    margin-top: 15px;

    overflow: hidden;

}



.li01 {

    padding: 8px;

}



.li01 a {

    display: block;

    width: 100%;

    overflow: hidden;

    position: relative;

    border: 1px solid #FFFFFF;

}



.li01 a .img {

    padding-top: 83.054%;

    transition: all 0.5s;

}



.li01 a:hover .img {

    transform: scale(1.1);

}



.li01 a .case_info {

    width: 100%;

    background: rgba(0, 0, 0, 0.65);

    font-size: 14px;

    line-height: 40px;

    color: #FFFFFF;

    padding: 0 8px;

    position: absolute;

    left: 0;

    bottom: 0px;

}



.show_text {

    font-size: 14px;

    line-height: 36px;

    color: #333333;

}



.show_text img {

    max-width: 100%;

}



.show_tit {

    font-size: 18px;

    line-height: 36px;

}



.show_img img {

    margin: 10px auto;

}



.ptime {

    width: 100%;

    border-bottom: 1px solid #CBCBCB;

    color: #666666;

    font-size: 16px;

    line-height: 24px;

    text-align: center;

    padding-bottom: 10px;

    margin-bottom: 15px;

}



.li02 {

    width: 100%;

    border-bottom: 1px solid #b5b5b5;

    padding: 18px 0;

}



.li02 a {

    display: block;

    width: 100%;

    overflow: hidden;

}



.li02 .li2_tu {

    width: 186px;

    height: 115px;

    float: left;

    overflow: hidden;

    max-width: 40%;

}



.li02 .li2_tu .img {

    transition: all 0.4s;

}



.li02 a:hover .li2_tu .img {

    transform: scale(1.1);

}



.li02 .li2_txt {

    overflow: hidden;

    padding-left: 15px;

}



.li02 .li2_txt h5 {

    width: 100%;

    position: relative;

    font-size: 14px;

    line-height: 28px;

    color: #3f3f3f;

    font-weight: bold;

    padding-right: 67px;

}



.li02 .li2_txt h5 span {

    display: block;

    font-weight: normal;

    color: #666666;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0;

}



.li02 .li2_txt .li2-p {

    width: 100%;

    font-size: 12px;

    line-height: 24px;

    color: #3f3f3f;

    height: 48px;

}



.li02 .li2_txt .li2-more {

    font-size: 14px;

    line-height: 24px;

    color: #ff9933;

    margin-top: 12px;

}



.li02 a:hover .li2_txt h5 {

    color: #ff9933;

}



.li02 a:hover .li2_txt .li2-more {

    color: #ff9933;

}



.li_logo {

    padding: 0;

    border: 1px solid #cfcfcf;

}



.li_logo a {

    display: block;

    width: 100%;

    overflow: hidden;

    background: #FFFFFF;

    position: relative;

}



.li_logo a:before {

    content: '';

    display: block;

    padding-top: 70%;

}



.li_logo a img {

    transition: all 0.5s;

}



.li_logo a:hover img {

    transform: scale(1.1);

}





/*改动 2018.9.30*/



.bus_swiper {

    width: 100%;

}



.busLi {

    padding: 15px;

}



.busLi .bus_clear {

    display: block;

    border: 2px solid #E5E5E5;

    border-radius: 9px;

    padding-left: 10px;

}



.busLi .bus_clear .bus_lf {

    width: 31.7%;

    height: 298px;

    float: left;

    position: relative;

    margin-top: -10px;

    background: #EEEEEE;

    margin-bottom: 26px;

    transition: all 0.3s;

}



.busLi .bus_clear .bus_lf:before {

    content: '';

    display: block;

    width: 0;

    height: 0;

    border-bottom: 10px solid #EEEEEE;

    border-right: 10px solid transparent;

    position: absolute;

    top: 0;

    right: -10px;

    transition: all 0.3s;

}



.busLi .bus_clear .bus_lf a {

    display: block;

    width: 100%;

}



.busLi .bus_clear .bus_lf .bus_lf_img {

    width: 100%;

    height: 100px;

    position: relative;

    overflow: hidden;

}



.busLi .bus_clear .bus_lf .bus_lf_img img {

    max-width: 60%;

    max-height: 80%;

    opacity: 0;

}



.busLi .bus_clear .bus_lf .bus_lf_img .img_bus1 {

    opacity: 1;

}



.busLi .bus_clear .bus_lf .bus_lf_img .img_bus2 {

    opacity: 0;

}



.busLi .bus_clear .bus_lf .bus_lf_txt {

    width: 100%;

    text-align: center;

    margin-top: 15px;

}



.busLi .bus_clear .bus_lf .bus_lf_txt h3 {

    font-size: 24px;

    line-height: 32px;

    color: #ff9933;

    font-weight: bold;

}



.busLi .bus_clear .bus_lf .bus_lf_txt p {

    font-size: 12px;

    font-family: "微软雅黑";

    line-height: 18px;

    color: #333333;

}



.busLi .bus_clear .bus_lf:hover {

    background: #ff9933;

}



.busLi .bus_clear .bus_lf:hover:before {

    border-bottom: 10px solid #ff9933;

}



.busLi .bus_clear .bus_lf:hover .bus_lf_txt h3 {

    color: #FFFFFF;

}



.busLi .bus_clear .bus_lf:hover .bus_lf_txt p {

    color: #FFFFFF;

}



.busLi .bus_clear .bus_lf:hover .bus_lf_img .img_bus1 {

    opacity: 0;

}



.busLi .bus_clear .bus_lf:hover .bus_lf_img .img_bus2 {

    opacity: 1;

}



.busLi .bus_clear .bus_rh {

    overflow: hidden;

    padding: 20px 25px 0;

}



.busLi .bus_clear .bus_rh_top {

    width: 100%;

    border-bottom: 1px dashed #a1a1a1;

    overflow: hidden;

    padding-bottom: 10px;

    margin-bottom: 10px;

}



.busLi .bus_clear .bus_rh_top a {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 50%;

    float: left;

    color: #131313;

    font-size: 16px;

    line-height: 32px;

    font-family: "微软雅黑";

    font-weight: bold;

}



.busLi .bus_clear .bus_rh_top a:hover {

    color: #ff9933;

}



.busLi .bus_clear .bus_rh_txt {

    width: 100%;

    font-size: 14px;

    line-height: 24px;

    color: rgba(19, 19, 19, 0.8);

    -webkit-line-clamp: 5;

    height: 120px;

}



.mrhArr {

    width: 100%;

}



.mrhArr > p {

    display: block;

    width: 100%;

    overflow: hidden;

    padding: 3px;

}



.mrhArr a {

    display: block;

    font-size: 16px;

    color: #FFFFFF;

    background: #b1b1b1;

    line-height: 38px;

    border-radius: 5px;

    text-align: center;

    width: 132px;

    float: right;

}



.mrhArr a:hover {

    background: #ff9933;

}



@media (max-width:991px) {

    .busLi {

        padding: 10px;

    }

    .bus_rh {

        padding: 15px 15px 0;

    }

    .busLi .bus_clear .bus_rh_top a {

        font-size: 14px;

        line-height: 28px;

    }

    .busLi .bus_clear .bus_rh_txt {

        font-size: 12px;

        line-height: 22px;

        height: 110px;

    }

    .busLi .bus_clear .bus_lf .bus_lf_txt h3 {

        font-size: 16px;

    }

    .busLi .bus_clear .bus_lf {

        width: 35%;

        height: 250px;

        margin-bottom: 10px;

    }

}



@media (max-width:450px) {

    .busLi {

        padding: 10px 0;

    }

    .busLi .bus_clear .bus_rh_top {

        padding-bottom: 5px;

        margin-bottom: 5px;

    }

    .busLi .bus_clear .bus_rh_top a {

        font-size: 13px;

        line-height: 22px;

    }

    .busLi .bus_clear .bus_rh_txt {

        line-height: 20px;

        height: 100px;

    }

    .busLi .bus_clear .bus_lf {

        height: 205px;

    }

    .busLi .bus_clear .bus_lf .bus_lf_img {

        height: 70px;

    }

    .busLi .bus_clear .bus_lf .bus_lf_txt {

        margin-top: 5px;

    }

}





/*浮动QQ*/



.dock {

    position: fixed;

    right: 0px;

    width: 50px;

    -moz-opacity: 0.7;

    opacity: 0.7;

    z-index: 200;

}



.dock.close {

    z-index: 50;

}



.dock ul.icons {

    position: absolute;

    list-style: none;

    right: 0px;

    padding: 0px;

    width: 50px;

    border: 1px solid #333;

    border-right: none;

    background: #111;

    -moz-border-radius: 10px 0 0 10px;

    -webkit-border-radius: 10px 0 0 10px;

    border-radius: 10px 0 0 10px;

    -webkit-transition: all .3s ease-in-out 0s;

    -moz-transition: all .3s ease-in-out 0s;

    -ms-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

    transition: all .3s ease-in-out 0s;

}



.dock.close ul.icons {

    right: -70px;

}



.dock ul.icons li i {

    display: block;

    position: relative;

    width: 50px;

    height: 50px;

    background: url(../images/icons.png) no-repeat;

    cursor: pointer;

    -webkit-transition: all .3s ease-in-out 0s;

    -moz-transition: all .3s ease-in-out 0s;

    -ms-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

    transition: all .3s ease-in-out 0s;

    z-index: 210;

}



.dock ul.icons li.active i {

    -moz-opacity: 0.4;

    opacity: 0.4;

}



.dock ul.icons li.up i {

    background-position: -63px -150px;

}



.dock ul.icons li.tel i {

    background-position: -62px -108px;

}



.dock ul.icons li.im i {

    background-position: -63px -20px;

}



.dock ul.icons li.wechat i {

    background-position: -59px -66px;

}



.dock ul.icons li.down i {

    background-position: -63px -190px;

}



.dock ul.icons li p {

    display: block;

    position: absolute;

    top: 50px;

    right: -260px;

    padding: 15px 20px;

    height: 120px;

    color: White;

    line-height: 30px;

    border: 1px solid #333;

    border-right: none;

    background: #111;

    -moz-border-radius: 10px 0 0 10px;

    -webkit-border-radius: 10px 0 0 10px;

    border-radius: 10px 0 0 10px;

    -moz-opacity: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all .4s ease-in-out .1s;

    -moz-transition: all .4s ease-in-out .1s;

    -ms-transition: all .4s ease-in-out .1s;

    -o-transition: all .4s ease-in-out .1s;

    transition: all .4s ease-in-out .1s;

    overflow: hidden;

    z-index: 201;

}



.dock ul.icons li.active p {

    right: 50px;

    -moz-opacity: 1;

    opacity: 1;

    filter: alpha(opacity=100);

}



.dock ul.icons li.tel p {

    width: 143px;

    height: 130px;

    line-height: 30px

}



.dock ul.icons li.im p {

    width: 140px;

    height: 170px;

    line-height: 30px;

    font-size: 15px;

}



.dock ul.icons li.im p a {

    display: block;

    margin-top: 12px;

    width: 100px;

    height: 35px;

    line-height: 32px;

    color: #00dfb9;

    font-size: 16px;

    text-align: center;

    text-decoration: none;

    border: 1px solid #00dfb9;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -webkit-transition: all .3s ease-in-out 0s;

    -moz-transition: all .3s ease-in-out 0s;

    -ms-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

    transition: all .3s ease-in-out 0s;

}



.dock ul.icons li.im p a:hover {

    color: White;

    background: #0f8773;

    border: 1px solid #0f8773;

}



.dock ul.icons li.wechat p {

    width: 180px;

    height: 180px;

    line-height: 30px

}



.dock ul.icons li.wechat p img {

    border: 2px solid #000;

}



.dock a.switch {

    position: absolute;

    display: block;

    top: 270px;

    right: 11px;

    width: 26px;

    height: 26px;

    background: url(../images/icons.png) no-repeat 0px -640px;

    cursor: pointer;

    -webkit-transition-delay: .15s;

    -moz-transition-delay: .15s;

    -ms-transition-delay: .15s;

    -o-transition-delay: .15s;

    transition-delay: .15s;

}



.dock a.switch.off {

    background-position: -32px -640px;

}



.video-box {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 9999;

    left: 0;

    top: 0;

    overflow: hidden;

}



.video-box .closeBtn {

    position: absolute;

    right: 15px;

    top: 10px;

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    font-size: 32px;

    font-family: 'Microsoft YaHei';

    color: #fff;

    border-radius: 50%;

    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;

    background-color: #000;

    filter: Alpha(opacity=70);

    cursor: pointer;

    opacity: 0;

    transition: all 0.5s;

}



.video-box:hover .closeBtn {

    background: rgba(255, 0, 0, 0.7) none repeat scroll 0 0 !important;

    background-color: #ff0000;

    filter: Alpha(opacity=70);

    opacity: 1;

}





/*清除样式*/



.clear {

    clear: both;

}





/*分页css scott style pagination*/



div.scott {

    padding: 3px;

    margin: 3px;

    text-align: center;

}



div.scott a {

    border: #ddd 1px solid;

    padding: 2px 5px;

    color: #ff9933;

    margin: 0 2px 0 0;

    text-decoration: none;

}



div.scott a:hover {

    border: #ff9933 1px solid;

    color: #ff9933;

    background-color: #d6e2ff;

}



div.scott a:active {

    border: #ff9933 1px solid;

    color: #ff9933;

    background-color: #d6efff;

}



div.scott span.current {

    border: #ff9933 1px solid;

    padding: 2px 5px;

    font-weight: bold;

    color: #fff;

    margin: 0 2px 0 0;

    background-color: #ff9933;

}



div.scott span.disabled {

    border: #f3f3f3 1px solid;

    padding: 2px 5px;

    color: #ccc;

    margin: 0 2px 0 0;

}