/* CSS Document */
@charset "utf-8";
*{margin:0px; padding:0px;box-sizing: border-box;}
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; border: 0; }
html { color: #666; }
html, body { width: 100%; min-width: 320px; }
body, button, input, select, textarea { margin: 0; padding: 0; font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif"; font-size: 12px; background: #fff }
ul, ol, li, dl, dd, dt { list-style: none; }
em { font-style: normal; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; cursor:pointer;}
legend { color: #000; }
fieldset, img { border: 0; }
label, button { cursor: pointer; }
/*解决IE图片缩放失真*/
img { -ms-interpolation-mode: bicubic; }

/*清除浮动*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
/*连续英文、数字换行*/
.wordwrap { word-break: break-all; word-wrap: break-word; }
/*单行文字超出显示省略号*/
.omg { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
img { border: 0; vertical-align: middle; }
a { color: #3a3a3a; text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
a:hover { text-decoration: none }
.fl { float: left; }
.fr { float: right; }
/*苹果手机默认按钮样式去除*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
input { border-radius: 0; }

.container{width:1200px; margin:0 auto;}

.header{position:absolute; top: 0px; z-index:99; height:80px; width:100%; background-color: rgba(0,0,0,0.7);}
.header .container{display: flex; justify-content: space-between; align-items: center; height:100%}
.header .nav a{color:#fff; padding:0px 20px;}

#banner img{max-width:100%; display:block;}
#banner .swiper-pagination-bullet {
    width:32px!important;
    height:6px!important;
    border-radius:3px; 
}
#banner .swiper-pagination-bullet-active {
    background: #c70019!important;
}
#banner .swiper-pagination-bullet {
    background: #333;
    opacity: 1;
}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin:0; 
}



.indexcontainer{padding: 120px 80px 65px;}

#indexbox2{background-color: #f2f3ed; }
#indexbox2 .indexcontainer{min-height:500px;}

img{max-width: 100%}

#indexbox3 .indexcontainer{padding-top:0px;}
#indexbox3 .indexcontainer>h3{font-size:28px; text-align: center; padding:60px 0px; color:#000;}
#indexbox3{background-color: #f2f3ed;}

.indexbox3 a:nth-child(1){display: flex; flex-direction: column;}
.indexbox3 a:nth-child(2){grid-column-start:1; grid-column-end: 2; grid-row-start: 5; grid-row-end: 6;}
.indexbox3 a:nth-child(3){grid-column-start:3; grid-column-end: 4; grid-row-start: 5; grid-row-end: 6; transition-delay: .3s;}
.indexbox3 a:nth-child(4){grid-column-start:5; grid-column-end: 6; grid-row-start: 1; grid-row-end: 2;}
.indexbox3 a:nth-child(5){grid-column-start:5; grid-column-end: 6; grid-row-start: 3; grid-row-end: 6; display: flex;  flex-direction: column;}
.indexbox3 h3{ width: 100%;
    margin-top: 12px;
    margin-bottom: 0;
    text-align: left;
    font-size: 14px;
    font-weight: 700;}

@media screen and(min-width: 768px){
    .indexbox3 a{margin-bottom:60px; overflow: hidden;}
   
} 
@media screen and(min-width: 1024px){

} 

@media screen and(min-width: 1100px) {

} 
@media screen and (min-width: 1280px){
	.indexcontainer{padding: 60px 40px 35px;}


	.indexbox3{display: grid;
    	grid-template-columns: calc((100vw - 160px)/3) 40px calc((100vw - 160px)/3) 40px calc((100vw - 160px)/3);
    	grid-template-rows: calc((33.3vw - 53.3px)/1.9 + 48px) 40px auto 40px auto;
	}
	.indexbox3 a img{ aspect-ratio:1.905;}
	.indexbox3 a:nth-child(1) img{aspect-ratio: 1.71;object-fit: cover; object-position: center;}
	.indexbox3 a:nth-child(5) img{aspect-ratio: .815; }

	.indexbox3 a{width: calc((100vw - 160px)/3);}
	.indexbox3 a:nth-child(1){width: calc((100vw - 160px)/3*2 + 40px);}

} 

@media screen and(min-width: 1366px) {

} 

@media screen and (min-width: 1440px) {
    .indexbox3{
    	grid-template-columns: calc((100vw - 240px)/3) 40px calc((100vw - 240px)/3) 40px calc((100vw - 240px)/3);
    	grid-template-rows: calc((100vw - 240px)/3/1.9 + 48px) 40px auto 40px auto;
	}
	.indexbox3 a{width: calc((100vw - 240px)/3);}
	.indexbox3 a:nth-child(1){width: calc((100vw - 240px)/3*2 + 40px);}
}

@media screen and(min-width: 1680px) {
	
}
@media screen and (min-width: 1920px){
	.indexbox3{display:grid;grid-template-columns: 560px 40px 560px 40px 560px; grid-template-rows: 342.7368421053px 80px auto 104px auto;}
	.indexbox3 a:nth-child(1){width:1160px;}
	.indexbox3 a{width:560px; margin-bottom:20px;}	
}




.indexbox4top-l{display: flex; flex-direction: column; overflow: hidden;}
.indexbox4bottom-item h3{font-size:14px; line-height:36px;}
.indexbox4top-r{overflow: hidden;}
@media screen and(min-width: 768px){
	.indexbox4top-l{justify-content: center; max-width:260px;}
}

@media screen and (min-width: 1280px){
	.indexbox4top{    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between; margin-bottom:40px;}
	.indexbox4top-l{justify-content: center; max-width:260px;}
	.indexbox4top-r img{width: calc(66.6vw - 66.6px);
    transition: transform .4s ease;
    transform-origin: 50% 50%;}
    .indexbox4top-r:hover img{transform: scale(1.05); cursor: pointer;}
	.indexbox4bottom{display:flex; justify-content: space-between;}
    .indexbox4bottom-item>div{overflow:hidden; }
    .indexbox4bottom-item>div img{    transition: transform .4s ease;
    transform-origin: 50% 50%;}
	.indexbox4bottom-item:nth-child(1){width: calc((100vw - 160px)/3);}
	.indexbox4bottom-item:nth-child(2){width: calc((100vw - 160px)/3);margin-left: 20px;}
	.indexbox4bottom-item:nth-child(3){width: calc((100vw - 160px)/3);margin-left: 20px;}
    .indexbox4bottom-item:hover img{transform: scale(1.1); cursor: pointer;}
	.indexbox4top-l h2{font-size: 32px; margin-bottom:10px;}
	.indexbox4top-l p{font-size: 20px; line-height: 32px;}
}

@media screen and (min-width: 1440px){
	.indexcontainer{padding: 60px 80px 60px;}     
	.indexbox4top-r img{width: calc((100vw - 200px)/3*2 + 20px);}
	.indexbox4top-l{justify-content: center; max-width:260px;}
}

@media screen and (min-width: 1920px){
	.indexbox4top{display:flex; justify-content: space-between; align-items: center; margin-bottom:60px;}

	.indexbox4top-r img{max-width:1160px}
	.indexbox4bottom{display:flex; justify-content: space-between;}
	.indexbox4bottom-item:nth-child(1){width:560px;}
	.indexbox4bottom-item:nth-child(2){width:560px;}
	.indexbox4bottom-item:nth-child(3){width:560px;}
}

#indexbox6{background-color: #000;}
#indexbox6 .indexcontainer{padding-top:0px;}
#indexbox6 .indexcontainer>h3{font-size:28px; text-align: center; padding:60px 0px; color:#fff; max-width:480px; font-weight: normal; text-align: center; margin:0 auto;}

.indexbox6-item{
    display: flex;
    opacity: 1;
    transition: all .5s ease-in;
}


.indexbox6-item-l{
    background-color: #f2f3ed;
    height: 86px;
    display: flex;
    flex-direction: column;
    justify-content: center;}

.indexbox6-item-l img{
    width: 55px;
    height: 55px;
    margin-left: 5px;
    margin-top: 8px;}
.indexbox6-item-l h2{font-size:12px;margin-left: 18px; font-weight: 420; line-height: 130%;}
.indexbox6-item-l p{font-size:14px; margin-bottom: 18px;    color: #7d7d7d;
    margin-top: 4px;
    margin-left: 18px;
    line-height: 130%;}
.indexbox6-item-r{overflow: hidden;}
.indexbox6-item-r img{transition: transform .4s ease;
    transform-origin: 50% 50%;}
.indexbox6-item-r:hover img{transform: scale(1.05); cursor: pointer;}
@media screen and (min-width: 768px){
	.indexbox6{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}

.indexbox6-item{
    margin-left: 0;
    margin-bottom: 40px;
    height: auto;}
}

@media screen and (min-width: 1280px){
	.indexbox6-item{aspect-ratio: 2.4;
    width: calc(50vw - 60px);
    flex-direction: row-reverse;
    justify-content: space-between;}

	.indexbox6-item-r{
    flex: 0 0 66%;
        display: flex;
    justify-content: flex-end;}
    .indexbox6-item-l{
    	background: #fff;
        position: relative;
    width: 33%;
    height: 100%;
    justify-content: space-between;}
}

@media screen and (min-width: 1440px){
	.indexbox6-item{width: calc(50vw - 102px);}
    .indexbox6-item-l h2{font-size:18px;}
}

@media screen and (min-width: 1920px){
	.indexbox6-item{width: 858px;}
}

#indexbox7{background: #f2f3ed}
#indexbox7>.indexcontainer{max-width: 1280px; margin:0 auto; display:flex;justify-content: space-between;
    align-items: center;}
#indexbox7 .indexbox7-l{width:360px; margin-right:80px;}
#indexbox7 .indexbox7-r{display:flex; justify-content: space-between;}
#indexbox7 .indexbox7-r img{max-width: 30%;}

#indexbox7 .indexbox7-l h2{font-size: 36px;
    line-height: 50px;    font-weight: 300;}

#indexbox7 .indexbox7-l p{  font-size: 16px;
    line-height: 32px;
    margin-top: 30px;  font-weight: 300;}

#footer{height:80px; line-height:80px; text-align: center;}






@media(max-width:640px){
    .indexcontainer{padding:32px 12px;}
    #indexbox2 .indexcontainer{min-height:100px;}

    #indexbox3 .indexcontainer>h3{padding:0px 0px 32px;}
    .indexbox3 h3{margin-bottom:24px;}

    #indexbox4 .indexcontainer{padding-bottom: 0px;}

    .indexbox4top-l h2{margin-top:20px; margin-bottom:12px;}
    .indexbox4top-l p{margin-bottom:16px;}


    .indexbox6-item{display:inline-block; margin-bottom: 12px;}
    .indexbox6-item-l img{display:none;}

    #indexbox7>.indexcontainer{display:inline-block;}
    #indexbox7 .indexbox7-l{width:100%; margin-right: 0px;}
    #indexbox7 .indexbox7-l p{margin-top: 16px; margin-bottom:12px;}

    .container{width:100%; padding:0px 12px}
}




.web_nav { display:none; width: 60px; height: 80px; line-height: 80px; color: #fff; font-size: 16px; margin: 0 auto; font-weight: bold; }
.btn-menu { display: block; float: right; position: relative; background: transparent; cursor: pointer; padding: 40px 0; width: 26px; height: 16px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after, .btn-menu span { background-color: #fff; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after { content: ''; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.btn-menu span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; }
.btn-menu:before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); }
.btn-menu:after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
.btn-menu.active span { opacity: 0; }
.btn-menu.active:before { background-color: #fff; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
    .btn-menu.active:after { background-color: #fff; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
@media (max-width: 768px){
    .header .container{display: inline-block;}
    .header .container .logo{max-width:72%; float:left;}
    .header .container .logo img{padding-top:16px;}
    .header .container .nav{display:none; width:100%; background:#fff; margin-top: 80px;}
    .header .container .nav a{color:#666; display: block; line-height:48px; border-bottom:1px solid #ccc}
    .web_nav{display: block; float:right;}
}





.nybanner span{background-position: center center; background-repeat:no-repeat; background-size:cover; height:400px; display:block;}
.nybanner img{ display:none;}
@media (max-width: 1000px){
    .nybanner span{ height:auto; background:none; height:auto;}
    .nybanner img{ display:block;}
}


.Menu{ padding:2% 0;}
.Menu .columnName{ float:left; font-size:18px;color:#000; width:27%;}
.Menu .columnName b{font-size: 30px;display:inline-block;padding-right:10px;color: #016fba;}
.Menu .columnName span{display:block;padding-top: 5px;font-size:  30px;color: #000;}
.Menu ul{ float:right; max-width:71%;}
.Menu li{ float:left; position:relative; padding:0 15px;}
.Menu li:after{content:'';width: 4px;height: 4px;position:absolute;right:0;top: 38px;background:#016fba;display:block;}
.Menu li:last-child:after{ display:none;}
.Menu li a{display:block;margin: 0 18px;line-height:36px; padding:22px 0 0px;font-size:18px;color: #000; border-bottom:2px solid transparent; }
.Menu li:hover a,
.Menu li.aon a{ color:#016fba; border-bottom:2px #016fba solid;}

@media(max-width:1000px) and (min-width:769px){
.Menu .columnName b{ font-size:20px;}
}
@media(max-width:768px){
.Menu .columnName{ float:none; padding:2% 0; text-align:center; width:auto;}
.Menu ul{ float:none; max-width:none; overflow:hidden;}
.Menu li{ margin: 0 10px 10px 0; text-align:center; background: #f8f8f8; float: left; border-bottom: 0;  }
.Menu li a{ border-bottom:0; }
.Menu li:hover a,
.Menu li.aon a{ border-bottom:0; color: #fff;}
.Menu li:hover,
.Menu li.aon{ background:#016fba; }
.Menu li:after{ display: none;}
.Menu li a{ padding:0 5px; font-size: 16px;}
}
@media(max-width:480px){
.Menu li{ width: 49%; margin-right: 2%; }
.Menu li:nth-of-type(2n){ margin-right: 0; }
.Menu .columnName b{ font-size:28px;}
.Menu li a{ font-size:13px; padding: 0; }
}
@media(max-width:375px){
.Menu .columnName b{ font-size:24px;}
}


.aboutinfo{padding: 3% 0 5%;background: #f7f7f7;}
.aboutinfo p{ color:#555; line-height:28px; margin-bottom:25px; font-size: 16px; text-indent:2em;}
.aboutinfo h1{color: #016fba;font-size: 20px;}
.aboutinfo .pic{ float: left; width: 32.6875%; margin:0px 65px 9px 0px}
.aboutinfo .pic2{margin-top: 20px; }
.aboutinfo .pic2 img{ width: 24.25%; margin-right: 1%; float: left; }
.aboutinfo .pic2 img:nth-of-type(4){ margin-right: 0;  }


.content{ background:#f7f7f7;}
.contactinfo .p,.contactinfo .h2,{}
.contactinfo{padding: 8% 0}
.contactinfo .text{margin-bottom: 30px}
.contactinfo .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px; margin-top: 0;}
.contactinfo .text .title span{font-weight: 700;}
.contactinfo .text .p{font-size: 16px;color:#333;line-height: 42px; margin: 0; padding: 0;}
.contactinfo .text p{font-size: 16px;color:#333;line-height: 42px; margin: 0; padding: 0;}
.contactinfo .map{width: 100%;height: 200px;    background: #fff;
    padding: 1%;
    border-radius: 20px 0;}
.contactinfo .map #map{height: 100%;}
.contactinfo .map img{max-width: none !important;}

@media screen and (min-width: 768px) {
    .contactinfo .text{float: left;width: 45%;}
    .contactinfo .map{float: right;width: 50%;height: 320px;}
}

@media screen and (min-width: 1024px) {
    .contactinfo .auto{background: url(../images/contactinfo-bg.jpg) no-repeat center;}
    .contactinfo .map{float: right;width: 50%;height: 320px;}
    .contactinfo .text .title{font-size: 52px;}
}

@media screen and (min-width: 1200px) {
    .contactinfo{padding: 70px 0 70px}
    .contactinfo .text .title{margin-bottom: 55px}
    .contactinfo .map{ width: 65%;height: 430px;}
    .contactinfo .text{width: 35%;}
}

#dituContent{height:100%}



.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}



.procate .side-title{margin-top: 60px;background:#016fba;background-size:auto 100%;color:#fff;font-size:18px;padding:22px 0 22px 30px;border-radius: 25px 0 0 0;font-size:24px;}
.procate .side-title span{display:block;text-transform: uppercase;font-size: 16px;color: #fff;}
.procate .side{ padding-bottom:50px; background:#fff; border-radius:0 0 50px 0; -webkit-border-radius:0 0 50px 0; -moz-border-radius:0 0 50px 0; -ms-border-radius:0 0 50px 0;}
.procate .side li{border-bottom: 1px solid #efefef;line-height:24px;font-size: 16px;background: #fff;}
.procate .side li a{display:block;padding: 18px 40px 18px 30px;position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.procate .side li a::before,
.procate .side li a::after{ position:absolute; content:''; top:50%;}
.procate .side li a::before{width:15px;height:15px;border-radius:50%;background:#ececec;right: 15px;margin-top:-7.5px;}
.procate .side li a::after{margin-top: -4px;border:5px solid transparent;border-top-width:4px;border-bottom-width:4px;border-left-color:#fff;right: 14px;}
.procate .side li a:hover,
.procate .side li.aon a{ color:#016fba;}
.procate .side li:hover a::before,
.procate .side li.aon a::before{ background:#016fba;}
.procate #side .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;}
.procate #side .owl-stage-outer{ position:relative; overflow:hidden;}
.procate #side .owl-stage{position:relative;touch-action: manipulation;}
@media(max-width:1024px){
.w22{ padding-bottom:0;}
.procate .side-title{ margin-top:2%;}
.procate .side{ display:none;}
.procate #side{ background:#fff; border-top:1px solid #fff; padding:0 20px; position:relative;}
.procate #side li{ float:left; padding-right:4%;}
.procate #side li a{ color:#666; line-height:24px; display:block; padding:12px 10px; border-bottom:1px solid #fff; text-align:center;}
.procate #side li.aon a{color:#016fba; border-bottom:1px solid #016fba;}
.procate #side .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#000; color:#fff; cursor:pointer; padding:0;}
.procate #side .owl-nav button.owl-prev{ left:0;}
.procate #side .owl-nav button.owl-next{ right:0;}
.procate #side .disabled{ display:none;}
}
@media(max-width:640px){
.procate .side-title{padding:10px 0 10px 20px;font-size:20px;}
.procate .side-title span{ font-size:12px;}
}







.dot {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.prolist{ padding-top:60px; min-height: 400px; }


.prolist li .sc{ overflow: hidden; }
.prolist li .sc .Ispic{width:100%;padding-bottom:100%;border-radius: 30px 0;transition: 0.3s ease;    background-size: cover;}
.prolist li .sc .Ispic:hover{ transform: scale(1.1); }

.prolist li{
    width: 32%;
    float: left;
    margin:0 2% 2% 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px 2px #eee;
    }
.prolist li .word{ padding:6%}
.prolist li:nth-child(3n){ margin-right:0;}
.prolist li img{width: 100%; display:block;}
.prolist li .dot{color: #353535; font-weight: bold; font-size: 16px;  margin-top: 10px;}
.prolist li:hover .dot{color: #016fba;}
.prolist li p{display: block; color: #727272; text-align: left; height: 48px; overflow: hidden; font-size: 12px; line-height: 24px;}
.prolist li .more{width: 122px; height: 30px; margin-top:15px; line-height: 30px; color: #fff; font-size:12px; text-align: center; background:#016fba;display: inline-block;border-radius: 50px; transition: 0.3s; }
.prolist li .more:hover{width: 160px; }
@media (max-width: 768px){
.prolist li{width: 49%;}
.prolist li:nth-child(4n){ margin-right:2%;}
.prolist li:nth-child(2n){ margin-right:0;}
}
@media(max-width:640px){
.prolist li{ float:none; margin-right:0 !important; width:auto; margin-bottom: 20px; }
}



.proinfo{ padding:4% 0;}
.proinfo .info_pro{background-color: white;padding: 5px 20px;}
.proinfo .pro_spec_tit {
    margin-top: 40px;
}
.proinfo .spec_title{
margin-top:30px;
color:#0070BB;
text-align:center;
font-size:18px;
font-weight:bold;
}
.proinfo .spec_image{
margin-top:30px;
}
.proinfo .spec_image img{
margin:0 auto;
display:block;
max-width:90%;
}
.proinfo .pro_spec_tit a.cur, .pro_spec_tit a:hover {
    background: #016fba;
    color: #fff;
}
.proinfo .pro_spec_tit a {
    display: inline-block;
    width: 150px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #666;
    margin-left: 0px;
    /* float: left; */
    border-right: 1px solid #e5e5e5;
}

.proinfo .info_back{  margin: 20px 0; }
.proinfo .info_back dd{ line-height: 32px;  }
.proinfo .list_img{ float:left; width:55.6%; position:relative;}
.proinfo .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;}
.proinfo .big_img li,
.proinfo .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%; background-color: #fff; }
.proinfo .big_img li figure{ background-size:contain;}
.proinfo .list{ padding:42px 0 170px 82.9%;}
.proinfo .list .bd{ position:relative;}
.proinfo .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/proinfo-btn_prev.png) no-repeat center center/auto 50%;  cursor:pointer;}
.proinfo .list a.prev{ top:0;}
.proinfo .list a.next{ bottom:0; background-image:url(../images/proinfo-btn_next.png);}
.proinfo .list a.prevStop,
.proinfo .list a.nextStop{ cursor:default;}
.proinfo .list li{ height:124px;  position:relative;}
.proinfo .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:9px; background-size:contain; background-color: #fff;  border:1px solid #f2f2f2;}
.proinfo .list li.on figure{ border:2px solid #016fba;}

.proinfo .right_info{ float:right; width:39.2%; height: 500px; overflow-y:scroll; position: relative; padding: 15px; margin: 20px 0;  }
.proinfo .right_info h1{ font-size: 36px; color: #016fba; position: relative; padding-bottom: 20px; margin-bottom: 40px;}
.proinfo .right_info h1::after{ position: absolute; display: inline-block; content: ''; width: 80px; height: 1px; background:#016fba; bottom: 0; left: 0; }
.proinfo .right_info .intro{ margin:0; line-height:30px; padding-bottom: 5%; }
.proinfo .back{ float: right; display:inline-block; padding:10px 5%; color:#000;background: #ddd; transition:0.4s;}
.proinfo .back:hover{ background-color:#016fba; color:#fff;}

/* 滚动条背景 */
.proinfo ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #f1f1f1;}
/* 滚动条宽 */
.proinfo ::-webkit-scrollbar{width: 2px; }
/* 滚动条滑动条颜色 */
.proinfo ::-webkit-scrollbar-thumb{  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #999;  }

.proinfo .tab{ padding:3% 0;}
.proinfo .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;}
.proinfo .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#eee; margin-right:4px; cursor:pointer;}
.proinfo .tab .h1_tab span.on{ background-color:#016fba; color:#fff;}
.proinfo .tab .info{ padding-top:3%;padding-left: 5%;}
.proinfo .tab .info figure{ padding-bottom:2%;}
.proinfo .tab .info h1{ font-size:15px; color:#016fba;    margin: 0;
    margin-bottom: 10px;}
.proinfo .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/proinfo-icon_download.png) no-repeat right center; padding:10px 0;}
.proinfo .ul_download li a{ padding:0 38px; background:url(../images/proinfo-icon.png) no-repeat left center;}

@media(max-width:768px){
.proinfo .list_img { float:none; width:auto;}
.proinfo .right_info{ float:none; width:auto; height:auto; overflow-y:hidden;}

.proinfo .back {float:none; clear:both;}
}
@media(max-width:640px){
.proinfo .list li{ height:100px;}
.proinfo .right_info h1{font-size:20px; }
.proinfo .right_info h3{ font-size:16px;}
 }
@media(max-width:480px){
.proinfo .list{ padding-top:30px; padding-bottom:30px;}
.proinfo .list a{ height:28px;}
.proinfo .list li{ height:80px;}
.proinfo .tab .h1_tab{ font-size:14px;}
.proinfo .tab .h1_tab span{ padding:0 3%;}
 }




 .pagination {text-align: right; margin-bottom: 30px;}
.page {
  display:inline-block;
  font: 16px/28px '微软雅黑', sans-serif;
  *display:inline;
  :1;
  *zoom:1;}
.page span,.page strong {
  float:left;}
.page a,
.page span.disabled,
.page strong {
  background:#FFF;
  border:1px solid #CCC;
  color:#333;
  float:left;
  font: 16px/24px  '微软雅黑', sans-serif;
  margin-right:5px;
  min-width:15px;
  padding:4px 8px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;}
  .page strong{background:#2c70ca; color:#fff; }
.page a:hover {
  border:1px solid #2c70ca;
  color:#2c70ca;
  text-decoration:none;}
.page span.disabled {
  background:#FFF;
  border:1px solid #CCC;
  color:#CCC;}
.page span.ellipsis {
  float:left;
  font: 16px/24px '微软雅黑', sans-serif;
  line-height:22x;
  margin-right:5px;}
.page .page_txt {
  line-height:20px;
  float:right;
  width:auto;}
.page a.page-curpage {
  background:#3561db;
  border:1px solid #3561db;
  color:#FFF;
  font-weight:bold;}
.page input {
  font: 14px Verdana;
  padding:0 0 0 1px;
  width:40px;
  height:14px;}


.mySwiper{width:720px; margin:0 auto 48px;}
.mySwiper .swiper-wrapper{width:720px; margin:0 auto;}
.mySwiper .swiper-wrapper .swiper-slide{width:100px; text-align: center;}
.mySwiper .swiper-slide-thumb-active{color:#000; font-weight: bold; font-size:14px;}

#mySwiper>h3{font-size:28px; text-align: center; padding:60px 0px; color:#000;}

#indexbox2 .indexcontainer .indexbox2-img{height:840px; margin:0 auto; background:url(../images/indexbox2.jpg) no-repeat; opacity 2000ms ease-in-out 0s, visibility 2000ms ease-in-out 0s}
@keyframes extend{
    0%{width:1%;}
    100%{width:100%;}
}

#mySwiper{margin-bottom:72px;}
@media(max-width:768px){
    #mySwiper>h3{padding:24px 0px;}
    .mySwiper{width:96%; margin:0 auto 28px;}
    #mySwiper{margin-bottom:32px;}
    #mySwiper .swiper-button-next,#mySwiper .swiper-button-prev{width:calc(var(--swiper-navigation-size)/ 24 * 14);}
}