/* Core Css */

body {}

p, a, h1, h2, h3, h4, h5, h6 {}

input,
textarea {
    width: 100%;
    background: none;
    border: 1px solid #fff;
    color: #ee3449;
    padding: 10px 20px;

}

.line {
    background: url('../image/line.png') no-repeat;
    display: inline-block;
    width: 100%;
    height: 10px;
    margin: 100px 0px 0px;
	background-size: contain;
}

.line.inverse {
    transform: rotate(180deg);
}

/* Navbar Css */

.navbar-wrapper {
    position:absolute;
    font-family: 'play', sans-serif;
    font-size: 14px;
    top: 0;
    width: 100%;
    z-index: 999;
}

nav.navbar.navbar-static-top {
    margin: 0px;
    padding:0px;
}

.navbar-header > a.navbar-brand {
    padding: 5px 0px;
    margin: 0px;
}
div#navbar > ul{
	background:#0c151b;
	padding:20px 40px;
}
div#navbar > ul >li{
	width:100px;
	text-align:center;
}

div#navbar > ul.nav.navbar-nav.navbar-right li a {
    color: white;
    text-shadow: none;
	background: none;
	transition: .3s all ease-in-out;
}

div#navbar > ul.nav.navbar-nav.navbar-right li a:hover {
    background: none;
    color: #feef00;
}

div#navbar > ul.nav.navbar-nav.navbar-right li.active a {
    color: #ee3449;
	background: none;
}
.bt{
	position:fixed;
	bottom:0;
	z-index:999;
	width:100%;
	background:#f1f1f1;	
}
.bt button{
	margin:0;
	padding:10px 0;
	float:left !important;
	width:25%;
}
button.navbar-toggle {
    background: #f1f1f1;
    transition: .2s all ease-in-out;
}

button.navbar-toggle span.icon-bar {
    background-color: #fff;
}

.navbar-toggle:hover {
    background: #fff;
}

.navbar-toggle:hover span.icon-bar {
    background: #EE3449;
}
/* Slider Css */

.slider_pattern {
    width: 100%;
    height: 100%;
    position: absolute;

}

div#ops_slider {
    overflow: hidden;
}

.carousel-inner .item img {
    width: 100%;
}

.carousel-inner .item .slider-innertext {
    position: absolute;
    top: 35%;
    z-index: 10;
    color: #fff;
    text-align: center;
    left: 15%;
    right: 15%;
    text-transform: uppercase;
    font-family: 'raleway', sans-serif;
}
.carousel-inner .item .slider-innertext h1,.carousel-inner .item .slider-innertext h2,.carousel-inner .item .slider-innertext p{
	text-align:left;	
}
.slider-innertext a{
	display:block;
	color:#fff;
	border:2px #fff solid;
	width:200px;
	height:50px;
	line-height:50px;
	-webkit-border-radius:9999px;
    -ms-border-radius:9999px;
-o-border-radius:9999px;
-moz-border-radius:9999px;
border-radius:9999px;
}
.slider-innertext a:hover{
	color:#fff;

}
.carousel-inner .item .banner2 h1{
	font-size:50pt;
	text-align:center;
}
.carousel-inner .item .banner2 span{
	color:#13c5a2;
	font-weight:normal;
}
.carousel-inner .item .banner2 p{
	text-align:center;
	font-size:30pt;
}
.carousel-inner .item .banner2 .button{
	width:350px;
	height:40px;
	margin:50px auto 0;
}
.carousel-inner .item .banner2 .button a{
	display:block;
	background:#fff;
	color:#13c5a2;
	width:150px;
	height:40px;
	border:none;
	line-height:40px;
	-webkit-border-radius:10px;
    -ms-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.carousel-inner .item .banner2 .button #cpfw{
	float:left;
}
.carousel-inner .item .banner2 .button #lxwm{
	float:right;
	background:#606060;
	color:#fff;
}
.carousel-inner .item .banner3 h1{
	font-weight:500;
	text-align:center;
}
.carousel-inner .item .banner3 hr{
	display:block;
	height:2px;
	background:#fff;
}
.carousel-inner .item .banner3 span{
	color:#d3361b;
}
.carousel-inner .item .banner3 p{
	text-align:center;
}
.carousel-inner .item .banner3 a{
	margin:0 auto;
	margin-top:50px;
}
.slider-innertext h1 {
    font-size: 70pt;
	line-height:100pt;
}

