@charset "utf-8";
/* CSS Document */




html, body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: "Helvetica Neue",Helvetica, Arial, sans-serif, '微软雅黑';
}
body{margin:0;padding:0}
* {
	margin: 0;
	padding: 0;
}
a{ color:#807d79}
ul, ol {
	list-style: none;
}
img{
	outline:none;
	border:none;}
.fl{
	float:left;}
.fr{
	float:right;}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	font-size:0;
	height:0;
	visibility:hidden;}
	
.boder_r{
	border-right:1px solid #FFF;}
	
	
/*定义导航开始*/
.nav>li>a{ color:#333;}
.nav>li>a:focus, .nav>li>a:hover{ background:#00c0ff; !important; color:#fff; !important}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background-color:#00c0ff !important}
.nav_content{height:60px; background:rgba(100%,100%,100%,.98); width:100%; position:fixed; top:0px; z-index:1000;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background-color:#404040 !important; color:#fc8b0d !important}
.navbar-nav>li.active>a, .navbar-nav>li.active>a:focus, .navbar-nav>li.active>a:hover{ background:#00c0ff; color:#fff;}
.nav{
	margin-top:15px;}
.nav li{
	font-size:16px;
	margin-left:5px;}
.nav>li>a{
	color:#004183;
	border-radius: 5px;}
.nav li:hover{
	color:#8b6f41;}
.nav li:active{
	color:#fff;
	background:none}
.nav li img{
	margin-right:5px;
	margin-top:-1px;}
.form-group{
	position:relative;}
.navbar-toggle {
	float: right;
	position:absolute;
	top:15px;
	right:15px;
	padding: 9px 10px;
	background-color:#999;
	background-image: none;
	border: 1px solid rgba(255,255,255,0.40);
	border-radius: 4px;}
.icon-bar {
	display: block;
	width: 30px;
	height: 2px;
	border-radius: 1px;
	background-color: rgba(255,255,255,0.90);
}

@media (max-width:991px) {
	.navbar-header{
		margin-bottom:0px;}
	.navbar-header img{
		width:80%;}
	.nav{
		position:absolute;
		right:15px;
		z-index:8888;
		background:#FFF;
		border-radius:5px;
		padding-bottom:10px;
		margin-top: 80px}
	.navbar-form {
		width:98%;
		margin:auto;}
	.navbar-toggle {
		float: right;
		position:absolute;
		top:15px;
		right:5px;
		background-color:#00c0ff;
		background-image: none;
		border: 1px solid rgba(255,255,255,0.40);
		border-radius: 4px;}

}
@media (width:991px) {
	.nav{
		background:none;
	}
}
@media (max-width:767px){
	.nav{
		position:absolute;
		right:15px;
		z-index:8888;
		background:#FFF;
		border-radius:5px;
		padding-bottom:10px;
		margin-top: 30px}
}




/*定义导航结束*/
/* main */
#main{width:100%;overflow:hidden;position:relative; margin-top: 80px}
#main .box{width:100%;box-shadow:0px 0px 5px #ddd;margin:0px auto;overflow:hidden;position:relative;}
#main .box img{ min-width:1000px;position:absolute;right:0px;top:0px;opacity:0; text-align:center; filter:alpha(opacity=0);}
#main .btnLeft{width:60px;height:60px;position:absolute;left:1%;top:50%;background:url(../images/left_ar.png) no-repeat 0px 0px; z-index:2;}
#main .btnRight{width:60px;height:60px;position:absolute;right:1%;top:50%;background:url(../images/right_ar.png) no-repeat 0px 0px; z-index:2}
#main .page{width:132px;height:22px;position:absolute;bottom:15px;left:50%;transform: matrix(1, 0, 0, 1, -10, 0); margin-left: -42px}
#main .page a{display:inline-block;width:12px;height:12px; border:1px solid #FFF; background:none; border-radius:50%;margin:0px 11px;float:left;color:#FFF;text-decoration:none;text-align:center;}
#main  .page a.active{width:14px;height:14px; border:3px solid #00c0ff; background:none; border-radius:50%;}
.a1{}
.a2{width:105%;animation: myfirst 20s;
-moz-animation: myfirst 20s;	/* Firefox */
-webkit-animation: myfirst 20s;	/* Safari 和 Chrome */
-o-animation: myfirst 20s;
float:left;
}


@media (max-width: 768px) {
	#main .box img{right: -14%}
	.btnLeft{display: none}
	.btnRight{display: none}
}
@media (max-width: 550px) {
	#main .box img{right: -41%}
}
@media (max-width: 420px) {
	#main .box img{right: -70%}
}
@media (max-width: 380px) {
	#main .box img{right: -83%}
}
@media (max-width: 330px) {
	#main .box img{right: -107%}
}

/*内容开始*/
.serve1{ text-align:center; background:#FFF; padding-bottom:30px;}
.serve2{ background-color:#f4f4f4; overflow:hidden}
.serve3{ padding-bottom:30px;}
.serve4{ text-align:center; background:#f6f6f6; padding-bottom:30px; overflow:hidden}
.about{background-position:center center;background-repeat:no-repeat; position:relative; margin-top: 80px}
.serve_title_list{ margin:20px auto; text-align:center;} /*height:190px*/
.serve_title_list1{ height:110px}
.serve_title_img{height:75px; margin-left:20px;}
.serve_title_color{ margin-top:30px}
.serve_title_stair{font-size:30px; line-height:50px; margin-top:30px}
.serve_title_stair1{font-size:30px; line-height:50px; margin-top:30px}
.serve_title_second{font-size:18px; line-height:40px}
.serve_title_content{font-size:14px;height:50px}
.serve_title_content1{font-size:14px;height:30px}
.serve_icon1{ padding:50px; background:#7366ff; border-radius:100px; width:120px; height:120px; position:absolute; left:50%; margin-left:-60px}
.serve_icon2{ padding:50px; background:#ffac4c; border-radius:100px; width:120px; height:120px; position:absolute; left:50%; margin-left:-60px}
.serve_icon3{ padding:50px; background:#ff6666; border-radius:100px; width:120px; height:120px; position:absolute; left:50%; margin-left:-60px}
.ratio_three{ width:33.33%; position:relative}
.serve_icon_content{ margin-top:130px}
.serve_show{ width:100%; border-top-right-radius:5px; border-top-left-radius:5px}
.serve_show_content{ width:33%;}
@media (max-width: 768px) {
	.serve_show_content{width: 100%; margin: 10px 0}
}
.serve_leftright{ padding:0 10px}
.serve_show_character{background:#f4f4f4; padding:10px 0;}
.creativity_list{width:31.3%; margin:1% 1%;background-color:#f2f2f2; border-radius:5px;}
.creativity_title{ font-size:18px; color:#333; padding:10px}
.creativity_number{line-height:40px;}
.creativity_eye{ margin-top:-4px; margin-right:5px}
.browse{ color:#333}
.button_make{ width:500px; background-color:#00c0ff; font-size:30px; color:#fff; line-height:70px; border-radius:5px; border:none; margin-top:30px}
.button_load{border:none; background:none; margin:20px}
.image_text_right{background:#fff; padding:5px; padding-top:0; width:100%; color:#999; font-size:12px; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.image_text_left{ height:79px;background:#fff; padding:5px 10px 5px 10px; padding-top:0; width:100%; color:#999;font-size:12px; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3; line-height:25px}
.image_text_title{background:#fff; padding-top:15px; font-weight:bold}
.consult_list{margin-top:5px;margin-left:5px;background:#fff; width:33%; overflow:hidden}
.consult_list1{ background:#fff; width:33%; overflow:hidden}
.consult_list_left{height:80px; width:30%; background:#f8f8f8; margin:15px; font-weight:bold; color:#333}
.consult_list_right{height:80px; margin:15px 15px 15px 0; width:57%;}
.number{font-size:30px; line-height:30px; line-height:36px}
.message_details_list{background:#F4F4F4; margin:30px 0}
.consult_list_title{font-size:14px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; color:#333; line-height:40px; font-weight:bold}
.consult_list_title1{font-size:18px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; color:#333; line-height:40px; font-weight:bold; margin-top:10px; padding:0 10px}
.message_details{width:100px; height:35px; background:#00c0ff; color:#FFFFFF; line-height:35px; position:absolute; right:20px; bottom:20px;}
.consult_list_preview{font-size:12px; line-height:20px; color:#999; height:42px}
.consult_list_preview1{font-size:12px; line-height:20px; color:#999; height:60px; padding:0 10px; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.consult_list1:hover ul{ background:#00c0ff; color:#FFFFFF}
.consult_list:hover ul{ background:#00c0ff; color:#FFFFFF}
.more_consultation_list{ background:#F4F4F4; height:100px;width:100%; padding-left:50%}
.more_consultation{width:240px; height:50px; background:#fff; color:#666; line-height:50px;margin-left:-120px; display:block}
.streaming_title{font-size:24px; font-weight:bold; color:#333; background:#fff}
.streaming_scene{ background:#f4f4f4; padding:20px 10px;}
.streaming_text{ height:80px;background:#fff; padding:20px 20px 20px 20px; padding-top:0; width:100%; color:#999;font-size:12px; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3; line-height:25px}
.icon_list{margin-top:35px; height:160px}
@media (max-width:1200px){
	.consult_list {
		margin-top: 5px;
		margin-left:4px;
		background: #fff;
		width: 33%;
		overflow: hidden;
	}
	.number{ line-height:28px}
	.consult_list_right{ height:66px; width:54%}
	.consult_list_left{ height:66px;line-height:18px}
	.consult_list_title{ line-height:26px}
	.image_text_left{ height:78px}
}
@media (max-width:991px){
	.consult_list {
		margin-top: 5px;
		margin-left:4px;
		background: #fff;
		width: 33%;
		overflow: hidden;
	}
	.number{ line-height:22px; font-size:24px}
	.consult_list_right{ height:51px; width:46%}
	.consult_list_left{ height:51px; line-height:14px; font-size:12px}
	.consult_list_title{ line-height:18px}
	.image_text_left{ height:78px}
	.col-md-3{ width:25% !important; float:left}
	.col-md-6{ width:50% !important; float:left}
}
@media (max-width:768px){
	.consult_list {
		margin-top: 5px;
		margin-left: 5px;
		background: #fff;
		width: 97%;
		overflow: hidden;
	}
	.number{ line-height:40px; font-size:36px}
	.consult_list_right{ height:80px; width:50%}
	.consult_list_left{ height:80px; line-height:14px; font-size:12px}
	.consult_list_title{ line-height:36px}
	.image_text_left{ height:78px}
	.col-md-3{ width:50% !important; float:left}
	.col-md-6{ width:100% !important; float:left}
	.pull-left{ width: 100%;}
	.media-object{width: 100%}
	.media-body, .media-left, .media-right{ padding-bottom: 60px}
	.button_make{width: 80%}
	.serve_icon1{ width: 80px; height: 80px; margin-left:-40px}
	.iconfont1{ font-size: 40px !important; line-height: 40px !important;}
	.serve_icon_content{ margin-top: 90px !important;}
	.icon_list {margin-top: 20px;height: 120px;}
	.creativity_list{ width: 94%; margin: 10px 3%}
	.cmp{width: 90% !important; margin-left: 5% !important;}
	.foot_service2{ display: none}
	.foot_service1{ display: block !important;}
}

.message_details_hr{height:1px; background:#f4f4f4; width:100%; margin-top:30px}
.message_details_text{margin-top:20px; color:#666; line-height: 30px}
.previous_posts{line-height:30px; height:30px; color:#333}
.client_details_img{ width:66%; padding:20px 0}
.paging{margin:30px 0 50px 0}
.paging li{margin:5px 10px;}
.paging_no{ background:#ecf0f1; color:#666}
.paging_yes{ background:#00c0ff; color:#fff}
.paging_color{line-height:40px; padding:0 20px}
.paging>li:focus, .paging>li:hover, .paging>li.a:hover{ background:#00c0ff; color:#fff; cursor:pointer;}

.hide_area{
	width:100%;
	height:100%;
	background-color:#000;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
	display: none;



}


/*内容结束*/
/*弹窗开始*/
.cmp{ width:80%; margin-left:10%; border-radius:10px; background:#fff; padding:5%}
.cmp_title{font-size:24px; color:#333; line-height:50px}
.cmp_title1{font-size:20px; color:#666; margin-top:20px; height:50px}
.cmp_checkBox{height:14px; width:14px; color:#666}
.cmp_left{ margin-left:30px;}
.cmp_left1{ margin-left:10px;}
.checkbox+.checkbox, .radio+.radio{ margin-top:10px !important}
.cmp_input{height:45px; width:49%; margin-right:1%; margin-top:20px;text-indent:10px}
.button_make1{ width:60%; background-color:#00c0ff; font-size:30px; color:#fff; line-height:60px; border-radius:5px; border:none; margin-top:30px}

/*弹窗结束*/
/*返回顶部开始*/
a.go-top{
	position: fixed;
	z-index:100;
	bottom: 190px;
	right:20px;
	display: block;
	width: 50px;
	height: 50px;
	line-height:34px;
	border-radius:50%;
	color:#FFF;
	font-size:24px;
	text-align:center;
	background-color:rgba(0,0,0,.5);
	display:none;
}
/*返回顶部结束*/
/*页脚开始*/
.foot_content{line-height:30px; background:#2a2d2f; color:#FFF; padding:20px 0;}
.foot_service{ text-align:center; font-size:12px; color:#f4f4f4}
.foot_service1{ text-align:center; font-size:12px; color:#f4f4f4; display: none}
.foot_service2{ text-align:center; font-size:12px; color:#f4f4f4}
.foot_service ul li a{ color:#eee}
.footer{line-height:20px; font-size:14px; background-color:#000; color:#808080; width:100%; padding: 10px}
/*页脚结束*/
/*二维码*/
.dimension{position:fixed; right:0px; bottom:300px; width:110px; background-color:#CC1414; border-top-left-radius:20px; border-bottom-left-radius:20px; z-index:10}
.dimension_attention{color:#FFF; line-height:30px; border-bottom:1px #FFF solid}
.dimension_img{width:80%; margin:10px 0}
.dimension_img1{width:80%; margin-bottom:10px}
.dimension_close{color:#FFF; line-height:30px; border-top:1px #FFF solid}
@media (max-width:767px){
	.dimension{ display:none}
}
/*鼠标移入放大、加阴影*/
.image01 {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.image03 {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.creativity_list:hover {

    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px 5 rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	text-decoration:none
}
.image01 img {
    width: 100%;
    top: 0;
    position: relative;
    left: 0;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
}
.image03 img {
    width: 100%;
    top: 0;
    position: relative;
    left: 0;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
}
.img_box{
	width: 320px;
	height: 170px;
}

.img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover ;
}
.creativity_list:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*.serve_show_content:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.image01:hover {
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px 5 rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}*/
/*鼠标移入放大、加阴影结束*/