*{ outline: none; margin:0; padding:0; font-family: "SourceHanSansSC-Normal"}
img{ border:none}
a{ text-decoration:none;}
.clear{ clear:both; height:0; overflow:hidden}
.center{ width: 1200px; margin: 0px auto; }
.fr{ float:right}
.fl{ float:left;}



                                   /*index*/

header{ width: 100%; height: 100px; background: #474542; }
header img{ float: left; margin-top: 24px; }
header .nav{ float: right; list-style: none; }
header .nav li{ float: left; }
header .nav li .nav1{ display: block; padding: 0 26px; line-height: 100px; font-weight: bold; color: #fff; }
header .nav li .nav1:hover{ background: #32302e !important; }
#dangqian{ background: #232221 !important; }
.mtop0{ margin-top: 0px !important }
header .nav .erji{ position: relative; }
header .nav .erji .nav_hua{ position: absolute; background: #cccccc; width: 696px; display: none; z-index: 9999 }
header .nav .erji .nav_hua .bigbox{ width: 308px; padding: 10px 20px 30px; }
header .nav .erji .nav_hua .bigbox .box{ padding: 14px 10px 0;  }
header .nav .erji .nav_hua .bigbox .box p{ font-size: 18px; color: #000; font-weight: bold; }
header .nav .erji .nav_hua .bigbox .box font{ font-size: 14px; color: #323232; line-height: 24px; margin-top: 6px; display: block; }
header .nav .erji .nav_hua .bigbox hr{ width: 100%; height: 1px; border: 0px; background: #7a7a7a; margin-top: 12px; }
header .nav .erji .nav_hua span{ font-size: 14px; color: #5d5d5d; display: block;line-height: 14px; margin-top: 30px; }
.bav2_box{ margin-left: 10px; }
.lh24{ line-height: 24px !important }
header .nav .erji:hover .nav_hua{ display: block; }
header .nav .erji .nav_hua .bigbox .box:hover a p{ color: #555555 !important }
#er_dang{ color: #555555 !important; }
.wd300{ width: 230px !important }

/*banner*/
.example{ width: 100%;height: 410px;font-size: 40px;text-align: center; }
/*banner_end*/

.software{ width: 1080px; margin: 140px auto 0; }
.software .wen{ width: 484px; padding-top: 10px; float: right; }
.software .wen h2{ font-size: 28px; line-height: 50px; font-weight: bold; color: #0a0a0a; }
.software .wen p{ font-size: 14px; line-height: 24px; color: #333333; margin-top: 30px; }
.software .wen a{ float: left; display: block; margin-top: 24px; font-size: 16px; color: #fff; font-weight: bold; line-height: 34px; width: 140px; text-align: center; letter-spacing: 4px; background: #e58d0a; border-radius: 10px; }
.in_download{ width: 100%; height: 546px; background-size: 100%; background: url(../img/in_download.png) no-repeat center; margin-top: 140px; }
.title p{ font-size: 30px; color: #101010; font-weight: bold; text-align: center; letter-spacing: 6px; line-height: 82px; }
.title hr{ width: 68px; height: 1px; background: #9c9c9c; border: 0px; margin: auto; }
.bai p{ color: #fff !important }
.bai hr{ background: #d7d7d7 !important }
.pdtop72{ padding-top: 72px !important; }
.in_download ul{ width: 836px; margin: 50px auto 0; list-style: none; }
.in_download ul li{ float: left; margin-left: 156px; width: 340px; height: 240px; border-radius: 10px; background: rgba(255,255,255,0.25); transition: 0.3s; }
.ml0{ margin-left: 0px !important; }
.in_download ul li img{ margin: 40px auto 0; display: block; }
.in_download ul li p{ font-size: 18px; color: #fff; text-align: center; margin-top: 40px; }
.in_download ul li:hover{ background: rgba(255,255,255,0.4); transition: 0.4s; }
.about{ margin-top: 110px; }
.about_box{ width: 1242px; height: 450px; margin: 24px auto 0; position: relative; z-index: 0 }
.about_box img{ position: absolute; transition-property: 0px; }
.about_box p{ font-size: 26px; color: #070707; line-height: 72px; font-weight: bold; position: absolute; top: 56px; left: 84px; }
.about_box font{ font-size: 14px; line-height: 26px; display: block; width: 650px; letter-spacing: 1px; position: absolute; left: 84px; top: 130px; }
.clients{ margin-top: 110px; }
.clients img{ display: block; margin: 50px auto 0; }
footer{ width: 100%; background: #474542; margin-top: 140px; }
footer .box{ padding-top: 74px; padding-bottom: 62px; }
footer font{ font-size: 14px; display: block; line-height: 26px; color: #d4d4d4; text-align: center; margin: auto; width: 650px; }
footer ul{ width: 540px; margin: 36px auto 0; list-style: none; } 
footer ul li{ float: left; }
footer ul li a{ display: block; padding: 0 27px; line-height: 16px; border-right: 1px solid #acacac; color: #e9e9e9; letter-spacing: 3px; }
.bdright0{border-right: 0px !important; }
footer p{ width: 100%; background: #393735; text-align: center; line-height: 46px; color: #818181; font-size: 14px; } 
footer p a{ color: #818181; }




.banner{ width: 100%; height: 276px; background: url(../img/banner.png) top center no-repeat; background-size: 100%; }





																/*contact*/
.contact{ margin-top: 110px; }
.contact .box{ width: 1200px; height: 362px; margin-top: 50px; background: url(../img/contact.png); position: relative; }
.contact .box .wen{ width: 488px; height: 234px; top: 64px; left: 280px; position: absolute; background: #eee; }
.contact .box .wen p{ width: 86px; margin-top: 24px; margin-left: 80px; font-weight: bold; line-height: 46px; font-size: 18px; color: #000; float: left; }
.contact .box .wen font{ font-size: 18px; color: #000; display: block; margin-top: 24px; line-height: 46px; }


																/*support*/
.title font{ font-size: 14px; color: #6d6d6d; display: block; line-height: 16px; text-align: center; width: 774px; margin: 40px auto 0; text-align: center; letter-spacing: 1px; }





                                                                /*products*/

.banner_pro{ width: 100%; height: 410px; background: url(../img/banner6.png) top center no-repeat; background-size: 100%; }
.products{ margin-top: 140px; }
.tit p{ font-size: 30px; line-height: 32px; color: #101010; }
.tit p b{ color: #000 !important }
.tit hr{ width: 86px; height: 1px; border: 1px; background: #9c9c9c; margin-top: 24px; }

.pro_hbox{ margin-top: 20px; }
.pro_hbox li{width: 372px; height: 202px; float: left; margin-top: 50px; position: relative; overflow: hidden; margin-left: 39px; border: 1px solid #a0a0a0; }
.pro_hbox li .bgbu{ position: absolute; background: #fff; left: 0px; top: 0px; width: 372px; height: 200px; }
.pro_hbox li .bgbu p{ font-size: 22px; color: #eea130; line-height: 62px; margin-top: 20px; text-align: center; font-weight: bold; }
.pro_hbox li .bgbu font{ font-size: 14px; color: #151515; line-height: 26px; display: block; width: 300px; margin: auto; text-align: center; letter-spacing: 1px; } 
.pro_hbox li textarea{width: 296px; height: 162px; border: 0px; background: #f7f7f7; font-size: 14px; line-height: 26px; padding: 38px; resize: none; position: absolute; top: 202px; transition: 0.3s; color: #505050; letter-spacing: 1px; }
.pro_hbox li textarea a{ color: #f01f1f !important; }
.pro_hbox li:hover textarea{ top: 0px !important; transition: 0.4s }
.get{ margin-top: 110px; }
.get font{ font-size: 14px; line-height: 26px; display: block; margin: 46px auto 0; width: 1020px; text-align: center; }
.pdtb{ margin-top: 140px; background: #f1f1f1; padding: 100px 0; }
.mtop100{ margin-top: 100px; }
.products .lice{ margin: 60px auto 0; width: 1040px; list-style: none; }
.ml80{ margin-left: 80px; }
.products .lice li{ width: 458px; height: 224px; border-radius: 10px; border: 1px solid #d6d6d6; }
.products .lice li p{ font-size: 20px; color: #000; margin-left: 42px; margin-top: 24px; line-height: 46px; letter-spacing: 2px; }
.products .lice li font{ font-size: 14px; line-height: 26px; display: block; width: 374px; margin: auto; }
.mtop80{ margin-top: 80px; }
.buyi li{ height: 198px !important; }


.kuan2{ width: 1140px; margin: 10px auto 0; }
.kuan2 h3{ font-size: 22px; line-height: 22px; color: #c00606; margin-top: 80px; letter-spacing: 2px; }
.kuan2 .sh{ font-size: 14px; color: #333; display: block; margin-top: 14px; line-height: 26px; letter-spacing: 1px; }
.kuan2 .x1{ font-size: 16px; color: #151515; display: block; line-height: 18px; margin-top: 30px; font-weight: bold; }
.mtop20{ margin-top: 20px; }
.pro_ul{ margin-top: 20px; margin-left: 30px; }
.pro_ul li{ font-size: 14px; color: #545454; line-height: 24px; font-weight: normal; margin-top: 10px; }



.banner_pro2{ width: 100%; height: 410px; background: url(../img/banner_pro2.png) top center no-repeat; background-size: 100%; }

.banner_pro3{ width: 100%; height: 410px; background: url(../img/banner_pro3.png) top center no-repeat; background-size: 100%; }








                                                                /*download*/

.download{ margin-top: 110px; }
.download .box{ margin-top: 84px; }
.mtop84{ margin-top: 84px !important; }
.download .box h2{ margin-left: 30px; font-size: 22px; line-height: 52px; font-weight: bold; color: #c00606; }
.download .box span{ margin-left: 30px; font-size: 14px; color: #333; display: block; line-height: 24px; }
.download .box ul{ width: 1140px; margin: 46px auto 0; list-style: none; }
.download .box ul li{ float: left; width: 348px; border: 1px solid #d2d2d2; margin-left: 45px; border-radius: 10px; height: 438px; }
.download .box ul li img{ display: block; margin: 40px auto 0;  }
.download .box ul li p{ font-size: 18px; line-height: 60px; text-align: center; font-weight: bold; color: #0c0c0c; }
.download .box ul li font{ font-size: 14px; color: #404040; display: block; margin: 2px auto 0; line-height: 26px; width: 294px; text-align: center; margin-bottom: 26px; }
.download .box ul li font b{ color: #000; }
.download .box ul li a{ font-size: 14px; color: #fff; display: block; width: 294px; margin: auto; height: 32px; text-align: center; background: #eea130; border-radius: 10px; margin-top: 14px; line-height: 32px; }
.download .box ul li a:hover{ background: #e58d0a !important; }



																/*Roadmap*/

.mtop110{ margin-top: 110px; }
.roadmap{ width: 1098px; margin: 20px auto 0; background: url(../img/zuo_shu.png); }
.roadmap .box{ margin-top: 80px; background: url(../img/zuo_yuan.png) no-repeat; }
.roadmap .box p{ font-size: 16px; line-height: 32px; color: #0c0c0c; width: 1010px; margin-left: 64px; }
.roadmap .box p b{ font-size: 22px !important; color: #c00606 !important; }
.roadmap .box ul{ margin-left: 84px; margin-top: 18px; }
.roadmap .box ul li{ margin-top: 6px; font-size: 14px; color: #393939; line-height: 26px; }