.slider-innertext h1 span {
    font-weight: 700;
}

.slider-innertext p {
    font-size: 16pt;
	line-height:30pt;
}

.carousel-inner .carousel-indicators li {
    background: #fafbff;
    border-color: #fafbff;
}

.carousel-inner .carousel-indicators li.active {
    background: #ee3449;
    border-color: #ee3449;
}

/* About Section Css */

div#about {
    text-align: center;
    padding: 80px 0px 0px;
}
.qyjj_title{
	background:url(../image/qyjj.png) center top no-repeat;
}
div#about h1.section_title {
    color: #666666;
    font-family: 'raleway', sans-serif;
    font-size: 25pt;
	line-height:35pt;
    text-transform: uppercase;
    margin: 0px;
}

div#about p.section_description {
    font-family: 'play', sans-serif;
    font-size: 12pt;
    color: #202020;
    padding: 0px 20% 70px 20%;
}

.about-image {
    background: #ee3449;
	margin-bottom:50px;
}

.about-image img {
    width: 100%;
    transform: rotate(3deg);
}

.about-block {
    padding: 20px 10px;
    font-family: 'play', sans-serif;
    float: left;
}

.about-block span.fa {
    background: #ee3449;
    padding: 20px;
    font-size: 18pt;
    color: #fff;
    border-radius: 8px;
    float: left;
	transition: .3s all ease-in-out;
}

.about-block h2 {
	padding: 0px 15px;
	color: #202020;
	font-size: 20pt;
}

.about-block h2 span {
    font-weight: 700;
    text-transform: uppercase;
    color: #ee3449;
	transition: .3s all ease-in-out;
}

.about-block p {
    float: left;
    text-align:center;
	width:100%;
	font-size:16px;
    padding: 10px 0px !important;
}

.about-block:hover span.fa {
    background: #202020;
}

.about-block:hover h2 span {
    color: #202020;
}

/* Team Section Css */

div#team {
	font-family: 'play', sans-serif;
    text-align: center;
    padding: 80px 0px 0px;
	background:url(../image/qywh.jpg) top center no-repeat;
}

.qywh_title{
	background:url(../image/qywh.png) center top no-repeat;
}

div#team h1.section_title {
    color:#fff;
    font-family: 'raleway', sans-serif;
    font-size:25pt;
	line-height:35pt;
    text-transform: uppercase;
    margin: 0px;
}

div#team h2.section_title {
    color: #EE3449;
}

div#team p.section_description {
    font-size: 12pt;
    color: #fff;
    padding: 0px 20% 20px 20%;
}

.team-member {
	padding:50px 0px;
}
.container hr{
	display: block;
    width: 90%;
    height: 1px;
    margin: 0 auto;
    padding: 0;
}
.qyyj,.fwzz,.jyln,.qysm{
	padding:30px 0;
}
.qyyj{
	background:url(../image/shu.jpg) right top repeat-y;
}
.fwzz{
	
}
.jyln{
	background:url(../image/shu.jpg) right top repeat-y;
}
.qysm{
	
}
.member-single {
    position: relative;
    width: 100%;
}

.member-details > .member-hover {
	display:block;
	width:80px;
	height:2px;
	margin:10px auto 20px;
	background:#f00;
    transition: .4s all ease-in-out;
}

.member-details:hover > .member-hover {
    background:#fff;
}

.member-avatar img {
    width:77px;
}

.member-avatar {
    height: 100%;
    overflow: hidden;
}

.member-details {
	color:#fff;
}

.member-details h3 {
    margin: 0px;
    padding: 15px 0px 5px;
}

.member-hover > .member-social {
    bottom: 0;
    margin-top: 75%;
    color: #fff;
}

.member-hover > .member-social a {
    color: #fff;
    border: 1px solid #ee3449;
    border-radius: 10px;
    padding: 10px 12px;
    margin: 0px 5px;
	transition:.3s all ease-in-out;
}

.member-hover > .member-social a:hover {
    background: #ee3449;
}

.skill-bar {
    padding: 40px 0px;
}

.skill-bar h3 {
    font-size: 10pt;
    text-align: left;
    color: #202020;
    margin: 0px;
    padding: 5px 0px;
}

