body {
	background:#fff;
	font-family: '思源黑体';
	color:#3d464d;
	line-height: 20px;
	font-size:14px;
}


body{ overflow: auto !important;} .modal{ overflow: auto !important;}  /**************解决弹出层左右移动的问题************/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
}

h1{
  font-size: 28px;
  color:#fff;
}

h2{
  font-size:18px;
}

h3{
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size:16px;
}

h5{
  font-size:15px;
}

p{ font-size:14px;}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.pad-b10{ padding-bottom:10px;}
.mar-l5{ margin-left:5px;}
.mar-l10{ margin-left:10px;}
.mar-l20{ margin-left:20px;}
.mar-r5{ margin-right:5px;}
.mar_r10{ margin-right:10px;}
.mar_r20{ margin-right:20px;}
.mar_r25{ margin-right:25px;}
.mar_b10{ margin-bottom:10px; }
.mar_b20{ margin-bottom:20px;}
.mar_b30{ margin-bottom:30px;}
.mar-t20{ margin-top:20px;}
.mar-t10{ margin-top:10px;}



.fz15{ font-size:15px;}
.fz14{ font-size:14px;}
.fz13{ font-size:13px;}
.padd-r-0{ padding-right:0px;}
.fr{ float:right;}
.back-99{ background:#999;}
.padding-5{ padding: 2px 7px;}

.images{ border:1px solid #999; padding:5px;}

.cor-red{ color: #e84c3d;}

.s2em{ text-indent:2em;}

.border-b{ border-bottom:1px solid #ccc;}

.5em{ font-size:0.5em;}

.cor-q{ color:#4cc0a9;}
.cor-w{ color:#FFFFFF;}


/***************** 按钮去黑色边框  ***************/

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;    box-shadow:none;        
}

/**********去圆角边框阴影**************/

.yjbks{ border:0px; border-radius:0px; box-shadow:0px 0px 0px #999 inset;}

/**********去圆角**************/
.border-ra-0{border-radius:0;}


/*************************  弹出居中  ***********************/


/**********去边**************/
.border-0{border:0px;}

a {
  color: #3d464d;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #d43133;  text-decoration:none;
}


/*************************  按钮 ****************************************/

.btn-primary {
  padding: 4px 16px;
  color:#fff;
  border-radius: 4px;
  border:none;
  border:2px solid #c52d2f;
  background:#c52d2f;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #a91c1e;
  outline: none;
  box-shadow: none;
  color:#fff;
  border:2px solid #a91c1e;
} 


/************************************************* 客服 *******************************************/
.side{position:fixed;width:54px;height:275px;right:0;bottom:95px;z-index:20;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:2px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000022;opacity:0.3;filter:Alpha(opacity=30);color:#fff;font:14px/54px "微软雅黑";overflow:hidden; border-radius:5px 0 0 5px;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000022;opacity:0.3;filter:Alpha(opacity=30);transition:all 0.3s;border-radius:5px 0 0 5px;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100); }
.side ul li img{float:left;}

/***********************************************头部******************************************************/

#header .search{
  display: inline-block;
}

.navbar>.container .navbar-brand{
  margin-left: 0;
  margin-right:50px;
}

/********************顶部***********************/

.top-bar {
  padding:5px 0 ;
  background:#eeeded;
  line-height:26px;
  
}

/*左边*/
.top-number{
  color: #666; 
}

.top-number p{
 margin: 0 ;  
}

/*右边*/

.social{text-align:right;}

.social-share{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
  display: inline-block;
  color:#a9a9a9;
  background:#fff;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius:20px;
}

ul.social-share li a:hover {
  background: #d7000f;
  color: #fff;
}

  
/********************  搜索  **********************/


.search i {
  color:#a9a9a9;
}

input.search-form{
  background: transparent;
  border: 0 none;
  width:30px;
  padding: 0 0 0 5px;
  color:#666;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}

input.search-form::-webkit-input-placeholder{
  color: transparent;
}

input.search-form:hover::-webkit-input-placeholder {
  color: #888;
}

input.search-form:hover {
  width:180px; 
}
 


/***************** 导航切换按钮 ***********************/
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: #000;
  background-image: none;
  border: 1px solid #000;
  border-radius: 4px;
}

/******************* 导航  ********************/

/* 二级下拉 */
.dropdown-menu {
  margin-top: -1px;
  min-width: 110px;
}

/* logo */
.navbar-brand {
  padding:5px 0 0 0;
  margin:0;
}

/****************导航底************/


.navbar {
  border-radius: 0;
  margin-bottom: 0;
  background:#fff;
  padding:20px 0  ;
}

 .navbar-nav{
  margin-top:15px; 
 }

.navbar-nav>li{
  margin-left:20px;
  padding-bottom:10px;
  
}

/**一级*/
.navbar-inverse .navbar-nav > li > a {
  padding:5px 10px;
  margin:0;
  color:#444;
  line-height:18px;
  display: inline-block;
  font-size:16px;
}

.navbar-inverse .navbar-nav > li > a:hover{
  color:#c52d2f;
}

.navbar-inverse {
  border: none;
}
/**一级点击**/
.navbar-inverse .navbar-brand { line-height:50px; margin-bottom:8px;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
	background:#fff;
    color:#c52d2f;
}
/**下拉**/
.navbar-inverse .navbar-nav .dropdown-menu {
	background-color: rgba(255,255,255,.90);
	-webkit-box-shadow: 0 3px 8px rgba(255,255,255, 0.125);
	-moz-box-shadow: 0 3px 8px rgba(255,255,255, 0.125);
	box-shadow: 0 3px 8px rgba(255,255,255, 0.125);
	border: 0;
	padding: 0;
	margin-top: 0px;
	border-top: 0;
	border-radius: 0;
	left: 0;
}

.navbar-inverse .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding:5px 10px;
  color: #444;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: #c52d2f;
  color: #fff;
  text-indent:5px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 0 0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
  padding-bottom: 0;
}


/******************* 三级菜单*************************


.dropdown:hover .menu-top {
    display: block;
}

.dropdown-submenu{
    position:relative;
}

.dropdown-submenu > .dropdown-menu{
    top:0;
    left:100%;
    margin-top:0px;
    margin-left:120px;
}

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-5px;
}

.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu .pull-left{
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

***************** 三级菜单END ****************************/
 


/***********************************************************************************************焦点图 **************************/

#main-slider {
  position: relative;
}

.no-margin {
  margin: 0;
  padding: 0;
}

.flexslider{position:relative;height:650px;overflow:hidden;background:url(../images/slider/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:650px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/slider/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/slider/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/slider/next.png) center center no-repeat;}

/********************* 首页四张新图 **********************/
.img_sizhang{
	position:relative;
}
.img_sizhang_txt a {color:#FFF;}
.img_sizhang_txt {
	position: absolute;
	width: 100%;
	height:100%;
	left: 0;
	bottom: 0;
	background:rgba(5, 5, 5, 0.01);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	color:#FFF;
	font-size:1.6em;
	line-height:1.5em;
	padding-top:50px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.magnifier2:hover .img_sizhang_txt {
	background:rgba(197, 45, 47, 0.9);
	color: #fff;
}

.today-grid  {
padding:0; 
}
.today-grid img {
  width: 100%;
}
/********************* 首页四张图 **********************/





#recent-works .col-xs-12.col-sm-4.col-md-3{
  padding: 0; 
}

#recent-works{
    padding:0;
	margin:15px 0;
}

.recent-work-wrap {
  position: relative;
}

.recent-work-wrap img{
  width: 100%;
}

.recent-work-wrap .recent-work-inner{
  top: 0;
  background: transparent;
  opacity:1;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
  text-align:center;
}

.recent-work-wrap .recent-work-inner h3{
  margin-top:2em;
}

.recent-work-wrap .recent-work-inner h3 a{
  font-size: 24px;
  color: #fff;
}


.recent-work-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0;
  background-color: rgba(197,45,47,.90);
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;  
  padding: 30px;
}

.recent-work-wrap .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}

.recent-work-wrap:hover .overlay {
  opacity: 1;
}


/******************************** 底部 ******************************/

#footer {
  padding-top:50px;
  padding-bottom: 50px;
  color: #3d464d;
  background:#f5f5f5;
  margin-top:25px;
  bottom:0;
}

#footer h3 {
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size:1.3em;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}

