/*product-list*/
.tab_pro_type {display: block; height:65px; font-size:0; margin:35px auto 35px; text-align: center}
.tab_pro_type.fixed {position: fixed; top:0; left:0; right:0; width:100%; background: #fff; z-index: 999;margin:0;}
.tab_pro_type li {width:24.9%; display:inline-block; *zoom:1; *display:inline; text-align: center; height:60px; font-size: 16px; color:#000; position: relative; overflow: hidden}
.tab_pro_type.w25p li {width:24.9%;}
.tab_pro_type li a { text-align: center; display: block; line-height: 50px; font-size: 16px; font-family: "microsoft yahei"}
.tab_pro_type li.on,.tab_pro_type li:hover {font-weight: bold; }
.tab_pro_type li.on a,.tab_pro_type li:hover a{font-size:18px;color:#000}
.tab_pro_type li.on i,.tab_pro_type li:hover i{font-weight: bold; display: block; background: url('../images/in_sprites.png') -8px -6px no-repeat; width:18px; height:18px; position: absolute; bottom:10px; left:50%; margin-left:-9px; bottom:0px;}
.tab_pro_type li.inblock {z-index: 2;}
.tab_pro_type li.line {height:5px;display: block; width:100%; background: #dbf3fb; font-size: 0; overflow: hidden; line-height: 0;bottom:12px;left:0; z-index: 1}
.tab_pro_type li.line span {display: block; height:1px; overflow: hidden; font-size: 0; line-height: 0; background: #4cc2ea; margin-top:2.2px;}

.pro_content_box {background: #f5f5f5;padding-bottom:75px;}
.pro_content_box .pro_content {width:1200px; margin:20px auto; overflow: hidden}
.pro_content dt {font-size:16px; height:60px; line-height: 60px; margin-top:15px; font-family: "Microsoft Yahei"; text-align: left; overflow:hidden;cursor: pointer}
.pro_content dt h3 {text-indent:1em;}
.pro_content dt span {background-position: -84px -7px;width:23px; height:23px; float:right; display:block; margin-top:22px;margin-right:10px;}
.pro_content dt span.togg {background-position: -44px -7px;}
.pro_content dd {background: #fff; overflow: hidden}
.pro_content dd .pro_li {width:240px; height:220px;float:left; position: relative;overflow: hidden}
.pro_li .h_layer {top:220px;left:0;width:240px; height:220px;position: absolute;transition:top 0.3s;}
.pro_li a.block {width:240px; height:220px;}
.pro_li a.block img {width:100%;height:100%;}
.pro_li h4 {height:22px; line-height: 22px; overflow: hidden;margin:0 5px;}
.pro_li a {text-align: center;}
.pro_li.on .h_layer { top:0; transition:top 0.3s; }
.pro_li .h_layer i {display: block; top:0;left:0; width:100%; height:100%; background: #5ec8ec; opacity: 0.8; filter:alpha(opacity=80); z-index: 1}
.pro_li .h_layer .pname {z-index: 2; color:#fff; height:40px; line-height: 40px; text-align: center; overflow: hidden; top:50%; margin-top:-40px; width:100%;left:0; font-size: 18px;}
.pro_li .h_layer a {z-index: 2; color:#fff; display: block; border:1px solid #fff; width:115px; height:40px; line-height: 40px; font-size:14px; font-family: microsoft yahei; bottom:45px; left:50%; margin-left:-57.5px; text-align: center}
.pro_li .h_layer a:link,.pro_li .h_layer a:visited {color:#fff;}
.pro_li .h_layer a:hover {background:#279EC7; border:1px solid #279EC7}
/*enginee Case*/
.pro_li p.time {color:#818181; font-size:14px;}
.pro_li .h_layer .preject_name,.pro_li .h_layer .time,.pro_li .h_layer .view_detail {z-index: 2; color:#fff;}
.pro_li .h_layer .preject_name {top:54px;width:220px;margin:0 10px; text-align: center; height:42px; line-height: 22px;overflow: hidden;}
.pro_li .h_layer span.time {top:110px; width:100%; text-align: center; height:20px; line-height: 20px; font-size:14px;}
.pro_li .h_layer a.view_detail {bottom:40px;}

/*product-detail*/
.pro_detail {background: #f5f5f5}
.pro_detail h2 {font-size: 20px; height:70px; line-height:70px ; font-family: "microsoft yahei"; text-align: center}
.pro_detail h2 .next_page {font-size:14px; font-family: simsun}
.pro_detail h2 .on:link,.pro_detail h2 .on:visited {color:#4cc2e8;}
.pro_detail h2 .off:link,.pro_detail h2 .off:visited {color:#a0a0a0; cursor: default}
.pro_topinfo,.parameters {background: #fff;}
.pro_topinfo {padding-top:20px;}
.pro_topinfo .pro_imgs {width:366px; height:450px; float:left;margin-right:35px;overflow:hidden; }
.pro_topinfo .pro_imgs .tempWrap {width:366px; height:330px;overflow:hidden;}
.pro_topinfo .backbtn {right:0; top:0; height:45px; line-height: 45px; }
.pro_topinfo .backbtn a:link,.pro_topinfo .backbtn a:visited {color:#fff; display: block; padding:0 10px; background: #12b1e7; font-size:14px;}
.pro_topinfo .backbtn a:hover {background: #42C5F2}
.pro_imgs .slideBtn {position: absolute; top:150px; width:32px; height:35px; display: block;}
.pro_imgs .prev {left:10px;background-position:0px -36px; }
.pro_imgs .next {right:10px;background-position: -32px -36px; }
.pro_imgs .bd {width:366px; height:330px; display:block}
.pro_imgs .bd li {width:366px; height:330px;display: block;}
.pro_imgs .hd {height:110px; width:369px;margin-left:-1px}
.pro_imgs .hd li {height:110px; width:122px;display: block;float:left;border-bottom:5px solid #efefef;margin-left:1px; cursor: pointer}
/*.pro_imgs .bd img {width:100%; height:100%}*/
.pro_imgs .hd li.on {border-bottom:5px solid #00b0ff}
.pro_intro {margin-top:20px;  float: left; width: 750px;}
.pro_intro dt {font-family: "microsoft yahei"; font-size:17px; font-weight: bold; height:30px; line-height: 30px;margin-bottom:5px; color:#262626 }
.pro_intro dd {font-size:14px; color:#686868; line-height: 24px;margin-bottom:35px;}
.pro_imgs {width:290px; height: 220px;}

.parameters h3 {text-align: center; font-size:17px; font-weight:bold; height:32px; line-height: 32px; margin-bottom:35px;}
.parameters .tab {width:100%; height:53px;margin-left:-1px;margin-bottom:30px;}
.parameters .tab li {width:33.25%; height:53px; margin-left:1px; background: #ebebeb;float:left; text-align: center; list-style: none;}
.parameters .tab .on {background: #12b1e8;}
.parameters .tab a {display: block; height:53px; line-height: 53px; color:#333}
.parameters .tab .on a {color:#fff}
.parameters .tabbox {display: none; padding:40px 0 80px;}
.parameters .tabbox.active {display: block}
.parameters .tabbox table {border-collapse: initial;background: #eee;border-spacing: 1px; margin:10px auto;}
.parameters .tabbox td {background:#fff;padding:10px;}
.parameters .tabbox td img {max-width:100%;display:block; margin:10px auto;}
.parameters .tabbox .content {padding:10px 80px; color:#333; line-height: 26px; font-size:14px; overflow:hidden}
.parameters .tabbox .content table {width:1000px; padding:20px; text-align: center}

.backToList {display: block; height: 105px;text-align: center;}
.backToList a {line-height: 20px; font-size:14px; font-family: simsun; color:#bcbcbc}
.backToList a:hover {color:#555}
.backToList  i {width:31px; height: 31px; margin-top:25px; background-position: -3px -76px;}
.backToList  i.down_load {width:31px; height: 31px; margin-top:25px; background-position: -48px -76px;}
.param_table {width:80%; margin:0 auto; background: #000; border-spacing:1px; border-collapse:separate;}
.param_table td,.param_table th {background: #fff;padding:10px;text-align: center; font-size:14px;font-family: simsun}

/*文章详细*/
.information .filter {border-top:1px solid #ebebeb; height:44px; line-height: 44px; color:#8c8c8c; position: relative}
.information .filter.fixed {position: fixed; left:0; top:0; right:0; background: #fff;}
.information .filter a,.information .filter span {font-size:14px;cursor: pointer;margin:0 6px; color: #8c8c8c;}
.information .filter a:link,.information .filter a:visited {color:#8c8c8c}
.information .filter a:hover,.information .filter a.on {color:#00b0ff; }
.information .backBtn {display: block; padding:0 5px; margin-top:2px; height:40px; line-height: 40px; background: #4cc2ea; color:#fff; font-size:14px; position: absolute; top:0;right:0;}
.information .backBtn a:link,.information .backBtn a:visited {color:#fff;display: block}
.information .filter span.on .more {display: block}
.information .filter .more {display:none; background: #fff; top:44px;left:0; width:100%;}
.artical_content {background: #f5f5f5; padding-bottom:45px}
.artical_alide {position:absolute; top:50%; width:175px; height:135px; margin-top:-87.5px; text-align: center}
.artical_alide i {width:85px; height:85px;margin-bottom:20px;}
.artical_alide span {color:#4cc2ea; height:20px; line-height: 20px; text-align: center;font-size:14px; font-family: simsun}
.artical_alide.null span {color:#d2d2d2}
.artical_alide.artical_prev {left:0;}
.artical_alide.artical_next {right:0;}
.artical_alide.artical_prev i {background-position: -2px -122px; }
.artical_alide.artical_next i {background-position: -98px -122px;}
.null.artical_prev i {background-position:-195px -122px; }
.null.artical_next i {background-position:-291px -122px; }
.artical_body {width:745px; min-height:450px; margin:0 auto; overflow: hidden}
.artical_header {padding:20px 0; border-bottom:1px solid #d5d5d5; margin-bottom:20px; position: relative}
.artical_header h2 {font-size:18px; font-family:"microsoft yahei"; color:#383838; text-align: center; line-height: 36px;}
.artical_header p {text-align: center; font-size:14px; color:#adadad;}
.artical_body p {line-height: 22px; color:#666; font-size:14px;padding:10px 0; font-family: simsun}

/*文章列表*/
.artical_list {padding:30px 0;}
.artical_list dt {font-size:24px; color:#8c8c8c; font-family: Arial; font-weight: bolder;margin-bottom:30px;}
.artical_list dd {margin:14px 0}
.artical_list dd b.inner_sprites {background: none;}
.artical_list dd i {width:21px; height:21px; margin-right:8px; background-position: -101px -80px;}
.artical_list dd a {color:#8c8c8c; font-size:14px; height:24px; line-height: 24px; font-family: simsun}
.artical_list dd a:link,.artical_list dd a:visited {color:#8c8c8c}
.artical_list dd a:hover,.artical_list dd.new a:link,.artical_list dd.new a:visited,.artical_list dd.new .time,.artical_list dd:hover .time,
.artical_list dd.hot a:link,.artical_list dd.hot a:visited {color:#ff4e00;}
.artical_list dd:hover {background: #eee;}
/*.artical_list dd.new a:visited {color:#8c8c8c}*/
.artical_list dd .time {float:right; position: relative; font-family: simsun; font-size:14px;color:#8c8c8c;margin-top:5px;margin-right:25px;}
.artical_list dd.new b {display: block; position: absolute; right:-25px; top:-15px; width:34px; height:16px; background-image: url("../images/in_sprites.png"); background-position: -6px -229px;}
.artical_list dd.hot b {display: block; position: absolute; right:-25px; top:-15px; width:34px; height:16px; background-image: url("../images/in_sprites.png"); background-position:-73px -229px;}

/*软件列表*/
.software {background: #f5f5f5; padding:60px 0 90px;}
.software .backBtn { height:45px; line-height:45px; text-align: right; top:-45px; left:0; width:100%;}
.software .backBtn a:link,.software .backBtn a:visited {color:#12b1e7; font-size:14px;}
.software .backBtn a:hover {color:#12b1e7}
.software .next_page {height:55px; line-height: 55px; font-size:14px; font-family: simsun; cursor: pointer}
.software .next_page.on:link,.software .next_page.on:visited {color:#4cc2ea;}
.software .next_page.on:hover {text-decoration: underline;}
.software .next_page.off {cursor: default;}
.soft_content {background: #fff; overflow: hidden}
.solution_content {width:1100px; margin:30px auto;}
.soft_li {width:240px; height:240px;float:left; position: relative; z-index: 1;}
.soft_li .nor {width:199px;height:240px; position: relative;float:left; z-index: 2; background: #fff;}
.soft_li .nor i {display: block; width:124px; height:124px; margin:40px auto; overflow: hidden}
.soft_li .nor i.n img {margin-top:0;}
.soft_li.on .nor i.n img {margin-top:-124px;}
.soft_li .nor a {display: block; position: absolute; top:0; left:0; width:100%; height:100%;}
.soft_li .nor span {display: block; position: absolute; height:24px; line-height: 24px; font-size: 16px; color:#767676; bottom:15px; left:0;width:100%; text-align: center;  cursor: pointer; overflow: hidden;}
.soft_li .nor span i {width:22px; height:22px; margin:0; float:right; margin-right:10px; background-position: -144px -79px;}
.soft_li .soft_open {width:169px; height:210px; position: absolute; z-index: 1; right:1px; top:0; padding:15px; background: #12b1e7;opacity: 0.9; filter:alpha(opacity=90);}
.soft_li .soft_open li {display: block; width:154px; height:34px; padding:8px;border:1px solid #12b1e7; margin-bottom:3px; line-height:20px; color:#fff; font-size:14px; font-family: simsun; overflow: hidden}
.soft_li .soft_open li i {display:block; width:9px; height:26px; background-position: -106px -44px;float:left;margin-right:8px; }
.soft_li .soft_open li:hover {border:1px solid #fff; }

.soft_li.on {z-index: 2;}
.soft_li.on .nor {background: #12b1e7}
.soft_li.on  span {color:#fff;}
.soft_li.on .nor a i {background-position: -181px -79px;}
.soft_li.on .soft_open {right:-199px; transition: right 0.3s;}
.soft_li.left .soft_open {right:201px;}

.soft_list {overflow: hidden;zoom:100%;}
.artical_list_li {height:162px;padding:0 20px 0 150px; position: relative; overflow: hidden; border-bottom:1px solid #e6e6e6;}
.artical_list_li.on {background: url("../images/li-repeat.gif") repeat-x;}
.artical_list_li i {display: none;width:5px; height:100%; background: #4cc2ea; left:0; top:0; position: absolute;}
.artical_list_li.on i {display: block}
.artical_list_li em {display: block; width:73px; height:72px; position: absolute; top:45px;left:40px; background-position:0 -965px; overflow: hidden;}
.artical_list_li em img {width:100%; height:100%;}
.artical_list_li h3 {height:26px; line-height: 26px;padding:40px 0 0; margin-bottom:5px; overflow: hidden}
.artical_list_li h3 a {font-size:16px;}
.artical_list_li h3 a:link,.artical_list_li h3 a:visited {color:#353535}
.artical_list_li h3 a:hover {color: #36b3ea}
.artical_list_li p {height:44px; line-height: 22px; color:#8d8d8d; overflow: hidden; font-size:14px;}
.artical_list_li .view_detail { font-size:14px;float:right;margin-top:10px;}
.artical_list_li .view_detail:link,.artical_list_li .view_detail:visited {color:#8d8d8d;}
.artical_list_li .view_detail:hover {color:#00aae8}

.other_software {height:67px; border:1px solid #4cc2ea}
.other_software dt {background-position:-141px 0; width:70px; height:68px; line-height: 65px; color:#fff; font-size:14px; text-align: center;float:left;}
.other_software dd {margin:0 20px;}
.other_software dd,.other_software dd a {line-height: 68px; height:68px; font-size: 14px;}
.other_software dd i {background-position: -83px -50px; width:8px; height:8px; margin-right:10px;}
.other_software dd a:link,.other_software dd a:visited { color:#767676;}
.other_software dd a:hover {color:#4cc2ea}
/*软件产品 详细页*/
.soft_detail {background: #fff;min-height: 500px;}
.soft_detail .tit {height:60px; border-bottom:1px solid #e5e6e7;}
.soft_detail .tit i {display: block; width:124px; height:124px; margin:0 auto;}
.soft_detail .tit h3 {font-size:18px; line-height:60px; height:60px; text-align: left; text-indent: 2em;float:left;}
.soft_detail .tit .backBtn {background: #12b1e7;width:auto; height:60px; padding:0 20px;}
.soft_detail .tit .backBtn a:link,.soft_detail .tit .backBtn a:visited {color:#fff;line-height: 60px; display: block;}
.soft_detail .tab {overflow: hidden; height:39px; text-align: center;margin:60px auto;}
.soft_detail .tab li {width:160px;height:37px; text-align: center; border:1px solid #12b1e7;margin:0 3%}
.soft_detail .tab li a {display: block; line-height: 37px; font-size:15px; font-weight: bold; color:#12b1e7; }
.soft_detail .tab li.on {background: #12b1e7}
.soft_detail .tab li.on a {color:#fff;}
.soft_detail_content {padding:20px 70px; display: none;}
.soft_detail_content.active {display: block;}
.soft_detail_content p {font-size:14px; color:#262626; line-height: 24px;}
.soft_detail dl {display: block; padding:50px 65px;min-height:350px;}
.soft_detail dt {font-size:17px; text-align: left; font-family: "microsoft yahei" ; height:30px;line-height: 30px; font-weight:600;}
.soft_detail dd {font-size:14px; line-height: 24px;margin:10px 0 40px; color:#262626;}
.soft_detail dd p {text-indent: 2em;}
/*解决方案*/
.solution {background: #f5f5f5;padding-bottom:75px;}
.solution dl {display: block; width:1130px; margin:0 auto; padding:0 35px; overflow: hidden}
.solution dt {height:75px; line-height: 75px;margin:35px 0 15px; color:#767676; font-size:16px;}
.solution dt i { width:65px; height:65px;margin-right:15px; overflow: hidden}
.solution dt i img {width:100%; height:100%;float:left;}
.solution dt i.titpic_01 {background-position:0 -875px;}
.solution dt i.titpic_02 {background-position:-81px -875px;}
.solution dt i.titpic_03 {background-position:-172px -875px;}
.solution dt i.titpic_04 {background-position:-261px -875px;}
.solution dt i.titpic_05 {background-position:-350px -875px;}
.solution dt i.titpic_06 {background-position:-442px -875px;}
.solution dt em {margin-left:15px; background-position: -144px -79px; width:22px; height:22px;}
.solution dd {font-size:0; line-height:0;padding-bottom:15px; }
.solution dd a {margin-right:1px; margin-bottom:1px; position: relative; width:112px; height:110px;float:left; z-index: 1;}
.solution dd a img {width:100%; height:100%; position: absolute; left:0; top:0; transition: all 0.1s ease}
.solution dd a:hover {z-index: 2}
.solution dd a:hover img {width:125%; height:125%;top:-12.5%; left:-12.5%; box-shadow:0 0 5px 3px rgba(30,30,30,0.3); border:1px solid #eee;}

/*关于深大*/
.aboutSendInfo {background: #f5f5f5;padding:35px 0; overflow: hidden;}
.aboutSendInfo .tit,.qualified .tit,.understandUs .tit,.zyb_advantage .tit {text-align: center;}
.qualified .tit {margin-top:25px;}
.aboutSendInfo .tit h3,.qualified .tit h3,.understandUs .tit h3,.zyb_advantage .tit h3 {color:#3d3d3d; font-family: "Microsoft Yahei"; font-size:18px;height:24px; line-height: 24px}
.aboutSendInfo .tit span,.qualified .tit span,.understandUs .tit span,.zyb_advantage .tit span {color:#aeaeae;font-size:14px; }
.develop_tree {margin-top:25px; overflow: hidden}
.develop_tree .c_line {width:5px; height:100%; background:#d3ebf3; top:0; left:50%;margin-left:2.5px;padding:2px 0}
.develop_tree .c_line_dark {background: #4cc2ea; width:1px; height:100%; margin-left:1.5px;}
.text_posi {width:520px;position: relative; margin-top:10px;}
.text_posi.left {float:left;margin-left: 88px;*margin-left:87px;}
.text_posi.right {float:right;margin-right: 80px; *margin-right:81px;}
.text_posi .dot {background-position: -83px -50px; width:8px; height:8px; position: absolute; top:6px;}
.text_posi.left .dot {right:0}
.text_posi.right .dot {left:0}
.text_posi .date {font-size:15px;font-family: "microsoft yahei";width:90px; text-align: center;}
.text_posi.left .date {float:right;margin-right:15px;}
.text_posi.right .date {float:left;margin-left:30px;margin-right:25px;}
.text_posi p {font-size:14px; color:#898989; font-family:'arial', simsun; line-height:18px;float:left; width:370px;}
.qualified_list {margin-top:25px;border-top:1px solid #ddd;border-left:1px solid #ddd; overflow:hidden;width:1200px;}
.qualified_list .qualifiedPic {float:left;width:199px;height:119px;border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.qualified_list .qualifiedPic img {width:100%; height:100%;}

/*ziyoubao*/
.understandUs {padding:40px 0}
.zyb_map {background: url('../images/zyb_map.png') center 35px no-repeat; height:370px;}
.zyb_map .step {left:50%; top:50%;}
.zyb_map .step i {width:27px; height:27px;float:left; margin-right:10px;}
.zyb_map .step em {width:60px; height:14px; height:14px; line-height: 14px;}
.zyb_map .step h4 {color:#0a3f74; font-family: "microsoft yahei"; font-size:14px; height:14px; line-height: 14px;}
.zyb_map .step p {color:#666666; font-size:14px; font-family:"microsoft yahei"; line-height: 22px;}
.zyb_map .step1 {margin:-30px 0 0 -410px; width:330px;}
.zyb_map .step2 {margin:110px 0 0 100px; width:470px;}
.zyb_map .step3 {margin:-60px 0 0 110px; width:390px;}
.zyb_map .step1 i {background-position: -325px -1px;}
.zyb_map .step2 i {background-position: -282px -1px;}
.zyb_map .step3 i {background-position: -234px -1px;}
.zyb_map .step1 em {background-position: -380px -5px;}
.zyb_map .step2 em {background-position: -525px -5px;}
.zyb_map .step3 em {background-position: -442px -5px;}
.zyb_map .step1 p {float:right;margin-top:10px;}
.zyb_map .step2 p {float:left; margin:-10px 0 0 15px; width:340px;}
.zyb_map .step3 p {float:left; margin:6px 0 0 35px}
.zhy_intro {font-size:14px; color:#666; line-height:22px; font-family: "microsoft yahei";margin:25px 32px;}
.zyb_advline {padding:15px 0; overflow:hidden;height:520px;}
.zyb_advline .line,.destination_line .line {position:absolute; top:88px; left:0; width:100%; height:5px; background: #dbf3fb; font-size:0; line-height: 0; z-index: 1; overflow: hidden}
.zyb_advline .line i,.destination_line .line i {display: block; height:1px; background: #4cc2ea; margin-top:2px; font-size:0; line-height: 0; overflow: hidden}
.zyb_advline  .adv_li,.destination_line .adv_li {position: relative; float:left; z-index: 2; width:25%; text-align: center}
.adv_li i {width:44px; height:48px; background-position: -233px -53px; }
.adv_li h4 { width:100%; height:26px; line-height: 26px; color:#666; text-align: center; line-height: 26px; font-family: "microsoft yahei"; font-weight: normal;}
.adv_li .adv_content {border:1px solid #64caed;  position: relative; padding:20px 25px; margin:50px auto;}
.zyb_advline .adv_content {height:215px;width:205px;}
.adv_li .adv_content i {width:51px; height:32px; display: block; position: absolute; top:-32px; left:50%; margin-left:-25.5px; background-position: -378px -61px; }
.adv_li .adv_content p {font-size:14px; color:#666; font-family: "microsoft yahei"; line-height: 20px; text-align: left}
.zyb_video {background: url("../images/bg_zyb_video.jpg") center repeat-x; height:549px; min-width: 1200px;margin-bottom:80px;}
.zyb_video .play_circle {width:158px; height:158px; left:50%; top:170px; margin-left:-79px; cursor:pointer; animation: circle_zoom 2s linear 0.1s infinite; -webkit-animation:circle_zoom 2s linear 0.1s infinite; -moz-animation:circle_zoom 2s linear 0.1s infinite; -o-animation: circle_zoom 2s linear 0.1s infinite; opacity: 0.9}
.zyb_video .play_circle i {display: block; position: absolute; width:25px; height:25px; background: url("../images/btn_zyb_video.png") -170px -48px no-repeat; left:50%;top:50%;margin-top:-12.5px; margin-left:-12.5px; cursor:pointer;}
.zyb_video p {position: absolute; display: block; background: url("../images/btn_zyb_video.png") -169px 0 no-repeat; width:352px; height:30px; left:50%; top:355px;margin-left:-176px;}
.zyb_video .videobox {position: absolute; left:50%; margin-left:-425px; top:30px; z-index: 1002;}
.zyb_video .videobox .close {display: block; position: absolute; top:0; right:-35px; width:32px; height:32px; background: url("../images/btn_zyb_video.png") -222px -45px no-repeat; cursor: pointer}
.zyb_video .play_circle:hover {opacity: 1;}
.bg_layer {background: #000; opacity: 0.55; filter:alpha(opacity=55); position: absolute; top:3px; left:0; bottom:3px; width:100%; z-index: 9;}
.video_border {border-radius: 3px; overflow: hidden; font-size: 0; line-height: 0; position: relative; box-shadow: 0 0 10px 5px rgba(0,0,0,0.2)}
.play_circle .s2b {width:158px; height:158px; position: absolute; cursor:pointer}
.play_circle .s2b img {width:100%; height:100%;}
/*@keyframes circle_zoom {*/
/*50% {transform:scale(0.9,0.9)}*/
/*0% {transform:scale(1,1)}*/
/*}*/
/*@-webkit-keyframes circle_zoom {*/
    /*50% {transform:scale(0.9,0.9)}*/
    /*0% {transform:scale(1,1)}*/
/*}*/
/*@-moz-keyframes circle_zoom {*/
    /*50% {transform:scale(0.9,0.9)}*/
    /*0% {transform:scale(1,1)}*/
/*}*/
/*@-o-keyframes circle_zoom {*/
    /*50% {transform:scale(0.9,0.9)}*/
    /*0% {transform:scale(1,1)}*/
/*}*/
/*@-ms-keyframes circle_zoom {*/
    /*50% {transform:scale(0.9,0.9)}*/
    /*0% {transform:scale(1,1)}*/
/*}*/

/*destination*/
.destination_frame .tit h3 {font-size:18px; color:#3e3e3e; text-align: center;margin:30px 0}
.destination_line {padding-top:20px; overflow: hidden}
.destination_line .adv_li {width:126px; margin-left:20px;}
.destination_line .adv_li .adv_content i {width:25px; height:16px; background-position: -451px -76px;top:-16px;margin-left:-12.5px; }
.destination_line .adv_li .adv_content {padding:15px 0 15px 15px;}
.destination_line .adv_li .adv_content dl {text-align: left;}
.destination_line .adv_li .adv_content dt {font-size:14px; color:#3e3e3e;height:22px; line-height: 22px; overflow: hidden}
.destination_line .adv_li .adv_content dd {font-size:14px; color:#878787; height:22px; line-height: 22px; overflow: hidden}
.o2obanner { height:353px; background: url('../images/o2o_bg.gif') center no-repeat}
.o2omap {background: #f6f6f6; padding:50px 0 40px; overflow: hidden}
.o2omap .o2ologo {width:178px; height:98px; display: block;float:left; background: url("../images/o2ologo.gif") no-repeat;margin-right:36px;}
.o2omap .o2otext {float:left; width:220px; margin:80px 0 0 55px; line-height:22px; font-size:14px; color:#929090; font-family: simsun; }
.understus {padding:10px 0}
.understuspic {padding:15px 0 50px;}
.understuspic .o2opic {background: url("../images/o2obanner.png") -628px -318px no-repeat; width:201px; height:228px;margin:0 auto;}
.understuspic i {width:45px; height:45px; display: block;}
.understuspic em {width:63px; height:15px; display: block;}
.understuspic .point {left:50%; top:50%; width:200px; height:50px;}
.understuspic .point_01 {margin:14px 0 0 -310px}
.understuspic .point_02 {margin:-95px 0 0 110px; width:240px;}
.understuspic .point_03 {margin:20px 0 0 110px;}
.understuspic .point_01 i {background-position: -600px -1px; float:right;}
.understuspic .point_02 i {background-position: -672px -1px;float:left;margin-right:10px;}
.understuspic .point_03 i {background-position: -745px -1px}
.understuspic .point_01 em {background-position: -380px -5px}
.understuspic .point_02 em {background-position: -526px -5px;float:left;margin-top:3px;}
.understuspic .point_03 em {background-position: -442px -5px;margin-top:7px;}
.understuspic h4 {color:#0a3f74;font-size:14px;}
.understus_text {padding:0 65px;}
.understus_text  p {color:#aeaeae; font-size:14px; line-height: 20px; font-family: 'arial', simsun; margin-bottom:20px;}

.o2o_banner {background: url("../images/mdd_banner_bg.jpg") center no-repeat; height:610px; overflow: hidden}
.o2o_banner .w_ctr {height:100%;}
.o2o_banner .w_ctr div {position: absolute; background-image: url("../images/o2obanner.png"); background-repeat: no-repeat;}
.o2o_banner .m_tit {width:190px; height:65px; background-position: -4px -4px; top:200px; left:0;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.o2o_banner .f_tit {width:340px; height:32px; background-position: -5px -79px; top:280px; left:0; opacity: 0; transition: all 0.5s ease;}
.o2o_banner .f_tit_en {width:295px; height:14px; background-position: -7px -115px; top:320px; left:0; opacity: 0; transition: all 0.5s ease;}
.o2o_banner .w_ctr .locations {width:460px; height:220px; top:0; left:235px; background-image: none;}
.o2o_banner .w_ctr .locations div,.o2o_banner .star {opacity: 0;}
.o2o_banner .l_01 {width:50px; height:151px; left:45px; top:-150px; background-position:0 -307px}
.o2o_banner .l_02 {width:130px; height:151px; left:10px;top:-100px; background-position:-54px -307px}
.o2o_banner .l_03 {width:56px; height:151px; left:125px;top:-120px; background-position:-185px -307px}
.o2o_banner .l_04 {width:70px; height:151px; left:125px;top:-130px; background-position:-243px -307px}
.o2o_banner .l_05 {width:54px; height:151px; left:215px;top:-110px; background-position:-313px -307px}
.o2o_banner .l_06 {width:55px; height:151px; left:155px;top:-110px; background-position:-369px -307px}
.o2o_banner .l_07 {width:62px; height:151px; left:260px;top:-120px; background-position:-424px -307px}
.o2o_banner .l_08 {width:125px; height:151px; left:310px;top:-130px; background-position:-485px -307px}
.o2o_banner .w_ctr .map {left:-110px; top:235px; width:702px; height:500px; background-image: none;}
.o2o_banner .china_map01 { width:702px; height:87px; background-position: -380px 0; top:360px; left:0;opacity: 0;}
.o2o_banner .china_map02 {width:702px; height:110px; background-position: -380px -86px; top:390px; left:0;opacity: 0;}
.o2o_banner .china_map03 {width:702px; height:112px; background-position: -380px -195px; top:420px; left:0;opacity: 0;}
.o2o_banner .w_ctr .r_scroll {right:0;width:544px; height:533px; background-image: none;}
.o2o_banner .circle {width:544px; height:533px; background-position:0 -516px;opacity: 0;}
.o2o_banner .starcenter {width:101px; height:109px; background-position: -90px -139px; top:194px; left:242px;opacity: 0;}
.o2o_banner .arr {width:72px; height:99px;background-position:0 -139px; left:420px; top:420px;opacity: 0;}
.o2o_banner .star_01 {width:25px; height:25px; background-position:-201px -139px; left:180px; top:420px;}
.o2o_banner .star_02 {width:25px; height:25px; background-position:-231px -139px; left:465px; top:325px; }
.o2o_banner .star_03 {width:25px; height:25px; background-position:-261px -139px; left:65px; top:190px; }
.o2o_banner .star_04 {width:25px; height:25px; background-position:-291px -139px; left:428px; top:250px; }
.o2o_banner .star_05 {width:25px; height:25px; background-position:-321px -139px; left:300px; top:140px;}
.o2o_banner .star_06 {width:25px; height:25px; background-position:-351px -139px; left:175px; top:315px;}
.o2o_banner .r_scroll .text01 {width:80px;height:50px; background-position:-294px -169px;}
.o2o_banner .r_scroll .text02 {width:80px;height:50px; background-position:-288px -219px;}
.o2o_banner .r_scroll .text03 {width:80px;height:50px; background-position:-294px -261px;}
.o2o_banner .waves { bottom:0; left:0;right:0; width:100%; height:142px; min-width: 1200px; overflow: hidden}
.o2o_banner .waves div {width:100%; min-width: 1200px;}
.o2o_banner .wave01 {height:145px; background:url("../images/wave_01.png") -120px 0 repeat-x; top:0; left:0; animation:wave1 25s ease-out 0.2s infinite;}
.o2o_banner .wave02 {height:146px; background:url("../images/wave_02.png") 0 0 repeat-x; top:25px; left:0; animation:wave2 12s ease-in-out 0.5s infinite;}
.o2o_banner .wave03 {height:227px; background:url("../images/wave_03.png") -100px 0  repeat-x; top:50px; left:0; animation:wave3 25s ease-in 0.8s infinite;}
.o2o_banner .wave04 {height:253px; background:url("../images/wave_04.png") 50px 0 repeat-x; top:75px; left:0; animation:wave4 24s linear 0.6s infinite;}

.o2o_banner.on .m_tit {
    top:70px;
    opacity: 1;
    transition: all 0.6s ease-in-out 0.1s;
}
.o2o_banner.on .f_tit {top:150px; opacity: 1; transition: all 0.7s ease 0.2s;}
.o2o_banner.on .f_tit_en {top:190px; opacity: 1; transition: all 0.8s ease-out 0.3s;}
.o2o_banner.on .w_ctr .locations div,.o2o_banner.on .map div{opacity: 1;}
.o2o_banner.on .l_01 {top:0;transition: all 0.2s ease-out 1.2s;}
.o2o_banner.on .l_02 {top:0;transition: all 0.3s ease-out 1.25s;}
.o2o_banner.on .l_03 {top:0;transition: all 0.25s ease-out 1.3s;}
.o2o_banner.on .l_04 {top:0;transition: all 0.25s ease-out 1.2s;}
.o2o_banner.on .l_05 {top:0;transition: all 0.2s ease-out 1.2s;}
.o2o_banner.on .l_06 {top:0;transition: all 0.22s ease-out 1.3s;}
.o2o_banner.on .l_07 {top:0;transition: all 0.3s ease-out 1.2s;}
.o2o_banner.on .l_08 {top:0;transition: all 0.4s ease-out 1.3s;}
.o2o_banner.on .china_map01 {top:100px; transition: all 0.5s ease-in-out 0.1s;}
.o2o_banner.on .china_map02 {top:110px; transition: all 0.5s ease-in-out 0.2s;}
.o2o_banner.on .china_map03 {top:140px; transition: all 0.8s ease-in-out 0.4s;}
.o2o_banner.on .circle {opacity: 1; transition: all 0.8s ease-in-out 0.1s;}
.o2o_banner.on .starcenter {opacity: 1; transition: all 1s ease-in-out 0.1s;}
.o2o_banner.on .arr {left:300px; top:280px; opacity: 1; transition: all 1s ease-in-out 0.1s;}
.o2o_banner.on .star {opacity: 1;}
.o2o_banner.on .star_01 {transition: all 1.2s ease-in-out 0.1s; animation:light 3.8s ease-in-out 1.5s infinite;}
.o2o_banner.on .star_02 {transition: all 1.2s ease-in-out 0.2s; animation:light 4.2s ease-in 2.5s infinite;}
.o2o_banner.on .star_03 {transition: all 1.2s ease-in-out 0.4s; animation:light 3.4s ease-out 2.1s infinite;}
.o2o_banner.on .star_04 {transition: all 1.2s ease-in-out 0.3s; }
.o2o_banner.on .star_05 {transition: all 1.2s ease-in-out 0.21s;}
.o2o_banner.on .star_06 {transition: all 1.2s ease-in-out 0.35s;}

@-webkit-keyframes light {
    50% {opacity: 0; }
    0% {opacity: 1; }
}
@-moz-keyframes light {
    50% {opacity: 0; }
    0% {opacity: 1;}
}
@-webkit-keyframes wave1 {
    0% {background-position:-120px 0 }
    55% {background-position:100px }
}
@-moz-keyframes wave1 {
    0% {background-position:-120px 0 }
    55% {background-position:100px }
}
@-webkit-keyframes wave2 {
    0% {background-position:0 0 }
    55% {background-position:-100px }
}
@-moz-keyframes wave2 {
    0% {background-position:0 0 }
    55% {background-position:-100px }
}
@-webkit-keyframes wave3 {
    0% {background-position:-100px 0 }
    55% {background-position:20px }
}
@-moz-keyframes wave3 {
    0% {background-position:-100px 0 }
    55% {background-position:20px }
}
@-webkit-keyframes wave4 {
    0% {background-position:50px 0 }
    55% {background-position:-50px }
}
@-moz-keyframes wave4 {
    0% {background-position:50px 0 }
    55% {background-position:-50px }
}

.corpration {background: #4cc2ea; padding:22px 0;position: relative;margin-bottom:14px;}
.corpration h3,.hotline h3 {color:#fff; font-weight: normal; margin:0 auto; font-size:18px; text-align: center}
.corpration h3 span,.hotline h3 span {font-size:14px; color:#b2ecff; display: block; margin-top:2px;}
.corpration .hd {text-align: center;display: block; overflow: hidden; margin-top:26px;position: relative; height:50px;}
.corpration .hd .tab {font-size:14px; color:#fff; height:46px; margin:0 2%;position: relative;cursor: pointer}
.corpration .hd .tab span {position: absolute;display: none; bottom:5px; background-position: -190px -6px; width:11px; height:11px; left:50%; margin-left:-5px;}
.corpration .hd .on span {display: block}
.corpration .hd .line {position:absolute; display: block; width:100%; height:1px; background: #82d4f0; font-size:0; overflow:hidden; position:absolute; top:36px;left:0}
.corpration .bd {display: block; width:840px; margin:15px auto 7px;}
.corpration .bd .tempWrap {margin:0 57px;}
.corpration .bd .products_box {display: block; width:840px; height:85px; margin:0 auto;overflow:hidden;}
.corpration .bd .products_box ul {padding-left:55px;}
.corpration .bd ul li {display: block; width:135px; float:left; height:84px; margin:0 5px}
.corpration .bd a.slidebtn {display: block; width:30px; height:45px; position: absolute; top:50%; margin-top:-22.5px;}
.corpration .bd a.prev {background-position: -327px -8px; left:0;}
.corpration .bd a.next {background-position: -362px -8px; right:0;}
.corpration .btmline {height:7px; background: #7fdcfb; border-bottom:7px solid #beefff; position: absolute; bottom:-14px;left:0;width:100%;}

/*chairmanspeech*/
.chairmanSpeech {background: #f5f5f5;padding:35px 0}
.speechContent .chair_avater {background: url("../images/chairman.png") no-repeat; width:346px; height:155px; margin:30px auto 5px}
.speechContent .chairman-word {background: url("../images/chairman-word.png") no-repeat; width:346px; height:47px; margin:0 auto 30px;}
.speechContent .corp_content {width:660px; margin:0 auto;}
.speechContent .groupteam {width:640px; border:8px solid #cbe1e5;margin-bottom:20px;}
.chairman-title {text-align:center;}
.speechContent p {font-size:14px; color:#333; line-height: 24px; margin-bottom:5px;}
.chairman-word {font-size:14px; text-align:center; background:url('../images/chairman-word.png') center;}

.corpculture {background: #f5f5f5; padding:30px 0;}
.cultureContent {width:1025px; margin:25px auto; min-width:1025px;}
.cultureContent img {margin-bottom:20px;}
.cultureContent p {font-size:14px; color:#333; line-height: 24px;}
.cultureContent dt {display: block;}
.cultureContent dt span {width:100%; display:block; height:16px; line-height: 16px;position: relative;}
.cultureContent dt span i {height:1px; width:40%; line-height: 0; font-size:0; overflow: hidden; background: #dfdfdf; display:inline-block; position: absolute; top:5px;}
.cultureContent dt span i.l {left:0;}
.cultureContent dt span i.r {right:0;}
.cultureContent dd {text-align: center; line-height: 70px; padding:0 25px; margin-bottom:45px; vertical-align: middle }
.cultureContent dd p {line-height: 24px; font-size:14px; color:#333;margin-top:15px; display: inline-block;*zoom:1; *display:inline; text-align: left;}

/*joinSendinfo*/
.joinSendinfo {width:1025px; display: block; margin:0 auto; *padding-bottom:50px;}
.joinSendinfo dt {height:40px; line-height: 40px; font-weight: bold;margin-top:20px; font-size:15px;}
.joinSendinfo dd {color:#333; height:32px; line-height: 32px; text-align: left; font-size:14px; text-indent:1em;}
.joinSendinfo h4 {height:60px; line-height: 60px; text-align: center; font-weight: bold; font-size:15px;}
.joinSendinfo h4 a {width:160px; height:60px; line-height: 60px; color:#0066cc}

.cultureContent h3.tit1 {background: url("../images/zz/gk_01.jpg") center no-repeat;}
.cultureContent h3.tit2 {background: url("../images/zz/gk_02.jpg") center no-repeat;}
.cultureContent h3.tit3 {background: url("../images/zz/gk_03.jpg") center no-repeat;}
.cultureContent h3.tit4 {background: url("../images/zz/gk_04.jpg") center no-repeat;}
.cultureContent h3.tit5 {background: url("../images/zz/gk_05.jpg") center no-repeat;}
.cultureContent h3.tit6 {background: url("../images/zz/gk_06.jpg") center no-repeat;}
.cultureContent h3.tit7 {background: url("../images/zz/gk_07.jpg") center no-repeat;}
.imglayer {width:690px; height:505px; position: fixed; top:50%; left:50%; margin-top:-252.5px; margin-left:-345px; z-index: 1002; display: none;}
.imglayer .img_close {background: url("../images/zz/imgclose.png"); width:33px; height:33px; position: absolute; top:-15px; right:-15px; cursor: pointer}
.imglayer img {width:100%; height:100%;}
.bg_layer {background: #000; opacity: .7; filter:alpha(opacity=70); position: fixed; top:0; left:0; width:100%; height:100%; z-index: 1001;display: none;}

.qualified_list {margin-top:25px; overflow:hidden;width:1200px;}
.qualified_list .qualifiedPic {width:199px;height:119px;border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.qualified_list .qualifiedPic img {width:100%; height:100%;}
.qualified_list li {width:199px; height:140px; float:left; margin-bottom:10px;}
.qualified_list li p {text-align:center; font-size:14px; line-height:22px; height:22px; overflow:hidden;}