body{ font-size:14px; color:#333333;position:relative;}
a{color:#333333; text-decoration:none;}
a:hover{color:#0066cc;}
a:visited{color:#333333;}
.nav{ font-size:16px;}
.navbar{ margin-bottom:0px;}
.navbar-brand{ padding: 0px;  }
.navbar-brand img{ padding:10px 0px;}
.navbar-default{ background-color:#FFFFFF !important; border-bottom:1px solid #f2f2f2 !important;}
/*.navbar-default{ background-color:#FFFFFF !important;border:none !important;}*/
.nav-about{ background-color:#eeeeee;}
.banner{ margin-top:20px;}
.note{ line-height:22px; font-size:16px;  color:#999999; text-align: center; padding:10px 30px;}
.yes{ display:block;}
.no{ display:none;}
.foot {
	background-color: #32383d;
	padding:30px 0px;
	font-size:12px;
	color:rgb(128, 128, 128);
}
.foot strong{
	display:block;
	font-size: 18px;
    padding-bottom: 15px;
	margin-bottom:10px;
}
.foot a{ color:rgb(128, 128, 128);}
.foot hr{ height:1px; border:none; border-bottom:1px solid #666666;}


h2{ font-size:36px; line-height:42px;}
h2 a{ text-decoration:none;}
h2 a:hover{ color:#0066cc; text-decoration:none;}
h3{ font-size:24px;}
strong.date{ color:#999999;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #0066cc;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
    cursor: default;
}
.white{ color:#FFFFFF;}
.advantage-home{ background-color:#f2f2f2; padding:35px 0px;}
.list-advantage{}

.list-item-advantage{ width:290px;}
.item-line{ border-right:0px solid #cccccc;}
.list-item-advantage h3{width:90px; line-height:50px;}
.list-item-advantage strong{ display:block; font-size:18px; color:#333333;}
.list-item-advantage>div{ padding-left:35px; color:#999999; font-size:16px;}

.service-home{ background-color:#282a2f;color:#FFFFFF; padding:35px 0px;}
.service-home h2>a{ color:#FFFFFF; text-decoration:none;}

.list-item-service{ padding:15px; background-color:#666666; width:325px; height:270px; margin-bottom:30px; }
.list-item-service h3{ font-size:24px; line-height:35px;}

.list-products{}
.list-item-products{ width:300px; -moz-box-shadow:2px 2px 5px #cccccc; margin-bottom:30px;-webkit-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc;}
.list-item-products a{ display:block; padding:10px; background-color:#eeeeee; min-height:280px;}
.list-item-products img{ width:100%;}
.list-item-products h3{ font-size:20px; text-align:center;}
.list-item-products p{ padding:10px;}


.flow-home{padding:35px 0px; background:url(/images/home-flow.jpg) no-repeat center center #333333; color:#FFFFFF;}

.partner-home{ padding:25px 0px;}


.news-home{padding:35px 0px;}
.news-home .tab-content{ color:#666666;}
.news-home strong{ font-size:18px;}
.navbar-default .navbar-nav > li > a{ color:#333333; }
.navbar-default .navbar-nav > li > a:hover{ color:#1158cd;}
.navbar-default .navbar-nav > li >a.active{ background-color:#FFFFFF; color:#1158cd;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ color:#1158cd; background-color:#ffffff;}

.news-class{ padding:10px; border-bottom:1px solid #f2f2f2;}
.news-class strong{ font-size:28px; color:#999999; font-weight:normal;}

.list-news{ list-style:none; margin:0px; padding:0px; line-height:30px;}
.list-news li{ margin-bottom:10px;}
.list-news li>a{ font-size:18px;}
.list-news p{ color:#999999; line-height:20px; margin-bottom:6px;}
.tab-content{ margin-top:25px;}
.calendar{ text-align:center; display:block; font-size:16px; line-height:24px; width:100px; height:100px; padding-top:20px; border-radius:10px; background-color:#dbdbdb;}
.calendar>strong{ font-size:45px; font-weight:normal;}

.products-home{ padding:25px 0px;}

.products{ padding:20px}
.prodcuts-list{}
.products-container{ padding: 10px; -moz-box-shadow:2px 2px 5px #cccccc; -webkit-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc;margin:30px 0px 20px 0px; min-height:420px;}
.products-container strong{ padding-bottom:10px; display:block;}
.products-detail{ color:#666666;}
.products-detail strong{ display:block; font-size:20px; padding:15px 0px; text-align:center;}
.products-content{ padding:10px 15px; text-align:center;}
.products-content strong{ font-size: 18px; }
.products-content img{ max-width: 100%; height: auto; }


.service{ padding:35px 0px;}
.service-list{ padding:20px 0px;}
.service-list-item{ text-align:center; line-height:24px; -moz-box-shadow:2px 2px 5px #cccccc; -webkit-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc; padding:15px; width:300px; min-height:320px; margin:10px;}
.service-list-item img{ max-width:130px; }

.service-pic{ margin:15px auto;}

.software-item{ width:150px !important; background-color:#343539; -moz-box-shadow:0;-webkit-box-shadow:none;box-shadow:0; min-height:260px;}
.software-item h3{ font-size:18px; padding-bottom:10px;}
.software-item img{ max-width:100px !important; margin-top:10px; }
.software-item:hover{ background-color:#ffffff; color:#333333;}
.software-item:hover img{ filter: invert(100%); }

.software{ background-color:#000000; padding:20px 0px; color:#ffffff;}

.flow{ padding:35px 0px;}
.flow-list-item{ text-align:center; -moz-box-shadow:2px 2px 5px #cccccc; -webkit-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc; min-height:560px; width:300px; margin:10px; }
.flow-list-item>div{ padding:15px; height:135px; color:#FFFFFF;}

.item-color-1{ background-color:#38905d;}
.item-color-2{ background-color:#40629f;}
.item-color-3{ background-color:#199386;}
.flow-list-item>div.content{ color:#333333; padding-bottom:20px; line-height:24px;}

.honor{ padding:35px 0px; background-color:#f2f2f2;}
.honor-pic{ margin-bottom:30px; background-color:#ffffff; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; padding:8px; -webkit-box-shadow: 3px 3px 3px #cccccc;  -moz-box-shadow: 3px 3px 3px  #cccccc; }
.honor-pic img { margin:auto; width:100%;}

.news-title{ padding:20px 0px;}
.news{ padding: 20px 0px; }
.news-list{ border-bottom:1px solid #f2f2f2; margin-bottom:20px; cursor:pointer; }
.news-list:hover{ border-bottom:1px solid #cccccc; } 
.news-list>div:nth-child(1){ background:url(/images/new-i.jpg) bottom center no-repeat; padding-bottom:85px; padding-top:20px;}
.news-list:hover>div:nth-child(1){ background:url(/images/new-i-on.jpg) bottom center no-repeat;}
.news-list strong{ display:block; font-size:20px; line-height:45px;}
.news-list p{  padding: 10px 0px 20px; font-size: 14px; line-height:25px;}
.news-detail{ line-height:22px; }
.news-detail h1{ font-size: 24px; }
.news-detail small{ padding: 10px;  color: #dddddd; }
.news-content{ padding-bottom: 15px; }
.news-content img{ max-width: 100%; height: auto; }
.news-pic{ margin:20px; width:220px; height:150px; overflow:hidden;}
.nav-pills>li>a {border-radius: 0px !important;}
.about-home{ padding: 35px 0px; }
.about-content{ line-height:30px; font-size:16px;}
.about { padding:35px 0px;}
.about img{ max-width: 100%; height: auto; }
.thumbnail{ padding-top: 15px ; }

.flex{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

.flex-cultrue{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-around ;
    justify-content: space-around ;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}


.flex-advantage {
	padding:10px 0px;
}

.flex-item-advantage {
    width: 300px;
    height: 280px;
    margin: 20px;
	padding:20px;
	background-color:#ffffff;
	-moz-box-shadow:2px 2px 5px #cccccc; -webkit-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc;
}

.flex-products {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
   
	padding:10px 0px;
}

.flex-item-products {
    width: 300px;
    height: 220px;
    margin: 20px;
	padding:20px;
	background-color:#ffffff;
	-moz-box-shadow:2px 2px 5px #cccccc; -webkit-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc;
}

.list-cultrue{ margin:20px 0px;}
.list-item-cultrue{ width:245px; height:120px; font-size:16px; padding:20px; color:#FFFFFF; margin:20px 40px 0px 0px;}
.list-item-cultrue strong{ display:block; font-size:18px; line-height:35px;}

.list-cultrue>div:nth-child(1){  background-color:#339966;}
.list-cultrue>div:nth-child(2){  background-color:#336699;}
.list-cultrue>div:nth-child(3){  background-color:#339999;}
.list-cultrue>div:nth-child(4){  background-color:#cc9933;}

.case-pic{ width:100%; height:268px; overflow:hidden; display:block;}
.btn-primary{ background-color:#0066cc;}
.content{ padding:20px 0px;}

.panel{box-shadow:none !important; -webkit-box-shadow:none !important;}
.panel-default{ border:none !important; background:#FFFFFF !important;}
.panel-heading{ border:none; border-color:#FFFFFF; background-color:#ffffff !important;}
.panel-title{font-weight:bold;}
.panel-title>a{ color:#333333; text-decoration:none;}
.panel-title>a:hover{ color:#0066cc; text-decoration:none;}
.panel-body{ border:none !important; padding:5px 15px;}
.title-more{ float:right; font-weight:normal;text-decoration:none;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#1158cd;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(/images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(/images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(/images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;font-size:16px;margin-left:12px; font-weight:bold;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#003399;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(/images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}