html,body {
    font-family:"Microsoft Yahei";
    background:white;
}
li {
    list-style:none;
}
a {
    transition:0.5s;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    color:#333;
    text-decoration:none;
}
a:hover {
    text-decoration:none;
}
/* 划过图片放大 */

.img-auto {
    display:block;
    overflow:hidden;
}
.img-auto img {
    width:auto;
    height:auto;
    margin:0px auto;
    transition:600ms;
}
.img-auto img:hover {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
/* 导航 */

.navbar-default {
    padding:15px 0px;
    background:white;
    opacity:0.9;
    -moz-box-shadow:0px 0px 15px #888;
    -webkit-box-shadow:0px 0px 15px #888;
    box-shadow:0px 0px 15px #888;
}

.navbar-default .navbar-nav>li> a {
    color:#000;
}
/* logo */

a.navbar-brand {
    width:210px;
    max-height:48px;
    margin:5px;
    padding:0px;
    overflow:hidden;
}
a.navbar-brand img {
    max-width:210px;
    max-height:48px;
    margin:0px auto;
}
.yxt_left_arrow{
    width:50%;
}
.yxt_right_arrow{
    width:50%;
}
@media (max-width:768px) {
    a.navbar-brand {
    margin-left:10px;
    max-width:180px;
}
a.navbar-brand img {
    max-width:180px;
    max-height:35px;
}
}/* 导航右侧 */

@media (min-width:768px) {
    #navbar {
    float:right;
}
}/*导航用户注册*/

.user-panel {
    margin:10px 20px 0 0px;
}
.user-panel a,.user-panel a:visited,.user-panel a:link {
    color:#198DDD;
    font-size:14px;
    padding:5px 10px;
    text-align:center;
    text-decoration:none;
    border:1px solid #198DDD;
}
.user-panel a:hover {
    color:#198DDD;
}
.user-panel a.top-login {
    color:white;
    background:#198DDD;
}
.user-panel a:hover {
    background:#26c79d;
    color:white;
    border:1px solid #26c79d;
}
}@media (min-width:768px) {
    ul.navbar-nav li.oen {
    height:70px;
    padding:10px 0px;
}
}.top-nav-right {
    position:absolute;
    top:20px;
    right:0px;
    width:110px;
    margin:0px;
    padding:0px;
}
@media all and (min-width:1024px) and (max-width:1024px) {
    .top-nav-right {
    top:5px;
}
.user-panel {
    margin:30px 0px 0px 0px;
}
}@media all and (min-width:1156px) and (max-width:1280px) {
    .user-panel {
    margin:10px 60px 0 0px;
}
}.top-nav-right ul {
    margin:0px;
    padding:0px;
}
.top-nav-right ul li {
    float:left;
    width:30px;
    line-height:30px;
    margin:2px;
}
.top-nav-right ul li.nav-shopping a {
    position:absolute;
    top:0px;
    right:0px;
    display:block;
    width:30px;
    height:30px;
}
.shopping-box {
    margin:0px auto;
    padding:20px;
}
.shopping-box li {
    margin:10px;
}
@media (max-width:768px) {
    .user-panel {
    margin:10px 0px 0px 0px;
}
.top-nav-right {
    margin-top:10px;
}
.top-nav-right ul li.nav-shopping,.top-nav-right ul li.glyphicon-search {
    display:none;
}
.navbar-toggle {
    z-index:999;
}
.top-nav-right {
    width:30px;
    position:relative;
    top:0px;
    left:5px;
    z-index:99;
    font-size:26px;
}
}#fat-menu {
    margin-top:3px;
}
/* 幻灯文字 */





.carousel-caption {
    bottom:10%;
}
.carousel-caption h3 {
    margin-bottom:30px;
    font-size:3.2em;
}
.carousel-caption p {
    line-height:200%;
    font-size:1.2em;
}
.carousel-caption .btn {
    margin-top:20px;
    font-size:1.0em;
}
@media (max-width:1280px) {
    .carousel-caption h3 {
    font-size:2.0em;
}
.carousel-caption p {
    line-height:180%;
    font-size:1.0em;
}
}@media (max-width:768px) {
    .carousel-caption h3 {
    margin-bottom:30px;
    font-size:1.2em;
}
.carousel-caption p {
    display:none;
}
.carousel-caption .btn {
    display:none;
}
}.modal {
    top:20%;
}
.bs-example-modal-lg-search .row {
    padding:20px;
}
/* 通用 */



.blank5,.blank10,.blank20,.blank30,.blank50,.blank60 {
    clear:both;
    height:5px;
    overflow:hidden;
}
.blank10 {
    height:10px;
}
.blank20 {
    height:20px;
}
.blank30 {
    height:30px;
}
.blank50 {
    height:50px;
}
.blank60 {
    height:60px;
}
.title,.title-2 {
    padding:50px 0px 60px 0px;
    text-align:center;
    text-transform:uppercase;
}
.title h1,.title h3 a {
    color:#4A4A4A;
    line-height:45px;
    height:45px;
    font-size:40px;
    font-weight:normal;
    text-decoration:none;
}
.title h3 small {
    display:block;
    clear:both;
    margin:20px 0px 10px 0px;
    color:#a1a1a1;
    font-size:12px;
}
.title p,.title-index-1 p {
    margin:10px auto 30px auto;
    line-height:20px;
    color:#333;
    font-size:16px;
}
.title span {
    }@media (min-width:768px) {
    .title p,.title-index-1 p {
    width:600px;
}
}.title-2 a {
    font-size:30px;
}
.title-2 h3 a small {
    display:block;
    clear:both;
    margin:10px 0px 10px 0px;
    color:#a1a1a1;
    font-size:8px;
}
/* 页底 */



 



.sub_menu {
    margin-top:30px;
}
@media (max-width:768px) {
    .sub_menu {
    height:0px;
    overflow:hidden;
}
}/* 面包屑导航 */

.breadcrumb {
    margin-bottom:50px;
}
.breadcrumb span {
    padding-right:15px;
    color:#ccc;
}
/* 内页文字大小按钮 */

