@charset "utf-8";
/* CSS Document */
/*全局样式*/
*{margin:0px; padding:0px;}
ul,li{list-style:none; border:0;}
img{border:0; vertical-align:bottom; width:100%;}
html{width:100%;}
body{font-family:Arial, Helvetica, sans-serif; color:#333; background:#fff; background-size:100%; text-align:justify; text-justify:inter-ideograph; height:100%; font-size: 14px;}
a,a:hover{cursor:pointer; text-decoration:none;}
input,textarea{font-family:MingLiu，Arial, Helvetica, sans-serif; font-weight: lighter;}
input:focus,textarea:focus{outline:none;}
.ff:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.DisplayNone{display:none;}
.LineNone{line-height:0; font-size:0;}
.FloatDiv{height:auto !important; height:1px; min-height:1px;}
	.FloatLeft{float:left;}
	.FloatRight{float:right;}

/*导航区域*/
.Header{background: #2f569e; padding: 20px 0; color: #fff; min-width: 1200px;}
    .HeaderMain{width: 1200px; margin: 0 auto; display: flex;}
        .HeaderLogo{width: 163px; flex: 0 0 163px; float: left;}
        .HeaderNav{flex: 1; text-align: right; padding: 10px 0; font-size: 16px;}
            .HeaderNav a{margin: 0 0 0 30px; border-bottom: 2px solid #2f569e; padding: 0 0 8px; color: #fff;}
                .HeaderNav a:hover,.HeaderNav a.HeaderNavOn{font-weight: bold; border-bottom: 2px solid #fff;}

/*首页banner*/
.BannerIndex{background: url(../images/banner_index.jpg) center top no-repeat #e7f3fb; background-size:cover; height: 600px;}
    .BannerIndexMain{width: 1200px; padding: 170px 0 0; margin: 0 auto;}
        .BannerIndexTitle{font-size: 42px; font-weight: bold; color: #000;}
        .BannerIndextxt{font-size: 36px; font-weight: normal; color: #555;}
        .BannerIndexBtn{display: block; background: #2f569e; height: 32px; line-height: 32px; width: 140px; text-align: center; color: #fff; border-radius: 4px; margin: 10px 0 0;}
            .BannerIndexBtn:hover{border-radius: 16px;}

/*首页四大功能特点*/
.IndexTips{width: 1200px; padding: 30px 0; margin: 0 auto;}
    .IndexTipsList{float: left; width: 270px; margin: 0 0 0 40px;}
        .IndexTipsList:first-child{margin: 0;}
        .IndexTipsTitle{font-size: 16px; color: #000;}
        .IndexTipsTxt{margin: 6px 0 0; font-size: 12px; color: #555;}

/*首页板块通用布局*/
.IndexMain{padding: 30px 0;}
.IndexMainBg{background: #e7f3fb;}
    .IndexMainBox{width: 1200px; margin: 0 auto;}
        .IndexMainTitle{text-align: center;}
            .IndexMainTitleTxt{font-size: 30px; font-weight: bold; color: #000;}
            .IndexMainTitleTips{color: #888; font-size: 16px;}

/*首页关于我们*/
.IndexAbout{margin: 20px 0 0;}
    .IndexAboutVideo{width: 600px; float: left;}
        .IndexAboutVideo video{width: 100%;}
    .IndexAboutMain{width: 570px; float: right;}
        .IndexAboutMainTxt{text-indent: 2em; line-height: 1.8em;}
            .IndexAboutMainTxt p{margin: 0 0 10px;}
        .IndexAboutTips{margin: 20px 0 0; border-radius: 10px; overflow: hidden; background: #fff; padding: 20px 40px;}
            .IndexAboutTipsCode{float: left; width: 90px;}
            .IndexAboutTipsTxt{width: 380px; float: right; padding: 20px 0 0; color: #888;}

/*首页核心功能*/
.IndexFunction{margin: 20px 0 0; display: flex;}
    .IndexFunctionList{flex: 1; margin-right: 30px;}
        .IndexFunctionList:last-child{margin: 0;}
        .IndexFunctionImg{border-radius: 10px; overflow: hidden;}
        .IndexFunctionTitle{font-size: 18px; text-align: center; color: #000; font-weight: bold; margin: 10px 0 0;}
        .IndexFunctionTxt{text-indent: 2em; margin: 5px 0 0; color: #555;}
    .IndexFunctionBtn{display: block; background: #2f569e; height: 32px; line-height: 32px; width: 140px; text-align: center; color: #fff; border-radius: 4px; margin: 20px auto 0;}
        .IndexFunctionBtn:hover{border-radius: 16px;}

/*首页使用指南*/
.IndexUse{margin: 20px 0 0; display: flex;}
    .IndexUseImg{flex: 1.5; margin-right: 30px;}
    .IndexUseTxt{flex: 1;}
        .IndexUseTxtTips{border-radius: 8px; overflow: hidden; background: #fff; padding: 20px; font-size: 20px;}
        .IndexUseTxtP{margin: 30px 0 0; line-height: 2.5em;}
            .IndexUseTxtP b{font-size: 18px;}

/*首页新闻资讯*/
.IndexNews{margin: 20px 0 0; display: flex;}
    .IndexNews a{display: block; flex: 1; margin-right: 30px;}
        .IndexNews a:last-child{margin: 0;}
        .IndexNewsImg{border-radius: 10px; overflow: hidden;}
        .IndexNewsTitle{color: #000; margin: 15px 0 0; width: 380px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
        .IndexNewsTxt{color: #888; margin: 8px 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

/*关于我们*/
.AboutBanner{background: url(../images/banner_about.jpg) center top no-repeat #e7f3fb; background-size:cover; height: 600px;}
    .AboutBannerMain{width: 1200px; margin: 0 auto; padding: 100px 0 0; text-align: center;}
        .AboutBannerTitle{font-size: 36px; font-weight: bold; color: #2f569e;}
        .AboutBannerTxt{font-size: 26px; font-weight: lighter; margin: 10px 0 0; color: #2f569e;}
        .AboutBannerCode{margin: 80px auto 0; width: 120px; padding: 15px; background: #fff; border-radius: 10px; overflow: hidden;}
        .AboutBannerTips{color: #fff; margin: 10px 0 0;}

/*内页通用*/
.PageMain{width: 1200px; padding: 30px 0; margin: 0 auto;}
.BgBlue{background: #e7f3fb; min-width: 1200px;}

/*关于我们文案*/
.AboutBasic{width: 100%;}
    .AboutBasicTitle{float: left; font-size: 36px; font-weight: bold; color: #000; width: 300px;}
        .AboutBasicTitle span{color: #2f569e;}
    .AboutBasicTips{float: right; width: 900px; line-height: 1.8em; text-indent: 2em;}
.AboutBasicTxt{line-height: 1.8em; margin: 8px 0 0;}
    .AboutBasicTxt p{text-indent: 2em; margin: 0 0 8px;}
.AboutInfo{margin: 30px 0 0;}
    .AboutData{width: 580px; float: left;}
        .AboutDataTitle{font-size: 30px; font-weight: bold; color: #000; padding: 20px 0 0;}
            .AboutDataTitle span{color: #2f569e;}
        .AboutDataMain{margin: 10px 0 0;}
        .AboutDataList{width: 290px; float: left; margin: 30px 0 0;}
            .AboutDataTips{font-size: 12px; color: #888;}
            .AboutDataNum{font-size: 30px; font-weight: bold; color: #000; margin: 15px 0 0; font-style: italic;}
    .AboutVideoBg{width: 560px; float: right; box-shadow: 0px 0px 30px #aaa; border: 10px solid #fff; border-radius: 30px; overflow: hidden;}
        .AboutVideo video{width: 100%;}

/*首页品牌定位*/
.AboutTitle{font-size: 30px; color: #000; font-weight: bold; text-align: center;}
.AboutTips{font-size: 16px; color: #888; text-align: center;}
.AboutDw{margin: 30px auto 0; width: 700px;}
    .AboutDwTxt{width: 420px; float: left; padding: 50px 0 0; line-height: 2em; text-indent: 2em;}
    .AboutDwImg{width: 200px; float: right;}
    
/*核心优势*/
.AboutPoint{margin: 10px 0 0;}
    .AboutPointList{width: 270px; margin-left: 40px; float: left; text-align: center;}
        .AboutPointList:last-child{margin: 0;}
        .AboutPointImg{width: 140px; margin: 0 auto;}
        .AboutPointTitle{font-size: 18px; color: #000; font-weight: bold;}
        .AboutPointTips{font-size: 12px; margin: 8px 0 0;}

/*首页我们的使命*/
.AboutOur{margin: 30px auto; background: #e7f3fb; width: 1000px; padding: 30px 100px; border-radius: 100px;}
    .AboutOurTitle{color: #000; font-size: 32px; font-weight: bold; float: left; width: 200px;}
    .AboutOurTxt{float: right; width: 800px; line-height: 1.8em;}

/*核心功能*/
.BannerFunction{background: url(../images/banner_function.jpg) center top no-repeat #e7f3fb; min-width: 1200px; background-size:cover; height: 541px;}
    .BannerFunctionMain{width: 600px; padding: 100px 0 0 600px;}
        .BannerFunctionTitle{font-size: 32px; font-weight: bold; color: #2f569e;}
        .BannerFunctionTxt{color: #555; line-height: 1.8em;}
            .BannerFunctionTxt p{text-indent: 2em; margin: 10px 0 0;}
        .BannerFunctionCode{width: 130px; padding: 10px; border-radius: 16px; overflow: hidden; background: #fff; margin-top: 20px;}
        .BannerFunctionTips{font-size: 12px; color: #888; width: 150px; text-align: center; margin: 10px 0 0;}
.FunctionGn{font-size: 30px; font-weight: bold; color: #000; text-align: center;}
    .FunctionGnMain{width: 100%;}
        .FunctionGnList{float: left; margin: 30px 40px 0 0; width: 580px;}
            .FunctionGnList:nth-child(2n){margin: 40px 0 0;}
            .FunctionGnImg{width: 230px; float: left;}
            .FunctionGnListMain{width: 330px; float: right;}
                .FunctionGnListTitle{font-size: 20px; font-weight: bold; color: #2f569e;}
                .FunctionGnListTips{margin: 10px 0 0; text-indent: 2em; color: #555; line-height: 1.8em;}
            .FunctionGjImg{width: 180px; float: left;}
            .FunctionGjListMain{width: 380px; float: right; padding: 20px 0 0;}
                .FunctionGjListTitle{font-size: 20px; font-weight: bold; color: #2f569e;}
                .FunctionGjListTips{margin: 10px 0 0; text-indent: 2em; color: #555; line-height: 1.8em;}

/*用户体验优势*/
.FunctionTyMain{margin-top: 20px;}
    .FunctionTyList{float: left; padding: 30px; width: 525px; margin: 0 0 0 30px; background: #e7f3fb; border-radius: 20px; overflow: hidden;}
        .FunctionTyList:first-child{margin: 0;}
        .FunctionTyCode{width: 128px; background: #fff; padding: 10px; border-radius: 10px; overflow: hidden; float: left;}
        .FunctionTyImg{width: 148px; float: left;}
        .FunctionTyListMain{width: 355px; float: right;}

/*行业资讯*/
.BannerNews{background: url(../images/banner_news.jpg) center top no-repeat #e7f3fb; background-size:cover; height: 300px; min-width: 1200px; text-align: center; color: #fff; font-size: 36px; font-weight: lighter; line-height: 300px;}

.BgGray{background: #f0f0f0; padding: 30px 0;}
    .NewsBig{width: 1200px; margin: 0 auto;}
        .NewsBigList{float: left; display: block; margin-left: 30px; width: 340px; padding: 20px; background: #fff; box-shadow: 0 0 20px #ddd;}
            .NewsBigList:first-child{margin: 0;}
            .NewsBigDate{color: #888; font-size: 12px;}
            .NewsBigTitle{font-size: 18px; color: #000; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
            .NewsBigImg{width: 100%; margin-top: 15px;}
            .NewsBigContent{margin-top: 15px; font-size: 14px; color: #555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
            .NewsBigTips{margin: 20px 0 0;}
                .NewsBigTips div{float: left; padding: 5px 10px; font-size: 12px; background: #e7f3fb; margin-right: 10px; color: #2f569e;}
            .NewsBigLink{color: #888; border-top: 1px solid #ddd; margin-top: 15px; padding: 10px 0 0;}
        .NewsBigList:hover{background: #2f569e;}
            .NewsBigList:hover .NewsBigDate{color: #e7f3fb;}
            .NewsBigList:hover .NewsBigTitle,.NewsBigList:hover .NewsBigContent,.NewsBigList:hover .NewsBigLink{color: #fff;}
    .NewsMain{width: 1200px; margin: 0 auto;}
        .NewsList{display: block; background: #fff; padding: 30px; margin-top: 30px; box-shadow: 0 0 20px #ddd;}
            .NewsDate{float: left; width: 100px; font-size: 12px; color: #888; padding: 4px 0 0;}
            .NewsListMain{float: left; width: 900px;}
                .NewsListTitle{font-size: 16px; color: #000;}
                .NewsListContent{margin-top: 10px; color: #555;}
                .NewsListTips{margin-top: 20px;}
                    .NewsListTips div{float: left; padding: 5px 10px; font-size: 12px; background: #e7f3fb; margin-right: 10px; color: #2f569e;}
            .NewsListLink{width: 100px; text-align: right; float: left;}
        .NewsList:hover{background: #2f569e;}
            .NewsList:hover .NewsDate{color: #e7f3fb;}
            .NewsList:hover .NewsListTitle,.NewsList:hover .NewsListContent,.NewsList:hover .NewsListLink{color: #fff;}
    .Page{text-align: center; width: 1200px; margin: 30px auto 0; color: #888;}
        .Page a{border: 1px solid #ddd; color: #888; margin: 0 10px; padding: 5px 10px;}
            .Page a:hover,.Page a.PageOn{border: 1px solid #2f569e; background: #2f569e; color: #fff;}

/*新闻详情*/
.NewsInfo{width: 900px; padding: 40px 150px; margin: 0 auto; background: #fff; box-shadow: 0 0 20px #ddd;}
    .NewsInfoTitle{font-size: 20px; font-weight: bold; color: #000;}
    .NewsInfoDate{font-size: 12px; color: #888; margin: 10px 0 0;}
    .NewsInfoMain{padding: 40px 0;}
    .NewsInfoLink{border-top: 1px solid #ddd; padding: 20px 0 0;}
        .NewsInfoLink a{display: block; margin-bottom: 20px; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
            .NewsInfoLink a span{background: #e7f3fb; padding: 8px 10px; margin: 0 10px 0 0;}
        .NewsInfoLink a:hover{color: #000;}
            .NewsInfoLink a:hover span{color: #fff; background: #2f569e;}

/*联系我们*/
.BannerContact{background: url(../images/banner_contact.jpg) center top no-repeat #e7f3fb; background-size:cover; height: 400px; min-width: 1200px; text-align: center; color: #fff; font-size: 36px; font-weight: lighter; line-height: 300px;}
.Contact{background: #fff; width: 1000px; padding: 60px 100px; border-radius: 20px; overflow: hidden; margin: -120px auto 0;}
    .ContactTips{text-indent: 2em; line-height: 1.8em; width: 60%;}
    .ContactMain{margin: 50px 0 0;}
        .ContactInfo{float: left;}
            .ContactInfoList{margin: 0 0 20px;}
                .ContactInfoTitle{font-size: 18px; color: #000; height: 24px; line-height: 24px; padding: 0 0 0 28px;}
                    .ContactInfoList:nth-child(1) .ContactInfoTitle{background: url(../images/icon_adr.jpg) left center no-repeat; background-size: 24px;}
                    .ContactInfoList:nth-child(2) .ContactInfoTitle{background: url(../images/icon_phone.jpg) left center no-repeat; background-size: 24px;}
                    .ContactInfoList:nth-child(3) .ContactInfoTitle{background: url(../images/icon_email.jpg) left center no-repeat; background-size: 24px;}
                .ContactInfoTxt{padding: 0 0 0 28px; margin: 10px 0 0;}
        .ContactCode{float: right; width: 130px;}
            .ContactCodeImg{width: 100%;}
            .ContactCodeTips{margin: 6px 0 0; font-size: 12px; color: #888; text-align: center;}

/*底部版权*/
.Bottom{background: #000; padding: 30px 0; color: #fff; min-width: 1200px;}
    .BottomMain{width: 1200px; margin: 0 auto;}
        .BottomMainLeft{width: 800px;}
            .BottomLogo{width: 140px;}
            .BottomNav{margin: 20px 0 0; color: #aaa;}
                .BottomNav a{color: #aaa;}
                    .BottomNav a:hover{color: #fff; font-weight: bold;}
        .BottomMainRight{width: 300px;}
            .BottomCodeBox{width: 120px; float: left; margin: 0 0 0 30px; text-align: center; color: #888;}
                .BottomCodeImg{border-radius: 6px; overflow: hidden;}
                .BottomCodeTxt{margin: 10px 0 0;}
    .BottomCopyRight{width: 1200px; margin: 30px auto 0; text-align: center; font-size: 12px; color: #888;}