* {
    padding: 0;
    margin: 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
}

.trans {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

hr {
    border: none;
    outline: none
}

h1, h2, h3, h3, h4, h5, h6 {
    font-weight: 400

}

img {
    max-width: 100%
}

body {
    font-family: 微软雅黑, microsoft yahei
}

.wp {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto
}

.wp a {
    color: #6b6b6b
}

a {
    color: #333
}

a:hover {
    color: #0066ff
}

#bd {
    padding-top: 62px
}

#hd {
    height: 90px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

.fixed {
    top: -101px !important
}

#hd .logo {
    float: left;
    margin-right: 65px;
    height: 90px
}

#hd .logo a {
    display: block;
    height: 100%;
    line-height: 90px
}

#hd .logo a img {
    display: inline-block;
    vertical-align: middle
}

#nav ul li {
    float: left;
    line-height: 90px;
    width: 100px;
    margin-right: 10px
}

#nav ul li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    border-bottom: 3px solid #fff;
    height: 90px
}

#nav ul li a:hover {
    border-bottom: 3px solid #0066ff
}

#hd .tel {
    background: url(/uploads/image/simage/tel_bg.png) left center no-repeat;
    line-height: 90px;
    float: right;
    padding-left: 37px;
    color: #2b79e3;
    font-size: 18px
}

#m-hd {
    display: none
}

#m-hd {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 999999
}

#m-hd img {
    height: 40px;
    padding: 10px 0 0 10px
}

.m-trigger {
    position: absolute;
    top: 0;
    right: 10px;
    width: 50px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 45px;
    cursor: pointer;
    background: url(/uploads/image/simage/menu_add.png) center center no-repeat;
    -webkit-background-size: 50px;
    background-size: 25px;
    height: 50px
}

.m-nav {
    z-index: 60;
    position: absolute;
    top: 50px;
    width: 100%;
    left: 0;
    background: url(/uploads/image/simage/alpha_black_70.png) repeat;
    text-align: center;
    display: none
}

.m-nav li {
    border-bottom: 1px solid #565656
}

.m-nav a {
    display: block;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.m-nav a:hover, .m-nav a:active {
    color: #0066ff
}

.m-sub {
    text-align: left;
    display: none;
    width: 100%
}

.m-sub a {
    border-bottom: none;
    font-size: 13px
}

#fd {
    background: url(/uploads/image/simage/bg-blue2.png) center top no-repeat;
    padding-top: 75px
}

.index-fd {
    margin-top: -50px
}

#fd .fd-top {
    overflow: hidden;
    color: #fff;
    padding-bottom: 45px
}

#fd dl {
    float: left;
    width: 25%;
    padding: 0 2%;
}

#fd dl dt {
    font-size: 16px;
    padding-bottom: 20px
}

#fd .ul-fd li {
    line-height: 26px
}

#fd .ul-fd li a {
    color: #a8a8af
}

#fd .ul-fd li a:hover {
    text-decoration: underline
}

#fd .weixin, #fd .sina {
    background: url(/uploads/image/simage/fd_icon1.png) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 25px
}

#fd .weixin-pic {
    position: absolute;
    left: -150px;
    top: 0;
    display: none
}

#fd .tel {
    font-weight: 400;
    font-size: 24px;
    padding-bottom: 15px
}

#fd h5 {
    font-size: 16px;
    color: #a8a8af
}

#fd .sina {
    background-image: url(/uploads/image/simage/fd_icon2.png)
}

#fd .fd-copy {
    height: 64px;
    line-height: 32px;
    color: #a3a3a9;
   /* /background-color: #002*/
   /*border-top: 1px solid #396197;*/
}

.side {
    position: fixed;
    width: 50px;
    height: 275px;
    right: 0;
    top: 250px;
    z-index: 100
}

.side ul li {
    width: 50px;
    height: 50px;
    float: left;
    position: relative;
    margin-bottom: 2px
}

.side ul li .sidebox {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 5px 0 0 5px;
    top: 0;
    right: 0;
    transition: all .3s;
    background: #002;
    color: #fff;
    font: 16px/50px "微软雅黑";
    overflow: hidden
}

.side ul li a:hover .sidebox {
    width: 175px
}

.side ul li .sidetop {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all .3s
}

.side ul li .sidetop:hover {
    background: #0066ff
}

.side ul li img {
    float: right
}

.side2 {
    position: fixed;
    width: 40px;
    right: 10px;
    z-index: 100;
    top: 500px;
    height: 80px
}

.side2 ul li {
    width: 40px;
    height: 40px
}

.side2 ul li a {
    display: block;
    background-color: #0066ff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px
}

.side2 ul li a img {
    vertical-align: middle;
    display: inline-block
}

.side2 ul li a:hover {
    background-color: #002
}

.side2 ul li .weixin {
    position: absolute;
    left: -154px;
    bottom: 0;
    display: none;
    max-width: 142px;
}

.side2 ul li .weixin em {
    background: url(/uploads/image/simage/arr3.png) no-repeat;
    width: 5px;
    height: 17px;
    display: block;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: 3px
}

.side2 ul li .weixin img {
    display: block
}

#banner .flexslider {
    background: 0 0
}

#banner .slides li .pic {
    display: block;
    padding-top: 36.4%;
    background-position: center bottom;
    position: relative
}

#banner .slides li .ban-txt {
    width: 760px;
    position: absolute;
    left: 50%;
    margin-left: -380px;
    top: 50%;
    height: 205px;
    margin-top: -102px;
    text-align: center
}

#banner .slides li.s1 .ban-txt {
    background: url(/uploads/image/simage/ban_k.png) no-repeat
}

#banner .flexslider .slides img {
    max-width: 100%;
    /*width: auto;*/
    display: inline-block;
    vertical-align: middle
}

#banner .slides li .ban-txt h5 {
    font-size: 22px;
    color: #fff;
    margin-top: -5px
}

#banner .slides li .ban-txt h2 {
    height: 118px;
    line-height: 118px;
    margin-top: 5px;
    font-size: 71px;
    color: #fff
}

#banner .slides li .ban-txt h3 {
    padding-top: 25px;
    font-size: 24px;
    color: #0066ff
}

