@charset "utf-8";
/* CSS Document */
.map1 a,.previouspage,.nextpage,.reduce,.plus,.download,.open1,.expand:after,.expand4:after{font-family: "fontello";}
.map1,.mainbox2,.foot_C2,.mainbox3,.headlogo{width:1200px; margin:auto;}
.map{ background:#f7f8fb;border-top:1px solid #ededed;margin-bottom:20px}
.map1{font-size:12px;padding:6px 0; color:#888;}
.map1 a{ color:#888;}
.map1 a:after{content:"\e874";margin:0 10px;font-size:10px}
.map1 span{margin-right:10px;}
.probox{ overflow:hidden;border-bottom:1px solid #e8eeff;padding:30px 0 10px 0; position:relative}
.pro1{ float:left;width:15%;}
.pro2{ float:left;width:68%; position:relative}
.pro3{ float:left;width:17%;display:table}
.pro2 h2{ font-size:22px; margin-bottom:10px; font-weight:600;word-break: break-all; line-height:1.2}
.pro2 h2 a{ color:#333;}
.pro2 h2 a:hover{ color:#004194; text-decoration:underline}
.Productimg{ display:table-cell; vertical-align:middle; text-align:left}
.pro3 img{max-width:120px;max-height:120px;}
.ProductNo{font-weight:500; color:#1aaca6 !important;font-size:18px; line-height:100px;}
.ProductNo:hover{ color:#004194 !important; }
.protext{ color:#333; line-height:22px;margin-bottom:10px;word-break: break-all;}
.protext span{margin-right:15px;}
.package span{margin-right: 10px}
.price1{font-size:16px; }
.expand,.expand4{ float:right;font-size:14px;font-weight:600; cursor:pointer;}
.expand:hover,.expand4:hover{ color:#004194;}
.expand:after,.expand4:after{content:'\e872'; color:#333; font-size:12px; font-weight:normal;margin-left:5px;}
.expand2{}
.expand2 .ppta td{ min-width:160px }
.expand3{background:#f5fafe;padding:10px;}
.ssh{ width:100%; display:inline-block; margin-bottom:10px;}
.ssh h1{ font-size:18px; font-weight:bold;}
.ssh span{ font-size:14px; float:right; color:#666;}
/*.open{padding:20px 0}*/
.open .expand3{display:block}
.open .expand:after{ content:'\e875'}

.pageBox{margin:50px 0; clear:both}
.page{margin:auto; text-align:right}
.page span{padding:0 5px; font-weight:600}
.page1,.page2{ display:inline-block; line-height:30px;}
.previouspage,.nextpage{width:30px;height:30px; border:none;border-radius:5px; cursor:pointer; background:#d1daf9}
.previouspage:hover,.nextpage:hover{ background:#4f73d7; color:#fff;}
.previouspage:after,.nextpage:after{ content:'\e851'; color:#fff; font-size:15px;}
.nextpage:after{ content:'\e852';}

.footsearch{ background:#01458e;height:110px;padding:30px 0;}
.footsearch .s1{border:none}

.foot_Contact{padding:40px 0;background:#f7f8fb;}
.foot_C2{ position:relative;line-height: 40px; font-size: 16px;}
.foot_C2 a:link{ color:#333;}
.foot_C2 a:hover{ text-decoration:underline}
.foot_C2 a:visited{ color:#333;}

.foot_Contact li span{width:80px; display:inline-block; color:#888}
.foot_Contact .link{ bottom:0}
/*productdetail*/
.pd1{ width:100%; display:inline-block; margin-bottom:10px;padding-top:20px;}
.pd11{width:300px; float:left}
.pd12{width:70%; float:right;}
.pdimg{width:100%;height:300px; display:table; border:1px solid #ddd;}
.structural{ display:table-cell; vertical-align:middle; text-align:center}
.structural img{max-width:100%;max-height:100%;}

.packgeprice{margin-bottom:20px;}
.ppta td{border-bottom:1px solid #d6d6d6;padding:8px 5px; font-size:15px; min-width:200px}
.pptitle td{font-size:12px; font-weight:600;padding:1px 5px;}
.pplist td strong{ font-weight:bold}
.quantity{border:1px solid #a4aecd; background:#f7f8fb;width:112px;height:32px;border-radius:5px; overflow:hidden }
.quantity:hover{ box-shadow:0 0 5px #4f73d7}
.quantity2{width:36px;border:none; background:none; float:left;height:30px;border:1px solid #f7f8fb;text-align:center;border-radius:5px;}
.reduce:after{ content:'\e819';font-size:11px;color:#30458b}
.plus:after{ content:'\e817';font-size:11px; color:#30458b}
.plus{ float:right}
.reduce:hover,.plus:hover{ background:#004194; cursor:pointer}
.reduce:hover:after,.plus:hover:after{ color:#fff;font-size:15px;}
.number{font-size:16px;}
.addcart{ width:100%; display:inline-block;}
.dataupdate{ overflow:hidden;margin-bottom:20px;}
.dataupdate{font-size:12px; color:#888; line-height:30px; float:left}
.addcart2{ float:right}
.addcartbutton{ background:#1aaca6; width:180px; height:40px; line-height:40px; text-align:center;color:#fff; font-size:16px;border:none;border-radius:40px;margin-right:10px;}
.addcartbutton:hover,.enquirebutton:hover{cursor:pointer; box-shadow:0 0 10px #1aaca6}
.zxqq{ position:relative; float:right; margin-left:10px;}
.zxspan{width:180px; height:40px; line-height:40px; text-align:center; border:1px solid #1aaca6; color:#1aaca6; display:inline-block; border-radius:40px; cursor: pointer; font-size:16px;}
.zxspan::before{ content:''; width:18px; height:16px; display:inline-block;background:url(../images/catalog.png) no-repeat 0 -366px; margin-right:10px; position:relative; top:3px;} 
.zxspan:hover{ background-color:#1aaca6; color:#fff; box-shadow:0 0 10px #1aaca6;}
.zxspan:hover::before{background:url(../images/catalog.png) no-repeat -43px -366px; }
.zxbox{ width:240px; background-color:#fff; box-shadow:0 0 10px #1aaca6; padding:30px; box-sizing: border-box; border-radius:5px; position:absolute; top:45px; left:-27px; display:none;}
.zxqq:hover .zxspan{background-color:#1aaca6; color:#fff; box-shadow:0 0 10px #1aaca6;}
.zxqq:hover .zxspan:before{background:url(../images/catalog.png) no-repeat -43px -366px; }
.zxa{ width:100%; height:38px; line-height:38px; text-align:center; font-size:16px; color:#fff !important; border-radius:5px; background-color:#1aaca6; display:block; margin-bottom:20px;}
.zxa::before{ content:''; width:17px; height:18px; display:inline-block;background:url(../images/catalog.png) no-repeat -80px -366px; margin-right:15px; position:relative; top:3px;} 
.zxa:hover{ background-color:#03488b;}
.zximg img{ max-width:100%; display:block;}
.zximg span{ display:block; text-align:center; color:#666; margin-top:5px;}
.zxqq:hover .zxbox{ display:block;}

.ProductNo2{font-size:15px; font-weight:bold; margin-bottom:15px; }
.pdtext1 h1{ font-size:26px; margin-bottom:20px; font-weight:600;word-break: break-all; line-height:1.2}
.pdtext1 h2{font-size:12px; color:#888; margin-bottom:10px; line-height:16px;}
.pdtext2 h2{width:33%; display:inline-block;font-size:14px; margin-bottom:10px;}
.pdtext2 h2 a{ font-weight:bold; color:#20aaa5; }
.pdtext2 h2 a:hover{ color:#084488;}
.pdtext2{ margin-bottom:30px;}
.currency{margin-right:5px;}
.ppdh2{font-size:20px; text-transform:uppercase; font-weight:bold;margin-top:30px; margin-bottom:10px;}
.open11{ font-size:14px; color:#333; line-height:28px;}
.ppdh3{ font-weight:bold;margin-bottom:20px;}
.basic_information{margin-bottom:20px;}
.basic_information td{padding:6px 0;word-break: break-all;}
.basic_information td:nth-of-type(1){width:15%; color:#888}
.basic_information td:nth-of-type(2){width:85%;}
.relatedproduct{}
.relatedproduct a{width:240px; float:left;padding:0 20px;}
.relateimg{width:200px;height:200px; margin:auto}
.relateimg img{width:100%;height:100%;}
.relatename{ text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top:20px;}
.relatedproduct .ppbox{margin-top:0;height:370px}
.relatedproduct .ppbox a{width:20%;border-right:1px solid #d6d6d6;height:260px; color:#21aba6;}
.relatedproduct .ppbox a:hover{ color:#02458c;}
.relatedproduct .ppbox a:last-child{border-right:none}
.relatedproduct .ppbox .img1{width:96%}
.file{padding-top:20px;}
.download{ float:left}
.download:after{ content:'\e833'; color:#20a6a3;}
.file a{ display:block;padding-left:30px;font-size:15px;margin-bottom:10px; color:#20a6a3;}
.file a:hover{ color:#0d488c;}
/*productdetail*/
.enquirebox{width:80%; margin:auto;padding:50px 0 200px 0}
.dltitle{ font-size:36px; margin-bottom:20px; font-weight:600;line-height:1.2; text-align:center}
.enquiretext{ color:#666; margin-bottom:50px; text-align:center}
.enquire1,.enquire2{width:100%;border:1px solid #ced8f1;padding:0 20px;border-radius:5px;height:50px;margin:5px; color:#333; font-size:15px;}
.enquire1:hover,.enquire2:hover{box-shadow:0 0 10px #ced8f1}
.enquire2{height:100px;padding:20px; font-family:Arial, Helvetica, sans-serif}
.enquiretable td:nth-of-type(1){width:160px;background:#f7f8fb;padding-left:20px;border-bottom:2px solid #fff;}
.enquirebut{padding:30px 0 ; text-align:center;}
.enquirebutton{background:#11a2a2;padding:12px 80px; color:#fff; font-size:16px;border:none;border-radius:5px;}
.header{width:100%;border-bottom:2px solid #30458b}
.headlogo{padding:10px 0;height:58px}
.loginbox{width:60%; margin:auto;padding:50px 0 200px 0}
.inputew1{width:150px;}
.Error{ text-align:center; color:#f00;font-size:15px;padding-top:20px;}
.enquiretable td span{color:#f00;margin-right:5px;}
.prodescription{margin-bottom:50px;}
.prodescription p{margin-bottom:10px;}
.cataloglist{}
.cl2{ overflow:hidden;padding:30px 0}
.cl2t{width:100px; text-align:center;margin-right:60px;float:left;font-size:15px;}
.cl2c{width:85%; float:left}
.cl2t:before{content:''; width:100px;height:100px; background:#f7f7f7 url(../images/catalog.png) no-repeat ;border-radius:100px;display:block;margin-bottom:20px; }
.cl2t a:link{color: #333}
.cl2t a:hover{color: #4f73d7}
.cl2t_1:before{ background-position:0 0!important;background-color: #d4f5ff;}
.cl2t_2:before{ background-position:-98px 0!important;background-color: #b0f2f3;}
.cl2t_3:before{ background-position:-182px 0!important;background-color: #bfd9f8;}
.cl2t_4:before{ background-position:-278px 0!important;background-color: #f9dbfd;}
.cl2t_5:before{ background-position:-359px 0!important;background-color: #a8eaff;}
.cl2_1{border-top:1px solid #d4f5ff}
.cl2_2{border-top:1px solid #b0f2f3}
.cl2_3{border-top:1px solid #bfd9f8}
.cl2_4{border-top:1px solid #f9dbfd}
.cl2_5{border-top:1px solid #d8e7f5}
.cl2c a{width:25%; float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding:8px 10px; color:#333;}
.aboutimg{width:100%;height:300px; background:url(../images/banner/20220512001.jpg) no-repeat center center; margin-bottom:20px}
.abouttext1{ text-align:center}
.abouttext1 ul li{ border:1px solid #4f73d7;width:220px;margin:30px; display:inline-block; text-align:center;padding:30px 20px; border-radius:5px;}
.abouttext1 .a1{font-weight:500; font-size:20px; text-transform:uppercase; font-weight:600;margin-bottom:20px;}
.abouttext1 .a2{padding:5px; background:#4f73d7;border-radius:30px; color:#fff; margin-bottom:20px; font-size:16px}
.abouttext1 .a3{ font-weight:12px; color:#888}
.abouttext2{width:70%; margin:auto;font-size:16px; font-size:18px; line-height:1.6; margin-bottom:40px}
.title{font-size:36px;padding:30px; text-align:center; font-weight:700}
.Nullbox{width:100%;background:#fff;padding:60px 0;}
.Nullbox .Nulltext{width:500px; margin:auto; background:url(../images/null.gif) no-repeat top center;padding-top:200px; text-align:center}
.Nullbox .Nulltext p:nth-of-type(1){ color:#333; font-size:30px;margin-bottom:20px;}
.Nullbox .Nulltext p:nth-of-type(2){ color:#003e83; font-size:22px;padding:10px 0}
.Nullbox .Nulltext p:nth-of-type(3){ color:#888;}
.Nullbox .Nullbutt{ text-align:center;padding-top:50px;height:80px;}
.Nullbox .Nullbutt a{border-radius:30px;font-size:15px; background:#efefef;margin:15px;padding:6px 30px; color:#333}
.Nullbox .Nullbutt a:hover{ background:#1baca7; color:#fff}
/**/
.mubox{ width:100%; height:290px; background:url(../images/mulu.jpg) no-repeat center 0;}
.munav{ width:1200px; margin:0 auto;}
.mut{ font-size:38px; font-weight:bold; color:#fff; padding-top:80px;}
.mup{ font-size:16px; color:#fff; line-height:26px; margin-top:30px;}
.catalogue{ width:1200px; margin:0 auto 40px;}
.clas{ width:100%; display:inline-block;}
.clas a{ display:inline-block; float:left; width:230px; height:47px; line-height:47px; text-align:center;border-radius:5px; margin-top:30px; margin-right:12px; background-color:#00448e; font-size:16px; color:#fff;}
.clas a:nth-child(5){ margin-right:0;}
.clas a:hover{ background-color:#11a2a2;}
.clt{ font-size:24px; color:#03488b; font-weight:bold; margin-top:40px;}
.clt::before{ content:''; width:30px; height:27px; background:url(../images/catalog.png) no-repeat; display:inline-block; margin-right:15px; position:relative; top: 5px; background-size: 325px;}
.clt1::before{background-position:-20px -10px !important;}
.clt2::before{background-position:-118px -10px!important;}
.clt3::before{background-position:-168px -10px!important;}
.clt4::before{background-position:-69px -10px!important;}
.clt5::before{background-position:-218px -10px!important;}
.clbox{ width:100%; display:inline-block;}
.clbox a{ width:157px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#333; border:1px dashed #03488b; margin-top:20px; margin-right:16px; display:block; float:left;}
.clbox a:hover{background-color:#11a2a2; color:#fff;  border:1px dashed #11a2a2;}
.clbox a:nth-child(7){ margin-right:0;}
.clbox a:nth-child(14){ margin-right:0;}
.clbox a:nth-child(21){ margin-right:0;}
.clbox a:nth-child(28){ margin-right:0;}
.clbox a:nth-child(35){ margin-right:0;}
.clbox a:nth-child(42){ margin-right:0;}
.clbox a:nth-child(49){ margin-right:0;}
.clbox a:nth-child(59){ margin-right:0;}
.clbox a:nth-child(63){ margin-right:0;}
.clbox a:nth-child(70){ margin-right:0;}
.clbox a:nth-child(77){ margin-right:0;}
.clbox a:nth-child(84){ margin-right:0;}
.clbox a:nth-child(91){ margin-right:0;}
.clbox a:nth-child(98){ margin-right:0;}
.gy{ width:100%; height:451px; background:url(../images/gywm1.jpg) no-repeat center 0;}
.gyt{ text-align:center; font-weight:bold; font-size:78px; padding-top:150px;color:#fff; line-height:80px;}
.gyp{ text-align:center; font-size:26px; margin-top:40px; color:#fff;} 
.gsjs{ width:1200px; margin:0 auto;}
.gsjst{ font-size:32px; font-weight:bold; color:#333; text-align:center; position:relative; line-height:40px; margin-top:60px; padding-bottom:10px;}
.gsjst::after{ content:''; width:40px; height:4px; display:inline-block; background-color:#11a2a2; position:absolute; left:50%; margin-left:-20px; top:48px;}
.gsjsp{ font-size:14px; line-height:26px; margin-top:30px;}
.gsjsv{ width:100%; display:inline-block; margin-top:40px;}
.gsimg{ width:367px; float:left; text-align:center; color:#666; margin-right:47px;}
.gsimg:nth-child(3){ margin-right:0;}
.fuw{ width:100%; height:292px; background:url(../images/gybg2.jpg) no-repeat center 0; margin-top:50px;}
.fubox{ width:1200px; margin:0 auto;}
.fulist{ width:33%; float:left; text-align:center;}
.fup1{ color:#fff000; font-size:30px; font-weight:bold;margin-top:80px;}
.fup2{ color:#fff; font-weight:bold; font-size:20px;margin-top:40px;}
.fup3{ color:#f0f3f6; line-height:24px; margin-top:15px;}
.idea{ width:100%; display:inline-block; background-color:#eceef6; padding-bottom:60px;}
.ideanav{ width:1200px; margin:0 auto;}
.inlist{ width:342px; background-color:#fff; float:left; padding:50px 35px 35px 35px; box-sizing: border-box; border-radius:10px; margin-right:83px; margin-top:30px; height:460px;}
.inlist:nth-child(3){ margin-right:0;}
.inl1{ width:106px; height:106px; background:url(../images/catalog.png) no-repeat -14px -213px; margin:0 auto;}
.inl2{ width:106px; height:106px; background:url(../images/catalog.png) no-repeat -168px -213px; margin:0 auto;}
.inl3{ width:106px; height:106px; background:url(../images/catalog.png) no-repeat -322px -213px; margin:0 auto;}
.inp1{ text-align:center; font-size:18px; font-weight:bold; margin-top:40px;}
.inp2{ color:#666; margin-top:20px; line-height:24px;}
.lxnav{ width:100%; display:inline-block; margin-top:30px; margin-bottom:60px;}
.lximg{ width:533px; height:207px; float:left; margin-right:100px;}
.lxul{ float:left; font-size:16px;}
.lxul li{ margin-top:20px;} 
.contactyou{ margin-bottom:10px; margin-top:10px; font-weight:bold;}
@media (max-width:1200px){
.map1,.mainbox2,.foot_C2,.mainbox3,.header{width:96%; margin:auto;}	
.footsearch .searchbox{width:96%; margin:0 2%; left:auto}
.page{text-align:center}
.pd12{width:65%;}
.pplist td{max-width:200px; min-width:inherit}
.loginbox{width:80%; margin:auto;padding:50px 0 200px 0}
	}
@media (max-width:1000px){
.pd11{width:200px;height:200px;}	
.pdimg{width:200px;height:200px;}
.pd12{width:70%;}
.basic_information td:nth-of-type(1){width:25%;padding-right:1%;}
}
@media (max-width:800px){
.probox{padding:20px 0}
.pro1{width:100%; float:left}
.pro2{width:80%}
.pro3{width:19%; margin-left:1%}
.pro3 img{width:100%;height:auto}
.ProductNo{ line-height:30px;}
.map1 a{ display:inline-block; margin:6px 0;}

.pd1{padding-top:0}
.pd11{ float:none;width:100%;height:220px;}
.pdimg{width:100%;}
.pd12{ float:none;width:100%}
.file{ position:absolute;left:140px;}
.file a{ display:inline-block;padding-left:20px;}
.pdtext2 h2{width:100%; padding-bottom:5px;}
.relatedproduct .ppbox a{width:50%;border-right:none}
.relatedproduct .ppbox{height:auto; overflow:hidden}
.addcart{padding-bottom:10px}
.dataupdate{ display:none}
.addcart2{ float:none; text-align:center}
.addcartbutton{width:90%;margin-right:0}
.open11{ display:none}
.open1{padding:20px 0;border-bottom:1px solid #ccc; position:relative}
.open1:after{content:'\e872'; position:absolute;right:5px;}

.enquirebox{width:100%; margin:auto;padding:0 0 50px 0}
.enquiretable td:nth-of-type(1){padding:0 10px; width:auto}
.enquirebutton{width:90%;border-radius:20px;font-size:16px;}
.loginbox{width:100%; margin:auto;padding:50px 0 200px 0}

.openbox .open11{ display:block}
.openbox .open1{border-bottom:none}
.openbox .open1:after{content:'\e875'; position:absolute;right:5px;}
}
@media (max-width:400px){
.foot_Contact li span{width:100px; display:block}
.pro2{width:100%}	
.pro3{ display:none}
	}