/* 首页banner  */
#focus_slider{ width:100%;overflow: hidden; position:relative;
-moz-box-shadow: 0px 5px 6px #ccc;
box-shadow: 0px 5px 6px #ccc;}
#slides { display:block; width:100%;height:550px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%;list-style:none; padding:0; margin:0; position:absolute}
#slides li.a{background:url(../../images/alimail/1.jpg) no-repeat center top;background-size: auto 100%; }
#slides li.a .tu{margin-top: -40px;}
#slides li.b{background:url(../../images/alimail/2.jpg) no-repeat center top;background-size: auto 100%;background-color: #222325;background-position: 220px 0;}
#slides li.b .tu{right: -250px;}
#slides li.c{background:url(../../images/alimail/3.jpg) no-repeat center top;background-size: auto 100%; }
#slides li.c .tuwen .wen{}
#slides li.c .tuwen .wen p.tit, #slides li.c .tuwen .wen p.st{color: #333;}
#slides li.c .tuwen .wen p.golink a.a{color: #666;border: 1px solid #666;}
#slides li.c .tuwen .wen p.golink a.a:hover{background: #e33b38;color: #fff;border: 1px solid #e33b38;}
#slides li.d{background:url(../../images/alimail/4.html) no-repeat center top;background-size: auto 100%; }
/*#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}*/
#pagination {width: 200px;height: 10px; text-align: center;
	position:absolute; left:50%; bottom:10px;margin-left: -100px !important; z-index:999;}
#pagination li { display:inline-block; list-style:none; width:10px; height:10px; margin:0 4px; border-radius:5px; background:#FFF;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#e33b38;width:20px;}

