.container-fluid {
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.tong {
    width: 1200px;
    margin: 0 auto;
}

.tong1 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

/*头部样式*/
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

p {
    margin: 0 0 0 0;
}

.tophead {
    width: 100%;
    height: 35px;
    background: #ececec;
    position: relative;
}

.headtitle {
    font-size: 14px;
    color: #969696;
    line-height: 35px;
}

.k1 {
    font-size: 14px;
    line-height: 35px;
    color: #969696;
}

.k1 a {
    color: #999999
}

#header {
    background: rgba(32, 72, 182, 0.2);
    height: 116px;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
}

.top {
    width: 1200px;
    margin: 0 auto;
    height: 116px;
    position: relative;
}

.head_logo {
    line-height: 116px;
    float: left;
    height: 116px;
    overflow: hidden;
}

.topLink {
    float: right;
    position: relative;
    z-index: 9999;
    margin-top: 33px;
}

.topLink .k1 {
    line-height: 32px;
    padding-top: 5px;
}

.topLink .k2 {
    /* color:#074b91; */
    /* font-size:14px; */
    /* font-family:"微软雅黑"; */
}

.sechead {
    height: 114px;
    position: relative;
}

.logo {
    float: left;
    line-height: 114px;
}

.topLink .k2 {
    background: url(../images/ttel.png) left 2px no-repeat;
    text-align: left;
    padding-left: 34px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}

.topLink .k2 p:nth-child(2) {
    font-size: 30px;
    font-family: 'Times New Roman';
}

/* 导航 */
.menu {
    background: #2048b6;
    width: 100%;
}

.x-menu {
    width: 1200px;
    margin: 0 auto;
}

.x-menu > li {
    float: left;
    position: relative;
    text-align: center;
    width: 109px;
}

.x-menu > li:nth-child(1) {
    /*margin-left: 152px;*/
}

.x-menu > li > a {
    display: block;
    font-size: 14px;
    color: #fff4f4;
    height: 55px;
    line-height: 55px;
}

/* .x-menu>li.active>a,.x-menu>li>a:hover {background:#292e39;color:#fff} */
.x-menu > li:after {
    content: "";
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    height: 40px;
    opacity: 0;
    top: 100%
}

/*滚动*/
#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800%
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

#m_demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#m_indemo {
    float: left;
    width: 800%
}

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}

/* 搜索 */
#formsearch {
    margin-top: 10px;
}

#formsearch input {
    height: 30px;
    background: none;
    border: none;
    line-height: 30px;
    outline: none;
    float: left;
}

#formsearch input#keyword {
    text-indent: 10px;
    color: #979797;
    font-size: 14px;
    width: 274px;
    /* border: 1px solid #ddd; */
}

#formsearch input#s_btn {
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border: none;
    cursor: pointer;
    /* background: url(../images/ss.png) no-repeat; */
}

/* 内页 */
.left {
    width: 240px;
    float: left;
}

.right {
    width: 940px;
    float: right;
}

.product_list {
}

.product_list li {
    float: left;
    width: 293px;
    border: 1px solid #eee;
    margin: 0 10px 10px;
    padding: 5px;
}

.product_list li a.img {
    display: block;
    width: 281px;
    height: 281px;
    overflow: hidden;
}

.product_list li img {
    width: 281px;
    height: 281px;
    transition: all .5s ease;
}

.product_list li h3 {
    line-height: 35px;
    text-align: center;
}

.product_list li h3 a {
    color: #5a5a5a;
    font-size: 14px;
}

.product_list li:hover {
    border-color: #292e39
}

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

.a1 {
    width: 1920px;
    margin-left: -960px;
    left: 50%;
    position: relative;
}

.a2 {
    width: 1200px;
    margin: 0 auto;
}

/* 八大服务项目 */
.ser {
    margin-top: 88px;
    position: relative;
    z-index: 9999
}

.ser-tit {
    text-align: center;
}

.ser-tit span {
    display: block;
    background: url(../images/tit.png) no-repeat center;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #333;
    font-size: 30px;
}

.ser-tit h2 {
    font-size: 20px;
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 5px;
}

.ser-tit img {
    margin-top: 12px;
}