#banner .flex-control-paging li a {
    width: 40px;
    height: 3px;
    border-radius: 0;
    background-color: rgba(255, 255, 255, .7)
}

#banner .flex-control-paging li a.flex-active {
    background-color: #0066ff
}

#banner .flex-control-nav {
    bottom: 80px
}

#banner .flex-direction-nav a {
    background: url(/uploads/image/simage/ban_prev.png) no-repeat;
    width: 24px;
    height: 44px;
    opacity: 1;
    filter: alpha(opacity=100)
}

#banner .flex-direction-nav .flex-prev {
    left: 50%;
    margin-left: -570px
}

#banner .flex-direction-nav .flex-next {
    background-image: url(/uploads/image/simage/ban_next.png);
    right: 50%;
    margin-right: -570px
}

#banner .slides li.s2 .ban-txt {
    width: 840px;
    margin-left: -420px
}

#banner .slides li.s2 .ban-txt h2 {
    font-size: 58px;
    line-height: 56px;
    height: 56px;
    margin-bottom: 10px
}

#banner .slides li.s2 .ban-txt h3 {
    font-size: 50px;
    text-transform: uppercase;
    padding-top: 0
}

#banner .slides li.s2 .ban-txt h4 {
    font-size: 16px;
    color: #fff
}

#banner .slides li.s2 .ban-txt h6 {
    font-size: 14px;
    border-top: 1px solid #d3d3d7;
    width: 149px;
    margin: 0 auto;
    color: #fff;
    line-height: 35px;
    margin-top: 15px
}

#banner .slides li.s3 .ban-txt h2 {
    font-size: 45px;
    height: 45px;
    line-height: 45px
}

#banner .slides li.s3 .ban-txt h3 {
    font-size: 69px;
    text-transform: uppercase;
    padding-top: 0;
    border-bottom: 1px solid #0066ff
}

#banner .slides li.s3 .ban-txt h4 {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-top: 20px
}

#banner {
    position: relative
}

.banner-bg {
   /* background: url(/uploads/image/simage/ban_bg.png) center top no-repeat;
    height: 54px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -29px;
    z-index: 60*/
}

.tit-i {
    text-align: center;
    padding: 34px 0;
    line-height: 36px;
    overflow: hidden
}

.tit-i h3 {
    font-size: 30px;
    color: #002;
    margin-bottom: 10px
}

.tit-i h5 {
    font-size: 20px;
    color: #cacace;
    text-transform: uppercase;
    font-family: arial;
    position: relative;

}

.tit-i h5 span {
    color: #2076e3
}

.tit-i em {
    width: 45px;
    border-bottom: 1px solid #7f7f90;
    display: inline-block
}
.tit-i a{
    position: absolute;
    right: 2px;
}

.ul-icon-i li {
    float: left;
    width: 20%;
    text-align: center;
    padding-bottom: 70px;
    overflow: hidden
}

.ul-icon-i li .pad {
    padding: 0 30px;
    position: relative
}

.ul-icon-i li a {
    display: block
}

.ul-icon-i li a span {
    background: url(/uploads/image/simage/i_icon5.png) no-repeat;
    width: 134px;
    height: 134px;
    display: inline-block;
    margin-bottom: 55px
}

.ul-icon-i li h3 {
    font-size: 16px;
    margin-bottom: 18px
}

.ul-icon-i li em {
    width: 25px;
    border-bottom: 2px solid #707070;
    display: inline-block;
    margin-bottom: 30px
}

.ul-icon-i li p {
    text-align: left;
    line-height: 24px;
    font-size: 14px
}

.ul-icon-i li.li1 a span {
    background-position: 0 0
}

.ul-icon-i li.li2 a span {
    background-position: -305px 0
}

.ul-icon-i li.li3 a span {
    background-position: -615px 0
}

