/*
Theme Name: DouPHP Default
Theme URI: http://demo.douco.com/
Description: DouPHP 默认模板
Version: 1.0
Author: DouCo Co.,Ltd.
Author URI: https://www.douphp.com/
*/

/* 初始化
----------------------------------------------- */
body {
 font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
 color: #555;
 background-color: #FFF;
}
body, button, input, textarea {
 font-size: 12px;
 line-height: 1.531;
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
a {
 text-decoration: none;
 color: #333333;
}
a:hover {
 color: #C70D0E;
}
p, ul, ol, dl, dt, dd, form, blockquote {
 margin: 0;
 padding: 0;
}
ul, ol {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 12px;
 margin: 0;
 padding: 0;
}
input, select {
 font-family: Microsoft Yahei;
 vertical-align: middle;
}
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px #EEEEEE inset !important;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 vertical-align: middle;
 border: 0;
}
label {
 cursor: pointer;
}
/* 主体框架
----------------------------------------------- */
#wrapper .wrap {
 width: 1060px;
 margin: 0px auto;
}
#wrapper .mb {
 margin-bottom: 50px;
}
/* -- page -- */
#pageLeft {
 float: left;
 width: 180px;
 margin-right: 20px;
/* position: fixed;*/
}
#pageIn {
 float: right;
 width: 800px;
 overflow: hidden;
}
/* 头部导航
----------------------------------------------- */
/* -- top -- */
#top {
 background-color: #EEEEEE;
 height: 30px;
 border-bottom: 1px solid #DDDDDD;
 text-align: right;
}
/* topNav */
#top .topNav {
 float: left;
 position: relative;
 z-index: 1000;
 height: 30px;
 font-size: 13px;
}
#top .topNav li {
 border: 1px solid #EEEEEE;
 border-bottom: 0;
 float: left;
 zoom: 1;
 text-align: center;
}
#top .topNav li.spacer {
 overflow: hidden;
 margin: 11px 5px 0;
 width: 1px;
 height: 10px;
 background-color: #BBB;
}
#top .topNav li a {
 padding: 0 7px;
 height: 28px;
 line-height: 28px;
 color: #333;
}
#top .topNav li.hover {
 position: relative;
 background: #FFFFFF;
 border: 1px solid #DDDDDD;
 border-bottom: 0;
}
#top .topNav li.hover s {
 border-left: 1px solid #FFF;
}
#top .topNav ul {
 background: #FFFFFF;
 border: 1px solid #DDDDDD;
 border-top: 0;
 width: 100%;
 display: none;
 position: absolute;
 top: 100%;
 left: -1px;
 padding-bottom: 4px;
}
#top .topNav ul li {
 float: none;
}
#top .topNav li.hover ul li {
 border: none;
}
#top .topNav li.hover ul li a {
 height: 25px;
 line-height: 25px;
}
/* search */
#top .search {
 float: right;
 _width: 205px;
}
#top .search .searchBox {
 background-color: #3a3d9b;
 height: 68px;
 padding-left: 10px;
}
#top .search .searchBox .keyword {
 background-color: #545454;
 color: #CCCCCC;
}
#top .search .searchBox .btnSearch {
 background-color: #545454;
}
/* -- header -- */
#header {

 height: 85px;

 position: fixed;

 z-index: 1000;

 
 width: 100%;
 
 float: right;
 
 background: transparent;
 
 top:0;

}
.header_h{
	height: 55px;
    background-color:#fff;
}
#header .logo {

 float: left;
 
 margin-left:5%;
 line-height:66px;
}

/* -- mainNav -- */

#header .mainNav {

 float: right;

 height: 30px;

 font-size: 16px;

 position: relative;
 margin-right:7%;

 z-index: 1001;
 /*right: -20px;*/
}

#header .mainNav li {

 position: relative;

}

#header .mainNav .m {


 _width: 100px;

 zoom: 1;

 float: left;

}

/* LEVEL ONE */

#header .mainNav .nav {

 display: block;

 text-align: center;


 line-height: 60px;

 padding: 0 10px;

 color: #fff;

 font-weight: bold;
 


}



#header .mainNav .hover .nav, #header .mainNav .cur {

 background: #FFFFFF;

 position: relative;

 color: #000;

}

/* LEVEL TWO */

#header .mainNav ul {

 display: none;

 position: absolute;

 background: #E0E0E0;


 left: 0;

}

#header .mainNav ul li {

 _float: left;

}

#header .mainNav .child {

 display: block;

 text-align: center;

 height: 30px;

 line-height: 30px;

 padding: 0 20px;

 color: #333;

}

#header .mainNav .hover .hover .child {

 background: #19B4EA;

 color: #000;

}

#header .mainNav .parent {

 background: url(images/icon_main_nav.png) no-repeat 85px top;

}

#header .mainNav .hover .hover .parent {

 background: #19B4EA url(images/icon_main_nav.png) no-repeat 85px bottom;

}

/* LEVEL THREE */

#header .mainNav ul ul {

 left: 100%;

 top: 0;

 min-width: 98px;

 _width: 98px;

}

#header .mainNav .children {

 display: block;

 text-align: center;

 height: 30px;

 line-height: 30px;


 color: #333;

}

