@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');@charset "UTF-8";*{line-height: 1.5em;padding:0px;margin:0px;*zoom:1;font-style:normal;font-size: 16px;font-family: 'Open Sans', sans-serif;}
ul{list-style-type: none;/* float: left; */}
li{list-style-type: none;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
tbody{display:table-row-group;vertical-align:middle;border-color:inherit;}
tr{display:table-row;vertical-align:inherit;border-color:inherit;}
td{padding:5px 10px;border: 1px solid #333;vertical-align:middle}
fieldset,img{border:0;}
caption,th{text-align:left;}
button{cursor:pointer;}
/* img{object-fit:cover;max-width: 100%;} */
a,em,b,span{display: inline-block;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;font-size:100%;border: 1px solid #ddd;overflow-x: hidden;}
a{text-decoration:none;color:#333;}
input,select,button{outline:none;border:none;background:#fff;}
input::-webkit-input-placeholder,textarea::-webkit-textarea-placeholder{color:#999 !important}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999 !important}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999 !important}
input:-ms-input-placeholder,textarea:-ms-textarea-placeholder{color:#999 !important}
textarea::-webkit-input-placeholder,textarea::-webkit-textarea-placeholder{color:#999 !important}
textarea:-moz-placeholder,textarea:-moz-placeholder{color:#999 !important}
textarea::-moz-placeholder,textarea::-moz-placeholder{color:#999 !important}
textarea:-ms-input-placeholder,textarea:-ms-textarea-placeholder{color:#999 !important}
html{position:relative;background:#fff;overflow-x:hidden;}
.fl{float:left;}
.fr{float:right;}
.box{width:1200px;margin: 0 auto; }
.qc:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.none{display: none;}
@font-face{font-family: 'iconfont';src: url('../font/iconfont.eot');src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');}
.ico{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.Pagination{overflow: hidden;padding: 40px 0 30px;text-align: center;width: 100%;}
.Pagination a{float: left;text-decoration:none;font-size: 16px;display: inline-block;color: #333;margin: 0 5px;background: #fff;height: 24px;line-height: 24px;padding: 0 10px;}
.Pagination span{float: left;font-size: 16px;display: inline-block;color: #fff;background: #f29313;line-height: 24px;border-radius: 100%;width: 24px;text-align: center;margin: 0px 10px;}
.Pagination a:hover{color: #f29313;}
.Pagination a:nth-child(1){margin-right: 10px;}
.Pagination a:last-child{margin-left: 10px;}
.Pagination li{display: inline-block;}
.Pagination_list{display:inline-block;padding: 10px 0px;border: 1px solid #999;}
.Pagination form{float: left;display: inline-block;height: 24px;overflow: hidden;}
.Pagination em{float: left;margin: 0 5px;font-style:normal;height: 24px;line-height: 24px;display: inline-block;}
.Pagination i{float: left;margin: 0px 20px;font-size: 16px;text-decoration:none;position: relative;top: 0px;}
.Pagination .number{width: 2em;height: 22px;border: 1px solid #ddd;outline:none;text-align: center;padding-left: 5px;float: left;}
.Pagination .submit{background:#ddd;border: none;cursor: pointer;color: #fff;height: 24px;outline:none;float: left;margin-right: 5px;padding: 0 2px;font-size: 14px;}
.Pagination b{font-weight: normal;}
.fenye{
    width: 98%;
    padding: 20px 1% 10px;
    overflow: hidden;
    border-top: 1px solid #ddd;
}
.fenye a{display: inline-block;width:50% !important;height: 1.5em;line-height: 1.5em;overflow: hidden;color: #666;white-space:nowrap;text-overflow:ellipsis;font-size: 16px; padding:0 !important}
.fenye a:hover{color: #f29313;}
.fenye a.fr{text-align:right;}
.swiper-pagination span{width:20px;height:6px;border-radius:0px;background: #ddd;opacity:1;border-radius:4px;}
.swiper-pagination .swiper-pagination-bullet-active{background: #7aba1e;}
.product_show_imgs .swiper-container{
    height: 500px;
}
.swiper-container .swiper-pagination{bottom:3%!important;}
/*img************************************************************************************************************/
#galleryOverlay{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;z-index:100000;background-color:#222;background-color:rgba(0,0,0,0.8);overflow:hidden;display:none;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;}
#galleryOverlay.visible{opacity:1;}
#gallerySlider{height:100%;left:0;top:0;width:100%;white-space: nowrap;position:absolute;-moz-transition:left 0.4s ease;-webkit-transition:left 0.4s ease;transition:left 0.4s ease;}
#gallerySlider .placeholder{height: 100%;line-height: 1px;text-align: center;width:100%;display:inline-block;}
#gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right:-1px;}
#gallerySlider .placeholder img{display: inline-block;max-height: 100%;max-width: 100%;vertical-align: middle;}
#gallerySlider.rightSpring{-moz-animation: rightSpring 0.3s;-webkit-animation: rightSpring 0.3s;}
#gallerySlider.leftSpring{-moz-animation: leftSpring 0.3s;-webkit-animation: leftSpring 0.3s;}
@-moz-keyframes rightSpring{0%{margin-left:0px;}
50%{margin-left:-30px;}
100%{margin-left:0px;}}
@-moz-keyframes leftSpring{0%{margin-left:0px;}
50%{margin-left:30px;}
100%{margin-left:0px;}}
@-webkit-keyframes rightSpring{0%{margin-left:0px;}
50%{margin-left:-30px;}
100%{margin-left:0px;}}
@-webkit-keyframes leftSpring{0%{margin-left:0px;}
50%{margin-left:30px;}
100%{margin-left:0px;}}
#prevArrow,#nextArrow{border:none;text-decoration:none;opacity:1;cursor:pointer;position:absolute;width:43px;height:58px;top:50%;margin-top:-29px;-moz-transition:opacity 0.2s ease;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;background-image: url(../images/arrows.png);background-repeat: no-repeat;}
#prevArrow:hover, #nextArrow:hover{opacity:1;}
#prevArrow{background-position:left top;left:40px;}
#nextArrow{background-position:right top;right:40px;}
#pagelimit{position:absolute;bottom:20px;left:50%;margin-left:-18px;color:#fff;font-size:0.24rem;}
.content{width:100%;height:100%;}
.img-gather{margin-top:8px;height:200px;}
.img-gather a{float:left;width:85px;height:83px;margin-right:1.4%;}
#thumbs{width:480px;margin:8px
/*auto 35px*/
;text-align:center;}
#thumbs a{border-radius:4px;margin-bottom:15px;background-position:center center;background-repeat: no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
@media screen and (max-width: 960px){#thumbs{width:auto;}
#bsaHolder{display:none;}}
.index_right{z-index: 999;position: fixed;right: 0px;bottom:40px;}
.index_right a{cursor: pointer;height: 46px;background: #1f497d;display: block;text-align: center;margin-bottom:4px;border-radius: 0px;position: relative;transition: 0.6s;-o-transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;border-top-left-radius: 6px;border-bottom-left-radius: 6px;overflow: hidden;right:0px;}
.index_right i{color: #fff;font-size: 30px;width: 46px;float: left;}
.Customer_service{position: fixed;right: 50px;bottom:104px;border: none;border: 1px solid #ddd;height: 500px;display: none;z-index: 999;}
.index_right a p{color: #fff;white-space:nowrap;line-height: 46px;background: #a9bdd8;overflow: hidden;font-size: 14px;text-align: left;width: 180px;text-indent: 10px;}
.div_img{overflow: hidden;}
.div_img img{transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.div_img:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
/*img**************************************************************************************************/




.head {
    background: #fff;
    height: 150px;
    /* border-bottom: 4px solid #7aba1e; */
}
.head .fl{
    height: 100%;
    width: 280px;
}
.head .fl a{
    color: rgba(255, 255, 255, 0.7);
    float: left;
}
.head .fl .fl-top{
    color: #f13a3a;
    font-size: 22px;
    font-family: '宋体';
    margin-top: 50px;
}

.head .fl .fl-buttom{
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}

.head .fl a i{
    float: left;
    margin-top: 11px;
    margin-right: 4px;
    color: #7aba1e;
}
.shemei {
    margin-top: 7px;
    width: 360px;
}
.shemei a{
    color: #fff;
    line-height: 30px;
    padding-right: 10px;
    float: left;
}

.shemei .fr-img{
    margin-top: 40px;
    margin-left: 20px;
}
.shemei .fr-top{
    width: 40%;
    color: #666666;
    margin-top: 36px;
    font-size: 14px;
}
.shemei .fr-tel{
    width: 70%;
    color: #e4393c;
    font-size: 36px;
    font-weight: bold;
}

.nav-box{
    width:100%;
    background:#1572c2;
}

.index_nav{
    height: 50px;
}
.logo{
    float: left;
    display: block;
    margin: 15px;
}
.logo img{
    display: block;
    height: 120px;
}
.index_nav>ul{
    float: right;
    width: 100%;
}
.index_nav>ul>li{
    float: left;
    position: relative;
    height: 50px;
    width: 180px;
    text-align: center;
    margin-right: 20px;
}
.index_nav>ul>li>ul{
    display: none;
    position: absolute;
    z-index: 99;
    background: #1572c2;
    padding: 10px 0;
    min-width: 100%;
    top: 50px;
    border-top: 5px solid #fff;
    /* margin-top: 10px; */
}
.index_nav>ul>li>ul>li{}
.index_nav>ul>li>ul>li>a:hover{
    /* border: 1px solid #f29313; */
    border-left: none;
    border-right: none;
    background: #f29313;
}

.index_nav>ul>li>a{
    line-height: 50px;
    height: 50px;
    display: block;
    /* border: 1px solid #7aba1e; */
    border-left: none;
    border-right: none;
    text-transform: capitalize;
    color:#fff;
}
.index_nav>ul>li>ul>li>a{
    white-space:nowrap;
    display: block;
    padding: 4px 10px;
    color: #fff;
}

.index_nav>ul>li>a.this{
    /* border: 1px solid #f29313; */
    border-left: none;
    border-right: none;
    background: #f29313;
}
.index_nav>ul>li>a:hover{
    /* border: 1px solid #f29313; */
    border-left: none;
    border-right: none;
    background: #f29313;
}


.index_banner{overflow: hidden;}
.index_banner a,.index_banner img{display: block;width:100%;}



.index_about{
    padding: 10px 0 50px;
    overflow: hidden;
}
.index_about .index_aboutLeft{
    width: 100%;
    float: left;
}
.index_case_banner_masker{
	position: absolute;
    width: 100%;
    height: 330px;
    z-index: 99;
    cursor: pointer;
}

.index_aboutBJQ ul li{
    float: left;
    width: 50%;
    /* margin-right: 2%; */
    background: #f3f3f3;
    height: 330px;
    position: relative;
	overflow:hidden;
}

.index_aboutBJQ ul li:last-child
{ 
    margin-right:0;
}

.index_aboutBJQ ul li a{
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    top: 140px;
    font-weight: bolder;
    position: absolute;
    z-index: 100;
}

.index_aboutBJQ p{
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 5px 0;
    position: absolute;
    z-index: 100;
    top: 170px;
}
.index_aboutBJQ span{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2b2b2b;
    opacity: 0.3;
    z-index: 1;
}
.index_aboutBJQ img{
    width: 100%;
	height:330px;
    position: absolute;
    bottom: 0;
}

.index_aboutBJQ ul li .href_masker{
	width:100%;
	height:100%;
	position: absolute;
    top: 0;
}

.index_about dl{
    float: left;
    overflow: hidden;
    margin-right: 3%;
}
.index_about dt{
    float: left;
    width: 50px;
    height: 50px;
    border: 2px solid #7aba1e;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
    margin-right: 10px;
}
.index_about dd{
    overflow: hidden;
}
.index_about dt i{
    font-size: 30px;
    color: #7aba1e;
}
.index_about dd h3{
    font-size: 22px;
    line-height: 1em;
    margin-top: 5px;
}
.index_about dd span{
    font-size: 14px;
}
.index_title {
    display: block;
    padding: 25px 0;
    text-align: center;
    width: 100%;
    padding-bottom: 0;
}
.index_title h2{
    font-size: 24px;
    padding-top: 2px;
    font-weight: bold;
    font-family: 微软雅黑;
    color: #2b2b2b;
}
.index_title span{
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    font-family: 微软雅黑;
    color: #999999;
}
.index_title i{
    font-size: 30px;
    position: absolute;
    font-weight: normal;
    bottom: 0.8em;
    right: 0.3em;
}
.index_aboutRight{
    float: right;
    width: 370px;
}
.index_aboutRight img{
    display: block;
    width: 100%;
}

.index_product{
    background: #f8f8f8;
    padding: 10px 0;
    padding-bottom: 70px;
}
.index_product .index_title h2{text-align: center;}
.index_productTxt p{
    text-align: center;
    width: 80%;
    margin: 50px auto;
    margin-top: 0;
    color: #999999;
}

.index_about_box img{
    float: left;
    width: 41%;
    /* height: 430px; */
    margin-right: 30px;
    margin-top: 10px;
}
.index_about_box h4{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: rgb(75, 75, 75);
    margin: 8px 0 30px;
}
.index_about_box p{
    width: 56%;
    float: left;
    text-indent: 2em;
    line-height: 30px;
    font-size: 14px;
    color: rgb(75, 75, 75);
}
.index_about_box .more-btn,.index_aboutLeft .more-btn{
    width: 140px;
    height: 35px;
    border-radius: 5px;
    background: #f13a3a;
    color: #fff;
    /*margin-top: 20px;*/
    text-align: center;
    line-height: 35px;
    font-size: 14px;
}

.index_server{
    background: url(../images/server_bg.jpg) no-repeat top ,transparent;
    padding-bottom: 80px;
}

.server_title h2{
    font-size: 24px;
    padding-top: 2px;
    font-weight: bold;
    font-family: 微软雅黑;
    color: #ffffff;
    text-align: center;
    margin: 50px 0 5px 0;
    float: left;
    width: 100%;
}
.index_productServer p{
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    font-family: 微软雅黑;
    color: #999999;
    text-align: center;
    margin-bottom: 60px;
}
.index_server_content p{
    font-size: 18px;
    color: #fff;
    text-indent: 2em;
    margin-bottom: 20px;
}
.index_server_content ul li{
    float: left;
    width: 16%;
    margin-right: 5%;
    background: #f3f3f3;
    position: relative;
    height: 445px;
}
.index_server_content ul li:last-child
{ 
    margin-right:0;
}

.index_server_content ul li a p{
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    line-height: 80px;
}
.index_server_content ul li a img{
    width:100%;
}

.index_case{
    /* background: #f8f8f8; */
    padding: 10px 0;
    padding-bottom: 60px;
}
.index_case .case_title h2{
    text-align: center;
    font-size: 24px;
    margin: 30px 0 20px;
}
.index_caseTxt p{
    text-align: center;
    width: 80%;
    margin: 50px auto;
    margin-top: 0;
    color: #999999;
}

.index_news{
    margin-bottom:40px;
}
.news_left{
    width:65%;
    float: left;
}
.left_title{
    width:100%;
    margin-bottom: 10px;
}
.left_title p{
    font-family: 微软雅黑;
    color: #f13a3a;
    font-size: 18px;
    height:45px;
    line-height:45px;
    padding:0 5px;
    border-bottom:1px solid #e5e5e5;
    position: relative;
}
.left_title p span{
    width: 85px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #f13a3a;
}
.left_list{
    width:100%;
}
.left_list ul li{
    float:left;
    width:45%;
    border-bottom: 1px dashed #e5e5e5;
    height: 40px;
    padding: 5px 0;
}
.left_list ul li img{
    display:none;
}
.left_list ul li div{
    display:none;
}
.left_list ul li a{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.left_list ul li a:hover{
    color:red;
}

.left_list ul li a b{
    display:none;
    
}
.left_list ul li a p{
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 70%;
}
.left_list ul li a span{
    float: right;
    height: 40px;
    line-height: 40px;
}

.left_list ul li:first-child{
    width:50%;
    margin-right: 15px;
    border-bottom: none;
    height: auto;
    padding: 0;
}

.left_list ul li:first-child a p{
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.left_list ul li:first-child img{
    width:95%;
    margin-bottom: 10px;
    display:block;
}
.left_list ul li:first-child div{
    width: 95%;
    font-size: 14px;
    font-family: 微软雅黑;
    color: #747373;
    text-indent: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.left_list ul li:first-child a span{
    display:none;
}
.left_list ul li:first-child a b{
    display: block;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin-right: 5px;
    color: red;
}

.news_right{
    width:32%;
    float: right;
}
.right_title{
    width:100%;
    margin-bottom: 10px;
}
.right_title p{
    font-family: 微软雅黑;
    color: #f13a3a;
    font-size: 18px;
    height:45px;
    line-height:45px;
    padding:0 5px;
    border-bottom:1px solid #e5e5e5;
    position: relative;
}
.right_title p span{
    width: 85px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #f13a3a;
}

.right_list ul li{
    margin-bottom: 20px;
}

.right_list ul li a{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.right_list ul li a:hover{
    color:red;
}

.right_list ul li a b{
    display:none;
    float: left;
    font-size: 12px;
    line-height: 40px;
    margin-right: 5px;
    color: red;
}

.right_list ul li:first-child a b{
    display:block;
}

.right_list ul li a p{
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.right_list ul li div{
    text-indent: 2em;
    font-size: 14px;
    font-family: 微软雅黑;
    color: #747373;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}




#zhanhui_nav{
    float: left;
    width:220px;
    display: inline-block;
}
#zhanhui_nav li{
    width:220px;
    height:75px;
    line-height:75px;
    text-align:center;
    background:#ececec;
    color:#666666;
    border-bottom: 1px solid #fff;
}
#zhanhui_nav li a{
    height:75px;
    line-height:75px;
    text-align:center;
}
#zhanhui_nav .this{
    background:#f13a3a;
    color:#fff;
}
#zhanhui_box{
    margin: 0 10px;
    float: left;
    width:960px;
    display: inline-block;
}
#zhanhui_box li{
    width:960px;
    display:none;
    height: 556px;
}
#zhanhui_box li img{
    width:100%;
    height: 100%;
}
#zhanhui_box li:first-child{
    display:block;
}


.index_productXian{border: 1px dashed #ddd;width: 90%;height: 90%;margin: 4% 5%;}

.foot{background: url(../images/foot.jpg);overflow: hidden;padding-top: 40px;}
.footA{
    width: 350px;
    float: left;
}
.footA img{}
.footA h2{
    font-size: 24px;
    color: #7aba1e;
    font-weight: 600;
}
.footA p{color: rgba(248, 248, 248, 0.6);margin: 20px 0;}
.footA a{
    color: #7aba1e;
    border-bottom: 1px solid #7aba1e;
    font-weight: 600;
}
.footB{
    width: 160px;
    float: left;
}
.footB h3{
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
    text-align: center;
}
.footB a{
    display: block;
    text-align: center;
    font-size: 14px;
    color: rgb(153, 153, 153);
    height: 30px;
    text-decoration: blink;
    line-height: 30px;
}
.footB a i{}
.footC{
    width: 300px;
    float: right;
}
.footC a{
    color:#e4393c;
    font-size:34px;
    font-weight: 600;
    font-family: 微软雅黑;
}
.footC h3{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    /* margin-bottom: 30px; */
}
.footC form{
    display: block;
    overflow: hidden;
}
.footC input{
    width: 180px;
    background: rgba(255, 255, 255, 0.2);
    height: 46px;
    line-height: 46px;
    color: #fff;
    text-indent: 10px;
    float: left;
}
.footC textarea{
    background: rgba(255, 255, 255, 0.2);
    outline:none;
    border: none;
    display: block;
    width: 360px;
    margin: 20px 0;
    padding: 10px;
    color: #fff;
    float: left;
}
.footC button{
    width: 100%;
    background: #7aba1e;
    line-height: 46px;
    color: #fff;
    float: left;
}
 .footCopyright {
    border-top: 1px solid rgba(147, 147, 147, 0.5);
    margin-top: 40px;
}
 .footCopyright .fl{
    line-height: 70px;
    color: rgba(255, 255, 255, 0.6);
}
.footShemei{
    float: right;
} 
.footShemei a{
    line-height: 70px;
    color: rgba(255, 255, 255, 0.5);
    margin-left: 20px;
}
.footShemei i{}

.foot_icp{
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    background: #242424;
    font-size: 14px;
    font-family: 微软雅黑;
    color: #999999;
}


.footC input.Name{ margin-right: 20px; }
.lanmuBanner {
    position: relative;
}
.lanmuBanner  img{
    display: block;
    width: 100%;
    position: relative;
}
.lanmuBannerTxt{
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    z-index: 2;
    bottom: 40px;
}
.lanmuBannerTxt h2{
    color: #fff;
    text-transform:uppercase;
    font-size: 30px;
    font-weight: normal;
}
.mbx{}
.mbx i{
    color: #fff;
}
.mbx a{
    color: #fff;
} 
.mbx i.shuye{
    font-size: 40px;
    position: absolute;
    right: 3px;
    bottom: -7px;
}
.product_list {
    overflow: hidden;
    padding: 60px 0;
}
.productLeft{
    width: 230px;
    float: left;
}
.productLeft form{
    display: block;
    width: 228px;
    border: 1px solid #cacaca;
    position: relative;
}

.productLeft h3{
    color: #7aba1e;
    text-transform:uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}
.productLeft input{
    width: 100%;
    line-height: 36px;
    height: 36px;
    text-indent: 10px;
}
.productLeft button{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 36px;
    padding: 0 10px;
}
.productLeft button i{
    font-size: 18px;
}
.productLeft ul{}
.productLeft ul li{
    border-bottom: 1px solid #ddd;
}
.productLeft ul li a{
    line-height: 45px;
    color: #585858;
}
.productLeft ul li i{
    font-size: 12px;
    color: #a6a6a6;
    float: left;
    margin-top: 13px;
    margin-right: 10px;
}
.productLeft ul li a.this{
    color: #7aba1e;
}

.productLeft ul li a.this i{
    color: #7aba1e;
}
.productLeft ul li a:hover{
    color: #7aba1e;
}
.productLeft ul li a:hover i{
    color: #7aba1e;
}
.productRight,.productShow{
    width: 930px;
    float: right;
}
.productRight ul{
    overflow: hidden;
    width: 1200px;
}
.productRight ul li{
    width: 298px;
    border: 1px solid #a6a6a6;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.productRight ul li img{
    display: block;
}
.productRight ul li h3{
    text-align: center;
    line-height: 45px;
    background: rgba(113, 109, 106, 0.5);
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}
 .lanmuBannerTxtnr{
     /* background: rgba(122, 186, 30, 0.8); */
     background: #1572c2ad;
     display: inline-block;
     padding: 0 50px 10px 10px;
     position: relative;
 }

.productShowTitle{
    overflow: hidden;
}
.productShowLeft{width: 430px;float: left;border: 1px solid #ddd;}
.productShowLeft  img{
    display: block;
}
.productShowLeft .swiper-button-next{
    background: #e0e0e0;
    text-align: center;
    line-height: 44px;
}
.productShowLeft .swiper-button-prev{
    background: #e0e0e0;
    text-align: center;
    line-height: 44px;
}
.productShowLeft i{}

.productShowRight{
    width: 450px;
    float: right;
}
.productShowRight h1{
    font-size: 20px;
    color: #3c3c3c;
    border-bottom: 1px solid #a6a6a6;
    padding-bottom: 10px;
}
.productShowRightBJQ{
    margin: 30px 0;
} 
.productShowRightBJQ p{
    margin-bottom: 1em;
    color: #444444;
}
.productShowRight a{
    background: #7aba1e;
    color: #fff;
    padding: 0 20px;
    line-height: 36px;
    margin-right: 20px;
}
 
 .productShowBJQ{
    overflow: hidden;
    margin-top: 60px;
}
 .productShowBJQ h3{
    font-size: 20px;
    color: #3c3c3c;
    font-weight: 600;
    border-left: 2px solid #7aba1e;
    padding-left: 10px;
    line-height: 1.2em;
    margin: 20px 0;
}
 .productShowBJQ p{
    color: #505050;
}
 .productShowimgs{
    overflow: hidden;
    margin-top: 40px;
}
 .productShowimgs ul li{
    float: left;
    margin-right: 60px;
    margin-bottom: 40px;
    width: 430px;
}
 .productShowimgs ul{
    overflow: hidden;
    width: 1000px;
}
 .productShowimgs img{
    display: block;
    height: 340px;
    margin: 0 auto;
}



.aboutLeft{
    float: left;
    width: 750px;
}
.aboutLeft p{
    margin-bottom: 1em;
}
.aboutRight{
    width: 400px;
    float: right;
}
.aboutRight img{}
.aboutImgs{margin-top: 60px;}
.aboutImgs img{display: block; height: 180px;}
#aboutImgs{padding-bottom: 30px;}
.about{overflow: hidden; padding: 30px 0;}

.aboutCe .swiper-pagination{display: none;}
#aboutCe{margin: 0 100px;}
.aboutCe{background: url(../images/about3.png)center bottom no-repeat;padding-bottom:70px; margin-top: 60px;}
.aboutCe img{    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.2)));}
.aboutCe a{padding-bottom: 20px;}


.contact {margin: 0 auto;overflow: hidden;}

.contactA{
    margin-bottom: 60px;
    background: #f8f9fa;
    padding: 40px 0;
}
.contactA h2{
    color: #414141;
    text-align: center;
    font-size: 46px;
    font-weight: inherit;
    text-transform:capitalize;
}
.contactA h3{
    text-align: center;
    font-size: 18px;
    color: #9b9b9b;
    font-weight: normal;
}
.contactA form{
    display: block;
    width: 1000px;
    margin: 0 auto;
    margin-top: 40px;
}
.contactA input{
    width: 324px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: 1px solid #ddd;
    background: #f1f1f1;
    margin-right: 10px;
    margin-bottom: 10px;
    text-indent: 10px;
    font-size: 14px;
}
.contactA input.email{margin-right: 0px;}
.contactA textarea{
    display: block;
    outline:none;
    width: 978px;
    border: 1px solid #ddd;
    background: #f1f1f1;
    height: 180px;
    font-size: 14px;
    padding: 10px;
}
.contactA button{
    width: 100%;
    text-align: center;
    /* background: #7aba1e; */
    background:#1572c2;
    color: #fff;
    line-height: 60px;
    margin-top: 40px;
}
.contactB{
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.contactB ul{
    width: 1200px;
}
.contactB ul li{
    width: 313px;
    float: left;
    border: 1px solid #ddd;
    height: 210px;
    margin-right: 27px;
    text-align: center;
}
.contactB ul li span{
    width: 60px;
    height: 60px;
    background: #1572c2;
    color: #fff;
    border-radius: 100%;
    margin: 20px 0 15px;
}
.contactB ul li em{
    width: 50px;
    height: 50px;
    border: 1px dashed #fff;
    border-radius: 100%;
    margin: 4px;
}
.contactB ul li i{
    font-size: 30px;
    position: relative;
    top: 2px;
}
.contactB ul li h3{
    color: #525253;
    font-size: 28px;
    font-weight: 600;
}
.contactB ul li a{
    margin: 0 10px;
    color: #737373;
    line-height: 1.2em;
}
.contactC{
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.contactC iframe{
    display: block;
    width: 100%;
    height: 300px;
    margin: 30px 0;
}

.index_aboutBJQ .web{
    top: 170px;
    display: none;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5%;
    width: 90%;
}

.index_aboutLeft .more-btn{
    display: grid;
    margin: 0 auto;
    margin-bottom: 30px;
    position: relative;
    top: 30px;
}

/*1024px*****************************************************************************************************************/
.wap_head,.wap_nav{display: none;}
@media screen and (max-width:1180px){html{overflow-x: hidden;}
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body{transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;position: relative;left: 0px;}
.wap_head{background: #0d82cb;display: block;height: 50px;width: 100%;line-height: 50px;position: fixed;right:0px;top:0px;z-index: 100;}
.wap_head .menu{border-left: 1px solid #ddd;font-size: 30px;color: #fff;position: fixed;right:0%;line-height: 50px;height: 50px;width: 50px;text-align: center;top: 0px;background: #0d82cb;}
.wap_head .return{line-height: 50px;height: 50px;position: fixed;left:0%;width: 50px;text-align: center;}
.wap_head .wap_logo{margin: 0px auto;display: block;text-align: center;font-weight: bold;color: #fff;line-height: 50px;font-size: 16px;}
.wap_head img{height: 30px;margin-top: 10px;}
.wap_head i{color: #fff;}
.wap_nav select{width: 94%;margin: 10px auto;display: block;padding: 5px 0;font-size: 12px;color: #999;}
.wap_nav{display: block;width: 100vw;position: fixed;left:100vw;top:50px;background: #f9f9f9;transition: 0.4s;height: 100%;z-index: 99;overflow-y: auto;padding-bottom: 150px;}
.wap_nav>ul{width: 100%;border-top: 1px solid #eee;}
.wap_nav>ul>li>a{text-transform: uppercase;line-height:45px;color: #333;height: 45px;width:86%;display: inline-block;font-size: 14px;}
.wap_nav>ul>li i{width: 14%;font-size: 12px;display: inline-block;float: right;color: #333;text-align: center;line-height: 43px;height: 40px;}
.wap_nav>ul>li{position: relative;border-bottom: 1px solid #e5e5e5;overflow: hidden;margin: 0 20px;}
.wap_nav>ul>li>ul>li>a{text-indent:20px;display: inline-block;width:80%;line-height:36px;font-size: 12px;text-transform:capitalize;}
.wap_nav>ul>li>ul{background: #f5f5f5;display: none;float: left;width: 100%;}
.wap_nav .sousuonr{width: 100%;background: #eee;overflow: hidden;}
.wap_nav .sousuonr input{width: 80%;float: left;height: 34px;line-height: 34px;text-indent: 10px;font-size: 14px;}
.wap_nav .sousuonr button{background: #fff;width:10%;line-height: 34px;height: 34px;float: right;}
.wap_nav .sousuonr button i{font-size: 20px;position: relative;top: 2px;}
.wap_nav .sousuonr form{height: 34px;margin: 10px;background: #fff;}
.wap_nav>ul>li>ul>li>i{line-height: 32px;height:32px;}
.wap_nav>ul>li>ul>li>ul{width: 100%;display: none;padding:0 0 40px 0px;}
.wap_nav>ul>li>ul>li>ul>li>a{text-indent:40px;display: inline-block;width:80%;line-height:36px;font-size: 12px;text-transform:capitalize;}
.wap_nav>ul>li>ul>li>ul>li>i{line-height: 32px;height: 32px;}
.wap_nav .sousuonr{animation-delay:0s;}
.wap_nav select{animation-delay:0.04s;}
.wap_nav>ul>li.i1{animation-delay:0.08s;}
.wap_nav>ul>li.i2{animation-delay:0.12s;}
.wap_nav>ul>li.i3{animation-delay:0.16s;}
.wap_nav>ul>li.i4{animation-delay:0.2s;}
.wap_nav>ul>li.i5{animation-delay:0.24s;}
.wap_nav>ul>li.i6{animation-delay:0.28s;}
.wap_nav>ul>li.i7{animation-delay:0.32s;}
body.wapnav{left:-100vw;}
body.wapnav .wap_nav{left: 0px;}
.index_right a{width:33.33%;float: left;margin-bottom: 0px;border-right: 1px solid #eee;border-radius:0px;}
.index_right{left: 0px;bottom: 0px;width: 100%;}
.index_right a:last-child{border: none;}
.Customer_service{left: 2%;right: 2%;bottom: 50px;width: 96%;height:60%;}
.box{width: 100%;}
.fenye{width: 100%;margin-left: 0%;border: none;padding: 0px;}
.fenye a{width: 100%;margin-bottom: 10px;font-size: 14px;}
.fenye a.fr{text-align:left;}
.Pagination a,.Pagination i,.Pagination form{display: none;}
.Pagination a:nth-child(1){display: block;}
.Pagination a:last-child{display: block;}
.Pagination a:last-child i{display: block;}
.Pagination a:nth-child(1) i{display: block;}
.index_right i{float: none;}
.wapnone{display: none;}
/*wap_navs_tyle_end*/
}
@media (min-width:640px) and (max-width:1024px){
    .logo img{
        width:100%;
    }
}
@media (min-width:320px) and (max-width:640px){
    body{
        margin-top:50px;
    }
    .head{
        display: none;
    }
    .nav-box{
        display:none;
    }
    .index_banner{
        width:100%;
    }
    .index_banner a, .index_banner img{
        height: 130px;
    }
    .logo img{
        width:100%;
        height: auto;
    }
    .head .fl{
        display:none;
    }
    .shemei{
        display:none;
    }
    .index_about .index_aboutBJQ{
        margin-top: 20px;
        padding: 0 6px;
    }
    .index_aboutBJQ ul li{
        height: auto;
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 10px
    }
    .index_aboutBJQ img{
        top: 7%;
        left: 2%;
        float: left;
        width: 32%;
        height: 85px;
    }
    .index_aboutBJQ p{
        float: right;
        width: 64%;
        text-align: left;
        right: 0;
        top: 47px;
        color: #999999;
    }
    .index_aboutBJQ .web{
		width: 100%;
		padding: 5px;
		text-indent: 2em;
		padding-bottom: 0;
		top: 110px;
		height: 70px;
		position: absolute;
		z-index: 999;
		color: #999999;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
    }
    .index_aboutBJQ span{
        display: none;
        margin-top: 110px;
        margin-bottom: 0;
        width: 15%;
    }
	.index_case_banner_masker{
		height:auto;
	}
	#index_case_banner1, #index_case_banner2, #index_case_banner3, #index_case_banner4{
		height:180px !important;
	}
	.index_aboutBJQ ul li .href_masker{
		display:none;
	}
    .index_aboutBJQ ul li a{
        margin-top: 15px;
        width: 64%;
        float: right;
        text-align: left;
        right: 0;
        color: rgb(75, 75, 75);
        top: 0;
        text-overflow: ellipsis;
        white-space:nowrap;
        overflow: hidden;
    }
    .index_title h2{
        font-size: 20px;
    }
    .index_productTxt p{
        font-size: 14px;
        margin: 20px auto;
    }
    .index_about_box h4{
        width: 100%;
        text-align: center;
    }
    .index_about_box p{
        width: 100%;
        padding: 0 6px;
    }
    .index_about_box img{
        display:none;
    }
    .index_about_box .more-btn,.index_aboutLeft .more-btn{
        margin: 0 auto;
        margin-bottom: 30px;
        display: grid;
    }
    .index_product{
        padding-bottom: 30px;
    }
    .server_title h2{
        margin: 20px 0 5px 0;
    }
    .index_productServer p{
        margin-bottom: 20px;
    }
    .index_server_content p{
        padding: 0 8px;
        font-size: 16px;
    }
    .index_server{
        padding-bottom: 20px;
    }
    .footCopyright .fl{
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
    .index_case{
        display:none;
    }
    .index_news .fadeInRight{
        display:none;
    }
    .fadeInLeft{
        width: 100%;
        padding: 0 8px;
    }
    .left_list ul li{
        width: 100%;
    }
    .left_list ul li:first-child{
        width: 100%;
    }
    .left_list ul li:first-child img{
        display:none;
    }
    .left_list ul li div{
        width:100%;
    }
    .left_list ul li:first-child div{
        width:100%;
    }
    .footShemei{
        display:none;
    }
    .bounceInUp{
        float: left;
        width: 50%;
        height: 150px;
    }
    .index_news{
        margin-top: 20px;
    }
    .wap_nav>ul>li{
        display:block;
    }
    .left_contact{
        display: none;
    }
    .about{
        padding: 10px 0;
        width: 100%;
    }
    .about .fadeInLeft{
        width: 100%;
    }
    .base_left{
        width:100% !important;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .base_left h4{
        width: 100% !important;
    }
    .content{
        width:100% !important;
    }
    .about_content p{
        padding:0 8px;
    }
    .service_content p{
        padding:0 8px;
    }
    .case_content ul li{
        width:49.5% !important;
    }
    .case_content ul li a img{
        height:130px !important;
    }
    .case_content ul li a h4{
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        margin: 15px 0 20px !important;
        padding: 0 !important;
    }
    .product_show_a .fr,.product_show_a{
        width:100% !important;
        height:auto !important;
    }
    .product_show_a .product_show_imgs{
        height:auto !important;
    }
    .product_show_imgs img{
            height: 240px !important;
    }
    .swiper-wrapper{
        height:auto !important;
    }
    .product_show_imgs .swiper-container{
        height:auto !important;
    }
    .product_show_a .fr ul li{
        width: 48.5% !important;
    }
    .product_show_a .fb .txt{
        padding: 0 8px;
    }
    .fenye{
        padding-top:10px;
    }
    .news_content ul li a h4{
        width: 80% !important;
    }
    .news_content ul li a span{
        width: 20% !important;
        float: right;
        font-size: 12px !important;
    }
    .news_content ul li{
        height: 40px !important;
    }
    .contactA{
        padding: 30px 0 !important;
    }
    .contactA form{
        width: 100% !important;
        padding: 0 5px;
    }
    .contactA input,.contactA textarea{
        width: 100% !important;
    }
    .contactB{
        width: 100% !important;
    }
    .contactB ul{
        width: 100% !important;
        margin: 0 auto;
        display: grid;
    }
    .contactB ul li{
        width: 80% !important;
        margin:0 auto !important;
        margin-bottom: 10px !important;
    }
    #dituContent{
        width:100% !important;
    }
    .contactC{
        width:100% !important;
    }
    .news_show .news_txt p{
        padding: 0 5px;
    }
}

.base_left{
    width:260px;
    float:left;
}
.base_left h4{
    width:95%;
    height:45px;
    line-height:45px;
    background:#1572c2;
    color:#fff;
    padding-left: 5%;
    font-weight: normal;
}
.base_left ul{
    border:1px solid #e5e5e5;
}
.base_left ul li{
    width:90%;
    padding: 0 5%;
}
.base_left ul li a{
    font-size: 14px;
    font-family: 微软雅黑;
    color: #444444;
    display: block;
    padding: 5% 5px;
    border-bottom: 1px dashed #e5e5e5;
}
.base_left ul li a:hover{
    color: #f29313;
}
.base_left ul li .this{
    color: #f29313;
}
.base_left ul li:last-child a{
    border-bottom: none;
}

.left_contact{
    margin-top: 30px;
}
.left_border_box{
    border:1px solid #e5e5e5;
}

.left_contact span{
    font-size: 14px;
    color: rgb(51, 51, 51);
    font-weight:600;
    padding: 10px 5px;
}

.left_contact p{
    font-size: 14px;
    color: #444444;
    line-height: 30px;
    padding: 0 5px;
}

.content{
    width:930px;
    float:right;
}
.content .breadcrumb{
    width:100%;
    height:45px;
    line-height:45px;
    font-size: 16px;
    color: #2b2b2b;
    font-family: 微软雅黑;
    padding-left: 10px;
    position:relative;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.content .breadcrumb span{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 85px;
    border-bottom: 1px solid #2b2b2b;
}

.service_content p{
    font-size: 18px;    
    color: #444444;
    text-indent: 2em;
    margin-bottom: 20px;
}

.service_content ul li{
    float: left;
    width:100%;
    padding:0 10px;
}
.service_content ul li .border_box{
    float:left;
    padding:20px 10px;
    border-bottom: 1px solid #ddd;
}
.service_content ul li .border_box img{
    width: 32%;
    float:left;
    margin-right: 3%;
}
.service_content ul li .border_box h4{
    width:65%;
    float:right;    
    font-family: 微软雅黑;
    font-size: 18px;
    color: #333333;
    margin-bottom: 30px;
    font-weight: normal;
}
.service_content ul li .border_box p{
    width:65%;
    float:right;    
    font-family: 微软雅黑;
    font-size: 14px;
    color: #666666;
    line-height: 2em;
}
.case_content{
    float: left;
    margin-top: 10px;
    width:100%;
    overflow: hidden;
}

.case_content ul li{
    float: left;
    width:32%;
    padding:0 5px;
}
.case_content ul li a img{
    width:100%;
    float: left;
    height:220px;
    border: 1px solid #e9e9e9;
}
.case_content ul li a h4{
    color: #333;
    width: 100%;
    float: left;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 15px 0;
}
.case_content ul li a h4:hover{
    background: #1572c2;
}

.product_show_a{
    width: 930px;
    overflow: hidden;
    float: right;
}
.product_show_a .fr{
    width: 800px;
    float: none;
    margin: 0 auto;
}
.product_show_a .fb{width: 100%;float: right;padding-top: 30px;}
.product_show_a .fb h1{font-size: 30px;color: #222222;margin-bottom: 20px;}
.product_show_a .product_show_imgs{
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
    height:500px;
    overflow:hidden;
}
.product_show_a .fr ul li{float: left;margin-right: 1%;width: 19%;}
.product_show_a .fr ul{
    width: 100%;
    position: relative;
    left: 3px;
    float: left;
}
.product_show_a .fr ul li img{cursor: pointer;width: 100%;border: 1px solid #ddd;height:110px}
.product_show_a .fr ul li img:hover{border: 1px solid #367bf0;}
.product_show_imgs img{width: 100%;display: block;height:100%;}
.product_show_a .fb .jianjie{border-bottom: 1px solid #eee;padding-bottom: 5px;}
.product_show_a .fb .jianjie p{color: #0f0f0f;font-size: 16px;}
.product_show_a .fb .txt{margin-top: 20px;}
.product_show_a .fb .txt p{font-size: 14px;margin-bottom: 10px;}
.product_show_a .fb .txt i{margin-right: 10px;}
.product_show_imgs .swiper-button-next{right: 0px;}
.product_show_imgs .swiper-button-prev{left: 0px;}
.product_show_a .fb h1{font-size: 20px;}
.product_show_a .fb h1{margin-bottom: 10px;}
.product_show_a .fb .txt p{margin-bottom: 20px;}
.product_show_imgs .swiper-button-prev{transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;left: -50px;background: #fff;color: #2d99e6;text-align: center;line-height: 44px;}
.product_show_imgs .swiper-button-next{transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;right: -50px;background: #fff;color: #2d99e6;text-align: center;line-height: 44px;}
.product_show_imgs:hover .swiper-button-prev{left: 20px;}
.product_show_imgs:hover .swiper-button-next{right: 20px;}
.product_show_imgs img{width: 100%;display: block;}
.swiper-pagination .swiper-pagination-bullet-active{background: #1572c2;}

.product_show_a .breadcrumb{
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    color: #2b2b2b;
    font-family: 微软雅黑;
    padding-left: 10px;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}
.product_show_a .breadcrumb span{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 85px;
    border-bottom: 1px solid #2b2b2b;
}

.news_content{
    width:100%;
    float: left;
}

.news_content ul li{
    float: left;
    width: 96%;
    padding: 1% 2%;
    height: 30px;
    border-bottom:1px dashed #e5e5e5;
}
.news_content ul li a{
    width: 100%;
}
.news_content ul li a span{
    width: 12%;
    float: right;
    font-size: 14px;
    font-family: 微软雅黑;
    color: #2b2b2b;
    line-height: 30px;
    text-align: right;
}
.news_content ul li a h4{
    color: #2b2b2b;
    width: 88%;
    float: left;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    font-family: 微软雅黑;
}
.news_content ul li:hover{
    color: #f29313;
}

.news_show{
    margin-top: 50px;
}
.news_show h1{
    color: #333;
    text-align: center;
    font-size: 30px;
}
.news_show .news_sj{
    text-align: center;
    color: #a1a1a1;
    font-style: italic;
    margin: 20px 0;
}
.news_txt p{
    color: #6a6a6a;
    font-size: 16px;
    margin-bottom: 10px;
}
.map{
    display: block;
    width: 100%;
    height: 400px;
    margin: 30px 0;
}
/* .map { */
    /* height: 390px; */
    /* margin-top: 70px; */
/* } */
#index_banner .swiper-button-next,.swiper-button-prev{
    background-image: none !important;
}
#index_banner .swiper-button-next i,#index_banner .swiper-button-prev i{
    font-size: 60px;
    font-weight: bolder;
    position: absolute;
    color: #fff;
}
#index_banner .swiper-button-next i{
    right: -80px;
    top: -14px;
    background-color: #444;
    border-radius: 2px;
    opacity: 0.7;
}
#index_banner .swiper-button-prev i{
    left: -80px;
    top: -14px;
    background-color: #444;
    border-radius: 2px;
    opacity: 0.7;
}
.indexRight{
    position: fixed;
    right: -200px;
    bottom: 20px;
    z-index: 20;
}
.indexRight a{
    background: #d70000;
    overflow: hidden;
    margin-bottom: 10px;
    display: block;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
position: relative; right: 0px;
    box-shadow: 0 1px 2px 0 rgba(32,33,36,0.28);
}
.indexRight a:hover{right: 200px;}
.indexRight a:last-child:hover{right:0px;}
.indexRight i{
    width: 52px;
    float: left;
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: relative;
    top: 4px;
}
.indexRight p{
    background: #ededed;
    float: left;
    line-height: 52px;
    height: 52px;
    width: 200px;
    font-size: 14px;
    padding-left: 10px;
}
#returnTop{
    opacity:0;
}
#index_case_banner1,#index_case_banner2,#index_case_banner3,#index_case_banner4{
	width: 100%;
    display: block;
    height: 330px;
}

/*æ–°nav*/
.nav{
    width:1400px;
    margin:0 auto;
    height:84px;
    border-bottom:1px solid #ddd;
}
.nav_masker{
    width: 100%;
    height: 84px;
    float: left;
    position: absolute;
    background: #444;
	opacity:0.2;
}

.top_nav{
	width:100%;
    height:84px;
    position:absolute;
    top:0;
    left:0;
    z-index:99999;
    transition:background .5s;
}
.nav>a{
    padding:25px 0;
    display:inline-block;
    float:left;
    width:15%;
	position: relative;
}
.nav>a>img{
	width: 120%;
	margin-top: -8px;
}
.nav>.myuls{
    width:85%;
    height:84px;
    float:left;
}
.nav>.myuls>ul{
	width:85%;
	margin:0 auto;
	height:84px;
}
.nav>.myuls>ul>li{
	width:16%;
	float:left;
	position:relative;
}
.nav>.myuls>ul>li>p{
	position:absolute;
	top:84px;
	left:0px;
	width:160px;
	height:auto;
	z-index:99999;
	padding:10px 20px;
	box-sizing: border-box;
	display:none;
}
.nav>.myuls>ul>li>p.pone{
	background: -webkit-linear-gradient(#212530,#1351ac); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#212530,#1351ac); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#212530,#1351ac); /* Firefox 3.6 - 15 */
    background: linear-gradient(#212530,#1351ac); /* 鏍囧噯鐨勮娉� */
    opacity: 0.7;
	height:auto;
}
.nav>.myuls>ul>li>p.pTwo{
	left:13px;
	width:175px;
	height:205px;
}
.nav>.myuls>ul>li>p.pThree{
	left:18px;
	width:170px;
	height:165px;
}
.nav>.myuls>ul>li>p.pfour{
	left:18px;
	width:170px;
	height:160px;
}
.nav>.myuls>ul>li>p>a{
	display: inline-block;
	width:100%;
	color:#fff;
	font-size:14px;
	padding:10px 0;
	box-sizing: border-box;
	font-family:"verdana";
	text-align: center;
}
.nav>.myuls>ul>li>a{
	display:block;
	width:65%;
	margin:0 auto;
	height:84px;
	text-align: center;
	line-height:84px;
	color:#fff;
	font-size:18px;
	box-sizing:border-box;
	font-family:"verdana";
	position: relative;
    top: 1px;
}
.nav>.myuls>ul>li>a.act{
	border-bottom:3px solid #e66c17;
}
.nav>.myuls>ul>li>a.this{
	border-bottom:3px solid #e66c17;
}
.index_results{

}

.swiper-slide{
    overflow: hidden;
}

.index_banner img{
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 10s; /*动画所花费的时间*/
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    10%{
        transform: scale(1);  /*开始为原始大小*/
    }
    50%{
        transform: scale(1.1);
    }
    60%{
        transform: scale(1.1);  /*开始为原始大小*/
    }
    100%{
        transform: scale(1);  /*开始为原始大小*/
    }
}