.ul-icon-i li.li4 a span {
    background-position: -930px 0
}
.ul-icon-i li.li5 a span {
    background-position: -1240px 0
}
.ul-icon-i li .pad .pic {
    position: absolute;
    left: 50%;
    top: 0;
    width: 134px;
    margin-left: -67px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

.ul-icon-i li .pad .pic img {
    display: none
}

.ul-icon-i li .pad .pic .pic-icon {
    position: absolute;
    left: 0;
    top: -134px;
    display: block
}

.ul-icon-i li a:hover p { 
    color: #333
}
.row2 .more-q,.row5 .more-e{
    margin-top: 24px;
}
.row2 .more-q,.row3 .more-w,.row5 .more-e{
    text-align: center;
}
.row2 .more-q img,.row3 .more-w img,.row5 .more-e img{
    width: 50px;
}
.row2 .case-i li .pic{
    height: 156px;
    overflow: hidden;
}
.row2 {
    background: url(/uploads/image/simage/bg3.png) center top no-repeat;
    /*padding-top: 26px*/
}
.row2 .hover i{
    border: 1px solid #0064df;position: absolute;width: 86%;height: 86%;
}
.row3 {
    background: url(/uploads/image/simage/bg-blue.png) center top no-repeat;
    padding-top: 20px
}
.row3 .tit-s{
    color: #f5f5f5;
    margin: 4px 0 8px 0;
}

.row3 .tit-s h3{
    font-size: 28px;
    float: left;
}
.row3 .tit-s h4{
    font-size: 20px;
    float: right;
}
.row3 .more-i{
    margin-bottom: 50px;
}
.row3 .ul-case-s{
    height: 260px;
    margin: 0 26px 50px 26px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.row3 .ul-case-s li{
    float: left;
    margin: 14px;
    max-height: 240px;
    overflow: hidden;
}
.row3 .ul-case-s li .pic{
    width: 248px;
}
/*清除影响父级浮动*/
.row3 .tit-s:after{
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.row3 .flex-case-nav{
    
}
.row3 .flex-case-nav li:first-child{
    position: absolute;
    top: 88px;
    left: 0; 
}
.row3 .flex-case-nav li:last-child{
    position: absolute;
    top: 88px;
    right: 0;
}
.row4 .about_us img{
    width: 46%;
    float: left;
    padding-top: 4px;
}
.row4 .about_us .content{
    width: 50%;
    float: left;
    margin-left: 34px;
    font-size: 16px;
    color: #000;
    line-height: 2em;
    max-height: 420px;
    overflow: hidden;
    margin-top: -6px;
}
.row5 {
    background: url(/uploads/image/simage/bg2.png) center top no-repeat;
    padding-bottom: 36px;
}
.case-i-l, .case-i-r {
    width: 50%
}

.case-i-l {
    float: left;
    padding-right: 15px
}

.case-i-r {
    float: right;
    padding-left: 15px
}

.case-img, .case-img a img {
    width: 100%
}

.case-img {
    position: relative;
    overflow: hidden
}

.case-img .hover {
    position: absolute;
    left: 0;
    top: -434px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url(/uploads/image/simage/alpha_red_80.png) repeat;
    color: #fff
}

.case-img.on .hover {
    top: 0
}

.ul-case-i {
    margin: 0 -15px
}

.ul-case-i li {
    float: left;
    width: 25%;
    padding: 0 15px;
    margin-bottom: 30px;
    overflow: hidden
}

.ul-case-i li a {
    display: block;
    position: relative;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

.ul-case-i li .pic img {
    width: 100%;
    display: block
}

.ul-case-i li a .hover {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url(/uploads/image/simage/alpha_black_70.png) repeat;
    color: #0064df;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}
.ul-case-i li a .hover h3{
    font-size: 18px;
    font-weight: 12px;
   /* border: 1px solid #4587b7;
    width: 240px;
    line-height: 132px;*/
}
.ul-case-i li .hover b, .ul-case-i li .hover .txt, .case-img .hover b, .case-img .hover .txt {
    display: inline-block;
    vertical-align: middle
}

.ul-case-i li .hover b, .case-img .hover b {
    width: 0;
    height: 100%
}

.ul-case-i li a:hover .hover {
    top: 0
}

.ul-case-i-1 li {
    width: 25%
}

.more-i {
    text-align: center;
    padding-bottom: 35px
}

.more-i a {
    display: inline-block;
    width: 65px;
    height: 65px;
    background: url(/uploads/image/simage/arr2.png) center center no-repeat #000014;
    border-radius: 100%
}

.more-i a:hover {
    background-color: #0066ff
}

.news-bg {
    /*background: url(/uploads/image/simage/bg_2.png) center top no-repeat;*/
    overflow: hidden
}

.tit-i-1 h3 {
    color: #fff
}

.tit-i-1 em {
    border-bottom-color: #dddde1
}

.ul-news-i {
    margin-left: -30px;
    width: 110%
}

.ul-news-i li {
    float: left;
    width: 24.5%;
    color: #fff;
    position: relative;
    min-height: 295px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden
}

.ul-news-i li:last-child {
}

.ul-news-i li .txt {
    padding-left: 30px;
    padding-right: 58px
}

.ul-news-i li .txt span {
    padding: 15px 8px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 14px
}

.ul-news-i li .txt span em {
    display: block;
    font-size: 20px
}

.ul-news-i li:last-child .txt {
}

.ul-news-i li h3 a {
    color: #fff;
    display: inline-block;
    padding: 20px 0
}

.ul-news-i li p {
    color: #bbbbbe;
    line-height: 20px
}

.ul-news-i li .more {
    background: url(/uploads/image/simage/more1.png) no-repeat;
    width: 36px;
    height: 36px;
    display: inline-block;
    margin-top: 50px
}

.ul-news-i li .hover {
}

.ul-news-i li .hover .img {
    width: 100%;
    position: absolute;
    top: -165px;
    left: 7px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

.ul-news-i li .hover .pad {
    padding: 0 27px 20px;
    position: absolute;
    left: 7px;
    bottom: -148px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #002;
    width: 92%
}

.ul-news-i li .hover .img {
    height: 165px;
    width: 92%
}

.ul-news-i li.on .hover .img {
    top: 0
}

.ul-news-i li.on .hover .pad {
    bottom: 0
}

.news-more {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 50px
}

.news-more a {
    display: inline-block;
    width: 178px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 5px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase
}

.news-more a:hover {
    background-color: #0066ff
}

.contact-l {
    width: 38%;
    float: left
}

.contact-r {
    width: 62%;
    float: right
}
.ul-contact h3{
    font-size: 22px;
    color: #0064df;
    margin-bottom: 22px;
}
.ul-contact li {
    background: url(/uploads/image/simage/i_icon3.png) no-repeat;
    padding-left: 60px;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 35px
}

.ul-contact li.li1 {
    background-position: 0 0
}

.ul-contact li.li2 {
    background-position: 0 -74px
}

.ul-contact li.li3 {
    background-position: 0 -184px;
    background: url(/uploads/image/simage/email.png) no-repeat left;
    background-size: 32px;
}

.contact-form .inp {
    width: 49%;
    border: 1px solid #e6e6e6;
    height: 33px;
    padding: 0 10px;
    margin-bottom: 15px;
    outline: none;
}
.contact-form input::-webkit-input-placeholder{
    color:#d3d3d3;
}
.contact-form input::-moz-placeholder{   /* mozilla firefox 19  */
    color:#d3d3d3;
}
.contact-form input:-moz-placeholder{    /* mozilla firefox 4 to 18 */
    color:#d3d3d3;
}
.contact-form input:-ms-input-placeholder{  /* internet explorer 10-11 */ 
    color:#d3d3d3;
}
.contact-form textarea {
    width: 100%;
    border: 1px solid #e6e6e6;
    height: 98px;
    margin-bottom: 24px;
    outline: none;
    padding: 6px 10px;
}

.contact-form .sub {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #558fd7;
    border: 0;
    cursor: pointer;
    font-family: 微软雅黑, microsoft yahei;
    font-size: 16px
}

.map {
    /*margin-top: 100px;*/
    position: relative
}

.map em {
    background: url(/uploads/image/simage/arr1.png) center top no-repeat;
    width: 100%;
    height: 15px;
    display: block;
    position: absolute;
    left: 0;
    top: 32px;
}

.map-s {
    background: url(/uploads/image/simage/map_bj.png) center top no-repeat;
    height: 124px;
    text-align: center;
    overflow: hidden
}

.map-d {
    background: url(/uploads/image/simage/map_bj1.png) center top;
    height: 124px;
    text-align: center;
    overflow: hidden
}
.map .btn {
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 176px;
    display: inline-block
}

.map .btn-down {
    background: url(/uploads/image/simage/map_down.png) no-repeat;
    width: 112px;
    height: 48px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 52px;
    margin-left: -50px;
    z-index: 99
}

#map {
}

.map-pop {
    display: none;
    height: 540px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.map .map-bg1, .map .map-bg2 {
    background: url(/uploads/image/simage/ban_bg_top1.png) no-repeat center 0;
    height: 54px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 66
}

.map .map-bg2 {
    height: 41px;
    /*background-image: url(/uploads/image/simage/map_bg2.png);
    bottom: 0;
    top: auto*/
}

.map .map-bg3, .map .map-bg4 {
    background: url(/uploads/image/simage/ban_bg_top.png) no-repeat center 0;
    height: 54px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 66
}
.map .map-bg4 {
    height: 41px;
    /*background-image: url(/uploads/image/simage/map_bg2.png);
    bottom: 0;
    top: auto*/
}
.map-pop-big {
    height: 600px;
    bottom: auto;
    top: 0
}

.map-big {
    height: 600px;
    margin-top: 0
}

#ban-in {
    position: relative;
    background-position: center 0;
    background-repeat: no-repeat;
    height: 300px
}
#bd .inner{
    width: 100%;
    background-color: #f5f5f5;
    list-style: none;
    height: 58px;
    
}
#bd .inner li{
    float: left;
    line-height: 58px;
    font-size: 16px;
    color: #8a8a8a;
}
#bd .inner li:last-child{
display: none;
}
#bd .inner li a{
    color: #8a8a8a;
}
#ban-in .ban-bg {
    background: url(/uploads/image/simage/ban_bg.png) center top no-repeat;
    height: 54px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 60
}

