.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: 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}

.sechead{height: 107px;position: relative;/* overflow: hidden; */position: absolute;z-index: 99999999999;width: 100%;top: 0;border-bottom: 1px solid #fff;}
.logo{float:left;line-height: 107px;padding-left: 10px;border-left: 1px solid #fff;}

.logo {}
.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: 100%; */
    /* margin: 0 auto; */
    /* overflow: hidden; */
    height: 40px;
    width: 68%;
    float: left;
    margin-left: 10px;
}
.x-menu {width: 1200px;margin:0 auto;}
.x-menu>li {float:left;width: 105px;position:relative;text-align:center;}
.x-menu>li>a {display:block;font-size: 16px;color: #2c2c2c;height: 107px;line-height: 107px;border-left: 1px solid #fff;}
.x-menu>li.active>a,.x-menu>li>a:hover {/* background:#292e39; *//* color:#fff; */font-weight: 600;color: #014596;}
.x-menu>li:after {content:"";position:absolute;z-index:100;width:100%;left:0;height:40px;opacity:0;top:100%}
.x-menu>li:last-child>a{border-right:1px solid #fff;}
/*滚动*/
#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);}


/* 热门关键词 */
.hot_s{height: 62px;position: relative;/* box-shadow: 10px 10px 10px rgba(0,0,0,0.2); */}
.hos{width: 100%;height: 60px;line-height: 60px;position: absolute;z-index: 99;top: 0;left: 0;box-shadow: 0px 1px 10px rgba(0,0,0,0.1);}

.hotSearch{font-size: 15px;color: #014596;line-height: 60px;float: left;background: url(../images/hot_png.png) no-repeat left center;padding-left: 38px;}
.hotSearch a{color: #505050;font-size: 14px;margin-right: 9px;}
.hotSearch a:after{content:"|";display: inline-block; font-size: 14px; color: #505050; margin:0 9px;}
.hotSearch a:last-child:after{display: none;}
.search{width:237px; height:32px; position: relative;}
.search form{width:100%; height:100%; position: relative;}
.search #keyword{width: 100%;color: #898989;font-family: '宋体';font-size: 12px;height: 32px;border-radius: 32px;border:1px solid #d1d6d2;background-color: transparent;padding-left: 18px;}
.search #s_btn{position: absolute;z-index: 999;width: 33px;border: 0;height: 33px;background: url(../images/ss.png)no-repeat  center;right: 7px;top: 14px;}
.search #keyword::placeholder{font-size: 12px; color: #bdbdbd;}


/* /产/品/中/心/ */
.product{width: 100%; padding-top: 50px;}
.title{text-align:center; margin:0 auto;}
.title h2{font-size:50px; color: #222; font-weight: 600; letter-spacing: 10px; text-transform: uppercase;}
.title i{display:block;width: 253px; height: 29px; background: url(../images/t1.png)no-repeat top center; margin:0 auto; margin-top: 24px;}
.product .pbb{width:100%; margin-top: 53px; position: relative;}
.product .pbb ul{width: 100%;}

.product .pbb ul li{float:left; width: 294px !important;height: 427px;text-align: center; padding: 36px 24px 0; position:relative; margin-right: 9px; background: url(../images/pbg1.png)no-repeat top center;}
.product .pbb ul li .img{width: 253px;height: 275px;overflow: hidden; margin:0 auto;}
.product .pbb ul li .img img{width:100%;}
.product .pbb ul li dd{padding-top: 16px;}
.product .pbb ul li dd h3{font-size: 16px; color: #222222; margin-bottom: 10px; text-align:left; font-weight: 600;}
.product .pbb ul li dd h4{text-align: left;font-size:13px;color: #222222;line-height: 24px;}

.product .pbb ul li dd i{display:block; position: absolute; width: 46px;height: 41px; background: url(../images/jt1.png)no-repeat top center; z-index:9999999; bottom: 0; right:0;}

.product .pbb ul li:hover dd h3{color: #014596;}
.product .pbb ul li:hover dd i{background: url(../images/jt2.png)no-repeat top center;}

/* Case centre */
.case{width: 100%; padding-top: 63px;}
.ctt i{background: url(../images/t2.png)no-repeat top center;}
.case .cbb{width:100%; margin-top: 50px;height:450px;}

.case .swiper-container {
    width: 100%;
    padding-bottom: 45px;
}
.case .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 676px;
    height: 407px;
    position: relative;
}
.case .swiper-slide h3{
    position:absolute;
    bottom: 0;
    left: 0px;
    width:100%;
    height:39px;
    line-height:39px;
    background: rgba(0,0,0,0.5);
    padding-left: 55px;
    color:#fff;
    font-size:16px;
    display: none;
}
.case .swiper-slide h3 span{
    position: absolute;
    top:0;
    right: 22px;
    font-size:13px;
}
.case .swiper-slide-active h3{
    display: block;
}

  /* ABOUT US */
.about{width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 745px; padding-top: 280px;}
.about .abf1{width: 576px; padding:89px 40px 0;}
.about .abf1 h2{font-size: 15.7px; color: #555555; line-height: 30px;}
.about .abf1 a{display:block; width: 152px;height: 36px;line-height: 36px; background-color: #cce9f5; line-height: 36px; text-align: center; font-size: 16px; color: #282828; margin-top: 50px;}
.about .abf1 a:hover{background-color: #014596; color: #fff;}
.about .abf2{width: 586px;height: 405px;}
.about .abf2 .img{width: 100%; overflow: hidden;}
.about .abf2 .img img{width:100%;}



/* /中/马/优/势/ */
.yss{width: 100%; padding-top: 58px;}
.ytt i{background: url(../images/t3.png)no-repeat top center;}
.yss .ybb{width: 100%; margin-top: 46px;}
.yss .ybb .ybf1{margin-left: 58px;width: 528px;padding-top: 49px;}
.yss .ybb .ybf2{width: 614px;}

.yss .ybb .ybf1 h2{font-size:22px; color: #222222; font-weight: 600; height: 40px; background: url(../images/tbb.jpg)no-repeat bottom left; margin-bottom: 12px; position: relative;}
.yss .ybb .ybf1 h2:before{content:"";display: inline-block;width: 47px;height: 39px;position: absolute;z-index: 999;top: -5px;left: -58px;} 
.yss .ybb .ybf1 h2.y1:before{background: url(../images/yp1.png)no-repeat top center;}
.yss .ybb .ybf1 h2.y2:before{background: url(../images/yp2.png)no-repeat top center;}
.yss .ybb .ybf1 h2.y3:before{background: url(../images/yp3.png)no-repeat top center;}

.yss .ybb .ybf1 p{padding-left: 19px;font-size: 15px;color: #555555;line-height: 23px;position: relative;width: 500px;}
.yss .ybb .ybf1 p:before{content: "";display: inline-block;width: 14px;height: 14px;background: url(../images/yjj.png)no-repeat top center;position: absolute;z-index: 99;top: 4px;left: 0;}
.yss .ybb .ybf1 .ymm{width: 564px;height: 304px;overflow: hidden;margin-top: 53px;padding: 0;margin-left: -57px;}
.yss .ybb .ybf1 .ymm img{width:100%;}
.yss .ybb .ybf1 .ymm:before{display: none;}
.yss .ybb .ybf1 h2.y2{margin-top: 62px;}
.yss .ybb .ybf1 h2.y3{margin-top: 64px;}
.yss .ybb .ybf2 .img1{width: 614px;height: 502px;overflow: hidden;}
.yss .ybb .ybf2 .img1 img{width:100%;}
.yss .ybb .ybf2 .img2{width:100%; height: 332px; overflow: hidden; margin-top: 20px;}
.yss .ybb .ybf2 .img2 img{width:100%;}
/* 中马涂料 */
.tll{width:100%; height: 167px; background-color: #014596; padding-top: 40px; margin-top: 106px;}
.tll .tlb{width: 799px;height: 102px;float: left;padding-top: 63px;}
.tll .tlb h2{text-align:right;font-size: 24px;color: #fff;font-weight: 600;padding-right: 32px;}
.tll .img{width:304px; height: 204px; position: absolute; z-index: 99; bottom: 20px; right: 0;}
.tll .img  img{width: 100%;}


/* News Information */
.news{width: 100%;padding-top: 56px;padding-bottom: 20px;}
.ntt i{background: url(../images/t4.png)no-repeat top center;}
.news .nwb{width: 100%; margin-top: 68px;}

.xleft{width: 561px;/* height: 508px; *//* border:1px solid #ebebeb; */}
.nsort{width: 100%;border-bottom:1px solid #cdcfd4;height: 38px;/* padding-left: 9px; */}
.nsort h3{display: inline-block;font-size:20px;color: #222222;font-weight:600;text-align: center;height: 38px;margin-right: 59px;}
.nsort h3 span{display: inline-block;font-size:13px;color: #999999;text-transform: uppercase;margin-left: 5px;text-align:center;font-weight: 400;margin-top:7px;}
.nsort h3.cur{color: #014596;border-bottom: 2px solid #014596;}
.nsort h3.cur span{color: #999999;}
.nsort a{display: inline-block;float: right;font-size:12px;color: #2d384b;margin-top: 15px;}
.nsort a span{display:inline-block;width: 13px;height: 13px;border-radius: 50%;background-color: #1a73df;font-size:13px;color:#fff;font-weight: 600;line-height: 12px;text-align:center;}

.news_list1 li{margin:38px 14px 0 14px;/* padding-bottom: 21px; *//* border-bottom: 1px solid #b6b6b6; */}
.news_list1 li a.img{width: 100%;height: 196px;/* overflow: hidden; */float: left;position: relative;}
.news_list1 li a.img img{width: 100%;height: 100%;}
.news_list1 li a.img h5{width: 110px;height: 43px;line-height: 43px;background: url(../images/fbr.png)no-repeat top center;padding-left: 45px;font-size: 24px;color: #fff;font-family: 'Arial';position: absolute;z-index: 99999;right: 0;bottom: -22px;}
.news_list1 li .xwnr{width: 100%;float:right;/* margin-right:12px; */border-bottom: 1px solid #f5f5f5;height: 125px;padding-top: 20px;}
.news_list1 li .xwnr a{font-size: 16px;color: #222222;}
.sumy{color: #666;font-size: 13px;font-weight: 400;margin-top: 15px;line-height: 24px;}
.news_list2{margin: 2px 14px 0 14px;position: relative;background: url(../images/line4.jpg) no-repeat top center;padding-bottom: 10px;}
.news_list2 li{width: 100%;line-height: 49px;border-bottom: 1px solid #f5f5f5;}
.news_list2 li a{color: #222222;font-size: 15px;font-weight: 400;display: inline-block;/* background: url(../images/n1.png)no-repeat left center; *//* padding-left: 32px; */}
.news_list2 li a:before{content:""; display: inline-block; width:17px; height:16px; background: url(../images/w11.png)no-repeat top center; margin-right: 12px;}
.news_list2 li:nth-child(2n){float: right;}
.news_list2 i{position: absolute;display: block;width: 1px;height: 255px;/*background: url(../images/nl1.png) no-repeat top center*/;z-index: 99999;left: 43%;top: 8px;}
.news_list2 li span{display: inline-block;float: right;font-size: 13px;color: #777777;}
.news_list2 li:hover a{color: #014596;}

.xright{width: 585px;height: 363px;}
.question-news{ width: 558px;    margin-top: 58px;}
.nbt2{width: 100%;height: 38px;border-bottom:1px solid #cdcfd4;/* padding-left: 9px; */}
.nbt2 .nnt{display: inline-block;font-size:20px;color: #222222;font-weight:600;/* text-align: center; */height:38px; border-bottom: 2px solid #014596;}
.nbt2 .nnt span{display: inline-block;font-size:12px;color: #999;text-transform: uppercase;text-align:center;font-weight: 400;margin-top: 2px;}
.nbt2 a{display: inline-block;float: right;font-size:12px;color: #2d384b;margin-top: 15px;}
.nbt2 a span{display:inline-block;width: 13px;height: 13px;border-radius: 50%;background-color: #014596;font-size:13px;color:#fff;font-weight: 600;line-height: 12px;text-align:center;}



.xright ul{width: 100%;}
.xright ul li{width:100%; height: 166px; padding-top: 20px; padding-bottom:20px; border-bottom: 1px solid #f0f0f0;}
.xright ul li .img{width: 270px;height: 122px; overflow: hidden; float:left;}
.xright ul li .img img{width:100%;}
.xright ul li dd{float: right;padding-top: 17px;padding-left: 33px;width: 305px;}
.xright ul li dd h2{font-size:15px; color: #222222; position: relative;}
.xright ul li dd h2::before{content:"";display: inline-block;width: 19px;height: 19px;background: url(../images/wen.png)no-repeat top center;position: absolute;z-index: 999;top:0;left: -29px;}
.xright ul li dd h3{font-size: 13px;color: #666666;line-height: 26px;margin-top: 23px;position: relative;}
.xright ul li dd h3:before{content:"";display: inline-block;width: 19px;height: 19px;background: url(../images/da.png)no-repeat top center;position: absolute;z-index: 999;top: 5px;left: -29px;}

.news_list1 li:hover .xwnr a{color: #014596;}
.xright ul li:hover dd h2{color:#014596;}

.flk{width: 100%; height: 60px; line-height:60px; font-size: 14px; color: #666;}
.flk a{display:inline-block; font-size: 14px; color: #666; margin-left: 10px;}



.nfft{width: 1920px;position: relative; left:50%; margin-left: -960px; height: 268px;padding-top: 44px;}

.nfft .nff1{width: 426px; padding-left: 72px; position: relative;}
.nfft .nff1 h2{font-size:15px;color: #fff;position: relative;margin-top: 9px;}
.nfft .nff1 h2 strong{font-size: 25px;color: #fff;position: relative;display: block;margin-top: 9px;}
.nfft .nff1 h2:before{content:""; display: inline-block; width: 59px;height: 59px; background: url(../images/ft1.png)no-repeat top center; position: absolute; z-index: 999; top:0; left:-70px;} 
.nfft .nff1 h3{font-size: 15px;color: #fff;margin-top: 40px;position: relative;display: inline-block;}
.nfft .nff1 h3:before{content:"";display: inline-block;width: 59px;height: 59px;background: url(../images/ft2.png)no-repeat top center;position: absolute;z-index: 999;top: -22px;left:-70px;vertical-align: middle;}
.nfft .nff2{width: 265px;}

.nfft .nff2 h4{font-size:18px; color: #fff; color: #fff; font-weight: 600; height: 37px; background: url(../images/fb1.png) no-repeat bottom left;}
.nfft .nff2  dd{margin-top: 18px;}
.nfft .nff2  dd a{font-size:14px; color: #fff; display:inline-block; line-height: 30px; }
.nfft .nff2  dd a:nth-child(2n){margin-left: 50px;}

.nfft .nff2  dd a:before{content:""; display: inline-block; width: 5px;height:5px; background-color: #fff; vertical-align: middle; margin-right: 15px;}
.nfft .nff2  dd a:hover{color: #014596;}
.nfft .nff2  dd a:hover:before{background-color: #014596;}

.nfft .nff3{width: 327px; padding-top:10px;}

.nfft1{width: 100%; background-color: #24333b; padding:15px 174px; font-size:12px; color: #9db0be; line-height: 25px; text-align: center;}
.nfft1 a{color:#9db0be;}



.xypg-left-title{width: 100%; height: 58px; background-color: #014596;}
.xypg-left-title h3{text-align:center;line-height: 40px;}
.xypg-left-title h3::before{content:""; display: inline-block; width: 30px;height:1px; background-color: #fff; vertical-align:middle; margin-right: 10px;}
.xypg-left-title h3::after{content:""; display: inline-block; width: 30px;height:1px; background-color: #fff; vertical-align:middle; margin-left: 10px;}

.xypg-left-nav > li:hover{background-color: #373737;}
.xypg-left-nav > li:hover a{color: #fff;}
.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn{background-size: -120px;background-position: -31px -240px;}

.latest-news li a:before{content: "";display: inline-block; width:14px; height: 14px; background: url(../images/nn1.png)no-repeat top center; margin-right: 10px;}


.xypg-case-list li{position: relative;padding: 7px;border: 1px solid #d1d6d2;position: relative;}
.xypg-case-list li h3{position: absolute;z-index: 999;height: 30px;line-height: 30px;width:100%;opacity:0; background-color: rgba(0,0,0,0.5);padding-left: 18px;font-size: 15px;color: #fff;bottom: 0;left: 0;}
.xypg-case-list li h3 .cak{line-height: 15px;display: inline-block;float: right;font-size: 12px;color: #fff;margin-right: 17px;}
.xypg-case-list li:hover{padding: 0; border:none; box-shadow: 2px 2px 4px rgba(0,0,0,0.1);}
.xypg-case-list li:hover h3{ opacity: 1;}
.xypg-case-list li:hover h3 .cak{color: #fff;}



.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a{background-color: #373737; color: #fff;}



.swiper-pagination-bullet{width:9px; height:9px; border-radius:50%; background:#014596; opacity:1;}

.swiper-pagination-bullet-active{opacity:0.5;}


.xypg-product-list li:hover h3 a{color:#0a5bbb;}