/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#009fff;text-decoration:none;outline:none;}
p {margin: 0;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.flexd{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}




/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


/*头部样式*/
.top1{height: 27px;background: #e6e6e6;color: #595959;line-height: 27px;overflow: hidden;font-size: 13px;}
.top2{position: absolute;top:0;width: 100%;z-index: 99;}
#header{width:1000px;margin:0 auto;}
.logo{float:left;margin-top: 35px;}
.top2 .k2{margin-top: 35px;font-size: 16px;color: #333333;line-height: 35px;background: url() no-repeat left center;padding-left: 40px;}



/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch a{margin-right:6px;}
.hotSearch{float:left;font-weight:normal;}

/*搜索和热门搜索*/
#formsearch{width: 189px;position: absolute;right: 0;display: none;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#009fff;color:#fff;border:none;cursor:pointer;font-size: 12px;}
.x-menu>li.ss{width: auto;}
.ss-btn{cursor: pointer;}



.sp li{width: 49.8%;}
.fancybox-slide--video .fancybox-content{width: 534px!important;height: 300px!important;}

/* 导航样式 */


.x-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 975px;
    margin-top: 40px;
}

.x-menu>li {
    position: relative;
    width: 150px;
}

.x-menu>li>a {
    display: block;
    font-size: 16px;
    color: #ffffff;
    white-space: nowrap;
    line-height: 42px;
    height: 42px;
    text-align: center;
}



.x-menu>li>a:hover {
   color: #009fff;
   background: url(../jpg/14ad8b342aca3082430bb859d98d0c57767db9ed.jpg) no-repeat bottom center;
}



.x-menu>li:after {
    content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    /*height: 40px;*/
    opacity: 0;
    top: 100%;
}

.x-menu>li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: #fff;
}

.x-sub-menu {
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0%;
    top: 42px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}



.x-sub-menu>li>a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 2.6;
}

.x-sub-menu>li>a:hover {
    background: #009fff;
    color: #fff;

}

.x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
    display: none;
}