#footer ul li {
  display: block;
  padding: 5px 0;
}

#footer ul li a {
  color: #5b646b;
}

#footer ul li a:hover {
  color: #c52d2f;
}

#footer .widget {
  margin-bottom: 0; text-align:center;
}









/********** 五列 ***********/

.col-md-five {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 1200px) {
.col-md-five {
float: left;
}
.col-md-five {
width:20%;
}
.col-md-pull-five {
right: 20%;
}
.col-md-push-five {
left: 20%;
}
.col-md-offset-five {
margin-left: 20%;
}
}




/************************************** 二级 *****************************************************/


/*--位置--*/
.about {
    background: url(../images/about.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    min-height:130px;
}


ul.about_head{
	padding: 3.5em 0 0 1em;
    margin: 0;
    list-style: none;
}
ul.about_head li{
	display: inline-block;
	vertical-align: middle;
}

ul.about_head li.about_head-left h1{
    color: #fff;
    font-size:1.4em;
	font-weight:600;
    margin: 0 1em 0 0;
	
}
ul.about_head li.about_head-right p{
	font-size:1.1em;
    color: #fff;
    font-weight:500;
	margin:0.5em 0 0 0 ;
	padding:0 1em 0 1em;
	border-left:1px solid #fff;
}








/*--产品列表--*/
.team1{
 	margin-bottom:20px;
 }
 
.team2{
 	margin-top:20px;
 }
.ex_box{
	margin:3% 0 5% 0;
}
.portfolio_main {
    padding: 5em 0;
}

.img_section{
	position:relative;
	display:block;
	max-width:100%;
}
.img_section_txt {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background:rgba(5, 5, 5, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 10px 10px 21px;
	color: #353e45;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
    -webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.magnifier2:hover .img_section_txt {
	background:rgba(197, 45, 47, 0.9);
	color: #fff;
}

h3.m_2 {
	color: #555;
	margin-bottom: 20px;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: normal;
	letter-spacing: -1px;
	padding:0 1%;
	text-transform: uppercase;
	text-align:center;
}


/*--分类--*/

#filters {
	margin: 0 0 1em 0;
    padding: 0;
    list-style: none;
   
}
#filters li {
	display:inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
}
#filters li span {
	font-size:1em;
    display: block;
	width:80px;
	padding:5px 0;
	text-align:center;
    text-decoration: none;
    color: #313840;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 4px;
}
#filters li span.active,#filters li span:hover {
   color:#c52d2f;
   border: 1px solid #c52d2f;
}


