﻿@charset "utf-8";
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.prz { position: relative; zoom: 1; }
.pra { position: absolute; }
.cleargap { font-size: 0; letter-spacing: -8px; text-align: left; }
.ibox { display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; font-size: 12px; letter-spacing: normal; }
.justify { text-align: justify!important; text-justify: inter-ideograph!important; }
.justify_fix { display: inline-block; *display:inline;
*zoom:1;
width: 100%; height: 0; overflow: hidden; }
.responLayout { overflow: hidden; }
.layoutItem { padding-bottom: 32767px; margin-bottom: -32767px; }
.usn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.img-container { display: block; position: relative; zoom: 1; overflow: hidden; background: url(../images/loading_1.gif) no-repeat center; }
.img-container img { display: block; opacity: 0; }
.img-responsive, .edits img { max-width: 100%; width: auto\9; height: auto; -ms-interpolation-mode: bicubic; _width: auto; }
.ieBox { *behavior:url(./js/boxsizing.htc)
}
.ellipsis { overflow: hidden; }
.mr0 { margin-right: 0!important; }
.nobor { border: none!important; }
.nobg { background: none!important; }
.w1200 { max-width: 1200px; margin: 0 auto; overflow: hidden }
.bt0 { border-top: 0!important; }
.mt0 { margin-top: 0!important }
.ml0 { margin-left: 0!important }
.fnt_72 { font-size: 72px; }
.fnt_48 { font-size: 48px; }
.fnt_20 { font-size: 20px; }
@media only screen and (max-width: 1600px) {
.fnt_72 { font-size: 60px; }
.fnt_48 { font-size: 40px; }
.fnt_20 { font-size: 18px; }
}
@media only screen and (max-width: 1440px) {
.fnt_72 { font-size: 60px; }
.fnt_48 { font-size: 36px; }
.fnt_20 { font-size: 16px; }
}
@media only screen and (max-width: 1366px) {
.news_con_page .page_list{width: 40% !important;}
.news_con_page .page_list a{width: 85% !important;}
.fnt_72 { font-size: 54px; }
.fnt_48 { font-size: 36px; }
.fnt_20 { font-size: 16px; }
}
@media only screen and (max-width: 1200px) {
.fnt_72 { font-size: 48px; }
.fnt_48 { font-size: 30px; }
.fnt_20 { font-size: 14px; }
}
body { font-size: 14px; height: 100%; margin: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; -ms-behavior: url(../images/backgroundsize.min.htc); behavior: url(../css/backgroundsize.min.htc); }
html, body { height: 100%; }
body.pd_body { margin: 0 auto; overflow: visible; overflow-x: hidden; }
body.w1200 { overflow: visible; height: auto; }