.ser-tit p {
    color: #333;
    font-size: 16px;
    margin-top: 23px;
}

.fenlei {
    margin-top: 40px;
}

.fenlei li {
    float: left;
    position: relative;
    width: ;
    height: ;
    margin-right: 14px;
    margin-bottom: 13px;
    width: 289px;
    height: 316px;
}

.fenlei li:nth-child(4n) {
    margin-right: 0px;
}

.fenlei li img {
    width: 289px;
    height: 316px;
}

.fenlei li span {
    display: block;
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: rgba(0, 0, 0, .6);
    line-height: 57px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    width: 100%;
}

/* 10年专业设计 */
.ab {
    background: url(../images/1.jpg) no-repeat 50% bottom;
    height: 1298px;
    margin-top: -533px;
}

.ab .a2 {
    padding-top: 660px;
}

.ab-le {
    width: 361px;
}

.ab-le .ab-tit {
    text-align: center;
    font-size: 30px;
    color: #333;
    text-transform: uppercase;
    width: 498px;
}

.ab-le .ab-tit span {
    display: block;
    font-size: 20px;
    color: #666666;
    margin-top: 12px;
}

.ab-le ul {
    margin-top: 125px;
}

.ab-le ul li {
    height: 104px;
    color: #333;
    font-size: 20px;
    display: block;
    line-height: 30px;
}

.ab-le ul li p {
    color: #333;
    font-size: 8px;
    text-transform: uppercase;
}

.ab-le ul li::before {
    content: "";
    width: 34px;
    height: 1px;
    background: #c3c3c3;
    display: block;
    margin-bottom: 12px;
    transition: all 0.6s;
}

.ab-le ul li:nth-child(1)::before {
    margin-bottom: 60px;
}

.ab-le ul li:nth-child(1) {
    height: 153px;
}

.ab-le ul li:hover::before {
    width: 158px;
    background: #2048b6;
}

.ab-ri {
    width: 475px;
    margin-top: 240px;
    padding: 0 55px;
    overflow: hidden;
}

.ab-ri h3 {
    font-weight: normal;
    color: #fff;
    font-size: 30px;
}

.ab-ri div {
    margin-top: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
}

.ab-more {
    margin-top: 524px;
}

.ab-more a {
    display: inline-block;
    width: 130px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    background: url(../images/2.png) no-repeat;
    color: #fff;
    font-size: 14px;
}

.ab-more a.ab-li {
    background: url(../images/3.png) no-repeat;
}

/* 案例 */
.anli {
    margin-top: 108px;
}

.anli-tit {
    margin-top: 40px;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.anli-tit li {
    display: inline-block;
    margin: 0 23px;
    background: url(../images/4.png) no-repeat left;
    padding-left: 20px;
    color: #333;
    font-size: 16px;
    cursor: pointer;
}

.anli-tit li.on {
    background: url(../images/h4.png) no-repeat left;
    color: #2048b6
}

.anli-tab {
}

.ttz {
    display: none;
}

.case_list1 {
}

.case_list1 li {
    float: left;
    margin-right: 15px;
    margin-bottom: 14px;
    width: 390px;
}

.case_list1 li:nth-child(3n) {
    margin-right: 0px;
}

.case_list1 li img {
    width: 390px;
    height: 306px;
}

.case_list1 li span {
    display: block;
    text-align: center;
    color: #000;
    font-size: 17px;
    line-height: 59px;
}

/*  */
.s1 {
    margin-top: 98px;
    background: url(../images/s1.jpg) no-repeat center 49px;
    height: 701px;
}

.s1-le {
    margin-top: 49px;
}

.s1-le img {
    width: 406px;
    height: 450px;
}

.s11 {
    width: 406px;
    height: 202px;
    background: #505050;
    text-align: center;
    padding-top: 65px;
}

.s11 span {
    display: block;
    width: 187px;
    height: 51px;
    line-height: 51px;
    border: 1px solid #969696;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 23px;
}

.s11 p {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 10px;
}

.s1-le2 .s12 {
    background: #2048b6;
}

.s1-le2 img {
    width: 388px;
    height: 455px;
    position: relative;
    z-index: 999
}

.s12 {
    width: 388px;
    height: 245px;
    background: #505050;
    text-align: center;
    padding-top: 85px;
}

.s12 span {
    display: block;
    width: 187px;
    height: 51px;
    line-height: 51px;
    border: 1px solid #969696;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 23px;
}

.s12 p {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 10px;
}

.s1-ri {
    width: 553px;
    margin-right: -147px;
    margin-top: 49px;
}

.s1-ri .img1 {
    width: 553px;
    height: 326px;
}

.s13 {
    width: 403px;
    height: 326px;
    text-align: center;
    position: relative;
    background: url(../images/04.png) no-repeat 0 50%;
}

.s13 .cont {
    position: absolute;
    width: 229px;
    height: 96px;
    top: 184px;
    left: 94px;
    padding-top: 24px;
}

.s13 span {
    display: block;
    width: 187px;
    height: 51px;
    line-height: 51px;
    /*border: 1px solid #969696;*/
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 23px;
}

.s13 p {
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 10px;
}

/* æ–°é—» */
.xin {
    background: url(../images/xin.jpg) no-repeat;
    height: 876px;
    padding-top: 153px;
}

.xin-cont {
    margin-top: 45px;
}

.pic {
    margin-top: 24px;
    position: relative;
    width: 357px;
    overflow: hidden;
}

.pic .hd {
    position: absolute;
    top: 233px;
    width: 357px;
    height: 68px;
    z-index: 999
}

.pic .hd ul {
    position: absolute;
    right: 27px;
    top: 0px;
}

.pic .hd ul li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,.54);
    margin-left: 8px;
    text-indent: -999px;
    overflow: hidden;
    float: left;
}