.tuwen{position: relative;height: 550px;}
.tuwen .wen{width: 50%;height: 220px; position: absolute;top: 50%;left: 0; margin-top: -110px;}
.tuwen .tu{height: 100%;position: absolute;top: 0;right: -120px;}
.tuwen .tu img{height: 100%;width: auto;}
.tuwen .wen p.tit{height: 50px;line-height: 50px;font-size: 40px;color: #fff;overflow: hidden;}
.tuwen .wen p.st{min-height: 50px;line-height: 1.6em;font-size: 16px;color: #fff;margin-top: 10px;overflow: hidden;}
.tuwen .wen p.golink{max-width: 350px;display: block;color: #fff;margin-top: 30px;font-size: 16px;overflow: hidden;}
.tuwen .wen p.golink a{width: 46%;padding: 8px 0;display: inline-block;float: left;text-align: center;margin-right: 4%;}
.tuwen .wen p.golink a.a{color: #fff;border: 1px solid #fff;}
.tuwen .wen p.golink a.b{background: #ee4542;color: #fff;border: 1px solid #ee4542;margin-right: 0;}
.tuwen .wen p.golink a:hover{background: #e33b38;border: 1px solid #e33b38;text-decoration: none;}
/*jiage*/
.jiage{margin-top: -70px;position: relative;overflow: inherit; z-index: 9999;}
.jiage .kh{width: 100%;color: #fff;padding: 0 3%;display: table;background: linear-gradient(-118deg,#00c1e0 1%,#098df9 93%);
	/*background: linear-gradient(-120deg,#f86461 1%,#ee4542 93%);*/z-index: 9;}
.jiage .kh h3{font-size: 24px;font-weight: normal; color: #fff;line-height: 70px;padding-left: 50px; overflow: hidden;
	background:url(../../images/alimail/logo-m.png) no-repeat left;background-size: 42px;}
.jiage .kh p{height: 70px;line-height: 20px;font-size: 14px;color: #fff;display: table-cell;vertical-align: middle;overflow: hidden;}
.jiage .kh p i{width: 36px;height: 16px;line-height: 16px;background: #f60;margin-right: 15px;font-size: 12px;text-align: center;
	display: inline-block;vertical-align: middle;position: relative;top: -1px;}
.jiage ul{}
.jiage ul li{width: 33.33%;height: 480px;background: #fff;float: left;text-align: center;padding: 2% 4%;
	border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.jiage ul li:nth-child(4){border-right: 1px solid #ddd;}
.jiage ul li:hover{transition: .3s;box-shadow:0 0 15px rgba(0,0,0,.15);z-index: 1;}
.jiage ul li p{width: 100%; line-height: 2em;display: inline-block;color: #333;}
.jiage ul li p.t1{font-size: 22px;}
.jiage ul li p.t2{color: #777f84; padding-bottom:10px;border-bottom: 1px dashed #bcc1c4;}
.jiage ul li p.t3{height: 120px;font-size: 16px; padding: 10px 0;}
.jiage ul li p.t3 i{color: #35b34a;}
.jiage ul li p.t4{width: 100%; overflow: hidden;line-height: 22px;padding: 15px 0;border-top: 1px dashed #bcc1c4;border-bottom: 1px dashed #bcc1c4;}
.jiage ul li p.t4 span{float: left;width: 50%;text-align: left;box-sizing: border-box;font-size: 12px;color: #4b5053;
	overflow: hidden;white-space: nowrap;vertical-align: top;}
.jiage ul li p.t4 span i{width: 28px;font-size: 16px;color: #373d41;font-weight: 700;text-align: right;margin-right: 5px;}
.jiage ul li p.price{font-size: 28px;color: #00c1de;font-weight: 700;padding: 20px; position: relative;line-height: 100%;}
.jiage ul li p.price i{font-size: 12px;vertical-align: super;}
.jiage ul li p.price b{margin-left: -8px;}
.jiage ul li p.price span{font-weight: 400;font-size: 14px;line-height: 21px;margin-left: -8px;}
.jiage ul li a.tiyan{display: block;width: 128px;height: 36px;line-height: 36px;margin: 0 auto;background: #00c1de;color: #fff;transition: .3s;}
.jiage ul li a.tiyan:hover{background: #e33b38;text-decoration: none;}
.jiage ul li a.free{display: inline-block;margin: 10px auto 0;color: #33cde5;}
.jiage ul li a.free:hover{text-decoration: underline;color: #33cde5;}
/*行业定制*/
.hangye{width: 100%;padding: 20px 0;}
.hangye ul{text-align: center;}
.hangye ul li{float: left;width: 28%;height: 380px; margin:0 2% 2%;padding: 5%; background: #fff; text-align: center;}
.hangye ul li:hover{box-shadow:0 0 10px 0 rgba(99, 176, 222, 0.5);}
.hangye ul li h3{display:block;font-size: 28px;font-weight: normal;line-height: 2em;}
.hangye ul li a i{display: inline-block;width: 100px;height: 100px;background: url(../../images/alimail/hy.png) no-repeat center;background-size:200px auto;}
.hangye ul li a:hover{color: #00c1de;}
.hangye ul li.h-1 a i{background-position: 0 0px;}
.hangye ul li.h-2 a i{background-position: 0 -100px;}
.hangye ul li.h-3 a i{background-position: 0 -200px;}
.hangye ul li.h-1 a:hover i{background-position: -100px 0px;}
.hangye ul li.h-2 a:hover i{background-position: -100px -100px;}
.hangye ul li.h-3 a:hover i{background-position: -100px -200px;}
.hangye ul li a p{color: #777f84;}

/*duolei*/
.duolei{margin-top: 40px;background: #fff;}
.menu{width: 100%;height: 50px;line-height: 50px; background:#fff;border-bottom: 1px solid #ccc;text-align: center;z-index: 999;}
.menu-show{animation-duration: 2s;position: fixed;right: 0;left: 0;top: 0;z-index: 1030;}
.menu ul{display: inline-block;}
.menu ul li{float: left;display: block;padding: 0 15px;margin: 0 5px; cursor: pointer;}
.menu ul li a{height: 50px; display: block;}
.menu ul li a.active{color: #00c1de;border-bottom: 2px solid #00c1de;}
.main .box{padding-top: 10px;}
.bt{padding: 60px 0;line-height: 1.2em;text-align: center;}
.bt h3{font-size: 23px;color: #4d5154;}
.bt p{font-size: 16px;color: #777f84;margin-top: 15px;}
.youshi{overflow: inherit;}
.youshi ul{}
.youshi ul li{width: 33.33%;height: 250px;float: left;text-align: center; border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;
	transition: all .3s cubic-bezier(.4,0,.2,1);}
.youshi ul li p.tit{width: 60px;display: inline-block;margin:70px 0 16px;transition: all .3s;}
.youshi ul li p.tit i{display: inline-block;width: 60px;height: 60px; transition: all .3s;
	background: url(../../images/alimail/youshi.png) no-repeat;background-size: 100% auto;}
.y1{background-position: 0px -0px !important;}
.y2{background-position: 0px -60px !important;}
.y3{background-position: 0px -120px !important;}
.y4{background-position: 0px -180px !important;}
.y5{background-position: 0px -240px !important;}
.y6{background-position: 0px -300px !important;}
.y7{background-position: 0px -360px !important;}
.y8{background-position: 0px -420px !important;}
.y9{background-position: 0px -480px !important;}
.youshi ul li p.tit span{display: inline-block;font-size: 22px;color: #373d41;margin-top: 15px;line-height: 100%;text-align: center;}
.youshi ul li p.txt{max-width: 270px;height: 36px;line-height: 20px;color: #777f84;overflow: hidden;
	margin: 0 auto;opacity: 0;transition: all .3s cubic-bezier(.4,0,.2,1);}
.youshi ul li:hover{background-color: #fff;box-shadow: 0 0 15px rgba(186,204,207,.7);}
.youshi ul li:hover p.tit{margin:45px 0 16px;}
.youshi ul li:hover p.txt{opacity: 1;}
/*gongneng*/
.gongneng ul.tou li{width: 33.33%;height: 260px;padding: 0 3%;float: left;text-align: center;background: #e5f4f8;overflow: hidden;}
.gongneng ul.tou li p.tit{width: 100%;display: inline-block;margin:40px 0 8px;transition: all .3s;}
.gongneng ul.tou li p.tit i{display: inline-block;width: 80px;height: 80px; transition: all .3s;
	background: url(../../images/alimail/g.png) no-repeat;background-size: 100% auto;}
.g1{background-position: 0px -0px !important;}
.g2{background-position: 0px -80px !important;}
.g3{background-position: 0px -160px !important;}
.g4{background-position: 0px -240px !important;}
.g5{background-position: 0px -320px !important;}
.g6{background-position: 0px -400px !important;}
.gongneng ul li p.tit span{display: block;font-size: 20px;color: #373d41;margin-top: 10px;line-height: 100%;text-align: center;}
.gongneng ul.wei{padding-bottom: 20px;}
.gongneng ul.wei li{width: 32.33%;height: 80px; padding: 0 5% 0 15px;margin: 45px 0 0 1%; float: left;overflow: hidden; position: relative;}
.gongneng ul.wei li:before{content: "";display: block;width: 4px; height: 20px;background: #1199f2; position: absolute;top: 0;left: 0;}
.gongneng ul.wei li span{display: inline-block;font-size: 19px;color: #373d41;line-height: 20px;}
.gongneng ul.wei li p{margin-top: 5px;color: #777f84;line-height: 25px;}
/*dingyou*/
.dingyou{padding: 0 1%;}
.dingyou .bt{padding: 120px 0 46px;}
.dingyou ul{width: 49%;float: left;margin-right: 2%; border: 1px solid #e0e0e0;}
.dingyou ul:nth-child(3){margin-right: 0;}
.dingyou ul .tu{ width: 100%;height: 340px;padding: 10px 0 25px;text-align: center;border-bottom: 1px solid #e0e0e0;position: relative;}
.dingyou ul .tu:before{ display:none;content: "";height: 20px;width: 20px;border: 1px solid #e0e0e0;border-top: 0;border-right: 0;
position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%) rotate(-45deg);background-color: #fff;}
.dingyou ul .tu img{}
.dingyou ul .tu p{font-size: 24px; color: #373d41;}
.dingyou ul li{padding: 38px 3%}
.dingyou ul li span{font-size: 20px;color: #373d41;}
.dingyou ul li .dy-con{width: 100%;margin-top: 20px;overflow: hidden;}
.dingyou ul li .dy-con div.on{width: 48.5%;height: 135px;padding: 25px 3% 15px 6%; background-color: #f9f9f9;}
.dingyou ul li .dy-con div.on p:nth-child(1){margin-bottom: 3px;position: relative;}
.dingyou ul li .dy-con .old{float: left;color: #9b9ea0;}
.dingyou ul li .dy-con .now{float: right;}
.dingyou ul li .dy-con .now p:nth-child(1):before{content: "";display: block;width: 16px; height: 16px;background: url(../../images/alimail/gou.png) no-repeat;
	position: absolute;left: -20px;top: 3px;}
/*案例*/
.anli{background: #eee;padding: 20px 0 50px;margin-top: 50px;}
.anli .bt{padding: 60px 0 0;}
.anli .wen p.an_1{font-size: 22px;color: #373d41;margin-bottom: 7px;line-height: 100%;}
.anli .wen span.a{color: #ee4542;margin-bottom: 15px;display: inline-block;}
.anli .wen p.an_2{height: 58px;overflow: hidden;color: #777f84;line-height: 20px;margin-bottom: 20px;}
.anli .wen p.btm{color: #777f84;font-size: 16px;line-height: 54px;border-top: 1px solid #e0e0e0;}
.anli a.our{display: block;width: 160px;height: 42px;margin: 15px auto;
	line-height: 42px;color: #ee4542;text-align: center;border: 1px solid #ee4542;transition: 0.3s;}
.anli a.our:hover{background-color: #ee4542;color: #fff;}
/*buy*/
.buy{overflow:hidden;}
.buy .hd{position:relative;height: 70px;line-height: 70px;margin-bottom: 10px;}
.buy .hd ul{width: 210px;margin:0 auto 15px;}
.buy .hd li{width: 49%;float:left;margin: 0 1px;padding:0 15px; font-size:18px;border-bottom: 2px solid #666;text-align:center;cursor:pointer;}
.buy .hd li a{color: #666;}
.buy .hd li.on{border-bottom: 2px solid #ee4542;}
.buy .hd li.on a{color:#ee4542;display: block;}
/*open*/
.buy .bd{width: 100%;}
.buy .bd{max-height: 600px;overflow: hidden;}
.buy .bd ul.open{padding: 10px 0;overflow: hidden;}
.buy .bd ul.open li{float: left;width: 48.4%;margin: 0 0.8%;background: #fafafa; box-shadow: 0 0 8px rgba(97, 100, 104, 0.8);}
.buy .bd ul.open .tu,.bd ul.open .wen{width: 100%;overflow: hidden;}
.buy .bd ul.open .tu img{}
.buy .bd ul.open .wen{padding: 30px 8% 0;}

/*新闻*/
.news{padding: 0 0 50px;}
.news .bt{padding: 60px 0 30px;}
.news ul{}
.news ul li{width: 29.33%;float: left;margin-right: 6%;padding-left: 15px;line-height: 2em; position: relative;}
.news ul li:nth-child(3n){margin-right: 0;}
.news ul li:before{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50px;
	background: #666;
	position: absolute;
	top: 50%;
	margin-top: -2.5px;
	left: 0;
	z-index: 1;}
.news ul li a{max-width: 80%;display: inline-block;float: left;}
.news ul li a:hover{text-decoration: underline;}
.news ul li i{padding-left: 1.2em;background: url(../../images/alimail/is.png) no-repeat left;background-size: 0.8em;
	position: absolute;top: 0;right: 0;color: #999;}



/* --------for 780px-------- */
@media screen and (max-width: 780px){
.tuwen .tu, .link{display: none; padding: 10px 4%;}
#slides{height: 220px;}
#pagination{bottom: 0;}
#pagination li{width: 20px; height: 2px;margin: 0 2px;}
.tuwen{height:  100%;}
.tuwen .wen{width: 100%;height: 160px;margin-top: -80px; padding: 4%;}
.tuwen .wen p.tit{font-size: 24px;}
.tuwen .wen p.st{font-size: 12px;margin-top: 0;min-height: inherit;}
.tuwen .wen p.golink{font-size: 14px;margin-top: 10px;}
.tuwen .wen p.golink a{padding: 4px 0;}
.buy .hd li a{pointer-events: none;}
.jiage{margin-top: 0;}
.jiage .kh{display: block;height: initial;}
.jiage .kh h3{width: 100%;font-size: 20px;font-weight: bold;}
.jiage .kh p{padding-bottom: 20px;}
.jiage ul li{width: 94%;margin: 0 auto;padding: 2% 6%;float: initial;
	border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.bt p{padding:0 4%;line-height: 1.5em;}
.hangye ul li{width: 90%;height: 280px;margin: 0 5% 2%;}
.menu ul{width: 100%;}
.menu ul li{width: 25%;margin: 0;padding: 0;}
.gongneng ul{}
.gongneng ul.wei li{width: 44%;margin: 45px 3% 0;}
.dingyou .bt{padding: 60px 0 20px;}
.dingyou ul{width: 100%;}
.dingyou ul .tu{height: initial;padding-bottom: 40px;}
.dingyou ul li{padding: 38px 3% 0px;}
.buy .bd{max-height: initial;}
.buy .bd ul.open li{width: 94%;margin: 0 3%;}
.news ul{padding: 0 5%;}
.news ul li{width: 100%;}
.news ul li i{font-size: 12px;}


}