@charset"utf-8";
/*DPR 20160820*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block;}
body{font-size:100%;font-family:microsoft yahei, Helvetica, STHeiti, Droid Sans Fallback;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#fff;}
textarea{resize:none;}
iframe,img{border:0;}
ul,ol{list-style:none;}
input,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;}
input{-webkit-appearance:none;}
a{text-decoration:none;}

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

/*ȫ�ָ���*/
.fl{float:left;}
.fr{float:right;}

/*Բϸ��������ʽ*/
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/*��ѡ������ʽ*/
::selection{background:#2295dd;color:#fff;}
::-moz-selection{background:#2295dd;color:#fff;}



.within{width:1120px;margin:0 auto;}

.navbg{background:#fff;height:90px;position:fixed;z-index:9999;top:0px;width:100%;}
.lagug{width:1120px;margin:0 auto;}
.lagug a{display:block; float:right; margin-right:8px; text-decoration:none; line-height:20px; font-size:13px; color:#333}
.logo{width:26%;display:block;}
.logo img{display:block;}
.nav{width:74%;}

.nav .nLi{float:left;width:14.28%;position:relative;}
.nav .nLi h3{width:100%;line-height:65px;text-align:center;}
.nav .nLi h3 a{color:#333;font-size:15px;}
.nav .nLi .sub{ display:none; position:absolute;top:65px;width:130%;z-index:100;background:url(../img/navbg.png) repeat center;margin-left: -15%;}
.nav .nLi:hover .sub{display:block;}
.nav .nLi .sub li{ border:none;height:34px; line-height:34px; text-align:center;overflow:hidden;}
.nav .nLi .sub li a{ color:#333; font-size:14px;display:block;}
.nav .nLi .ccc li{ text-align:left; text-indent:10px;  white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.nav .nLi .sub li a:hover{background:#fff;color:#c30436;}
.nav .nLi h3.on a{ color:#c30436;}
.nav .nLi h3.on .sub li a:hover{ color:#c30436;}
.nav .nLi .sub .suba{
	display:none;
	position: absolute;
    background: rgb(255 255 255 / 70%);
    left: 154px;
    width: 120px;
	top:0;
}
.nav .nLi .sub li:hover .suba{ display:block;}

.nav .sub01{ display:none; width:200px; position:absolute; top:0; left:180px;background:url(../img/navbg.png) repeat center;}
.nav .sub li:hover .sub01{display:block;}



.video{background:url(../img/page1.jpg) repeat center;width:100%;height:830px;padding:120px 0px 80px;text-align:center;}
.video .vmore{width:100%;line-height:80px;text-align:center;}
.video .vmore a{color:#fff;font-size:24px;}
.video .vidwid{width:1120px;height:578px;margin:0 auto;position:relative;}
.video .shipin{width:1120px;height:551px;margin:0 auto;overflow:hidden;position:absolute;z-index:2;background:url(../img/video.png) no-repeat center;}



.section2{background:url(../img/page2.jpg) no-repeat;width:100%;padding:50px 0;}
.section2 .pimg{margin:0 auto;width:650px;}
.section2 .pimg img{width:80%;}
.section2 .list{background:url(../img/prod.png) no-repeat center;margin:50px auto 20px;height:364px; width:1180px;}
.section2 ul{width:1180px;margin:0 auto;height:360px;}
.section2 ul li{float:left;position:relative;width:140px;height:360px;margin:0px 28px;line-height:30px;text-align:center;}
.section2 ul li .img1{position:absolute;top:22%;}
.section2 ul li .img2{position:absolute;top:42%;left:7px;}
.section2 ul li a.img{border:1px solid #ccc;display:block;overflow:hidden;width:140px;height:140px;border-radius:200px;-webkit-border-radius:200px;background:#fff;text-align:center;}
.section2 ul li a.img img{display:block;margin:0 auto;width:100%;text-align:center;}
.section2 ul li p a{color:#333;padding:2px 10px;border-radius:3px;-webkit-border-radius:3px;transform:scale(0.2);-webkit-transform:scale(0.2);}
.section2 .txt { color: #333; font-size: 22px; text-align: left; margin: 5% 0px 1% 50px; }
.section2 .txt h3{line-height:100px;font-size:36px;}
.section2 .txt p {-webkit-transition: all .5s linear; transition: all .5s linear; }

.section3{background:url(../img/page3.jpg) no-repeat center;width:100%;padding:30px 0 40px;}

.section3 .txtit{background:url(../img/castit.png) no-repeat center;margin:0 auto 100px;width:528px;height:56px;}
.section3 .casescroll{width:1120px;margin:10px auto;position:relative;}
.section3 .casescroll .bd {width:1120px;height:450px;}
.section3 .casescroll .bd li{float:left;width:350px;height:450px;margin:0px 8px;background:#fff;overflow:hidden;position:relative;}
.section3 .casescroll .bd li .img{position:absolute;width:350px;height:300px;overflow:hidden;display:block;}
.section3 .casescroll .bd li .img img{width:100%;}
.section3 .casescroll .bd li .ceng{position:absolute;bottom:-75px;height:200px;overflow:hidden;background:#fff;transition:all .3s;-webkit-transition:all .3s;}
.section3 .casescroll .bd li:hover .ceng{bottom:-20px;}
.section3 .casescroll .bd li .ceng h2 a{color:#333;font-size:28px;font-weight:100;line-height:60px;}
.section3 .casescroll .bd li .ceng{padding:0px 20px 20px;color:#858585;font-size:14px;line-height:24px;}
.section3 .casescroll .bd li .ceng .more{margin:15px 0px 0px;width:230px;height:34px;border:1px solid #ccc;background:#eaf0f4;}
.section3 .casescroll .bd li .ceng .more a{color:#858585;}
.section3 .casescroll .bd li .ceng .more a.click{width:178px;line-height:34px;padding-left:10px;display:block;float:left;}
.section3 .casescroll .bd li .ceng .more span{width:30px;line-height:34px;padding-left:10px;display:block;border-left:1px solid #ccc;float:left;}
.section3 .casescroll .bd li .ceng .more:hover{background:#fff;}

.section3 .casescroll  .hd{width:150px;margin:50px auto 10px;}
.section3 .casescroll  .hd .prev,.section3 .casescroll  .hd .next{display:block;  width:48px; height:55px; float:right; margin-right:15px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url(../img/casearrow.png) 0 0 no-repeat;}
.section3 .casescroll  .hd .next{ background-position:-50px 0px; }
.section3 .casescroll  .hd .prevStop{ background-position:-50px -60px; }
.section3 .casescroll  .hd .nextStop{ background-position:-50px -60px; }

.section{padding:75px 0px;}
.section4{background:url(../img/page4.jpg) no-repeat center center;}
.section4 .content {background:url(../img/contbg.png) repeat center;width:1120px;margin:0 auto;padding:20px 0px 30px;}
.section4 .comtt {width:528px;margin:40px auto;padding:20px 0px 30px;}
.section4 .txt {color: #333; font-size: 22px; text-align: center; margin: 5% auto 10%; }
.section4 .txt p { margin-bottom:30px; }
.section4 .txt .morebtn { width: 300px; height: 50px; line-height: 50px; background: #ab2c2a;font-size: 22px; color: #fff; display: block; margin: 0 auto; text-decoration: none;border-radius:8px;-webkit-border-radius:8px;margin-top: 40px; }
.section4 .txt .morebtn:hover { opacity:1; }

.section5{background:url(../img/page5.jpg) no-repeat center center;width:100%;text-align:center;margin:0 auto;}
.section5 h2{font-size:32px;font-weight:100;color:#ab2c2a;}
.section5 .stxt{font-size:12px;color:#333;line-height:20px;padding-top:10px;}
.section5 .ditu{background:url(../img/ditu.png) no-repeat center;background-position: 0 0;margin:0 auto;width: 1120px;height: 530px;display: block;margin-top: 50px;}

.indfoot{font-size:14px;color:#666;}
.indfoot td,.indfoot td a{font-size:12px;color:#666;}