.skill-bar .progress {
    background: #EE374C;
    border: none;
    border-radius: 0px;
    height: 10px;
	margin: 0px;
}

.skill-bar .progress .skill-progress {
    background: #202020;
}

.progress-info {
margin-left: 15px;}

.progress-info span {
}

.progress-info span {
    display: block;
    text-align: right;
}

.progress-info span.fa {
    font-size: 18pt;
    color: #EE374C;
    padding-right: 5px;
}

.skill-progress {
  -webkit-transition: width 3s ease-in-out;
  transition: width 3s ease-in-out;
}

/* Service Section Css */

div#service {
	font-family: 'play', sans-serif;
    text-align: center;
    padding: 80px 0px 0px;
}

div#service h1.section_title {
    color: #ee3449;
    font-family: 'raleway', sans-serif;
    font-size: 40pt;
    text-transform: uppercase;
    margin: 0px;
    padding: 15px 20%;
}

div#service p.section_description {
    font-size: 12pt;
    color: #202020;
    padding: 0px 20% 70px 20%;
}

.services {
    display: inline-block;
    background: url('../image/services.png');
    background-position: center;
    background-repeat: no-repeat;
    padding: 150px 0px;
}

@media screen and (max-width:768px) {
	.services {
		background:none;
		padding:0px;
	}
	.single_service {
		text-align: center !important;
		padding: 20px 0px !important;
	}
}

.single_service span.fa {
    background: #202020;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    font-size: 20pt;
	transition:.3s all ease-in-out;
}

.single_service {
    padding: 40px 35px 40px 0px;
}

.single_service.left {
    text-align: right;
}

.single_service h3 {
    margin: 0px;
    font-family: 'raleway', sans-serif;
    padding: 8px 0px;
	transition:.3s all ease-in-out;
}

.single_service h3 span {
    font-weight: 700;
}

.single_service p {
    font-family: 'play', sans-serif;
}

.single_service.right {
    text-align: left;
    padding: 40px 0px 40px 35px;
}

.single_service:hover h3 {
    color: #ee3449;
}

.single_service:hover span.fa {
    background: #ee3449;
}

/* Portfolio Section Css */

div#portfolio {
	font-family: 'play', sans-serif;
    text-align: center;
    padding: 80px 0px 0px;
}

div#portfolio h1.section_title {
    color: #ee3449;
    font-family: 'raleway', sans-serif;
    font-size: 40pt;
    text-transform: uppercase;
    margin: 0px;
    padding: 15px 20%;
}

div#portfolio p.section_description {
    font-size: 12pt;
    color: #202020;
    padding: 0px 20% 70px 20%;
}

.single-portfolio {
    position: relative;
    width: 100%;
	margin: 20px 0px;
}

.single-portfolio > .portfolio-hover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0px;
    opacity: 0;
    transition: .4s all ease-in-out;
}

.single-portfolio:hover > .portfolio-hover {
    opacity: 1;
    height: 100%;
    background: rgba(0,0,0,.75);
}

.portfolio-image img {
    width: 100%;
}

.portfolio-image {
    height: 100%;
    overflow: hidden;
}

.portfolio-hover a {
    color: #EE3449;
    border-radius: 5px;
    border: 1px solid #ee3449;
    padding: 10px 15px;
    font-size: 20pt;
    transition: .2s all ease-in-out;
	display: inline-block;
    margin-top: 30%;
}

.single-portfolio .portfolio-hover a:hover {
    color: #fff;
    background: #ee3449;
}

/* Blog Section Css */

div#blog {
	font-family: 'play', sans-serif;
    text-align: center;
    padding: 80px 0px;
}

div#blog h1.section_title {
    color: #ee3449;
    font-family: 'raleway', sans-serif;
    font-size: 40pt;
    text-transform: uppercase;
    margin: 0px;
    padding: 15px 20%;
}

div#blog p.section_description {
    font-size: 12pt;
    color: #202020;
    padding: 0px 20% 70px 20%;
}

.single-news {
    position: relative;
    width: 100%;
	margin: 20px 0px;
}

.single-news > .news-hover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0px;
    opacity: 0;
    transition: .4s all ease-in-out;
}

.single-news:hover > .news-hover {
    opacity: 1;
    height: 100%;
    background: rgba(0,0,0,.75);
}

.news-image img {
    width: 100%;
}

.news-image {
    height: 100%;
    overflow: hidden;
}

