* { margin: 0; padding: 0;}
body,input {font-family: "Microsoft YaHei";}
ul { list-style-type: none;}
a{text-decoration: none;}
.DownloadBtn { cursor: pointer; margin: 65px auto 0; width: 220px; height: 50px; position: relative; background: #0da9d9; color: #fff; line-height: 50px; font-size: 24px; border-radius: 25px;text-align:center;}
.DownloadBtn a { display: inline-block; width: 100%; height: 100%; color: #fff; font-family: 'PingFang-SC-UltraLight', '微软雅黑', '宋体'; text-decoration: none;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #fff;}
.top { position: fixed; left: 0; right: 0; top: 0; z-index: 999; height: 50px;filter:Alpha(opacity=60); background:#000000; background-color: rgba(0,0,0,0.6);}
.menu { width: 1000px; margin: 0 auto; overflow: hidden;position:relative;}
.logo { float: left; margin-top: 2px;height:50px;line-height:50px;width:120px;}
.logo a { display: inline-block; width: 115px; height: 46px; background-image: url(../logo_2x.png); background-size: 108px 46px; background-repeat: no-repeat;}
.nav { float: right; margin-top: 10px; font-size: 0;}
.nav li { display: inline-block; margin-left: 40px;}
.nav a { display: inline-block; height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-decoration: none;}
.nav a:hover { color: #0da9d9;}
.nav .active a{ color: #0da9d9;}
.section { text-align: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; position:relative;clear:both;}
#section0 { background-image: url(../1bg.jpg);}
#section1 { background-image: url(../2bg.jpg);}
#section2 { background-image: url(../3bg.jpg);}
#section3 { background-image: url(../4bg.jpg);}
#section4 { background-image: url(../5bg.jpg);}
#section5 { background-image: url(../6bg.jpg);}
.title1 { font-size: 70px; line-height: 93px;color:#0da9d9;z-index:100;display:none;}
.title2 { font-size: 40px; line-height: 75px;color:#354868;z-index:100;display:none;}
.bg101_xxx {
    position: absolute;
    width: 100%;
    height: 60%;
    background: url(../bg101.png) 50% 0% no-repeat;margin-top:-14%;z-index:1;
}
.about_title{width:1000px;margin:0 auto;font-size:40px;color:#ffffff;line-height:100px;text-align:center;}
.about{width:1000px;margin:0 auto;font-size:24px;color:#ffffff;line-height:50px;text-align:center;font-weight:normal;}

.product{width:1130px;margin:0 auto;}
.product_top{width:230px;margin:0 auto 20px auto;font-size:40px;color:#ffffff;line-height:60px;}
.product_bottom{width:100%;color:#ffffff;line-height:40px;}
.product_bottom ul li{width:212px;height:265px;float:left;overflow:hidden;padding:50px 30px;margin-left:10px;background:url(../productbg.png) center top no-repeat;}
.product_bottom ul li div{height:140px;overflow:hidden;}
.product_bottom ul li h3{font-size:20px;}
.product_bottom ul li p{font-size:12px;line-height:30px;text-align:justify;}

.backtop{width:100px;text-align:right;position:absolute;right:50px;bottom:20px;cursor:pointer;}
.tongji{width:800px;text-align:center;position:absolute;left:50%;bottom:20px;margin-left:-400px;color:#ffffff;}

.shuju_title{width:1000px;margin:0 auto;font-size:40px;color:#ffffff;line-height:100px;text-align:left;}
.shuju{width:1000px;margin:0 auto;font-size:24px;color:#ffffff;line-height:50px;text-align:left;font-weight:normal;}

.contact_page{width:1000px;margin:0 auto;}
.contact_left{float:left;width:450px;margin-left:100px;}
.contact_right{float:right;width:400px;text-align:left;color:#ffffff;}
.contact_right p{padding-left:30px;line-height:40px;}
.contact_title{width:630px;margin:0 auto;font-size:30px;color:#ffffff;line-height:50px;text-align:left;}
.contact_info{width:440px;margin:0 auto;font-size:20px;color:#ffffff;line-height:50px;text-align:left;background:url(../arrow.png) left center no-repeat;padding-left:20px;}
.contact{width:440px;margin:0 auto;color:#ffffff;text-align:left;}
.contact form{margin:10px auto; vertical-align:top;}
.contact form input{width:250px;height:30px;line-height:30px;margin-left:10px;border-radius:5px;background:none;border:1px solid #e8e8e8;color:#ffffff;background-color:transparent;-webkit-box-shadow: 0 0 0 1000px transparent inset;}
.contact form textarea{width:100%;height:70px;margin-top:10px;border-radius:5px;background:none;border:1px solid #e8e8e8;color:#ffffff;}
.contact form p{line-height:40px;}
.contact .DownloadBtn{margin:0 auto 30px auto;}

.title3 { font-size: 24px; font-family: 'PingFang-SC-UltraLight', '微软雅黑', '宋体'; line-height: 48px; margin-top: 20px; opacity: 0.7;}
#section1 .title1, #section1 .title2, #section2 .title1, #section2 .title2 { color: #fff; opacity: 1;}
#section1 .title3, #section2 .title3 { color: #fff;}
#section3 .title3 { color: #000;}

.baojiabiao{position:absolute;left:50%;top:50%;width:1000px;height:490px;margin-left:-550px;margin-top:-260px;background:#ffffff;text-align:left;padding:20px 50px;line-height:30px;display:none;}
.baojiabiao h3{line-height:30px;}
.baojiabiao .close{position:absolute;right:-18px;top:-18px;cursor:pointer;}
.baojiabiao table{width:100%;}
.baojiabiao table tr{height:40px;line-height:40px;}
.baojiabiao table tr:hover{background:#f9f9f9;}
.baojiabiao table tr td{border:1px solid #9AA1A9;text-align:center;}
.baojiabiao td.left{text-align:left;padding-left:10px;}
.baojiabiao .table_title{line-height:60px;font-size:30px;line-height:60px;background:#f9f9f9;}

.header { width: 100%;height:33px;overflow:hidden; padding-top: 42px; margin: 0 auto;  position: fixed; left: 0; right: 0; top: 0; z-index: 999;}
.navIL, .navIM, .logoPNG { background-image: url(../nav.png); }
.topNav { height: 75px; width: 100%; position: absolute; left: 0; top: 0; margin: 0 auto; overflow: hidden; z-index: 4; }
.topNav2 { width: 200%; position: absolute; left: -50%; top: 0; }
.navBox { width:2220px; margin: 0 auto; position: relative; }
.navIndexBg { width: 2220px; position: absolute; height: 75px; left: 0; top: 0;}
.navIL { width: 990px; position: absolute; left: 0; top: 0; height: 75px; background-repeat: repeat-x; background-position: 0 -85px; }
.navIR { left: 1230px;width:100%;}
.navIM { left: 990px; position: absolute; width: 240px; height: 76px; top: 0; }
.navMain { width: 1200px; margin: 0 auto; height: 242px; position: relative; }
.navIndex { padding-left: 152px; height: 55px; }
.navIndex li { color: #ffffff; font-size: 14px; float: left; line-height: 50px; height: 55px; width: 112px; text-align: center; }
li.nav3, a.nav4:hover { background-position: -1200px -168px; }
.navIndex a { color: #ffffff; display: block; width: 112px; height: 50px; }
.navIndex a:hover { color: #ffffff; }
.nav1 { margin-right: 212px; }
.index_bg img{width:100%;height:100%;}
.index_logo{width:100%;margin:0 auto 0 auto;text-align:center;position:absolute;left:0;top:20px;z-index: 100;}
.index_logo img{width:120px;}