/***********图片间隔*********/
.wg{
	position:relative;
	margin:0;
	padding:0px 10px 10px 0;
}

.wgg{
	position:relative;
	margin:0;
	padding:0px 10px 10px 0;
}
.wggg{
	position:relative;
	margin:0;
	padding:0px 20px 20px 0;
}

/*******************产品左边*****************/

/***********搜索************/
.btn-sousuo {
  color: #ffffff;
  background-color:#999;
  padding:6px 10px;
  margin:0;
  
}

.btn-sousuo:hover,
.btn-sousuo:focus,
.btn-sousuo:active,
.btn-sousuo.active,
.open .dropdown-toggle.btn-sousuo {
  color: #ffffff;
  background-color:#e84c3d;
}

.panel-body > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.panel-body > ul > li {
  border-bottom: 1px solid #e9e9e9;
}
.panel-body > ul > li:last-child {
  border-bottom: 0;
}
.panel-body > ul > li > a {
  display: block;
  padding:6px 0;
  font-weight:500;
  font-size:13px;
  color:#353e45;
  text-transform: uppercase;
  text-decoration: none;
}
.panel-body > ul > li > a:hover {
  color: #c52d2f;
}

/*** 按钮右边 ***/
.panel-group .panel-heading {
  position: relative;
  padding: 0;
}
.panel-group .panel-heading > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
}
.panel-group .panel-heading > a:after {
  position: absolute;
  right: 10px;
  height: 20px;
  width: 20px;
  content: "\f107";
  background: #c8c8c8;
  border-radius: 20px;
  text-align: center;
  line-height: 20px;
  font-family: FontAwesome;
  color: #ffffff;
}
.panel-group .panel-heading > .collapsed:after {
  content: "\f105" !important;
}


/**************************************** 详情页面 *****************************************/


