*{ margin:0; padding:0;}
img{max-width: 100%;}
a{-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;}
ul li{ list-style:none; padding:0; margin:0;}
.banner{ width:100%; height:718px; clear:both;padding-top:138px; position:relative}
.banner li{width:100%; height:580px;  cursor: move;}
#about{padding-top:6rem; padding-bottom:4rem; background:#f2f2f2; height:auto;}
.title{ width:100%; height:70px; background:url(../userimg/line.png) no-repeat center;}
.title h3{ margin:0 auto; width:160px; height:60px; display:block;}
#about .container{ padding-top:6rem; padding-bottom:4rem; position:relative;}
#about .a_tit{ clear:both; height:5rem;}
#about .a_tit a{ color:#444; padding:0 5px;font-size:18px;}
#about .a_tit a:hover{ color:#000;}
#about .p_box{ padding-top:4rem; line-height:28px; display:block; clear:both;}
#about .p_box a{ width:140px; height:26px; line-height:26px; font-size:12px; text-align:center; color:#fff; border-radius:100px; -moz-border-radius:100px; text-align:center; display:block; background:#484848; margin:0 auto; margin-top:20px;}
#about .p_box a:hover{ background:#000;}
#about .line{ border-bottom:1px #ddd solid; position:absolute; left:10%; width:100%; height:20px; z-index:1; width:80%; top:190px;}
.services-wrap {
  width: 150px;
  height: 150px;
  display: table;
  text-align: center;
  position: relative;
  margin: 0 auto; background:#fff; border:1px #ddd solid; border-radius:100px; -moz-border-radius:100px;
  vertical-align: middle; cursor:pointer; z-index:9999; position:relative
}
.services-wrap i{ width:100px; height:100px; background:url(../userimg/about_png.png) no-repeat; display:block; margin:0 auto; margin-top:25px;-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;}
.services-wrap i.i_1{ background-position:0 0;}
.services-wrap i.i_2{ background-position:-100px 0 }
.services-wrap i.i_3{ background-position:-200px 0}
.services-wrap i.i_4{ background-position:-300px 0}
.services-wrap:hover{ background:#333; border:4px #fff solid; }
.services-wrap:hover i.i_1{ background-position:0 -100px;}
.services-wrap:hover i.i_2{ background-position:-100px -100px }
.services-wrap:hover i.i_3{ background-position:-200px -100px}
.services-wrap:hover i.i_4{ background-position:-300px -100px}

#case{padding-top:6rem; padding-bottom:2rem; background:#fff; height:auto;}
#case .container{ padding:6rem 0;position:relative; padding-bottom:3rem}
#case .item{-webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s;  top: 2px; margin-bottom:20px; position:relative}
#case .item:hover{-webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);  top: -2px; cursor:pointer}
#case .item b{ width:90%; display:block; margin:0 auto; overflow:hidden; height:270px;}
#case .item b img{ height:270px; display:block; width:100%;}
#case .item h3{ width:90%; display:block; height:60px; line-height:60px; font-size:18px; font-weight:normal; border-bottom:1px #eee solid; margin:0 auto; clear:both}
#case .item h3 a{ color:#000;}
#case .item p{ width:90%; display:block; line-height:20px; font-size:12px; font-weight:normal; margin:0 auto; clear:both; padding:1rem 0;}
#case .item:hover h3{ color:#000}
#case .item:hover p{ color:#000}
#case .owl-pagination{ display:none}
#case .owl-prev{ left:-30px; bottom:220px}
#case .owl-next{ right:-30px; bottom:220px}
.effect-chico{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1); cursor:pointer;
}

