/*header*/
.logo{
    padding-top: 12px;
    padding-bottom: 12px;
}
.logo>a{
    float:left;
}
.logo_text{
    float:left;
    margin-left: 13px;
}
.logo_text h3{
    font-size: 30px;
    color: #0285da;
    margin-top: 14px;
    margin-bottom: 2px;
}
.logo_text h3 span{
    color: #4fc426;
}
.logo_text ul li{
    float:left;
    font-size: 15px;
    color: #4fc426;
    border:1px solid #4fc426;
    margin-right: 5px;
    padding: 0 7px;
}
.tel{
    float:right;
    margin-top: 9px;
}
.tel small{
    display: block;
    line-height: 30px;
    padding-left: 38px;
    font-size: 14px;
    color: #626262;
    background: url("../images/24h.png") no-repeat left center;
}
.tel b{
    font-weight: normal;
    padding-left: 38px;
    font-size: 36px;
    color: #0b5cb7;
}
.header{
    background: #0285da;
    line-height: 50px;
}
.nav>a,.navproshow>a{
    display: block;
    width: 119.8px;
    line-height: 50px;
    float:left;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #006eb6;
    border-left: 1px solid #239ae8;
}
.nav>a>span,.navproshow>a>span{
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: lighter;
    width:100%;
    height: 100%;
    display: block;
    top:0;
    left:0;
}
.nav>a:before,.navproshow>a:before{
    content: '';
    display: block;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height: 0;
    background:#67b441; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(90deg, #67b441, #67b441,#92d870);
    background:-webkit-linear-gradient(90deg,#67b441,#67b441,#92d870);
    background:-o-linear-gradient(90deg, #67b441, #67b441,#92d870);
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.nav>a:hover:before,.navproshow>a:hover:before{
    height: 100%;
}

.nav{
    border-right: 1px solid #239ae8;
    border-left: 1px solid #006eb6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#thyNavStyle:before{
    height: 100%;
}

/*main*/
.title{
    padding-top: 47px;
    padding-bottom: 45px;
    text-align: center;
}
.title h2{
    font-size: 48px;
    color: #0054b7;
    font-weight: lighter;
}
.title p{
    ---background: url("../images/line.png") no-repeat center;
    color: #67b441;
    font-weight: lighter;
    margin-top: 5px;
    font-size: 24px;
}

/*search*/
.hotline{
    float:left;
    width: 910px;
}
.hotline span{
    float:left;
    font-size: 16px;
    color: #505050;
    font-weight: bold;
}
.hotline a{
    float:left;
    color: #868686;
    font-size: 14px;
    font-weight: lighter;
    margin-left: 20px;
}
.searchbg{
    line-height: 68px;
    border-bottom: 3px solid #f3f3f3;
}
.searchborder{
    float:right;
    position: relative;
    right: 0;
    top: 18px;
    width: 264px;
    height: 38px;
    line-height: 38px;
    color: #333;
    background: #eeeeee;
}
.searchborder input[type=text]{
    color: #333;
    width: 235px;
    border: 0;
    position: absolute;
    background: none;
    top: 0;
    left: 0;
    height: 34px;
    font-size: 14px;
    padding-left: 10px;
    border-radius: 20px 0 0 20px;
}
.searchborder input[type=submit]{
    border: 0;
    position: absolute;
    top: 0;
    width: 35px;
    height: 38px;
    right: 0;
    background: url("../images/search1.png") no-repeat center;
    color: #fff;
    font-size: 14px;
}
.searchborder input[type=text]:focus{
    outline: none;
    color: #333;
}

/*product*/
.productbg{
    border-top: 1px solid #dfdfdf;
    background: #f3f3f3;
    padding-bottom: 55px;
}
.title{
    padding-top: 44px;
    padding-bottom:25px;
    text-align: center;
}
.title h2{
    font-size: 30px;
    color: #454545;
    font-weight: bold;
    display: inline;
    background: url("../images/titbg.png") no-repeat right bottom;
}
.title p{
    font-size: 18px;
    color: #898989;
    font-weight: lighter;
}
.profl_left{
    float:left;
    background: #4fc426;
    width: 286px;
    height: 118px;
    position: relative;
}
.profl_left img{
    position: absolute;
    bottom:0;
    right:0;
}
.profl_left div{
    position: absolute;
    top:27px;
    right:30px;
    color: #fff;
}
.profl_left div h4{
    font-size: 30px;
    color: #ffffff;
}
.profl_left div p{
    font-size: 18px;
    margin-top: 7px;
}
.profl_right{
    background: #0285da;
    padding-top: 5px;
    float:right;
    width: 914px;
    height: 118px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
}
.profl_right li{
    float:left;
    margin-top: 10px;
    margin-left: 14px;
}
.profl_right li a{
    text-align: center;
    color: #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 206px;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.profl_right li a:hover{
    background: #4fc426;
    border:1px solid #4fc426;
}
.product_show{
    margin-top: 30px;
}
.product_show ul li{
    border: 1px solid #dadada;
    float:left;
    background: #fff;
    margin-right: 14px;
    margin-bottom: 26px;
}
.product_show ul li:nth-of-type(2){  margin-right: 0;}
.product_show ul li:last-of-type{  margin-right: 0;}
.product_show ul li b img{
    max-height: 100%;
    width: auto;
    height: auto;
}
.product_show ul .pro_open{
    border:none;
    background: #fff;
}
.product_show ul .pro_open>b{
    float:left;
    border:1px solid #dadada;
    width: 287px;
    height: 287px;
}
.pro_open>div{
    float:right;
    width: 605px;
    height: 287px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:32px 37px;
}
.pro_open>div h4{
    padding-bottom: 14px;
    font-size: 18px;
    color: #0285da;
    border-bottom: 2px solid #4fc426;
    background: url("../images/jt.png") no-repeat right top;
    margin-bottom: 15px;
}
.pro_open>div p{
    font-size: 14px;
    color: #646464;
    margin-bottom: 15px;
}

.pro_open div span{
    float:left;
    font-size: 14px;
    color: #646464;
    width: 210px;
    padding-left: 20px;
    background: url("../images/proicon.png") no-repeat left center;
    margin-bottom: 10px;
}
.pro_open a{
    float:left;
    text-align: center;
    width: 136px;
    line-height: 38px;
    font-size: 14px;
    background: #0285da;
    color: #fff;
    margin-right: 23px;
    border-bottom: 3px solid #4fc426;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.pro_open a:first-of-type{
    background: #e8e8e8;
    color: #616161;
}
.pro_open a:first-of-type:hover{
    background: #0285da;
    color: #fff;
}
.pro_open a:last-of-type:hover{
    background: #e8e8e8;
    color: #616161;
}
.product_show ul li b{
    width: 287px;
    height: 249px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product_show ul li a p{
    width: 287px;
    line-height: 38px;
    color: #fff;
    background: #7f7f7f;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.product_show ul li a:hover p{
    background: #0285da;
}

.banner2{
    background: url("../images/banner2.jpg") no-repeat center;
    height: 230px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 40px;
}
.banner2 .code{
    float:left;
    width: 123px;
    text-align: center;
    color: #fff;
}
.code img{
    width:100%;
}
.code p{
    font-size: 14px;
    font-weight: lighter;
    color: #fff;
}
.banner_text{
    margin-left: 34px;
    color: #fff;
    float:left;
    width: 500px;
}
.banner_text h4{
    font-size: 32px;
}
.banner_text p{
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 23px;
    font-weight: lighter;
}
.banner_text small{
    display: inline-block;
    padding-left: 61px;
    font-size: 14px;
    line-height: 45px;
    background: url("../images/tel.png") no-repeat 26px center;
    border:1px solid #fff;
    border-radius: 30px;
    padding-right: 26px;
}
.banner_text small span{
    font-size: 26px;
    vertical-align: top;
    padding-left: 6px;
}
.banner_form{
    float:right;
    width: 484px;
    color: #fff;
}
.banner_form>p{
    font-size: 18px;
    margin-bottom: 10px;
}
#indexform div{
    float:left;
    width: 336px;
}
#indexform div:last-of-type{
    float:right;
    width: 131px;
}
#indexform input[type=text]{
    width: 100%;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 40px;
    line-height: 46px;
    background:#fff url("../images/user.png") no-repeat 295px center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 12px;
}
#indexform input[name=tel]{
    background:#fff url("../images/tel2.png") no-repeat 295px center;
}
#indexform input[type=submit],#indexform input[type=button]{
    color: #fff;
    width: 100%;
    border-radius: 5px;
    padding-top: 30px;
    padding-bottom: 55px;
    text-align: center;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#4fc426 url("../images/jt2.png") no-repeat center 55px;
}
.introbg{
    background: #f3f3f3;
    padding-bottom: 55px;
}
.swiper-intro .swiper-slide>div{
    display: block;
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:20px 16px;
    height: 355px;
}
.swiper-intro .swiper-slide>div b{
    width: 100%;
    display: block;
    height: 203px;
}
.intro_text>p{
    font-size: 18px;
    color: #444;
    margin-top: 20px;
    margin-bottom: 16px;
    padding-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background:url("../images/video.png") no-repeat right center;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.swiper-intro a:hover .intro_text p{
    color: #0285da;
}
.intro_text small{
    font-size: 14px;
    color: #949494;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.intro{
    position: relative;
}
.intro .swiper-button-next{
    right:-90px;
    width: 65px;
    height: 65px;
    background: url("../images/intro_r.png") no-repeat center;
}
.intro .swiper-button-prev{
    left:-90px;
    width: 65px;
    height: 65px;
    background: url("../images/intro_l.png") no-repeat center;
}
.btn_more{
    text-align: center;
    margin-top: 46px;
}
.btn_more .clear{
    display: inline-block;
}
.btn_more a{
    float:left;
    min-width: 188px;
    height: 53px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    background: #ffffff;
    color: #616161;
    position: relative;
    overflow: hidden;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.btn_more a:last-of-type{
    background: #0285da;
    color: #fff;
    margin-left: 23px;
}
.btn_more a:before{
    background: #4fc426;
    content:attr(data-attr);
    width:100%;
    color: #fff;
    display: block;
    height: 3px;
    position: absolute;
    bottom:0;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.btn_more a:hover:before{
    height: 100%;
}

/*adv*/
.adv>div{
    float:left;
    width: 576px;
    margin-bottom: 44px;
}
.adv>div:nth-of-type(even){
    float:right;
}
.adv div b{
    width:100%;
    height: 252px;
}
.adv_text{
    background: #0285da;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    height: 132px;
    padding-top: 36px;
    padding-left: 36px;
}
.adv_text div{
    float:left;
    width: 120px;
    border-right: 1px solid #31a3ee;
}
.adv_text div p{
    font-size: 18px;
    color: #fff;
}
.adv_text div h3{
    font-size: 24px;
    display: inline-block;
    color: #fff;
    background: url(../images/titbg.png) no-repeat center bottom;
    padding-bottom: 2px;
    margin-top: 7px;
}
.adv_text ul{
    float:left;
    padding-left: 23px;
}
.adv_text ul li{
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 6px;
    padding-left: 20px;
    background: url("../images/icon.png") no-repeat left center;
}

/*case*/
.casetit{
    text-align: center;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 10px;
}
.casetit>div{
    display: inline-block;
}
.casetit>div a{
    line-height: 50px;
    float:left;
    font-size: 16px;
    margin-right: 35px;
    color: #444444;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.casetit>div a:hover{
    color: #0285da;
}
.casetit>div a:last-of-type{
    margin-right: 0;
}
.case{
    position: relative;
    width: 100%;
    height: 436px;
}
.swiper-case{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
}
.case_hide_left,.case_hide_right{
    display: block;
    position: absolute;
    top:0;
    width:calc(20% - 10px);
    width:-moz-calc(20% - 10px);
    width:-webkit-calc(20% - 10px);
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
}
.case_hide_left{
    left:0;
}
.case_hide_right{
    right:0;
}
.swiper-case a{
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-case a b{
    height: 262px;
}
.case_text h5{
    padding-left: 40px;
    color: #3b3a3a;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 27px;
    margin-bottom: 17px;
    background:url("../images/casejt.png") no-repeat 15px center;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.case_text small{
    font-size: 14px;
    color: #9e9e9e;
    display: block;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 26px;
}
.swiper-case .swiper-button-next,.swiper-case .swiper-button-prev{
    width:32px;
    height: 56px;
    background-size:32px 56px;
}
.swiper-case .swiper-button-next{
    background-image:url("../images/case_right.png");
    right:calc(20% - 68px);
    z-index: 999;

}
.swiper-case .swiper-button-prev{
    background-image:url("../images/case_left.png");
    left:calc(20% - 68px);
    z-index: 999;

}
.swiper-case .swiper-button-next.swiper-button-disabled,.swiper-case  .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
}
.swiper-case a:hover h5{color:#0285da;}

/*news*/
.news{
    width: 593px;
    height: 477px;
    float:left;
    overflow: hidden;
    background: #f6f6f6;
}
.newstit{
    border-bottom: 2px solid #fff;
}
.newstit a{
    float:left;
    line-height: 64px;
    width:50%;
    text-align: center;
    font-size: 18px;
    color: #5a5a5a;
}
.newstit_hover{
    background: #0285da;
    color: #fff!important;
}
.ques{
    background: #f6f6f6;
    float:right;
    width: 594px;
    height: 477px;
    overflow: hidden;
}
.news_show{
    width: 100%;
    padding:23px 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news_show>div>a{
    display: block;
}
.news_show>div>a b{
    width: 222px;
    height: 152px;
    float:left;
}
.news_text{
    float:left;
    width: 279px;
    margin-left: 20px;
    height: 150px;
    position: relative;
}
.news_text p{
    font-size: 16px;
    color: #3e3e3e;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.news_text small{
    font-size: 14px;
    color: #909090;
    margin-top: 9px;
    line-height: 28px;
    display: block;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.news_show>div>a:hover .news_text small{
    color: #0285da;
}
.news_show>div{
    display: none;
}
.news_text span{
    font-size: 14px;
    color: #bcbcbc;
    position: absolute;
    bottom:0;
    left:0;
}
.news_show ul{
    margin-top: 10px;
}
.news_show ul li a{
    display: block;
    line-height: 56px;
    border-bottom: 1px dashed #e3e3e3;
}
.news_show ul li:last-of-type a{
    border-bottom: 0;
}
.news_show ul li a:after{
    display: block;
    content: '';
    clear: both;
}
.news_show ul li a p{
    float:left;
    font-size: 16px;
    color: #3e3e3e;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.news_show ul li a:hover p{
    color: #0285da;
}
.news_show ul li a span{
    float:right;
    font-size: 14px;
    color: #656565;
}
.ques_show ul li{
    padding-top: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
}
.ques_show ul li a{
    display: block;
}
.ques_show{
    padding:0 32px;
    height: 395px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ques_show ul li a p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 11px;
    color: #3e3e3e;
    background: url("../images/ask.png") no-repeat left center;padding-left:40px;display: block;
}
.ques_show ul li a small{
    font-size: 14px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
    color: #909090;padding-left:40px;display: block;   background: url("../images/ans.png") no-repeat left center;
}
.ques_show ul li a:hover small{
    color: #0285da;
}
.questit{
    border-bottom: 2px solid #fff;
    line-height: 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 32px;
    margin-bottom: 16px;
}
.questit h4{
    font-size: 18px;
    color: #0285da;
    float:left;
}
.questit a{
    font-size: 16px;
    color: #6f6f6f;
    float:right;
}
/*company*/
.company{
    height: 478px;
    text-align: left;
    background: url("../images/combg.jpg") no-repeat center;
}
.company .title{
    text-align: left;
}
.company .btn_more{
    text-align: left;
}
.company p{
    width: 420px;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 28px;
}

/*meter*/
.meter{
    padding-top: 50px;
    padding-bottom: 68px;
}
.meter li{
    float:left;
    margin-right: 21px;
}
.meter li:last-of-type{
    margin-right: 0;
}
.meter li span{
    display: block;
    line-height: 43px;
    color: #4fc426;
    padding-bottom: 5px;
    font-size: 30px;
    ---background: url("../images/metline.png") no-repeat left bottom;
}
.meter li b{
    font-size: 24px;
    color: #0285da;
    display: block;
    margin-top: 10px;
    margin-bottom: 17px;
}
.meter li a{
    width: 386px;
    height: 230px;
}
.meter li a p{
    position: absolute;
    width:100%;
    height: 100%;
    color: #fff;
    left:0;
    top:0;
    padding-top: 114px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(69, 165, 36, 0.71) url("../images/search.png") no-repeat center 80px;
    text-align: center;
    opacity: 0;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.meter li a:hover p{
    opacity: 1;
}

/*footer*/
#footer{
    background: #ececec;
}
.fot_top{
    padding:26px 0;
}
.fot_top div{
    float:left;
    padding-left:65px;
    margin-right: 110px;
    background: url("../images/foticon1.png") no-repeat left center;
}
.fot_top div:nth-of-type(2){    background: url("../images/foticon2.png") no-repeat left center;}
.fot_top div:last-of-type{
    margin-right: 0;
    background: url("../images/foticon3.png") no-repeat left center;
}
.fot_top div small{
    font-size: 14px;
    color: #4b4b4b;
}
.fot_top div p{
    font-size: 28px;
    color: #4fc426;
}
.fot_top div:last-of-type p{
    font-size: 18px;
    color: #4b4b4b;
    margin-top: 5px;
    margin-bottom: 5px;
}
.fot_middle{
    height: 172px;
    border-top: 1px solid #d3d3d3;
}
.fot_nav{
    padding-top: 40px;
    width: 520px;
    float:left;
    padding-bottom: 15px;
    border-right: 1px solid #d3d3d3;
}
.fot_nav a{
    float:left;
    width: 130px;
    background: url("../images/fotnavicon.png") no-repeat left center;
    padding-left: 15px;
    font-size: 14px;
    color: #4b4b4b;
    margin-bottom: 20px;
}
.fot_right{
    width: 572px;
    float:right;
    padding-top: 34px;
}
.code{
    text-align: center;
    float:left;
    margin-right: 20px;
    width: 92px;
}
.code img{
    width: 100%;
}


.fot_bottom{
    float:right;
    width: 326px;
}
.fot_bottom span,.fot_bottom a{
    font-size: 14px;
    display: block;
    color: #898989;
    line-height: 30px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
    float:left;
}
.fot_bottom .login{
    float:right;
}
.fot_bottom a:hover{   text-decoration: underline}

.link{
    background: #0285da;
    line-height: 50px;
}
.link span{
    float:left;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.link a{
    float:left;
    font-size: 14px;
    margin-left: 10px;
    line-height: 50px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.link a:hover{
    text-decoration: underline;
}

/*totop*/
.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:73px;z-index:999;
    background:url(../images/r_b.png) 0px bottom no-repeat;
}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.clamp-one{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.clamp-two{
    text-align: justify;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.clamp-three{
    text-align: justify;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.clamp-four{
    text-align: justify;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.clamp-five{
    text-align: justify;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.clamp-six{
    text-align: justify;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.clamp-seven{
    text-align: justify;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.clamp-eight{
    text-align: justify;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
.clamp-nine{
    text-align: justify;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}
.clamp-three{
    text-align: justify;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}