/*通用样式*/
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, p, pre, table, caption, th, td, form, legend, fieldset,input, button, select, textarea {margin:0; padding:0; overflow-y: visible;font-family:'微软雅黑';}
ol, ul ,li{ list-style-type:none;}
h3,h4, h5{ margin:0px; padding:0px;}
a{color:#787878;text-decoration:none;}
a:hover{text-decoration:none; color:#8d304d;}
a img{border:none;}
img {border: 0; margin:0px; padding:0px;}
body {color:#787878; font-size:13px; margin:0px; padding:0px; line-height:28px; background:#f1eee8;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px; }


/* top */
.top_bj {overflow:hidden; background:url(/images/top_bj.jpg) no-repeat center;  background-size:100% 100%; }
.top { width:1100px; overflow:hidden; margin:auto; height:120px;}
.logo { float:left; margin-top:20px;}
.gg { margin:46px 0 0 40px; font-size:18px; color:#f28101; float:left;}
.tel { background:url(/images/tel.jpg) no-repeat; color:#3d3d3d;line-height:42px; font-size:26px; float:right; margin-top:40px; padding-left:40px; color:#3d3d3d;}

/* menu */
.menu_bj { width:100%;overflow:hidden; height:46px; background:url(/images/nav_bj.jpg) repeat-x;}

#header{width:1100px; margin:auto;}
.nav{ position:absolute;
	width:1100px;
	height:46px;

}
.nav li{
	position: relative;
	float: left;
	line-height:46px;
	background:url(../images/fg.jpg) no-repeat;
	background-position:right;
}
.nav li a{
	line-height:46px;
	float:left;
	height:46px;
	color:#fbecb6;
	width:122px;
	font-size:15px;
	display:block;
	text-align:center;
}
.nav li a:hover {
     background:#7e231e; color:#fbecb6;
}
.nav li .nav-w {
	z-index:21;
	position:absolute;
	display:none;
	float:left;
	clear:both;
	overflow:hidden;
	top:46px;
}
.nav li:hover a{ background:#7e231e; color:#fbecb6;}
.nav li .section-nav1{ height:auto; overflow: hidden; width:122px;}
.nav li .section-nav1 ul {
	position:static;
	padding:0px;
	margin:0px;
	width:122px;
	overflow:hidden;
}
.nav li .section-nav1 ul li {
	position:static;
	padding:0px;
	width:122px;
	background:#7e231e;
	float:left;
	
}
.nav li .section-nav1 ul li a {
	background:#FFF;
	text-align:left;
	padding:0px;
	line-height:40px;
	width:auto;
	text-align:center;
	display:block;
	float:none;
	height:auto;
	color:#6e6e6e;
	font-size:15px;
	overflow:hidden;
	cursor:pointer;
	border-top:1px dashed #ddd; 
}
.nav li .section-nav1 ul li a:hover {
	 background:#7e231e; 
	 color:#fbecb6;
	text-decoration: none;
}

/* foot */
.foot_bj { background:#000000; border-top:#e9c171 5px solid; width:100%; overflow:hidden;}
.foot { width:1000px; margin:auto; overflow:hidden; color:#fbecb6; text-align:center;}
.foot_m { overflow:hidden; padding:15px 0 15px;}
.foot_m a { color:#fbecb6; font-size:14px;}
.foot_nr { padding:0px 0 15px 0}
.foot_nr a{color:#fbecb6; padding:0px 0 15px 0}
.main_con{width:1100px;margin:auto;}


.nei_banner{height:380px;background:url(/images/nei_banner.jpg) center center no-repeat;}
.nei_banner1{height:380px;background:url(/images/b1.jpg) center center no-repeat;}
.nei_banner2{height:380px;background:url(/images/b1.jpg) center center no-repeat;}
.nei_banner3{height:380px;background:url(/images/b1.jpg) center center no-repeat;}
.nei_banner4{height:380px;background:url(/images/b1.jpg) center center no-repeat;}
.nei_banner5{height:380px;background:url(/images/b1.jpg) center center no-repeat;}
.nei_banner6{height:380px;background:url(/images/b1.jpg) center center no-repeat;}
.nei_banner7{height:380px;background:url(/images/b1.jpg) center center no-repeat;}
.nei_banner8{height:380px;background:url(/images/b1.jpg) center center no-repeat;}
.nei_banner9{height:380px;background:url(/images/b1.jpg) center center no-repeat;}

/*所在位置*/
.weizhi{height:50px;line-height:50px;padding-top:15px;border-bottom:2px solid #DFDFDF;}
.weizhi .con{width:1070px;margin:auto;background:url(/images/weizhi.png) left center no-repeat;font-size:24px;color:#8d304d;padding-left:30px;}
.weizhi .con.auto{width:auto;}
.weizhi .con .sp1{font-size:20px;color:#8d304d;margin-left:10px;font-family:Arial;}
.weizhi .con div{float:right;font-size:14px;color:#515151;}
.weizhi .con div span{color:#8d304d;}
.weizhi .con div a{color:#515151;}
.weizhi .con div a:hover{color:#8d304d;}

.service{}
.service_title{text-align:center;width:1100px;margin:auto;margin-bottom:20px;}
.service_title a{height:29px;border:1px solid #9F9F9F;text-align:center;margin:0px 5px;line-height:29px;font-size:18px;display:inline-block;margin-top:20px;padding:0px 15px;}
.service_title a:hover{color:#8d304d;border:1px solid #8d304d}
.service_title a.hover{color:#8d304d;border:1px solid #8d304d}
.service_con{}

.news_ul_list{}
.news_ul_list li{height:40px;line-height:40px;border-bottom:1px dashed #ccc;padding-left:5px;overflow:hidden;}
.news_ul_list li a{font-size:14px;}
.news_ul_list li a:hover{color:#8d304d;}
.news_ul_list li span{float:right;}


/*成功案例*/
.case_list_title{height:31px;text-align:center;margin-top:25px;margin-bottom:25px;}
.case_list_title a{height:29px;border:1px solid #9F9F9F;width:150px;text-align:center;margin:5px 7px;line-height:29px;font-size:18px;display:inline-block;}
.case_list_title a:hover{color:#8d304d;border:1px solid #8d304d}
.case_list_title a.z{width:133px;height:31px;line-height:31px;border:0px;background:url(/images/case_cf.png) center -31px;padding-left:30px;}
.case_list_title a.z:hover{border:0px;color:#8d304d;background-position:center top;}
.case_list_title a.y{width:133px;height:31px;line-height:31px;border:0px;background:url(/images/case_cf.png) center bottom;padding-right:30px;}
.case_list_title a.y:hover{border:0px;color:#8d304d;background-position:center -62px;}

.case_d_title{font-size:24px;line-height:30px;color:#d5302c;font-weight:normal;text-align:center;margin-top:20px;}
.case_content{margin-top:20px;}
.case_d_sx{line-height:30px;clear:both;padding-top:20px;}
.case_d_sx a.pro{display:inline-block;height:30px;line-height:30px;background:url(/images/sx.png) no-repeat;padding-left:30px;}
.case_d_sx a.next{display:inline-block;height:30px;line-height:30px;background:url(/images/sx.png) left bottom no-repeat;padding-left:30px;}
.case_d_sx a:hover{color:#1F8BCC;}
.case_d_sx a.lb{color:#8d304d;float:right;}
.case_d_sx a.lb:hover{color:Red;}

.case_url{color:#8d304d;margin-top:10px;}


.case_list{ padding-top:60px}
.case_list li{width:206px;height:166px;overflow:hidden;float:left;margin-left:7px;margin-right:7px;position:relative;margin-top:25px;}
.case_list li img{width:206px;height:135px;}
.case_list li.y{margin-right:0px;float:right;}
.case_list li.cle{clear:both;font-size:0px;line-height:0px;height:25px;float:none;width:100%;}
.case_list li div{height:30px;width:206px;padding:0px;background: #8d304d;color:White;overflow:hidden;}
.case_list li div h3{font-weight:normal;font-size:16px;height:30px;line-height:30px; text-align:center;}
.case_list li a:hover div{color:#E0F2FF;text-decoration:none;}

/*客户见证*/
.video_Content{width:1200px;margin:auto;margin-top:15px;}
.videoList{}
.videoList li{width:350px;border:1px solid #DEDEDE;padding:15px 14px 0px 14px;float:left;margin-right:8px;margin-left:8px; margin-bottom:20px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-align:center;}
.videoList li.y{margin-right:0px;float:right;}
.videoList li img{width:350px;}
.videoList li div{height:35px;line-height:35px;overflow:hidden;color:#626262;font-size:18px;}
.videoList li div a{}
.videoList li div a:hover{color:Red;}
.videoList li div a:hover span{border:1px solid Red;}
.videoList li div span{display:block;float:right;font-size:16px;font-family:"宋体";font-weight:bold;border:1px solid #999;width:14px;height:14px;line-height:14px;text-align:center;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px;margin-top:10px;}

/*页码*/
.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;clear:both;padding-top:20px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #8d304d;border-color:#8d304d;text-decoration: none;}


#team{
	padding: 0em 0 !important;
}
#team>.container{
		margin-top: 26px;
	}
.team,.typography,.w3ls_address_mail_footer_grids,.portfolio{
    padding: 2em 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
/*-- team --*/
.wthree_team_grid{
	text-align:center;
}
.wthree_team_grid h4 {
    font-size: 1.5em;
    color: #7030A0;
    margin: 1em 0 .5em;
}
.wthree_team_grid p {
    color: #2f2f2f;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-top: 2px;
}
.hovereffect {
    overflow: hidden;
    position: relative;
    text-align: center;
}

.hovereffect .overlay{
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img,.wthree_team_grid:hover .hovereffect img{
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.7);
  -webkit-filter: brightness(0.7);
}

.hovereffect h6 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  width: 100%;
}

.hovereffect:hover h6,.wthree_team_grid:hover .hovereffect h6{
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
  transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect .rotate {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 100%;
  height: 100%;
  position: absolute;
}

.hovereffect hr {
  width: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
}

.hovereffect  hr:nth-child(2) {
  -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);
  transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);
}

.hovereffect  hr:nth-child(3) {
  -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
  transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);
}

.hovereffect h6, .hovereffect hr {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  /* background-color: rgba(224, 31, 61, 0.5); */
  background-color: rgba(80, 0, 128, 0.5);
   /* background-color:#8d304d; */
  margin: 0px;
}

.group1, .group2 {
  left: 50%;
  position: absolute;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
}

.group1 {
  top: 43%;
}

.group2 {
  top: 57%;
}

.hovereffect p {
  width: 31%;
  text-transform: none;
  font-size: 15px;
  line-height: 2;
}

.hovereffect p a {
  color: #fff;
}

.hovereffect p a:hover,
.hovereffect p a:focus{
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.hovereffect  a i {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  padding: 9px;
  font-size: 20px;
}

.group1 a:first-child i {
  -webkit-transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
  transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2);
}

.group1 a:nth-child(2) i {
  -webkit-transform: translate3d(60px,-60px,0) rotate(45deg) scale(2);
  transform: translate3d(60px,-60px,0)  rotate(45deg) scale(2);
}

.group2 a:first-child i {
  -webkit-transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
  transform: translate3d(-60px,60px,0) rotate(45deg) scale(2);
}

.group2 a:nth-child(2) i {
  -webkit-transform: translate3d(60px,60px,0)  rotate(45deg) scale(2);
  transform: translate3d(60px,60px,0)  rotate(45deg) scale(2);
}

.hovereffect:hover hr:nth-child(2),.wthree_team_grid:hover .hovereffect hr:nth-child(2){
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
  transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
}

.hovereffect:hover hr:nth-child(3),.wthree_team_grid:hover .hovereffect hr:nth-child(3){
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
  transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);
}

.hovereffect:hover .group1 i:empty, .hovereffect:hover .group2 i:empty,.wthree_team_grid:hover .hovereffect .group1 i:empty,.wthree_team_grid:hover .hovereffect .group2 i:empty{
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0) rotate(45deg) scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
/*-- //team --*/
/*-- blog--*/
.blog-grid img {
    vertical-align: middle;
    width: 100%;
}
.blog h5 {
    margin: 1em 0;
    color: #464646;
    color: #7030A0;
}
.blog-grid p {
    color: #464646;
    font-size: 1em;
    line-height: 1.8em;
    margin: 1em 0;
}
.blog-grid h4 a{
    font-size: 1em;
    color: #000;
    line-height: 1.5em;
    text-transform: uppercase;
}
.blog-grid h4 a:hover{
    color: #ffb900;
	transition:0.5s all;
}
.blog-grid h5 a {
    font-size: 1em;
	color:#999;
}
.blog-grid a:hover{
	color: #3aa5dc;
}
.heading h3 ,.heading h2{
    text-align: center;
    font-size: 30px;
    margin-bottom: 1em;
    color: #8d304d;
    text-transform: capitalize;
    font-weight: 600;
}
.blog,.team,.services,.codes,.typography,.w3ls_address_mail_footer_grids,.portfolio{
    padding: 2em 0;
}
.readmore-w3 a {
    /* border: 1px solid #e01f3d; */
    background: #8d304d;
    text-transform: capitalize;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    padding: 10px 25px;
    margin: 1em 0 0;
    letter-spacing: 1px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.readmore-w3 a:hover{
    /* border: 1px solid ##7030A0; */
    background: #F0C90E;
    color: #fff;
}
.readmore-w4 {
	width:100%;
	height:45px;
    background: #8d304d;
	padding-top:10px;
	margin: 0em 0 0;    
}
.readmore-w4 a {
    font-weight: 500;
    background: #8d304d;
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    
}
.readmore-w4 a:hover{
    color: #F0C90E;
}
/*-- //blog--*/