.content_tools {
    float:right;
    margin:30px 0px;
    padding:5px 15px;
    background:#eee;
    text-align:right;
    font-size:14px;
}
/************* 分页 */



.pages {
    clear:both;
    margin:0px 10px;
    font-size:0.8em;
    color:#888;
}
.pages strong,.pages span {
    color:#FFFFFF;
    display:block;
    float:left;
    height:26px;
    line-height:26px;
    float:left;
    padding:0px 8px;
    background:#337ab7;
    margin:0px 3px 0px 0px;
    font-size:0.8em;
    border-radius:3px 3px 3px 3px;
}
.pages a,.pages a {
    display:block;
    float:left;
    height:24px;
    line-height:24px;
    float:left;
    padding:0px 8px;
    border:1px solid #337ab7;
    border-radius:3px 3px 3px 3px;
    text-decoration:none;
    margin:0px 3px 0px 0px;
    color:#337ab7;
    font-size:0.8em;
}
.pages strong {
    color:white;
}
.pages span {
    float:right;
}
#page {
    font-size:0.8em;
}
#page .blank10 {
    height:20px;
}
#page strong {
    padding:5px 8px;
    background:#337ab7;
    border-radius:5px;
    color:white;
    margin-right:15px;
    font-size:0.8em;
}
.pagination {
    margin:50px 0px;
}
/* 分页 */



.page-number {
    position:relative;
    right:0px;
    top:5px;
    color:#FFFFFF;
    height:26px;
    line-height:26px;
    padding:9px 20px;
    background:#337ab7;
    margin:0px 3px 0px 0px;
    font-size:0.8em;
    border-radius:3px 3px 3px 3px;
}
/* 正文 */

#content_text {
    line-height:180%;
    font-size:1.2em;
}
/* 首页 */





.index-1,.index-3 {
    padding-bottom:100px;
    background:#f8f8f8;
}
.index-1 ul {
    overflow:hidden;
}
.index-1 li {
    height:350px;
    overflow:hidden;
    text-align:center;
    float:left;
    border:1px solid transparent;
    position:relative;
    transition:400ms;
}
.index-1 li:hover {
    background:white;
    border:1px solid #ccc;
}
.index-1 .t1 {
    width:100%;
    height:140px;
    padding:70px 0 0 0;
    font-size:14px;
    color:#9b9797;
    transition:400ms;
}
.index-1 .t1 .img-auto {
    height:176px;
    margin:0px 0px 10px 0px;
    overflow:hidden;
}
.index-1 .t1 a {
    margin:0 0 5px 0;
    font-size:18px;
    color:#3a3a3a;
    transition:400ms;
}
.index-1 .t2 {
    width:100%;
    padding:20px 10px 0px 10px;
    height:80px;
    line-height:24px;
    font-size:14px;
    color:#fff;
    background:#7bc91e;
    position:absolute;
    left:0;
    bottom:-80px;
    transition:400ms;
}
.index-1 li:hover .t1 {
    margin-top:-50px;
}
.index-1 li:hover .t2 {
    bottom:0px;
}
@media (max-width:768px) {
    .index-1 li {
    margin-bottom:30px;
    background:white;
    border:1px solid #ccc;
}
.index-1 li .t1 {
    margin-top:-50px;
}
.index-1 li .t2 {
    bottom:0px;
}
}.index-2 {
    padding-bottom:80px;
}
.index-2 div div {
    padding:20px 30px;
    border:1px solid #eee;
    -moz-box-shadow:0px 0px 10px #eee;
    -webkit-box-shadow:0px 0px 10px #eee;
    box-shadow:0px 0px 10px #eee;
    border-radius:3px;
}
@media (max-width:768px) {
    .index-2 div div {
    margin-bottom:20px;
}
}.index-2 div div.img-auto a {
    display:block;
    height:100px;
    margin:20px 0px;
    overflow:hidden;
}
.index-2 div div.img-auto h4 a {
    height:16px;
    font-size:14px;
}
.index-2 div div:hover {
    background:#eee;
}
.index-2 div div p {
    font-size:12px;
    color:#555;
}
.index-2 div div p.date {
    color:#999;
}
.index-3 .btn {
    padding:10px 40px;
    border-radius:50px;
}
.index-3-left {
    height:240px;
    overflow:auto;
}
.index-3-left p {
    text-indent:2em;
}
@media (max-width:768px) {
    .index-3-left {
    margin-bottom:30px;
}
}.index-6 {
    padding:0px 0px 100px 0px;
}
.index-6 ul li {
    height:124px;
    padding:0px;
    border:1px solid #eee;
    overflow:hidden;
}
.index-6 ul li .img-auto {
    width:89px;
    height:68px;
    margin:28px 50px;
    overflow:hidden;
}
/* 友情链接 */

.home-links {
    padding:50px 0px 0px 0px;
    background:#333;
    color:#666;
}
.home-links .hr {
    padding:15px 0px 0px 0px;
    border-top:1px dotted #555;
}
.home-links-left {
    padding:0px;
}
.home-links .links-logo img {
    float:left;
    margin:10px;
    opacity:0.2;
}
.home-links .links-logo img:hover {
    opacity:1;
    transition:400ms;
}
.home-links .links-a {
    clear:both;
    margin:0 auto;
    font-size:14px;
    padding-bottom:60px;
}
.home-links .links-a a {
    color:#666;
    padding:10px;
    line-height:300%;
}
/**/

/*列表页 -文字列表*/

/**/

