@charset "utf-8";

@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
ol,ul,h1,h2,h3,h4,h5,h6,p,dd,dt,dl{ margin: 0; padding: 0;}
body{font: Arial,'Microsoft YaHei',SimHei,SimSun;}
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.container{max-width:1200px !important; height: 100%; padding-left: 0; padding-right: 0;}
@media (max-width:991px){
    .container{padding-left: 15px; padding-right: 15px;}
}
.container-fluid{max-width: 1000px!important;}
.content{margin-top: 30px;}
.middle{vertical-align: middle;display: table-cell;}
.tr{transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
header .head_main{width: 100%;}
header .head_top{height: 35px; border-bottom: 1px solid #cccccc; overflow: hidden;}
header .head_top h4{float: left; line-height: 34px; font-size: 14px; color: #000000;}
header .head_top .top_link{float: right; overflow: hidden;}
header .head_top .top_link a{float: left; position: relative; font-size: 14px; color: #666666; line-height: 34px; padding: 0 5px;}
header .head_top .top_link a:before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 1px; height: 12px; background-color: #666666;}
header .head_top .top_link a:nth-child(1):before{display: none;}
header .head_box{width: 100%; height: 125px;}
header .head_box .logo{height: 100%; display: table; float: left;}
header .head_box .logo a{display: table-cell; vertical-align: middle;}
header .head_box .logo a img{max-width: 352px; width: 100%;}
/**/
header .navbar-toggle{margin:0; position:absolute; padding:0; transform:translate(0,-50%); display:block;  cursor:pointer;}
header .navbar-toggle .icon-bar{background:#065ab7; width:35px; height:5px;}
header .navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
.tx .icon-bar:nth-child(1){ margin-top:12px; transform:rotateZ(45deg);}
.tx .icon-bar:nth-child(2){ opacity:0;}
.tx .icon-bar:nth-child(3){ top:50%; position:absolute; margin:0 !important; transform:translate(0,-50%) rotateZ(135deg);}
/**/
header .head_box .head_right{float: right; height: 100%;}
header .head_box .head_nav{float: left; height: 100%;}
header .head_box .head_nav ul{margin: 0; padding: 0;}
header .head_box .top_li{float: left; position: relative; text-align: center; height: 100%; display: table;margin-left: 10px;}
header .head_box .top_li>a{ color: #000000; font-size: 16px; display: block; padding: 0 15px; width: 100%; height: 32px; line-height: 30px; border: 1px solid #fff; border-radius: 30px; position: relative; margin-top: 47px;}
header .head_box .top_li:hover>a{color: #0085d0; border-color: #0085d0;}
header .head_box .top_li .er{display: none; position:absolute; top:90px; left: 0; width: 100%; z-index:99999;}
header .head_box .top_li .er>li{height: 40px; background: rgba(0,0,0,.7); transition:all 0.3s;}
header .head_box .top_li .er>li a{line-height:40px; color:#fff; display: block;}
header .head_box .top_li .er>li:hover a{color: #fff0f0; background-color: #018bc2;}
header .head_box .head_tel{float: left; height: 100%; display: table; margin-left: 5px;}
header .head_box .head_tel h4{font-size: 22px; color: #0085d0; font-family: Impact; border: 1px solid #0085d0; padding: 0 10px; border-radius: 30px; line-height: 30px;}
.banner img{width: 100%;}
header .swiper-pagination-bullet-active{background: #e50617;}
/*  */
.topSelect{width: 100%;}
.picbox{width:100%; overflow:hidden; background:#f6f6f6; border-bottom:1px solid #e6e6e6; padding:25px 0;}
.picbox>.container{display:flex; flex-wrap:wrap;}
.picbox>.container>div{float:left; background:url(../images/pic_shutiao.jpg) repeat-y right top; padding-right:3px;}
.picbox>.container>div:last-child{padding:0; background:none;}
.picbox>.container>div.pic_L{width:35%; padding-right:40px; font-size:24px; color:#000; line-height:34px;}
.picbox>.container>div.pic_L>span{display:block; overflow:hidden; color:#0c7bc9; font-weight:bold; letter-spacing:3pt;}
.picbox>.container>div.pic_C{width:27%; padding:0 0 0 25px;}
.picbox>.container>div.pic_C .pic_p{display:block; overflow:hidden; background:url(../images/pic_dianhua.png) no-repeat left 5px; padding-left:30px; font-size:14px; color:#000; margin-bottom: 10px}
.picbox>.container>div.pic_C .pic_sp{line-height: 1.5; font-family:Arial; font-size:20px; color:#776868; font-weight:bold; color: #0E7CC9}
.picbox>.container>div.pic_R{width:38%; padding:0 25px 0 50px;}
.picbox>.container>div.pic_R .search{width:100%; float:left; border:1px solid #d4d4d4; background:#fff;}
.picbox>.container>div.pic_R .search .search_inp1{width:calc(100% - 40px); float:left; height:34px; line-height:34px; padding:0 10px; font-size:14px; color:#000; border: none;}
.picbox>.container>div.pic_R .search .search_inp1::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #000;} 
.picbox>.container>div.pic_R .search .search_inp1:-moz-placeholder, textarea:-moz-placeholder {color: #000;} 
.picbox>.container>div.pic_R .search .search_btn{width:40px; float:left; height:34px; background:url(../images/search_ss.png) no-repeat center center; border: none;}
.picbox>.container>div.pic_R .pic_txt{width:100%; float:left; line-height:30px; font-size:14px; color:#000; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}
.picbox>.container>div.pic_R .pic_txt>a{color:#000; margin:0 5px;}
.picbox>.container>div.pic_R .pic_txt>a:hover{color:#0c7bc9; text-decoration:underline!important;}
/*  */
.titleIndex{width: 100%; text-align: center; overflow: hidden;}
.titleIndex .EN{font-size: 26px; color: #666666; font-family: Arial; font-weight: bold;}
.titleIndex .CN{font-size: 28px; color: #027dcc; font-weight: bold; display: inline-block; position: relative; padding: 0 20px;}
.titleIndex .CN::before, .titleIndex .CN::after{content: ""; position: absolute; top: 0; bottom: 0; margin: auto; width: 600px; height: 1px; background-color: #dddddd;}
.titleIndex .CN::before{left: 100%; }
.titleIndex .CN::after{right: 100%;}
/*  */
.product{width: 100%; padding: 30px 0 10px 0; overflow: hidden;}
.product .hd{text-align: center;}
.product .hd ul{display: inline-block;}
.product .hd ul li{float: left; padding: 0 10px; margin-bottom: 20px;}
.product .hd ul li a{display: block; width: 105px; height: 35px; line-height: 33px; border: 1px solid #ccc; text-align: center; font-size: 16px; color: #2f2f2f;}
.product .hd ul li a:hover{border-color: #027dcc; color: #027dcc;}
.product .hd ul .on a{border-color: #027dcc; color: #027dcc;}
.product .bd{margin-top: 10px;}
.product .bd ul{width: 1220px;}
.product .item{width: 285px; float: left; margin: 0 20px 20px 0;}
.product .item a{display: block; width: 100%; height: 100%;}
.product .item .imgbox{position: relative; display: block; overflow: hidden;}
.product .item .imgbox::before{content: ""; display: block; padding-top: 78%;}
.product .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 100%; height: auto;}
.product .item .txt{line-height: 30px; font-size: 14px; color: #333; text-align: center;}
.product .item:hover .imgbox .img{transform:scale(1.1);}
.product .item:hover .txt{color: #027dcc;}
/*  */
.about{width:100%; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center center; background-size:cover; padding-top:50px; overflow: hidden;}
.about .gsjj_T{display:block; overflow:hidden; line-height:42px; color:#fff; font-size:24px; font-weight:bold;}
.about .gsjj_T::before{content:""; width:3px; float:left; height:22px; background:#fff; margin:10px 20px 0 2px;}
.about .gsjj{display:block; margin-top:30px; position:relative; }
.about .gsjj_title{width:140px; float:left; position:absolute; left:0; top:38px; z-index:9;}
.about .gsjj_title::before{content:""; width:100%; float:left; height:100%; background:#fff; opacity:0.5; position:absolute; left:-5px; top:-5px; z-index:0;}
.about .gsjj_titleB{width:100%; float:left; background:rgba(6,110,185,0.8); padding:25px 15px; position:relative; z-index:2;}
.about .gsjj_titleB::before{content:""; width:100%; height:1px; float:left; background:#066eb9; position:absolute; left:0; bottom:-2px;}
.about .gsjj_heng{width:30px; height:2px; background:#fff; display:block; overflow:hidden;}
.about .gsjj_p{display:block; overflow:hidden; line-height:26px; margin-top:7px; font-size:18px; color:#fff; font-weight:bold;}
.about .gsjj_sp{display:block; overflow:hidden; line-height:20px; font-size:14px; color:#fff;}
.about .gsjj_contect{width:calc(100% - 50px); float:right; background:#ececec; padding:30px 35px 30px 15px; display:flex; flex-wrap:wrap;}
.about .gsjj_img{width:440px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about .gsjj_B{width:calc(100% - 440px); float:left; padding-left:35px;}
.about .gsjj_txt{display:block; overflow:hidden; font-size:14px; color:#666; line-height:24px; margin-top:15px; height:168px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:7; -webkit-box-orient: vertical;}
.about .gsjj_dianhua{display:block; overflow:hidden; margin-top:35px; padding-left:85px; background:url(../images/gsjj_dianhua.png) no-repeat left center; line-height:26px; font-size:14px; color:#060001;}
.about .gsjj_dianhua>span{display:block; overflow:hidden; line-height:40px; font-family:Impact; font-size:36px; color:#066eb9;}
/*  */
.ysBox{width: 100%; padding: 30px 0; background: url(../images/ys_bg.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.ysBox .ysTitle{text-align: center;}
.ysBox .ysTitle img{max-width: 491px; height: auto;}
.ysBox .content{position: relative;}
.ysBox .imgbox{text-align: center; overflow: hidden;}
.ysBox .imgbox img{max-width: 550px; height: auto;}
.ysBox .list{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ysBox .list li{width: 250px; height: 210px; padding: 0 20px; position: absolute; background: url(../images/ys_kuang.png) no-repeat; background-size: 100% 100%; text-align: center; font-size: 28px; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center;} 
.ysBox .list li:nth-child(1){top: 0; left: 0;}
.ysBox .list li:nth-child(2){top: 0; right: 0;}
.ysBox .list li:nth-child(3){bottom: 0; left: 0;}
.ysBox .list li:nth-child(4){bottom: 0; right: 0;}
.ysBox .ysTel{text-align: center; margin-top: 40px;}
.ysBox .ysTel h4{font-size: 28px; color: #060001; font-weight: bold; display: inline-block; background: url(../images/ys_tel.png) no-repeat left center; padding-left: 55px;}
.ysBox .ysTel h4 span{font-size: 43px; color: #027dcc; font-family: Impact; margin-left: 10px;}
/*  */
.disp{width: 100%; background: url(../images/disp_bg.jpg) no-repeat center center; background-size: cover; padding: 30px 0;}
.disp .title_disp{text-align: center;}
.disp .title_disp h2{font-size: 34px; color: #fff; font-weight: bold;}
.disp .title_disp h4{font-size: 14px; color: #fff; margin: 10px;}
.disp .content{position: relative; padding: 0 50px;}
.disp .item{width: 100%;}
.disp .item .imgbox{position: relative; overflow: hidden; border: 1px solid #e6e6e6;}
.disp .item .imgbox::before{content: ""; display: block; padding-top: 95%;}
.disp .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: auto;}
.disp .item .txt{line-height: 35px; background-color: #e6e6e6; text-align: center; font-size: 14px; color: #2d2d2d;}
.disp .item:hover .imgbox .img{transform:scale(1.1);}
.disp .item:hover .txt{background-color: #027dcc; color: #fff;}
.disp .disp-next, .disp .disp-prev{position: absolute; width: 40px; height: 90px; line-height: 90px; text-align: center; font-size: 24px; color: #027dcc; background-color: #e6e6e6; top: 0; bottom: 0; margin: auto;}
.disp .disp-next{left: 0;}
.disp .disp-prev{right: 0;}
/*  */
.news{padding: 30px 0;}
.news .left{width: 50%; float: left; padding-right: 15px;}
.news .right{width: 50%; float: left; padding-left: 15px;}
.news .left .imgs{width: 100%; text-align: center; overflow: hidden; margin-bottom: 20px;}
.news .left .imgs .img{width: 100%; height: auto;}
.news .left .imgs:hover .img{transform:scale(1.1);}
.news .left .txts .title{font-size: 14px; color: #161616; font-weight: bold; margin-bottom: 10px;}
.news .left .txts .title span{float: right; font-size: 12px; color: #9f9f9f;}
.news .left .txts .txt{font-size: 14px; color: #161616; line-height: 1.5;}
.news .item{width: 100%; padding: 15px; background-color: #f7f7f7; margin-bottom: 7px;}
.news .item a{width: 100%; height: 100px; display: block; overflow: hidden; zoom: 1;}
.news .item .date{width: 105px; height: 100%; float: left; border: 1px solid #e2e2e2; background-color: #fff; text-align: center;}
.news .item .date .date1{font-size: 40px; color: #6f6f6f; line-height: 70px; font-family: Arial;}
.news .item .date .date2{font-size: 14px; color: #212121; line-height: 30px; background-color: #e2e2e2; border-top: 1px solid #f0f0f0;}
.news .item .txtbox{width: calc(100% - 105px); height: 100%; float: left; padding: 5px 20px;}
.news .item .txtbox .title{font-size: 14px; color: #161616; font-weight: bold; margin-bottom: 10px;}
.news .item .txtbox .txt{font-size: 14px; color: #161616; height: 60px; line-height: 20px; overflow: hidden;}
.news .item:hover{background-color: #027dcc;}
.news .item:hover .date{border-color: #027dcc;}
.news .item:hover .date .date1{color: #027dcc;}
.news .item:hover .date .date2{color: #fff; background-color: #027dcc;}
.news .item:hover .txtbox .title{color: #fff;}
.news .item:hover .txtbox .txt{color: #fff;}
/*  */
.foot{width: 100%; background-color: #eee; padding: 30px 0;}
.foot .left{float: left;}
.foot .right{float: right;}
.foot .footList{overflow: hidden; zoom: 1; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c1c1c1;}
.foot .footList li{float: left; margin-right: 10px; padding-right: 10px; position: relative;}
.foot .footList li::before{content: ""; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 1px; height: 12px; background-color: #727272;}
.foot .footList li a{font-size: 14px; color: #333;}
.foot .footList li a:hover{color: #027dcc;}
.foot .footTel {font-size: 16px; color: #363636;}
.foot .footTel span{font-size: 22px; color: #eb0e00; font-weight: bold;}
.foot .copyright{text-align: left; margin-top: 10px}
.foot .copyright p{font-size: 14px; color: #333;}
.foot .copyright a{color: #333;}
.foot .foot_txt{overflow: hidden;}
.foot .foot_txt li{font-size: 15px; color: #363636; line-height: 30px; padding-left: 35px;}
.foot .foot_txt li:nth-child(1){background: url(../images/foot_icon_01.png) no-repeat left center;}
.foot .foot_txt li:nth-child(2){background: url(../images/foot_icon_02.png) no-repeat left center;}
.foot .foot_txt li:nth-child(3){background: url(../images/foot_icon_03.png) no-repeat left center;}
.foot .foot_txt li:nth-child(4){background: url(../images/foot_icon_04.png) no-repeat left center;}
/*  */
.inner_page{width: 100%; padding: 40px 0;}
.inner_page .innerLeft{width: 270px; float: left;}
.inner_page .innerRight{width: calc(100% - 270px); float: left; padding-left: 40px;}
.inner_page .sideBar_inner .side_tit_in{background: #008cd6; text-align: center; position: relative; font-size: 0; padding: 18px 1px;}
.inner_page .sideBar_inner .side_tit_in>h4{font-size: 26px; color: #ffffff; font-weight: bold;}
.inner_page .sideBar_inner .side_tit_in .side_span{position: absolute; right: 15px; top: 12px; font-size: 22px; color: #ffffff;}
.inner_page .sideBar_inner ul{display: none;}
.inner_page .sideBar_inner .nul{background-color: #ffffff; margin-top: 10px;}
.inner_page .sideBar_inner .nli{width: 100%; position: relative; margin-bottom: 15px;}
.inner_page .sideBar_inner .nli>a{display: block; position: relative; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #000; background-color: #d8d8d8; text-align: center; padding: 0 10px;}
/* .inner_page .sideBar_inner .nli>a span{position: absolute; width: 22px; height: 22px; top: 0; bottom: 0; right: 22px; margin: auto; background: url(../images/jiantou1.png) no-repeat; background-size: 100% 100%;} */
.inner_page .sideBar_inner .nli:hover>a{background-color: #008cd6; color: #fff;}
.inner_page .sideBar_inner .nli .act{background-color: #008cd6; color: #fff;}
.inner_page .sideBar_inner .er{width: 100%; overflow: hidden;}
.inner_page .sideBar_inner .er li{width: 100%; position: relative; text-align: left;}
.inner_page .sideBar_inner .er li a{line-height: 40px; height: 40px; border-bottom: 1px dotted #c9ccce; overflow: hidden; display: block; font-size: 14px; color: #000; background: url(../images/jiantou2.png) no-repeat 30px; padding-left: 50px;}
.inner_page .sideBar_inner .er li a:hover{color: #008cd6;}
.inner_page .side_bot{margin-top: 20px;}
.inner_page .side_bot .side_tel{padding: 15px; background-color: #008cd6;}
.inner_page .side_bot .side_tel h5{font-size: 16px; color: #fff; margin-bottom: 5px;}
.inner_page .side_bot .side_tel p{font-size: 24px; color: #fff; font-weight: bold;}
.inner_page .side_bot .txts{margin-top: 15px;}
.inner_page .side_bot .txts p{font-size: 14px; color: #333; line-height: 2;}
.inner_page .titleInner{border-bottom: 1px solid #eee; padding-bottom: 10px; position: relative;}
.inner_page .titleInner h4{float: left; font-size: 26px; color: #008cd6; font-weight: bold;}
.inner_page .titleInner h5{float: right; font-size: 14px; color: #333; margin-top: 5px;}
.inner_page .titleInner h5 a{color: #333;}

/*  */
.about_page{width: 100%; padding: 30px 0 100px 0;}
.about_page .txtbox{overflow: hidden;}
.about_page .txtbox img{max-width: 100%; height: auto;}
.about_page .txtbox p{font-size: 14px; color: #333; line-height: 2;}
.about_page .txtbox p img{max-width: 100%;}
/*  */
.product_page{width: 100%; padding: 30px 0 50px 0;}
.product_page .item{width: 33.333%; float: left; padding: 0 10px; margin-bottom: 20px;}
.product_page .item a{display: block; width: 100%; height: 100%;}
.product_page .item .imgbox{position: relative; display: block; overflow: hidden;}
.product_page .item .imgbox::before{content: ""; display: block; padding-top: 78%;}
.product_page .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 100%; height: auto;}
.product_page .item .txt{line-height: 30px; font-size: 14px; color: #333; text-align: center;}
.product_page .item:hover .imgbox .img{transform:scale(1.1);}
.product_page .item:hover .txt{color: #027dcc;}
/*  */
.productShow_page{width: 100%; padding: 30px 0 100px 0;}
.productShow_page .imgbox{text-align: center; overflow: hidden;}
.productShow_page .imgbox img{max-width: 100%; height: auto;}
.productShow_page .txtbox{margin-top: 20px;}
.productShow_page .txtbox p{font-size: 14px; color: #333; line-height: 2;}

/*  */
.service_page{width: 100%; padding: 30px 0 100px 0;}
.service_page .item{width: 33.333%; float: left; padding: 0 10px; margin-bottom: 20px;}
.service_page .item a{display: block; width: 100%; height: 100%;}
.service_page .item .imgbox{position: relative; display: block; overflow: hidden;}
.service_page .item .imgbox::before{content: ""; display: block; padding-top: 78%;}
.service_page .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 100%; height: auto;}
.service_page .item .txt{line-height: 30px; font-size: 14px; color: #333; text-align: center;}
.service_page .item:hover .imgbox .img{transform:scale(1.1);}
.service_page .item:hover .txt{color: #027dcc;}
/*  */
.serviceShow_page{width: 100%; padding: 30px 0 100px 0;}
.serviceShow_page .imgbox{text-align: center; overflow: hidden;}
.serviceShow_page .imgbox img{max-width: 100%; height: auto;}
.serviceShow_page .txtbox{margin-top: 20px;}
.serviceShow_page .txtbox p{font-size: 14px; color: #333; line-height: 2;}

/*  */
.news_page{padding: 30px 0 100px 0;}
.news_page .item{width: 100%; padding: 15px; background-color: #f7f7f7; margin-bottom: 7px;}
.news_page .item a{width: 100%; height: 100px; display: block; overflow: hidden; zoom: 1;}
.news_page .item .date{width: 105px; height: 100%; float: left; border: 1px solid #e2e2e2; background-color: #fff; text-align: center;}
.news_page .item .date .date1{font-size: 40px; color: #6f6f6f; line-height: 70px; font-family: Arial;}
.news_page .item .date .date2{font-size: 14px; color: #212121; line-height: 30px; background-color: #e2e2e2; border-top: 1px solid #f0f0f0;}
.news_page .item .txtbox{width: calc(100% - 105px); height: 100%; float: left; padding: 5px 20px;}
.news_page .item .txtbox .title{font-size: 14px; color: #161616; font-weight: bold; margin-bottom: 10px;}
.news_page .item .txtbox .txt{font-size: 14px; color: #161616; height: 60px; line-height: 20px; overflow: hidden;}
.news_page .item:hover{background-color: #027dcc;}
.news_page .item:hover .date{border-color: #027dcc;}
.news_page .item:hover .date .date1{color: #027dcc;}
.news_page .item:hover .date .date2{color: #fff; background-color: #027dcc;}
.news_page .item:hover .txtbox .title{color: #fff;}
.news_page .item:hover .txtbox .txt{color: #fff;}
/*  */
.newsShow_page{width: 100%; padding: 30px 0 100px 0;}
.newsShow_page .title{text-align: center; border-bottom: 1px dotted #aaa; padding-bottom: 10px; margin-bottom: 20px;}
.newsShow_page .title h4{font-size: 18px; color: #333;}
.newsShow_page .title h5{font-size: 13px; color: #aaa; margin-top: 10px;}
.newsShow_page .imgbox{text-align: center; overflow: hidden; margin-bottom: 20px;}
.newsShow_page .imgbox img{max-width: 100%; height: auto;}
.newsShow_page .txtbox{margin-bottom: 20px;}
.newsShow_page .txtbox img{max-width: 100%; height: auto;}
.newsShow_page .txtbox p{font-size: 14px; color: #333; line-height: 24px;}

/*  */
.display_page{width: 100%; padding: 30px 0 100px 0;}
.display_page .item{width: 33.333%; float: left; padding: 0 10px; margin-bottom: 20px;}
.display_page .item a{display: block; width: 100%; height: 100%;}
.display_page .item .imgbox{position: relative; display: block; overflow: hidden;}
.display_page .item .imgbox::before{content: ""; display: block; padding-top: 78%;}
.display_page .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 100%; height: auto;}
.display_page .item .txt{line-height: 30px; font-size: 14px; color: #333; text-align: center;}
.display_page .item:hover .imgbox .img{transform:scale(1.1);}
.display_page .item:hover .txt{color: #027dcc;}
/*  */
.displayShow_page{width: 100%; padding: 30px 0 100px 0;}
.displayShow_page .imgbox{text-align: center; overflow: hidden;}
.displayShow_page .imgbox img{max-width: 100%; height: auto;}
.displayShow_page .txtbox{margin-top: 20px;}
.displayShow_page .txtbox p{font-size: 14px; color: #333; line-height: 2;}

/*  */
.recruit_page{width: 100%; padding: 30px 0 100px 0;}
.recruit_page .txtbox{overflow: hidden;}
.recruit_page .txtbox p{font-size: 14px; color: #333; line-height: 2;}

/*  */
.contact_page{width: 100%; padding: 30px 0 100px 0;}
.contact_page .txtbox{overflow: hidden;}
.contact_page .txtbox p{font-size: 14px; color: #333; line-height: 2; margin-bottom: 30px;}
.contact_page .map{text-align: center; overflow: hidden;}


/*手机底部*/
.hot{width:100%; height:58px; background:#000; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:8px 0;}
.hot .row div a:hover{background-color: #095ca6;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.ewm-box img{ max-width: 140px;}
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block;}

.pagin{font-size:14px;}
.jlfanye{ /*float:right;*/ width:100%;}
.jlfanye li{display: inline;}
.jlfanye a{ padding:5px;  border: solid 1px #dedede; /*float:left;*/ min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#f00;}
@media (max-width:1199px){
    header .head_box .head_tel h4{font-size: 17px;}
    header .head_box .top_li>a{font-size: 14px; padding: 0 8px;}
    /*  */
    .picbox {padding:25px 1%;}
    .picbox>.container>div.pic_L{padding-right:20px; font-size:20px;}
    .picbox>.container>div.pic_L>span{letter-spacing: 2.3pt;}
    .picbox>.container>div.pic_C {padding: 0 0 0 20px;}
    .picbox>.container>div.pic_C .pic_sp {font-size: 18px;}
    .picbox>.container>div.pic_R {padding:0 0 0 30px;}
	.product .bd ul{width: 100%;}
	.product .item{width: 25%; margin: 0 0 20px 0; padding: 0 10px;}
	/*  */
	.inner_page .innerLeft{width: 250px;}
	.inner_page .innerRight{width: calc(100% - 250px);}
}

@media (min-width:991px){

}

@media (max-width:991px){
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }
    header .head_top{display: none;}
    header .head_box .head_tel{display: none;}
    header .head_box{height: 80px;}
    header .head_box .top_btn{font-size: 32px; color: #fff; position: absolute; top: 40px; right: 20px;}
    header .head_box .head_nav{width: 130px; height: auto; margin: 0; background: rgba(0,0,0,0.5); position: absolute; z-index: 99; top: 80px; right: 0; display: none;}
    header .head_box .top_li{display: block; width: 100%; height: 40px; margin-top: 0; padding: 0; border: none; text-align: center;}
    header .head_box .top_li>a{padding: 0; line-height: 40px; display: block;  color: #FFFFFF; margin: 0; height: auto; border: none;}
    header .head_box .top_li ul{display: none!important;}
    header .head_sear .sear_left ul li{margin-right: 15px;}
    header .head_sear .top_form{width: 260px;}
    header .head_sear .sear_left ul li a{font-size: 12px;}
    /*  */
    .picbox {padding:20px 10px;}
    .picbox>.container>div.pic_L{width:37%;padding-right:10px; font-size:15px; line-height:30px;}
    .picbox>.container>div.pic_L>span{letter-spacing:1.8pt;}
    .picbox>.container>div.pic_C{width:22%; padding: 0 0 0 10px; display:flex; align-items:center; flex-wrap:wrap;}
    .picbox>.container>div.pic_C .pic_sp {display: block;}
    .picbox>.container>div.pic_R {width:41%; padding-left:10px;}
	.titleIndex .EN{font-size: 20px;}
	.titleIndex .CN{font-size: 20px;}
	.about {padding:30px 10px 0 10px;}
	.about .gsjj {margin-top:30px;}
	.about .gsjj_contect {padding:15px;}
	.about .gsjj_img {width:45%;}
	.about .gsjj_B {width:55%;}
	.product .hd ul li{padding: 0 5px; margin-bottom: 10px;}
	.product .hd ul li a{font-size: 14px; height: 30px; line-height: 28px; width: 100px;}
	.ysBox .ysTitle img{width: 320px;}
	.ysBox .list li{width: 150px; height: 110px; font-size: 14px;}
	.ysBox .imgbox img{width: 280px;}
	.ysBox .ysTel h4{font-size: 18px; line-height: 40px;}
	.ysBox .ysTel h4 span{font-size: 30px;}
	.ysBox .list{display: none;}
	.foot .left{width: 100%;}
	.foot .right{width: 100%; margin-top: 20px; display: none;}
	/*  */
	.inner_page .innerLeft{width: 220px;}
	.inner_page .innerRight{width: calc(100% - 220px);}
	.inner_page .sideBar_inner .nli{margin-bottom: 10px;}
	.inner_page .sideBar_inner .nli>a{line-height: 35px; height: 35px; font-size: 14px;}
	.inner_page .side_bot .side_tel p{font-size: 20px;}
}

@media (min-width: 768px){
    .sideBar_inner .nul{display: block!important;}
}

@media (max-width: 767px){
    .container{padding-left: 15px; padding-right: 15px;}
    header .head_top .top_right{display: none;}
    header .head_box{height: 80px;}
    header .head_box .logo a img{width: 200px;}
    header .head_box .head_nav{top: 80px;}
    header .head_box .top_btn{font-size: 28px;top: 38px;}
    /*  */
    .picbox {padding:10px;}
    .picbox>.container>div{padding:0 0 3px 0; background:url(../images/pic_heng.jpg) repeat-x left bottom;}
    .picbox>.container>div:last-child{padding:0; background:none;}
    .picbox>.container>div.pic_L{width:100%;padding:0 0 5px 0; font-size:16px; line-height:24px; text-align:center;}
    .picbox>.container>div.pic_L>span{letter-spacing:0;}
    .picbox>.container>div.pic_C{width:100%; padding:5px 0; justify-content:left;}
    .picbox>.container>div.pic_R {width:100%; padding:10px 0 0 0;}
    .picbox>.container>div.pic_R .pic_txt {line-height:18px; font-size:12px; text-overflow:initial; white-space:initial; overflow:initial; padding-top:5px;}
	.about {padding:10px 10px 0 10px;}
	.about .gsjj {margin-top:10px;}
	.about .gsjj_T {line-height:32px; font-size:20px;}
	.about .gsjj_T::before {margin:5px 10px 0 2px;}
	.about .gsjj_title{left:15px; top:15px;}
	.about .gsjj_titleB {padding:10px;}
	.about .gsjj_contect {width:100%; padding:5px;}
	.about .gsjj_img {width:100%;}
	.about .gsjj_img::before{content:""; display:block; padding-top:64.7273%;}
	.about .gsjj_B {width:100%; padding:0;}
	.about .gsjj_txt {line-height:20px; margin-top:10px; height:140px;}
	.about .gsjj_dianhua {margin-top:10px; padding-left:75px;}
	.about .gsjj_dianhua>span {font-size: 30px;}
	.news .left{width: 100%; padding: 0;}
	.news .right{width: 100%; padding: 0;}
	.product .item{width: 50%;}
	.disp .content{padding: 0;}
	.disp .disp-next, .disp .disp-prev{display: none;}
	/*  */
	.inner_page .innerLeft{width: 100%;}
	.inner_page .innerRight{width: 100%; padding: 0; margin-top: 20px;}
	.inner_page .sideBar_inner .side_tit_in{padding: 11px 0;}
	.inner_page .sideBar_inner .side_tit_in>h4{margin-bottom: 0; font-size: 20px;}
	.inner_page .sideBar_inner .side_tit_in>h5{display: none;}
	.inner_page .titleInner h4{font-size: 20px;}
	.inner_page .titleInner h5{display: none;}
	.product_page .item{width: 50%; padding: 0 5px; margin-bottom: 10px;}
	.service_page .item{width: 50%; padding: 0 5px; margin-bottom: 10px;}
	.display_page .item{width: 50%; padding: 0 5px; margin-bottom: 10px;}
}

@media (max-width:500px){
	.news .item{padding: 10px;}
    .news .item .txtbox{padding: 5px 10px;}
    .news .item .txtbox .txt{font-size: 12px;}
	/*  */
	.news_page .item{padding: 10px;}
	.news_page .item .txtbox{padding: 5px 10px;}
	.news_page .item .txtbox .txt{font-size: 12px;}
}

@media (max-width:376px){

}

@media (max-width:360px){

}