/*  */
.box1{margin-top: 50px;}
.bt1{text-align: center;}
.bt1 dd{color: #666666;opacity: 0.3;font-weight: bold;font-size: 36px;text-transform: uppercase;line-height: 1;
margin-bottom: 20px;
}
.bt1 dt{color: #009fff;font-size: 36px;font-weight: bold;line-height: 1;margin-top: -20px;}
.acon{color: #666666;font-size: 18px;line-height: 25px;text-align: center;margin:28px 0;}
.amore a{display: block;margin:0 auto;width: 145px;height: 34px;border: solid 1px #009fff;line-height: 32px;text-align: center;color: #009fff;font-size: 15px;}
.psort{margin:35px 70px 0 70px;}
.psort li{width: 287px;height: 189px;border: solid 1px #666666;text-align: center;}
.psort li .img {height: 120px;line-height: 120px;margin:15px auto 7px;}
.psort li p{color: #666666;font-size: 24px;}
.psort li:hover{border-color: #000000;}
.psort li:hover p{color: #000;}


/*  */
.box2{height: 320px;background: url(../jpg/ee920df9e3503a0441e63ce995eff35382b8c3a4.jpg) no-repeat center;margin-top:67px;margin-bottom: 80px;padding-top: 42px;}
.sul{border-right: solid 1px rgba(235,235,235,.1);}
.sul li{width: 299px;text-align: center;height: 241px;border-left: solid 1px rgba(235,235,235,.1);padding-top: 50px;}
.sbt{color: #ffffff;font-size: 54px;font-family: 'Arial';font-weight: bold;}
.sul li p{color: #ffffff;font-size: 16px;}
.line1{width: 26px;height: 3px;background-color: #009fff;margin:0 auto;margin-bottom: 14px;}
.pbox{position: relative;}
.pbox .hd{margin:49px 0 66px;font-size: 0;}
.pbox .hd ul{
        display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.pbox .hd li{margin:0 22px;display: inline-block;}
.pbox .hd li a{width: ;height: 56px;border: solid 2px #666666;line-height: 52px;display: block;color: #666666;font-size: 24px;text-align: center;padding-left: 10px;
    padding-right: 10px;}
.pbox .hd li.on a{border: solid 2px #009fff;color: #009fff;}
.plist li{width: 367px;margin-bottom: 46px;}
.plist li .img img{width: 367px;height: 297px;}
.plist li h3 a{line-height:54px;display: block;font-weight: normal;text-align: center;color: #333333;font-size: 16px;border: solid 1px #e8e8e8;border-top:none;}
.plist li:hover{box-shadow: 0px 2px 13px 0px rgba(214, 21, 25, 0.1);}
.plist li:hover h3 a{color: #009fff;}
.pbox .hd .prev,.pbox .hd .next{position: absolute;top:466px;width: 65px;height: 65px;}
.pbox .hd .prev{background: url(../jpg/0d07736c24f1ccd66fc97bb85ac2d8e186abb884.jpg) no-repeat left center;left: -114px;}
.pbox .hd .prev:hover{background: url(../jpg/dab2e9ebf95eb94d55ef17db71db5e3b8fd6bbe0.jpg) no-repeat left center;left: -114px;}
.pbox .hd .next{background: url(../jpg/b9d7d870e6bd33e2fe97fb75498db1970c7e1d4f.jpg) no-repeat left center;right: -114px;}
.pbox .hd .next:hover{background: url(../jpg/40e843caf54a3c605cb2a17e895e60ad90e11388.jpg) no-repeat left center;right: -114px;}



/*  */
.box33{margin-top: 55px;}


/*  */
.box4{margin:50px 0 56px;}
.xin{margin-bottom: 19px;}
.xin h3{color: #009fff;font-size: 36px;line-height: 31px;font-weight: bold;padding-left: 11px;height: 33px;border-left:4px solid #009fff;}
.xin a{display: block;width: 175px;height: 44px;background-color: #009fff;line-height: 42px;text-align: center;color: #ffffff;font-size: 18px;text-transform: uppercase;}
.nul .slick-slide{width: 355px;margin:0 27px;}
.nul{margin:0 -27px;}
.nul li .img img{display: block;width: 355px;height: 269px;}
.bj1{margin:22px 6px 0 8px;}
.bj1 h3 a{display: block;color: #333333;font-size: 13px;font-weight: normal;padding-left: 19px;height: 28px;
	border-left:1px solid #009fff;padding-top: 12px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
}
.bj1 p{color: #666666;line-height: 22px;font-size: 12px;padding-left: 20px;margin: 9px 0 24px;}
.nn a{display: block;color: #666666;font-size: 12px;background: url(../png/d02bd0bcdf84b650d0f46ab86254e3db96734764.png) no-repeat left center;padding-left: 26px;}
.nul li:hover .bj1 h3 a{color: #009fff;}
.nul li .img{display: block;position: relative;}
.bj2{position: absolute;background: rgba(0,159,255,.25);width: 355px;height: 269px;top:0;display: none;}
.nul li:hover .bj2{display: block;}


/*  */
.box5{height: 234px;background-color: #f3f2f0;padding-top: 45px;}
.box5 li{margin: 0 45px;}




/* */
.footer{background: url(../png/eda37b6bac823f5b95094ac8dccf64cb27c4acae.png)no-repeat center;background-size:cover;padding-top: 3%;}
.lx{width: 463px;}
.ff_tit{line-height: 40px;border-left: 3px solid #009fff;padding-left: 30px;color: #fff;font-size: 18px;font-weight: bold;}
.ff_tit:hover{color: #009fff;}
.lx-cont{margin:3% 0 0 30px;color: #fff;font-size: 14px;line-height: 35px;}
.lx-cont p{background: url(../png/4881a96938ee2205396b70f36a44d85305a12305.png)no-repeat left;padding-left: 8%;height: 35px;overflow: hidden;}
.lx-cont p:nth-child(2){background: url(../png/fde661a73289142094a6ce6dd6da435b281adb34.png)no-repeat left;}
.lx-cont p:nth-child(3){background: url(../png/fde661a73289142094a6ce6dd6da435b281adb34.png)no-repeat left;}

.ff_nav{float: left;width: 170px;}
.ff_nav .ff_tit{margin-bottom: 16px;}
.ff_nav .sec{margin:3% 0 0 6%;color: #fff;font-size: 14px;line-height: 22px;}
.ff_nav .sec a{color: #fff;}


.er{width: 224px;}
.er img{max-width: 100%;}

.link{margin-top: 2%;line-height: 20px;color: #fff;font-size: 16px;}
.link a{display: inline-block;margin-right: 5px;color: #fff;}

.copyright{padding: 10px 0;color: #fff;opacity: 0.6;font-size: 14px;text-align: center;line-height: 25px;border-top: 2px solid #666971;}
.copyright a{color: #fff;}





/* 友情链接 */

.c-link {
    padding: 20px 0;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.c-link .con {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.c-link span {
    cursor: pointer;
    display: block;
}

.c-link dd{
    width:calc(100% - 70px)
}

.c-link .sec {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(255,255,255,.6);
    padding: 10px;
    min-width:120px;
}

.c-link a {
    color: #2a333c;
    padding: 0 4px;
    font-size: 14px;
    line-height: 24px;
}
.c-link  dd a{color: #fff;}


/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}


.page-product-inquiry a{color: #fff;}


@media (max-width: 992px) {
    body {
        padding-top: 60px;
        padding-bottom: 50px;
    }
}