@charset "utf-8";
/***** reset *****/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, a { margin: 0; padding: 0; }
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
table { border-collapse: collapse; }
html {  }
body { padding: 65px 0 60px; font: 12px 微软雅黑; color: #333;  width:100%; max-width:640px; margin:0 auto;}
ul, ol { list-style: none; }
img { border: none; }
input { outline: none; }
a { text-decoration: none; color: #111; outline: none; }
a:hover { color: #c0231b; text-decoration: underline;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.hc { margin: 0 auto; }
.f_l { float: left; }
.f_r { float: right; }
.b_n { border: none; }
.page_size { margin: 0 auto; }
.none { display: none; }
.m_b_1 { margin-bottom: 10px; }
.m_r_1 { margin-right: 10px; }
.align_c { text-align: center; }
.border_1 { border: 1px solid #ddd; }
/***** 占位符 *****/
::-webkit-input-placeholder {color: #666;}
input:-moz-placeholder {color: #666;}
input[placeholder] { color: #666; }

.title_1 { height: 40px; line-height: 40px; border-bottom:3px solid #dcdcdc; position: relative; }
.title_1 a { font-size: 18px; color:#333; border-bottom: 3px solid #d61618; text-decoration: none; display: inline-block; height: 40px; position: absolute; }
.title_1 a:hover { color: #f00; }

/***** 头部 *****/
.top_wrap { background-color: #f7f7f7; height: 30px; line-height: 30px; color: #666; }
.top_wrap span a { margin-right: 10px;  }
.header { padding: 10px 0;  background-color: #fff; height: 65px; line-height: 45px; z-index:9999; width:100%; max-width:640px; position: fixed; top:0;box-shadow: 0 2px 8px #999; }
.logo { width: 270px; overflow: hidden; }
.logo img { width: 200px; margin-left: 10px; }
/* Demo 1 */
.demo-1 .dl-menuwrapper button {
    background: #fff;
}
.demo-1 .dl-menuwrapper ul {
    background: #006dc6;
}
.demo-1 .dl-menuwrapper button:hover,.demo-1 .dl-menuwrapper button.dl-active { background: #fff;}

.focus{ width: 100%; margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; padding:3px 5px; background-color:rgba(255,255,255,0.7);
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ display: block; width:100%; background:url(../images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
/***** 搜索 *****/
.search { height: 22px; margin-top: 30px; width: 260px; line-height: 22px; }
.search p { width: 34px; color: #999; }
.search form { height: 22px; background: url(../images/search_bg.gif) no-repeat;  width: 184px;  }
.search input {  border: none; background: none; }
.search .keyword {height: 22px; line-height: 22px; width: 148px; padding: 0 4px; }
.search .submit { height: 22px; width: 28px; cursor: pointer; }
/*首页产品列表*/
.product_list .title { margin: 20px 0; position: relative; }
.product_list .title label { position: absolute; top: 50%; left: 0; width: 100%; display: block; border-top: 1px solid #ccc;  }
.product_list .title { text-align: center; height: 30px; line-height: 30px;}
.product_list .title span { margin: 0 auto; position: relative; z-index: 999; padding: 0 10px; background-color: #fff; font-size: 16px; color: #006cc1; font-weight: bold; }
.product_list li { width: 46%; margin: 0 2% 10px 2%; float: left; text-align: center; }
.product_list li img { display: block; width: 100%; border: 1px solid #ccc;  }
.product_list li .desc { height: 30px; line-height: 30px; }
.product_list .more { height: 40px; line-height: 40px; display: block; background-color: #f2f2f2; text-align: center; color: #000; }
.product_list .more:hover { text-decoration: none; color: #000; border-bottom: 1px solid #000; }
    /***** 新闻 *****/
.news_list .title { margin: 20px 0; position: relative; }
.news_list .title label { position: absolute; top: 50%; left: 0; width: 100%; display: block; border-top: 1px solid #ccc;  }
.news_list .title { text-align: center; height: 30px; line-height: 30px;}
.news_list .title span { margin: 0 auto; position: relative; z-index: 999; padding: 0 10px; background-color: #fff; font-size: 16px; color: #006cc1; font-weight: bold; }
.news_list li { margin: 0 10px; border-bottom: 1px dotted #d7d7d7; color: #686868;font-size: 12px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.news_list li a { text-decoration: none; }
.news_list li:nth-child(1) > a, .news_list li:nth-child(2) > a, .news_list li:nth-child(3) > a { color: #d30000; }
.news_list .more { height: 40px; line-height: 40px; display: block; background-color: #f2f2f2; text-align: center; color: #000; }
.news_list .more:hover { text-decoration: none; color: #000; border-bottom: 1px solid #000; }
/***** 关于我们 *****/
.about_us .title { margin: 20px 0; position: relative; }
.about_us .title label { position: absolute; top: 50%; left: 0; width: 100%; display: block; border-top: 1px solid #ccc;  }
.about_us .title { text-align: center; height: 30px; line-height: 30px;}
.about_us .title span { margin: 0 auto; position: relative; z-index: 9; padding: 0 10px; background-color: #fff; font-size: 16px; color: #006cc1; font-weight: bold; }
.about_us .pic { width: 40%; float: left; margin-right: 2%; }
.about_us .pic img { width: 100%; }
.about_us .desc { width: 58%; float: left; }
/***** 面包屑 *****/
.location { font-size: 14px; margin: 10px 0; color: #999; height: 14px; line-height: 14px;  }
.location img { margin: 0 10px; }
.location a { color: #666; }
.common_banner img { width: 100%; }

.common  { margin-bottom: 20px; }
.common_l { width: 240px; }
.menu { height: 56px; line-height: 56px; font-size: 20px; color: #333; text-indent: 30px; background: url(../images/menu_bg.jpg) no-repeat; }
.menu a { text-decoration: none; display: block; }
.menu_sub {  text-align: center; padding-top: 260px; }
.menu_sub li { display: inline-block; padding: 0 30px; border-left: 1px solid #6e9dd0; }
.menu_sub li:first-child { border-left: none; }
.menu_sub li a { color: #fff; font-size: 16px; text-decoration: none; }

.common_r { width: 740px;  }
.common_title { font-size: 22px; line-height: 54px; background: url(../images/sign.gif) no-repeat 10px center; text-indent: 30px; border-bottom: 2px solid #989696; margin-bottom: 20px; }
/***** 底部 *****/
.copyright { margin: 20px 0; text-align: center; font-size: 14px; }
.footer {z-index: 999; width: 100%; position: fixed; bottom: 0; background-color: #006dc6; color: #fff; font-size: 14px; }
.footer a { text-align: center; width: 33%; padding: 10px 0; float: left; display: block; background-color:#006dc6; color: #fff; }
.footer a span { height: 20px; line-height: 20px;  display: block; font-size: 16px; }
.footer a label { height: 20px; line-height: 20px;  display: block; }
.footer a:hover { text-decoration: none; }

#articlebox img { max-width: 660px;  myimg:expression(onload=function() {this.style.width=(this.offsetWidth > 660)?"660px":"auto"}); }


/*关于我们*/
.about_1 { margin: 50px 0 100px 0 ; }
.about_2 { background: url(../images/about_2.jpg) no-repeat center top; height: 524px; overflow: hidden;}
.about_2_l { width: 450px; float: left; }
.about_2_r { width: 400px; float: left; position: relative; transform:translate(0,55px); }
.about_2_r .pro { position: absolute;  left: 0; top: 0; animation: animations 3s linear infinite; }
.about_2_r .pro1 { left: 0; top: 0; }
.about_2_r .pro2 { left: 60px; top: 175px; animation-delay: 1s; }
.about_2_r .pro3 { left: 156px; top: 90px; }
.about_2_r .pro4 { left: 280px; top: 42px;  animation-delay: 1s; }
.about_2_r .pro5 { left: 377px; top: 99px; }
.about_2_r .pro6 { left: 147px; top: 229px;  animation-delay: 1s; }
@keyframes animations{
    0%{transform:translate(0,0);}
    10%{transform:translate(0,2px);}
    20%{transform:translate(0,4px);}
    30%{transform:translate(0,6px);}
    40%{transform:translate(0,8px);}
    50%{transform:translate(0,10px);}
    60%{transform:translate(0,8px);}
    70%{transform:translate(0,6px);}
    80%{transform:translate(0,4px);}
    90%{transform:translate(0,2px);}
    100%{transform:translate(0,0);}
}
.about_2_title { margin-top: 60px; text-align: center; font-size: 34px; color: #fff; background: url(../images/about_2_title.png) no-repeat center center; height: 50px;  }
.about_2_content { color: #fff;}
.about_value { margin-top: 100px; background: url(../images/about_value.jpg) no-repeat center center; height: 400px; }
.about_team_content a:first-child { margin-left: 0;  }
.about_team_content a { margin-left: 20px; float: left;  }


/*联系我们开始*/
.m_map{ margin: auto;
    width: 788px;height:580px;position:relative;background:url(../images/map.png) no-repeat 0 0;margin: 0px auto!important;}
.mp{position:absolute;cursor:pointer;background: url(../images/map_sign.png) no-repeat 4px -18px;width: 74px;height:24px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.mp:hover{ background:url(../images/map_location.png) no-repeat 4px 0px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.mp .mito{position:absolute;left:0px;bottom:0px;font-size: 16px;-webkit-transform:scale(0.8);color: #666;text-align: center;font-family: "微软雅黑";padding-top: 20px!important;}
.mp .find_mi1{left:-12px;width:55px;top: 4px;}
.mp .find_mi2{ left:-5px; width:55px;}
.feng {position:absolute;display:none;width:290px;/* height:85px; */padding-left: 5px;left: -116px;top: -98px;background: rgba(21,121,191,0.8);z-index:10;border: 1px solid #eee;border-radius: 10px;padding-bottom: 10px!important;}
.mp:hover .feng { display: block; }
.feng .sang{ position:absolute; left:235px; bottom:0px; width:14px; height:8px;}
.feng .tree{width:330px;margin:9px;padding-top: 0px!important;}
.feng .tree .boou{width: 95px;padding-top: 10px;height:62px;float:left;}
.feng .tree .du_size{float:right;width:230px;padding-bottom: 10px;padding-top: 11px;}
.feng .tree .du_size p{font-size: 12px;color:#FFF;line-height:20px;font-family: "微软雅黑";padding-top: 10px;}
.feng .tree div{padding-top:0px!important;}
.mp1{left: 175px;top: 186px;}
.mp2{left: 182px;top: 313px;}
.mp3{left: 293px;top: 273px;}
.mp4{left: 358px;top: 433px;}
.mp5{left: 396px;top: 355px;}
.mp6{left: 399px;top: 276px;}
.mp7{left: 420px;top: 245px;}
.mp8{left: 447px;top: 197px;}
.mp9{left:450px;top: 292px;}
.mp10{left: 574px;top: 216px;}
.mp11{left: 428px;top: 402px;}
.mp12{left: 453px;top: 446px;}
.mp13{left: 468px;top: 521px;}
.mp14{left: 487px;top: 244px;}
.mp15{left: 501px;top: 295px;}
.mp16{left: 496px;top: 335px;}
.mp17{left: 493px;top: 383px;}
.mp18{left: 518px;top: 448px;}
.mp19{left: 533px;top: 205px;}
.mp20{left: 554px;top: 253px;}
.mp21{left: 589px;top: 306px;}
.mp22{left: 559px;top: 325px;}
.mp23{left: 611px;top: 329px;}
.mp24{left: 595px;top: 356px;}
.mp25{left: 574px;top: 409px;}
.mp26{left: 630px;top: 88px;}
.mp27{left: 541px;top: 395px;}
.mp28{left: 598px;top: 175px;}
.mp29{left: 633px;top: 136px;}
.mp30{left: 524px;top: 237px;}
.mp31{left: 442px;top: 364px;}
.mp32{left:550px; top:500px; }
.mp33{left:559px; top:510px; }
.mp34{left:580px; top:470px; }
.mp35{left:590px; top:473px; }
.mp36{left:566px; top:500px; }
.mp37{left:568px; top:520px; }
.mp38{left:610px; top:478px; }
.mp39{left:625px; top:495px; }
.mp40{left:618px; top:536px; }
.mp41{left:585px; top:525px; }
.mp42{left:605px; top:560px; }
.mp43{left:690px; top:360px; }
.mp44{left:639px; top:420px; }
.mp45{left:740px; top:420px; }
.mp46{left:663px; top:460px; }
.mp47{left:670px; top:500px; }
.mp48{left:700px; top:540px; }
.mp49{left:720px; top:508px; }
.mp50{left:750px; top:530px; }
.mp51{left:780px; top:535px; }
.mp52{left:770px; top:568px; }
.mp53{left:785px; top:569px; }
.mp54{left:795px; top:565px; }
.mp55{left:710px; top:590px; }
.mp56{left:840px; top:570px; }
.mp57{left:815px; top:610px; }
.mp58{left:850px; top:645px; }
.mp59{left:848px; top:478px; }
#w_rbox-1508411403671:hover{
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transform:translateY(-3px);
    -o-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}
#w_rbox-1508411597632:hover{
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transform:translateY(-3px);
    -o-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}
#w_rbox-1508411615281:hover{
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transform:translateY(-3px);
    -o-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}
#w_rbox-1508411629121:hover{
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transform:translateY(-3px);
    -o-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}
.resetHtmlCssStyle div.lxwmTitle{
    font-size:30px;
    color:#707070;
    text-align: center;
    margin-bottom: 50px;
}

.contact_detail { margin: 38px auto 62px auto; border: 1px solid #ccc; border-radius: 5px; }
.contact_title { height: 42px; line-height: 42px; text-indent: 20px; border-bottom: 1px solid #ccc; background-color: #f7f7f7; color: #666; font-size: 20px; }
.contact_list { height: 94px; padding: 20px 0; color: #2c6fa7; font-size: 24px; }
.contact_list p { margin-bottom: 10px; height: 45px; line-height: 45px; width: 50%; float: left;  }
.contact_list p img { margin: 0 10px 0 30px; }
/*联系我们结束*/

/*行业应用开始*/
.app { margin-top: 80px; }
.app_title { text-align:  center; font-size: 34px; color: #006bbf; margin-bottom: 20px; }
.app_subtitle {text-align:  center;  font-size: 14px; color: #333; border-bottom: 1px solid #e6e6e6; padding-bottom: 30px;}
.app_list { float: left; padding: 20px 0; width: 300px; background-color: #ededed; }
.app_content { line-height: 2; width: 900px; float: left; border-top: 1px solid #ededed; padding: 20px 80px; box-sizing: border-box; }
.app_content img { max-width: 900px; }
.app_wrap { margin-top: 60px; }
.app_list li { position: relative; width: 240px;  margin-left: 20px; margin-bottom: 20px; text-align: center; }
.app_list li .sign { position: absolute; top: 50%; margin-top: -16px; right: -40px; display: none; background: url(../images/sign.png) center center no-repeat; width: 18px; height: 32px; }
.app_list li.curr { box-shadow: 0 0 10px #666; }
.app_list li.curr .sign { display: block;  }
.app_list li.curr .list_title a { color: #006bbf;}
.app_list li .list_pic { float: left; }
.app_list li .list_title { line-height: 40px;  font-size: 14px;  background-color: #fff; }
/*行业应用结束*/
/*加入我们开始*/
.join { margin-top: 70px; }
/*加入我们结束*/
/*产品中心开始*/
.menu_product { background-color: #f1f1f1; height: 98px; position: relative; }
.menu_mask { position: absolute; top: 0; left: 0; width: 100%; height: 1px; box-shadow: 0 3px 5px #000; }
.menu_product ul { width: 1200px; margin: 0 auto; }
.menu_product li { height: 98px; float: left; box-sizing: border-box; }
.menu_product li.selected,.menu_product li:hover { background-color: #fff; border-bottom: 1px solid #006dc9; }
.menu_product li .pic { height: 40px; padding-top: 20px; text-align: center; line-height: 40px; }
.menu_product li .title { height: 30px; text-align: center; line-height: 30px; }
.menu_product li a { color: #333; text-decoration: none; }
/*产品中心结束*/
/*解决方案开始*/
.menu_solution li { display: block; float: left; position: relative; }
.menu_solution li .product_mask { background-color: rgba(0,0,0,.6); width: 100%; height: 100%; position: absolute; top:0; left: 0; }
.menu_solution li:hover .product_mask { background-color: rgba(98,165,222,.6); }
.menu_solution li p { position: absolute; left: 0; top: 40%; color: #fff; text-align: center; width: 100%; }
.menu_solution li p span { margin-bottom: 10px; width: 30px; height: 3px; background-color: #fff; display: inline-block; }
.menu_solution li p label { display: block; height: 20px; line-height: 20px;  font-size: 14px; color: #fff; }
.menu_solution li img { width: 100%; }
.menu_solution li.selected,.menu_product li:hover { background-color: #fff; border-bottom: 1px solid #006dc9; }
.menu_solution li .pic { height: 40px; padding-top: 20px; text-align: center; line-height: 40px; }
.menu_solution li .title { height: 30px; text-align: center; line-height: 30px; }
.menu_solution li a { color: #333; text-decoration: none; display: block; line-height: 0; }
/*解决方案结束*/
/*投资人关系开始*/
.menu_list li { display: inline-block; border-left: 1px solid #d2dde9; }
.menu_list li a { font-size: 14px; }
/*投资人关系结束*/

#apartPage li { display: inline-block; margin-right: 10px; color: #999; }
#apartPage li a { color: #999; }
#apartPage li.pagebarCurrent { font-weight: bold; color: #000; }