.layout{max-width:1320px; 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;}
body{background:url(../images/bodybg.jpg);}

/*header*/
#warpper{width:100%; position:relative; overflow-x:hidden;}
.header{width:100%; height:100px; background:url(../images/headerbg.png) left top repeat-x; position:fixed; _position:absolute; left:0; top:0; z-index:1000; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.header .logo{float:left; padding-top:25px;}
.header .logo a{display:block; width:542px; height:49px; font-size:0; background-position:center center; background-size:contain; background-repeat:no-repeat;}
.header .logo a.z{background-image:url(../images/logo.png);}
.header .logo a.m{background-image:url(../images/footlogo.png); display:none;}
.eng{float:right; padding-top:34px;}
.chinese{float:right; padding-top:34px;}
.eng a{height:30px; line-height:30px; display:block; text-align:center; font-size:12px; color:#666;background: url(../images/eng.png) left center no-repeat;padding-left: 23px;margin-left: 5px;}
.chinese a{height:30px; line-height:30px; display:block; text-align:center; font-size:12px; color:#666;background: url(../images/chinese.png) left center no-repeat;padding-left: 23px;margin-left: 5px;}
.nav{float:right; padding-top:40px;}
.nav ul li{float:left; position:relative; text-align:center; margin-right:35px; height:60px;}
.nav ul li>a{font-size:16px; color:#333; display:block;}
.nav ul li:hover>a,.nav ul li.on>a{color:#f00;}
.nav ul li .nav-body{width:160px; position:absolute; left:50%; top:60px; z-index:20; margin-left:-80px; background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07); display:none; text-align:center;}
.nav ul li .nav-body a{color:#666; font-size:14px; display:block; padding:10px 5px; border-bottom:1px solid #ebebeb; background-color:#fff; word-wrap:break-word;}
.nav ul li .nav-body a:hover{color:#6e141d; background-color:#f6f6f6;}
.btn-m-list{width:55px; height:55px; background-color:#6e141d; cursor:pointer; position:absolute; right:0; top:0; z-index:1020; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); display:none;}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width:21px; height:3px; background-color:#fff; display:block; position:absolute; z-index:5; top:16px; left:50%; margin:0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top:25px;}
.btn-m-list .burger-3{top:33px;}
.btn-m-list.on .burger-1{top:25px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg);}
.btn-m-list.on .burger-2{top:25px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top:25px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000); display:none; z-index:2000;}
.mob-nav{width:60%; height:100%; position:fixed; _position:absolute; top:0; left:-60%; overflow-y:auto; overflow-x:hidden; background-color:#fff; z-index:3000; visibility:hidden; opacity:0; -webkit-transition: all .4s ease; transition: all .4s ease;}
.mob-nav.on{left:0px; visibility:visible; opacity:1;}
.mob-nav .neirong-close{width:24px; height:24px; background:url(../images/nav_close.png) no-repeat 7px center; position:absolute; top:10px; right:10px; font-size:0; visibility: hidden;}
.mobilelogo{padding:10px; background-color:#6e141d;}
.mobilelogo img{width:20%;}
.mob-nav.on .neirong-close{visibility:visible;}
.mob-nav .subtab{margin-top:50px;}
.mob-nav .subtab>li{border-bottom:1px solid #6e141d; position:relative; transform: translateX(10rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1){transition-delay:150ms;}
.mob-nav .subtab>li:nth-child(2){transition-delay:250ms;}
.mob-nav .subtab>li:nth-child(3){transition-delay:350ms;}
.mob-nav .subtab>li:nth-child(4){transition-delay:450ms;}
.mob-nav .subtab>li:nth-child(5){transition-delay:550ms;}
.mob-nav .subtab>li:nth-child(6){transition-delay:650ms;}
.mob-nav .subtab>li:nth-child(7){transition-delay:750ms;}
.mob-nav .subtab>li:nth-child(8){transition-delay:850ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display:block; padding:10px; font-size:14px; color:#666; background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li.on .tlink{color:#000;}
.mob-nav .subtab li .subbtn{/*background-image:url(../images/moli.png);*/}
.mob-nav .subtab li.on .subbtn{/*background-image:url(../images/moli_h.png);*/ background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.mob-nav .subtab li .submenu a{display:block; padding:10px; font-size:14px; color:#fff; background-color:#6e141d; border-bottom:1px solid #333;}

/*banner*/
.banner{width:100%; overflow:hidden; clear:both; max-height:100%; position:relative; z-index:1;}
.banner .bx-wrapper .bx-controls-direction a{visibility:hidden; opacity:0;}
.banner:hover .bx-wrapper .bx-controls-direction a{visibility:visible; opacity:1;}
.banner:hover .bx-wrapper .bx-prev{left:80px;}
.banner:hover .bx-wrapper .bx-next{right:80px;}
.bx-wrapper{position:relative; margin:auto; padding:0; *zoom: 1;}
.bx-wrapper ul li{width:100%;}
.bx-wrapper ul li .bannerheight{background:url(../images/loading.gif) center center no-repeat; display:block;}
.bx-wrapper ul li img{display:block; max-width:100%; margin:0 auto; vertical-align:middle;}
.bx-wrapper .bx-pager{position:absolute; left:0px; bottom:10px; z-index:10; width:100%; text-align:center;}
.bx-wrapper .bx-pager-item{margin:0px 5px; display:inline-block; *display:inline; zoom:1; }
.bx-wrapper .bx-pager-item a{display:block; width:5px; height:5px; border:1px solid #6e141d; border-radius:50%; font-size:0; text-indent:-9999px;}
.bx-wrapper .bx-pager-item a.active{background-color:#6e141d;}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-28.5px; z-index:10;}
.bx-wrapper .bx-prev{left:0px;}
.bx-wrapper .bx-next{right:0px;}
.bx-wrapper .bannext,.bx-wrapper .banprev{display:block; width:50px; height:50px; background:url(../images/arrowbtn1.png) no-repeat;}
.bx-wrapper .bannext{background-position:-50px 0px;}
.bx-wrapper .banprev{background-position:0px 0px;}
.bx-wrapper .bx-controls-direction a .bannext::after{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #6e141d;
	background-image:url(../images/arrowbtn3.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.bx-wrapper .bx-controls-direction a .bannext:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.bx-wrapper .bx-controls-direction a .banprev::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #6e141d;
	background-image:url(../images/arrowbtn2.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.bx-wrapper .bx-controls-direction a .banprev:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/*index*/
.contain{width:100%; padding-top:100px;}
.section01{width:100%; background-color:#fff;}
.indexabout{width:100%; background-color:#6e131d; position:relative; z-index:10; margin-top:-75px;}
.indexabout ul li{width:33.333%; float:left; overflow:hidden;}
.indexabout ul li .td{margin:10px; position:relative; min-height:220px; padding-left:120px;}
.indexabout ul li .pic{width:120px; height:100%; position:absolute; left:0; top:0; text-align:center; background-color:#6a131d;}
.indexabout ul li .pic img{margin-top:40px;}
.indexabout ul li .tmain{padding:40px 15px 10px 30px; word-wrap:break-word;}
.indexabout ul li .tmain h2{font-size:18px; color:#fff;}
.indexabout ul li .tmain .line{display:block; width:40px; height:1px; background-color:#944850; margin-top:5px;}
.indexabout ul li .tmain p{font-size:14px; color:#bf7980; margin-top:5px;}
.section02{width:100%; background-color:#fff; padding-bottom:45px;}
.indextitle{width:100%; text-align:center; font-size:28px; color:#333; padding-top:50px;}
.indextab{width:100%; text-align:center; padding-top:10px;}
.indextab ul li{display:inline-block; _display:inline;zoom:1; margin:0px 5px;}
.indextab ul li a{display:block; font-size:14px; color:#999; height:36px; line-height:36px; border:1px solid #ececec; padding:0px 10px; min-width:96px;}
.indextab ul li.on a{background-color:#6e141d; border-color:#6e141d; color:#fff;}
.indexcasewarp{width:100%; /*height:431px;*/ padding-top:22.5%; position:relative; margin-top:25px;}
.indexcasewarp .incasecont{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; overflow:hidden; visibility:hidden; opacity:0;}
.indexcasewarp .incasecont.on{visibility:visible; opacity:1; z-index:2;}
.indexcasewarp .incsmask{width:20%; height:100%; position:absolute; top:0; z-index:20; background-color:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);}
.indexcasewarp .lf{left:0;}
.indexcasewarp .lr{right:0;}
.indexcasewarp .bd{width:100%; height:431px;}
.indexcasewarp .swiper-slide .pic{border-left:1px solid #fff; border-right:1px solid #fff; overflow:hidden;}
.indexcasewarp .swiper-slide .pic img{max-width:100%; display:block; margin:0 auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.indexcasewarp .swiper-slide:hover .pic img{-webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);}
.indexcasewarp .swiper-slide .tmain{width:100%; height:100%; text-align:center; position:absolute; left:0; top:100%; background-color:rgba(110,20,29,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#906e141d, endColorstr=#906e141d); word-wrap:break-word; visibility:hidden; opacity:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.indexcasewarp .swiper-slide .tmain h2{font-size:18px; color:#fffefe; margin:15% 10px 0px 10px;}
.indexcasewarp .swiper-slide .tmain .line{display:block; width:40px; height:3px; background-color:#fff; margin:10px auto 0 auto;}
.indexcasewarp .swiper-slide .tmain p{font-size:12px; color:#e7c3ca; max-width:290px; max-height:92px; overflow:hidden; margin:0 auto; padding:30px 10px 0px 10px; line-height:22px;}
.indexcasewarp .swiper-slide .tmain .more{display:block; margin-top:60px;}
.indexcasewarp .swiper-slide:hover .tmain{top:0; visibility:visible; opacity:1;}
.indexcasewarp .incsprev,.indexcasewarp .incsnext{width:38px; height:38px; border:1px solid #fff; position:absolute; top:50%; margin-top:-19px; z-index:30; display:block; border-radius:50%; font-size:0; cursor:pointer; background-color:rgba(255,255,255,0.1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10ffffff, endColorstr=#10ffffff); background-size:38px 38px; background-repeat:no-repeat;}
.indexcasewarp .incsprev{right:50px; left:auto; background-image:url(../images/arrowbtn2.png);}
.indexcasewarp .incsnext{left:50px; right:auto; background-image:url(../images/arrowbtn3.png);}
.indexmore{width:100%; text-align:center; padding-top:40px;}
.indexmore a{display:block; width:150px; height:38px; border:1px solid #ebebeb; box-shadow:#eee 0px 0px 15px; margin:0 auto; background-color:#383838; background-image:url(../images/nwnexth.png); background-position:93% center; background-repeat:no-repeat;}
.indexmore a i{display:block; font-size:14px; color:#b7b5b5; margin-right:35px;background-color:#fff;line-height:38px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.indexmore a:hover{border-color:#6e141d;}
.indexmore a:hover i{margin-right:0;}
.section03{width:100%; min-height:990px; padding-bottom:45px; background-image:url(../images/section03.jpg); background-size:100% 100%; background-repeat:no-repeat;}
.indexprotab{width:100%; text-align:center; padding-top:10px;}
.indexprotab ul li{display:inline-block; _display:inline;zoom:1; margin:0px 5px;}
.indexprotab ul li a{display:block; font-size:14px; color:#999; height:36px; line-height:36px; background-color:#fff; border:1px solid #ececec; padding:0px 10px; min-width:96px;}
.indexprotab ul li.on a{background-color:#6e141d; border-color:#6e141d; color:#fff;}
.indexprowarp{width:100%; overflow:hidden;}
.indexprowarp ul{display:none;}
.indexprowarp ul li{width:31.85%; float:left; background-color:#fff; text-align:center; margin-right:2.2%; margin-right:1.4%\0; margin-top:30px;}
.indexprowarp ul li:nth-child(3n),.indexprowarp ul li.mr0{margin-right:0;}
.indexprowarp ul li .pic{width:100%; padding-top:64.4%; position:relative; overflow:hidden;}
.indexprowarp ul li .pic img{max-width:100%; max-height:100%; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.indexprowarp ul li:hover .pic img{-webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);}
.indexprowarp ul li .title{padding:20px; font-size:16px; color:#333; height:50px;}
.indexprowarp ul li .title p{font-size:14px; color:#999; margin-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indexprowarp ul li .more{width:100%; height:46px; line-height:46px; position:absolute; left:0px; bottom:-46px; visibility:hidden; opacity:0; font-size:14px; color:#fff; background-color:rgba(110,20,29,0.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#886e141d, endColorstr=#886e141d); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.indexprowarp ul li:hover .more{bottom:0px; visibility:visible; opacity:1;}
.section04{width:100%; background-color:#fff; padding:60px 0px;}
.indexnwbox{width:43.7%; box-sizing:border-box; border:1px solid #efefef; padding:30px; min-height:440px;}
.inboxtitle h2{float:left; font-size:24px; color:#333;}
.inboxtitle h2 span{font-size:14px; color:#c0c0c0; margin-left:3px;}
.inboxtitle a{float:right; font-size:12px; color:#666; margin-top:12px;}
.inboxtitle a:hover{color:#6e141d;}
.indexaboutext{margin-top:20px;}
.indexaboutext .pic{width:100%; position:relative; overflow:hidden;}
.indexaboutext .pic img{max-width:100%; max-height:242px; display:block; margin:0 auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.indexaboutext .pic:hover img{-webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);}
.indexaboutext .tmain{margin-top:20px; word-wrap:break-word;}
.indexaboutext .tmain p{font-size:14px; color:#999; line-height:24px; text-align:justify; word-wrap:break-word;}
.section04 .fright{width:52.4%;}
.indexnews ul li{background-color:#fafafa; margin-top:15px;}
.indexnews ul li a{display:block; padding:15px; overflow:hidden;}
.indexnews ul li .data{width:55px; padding:0px 10px 0px 15px; border-right:1px solid #eee; text-align:left; height:55px; float:left;}
.indexnews ul li .data .num{font-size:18px; color:#666;}
.indexnews ul li .data .year{font-size:14px; color:#bababa;}
.indexnews ul li .tm{width:83.5%; float:right; word-wrap:break-word;}
.indexnews ul li .tm h2{font-size:16px; color:#333;}
.indexnews ul li .tm h3{font-size:14px; color:#999; margin-top:5px;}
.indexnews ul li:hover{background-color:#6e141d;}
.indexnews ul li:hover .data{border-color:#802b33;}
.indexnews ul li:hover .data .num,.indexnews ul li:hover .tm h2{color:#fff;}
.indexnews ul li:hover .data .year,.indexnews ul li:hover .tm h3{color:#bba4a4;}

/*about*/
.nybanner{width:100%; overflow:hidden;}
.nybanner img{max-width:100%; display:block; margin:0 auto;}
.navigation{background-color:#fff; border-bottom:1px solid #ddd; padding:20px 0px; 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);}
.navigation .menu{float:left;}
.navigation .menu li{float:left; margin-right:5px;}
.navigation .menu li a{font-size:14px; color:#666; background-color:#ececec; display:block; height:40px; line-height:40px; padding:0px 10px; min-width:100px; text-align:center;}
.navigation .menu li:hover a,.navigation .menu li.on a{background-color:#6e141d; color:#fff;}
.navigation .addlink{float:right; font-size:14px; color:#666; padding-top:10px; display:none;}
.navigation .addlink a{color:#666;}
.navigation .addlink a:hover,.navigation .addlink a.on{color:#6e141d;}
.navigation .addlink .home:before{display:inline-block; content:""; vertical-align:-1px; margin-right:2px; width:15px; height:13px; background-image:url(../images/home.png); background-position:left top; background-repeat:no-repeat;}
.navigation .addlink em{margin:0 3px; font-family:Simsun;}
.commonwarp{width:100%; padding-top:50px; padding-bottom:110px; background-image:url(../images/bodybg.jpg); background-position:left top; background-repeat:repeat-y;}
.aboutus01 .pic{width:43.1%; float:right;}
.aboutus01 .pic img{max-width:100%; display:block; margin:0 auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.aboutus01 .abtext{width:54.6%; float:left; word-wrap:break-word;}
.aboutus01 .abtext h2{font-size:36px; color:#6e141d;}
.aboutus01 .abtext h3{font-size:36px; color:#333;}
.aboutus01 .abtext p{font-size:14px; color:#666; line-height:25px; margin-top:20px; text-align:justify; word-wrap:break-word;}
.aboutus02{width:100%; height:187px; background:url(../images/aboutnum.jpg) no-repeat; margin-top:50px;}
.aboutus02 ul li{width:33.333%; float:left; font-size:14px; color:#4b3335; text-align:center; padding-top:35px;}
.aboutus02 ul li span{font-size:60px;}
.aboutus03{margin-top:60px; word-wrap:break-word;}
.aboutus04{width:100%; overflow:hidden; margin-top:40px;}
.aboutus04 ul li{width:32.6%; float:left; overflow:hidden; margin-right:1.1%; margin-right:0.5%\0; margin-top:20px;}
.aboutus04 ul li:nth-child(3n),.aboutus04 ul li.mr0{margin-right:0;}
.aboutus04 ul li img{max-width:100%; display:block; margin:0 auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.aboutus04 ul li:hover img{-webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);}
.about_text img{max-width:100%;display:block;}
.factab ul li{float:left; margin-right:10px; text-align:center;}
.factab ul li a{display:block; font-size:14px; color:#999; height:38px; line-height:38px; border:1px solid #e5e5e5; padding:0px 10px; min-width:96px;}
.factab ul li:hover a,.factab ul li.on a{border-color:#6e141d; color:#6e141d;}
.parkimgbar{background-color:#fff; padding-right:233px; position:relative; margin-top:40px;}
.parkimgbar .maximg{width:100%; height:788px; 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 .verimglist{width:233px; padding:53px 0px; position:absolute; right:0px; top:0px;}
.parkimgbar .verimglist .swiper-container{width:185px; height:685px; margin:0 auto; overflow:hidden;}
.parkimgbar .verimglist .swiper-slide{/*background-color:#eee;*/ text-align:center;}
.parkimgbar .verimglist .swiper-slide a{width:185px; height:129px; overflow:hidden; display:block; -webkit-transition: all 0s ease; transition: all 0s ease;}
.parkimgbar .verimglist .swiper-slide img{width:100%; height:100%; display:block;}
.parkimgbar .verimglist .swiper-slide.on a{border:2px solid #6e141d; width:181px; height:125px;}
.parkimgbar .verimglist .sprev,.parkimgbar .verimglist .snext{display:block; width:31px; height:31px; left:50%; right:auto; margin-left:-15.5px; overflow:hidden; font-size:0; cursor:pointer;}
.parkimgbar .verimglist .sprev{background:url(../images/arrowbtn5.png) no-repeat; top:auto; bottom:17px;}
.parkimgbar .verimglist .snext{background:url(../images/arrowbtn4.png) no-repeat; top:10px; margin-top:0px;}
.parkimgbar .traimglist{display:none; padding:20px 0px;}
.parkimgbar .traimglist{width:95%; position:relative; margin:0 auto;}
.parkimgbar .traimglist .swiper-container{width:100%; height:auto;}
.parkimgbar .traimglist .swiper-slide a{display:block; border:2px solid #fff;}
.parkimgbar .traimglist .swiper-slide img{width:100%; display:block;}
.parkimgbar .traimglist .swiper-slide.on a{border:2px solid #6e141d;}
.parkimgbar .traimglist .sprev,.parkimgbar .traimglist .snext{top:50%; margin-top:-15.5px; bottom:auto; display:none;}
.parkimgbar .traimglist .sprev{right:0px; left:auto; margin-left:0;}
.parkimgbar .traimglist .snext{left:0px; margin-left:0;}
.parktext h2{font-size:20px; color:#090909; padding:10px 0; border-bottom:1px solid #ddd; margin:20px 0px;}
.parktext h2 img{vertical-align:middle; margin-right:10px; max-width:20px;}
.parktext p{font-size:14px; color:#999; text-align:justify; line-height:27px; word-wrap:break-word;}
.historical{max-width:1200px; margin:0 auto; position:relative; margin-top:55px;}
.historical .line{display:block; width:1px; height:100%; background-color:#d7d7d7; position:absolute; left:50%; top:0px; z-index:1;}
.historical .ul{position:relative; z-index:10; padding-bottom:20px; overflow:hidden;}
.historical .ul li{width:50%; float:left; margin-bottom:20px;}
.historical .ul li .hitext{background-color:#f8f8f8; padding:15px; border:1px solid #d7d7d7; position:relative; min-height:110px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-right:150px;}
.historical .ul li .hitext:hover{box-shadow:#ccc 0px 0px 10px;}
.historical .ul li .hitext h2{font-size:14px; font-weight:bold; color:#333; word-wrap:break-word;}
.historical .ul li .hitext p{font-size:14px; color:#666; margin-top:10px; word-wrap:break-word; overflow:hidden;}
.historical .ul li .hitext p img{width:170px; float:left; border:1px solid #d7d7d7; margin-right:10px;}
.historical .ul li .hitext .mon{position:absolute; right:-161px; top:10px; font-size:24px; color:#6e141d; line-height:23px;}
.historical .ul li .hitext .mon i{display:block; width:10px; height:10px; position:relative; border-radius:50%; float:right; background-color:#6e141d; margin:5px 5px 0px 20px;}
.historical .ul li .hitext .mon i:before{content:""; display:block; width:20px; height:1px; background-color:#6e141d; position:absolute; right:5px; top:5px;}
.historical .ul li.on{width:50.1%; float:right;}
.historical .ul li.on .hitext{margin-right:0; margin-left:152px;}
.historical .ul li.on .hitext .mon{right:auto; left:-161px;}
.historical .ul li.on .hitext .mon i{float:left; margin:5px 20px 0px 5px;}
.historical .ul li.on .hitext .mon i:before{right:auto; left:5px;}
.loadmorebtn{text-align:center; position:relative; z-index:10; padding-top:50px;}
.loadmorebtn a{display:block; width:150px; height:43px; line-height:43px; border-radius:10px; background-color:#2e2e2e; color:#fff; font-size:18px; margin:0 auto; transition: all 0.3s ease 0s;}
.loadmorebtn a i{background:url(../images/loadmore.png) right center no-repeat; padding-right:30px; line-height:43px; display:inline-block;}
.loadmorebtn a:hover{background-color:#6e141d;}
.downloadlist{width:100%; overflow:hidden;}
.downloadlist ul li{width:23.5%; float:left; position:relative; overflow:hidden; text-align:center; margin-right:2%; margin-right:1.5%\0; margin-top:20px;}
.downloadlist ul li:nth-child(4n),.downloadlist ul li.mr0{margin-right:0;}
.downloadlist ul li .pic{background-color:#fff; border:1px solid #dcdcdc; padding-top:75%; position:relative; overflow:hidden;}
.downloadlist ul li .pic img{max-width:100%; max-height:100%; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.downloadlist ul li:hover .pic img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.downloadlist ul li .tit{width:100%; position:absolute; left:0; bottom:0; z-index:10; line-height:50px; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);}
.downloadlist ul li:hover .tit{background-color:rgba(110,20,29,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#906e141d, endColorstr=#906e141d);}
.downloadmask{position:fixed; _position:absolute;top:0; left:0; width:100%;height:100%;background-color:rgba(0,0,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);z-index:1500;display:none;}
.downloadbox{width:700px;/* height:394px;*/background-color:#fff;position:fixed; _position:absolute;left:50%;top:50%; z-index:2000; margin-left:-350px; margin-top:-197px; display:none;}
.downloadbox .downloadimg{width:100%; height:100%; display:table; text-align:center;}
.downloadbox .downloadimg span{display:table-cell; vertical-align:middle;}
.downloadbox .downloadimg img{max-width:100%; max-height:400px; display:block; margin:0 auto;}
.downloadbox .downclose{display:block; width:38px; height:38px; position:absolute;right:0;top:-45px;font-size:0; cursor:pointer; background:url(../images/downclose.png) no-repeat; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.downloadbox .downclose:hover{-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.downloadbox .downupbtn{display:block; width:38px; height:38px; position:absolute; left:50px; top:-45px; font-size:0; cursor:pointer; background:url(../images/downloadbtn.png) no-repeat;}
.downloadbox .bdsharebuttonbox{width:38px; height:38px; position:absolute; left:0; top:-45px;}
.downloadbox .bdsharebuttonbox a{width:38px; height:38px; margin:0px; padding:0px; background:url(../images/share.png) no-repeat;}

/*case*/
.caselist{width:100%; overflow:hidden;}
.caselist ul li{width:24%; background-color:#fff; float:left; position:relative; overflow:hidden; text-align:center; margin-right:1.3%; margin-right:1%\0; margin-top:20px;}
.caselist ul li:nth-child(4n),.caselist ul li.mr0{margin-right:0;}
.caselist ul li .pic{width:100%; padding-top:100%; position:relative; overflow:hidden;}
.caselist ul li .pic img{max-width:100%; max-height:100%; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.caselist ul li:hover .pic img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.caselist ul li .tit{width:100%; position:absolute; left:0; bottom:0; z-index:10;    padding: 13px 0px; font-size:16px; color:#333; background-color:rgba(255,255,255,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff, endColorstr=#90ffffff);}
.caselist ul li:hover .tit{visibility:hidden; opacity:0;}
.caselist ul li .tmain{width:100%; height:100%; text-align:center; position:absolute; left:0; top:10%; background-color:rgba(110,20,29,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#906e141d, endColorstr=#906e141d); word-wrap:break-word; visibility:hidden; opacity:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.caselist ul li .tmain h2{font-size:18px; color:#fffefe; margin:50px 10px 0px 10px;}
.caselist ul li .tmain .line{display:block; width:40px; height:3px; background-color:#fff; margin:10px auto 0 auto;}
.caselist ul li .tmain p{font-size:12px; color:#e7c3ca; max-width:290px; max-height:92px; overflow:hidden; margin:0 auto; padding:30px 10px 0px 10px; line-height:22px;}
.caselist ul li .tmain .more{display:block; margin-top:30px;}
.caselist ul li .tmain .brief{display:none;}
.caselist ul li:hover .tmain{top:0; visibility:visible; opacity:1;}
#zoom .title{width:98%; min-height:60px; padding:1%; font-size:16px; color:#333; position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff, endColorstr=#90ffffff);}
.caseshare{width:38px; height:38px; position:fixed; _position:absolute; right:57px; top:7px; z-index:99999; display:none;}
.caseshare .bdsharebuttonbox{width:38px; height:38px;}
.caseshare .bdsharebuttonbox a{width:38px; height:38px; margin:0px; padding:0px; display:block; background:url(../images/share.png) no-repeat;}

/*zoom.mi.css*/
#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading{background-image: url(../images/loading.gif);}
#zoom img{display:block; max-width:none; background:#ececec; box-shadow: 0 1px 3px rgba(0,0,0,0.25); border-radius:4px;}
#zoom .close{
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url(../images/close.png) no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,#zoom .next{z-index:99992; position:absolute; top:50%; overflow:hidden; display: block; width: 49px; height: 49px; margin-top: -25px;}
#zoom .previous{left:0; background: url(../images/arrows.png) no-repeat 0 0; border-radius: 0 4px 4px 0;}
#zoom .next{right:0; background: url(../images/arrows.png) no-repeat 100% 0; border-radius: 4px 0 0 4px;}
#zoom .close:hover{background-color:#da4f49;}
#zoom .previous:hover,#zoom .next:hover{background-color:#0088cc;}
/*zoom.mi.css*/

/*product*/
.prolist ul li{background-color:#fff; margin-top:20px; box-shadow:#ccc 0px 0px 10px;}
.prolist ul li a{display:block; overflow:hidden;}
.prolist ul li .pic{width:420px; height:270px; float:left; overflow:hidden;}
.prolist ul li .pic img{max-width:100%; max-height:100%; display:block; margin:0 auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.prolist ul li .pic:hover img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.prolist ul li .tmain{width:815px; float:right; padding-top:40px; margin-right:45px;}
.prolist ul li .tmain h2{overflow:hidden; line-height:27px; font-size:20px; color:#090909;}
.prolist ul li .tmain h3{font-size:14px; color:#999; margin-top:20px; height:63px; overflow:hidden; word-wrap:break-word;}
.prolist ul li .tmain .more{display:block; margin-top:35px;width:120px; height:38px; text-align:center; border:1px solid #eee; line-height:38px; font-size:14px; color:#666; background-color:#fff;}
.prolist ul li .tmain .more i{padding-right:25px; background:url(../images/nwmore.png) right center no-repeat;}
.prolist ul li .tmain:hover h2{color:#6e141d;}
.prolist ul li .tmain:hover .more{background-color:#6e141d; border-color:#6e141d; color:#fff;}
.prolist ul li .tmain:hover .more i{background:url(../images/nwmoreh.png) right center no-repeat;}
.proinfobar{background-color:#fff; padding:30px; position:relative; box-shadow:#eee 0px 0px 10px;}
.proinfobar .proimg{width:47%; float:left; position:relative;}
.proinfobar .proimg .maximg{margin-left:103px; overflow:hidden; border:1px solid #eee;}
.proinfobar .proimg .maximg img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.proinfobar .proimg .sallimg{width:92px; position:absolute; left:0; top:0;}
.proinfobar .proimg .sallimg ul li{border:1px solid #eee; margin-bottom:10px; cursor:pointer;}
.proinfobar .proimg .sallimg ul li img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.proinfobar .proimg .sallimg ul li.on{border-color:#6e141d;}
.proinfobar .infoarea{width:48%; float:right;}
.proinfobar .infoarea h1{font-size:25px; color:#464646; word-wrap:break-word;}
.proinfobar .infoarea .ietell{margin-top:20px; font-size:14px; color:#999;}
.proinfobar .infoarea .ietell .td{word-wrap:break-word;}
.proinfobar .infoarea .ietell .th{color:#333;}
.proinfobar .infoarea .ieretu{padding-top:20px;}
.proinfobar .infoarea .ieretu .shtn{float:left; font-size:14px; color:#999; line-height:28px;}
.proinfobar .infoarea .ieretu .bdsharebuttonbox{float:left;}
.proinfobar .infoarea .ieretu .bdsharebuttonbox a{padding:0px; margin:0px; margin-left:5px; width:28px; height:28px; background-position:center center;}
.proinfobar .infoarea .ieretu .bdsharebuttonbox a.bds_linkedin{background-image:url(../images/sns02.png);}
.proinfobar .infoarea .ieretu .bdsharebuttonbox a.bds_fbook{background-image:url(../images/sns03.png);}
.proinfobar .infoarea .ieretu .bdsharebuttonbox a.bds_twi{background-image:url(../images/sns04.png);}
.proinfobar .infoarea .ieretu .shbtn{float:right;}
.proinfobar .infoarea .ieretu .shbtn a{font-size:14px; color:#666; display:block; width:100px; height:30px; line-height:30px; border:1px solid #eee; text-align:center;}
.proinfobar .return{width:50px; height:150px; background-color:#fff; overflow:hidden; border-radius:5px; position:absolute; right:-7%; top:0;}
.proinfobar .return li a{display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#727272; text-align:center;}
.proinfobar .return li:hover a{background-color:#f6f6f6; color:#6e141d;}
.proinfobar .return li a.prev,.proinfobar .return li a.next{font-family:Simsun; font-weight:bold; font-size:0;}
.proinfobar .return li a.prev{background-image:url(../images/nwprev.png); background-position:center center; background-repeat:no-repeat;}
.proinfobar .return li a.next{background-image:url(../images/nwnext.png); background-position:center center; background-repeat:no-repeat;}
.prodetails{margin-top:25px; background-color:#fff; box-shadow:#eee 0px 0px 10px;}
.prodetab ul li{width:50%; float:left;}
.prodetab ul li a{font-size:18px; color:#666; background-color:#fbfbfb; border:1px solid #fbfbfb; border-top:2px solid #fbfbfb; height:57px; line-height:57px; text-align:center; display:block;}
.prodetab ul li.on a{background-color:#fff; color:#6e141d; border:1px solid #e9e9e9; border-top:2px solid #6e141d;}
.procont{padding:30px 40px 50px 40px; font-size:14px; color:#666; display:none; min-height:200px; word-wrap:break-word;}
.prodxzimg li{width:58px; border:1px solid #eee; overflow:hidden; float:left; margin-right:10px; margin-top:5px; cursor:pointer;}
.prodxzimg li.on{border-color:#6e141d;}
.prodxzimg li img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.ifh2 span{display:block; font-size:18px; color:#666;}

/*news*/
.newsleft{width:980px; float:left;}
.newsright{width:305px; float:right;}
.newslist ul li{background-color:#fff; margin-top:20px; box-shadow:#ccc 0px 0px 10px;}
.newslist ul li a{display:block; padding:20px 25px; overflow:hidden;}
.newslist ul li .pic{width:281px; height:191px; float:left; overflow:hidden;}
.newslist ul li .pic img{max-width:100%; max-height:100%; display:block; margin:0 auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.newslist ul li .pic:hover img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.newslist ul li .tmain{width:620px; float:right;}
.newslist ul li .tmain h2{overflow:hidden; line-height:27px; margin-top:1%;}
.newslist ul li .tmain h2 p{font-size:18px; color:#333;}
.newslist ul li .tmain h2 .time{font-size:14px; color:#999; padding-left:16px; background:url(../images/time.png) left center no-repeat; display:block; margin-top:10px;}
.newslist ul li .tmain h3{font-size:14px; color:#999; margin-top:2%; word-wrap:break-word;}
.newslist ul li .tmain .more{display:block; margin-top:4%; width:110px; text-align:center; line-height:35px; font-size:14px; color:#666; background-color:#fff;}
.newslist ul li .tmain .more i{padding-right:25px; background:url(../images/nwmore.png) right center no-repeat;}
.newslist ul li .tmain:hover h2 p{color:#6e141d;}
.newslist ul li .tmain:hover .more{background-color:#6e141d; color:#fff;}
.newslist ul li .tmain:hover .more i{background:url(../images/nwmoreh.png) right center no-repeat;}
.newsbox{width:100%; background-color:#fff; margin-top:20px; box-shadow:#ccc 0px 0px 10px;}
.newsbox .h2{font-size:16px; color:#333; border-bottom:1px solid #ebebeb; padding:25px 20px 10px 20px;}
.newsbox .nwseccn{padding:5px 20px 15px 20px;}
.newsbox .nwseccn li{margin-top:10px;}
.newsbox .nwseccn li a{font-size:14px; color:#666;}
.newsbox .nwseccn li:hover a,.newsbox .nwseccn li.on a{color:#6e141d;}
.newsbox .nwmorelist li{padding:20px 0px; margin:0px 20px; border-bottom:1px dashed #ebebeb; overflow:hidden;}
.newsbox .nwmorelist li .pic{width:106px; height:72px; overflow:hidden; float:left;}
.newsbox .nwmorelist li .pic img{max-width:100%; max-height:100%; display:block; margin:0 auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.newsbox .nwmorelist li:hover img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.newsbox .nwmorelist li .tit{width:145px; height:72px; font-size:14px; color:#333; float:right; word-wrap:break-word;}
.newsbox .nwmorelist li:hover .tit{color:#6e141d;}
.newsbox .nwmorelist li .tit p{width:100%; height:100%; display:table;}
.newsbox .nwmorelist li .tit p span{display:table-cell; vertical-align:middle;}
.newsdetail{position:relative; background-color:#fff; padding:40px 40px 60px 40px; margin-top:20px; box-shadow:#ccc 0px 0px 10px;}
.newsdetail h1{font-size:36px; color:#333; word-wrap:break-word;}
.newsdetail .newsinfo{font-size:12px; color:#999; border-bottom:1px solid #e0e0e0; padding-bottom:5px; padding-top:10px; overflow:hidden;}
.newstext{padding:50px 0px;}
.newsmore{width:100%; border-top:1px solid #e0e0e0; padding-top:25px; position:relative;}
.newsmore .nwtn{float:left; line-height:27px; font-size:12px; color:#999;}
.newsmore .bdsharebuttonbox{float:left;}
.newsmore .bdsharebuttonbox a{padding:0px; margin:0px; margin-left:10px; width:28px; height:28px; background-position:center center;}
.newsmore .bdsharebuttonbox a.bds_linkedin{background-image:url(../images/sns02.png);}
.newsmore .bdsharebuttonbox a.bds_fbook{background-image:url(../images/sns03.png);}
.newsmore .bdsharebuttonbox a.bds_twi{background-image:url(../images/sns04.png);}
.newsmore .backlist{text-align:center; line-height:54px; font-size:14px; float: right;}
.newsmore .backlist a{display:block; min-width:120px; height:40px; line-height:40px; padding:0px 10px; background-color:#6e141d; color:#fff;}
.newsmore .backlist a:hover{background-color:#000;}

/*contact*/
.continfo .footadd{max-width:770px; float:left;}
.continfo .footadd ul li{float:left; padding-left:30px; padding-top:4px; position:relative; font-size:14px; color:#999; width:270px; margin-top:20px; word-wrap:break-word;}
.continfo .footadd ul li.on{width:422px;}
.continfo .footadd ul li img{width:25px; height:25px; position:absolute; left:0px; top:0px;}
.continfo .footadd ul li i{color:#666;}
.continfo .ewm{width:115px; float:right; font-size:14px; color:#999; text-align:center;}
.map{border:2px solid #fff; overflow:hidden; margin-top:50px;}
.map img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.contit{font-size:14px; color:#c1c0c0; margin-bottom:30px;}
.contit span{font-size:20px; color:#333; margin-right:5px;}
.continfo{width:100%; background-color:#fff; margin-bottom:50px;}
.continfo .contleft{width:420px; float:left; margin:40px 0px 0px 40px; word-wrap:break-word;}
.continfo .contleft h2{font-size:14px; color:#333;}
.continfo .contleft p{font-size:14px; color:#999; margin-top:20px;}
.continfo .contleft p i{color:#666;}
.continfo .contright{width:820px; height:398px; border:1px solid #ebebeb; float:right; position:relative; z-index:1;}
.continfo .contright img{width:100%; display:block;}
.continfo .contright .btns{width:100%; height:50px; line-height:50px; position:absolute; left:0; bottom:0; z-index:5;}
.continfo .contright .btns li{width:50%; height:50px; float:left; background-color:rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);}
.continfo .contright .btns li a{display:block; font-size:14px; color:#fff; text-align:center;}
.continfo .contright .btns li.on{background-color:rgba(0,0,0,0.85); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000, endColorstr=#85000000);}
.contform{background-color:#fff; padding:25px 40px 40px 40px;}
.contform ul li{width:100%; margin-top:25px; float:left;}
.contform ul li.t1,.contform ul li.t2,.contform ul li.t3,.contform ul li.t4{width:290px; margin-right:26px;}
.contform ul li.t4{margin-right:0;}
.contform ul li .context,.contform ul li .conteat{width:100%; height:46px; line-height:46px; border:1px solid #e0e0e0; padding:0px 10px; font-size:14px; color:#333; box-sizing:border-box; -webkit-tbox-sizing:border-box;}
.contform ul li .context:focus,.contform ul li .conteat:focus{border-color:#6e141d;}
.contform ul li .conteat{height:140px; padding:10px;}
.contform ul li .submit{width:140px; height:46px; background-color:#6e141d; font-size:14px; color:#fff; border:none; cursor:pointer;}
.contform ul li .submit:hover{background-color:#000;}
.submittips{width:400px; height:220px; background-color:#fff; position:fixed; _position:absolute; left:50%; top:50%; margin:-110px 0px 0px -200px; z-index:1000; -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.5); box-shadow: 0px 0px 30px rgba(0,0,0,0.5);}
.submittips .closebtns{width:30px; height:30px; position:absolute; right:0; top:0; background-color:#6e141d; font-size:0; background-image:url(../images/closebtns.png); background-repeat:no-repeat; background-position:center center;}
.submittips .tips{display:block; width:50px; height:50px; margin:65px auto 0px auto; background:url(../images/tips.png) no-repeat;}
.submittips p{font-size:14px; color:#4c4c4c; margin:20px; text-align:center;}

/*kefu*/
.kefu{width:80px; position:fixed; _position:absolute; right:10%; top:50%; z-index:200;}
.kefu ul li{width:80px; height:75px; margin-top:1px; position:relative;}
.kefu ul li:hover a{background-color:#6e141d;}
.kefu ul li:hover .calldiv{display:block;}
.kefu .call1{background-image:url(../images/callbtn.png);}
.kefu .qq{background-image:url(../images/QQ.png);}
.kefu .watch{background-image:url(../images/watchAPP.png);}
.kefu .skype{background-image:url(../images/skype.png);}
.kefu .call{display:block; width:80px; height:75px; font-size:0; position:relative; z-index:10; background-color:#888; background-repeat:no-repeat; background-position:center center;}
.kefu .calldiv{width:220px; min-height:75px; position:absolute; right:80px; top:0px; background-color:#6e141d; display:none;}
.kefu .calldiv span{display:block; padding:20px 10px 10px 10px; text-align:center; font-size:24px; color:#fff;}
.kefu .calldiv span a:hover{color:#fff;}

/*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;}

/*footer*/
.footer{width:100%; background-color:#ededed;}
.footer .footerlinks{padding-top:55px; padding-bottom:60px;}
.footer .footlogo{float:left; width:16%; margin-top:45px;}
.footer .footinfo{float:left; width:57.6%; margin-left:4%;}
.footer .footsns{font-size:14px; color:#666; line-height:28px;}
.footer .footsns a{color:#6E141D;}
.footer .footsns a:hover{color:#6e141d;}
.footer .footsns img{vertical-align:middle;}
.footer .footsns .tn{font-size:16px; color:#333;}
.footer .footsns .sns{margin-left:5px;}
.footer .footsns .slinks{margin-left:10px;}
.footer .footadd ul li{float:left; padding-left:30px; padding-top:4px; position:relative; font-size:14px; color:#999; width:270px; margin-top:20px; word-wrap:break-word;}
.footer .footadd ul li.on{width:422px;}
.footer .footadd ul li img{width:25px; height:25px; position:absolute; left:0px; top:0px;}
.footer .footadd ul li i{color:#666;}
.footer .ewm{width:115px; float:right; font-size:14px; color:#999; text-align:center;}
.footer .footercopy{background-color:#fff; padding:20px 0px; font-size:12px; color:#999; line-height:21px;}
.footer .footercopy a{color:#999;}
.footer .footercopy a:hover{color:#6e141d;}
.footer .footmenu{float:left;}
.footer .footmenu i{margin:0px 5px;}
.footer .footmenu a{font-size:14px;}
.footer .copy{float:right; max-width:700px; word-wrap:break-word;}

/* Table of Contents
==================================================

    #Mobile - 320px 
    #Mobile - 380px 
    #Mobile - 480px 
    #Mobile - 640px 
*/

@media screen and (max-width:1600px){
	.header .logo a.z{width:380px; height:38px; margin-top:7px;}
	
}
/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }
    
	.prolist ul li .pic{width:350px; height:225px;}
	.prolist ul li .tmain{width:750px; padding-top:20px;}
	.prolist ul li .tmain .more{margin-top:25px;}
	.newsleft{width:850px;}
	.newslist ul li .pic{width:265px; height:180px;}
	.newslist ul li .tmain{width:510px;}
	.kefu{right:0px; bottom:15%;}
	
	.contform ul li.t1,.contform ul li.t2,.contform ul li.t3,.contform ul li.t4{width:260px; margin-right:20px;}
	.contform ul li.t4{margin-right:0;}
	.continfo .contleft{width:380px; margin:40px 0px 0px 30px;}
	.continfo .contleft p{margin-top:15px;}
	.continfo .contright{width:730px; height:355px;}
	
}
@media screen and (max-width:1200px){
	.parkimgbar{padding-right:200px;}
	.parkimgbar .maximg{height:399px;}
	.parkimgbar .verimglist{width:200px;}
	.parkimgbar .verimglist .swiper-container{width:170px; height:280px;}
	.parkimgbar .verimglist .swiper-slide a{width:170px; height:123px;}
    .parkimgbar .verimglist .swiper-slide.on a{width:166px; height:120px;}
	
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
    .layout { width: 750px; }

    .contain{padding-top:55px;}
    .header{height:55px;}
    .header .logo{position:absolute; left:3%; top:0; padding-top:13px;}
    .header .logo a{width:125px; height:29px;}
	.header .logo a.z{display:none;}
	.header .logo a.m{display:block;}
	.eng{position:absolute; right:65px; top:13px; padding-top:0; margin-top:0;}
	.nav{display:none;}
	.btn-m-list{display:block;}
	.banner .bx-wrapper .bx-controls-direction a{display:none;}
	
	.section01 .layout{width:95%;}
	.indexabout ul li .pic{width:65px; padding:0px 5px;}
	.indexabout ul li .td{padding-left:75px;}
	.indexabout ul li .tmain{padding-left:15px; padding-right:5px;}
	.indexcasewarp{padding-top:28.3%;}
	.indexcasewarp .incsmask{width:25%;}
	.indexcasewarp .swiper-slide .tmain h2{margin-top:25px;}
	.indexcasewarp .swiper-slide .tmain .more{margin-top:15px;}
	.section03{min-height:inherit;}
	.indexnwbox{padding:20px;}
	.indexnews ul li .tm{width:70.5%;}
	.factab ul li{margin-bottom:5px;}
	.aboutus01 .abtext,.aboutus01 .pic{width:auto; float:none;}
	.aboutus01 .pic{margin-top:20px;}
	.caselist ul li{width:32.3%; margin-right:1.5%;}
	.caselist ul li:nth-child(4n),.caselist ul li.mr0{margin-right:1.5%;}
	.caselist ul li:nth-child(3n){margin-right:0;}
	.caselist ul li .tmain .more{display:none;}
	.prolist ul li .pic{width:245px; height:157px;}
	.prolist ul li .tmain{width:460px; padding-top:20px; margin-right:20px;}
	.prolist ul li .tmain h2{font-size:16px; line-height:24px;}
	.prolist ul li .tmain h3{margin-top:10px; font-size:12px; height:37px;}
	.prolist ul li .tmain .more{margin-top:10px;}
	.newsleft{width:100%;}
	.newslist ul li .pic{width:265px; height:180px;}
	.newslist ul li .tmain{width:410px;}
	.newslist ul li .tmain h3{height:45px; overflow:hidden;}
	.newsright{display:none;}
	.continfo .ewm{float:left; margin-top:20px;}
	.kefu{right:0px; bottom:15%;}
	
	.continfo .contleft{width:auto; float:none; padding:40px; margin:0px;}
	.continfo .contright{width:auto; float:none; height:auto;}
	.contform ul li.t1,.contform ul li.t2,.contform ul li.t3,.contform ul li.t4{width:49%; margin-right:2%;}
	.contform ul li.t2,.contform ul li.t4{margin-right:0;}
	
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
    .layout { width: 95%; } 
	
    .contain{padding-top:55px;}
    .header{height:55px;}
    .header .logo{position:absolute; left:3%; top:0; padding-top:13px;}
    .header .logo a{width:125px; height:29px;}
	.header .logo a.z{display:none;}
	.header .logo a.m{display:block;}
	.eng{position:absolute; right:65px; top:13px; padding-top:0; margin-top:0;}
	.nav{display:none;}
	.btn-m-list{display:block;}
	.banner .bx-wrapper .bx-controls-direction a{display:none;}
	
	.indexabout{position:static; top:auto; left:auto; margin-top:10px;}
	.indexabout ul li{width:100%; float:none; border-top:5px solid #fff;}
	.indexabout ul li .td{min-height:inherit; padding-left:70px;}
	.indexabout ul li .pic{width:40px; padding:10px;}
	.indexabout ul li .pic img{margin:0px;}
	.indexabout ul li .tmain{padding:10px 0px 0px 0px;}
	.indexabout ul li .tmain h2,.indexprowarp ul li .title,.inboxtitle h2{font-size:14px;}
	.indexabout ul li .tmain p,.indexprowarp ul li .title p,.inboxtitle h2 span,.indexaboutext .tmain p{font-size:12px;}
	.indextitle{font-size:18px;}
	.section03{min-height:inherit;}
	.indextab ul li,.indexprotab ul li{width:33.333%; float:left; margin:5px 0px 0px 0px;}
	.indextab ul li a,.indexprotab ul li a{min-width:inherit; margin:0px 5px; font-size:12px;}
	.indexcasewarp{padding-top:112.5%;}
	.indexcasewarp .incsmask{width:20%;}
	.indexcasewarp .incsprev{right:10px;}
	.indexcasewarp .incsnext{left:10px;}
	.indexprowarp ul li{width:49%; margin-right:2%; margin-top:20px;}
	.indexprowarp ul li:nth-child(3n),.indexprowarp ul li.mr0{margin-right:2%;}
	.indexprowarp ul li:nth-child(2n){margin-right:0;}
	.indexprowarp ul li .title{padding:10px 5px; height:39px;}
	.indexprowarp ul li .title p{margin-top:0;}
	.indexcasewarp .swiper-slide .tmain{display:none;}
	.section04{padding:30px 0px 40px 0px;}
	.indexnwbox{width:100%; padding:20px;}
	.section04 .fright{width:100%; margin-top:20px;}
	.inboxtitle a{font-size:12px; margin-top:0;}
	.indexaboutext{margin-top:5px;}
	.indexnews ul li .data{width:100%; height:auto; float:none; padding:0px 0px 5px 0px; border-bottom:1px solid #eee; border-right:none;}
	.indexnews ul li .data p{display:inline; font-size:12px;}
	.indexnews ul li .tm{width:100%; float:none; padding:10px 0px;}
	.footer .footerlinks{padding:20px 0px;}
	.footer .footlogo{margin-top:0; width:50%; float:none;}
	.footer .footinfo{width:100%; margin-left:0; float:none; padding:15px 0px;}
	.footer .footadd ul li,.footer .footadd ul li.on{width:auto; margin-top:10px;}
	.footer .ewm{float:none; margin:0 auto;}
	.footer .footmenu,.footer .copy{width:100%; max-width:100%; text-align:center;}
	
	.navigation .menu{float:none;}
	.navigation .menu li{width:33.333%; float:left; margin:5px 0px 0px 0px;}
	.navigation .menu li a{min-width:inherit; margin:0px 3px; font-size:12px;}
	.commonwarp{padding:40px 0px 60px 0px;}
	.aboutus01 .abtext,.aboutus01 .pic{width:auto; float:none;}
	.aboutus01 .pic{margin-top:20px;}
	.aboutus01 .abtext h2,.aboutus01 .abtext h3{font-size:16px;}
	.aboutus01 .abtext p,.aboutus02 ul li{font-size:12px;}
	.aboutus02,.aboutus03,.aboutus04{margin-top:20px;}
	.aboutus02 ul li{padding-top:65px;}
	.aboutus02 ul li span{font-size:25px;}
	.factab ul li{width:50%; margin-right:0; margin-top:5px;}
	.factab ul li a{min-width:inherit; font-size:12px; margin:0px 5px;}
	.parkimgbar{padding-right:0px; margin-top:20px;}
	.parkimgbar .maximg{height:auto;}
	.historical{margin-top:0;}
	.historical .ul li,.historical .ul li.on{width:auto; float:none;}
	.historical .ul li .hitext,.historical .ul li.on .hitext{margin-left:0; margin-right:0;}
	.historical .line{display:none;}
	.historical .ul li .hitext .mon,.historical .ul li.on .hitext .mon{position:relative; left:auto; right:auto; top:auto;}
	.historical .ul li .hitext .mon i,.historical .ul li.on .hitext .mon i{float:left; margin:5px 20px 0px 5px;}
	.historical .ul li .hitext .mon i:before,.historical .ul li.on .hitext .mon i:before{right:auto; left:5px;}
	.loadmorebtn{padding-top:10px;}
	.downloadlist ul,.caselist ul,.prolist ul,.newslist ul{padding-bottom:20px;}
	.downloadlist ul li{width:49%; margin-right:2%;}
	.downloadlist ul li:nth-child(4n),.downloadlist ul li.mr0{margin-right:2%;}
	.downloadlist ul li:nth-child(2n){margin-right:0;}
	.downloadlist ul li .tit,.caselist ul li .tit{line-height:35px; font-size:12px;}
	.downloadbox{width:96%; height:310px; left:2%; margin-left:0; margin-top:-125px;}
	.caselist ul li{width:49%; margin-right:2%;}
	.caselist ul li:nth-child(4n),.caselist ul li.mr0{margin-right:2%;}
	.caselist ul li:nth-child(2n){margin-right:0;}
	.caselist ul li .tmain{display:none;}
	.prolist ul li .pic{width:100%; height:auto; float:none;}
	.prolist ul li .tmain{width:auto; float:none; margin:0px; padding:20px;}
	.prolist ul li .tmain h2{font-size:16px; line-height:24px;}
	.prolist ul li .tmain h3{font-size:12px; height:auto;}
	.prolist ul li .tmain .more{margin-top:10px;}
	.proinfobar{padding:20px 20px 70px 20px;}
	.proinfobar .proimg,.proinfobar .infoarea{width:100%;}
	.proinfobar .proimg .maximg{margin-left:0;}
	.proinfobar .proimg .sallimg{position:static; left:auto; top:auto; width:100%; padding-top:20px; padding-bottom:50px;}
	.proinfobar .proimg .sallimg ul li{float:left; width:16%; margin-right:1%;}
	.prodetails .procont{padding:30px 20px;}
	.proinfobar .return{left:0; right:auto; margin-left:0px; top:auto; bottom:0px; width:100%; height:50px; border-top:1px solid #eee;}
	.proinfobar .return li{width:33.333%; float:left;}
	.prodetab ul li a{font-size:12px; height:40px; line-height:40px;}
	.newsleft{width:100%;}
	.newslist ul li a{padding:20px;}
	.newslist ul li .pic{width:100%; height:auto; float:none;}
	.newslist ul li .tmain{width:auto; float:none; margin-top:20px;}
	.newsright{display:none;}
	.newsdetail{padding:20px 20px 40px 20px;}
	.newsdetail h1{font-size:30px;}
	.newsmore .backlist{width:100%; margin-top:15px;}
	.continfo .footadd{float:none; max-width:100%;}
	.continfo .footadd ul li,.continfo .footadd ul li.on{width:auto; float:none; margin-top:10px;}
	.continfo .ewm{float:none; margin-top:10px;}
	.map{margin-top:20px;}
	.kefu{right:0px; bottom:15%;}
	
	.submittips{width:280px; margin-left:-140px;}
	.continfo .contleft{width:auto; float:none; padding:20px; margin:0px;}
	.continfo .contright{width:auto; float:none; height:auto;}
	.contform{padding:20px;}
	.contform ul li.t1,.contform ul li.t2,.contform ul li.t3,.contform ul li.t4{width:100%; margin-right:0;}
}
@media screen and (max-width:768px){
	.indexcasewarp{padding-top:37%;}
	.indexcasewarp .incsmask{width:33.333%;}
	.parkimgbar .verimglist{display:none;}
	.parkimgbar .traimglist{display:block;}
}
@media screen and (max-width:640px){
	.indexcasewarp{padding-top:56.4%;}
	.indexcasewarp .incsmask{width:60px; background-color:transparent;}
}
@media screen and (max-width:320px){
	.indexcasewarp{padding-top:112.5%;}
}