@font-face {
font-family: siyuan-light;
src: url('../fonts/SourceHanSansSC-Light-2.otf');
}

@font-face {
font-family: siyuan-normal;
src: url('../fonts/SourceHanSansSC-Normal-2.otf');
}
@font-face {
font-family: siyuan-bold;
src: url('../fonts/SourceHanSansSC-Medium-2.otf');
}

*{-webkit-transition: all .3s linear;

-moz-transition: all .3s linear;

-o-transition: all .3s linear;

transition: all .3s linear;}

html{}



html, body {

-ms-overflow-style: scrollbar;

}

body{ background:#fff; color:#333;font-family: 'siyuan-normal'; overflow:hidden; overflow-y: scroll; margin:0;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; }

ul { margin: 0; padding: 0; }

li { list-style:none;}

a:hover{ text-decoration:none; }

.img { width: 100%; overflow: hidden; }

.img img { width: 100%; }

.img img:hover { transform: scale(1.1); }



.header{ width:100%; background: #fff; }

.header .container { position: relative; }

.navbar {

    margin-bottom: 0;

    border-radius: 0;

    border:0;

}

.header .navbar-brand {

    height:auto;    

    padding: 0;

    margin-left: 0 !important;

    position: absolute;

    left: 0;

    top: 0;

    width: 18rem;

}

.navbar-brand img { width: 100%; }

.navbar-header { position: relative; z-index: 99; }

.navbar-toggle { margin-top: 35px; padding-right: 0; }

.navbar-toggle .icon-bar { background: #333; }

.navbar-collapse {

    padding-right: 0;

    padding-left: 0;

}

.header .navbar-collapse {

   /*padding-left: 20%;*/

}

.header .navbar .container { position: relative; }

.head-menu {

    width: 100%;

    position: absolute;

    left: 0;

    top: 100%;

    background: #eee;

    display: flex;

    padding: 20px;

    text-align: center;

    display: none;

    padding-left: 10%;

}

.head-num:hover .head-menu { display: block; }    

.head-menu a { padding: 0 10px; }

.header .navbar-nav > li { padding: 0 0.8rem; font-size: 16px;}

.header .navbar-nav > li:first-child { padding-left: 0; }

.header .navbar-nav > li > a { 

    color: #004f94;

    line-height: 30px;

    padding: 20px 0;

    display: inline-block;

}

.top-head .navbar-nav > li > a { color: #333; height: 100%;}

.nav > li > a:hover, .nav > li > a:focus, .header .nav .active a, .head-menu a:hover {

    background: none;

    border:0;   

    /*border-bottom: 3px solid #004f94;*/

    text-decoration: underline;

}

.nav li { position: unset; }

.navbar-collapse { /*position: relative;*/ float: right;}



.h-top {

    width: 100%;

    margin-top: 25px;

    display: table;

}

.language {

    color: #616161;

    display: inline-block;

    line-height: 34px;

}

.language a {

    color: #616161;

}

.language a:hover {  color: #004f94; }

.header .dropdown-menu {

    min-width: 120px;

    color: #004f94; 

}

.search {

    border: 1px solid #ccc;

    float: right;

    padding: 5px 10px;

    display: inline-block;

    width: 287px;

    position: relative;

}

.search form { width: 100%; }

.search input {

    border:0;

    outline: none;

    width: 100%;

}

.search button { 

    font-size: 16px; 

    color: #646464;

    background: none;

    border:0;

    outline: none;

    position: absolute;

    right: 10px;

    top: 0;

    height: 100%;

 }

 .search button:hover { color: #004f94; }



.sy-banner { margin: 129px 0 60px; }

.sy-banner .carousel-indicators { bottom: 5px; }

.sy-banner .item {

    background-size: cover;

    background-position: center !important;

}

.sy-banner .item img { width: 100%; }

.sy-banner .carousel-indicators li {

    background: #fff;

    width: 10px;

    height: 10px;

    border: 0;

    margin: 0;

}

.sy-banner .carousel-indicators .active {

    background: #004f94;

}

.carousel-control.right, .carousel-control.left { background: none; }

.sy-banner .container { position: relative; }

.sy-banner .carousel-caption, .banner-txt {

    /*background: rgba(0,79,148,0.8);*/

    max-width: 420px;

    color: #fff;

    text-align: left;

    padding: 5% 2%;

    position: absolute;

    right: 11%;

    bottom: 25%;

    left: unset;

    width: 100%;

    background: rgb(56,188,223,0.7);

}

.sy-banner h1, .banner h1 { position: relative; font-size: 24px; font-weight: bold; line-height: 30px;}

.sy-banner h1:before, .banner h1:before {

    content: '';

    position: absolute;

    left: 0;

    top: -20px;

    width: 40px;

    height: 4px;

    /*background: #38bcdf;*/

    background: rgba(0,79,148,0.5);

    display: block;

}



.sy-shiye h1, .sy-news h1, .sy-case h1, .sy-case h1 {

    font-size: 40px;
	font-family:"siyuan-bold";

    margin-bottom: 70px;

    color: #004f94;

    text-align: center;

    position: relative;

}

.sy-shiye h1:after, .sy-news h1:after, .sy-case h1:after, .sy-case h1:after {

    content: '';

    width: 40px;

    height: 4px;

    background: #38bcdf;

    position: absolute;

    bottom: -25px;

    left: 50%;

    transform: translateX(-50%);

}

.sy-shiye .col-md-4 { padding: 0; }

.shiye01 {

    position: relative;

    margin-bottom: 30px;

}

.shiye-txt {

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 15px 25px;

    background: rgba(0,0,0,0.4);

    width: 100%;

}

.shiye01 p {

    font-size: 30px;

    font-weight: bold;

    color: #fff;

    margin-bottom: 10px;

}

.shiye01 a {

    font-size: 15px;

    color: #fff;

}

.shiye01:hover img { transform: scale(1.1); }

.shiye01:hover .shiye-txt { background: rgba(0,79,148,0.7); }



.sy-news {

    background: #e5e5e5;

    padding: 70px 0;

}

.sn-wrap {

    background: #fff;

    padding: 20px;

}

.sn-wrap .row { margin: 0; }

.sn-wrap .col-md-7, .sn-wrap .col-md-5, .sn-wrap .col-md-6 {

    padding: 0;

}

.sn-wrap .pr { padding-right: 10px; }

.sn-wrap .pl { padding-left: 10px; }

.sn-wrap .col-md-5 { padding-left: 20px; }

.sy-news01 h3, .sc-txt p {

    color: #fff;

    font-weight: bold;

    font-size: 20px;

    line-height: 28px;

}

.sy-news01 h3 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.sy-news01, .sy-case01 { position: relative; margin:0 10px 30px 10px; overflow: hidden;}



.sn-txt, .sc-txt {

    background: rgba(0,79,148,0.7);

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 25px 30px;

    color: #fff;

    transform: translateY(65%);

    transition: all 0.6s;

}

.sn-txt2 { transform: translateY(60%); }

.sy-news01:hover .sn-txt { transform: translateY(0); }

.sn-txt p {

    font-size: 13px;

    line-height: 20px;

    margin-top: 15px;

}

.pr { padding-right: 10px; }

.pl { padding-left: 10px; }



.owl-carousel-pro .owl-pagination{ text-align:center; padding:1.5em 0 1.5em;}

.owl-carousel-pro .owl-pagination .owl-page{ display:inline-block; margin:0 7px 0 0; }

.owl-carousel-pro .owl-pagination .owl-page span{ display:block; background:#888;  width:10px; height:10px; border-radius:50%; }

.owl-carousel-pro .owl-pagination .owl-page.active span{ background: rgba(0,79,148,0.8);}



.sy-case { margin-top: 80px; }

.sc-txt { transform: translateY(108px); transition: all 0.5s;}

.sy-case01:hover .sc-txt { transform: translateY(0); }

.sy-case .carousel-indicators li {

    background: #74777d;

    border:0;

    width: 12px;

    height: 12px;

}

.sy-case .carousel-indicators .active {

    margin: 1px;

    background: #004f94;

}

.sy-case .carousel-indicators { bottom: -40px; }





footer {

    background: #1e1e1e;

    color: #fff;

    padding-top: 10%;

    margin-top: 170px;

}

footer .container { position: relative; }

.fp-list {

    width: 100%;

    background: #227bc0;

    line-height: 160px;

    display: flex;

    position: absolute;

    left: 0;

    top: -75%;

}

.fp-list a {

    flex: 1;

    color: #fff;

    text-align: center;

    font-size: 20px;

    font-weight: bold;

    overflow: hidden;

    height: 160px;

}

.fp-list a:hover { text-indent: 20em; }

/*.fp-list a:hover {

    background: url(../images/ft-bg.jpg) no-repeat center;

    background-size: cover;

    transition: all 0.5s;

}*/

.ft-menu img {

    margin-bottom: 30px;

}

.ft-menu dl { margin-bottom: 40px; }

.ft-menu dt a {

    font-size: 18px;

    margin-bottom: 13px;

    color: #fff;

    display: inline-block;

    margin-top: 10px;

}

.ft-menu dd { margin: 5px 0; font-size: 13px;}

.ft-menu dd a {

    color: #c0c0c0;

    font-size: 14px;



}

.ft-menu dd a:hover { color: #fff; text-decoration: underline; }

.ft-menu dd h2 {

    font-size: 24px;

    font-weight: bold;

}

.ft-menu dd p {

    font-size: 16px;

}

.ft-menu form {

    width: 100%;

    padding: 10px;

    position: relative;

    border: 1px solid #555;

}

.ft-menu input {

    border:0;

    width: 100%;

    outline: none;

    background: none;

}

.ft-menu button {

    background: #004f94; 

    color: #fff;

    padding: 5px 10px;

    position: absolute;

    right: 10px;

    top: 6px;

    outline: none;

    border:0;

}

.ft-menu button:hover {

    background: #fff;

    color: #004f94; 

}

.copy {

    margin-top: 50px;

    color: #fff;

    line-height: 70px;

    font-size: 14px;

    border-top: solid 1px #707070;

}

.copy p { display: inline-block; width: 80%;}

.copy span { padding-left: 10%; }

.social { float: right; display: inline-block;}

.social a {

    font-size: 16px;

    color: #fff;

    display: inline-block;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    text-align: center;

    line-height: 30px;

    background: #555;

}

.social a:hover { background: #004f94; }



.banner {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    margin-top: 129px;

    position: relative;

}

.banner img { width: 100%; }

.ab-banner {

    background-image: url(../images/ab-banner.jpg);

}

.banner-txt {

    position: absolute;

    /*margin: 20% 0 12%;

    margin-left: 100%;

    transform: translateX(-100%);*/

}

.page-nav {

    line-height: 60px;

    margin-bottom: 80px;

}

.page-nav a {

    display: inline-block;

    color: #666;

    padding: 0 5px;

    font-size: 16px;

}

.page-nav a:hover { color: #004f94; }



.profile-txt {

    background: #fff;

    max-width: 794px;

    width: 100%;

    padding: 50px 12% 50px 40px;

}

.profile { position: relative; }

.profile h1, .t-txt h1, .ryu h1, .hx h1, .fz h1, .pro-wrap h1, .num-wrap h1, .deve-wrap h1, .hot h1, .hx-wrap h1, .team h1{

    color: #3b3b3b;

    font-weight: bold;

    font-size: 40px;

    margin-bottom: 65px;

    position: relative;

}

.profile h1:after, 

.t-txt h1:after, 

.jiazhi01 h2:after, 

.ryu h1:after, 

.hx h1:after, 

.fz h1:after, 

.pro-wrap h1:after,

.num-wrap h1:after,

.deve-wrap h1:after,

.hot h1:after,

.hx-wrap h1:after,

.team h1:after

 {

    content: '';

    position: absolute;

    left: 0;

    bottom: -30px;

    width: 40px;

    height: 4px;

    background: #38bcdf;

    display: block;

}

.profile p {

    font-size: 16px;

    line-height: 36px;

    color: #666;

    margin-bottom: 0;

}

.profile .img { 

    max-width: 500px;

    position: absolute;

    right: 0;

    top: -8%;

 }

.shili { 

    margin-top: 20px; 

    background: url(../images/ab-bg.jpg) no-repeat center; 

    background-size: cover; 

    padding: 8% 0;

    margin-top: 100px;

}

.t-txt { padding: 0 4%; margin-bottom: 7%; }

.t-txt h1 { color: #fff; }

.t-txt p {

    color: #fff;

    font-size: 16px;

}

.shili01 { color: #fff; margin-bottom: 40px;}

.shili01 .img img { width: unset; max-width: 100%; }

.shili01 .img { text-align: right; }

.shili01 h2 {

    font-size: 36px;

    margin-bottom: 20px;

}

.shili01 p {

    font-size: 16px;

}

.jiazhi {

    background: url(../images/ab-bg01.jpg) no-repeat center;

    background-size: cover;

}

.jiazhi .col-md-4 {

    padding: 0;

}

.jiazhi01 {

    color: #fff;

    text-align: center;

    padding: 50% 15px;

    height: 100%;

    overflow: hidden;

}

.jiazhi01 h2 {

    font-size: 40px;

    position: relative;

    margin-bottom: 70px;

}

.jiazhi01 h2:after {

    left: 50%;

    transform: translateX(-50%);

}

.jiazhi01 p { font-size: 16px; transform: translateY(1540%); transition: all 0.5s;}

.jiazhi01:hover p { transform: translateY(0); }

.jiazhi01:hover {

    background: rgba(0,0,0,0.3);

}

.ryu {

    background: url(../images/ab-bg02.jpg) no-repeat center;

    background-size: cover;

    padding: 15% 0 8%;

    text-align: right;

    margin-bottom: 80px;

}

.ryu h1:after { right: 0; left: unset; }

.ryu .ry-txt {

    background: #004f94;

    padding: 50px;

    font-size: 16px;

    text-align: left;

    max-width: 570px;

    float: right;

}

.ry-txt span {

    display: block;

    color: #38bcdf;

    line-height: 24px;

    margin-bottom: 60px;

    position: relative;

}

.ry-txt span:after {

    content: '';

    background: #fff;

    width: 100%;

    height: 4px;

    position: absolute;

    left: 0;

    bottom: -30px;

}

.ry-txt p {

    color: #fff;

    line-height: 24px;

    margin-bottom: 20px;

}

.hx01 {

    width: 100%;

    color: #fff;

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

}

.hx-tit01 {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 20px;

    font-weight: bold;

    background: rgba(0,79,148,0.7);

}

.hx-tit01 h2 { font-size: 24px;}

.hx-txt {

    background: rgb(0,79,148,0.7);

    position: absolute;

    left: 0;

    top: 0;

    padding: 20px;

    width: 100%;

    height: 100%;

    transform: translateY(100%);

}

.hx-txt h3 {

    color: #fff;

    margin-top: 10%;

    margin-bottom: 20px;

}

.hx-txt p { color: #fff; line-height: 30px; }

.hx01:hover .hx-txt {

    transform: translateY(0);

}

.hx01:hover .hx-tit01 { display: none; }







.fz {

    margin: 8% 0;

}

.fz h1 {

    margin-top: 50%;

}

.fz-box02 {

    max-width: 500px;

    padding-top: 4%;

}

.fz-box02 h2 {

    font-size: 100px;

    color: #3b3b3b;

    font-weight: bold;

    margin-bottom: 40px;

}

.fz-box02 p {

    color: #666666;

    line-height: 36px;

    font-size: 16px;

}

.fz .nav-tabs { 

    border:0; 

    border-right: 1px solid #646464;

    padding: 15px 0;

}

.fz .nav-tabs > li {

    float: unset;

    background: none;

    text-align: right;

}

.fz .nav-tabs li a {

    padding: 0 15px;

    margin: 10px 0;

    display: inline-block;

    border:0;

}

.fz .nav-tabs li.active > a,

.fz .nav-tabs li.active > a:hover, 

.fz .nav-tabs li.active > a:focus {

    font-size: 24px;

    color: #004f94;

    border:0;

    background: none;

    border-right: 3px solid #004f94;

    text-decoration: none;

}



.lx-banner {

    background-image: url(../images/lx-banner.jpg);

}

.lx-top {

    margin: 0 0 50px;

    background: #fff;

}

.lx-txt {

    padding: 40px 30px;

    margin-bottom: 30px;

}

.lx-txt h2 {

    font-size: 30px;

    color: #3b3b3b;

    position: relative;

    margin-bottom: 60px;

}

.lx-txt h2:after {

    content: '';

    width: 100%;

    height: 2px;

    background: #ccc;

    position: absolute;

    left: 0;

    bottom: -25px;

}

.lx-txt p {

    font-size: 16px;

    color: #666;

    margin-bottom: 15px;

}

.lx-txt p i {

    color: #124c8c;

    padding-right: 10px;

    display: inline-block;

}



.lx-form h1 {

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 35px;

    text-align: center;

	color:#004f94;	

}

.lx-form input, .lx-form textarea {

    background: none;

    border:1px solid #004f94;

    padding: 10px;

    width: 100%;

    margin-bottom: 15px;

    outline: none;

    resize: none;

    font-size: 16px;

}

.lx-form button {

    width: 100%;

    font-size: 16px;

    color: #fff;

    background: #969696;

    outline: none;

    padding: 10px 0;

    border:0;

}

.lx-form button:hover { background: #004f94; }

.map {

    width: 100%;

    margin-top: 40px;

    border: 1px solid #ccc;

    border-radius: 10px;

    height: 400px;

}

.map img { width: 100%; }

.map iframe { width: 100%; height: 100%; }



.hx-banner {

    background-image: url(../images/hx-banner.jpg);

}

.hx-wrap {

    width: 100%;

    margin-bottom: 30px;

    position: relative;

    overflow: hidden;

}

.hx-wrap img { width: 100%; }

.hx-tit {

    font-size: 24px;

    color: #3b3b3b;

    margin-bottom: 50px;

}

.hx-box h3, .gz h3 {

    color: #3ebbbc;

    font-size: 30px;

    margin-bottom: 30px;

}

.hx-box h3 i, .gz h3 i {

    display: inline-block;

    padding-right: 10px;

}

.hx-box p, .gz p {

    font-size: 16px;

    line-height: 36px;

    text-indent: 2em;

    margin-bottom: 0;

}

.gz p { margin: 30px 0; }

.hx-box img, .hx-box { margin-bottom: 30px; }

.gz { margin-top: 50px; }

.gz img { margin: 20px 0; }

.hximg2 { margin-top: 50px; }

.hx03 {margin-top: 30px;}





.pro-banner {

    background-image: url(../images/pro-banner.jpg);

}

.pro-wrap { position: relative; margin-bottom: 50px; display: table;}

.pro-wrap p {

    font-size: 16px;

    color: #646464;

    line-height: 36px;

    max-width: 612px;

    display: inline-block;

}

.pro-wrap .img { 

    max-width: 850px; 

    float: right;

    margin-top: -10%;

}

.pro02 {

    margin: 0 10%;

    position: relative;

}

.pro02-box {

    position: relative;

    margin-top: 10%;

}

.pro02-box h3 {

    width: 100%;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    background: rgba(0,79,148,0.7);

    padding: 20px;

    position: absolute;

    left: 0;

    bottom: 0;

}

.pro02-txt {

    padding: 30px 20px;

    background: #004f94;

    color: #fff;

    font-size: 16px;

    line-height: 36px;

}

.pro02 .col-md-5 {

    position: absolute;

    top: 0;

    right: 12%;

}

.pro-map {

    margin-top: 8%;

    position: relative;

}

.pro-map .container {  }

.pm-txt {

    color: #fff;

    padding: 25px;

    background: rgba(56,188,223,0.8);

    max-width: 390px;

    position: absolute;

    right: 45%;

    top: 50%;

}

.pm-txt h3 {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 15px;

}

.pm-txt h3 img { padding-right: 10px; }

.pm-txt p {

    font-size: 16px;

    line-height: 36px;

}



.num-banner {

    background-image: url(../images/num-banner.jpg);

}

.num-wrap p {

    font-size: 16px;

    line-height: 30px;

    color: #646464;

    max-width: 60%;

    margin-bottom: 40px;

}

.num-list {

    

    

}

.num-list ul { width: 50%; display: table; margin: 30px 0;}

.num-list li {

    font-size: 16px;

    font-weight: bold;

    color: #646464;

    margin-bottom: 30px;

    float: left;

    padding-right: 5%;

}

.num-list li span {

    display: inline-block;

    color: #004f94;

    margin-right: 10px;

    font-size: 20px;

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    background: #fff;

    border-radius: 50%;

}

.num-list li:hover span { background: #004f94; color: #fff; }



.trans-banner {

    background-image: url(../images/trans-banner.jpg);

}

.trans-bg {

    margin-top: 50px;

    width: 100%;

    padding: 8% 0;

    background:#18275c;

}

.trans-bg .img2 { padding-top: 5%; }



.qua-banner {

    background-image: url(../images/qua-banner.jpg);

}

.qua-wrap {

    background: #fff;

    padding: 20px;

    margin-top: 50px;

    position: relative;

}

.qua-wrap .img { margin-bottom: 20px; }

.qua-txt {

    padding: 25px 3%;

    background: #3dbfbd;

    color: #fff;

    width: 18%;

    position: absolute;

    top: 60%;

    left: 52%;

    transform: translate(-50%, -50%);

}

.qua-txt li { margin-bottom: 30px; }

.qua-txt li p {

    font-size: 16px;

}

.qua-txt li h3 {

    font-size: 24px;

    font-weight: bold;

}





.team {

    padding: 30px 0;

    background: url(../images/team-bg.jpg) no-repeat center;

    background-size: cover;

    margin-bottom: 8%;

}

.team h1 { color: #fff; margin-top: 30%;}

.team p, .team2 p {

    font-size: 16px;

    color: #fff;

    line-height: 36px;

}

.team2 p { color: #666; margin-top: 20%;

    padding-left: 20px;}

.team img { width: 75%; }

.team2 img { width: 100%; }



.deve-banner {

    background-image: url(../images/deve-banner.jpg);

}

.deve-wrap {

    /*background: url(../images/deve-bg.jpg) no-repeat center;

    background-size: cover;

    padding: 4% 0 20%;

    margin-top: -40px;*/

}



.deve-wrap p {

    color: #333;

    font-size: 16px;

    line-height: 30px;

    margin-bottom: 25px;

}

.deve-part {

    background: #fff;

    padding-top: 7%;

}

.deve-part h2 {

    font-size: 24px;

    font-weight: bold;

    color: #333;

    margin-bottom: 50px;

    position: relative;

    padding-left: 60px;

}

.deve-part h2:before {

    content: '';

    height: 4px;

    width: 50px;

    background: #195fab;

    display: inline-block;

    margin-right: 10px;

    position: absolute;

    left: 0;

    top: 5px;

}

.deve01 { margin-top: 30px; }

.deve01 img {

    width: 80%;

}



.news-banner {

    background-image: url(../images/news-banner.jpg);

}

.news-top {

    border-bottom: 2px solid #ccc;

    width: 100%;

    margin-bottom: 40px;

    text-align: center;

}

.news-top a {

    display: inline-block;

    font-size: 18px;

    color: #666;

    padding: 15px;

}

.news-top a.active, .news-top a:hover {

    color: #004f94;

    border-bottom: 4px solid #004f94;

}

.top01 { margin-bottom: 30px; }

.top01 h3 {

    font-size: 24px;

    color: #515151;

    line-height: 36px;

    margin: 40px 0 30px;

    border-bottom: 1px solid #ccc;

    padding-bottom: 30px;

    height: 103px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.top01 p, .news01 p {

    font-size: 16px;

    color: #666;

    line-height: 36px;

    margin-bottom: 30px;

    height: 72px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.top01 span, .news01 span {

    color: #969696;

}

.news01 { background: #fff; margin-bottom: 30px; padding-bottom: 25px;}

.news01 h4 {

    font-size: 18px;

    margin: 30px 0;

    padding: 0 20px;

    color: #515151;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}

.news01 p, .news01 span { padding: 0 20px; }

.top01:hover h3, .news01:hover h4 { color: #004f94; }

.news-detail h1 {

    text-align: center;

    color: #515151;

    margin-bottom: 30px;

    font-size: 30px;

}

.news-detail h1 span {

    color: #969696;

    display: block;

    margin: 30px 0;

    font-size: 16px;

}

.news-detail p {

    color: #666;

    line-height: 36px;

    margin-top: 25px;

    font-size: 16px;

}

.news-detail .img img { width: auto; }

.back {

    display: inline-block;

    font-size: 16px;

    color: #004f94;

    line-height: 50px;

    padding: 0 5rem;

    border: 1px solid #004f94;

    border-radius: 50px;

    margin: 5rem 0;

}

.back i { font-size: 20px; }

.back:hover {

    background: #004f94;

    color: #fff;

}

.hot h1 {

   margin-bottom: 60px;

}

.hot h1:after {

   left: 50%;

   transform: translateX(-50%);

}



.case-banner {

    background-image: url(../images/app-banner.jpg);

}

.case01 {

    background: #fff;

    margin-bottom: 30px;

}

.case01 p {

    color: #515151;

    font-size: 18px;

    padding: 25px 20px;

}

.fenye { margin-top: 30px; }

.fenye a {

    display: inline-block;

    width: 40px;

    height: 40px;

    background: #fff;

    margin: 10px;

    color: #313131;

    font-size: 24px;

    text-align: center;

    line-height: 40px;

}

.fenye a:hover {

    background: #004f94;

    color: #fff;

}







@media (min-width: 1230px){ .container{ width:1200px; padding: 0;} }



@media ( min-width: 992px){  }

@media (min-width: 768px) and  (max-width: 991px){

   



}

@media (min-width: 992px) and  (max-width: 1199px){ }

	

@media (max-width: 767px){

    .header .navbar-brand { width: auto; position: unset; padding: 5px;}

    .header .navbar-collapse { padding-left: 0;  float: unset;}

    .header .navbar-nav { float: unset; margin: 0; }

    .navbar-nav li { border-bottom: 1px solid #eee; }

    .navbar-brand img { width: 100px; }

    .navbar-toggle {

        padding: 6px;

		margin-top: 40px;

    }

    .header .navbar-nav { float: unset; text-align: center;}

    .header .navbar-nav > li { height: auto; padding-top: 0; }

    .navbar-nav > li > a { line-height: 40px; color: #333;}

    .language { position: unset; text-align: center; }

    .carousel-indicators { bottom: 0; }



    .sy-shiye h1, .sy-news h1, .sy-case h1, .sy-case h1 {

    font-size: 30px;}



    .sy-banner { margin-top:110px; }

    .sy-banner .carousel-caption {

        padding: 5%;

        bottom: 35%;

        right: 40px;

        width: 70%;

    }

    .sy-banner .carousel-caption h1 { font-size: 20px; }

    .sn-wrap .col-md-5 { padding-left: 0; }

    .fp-list {

        position: unset;

        line-height: 40px;

        margin-bottom: 30px;

    }

    .fp-list a {

        display: inline-block;

        line-height: 20px;

        padding: 10px;

        height: auto;

    }

    .copy { line-height: 30px; margin-top:0;}

    .copy p {width: 100%; text-align: center;}

    .social { float: unset; margin: 10px auto; transform: translateX(-50%);

    margin-left: 50%;}

    .sy-shiye .col-md-4 { padding: 0 15px; }

    .pr { padding-right: 0; }

.pl { padding-left: 0; }

body::-webkit-scrollbar {

    display: none;

}



	.banner-txt {max-width: 300px; padding: 4% 2%;}

	.banner h1 {font-size: 18px;}

	.banner h1:before {top: -5px;}

	.page-nav {margin-bottom: 20px;}

	.profile h1, .t-txt h1, .ryu h1, .hx h1, .fz h1, .pro-wrap h1, .num-wrap h1, .deve-wrap h1, .hot h1, .hx-wrap h1, .team h1 {

	    font-size: 30px;

	    margin-bottom: 40px;

	}

	.num-wrap p {max-width: unset;}



    .profile .img { position: unset; }

    .shili01, .shili01 .img { text-align: center; }

    .shili01 .img { margin-bottom: 15px; }

    .jiazhi01 { padding: 30% 15px; }

    .fz .nav-tabs > li { float: left; }

    .fz .nav-tabs li.active > a, .fz .nav-tabs li.active > a:hover, .fz .nav-tabs li.active > a:focus {

        border-right: 0;

        border-bottom: 3px solid #004f94;

        font-size: 18px;

    }

    .fz .nav-tabs {

        border: 0;

        border-top: 1px solid #646464;

        margin-top: 30px;

        padding: 5px 0;

    }

    .fz .nav-tabs li a { padding: 0 7px; }

    .sn-txt { transform: translateY(68%); }



    .hx-txt01 { transform: translateY(82%); padding: 10px 5px 5px;}

    .hx-txt01 h3 { font-size: 20px; margin-bottom: 10px; }

    .hx-txt01 p { font-size: 14px; line-height: 22px; }

    footer { margin-top: 100px; }



    .pro02 { margin: 0; }

    .pro02 .col-md-5 {

        position: unset;

        margin-top: 15px;

}

.pm-txt {

    padding: 10px;

    right: 0;

    top: 15px;

}

.pm-txt p {

    font-size: 14px;

    line-height: 24px;

}

.num-list ul { width: 100%; }

.qua-txt {

    width: 100%;

     position: unset;

     transform: unset;

}

.team .text-center img, .deve01 .text-center img { width: 100%; }

.deve-part h2 { margin-bottom: 30px; }

.page-nav a { line-height: 24px; }

.team img { width: 100%; }









    

}







@media (max-width: 480px){



}