#header .mainNav .hover .hover .hover .children {

 background: #19B4EA;

 color: #FFF;

}
/* 首页样式
----------------------------------------------- */
/* -- slideShow -- */
.slideShow .slides a {
 height: 660px;
 background-size: cover;
}
/* -- indexBox -- */
#index .indexBox {
 zoom: 1;
 overflow: hidden;
}
#index .indexBox.bg {
 background-color: #F5F5F5;
 padding: 25px 0 35px 0;
}
#index .indexBox h3 {
     color: #333;
    position: relative;
    font-size:36px;
    text-align: center;
	font-weight:bold;
	margin-bottom:40px;
}

#index .indexBox h3 .more {
 display: block;
 position: absolute;
 right: 0;
 bottom: 3px;
 width: 90px;
 text-align: center;
 line-height: 21px;
 background-color: #19B4EA;
 color: #FFF;
 font-weight: normal;
}
#index .indexBox h3 .more:hover {
 background-color: #0072C6;
 text-decoration: none;
 color: #FFF;
}

/* -- recProduct -- */

#index .recProduct {

 float: left;

 width: 100%;

 padding-right: 30px;

 border-right: 1px solid #EEEEEE;

}

#index .recProduct .list {

 padding-top: 20px;

 zoom:1;

 overflow:hidden;

}

#index .recProduct .list dl {

 float: left;

 width: 19%;


 margin-right: 1%;

}

#index .recProduct .list dl.noMargin {

 margin-right: 0;

}

#index .recProduct .list dl dt{

  text-align:center;
  padding-bottom:10px;
  font-size:16px;
}

#index .recProduct .list dl dd.img {

 border: 1px solid #E4E4E4;

 margin-bottom: 8px;

 _padding-bottom: 1px;
 
 position:relative;
 text-align:center;

}

.mt60{
	margin-top:60px;
}

.pcc-index-more {
    display: block;
    margin: 20px auto 0;
    width: 136px;
    height: 36px;
    border: 2px solid #999999;
    border-radius: 6px;
    font-size: 18px;
    line-height: 36px;
    color: #999999;
    text-align: center;
    clear: both;
	
}

#index .recProduct .list dl dd.img img {

 width: 135px;

}
.recVideo{
		width: 90%;
		margin: 60px auto;
		clear: both;
		text-align: center;
		float: none;
	}
.recVideo img{
	   height:100%;
	   width:60%;
	}	
.pcc-xian{
	width: 45px;
    height: 2px;
    background: black;
    display: inline-block;
    clear: both;
    line-height: 0px;
    margin-bottom: 6px;
}

.title{ padding:0px; text-align:center; text-transform:uppercase;}
.title h1,.title h3{ color:#165aa5;line-height:45px;height:45px;font-size:40px; font-weight: normal;text-decoration: none; }
.title small {display:block; clear:both; margin:20px 0px 10px 0px; color:#a1a1a1; font-size:16px; }
.title p,.title-index-1 p { margin:10px auto 30px auto;line-height:20px;color:#333;font-size:16px; }
/* -- recArticle -- */
#index .recArticle {

width: 100%;

text-align: center;

padding-right: 1%;

}

#index .recArticle .list {

 padding-top: 15px;

}

#index .recArticle .list li {
display:inline-block;
padding:20px 30px; border:1px solid #eee;  -moz-box-shadow:0px 0px 10px #eee;
-webkit-box-shadow:0px 0px 10px #eee;
box-shadow:0px 0px 10px #eee; border-radius:3px;
width:26%;
}
#index .recArticle .list a{
	display:inline-block;
}
#index .recArticle .list .title{
	
	line-height: 36px;
 font-size: 16px;
 font-weight: bold;
}
#index .recArticle .list .content {
text-align:left;

}
#index .recArticle .list .add_time {

 float: left;

 color: #999999;
 

}

#index .recArticle .list li.last {

 border-bottom: 0;

}
#index .news_list{
	width: 86%;

margin: 20px auto;
	}
	
.indexBox1 {
	width:86%;
	 padding: 15px 0;
	 zoom:1;
	 overflow: hidden;
	 margin: 16px auto;
}

.indexBox1 h3 {
 color: #333;
 height: 30px;
 font-size: 26px;
 display:inline-block;
 left:0;
 top:0;

}

.indexBox1 h3 em {
	 font-size: 16px;
    font-weight: 550;
	 font-style:normal;
}

.indexBox1 .recArticle1 img{
		display: inline-block;
	}

.indexBox1 .recArticle1 {
	float: right;
	width: 32%;
	text-align: left;
	padding-right: 1%;

}
.recArticle1 .list1{
		padding-top: 15px;
		list-style: none;
	}
.recArticle1 .list1 li{
		border-bottom: 1px dotted #D1D1D1;
		padding: 0 2px 13px 2px;
		margin-bottom: 13px;
	}
