.container-fluid{padding: 0; width: 1200px; margin:0 auto; position: relative;}
/*头部样式*/
.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(255,255,255,0.6);height: 170px;
/*position: absolute;z-index: 9999;top: 0;left: 0;*/
width: 100%;}
.top{width: 1200px;margin:0 auto;height: 117px;position: relative;}
.head_logo{position: absolute;top:0px;left:0px;height: 170px;line-height: 170px;}

.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{margin-top: 19px;background: url(../images/ttel.png) left 3px no-repeat;text-align: left;padding-left: 22px;font-size: 20px;color: #3e3e3e;line-height: 24px;}
.topLink .k2 p{font-size:15px; color: #fff;}
.topLink .k2 p strong{font-size: 30px; color: #212121; font-weight: 600;}

.xypg-right-content p img{
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}
/* 导航 */
.menu{background: rgba(255,255,255,0.4); width: 100%;}
.x-menu {width:1200px;margin:0 auto;}
.x-menu>li {float:left;position:relative;text-align:center;margin-left: 38px;}
.x-menu>li:nth-child(1){margin-left: 240px;}
.x-menu>li>a {display:block;font-size:15px;color:#212121;height: 53px;line-height: 53px;}

/* .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;height:;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;height: 1298px;margin-top: -533px;}
.ab .a2{padding-top: 660px;}
.ab-le{width: 361px;}
.ab-le ul{margin-top: 125px;}
.ab-le ul li{height: 102px;color: #333;font-size: 26px;display: inline-block;}
.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:hover::before{width: 100%;background: #b8001a}

.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: 15px;line-height: 32px;text-align: justify;}

.ab-more{margin-top: 529px;}
.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: #b8001a}
.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;height: 701px;}
.s1-le{margin-top: 49px;}
.s1-le img{width: 406px;height: 450px;}
.s11{width: 406px;height: 202px;background: #283b42;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{}
.s1-le2 img{width:388px;height: 510px;position: relative;z-index: 999}
.s12{width: 388px;height: 245px;background: #6f8094;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: #505050;}
.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;height: 300px;}
.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: #96929d;margin-left: 8px;text-indent: -999px;overflow: hidden;float: left;   }
.pic .hd ul li.on{background: #b8001a}
.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;padding-left: 75px;}

.xin-le{width: 390px;margin-left: 35px;margin-top: 24px;}
.news_list2{height: 84px;border-bottom: 1px solid #eaeaea}
.news_list2 li a{color: #333;font-size: 14px;}
.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: #333;font-size: 14px;}
.news_list4{}
.news_list4 li{height: 54px;border-bottom: 1px solid #e2e2e2;background: url(../images/5.png)no-repeat;line-height: 54px;padding-left: 34px;}
.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: 95px;}
.f_link a{color: #666;font-size: 14px;display: inline-block;margin:0 25px;}


/* 联系 */
.lian{background: url(../images/lian.jpg)no-repeat;height: 462px;}
.lian-cont{width: 388px;height: 304px;background: #fff;margin:0 auto;}

/* 留言 */
.liu{background: url(../images/liu.jpg)no-repeat;height: 625px;}
.liu-tit{text-align: center;padding-top:85px;color: #333;font-size: 40px;}
.liu-tit p{color: #333;font-size: 20px;}
.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: 20px;outline: none;}
.message2 .msgbtn{width: 388px;height: 58px;line-height: 58px;padding:0px;background: #b8001a;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: 82px;
    margin-top: 55px;
    width: 420px;
    }
.ff_tel{margin-left: 179px;margin-top: 75px;color: #000;font-size: 30px;}
.ff_tel span{display: block;color: #000;font-size: 26px;margin-bottom: 12px;}
.ff_tel a{display: block;width: 75px;height: 26px;line-height: 26px;text-align: center;background: #b8001a;color: #fff;font-size: 14px;margin-top: 25px;}
.er{margin-right:104px;margin-top: 75px}
.ban{text-align: center;margin-top: 25px;color: #666;font-size: 14px;}
.ban a{color: #666;}
.nav_foot{width: 1200px;margin:0 auto;text-align: center;}
.nav_foot a{display: inline-block;height: 30px;line-height: 30px;color: #666;font-size:14px;margin:0 25px;   }
.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{margin-right:6px;color: #f5f5f5;font-size: 14px;}
#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#s_btn{width:79px;height:50px;line-height:50px;text-align:center;background-color:#b8001a;color:#fff;border:none;cursor:pointer;float: left;font-size: 18px;}