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

*{margin:0;padding:0;list-style:none}
html{padding:0; font-size:14px; line-height:22px;color: black;}
body{background-color: #ffffff; width:100%; margin:0 auto; padding-top:80px; min-width: 1600px;}
a{text-decoration: none;}
.clearfix{clear: both;}
.hiddenfix{overflow: hidden;}

/*外部链接字体*/
@font-face{font-family:"ARLRDBD";
    src: url("../font/ARLRDBD.TTF") format("opentype");}
.text-ARLRDBD{font-family:"ARLRDBD";}


.main{margin:0 auto;}
.conWrap{width:100%!important;}
.con{width:100%!important;}

/*用于元素动画出发前隐藏*/
.Opacity0 {opacity: 0}

/*栏目标题样式*/
.column-title {font-size: 24px;margin: 0 auto 50px;}
.column-title .text-ARLRDBD,.column-title02 .text-ARLRDBD{font-size: 30px;line-height: 30px;}
.column-title hr,.column-title02 hr{width: 2px;height: 30px;margin: 8px 0 8px 2px;background-color: #000;border: none}
.column-title02{font-size: 24px;margin-left: 5%;padding-top:4%;}
.add-space{padding-top:4%;}

.tab-text-header {float: left;width: 20%;position: inherit;}

/*阴影兼容*/
.bottom-shadow{box-shadow: 0px 4px 5px 0px rgb(0,0,0,.2);-webkit-box-shadow: 0px 4px 5px 0px rgb(0,0,0,.2);-moz-box-shadow: 0px 4px 5px 0px rgb(0,0,0,.2)}
.around-shadow{box-shadow: 0px 0px 30px 0px rgb(0,0,0,.2);-webkit-box-shadow: 0px 0px 30px 0px rgb(0,0,0,.2);-moz-box-shadow: 0px 0px 30px 0px rgb(0,0,0,.2)}

/*联系客服*/
.service-box{position: fixed;right: 2%;bottom: 10%;z-index: 999999;}
.service-box ul{width: 70px;text-align: center; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.10),-5px -5px 10px rgba(0, 0, 0, 0.10);}
.service-box ul li{border-bottom: 1px solid #ffffff;padding:10px 0; background-color: #1478f0;cursor: pointer;}
.service-box ul li img{width:35px;}
.service-box ul li .service-active{display: none;}
.service-box ul li h5{color: #ffffff;}
.service-box ul li:hover{background-color: #ffffff;}
.service-box ul li:hover .service-normal{display: none;}
.service-box ul li:hover .service-active{display: inline-block;}
.service-box ul li:hover h5{color: #2f98ff;}
/*弹窗*/
.mask-pop{width:20%;/* background-image:url(../image/bg_mask_b.png); */position:fixed; bottom:3%; right:5%; z-index:10; display: none;}
.popup2{ position:relative;
	width:80%;
    padding:30px 24px;
	text-align: center;
	font-size: 20px;
	background: #fff;
	border-radius:6px; 
	box-shadow: 0 0 15px #b1b1b1;
	z-index: 20;
}
.popup2 .btn-close{ position:absolute; top:5px; right:10px; width:13px;z-index:5;cursor:pointer;}
.popup2 .btn-close img{width:100%; height:auto}

.mask-pop .message-box{width:100%}
.message-box input{width:100%;height:42px;display: block;background-color: #f5f5f5;border:1px solid #dddddd;margin-bottom:13px;padding-left:10px;color:#666;border-radius: 2px;outline: none;}
.message-box .textarea{ width:100%;height: 80px;padding-left:10px;padding-top:5px; display: block;background-color: #f5f5f5;border:1px solid #dddddd;border-radius: 2px;outline: none;}
.message-box .submit{width:104%;height:42px;border-radius: 2px;border: none;background-color: #2f98ff;display: block;margin-top:12px;color:#fff;cursor: pointer;transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;outline: none;}
.message-box .submit:hover{background-color: #1478f0;box-shadow: 0 0 10px #e8e8e8;}
.message-box p{font-size: 12px;color: #666666;text-align: left;margin-top:5px;}


/*主导航*/
.box-NAV {width:100%;height: 80px;position:fixed;top:0px; left:2%; background-color:#fff; z-index: 9999;}
.box-NAV .img_logo{float: left;padding: 0 75px 0 33px;margin-top: 22px;height: 37px}
.box-NAV .slideTxtBox {float: left;width:55%;height:100%;} 
.box-NAV .navBar {height:100%;color:#333;}
.box-NAV .nav {width:100%;height: 100%; margin:0 auto;}
.box-NAV .nav li {float: left;}
.box-NAV .nav .bar-blue {background-color: #2f98ff;width: 47px;height: 6px;border-radius: 3px;position: absolute;bottom: 0;left:27px;opacity: 0}
.box-NAV .nav .nLi.on .bar-blue {opacity: 1;}
.box-NAV .nav .nLi h3 {height: 100%;width:100px;display: table;margin:0 auto;position:relative;}
.box-NAV .nav .nLi h3 a {font-size:18px; font-weight:normal;margin: 0;color:#000;text-align:center;display: table-cell;vertical-align: middle;}
.box-NAV .nav .nLi{float:left;height: 100%;width: 13%;border-left: solid 1px #e5e5e5;}
.box-NAV .nav .nLi:last-child{border-right: 1px solid #e5e5e5;}
.box-NAV .nav .sub {position:absolute;left:0px;top:80px;width:100%; padding-bottom: 10px;border-top: solid 1px #e5e5e5;background:#fff;display: none;z-index:9995;}
.box-NAV .nav .sub ul {float:left;width:24%;}
.box-NAV .nav .sub ul li {float: left;width: 65%;height: 26px;}
.box-NAV .nav .sub ul li:hover a{color: #2f98ff}
.box-NAV .nav .sub .first-item{margin-left:11%;}
.box-NAV .nav .sub .noSub {float: left;margin: 0 55px 0 0;}
.box-NAV .nav .sub .noSub:first-of-type {margin-left: 11%;}
.box-NAV .nav .sub .noSub a {font-size: 18px;color:#222222;}
.box-NAV .nav .sub .noSub a:hover {color:#2f98ff}
.box-NAV .nav .sub a {color:#666;padding:5px 0;}
.box-NAV .nav .sub h4 {font-size: 18px;color:#2f98ff;font-weight: normal;padding: 30px 5px 20px 0;}
.box-NAV .nav .sub .one-column {width:12%;}
.box-NAV .nav .sub .two-column li{width: 50%;}
.box-NAV .img-phone{float: right;padding-right: 33px;margin-top: 15px;height: 47px}

/*主页--切换响应动画组件*/
.bs-slider{width: 100%;height: 680px;position: relative;overflow: hidden}
.carousel-inner {width: 100%;height: 100%}
.carousel-inner .item:first-child .container img:first-child {position: absolute;top:10%;right:20%;height: 100px}
.carousel-inner .item:first-child .container img:first-child+img {left: 23.5%;bottom:32.5%;height: 201px}
.carousel-inner .item:first-child .container img:first-child+img+img {left: 50%;bottom:36.5%;height: 203px;margin-left: -116px}
.carousel-inner .item:first-child .container img:first-child+img+img+img {right: 24.2%;;bottom:32.5%;height: 203px}
.carousel-inner .item:first-child .container img {position: absolute;z-index: 9}
.carousel-inner .item:first-child+.item .container img:first-child {position: absolute;top:11.5%;right: 50%;margin-right: -350px;height: 80px}
.carousel-inner .item:first-child+.item .container img:first-child+img {right: 42%;bottom:0;margin-right: -465px;height: 500px}
.carousel-inner .item:first-child+.item .container img {position: absolute;z-index: 9}
.bs-slider > .carousel-inner > .item > img {height: auto;width: 100%}

/*主页--切换响应动画组件--相关实现代码*/
.fade {opacity: 1;}
.fade .item {top: 0;z-index: 1;opacity: 0;width: 100%;height: 100%;position: absolute;left: 0 !important;display: block !important;-webkit-transition: opacity ease-in-out 1s;-moz-transition: opacity ease-in-out 1s;-ms-transition: opacity ease-in-out 1s;-o-transition: opacity ease-in-out 1s;transition: opacity ease-in-out 1s;}
.fade .item.active {opacity: 1;z-index: 2;-webkit-transition: opacity ease-in-out 1s;-moz-transition: opacity ease-in-out 1s;-ms-transition: opacity ease-in-out 1s;-o-transition: opacity ease-in-out 1s;transition: opacity ease-in-out 1s;}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px; } 
.control-round:hover .carousel-control{opacity: 1;}
.control-round .carousel-control.left {left: 1%;right: auto;bottom: 0;text-align: center;}
.control-round .carousel-control.right {left: auto;right: 1%;bottom: 0;text-align: center;}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{color: #fdfdfd;background: rgba(0, 0, 0, 0.5);border: 0px transparent;}
.control-round .carousel-control.left>span:first-child{left: 45%;}
.control-round .carousel-control.right>span:first-child{right: 45%;}
.control-round .carousel-control.left>span:first-child img,.control-round .carousel-control.right>span:first-child img {width: 15px;vertical-align: baseline;margin-bottom: 1px}

.indicators-line > .carousel-indicators{position: absolute;z-index: 15;margin-left: -30%;list-style: none; right: 46.5%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap;}
.indicators-line > .carousel-indicators li{display: inline-block;margin: 1px; padding: 0; width: 35px; height: 3px; text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); margin-right: 5px; opacity: 0.7; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer;}
.indicators-line > .carousel-indicators li:last-child{margin-right: 0;}
.indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px;background-color: #1478f0;position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.indicators-line > .carousel-indicators .active:before{transform: scale(0.5); background-color: #fff; content:""; position: absolute; width:15px; height: 15px;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.slide_style_left {text-align: left !important;}
.slide_style_right {text-align: right !important;}
.slide_style_center {text-align: center !important;}
.slide-text {left:10%; top: 8%; right: 0; margin: auto; padding: 10px; position: absolute; text-align: left; padding: 10px 85px;}
.slide-text > h1 { padding: 0; color: #ffffff; font-size: 40px; font-style: normal; line-height: 84px; letter-spacing: 1px; display: inline-block; -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.slide-text > p {padding: 0; color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 300; margin-bottom: 40px; letter-spacing: 1px; -webkit-animation-delay: 1.1s; animation-delay: 1.1s;}
.slide-text > a.btn-default{ color: #000; font-weight: 400; font-size: 13px; line-height: 15px; margin-right: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; display: inline-block; border: none; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}
.slide-text > a.btn-primary{ color: #ffffff; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 15px; margin-left: 10px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; background: #00bfff; display: inline-block; text-decoration: none; text-transform: uppercase; border: none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
.slide-text > a:hover,
.slide-text > a:active {color: #ffffff;background: #222222;-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}



/*主页--行业解决方案*/
.solution-box{width: 100%;margin:50px auto;position: relative;}
.title-location{float: left;width:20%;}
.solution-items{float: right; width:80%;text-align: center;padding-bottom: 30px;}
.solution-items li {float: left;width:18%;height: 300px;margin:20px 12px;padding: 30px 30px 0 30px;cursor: pointer;position: relative;}
.solution-items li hr {width:20%;height: 2px;background-color: #e5e5e5;margin:20px auto;border: none;}
.solution-items li h3{font-size: 22px;color: #000;font-weight: normal;}
.solution-items li p{font-size: 16px;color: #666666;margin: 30px 0;height: 72px;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.items-icon{width:58px; height:55px;margin-bottom:10px;}
.img-more{width: 30px; height: 30px;display: block;margin: 0 auto;}
.more-btn{font-size: 18px;color: #fff;width: 144px;height: 34px;margin: 0 auto; border: solid 1px #fff;padding-top: 8px;opacity: 0;display:block;margin-top: -10px}
.solution-items li:hover .img-more{display: none}
.solution-items li:hover .more-btn {background-color: #1478f0;border-color: #1478f0;opacity: 1;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.solution-items li .box-cover {width: 100%;height: 100%; position: absolute;top: 0;left: 0; z-index: 9;display: block;transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;-ms-transition: 0s;-o-transition: 0s}
.solution-items li:hover .box-cover {border-bottom: solid 5px #2f98ff;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=220,Color='#999999');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=220,Color='#999999')";box-shadow: 0px 0px 20px 0px rgb(0,0,0,.2);-webkit-box-shadow: 0px 0px 20px 0px rgb(0,0,0,.2);-moz-box-shadow: 0px 0px 20px 0px rgb(0,0,0,.2);}
.solution-items li:hover hr{visibility: hidden}
.solution-items li:hover p {transform: translateY(-10px);transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}



/*主页--数据中心*/
.tab-text {width:100%;margin:60px auto;}
.tab-text-header .tab-nav {font-size: 18px;margin-top: 10px;margin-bottom: 10px;color: #666;cursor: pointer;width: 150px;height: 34px;padding-top: 12px;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;background-color:none}
.tab-text-header .tab-nav div {transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.tab-text-header .tab-nav img {margin-left: 15px;height: 13px}
.tab-text-header .tab-nav.on {background-color: #1478f0}
.tab-text-header .tab-nav.on div {color: #fff;transform: translateX(25px)}
.tab-text-header .tab-nav.on .tran15 {color: #fff;transform: translateX(15px)}
.tab-text-header .tab-nav:hover {background-color: #1478f0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s}
.tab-text-header .tab-nav:hover div {color: #fff;transition: .5s;;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transform: translateX(25px)}
.tab-text .more {position: absolute;bottom:-320px;left: 970px;width: 100px}
.tab-text .more img {height: 38px}
.tab-text .more a:first-child img {display: none}
.tab-text .more a:first-child+a img {display: none}
.main-header.home {width: 100%;margin: 0;font-weight: normal}

.text-content{float: right;width: 80%;height: 800px; position: relative;}
.data-box{height: 890px;background-color: #f3f4f6;}
.text-content .dc {width: 100%; overflow: hidden;position: absolute;bottom: 40px}
.text-content .dc li {width:29%;height: 276px;position: relative;margin: 0 20px 0px;float: left}
.text-content .dc .box-cover {width: 100%;height: 100%;background-color: #000;opacity: .3;display: block; position: absolute;z-index: 9;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.text-content .dc .entry-pic {width: 100%;height: 276px;z-index: 8}
.text-content .dc .img-business01 .entry-pic {background-image: url("../image/img_business_01.jpg")}
.text-content .dc .img-business02 .entry-pic {background-image: url("../image/img_business_04.jpg")}
.text-content .dc .img-business03 .entry-pic {background-image: url("../image/img_business_02.jpg")}
.text-content .dc .entry-text {width: 100%;height: 231px;position: absolute;top: 0;z-index: 10;padding-top: 45px}
.text-content .dc .entry-header {width: 293px;font-size: 30px;color: #fff;line-height: 32px;height: 34px;margin: 0 auto 20px;font-weight: bolder}
.text-content .dc .entry-intro {width: 94%;font-size: 16px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 28px;height: 56px;margin: 0 auto 25px;}
.text-content .dc .entry-text div:first-child+div+div {font-size: 18px;color: #fff;display: block;width: 144px;height: 34px;border: solid 1px #fff;padding-top: 10px;margin: 0 auto}
.text-content .dc .entry-header,.text-content .dc .entry-text,.text-content .dc .entry-text div:first-child+div+div {text-align: center}
.text-content .dc li:hover .box-cover {opacity:0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.text-content .dc li:hover .entry-text div:first-child+div+div {background-color: #1478f0;border-color: #1478f0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}

/*主页--服务器托管*/
.server-hosting li {width:29%;height: 276px;position: relative;margin: 0 20px 0px;float: left}

.server-hosting .entry-text {width: 100%;height: 390px;position: absolute;top: 0;z-index: 10;padding-top: 45px;background-color: #fff}
.server-hosting .entry-header {font-size: 30px;color: #fff;line-height: 32px;height: 34px;font-weight: bolder;color: #000;margin: 0 auto 30px;font-size: 22px}
.server-hosting li .entry-header hr {margin: 15px auto 15px;border: none;border-bottom: solid 1px #2f98ff;width: 110px}
.server-hosting li .entry-price {color: #1478f0;line-height: 32px;height: 34px;font-weight: normal;font-size: 20px}
.server-hosting li .entry-price span {font-weight: bolder}
.server-hosting .entry-intro {width: 75%;height: 205px;;margin: 80px auto 0px;font-size: 16px;color: #666;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.server-hosting .entry-intro p {margin-top: 5px;font-size: 16px;text-align: left;overflow: hidden;}
.server-hosting .entry-text .more-btn02{font-size: 18px;display: block;width: 144px;height: 34px;padding-top: 10px;margin: 0 auto;color: #1478f0;border: solid 1px #1478f0;}
.server-hosting .entry-header,.server-hosting a {text-align: center}
/*hover效果*/
.server-hosting li:hover .box-cover {opacity: 0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.server-hosting li:hover .entry-text .more-btn02{background-color: #1478f0;border-color: #1478f0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;color: #fff;}
.server-hosting li:hover .entry-text {filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=220,Color='#999999');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=220,Color='#999999')";box-shadow: 0px 0px 20px 0px rgb(0,0,0,.2);-webkit-box-shadow: 0px 0px 20px 0px rgb(0,0,0,.2);-moz-box-shadow: 0px 0px 20px 0px rgb(0,0,0,.2);}

/*服务器托管列表*/
.server-list li {width:33.333%;float: left;margin-bottom: 30px}
.server-list .entry-text {padding: 0 15px 40px ;margin: 0 auto;width: 90%;z-index: 10;background-color: #fff;display: block;}
.server-list .entry-header {font-size: 30px;color: #fff;line-height: 32px;height: 34px;font-weight: bolder;color: #000;margin: 0 auto 30px;padding-top: 45px;font-size: 22px;}
.server-list li .entry-header hr {margin: 15px auto 15px;border: none;border-bottom: solid 1px #2f98ff;width: 110px}
.server-list li .entry-price {color: #1478f0;line-height: 32px;height: 34px;font-weight: normal;font-size: 20px}
.server-list li .entry-price span {font-weight: bolder}
.server-list .entry-intro {width: 75%;height: 205px;;margin: 80px auto 0px;font-size: 16px;color: #666;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.server-list .entry-intro p {margin-top: 5px;font-size: 16px;text-align: left;}
.server-list .entry-text .more-btn02{font-size: 18px;display: block;width: 144px;height: 34px;padding-top: 10px;margin: 0 auto;color: #1478f0;border: solid 1px #1478f0;}
.server-list .entry-header,.server-list a {text-align: center}
.server-list li .entry-text {filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=220,Color='#999999');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=220,Color='#999999')";box-shadow: 0px 0px 20px 0px rgb(0,0,0,.2);-webkit-box-shadow: 0px 0px 20px 0px rgb(0,0,0,.2);-moz-box-shadow: 0px 0px 20px 0px rgb(0,0,0,.2);}
/*hover效果*/
.server-list li:hover .box-cover {opacity: 0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.server-list li:hover .entry-text .more-btn02{background-color: #1478f0;border-color: #1478f0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;color: #fff;}



/*主页--中部自研产品切换组件*/
.column-title02.product-reset {margin-left: 10%}
.tab-text.product {width:100%;position: relative;margin:0 auto;}
.tab-text-header02 {z-index: 9;float: left;width:100%;position: inherit;}
.product-nav{width: 1200px;margin: 78px auto 0 auto;position: relative;height: 200px}
.tab-text-header02 ul {position: absolute;top: 0;bottom:0;}
.tab-text-header02 .tab-nav {float: left;width: 200px;height: 80px;background-color: #1478f0;text-align: center;padding-top:15px;font-size: 18px;cursor: pointer;}
.tab-text-header02 .tab-nav:nth-child(2n+1) {background-color: #1478f0;}
.tab-text-header02 .tab-nav:nth-child(2n) {background-color: #0a55ab;}
.tab-text-header02 .tab-nav img {margin-left: 0px;margin-bottom: 6px;height: 32px;}
.tab-text-header02 .tab-nav img:first-child+img {display: none;visibility: hidden}
.tab-text-header02 .tab-nav span {display: block;color: #fff;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.tab-text-header02 .tab-nav.on img:first-child {display: none;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.tab-text-header02 .tab-nav.on img:first-child+img {display: block;visibility: visible;margin: 0 auto 10px;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.tab-text-header02 .tab-nav.on span {color: #71fc63;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.tab-text.product .tab-text-content{width: 100%;}
.tab-text.product .tab-text-content .box-bg {width: 100%;height: 330px;background-repeat: no-repeat;background-size: 100% 100%;z-index: 8}
.tab-text.product .tab-text-content .con:first-of-type .box-bg {background-image: url("../image/img_product_01.jpg")}
.tab-text.product .tab-text-content .con:first-of-type+.con .box-bg {background-image: url("../image/img_product_02.jpg")}
.tab-text.product .tab-text-content .con:first-of-type+.con+.con .box-bg {background-image: url("../image/img_product_03.jpg")}
.tab-text.product .tab-text-content .con:first-of-type+.con+.con+.con .box-bg {background-image: url("../image/img_product_04.jpg")}
.tab-text.product .tab-text-content .con:first-of-type+.con+.con+.con+.con .box-bg {background-image: url("../image/img_product_05.jpg")}
.tab-text.product .tab-text-content .con:first-of-type+.con+.con+.con+.con+.con .box-bg {background-image: url("../image/img_product_06.jpg")}
.tab-text.product .tab-text-content .box-header {width: 100%;color: #ffffff;text-align: center;padding-top:80px;font-size: 36px;}
.tab-text.product .tab-text-content .box-header span {display: block;font-size: 24px;font-weight: normal;margin-top:20px;}
.blue-tit{color: #0066cb!important;background: url(../image/bg_whirt.png) no-repeat;background-position:center 40px;padding-bottom: 40px;}
.tab-text.product .tab-text-content .img-product {width: 100%;margin:100px auto 0 auto;padding-bottom:10px; text-align: center;}
.tab-text.product .tab-text-content .img-product img{height: 606px;}



/*主页--我们的客户*/
.customer-bg {background-image: url("../image/img_customer.jpg");background-repeat: no-repeat;background-size: 100%}
.customer {height:620px;}
.customer .home {width: 100%}
.customer-tit{float:left;width:70%; text-align: center;padding: 6% 0 1% 0; font-size: 18px;color: #757575;}
.customer .content {width: 80%;float: right;padding-top:20px}
.customer .content li {width: 190px;height: 93px;float: left;margin: 0 10px 20px;overflow: hidden;}
.customer .content a img{display: block; width: 100%;height: 100%; overflow: hidden; 
	transition-duration: .5s; 
	-moz-transition-duration: .5s; 
	-webkit-transition-duration: .5s; 
	-o-transition-duration: .5s;}
.customer .content li:hover img{transform: scale(1.09); overflow: hidden; }


/*主页--企业新闻*/
.news-box {float: right;width: 80%;min-height: 630px;position: relative;padding-bottom: 30px;}
.news-company li {width: 50%;height: 240px; float: left;margin:0 0 60px 0;position: relative}
.news-company li a {display: block;padding: 85px 42.5px 40px;background-color: #fafafa;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.news-company li:first-child a,.news-company li:first-child+li+li a {margin-right: 7.5px}
.news-company li:first-child+li a,.news-company li:first-child+li+li+li a {margin-left: 7.5px}
.news-co-date {font-size: 20px;color: #fff;width: 75px;height: 70px;background-color: #999999;text-align: center;padding-top: 15px;position: absolute;top:-25px;}
.news-co-date span {font-size: 16px;color: #fff;display: block;text-align: right;padding-right: 10px;margin-top: 5px}
.news-company h3{font-size: 22px;color: #333;margin-bottom: 20px;line-height: 30px;font-weight: normal;height: 60px;}
.news-company p{font-size: 16px;color: #666;line-height: 22px;height: 45px;}
.news-company h3,.news-company p{width: 99%; word-break: break-all;overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.news-company .tab-text-header .tab-nav:hover {background-color: #1478f0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s}
.news-company .tab-text-header .tab-nav:hover div {color: #fff;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transform: translateX(25px)}
.news-company li a:hover {background-color: #1478f0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.news-company li:hover .news-co-date {background-color: #1f1f1f;}
.news-company li:hover h3{color: #fff;}
.news-company li:hover p{color: #fff;}
.news-company li .img-more02{display: none;}
.news-company li:hover .img-more02{display: block;width: 30px;height: 30px; position: absolute;top:20px;right:7%;}
.news-company .check-more{position: absolute;bottom:-20px;left:50%;margin-left: -55px;
-webkit-transition: transform .5s;    
  -moz-transition: transform .5s;    
  -ms-transition: transform .5s;    
  -o-transition: transform .5s;    
  transition:transform .5s;}
.news-company .check-more img {height: 38px}
.news-company .check-more:hover{-webkit-transform: translateY(-5px);    
  -moz-transform: translateY(-5px);    
  -ms-transform: translateY(-5px);    
  -o-transform: translateY(-5px);    
  transform: translateY(-5px);
  background-position-x:20px;
  background-position-y:0;
  background-size: 34px 34px;}


/*页尾*/
/*页尾增加外框*/
.footer-border {border-top: solid 1px #e5e5e5;position: relative}
.footer-border hr {height: 0px;border: none;border-top: solid 1px #e5e5e5;position: absolute;top: 124px;width: 100%}
/*页尾内同*/
.top-footer {height: 125px;margin: 0 auto;position: relative}
.top-footer .img-footer-logo{float: left;margin-top: 24px;height: 80px;}
.top-footer .footer-share{width: 350px;margin-top:6px;position: absolute;left: 50%;margin-left: -175px}
.top-footer .footer-share .left-code{float: left;margin-right: 55px;}
.top-footer .footer-share .right-code{float: right;}
.top-footer .footer-share img{display: block;margin: 0 auto;}
.top-footer .footer-share .left-code img{width: 89px;height: 89px;}
.top-footer .footer-share .right-code img{width: 90px; }
.footer-phone{float: right;width: 230px;margin:44px 10px 0 0;}
.footer-xuke{float: left;width: 40px;margin:44px 10px 0 0;}
.bottom-footer {height: 40px;margin: 0 auto;color: #999;font-size: 12px;padding:10px 0;}
.bottom-footer span {margin-right: 20px;line-height: 20px}
.bottom-footer span a{color: #999999;}
.bottom-footer span a img{vertical-align:middle;}


/*子页面--企业介绍样式*/
/*企业介绍顶部图*/
.box-bgpic {margin-top: 76px}
.box-bgpic {width: 100%;margin: 0 auto;height: 600px;background: url("../image/banner_col_01.jpg");background-position: center top;background-size: cover;background-repeat: no-repeat;}
.box-bgpic h1,.box-bgpic li {color: #fff}
.box-bgpic h1,.box-bgpic ul {margin: 0 auto}
.box-bgpic h1 {font-weight: normal;margin-bottom: 145px;padding-top: 180px;text-align: center;}
.box-bgpic ul {width: 1200px;padding-right: 35px}
.box-bgpic li {font-size: 45px;text-align: center;float: left;width: 25%}
.box-bgpic li span {font-size: 16px}
.box-bgpic li span:first-child+span {display: block}
/*企业介绍页面--关于我们和人文关怀样式*/
.box-content {width: 50%;height: 380px;float: left}
.box-content img {width: 100%;height: 100%}
.box-content h2 {padding: 30px 0 0 50px}
.box-content h2 span {margin-left: 15px}
.box-content .icon-click {float: right;margin-right: 55px;margin-top: -3px;cursor: pointer}
.box-content .icon-click img {width:28px;height: 28px;}
.box-content .icon-click img:first-child+img {display: none;height: 28px}
.box-content .icon-click:hover img:first-child {display: none;}
.box-content .icon-click:hover img:first-child+img {display: block}
.box-content p {font-size: 14px;line-height: 24px;letter-spacing: 1px;padding: 25px 45px 0;text-indent: 30px}
.box-content p.add-margintop30 {margin-top: 30px}
.box-content p.add-margintop60 {margin-top: 60px}
.box-content:first-child {background-color: #0066cb;color: #fff}
.box-content:first-child+.box-content+.box-content+.box-content h2{color: #0066cb}
.box-content:first-child+.box-content+.box-content+.box-content h2 span{color: #c7c7c7;}
/*企业介绍页面--时间线*/
.htmleaf-container .box-header {color: #0066cb;font-weight: bold;text-align: center;padding-top: 125px;z-index: 10000;font-size: 36px}
.htmleaf-container .box-header span {display: block;font-weight: normal;color: #666666;font-size: 30px;margin-top: 35px}
.htmleaf-container .timeline {width: 1400px;height: 350px;overflow: hidden;margin: 55px auto;position: relative;background: url("../image/icon_timeline_dot.png") left 78px repeat-x}
.htmleaf-container .dates {width: 1400px;height: 100px;overflow: hidden;}
.htmleaf-container .dates li {list-style: none;float: left;width: 125px;height: 100px;text-align: center;}
.htmleaf-container .dates a {color: #fff;font-size: 24px;line-height: 38px;padding-bottom: 55px;background: url("../image/icon_timeline_white_dot.png") center 65px no-repeat;}
.htmleaf-container .dates .selected {color: #0066cb;font-size: 38px;background: url("../image/icon_timeline_blue_dot.png") center 74px no-repeat;}
.htmleaf-container .issues {height: 350px;overflow: hidden;}
.htmleaf-container .issues li {width: 1400px;height: 350px;list-style: none;float: left;font-size: 18px;color: #666666;text-align: center;}
.htmleaf-container .issues li .box-warp {margin: 50px auto;width: 640px;/*width: auto;display:inline-block!important*//* div宽度自适应 */}
.htmleaf-container .issues li .box-warp div {position: relative;margin-bottom: 25px;text-align: left}
.htmleaf-container .issues li.selected img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1)}
.htmleaf-container .issues li img {position: absolute;left: -30px;margin: 8px 0px;background: transparent;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */zoom: 1;-webkit-transition: all 2s ease-in-out;-moz-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;-webkit-transform: scale(0.7,0.7);-moz-transform: scale(0.7,0.7);-o-transform: scale(0.7,0.7);-ms-transform: scale(0.7,0.7);transform: scale(0.7,0.7);}
.htmleaf-container .grad_left,.grad_right {width: 100px;height: 150px;position: absolute;top: 0}
.htmleaf-container .grad_left {left: 0;background: url(../image/grad_left.png) repeat-y;}
.htmleaf-container .grad_right {right: 0;background: url(../image/grad_right.png) repeat-y;}
.htmleaf-container .next {position: absolute;width: 37px;height: 39px;background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;top:58px}
.htmleaf-container .prev {position: absolute;width: 37px;height: 39px;background-position: 16px 0;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;top:58px}
.htmleaf-container .next:hover {background-position: 0 -76px}
.htmleaf-container .prev:hover {background-position: 15px -76px}
.htmleaf-container .next {right: -15px;background-image: url("../image/next.png")}
.htmleaf-container .prev {left: -15px;background-image: url("../image/prev.png")}
.htmleaf-container .next.disabled,.prev.disabled {opacity: 0.2}
/*企业介绍页面--企业荣誉*/
.img-holder {height: 777px!important}
.htmleaf-container {position: relative}
.htmleaf-container .imageHolder {height: 777px!important}
.htmleaf-container .img-holder-img {top: 200px}
.picScroll-left {margin: 0 auto;width: 100%;position: absolute;bottom: 8%}
.picScroll-left .box-header {margin-bottom: 70px}
.picScroll-left .bd {margin: 15px auto 45px;width: 1434px}
.picScroll-left .bd .picList{height: 266px}
.picScroll-left .bd li {display: table;margin: 0 15px}
.picScroll-left .bd li a {display: block;/*background-image: linear-gradient(212deg,#fffaf2 0%,#9b7f61 100%),linear-gradient(#0066cb,#0066cb);*/width: 446px;height: 267px;overflow: hidden}
.picScroll-left .bd li img {width: 445px;height: 266px;transition-property: all;-webkit-transition-property: all;-moz-transition-property: all;-ms-transition-property: all;-o-transition-property: all;transition-duration: 1s;-webkit-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-timing-function: ease;-webkit-transition-timing-function: ease;-moz-transition-timing-function: ease;-ms-transition-timing-function: ease;-o-transition-timing-function: ease;}
.picScroll-left .box-warp {margin: 0 auto;width: 330px}
.picScroll-left .container-pic {width: 133px;height: 196px;overflow: hidden;float: left}
.picScroll-left .box-text {font-size: 24px;color: #a26002;float: left;margin: 55px 0 0 45px}
.picScroll-left .box-warp span {font-size: 30px;font-weight: bold;display: block}
.picScroll-left .bd ul img:hover {transform: scale(1.1);transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s}
.picScroll-left .hd {overflow:hidden; height:19px;}
.picScroll-left .hd ul {width: 100px;margin:0 auto;}
.picScroll-left .hd ul li {float:left; width:11px; height:11px; margin-right:9px;text-indent:-999999999px; cursor:pointer; background:url("../image/icon_bottom-nav.png") no-repeat; background-size:22px;}
.picScroll-left .hd ul li.on {background-position:-14px 0px; }
/*弹窗*/
.popup {position:fixed; z-index:20000;top:20%;left:50%;background:#fff;-moz-transition:top 800ms;-o-transition:top 800ms;-webkit-transition:top 800ms;transition:top 800ms;border-radius: 20px;}
.p_content {font-size:23px;padding:35px 58px 35px;}
.p_content div {font-weight: bold;text-align:center;font-size: 24px;margin-bottom: 30px}
.p_content p {text-indent: 32px;font-size: 16px;line-height: 30px;width: 900px}
.p_content img {margin: 0 auto;display: block}
.p_close { position:absolute; top:35px; right:30px;}
.p_close span { display:block; width:18px; height:5px; background:#333; }
/*弹窗--辅助样式*/
.js__slide_top {height:0; overflow:hidden; top:0; }
.js__fadeout {height:0; overflow:hidden; opacity:0; }

/*子页面--自研产品样式*/
.main-header {font-size: 24px;font-weight: bold;width: 1538px;margin: 0 auto 40px}
.main-header .text-ARLRDBD {font-size: 30px;line-height: 30px}
.main-header hr {width: 2px;height: 30px;text-align: left;margin: 0 0 0 2px;background-color: #000;border: none}
.main-header span {font-weight: normal;margin-left: 15px}
.main.product {background-color: #e7f1fd;height: 1380px;position: relative;padding-top: 40px;width: 100%}
/* 翻书组件样式 */
.book {position: relative;margin: 0 auto;width: 180px;height: 260px;}
.bookshelf {display: none}
/* 书本控制属性 */
.bb-custom-wrapper {padding: 0 10px;width: 1524px;height: 1040px;margin: 0 auto;box-shadow: 0 81px 80px -50px #8bb5ce;}
.bb-custom-wrapper::before,.bb-custom-wrapper::after {position: absolute;top: 0;z-index: 10;width: 10px;height: 100%;background: -webkit-linear-gradient(left, #dddddd 33.33%, #f0f0f0 33.33%, #f0f0f0 66.66%, white 66.66%);background: linear-gradient(to right, #dddddd 33.33%, #f0f0f0 33.33%, #f0f0f0 66.66%, white 66.66%);background-size: 3px 100%;content: '';-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.bb-custom-wrapper::before {left: 0}
.bb-custom-wrapper::after {right: 0}
.bb-custom-wrapper .bb-bookblock {width: 100%;height: 100%;-webkit-perspective: 2000px;perspective: 2000px;}
.bb-custom-side {position: relative;float: left;overflow: hidden;width: 50%;height: 100%;}
.bb-custom-side::before {position: absolute;top: 0;z-index: 100;width: 80px;height: 100%;box-shadow: inset 30px 0 40px -20px rgba(0, 0, 0, 0.1);content: '';}
.bb-custom-side:first-child::before {right: 0;box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.05), inset -30px 0 40px -20px rgba(0, 0, 0, 0.15);}

/* 翻页按钮 */
.bb-custom-wrapper > nav a {position: absolute;z-index: 1000;font-size: 0;opacity: 0.7;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.bb-custom-wrapper > nav a:hover {opacity: 1}
.bb-custom-wrapper > nav a {width: 50px;height: 50px;border-radius: 50%;background: #ffce14;}
.bb-nav-prev,.bb-nav-next {top: 50%;left: 25px;margin-top: -15px;}
.bb-nav-next {
    right: 25px;
    left: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bb-custom-wrapper > nav a::before,
.bb-custom-wrapper > nav a::after {
    position: absolute;
    top: 0;
    left: 25%;
    width: 1px;
    height: 50%;
    background: #fff;
    content: '';
}


.bb-nav-close {display: none}
.bb-custom-wrapper > nav a:not(.bb-nav-close)::before {
    -webkit-transform: rotate(55deg);
    transform: rotate(55deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.bb-custom-wrapper > nav a:not(.bb-nav-close)::after {
    top: 50%;
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

/* Book open / view inside */
.book {
    -webkit-transition: -webkit-transform 0.5s, opacity 0.3s 0.3s;
    transition: transform 0.5s, opacity 0.3s 0.3s;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}
.bb-custom-wrapper {
    z-index: 2000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.5s;
    transition: visibility 0s 0.5s;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
.bb-custom-wrapper.show {
    visibility: visible;
    -webkit-transition: visibility 0s;
    transition: visibility 0s;
    -webkit-animation: openBigBook 0.0s forwards;
    animation: openBigBook 0.0s forwards;
}
/* Animations */

@-webkit-keyframes scaleUpSmallBook { 
    0% { }
    85%, 100% { -webkit-transform: scale(1.4) }
}
@keyframes scaleUpSmallBook { 
    0% { }
    85%, 100% { -webkit-transform: scale(1.4); transform: scale(1.4); }
}

@-webkit-keyframes openBigBook { 
    0% { }
    45% { opacity: 0; -webkit-transform: scale(0.95); }
    85% { opacity: 1 }
    100% { opacity: 1; -webkit-transform: scale(1); }
}
@keyframes openBigBook { 
    0% { }
    45% { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); }
    85% { opacity: 1 }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
/*翻书组件--3d动画样式*/
.bb-bookblock {  width: 400px;  height: 300px;  margin: 0 auto;  position: relative;  z-index: 100;  -webkit-perspective: 1300px;  -moz-perspective: 1300px;  perspective: 1300px;  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  backface-visibility: hidden;}.bb-page {  position: absolute;  -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-transition-property: -webkit-transform;  -moz-transition-property: -moz-transform;  transition-property: transform;}.bb-vertical .bb-page {  width: 50%;  height: 100%;  left: 50%;  -webkit-transform-origin: left center;  -moz-transform-origin: left center;  transform-origin: left center;}.bb-horizontal .bb-page {  width: 100%;  height: 50%;  top: 50%;  -webkit-transform-origin: center top;  -moz-transform-origin: center top;  transform-origin: center top;}.bb-page > div,.bb-outer,.bb-content,.bb-inner {  position: absolute;  height: 100%;  width: 100%;  top: 0;  left: 0;  background: #fff;}.bb-outer {  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  backface-visibility: hidden;}.bb-vertical .bb-content {  width: 200%;}.bb-horizontal .bb-content {  height: 200%;}.bb-page > div {  width: 100%;  -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;  transform-style: preserve-3d;}.bb-page > div:not(:only-child) {  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  backface-visibility: hidden;}.bb-vertical .bb-back {  -webkit-transform: rotateY(-180deg);  -moz-transform: rotateY(-180deg);  transform: rotateY(-180deg);}.bb-horizontal .bb-back {  -webkit-transform: rotateX(-180deg);  -moz-transform: rotateX(-180deg);  transform: rotateX(-180deg);}.bb-outer {  width: 100%;  overflow: hidden;  z-index: 999;}.bb-overlay, .bb-flipoverlay {  background-color: rgba(0, 0, 0, 0.7);  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  opacity: 0;}.bb-flipoverlay {  background-color: rgba(0, 0, 0, 0.2);}/* */.bb-bookblock.bb-vertical > div.bb-page:first-child,.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back {  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg);  transform: rotateY(180deg);}.bb-bookblock.bb-horizontal > div.bb-page:first-child,.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back {  -webkit-transform: rotateX(180deg);  -moz-transform: rotateX(180deg);  transform: rotateX(180deg);}/* Content display */.bb-vertical .bb-front .bb-content {  left: -100%;}.bb-horizontal .bb-front .bb-content {  top: -100%;}/* Flipping classes */.bb-vertical .bb-flip-next,.bb-vertical .bb-flip-initial {  -webkit-transform: rotateY(-180deg);  -moz-transform: rotateY(-180deg);  transform: rotateY(-180deg);}.bb-vertical .bb-flip-prev {  -webkit-transform: rotateY(0deg);  -moz-transform: rotateY(0deg);  transform: rotateY(0deg);}.bb-horizontal .bb-flip-next,.bb-horizontal .bb-flip-initial {  -webkit-transform: rotateX(180deg);  -moz-transform: rotateX(180deg);  transform: rotateX(180deg);}.bb-horizontal .bb-flip-prev {  -webkit-transform: rotateX(0deg);  -moz-transform: rotateX(0deg);  transform: rotateX(0deg);}.bb-vertical .bb-flip-next-end {  -webkit-transform: rotateY(-15deg);  -moz-transform: rotateY(-15deg);  transform: rotateY(-15deg);}.bb-vertical .bb-flip-prev-end {  -webkit-transform: rotateY(-165deg);  -moz-transform: rotateY(-165deg);  transform: rotateY(-165deg);}.bb-horizontal .bb-flip-next-end {  -webkit-transform: rotateX(15deg);  -moz-transform: rotateX(15deg);  transform: rotateX(15deg);}.bb-horizontal .bb-flip-prev-end {  -webkit-transform: rotateX(165deg);  -moz-transform: rotateX(165deg);  transform: rotateX(165deg);}.bb-item {  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  display: none;  background: #fff;}/* No JS */.no-js .bb-bookblock, .no-js ul.bb-custom-grid li {  width: auto;  height: auto;}.no-js .bb-item {  display: block;  position: relative;}
/*翻书组件--页面图片背景内容--育腾教育
.bb-bookblock.pro1 .page-layout-1:first-child {position: absolute;right: 0;background: url("../image/file/yt_p1_p2.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro1 .page-layout-1:last-child {background: url("../image/file/yt_p1_p2.jpg") no-repeat top left;background-size: cover}
.bb-bookblock.pro1 .page-layout-2:first-child {position: absolute;right: 0;background: url("../image/file/yt_p3_p4.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro1 .page-layout-2:last-child {background: url("../image/file/yt_p3_p4.jpg") no-repeat top left;background-size: cover}
.bb-bookblock.pro1 .page-layout-3:first-child {position: absolute;right: 0;background: url("../image/file/yt_p5_p6.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro1 .page-layout-3:last-child {background: url("../image/file/yt_p5_p6.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro1 .page-layout-4:first-child {position: absolute;right: 0;background: url("../image/file/yt_p7_p8.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro1 .page-layout-4:last-child {background: url("../image/file/yt_p7_p8.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro1 .page-layout-5:first-child {position: absolute;right: 0;background: url("../image/file/yt_p9_p10.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro1 .page-layout-5:last-child {background: url("../image/file/yt_p9_p10.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro1 .page-layout-6:first-child {position: absolute;right: 0;background: url("../image/file/yt_p11_p12.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro1 .page-layout-6:last-child {background: url("../image/file/yt_p11_p12.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro1 .page-layout-7:first-child {position: absolute;right: 0;background: url("../image/file/yt_p13_p14.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro1 .page-layout-7:last-child {background: url("../image/file/yt_p13_p14.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro1 .page-layout-8:first-child {position: absolute;right: 0;background: url("../image/file/yt_p15_p16.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro1 .page-layout-8:last-child {background: url("../image/file/yt_p15_p16.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro1 .page-layout-9:first-child {position: absolute;right: 0;background: url("../image/file/yt_p17_p18.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro1 .page-layout-9:last-child {background: url("../image/file/yt_p17_p18.jpg") no-repeat top left;background-size: cover;}
/*翻书组件--页面图片背景内容--OA
.bb-bookblock.pro2 .page-layout-1:first-child {position: absolute;right: 0;background: url("../image/file/oa_p1_p2.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro2 .page-layout-1:last-child {background: url("../image/file/oa_p1_p2.jpg") no-repeat top left;background-size: cover}
.bb-bookblock.pro2 .page-layout-2:first-child {position: absolute;right: 0;background: url("../image/file/oa_p3_p4.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro2 .page-layout-2:last-child {background: url("../image/file/oa_p3_p4.jpg") no-repeat top left;background-size: cover}
.bb-bookblock.pro2 .page-layout-3:first-child {position: absolute;right: 0;background: url("../image/file/oa_p5_p6.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro2 .page-layout-3:last-child {background: url("../image/file/oa_p5_p6.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro2 .page-layout-4:first-child {position: absolute;right: 0;background: url("../image/file/oa_p7_p8.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro2 .page-layout-4:last-child {background: url("../image/file/oa_p7_p8.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro2 .page-layout-5:first-child {position: absolute;right: 0;background: url("../image/file/oa_p9_p10.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro2 .page-layout-5:last-child {background: url("../image/file/oa_p9_p10.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro2 .page-layout-6:first-child {position: absolute;right: 0;background: url("../image/file/oa_p11_p12.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro2 .page-layout-6:last-child {background: url("../image/file/oa_p11_p12.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro2 .page-layout-7:first-child {position: absolute;right: 0;background: url("../image/file/oa_p13_p14.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro2 .page-layout-7:last-child {background: url("../image/file/oa_p13_p14.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro2 .page-layout-8:first-child {position: absolute;right: 0;background: url("../image/file/oa_p15_p16.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro2 .page-layout-8:last-child {background: url("../image/file/oa_p15_p16.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro2 .page-layout-9:first-child {position: absolute;right: 0;background: url("../image/file/oa_p17_p18.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro2 .page-layout-9:last-child {background: url("../image/file/oa_p17_p18.jpg") no-repeat top left;background-size: cover;}
/*翻书组件--页面图片背景内容--电商
.bb-bookblock.pro3 .page-layout-1:first-child {position: absolute;right: 0;background: url("../image/file/ds_p1_p2.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro3 .page-layout-1:last-child {background: url("../image/file/ds_p1_p2.jpg") no-repeat top left;background-size: cover}
.bb-bookblock.pro3 .page-layout-2:first-child {position: absolute;right: 0;background: url("../image/file/ds_p3_p4.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro3 .page-layout-2:last-child {background: url("../image/file/ds_p3_p4.jpg") no-repeat top left;background-size: cover}
.bb-bookblock.pro3 .page-layout-3:first-child {position: absolute;right: 0;background: url("../image/file/ds_p5_p6.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro3 .page-layout-3:last-child {background: url("../image/file/ds_p5_p6.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro3 .page-layout-4:first-child {position: absolute;right: 0;background: url("../image/file/ds_p7_p8.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro3 .page-layout-4:last-child {background: url("../image/file/ds_p7_p8.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro3 .page-layout-5:first-child {position: absolute;right: 0;background: url("../image/file/ds_p9_p10.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro3 .page-layout-5:last-child {background: url("../image/file/ds_p9_p10.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro3 .page-layout-6:first-child {position: absolute;right: 0;background: url("../image/file/ds_p11_p12.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro3 .page-layout-6:last-child {background: url("../image/file/ds_p11_p12.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro3 .page-layout-7:first-child {position: absolute;right: 0;background: url("../image/file/ds_p13_p14.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro3 .page-layout-7:last-child {background: url("../image/file/ds_p13_p14.jpg") no-repeat top left;background-size: cover;}
/*翻书组件--页面图片背景内容--高校
.bb-bookblock.pro4 .page-layout-1:first-child {position: absolute;right: 0;background: url("../image/file/gx_p1_p2.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro4 .page-layout-1:last-child {background: url("../image/file/gx_p1_p2.jpg") no-repeat top left;background-size: cover}
.bb-bookblock.pro4 .page-layout-2:first-child {position: absolute;right: 0;background: url("../image/file/gx_p3_p4.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro4 .page-layout-2:last-child {background: url("../image/file/gx_p3_p4.jpg") no-repeat top left;background-size: cover}
.bb-bookblock.pro4 .page-layout-3:first-child {position: absolute;right: 0;background: url("../image/file/gx_p5_p6.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro4 .page-layout-3:last-child {background: url("../image/file/gx_p5_p6.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro4 .page-layout-4:first-child {position: absolute;right: 0;background: url("../image/file/gx_p7_p8.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro4 .page-layout-4:last-child {background: url("../image/file/gx_p7_p8.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro4 .page-layout-5:first-child {position: absolute;right: 0;background: url("../image/file/gx_p9_p10.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro4 .page-layout-5:last-child {background: url("../image/file/gx_p9_p10.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro4 .page-layout-6:first-child {position: absolute;right: 0;background: url("../image/file/gx_p11_p12.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro4 .page-layout-6:last-child {background: url("../image/file/gx_p11_p12.jpg") no-repeat top left;background-size: cover;}
.bb-bookblock.pro4 .page-layout-7:first-child {position: absolute;right: 0;background: url("../image/file/gx_p13_p14.jpg") no-repeat top left;background-size: cover;background-position: -762px 0}
.bb-bookblock.pro4 .page-layout-7:last-child {background: url("../image/file/gx_p13_p14.jpg") no-repeat top left;background-size: cover;}*/


/*子页面--新闻背景容器,新闻页共用*/
/*.box-bgpic.news {background-image: url("../image/banner_col_02_1.jpg");;height: 370px}*/
.box-bgpic.news .main-header {color: #1fafff;padding-top: 45px;font-weight: normal}
.box-bgpic.news .main-header hr {background-color: #1fafff;margin: 8px 0 8px 2px;}
/*子页面--新闻列表*/
.main.news-list {overflow: hidden;padding-top: 85px}
.main.news-list .news-box{float: inherit;width: 90%;margin: 0 auto}
.main.news-list .news-company li {margin-bottom: 80px}
.main.news-list .news-company a {margin-right: 15px;margin-left: 15px}
/*底部页数选择栏*/
.toolbar {width: 1000px;margin:30px auto 55px auto;text-align: center}
.toolbar a {color: #333}
.toolbar span {font-size:15px;border:solid 1px #dcdcdc;padding: 6px 15px;margin-left:5px;cursor: pointer}
.toolbar span:hover {background: #1478f0;color: #fff}
.toolbar span.on {background: #1478f0;color: #fff}

/*子页面--新闻内容*/
.main.news-detail {min-height: 1380px;position: relative}
.main.news-detail .check-more {bottom: -25px}
/*副导航*/
.main.news-detail .subnav {height:28px;font-size:16px;color: #999;padding: 25px 0}
.main.news-detail .subnav .icon {float: left;}
.main.news-detail .subnav .content {float: left;margin: 2px 0 0 5px}
.main.news-detail .subnav span {margin:0 2px;}
.main.news-detail .subnav a span{color: #999!important}
.main.news-detail .subnav span a{color: #999!important}
.main.news-detail .subnav span:first-child {margin:0}
.main.news-detail .subnav .content a span:hover {color:#285fc2!important}
/*新闻内容页主体*/
.main.news-detail .content-news {width: 1180px;margin: 0 auto 40px;overflow: hidden;padding:0px 60px}
/*新闻内容标题*/
.main.news-detail .content-news h1 {font-size: 36px;line-height: 48px;font-weight: bolder;letter-spacing: 2px;text-align: center;}
.main.news-detail .content-news h5 {margin: 10px auto;color:#999;font-weight: normal;font-size: 14px}
.main.news-detail .content-news .hr {margin: 10px auto 40px auto;border:0px;border-bottom:  solid 1px #e5e5e5;}
.main.news-detail .content-news h2 {margin: 0 0 5px;}
.main.news-detail .content-news p {font-size: 16px;Wline-height: 30px;color:#666;margin-bottom: 40px}
.main.news-detail .content-news img {max-width: 1200px;margin: 0 auto;display: block}
/*分享功能*/
.main.news-detail .content-news {font-size: 14px; text-align: left;}
.main.news-detail .content-news .share_box {float: right;top:-30px;position: relative;height: 35px;}
.main.news-detail .content-news .share_box .slideCur {background-color: #f5f5f5}
.main.news-detail .content-news .share_box .share {font-size: 14px;margin-left: 10px}
.main.news-detail .content-news .share_box .share img {width: 13px;position: absolute;left: 33px;top:15px}
.main.news-detail .content-news .slideDown{position:absolute; right:0px; top:-10px; width:120px; display:inline-block;*display:inline; zoom:1; vertical-align:middle; }
.content-news .e .slideDown .share{color:#999;cursor:pointer;display:block;font-size:14px; line-height: 40px; text-align: center}
.content-news .e .slideDown span{margin: 0;}
.content-news .e .slideDown .share b{border:solid 5px #fff;border-top-color:#757575;display:block;height:0;overflow:hidden;position:absolute;right: 30px;top: 18px;
    -webkit-transition:top 1s,all 0.3s ease-in 0s;
    -moz-transition:top 1s,all 0.3s ease-in 0s;
    -o-transition:top 1s,all 0.3s ease-in 0s;
    transition:top 1s,all 0.3s ease-in 0s;
}
.content-news .e .slideDown .selectBox{background:#fff; position:absolute; left:0px; top:40px; z-index:999; width:120px}
.content-news .e .slideDown .selectBox a{background-image:none;border-top:1px solid #fff;border-bottom:none;color:#848484;display:block; font:12px/39px "Arial";height:36px;padding-left:45px;overflow:hidden; text-decoration: none;}
.content-news .e .slideDown .selectBox a:hover{ color:#535353; text-decoration:none}
.content-news .e .slideDown .selectBox .ico01{ background:url(../image/share_ico.png) no-repeat 12px -1px}
.content-news .e .slideDown .selectBox .ico02{background:url(../image/share_ico.png) no-repeat 12px -39px;background-position: 12px -39px; padding-left: 45px;}
.content-news .e .slideDown .selectBox .ico03{ background:url(../image/share_ico.png) no-repeat 12px -79px}
.content-news .e .slideDown .selectBox .ico06{ background:url(../image/share_ico2.png) no-repeat 12px 6px}
.content-news .e .slideDown .selectBox .ico01:hover{ background:url(../image/share_ico_hover.png) no-repeat 12px -1px}
.content-news .e .slideDown .selectBox .ico02:hover{ background:url(../image/share_ico_hover.png) no-repeat 12px -39px;padding-left: 45px;}
.content-news .e .slideDown .selectBox .ico03:hover{ background:url(../image/share_ico_hover.png) no-repeat 12px -79px}
.content-news .e .slideDown .selectBox .ico06:hover{ background:url(../image/share_ico_hover2.png) no-repeat 12px 6px}
.content-news .e .slideCur{box-shadow:0 0 2px 2px #eaeaea; display:block; border:1px solid #eaeaea}
.content-news .e .slideCur .share{ background-color:#f5f5f5;}
.content-news .e .slideCur .share b{border:solid 5px #f5f5f5;border-top-color:#1e63b0;top: 12px;border-top-color:#f5f5f5\9;border-bottom:solid 6px #1e63b0\9;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}

/*子页面--经典案例*/
/*.box-bgpic.case {background-image: url("../image/banner_col_03.jpg");height: 370px}*/
.box-bgpic.case .main-header {color: #1fafff;padding-top: 45px;font-weight: normal;z-index: 9998}
.box-bgpic.case .main-header br {margin: 10px 0}
.box-bgpic.case .main-header hr {background-color: #1fafff;margin: 8px 0 8px 2px;}
.main.case {height: 800px}
.main.case .tab-text-header02 .product-nav {height: auto;margin-top: -50px}
.main.case .tab-text-header02 ul {left: 50%;margin-left: -200px}
/*经典案例--切换组件*/
.case-warp{width:100%;height:760px;z-index:2;margin: -40px auto 0}
.case-tit {position: relative;overflow:hidden;margin: 0 auto 20px;width: 430px}
.case-tit a {float: left;display: block;background-color: #b9b9b9;cursor:pointer;font-size:18px;color:#fff;width: 50%;height:67px;padding: 10px 0 ;line-height:49px;text-align: center;line-height: 40px}
.case-tit a img {display: block;margin: 0 auto;height: 36px;}
.case-tit a.on{background-color: #2f98ff;}
@media only screen and (max-width:768px){
	.case-list{width:75%;position:absolute;z-index:2}
.case-warp{width:100%;height:450px; margin:0 auto; left:0%; top:25%}
.case-warp{width:100%;height:450px; margin:0 auto; left:0%; top:25%}
.case-tit{ margin-left:10%}
}
@media only screen and (min-width:1400px){.case-warp{width:80%}}
@media only screen and (min-width:1600px){.case-warp{width:85%}}
@media only screen and (min-width:2000px){.case-warp{width:80%}}
/*党建新闻banner*/
/*.box-bgpic.DangJian {background-image: url("../image/banner_col_02_2.jpg");height: 370px}*/
.box-bgpic.DangJian .main-header {color: #1fafff;padding-top: 45px;font-weight: normal;z-index: 9998}
.box-bgpic.DangJian .main-header br {margin: 10px 0}
.box-bgpic.DangJian .main-header hr {background-color: #1fafff;margin: 8px 0 8px 2px;}
/*企业招聘banner*/
/*.box-bgpic.ZhaoPing {background-image: url("../image/banner_col_02_3.jpg");height: 370px}*/
.box-bgpic.ZhaoPing .main-header {color: #1fafff;padding-top: 45px;font-weight: normal;z-index: 9998}
.box-bgpic.ZhaoPing .main-header br {margin: 10px 0}
.box-bgpic.ZhaoPing .main-header hr {background-color: #1fafff;margin: 8px 0 8px 2px;}
/*大数据服务banner*/
/*.box-bgpic.Bigdata {background-image: url("../image/banner_col_06.jpg");height: 370px}*/
.box-bgpic.Bigdata .main-header {color: #fff;padding-top: 45px;font-weight: normal;z-index: 9998}
.box-bgpic.Bigdata .main-header br {margin: 10px 0}
.box-bgpic.Bigdata .main-header hr {background-color: #fff;margin: 8px 0 8px 2px;}
/*大数据服务banner*/
/*.box-bgpic.security {background-image: url("../image/banner_col_05.jpg");height: 370px}*/
.box-bgpic.security .main-header {color: #fff;padding-top: 45px;font-weight: normal;z-index: 9998}
.box-bgpic.security .main-header br {margin: 10px 0}
.box-bgpic.security .main-header hr {background-color: #fff;margin: 8px 0 8px 2px;}
/*企业级应用banner*/
/*.box-bgpic.enterpriseApp {background-image: url("../image/banner_col_07.jpg");height: 370px}*/
.box-bgpic.enterpriseApp .main-header {color: #1fafff;padding-top: 45px;font-weight: normal;z-index: 9998}
.box-bgpic.enterpriseApp .main-header br {margin: 10px 0}
.box-bgpic.enterpriseApp .main-header hr {background-color: #1fafff;margin: 8px 0 8px 2px;}
/*IDC服务*/
/*.box-bgpic.IDC {background-image: url("../image/banner_col_04.jpg");height: 370px}*/
.box-bgpic.IDC .main-header {color: #FFFFFF;padding-top: 45px;font-weight: normal;z-index: 9998}
.box-bgpic.IDC .main-header br {margin: 10px 0}
.box-bgpic.IDC .main-header hr {background-color: #fff;margin: 8px 0 8px 2px;}

/*副级页面tab重构*/
.subPageTabBox {height: 408px;margin-bottom: 100px!important;width: 1200px;margin: 0 auto;}
.subPageTab {width: 1070px;height: 288px;margin: 0 auto;position: relative}
.subPageTab h2 {text-align: center;margin-bottom: 50px}
.subPageTab .tempWrap {width: 100%;height: 100%;box-shadow: 1px 0 24px 1px rgb(0 0 0 / 10%);}
.subPageTab li>img {float: left;width: 45%}
.subPageTab li>div {float: left;width: 50%;padding: 10px 20px 0 25px}
.subPageTab li>div>img {width: 85px;height: 55px;vertical-align: middle}
.subPageTab li>div>span {font-size: 12px;text-align: left!important;color: #535353}
.subPageTab li>div>span:first-of-type {font-size: 16px !important;font-weight: bold;}
.subPageTab li>div>span:first-of-type+span {display: block;padding: 20px 0;font-size: 14px;font-weight: bold;text-align: left!important;}
.subPageTab li>div>div:first-of-type {font-size: 12px;text-align: left!important;margin-top: 20px;display: inline-block}
.subPageTab li>div>div>* {vertical-align: bottom}
.subPageTab li>div>div>img {margin: 0 10px 0 30px}
.subPageTab .hd {position: absolute;right: 240px;bottom: -110px;}
.subPageTab .hd li {float: left;margin-left: 5px;display: inline-block;width: 58px;height: 4px;background:#b6d8f7;cursor: pointer;text-indent: -2000px}
.subPageTab .hd li.on {background: #078afe}
.subPageTab .toPrev,.subPageTab .toNext {position: absolute;top: 250px;font-size: 40px;font-family: Simsun;height: 31px;width: 31px;color: #398AEF;line-height: 31px;font-weight: bold;user-select: none;cursor: pointer}
.subPageTab .toPrev {left: -65px}
.subPageTab .toNext {right: -65px}

/*动画效果*/
.animated {-moz-animation-duration: .5s;-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in;}
.animated-slow {-moz-animation-duration: 1s;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in;}
.animated-slowmore {-moz-animation-duration: 1s;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated-slowbig {-moz-animation-duration: 2s;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.animated-faster {-moz-animation-duration: .2s;-webkit-animation-duration: .2s;animation-duration: .2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in;}
.animated-holder1 {-moz-animation-delay: .5s;-webkit-animation-delay: .5s;animation-delay: .5s}
.animated-holder75 {-moz-animation-delay: .75s;-webkit-animation-delay: .75s;animation-delay: .75s}
.animated-holder2 {-moz-animation-delay: 1s;-webkit-animation-delay: 1s;animation-delay: 1s}
.animated-holder125 {-moz-animation-delay: 1.25s;-webkit-animation-delay: 1.25s;animation-delay: 1.25s}
.animated-holder3 {-moz-animation-delay: 1.5s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s}
.animated-holder4 {-moz-animation-delay: 2s;-webkit-animation-delay: 2s;animation-delay: 2s}
.animated-loop {animation: .5s .5s linear infinite /*alternate 逆播*/;}
/*主页切换响应组件内容1图片弹出时间*/
.animated-item1 {-moz-animation-duration: .5s;-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in;}
.animated-item2 {-moz-animation-duration: .6s;-webkit-animation-duration: .6s;animation-duration: .6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in;}
.animated-item3 {-moz-animation-duration: .7s;-webkit-animation-duration: .7s;animation-duration: .7s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in;}
.animated-item4 {-moz-animation-duration: .8s;-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in;}
.animated-item5 {-moz-animation-duration: .9s;-webkit-animation-duration: .9s;animation-duration: .9s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in;}
.animated-item6 {-moz-animation-duration: 1s;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in;}


/*渐入*/
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
/*从下渐入*/
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/*从下渐入*/
@-webkit-keyframes fadeInUp60{0%{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp60{0%{opacity:0;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUp60{-webkit-animation-name:fadeInUp60;animation-name:fadeInUp60}

.fadeInUps {
 -webkit-animation-name:fadeInUps;
 animation-name:fadeInUps
}
@-webkit-keyframes fadeInUps {
 from {
  opacity:0;
  -webkit-transform:translateY(200px);
  transform:translateY(200px)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes fadeInUps {
 from {
  opacity:0;
  -webkit-transform:translateY(100px);
  -ms-transform:translateY(100px);
  transform:translateY(100px)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  -ms-transform:none;
  transform:none
 }
}

/*big从下渐入*/
@-webkit-keyframes fadeInUpsm {
 0% {
  opacity:0;
  -webkit-transform:translateY(200px);
  transform:translateY(200px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@keyframes fadeInUpsm {
 0% {
  opacity:0;
  -webkit-transform:translateY(200px);
  -ms-transform:translateY(200px);
  transform:translateY(200px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
 }
}
.fadeInUpsm {
 -webkit-animation-name:fadeInUpsm;
 animation-name:fadeInUpsm
}

/*从左渐入*/
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
/*200从右渐入*/
@-webkit-keyframes fadeInRight200{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRight200{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.fadeInRight200{-webkit-animation-name:fadeInRight200;animation-name:fadeInRight200}
/*从右渐入*/
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
/*从上渐入*/
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
/*从左到右展开*/
@-webkit-keyframes clipAnimate{0% {-webkit-clip:rect(-300px,0,0,0)}25% {-webkit-clip:rect(-300px,750px,300px,0)}50% {-webkit-clip:rect(-300px,1500px,300px,0)}75% {-webkit-clip:rect(-300px,2250px,300px,0)}100% {-webkit-clip:rect(-300px,3000px,300px,0)}}
@keyframes clipAnimate{0% {clip:rect(-300px,0,0,0)}25% {clip:rect(-300px,750px,300px,0)}50% {clip:rect(-300px,1500px,300px,0)}75% {clip:rect(-300px,2250px,300px,0)}100% {clip:rect(-300px,3000px,300px,0)}}
.clipAnimate{-webkit-animation-name:clipAnimate;animation-name:clipAnimate}
/*移动线段*/
@-webkit-keyframes clipSection{0% {-webkit-opacity: 1;-webkit-clip:rect(-300px,300px,300px,0)}25% {-webkit-pacity: 1;-webkit-clip:rect(-300px,750px,300px,550px)}50% {-webkit-opacity: 1;-webkit-clip:rect(-300px,1500px,300px,1300px)}75% {-webkit-opacity: 1;-webkit-clip:rect(-300px,2250px,300px,2050)}100% {-webkit-opacity: 1;-webkit-clip:rect(-300px,3000px,300px,2800px)}}
@keyframes clipSection{0% {opacity: 1;clip:rect(-300px,300px,300px,0)}25% {pacity: 1;clip:rect(-300px,750px,300px,550px)}50% {opacity: 1;clip:rect(-300px,1500px,300px,1300px)}75% {opacity: 1;clip:rect(-300px,2250px,300px,2050)}100% {opacity: 1;clip:rect(-300px,3000px,300px,2800px)}}
.clipSection{-webkit-animation-name:clipSection;animation-name:clipSection;}


/*200从右渐入*/
@-webkit-keyframes fadeInRight200{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRight200{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.fadeInRight200{-webkit-animation-name:fadeInRight200;animation-name:fadeInRight200}
@keyframes bounceIn{0%,40%,100%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale(.1,.1);transform:scale(.1,.1)}70%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform:scale(1,1);transform:scale(1,1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}

@media only screen and (min-width:1000px) {
  .column-title02.product-reset {margin-left: 0}
}

@media only screen and (min-width:1600px) {
  .main{ width:96%}
  .box-NAV{width:100%;left:0; }
  .column-title02.product-reset {margin-left: 2%}
  .htmleaf-container .imageHolder {width: 100%!important}

}

@media only screen and (min-width:1920px) {
  html {background-color:#222;width:100%; margin:0;}
  body{ width:96%;}
  .box-NAV{width:96%;left:2%; }
  .main{ width:88%}
  .column-title02.product-reset {margin-left: 5%;padding-top: 3%}
  .htmleaf-container .imageHolder {width: 95.95%!important}
}
@media only screen and (min-width:2500px) {
  .main{ width:80%}
	.column-title02.product-reset {margin-left: 10%;padding-top: 1.5%}
}