/************** deafault css******************/
.lmlist{font-size:16px;line-height:40px;color:#333;}
.lmlist a{font-size:16px;line-height:40px;color:#333;}
.lmlist a:hover{font-size:16px;line-height:40px;color:#f00;}
a:link {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #06F;
}
a:active {
	color: #333;
}


		.wkj{height:240px;border:1px #999 solid;position:relative;margin-top:30px;margin-bottom:60px;}
		.wkbt{width:260px;height:50px;line-height:50px;
		border-radius:25px;
		text-align: center;color:#FFF;
		background: #36c36e;position: absolute;top:-25px;left:20px;font-size:20px;
		font-weight:600;
		letter-spacing: 3px;}
		.wknr{width:100%;padding-left:20px;padding-right:20px;height:230px;top:45px;left:0px;position: absolute;}
		.wknr img{width:100%;}


.btone{font-size:50px;color:#FFF;
letter-spacing:3px;line-height:1.6;margin-bottom:30px;!important}
.bttwo{font-size:30px;color:#FFF;letter-spacing:3px;line-height:1.6;margin-bottom:30px;!important}
.topbianju{margin-top:10px;!important}
.whitebg{
	background:#FFF}
.xiabj{margin-bottom:50px}
.listtx{padding:0px 30px;height:360px;margin:20px 0px;
box-sizing:border-box;
border-right:1px #CCCCCC solid;}
.biankuang{border:1px #CCCCCC solid;
box-sizing:border-box;}
.rightbk{
	border-right-color:#FFF;!important}
.classred{
	background:#Fff;height:30px;min-height:710px;margin-bottom:50px;}
.classred ul{
	margin:0px;padding:0px;
	list-style:none;}
.classred ul li{
	width:48%;height:210px;margin:20px 20px 0px 0px;
	background:#CF6;float:left;
	overflow:hidden;}
.classred ul li:nth-child(2n){margin-right:0px;
background:#F30}

.classred2{
	background:#Fff;height:30px;min-height:710px;margin-bottom:50px;}
.classred2 ul{
	margin:0px;padding:0px;
	list-style:none;}
.classred2 ul li{
	width:31%;height:320px;margin:20px 20px 0px 0px;
	background:#CF6;float:left;overflow:hidden;}
.classred2 ul li:nth-child(3n){margin-right:0px;
background:#F30}

.classblue{
	background:#ffF;height:30px;min-height:710px;margin-bottom:50px;}

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

.section_padding {}

a:focus {
    outline: 0px solid
}

a:hover {
    text-decoration: none !important
}

img {
    max-width: 100%;
    height: auto;
}

.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
    font-family: "微软雅黑", sans-serif;
}

html,
body {
	font-family:"微软雅黑" !important; }

.section_padding {
    padding: 80px 0px
}
.list_padding {
    padding: 50px 0px
}
.clear{clear:both;}
p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.lmbt{margin-bottom:40px;
letter-spacing:2px;
font-weight:300;!important}
.lmbt2{margin:30px auto;
letter-spacing:2px;font-size:18px;
font-weight:300;!important}
.zyjslm{margin-bottom:30px;}
.zyjslm p{height:36px;line-height:36px;text-align:center;color:#333;font-size:16px;}
.zytb{overflow:hidden;}
.zytb img{
	 transition:all 1s ease;
	}
.zytb img:hover{
	
	transform:scale(1.1);}
.fkhover:hover{
	background:#06C;color:#FFF;
	transition:all 1s ease;}
.fkhover:hover a{color:#FFF;}

/************** main css ******************/
/************** header css ******************/

#header_area {
    background: url(../images/bg.jpg);
    padding-top: 35px;
    background-size: cover;
    background-position: center center
}
.jtytop{
	background:rgba(0,0,0,0.7);
	width:100%;
	z-index:99999;
	position:fixed;
	top:0px;
	vertical-align: middle;
	}
.jtylisttop{
	background:rgba(0,0,0,0.7);
	width:100%;
	z-index:99999;
	position:absolute;
	top:0px;
	vertical-align: middle;
	}

.topm{margin-top:20px;}
.logo {
    margin-top:-10px;
}
.listlogo {
    margin-top:10px;
}

.logo h2 {}

.logo h2 a {
    color: #fff;
    text-decoration: none
}

.navbar-nav>li>a {
    font-size: 14px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a:active,
.navbar-nav>li>a:focus {
    background:none
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color:#06C !important;
} /************** 导航的鼠标经过的背景颜色 ******************/


.header_area_text {
    padding-top: 200px;
    padding-bottom: 200px;
    padding-right: 500px;
}

.header_area_text h2 {
    font-size: 50px;
    color: #fff
}

.header_area_text p {
    color: #fff;
    margin: 30px 0px;
}

.header_area_text a {
    background: #4ECB8C;
    display: inline-block;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
/************** feature area css ******************/

#features_area h2 {
    margin-bottom: 60px;
}

.single_feature {
    border: 2px solid #F2F2F2;
    padding: 10px;
}

.single_feature h3 {
    margin-top: 35px;
}

.single_feature i {
    background: #36C36E;
    font-size: 25px;
    padding: 20px;
    color: #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    text-align: center;
    padding-top: 17px;
    position: absolute;
    top: -17%;
    left: 44%;
}
/************** story area css ******************/

#story_area {
    background: #fff;
}

.story_text {}
.story_text_bt{width:100%;height:66px;font-size:28px;margin-bottom:10px;line-height:50px;
border-bottom:#CCC 1px solid;
font-weight:600;}
.story_text_bt a{font-size:28px;color:#333;line-height:50px;}
.story_text_bt a:hover{color:#06F;}
.story_text h2,
.experience h2 {
    margin-bottom: 40px;
}

.story_text p,
.experience p {
    margin-bottom: 30px;
}

.story_textmore a {
    border: 1px solid #333333;
    border-radius: 5px;
    display: inline-block;
    padding: 8px 15px;
    color: #000;
	font-size:14px;
    margin-top: 10px;
    text-transform: uppercase
}

.experience a {
    border: 2px solid #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase
}

#clients_say_area {
    background:#CCC;
    position: relative
}

#clients_say_area h2 {
    margin-bottom: 50px;
}

.clients_say {
    margin-bottom: 30px;
	border: 2px solid #E3E3E3;
	min-height:400px;
	overflow:hidden;
	background:#FFF;
}
.clients_say_left {
width:65%;
padding:25px;
min-height:400px;
float:left;
box-sizing:border-box;
overflow:hidden;
}
.clients_say_left_bt {
width:100%;
height:50px;
line-height:30px;
border-bottom:1px #CCCCCC solid;
margin-bottom:15px;
font-size:20px;
font-weight:600;
}
.clients_say_left_list {
line-height:40px;
font-size:14px;
}
.clients_say_right {
width:35%;
overflow:hidden;
min-height:400px;
float:right;
}


.clients_say_listright {
width:70%;
padding:25px;
min-height:400px;
float:right;
box-sizing:border-box;
overflow:hidden;
}
.clients_say_listright_bt {
width:100%;
height:50px;
line-height:30px;
border-bottom:1px #CCCCCC solid;
margin-bottom:15px;
font-size:20px;
font-weight:600;
}
.clients_say_listright_bt2 {
width:100%;
height:50px;
line-height:50px;
border-bottom:1px #CCCCCC solid;
margin-bottom:15px;
font-size:20px;
font-weight:600;
}
.clients_say_listright_list {
line-height:40px;
font-size:14px;
}
.clients_say_listleft {
width:30%;
overflow:hidden;
min-height:400px;
float:left;
}


.rightbg1 {
	background:url(../images/pc-1a.jpg) center center;
}
.rightbg2 {
	background:url(../images/pc-2a.jpg) center center;
}
.rightbg3 {
	background:url(../images/pc-4a.jpg) center center;
}
.rightbg4 {
	background:url(../images/pc-3a.jpg) center center;
}

.listleftbg1 {
	background:url(../images/pc-5a.jpg) center center;
}
.listleftbg2 {
	background:url(../images/pc-3a.jpg) center center;
}
.listleftbg3 {
	background:url(../images/pc-6a.jpg) center center;
}
.listleftbg4 {
	background:url(../images/pc-4.jpg) center center;
}



.clients_say_list {
    margin-top: 20px;
}

.clients_say p {
    padding: 20px 40px;
}

.say {
    text-align: right;
    width: 90%;
    margin-top: 10px
}

.say h5 {
    margin: 0;
    color: #000
}

.say h6 {
    margin: 0;
    color: #666666
}

.c_img {
    width: 10%;
    text-align: right
}

.c_img img {
    border-radius: 50%
}

#Experience_area {
    background: #353535;
    color: #fff
}

.skills {}

.skills h2 {
    margin-bottom: 40px;
}

.progress-bar {
    background: #36C36E;
}
/************** blog area css ******************/

#blog_area {
    background: #e9ebea
}

.single_blog {}

.single_blog img {}

.single_blog h2 {
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    margin-top: 20px
}

.single_blog p {
    margin: 10px 0px;
}

.comment_area {
    color: #999999
}

.date i,
.comment i {
    margin-right: 10px;
}
/************** call to action css ******************/

#caal_to_action_area {
    background: #36C36E;
    padding: 30px 0px;
    color: #fff;
}

.call_to_action_text {}

.call_to_action_text h2 {
    margin: 0
}

.call_project a {
    border: 2px solid #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    margin-top: 13px;
    text-transform: uppercase
}
.call_project a:hover {
    border: 2px solid #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color:#093;
	background:#FFF;
    margin-top: 13px;
    text-transform: uppercase
}
/************** footer area css ******************/

#footer_area {
    background: #232323;
    padding: 30px 0px;
    color: #fff;
}

.company_logo {
    margin-top: 50px
}

.company_logo h2 {}

.company_address {
    padding: 10px 30px;
}

.company_address h2 {
    font-size: 18px;
    text-transform: uppercase
}

.company_address p {
    font-size: 14px;
    font-weight: 300
}

.company_address h3 {
    font-size: 14px;
    font-weight: 300
}

#preloader {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
#preloader i {
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}




.listborder{
	background:#FFF;
	border:#CCC 1px solid;
	padding:40px;
	box-sizing:border-box;
	min-height:500px;}
.listborder_bt{width:100%;
height:70px;
font-size:20px;
text-align:center;
border-bottom:1px #999999 solid;
margin-bottom:20px;}
.listborder_wz{font-size:16px;line-height:45px;width:100%;}
.listborder_wz a{font-size:16px;line-height:45px;}
	

/************** list banner css******************/
.listbanner{background-repeat: no-repeat; 
width: 100%; 
height:360px;
background-position-x: 50%; 
background-position-y: 0px; 
background-image:url(../images/img_bg_7.jpg); }

.listbanner2{background-repeat: no-repeat; 
width: 100%; 
height:360px;
background-position-x: 50%; 
background-position-y: 0px; 
background-image:url(../images/img_bg_5.jpg); }

.listbanner3{background-repeat: no-repeat; 
width: 100%; 
height:360px;
background-position-x: 50%; 
background-position-y: 0px; 
background-image:url(../images/img_bg_6.jpg); }

.listbanner4{background-repeat: no-repeat; 
width: 100%; 
height:360px;
background-position-x: 50%; 
background-position-y: 0px; 
background-image:url(../images/img_bg_8.jpg); }

.listbanner5{background-repeat: no-repeat; 
width: 100%; 
height:360px;
background-position-x: 50%; 
background-position-y: 0px; 
background-image:url(../images/img_bg_9.jpg); }

.listbanner_name{top:200px;left:50%;width:1200px;
position:absolute;
font-size:42px;
transform:translate(-45%,0);
letter-spacing:4px;
font-weight:700;
color:#06F;
text-shadow:2px 2px 0px #FFFFFF}

.listbanner_name2{top:200px;left:50%;width:1200px;
position:absolute;
font-size:42px;
transform:translate(-45%,0);
letter-spacing:4px;
font-weight:700;
color:#fff;
}


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



}




/************** banner css******************/
#fh5co-hero {
  min-height: 630px;
  height: 630px;
  background: #fff url(../images/loader.gif) no-repeat center center;
}
#fh5co-hero .btn {
  font-size: 24px;
}
#fh5co-hero .btn.btn-primary {
  padding: 14px 30px !important;
}
#fh5co-hero .flexslider {
  border: none;
  z-index: 1;
  margin-bottom: 0;
}
#fh5co-hero .flexslider .slides {
  position: relative;
  overflow: hidden;
}
#fh5co-hero .flexslider .slides li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  min-height: 630px;
  height: 630px;
  position: relative;
}
#fh5co-hero .flexslider .slides li:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
#fh5co-hero .flexslider .flex-control-nav {
  bottom: 40px;
  z-index: 1000;
}
#fh5co-hero .flexslider .flex-control-nav li a {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: none;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
#fh5co-hero .flexslider .flex-control-nav li a.flex-active {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
}
#fh5co-hero .flexslider .flex-direction-nav {
  display: none;
}
#fh5co-hero .flexslider .slider-text {
  display: table;
  opacity: 0;
  min-height: 630px;
  height: 630px;
  z-index: 9;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner {
  vertical-align: middle;
  min-height: 250px;
  margin-top:220px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1, #fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
  margin: 0;
  padding: 0;
  color: white;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1 {
  margin-bottom: 30px;
  font-size: 60px;
  line-height: 1.5;
  font-weight: 300;
}

#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
  font-family: "Source Sans Pro", Arial, sans-serif;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 a {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .btn {
  padding: 18px 30px !important;
  color: #fff;
  border: none !important;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .btn:hover {
  background: #2D6CDF !important;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead {
  font-size: 20px;
  color: #fff;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner .fh5co-lead .icon-heart {
  color: #d9534f;
}

@media screen and (max-width: 768px) {
  #fh5co-hero .flexslider .slider-text > .slider-text-inner h1 {
    font-size: 50px;
  }
  

.listbanner_name{top:200px;left:45%;width:100%;margin-left:auto;margin-right:auto;
position:absolute;
font-size:36px;color:#06F; 
letter-spacing:3px;
text-align:center;
}

.listbanner_name2{top:200px;left:45%;width:100%;margin-left:auto;margin-right:auto;
position:absolute;
font-size:36px;color:#fff; 
letter-spacing:3px;
text-align:center;
}
}