.pages {
    text-align: center;
    margin-bottom: 105px;
    margin-top: 20px
}

.pages a {
    display: inline-block;
    width: 41px;
    height: 41px;
    background-color: #edecec;
    border-radius: 3px;
    text-align: center;
    line-height: 41px;
    font-family: arial;
    font-size: 18px;
    color: #666;
    margin: 0 4px
}

.pages a:hover, .pages .page-on {
    background-color: #0066ff;
    color: #fff
}

.ul-list {
    margin: 0 -15px
}

.ul-list li {
    float: left;
    width: 25%;
    margin-bottom: 30px
}

.ul-list li .pic img {
    width: 100%;
    display: block;
    transform: perspective(800px) rotatey(0deg);
    transition: all 1s ease 0s;
    -moz-transform: perspective(800px) rotatey(0deg);
    -moz-transition: all 1s ease 0s;
    -webkit-transform: perspective(800px) rotatey(0deg);
    -webkit-transition: all 1s ease 0s;
    -o-transform: perspective(800px) rotatey(0deg);
    -o-transition: all 1s ease 0s;
    -ms-transform: perspective(800px) rotatey(0deg);
    -ms-transition: all 1s ease 0s;
    zoom: 1
}

.ul-list li:hover img {
    transform: perspective(800px) rotatey(-179.9deg);
    -moz-transform: perspective(800px) rotatey(-179.9deg);
    -webkit-transform: perspective(800px) rotatey(-179.9deg);
    -o-transform: perspective(800px) rotatey(-179.9deg);
    -ms-transform: perspective(800px) rotatey(-179.9deg)
}

.ul-list li .pad {
    padding: 0 15px
}

.ul-list li .bor {
    border: 1px solid #e2e3e8
}

.ul-list li:hover .bor {
    border-color: #0066ff
}

.ul-list li .txt {
    padding: 20px 14px;
    line-height: 20px;
    color: #666
}

.ul-list li .more {
    height: 42px;
    line-height: 42px;
    border-top: 1px dotted #e2e3e8;
    background-color: #f0f2f5;
    padding: 0 14px;
    display: none
}

.ul-list li .more a {
    color: #0066ff
}

.ul-list li .more a:hover {
    text-decoration: underline
}

.ul-list li .title {
    height: 55px;
    margin-bottom: 20px
}

.ul-list li .title span {
    float: left;
    border: 1px solid #e2e3e8;
    background-color: #f0f2f5;
    display: inline-block;
    text-align: center;
    padding: 6px 5px;
    margin-right: 15px
}

.ul-list li .title span em {
    display: block;
    font-size: 16px
}

.ul-list li .title h3 {
    border-bottom: 1px solid #e2e3e8;
    overflow: hidden;
    height: 54px
}

.sub-nav {
    text-align: center;
    margin-bottom: 38px;
    margin-top: -18px
}


.sub-nav ul li {
    display: inline-block;
    margin: 0 18px;
    font-size: 16px
}
.sub-nav .nav_active{
    color: #0066ff;
    background: url(/uploads/image/simage/disc5.png) left center no-repeat;
    
}
.sub-nav ul li a {
    padding-left: 20px;
    display: inline-block
}

.sub-nav ul li a:hover, .sub-nav ul li.on a {
    background: url(/uploads/image/simage/disc5.png) left center no-repeat;
    color: #0066ff;
}

.ul-case {
    /*margin: 0 -15px;*/
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    grid-template-rows: auto;
}

.ul-case li {
    float: left;
    width: 100%;
    /*padding: 0 14px;*/
    /*margin-bottom: 30px;*/
    overflow: hidden;
    position: relative
}

.ul-case li .block {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 214px;
    position: relative;
    overflow: hidden
}

.ul-case li .pic img {
    display: block;
    width: 100%
}

.ul-case li .txt {
    position: absolute;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    background: url(/uploads/image/simage/alpha_blue_60.png) repeat;
    text-align: center;
    color: #fff;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0
}

.ul-case li .txt h5, .ul-case li .txt h3 {
    color: #fff
}

.ul-case li .txt:hover {
    opacity: 1
}

.ul-case li .txt b, .ul-case li .txt .pad {
    display: inline-block;
    vertical-align: middle
}

.ul-case li .txt b {
    width: 0;
    height: 100%
}

.ul-case li .txt h5 {
    font-size: 16px
}

.ul-case li .txt em {
    width: 45px;
    height: 0;
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin: 20px 0 40px
}

