@charset "utf-8";

/* CSS Document */

body {margin: 0;  padding: 0;  font-size:14px; font-family:"microsoft yahei" ;color: #333; line-height:1.8; overflow-x: hidden}

ul,li{list-style: none;padding: 0;}

*{padding: 0;margin: 0;}

a{text-decoration: none;  margin: 0;  padding: 0;color: #333; }

p,span,i,em{  margin: 0;  padding: 0;  font-style: normal;  font-weight: normal;  }

tr,td{  margin: 0;  padding: 0;}

h1,h2,h3,h4,h5,h6{font-weight: normal;}

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both}

.clearfix{display:inline-table;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}

.clearfix { display:inline-block; }

.clearfix { display:block; }

.dn{ display:none}

div{ box-sizing:border-box}

.cur{ display:block;}

.w1200{ width:1200px; margin:0 auto}

.w1000{ width:1000px; margin:0 auto}

.header{ padding:1% 0;}

.logo{ width:40%}

.head img{ max-width:100%}
.head_r{width:55%;padding-top:1%;}
.serch{width:36%; border:1px solid #e6e6e6; height:34px; line-height:34px; background:#f7f7f7; display:flex;}
.serch input{ width:80%; background:none; border:none; padding:0 10px; box-sizing:border-box;}
.serch input:focus{ outline:none}
.serch button{ width:64px; height:32px; line-height:32px; color:#fff; text-align:center; border:none; cursor:pointer; background:#ffb320}
.serch input::placeholder{ color:#b2b2b2}
.tlxfs{ width:55%; margin-right:9%}
.tlxfs dl{width:48%; display:flex;}
.tlxfs dl dt{ width:29px; height:29px; margin-right:10px;}
.tlxfs dl dt img{ max-height:100%; margin-top:5px;}
.tlxfs dl dd{flex:1; width:80%}
.tlxfs dl dd h2{ font-size:12px;}
.tlxfs dl dd h3{ font-size:12px; color:#999999; margin-top:-2px;}

.nav{height:50px; position:relative; left:0; right:0;; top:0;z-index:99999999;background: -webkit-linear-gradient(top,#03adeb, #1b5fbd); 
background: -o-linear-gradient(bottom, #03adeb, #1b5fbd);
background: -moz-linear-gradient(bottom,#03adeb, #1b5fbd);
background: linear-gradient(to bottom, #03adeb, #1b5fbd);
}

/*.nav:after{content:"";position:absolute;right:0;top:0;bottom:0;height:50px;background:#ffb320;width:28%}*/
.nav_r{ background:#ffb320; height:50px; line-height:50px;color:#fff; width:18%; white-space:nowrap; position: relative; font-size:12px; z-index:10}
.nav_r img{ height:32px; position:relative; z-index:10;top:9px; margin-right:6%}
.nav_r span{ font-weight:bold; color:#fff; font-size:14px; display:inline-block; margin-left:6%}
.nav_r:before{ content:""; position:absolute; left:0; top:0; bottom:0; height:50px; background:url(../images/nav.jpg) no-repeat center center; width:25px;}

.menu{ width:75%}
.menu li{ float:left; height:50px; line-height:50px; text-align:center; width:14.28%}
.menu li a{ display:block; color:#fff; transition:all 300ms}
.menu li.active a,.menu li:hover a{ background:rgba(0,32,90,.6)}

.indexbanner{ position:relative}
.indexbanner:after{ content:""; position:absolute; right:0;bottom:0; height:100px; width:30%;background:#087bbe; z-index:9999}
.indexbanner .swiper-slide > a,.sjpic .swiper-slide > a{ display:block}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ width:100%; bottom:6%; text-align:left; padding-left:18%;}
.indexbanner .swiper-pagination-bullet{ background:#000;width:40px; height:7px;border-radius:0; margin:0 10px!important; opacity:.8;transition:all 500ms ease; position:relative; transform:skew(-12deg)}
.indexbanner .swiper-pagination-bullet-active{background:#ffb320; opacity:1}

.imgstyle{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative}
.imgstyle img{ width:100%}

.newbox{ position:relative}

.newmain{ position:absolute; height:100px; background:#087bbe; right:0; bottom:0; z-index:99999; width:50%; padding:18px}

.newmain:before{ content:""; position:absolute; left:-40px; top:0; bottom:0; height:100px; width:40px;background:url(../images/xwico.png) no-repeat left center;}

.new_l{ width:80%}

.newlist li{ line-height:30px;}

.newlist li a{ color:#fff; float:left; width:80%; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; box-sizing:border-box; transition:all 500ms}

.newlist li span{ float:right; color:#a9bcc7; font-size:12px;}

.newlist li:hover a{ padding-left:8px;}

.new_r{ width:16%; text-align:right; padding-top:3%; position:relative; display:block}

.new_r a img{ margin-left:5px; margin-bottom:-1px; height:12px;}

.new_r a{ color:#b9d1e6}

.new_r a:hover{ text-decoration:underline}

.new_r:before{ content:""; position:absolute; left:0; top:5px; height:52px; width:1px; background:#53a3d2}



.jfbox{ padding:3% 0; background:#f7f7f7}

.title{ text-align:center;}

.title h2{ font-size:28px; font-weight:bold; color:#087bbe; text-transform:uppercase}

.title h3{ font-size:20px; margin-top:-7px;}

.jfmenu{ text-align:center; margin-top:3%}

.jfmenu a{ display:inline-block; margin:0 2%; padding:0 20px;font-size:18px; color:#999999; padding-bottom:8px; box-sizing:border-box}

.jfmenu a.active{ border-bottom:2px solid #087bbe; color:#087bbe;  font-weight:bold;}



.jfmain{ margin-top:3%}

.jflist{}

.jflist li{ float:left; width:32%; margin-right:2%; background:#fff}

.jflist li:nth-child(3n){ margin-right:0}

.jflist li dt{ overflow:hidden}

.jflist li dt .imgstyle{ transition:all 1s}

.jflist li dd{ padding:5%;}

.jflist li dd h2{ position:relative; display:inline-block; width:130px; line-height:40px; margin-top:-40px;text-align:center; margin-left:5px; }

.jflist li dd h2 span{ display:block; padding:0 10px; box-sizing:border-box; position:relative; z-index:10; color:#fff; font-size:16px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis; transition:all 500ms }

.jflist li dd h2:before{ content:""; position:absolute; left:0; top:0; bottom:0; right:0;transform:skew(-15deg); background:#087bbe;width:130px; height:40px;}

.jflist li dd p{ font-size:12px; color:#666666; text-align:justify; margin-top:4%; line-height:2; height:72px; overflow:hidden}

.jflist li dd > span{ display:inline-block; height:32px; margin-top:4%; transition:all 500ms}

.jflist li dd > span img{ max-height:100%}

.jflist li:hover dt .imgstyle{ transform:scale(1.2)}

.jflist li:hover dd > span{ transform:translateX(8px)}

.jfcont{ position:relative}

.jfcont .swiper-container{ padding-bottom:5.5%}

.jfcont .swiper-container-horizontal>.swiper-pagination-progressbar,.jfcont .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ bottom:0; top:inherit; }

.jfcont .swiper-button-next,.jfcont .swiper-button-next.swiper-button-disabled{ width:13px; height:18px; background:url(../images/jfr.png) no-repeat center center;right:-4%; opacity:1!important}

.jfcont .swiper-button-next:focus,.jfcont .swiper-button-prev:focus{ outline:none}

.jfcont .swiper-button-prev:after,.jfcont .swiper-container-rtl .swiper-button-next:after,.jfcont .swiper-button-next:after,.jfcont .swiper-container-rtl .swiper-button-prev:after{ display:none}

.jfcont .swiper-button-prev,.jfcont .swiper-container-rtl .swiper-button-prev,.jfcont .swiper-button-prev.swiper-button-disabled{ width:13px; height:18px; background:url(../images/jfl.png) no-repeat center center; left:-4%;opacity:1!important}

.jfcont .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#ffb320}



.cpzx{ padding:3% 0}

.cpmain{ margin-top:3%; position:relative}

.cplist{ width:22%; background:#f5f5f5; padding-bottom:1%}

.cplist > li{}

.cplist > li > h2{ background:#087bbe; padding:6% 0; font-size:16px; font-weight:bold; color:#fff; padding-left:5%; box-sizing:border-box; margin:3.9% 0}

.cplist > li ul li{ padding:2% 5%;font-size:14px; box-sizing:border-box; padding-left:15%;}

.cplist > li ul li > a{ cursor:pointer;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}

.cplist > li ul li.active,.cplist > li ul li:hover{ background:url(../images/cpico.png) no-repeat 20px center}

.cpinfo{ position:absolute; top:0; left:24%; right:0; display:none; transition:all 300ms}

.cptext{ position:absolute; top:28%; width:54%; margin:0 auto; left:0; right:0; padding:4% 4%; padding-bottom:6%; text-align:center; background:rgba(8,123,190,.9)}

.cptext h2{ font-size:16px; font-weight:bold; color:#fff}

.cptext i{ background:#fff; display:inline-block; width:30px; height:2px; margin:4% 0}

.cptext p{ color:#fff; line-height:2.1; text-align:left}

.cptext a{ position: absolute; display:inline-block; text-align:center; left:0; right:0; width:130px; margin:0 auto; height:36px; line-height:36px;  bottom:-5%; transition:all 300ms;}

.cptext a span{color:#fff; position:relative;z-index:10;}

.cptext a:after{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; width:130px; height:36px; background:#ffb320; transform:skew(-15deg) }

.cptext a:hover{ bottom:-3%}

.cplist > li ul li.active .cpinfo{ display:block;}



.zxbox{ background:url(../images/zxbg.jpg) no-repeat center center; background-size:cover; padding:2% 0;}

.zxbox .title h2,.zxbox .title h3{ color:#fff}

.zxmain{ margin-top:3%}

.zxlist{}

.zxlist > li{ border-left:7px solid #ffb320; float:left; width:48.8%; background:url(../images/zxlbg.jpg) no-repeat center center; background-size:cover; padding:2% 4%; box-sizing: border-box}

.zxlist > li:nth-child(2n+0){ float:right}

.zxlist > li h2{ font-size:16px; font-weight:bold; margin-bottom:3%}

.zxlist > li ol li{ float:left; width:50%; height:30px; line-height:30px; position:relative; padding-left:25px; box-sizing:border-box}

.zxlist > li ol li:before{ content:""; position:absolute; left:0; top:11px; background:#ffb320; border-radius:100%; width:5px; height:5px;}

.zxlist > li ol li a{ color:#143674; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}

.zxlist > li ol li a:hover{ text-decoration:underline}



.case{ padding:4% 0; background:url(../images/albg.jpg) no-repeat center center; background-size:cover}

.csmenu{ background:#fff; height:42px; line-height:42px; border:1px solid #e6e6e6; text-align:center; color:#e6e6e6; margin-top:3%}

.csmenu a{ display:inline-block; width:19.4%; text-align:center;height:42px; line-height:42px;}

.csmenu a.active,.csmenu a:hover{ color:#087bbe; font-weight:bold;}

.csmain{ margin-top:3%}

.cslist{}

.cslist li{ float:left; width:23.5%; margin-right:2%; overflow:hidden}

.cslist li dt{ transition:all 500ms}

.cslist li dd{ background:#087bbe; height:50px; line-height:50px; padding-left:5%; box-sizing:border-box; color:#fff; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; padding-right:60px; position:relative}

.cslist li dd:after{ content:""; position:absolute; right:-58px; height:50px; width:58px; background:url(../images/alico.png) no-repeat center center; transition:all 500ms}

.cslist li:hover dd:after{ right:0}

.cslist li:hover dt{ opacity:.8}

.cslist li:last-of-type{ margin-right:0}

.csmore{ text-align:center; margin-top:5%; transition:all 500ms}

.csmore a{display:inline-block; text-align:center; width:130px; margin:0 auto; height:36px; line-height:36px; transition:all 300ms; position:relative}

.csmore a span{color:#fff; position:relative;z-index:10;}

.csmore a:after{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; width:130px; height:36px; background:#ffb320; transform:skew(-15deg) }

.csmore a:hover{ transform:translateY(-5px)}



.foot{ background:#181d33; padding:2% 0}

.foot_l{ width:85%;}

.foot_r{ width:15%; text-align:center}

.foot_r dt{ height:146px; width:146px; margin:0 auto; border:5px solid #143674; box-sizing:border-box; background:#fff;}

.foot_r dt img{ max-height:100%; max-width:100%}

.foot_r dd{ margin-top:8%; color:#999999; font-size:12px;}

.fmenu{}

.fmenu a{color:#fff; margin:0 4%; opacity:.6}

.fmenu a:first-of-type{ margin-left:0}

.fmenu a:last-of-type{ margin-right:0}

.fmenu a:hover{ opacity:1}

.hzlx{ margin-top:2%}

.hzlx_l{ width:46%; border-right:1px solid #434758; padding-right:5%; display:flex; margin-top:2%}

.hzlx_l dt{ background:#ffb320; width:40px; height:80px; color:#fff;text-align:center; padding-top:7px; box-sizing:border-box}

.hzlx_l dt span{ display:inline-block; writing-mode: tb-rl;letter-spacing:3px;}

.hzlx_l dd{ margin-left:3%; flex:1; width:80%}

.hzlx_l dd li{ float:left; width:47.5%; background:#fff; margin-right:5%; transition:all 500ms}

.hzlx_l dd li:nth-child(2n+0){ margin-right:0}

.hzlx_l dd li a{ display:block; height:80px; background:#fff;-webkit-box-flex: 1; 

-moz-box-flex: 1;

-ms-box-flex: 1;

-o-box-flex: 1;

box-flex: 1;

-webkit-box-pack: center;

-moz-box-pack: center;

-ms-box-pack: center;

-o-box-pack: center;

box-pack: center;

-webkit-box-align: center;

-moz-box-align: center;

-ms-box-align: center;

-o-box-align: center;

box-align: center;

display: -webkit-box;

display: -moz-box;

display: -ms-box;

display: -o-box;

display: box; padding:2%; box-sizing:border-box}

.hzlx_l dd li img{ max-height:100%; max-width:100%}

.hzlx_r{ width:50%;}

.hzlx_r p{ color:#fff; line-height:2; color:#999999}

.hzlx_r p span{ display:inline-block; margin-right:5%; color:#fff}

.ftext{ margin-top:2%; color:#fff; opacity:.4; font-size:12px;}

.ftext a{ color:#fff}

.hzlx_l dd li:hover{ opacity:.7}



.menuico{ margin-top:5px; cursor: pointer; position:relative; z-index:9999; display:none;text-align:center}

.menuico span{ background:#fff; display:block; width:26px; margin:0 auto; height:3px; margin-top:5px; transition:all 1s ease-in-out;}

.menuico.pdtop{padding-top:5px;}

.animated .mtop {

    -webkit-transform: translateY(3px) rotateZ(45deg);

    -moz-transform: translateY(3px) rotateZ(45deg);

    -ms-transform: translateY(3px) rotateZ(45deg);

    -o-transform: translateY(3px) rotateZ(45deg);

    transform: translateY(3px) rotateZ(45deg);

}

.animated .middle {

    width: 0;

}

.animated .bottom {

    -webkit-transform: translateY(-13px) rotateZ(-45deg);

    -moz-transform: translateY(-13px) rotateZ(-45deg);

    -ms-transform: translateY(-13px) rotateZ(-45deg);

    -o-transform: translateY(-13px) rotateZ(-45deg);

    transform: translateY(-13px) rotateZ(-45deg);

}

.nav-content {

    position:fixed;

    top:40px;

    bottom: 0;

    left: 0;

    right: 0;

    display: block;

    height: 100vh;

    z-index: 999999;

    overflow: hidden;background:rgba(255,255,255,.95);background-size:100% 100%; transition:all 1s ease-in-out; opacity:0; padding-top:15%;

}

.nav-list{ position:relative; top:4%;}

.nav-list li{line-height:50px; border-bottom:1px solid #ddd;padding-left:15%; box-sizing:border-box; position:relative}

.nav-list li:before{ content:""; position:absolute; left:8%; top:50%; background:#087bbe; width:6px; height:6px; border-radius:100%}

.nav-list li a{ display:inline-block; color:#333; font-size:16px; position:relative;transition:all 500ms ease-in-out;}

.nav-list li h2{ display:inline-block;font-size:16px; }

.nav-list li h3{ display:inline-block;font-size:14px; margin-left:5px; text-transform:capitalize }



.opacity{ opacity:1}

@keyframes showNav { from { transform: translateX(100%); } to { transform: translateX(0); } } 

@-webkit-keyframes showNav { from { transform: translateX(100%); } to { transform:  translateX(0); } }

@-moz-keyframes showNav { from { transform: translateX(100%); } to { transform:  translateX(0); } }

@-o-keyframes showNav { from { transform: translateX(100%); } to { transform:  translateX(0); } } 

.showNav { -webkit-animation: showNav 1s ease forwards; -moz-animation: showNav 1s ease forwards; -o-animation: showNav 1s ease forwards; animation: showNav 1s ease forwards; }

.hideNav {-webkit-animation: hideNav 1s ease forwards;-moz-animation: hideNav 1s ease forwards;-o-animation: hideNav 1s ease forwards;animation: hideNav 1s ease forwards;}

@keyframes hideNav {from { transform: translateX(0); } to { transform:  translateX(100%); } } 

@-webkit-keyframes hideNav {from { transform: translateX(0); } to { transform: translateX(100%); } }

@-moz-keyframes hideNav { from { transform:translateX(0);} to { transform: translateX(100%); } } 

@-o-keyframes hideNav { from { transform: translateX(0); } to { transform: translateX(100%); } } 

.sjcplist{ display:none}

.adress{ padding:1% 0}

.adress a:hover{ color:#087bbe; text-decoration:underline}

.nypic{ position:relative; z-index:10}

.nypic img,.nypic{ width:100%}

.nyall{padding-bottom:2%}
.nyall h2{text-align:center;font-size:20px;font-weight:bold;}
.nyall h3 {font-size:13px;color:#999999;text-align:center;border-bottom:1px solid #ededed;padding-bottom:1%;margin-bottom:2%;}

.nynew_l{ width:68%;}

.nynew_r{ width:27%;}

.nynew_ls{ width:100%;}

.nyxwlist li{ border-bottom:1px solid #e6e6e6; padding:1.5% 0;}

.nyxwlist li:first-of-type{ padding-top:0}

.nyxwlist li a{ display:flex;}

.nyxwlist li dt{ width:58px; height:58px; text-align:center; background:#cccccc; margin-right:3%; transition:all 300ms}

.nyxwlist li dt h2{ color:#fff; font-size:28px; font-weight:bold; margin-top:-5px; transition:all 300ms}

.nyxwlist li dt h3{ color:#fff;font-size:12px; margin-top:-12px;}

.nyxwlist li dd{ flex:1; width:70%; padding-top:0.5%}

.nyxwlist li dd h2{ font-size:14px; text-align:left; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}

.nyxwlist li dd p{ font-size:12px; color:#999;white-space:nowrap; overflow:hidden;text-overflow: ellipsis; transition:all 300ms; margin-top:0.5%}

.nyxwlist li:hover dd h2{ color:#ffb320} 

.nyxwlist li:hover dd p{ color:#ffb320} 

.nyxwlist li:hover dt{ background:#087bbe}

.page{ text-align: center; margin-top:4%; clear:both;}

.page a{ display:inline-block;text-align:center;border:1px solid #e6e6e6; border-radius:3px;color:#666666;vertical-align:middle; padding:0 8px;box-sizing:border-box;

transition: all 400ms cubic-bezier(.4,0,.23,1);-moz-transition: all 400ms cubic-bezier(.4,0,.23,1);-webkit-transition: all 400ms cubic-bezier(.4,0,.23,1);}

.pageactive{display:inline-block; background:#ffb320;border-radius:3px; border:1px solid #ffb320;text-align:center;color:#fff!important; margin:0 2px; padding:0 8px; vertical-align:middle;}

.page a:hover{ background:#ffb320; border:1px solid #ffb320;border-radius:3px; text-align:center;color:#fff!important;}

.nynew_r > h2{ font-size:14px; font-weight:bold; border-bottom:1px solid #e6e6e6; padding-bottom:6px; margin-bottom:3%}

.rlist{}

.rlist li{ height:35px; line-height:35px; }

.rlist li a{display:block; color:#666;white-space:nowrap; overflow:hidden;text-overflow: ellipsis; position:relative; padding-left:15px; box-sizing:border-box}

.rlist li a:before{ content:""; position:absolute; left:0; top:15px; width:5px; height:5px; border-radius:100%; background:#087bbe}

.rlist li a:hover{ color:#087bbe; text-decoration:underline}

.detail h2{ text-align:center; font-size:20px; font-weight:bold}

.detail h3{ font-size:13px; color:#999999; text-align:center; border-bottom:1px solid #ededed; padding-bottom:1%;}

.xqcont p{ line-height:2;}

.xqcont p img{ max-width:100%}

.sxp{border-top:1px solid #ededed; margin-top:2%; padding-top:1%}

.sxp a{ width:48%;white-space:nowrap; overflow:hidden;text-overflow: ellipsis; }

.sxp a.xp{ text-align:right}

.sxp a:hover{ text-decoration:underline; color:#087bbe}

.nyzxlist > li{ margin-bottom:3%; margin-top:0.5%}

.nyzxlist > li > h2{ font-size:16px; font-weight:bold;}

.nyzxlist > li ol li{ float:left; width:21.2%; margin-right:5%; margin-top:2.5%;height:50px; line-height:50px; text-align:center}

.nyzxlist > li ol li:nth-child(4n+0){ margin-right:0}

.nyzxlist > li ol li a{ display:block; height:50px; line-height:50px; border:1px solid #e6e6e6; box-sizing:border-box; color:#143674; transition:all 300ms}

.nyzxlist > li ol li a:hover{ background:#087bbe; color:#fff}

.nyjf{ margin-bottom:3%}

.nyjflist li{ float:left; width:23.8%; margin-right:1.5%; margin-top:1.5%; border:1px solid #e6e6e6; box-sizing:border-box; transition:all 500ms}

.nyjflist li:nth-child(4n+0){ margin-right:0}

.nyjflist li dt{ overflow:hidden}

.nyjflist li dt .imgstyle{ transition:all 1s}

.nyjflist li dd{ padding:5%; padding-top:3%; box-sizing:border-box}

.nyjflist li dd h2{ font-size:14px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}

.nyjflist li dd p{ font-size:12px; color:#999999; height:46px; overflow:hidden; margin:3% 0}

.nyjflist li dd span{ display:inline-block; transition:all 500ms}

.nyjflist li dd span img{ height:32px;}

.nyjflist li:hover{ box-shadow:0 0 10px 1px rgba(0,0,0,.1)}

.nyjflist li:hover dt .imgstyle{ transform:scale(1.08)}

.nyjflist li:hover dd span{ transform:translateX(6px)}



.tree{ width:18%; background:#f5f5f5}

.tree > h2{ height:58px; line-height:58px; padding:0 20px; box-sizing:border-box; color:#fff; font-weight:bold; font-size:16px; background:#087bbe}

.treelist{ padding:3% 20px; box-sizing:border-box}

.treelist li{ height:45px; line-height:45px;}

.treelist li a{ display:block; box-sizing:border-box; transition:all 500ms; background:none left center; padding-left:10px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}

.treelist li.active a,.treelist li:hover a{ font-weight:bold; padding-left:20px; background:url(../images/cpico.png) no-repeat left center; }

.ncpzx_r{ width:79.5%}

.ncplist{}

.ncplist li{ float:left; width:32%; margin-right:2%; overflow:hidden; margin-bottom:2%; transition:all 300ms}

.ncplist li a{ position:relative; display:block}

.ncpinfo{ position:absolute; bottom:0; height:50px; left:0; right:0; background:rgba(12,19,35,.8); padding:2% 3%;}

.ncpinfo h2{ color:#fff; font-size:14px; line-height:40px; width:80%;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}

.ncpinfo p{ font-size:12px; color:#fff; width:80%;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}

.ncpinfo:after{ content:""; position:absolute; right:0; top:0; bottom:0; width:85px; height:50px; background:url(../images/ncpico.png) no-repeat center center; transform:translateX(100%); transition:all 500ms}

.ncplist li:hover .ncpinfo:after{ transform:translateY(0)}

.ncplist li:hover{ box-shadow:0 10px 20px 1px rgba(0,0,0,.35)}

.nyabt_l{ width:64%; margin-top:2%}

.nyabbox{ position:relative; padding-bottom:3%;}

.nbg{ position:absolute; right:0; top:-11.3%; bottom:0; background:#f7f7f7; width:36%; z-index:0}

.nyabt{}

.nyabt h2{ font-size:30px; font-weight:bold; position:relative; letter-spacing:-1px;}

.nyabt h2 span{ font-size:14px; display:inline-block; margin-left:15px}

.nyabt h2:after{ content:""; position:absolute; left:0; bottom:0; width:36px; height:4px; background:#087bbe}

.nyabinfo{ margin-top:5%; height:320px;overflow-y:auto;padding-right:10px}

.nyabinfo::-webkit-scrollbar {/*滚动条整体样式*/
width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}

.nyabinfo::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #087bbe;
}

.nyabinfo::-webkit-scrollbar-track {/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 10px;
background: #EDEDED;
}

.nyabinfo p{ text-align:justify;line-height:2;font-size:16px;}
.nyabt_r{ width:32%;position:relative;z-index:10;margin-top:7%;}
.nyabt_r img{ width:100%}

.fzlc{ background:url(../images/fabg.jpg) no-repeat center center; background-size:cover; padding:4% 0}

.fzlc .title h2{ color:#fff; letter-spacing:-1px;}

.fzlc .title h3{ font-size:14px; color:#fff}

.fzinfo{ width:90%; margin:0 auto; margin-top:5%}

.fzinfo p{ line-height:2.2; color:#fff}

.qyln{ background:url(../images/qybg.jpg) no-repeat left center; background-size:cover; padding:2.5% 0}

.qyln_l{ width:33%; padding-left:5%}

.qyln_l h2{ color:#fff; font-size:20px;}

.qyln_l h3{ color:#fff; font-size:14px; text-transform:uppercase}

.qyln_r{ width:60%; position:relative;}

.qyln_r:before{ content:""; position:absolute; top:0; left:0; width:46px; height:4px; background:#087bbe}

.qyln_r p{ color:#666666; margin-top:2%; height:50px; overflow:hidden}

.lxwm{ padding:4% 0}

.lxwm .title h2{ color:#333; letter-spacing:-1px;}

.lxwm .title h3{ font-size:14px;}

.lxinfo{ margin-top:3%}

.lxinfo dl{ float:left; width:30%; margin-right:5%; background:#ffb320;height:71px;display:flex;}

.lxinfo dl:last-of-type{ margin-right:0}

.lxinfo dl dt{ background: url(../images/lxb.png) no-repeat right center; width:110px; height:71px; padding-right:3%; text-align:center; padding-top:15px; box-sizing:border-box}

.lxinfo dl dt h2{ height:18px;}

.lxinfo dl dt h2 img{ max-height:100%}

.lxinfo dl dt h3{ color:#fff; font-size:12px; margin-top:5px;}

.lxinfo dl dd{ flex:1; width:70%; padding:3%; box-sizing:border-box;-webkit-box-flex: 1; 
-moz-box-flex: 1;
-ms-box-flex: 1;
-o-box-flex: 1;
box-flex: 1;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-box-pack: center;
-o-box-pack: center;
box-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-box-align: center;
-o-box-align: center;
box-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -o-box;
display: box; color:#000; line-height:1.6}
.lxdt{ width:100%; height:420px; margin-top:3%}

/*产品切换效果*/
.cpbj{background: #fafafa;width:100%;}
.ban{width:100%;height:400px;position:relative;overflow:hidden;margin:0px auto 2%;}
.ban2{ width:400px; height:320px; position:relative; overflow:hidden; margin:auto;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{width:400px; height:320px; list-style:none;}
.min_pic{ width:100%; height:55px; position:absolute;bottom:5%;}
.numt{ height:55px;overflow:hidden; width:400px; position:relative; margin:auto;}
.numt ul{position:absolute;left:0;top:0;}
.numt ul li{width:70px;height:50px;margin-right:10px;text-align:center;border:1px solid #ececec;list-style:none;}
.numt ul li a img{height:45px;margin:5%;}
.numt ul li.on{border:1px solid #087bbe;padding:0;}
.detail_warp{width:100%;border-bottom:1px solid #f2f2f2;height:50px;}
.detail_mune{width:100%; height:48px;margin:auto;}
.detail_mune a{display:block;float:left;width:15%;height:48px;text-align:center;font-size:18px;color:#333;line-height:48px;cursor:pointer;}
.detail_mune a:hover{color:#087bbe;-webkit-transition: all 0.4s ease-in-out;border-bottom:2px solid #087bbe;}
.detail_mune a.detail_mune_a{color:#087bbe;border-bottom:2px solid #087bbe;}
.detail_mune1{display:none;}
.detail_con{width:100%;height:auto;overflow:hidden;margin:auto;margin-top:1rem;display:none;}
/*产品切换效果*/

@media screen and (max-width:1366px){
	.menu{width:100%}
	.nav_r{width:26%}
}

@media screen and (max-width:1024px){

.w1200{ width:95%}

.w1000{ width:95%}  

.head_r,.new_r a img,.pccplist,.nbg{ display:none}

.menuico,.sjcplist{ display:block}

.logo{ width:90%}

.header{ padding:3% 0}

.nav_r{ width:70%;height:40px; line-height:40px;}

.nav{padding:7px 0;}

.nav_r img{ height:26px; top:7px;}

.nav_r:before,.nav:after{ height:40px;}
.detail_mune a{width:22%;font-size:15px;}
.newmain{ width:70%; height:60px; padding:2% 0}

.indexbanner:after{ height:60px;}

.newmain:before{ height:60px;}

.newlist li{ line-height:24px}

.newlist li a{ font-size:12px;}

.new_r a{ font-size:12px;}

.new_l{ width:75%}

.new_r{ width:22%; padding-top:6%}

.new_r:before{ height:40px;}

.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets, .indexbanner .swiper-pagination-custom, .indexbanner .swiper-pagination-fraction{ padding-left:0}

.indexbanner .swiper-pagination-bullet{ width:16px; height:3px; margin:0 4px!important;}

.title h2{ font-size:18px;}

.title h3{ font-size:16px;}

.jfmenu a{ font-size:15px; padding:0 8px;}

.jfmain{ width:95%; margin:0 auto; margin-top:5%;}

.jfbox,.zxbox,.foot,.cpzx{ padding:7% 0}

.jflist li dd h2{width:80px; margin-top:-20px;}

.jflist li dd h2 span{ font-size:14px; line-height:28px;}

.jflist li dd h2:before{ width:80px; height:28px;}

.jflist li dd > span{ height:25px; margin-top:8%}

.jflist li dd p{ line-height:1.6; height:55px;}

.jflist li dd{ padding:7%}

.jfcont .swiper-button-next, .jfcont .swiper-button-next.swiper-button-disabled{ right:-5%}

.jfcont .swiper-button-prev, .jfcont .swiper-container-rtl .swiper-button-prev, .jfcont .swiper-button-prev.swiper-button-disabled{ left:-5%}

.zxlist > li{ float:none; width:100%; margin-top:5%}

.csmenu a{ width:inherit; margin:0 1%}

.cslist li{ width:49%;margin-top:3%}

.cslist li:nth-child(even){ margin-right:0; }

.foot_l,.foot_r,.hzlx_l,.hzlx_r,.tree,.ncpzx_r,.nyabt_l,.nyabt_r,.lxinfo dl,.nynew_l,.nynew_r,.sxp a{ float:none; width:100%;}

.ncpzx_r,.nynew_r{ margin-top:5%}

.hzlx_l{ border:none; padding-right:0; margin:4% 0}

.foot_r dt{ width:100px; height:100px;}

.foot_r dd{ margin-top:2%}

.fmenu{ margin-top:2%}

.fmenu a{ margin:0 0.2%}

.ftext{ padding:0 2%}

.cplist{ width:100%}

.sjcplist > li > h2{ padding:2% 0; padding-left:6%}

.sjcplist > li ul li{ padding:1% 0; padding-left:5%}

.nyjflist li,.nyzxlist > li ol li,.treelist li{ float:left; width:49%; margin-right:2%; margin-top:2%}

.nyjflist li:nth-child(even),.nyzxlist li:nth-child(even),.treelist li:nth-child(even){ margin-right:0}

.ncpinfo{ position:inherit;height:40px !important;padding:0 3% !important;}
.ncpinfo h2{width:100%;}
.nyzxlist > li ol li{ margin-top:4%}

.tree > h2{ height:45px; line-height:45px;}

.treelist li{ height:30px; line-height:30px;}

.nyabinfo{ margin-top:5%; height:auto}

.nyabt h2{ font-size:24px;}

.fzinfo{ width:100%}

.fzinfo p{ line-height:2}

.qyln_l{ float:none; width:100%; background:url(../images/qybg0.jpg) no-repeat center center; padding:4% 0; background-size:cover; padding-left:5%}

.qyln{ background:none; padding:0}

.qyln .w1200{ width:100%}

.qyln_r{ width:100%; float:none; background:#f5f5f5; padding:5%; padding-top:10%}

.qyln_r p{ margin-top:0; height:auto}

.qyln_r:before{ left:5%; top:15%}

.lxinfo dl{ margin:0; margin-top:5%}

.detail h2{ font-size:18px; line-height:1.5}

.sxp a{ display:block; }

.sxp a.xp{text-align:left}

.xqcont p img{height:100%;}

.lxdt{height:280px;}

}
@media(max-width: 768px){
.menu li{height:18px;line-height:18px;width:25%;}
}