* { font-size: 14px; color: #31394C; }
body { margin: 0px; padding: 0px; }
a { text-decoration: none; }

/*居中*/
.clear { clear: both; }
.gray { color: #74889D; }
.content { margin: 0px auto; width: 1200px; }

/*第一块*/
.section1 { background: #0A2B5C; }
.section1 .nav { height: 80px; }
.section1 .nav .logo { width: 302px; height: 50px; margin-top: 14px; }
.section1 .nav .navright { width: 800px; float: right; text-align: right; }
.section1 .nav .navright a { color: white; line-height: 80px; margin-right: 52px; }
.section1 .nav .navright a.tologin { margin-right: 0px; border: solid 1px #FF6633; color: #FF6633; padding: 10px 16px; }
.section1 .sec { min-height: 820px; color: white; }
.section1 .sec .left { float: left; margin-top: 240px; width: 580px; }
.section1 .sec .left p { margin: 20px 0px; }
.section1 .sec .left .size1 { color: white; font-size: 32px; }
.section1 .sec .left .size2 { color: white; font-size: 40px; font-weight: bold; }
.section1 .sec .left .size3 { color: white; font-size: 16px; }
.section1 .sec .left .tools { margin-top: 48px; }
.section1 .sec .left .tools a { font-size: 14px; padding: 12px 17px; margin-right: 15px; }
.section1 .sec .left .tools a.btn1 { background-color: #FF6633; color: white; }
.section1 .sec .left .tools a.btn2 { color: #FF6633; border: solid 1px #FF6633; }
.section1 .sec .right { width: 620px height: 620px; margin: 100px 0px; float: right;}

.section2 {}
.section2 p.title { font-size: 32px; text-align: center; margin-top: 100px; }
.section2 .column3 h1 { font-size: 16px; }
.section2 .column3 { width: 300px; margin: 70px 70px 120px 70px; float: left; text-align: center }
.section2 .column3:first-child { margin-left: 0px; }
.section2 .column3:last-child { margin-right: 0px; }
.section2 .column3 p.text { text-align: left; }
.section2 .column6 { width: 100px; margin: 70px 60px 120px 60px; float: left; text-align: center }
.section2 .column6:first-child { margin-left: 0px; }
.section2 .column6:last-child { margin-right: 0px; }

.section3 { background-color: #F5F8FB; margin: 0px 0px; height: 600px; }
.section3 .left { width: 730px; float: left; margin-top: 135px; }
.section3 .left h1 { font-size: 28px; }
.section3 .left .icon { float: left; }
.section3 .left .wrapper { width: 660px; float: left; margin-left: 12px; }
.section3 .left .wrapper h1 { font-size: 16px; margin: 0px; }
.section3 .left .wrapper p { margin: 0px;}
.section3 .right { width: 460px; float: right; margin-top: 115px; }

.section4 { margin: 0px 0px; height: 700px; }
.section4 .left { width: 480px; float: left; margin-top: 232px; }
.section4 .right { width: 720px; float: left; margin-top: 100px; }
.section4 .right h1 { font-size: 28px; }
.section4 .right .icon { float: left; }
.section4 .right .wrapper { width: 660px; float: left; margin-left: 12px; }
.section4 .right .wrapper h1 { font-size: 16px; margin: 0px; }
.section4 .right .wrapper p { margin: 0px;}

.section5 { background-color: #F5F8FB; margin: 100px 0px 0px; height: 600px; }
.section5 .left { width: 680px; float: left; margin-top: 115px; }
.section5 .left h1 { font-size: 28px; }
.section5 .column4 h1 { font-size: 16px; }
.section5 .column4 { width: 140px; margin: 30px 20px 30px 20px; float: left; text-align: center }
.section5 .column4:first-child { margin-left: 0px; }
.section5 .column4:last-child { margin-right: 0px; }
.section5 .column4 p.text { text-align: left; }
.section5 .right { width: 510px; float: right; margin-top: 95px; }

.section6 { margin: 0px 0px; height: 700px; }
.section6 .left { width: 480px; float: left; margin-top: 190px; }
.section6 .right { width: 720px; float: left; margin-top: 115px; }
.section6 .right h1 { font-size: 28px; margin-bottom: 40px; }
.section6 .right .icon { }
.section6 .right .wrapperitem { width: 60px; float: left; margin-right: 120px; margin-bottom: 60px; text-align: center; }
.section6 .right .item h1 { font-size: 16px; margin: 0px; }
.section6 .right .item p { margin: 0px; margin-top: 10px; text-align: center; }

.section7 { background-color: #F5F8FB; margin: 0px 0px; height: 600px; }
.section7 .left { width: 730px; float: left; margin-top: 135px; }
.section7 .left h1 { font-size: 28px; }
.section7 .left .icon { float: left; }
.section7 .left .wrapper { width: 660px; float: left; margin-left: 12px; }
.section7 .left .wrapper h1 { font-size: 16px; margin: 0px; }
.section7 .left .wrapper p { margin: 0px;}
.section7 .right { width: 460px; float: right; margin-top: 115px; }

.section8 { margin: 0px 0px; height: 600px; }
.section8 .left { width: 480px; float: left; margin-top: 100px; }
.section8 .right { width: 720px; float: left; margin-top: 135px; }
.section8 .right h1 { font-size: 28px; }
.section8 .right .icon { }
.section8 .right .wrapperitem { width: 60px; float: left; margin-right: 80px; margin-bottom: 60px; text-align: center; }
.section8 .right .item h1 { font-size: 16px; margin: 0px; }
.section8 .right .item p { margin: 0px; margin-top: 10px; text-align: center; }

.section9 { background-color: #F5F8FB; margin: 0px 0px 0px; height: 600px; }
.section9 .left { width: 660px; float: left; margin-top: 90px; }
.section9 .left h1 { font-size: 28px; }
.section9 .column4 p { text-align: center; }
.section9 .column4 { width: 80px; margin: 20px 20px 20px 20px; float: left; text-align: center; }
.section9 .column4:first-child { margin-left: 0px; }
.section9 .column4:last-child { margin-right: 0px; }
.section9 .column4 p.text { text-align: center; }
.section9 .right { width: 530px; float: right; margin-top: 75px; }

.section10 { margin: 0px 0px; height: 600px; }
.section10 .left { width: 480px; float: left; margin-top: 120px; }
.section10 .right { width: 720px; float: left; margin-top: 120px; }
.section10 .right h1 { font-size: 28px; }
.section10 .right .icon { }
.section10 .right .wrapper { display: inline-block; border: dashed 1px #9BA7B4; margin-right: 40px; padding: 68px 22px; border-radius: 8px; }
.section10 .right .wrapper:last-child { margin-right: 0px; }
.section10 .right .wrapperitem { width: 45px; margin-right: 33px; float: left; text-align: center; }
.section10 .right .wrapperitem:last-child { margin-right: 0px; }
.section10 .right .item h1 { font-size: 16px; margin: 0px; }
.section10 .right .item p { margin: 0px; margin-top: 10px; text-align: center; }

.section11 { background-color: #0A2B5C; margin: 0px 0px 0px; height: 940px; }
.section11 h1 { font-size: 32px; color: white; padding-top: 120px; padding-bottom: 80px; text-align: center; }
.section11 .wrapper { margin: 0px auto; }
.section11 .wrapper .item { width: 370px; height: 490px; border-radius: 4px; margin-right: 45px; float: left; background-color: white;
	text-align: center; position: relative; }
.section11 .wrapper .item:last-child { margin-right: 0px; }
.section11 .wrapper .item h1 { color: #31394C; padding: 64px 0px; margin: 0px; }
.section11 .wrapper .item li { text-align: left; margin-left: 80px; font-size: 16px; line-height: 36px; }
.section11 .wrapper .item .btn { background-color: #FF6633; color: white; font-size: 14px; border-radius: 4px; display: inline-block; padding: 15px 68px;
	margin-top: 140px; position: absolute; bottom: 64px; left: 89px;}
.section11 .more { margin-top: 64px; text-align: center; }

.section12 { background-color: #292E33; margin: 0px 0px 0px 0px; height: 600px; }
.section12 h1 { font-size: 32px; color: white; text-align: center; padding: 120px 0px 80px 0px; margin: 0px; }
.section12 .left { float: left; width: 560px; border-right: solid 1px #101418; font-size: 32px; color: white;
	padding: 70px 0px; }
.section12 span { font-size: 32px; color: #c8c8c8; }
.section12 .tel { vertical-align: middle; margin-right: 20px; }
.section12 .right { float: left; width: 630px; }
.section12 .barcode { float: left; text-align: center; }
.section12 .barcode:first-child { margin-left: 120px; }
.section12 .barcode:last-child { margin-left: 52px; }
.section12 p { color: #C8C8C8; font-size: 14px; }

.footer { height: 60px; line-height: 60px; color: #9BA7B4; text-align: center; }
.footer img { vertical-align: middle; width: 24px; height: 24px; }
.footer a { color: #9BA7B4; }

.article p, .article a, .article span, .article li, .article ul { line-height: 32px; font-size: 14px; }
.article img { width: 40%; }
.articlelist { padding: 50px 0px; }
.articlelist .articleitem { border-bottom: dashed 1px #e0e0e0; padding: 15px 0px; }
.articlelist .articleitem a { font-size: 14px; display: inline-block; width: calc(100% - 100px); }
.articletitle { font-size: 18px; margin-bottom: 30px; text-align: center; }