.ul-case li .txt h3 {
    font-size: 18px;
    margin-bottom: 40px
}

.ul-case li .txt .more {
    width: 122px;
    height: 45px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    background-color: #0066ff;
    color: #fff;
    border-radius: 5px;
    font-size: 14px
}

.ul-case li .txt .more:hover {
    opacity: .8;
    -ms-filter: 'alpha(opacity= 80)';
    filter: alpha(opacity=80)
}

.ul-case li.on .txt {
    top: 0
}

.about-info {
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    color: #666;
    padding-bottom: 50px
}

.customer {
    background: url(/uploads/image/simage/bg_3.jpg) center top no-repeat;
    padding-top: 25px;
    padding-bottom: 54px;
    margin-top: 50px
}

.ul-customer li {
    float: left;
    width: 20%
}

.ul-customer li a {
    display: block;
    width: 100%;
    height: 87px;
    border: 1px solid #fff;
    text-align: center;
    border: 0
}

.ul-customer li a b, .ul-customer li a img {
    display: inline-block;
    vertical-align: middle
}

.ul-customer li a b {
    width: 0;
    height: 100%
}

.ul-customer li a img {
    filter: ;
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.ul-customer li a:hover {
    border: 1px solid #fff
}

.team {
    padding-bottom: 95px
}

.team .flexslider {
    position: relative
}

.team .flexslider em {
    width: 10px;
    height: 30px;
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 0;
    background-color: #fff
}

.team .flexslider .slides li {
    height: 468px
}

.team .flexslider li .txt {
    padding-top: 85px;
    font-size: 14px;
    line-height: 36px;
    width: 30%;
    float: left
}

.team .flexslider li .txt h3 {
    font-size: 30px;
    color: #63637f;
    padding-bottom: 25px
}

.team .flexslider li .txt .more {
    width: 123px;
    height: 37px;
    border-radius: 5px;
    display: inline-block;
    line-height: 37px;
    text-align: center;
    margin-top: 40px;
    font-size: 16px;
    border: 1px solid #63637f;
    color: #63637f
}

.team .flexslider li .txt .more:hover {
    border: 1px solid #e85346;
    color: #0066ff
}

.team .flexslider li .pic {
    float: right;
    position: relative;
    width: 70%;
    margin-right: -308px
}

.team .flexslider li .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    opacity: 0;
    -ms-filter: 'alpha(opacity= 0)';
    filter: alpha(opacity=0);
    opacity: 1 \0;
    -ms-filter: 'progid:dximagetransform.microsoft.alpha(opacity= 100)' \9;
    filter: progid:dximagetransform.microsoft.alpha(opacity=100) \9
}

.team .flex-direction-nav {
    max-width: 1170px;
    margin: 0 auto;
    background: url(/uploads/image/simage/line.jpg) repeat-x center center;
    height: 30px;
    text-align: center
}

.team .flex-direction-nav li {
    display: inline-block
}

.team .flex-direction-nav a {
    position: relative;
    width: 216px;
    height: 30px;
    text-align: center;
    background: url(/uploads/image/simage/arr_t.png) center center no-repeat #63637f;
    border-radius: 10px;
    display: inline-block;
    opacity: 1 !important;
    -ms-filter: 'alpha(opacity= 100)';
    filter: alpha(opacity=100);
    top: 13px
}

.team .flex-direction-nav .flex-prev {
}

.team .flex-direction-nav .flex-next {
    background-image: url(/uploads/image/simage/arr_b.png);
    left: 10px
}

.team .flex-direction-nav a:hover {
    background-color: #0066ff
}

.flexslider .animated {
    opacity: 0;
    filter: alpha(opacity=0);
    opacity: 100 \9;
    filter: alpha(opacity=100) \9
}

.ul-about li {
    float: left;
    width: 33.333%;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.ul-about li h3 {
    font-size: 24px;
    color: #002;
    line-height: 36px
}

.ul-about li em {
    display: inline-block;
    width: 45px;
    height: 0;
    border-bottom: 1px solid #7f7f90;
    margin-bottom: 20px;
    margin-top: 25px
}

.ul-about li .block {
    position: relative;
    height: 235px;
    margin: 0 auto
}

.ul-about li .block img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity= 0)';
    filter: alpha(opacity=0)
}

.ul-about li.li1 .block {
    width: 150px
}

.ul-about li.li2 .block {
    width: 215px
}

.ul-about li.li3 .block {
    width: 252px
}

.ul-about li.li1 .block, .ul-about li.li2 .block {
    padding-top: 30px
}

.cur {
    line-height: 76px;
    font-family: 宋体;
    color: #666;
    background-color: #f8f9fa
}

.cur1 {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 31px
}

.cur a {
    color: #666
}

.article {
    color: #666;
    line-height: 30px
}

.article h1 {
    font-size: 26px;
    color: #333;
    text-align: center;
    padding-top: 45px
}

.article .time {
    line-height: 72px;
    border-bottom: 1px solid #999;
    text-align: center;
    margin-bottom: 25px
}

.article .share {
    margin-bottom: 70px
}

.article .share span {
    font-size: 14px;
    float: left;
    display: inline-block;
    line-height: 37px
}

.case-article {
    line-height: 30px;
    color: #666
}

.case-article-bg {
    margin-bottom: 13%;
    margin-bottom: 5% \0 !important;
    background-position: top center \0 !important
}

.case-article .case-logo {
    text-align: center;
    padding-top: 38px
}

.case-article h1 {
    line-height: 40px;
    font-size: 18px;
    text-align: center
}

.case-article .btn {
    text-align: center;
    padding: 10px 0;
    margin-bottom: 30px
}

.case-article .btn a {
    display: inline-block;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #0066ff;
    color: #fff;
    font-size: 14px;
    margin: 0 12px;
    border-radius: 5px
}

.case-article .computer-bg {
    position: relative;
    text-align: center;
    background: url(/uploads/image/simage/computer.png) center top no-repeat;
    transform: translatey(45.9%);
    -webkit-transform: translatey(45.9%);
    -moz-transform: translatey(45.9%);
    width: 70%;
    margin: 0 auto;
    margin: -32% auto 0;
    -webkit-background-size: 100%;
    background-size: 89%;
    padding-top: 70%;
    margin: 0 auto \0;
    padding-top: 50% \0
}

