@charset "utf-8";
.whitebg{background-color:#fff;}
.homewrap { width: 1200px; max-width: 1200px;margin: 0 auto; padding-top: 40px; position:relative}

/* 首页大屏开始 */
.btn{display:inline-block;width:100px;height:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:32px;color:#009FD9;text-align:center;text-decoration:none;font-size:14px;cursor:pointer;}
.cloud-product-box{background:#F5F5F5;min-width:1200px;}
.cloud-product-wrapper{margin:0 auto;width:1200px}
.cloud-product{position:relative;z-index:9;padding:50px 0 80px}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;margin-left:12px;width:212px;height:522px;float:left;background:#FFF}
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:99px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.server-header-01{background:url(/X/statics/images/img/product_header_icon_01.png) center no-repeat}
.server-header-02{background:url(/X/statics/images/img/product_header_icon_02.png) center no-repeat}
.server-header-03{background:url(/X/statics/images/img/product_header_icon_03.png) center no-repeat}
.server-header-04{background:url(/X/statics/images/img/product_header_icon_04.png) center no-repeat}
.server-header-05{background:url(/X/statics/images/img/product_header_icon_05.png) center no-repeat}
.server-header-active-01{background:url(/X/statics/images/img/product_header_active_icon_01.png) center no-repeat}
.server-header-active-02{background:url(/X/statics/images/img/product_header_active_icon_02.png) center no-repeat}
.server-header-active-03{background:url(/X/statics/images/img/product_header_active_icon_03.png) center no-repeat}
.server-header-active-04{background:url(/X/statics/images/img/product_header_active_icon_04.png) center no-repeat}
.server-header-active-05{background:url(/X/statics/images/img/product_header_active_icon_05.png) center no-repeat}

.product-introduce-title{margin-bottom:14px;height:22px;line-height:22px;font-size:22px;text-align:center}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;width:180px;line-height:14px;font-size:14px;text-align:center;color:#999}
.product-introduce-list{margin:0 auto;padding-top:28px;height:135px;width:84%;border:1px solid #f1f1f1;border-left:none;border-right:none}
.introduce-list-small{margin-bottom:18px;line-height:14px;font-size:14px;color:#999;text-align:center}
.product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.active-inner-01{background:url(/X/statics/images/img/producet_bg_01.jpg) center no-repeat}
.active-inner-02{background:url(/X/statics/images/img/producet_bg_02.jpg) center no-repeat}
.active-inner-03{background:url(/X/statics/images/img/producet_bg_03.jpg) center no-repeat}
.active-inner-04{background:url(/X/statics/images/img/producet_bg_04.jpg) center no-repeat}
.active-inner-05{background:url(/X/statics/images/img/producet_bg_05.jpg) center no-repeat}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:304px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#FFF}
.active .product-introduce-list{padding-top:22px;border-color:#3f9ff9}
.introduce-list-large{margin:0 auto;width:228px;line-height:22px;color:#ddebff;font-size:14px}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#FFF}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#FFF;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{ background-color: #f80; color: #FFF; }
/* 首页大屏结束 */

/* 大标题 */
.plan { margin-right: auto; margin-left: auto; width: 1200px; text-align: center; }
.tile h1 { text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05); font-size: 24px; color: #333; }
.tile h2 { font-weight: 100; margin-top: 20px; transform: translateX(200px); font-size: 12px; color: #333; }
.tile p { font-weight: 300; margin-top: 20px; line-height: 25px; transform: translateX(-200px); transition-delay: 0.2s; font-size: 15px; }
.dabt {margin: 0 auto;width:1200px; }
.dabt .title{ font-size: 32px; color: #343434; text-align: center; padding-top: 65px; line-height: 32px; min-width: 1200px;}
.dabt .title p{font-size: 16px;color: #5C5C5C;margin-top: 10px;}
.dabt .title p span{color: #F33205;font-size: 20px;}
.dabt .bt { min-width:1200px;}

/* 最新信息 */
.mainbox{ width:1200px; margin:0 auto; padding:0px 0;}
.mainboxleft{ width:782px; margin:0 auto;}
.mainhomenews{ width:650px; margin:0 auto; padding:30px 0 30px;}
.mainboxright{ width:383px; padding:30px 0 30px;}
.indextit{ height: 52px; line-height: 52px; font-size: 22px; color: #fff; background-image: linear-gradient(to right, #00c2c3, #1d89ec); padding:0px 15px; }
.indextit .menu{ float: right; font-weight: normal; font-size: 14px; }
.indextit .menu a{ font-size:14px; font-weight:normal; color:#fff;}
.indextit .menu i{ margin:0px 5px 0px 10px;color:#fff; font-style:normal; font-size:14px; line-height:56px;}
.homenews .left{ width: 425px; padding-left: 15px; }
.homenews .right{ width: 425px; padding-right: 15px; }
.homenews .indextit{}
.homenews .newslist{ margin:0px 20px 10px 20px; padding: 5px 0px;}
.homenews .newslist ul li{line-height:31px; background:url(/X/statics/images/title.png) no-repeat left center; padding-left:22px;	/*溢出文字用省略号代替*/white-space:nowrap;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.homenews .newslist ul li.main{ line-height:38px;height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
/*-----溢出文字用省略号点代替---*/
white-space:nowrap;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.homenews .newslist ul li.main a{ font-size:17px; font-weight:bold; color:#212121;}
.homenews .newslist ul li.main a:hover{ font-size:17px; font-weight:bold; color:#cc0000;}
.homenews .newslist ul li .tc_time{ float: right; color: #999; margin-right: 9px; font-size: 12px; }
.homenews .newslist ul li a{ font-size:16px; color:#545454}
.homenews .newslist ul li a:hover{ font-size:16px; color:#cc0000}

/* 焦点图 */
.yx-rotaion{margin:0 auto;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:14px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(/X/statics/images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}

/* 业务范围 */
.all-zc-bar li{float:left;width:240px;height:150px;position:relative;background-color:#fff;border-bottom:1px solid #eee;text-align:center;transform:scale(1);transition:all .25s linear;}
.all-zc-bar li a{position:relative;z-index:1;display:block;height:120px;padding-top:30px;}
.all-zc-bar li a img{display:block;margin:0 auto 10px;}
.all-zc-bar li a p{font-size:14px;color:#333;height:50px;overflow:hidden;}
.all-zc-bar li:after{position:absolute;top:30px;right:0;z-index:-1;height:90px;border-right:1px solid #eee;content:''}
.all-zc-bar li.br0:after{border-right:none;}
.all-zc-bar li:hover{z-index:10;}
.all-zc-bar li a:hover{background-color:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transform:scale(1.1);}
.all-zc-bar li a:hover p{color:#333;}


/*银桥教师风采*/
.bodyCon08{background:url(/X/statics/images/dy_pic11.jpg);min-width:1200px;}
.bodyCon08 .students{margin:0 auto;width:1200px;height:480px;position:relative;min-width:1200px;}
.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}
#four_flash{position:relative;width:1200px;height:400px; margin:0 auto;position:absolute;bottom:40px;}
#four_flash .flashBg{width:998px;height:400px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:400px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{border:10px solid #2E324B;float:left;width:280px;height:340px;margin-left:26px;padding-top:40px;color:#6C6E85;}
#four_flash .flashBg ul.mobile li:hover{border:10px solid #343851; color:#fff;}
#four_flash .flashBg ul.mobile li img{width:140px;height:140px;display:block; margin:0 auto;border:10px solid #343851; border-radius:82px;}
#four_flash .flashBg ul.mobile li dd{font-size:20px;width:250px;line-height:60px;text-align:center;border-bottom:1px solid #6C6E85;}
#four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:250px; line-height:24px;margin-top:10px;}
#four_flash .flashBg ul.mobile li a{display:block;background:url(/X/statics/images/jiantou.png);width:31px;height:31px;border:0px;margin:8px auto;}
#four_flash .flashBg ul.mobile li a:hover{background:url(/X/statics/images/jiantou2.png);}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px;}
#four_flash .but_left:hover{background:url(/X/statics/images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(/X/statics/images/qianxr1.png) no-repeat;}


/*banner*/
.banner {position: relative;}
.banner:after {content: ""; width: 37px; height: 67px; background: url(/skins/images/pc/bannerico.png) no-repeat; position: absolute; left: 50%; margin-left: -18px;bottom: 20px; z-index: 3;}
.banner .swiper-slide { overflow: hidden; position: relative;}
.banner .swiper-slide img {width: 100%; display: block; }
.banner .swiper-slide img.mbanner {display: none;}
.swiper-pagination{position: absolute; left: 0; text-align: center; bottom:10px; width: 100%;}
.swiper-pagination-bullet{display: inline-block; width: 12px; height: 12px; border-radius: 12px; opacity: 1; background: #eee;  margin: 0 6px; cursor: pointer;}
.swiper-pagination-bullet-active{background: #910000;opacity: 1;}
.banner .swiper-slide .txt { width: 1200px; left: 50%; margin-left: -600px; top: 290px; position: absolute;}
.banner .swiper-slide .txt h1 {color: #fff; font-size: 45px; margin-bottom: 30px;}
.banner .swiper-slide .txt h2 {color: #fff;margin-bottom: 90px;}
.banner .swiper-slide .txt h2 span {color: #fff;border-top: #c7e0f1 solid 2px; font-size: 30px; padding: 3px 0 8px; border-bottom: #c7e0f1 solid 2px;}
.banner .swiper-slide .txt h2 span a {color: #fff;}
.banner .swiper-slide .txt p a{width: 290px; height: 50px; display: block; background: #910000; border-radius: 50px; font-size: 20px; color: #fff; text-align: center; line-height: 50px;}