#dowebok .section { height: auto !important;}
#dowebok {margin-top: 78px;}

.layout{max-width:1360px; margin:0 auto;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix{zoom:1;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}
/* IE7,IE8浏览器CSS3选择器兼容方法
   ul.menu li:nth-child(3){}正常写法
   ul.menu>li + li + li{}IE78兼容写法
   ul.menu>li:first-child + li + li{}IE78兼容写法
*/

/*header*/
#warpper{width:100%; position:relative; /*overflow-x:hidden;*/}
.header{width:100%; height:78px; /*background-color:#fff; position:fixed; _position:absolute; left:0; top:0;*/ position:relative; z-index:10; /*-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);*/}
.banner_top{background-color:#fff;width:100%;height:78px;position:absolute; left:0; top:0;z-index:9; display: none;}
/*.header.fixed-nav{top:-100px; -webkit-transition: top .5s; -moz-transition: top .5s; -o-transition: top .5s; transition: top .5s; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.header.fixed-nav-appear{position:fixed; _position:absolute; left:0; top:0; z-index:100;}*/
.nyheader{-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07);background-color:#fff; box-shadow: 0px 5px 5px rgba(0,0,0,0.07); position:fixed; _position:absolute; left:0; top:0;}
.nyheader.header-hover{background-color:#fff; filter:alpha(opacity=10); background-color:rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.logo{position:absolute; left:0; top:0; /*padding:38px 10px 10px 30px;*/ padding:6px 20px 5px 20px;}
.logo a{display:block; width:175px; height:67px; font-size:0; background-image:url(../images/logo.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.eng{float:right; margin:33px 15px 0px 0px;}
.eng em{font-size:11px; color:#ed0000; margin:0px 5px;}
.eng a{font-size:14px; color:#ed0000;}
.eng a:hover,.eng a.on{color:#ed0000;}
.search-btn{width:15px; height:15px; background:url(../images/serachbtn1.png) no-repeat; float:right; cursor:pointer; margin:35px 30px 0px 0px;}
.search_content{padding-top:215px;}
.serachwarp{width:100%; height:100%; position:fixed; _position:absolute; left:0; top:0; z-index:100; background-color:#ed0000; filter:alpha(opacity=96); background-color:rgba(244, 135, 27, 0.96); display:none;}
.serachwarp .sclosebtn{display:block; width:20px; height:20px; position:absolute; left:20px; top:20px; font-size:0; background-image:url(../images/nav_close.png); background-size:cover; background-repeat:no-repeat; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.serachwarp .sclosebtn:hover{transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.serachwarp .sw{width:97%; margin:0 auto; position:absolute; left:1.5%; top:50%; margin-top:-33px;}
.serachwarp .searchbox{border-bottom:1px solid #ffc082; padding:10px 0px; position:relative; max-width:1360px; margin:0 auto;}
.serachwarp .searchbox .searchtext{width:100%; height:45px; line-height:45px; background:none; border:none; font-size:36px; color:#fff;}
.serachwarp .searchbox .searchbtn{width:36px; height:36px; border:none; position:absolute; right:10px; bottom:15px; font-size:0px; background:url(../images/serachbtn2.png) no-repeat; cursor:pointer;}
.searchbox input::-webkit-input-placeholder{color:#ffb7b7;}
.searchbox input::-moz-placeholder{color:#ffb7b7;/* Mozilla Firefox 19+ */}
.searchbox input:-moz-placeholder{color:#ffb7b7;/* Mozilla Firefox 4 to 18 */}
.searchbox input:-ms-input-placeholder{color:#ffb7b7;/* Internet Explorer 10-11 */}
.headbtn{width:155px; height:78px; background-color:#ed0000; float:right; position:relative;}
.headbtn .menutext{position:absolute; left:86px; top:30px; font-size:14px; color:#fff;}
.btn-m-list{position:absolute; top:20px; right:80px; height:30px; width:35px; cursor:pointer;}
.btn-m-list span{position:absolute; left:0; top:0; display:block; width:100%; height:3px; background-color:#fff; transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .25s ease-in-out; -o-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}
.btn-m-list span:first-child{top:10px;}
.btn-m-list span:nth-child(2){top:18px;}
.btn-m-list span:nth-child(3){top:18px;}
.btn-m-list span:nth-child(4){top:26px;}
.btn-m-list.on span:first-child,.btn-m-list.on span:nth-child(4){display:none;}
.btn-m-list.on span:nth-child(2){transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.btn-m-list.on span:nth-child(3){transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=70); background-color:rgba(0, 0, 0, 0.7); display:none; z-index:100;}
.menuwrap{width:100%; height:100%; position:fixed; _position:absolute; left:0; top:0; z-index:100; background-color:#ed0000; filter:alpha(opacity=8); background-color:rgba(244, 135, 27, 0.8); overflow:auto; display:none;}
.neirong-close{display:block; width:20px; height:20px; position:absolute; left:20px; top:20px; font-size:0; background-image:url(../images/nav_close.png); background-size:cover; background-repeat:no-repeat; cursor:pointer; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.neirong-close:hover{transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.menuinnerwrap{max-width:1360px; margin:0px auto; padding-top:10%;}
.colleft{width:50%; float:left;}
.colright{width:490px; float:right; margin-top:20px;}
.nav{margin-left:40px;}
.nav ul li{position:relative; z-index:1; margin-top:20px; padding-right:160px;}
.nav ul li.on{z-index:10;}
.nav ul li>a{font-size:36px; font-weight:bold; color:#ffe0c2; position:relative; z-index:5;}
.nav ul li .e{/*color:#ffe0c2;*/ color:#fff;}
.nav ul li .c{color:#fff; display:none;}
.nav ul li:hover .e{display:none;}
.nav ul li:hover .c{display:block;}
.nav ul li .snav{width:140px; position:absolute; right:0px; top:6px; z-index:10; display:none;}
.nav ul li .snav:before{content:""; display:block; width:50%; height:1px; background-color:#ffd4a9; position:absolute; right:110%; top:19px;}
.nav ul li .snav p{margin-top:10px; position:relative; padding-left:25px;}
.nav ul li .snav p:before{content:""; display:block; width:10px; height:2px; background-color:#ffd4a9; position:absolute; left:0px; top:11px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.nav ul li .snav p:hover:before{width:15px;}
.nav ul li .snav a{font-size:16px; /*color:#ffe0c2;*/ color:#fff;}
.nav ul li .snav a:hover{color:#fff;}
.mobilenav{margin:0px 10px; display:none;}
.mobilenav ul li{position:relative; z-index:1; margin-top:10px;}
.mobilenav ul li>a{font-size:20px; font-weight:bold; color:#ffe0c2; position:relative; z-index:5;}
.mobilenav ul li .e{/*color:#ffe0c2;*/ color:#fff;}
.mobilenav ul li .c{color:#fff; display:none;}
.mobilenav ul li .snav{width:100%; display:none;}
.mobilenav ul li.on .snav{display: block; padding-left:20px;}
.mobilenav ul li .snav p{margin-top:10px; position:relative; padding-left:25px;}
.mobilenav ul li .snav p:before{content:""; display:block; width:10px; height:2px; background-color:#ffd4a9; position:absolute; left:0px; top:9px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.mobilenav ul li .snav p:hover:before{width:15px;}
.mobilenav ul li .snav a{font-size:16px; /*color:#ffe0c2;*/ color:#fff;}
.mobilenav ul li .snav a:hover{color:#fff;}
.hdnavcont{width:160px; margin-right:25px; float:right;}
.hdnavcont .h2{font-size:24px; font-weight:bold; color:#fff;}
.hdnavcont .h3{font-size:18px; color:#fff; margin-top:5px;}
.hdnavcont p{font-size:14px; color:#ffe0c2; text-align:justify; margin-top:5px; word-wrap:break-word;}
.hdnavcont .btn{display:inline-block; padding:0px 10px; margin-top:15px; min-width:112px; height:38px; line-height:38px; border:1px solid #fff; border-radius:25px; font-size:14px; color:#fff; text-align:center;}
.hdnavcont .btn:hover,.hdnavcont .btn.on{background-color:#fff; color:#ed0000;}
.hdnavcopy{width:215px; float:left;}
.hdnavcopy .h2{font-size:24px; font-weight:bold; color:#fff;}
.hdnavcopy p{font-size:14px; color:#ffe0c2; text-align:justify; margin-top:5px; word-wrap:break-word;}
.hdnavcopy .mtp30{margin-top:30px;}
.followlist{margin-top:30px;}
.followlist li{width:36px; position:relative; float:left; margin-right:10px;}
.followlist li>a{display:block; width:36px; height:36px; font-size:0;}
.followlist li>a.qq{background:url(../images/qq.png) no-repeat;}
.followlist li>a.wx{background:url(../images/wx.png) no-repeat;}
.followlist li>a.wb{background:url(../images/wb.png) no-repeat;}
.followlist li .ewmimg{width:100px; background-color:#fff; position:absolute; left:50%; margin-left:-50px; bottom:40px; display:none;}
.followlist li .ewmimg img{width:100%; display:block;}
.followlist li:hover .ewmimg{display:block;}

/*banner*/
.banner{width:100%; height:100%; background-color:#fff;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-button-prev,.banner .swiper-button-next{display:block; width:105px; height:67px; background:#fff; position:absolute; left:auto; right:105px; bottom:0px; top:auto; margin:0px; z-index:10; text-align:right; line-height:67px;}
.banner .swiper-button-next{right:0px; text-align:left;}
.banner .swiper-button-prev i,.banner .swiper-button-next i{font-family:SimSun; font-size:20px; color:#666;}
.banner .swiper-button-prev i{margin-right:30px;}
.banner .swiper-button-next i{margin-left:30px;}
.banner .swiper-button-prev:hover i,.banner .swiper-button-next:hover i{color:#ed0000;}
.banner .swiper-button-prev:after{content:""; display:block; width:1px; height:12px; background:#ddd; position:absolute; right:0px; top:28px;}
.banner .lbg{display:block; width:230px; height:120px; background:#fff; position:absolute; left:0; top:78px; z-index:2;}
.banner .swiper-pagination{bottom:auto; top:140px; /*left:70px;*/ left:45px; width:auto; font-size:16px; color:#333; display:none;}
.banner .swiper-pagination .swiper-pagination-current{font-size:48px; color:#ed0000; vertical-align:middle;}
.banner .swiper-pagination span:before{content:"0";}
.banner .banvideo{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; /*opacity:0; visibility:hidden;*/}
.banner .banvideo video{width:100%; height:100%; object-fit:fill;/*视频填满窗口*/}
/*.banner .bannerimg.on .banvideo{opacity:1; visibility:visible;}*/
/*.bvideo{cursor:pointer;}*/
.bantext{width:9%; height:100%; position:absolute; left:0; bottom:0; z-index:5; background-color:#fff; background-image:url(../images/bantext.png); background-position:left bottom; background-size:auto; background-repeat:no-repeat;}
.bannerimg{width:91%; height:92%; position:absolute; right:0; bottom:0; background-image:url(../images/banner1.jpg); background-position:right bottom;background-size:100% 100%; background-repeat:no-repeat;}
.bannerbg{width:100%; height:auto; display:block;}
.bandiv{width:100%; height:100vh; _height:920px;}

/*index*/
.contain{width:100%; position:relative; padding-top:78px;}
.section01{width:100%; height:100%; position:relative; background-color:#f7f7f7;}
.section01 .indextitle{position:absolute; left:0; top:0; z-index:10; text-align:center; width:100%; padding-top:30px;}
.section01 .indextitle .line{margin:0 auto; margin-top:20px;}
.indexprowarp .swiper-slide.two{background:#fff;}
.indexprowarp .box{width:100%; height:100vh; _height:920px;}
.indexprowarp .pic{width:100%; overflow:hidden; padding-top:180px;}
.indexprowarp .pic img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.indexprowarp .pic:hover img{-webkit-transform:translateY(-3%); transform:translateY(-3%);}
.indexprowarp .tmain{width:100%; position:absolute; left:0; bottom:0; text-align:center; padding-bottom:7%;}
.indexprowarp .line{display:block; width:30px; height:4px; margin:0px auto; background:#ed0000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.indexprowarp:hover .line{width:50px;}
.indexprowarp .h2{font-size:24px; color:#333; margin-top:10px;}
.indexprowarp .pcont{font-size:14px; color:#999; margin-top:0px;}
.indexprowarp .more{display:block; width:34px; height:34px; line-height:37px; text-align:center; font-family:SimSun; font-size:18px; color:#989898; border:1px solid #dfdfdf; border-radius:50%; margin:20px auto 0px auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.indexprowarp .swiper-slide:hover .more{background-color:#ed0000; border-color:#ed0000; color:#fff;}
.indexprowarp .swiper-button-prev{background-image:url(../images/arrowbtnl.png);}
.indexprowarp .swiper-button-next{background-image:url(../images/arrowbtnr.png);}
.indexprowarp .swiper-button-next.swiper-button-disabled,.indexprowarp .swiper-button-prev.swiper-button-disabled{display:none;}
.section02{width:100%; height:100%; background-image:url(../images/section02.jpg); background-position:right top; background-size:cover; background-repeat:no-repeat;}
.indexabout{width:50%; background-color:#fff; position:absolute; left:0; top:20%;}
.indexabout .abox{padding:75px 106px 75px 280px; position:relative;}
.indexabout .pcont{font-size:14px; color:#969696; line-height:22px; text-align:justify; margin-top:20px;}
.indexabout .inabvideo{margin-top:20px; max-width:275px;}
.indexabout .vpaly{position:absolute; right:-32px; top:47%;}
.indextitle h2{font-size:60px; color:#010101; line-height:1; font-family:times; font-weight:bold;}
.indextitle p{font-size:24px; color:#010101; margin-top:5px;}
.indextitle .line{display:block; width:50px; height:4px; background:#ed0000; margin-top:20px;}
.indexboss{width:50%; position:absolute; right:0; bottom:0;}
.section03{width:100%; background-color:#fff; padding:45px 0px 60px 0px;}
.incasetabbar .indextitle{float:left;}
.incasetabbar .incasetab{float:right; margin-top:40px;}
.incasetabbar .incasetab ul li{display:inline-block; _display:inline; text-align:center; margin-left:10px;}
.incasetabbar .incasetab ul li a{display:block; font-size:16px; color:#666; border:1px solid #ededed; border-radius:25px; padding:0px 20px; min-width:105px; height:40px; line-height:40px;}
.incasetabbar .incasetab ul li:hover a,.incasetabbar .incasetab ul li.on a{background-color:#ed0000; border-color:#ed0000; color:#fff;}
.indexcase{/*margin-top:40px;*/ overflow:hidden; margin-top:25px;}
.indexcase .dt{float:left; width:49%;}
.indexcase .indexcase-container{width:100%; height:100%;}
.indexcase .indexcase-container .swiper-slide{overflow:hidden;}
.indexcase .dt img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.indexcase .dt:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.indexcase .dt .title{width:100%; position:absolute; left:0; bottom:0; padding:25px 0; border-top:4px solid #ed0000; background-color:#000; filter:alpha(opacity=70); background-color:rgba(0, 0, 0, 0.7); word-wrap:break-word;}
.indexcase .dt .title h2{margin:0px 30px; font-size:20px; color:#fff;}
.indexcase .dt .title p{margin:0px 30px; font-size:14px; color:#bbb;}
.indexcase .dt-prev,.indexcase .dt-next{width:31px; height:31px; border-radius:50%; opacity:1; background-position:0px 0px; background-size:auto; background-repeat:no-repeat; bottom:35px; top:auto; margin-top:0;}
.indexcase .dt-prev{background-image:url(../images/arrowbtn4.png); left:auto; right:65px;}
.indexcase .dt-next{background-image:url(../images/arrowbtn5.png); right:24px;}
.indexcase .dd{float:left; width:24.5%; margin-left:1%; margin-bottom:1%; position:relative; overflow:hidden;}
.indexcase .dd img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.indexcase .dd:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.indexcase .dd .tmain{width:100%; height:100%; position:absolute; left:0px; top:0px; text-align:center; background-color:#ed0000; filter:alpha(opacity=90); background-color:rgba(244, 135, 27, 0.9); visibility:hidden; opacity:0;}
.indexcase .dd:hover .tmain{visibility:visible; opacity:1;}
.indexcase .dd .tmain .icon{display:block; width:41px; height:41px; margin:29% auto 0px auto; background:url(../images/incase.png) no-repeat;}
.indexcase .dd .tmain h2{padding:0px 20px; font-size:20px; color:#fff; margin-top:5px;}
.indexmore{width:100%; margin-top:40px; text-align:center;}
.indexmore a{display:inline-block; font-size:14px; color:#666; border:1px solid #dbdbdb; border-radius:50px; padding:0px 20px; min-width:163px; height:55px; line-height:55px;}
.indexmore a i{background:url(../images/indexmore.png) right center no-repeat; padding-right:40px;}
.indexmore a:hover{border-color:#ed0000;}
.section04{width:100%; background-color:#f7f7f7; padding:95px 0px 110px 0px;}
.section04 .indextitle{text-align:center;}
.section04 .indextitle .line{margin:20px auto 0px auto;}
.indexnews{margin-top:20px;}
.indexnews ul li{width:32%; float:left; background-color:#fff; margin-top:20px; margin-right:2%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.indexnews ul li:nth-child(3n),.indexnews ul li.mr0{margin-right:0;}
.indexnews ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.04); transform: translate3d(0,-10px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.indexnews ul li .pic{width:100%; position:relative; overflow:hidden; background-color:#eee;}
.indexnews ul li .pic img{width:100%; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
/*.indexnews ul li:hover .pic img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}*/
.indexnews ul li .tmain{padding:30px 35px;}
.indexnews ul li .time{display:block; font-size:14px; color:#999; line-height:25px;}
.indexnews ul li .title{font-size:18px; color:#333; margin:10px 0px; height:27px;}
.indexnews ul li:hover .title{color:#ed0000;}
.indexnews ul li .h3{font-size:14px; color:#999; height:42px; overflow:hidden; margin-bottom:20px; word-wrap:break-word;}
.indexnews ul li .more{display:block; width:34px; height:34px; line-height:37px; text-align:center; font-family:SimSun; font-size:18px; color:#989898; border:1px solid #dfdfdf; border-radius:50%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.indexnews ul li:hover .more{background-color:#ed0000; border-color:#ed0000; color:#fff;}

/*fullpage*/
#dowebok .section{position:relative; overflow:hidden;}
.indexheader{position:fixed; _position:absolute; left:0; top:0; z-index:10; background-color:#fff; filter:alpha(opacity=10); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
#fp-nav.right{display:none;}
body.on{overflow:hidden;}
.indexprowarp .pic{-webkit-transform:translateY(-80%); transform:translateY(-80%); opacity:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
div.active .indexprowarp .pic{-webkit-transform:translateY(0%); transform:translateY(0%); opacity:1;}
.indexprowarp .tmain{-webkit-transform:translateY(100%); transform:translateY(100%); opacity:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
div.active .indexprowarp .tmain{-webkit-transform:translateY(0%); transform:translateY(0%); opacity:1;}
.indexabout{-webkit-transform:translateX(-100%); transform:translateX(-100%); opacity:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
div.active .indexabout{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1;}
.indexboss{-webkit-transform:translateX(100%); transform:translateX(100%); opacity:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
div.active .indexboss{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1;}
.indexcase .dt{-webkit-transform:translateX(-100%); transform:translateX(-100%); opacity:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
div.active .indexcase .dt{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1;}
.indexcase .dd{-webkit-transform:translateX(100%); transform:translateX(100%); opacity:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
div.active .indexcase .dd{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1;}
.section04 .indexnews ul li{-webkit-transform:translateY(110%); transform:translateY(110%); opacity:0;}
.section04 .indexnews ul li:nth-child(1){-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.section04 .indexnews ul li:nth-child(2){-webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.section04 .indexnews ul li:nth-child(3){-webkit-transition: all 1.2s ease; transition: all 1.2s ease;}
div.active .section04 .indexnews ul li{-webkit-transform:translateY(0%); transform:translateY(0%); opacity:1;}

/*about*/
.nybanner{width:100%; overflow:hidden;}
.nybanner img{width:100%; display:block;}
.nyheader .logo{padding:6px 0px 0px 30px;}
.nyheader .logo a{width:175px; height:67px;}
.navigation{width:100%; background-color:#fff;}
.navigation .menu ul li{float:left; height:80px;}
.navigation .menu ul li a{font-size:16px; font-weight:bold; display:block; line-height:80px; padding:0px 20px;}
.navigation .menu ul li:hover a,.navigation .menu ul li.on a{background-color:#ed0000; color:#fff;}
.commonwrap{width:100%; background-color:#f7f7f7; padding:45px 0px 170px 0px;}
.loadbtnmore{text-align:center; position:relative; z-index:1; padding-top:40px;}

.historylist{width:100%; position:relative; z-index:1; margin-top:30px;}
.historylist .line{width:1px; height:100%; background-color:#eaeaea; position:absolute; left:50%; margin-left:-0.5px; top:0px; z-index:1;}
.historylist ul{position:relative; z-index:10; width:50%; float:left;}
.historylist ul li{width:100%; margin-bottom:60px;}
.historylist ul li.on{margin-top:50px;}
.historylist ul li .box{margin-right:40px; background-color:#fff; border:1px solid #dbdbdb; padding:30px; text-align:right; position:relative;}
.historylist ul li.on .box{margin-right:0px; margin-left:40px; text-align:left;}
.historylist ul li .h2{font-size:36px; font-weight:bold; color:#ed0000;}
.historylist ul li .pcont{font-size:16px; color:#666; word-wrap:break-word;}
.historylist ul li .pic{width:100%; overflow:hidden; margin-top:30px;}
.historylist ul li .pic img{width:100%; display:block;}
.historylist ul li .raw{display:block; width:17px; height:17px; position:absolute; right:-49px; top:33px; background:url(../images/raw.png) no-repeat;}
.historylist ul li.on .raw{left:-49px; right:auto;}
.historylist ul li .jiao{display:block; width:15px; height:19px; position:absolute; right:-14px; top:33px; background:url(../images/jiao.png) no-repeat;}
.historylist ul li:hover .jiao{background:url(../images/jiaoh.png) no-repeat;}
.historylist ul li.on .jiao{left:-14px; right:auto; background:url(../images/jiaor.png) no-repeat;}
.historylist ul li.on:hover .jiao{background:url(../images/jiaorh.png) no-repeat;}
.historylist ul li .tmain{width:100%; height:100%; background-color:#ed0000; filter:alpha(opacity=95); background-color:rgba(244, 135, 27, 0.95); position:absolute; left:0; top:0; z-index:10; display:none;}
.historylist ul li:hover .tmain{display:block;}
.historylist ul li .tmain h2{margin:20% 100px 0px 50px; font-size:36px; font-weight:bold; color:#fff;}
.historylist ul li .tmain p{margin:5px 100px 0px 50px; font-size:16px; color:#fff; word-wrap:break-word;}
.culturebox1{width:100%; background-color:#fff; /*padding:65px 0px 105px 0px;*/ position:relative;border-top:1px solid #ddd;}
.culturebox1 .bg1,.culturebox1 .bg2,.culturebox1 .bg3{width:100%; display:block; text-align:center;}
.culturebox1 .bg2{position:absolute; left:0; top:0; right:0; bottom:0; z-index:5; width:28.1%; margin:3.5% auto 0 auto;}
.culturebox1 .bg2{-moz-animation:rotate 10s infinite linear; -webkit-animation:rotate 10s infinite linear; animation:rotate 10s infinite linear;}
.culturebox1 .bg3{position:absolute; left:0; top:0; z-index:6;}
@-moz-keyframes rotate{
	0%{-moz-transform:rotate(0deg);}
	50%{-moz-transform:rotate(180deg);}
	100%{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes rotate{
	0%{-webkit-transform:rotate(0deg);}
	50%{-moz-transform:rotate(180deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	50%{-moz-transform:rotate(180deg);}
	100%{transform:rotate(360deg);}
}
.culturebox2{width:100%; background-image:url(../images/culturebox2.jpg); background-size:auto 100%; background-repeat:no-repeat;}
.culturebox2 .layout{position:relative; min-height:920px;}
.culturebox2 .zhici{width:42.5%; padding-top:240px; word-wrap:break-word;}
.culturebox2 .zhici h2{font-size:36px; color:#fff;}
.culturebox2 .zhici .line{display:block; width:50px; height:4px; background:#ed0000; margin-top:10px;}
.culturebox2 .zhici .pcont{font-size:14px; color:#a9a9a9; line-height:28px; text-align:justify; margin-top:30px;}
.culturebox2 .boss{position:absolute; right:0px; bottom:0px;}
.culturebox2 .boss img{width:100%; display:block;}
.honortou .honleft{width:66.5%; overflow:hidden; float:left; position:relative;}
.honortou .honleft img{width:100%; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
.honortou .honleft:hover img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.honortou .honrow{width:32.7%; float:left; margin-left:0.8%; margin-bottom:0.8%; overflow:hidden; position:relative;}
.honortou .hontext{background-color:#ed0000; padding:36px; min-height:177px; word-wrap:break-word;}
.honortou .hontext p{font-size:14px; color:#fff; line-height:26px; word-wrap:break-word;}
.honortou .honrow img{width:100%; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
.honortou .honrow:hover img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.honortou .box{width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; display:none; background-color:#ed0000; filter:alpha(opacity=96); background-color:rgba(244, 135, 27, 0.96);}
.honortou .box p{font-size:14px; color:#fff; line-height:26px; margin:36px; word-wrap:break-word;}
.honortou .honleft:hover .box,.honortou .honrow:hover .box{display:block;}
.honorwrap{background-color:#fff; position:relative; padding:55px 50px;}
.honorwrap .swiper-button-prev,.honorwrap .swiper-button-next{width:29px; height:46px; margin-top:-23px; background-color:rgba(0, 0, 0, 0.2); background-position:0px 0px;}
.honorwrap .swiper-button-prev{left:0px; background-image:url(../images/arrowbtn2.png);}
.honorwrap .swiper-button-next{right:0px; left:auto; background-image:url(../images/arrowbtn3.png);}
.honorwrap .pic{width:100%; overflow:hidden;}
.honorwrap .pic img{width:100%; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
.honorwrap .pic:hover img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.honorwrap .swiper-slide h2{font-size:14px; color:#666; margin-top:10px; text-align:center;}
.joinsearch ul li{width:29.8%; float:left; margin-right:0.4%;}
.joinsearch ul li.btn{width:9.2%; margin-right:0;}
.joinsearch ul li .select{width:100%; height:60px; background-color:#fff; font-size:14px; color:#666; border:none; text-indent:10px;}
.joinsearch ul li .subbtn{width:100%; height:60px; border:none; background-color:#ed0000; font-size:14px; color:#fff; cursor:pointer;}
.joinsearch ul li .jointext{width:100%; height:60px; background-color:#fff; font-size:14px; color:#333; border:none; text-indent:10px;}
.joinlist{/* margin-top:30px; */}
.joinlist ul li{margin-top:2px; background-color:#fff;}
.joinlist ul li .title{background-color:#fff; padding:0px 40px; position:relative; height:70px; line-height:70px;}
.joinlist ul li .title:hover,.joinlist ul li.on .title{background-color:#ed0000;}
.joinlist ul li .tit{font-size:16px; color:#666; max-width:50%;}
.joinlist ul li .title:hover .tit,.joinlist ul li.on .tit{color:#fff;}
.joinlist ul li .more{display:block; width:30px; height:30px; position:absolute; right:40px; top:20px; font-size:0; cursor:pointer; background:url(../images/joinbtn.png) no-repeat;}
.joinlist ul li .title:hover .more,.joinlist ul li.on .more{background:url(../images/joinbtnh.png) no-repeat;}
.joinlist ul li .tmain{display:none;}
.joinlist ul li .box{padding:30px 40px;}
.joinlist ul li .numtext{padding-bottom:30px; border-bottom:1px solid #eaeaea;}
.joinlist ul li .numtext span{font-size:14px; color:#666; margin-right:20px;}
.joinlist ul li .bombtn{padding-top:30px; border-top:1px solid #eaeaea;}
.joinlist ul li .bombtn a{display:inline-block; min-width:145px; height:46px; line-height:46px; border-radius:25px; margin-right:10px; padding:0px 10px; text-align:center; color:#fff; background-color:#ed0000; vertical-align:middle;}
.joinlist ul li .bombtn a:hover{background-color:#333;}
.joinlist ul li .bombtn .upbtn{display:inline-block; min-width:145px; height:46px; line-height:46px; border-radius:25px; margin-right:10px; padding:0px 10px; text-align:center; color:#fff; background-color:#ed0000; position:relative; z-index:1; vertical-align:middle;}
.joinlist ul li .bombtn .upbtn span{position:relative; z-index:1;}
.joinlist ul li .bombtn .upbtn input{width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; opacity:0; filter:alpha(opacity=10); cursor:pointer;}
.joinlist ul li .jdetails{padding:40px 0px 60px 0px; overflow:hidden; font-size:14px; color:#666;}
.joinlist ul li .jdetails .rowt{width:100%; padding-right:5%; float:left; word-wrap:break-word;}
.joinlist ul li .jdetails p{margin-top:5px;}
.aboutus{padding:40px 0px 28px 0px;}
.aboutnum{max-width:1280px; margin:0 auto; border-top:8px solid #ed0000; padding-top:85px; padding-bottom:60px;}
.aboutnum ul li{width:33.333%; float:left;}
.aboutnum ul li p{margin-left:55px; line-height:1;}
.aboutnum ul li .timer{margin:0px 3px;}
.aboutnum ul li .nub{font-size:70px; font-weight:bold; color:#ed0000;}
.aboutnum ul li .pd{font-size:34px; font-weight:bold; color:#020202;}
.Endtext {overflow:hidden; margin:0 auto; text-align: justify; line-height:1.7;}
.Endtext p,.Endtext ul,.Endtext ol{ padding:6px 0;}
.Endtext table,.Endtext hr{ margin-top:6px; margin-bottom:6px;}
.Endtext ul li{list-style:disc outside none; margin-left:2em;}
.Endtext ol li{list-style:decimal outside none; margin-left:2em;}
.Endtext img{ height:auto;}

/*product*/
.allwrap{width:100%; background-image:url(../images/allwrap.jpg); background-size:auto 100%; background-repeat:no-repeat;}
.allwrap ul li{width:33.2%; margin:0.1% 0.1% 0 0; height:841px; text-align:center; position:relative; float:left; background-color:#fff; filter:alpha(opacity=10); background-color:rgba(255, 255, 255, 0.1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.allwrap ul li .alogo{max-width:80%; margin:0 auto; margin-top:250px; padding:0px 10px;}
.allwrap ul li .line{display:block; width:30px; height:4px; background-color:#ed0000; margin:20px auto;}
.allwrap ul li h2{font-size:24px; color:#fff; margin:0px 20px;}
.allwrap ul li p{font-size:14px; color:#acacac; margin:5px 20px 0px 20px; word-wrap:break-word;}
.allwrap ul li .more{display:block; width:34px; height:34px; line-height:37px; text-align:center; font-family:SimSun; font-size:18px; color:#fff; border:1px solid #7d7d7e; border-radius:50%; margin:50px auto 0px auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.allwrap ul li:hover .more{background-color:#ed0000; border-color:#ed0000; color:#fff;}
.allwrap ul li a{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5;}
.allwrap ul li:hover{background-color:#fff; filter:alpha(opacity=30); background-color:rgba(255, 255, 255, 0.3);}
.fenlei{border:1px solid #e3e3e3;}
.fenlei .dl{border-bottom:1px solid #e3e3e3; background-color:#f6f6f6;}
.fenlei .dl dt{font-size:14px; color:#333; float:left; width:9%; padding:0.5% 1.5%; word-wrap:break-word; padding-top:15px; text-align:right;}
.fenlei .dl dd{width:84%; padding:0.5% 2%; float:left; padding-top:7px; background-color:#fff;}
.fenlei .fllist{width:100%; position:relative;}
/*.fenlei .fllist ul{height:35px; overflow:hidden;}*/
.fenlei .fllist ul li{float:left; margin-top:5px; margin-right:10px;}
.fenlei .fllist ul li a{font-size:14px; color:#666; display:block; padding:2px 5px;}
.fenlei .fllist ul li.on a{color:#ed0000;}
.fenlei .fllist ul li.on:hover a{color:#ed0000;}
.fenlei .fllist ul li:hover a{color:#ed0000;}
/*.fenlei .flmore{display:block; width:13px; height:8px; font-size:0; cursor:pointer; position:absolute; right:0px; top:13px; background:url(../images/flmore.png) no-repeat;}*/
.prolist ul{margin: auto; position: relative;}
.prolist ul li{width:31.7%; background-color:#fff; margin-top:30px; margin-right:2.3%; position:relative; text-align:center; padding-bottom:50px; float:left;}
.prolist ul li:nth-child(3n),.prolist ul li.mr0{margin-right:0px;}
.prolist ul li .line{width:0%; height:3px; background-color:#ed0000; display:block; position:absolute; left:0px; bottom:0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.prolist ul li:hover .line{width:100%;}
.prolist ul li .pic{max-width:342px; padding:20px 20px 10px 20px;margin:0 auto;}
.prolist ul li .pic img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.prolist ul li:hover .pic img{-webkit-transform:translateY(-2%); transform:translateY(-2%);}
.prolist ul li .tit{font-size:20px; color:#333; height:48px;}
.prolist ul li .tit span{display:block; font-size:12px; color:#999;}
.protag{position:fixed; _position:absolute; left:10px; top:50%; z-index:5;}

.protag ul li{width:140px; height:40px; background-color:#fff; position:relative; margin-top:1px;}
.protag ul li a{display:block; min-width:100px; height:40px; line-height:40px; padding:0px 20px; font-size:14px; color:#666; position:absolute; left:0; top:0;}
.protag ul li:hover a,.protag ul li.on a{min-width:120px; background-color:#ed0000; color:#fff;}

.protag1{position:fixed; _position:absolute; left:10px; top:50%; z-index:5;display:none;}

.protag1 ul li{width:140px; height:40px; background-color:#fff; position:relative; margin-top:1px;}
.protag1 ul li a{display:block; min-width:100px; height:40px; line-height:40px; padding:0px 20px; font-size:14px; color:#666; position:absolute; left:0; top:0;}
.protag1 ul li:hover a,.protag ul li.on a{min-width:120px; background-color:#ed0000; color:#fff;}


.proinfobar{width:100%; padding:70px 0px; min-height:515px; background-image:url(../images/prodetails.jpg); background-size:auto 100%; background-repeat:no-repeat;}
.proinfobar .proimg{width:50%; float:left;}
.proinfobar .maximg{margin-left:90px;}
.proinfobar .maximg img{width:100%; display:block;}
.proinfobar .sallimg{width:100%; margin-top:50px;}
.proinfobar .sallimg ul li{border:1px solid #eee; width:60px; margin:5px 10px 0px 0px; cursor:pointer; float:left;}
.proinfobar .sallimg ul li img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.proinfobar .sallimg ul li.on{border-color:#ed0000;}
.proinfobar .infoarea{width:33%; float:left; margin-left:7%; margin-top:95px;}
.proinfobar .infoarea h1{font-size:24px; color:#ed0000; word-wrap:break-word;}
.proinfobar .infoarea .pcont{font-size:14px; color:#999; text-align:justify; line-height:24px; margin-top:10px; word-wrap:break-word;}
.proinfobar .proshare{padding-top:50px;}
.proinfobar .proshare .shtn{float:left; font-size:14px; color:#999; line-height:28px;}
.proinfobar .proshare .bdsharebuttonbox{float:left;}
.proinfobar .proshare .bdsharebuttonbox a{padding:0px; margin:0px; margin-left:5px; width:27px; height:27px; background-position:center center;}
.proinfobar .proshare .bdsharebuttonbox a.bds_weixin{background-image:url(../images/nwwx.png);}
.proinfobar .proshare .bdsharebuttonbox a.bds_sqq{background-image:url(../images/nwqq.png);}
.proinfobar .proshare .bdsharebuttonbox a.bds_tsina{background-image:url(../images/nwwb.png);}
.proinfobar .proshare .bdsharebuttonbox a.bds_fbook{background-image:url(../images/nwfbook.png);}
.proinfobar .proshare .bdsharebuttonbox a.bds_linkedin{background-image:url(../images/nwlinkedin.png);}
.proinfobar .proshare .bdsharebuttonbox a.bds_twi{background-image:url(../images/nwtwi.png);}
.prodetailsbom{width:100%; padding:70px 0px; min-height:200px; background-color:#f7f7f7;}
.prodetailsbom .layout{position:relative;}
.prodetailsbom .return{width:50px; height:150px; background-color:#fff; overflow:hidden; border-radius:5px; position:absolute; right:-7%; top:0;}
.prodetailsbom .return li a{display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#727272; text-align:center;}
.prodetailsbom .return li:hover a{background-color:#f6f6f6; color:#ed0000;}
.prodetailsbom .return li a.prev,.prodetailsbom .return li a.next{font-family:Simsun; font-weight:bold; font-size:0; background-position:center center; background-repeat:no-repeat;}
.prodetailsbom .return li a.prev{background-image:url(../images/nwprev.png);}
.prodetailsbom .return li a.next{background-image:url(../images/nwnext.png);}
.prodetailsbom .protext{font-size:14px; color:#999; /*max-width:910px; line-height:24px;*/ word-wrap:break-word;}

.prodetailsbom .protext td{height:40px;color:#000;padding-left:20px;}
.prodetailsbom .protext table{margin:0 auto;}

/*case*/
.casesearch{padding:20px 0px;}
.casesearch .tn{float:left; font-size:14px; color:#333; line-height:35px; margin-right:10px; margin-left:30px;}
.casesearch .flno{margin-left:0;}
.casesearch .sele{width:195px; height:35px; border:1px solid #dedede; text-indent:10px; font-size:14px; color:#666; float:left;}
.caseear{border:1px solid #ddd; float:left; position:relative; width:27.5%; margin-left:30px; padding:0px 10px;}
.caseear .catext{width:100%; height:33px; line-height:33px; background-color:#fff; border:none;}
.caseear .csbtn{width:64px; height:33px; border:none; font-size:0; position:absolute; right:0px; top:0px; cursor:pointer; background-color:#ed0000; background-image:url(../images/casebtn.png); background-repeat:no-repeat;}
.caselist ul li{width:49.3%; float:left; position:relative; overflow:hidden; margin:1.4% 1.4% 0px 0px;}
.caselist ul li:nth-child(2n),.caselist ul li.mr0{margin-right:0;}
.caselist ul li .pic{width:100%; overflow:hidden;}
.caselist ul li .pic img{width:100%; display:block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.caselist ul li:hover .pic img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.caselist ul li .title{width:100%;position:absolute;left:0;bottom:0;padding:25px 0;border-top:4px solid #ed0000;background-color:#000;filter:alpha(opacity=70);background-color:rgba(0, 0, 0, 0.7)}
.caselist ul li .title h2{margin:0px 20px; font-size:20px; color:#fff; max-width:65%;}
.caselist ul li:hover .title h2{color:#ed0000;}
.caselist ul li .title p{margin:0px 20px; font-size:14px; color:#bbb; max-width:65%;}
.caselist ul li .more{width:115px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#fff; overflow:hidden; position:absolute; right:30px; bottom:30px; border:1px solid #7d7873; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.caselist ul li:hover .more{background-color:#ed0000; border-color:#ed0000;}
.casedetailsh1{position:relative; padding-bottom:20px; padding-right:190px;}
.casedetailsh1 .h1{font-size:30px; color:#333; word-wrap:break-word;}
.casedetailsh1 .h1 span{font-size:14px; color:#999; margin-left:5px;}
.casedetailsh1 .cshare{position:absolute; right:0px; top:18px;}
.casedetailsh1 .cshare .nwtn{float:right; line-height:27px;}
.casedetailsh1 .cshare .bdsharebuttonbox{float:right;}
.casedetailsh1 .cshare .bdsharebuttonbox a{padding:0px; margin:0px; margin-left:10px; width:27px; height:27px; background-position:center center;}
.casedetailsh1 .cshare .bdsharebuttonbox a.bds_weixin{background-image:url(../images/nwwx.png);}
.casedetailsh1 .cshare .bdsharebuttonbox a.bds_sqq{background-image:url(../images/nwqq.png);}
.casedetailsh1 .cshare .bdsharebuttonbox a.bds_tsina{background-image:url(../images/nwwb.png);}
.casedetailsh1 .cshare .bdsharebuttonbox a.bds_fbook{background-image:url(../images/nwfbook.png);}
.casedetailsh1 .cshare .bdsharebuttonbox a.bds_linkedin{background-image:url(../images/nwlinkedin.png);}
.casedetailsh1 .cshare .bdsharebuttonbox a.bds_twi{background-image:url(../images/nwtwi.png);}
.casedetailsh1 .return{width:50px; height:150px; background-color:#fff; overflow:hidden; border-radius:5px; position:absolute; right:-7%; top:0;}
.casedetailsh1 .return li a{display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#727272; text-align:center;}
.casedetailsh1 .return li:hover a{background-color:#f6f6f6; color:#ed0000;}
.casedetailsh1 .return li a.prev,.casedetailsh1 .return li a.next{font-family:Simsun; font-weight:bold; font-size:0; background-position:center center; background-repeat:no-repeat;}
.casedetailsh1 .return li a.prev{background-image:url(../images/nwprev.png);}
.casedetailsh1 .return li a.next{background-image:url(../images/nwnext.png);}
.parkimgbar{background-color:#fff; padding-right:220px; position:relative;}
.parkimgbar .maximg{width:100%; overflow:hidden;}
.parkimgbar .maximg img{width:100%; display:block;}
.parkimgbar .minimg{width:225px; height:100%; position:absolute; right:0; top:0; z-index:5; background-color:#fff;}
.parkimgbar .bx-wrapper .bx-pager{display:none;}
.parkimgbar .s-imglist{padding:86px 10px; position:relative;}
.parkimgbar .s-imglist ul li{border:2px solid #fff; margin-bottom:10px; overflow:hidden; max-width:195px;}
.parkimgbar .s-imglist ul li img{width:100%; display:block;}
.parkimgbar .s-imglist ul li.on{border-color:#ed0000;}
.parkimgbar .s-imglist .bx-wrapper .bx-controls-direction a.bx-prev,.parkimgbar .s-imglist .bx-wrapper .bx-controls-direction a.bx-next{left:50%; margin-left:-14px; display:block; width:31px; height:31px; font-size:0; position:absolute;}
.parkimgbar .s-imglist .bx-wrapper .bx-controls-direction a.bx-prev{top:30px; background:url(../images/arrowbtn8.png) no-repeat;}
.parkimgbar .s-imglist .bx-wrapper .bx-controls-direction a.bx-next{bottom:30px; background:url(../images/arrowbtn9.png) no-repeat;}
.parkimgbar .s-imglist .bx-viewport{/*height:518px !important;*/}
.parkimgbar .h-imglist{padding:20px 50px; position:relative; display:none;}
.parkimgbar .h-imglist ul li{float:left; width:140px; border:2px solid #fff; margin-right:10px;}
.parkimgbar .h-imglist ul li img{width:100%; display:block;}
.parkimgbar .h-imglist ul li.on{border-color:#ed0000;}
.parkimgbar .h-imglist .bx-wrapper .bx-controls-direction a.bx-prev,.parkimgbar .h-imglist .bx-wrapper .bx-controls-direction a.bx-next{display:block; width:31px; height:31px; margin:0 auto; overflow:hidden; font-size:0; margin-top:-14px; position:absolute; top:50%;}
.parkimgbar .h-imglist .bx-wrapper .bx-controls-direction a.bx-next{left:auto; right:10px; background:url(../images/arrowbtn5.png) no-repeat;}
.parkimgbar .h-imglist .bx-wrapper .bx-controls-direction a.bx-prev{left:10px; right:auto; background:url(../images/arrowbtn4.png) no-repeat;}
.xcasetit{font-size:20px; color:#090909; padding-bottom:10px; border-bottom:1px solid #ddd; margin-top:70px;}
.xcasetit img{vertical-align:middle; margin-right:10px; max-width:20px;}
.parktext{padding-top:20px;}
.parktext p{ color:#999; font-size:14px; /*text-align:justify; line-height:27px; */ word-wrap:break-word;}
.xcasepro{position:relative;}
.xcasepro .swiper-container{padding-top:40px;}
.xcasepro .swiper-slide{background-color:#fff; position:relative; text-align:center; padding-bottom:50px;}
.xcasepro .swiper-slide .line{width:0%; height:3px; background-color:#ed0000;display:block;position:absolute; left:0px; bottom:0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.xcasepro .swiper-slide:hover .line{width:100%;}
.xcasepro .swiper-slide .pic{max-width:342px; padding:20px 20px 10px 20px;}
.xcasepro .swiper-slide .pic img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.xcasepro .swiper-slide .tit{font-size:20px; color:#333; height:48px;}
.xcasepro .swiper-slide .tit span{display:block; font-size:12px; color:#999;}
.xcasepro .swiper-button-prev{width:31px; height:31px; position:absolute; top:0px; left:auto; right:40px; margin-top:-42px; background-size:31px 31px; background-image:url(../images/arrowbtn4.png); background-position:0 0px;}
.xcasepro .swiper-button-next{width:31px; height:31px; position:absolute; top:0px; right:0px; margin-top:-42px; background-size:31px 31px; background-image:url(../images/arrowbtn5.png); background-position:0 0px;}
.casebomwrap{background-color:#fff; margin-top:70px; padding:40px;}
.casebomwrap .xcasetit{margin-top:0px;}
.pinglun ul li{padding:30px 0px; border-bottom:1px solid #ececec;}
.pinglun ul li .item{position:relative; padding-left:65px; min-height:50px;}
.pinglun ul li .icon{position:absolute; left:0px; top:0px;}
.pinglun ul li .icon img{width:50px; height:50px; border-radius:50%;}
.pinglun ul li .tit{font-size:12px; color:#b4b4b4;}
.pinglun ul li .tit span{font-size:14px; font-weight:bold; color:#333; margin-right:5px;}
.pinglun ul li .pcont{font-size:14px; color:#666; line-height:24px; text-align:justify; margin-top:10px; word-wrap:break-word;}
.plbtn{width:100%; padding-top:30px; text-align:center;}
.plbtn a{display:inline-block; min-width:130px; height:35px; line-height:35px; padding:0px 10px; border:1px solid #dcdcdc; border-radius:25px; font-size:14px; color:#333;}
.plbtn a:hover{background-color:#ed0000; border-color:#ed0000; color:#fff;}

/*news*/
.newsdetail{position:relative;}
.newsdetail h1{font-size:36px; color:#333; word-wrap:break-word; margin-top:20px;}
.newsdetail .newsinfo{font-size:12px; color:#999; border-bottom:1px solid #e0e0e0; padding-bottom:5px; padding-top:10px; overflow:hidden;}
.newsdetail .newsinfo .tn{float:left;}
.newsdetail .newsinfo .bdsharebuttonbox{float:right;}
.newsdetail .newsinfo .bdsharebuttonbox a{padding:0px; margin:0px; margin-left:10px; width:27px; height:27px; background-position:center center;}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_weixin{background-image:url(../images/nwwx.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_sqq{background-image:url(../images/nwqq.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_tsina{background-image:url(../images/nwwb.png);}
.newsdetail .newsinfo .nwtn{float:right; line-height:27px;}
.newsdetail .newstext{padding:50px 0px;}
.newsdetail .newsmore{width:100%; background-color:#f6f6f6; position:relative;}
.newsdetail .return{width:50px; height:150px; background-color:#fff; overflow:hidden; border-radius:5px; position:absolute; right:-7%; top:0;}
.newsdetail .return li a{display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#727272; text-align:center;}
.newsdetail .return li:hover a{background-color:#f6f6f6; color:#ed0000;}
.newsdetail .return li a.prev,.newsdetail .return li a.next{font-family:Simsun; font-weight:bold; font-size:0; background-position:center center; background-repeat:no-repeat;}
.newsdetail .return li a.prev{background-image:url(../images/nwprev.png);}
.newsdetail .return li a.next{background-image:url(../images/nwnext.png);}
.backlist{text-align:center; line-height:54px; font-size:14px;}
.backlist a{display:inline-block; /* background: url(../images/nwlist.png) no-repeat 0 center; padding: 0 0 0 18px; */ color:#666;}
.backlist a:hover{color:#ed0000;}
.nwprev,.nwnext{position:absolute; left:20px; top:0; background:url(../images/nwprev.png) no-repeat 0 center; padding: 0 0 0 20px; font-size:14px; color:#666; line-height:54px;}
.nwnext{left:auto; right:20px; background:url(../images/nwnext.png) no-repeat right center; padding: 0 20px 0 0;}

/*service*/
.contwrap{background-color:#f7f7f7; padding:75px 0px 95px 0px;}
.continfo{width:30%; float:left;}
.continfo ul li{font-size:16px; color:#666; position:relative; padding-left:30px; margin-bottom:35px; word-wrap:break-word;}
.continfo ul li img{position:absolute; left:0px; top:0px; max-width:26px;}
.contform{width:58.9%; float:right;}

.contform ul li{width:100%; margin-bottom:20px; float:left;}
.contform ul li.item1{width:31%; margin-right:3%;}
.contform ul li.item2{width:31%; margin-right:3%;}
.contform ul li.item3{width:32%; margin-right:0;}
.contform ul li.item5{text-align:right; margin-bottom:0;}
.contform .context,.contform .conteat{width:100%; height:40px; border:1px solid #e5e5e5; background:none; padding:0px 10px; font-size:14px; color:#333; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.contform .conteat{padding:15px 10px; height:200px; line-height:25px;}
.contform .context:focus,.contform .conteat:focus{border-color:#ed0000;}
.contform .consub{width:170px; height:50px; border:1px solid #ed0000; background-color:#ed0000; font-size:14px; color:#fff; cursor:pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.contform .consub:hover{opacity:0.7;}
.contform.product_contform{width: 100%;float: none;margin-top: 25px;background-color: #fff;}
.product_contform h1{font-size: 24px;color: #010101;padding: 40px 3% 16px;}
.product_contform ul{ padding: 0 3%;}
.product_contform ul li .context,.product_contform ul li .conteat{background-color:#f3f3f3;border:0;}

.map{width:100%; overflow:hidden;}
.mmap{width:100%; overflow:hidden;display:none;}
.map img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.linkslist ul li{width:19.3%; margin:0px 0.7% 20px 0px; float:left; background-color:#fff; text-align:center;}
.linkslist ul li:nth-child(5n),.linkslist ul li.mr0{margin-right:0;}
.linkslist ul li .pic{display:block; overflow:hidden; border:2px solid #fff;}
.linkslist ul li .pic img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.linkslist ul li h2{height:45px; line-height:45px; border-top:1px solid #efefef; font-size:16px; color:#666; padding:0px 10px;}
.linkslist ul li:hover .pic{border-color:#ed0000;}
.linkslist ul li:hover h2{border-top:1px solid #ed0000; background-color:#ed0000; color:#fff;}
.sertab{width:100%; margin-top:-20px;}
.sertab ul li{float:left; margin-right:5px; text-align:center;}
.sertab ul li a{display:block; font-size:14px; color:#666; min-width:120px; padding:0px 10px; height:40px; line-height:40px; background-color:#fff;}
.sertab ul li.on a,.sertab ul li:hover a{background-color:#ed0000; color:#fff;}
.techlist ul li{background-color:#fff; margin-top:20px; border:2px solid #fff;}
.techlist ul li a{display:block; padding:20px 25px; overflow:hidden; position:relative;}
.techlist ul li .pic{width:23%; float:left; overflow:hidden;}
.techlist ul li .pic img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.techlist ul li .pic:hover img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.techlist ul li .tmain{width:61.5%; float:left; margin-left:3%;}
.techlist ul li .tmain h2{overflow:hidden; margin-top:1%; font-size:18px; color:#333;}
.techlist ul li .tmain h3{font-size:14px; color:#999; margin-top:2%; height:42px; overflow:hidden; word-wrap:break-word;}
.techlist ul li .tmain .more{display:block; margin-top:4%; width:110px; text-align:center; line-height:35px; font-size:14px; color:#666; border:1px solid #eee;}
.techlist ul li .tmain .more i{padding-right:25px; background:url(../images/tecmore.png) right center no-repeat;}
.techlist ul li:hover .tmain h2 p{color:#ed0000;}
.techlist ul li:hover .tmain .more{background-color:#ed0000; border-color:#ed0000; color:#fff;}
.techlist ul li:hover .tmain .more i{background:url(../images/tecmoreh.png) right center no-repeat;}
.techlist ul li:hover{border-color:#ed0000;}
.techlist ul li .data{width:46px; padding:15px 10px 10px 10px; text-align:center; position:absolute; right:35px; top:29%; border:1px solid #dbdbdb; border-radius:5px;}
.techlist ul li .data .icon{display:block;}
.techlist ul li .data p{font-size:12px; color:#666;}
.downloadlist ul li{width:49%; height:140px; overflow:hidden; background-color:#fff; position:relative; float:left; margin-top:20px; margin-right:2%; overflow:hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.downloadlist ul li:nth-child(2n),.downloadlist ul li.mr0{margin-right:0;}
.downloadlist ul li .ltext{margin-left:30px; margin-top:25px; float:left; padding-left:65px; background:url(../images/text01.png) left center no-repeat; max-width:50%;}
.downloadlist ul li:hover{box-shadow:#666 0px 0px 10px;}
.downloadlist ul li .tmain{width:80%; float:left; padding:10px 2%;}
.downloadlist ul li .pic{float:left; width:128px; margin-right:10px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.downloadlist ul li .pic:hover{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.downloadlist ul li .h2{font-size:16px; color:#333; margin-top:20px;}
.downloadlist ul li .pcont{font-size:14px; color:#999; margin-top:5px; word-wrap:break-word;}
.downloadlist ul li .time{font-size:12px; color:#999; margin-top:10px;}
.downloadlist ul li .time img{vertical-align:middle; margin-right:5px;}
.downloadlist ul li .downbtn{width:16%; float:left;}
.downloadlist ul li .downbtn a{display:block; padding:10px; border-left:1px solid #eee; border-bottom:1px solid #eee; text-align:center; font-size:12px; color:#666;}
.downloadlist ul li a.vise{height:49px; padding-top:15px;}
.downloadlist ul li a.vise i{width:15px; height:20px; display:block; margin:0px auto 5px auto; background:url(../images/vise01.png) center center no-repeat;}
.downloadlist ul li a.dowbut{border-bottom:none; height:45px;}
.downloadlist ul li a.dowbut i{width:20px; height:18px; display:block; margin:0px auto 5px auto; background:url(../images/dowbut.png) no-repeat;}
.downloadlist ul li a.dowbut:hover{background-color:#ed0000; border-color:#ed0000; color:#fff;}
.downloadlist ul li a.dowbut:hover i{background:url(../images/dowbuth.png) no-repeat;}
.downbox{width:700px; background-color:#fff; position:fixed; _position:absolute; left:50%; top:50%; z-index:200; margin-left:-350px; margin-top:-197px; display:none;}
.downbox .dowclose{display:block; width:38px; height:38px; position:absolute; right:0; top:-45px; font-size:0; cursor:pointer; background:url(../images/dowclose.png) no-repeat;}
.downbox .vidupbtn{display:block; width:38px; height:38px; position:absolute; left:50px; top:-45px; font-size:0; cursor:pointer; background:url(../images/dowupbtn.png) no-repeat;}
.downbox .bdsharebuttonbox{width:38px; height:38px; position:absolute; left:0; top:-45px;}
.downbox .bdsharebuttonbox a{width:38px; height:38px; margin:0px; padding:0px; background:url(../images/dowshare.png) no-repeat;}
.downbox .img{width:100%; height:300px; display:table;}
.downbox .img span{width:100%; height:100%; padding:20px; display:table-cell; vertical-align:middle;}
.downbox .tit{font-size:24px; color:#333; margin:0px 20px; text-align:center; margin-bottom:30px;}
.downbox video{width:100%; height:100%; display:block;}
.videolist ul li{width:23.7%; float:left; position:relative; overflow:hidden; text-align:center; margin-right:1.7%; margin-top:30px;}
.videolist ul li:nth-child(4n),.videolist ul li.mr0{margin-right:0;}
.videolist ul li .pic{width:100%; overflow:hidden;}
.videolist ul li .pic img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.videolist ul li:hover .pic img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.videolist ul li .tit{width:100%; line-height:50px; font-size:14px; color:#333; background-color:#fff;}
.videolist ul li:hover .tit{background-color:#ed0000;}
.videolist ul li .bg{width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:5; background-color:#000; filter:alpha(opacity=30); background-color:rgba(0, 0, 0, 0.3); display:none;}
.videolist ul li:hover .bg{display:block;}
.videolist ul li .btn{display:block; width:53px; height:53px; position:absolute; left:50%; top:100%; z-index:15; margin-left:-26.5px; margin-top:-26.5px; background:url(../images/videobtn.png) no-repeat; visibility:hidden; opacity:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.videolist ul li:hover .btn{visibility:visible; opacity:1; top:50%;}

/*map*/
.mtitle{font-size:30px; color:#333; text-align:center; margin-bottom:45px;}
.sitlist .dl{width:10.8%; float:left; word-wrap:break-word; margin:20px 2.9% 0px 2.9%;}
.sitlist .dl dt{border-bottom:1px solid #d8d8d8; position:relative; font-size:18px; color:#333; padding-bottom:5px;}
.sitlist .dl dt i{display:block; width:30%; height:1px; position:absolute; left:0; bottom:-1px; background-color:#ed0000;}
.sitlist .dl dd{font-size:14px; color:#666; margin-top:20px;}
.sitlist .dl dd a{color:#666;}
.sitlist .dl dd a:hover{color:#ed0000;}

/*backtop*/
.backtop{width:47px; height:47px; position:fixed; right:10px; bottom:10px; z-index:50; display:none;}
.backtop a{display:block; width:47px; height:47px; overflow:hidden; font-size:0; background-image:url(../images/backtop.png); background-size:contain; background-repeat:no-repeat;}
.indexkefu{width:9%; position:fixed; _position:absolute; right:0px; bottom:100px; z-index:5;}
.indexkefu ul li{width:100%; height:33px; padding-top:14px; position:relative;}
.indexkefu ul li>a{display:block; width:23px; height:23px; font-size:0; margin:0 auto;}
.indexkefu ul li>a.mess{width:21px; height:21px; background:url(../images/kficon5.png) no-repeat;}
.indexkefu ul li>a.phone{width:23px; height:23px; background:url(../images/kficon6.png) no-repeat;}
.indexkefu ul li>a.wechat{width:23px; height:19px; background:url(../images/kficon7.png) no-repeat;}
.indexkefu ul li>a.share{width:21px; height:21px; background:url(../images/kficon8.png) no-repeat;}
.indexkefu ul li .wechatewm{width:125px; position:absolute; right:104px; top:50%; margin-top:-57px; display:none;}
.indexkefu ul li:hover .wechatewm{display:block;}
.indexkefu ul li .bdsharebuttonbox{width:21px; height:21px; margin:0 auto;}
.indexkefu ul li .bdsharebuttonbox>a{width:21px; height:21px; display:block; padding:0px; margin:0px; background:url(../images/kficon8.png) no-repeat;}
.indexkefu ul li>a.messbox{width:100%; height:47px; line-height:47px; text-align:center; margin:0px; font-size:14px; color:#fff; background-color:#ed0000; position:absolute; left:0; top:0px; display:none;}
.indexkefu ul li:hover>a.messbox{display:block;}
.bdshare_popup_box{display:none !important;}
.kefu{position:fixed; _position:absolute; right:0px; top:54%; z-index:5; transform: translateX(0) translateY(-50%);}
.kefu ul li{width:50px; margin-top:1px; position:relative; padding:15px; background-color:#fff; text-align:center;}
.kefu ul li:hover{background-color:#f1f1f1;}
.kefu ul li i{display:block; width:23px; height:23px; margin:0 auto; font-size:0;}
.kefu ul li p{font-size:12px; color:#666; margin-top:5px;}
.kefu ul li>a.mess i{width:21px; height:21px; background:url(../images/kficon1.png) no-repeat;}
.kefu ul li>a.phone i{width:23px; height:23px; background:url(../images/kficon2.png) no-repeat;}
.kefu ul li>a.wechat i{width:23px; height:19px; background:url(../images/kficon3.png) no-repeat;}
.kefu ul li>a.share i{width:21px; height:21px; background:url(../images/kficon4.png) no-repeat;}
.kefu ul li .bdsharebuttonbox>a{width:100%; height:auto; overflow:hidden; line-height:inherit; font-size:12px; color:#666; display:block; padding:0px; margin:0px; background:none; float:none;}
.kefu ul li .bdsharebuttonbox>a i{width:21px; height:21px; background:url(../images/kficon4.png) no-repeat;}
.kefu ul li .wechatewm{width:125px; position:absolute; right:90px; top:50%; margin-top:-57px; display:none;}
.kefu ul li:hover .wechatewm,.kefu ul li:hover .phonenum{display:block;}
.kefu ul li .phonenum{width:150px; text-align:center; min-height:46px; position:absolute; right:81px; top:0px; background-color:#fff; padding:20px 10px 10px 10px; display:none;}
.kefu ul li .phonenum p{font-size:16px; color:#333;}

/*footer*/
.footer{width:100%; background-color:#332c2b; border-top:3px solid #ed0000;}
.footer .footertou{padding:50px 0px; overflow:hidden;}
.footer .footdl{width:10%; float:left; margin-right:1%;}
.footer .footdl dt{font-size:16px; color:#b0b0b0; padding-bottom:5px; word-wrap:break-word;}
.footer .footdl dd{display:block; padding-top:5px; padding-bottom:5px; padding-right:10px; word-wrap:break-word;}
.footer .footdl dd a{font-size:14px; color:#717171;}
.footer .footdl dd a:hover{color:#ed0000;}
.footer .footinfo{width:25%; float:left; margin-left:2%; padding-left:9%; border-left:1px solid #353535;}
.footer .footinfo dd{display:block; min-height:25px; margin-bottom:15px; position:relative; font-size:14px; color:#727272; word-wrap:break-word;}
.footer .footinfo dd span{color:#9e9e9e;}
.footer .footinfo dd img{width:25px; position:absolute; left:-32px; top:-2px;}
.footer .footewm{width:8.5%; float:right; text-align:center;}
.footer .footewm img{width:100%; display:block;}
.footer .footerbom{padding:17px 0px; border-top:1px solid #433b3a; overflow:hidden;}
.footer .footnav{float:left;width: 50%;}
.footer .footnav a{position:relative; font-size:14px; color:#717171; padding-right:10px; margin-right:10px;}
.footer .footnav a:after{content:""; display:block; width:1px; height:9px; background-color:#463d3c; position:absolute; right:0px; top:5px;}
.footer .footnav a:hover{color:#ed0000;}
.footer .footcopy{float:right; font-size:12px; color:#525252; line-height:16px;}
.footer .footcopy a{color:#525252;}
.footer .footcopy a:hover{color:#ed0000;}


/* Table of Contents
==================================================

    #Mobile - 320px	
    #Mobile - 380px	
	#Mobile - 480px	
	#Mobile - 640px	
*/

@media screen and (max-width:1367px){
	#dowebok .section{height:auto !important;}
	.indexheader .logo a{background-image:url(../images/logo1.png);}
	.header.header-hover{background-color:#fff;}
	.header.header-hover .logo a{background-image:url(../images/logo.png);}

	.banner .lbg,.banner .bantext{display:none;}
	.banner .bannerimg{width:100%;height:100%;}
	.banner .swiper-pagination{top:auto; left:0px; bottom:5px; width:100%; text-align:center; font-size:12px; color:#fff;}
	.banner .swiper-pagination .swiper-pagination-current{font-size:16px; vertical-align:inherit;}
	.section02{overflow:hidden; padding:0px;}
	.indexabout{margin:60px 0px;}
	.indexabout{position:static; float:left;}
	.indexboss img{width:100%; display:block;}
	.section01 .indextitle{padding-top:45px;}
	.indexprowarp .box{height:auto;}
	.indexprowarp .pic{padding-top:150px;}
	.indexprowarp .tmain{position:static; left:auto; bottom:auto; width:auto; padding:20px 20px 70px 20px;}
	
	.banner_top{display:none;}
	.map{display:none;}
	.mmap{display:block;}
	.indexprowarp .pic{-webkit-transform:translateY(0%); transform:translateY(0%); opacity:1; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
	div.active .indexprowarp .pic{-webkit-transform:translateY(0%); transform:translateY(0%); opacity:1;}
	.indexprowarp .tmain{-webkit-transform:translateY(0%); transform:translateY(0%); opacity:1; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
	div.active .indexprowarp .tmain{-webkit-transform:translateY(0%); transform:translateY(0%); opacity:1;}
	.indexabout{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
	div.active .indexabout{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1;}
	.indexboss{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
	div.active .indexboss{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1;}
	.indexcase .dt{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
	div.active .indexcase .dt{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1;}
	.indexcase .dd{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
	div.active .indexcase .dd{-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1;}
	.section04 .indexnews ul li{-webkit-transform:translateY(0%); transform:translateY(0%); opacity:1;}
	.section04 .indexnews ul li:nth-child(1){-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
	.section04 .indexnews ul li:nth-child(2){-webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
	.section04 .indexnews ul li:nth-child(3){-webkit-transition: all 0.9s ease; transition: all 0.9s ease;}
	div.active .section04 .indexnews ul li{-webkit-transform:translateY(0%); transform:translateY(0%); opacity:1;}
	
}

/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
	.layout{ width: 1180px; }
	.indexabout{width:40%;}
	.indexabout .abox{padding:75px 70px 75px 135px;}
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
	.contform iframe{ height:545px;}
	.layout { width: 750px; }
	.header{-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
	.logo,.nyheader .logo{position:relative; left:auto; top:auto; padding:0; margin:0; padding-top:16px;}
	.logo a,.nyheader .logo a{width:120px; height:46px; margin:0 auto;}
	.headbtn{width:36px; position:absolute; left:30px; top:0px; background:none;}
	.btn-m-list{left:0px; top:22px;}
	.btn-m-list span{background-color:#ed0000;}
	.headbtn .menutext{display:none;}
	.search-btn{position:absolute; right:0px; top:0px;}
	.eng{position:absolute; right:45px; top:0px;}
	.banner .lbg,.banner .bantext{display:none;}
	.banner .bannerimg{margin-left:100px;}
	.banner .swiper-pagination{left:20px; font-size:14px;}
	.banner .swiper-pagination .swiper-pagination-current{font-size:30px;}
	.banner .bannerimg{width:100%;height:100%;}
	.section02{padding:20px 0px;}
	.indexabout{position:static; left:auto; top:auto;}
	.indexabout .abox{padding:30px;}
	.indextitle h2{font-size:24px;}
	.indextitle p{font-size:16px;}
	.indexabout .pcont{font-size:12px;}
	.indexabout .inabvideo{margin-top:10px;}
	.indexabout .vpaly img{width:46%;}
	.footer .footdl{width:20%; margin-right:0%;}
	.footer .footinfo{width:70%; padding-left:0; margin-left:0; margin-top:20px; border:none;}
	.footer .footewm{margin-top:20px;}
	.footer .footnav a{margin-right:5px; padding-right:5px;}
	.nav{display:none;}
	.mobilenav{display:block;}
	.bandiv{height:517px;}

	.commonwrap{padding-bottom:100px;}
	.indexnews ul li .tmain{padding:20px 15px;}
	.historylist ul li .box{padding:30px;}
	.historylist ul li .tmain h2{margin:10% 5% 0px 5%;}
	.historylist ul li .tmain p{margin:0% 5% 0px 5%; font-size:14px;}
	.historylist ul li .pcont{font-size:14px;}
	.culturebox2 .zhici{padding-top:50px;}
	.culturebox2 .layout{min-height:975px;}
	.honortou .honleft{width:100%;}
	.honortou .honrow{width:50%; margin:10px 0px 0px 0px;}
	.honortou .hontext{min-height:188px;}
	.joinsearch ul li{width:27.8%;}
	.joinsearch ul li.btn{width:15.2%;}
	.proinfobar{min-height:inherit;}
	.proinfobar .maximg{margin-left:0px;}
	.proinfobar .infoarea{margin:0px 0px 0px 2%; width:45%;}
	.casesearch .tn,.caseear{margin-left:10px;}
	.casesearch .sele{width:180px;}
	.caselist ul li .title h2,.caselist ul li .title p{max-width:50%;}
	.casedetailsh1 .return{display:none;}
	.parkimgbar{padding-right:0;}
	.parkimgbar .s-imglist{display:none;}
	.parkimgbar .h-imglist{display:block;}
	.parkimgbar .minimg{position:static; right:auto; top:auto; width:100%;}
	.newsdetail .newsmore{display:block;}
	.newsdetail .return{display:none;}
	.linkslist ul li{width:32%; margin-right:1%;}
	.linkslist ul li:nth-child(5n),.linkslist ul li.mr0{margin-right:1%;}
	.techlist ul li .data{right:20px;}
	.downloadlist ul li{width:100%; margin-right:0;}
	
	.incasetabbar .indextitle{width:100%; text-align:center;}
	.incasetabbar .indextitle .line{margin:0 auto; margin-top:20px;}
    .protag{position:static; left:auto; top:auto; width:100%; overflow:hidden; margin-bottom:10px;}
	.protag ul li{width:33.333%; float:left; text-align:center;}
	.protag ul li a{position:static; left:auto; top:auto; overflow:hidden; min-width:auto;}
	.protag ul li:hover a, .protag ul li.on a{min-width:auto;}
	.protag1{position:static; left:auto; top:auto; width:100%; overflow:hidden; margin-bottom:10px;display:block;}
	.protag1 ul li{width:33.333%; float:left; text-align:center;}
	.protag1 ul li a{position:static; left:auto; top:auto; overflow:hidden; min-width:auto;}
	.protag1 ul li:hover a, .protag ul li.on a{min-width:auto;}
	.sitlist .dl{margin:20px 1.3% 0px 1.3%; width:14%;}
	.colright{display:none;}
	.aboutnum{padding:50px 0px;}
	.aboutnum ul li p{margin-left:40px;}
	.aboutnum ul li .nub{font-size:25px;}
	.aboutnum ul li .pd{font-size:15px;}

}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
	.layout { width: 95%; }	
	.header{-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
	.logo,.nyheader .logo{position:relative; left:auto; top:auto; padding:0; margin:0; padding-top:16px;}
	.logo a,.nyheader .logo a{width:120px; height:46px; margin:0 auto;}
	.headbtn{width:33px; position:absolute; left:10px; top:0px; background:none;}
	.btn-m-list{width:33px; left:0px; top:22px;}
	.btn-m-list span{background-color:#ed0000;}
	.headbtn .menutext{display:none;}
	.search-btn{position:absolute; right:10px; top:0px; margin:31px 0px 0px 0px;}
	.eng{position:absolute; right:15px; top:0px; margin-top:30px;}
	.banner .lbg,.banner .bantext{display:none;}
	.banner .bannerimg{width:100%;height:100%;}
	.banner .swiper-pagination{top:auto; left:0px; bottom:5px; width:100%; text-align:center; font-size:12px; color:#fff;}
	.banner .swiper-pagination .swiper-pagination-current{font-size:12px; vertical-align:inherit;}
	.banner .swiper-button-prev, .banner .swiper-button-next{display:none;}
	.colleft,.colright{width:100%;}
	.menuinnerwrap{padding-top:50px;}
	.nav{display:none;}
	.mobilenav{display:block;}
	.nav{margin:0px 10px;}
	.nav ul li{margin-right:0; margin-top:10px;}
	.nav ul li>a{font-size:14px;}
	.nav ul li .snav{width:100%; position:static; right:auto; top:auto;}
	.nav ul li .snav:before{display:none;}
	.hdnavcont,.hdnavcopy{width:auto; float:none; margin:0px 10px;}
	.hdnavcopy,.hdnavcopy .mtp30{margin-top:20px;}
	.followlist{margin-top:5px; padding-bottom:20px;}
	.footer .footertou{padding:20px 0px;}
	.footer .footdl{width:100%; margin-right:0; display:none;}
	.footer .footinfo{width:100%; padding-left:0; margin-left:0; margin-top:20px; border:none; float:none;}
	.footer .footinfo dd{margin-bottom:0;}
	.footer .footewm{width:115px; float:none; margin:0 auto; margin-top:20px;}
	.footer .footnav{display:none;}
	.footer .footnav a{margin-right:5px; padding-right:5px;}
	.indexkefu{right:10px;}
	.indexkefu ul li:hover>a.messbox{display:none;}
	.indexkefu ul li .wechatewm{right:40px;}

	.indexpro ul li{width:100%;}
	.indexpro ul li .tmain{padding-bottom:50px;}
	.indexabout{position:static; left:auto; top:auto; width:auto; float:none; margin:20px 10px;}
	.indexabout .abox{padding:20px;}
	.indextitle h2{font-size:24px;}
	.indextitle p{font-size:16px;}
	.indexabout .pcont{font-size:12px;}
	.indexabout .inabvideo{margin-top:10px;}
	.indexabout .vpaly{right:-29%;}
	.indexabout .vpaly img{width:46%;}
	.indexboss{width:auto; position:static; right:auto; bottom:auto;}
	.section03{padding:30px 0px 50px 0px;}
	.incasetabbar .incasetab ul li{width:48%; float:left; margin:10px 1% 0px 1%;}
	.incasetabbar .incasetab ul li a{font-size:14px;}
	.indexcase{margin-top:20px;}
	.indexcase .dt{width:100%;}
	.indexcase .dt .title{padding:15px 0px;}
	.indexcase .dt .title h2{font-size:14px; margin:0px 10px;}
	.indexcase .dt .title p{font-size:10px; margin:0px 10px;}
	.indexcase .dt-prev{top:35%; bottom:auto; right:auto; left:20px;}
	.indexcase .dt-next{top:35%; bottom:auto; right:20px;}
	.indexcase .dd{width:48%; margin:5px 1% 0px 1%;}
	.indexcase .dd .tmain{display:none;}
	.section04{padding:30px 0px 50px 0px;}
	.indexnews{margin-top:0;}
	.indexnews ul li{width:100%; margin-right:0;}
	.indexnews ul li .tmain{padding:20px;}

	.navigation .menu{display:none;}
	.commonwrap{padding:40px 0px 50px 0px;}
	.historylist{margin-top:0;}
	.historylist ul{width:100%;}
	.historylist .line{left:10px;}
	.historylist ul li,.historylist ul li.on{margin:0px 0px 20px 0px;}
	.historylist ul li .box{margin-right:0px; margin-left:40px; text-align:left; padding:20px 10px;}
	.historylist ul li .raw{left:-39px; right:auto;}
	.historylist ul li .jiao{left:-14px; right:auto; background:url(../images/jiaor.png) no-repeat;}
	.historylist ul li:hover .jiao,.historylist ul li.on:hover .jiao{background:url(../images/jiaor.png) no-repeat;}
	.historylist ul li.on .raw{left:-39px;}
	.historylist ul li .h2{font-size:16px;}
	.historylist ul li .pcont{font-size:12px;}
	.historylist ul li .pic{margin-top:10px;}
	.historylist ul li:hover .tmain{display:none;}
	.loadbtnmore{padding-top:30px;}
	.culturebox2 .layout{min-height:inherit;}
	.culturebox2 .zhici{width:100%; padding-top:30px;}
	.culturebox2 .zhici h2{font-size:24px;}
	.culturebox2 .boss{position:static; right:auto; bottom:auto; margin-top:20px;}
	.honortou .honleft{width:100%;}
	.honortou .honrow{width:100%; margin:10px 0px 0px 0px;}
	.honortou .hontext{min-height:inherit; padding:25px;}
	.joinsearch ul li,.joinsearch ul li.btn{width:100%; margin-top:5px;}
	.joinlist ul li .title{padding:0px 20px;}
	.joinlist ul li .more{right:20px;}
	.joinlist ul li .box{padding:20px 10px;}
	.joinlist ul li .numtext{padding-bottom:20px;}
	.joinlist ul li .jdetails{padding:20px 0px;}
	.joinlist ul li .bombtn span{display:block; margin-top:10px;}
	.allwrap{padding-bottom:10px;}
	.allwrap ul li{width:100%; margin-right:0; height:auto; padding:40px 0px; margin-top:10px;}
	.allwrap ul li .alogo{margin-top:0;}
	.fenlei .dl dt{width:auto; float:none; text-align:left; padding:10px;}
	.fenlei .dl dd{width:auto; float:none; text-align:left; padding:10px;}
	.prolist ul li{width:49%; margin-right:2%; margin-top:20px; padding-bottom:20px;}
    .prolist ul li:nth-child(3n), .prolist ul li.mr0{margin-right:2%;}
    .prolist ul li:nth-child(2n){margin-right:0;}
    .prolist ul li .tit{font-size:14px;}
    .protag{position:static; left:auto; top:auto; width:100%; overflow:hidden; margin-bottom:10px;}
	.protag ul li{width:33.333%; float:left; text-align:center;}
	.protag ul li a{position:static; left:auto; top:auto; overflow:hidden; min-width:auto;}
	.protag ul li:hover a, .protag ul li.on a{min-width:auto;}
	.protag1{position:static; left:auto; top:auto; width:100%; overflow:hidden; margin-bottom:10px;display:block;}
	.protag1 ul li{width:33.333%; float:left; text-align:center;}
	.protag1 ul li a{position:static; left:auto; top:auto; overflow:hidden; min-width:auto;}
	.protag1 ul li:hover a, .protag ul li.on a{min-width:auto;}
	.proinfobar{min-height:inherit; padding:30px 0px;}
	.proinfobar .proimg{width:100%;}
	.proinfobar .maximg{margin-left:0px;}
	.proinfobar .infoarea{margin:20px 0px 0px 0; width:100%;}
	.prodetailsbom{padding:30px 0px;}
	.prodetailsbom .return{display:none;}
	.prodetailsbom .protext table{width:100% !important;font-size:13px;}
	.casesearch .tn{width:100%; margin:0px; float:none;}
	.casesearch .sele{width:100%; margin:0px 0px 5px 0px; float:none;}

	.caseear{width:auto; margin-left:0; margin-top:10px; float:none;}
	.caselist ul li{width:100%; margin-right:0; margin-top:20px;}
	.caselist ul li .more{width:70px; font-size:10px; right:10px; bottom:10px;}
	.casedetailsh1 .return{display:none;}
	.parkimgbar{padding-right:0;}
	.parkimgbar .s-imglist{display:none;}
	.parkimgbar .h-imglist{display:block;}
	.parkimgbar .minimg{position:static; right:auto; top:auto; width:100%;}
	.casedetailsh1{padding-right:0px;}
	.casedetailsh1 .h1{font-size:20px;}
	.casedetailsh1 .cshare{position:static; right:auto; top:auto; overflow:hidden; margin-top:3px;}
	.xcasetit,.casebomwrap{margin-top:30px;}
	.casebomwrap{padding:30px 10px;}
	.newsdetail h1{font-size:20px; font-weight:bold; margin-top:12px;}
	.newsdetail .newsmore{display:block;}
	.newsdetail .return{display:none;}
	.contwrap{padding-bottom:50px;}
	.continfo,.contform{width:100%;}
	.product_contform h1{ padding-top:25px;}
	.product_contform iframe{ height:545px;}
	.continfo ul li{margin-bottom:20px;}
	.contform ul li.item1,.contform ul li.item2,.contform ul li.item3{width:100%; margin-right:0;}
	.linkslist ul li{width:49%; margin:0px 2% 20px 0px;}
	.linkslist ul li:nth-child(5n),.linkslist ul li.mr0{margin:0px 2% 20px 0px;}
	.linkslist ul li:nth-child(2n){margin-right:0;}
	.sertab ul li{width:49%; margin:5px 0.5% 0px 0.5%;}
	.techlist ul li a{padding:15px;}
	.techlist ul li .pic{width:100%; float:none;}
	.techlist ul li .tmain{width:auto; margin-top:20px; float:none; margin-left:0px;}
	.techlist ul li .data{position:static; right:auto; top:auto; margin-top:10px; float:left;}
	.techlist ul li .tmain h3{height:auto;}
	.techlist ul li .tmain .more{float:right; margin-top:40px;}
	.downloadlist ul li{width:100%; height:auto; margin-right:0;}
	.downloadlist ul li .tmain,.downloadlist ul li .downbtn{width:100%;}
	.downloadlist ul li .pic{display:block; width:150px; margin:0 auto; float:none;}
	.downloadlist ul li a.vise,.downloadlist ul li a.dowbut{margin:5px 10px; border:1px solid #eee; height:auto; padding:15px 10px;}
	.downbox{width:98%; margin:0px; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
	.downbox .img{height:210px;}
	.videolist ul li{width:49%; margin-right:2%; margin-top:2%;}
	.videolist ul li:nth-child(4n){margin-right:2%;}
	.videolist ul li:nth-child(2n){margin-right:0;}

	.incasetabbar .indextitle{width:100%; text-align:center;}
	.incasetabbar .indextitle .line{margin:0 auto; margin-top:20px;}
	.kefu{display:none;}
	.mtitle{margin-bottom:10px;}
	.sitlist .dl{width:100%; margin-left:0; margin-right:0; margin-top:30px;}
	.colright{display:none;}
	.aboutnum{padding:50px 0px;}
	.aboutnum ul li p{margin-left:5px; margin-right:5px;}
	.aboutnum ul li .nub{font-size:20px;}
	.aboutnum ul li .pd{font-size:12px;}
	.footer .footcopy{float:none; text-align:center;}
	
	.map{display:none;}
	.mmap{display:block;}
}

@media screen and (max-width:1024px){
	.bandiv{height:517px;}
}

@media screen and (max-width:640px){
	.bandiv{height:270px;}
}

@media screen and (max-width:320px){
	.bandiv{height:161px;}
}

/**分页**/
.page{ text-align:center; clear:both; font-size:16px;}
.page *{ border:1px solid #d9d9d9; background:#FFF; display:inline-block; padding:6px 10px;}
.page b{ border:1px solid #F60; background:#F60; color:#fff;}
.page a b{ border:none; background:none; padding:0; color:#333;}
.page a:hover{ border:1px solid #CCC; background:#F9F9F9; text-decoration:none; }