.Congtern{width: 100%; padding: 30px 0}
.leftimg{width: 1200px;margin: auto; }
.Vlklr{width: 600px; float:left; box-shadow: 0 0 20px #DEDDDD}
.Vlklr ul li img{width: 100%; height: 200px; transition: all 0.5s}
.Vlklr ul li p{padding: 20px;}
.Vlklr ul li p span.sp1{color:#333333; font-size: 20px; font-weight: bold; position: relative;text-transform:Capitalize;}
.Vlklr ul li p span.sp1 em{color:#999999; font-size: 14px; text-transform: uppercase; display: inline-block; padding-left: 5px; font-weight: 500}
.Vlklr ul li p span.sp1:after{content: ''; width: 4px; background: #0059ba; height: 20px; position: absolute; left: -10px; top:50%; margin-top:-10px;}
.Vlklr ul li p span.sp2{color:#888888; font-size: 14px; line-height: 28px; display: block ;padding: 20px 0}
.Vlklr ul li p a{color:#0059ba; font-size: 14px; font-weight: bold; text-transform: uppercase; display: inline-block; width: 130px; height: 35px; text-align: left; line-height: 35px; position: relative;transition: all 0.5s}

.Vlklr ul li p a svg{
    stroke-dasharray: 60px 460px;
    stroke-dashoffset: -353px;
    stroke-width: 2px;
    transition: all 0.5s;
}
.Vlklr ul li p a:hover{padding-left:40px;}
.Vlklr ul li p a:hover svg{
    stroke-dasharray: 353px;
    stroke-dashoffset: 0px;
    stroke-width: 2px;
    transition: all 0.5s;
}

.Fonkrn{width: 570px; float:right; box-shadow: 0 0 20px #DEDDDD; padding: 20px;}

.Telmn ul li span{color:#333333; font-size: 20px; font-weight: bold; position: relative; padding-left: 20px;text-transform:Capitalize;}
.Telmn ul li span em{color:#999999; font-size: 14px; text-transform: uppercase; display: inline-block; padding-left: 5px; font-weight: 500}
.Telmn ul li span:after{content: ''; width: 4px; background: #0059ba; height: 20px; position: absolute; left: 0px; top:50%; margin-top:-10px;}
.news-top{padding-top:15px; padding-bottom: 20px}
.news-top ul li a.a1{display: block; float:left; width: 116px; height: 110px; overflow: hidden; margin-right: 25px;}
.news-top ul li a.a1 img{display: block;  width: auto; height: 72px;}
.news-top ul li a.a2 b{display: block; font-size: 16px; color:#333333}
.news-top ul li a.a2 span{display: block; font-size: 14px; color:#888888; line-height: 25px; padding-top:10px;}
.news-top ul li a.a2 i{color:#888; font-size: 14px; padding-top:10px; display: block}
.List-bog ul li{border-top:1px dashed #dadada; padding: 11.5px 0}
.List-bog ul li a span{color:#666666; font-size: 16px; width: 450px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 10px; transition: all 0.5s}
.List-bog ul li a{color:#aaaaaa; font-size: 14px;transition: all 0.5s}
.List-bog ul li a span:after{content: ''; width: 5px; height: 5px; background: #999999; position: absolute; left: 0; top:50%; margin-top:-2.5px; transition: all 0.5s}
.List-bog ul li a:hover span{color:#0059ba; }
.List-bog ul li a:hover{color:#0059ba; }
.List-bog ul li a:hover span:after{background:#0059ba; }
.show_bong{width: 100%; background: #ededed}

.Linkrn .tempWrap ul{padding: 50px 0 !important}
.Goods-top{width: 1200px; margin: auto; overflow: hidden; padding: 20px 0}
.Goods-top ul li h1{float:left; color:#333; font-size: 24px; position: relative; padding-left: 20px;text-transform:Capitalize;}
.Goods-top ul li h1:after{content: ''; width: 3px; background: #0059ba; height: 20px; position: absolute; left: 0; top:50%; margin-top:-10px;}
.Goods-top ul li h1 em{color:#999999; font-size: 14px; text-transform: uppercase; display: inline-block; padding-left: 10px;}
.Goods-top ul li p{float:right}
.Goods-top ul li p .span{color:#333; font-size: 14px; display: inline-block; margin-left: 20px;padding: 5px 0;text-transform:Capitalize;}
.Goods-top ul li p .span:hover{color:#0059ba; cursor: pointer}
.Goods-top ul li p .span:hover{border-bottom: 2px solid #0059ba;color:#0059ba;}
.imgshowbox{width: 1200px; margin: auto; position: relative; padding:50px 0;}
.imgshowbox ul li{width: 220px; height: 282px; background: #fff; margin:0 40px; float:left}
.imgshowbox ul li a{display: block; box-shadow: 0 0 15px #E8E8E8; transition: all 0.5s; background: #fff}
.imgshowbox ul li a img{width: 220px; height: 242px; display: block}
.imgshowbox ul li a p{padding: 0 20px; overflow: hidden; line-height: 40px; border-top:1px solid #d8d8d8; text-align: center; color:#333333; font-size: 14px;}
.imgshowbox ul li:hover a{transform: scale(1.3)}
.Pd span{width: 40px; height: 40px; position: absolute; top:50%; margin-top:-25px; border-radius: 100%; cursor: pointer}
.Pd span.next{right: -25px; background: #0059ba url(../images/le.png) no-repeat center}
.Pd span.prev{left: -25px; background: #0059ba url(../images/rl.png) no-repeat center}
.Yonnkbek{width: 100%; background: #fff}
.Yqingvhu{width: 1200px; margin: auto; padding: 20px 0; padding-bottom: 50px; position: relative}
.Contter-box ul{padding: 5px 0 !important}
.list-gd ul li{width: 200px; height: 100px; display: flex; justify-content: center; align-items: center; float:left; margin:0 20px;transition: all 0.5s}
.list-gd ul li img{max-height: 100px;max-width: 100%; display: block}
.list-gd ul li:hover{box-shadow: 0 0 10px #ccc}
.Gj span{width: 11px; height: 22px; position: absolute; top:50%; margin-top:-11px; border-radius: 100%; cursor: pointer}
.Gj span.next{right: -11px; background: url(/style/images/r1.png) no-repeat center}
.Gj span.prev{left: -11px; background: url(/style/images/l1.png) no-repeat center}
.banner-img{width: 100%; overflow: hidden}
.banner-img img{display: block}
.Gomelbox{width: 100%; background: #f9f9f9; padding-bottom: 50px;}
.HKLnkr{width:1200px; position: relative; margin: auto}
.Pnknfke{width: 220px; height: 80px; background: #0059ba; border-radius: 10px 10px 0 0; position: absolute; top:-80px; padding: 20px 10px;}
.Pnknfke b{color:#fff; font-size: 20px; position: relative; padding-left: 10px; text-transform:Capitalize;}
.Pnknfke b:after{width: 2px; background: #fff; height: 20px; position: absolute; content: ''; top:50%; margin-top:-10px; left: 0}
.Pnknfke p{color:#fff; font-size: 12px; text-transform: uppercase; padding-top:5px;}
.Legytnav{width: 220px; float:left; background: #fff; padding-top:50px;}
.erjinav{width: 100%}
.erjinav ul li{padding: 0 20px; height: 40px;line-height: 40px;}
.erjinav ul li a{color:#666666; font-size: 14px; display: block; transition: all 0.5s;text-transform:Uppercase ;height:40px;overflow:hidden;}
.erjinav ul li.on{background: url(/style/images/navbg.png); background-size: 220px 40px; }
.erjinav ul li.on a{color:#fff; background: url(/style/images/yj.png) no-repeat right center; padding-left: 20px; }
.erjinav ul li a:hover{padding-left: 20px}
.dhfg-bng{width: 100%; height: 120px; background: url(/style/images/bgg.png) no-repeat; padding: 35px 10px;}
.dhfg-bng p{color:#fff; font-size: 16px;}
.dhfg-bng b{color:#fff; font-size: 28px; position: relative; }
.GPmlmle{width: 910px; float:right}
.FPnknr{width: 100%;background: url(/style/images/rg.png) no-repeat right 81px; padding-top:40px; margin-bottom: 20px;}
.FPnknr ul li b{color:#333333; font-size: 20px;display: block}
.FPnknr ul li p{color:#666; font-size: 14px; text-transform: uppercase; padding-top:5px; position: relative;display: inline-block;}
.FPnknr ul li p:after{width: 20px; height: 30px; background: #f9f9f9; position: absolute ;right: -25px; top:0px; transform: rotate(50deg); content:'';}
.Goodslist ul li{width: 200px; height: 260px; background: #fff; box-shadow: 0 0 10px #eeeded; float:left; margin: 0 13px; margin-bottom:30px}
.Goodslist ul li a{display: block; overflow: hidden; height: 260px; }
.Goodslist ul li a img{height: 220px; width: 200px; }
.Goodslist ul li a p{border-top:1px solid #e6e6e6; line-height: 40px; text-align: center; color:#333; font-size: 14px; overflow: hidden; padding: 0 10px; transition: all 0.5s}
.Goodslist ul li:hover{box-shadow: 0 0 10px #dce6f5}
.Goodslist ul li:hover p{background: #0059ba; color:#fff; }
.Flip{padding: 30px 0; ;width: 100%; overflow: hidden}
.Flip ul li{text-align: center}
.Flip ul li a{width: 30px; height: 30px; border-radius: 100%; display: inline-block; text-align: center; line-height: 30px;color:#9a9a9a; font-size: 17px; margin: 0 10px;}
.Flip ul li a.on{color:#fff; background: #0059ba}
.Flip ul li .span{display: inline-block; width: 30px; height: 30px; font-size:0; vertical-align: top; cursor: pointer; transition: all 0.5s; border-radius: 0; }
.Flip ul li .span.le{background: #c8c8c8 url(../images/rl.png) no-repeat center}
.Flip ul li .span.re{background: #c8c8c8 url(../images/le.png) no-repeat center}
.Flip ul li .span.le:hover{background: #06a043 url(../images/rl.png) no-repeat center}
.Flip ul li .span.re:hover{background: #06a043 url(../images/le.png) no-repeat center}
.showimg{width: 100%; text-align: center; padding: 50px; border-bottom: 1px dashed #e5e5e5}
.showimg img{width: 310px; height: 310px; border:1px solid #e6e6e6}
.text-goods{padding: 20px 0; font-size: 14px; line-height: 25px; color:#333333}
.Nihikee{padding: 15px 0; border-top:1px dashed #e5e5e5; position: relative}
.Nihikee ul li a{display: block; color:#3b393b; font-size: 14px; line-height: 30px;}
.Nihikee ul li .span{position: absolute; width: 120px; height: 30px; top:50%;margin-top:-15px; right: 0; background: #0059ba; line-height: 30px; text-align: center;  color:#fff; font-size: 14px; border-radius: 5px; cursor: pointer}
.lsitbox{width: 100%; }
.lsitbox ul li{width: 380px; height: 390px; float:left; background: #f7f7f7; box-shadow: 0 0 10px #e8e7e8; border-radius: 5px; overflow:hidden; margin-top:30px; margin-right: 30px; transition: all 0.5s}

.lsitbox ul li a img.img1{width: 100%; overflow: hidden; height: 240px;}
.lsitbox ul li a p{padding: 20px; overflow: hidden}
.lsitbox ul li a p img{float:left; margin-right: 20px; width: 60px; height: 60px;}
.lsitbox ul li a p span{float:left; width: 260px;}
.lsitbox ul li a p span b{display: block; color:#333333; font-size: 16px; border-bottom: 1px solid #e6e6e6; padding-bottom: 5px;}
.lsitbox ul li a p span i{display: block; width: 100%; color:#999999; padding-top:10px;}
.lsitbox ul li:nth-child(3n){margin-right: 0}
.lsitbox ul li.on{background: #0059ba; transition: all 0.5s}

.lsitbox ul li.on a p span b{display: block; color:#fff; font-size: 16px; border-bottom: 1px solid #e6e6e6; padding-bottom: 5px;}
.lsitbox ul li.on a p span i{display: block; width: 100%; color:#fff; padding-top:10px;}
.Tknktl{width: 300px; padding: 10px 0; margin:20px auto; text-align: center;border-bottom: 1px solid #e5e5e5; position: relative}
.Tknktl b{color:#333; font-size: 20px;text-transform:uppercase;}
.Tknktl p{color:#999999; font-size: 12px; text-transform: uppercase}

.Tknktl:after{content: ''; width: 30px; height: 2px; background: #0059ba; position: absolute; bottom: -1px; left: 50%; margin-left: -15px; }
.Tauto{width: 100%; padding: 20px 0; color:#666666; font-size: 16px;line-height: 25px;}
.Tauto img{max-width: 100%  }

.Fpmlker{width: 100%; padding-top:20px;}
.Fpmlker ul li{width: 176px; height: 148px; border:1px solid #e5e5e5; float:left; margin-right:25px; margin-bottom: 25px; transition: all 0.5s}
.Fpmlker ul li a{ display: flex; height: 100%; background: #fff; width: 100%; overflow: hidden; justify-content: center; align-items: center;}
.Fpmlker ul li img{max-width: 100%; max-height: 100%; display: block}
/*.Fpmlker ul li:nth-child(6n){margin-right: 0}*/
.Fpmlker ul li:hover{transform: scale(1.1)}
.Lxiwomen{width: 100%; overflow: hidden}
.Lxiwomen ul li{color:#666666; font-size: 14px; line-height: 50px; border-bottom: 1px dashed #e8e8e8}
.Lxiwomen ul li b{color:#3269c3; font-weight: bold; font-size: 20px; font-style: oblique}
.Lxiwomen ul li img{vertical-align: middle; margin-right: 10px;}
.Hlnd{width: 100%; margin: 20px 0; }
.Hlnd img{width: 100%}
.Loihjr{width: 100%}
.Gkllnr{color:#333333; font-size: 20px; font-weight: bold; background: url(/style/images/xq.png) no-repeat left center; padding-left: 40px;}
.inputbnox ul li p{color:#333333; font-size: 14px; padding: 5px 0; font-weight: bold}
.inputbnox ul li{margin-top:20px}
.inputbnox ul li p span{color:#b9b9b9}
.inputbnox ul li textarea{width: 100%; height: 100px;resize: none; color:#666; font-size: 14px; padding: 5px; border-radius: 5px; border:1px solid #d8d8d8 }
.inputbnox ul li.in2{width: 216px; float:left; margin-right: 15px;}
.inputbnox ul li.in2 input{width: 100%; height: 35px; line-height: 35px; padding: 5px; border:1px solid #d8d8d8; border-radius:5px; color:#666}
.inputbnox ul li.in2 input::-webkit-input-placeholder{color:#b9b9b9}
.inputbnox ul li.in2:nth-child(5){margin-right: 0}
.inputbnox ul li.in3{text-align: center}
.inputbnox ul li.in3 input{width: 140px; height: 35px; color:#fff; font-size: 14px; line-height: 35px; background: #0059ba; border-radius: 5px; border:0; margin:20px auto; cursor: pointer}
.inputbnox ul li.in3 em{color:#989898; display: block; padding-bottom: 20px; margin: auto}
.Hxzohnk ul> li{margin-top:10px; overflow: hidden}
.Hxzohnk ul> li>p{width: 100%; height: 40px; background: #e6e6e6 ; text-align: center; line-height: 40px; padding: 0 20px; background-size: 15px;}
.Hxzohnk ul> li.on{background: url(/style/images/navbg.png) no-repeat}
.Hxzohnk ul> li.on > p{ background: #e6e6e6 url(/style/images/navbg.png) no-repeat; background-size: 910px 40px;}
.Hxzohnk ul> li.on > p span{color:#fff}
.Hxzohnk ul> li>p span{color:#333333; font-size: 14px;}
.Hxzohnk ul> li>p span.op3{padding-right: 40px; }
.Hxzohnk ul> li>p span.op4{width: 18px; height: 18px; background: url(/style/images/jia.png) no-repeat center;margin-top:11px;}
.Hxzohnk ul> li.on>p span.op4{width: 18px; height: 18px; background: url(/style/images/jian.png) no-repeat center;margin-top:11px;}
.Hxzohnk ul> li> ol{background: #fff; box-shadow: 0 10px 10px #e4e4e4; padding: 10px 20px; display: none}
.Hxzohnk ul> li> ol li>p{border-bottom: 1px dashed #e5e5e5; padding: 20px 10px; overflow: hidden}
.Hxzohnk ul> li> ol li>p span{display: inline-block; float:left; width: 25%; color:#666666; font-size: 14px; line-height: 35px }
.Hxzohnk ul> li> ol li .Gkn{padding: 20px 0; font-size: 14px;color:#666666}
.Hxzohnk ul> li> ol li .a{display: block; width: 130px; height: 30px; background: #0059ba; border-radius: 5px; color:#fff; font-size: 14px; line-height: 30px; text-align: center; margin: 20px auto}
.Newsbox ul li{width: 100%; overflow: hidden; padding: 20px 0; border-bottom: 1px dashed #e4e4e4; transition: all 0.5s}
.Newsbox ul li a img{width: 200px; height: 122px;  float:left}
.Newsbox ul li a p{width: 710px; float: left; padding-left: 30px; height: 122px; position: relative}
.Newsbox ul li a p b{color:#333333; font-size: 16px; display: block; padding: 10px 0}
.Newsbox ul li a p span{color:#777777; font-size: 14px; line-height: 25px; display: block; height: 44px; overflow: hidden}
.Newsbox ul li a p em{color:#999999; font-size: 14px; display: block; padding-top:10px;}
.Newsbox ul li:hover{background: #fff; box-shadow: 0 0 10px #e4e4e4; transform: scale(1.01)}
.telt{color:#333333; font-size: 20px; padding: 50px 0 20px 0; text-align: center; font-weight: bold}
.GKnmlkr{text-align: center; color:#999999; font-size: 14px; vertical-align: middle; border-bottom: 1px dashed #e4e4e4 ;padding-bottom: 20px;}
.GKnmlkr ul li{display: inline-block; margin: 0 50px;}
.GKnmlkr ul li .bdsharebuttonbox span{float:left; margin-top:5px;}
.GKnmlkr ul li:last-child{vertical-align: middle}
.Newstext{font-size: 14px; line-height: 25px; color:#666; padding: 30px 0; }
.Newstext img{max-width: 100%}
.FNlkjnrkl{width: 60px; height: 245px; background: url(/style/images/pt.png); border-radius: 5px; position: fixed; right: 0; top:50%;z-index: 9999}
.FNlkjnrkl ul li{height: 62px; border-bottom: 1px solid #fff; text-align: center; padding-top:10px; position: relative}
.FNlkjnrkl ul li .tel{display:block;background:#fff;position:absolute;right:60px;top:0;padding:0 10px;line-height:62px;width:200px;border:1px solid #ccc;height:62px;display:none;}
.FNlkjnrkl ul li img{;display: block; margin:auto}
.FNlkjnrkl ul li p{color:#fff; padding-top:5px;}
.FNlkjnrkl ul li:last-child{border:0}
.FNlkjnrkl ul li img.erweima{width: 100px; height: 100px; padding: 5px; background: #fff; border-radius: 5px; position: absolute; top:0; left: 60px; transition: all 0.5s; opacity: 0}
.FNlkjnrkl ul li.r2:hover img.erweima{left: -100px;opacity: 1}









































