h3.news_title {
	background: #ee3449;
    color: #fff;
    text-align: left;
    margin: 0px;
    padding: 7px;
    font-size: 16pt;
	margin-top: 100%;
	transition: .4s all ease-in-out;
}

.single-news:hover h3.news_title {
	top: 0;
	margin-top: 0%;
}

p.news_date {
    left: 0;
    position: absolute;
    bottom: 0;
    margin: 0px;
    background: #ee3449;
    padding: 10px 25px;
    color: #fff;
    font-size: 14pt;
}

a.news_link {
    right: 0;
    position: absolute;
    bottom: 0;
    color: #fff;
    background: #ee3449;
    padding: 5px 10px;
}

/* Contact Section Css */

div#contact {
    background:#606060;
    font-family: 'raleway', sans-serif;
	text-align:center;
}
#contact ul{
	display:block;
	width:50%;
	height:30px;
	margin:0 auto;
	padding:30px 0 50px;
}
.nav-bt:after{
	clear:both;
}
#contact ul li{
	display:block;
	list-style-type:none;
	color:#fff;
	width:16%;
	float:left;
	text-align:left;
}
#contact ul li a{
	display:block;
	line-height:30px;
	color:#fff;
}
#contact ul li a:hover{
	color:#f00;
	text-decoration:none;
	transition: .4s all ease-in-out;
}
.tlinks{
	display:block;
	width:50%;
	margin:0 auto;
	padding:0;
	color:#fff;
	line-height:30px;
	height:50px;
	list-style-type:none;
}
.tlinks span{
	display:block;
	float:left;
	height:50px;
	line-height:50px;
	font-weight:bold;
}
.tlinks a{
	color:#fff;
	height:30px;
	line-height:30px;
	padding:5px;
	margin:5px;
	display:block;
	float:left;
}
.tlinks a:hover{
	color:#f00;
	text-decoration:none;
	transition: .4s all ease-in-out;
}
.tlinks::after{
	clear:both;
}
#contact p{
	display:block;
	width:50%;
	text-align:left;
	margin:0 auto;
	padding:20px 0 40px;
	color:#fff;
}
.navbar-wrapper a.navbar-brand{
	height:auto;
	margin-left:400px;
}
@media (max-width: 768px){
	.navbar-header > a.navbar-brand{
		display:block;
		position:absolute;
		top:10px;
		left:10%;
		margin:0;
	}
	div#navbar > ul {
		background:#f1f1f1;
		color:#666666;
		padding:0;
	}
	div#navbar > ul >li{
		border:1px #fff solid;
	}
	div#navbar > ul.nav.navbar-nav.navbar-right li a{
		color:#666666;
	}
	div#navbar > ul.nav.navbar-nav.navbar-right li a:hover{
		color:#666666;
	}
	.sjnav {
    position: fixed;
	margin:0 !important;
    left: 25%;
    }
	.carousel-inner .item .slider-innertext{
		top:35%;
	}
	.navbar-nav{
		margin-top:0 !important;
		margin-bottom:0 !important;
	}
	.slider-innertext h1 {
        font-size:18pt !important;
	    line-height:20pt !important;
		text-align:center !important;
    }
	.slider-innertext h2 {
        font-size: 10pt !important;
		text-align:center !important;
    }
	.slider-innertext a{
		display:none;
	}
	.carousel-indicators{
		bottom:0 !important;
	}
	.navbar-brand img{
		width:100px;
	}
	.slider-innertext p,.carousel-inner .item .banner2 .button {
        display:none;
    }
	.carousel-inner .item .slider-innertext{
		left:10%;
		right:10%;
	}
	div#about{
		padding:50px 0;
	}
	#contact ul,.tlinks{
		display:none;
	}
	.bt a{
		color:#000;
	}
	#contact p{
		width:90%;
		text-align:center;
		line-height:30px;
	}
	div#about p.section_description{
		padding-bottom:0;
	}
	.qyjj_title,.qywh_title{
		margin:0 auto;
		width:95%;
	}
	.col-md-12，.about-block{
		padding:0；
	}
	.about-block h2{
		font-size:18pt;
	}
	.col-md-6,.col-sm-6{
		width:50%;
		float:left;
	}
	.col-md-6 p{
		display:block;
		height:40px;
		line-height:20px;
	}
}