/* -- about -- */
#index .about {
 float: left;
 width: 680px;
}
#index .about h1 {
 font-size: 20px;
 color: #0072C6;
}
#index .about .desc {
 color: #666666;
 margin: 15px 0 15px 0;
 line-height: 200%;
}
/* -- contact -- */
#index .contact {
 float: right;
 width: 270px;
 text-align: left;
 padding-top: 45px;
}
#index .contact h2 {
 float: left;
 width: 80px;
 height: 30px;
 background: #19B4EA url(images/icon_contact.png) no-repeat center 12px;
 color: #FFF;
 text-align: center;
 font-size: 13px;
 font-weight: normal;
 padding-top: 40px;
}
#index .contact ul {
 float: right;
 width: 170px;
 text-align: left;
 color: #666;
}
#index .contact ul li {
 margin-bottom: 8px;
}
/* -- link -- */
#index .link {
 padding: 10px 0;
 border-top: 1px solid #DDD;
 background-color: #F5F5F5;
}
#index .link strong {
 color: #7A7F81;
 font-weight: bold;
}
#index .link a {
 color: #555;
}
/* page
----------------------------------------------- */
#page {
 padding: 20px 0;
 min-height: 400px;
}
#page h1 {
 color: #333333;
 font-size: 18px;
 font-weight: bold;
}
#page .info {
 padding: 2px 0 20px 0;
 color: #999999;
 font-size: 13px;
}
#page .content {
 color: #666666;
 line-height: 200%;
 padding-top: 10px;
}
#page .content img {
 max-width: 100%;
}
/* product_category
----------------------------------------------- */
#productList {
 padding-top: 20px;
 color: #999999;
}
#productList dl {
 float: left;
 width: 33%;
 text-align:center;
}
#productList dl.noMargin {
 margin-right: 0;
}
#productList dt {
 float: left;
 width: 100%;
 margin:15px auto;
}
#productList dd {
 margin-left: 155px;
 padding-top: 10px;
}
#productList dt img {
 border: 1px solid #EEEEEE;
 height: 260px;
 width:100%;
}
#productList .name {
 height: 18px;
 overflow: hidden;
 font-size: 14px;
}
#productList .name a {
 color: #333333;
 font-weight: bold;
}
#productList .brief {
 color: #999999;
 padding-top: 8px;
 height: 60px;
}
#productList .price {
 padding-bottom: 10px;
}
/* product
----------------------------------------------- */
#product {
 padding: 15px 0;
}
#product .productImg {
 float: left;
 width: 300px;
}
#product .productInfo {
 float: left;
 width: 100%;
 text-align:center;
 padding: 10px 0 0 15px;
 line-height: 200%;
}
#product .productInfo h1 {
 font-size: 18px;
}
#product .productInfo ul {
 padding-top: 10px;
 margin-bottom: 50px;
}
#product .productInfo .productPrice {
 margin-bottom: 5px;
}
#product .productInfo .productPrice .price {
 font-family: Arial;
 font-size: 20px;
 font-weight: bold;
}
#product .productInfo .btnAsk {
 zoom: 1;
 overflow: hidden;
}
#product .productInfo .btnAsk dt {
 float: left;
 width: 88px;
 height: 39px;
 line-height: 39px;
 text-align: right;
 padding-right: 3px;
 margin-right: 6px;
 background-color: #E0E0E0;
 color: #333;
 font-weight: bold;
}
#product .productInfo .btnAsk dd {
 float: left;
 width: 300px;
}
#product .productInfo .btnBuy {
 margin-bottom: 40px;
}
#product .productInfo .btnBuy .addToCart {
 background: #19B4EA url(images/btn_addtocart.png) no-repeat 20px 50%;
 color: #FFFFFF;
 padding: 8px 25px 8px 50px;
 text-decoration: none;
 cursor: pointer;
 font-size: 16px;
}
#product .productInfo .btnBuy .addToCart:hover {
 background-color: #44C4EE;
}
#product .productContent {
 padding: 15px 0;
}
#product .productContent h3 {
 padding: 30px 0 10px 0;
 color: #333;
 font-weight: bold;
 font-size: 16px;
 border-bottom: 1px solid #CBD1D3;
}
#product .productContent ul {
 padding: 15px 0;
 color: #666;
 line-height: 200%;
}
#product .productContent img {
 max-width: 100%;
}
/* article_category
----------------------------------------------- */
#articleList dl {
 border-bottom: 1px dotted #D1D1D1;
 padding: 20px 0;
 zoom: 1;
 overflow: hidden;
}
#articleList dl.last {
 border-bottom: 0;
}
#articleList dt {
 width: 620px;
 margin-bottom: 10px;
 font-size: 14px;
}
#articleList dd {
 color: #999999;
 line-height: 180%;
 zoom: 1;
 overflow: hidden;
}
#articleList dd p {
 float: left;
}
#articleList dd p.img {
 margin-right: 10px;
}
#articleList dd p.desc {
 width: 590px;
}
#articleList .numDate {
 float: right;
 text-align: right;
 padding-top: 12px;
}
#articleList .numDate em {
 background-color: #0072C6;
 color: #FFF;
 padding: 3px 4px;
 font-size: 14px;
 font-weight: bold;
}
#articleList .numDate p {
 font-size: 16px;
 color: #999999;
 margin-top: 5px;
}
/* article
----------------------------------------------- */
#article {
 padding: 15px 0;
 min-height: 400px;
}
#article h1 {
 color: #333333;
 font-size: 18px;
 font-weight: bold;
}
#article .info {
 padding: 2px 0 20px 0;
 color: #999999;
 font-size: 13px;
}
#article .content {
 color: #666666;
 line-height: 180%;
}
#article .content img {
 max-width: 100%;
}
/* 提示信息
----------------------------------------------- */
#douMsg {
 padding: 10px 0 100px 0;
}
#douMsg dl {
 padding: 160px 0 200px 0;
 text-align: center;
}
#douMsg dt {
 color: #0072C6;
 font-size: 16px;
 margin-bottom: 30px;
 font-weight: bold;
}
#douMsg dd {
 color: #666;
}
#douMsg dd a {
 margin-left: 5px;
 color: #000;
}
/* 全局样式
----------------------------------------------- */
/* -- urHere -- */
.urHere {
 height: 35px;
 line-height: 35px;
 padding-top: 15px;
 color: #999999;
 font-weight: bold;
 font-size: 14px;
 border-bottom: 1px solid #DDD;
}
.urHere a {
 color: #999999;
}
.urHere b {
 margin: 0 8px;
}
/* -- tree -- */
.treeBox {
 margin-bottom: 15px;
 display: inline-block;
 border: 1px solid #eee;
 -moz-box-shadow: 0px 0px 10px #eee;
 -webkit-box-shadow: 0px 0px 10px #eee;
box-shadow: 0px 0px 10px #eee;
border-radius: 3px;
width: 100%;
}
.treeBox h3 {
 height: 35px;
 line-height: 35px;
 padding-top: 15px;
 color: #999999;
 font-weight: bold;
 font-size: 14px;
 border-bottom: 1px solid #DDD;
 margin-bottom: 15px;
}
.treeBox ul{
	margin-top:56px;
}
.treeBox li {
 padding: 5px 8px;
}
.treeBox li a {
 color: #000;
 font-size: 15px;
}
.treeBox li.cur {
 background-color: #19B4EA;
}
.treeBox li.cur a {
 color: #FFF;
}
.treeBox .search {
 margin: 20px 0;
}
.treeBox .search .keyword {
 width: 136px;
}
.treeBox .searchBox1{
   border: 1px solid #DDDDDD;
    background-color: #FFF;
    height: 28px;
    padding-left: 10px;
   position: relative;
    white-space: normal;
}
/* -- screen -- */
.screen {
 padding-top: 20px;
 border-bottom: 1px dotted #DDD;
}
.screen dl {
 margin-bottom: 10px;
}
.screen dl dt {
 display: inline-block;
 font-weight: bold;
}
.screen dl dd {
 display: inline-block;
}
.screen dl dd a {
 display: inline-block;
 background-color: #DDD;
 color: #555;
 padding: 2px 10px;
 margin-right: 8px;
}
.screen dl dd a.cur {
 background-color: #19B4EA;
 color: #FFF;
}
/* -- searchBox -- */
.searchBox {
 background-color: #3a3d9b;
 padding-top: 36px;
background: linear-gradient(to bottom right,#020819 0,#072160 50%,#0c3aa7 100%);
}
.searchBox .keyword {
 color: #CCCCCC;
     font-size: 20px;
    line-height: 30px;
}
.searchTitle{
  color: #fff;
    font-size: 3vw;
    margin: 16px auto 0 auto;
        width: 80%;
    padding-bottom: 26px;
    text-align: center;
    font: "微软雅黑";
}
.searchTitle li{
  line-height:100px;
}
.searchBox .btnSearch {
 background: url(images/icon_search.png) no-repeat 50% 50%;
 width: 38px;
 height: 38px;
 text-indent: -999px;
 overflow: hidden;
 cursor: pointer;
 float:right;
}
/* -- common -- */
.cue {
 color: red;
 font-size: 12px;
}
.clear {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.clearboth{
  clear:both;
}
.captcha {
 text-transform: uppercase;
}
.price {
 color: #CC0000;
}
.none {
 display: none;
}
.pointer {
 cursor: pointer;
}
/* -- form -- */
.btn {
 display: inline-block;
 background-color: #0072C6;
 color: #EEE;
 padding: 6px 25px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 text-align: center;
 -webkit-appearance: none;
}
.btn:hover {
 text-decoration: none;
 color: #FFFFFF;
 background-color: #007AD5;
}
.btnGray {
 display: inline-block;
 background-color: #CCC;
 border: 0;
 color: #333;
 padding: 6px 15px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 -webkit-appearance: none;
}
.btnPayment {
 display: inline-block;
 background-color: #ff4246;
 color: #FFF;
 padding: 7px 28px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 font-size: 14px;
 text-align: center;
 -webkit-appearance: none;
}
/* -- color -- */
.cRed {
 color: #F40;
}
.cOra {
 color: #f30;
}
.cGre {
 color: #0c6;
}
.cBlu {
 color: #69c;
}
.cGra {
 color: #999;
}
/* -- input -- */
.textInput {
 height: 20px;
 padding: 6px;
 font-size: 14px;
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 color: #666;
 -webkit-appearance: none;
}
.textArea {
 padding: 4px;
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 line-height: 20px;
 -webkit-appearance: none;
}
.textAreaAuto {
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 padding: 0;
 font-size: 12x;
 line-height: 20px;
 resize: none;
 min-height: 40px;
 -webkit-appearance: none;
}
/*- tableBasic -*/
.tableBasic {
 color: #666666;
 border-left: 1px solid #EEE;
 border-top: 1px solid #EEE;
 border-collapse: collapse;
}
.tableBasic select {
 color: #8F8F8F;
}
.tableBasic td, .tableBasic th {
 border-right: 1px solid #EEE;
 border-bottom: 1px solid #EEE;
}
.tableBasic th {
 background-color: #EEE;
}
.tableBasic .child {
 background-color: #FFFFFF;
}
.tableBasic td label {
 margin-right: 15px;
}
.tableBasic td i {
 color: #F00;
 margin-left: 5px;
 font-weight: bold;
}
/*- tableDiv -*/
.tableDiv dl {
 zoom:1;
 overflow:hidden;
 margin-bottom:20px;
}
.tableDiv dl dt {
 font-weight: bold;
 margin-bottom: 5px;
 font-size: 13px;
}
.tableDiv dl dt i {
 color:#F00;
 margin-left:5px;
 font-weight:bold;
}
.tableDiv dl dd label {
 margin-right: 15px;
 line-height:34px;
}
/* -- lift -- */
.lift {
 margin-top: 60px;
 color: #999;
 font-size: 14px;
}
.lift a {
 color: #999;
}
.lift span {
 margin-right: 15px;
}
/* -- pager -- */
.pager {
 text-align: right;
 padding-top: 20px;
 color: #666;
 font-size: 14px;
}
.pager a {
 color: #666;
 text-decoration: underline;
}
/* -- pager class two -- */
.pager ul {
 display: inline-block;
 *display: inline;
 border-left: 1px solid #dddddd;
}
.pager ul li {
 display: inline;
}
.pager ul li a {
 float: left;
 padding: 0 14px;
 line-height: 38px;
 text-decoration: none;
 background-color: #ffffff;
 border: 1px solid #dddddd;
 border-left-width: 0;
}
.pager ul li a:hover {
 background-color: #f5f5f5;
}
.pager ul .active a {
 background-color: #f5f5f5;
 color: #999999;
 cursor: default;
}
/* -- onlineService -- */
.onlineService {
 position: fixed;
 _position: absolute;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
 top: 208px;
 right: 0;
 z-index: 999999;
 display: block;
}
.onlineService .onlineIcon {
 position: relative;
 cursor: pointer;
 background: url(images/online_service.png) no-repeat;
 width: 34px;
 height: 110px;
 text-indent: -9999px;
 overflow: hidden;
}
.onlineService #pop {
 border: 3px solid #19B4EA;
 background-color: #F2F2F2;
 padding: 8px;
 width: 95px;
 min-height: 84px;
 position: absolute;
 right: 34px;
 top: 0;
 display: none;
 z-index: 999999;
}
.onlineService .onlineQQ a {
 display: block;
 background: url(images/online_service.png) no-repeat left -160px;
 color: #19B4EA;
 width: 82px;
 height: 24px;
 line-height: 23px;
 padding-left: 27px;
 margin-bottom: 8px;
}
.onlineService .onlineQQ a:hover {
 text-decoration: none;
 color: #19B4EA;
}
.onlineService .service {
 border-top: 1px solid #DDDDDD;
 padding-top: 8px;
 color: #666;
}
.onlineService .service a {
 color: #666;
}
.onlineService .service li {
 background: url(images/online_service.png) no-repeat left -202px;
 padding-left: 8px;
}
.onlineService .goTop {
 display: none;
}
.onlineService .goTop .goBtn {
 background: #F2F2F2 url(images/online_service.png) no-repeat left -120px;
 width: 34px;
 height: 34px;
 display: block;
}
/* footer
----------------------------------------------- */
#footer .wrap{
	
 text-align:left;
}
#footer .foot_address{
	   color:white;
	   margin: 30px 0 0 0px;
	}
