/* CSS Document */
/** 
華仕尊城設計顧問有限公司
www.w-vi.com
**/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-size:12px; font-family:Arial, Helvetica,"\5FAE\8F6F\96C5\9ED1"; color:#333;outline:0;}
a,a:hover{color:#333;}
.clearfix{clear:both; height:0;}
body{overflow-x:hidden}
::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius:999px;border:5px solid transparent}
::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-thumb{min-height:20px;background-clip:content-box;box-shadow:0 0 0 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-corner{background:transparent}
a,li,span{outline:0}
a:hover,a:active,a:focus{outline:0}
a:focus{outline:0}
li:focus{outline:0}
span:focus{outline:0}
img{ vertical-align:middle;}


.left { float: left; display: inline-block;}
.right { float: right; display: inline-block;}
.w_auto { margin:0 auto; width:990px;}
.clearfix { clear: both; height: 0px;}
.color1{ color:#fff;}
.color2{ color:#ef8200;}
.color3{ color:#282828;}

/*右侧点*/
#rightPoint{ position:fixed; right:30px; top:50%; width:100px; z-index:999;}
#rightPoint .point{ height:22px; border-radius:5px; display:block; color:transparent; margin:18px auto; display:block; cursor:pointer; position:relative; text-align:center; color:transparent; line-height:20px; font-size:14px;}
#rightPoint .point:hover{ background:#efab12; color:#fff;}
#rightPoint div.on{ background:#efab12; color:#fff;}
#rightPoint .log{ position:absolute; height:12px; width:12px; background:#666; border-radius:50%; top:6px; left:44px; display:block;}
#rightPoint .point:hover .log{ display:none;}
#rightPoint div.on .log{ display:none;}
#rightPoint .index .point{ background:none;}
#rightPoint .index .point:hover .log{ background:#efab12; display:block;}
#rightPoint .index div.on .log{ background:#efab12; display:block;}
.indPoint{ margin-top:-130px;}
.firPoint{ margin-top:-147px;}
.secPoint{ margin-top:-147px;}
.thiPoint{ margin-top:-147px;}

/*头部*/
.headBox{ height:80px;}
header{ height:80px; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:10000;}
header .logo{ background:url(../img/logo.png) no-repeat center; display:block; width:255px; height:80px;}
header ul{ display:inline-block; float:left;}
header .language{ display:inline-block; float:right;}
header .language a{ display:block; line-height:80px; height:80px; background:url(../img/menuline.png) no-repeat left center; padding-left:15px; margin-left:15px; font-weight:600;}
header .language a:hover{ color:#ef8200;}
header li{ float:left; display:inline-block; height:18px;}
header li .topline{ position:absolute; top:0px; width:0%; left:50%; height:4px; background:#ef8200; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
header li.on .topline{ width:100%; left:0%;}
header li .tit{ position:relative; padding:0 18px; text-align:center;}
header li:hover .topline{ width:100%; left:0%; background:#efab12;}
header a.firtit{ display:block; height:80px; color:#3a3a3a; font-size:14px; line-height:80px;}
header li.on a.firtit,header .bot li:hover a.firtit{ /*background:#f5a100;*/}
header li:hover .seccont{ display:block;}
header .seccont{ position:absolute; width:100%; left:0; top:79px; z-index:10; background:#fff; padding:60px 0; display:none; opacity:0.9;}
header .seLeftTitle{ float:left; display:inline-block; font-size:16px; line-height:34px; color:#f5a100; width:150px;}
header .aBox{ float:left; display:inline-block; width:840px;}
header .aBox .point{ border-radius:50%; background:#f5a100; line-height:4px; height:4px; width:4px; margin:15px 10px; display:inline-block; color:transparent;}
header .nextit{ display:inline-block; font-size:14px; line-height:34px; color:#666;}
header .nextit:hover{ color:#f5a100;}

/*首页*/
.banner{ position:relative; height:720px;}
.banner li{ background-position:center; background-repeat:no-repeat; height:720px; width:100%; position:absolute; left:0px; top:0px; display:none;}
.banner li .img{ background:no-repeat; height:720px; position:relative;}
.banner li a{ display:block; height:100%;}
.banner .pnum{ text-align:center; position:absolute; width:100%; left:0px; bottom:20px; z-index:10;}
.banner .pnum span{ background:#1999e7; height:10px; width:10px; margin:0 5px; padding:0; display:inline-block; border-radius:50%; cursor:pointer;}
.banner .pnum span.on{ background:#f5a100;}
.banner li.li1 .img{ background-position:right 180px;}
.banner li.li2 .img{ background-position:left 180px;}
.banner li.li1 .lightBox{}
.banner li.li1 .w_auto{ position:relative;}
.banner li.li1 .lig{ position:absolute; display:block;}
.banner li.li1 .light0{ background:url(../img/ban/icon0.png) no-repeat center; width:99px; height:105px; top:27px; left:85px;}
.banner li.li1 .light1{ background:url(../img/ban/icon0.png) no-repeat center; width:99px; height:105px; top:155px; left:55px;}
.banner li.li1 .light2{ background:url(../img/ban/icon1.png) no-repeat center; width:277px; height:294px; bottom:25px; left:-313px;}
.banner li.li1 .light3{ background:url(../img/ban/icon2.png) no-repeat center; width:225px; height:214px; bottom:10px; left:54px;}
.banner li.li1 .light4{ background:url(../img/ban/icon0.png) no-repeat center; width:99px; height:105px; bottom:34px; left:420px;}
.banner li.li1 .light5{ background:url(../img/ban/icon0.png) no-repeat center; width:99px; height:105px; bottom:114px; left:740px;}
.banner li.li2 .w_auto{ position:relative;}
.banner li.li2 .lig{ position:absolute; display:block;}
.banner li.li2 .light0{ background:url(../img/ban/icon3.png) no-repeat center; width:138px; height:136px; top:50px; right:125px;}
.banner li.li2 .light1{ background:url(../img/ban/icon4.png) no-repeat center; width:138px; height:136px; bottom:25px; right:440px;}
.banner li.li2 .light2{ background:url(../img/ban/icon5.png) no-repeat center; width:89px; height:89px; bottom:55px; right:-203px;}
.banner li .lig{ -webkit-animation: hedshow 1.5s ease-in-out infinite; animation: hedshow 1.5s ease-in-out infinite;}
@-webkit-keyframes hedshow {
    0% {
		opacity:1;
    }
    50% {
		opacity:0.3;
    }
    100% {
		opacity:1;
    }
}
@keyframes hedshow {
    0% {
		opacity:1;
    }
    50% {
		opacity:0.3;
    }
    100% {
		opacity:1;
    }
}


.block_1{ padding:100px 0; height:425px; position:relative; z-index:5;}
.block_1 .imgbox{ position:absolute; width:100%; height:100%; left:0px; top:0px; overflow:hidden;}
.block_1 .img1{ background:url(../img/block1.jpg) no-repeat center; opacity:1; position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:1; background-size:100%;}
.block_1 .img2{ background:url(../img/block12.jpg) no-repeat center; opacity:0; position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:1; background-size:100%;}
.block_1 .left{ width:460px; padding-top:25px; z-index:5; position:relative;}
.block_1 .left .entitle{ color:#232323; font-size:25px; line-height:28px; position:relative; left:-100px; opacity:0; font-weight:100;}
.block_1 .left .entitle b{ font-weight:100;}
.block_1 .left .title1{ font-size:36px; line-height:46px; position:relative; left:-100px; opacity:0;}
.block_1 .left .cont{ color:#545454; font-size:13px; line-height:22px; height:154px; padding-top:40px; margin-bottom:20px; position:relative; left:-90px; opacity:0;}
.block_1 .left .more{ color:#636363; background:url(../img/back2.png) no-repeat bottom; width:108px; text-align:center; height:28px; line-height:22px; display:block; position:relative; left:-80px; opacity:0;}
.block_1 .left .more:hover{ color:#ef8200; background:url(../img/back4.png) no-repeat bottom;}
.block_1 .left .more:hover{ color:#ef8200;}

.block_2{ position:relative; height:712px; padding-top:178px; color:#fff; overflow:hidden;}
.block_2 .imgbox{ position:absolute; width:100%; height:100%; left:0px; top:0px; overflow:hidden;}
.block_2 .img1{ background:url(../img/block2back.jpg) no-repeat center; display:block; position:absolute; width:100%; height:100%; left:0px; top:0px;}
.block_2 .img2{ background:url(../img/block2.jpg) no-repeat center; display:none; position:absolute; width:100%; height:100%; left:0px; top:0px;}
.block_2 .left{ background:url(../img/block21.png) no-repeat center; width:651px; height:712px; position:relative; left:-250px; top:150px; opacity:0;}
.block_2 .left .click{ background:url(../img/block22.png) no-repeat center; width:52px; height:31px; display:block; position:absolute; right:123px; top:413px;}
.block_2 .left .thimg{ background:url(../img/ingback.png) repeat; height:471px; width:259px; display:block; position:absolute; top:60px; left:277px;}
.block_2 .left .imgbox1{ background:#fff; text-align:center; border-radius:5px; height:25px; padding:12.5px 0; width:50%; position:absolute; top:270px; left:60px;}
.block_2 .left .hand{ background:url(../img/block23.png) no-repeat center; width:500px; height:374px; display:block; position:absolute; bottom:-57px; left:400px; margin-left:400px; opacity:0; background-size:100%;}
.block_2 .right{ width:320px; padding-top:125px; position:relative; left:-100px; text-align:center;}
.block_2 .right .title1{ font-size:80px; line-height:90px; color:#ef8200; /*font-weight:600; */position:relative; left:100px; opacity:0;}
.block_2 .right article{ font-size:24px; line-height:26px; color:#635e5e; padding-top:20px; position:relative; left:150px; opacity:0;}

.block_3{ padding:154px 0 0 0; background:url(../img/block3.jpg) no-repeat center; height:736px;}
.block_3 .left{ position:relative; left:80px; text-align:center;}
.block_3 .title{ font-size:80px; line-height:90px; color:#ef8200; /*font-weight:600; */padding-top:200px; position:relative; left:-100px; opacity:0;}
.block_3 .cont{ font-size:24px; line-height:26px; color:#fff; padding-top:20px; position:relative; left:-100px; opacity:0;}
.block_3 .right{ background:url(../img/block3.png) no-repeat center; width:622px; height:736px; position:relative; left:290px; top:100px; opacity:0;}
.block_3 .imgbox2{ position:absolute; width:250px; height:450px; top:58px; left:83px;}

.block_4{ background:url(../img/block4.jpg) no-repeat center; height:875px; position:relative;}
.block_4 .boxli0{ width:1100px; position:absolute; top:70px;}
.block_4 .boxli0 .left{/* background:url(../img/block421.png) no-repeat center;*/ width:425px; height:772px; position:relative; left:-200px; opacity:0;}
.block_4 .boxli0 .title1{ font-size:24px; line-height:32px; color:#3a3a3a; padding-top:310px;}
.block_4 .boxli0 .title2{ font-size:50px; line-height:66px; color:#3a3a3a;}
.block_4 .boxli0 .right{ width:644px; height:772px; position:relative; left:150px; opacity:0;}
.block_4 .boxli0 .img0{ background:url(../img/block41.png) no-repeat center; width:644px; height:772px; position:absolute; left:0px; top:0; display:block; background-size: contain;}
.block_4 .boxli0 .img1{ background:url(../img/block42.png) no-repeat center; width:644px; height:772px; position:absolute; left:0px; top:0; display:none; background-size: contain;}
.block_4 .boxli0 .img2{ background:url(../img/block43.png) no-repeat center; width:794px; height:772px; position:absolute; left:0px; top:0; display:none; background-size: contain;}
.block_4 .boxli0{}
.block_4 .contli{ position:absolute; top:590px;}
.block_4 .contli li{ float:left; display:inline-block; cursor:pointer; position:relative; /*height:67px;*/ width:106px; overflow:hidden; margin-right:20px;}
.block_4 .contli li .mark{ display:block; position:absolute; width:100%; height:100%; background:url(../img/back.png) repeat; left:0px; top:100%; transition:all 0.5s; -transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
.block_4 .contli li:hover .mark{ top:0;}

.block_5{ background:url(../img/block5.jpg) no-repeat center; height:745px; padding-top:155px;}
.block_5 .top{ position:relative; top:-50px; opacity:0;}
.block_5 .top ul{ overflow:hidden; background:#fff; height:465px;}
.block_5 .top a{ display:block;}
.block_5 .top .left{ width:725px; height:465px;}
.block_5 .top .right{ padding:40px 30px; width:205px; overflow:hidden;}
.block_5 .top .title{ font-size:18px; line-height:20px; height:20px; color:#919191; overflow:hidden;}
.block_5 .top .ctitle{ font-size:40px; line-height:48px; height:50px; padding-top:5px; margin-bottom:10px; color:#353535; font-weight:100; overflow:hidden;}
.block_5 .top .des{ font-size:14px; line-height:20px; color:#ef8200; height:60px; margin-bottom:10px; overflow:hidden;}
.block_5 .top .cont{ font-size:12px; line-height:20px; color:#919191; height:180px; overflow:hidden;}
.block_5 .top .more{ font-size:12px; line-height:22px; color:#636363; background:url(../img/back2.png) no-repeat bottom; overflow:hidden; width:108px; height:22px; padding-bottom:5px; text-align:center;}
.block_5 .top .right:hover .more{ color:#ef8200; background:url(../img/back4.png) no-repeat bottom;}
.block_5 .top .right:hover .cont{}
.block_5 .bot{ padding-top:25px;}
.block_5 .bot .boxli{ float:left; display:inline-block; margin-left:16.25px; position:relative; overflow:hidden; height:120px; width:185px; top:-100px; opacity:0;}
.block_5 .bot .boxli.li0{ margin-left:0px;}
.block_5 .bot .boxli .mark{ display:block; width:100%; height:100%; position:absolute; top:100%; left:0px; transition:all 0.5s; -transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; background:url(../img/back1.png) repeat; text-align:center; color:#fff;}
.block_5 .bot .boxli table{ height:100%; width:100%; text-align:center;}
.block_5 .bot .boxli:hover .mark{ top:0px;}

.block_6{ background:url(../img/block6.jpg) no-repeat center; height:738px;}
.block_6 .contbox{ position:relative; height:738px;}
.block_6 .libox0{ position:absolute; display:block; background:url(../img/block61.png) no-repeat center; width:188px; height:170px; left:40%; bottom:40%; opacity:0;}
.block_6 .libox1{ position:absolute; display:block; background:url(../img/block62.png) no-repeat center; width:188px; height:170px; left:40%; bottom:40%; opacity:0;}
.block_6 .libox2{ position:absolute; display:block; background:url(../img/block63.png) no-repeat center; width:188px; height:170px; left:40%; bottom:40%; opacity:0;}
.block_6 .libox3{ position:absolute; display:block; background:url(../img/block64.png) no-repeat center; width:357px; height:322px; left:40%; bottom:40%; opacity:0;}
.block_6 .libox4{ position:absolute; display:block; background:url(../img/block65.png) no-repeat center; width:188px; height:170px; left:40%; bottom:40%; opacity:0;}
.block_6 .libox5{ position:absolute; display:block; background:url(../img/block66.png) no-repeat center; width:189px; height:170px; left:40%; bottom:40%; opacity:0;}
.block_6 .libox6{ position:absolute; display:block; background:url(../img/block67.png) no-repeat center; width:188px; height:170px; left:40%; bottom:40%; opacity:0;}

/*底部*/
footer{ text-align:center; background:#14100d;}
footer .top{ background:#333333; padding:60px 0 50px 0;}
footer li{ float:left; display:inline-block; width:20%; background:url(../img/footerline.png) no-repeat left top; min-height:194px;}
footer li.li0{ background:none;}
footer li .title{ color:#fff; font-size:14px; line-height:22px; padding-top:75px; padding-bottom:5px;}
footer li.li0 .title{ background:url(../img/foot1.png) no-repeat top center;}
footer li.li1 .title{ background:url(../img/foot2.png) no-repeat top center;}
footer li.li2 .title{ background:url(../img/foot3.png) no-repeat top center;}
footer li.li3 .title{ background:url(../img/foot4.png) no-repeat top center;}
footer li.li4 .title{ background:url(../img/foot5.png) no-repeat top center;}
footer li.li3 .contli{ position:relative;}
footer li.li3 .contli img{ position:absolute; left:50%; margin-left:-50px; top:22px; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display:none;}
footer li.li3 .wc a:hover{ color:#cecece;}
footer li.li3 .contli:hover img{ display:block; top:-100px;}
footer li .contli{ font-size:12px; line-height:22px; color:#fff;}
footer li .contli a{ color:#cecece;}
footer li .contli a:hover,footer li .secli a:hover{ color:#f5a100;}
footer li .contpho{ color:#ef8200; line-height:20px; font-size:16px; /*font-weight:600;*/ padding-left:52px;}
footer .copy{ padding:20px;}
footer .copy,footer .copy a{ font-size:12px; color:#a8a8a8; line-height:18px;}
footer .copy a:hover{ color:#fff;}


/*产品first*/
.profblcok1{ background:url(../img/pro1/block1back.jpg) no-repeat center; opacity:0;}
.profblcok1 .w_auto{ position:relative; height:855px; opacity:0;}
.profblcok1 .thisimg{ background:url(../img/pro1/proimg12.png) no-repeat center; width:305px; height:306px; position:absolute; top:30%; right:-100px;}
.profblcok1 .thisimg1{ background:url(../img/pro1/proimg1.png) no-repeat 130px 118px; width:305px; height:306px; position:absolute; top:30%; right:-100px; -webkit-animation: shhi 3s ease-out infinite; animation: shhi 3s ease-out infinite;}
.profblcok2{}
.profblcok2 .w_auto{ height:830px; position:relative;}
.profblcok2 .w_auto div{ height:100%; position:absolute; left:50%; top:0;}
.profblcok2 .thimg1{ background:url(../img/pro1/img1.png) no-repeat center; width:156px; margin-left:200px; z-index:6; opacity:0;}
.profblcok2 .thimg2{ background:url(../img/pro1/img2.png) no-repeat center; width:95px; margin-left:200px; z-index:5; opacity:0;}
.profblcok2 .thimg3{ background:url(../img/pro1/img3.png) no-repeat center; width:30px; margin-left:200px; z-index:4; opacity:0;}
.profblcok2 .thimg4{ background:url(../img/pro1/img4.png) no-repeat center; width:38px; margin-left:200px; z-index:3; opacity:0;}
.profblcok2 .thimg5{ background:url(../img/pro1/img5.png) no-repeat center; width:82px; margin-left:200px; z-index:2; opacity:0;}
.profblcok2 .thimg6{ background:url(../img/pro1/img6.png) no-repeat center; width:270px; margin-left:200px; z-index:1; opacity:0;}
.profblcok2 .thimg7{ background:url(../img/pro1/img7.png) no-repeat center; width:251px; margin-left:220px; z-index:7;}
.profblcok3{ background:#191815;}
.profblcok3 .w_auto{ height:930px; position:relative;}
.profblcok3 .cont{ position:absolute; width:1695px; height:100%; top:0px; left:50%; margin-left:-953px;}
.profblcok3 .imgbox{ position:absolute; width:100%; height:100%; background:url(../img/pro1/block1img.png) no-repeat left bottom; left:0px; top:0px; display:block;}
.profblcok3 .thisimg{ position:absolute; width:56px; height:111px; background:url(../img/pro1/block1img1.png) no-repeat left bottom; left:650px; top:381px; display:block; -webkit-animation: shhi 3s ease-out infinite 1s; animation: shhi 3s ease-out infinite 1s;}
.profblcok3 .thisimg1{ position:absolute; width:100px; height:155px; background:url(../img/pro1/block1img2.png) no-repeat left bottom; left:628px; top:359px; display:block; -webkit-animation: shhi 3s ease-out infinite; animation: shhi 3s ease-out infinite;}
.profblcok3 .title{ position:absolute; top:200px; right:240px; width:336px; height:80px;}
.profblcok3 .entitle{ font-size:15px; color:#afafaf; line-height:20px; padding-bottom:10px;}
.profblcok3 .cntitle{ font-size:56px; color:#ef8200; line-height:60px;/* font-weight:600;*/}
.profblcok3 .box1{ padding-left:15px; position:absolute; right:250px; top:390px; width:610px; height:70px;}
.profblcok3 .box2{ padding-left:15px; position:absolute; right:395px; top:495px; width:610px; height:60px;}
.profblcok3 .box3{ padding-left:15px; position:absolute; right:100px; top:580px; width:610px; height:70px;}
.profblcok3 .point{ background:url(../img/pro1/iconback.png) no-repeat center; height:33px; width:33px; cursor:pointer; position:absolute; left:0px; top:0px; -webkit-animation: arrowUp 1s ease-out infinite; animation: arrowUp 1s ease-out infinite;}
@-webkit-keyframes shhi {
    0% {
		opacity:1;
    }
    50% {
		opacity:0;
    }
    100% {
		opacity:1;
    }
}
@keyframes shhi {
    0% {
		opacity:1;
    }
    50% {
		opacity:0;
    }
    100% {
		opacity:1;
    }
}
@-webkit-keyframes arrowUp {
    0% {
		background-size:100%
    }
    100% {
		background-size:50%
    }
}
@keyframes arrowUp {
    0% {
		background-size:100%
    }
    50% {
		opacity:1;
    }
    100% {
		opacity:0;
    }
}
.profblcok3 .point span{ background:url(../img/pro1/iconback1.png) no-repeat center; height:33px; display:block;}
.profblcok3 .mes{ font-size:18px; line-height:20px; color:#ffffff; display:inline-block; padding-left:30px; display:none;}
.profblcok3 .box1 .line{ background:url(../img/pro1/line2.png) no-repeat center; width:268px; height:69px;  display:none;}
.profblcok3 .box2 .line{ background:url(../img/pro1/line1.png) no-repeat center; width:402px; height:20px;  display:none;}
.profblcok3 .box3 .line{ background:url(../img/pro1/line3.png) no-repeat center; width:119px; height:69px; display:none;}
.profblcok3 .box1 .point{ top:53px;}
.profblcok3 .box2 .point{ top:-6px;}
.profblcok3 .box3 .point{ top:-10px;}
.profblcok3 .box2 .mes{ width:170px;}
.profblcok3 .box3 .mes{ padding-top:55px; width:460px;}
.profblcok4{}
.profblcok4 .w_auto{ position:relative; height:935px;}
.profblcok4 .li1{ position:relative; left:-100px; opacity:0;}
.profblcok4 .li2{ position:relative; left:-100px; opacity:0;}
.profblcok4 .li3{ position:relative; left:-100px; opacity:0;}
.profblcok4 .li4{ position:relative; left:-100px; opacity:0;}
.profblcok4 .li5{ position:relative; left:-100px; opacity:0;}
.profblcok4 .img{ background:url(../img/pro1/block4back.png) no-repeat right bottom; width:840px; height:100%; top:0; left:850px; position:absolute; opacity:0;}
.profblcok4 .leftcont{ width:540px;}
.profblcok4 .top{ padding-top:170px; margin-bottom:70px;}
.profblcok4 .entitle{ font-size:15px; line-height:20px; color:#afafaf;}
.profblcok4 .cntitle{ font-size:56px; line-height:60px; color:#ef8200;/*font-weight:600;*/}
.profblcok4 .left{ height:46px; width:50px; margin-right:50px; margin-bottom:60px;}
.profblcok4 .right{ float:left; font-size:18px; line-height:24px; color:#353535;}
.profblcok4 .li1 .left{ background:url(../img/icon1.png) no-repeat center;}
.profblcok4 .li2 .left{ background:url(../img/icon2.png) no-repeat center;}
.profblcok4 .li3 .left{ background:url(../img/icon3.png) no-repeat center;}
.profblcok4 .li4 .left{ background:url(../img/icon4.png) no-repeat center;}
.profblcok4 .li5 .left{ background:url(../img/icon5.png) no-repeat center;}
.profblcok5{ height:890px; position:relative; background:url(../img/pro1/block5back.jpg) no-repeat center;}
.profblcok5 .w_auto{ position:relative;}
.profblcok5 .img{ background:url(../img/block21.png) no-repeat center bottom; height:855px; width:598px; position:absolute; left:-130px; top:0;}
.profblcok5 .img2{ background:url(../img/block2.jpg) no-repeat center; display:none; position:absolute; width:100%; height:100%; left:0px; top:0px;}
.profblcok5 .left{ background:url(../img/block21.png) no-repeat center bottom; width:651px; height:890px; position:relative; left:-250px; top:100px; opacity:0;}
.profblcok5 .left .click{ background:url(../img/block22.png) no-repeat center; width:52px; height:31px; display:block; position:absolute; right:123px; top:413px;}
.profblcok5 .left .thimg{ background:url(../img/ingback.png) repeat; height:471px; width:259px; display:block; position:absolute; top:239px; left:277px; display:none;}
.profblcok5 .left .imgbox1{ background:#fff; text-align:center; border-radius:5px; height:25px; padding:12.5px 0; width:50%; position:absolute; top:270px; left:60px;}
.profblcok5 .left .click{ background:url(../img/block22.png) no-repeat center; width:52px; height:31px; display:none; position:absolute; right:123px; top:634px;}
.profblcok5 .cont{ position:absolute; top:200px; right:00px;}
.profblcok5 .title{ font-size:28px; line-height:32px; color:#ef8200; padding-bottom:15px;/* font-weight:600;*/}
.profblcok5 .posi{ position:relative;}
.profblcok5 .contimg{ background:url(../img/pro1/proimg12.png) no-repeat center; width:305px; height:306px;}
.profblcok5 .contimg1{ background:url(../img/pro1/proimg1.png) no-repeat 130px 118px; width:305px; height:306px; position:absolute; top:0px; left:0px; -webkit-animation: shhi 3s ease-out infinite; animation: shhi 3s ease-out infinite;}
.profblcok6{ background:url(../img/pro1/block6back.jpg) no-repeat center;}
.profblcok6 video{ display:block;}
.profblcok7{ background:url(../img/pro1/block7back.jpg) no-repeat center;}
.profblcok7 video{ display:block;}
.profblcok8{ padding:30px 0;}
.profblcok8 .iconbox{ padding:50px 0;}
.profblcok8 span{ display:inline-block; float:left; width:20%; height:60px; opacity:0; position:relative; left:-80px;}
.profblcok8 span.icon1{ background:url(../img/pro1/icon1.png) no-repeat center;}
.profblcok8 span.icon2{ background:url(../img/pro1/icon2.png) no-repeat center;}
.profblcok8 span.icon3{ background:url(../img/pro1/icon3.png) no-repeat center;}
.profblcok8 span.icon4{ background:url(../img/pro1/icon4.png) no-repeat center;}
.profblcok8 span.icon5{ background:url(../img/pro1/icon5.png) no-repeat center;}
.profblcok8 .cont{ font-size:14px; line-height:22px; color:#595959;}


/*产品second*/
.prosblcok1{ background:url(../img/pro2/blcok1.jpg) no-repeat bottom center; height:800px;}
.prosblcok2{ background:url(../img/pro2/blcok2.jpg) no-repeat center; position:relative;}
.prosblcok2 video,.prosblcok3 video{ display:block;}
.prosblcok3{ background:url(../img/pro2/blcok3.jpg) no-repeat center; position:relative;}
.prosblcok4{ text-align:center; padding:110px 0;}
.prosblcok4 .title{ font-size:18px; line-height:20px; color:#212121; padding-bottom:40px;}
.prosblcok4 .libox{ padding:10px 0;}
.prosblcok4 .libox span{ display:inline-block; background:#dddddd; height:10px; width:10px; margin:0 5px; cursor:pointer; border-radius:50%;}
.prosblcok4 .libox span.on{ background:#f29b33;}
.prosblcok4 .imgbox{}
.prosblcok4 .imgbox .boxli{ opacity:0.35; width:33.33%; float:left; display:inline-block; transition:all 0.5s; -transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; cursor:pointer;}
.prosblcok4 .imgbox .boxli.on{ opacity:1;}
.prosblcok5{ background:url(../img/pro2/blcok5.jpg) no-repeat center; height:690px; padding-top:150px;}
.prosblcok5 .w_auto{ position:relative;}
.prosblcok5 .imgbox1{ background:url(../img/pro2/blcok51.png) no-repeat center; height:539px; width:942px; position:relative; top:-100px; opacity:0;}
.prosblcok5 .imgbox1 .hd{ position:absolute; left:90px; top:-30px; width:750px; position:relative;}
.prosblcok5 .imgbox1 .hd li{ background:#646464; border-radius:50%; height:10px; width:10px; margin:10px 5px 0 5px; display:inline-block; cursor:pointer;}
.prosblcok5 .imgbox1 .hd li.on{ background:#f09830; border-radius:50%; height:10px; width:10px; margin:0 5px;}
.prosblcok5 .imgbox1 .left .title{ font-size:22px; font-weight:600; line-height:30px; color:#ef8200; display:inline-block;}
.prosblcok5 .imgbox1 .left .ti1{ display:none;}
.prosblcok5 .imgbox1 .right .ti1{ font-size:18px; line-height:30px; color:#212121; display:inline-block; position:absolute; top:0px; left:0px; display:none;}
.prosblcok5 .imgbox1 .right li.on .ti1{ display:block;}
.prosblcok5 .imgbox1 .bd{ position:absolute; top:24px; left:112px;}
.prosblcok5 .imgbox2{ background:url(../img/pro2/blcok52.png) no-repeat center; width:186px; height:378px; position:absolute; top:100px; right:29px; opacity:0;}
.prosblcok5 .imgbox2 .bd{ position:absolute; top:46px; left:12px;}

.prosblcok6{ height:816px;}
.prosblcok6 .w_auto{ position:relative; height:816px;}
.prosblcok6 .img{ background:url(../img/pro2/block6.png) no-repeat right 110px; width:558px; height:816px; position:absolute; top:-100px; right:-130px; opacity:0;}
.prosblcok6 .entitle{ font-size:15px; line-height:20px; color:#afafaf;}
.prosblcok6 .cntitle{ font-size:42px; line-height:46px; color:#ef8200;/* font-weight:600;*/ margin-bottom:70px;}
.prosblcok6 .cont{ position:absolute; width:550px; left:30px; top:100px;}
.prosblcok6 .boxli{ margin-bottom:20px; position:relative; left:-100px; opacity:0;}
.prosblcok6 .boxli span.left{ width:30px; height:32px; margin-right:20px;}
.prosblcok6 .boxli .left{ float:left; display:inline-block; font-size:16px; line-height:30px; color:#3e3a39;}
.prosblcok6 .boxli span.ico1{ background:url(../img/pro2/icon1.png) no-repeat center;}
.prosblcok6 .boxli span.ico2{ background:url(../img/pro2/icon2.png) no-repeat center;}
.prosblcok6 .boxli span.ico3{ background:url(../img/pro2/icon3.png) no-repeat center;}
.prosblcok6 .boxli span.ico4{ background:url(../img/pro2/icon4.png) no-repeat center;}
.prosblcok6 .boxli span.ico5{ background:url(../img/pro2/icon5.png) no-repeat center;}
.prosblcok6 .boxli span.ico6{ background:url(../img/pro2/icon6.png) no-repeat center;}
.prosblcok6 .boxli span.ico7{ background:url(../img/pro2/icon7.png) no-repeat center;}
.prosblcok6 .boxli span.ico8{ background:url(../img/pro2/icon8.png) no-repeat center;}
.prosblcok6 .boxli span.ico9{ background:url(../img/pro2/icon9.png) no-repeat center;}

.prosblcok7{ background:url(../img/pro2/blcok7.jpg) no-repeat center; height:890px; text-align:center;}
.prosblcok7 .entitle{ font-size:15px; line-height:20px; color:#afafaf; padding-top:80px;}
.prosblcok7 .cntitle{ font-size:42px; line-height:46px; color:#ef8200; /*font-weight:600;*/ margin-bottom:40px;}
.prosblcok7 .img{ background:url(../img/pro2/block7.png) no-repeat center; height:491px;}
.prosblcok7 .imgbox3{ position:relative;}
.prosblcok7 .hd{}
.prosblcok7 .top,.prosblcok7 .bot{ position:relative; top:-100px; opacity:0;}
.prosblcok7 .prev{ background:url(../img/icon12.png) no-repeat center; width:30px; height:30px; position:absolute; left:-50px; top:42px; cursor:pointer;}
.prosblcok7 .next{ background:url(../img/icon13.png) no-repeat center; width:30px; height:30px; position:absolute; right:-50px; top:42px; cursor:pointer;}
.prosblcok7 .bd{ background:url(../img/icon15.png) repeat-x 10px; max-height:100px; padding-top:40px;}
.prosblcok7 .bd li{ width:300px; padding:0 15px;}
.prosblcok7 .bd li span{ background:url(../img/icon14.png) no-repeat center; height:30px; display:block; margin-bottom:25px;}
.prosblcok7 .bd li .word{ font-size:16px; line-height:20px; color:#ef8200;}

.prosblcok8{ padding:90px 0; text-align:center;}
.prosblcok8 .iconbox{}
.prosblcok8 .iconbox span{ display:block; height:35px; margin-bottom:10px;}
.prosblcok8 .iconbox .cont{ font-size:12px; line-height:18px; color:#262626;}
.prosblcok8 .iconbox .li{ width:20%; float:left; display:inline-block;}
.prosblcok8 .iconbox .li1 span{ background:url(../img/icon6.png) no-repeat center;}
.prosblcok8 .iconbox .li2 span{ background:url(../img/icon7.png) no-repeat center;}
.prosblcok8 .iconbox .li3 span{ background:url(../img/icon8.png) no-repeat center;}
.prosblcok8 .iconbox .li4 span{ background:url(../img/icon9.png) no-repeat center;}
.prosblcok8 .iconbox .li5 span{ background:url(../img/icon10.png) no-repeat center;}
.prosblcok8 .thcont{ font-size:13px; line-height:20px; color:#636363; padding-top:70px;}

.videoplay{ position:absolute; display:block; background:url(../img/icon11.png) no-repeat center; height:100px; width:100px; cursor:pointer; top:50%; left:50%; margin-left:-50px; margin-top:-50px; display:none;}
.prostoptitle{ background:url(../img/back5.png) repeat; height:64px; position:absolute; width:100%; left:0; top:0;}
.prostoptitle .first{ background:url(../img/back6.png) repeat; font-size:28px;}
.prostoptitle li{ height:100%; float:left; display:inline-block; width:25%; text-align:center; color:#fff; font-size:18px; line-height:64px;}

/*产品third*/
.protblcok1{ background:url(../img/pro3/pro_top.jpg) no-repeat center; height:525px;}
.protblcok1 article{ font-size:14px; line-height:22px; color:#fff; width:860px; padding-top:130px;}
.protblcok1 article p{ position:relative; left:-70px; opacity:0; transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.protblcok1 article p.on{ left:0px; opacity:1;}

.protblcok2{ height:1425px; overflow:hidden;}
.protblcok2 .w_auto{ position:relative; height:100%;}
.protblcok2 .min{ background:url(../img/pro3/blcok1/icon8.png) no-repeat center; width:133px; height:901px; left:580px; top:412px; position:absolute; display:block;}
.protblcok2 span{ display:block; position:absolute;}
.protblcok2 .ion0{ background:url(../img/pro3/blcok1/icon0.png) no-repeat center; width:334px; height:94px; top:-143px; left:-140px; z-index:8;}
.protblcok2 .ion1{ background:url(../img/pro3/blcok1/icon1.png) no-repeat center; width:28px; height:49px; top:-120px; left:-0px; z-index:7;}
.protblcok2 .ion2{ background:url(../img/pro3/blcok1/icon2.png) no-repeat center; width:13px; height:34px; top:-110px; left:-0px; z-index:6;}
.protblcok2 .ion3{ background:url(../img/pro3/blcok1/icon3.png) no-repeat center; width:30px; height:47px; top:-120px; left:-0px; z-index:5;}
.protblcok2 .ion4{ background:url(../img/pro3/blcok1/icon4.png) no-repeat center; width:142px; height:63px; top:-137px; left:0px; z-index:4;}
.protblcok2 .ion5{ background:url(../img/pro3/blcok1/icon5.png) no-repeat center; width:264px; height:113px; top:-100px; left:-70px; z-index:3;}
.protblcok2 .ion6{ background:url(../img/pro3/blcok1/icon6.png) no-repeat center; width:43px; height:30px; top:-30px; left:45px; z-index:2;}
.protblcok2 .ion7{ background:url(../img/pro3/blcok1/icon7.png) no-repeat center; width:35px; height:27px; top:-20px; left:48px; z-index:1;}
.protblcok2 .ion9{ background:url(../img/pro3/blcok1/icon9.png) no-repeat center; width:104px; height:369px; top:97px; left:-117px; transform:rotate(1deg);}
.protblcok2 .ion10{ background:url(../img/pro3/blcok1/icon10.png) no-repeat center; width:84px; height:143px; top:190px; left:-110px;}
.protblcok2 .ion11{ background:url(../img/pro3/blcok1/icon11.png) no-repeat center; width:106px; height:168px; top:177px; left:-114px;}
.protblcok2 .ion12{ background:url(../img/pro3/blcok1/icon12.png) no-repeat center; width:166px; height:364px; top:90px; left:-113px;}
.protblcok2 .ion13{ background:url(../img/pro3/blcok1/icon13.png) no-repeat center; width:41px; height:77px; top:486px; left:-30px; z-index:3;}
.protblcok2 .ion14{ background:url(../img/pro3/blcok1/icon14.png) no-repeat center; width:83px; height:101px; top:480px; left:-32px; z-index:2;}
.protblcok2 .ion15{ background:url(../img/pro3/blcok1/icon15.png) no-repeat center; width:70px; height:70px; top:488px; left:-4px; z-index:1;}
.protblcok2 .ion16{ background:url(../img/pro3/blcok1/icon16.png) no-repeat center; width:84px; height:64px; top:490px; left:-17px;}
.protblcok2 .ion17{ background:url(../img/pro3/blcok1/icon17.png) no-repeat center; width:55px; height:59px; top:490px; left:42px;}

.protblcok3{ height:930px; background:#191815; overflow:hidden;}
.protblcok3 .title,.protblcok3 li{ opacity:0; transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.protblcok3 .w_auto{ width:1200px; position:relative; height:100%;}
.protblcok3 .title{ position:absolute; top:85px; left:85px;}
.protblcok3 div.title.on{ opacity:1; top:165px;}
.protblcok3 .t1{ font-size:19px; line-height:24px; color:#afafaf;}
.protblcok3 .t2{ font-size:52px; line-height:54px; color:#ef8200;/* font-weight:600;*/}
.protblcok3 .point{ background: url(../img/pro1/iconback.png) no-repeat center; background-size:100%; height: 33px; width: 33px; cursor: pointer; position: absolute; right: 0px; top:50%; margin-top:-16.5px; -webkit-animation: arrowUp 1s linear infinite; animation: arrowUp 1s linear infinite;}
.protblcok3 .img{ background:url(../img/pro3/img11.png) no-repeat center; width:288px; height:647px; bottom:0px; left:50%; margin-left:-190px; position:absolute;}
.protblcok3 .point span{ background: url(../img/pro1/iconback1.png) no-repeat center; height: 33px; display: block;}
.protblcok3 li{ padding:0 46px; position:absolute; font-size:18px; line-height:22px; color:#fff;}
.protblcok3 .li1{ top:450px; left:80px;}
.protblcok3 .li2{ top:660px; left:90px;}
.protblcok3 .li2 .point,.protblcok3 .li1 .point{ left:0;}
.protblcok3 .li3{ text-align:right; top:350px; right:200px;}
.protblcok3 .li4{ text-align:right; top:550px; right:160px;}
.protblcok3 .li5{ text-align:right; top:750px; right:200px;}
.protblcok3 li.on{ opacity:1;}
.protblcok3 .box{ position:absolute; top:10px; background:url(../img/pro3/yu2.png) no-repeat center; width:1117px; height:1117px; -webkit-animation: roundd 20s linear infinite; animation: roundd 20s linear infinite; -moz-animation: roundd 20s linear infinite; -ms-animation: roundd 20s linear infinite; -o-animation: roundd 20s linear infinite;}
.protblcok3 .secBox{ position:absolute; top:50%; left:50%; margin-top:-477px; margin-left:-477px; background:url(../img/pro3/yu1.png) no-repeat center; width:954px; height:954px; -webkit-animation: roundds 7.5s linear infinite; animation: roundds 7.5s linear infinite; -moz-animation: roundds 7.5s linear infinite; -ms-animation: roundds 7.5s linear infinite; -o-animation: roundds 7.5s linear infinite;}
.protblcok3 .thirdBox{ position:absolute; top:50%; left:50%; margin-top:-402px; margin-left:-402px; background:url(../img/pro3/yu3.png) no-repeat center; width:804px; height:804px; -webkit-animation: roundd 10s linear infinite; animation: roundd 10s linear infinite; -moz-animation: roundd 10s linear infinite; -ms-animation: roundd 10s linear infinite; -o-animation: roundd 10s linear infinite;}

@-webkit-keyframes roundd {
    0% {
		-webkit-transform:rotate(0deg);
    }
    100% {
		-webkit-transform:rotate(360deg);
    }
}
@-ms-keyframes roundd {
    0% {
		-ms-transform:rotate(0deg);
    }
    100% {
		-ms-transform:rotate(360deg);
    }
}
@-moz-keyframes roundd {
    0% {
		-moz-transform:rotate(0deg);
    }
    100% {
		-moz-transform:rotate(360deg);
    }
}
@keyframes roundd {
    0% {
		transform:rotate(0deg);
    }
    100% {
		transform:rotate(360deg);
    }
}
@-webkit-keyframes roundds {
    0% {
		-webkit-transform:rotate(0deg);
    }
    100% {
		-webkit-transform:rotate(-360deg);
    }
}
@-ms-keyframes roundds {
    0% {
		-ms-transform:rotate(0deg);
    }
    100% {
		-ms-transform:rotate(-360deg);
    }
}
@-moz-keyframes roundds {
    0% {
		-moz-transform:rotate(0deg);
    }
    100% {
		-moz-transform:rotate(-360deg);
    }
}
@keyframes roundds {
    0% {
		transform:rotate(0deg);
    }
    100% {
		transform:rotate(-360deg);
    }
}

.protblcok4{ background:url(../img/pro3/pro1.jpg) no-repeat center; height:800px; padding-top:165px; overflow:hidden;}
.protblcok4 .left{ padding-left:100px;}
.protblcok4 .title{ margin-bottom:-25px; opacity:0; transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.protblcok4 div.title.on{ margin-bottom:65px; opacity:1;}
.protblcok4 .t1{ font-size:16px; line-height:20px; color:#606060;}
.protblcok4 .t2{ font-size:52px;/* font-weight:600; */line-height:54px; color:#4f4f4f;}
.protblcok4 li{ position:relative; background:url(../img/pro3/img7.png) no-repeat right center; width:234px; height:44px; color:#fff; padding:16px 0px 16px 103px; line-height:22px; font-size:18px; margin-bottom:20px; left:-80px; opacity:0; transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.protblcok4 li.on{ opacity:1; left:0;}
.protblcok4 .round{ position:absolute; top:0; left:0px; background:url(../img/pro3/img8.png) no-repeat center; height:44px; width:76px; text-align:center; padding:16px 0px;}
.protblcok4 .img{ background:url(../img/pro3/img10.png) no-repeat center bottom; width:288px; height:800px; margin-right:0px; transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear; -webkit-transition:all 1s linear;}
.protblcok4 div.img.on{ opacity:1; margin-right:140px;}

.protblcok5{ padding:95px 0 130px 0;}
.protblcok5 .title{ text-align:center;}
.protblcok5 .entitle{ color:#606060; font-size:12px; line-height:18px;}
.protblcok5 .cntitle{ font-size:30px; line-height:32px; color:#4f4f4f; /*font-weight:600;*/}
.protblcok5 .picBox{ height:220px; background:url(../img/pro3/iconback.png) no-repeat bottom center; position:relative;}
.protblcok5 .icn{ opacity:0; position:absolute; transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.protblcok5 span{ font-size:12px; line-height:18px; color:#3e3a39; position:absolute; bottom:-20px; left:33px; width:100px;}
.protblcok5 .icon1{ background:url(../img/pro3/icon1.png) no-repeat center; width:49px; height:85px; left:-50px; bottom:50px;}
.protblcok5 div.icon1.on{ opacity:1; left:0px;}
.protblcok5 .icon2{ background:url(../img/pro3/icon2.png) no-repeat center; width:32px; height:65px; left:0px; bottom:65px;}
.protblcok5 div.icon2.on{ opacity:1; left:49px;}
.protblcok5 .icon2 span{ bottom:-46px; left:-17px;}
.protblcok5 .icon3{ background:url(../img/pro3/icon3.png) no-repeat center; width:32px; height:55px; left:53px; bottom:85px;}
.protblcok5 div.icon3.on{ opacity:1; left:103px;}
.protblcok5 .icon4{ background:url(../img/pro3/icon4.png) no-repeat center; width:65px; height:44px; left:90px; bottom:88px;}
.protblcok5 div.icon4.on{ opacity:1; left:140px;}
.protblcok5 .icon4 span{ left:17px;}
.protblcok5 .icon5{ background:url(../img/pro3/icon5.png) no-repeat center; width:100px; height:83px; left:158px; bottom:81px;}
.protblcok5 div.icon5.on{ opacity:1; left:208px;}
.protblcok5 .icon6{ background:url(../img/pro3/icon6.png) no-repeat center; width:36px; height:64px; left:280px; bottom:60px;}
.protblcok5 div.icon6.on{ opacity:1; left:330px;}
.protblcok5 .icon6 span{ bottom:-48px; left:-38px;}
.protblcok5 .icon7{ background:url(../img/pro3/icon7.png) no-repeat center; width:30px; height:81px; left:350px; bottom:60px;}
.protblcok5 div.icon7.on{ opacity:1; left:400px;}
.protblcok5 .icon8{ background:url(../img/pro3/icon8.png) no-repeat center; width:46px; height:65px; left:400px; bottom:22px;}
.protblcok5 div.icon8.on{ opacity:1; left:450px;}
.protblcok5 .icon8 span{ bottom:-40px; left:-20px; width:150px;}
.protblcok5 .icon9{ background:url(../img/pro3/icon9.png) no-repeat center; width:30px; height:81px; left:475px; bottom:25px;}
.protblcok5 div.icon9.on{ opacity:1; left:525px;}
.protblcok5 .icon10{ background:url(../img/pro3/icon10.png) no-repeat center; width:73px; height:72px; left:530px; bottom:-3px;}
.protblcok5 div.icon10.on{ opacity:1; left:580px;}
.protblcok5 .icon10 span{ bottom:-40px; left:0px;}
.protblcok5 .icon11{ background:url(../img/pro3/icon11.png) no-repeat center; width:31px; height:81px; left:630px; bottom:20px;}
.protblcok5 div.icon11.on{ opacity:1; left:680px;}
.protblcok5 .icon12{ background:url(../img/pro3/icon12.png) no-repeat center; width:68px; height:68px; left:687px; bottom:29px;}
.protblcok5 div.icon12.on{ opacity:1; left:737px;}
.protblcok5 .icon12 span{ bottom:-45px; left:30px;}
.protblcok5 .icon13{ background:url(../img/pro3/icon13.png) no-repeat center; width:86px; height:47px; left:797px; bottom:56px; z-index:2;}
.protblcok5 div.icon13.on{ opacity:1; left:847px;}
.protblcok5 .icon13 span{ bottom:-20px; left:33px;}
.protblcok5 .icon14{ background:url(../img/pro3/icon14.png) no-repeat center; width:89px; height:83px; left:825px; bottom:72px;}
.protblcok5 div.icon14.on{ opacity:1; left:875px;}
.protblcok5 .icon15{ background:url(../img/pro3/icon15.png) no-repeat center; width:31px; height:55px; left:915px; bottom:72px;}
.protblcok5 div.icon15.on{ opacity:1; left:965px;}

.protblcok6 video{ display:block;}
.protblcok7 video{ display:block;} 

.protblcok8{ text-align:center; padding:100px 0;}
.protblcok8 li{ float:left; width:145px; display:inline-block; padding:0 10px; position:relative; left:-80px; opacity:0; transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.protblcok8 li.on{ left:0; opacity:1;}
.protblcok8 li .cont{ padding-top:25px; font-size:12px; line-height:18px; color:#636363;}
/*分页*/
.pagebox{ text-align:center; padding:10px;}
.pagebox a,.pagebox span{ display:inline-block; font-size:14px; line-height:22px; color:#606060; padding:0 8px; margin:0 4px;}
.pagebox a:hover{ color:#ef8200;}
.pagebox span.current{ color:#ef8200;}


/*上一页下一页*/
.pnbox{ padding:10px 0;}
.pnbox p{ padding:3px 0;}
.pnbox a{ line-height:18px; display:inline-block; color:#3c4147; font-size:12px;}
.pnbox a:hover{ color:#f39f00;}

.autoBanner{ height:340px;}
.autoBlock{ padding:45px 0;}
.autoBlock .autoLeft{ float:left; display:inline-block; width:215px;}
.autoBlock .toptitle{ font-size:22px; line-height:54px; color:#ef8200; padding-left:25px; width:175px; background:#f4f4f4; line-height:54px;}
.autoBlock .menuBox{ background:#f4f4f4; width:200px; padding-bottom:30px;}
.autoBlock .menuBox li{ display:block; width:215px; background:url(../img/amenu1.png) no-repeat left top; min-height:50px; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
.autoBlock .menuBox li:hover{ background:url(../img/amenu.png) no-repeat left top;}
.autoBlock .menuBox li.hover{ background:url(../img/amenu.png) no-repeat left top;}
.autoBlock .menuBox li.on{ background:url(../img/amenu.png) no-repeat left top; padding-bottom:4px;}
.autoBlock .menuBox li.last{ padding-bottom:4px;}
.autoBlock .menuBox li a.title{ display:block; height:50px; font-size:16px; line-height:50px; padding-left:25px; color:#fff;}
.autoBlock .autoRight{ float:right; display:inline-block; width:735px; overflow:hidden;}
.autoBlock .secmenu{ display:none;}
.autoBlock li.on .secmenu{ display:block;}
.autoBlock .sectitle{ color:#7c7c7c; font-size:14px; line-height:18px; padding-left:35px; padding-right:25px; display:block; padding-bottom:10px; position:relative;}
.autoBlock .sectitle .point{ position:absolute; top:6px; left:25px; height:5px; line-height:5px; width:5px; border-radius:50%; background:#7c7c7c; color:transparent; display:inline-block; margin-right:8px;}
.autoBlock .sectitle.on .point{ background:#ef8200;}
.autoBlock a.sectitle.on,.autoBlock .sectitle:hover{ color:#ef8200;}

.readBlock{ padding:0 0 45px 0;}
.readBlock .pathBox{ padding:22px 0; font-size:14px; line-height:22px; color:#828282;}
.readBlock .pathBox a{ color:#828282;}
.readBlock .pathBox a:hover{ color:#ef8200;}

/*案例*/
.casebox{}
.casebox .contbox{ display:block;}
.casebox .contbox .left{ width:540px; height:345px; overflow:hidden; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
.casebox .contbox:hover .left{ opacity:0.7;}
.casebox .contbox .right{ width:155px; height:285px; overflow:hidden; padding:60px 20px 0 20px;}
.casebox .contbox .caredtitle{ font-size:16px; line-height:22px; color:#161616; margin-bottom:20px;}
.casebox .contbox .content{ font-size:12px; line-height:18px; color:#919191; height:240px; overflow-y:auto;}
.casebox .contbox:hover .caredtitle{ color:#ef8200;}
.casebox .contbox .left{ width:540px; height:345px; overflow:hidden;}
.casebox .ul{ padding-top:15px;}
.casebox .ul li{ position:relative; float:left; display:inline-block; overflow:hidden; width:140px; height:90px; margin-right:8.75px; cursor:pointer;}
.casebox .ul li.last{ margin-right:0;}
.casebox .ul li .mark{ display:block; width:100%; height:100%; position:absolute; top:100%; left:0px; transition:all 0.5s; -transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; background:url(../img/back.png) repeat; text-align:center; color:#fff;}
.casebox .ul li table{ height:100%; width:100%; text-align:center;}
.casebox .ul li:hover .mark{ top:0px;}
.casebox .ul li.on .mark{ top:0px;}

/*产品列表*/
.probox{}
.probox ul{}
.probox li{ float:left; display:inline-block; width:235px; margin-bottom:10px; margin-left:15px;}
.probox li.fir{ margin-left:0;}
.probox li .title{ font-size:14px; line-height:30px; color:#474747; text-align:center; padding:10px 10px 0 10px; overflow:hidden;}
.probox li img{ display:block; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.probox li:hover img{ opacity:0.6;}
.probox li:hover .title{ color:#ef8200;}

/*产品内页*/
.proRead .imgbox{ position:relative;}
.proRead .readTitle{ position:absolute; left:0px; top:30px; width:92%; padding:0 4%; text-align:center; line-height:28px; color:#ef8200; font-size:25px; /*font-weight:600;*/}
.fixbox{ height:70px;}
.proRead .tybox .li{ background:url(../img/propoint.png) no-repeat 100px center; display:inline-block; width:330px; float:left; text-align:center; font-size:18px; line-height:70px; color:#3d3d3d; cursor:pointer;}
.proRead .li:hover{ background:url(../img/propoint1.png) no-repeat 100px center; color:#ef8200;}
.proRead .tybox.fixed{ position:fixed; top:80px; left:0; width:100%; height:70px; background:#f6f6f6;}
.proRead .autotitle{ font-size:18px; line-height:30px; color:#191919; padding-bottom:10px;}
.proRead .cont{ font-size:14px; line-height:22px; color:#515151;}
.proRead .cont1{ padding-bottom:20px;}
.proRead .cont2{ padding-bottom:20px;}
.proRead .cont3{ padding-bottom:20px;}
.proRead .cont3 li{ float:left; display:inline-block; padding-left:30px; text-align:center; width:310px; overflow:hidden; margin-bottom:20px;}
.proRead .cont3 li.fir{ padding-left:0;}
.proRead .cont3 li .title{ line-height:24px; height:24px; color:#000000; font-size14:px; width:290px; padding:15px 10px 0 10px; overflow:hidden;}
.proRead .cont3 li img{ transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.proRead .cont3 li:hover .title{ color:#ef8200;}
.proRead .cont3 li:hover img{ opacity:0.7;}

/*关于我们分公司*/
.chilbox .bigTitle{ font-size:22px; line-height:28px; color:#232323; font-weight:600; margin-bottom:20px;}
.chilbox .dl{}
.chilbox .dl dl{ float:left; display:inline-block; width:340px; margin-left:55px; margin-bottom:50px;}
.chilbox dl.fir{ margin-left:0;}
.chilbox .dl dt{ font-size:16px; line-height:28px; color:#ef8200; padding-bottom:15px;}
.chilbox .dl dd{ font-size:14px; line-height:22px; color:#686868;}

/*公司介绍*/
.desbox{}
.desbox .entitle{ font-size:20px; line-height:28px; color:#232323; font-weight:600;}
.desbox .title{ font-size:34px; line-height:38px; color:#ef8200; /*font-weight:600;*/}
.desbox .content{ font-size:14px; line-height:22px; color:#474747; padding:30px 0;}

/*加入我们*/
.joinbox{}
.joinbox ul{}
.joinbox li{ cursor:pointer;}
.joinbox .autotitle{ font-size:22px; line-height:26px; color:#232323; /*font-weight:600;*/}
.joinbox .jobname{ background:url(../img/joinline.png) repeat-x left 20px;}
.joinbox .jobname .ti1{ font-size:16px; line-height:40px; color:#ef8200; padding-right:5px; max-width:690px; background:#fff; display:inline-block;}
.joinbox .jobname .icon{ background:#fff url(../img/join1.png) no-repeat right; width:23px; height:40px; display:inline-block; position:relative; float:right; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
.joinbox li:hover .icon{ background:#fff url(../img/join1.png) no-repeat left;}
.joinbox li.on .icon{ background:#fff url(../img/join1.png) no-repeat left;}
.joinbox .content{ font-size:14px; line-height:22px; color:#686868; padding-bottom:20px; display:none;}

/*解决方案*/
.solubox{}
.solubox li{ height:125px; overflow:hidden; margin-bottom:10px;}
.solubox .left{ width:190px; overflow:hidden;}
.solubox .cont{ float:left; display:inline-block; margin-left:5px; width:435px; padding:20.5px 25px; background:#f7f7f7;}
.solubox .litit{ line-height:34px; height:34px; overflow:hidden; font-size:16px; color:#161616; background:url(../img/joinline.png) repeat-x bottom; margin-bottom:10px;}
.solubox article{ font-size:14px; line-height:20px; color:#919191; height:40px; overflow:hidden;}
.solubox .right{ width:55px; background:#3f3f3f; color:#fff; text-align:center; height:125px; line-height:125px;}
.solubox li img{ transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.solubox li:hover .right{ background:#ef8200;}
.solubox li:hover img{ opacity:0.7;}

/*联系我们*/
.contact{}
.contact .contitle{ color:#232323; line-height:26px; font-size:22px; margin-bottom:20px; font-weight:600;}
.contact input{ font-size:14px; line-height:44px; color:#444444; height:44px; display:block; padding:0 15px; background:#efefef; border:0 none; width:705px; margin-bottom:5px;}
.contact .form{}
.contact .name{ margin-right:5px;}
.contact .phone{ width:335px; display:inline-block;}
.contact .email{ width:335px; display:inline-block;}
.contact .message{ background:#efefef; color:#444444; border:0 none; font-size:14px; line-height:22px; width:705px; padding:5px 15px; height:200px; margin-bottom:5px;}
.contact .submit{ display:block; cursor:pointer; width:200px; text-align:center; color:#444444; line-height:44px; font-size:18px; height:44px; background:#efefef;}
.contact .submit:hover{ background:#ef8200; color:#fff;}

/*资料下载*/
.downbox{}
.downbox li{ border-bottom:1px solid #ededed; padding:0 50px 35px 50px; margin-bottom:35px; background:url(../img/downicon1.png) no-repeat left top;}
.downbox .left{ width:590px;}
.downbox li .title{ font-size:18px; line-height:22px; padding-bottom:5px; color:#161616;}
.downbox li article{ font-size:14px; line-height:20px; color:#686868;}
.downbox .right{ background:url(../img/downicon.png) no-repeat center bottom; width:30px; height:30px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.downbox li:hover .right{ background:url(../img/downicon.png) no-repeat center top;}

/*新闻列表*/
.newbox{}
.newbox li{ margin-bottom:25px;}
.newbox .left{ width:305px; height:190px; overflow:hidden;}
.newbox .right{ width:370px; height:px; padding:20px 30px 7px 30px; overflow:hidden;}
.newbox time{ font-size:14px; line-height:20px; color:#686868; display:block;}
.newbox .title{ font-size:16px; line-height:22px; color:#161616; height:22px; overflow:hidden; margin-bottom:20px;}
.newbox article{ font-size:14px; line-height:22px; height:44px; color:#686868; overflow:hidden; margin-bottom:30px;}
.newbox .more{ font-size:13px; line-height:22px; color:#686868; width:108px; background:url(../img/back2.png) no-repeat center; display:block; height:22px; padding-bottom:5px; text-align:center;}
.newbox li:hover .more{ background:url(../img/back4.png) no-repeat center; color:#ef8200;}
.newbox li:hover .right{ background:#f7f7f7;}
.newbox li img{ transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.newbox li:hover img{ opacity:0.7;}

/*新闻内页*/
.newread .raedtitle{ font-size:22px; line-height:26px; padding-bottom:10px; text-align:center; padding:5px 10px;}
.newread .other{ display:block; text-align:center; line-height:22px; font-size:14px; color:#666; padding:5px 10px;}
.newread .conte{ font-size:14px; line-height:22px; color:#474747; padding:10px 0;}
.newread .conte img{ max-width:100%;}
.newread{}

/*服务*/
.serblock{ font-size:14px; line-height:22px; color:#474747; padding:30px 0; overflow:hidden;}
.serblock img{ max-width:100%;}