@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
ul li{list-style:none;}
a{text-decoration:none;}
img{border:0;}
.img_responsive{max-width:100%; display:block; height:auto;}

.bg{background:#1f242a;}
.container{width:640px;height:auto;overflow:hidden;margin:0 auto;}
.head{width:90%;height:95px;overflow:hidden;background:#1f242a;padding:0 5%; font-family:"DINCond-Bold",Helvetica, Arial, sans-serif;color:#ffffff;font-weight:lighter;font-size:48px;line-height:54px;text-transform:uppercase;padding-top:7px;white-space:nowrap;text-overflow:ellipsis;}
.head p.cn{width:100%;font:bold 19px/23px 'Microsoft Yahei';color:#959494;}
.head2{width:90%;height:73px;overflow:hidden;background:#1f242a;padding:0 5%;font:bold 24px/73px "Microsoft Yahei";color:#ffffff;white-space:nowrap;text-overflow:ellipsis;}
.banner{width:100%;height:auto;overflow:hidden;}
.productlist{width:100%;height:auto;overflow:hidden;margin-top:13px; margin-bottom:45px;}
.productlist ul li{width:100%;min-height:175px;border-bottom:1px solid #e5e5e5;}
.productlist ul li:last-child{border-bottom:none;}
.productlist ul li a{display:block;padding:15px 0;}
.pic_list{width:144px;height:144px;float:left;margin-left:33px;}
.txt_list{width:330px;heigth:auto;overflow:hidden;float:left;margin-left:30px;}
.txt_list h3{font:bold 20px/24px 'Microsoft Yahei';color:#45494e;height:24px;margin-top:25px;white-space:nowrap;text-overflow:ellipsis;}
.txt_list p{font:normal 18px/28px 'Microsoft Yahei';color:#9b9b9b;height:56px;margin-top:10px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list_video{width:144px;height:144px;float:left;margin-left:33px;position:relative;}
.list_video .pic_video{position:absolute;left:0;top:0;}
.list_video .btn_play{width:102px;height:102px; position:absolute;left:50%;top:50%;margin-left:-51px;margin-top:-51px;z-index:10;}
.arrow{width:24px;height:42px;float:right;margin-right:40px;margin-top:51px;}
.head_content{width:90%;height:74px;overflow:hidden;background:#1f242a;padding:0 5%;font:bold 24px/74px "Microsoft Yahei";color:#ffffff;white-space:nowrap;text-overflow:ellipsis;}
.pic_content{width:100%;height:auto;overflow:hidden;}
.txt_content{width:90%;min-height:425px;margin:0 auto;margin-top:25px;font-weight:normal;line-height:30px;font-size:18px; font-family:"Microsoft Yahei";color:#959494;}
.txt_content h1{color:#f37a1f;font-size: 18px;font-weight:400;line-height: 20px;}
.txt_content h2{color:#444;font-size: 18px;font-weight: 400;padding-bottom: 0;line-height: 20px;}
.txt_content p{margin-bottom:15px;font-weight:normal !important;line-height:30px !important;font-size:18px !important; font-family:"Microsoft Yahei";color:#959494 !important;}
.sublist{width:100%;height:auto;overflow:hidden;margin-bottom:45px;}
.sublist ul li{width:100%;min-height:175px;border-bottom:1px solid #e5e5e5;}
.sublist ul li a{display:block;padding:15px 0;}
.video{width:576px;height:460px;margin:0 auto;margin-top:170px;}
.title_video{width:77%;height:auto;overflow:hidden;margin:0 auto;font:normal 55px/60px "DINCond-Bold",Helvetica, Arial, sans-serif;color:#ffffff;text-align:center;text-transform:uppercase; margin-top:85px;}
.title_video p.cn{font:bold 30px/34px "Microsoft Yahei";margin-top:5px;}
.txt_video{width:77%;height:auto;overflow:hidden;margin:0 auto;font:normal 18px/30px "Microsoft Yahei";color:#787879;text-align:center;margin-top:20px;}
.pic_pro{width:100%;height:auto;overflow:hidden;}
.prolist ul li{width:100%;height:225px;overflow:hidden;}
.prolist ul li a{display:block;}
.pic_pro{width:277px;height:225px;float:left;}
.txtbox_pro{width:363px;height:224px;overflow:hidden;float:left;border-bottom:1px solid #545c67;}
.txtbox{width:192px;height:224px;overflow:hidden;background:white;padding:0 40px;float:left;}
.txtbox h3{font:bold 20px/24px 'Microsoft Yahei';color:black;height:24px;margin-top:40px;white-space:nowrap;text-overflow:ellipsis;}
.txtbox p{font:normal 18px/28px 'Microsoft Yahei';color:black;height:84px;margin-top:10px; overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.arrowbox{width:91px;height:224px;overflow:hidden;float:left; background:white url(../images/arrow2.png) no-repeat center center;}
.pro_sublist{width:100%;height:auto;overflow:hidden;}
.pro_sublist ul li{width:100%;height:236px;overflow:hidden;border-bottom:1px solid #f3f3f3;}
.pro_sublist ul li a{display:block;}
.pic_pro2{width:240px;float:left;}
.txt_pro{width:300px;height:204px;overflow:hidden;padding-left:10px;padding-top:32px;font:bold 22px/28px "Microsoft Yahei";color:#373d44;float:left;}
.txt_pro span{font:normal 24px/28px "DINCond-Bold",Helvetica, Arial, sans-serif;color:#828282;margin-left:10px;}
.arrow3{width:90px;height:236px;overflow:hidden;float:left;background:#f3f3f3 url(../images/arrow.png) no-repeat center center;}
.pic_product{width:100%;height:auto;overflow:hidden;}
.topic_product{width:90%;height:72px;overflow:hidden;padding:0 5%;font:normal 36px/72px "DINCond-Bold",Helvetica, Arial, sans-serif;color:#959494;background:#1f242a;margin-bottom:30px;white-space:nowrap;text-overflow:ellipsis;}
.topic_product span{font:bold 20px/72px "Microsoft Yahei";color:#ffffff;margin-left:5px;}
.txt_product{width:90%;height:auto;overflow:hidden;margin:0 auto;font:normal 18px/30px "Microsoft Yahei";color:#959494;margin-bottom:20px;}
.txt_product h3{font:normal 18px/28px "Microsoft Yahei";color:#ee7700;margin-top:30px; margin-bottom:10px;}
.txt_product h3.intro{font:normal 20px/28px "Microsoft Yahei";color:#78787a;}
.txt_product p{font:normal 18px/30px "Microsoft Yahei";color:#959494;margin-bottom:15px;}
.txt_product p span.price{margin-left:35px;} 
.title_product{width:90%;height:72px;padding:0 5%;font:normal 36px/72px "DINCond-Bold",Helvetica, Arial, sans-serif;color:#1f242a;background:#f7f7f7;margin-top:15px;text-transform:uppercase; margin-bottom:10px;}
.title_product span{font:bold 18px/72px "Microsoft Yahei";color:#878789;margin-left:5px;}
.para table{width:90% !important;margin:0 auto; border:none !important;border-collapse:collapse !important;color:#888888 !important;vertical-align:middle;text-align:left; margin-top:25px; margin-bottom:25px; font-weight:normal !important; font-size:18px !important; line-height:22px !important; font-family:"Microsoft Yahei";}
.para table tr td{padding:8px 0 !important;border:none !important;}
.videolist{width:580px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;margin-bottom:20px;}
.videolist ul li{width:100%;height:auto;overflow:hidden;}
.picvideo{width:580px;height:191px; position:relative;}
.picvideo .pic_video{width:580px;height:191px; position:absolute;left:0;top:0;}
.picvideo .btn_play{width:102px;height:102px; position:absolute;left:50%;top:50%;margin-left:-51px;margin-top:-51px;z-index:10;}
.txt_video2{width:100%;height:64px;font:normal 18px/32px "Microsoft Yahei";color:#9b9b9b;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:15px 0;}
.video2{width:576px;min-height:460px;overflow:hidden; margin:0 auto;}
.txt_intro{width:90%;height:auto;overflow:hidden; margin:0 auto;margin-top:25px;margin-bottom:12px;font:normal 18px/28px "Microsoft Yahei";color:#9b9b9b;text-align:justify;text-justify:inter-word;}
.txt_contactus{width:90%;height:auto;overflow:hidden;margin:0 auto;font:normal 18px/30px "Microsoft Yahei";color:#959494;margin-bottom:30px;}
.txt_contactus p{margin-bottom:50px}
.txt_contactus a{width:100%;height:50px;font:normal 18px/50px "Microsoft Yahei";color:##1f242a;display:block;color:#1f242a;margin-bottom:35px; background-repeat:no-repeat; background-position:500px center;border:1px solid #a3a3a3;border-radius:25px; box-sizing:border-box; padding-left:25px;}
.txt_contactus a.phone{ background-image:url(../images/icon_mobile.png);}
.txt_contactus a.mail{ background-image:url(../images/icon_mail.png);}
/* h5 */
.box{width:100%;height:auto;overflow:hidden;disolay:none;}
.bg2{background:#ee7700;}
.main{width:640px;height:1010px;overflow:hidden;margin:0 auto; background:url(../images/homebg.jpg) no-repeat center top; position:relative; display:none;}
.linkbox{width:172px;height:621px;position:absolute;background:url(../images/linkbg.png) no-repeat center center;left:0;top:162px;}
.link{width:104px;height:56px;font:normal 22px/28px "Microsoft Yahei";text-align:center;}
.link a{display:block;color:#ffffff;}
.link.jtjj{float:right;margin-top:70px;}
.link.jtjj a{color:#ee7700;}
.link.qywh{float:left;margin-top:50px;}
.link.ypxs{float:right;margin-top:40px;}
.link.ypxs a{color:#ee7700;}
.link.lxwm{float:left;margin-top:50px;}
.link.dzdh{float:right;margin-top:40px;}
.link.dzdh a{color:#ee7700;}
.link.zhounian{float:left; margin-top:-20px; width:0; height:0; border-top:102px solid transparent; border-left:173px solid #ee7203; border-bottom:102px solid transparent; position:relative;}
.link.zhounian a{font:normal 22px/28px "Microsoft Yahei";text-align:center; position:absolute; top:-30px; left:-144px;}
.up{width:63px;height:26px;overflow:hidden; position:fixed;left:50%;margin-left:-32px;bottom:51px;opacity:1; background:url(../images/uparrow.png) no-repeat center center; z-index:10;-webkit-animation:arrow 1.5s infinite;}
.all{width:640px; height:100%; overflow:hidden; position:relative;}
.return{width:217px;height:124px;position:fixed;bottom:0;right:0; z-index:10;}
.chatu1{ background: url(../images/anniversarybj1.jpg) no-repeat center top;}
.chatu2{ background: url(../images/anniversarybj2.jpg) no-repeat center top;}
.chatu3{ background: url(../images/anniversarybj3.jpg) no-repeat center top;}
.chatu4{ background: url(../images/anniversarybj4.jpg) no-repeat center top;}
.chatu5{ background: url(../images/anniversarybj5.jpg) no-repeat center top;}
.chatu6{ background: url(../images/anniversarybj6.jpg) no-repeat center top;}
.chatu7{ background: url(../images/anniversarybj7.jpg) no-repeat center top;}
.chatu8{ background: url(../images/anniversarybj8.jpg) no-repeat center top;}
.chatu9{ background: url(../images/anniversarybj9.jpg) no-repeat center top;}
.chatu10{ background: url(../images/anniversarybj10.jpg) no-repeat center top;}
.chatu11{ background: url(../images/anniversarybj11.jpg) no-repeat center top;}
.page1{ background:url(../images/page1bg.jpg) no-repeat center top;}
.page1 .topic_cn{width:340px;height:auto; overflow:hidden;font:normal 36px/40px "Microsoft Yahei";color:#ee7700;position:absolute;top:235px;right:-385px;}
.page1 .topic_en{width:340px;height:auto; overflow:hidden;font:normal 36px/40px "Microsoft Yahei";color:#ee7700;position:absolute;top:284px;right:-385px;}
.page1 .txt{width:330px;height:auto;overflow:hidden;font:normal 18px/28px "Microsoft Yahei";color:#ee7700;position:absolute;top:368px;right:-376px;text-align:justify;text-justify:inter-word; letter-spacing:2px;}
.page2{ background:url(../images/page2bg.jpg) no-repeat center top;}
.page2 .topic_cn{width:355px;height:auto;overflow:hidden;font:normal 36px/40px "Microsoft Yahei";color:#ee7700;position:absolute;left:-500px;bottom:432px;}
.page2 .topic_en{width:355px;height:auto;overflow:hidden;font:normal 36px/40px "Microsoft Yahei";color:#ee7700;position:absolute;left:-500px;bottom:390px;}
.page2 .title{width:355px;height:auto;overflow:hidden;font:normal 22px/28px "Microsoft Yahei";color:#ee7700;position:absolute;left:-500px;bottom:360px;}
.page2 .txt{width:340px;height:auto;overflow:hidden;font:normal 18px/28px "Microsoft Yahei";color:#ee7700;position:absolute;left:-500px;bottom:150px;text-align:justify;text-justify:inter-word; letter-spacing:2px;}
.page3{background:url(../images/page3bg.jpg) no-repeat center top;}
.page3 .title{width:370px;height:auto;overflow:hidden;font:normal 22px/28px "Microsoft Yahei";color:#ee7700;position:absolute;}
.page3 .txt{width:370px;height:auto;overflow:hidden;font:normal 18px/28px "Microsoft Yahei";color:#ee7700;position:absolute;}
.page3 .txt p{ margin-bottom:10px;}
.page3 .title.title1{top:115px;left:-500px;}
.page3 .title.title2{top:199px;left:-500px;}
.page3 .title.title3{top:480px;left:-500px;}
.page3 .txt.txt1{top:154px;left:650px;}
.page3 .txt.txt2{top:238px;left:650px;}
.page3 .txt.txt3{top:522px;left:650px;}
.page4{background:url(../images/page4bg.jpg) no-repeat center top;}
.page4 .topic_cn{width:310px;height:auto;overflow:hidden;font:normal 36px/40px "Microsoft Yahei";color:#ffffff;position:absolute;left:45px;top:150px;opacity:0;}
.page4 .topic_en{width:310px;height:auto;overflow:hidden;font:normal 36px/40px "Microsoft Yahei";color:#ffffff;position:absolute;left:45px;top:195px;opacity:0;}
.page4 .txt{width:310px;height:auto;overflow:hidden;font:normal 18px/28px "Microsoft Yahei";color:#ffffff;position:absolute;left:45px;top:260px;text-align:justify;text-justify:inter-word; letter-spacing:2px;-webkit-transform:scale(0,0);}
.page5{ background:url(../images/page5bg.jpg) no-repeat center top;}
.page5 .topic_cn{width:340px;height:auto;overflow:hidden;font:normal 36px/48px "Microsoft Yahei";color:#ffffff;position:absolute;left:165px;top:112px;-webkit-transform:scale(0,0)}
.page5 .txt{width:340px;height:auto;overflow:hidden;font:normal 18px/28px "Microsoft Yahei";color:#ffffff;position:absolute;left:165px;text-align:justify;text-justify:inter-word; letter-spacing:2px;opacity:0;}
.page5 .txt p{ margin-bottom:5px;}
.page5 .txt.txt1{top:219px;} 
.page5 .txt.txt2{top:330px;}
.page6{ background:url(../images/page6bg.jpg) no-repeat center top;}
.page6 .topic_cn{width:435px;height:auto;overflow:hidden;font:normal 36px/40px "Microsoft Yahei";color:#ee7700;position:absolute;left:-500px;top:100px;}
.page6 .title{width:435px;height:auto;overflow:hidden;font:normal 18px/28px "Microsoft Yahei";color:#ee7700;position:absolute;left:-500px;top:170px;}
.page6 .txt{width:435px;height:auto;font:normal 18px/36px "Microsoft Yahei";color:#ee7700;position:absolute;left:55px;text-align:justify;text-justify:inter-word; letter-spacing:2px; opacity:0;}
.page6 .txt.txt1{top:115px;}
.page6 .txt.txt2{top:262px;}
.page6 .txt.txt3{top:402px;}
.page7{background:url(../images/page7bg.jpg) no-repeat center top;}
.page7 .title{width:350px;height:auto;overflow:hidden;font:normal 22px/36px "Microsoft Yahei";color:#ee7700;position:absolute;left:50px;top:118px;opacity:0;}
.page7 .txt1{width:350px;height:auto;overflow:hidden;font:normal 18px/28px "Microsoft Yahei";color:#ee7700;position:absolute;left:50px;top:212px;-webkit-transform:scale(0,0);}
.page7 .txt2{width:350px;height:auto;overflow:hidden;font:normal 18px/28px "Microsoft Yahei";color:#ee7700;position:absolute;left:50px;top:384px;-webkit-transform:scale(0,0);}
.page1.onthis .topic_cn{-webkit-animation:yd1 1s ease-out 1 forwards;}
.page1.onthis .topic_en{-webkit-animation:yd1 1s ease-out 0.5s 1 forwards;}
.page1.onthis .txt{-webkit-animation:yd1 1s ease-out 1s 1 forwards;}
.page2.onthis .topic_cn{-webkit-animation:yd2 1s ease-out 1 forwards;}
.page2.onthis .topic_en{-webkit-animation:yd2 1s ease-out 0.5s 1 forwards;}
.page2.onthis .title{-webkit-animation:yd2 1s ease-out 0.7s 1 forwards;}
.page2.onthis .txt{-webkit-animation:yd2 1s ease-out 1.5s 1 forwards;}
.page3.onthis .title.title1{-webkit-animation:yd2 1s ease-out 1 forwards;}
.page3.onthis .title.title2{-webkit-animation:yd2 1s ease-out 1 forwards;}
.page3.onthis .title.title3{-webkit-animation:yd2 1s ease-out 1 forwards;}
.page3.onthis .txt.txt1{-webkit-animation:yd6 1s ease-out 0.5s 1 forwards;}
.page3.onthis .txt.txt2{-webkit-animation:yd6 1s ease-out 0.5s 1 forwards;}
.page3.onthis .txt.txt3{-webkit-animation:yd6 1s ease-out 0.5s 1 forwards;}
.page4.onthis .topic_cn{-webkit-animation:show 1s ease-out 1 forwards;}
.page4.onthis .topic_en{-webkit-animation:show 1s ease-out 0.5s 1 forwards;}
.page4.onthis .txt{-webkit-animation:yd4 1s ease-out 1s 1 forwards;}
.page5.onthis .topic_cn{-webkit-animation:yd4 1s ease-out 1 forwards;}
.page5.onthis .txt.txt1{-webkit-animation:yd3 1s ease-out 1s 1 forwards;} 
.page5.onthis .txt.txt2{-webkit-animation:yd3 1s ease-out 1.5s 1 forwards;}
.page6.onthis .topic_cn{-webkit-animation:yd5 1s ease-out 1 forwards;}
.page6.onthis .title{-webkit-animation:yd5 1s ease-out 0.5s 1 forwards;}
.page6.onthis .txt.txt1{-webkit-animation:yd3 1s ease-out 1s 1 forwards;}
.page6.onthis .txt.txt2{-webkit-animation:yd3 1s ease-out 1.5s 1 forwards;}
.page6.onthis .txt.txt3{-webkit-animation:yd3 1s ease-out 2s 1 forwards;}
.page7.onthis .title{-webkit-animation:show 1s ease-out 0.5s 1 forwards;}
.page7.onthis .txt1{-webkit-animation:yd4 1s ease-out 1s 1 forwards;}
.page7.onthis .txt2{-webkit-animation:yd4 1s ease-out 1.5s 1 forwards;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.container img {max-width: 100%;}
 
/* 动画 */
@-webkit-keyframes arrow{
 0% {-webkit-transform: translateY(32px);opacity:0}
60% {-webkit-transform: translateY(12px);opacity:1}
100% {-webkit-transform: translateY(0px);opacity: 0}
}

@-webkit-keyframes show{
 0%{opacity:0;}
100%{opacity:1;}
}


@-webkit-keyframes yd1{
 0%{-webkit-transform:translateX(0);}
100%{-webkit-transform:translateX(-430px);}
}

@-webkit-keyframes yd2{
 0%{-webkit-transform:translateX(0);}
100%{-webkit-transform:translateX(545px);}
}

@-webkit-keyframes yd3{
 0%{-webkit-transform:translateY(0);opacity:0;}
100%{-webkit-transform:translateY(100px);opacity:1;}
}

@-webkit-keyframes yd4{
 0%{-webkit-transform:scale(0,0);}
 80%{-webkit-transform:scale(1.2,1.2);}
100%{-webkit-transform:scale(1,1);}
}

@-webkit-keyframes yd5{
 0%{-webkit-transform:translateX(0);}
100%{-webkit-transform:translateX(555px);}
}

@-webkit-keyframes yd6{
 0%{-webkit-transform:translateX(0);}
100%{-webkit-transform:translateX(-605px);}
}

.temp{width:90%;height:auto; overflow:hidden; margin:0 auto;margin-top:30px;}
.temp ul li{width:100%;height:auto; overflow:hidden; margin-bottom:25px;}
.temp ul li a{font:normal 18px/36px "Microsoft Yahei";color:#9b9b9b;}
.more{
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    /*border-top: 1px solid #d8d8d8;*/
}