﻿@charset "utf-8";
body{
	overflow-x: hidden;
}
.header {
    height: 80px;
    background: rgba(0, 0, 0, 1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1)
}

.header .logo {
    top: 17px;
    left: 50px;
    z-index: 2
}

.header .index_nav {padding-right: 150px;
    left: 275px;
    top: 0
}

.header .index_nav>ul {
    text-align: center;
    margin-bottom: 0
}

.header .index_nav>ul>li {
    float: none;
    display: inline-block;
    height: 87px;
    position: relative;
    padding-top: 25px
}

.header .index_nav>ul>li>a {
    display: block;
    color: #20bf63;
    font-size: 14px;
    line-height: 34px;
    height: 34px;
    border-radius: 17px;
    padding: 0 25px
}

.header .index_nav>ul>li>a.on,
.header .index_nav>ul>li>a:hover {
    background: #272f21
}

.header .index_nav>ul>li .xl {
    width: 1020px;
    min-height: 350px;
    position: absolute;
    top: 80px;
    left: -170px;
    background: rgba(35, 35, 35, 1);
    text-align: center;
    display: none;
    overflow: hidden;
    padding: 50px 0 0 0;
}

.header .index_nav>ul>li .xl .item_left {
    width: 430px;
    text-align: center;
    height: 350px;
    border-right: solid 1px rgba(255, 255, 255, .1)
}

.header .index_nav>ul>li .xl .item_left .tit {
    color: #fff;
    font-size: 18px
}

.header .index_nav>ul>li .xl .item_left .note {
    color: #c9c9c9;
    font-size: 14px;
    padding-top: 25px;
    padding-bottom: 40px
}

.header .index_nav>ul>li .xl .item_left .pic {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    overflow: hidden;
    background-size: cover !important;
    margin-left: auto;
    margin-right: auto;
    line-height: 160px;
    position: relative
}

.header .index_nav>ul>li .xl .item_left .pic span {
    width: 100%;
    height: 100%;
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0
}

.header .index_nav>ul>li .xl .item_left .pic img {
    z-index: 2
}

.header .index_nav>ul>li .xl .item_right {
    float: left;
    margin-left: 50px;
    width: 490px;
    text-align: left;
}

.header .index_nav>ul>li .xl.xl2 {
    left: auto;
    right: 0
}
.header .index_nav>ul>li .xl .item_right ul{
	display: flex;
	flex-wrap: wrap;
}

.header .index_nav>ul>li .xl .item_right ul li {
    /* height: 42px; */
    width: 33.3%;
    text-align: center;
    line-height:30px;
}
.header .index_nav>ul>li .xl .item_right ul li a
{
    color: #dbdbdb;
    font-size: 14px;
    display: block;
    text-align: center;
    padding-top: 70px;
    transition: all 2s;
}
.header .index_nav>ul>li .xl .item_right ul li a:hover{
	transform: scale(1.1);
	/*background-size: 28% !important;*/
}
.header .index_nav>ul>li:nth-child(2) .xl .item_right ul li:first-child a {
    background: url(../images/jieshao.png) center no-repeat;
    background-size: 25%;
}
.header .index_nav>ul>li:nth-child(2) .xl .item_right ul li:nth-child(2) a {
    background: url(../images/xuanchuan.png) center no-repeat;
    background-size: 25%;
}
.header .index_nav>ul>li:nth-child(2) .xl .item_right ul li:nth-child(3) a {
    background: url(../images/zuzhi.png) center no-repeat;
    background-size: 25%;
}
.header .index_nav>ul>li:nth-child(2) .xl .item_right ul li:nth-child(4) a {
    background: url(../images/zhuanli.png) center no-repeat;
    background-size: 25%;
}

.header .index_nav>ul>li:nth-child(3) .xl .item_right ul li:first-child a {
    background: url(../images/yizi.png) center no-repeat;
    background-size: 25%;
}
.header .index_nav>ul>li:nth-child(3) .xl .item_right ul li:nth-child(2) a {
    background: url(../images/huaqi.png) center no-repeat;
    background-size: 25%;
}
.header .index_nav>ul>li:nth-child(3) .xl .item_right ul li:nth-child(3) a {
    background: url(../images/lajitong.png) center no-repeat;
    background-size: 25%;
}
.header .index_nav>ul>li:nth-child(3) .xl .item_right ul li:nth-child(4) a {
    background: url(../images/huaqiu.png) center no-repeat;
    background-size: 25%;
}
.header .index_nav>ul>li:nth-child(3) .xl .item_right ul li:nth-child(5) a {
    background: url(../images/huatan.png) center no-repeat;
    background-size: 25%;
}


.header .index_nav>ul>li:nth-child(4) .xl .item_right ul li:first-child a {
    background: url(../images/zhihuiguangai.png) center no-repeat;
    background-size: 25%;
}

.header .index_nav>ul>li:nth-child(8) .xl .item_right ul li:first-child a {
    background: url(../images/toutiao.png) center no-repeat;
    background-size: 25%;
}
.header .index_nav>ul>li:nth-child(8) .xl .item_right ul li:nth-child(2) a {
    background: url(../images/zhongda.png) center no-repeat;
    background-size: 25%;
}
.header .index_nav>ul>li:nth-child(8) .xl .item_right ul li:nth-child(3) a {
    background: url(../images/dongtai.png) center no-repeat;
    background-size: 25%;
}

.header .index_nav>ul>li:nth-child(9) .xl .item_right ul li:first-child a {
    background: url(../images/lianxi.png) center no-repeat;
    background-size: 25%;
}
.header .index_nav>ul>li:nth-child(9) .xl .item_right ul li:nth-child(2) a {
    background: url(../images/fazhan.png) center no-repeat;
    background-size: 25%;
}
.header .index_nav>ul>li:nth-child(9) .xl .item_right ul li:nth-child(3) a {
    background: url(../images/rencai.png) center no-repeat;
    background-size: 25%;
}
.header .tell{position: absolute;right: 50px;top: 50%;margin-top: -10px;}
.header .tell img{float: left;}
.header .tell span{line-height: 20px;font-size: 16px; color: #20bf63;padding-left: 25px;
    background: url(../images/tell.png) left no-repeat;}


.menu {
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: 18px;
    color: #20bf63;
    border: solid 1px #20bf63;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    display: none;
    z-index: 1
}

.hsbtm {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none
}

.menu_close {
    font-size: 14px;
    padding: 10px;
    background: #fff;
    color: #000;
    position: absolute;
    top: 0;
    left: -39px;
    z-index: 11;
    display: none;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1)
}

.banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 850px
}

.banner .owl-theme .owl-controls {
    margin-top: 0
}

.banner #owl-demo1 {
    height: 850px
}

.banner #owl-demo1 .owl-dots {
    display: block !important;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center
}

.banner #owl-demo1 .owl-dots .owl-dot {
    display: inline-block;
    float: none;
    margin-left: 6px;
    margin-right: 6px;
    width: 12px;
    height: 12px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #fff;
    border-radius: 12px
}

.banner #owl-demo1 .owl-dots .owl-dot.active {
    background: #7fd146
}

.banner #owl-demo1 .item {
    display: block;
    height: 850px;
    background-size: cover !important
}

.banner #owl-demo1 .item img {
    display: none;
    width: 100%
}

.index_main1 {
    padding-top: 80px;
    margin-top: 850px
}

.index_main1 .container {
    width: 1400px
}

.index_main1 .container .prev {
    width: 14px;
    height: 31px;
    background: url(../images/zuojian1.png) no-repeat center center;
    cursor: pointer;
    opacity: .8;
    position: absolute;
    left: -75px;
    top: 50%;
    margin-top: -15px
}

.index_main1 .container .prev:hover {
    opacity: 1
}

.index_main1 .container .next {
    width: 14px;
    height: 31px;
    background: url(../images/youjian1.png) no-repeat center center;
    cursor: pointer;
    opacity: .8;
    position: absolute;
    right: -75px;
    top: 50%;
    margin-top: -15px
}

.index_main1 .container .next:hover {
    opacity: 1
}

.index_main1 .item {
    line-height: 240px;
    border-radius: 8px
}

.index_main1 .item img {
    border-radius: 8px
}

.index_main1 .item .item_left {
    padding-left: 180px;
    color: #fff;
    font-size: 50px
}

.index_main1 .item .item_right {
    padding-right: 180px
}

.index_main1 .item .item_right a {
    width: 160px;
    height: 46px;
    background: #20bf63;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    line-height: 46px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.index_main2 {
    padding-top: 60px;
    background: url(../images/bgtp1.jpg) no-repeat center 60px #fff;
    height: 743px
}

.index_main2 .container {
    width: 1400px
}

.index_main2 .item_left {
    width: 50%;
    padding-top: 110px
}

.index_main2 .item_left .item {
    padding-top: 40px
}

.index_main2 .item_left .item .tit {
    color: #333;
    font-size: 40px;
    text-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    font-weight: 700
}

.index_main2 .item_left .item .tit>span {
    color: #20bf63;
    font-size: 40px
}

.index_main2 .item_left .item .tit>span span {
    font-size: 80px
}

.index_main2 .item_left .item .note {
    color: #666;
    font-size: 22px
}

.index_main2 .item_right {
    width: 520px;
    padding-top: 120px
}

.index_main2 .item_right .item {
    margin-bottom: 40px
}

.index_main2 .item_right .item .tit {
    color: #333;
    font-size: 22px
}

.index_main2 .item_right .item .note {
    color: #666;
    font-size: 16px;
    padding-top: 10px
}

.index_main3 .item {
    height: 280px;
    width: 100%;
    background-size: cover !important;
    overflow: hidden
}

.index_main3 .item:hover {
    height: 500px
}

.index_main3 .item:hover span.hsbtm1 {
    background: rgba(90, 163, 121, .9)
}

.index_main3 .item:hover .note {
    opacity: 1
}

.index_main3 .item:hover .more {
    opacity: .8
}

.index_main3 .item:hover .more:hover {
    opacity: 1
}

.index_main3 .item:hover .more:hover a {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1)
}

.index_main3 .item span.hsbtm1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6)
}

.index_main3 .item .tit {
    padding-top: 120px;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    position: relative;
    z-index: 1
}

