body{ width:100%;}
/*-----幻灯片------*/
.headBg{ position:relative; width:100%; height:620px; overflow:hidden;}
.headBgContent{ width:100%; height:620px; margin:0 auto;}
.headBgContent .swiper-pagination-bullet{ width:40px; height:2px;}
.headBgContent>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 2px;}
.headBgContent .swiper-wrapper .swiper-slide{ background-position:center center; background-repeat:no-repeat}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}
.swiper-pagination-bullet{ border-radius:0;}
.mainBox{ padding-bottom:46px; background:url(../images/mainBg.jpg);}
.flashs-ad{ height:146px; background:url(../images/banner/flashs-ad.jpg) center no-repeat;}

/*-----标题-----*/
.main-h{ padding-top:70px; text-align:center;}
.main-h h3{ color:#016bce; font-size:40px; font-weight:bold;}
.main-h span{ color:#bababa; font-size:19px; font-family:Arial, Helvetica, sans-serif}
.main-h p{ margin:10px 0 45px 0; color:#666; font-size:19px;}

/*-----产品------*/
.proMain{ padding-bottom:40px; background:url(../images/index/gbg.jpg);}
/*-----菜单-----*/
.proMain-nav{ height:60px; background:#fff;}
/*下拉菜单*/
.proMain-nav-menu{ float:left; width:180px; height:60px; line-height:60px; font-size:16px; color:#fff; background:#0183ce;}
.proMain-nav-menu .nav{ width:100%; height:60px;}
.proMain-nav-menu .nav li{ position:relative;}
.proMain-nav-menu .nav li a{ display:block; color:#fff;}
.proMain-nav-menu .nav li a:focus{ -moz-outline-style:none; }
.proMain-nav-menu .nav>li>a{ position:relative; width:180px; height:60px; text-align:center; font-size:16px; line-height:60px;}
.proMain-nav-menu .nav>li>a:hover{ background:#1896df;}
.proMain-nav-menu .nav span{ display:block; position:absolute;}
.proMain-nav-menu .nav .icon1{left:20px; top:22px; width:22px; height:16px; background:url(../images/index/proMain-nav-menu-icon1.png) no-repeat;}
.proMain-nav-menu .nav .icon2{right:20px; top:25px; width:12px; height:8px; background:url(../images/index/proMain-nav-menu-icon2.png) no-repeat;}
.proMain-nav-menu .nav li .sub-nav{ position:absolute; top:60px; left:0; display:none; width:220px; background:#0183ce; z-index:99; }
.proMain-nav-menu .nav li .sub-nav li a{ width:180px; height:50px; padding-left:40px; line-height:50px; font-size:14px; background:url(../images/index/proMain-nav-menu-icon4.png) 20px 20px no-repeat; }
.proMain-nav-menu .nav li .sub-nav li a:hover{ background:url(../images/index/proMain-nav-menu-icon4.png) 20px 20px no-repeat #1896df;}
/*横向菜单*/
.proMain-nav-menu2{ float:left; width:870px; overflow:hidden;}
.proMain-nav-menu2 a{ display:inline-block; margin:0 13px; line-height:58px; font-size:14px; color:#333;}
.proMain-nav-menu2 a.hover{ margin:0 13px 0 26px; color:#0183ce; border-bottom:2px solid #0183ce;}
.proMain-nav-menu2 a:hover{ color:#0183ce; border-bottom:2px solid #0183ce;}
/*更多产品*/
.proMain-nav-more{ float:right; margin:28px 20px 0 0;}
.proMain-nav-more a{ display:block; width:26px; height:6px; background:url(../images/index/proMain-nav-menu-icon3.png) 0 0 no-repeat;}
.proMain-nav-more a:hover{ background:url(../images/index/proMain-nav-menu-icon3.png) 0 -6px no-repeat;}
/*-----产品-----*/
.proMain-b{ width:100%; margin-top:28px;}
.proMain-b ul{ width:1260px;}
.proMain-b ul li{ float:left; margin:0 20px 20px 0; width:285px; box-shadow:2px 2px 10px #eaeaea; -webkit-box-shadow:2px 2px 10px #eaeaea; -moz-box-shadow:2px 2px 10px #eaeaea;/*外阴影*/
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;}
.proMain-b ul li:hover{
transform:scale(1.2);
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);}
.proMain-b ul li a{ position:relative; display:block; width:285px; height:208px;}
.proMain-b ul li a img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-height:208px; width:auto;}
.proMain-b ul li h4{ position:relative; padding:10px 0; color:#333333; font-size:16px;}
.proMain-b ul li>div{ padding:10px 12px; background:#fff;}
.proMain-b ul li>div p{ line-height:18px; color:#999; font-size:12px;}
.proMain-b ul li .proMain-a{ width:100%; height:208px; background:#58b6ec;}
.proMain-b ul li .more{ position:absolute; right:0; top:12px; display:block; width:9px; height:15px; background:url(../images/index/jiaotou.jpg) no-repeat;}

/*-----服务流程-----*/
.servers{ height:653px; background:url(../images/index/servers-bg.jpg) center top #FFF no-repeat;}

/*-----四大优势-----*/
.youshi{ padding-bottom:58px;}
.youshi-h{ height:159px; color:#fff; text-align:center; background:#0183ce;}
.youshi-h h4{ padding-top:35px; font-size:48px;}
.youshi-h p{ padding-top:10px; font-size:18px;}
.shanjiao{ display:block; width:0; height:0; margin:0 auto; border-top:15px solid #0183ce; border-right:15px solid transparent; border-left:15px solid transparent;}
/*宽度*/
.w460{ width:460px;}
.w500{ width:500px;}
.w540{ width:550px;}
.w546{ width:546px;}
.w582{ width:582px;}
.w1150{ width:1150px; margin:0 auto;}
/*内容文字*/
.youshi-b{ width:1200px; margin:0 auto;}
.youshi-text{ padding-top:40px;}
.youshi-hr{ text-align:center;}
.xuhao{ display:inline-block; vertical-align:top; width:77px; height:67px; line-height:67px; font-size:24px; text-indent:26px; color:#fff; background:url(../images/index/youshi-icon.jpg) no-repeat;}
.youshi-list{ display:inline-block; vertical-align:top;}
.youshi-list h4{ color:#0066b4; font-size:24px;}
.youshi-list h5{ height:40px; margin-top:10px; padding:0 10px; line-height:40px; color:#333; font-size:18px; background:#e5e5e5;}
.youshi-list ul{ margin-top:10px;}
.youshi-list ul li{ padding-left:15px; color:#333; font-size:13px; line-height:30px; background:url(../images/index/youshi-icon2.jpg) left 10px no-repeat;}

/*-----合作伙伴-----*/
.huoban{ height:634px; background: url(../images/index/huoban-bg.jpg) center top no-repeat;}
.huoban-b{ position:relative; width:1200px; margin:0 auto; padding-top:52px;}
.huoban-h{ width:232px; height:240px; padding:35px; color:#fff; background:#0058a2;}
.huoban-h p{ font-size:40px;}
.huoban-h p span{ display:block; font-weight:bold;}
.huoban-h p em{ font-style:normal; font-weight:bold;}
.huoban-h i{ display:block; width:40px; height:3px; margin-top:20px;  background:#00e9f8;}
.huoban-h a{ display:block; width:70px; height:70px; margin-top:45px; line-height:65px; text-align:center; border:1px solid #4d8abe; color:#4d8abe; font-size:40px;}
.huoban-h a:hover{ border:1px solid #6ca8dc; color:#66a4d9;}
.huoban-list{ position:absolute; left:339px; top:52px; width:890px;}
.huoban-list li{ float:left; width:200px; height:90px; margin:0 20px 20px 0; background:#fff;}
.huoban-list li img{ width:200px; height:90px;}

/*-----关于我们-----*/
.about{ position:relative; height:450px; background:#f6f6f6;}
.about-b{ position:absolute; top:-220px; left:50%; width:1200px; margin-left:-600px; background:#FFF;}
.about-b .main-h{ padding-top:45px;}
.about-b .main-h h3{ color:#cf020a;}
.about-text{ padding:42px;}
.about-text img{ float:left; width:528px;}
.about-text-b{ float:right; width:540px;}
.about-text-b h4{ font-size:25px; color:#cf020a;}
.about-text-b h4 p{ margin-top:3px; font-size:16px; color:#bababa; font-family:Arial, Helvetica, sans-serif;}
.about-text-b .t p{ margin-top:20px; line-height:28px; font-size:14px; color:#666; text-indent:40px;}
.about-text-b a{ display:block; width:150px; height:40px; margin:15px auto 0 auto; border:1px solid #dcdcdc; background:url(../images/index/about-btn.png) center no-repeat #eeeeee;}
.about-text-b a:hover{ border:1px solid #d0d0d0; background:url(../images/index/about-btn.png) center no-repeat #f4f4f4;}

/*-----资讯中心-----*/
.news{ width:1200px; margin:0 auto;}
.news .main-h{ padding:45px 0 20px 0;}
.news .news-h{ position:relative; border-bottom:1px solid #ebebeb;}
.news .news-h span{ display:block; width:132px; height:56px; line-height:56px; font-size:20px; text-align:center; color:#fff; background:#0183ce;}
.news .news-h span i{ position:relative; display:block; width:0; height:0; margin:-5px auto 0 auto; border-bottom:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent;}
.news .news-h a{ position:absolute; right:0; top:20px; font-size:16px; color:#999;}
.news .news-h a:hover{ color:#333;}
/*左边*/
.news-left{ float:left; width:760px;}
.news-left-b{}
.news-left-b .l{ float:left; width:357px; padding-top:26px;}
.news-left-b .l img{ float:left; width:357px; height:194px;}
.news-left-b .l .t{ float:right; padding:20px; background:#f3f3f3;}
.news-left-b .l .t a{ line-height:40px; font-size:16px; color:#333;}
.news-left-b .l .t p{ line-height:20px; font-size:12px; color:#666;}
.news-left-b .r{ float:right; width:388px;}
.news-left-b .r ul{ padding-top:28px;}
.news-left-b .r ul li{ padding-bottom:20px; border-bottom:1px solid #dedddd;}
.news-left-b .r ul li:last-child{ border-bottom:0;}
.news-left-b .r ul li .time{ float:left; width:50px; padding-top:25px;}
.news-left-b .r ul li .time em{ display:block; line-height:28px; letter-spacing:5px; font-size:32px; color:#333;}
.news-left-b .r ul li .time i{ font-size:11px; color:#999;}
.news-left-b .r ul li p{ float:right; width:325px;}
.news-left-b .r ul li p a{ display:block; padding:20px 0 5px 0; line-height:30px; font-size:16px; color:#333;}
.news-left-b .r ul li p em{ line-height:20px; font-size:12px; color:#999;}
/*右边*/
.news-right{ float:right; width:380px;}
.news-right ul{ padding-top:26px;}
.news-right ul li{ position:relative; padding:20px 0 20px 30px; border-bottom:1px solid #dedddd;}
.news-right ul li:last-child{ border-bottom:0;}
.news-right ul li a{ display:block; padding-bottom:5px; line-height:30px; font-size:16px; color:#333;}
.news-right ul li em{ display:block; height:63px; line-height:20px; font-size:12px; color:#999;}
.news-right ul li i{ position:absolute; left:0; top:25px; display:block; width:20px; height:20px; line-height:20px; font-size:16px; font-weight:bold; border-radius:50%; text-align:center; color:#fff; background:#0183ce;}
/*鼠标移上去*/
.news-left-b .r ul li p a:hover, .news-right ul li a:hover{ color:#016bce;}
/*常见问题滚动*/
.news-right .scroll{ height:417px; overflow:hidden;}

/*-----视频播放-----*/
#video{ position:fixed; bottom:0; left:20px; z-index:1000; width:282px; border-left:5px solid #0183ce; border-right:5px solid #0183ce; border-bottom:5px solid #0183ce; border-radius:6px;}
#video h4{ position:relative; height:30px; padding-left:5px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; background:#0183ce;}
#video h4 span{ display:inline-block; height:30px;}
.min-nar, .max-nar{ position:absolute; right:10px; top:0; width:20px; height:30px; background-image:url(../images/index/video-icon.png); background-repeat:no-repeat; cursor:pointer;}
.min-nar{ background-position:0 13px;}
.max-nar{ background-position:0 -16px;}
#video-b{ clear:both; height:220px; background:#fff; overflow:hidden;}