.case-article .computer-bg img {
    position: absolute;
    left: 8.5%;
    top: 4%;
    width: 83%
}

.case-article .case-back {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 90px
}
.ld_content .case-back {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 90px
}
.case-article .case-back a {
    display: inline-block;
    width: 178px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #63637f;
    color: #002;
    font-size: 18px;
    border-radius: 5px
}
.ld_content .case-back a {
    display: inline-block;
    width: 178px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #6b6b6b;
    color: #6b6b6b;
    font-size: 18px;
    border-radius: 5px
}
.case-article .case-back a:hover {
    background-color: #0066ff;
    color: #fff;
    border-color: #0066ff
}
.ld_content .case-back a:hover {
    background-color: #0066ff;
    color: #fff;
    border-color: #0066ff
}
.article-prev, .article-next {
    position: absolute;
    top: 50%;
    background: url(/uploads/image/simage/article_prev.png) no-repeat;
    width: 36px;
    height: 66px;
    margin-top: -33px;
    left: 0;
    z-index: 2
}

.article-next {
    background-image: url(/uploads/image/simage/article_next.png);
    left: auto;
    right: 0
}

.h50 {
    height: 50px;
    overflow: hidden;
    clear: both
}

.ul-webset li {
    float: left;
    width: 33.333%;
    text-align: center;
    height: 322px
}

.ul-webset li .block {
    position: relative;
    height: 220px;
    margin: 0 auto
}

.ul-webset li.li1 .block {
    width: 366px
}

.ul-webset li.li2 .block {
    width: 316px
}

.ul-webset li.li3 .block {
    width: 230px
}

.ul-webset li .block img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity= 0)';
    filter: alpha(opacity=0)
}

.ul-webset li h3 {
    font-size: 24px;
    line-height: 34px;
    color: #333
}

.ul-webset li .btn {
    background: url(/uploads/image/simage/disc2.png) center center no-repeat #e60012;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    display: inline-block;
    margin-top: 30px
}

.ul-webset li .btn:hover {
    opacity: .6;
    -ms-filter: 'alpha(opacity= 60)';
    filter: alpha(opacity=60)
}

.ul-webset {
}

.webset-pop {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f5f6fa;
    border: 1px solid #e4e5e7;
    z-index: 60;
    padding: 0 27px;
    padding-bottom: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    left: -100%;
    width: 100%;
    overflow: hidden
}

.webset-pop h2 {
    font-size: 20px;
    text-align: left;
    line-height: 66px
}

.webset-pop h2 a.close {
    background: url(/uploads/image/simage/close.png) no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: relative;
    top: 20px;
    left: auto;
    float: right
}

.webset-pop .txt {
    width: 25%;
    margin-right: -10px;
    display: inline-block;
    text-align: left;
    vertical-align: top
}

.nowrap * {
    white-space: nowrap
}

.webset-pop .txt h4 {
    font-size: 20px;
    background: url(/uploads/image/simage/icon1.png) left top no-repeat;
    padding-left: 60px;
    height: 40px
}

.webset-pop .txt h4.tit-web1 {
    background-image: url(/uploads/image/simage/icon2.png)
}

.webset-pop .txt h4.tit-web2 {
    background-image: url(/uploads/image/simage/icon3.png)
}

.webset-pop .txt dl {
    padding-left: 57px
}

.webset-pop .txt dl dd {
    font-size: 16px;
    line-height: 34px;
    background: url(/uploads/image/simage/disc4.png) left center no-repeat;
    padding-left: 15px
}

.webset-pop .txt1 {
    width: 50%
}

.ul-webset li .ul-txt {
    padding-left: 57px;
    border: 0
}

.ul-webset li .ul-txt li {
    width: 100%;
    text-align: left;
    height: auto
}

.ul-webset li .ul-txt li h5 {
    border: 0;
    font-size: 16px;
    height: 36px;
    line-height: 36px
}

.ul-webset li .ul-txt li h5 a {
    padding-left: 15px;
    background: url(/uploads/image/simage/disc4.png) left center no-repeat
}

.ul-webset li .ul-txt li .txt-1 {
    font-size: 14px;
    line-height: 24px;
    color: #999;
    padding-left: 27px;
    padding-bottom: 15px;
    display: none
}

.ul-webset li .ul-txt li.ok .txt-1 {
    display: block
}

..ul-web {
    background: url(/uploads/image/simage/jjd.png) center center no-repeat;
    overflow: hidden;
    background-size: 100%
}

.ul-web li {
    float: left;
    text-align: center;
    width: 25%;
    padding-left: 5%
}

.ul-web li h3 {
    display: inline-block;
    border: 1px dashed #358acb;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
    padding: 0 17px;
    color: #358acb;
    font-size: 16px;
    margin-top: 20px
}

.ul-web li .block {
    position: relative;
    height: 151px
}

.ul-web li .block img {
    position: absolute;
    left: 20px;
    top: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity= 0)';
    filter: alpha(opacity=0)
}

.ul-web li.li1 .block {
    width: 116px;
    left: 50%;
    margin-left: -70px
}

.ul-web li.li2 .block {
    width: 151px;
    left: 50%;
    margin-left: -95px
}

.ul-web li.li3 .block {
    width: 125px;
    left: 50%;
    margin-left: -85px
}

.ul-web li.li4 .block {
    width: 195px;
    left: 50%;
    margin-left: -120px
}

.bg-blue {
    /*background: url(/uploads/image/simage/bg_4.png) center top no-repeat;*/
    padding-top: 25px;
    padding-bottom: 100px
}

.ul-tab {
    width: 193px;
    float: left;
    background: url(/uploads/image/simage/line3.png) repeat-y 183px top;
    margin-right: 80px;
    padding-top: 45px
}

.ul-tab li {
    margin-bottom: 50px
}

.ul-tab li a {
    color: #666
}

.ul-tab li h3 {
    font-size: 20px;
    background: url(/uploads/image/simage/circle.png) right center no-repeat
}

.ul-tab li span {
    display: block;
    font-size: 14px;
    color: #999
}

.ul-tab li.hover h3, .ul-tab li a:hover h3 {
    background-image: url(/uploads/image/simage/circle1.png);
    color: #0066ff
}

