/*banner*/
.banner{ height:860px; position:relative;}
.banner .item{ height:860px; 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}  
.banner .slick-current .p1{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.banner .slick-current .p2{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-delay: .3s;}
.banner .slick-current .line{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-delay: .6s;}
.banner .slick-current .p3{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-delay: .9s;}
.banner .slick-current .p5{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-delay: 1.2s;}
.banner .slick-current li{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.banner .slick-current li:nth-child(2){animation-delay: .1s;}	
.banner .slick-current li:nth-child(3){animation-delay: .2s;}	
.banner .slick-current li:nth-child(4){animation-delay: .3s;}	
.banner .slick-current li:nth-child(5){animation-delay: .4s;}	
.banner .slick-current li:nth-child(6){animation-delay: .5s;}	
.banner .slick-current li:nth-child(7){animation-delay: .6s;}	
.banner .slick-current li:nth-child(8){animation-delay: .7s;}	


.banner .slick-arrow{background-image:url(../images/ico-prev03.png); background-repeat:no-repeat; background-position:center; background-size:100%; width:85px; height:85px; background-color:rgb(0,0,0,0.5); position:absolute; z-index:2;top:50%; margin-top:-42px; border-radius:10px; cursor:pointer; border:none; overflow:hidden; text-indent:-999px;}
.banner .slick-arrow:hover{ background-color:#0173cf;background-image:url(../images/ico-prev03h.png);}
.banner .slick-prev{ left:20px;}
.banner .slick-next{ right:20px;transform:rotate(180deg);}


.banner .text{  color:#fff; position:absolute; z-index:2;top:27%; left:0; right:0; line-height:1.4}
.banner .text .p1{ font-size:60px; color:#6bfcff; text-transform:uppercase; font-weight:bold; margin-bottom:70px;}
.banner .text .p2{ font-size:36px;  margin-bottom:30px; line-height:1.6}
.banner .text .p2 span{ display:block}
.banner .text .line{ width:55px; height:10px; background-color:#fff; margin-bottom:50px} 
.banner .text .p3{ font-size:24px; text-transform:uppercase; max-width:750px; font-weight:lighter}
 
.plo{ margin-bottom:35px; line-height:1.4}
.plo h3{ font-size:44px; color:#1357d2}  

.index01{ padding-top:100px; padding-bottom:90px; position:relative;}
.index01 .plo{ height:210px; background:url(../images/index0101.png) no-repeat 0 20px}
.index01 .bd{ position:relative; }
.index01 .bd:before{ content:""; display:block; position:absolute; z-index:1; left:0;top:0; bottom:0; background-color:#f7f7f7; right:27%}
.index01 .bd .weap{ position:relative; z-index:2; padding-top:30px; padding-bottom:80px}
.index01 .bd .txts{ float:left; width:51.4%; padding-left:25px; position:relative}
.index01 .bd .txts h3{ font-size:26px; margin-bottom:13px}
.index01 .bd .txts .ms{ font-size:16px; color:#999999}
.index01 .bd .txts:before{ content:""; display:block; position:absolute; z-index:1; left:0;top:0; width:2px; height:80px; background-color:#007dff}
.index01 .bd .txts ul{margin-top:30px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
.index01 .bd .txts ul li{ text-align:center}
.index01 .bd .txts ul li .ico{ margin-bottom:10px}
.index01 .bd .txts ul li .ico img{ height:47px}
.index01 .bd .txts ul .num{ font-size:24px; color:#1357d2; line-height:1.1; font-weight:700}
.index01 .bd .txts ul .p{ font-size:14px; text-transform:uppercase}
.index01 .bd .video{ float:right; width:45.7%; height:600px; background-color:#000; margin-top:-120px}

.index02{ background:url(../images/index02bg.jpg) no-repeat center; background-size:cover; padding-bottom:40px; padding-top:35px;}
.index02 .plo h3{ color:#fff; text-align:center}

.index02 .slider-for .txtleft{ width:41.4%; float:left; color:#fff; line-height:1.2;}
.index02 .slider-for .txtleft .num{ font-size:90px; margin-bottom:70px}
.index02 .slider-for .txtleft h3{ font-size:60px; margin-bottom:55px}
.index02 .slider-for .txtleft .ms{ font-size:20px; letter-spacing:.5px; line-height:1.5; font-weight:lighter; margin-bottom:50px}
.index02 .slider-for .txtleft .more a{ display:inline-block; width:146px; height:46px; border:2px solid #fff; border-radius:46px; text-align:center; line-height:42px; font-size:16px; color:#fff}
.index02 .slider-for .txtleft .more a i{ margin-left:30px; font-size:20px; vertical-align:middle}
.index02 .slider-for .txtleft .more a:hover{ background-color:#fff; color:#1357d2}
.index02 .slider-for .txtright{ width:52.1%; float:right; color:#fff}
.index02 .slider-for .txtright .img{ overflow:hidden; margin-bottom:30px}
.index02 .slider-for .txtright .img img{ display:block; width:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index02 .slider-for .txtright a:hover .img img{ transform:scale(1.1)}

.index02 .slider-for .txtright .title{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; color:#fff; padding-left:30px; }
.index02 .slider-for .txtright .title:before{ content:""; display:block; width:90px; height:1px; background-color:#fff; margin-right:10px; position:relative;top:15px}
.index02 .slider-for .txtright .title h3{ font-size:22px; font-weight:normal; line-height:1.6;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}

.index02 .slider-nav{ text-align:center; margin-top:55px}
.index02 .slider-nav .item{ font-size:20px; cursor:pointer; }
.index02 .slider-nav .item span{ display:block;position:relative; height:124px; line-height:114px }
.index02 .slider-nav .item.slick-current span{ margin-top:-10px;background-color:#1357d2; color:#fff;line-height:134px  }
.index02 .slider-nav .item.slick-current span:before{ content:"";width: 0;height: 0;border: 10px solid;border-color: transparent transparent #1357d2; display:block; position:absolute; z-index:1;top:-20px; left:50%; margin-left:-10px;}
.index02 .slider-nav .item:nth-child(1){ width:16.7%}
.index02 .slider-nav .item:nth-child(2){ width:21%}
.index02 .slider-nav .item:nth-child(3){ width:15.7%}
.index02 .slider-nav .item:nth-child(4){ width:9.2%}
.index02 .slider-nav .item:nth-child(5){ width:26%}
.index02 .slider-nav .item:nth-child(6){-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.index02 .slider-nav .slick-track{height:114px; line-height:114px; background:rgba(255,255,255,.8); width:auto !important;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; transform:none !important}
.index02 .slider-nav .slick-list{ padding-top:20px;}

.index03{background:url(../images/index03bg.jpg) no-repeat center; background-size:cover; padding-top:45px; padding-bottom:70px; overflow:hidden}
.index03 .plo{ margin-bottom:55px}
.index03 .weap{ position:relative;}
.index03 .imgs{ position:absolute; z-index:1; left:50%;top:10px}
.index03 .imgs img{ height:444px}
.index03 ul{ position:relative; z-index:2}
.index03 .ul01{ overflow:hidden; width:50%; margin-bottom:40px}
.index03 .ul01 li{ float:left; width:33.33%; text-align:center}
.index03 .ul01 li .img{ width:143px; margin:0 auto; max-width:100%;}
.index03 .ul01 li .img img{ max-width:100%}
.index03 .ul01 li .p{ font-size:18px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.index03 .ul02{ background-color:#fff; box-shadow:0 0 30px rgba(0,0,0,.05); padding-top:40px; padding-bottom:25px}
.index03 .ul02 li{ float:left; width:16.66%; text-align:center}
.index03 .ul02 .ico{ margin-bottom:10px;}
.index03 .ul02 .ico img{ height:60px}
.index03 .ul02 .txt .t{ font-size:24px; font-weight:700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:10px}
.index03 .ul02 .txt .p{ font-size:16px; color:#999; line-height:1.3}

.index04{background:url(../images/index04bg.jpg) no-repeat center; background-size:cover; padding-top:45px; padding-bottom:70px; overflow:hidden}
.index04 .plo h3{ color:#fff; text-align:center}
.index04 .bd{ padding:0 53px;}
.index04 .bd a{ display:block; margin:0 27px; text-align:center}
.index04 .bd a:hover h3{ color:#1357d2}
.index04 .bd a .img{ overflow:hidden; margin-bottom:20px;}
.index04 .bd a .img img{ display:block; width:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index04 .bd a:hover .img img{ transform:scale(1.1)}
.index04 .bd a h3{ color:#fff; font-size:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index04 .bd .slick-arrow{ width:42px; height:42px; position:absolute; z-index:2;top:50%; margin-top:-21px; overflow:hidden; text-indent:-999px; border:3px solid #fff; border-radius:50%; cursor:pointer; background-repeat:no-repeat; background-color:transparent; background-position:center; background-size:50%; background-image:url(../images/ico-jt.png); background-size:60%}
.index04 .bd .slick-arrow:hover{ background-color:#1357d2; border:3px solid #1357d2}
.index04 .bd .slick-prev{ left:0;transform: rotateY(180deg); }
.index04 .bd .slick-next{ right:0;}

.index05{ padding-top:80px; padding-bottom:90px; background:url(../images/index05bg.png) no-repeat left top;}
.index05 .plo{ margin-bottom:80px}
.index05 .bd ul{ margin:0 -13px}
.index05 .bd li{ float:left; width:33.33%}
.index05 .bd li a{ display:block; margin:0 13px; border-bottom:4px solid #e0e0e0; padding-bottom:10px; position:relative}
.index05 .bd li a:hover{border-bottom:4px solid #1357d2;}
.index05 .bd li .img{ overflow:hidden; margin-bottom:30px}
.index05 .bd li .img img{ width:100%; display:block;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index05 .bd li a:hover .img img{ transform:scale(1.1)}
.index05 .bd h3{ font-size:26px; font-weight:normal; line-height:1.3; margin-bottom:10px; height:66px; overflow:hidden}
.index05 .bd .date{ font-size:16px; color:#666666}
.index05 .bd .date i{ font-size:28px; vertical-align:middle; margin-right:10px}

.mores{ text-align:center; margin-top:90px;}
.mores a{ font-size:26px; color:#1357d2}
.mores a i{ vertical-align:middle; position:relative;top:-3px; font-size:20px}

.nbanner{  background-position:center; background-repeat:no-repeat; background-size:cover}
.nbanner .weap{height:200px;}
.nbanner .txt{ color:#fff; position:relative;top:50%; transform:translateY(-50%)}
.nbanner .txt .title{ line-height:92px; height:92px; border-left:10px solid #fff; padding-left:25px; margin-bottom:40px}
.nbanner .txt .title h3{ display:inline-block; font-size:62px; font-weight:normal; vertical-align:text-bottom}
.nbanner .txt .title .eng{ display:inline-block;vertical-align:text-bottom; font-size:50px; line-height:50px; margin-left:30px;}
.nbanner .txt .p{ font-size:18px; padding-left:35px; max-width:820px; margin-bottom:60px}
.nbanner .txt .as{ padding-left:35px;}
.nbanner .txt .as a{ display:inline-block; height:74px; line-height:68px; border:3px solid #fff; padding:0 44px; font-size:30px; color:#fff; text-transform:uppercase; border-radius:10px; margin-right:30px}
.nbanner .txt .as a:hover{ background-color:#1357d2; border:3px solid #1357d2;}

.path{ height:60px; line-height:59px; border-bottom:1px solid #efefef; color:#999999; /*text-transform:uppercase*/}
.path a{ color:#999999}
.path span{ color:#333}
.path i{ margin:0 5px}


.lanmplo .eng{ font-size:60px; color:#e9e9e9; text-transform:uppercase; line-height:1.1; font-weight:bold}
.lanmplo .t{ font-size:40px; text-transform:uppercase; line-height:1.1; margin-top:-25px; margin-bottom:30px}
.lanmplo .line{ height:1px; background-color:#dcdcdc; max-width:440px; position:relative; margin-bottom:25px}
.lanmplo .line:before{ content:""; display:block; height:2px; background-color:#1357d2; width:130px;}
.lanmplo .p{ font-size:20px; margin-top:-25px}

.about01{ padding:80px 0; overflow:hidden}
.about01 .weap{ position:relative}
.about01 .txts{ float:left; width:50%; position:relative}
.about01 .txts .title{ font-size:26px; margin-bottom:25px}
.about01 .txts .ms{ color:#666; font-size:16px; margin-bottom:30px; line-height:2}
.about01 .txts ul{margin-top:30px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
.about01 .txts ul li{ text-align:center}
.about01 .txts ul li .ico{ margin-bottom:10px}
.about01 .txts ul li .ico img{ height:47px}
.about01 .txts ul .num{ font-size:24px; color:#1357d2; line-height:1.1; font-weight:700}
.about01 .txts ul .p{ font-size:14px; text-transform:uppercase}

.about01 .video{ float:right; width:45.7%; height:600px; background-color:#000}
.fgx{ position:absolute; z-index:2; height:2px; background-color:#1357d2; left:-1970px; width:1920px;top:30px}
.fgx:before{ content:""; display:block; width:8px; height:8px; position:absolute; z-index:2; right:0;top:50%; margin-top:-4px; background-color:#1357d2; border-radius:50%}

.about02{ padding:95px 0; background-color:#f7f7f7}
.about02 .imgs{ float:left; width:52.8%}
.about02 .imgs img{ width:100%}
.about02 .txt{ float:right; width:43.5%; padding-top:50px}
.about02 .txt .title{ font-size:26px; margin-bottom:20px}
.about02 .txt .ms{ color:#666}

.about03{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.about03 .about03left{ height:800px; background:url(../images/about03leftbg.jpg) no-repeat center; background-size:cover; width:50%; padding-top:300px; position:relative}
.about03 .about03left .lanmplo{ width:700px; max-width:100%; float:right; position:relative}
.about03 .about03left .fgx{ background-color:#ff790a}
.about03 .about03left .fgx:before{background-color:#ff790a}
.about03 .about03left .lanmplo .eng{ opacity:.3}
.about03 .about03left .lanmplo .t{ color:#fff}
.about03 .bd{ position:absolute; z-index:2; left:0; right:0; bottom:0; background-color:rgba(33,33,33,.6); height:220px}
.about03 .bd ul{ float:right; width:700px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.about03 .bd ul li{ width:33.33%; text-align:center}
.about03 .bd ul li a{ display:block; color:#fff; padding-top:20px}
.about03 .bd ul li .ico img{ height:58px}
.about03 .bd ul li .ico{ margin-bottom:15px;}
.about03 .bd ul li h3{ font-size:24px; font-weight:normal; line-height:1.1; margin-bottom:15px}
.about03 .bd ul li .p{ font-size:14px; max-width:180px; margin:0 auto; line-height:1.5}

.about03 .about03right{ background-color:#212121; width:50%; position:relative}
.about03 .about03right .bd ul{ float:left }
.about03 .about03right .txtbox{ border:2px solid #904d15; border-right:none; margin-top:135px; padding:60px 0}
.about03 .about03right .txts{ width:700px; max-width:100%; font-size:0}
.about03 .about03right .txts .img{ display:inline-block; vertical-align:middle; width:41%}
.about03 .about03right .txts .img img{ max-width:90%; margin:0 auto}
.about03 .about03right .txts .txt{display:inline-block; vertical-align:middle; font-size:16px; color:#ffffff; width:59%}
.about03 .about03right .txts .txt h3{ font-size:32px; font-weight:normal; line-height:1.1; margin-bottom:20px}
.about03 .about03right .txts .txt .line{ height:2px; background-color:#fff; width:50px; margin-bottom:20px;}

.about04{ padding-top:75px; background-color:#f1f1f1; padding-bottom:1px}
.about04 .weap{ position:relative; background:url(../images/about04png.png) no-repeat right top; padding-top:30px}
.about04 .fgx{top:60px}
.about04 .lanmplo{ margin-bottom:60px;}
.about04 .bd li{ margin-bottom:60px}
.about04 .bd li a{ display:block; overflow:hidden}
.about04 .bd li .img{ float:left; width:57.5%}
.about04 .bd li .img img{ display:block; width:100%; border:3px solid #1357d2}
.about04 .bd li .txt{ width:42%; float:right; border-right:5px solid #dddddd; border-bottom:5px solid #ddd; position:relative; padding-left:80px; padding-right:50px; padding-top:80px; height:490px; margin-top:25px}
.about04 .bd li .txt:before{ content:""; display:block; height:5px; position:absolute; z-index:2; right:0;top:0; width:145px; background-color:#ddd}
.about04 .bd li .txt h3{ font-size:28px; margin-bottom:25px; text-transform:uppercase}
.about04 .bd li .txt .p{ font-size:16px; line-height:1.8; color:#666666; height:170px; overflow:hidden}
.about04 .bd li .txt .ico img{ max-width:100%}
.about04 .bd li:nth-child(even) .img{ float:right}
.about04 .bd li:nth-child(even) .txt{ float:left; border-right:none; border-left:5px solid #ddd;}
.about04 .bd li:nth-child(even) .txt:before{ right:auto; left:0}

.about05{ background:url(../images/about05bg.jpg) no-repeat center; background-size:cover; padding:75px 0}
.about05 .hd{ text-align:center; color:#fff; margin-bottom:65px}
.about05 .hd h3{ font-size:64px; text-transform:uppercase; line-height:1.1; margin-bottom:30px}
.about05 .hd .p{ font-size:24px; opacity:.7}

.about05 .bd .item .a{ display:block; margin:0 60px; text-align:center}
.about05 .bd .item .a h3{ text-align:center; color:#fff; font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.about05 .bd .item .a .img{ overflow:hidden; margin-bottom:20px}
.about05 .bd .item .a .img img{ display:block; width:100%}

.about05 .bd .slick-arrow{ width:42px; height:42px; position:absolute; z-index:2;top:50%; margin-top:-21px; overflow:hidden; text-indent:-999px; border:3px solid #fff; border-radius:50%; cursor:pointer; background-repeat:no-repeat; background-color:transparent; background-position:center; background-size:50%; background-image:url(../images/ico-jt.png); background-size:60%}
.about05 .bd .slick-arrow:hover{ background-color:#1357d2; border:3px solid #1357d2}
.about05 .bd .slick-prev{ left:0;transform: rotateY(180deg); }
.about05 .bd .slick-next{ right:0;}

.productbanner .weap{ height:400px; position:relative}
.productbanner .pnav{ text-align:center; position:absolute; z-index:2; left:0; right:0;top:270px;}
.productbanner .pnav ul{ font-size:0;}
.productbanner .pnav li{ display:inline-block; vertical-align:middle; margin:0 5px; margin-bottom:10px}
.productbanner .pnav li a{ display:block; font-size:18px; color:#fff; border:1px solid #fff; padding:0 18px; font-style:italic; text-transform:uppercase;background-color:rgba(255,255,255,0)}
.productbanner .pnav li a:hover{ background-color:rgba(255,255,255,1); color:#1357d2}
.productbanner .pnav li a.on{background-color:rgba(255,255,255,1); color:#1357d2}
.mainbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.mainbox .mainleft{ width:300px;flex:0 0 300px; margin-right:30px}
.mainbox .mainright{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.productbox{ background-color:#f8f8f8; padding:55px 0}

.sidetitle{ height:80px; background-color:#1357d2; padding:0 15px}
.sidetitle h3{ line-height:80px; text-align:center; color:#fff; font-size:26px; text-transform:uppercase}
.sidenav{ background-color:#fff}
.sidenav ul li{ margin-bottom:1px}
.sidenav ul li ul{ display:none}
.sidenav ul li a{ color:#333; display:block; line-height:60px; background-color:#dedede; padding:0 15px; font-size:16px; position:relative}
.sidenav ul li a.inactive:before{content:"";display:block;border-top:1px solid #424242;border-right:1px solid #424242;position:absolute;z-index:1;right:15px;top:50%;margin-top:-5px;width:10px;height:10px;transform:rotate(45deg);-ms-transform:rotate(45deg);/* IE 9*/-moz-transform:rotate(45deg);/* Firefox*/-webkit-transform:rotate(45deg);/* Safari 和 Chrome*/-o-transform:rotate(45deg);}
.sidenav ul li a.active:before{content:"";display:block;border-top:1px solid #424242;border-right:1px solid #424242;position:absolute;z-index:1;right:15px;top:50%;margin-top:-5px;width:10px;height:10px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);/* IE 9*/-moz-transform:rotate(-45deg);/* Firefox*/-webkit-transform:rotate(-45deg);/* Safari 和 Chrome*/-o-transform:rotate(-45deg);}
.sidenav ul li li a{background-color:#f2f2f2;border-left:3px solid transparent;padding-left:12px;font-size:14px}
.sidenav ul li li a.inactive:before{content:"";width:14px;height:14px;line-height:12px;border:1px solid #5c5959;border-radius:50%;text-align:center;transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9*/-moz-transform:rotate(0deg);/* Firefox*/-webkit-transform:rotate(0deg);/* Safari 和 Chrome*/-o-transform:rotate(0deg);background:url(../images/ico-add.png) no-repeat center;background-size:80%}
.sidenav ul li li a.active:before{content:"";width:14px;height:14px;line-height:12px;border:1px solid #1357d2;border-radius:50%;text-align:center;transform:rotate(0deg);-ms-transform:rotate(0deg);/* IE 9*/-moz-transform:rotate(0deg);/* Firefox*/-webkit-transform:rotate(0deg);/* Safari 和 Chrome*/-o-transform:rotate(0deg);background:url(../images/ico-cut.png) no-repeat center;background-size:80%}
.sidenav ul li li li a{ background-color:#fff;}
.sidenav ul li li a.active{ color:#1357d2; border-left:3px solid #1357d2; }
.sidenav ul li li li a{ border:none;font-size:14px; color:#999999; line-height:45px; padding-left:55px}
.sidenav ul li li li a:before{ content:""; display:block; width:6px; height:6px; position:absolute; z-index:2; left:40px; background-color:#999;top:50%; margin-top:-3px; border-radius:50%}
.sidenav ul li li li a:hover,.sidenav ul li li li a.active{ color:#1357d2; border:none} 
.sidenav ul li li li a:hover:before,.sidenav ul li li li a.active:before{ background:#1357d2; width:6px; height:6px}

.lanmtitle{ border-bottom:1px solid #e5e5e5; position:relative; height:48px; margin-bottom:35px}
.lanmtitle h3{ font-size:26px; line-height:1.1; font-weight:normal}
.lanmtitle:before{ content:""; display:block; position:absolute; z-index:1; left:0; bottom:-1px; width:100px; height:2px; background-color:#1357d2}

.productlist ul{ margin:0 -13px}
.productlist li{ float:left; width:33.33%; text-align:center; margin-bottom:26px;}
.productlist li a{ display:block; margin:0 13px; background-color:#ffffff; padding:10px 30px; padding-bottom:20px; position:relative}
.productlist li a .more{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; position:absolute; z-index:3; right:10px;top:10px; bottom:10px; left:10px; background-color:rgba(19,87,210,.7); visibility:hidden; opacity:0}
.productlist li a .more span{ display:block; position:absolute; z-index:2; color:#fff; font-size:16px; line-height:38px; height:40px;top:50%; margin-top:-20px; border:1px solid #fff; width:120px; margin-left:-60px; left:50%; }
.productlist li a:hover .more{ visibility:visible; opacity:1}
.productlist li a h3{ font-size:16px; font-weight:normal; height:56px; overflow:hidden}
.productlist li .img{ height:240px; margin-bottom:20px}
.productlist li .img img{ max-width:100%; max-height:100%; margin:0 auto; display:block}

.dmore{ text-align:center; cursor:pointer; margin-top:20px}
.dmore span{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; display:inline-block; height:36px; line-height:34px; border:1px solid #1357d2; padding:0 35px; font-size:18px; color:#1357d2; border-radius:38px}
.dmore span:hover{ background-color:#1357d2; color:#fff}
.dmore i{display:block;margin:0 auto;width:20px;height:20px;border-top:2px solid #1558d2;border-right:2px solid #1558d2;transform:rotate(135deg);-ms-transform:rotate(135deg);/* IE 9*/-moz-transform:rotate(135deg);/* Firefox*/-webkit-transform:rotate(135deg);/* Safari 和 Chrome*/-o-transform:rotate(135deg);}

.newbox{ background-color:#f8f8f8; padding-bottom:110px;}
.newbox .weap{width:83%; max-width:1600px; background-color:#fff; padding-top:1px; padding-bottom:10px}
.newbox .path{ margin-top:-0px;}
.newbox .path .weap{ width:100%; padding:0 100px;}
.newbanner .weap{ display:table}
.newbanner .img{ display:table-cell; vertical-align:middle; text-align:center}
.newbanner .img img{ max-width:90%}

.newlist{ padding-top:50px}
.newlist li{ margin:0 100px; margin-bottom:85px}
.newlist li a{ display:block; padding:18px; margin:0 -18px; border:3px solid transparent; position:relative}
.newlist li .img{ float:left; width:430px; overflow:hidden; height:300px}
.newlist li .img img{ display:block; width:100%}
.newlist li .txt{ padding-left:545px; padding-top:38px}
.newlist li .txt h3{ font-size:24px; line-height:1.3; position:relative; margin-bottom:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newlist li .txt h3 span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newlist li .txt h3 i{ position:absolute; z-index:2; left:-65px; width:60px; text-align:right; font-size:40px; color:#6e6e6e; line-height:1; font-family:Arial, Helvetica, sans-serif;top:-10px}
.newlist li .txt .p{ font-size:18px; color:#666; line-height:1.6; margin-bottom:50px; height:84px; overflow:hidden}
.newlist li .txt .line{ width:95px; height:3px; background-color:#c5c5c5; margin-bottom:5px}
.newlist li .txt .line:before{ content:""; display:block; height:100%; width:50%; background-color:#1357d2}
.newlist li .txt .info{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.newlist li .txt .date{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; color:#333; text-align:right; font-size:20px}
.newlist li .txt .date .iconfont{ margin-right:10px; font-size:20px; font-weight:bold}
.newlist li .txt .more{ display:block; height:32px; line-height:32px; padding:0 15px; background-color:#1357d2; color:#fff; border-radius:32px}
.newlist li a:hover{ border:3px solid #1357d2; background-color:#f6f6f6;}
.newlist li a:hover:before { content: ''; width:60px; height:60px; display:block; position: absolute; top: -3px; right:-3px; z-index:2; background:url(../images/ico-jiao.png) no-repeat center; background-size:100% } 

.contactbanner .txt{ text-align:center; }
.contactbanner .txt .eng{color:#fff; font-size:100px; text-transform:uppercase}
.contactbanner .txt .line{ width:110px; height:2px; background-color:#fff; margin:0 auto;}
.contactbanner .txt h3{ font-size:110px; letter-spacing:45px; padding-left:45px}
.contactbanner .txt .p{ font-size:20px; padding:0; margin:0 auto; max-width:100%; text-transform:uppercase}
.contactbanner .txt .p span{ display:block}
.contactbanner .txt .p span:nth-child(2){ text-indent:300px}

.contact01{ padding-top:80px; padding-bottom:70px}
.contact01 img{ max-width:100%;}
.contact01left{ float:left; width:47%}
.contact01 .title{ font-size:36px; font-weight:bold; text-transform:uppercase; line-height:1.1; margin-bottom:10px; width:100%}
.contact01 .title_page{ font-size:36px; font-weight:bold; text-transform:uppercase; line-height:1.1; margin-bottom:20px; width:100%; text-align:center}
.contact01 .adddate{margin-bottom:20px;font-size:18px; text-align:center; font-weight:normal}
.contact01 .prevnext{margin-top:20px;}
.contact01 .prevnext li{ height:40px; line-height:40px;}
.contact01left .p{ font-size:14px; color:#999}
.contact01left ul{ font-family:0;}
.contact01left li{ float:left; width:45%; margin-top:30px; margin-right:5%}
.contact01left li .tx a:hover{ color:#1357d2}
.contact01left li .t{ font-size:18px; text-transform:uppercase}
.contact01left li .tx,.contact01left li .tx a{ color:#999; font-size:14px}
.contact01left li .fxs a{ font-size:27px; margin-right:5px}

.contact01right{ float:right; width:47%}
.contact01right .p{ font-size:16px; color:#999; margin-bottom:35px}
.contact01right li{ width:48%; float:left; margin-bottom:15px}
.contact01right li:nth-child(even){ float:right}
.contact01right .in-input{ width:100%; height:40px; padding:0 24px; border-radius:5px; border:2px solid #e0e0e0}
.contact01right textarea{ width:100%; height:130px; padding:10px 24px; border-radius:5px; border:2px solid #e0e0e0}
.contact01right li.w100{ width:100%}
.contact01right li.linbtn{ text-align:right}
.contact01right li .in-btn{ width:138px; height:40px; background-color:#1a5cd3; cursor:pointer; color:#fff; border-radius:5px; border:none; float:right}

.ppagebox{ padding-top:64px}
.ppage01{ margin-bottom:50px}
.ppage01 img{ width:100%; display:block; cursor:pointer; }
.ppage01left{ float:left; width:48.6%;  }
.ppage01left .bigbox{ border:1px solid #efefef}
.ppage01left .smallimg{ margin-left:-5px; margin-right:-4px;margin-top:15px;}
.ppage01left .smallimg .a{margin:0 5px; cursor:pointer; display:block; position:relative}
.ppage01left .smallimg .slick-current .a:before{ content:""; display:block; position:absolute; z-index:2; left:0; right:0;top:0; bottom:0;  border:2px solid #1357d2}
.ppage01left .smallimg .a img{ display:block;border:1px solid #efefef; }
.ppage01left .smallimg .slick-arrow{ width:26px; height:36px; background-color:#b2b2b2; border:none; position:absolute; z-index:1; overflow:hidden; text-indent:-99px; cursor:pointer; top:50%; margin-top:-18px; background-repeat:no-repeat; background-position:center; background-size:80%; background-image:url(../images/ico-jt.png)}
.ppage01left .smallimg .slick-arrow:hover{ background-color:#1357d2}
.ppage01left .smallimg .slick-prev{ left:5px;transform: rotateY(180deg);  }
.ppage01left .smallimg .slick-next{ right:5px;}

.ppage01right{ float:right; width:49.2%; padding-top:20px}
.ppage01right .title{ font-size:36px; color:#1357d2; text-transform:uppercase; border-bottom:1px solid #dcdcdc; line-height:1.4; padding-bottom:10px; margin-bottom:15px}
.ppage01right .tis{ font-size:22px;; margin-bottom:20px}
.ppage01right ul{ font-size:0}
.ppage01right ul li{ display:inline-block; width:48%; font-size:18px; margin-bottom:10px; vertical-align:top;}
.ppage01right ul li span:nth-child(2){ color:#666666}
 

.ppage02{ margin-bottom:50px}
.ppagebox .hd{ height:40px; line-height:39px; background-color:#f7f7f7; border-bottom:1px solid #1357d2}
.ppagebox .hd ul{ display:block !important}
.ppagebox .hd li{ float:left;}
.ppagebox .hd li .a{ display:block; padding:0 20px; font-size:18px;}
.ppagebox .hd li.on .a{ background-color:#1357d2; color:#fff}
.ppage02 .bd{ border:1px solid #efefef; padding:40px}
.ppage02 .t{ font-size:28px; color:#1357d2; margin-bottom:10px;}
.ppage02 .bd>div{ border-bottom:1px dashed #f1f2f4; padding-bottom:20px; margin-bottom:20px}
.ppage02 .bd>div:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0}
.ppage02 .ullis li{ float:left; width:48%; margin-bottom:10px; position:relative;padding-left:15px; }
.ppage02 .ullis li:before{ content:""; display:block; width:6px; height:6px; background-color:#414141; border-radius:50%; left:0;top:10px; position:absolute; z-index:1}
.ppage02 .ullis li:nth-child(even){ float:right;}

.ppage03{ margin-bottom:50px}
.ppage03 .hd{ margin-bottom:20px}
.ppage03 .bd li{ float:left; width:16.666%}
.ppage03 .bd li a{ display:block; margin:0 10px;}
.ppage03 .bd li .img{ overflow:hidden; border:1px solid #efefef; margin-bottom:10px;}
.ppage03 .bd li .img img{ display:block; width:100%}
.ppage03 .bd li h3{ font-weight:normal; text-transform:uppercase; font-size:16px; line-height:1.4; height:44px; overflow:hidden}

.contact02 img{ width:100%}
.contact02 .map{ height:410px}

.ppagebox .conn{ overflow:hidden; line-height:1.6}
.ppagebox .ppage01right .conn{ font-size:18px}
.ppagebox .ppage01right .conn a{ font-size:18px;}
@media (max-width: 1800px){ 
.banner,.banner .item{ height:44.8vw}
.banner .text{top:8vw}
.index01 .plo{ background-size:80vw}

.nbanner .weap{ height:40vw}
.new2banner .weap,
.aboutbanner .weap{ height:15vw}
.productbanner .weap{ height:22vw}
.productbanner .pnav{top:auto; bottom:20px}
}
@media (max-width: 1420px){ 
.about03 .bd ul{ width:auto}
.about03 .bd ul li .ico img{ height:47px}
}
@media (max-width: 1600px){ 
.about03 .about03left .lanmplo{ width:auto; padding-right:10px}
}
@media (max-width: 1365px){
.banner .text .p1{ font-size:48px; margin-bottom:26px}
.banner .text .p2{ margin-bottom:24px; font-size:28px}
.banner .text .line{ height:8px; width:44px; margin-bottom:40px}
.index01{ padding-top:80px; padding-bottom:72px}
.plo h3{ font-size:35px}
.index01 .plo{ height:168px}
.index01 .bd .txts h3{ font-size:20.8px}
.index01 .bd .txts .ms{ font-size:14px}
.index01 .bd .txts ul li .ico img{ height:37px}
.index01 .bd .txts ul .num{ font-size:19px;}
.index01 .bd .txts ul .p{ font-size:12px}
.index01 .bd .video{ height:490px}
.index01 .bd .weap{ padding-bottom:64px}
.index02 .slider-for .txtleft .num{ font-size:72px; margin-bottom:56px}
.index02 .slider-for .txtleft h3{ font-size:48px; margin-bottom:44px}
.index02 .slider-for .txtleft .ms{ font-size:16px; margin-bottom:40px}
.index02 .slider-for .txtright .title h3{ font-size:17.6px}
.index02 .slider-for .txtright .title:before{ width:72px}
.index02 .slider-nav .slick-track{ height:91px}
.index02 .slider-nav .item span{ line-height:91px; height:101px;}
.index02 .slider-nav .item.slick-current span{ line-height:114px}
.index02 .slider-nav .item{ font-size:16px}
.index03 .ul02 .ico img{ height:48px}
.index03 .ul02 .txt .t{ font-size:19px}
.index03 .ul02 .txt .p{ font-size:14px}
.index04 .bd a h3{ font-size:16px}
.index05 .bd h3{ font-size:21px; height:54px}
.mores{ margin-top:72px}

.nbanner .txt .title{ height:72px; line-height:72px; margin-bottom:32px;    border-left: 8px solid #fff;}
.nbanner .txt .title h3{ font-size:64px}
.nbanner .txt .title .eng{ font-size:40px; line-height:40px; margin-left:24px}
.nbanner .txt .p{ margin-bottom:48px}
.nbanner .txt .as a{ font-size:24px; height:56px; line-height:52px; padding:0 32px}

.about01 .txts .title{ font-size:21px; margin-bottom:20px}
.lanmplo .eng{ font-size:48px}
.lanmplo .line{ margin-bottom:20px}
.about01 .txts .title{ font-size:17px}
.about01 .txts .ms{ font-size:14px; margin-bottom:24px}
.about01 .txts ul li .ico img{ height:37px}
.about01 .txts ul .num{ font-size:19px}
.about01 .video{ height:490px}
.about02 .txt{ padding-top:0}
.about02 .lanmplo .eng{ font-size:40px}
.lanmplo .t{ font-size:32px; margin-bottom:24px}
.about02 .txt .title{ font-size:21px; margin-bottom:16px}

.about03 .about03right .txts .txt h3{ font-size:25px}
.about03 .bd ul li h3{ font-size:19px}
.about03 .bd ul li .p{ font-size:12px}
.about03 .about03right .txtbox{ padding:48px 0; margin-top:108px}
.about04 .weap{ background-size:400px;}
.about04 .bd li .txt{ padding-left:48px; padding-right:40px; padding-top:48px; height:400px}
.about04 .bd li{ margin-bottom:48px}
.about04 .bd li .txt .ico img{ width:160px}
.about04 .bd li .txt .p{ height:136px; margin-bottom:20px}

.about05 .hd{ margin-bottom:48px}
.about05 .hd h3{ font-size:48px; margin-bottom:24px}
.about05 .hd .p{ font-size:19px}

.productbanner .pnav{top:auto; bottom:10px}
.productbanner .pnav li a{ font-size:16px}
.productbox{ padding:40px 0}
.sidetitle{height:64px}
.sidetitle h3{ font-size:19px; line-height:64px; }
.sidenav ul li a{ font-size:15px; line-height:48px}
.lanmtitle h3{ font-size:20px;}
.productlist ul{ margin:0 -5px;}
.productlist li a{ margin:0 5px; padding:10px}
.productlist li{ margin-bottom:10px}
.mainbox .mainleft{ margin-right:15px}
.dmore span{ font-size:16px; height:36px; line-height:34px}
.newlist li .txt{ padding-left:460px}
.newbox .weap{ width:100%}
.newlist li{ margin:0 20px}

.contactbanner .txt .eng{ font-size:32px}
.contactbanner .txt h3{ font-size:88px}
.nbanner .txt .p{ font-size:16px}

.ppagebox{ padding-top:48px}
.ppage01right .title{ font-size:29px}
.ppage01right{ padding-top:0}
.ppage01right .tis{ font-size:18px; margin-bottom:10px}
.ppage01right ul li{ font-size:15px}
.ppagebox .hd li .a{ font-size:16px}
.ppage02 .bd{ padding:32px}
.ppage02 .t{ font-size:22px}
table th{ font-size:16px}
table td{ font-size:14px}
.contact02 .map{ height:350px} 
.ppagebox .ppage01right .conn{ font-size:15px}
.ppagebox .ppage01right .conn a{ font-size:15px;}
}
 
@media(max-width:999px){
.banner .text{top:6vw}	
.banner .text .p1{ font-size:7vw; margin-bottom:2vw}
.banner .text .p2{ font-size:4vw; margin-bottom:2vw}
.banner .text .line{ width:20px; height:2px; margin-bottom:2vw}
.banner .text .p3{ font-size:3vw}
.banner, .banner .item{ height:50vw}

.index01{ padding:30px 0; padding-bottom:0}
.index01 .bd .weap{ padding-bottom:10px;}
.index01 .plo{ height:60px; margin-bottom:0}
.index01 .bd:before{ display:none}
.plo h3{ font-size:24px;}
.index01 .bd{ background-color:#f7f7f7}
.index01 .bd .txts{ float:none; width:auto; padding-left:0}
.index01 .bd .video{ float:none; width:auto; height:60vw; margin-top:20px}
.index01 .bd .txts:before{ display:none}
.index01 .bd .txts h3{ display:inline-block; border-bottom:2px solid #007DFE}
.index02 .slider-for .txtleft{ float:none; width:auto}
.index02 .slider-for .txtright{ float:none; width:auto; margin-top:15px}
.index02 .slider-for .txtleft .num{ font-size:30px; float:left; margin-right:10px; margin-bottom:0}
.index02 .slider-for .txtleft h3{ font-size:30px; margin-bottom:20px}

.index02 .slider-for .txtleft .more{ text-align:right}
.index02 .slider-for .txtleft .more a{ font-size:12px; height:34px; line-height:30px; width:auto; padding:0 20px}
.index02 .slider-for .txtleft .more a i{ margin-left:10px}
.index02 .slider-for .txtright .title:before{ width:50px}
.index02 .slider-for .txtright .title{ padding-left:0}
.index02 .slider-for .txtleft .ms{ margin-bottom:20px}
.index02 .slider-for .txtright .title h3{ font-size:16px}
.index02 .slider-for .txtright .img{ margin-bottom:15px}
.index02 .slider-nav{ display:none}

.index02 .slider-for .slick-dots{ text-align:center; margin-top:10px;}
.index02 .slider-for .slick-dots li{ display:inline-block; width:12px; height:12px; border:1px solid #fff; margin:0 5px; border-radius:50%}
.index02 .slider-for .slick-dots li.slick-active{ background-color:#fff}
.index02 .slider-for .slick-dots button{ display:none}

.index03{ padding-bottom:30px; padding-top:20px}
.index03 .ul01{ width:auto}
.index03 .ul01 li .a{ margin:0 5px;}
.index03 .ul01 li .p{ font-size:14px}
.index03 .imgs img{ height:80vw; opacity:.5}
.index03 .ul02{ font-size:0; padding-top:20px; padding-bottom:10px}
.index03 .ul02 li{ width:33.33%; float:none; display:inline-block; vertical-align:top; margin-bottom:10px}
.index03 .ul02 .txt .p{ font-size:12px}
.index03 .ul02 .txt .t{ font-size:16px}

.index04{ padding:30px 0}
.index04 .bd .slick-arrow{ width:36px; height:36px; margin-top:-18px; border:1px solid #fff}
.index04 .bd a{ margin:0}
.index05{ background-size:200vw; padding-top:30px; padding-bottom:30px}
.index05 .plo{ margin-bottom:50px}
.index05 .bd ul{ margin:0}
.index05 .bd li{ float:none; width:auto; margin-bottom:10px}
.index05 .bd li a{ margin:0; border-bottom:2px solid #e0e0e0}
.index05 .bd li .img{ margin-bottom:10px}
.index05 .bd h3{ font-size:16px; height:40px}
.index05 .bd .date{ font-size:14px}
.index05 .bd .date i{ font-size:20px}

.mores{ margin-top:20px}
.mores a{ font-size:16px}
.mores a i{ font-size:16px}

.nbanner .weap{ height:auto; padding-top:20px; padding-bottom:20px}
.contactbanner .weap{ height:40vw}
.nbanner .txt{ position:static; transform:none}
.nbanner .txt .p{ font-size:13px; margin-bottom:20px; padding-left:12px}
.nbanner .txt .title{ font-size:24px; height:34px; line-height:34px;border-left: 2px solid #fff; margin-bottom:15px; padding-left:10px}
.nbanner .txt .title h3{ font-size:24px;  }
.nbanner .txt .title .eng{ font-size:18px; line-height:24px; margin-left:10px}
.nbanner .txt .as a{ font-size:15px; height:36px; line-height:34px; border:1px solid #fff; padding:0 10px; margin-right:15px}
.nbanner .txt .as{ padding-left:15px}
.about01 .txts{ float:none; width:auto}
.lanmplo .t{ font-size:24px; margin-bottom:15px}
.lanmplo .eng{ font-size:32px}
.lanmplo .line{ margin-bottom:10px}
.about01 .txts .title{ margin-bottom:10px}
.about01 .txts .ms{ line-height:1.6}
.about01 .txts ul .p{ font-size:12px}
.about01 .video{ width:auto; float:none; height:60vw; margin-top:20px} 
.about02 .imgs{ float:none; width:auto; margin-bottom:10px; position:absolute; z-index:1; bottom:0; display:none}
.about02 .txt{ float:none; width:auto}
.about02 .lanmplo .eng{ font-size:32px}
.about02{ padding:30px 0;position:relative; }

.about01{ padding:30px 0}

.about03{ display:block;}
.about03 .bd{ height:180px; padding:0 5px}
.about03 .about03left{ width:auto; height:320px; padding-top:40px}
.about03 .bd ul li .ico img{ height:36px}
.about03 .bd ul li h3{ margin-bottom:10px}
.about03 .about03right{ width:auto; padding:30px 0}
.about03 .about03right .txtbox{ margin-top:0; border:none; padding-top:0px; padding-bottom:10px}
.about03 .about03right .txts .img{ display:none}
.about03 .about03right .txts .txt{ width:auto}
.about03 .about03right .txts{ padding:0 10px}
.about03 .about03right .bd{ position:static}
.lanmplo .line:before{ width:90px}
.about03 .about03right .txts .txt h3{ font-size:24px}
.about03 .about03right .txts .txt{ font-size:14px; line-height:1.6}
.about04{ padding-top:30px; padding-bottom:10px}
.lanmplo .p{ margin-top:0; font-size:14px}
.about04 .weap{ background-size:30%; padding-top:0; background:none}
.about04 .lanmplo{ margin-bottom:25px}
.about04 .bd li .txt{ float:none; width:auto; padding:10px; margin-top:10px; height:290px;}
.about04 .bd li .img{ float:none; width:auto}
.about04 .bd li .txt h3{ font-size:20px; margin-bottom:10px}
.about04 .bd li .txt .p{ line-height:1.6; height:150px}
.about04 .bd li .txt .ico img{ width:100px}
.about04 .bd li{ margin-bottom:20px;}

.about05{ padding:30px 0}
.about05 .hd{ margin-bottom:20px}
.about05 .hd h3{ font-size:24px; margin-bottom:10px}
.about05 .hd .p{ font-size:16px; line-height:1.6}
.about05 .bd .slick-arrow {
    width: 36px;
    height: 36px;
    margin-top: -18px;
    border: 1px solid #fff;
}
.productbanner{background-size:auto 30vw; background-position:center top; background-color:#1357d2}
.productbanner .weap{ height:auto; padding-top:30vw; padding-bottom:0 }
.productbanner .pnav{ position:static; text-align:left; padding:10px 0}
.productbanner .pnav li a{ font-size:13px; padding:0 5px}

.mainbox{ display:block}
.mainbox .mainleft{ width:auto; margin-right:0; margin-bottom:15px}
.productbox{ padding:20px 0; padding-top:10px}
.sidetitle{ height:50px}
.sidetitle h3{ line-height:50px}

.newlist{ padding-top:30px}
.newlist li{ margin:0}
.newlist li a{ padding:10px; margin:0}
.newlist li .img{ float:none; width:auto; height:auto}
.newlist li .txt{ padding:0}
.newlist li .txt h3{ font-size:16px; margin-bottom:10px; margin-top:10px}
.newlist li .txt .p{ font-size:14px; height:90px; margin-bottom:15px}
.newlist li .txt .date{ font-size:14px}
.newlist li .txt .date .iconfont{ font-size:14px}

.contactbanner .txt .eng{ font-size:20px}
.contactbanner .txt .line{ width:50px}
.contactbanner .txt h3{ font-size:24px;letter-spacing:15px; padding-left:15px; margin-bottom:10px}
.contactbanner .txt .p{ padding-left:0; margin-bottom:0}
.contactbanner .txt .p span:nth-child(2) {
    text-indent: 0;
}
.contact01{ padding:30px 0; padding-bottom:10px}
.contact01 .title{ font-size:24px}
.contact01left{ width:auto; float:none; margin-bottom:15px}
.contact01left li{ margin-top:10px}
.contact01right{ width:auto; float:none; }
.contact01right .p{ margin-bottom:15px}
.contact01right .in-input{ padding:0 10px}
.contact01right textarea{ padding:10px}
.contact01left li .t{ font-size:16px}

.ppagebox{ padding-top:30px}
.ppage01left{ float:none; width:auto}
.ppage01left .smallimg .slick-arrow{ width:16px;}
.ppage01right{ float:none; width:auto; margin-top:25px}
.ppage01right .title{ font-size:22px; padding-bottom:10px; margin-bottom:10px}
.ppage01right ul li{ display:block; width:auto; margin-bottom:0}
.ppage01{ margin-bottom:30px}
.ppagebox .hd li .a{ font-size:14px; padding:0 10px}
.ppage02 .bd{ padding:10px}
.ppage02{ margin-bottom:30px}
.ppage03 .bd li{ width:50%; margin-bottom:10px}
.ppage03 .bd li a{ margin:0 5px;}
.ppage03 .bd li h3{ font-size:15px}

.zoomImg{ display:none !important}
} 
@media(max-width:760px){
.path{ display:none}
.lanmtitle{ margin-bottom:15px}
.productlist li{ width:50%}
.productlist li .img{ height:30vw; margin-bottom:10px}
.productlist li a h3{ font-size:15px; line-height:1.6; height:48px}
.dmore span{ font-size:14px}
.dmore i{ width:15px; height:15px}
.ppage02 .ullis li{ float:none !important; width:auto}
.ppage02 .bd>div{ padding-bottom:10px; margin-bottom:10px}
.ppage02 .t{ font-size:18px}
table th{ font-size:14px; line-height:1.4}
table th, table td{ padding:5px; }
table td{ font-size:12px; line-height:1.4}

.banner .slick-arrow{width:50px; height:50px;margin-top:-25px;}

}
@media(max-width:360px){
.ppagebox .hd li .a{ font-size:13px; padding:0 5px}
}