.list-container a {
    color:#333;
}
.list-container p {
    color:#888;
}
.list-container h4 {
    color:#000;
    font-weight:bold;
}
.list-container .row {
    margin-bottom:15px;
}
.list-container .news-list {
    margin-bottom:0;
}
.list-border {
    padding:15px;
    clear:both;
    border:1px dotted transparent;
    border-bottom-color:#BBBBBB;
    min-height:115px;
}
.list-border-w {
    border:1px dotted #BBBBBB;
    margin:15px 0px;
}
.list-border:hover {
    background:#F5F5F5;
    border-color:#ccc;
    border-radius:5px 5px 5px 5px;
}
.list-date {
    width:5em;
    float:left;
    margin-right:20px;
    text-align:center;
}
.list-date span {
    display:block;
    width:1em;
    line-height:1em;
    padding-top:.1em;
    white-space:nowrap;
    font-size:4em;
    color:#555;
    overflow:hidden;
    font-family:'Times New Roman',Times,serif;
}
.list-date p {
    clear:both;
    display:block;
    width:5em;
    overflow:hidden;
    margin-bottom:0;
}
.news-list p,.news-list-text-pic p,.list-down p {
    line-height:1.6
}
.list-down .img-auto {
    height:170px;
    overflow:hidden;
}
#projectlist.masonry {
    margin:0 auto;
}
#projectlist {
    }.wrapper {
    margin:0px auto;
}
.projectitem {
    margin:0px 0px 30px 0px;
    width:380px;
    float:none;
    -webkit-backface-visibility:hidden;
    /*谷歌图片闪烁*/ -webkit-transform-style:preserve-3d;
}
.projectitem a {
    position:relative;
    display:block;
}
.projectitem a:hover {
    text-decoration:none;
    overflow:hidden;
}
.projectitem a h4 {
    display:none;
    cursor:hand;
    text-align:center;
}
.projectitem a:hover h4 {
    width:100%;
    line-height:30px;
    margin:0;
    padding:15px 0px;
    background:#333;
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    filter:alpha(opacity=56);
    -moz-opacity:0.8;
    opacity:0.8;
}
.projectitem img,.index-1 img,.index-2 img,.index-3 img,#projectlist .owl-item img {
    -moz-box-shadow:0px 0px 10px #888;
    -webkit-box-shadow:0px 0px 10px #888;
}
.projectitem p {
    line-height:200%;
    font-size:1.2em;
}
.post-masonry {
    margin:0px 0px 30px 0px;
}
.post-masonry a {
    position:relative;
    display:block;
}
.post-masonry a:hover {
    text-decoration:none;
    overflow:hidden;
}
.post-masonry a h4 {
    display:none;
    cursor:hand;
    text-align:center;
}
.post-masonry a:hover h4 {
    width:100%;
    line-height:30px;
    margin:0;
    padding:15px 0px;
    background:#333;
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    filter:alpha(opacity=56);
    -moz-opacity:0.8;
    opacity:0.8;
}
.post-masonry img,.index-1 img,.index-2 img,.index-3 img,#projectlist .owl-item img {
    -moz-box-shadow:0px 0px 10px #888;
    -webkit-box-shadow:0px 0px 10px #888;
}
/*列表页 - 右侧*/



.content-right-list h3 {
    font-size:16px;
}
.content-right-list ol {
    margin-bottom:60px;
}
.content-right-list ol li {
    list-style-type:decimal;
    font-size:14px;
    line-height:1.8
}
@media (max-width:768px) {
    .content-right-list {
    margin-top:60px;
}
}/* 联系我们地图页 */



.contact-us {
    background:#242625;
}
.contact-us h3 {
    font-size:60px;
    line-height:120%;
    color:#CCCCCC;
    text-align:center;
    padding:50px 0;
}
.contact-us h3 span {
    font-weight:bold;
    color:#C22C45;
}
.contact-us h4 {
    clear:both;
    margin:50px auto 0;
    padding:0 0 50px
}
.contact-us dl {
    }.contact-us dl dt {
    line-height:40px;
    color:#CACACA;
    font-size:26px;
    margin-bottom:10px;
}
.contact-us dl dd {
    color:#AEAEAE;
    font-size:1.0em;
}
.content-ditu {
    height:50.8em;
    overflow:hidden;
}
.contact-us .glyphicon {
    font-size:50px;
}
/* 产品页面右侧文字信息 */

.product_info {
    overflow:hidden
}
.product_info table {
    color:#535353;
    width:100%;
}
.product_info table th {
    text-align:right;
    padding:7px 5px;
    width:120px;
    font-weight:normal;
    color:#888;
}
.product_info table td {
    padding:5px;
    color:#535353;
    font-size:0.9em;
}
.product_info table tr {
    }.product_info strong {
    color:#E53F40;
    font-size:30px;
}
#dialog_link {
    margin-left:20px;
    background:#236298;
}
@media (max-width:768px) {
    #dialog_link {
    margin:20px 0px 0px 0px;
}
}/* 滚动图片 */

#projectlist .owl-carousel {
    display:none;
    position:relative;
    width:100%;
    -ms-touch-action:pan-y;
}
#projectlist .owl-carousel .owl-wrapper {
    display:none;
    position:relative;
    -webkit-transform:translate3d(0px,0px,0px);
}
#projectlist .owl-carousel .owl-wrapper-outer {
    overflow:hidden;
    position:relative;
    width:100%;
}
#projectlist .owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition:height 500ms ease-in-out;
    -moz-transition:height 500ms ease-in-out;
    -ms-transition:height 500ms ease-in-out;
    -o-transition:height 500ms ease-in-out;
    transition:height 500ms ease-in-out;
}
#projectlist .owl-carousel .owl-item {
    float:left;
    padding:0px 50px;
    overflow:hidden;
    text-align:center;
}
#projectlist .owl-carousel .owl-item a.img-auto {
    height:350px;
    overflow:hidden;
}
#projectlist .owl-carousel .owl-item h4 {
    margin:30px 0px;
    font-size:16px;
}
#projectlist .owl-carousel .owl-item h4 small {
    padding-left:20px;
    font-style:oblique;
}
#projectlist .owl-controls .owl-page,#projectlist .owl-controls .owl-buttons div {
    cursor:pointer;
}
#projectlist .owl-controls {
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/* mouse grab icon*/

#projectlist .grabbing {
    cursor:url(../images/grabbing.png) 8 8,move;
}
/* fix*/

#projectlist .owl-carousel .owl-wrapper,#projectlist .owl-carousel .owl-item {
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
}
#projectlist .owl-theme .owl-controls {
    margin-top:20px;
    text-align:center;
}
/* Styling Next and Prev buttons*/