.index_main3 .item .note {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 24px;
    margin-top: 50px;
    height: 120px;
    margin-bottom: 30px;
    opacity: 0
}

.index_main3 .item .more {
    position: relative;
    z-index: 1;
    opacity: 0
}

.index_main3 .item .more a {
    width: 150px;
    height: 40px;
    background: #20bf63;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.index_main4 {
    background: url(../images/bgtp3.jpg) center top;
    padding-top: 80px;
    padding-bottom: 80px
}

.index_main4 .container {
    width: 1400px
}

.index_main4 .container .item_left {
    width: 300px
}

.index_main4 .container .item_left .tit {
    color: #333;
    font-size: 28px;
    line-height: 50px
}

.index_main4 .container .item_left .tit a {
    color: #333;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.index_main4 .container .item_left .tit a:hover {
    color: #20bf63
}

.index_main4 .container .item_left .hengxian {
    width: 100px;
    height: 4px;
    background: #20bf63;
    border-radius: 2px;
    margin-top: 45px;
    margin-bottom: 50px
}

.index_main4 .container .item_left .note {
    color: #333;
    font-size: 14px;
    line-height: 30px;
    height: 210px
}

.index_main4 .container .item_left .more a {
    width: 150px;
    height: 40px;
    border: solid 1px #333;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    color: #333
}

.index_main4 .container .item_left .more a:hover {
    background: #20bf63;
    color: #fff;
    border-color: #20bf63
}

.index_main4 .container .item_right {
    width: 900px;
    padding-right: 30px;
    background: url(../images/bgtp3.png) no-repeat left top
}

.index_main4 .container .item_right .item {
    height: 168px;
    padding-top: 40px;
    margin-bottom: 10px;
    position: relative;
    top: 15px
}

.index_main4 .container .item_right .item .item_left1 {
    color: #333;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    width: 350px
}

.index_main4 .container .item_right .item .item_right1 {
    width: 440px;
    position: relative;
    top: -20px
}

.index_main4 .container .item_right .item .item_right1 .tit {
    color: #333;
    font-size: 16px;
    line-height: 34px
}

.index_main4 .container .item_right .item .item_right1 .note {
    color: #333;
    font-size: 14px;
    line-height: 26px
}

.index_main5 {
    background: url(../images/bgtp4.jpg) no-repeat center center;
    background-size: cover !important;
    padding-top: 100px;
    padding-bottom: 80px
}

.index_main5 .tit {
    color: #fff;
    font-size: 30px
}

.index_main5 .hengxian {
    width: 100px;
    height: 4px;
    border-radius: 2px;
    background: #20bf63;
    margin-top: 30px;
    margin-bottom: 50px
}

.index_main5 .item_left {
    width: 430px
}

.index_main5 .item_left ul li {
    padding: 18px 20px;
    border-top: solid 1px #747573;
    border-bottom: solid 1px #747573;
    margin-top: -1px
}

.index_main5 .item_left ul li.on,
.index_main5 .item_left ul li:hover {
    background: rgba(0, 0, 0, .4)
}