.ul-tab li.hover span, .ul-tab li a:hover span {
    color: #0066ff
}

.tab-show {
}

.tab-con {
    overflow: hidden
}

.tab-con .animated {
    opacity: 0;
    filter: alpha(opacity=0)
}

.tab-show {
    height: 419px;
    overflow: hidden
}

.web-con .shou {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.web-con .pic {
    float: right;
    position: relative;
    width: 139px;
    text-align: center;
    margin-top: 50px;
    margin-right: 40px
}

.web-con .flex-control-nav {
    display: none
}

.web-con .pic .img {
    width: 139px;
    z-index: -1;
    display: inline-block
}

.tab-con .txt {
    width: 84%
}

.tab-con .pic {
    float: right;
    position: relative;
    width: 218px;
    text-align: center;
    margin-top: 50px
}

.tab-con .pic .img {
    width: 139px;
    z-index: -1
}

.tab-con-box {
    width: 59%;
    float: left
}

.tab-con .txt p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    padding-bottom: 45px
}

.ul-icon {
    overflow: hidden
}

.ul-icon li {
    width: 94px;
    height: 94px;
    border-radius: 100%;
    background-color: #e4e5e7;
    color: #666;
    text-align: center;
    float: left;
    font-size: 15px;
    line-height: 22px;
    padding: 0 17px;
    margin: 0 25px 30px
}

.ul-icon li b, .ul-icon li span {
    display: inline-block;
    vertical-align: middle
}

.ul-icon li b {
    width: 0;
    height: 100%
}

.service {
    background: url(/uploads/image/simage/bg_5.png) center top no-repeat;
    padding-top: 25px;
    padding-bottom: 63px
}

.process {
    overflow: hidden
}

.process .con {
    position: relative
}

.animate-box, .animate-box .con {
    width: 1170px
}

.process .pad {
    padding-top: 26%
}

.process img {
    position: absolute;
    left: 0;
    top: 0
}

.process span {
    display: inline-block;
    color: #90a1b3;
    font-size: 16px;
    position: absolute
}

.process span.s1 {
    left: 0%;
    top: 0%
}

.process span.s2 {
    left: 4.6%;
    top: 0%
}

.process span.s3 {
    left: 1.6%;
    top: 22%
}

.process span.s4 {
    left: 1.6%;
    top: 65%
}

.process span.s5 {
    left: 9.5%;
    top: 42%
}

.process span.s6 {
    left: 20%;
    top: 65%
}

.process span.s7 {
    left: 27%;
    top: 50%
}

.process span.s8 {
    left: 38%;
    top: 89%
}

.process span.s9 {
    left: 49%;
    top: 15%
}

.process span.s10 {
    left: 57%;
    top: 89%
}

.process span.s11 {
    left: 77.5%;
    top: 64%
}

.process span.s12 {
    left: 94%;
    top: 4%
}

.process em {
    position: absolute;
    background: url(/uploads/image/simage/r1.png) no-repeat;
    display: inline-block;
    z-index: 60;
    opacity: 0;
    -ms-filter: 'alpha(opacity= 0)';
    filter: alpha(opacity=0)
}

.process em.q1 {
    width: 60px;
    height: 61px;
    left: 0;
    top: 40%
}

.process em.q2 {
    width: 57px;
    height: 57px;
    top: 42%;
    left: 19%;
    background-image: url(/uploads/image/simage/r2.png)
}

.process em.q3 {
    background-image: url(/uploads/image/simage/r3.png);
    width: 62px;
    height: 56px;
    top: 68%;
    left: 38%
}

.process em.q4 {
    background-image: url(/uploads/image/simage/r4.png);
    width: 86px;
    height: 86px;
    top: 29%;
    left: 47%
}

.process em.q5 {
    background-image: url(/uploads/image/simage/r5.png);
    width: 63px;
    height: 59px;
    top: 68%;
    left: 57%
}

.process em.q6 {
    background-image: url(/uploads/image/simage/r6.png);
    width: 51px;
    height: 51px;
    left: 77%;
    top: 40%
}

.process em.q7 {
    background-image: url(/uploads/image/simage/r7.png);
    width: 68px;
    height: 63px;
    left: 94%;
    top: 18%
}

.ul-solution {
    overflow: hidden
}

.ul-solution li {
    float: left;
    width: 16.66666%;
    text-align: center;
    margin-bottom: 65px;
    position: relative
}

.ul-solution li a {
    display: block;
    height: 140px;
    font-size: 16px;
    line-height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s
}

.ul-solution li a span {
    display: block;
    background: url(/uploads/image/simage/icon_solution.png) no-repeat;
    width: 102px;
    height: 102px;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative
}

.ul-solution li a em {
    display: block;
    position: relative
}

.ul-solution li.li1 span {
    background-position: -1px 0
}

.ul-solution li.li2 span {
    background-position: -215px 0
}

.ul-solution li.li3 span {
    background-position: -429px 0
}

.ul-solution li.li4 span {
    background-position: -643px 0
}

.ul-solution li.li5 span {
    background-position: -857px 0
}

.ul-solution li.li6 span {
    background-position: -1070px 0
}

.ul-solution li.li7 span {
    background-position: 0 bottom
}

.ul-solution li.li8 span {
    background-position: -215px bottom
}

.ul-solution li.li9 span {
    background-position: -429px bottom
}

.ul-solution li.li10 span {
    background-position: -643px bottom
}

.ul-solution li.li11 span {
    background-position: -857px bottom
}

.ul-solution li.li12 span {
    background-position: -1070px bottom
}

.ul-solution li a:hover span {
    background-image: url(/uploads/image/simage/icon_solution_h.png)
}

.service-con .pic a:hover {
    opacity: .8;
    -ms-filter: 'alpha(opacity= 80)';
    filter: alpha(opacity=80)
}

.service-con .col-l, .service-con .col-r {
    width: 50%;
    float: left
}

.service-con .tit-s {
    line-height: 100px;
    background: url(/uploads/image/simage/disc3.png) left center no-repeat;
    padding-left: 14px;
    font-size: 18px
}

.ul-service li {
    float: left;
    width: 50%;
    padding-right: 29px;
    margin-bottom: 30px
}

