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

body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1100px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input:hover,input:active,input:focus{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; }
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1280px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}
.wrap{width: 1200px;margin: 0 auto;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.myClass{
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;
}

/*top*/
.head{z-index:1000;position: absolute;top:0;min-width: 1200px;margin: 0 auto;height:100px;background-color: rgba(0,0,0,0.5);}
.fix {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;opacity: 1;filter: alpha(opacity=100); position: fixed;width: 100%;top: 0;z-index: 99999;}
.head_logo{width: 20%;position: absolute;left: 2%;}
nav {width: 60%;position: absolute;left: 50%;margin-left: -28%;}
nav ul li{float:left;height:100px;position:relative; list-style:none;text-align: center;width: 9%;}
nav ul li:nth-child(5){overflow: hidden;}
nav ul li.last{background:none;}
nav ul li a{text-decoration:none;}
nav ul li a span{line-height:100px;font-size:16px;color:#e1e1e1;cursor:pointer;}
.mj_hover_menu{text-decoration:none; background:url(../images/menu_hover.jpg); height:100px;}
nav ul li.selected .submenu{display:block;}
nav ul li .submenu{display:none;position:absolute;top:100px;left:-9px;}
nav ul li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}
nav ul .drop-menu-effect .dha{display: block;height: 100px;}
nav ul .drop-menu-effect .dha:hover{background:#00a0e7 url(../images/dha.png) center 10px no-repeat;transition-duration: .3s;}
nav ul .drop-menu-effect .dha:hover span{font-size: 16px;transition-duration: .3s;line-height: 160px;}
nav ul .drop-menu-effect .dhb{display: block;height: 100px;}
nav ul .drop-menu-effect .dhb:hover{background:#00a0e7 url(../images/dhb.png) center 10px no-repeat;transition-duration: .3s;}
nav ul .drop-menu-effect .dhb:hover span{font-size: 16px;transition-duration: .3s;line-height: 160px;}
nav ul .drop-menu-effect .dhc{display: block;height: 100px;}
nav ul .drop-menu-effect .dhc:hover{background:#00a0e7 url(../images/dhc.png) center 10px no-repeat;transition-duration: .3s;}
nav ul .drop-menu-effect .dhc:hover span{font-size: 16px;transition-duration: .3s;line-height: 160px;}
nav ul .drop-menu-effect .dhd{display: block;height: 100px;}
nav ul .drop-menu-effect .dhd:hover{background:#00a0e7 url(../images/dhd.png) center 10px no-repeat;transition-duration: .3s;}
nav ul .drop-menu-effect .dhd:hover span{font-size: 16px;transition-duration: .3s;line-height: 160px;}
nav ul .drop-menu-effect .dhe{display: block;height: 100px;}
nav ul .drop-menu-effect .dhe:hover{background:#00a0e7 url(../images/dhe.png) center 10px no-repeat;transition-duration: .3s;}
nav ul .drop-menu-effect .dhe:hover span{font-size: 16px;transition-duration: .3s;line-height: 160px;}
nav ul .drop-menu-effect .dhf{display: block;height: 100px;}
nav ul .drop-menu-effect .dhf:hover{background:#00a0e7 url(../images/dhf.png) center 10px no-repeat;transition-duration: .3s;}
nav ul .drop-menu-effect .dhf:hover span{font-size: 16px;transition-duration: .3s;line-height: 160px;}
nav ul .drop-menu-effect .dhg{display: block;height: 100px;}
nav ul .drop-menu-effect .dhg:hover{background:#00a0e7 url(../images/dhg.png) center 10px no-repeat;transition-duration: .3s;}
nav ul .drop-menu-effect .dhg:hover span{font-size: 16px;transition-duration: .3s;line-height: 160px;}
nav ul .drop-menu-effect .dhh{display: block;height: 100px;}
nav ul .drop-menu-effect .dhh:hover{background:#00a0e7 url(../images/dhh.png) center 10px no-repeat;transition-duration: .3s;}
nav ul .drop-menu-effect .dhh:hover span{font-size: 16px;transition-duration: .3s;line-height: 160px;}
nav ul .drop-menu-effect .dhk{display: block;height: 100px;}
nav ul .drop-menu-effect .dhk:hover{background:#00a0e7 url(../images/dhk.png) center 10px no-repeat;transition-duration: .3s;}
nav ul .drop-menu-effect .dhk:hover span{font-size: 16px;transition-duration: .3s;line-height: 160px;}
nav ul .drop-menu-effect .dhw{display: block;height: 100px;}
nav ul .drop-menu-effect .dhw:hover{background:#00a0e7 url(../images/dhw.png) center 10px no-repeat;transition-duration: .3s;}
nav ul .drop-menu-effect .dhw:hover span{font-size: 16px;transition-duration: .3s;line-height: 160px;}

.mj_menu_pro_bg{width:825px; height:235px; background:url(../images/menu_pro_bg.png) no-repeat;}
.mj_menu_pro_main{width:765px; margin:auto; padding-top:12px;}
.mj_menu_pro_li{ float:left;}
.mj_menu_li_txt{line-height:22px; font-size:12px; color:#696969;}
.mj_menu_li_txt font{font-size:14px; color:#bb1721;}
.mj_menu_li_txt a{color:#696969; text-decoration:none;line-height: 30px;font-size: 15px;}
.mj_menu_li_txt a:hover{color:#696969; text-decoration:underline;}

.mj_menu_news_bg{width:480px; height:185px; background:url(../images/menu_news_bg.png) no-repeat;}
.mj_menu_news_main{width:440px; margin:auto; padding-top:12px;}
.mj_menu_news_li{padding:0px 30px; margin-right:30px; height:150px; float:left; border-right:solid 1px #cccccc; }
.mj_menu_news_img{float:left; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}
.mj_menu_news_li2{padding:0px 30px; height:150px; float:right; border-left:solid 1px #cccccc; }
.mj_menu_news_img2{float:left; margin-left:30px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}
.mj_menu_news_li3{padding:0px 25px; height:150px; float:right; border-left:solid 1px #cccccc; }
.mj_menu_news_img3{float:left; margin-left:10px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}
.head_tel{font-size: 22px;color: #00a0e7;font-weight: bold;margin-top: 15px;position: absolute;right: 2%;}
.head_tel span{display: block;font-size: 14px;color: #e0e0e0;background: url(../images/tel.png) left center no-repeat;padding-left: 40px;height: 30px;line-height: 30px;}

/* banner */
.banner{width: 100%;height: 880px;position: relative;overflow:hidden;background: #333;}
.oi-first-screen-video{width: 100%;height: 100%;top: 0;left:0;position: absolute;overflow: hidden;}
.oi-first-screen-video video{width: 120%;height:auto;}
/* .tmbj{position: absolute;width: 100%;height: 100%;background:rgba(0,0,0,.7);z-index: 999;}*/
.dany{position: absolute;z-index: 9999;top:30%;left: 50%;margin-left: -300px;text-align: center;}
.dany h3{color: #00a0e7;font-size: 55px;font-weight: bold;line-height: 100px;}
.dany span{font-weight: normal;font-size: 28px;line-height: 50px;color: #00a0e7;display: block;margin-bottom: 15px;}
.dany p{font-size: 18px;color: #fff;line-height: 30px;}
.dany em{color: #00a0e7; display: block;margin-top: 15px;}
.dany a{display: block;width: 160px;height: 40px;margin:0 auto; line-height: 40px;margin-top: 30px;color: #fff;color:#fff;background: url(../images/jiantoua.png) left center no-repeat;font-size:17px}
.dany .an-1{border: 1px #00a0e7 solid;margin-right: 35px;margin-left:115px;}
.dany .an-2{background: #00a0e7;border: 1px #00a0e7 solid;}
.dany a:hover{text-decoration: underline;font-size:18px}
/*360推广*/
.tgbt{ text-align: center;font-size: 18px;color: #393939;background: url(../images/xian.jpg) center bottom no-repeat;height: 110px;margin-top: 40px;}
.tgbt a{color: #000;font-size: 33px;line-height:60px;}
.about{width: 1050px;margin: 0 auto;text-align: center;font-size: 14px;color: #7e7e7e;line-height: 25px;margin-top: 15px;}
.over {overflow: hidden;}
.tgys{margin-top: 60px;}
.item{width: 19.1666666666%;margin: 0 0 0 7.5%;}
.item:first-child{margin-left: 0;}
.item:nth-child(5){margin-left: 0;}
.item .main{z-index: 2;}
.item .img-box{margin-bottom: 50px;}
.item .img-box .img{width: 179px;height: 92px;}
.item .img-box .img-0{left: 0;top: 0;}
.item .img-box .img-1{left: 0;top: 100%;}
.item .img-box.i0 .img-0{background: url(../images/service-img-0-0.png)}
.item .img-box.i0 .img-1{background: url(../images/service-img-0-1.png)}
.item .img-box.i1 .img-0{background: url(../images/service-img-1-0.png)}
.item .img-box.i1 .img-1{background: url(../images/service-img-1-1.png)}
.item .img-box.i2 .img-0{background: url(../images/service-img-2-0.png)}
.item .img-box.i2 .img-1{background: url(../images/service-img-2-1.png)}
.item .img-box.i3 .img-0{background: url(../images/service-img-3-0.png)}
.item .img-box.i3 .img-1{background: url(../images/service-img-3-1.png)}
.item .title a{font-size: 16px;color: #393939;}
.item .brief{min-height: 54px;line-height: 23px;color: #7d7d7d;margin: 15px 0 0;font-size: 15px;}
.item .case{margin: 24px 0 24px;padding-top: 24px;line-height: 30px;border-top:1px solid #eeeeee;}
.item .case > a{display: inline-block;margin: 0 5px;color: #666666;}
.item .case > a:hover{color: #2098d4;}
.item .bg{padding: 65% 65%;border: 1px solid #efefef;left: -15%;top: -30px;opacity: 0;}
.item:hover .img-box .img-0{top: -100%;}
.item:hover .img-box .img-1{top: 0;}
.item:hover .title a{color: #2098d4;}
.item:hover .bg{opacity: 1;-webkit-box-shadow: 0 2px 5px 2px #f4f4f4;-moz-box-shadow: 0 2px 5px 2px #f4f4f4;box-shadow: 0 2px 5px 2px #f4f4f4;}
.relative {position: relative;z-index: 1;}
.text-center {text-align: center;}
.trans{-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-ms-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;transition: all 300ms ease 0s;}
.trans-internal::before,.trans-internal::after{-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-ms-transition: all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.inline-block {display: inline-block;}
.block {display: block;}
.absolute {position: absolute;z-index: 1;}

/*数字*/
.ys_box{height: 210px;background: #f8f8f8;margin-top: 100px;}
.ys_box ul{display: block;width: 1280px;margin:0 auto;}
.ys_box ul li{float: left;width: 318px;height: 160px;text-align: center;border-right: 1px #e5e5e5 solid;margin-top: 20px;}
.ys_box ul li:nth-child(4) {border-right-style: none;}
.ys_box .li_box{padding-top: 20px;}
.ys_box .div1 .span1{font-size: 55px;color: #3c3c3c;font-family: "方正宋黑简体";}
.ys_box .div1 .span3{font-size: 30px;color: #7a7a7a;font-family: "方正宋黑简体";}
.ys_box .div2 .span2{font-size: 16px;color: #7a7a7a;}
/*主营业务*/
.content-pro {
	height:580px;
	background:#333;
}
.pr-bt {
	text-align: center;
	color: #fff;
	padding-top: 20px;
}
.pr-bt span {
	font-size: 35px;
	line-height: 70px;
}
#pro {
	width: 1280px;
	height: 320px;
	overflow: hidden;
	margin:0 auto;
	margin-top: 30px;
}
#pro li {
	width: 20%;
	height:320px;
	float: left;
	background-size: cover;
	position: relative;
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
	margin-right: -1px;
}
#pro li:hover {
transition-duration: .3s;
}
#pro li::before {
width: 100%;
height: 100%;
content: "";
display: block;
background: url(../images/linebg.png) repeat #000;
opacity: 0.3;
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
#pro li::after {
width: 100%;
height: 100%;
content: "";
display: block;
background-color: rgba(0, 160, 231, 0.8);
opacity: 0;
position: absolute;
z-index: 1;
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
#pro li img{
	display: block;
	position: absolute;
	top:30%;
	left: 38%;
}
#pro li:hover img {
	margin-top: -4vw;
transition-duration: .3s;
z-index: 9999;
}
#pro li h2 {
	font-size: 1.2vw;
	color: #fff;
	position: absolute;
	z-index: 3;
	top: 65%;
	margin-top: -2vw;
	display: block;
	width: 100%;
	text-align: center;
	transition-duration: .3s;
}
#pro li:hover h2 {
	margin-top: -6vw;
	font-size: 1.5vw;
transition-duration: .3s;
}
#pro li h2::before {
content: "";
display: block;
line-height: 2px;
height: 1px;
width: 38px;
margin: 0 auto 1.3vw auto;
background: #fff;
}
#pro li p {
	display: none;
	font-size: 14px;
	color: #fff;
	width: 80%;
	position: absolute;
	left: 15%;
	top: 50%;
	z-index: 3;
	text-align: center;
	line-height: 26px;
	word-break: break-all;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
    transition-duration: .3s;
}
#pro li:hover p {
	margin-top: 0.5vw;
transition-duration: .3s;
display: block;
}
#pro li a.more2 {
	top: 50%;
	left:50%;
	z-index: 3;
	position: absolute;
	display: none;
	margin-left: -59px;
	margin-top:100px;
	border: 1px solid #fff;
	color: #fff;
	transition: 0.6s;
	padding: 8px 35px;
	font-size: 14px;
	z-index: 5;
}
#pro li:hover a.more2 {
	display: block;
}
#pro li:hover::before {
display: none;
}
#pro li:hover::after {
opacity: 0.96;
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
#pro li:nth-child(1) {
 background: url(../images/pro1.jpg) no-repeat center center;
border-left-style:none;
}
#pro li:nth-child(2) {
 background: url(../images/pro2.jpg) no-repeat center center;
}
#pro li:nth-child(3) {
 background: url(../images/pro3.jpg) no-repeat center center;
}
#pro li:nth-child(4) {
 background: url(../images/pro4.jpg) no-repeat center center;
}
#pro li:nth-child(5) {
 background: url(../images/pro5.jpg) no-repeat center center;
}
#pro li:nth-child(6) {
 background: url(../images/pro6.jpg) no-repeat center center;
}

.wenhuaa{ background: url(../images/pro11.jpg) no-repeat center center !important;
border-left-style:none;}
.wenhuab{ background: url(../images/pro22.jpg) no-repeat center center !important;
border-left-style:none;}
.wenhuac{ background: url(../images/pro33.jpg) no-repeat center center !important;
border-left-style:none;}
.wenhuad{ background: url(../images/pro44.jpg) no-repeat center center !important;
border-left-style:none;}

.more_jt{width:210px;margin: 0 auto;margin-top: 35px;}
.more_jt ul li{float: left;width: 60px;height: 30px;border: 1px #ccc solid;margin-right: 5px;text-align: center;line-height: 30px;}
.more_jt ul li a{color: #999;font-size: 20px;}
.more_jt ul li:hover{width: 100px;transition-duration: .3s;}
/*合作流程*/
.lcbt{text-align: center;margin-top: 20px;}
.lcbt a{color: #4d4d4d;font-size: 45px;line-height: 130px;}
.lcbt p{font-size: 16px;color: #000;line-height: 28px;}

.lcbta{margin-top: 20px;}
.lcbta a{color: #4d4d4d;font-size: 45px;line-height: 130px;display:block;text-align:center}
.lcbta p{font-size: 16px;color: #000;line-height: 28px;}

.biaot{width: 380px;margin: 0 auto;margin-top: 35px;}
.biaot ul li{float:left;width: 175px;height: 45px;border: 2px #00a0e7 solid;margin-right: 8px;line-height: 45px;text-align: center;}
.on{background: #00a0e7;}
.on a{color: #fff;}
.youshi{background: url(../images/xian.png) center 40px no-repeat;height: 230px;margin-top: 40px;}
.youshi ul li{float: left;width: 163px;height: 230px;text-align: center;}
.youshi ul li span{display: block;height: 45px;line-height: 45px;margin-top: 10px;font-weight: bold;font-size: 16px;}
.ysa{margin-right: 90px;margin-top: 10px;}
.ysb{margin-right: 135px;margin-top: 15px;}
.ysc{margin-right: 135px;}
.ysd{margin-right: 105px;margin-top: 15px;}
.youshi ul li:hover span{font-size: 18px;transition-duration: .3s;}
.youshi ul li .top-icon {width: 163px;height: 165px;overflow: hidden;margin: 0 auto; }
.youshi ul li .top-icon img {display: block; }

.anniu{    border-bottom: 1px #ccc solid;
    width: 100%;
    margin-top: 40px;
    text-align: center;
    height: 80px;
display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.anniu ul li {
    float: left;
    width: 200px;
    height: 50px;
    background: #00a0e7;
    line-height: 50px;
    margin-left: 20px;
}
.anniu ul li a{color:#fff;display: block;}
.anniu ul li:hover{background: #0b7cdb;}

/*案例展示*/
.pbg1{background:#fff;padding:1px 0;}
.ca-bt{text-align: center;border-top: 1px #d4d4d4 solid;margin-top: 40px;height: 135px;line-height: 135px;background: url(../images/xiana.jpg) center bottom no-repeat;}
.ca-bt a{color: #333;font-size: 30px;}
#demokk{overflow:hidden;width:100%;margin-top:30px;background:#fff;}
#demokk .demowrap{overflow:hidden;width:30000px;margin-top: 10px;}
#demokk .demowrap li{float:left;margin:0 1px 1px 0;display:inline;width:480px;}
#demokk .demowrap li a{display:block;width:480px;height:328px;overflow:hidden;position:relative;}
#demokk .demowrap li a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transition:all .5s;}
#demokk .demowrap li .project_info{width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;left:0;top:0;transition:all ease-out .3s;}
#demokk .demowrap li a:hover .project_info{background:rgba(0,0,0,.8);transition:all .5s;}
#demokk .demowrap li .project_info div{position:relative;top:50%;margin-top:-15px;}
#demokk .demowrap li .project_info p.title{margin-top:10px;color:rgba(0,0,0,0);font-size:20px;transition:all ease-out .3s;}
#demokk .demowrap li .project_info p{text-align:center;color:#fff;padding:0 20px;}
#demokk .demowrap li .project_info p.subtitle{margin-top:16px;color:rgba(0,0,0,0);font-size:12px;transition:all ease-out .3s;}
#demokk .demowrap li a:hover .project_info p.title{color:#fff;font-weight: bold;}
#demokk .demowrap li a:hover .project_info p.subtitle{margin-top:0px;color:#fff;font-size:12px;}

/*#demokk .demowrap ul li a img{border:2px solid #fff;}
#demokk .demowrap ul li a:hover img{border:2px solid #ae1c2f;}*/
#marquePic3{float:left;height:660px;width:1925px;overflow: hidden;}
#marquePic4{float:left;height:660px;width:1925px;overflow: hidden;}

/*新闻中心*/
.bt{text-align: center;}
.bt h2 a{font-size:35px;color: #545454; }
.bt .zimu {margin:3px 0 0; color:#ccc; font-size:30px;}

.news{padding:50px 0 10px 0;}
.slideTxtBox{overflow: hidden;margin: 0 auto;}
.slideTxtBox .hd{ height:40px; position:relative;width:450px;margin: 30px auto;}
.slideTxtBox .hd ul{ position:absolute;  }
.slideTxtBox .hd ul li{ float:left;cursor:pointer;height:38px;width: 130px;position: relative;margin: 0 5px;border-radius:25px;}
.slideTxtBox .hd ul li a{color: #636363;display: block;font-size: 16px;text-align: center;line-height:40px;}
.slideTxtBox .hd ul li.on{ height:40px;  background:#2fa8e1;cursor:pointer;}
.slideTxtBox .hd ul li.on a{color: #FFF; }
.slideTxtBox .hd ul li.on i{display: block;}
.tempWrap{border-top: 1px #dfdfdf solid;height: 490px !important;}
.w1280{width: 1280px;margin: 0 auto;}
.slideTxtBox .bd ul li{padding-top: 20px;width: 100%;background: #fff;height: 138px;}
.shijian {width:115px;height:138px;text-align:center; float:left; display:block;overflow:hidden;border-right: 1px #c9c9c9 solid;}
.shijian span.sone {font-size:28px;line-height:30px;color:#8b8b8b;display:block;}
.shijian span.stwo {font-size:55px; color:#545454; display:block;}
.anei {width:1130px;height:138px; float:right; display:block;}
.anei h3 a{color:#545454; font-size:18px;line-height: 55px;}
.anei p{ color:#989898; font-size:14px; line-height:23px;}
.slideTxtBox .bd ul li:hover{background: #f9f9f9;/*transform: scaleX(1.1) scaleY(1.1); */-webkit-box-shadow:0 2px 20px rgba(182,182,182,.55);-moz-box-shadow:0 2px 20px rgba(182,182,182,.55);box-shadow:0 2px 20px rgba(182,182,182,.55);transition-duration: .3s;}
.slideTxtBox .bd ul li:hover .shijian span.sone{color: #00a0e7;}
.slideTxtBox .bd ul li:hover .shijian span.stwo{color: #00a0e7;}
.slideTxtBox .bd ul li:hover .anei h3 a {color:#00a0e7; padding-left:15px;}

/*首页留言*/
.syly{height: 290px;background: url(../images/lybj.jpg) center no-repeat;background-attachment: fixed;overflow: hidden;background-size: cover;text-align: center;}
.syly span{font-size: 30px;color: #fff;text-shadow: 3px 3px 3px #828282;display: block;margin-top: 70px;}
.syly a{display: block;width: 160px;height: 45px;background: #f69f09;margin: 0 auto;margin-top: 40px;line-height: 45px;color: #fff;font-size: 15px;}
.syly a:hover{background: #d58700;}
/*我们的客户*/
.cp {
	width:100%;
	height:450px;
	margin-top: 35px;
}
.biaoti{ text-align: center;padding-top: 50px;}
.biaoti a{display: block;background: url(../images/xiana.png) center center no-repeat;font-size: 30px; color: #3c3c3c;font-weight: bold;}
.biaoti span{font-size: 16px; color: #adadad;line-height: 30px;}
.rollBox {
	width:1280px;
	overflow:hidden;
	margin:0 auto;
	margin-top: 20px;
}

.rollBox .Cont {
	width:1280px;
	overflow:hidden;
	float:left;
}
.rollBox .ScrCont {
	width:100000px;
}
.rollBox .Cont .pic {
	width:202px;
	float:left;
	height:110px;
	position:relative;
	border: 1px #d2d2d2 solid; margin:10px 10px 10px auto;
}
.rollBox .Cont .pic img {
	display:block;
	width:202px;
	height:110px;
}
.rollBox .Cont .pic p {

}
.rollBox .Cont .pic:hover p{}
.rollBox .Cont .pic:hover p a{}
.rollBox .Cont a:link, .rollBox .Cont a:visited {
	color:#fff;
	text-decoration:none;
	font-size:15px;
}
.rollBox .Cont .pic p:hover{}
.rollBox #List1, .rollBox #List2 {
	float:left;
	height:; width:1314px;
}

.avatar {
    position: relative;
}
.rollBox .Cont .pic .avatar {
    display: block;
    height: 110px;
    overflow: hidden;
    width:202px;
}
.rollBox .Cont .pic .avatar img {
    height: 110px;
}
.avatar:after {
    bottom: 0;
    content: url("../images/bg_play.png");
    left: 5px;
    position: absolute;
    z-index: 10;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
    box-shadow: 0 0 10px gray;
}
.avatar:hover img, .zhuti .avatar:hover img, .bbsinner .avatar:hover img {
    transform: scale(1.3);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}



/*底部*/
.ml50{margin-left: 50px;}
.foot{height:auto; background:#191919;}
.foottop{padding-top: 45px;position: relative;}
.sylx{width: 600px;}
.sylx span b{font-size: 16px;color: #fff;line-height: 55px;}
.sylx span{font-size: 14px;color: #757575;}
.sylx ul li{width: 300px;float: left;margin-top: 25px;line-height: 30px;font-size: 14px;color: #757575;}
.sylx ul li b{font-size: 15px;}
.fwxm{width: 160px;}
.fwxm b{font-size: 16px;color: #fff;line-height: 55px;}
.fwxm ul li{line-height: 30px;}
.fwxm ul li a{color: #757575;font-size: 14px;}
.fwxm ul li a:hover{text-decoration: underline;}
.weixin{right:0;width:350px;}
.weixin ul li{float: left;margin-right: 25px;}
.weixin .title{font-size: 16px;color: #fff;line-height: 55px;font-weight: bold;}
.weixin .imgContainer{width:150px;height:150px;position:relative;z-index:0;}
.weixin .imgContainer .scanMask{position:absolute;left:0;top:0;width:150px;height:0;border-bottom:3px solid #2fa8e1;background:url(../images/ico-mask-lightYellow.png) repeat;}
.weixin .imgContainer .img{width:150px;height:150px;}
.weixin .tips{font-size:14px;color:#999;text-align:center;margin-top:20px;}
.dbdh{width: 327px;height: 120px;margin-top: 25px;}
.dbdh p{display: block; background:url(../images/dlogo.png) left center no-repeat;height: 110px;color: #757575;font-size: 14px;padding-left: 100px;padding-top: 10px;}
.dbdh p span{display: block;color: #fff;font-size: 28px;}
.yqlj{width: 1280px;margin: 0 auto;margin-top:20px;line-height: 50px;}
.yqlj span{float: left;font-size: 14px;color: #757575;}
.yqlj ul{float: right;width: 1180px;}
.yqlj ul li{float: left;}
.yqlj ul li a{font-size: 14px;color: #757575;}
.yqlj ul li em{padding-left: 5px;padding-right: 5px;color: #757575;}
.yqlj ul li a:hover{text-decoration: underline;}
.copy{height: auto;background: #333;text-align: center; padding-bottom: 20px;}
.dbbq{width: auto;text-align: center;line-height: 60px;color: #757575;font-size: 15px;}
.zzgs{width: auto;margin-top: 8px;}
.zzgs img{vertical-align: middle;}
.copy a{color: #757575;}


/*内页大图*/
.nybanner-xw{height: 450px;background: url(../images/nybanner-xw.jpg) center top no-repeat;text-align: center;}
.nybanner-xw h3{color: #00a0e7;font-size: 45px;line-height: 50px;}
.nybanner-xw p{color: #fff;font-size: 30px;line-height: 60px;display: block;padding-top: 190px;}
.nybanner-lx{height: 450px;background: url(../images/nybanner-lx.jpg) center top no-repeat;text-align: center;}
.nybanner-lx h3{color: #00a0e7;font-size: 45px;}
.nybanner-lx p{color: #fff;font-size: 30px;line-height: 60px;display: block;padding-top: 190px;}
.nybanner-tg{height: 450px;background: url(../images/nybanner-tg.jpg) center top no-repeat;text-align: center;}
.nybanner-tg h3{color: #00a0e7;font-size: 45px;line-height: 50px;}
.nybanner-tg p{color: #fff;font-size: 30px;line-height: 60px;display: block;padding-top: 190px;}
.nybanner-wzkf{height: 450px;background: url(../images/nybanner-wzkf.jpg) center top no-repeat;text-align: center;}
.nybanner-wzkf h3{color: #00a0e7;font-size: 45px;line-height: 50px;}
.nybanner-wzkf p{color: #fff;font-size: 30px;line-height: 60px;display: block;padding-top: 190px;}
.nybanner-jiatui{height: 450px;background: url(../images/nybanner-jiatui.jpg) center top no-repeat;text-align: center;}
.nybanner-jiatui h3{color: #00a0e7;font-size: 45px;line-height: 50px;}
.nybanner-jiatui p{color: #fff;font-size: 30px;line-height: 60px;display: block;padding-top: 190px;}
.nybanner-wzjs{height: 450px;background: url(../images/nybanner-wzjs.jpg) center top no-repeat;text-align: center;}
.nybanner-wzjs h3{color: #00a0e7;font-size: 45px;line-height: 50px;}
.nybanner-wzjs p{color: #fff;font-size: 30px;line-height: 60px;display: block;padding-top: 190px;}
.nybanner-xcx{height: 450px;background: url(../images/nybanner-xcx.jpg) center top no-repeat;text-align: center;}
.nybanner-xcx h3{color: #00a0e7;font-size: 45px;line-height: 50px;}
.nybanner-xcx p{color: #fff;font-size: 30px;line-height: 60px;display: block;padding-top: 190px;}
.nybanner-app{height: 450px;background: url(../images/nybanner-app.jpg) center top no-repeat;text-align: center;}
.nybanner-app h3{color: #00a0e7;font-size: 45px;line-height: 50px;}
.nybanner-app p{color: #fff;font-size: 30px;line-height: 60px;display: block;padding-top: 190px;}
.nybanner-gzh{height: 450px;background: url(../images/nybanner-gzh.jpg) center top no-repeat;text-align: center;}
.nybanner-gzh h3{color: #00a0e7;font-size: 45px;line-height: 50px;}
.nybanner-gzh p{color: #fff;font-size: 30px;line-height: 60px;display: block;padding-top: 190px;}
.nybanner-gy{height: 450px;background: url(../images/nybanner-gy.jpg) center top no-repeat;text-align: center;}
.nybanner-gy h3{color: #00a0e7;font-size: 45px;line-height: 50px;}
.nybanner-gy p{color: #fff;font-size: 30px;line-height: 60px;display: block;padding-top: 190px;}
.nybanner-al{height: 450px;background: url(../images/nybanner-al.jpg) center top no-repeat;text-align: center;}
.nybanner-al h3{color: #00a0e7;font-size: 45px;}
.nybanner-al p{color: #fff;font-size: 30px;line-height: 60px;display: block;padding-top: 190px;}
.nybanner-wangwen{height: 610px;background: url(../images/nybanner-wangwen.jpg) center top no-repeat;}
/*推荐文章*/
.hot-news {background: #f4f4f4;padding: 40px 0px 70px 0px;}
.hot-news .hot-tit {color: #333;font-size: 24px; margin-bottom: 30px;float: left;width: 600px;}
.hot-newsList{float:left;width:580px;background:#fff;padding-bottom:20px;}
.hot-newsList .hot-newsList-con{width:540px;margin:0 auto;padding:20px 0px;}
.hot-newsList .hot-newsList-con .data{width:110px;height:120px;color:#fff;background:#00afda;text-align:center;padding-top:5px;}
.hot-newsList .hot-newsList-con .data span{font-size:46px;font-weight:bold;}
.hot-newsList .hot-newsList-con .con{margin-left:20px;width:410px;}
.hot-newsList .hot-newsList-con .con .tit a{color:#333;font-size:16px;}
.hot-newsList .hot-newsList-con .con .describe{height:80px;overflow:hidden;line-height:24px;color:#666;margin-top:20px;font-size: 14px;}
.hot-newsList .hot-listUl{border-top:1px solid #eee;width:100%;padding-top:10px;}
.hot-newsList .hot-listUl li{width:540px;height:38px;margin:0 auto;background:url(../images/foot-icon05.png) no-repeat left center;padding-left: 15px;line-height: 35px;}
.hot-newsList .hot-listUl li a{color:#666;font-size: 15px;}
.hot-newsList .hot-listUl li a:hover{color:#00afda;}
.hot-newsList .hot-listUl li .fr{color:#ccc;}
/*内页左侧分类
.proTitlea{ width:238px;}
.proTitlea span{ display:block; height:80px; line-height:80px; background:#90c320; text-align:center; color:#fff; font-size:28px;}
.proTitlea .pclassa{ padding-bottom:30px; background:#004fac;}
.proTitlea .pclassa li{ height:55px; background:url(../images/grt_r9_c3.jpg) left center no-repeat; line-height:55px;}
.proTitlea .pclassa li a{ color:#fff; font-size:16px; font-weight:bold; padding-left:50px;}
.proTitlea .pclassa li a:hover{ color:#F00;}
.proTitlea .lianxi{ background:#004fac; height:120px; text-align:center;}
.proTitlea .lianxi p{ color:#fff; font-size:23px;}
.proTitlea .lianxi b{ color:#fff; font-size:30px; font-family:"Impact"; font-weight:normal;}
.proTitlea .zcxw{ height:auto; padding-bottom:30px; background:#004fac;}
.proTitlea .zcxw ul li{ height:40px; line-height:40px; padding-left:20px; border-bottom:1px #67b4ff dotted;}
.proTitlea .zcxw ul li a{ color:#fff; font-size:15px !important;}
.proTitlea .zcxw ul li:hover a{ color:#F00;}
*/

/*当前导航*/
.breadcrumbs{height:70px;font-size:14px;line-height:70px;color:#b0b0b0;margin-bottom:30px; background-color:#f2f2f2;}
.breadcrumbs .dh_box{ }
.breadcrumbs .sortName{ color:#388c19; font-size:22px; font-weight:700;}
.breadcrumbs .dqdhMain{ float:right; }
.breadcrumbs .dqdhMain a{font-size: 14px;color: #666; display:inline-block;}
.breadcrumbs .dqdhMain a:hover{ text-decoration:underline; color:#000;}
.breadcrumbs .dqdhMain .span2{ color:#b7b7b7; font-size: 14px; display:inline-block; padding:0 5px;}
.breadcrumbs .indexa{ }
.breadcrumbs .span1{ color:#666;padding:0 10px 0 30px; background:url(../images/dizhi.png) left center no-repeat;}
.breadcrumbs .weizhi-l{}
.breadcrumbs .weizhi-l span{color: #333;font-size: 25px;float: left;}
.breadcrumbs .dqdh_class{ margin-top:15px;float: right;}
.breadcrumbs .dqdh_class li{ float:left;}
.breadcrumbs .dqdh_class li a{ display:block; padding:0 15px; height:40px; line-height:40px;color:#666; font-size:15px; position:relative;}
.breadcrumbs .dqdh_class li:hover a{color: #0089d6;}

.lybt{ text-align:center; margin-top:40px;}
.lybt span{font-size: 43px;line-height: 45px;text-transform: uppercase;color:#5a5a5a;}
.lybt h3{ display:block; font-size:20px; line-height:45px;color:#5a5a5a; background:url(../images/xianb.jpg) center center no-repeat;}
.liuyan{ margin-top:30px; text-align:center;}
.liuyan span{ font-size:20px;color: rgb(215, 12, 25);}
.liuyan a{ font-size:16px;color: #CCCCCC;}
.liuyan p{ font-size:16px;color: #666666; line-height:30px;}

/*内页关于我们*/
.about_box{}
.about_box .about_left{ width:800px;}
.about_box .about_left .about_t1 { position:relative; height:40px;}
.about_box .about_left .about_t1 .div1{ font-size: 21px; line-height: 148%; color:#000;}
.about_box .about_left .about_t1 .div2{ font-size:18px; color:#444;}
.about_box .about_left .about_t1 .about_t2{ position: absolute; right:0; top:0; } 
.about_box .about_left .about_t1 .about_t2 .span1{font-size:28px; font-weight:700; line-height:38px; color:rgb(48,93,195);}
.about_box .about_left .about_t1 .about_t2 .span2{ font-size:14px; text-align:right; color:#b7b7b7; line-height:20px;}
.about_box .about_left .text{ line-height:35px; color:#666; font-size:14px; text-indent:2rem; padding-top:25px;}
.about_box .about_left .text p{ padding:10px 0;}
.about_box .about_right{ width:370px;}
.about_box .about_right ul{ margin-top:8px;}
.about_box .about_right ul li{ float:left; margin-left:2px; width:180px; margin-bottom:3px;border: 1px #ccc solid;}
.about_box .about_right ul li a{ display:block; width:100%; height:130px;background-repeat:no-repeat !important; background-size:cover !important;background-position:center center !important; -webkit-background-size: cover;  
-moz-background-size: cover;  -o-background-size: cover; }




/*·ÖÒ³*/
.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff;}
.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff;}
.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px;}
.page_nav font{ border:1px solid #fff;}
.page_nav a:hover{ color:#fff; border:1px solid #54a530; background-color:#54a530}

.viewpage{ margin:0; padding:20px 0 50px 0; }
.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;}
.viewpage .main_r_nav a{ font-size:14px; color:#444}
.viewpage .main_r_nav a:hover{ text-decoration:underline;}

/*分页*/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}
.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
.fenye .num:hover,.fenye .next:hover{ background-color:#cc0000; color:#fff; border:1px solid #cc0000;}



.main{ background-color:#fff;}
.main .main_right{ width:100%;}
.text{ line-height:35px; font-size:15px; color:#666;padding:30px;}
.text span{font-size:15px; color:#666;}

.main .tT01{ text-align:center; line-height:35px; margin-top:20px;}
.main .tT01 .span1{ font-size:24px; color:#444;}
.main .subtitle{font-size: 13px; line-height: 24px; height: 24px; color: #8F8F8F; text-align:center;}
.main .subtitle span{ padding:0 10px;}




#faqbox{padding:90px 0 50px 0; background-color:#fff; width:700px; margin:0 auto;}
#faqbox form{}
#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}
#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#555;}
#faqbox .Contenta{line-height:2em;text-align:left; padding-bottom:10px;}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:435px; vertical-align:top;}
#faqbox .Content textarea{height:100px;}
.wizfrm{ border:none;width:455px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer;background:#fff; margin-top:20px;  font-family:'Microsoft YaHei';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;background-color:#dd0103; }
.wizfrm:hover{ background-color:#ff9900; }

/*合作客户*/
.part{text-align: center;margin-bottom: 40px;}
.part h4 {font-size: 30px;color: #333;text-align: center;font-weight: 400;}
.part .line_red {display: block;width: 80px;height: 2px;background: #e60012;margin: 30px auto;}
.part strong{font-size: 20px;color: #6d6d6d;font-weight: normal;}
.part p.info {width: 823px;margin: 10px auto 0;text-indent: 2em;line-height: 30px;font-size: 14px;color: #535353;}
.main_right .proLista{ overflow:hidden; width:100%;}
.main_right .proLista li{ width:202px;height: 110px; float:left;background: #fff;border: 1px #e5e5e5 solid;} 
.main_right .proLista li img{ display:block; overflow:hidden;position:relative;}
.avatara {
    position: relative;
}
.main_right .proLista li .avatara {
    display: block;
    height: 110px;
    overflow: hidden;
    width: 202px;
}
.main_right .proLista li .avatara img {
    height: 110px;
}

.avatara:hover, .zhuti .avatara:hover, .bbsinner .avatara:hover {
    box-shadow: 0 0 10px gray;
}
.avatara:hover img, .zhuti .avatara:hover img, .bbsinner .avatara:hover img {
    transform: scale(1.3);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}


/**/
.main .news_list{ margin-top:40px;}
.main .news_list li{border-bottom: 1px solid #ececec; padding:15px;}
.main .news_list li .img{border: 1px #f0f0f0 solid;}
.main .news_list li .lMore{ width:930px;}
.main .news_list li .lMore .title{font-size: 16px;color: #393939;line-height: 36px; margin-bottom:15px;}
.main .news_list li .lMore span{ font-size:13px; color:#999;}
.main .news_list li .lMore p{font-size:13px; color:#999; line-height:26px;}
.main .news_list li .lMore .more2{width: 88px;height: 30px;line-height: 30px;color: #999999;border: 1px solid rgba(0, 0, 0, .1);bottom: 30px;display:block; font-size:13px; text-align:center; float:right; margin-top:30px;}
.main .news_list li:hover .title{ color:#302f53; padding-left:15px; font-weight:bold;}
.main .news_list li:hover p{ padding-left:15px;}
.main .news_list li:hover .more2{ background:#302f53;border-color: #302f53; color:#fff;}
.BMap_Marker{ display:none !important;}
.BMap_Marker.BMap_noprint{ background: url(../images/dt.png)  center center no-repeat !important; display:block !important; }

.lbtuiwen{ font-size:25px; line-height:50px; margin-top:30px;}

/*详情页*/
.product_dqdh{ background-color:#f4f4f4;}
.product_top{ }
.product_top .l_img{ width:550px; height:385px; background-color:#f2f2f2; text-align:center; display:table;}
.product_top .l_img span{/*display: table-cell; vertical-align:middle;*/ display:block; width:100%; height:100%; background-size:cover !important;}
.product_top .l_img span img{width:550px; height:385px; }
.product_top span img{ display:inline-block; max-width:100%; max-height:100%; vertical-align:middle;} 
.product_top .r_box{ width:600px;}
.product_top .r_box .product_title{border-bottom:1px solid #ddd;padding:10px 0 8px 0;}
.product_top .r_box .product_title h2{ font-weight:700; font-size:26px;color:#101010;}
.miaoshu{}
.product_top .subtitle{font-size:14px;color:#b7b7b7; padding-top:8px;}
.product_top .subtitle span{ display:block; padding-left:25px; line-height: 23px; height: 24px; }
.product_top .subtitle span.span1{ background:url(../images/shijian.png) left center no-repeat;}
.product_top .subtitle span.span2{ background:url(../images/liulan.png) left center no-repeat;}
.product_top .keyword{ height:40px; line-height:40px; font-size:15px; color:#717171;}
.product_top .keyword span{ font-size:18px; color:#0059A9;}
.product_top .desc{font-size:14px; color:#717171; line-height:30px;margin-top: 15px;}
.product_top .desc span{ display:block; float:left;width:200px;}
.product_top .desc p{ display:block; float:right;width:600px;line-height: 25px;font-size: 15px;color: #8b8b8b;}
.product_top .lianxi{ height:60px;}
.product_top .lianxi .a{display:block; height:40px;line-height:40px; float:left; margin-right:50px; color:rgb(250,175,41); font-size:18px; border-bottom:1px solid rgb(250,175,41); padding-left:28px;}
.product_top .lianxi .a.a_qq{ background:url(../images/QQ.png) left center no-repeat;}
.product_top .lianxi .a.a_tel{ background:url(../images/tel.png) left center no-repeat;}
.product_top .dianhua{height:40px; padding:0 30px; line-height:40px; text-align:center; border-radius:30px;font-size:15px; background-color:#be0000;margin-top: 10px;width: 130px;}
.product_top .dianhua a{color:#fff;}
.product_top .dianhua:hover{background-color:rgba(250,175,41,1);}
.share{ margin-top:10px;}
.share .span1{ line-height:32px; color:#999; padding-right:10px; font-size:15px;}

.content{ border:1px solid #ddd;border-radius:8px;}

.contact_title2 {
    text-align: center;
    font-size: 36px;
    color: #333;
    margin-bottom: 20px;
}
.row-main{margin-bottom: 30px;border-bottom: 1px solid #e8e8e8;}
.row-main .list{overflow:hidden;margin-left:-1%;}
.row-main .list .item{float:left;width:32%;margin-left:1%;border-left: 1px solid #e8e8e8;padding-top:100px}
.row-main .list .item:nth-child(3){border-right: 1px solid #e8e8e8;}
.row-main .list .itemContaienr{height:500px;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}

.row-main .item-head h3{margin-bottom: 50px;font-size: 36px;font-family: gothicb;color: #494949;padding-left:30px}
.row-main .item-head em{display:block;width:30px;height:3px;background:#00a0e7;margin-left:30px;margin-bottom:30px}
.row-main .item-main .title{font-size:22px;color:#333;display:block;height:30px;line-height:30px;overflow:hidden;margin-bottom:25px;margin-top: 20px;padding-left: 30px;}
.row-main .item-root .infoItem{line-height:30px;font-size:16px;color:#666;text-align: left !important;padding-left: 30px;padding-right: 30px;}
.row-foot{text-align:center;padding-top:40px;}
.row-foot .aItem{display:inline-block;min-width:120px;padding:0 10px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:3px;margin:0 5px;}
.row-foot .aItem:hover{opacity:0.8;}
.row-foot .aItem-qq{background:#f5a500;}
.row-foot .aItem-qq .ico{vertical-align:-2px;}
.row-foot .aItem-message{background:#333;}
.row-foot .aItem-message .ico{vertical-align:-4px;}
.map{margin-bottom: 60px;}


/*案例列表页*/

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'feathericons';
	src:url('../fonts/feathericons/feathericons.eot?-8is7zf');
	src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
		url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
		url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
		url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1200px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 0.5%;
	width: 380px;
	height: 260px;
	background: #000;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Chico *****/
/*---------------*/

figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 0.2em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
	padding: 20% 0 20px 0;
	color: #fff;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}


/*公司环境*/
.teachers_banner{
    width:100%;
    height:750px;
    background-size: cover;
     position: relative;
    overflow: hidden;
}
.teachers_b{
  position:relative;
  margin-top:130px;
}
#slide {
    margin: 0 auto;
    width: 650px;
    height: 445px;
    position: relative;
  }

#slide li {
    position: absolute;
    width:650px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    background:#fff;
    overflow:hidden;
    box-shadow: 0 0 20px #1d374d;
}

#slide li img {
    width: 100%;
    height: 100%;
}
.slide_left{
 /* width:240px;*/
}
.slide_right{
 /* width:440px;*/
  padding: 40px;
  -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}
.slide_right h3{
font: 400 30px/18px "Microsoft Yahei";
color:#222222;
}
.slide_right h3 span{
  display:inline-block;
  margin-left:10px;
  font: 400 14px/36px "Microsoft Yahei";
color:#555555;
}
.slide_right p{
  padding:20px 0 30px;
  color:#555555;
    font: 400 14px/24px "Microsoft Yahei";
    border-bottom: 1px solid #dbdbdb;
}
.slide_right dl{
  padding-top:30px;
}
.slide_right dd{
  float: left;
  width:33.3%;
   color:#777;
    font: 400 12px/24px "Microsoft Yahei";

}
.slide_right dd h3{
color:#ff9000;
margin-bottom:20px;
}
.arrow {
   /* display: none;*/
}

.arrow .prev,
.arrow .next {
    position: absolute;
    width: 64px;
    top: 38%;
    z-index: 9;
    font: 700 96px 'simsun';
    opacity: 0.3;
    color: #fff;
    cursor: pointer;
}

.arrow .prev {
    left: -220px;
}

.arrow .next {
    right: -220px;
}

.arrow .prev:hover,
.arrow .next:hover {
    color: #00a0e9;
    opacity: .7;
}
/*公共标题样式*/
.haveTitle .title-wrap{
	width:1000px;
	margin:0 auto 40px;
	letter-spacing: 1px;
	text-align: center;
}
.haveTitle .title-wrap .title{
	font-size:36px;
	color:#333;
	padding-bottom:35px;
	position:relative;
	margin-bottom:40px;
}
.haveTitle .title-wrap .title1{
	font-size:36px;
	color:#333;
	padding-bottom:35px;
	position:relative;
	margin-bottom:70px;
}
.haveTitle .title-wrap .title1 .left{ 
    float:left;
	text-align:right;
	width:500px;
}
.haveTitle .title-wrap .title1 .right{ 
	text-align:left;
	width:450px;
	margin-top:5px;
}
.haveTitle .title-wrap .title:after{
	content: '';
	display:inline-block;
	position:absolute;
	height:1px;
	background-color:#DADADA;
	left: 50%;
    right: 0;
    top: 75px;
    width: 60px;
    margin-left: -30px;
}
.haveTitle .title-wrap .title1:after{
	content: '';
	display:inline-block;
	position:absolute;
	height:1px;
	background-color:#DADADA;
	left: 50%;
    right: 0;
    top: 75px;
    width: 60px;
    margin-left: -30px;
}
.haveTitle .title-wrap .brief{
	font-size:14px;
	color:#666;
	line-height:1.8;
}

.haveTitle .title-wrap .titlea{
	font-size:36px;
	color:#333;
	padding-bottom:35px;
	position:relative;
}
.haveTitle .title-wrap .titlea:after{
	content: '';
	display:inline-block;
	position:absolute;
	height:1px;
	background-color:#DADADA;
	left: 50%;
    right: 0;
    top: 75px;
    width: 60px;
    margin-left: -30px;
}
.haveTitle .title-wrap .briefa{
	font-size:20px;
	color:#666;
	line-height:1.8;
}
/*什么是小程序*/
.proBrief-wrap{
	padding:50px 0 0 0;
}
.proBrief-wrap .proBrief{
	width:1280px;
	margin:0 auto;
}
.proBrief .list{
	width:1280px;
	margin:0 auto;
}
.proBrief .list .item{
	width:210px;
	padding:0 15px;
	float:left;
	text-align: center;
	height: 280px;
}
.proBrief .list .item img{
	display: block;
	width:120px;
	height:120px;
	margin:0 auto;
}
.proBrief .list .item span{
	display: block;
	font-size:20px;
	color:#333;
	margin-bottom:20px;
}
.proBrief .list .item .desc{
	font-size:14px;
	line-height: 1.5;
	color:#666;
}
/*核心行业*/
.hxhy{width:100%;background-color: #F5F5F5;}
.yjbh{width:100%;}
.industry{
	width:1200px;
	margin:0 auto;
	padding:50px 0;
}
.con .title-box{
	letter-spacing: 2px;
	margin:0!important;
	padding-bottom:30px;
}
.con .big-title{
	font-size:26px;
	color:#111;
	text-align: center;
	margin-bottom:5px;
}
.con .small-title{
	font-size:14px;
	color:#666;
	text-align: center;
}
.con-white .title-box .big-title,.con-white .title-box .small-title{
	color:#fff;
}
.industry-con a{
	display:block;
	margin-top:15px;
	float: left;
	margin-right:15px;
}
.industry-con a:nth-child(4n){
	margin-right:0;
}
.industry-con .img-item{
	display:block;
	width:288.75px;
	height:180px;
	position:relative;
	/*margin-right:10px;*/
}
.industry-con .img-item .img-bg{
	width:100%;
	height:100%;
}
.industry-con .img-item .img-bg img{
	display: block;
	width:100%;
	height:100%;
}
.industry-con .img-item .icon-box{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align: center;
	font-size:16px;
	color:#fff;
	background-color:rgba(0,0,0,0.3);
}
.industry-con .img-item .icon-box img{
	display: block;
	width:60px;
	height:60px;
	margin:60px auto 0;
}
.industry-con .img-item:hover .icon-box{
	background-color:rgba(48,145,242,0.6);
}
/*核心场景*/
.sence{
	width:1200px;
	margin:0 auto;
	padding:50px 0;
}
.sence .sence-show li{
	width:240px;
	text-align: center;
	margin-bottom:15px;
	float:left;
}
.sence .sence-show li a{
	display: block;
	color:#666;
	font-size:16px;
}
.sence .sence-show li img{
	display: block;
	width:80px;
	height:80px;
	margin:0 auto;
}
/*微信生态现状*/
.titlebt{text-align: center;color: #111;font-size: 26px;padding-top: 50px;padding-bottom: 40px;}
.stxz{display: block;width: 1230px;margin: 0 auto;padding-bottom: 50px;}
.stxz li{float: left;width: 290px;height: 260px;border: 1px #e0e0e0 solid;margin-right: 15px;}
.stxz li:nth-child(4){margin-right:none;}
.stxz li span{display: block;height: 130px;line-height: 130px;text-align: center;color: #fff;font-size: 30px;margin-bottom: 20px;}
.wxa{background: #feb449}
.wxb{background: #45d397}
.wxc{background: #ff787c}
.wxd{background: #7293f4}
.stxz li p{text-align: center;padding-left: 15px;padding-right: 15px;line-height: 26px;font-size: 16px;color: #626262;}
/*行业方案*/
.indusSolution-wrap{
	padding:50px 0;
	background-color:#fff;
}
.indusSolution{
	width:1000px;
	margin:0 auto;
}
.indusSolution .labels{
	margin-bottom:20px;
}
.indusSolution .labels span{
	display:block;
	width:80px;
	margin:0 10px 10px;
	text-align: center;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#3091F2;
	box-sizing:border-box;
	border:1px solid #3091F2;
	float:left;
}
.indusSolution .img-show{
	width:894px;
	height:521px;
	margin:0 auto;
}
/*功能模块*/
.funcBlock-wrap{
	padding:50px 0;
}
.funcBlock-wrap .funcBlock{
	width:1000px;
	margin:0 auto;
}
.funcBlock-wrap .funcBlock .item{
	width:95px;
	margin:15px;
	float:left;
}
.funcBlock-wrap .funcBlock .item img{
	display: block;
	width:95px;
	height:95px;
}
.funcBlock-wrap .funcBlock .item span{
	display: block;
	font-size:14px;
	text-align: center;
	margin:15px 0;
}
.mt30{margin-top: 30px;}
.xcxanli{width: 1200px;margin: 0 auto;margin-bottom: 50px;}
.xcxanli ul li{float: left;width: 150px;height: 220px;margin-left: 25px; margin-right: 25px;text-align: center;margin-bottom: 30px;}
.xcxanli ul li span{font-size: 15px;color: #111;overflow: hidden;line-height: 30px;}
.xcxanli ul li p{font-size: 13px;color: #666;}
.xcxanli ul li:hover img{transform: scaleX(1.1) scaleY(1.1); */
-webkit-box-shadow: 0 2px 20px rgba(182,182,182,.55);
-moz-box-shadow: 0 2px 20px rgba(182,182,182,.55);
box-shadow: 0 2px 20px rgba(182,182,182,.55);
transition-duration: .3s;}
/*为什么选择天店通 */
.chose-wrap{
	padding:50px 0;
}
.chose-wrap .chose{
	width:1100px;
	margin:0 auto;
}
.chose-wrap .chose .item{
	width:250px;
	margin:0 55px;
	float:left;
	position:relative;
	overflow: hidden;
	cursor: pointer;
}
.chose-wrap .chose .item img{
	display: block;
	width:100%;
}
.chose-wrap .chose .item .desc-wrap{
	background-color:#E8E8E8;
	padding:10px;
	position:absolute;
	height:225px;
	left:0;
	right:0;
	bottom:-120px;
	text-align: center;
	letter-spacing: 1px;
	-webkit-transition: all 0.5s;
}
.chose-wrap .chose .item .desc-wrap .title{
	font-size:16px;
	color:#666;	
	padding-bottom:10px;
}
.chose-wrap .chose .item .desc-wrap .desc{
	font-size:14px;
	color:#999;	
	line-height:1.5;
}
.chose-wrap .chose .item:hover{
	-webkit-transform: scale(1.1);
}
.chose-wrap .chose .item:hover .desc-wrap{
	bottom:0;
	background-color:#3091F2;
}
.chose-wrap .chose .item:hover .desc-wrap .title,.chose-wrap .chose .item:hover .desc-wrap .desc{
	color:#fff;
}
/*优势 */
.row:after,
.row:before {
	display: table;
	content: " "
}
.row:after {
	clear: both
}
.row {
	margin-right: -15px;
	margin-left: -15px
}
.pinpai {
    margin-bottom: 50px;
}

.col-xs-12 {
    width: 100%;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
h2 {
    font-size: 24px;
    color: #01a01f;
    font-weight: normal;
}
.col-xs-12 span {
    color: #3091f2;
}
h3 {
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    margin-top: 10px;
}
h2 img {
    margin-top: -6px;
    padding-right: 15px;
}

.text-right {
    text-align: right;
}
.col-xs-4 {
    width: 33.33333333%;
    float: left;
}
.column1 .col-xs-4 .col-xs-12 {
    height: 160px;
    margin-top: -30px;
}
.text-left {
    text-align: left;
}
.column1 .col-xs-4>img {
    margin-top: -40px;
}

.mb60{margin-bottom: 60px;}
.pt40{padding-top: 40px;}

/*五大优势*/
.stxza{display: block;width: 1230px;margin: 0 auto;padding-bottom: 50px;}
.stxza li{float: left;width: 230px;height: 360px;border: 1px #e0e0e0 solid;margin-right: 15px;}
.stxza li:nth-child(5){margin-right:0;}
.stxza li span{display: block;height: 100px;line-height: 30px;text-align: center;color: #fff;font-size: 18px;margin-bottom: 20px;padding-left: 15px;padding-right: 15px;padding-top: 35px;}
.wxaa{background: #feb449}
.wxbb{background: #45d397}
.wxcc{background: #ff787c}
.wxdd{background: #7293f4}
.wxee{background: #00aeff}
.stxza li p{text-align: center;padding-left: 15px;padding-right: 15px;line-height: 28px;font-size: 15px;color: #626262;}
/*加推页面*/
.sectionCard {
  background: #121723;
  position: relative;
}
.sectionCard .tyImg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.7;
}
.sectionCard .tyImg img {
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: 80px;
  left: 50%;
}
.sectionCard .Card {
  padding: 0  50px 84px;
}
.sectionCard .sectionName {
  font-size: 28px;
  color: #FFFFFF;
  text-align: center;
  line-height: 34px;
  height: 34px;
  padding: 90px 52px;
}
.sectionCard .sectionCardWarp .cardWarpText {
  width: 43%;
  float: left;
  padding-top: 100px;
}
.sectionCard .sectionCardWarp .cardWarpText .cardTab {
  font-size: 18px;
  width: 360px;
  height: 50px;
  line-height: 50px;
  padding-left: 30px;
  position: relative;
  margin-bottom: 28px;
  cursor: pointer;
  opacity: 0.8;
  color: rgba(255, 255, 255, 0.83);
  border: 1px solid  transparent;
  transition: all 0.1s;
}
.sectionCard .sectionCardWarp .cardWarpText .cardTab span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 12px;
  top: 21px;
}
.sectionCard .sectionCardWarp .cardWarpText .rightTab {
  margin-left: 70px;
}
.sectionCard .sectionCardWarp .cardWarpText .active {
  border: 1px solid  #4A90E2;
  color: #FFFFFF !important;
  opacity: 1;
}
.sectionCard .sectionCardWarp .cardWarpPic {
  float: left;
  width: 57%;
  height: 334px;
  position: relative;
}
.sectionCard .sectionCardWarp .cardWarpPic img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.sectionCard .sectionCardWarp .cardWarpPic img:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
/*技术支持*/
.showName {
    font-size: 28px;
    color: #111;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
    height: 34px;
    padding: 90px 0 56px;
}
.jszc {
  background: #F5F5F5;
  background-size: 100%;
}
.jszc .jszcUl li {
  height: 131px;
  width: 230px;
  padding: 20px;
  box-sizing: border-box;
  opacity: 0.69;
  background: #323641;
  float: left;
  position: relative;
  margin-right: 30px;
}
.jszc .jszcUl li .jsName {
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 34px;
  height: 34px;
  margin-bottom: 10px;
}
.jszc .jszcUl li .jsDes {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 20px;
}
.jszc .jszcUl li .leftsj {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 6px;
  top: 6px;
  border-left: 1px solid #4A90E2;
  border-top: 1px solid #4A90E2;
}
.jszc .jszcUl li .rightsj {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 6px;
  bottom: 6px;
  border-bottom: 1px solid #4A90E2;
  border-right: 1px solid #4A90E2;
}
.show {
    padding-bottom: 75px;
}

/*安全转移*/
.security {
  background: #fff;
}
.security .securityUl li {
  float: left;
  width: 20%;
  text-align: center;
}
.security .securityUl li .pc {
  display: inline-block;
  width: 161px;
  height: 161px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #4A90E2;
  border-radius: 50%;
  background: #262A34;
}
.security .securityUl li .pc .jbs {
  width: 140px;
  height: 140px;
  line-height: 140px;
  border-radius: 50%;
  background: #323641;
}
.security .securityUl li .pc img {
  width: 63px;
  margin-top: 30px;
}
.security .securityUl li .pc:hover {
  transition: all 1s;
  transform: rotate(360deg) scale(1.1);
  -ms-transform: rotate(360deg) scale(1.1);
  /* IE 9 */
  -moz-transform: rotate(360deg) scale(1.1);
  /* Firefox */
  -webkit-transform: rotate(360deg) scale(1.1);
  /* Safari 和 Chrome */
  -o-transform: rotate(360deg) scale(1.1);
  /* Opera */
}
.security .securityUl li .securityName {
  text-align: center;
  padding: 31px 0 26px;
  font-size: 23px;
  color: #00a0e7;
}
.security .securityUl li .des {
  opacity: 0.7;
  font-size: 15px;
  color: #333;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
}
  /* 服务器与安全 */
.stxzb{display: block;width: 1230px;margin: 0 auto;padding-bottom: 50px;}
.stxzb li{float: left;width: 290px;height: 300px;border: 1px #e0e0e0 solid;margin-right: 15px;text-align: center;}
.stxzb li:nth-child(5){margin-right:0;}
.stxzb li span{color: #333;font-size: 16px;font-weight: bold;line-height: 60px;}
.stxzb li p{padding-left: 15px;padding-right: 15px;line-height: 26px;font-size: 14px;color: #666;}
.hidden-xs{width: 1280px;margin: 0 auto;}
/* 顽味潍坊合作商户 */
.wwsh{width: 1200px;margin: 0 auto;}
.wwsh ul li{width:220px;float:left;height:220px;position:relative;border: 1px #d2d2d2 solid; margin:10px 15px 10px auto;}
.wwsh ul li img{width: 220px;height: 220px;}
.avatara {
    position: relative;
}
.wwsh ul li .avatara {
    display: block;
    height: 220px;
    overflow: hidden;
    width:220px;
}
.wwsh ul li .avatara img {
    height: 220px;
}
.avatara:after {
    bottom: 0;
    content: url("../images/bg_play.png");
    left: 5px;
    position: absolute;
    z-index: 10;
}
.avatara:hover, .zhuti .avatara:hover, .bbsinner .avatara:hover {
    box-shadow: 0 0 10px gray;
}
.avatara:hover img, .zhuti .avatara:hover img, .bbsinner .avatara:hover img {
    transform: scale(1.3);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}

 /* app */
.dingzhibg{height: auto;background: url(../images/dingzhi_bg.jpg) repeat;}
.dingzhibg .inner{width: 1280px;margin: 0 auto;}
.dingzhibg .inner li{float: left;width: 390px;margin-left: 15px;margin-right: 15px;margin-bottom: 30px;} 
.dingzhibg .inner li span{display: block;width: 390px;height: 150px;text-align: center;line-height: 150px;color: #fff;font-size: 52px;}
.dingzhibg .inner li p{color: #666;font-size: 16px;font-weight: 300;line-height: 31px;padding: 10px 30px 0 0;}
.dingzhibg .inner li .dza{background: #3bb6e0;}
.dingzhibg .inner li .dzb{background: #368dba;}
.dingzhibg .inner li .dzc{background: #25a294;}
.box_slide{height: 470px;background: url(../images/app_bg.jpg) center no-repeat;}
.txt{text-align: center;}
.txt span{color: #fff;font-size: 35px;font-weight: bold;padding: 50px 0 15px;display: block;}
.txt p{color: #fff;font-size: 16px;line-height: 23px;}
.box_slide img{display: block;margin: 0 auto;margin-top: 50px;}
.app-developmentvalue{margin-bottom: 100px;}
.app-title{width: 100%;
    margin-top: 60px;
    margin-bottom: 50px;
    height: 77px;
    position: relative;
    display: inline-block;
    text-align: right;}
.app-title h5 {
    color: #444;
    font-size: 46px;
    line-height: 46px;
    text-align: center;
}
.app-title h6 {
    font-size: 21.02px;
    line-height: 21.02px;
    margin-top: 10px;
    text-align: center;
    color: #00a0e7;
    text-transform: uppercase;
}
.appbj{width: 500px;}
.app-developmentvalue-box{width: 700px;}
.app-developmentvalue-box ul li{height: 110px;border-top: 1px dashed #CECECE;}
.app-developmentvalue-box ul li .num {
    margin-top: 25px;
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    background: #3091f2;
    border-radius: 6px;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    color: #FFF;
    margin-right: 15px;
}
.app-developmentvalue-box ul li .textwz {width: 600px;margin-top: 30px;}
.app-developmentvalue-box ul li .textwz h5 {
    font-size: 18px;
    line-height: 18px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.app-developmentvalue-box ul li .textwz p {
    line-height: 32px;
    font-size: 14px;
    color: #888888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.app-developmentvalue-box ul li:nth-child(5) {border-bottom: 1px dashed #CECECE;}

 /*可信百科 */

.kexinys{width: 1280px;margin: 0 auto;}
.kexinys ul li{float: left;width: 410px;margin-right: 10px;height: 350px;margin-bottom: 20px;background: #00aee8;border: 1px #ebebeb solid;text-align: center;}
.kexinys ul li img{width: 410px;height: 260px;border: 1px #e3e3e3 solid}
.kexinys ul li p{font-size: 16px;line-height: 30px;padding: 10px 10px 0 10px;color: #fff;}
.kxcase{width: 1280px;margin: 0 auto;margin-bottom: 60px;margin-top: 30px;}
.kxcase ul li{float: left;margin-bottom: 20px;margin-left: 6px;margin-right: 6px;}
.kxcase ul li img{border: 1px #ebebeb solid}
.kxcase ul li span{display: block;text-align: center;line-height: 45px;}
.kxcase ul li:hover span{color: #d2001e;font-weight: bold;}
.kxrow{width: 950px; margin: 0 auto;}
.kxrow ul li{float: left;margin-left: 60px;margin-right: 60px;}
.kfrow{width: 950px; margin: 0 auto; margin-bottom:30px;}
.kfrow ul li{float: left;margin-left: 30px;margin-right: 30px;}
.kxtitle{font-size: 36px;color: #333;padding-bottom: 35px;position: relative;margin-bottom: 40px;text-align: center;}
.kxtitle:after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 1px;
    background-color: #DADADA;
    left: 50%;
    right: 0;
    top: 75px;
    width: 60px;
    margin-left: -30px;
}

.kxzs{width: 1280px;margin: 0 auto;margin-bottom: 50px;margin-top: 20px;}
.kxzs ul li{float: left;width: 290px;height: 445px;border: 1px #ebebeb solid;margin-bottom: 15px;margin-left: 10px;margin-right: 10px;}

.avatarc {
    position: relative;
}
.kxzs ul li .avatarc {
    display: block;
    height: 445px;
    overflow: hidden;
    width:290px;
}
.kxzs ul li .avatarc img {
    height: 445px;
}


.avatarc:hover img, .zhuti .avatarc:hover img, .bbsinner .avatarc:hover img {
    transform: scale(1.3);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}
#cornerMarkerBtn{display: inline-block !important;
    width: 172px !important;
    position:absolute !important;
    z-index: 9999 !important;
    right: 0 !important;
    top: 400px !important;}

 /*元宇宙 */
.m-block-2 {
    padding: 100px 0 80px;
    background: #fff;
    min-width: 1250px;
}
.m-block-2 .tit {
    color: #111;
    margin-bottom: 76px;
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    line-height: 55px;
}
.m-block-2>ul {
    width: 1060px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.m-block-2>ul>li {
    position: relative;
    width: 500px;
    height: 245px;
    margin: 0 15px 106px;
    border-radius: 4px;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    transition: .5s all;
}
.m-block-2>ul>li>a>div {
    width: 365px;
    height:65px;
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    padding: 24px;
    background: linear-gradient(180deg,#F2F6F9 0,#FFF 100%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%), 0px 4px 8px 0 rgb(0 0 0 / 10%);
    border-radius: 4px;
}
.m-block-2>ul>li>a .y_text {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    white-space: nowrap;
    margin-bottom: 12px;
    color: #222;
}
.m-block-2>ul>li>a .y_desc {
    font-size: 16px;
    line-height: 26px;
    color: #000;
}
.ybj_a{
  width:100%;
  height:798px;
  background: url(../images/ybj_a.jpg) center no-repeat;
}
.ybj_b{
  width:100%;
  height:710px;
  background: url(../images/ybj_b.jpg) center no-repeat;
}

.ybj_c{
  width:100%;
  height:770px;
  background: url(../images/ybj_c.jpg) center no-repeat;
}
.ybj_d{
  width:100%;
  height:690px;
  background: url(../images/ybj_d.jpg) center no-repeat;
}