/*fp-seed:3tadv7mmz4dm main-y1qwqxxvj*/
x-banner/*初始化样式*/
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:#272D81;text-decoration:none;outline:none}

/* 【 主体 宽度 】*/
/* 普通站 */
/* .wh{width: 1200px;margin:0 auto}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px} */
/* 响应式 (max-width= 1440 + 15 * 2) */
.wh{max-width:calc(1440px + 30px);margin:0 auto;padding:0 15px}
/* 【 内页 】左侧 */
/* .container{width: 1200px!important;margin: 0 auto;padding: 0}
.page-product-inquiry a{color: #fff} */

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}


/* 滚动 */
#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}

/* 【 重置 标签 】 */
h1,h2{font-size:12px}
h1,h2,h3,h4,h5,h6{font-weight: normal}

/* 图片 放大 效果 */
.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.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2)}



/* 1【 头部 】 */
.top1{/* display: none; */height: 27px;/*修改：2处*/background: #e6e6e6;color: #595959;line-height: 27px;font-size: 13px;overflow: hidden}
.top1 a{color:#595959;/* margin: 0 3px; */}
/* 2 */
.top2{/* display: none; */height: 100px;/*修改：2处*//* overflow: hidden; */}
#header{width:1000px;margin:0 auto}
.logo{float:left;line-height: 100px}
/* 广告语 */
.top2 .adv{display: none; height: 65px;margin-top: 21px;padding-left: 25px;margin-left: 25px;border-left: 1px solid #e6e6e6}
.top2 .adv p:nth-child(1){font-size: 22px;color: #333333;font-weight: bold;letter-spacing: 1px}
.top2 .adv p:nth-child(2){font-size: 14px;color: #808080}
/* 电话 */
.top2 .phone1{font-size:26px;color:#ff0000;padding: 13px 0 0 48px; */margin-top: 32px;height: 50px;font-weight: bold} 
.top2 .phone1 p{} /* 文字 */
/* 【 搜索 】头部 */
.headSearch{display: none;/*隐藏*/}
/* 容器 */
.headSearch #formsearch{height: 40px;line-height: 41px;margin-right: 13px;margin-top: 0px}
.headSearch #formsearch input::-webkit-input-placeholder {color:#9a9a9a}
.headSearch #formsearch textarea::-webkit-input-placeholder {color: #9a9a9a}
/* 输入框 */
.headSearch #keyword{width: 225px;line-height: 37px;/*修改：2处*/color: #9a9a9a;font-size: 12px;margin-left: 10px;border: none;outline: none;background: none; border: 1px #2b7ce2 solid;padding-left: 10px}
/* 按钮 */
.headSearch #s_btn{font-size: 12px;color:#fff;width: 52px;line-height: 37px;margin-left: -4px; border: none;background: none;outline: none; */background-color: #2b7ce2}



/* 2【 导航栏 】 */
.nav{*/height: 100px;/*高度 5处 修改*/background-color: #fff;/* position: absolute;z-index: 999;width: 100%;background: rgba( 0, 0, 0, .5); *//*固定*/}
/* 【 导航 】 (下拉框) */
.navFw{font-size: 18px;color: #fff;margin: 0 0 0 0;padding:0 0 0 0; */padding: 0 0 0 88px;height: 40px;line-height: 40px;width: 260px;letter-spacing: 1px;position: relative}
.navFw ul{display: inline-block;margin: 0 0 0 0;padding:0 0 20px 0;/*clear: both;*/z-index: 99;position: absolute;width: 100%;top: 40px!important;left: 0;top: 0;background-color: rgba(0, 56, 147, .8)}
.navFw ul li{/* display: inline-block;float: left; */margin: 0 0 0 0;padding:13px 0px 9px 37px;transition: .4s;width: 100%;border-bottom: 1px solid #fff}
.navFw ul li a{display: inline-block;width: 100%}
.navFw ul li .img{display: inline-block;line-height: 1}
.navFw ul li img{}
.navFw ul li h2{font-size: 18px;color: #fff;margin: 0 0 0 20px;padding:0 0 0 0;transition: .4s;display: inline-block}
.navFw ul li span{color: #fff;display: inline-block;float: right;margin: 0 43px 0 0}
/* 【 Logo 】 */
.nav .logoN{display: none; /*Logo*/float: left;line-height: 100px;width: 16%}
/* .nav .logoN img{width: 100%} */
/* 【 电话 】 */
.nav .phone{display: none;/*隐藏*/font-size: 26px;color: #037db8; */ padding: 0 0 0 35px;margin: 15px 0 0 0;font-weight: bold}
.nav .phone h2{font-size: 16px;color: #000000;margin: 0 0 0 0;padding:0 0 0 0}
/* 【 导航栏 】Main */
.x-menu {width: 67%;float: right;display: flex;justify-content: space-between;/* margin-right: -50px; */position: relative;top: 9px}
.x-menu > li {float: left;position: relative;text-align:center;width: 12.5%}
.x-menu > li > a {display: block;font-size: 16px;color: #000000;line-height: 100px; transition: .3s;/* width: 70%;margin: 0 auto; *//*居中，增加 边距*//* font-weight: bold; */position: relative;z-index: 111}
/* .x-menu > li:hover:before{width: 123px;height: 61px;top: -5px;left: -5px;background: url(../images/81a9067d_a56cc876f9dbd9cd6fc2dff1a792da2267c5508a.png) no-repeat 0px 0px;position: absolute;background-size: 100%;content: "";z-index: 99} *//* hover before添加 li 背景图 */
.x-menu > li.active > a {/* background-color: #f3570f; */}
.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)}
/* .x-menu > li+li{background: url(  ) no-repeat center left} */
/* 描述 (英文) */
.x-menu > li{position: relative}
.x-menu .navEng{font-size: 11px;color: #ababab;position: absolute;top: 26px;left: 0;right: 0;z-index: 2;pointer-events: none}
/* 下拉框 */
.x-sub-menu {position: absolute;z-index: 99999;width: 150%;left: -25%;top: calc(100px + 8px);background: #fff;border-radius: 5px;padding: 10px 0;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: 16px;color: #333;line-height:2;overflow:hidden}
.x-sub-menu > li > a:hover {background: #e9eaeb}
.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: -9px;left: 50%;margin-left: -10px;z-index: 99}
/* 【 中英文 切换 】 */
.language{margin: 27px 0 0 0;padding: 3px 5px;/* border: 1px solid #C4C4C4;border-radius: 100px; */text-align: center}
.language img{padding-right: 5px}
.language a{padding: 0 0 0 0;font-size: 14px;color: #696969;/* font-weight: bold; */margin: 0 0 0 0;display:inline-block;float:left}
/* 【 搜索框 】 */
.navSearch{display: none;/*隐藏*/}
/* 容器 */
.navSearch #formsearch{height: 40px;line-height: 41px;margin-right: 13px;margin-top: 0px}
.navSearch #formsearch input::-webkit-input-placeholder {color:#9a9a9a}
.navSearch #formsearch textarea::-webkit-input-placeholder {color: #9a9a9a}
/* 输入框 */
.navSearch #keyword{width: 225px;height: 37px;line-height: 37px;color: #9a9a9a;font-size: 12px;margin-left: 10px;border: none;outline: none;background: none; border: 1px #2b7ce2 solid;padding-left: 10px}
/* 按钮 */
.navSearch #s_btn{font-size: 12px;color:#fff;width: 52px;height: 37px;line-height: 37px;margin-left: -4px; border: none;background: none;outline: none; */background-color: #2b7ce2}



/* 3【banner】 */
.banner{position:relative}
.banner{width:100%;height:100%}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%}
.banner ul.bb li a{width:100%;display:block;height:100%}
.banner ul.bb li a img{width:100%;height:100%}
.banner .num{position:absolute;right:0;bottom:40px;z-index:100;text-align: center;width: 100%}
.banner .num li{display:inline-block;margin:0 5px;width:61px;height: 6px; text-indent:-100px;overflow:hidden;background: #009b4c}
.banner .num li.num_hover{background-color:#e15616}
.banner .num li.num_hover a{color:#fff}/*@pack jp2s11psvt*/
.banner .num li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:16px;height:16px;line-height:16px}



/* 【 关键字 + 搜索 】 */
.key1{display: inline-block;padding: 10px 0}
/* 关键词 */
.key1 .a3{font-size: 12px;/*修改：2处*/line-height: 41px;margin-right: 6px;color: #1c1b1b}
.key1 .a3 a{color: #1c1b1b}
/* .key1 .a3 a:hover{color: #e80435} */
.key1 .a3 a::after {content: "、"}
.key1 .a3 a:last-child:after {content: none}
.key1 .a3 a+a{margin-left: 8px}
/* 【 搜索 】 */
/* 容器 */
.search1 #formsearch{height: 40px;line-height: 41px;/* margin-right: 13px; */margin-top: 0px} 
.search1 #formsearch input::-webkit-input-placeholder {color:#9a9a9a}
.search1 #formsearch textarea::-webkit-input-placeholder {color: #9a9a9a}
/* 输入框 */
.search1 #keyword{width: 225px;height: 37px;color: #9a9a9a;font-size: 12px;margin-left: 10px;border: none;outline: none;background: none;line-height: 40px; border: 1px #2b7ce2 solid;padding-left: 10px} 
/* 按钮 */
.search1 #s_btn{width: 52px;height: 37px;line-height: 37px;color: #000;margin-left: -4px; border: none;background: none;outline: none; */background-color: #2b7ce2} 
/* 提示文字的 颜色 */
/* 输入框 (点击 历史记录) 背景色 */
input:-webkit-autofill {/* color: #333!important; */-webkit-text-fill-color: #333;box-shadow: 0 0 0 1000px #fff inset!important}
input:autofill {/* color: #333!important; */-webkit-text-fill-color: #333;box-shadow: 0 0 0 1000px #fff inset!important}



/* 【 友情链接 1 】 */
.f_link1{color: #aba8a8;font-size: 14px;padding-bottom: 20px}
.f_link1 a{color: #aba8a8}
.f_link1 a+a{margin-left: 6px}

.x-banner{    margin-top: 5.3%}
.page-banner{    margin-top: 5.3%}
/* 【 自适应 】*/
@media (max-width: 1440px) {

}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    body {padding-top: 60px}/* 响应式 头部 导航 高度 */
   
    .page-banner{    margin-top: 0}
}
@media (max-width: 475px) {

}



/* ====================================================== */
/* 【 内页 】架构 覆盖 */
.xypg-left-con2 .xypg-left-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 3%; /* overflow: scroll; */margin-top:2%}
.xypg-left-con2 .xypg-left-nav > li { width: 18%; position: relative; text-align: center; background: #f7f7f7; border-right: 1px solid #dedede}
.xypg-left-con2 .xypg-left-nav > li:last-child { border: none}
.xypg-left-con2 .xypg-left-nav > li > a { display: block; font-size: 16px; line-height: 30px; color: #4c4c4c; padding: 15px 18px}
.xypg-left-con2 .xypg-left-nav > li:hover > a, .xypg-left-con2 .xypg-left-nav > li.clicked > a { color: #fff; background: #282F80}
.xypg-left-con2 .xypg-left-nav::-webkit-scrollbar{width: 0;height: 0}
@media (min-width: 991px) {
     .page-wrap-left { display: none}
}
@media (max-width: 991px) {
    .xypg-left-con2 .xypg-left-nav{flex-wrap: wrap}
    .xypg-left-con2 .xypg-left-nav > li{width: 33%}
    .xypg-left-con2 .xypg-left-nav > li > a{font-size: 14px;line-height: 16px}
}
/* 内页左侧导航栏样式 */ .xypg-left-nav { margin: 0 -1px}
.xypg-left-nav>li { position: relative; border-bottom: 1px solid #eeeeee}
.xypg-left-nav>li:last-child { border-bottom: none}
.xypg-left-nav>li>a { display: block; font-size: 16px; line-height: 22px; color: #2e2e2e; padding: 15px 18px}
.xypg-left-nav>li .first-nav-btn { position: absolute; z-index: 99; width: 30px; height: 30px; text-align: center; top: 10px; right: 20px; cursor: pointer; background: url(../images/5adf2afc_icon_spirit.png) 0 -240px no-repeat; display: none}
.xypg-left-nav>li .first-nav-btn.clicked { background-position: 0 -270px}
.xypg-left-nav>li:hover>a, .xypg-left-nav>li.clicked>a { color: #282F80}
.xypg-left-nav>li:hover .first-nav-btn, .xypg-left-nav>li.clicked .first-nav-btn { color: #282F80}
.xypg-left-nav .xypg-left-subnav { display: none; padding: 0 10px}
@media(min-width: 992px) { .xypg-left-nav>li:hover .xypg-left-subnav { display:block; position: absolute; top: 60px; left: 0; z-index: 1111; background: #f7f7f7; width:100%}
    .xypg-left-nav>li:nth-child(2) .xypg-left-subnav{ /*width:120%;*/ }
}
.xypg-left-nav .xypg-left-subnav>li { border-top: 1px dashed #eeeeee}
.xypg-left-nav .xypg-left-subnav>li>a { padding: 8px; display: block; line-height: 20px; color: #818181; font-size: 14px}
.xypg-left-nav .xypg-left-subnav>li>a:hover { color: #282F80}
.xypg-left-nav .xypg-left-subnav>li.clicked>a { color: #282F80}
.xypg-left-nav .xypg-left-threenav>li>a { padding: 5px 10px; display: block; font-size: 14px; line-height: 24px; color: #999999}
.xypg-left-nav .xypg-left-threenav>li>a:before { content: '2014 '}
.xypg-left-nav .xypg-left-threenav>li>a:hover { color: #282F80}
.xypg-left-nav .xypg-left-threenav>li.clicked>a { color: #282F80}
@media (max-width: 990px) { .xypg-left-nav .xypg-left-threenav { display: block}
}
.xypg-pro-description { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 2em}
.xypg-product-list { margin: 0; font-size: 0}
.xypg-product-list li { display: inline-block; vertical-align: bottom; width: 23.49333%; margin: 0 2% 20px 0; padding: 10px 10px 0 10px; border: 1px solid #eeeeee; -webkit-transition: all .5s ease; transition: all .5s ease}
.xypg-product-list li:nth-child(4n){
    margin-right: 0}

.xypg-product-list li .img { display: block}
.xypg-product-list li h3 a { display: block; text-align: center; font-size: 14px; color: #5a5a5a; line-height: 1.6; padding: .8em 0}
.xypg-product-list li:hover { border-color: #282F80}
.xypg-product-list .no-result { margin: 0 1.5%; font-size: 14px}
.xypg-case-list { margin: 0 -1%; font-size: 0}
.xypg-case-list li { display: inline-block; vertical-align: bottom; width: 31.333%; margin: 0 1% 10px 1%; -webkit-transition: all .5s ease; transition: all .5s ease}/*@build e11jhg*/
.xypg-case-list li .img { display: block}
.xypg-case-list li h3 a { display: block; text-align: center; font-size: 14px; color: #5a5a5a; line-height: 1.6; padding: .8em 0}
.xypg-case-list li:hover h3 a { color: #282F80}
/* 内页新闻列表 */ .xypg-news-list li { border: 1px solid #e1e1e1; padding: 30px; background: #fff; margin-bottom: 35px; -webkit-transition: all .5s; transition: all .5s}
.xypg-news-list li .tit { border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative}/*vendor:7c389qc6*/
.xypg-news-list li .tit h3 { padding-bottom: 15px; font-size: 18px; color: #565656; font-weight: normal; padding-right: 25%; margin: 0}
.xypg-news-list li .tit .date { position: absolute; right: 0; top: 0; font-size: 14px; color: #666666}
.xypg-news-list li .info { font-size: 14px; line-height: 2; color: #999999}
.xypg-news-list li .more { margin-top: 15px}
.xypg-news-list li .more span { display: inline-block; width: 130px; line-height: 33px; text-align: center; color: #000; font-size: 14px; color: #666666; border: 1px solid #e1e1e1; -webkit-transition: all .5s ease; transition: all .5s ease}
.xypg-news-list li:hover { -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18)}
.xypg-news-list li:hover .tit h3 { color: #282F80}
.xypg-news-list li:hover .more span { color: #fff; background-color: #282F80}
@media (max-width: 990px) { .xypg-news-list li .tit { border-bottom: none}
.xypg-news-list li .tit h3 { padding-right: 0; padding-bottom: 10px}
.xypg-news-list li .tit .date { position: static; border-bottom: 1px solid #cbcbcb; padding-bottom: 5px; color: #999}
}
.containers{padding-top: 3%}



#lightbox{top:150px!important}
.lb-outerContainer{width:400px!important;height: auto!important}
.lb-outerContainer img{width: 100%!important;
height: auto!important}



.container-fluid{max-width:calc(1270px + 30px);margin:0 auto;padding:0 15px}






/* 测试测试测试测试测试测试测试测试三二一  Main  一二三测试测试测试测试测试测试测试 */