#projectlist .owl-theme .owl-controls .owl-buttons div {
    color:#333;
    display:inline-block;
    zoom:1;
    *display:inline;
    /*IE7 life-saver*/margin:5px;
    padding:5px 15px;
    font-size:20px;
    font-weight:bold;
    background:#eee;
}
#projectlist .owl-theme .owl-controls .owl-buttons div:hover {
    background:#333;
    color:white;
}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/

#projectlist .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter:Alpha(Opacity=100);
    /*IE7 fix*/opacity:1;
    text-decoration:none;
}
/* Styling Pagination*/

#projectlist .owl-theme .owl-controls .owl-page {
    display:inline-block;
    zoom:1;
    *display:inline;
    /*IE7 life-saver*/
}
#projectlist .owl-theme .owl-controls .owl-page span {
    display:block;
    width:12px;
    height:12px;
    margin:5px 7px;
    filter:Alpha(Opacity=30);
    /*IE7 fix*/opacity:0.3;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    background:#999;
}
#projectlist .owl-theme .owl-controls .owl-page.active span,#projectlist .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter:Alpha(Opacity=100);
    /*IE7 fix*/opacity:1;
}
/* If PaginationNumbers is true*/

#projectlist .owl-theme .owl-controls .owl-page span.owl-numbers {
    height:auto;
    width:auto;
    color:#FFF;
    padding:2px 10px;
    font-size:12px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
}
/* preloading images*/