.index_main5 .item_left ul li.on .pic,
.index_main5 .item_left ul li:hover .pic {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.index_main5 .item_left ul li.on .cont1,
.index_main5 .item_left ul li:hover .cont1 {
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.index_main5 .item_left ul li.on .cont1 {
    margin-left: 20px
}

.index_main5 .item_left ul li .pic {
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left
}

.index_main5 .item_left ul li .pic img {
    width: 100%
}

.index_main5 .item_left ul li .cont1 {
    margin-left: 20px;
    width: 270px;
    float: left
}

.index_main5 .item_left ul li .cont1 .tit1 a {
    color: #fff;
    font-size: 16px
}

.index_main5 .item_left ul li .cont1 .note {
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    padding-top: 5px;
    height: 53px;
    overflow: hidden
}

.index_main5 .item_right {
    width: 560px;
    height: 600px;
    background: rgba(0, 0, 0, .4);
    padding: 40px 40px 0 50px
}

.index_main5 .item_right .tit1 {
    color: #fff;
    font-size: 26px;
    line-height: 26px
}

.index_main5 .item_right .hengxian1 {
    width: 25px;
    height: 3px;
    background: #fff;
    margin-top: 32px;
    margin-bottom: 45px
}

.index_main5 .item_right .item {
    margin-bottom: 45px
}

.index_main5 .item_right .item .tit2 {
    width: 100px;
    color: #fff;
    font-size: 16px
}

.index_main5 .item_right .item .note2 {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-left: 100px
}

.index_main5 .item_right .item .note2 a {
    width: 140px;
    height: 40px;
    border: solid 1px #fff;
    border-radius: 4px;
    text-align: center;
    line-height: 38px;
    display: block;
    color: #fff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.index_main5 .item_right .item .note2 a:hover {
    color: #fff;
    background: #20bf63;
    border-color: #20bf63
}

.index_main6 {
    padding-top: 80px;
    padding-bottom: 140px;
    overflow: hidden
}

.index_main6 .tit {
    color: #333;
    font-size: 36px;
    text-align: center
}

.index_main6 .hengxian {
    width: 25px;
    height: 3px;
    background: #20bf63;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 30px
}

.index_main6 .cont {
    padding: 24px 0;
    position: relative
}

.index_main6 .cont>img {
    width: 100%
}

.index_main6 .cont .pic {
    width: 930px;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -465px
}

.index_main6 .cont .pic img {
    width: 930px
}

.index_main6 .cont .note {
    padding: 30px 35px;
    line-height: 32px;
    color: #666;
    font-size: 14px;
    position: absolute;
    bottom: -65px;
    left: 50%;
    margin-left: -350px;
    text-align: center;
    width: 700px;
    background: #fff;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2)
}

.index_main7 {
    background: url(../images/bgtp6.jpg) no-repeat center center;
    background-size: cover !important;
    padding-top: 80px;
    padding-bottom: 100px
}

.index_main7 .tit {
    color: #333;
    font-size: 36px;
    text-align: center;
    line-height: 36px;
    margin-bottom: 50px
}

.index_main7 ul {
    padding-left: 85px;
    padding-right: 85px
}

.index_main7 ul li {
    padding: 30px;
    border-top: solid 1px #e4e1e0;
    border-bottom: solid 1px #e4e1e0;
    background: url(../images/jiantou1.png) no-repeat 98% center;
    margin-top: -1px
}

.index_main7 ul li .tit1 a {
    color: #333;
    font-size: 18px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.index_main7 ul li .date {
    color: #666;
    font-size: 12px;
    padding-top: 5px
}

.index_main7 ul li:hover {
    background: url(../images/jiantou2.png) no-repeat 98% center
}

.index_main7 ul li:hover .tit1 a {
    color: #20bf63
}

.index_main7 ul li:hover .date {
    color: #20bf63
}

.index_main7 .more {
    padding-top: 30px;
    text-align: center
}

.index_main7 .more a {
    color: #20bf63;
    font-size: 16px;
    opacity: .8
}

.index_main7 .more a:hover {
    opacity: 1
}

.index_main8 {
    padding-top: 30px;
    padding-bottom: 30px
}

.footer {
    padding-top: 80px;
    padding-bottom: 100px;
    background: url(../images/mosha.png);
    position: relative;
    z-index: 2
}

.footer .container {
    width: 1400px
}

.footer .container .item_left {
    width: 350px
}

.footer .container .item_left .cont {
    padding-top: 55px
}

.footer .container .item_left .cont .item {
    margin-bottom: 30px
}

.footer .container .item_left .cont .item .pic {
    width: 30px;
    padding-top: 5px
}

.footer .container .item_left .cont .item .cont1 {
    color: #fff;
    font-size: 16px;
    line-height: 30px
}

.footer .container .item_nav {
    margin-left: 100px;
    width: 430px
}

.footer .container .item_nav ul li {
    height: 56px;
    line-height: 56px;
    border-bottom: solid 1px #4b4b4b;
    background: url(../images/jiahao.png) no-repeat 400px center;
    padding: 0 10px
}

.footer .container .item_nav ul li a {
    color: #fff;
    font-size: 16px;
    display: block;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.footer .container .item_nav ul li a:hover {
    color: #20bf63
}

.footer .container .item_nav1 {
    margin-left: 80px
}

.footer .container .item_nav1 ul li a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 42px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.footer .container .item_nav1 ul li a:hover {
    color: #20bf63
}

.footer .container .item_right {
    width: 320px
}

.footer .container .item_right .share .item {
    width: 46px;
    height: 46px;
    background: #1e1e1e;
    border-radius: 23px;
    text-align: center;
    line-height: 46px;
    margin-right: 20px;
    position: relative;
    cursor: pointer
}

.footer .container .item_right .share .item:hover {
    background: #20bf63
}

.footer .container .item_right .share .item span {
    width: 130px;
    height: 134px;
    background: url(../images/kuang.png) no-repeat center center;
    padding-top: 11px;
    padding-left: 7px;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: 56px;
    display: none
}

.footer .container .item_right .share .item span img {
    width: 116px;
    height: 116px
}

.footer .container .item_right .copyRight {
    color: #646464;
    font-size: 14px;
    line-height: 32px;
    margin-top: 25px
}

.ejbanner {
    height: 500px;
    background-size: cover !important;
    padding-top: 100px;
    line-height: 400px;
    color: #fff;
    font-size: 50px;
    text-shadow: 0 5px 3px rgba(0, 0, 0, .4)
}

.case_list .row {
    padding-bottom: 80px
}
.case_list .row li {
  list-style:none
}
.case_list .col-xs-12 {
    margin-top: 80px
}

.case_list .col-xs-12:hover .pic .picspan {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.case_list .col-xs-12:hover .pic span.abs {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.case_list .col-xs-12:hover .cont .note {
    color: #20bf63
}

.case_list .col-xs-12:hover .cont .tit a {
    color: #20bf63
}

.case_list .col-xs-12 .pic .picspan {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.case_list .col-xs-12 .pic span.abs {
    background: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0
}

.case_list .col-xs-12 .pic span.abs img {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.case_list .col-xs-12 .cont {
    padding-top: 25px
}

.case_list .col-xs-12 .cont .note {
    color: #a0a0a0;
    font-size: 13px
}

.case_list .col-xs-12 .cont .tit {
    padding-top: 10px;
    color: #333;
    font-size: 22px
}

.case_list .col-xs-12 .cont .tit a {
    color: #333
}

.case_list .pages {
    border-top: solid 1px #f2f2f2;
    padding-top: 60px;
    padding-bottom: 80px
}

.pages a {
    padding: 8px 15px;
    background: #fff;
    border: solid 1px #e3e3e3;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    margin-left: 7px;
    margin-right: 7px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pages a:hover {
    border: solid 1px #20bf63;
    background: #20bf63;
    color: #fff
}

.pages strong {
    padding: 8px 15px;
    background: #20bf63;
    border: solid 1px #20bf63;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-left: 7px;
    margin-right: 7px
}

.case_details {
    padding: 50px 0 50px
}

.case_details .tit {
    color: #333;
    font-size: 30px
}

.case_details .cont {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    padding-top: 30px
}

.case_details .cont img {
    margin-top: 55px;
    margin-bottom: 55px;
    max-width: 100%
}

.view_details {
    width: 100%;
    background-size: cover !important;
    margin-top: 90px
}

.view_details .video_main {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.view_details .video_main video {
    width: 100%;
    height: 100%
}

.view_details .video_main1 {
    position: absolute;
    background: rgba(105, 125, 141, .8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.view_details .video_main1 .video_m {
    width: 750px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.view_details .video_main1 .video_m .tit {
    color: #fff;
    font-size: 36px;
    text-align: center
}

.view_details .video_main1 .video_m .note {
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding-top: 20px
}

.view_details .video_main1 .video_m .cont {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    padding-top: 70px;
    min-height: 280px
}

.view_details .video_main1 .video_m .more a {
    cursor: pointer;
    width: 180px;
    height: 50px;
    border: solid 1px #b4bec6;
    border-radius: 4px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    display: block;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.view_details .video_main1 .video_m .more a:hover {
    background: #20bf63;
    color: #fff;
    border: solid 1px #20bf63
}

.licheng_main .container {
    padding: 0 65px;
    padding-top: 120px
}

.licheng_main .container .lc_tit .tit {
    color: #4d4d4d;
    font-size: 30px
}

.licheng_main .container .lc_tit .hengxian {
    width: 90px;
    height: 4px;
    border-radius: 2px;
    background: #20bf63;
    margin-top: 35px
}

.licheng_main .container .cont {
    margin-top: 50px;
    background: url(../images/shuxian.jpg) repeat-y center
}

.licheng_main .container .cont ul li {
    margin-bottom: 100px
}

.licheng_main .container .cont ul li:last-child:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 100%;
    top: 10px;
    left: 50%;
    margin-left: -10px;
    background: #fff
}

.licheng_main .container .cont ul li:nth-child(2n) .pic {
    float: left
}

.licheng_main .container .cont ul li:nth-child(2n) .cont1 {
    float: right
}

.licheng_main .container .cont ul li:nth-child(2n) .cont1 .date {
    text-align: left
}

.licheng_main .container .cont ul li:nth-child(2n) .cont1 .note {
    text-align: left
}

.licheng_main .container .cont ul li div.lvkuai {
    width: 15px;
    height: 10px;
    background: #20bf63;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -7px
}

.licheng_main .container .cont ul li .pic {
    width: 480px;
    float: right
}

.licheng_main .container .cont ul li .pic img {
    width: 100%
}

.licheng_main .container .cont ul li .cont1 {
    float: left;
    width: 480px
}

.licheng_main .container .cont ul li .cont1 .date {
    color: #20bf63;
    font-size: 40px;
    text-align: right
}

.licheng_main .container .cont ul li .cont1 .note {
    color: #333;
    font-size: 20px;
    line-height: 40px;
    text-align: right
}

.contact_top {
    position: relative;
    margin-top: 105px;
    margin-bottom: 115px
}

.contact_top .owl-carousel {
    width: 690px;
    margin-left: auto;
    margin-right: auto
}

.contact_top:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    position: absolute;
    left: 0;
    top: 50px
}

.contact_top .item {
    position: relative;
    color: #20bf63;
    font-size: 18px;
    cursor: pointer;
    margin-top: 10px
}

.contact_top .item.on .pic:before {
    opacity: 1
}

.contact_top .item .pic {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: solid 2px #20bf63;
    text-align: center;
    line-height: 70px;
    background: #fff;
    position: relative;
    margin-bottom: 10px
}
.contact_top .item a{
 color:#20bf63;
}
.contact_top .item a:hover{
 color:#147d40
}



.contact_top .item .pic img {
    width: 45px;
    display: inline-block
}

.contact_top .item .pic:before {
    content: '';
    width: 94px;
    height: 94px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    border: solid 7px #20bf63;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.contact_qh .xxkqh1 .xxkqh_top {
    text-align: center
}

.contact_qh .xxkqh1 .xxkqh_top .item {
    display: inline-block;
    margin-left: 70px;
    margin-right: 70px
}

.contact_qh .xxkqh1 .xxkqh_top .item .pic {
    width: 75px;
    border-right: solid 1px #dedede;
    padding-top: 20px;
    padding-bottom: 20px
}

.contact_qh .xxkqh1 .xxkqh_top .item .cont {
    margin-left: 75px;
    padding-left: 30px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px
}

.contact_qh .xxkqh1 .xxkqh_top .item .cont .tit {
    color: #333;
    font-size: 16px
}

.contact_qh .xxkqh1 .xxkqh_top .item .cont .note {
    color: #666;
    font-size: 13px;
    padding-top: 5px
}

.contact_qh .xxkqh1 .map {
    margin-top: 80px;
    height: 530px
}

.fz_main {
    height: 960px
}

.fz_main .note {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    color: #0f0f0f;
    font-size: 36px;
    line-height: 62px;
    text-align: center;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.fz_main .note.on {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.fz_main1 {
    height: 960px;
    position: relative;
    overflow: hidden
}

.fz_main1.on .cont {
    -webkit-animation: jinru 1.5s ease-in-out;
    animation: jinru 1.5s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fz_main1 .cont {
    background: #fff;
    width: 380px;
    height: 380px;
    border-radius: 100%;
    padding-top: 85px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.fz_main1 .cont .tit {
    color: #20bf63;
    font-size: 80px;
    line-height: 80px
}

.fz_main1 .cont .tit1 {
    color: #20bf63;
    font-size: 36px;
    line-height: 36px;
    margin-top: 20px
}

.fz_main1 .cont .note {
    padding-top: 45px;
    color: #333;
    font-size: 16px;
    line-height: 30px
}

@-webkit-keyframes jinru {
    0% {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }

    50% {
        -webkit-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%)
    }

    68% {
        -webkit-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%)
    }

    86% {
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%)
    }

    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes jinru {
    0% {
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }

    50% {
        -webkit-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%)
    }

    68% {
        -webkit-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%)
    }

    86% {
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%)
    }

    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.sj_main .container {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 130px;
    padding-bottom: 100px
}

.sj_main .container div.sj_tit .tit {
    color: #4d4d4d;
    font-size: 30px;
    line-height: 30px
}

.sj_main .container div.sj_tit .hengxian {
    width: 90px;
    height: 4px;
    background: #20bf63;
    border-radius: 2px;
    margin-top: 42px
}

.sj_main .container div.sj_tit .note {
    padding-top: 40px;
    color: #666;
    font-size: 16px
}

.sj_main .container .sj_m {
    margin-top: 55px
}

.sj_main .container .sj_m .sj_top .xxk1 {
    height: 50px;
    background: #fff;
    padding: 0 20px;
    line-height: 50px;
    font-size: 16px;
    cursor: pointer
}

.sj_main .container .sj_m .sj_top .xxk1.on {
    background: #1e1e1e;
    color: #fff
}

.sj_main .container .sj_m .xxkqh1 {
    padding: 70px 280px 0 80px;
    height: 500px;
    background-size: cover !important
}

.sj_main .container .sj_m .xxkqh1 .tit {
    color: #fff;
    font-size: 24px
}

.sj_main .container .sj_m .xxkqh1 .note {
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    padding-top: 15px
}

.sj_main .container .sj_m .xxkqh1 .cont {
    margin-top: 40px;
    margin-right: -50px
}

.sj_main .container .sj_m .xxkqh1 .cont span {
    border: solid 1px #74776a;
    height: 36px;
    line-height: 34px;
    display: inline-block;
    margin-right: 15px;
    padding: 0 20px;
    border-radius: 18px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.sj_main .container .sj_m .xxkqh1 .cont span:hover {
    background: #fff;
    border-color: #fff;
    color: #333
}

.ejnav {
    height: 60px;
    line-height: 60px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1)
}

.ejnav ul li {
    width: 25%
}

.ejnav ul li a {
    color: #666;
    font-size: 16px;
    position: relative;
    text-align: center;
    display: block;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.ejnav ul li a:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 60px;
    top: 0;
    left: 0;
    background: #20bf63;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.ejnav ul li a.on {
    background: #ebf8f1;
    color: #20bf63
}

.ejnav ul li a.on:before {
    opacity: 1
}

.ejnav ul li a:hover {
    background: #ebf8f1;
    color: #20bf63
}

.ejnav1 ul {
    padding-left: 110px;
    padding-top: 20px
}

.ejnav1 ul li {
    margin-right: 40px
}
.ejnav1 ul span {
        float: left;
    line-height: 44px;
	margin-right: 20px;
}

.ejnav1 ul li a {
    color: #999;
    font-size: 14px;
    line-height: 44px;
    display: block
}

.ejnav1 ul li a.on {
    border-bottom: solid 2px #20bf63;
    color: #20bf63
}

.product_main {
    padding-top: 5px;
    padding-bottom: 40px
}

.product_main ul {
    margin-left: -45px;
    margin-right: -45px
}

.product_main ul li {
    padding-left: 45px;
    padding-right: 45px;
    margin-bottom: 60px
}

.product_main ul li:hover .pic .pic1 span.hsbtm1 {
    opacity: 1
}

.product_main ul li:hover .cont .cont2 {
    opacity: 1
}

.product_main ul li .pic {
    padding-bottom: 49px;
    background: url(../images/yinying.png) no-repeat center bottom
}

.product_main ul li .pic .pic1 {
    background: #f0eff0;
    padding: 10px;
    border-radius: 5px
}

.product_main ul li .pic .pic1 span.hsbtm1 {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
   padding-top: 50%;
    opacity: 0
}

.product_main ul li .pic .pic1 span.hsbtm1 .tit {
    color: #fff;
    font-size: 24px;
    display: block
}

.product_main ul li .pic .pic1 span.hsbtm1 .note {
    color: #fff;
    font-size: 16px;
    padding-top: 15px;
    display: block
}

.product_main ul li .cont {
    margin-top: -20px
}

.product_main ul li .cont .cont1 {
    text-align: center
}

.product_main ul li .cont .cont1 .tit a {
    color: #333;
    font-size: 18px
}

.product_main ul li .cont .cont1 .note {
    color: #a0a0a0;
    font-size: 13px;
    padding-top: 5px
}

.product_main ul li .cont .cont2 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding-left: 10px;
    padding-right: 10px
}

.product_main ul li .cont .cont2 .btn1 {
    width: 240px;
    height: 40px;
    background: #fff;
    border: solid 1px #dcdcdc;
    border-radius: 4px;
    text-align: center;
    line-height: 38px;
    color: #999;
    font-size: 13px
}

.product_main ul li .cont .cont2 .btn1:hover {
    background: #1e1e1e;
    color: #fff;
    border-color: #1e1e1e
}

.product_main ul li .cont .cont2 .btn1:hover img {
    opacity: 0 !important
}

.product_main ul li .cont .cont2 .btn1:hover img.imggb {
    opacity: 1 !important
}

.product_main ul li .cont .cont2 .btn1 .picc {
    width: 18px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    margin-right: 10px
}

.product_main ul li .cont .cont2 .btn1 .picc img {
    opacity: 0
}

.product_main ul li .cont .cont2 .btn1 .picc img.imgga {
    opacity: 1
}

.pro_details {
    padding-top: 60px;
    padding-bottom: 80px
}

.pro_details .item_left {
    margin-right: 420px
}

.pro_details .item_left img {
    max-width: 100%;
	height: 100% !important;
}

.pro_details .item_left .item1 {
    margin-bottom: 60px
}

.pro_details .item_left .item.on .tit:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pro_details .item_left .item .tit {
    height: 74px;
    border-top: solid 1px #eee;
    position: relative;
    line-height: 74px;
    color: #333;
    font-size: 24px;
    padding-left: 20px;
    cursor: pointer
}

.pro_details .item_left .item .tit:before {
    content: '';
    width: 9px;
    height: 5px;
    background: url(../images/shangjian.png) no-repeat center center;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px
}

.pro_details .item_left .item .cont {
    padding: 10px 20px;
    color: #333;
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 30px
}

.pro_details .item_right {
    width: 350px
}

.pro_details .item_right .tit {
    color: #333;
    font-size: 28px
}

.pro_details .item_right .price {
    color: #333;
    font-size: 24px;
    padding-bottom: 25px;
    margin-top: 8px;
    border-bottom: solid 1px #d2d2d2
}

.pro_details .item_right .item {
    padding-top: 10px
}

.pro_details .item_right .item .tit1 {
    color: #999;
    font-size: 12px
}

.pro_details .item_right .item .item1 {
    border: solid 1px #e1e1e1;
    height: 44px;
    line-height: 24px;
    padding: 10px 20px;
    margin-top: 10px
}

.pro_details .item_right .item .item1 .name {
    width: 60px;
    color: #333;
    font-size: 12px
}

.pro_details .item_right .item .item1 .cont1 {
    color: #999;
    font-size: 12px;
    margin-left: 60px
}

.pro_details .item_right .item .item1 .cont1 .item2 {
    width: 36px;
    height: 24px;
    background: #20bf63;
    text-align: center;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.pro_details .item_right .item .item1 .cont1 .item2:nth-child(2) {
    background: #f0a751
}

.pro_details .item_right .item .item1 .cont1 .item2:nth-child(3) {
    background: #f05151
}

.pro_details .item_right .item .item1 .cont1 .item2 img {
    display: none
}

.pro_details .item_right .item .item1 .cont1 .item2.on img {
    display: inline-block
}

.pro_details .item_right .itemm {
    margin-top: 10px
}

.pro_details .item_right .itemm .tit1 {
    color: #333;
    font-size: 12px
}

.pro_details .item_right .itemm .note {
    color: #999;
    font-size: 12px;
    padding-top: 5px
}

.pro_details .item_right .itemm .btn1 {
    padding-top: 25px
}

.pro_details .item_right .itemm .btn1 a {
    width: 350px;
    height: 46px;
    background: #1e1e1e;
    text-align: center;
    line-height: 46px;
    color: #fff;
    font-size: 12px
}

.pro_details .item_right .itemm .btn2 {
    height: 48px;
    line-height: 48px;
    border-bottom: solid 1px #e1e1e1;
    text-align: center
}

.pro_details .item_right .itemm .btn2 a {
    color: #333;
    font-size: 12px
}

.pro_details .item_right .itemm .btn2 a img {
    margin-right: 5px
}

.pro_details .item_right .itemm .btn2 span {
    margin-left: 15px;
    color: #eee;
    margin-right: 10px
}

.pro_details .item_right .share {
    height: 46px;
    line-height: 46px;
    border-bottom: solid 1px #e1e1e1;
    padding-left: 20px;
    color: #333;
    font-size: 12px
}

.pro_details .item_right .share .bdsharebuttonbox {
    margin-left: 35px
}

.pro_details .item_right .share .bdsharebuttonbox a {
    margin-right: 20px
}

.pro_details .item_right .item_bot {
    height: 46px;
    line-height: 46px;
    border-bottom: solid 1px #e1e1e1;
    padding-left: 20px;
    color: #333;
    font-size: 12px;
    background: url(../images/youjiann.png) no-repeat 95% center
}

.news_main {
    padding-top: 35px
}

.news_main .item_right {
    width: 250px
}

.news_main .item_right .ej_navv ul li a {
    color: #999;
    font-size: 20px;
    line-height: 70px;
    border-bottom: solid 1px #f0f0f0;
    display: block;
    padding-left: 48px;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.news_main .item_right .ej_navv ul li a.on,
.news_main .item_right .ej_navv ul li a:hover {
    color: #20bf63
}

.news_main .item_right .ej_navv ul li a.on:before,
.news_main .item_right .ej_navv ul li a:hover:before {
    background: #20bf63
}

.news_main .item_right .ej_navv ul li a:before {
    content: '';
    width: 5px;
    height: 20px;
    background: #b4b4b4;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -10px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.news_main .item_right .item_m {
    padding-top: 75px
}

.news_main .item_right .item_m .tit {
    color: #666;
    font-size: 20px;
    border-bottom: solid 1px #f0f0f0;
    padding-bottom: 15px
}

.news_main .item_right .item_m .cont ul {
    margin-top: -10px
}

.news_main .item_right .item_m .cont ul li {
    padding-top: 40px
}

.news_main .item_right .item_m .cont ul li:hover .tit1 a {
    color: #20bf63
}

.news_main .item_right .item_m .cont ul li:hover .date {
    color: #20bf63
}

.news_main .item_right .item_m .cont ul li .tit1 {
    line-height: 20px
}

.news_main .item_right .item_m .cont ul li .tit1 a {
    color: #999;
    font-size: 14px
}

.news_main .item_right .item_m .cont ul li .date {
    color: #999;
    font-size: 12px;
    padding-top: 10px
}

.news_main .item_left {
    margin-top: 30px;
    margin-right: 280px;
    padding-bottom: 65px
}

.news_main .item_left .news_top {
    padding-right: 60px;
    border-right: solid 1px #f0f0f0
}

.news_main .item_left ul {
    margin-bottom: 60px;
    border-bottom: solid 1px #f0f0f0
}

.news_main .item_left ul li {
    width: 370px;
    float: left;
    margin-right: 50px;
    margin-bottom: 55px
}

.news_main .item_left ul li:nth-child(2n) {
    margin-right: 0
}

.news_main .item_left ul li:hover .tit a {
    color: #20bf63
}

.news_main .item_left ul li .pic {
    border-radius: 5px
}

.news_main .item_left ul li .tit {
    padding-top: 22px
}

.news_main .item_left ul li .tit a {
    color: #333;
    font-size: 18px
}

.news_main .item_left ul li .date {
    margin-top: 5px;
    margin-bottom: 20px;
    color: #999;
    font-size: 12px
}

.news_main .item_left ul li .note {
    color: #666;
    font-size: 14px;
    line-height: 28px;
    height: 112px;
    overflow: hidden
}

.news_details .news_top {
    border-right: solid 1px #f0f0f0;
    padding-right: 60px
}

.news_details .news_tit {
    color: #333;
    font-size: 30px;
    line-height: 48px
}

.news_details .news_date {
    color: #999;
    font-size: 14px;
    padding-top: 25px;
    padding-bottom: 25px
}

.news_details .hengxian {
    width: 60px;
    height: 4px;
    background: #20bf63;
    border-radius: 2px
}

.news_details .news_note {
    color: #666;
    font-size: 14px;
    line-height: 26px;
    background: #f8f8f8;
    padding: 25px 30px;
    margin-top: 30px;
    border-radius: 5px
}

.news_details .news_cont {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    color: #333;
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 60px;
    border-bottom: solid 1px #f0f0f0
}

.news_details .news_cont img {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%
}

.news_details .news_bot {
    padding-top: 45px;
    padding-right: 60px
}

.news_details .news_bot .share1 {
    float: right;
    margin-top: 15px
}

.fanye {
    line-height: 29px;
    margin-right: 200px;
    overflow: hidden
}

.fanye a {
    color: #666;
    font-size: 14px;
    display: block
}

.fanye a:hover {
    color: #20bf63;
    text-decoration: underline
}

.news_center {
    border-right: solid 1px #f0f0f0;
    padding-right: 70px
}

.news_center .news_ctop {
    position: relative;
    margin-bottom: 30px
}

.news_center .news_ctop .prev {
    position: absolute;
    width: 55px;
    height: 36px;
    background: url(../images/zuojiann1.png) no-repeat center center #505050;
    border-radius: 4px;
    cursor: pointer;
    bottom: 145px;
    right: 66px;
    opacity: .8;
    z-index: 2
}

.news_center .news_ctop .prev:hover {
    opacity: 1
}

.news_center .news_ctop .next {
    position: absolute;
    width: 55px;
    height: 36px;
    background: url(../images/youjiann1.png) no-repeat center center #505050;
    border-radius: 4px;
    cursor: pointer;
    bottom: 145px;
    right: 0;
    opacity: .8;
    z-index: 2
}

.news_center .news_ctop .next:hover {
    opacity: 1
}

.news_center .news_ctop .item .pic {
    width: 100%;
    margin-bottom: 45px;
    border-radius: 10px
}

.news_center .news_ctop .item .pic img {
    width: 100%
}

.news_center .news_ctop .item div.nc_tit {
    line-height: 44px;
    padding-right: 340px;
    height: 88px;
    overflow: hidden
}

.news_center .news_ctop .item div.nc_tit a {
    color: #333;
    font-size: 24px
}

.news_center .news_ctop .item .hengxian {
    margin-top: 25px;
    width: 50px;
    height: 6px;
    background: #20bf63;
    border-radius: 3px
}

.news_center .news_ctop .item .nc_note {
    margin-top: 25px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    height: 60px;
    overflow: hidden
}

.news_center .news_item {
    margin-top: 55px
}

.news_center .news_item .news_tit .shuxian {
    width: 5px;
    height: 25px;
    background: #20bf63
}

.news_center .news_item .news_tit .tit {
    color: #20bf63;
    font-size: 24px;
    margin-left: 20px;
    line-height: 24px;
    padding-top: 1px
}

.news_center .news_item .news_tit .more a {
    color: #999;
    font-size: 14px
}

.news_center .news_item .news_tit .more a span {
    margin-left: 5px
}

.news_center .news_item .cont1 {
    padding-top: 35px
}

.news_center .news_item .cont1 .row {
    margin-left: -8px;
    margin-right: -8px
}

.news_center .news_item .cont1 .row .col-xs-6 {
    padding-left: 8px;
    padding-right: 8px
}

.news_center .news_item .cont1 .item .pic img.db {
    width: 100%
}

.news_center .news_item .cont1 .item .pic img.abs {
    right: 15px;
    bottom: 15px
}

.news_center .news_item .cont1 .item .tit {
    padding-top: 12px
}

.news_center .news_item .cont1 .item .tit a {
    color: #333;
    font-size: 14px;
    display: block;
    height: auto;
    line-height: 24px;
    overflow: hidden
}

.news_center .news_item .cont1 .item .tit a:hover {
    color: #20bf63
}

.news_center .news_item .cont {
    padding-top: 35px
}

.news_center .news_item .cont .row {
    margin-left: -25px;
    margin-right: -25px
}

.news_center .news_item .cont .row .col-xs-12 {
    padding-left: 25px;
    padding-right: 25px
}

.news_center .news_item .cont .item .pic img {
    width: 100%
}

.news_center .news_item .cont .item .tit {
    padding-top: 22px
}

.news_center .news_item .cont .item .tit a {
    color: #333;
    font-size: 18px;
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.news_center .news_item .cont .item .tit a:hover {
    color: #20bf63
}

.news_center .news_item .cont .item .date {
    color: #999;
    font-size: 12px;
    padding-top: 5px
}

.news_center .news_item .cont .item .note {
    padding-top: 20px;
    color: #666;
    font-size: 14px;
    line-height: 28px
}

.about_main {
    background: url(../images/bigbg2.jpg) no-repeat center center;
    padding-top: 90px;
    padding-bottom: 100px
}

.about_main .tit {
    color: #20bf63;
    font-size: 24px;
    font-weight: 700
}

.about_main .note {
    color: #666;
    font-size: 16px;
    line-height: 28px;
    padding-top: 35px
}

.about_main .tit1 {
    padding-top: 200px;
    color: #333;
    font-size: 30px;
    line-height: 30px
}

.about_main .cont {
    padding-top: 30px
}

.about_main .cont .tit2 {
    color: #666;
    font-size: 16px;
    padding-top: 15px
}

.about_main .cont .cont1 {
    margin-left: 320px
}

.about_main .cont .cont1 .pic {
    width: 48px;
    padding-top: 10px
}

.about_main .cont .cont1 .pic img {
    width: 100%
}

.about_main .cont .cont1 .cont2 {
    margin-left: 70px;
    color: #666;
    font-size: 22px;
    line-height: 32px
}

.about_main1 {
    background: url(../images/about_bg1.jpg) no-repeat center center;
    background-size: cover !important
}

.about_main1 .container {
    background: url(../images/about_bg2.png) no-repeat center center;
    background-size: 100% !important;
    padding-top: 85px;
    padding-bottom: 85px;
    text-align: center
}

.about_main1 .container .item {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    width: 23%
}

.about_main2 {
    padding-bottom: 50px
}

.about_main2 .item {
    background-size: cover !important;
    padding-top: 25px;
    margin-top: 10px
}

.about_main2 .item:nth-child(2n) .pic {
    float: left
}

.about_main2 .item:nth-child(2n) .cont {
    float: right
}

.about_main2 .item .pic {
    width: 50%;
    float: right
}

.about_main2 .item .pic img {
    max-width: 100%
}

.about_main2 .item .cont {
    width: 420px;
    float: left;
    padding-top: 96px
}

.about_main2 .item .cont .name {
    color: #333;
    font-size: 30px;
    line-height: 56px
}

.about_main2 .item .cont .name span {
    margin-left: 20px
}

.about_main2 .item .cont .zhiwei {
    color: #333;
    font-size: 30px;
    line-height: 56px
}

.about_main2 .item .cont .note {
    color: #333;
    font-size: 16px;
    padding-top: 45px;
    line-height: 32px
}

.mobileshow {
    display: none !important
}

.xcp_main {
    padding-top: 75px;
    padding-bottom: 75px;
    background: #f8f8f8
}

.xcp_main .poster-main {
    position: relative;
    width: 900px;
    height: 430px
}

.xcp_main .poster-main a,
.xcp_main .poster-main img {
    display: block
}

.xcp_main .poster-main .poster-list {
    width: 900px;
    height: 270px
}

.xcp_main .poster-main .poster-list .poster-item {
    position: absolute;
    left: 0;
    top: 0
}

.xcp_main .poster-main .poster-btn {
    position: absolute;
    height: 60px;
    width: 60px;
    border-radius: 5px;
    top: 50%;
    margin-top: -30px;
    z-index: 10
}

.xcp_main .poster-main .poster-prev-btn {
    left: -80px;
    background: url(../images/zuojiann2.png) no-repeat center center rgba(0, 0, 0, .2);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    cursor: pointer
}

.xcp_main .poster-main .poster-prev-btn:hover {
    background: url(../images/zuojiann2.png) no-repeat center center rgba(0, 0, 0, .5)
}

.xcp_main .poster-main .poster-next-btn {
    right: -80px;
    background: url(../images/youjiann2.png) no-repeat center center rgba(0, 0, 0, .2);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    cursor: pointer
}

.xcp_main .poster-main .poster-next-btn:hover {
    background: url(../images/youjiann2.png) no-repeat center center rgba(0, 0, 0, .5)
}

.xcp_main .poster-item a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden
}

.xcp_main .poster-item a>img {
    width: 100%;
    height: 100%
}

.xcp_main .poster-item a .hsbtm2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 5
}

.xcp_main .poster-item a .yinying {
    background: url(../images/yinying2.png) repeat-x;
    height: 85px;
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.xcp_main .poster-item a .item_bot {
    padding: 0 30px;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 35px;
    line-height: 35px;
    z-index: 4
}

.xcp_main .poster-item a .item_bot .tit {
    color: #fff;
    font-size: 16px
}

.xcp_main .prev {
    width: 20px;
    height: 40px;
    background-size: 10px !important;
    z-index: 3;
    top: 50%;
    margin-top: -20px;
    left: 15px;
    background: url(../images/zuojiann2.png) no-repeat center center rgba(0, 0, 0, .2);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    cursor: pointer
}

.xcp_main .prev:hover {
    background: url(../images/zuojiann2.png) no-repeat center center rgba(0, 0, 0, .5)
}

.xcp_main .next {
    width: 20px;
    height: 40px;
    background-size: 10px !important;
    z-index: 3;
    top: 50%;
    margin-top: -20px;
    right: 15px;
    background: url(../images/youjiann2.png) no-repeat center center rgba(0, 0, 0, .2);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    cursor: pointer
}

.xcp_main .next:hover {
    background: url(../images/youjiann2.png) no-repeat center center rgba(0, 0, 0, .5)
}

.xcp_main #owl-demo6 {
    padding-left: 30px;
    padding-right: 30px
}

.xcp_main .item a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden
}

.xcp_main .item a>img {
    width: 100%;
    height: 100%
}

.xcp_main .item a .yinying {
    background: url(../images/yinying2.png) repeat-x;
    height: 85px;
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.xcp_main .item a .item_bot {
    padding: 0 20px;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    z-index: 4
}

.xcp_main .item a .item_bot .tit {
    color: #fff;
    font-size: 14px
}

.xcp_main .item a .item_bot .fr img {
    width: 30px
}

.xcp_list {
    padding-top: 25px;
    padding-bottom: 80px
}

.xcp_list ul {
    padding-bottom: 60px
}

.xcp_list ul li {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #f0f0f0
}

.xcp_list ul li .pic {
    width: 200px;
    height: 112px
}

.xcp_list ul li .pic img {
    width: 200px;
    height: 112px
}

.xcp_list ul li .pic .btn1 {
    width: 35px;
    height: 35px;
    background: url(../images/play_btn3.png) no-repeat center center;
    right: 15px;
    bottom: 15px
}

.xcp_list ul li .cont {
    margin-left: 230px
}

.xcp_list ul li .cont .tit {
    padding-top: 10px;
    padding-bottom: 10px
}

.xcp_list ul li .cont .tit a {
    color: #333;
    font-size: 18px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.xcp_list ul li .cont .tit a:hover {
    color: #20bf63
}

.xcp_list ul li .cont .note {
    color: #666;
    font-size: 14px;
    line-height: 26px
}

.hornor_main {
    padding-top: 120px;
    padding-bottom: 120px
}

.hornor_main .tit {
    color: #4d4d4d;
    font-size: 30px;
    line-height: 30px;
    text-align: center
}

.hornor_main .hengxian {
    width: 90px;
    height: 4px;
    border-radius: 2px;
    background: #20bf63;
    margin-top: 40px;
    margin-bottom: 40px
}

.hornor_main .note {
    color: #666;
    font-size: 16px;
    text-align: center
}

.hornor_main .pic {
    margin-top: 90px
}

.hornor_main .pic .pic_m {
    height: 310px;
    position: relative;
    width: 880px;
    margin-left: auto;
    margin-right: auto
}

.hornor_main .pic .pic_m .pic_mqiu {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 205px;
    height: 205px;
    margin-top: -103px;
    margin-left: -103px;
    -webkit-animation: zhuandong 30s infinite linear;
    animation: zhuandong 30s infinite linear
}

.hornor_main .pic .pic_m .dqwk {
    top: 50%;
    left: 50%;
    width: 364px;
    height: 260px;
    margin-top: -130px;
    margin-left: -182px
}

.hornor_main .pic .pic_m .pic_note {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hornor_main .pic .pic_m .pic_note .item {
    position: absolute;
    text-align: left
}

.hornor_main .pic .pic_m .pic_note .item .tit1 {
    color: #20bf63;
    font-size: 20px;
    font-weight: 700
}

.hornor_main .pic .pic_m .pic_note .item .note1 {
    color: #666;
    font-size: 16px
}

.hornor_main .pic .pic_m .pic_note .item:nth-child(1) {
    top: 0;
    left: 0
}

.hornor_main .pic .pic_m .pic_note .item:nth-child(2) {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hornor_main .pic .pic_m .pic_note .item:nth-child(3) {
    bottom: 0;
    left: 0
}

.hornor_main .pic .pic_m .pic_note .item:nth-child(4) {
    top: 0;
    right: 0;
    text-align: right
}

.hornor_main .pic .pic_m .pic_note .item:nth-child(5) {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right
}

.hornor_main .pic .pic_m .pic_note .item:nth-child(6) {
    bottom: 0;
    right: 0;
    text-align: right
}

.hornor_main .pic img {
    max-width: 100%
}

.hornor_main .item_bot {
    padding-top: 130px
}

.hornor_main .item_bot .item {
    width: 45%;
    text-align: center
}

.hornor_main .item_bot .item .tit1 {
    color: #a8a8a8;
    font-size: 40px
}

.hornor_main .item_bot .item .note1 {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    padding-top: 15px
}

.lytiao {
    padding: 30px 0;
    background: #434343
}

.lytiao .container .tit {
    color: #fff;
    font-size: 24px;
    line-height: 40px
}

.lytiao .container .cont {
    margin-left: 290px
}

.lytiao .container .cont .item1 .btn1 {
    background: url(../images/tjbtn.jpg) no-repeat center center;
    width: 100px;
    height: 40px;
    border: 0;
    border-radius: 5px
}

.lytiao .container .cont .item {
    width: 126px;
    margin-right: 20px
}

.lytiao .container .cont .item:nth-child(2) {
    width: 180px
}

.lytiao .container .cont .item:nth-child(3) {
    width: 180px
}

.lytiao .container .cont .item .inp1 {
    width: 100%;
    height: 40px;
    border: solid 1px #fff;
    border-radius: 5px;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    background: 0 0
}

.lytiao .container .cont .item input::-webkit-input-placeholder,
.lytiao .container .cont .item textarea::-webkit-input-placeholder {
    color: #fff
}

.lytiao .container .cont .item input:-moz-placeholder,
.lytiao .container .cont .item textarea:-moz-placeholder {
    color: #fff
}

.lytiao .container .cont .item input::-moz-placeholder,
.lytiao .container .cont .item textarea::-moz-placeholder {
    color: #fff
}

.lytiao .container .cont .item input:-ms-input-placeholder,
.lytiao .container .cont .item textarea:-ms-input-placeholder {
    color: #fff
}

.hornor_main1 {
    padding-top: 125px;
    padding-bottom: 125px;
    background: url(../images/ryzlbg.jpg) no-repeat center center;
    background-size: cover !important
}

.hornor_main1 .hornor_m1 {
    width: 1040px
}

.hornor_main1 .tit {
    color: #4d4d4d;
    font-size: 30px;
    line-height: 30px
}

.hornor_main1 .hengxian {
    width: 90px;
    height: 4px;
    border-radius: 2px;
    background: #20bf63;
    margin-top: 40px;
    margin-bottom: 40px
}

.hornor_main1 .note {
    color: #666;
    font-size: 16px
}

.hornor_main1 .cont {
    padding-top: 70px
}

.hornor_main1 .cont .item_left {
    float: left
}

.hornor_main1 .cont .item_left .item {
    margin-top: 20px
}

.hornor_main1 .cont .item_left .item:nth-child(1) {
    margin-top: 0
}

.hornor_main1 .cont .item_left .item.on a {
    background: #20bf63;
    color: #fff
}

.hornor_main1 .cont .item_left .item a {
    padding-left: 30px;
    width: 260px;
    height: 56px;
    line-height: 56px;
    background: #e1eae6;
    cursor: pointer;
    display: block;
    border-radius: 5px;
    color: #666;
    font-size: 16px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.hornor_main1 .cont .item_right {
    margin-left: 360px
}

.hornor_main1 .cont .item_right .tit1 {
    color: #20bf63;
    font-size: 16px;
    font-weight: 700
}

.hornor_main1 .cont .item_right .hengxian1 {
    width: 128px;
    height: 3px;
    background: #20bf63;
    margin-top: 25px
}

.hornor_main1 .cont .item_right .cont1 {
    padding-top: 40px;
    line-height: 34px;
    color: #333;
    font-size: 14px
}

.hornor_main1 .cont .item_right .cont1 img {
    margin-top: 35px;
    margin-bottom: 35px;
    max-width: 100%
}

.zuzhi_main {
    background: url(../images/zuzhibg.jpg) no-repeat center center;
    background-size: cover !important;
    padding-top: 120px;
    padding-bottom: 160px
}

.zuzhi_main .tit {
    color: #4d4d4d;
    font-size: 30px;
    line-height: 30px
}

.zuzhi_main .hengxian {
    width: 90px;
    height: 4px;
    border-radius: 2px;
    background: #20bf63;
    margin-top: 40px;
    margin-bottom: 40px
}

.zuzhi_main .cont {
    padding-top: 35px
}

.zuzhi_main .cont .item_right {
    width: 500px;
    height: 500px;
    background: url(../images/yuanquanbg.png) no-repeat center center;
    position: relative
}

.zuzhi_main .cont .item_right .item {
    width: 12px;
    height: 12px;
    background: #20bf63;
    border-radius: 100%
}

.zuzhi_main .cont .item_right .item:nth-child(1) {
    left: 28px;
    top: 118px
}

.zuzhi_main .cont .item_right .item:nth-child(2) {
    left: 110px;
    top: 32px
}

.zuzhi_main .cont .item_right .item:nth-child(3) {
    left: 240px;
    top: -6px
}

.zuzhi_main .cont .item_right .item:nth-child(4) {
    right: 112px;
    top: 32px
}

.zuzhi_main .cont .item_right .item:nth-child(5) {
    right: 22px;
    top: 131px
}

.zuzhi_main .cont .item_right .item:nth-child(6) {
    right: 16px;
    top: 345px
}

.zuzhi_main .cont .item_right .item:nth-child(7) {
    right: 80px;
    bottom: 55px
}

.zuzhi_main .cont .item_right .item:nth-child(8) {
    right: 175px;
    bottom: 5px
}

.zuzhi_main .cont .item_right .item:nth-child(9) {
    left: 67px;
    bottom: 66px
}

.zuzhi_main .cont .item_right .item:nth-child(10) {
    left: 5px;
    bottom: 169px
}

.zuzhi_main .cont .item_right .item.on:before {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}

.zuzhi_main .cont .item_right .item.on.item1 span {
    color: #e57937
}

.zuzhi_main .cont .item_right .item.on.item2 span {
    color: #639cfc
}

.zuzhi_main .cont .item_right .item.on.item3 span {
    color: #20bf63
}

.zuzhi_main .cont .item_right .item span {
    position: absolute;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 18px;
    top: -35px;
    left: 50%;
    margin-left: -50px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    text-align: center
}

.zuzhi_main .cont .item_right .item:before {
    content: '';
    width: 20px;
    height: 20px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #20bf63;
    opacity: .3;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
    border-radius: 100%
}

.zuzhi_main .cont .item_right .item.item1 {
    background: #e57937
}

.zuzhi_main .cont .item_right .item.item1:before {
    background: #e57937
}

.zuzhi_main .cont .item_right .item.item2 {
    background: #639cfc
}

.zuzhi_main .cont .item_right .item.item2:before {
    background: #639cfc
}

.zuzhi_main .cont .item_right .item.item3 {
    background: #20bf63
}

.zuzhi_main .cont .item_right .item.item3:before {
    background: #20bf63
}

.zuzhi_main .cont .item_left {
    width: 300px;
    padding-top: 65px
}

.zuzhi_main .cont .item_left .item_btn {
    width: 200px;
    height: 50px;
    line-height: 50px;
    background: #20bf63;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    font-size: 16px
}

.zuzhi_main .cont .item_left .item_btn img {
    margin-right: 5px
}

.zuzhi_main .cont .item_left .cont1 {
    padding-top: 65px
}

.zuzhi_main .cont .item_left .cont1 .titt {
    color: #333;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700
}

.zuzhi_main .cont .item_left .cont1 .note {
    padding-top: 15px;
    color: #666;
    font-size: 14px;
    line-height: 32px
}

.ejbanner2 {
    height: 650px;
    background-size: cover !important;
    padding-top: 180px;
    text-align: center
}

.ejbanner2 .tit {
    color: #fff;
    font-size: 28px
}

.ejbanner2 .note {
    color: #d0ddf8;
    font-size: 16px;
    padding-top: 25px
}

.ejbanner2 .cont {
    padding-top: 45px
}

.ejbanner2 .cont .item {
    width: 210px;
    height: 120px;
    background: url(../images/bgtp8.png) no-repeat center center;
    padding-top: 15px;
    margin-left: 20px;
    margin-right: 20px
}

.ejbanner2 .cont .item .tit1 {
    color: #fff;
    font-size: 24px
}

.ejbanner2 .cont .item .tit1 span {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    position: relative;
    top: 5px
}

.ejbanner2 .cont .item .note1 {
    color: #fff;
    font-size: 14px
}

.ejbanner2 .note2 {
    padding-top: 25px;
    color: #fff;
    font-size: 16px
}

.ejbanner2 .btn1 {
    padding-top: 5px
}

.ejbanner2 .btn1 a {
    width: 190px;
    height: 46px;
    background: #fff;
    border-radius: 23px;
    text-align: center;
    line-height: 46px;
    color: #3550e6;
    font-size: 14px;
    margin-top: 35px;
    opacity: .8;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.ejbanner2 .btn1 a:hover {
    opacity: 1
}

.zt_main {
    padding-top: 80px;
    padding-bottom: 80px
}

.zt_main .tit {
    color: #333;
    text-align: center;
    font-size: 28px
}

.zt_main .note {
    color: #666;
    font-size: 14px;
    line-height: 26px;
    padding-top: 55px;
    text-align: center
}

.zt_main .cont {
    padding-top: 100px
}

.zt_main .cont .item {
    width: 33%
}

.zt_main .cont .item .tit1 {
    color: #333;
    font-size: 16px;
    padding-top: 15px
}

.zt_main1 {
    padding-bottom: 60px
}

.zt_main1 .tit {
    padding-top: 100px;
    border-top: solid 1px #ebebeb;
    text-align: center;
    font-size: 28px;
    color: #333
}

.zt_main1 .cont {
    padding-top: 40px
}

.zt_main1 .cont .item {
    margin-top: 30px;
    border: solid 1px #ebebeb;
    padding: 30px;
    height: 330px
}

.zt_main1 .cont .item .item_tit {
    color: #333;
    font-size: 20px
}

.zt_main1 .cont .item .item_tit img {
    margin-right: 5px
}

.zt_main1 .cont .item .cont1 {
    color: #999;
    font-size: 13px;
    line-height: 24px;
    padding-top: 20px
}

.zt_main2 {
    padding-bottom: 55px
}

.zt_main2 .tit {
    border-top: solid 1px #ebebeb;
    padding-top: 80px;
    color: #333;
    font-size: 28px;
    text-align: center
}

.zt_main2 .cont {
    padding-top: 65px
}

.zt_main2 .cont .row {
    margin-left: -33px;
    margin-right: -33px
}

.zt_main2 .cont .row .col-xs-12 {
    padding-left: 33px;
    padding-right: 33px
}

.zt_main2 .cont .item .tit1 {
    color: #333;
    font-size: 20px;
    line-height: 20px
}

.zt_main2 .cont .item .hengxian {
    width: 30px;
    height: 2px;
    background: #2e94f5;
    margin-top: 30px;
    margin-bottom: 15px
}

.zt_main2 .cont .item .note {
    color: #999;
    font-size: 13px;
    line-height: 24px
}

.zt_main3 .tit {
    border-top: solid 1px #ebebeb;
    padding-top: 80px;
    color: #333;
    font-size: 28px;
    text-align: center
}

.zt_main3 .note {
    color: #2e94f5;
    font-size: 24px;
    padding-top: 25px;
    text-align: center;
    padding-bottom: 80px
}

.zt_main3 .cont {
    background: url(../images/baisejiantou.png) no-repeat center top #465080;
    padding-top: 80px;
    padding-bottom: 80px
}

.zt_main3 .cont .tit1 {
    color: #fff;
    font-size: 16px
}

.zt_main3 .cont .tit1 span {
    color: #84b1e9;
    font-size: 12px
}

.zt_main3 .cont .cont1 {
    padding-top: 25px
}

.zt_main3 .cont .cont1 .item_left {
    width: 50%;
    padding-right: 22px
}

.zt_main3 .cont .cont1 .item_left .item {
    margin-top: 24px;
    position: relative
}

.zt_main3 .cont .cont1 .item_left .item:nth-child(1) {
    margin-top: 0
}

.zt_main3 .cont .cont1 .item_left .item .name {
    color: #c4c7e7;
    font-size: 14px;
    line-height: 34px
}

.zt_main3 .cont .cont1 .item_left .item .cont2 {
    margin-left: 50px
}

.zt_main3 .cont .cont1 .item_left .item .cont2 .inp1 {
    width: 100%;
    height: 34px;
    border: solid 1px #787fa1;
    border-radius: 4px;
    background: 0 0;
    color: #fff;
    padding: 0 15px;
}

.zt_main3 .cont .cont1 .item_left .item .cont3 {
    margin-left: 50px;
    margin-right: 160px
}

.zt_main3 .cont .cont1 .item_left .item .cont3 .inp1 {
    width: 100%;
    height: 34px;
    border: solid 1px #787fa1;
    border-radius: 4px;
    background: 0 0;
    padding: 0 15px;
    color: #fff;
}

.zt_main3 .cont .cont1 .item_left .item .yzm {
    width: 150px;
    right: 0;
    top: 0;
    padding-top: 5px
}

.zt_main3 .cont .cont1 .item_left .item .yzm .pic {
    width: 75px;
    height: 25px
}

.zt_main3 .cont .cont1 .item_left .item .yzm .pic img {
    width: 100%
}

.zt_main3 .cont .cont1 .item_left .item .yzm .fr {
    color: #c4c7e7;
    font-size: 14px;
    padding-right: 20px;
    cursor: pointer
}

.zt_main3 .cont .cont1 .item_right {
    width: 50%;
    padding-left: 22px
}

.zt_main3 .cont .cont1 .item_right .item .name {
    width: 74px;
    color: #c4c7e7;
    font-size: 14px;
    line-height: 34px
}

.zt_main3 .cont .cont1 .item_right .item .cont2 .textarea1 {
    width: 100%;
    height: 166px;
    border: solid 1px #787fa1;
    border-radius: 4px;
    background: 0 0;
    color: #fff;
    padding: 5px 15px
}

.zt_main3 .cont .cont1 .item_right .item .cont2 input::-webkit-input-placeholder,
.zt_main3 .cont .cont1 .item_right .item .cont2 textarea::-webkit-input-placeholder {
    color: #6670a6
}

.zt_main3 .cont .cont1 .item_right .item .cont2 input:-moz-placeholder,
.zt_main3 .cont .cont1 .item_right .item .cont2 textarea:-moz-placeholder {
    color: #6670a6
}

.zt_main3 .cont .cont1 .item_right .item .cont2 input::-moz-placeholder,
.zt_main3 .cont .cont1 .item_right .item .cont2 textarea::-moz-placeholder {
    color: #6670a6
}

.zt_main3 .cont .cont1 .item_right .item .cont2 input:-ms-input-placeholder,
.zt_main3 .cont .cont1 .item_right .item .cont2 textarea:-ms-input-placeholder {
    color: #6670a6
}

.zt_main3 .cont .cont1 .item_right .item .cont2 .btn1 {
    margin-top: 40px
}

.zt_main3 .cont .cont1 .item_right .item .cont2 .btn1 .btn2 {
    width: 210px;
    height: 48px;
    border-radius: 24px;
    background: #3a9bfc;
    color: #fff;
    font-size: 16px;
    border: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: .8
}

.zt_main3 .cont .cont1 .item_right .item .cont2 .btn1 .btn2:hover {
    opacity: 1
}

.zh_main1 {
    padding-top: 60px
}

.zh_main1 .zh_top .item a>img {
    width: 100%
}

.zh_main1 .zh_top .item a:hover .lsbtm {
    opacity: 1
}

.zh_main1 .zh_top .item a:hover .cont {
    opacity: 1
}

.zh_main1 .zh_top .item a .lsbtm {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(58, 155, 252, .9);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.zh_main1 .zh_top .item a .cont {
    padding: 50px 60px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.zh_main1 .zh_top .item a .cont .en {
    color: #fff;
    font-size: 20px
}

.zh_main1 .zh_top .item a .cont .cn {
    color: #fff;
    font-size: 50px
}

.zh_main1 .zh_top .item a .cont .xiexian {
    margin-top: 22px;
    margin-bottom: 22px
}

.zh_main1 .zh_top .item a .cont .xiexian img {
    display: block
}

.zh_main1 .zh_top .item a .cont .en2 {
    color: #fff;
    font-size: 24px
}

.zh_main1 .zh_bot {
    padding-top: 45px;
    color: #333;
    font-size: 16px;
    line-height: 38px
}

.zh_main2 .tit {
    margin-top: 70px;
    padding-top: 75px;
    border-top: solid 1px #ebebeb;
    color: #333;
    font-size: 40px
}

.zh_main2 .tit1 {
    color: #c8c8c8;
    font-size: 18px;
    padding-top: 10px
}

.zh_main2 .pic {
    padding-top: 60px;
    padding-bottom: 70px
}

.zh_main2 .pic .item {
    width: 45%
}

.zh_main2 .pic .item img {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.zh_main2 .tit2 {
    color: #333;
    font-size: 20px;
    text-align: center
}

.zh_main2 .note {
    color: #666;
    font-size: 14px;
    line-height: 36px;
    padding-top: 40px;
    text-align: center
}

.zh_main2 .cont2 {
    padding-top: 80px;
    padding-bottom: 70px;
    border-bottom: solid 1px #eaeaea
}

.zh_main2 .cont2 .item:hover .titt a {
    color: #3a9bfc;
    font-size: 20px
}

.zh_main2 .cont2 .item:hover .pic1 {
    border: solid 1px #3a9bfc
}

.zh_main2 .cont2 .item .pic1 {
    width: 100%;
    height: 360px;
    background: #f5f5f5;
    border: solid 1px #f5f5f5;
    text-align: center;
    line-height: 360px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.zh_main2 .cont2 .item .pic1 img {
    vertical-align: middle;
    display: inline-block;
    max-width: 90%
}

.zh_main2 .cont2 .item .titt {
    padding-top: 35px
}

.zh_main2 .cont2 .item .titt a {
    color: #333;
    font-size: 20px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.zh_main2 .cont2 .item .cont3 {
    padding-top: 10px;
    color: #666;
    font-size: 14px;
    line-height: 30px
}

.zh_main2 .cont4 {
    padding-top: 60px;
    padding-bottom: 60px
}

.zh_main2 .cont4 .pic2 {
    width: 280px
}

.zh_main2 .cont4 .pic2 img {
    max-width: 100%
}

.zh_main2 .cont4 .cont5 {
    margin-left: 365px;
    padding-top: 80px
}

.zh_main2 .cont4 .cont5 .titt1 {
    color: #3a9bfc;
    font-size: 24px;
    line-height: 40px
}

.zh_main2 .cont4 .cont5 .titt1 img {
    margin-right: 20px
}

.zh_main2 .cont4 .cont5 .note2 {
    padding-top: 25px;
    padding-bottom: 40px;
    color: #333;
    font-size: 20px;
    line-height: 35px
}

.zh_main2 .cont4 .cont5 .note3 {
    color: #666;
    font-size: 14px;
    line-height: 35px
}

.word_blue {
    color: #3a9bfc !important
}

.zh_tit .cn {
    color: #333;
    font-size: 40px
}

.zh_tit .en {
    color: #c8c8c8;
    font-size: 18px
}

.zh_tit .note {
    color: #999;
    font-size: 16px;
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
    line-height: 28px
}

.zh_main3 {
    padding-bottom: 90px
}

.zh_main3 .zh_tit {
    padding-top: 90px;
    border-top: solid 1px #eaeaea
}

.zh_main3 .item {
    background: url(../images/zhbg1.jpg) no-repeat center center;
    height: 140px;
    margin-top: 55px
}

.zh_main3 .item .item1 {
    padding-top: 45px;
    width: 25%;
    float: left;
    padding-left: 50px
}

.zh_main3 .item .item1 span {
    width: 85px;
    height: 50px;
    background: url(../images/sanjiantou.png) no-repeat center center;
    right: -20px
}

.zh_main3 .item .item1:nth-child(4) {
    margin-top: -20px
}

.zh_main3 .item .item1 .tit {
    color: #fff;
    font-size: 24px;
    padding-bottom: 10px
}

.zh_main3 .item .item1 .hengxian {
    width: 15px;
    height: 2px;
    background: #fff
}

.zh_main3 .item2 {
    padding-top: 75px;
    color: #333;
    font-size: 16px;
    text-align: center
}

.zh_main3 .item2 a {
    color: #3a9bfc;
    font-size: 16px
}

.zh_main4 {
    padding-bottom: 90px
}

.zh_main4 .zh_tit {
    padding-top: 100px;
    border-top: solid 1px #eaeaea
}

.zh_main4 .cont {
    padding-top: 90px;
    margin-right: -70px
}

.zh_main4 .cont .item {
    width: 20%;
    padding-right: 70px
}

.zh_main4 .cont .item .pic {
    width: 110px;
    height: 110px;
    background: #3a9bfc;
    border-radius: 100%;
    text-align: center;
    line-height: 110px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px
}

.zh_main4 .cont .item .tit {
    color: #333;
    font-size: 20px
}

.zh_main4 .cont .item .hengxian {
    width: 15px;
    height: 2px;
    background: #3a9bfc;
    margin-top: 15px
}

.zh_main4 .cont .item .note {
    padding-top: 10px;
    color: #666;
    font-size: 14px;
    line-height: 26px
}

.zh_main5 {
    padding-bottom: 90px
}

.zh_main5 .zh_tit {
    padding-top: 100px;
    border-top: solid 1px #eaeaea
}

.zh_main5 .cont {
    margin-top: 45px
}

.zh_main5 .cont img {
    width: 100%
}

.zh_main6 {
    padding-bottom: 100px
}

.zh_main6 .cont {
    margin-top: 55px
}

.zh_main6 .cont .prev {
    width: 18px;
    height: 35px;
    background: url(../images/zuojiann3.png) no-repeat center center;
    left: -50px;
    top: 50%;
    margin-top: -17px;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.zh_main6 .cont .prev:hover {
    opacity: 1
}

.zh_main6 .cont .next {
    width: 18px;
    height: 35px;
    background: url(../images/youjiann3.png) no-repeat center center;
    right: -50px;
    top: 50%;
    margin-top: -17px;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.zh_main6 .cont .next:hover {
    opacity: 1
}

.zh_main6 .cont .item img {
    width: 100%
}

.zh_main6 .cont .item span {
    width: 100%;
    height: 46px;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 46px;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.rc_lyb {
    padding-top: 110px;
    padding-bottom: 110px
}

.rc_lyb .tit {
    color: #4d4d4d;
    font-size: 30px;
    text-align: center
}

.rc_lyb .hengxian {
    margin-top: 45px;
    width: 60px;
    height: 4px;
    background: #20bf63;
    border-radius: 2px;
    margin-left: auto;
    margin-right: auto
}

.rc_lyb .cont {
    margin-top: 70px
}

.rc_lyb .cont .inp1 {
    width: 100%;
    height: 46px;
    border: solid 1px #969696;
    border-radius: 3px;
    padding: 0 22px
}

.rc_lyb .cont .select1 {
    width: 100%;
    height: 46px;
    border: solid 1px #969696;
    border-radius: 3px;
    padding: 0 22px\9;
    text-indent: 15px;
    background-color: #fff
}

.rc_lyb .cont .item1 {
    margin-top: 35px
}

.rc_lyb .cont .item1 .textarea1 {
    height: 168px;
    width: 100%;
    border-radius: 5px;
    border: solid 1px #969696;
    padding: 10px 22px;
    resize: none
}

.rc_lyb .cont .btn1 {
    padding-top: 35px
}

.rc_lyb .cont .btn1 .btn2 {
    width: 85px;
    height: 40px;
    background: url(../images/btn3.jpg) no-repeat center center;
    border-radius: 0;
    border: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: .8
}

.rc_lyb .cont .btn1 .btn2:hover {
    opacity: 1
}

.new-nav .container {
    overflow: hidden;
    overflow-x: auto
}

.new-nav ul {
    display: flex
}

.new-nav ul li {
    flex: 1
}

@media (max-width:767px) {
    .new-nav ul {
        display: block
    }

    .new-nav ul li {
        float: left;
        width: auto !important
    }

    .new-nav ul li a {
        padding: 0 7px
    }
	.zt_main2 .cont .row {
	    margin-left: -15px;
	    margin-right: -15px
	}

	.zt_main2 .cont .row .col-xs-12 {
	    padding-left: 15px;
	    padding-right: 15px
	}
}

.video_banner video {
    width: 100%
}

.index_main1 {
    margin-top: 0
}

.download {
    width: 100%
}

.download img {
    width: 100%
}

.new-a {
    border-top: solid 1px #eee;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 40px;
    font-weight: 700
}

@-webkit-keyframes zhuandong {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes zhuandong {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.index_main6 .cont .prev {
    width: 14px;
    height: 31px;
    background: url(../images/zuojian1.png) no-repeat center center;
    cursor: pointer;
    opacity: .8;
    position: absolute;
    left: -75px;
    top: 50%;
    margin-top: -15px
}

.index_main6 .cont .prev:hover {
    opacity: 1
}

.index_main6 .cont .next {
    width: 14px;
    height: 31px;
    background: url(../images/youjian1.png) no-repeat center center;
    cursor: pointer;
    opacity: .8;
    position: absolute;
    right: -75px;
    top: 50%;
    margin-top: -15px
}

.index_main6 .cont .next:hover {
    opacity: 1
}

.index_main6 .cont img {
    width: 100%
}

.ewm_hsbtm {
    position: fixed;
    z-index: 55;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}

.ewm_tk {
    width: 430px;
    height: 430px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 56;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ewm_tkclose {
    width: 40px;
    height: 40px;
    font-size: 40px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border: solid 2px #fff;
    border-radius: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -50px;
    top: -50px;
    cursor: pointer
}

.xcp_list ul li .pic .btn1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/btn_play2.png) no-repeat center center rgba(0, 0, 0, .7);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.xcp_list ul li:hover .pic .btn1 {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.abstp1 {
    position: absolute;
    top: -15px;
    left: 0;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.abstp2 {
    position: absolute;
    top: -34px;
    left: 0;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.abstp3 {
    position: absolute;
    top: -34px;
    left: 0;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}

.animated .abstp1 {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0
}

.animated .abstp2 {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0
}

.animated .abstp3 {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0
}
.video_banner img,
.mobile_banner img{
	width: 100%;
}
.index_main1 img{
	max-width: 100%;
}
@media screen and (max-width: 600px){
	.header .index_nav>ul>li .xl .item_right ul{
		display: inherit;
	}
	
	.header .index_nav>ul>li .xl .item_right ul li {
	    height: 42px;
	    line-height: 42px;
	    text-align: left;
    }

	.header .index_nav>ul>li .xl .item_right ul li a {
	    color: #dbdbdb;
	    font-size: 14px;
	    text-align: left;
	    display: block;
	    padding-left: 25px;
	    padding-top: 0;
	    background: none !important;
	}
}
.youlian a{
color: #605f5f;
}
.youlian a:hover{
color: #FFF;
}


.pages{width:100%;overflow: hidden;}
.pages ul{padding: initial;background: initial;display: table;margin: 0 auto;}
.pages{ float:right;}
.pages li{float:left;background:#FFF;color: #ccc;margin:2px;text-align:center; list-style:none}
.pages .thisclass{background:#2ba165;color:#FFF;}
.pages a{ color:#666;display:block;padding:5px 14px;}
.pages a:hover{background:#2ba165;color: #FFF;}
.pages li:hover{}
.pages .thisclass{padding:5px 14px;}
.pages .pageinfo{padding:5px 14px; display: block;}
.pages{overflow: hidden;margin:20px auto;}