.effect-chico:hover{
	opacity: 0.8;
	-webkit-transform: scale(1.05);
	transform: scale(1.05); 
}
#team{padding-top:6rem; padding-bottom:2rem; background:url(../userimg/case_bg.jpg) repeat; height:auto;}
#team .title{ width:100%; height:70px; background:url(../userimg/case_line.png) no-repeat center;}
#team .container{ padding:6rem 0;position:relative;}
.nav-tabs{ border:0;}
.team_img{background:#353535; padding:3rem 2rem;}
.team_img img{ width:100%; min-height:245px; }
.team_tit b{ width:90%; margin:0 auto; display:block; overflow:hidden; background:#000}
.team_tit a{color:#999; text-decoration:none}
.team_tit a p{ height:28px; font-size:13px;line-height:20px; padding:0; margin:0; padding-top:8px;width:90%; margin:0 auto; }
.team_tit a span{ height:20px; font-size:14px; line-height:20px; padding:0; margin:0; display:block;width:90%; margin:0 auto; }
.team_tit a:hover{ text-decoration:none; color:#fff;}
.team_text{ background:#212121; position:absolute; right:20px; top:108px; padding:1rem 2rem 1.6rem 2.2rem}
.team_text h4{ height:16px; font-weight:normal; height:30px; line-height:30px; color:#eee; display:block;}
.team_text p{ font-size:12px; line-height:24px; color:#999;}
.team_icon{ position:absolute; background:url(../userimg/team_icon.png) no-repeat; width:11px; height:21px; left:0; top:30%;}
#new{padding-top:6rem; padding-bottom:4rem; background:#fff; height:auto;}
#new .container{ padding:6rem 0; padding-bottom:1rem;position:relative;}
.new_left b{ width:100%; overflow:hidden; display:block}
.new_left b img{ width:100%; max-height:250px; }
.new_left p{ font-size:16px; color:#333; height:50px; line-height:40px; border-bottom:1px #e5e5e5 dotted; padding-top:5px;}
.new_left span{ font-size:14px; height:85px; padding:5px 0; line-height:25px; color:#666; display:block; clear:both; overflow:hidden}
.new_left a{ display:block; line-height:45px; text-align:right; color:#666}
.new_left a:hover{ color:#000}
.new_right li{ border-left:1px #eee solid; clear:both; position:relative; padding-left:20px; padding-top:15px; padding-bottom:15px; height:100px;}
.new_right li i{ width:14px; height:14px; display:block; border-radius:100%; -moz-border-radius:100px; position:absolute; left:-7px; top:15px; background:#eee; border:1px #fff solid;}
.new_right li:hover i{ background:#000;-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;}
.new_right li .date{ width:60px; height:60px; background:url(../userimg/case_bg.jpg) no-repeat; color:#fff; float:left; border-radius:2px; text-align:center; padding:10px 0;}
.new_right li .date span{ font-size:13px; color:#ddd}
.new_right li .date font{ display:block; font-weight:bold}
.new_right li .li_list{ width:100%; position:absolute; left:90px; top:12px;}
.new_right li .li_list p{ height:20px; line-height:20px; margin:0; padding:0;}
.new_right li .li_list p a{ color:#333; margin:0; padding:0;}
.new_right li .li_list span{ height:45px; line-height:20px; margin:0; padding:0; display:block; padding-top:5px; overflow:hidden}
.new_right li .li_list span a{ color:#666; margin:0; padding:0;}
.new_right li .li_list span a:hover{ color:#000}
.new_right li .li_list p a:hover{ color:#000; font-size:14px;}
.link_box{width:100%; height:40px; background:url(../userimg/foot_bg.png) repeat-x; line-height:40px; color:#999; font-size:12px;}
.link_box a{ color:#999; padding:0 10px; font-size:12px;}
.link_box a:hover{ color:#fff}
.link_box .container{ overflow:hidden; height:40px;}
.foot{ background:#626367; padding-top: 15px; padding-bottom: 15px;}
.foot_logo{ padding:2rem 0; clear:bothb}
.foot_nav a{ color:#aaa; padding:0 10px; font-size:14px}
.foot_nav a:hover{ color:#fff}
.foot_text{ font-size:12px; line-height:20px; color:#eee; /*padding-top:1.2rem;*/}
.show_banner{ width:100%; height:438px;background-size:cover; clear:both; padding-top:138px;}
.case_content{ clear:both; padding-top:5rem}
.nav_menu{ text-align:center; padding:5rem 0; height:auto; }
.nav_menu a {
-webkit-transform: skew(-20deg); 
-moz-transform: skew(-20deg); 
-o-transform: skew(-20deg);
background:#eee;
border-radius:0; -moz-border-radius:0; border:none ; padding:10px 20px; display:inline-block; color:#666}
.case_img{ background:#f5f5f5; padding:2rem}
.nav-tabs a.a_on{ background:#333; color:#fff; border:none}

.case_title{ height:80px; clear:both; line-height:80px; font-size:18px; text-align:center;}
.case_jj{ clear:both; padding-top:4rem}
.case_jj h3{ background:url(../userimg/foot_bg.png) repeat; width:100%; height:40px; line-height:40px; text-indent:10px; font-size:16px; color:#fff; margin:0; padding:0}
.case_jj p{ font-size:14px; color:#666; line-height:30px; padding:2rem 0;}
.case_list{ padding-bottom:3rem}
.case_list div {-webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s;  top: 2px; margin-bottom:20px; position:relative}
.case_list div:hover{-webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);  top: -2px; cursor:pointer}
.case_list b{ width:100%; display:block; margin:0 auto; overflow:hidden}
.case_list h3{ width:100%; display:block; height:60px; line-height:60px; font-size:18px; font-weight:normal; border-bottom:1px #eee solid; margin:0 auto; clear:both}
.case_list h3 a{ color:#000;}
.case_list p{ width:100%; display:block; line-height:20px; font-size:12px; font-weight:normal; margin:0 auto; clear:both; padding:1rem 0;}
.case_list:hover h3{ color:#000}
.case_list:hover p{ color:#000}
.about_img{ clear:both; padding:2rem 0}

.team_show .title{ width:100%; height:70px; background:url(../userimg/line.png) no-repeat center;}
#about .team_tit b{ width:90%; margin:0 auto; display:block; overflow:hidden; background:none; overflow:hidden}
#about .team_tit b img{margin:5% auto; background:none }
#about .team_tit a{color:#999; text-decoration:none;background:#eee; width:100%; margin:10px 0; display:block;}
#about .team_tit a:hover{ background:url(../userimg/case_bg.jpg) repeat;}
#about .team_tit a p{ height:28px; font-size:13px;line-height:20px; padding:0; margin:0; padding-top:8px;width:90%; margin:0 auto; }
#about .team_tit a span{ height:40px; font-size:14px; line-height:20px; padding:0; margin:0; display:block;width:90%; margin:0 auto; }
#about .team_tit a:hover{ text-decoration:none; color:#fff;} 
.show_list .li_list{ border-bottom:1px #eee dotted; height:85px;}
.n_tit{ text-align:center; position:relative; }
.n_tit h3{ font-size:24px; height:auto; line-height:30px; border-bottom:1px #eee solid; padding:2rem 0;}
.n_tit p{ height:auto; line-height:30px; clear:both; padding-bottom:1rem}
.bshare-custom{ padding-left:10px;}
.new_content{ clear:both; line-height:30px;}
.lx_box{ clear:both; padding:2rem 0;}
.lx_box .row{ padding:4rem 0;}
.lx_box .rvm{ text-align:center; font-size:12px;}
.lx_box .rvm p{ height:30px; padding-top:10px; }
.lx_text{ border-left:1px #eee solid;border-right:1px #eee solid; margin:0 2rem; padding:0 2rem 0 4rem;line-height:24px;}
.form-control{ margin-bottom:12px;}
.btn{ background:#000; color:#fff; border:none; margin-right:10px;}
.sj_text{ background:#f5f5f5; height:432px;}
.sj_text h3{ font-size:20px; color:#333; line-height:40px; border-bottom:1px #ddd dotted; padding-bottom:1rem; font-weight:bold}
.sj_text p{ line-height:28px; padding:5px 0; color:#666; margin:0;}
.sj_text p font{ font-weight:bold; color:#333;}
.sj_text .yy{ clear:both; padding-top:20px; margin-top:20px; padding-left:70px; border-top:1px #ddd dotted;}
.sj_text .yy a{ background:url(../userimg/sj_but.png) no-repeat; height:48px; width:155px; display:block; float:left; margin-right:20px; background-position:0 0; text-align:center; font-size:20px; color:#fff; line-height:48px; text-decoration:none; font-weight:bold;}
.sj_text .yy a:hover{ background-position:-155px 0; font-weight:bold;}
.t_top{ background:url(../userimg/sj_bg.png) repeat-x; height:50px; text-indent:10px; font-size:16px; color:#fff; line-height:50px; font-weight:bold}
.sj_img{ padding:0;}
.sj_zp{ padding:2rem 0;}
.sj_box{ border:1px #eee solid; border-top:none; clear:both; padding:0; margin:0 ; padding:2rem 0; padding-bottom:0}
.sj_box .sj_list{-webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s;  top: 2px; margin-bottom:20px; position:relative}
.sj_box .sj_list:hover{-webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14); box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);  top: -2px; cursor:pointer}
.sj_box .sj_list b{ width:90%; display:block; margin:0 auto;}
.sj_box .sj_list h3{ width:90%; display:block; height:60px; line-height:60px; font-size:18px; font-weight:normal; border-bottom:1px #eee solid; margin:0 auto; clear:both}
.sj_box .sj_list p{ width:90%; display:block; line-height:20px; font-size:12px; font-weight:normal; margin:0 auto; clear:both; padding:1rem 0;}
.sj_box .sj_list:hover h3{ color:#000}
.sj_box .sj_list:hover p{ color:#000}
.modal{ z-index:999999999}
.modal-backdrop{ z-index:9999999}
.form_box{ padding:3rem 6rem;}
.modal-content{ border:none}
.form_box .btn_padding{ padding:10px 30px;}


#pages { padding:14px 0 10px; margin:0px; text-align:center;}
#pages a { display:inline-block; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 { width:56px; }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; width:26px; height:22px; line-height:22px; background:#333; border:1px solid #333; color:#fff; text-align:center; }



.case_list b{ width:100%; display:block; margin:0 auto; overflow:hidden; height:270px;}
.case_list b img{ width:100%; height:100%}

.case_img b{ overflow:hidden; display:block; height:620px;}
.case_img b img{ height:100%; width:100%;}


.sj_list b{ overflow:hidden; display:block; height:195px;}
.sj_list b img{ width:100%; height:100%;}









/*focus*/
#focus{
  position: relative;
  width: 100%; 
}
#focus .focus-list{
  position: relative;
  width: 100%;
  height: 100%;
}
#focus .focus-list li {
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
}
#focus .focus-list li a{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#focus .num{
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 10px;
}
#focus .num li{
  width:40px;
  height:40px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
#focus .num li::before{
  content: "";
  width:40px;
  height:2px;
  position: absolute;
  display:block;
  background: rgba(190, 190, 190, 0.8);
	
  cursor: pointer;
  top: 50%;
  margin-top: -1px;
}
#focus .num li.active::before,
#focus .num li:hover::before{
  background: rgba(90, 90, 90, 0.8);
}


.lfxxc{
	border-bottom: 1px dashed #ddd; padding: 10px 0;
}
.lfxxc:hover{
	background-color: #f6f6f6;
}
.lfxx span{
	color: #23527c; font-size: 18px; font-weight: bold; margin: 15px 0; display: block;
}
.lfxx p{
	font-size: 16px; color: #666;
}
.lfxx div{
	color: #666; line-height: 25px;
}
.lfxx a{
	/*float: right;*/ background-color: #337AB7; color: #fff; display: inline-block; width: 80px; height: 30px; border-radius: 5px; line-height: 30px; text-align: center; margin-top: 20px;
}
.lfxx a:hover{
	text-decoration: none; background-color: #6A9DCB;
}