#projectlist .owl-item.loading {
    min-height:150px;
    background:url(../images/AjaxLoader.gif) no-repeat center center
}
#projectlist .owl-carousel .owl-wrapper:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
.content-bottom-list-more {
    padding:8px 15px;
    background:#eee;
    color:#888;
}
@media (min-width:768px) {
    .servers-wap {
    display:none;
}
.dropdown-menu>li>a {
    padding:10px 20px;
}
.navbar .nav > li.oen ul.two {
    margin:0;
}
.navbar .nav > li.oen:hover ul.two {
    display:block;
}
}@media (max-width:768px) {
    /* 手机菜单圆形按钮颜色 */

.plug-menu {
    background:#ccc;
}
/* 手机菜单弹出按钮颜色 */

.top_menu>li {
    background:#ccc;
}
/* 手机菜单平铺背景颜色 */

.foot_mp {
    background:#ccc;
}
.servers,.foot-share,.content_tools_box {
    display:none;
}
ul.nav-pills li.active {
    clear:both;
    display:block;
}
.content-bottom-list-more {
    display:block;
    width:110px;
    margin-bottom:30px;
}
}.navbar-right {
    padding:0px;
}
.top-nav-right .dropdown-menu li {
    clear:both;
    width:98%;
}
.lead {
    font-size:1.0em;
    line-height:1.8;
}
.index-1 ul,.index-6 ul {
    margin:0px;
    padding:0px;
}
.lead img {
    max-width:100%;
}
.child {
    display:none;
}
.left-menu {
    line-height:42px;
    border:1px solid #ccc;
    border-radius:5px;
}
.left-menu ul {
    margin:0px;
    padding:0px;
}
.left-menu ul li a {
    display:block;
    padding:0px 0px 0px 40px;
}
.left-menu ul li.two {
    padding-left:10px;
}
.left-menu ul li.three {
    padding-left:10px;
}
.left-menu ul li.four {
    padding-left:10px;
}
.left-menu ul li.five {
    padding-left:10px;
}
.top-login {
    padding-left:5px;
}
.btn-primary {
    background-color:#4A4A4A;
    border-color:#4A4A4A;
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index:2;
    color:#fff;
    cursor:default;
    background-color:#4A4A4A;
    border-color:#4A4A4A;
}
.pagination>li>a,.pagination>li>span {
    color:#4A4A4A;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    color:#4A4A4A;
}
#page strong {
    background:#4A4A4A;
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color:#fff;
    background-color:#4A4A4A;
}
#dialog_link {
    background:#4A4A4A;
}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color:#4A4A4A;
    background-color:#fff;
}
.comm input.btn {
    background:#4A4A4A;
    color:#fff;
}
.pages strong,.pages span {
    color:#FFFFFF;
    background:#4A4A4A;
}
.btn-primary .badge {
    color:#4A4A4A;
    background-color:#fff;
}
body {
    font-family:Microsoft Yahei;
    overflow-x:hidden;
}
ul,ol,li {
    list-style:none;
}
.blank5 {
    clear:both;
    height:5px;
}
.blank10 {
    clear:both;
    height:10px;
}
.blank20 {
    clear:both;
    height:20px;
}
.blank30 {
    clear:both;
    height:30px;
}
.img-auto {
    display:block;
    overflow:hidden;
}
.img-auto img {
    width:100%;
    height:auto;
    margin:0px auto;
    transition:600ms;
}
.img-auto:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
@media screen and (min-width:0) and (max-width:767px) {
    .top {
    height:70px;
    background:#fff;
    position:fixed;
    z-index:8;
    width:100%;
    list-style-position:outside;
    top:0;
    -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3);
    box-shadow:1px 1px 5px rgba(0,0,0,0.3);
}
}.logo-box {
    position:fixed;
    left:15px;
    top:10px;
    z-index:10;
    height:40px;
}
.logo-box img {
    height:100%;
    width:auto;
}
.nav-btn {
    position:fixed;
    z-index:11;
    right:15px;
    top:15px;
    height:45px;
    width:45px;
    background:#393939;
    transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;
    cursor:pointer
}
.nav-btn:before {
    content:'';
    display:block;
    width:20px;
    height:2px;
    background:#999;
    position:absolute;
    top:16px;
    left:12px;
    transition:all .3s ease-out 0s
}
.nav-btn:after {
    content:'';
    display:block;
    width:20px;
    height:2px;
    background:#999;
    position:absolute;
    top:26px;
    left:12px;
    transition:all .3s ease-out 0s
}
.nav-btn:hover::before {
    transform:rotate(-45deg);
    top:23px;
    background:#fff
}
.nav-btn:hover::after {
    transform:rotate(45deg);
    top:23px;
    background:#fff
}
.nav-btn.open::before {
    transform:rotate(-45deg);
    top:23px;
    background:#fff
}
.nav-btn.open::after {
    transform:rotate(45deg);
    top:23px;
    background:#fff
}
.nav {
    position:fixed;
    overflow:auto;
    right:-320px;
    width:320px;
    background:#fff;
    top:0;
    height:100vh;
    z-index:9;
    transition:all .3s cubic-bezier(.215,.61,.355,1) 0s
}
.nav.open {
    right:0
}
.nav {
    padding:0;
    box-shadow:0 2px 26px rgba(0,0,0,.1)
}
.nav>ul {
    padding:100px 0;
    margin:0;
    position:relative;
    height:100vh
}
.nav>ul>li {
    border-bottom:1px solid #eee
}
.nav>ul>li>a {
    display:block;
    height:50px;
    line-height:50px;
    padding:0 40px;
    color:#666;
    font-size:14px;
    overflow:hidden
}
.nav>ul>li>a:hover {
    background:#F8F8F8
}
.nav2 {
    display:none
}
.nav2>ul {
    padding:0;
    margin:0;
    border-top:1px solid #eee
}
.nav2>ul>li {
    border-bottom:1px solid #eee
}
.nav2>ul>li>a {
    display:block;
    height:40px;
    line-height:40px;
    padding:0 50px;
    color:#666;
    font-size:14px;
    overflow:hidden;
    background:#F8F8F8
}
.nav2>ul>li>a:hover {
    background:#f2f2f2
}
.banner-box {
    height:690px;
    width:100%;
}
.banner-box2 {
    position:fixed;
    width:100%;
}
@media screen and (min-width:1200px) and (max-width:1459px) {
    .banner-box {
    height:500px;
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .banner-box {
    height:413px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
    .banner-box {
    height:320px;
}
}
@media screen and (min-width:480px) and (max-width:767px) {
    .banner-box {
    height:200px;
    margin-top:69px;
}
}
@media screen and (min-width:320px) and (max-width:479px) {
    .banner-box {
    height:153px;
    margin-top:69px;
}
}.index {
    background:#fff;
    position:relative;
    z-index:2;
}
.section1 {
    padding:80px 0;
}
.title10 {
    text-align:center;
    margin-bottom:40px;
}
.title10 div {
    display:inline-block
}
.title10 h4 {
    text-align:center;
    font-family:HELVETICANEUELTPRO-THEX,"微软雅黑";
    font-weight:700;
    font-size:20px;
    color:#323232;
    border-bottom:2px solid #4f4f4f;
    padding-bottom:4px;
    margin-bottom:8px;
    letter-spacing:.3em
}
.title10 h4 a {
    color:#323232
}
.title10 p {
    color:#c1c1c1;
    font-size:16px;
    text-align:right
}
.s1-text {
    max-width:720px;
    line-height:1.8;
    text-align:center;
    margin:40px auto;
    font-size:13px;
    color:#848484
}
.s1-more {
    margin-top:40px;
}
.s1-more a {
    display:block;
    width:34px;
    height:34px;
    line-height:34px;
    margin:0;
    text-align:center;
    border:1px solid #c3c3c3;
    margin:0 auto;
    overflow:hidden;
    background:rgba(255,255,255,0);
    border-radius:30px;
    transition:all ease-out .3s;
    font-size:20px;
    color:#838383
}
.s1-more a i {
    transition:all ease-out .3s;
    color:#c3c3c3;
    line-height:34px;
    font-size:20px
}
.s1-more a:hover {
    background:#323232;
    border-color:#323232;
    color:#fff
}
.s1-more a:hover i {
    color:#fff
}
.section2 {
    padding:80px 0;
    background:#F6F6F6;
}
.s2-item {
    margin:15px 0;
}
.s2-item a {
    display:block;
    position:relative;
    overflow:hidden;
    text-decoration:none;
}
.s2-img {
    display:block;
    overflow:hidden;
}
.s2-img img {
    width:100%;
    height:auto;
    margin:0px auto;
    transition:600ms;
}
.s2-item:hover .s2-img img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.s2-text {
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background:rgba(255,255,255,0.85);
    opacity:0;
    transition:600ms;
    padding:30px;
    text-align:center;
}
.s2-item:hover .s2-text {
    opacity:1;
}
.s2-item a:after {
    content:"";
    z-index:2;
    top:10px;
    left:10px;
    bottom:10px;
    right:10px;
    border:2px solid #4a4a4a;
    content:"";
    display:block;
    position:absolute;
    transform:scale(.9,.9);
    opacity:0;
    transition:.6s
}
.s2-item:hover a:after {
    opacity:1;
    transform:scale(1,1)
}
.div-table {
    display:table;
    height:100%;
    width:100%
}
.div-cell {
    display:table-cell;
    vertical-align:middle
}
.div-center {
    text-align:center
}
.s2-item h4 {
    color:#000;
    font-size:18px;
    padding-bottom:20px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    position:relative
}
.s2-item h4:after {
    width:0;
    content:'';
    display:block;
    height:2px;
    background:#5b5b5b;
    position:absolute;
    top:30px;
    left:50%;
    transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
    margin-top:3px
}
.s2-item:hover h4::after {
    width:12%;
    left:50%;
    margin-left:-6%
}
.s2-item p {
    color:#848484;
    font-size:13px;
    font-family:Arial;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.section3 {
    padding:80px 0;
}
/* 外部层 */

#owl-demo3 {
    position:relative;
    padding:0;
    margin:0px
}
#owl-demo3 .owl-stage-outer {
    overflow:hidden;
    position:relative;
    z-index:10;
}
#owl-demo3 * {
    box-sizing:border-box;
}
/* 导航层 */

#owl-demo3 .owl-item {
    float:left;
}
#owl-demo3 .owl-controls {
    margin-top:0px;
    text-align:center;
}
/* 左右按钮 */

