@charset "utf-8";

/*首页我们的更新速度*/



.hd-c {

position: relative;

overflow: hidden;

width: 100%;

background-image: url(../images/banner.jpg);

background-size: 100% 100%;

-moz-background-size: 100% 100%;

-o-background-size: 100% 100%;

-webkit-background-size: 100% 100%;

-ms-background-size: 100% 100%;

}

.banner .pre, .banner .next, .banner .frame .changing-over, .banner .frame .changing-over a, .banner .frame .changing-over a.now, .banner .text .start {

background: url(../images/weimob.png) no-repeat;

}

#notice-panel{ width:100%; height:34px;background-color: #e5e5e5; }

.notice{ width:860px;padding: 8px 0; margin:auto;

line-height: 16px;

color: #666;}



/*首页幻灯加*/

.hd-c .banner{position:relative;margin:0 auto}

.banner .text{position:absolute;z-index:3}

.banner-desc a{color:#148fd4;text-decoration:underline}

.banner .png-24{_display:none}

.banner .png-8{display:none;_display:block}



.hd-c{height:400px;}

.hd-c .banner{width:1000px;height:100%}

.banner .text{top:280px;left:550px;text-align:right}

.banner .text h4{color:#fff;font:20px/28px "微软雅黑","黑体"; text-shadow:1px 0 2px #333333; font-weight:bold; padding-top:15px;}

.banner .text h4 span{display:block;margin:80px 0 50px 0;color:#fff;text-shadow:1px 1px #3a5985;letter-spacing:2px;font-size:28px;line-height:36px}

.banner .text h4 span font.large{color:#fff;text-shadow:1px 1px #3a5985;letter-spacing:2px;font-size:33px}

.banner .text h4 span font.eg{color:#fff;text-shadow:none;letter-spacing:1px;font-size:20px}

.banner .text h4 font{margin-right:5px;color:#f6f416;letter-spacing:2px}

.banner .text p{margin-top:5px;width:337px;color:#2a2a2a;font-family:"宋体"}

.banner .text .start{display:block;margin:30px 0 0 0px;width:273px;height:73px;}

.banner .pic{position:absolute;top:0;right:0}

.banner .frame{position:absolute;bottom:0;left:50%;z-index:2;margin-left:-140px;width:280px}

.banner .frame .changing-over{float:left;margin:1px 0 1px 1px;width:280px;height:43px;background-position:0 -67px;text-align:center}

.banner .frame .changing-over a{display:inline-block;margin:14px 10px 14px 0;width:14px;height:14px;background-position:-27px -209px}

.banner .frame .changing-over a.now{background-position:-1px -209px}

.banner .frame .changing-over a.last{margin-right:0}

.banner .frame .news{float:left;margin-left:10px;line-height:37px}

.banner .frame .news a{color:#148fd4}

.banner .frame .news span{margin-right:30px;line-height:30px}.list_carousel {position:relative;width: 960px;margin:10px auto;}

.caroufredsel_wrapper{width:960px!important;}

.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}

.list_carousel li {font-size: 40px;color: #999;text-align: center;width: 240px;height:280px;padding: 0;display: block;float: left;}

.list_carousel li a{display:block;width:160px;margin:auto;position:relative;box-shadow:0 10px 5px rgba(0,0,0,.3); border-top:1px solid #ececec; border-radius:5px 5px 0 0; _background:url(../images/case-bg.png) 0 bottom no-repeat;}

.list_carousel li a:after{position:absolute;bottom:-29px;left:0;overflow:hidden;background:#f7f7f7;width:100%;height:15px;content:'';border-radius:50%;box-shadow:0 -10px 3px #f7f7f7;}

.list_carousel li img{width:150px;height:230px;margin:5px auto; display:inline;}

.list_carousel.responsive {width: auto;margin-left: 0;}

.clearfix {float: none;clear: both;}

.prev, .next{display:inline-block;width:28px;height:50px;position:absolute;	top:50%;margin-top:-50px;z-index:100;background:url(../images/weimob.png) no-repeat 0 center;left:-20px;}

.prev{background-position:0 -305px;}

.next {left:auto;right:-20px;background-position:-30px -305px;}







/* * What follows html5代码开始 Kroc Camen,and the H5BP dev community and team. */



/* ==========================================================================

Base styles:opinionated defaults

========================================================================== */

.clearfix{overflow:hidden;}





.clearfix:before,.clearfix:after{content:" "; /* 1 */

display:table; /* 2 */}

.clearfix:after{clear:both;}

/* * For IE 6/7 only

* Include this rule to trigger hasLayout and contain floats. */

.clearfix{*zoom:1;}

.index{padding:20px 0;overflow:hidden;position:relative;height: 300px;}

.index h4{font-size:24px;line-height:50px;margin:0;padding:0;color:#333;font-weight:normal;}

.index small{line-height:20px;margin:0 0 20px 0;font-size:14px;color:#999;}

.index small i{font-style:normal;color:#00a2ca;font-size:24px;padding:0 5px;}

.index h4,.index small{display:block;text-align:center;}

.index ul,.index li{list-style:none;padding:0;}

.index-1 li a{display:block;}

.index-1 li a:hover > small{color:#97c13c;}

.index-1 li{width:20%;float:left;text-align:center;}

.index-1 li a > *{display:block;}

.index-1 li a > span{width:60px;height:60px;border-radius:1000px;margin:0 auto;text-align:center;line-height:60px;position:relative;

background-image:url(../images/index.png);background-repeat:no-repeat;}

.index-1 li a > span > i{width:100px;height:30px;display:block;position:absolute;top:0;right:-20px;}

.index-1-1 a>span{background-position:0 0;}

.index-1-2 a>span{background-position:-240px 0;}

.index-1-3 a>span{background-position:-480px 0;}

.index-1-4 a>span{background-position:-720px 0;}

.index-1-5 a>span{background-position:-960px 0;}

.index-1-6 a>span{background-position:0 -120px;}

.index-1-7 a>span{background-position:-240px -120px;}

.index-1-8 a>span{background-position:-480px -120px;}

.index-1-9 a>span{background-position:-720px -120px;}

.index-1-10 a>span{background-position:-960px -120px;}

.index-1-11 a>span{background-position:0 -240px;}

.index-1-12 a>span{background-position:-240px -240px;}

.index-1-13 a>span{background-position:-480px -240px;}

.index-1-14 a>span{background-position:-720px -240px;}

.index-1-15 a>span{background-position:-960px -240px;}

.index-1-16 a>span{background-position:0 -360px;}

.index-1-17 a>span{background-position:-240px -360px;}

.index-1-18 a>span{background-position:-480px -360px;}

.index-1-19 a>span{background-position:-720px -360px;}

.index-1-20 a>span{background-position:-960px -360px;}

.index-1-1 a:hover>span{background-position:-120px 0;}

.index-1-2 a:hover>span{background-position:-360px 0;}

.index-1-3 a:hover>span{background-position:-600px 0;}

.index-1-4 a:hover>span{background-position:-840px 0;}

.index-1-5 a:hover>span{background-position:-1080px 0;}

.index-1-6 a:hover>span{background-position:-120px -120px;}

.index-1-7 a:hover>span{background-position:-360px -120px;}

.index-1-8 a:hover>span{background-position:-600px -120px;}

.index-1-9 a:hover>span{background-position:-840px -120px;}

.index-1-10 a:hover>span{background-position:-1080px -120px;}

.index-1-11 a:hover>span{background-position:-120px -240px;}

.index-1-12 a:hover>span{background-position:-360px -240px;}

.index-1-13 a:hover>span{background-position:-600px -240px;}

.index-1-14 a:hover>span{background-position:-840px -240px;}

.index-1-15 a:hover>span{background-position:-1080px -240px;}

.index-1-16 a:hover>span{background-position:-120px -360px;}

.index-1-17 a:hover>span{background-position:-360px -360px;}

.index-1-18 a:hover>span{background-position:-600px -360px;}

.index-1-19 a:hover>span{background-position:-840px -360px;}

.index-1-20 a:hover>span{background-position:-1080px -360px;}

.index-1 li a > small{color:#666;margin:10px auto;font-size:24px;}

.index-1 li a > p{color:#999;line-height:18px;}

.index-1{background-color:#fbfbfb;border-top:1px solid #e5e5e5;}

.index-2{background:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding-bottom:35px;}

.index-3{height:180px;background:#57c3f1;}

.index-3 .flash{height:86px;}

.index-3 h4{color:#fff;margin-bottom:20px;}



.wrap{width:1000px;margin:0 auto;float:none;}



.speed{height:205px;margin-top:20px;position:relative;}

.speed .line{position:absolute;width:100%;height:1px;left:0;top:140px;background:#eee;}

.speed .line:after{display:block;content:"";width:50%;height:1px;position:absolute;right:0;background:#00a2ca;top:0;}

.speed ul{display:table;width:100%;table-layout:fixed;}

.speed li{display:table-cell;width:20%;vertical-align:top;}

.speed a{display:block;color:#ccc;text-decoration:none;text-align:center;position:relative;padding-top:8px;}

.speed img{display:block;margin:0 auto;}

.speed a:hover img{-webkit-animation:shake .5s ease-in;}

@-webkit-keyframes shake {

    0%, 100% {-webkit-transform: translateY(0);}

    20%, 60%{-webkit-transform: translateY(-10px);}

    40%, 80%{-webkit-transform: translateY(10px);}

}



.speed span{display:block;margin-top:8px;}

.speed .tip{display:inline-block;padding:0 10px;height:25px;border-radius:2px;line-height:25px;background:#59b7b9;color:#fff;margin:35px auto 0;position:relative;}

.speed .tip:before{display:block;position:absolute;content:"";width:0;height:0;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent #59b7b9 transparent;left:50%;top:-6px;margin-left:-6px;}

.speed em{display:block;width:100%;height:1px;overflow:hidden;background:#00a2ca;position:absolute;top:140px;z-index:2;}

.speed i{display:block;width:12px;height:12px;border-radius:1000px;background:#59b7b9;position:absolute;left:50%;top:134px;margin-left:-6px;z-index:3;}

.speed i:before{display:block;content:"";position:absolute;width:18px;height:18px;border-radius:1000px;background:rgba(89,183,185,.23);left:-3px;top:-3px;}

.speed li:nth-child(2n) .tip{background:#00a2ca;}

.speed li:nth-child(2n) .tip:before{border-color:transparent transparent #00a2ca transparent;}

.speed li:nth-child(2n) i{background:#00a2ca;}

.speed li:nth-child(2n) i:before{background:rgba(163,213,76,.23);}

.bg-shadow{background-image:url("../images/line_shadow.png");background-repeat:no-repeat;background-position:center top;}



.icon-span{display:inline-block;position:relative;overflow:visible;background-image:url(../images/vcooline.png);background-repeat:no-repeat;}

.icon-new{background-position:right -1874px;padding-right:32px;}

.icon-hot{background-position:right -1934px;padding-right:28px;}









html,body{height:100%;position:relative;}

dd{-webkit-margin-start:0;}

/* * Remove text-shadow in selection highlight:h5bp.com/i

* These selection rule sets have to be separate.

* Customize the background color to match your design. */

input[type="checkbox"],input[type="radio"]{vertical-align:-3px;}

.checkbox{position:relative;padding-left:15px;}

.checkbox input[type="checkbox"]{position:absolute;left:0;top:50%;margin-top:-6px;}

::-moz-selection{background:#b3d4fc;text-shadow:none;}

::selection{background:#b3d4fc;text-shadow:none;}

input[type=text]:focus,input[type=password]:focus{outline:none;}

/* * A better looking default horizontal rule */

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

/* * Remove the gap between images,videos,audio and canvas and the bottom of

* their containers:h5bp.com/i/440 */

audio,canvas,img,video{vertical-align:middle;}

/* * Remove default fieldset styles. */

fieldset{border:0;margin:0;padding:0;}

/* * Allow only vertical resizing of textareas. */

textarea{resize:vertical;}

/* ==========================================================================

Browse Happy prompt

========================================================================== */

.browsehappy{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/* ==========================================================================







/* ---------------公司实力展示-------------------------------  */



.container{ width:980px; margin:auto;}

.container6{ width:250px;margin:auto; margin-top:15px;}

.container1{ width:400px; margin:auto;}.container1 span{ color:#1A1A1A; font-size:22px; font-family:"微软雅黑";}

.mainBody_15{	width:100%;

	background:#fff;

	height:105px;

	padding-top:25px;

	overflow:hidden;}

.mainBody_08{



	width:100%;

	background:#E4007F;

	height:505px;

	padding-top:25px;

	overflow:hidden;

}

.mainBody_08 .title{

	height:80px;

	line-height:66px;

	font-size:24px;

	font-weight:bold;

	color:#00AEED;

	text-align:center;

	background:url(../images/title.png) no-repeat center 0;

}

.mainBody_08 .list{

	height:405px;

	margin-top:23px;

	color:#fff;

	background:url(../images/back6.png) no-repeat center 0;

}

.mainBody_08 .list a{

	color:#fff;

	font-size:20px;

	font-weight:bold;

}

.mainBody_08 .list a:hover{

	color:#ff6600;

}

.mainBody_08 .list .left{

	width:380px;

	float:left;

	text-align:right;

	height:340px;

	padding-top:65px;

}

.mainBody_08 .list .left ul{

	width:380px;

	height:auto;

	overflow:hidden;

	padding-bottom:18px;

}

.mainBody_08 .list .left ul li{

	width:380px;

	height:auto;

	line-height:27px;

}

.mainBody_08 .list .right{

	width:380px;

	height:405px;

	float:right;

}

.mainBody_08 .list .right ul{

	width:380px;

	height:auto;

	overflow:hidden;

	padding-bottom:10px;

}

.mainBody_08 .list .right ul li{

	width:380px;

	height:auto;

	line-height:24px;

}



/* ---------------mainBody_09-------------------------------  */

.mainBody_09{

	width:980px;

	border-bottom:1px solid #ccc;

}

.mainBody_09 .title{

	height:60px;

	padding:20px 0;

	border-bottom:1px solid #ccc;

	margin-bottom:3px;

}

.mainBody_09 .title h2{

	height:60px;

	line-height:60px;

	font-size:24px;

	color:#660000;

	text-align:center;

}

.mainBody_09 .list{

	border-top:1px solid #ccc;

	padding:20px 0;

	overflow:hidden;

	width:980px;

}





/*-------------------------------------------index parallax--------------------------------------------*/

.idx_parallax{position:relative;width:100%;height:auto;background-attachment:fixed;background-size:cover !important; background-position:0 0 !important;padding:0;text-align:center;font-weight:normal;font-family:"微软雅黑",Arial,Helvetica,sans-serif;}

.idx_parallax h2{margin:0;text-transform:uppercase;text-align:center;font-size:32px;line-height:40px;font-weight:normal;}

.idx_parallax h3{margin:0;padding:0;text-transform:none;text-align:center;font-size:16px;line-height:30px;padding-top:30px;font-weight:normal;}

.parallax_bg1{background-image:url(../images/parallax_bg1.jpg)}

.parallax_bg2{background-image:url(../images/parallax_bg2.jpg)}

.parallax_effect1{position:relative;z-index:1 !important;background:url(../images/parallax_cover.png) repeat left top;}

.parallax_padding1{padding:120px 0;}

.parallax_sty1{color:#fff;}

.parallax_sty2{color:#333;}



/* ----------------------------------------index musician----------------------------------------*/