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

*{ margin:0; padding:0;}
body{ font-family:"微软雅黑";}
a{ text-decoration:none; border:0;}
a:hover { color:#333;  transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;text-decoration:none  }
img{ border:0;}
i,em{ font-style:normal;}
ul,li{ list-style:none;}
.center{ width:1200px; margin:0 auto;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}


/*****************************index*********************************/
/*top*/
.yun_top{width:100%;height:30px; background:#232323;height:42px;color:#fff}
.yun_w1200{width:1200px; margin:0 auto}
.yun_top_left{ float:left; line-height:42px; font-size:13px;}
.yun_top_left_line{ padding:0px 10px; font-size:12px;}
.yun_top_left_tel{color:#f60; font-weight:bold; margin-right:20px;}
.yun_top_right{ width:450px;float:right; line-height:42px;}
.yun_top a{color:#fff}
.yun_top a:hover{color:#e5e5e5; text-decoration:none;}
.yun_top_right_a{ display:inline-block; margin-right:20px; float:left}
.yun_top_right_a_xz{ padding-left:22px; background:url(../images/xz.png) no-repeat left center}
.yun_top_right_a_xz:hover{ padding-left:22px; background:url(../images/xz.png) no-repeat left center}
.yun_header_logo{ width:295px; float:left; padding-top:18px; padding-bottom:10px;}
.yun_header_box{}
.yun_header{ width:100%;    border-bottom: 1px solid #e5e5e5;height:76px;box-shadow: 0 2px 10px rgba(0,0,0,.8);}

.yun_header_nav{ float:left; padding-left:20px;}
.yun_header_nav li{ height:45px;padding-top:30px; position:relative;float:left; z-index:10000; font-size:15px; margin-left:10px; ;}
.yun_header_nav li a{ display:block; padding:0px 17px;}
.yun_header_navlist{width:150px; background:#fff; position:absolute;left:-30px;top:65px;    box-shadow: 0 6px 12px rgba(0,0,0,.175);    border: 1px solid rgba(0,0,0,.15);}
.yun_header_navlist .yun_header_navlist_a{width:100%;height:40px; line-height:40px; display:block; text-indent:20px; padding:0px; font-size:14px;}
.yun_header_navlist .yun_header_navlist_a:hover{ background:#014167;color:#fff; text-decoration:none}
.yun_header_navname{ display:block;background:url(../images/nav_icon.png) no-repeat right center;}
.yun_header_navname:hover{color:#014167;background:url(../images/nav_icon_h.png) no-repeat right center; text-decoration:none;}
.yunhead_tel{ float:right; line-height:22px; padding-top:18px; padding-left:45px; background:url(../images/dh.png) no-repeat left 25px}
.yunhead_tel_n{color:#f60; font-size:16px;}
/*index*/
.index_edition_content{ margin-top:50px;width:1198px;border-right:1px solid #eee;border-bottom:1px solid #eee; margin-bottom:30px; float:left; overflow:hidden}
.index_edition_content ul{width:1250px;}
.index_edition li{width:400px; float:left}

.index_edition_list{text-align: center;background-color: #fff;padding: 20px 25px 5px 25px;height:200px;border:1px solid #eee;border-right:none;border-bottom:none;}
.index_edition li .index_edition_icon{width:56px;height:56px; display:inline-block; background:url(../images/gwc.png) no-repeat;}
.index_edition li .index_edition_icon1{background:url(../images/y1.png) no-repeat;}
.index_edition li .index_edition_icon2{background:url(../images/y2.png) no-repeat;}
.index_edition li .index_edition_icon3{background:url(../images/y3.png) no-repeat;}
.index_edition li .index_edition_icon4{background:url(../images/y4.png) no-repeat;}
.index_edition li .index_edition_icon5{background:url(../images/y5.png) no-repeat;}
.index_edition li .index_edition_icon6{background:url(../images/y6.png) no-repeat;}
.index_edition li .index_edition_icon7{background:url(../images/y7.png) no-repeat;}
.index_edition li .index_edition_icon8{background:url(../images/y8.png) no-repeat;}

.index_edition_list h5 {font-size: 16px;color: #014167;font-weight: bold;margin: 12px 0 14px;}
.index_edition_list p {color: #333;font-size: 14px;    line-height: 22px;margin-bottom: 20px;text-align:center;padding: 0 9px;}
.index_edition .index_edition_list:hover{ background:#014167;color:#fff;}
.index_edition .index_edition_list:hover h5 {color:#fff}
.index_edition .index_edition_list:hover p{color:#fff}

.index_edition li .index_edition_list:hover .index_edition_icon1{background:url(../images/y1_h.png) no-repeat;}
.index_edition li .index_edition_list:hover .index_edition_icon2{background:url(../images/y2_h.png) no-repeat;}
.index_edition li .index_edition_list:hover .index_edition_icon3{background:url(../images/y3_h.png) no-repeat;}
.index_edition li .index_edition_list:hover .index_edition_icon4{background:url(../images/y4_h.png) no-repeat;}
.index_edition li .index_edition_list:hover .index_edition_icon5{background:url(../images/y5_h.png) no-repeat;}
.index_edition li .index_edition_list:hover .index_edition_icon6{background:url(../images/y6_h.png) no-repeat;}
.index_edition li .index_edition_list:hover .index_edition_icon7{background:url(../images/y7_h.png) no-repeat;}
.index_edition li .index_edition_list:hover .index_edition_icon8{background:url(../images/y8_h.png) no-repeat;}


.index_edition_iconbox{-webkit-transition: .5s all;
	transition: .5s all;
	-moz-transition: .5s all;}
.index_edition li:hover .index_edition_iconbox {
	display: block;
	-webkit-transform:translate(0,-5px);
	transform:translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform:translate(0,-5px);

}

.index_edition li a:hover{ text-decoration:none;}
.advantage{width:100%;height:660px; margin-top:10px;}
.advantage_bg{
    background: url(../images/bg.png) no-repeat center fixed;
    background-size: cover;
    padding-bottom: 40px;width:100%;height:660px;
}

.advantage_tit{ padding: 60px 0px 20px 0; text-align:center}
.advantage_tit h1{width:100%;height:60px;color: #333; font-weight:normal; font-size:28px;  background:url(../images/line_02.png) no-repeat center bottom}
.advantage_tit_p{color:#333; padding-top:20px;}
.advantage_box_list li{width:274px;height:200px; float:left; position:relative;      overflow: hidden;    color: #333;    margin: 20px 7px 0px 7px;}
.advantage_picture_bor{width:95px;height:95px;border-radius:50%; background: rgba(255,255,255,0.5);
border:2px solid #014167;padding:10px; margin:0 auto}
.advantage_picture_bor_box{width:95px;height:95px;border-radius:50%; background:#014167; position:relative}
.advantage_box_list li .advantage_picture_icon{ display:inline-block;width:56px;height:56px; position:absolute;left:20px;top:20px; }
.advantage_picture_icon1{background:url(../images/nr1.png) no-repeat}
.advantage_picture_icon2{background:url(../images/nr2.png) no-repeat}
.advantage_box_list li .advantage_picture_icon3{background:url(../images/nr3.png) no-repeat;left:25px;top:20px;}
.advantage_picture_icon4{background:url(../images/nr4.png) no-repeat}
.advantage_picture_icon5{background:url(../images/nr5.png) no-repeat}
.advantage_picture_icon6{background:url(../images/nr6.png) no-repeat}
.advantage_picture_icon7{background:url(../images/nr7.png) no-repeat}
.advantage_picture_icon8{background:url(../images/nr8.png) no-repeat}
.advantage_box_list li .advantage_picture{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 40px;
	left: 0;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
}

.advantage_box_list li .advantage_picture h3{
    margin-top: 20px;
    margin-bottom: 10px;
	font-size:16px;
}
.advantage_box_list li .introduce {
	width: 250px;
	height: 300px;
	padding: 10px 10px;
	background:#014167;
	font-size: 16px;
	line-height: 32px;
	color: #fff !important;
	position: absolute;
	top: 200px;
	left: 0;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
}
.advantage_box_list li .introduce span {
	font-size: 12px !important;
	color: #fff !important;
	text-decoration: none;
}
.advantage_box_list li .introduce a:hover {
	color: #333 !important;
}
.advantage_box_list li .introduce a span {
	display: block;
}

.advantage_box_list li:hover .advantage_picture  {
	position: absolute;
	top: -200px;
	left: 0;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
}
.advantage_box_list li:hover .introduce  {
	position: absolute;
	top: 0px;
	left: 0;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
}
.yun_index_tpl_tit{ padding:60px 0}

.yun_index_tpl_tit h1 {
    font-size: 26px;
    color: #333;
    text-align: center;
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.yun_index_tpl_tit p{width:100%; text-align:center; padding-top:10px;}
.yun_index_tpl_list li{width:372px;height:286px; float:left; margin-left:10px; margin-right:10px; margin-top:20px; }
.yun_index_tpl_list li a{display: block;text-align: center;border: solid 1px #eee;background: #fff;margin-bottom: 20px;box-shadow: 1px 0px 10px rgba(150,150,150,0.2);}
.yun_index_tpl_list li  img {
    border-bottom: solid 1px #eee;
}
.yun_index_tpl_list li h4 {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
}
.yun_index_tpl_list li a:hover {
	text-decoration: none;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	opacity: 0.9;
}

.yun_index_tpl_more{width:100%; text-align:center; padding:60px 0}
.yun_index_tpl_more a{ display:inline-block;width:120px;height:38px; line-height:38px; text-align:center;border:1px solid #dcdcdc;color:#999;transition: all .2s; background:#fff }
.yun_index_tpl_more a:hover{border:1px solid #014167;color:#014167; box-shadow: 0 3px 15px rgba(0,0,0,.2); transform: translate(0,-3px); text-decoration:none}

.yun_index_al{width:100%;height:880px;background: #f0f0f0 url(../images/bg.png) no-repeat center fixed;
    background-size: cover;}
.yun_index_al_tit{ padding:60px 0}
.yun_index_al_tit h1{ font-size: 26px;
    color: #333;
    text-align: center;
    font-weight: normal;
    padding: 0;
    margin: 0;}
.yun_index_al_tit p{width:100%; text-align:center; padding-top:10px;}
.zxkf{color:#41b77a}
.yun_index_al_list{width:; float:left; background: rgba(255,255,255,0.8);}
.yun_index_al_list li{ float:left;width:299px;height:140px; text-align:center;    border-right: solid 1px #eee;border-bottom: solid 1px #eee;}
.yun_index_al_list li a{ display:block; padding-top:40px;}
.yun_index_hd{width:100%;height:445px}
.yun_index_hd_tit{ padding:60px 0}
.yun_index_hd_tit h1{ font-size: 26px;
    color: #333;
    text-align: center;
    font-weight: normal;
    padding: 0;
    margin: 0;}
.yun_index_hd_list li{width:380px;height:247px; margin-right:20px; float:left}
.yun_index_hd_list li .activity {
	display: block;
	position: relative;
}

.yun_index_hd_list li .activity:hover {
	opacity: 0.9;
}
.yun_index_hd_list li .activity span {
	color: #fef000;
}
.yun_index_hd_list li .activity img {
	width: 100%;
	height: 247px;
}
.yun_index_hd_list li .activity-text {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left:0
}
.yun_index_hd_list li .activity-text h1 {
	margin-top: 24%; font-size:30px;
	color: #fff;
}
.yun_index_hd_list li .activity-text p {
	width: 100%;
	line-height: 40px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	font-size: 14px;
	margin: 0;
	position: absolute;
	bottom: 0;
	left:0px;
}

.activity {
	margin-top: 0;
	display: block;
	width: 100%;
	height: 100px;
	line-height: 100px;
	background:#014167;
	background-size: cover;
	color: #fff;
	margin-bottom: 20px; position:relative
}
.activity:after {
    display: block;
    content: "";
    height: 10px;
    margin-top: 0px;
    background-color: #fff;
    background-size: 10px 20px;
    background-image: linear-gradient(45deg, #014167 25%, transparent 25%, transparent), 
	 linear-gradient(-45deg, #014167 25%, transparent 25%, transparent), 
	 linear-gradient(45deg, transparent 75%, #014167 75%), 
	 linear-gradient(-45deg, transparent 75%, #014167 75%);
	 width:100%; position:absolute;bottom:0px;left:0px;
}
.yun_index_fotbanner .activity div {
	max-width: 920px;
	margin: auto;
}
.yun_index_fotbanner .activity:hover {
	text-decoration: none;
}
.yun_index_fotbanner .activity:focus {
	text-decoration: none;
}
.yun_index_fotbanner .activity p {
	margin: 0;
	font-size: 36px;
	line-height: 100px;
	margin-right: 100px;
	float: left;
}
.yun_index_fotbanner .activity p span {
	color: #fef000;
	margin-right: 20px;
}
.yun_index_fotbanner .activity img {
	float: left;
	margin-right: 50px;
}



.yun_index_new{width:500px; float:left; margin-top:20px;}
.yun_index_new_tit{width:100%; position:relative}
.yun_index_new_tit h1{
    font-weight: normal;
    font-size: 18px;}
.yun_index_new_tit a{ position:absolute;right:0px;top:0px;}
.yun_index_new_list{ margin-top:20px;}
.yun_index_new_list li{height:33px; line-height:33px; padding:0px 100px 0px 20px; position:relative}
.yun_index_new_list li em{ position:absolute;right:0px;top:0px; font-size:12px;color:#808080}
.yun_index_new_listicon{width:5px;height:5px; display:inline-block; position:absolute;left:0px;top:15px; background:#cccccc;border-radius:50%;}
.index_touch_us{width:100%;height:580px; margin-top:30px;}

.index_touch_us_box{width:100%;height:580px;
    background: url(../images/banner-2.jpg) center fixed;
    background-size: cover;
  }
 .index_touch_us_box  .yun_index_hd_tit h1{color:#fff}
  .index_touch_us_ewm_left{ float:left}
 .index_touch_us_tel{ font-weight:bold;    color: #f60;
    font-size: 26px;}
 .index_touch_us_right{width:100%; float:left; line-height:30px;color:#fff;opacity:0.8}
 .index_touch_us_right_we{ font-size:16px; padding-bottom:10px; font-weight:bold; }
 .index_touch_us_right_s{ display:inline-block; margin-left:50px;}
 .index_touch_us_right_s1{ display:inline-block; margin-left:20px;}
 .index_touch_us_ewm{width:130px; float:left; text-align:center; margin-left:80px;}
  .index_touch_us_ewm_img img{ margin-top:10px;}
.index_touch_us_ewm_p{ padding-top:10px;color:#fff}

.index_touch_us_ewm_img{
    width: 130px;height:130px;
    margin-bottom: 10px;
	background: rgba(255,255,255,0.3);border-radius:2px;
}
.index_touch_us_ewm_bth{height:38px; line-height:38px; background:#15ad72 url(../images/wx.png) no-repeat 10px center;border-radius:20px; margin-top:30px;color:#fff ; padding-left:28px;}
.index_touch_us_ewm_azbth{height:38px; line-height:38px; background:#eab122 url(../images/az.png) no-repeat 22px center;border-radius:20px; margin-top:30px;color:#fff ; padding-left:28px;}
.index_touch_us_ewm_iosbth{height:38px; line-height:38px; background:#1580c4 url(../images/ios.png) no-repeat 22px center;border-radius:20px; margin-top:30px;color:#fff ; padding-left:28px;}
.index_touch_us_ewm_xcxbth{height:38px; line-height:38px; background:#37c386 url(../images/xcx.png) no-repeat 13px center;border-radius:20px; margin-top:30px;color:#fff ; padding-left:28px;}
.index_touch_us_ewm_wapbth{height:38px; line-height:38px; background:#ee7c0d url(../images/wap.png) no-repeat 13px center;border-radius:20px; margin-top:30px;color:#fff ; padding-left:28px;}
.page_header{ height:110px;}

.page_logo{ width:300px; padding-top:38px;}
.page_logo a{}

.page_right{ width:710px;}
.page_tel{ width:100%; text-align:right; font-size:14px; color:#565353; padding-top:10px; line-height:22px;}
.page_tel i{ font-size:20px; color:#f99201; font-style:italic; padding-left:5px;}
.yun_nav{}
.yun_navcation{ margin-top:18px; position:relative; height:35px; z-index:100000}
.yun_navcation ul{}
.yun_navcation ul li{ float:left; font-size:16px; width:96px; text-align:center; padding-top:8px;}
.yun_navcation ul li a{ color:#3e3b38; display:block; border-right:1px dotted #dbdbdb; height:16px; line-height:16px;}
.yun_navcation ul li a:hover{ color:#6687ba;}
.yun_navcation ul .nav_cur a{ color:#6687ba;}
.yun_navcation .search{ background:url(../images/yun_search.jpg) no-repeat; width:39px; height:33px; display:block; line-height:32px; text-align:center; position:absolute; right:0; top:0; z-index:10;  border-bottom:0;}
.icon_search{ color:#fff; font-size:20px; }
.search_menu{ border:1px solid #fff; position:absolute; right:0; top:33px; background:#fff; width:352px; z-index:9; display:none;}
.search_mcon{ overflow:hidden; zoom:1; float:right; padding-top:5px; margin-left:10px; }
.search_mcon .search_inp{ width:160px; height:30px; line-height:30px; font-size:14px;font-family:"微软雅黑"; color:#989ca2; background:#fff;text-indent:10px; color:#333;border:none;}
.search_mcon .search_btn{ width:34px; height:30px; background:#fff url(../images/search_iocn.png) no-repeat center center; color:#fff; border:0; font-size:14px; font-family:"微软雅黑"; cursor:pointer;}
.navcation .search_cur{ background:#fff; border:1px solid #c7c9cb; border-bottom:0;}
.navcation .search_cur .icon_search{ color:#ccc;}

/*banner*/

.flexslider { position: relative; height:450px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides {}
.slides li { height:600px;}
.flex-control-nav { position: absolute; bottom:20px;left:0px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width:16px; height: 16px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width:15px; height: 16px; line-height: 45px; overflow: hidden; background: url(../images/hd_icon.png) left 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: -15px 0px ;}
.index_msg_no_sj{width:100%;float:left;height:96px; line-height:96px;text-align:center; font-size:16px;}
.flex-direction-nav {margin: 0; padding: 0; list-style: none;*height: 0;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev,.flex-direction-nav .flex-next{display:block;height:77px;width:36px;position:absolute;top:180px;z-index:100;background:url(../images/prevNext.png) no-repeat;outline:none;} 
.flex-direction-nav .flex-prev {left:0px;}
.flex-direction-nav .flex-next {right:0px;background-position:right top;}
.flexslider:hover .flex-prev { opacity: 0.7; left: -56px; }
.flexslider:hover .flex-next { opacity: 0.7; right: -56px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block;} 
/*experience*/

.experience{ padding-top:35px;}
.exper_tit{ width:337px; margin:0 auto; position:relative; text-align:center;}
.exper_tit span{ font-size:36px; color:#282a2c; width:337px; border-bottom:1px solid #333; padding-bottom:15px; display:block;}
.exper_tit_bg{width:25px;height:7px; display:inline-block; position:absolute;left:50%;bottom:-4px; background:#fff; margin-left:-13px;}
.icon_dot{ width:5px;height:5px;position:absolute; bottom:1px; left:50%; margin-left:-2px;  background:#333;border-radius:50%; display:block; font-size:20px; overflow:hidden}
.exper_des{ padding-top:30px;}
.exper_des p{ padding:0 90px; text-align:center; font-size:15px; color:#67605c; line-height:30px;}
.exper_function{ position:relative; margin-top:40px; height:350px;}
.exper_line{ height:1px; width:100%; border-bottom:1px solid #eee; position:absolute; top:70px; _top:45px; z-index:1; display:block;}
.exper_fun{ position:absolute; z-index:20; top:15px; left:50%; margin-left:-512px; padding-bottom:40px;}
.exper_fun_det{ width:210px; text-align:center;}
.exper_fun_det a{}
.exper_fun_det a:hover{ text-decoration:none}
.function_tit{ font-size:16px; color:#1e1919; line-height:30px; padding-bottom:12px;}
.function_det{ font-size:14px; line-height:24px; color:#85827f;}
.exper_null{ width:61px; float:left; display:block; height:190px;}
.exper_fun_det a:hover .function_tit{ color:#005aac;text-decoration:none }
.exper_more{ position:absolute; bottom:40px; left:50%; margin-left:-80px;}
.exper_more a{ font-size:14px; color:#005aac; width:160px; height:40px; line-height:40px; text-align:center; display:block; border:1px solid #d8d3d4;}
.exper_more a:hover{ background:#005aac; color:#fff;text-decoration:none }
.feature{ width:91px; height:91px; margin:0 auto; padding-bottom:12px;}
.feature i{ background:url(../images/index_icon1.png) -35px -32px; display:block; width:91px; height:91px;}
.feature .icon_fea01{ background:url(../images/index_icon1.png) -35px -32px;}
.feature .icon_fea02{ background:url(../images/index_icon1.png) -213px -32px;}
.feature .icon_fea03{ background:url(../images/index_icon1.png) -392px -32px;}
.feature .icon_fea04{ background:url(../images/index_icon1.png) -570px -32px;}
.exper_fun_det a:hover .feature i{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
.exper_fun_det a:hover .feature .icon_fea01{ background:url(../images/index_icon1.png) -35px -163px;}
.exper_fun_det a:hover .feature .icon_fea02{ background:url(../images/index_icon1.png) -213px -163px;}
.exper_fun_det a:hover .feature .icon_fea03{ background:url(../images/index_icon1.png) -391px -163px;}
.exper_fun_det a:hover .feature .icon_fea04{ background:url(../images/index_icon1.png) -570px -163px;}

/*client*/

.client{ width:100%; background:#f8f8f8 url(../images/bg.png) no-repeat center center fixed; padding-top:30px; padding-bottom:30px;}
.exper_des p a{ color:#3580ef;}
.client_case{ background:rgba(255,255,255,0.7); _background:#fff; border:1px solid #e2e2e2; overflow:hidden; height:287px; margin-top:40px;}
.client_case ul{ width:1025px; height:289px;}
.client_case ul li{ width:204px; float:left; height:143px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.client_case ul li a{ display:block; padding-left:20px; width:164px; height:55px; padding-top:45px;}
.anli_cont{width:1200px; margin:0 auto; _overflow:hidden}
.anli_client_case{ background:rgba(255,255,255,0.7); _background:#fff; border:1px solid #e2e2e2; margin-top:40px; float:left}
.anli_client_case ul{ width:1227px;}
.anli_client_case ul li{ width:239px; float:left; height:143px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.anli_client_case ul li a{ display:block; padding-left:20px; width:164px; height:55px; padding-top:45px;}


.client_more{ padding-top:27px; width:164px; margin:0 auto; position:relative;}
.client_more a{ background:#005aac; display:block; color:#fff; font-size:14px; width:162px; text-align:center; height:41px; line-height:41px; border:1px solid #d8d3d4;}
.client_more a:hover{ background:#0a3c69; color:#fff;}
.more_effect{-webkit-transform: translateZ(0);transform: translateZ(0);}
.more_effect:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background:#005aac; 

  -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%;-webkit-transition-property: transform;
  transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.more_effect:hover:before,.more_effect:focus:before,.more_effect:active:before {-webkit-transform: scaleY(0);transform: scaleY(0);}

/*news*/

.news{ margin-top:36px; padding-bottom:50px; overflow:hidden;}
.repository{ width:326px;}
.repository h3{ color:#201d1d; font-size:18px; width:174px; height:46px; background:#cfcbcb; text-align:center; line-height:46px; font-weight:normal; position:relative; margin:0 auto;}
.icon_triangle{ width:29px;height:12px; position:absolute; font-size:40px; color:#cfcbcb; bottom:-12px; left:50%; margin-left:-15px; overflow:hidden}
.repos_det{ background:#fff; border:1px solid #eee; position:relative; height:350px; margin-top:27px;}
.repos_det ul{ padding:15px 12px 24px;}
.repos_det ul li{ height:37px; line-height:37px; font-size:12px; border-bottom:1px dotted #dedede; position:relative}
.repos_det ul li a{ color:#333; display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left:10px;}
.repos_det ul li a:hover{ text-decoration:underline}
.news_more{ position:absolute; left:50%; margin-left:-62px; bottom:-20px;}
.news_more a{ display:block; font-size:14px; background:#fff; color:#005aac; width:124px; text-align:center; height:33px; line-height:33px; border:1px solid #eee;}
.icon_side{width:2px;height:2px; background:#999999; font-size:14px;display:inline-block; position:absolute;left:0px;top:16px;overflow:hidden} 
.annulus{ position:absolute; top:-7px; left:50%; margin-left:-7px;}
.icon_ann{ width:10px;height:10px;color:#a5a3a3; background:#fff;border:2px solid #abaaaa; border-radius:50%; display:block; overflow:hidden}
.news_null{ width:23px; _width:20px; display:block; height:400px;}
.repos_detimg{}
.repos_detimg img{ width:300px; height:110px;}
.repository h3,.repository .icon_triangle,.repository .repos_det,.repository .repos_det ul li,.repository .repos_det ul li a,.repository .icon_ann,.repository .news_more a { transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
.icon_triangle{width:29px;height:12px; background:url(../images/yun_in_sh.jpg) no-repeat}
/*hover*/

/*.repository:hover{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1);
	transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;
}*/
.repository:hover h3,.repository:hover .icon_triangle,.repository:hover .repos_det,.repository:hover .repos_det ul li,.repository:hover .repos_det ul li a,.repository:hover .icon_ann,.repository:hover .news_more a { transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
.repository:hover h3{ background:#005aac; color:#fff;}
.repository:hover .icon_triangle{ color:#005aac;width:29px;height:12px; background:url(../images/yun_in_s.jpg) no-repeat}
.repository:hover .repos_det{ background:#005aac;}
.repository:hover .repos_det ul li{ border-bottom:1px dotted #fff;}
.repository:hover .repos_det ul li a{ color:#fff;}
.repository:hover .icon_ann{ color:#005aac;border:2px solid #005aac; }
.repository:hover .news_more a{ background:#f66711; color:#fff; border:1px solid #f66711;}
.repository:hover .icon_side{width:2px;height:2px; background:#ffffff; font-size:14px;display:inline-block; position:absolute;left:0px;top:16px;overflow:hidden}
.product_icon_triangle{width:29px;height:12px; background:url(../images/yun_in_c.jpg) no-repeat;position:absolute; bottom:-12px; left:50%; margin-left:-15px;overflow:hidden} 
/*link*/

.link_con{ padding:12px 0px;}
.link_tit{ color:#3e3939; font-size:16px;}
.link_tit span{ height:20px; border-left:6px solid #005aac; padding-left:10px;}
.link_det{ font-size:14px; line-height:30px; padding:15px 0 10px 0;}
.link_det a{ color:#7c7676; padding:0 8px; display:inline-block}
.link_det  a:hover{ color:#005aac;}

/*footer*/

.page_footer{ width:100%; background:#232323; overflow:hidden; margin-top:25px; padding-bottom:30px; padding-top:20px;}
.footer_left{ width:750px; font-size:14px; line-height:33px; padding-top:28px;}
.footer_nav{ color:#aaa;}
.footer_nav a{ color:#aaa;}
.footer_contact span{ white-space:nowrap; color:#aaa; display:block; float:left;}
.footer_contact .footer_con1{ width:33.3%;}
.footer_contact .footer_con2{ width:66%;}
.footer_right{ width:270px;}
.footer_code{ width:118px; text-align:center; margin-left:15px; margin-top:18px; display:inline;}
.footer_code img{}
.footer_code span{ font-size:14px; color:#aaa; line-height:30px;}
.page_footer_bot{width:100%; text-align:center;color:#aaa; padding:10px 0;background:#232323;    border-top: 1px solid #333333;}

/***********************************index-end*******************************************/

/**********************************product*********************************************/

.product{ padding-top:35px; position:relative;}
.product_tit{ position:relative;}
.product_line{ width:100%; height:1px; border-bottom:1px solid #d4d4d4; position:relative; bottom:-86px; left:0;}
.icon_circle{ width:10px;height:10px;border-radius:50%;position:absolute; left:50%; font-size:16px; top:-6px; margin-left:-7px; color:#f39803; background:#fff;border:2px solid #e4a51e ; overflow:hidden}
.product_tit h3{ position:relative; width:174px; height:46px; text-align:center; line-height:46px; color:#fff; background:#f39803; margin:0 auto; font-weight:normal;}
.product_tit h3 .icon_triangle{ color:#f39803;}
.about_trait{ text-align:center; padding:0px 85px 50px;}
.about_trait h3{ font-size:30px; color:#282a2c; font-weight:normal}
.about_trait p{ color:#67605c; font-size:15px; line-height:30px; padding-top:40px;}

.product_fun{ width:1084px; overflow:hidden;}
.exper_fun_det02{ width:210px; text-align:center; padding-right:60px; padding-bottom:25px;}
.exper_fun_det02 a{}
.function_icon{ height:90px; width:90px; text-align:center; line-height:90px; border-radius:100%;background:#fff; border:1px solid #a3a3a3; margin:0 auto 12px; position:relative}
.icon_laptop{width:90px; text-align:center; position:absolute;top:25px;left:0px;color:#272636; }
.exper_fun_det a:hover .function_icon{ background:#005aac; border:1px solid #005aac;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
.exper_fun_det a:hover .icon_laptop{ color:#fff;}
.exper_fun_det02 a .function_icon{ background:#005aac; border:1px solid #005aac;}
.exper_fun_det02 a .icon_laptop{ color:#fff;}
.exper_fun_det02 a:hover .function_tit{ text-decoration:none;}
.exper_fun_det02 a:hover{ text-decoration:none}
.exper_fun_det02 a .ico_bg1{ background:#56b4f1; border:1px solid #56b4f1;}
.exper_fun_det02 a .ico_bg2{ background:#f59549; border:1px solid #f59549;}
.exper_fun_det02 a .ico_bg3{ background:#3d9ae8; border:1px solid #3d9ae8;}
.exper_fun_det02 a .ico_bg4{ background:#665cbd; border:1px solid #665cbd;}
.exper_fun_det02 a .ico_bg5{ background:#6ccb19; border:1px solid #6ccb19;}
.exper_fun_det02 a .ico_bg6{ background:#ec5a41; border:1px solid #ec5a41;}
.exper_fun_det02 a .ico_bg7{ background:#e75d74; border:1px solid #e75d74;}
.exper_fun_det02 a .ico_bg8{ background:#9dcc7b; border:1px solid #9dcc7b;}
.exper_fun_det02 a .ico_bg9{ background:#d6c338; border:1px solid #d6c338;}
.exper_fun_det02 a .ico_bg10{ background:#7eb301; border:1px solid #7eb301;}
.exper_fun_det02 a:hover .function_icon{ margin-top:0;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;}
.exper_fun_det02{ height:194px; overflow:hidden;}
.function_icon{ margin-top:10px; *margin-top:0px;transition:400ms; -moz-transition:400ms; -webkit-transition:400ms; -o-transition:400ms; -ms-transition:400ms;}

/*图表*/
.product_pic{ position:relative; height:560px;}
.pro_about{ font-size:14px; color:#58554e; background:#fff2e7; line-height:30px; padding:12px; border:1px solid #e19b02; z-index:10; position:absolute;}
.pro_about1{ width:280px; left:0;}
.pro_about2{ width:260px; right:0;}
.pro_about3{ width:236px; right:0; top:190px;}
.pro_about4{ width:266px; left:0; top:270px;}
.pro_about5{ width:326px; top:455px; right:209px;}
.pro_pic1{ width:474px; height:459px; background:url(../images/chart_bg.png) no-repeat; position:absolute; top:0; left:50%; margin-left:-220px; z-index:1;}
.pro_pic1 span{ position:absolute; font-size:24px; color:#fff; width:130px; text-align:center;}
.pro_pic1 .product_list1{ top:90px; left:60px;}
.pro_pic1 .product_list2{ top:90px; right:80px;}
.pro_pic1 .product_list3{ top:240px; left:25px;}
.pro_pic1 .product_list4{ top:345px; left:50%; margin-left:-70px;}
.pro_pic1 .product_list5{ top:250px; right:40px;}
.pro_pic1 .product_list6{ top:187px; left:50%; width:120px; margin-left:-70px;}
.pro_pic1 .product_list6 i{ font-size:18px; line-height:30px;}

/**********************************product-end*********************************************/

/**********************************download*********************************************/

.about_down{ padding:0px 85px 45px;}
.about_down h3{ font-weight:normal; font-size:36px; color:#333;}
.character{ margin:0 auto; width:460px; display:block; margin-top:20px; overflow:hidden;}
.character span{ line-height:40px; margin:0 15px; color:#191515; font-size:14px; float:left; position:relative; padding-left:20px;}
.icon_circle2{width:10px;height:10px; background:#2683c6;border-radius:50%; display:inline-block; position:absolute;left:0px;top:15px;overflow:hidden}
.download_new{}
.download_new_left{ width:540px; margin-top:22px;}
.dl_new_img{ background:url(../images/bg2.png) no-repeat left top; width:536px; height:389px;}
.dl_new_img img{ width:443px; height:253px; margin-top:20px; margin-left:72px;}
.download_new_right{ width:460px;} 
.data_list{}
.dl_hang{ height:46px; line-height:46px; border-bottom:1px solid #f0f0f0; margin-bottom:3px;}
.dl_hang .dl_fl{ width:130px; text-align:center; background:#f0f0f0; font-size:16px; color:#121111}
.dl_hang .dl_fr{ padding-left:20px; font-size:14px; color:#282020;}
.dl_hang .dl_extrude{ color:#e12718;}
.download_btn{ margin-top:27px;}
.download_btn a{ display:inline-block; width:227px; height:60px; background:#45b823; line-height:60px; color:#fff; font-size:24px; text-align:center; position:relative}
.download_btn a .icon_download{width:35px;height:35px; background:url(../images/iconfont-filedownload.png) no-repeat; display:inline-block; position:absolute;left:15px;top:14px;}
.up_dl_btn .icon_download2{width:35px;height:35px; background:url(../images/iconfont-filedownload.png) no-repeat; display:inline-block; position:absolute;left:15px;top:16px;}
.download_btn a:hover{ background:#358c1b;}
.download_btn span{ font-size:18px; color:#353131}
.download_btn span i{ color:#e12718;}
.update{ background:#f7f7f7; width:100%; margin-top:70px;}
.update_con{ padding:70px 0 50px;}
.update_con .update_tit{ font-weight:normal; font-size:36px; color:#333; text-align:center; padding-bottom:50px;}
.update_left{ width:458px;}
.update_left img{ float:right; padding-right:60px; padding-top:22px;}
.update_right{ width:540px; padding-right:25px;}
.update_des{ color:#333; font-size:18px; line-height:36px; padding-bottom:20px;}
.update_hint{ font-size:14px; line-height:24px; color:#ef0909; padding-bottom:12px;}
.update_right .up_time{ font-size:14px; line-height:24px; color:#8c8585; display:block; padding-bottom:15px;}
.update_right .up_dl_btn{ font-size:24px; width:227px; text-align:center; height:60px; line-height:60px; background:#2683c6; color:#fff; display:block;}
.update_right .up_dl_btn .icon_download{ padding-right:20px;}
.update_right .up_dl_btn:hover{ background:#1d6498;}
.download_list{ padding-top:40px;}
.patch{ padding-bottom:55px; overflow:hidden; zoom:1;}
.patch_left{ width:180px; text-align:right; font-size:18px; line-height:36px; color:#333;}
.patch_right{ padding-left:10px; width:830px;}
.patch_right a{ display:inline-block; color:#333; font-size:16px; line-height:36px; width:340px; padding-left:20px; position:relative}
.patch_right a:hover{ text-decoration:underline;}
.icon_side2{width:10px;height:10px; background:#2683c6; position:absolute;left:0px;top:12px;overflow:hidden}
.patch_right02{ padding-left:10px;}
.patch_right02 a{ display:inline-block; color:#333; font-size:16px; line-height:36px; }
.patch_right02 a:hover{ text-decoration:underline;}
.condition{}
.condition_tit{ font-size:18px; color:#333; padding-bottom:10px; padding-left:20px;}
.condition_tab{}
.condition_tab table{ border:1px solid #c5c4c4; border-bottom:0; border-right:0; font-size:18px; }
.condition_tab table td ,.condition_tab table th{ border-bottom:1px solid #c5c4c4; border-right:1px solid #c5c4c4; color:#4b4343; font-weight:normal;}
.condition_tab table th{ background:#f7f7f7; height:45px; text-indent:70px; text-align:left;}
.condition_tab table .con_w240{ width:240px;}
.condition_tab table .con_w780{ width:780px;}
.condition_tab table td{ height:55px; text-indent:50px; color:#333;}
.price_content{width:1024px; margin:0 auto}
.about_h1{width:100%;height:30px;border-top:1px solid #b3b3b7;}
.about_w1024{width:1024px;height:30px; margin:0 auto; position:relative}
.about_tit{ display:inline-block; padding:5px 20px; background:#fff; font-size:16px; position:absolute;right:0;top:-15px;color:#f60; font-weight:bold}
.about_tit_icon_r{width:8px;height:8px;border:2px solid #b3b3b7; position:absolute; right:0px;top:-6px; display:inline-block;border-radius:50%; overflow:hidden; background:#fff}
.about_tit_icon_l{width:8px;height:8px;border:2px solid #b3b3b7; position:absolute; right:95px;top:-6px; display:inline-block;border-radius:50%; overflow:hidden;background:#fff}
/*int_banner*/
.int_banner{ width:100%; text-align:center; height:240px; background:#1863b4}
.int_banner_cont{width:1024px;height:240px; margin:0 auto; position:relative}
.int_banner_left{width:600px;height:163px; background:url(../images/int_banner_l.jpg) no-repeat; position:absolute;left:0px;bottom:0px; z-index:8;-webkit-animation:int_banner_left 4s linear  both;
-moz-animation:int_banner_left 4s linear  both;
-ms-animation:int_banner_left 4s linear  both;
-o-animation:int_banner_left 4s linear  both;
animation:int_banner_left 4s linear  both;}
.int_banner_date{width:210px;height:40px;  position:absolute;right:205px;top:40px; z-index:9;-webkit-animation:int_banner_date 3s infinite  both;
-moz-animation:int_banner_date 3s infinite  both;
-ms-animation:int_banner_date 3s infinite  both;
-o-animation:int_banner_date 3s infinite  both;
animation:int_banner_date 3s infinite  both; font-size:34px; line-height:40px;color:#FC3}
.int_banner_hj{width:176px;height:45px; line-height:45px;color:#fff; font-size:40px; position:absolute;right:0px;top:36px; z-index:9;
-webkit-animation:int_banner_hj 1s linear 0.5s both;
-moz-animation:int_banner_hj 1s linear 0.5s both;
-ms-animation:int_banner_hj 1s linear 0.5s both;
-o-animation:int_banner_hj 1s linear 0.5s both;
animation:int_banner_hj 1s linear 0.5s both;}
.int_banner_t1{width:429px;height:16px; background:url(../images/int_banner_eg.jpg) no-repeat; position:absolute;right:0px;top:90px; z-index:9;
-webkit-animation:int_banner_t1 1s linear 0.5s both;
-moz-animation:int_banner_t1 1s linear 0.5s both;
-ms-animation:int_banner_t1 1s linear 0.5s both;
-o-animation:int_banner_t1 1s linear 0.5s both;
animation:int_banner_t1 1s linear 0.5s both;}
.int_banner_t2{width:223px;height:21px; background:url(../images/int_banner_t1.jpg) no-repeat; position:absolute;right:110px;top:135px;
-webkit-animation:int_banner_t2 1s linear 0.5s both;
-moz-animation:int_banner_t2 1s linear 0.5s both;
-ms-animation:int_banner_t2 1s linear 0.5s both;
-o-animation:int_banner_t2 1s linear 0.5s both;
animation:int_banner_t2 1s linear 0.5s both;
}
.int_banner_bth{width:81px;height:27px; background:url(../images/int_banner_bth.jpg) no-repeat; position:absolute;right:15px;top:132px;
-webkit-animation:int_banner_bth 1s linear 0.5s both;
-moz-animation:int_banner_bth 1s linear 0.5s both;
-ms-animation:int_banner_bth 1s linear 0.5s both;
-o-animation:int_banner_bth 1s linear 0.5s both;
animation:int_banner_bth 1s linear 0.5s both;
}
.int_banner_t3{width:123px;height:20px; background:url(../images/int_banner_t2.jpg) no-repeat right top; position:absolute;right:0px;bottom:30px;
-webkit-animation:int_banner_t1 1s linear 0.5s both;
-moz-animation:int_banner_t1 1s linear 0.5s both;
-ms-animation:int_banner_t1 1s linear 0.5s both;
-o-animation:int_banner_t1 1s linear 0.5s both;
animation:int_banner_t1 1s linear 0.5s both;
}
/*int 动画*/
@-webkit-keyframes int_banner_left {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
 opacity:0
}
 40% {
-webkit-transform:translate(10px,0px);
-moz-transform:translate(10px,0px);
-ms-transform:translate(10px,0px);
-o-transform:translate(10px,0px);
transform:translate(10px,0px);
 opacity:1
}
 80% {
-webkit-transform:translate(-50px,0px);
-moz-transform:translate(-50px,0px);
-ms-transform:translate(-50px,0px);
-o-transform:translate(-50px,0px);
transform:translate(-50px,0px);
 opacity:1
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
}
}
@-webkit-keyframes int_banner_date {
 0% {
-webkit-transform:translate(-10px,0px);
-moz-transform:translate(-10px,0px);
-ms-transform:translate(-10px,0px);
-o-transform:translate(-10px,0px);
transform:translate(-10px,0px);

}
 50% {
-webkit-transform:translate(10px,0px);
-moz-transform:translate(10px,0px);
-ms-transform:translate(10px,0px);
-o-transform:translate(10px,0px);
transform:translate(10px,0px);
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
}
}
@-webkit-keyframes int_banner_hj {
 0% {
-webkit-transform:translate(100px,0px);
-moz-transform:translate(100px,0px);
-ms-transform:translate(100px,0px);
-o-transform:translate(100px,0px);
transform:translate(100px,0px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
@-webkit-keyframes int_banner_t1 {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
@-webkit-keyframes int_banner_t2 {
 0% {
-webkit-transform:translate(0px,10px);
-moz-transform:translate(0px,10px);
-ms-transform:translate(0px,10px);
-o-transform:translate(0px,10px);
transform:translate(0px,10px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}}
@-webkit-keyframes int_banner_bth {
 0% {
-webkit-transform:translate(50px,0px);
-moz-transform:translate(50px,0px);
-ms-transform:translate(50px,0px);
-o-transform:translate(50px,0px);
transform:translate(50px,0px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
/*anli_banner*/
.anli_banner{ width:100%; text-align:center; height:240px; background:#2d62a8}
.anli_banner_cont{width:1024px;height:240px; margin:0 auto; position:relative}
.anli_banner_r{width:475px;height:240px; background:url(../images/anli_r.jpg) no-repeat; position:absolute;right:0px;top:0px;
-webkit-animation:anli_banner_r 4s infinite  forwards;
-moz-animation:anli_banner_r 4s infinite  forwards;
-ms-animation:anli_banner_r 4s infinite  forwards;
-o-animation:anli_banner_r 4s infinite  forwards;
animation:anli_banner_r 4s infinite  forwards;
}
@-webkit-keyframes anli_banner_r {
 0% {
-webkit-transform:translate(-10px,0px);
-moz-transform:translate(-10px,0px);
-ms-transform:translate(-10px,0px);
-o-transform:translate(-10px,0px);
transform:translate(-10px,0px);

}
 40% {
-webkit-transform:translate(10px,0px);
-moz-transform:translate(10px,0px);
-ms-transform:translate(10px,0px);
-o-transform:translate(10px,0px);
transform:translate(10px,0px);
}
 80% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
}
100% {
-webkit-transform:translate(-10px,0px);
-moz-transform:translate(-10px,0px);
-ms-transform:translate(-10px,0px);
-o-transform:translate(-10px,0px);
transform:translate(-10px,0px);
}
}
.anli_banner_t1{width:275px;height:48px; background:url(../images/anli_t1.jpg) no-repeat; position:absolute;left:110px;top:50px;
-webkit-animation:anli_banner_t1 1s linear  both;
-moz-animation:anli_banner_t1 1s linear  both;
-ms-animation:anli_banner_t1 1s linear  both;
-o-animation:anli_banner_t1 1s linear both;
animation:anli_banner_t1 1s linear  both;
}
@-webkit-keyframes anli_banner_t1 {
 0% {
-webkit-transform:translate(0px,-50px);
-moz-transform:translate(0px,-50px);
-ms-transform:translate(0px,-50px);
-o-transform:translate(0px,-50px);
transform:translate(0px,-50px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.anli_banner_t2{width:250px;height:23px; background:url(../images/anli_t2.jpg) no-repeat; position:absolute;left:120px;top:120px;
-webkit-animation:anli_banner_t2 1s linear  both;
-moz-animation:anli_banner_t2 1s linear  both;
-ms-animation:anli_banner_t2 1s linear both;
-o-animation:anli_banner_t2 1s linear  both;
animation:anli_banner_t2 1s linear  both;
}
@-webkit-keyframes anli_banner_t2 {
 0% {
-webkit-transform:translate(0px,50px);
-moz-transform:translate(0px,50px);
-ms-transform:translate(0px,50px);
-o-transform:translate(0px,50px);
transform:translate(0px,50px);
 opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.anli_banner_tleft{width:127px;height:10px; background:url(../images/anli_tleft.jpg) no-repeat; position:absolute;left:0px;top:125px;
-webkit-animation:anli_banner_tleft 1s linear 0.5s both;
-moz-animation:anli_banner_tleft 1s linear 0.5s both;
-ms-animation:anli_banner_tleft 1s linear 0.5s both;
-o-animation:anli_banner_tleft 1s linear 0.5s both;
animation:anli_banner_tleft 1s linear 0.5s both;
}
@-webkit-keyframes  anli_banner_tleft {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
}
}
.anli_banner_tright{width:127px;height:10px; background:url(../images/anli_tright.jpg) no-repeat; position:absolute;left:360px;top:125px;
-webkit-animation:anli_banner_tright 1s linear 0.5s both;
-moz-animation:anli_banner_tright 1s linear 0.5s both;
-ms-animation:anli_banner_tright 1s linear 0.5s both;
-o-animation:anli_banner_tright 1s linear 0.5s both;
animation:anli_banner_tright 1s linear 0.5s both;
}
@-webkit-keyframes  anli_banner_tright {
 0% {
-webkit-transform:translate(100px,0px);
-moz-transform:translate(100px,0px);
-ms-transform:translate(100px,0px);
-o-transform:translate(100px,0px);
transform:translate(100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.anli_banner_p{width:148px;height:34px; line-height:34px; text-align:center; position:absolute;left:180px;bottom:35px;}
.anli_banner_p a{ display:block; position:relative; font-size:16px;color:#f7e908}
.anli_banner_p_s{
	display:inline-block;
	-webkit-animation:anli_banner_p_s 1s linear 2s both;
-moz-animation:anli_banner_p_s 1s linear 2s both;
-ms-animation:anli_banner_p_s 1s linear 2s both;
-o-animation:anli_banner_p_s 1s linear 2s both;
animation:anli_banner_p_s 1s linear 2s both;}
@-webkit-keyframes  anli_banner_p_s {
 0% {
opacity:0
}
 100% {
 opacity:1
 
}
}
.anli_banner_p_bor{ display:inline-block;width:148px;height:34px; line-height:34px;border:1px solid #f7e908;border-radius:20px; position:absolute;left:0px;top:0px;
-webkit-animation:anli_banner_p_bor 1s linear 1s both;
-moz-animation:anli_banner_p_bor 1s linear 1s both;
-ms-animation:anli_banner_p_bor 1s linear 1s both;
-o-animation:anli_banner_p_bor 1s linear 1s both;
animation:anli_banner_p_bor 1s linear 1s both;
 }
@-webkit-keyframes  anli_banner_p_bor {
 0% {
-webkit-transform:translate(100px,0px);
-moz-transform:translate(100px,0px);
-ms-transform:translate(100px,0px);
-o-transform:translate(100px,0px);
transform:translate(100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
/*price_banner*/
.price_banner{ width:100%; text-align:center; height:240px; background:#04052e; overflow:hidden}
.price_banner_cont{width:1024px;height:240px; margin:0 auto; position:relative}
.price_banner_limg{width:874px;height:240px; background:url(../images/price_banner_limg.jpg) no-repeat; position:absolute;left:-200px;top:0px;
-webkit-animation:price_banner_limg 1s linear 1s both;
-moz-animation:price_banner_limg 1s linear 1s  both;
-ms-animation:price_banner_limg 1s linear 1s  both;
-o-animation:price_banner_limg 1s linear 1s  both;
animation:price_banner_limg 1s linear  1s  both;}
@-webkit-keyframes  price_banner_limg {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-00px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.price_banner_rimg{width:327px;height:231px; background:url(../images/price_banner_rimg.jpg) no-repeat; position:absolute;right:0px;bottom:0px;
-webkit-animation:price_banner_rimg 1s linear 2s both;
-moz-animation:price_banner_rimg 1s linear 2s  both;
-ms-animation:price_banner_rimg 1s linear 2s  both;
-o-animation:price_banner_rimg 1s linear 2s  both;
animation:price_banner_rimg 1s linear  2s  both;
}
@-webkit-keyframes  price_banner_rimg {
 0% {
-webkit-transform:translate(50px,0px);
-moz-transform:translate(50px,0px);
-ms-transform:translate(50px,0px);
-o-transform:translate(50px,0px);
transform:translate(50px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}

.price_banner_t1{width:70px;height:108px; background:url(../images/price_t1.png) no-repeat; position:absolute;left:230px;top:40px;
-webkit-animation:price_banner_t1 1s linear both;
-moz-animation:price_banner_t1 1s linear  both;
-ms-animation:price_banner_t1 1s linear  both;
-o-animation:price_banner_t1 1s linear  both;
animation:price_banner_t1 1s linear  both;
}
@-webkit-keyframes  price_banner_t1 {
 0% {
-webkit-transform:translate(50px,0px);
-moz-transform:translate(50px,0px);
-ms-transform:translate(50px,0px);
-o-transform:translate(50px,0px);
transform:translate(50px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.price_banner_t2{width:66px;height:106px; background:url(../images/price_t2.png) no-repeat; position:absolute;left:340px;top:40px;
-webkit-animation:price_banner_t2 1s linear 0.5s both;
-moz-animation:price_banner_t2 1s linear  0.5s both;
-ms-animation:price_banner_t2 1s linear  0.5s both;
-o-animation:price_banner_t2 1s linear  0.5s both;
animation:price_banner_t2 1s linear  0.5s both;
}
@-webkit-keyframes  price_banner_t2 {
 0% {
-webkit-transform:translate(0px,40px);
-moz-transform:translate(0px,40px);
-ms-transform:translate(0px,40px);
-o-transform:translate(0px,40px);
transform:translate(0px,40px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.price_banner_t3{width:64px;height:71px; background:url(../images/price_t3.png) no-repeat; position:absolute;left:430px;top:90px;
-webkit-animation:price_banner_t3 1s linear 1s both;
-moz-animation:price_banner_t3 1s linear  1s both;
-ms-animation:price_banner_t3 1s linear  1s both;
-o-animation:price_banner_t3 1s linear  1s both;
animation:price_banner_t3 1s linear  1s both;}
@-webkit-keyframes  price_banner_t3 {
 0% {
-webkit-transform:translate(0px,-40px);
-moz-transform:translate(0px,-40px);
-ms-transform:translate(0px,-40px);
-o-transform:translate(0px,-40px);
transform:translate(0px,-40px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.price_banner_t4{width:64px;height:71px; background:url(../images/price_t4.png) no-repeat; position:absolute;left:510px;top:100px;
-webkit-animation:price_banner_t1 1s linear 1.5s both;
-moz-animation:price_banner_t1 1s linear  1.5s both;
-ms-animation:price_banner_t1 1s linear  1.5s both;
-o-animation:price_banner_t1 1s linear  1.5s both;
animation:price_banner_t1 1s linear  1.5s both;}
.price_banner_p{color:#fff; position:absolute;left:30%;top:190px; font-size:16px; }
.price_banner_ticon{width:90px;height:90px; background:url(../images/price_xx.png) no-repeat; background-size:100%; z-index:10; position:absolute;left:370px;top:10px;
-webkit-animation:price_banner_ticon 2s linear  infinite  2s  both;
-moz-animation:price_banner_ticon 2s linear  infinite  2s both;
-ms-animation:price_banner_ticon 2s linear  infinite  2s both;
-o-animation:price_banner_ticon 2s linear  infinite  2s both;
animation:price_banner_ticon 2s linear  infinite  2s both;
}
@-webkit-keyframes  price_banner_ticon {
 0% {
-webkit-transform:rotate(360deg);
opacity:0.5
}
 100% {
-webkit-transform:rotate(0deg);
opacity:1
}
}
/*down_banner*/
.down_banner_bg{ width:100%;background:url(../images/downbanner_bg.jpg) repeat-x top}
.down_banner_cont{width:1024px; margin:0 auto;  height:322px; position:relative}
.down_banner{ width:100%; text-align:center; height:322px; }
.down_banner_cont_l{width:535px;height:293px;background:url(../images/downbanner_r.jpg) no-repeat; position:absolute;left:0px;bottom:0px;
-webkit-animation:down_banner_cont_l 1s linear  both;
-moz-animation:down_banner_cont_l 1s linear   both;
-ms-animation:down_banner_cont_l 1s linear   both;
-o-animation:down_banner_cont_l 1s linear   both;
animation:down_banner_cont_l 1s linear  both;
}
@-webkit-keyframes  down_banner_cont_l {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.down_banner_cont_t1{ width:300px; text-align:right; font-size:16px;color:#fff;position:absolute;right:0px;top:50px; z-index:10;
-webkit-animation:down_banner_cont_t1 1s linear  both;
-moz-animation:down_banner_cont_t1 1s linear   both;
-ms-animation:down_banner_cont_t1 1s linear   both;
-o-animation:down_banner_cont_t1 1s linear   both;
animation:down_banner_cont_t1 1s linear  both;
}
@-webkit-keyframes  down_banner_cont_t1 {
 0% {
-webkit-transform:translate(0px,-20px);
-moz-transform:translate(0px,-20px);
-ms-transform:translate(0px,-20px);
-o-transform:translate(0px,-20px);
transform:translate(0px,-20px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}
.down_banner_cont_t2{width:287px;height:36px; background:url(../images/downbanner_t2.jpg) no-repeat;position:absolute;right:0px;top:90px; z-index:10;-webkit-animation:down_banner_cont_l 1s linear  both;
-moz-animation:down_banner_cont_l 1s linear   both;
-ms-animation:down_banner_cont_l 1s linear   both;
-o-animation:down_banner_cont_l 1s linear   both;
animation:down_banner_cont_l 1s linear  both;
}
.down_banner_cont_t3{ font-size:18px;color:#fff; position:absolute;right:0px;top:150px; z-index:10;
-webkit-animation:down_banner_cont_t3 1s linear  both;
-moz-animation:down_banner_cont_t3 1s linear   both;
-ms-animation:down_banner_cont_t3 1s linear   both;
-o-animation:down_banner_cont_t3 1s linear   both;
animation:down_banner_cont_t3 1s linear  both;
}
@-webkit-keyframes  down_banner_cont_t3 {
 0% {
-webkit-transform:translate(0px,20px);
-moz-transform:translate(0px,20px);
-ms-transform:translate(0px,20px);
-o-transform:translate(0px,20px);
transform:translate(0px,20px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}

.down_banner_cont_bth1{width:170px;height:40px; background:url(../images/downbanner_bth1.jpg) no-repeat; position:absolute;right:180px;bottom:20px;
-webkit-animation:down_banner_cont_bth1 1s linear  both;
-moz-animation:down_banner_cont_bth1 1s linear   both;
-ms-animation:down_banner_cont_bth1 1s linear   both;
-o-animation:down_banner_cont_bth1 1s linear   both;
animation:down_banner_cont_bth1 1s linear  both;
}
@-webkit-keyframes  down_banner_cont_bth1 {
 0% {
-webkit-transform:rotateX(180deg);
opacity:0
}
 100% {
-webkit-transform:rotate(0deg);
 opacity:1
 
}
}
.down_banner_cont_bth1 a{width:170px;height:40px; display:block}
.down_banner_cont_bth2{width:170px;height:40px; background:url(../images/downbanner_bth2.jpg) no-repeat;position:absolute;right:0px;bottom:20px;
-webkit-animation:down_banner_cont_bth1 1s linear  both;
-moz-animation:down_banner_cont_bth1 1s linear   both;
-ms-animation:down_banner_cont_bth1 1s linear   both;
-o-animation:down_banner_cont_bth1 1s linear   both;
animation:down_banner_cont_bth1 1s linear  both;
}
.down_banner_cont_bth2 a{width:170px;height:40px; display:block}
/*about_cont*/
.about_cont{width:1200px; margin:0 auto;}
.about_cont_left{    width: 198px;padding: 10px 0;border: 1px solid #ececec; float:left; background:#fafafa }
.about_cont_left_list{width:100%;}
.about_cont_left_list li{width:100%;height:60px; line-height:60px;}
.about_cont_left_list li a{ padding-left:64px; color: #666; display:block; font-size:16px;}
.about_cont_left_list li a:hover{ padding-left:62px;color: #008cd6;background: #fff;border-left: 2px solid #008cd6;}
.about_cont_left_tit{width:100%; padding:10px 0; text-align:center; font-size:18px; font-weight:bold}
.about_cont_left_list .about_cont_left_cur a{ padding-left:62px;color: #008cd6;background: #fff;border-left: 2px solid #008cd6; font-weight:bold}
.about_cont_right{width:980px;min-height:600px; float:right; line-height:30px}
.about_cont_right_p{width:650px; float:left; font-size:14px; line-height:30px;    color: #666;}
.about_cont_right_img{ float:right}
.about_cont_right_p p{ margin-bottom:20px;}

/****发展历程*****/
.zq-bigevents{margin-left: 100px; border-left: 1px solid #ececec; padding-left: 40px;}
.year-events{position:relative;}
.year-events .year{position: absolute; top: 0; left: -125px; width: 90px; height: 30px; line-height: 30px; font-size: 30px; color: #008cd6; background: url(../images/icon-dsj.png) no-repeat right 10px; z-index: 999;}
.events{line-height: 30px; text-align: justify;}
.events .event{padding-bottom: 30px; position: relative;}
.events .event .date{color: #f6ab00;}
.events .event .content{}
.events .event .line{height: 1px; width: 20px; background: #ececec; position: absolute; left: -40px; top: 15px; font-size:0;}

/****企业文化*****/
.zq-culture{}
.zq-culture li{height: 52px;  margin-bottom: 35px; overflow: hidden;}
.zq-culture li .t{font-size: 18px; color: #333; line-height: 24px;}
.zq-culture li .n{color: #666; line-height: 38px;}



/****企业资质*****/
.about_qua{width:100%; overflow:hidden}
.about_qua_cont{width:1000px;}
.about_qua_list{width:470px;height:250px; float:left; padding-right:20px; padding-top:20px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.about_qua_list dt{width:470px;padding:20px 0; text-align:center}
.about_qua_list dd{width:100%; text-align:center; font-size:16px; }

/*系统定制*/
.block-title{width: 164px;height: 40px;line-height: 40px;background-color: #f2f2f2;font-size: 16px;color: #333;padding-left: 15px;margin-bottom: 15px;}
.product-content{padding-top: 13px;}
.product-content .product-text{font-size: 14px;line-height: 24px;color:#666;text-indent: 2em;}
.product-content .product-text strong{font-weight: bold;color:#333;}
.internet-bttom-p{margin-bottom: 35px;}
.customize-flow{width: 797px;height: 128px;margin:30px auto 40px;background: url(../images/custom-flow.png) no-repeat 0px 0px;}
.about_cont_right_h1{width:100%; font-size:14px;  background:#f8f8f8; padding:8px 0}
.about_cont_right_h1 span{ padding-left:10px;  }

/****企业环境*****/
.about_hj_cont{width:100%; padding-bottom:20px; overflow:hidden}
.about_hj_cont_box{width:1010px;}
.about_hj {width:100%; float:left; padding-bottom:20px;}
.about_hj li{width:216px;height:160px; float:left; margin-top:20px; margin-right:20px;border:1px solid #ddd; padding:6px;}

.nes_top{width:100%;height:33px; background:#000; line-height:33px; color:#ccc;}
.nes_top_cont{width:960px; margin:0 auto}
.nes_top_left{ float:left;color:#ccc;}
.nes_top_right{ float:right;}
.nes_top_right b{color:#f58025}
.news_header{width:1000px; height:106px;margin:0 auto}
.new_header_logo{ float:left; margin-top:25px;}
.new_nav{ float:right; padding-top:40px; padding-bottom:20px;}
.new_nav li{ display:inline-block; padding-left:10px; padding-right:10px; text-align:center; font-size:16px; font-family:微软雅黑;float:left; }
.new_header_bg{width:100%;height:106px; background:#126ebc;}
.new_header_bg_cont{width:960px; margin:0 auto}
.new_header_left{ float:left; color:#fff;margin-top:28px; font-size:16px;}
.new_header_left strong{ font-size:28px;   font-weight:normal}
.new_header_right{ float:right}

.new_cont{margin:0 auto}
.new_cont_tips{width:962px; float:left; margin-top:20px; padding:8px;
color: #FF3300;
background-color: #FCF7E4;
border: 1px #EFDAB4 solid;
}
.new_mb_cont{width:1020px;}
.new_cont_mb_list{width:292px; float:left;border:1px solid #ddd; background:#fff; padding:10px; margin-top:20px; margin-right:18px; _margin-right:8px;position:relative}
.new_cont_mb_list:hover{border:1px solid #f60}
.new_cont_mb_list img{width:228px;height:135px; margin:0 auto; display:block}
.new_cont_mb_list_p{ width:100%; line-height:28px; padding-top:20px; padding-bottom:10px;}
.new_cont_mb_list_bot{ margin-top:10px; text-align:center}
.new_cont_mb_list_bot a{ display:inline-block;width:100px;height:35px; line-height:35px; margin-right:10px;text-align:center; font-size:16px;color:#fff; background:#0786bb;border-radius:3px;}
.new_cont_mb_list_bot  .new_cont_mb_sub2{ background:#f60;}
.new_cont_mb_hot{width:44px;height:44px; background:url(../images/hot.png) no-repeat; position:absolute;left:-4px;top:-5px;}

.about_banner{width:100%;height:240px; background:#1762b4}
.about_rimg{width:623px;height:240px; background:url(../images/banner_a.jpg) no-repeat; position:absolute;right:0px;top:0px; z-index:8}
.about_bimg{width:499px;height:72px; background:url(../images/about_banner1.jpg) no-repeat; position:absolute;left:0px;top:30px; z-index:7;
-webkit-animation:about_bimg 1s linear both;
-moz-animation:about_bimg 1s linear  both;
-ms-animation:about_bimg 1s linear  both;
-o-animation:about_bimg 1s linear  both;
animation:about_bimg 1s linear  both;
}
@-webkit-keyframes  about_bimg {
 0% {
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}

.about_t1{width:181px;height:108px; background:url(../images/about_t1.png) no-repeat; position:absolute;left:0px;bottom:0px;z-index:10;
-webkit-animation:about_t1 1s linear both;
-moz-animation:about_t1 1s linear  both;
-ms-animation:about_t1 1s linear  both;
-o-animation:about_t1 1s linear  both;
animation:about_t1 1s linear  both;
}
.about_t2{width:181px;height:108px; background:url(../images/about_t2.png) no-repeat; position:absolute;left:160px;bottom:0px;z-index:10;
-webkit-animation:about_t1 1s linear 0.5s both;
-moz-animation:about_t1 1s linear  0.5s both;
-ms-animation:about_t1 1s linear  0.5s both;
-o-animation:about_t1 1s linear  0.5s both;
animation:about_t1 1s linear  0.5s both;}
.about_t3{width:260px;height:108px; background:url(../images/about_t3.png) no-repeat; position:absolute;left:310px;bottom:0px;z-index:10;
-webkit-animation:about_t1 1s linear 1s both;
-moz-animation:about_t1 1s linear 1s both;
-ms-animation:about_t1 1s linear 1s both;
-o-animation:about_t1 1s linear 1s both;
animation:about_t1 1s linear 1s both;;
}

@-webkit-keyframes  about_t1 {
 0% {
-webkit-transform:translate(50px,0px);
-moz-transform:translate(50px,0px);
-ms-transform:translate(50px,0px);
-o-transform:translate(50px,0px);
transform:translate(50px,0px);
opacity:0
}
 100% {
-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
 opacity:1
 
}
}

.mp4_box{width:640px; position:fixed;left:50%;top:200px; margin-left:-320px; z-index:10000000; background:#f8f8f8; padding:8px;border-radius:5px; }
.mp4_box_bg{width:100%;height:100%; background:#000; opacity:0.7; position:fixed;left:0px;top:0px; z-index:10000;}
.mp4_box_c{width:100%; position:relative}
.mp4_box_close{width:30px;height:30px; background:url(../images/gb.png) no-repeat; position:absolute;right:-25px;top:-25px; z-index:10000000}

.mp4_box_wap{ width:100%;position:fixed;left:0px;top:300px; z-index:10000000; background:#f8f8f8; padding:8px;border-radius:5px;}
.mp4_box_wap .mp4_box_close{width:100%; display:block;height:40px; line-height:40px; text-align:center;left:0px;right:0px; background:#fff}


.about_new_box{width:100%; float:left; padding-top:20px; padding-bottom:20px; line-height:38px;}
.about_new_box_mp4{width:480px;height:270px; float:left; margin-right:30px; margin-bottom:20px; margin-top:10px;}