#owl-demo3 .owl-controls .owl-nav {
    }#owl-demo3 .owl-controls .owl-nav [class*=owl-] {
    color:#fff;
    font-size:14px;
    margin:5px;
    padding:4px 7px;
    background:#d6d6d6;
    display:inline-block;
    cursor:pointer;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
#owl-demo3 .owl-controls .owl-nav [class*=owl-]:hover {
    background:#869791;
    color:#fff;
    text-decoration:none
}
#owl-demo3 .owl-controls .owl-nav .disabled {
    opacity:.5;
    cursor:default
}
#owl-demo3 .owl-controls .owl-nav .owl-prev {
    }#owl-demo3 .owl-controls .owl-nav .owl-next {
    }/* 远点按钮 */

#owl-demo3 .owl-dots {
    margin-top:20px;
}
#owl-demo3 .owl-dots .owl-dot {
    display:inline-block;
    zoom:1
}
#owl-demo3 .owl-dots .owl-dot span {
    width:10px;
    height:10px;
    margin:5px 7px;
    background:#d6d6d6;
    display:block;
    -webkit-backface-visibility:visible;
    -webkit-transition:opacity .2s ease;
    -moz-transition:opacity .2s ease;
    -ms-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px
}
#owl-demo3 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background:#869791
}
.s3-item {
    }.s3-item a {
    display:block;
    position:relative;
    overflow:hidden;
    text-decoration:none;
}
.s3-img {
    position:relative;
    width:30%;
    padding-bottom:30px;
    text-align:center;
    float:left;
    margin-right:60px;
}
.s3-img img {
    width:100%;
    height:auto;
}
.s3-img:after {
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
    background:#333;
    right:-30px;
    bottom:-30px;
}
.s3-text {
    overflow:hidden;
    height:100%;
    padding-top:5%
}
.s3-text h4 {
    font-size:18px;
    color:#323232;
    height:50px;
    line-height:50px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.s3-text h4:before {
    content:'';
    display:block;
    width:110px;
    height:2px;
    background:#4a4a4a
}
.s3-text p {
    font-size:13px;
    color:#7A7A7A;
    line-height:26px;
    text-align:left;
    height:52px;
    overflow:hidden
}
@media screen and (min-width:0) and (max-width:767px) {
    .s3-img {
    width:100%;
    padding-bottom:0px;
    float:none;
    margin-right:0px;
}
.s3-img img {
    width:100%;
    height:auto;
}
.s3-img:after {
    display:none;
}
}.section4 {
    padding:80px 0;
    background:url(../images/s4-bg.png);
}
/* 外部层 */

#owl-demo4 {
    position:relative;
    padding:0;
    margin:0px
}
#owl-demo4 .owl-stage-outer {
    overflow:hidden;
    position:relative;
    z-index:10;
}
#owl-demo4 * {
    box-sizing:border-box;
}
/* 导航层 */

#owl-demo4 .owl-item {
    float:left;
}
#owl-demo4 .owl-controls {
    margin-top:0px;
    text-align:center;
}
/* 左右按钮 */

#owl-demo4 .owl-controls .owl-nav {
    }#owl-demo4 .owl-controls .owl-nav [class*=owl-] {
    display:block;
    height:60px;
    width:60px;
    position:absolute;
    left:50%;
    bottom:0;
    cursor:pointer;
    text-indent:-9999px;
    overflow:hidden;
    z-index:999;
}
#owl-demo4 .owl-controls .owl-nav .owl-prev {
    margin-left:71px;
    background:#fff url(../images/prev1.png) center center no-repeat;
}
#owl-demo4 .owl-controls .owl-nav .owl-next {
    margin-left:131px;
    background:#4B4B4B  url(../images/next.png) center center no-repeat;
}
#owl-demo4 .owl-controls .owl-nav .owl-prev:hover {
    background:#323232 url(../images/prev.png) center center no-repeat;
}
#owl-demo4 .owl-controls .owl-nav .owl-next:hover {
    background:#323232 url(../images/next.png) center center no-repeat;
}
@media screen and (min-width:0) and (max-width:767px) {
    #owl-demo4 .owl-controls .owl-nav .owl-prev {
    margin-left:11px;
}
#owl-demo4 .owl-controls .owl-nav .owl-next {
    margin-left:71px;
}
}.s4-item a {
    display:block;
    position:relative;
    text-decoration:none;
    overflow:hidden;
    width:262px;
    margin:0 auto
}
.s4-img img {
    width:100%;
    height:auto
}
.s4-text {
    background:#fff;
    padding:25px 15px
}
.s4-text h4 {
    height:35px;
    line-height:35px;
    font-size:18px;
    color:#323232;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.s4-text p {
    font-size:13px;
    line-height:24px;
    height:50px;
    color:rgba(111,111,111,.55);
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.s4-more {
    display:block;
    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;
    border:1px solid #c3c3c3;
    overflow:hidden;
    background:rgba(255,255,255,0);
    border-radius:30px;
    transition:all ease-out .3s;
    font-size:20px;
    color:#838383
}
.s4-more i {
    transition:all ease-out .3s;
    color:#c3c3c3;
    line-height:34px;
    font-size:20px
}
.s4-more:hover {
    background:#323232;
    border-color:#323232;
    color:#fff
}
.s4-more:hover i {
    color:#fff
}
.section5 {
    padding:80px 0;
}
/* 外部层 */

#owl-demo5 {
    position:relative;
    padding:0;
    margin:0px auto;
    max-width:830px
}
#owl-demo5 .owl-stage-outer {
    overflow:hidden;
    position:relative;
    z-index:10;
}
#owl-demo5 * {
    box-sizing:border-box;
}
/* 导航层 */

#owl-demo5 .owl-item {
    float:left;
}
#owl-demo5 .owl-controls {
    margin-top:0px;
    text-align:center;
}
/* 左右按钮 */

