/* CSS Document */

* { margin:0; padding:0; font-family:"Microsoft YaHei"; }
body, html { width:100%; }
li { list-style:none; }

.layout-main { width:100%; min-width:1200px; }
.layout-main .main-header { width:100%; }

.main-header .swiper-container { width:100%; overflow:hidden; position:relative; }
.main-header .swiper-container ul { width:10000%; }
.main-header .swiper-container ul li { width:1%; float:left; }
.main-header .swiper-container ul li img { width:100%; height:auto; display:block; }
.main-header .swiper-container .swiper-pagination { width:100%; position:absolute; left:0; bottom:30px; text-align:center; }
.main-header .swiper-container .swiper-pagination span { width:15px; height:15px; border:1px solid #ffffff; display:inline-block; border-radius:50%; margin:0 5px; cursor:pointer; }
.main-header .swiper-container .swiper-pagination span.swiper-pagination-bullet-active { background-color:#fff; }

.main-header .header-nav { width:100%; height:150px; position:absolute; left:0; top:0; }
.main-header .header-nav .nav-logo { width:143px; height:150px; position:absolute; left:40px; top:0px; }
.main-header .header-nav .nav-logo img { display:block; }
.main-header .header-nav .nav-menu { width:100%; text-align:right; height:50px; border-bottom:1px solid #252525; background-color:rgba(0, 0, 0, .3); }
.main-header .header-nav .nav-menu .menu-body { padding-right:50px; }
.main-header .header-nav .nav-menu a { padding:0 10px; margin:0 5px; color:#a9a9a9; font-size:14px; line-height:47px; font-weight:bold; text-decoration:none; display:inline-block; }
.main-header .header-nav .nav-menu a:hover, .main-header .header-nav .nav-menu a.checked { color:#62ccf0; border-bottom:3px solid #62ccf0; }

.main-core { width:100%; background-color:#62ccf0; }
.main-core h1 { width:100%; padding-top:80px; }
.main-core h1 img { display:block; margin:auto; }
.main-core h2 { width:100%; font-size:18px; color:#fff; text-align:center; padding-top:20px; font-weight:normal; }
.main-core .core-content { width:100%; padding-top:50px; padding-bottom:200px; }
.main-core .core-content img { display:block; margin:auto; }

.main-product { width:100%; background-color:#fff; }
.main-product h1 { width:100%; padding-top:80px; }
.main-product h1 img { display:block; margin:auto; }
.main-product .product-content { width:100%; padding-top:80px; padding-bottom:80px; }
.main-product .product-content img { display:block; margin:auto; width:1100px; height:auto; }

.main-high { width:100%; background:url(../images/m3-bg.png) center bottom repeat-x; overflow:hidden; }
.main-high h1 { width:100%; padding-top:80px; }
.main-high h1 img { display:block; margin:auto; }
.main-high h2 { width:100%; font-size:22px; color:#000; text-align:center; padding-top:30px; font-weight:normal; }
.main-high h2 span { border-left:4px solid #333; line-height:22px; display:inline-block; padding-left:10px; margin:0 50px; }
.main-high .high-content { width:100%; padding-top:30px; padding-bottom:50px; }
.main-high .high-content img { display:block; margin:auto; }
.main-high .high-btns { width:1000px; margin:auto; padding-left:40px; padding-bottom:200px; overflow:hidden; }
.main-high .high-btns span { float:left; font-size:27px; color:#666; width:168px; height:70px; border:1px solid #999; text-align:center; line-height:70px; margin-left:17px; margin-bottom:17px; font-weight:bold; }
.main-high .high-btns span i { font-size:17px; font-style:normal; font-weight:normal; }

.main-business { width:100%; background:url(../images/m4-bg.png) center bottom repeat-x; overflow:hidden; }
.main-business h1 { width:100%; padding-top:80px; }
.main-business h1 img { display:block; margin:auto; }
.main-business .business-content { width:100%; padding-top:100px; padding-bottom:200px; overflow:hidden; }
.main-business .business-content ul { width:1160px; margin:auto; }
.main-business .business-content ul li { width:268px; height:450px; float:left; border:1px solid #c9c9c9; margin:0 10px; }
.main-business .business-content ul li .c-pic { width:100%; margin-top:90px; }
.main-business .business-content ul li .c-pic img { margin:auto; display:block; }
.main-business .business-content ul li .c-title { width:100%; font-size:18px; text-align:center; color:#46a1e5; line-height:60px; margin-top:20px; }
.main-business .business-content ul li .c-text { width:80%; text-align:center; font-size:14px; color:#828282; margin:auto; line-height:26px; height:80px; }
.main-business .business-content ul li .c-line { width:15%; margin:auto; height:3px; background-color:#46a1e5; }

.main-absolute { width:100%; background:url(../images/m5-bg.png) center center no-repeat; background-size:cover; overflow:hidden; position:relative; }
.main-absolute h1 { width:100%; padding-top:80px; }
.main-absolute h1 img { display:block; margin:auto; }
.main-absolute .absolute-content { width:1200px; margin:auto; color:#fff; margin-top:50px; margin-bottom:90px; }
.main-absolute .absolute-content ul { width:100%; }
.main-absolute .absolute-content ul li { width:100%; background-color:rgba(255, 255, 255, .2); overflow:hidden; padding:25px 0; }
.main-absolute .absolute-content ul li .c-title { width:300px; float:left; margin-left:190px; font-size:24px; }
.main-absolute .absolute-content ul li .c-text { width:690px; float:left; font-size:16px; color:#eee; line-height:35px; }
.main-absolute .back-top { width:61px; height:55px; position:absolute; right:0; bottom:0; cursor:pointer; }

.main-footer { width:100%; background-color:#33a0e5; }
.main-footer .footer-nav { width:100%; }
.main-footer .footer-nav ul { width:1050px; margin:auto; overflow:hidden; padding-top:20px; padding-bottom:50px; }
.main-footer .footer-nav ul li { width:20%; float:left; }
.main-footer .footer-nav ul li h1 { width:120px; font-size:20px; line-height:60px; color:#dbf1ff; font-weight:normal; border-bottom:3px solid #63b7ed; margin-bottom:15px; }
.main-footer .footer-nav ul li a { font-size:16px; color:#dbf1ff; display:block; line-height:30px; }

.main-footer .footer-copy { width:100%; border-top:1px solid #60b5eb; overflow:hidden; }
.main-footer .footer-copy .copy-left { float:left; margin:30px; }
.main-footer .footer-copy .copy-left .left-logo { float:left; }
.main-footer .footer-copy .copy-left .left-text { float:left; color:#0266a6; font-size:16px; margin-left:20px; }
.main-footer .footer-copy .copy-right { float:right; margin:30px; color:#0266a6; font-size:16px; }