/*banner*/
.banner{ height:650px; position:relative;}
.banner .item{ height:650px; background-repeat:no-repeat; background-position:center; background-size:cover}
.banner .item a{ display:block; width:100%; height:100%}
.banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:20px; text-align:center}
.banner .slick-dots li{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;display:inline-block; width:14px; height:14px; margin:0 8px; border-radius:50%; cursor:pointer; position:relative; background-color:rgba(255,255,255,.5); }
.banner .slick-dots li.slick-active{background-color:#ffffff;}
.banner .slick-dots button{ display:none}  

.plo{ line-height:1; margin-bottom:55px} 
.plo h3{ float:left; position:relative; font-weight:bold; font-size:48px;}
.plo h3:before{ content:""; display:block; width:23px; height:23px; border:6px solid #1f53a6; border-radius:50%; position:absolute; z-index:1; right:-23px;top:-13px}

.index01{ background:url(../images/index01bg.jpg) no-repeat center bottom; background-size:cover; padding-top:85px; padding-bottom:105px;}
.index01 .p{ font-size:20px; line-height:2.2; margin-bottom:40px}
.index01 .more a{ display:inline-block; width:190px; height:48px; line-height:48px; text-align:center; font-size:20px; color:#fff; font-weight:bold; background-color:#2968cc;background-image: linear-gradient(to right, #1f53a6 , #2969ce); border-radius:48px; }
.index01 .more a:hover{ box-shadow:0 0 10px rgba(0,0,0,.5)}
.index01 .bd{ margin-bottom:65px}
.index01 .uls{ position:relative; padding-left:360px}
.index01 .uls .img{ height:508px; border:5px solid #fff; box-shadow:0 12px 12px rgba(0,0,0,.18); overflow:hidden}
.index01 .uls .img span{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index01 .uls .img span:hover{ transform:scale(1.1)}
.index01 .uls .as{ width:310px; position:absolute; z-index:1; left:0; bottom:0}
.index01 .uls .as a{ display:block; line-height:130px; background:rgba(255,255,255,.87); font-size:28px; box-shadow:0 0 15px rgba(0,0,0,.06); padding-left:45px}
.index01 .uls .as a:hover{ background:#195d94; color:#FFFFFF;}
.index01 .uls .as i{ display:inline-block; width:63px; height:63px; vertical-align:middle; margin-right:30px; background-repeat:no-repeat; background-position:center; background-size:100%}
.index01 .uls .as .ico-a01{  background-image:url(../images/ico-a01.png)}
.index01 .uls .as .ico-a02{  background-image:url(../images/ico-a02.png)}
.index01 .uls .as .ico-a03{  background-image:url(../images/ico-a03.png)}
.index01 .uls .as .ico-a04{  background-image:url(../images/ico-a04.png)}
.index01 .uls .as a:hover .ico-a01{  background-image:url(../images/ico-a01-h.png)}
.index01 .uls .as a:hover .ico-a02{  background-image:url(../images/ico-a02-h.png)}
.index01 .uls .as a:hover .ico-a03{  background-image:url(../images/ico-a03-h.png)}
.index01 .uls .as a:hover .ico-a04{  background-image:url(../images/ico-a04-h.png)}
.index01 .uls:before{ content:""; display:block; position:absolute; width:210px; height:210px; background:url(../images/index0102.jpg) no-repeat center; background-size:100%; z-index:1; right:-105px;top:-105px}
.index01 .uls>div{ position:relative; z-index:2}

.index02{ padding-top:105px; padding-bottom:120px; background:url(../images/index02bg.jpg) no-repeat center; background-size:cover}
.index02 .plo h3{ color:#fff}
.index02 .plo h3:before{ border:6px solid #fff}
.index02 .video{ float:left; width:48.2%; height:440px; border:5px solid #fff; background-color:#000; position:relative; overflow:hidden}
.index02 .video video{ width:100%; height:100%}
.index02 .video .videopay{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; position:absolute; z-index:3; left:0; right:0;top:0; bottom:0; background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer}
.index02 .video .videopay:hover{ transform:scale(1.1)}
.index02 .video .videopay:before{ content:""; width:175px; height:175px; background:url(../images/ico-play.png) no-repeat center; background-size:cover; position:absolute; z-index:2; left:50%;top:50%; margin-left:-87.5px; margin-top:-87.5px}
.index02 .txt{ float:right; width:43.5%; padding-top:70px}
.index02 .txt .p{ color:#fff; font-size:20px; line-height:2.2;}
.index02 .txt .more{ margin-top:65px;}
.index02 .txt .more a{display:inline-block; width:190px; height:48px; line-height:48px; text-align:center; font-size:20px; color:#1f53a6; font-weight:bold; background-color:#fff; border-radius:48px;}
.index02 .txt .more a:hover{ border:1px solid #fff; color:#fff; background:none}

.index03 {padding-top:105px; padding-bottom:120px; background:url(../images/index03bg.jpg) no-repeat center; background-size:cover}
.index03 li{ float:left; height:140px;  width:16.66%; display:table; overflow:hidden}
.index03 li .a{display:table-cell; vertical-align:middle;text-align:center; background-color:#fff; border:1px solid #e5e5e5}
.index03 li .a img{ max-width:90%; max-height:90%; display:inline-block;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; }
.index03 li:hover .a img{ transform:scale(1.1)}

.nbanner{ height:260px;} 
.nbanner .a{ height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}
.nbanner .title{ display:table; width:100%; height:260px;}
.nbanner .title .td{ display:table-cell; text-align:center; vertical-align:middle;text-shadow:1px 1px 1px #000;}
.nbanner h3{ font-size:34px; font-weight:bold; color:#fff}
.nbanner .eng span{ color:#fff; opacity:.5; text-transform:uppercase; margin:0 10px}
.nbanner .eng:after,.nbanner .eng:before{ content:""; display:inline-block; height:1px; width:85px; background-color:#fff; opacity:.5; vertical-align:middle;}

.path{ background-color:#fff; line-height:50px;  height:50px}
.path .weap{ background:url(../images/ico-adder.png) no-repeat left center; background-size:22px; padding-left:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.main{ background-color:#eff3f6; padding-top:40px; padding-bottom:100px}
.mainbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.mainleft{ width:267px;flex:0 0 267px;}
.sidetitle{ font-size:30px; text-align:center; color:#fff; line-height:80px; height:80px; background:url(../images/sidetitlebg.jpg) no-repeat center; background-size:cover; text-shadow:0 0 5px rgba(0,0,0,.1)}

.mainleft .bd{ background-color:#fff; padding:20px}
.sidenav{ margin-bottom:40px}
.sidenav .bd h3{ background-color:#f2f2f2; line-height:45px; height:45px; text-align:center; margin-bottom:20px; font-size:16px}
.sidenav .bd h3 a{ display:block; color:#525252; font-weight:normal;font-size:16px}
.sidenav .bd h3.on a,.sidenav .bd h3.on,.sidenav .bd h3 a:hover{ background-color:#3372d9; color:#fff}

.sideadder li{ margin-bottom:10px; padding-left:25px; background-repeat:no-repeat; background-position:left 4px; background-size:16px;}
.sideadder li.l1{ background-image:url(../images/ico-b02.png);}
.sideadder li.l2{ background-image:url(../images/ico-b03.png);}
.sideadder li.l3{ background-image:url(../images/ico-b01.png);}
.sideadder li.l4{ background-image:url(../images/ico-b04.png);}
.sideadder li.l5{ background-image:url(../images/ico-b05.png);}

.sideadder .a{ margin-top:20px}
.sideadder .a a{ display:block; width:100%; line-height:42px; height:42px; text-align:center; color:#fff; font-size:16px; background-color:#2968cc;background-image: linear-gradient(to right, #1f53a6 , #2969ce); border-radius:5px}

.mainright{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; padding-left:74px}

.lanmuplo{ border-bottom:1px solid #d7d7d7; margin-bottom:35px;  height:50px;}
.lanmuplo h3{ font-size:26px;  height:28px; line-height:28px; border-left:3px solid #1349a1; padding-left:20px; float:left}
.lanmuplo .more{ float:right;line-height:28px;}
.lanmuplo .more a{ color:#1f53a6; font-size:16px}
.lanmuplo .more a:hover{ text-decoration:underline}

.aboutpage{ overflow:hidden; font-size:20px}
.aboutpage a{}
.aboutpage p{ margin:auto; margin-bottom:20px;}
.aboutpage img{ max-width:100%; height:auto !important}
.aboutpage .servernet{ }
.aboutpage .servernet td{ padding:20px; font-size:18px; line-height:180%;}
.aboutpage .servernet th{ padding:20px;background:#efefef;font-size:24px;}

.aboutpage .culture{ width:100%;}
.aboutpage .culture li{float:left; width:50%;}
.aboutpage .culture li {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding:0px;  margin:-.0px; background-color:#eff3f6;}
.aboutpage .culture li .a{ padding:20px 0 0  20px ; }
.aboutpage .culture li h1{ width:100%; font-size:24px; display:block;}
.aboutpage .culture li h2{ width:100%; font-weight:normal; font-size:20px; color:#686868;display:block; margin-bottom:15px;}
.aboutpage .culture li .img{ width:100%;}


.newspage{ position:relative; border:#009900 solid 0px;}
.newspage .title{ font-size:26px; font-weight:normal; text-align:center; margin-bottom:20px}
.newspage h2.title{ padding:20px;background:#efefef; border:#d7d7d7 solid 1px; text-align:left; font-size:20px;}
.newspage .info{ text-align:center; font-size:14px;  border-bottom:1px solid #d7d7d7; padding-bottom:20px; margin-bottom:40px}
.newspage .info a{ color:#999}
.newspage .conn{ overflow:hidden; margin-bottom:40px; text-align:justify; min-height:300px; font-size:16px; line-height:180%;}
.newspage .conn p{ margin:auto; margin-bottom:20px;}
.newspage .conn img{ max-width:100%; height:auto !important;}
.nextpage ul{ overflow:hidden; border-top:1px solid #d7d7d7; padding-top:10px;}
.nextpage li{ width:45%; float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nextpage li:last-child{ float:right; text-align:right;}


.sidenav02{ margin-bottom:40px}
.sidenav02 .bd{ padding:0}
.sidenav02 .bd .one-level{ padding-left:25px; line-height:60px; height:60px; color:#fff; font-size:20px; background-color:#3272d8; cursor:pointer}
.sidenav02 .bd .sub{ padding:20px 25px; padding-bottom:0}
.sidenav02 .bd .sub ul{ padding:10px 0}
.sidenav02 .bd .sub h3{ font-size:16px;  background-color:#f2f2f2; padding-left:20px; font-weight:normal}
.sidenav02 .bd .sub h3 a{ font-size:16px; display:block;line-height:150%; padding:10px 0;}
.sidenav02 .bd .sub li{ margin-bottom:3px}
.sidenav02 .bd .sub li a{ display:block; font-size:16px; padding:8px; padding-left:40px; line-height:1.2; text-transform:; position:relative}
.sidenav02 .bd .sub li.on a,.sidenav02 .bd .sub li a:hover{ background-color:#3272d8; color:#fff}
.sidenav02 .bd .sub li.on a:after,.sidenav02 .bd .sub li a:hover:after{content:""; display:block;width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid #fff; border-bottom: 8px solid transparent; position:absolute; z-index:1; left:20px;top:50%; margin-top:-8px;}

.productlist .bd ul{ margin:0 -22px;}
.productlist .bd li{ float:left; width:33.33%; margin-bottom:40px;}
.productlist .bd li:nth-child(3n+1){ clear:left;}
.productlist .bd li a{ display:block; margin:0 22px;}
.productlist .bd li .img{ overflow:hidden; margin-bottom:30px}
.productlist .bd li .img img{ display:block; width:100%;object-fit: cover; height:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}	
.productlist .bd li a:hover .img img{ transform:scale(1.1)}
.productlist .bd li h3{ font-weight:normal; border-top:1px solid #ccc;line-height:150%; padding-top:10px; font-size:18px;overflow: hidden;
/*white-space: nowrap;text-overflow: ellipsis;*/}

.newslist .bd ul{ margin:0 -14px;}
.newslist .bd li{ float:left; width:33.33%; margin-bottom:28px}
.newslist .bd li:nth-child(3n+1){ clear:left;}

.newslist .bd li a{ display:block; margin:0 14px; background-color:#fff}
.newslist .bd li .img{ overflow:hidden; height:200px}
.newslist .bd li .img img{ display:block; width:100%; height:100%;object-fit: cover;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; }
.newslist .bd li a:hover .img img{ transform:scale(1.1)}
.newslist .bd li .txt{ padding:20px 25px}
.newslist .bd li .txt .date{ color:#999; margin-bottom:22px; background:url(../images/ico-date.png) no-repeat center left; background-size:15px; padding-left:30px}
.newslist .bd li .txt h3{ font-size:20px;/* height:64px;*/ overflow:hidden;}
.newslist .bd li .txt .p{ color:#999; height:44px; margin-top:16px; overflow:hidden}
.newslist .bd li a:hover{ background-color:#3272d8;}
.newslist .bd li a:hover h3,.newslist .bd li a:hover .p,.newslist .bd li a:hover .date{ color:#fff}
.newslist .bd li a:hover .date{background:url(../images/ico-dateon.png) no-repeat center left; background-size:15px;}

.newslist{ padding-bottom:30px}

.honorlist .bd ul{ margin:0 -35px}
.honorlist .bd li{ float:left; width:33.33%; margin-bottom:40px}
.honorlist .bd li:nth-child(3n+1){ clear:left;}
.honorlist .bd li a{ display:block; margin:0 35px;}
.honorlist .bd li .img{ display:block; /*height:395px; */overflow:hidden; background-color:#fff; margin-bottom:30px}
.honorlist .bd li .img img{ display:block;width:100%; height:100%;object-fit: scale-down; margin:0 auto;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.honorlist .bd li:hover .img img{ transform:scale(1.1)}
.honorlist .bd li h3{ font-size:18px; text-align:center; font-weight:normal; min-height:56px; overflow:hidden}

.sidesq a{ display:block; height:115px; color:#fff; background:url(../images/sqbg.jpg) no-repeat center; background-size:cover; padding-left:30px; font-size:22px; padding-top:35px;}
.sidesq .line{ width:42px; height:2px; background-color:#fff; margin-top:5px}

.contactpagebox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; height:620px}
.contactpagebox .txt{ width:378px;flex:0 0 378px; background:#1f53a6 url(../images/txtbg.png) no-repeat left bottom; background-size:100%; color:#fff; font-size:16px; padding:40px; padding-top:40px}
.contactpagebox .txt a{ color:#fff; font-size:16px}
.contactpagebox .txt h3{ font-size:24px; border-bottom:1px solid rgba(255,255,255,.2); line-height:1.4; padding-bottom:10px; margin-bottom:25px}
.contactpagebox .txt li{ line-height:3;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.contactpagebox .txt li .t{ min-width:82px; width:auto;flex:0 0 82px; text-align:justify;text-align-last:justify; text-align:right;white-space:nowrap;}
 
.contactpagebox .txt li .p{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; }
.contactpagebox .txt li .p1{ line-height:150%; margin-top:15px;}
.contactpagebox .map{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}

.joinlist .hd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:40px}
.joinlist .hd h3{ font-size:30px}
.joinlist .mt {margin-top:50px}
.joinlist .hd:after{ content:""; display:block; height:1px; background-color:#1f53a6;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; margin-left:25px}
.joinlist .hd:before{ content:""; display:block; width:15px; height:17px; background:url(../images/ico-hd.png) no-repeat center; background-size:100%; margin-right:24px}
.joinlist .bd01{ margin-bottom:50px}
.joinlist .bd01 li{ float:left; width:50%;}
.joinlist .bd01 li .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding:30px; border:1px solid #cfcfcf; margin:-.5px; background-color:#eff3f6}
.joinlist .bd01 li .a .ico{ width:92px; height:92px; border:1px solid #cbcbcb;flex:0 0 92px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:100%; margin-right:30px}
.joinlist .bd01 li .a .ico-d01{ background-image:url(../images/ico-d01.png)}
.joinlist .bd01 li .a .ico-d02{ background-image:url(../images/ico-d02.png)}
.joinlist .bd01 li .a .ico-d03{ background-image:url(../images/ico-d03.png)}
.joinlist .bd01 li .a .ico-d04{ background-image:url(../images/ico-d04.png)}
.joinlist .bd01 li .a .ico-d05{ background-image:url(../images/ico-d05.png)}
.joinlist .bd01 li .a .ico-d06{ background-image:url(../images/ico-d06.png)}
.joinlist .bd01 li:nth-child(2) .a,.joinlist .bd01 li:nth-child(3) .a,.joinlist .bd01 li:nth-child(6) .a{ background-color:#efefef}
.joinlist .bd01 li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; font-size:16px}
.joinlist .bd01 li .txt b{ color:#1f53a6}

.joinlist .bd02{margin-bottom:50px; background:url(../images/bd02bg.jpg) no-repeat center; background-size:cover; text-align:center; color:#fff; font-size:22px; padding:60px 0}
.joinlist .bd02 span{ display:block; line-height:2.5}

.joinlist .bd03{ background-color:#fff; padding:45px;}
.joinlist .bd03 li{ float:left; width:48%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:20px}
.joinlist .bd03 li:nth-child(even){ float:right}
.joinlist .bd03 li .t{ font-size:18px; width:88px;flex:0 0 88px; line-height:50px}
.joinlist .bd03 li .t i{ color:#ff0000}
.joinlist .bd03 li .p{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.joinlist .bd03 li .intxt{ width:100%; height:50px; line-height:50px; padding:0 15px; background-color:#fff; border:1px solid #e0dede}
.joinlist .bd03 li.wnone{ width:100%}
.joinlist .bd03 li textarea{ width:100%; height:198px;padding:15px; background-color:#fff; border:1px solid #e0dede}
.joinlist .bd03 li .inbtn{ display:block; margin:0 auto; width:210px; height:50px; line-height:50px; background-color:#1f53a6; color:#fff; border:none; font-size:20px; cursor:pointer}
.joinlist .bd03 li .inbtn:disabled{ background:#ccc; cursor:default;}
@media(max-width:1700px){ 
.banner .item,.banner{ height:38vw}
.plo h3{ font-size:38px}
.index01 .p{ font-size:18px}
.index01 .more a{ font-size:16px; width:152px; height:38px; line-height:38px}
.plo h3:before{ width:18px; height:18px; border: 5px solid #1f53a6;    right: -18px;
    top: -10px;}
.index01 .uls .as a{ line-height:104px; font-size:22px;}	
.index01 .uls .as i{ width:50px; height:50px}
.index01 .uls:before{ width:168px; height:168px;right:-84px;top:-84px}
.index02 .txt .p{ font-size:18px}
.index02 .txt .more a{font-size:16px; width:152px; height:38px; line-height:38px}

.sidetitle{ font-size:24px; height:70px; line-height:70px}
.sidenav02 .bd .one-level{ font-size:18px; line-height:50px; height:50px}
.sidenav02 .bd .sub li a{ font-size:15px}
.sidenav02 .bd .sub h3{ line-height:45px}
.sidenav02 .bd .sub h3 a{ font-size:15px}
.productlist .bd li h3{ font-size:16px}
.lanmuplo h3{ font-size:21px; line-height:21px; height:21px; line-height:21px}
.lanmuplo{ height:42px}

.aboutpage{ font-size:18px;}
.aboutpage a{ }
.aboutpage .servernet td{ padding:15px; font-size:16px;}
.aboutpage .servernet th{ padding:15px;font-size:20px;}
.nbanner h3{ font-size:28px;}
.contactpagebox .txt h3{ font-size:22px;}
.contactpagebox .txt{ font-size:16px}
.contactpagebox .txt a{ font-size:16px}
.honorlist .bd li h3{ font-size:16px}
.newslist .bd li .txt h3{ font-size:16px; /*height:50px*/}
.newslist .bd li .img{ height:160px}

.joinlist .hd h3{ font-size:24px}
.joinlist .bd01 li .a .ico{ width:80px; height:80px;flex:0 0 80px}
.joinlist .bd02{ font-size:18px}
.joinlist .bd03 li .t{ font-size:16px}
.joinlist .bd03 li .inbtn{ font-size:18px}

.index03 li{ height:120px}
.index02 .video{ height:360px}
.index02 .txt{ padding-top:56px}
.index02 .video .videopay:before{ width:140px; height:140px; margin-left:-70px; margin-top:-70px}
.index01 .uls .img{ height:420px}
} 
@media(max-width:1350px){
.path .weap{ background-position:5px center} 
.joinlist .bd01 li .txt{ height:100px}
.joinlist .bd02{ font-size:16px}
} 

@media(max-width:1220px){
.mainleft{ width:240px;flex:0 0 240px}
.sidenav02 .bd .sub{ padding:10px}
.mainright{ padding-left:20px}

.productlist .bd ul{ margin:0 -10px}
.productlist .bd li a{ margin:0 10px}

.honorlist .bd ul{ margin:0 -10px}
.honorlist .bd li a{ margin:0 10px}
.honorlist .bd li .img{ /*height:300px*/}
.newslist .bd li a{ margin:0 10px}
.newslist .bd ul{ margin:0 -10px}
.contactpagebox{ height:500px}
.contactpagebox .txt{ padding:40px 20px; width:330px; flex:0 0 330px}

.aboutpage .culture li{float:left; width:50%;}
.aboutpage .culture li .a{ padding:20px 0 0  20px ; }
.aboutpage .culture li h1{ font-size:22px;}
.aboutpage .culture li h2{  font-size:18px; margin-bottom:10px;}
}
@media(max-width:999px){
.banner .item, .banner{ height:45vw}	
.banner .slick-dots li{ width:8px; height:8px; margin:0 5px}
.banner .slick-dots{ bottom:10px}

.index01{ padding-top:40px; padding-bottom:40px}
.plo{ margin-bottom:25px}
.plo h3{ font-size:22px}
.plo h3:before{ width:10px; height:10px;    border: 2px solid #1f53a6; right:-8px;top:-8px}
.index01 .p{ font-size:15px; line-height:1.8}

.index01 .uls{ padding-left:0}
.index01 .uls:before{ display:none}
.index01 .uls .as{ position:static; width:auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index01 .uls .as a{ padding-left:0; text-align:center;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; padding:15px 10px; line-height:1; font-size:16px;}
.index01 .uls .as i{ display:block; margin:0 auto; width:40px; height:40px; margin-bottom:10px;}
.index01 .uls .img{ height:40vw;box-shadow: 0 0 5px rgba(0,0,0,.18); margin-bottom:10px}
.index01 .p{ margin-bottom:20px}
.index01 .more a{ font-size:12px; width:120px; line-height:36px; height:36px}
.index01 .bd{ margin-bottom:20px}

.index02{ padding:40px 0}
.index02 .plo h3:before{border: 2px solid #fff;}
.index02 .video{ float:none; width:auto; margin-bottom:10px; height:auto}
.index02 .video video{ height:auto}
.index02 .video .videopay:before{ width:80px; height:80px; margin-left:-40px; margin-top:-40px}
.index02 .txt{ width:auto; float:none; }
.index02 .txt .p{font-size:15px; line-height:1.8}
.index02 .txt .more{ margin-top:20px}
.index02 .txt .more a{ font-size:12px; width:120px; height:36px; line-height:36px}
.index02 .txt{ margin-top:15px; padding-top:0}

.index03{ padding:40px 0}
.index03 li{ width:33.33%; height:80px; }
.index03 li .a img{    max-height:60%;max-width: 80%;}

.nbanner .title,.nbanner{ height:120px}
.nbanner h3{ font-size:20px}
.nbanner .eng:after, .nbanner .eng:before{ width:65px}
.mainbox{ display:block}
.mainleft{ width:auto}
.sidetitle{ font-size:18px; text-align:left; padding:10px; height:auto; line-height:normal}
.main{ padding-top:20px; padding-bottom:50px}
.sidenav .bd{ overflow:hidden; padding:10px; padding-bottom:0}
.sidenav .bd h3 a{ font-size:15px; }
.sidenav .bd h3{ float:left; width:48.5%; margin-bottom:10px; height:40px; line-height:40px}
.sidenav .bd h3:nth-child(even){ float:right}
.sidenav{ margin-bottom:20px}
.sideadder{ display:none}
.mainright{ padding-left:0}
.lanmuplo{ display:}
.aboutpage{ font-size:15px}
.aboutpage a{ }
.aboutpage .servernet td{ padding:15px; font-size:14px;}
.aboutpage .servernet th{ padding:15px;font-size:18px;}

.newspage .title{ font-size:20px; margin-bottom:10px}
.newspage .info{  font-size:12px;padding-bottom:10px; margin-bottom:20px}
.newspage .conn{ margin-bottom:10px; text-align:justify; min-height:200px; font-size:14px; line-height:180%;}
.newspage .conn p{ margin:auto; margin-bottom:13px;}
.nextpage ul{ overflow:hidden; border-top:1px solid #d7d7d7; padding-top:10px;}
.nextpage li{ width:100%; float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nextpage li:last-child{ float:left; text-align:left;}

.sidesq{ display:none}
.contactpagebox{ display:block; height:auto}
.map{ height:80vw}
.contactpagebox .txt{ width:auto; padding:20px}
.contactpagebox .txt h3{ font-size:18px; margin-bottom:10px}
.contactpagebox .txt li{ font-size:15px; line-height:2}
.contactpagebox .txt li a{ font-size:15px}

.honorlist .bd li{ width:50%; margin-bottom:20px}
.honorlist .bd li:nth-child(3n+1){ clear:none;}
.honorlist .bd li:nth-child(2n+1){ clear:left;}
.honorlist .bd li a{ margin:0 10px}
.honorlist .bd ul{ margin:0 -10px}
.honorlist .bd li .img{ /*height:60vw;*/ margin-bottom:15px}
.honorlist .bd li h3{ font-size:13px}

.newslist .bd li{ width:50%; margin-bottom:0}
.newslist .bd li:nth-child(3n+1){ clear:none;}
.newslist .bd li:nth-child(2n+1){ clear:left;}
.newslist .newsindex li:nth-child(n+3){ display:none;}
.newslist .bd ul{ margin:0 -5px}
.newslist .bd li a{ margin:0 5px;}
.newslist .bd li .txt{ padding:10px}
.newslist .bd li .txt .date{ padding-left:20px; font-size:12px; margin-bottom:10px}
.newslist .bd li .txt h3{ font-size:15px; }
.newslist .bd li .txt .p{ margin-top:5px; font-size:12px; height:38px}

.newsmain .lanmuplo{ display:block}
.lanmuplo{ margin-bottom:20px; height:36px}
.lanmuplo h3{ font-size:18px; padding-left:15px}
.lanmuplo .more a{ font-size:14px}

.joinlist .bd01 li{ float:none; width:auto}
.joinlist .hd h3{ font-size:18px}
.joinlist .mt {margin-top:30px}
.joinlist .hd:before{ width:10px; height:12px; margin-right:10px}
.joinlist .hd{ margin-bottom:20px}
.joinlist .bd01 li .a{ padding:20px; margin:0; margin-top:-1px}
.joinlist .bd01 li .a .ico{ width:70px; height:70px; flex:0 0 70px; margin-right:20px}
.joinlist .bd01 li .txt{ height:auto; font-size:15px}
.joinlist .bd01 li:nth-child(2) .a, .joinlist .bd01 li:nth-child(3) .a, .joinlist .bd01 li:nth-child(6) .a{ background-color:#eff3f6}
.joinlist .bd01 li:nth-child(even) .a{ background-color:#efefef}
.joinlist .bd02{ padding:40px 10px; line-height:1.8}
.joinlist .bd01{ margin-bottom:40px}
.joinlist .bd02{ margin-bottom:40px}
.joinlist .bd03 li{ float:none; width:auto; margin-bottom:15px}
.joinlist .bd03 li:nth-child(even){ float:none}
.joinlist .bd03{ padding:20px 10px}
.joinlist .bd03 li .intxt{ height:42px; line-height:42px}
.joinlist .bd03 li .t{ font-size:15px; line-height:42px; width:78px;flex:0 0 78px}
.joinlist .bd03 li textarea{ height:120px}
.joinlist .bd03 li .inbtn{ height:42px; font-size:15px; width:100% }

.productlist .bd li{ width:50%; margin-bottom:20px}
.productlist .bd li:nth-child(3n+1){ clear:none;}
.productlist .bd li:nth-child(2n+1){ clear:left;}
.productlist .bd li a{ margin:0 10px}
.productlist .bd ul{ margin:0 -10px}
.productlist .bd li h3{ font-size:15px}
.productlist .bd li .img{ margin-bottom:15px}

.sidenav02{ margin-bottom:25px}
.sidenav02 .sidetitle{ position:relative}
.sidenav02 .sidetitle:before{ content:"分类"; position:absolute; z-index:2; right:10px; font-size:14px; display:block; padding-right:25px; background:url(../images/ico-mfl.png) no-repeat center right; background-size:20px}
.sidenav02 .bd{ display:none}
.sidenav02 .bd .one-level{ font-size:15px; height:40px; line-height:40px}
.sidenav02 .bd .sub{ padding:15px}
.sidenav02 .bd .sub h3 a{ font-size:14px}
.sidenav02 .bd .sub h3{ line-height:36px}
.sidenav02 .bd .sub li a{ font-size:14px}
.sidenav02 .bd .sub li.on a:after, .sidenav02 .bd .sub li a:hover:after{border-top: 6px solid transparent; border-left:6px solid #fff; border-bottom: 6px solid transparent; margin-top:-6px}

}
  @media(max-width:750px){
 .aboutpage .culture li{ width:100%;}
 .aboutpage .culture li .a{ padding:0px 0 0 0px ; }
.aboutpage .culture li h1{ font-size:20px;}
.aboutpage .culture li h2{  font-size:16px; margin-bottom:10px;}
.aboutpage .culture li:nth-child(2),
.aboutpage .culture li:nth-child(3){ width:50%;}
 }