#owl-demo5 .owl-controls .owl-nav {
    }#owl-demo5 .owl-controls .owl-nav [class*=owl-] {
    display:block;
    height:60px;
    width:60px;
    position:absolute;
    left:0;
    bottom:0;
    cursor:pointer;
    text-indent:-9999px;
    overflow:hidden;
    z-index:999;
}
#owl-demo5 .owl-controls .owl-nav .owl-prev {
    margin-left:0;
    background:#4B4B4B url(../images/prev.png) center center no-repeat;
}
#owl-demo5 .owl-controls .owl-nav .owl-next {
    margin-left:61px;
    background:#4B4B4B  url(../images/next.png) center center no-repeat;
}
#owl-demo5 .owl-controls .owl-nav .owl-prev:hover {
    background:#323232 url(../images/prev.png) center center no-repeat;
}
#owl-demo5 .owl-controls .owl-nav .owl-next:hover {
    background:#323232 url(../images/next.png) center center no-repeat;
}
.s5-item a {
    display:block;
    text-decoration:none;
    position:relative;
    overflow:hidden;
    background:#F6F6F6
}
.s5-item a:after {
    content:"";
    display:table;
    clear:both
}
.s5-img {
    float:right;
    width:30%;
    height:auto;
    min-height:280px
}
.s5-img img {
    width:100%;
    height:auto;
    min-height:280px
}
.s5-text {
    padding:7% 10% 100px;
    overflow:hidden
}
.s5-text h4 {
    font-size:18px;
    color:#333;
    margin:0;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.s5-text span {
    color:#777;
    font-size:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.s5-text p {
    margin-top:20px;
    color:#777;
    line-height:22px;
    height:66px;
    overflow:hidden
}
@media screen and (min-width:0) and (max-width:767px) {
    .s5-img {
    float:none;
    width:100%;
    height:auto;
    min-height:auto;
}
.s5-img img {
    width:100%;
    height:auto;
    min-height:auto;
}
}.section6 {
    border-top:1px solid #eee;
    padding:20px 0;
}
/* 外部层 */

#owl-demo6 {
    position:relative;
    padding:0 40px;
    margin:0px
}
#owl-demo6 .owl-stage-outer {
    overflow:hidden;
    position:relative;
    z-index:10;
}
#owl-demo6 * {
    box-sizing:border-box;
}
/* 导航层 */

#owl-demo6 .owl-item {
    float:left;
}
#owl-demo6 .owl-controls {
    margin-top:0px;
    text-align:center;
}
/* 左右按钮 */

#owl-demo6 .owl-controls .owl-nav {
    }#owl-demo6 .owl-controls .owl-nav [class*=owl-] {
    position:absolute;
    top:50%;
    margin-top:-15px;
    display:block;
    height:30px;
    width:30px;
    text-indent:-999px;
    cursor:pointer;
    overflow:hidden;
}
#owl-demo6 .owl-controls .owl-nav .owl-prev {
    left:0;
    background:url(../images/prev2.png) center center no-repeat;
}
#owl-demo6 .owl-controls .owl-nav .owl-next {
    right:0;
    background:url(../images/next2.png) center center no-repeat;
}
.s6-item {
    }.s6-item a {
    display:block;
    position:relative;
    text-decoration:none;
    overflow:hidden;
}
.s6-item img {
    width:100%;
    height:auto;
}
.foot {
    padding:80px 0;
    background:#F7F7F7;
    position:relative;
    z-index:12;
}
.foot h4 {
    color:#333;
    font-size:16px;
    line-height:24px;
    margin-bottom:40px;
    font-weight:100;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    display:block;
}
.foot ul {
    padding:0;
    margin:20px 0;
}
.foot ul li {
    line-height:24px;
    font-size:13px;
    color:#989898;
}
.fenxiang a {
    font-size:16px;
    float:left;
    margin:20px 5px;
    display:block;
    height:30px;
    width:30px;
    line-height:30px;
    text-align:center;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    cursor:pointer;
    color:#989898;
}
.fenxiang a:hover {
    background:#464646;
    color:#fff;
}
.foot .form-group .form-control {
    background:none;
    border-radius:0;
    border:none;
    border-bottom:1px solid #eee;
    color:#999999;
    -webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,.0);
    box-shadow:inset 0 0px 0px rgba(0,0,0,.0);
}
.foot .form-group .form-control:focus {
    border-color:none;
    outline:0;
    -webkit-box-shadow:none;
}
.foot .form-group textarea.form-control {
    color:#999999;
}
.s7-btn {
    width:100%;
    max-width:100%;
    margin:0 auto;
    color:#fff;
    height:40px;
    background:#999;
    transition:600ms;
    border:1px solid #999;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.s7-btn:hover {
    background:#333;
    color:#fff;
}
.foot #verify {
    background:none;
    border-radius:0;
    border:none;
    border-bottom:1px solid #eee;
    color:#999999;
    height:34px;
    padding:6px 12px;
    font-size:14px;
}
.foot #verify:focus {
    border-color:none;
    outline:0;
    -webkit-box-shadow:none;
}
.foot #verify {
    width:calc(100% - 65px);
}
.foot-b {
    position:relative;
    z-index:12;
    background:#fff;
    color:#8e8e8e;
    padding:8px 0;
    font-size:12px;
    border-top:1px solid #eee;
}
.foot-b a {
    color:#8e8e8e;
}
#outer-w {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    left:0;
    top:0;
    z-index:99999;
}
#outer {
    height:100%;
    position:relative;
    width:100%;
}
#outer[id] {
    display:table;
    position:static;
}
#middle {
    position:absolute;
    top:50%;
}
/* for explorer only*/

#middle[id] {
    display:table-cell;
    vertical-align:middle;
    position:static;
}
#inner {
    position:relative;
    top:-50%;
    width:300px;
    padding:30px 0;
    margin:0 auto;
    text-align:center;
}
/* for explorer only */