#footer .foot_address img{
	width:120px;
	display:inline-block;
	vertical-align:top;
	margin-right:15px;
}
#footer .foot_address ul{
	display:inline-block;
	margin-top:20px;
}
#footer .wrap{
	display:flex;
	flex-wrap:wrap;
	} 
#footer .foot_left{
	width:40%;
	}
#footer .copyRight{
	width:60%;
	}

#footer .tag{
	margin: 26px 0 0 0;
	display:block;
	}
#footer .foot_left .brand{
	font-size: 16px;
    line-height: 20px;
    vertical-align: bottom;
    font-weight: bold;
	color:#fff;
	}
#footer .link{
	margin:20px 0;
	}		
#footer {

 /* border-top: 1px solid #DDD;

background-color: #CF2727;*/
 background-color: #000000;
 padding: 30px 0;

 font-size: 14px;

}

#footer .footNav {

 margin-bottom: 10px;

}

#footer .footNav a {

 color: #fff;

}

#footer .footNav i {

 margin: 0 12px;

 color: #CACACA;

}

#footer .footNav a.first {

 margin-left: 0;

}

#footer .copyRight, #footer .copyRight a {

 font-family: Arial, Lucida, Verdana, Helvetica, sans-serif;

 color: #fff;

}
/*#footer {
 border-top: 1px solid #DDD;
 background-color: #F5F5F5;
 padding: 30px 0;
 font-size: 14px;
}
#footer .footNav {
 margin-bottom: 10px;
}
#footer .footNav a {
 color: #333;
}
#footer .footNav i {
 margin: 0 12px;
 color: #CACACA;
}
#footer .footNav a.first {
 margin-left: 0;
}
#footer .copyRight, #footer .copyRight a {
 font-family: Arial, Lucida, Verdana, Helvetica, sans-serif;
 color: #888;
}
#footer .netSafeRecord {
 margin-left: 10px;
}
#footer .netSafeRecord img {
 vertical-align: bottom;
}*/