.ul-service li .pad {
    font-size: 14px;
    padding: 14px;
    height: 148px;
    border: 1px solid #e5e5e5
}

.ul-service li .pad p {
    max-height: 60px;
    overflow: hidden
}

.ul-service li .pad span {
    display: block;
    overflow: hidden;
    clear: both
}

.ul-service li .pad span i {
    display: block;
    font-style: normal;
    vertical-align: top;
    padding-left: 40px;
    padding-top: 6px
}

.ul-service li img {
    display: block;
    float: left;
    margin-bottom: 16px
}

.ul-txt {
    border: 1px solid #e5e5e5
}

.ul-txt li {
}

.ul-txt li h5 {
    background: url(/uploads/image/simage/jia.png) 95% center no-repeat;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 14px
}

.ul-txt li .txt {
    border-bottom: 1px solid #e5e5e5;
    line-height: 20px;
    display: none;
    color: #666;
    height: 130px;
    padding: 0 14px
}

.ul-txt li.ok .txt {
    display: block
}

.ul-txt li.ok h5 {
    background-image: url(/uploads/image/simage/jian.png);
    border-bottom: 0
}

.service-btn {
    text-align: center;
    padding: 55px 0
}

.service-btn a {
    display: inline-block;
    width: 170px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #0066ff;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    margin: 0 22px
}

.service-btn a:hover {
    opacity: .8;
    -ms-filter: 'alpha(opacity= 80)';
    filter: alpha(opacity=80)
}

.case-img2 p {
    text-align: center
}

.dede_pages {
    text-align: center;
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    margin-bottom: 50px
}

.dede_pages ul {
    padding: 12px 0 12px 16px;
    text-align: center
}

.dede_pages ul li {
    float: left;
    font-family: tahoma;
    line-height: 28px;
    margin-right: 6px;
    padding: 0 8px;
    border: 1px solid #e9e9e9
}

.dede_pages ul li select {
    height: 28px;
    line-height: 28px;
    text-align: center
}

.dede_pages ul li a {
    float: left;
    color: #555;
    display: block;
    padding: 0 8px;
    line-height: 28px
}

.dede_pages ul li a:hover {
    color: #690;
    text-decoration: none;
    line-height: 28px;
    padding: 0 8px
}

.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
    background-color: #f8f8f8;
    padding: 0 8px;
    font-weight: 700
}

.dede_pages .pageinfo {
    line-height: 28px;
    padding: 12px 10px 12px 16px;
    color: #999
}

.dede_pages .pageinfo strong {
    color: #555;
    font-weight: 400;
    margin: 0 2px
}

#nav .mycur {
    color: #0066ff;
    border-bottom: 3px solid #0066ff;
}

.sub-nav ul li .mycur {
    background: url(/uploads/image/simage/disc.jpg) left center no-repeat;
    color: #0066ff
}

.pagess {
    clear: both;
    height: 30px;
    margin: 20px;
    overflow: hidden;
    margin-left: 0;
    text-align: center
}

.pagess ul li {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 9px;
    margin: 4px 3px;
    line-height: 20px;
    background: #fff;
    color: #999
}
.pagess ul .active{
    background: #0f6de1;
}
.pagess ul li:hover {
    background: #0066ff;
    color: #fff;
    border: 1px solid #0066ff
}

.pagess ul li.thisclass {
    display: inline-block;
    border: 1px solid #0066ff;
    padding: 2px 9px;
    margin: 0 3px;
    background: #0066ff;
    color: #fff
}

.pagess ul li.thisclass a {
    color: #fff
}

.pagess ul li a {
    display: block;
    color: #999
}

.pagess ul li a:hover {
    color: #fff
}

.bug_c{
    border-top: 1px solid #d2d8df;
}
.ul_bug{
    margin: 22px 0 32px 24px;
}
.ul_bug .left{
    
}
.ul_bug .right{
    float: right;
    padding-right: 26px;
}
.ul_bug li{
    height: 52px;
    overflow: hidden;
    white-space: nowrap;  
    text-overflow: ellipsis;
}
.ul_bug li a{
    font-size: 16px;
    line-height: 52px;
    background:  no-repeat left center; 
    padding-left: 30px;
}
.ul_bug li a:hover{
    background:  no-repeat left center; 
}
.ld_content .ld_title{
    line-height: 40px; 
    font-size: 24px; 
    border-bottom: 2px solid #dcdcdc;
    padding:20px 0;
}
.ld_content .ld_title span{
    display: inline-block; 
    margin-left: 10px;
}
.ld_content{
    font-size: 14px;
    color: #6b6b6b;
}
.ld_content .detail_xq{
    width: 870px; 
    padding: 20px 0px; 
}
.ld_content .detail_xq:after{
    content: '';
    clear: both;
    height: 0;
    display: block;
}
.ld_content .detail_xq ul{
    list-style-type: none; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    padding: 10px 0px 0px;
}
.ld_content .detail_xq ul li{
    padding: 10px 0px 0px; 
    width: 320px; 
    float: left;
}
.ld_content .ld_center h2{
    font-size: 20px; 
    line-height: 60px; 
    border-bottom: 2px solid rgb(64, 149, 204); 
    width: 100px;
    margin-bottom: 20px;
    text-align: center;
}
.ld_center p{
    line-height: 26px; 
    text-indent: 2em;
}
.ld_center p a{
    color: rgb(64, 149, 204);
}
.ld_center .ld_p{
    text-indent: 2em;
}
/*留言*/
.message_ul{

}
.message_ul .message_li{
    float: left;
    color: #6b6b6b;
    font-size: 16px;
    width: 33.33333%;
    margin: 20px 0;
}
.message_ul .message_li .recontent{
    padding: 33px 30px 44px;
    border: 1px solid #eee;
    margin: 0 10px;
}
.recontent .rename{
    padding-bottom: 10px;
}
.recontent .recont{
    padding-top: 14px;
    padding-bottom: 10px;
}
.recontent .recont .recontents{
    overflow: hidden;
    height: 140px;
    width: 100%;
}
.recontent .recont .recontents p{
    overflow-y: scroll; 
    overflow-x: hidden;
    height: 140px;
   /* width: 107%;*/
}