*+html #outer[id] {
    position:relative;
}
*+html #middle[id] {
    position:absolute;
}
#bg-black {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.6);
}
.inner {
    position:relative;
    z-index:2;
    background:#FFF;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
#close {
    position:absolute;
    right:-10px;
    top:-10px;
    height:30px;
    width:30px;
    cursor:pointer;
    background:#FFF url(../images/del_on.gif) left top no-repeat;
    border:1px solid #CCC;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
#close:hover {
    background:#DDD url(../images/del_hover.gif) -1px -1px no-repeat;
}
#banner2 {
    width:100%;
    height:320px;
    position:relative
}
#banner2 div {
    background-color:#39383E;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:fixed;
    width:100%;
    height:380px;
    animation:mymove 20s
}
@keyframes mymove {
    0% {
    transform:scale(1.2,1.2)
}
100% {
    transform:scale(1,1)
}
}.box2 {
    padding:80px 0;
}
.box2 .title10 h4 {
    border:none;
    display:inline-block;
}
.title11 ul {
    text-align:center;
    padding:0;
    margin-bottom:40px;
    margin-top:-10px;
}
.title11 ul li {
    display:inline-block;
    margin:0 0 0 5px;
}
.title11 ul li a {
    display:block;
    float:left;
    padding:0 25px;
    height:32px;
    font-size:14px;
    line-height:32px;
    color:#999;
    border:1px solid #eee;
}
.title11 ul li a:hover {
    background:#4A4A4A;
    color:#fff
}
.title11 ul li.active a {
    background:#4A4A4A;
    color:#fff
}
.team-item {
    padding:40px 0;
    border-bottom:1px solid #eee
}
.team-item:hover {
    background:#FAFAFA
}
.team-item a {
    position:relative;
    display:block;
    overflow:hidden;
    text-decoration:none;
    padding:0 10%
}
.team-img {
    float:left;
    margin-right:60px;
    width:30%;
    height:auto;
    position:relative;
    padding-bottom:30px;
    padding-right:30px
}
.team-img img {
    width:100%;
    height:auto;
    position:relative;
    z-index:2
}
.team-img:after {
    z-index:1;
    position:absolute;
    content:"";
    display:block;
    height:90%;
    width:90%;
    background:#333;
    right:0;
    bottom:0
}
.team-text {
    padding-top:5%
}
.team-text h4 {
    font-size:18px;
    color:#484848;
    position:relative;
    padding-right:40px;
    left:0;
    margin:0;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    transition:.6s
}
.team-text span {
    font-size:12px;
    position:relative;
    padding-right:40px;
    left:0;
    color:#9a9a9a;
    transition:.6s;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.team-text p {
    font-size:13px;
    line-height:24px;
    height:48px;
    margin-top:20px;
    overflow:hidden;
    padding-left:40px;
    color:#949494
}
.team-item:hover .team-text h4 {
    left:40px
}
.team-item:hover .team-text span {
    left:40px
}
@media screen and (min-width:0) and (max-width:767px) {
    .team-img {
    float:none;
    margin-right:0;
    width:100%;
    height:auto;
    position:relative;
    padding-bottom:0px;
    padding-right:0px;
}
.team-text h4 {
    position:relative;
    padding-right:0px;
}
.team-item:hover .team-text h4 {
    left:0px;
}
.team-item:hover .team-text span {
    left:0px;
}
.team-text p {
    adding-left:0px;
}
}.news-item {
    margin:20px 0;
}
.news-item a {
    display:block;
    position:relative;
    overflow:hidden;
    text-decoration:none;
}
.news-img {
    position:relative;
    width:30%;
    padding-bottom:30px;
    text-align:center;
    float:left;
    margin-right:60px;
}
.news-img img {
    width:100%;
    height:auto;
}
.news-img:after {
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
    background:#333;
    right:-30px;
    bottom:-30px;
}
.news-text {
    overflow:hidden;
    height:100%;
    padding-top:5%
}
.news-text h4 {
    font-size:18px;
    color:#323232;
    height:50px;
    line-height:50px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.news-text h4:before {
    content:'';
    display:block;
    width:110px;
    height:2px;
    background:#4a4a4a
}
.news-text p {
    font-size:13px;
    color:#7A7A7A;
    line-height:26px;
    text-align:left;
    height:52px;
    overflow:hidden
}
@media screen and (min-width:0) and (max-width:767px) {
    .news-img {
    width:100%;
    padding-bottom:0px;
    float:none;
    margin-right:0px;
}
.news-img img {
    width:100%;
    height:auto;
}
.news-img:after {
    display:none;
}
}.news-item2 .news-img {
    float:right;
    margin-left:60px;
}
.service-item {
    margin:20px 0
}
.service-item a {
    display:block;
    position:relative;
    text-decoration:none;
    overflow:hidden
}
.service-img img {
    width:100%;
    height:auto
}
.service-text {
    border-bottom:2px solid transparent;
    transition:.6s;
    padding-bottom:20px;
}
.service-text h4 {
    color:#323232;
    padding-top:25px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    text-align:left;
    font-size:18px
}
.service-text p {
    font-size:13px;
    line-height:24px;
    height:50px;
    color:#888;
    margin-top:15px;
    overflow:hidden
}
.service-item:hover .service-text {
    border-bottom:2px solid #696969
}

@media (max-width:768px) {
    .navbar-default {
      padding:5px 0px;
    }
    .yxt_img{
      width:100%; 
      min-height: 100px;
      margin-top:70px;
    }
    #banner2{
        height: auto;
    }
    .title, .title-2{
        padding: 0px 0px 0px 0px;
    }
    .box2{
        padding: 30px 0;
    }
    .title10{
        margin-bottom: 0px;
    }
    .section1{
        padding:20px 0;
    }
    .s1-text{
        margin: 20px auto;
    }
    .section2{
        padding:20px 0;
    }
    .s1-more{
        margin-top: 10px;
    }
    .yxt_none{
        display: none;
      }
    .foot{
        padding:40px 0;
    }
    .form-group{
        margin-top: 15px;
    }
    .title11 ul li a{
        padding: 0 15px;
    }
    .title11 ul{
        margin-top:0px;
        margin-bottom: 10px;
    }
    .pagination{
        margin: 10px 0px;
    }
    .title h1, .title h3 a{
        font-size: 28px;
    }
    .yxt_none{
        display: none;
    }
    .lead{
        margin-top: 5px;
    }
}