/*初始化样式*/
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,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;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:#333;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}


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;}




/*----- 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;}



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


.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);}



.roll_product {float: left;}

/* */
.head{height: 46px;line-height: 46px;background: #eee;color: #717171;font-size: 12px;overflow:hidden;}
.head a{color: #717171;}
.k1 a{padding:0 2px;}


.logo{line-height: 109px;float: left;}

.top_tel{float: right;background: url(../images/t.png)no-repeat right;padding-right: 72px;color: #333333;font-size: 21px;margin-top:18px;line-height: 35px;text-align: right;}


/* */




.top2{height:108px;overflow:hidden;}
.k2{margin-top: 5px;font-size:16px;color:#333333;line-height:35px;text-align:right;}





/*热门搜索*/
.sou{height:34px;margin-top:1.5%;overflow:hidden;}
.hotSearch{line-height: 34px;color: #5a5a5a;font-size: 14px;}
.hotSearch a{color: #5a5a5a;padding:0 1px 0 2px;}
.hotSearch a+a{background: url(../images/dd.png) no-repeat left bottom;}




#formsearch1{float: right;background: url(../images/ss.png) no-repeat;width:256px;height:34px;}
#formsearch1 input{background: none;border:none;float: left;outline: none;height: 34px;line-height: 34px;}
#formsearch1 input#keyword{padding-left: 12px;color: #b8b8b8;font-size: 14px;}
#formsearch1 input#s_btn{width: 51px;float:right;outline:none;}
#formsearch1 input::-webkit-input-placeholder {color:#b8b8b8;}
#formsearch1 textarea::-webkit-input-placeholder {color: #b8b8b8;}

#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}









/*导航栏样式*/
#menu{background: #034daa;}
.navs li{text-align:center;float:left;position:relative;z-index:999;width:12.5%;}
.navs li a{display:block;line-height:60px;color:#fff;height:60px;padding:0;font-size:16px;}
.navs li a:hover{color:#fff;text-decoration:none;background-color:#ec5f34;}

.navs .sec{height:0;background:#034daa;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:60px;left:0px;width: 100%;}
.navs .sec a{background:#034daa;color:#fff;height:38px;line-height:38px;overflow:hidden;font-size: 14px;}
.navs .sec a:hover{background:#ec5f34;text-decoration:none;}
.ahover{background:#ec5f34;text-decoration:none;}







/*巨洋产品中心*/
.box1{margin-top:2%;overflow:hidden;}
.bt{text-align:center;color:#303030;font-size:40px;text-transform:uppercase;}
.bt p{color:#838383;font-size:15px;font-weight:normal;background: url(../images/x.png) no-repeat center bottom;padding:6px 0 12px;}
.box1 .cont{margin-top:3.5%;position:relative;}


.large-img{margin:0 auto;position: relative;}
.large-img  li{position: relative;overflow: hidden;border-radius: 0;padding:0 2.5%; background-color:#f0f0f0; margin-right:5px; margin-bottom:10px;}
.large-img  li:hover{background-color:#363e45; }
.large-img li a.img{display:block; padding-top:15px;}
.large-img li a.img img{display:block;width:100%;}
.large-img li a{display: block;position: relative;}
.large-img  li  h3 a{display:block;color:#535353;font-size:14px;line-height:40px;text-align:center;overflow:hidden;font-weight:normal;}

.large-img  li  h3 a:hover{display:block;color:#fff;font-size:14px;line-height:40px;text-align:center;overflow:hidden;font-weight:normal;}





/*4大核心优势*/
.box2{background: url(../images/bj2.png) no-repeat;background-size:100% 100%;margin-top:1%;padding:4% 0;overflow:hidden;}
.ybt{text-align:center;color:#ffffff;font-size:40px;text-transform:uppercase;}
.ybt p{color:#ffffff;font-size:15px;font-weight:normal;margin-top:10px;}



.foyss{
    position: relative;
    margin-top:3%;
}
.foyss .bd ul li{
    background-color: #ffffff;
 
}
.foyss .bd ul li .fyspics{
  width:63%;
}

.foyss .bd ul li .fyspics img{width:100%;display:block;}

.foyss .bd ul li .ysconrs{
    width:37%;
    padding:7% 3.5%;
} 
.foyss .bd ul li .ysconrs dd{
    float: left;
    width: 49px;
	height: 49px;
    background-color: #034daa;
    border-radius: 50%;
    text-align: center;
    font:400 23px/49px MicrosoftYaHei;
    color: #ffffff;
}
.foyss .bd ul li .ysconrs h3{
    font:bold 24px/49px MicrosoftYaHei;
    color: #034daa;
    float: left;
    margin-left: 28px;
}
.foyss .bd ul li .ysconrs span{
    display: block;
    border-top: 2px dashed #eeeeee;
    margin-top: 11px;
}
.foyss .bd ul li .ysconrs p{
    font:normal 15px/34px MicrosoftYaHei;
    color: #595757;
    margin-top: 25px;
}
.foyss .bd ul li .ysconrs a{
    display: block;
    width: 101px;
	height: 33px;
	background-color: #595757;
    border-radius: 17px;
    text-align: center;
    font:normal 15px/33px MicrosoftYaHei;
    color: #ffffff;
    margin-top: 30px;
}


.foyss{}


.foyss .fuls{
    margin-top:3%;
    
}

.foyss .fuls ul{position: relative;
    display:flex;
    justify-content:space-between;flex-wrap:wrap;}
.foyss .fuls li{
    width:24%;
	height: 75px;
    border: solid 1px #ffffff;

}

.foyss .fuls li dd{
    width: 45px;
	height: 45px;
    background-color: #ffffff;
    float: left;
    margin-top: 13px;
    margin-left: 10px;
    text-align: center;
    font:normal 23px/45px SimHei;
    color: #034daa;
    border-radius: 50%;
}
.foyss .fuls li h3{
    font-weight:normal;font-size:22px;line-height:75px;
    color: #ffffff;
    float: left;
    margin-left: 16px;
}
.foyss .fuls li.on{
    background-color: #ffffff;
}
.foyss .fuls li.on dd{
    background-color: #034daa;
    color: #fff;
}
.foyss .fuls li.on h3{
    color: #034daa;
}


.foyss .fulss{
    position: absolute;
    bottom: 182px;
    right: 25px;
    z-index: 99;
}
.foyss .fulss li{
    width: 11px;
	height: 11px;
    background-color: #034daa;
    border-radius: 50%;
    float: left;
    margin:0 9px;
}






/*仓储环境*/

.prod{position:relative;}
.prod .prods{position:relative;padding:0 8px;}
.prod .prods a{outline:none;border:none;}
.prod .prods .img img{width:100%;margin:0 auto;}
.prod .prods h3{color:#3e3a39;font-size:23px;line-height:50px;font-weight:normal;text-align:center;}
.prod .slick-arrow{text-align:center;top:36%;position:absolute;width:50px;height:50px;border:none;outline:none;z-index:99999;}
.prod .slick-prev{background: url(../images/z.png) no-repeat;text-indent:-1000px;overflow:hidden;left:-76px;}
.prod .slick-next{background: url(../images/y.png) no-repeat;outline:none;text-indent:-1000px;overflow:hidden;right:-76px;}




.ht{width: 100%;}
.ht img{max-width: 100%;
    height: auto !important;
    width: auto !important;}




/*走进矩阵*/
.box1 .cont2{box-shadow:1px 4px 10px #ddd;padding:2.5% 1.5%;margin-top:1.3%;overflow:hidden;}
.abpic{width:30%;}
.abpic img{width:100%;display:block;}
.about{width:50%;}
.abtt{color:#3e3a39;font-size:26px;}
.ab{color:#3e3a39;font-size:16px;line-height:35px;margin-top:8px;}
a.am{color:#3e3a39;font-size:13px;line-height:21px;margin-top:15px;display:block;text-align:center;text-transform:uppercase;width:84px;border:1px solid #818181;}






.box5{background:#121d41;margin-top:2%;padding:2% 0;overflow:hidden;}
.ads{text-align:center;}
.ads li{width:13%;border-radius:50%;border:1px solid #ced2d9;display:inline-block;margin:0 2%;position:relative;padding:2% 0 4%;}
.ads li .img{width:30%;margin:0 auto;}
.ads li .img img{width:100%;display:block;}
.ads li h3{color:#ffffff;font-size:18px;font-weight:normal;margin-top:15px;}
.ads li:first-child{margin-left:0;}
.ads li:last-child{margin-right:0;}
.ads li .jt{position:absolute;left:114%;top:44%;}
.ads li:last-child .jt{display:none;}




/*新闻资讯*/
.xin{width:31%;}
.xin2{margin-left:3.5%;}
.xtt{position:relative;color:#333333;font-size:20px;background: url(../images/xx1.png) no-repeat left center;padding-left:14px;margin-bottom:10px;}
.xtt2{background: url(../images/xx2.png) no-repeat left center;}
.xtt a{position:absolute;color:#999999;font-size:14px;right:0;top:6px;}
.xt{width:100%;}
.xt img{width:100%;display:block;}

.xlist1{margin-top:5px;}	
.xlist1 li{height:37px;line-height:37px;overflow:hidden;border-bottom:1px dashed #dddddd;background: url(../images/nt.png) no-repeat left center;padding-left:13px;}	
.xlist1 li a{color:#333333;font-size:13px;}	
.xlist1 li a:hover{color:#034daa;}	


.xlist2{margin-top:20px;}
.xlist2 li{border-bottom:2px solid #f1f1f1;padding-bottom:6%;margin-bottom:6%;}
.xlist2 li:last-child{border:none;margin-bottom:0;padding-bottom:0;}
.xlist2 li h3{color:#333333;font-size:18px;font-weight:normal;background: url(../images/wen.png) no-repeat left center;padding-left:42px;display:block;height:25px;line-height:25px;overflow:hidden;}	
.xlist2 li span{color:#666666;font-size:14px;font-weight:normal;background: url(../images/da.png) no-repeat left 5px;padding-left:42px;display:block;line-height:21px;margin-top:8px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}




/*合作客户*/
.box7{margin-top:1.3%;background:#eeeeee;padding:2% 0;overflow:hidden;}
.box7 .cont{margin-top:3%;}
.hz .hzs a{outline:none;border:none;}
.hz .hzs{position:relative;padding:0 8px;}
.hz .hzs .img{border:1px  solid #e2e1e1;padding:5px;display:block;}
.hz .hzs .img img{width:100%;margin:0 auto;display:block;}















/*页面底部*/
.foot{background:#1b1b1b;padding:3% 0 1.5%;color:#fff;overflow:hidden;}
.foot a{color:#fff;}
.dh{background: url(../images/fx.png) repeat-x left bottom;padding-bottom:32px;}
.fdao{width:11%;}
.dtt{color:#ffffff;font-size:14px;text-transform:uppercase;}
.dtt2{color:#ffffff;font-size:18px;background: url(../images/jt2.png) no-repeat right center;margin-top:10px;}
.dao{width:76%;float:right;margin-top:33px;}
.dao li{width:12.5%;float:left;text-align:right;font-size:16px;}
.dao li a{color:#ffffff;}

.foot_middle{margin-top:3%;}
.lx{width:45%;}
.lxtt{font-size:20px;}
.faa{font-size:15px;line-height:30px;margin-top:8px;}

.lx2{width:20%;text-align:right;margin-right:4%;margin-top:10px;}
.lx2 p:nth-child(2){font-size:14px;letter-spacing:9px;margin-top:20px;}
.lx2 p:nth-child(3){font-size:24px;font-family:"Arial";margin-top:10px;}

.fewm{width:10%;}
.fewm img{width:100%;display:block;}



/*友情链接*/
.f_link{color:#ffffff;font-size:18px;margin-top:2%;}
.f_link a{font-size:14px;}



.bq{background: url(../images/fx.png) repeat-x top center #1b1b1b;}
.copyright{text-align:center;padding:1.5% 5%;color:#ffffff;font-size:14px;line-height:24px;}
.copyright a{color:#ffffff;}




@media (max-width:1024px) {
  .foyss .bd ul li .ysconrs{padding:4% 2%;}
 .foyss .bd ul li .ysconrs h3{font-size:21px;margin-left:15px;}
 .foyss .fuls li h3{font-size:18px;margin-left:10px;}
 .prod .prods h3{font-size:21px;}
 .abpic{width:45%;}
 .about{width:50%;}
 .abtt{font-size:20px;}
 .ab{font-size:15px;line-height:28px;}
 .ads li{padding:2.2% 0 3.3%;}
 .fdao{display:none;}
 .dao{width:100%;float:none;}
 .dao li{text-align:center;font-size:14px;}
 .lxtt{font-size:18px;}
 .f_link{font-size:16px;}
}



@media (max-width:1022px) {
 .ads li .jt{display:none;}
}





@media (max-width: 768px) {
   .x-banner{margin-top:60px;}
   .page-banner{margin-top:60px;}
   .xypg-right-content img{width:100%!important;height:auto!important;}
   xypg-right-content p{ line-height:35px; }
   .box1{margin-top:6%;}
   .box1 .cont{margin-top:6%;}

    .ybt{font-size:40px;}
    .ybt p{font-size:13px;}
    .foyss .bd ul li .fyspics{width:100%;float:none;}
    .foyss .bd ul li .ysconrs{width:100%;float:none;}


   .foyss .fuls ul{
        flex-wrap: wrap;
    }
    .foyss .fuls li {
        width: 49%;
        margin-bottom: 2%;
    }
    .prod .prods h3{font-size:18px;}
    .ht{margin-top:4%;}
    .box1 .cont2{padding:4% 2%;}
     .abpic{width:100%;float:none;}
	 .about{width:100%;float:none;margin-top:4%;}
	 .abtt{font-size:18px;}
	 .ab{font-size:13px;line-height:23px;}
	 .box5{margin-top:4%;}
     .ads li{width:12%;padding:2% 0 3%;}
     .ads li h3{font-size:14px;margin-top:8px;}
     .xin{width:100%;float:none;margin-bottom:3%;}
     .xin2{width:100%;float:none;margin-left:0;}
     .xlist2 li{padding-bottom:4%;margin-bottom:4%;}
     .box7{padding:4% 0;}
     .box7 .cont{margin-top:5%;}
     .bt{font-size:40px;}
     .bt p{font-size:13px;}
     .lx2{display:none;}
     .lx{width:60%;}
     .faa{font-size:13px;}
     .copyright{text-align:center;padding:4% 3%;}

}







@media (max-width:500px) {
	 .ybt{font-size:40px;}
    .ybt p{font-size:12px;line-height:22px;}
    .foyss .fuls ul{
        flex-wrap: wrap;
    }
    .foyss .fuls li {
        width: 100%;
    }
    .foyss .fuls li h3{font-size:18px;}
    .prod .prods h3{font-size:15px;}
    .ads li{width:29%;padding:5% 0 6%;margin-bottom:5px;}
    .ads li .img{width:38%;}
    .lx{width:100%;} 
 
}








/*内页左侧样式*/


.container{max-width: 1230px!important;margin: 0 auto;padding:0 15px;}

/*.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width:300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 205px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 159px;}
.xypg-case-list li .img img{width: 300px;height: 300px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}*/
.page-product-inquiry a{color: #fff;}




.pagebox {
	height: 58px;
	margin-top: 80px;
}

.pagel {
	background: #f0f2f8;
	float: left;
}

.pagespan a {
	width: 100%;
}

.pager {
	background: #f0f2f8;
	float: right;
	height: 58px;
}

.pagespan {
	cursor: pointer;
	display: inline-block;
	width: 100px;
	height: 58px;
	line-height: 58px;
	font-size: 15px;
	text-align: center;
	float: left;
}

.pagebox a.active {
	color: #fff;
	background: #034daa;
}

.pagebox a:hover {
	color: #fff;
	background: #034daa;
}

.pagespan:hover {
	color: #fff;
	background: #034daa;
}

.pagespan a {
	color: #444;
	display: block;
	width: 100%;
	height: 100%;
}

.pagespan a:hover {
	color: #fff;
}

.pagenum a {
	color: #444;
	display: inline-block;
	width: 75px;
	height: 58px;
	text-align: center;
	line-height: 58px;
}







/*首页产品分类式*/


.in-prd-menu {
	margin-top: 0px auto;
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
}
.in-prd-menu .hform {
	float: left;
	position: relative;
	margin-left: 10px;
}
.in-prd-menu .hform input {
	display: block;
	padding: 11px 58px 11px 15px;
	font-size: 14px;
	border: 1px solid #ddd;
	background-color: #fff;
	width: 150px;
}
.in-prd-menu .hform button {
	position: absolute;
	right: 0;
	top: 0;
	height: 44px;
	width: 44px;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: url(../images/901_top9.png) center no-repeat #104492;
}
.in-prd-menu ul {
	float: right;
	margin: -10px 0 0 -10px; margin-right:50px;
}
.in-prd-menu li {
	float: left;
}

.in-prd-menu li a {
	display: block;
	line-height: 44px;
	font-size: 16px;
	padding: 0 16px;
	background-color: #363e45;
	color: #fff;
	margin: 10px 0 0 10px;
}
.in-prd-menu li a:hover {
	display: block;
	line-height: 44px;
	font-size: 16px;
	padding: 0 16px;
	background-color: #015cb5;
	color: #fff;
	margin: 10px 0 0 10px;
}




.in-prd-menu li.active a {
	background-color: #104492;
}
.list-1 {
	margin: -50px 0 0 -20px;
	padding-bottom: 28px;
}
.list-1 li {
	float: left;
	width: 33.333333%;
}
.list-1 li a {
	display: block;
	padding: 20px;
	background-color: #f0f0f0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin: 50px 0 0 20px;
	position: relative;
}
.list-1 li .img-cover {
	padding-top: 0%;
}
.list-1 li .text {
	line-height: 40px;
	font-size: 18px;
	margin-top: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
.list-1 li .desc {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	color: #888;
}
.list-1 li .more {;
	border: 4px solid #f0f0f0;
	background: #ffffff;
	line-height: 48px;
	width: 48px;
	height: 48px;
	text-align: center;
	color: #b3b3b3;
	font-size: 12px;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position: absolute;
	left: 50%;
	bottom: -28px;
	margin-left: -28px;
}
.list-1 li a:hover {
	background-color: #363e45;
	color: #fff;
}
.list-1 li a:hover .img-cover span {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.list-1 li a:hover .more {
	background-color: #104492;
	color: #fff;
	border-color: #104492;
}
.list-1-1 .img-cover {
	margin: 0px;
}