body {
    font-size: 12px;
    font-family: "微软雅黑", sans-serif;
    min-width: 1250px;
    /*background: #ccc;*/
}
html {
    *overflow-x: hidden;
}
*, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt {
    margin: 0;
    padding: 0;
}
ul, ol, li, dl, dt, dd {
    list-style: none;
}
a {
    text-decoration: none;
    outline: 0;
    /*transition: all .2s;*/
    /*-webkit-transition: all .2s;*/
    /*-moz-transition: all .2s;*/
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    display: block;
    border: 0;
}
.clear {
    clear: both;
}
:-moz-placeholder {
    color: #939393;
}
::-moz-placeholder {
    color: #939393;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #939393;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #939393;
}
input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea {
    -webkit-appearance: none;
    border: none;
    outline: none;
}
.box {
    clear: both;
    width: 1250px;
    margin: 0 auto;
}
.lf {
    float: left;
}
.rg {
    float: right;
}
body ::selection {
    color: #FFFFFF;
    background-color: #0085b9;
    text-shadow: none;
}
body ::-moz-selection {
    color: #FFFFFF;
    background-color: #0085b9;
    text-shadow: none;
}

/* 首页 */

.header{
    position: relative;
    background: #fff;
    height: 90px;
    border-top: 5px solid #007fc5;
}
.logo{
    float: left;
}
.logo img{
    height: 90px;
}
.nav{
    float: right;
}
.nav li{
    float: left;
    line-height: 90px;
    padding: 0 25px;
    font-size: 14px;
    color: #555;
}
.nav li a{
    display: block;
    color: #555;
}
.nav li:hover,
.nav li.active {
    background: #0068b7;
}
.nav li:hover a,
.nav li.active a{
    color: #fff;
}
.nav-level-box{
    display: none;
    position: absolute;
    min-width: 800px;
    /*隐藏二级导航*/
    width: 55%;
    /*显示二级导航*/
    /*width: 65%;*/
    height: 266px;
    padding:10px 30px;
    right: 0;
    z-index: 99;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav-level2{
    float: left;
}
.nav-level2 li{
    float: none;
    width: 200px;
    line-height: 40px;
    color: #555;
    border-bottom: 1px solid #dcdcdc;
}
.nav-level2 li{
    padding: 0;
}
.nav-img{
    float: left;
    margin-left: 30px;
    width: 450px;
    overflow: hidden;
    padding-top: 20px;
}
.nav-img img{
    float: left;
    margin-left: 30px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.nav-level2 li:hover {
    background: transparent!important;
}
.nav-level2 a{
    color: #555!important;
}
.nav-level2 li:hover a{
    color: #007fc5!important;
}
.web {
    display:none;
}
.web-nav{
    display: none;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    margin-top: 6px;
    background-color: #0068b7;
    background-image: none;
    border: 1px solid #0068b7;
    border-radius: 4px;
    cursor:pointer;
}
.navbar-toggle:focus {
    outline: 0
}
.navbar-toggle .icon-bar {
    display: block;
    width: 23px;
    height: 3px;
    border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}
.icon-bar {
    position: relative;
    top: 0;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.navbar-animation .icon-bar:nth-child(2){
    opacity: 0;
}
.navbar-animation .icon-bar:nth-child(1){
    top: 6px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.navbar-animation .icon-bar:nth-child(3) {
    top: -8px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}
.navbar-toggle .icon-bar {
    background: #fff;
}
.banner{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.swiper-container-banner {
    height: 794px;
}
.swiper-slide a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-container-banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin:0 11px;
    background: #fff;
    border-radius:5px;
}
.swiper-container-banner .swiper-pagination-bullet-active {
    background:#fff;
    width: 20px;
}
.swiper-container-banner .swiper-pagination {
    bottom: 15px;
}
.swiper-container-banner .swiper-button-prev,
.swiper-container-banner .swiper-button-next{
    width: 40px!important;
    height: 100px;
    margin-top: -50px;
}
.swiper-container-banner .swiper-button-prev{
    left: 5%;
    background: url("../img/pic1.png") no-repeat ;
}
.swiper-container-banner .swiper-button-next{
    right: 5%;
    background: url("../img/pic2.png") no-repeat ;
}
.banner img{
    max-width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -500px;
}
.banner1-1{
    top:30%;
}
.banner1-2{
    top:40%;
}
.banner2-1{
    position: absolute;
    left: 50%;
    top:20%;
    margin-left: -500px;
}
.banner3-1{
    position: absolute;
    left: 50%;
    bottom:20%;
    margin-left: -500px;
}
.title-box{
    padding: 58px 0 40px;
    text-align: center;
    color: #878787;
    text-transform: uppercase;
    font-size: 14px;
}
.title-box h2{
    padding-bottom: 6px;
    font-weight: normal;
    color: #3c3c3c;
    font-size: 20px;
}
.title-box span{
    display: block;
    padding-bottom: 8px;
}
.index1{
    padding: 0 20px;
}
.index1 img{
    width: 100%;
}
.index1 p{
    position: relative;
    width: 100%;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #3c3c3c;
    padding-top: 10px;
    line-height: 50px;
    border-bottom: 1px solid #dcdcdc;
    white-space: nowrap;
}
.index1 p:after{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 10px;
    height: 1px;
    background: #3c3c3c;
    content: '';
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.index1 a:hover p:after{
    width: 100%;
}
.technology-list{
    text-align: center;
}
.technology-list li p{
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}
.technology-list li{
    display: inline-block;
    margin: 0 20px;
}
.technology-list li a{
    display: block;
    border: 3px solid #b0d0e9;
    -moz-border-radius: 50%; /* Firefox */
    -webkit-border-radius: 50%; /* Safari 和 Chrome */
    border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.technology-img{
    position: relative;
    border: 5px solid #fff;
    width: 186px;
    height: 186px;
    -moz-border-radius: 50%; /* Firefox */
    -webkit-border-radius: 50%; /* Safari 和 Chrome */
    border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    overflow: hidden;
    z-index: 99;
}
.technology-img img{
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%; /* Firefox */
    -webkit-border-radius: 50%; /* Safari 和 Chrome */
    border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    transition:all 0.5s ;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition:all 0.5s;
}
.technology-img:hover img{
    transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2); /* IE 9 */
    -moz-transform:scale(1.2,1.2); /* Firefox */
    -webkit-transform:scale(1.2,1.2); /* Safari and Chrome */
    -o-transform:scale(1.2,1.2); /* Opera */
}
.index-bg{
    background: #f5f5f5;
    margin-top: 50px;
    padding:0;
    overflow: hidden;
}
.index-intro-lf{
    float: left;
    width: 415px;
}
.index-intro-lf img{
    width: 415px;
    margin: 0 auto;
}
.index-intro-rg{
    float: right;
    width: 800px;
    overflow: hidden;
}
.index-intro-rg h2{
    font-size: 22px;
    color: #3c3c3c;
    font-weight: normal;
    padding-top: 30px;
}
.index-intro-rg span{
    display: block;
    font-size: 14px;
    color: #999;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.index-intro-rg p{
    font-size: 14px;
    color: #999;
    line-height: 26px;
}
.index2{
    display: block;
    width: 148px;
    height: 30px;
    margin-top: 20px;
    border: 1px solid #d2d2d2;
    background: url("../img/index8.png") no-repeat center top;
}
.index2:hover{
    border: 1px solid #7f7f7f;
    background: url("../img/index8.png") no-repeat center bottom;
}
.news-list-box{
    overflow: hidden;
    padding-bottom: 60px;
}
.news-list{
    overflow: hidden;
    padding-bottom: 30px;
}
.news-list li{
    float: left;
    width: 558px;
    height: 146px;
    overflow: hidden;
    margin-bottom: 16px;
}
.news-list span{
    display: block;
    font-size: 16px;
    color: #878787;
}
.news-list h3{
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 16px;
    color: #3c3c3c;
    line-height: 52px;
    border-bottom: 1px solid #ccc;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-list h3:after{
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 20px;
    height: 1px;
    z-index: 1;
    background: #3c3c3c;
    content: '';
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.news-list p{
    display: block;
    font-size: 14px;
    color: #878787;
    line-height: 28px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.news-list li:hover h3:after{
    width: 100%;
}
.news-list .news-rg{
    float: right;
}
.news-list-box .index2{
    margin: 0 auto;
}
.index-intro{
    padding: 60px 0;
}
.respon-box{
    margin-left: -35px;
    overflow: hidden;
}
.respon{
    width: 218px;
    margin: 0 auto 45px;
    overflow: hidden;
    border:1px solid #d4d4d4;
}
.respon:hover{
    border:1px solid #0068b7;
}
.respon img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}
.more1{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -31px;
    width: 62px;
    height: 42px;
    background: url('../img/index-more.jpg') no-repeat center top;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.more1:hover{
    background: url('../img/index-more.jpg') no-repeat center bottom;
}
.top{
    display: none;
    position: fixed;
    right: 10px;
    bottom:50px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    z-index: 8;
    background:#000 url('../img/top.png') no-repeat center top;
}
.top:hover{
    background:#ccc url('../img/top.png') no-repeat center bottom;
}
.swiper-container1{
    margin-top: 40px;
}
.swiper-container .swiper-slide{
    width: 100%;
    height: 100%!important;
}
.swiper-container1 .swiper-button-next,.swiper-container1 .swiper-button-prev{
    display: none;
}
.swiper-container2 .swiper-button-next,.swiper-container2 .swiper-button-prev,
.swiper-container4 .swiper-button-next,.swiper-container4 .swiper-button-prev,
.swiper-container5 .swiper-button-next,.swiper-container5 .swiper-button-prev{
    top: auto;
    bottom:0;
}
.swiper-container2,
.swiper-container5,
.swiper-container4{
    padding-bottom: 40px;
}
.swiper-container2 .swiper-button-next,
.swiper-container4 .swiper-button-next{
    background: url("../img/next.png") no-repeat center ;
    right: 40%;
}
.swiper-container2 .swiper-button-prev,
.swiper-container4 .swiper-button-prev{
    background: url("../img/prov.png") no-repeat center ;
    left: 40%;
}
.swiper-container5 .swiper-button-next{
    background: url("../img/next-b.png") no-repeat center ;
    right: 40%;
}
.swiper-container5 .swiper-button-prev{
    background: url("../img/prov-b.png") no-repeat center ;
    left: 40%;
}
.foot{
    padding: 30px 0;
    overflow: hidden;
}
.foot-1{
    float: left;
    width: 460px;
    margin-top: 20px;
}
.foot-1-1{
    font-size: 20px;
    color: #585858;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom:1px solid #dcdcdc ;
}
.foot-1-1 span{
    font-size: 18px;
    color: #585858;
    padding-left: 10px;
}
.foot-1-2{
    padding-top: 25px;
}
.foot-1-2 p{
    font-size: 16px;
    color: #585858;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 15px;
}
.foot-1-2 p span{
    float: left;
    width: 85%;
}
.foot-1-2 p img{
    float: left;
    width: 30px;
    margin-right: 10px;
}
.foot-1-2 p a{
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    float: none;
    width: 40px;
}
.foot-1-2 p a img{
    float: none;
    width: 40px;
}
.foot-2{
    float: left;
    width: 320px;
    text-align: center;
}
.foot-2 img{
    display: block;
    margin: 0 auto;
}
.foot-2-1{
    width: 175px;
    height: 175px;
    border: 1px solid #333;
    padding: 10px;
    margin: 25px auto 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.foot-2-1 img{
    width: 100%;
    height: 100%;
}
.foot-3{
    float: right;
    width: 370px;
}
.foot-3-1{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}
.foot-3-2{
    display: block;
    border: 1px solid #0068b7;
    height: 42px;
    padding:0 10px;
    font-size: 16px;
    line-height: 42px;
    color: #0068b7;
    background: url("../img/foot10.jpg") no-repeat 96% center;
}
.foot-3-3{
    margin-top: 30px;
    padding:0 15px;
}
.foot-3-3-1{
    float: left;
}
.bshare-custom{
    float: left;
    margin-left: 20px;
}
.foot-3-3-2{
    clear: both;
    font-size: 12px;
    color: #585858;
    margin-top: 10px;
}
.foot-bottom{
    padding: 30px 0 25px;
    color: #fff;
    font-size: 14px;
    background:#0068b7 ;
    overflow: hidden;
}
.foot-bottom-1{
    float: left;
    overflow: hidden;
}
.foot-bottom-1 a{
    color: #fff;
    display: inline-block;
    margin-right: 20px;
}
.foot-bottom-1 a:hover{
    text-decoration: underline;
}
.foot-bottom-2{
    float: right;
    overflow: hidden;
}
.foot-bottom-2 span{
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}
.page-banner{
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
.index-bg1{
    background:#eff6fc ;
}
.index3{
    padding-bottom: 30px;
}
.index3 img{
    margin: 0 auto;
    max-width: 100%;
}
.index3-1{
    margin-top: 30px;
}
.index3-1 p{
    font-size: 16px;
    color: #585858;
    line-height: 35px;
}
.index4{
    padding-bottom: 70px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.index4 .title-box h2,
.index4 .title-box span,
.index4 .title-box p{
    color: #fff;
}
.index4 .title-box p{
    opacity: .3;
}
.index4 img{
    margin: 0 auto;
    max-width: 100%;
}
.index4-4{
    position: relative;
}
.swiper-container4 .swiper-button-next,
.swiper-container4 .swiper-button-prev{
    display: block;
}
.index4-1{
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
}
.index4-2 img{
    width: 100%;
    height: 347px;
}
.index4-3{
    background:#fff;
    text-align: center;
    height: 90px;
    overflow: hidden;
    font-size: 16px;
    color: #1f497d;
}
.index4-3 p{
    padding: 25px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.swiper-container3{
    position: relative;
}
.swiper-container3 .swiper-button-next,.swiper-container3 .swiper-button-prev{
    width: 50px;
    height: 60px;
}
.swiper-container3 .swiper-button-next{
    background: url("../img/b1.png") no-repeat center ;
    right: 0;
}
.swiper-container3 .swiper-button-prev{
    background: url("../img/a1.png") no-repeat center ;
    left: 0;
}
#a1{
    position: absolute;
    left:-65px ;
    top:50%;
    margin-top: -30px;
    z-index: 1;
}
#b1{
    position: absolute;
    right:-65px ;
    top:50%;
    margin-top: -30px;
    z-index: 1;
}
.mask{
    display: none;
    position: fixed;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9;
}
.body-overflow{
    overflow: hidden;
}
.pop1{
    display: none;
    position: fixed;
    top:50%;
    left: 50%;
    margin-left: -435px;
    margin-top: -300px;
    width: 870px;
    height: 600px;
    overflow: hidden;
    background: #fff;
    z-index: 99;
    padding: 30px;
    border: 10px solid #1f497d;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pop1 h3{
    font-weight: bold;
    font-size: 20px;
    color: #1f497d;
    border-bottom: 1px solid #1f497d;
    padding-bottom: 15px;
}
.pop-con1{
    margin-top: 60px;
    overflow-x: hidden;
    overflow-y:auto;
    height: 390px;
}
.pop-con1 p{
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}
.hide1{
    display: block;
    position: absolute;
    right: 10px;
    top:10px;
    cursor: pointer;
}
.index5{
    padding-bottom: 50px;
}
.index5 img{
    width: 100%;
}
.index5 h3{
    font-size: 16px;
    font-weight: normal;
    color: #1f497d;
    overflow: hidden;
    margin-top: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index5 p{
    font-size: 14px;
    overflow: hidden;
    color: #585858;
    margin-top: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index5:hover h3{
    font-weight: bold;
    color: #0f257d;
}
.index5:hover p{
    color: #1f497d;
}
.index6-1{
    padding: 0 50px;
    text-align: center;
    font-size: 16px;
    color: #585858;
}
.index6-list{
    padding-bottom: 50px;
    margin-top: 30px;
    border-top:1px solid #f0f2f5;
}
.index6-list li{
    padding: 25px 10px;
    font-size: 14px;
    color: #585858;
    overflow: hidden;
    border-bottom:1px solid #f0f2f5;
}
.index6-2{
    float: left;
    font-size: 14px;
}
.index6-2 span{
    font-weight: bold;
    font-size: 20px;
    color: #7f7f7f;
}
.index6-list p{
    overflow: auto;
    padding-top: 5px;
}
.index7{
    position: relative;
    max-width: 185px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    cursor: pointer;
}
.index7-1{
    position: relative;
    max-height:249px ;
    margin: 0 auto 5px;
}
.index7-1 img{
    width:100%;
    height:249px ;
    margin: 0 auto 5px;
}
.index7-2{
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    padding: 0 5px ;
    color: #585858;
    background: #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index7:hover .index7-1:before{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/index38.png") no-repeat center top;
    background-size:100% 100% ;
    content: '';
}
.index7:hover .index7-2{
    color: #fff;
    background: #0068b7;
}
.pop2{
    display: none;
    position: fixed;
    top:10%;
    left:20%;
    width:60%;
    height: 80%;
    z-index: 9;
}
.pop2-img{
    width:100%;
    height:100%;
    text-align:center;
}
.pop2-img span{
    display: inline-block;
    vertical-align: middle;
    width:1px;
    height:100%;
    background: transparent;
    opacity: 0;
}
.pop2 img{
    display:inline-block;
    vertical-align:middle;
    max-width: 95%;
    max-height: 100%;
}
.index3 img.index3-2{
    margin-top: -125px;
}
.index3-3{
    padding: 0 60px;
    font-size: 16px;
    color: #585858;
    margin-top: 50px;
}
.index3-3 p{
    padding-bottom: 20px;
}
.page-nav{
    min-height:52px;
    line-height: 52px;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.page-nav a{
    display: inline-block;
    text-align: center;
    margin: 0 30px;
}
.page-nav a span{
    display: inline-block;
    color: #585858;
    padding-right: 15px;
}
.page-nav a:hover span,
.page-nav a.active span{
    color: #1f497d;
    background: url("../img/index42.png") no-repeat center right;
}
.index8{
    overflow: hidden;
}
.index8-1{
    height: 100px;
    line-height: 100px;
}
.index8-1 li{
    float: left;
    padding-left: 40px;
    width: 38%;
    background-color: #eb5255;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.index8-1 li p{
    padding-left: 40px;
    color: #fff;
    font-size: 16px;
    background: url("../img/index40.png") no-repeat center left;
}
.index8-1 li.on{
    width: 62%;
    background: url("../img/index39.jpg") no-repeat center left;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.index8-3{
    display: none;
    padding: 50px 30px 60px;
    overflow: hidden;
}
.show{
    display: block;
}
.index8-3-lf{
    float: left;
    width: 62%;
    padding-top: 30px;
}
.index8-3-lf p{
    font-size: 16px;
    color: #585858;
    line-height: 30px;
}
.index8-3-1{
    display: block;
    margin-top: 40px;
    font-size: 14px;
    line-height: 32px;
    padding-left: 40px;
    color: #007fc5;
    text-transform: uppercase;
    cursor: pointer;
    background: url("../img/index43.jpg") no-repeat left center;
}
.index8-3-rg{
    float: right;
    max-width: 38%;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index8-3-rg img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.index9{
    overflow: hidden;
    padding-bottom: 60px;
}
.index9-1{
    float: left;
    width: 28%;
    height: 595px;
    padding: 55px 30px;
    background: url("../img/index44.jpg") no-repeat left center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index9-1 p{
    padding-left: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    background: url("../img/index40.png") no-repeat center left;
}
.index9-2{
    position: relative;
    float: right;
    width: 100%;
    padding: 30px;
    font-size: 16px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #004b84;
}
.index9-2 img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}
.index10{
    padding: 0 90px 60px;
}
.index10-list{
    overflow: hidden;
    text-align: center;
}
.index10-list li{
    display: inline-block;
    vertical-align: top;
    padding: 20px 0;
    /*height: 415px;*/
    margin:0 14px;
    width: 30%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index10-list li:hover .index10-1-box{
    top:-10px;
    -webkit-box-shadow: 0 0 6px #666;
    -moz-box-shadow:  0 0 6px #666;
    box-shadow:  0 0 6px #666;
}
.index10-1-box{
    position: relative;
    top:0;
    border: 1px solid #dcdcdc;
    padding: 10px ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index10-2{
    padding-top: 25px;
}
.index10-1 img{
    display: block;
    max-width: 100%;
    width: 301px;
    margin: 0 auto;
}
.index10-2 h2{
    font-size: 20px;
    color: #333;
    text-align: center;
}
.index10-2 span{
    display: block;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.index10-2 p{
    padding: 0 40px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    text-align: center;
}
.index10-3 p{
    font-size: 16px;
    color: #585858;
    margin-top: 30px;
}
.index10-3 img{
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    max-width: 100%;
}
.index11{
    overflow: hidden;
    padding: 50px 0;
}
.index11 .respon{
    margin-bottom: 10px;
}
.index11 li{
    float: left;
    width: 20%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index11 p{
    text-align: center;
    font-size: 16px;
    color: #585858;
    height: 30px;
}
.contact-con{
    margin-bottom: 50px;
    margin-top: 40px;
}
.contact1{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 0 50px;
}
.map img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.contact2{
    padding:50px 0;
    text-align: center;
}
.contact2-1{
    text-transform:uppercase;
    font-size: 44px;
    color: #0068b7;
}
.contact2-2{
    font-size: 24px;
    color: #666;
}
.contact2-3{
    display: block;
    margin: 0 auto;
}
.contact3{
    padding: 45px 0 35px;
    text-align: center;
}
.contact3 p{
    font-size: 22px;
    color: #0068b7;
}
.contact3 span{
    display: block;
    font-size: 14px;
    color: #999;
    padding: 10px 20px 0;
}
.contact2-4{
    display: block;
    margin: 20px auto 30px;
    max-width: 100%;
}
.contact4-box{
    overflow: hidden;
    padding:30px 0 50px;
}
.contact4{
    float: left;
    width: 33.3%;
}
.contact4-1{
    display: inline-block;
    vertical-align:middle ;
    margin-right: 20px;
}
.contact4 span{
    display: inline-block;
    vertical-align:middle ;
    font-size: 22px;
    color: #0068b7;
    font-weight: bold;
}
.product-list{
    padding:0 20px ;
    overflow:hidden;
}
.product-list{
    padding:0 20px ;
}
.product-list li{
    float: left;
    width: 25%;
    padding:6px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product-box{
    background: #f5f5f5;
}
.product-1{
    height: 160px;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product-1 h3{
    margin-bottom: 15px;
    font-size: 18px;
    color: #585858;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.product-1 p{
    height: 20px;
    margin-bottom: 18px;
    font-size: 14px;
    color: #585858;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.product-img{
    position: relative;
    width: 100%;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.product-img img{
    width: 100%;
}
.product-1 span{
    display: block;
    width: 88px;
    height: 36px;
    border-radius: 2px;
    background: #0068b7;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 36px;
}
.product-1 span:hover{
    background: #0f257d;
}
.product-img:hover:before{
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: url("../img/index50.png") no-repeat center ;
    background-size:100% 100% ;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.product-1:hover h3,
.product-1:hover p{
    color: #0068b7;
}
/*--*/
.paging-box{
    text-align: center;
}
.paging{display: inline-block;  font-size:14px; padding:15px 0 50px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.paging1{ float:left;background: #fff;}
.paging1 li{ line-height:34px;margin: 0 4px; color:#666; float:left; height:34px; border:1px solid #e6e7e8;  text-align:center;}
.paging1 li.hover{ background:#0068b7; color:#fff;}
.paging1 li:hover{ color:#fff;}
.paging1 li.hover a p{ color:#fff;}
.paging p{ padding:0px 13px; height:34px;}
.paging a p{ color:#666;
             transition: background 0.3s;
             -moz-transition: background 0.3s;   /* Firefox 4 */
             -webkit-transition: background 0.3s;    /* Safari 和 Chrome */
             -o-transition: background 0.3s;}
.paging a:hover p{ color:#fff; background:#0068b7;border-color:#0068b7;}
.paging11{ line-height:34px; color:#666; float:left; height:34px; border:1px solid #e6e7e8; text-align:center; float:left; background:#f7f7f7;}
.paging11:hover a p{ color:#666;}
.paging11:hover a:hover p{ color:#fff; background:#0068b7; border-color:#0068b7;}
.paging12{ float:left; line-height:36px; color:#333; padding:0px 12px; font-size:14px; color:#666;}
.paging13{ line-height:34px; border:1px solid #e6e7e8; background:#f7f7f7; overflow: hidden; height:36px; width:50px;text-align: center; color:#333; float:left;-webkit-appearance: none; outline: none;}
.paging13 input{width: 50px; line-height:34px; background:transparent; text-align: center; color:#333;}
.paging14{ line-height:34px; color:#666; float:left; height:34px; border:1px solid #e6e7e8; margin-left:3px; text-align:center; float:left; background:#f7f7f7;}
.paging14:hover a p{ color:#666;}
.paging14:hover a:hover p{ color:#fff; background:#0068b7; border-color:#0068b7;}

.title1-box h2{
    text-align: left;
}
.title1-box p{
    text-align: left;
}
.product-con-box{
    padding: 0 32px 50px;
}
.product-con-img{
    display: block;
    margin: 0 auto 50px;
    max-width: 100%;
}
.product-con{
    overflow: hidden;
}
.product-2{

}
.product-2 h3{
    font-size: 18px;
    color: #585858;
    font-weight: normal;
    margin-bottom: 15px;
}
.product-2 p{
    font-size: 14px;
    color: #585858;
}
.product-2{
    float: left;
}
.product-3{
    float: right;
    width: 300px;
    font-size: 14px;
    color: #585858;
    padding-left: 30px;
    line-height: 32px;
    border-left: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product-3 p{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.product-4{
    width: 865px;
    margin-bottom: 50px;
}
.product-4-list{
    overflow: hidden;
    padding-bottom: 60px;
    border-bottom: 1px solid #dcdcdc;
}
.product-4-list li{
    float: left;
    width: 50%;
    color: #585858;
    margin-top: 58px;
    overflow: auto;
}
.product-4-list li img{
    float: left;
    margin-left: 20px;
}
.product-4-list li span{
    display: block;
    font-size:16px;
    line-height: 36px;
}
.product-4-list li p{
    display: block;
    font-size:14px;
}
.product-4-list li div{
    margin-left: 100px;
}
.index10-3 h2{
    font-size: 20px;
    font-weight: normal;
    color: #585858;
    margin-top: 50px;
}
.news-list1 li{
    overflow: hidden;
    background: #f5f5f5;
    margin-bottom: 42px;
}
.news-1{
    float: left;
    width: 38.4%;
}
.news-1 img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.news-2{
    float: left;
    width: 61.6%;
    padding:0 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news-con-box {
    height:242px;
    display:table;
}
.news-con {
    vertical-align:middle;
    display:table-cell;
    max-width: 560px;
}
.news-con h2{
    font-size: 16px;
    padding-bottom: 20px;
    font-weight: normal;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #585858;
}
.news-con p{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size: 14px;
    line-height: 26px;
    color: #585858;
}
.news-con span{
    display: block;
    font-size: 16px;
    color: #585858;
    border-top: 1px solid #dcdcdc;
    margin-top: 20px;
    padding-top: 25px;
}
.news-con-box:hover h2{
    font-weight: bold;
    color: #0068b7;
}
.new-3{
    overflow: hidden;
    padding: 50px 0 60px;
}
.new-4{
    float: left;
    width:410px;
}
.new4-1{
    padding-bottom: 30px;
    border-bottom: 1px solid #dcdcdc;
}
.new4-1 h2{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 22px;
    margin-bottom: 5px;
}
.new4-1 span{
    display: block;
    font-size: 14px;
    color: #a0a0a0;
}
.new4-1 p{
    display: block;
    font-size: 14px;
    color: #595959;
    margin-top: 25px;
    line-height: 30px;
}
.new4-2 h3{
    color: #585858;
    font-size: 16px;
    font-weight: normal;
    padding: 30px 0 40px;
}
.new4-2-list li{
    padding: 30px;
    border-bottom: 1px solid #dcdcdc;
}
.new4-2-list li p{
    font-size: 16px;
    margin-bottom: 10px;
    color: #585858;
}
.new4-2-list li span{
    font-size: 14px;
    color: #585858;
}
.new4-2-list li:hover{
    background: #0068b7;
}
.new4-2-list li:hover p{
    color: #fff;
}
.new4-2-list li:hover p{
    color: #fff;
}
.new4-2-list li:hover span{
    color: #fff;
    opacity: .5;
}
.new-5{
    float: right;
    width:795px;
}
.new-5 img{
    display: block;
    margin: 30px auto 0;
    max-width: 100%;
}
.new-5-1{
    padding-top: 30px;
    margin-top: 30px;
    padding-bottom: 50px;
    border-top: 1px solid #dcdcdc;
}
.new-5-1 p{
    font-size: 16px;
    color: #585858;
    line-height: 30px;
}
.new-tab{
    float: left;
    width: 50%;
    height: 110px;
    background: #f5f5f5;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.new-tab span{
    width: 60px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.new-tab p{
    width: 230px;
    font-size: 16px;
    color: #3c3c3c;
    margin-top: 45px;
    padding:0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.new-tab2{
    display: none;
    width: 84px;
}
.new-tab2 img{
    width: 84px;
    height: 42px;
    margin-top: 36px;
}
.new-tab-lf span,
.new-tab-lf p{
    float: left;
}
.new-tab-lf span{
    background-image: url("../img/new-tab1.png");
}
.new-tab-lf p{
    border-left: 1px solid #dcdcdc;
}
.new-tab-rg span,
.new-tab-rg p{
    float: right;
}
.new-tab2{
    width: 84px;
    float: left;
}
.new-tab2 img{
    width: 84px;
    height: 42px;
    margin-top: 36px;
}
.new-tab-rg span,
.new-tab-rg p{
    float: right;
    text-align: right;
}
.new-tab-rg span{
    background-image: url("../img/new-tab2.png");
}
.new-tab-rg p{
    border-right: 1px solid #dcdcdc;
    padding-right: 20px;
}
.new-tab-rg span,
.new-tab-rg p{
    float: right;
}
.new-tab-lf .new-tab2{
    float: left;
}
.new-tab-rg .new-tab2{
    float: right;
}
.new-tab:hover {
    background: #0068b7;
}
.new-tab:hover .new-tab1{
    background-position: right center;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}
.new-tab:hover p{
    color: #fff;
}
.new-tab:hover .new-tab2{
    display: block;
}

#baidu_map img{
    width:auto;
}

.lx-map{
    display:block;
    width: 100%;
    height: 528px;
}
@media screen and (max-width:640px){
    .lx-map{
        height: 350px;
    }
    .lx-position-map{
        width: 50%;
    }

}