* { margin: 0; padding: 0; }
html { color: #fff; }
body { width: 100%; margin: 0 auto; font-size: 18px; font-family: "Microsoft YaHei"; line-height: 1.7; }
ol, ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: 0 none; -ms-interpolation-mode: bicubic; }
.clear, .clearfix { zoom: 1; }
.clear:after, .clearfix:after { content: ' '; display: block; clear: both; height: 0; visibility: hidden; }
.hidden, .hide { display: none; }
.over { overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
a { text-decoration: none; cursor: pointer; }
.fixed { position: fixed; top: 0; z-index: 99; _position: absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); *zoom: 1; left: 0; right: 0; }
.navhigh { width: 100%; display: none; }
.container { width: 100%; max-width: 1920px; min-width: 1024px; margin: 0 auto; overflow: hidden; font-size: 18px; color: #666; }
.mt20 { margin-top: 20px; }
.wrapper { width: 1180px; margin: 0 auto; overflow: hidden; }
.banner { width: 100%; height:173px;padding-top:520px; clear: both; background: url(../images/banner.jpg) center center no-repeat; overflow: hidden; }
.btnas { display: block; width: 330px; height: 55px; margin: 50px auto; border-radius: 30px; border: 2px solid #ff6000; background: #ff6000; text-align: center; line-height: 55px; font-size: 21px; color: #fff; transition: all 300ms linear; -moz-transiton: all 300ms linear; -webket-transition: all 300ms linear; -o-transition: all 300ms linear; }
.btnas:hover { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }
.btn { width: 380px; margin: 0 auto; border-radius: 15px; text-align: center; font-size: 34px; color: #fff; display: block; line-height: 64px; height: 64px; background: #ff6000; }
.wp { width: 1180px; margin: 0 auto; }
.section-text { overflow: hidden; width: 100%; margin: 0 auto; }
.section-text div { margin: 0 auto; overflow: hidden; text-align: center; }
.section-text h2:before { width: 60px; height: 20px; margin-top: 20px; display: block; content: ''; float: left; background: url('../images/fh1.png')no-repeat; }
.section-text h2:after { width: 60px; height: 20px; margin-top: 20px; display: block; content: ''; float: right; background: url('../images/fh1.png')no-repeat; }
.section-text h2 { margin: 0 auto; width: 700px; text-align: center; color: #303a4a; font-size: 35px; line-height: 1; overflow: hidden; }
.section-text p { font-size: 14px; line-height: 1.5; word-spacing: 1px; letter-spacing: 6px; text-align: center; font-family: "Arial"; text-transform: uppercase; }
.section1 { width: 1180px; margin: 0 auto; padding: 3% 0 2% 0; }
.section1 .section1-area { margin: 3% auto 0 auto; overflow: hidden; }
.section1 .section1-area ul { width: 1180px; }
.section1 .section1-area ul li { background: #c9d1ff; width: 583px; float: left; margin: 0 0 13px 0; }
.section1 .section1-area ul .section1_li { margin-right: 0; }
.section1 .section1-area ul li div img { clear: both; margin-top: 20px; }
.section1 .section1-area ul li img { float: left; }
.section1 .section1-area ul li div { float: left; margin: 25px 0 0 30px; }
.section1 .section1-area ul li div h2 { color: #303a4a; font-size: 30px; line-height: 1.5; }
.section1 .section1-area ul li div p { color: #576780; }
.section1 .section1-area ul li div a { }
.section2 { overflow: hidden; width: 100%; margin: 0 auto; padding-top: 4%; background: #5d6cc1; }
.section2 .section-text h2 { width: 500px; }
.section2 .section-text p { font-size: 18px; margin-top: 5px; }
.section2 .section2-area { width: 100%; margin: 0 auto; overflow: hidden; padding-top: 3%; }
.section2 .section2-area a { }
.section2 .section2-area ul { width: 1180px; overflow: hidden; margin: 0 auto; text-align: center; }
.section2 .section2-area ul li { float: left; width: 377px; margin-right: 22px; text-align: center; }
.section2 .section2-area ul li img { display: block; }
.section2 .section2-area ul li div { background: #fff; width: 378px; overflow: hidden; height: 138px; border-radius: 0 0 30px 30px; }
.section2 .section2-area ul li div h2 { font-size: 26px; color: #002355; line-height: 2; }
.section2 .section2-area ul li div p { font-size: 16px; text-align: center; margin: 0 auto; width: 80%; }
.section3 { width: 100%; overflow: hidden; padding: 4% 0 3% 0; }
.section3 .section-text h2 { width: 660px; }
.section3 .section-text p { font-size: 18px; }
.section3 .section3-area { width: 1180px; margin: 0 auto; overflow: hidden; }
.section3 .section3-area ul { margin-top: 40px; }
.section3 .section3-area ul li { height: 603px; }
.section3 .section3-area ul li img { float: left; margin-right: 10px; }
.section3 .section3-area ul li img:last-child { margin: 0 0 0 10px; }
.section3 .section3-area ul li h2 { color: #fff; font-size: 30px; text-align: center; font-weight: normal; margin: 20px 0 10px 0; }
.section3 .section3-area ul li .text-bg { background: #fde541; width: 350px; line-height: 2; margin: 5px 0; text-indent: 1em; }
.section3 .section3-area ul li .text-bg2 { width: 200px; }
.section3 .section3-area ul li .text-bg3 { width: 680px; overflow: hidden; }
.section3 .section3-area ul li .text-bg span { color: #4c6f8f; font-size: 17px; }
.section3 .section3-area ul li .doc-area { width: 689px; height: 603px; overflow: hidden; background: #5d6cc1; }
.section3 .section3-area ul li .doc-area .textarea { width: 530px; margin: 0 auto; overflow: hidden; }
.section3 .section3-area ul li .doc-area .textarea p { color: #fff; font-size: 16px; }
.section3 .section3-area ul li .doc-area .textarea img { margin: 5px 0 10px 0; }
.section3 .section3-area ul li a { width: 333px; display: block; margin: 30px auto 0 auto; }
.section3 .section3-area ul .doc2 { margin-top: 1%; }
.section3 .section3-area ul .doc2 .doc-area { overflow: hidden; background: #92a2f9; float: left; }
.section3 .section3-area ul .doc2 .text-bg { width: 420px; }
.section3 .section3-area ul .doc2 .text-bg2 { width: 180px; }
.section3 .section3-area ul .doc2 .text-bg3 { width: 680px; overflow: hidden; }
.section3 .section3-area ul .doc2 div span { color: #799dbe; }
.section4 { width: 100%; overflow: hidden; background: #e6e7eb; padding-top: 4%; }
.section4 .section4-area { width: 1180px; margin: 0 auto; overflow: hidden; }
.section4 .section4-area a { }
.section4 .section4-area ul { overflow: hidden; margin: 3% 0; }
.section4 .section4-area ul li { float: left; margin: 0 6px 6px 0; }
.section4 .section4-area ul li div { overflow: hidden; text-align: center; height: 120px; background: #fff; }
.section4 .section4-area ul li img { }
.section4 .section4-area ul li h2 { color: #282828; font-size: 30px; }
.section4 .section4-area ul li p { font-size: 22px; color: #5b5b5b; }

.section5 { padding-top: 4%; }
.section5 .section-text h2 { width: 700px;}
.section5 .pp{overflow: hidden; width: 1180px; margin: 40px auto;}
.case_slider{margin-top: 50px;}
.case_slider .hd{width: 100%;text-align: center;margin-top: 20px;}
.case_slider .hd li{width: 20px;height: 20px;border-radius: 50%;display: inline-block;*display: inline;*zoom:1;margin:0 5px;background: #cccccc;border-radius: 50%;}
.case_slider .hd li.on{background: #05bcd5;}

/* .section5 { padding-top: 4%; }
.section5 .section-text h2 { width: 650px; }
.section5 .section5-area { width: 1180px; margin: 3% auto 0 auto; overflow: hidden; }
.section5 .section5-area img { }
.section5 .section5-area a { margin-top: 3%; } */
.section { margin: 30px 0; }
.section h2 { height: 60px; background: url(../images/hbg4.jpg) no-repeat center; }
.banner .an {
  cursor: pointer;
  height: 70px;
  margin: 0 auto;
  width: 460px;
}