/*我们*/
.us-kv { width: 100%; height: 550px; background:#000000;overflow: hidden }
.us-kv .w1200 { margin-top: 10px; height: 550px; }
.us-logo-img { width: 490px; height: 550px; }
.us-logo-img .logo-box { width: 490px; height: 0; left: 0; top: 0; /*background: url(../images/about-1.gif) no-repeat right top;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; -webkit-transition: height 2s; -moz-transition: height 2s; -o-transition: height 2s; -ms-transition: height 2s; transition: height 2s; }
.us-logo-img .logo-box.move { /*height: 550px;*/ }
.us-logo-img .logo-box.move video {width:100%;margin:150px auto;}
.us-logo-txt { width: 645px; margin-left: 30px }
.us-logo-cn { width: 188px; height: 51px; background: url(../images/ly_logo38.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover }
.us-logo-en { font-family: 'YourWebFontName'; text-transform: uppercase; color: #FFF; margin-top: 10px }
.us-intro { font-size: 14px; color: #e4e4e4; line-height: 30px; margin-top: 30px }
.us-kv .ibox {vertical-align: middle;}

.us-num { width: 100%; padding: 90px 0 130px 0; background: #ffffff; }
.us-num-box { width: 400px; height: 180px; background: url(../images/ly_img09.jpg) no-repeat right 80px; text-align: center }
.us-num .us-big-num { font-family: 'Arial'; font-weight: bold; color: #000000; text-align: left }
.us-num .us-num-of { color: #000000; margin-top: 10px; text-align: left }
.us-num-exp { color: #000000; font-size: 14px; margin-top: 5px; text-align: left }
.us-num-exp span { font-family: 'Arial'; }

.us-future { width: 100%; height: 600px; background:#3b3b3b;}
.us-future .w1200 { height: 100%; }
.us-future .head-cn { color: #ffffff; }
.us-future .bt-line { width: 99px; height: 50px; background: url(../images/ly_img08.png) no-repeat center; }
.us-future .head-txt { color: #7d7d7d; line-height: 30px }
.us-future .headBox { width: 640px; }
.verti-box { width: 0; height: 100%; }
.us-future .w1200 .ibox { vertical-align: middle }
.us-future .circle-box {width: 490px;/* height: 550px; */margin-top: 150px;/* background: url(../images/about-1.gif) no-repeat right top; */vertical-align: middle;}
.us-future .circle-box div { width: 490px; }
.us-future .circle-box div.move { opacity: 1; }

.us-design { width: 100%; }
.us-design .w1200 { height: 100%; }
.us-design .head-box { margin-top: 55px; margin-bottom:45px;}
.us-design .head-cn { color: #000; text-align: center }
.us-design .head-en { color: #7d7d7d; text-align: center }
.us-design .bt-line { width: 99px; height: 50px; background: url(../images/ly_img08.png) no-repeat center; margin: 0 auto; }
.us-design .head-txt { color: #7d7d7d; line-height: 30px; text-align: center; width: 100%; margin: 0 auto 20px; }
.us-design .us-char { width: 265px; height: 314px; bottom: 0; left: 50%; margin-left: -132px }
.us-design .us-char .us-brain { width: 100%; height: 100%; background: url(../images/ly_img17.png) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; opacity: 0; -webkit-transition: all 0.8s 1s; -moz-transition: all 0.8s 1s; -o-transition: all 0.8s 1s; -ms-transition: all 0.8s 1s; transition: all 0.8s 1s }
.us-design .us-char .us-brain.move { opacity: 1; }


.news_con_page{}
.news_con_page .page_list{float: left;width: 360px;height:55px;border:1px dotted #c0c0c0;padding:10px 20px;}
.news_con_page .page_list a{display: block;color:#3b3b3b;width: 300px;font-size: 18px;float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;height:3em;line-height:1.5;}
.news_con_page .page_list span{width:12px;height:100%;display: block;background-repeat:no-repeat;background-position: center;}
.news_con_page .left span{background-image: url(../images/con_left.png);margin-right: 30px;float: left;}
.news_con_page .right{float: right;}
.news_con_page .right span{background-image: url(../images/con_right.png);float: right;}
.news_con_page .page_list:hover{border-color: #657ab8;}
.news_con_page .page_list:hover a{color: #657ab8;}
.news_con_page .page_list.left:hover span{background-image: url(../img2/news_con_leftH.png);}
.news_con_page .page_list.right:hover span{background-image: url(../img2/news_con_rightH.png);}




/*新闻详情页*/
.news_con_eidt { width: 100%; float: left; }
.news_con_left img { max-width: 100%; }
.news_con_left p { margin-bottom: 10px; font-size: 14px; color: #555555;line-height: 30px; }
.news_con_left a { margin-bottom: 0px; font-size: 16px; color: #555555;line-height: 45px; }
/*.news_con_title { border-bottom: 3px solid #333; padding-bottom: 30px; }
.news_con_title h3 { font-weight: 700; margin-bottom: 20px; }
.news_con_title span { font-weight: 700; }
.news_con_title span i { color: #aaa; font-weight: normal; }
.news_tit span { color: #657ab8; cursor: default; }
.news_tit i { padding: 0px 10px; color: #d0d0d0; }
.news_con_page .page_list { float: left; width: 360px; height: 55px; border: 1px dotted #c0c0c0; padding: 10px 20px; }
.news_con_page .page_list a { display: block; width: 300px; font-size: 18px; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 3em; line-height: 1.5; }
.news_con_page .page_list span { width: 12px; height: 100%; display: block; background-repeat: no-repeat; background-position: center; }
.news_con_page .left span { background-image: url(../images/news_con_left.png); margin-right: 30px; float: left; }
.news_con_page .right { float: right; }
.news_con_page .right span { background-image: url(../images/news_con_right.png); float: right; }
.news_con_page .page_list:hover { border-color: #657ab8; }
.news_con_page .page_list:hover a { color: #657ab8; }
.news_con_page .page_list.left:hover span { background-image: url(../images/news_con_lefth.png); }
.news_con_page .page_list.right:hover span { background-image: url(../images/news_con_righth.png); }
.news_con_right .news_con_nav { border-top: 1px dotted #c0c0c0; border-bottom: 1px dotted #c0c0c0; padding: 20px 0 30px; }
.news_con_right .news_con_nav li a { color: #657ab8; padding-left: 15px; position: relative; }
.news_con_right .news_con_nav li a:before { position: absolute; left: 0px; top: 50%; margin-top: -3px; content: ""; display: inline-block; width: 4px; height: 4px; border-right: 2px solid #c0c0c0; border-bottom: 2px solid #c0c0c0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.news_con_right .share_ico .bdshare-button-style0-24 .bds_tsina { background: url(../images/weibo.png) no-repeat center; }
.news_con_right .share_ico .bdshare-button-style0-24 .bds_weixin { background: url(../images/weixin.png) no-repeat center; }
.news_con_right .video_con img { width: 100%; }
*/

@media only screen and (max-width: 1279px) {
.us-num { padding: 90px 0; }
.us-num .w1200 { width: 90%; }
.us-num-box { width: 33%; background-position: right 50px; }
.us-num-box .ibox { width: 80%; }
.us-future .w1200,  .us-cloud .w1200 { width: 90%; }
.us-future .circle-box { width: 400px; height: 318px; }
.us-future .circle-box div { width: 130px; height: 130px; }
.us-future .circle-box .top { margin-left: -64px }
.us-future .headBox { width: 600px; }
}
@media only screen and (max-width: 1279px) {
.us-logo-txt{width: 545px;}
.us-future .circle-box {width: 500px;}
.us-future .headBox {width: 400px;}
}

@media only screen and (max-width: 1079px) {
/*我们*/
.us-logo-img { width: 374px; height: 330px; }
.us-logo-img .logo-box { width: 364px; }
.us-logo-img .logo-box.move {height: 330px;}
.us-kv {height: 400px;}
.us-kv .w1200 {height: 320px;}
.us-logo-cn { width: 150px; height: 0px; }
.us-intro { font-size: 12px; margin-top: 20px }
.us-logo-txt {margin-top: 0px;}
.us-future { height: 500px; }
.us-future .headBox {width: 300px;}
.us-future .circle-box {margin-top: 100px;}
}

@media only screen and (max-width: 1079px) {
.us-logo-txt{width: 525px;}
.us-future .w1200,  .us-cloud .w1200 {width: 100%;background: url(../images/img2.jpg);}
}

@media only screen and (max-width: 959px) {
/*我们*/
.us-kv .w1200 {height: 280px;}
.us-logo-img { width: 245px; height: 205px; }
.us-logo-img .logo-box { width: 245px; }
.us-logo-img .logo-box.move { height: 275px; }
.service-banner.us-kv { height: 400px; }
.us-logo-txt { width: 60%; margin-top: 50px }
.us-intro { margin-top: 15px; }
.us-future .circle-box div { width: 105px; height: 105px; }
.us-future .headBox { width: 280px; }
.us-future .circle-box { width: 330px; height: 180px; }
.us-future .circle-box .top { margin-left: -53px }
.us-future .circle-box {margin-top: 150px;}
}

@media only screen and (max-width: 767px) {
.service-banner { height: 95px; width: 100%; overflow: hidden; }
.service-banner img { height: 100%; width: 100%; }
/*我们*/
.us-logo-txt { width: 54%; margin-top: 35px }
.us-num { padding: 60px 0 30px 0; }
.us-num-box { display: block; background: none; width: 400px; margin: 0 auto; height: 120px; }
.us-num .us-big-num { float: left; }
.us-num .us-con-box { float: right; width: 240px; }
.us-num-box .ibox { width: 100%; }
.us-future { height: 400px; }
.us-future .headBox { width: 310px }
.us-future .head-txt {line-height: 20px;}
.us-future .bt-line {width: 72px;height: 16px;}
.us-future .circle-box { margin-top: 116px }
.us-design { height: 516px; }
.us-design .us-char { width: 170px; height: 200px; margin-left: -85px }
.news_con_page .page_list a{width: 80% !important;}
}
@media only screen and (max-width: 668px) {
.us-logo-img .logo-box.move {height: 280px !important;width: 48% !important;left: 1% !important;}
.us-logo-txt {width: 50%;margin-top: 0;float: right;}
.us-logo-img {height: 0px !important;width: 100%;}
}
@media only screen and (max-width: 639px) {
.us-logo-img {width: 147px;height: 220px;/* display: block; */float: none;margin: 0 auto;}
.us-logo-img .logo-box.move { height: 220px; }
.us-logo-img .logo-box { width: 147px; background-position: center top }
.us-logo-txt {margin: 60px auto 0 auto;display: block;float: none;width: 100%;}
.us-kv .w1200 { height: 490px; margin-top: 10px }
.us-logo-cn { margin: 0 auto; }
.us-logo-en { text-align: center }
.us-future .w1200 { position: relative; zoom: 1; }
.us-future .headBox { display: block; margin-top: 40px }
.us-future .circle-box { float: none; position: absolute; right: 0; bottom: 50px; }
.us-design { height: 480px; }
.us-design .head-txt { line-height: 26px }
.us-design .head-box { margin-top: 35px }
.us-design .bt-line { height: 40px; }
}

@media only screen and (max-width: 479px) {
/*我们*/
.us-logo-img {width: 98px;height: 110px;}
.us-logo-img .logo-box.move { height: 110px; }
.us-logo-img .logo-box { width: 98px; }
.us-logo-img .logo-box.move video {margin:20px auto;}
.us-logo-cn { width: 120px; height: 32px; }

.us-kv .w1200 { height: 410px; }
.us-intro { line-height: 26px }
.us-num { padding: 30px 0 25px 0; }
.us-num .us-big-num { float: none; }
.us-num .us-con-box { float: none; width: 100%; }
.us-num-box { width: 302px; height: 150px; }
.us-future .headBox { margin: 40px auto 0 auto; }
.us-future .circle-box div { width: 85px; height: 85px; }
/*.us-future .circle-box { width: 192px; height: 145px; right: 50%; margin-right: -81px }
*/
.us-future .circle-box {width: 98%;/* height: 145px; */right: 1%;/* margin-right: 111px; */background: url(../images/about-1.gif) no-repeat right top;background-position: 50%;background-size: 30%;margin-top: 50px;}
.us-future .circle-box .top { margin-left: -43px }
.us-design { height: 280px; }
.us-design .us-char { width: 136px; height: 160px; margin-left: -68px }
.news_con_page .page_list{width: 37% !important;}
.news_con_page .page_list a{width: 66% !important;font-size: 14px;}

}
@media only screen and (max-width: 379px) {
.us-design .head-txt { width: 270px; }
.service-banner.us-kv {height: 620px;}
.us-logo-img .logo-box.move {width: 100% !important;margin-top: 40px;}
.us-logo-txt {margin: 280px auto 0 auto;}
}

.w1200 { max-width: 1200px; width: auto; }

@media only screen and (max-width: 1200px) {
.w1200 { box-sizing: border-box; padding: 0 20px; }
}

@media only screen and (max-width: 639px) {
.us-design .us-charGr1 .char-line.move { width: 202px; }
.us-design .us-charGr1 .char-line { height: 56px; right: 108px; top: -16px; }
.us-design .us-charGr2 .char-line.move { width: 165px; }
.us-design .us-charGr2 .char-line { right: 146px; top: 50px; }
.us-design .us-charGr3 .char-line.move { width: 220px; }
.us-design .us-charGr3 .char-line { height: 29px; right: 90px; top: 86px; }
.us-design .us-charGr4 .char-line.move { width: 210px; }
.us-design .us-charGr4 .char-line { height: 40px; right: 99px; top: 142px; }
.us-design .us-charGr5 .char-line.move { width: 132px; }
.us-design .us-charGr5 .char-line { height: 33px; left: 70px; top: -25px; }
.us-design .us-charGr6 .char-line.move { width: 172px; }
.us-design .us-charGr6 .char-line { height: 19px; left: 136px; top: 17px; }
.us-design .us-charGr7 .char-line.move { width: 112px; }
.us-design .us-charGr7 .char-line { height: 46px; left: 162px; top: 63px; }
}
@media only screen and (max-width: 479px) {
.us-design .us-charGr1 .char-line.move { width: 140px; }
.us-design .us-charGr1 .char-line { height: 45px; right: 79px; top: -24px; }
.us-design .us-charGr2 .char-line.move { width: 106px; }
.us-design .us-charGr2 .char-line { height: 16px; right: 114px; top: 30px; }
.us-design .us-charGr3 .char-line.move { width: 135px; }
.us-design .us-charGr3 .char-line { height: 25px; right: 87px; top: 63px; }
.us-design .us-charGr4 .char-line.move { width: 181px; }
.us-design .us-charGr4 .char-line { height: 18px; right: 38px; top: 124px; }
.us-design .us-charGr5 .char-line.move { width: 102px; }
.us-design .us-charGr5 .char-line { height: 35px; left: 68px; top: -31px; }
.us-design .us-charGr6 .char-line.move { width: 134px; }
.us-design .us-charGr6 .char-line { height: 14px; left: 87px; top: 13px; }
.us-design .us-charGr7 .char-line.move { width: 110px; }
.us-design .us-charGr7 .char-line { height: 45px; left: 108px; top: 64px; }
}
@media only screen and (max-width: 325px) {
.us-design .us-charGr1 .char-line.move { width: 130px; }
.us-design .us-charGr1 .char-line { height: 45px; right: 90px; top: -24px; }
.us-design .us-charGr7 .char-line.move { width: 100px; }
.us-design .us-charGr7 .char-line { height: 50px; left: 105px; top: 55px; }
}

@media only screen and (max-width: 1200px) {
.us-kv .us-intro { line-height: 1.5!important; }
}
@media only screen and (max-width: 1080px) {
.us-kv .us-intro { line-height: 2.2!important; }
}
@media only screen and (max-width: 767px) {
.us-kv .w1200 {height: auto!important;/* margin-top: 60px; *//* margin-bottom: 40px; */}
.us-logo-img {height: 160px;width: 100%;}
.us-logo-img .logo-box.move {height: 260px;width: 300px;left: 10px;}
}
