@charset "utf-8";
/* CSS Document */

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font-family:Arial,sans-serif; font-size: 16px; color: #666666; background:#ffffff; margin: 0; padding: 0; overflow-x: hidden; }
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ list-style: none; padding: 0; margin: 0; }
input,textarea{ outline:none;font-family:Arial,sans-serif;}
a { text-decoration: none; color: #666666;}
a:hover{ color: #ff0000;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}

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

/*图片放大*/
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom img:hover{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
/*图片旋转*/
.imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}
.imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
/*按钮鼠标经过变暗*/
.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}
/*鼠标经过有阴影*/
.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}
/*鼠标经过上浮并加阴影*/
.wlp-flow-shadow{-webkit-transition:all .5s;transition:all .5s;}
.wlp-flow-shadow:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -8px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}
/*图片经过遮罩*/
.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}

.header{ background: #333333; width: 100%; height: 110px; padding: 0 100px;}
.header .logo{ padding-top: 20px ;float: left;}
.header .top_right{float: right;}
.header  .nav{float: left; margin-top: 50px;}
.header  .nav ul li{float: left; margin-right: 70px; position: relative; padding-bottom: 39px;}
.header  .nav ul li a:hover,.header  .nav ul li.focus a{color: #ff0000;}
.header  .nav ul li:hover .subnav{ display: block;}
.header  .nav ul li .subnav{display: none; position: absolute; top: 60px; left: 50%; margin-left: -100px; background: #fff; width: 200px; border-top: #ff0000 solid 3px;  z-index: 999;box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
.header  .nav ul li .subnav:before{content:""; width: 14px; height: 9px; background: url(../images/icon03.png) no-repeat; position: absolute; left: 50%; top:-10px; margin-left: -7px;}
.header  .nav ul li .subnav a{font-size: 14px; display: block; color: #666; border-top: #ebebeb solid 1px; line-height: 50px; padding-left: 20px;}
.header  .nav ul li .subnav a:hover{ color: #ff0000;}
.header  .nav ul li a{font-size: 18px; color: #fff;}
.header .lang{ background: url(../images/icon01.png) no-repeat left center; padding-left: 30px; margin-top: 45px; margin-right: 35px;float: left;}
.header .lang a{color: #fff; font-size: 18px;}
.header .search{float: left; width: 200px; height: 34px; border-radius: 17px; background: #999999; overflow: hidden; margin-top: 38px; }
.header .search input{ width: 160px; height: 34px; text-indent: 14px; border: none; background: none; float: left;}
.header .search button{ width: 34px; height: 34px; background: url(../images/icon02.png) no-repeat center;border: none; }

.header .menu-toggle{display: none;}
.header .language{display: none;}
.header .search_btn{display: none;}

.banner{ width: 100%; overflow: hidden; position: relative; z-index: 1;}
.banner img,.nei_banner img{ width: 100%; height: auto; display: block;}
.pagination {position: absolute;left: 0;text-align: center;bottom:20px;width: 100%;}
.banner .swiper-pagination-switch {display: inline-block;width:5px; height: 12px; border-radius: 10px; background: #fff; margin: 0 3px;cursor: pointer;}
.banner .swiper-active-switch {height: 30px;background: #fff;}
.banner .swiper-slide-active{opacity:1}

.ipro{ padding: 60px 0 36px; margin-bottom: 35px;}
.ipro .title{ font-size: 40px; color: #000; text-align: center; line-height: 1; margin-bottom: 50px;}
.ipro .pure-g{ margin: 0 -15px;}
.ipro .pure-g div{ padding: 0 15px; margin-bottom: 40px;}
.ipro .pure-g div dl{ overflow: hidden;}
.ipro .pure-g div p{ text-align: center; font-size: 22px; line-height: 1.8;font-weight:bold;}

.ipic .box{ position: relative; overflow: hidden;}
.ipic .box .oppic{ opacity: 0;}
.ipic .box .fbg{ position: absolute; left: 0; top:0; z-index: 22;}
.ipic .box .ditu{ position: absolute; left: 60px; top:25px; z-index: 11;}
.ipic .box .txt{width:50%; text-align: center; color: #fff; font-size: 46px; line-height: 1.2; position: absolute; top:70px; right:100px; z-index: 11;}

.wapipic{display: none;}

.video_about{ margin-top: 65px; margin-bottom: 80px;}
.video_about .video img{ cursor: pointer;}
.video_about .video video{ width: 600px; height: 550px; background: #000;}
.video_about .iabout ul{ width: 100%; height: 183px; border-bottom: #cccccc dotted 1px;  padding-left: 44px;display: table}
.video_about .iabout ul li{ display: table-cell; vertical-align: middle; position: relative; }
.video_about .iabout ul:hover{ background: #f5f5f5;}
.video_about .iabout ul li img{ position: absolute; top: 50%; margin-top: -42px; }
.video_about .iabout ul li dl{ float: right;width: 420px;}
.video_about .iabout ul li dl h3{ font-weight: normal; font-size: 22px; color: #000; margin-bottom: 5px;}
.video_about .iabout ul li dl p{word-wrap:break-word;font-family:Arial,sans-serif;}

.inews{ padding: 75px 0;}
.inews .title{font-size: 40px; color: #000; text-align: center; text-transform: uppercase; line-height: 1; margin-bottom: 50px;}
.inews .pure-g{ margin: 0 -15px;}
.inews .pure-g div{ padding: 0 15px; margin-bottom:20px;}
.inews .pure-g div dl{ overflow: hidden; margin-bottom: 30px;}
.inews .pure-g div ol{ background: url(../images/icon07.png) no-repeat left center; padding-left: 26px; font-size: 16px; margin-bottom: 15px;}
.inews .pure-g div p{font-size: 22px;font-weight:bold;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.inews .more{ width: 160px; height: 44px; line-height: 44px; padding-left: 60px; background: #ff0000 url(../images/icon10.png) no-repeat 30px center; margin: 60px auto 30px;}
.inews .more:hover{ background: #bc0101 url(../images/icon10.png) no-repeat 30px center;}
.inews .more a{display: block; color: #fff;}

.imap{ height: 440px; background: url(../images/map.jpg) no-repeat center; padding-top: 100px;}
.imap .icontact{ height: 340px; background: rgba(0,0,0,0.5);}
.imap .icontact ul{ overflow: hidden;}
.imap .icontact li{ width: 50%;height: 340px; float: left;display: table;}
.imap .icontact dl{ width: 100%; color: #fff; display: table-cell; vertical-align: middle; text-align: center;}
.imap .icontact dl ol{ padding:30px 0; display:inline-block; text-align: left;font-size: 15px; color: #fff;}
.imap .icontact dl h3{ font-size: 22px; font-weight: normal; line-height:1.6; display: inline;}
.imap .icontact dl.email ol{ background: url(../images/icon08.png) no-repeat left center; padding-left: 105px;}
.imap .icontact dl.facebook ol{ background: url(../images/icon09.png) no-repeat left center; padding-left: 105px;}

.breadcrumb{ background: #fff; line-height: 70px; font-size: 14px;}
.breadcrumb span{ color: #FF0000;}

.content{ background: #f0f0f0;}
.about{ padding: 48px 0; overflow: hidden; border-bottom: #999999 solid 2px;}
.about .text{ width: 740px; margin-top: 30px; float: left;}
.about .text dl{color: #000; font-size: 40px; text-transform: uppercase; margin-bottom: 35px;}
.about .text ol{ line-height: 1.8;}
.about .pc-slide {width: 420px;float: right;}
.about .view .swiper-container {width: 420px;height:280px;}
.about .preview {width: 100%;position: relative;background: #e6e6e6;}
.about .preview .swiper-container {width: 350px;height: 90px;margin:0 auto;}
.about .preview .swiper-slide { padding:11px 8px; box-sizing: border-box;}
.about .preview .swiper-slide img{ width: 100%; height: auto;}
.about .preview .arrow-left {background: url(../images/arrow-left.png) no-repeat left top;position: absolute;left: 20px;top: 50%;margin-top: -11px;width: 15px;height: 23px;z-index: 10;}
.about .preview .arrow-right {background: url(../images/arrow-right.png) no-repeat left bottom;position: absolute;right: 20px;top: 50%;margin-top: -11px;width: 15px;height: 23px;z-index: 10;}
.about .preview img {padding: 1px;}
.about .preview .active-nav img {padding: 0;border: 1px solid #F00;}

.honor{ padding:48px 0; border-bottom: #999999 solid 2px;}
.honor .title{color: #000; font-size: 40px; text-transform: uppercase; margin-bottom: 35px;}
.honor dl{font-size: 18px; line-height: 1.8;}
.honor .box{ overflow: hidden; margin-top: 35px;}
.honor .box .pure-g{ margin: 0 -14px}
.honor .box .pure-g div{ padding: 0 14px; margin-bottom: 30px;}
.honor .box .pure-g div dl{ height:calc((1200px - 84px)/4 + 10px); line-height:calc((1200px - 84px)/4 + 6px); background: #fff;text-align:center; }
.honor .box .pure-g div dl img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto; padding: 20px; cursor: pointer;}

.mission{ padding:48px 0;}
.mission .title{color: #000; font-size: 40px; text-transform: uppercase; margin-bottom: 35px;}
.mission ul{ width: 100%; background: #fff; display: table;}
.mission ul img{display: block;}
.mission ul dl{font-size: 26px; line-height: 1.6;display: table-cell; vertical-align: middle; padding: 0 40px;}
.mission ul dl span{color: #FF0000;}

.pronav{ padding: 15px 0 25px; background: #fff;}
.pronav .wrap{ position: relative;}
.pronav dl{ width: 70px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; background: #9c9c9c; color: #ffffff; position:absolute; top:0;right: 0;}
.pronav dl:before{content:"Open"; color: #ffffff;font-size: 18px;}
.pronav dl.cur:before{content:"Close"; color: #ffffff;font-size: 18px;}
.pronav ul{width: 1100px; height: 40px; overflow: hidden;transition: all .4s;}
.pronav ul.cur{ height: auto;transition: all .4s;}
.pronav ul li{ float: left; line-height: 40px;font-size: 18px; margin-right: 55px; cursor: pointer;}
.pronav ul li.focus a{ color:#ff0000; }

.products{ padding: 50px 0}
.products .pure-g{ margin: 0 -15px;}
.products .pure-g div{ padding: 0 15px; margin-bottom: 40px;}
.products .pure-g div a{display: block;}
.products .pure-g div dl{ overflow: hidden;}
.products .pure-g div p{ background: #ffffff; text-align: center; font-size: 22px; line-height: 1.8; padding-bottom:40px;}

.protop{ background: #ffffff; border-bottom: #f0f0f0 solid 3px;}
.protop .proleft{ width: 50%; float: left;}
.protop .proleft h1{ margin:60px auto 0; font-size: 40px; font-weight: normal;}
.protop .proleft p{ margin:10px auto 110px; font-size:20px;white-space: pre-line;}
.protop .proleft .picbox{ width:320px;}
.protop .proleft .picbox ul{ margin-left: -18px; overflow: hidden;}
.protop .proleft .picbox ul li{ width: 66px; height: 66px; border: #cccccc solid 1px; float: left; margin-left:18px; cursor: pointer;}
.protop .proleft .picbox ul li.cur{ border:#ff0000 solid 1px;}
.protop .proleft .picbox ul li img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.protop .proright{ width: 50%; float: left;}
.protop .proright dl{ width: 460px; height: 460px; line-height: 456px;text-align:center; margin: 0 auto;}
.protop .proright dl img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}

.proviewNav{ width: 100%; height: 180px; padding-top: 130px; background:#000 url(../images/proviewBg.jpg) no-repeat center;}
.proviewNav ul{text-align: center;}
.proviewNav ul li{ display: inline; padding: 0 5px;}
.proviewNav ul li a{ width: 180px; font-size: 18px; color: #000; text-transform: uppercase; font-weight: bold; line-height: 50px; background: #fff;display: inline-block;}
.proviewNav ul li a:hover{ background: #ff0000; color: #ffffff;}

.description{ padding: 40px 0;}
.description .box{ background: #ffffff; padding: 50px; margin-bottom: 10px;}
.description .box .title{ font-size: 32px; border-bottom: #ff0000 solid 2px; line-height: 1; padding-bottom: 20px; margin-bottom: 20px;}
.description .box .text{ font-size: 17px; line-height: 2;}
.description .box .text table{ border-top: #eee solid 1px;border-left: #eee solid 1px;  width: 100% !important;}
.description .box .text table tr td{ border-bottom: #eee solid 1px;border-right: #eee solid 1px; padding:2px 10px;}
.description .box .text img{display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.description .appleft{width: 550px;float: left; margin-right: 35px;}
.description .pc-slide {}
.description .view .swiper-container {width: 550px;height:340px;}
.description .preview {width: 100%;position: relative;background: #e6e6e6;}
.description .preview .swiper-container {width:460px;height:90px;margin:0 auto;}
.description .preview .swiper-slide { padding:11px 8px; box-sizing: border-box;}
.description .preview .swiper-slide img{ width: 100%; height: auto;}
.description .preview .arrow-left {background: url(../images/arrow-left.png) no-repeat left top;position: absolute;left: 20px;top: 50%;margin-top: -11px;width: 15px;height: 23px;z-index: 10;}
.description .preview .arrow-right {background: url(../images/arrow-right.png) no-repeat left bottom;position: absolute;right: 20px;top: 50%;margin-top: -11px;width: 15px;height: 23px;z-index: 10;}
.description .preview img {padding: 1px;}
.description .preview .active-nav img {padding: 0;border: 1px solid #F00;}

.download{ padding: 70px 0 30px;}
.download .title{color: #000; font-size: 40px; text-transform: uppercase; margin-bottom: 35px;}
.download .box{}
.download .box ul li{ line-height: 50px; border: #cccccc solid 1px; margin-bottom: 20px;overflow: hidden; }
.download .box ul li h3{font-size: 18px; font-weight: normal; padding:0 25px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.download .box ul li dl{float: right;}
.download .box ul li a{float: right; width: 220px; height: 50px; display: block; color: #fff; font-size: 18px; background: #333333; text-align: center;}
.download .box ul li a:hover{ background: #ff0000;}
.download .box ul li ol{float: left; padding: 0 20px; border-left: #cccccc solid 1px;}

.qa{ padding-bottom:50px}
.qa .title{color: #000; font-size: 40px; text-transform: uppercase; margin-bottom:5px;}
.qa .box{}
.qa .box ul li{ border-bottom: #cccccc solid 1px;}
.qa .box ul li h3{ font-size: 26px; font-weight: normal; color: #000; padding-bottom: 20px; padding-left: 60px; padding-top: 35px; background: url(../images/icon15.png) no-repeat left top 30px; position: relative; z-index: 1; overflow: hidden;}
.qa .box ul li h3:before{ content: ""; width: 1px; height: 100%; background: #999999; position: absolute; top:70px; left: 19px;}
.qa .box ul li dl{ font-size: 18px; line-height: 1.6; padding-left: 60px; padding-bottom: 35px; padding-top: 5px; background: url(../images/icon16.png) no-repeat left top; position: relative;z-index: 2;}

.contact{ padding:70px 0;}
.contact .title{color: #000; font-size: 40px; text-transform: uppercase; margin-bottom: 35px;}
.contact .box{ overflow: hidden;}
.contact .box ul{ width: 45%; background: #e4e4e4; float: left;}
.contact .box ul li{line-height: 60px; padding-left: 30px;font-size: 18px;}
.contact .box ul li:nth-child(even){ background: #cccccc;}
.contact .box ul li img{ margin-right: 20px;vertical-align:middle;}
.contact .box dl{ width: 55%; float: left; font-size: 18px; padding-left: 40px; line-height:1.8;}
.contact .box dl h3{ font-size: 30px; color: #000;}

.message{ padding:70px 0; background: #fff;}
.message .title{color: #000; font-size: 40px; text-transform: uppercase; margin-bottom: 30px;}
.message .box{ margin: 0 -10px; text-align: center;}
.message .box .messagecon{ padding: 10px;}
.message input{ width: 100%; line-height: 48px; border: #cccccc solid 1px; text-indent:20px;}
.message textarea{ width: 100%; height: 160px; border: #cccccc solid 1px; padding: 20px;}
.message button{ background:#ff0000; color: #fff; padding:8px 30px; float: right;}

.news{ padding: 70px 0;}
.news .title{color: #000; font-size: 40px; text-transform: uppercase; margin-bottom: 30px;}
.news .pure-g{ margin: 0 -15px;}
.news .pure-g div{ padding: 0 15px;margin-bottom: 20px;}
.news .pure-g div dl{ overflow: hidden; margin-bottom:10px;}
.news .pure-g div ol{ background: url(../images/icon07.png) no-repeat left center; padding-left: 26px; font-size: 16px; margin-bottom: 15px;}
.news .pure-g div p{font-size: 22px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news .newstit{ text-align: center; margin-bottom: 30px;  }
.news .newstit h1{ color:#000;line-height: 1.2; margin-bottom: 10px;}
.news .newstit p{ color:#999; font-size: 15px}
.news .text { line-height: 1.6; }
.news .text img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.news .back{ margin-top:50px; text-align: center;}

.cmap{ background:url(../images/contactmap.jpg) no-repeat center; height: 440px;}

.footer{ background: #181819; color: #fff;}
.footer .fmain{ padding: 60px 0 30px; overflow: hidden; border-bottom: #464647 solid 1px;}
.footer .fmain .fnav{float: left;}
.footer .fmain .fnav ul{float: left; margin-right: 85px;}
.footer .fmain .fnav ul li{ margin-bottom: 30px;}
.footer .fmain .fnav ul dl{font-size: 22px; color: #fff; text-transform: uppercase; line-height: 1; padding-bottom:18px; margin-bottom: 10px; position: relative;}
.footer .fmain .fnav ul dl:before{ content: ""; width: 20px; height: 1px; background: #ff0000; position: absolute; left: 0; bottom: 0;}
.footer .fmain .fnav ul a{color: #fff; display: block; line-height: 1.5;}
.footer .fmain .fnav ul a:hover{ color: #ff0000;}
.footer .fmain .fcontact{float: left; width: 340px;}
.footer .fmain .fcontact dl{font-size: 22px; color: #fff; text-transform: uppercase; line-height: 1; padding-bottom:18px; margin-bottom: 10px; position: relative;}
.footer .fmain .fcontact dl:before{ content: ""; width: 20px; height: 1px; background: #ff0000; position: absolute; left: 0; bottom: 0;}
.footer .fmain .fcontact ol{ line-height: 1.5;}
.footer .fmain .ewm{float: right; width: 140px;}
.footer .fmain .ewm ul{ margin: 0 -9px}
.footer .fmain .ewm ul li{float: left; padding: 0 9px; margin-top: 16px;}
.footer .copyright{ padding: 30px 0 60px; text-align: center; color: #fff; font-size: 14px; text-transform: uppercase;}

.search_box{width: 100%; position:fixed; top: 0; left: 0; z-index: 9999999; display: none;}
.search_box dl{max-width:90%; margin:200px auto 0; padding-top:100px; border-bottom: #fff solid 1px; overflow: hidden;  position: relative;}
.search_box dl input[type='text']{width: 80%; height: 50px; background: none; border: none; color: #fff; font-size: 20px; float: left;}
.search_box dl input[type='submit']{width:50px;height:50px; float: right; background: url(../images/icon02.png) no-repeat center; font-size: 0; border: none;}
.search_box dl .search_off{ width: 30px; height: 30px; background: url(../images/icon17.png) no-repeat;position: absolute; top:0px; right: 0; cursor: pointer;}
.bg{ width: 100%; height: 100%; background:rgba(0,0,0,0.9); position: fixed; top:0; left: 0; z-index: 200; display: none;}

/*===/分页=============================*/
.fengye{ margin:40px 0 40px; text-align: center; font-size:18px;}
.fengye a{ line-height:1;font-size:18px;color:#333333; padding:10px 15px; margin-right:5px;background:#fff;}
.fengye span{ line-height:1;font-size:18px;color:#333333; padding:10px 15px; margin-right:5px;background:#fff;}
.fengye a:hover{color:#fff;background:#ec0012; }
.fengye .current{ line-height:1; background:#ec0012; color:#FFF;padding:10px 15px;margin-right:5px;}

@keyframes hover {
  0% {
/*    transform: scale(.5);*/
    color: #121212;
    -webkit-text-stroke: 2px gray;
  }
  20% {
/*    transform: scale(1);*/
    color: pink;
    -webkit-text-stroke: 3px red;
    filter: drop-shadow(0 0 1px black)drop-shadow(0 0 1px black)drop-shadow(0 0 3px red)drop-shadow(0 0 5px red)hue-rotate(10turn);
  }
  50% {
/*    transform: scale(.5);*/
    color: #121212;
    -webkit-text-stroke: 2px gray;
  }
}

@media screen and (max-width:1700px){
	.header{padding: 0 50px;}
}
@media screen and (max-width:1600px){
	.header  .nav ul li{ margin-right: 50px;}
}
@media screen and (max-width:1500px){
	.header{padding: 0 30px;}
	.header  .nav ul li{ margin-right:35px;}
}
@media screen and (max-width:1380px){
	.header{padding: 0 20px;}
	.header  .nav ul li{margin-right: 30px;}
	.header  .nav ul li a{font-size: 16px; }
	.header .lang{ padding-left: 30px; margin-top:48px; margin-right:25px;}
	.header .lang a{ font-size: 17px;}
	.header .search{ width: 170px; }
	.header .search input{ width: 130px;}
}
@media screen and (max-width:1240px){
	.wrap{ width: 100%; margin: 0 auto; padding: 0 15px; }
	.header{ height:90px; padding: 0 20px;}
	.header .logo{ padding-top: 20px ;float: left;}
	.header .logo img{ width: 165px;}
	.header  .nav{float: left; margin-top:37px;}
	.header  .nav ul li{margin-right:20px; padding-bottom: 35px;}
	.header  .nav ul li a{font-size: 15px; color: #fff;}
	.header .nav ul li .subnav{ top:53px;}
	.header .lang{ padding:5px 0 0 30px; margin-top:32px; margin-right:20px;}
	.header .lang a{ font-size: 16px;}
	.header .search{width:140px; margin-top: 28px; font-size: 15px; }
	.header .search input{ width: 100px;}
	
	.about .text{ width:calc(100vw - 480px);}
	
	.pronav ul{ width: calc(100vw - 100px)}
	.pronav dl{ right:20px}
}
@media screen and (max-width:1024px){
	.ipic{display: none;}
	.wapipic{display:block;}
	
	.video_about{ margin-top: 65px; margin-bottom: 80px;}
	.video_about .video video{ width:calc((100vw - 30px)/2); height:calc((100vw - 30px)/2*0.916);}
	.video_about .iabout ul{ width: 100%; height:calc((100vw - 30px)/2*0.916/3);  padding-left:20px;}
	.video_about .iabout ul li img{  margin-top: -42px; }
	.video_about .iabout ul li dl{ float: right;width:calc((100vw - 30px)/2 - 120px);}
	.video_about .iabout ul li dl h3{ font-weight: normal; font-size: 22px; margin-bottom: 5px;}
	.video_about .iabout ul li dl p{ font-size: 15px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
	
	.pronav ul{ width: calc(100vw - 100px)}
	.pronav dl{ right:20px}
	
	.about .text{ width:calc(100vw - 480px);}
	.mission ul img{display: block; width:100%;}
	.mission ul dl{width: 50%;}
	
	.footer .fmain{display: none;}
	.footer .copyright{ padding: 30px 0;}
}

@media screen and (max-width:1000px){
	body{ padding-top: 60px;}
	.header{ background: #333333; width: 100%; height:60px; padding: 0 15px; position: fixed; top: 0; left: 0;z-index: 99999;}
	.header .logo{ padding-top: 10px;}
	.header .logo img{ width: 120px;}
	.header .nav{display: none;}
	.header .lang{display: none;}
	.header .search{display: none;}
	
	.header .nav{ width:100%; height:100vh; background:#fff; position:fixed; left:0; top:60px; z-index:99998; display:none; margin:0; border-top:#ddd solid 1px;}
	.header .nav ul li{ float:none; border-bottom:#ddd solid 1px; padding-bottom: 0; margin-right: 0;}
	.header .nav ul li a{ font-weight:normal; font-size:16px;color:#666;line-height:46px; padding:0;min-width:100%; text-align:left; text-indent:25px; display: block;}
	.header .nav ul li.focus a,.header .wapnav ul li a:hover{ background:#da0c0c; color: #fff;}
	.header .nav ul li .subnav{ display:none; background:#f3f2f2; position: static; margin-left: 0; width: 100%; border-top: none;}
	.header .nav ul li .subnav:before{display: none;}
	.header .nav ul li.focus .subnav{display: block;}
	.header .nav ul li .subnav a{ display:block; line-height:2.4; white-space:nowrap; width:100%;font-size:15px; background: none; color:#666; font-weight:normal; padding-left: 0;}
	.header .nav ul li .subnav a:hover{ background:none;}
	
	.header .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0px;  float:right; z-index:99999; display:block;}
	.header .menu-toggle span{ width:35px; height:2px; background:#fff;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
	.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#fff;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
	.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#fff;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
	.header .menu-toggle.cur span{background-color:transparent;}
	.header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
	.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}
	
	
	.header .language{ width:60px; height:60px; position:absolute; right:60px; top:0px;border-left:1px solid #888; border-right:1px solid #888;display: block; }
	.header .language a{width:60px; height:60px; line-height: 60px; color: #fff; text-align: center; font-weight: bold;display: block; }
	.header .search_btn{ width:60px; height:60px; position:absolute; right:120px; top:0px; background: url(../images/icon02.png) no-repeat center;display: block; }
	
	.pagination {bottom:10px;}
	.banner .swiper-active-switch {height:20px;}
	
	.ipro{ padding: 40px 0 0px; margin-bottom: 35px;}
	.ipro .title{ font-size:26px; margin-bottom: 20px;/*animation:hover 1s infinite*/}
	.ipro .pure-g{ margin: 0 -5px;}
	.ipro .pure-g div{ padding: 0 5px; margin-bottom: 10px;}
	.ipro .pure-g div p{ font-size:15px; line-height: 1.8;}
	
	.wapipic .wrap,.iadpic .wrap{ padding:0;}
	
	.video_about{ margin-top:30px; margin-bottom:30px;}
	.video_about .video video{ width: 100%; height:calc((100vw - 40px)*0.916);}
	.video_about .iabout ul{ width: 100%; height: auto; padding: 20px 0;display: table}
	.video_about .iabout ul li{ display: table-cell; vertical-align: middle; position: relative; }
	.video_about .iabout ul li img{ width: 60px; position: absolute; top: 50%; margin-top: -30px; }
	.video_about .iabout ul li dl{ width:calc(100vw - 120px);}
	.video_about .iabout ul li dl h3{ font-weight: normal; font-size: 17px; margin-bottom: 5px;}
	.video_about .iabout ul li dl p{ font-size: 14px; line-height: 1.3;}
	
	.inews{ padding: 40px 0;}
	.inews .title{font-size:26px; margin-bottom: 20px; text-align: center;}
	.inews .pure-g{ margin: 0 -5px;}
	.inews .pure-g div{ padding: 0 5px; margin-bottom: 20px;}
	.inews .pure-g div dl{ overflow: hidden; margin-bottom: 10px;}
	.inews .pure-g div ol{  padding-left: 20px; font-size: 15px; margin-bottom: 5px;}
	.inews .pure-g div p{font-size:16px;}
	.inews .more{ width: 160px; height: 44px; line-height: 44px; padding-left: 60px; background: #ff0000 url(../images/icon10.png) no-repeat 30px center; margin: 20px auto;}
	.inews .more:hover{ background: #bc0101 url(../images/icon10.png) no-repeat 30px center;}
	
	.imap{display: none;}
	
	.breadcrumb{line-height:50px; font-size: 13px;}
	
	.pronav{ padding: 15px 0 15px;}
	.pronav dl{ width: 50px; height: 30px; line-height: 30px; font-size: 16px; right:20px;}
	.pronav dl:before{font-size: 15px;}
	.pronav dl.cur:before{font-size: 15px;}
	.pronav ul{width:calc(100vw - 100px); height: 30px;}
	.pronav ul li{line-height: 30px;font-size: 15px; margin-right:20px;}
	.pronav ul li a{ text-decoration: underline}

	.products{ padding: 30px 0 10px}
	.products .pure-g{ margin: 0 -5px;}
	.products .pure-g div{ padding: 0 5px; margin-bottom:10px;}
	.products .pure-g div p{ font-size: 15px; line-height: 1.8; padding-bottom:10px;}
	
	.protop .proleft{ width: 100%; float:none;}
	.protop .proleft h1{ width: 100%; margin:10px auto 20px; font-size: 28px;}
	.protop .proleft .picbox{ width:100%; margin: 0 auto;}
	.protop .proright{ width: 100%; float: none; margin-top: 10px}
	.protop .proright dl{ width:calc(100vw - 30px); height:calc(100vw - 30px); line-height:calc(100vw - 30px);}

	.proviewNav{ width: 100%; height: 120px; padding-top: 80px; background-size: cover;}
	.proviewNav ul{text-align: center;}
	.proviewNav ul li{ display: inline; padding: 0;}
	.proviewNav ul li a{ width: 110px; font-size: 13px; line-height: 40px; font-weight: normal;}

	.description{ padding: 20px 0;}
	.description .box{ background: #ffffff; padding:30px 20px; margin-bottom: 10px;}
	.description .box .title{ font-size: 24px;  padding-bottom:10px; margin-bottom:10px;}
	.description .box .text{ font-size: 16px; line-height:1.8; overflow:auto;}
	.description .appleft{width: 100%;float: none; margin-right: 0;}
	.description .pc-slide { margin-bottom: 20px;}
	.description .view .swiper-container {width: 100%;height:auto;}
	.description .view .swiper-slide img{ width: 100%; height: auto; display: block;}
	.description .preview {width: 100%;position: relative;background: #e6e6e6;}
	.description .preview .swiper-container {width:280px;height:60px;margin:0 auto;}
	.description .preview .swiper-slide { padding:11px 4px; box-sizing: border-box;}
	.description .preview .arrow-left {left: 10px;margin-top: -11px;width: 15px;height: 23px;z-index: 10;}
	.description .preview .arrow-right {right:10px;margin-top: -11px;width: 15px;height: 23px;z-index: 10;}
	
	.about{ padding: 30px 0;  border-bottom: #999999 solid 2px;}
	.about .text{ width: 100%; margin-top: 0; float: none; margin-bottom: 20px;}
	.about .text dl{font-size:28px; margin-bottom:20px; text-align: center;}
	.about .text ol{ line-height: 1.5; font-size: 15px;}
	.about .pc-slide {width: 100%;float: none;}
	.about .view .swiper-container {width: 100%;height:auto;}
	.about .view img{display: block;width: 100%;height:auto;}
	.about .preview {width: 100%;position: relative;background: #e6e6e6;}
	.about .preview .swiper-container {width:280px;height: 80px;margin:0 auto;}
	.about .preview .swiper-slide { padding:11px 4px; box-sizing: border-box;}
	.about .preview .swiper-slide img{ width: 100%; height: auto;}
	.about .preview .arrow-left {background: url(../images/arrow-left.png) no-repeat left top;position: absolute;left:10px;top: 50%;margin-top: -11px;width: 15px;height: 23px;z-index: 10;}
	.about .preview .arrow-right {background: url(../images/arrow-right.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -11px;width: 15px;height: 23px;z-index: 10;}
	.about .preview img {padding: 1px;}
	.about .preview .active-nav img {padding: 0;border: 1px solid #F00;}

	.honor{ padding:30px 0; border-bottom: #999999 solid 2px;}
	.honor .title{font-size:28px; margin-bottom: 20px; text-align: center;}
	.honor dl{font-size: 15px; line-height: 1.5;}
	.honor .box{ overflow: hidden; margin-top:20px;}
	.honor .box .pure-g{ margin: 0 -5px}
	.honor .box .pure-g div{ padding: 0 5px; margin-bottom: 10px;}
	.honor .box .pure-g div dl{ height:calc((100vw - 40px)/2 + 10px); line-height:calc((100vw - 40px)/2 + 6px); }
	.honor .box .pure-g div dl img{ padding: 10px;}

	.mission{ padding:30px 0;}
	.mission .title{color: #000; font-size: 28px; margin-bottom: 20px; text-align: center;}
	.mission ul{ width: 100%; display: block;}
	.mission ul img{display: block; width: 100%;}
	.mission ul dl{ width: 100%;font-size:19px; line-height: 1.6;display:block; padding: 20px;}
	
	.download{ padding: 30px 0 20px;}
	.download .title{ font-size: 28px; margin-bottom: 20px; text-align: center;}
	.download .box{}
	.download .box ul li{ line-height:40px; border: #cccccc solid 1px; margin-bottom: 10px;overflow: hidden; }
	.download .box ul li h3{font-size:14px; font-weight: normal; padding:0 0 0 10px;}
	.download .box ul li dl{float: right;}
	.download .box ul li a{float: right; width: 130px; height: 40px; font-size: 12px;}
	.download .box ul li ol{ display: none;}

	.qa{ padding-bottom:50px}
	.qa .title{ font-size: 28px; margin-bottom:0px; text-align: center;}
	.qa .box ul li h3{ font-size: 18px;}
	.qa .box ul li dl{ font-size: 15px; line-height: 1.6;}
	
	.contact{ padding:30px 0;}
	.contact .title{ font-size:28px; margin-bottom:20px; text-align: center;}
	.contact .box{ overflow: hidden;}
	.contact .box ul{ width: 100%; background: #e4e4e4; float: none; margin-bottom: 20px;}
	.contact .box ul li{line-height: 60px; padding-left:15px;font-size: 17px;}
	.contact .box ul li:nth-child(even){ background: #cccccc;}
	.contact .box ul li img{ margin-right:10px;vertical-align:middle;}
	.contact .box dl{ width: 100%; float: none; font-size: 16px; padding-left: 0; line-height:1.5;}
	.contact .box dl h3{ font-size:18px;}

	.message{ padding:30px 0;}
	.message .title{font-size: 28px; margin-bottom:20px; text-align: center;}
	.message .box{ margin: 0 -10px; text-align: center;}
	.message .box .messagecon{ padding:6px 10px;}
	.message input{ width: 100%; line-height:40px; text-indent:15px;}
	.message textarea{ width: 100%; height: 140px; padding: 15px;}
	.message button{  padding:8px 30px; float: none;}

	.news{ padding: 30px 0;}
	.news .title{font-size: 28px; margin-bottom:20px; text-align: center;}
	.news .pure-g{ margin: 0;}
	.news .pure-g div{ padding: 0;margin-bottom: 20px;}
	.news .pure-g div dl{ overflow: hidden; margin-bottom: 10px;}
	.news .pure-g div ol{  padding-left: 20px; font-size: 15px; margin-bottom: 5px;}
	.news .pure-g div p{font-size:16px;}

	.news .newstit{ text-align: center; margin-bottom: 30px;  }
	.news .newstit h1{ font-size: 22px;line-height: 1.2; margin-bottom: 10px;}
	.news .newstit p{ color:#999; font-size: 14px}


	.cmap{ background:url(../images/contactmap.jpg) no-repeat center; height:250px; background-size: cover;}
	
	.footer .copyright{ padding: 15px 0; font-size: 12px;}
	
	/*===/分页=============================*/
	.fengye{ margin:40px 0 40px; text-align: center; font-size:15px;}
	.fengye a{ line-height:1;font-size:15px;color:#333333; padding:8px 12px; margin-right:2px;background:#fff;}
	.fengye a:hover{color:#fff;background:#ec0012; }
	.fengye .current{ line-height:1; background:#ec0012; color:#FFF;padding:8px 12px;margin-right:2px;}
}