/***************************************
* name: ico
* tips: 自定义图标
****************************************/
/*ico-business 业务图标*/
.ico-business{background-image:url(./images/ico-business.png);background-repeat:no-repeat;display:inline-block;overflow:hidden;}
.ico-apply-b2c{width:63px;height:58px;background-position:-16px -18px;}
.ico-apply-b2b{width:62px;height:52px;background-position:-17px -121px;}
.ico-apply-b2b2c{width:62px;height:52px;background-position:-17px -224px;}
.ico-apply-weiTmall{width:60px;height:62px;background-position:-21px -318px;}
.ico-apply-mobileOa{width:63px;height:50px;background-position:-19px -423px;}
.ico-apply-crm{width:82px;height:39px;background-position:-10px -531px;}
.ico-grandTotal-user{width:50px;height:43px;background-position:-623px -30px;}
.ico-grandTotal-amount{width:49px;height:45px;background-position:-625px -125px;}
.ico-big-business{width:49px;height:41px;background-position:-624px -229px;}
.ico-cloud-users{width:41px;height:49px;background-position:-629px -326px;}
.ico-cloud-supplyChain{width:68px;height:68px;background-position:-816px -16px;}
.ico-cloud-retail{width:68px;height:68px;background-position:-816px -116px;}
.ico-cloud-office{width:68px;height:68px;background-position:-816px -215px;}
.ico-cloud-znck{width:68px;height:68px;background-position:-232px -30px;}
.ico-cloud-dsjgc{width:68px;height:68px;background-position:-17px -119px;}
.ico-oem1{width:68px;height:68px;background-position:-930px -20px;}
.ico-oem2{width:68px;height:68px;background-position:-930px -120px;}
.ico-oem3{width:68px;height:68px;background-position:-930px -220px;}
.ico-oem4{width:68px;height:68px;background-position:-930px -320px;}
/*ico-business 业务图标*/
.ico-pro-b2b{width:33px;height:31px;background-position:-233px -33px;}
.ico-pro-b2c{width:26px;height:32px;background-position:-237px -130px;}
.ico-pro-b2b2c{width:32px;height:30px;background-position:-233px -234px;}
.ico-pro-weiTmall{width:20px;height:32px;background-position:-240px -333px;}
.ico-pro-crm{width:32px;height:31px;background-position:-235px -433px;}
/*ico-business 业务图标*/
.ico-case-agriculture{width:48px;height:48px;background-position:-428px -24px;}
.ico-case-community{width:42px;height:48px;background-position:-433px -125px;}
.ico-case-elecBusiness{width:48px;height:45px;background-position:-427px -228px;}
.ico-case-estate{width:48px;height:46px;background-position:-428px -321px;}
.ico-case-car{width:48px;height:38px;background-position:-425px -428px;}
.ico-case-retail{width:48px;height:43px;background-position:-426px -529px;}
/*ico-pro-introduction 产品介绍*/
.ico-pro-introduction{background-image:url(../images/ico-pro-introduction.png);background-repeat:no-repeat;display:inline-block;overflow:hidden;}
.ico-pro-applyMode{width:138px;height:149px;background-position:-1px -1px;}
.ico-pro-serverManage{width:138px;height:150px;background-position:-1px -159px;}
.ico-pro-industryApply{width:135px;height:158px;background-position:-1px -319px;}
/*ico-operation 运营模式*/
.ico-operation{background-image:url(../images/ico-operation.png);background-repeat:no-repeat;display:inline-block;overflow:hidden;}
.ico-operation-advisory{width:145px;height:138px;background-position:-145px 0;}
.ico-operation-server{width:130px;height:138px;background-position:-145px -143px;}
.ico-operation-marketing{width:143px;height:139px;background-position:-146px -290px;}
/*ico-pro 产品介绍*/
.ico-pro-logo{background-image:url(../images/ico-pro-logo.png);background-repeat:no-repeat;display:inline-block;overflow:hidden;}
.ico-pro-logo-b2c{width:142px;height:56px;background-position:-1px -1px;}
.ico-pro-logo-b2c.on{background-position:-223px 0;}
.ico-pro-logo-b2b{width:142px;height:56px;background-position:-1px -72px;}
.ico-pro-logo-b2b.on{background-position:-223px -72px;}
.ico-pro-logo-multiUser{width:142px;height:56px;background-position:-1px -146px;}
.ico-pro-logo-multiUser.on{background-position:-223px -146px;}
.ico-pro-logo-weixinWa{width:142px;height:56px;background-position:-1px -221px;}
.ico-pro-logo-weixinWa.on{background-position:-223px -221px}
.ico-pro-logo-synergy{width:158px;height:56px;background-position:-1px -294px;}
.ico-pro-logo-synergy.on{background-position:-223px -294px;}
.ico-pro-logo-internetPlugin{width:141px;height:57px;background-position:-1px -369px;}
.ico-pro-logo-internetPlugin.on{background-position:-223px -369px;}
.ico-pro-logo-hcs{width:125px;height:34px;background-position:-1px -444px;}
.ico-pro-logo-hcs.on{background-position:-223px -444px;}