.pic .hd ul li.on {
    background: #2048b6;
}

.pic .hd .pageState {
    margin-top: 40px;
    display: block;
    color: #333;
    font-size: 14px;
    margin-left: 8px;
}

.pic .hd .pageState span {
    color: #999;
    font-size: 20px;
}

.news_list1 {
}

.news_list1 li {
}

.news_list1 li img {
    width: 357px;
    height: 267px;
}

.news_list1 li a {
    display: block;
    margin-top: 12px;
    color: #333;
    font-size: 14px;
}

.news_list1 li a span{
    padding:0 6px;
    font-size:20px;
    color:#999999;
}
.news_list1 li a span b{
    font-size:14px;
    color:#333333;
    font-weight: 500;
}

.xin-le {
    width: 390px;
    margin-left: 35px;
    margin-top: 37px;
}

.news_list2 {
    height: 84px;
    border-bottom: 1px solid #eaeaea
}

.news_list2 li a {
    color: #333333;
    font-size: 16px;
}

.news_list2 li p {
    color: #999;
    font-size: 14px;
    margin-top: 17px;
}

.news_list3 {
    margin-top: 18px;
}

.news_list3 li {
    position: relative;
    background: url(../images/f.jpg) no-repeat left;
    padding-left: 10px;
    line-height: 40px;
}

.news_list3 li a {
    color: #666;
    font-size: 14px;
}

.news_list3 li span {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #999;
    font-size: 14px;
}

.xin-ri {
    width: 325px;
}

.xin-tit {
    color: #000;
    font-weight: bold;
    font-size: 20px;
    line-height: 52px;
}

.xin-tit a {
    font-weight: normal;
    color: #666666;
    font-size: 14px;
}

.news_list4 {
}

.news_list4 li {
    height: 54px;
    border-bottom: 1px solid #e2e2e2;
    background: url(../images/quan.png) no-repeat 17px 50%,url(../images/5.png) no-repeat 284px 50% #eeeeee;
    line-height: 54px;
    padding-left: 40px;
}

.news_list4 li:hover {
    background: url(../images/h5.png) no-repeat
}

.news_list4 li a {
    color: #000;
    font-size: 14px;
}

.news_list4 li:hover a {
    color: #fff;
}

/*友情链接*/
.f_link {
    margin-top: 110px;
}

.f_link span {
    display: inline-block;
    margin-right: 15px;
}

.f_link a {
    color: #666;
    font-size: 14px;
    display: inline-block;
    margin: 0 3px;
}
/* 联系 */
.lian {
    background: url(../images/lian.jpg) no-repeat 50% bottom;
    height: 462px;
}

