@charset "utf-8";
/* CSS Document */
/*-------------   常用css初始化代码   --------------*/
body {text-align:left; font-family:"微软雅黑", "Arial Regular"; font-size:100%; background:#fff; color:#666; min-width:1300px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, ruby, section, summary, time, mark, audio, video {
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	vertical-align:baseline
}
* {margin:0; padding:0;}
ol, ul {list-style:none}
ol li, ul li {padding:0; margin:0}
table {border-collapse:collapse; vertical-align:middle}
caption, th, td {text-align:left; font-weight:400; vertical-align:middle}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:none}
body {line-height:1}
audio:not([controls]) {display:none; height:0}
template {display:none}
html {font-size:100%; font-family:'Helvetica Neue', sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
a, nav {-webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color:transparent; text-decoration:none;}
button, input, optgroup, select, textarea {font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; vertical-align:baseline; color:inherit; margin:0}
button {overflow:visible}
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance:button}
input[type=checkbox], input[type=radio] {-webkit-box-sizing:border-box; box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height:auto}
input[type=search] {-webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
.touching:active {background:#f5f5f5!important}
#global-msg {display:none; opacity:0; position:fixed; bottom:20%; left:15%; width:70%; z-index:1000; border:.25rem solid rgba(0, 0, 0, .2); background:rgba(0, 0, 0, .2); -webkit-background-clip:border; background-clip:border-box; border-radius:.25rem; font-size:.75rem; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.global-msg-cover {background:rgba(0, 0, 0, .8); border-radius:.188rem}
.global-msg-text {text-align:center; color:#fff; padding:.313rem .625rem; line-height:1.25rem}
dl, dd, p, body {margin:0}
body {-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
table {border:0}
img{border:0; line-height:0;}
a {color:#fff;}
a:active {color:#e00;}

/*-------------   常用公共CSS属性   --------------*/
@font-face{font-family:'708-CAI978'; src:url(../font/708-CAI978.ttf); font-style:normal; font-weight:normal}
@font-face{font-family:'707-CAI978'; src:url(../font/707-CAI978.ttf); font-style:normal; font-weight:normal}
.break {word-break:break-all;word-wrap:break-word;}
.blankw {clear:both; height:1em; overflow:hidden; display:block; margin:1rem .625rem 1rem .625rem; border-bottom:1px dashed #4d4d4d;}
.blank2 {float:left; width:auto;; height:136px;}
.blankw1 {clear:both; height:75px; overflow:hidden; display:block;}
.blankw2 {clear:both;display:block;}

#wrapper { height:100%; width:100%;}

/* 头部样式*/
#header {height:90px; background:url(../images/header-bg.gif) repeat-x; background-size:auto 100%;}
#header .logo { float:left; margin:25px 0 0 50px; cursor:pointer;}
#menu ul { float:left; text-align:center; margin:38px 0 0 80px; }
#menu ul li { float:left;}
#menu ul li { font-size:14px; font-family:Arial; color:#9FA0A0;line-height: 20px;}
#menu ul li p { font-size:12px; font-family:"微软雅黑"}
#menu ul li a:hover { -webkit-border-radius:3px; background:#2388BF; color:#ffffff;}

#menu ul li a { display:block; border-left:1px dashed #9F9FA0;font-size:14px; color:#9F9FA0; line-height:12px;  padding:3px 20px 0 20px; height:13px;font-family:"Arial";}
/*#menu ul li:last-child a{ border-right:1px dashed #9F9FA0;padding-right:80px; -webkit-margin-right:3%;}*/
#menu ul li p { color:#fff; font-size:12px; display:none;}

#server { float:right; margin:27px 50px 0 0;}
#server  input { margin:0 20px 0 20px; background:url(../images/server_btn.png) no-repeat right; height:30px; width:210px; font-size:14px; background-color:#fff; border:none}
#server  input:focus{ outline:none;}
.brand { width:250px; border:1px solid #EEEEEF; border-radius:25px; background:#fff; -moz-border-radius:25px; /* Old Firefox */-o-border-radius:25px; -webkit-border-radius:25px;}

/* 主题图片*/
#banner {text-align:center;}
.banner2 {/*background:url(../images/bg.jpg); background-size:cover; */height:690px; width:100%; text-align:center;}
.cloundsview { margin-top:150px;}
#banner p {font-size:15px; color:#fff;margin-top:86px;} 
.down {margin-top:5px;}

/*主体 通用样式*/
#main { height:auto; width:100%; }
#main * img { margin-top:116px; margin-bottom:18px}


/*价值*/
#main { height:100%; width:100%; }
#main .values { height:554px; width:100%;text-align:center}
#main .values p { font-size:32px; color:#b2b2b2;}
#main .values .bold { font-weight:bold; color:#333; padding-top:5px;}
#main .values .btn { font-size:13px; color:#b2b2b2; border:1px solid #2387BF; width:108px; line-height:30px; margin:auto; margin-top:36px;}
#main .values .btn:hover { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#2387BF; color:#fff;}

/*服务*/
#main .service { height:552px; width:100%; background:#EEEFEF;text-align:center}
#main .service p{ font-size:32px; color:#b2b2b2;}
#main .service .bold { font-weight:bold; color:#333; padding-top:5px;}
#main .service .btn { font-size:13px; color:#b2b2b2; border:1px solid #2387BF; width:108px; line-height:30px; margin:auto; margin-top:36px;}
#main .service .btn:hover { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#2387BF; color:#fff;}
/*展示*/
#main .show { height:369px; width:100%; background:#fff;text-align:center;}
#main .show p { font-size:32px; color:#b2b2b2;} 
#main .show .bold { font-weight:bold; color:#333;}
#main #showimg .btn { font-size:13px; color:#b2b2b2; border:1px solid #2387BF; width:108px; line-height:30px; margin:auto; margin-top:36px; text-align:center;}
#main #showimg .btn:hover { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#2387BF; color:#fff;}
#main #showimg ul:after { display: table; content: " "; clear: both; }
/*图片展示*/
#showimg { margin-bottom:112px;}
#showimg .back { height:260px; text-align:center;  overflow:hidden; cursor:pointer}
#showimg .back img {width:100%; margin:0;transition:all 1s; -webkit-transition:all 1s linear;}
#showimg .back img:hover {transform:scale(1.1); -webkit-transform:scale(1.1);}
#showimg .back .show_size {width:100%; height:200px; background:#CCC; overflow:hidden;}
#showimg .back p {color:#888889; font-size:15px; line-height:18px; font-weight:bold; margin-top:15px;}
#showimg .back a:hover p{color:#fff;}
#showing .back span:hover{ color:#2388BF;}
#showimg .back span { color:#C9C9CA; font-size:12px;}
#showimg .back:hover { background:#2388BF; transition:background 0.5s; -webkit-transition:background 0.5s linear}
#showimg .back:hover .btn_show { opacity:1; bottom:90px}
#showimg .back:hover .btn_size { opacity:1; bottom:90px}
#showimg .back:hover p { color: #fff;}
#showimg ul {}
#showimg ul li {}
#showimg ul li .btn_show { position:absolute; z-index:1000;color:#FFF; font-size:12px; bottom:0px; left:15%;border:1px solid #fff; width:100px; height:30px; line-height:30px; text-align:center; cursor:pointer; opacity:0;transition:all 0.3s; -webkit-transition:all 0.3s linear}
#showimg ul li .btn_show:hover { border-radius:3px; background:#fff; color:#1466a1;}
#showimg ul li .btn_size { position:absolute;z-index:1000; color:#FFF; font-size:12px; bottom:0px; left:60%;border:1px solid #fff; width:100px; height:30px; line-height:30px; text-align:center; cursor:pointer;opacity:0;transition:all 0.5s; -webkit-transition:all 0.5s linear}
#showimg ul li .btn_size:hover { border-radius:3px; background:#fff; color:#1466a1;}
/*视屏*/
.video { height:1206px; width:100%; background:#EEEFEF; text-align:center}
.video p { font-size:32px; color:#b2b2b2;} 
.video .bold { font-weight:bold; color:#333;}
.video .btn { font-size:13px; color:#b2b2b2; border:1px solid #2387BF; width:108px; line-height:30px; margin:auto; margin-top:36px; text-align:center;}
.video .btn:hover { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#2387BF; color:#fff;}
.video .info { margin-top:26px; position:relative;}
.video .info img { margin:0 !important; width:100%}
.video .button { position:absolute; top:50%; left:0; right:0; margin-top:-70px; z-index:11;}
.video .button img { width:106px; cursor:pointer;}

/*我们*/
.our { height:532px; width:100%; background:#fff; text-align:center}
.our p { font-size:26px; color:#b2b2b2;} 
.our .bold { font-weight:bold; color:#333;}
.our .btn { font-size:13px; color:#b2b2b2; border:1px solid #2387BF; width:108px; line-height:30px; margin:auto; margin-top:36px; text-align:center;}
.our .btn:hover { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#2387BF; color:#fff;}
.none { height:70px; width:100%; background:#EEEEEF;}
/*  链接   */
.link {height:100px; width:auto; padding:70px 0 0 0; background:#fff; z-index:20;}
.link .link_img { height:48px; width:370px; background:#0D4F7F; border:1px solid #0D4F7F; border-radius:0px 5px 5px 0px;}
.link .link_img ul { margin-left:25px; overflow:hidden;}
.link .link_img ul li { float:left; border-left:1px dashed #9F9FA0;width:60px; text-align:center; margin-top:9px;} 
.link .link_img ul li:first-child { border:none;}
.link .link_img ul li a {display:block;}
.link .link_img ul li p { color:#fff; font-size:12px; line-height:14px;}
.link .link_img ul li img { clear:both; height:32px;}

.link_top { padding:0; height:50px; background:none; display:none; cursor:pointer; position:fixed; right:0; bottom:140px;}
.link_top .link_img { border-radius:5px 0px 0px 5px; width:100px;}
.link_top .link_img ul { margin-left:18px;}
.link_top .link_img ul li { width:auto;}
.link_top .link_img ul li img{height:18px;}


.link_left { padding:0; height:50px; background:none; cursor:pointer; position:fixed; left:0; bottom:140px;}
.link_left .link_img { border-radius:0px 5px 5px 0px; width:100px;}
.link_left .link_img ul { margin-left:56px;}
.link_left .link_img ul li { width:auto;}
.link_left .link_img ul li img{ height:32px;}

.link_right { padding:0; height:50px; background:none; position:fixed; left:-372px; bottom:140px;}
.link .link_btn img { cursor:pointer;}

/*底部代码*/
#footer {background:url(../images/footerimg.png) no-repeat; background-size:100%; width:100%; height:110px; font-size:12px; color:#fff;}
#footer p { float:right; margin-right:80px; line-height:110px;}

/*********VALUES**********/
.banner1 {background:#2388BF; color:#fff; text-align:center; height:670px; width:100%;}
#banner h5 { font-size: 47px; padding-top:112px; font-family:'707-CAI978';}
#banner h1 {  font-size: 100px; font-family:'708-CAI978';}
#banner h6 { font-size:25px; padding-bottom:46px; margin-top:-12px;}
#banner h3 { font-size:16px; color:#fff; font-weight:bold; line-height:30px;}
#banner h4 { font-size:16px; color:#fff; font-weight:bold; line-height:30px; margin-top:39px;}
#banner .service { padding-top:150px;}
#banner .service h2 { font-size:26px; font-weight:bold; margin-top:-25px;}
#banner .service h4 { margin-top:12px;}
#banner .world p { margin-top:120px;}
#banner .world {}
#banner .world_pic {position:relative; margin-top:50px}
#banner .world_pic ul { width:770px; margin:auto; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
#banner .world_pic ul li  {float:left;-webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}
#banner .world_pic ul li img {width:140px}
#banner .world_pic ul li p { margin-top:8px}

/****主体文字部分_****/
#boder_style { height:541px; width:100%; background:#fff; line-height:20px;}
#boder_style .world { padding-top:112px;}
#boder_style .world_img ul{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; text-align:center; margin:24px 18%  0px 18%;}
#boder_style .world_img ul li {-webkit-box-flex:1; -webkit-flex:1; -ms-flex:1;flex:1; height:150px; display:block;}
#boder_style .world_img  img { clear:both; margin-top:0px; height:130px; }
.world_img h1 { font-size:16px; color:#1365A1; line-height:1; margin-top:5px;}
.world_img p { font-size:14px; color:#595757; font-weight:bold;}
/*互联网+品牌”时代*/
#border2 {height:424px; width:100%; background:#EEEFEF; padding-top:112px; line-height:23px;}

/**************/
#border3 { height:200px; width:100%; background:#fff; padding-top:112px; line-height:20px;}
/*******图片展示*******/

#imgshow { height:490px; width:100%; background:#fff;}
#imgshow .moview {position:absolute;z-index:1000; top:150px; left:40%}
#imgshow .btn_show {position:absolute; z-index:1000;color:#FFF; font-size:12px; top:300px; left:40%;border:1px solid #fff; width:100px; height:30px; line-height:30px; text-align:center; cursor:pointer;}
#imgshow .btn_show:hover { border-radius:3px; background:#fff; color:#1466A1;}
#imgshow .btn_size { position:absolute;z-index:1000; color:#FFF; font-size:12px; top:300px; left:53%;border:1px solid #fff; width:100px; height:30px; line-height:30px; text-align:center; cursor:pointer}
#imgshow .btn_size:hover { border-radius:3px; background:#fff; color:#1466A1;}

/****** 一切 旨在精制********/
#border4 { height:416px; width:100%; background:#EEEFEF; padding-top:112px; line-height:20px;}
#border4 .world_img ul{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;text-align:center; width:870px; margin:26px auto  0px auto;}
#border4 .world_img ul li{-webkit-box-flex:1; -webkit-flex:1; -ms-flex:1;flex:1; height:150px; display:block;}
#border4 .world_img img { clear:both; margin-top:0px; height:115px; }
/****** 高度传播，跨界互通********/
#border5 { height:682px; width:100%; background:#fff; padding-top:112px;}
#border5 .pic img {margin-top:26px;}

/*******进一步创造，近一步未来*******/
#border6 { height:518px; width:100%; background:#EEEEEF; padding-top:112px; line-height:20px;}
#border6 .pic_two img { margin-top:26px;}

/******SERVICE********/
.menu_one {position:absolute; top:40px; left:30px; display:none}
.menu_two {display:none; z-index:10; position:absolute; top:90px; height:60px; width:100%; background:url(../images/service_img/bg.png) no-repeat;}
.menu_two ul { padding-top:17px; margin-left:24%; margin-right:30%;display:-webkit-box; display:-webkit-flex;display:-moz-box;display:-moz-flex; display:-ms-flexbox; display:flex;}
.menu_two ul li { display:block;-webkit-box-flex:1; -webkit-flex:1;-moz-box-flex:1; -ms-flex:1;flex:1; text-align:center}
.menu_two ul li a:hover { -webkit-border-radius:3px; background:#2388BF; color:#ffffff;}
.menu_two ul li a {display:block; border-left:1px dashed #9F9FA0;font-size:14px; line-height:20px; color:#9F9FA0; height:20px;font-family:"Arial";}
.menu_two ul li:last-child a{ border-right:1px dashed #9F9FA0;}
.menu_two ul li p { color:#fff; font-size:12px; display:none; margin-top:5px;width:100%; margin:0 auto}

/*主内容部分*/
#main .border_one {height:596px; background:#fff;}
#picture { margin:auto; width:1012px;}
#picture img { margin-top:36px; margin-bottom:0;}
/****************/
#main .border_two {height:510px; background:#EEEEEF;}
#picture ul li img { margin:0; cursor: pointer;}
#picture ul {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; text-align:center; width:740px; margin:auto; margin-top:28px;}
#picture ul li {-webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}
#picture ul li p { color:#B2B2B2; font-size:12px; margin-top:20px;}
/****************/
#main .border_three {height:auto; background:#fff; padding-bottom:112px;}
#picture .pic_p {line-height:20px; width:1060px;}
#picture .pic_p .bottom img { margin:0 0 10px 0; cursor: pointer;}
#content { font-size:14px; color:#595757; line-height:25px; width:546px; margin:auto; display:none; margin-left:-96.336px;}
#content .blue { color:#1365A1; font-size:16px;}

#picture .pic_p .bottom-a img { margin:5px 0 0 10px; cursor: pointer;}
#content-a { font-size:14px; color:#595757; line-height:25px; margin-top:24px; display:none;}
#content-a .blue { color:#1365A1; font-size:16px;} 
/****************/
#main .border_four {height:auto; background:#EEEEEF; padding-bottom:112px;}
#picture .pic_i { line-height:20px; width:1008px;}
#picture .pic_i li {text-align:left; margin:0 20px;}
#picture .pic_i li p { color:#595757; margin-top:30px;}


#picture .pic_i .bottom-a img{height:25px; float:left; cursor: pointer; margin-top:-25px; z-index:10; position:relative;}

#picture .c_img img { height:auto; margin-right:12px; cursor: pointer;}
#content-a p { margin-top:10px !important; width:510px; color:#b2b2b2 !important; padding-left:44px; margin-bottom:40px;}
.top-a { margin-top:-30px;}
#content .c_img p{ margin-left:7%; padding-bottom:5%; padding-top:1%;}
.title { color:#1365A1; font-size:16px; line-height:1;}
.title_two { color:#595757; font-size:14px; line-height:32px;}
/*---------------------------*/
.menu_o {position:absolute; top:40px; left:30px; display:none}
.menu_three { display:none;z-index:10; position:absolute; top:90px; height:60px; width:100%; background:url(../images/service_img/bg.png);}
.menu_three ul {width:35%; float:left; margin:15px 0 0 462px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.menu_three ul li { float:left; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; text-align:center}
.menu_three ul li a:hover { -webkit-border-radius:3px; background:#2388BF; color:#ffffff;}
.menu_three ul li a {display:block; border-left:1px dashed #9F9FA0;font-size:14px; line-height:20px; color:#9F9FA0; height:20px;font-family:"Arial";}
.menu_three ul li:last-child a{ border-right:1px dashed #9F9FA0;}
<!----------service price--------------->
.list_one {text-align:center; padding:66px 0;}
.list_one h1 {font-size:22px; line-height:30px; color:#2488C0;}
.list_one h1 span {color:#1466A1;}
.list_one h2 {font-size:16px; line-height:20px; color:#1466A1; margin-top:15px;}
.list_one h3 {font-size:14px; line-height:16px; color:#595757; font-weight:bold;}
.list_one img {margin-top:10px;}
.list_one p {font-size:18px; line-height:25px; color:#595757; font-weight:bold; margin-bottom:25px;}

.list_two {text-align:center; padding:66px 0; background-color:#efefef;}
.list_two h1 {font-size:22px; line-height:30px; color:#2488C0;}
.list_two h1 span {color:#1466A1;}
.list_two img {margin-top:10px;}
.list_two p {font-size:18px; line-height:25px; color:#595757; font-weight:bold; margin-bottom:25px;}

.list_three {text-align:center; padding:66px 0;}
.list_three h1 {font-size:22px; line-height:30px; color:#2488C0;}
.list_three h1 span {color:#1466A1;}
.list_three p {font-size:18px; line-height:25px; color:#595757; font-weight:bold; margin-bottom:25px;}
.list_three form {margin: 0 15%;}
.list_three_a {}
.list_three_c {margin-top:30px;}
.list_three_b {margin-top:30px;}
.list_three h3 {float:left; margin-right:15px; font-size:14px; line-height:30px; color:#595757;}

.list_three h2 {float:left; width:73%}
.list_three input{width:95%; /*border:none;*/ outline:none; color:#666; height:30px; border:4px solid #2488C0; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px;}
.list_three h4 {clear:both;}

.list_three_a h2 {width:60%;}
.list_three_b h2 {width:89%;}
.list_three_c ul {display:-moz-box; display:-webkit-box; display:box;}
.list_three_c ul li {-moz-box-flex:1.0; -webkit-box-flex:1.0; box-flex:1.0; margin-right:30px;}
.list_three_d {margin-top:30px; cursor:pointer}

.list_four {height:80px; width:100%; background-color:#efefef;}
/*----------PROFESSIONAL SERVICE PROCESS-----------------*/
.five { text-align:center;}
#main .five img { margin-top:112px; margin-bottom:112px;}
/*---------- SHOW-----------------*/
/*#banner .img_more { height:1218px;}*/
#banner #banner_img { height:auto; background:#fff;}
#banner .moview {position:absolute;z-index:1000; top:150px; left:40%;}
#banner .btn_show {position:absolute; z-index:1000;color:#FFF; font-size:12px; top:300px; left:40%;border:1px solid #fff; width:100px; height:30px; line-height:30px; text-align:center; cursor:pointer;}
#banner .btn_show:hover { border-radius:3px; background:#fff;}
#banner .btn_show a:hover {color:#1466a1;}
#banner .btn_show a h3 { font-size:12px; line-height:34px; font-family:'708-CAI978';}
#banner .btn_show a:hover h3 {color:#1466a1;}
#banner .btn_size { position:absolute;z-index:1000; color:#fff; font-size:12px; top:300px; left:53%; border:1px solid #fff; width:100px; height:30px; line-height:30px; text-align:center; cursor:pointer}
#banner .btn_size:hover { border-radius:3px; background:#fff;}
#banner .btn_size a h3 { font-size:12px; line-height:34px; font-family:'708-CAI978';}
#banner .btn_size a:hover h3 {color:#1466a1;}
#banner .top_end p{position:absolute; margin-top:0px; left:47%; top:80%}
#banner .top_end img{position:absolute; z-index:1000; margin-top:0px; left:49%; top:85%}
#main .our_case { text-align:center; padding-bottom:56px; padding-top:112px;}
#main .our_case span { font-size:32px; color:#B2B2B2;}
#main .our_case span b { font-weight:bold; color:#333;}

.show_img { background:#EEEEEF; margin-top:10px}
.show_img img { width:100%}
.show_img ul { padding-top:2%; padding-bottom:3%}
.show_img ul li:first-child { margin:0}
.show_img ul li{ margin:0 3% 0 3%; padding-top:1%;}

/*---------- video-----------------*/
#banner .link_pic { padding-top:6%; margin-left:43%}
#banner .link_pic ul { text-align:center;}
#banner .link_pic ul li{ float:left; border-left:1px dashed #9F9FA0; padding-left:10px; padding-right:10px;}
#banner .link_pic ul li:first-child { border:none;}
#banner .link_pic ul li a { display:block;}

#main .play { background:#000; height:800px; width:100%; text-align:center;}
#main .play img { margin-top:0; margin-bottom:0;}
#main .link_pic { margin-top:5%}
#main .link_pic ul { margin-left:43%}
#main .link_pic ul li{ float:left; border-left:1px dashed #9F9FA0; padding-left:1%; padding-right:1%;}
#main .link_pic ul li:first-child { border:none;}
#main .link_pic ul li a { display:block;}
#main .mts { background:#187FC3; height:785px; text-align:center;}
#main .mts img { margin-top:0; margin-bottom:0;}
/*---------- CONTACT-----------------*/
.cont_m ul li { border-right:1px dashed #fff;}
.cont_m ul li:last-child { border:none;}
.banner {background:#2388BF; color:#fff; height:650px;}
#banner .link { background:#2388BF; padding-top:150px;}
#banner .link .link_img p { margin-top:7%;}
#banner .link .link_img { height:55px; width:453px; background:#0D4F7F; border:1px solid #0D4F7F; border-radius:5px;}
#banner .link .link_img ul { margin-left:50px;}
#banner .link .link_img ul li { float:left; border-left:1px dashed #9F9FA0;width:70px; text-align:center; margin-top:10px} 
#banner .link .link_img ul li:first-child { border:none;}
#banner .link .link_img ul li a {display:block;}
#banner .link .link_img ul li p { color:#fff; font-size:12px; line-height:5px;}
#banner .link .link_img ul li img { height:35px; width:35px; clear:both}
#banner .link .link_img ul li:last-child img{ height:23px;}
.weixin { padding:10% 20% 0 20%}
.hr { border-top:1px dashed #fff ; margin:15px 0 15px 0; width:60%; margin-left:20%}
.cont_m  ul {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-right:15%}
.banner .cont_m ul li { float:left; border-right:1px dashed #fff;-webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}
.banner .cont_m ul li:last-child { border:none;}
#banner .cont { text-align:left; line-height:20px;}
#banner .cont p { margin-top:0; font-size:12px;}
#banner .cont span { margin-left:3%}
#banner .cont{ margin-top:0;}
.logo_link ul {text-align:center; overflow:hidden; margin:auto; width:484px; border-top:1px dashed #fff; padding-top:12px;}
.logo_link ul li{ float:left; border-left:1px dashed #fff; padding-left:15px; margin-left:15px;}
.logo_link ul li:first-child {border-left:none; padding-left:0; margin-left:0;}

.player { display:none; position:fixed; width:100%; height:100%; left:0; top:0; text-align:center; z-index:1000}
.video-wrap { height:860px}
.video-wrap ul li { float:left; position:relative; width:50%; height:380px;  overflow:hidden; cursor:pointer}
.video-wrap ul li .wrap-bg { position:absolute; height:320px; overflow:hidden}
.wrap-bg img { width:100% }
.video-wrap ul li .wrap-bg .btn-play { position:absolute; width:50px; height:50px; top:60px; left:0; right:0; bottom:0; margin:auto;}
.video-wrap ul li .wrap-bg .share-ico  {position:absolute; width:208px; height:50px;  left:0; right:0; bottom:20px; margin:auto; }
@font-face{font-family:'ttf1';src:url(../font/708-CAI978.ttf); font-style:normal; font-weight:normal}
.video-wrap ul li .wrap-bg .share-ico span { border-right:1px dashed #666666; margin-left:10px;}
.video-wrap ul li .wrap-bg .share-ico span img { width:25px; margin-right:10px; margin-top:10px}
.wrap-foot { position:absolute; bottom:0;width:100%; height:76px; background:#fff; text-align:center}
.wrap-foot p:first-child { font-size:18px; color:#888888; margin-top:29px; font-family:'ttf1'}
.wrap-foot p:last-child { font-size:14px; color:#C8C9CA;}


/*首页banner*/
.ib_bg { background:url(../images/bg.jpg) no-repeat; background-size:cover; width:100%; height:690px; overflow:hidden; position:relative;}
.ib_left,.ib_right { width:50%; float:left; padding-top:74px;}
.ib_left { position:relative;} 
.ib_btn { border:1px solid #fff; width:108px; margin:auto; font-size:13px; color:#fff; line-height:30px; cursor:pointer; margin-top:18px; margin-bottom:50px;}
.ib_center { position:absolute; top:0; left:0; right:0; margin:auto; width:251px;}
.ib_center .more { position:absolute; bottom:70px; left:0; right:0; margin:auto; width:251px;}
.ib_btn:hover { color:#2387BF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff;}
.ib_page { bottom:30px !important;}
.ib_page .swiper-pagination-bullet { background:#C8C9CA; opacity:1; margin:0 13px !important;}
.ib_page .swiper-pagination-bullet-active { background:#fff;}
.ib_logo { margin-top:160px;}
.ib_logo .more { position:absolute; bottom:70px; left:0; right:0; margin:auto; width:100%;}
.ib_left .ewm { background:rgba(255,255,255,0.70); width:368px; height:339px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; position:absolute; top:210px; left:0; right:0; margin:auto; display:none;}
.ib_left .cancle { position:absolute; top:5px; right:36px; cursor:pointer; opacity:0;}
.ib_left .ewm img:first-child { position:absolute; top:-205px; left:0; right:0; margin:auto; z-index:10;}
.ib_left .shadow { margin-top:200px; opacity:0;}
.ib_left .text { margin-top:-6px; font-size:18px; color:#3E3A39; font-weight:bold; opacity:0;}
.ewm_btn { cursor:pointer;}

/*2016.11.3改*/
.show-list { width: 100%; }
.show-list:after { display: table; content: " "; clear: both; }
.show-list #showimg { width: 25%; float: left; }
.case-main .btn { font-size:13px; color:#b2b2b2; 
	border:1px solid #2387BF; width:108px; line-height:30px; 
	margin:auto; margin-top:36px; text-align:center;}
.case-main .btn:hover { -webkit-border-radius:5px; 
	-moz-border-radius:5px; border-radius:5px;
	 background:#2387BF; color:#fff;}
.inline-block { display: inline-block; }
.text-center { text-align: center; }
.btn { cursor: pointer; }