/***************************************
* name: cloudOfice
* tips: 云办公
****************************************/
.cloudOfice{padding:2%;position:relative;z-index:1;background-color:#f5f5f5;}
.cloudOfice .row-head{padding-bottom:60px;}
.cloudOfice .row-head .title{font-size:36px;text-align:center;margin-bottom:20px;color:#333;}
.cloudOfice .row-head .description{font-size:16px;color:#666;text-align:center;line-height:24px;}
.cloudOfice .row-main .list{*zoom:1;margin-left:-40px;}
.cloudOfice .row-main .list:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}
.cloudOfice .row-main .list .item{float:left;width:22%;margin-left:3%;}
.cloudOfice .row-main .list .itemContainer{background:#fff;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.cloudOfice .row-main .list .itemContainer .item-head{position:relative;z-index:0;width:100%;height:214px;}
.cloudOfice .row-main .list .itemContainer .item-head .imgContainer{text-align:center;margin-bottom:15px;margin-top:35px;}
.cloudOfice .row-main .list .itemContainer .item-head .imgContainer .img{width:80px;height:80px;}
.cloudOfice .row-main .list .itemContainer .item-head .imgContainer .img-on{display:none;}
.cloudOfice .row-main .list .itemContainer .item-head .title{font-size:24px;color:#fff;display:30px;line-height:30px;overflow:hidden;text-align:center;}
.cloudOfice .row-main .list .itemContainer .item-head .subMainer-main{position:absolute;z-index:2;width:100%;height:100%;left:0;top:0;}
.cloudOfice .row-main .list .itemContainer .item-head .subMainer-foot .img{position:absolute;z-index:0;width:100%;height:100%;left:0;top:0;}
.cloudOfice .row-main .list .itemContainer .item-head .subMainer-foot .mask{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;opacity:0;background:url(./images/ico-mask-yellow-deep.png) repeat;}
.cloudOfice .row-main .list .itemContainer .item-main{padding:40px 30px;background:#fff;border-top:none;}
.cloudOfice .row-main .list .itemContainer .item-main .description{font-size:16px;color:#999;height:48px;line-height:24px;overflow:hidden;margin-bottom:30px;text-align:center;} 
.cloudOfice .row-main .list .itemContainer .item-main .actionGroup{text-align:center;}
.cloudOfice .row-main .list .itemContainer .item-main .actionGroup .btn{width:90px;height:32px;line-height:32px;font-size:14px;margin:0 5px;padding:0;background:none;border:1px solid #333;color:#333;}
.cloudOfice .row-main .list .itemContainer .item-main .actionGroup .btn-try{border-color:#f5a500;color:#f5a500;}
.cloudOfice .row-main .list .itemContainer .item-main .actionGroup .btn-try:hover{background:#f5a500;color:#fff;border-color:#f5a500;}
.cloudOfice .row-main .list .itemContainer .item-main .actionGroup .btn-detail:hover{background:#333;color:#fff;}
.cloudOfice .row-main .list .itemContainer:hover{box-shadow:0 0 5px 3px rgba(0,0,0,0.1);}
.cloudOfice .row-main .list .itemContainer:hover .item-head{background:#f5a500;}
.cloudOfice .row-main .list .itemContainer:hover .item-head .title{color:#fff;}
.cloudOfice .row-main .list .itemContainer:hover .item-head .imgContainer .img-default{display:none;}
.cloudOfice .row-main .list .itemContainer:hover .item-head .imgContainer .img-on{display:inline-block;}
.cloudOfice .row-main .list .itemContainer:hover .item-head .subMainer-foot .mask{visibility:visible;opacity:1;}
.cloudOfice .row-foot .moreContainer{text-align:center;padding-top:50px;}
.cloudOfice .row-foot .moreContainer .more{display:inline-block;width:168px;height:48px;border:1px solid #ccc;color:#666;font-size:18px;line-height:48px;text-align:center;}
.cloudOfice .row-foot .moreContainer .more:hover{opacity:0.7;}

/***************************************
* name: applyCloud
* tips: 应用云
****************************************/
.applyCloud{padding:70px 0;position:relative;z-index:1;background-image:url(./images/bg-appcloud-01.jpg);background-color:#fff;background-repeat:no-repeat; background-size: cover;}
/*enterAnimation 入场动画*/
.applyCloud.enterAnimation .row-head .title,
.applyCloud.enterAnimation .row-head .description,
.applyCloud.enterAnimation .row-head .action,
.applyCloud.enterAnimation .row-main{visibility:visible;opacity:1;padding-top:0;}
.applyCloud .wrapper{/*border:1px solid red;*/}
.applyCloud .row-head{padding-bottom:60px;}
.applyCloud .row-head .title{font-size:36px;text-align:center;margin-bottom:20px;color:#fff;
transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;padding-top:60px;visibility:hidden;opacity:0;}
.applyCloud .row-head .description{font-size:16px;color:#fff;text-align:center;line-height:24px;/*margin-bottom:30px;*/
transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s;-o-transition:all 2s;padding-top:60px;visibility:hidden;opacity:0;}
.applyCloud .row-head .action{text-align:center;
transition:all 3s;-moz-transition:all 3s;-webkit-transition:all 3s;-o-transition:all 3s;padding-top:60px;visibility:hidden;opacity:0;}
.applyCloud .row-head .action .btn{width:126px;height:40px;line-height:40px;text-align:center;padding:0;background:#f5a500;border-color:#f5a500;font-size:16px;color:#fff;}
.applyCloud .row-head .action .btn:hover{opacity:0.8;}
.applyCloud .row-main{transition:all 3s;-moz-transition:all 3s;-webkit-transition:all 3s;-o-transition:all 3s;padding-top:60px;visibility:hidden;opacity:0;}
/*.applyCloud .row-main .list{margin-left:-60px;*zoom:1;}*/
.applyCloud .row-main .list:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}
.applyCloud .row-main .list .item{float:left;width:20%;height:330px;margin-left:4%;margin-bottom:30px;background:#fff;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.applyCloud .row-main .list .item:hover{box-shadow:0 0 30px 1px rgba(0,0,0,0.5);}
.applyCloud .row-main .list .item:hover .infoGroup .icoContainer{margin-top:10px;margin-bottom:10px;}
.applyCloud .infoGroup{padding:20px;text-align:center;}
.applyCloud .infoGroup .icoContainer{height:70px;line-height:70px;overflow:hidden;margin-bottom:20px;margin-top:20px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.applyCloud .infoGroup .title{font-size:28px;color:#333;line-height:30px;display:block;height:30px;overflow:hidden;margin-bottom:20px;}
.applyCloud .infoGroup .title1{font-size:16px;color:#333;line-height:22px;display:block;height:36px;margin-bottom:20px;}
.applyCloud .infoGroup .description{font-size:15px;color:#888;line-height:24px;height:48px;overflow:hidden;margin-bottom:20px;}
.applyCloud .infoGroup .action .btn{width:90px;height:38px;line-height:38px;font-size:16px;margin:0 5px;padding:0;background:none;border:1px solid #333;color:#333;}
.applyCloud .infoGroup .action .btn:hover{color:#f5a500;border-color:#f5a500;}
.applyCloud .item-03 .infoGroup .action .btn{width:96px;}

.homepage_bg_1st {
  position: relative;
  width: 100vw;
  text-align: center;
}
.bg_1st_1st {
  display: block;
  width: 100vw;
  height: 60rem;
  background: -webkit-gradient(
    linear,
    0 50%,
    100% 50%,
    from(#4f9ec7),
    to(#0122a2)
  );
/*
  transform: skewY(-15deg);
  -ms-transform: skewY(-15deg);
  -webkit-transform: skewY(-15deg);*/
}
.bg_1st_2ed {
  width: 100vw;
  transform: skewY(-15deg);
  -ms-transform: skewY(-15deg);
  -webkit-transform: skewY(-15deg);
  background: white;
}
.bg_1st_3rd {
  height: 12.6rem;
  margin-top: -2.6rem;
  display: block;
  background: white;
}
.home_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home_content_1st {
  position: absolute;
  top: 5rem;
  color: white;
  font-size: 0.6rem;
}
.home_content_1st p {
  width: 100%;
  line-height: 1rem;
  margin: 0 auto;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
}
.home_content_1st_p2ed {
  color: 'black';
  margin-top: 0.9rem;
}
.content_1st_1st_wapper {
  position: relative;
  margin-top: 4rem;
}
.content_1st_play_wapper {
  position: absolute;
  top: 0;
  left: 0;
}
.content_1st_bg {
  display: block;
  width: 100%;
}
.content_1st_bub {
  position: absolute;
  width: 16rem;
}
.content_1st_m_bub {
  position: absolute;
  /* width: 2.6rem; */
  height: 2.16rem;
}
/*qq*/
.fixright { position:fixed; z-index:99999;right:0;bottom:0;width:45px;}
.fixright a { display:block; height:45px;margin:1px 0; background:#f08200; background-position:center; background-repeat:no-repeat; position:relative}
.fixright a:hover { background-color:#333}
.fixright .goTop a { height:50px; background:url(./images/f1.png) no-repeat center}
.fixright .tel a { background-image:url(./images/tel2.png);} 
.fixright .qq a { background-image:url(./images/QQ.png);} 
.fixright .wx a { background-image:url(./images/wx.png); position:relative;} 
.fixright .wx a p { position:absolute; z-index:1;right:46px;bottom:0;width:100px; display:none;}
.fixright .wx a p img {width:100%}
.fixright .wx a:hover p { display:block}
.fixright li h1 { position:absolute; z-index:1;top:0;right:-135px;width:85px; color:#fff;font-size:16px; height:45px; line-height:45px; background:#333 url(./images/tel2.png) no-repeat 15px 13px;padding:0 0 0 50px}
.fixright li:hover h1 {right:0}
.fixright li.tel:hover h1 {width:126px;}
.fixright li.qq h1 { background:#333 url(./images/qq.png) no-repeat 0px 0px;}