.about_qiandao {
    background:-moz-linear-gradient(-135deg,#265eba 50%,#7630b7);
    background:-webkit-gradient(-135deg,#532182 50%,#1d0c5c);
    background:-webkit-linear-gradient(-135deg,#532182 50%,#1d0c5c);
    background:-o-linear-gradient(-135deg,#532182 50%,#1d0c5c);
    background:-ms-linear-gradient(-135deg,#532182 50%,#1d0c5c);
    background:linear-gradient(-135deg,#532182 50%,#1d0c5c);
}

.color_w{ color:white;}
.about_biaoti {margin-bottom:1em;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #aaa;
    font-size:1.4em;
    font-weight: 400;
	text-align:center; }


.about_xq {
    margin-top:5px;		
}

.about_xq h3 {
	margin-bottom:1em;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #aaa;
    font-size:22px;
    font-weight: 400;
	text-align:center;
	line-height:1.5em;
}
.about_xq h2 {
    /************font-size:22px;****/
    font-weight: 600;
	text-align:left;
	line-height:1.5em;
}

.about_xq p{
	line-height:1.5em;
	font-size:1.1em;
}
.about_xq h5{
	line-height:2em; font-size:1.2em; 
	
}

.about_xq h4{
	margin:0 0 1em 0;
    font-size:1.3em;
    color: #db343a;
	font-weight:normal;
	line-height:1.8em;
	font-weight:600;
}

.about_xq h6{
	 font-size:1.2em; color:#18ae89;
	
}

/* 小按钮*/
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  border-radius:5px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e84c3d;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color:#fff;
  font-size:1.1em;
  padding:6px 20px;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #E42313;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius:0;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/* 签到*/
.qiandao {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;

    background:-moz-linear-gradient(-135deg,#ff9531 50%,#ff5e41);
    background:-webkit-gradient(-135deg,#ff9531 50%,#ff5e41);
    background:-webkit-linear-gradient(-135deg,#ff9531 50%,#ff5e41);
    background:-o-linear-gradient(-135deg,#ff9531 50%,#ff5e41);
    background:-ms-linear-gradient(-135deg,#ff9531 50%,#ff5e41);
    background:linear-gradient(-135deg,#ff9531 50%,#ff5e41);

    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color:#fff;
    border-radius: 100%;
    font-size:1.8em;
    padding:37px 30px;
    margin: 0 auto;
}
.qiandao:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    background:-moz-linear-gradient(-135deg,#ff5e41 50%,#ff5e41);
    background:-webkit-gradient(-135deg,#ff5e41 50%,#ff5e41);
    background:-webkit-linear-gradient(-135deg,#ff5e41 50%,#ff5e41);
    background:-o-linear-gradient(-135deg,#ff5e41 50%,#ff5e41);
    background:-ms-linear-gradient(-135deg,#ff5e41 50%,#ff5e41);
    background:linear-gradient(-135deg,#ff5e41 50%,#ff5e41);

    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius:100%;
}
.qiandao:hover, .qiandao:focus, .qiandao:active {
    color: white;
}
.qiandao:hover:before, .qiandao:focus:before, .qiandao:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

 
 /****** 按钮 ******/
.btns {
  border:2px solid #e84c3d;
  color:#fff;
  font-size:1.3em;
  padding: 0.6em 5.2em;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e84c3d;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius:0;
 
}
.btns:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #E42313;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius:0;
}

.btns:hover, .btns:focus, .btns:active {
  color: white;
}
.btns:hover:before, .btns:focus:before, .btns:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/************************新闻列表********************************/


.news-bottom-left {
	text-align:center;
	
}
.news-bottom-left h6{
	font-size:2em;
	margin:0px;
	font-weight:300;
	border:none;
	line-height:1.5em;
	color:#4cc0a9;
	font-family:Arial, Helvetica, sans-serif;
}
.news-bottom-left p{
	font-size:1em;
	color: #959798;
	font-family:Arial, Helvetica, sans-serif;
	
}

.news-bottom-right h1 {
    font-size:1.2em;
    text-align: left;
	margin-top:7px;
	color:#3d464d;
	line-height:1.3em;
}
.news-bottom-right p {
    font-size:1em;
    text-align: left;
	margin-bottom:1em;
}
.news-bottom-right{
	border-bottom:1px solid #EDF2F6;
}
.bn {
	text-align: right;
	margin:0px  0px 0.3em 0px;
}

.news-bottom-one {
    margin-top:1%;
}
.bn a{
	color:#e84c3d;
	font-size:1em;
}
.bn a:hover{
	color:#3F4244;
	text-decoration:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}


/***************************** xiaoyuanglogo ***********************************/


.he_slideCaptionDown {
	padding:0;
	margin:0;
	position:relative;
	box-sizing:border-box;
	cursor:pointer;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden;
	text-overflow: ellipsis;
	background:#F1F1F1;
	border-radius: 5px;
}
.he_slideCaptionDown p{
	margin: 0!important;
	line-height: 2.5em!important;
	text-overflow: ellipsis;
	overflow:hidden;
}
.he_slideCaptionDown .he_slideCaptionDown_img {
	position:relative;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	opacity:1;
	overflow:hidden
}
.he_slideCaptionDown .he_slideCaptionDown_caption {
	color:#fff;
	background:rgba(254,114,83,0);
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:translate3d(0,-100%,0);
	-moz-transform:translate3d(0,-100%,0);
	-o-transform:translate3d(0,-100%,0);
	-ms-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden
}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption {
	background:rgba(254,114,83,.2);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden
}
.he_slideCaptionDown .he_slideCaptionDown_caption_h {
	font-size:1em;
	font-weight:600;
	line-height:1.2em;
	text-align:center;
	width:80%;
	position:absolute;
	top:-50%;
	left:10%;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	overflow:hidden;
	opacity:0
}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h {
	color:#fff;
	top:25%;
	opacity:1;
}
.he_slideCaptionDown .he_slideCaptionDown_caption_p {
	font-size:1em;
	text-align:center;
	width:80%;
	position:absolute;
	top:-50%;
	left:10%;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
	overflow:hidden;
	opacity:0
}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p {
	color:#fff;
	top:45%;
	opacity:1
}


/****************  在线订购 *****************************/

.font_star{ color:#c52d2f; margin-right:5px;}
.font_stars{ color:#eee; margin-right:5px;}
.label_name{ font-size:1.1em; font-weight:600;}
.form-control {
  padding:5px 12px;
  border-color:#f2f2f2;
  box-shadow: none;
} 

.form-control:focus {
  box-shadow:none;
  outline: 0 none;
}   
	
	.table_yingpin{border-collapse:collapse; margin:10px auto;}
	.table_yingpin th{line-height:14px; text-align:right; border:1px solid #eee;padding:1em ; background-color:#ddd;}
	.table_yingpin td{line-height:14px; text-align:left; border:1px solid #eee;padding:5px 0px 5px 5px;}
	.table_yingpin input[type*="text"] {border-color: #777 #ccc #ccc;border-style: solid;border-width: 1px;box-shadow: 0 1px 1px #FFFFFF;height: 20px; padding:2px; }
	.table_yingpin th.center{text-align:center;}
	.table_yingpin p{ margin-bottom:5px;}
	.font_red{ color:#b81c22; background:#fff; padding:8px 8px 15px 8px; font-size:17px;}
	.label_33{display:inline-block; width:32%; padding:3px 0px;}
	
	
	
/********************  页码  ***************************/


ul.pagination > li > a {
  border: 1px solid #F1F1F1;
  margin-right:5px;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 14px;
  color:#777;
}

ul.pagination > li > a i{
  margin-left:5px;
  margin-right:5px;
}

ul.pagination > li.active > a, 
ul.pagination > li:hover > a {
  background-color: #c52d2f !important;
  border-color: #c52d2f !important;
  color: #fff;
}



/*********** 特点 **************/
.features{
  padding:20px 0;
}




.feature-wrap {
  margin-bottom: 35px;
  overflow: hidden;
}


/***********************************************  图标特效  ************************************************************/

.service-box {
background: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding:0 20px;
  overflow: visible;
  text-align: center;
}
.service-box .icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fff;
  margin: 0 auto;
  text-align: center;
  position: relative;
  border:3px solid #3f51b5;	
}
.service-box .icon img {
  position: relative;
  z-index: 100;
  transition: all 0.3s ease 0s;
}

.service-box .icon:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #eae3f9;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0s;
 
}
.service-box:hover .icon img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.service-box:hover .icon:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
 
}
.service-box h5{
   color:#3d464d;
  font-size:1.2em;
  font-weight:normal;
  margin:0.5em 0 0.3em 0;
}
.service-box p{
  color:#4e4e4e;
  font-size: 15px;
  margin: 0;
  line-height: 1.5em;
}




/******** 图标特效(文字) ***********/

.feature-wrap i{
  font-size: 28px;
  height:60px;
  width:60px;
  margin-bottom:15px;
  border-radius: 100%;
  line-height:60px;
  text-align:center;
  background: #ffffff;
  color:#3f51b5;
  box-shadow: inset 0 0 0 3px #3f51b5;
  -webkit-box-shadow: inset 0 0 0 3px #3f51b5;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}

.feature-wrap i:hover {
  background:#3f51b5;
  color: #fff;
  box-shadow: inset 0 0 0 3px #3f51b5;
  -webkit-box-shadow: inset 0 0 0 3px #3f51b5;
  border: 3px solid #3f51b5;
}

/******************图标特效（图
.features img {
  display: inline-block;
  border: 2px dotted #ccc;
  padding:0.5em;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  background:#fff;
  font-size:0.2em;
  margin-bottom:10px;
 
}
.features img:hover{
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	background:#3f51b5;
	border:2px solid #3f51b5;
}
） ********************/
/********************************* 案例展示 *****************************************/

/************** 图片间隔 ********************/
.wg{
	position:relative;
	margin:0;
	padding:6px;
}

#anli-work-wrap{
	margin:3em 0;  
}


.anli-work-wrap {
  position: relative;
}

.anli-work-wrap img{
  width: 100%;
}

.anli-work-wrap .recent-work-inner{
  background: transparent;
  opacity:1;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
  text-align:center;
}


.anli-work-wrap .recent-work-inner h3 a{
  font-size:15px;
  font-weight:normal;
  color: #fff;
}

.anli-work-wrap .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height:30%;
  opacity: 0;
  border-radius: 0;
  background-color: rgba(63,81,181,.7);
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms; 
  padding-top:5px; 
}

.anli-work-wrap .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}

.anli-work-wrap:hover .overlay {
  opacity: 1;
}

/**************QQ客服****************/

.qqan{ width:150px; height:35px; background:url(../images/qqrx.jpg) no-repeat; line-height:35px; float:left; margin:8px 20px 20px 0; text-indent:2.5em; color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:700;letter-spacing:1px; }
.qqan:hover{ font-weight:700;}


/**************灰色按钮****************/

.hvrs-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  border-radius:5px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.7);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background:#dfe0e2;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color:#555;
  font-size:1.1em;
  padding:5px 10px ;
  float:right;
  letter-spacing:2px;
}
.hvrs-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#e84c3d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius:5px;
}
.hvrs-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvrs-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/***************************成长历程/企业荣誉****************************************/
.event_year { text-align:center; }
.event_year li { height:35px;line-height:35px; padding:0 10px;background:#f5f5f5;margin-bottom:2px;font-size:1.3em;cursor:pointer; }
.event_year li.current { background:#e84c3d ;color:#FFF; cursor:pointer; }

.event_list {background:url('../images/dsj-shuxian.png') 30px 0 repeat-y; }

.event_list h3 { margin:10px 0 10px 22px;font-size:1.5em;font-family: Arial, Helvetica, sans-serif;color:#e84c3d;padding-left:25px;background:url('../images/dsj-jiantou.png') 0 -45px no-repeat;line-height:30px; font-weight:400; }

.event_list li { background:url('../images/dsj-jiantou.png') 27px -80px no-repeat; margin-bottom:8px; }

.list{ width:100%;}
.list_left{text-align:right;display:block;float:left;margin-top:10px; }
.list_right{line-height:20px; margin-left:50px;text-align:left;padding:10px; background:#f5f5f5;  }






@media screen and (max-width: 768px) {
	
	/**软件详情图片右边**/
	.about_xq h5{
	line-height:1.2em; font-weight:normal; font-size:1em;}
	.about_xq h4{
	margin:1.5em 0 1em 0;
    font-size:1.5em;
   font-weight:normal;
    color: #e84c3d;
	
}
	
}

@media screen and (max-width: 480px) {
.about_xq h4{
	margin:0.5em 0 ;
    font-size:1.3em;
	font-weight:600;
    color: #e84c3d;
	
}

.about_xq h6{
	 font-size:1.1em; color:#18ae89;
	
}

#bottom h3 {
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size:1.3em;
  color: #000;
}


 
/**************** 新闻列表 ***************/
.news-bottom-left h6{
	font-size:2em;
	margin:0px;
	font-weight:300;
	border:none;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
}

}

@media screen and (max-width: 414px) {

	.wgg{
	position:relative;
	margin:0;
	padding:0px 10px 10px 10px;
	}
}
/****************************** 联系我们左右 ****************************************/

.lxwm-l{ height: 100%; background:#f2f2f2; padding:10px; }
.lxwm-l hr{ margin: 8px 0; border-top: 1px solid #dddddd; }
.lxwm-l h3{font-size: 17px; text-align: left;}
.lxwm-l h4{font-size: 15px; text-align: left;color:#555;  margin:7px 0; }
.lxwnst ul{ margin: 0; padding: 0; }
.lxwnst li{ margin:0 0 7px -4px; padding:0 9px; border-right: 1px solid  #dddddd; display:inline-block; font-size: 15px; line-height: 18px;}
.lxwnst li:hover{ background:#dddddd;}
.lxwnst li:last-child { border:none; }

.lxwnst li.yswezhi{line-height: 1.5em; color:#fff !important;background:#e1343a;  }
.lxwnst>li{cursor: pointer;}

.addrList{
    display: inline-block;
    width: 60%;

}

.border-right{
	border-right: 1px solid #FFFFFF;
}
.border-left{
	border-left: 1px solid #FFFFFF;
}
.border-bottom{
	border-bottom: 1px solid #FFFFFF;
}


/*************************************************8**0820合作联盟*************************************8**/
.case-example-item {
	position: relative;
	/*width: 32.4%;*/
	width: 100%;
    float: left;
    height:200px;
    line-height:200px;
    overflow: hidden;
    text-align: center;
    transition: all .2s;
}

.case-example-item a .case-pad {
	height:200px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
}
.case-example-item a .case-pad h1{
   padding-top: 35px!important;
   font-size: 20px;
   color:#d43d3f;
   
}
.case-example-item a .case-pad h2{
	padding-top: 0;
   font-size: 14px;
   line-height: 1.5em;
   color:#d43d3f;
}

.case-item-info {
    height:200px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom:-200px;
    background:#4e609b;
    transition: all .2s;
}

.case-info-text {
    font-size: 15px;
    color: #FFFFFF;
    padding:15px 30px;
    text-align: left;
    line-height: 1.5em;
}
.case-info-text h1{
    font-size: 17px;
    font-weight: 600; 
    padding-bottom: 7px;
    border-bottom: 1px dotted #FFFFFF;  
}

.case-example-item:hover .case-item-info {
    height: 400px;
}


.zjbiaot{
	margin-top: 350px;
}

.zjbiaot h1{
	font-size: 30px;
	font-weight: 600;
	text-align: center;
}
.zjbiaot h2{
	font-size: 15px;
	text-align: center;
	line-height: 1.5em;
	color: #FFFFFF;
}
@media screen and (max-width: 1080px){
 .case-example-item{width: 32.2%;}
}
@media screen and (max-width: 900px){
 .case-example-item{width: 32.1%;height: 100%;}
}
@media screen and (max-width: 800px){
 .case-example-item{width: 32%;height: 100%;}
}
@media screen and (max-width: 768px){
 .case-example-item{margin:4px;}
}
@media screen and (max-width: 603px){
 .case-example-item{margin:3px;}
}
@media screen and (max-width:568px){
 .case-example-item{width:33.3%;}
}
@media screen and (max-width:533px){
 .case-example-item{width: 50%;}
}
@media screen and (max-width:533px){
 .case-example-item{width: 50%;}
}
@media screen and (max-width: 414px){
 .case-example-item{
 	width: 100%;}
}
@media screen and (max-width: 384px){
 .case-example-item{width: 100%;}
}


.pricing-section {
    width: 100%;
    height: 100%;
    padding-top:50px;
    padding-bottom:50px;
    background: url(../images/bg4.jpg);
    background-attachment: fixed;
    background-size: cover;
}