.container-fluid{padding: 0; width: 1200px; margin:0 auto; position: relative;}
/*头部样式*/
#header,.w1200{width:1200px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
p{margin:0 0 0 0;}

.tophead{width: 100%;height: 37px;background: #f8f7f7;position: relative;overflow: hidden;}
.headtitle{font-size: 12px;color: #949494;line-height: 37px;}
.k1{font-size: 12px;line-height: 37px;color: #949494;}
.k1 a{color: #949494;}

.sechead{height: 114px;position: relative;overflow: hidden;}
.logo{float:left;line-height: 114px;}
.sechead .k2{margin-top: 19px;background: url(../images/ttel.png) left center no-repeat;text-align: left;padding-left: 70px;font-size: 20px;color: #3e3e3e;line-height: 24px;}
.sechead .k2 p{font-size: 16px; color: #666;}
.sechead .k2 p strong{font-size: 24px; color: #333;}

/* 导航 */
.menu{
    width: 70%;
    /* margin: 0 auto; */
    /* overflow: hidden; */
    height: 40px;
    float: right;
    padding-top: 40px;
}
.x-menu {/* width: 1200px; *//* margin:0 auto; */width: 80%;float: left;}
.x-menu>li {float:left;width: 93px;position:relative;text-align:center;}
.x-menu>li>a {display:block;font-size: 16px;color: #444444;}
.x-menu>li.active>a,.x-menu>li>a:hover {background: #ffffff;color: #0e7ad5;}
.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);}



.search1{width: 141px; height: 32px;}
.search1 #formsearch{width: 100%;height: 32px;background-color: #dcdcdc;border-radius: 32px;line-height: 32px;/* padding-left: 8px; */font-size: 12px;color: #888888;}
.search1 #formsearch #keyword{width: 110px; height: 32px; line-height: 32px; background-color: transparent; border: none; float: left;padding-left: 8px; font-size: 12px; color: #888888;}
.search1 #formsearch .iconfont{width: 25px; height: 32px; background:transparent url(../images/ss.png)no-repeat center left; border: none;}


/* 热门关键词 */
.hot_s{height: 60px;position: relative;/* box-shadow: 10px 10px 10px rgba(0,0,0,0.2); */ background: #eeeeee;}
.hotSearch{font-size: 14px;color: #5a5a5a;line-height: 60px;float: left;}
.hotSearch a{color: #5a5a5a;font-size: 14px;}
.hotSearch a:after{content: ","; display: inline-block; color: #5a5a5a; font-size: 14px;}
.hotSearch a:last-child:after{display: none;}
.hotSearch a:last-child:after{display: none;}
.search{width:353px;height:39px;position: relative;margin-top: 10px;}
.search form{width:100%; height: 39px; position: relative; background: url(../images/ss1.jpg)no-repeat top center;}
.search #keyword{width: 84%;color: #898989;font-size: 12px;height: 39px;background-color: transparent;padding-left: 11px;border: none;}
.search #s_btn{position: absolute;z-index: 999;width: 57px;border: 0;height: 39px;background: transparent;right: 0px;top: 0;}


/* 产品中心 */
.product{width: 100%; padding-top: 52px;}
.title{text-align: center; margin: 0 auto;}
.title h2{font-size: 30px; color: #323232; width: 100%; background: url(../images/tt.png)no-repeat bottom center;}
.title h3{font-size: 18px; color: #323232; text-transform: uppercase; margin-top: 10px;}

.product .pbd{width: 100%; margin-top: 54px;}
.product .pbd ul{width: 100%;}
.product .pbd ul li{float: left;width: 384px;height: 309px;overflow: hidden;margin-right: 22px;margin-bottom: 34px;position: relative;}
.product .pbd ul li .img{width: 100%; height: 100%; overflow: hidden;}
.product .pbd ul li .img img{width: 100%;}
.product .pbd ul li dd{width: 100%;position: absolute;z-index: 99;bottom: 0;background-color: #818181;text-align: center;height: 41px;left: 0;}
.product .pbd ul li dd h3{font-size: 18px; color: #fff; line-height: 41px;}
.product .pbd ul li:nth-child(3n){margin-right: 0;}

.product .pbd ul li:hover dd{top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.6); padding: 70px 53px 0;}
.product .pbd ul li:hover dd h4{font-size: 14px; color: #fff; line-height: 19px; margin-top: 30px;}
.product .pbd ul li:hover dd  a{display: block; width: 98px; height: 33px; line-height: 33px; border: 1px solid #fff; text-align: center; line-height: 33px; font-size: 15px;
     color: #fff; margin: 0 auto; margin-top: 48px;}

.about{width: 100%;height: 332px;margin-bottom: 108px;margin-top: 20px;}
.about .af1{width: 283px; height: 332px; overflow: hidden; padding-top: 270px; padding-left: 80px;}
.about .af1 h2{font-size: 23.8px; color: #fff; font-weight: 600;}
.about .af2{width: 860px; padding-top: 40px;}
.about .af2 h2{font-size: 30px; color: #1b51a2;}
.about .af2 h3{font-size: 14px; color: #1c1c1c; line-height: 26px;margin-top: 30px;}
.about .af2  ul{width: 100%; margin-top:70px; text-align:center;}
.about .af2  ul li{display: inline-block;width: 30.5%;border-right: 1px solid #dfdfdf;background-color: white;box-sizing: border-box;}
.about .af2  ul li .img{width: 50px; height: 42px; overflow: hidden; margin: 0 auto;}
.about .af2  ul li .img img{width:100%;}
.about .af2  ul li h3{font-size: 19px; color: #343434; margin-top: 13px;}
.about .af2  ul li:last-child{border-right: none;}
.about .af2 ul li:nth-child(1),.about .af2 ul li:nth-child(4){width: 18%;}
.about .af2 ul li:nth-child(1){text-align:left;}
.about .af2 ul li:nth-child(1) .img{margin-left: 11px;}
.about .af2 ul li:nth-child(4){text-align:right;}
.about .af2 ul li:nth-child(4) .img{margin-right: 17px;}

/* 合作案例 */
.case{width: 1920px; position: relative; left: 50%; margin-left: -960px; padding-top: 37px; height: 594px;}
.case .title h2,.case .title h3{color: #fff;}
.case .cbb{width: 100%; margin-top: 78px;}
.case .cbb ul{width: 100%;}
.case .cbb ul li{float: left; width: 380px; height: 288px; overflow: hidden; position: relative; margin-right: 26px;}
.case .cbb ul li:last-child{margin-right: 0;}
.case .cbb ul li .img{width: 100%; height: 100%; overflow: hidden;}
.case .cbb ul li .img{width: 100%;}
.case .cbb ul li  dd{display: none; position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: 100% ; background: rgba(0,0,0,0.6) url(../images/cc1.png)no-repeat top center;  padding: 126px; text-align: center;}
.case .cbb ul li  dd h3{font-size: 12px; color: #fff; line-height: 25px;}

.case .cbb ul li:hover dd{display: block;}

.alk{display: block; width: 146px; height: 41px; line-height: 41px; border: 1px solid #fff; text-align: center; text-align: center; font-size: 20px; color: #fff; font-weight: 600; margin: 0 auto; margin-top: 57px;}
.alk:hover{color:#fff; font-size:20px; }
/* 新闻资讯 */
.news{width: 100%; padding-top: 50px; padding-bottom: 47px;}
.news .nbb{width: 100%; margin-top: 38px;}
.news .nbb .nwf1{width: 628px;}
.news .nbb .nwf2{width: 525px;}
.news .nbb .nww h2{width: 100%;height: 43px;line-height: 39px;border-bottom: 1px solid #d2d2d2;margin-bottom: 20px;}
.news .nbb .nww h2 span{display: inline-block;font-size: 18px;color: #323232;font-weight: 600;height: 38px;line-height: 39px;border-bottom: 1px solid #1b51a2;}

.news .nbb .nww h2  a{display: inline-block; float: right; font-size: 14px; color: #323232;}

.news .nbb .nwf1 .img{float: left; width: 237px; height: 343px; overflow: hidden; }
.news .nbb .nwf1 .img img{width: 100%;}

.news .nbb .nwf1 ul{float: right; width: 360px;}
.news .nbb .nwf1 ul li{width: 100%;height: 88px;margin-bottom: 44px;border-bottom: 1px solid #d2d2d2;}
.news .nbb .nwf1 ul li:last-child{margin-bottom: none;}
.news .nbb .nwf1 ul li h5{font-size: 14px; color: #323232; margin-bottom: 10px;}
.news .nbb .nwf1 ul li h3{font-size: 16px; color: #323232;}
.news .nbb .nwf1 ul li h4{font-size: 14px; color: #323232; margin-top: 10px;}
.news .nbb .nwf1 ul li:hover h3{color:#1b51a2;}

.news .nbb .nwf2 .img{width: 100%; height: 142px; overflow: hidden;}
.news .nbb .nwf2 .img img{width: 100%;}
.news .nbb .nwf2 ul{width: 100%;}
.news .nbb .nwf2 ul li{width: 100%;height: 104px;border-bottom: 1px solid #d2d2d2;background-color: white;padding-top: 12px;}
.news .nbb .nwf2 ul li h3{font-size: 14px; color: #323232; position: relative; padding-left: 38px;}

.news .nbb .nwf2 ul li h4{font-size:14px;color: #323232;position: relative;padding-left: 38px;font-family: '宋体';margin-top: 17px;line-height: 23px;}
.news .nbb .nwf2 ul li h3::before{content: "";display: inline-block;width: 24px;height: 24px;background: url(../images/wen.png)no-repeat top center;position: absolute;z-index: 999;left: 0;top: -2px;vertical-align: middle;}
.news .nbb .nwf2 ul li h4::before{content: "";display: inline-block;width: 24px;height: 24px;background: url(../images/da.png)no-repeat top center;position: absolute;z-index: 999;left: 0;top: -1px;}



.msg{width: 100%; height: 94px; background-color: #eeeeee; padding-top: 34px;}
.msg #x-form{width: 100%; position: relative;}
.msg #x-form .rw1{float: left; width: 224px; margin-right: 10px;}
.msg #x-form .rw1 input{width: 100%;height: 37px;border: 1px solid #cbcbcb;line-height: 37px;padding-left: 8px;font-size: 12px;color: #949494;background: transparent;}

.msg #x-form .rw2{width: 224px;margin-right: 10px;position: relative;float: left;}
.msg #x-form .rw2 input{width: 100%;height: 37px;border: 1px solid #cbcbcb;line-height: 37px;padding-left: 8px;font-size: 12px;color: #949494;background: transparent;}
.msg #x-form .rw2 .checkCodeImg{width: 86px; position: absolute; z-index: 999; top: 7px; right: 3px; overflow: hidden;}
.msg #x-form .rw2 .checkCodeImg img{width: 100%;}


.msg #x-form .rw3{float: left;width: 386px;}
.msg #x-form .rw3 input{width: 100%;height: 37px;border: 1px solid #cbcbcb;line-height: 37px;padding-left: 8px;font-size: 12px;color: #949494;background: transparent;}

.msg #x-form .x-submit{float: right;width: 100px;height: 37px;line-height: 37px;background-color: #3f6baf;text-align: center;font-size: 14px;color: #fff;border: none;}



.nfft1{width: 100%;background-color: #1b2d38;padding-top: 25px;padding-bottom: 37px;}
.nfft1 .fnv{width: 100%; text-align: center;}
.nfft1 .fnv  a{display: block;float: left;font-size: 16px;color: rgba(255,255,255,0.63);background: url(../images/nv1.png)no-repeat right center;height: 35px;line-height: 35px;width: 170px;background: url(../images/nv1.png)no-repeat 155px center;}
.nfft1 .fnv  a:last-child{border-right: none; background:none;}
.nfft1  .nff1{width: 100%; margin-top: 30px;}
.nfft1  .nff1 .img{width: 116px; height: 104px; overflow: hidden; margin-left: 42px;}
.nfft1  .nff1 .img img{width: 100%;}

.nfft1  .nff1 .nft1{width: 1003px;border-top: 1px solid #a0a0a0;padding-top: 15px;}
.nfft1  .nff1 .nft1 .nftt1{float: left;width: 278px;}
.nfft1  .nff1 .nft1 .nftt1 h2{font-size: 18px; color: #fff; line-height: 33px;}
.nfft1  .nff1 .nft1 .nftt1 h3{font-size: 14px; color: #fff; margin-top: 16px;}

.nfft1  .nff1 .nft1 .nftt2{width: 290px; padding-top: 32px;}
.nfft1  .nff1 .nft1 .nftt2 h2{font-size: 14px; color: #fff; line-height: 35px;}

.nfft1  .nff1 .nft1 .nftt3{width: 410px; padding-top: 4px; font-size: 12px; color: #fff; opacity: 0.64;}
.nfft1  .nff1 .nft1 .nftt3 a{display: inline-block; font-size: 12px; color: #fff;}



.nfft2{width: 100%; padding-top: 10px; font-size: 12px; color: #000; opacity: 0.73; line-height: 18px; text-align: center; padding-bottom: 13px;}

.nfft2 a{color: #000;}
.nfft2 .x-copyright{margin: 0;}