.lian-cont {
    width: 388px;
    height: 304px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 0 23px 0 rgba(0,0,0,.1);
}

/* 留言 */
.liu {
}

.liu-tit {
    text-align: center;
    padding-top: 90px;
    color: #333;
    font-size: 40px;
}

.liu-tit p {
    color: #333;
    font-size: 20px;
    margin-top: 8px;
}

.message2 {
    margin-top: 50px;
}

.liu-le {
    width: 356px;
}

.message2 input {
    width: 344px;
    height: 54px;
    border: none;
    background: #dcdcdc;
    color: #000;
    font-size: 14px;
    line-height: 54px;
    padding-left: 12px;
    margin-bottom: 9px;
    outline: none;
}

.liu-ri {
    width: 817px;
}

.liu-ri #content {
    width: 793px;
    height: 161px;
    border: none;
    background: #dcdcdc;
    padding-left: 24px;
    padding-top: 14px;
    outline: none;
}
.liu-ri #content::-webkit-input-placeholder{
    color: #000;
}

.message2 .msgbtn {
    width: 388px;
    height: 58px;
    line-height: 58px;
    padding: 0px;
    background: #2048b6;
    color: #fff;
    font-size: 20px;
    margin-left: 407px;
    margin-top: 10px;
}

#checkcode {
    height: 32px;
    line-height: 32px;
    width: 120px;
    border: 1px solid #dedede;
    margin-left: 27px;
}

/*页面底部*/
#footer {
    background: url(../images/foot.png) no-repeat;
    width: 1261px;
    margin: 0 auto;
    height: 282px;
    margin-top: 25px;
}

.ffa {
    margin-left: 100px;
    margin-top: 108px;
    width: 335px;
}

.ff_tel {
    margin-left: 104px;
    margin-top: 80px;
}
.ff_tel h2{
    font-size:18px;
    color:#333333;
    font-weight: 600;
}
.ff_tel dd{
    font-size:16px;
    color:#666666;
    line-height: 30px;
    margin-top: 14px;
}


.er {
    margin-right: 123px;
    margin-top: 80px;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    color: #666666;
}

.ban {
    text-align: center;
    margin-top: 25px;
    color: #666;
    font-size: 14px;
}

.ban a {
    color: #666;
}

.nav_foot {
    width: 1200px;
    margin: 104px auto 0;
    text-align: center;
}

.nav_foot a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #666666;
    font-size: 15px;
    margin: 0 23px;
}

.kong {
    height: 110px;
}

.foot {
    background: #333;
    height: 85px;
    line-height: 85px;
    margin-top: 35px;
    position: relative;
    width: 1920px;
    margin-left: -960px;
    left: 50%;
    z-index: 99999999
}

#foot_top {
    background: url(../images/top.png) no-repeat;
    position: absolute;
    right: 214px;
    top: 0px;
    height: 85px;
    cursor: pointer;
    width: 80px;
}

/*.fixednav{position: fixed;bottom: 0px;}*/
body {
    width: 100%;
    height: auto;
    position: relative;
}

.fixednav1 {
    position: fixed;
    z-index: 999999999999;
    bottom: 0;
}

/* 搜索 */
.search {
    text-align: left;
    height: 24px;
    background-color: #f8f8f8;
    padding: 5px 10px 5px 10px;
}

#formsearch {
    margin-top: 17px;
    float: right;
}

.hotSearch {
    float: left;
    color: #f5f5f5;
    font-size: 16px;
    font-weight: normal;
}

.hotSearch a {
    color: #f5f5f5;
    font-size: 14px;
}

.hotSearch a:after{
    content:',';
}
.hotSearch a:last-child:after{
    content:'';
}

#formsearch input {
    height: 50px;
    background: #4c4a4a;
    border: none;
    line-height: 50px;
    outline: none;;
}

#formsearch input#keyword {
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    color: #999;
    float: left;
    width: 307px;
    font-size: 14px;
}

#formsearch input#keyword::-webkit-input-placeholder{
    color: #999999;
}


#formsearch input#s_btn {
    width: 79px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #2048b6;
    color: #fff;
    border: none;
    cursor: pointer;
    float: left;
    font-size: 18px;
}