﻿@charset "utf-8";

body {color:#444548;line-height:26px;background: #e9eff5;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight:600;}
.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top,  #ed1c24,  #A51715);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}
.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}
.cor_bs,.cor_bs:hover{color:#ffffff;}
.keBody{background:url(../images/bodyBg.jpg) repeat #333;}
.keTitle{height:100px; line-height:100px; font-size:30px; font-family:'微软雅黑'; color:#FFF; text-align:center; background:url(../images/bodyBg3.jpg) repeat-x bottom left; font-weight:normal}
.kePublic{background:#FFF; padding:50px; height:600px;}
.keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px}
.keTxtP{font-size:16px; color:#ffffff;}
.keUrl{color:#FFF; font-size:30px;}
.keUrl:hover{ text-decoration: underline; color: #FFF; }
.mKeBanner,.mKeBanner div{text-align:center;}
/*科e互联特效基本框架CSS结束，应用特效时，以上样式可删除*/
/* 效果CSS开始 */
.box_r{ width:143px; height:auto; overflow:hidden; position:fixed; right:0; top:150px; z-index:9999;}
.box_r .top{width:143px; height:69px; background:url(../images/cslist_top_bg.png) no-repeat;}
.box_r .main{ width:138px; height:auto; overflow:hidden; background:url(../images/right_bg.png) repeat-y left top;text-align:left; font-size:12px; padding-left:5px;}
.box_r .main p{ height:25px; line-height:25px; padding-left:5px;}
.box_r .bottom{ width:143px; height:17px; background:url(../images/cslist_btm_bg.png) no-repeat;}
.box_m{ width:315px; height:145px; background:url(../images/invite_bg.png) no-repeat; position:fixed; right:1%; bottom:5%; margin:-72px 0 0 -157px; display:none;z-index: 9999;}
.box_m ul .close{ width:25px; height:25px; display:block; position:absolute; right:0; top:0;}
.box_m ul{width:315px; height:145px; position:relative;}
.box_m ul a{ display:block; width:70px; height:22px; position:absolute; top:104px;}
/* 效果CSS结束 */
/* 样式重塑 */
h3{color:rgb(255, 82, 0);font-weight:500;}
.probootstrap-navbar .navbar-brand{   width: 180px;height: 48px;background-size: contain;}
.probootstrap-navbar.scrolled .navbar-brand{width: 160px;height: 43px;}
.navbar {min-height:60px;}
.probootstrap-navbar.scrolled {background: #008cd6;}
.probootstrap-footer {padding:0;background: #009fd9;color:rgba(255,255,255,.7)}
.probootstrap-footer a{color:rgba(255,255,255,.7)}
.probootstrap-navbar.scrolled{background: #006194;}
.probootstrap-navbar .navbar-nav > li > a{font-size:16px;}
.probootstrap-navbar .navbar-nav > li.probootstra-cta-button > a {padding:4px 20px;}
.probootstrap-navbar .dropdown-menu {background:rgb(0, 59, 90);border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.dropdown-menu > li > a {text-align:center}

.navbar:hover{background:#006194}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
.probootstrap-navbar .navbar-nav > li > .dropdown-menu:before {display:none;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color:#fff;}

.service.hover_service:focus, .service.hover_service:hover{background:#ff5200;box-shadow:0 2px 20px 0 rgb(255, 82, 0);border-radius:4px;}
.service.hover_service:focus, .service.hover_service:hover h3{color:#fff;}
.service.hover_service:focus, .service.hover_service:hover p{color:#fff;}

:nth-of-type(1).service{border:1px solid rgba(0,0,0,0);}

.section-heading h2{position:relative;}
.section-heading h2::after{content:""; display:block;position:absolute;background:rgb(255, 82, 0, 0.44);height:12px;width:32%;bottom:16px;z-index:0;left:50%;transform:translate(-50%,0);}

.service:hover{background:#fff}
.probootstrap-section.probootstrap-border-top {border:none;}
.service{padding:36px;}
.service p{color:#444548;font-size:16px;}
.service:hover{background:none;}
.service:hover p{color:rgb(255, 82, 0);}
.service.left-icon .text{padding-left:20px; background:url(../img/dian.jpg)no-repeat left 14px;}
.flexslider .flex-direction-nav a.flex-prev {border-top-right-radius: 50%;border-bottom-right-radius: 50%;background:rgba(255, 255, 255, 0.28);}
.flexslider .flex-direction-nav a.flex-next {border-top-left-radius: 50%;border-bottom-left-radius: 50%;background:rgba(255, 255, 255, 0.28);}

.years13{background:url(../img/qh.png)no-repeat right center;height: 30px;}
.box{background:#b6e2f2;padding:10px 20px;border-radius:4px;color: #2977a0;}
.box h4{color: #006194;border-bottom:1px solid #1EACDF;padding-bottom:4px;}

/*首页图标重塑*/
.service .icon{margin-bottom:4px;}
.service h3{margin:4px 0 10px 0;}
.icon-puzzle:before, .icon-shield3::before, .icon-expand::before, .icon-bargraph::before, .icon-ribbon::before, .icon-gears::before, .icon-streetsign:before, .icon-focus::before{content:"";}
.icon-puzzle, .icon-shield3, .icon-expand, .icon-bargraph, .icon-ribbon, .icon-gears, .icon-streetsign, .icon-focus{width:50px;height:50px;display:block;margin: 0 auto;}
.icon-puzzle{background:url(../img/1.png)no-repeat;}
.icon-shield3{background:url(../img/2.png)no-repeat;}
.icon-expand{background:url(../img/3.png)no-repeat;}
.icon-bargraph{background:url(../img/4.png)no-repeat;}
.icon-ribbon{background:url(../img/5.png)no-repeat;}
.icon-gears{background:url(../img/6.png)no-repeat;}
.icon-streetsign{background:url(../img/7.png)no-repeat;}
.icon-focus{background:url(../img/8.png)no-repeat;}

.service.hover_service:focus, .service.hover_service:hover .icon-puzzle{background:url(../img/11.png)no-repeat;}
.service.hover_service:focus, .service.hover_service:hover .icon-shield3{background:url(../img/21.png)no-repeat;}
.service.hover_service:focus, .service.hover_service:hover .icon-expand{background:url(../img/31.png)no-repeat;}
.service.hover_service:focus, .service.hover_service:hover .icon-bargraph{background:url(../img/41.png)no-repeat;}
.service.hover_service:focus, .service.hover_service:hover .icon-ribbon{background:url(../img/51.png)no-repeat;}
.service.hover_service:focus, .service.hover_service:hover .icon-gears{background:url(../img/61.png)no-repeat;}
.service.hover_service:focus, .service.hover_service:hover .icon-streetsign{background:url(../img/71.png)no-repeat;}
.service.hover_service:focus, .service.hover_service:hover .icon-focus{background:url(../img/81.png)no-repeat;}


.hoverimg:hover{-webkit-filter: brightness(120%);filter: brightness(120%);}
.flexslider .slides>li.overlay:before{display:none;}
/* .probootstrap-footer .probootstrap-footer-widget h3{position:relative;padding-left:18px;}
.probootstrap-footer .probootstrap-footer-widget h3::after{content:""; display:block;position:absolute;background:#fff;height:4px;width:4px;bottom:11px;z-index:0;left:2px;}*/

.container{position:relative;}
.myviews{background: #ff5200;border-radius: 5rem;height: 5rem;position: absolute;top: -60px;width: 100%;margin:0 auto; box-shadow: 0px 5px 12px 0px rgb(255, 82, 0);color: #fff;}
.myviews .row div:nth-of-type(3){border-left:1px solid rgb(255,255,255,0.2);border-right:1px solid rgb(255,255,255,0.2);}
.myviews .row{padding:1.3rem;text-align:center;}
.myviews .row span{padding:3px 5px;text-align:center;background:#fff;font-size:24px;color:rgb(255, 82, 0);border-radius:4px;margin:0 1px;}

.service.left-icon{margin-bottom:40px!important;}
.service.left-icon p{font-size:16px;}

@media (max-width: 767px) {
    .myviews{display: none;background: #ff5200;border-radius: 10rem;height: 10rem;position: absolute;top: -60px;width: 90%;margin:0 auto; box-shadow: 0px 5px 12px 0px rgb(255, 82, 0);color: #fff;}
    .myviews .row{padding:0}
    .myviews .row div{margin:10px 0;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
}
@media screen and (max-width:768px) {
	.probootstrap-navbar {background: #038ad4;}
}
@media (min-width: 768px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left:0px;}
    .navbar-right{margin-right: 0px;}
}

ol,ul{list-style:none}
.side{position:fixed;width:78px;right:0;bottom:10%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul{padding:0;}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../img/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../img/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../img/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../img/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../img/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../img/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../img/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../img/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../img/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../img/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../img/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../img/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../img/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../img/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

strong{font-weight:400}
.strong{font-weight:700}
::selection{background:#1EACDF;color:#fff}
img{border:0}
::-moz-selection{background:#1EACDF;color:#fff}
::-webkit-selection{background:#1EACDF;color:#fff}
.autoWidth{margin:0 auto;min-width:1000px;max-width:1200px}
.auto{margin:0 auto;min-width:1000px;max-width:1200px}
@media screen and (max-width:1233px){.auto{padding-left:10px}
}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clear-float{clear:both}

.footer{background-color:#009fd9;font-family:"Microsoft Yahei"}
.footer-floor1{width:100%;padding:36px 0 60px}
.footer-list{width:69%;height:100%;float:left}
.footer-list ul{float:left;margin-right:13%}
.footer-list .flist-4{margin-right:0}
.footer-list li{line-height:32px}
.footer-list li a{color:#b6e2f2;font-size:12px;text-decoration:none}
.footer-list li a:hover{text-decoration:underline;color:#fff}
.footer-list .flist-title{font-size:16px;color:#fff;margin-bottom:15px}
.footer-floor2{width:100%;border-top:1px solid #4cc3ed;padding:20px 0;text-align:center}
.footer-floor2 p{text-align:center;color:#b6e2f2;font-size:14px;line-height:30px;margin-bottom:0;}
.footer-floor2 a{color:#b6e2f2}
.footer-floor2 a:hover{color:#a8d0e0;text-decoration:underline}
.foot-link{margin:0 15px;text-decoration:none;color:#b6e2f2}
.foot-link:hover{text-decoration:underline}
.footer-right{width:300px;float:right}
.telephone{width:100%;height:32px;line-height:32px;color:#fff}
.telephone span{display:inline-block;width:32px;height:32px;float:left;background:url(../img/phone_32px.png);margin-left:16%}
.telephone .tel-number{font-size:30px;font-weight:400;text-align:right}
.official-plat{width:100%;height:100%;margin-top:20px;position:relative}
.official-plat ul{float:right;margin-top:7px}
.official-plat ul li span{display:inline-block;width:32px;height:32px;background:url(../img/plat_icon.png) no-repeat 0 0;line-height:32px;float:left;margin-right:12px}
.official-plat ul li .weibo-logo{background:url(../img/plat_icon.png) no-repeat -32px 0}
.official-plat ul li .qq-logo{background:url(../img/plat_icon.png) no-repeat -64px 0}
.official-plat ul li{height:45px}
.official-plat ul a{display:inline-block;height:32px;width:100%;line-height:32px;color:#fff;text-decoration:none;font-size:12px}
.official-plat>p{display:inline-block;width:132px;height:132px;border:1px solid #dddimgbackground-color:#fff}
.official-plat .weixin{position:absolute;top:0;left:10px;background-image:url(../img/plat_qrcode.png);background-repeat:no-repeat;background-position:0 0}
.official-plat .weibo{position:absolute;top:0;left:10px;background-image:url(../img/plat_qrcode.png);background-repeat:no-repeat;background-position:-132px 0;display:none}
#wx-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:12px;right:-20px;z-index:10}
#wb-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:58px;right:-20px;z-index:10}
.five-superiority{width:100%;border-bottom:1px solid #27aede;padding:10px 0 20px}
.five-superiority-list li{float:left;width:20%;height:36px;text-align:center;border-left:1px solid #27aede}
.five-superiority-list li:first-child{border-left:none}
.five-superiority-list li a{display:inline-block;position:relative;width:100%;height:36px;line-height:36px;background:no-repeat 2% center;text-indent:2em;color:#fff;font-size:16px}
.five-superiority-list li a:hover{color:#bfe7f5}
.five-superiority-list li a.superiority-text{text-indent:4em}
.superiority-icon{position:absolute;width:40px;height:40px;left:10%;background-repeat:no-repeat;background-image:url(../img/footer_youshi.png)}
.compensate_ico .superiority-icon{background-position:0 0}
.compensate_ico:hover .superiority-icon{background-position:0 -50px}
.retreat_ico .superiority-icon{background-position:0 -100px}
.retreat_ico:hover .superiority-icon{background-position:0 -150px}
.technology_ico .superiority-icon{background-position:0 -200px}
.technology_ico:hover .superiority-icon{background-position:0 -250px}
.prepare_ico .superiority-icon{background-position:0 -300px}
.prepare_ico:hover .superiority-icon{background-position:0 -350px}
.service_ico .superiority-icon{background-position:0 -400px}
.service_ico:hover .superiority-icon{background-position:0 -450px}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0}
.marquee{width:8000%;height:60px}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1;padding:0;}
.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none}
.wave-box{position:relative;height:60px;background:#fff}
