body{font-weight: 300;}
.container{margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;}
@media (min-width:1220px){
	.container{width:1220px;}
}
@media (min-width:1600px){
	.container{width:1400px;}
}
.header-nav{line-height:30px;}
.header-nav .float-right{float:none!important;}
.header-nav .float-right .float-right{float: right!important;}
.header-nav .navbar{display: block;}
.header-nav ul.naver{display: none;text-decoration:none;list-style:none;text-align: center;}
.pd-top90{padding-top:40px;}
.header-nav ul li{border-bottom:1px solid #000;}
.header-nav ul li.nav-li{border-bottom:1px solid #ec6a21;}
.header-nav ul li.nav-li span{width: 0;}
/*.header-nav ul li a.nav-current{text-decoration:none; color: #ec6a21;border-bottom:1px solid #ec6a21;padding-bottom:7px;width: 100%;}*/
/*底部边框长度增加0-100*/
.po-ab-top-110-btm{position: absolute;top: 100%;left: 0;width:0%;border-bottom:1px solid #ec6a21;}
.bd-bottom-hover-width:hover span{width: 100%;}
@media (min-width: 768px) {
	/*底部边框长度增加0-100*/
	.po-ab-top-110-btm{position: absolute;top: 100%;left: 0;width:0%;border-bottom:2px solid #ec6a21;}
	.bd-bottom-hover-width:hover span{width: 100%;}
	.header-nav .navbar{display: none;}
	.header-nav ul.naver{display:flex;justify-content: space-between;}
	.header-nav .float-right{float:right!important;}
	.header-nav .float-right .float-right{float: right!important;}
	.header-nav ul li:last-child{background: #ec6a21;}
	.header-nav ul li:last-child a{color: #fff;}
	.header-nav ul li:last-child a:hover{color: #000;}
	.header-nav ul li:last-child span{width: 100%;}
	.pd-top90{padding-top: 90px;}
	.header-nav ul li,.header-nav ul li.nav-li{border-bottom:none;}
	.header-nav ul li.nav-li span{width: 100%;}
	/*.header-nav ul li a.nav-current{border-bottom:none;}*/
	.header-nav{top: 0;width: 100%;bottom: auto; right: 0;left: 0;border-bottom: 1px solid #f3f3f3;line-height:90px;background-color: #fff;z-index: 999;}	
}


.i-bars:hover{cursor: pointer;color: #ec6a21;}
/*
.footer-ul{padding-top: 50px;padding-bottom: 60px;background-color: #e6e6e6;}
.footer-ul h3{color: #000;font-size: 16px;}
.footer-ul ul{padding-left: 0;}
.footer-ul ul.last-footer-ul li{color: #000;font-size: 1.8rem;line-height: 40px;}
.footer-ul ul li{text-decoration:none;list-style:none;line-height:25px;color: #8d8d8d;font-size: 16px;}
.footer-ul a{color: #8d8d8d;text-decoration: none;font-size: 12px;transition: all 1s;}
.footer-ul a:hover{color: #ec6a21;}*/
.txt-red-hover a:hover{color: #ec6a21;}


.url-choose div{border:1px solid #e5e5e5;position: relative;overflow: hidden;}
.url-choose div a{transition: all 1s; padding-top:0%; width: 100%;height: 100%; text-decoration:none;color: #000;background-color:rgb(118,118,118,0.7); position:absolute;text-align: center;top:-100%;left:0%;}
.url-choose div img{display: inline-block;max-width: 100%;height: auto;}
.url-choose div:hover a{padding-top: 25%;color: #fff;top: 0%;}
.url-choose div img.img-color{display: none;}
.url-choose div img.img-gray{display: inline-block;}
.url-choose div:hover img.img-gray{display: none;}
.url-choose div:hover img.img-color{display: inline-block;}

.area-choose div{height: auto;}
.area-choose div div h2{padding-top:25px;color: #000;}
/*.area-choose div div ul li a{color: #aaa;}*/
/*.area-choose div div ul li a:hover{color: #f00;text-decoration: none;}*/
.area-choose div div div img{display: inline-block;max-width: 100%;height: auto;}
.area-choose div div div img.red-img{display: none;}
.area-choose div div div img.gray-img{display: inline-block;}
.area-choose div div div:hover img.red-img{display: inline-block;}
.area-choose div div div:hover img.gray-img{display: none;}

/*.company-index div div{text-decoration:none;}
.company-index a{color: #fff;}
.company-index a:hover{color: #f00;text-decoration: none;}*/

.about-index div a{text-decoration: none;}
.about-index div div div.bd-bottom-b{display: none;}
.about-index div div a.about-more{display: none;}
.about-index a:hover{color: #f00;}
.about-index div div:hover a.about-more{text-decoration:none;display: block;position:absolute;text-align: center; z-index: 111px;}
.about-index div div:hover div.bd-bottom-b{display: block;text-align: center;z-index: 111;position: absolute;top: 32%;left: 45%;}
.bd-bottom-b{border-bottom:2px solid #f00;width: 10%;}
.about-more{color: #fff;background-color:rgb(118,118,118,0.6);width:578px;height:254px;line-height:254px;}

.case-index div a{text-decoration: none;}
.case-index div div div.bd-bottom-b{display: none;}
.case-index div div a.case-more{display: none;}
.case-index a:hover{color: #f00;}
.case-index div div:hover a.case-more{text-decoration:none;color: #fff;display: block;position:absolute;text-align: center;z-index: 111px;}
.case-index div div:hover div.bd-bottom-b{display: block;text-align: center;z-index: 111;position: absolute;top: 35%;left: 45%;}
.case-more{color: #fff;background-color:rgb(118,118,118,0.6);width:378px;height:243px;line-height:243px;}

/*图片上层鼠标事件，样式变化*/
.content-hover:hover .link-img{opacity: 0.5;z-index: 1;}
.content-hover:hover .link-none{display: block;}
.link-none{display:none;position: absolute;z-index: 111;}
.link-none-pos{bottom: 53%;right: 40%;}
.link-imgh1{height: 350px;}

.case-list ul{padding-left: 0px;}
#product-allmore:hover a{border:none; color: #fff;background: #ec6a21;}
#product-allmore:hover a i{color: #fff;}
#product-allmore{translate:all 10s;}
#product-allmore a{border:1px solid #898989;border-radius: 2rem;color: #363636;padding:10px 30px;background: #f3f3f3;}
#product-allmore a i{color: #898989;padding-right: 10px;}
/*最新案例*/.hover-img-case{overflow: hidden;width: 100%;}

.po-ab-btm-color{position: absolute;bottom:0;left: 0;background: #000;opacity: 0.3; width: 100%;}
.po-ab-btm-color-hover:hover .po-ab-btm-color{background:#ec6a21;opacity: 1;}



/*.build-knowledge a:hover{text-decoration: none;color: #f00;}*/
/*.build-knowledge div div{background-color: #f3f3f3;padding:60px 20px;}*/

.product-solution h1{padding: 1px 15px;}
/*.product-solution div div div{padding-left: }*/
.product-solution .bg-white:hover,.product-solution .bg-white:hover .bg-white{background-color: #ec6a21;}
.product-solution .bg-white:hover a{text-decoration: none;color: #fff;}
.product-solution .bg-white:hover h1,.product-solution .bg-white:hover h4,.product-solution .bg-white:hover h5{color: #fff;}


.txt-undecoration{text-decoration: none;}

/*服务范围*/
.area-nav{display: none;}
.area-bar{display: block;}
@media (min-width:768px){
	.area-bar{display: none;}	
	.area-nav{display:table;}
	.area-nav a{display: table-cell;background: #f3f3f3;color: #000;transition: all 1s;}
	.area-nav a:hover{background: #ec6a21;color: #fff;}
	.area-nav a.area-active{background: #ec6a21;}
	.area-nav a.area-active li{color: #fff;}
	
}





.li-hover-area li:hover a span,.li-hover-area li:focus a span,.current-active a span{color: #fff;text-decoration: none;background: #ec6a21;}
/*服务范围-企业网站*/




.redlc{display: none;margin: 0 auto;}
.whitelc{display: block;margin: 0 auto;}
/*.whitelc-red .width12:hover .txt-white{color: #F00;}
.whitelc-red .width12:hover .txt-hover-white{color: #fff;}
.whitelc-red .width12:hover .pd-hover-left-b{text-indent:20px;}*/
.whitelc-red .img-hover:hover .whitelc{display: none;}
.whitelc-red .img-hover:hover .redlc{display: block;}
/*@media (min-width:768px){
	.width5{width: 5.6%;float: left;}
	.width12{width: 12%;float: left;}
}*/
.web-border-flow{display: none;}
.pd-top-l-sy{padding-top:10px;}
.pd-bottom-l-sy{padding-bottom:10px;}
.pd-right-l-sy{padding-right:10px;}
.pd-left-l-sy{padding-left:10px;}
.pd-top-l-x{padding-top:10px;}
.pd-bottom-l-x{padding-bottom:10px;}
.pd-right-l-x{padding-right:10px;}
.pd-left-l-x{padding-left:10px;}
.pd-top-l-0{padding-top:0;}
.pd-bottom-l-0{padding-bottom:0;}
.pd-right-l-0{padding-right:0;}
.pd-left-l-0{padding-left:0;}
.height-large-sy{line-height:auto;}
.height-small-sy{line-height:auto;}
.pd-100{padding:60px 100px;}
.size-xsl-x{font-size:2.2rem;}
.mg-100{margin:30px 60px;}
@media (min-width:1024px){	
	.size-xsl-x{font-size: 5rem;}
	.pd-100{padding:150px 250px;}
	.mg-100{margin:100px;}
	.height-large-sy{line-height: 40px;}
	.height-small-sy{line-height: 25px;}
	.pd-top-l-sy{padding-top:60px;}
	.pd-bottom-l-sy{padding-bottom:60px;}
	.pd-right-l-sy{padding-right:60px;}
	.pd-left-l-sy{padding-left:60px;}
	.pd-top-l-x{padding-top:30px;}
	.pd-bottom-l-x{padding-bottom:30px;}
	.pd-right-l-x{padding-right:30px;}
	.pd-left-l-x{padding-left:30px;}
	.pd-top-l-0{padding-top:30px;}
	.pd-bottom-l-0{padding-bottom:30px;}
	.pd-right-l-0{padding-right:30px;}
	.pd-left-l-0{padding-left:30px;}
	/*.width5{width: 5.6%;float: left;}*/
	/*.width12{width: 12%;float: left;}*/
	.web-border-flow{display: block;}
	

}

.pd-right-0-s{padding-right:5px;}
.pd-top-0-s{padding-top:5px;}
.pd-bottom-0-s{padding-bottom:5px;}
.pd-left-0-s{padding-left:5px;}
.pd-right-s-0{padding-right:0px;}
.mg-0{margin:10px;}
.pd-0{padding:10px;}
@media (min-width:768px){
	.mg-0{margin: 0px;}
	.pd-0{padding: 0px;}
	.pd-right-s-0{padding-right: 5px;}
	.pd-top-0-s{padding-top: 0px;}
	.pd-bottom-0-s{padding-bottom:0;}
	.pd-right-0-s{padding-right: 0px;}
	.pd-left-0-s{padding-left:0px;}

	
}
/*首页-业务介绍*/
.po-yw-bg{position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.5;}
.po-txt{position: absolute;top:5%;left:5%;}
.po-zhong-txt{position: absolute;top:35%;left:10%;}
@media (min-width:768px){
.po-zhong-txt{top:20%;}
}
@media (min-width:1024px){	
.po-zhong-txt{top:35%;}
}

.wth-100{width: 100%;}
.color-orange-hover .bd{border:1px solid #ec6a21;}
.color-orange-hover .bg-e{background-color: #ec6a21;color:#fff;border-top: 1px solid #ec6a21;border-left: 1px solid #ec6a21;border-right: 1px solid #ec6a21;}
.color-orange-hover:hover .bg-e{font-weight: bold;}

.color-orange-hover:hover .txt-6{text-indent:20px;color:#ec6a21;}
.color-orange-hover:hover .txt-36{font-weight: bold;color: #ec6a21;	}
.orangeec{display: none;margin: 0 auto;}
.grayd2{display: block;margin: 0 auto;}
.img-ling{padding: 7px;}
.img-ling img{width:12px;height: 12px;margin:0;}
/*.img-ling img.orangeec{margin: auto;}
.img-ling img.grayd2{margin: auto;}*/
.web-choose-why:hover .txt-36{color: #000;}
.web-choose-why:hover .txt-9{color: #888;}
.web-choose-why:hover .txt-6{color: #000;}
.web-choose-why:hover{cursor: pointer;background: #f2e5de;border-top:2px solid #ec6a21;top:-10px;width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, .175);}
.web-choose-why:hover .grayd2{display: none;}
.web-choose-why:hover .orangeec{display: block;}
.web-choose-why{position: relative;top:0;left: 0;width: 100%;height:420px;background: #fff; box-shadow:none;transition: all 1s;}
.web-choose-why:hover .xian{border-top: 1px solid #ec6a21;margin-top: 10px;}
.xian{border-top: 1px solid #fff;margin-top:0px;transition: all 0.5s;padding: 30px;}
/*服务范围-小程序APP*/

.bg-black-05{background: rgba(0, 0, 0, 0.5);}
.p-b-orange strong{color: #ec6a21;font-size: 1.6rem;}
/*服务范围-购物商城*/


/*服务范围-网络营销推广*/








.flex-left{display: flex;justify-content: left;}
.flex-center{display: flex;justify-content: center;}
.flex-between{display: flex;justify-content: space-between;}
/*.bd-white{border-color: :1px solid #fff;}*/
.bd-red{border-color:#e10000;}
.bd-fa{border:1px solid #fafafa;}
.bd-f3{border:1px solid #f3f3f3;}
.bd-33{border-top:1px solid #222222;}
.bd-bottom-b-red{border-bottom:2px solid #f00;width: 10%;}
.bd-bottom-s{border-bottom: 1px solid #fff;width:20px;text-align: left;}
.bd-bottom-s-white{border-bottom: 1px solid #fff;width:20px;text-align: left;}
.bd-bottom-s-black{border-bottom: 1px solid #000;width:20px;text-align: left;}
.bd-bottom-s-6{border-bottom: 1px solid #666;width:43px;text-align: left;}
.bd-bottom-none{border-bottom: none!important;}
.pd-top150{padding-top: 160px;}

.pd-top100{padding-top: 100px;}
.pd-top101{padding-top: 101px;}
.pd-right100{padding-right: 100px;}
.pd-top-maxl{padding-top:50px;}
.pd-bottom-maxl{padding-bottom: 50px;}

.mg-top15{margin-top:15px }
.pd-left-right-0{padding-right: 0px;padding-left:0px;}

.height30{height: 15px;}
.height300{height: 300px;}


.bg-0{background-color:#000;}
.bg-34{background-color: #343434;}
.bg-f3{background-color: #f3f3f3;}
.bg-f7{background-color: #f7f7f7;}
.bg-fa{background-color: #fafafa;}
.bg-36{background-color: #363636;}
.bg-e6{background-color: #e6e6e6;}
.bg-dc{background-color: #dcdcdc;}
.bg-c{background-color: #ccc;}
.bg-c9{background: #c9c9c9;}
.bg-d2{background-color: #d2d2d2;}
.bg-3{background-color: #333;}
.bg-f9{background-color: #f9f9f9;}
.bg-ef{background-color: #efefef;}
.bg-e{background-color: #eee;}
.bg-red{background-color: #f00;}
.bg-big-red{background-color: #f50000;}
.bg-large-red{background-color: #e10000;}
.bg-red1{background-color: #d12117;}
.bg-red2{background-color: #d63400;}

.bg-orangee{background-color: #ec6a21;}

.txt-orange,.con-span span{color:#ec6a21;}
.txt-d6{color: #d6d6d6;}
.txt-0{color: #000;}
.txt-6{color: #666;}
.txt-9{color: #999;}
.txt-c{color: #ccc;}
.txt-f3{color: #f3f3f3;}
.txt-e0{color: #e0e0e0;}
.txt-ab{color: #ababab;}
.txt-a{color: #aaa;}
.txt-a1{color: #a1a1a1;}
.txt-red{color: #f00;}
.txt-36{color: #363636;}
.txt-8a{color: #8a8a8a;}
.bg-black-white-jb{
    background: #000;
    background: -moz-linear-gradient(left,  #000 0%, #bfbfbf 100%);
    background: -webkit-gradient(linear,top left,top right, color-stop(0%,#000), color-stop(100%,#bfbfbf));
    background: -webkit-linear-gradient(left,  #000 0%,#bfbfbf 100%);
    background: -o-linear-gradient(left,  #000 0%,#bfbfbf 100%);
    background: -ms-linear-gradient(left,  #000 0%,#bfbfbf 100%);
    background: linear-gradient(to right,  #000 0%,#bfbfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#bfbfbf',GradientType=0 );
}
:root .bg-black-white-jb{filter:none;}

.i-tit-bg{background: url(../images/index_tit_line.png) no-repeat center;}

.banner-h{height: 780px}
.active{border: 1px solid #ddd;color: #ed773f;}
.font22{font-size: 22px;}
.font20{font-size: 20px;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font10{font-size: 10px;}
.font16{font-size: 16px;}

.inline-block{display: inline-block;}
.inline-flex{display: inline-flex;}
.width2{width: 100%;float: left;padding: 10px 0;display: inline-block;}
.width1{width: 0%;float: left;display: none;}
@media (min-width:780px){
	.width2{width: 30%;float: left;display: inline-block;}
	.width1{width: 5%;float: left;display: inline-block;}
}

@media (min-width:1220px){
	.width2{width: 25%;float: left;display: inline-block;}
	.width1{width: 12.5%;float: left;display: inline-block;}
}

.width100{width: 100%;}

.ablack{text-decoration:none;color: #aeaeae;font-size: 12px;padding-left: 5px;text-align: center;transition: all 1s;}
.ablack:hover{color: #ec6a21;}
.a-black a{color: #aeaeae;font-size: 12px;padding-left: 5px;text-align: center;text-decoration:none;}
.a-black a:hover{color: #f00;text-decoration:none;}

/*.a-white a{color: #fff;font-size: 12px;padding-left: 5px;text-align: center;}*/
li.a-white-red:hover{background-color: #ec6a21;}
li.a-white-red:hover a{color: #fff;text-decoration:none;}
li.current-white-red{background-color: #ec6a21;}
li.current-white-red a{color: #fff;text-decoration:none;}

li.a-white-black:hover {background-color: #000;}
li.a-white-black:hover a{color: #fff;text-decoration:none;}
li.curretnt-white-black{background-color: #000;} 
li.curretnt-white-black a{color: #fff;text-decoration:none;}
.curretnt-white-black a{background: #000;color: #fff!important;}
.curretnt-white-black {background: #000;}
.a-hover:hover{color: #f00;text-decoration:none;}
.a-hover:hover a{color: #f00;}
/*.product-current{color: #fff;background-color: #f00;}*/
.mouse-t:hover{color: #f00;}
.text-undecoration{text-decoration: none;}

/*页数*/
.pagelist a{border:1px solid #ddd;padding:1px 1.8px;margin:1px;color: #000;line-height: 5px;}
.pagelist a:hover{color: #f00;border:1px solid #f00;}
.pagelist a.a1:hover{color:#000;border:1px solid #ddd;text-decoration: none;}
.pagelist span{border:1px solid #02528a;padding:1px 1.8px;margin:1px;color: #02528a;}
.pagelist .a1{border:1px solid #ddd;padding:1px;margin:1px;color: #000;}
@media (min-width:1220px){
.pagelist a{border:1px solid #ddd;padding:5px 10px;margin:6px;color: #000;line-height: 30px;}
.pagelist a:hover{color: #f00;border:1px solid #f00;}
.pagelist span{border:1px solid #f00;padding:5px 10px;margin:6px;color: #f00;}
.pagelist .a1{border:1px solid #ddd;padding:5px;margin:6px;color: #000;}
}


/*客服*/
.kefui{ float:right; position:fixed; right:1%;top:40%;}
.kefui .bg{ background:#999;padding:8px;}
.kefui div.tel:hover{overflow: visible;width:180px;}
.kefui div.ewm{ position:relative;}
.kefui div.ewm .ii{ height:auto;position:absolute; opacity: 0;border-radius: 8px;right:-200px;margin:0 20px; top:-50px; width:165px; padding:10px; background:#ec6a21 }
.kefui div.ewm .ii{z-index:-1; 
-webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
   }
.kefui div.ewm:hover .ii{ opacity: 1; width:150px; right:40px;height:auto;}
.kefui div.ewm h4{ position:absolute;top:0;height: 50px; margin:0em; font-weight:400; font-size:12px; background:#ec6a21; display:block;color:#fff; padding:6px; text-align:center;  opacity: 0;}
.kefui div.ewm:hover h4,.kefui div.cd-top:hover h4{ opacity: 1;}
.kefui div.qq,div.tel{color:#eee;width: 50px;overflow: hidden;height: 50px;}
.kefui div img{width: 50px;height: 50px;}
.kefui div.qq:hover{overflow: visible;width:130px;}
.kefui div.qq a,.kefui div.tel span{padding:0 10px; font-size:13px;color:#fff}
.kefui .box{ float:right; margin:1px 0;clear:both; background:#999}
.kefui .box:hover{ background:#ec6a21;}
.kefui div.cd-top{ position:relative;}
.kefui div.cd-top h4{ margin:0em; position:absolute;top:0;width:50px;line-height:50px; height:50px;background:#ec6a21; font-weight:400; font-size:12px; display:block;color:#fff; text-align:center; opacity: 0;}
.kefui .box:hover{ margin-right:0px;cursor: pointer;}
/*.kefui .box:hover .bg{background:gray;}*/

.date-cn span{display: block;}
.day{font-size: 50px;line-height: 50px;font-family: "Base-font";color: #333;}
.year{line-height: 16px;}
.day-year{padding-right:0px;}
@media (min-width:768px){
	.day-year{padding-right:10px;}

}
.tit-cn{width: 73%;margin-left: 5%;margin-top: -4px;padding-bottom: 20px;}
.tit{font-size: 16px;line-height: 28px;}
.cn{font-size: 12px;line-height: 20px;padding: 3px 0;}
.a-link{display: block;border-top: 1px solid #e5e5e5;margin-top: 28px;line-height: 38px;}


.more{display: block;width: 180px;height: 60px;line-height: 60px;text-align: center;color: #999;background-color: #fff;font-size: 18px;margin: 100px auto 0;cursor: pointer;}
.more:hover{background-color: #000;color: #fff;}

/*案例服务*/
.li-6 li{color: #666;line-height: 30px;}

.us-top-bottom{position: relative;}
.us-top-bottom .us-top{z-index: 111;position: absolute;top:30%;left: 16%;}
.us-top-bottom img{z-index: 1;height: 400px;min-width: 100%;}
.us-top h1{font-size: 50px;}



.solu-hover:hover h3,.solu-hover:hover h4{color: #f00;}
.cont-con a{color:#555; }
.mbx-hover a:hover{color: #f00;}
.auto{width: 100%;height: 100%;display: inline-block;}







a:link{text-decoration:none; }  /* 指正常的未被访问过的链接*/

a:visited{text-decoration:none; }/*指已经访问过的链接*/

a:hover{text-decoration:none;}/*指鼠标在链接*/}

a:active{text-decoration:none;}/* 指正在点的链接*/ 





/*鼠标效果*/