/* Fonts */

/*通用*/

*{ margin:0; padding:0;}

html{}

body{margin:0;color:#323232; position: relative;font-family: PingFangSC-Regular, sans-serif, "Arial"; min-width:1200px;}

ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;}

a{text-decoration:none;  text-shadow:none;font-weight:normal;}

ul{list-style:none;}

textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:Arial, Helvetica, sans-serif;}

a{color:#6c6c6c;text-decoration:none;}

img{border:none; display: block;}

span{margin:0; padding:0; cursor: auto;}

span:focus,div:focus {outline: none;}



.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}

.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}

.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}

.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}

.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}

.Huans {-webkit-box-sizing:border-box;box-sizing:border-box;}





/*header*/

.header{width:100%;background:#FFF; z-index:999; position:fixed; left:0;right:0; margin:0 auto; top:0; border-bottom:1px solid #dcdcdc; min-width:1200px;}

.hdlogo{display: block;}

.hdlogo img{width:auto; max-height: 78px;}

.Hdtop{width:100%}

.Hdtop img{display: block;}

.Hdtophon p{ color:#323232;}

.Hdtophon span{ color:#0072c1; display: block;}

.HdtopH{ color:#323232;}

.hdEN{ position:relative;}

.hdENa{color:#323232;}

.hdENa i{background-image: url("../dimg/icon/navJ.png"); background-position: center; background-repeat: no-repeat; background-size:100%; display: block;transition:0.5s;}

.hdEN .on i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);transition:0.5s;}

.NavEN{ position: absolute;left:50%;top:100%;transform: translate(-50%,0);background:#FFF;text-align: center; box-shadow:0 4px 10px rgba(0,0,0,0.1);display:none;}

.NavENa{color:#323232;display: block;text-align: center;}

.MenuA{color:#282828; position: relative;}

.MenuA:before{display:block;content:'';position: absolute; background:#017cc2; bottom:0; left:0;right:0; margin:0 auto; width:0; height:3px; border-radius:3px;transition:0.5s;}

.MenuA p{ padding-right: 8px;}

.MenuA i{background-image: url("../dimg/icon/navJ.png"); background-position: center; background-repeat: no-repeat; background-size:100%; display: block;transition:0.5s;}

.Menu ul li{ position: relative;}

.Menu ul li .on,.Menu ul li .menuO,.Menu ul li .MenuA:hover{ color:#017cc2;}

.Menu ul li .on:before,.Menu ul li .menuO:before,.Menu ul li .MenuA:hover:before{width:90%;transition:0.5s;}

.Menu ul li .menuO i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}

.NavK{position:absolute;top:100%;background:rgba(255,255,255,0.95); display:none;box-shadow:0 2px 8px rgba(0,0,0,0.1); transform: translate(-50%,0);left:50%; z-index:99}

.NavH{font-weight:700;color:#323232}

.NavN{overflow: auto;}

.NavN::-webkit-scrollbar {width :2px;height:0;}

.NavN::-webkit-scrollbar-thumb{background:#0fa1d6;}

.NavN::-webkit-scrollbar-track{background:#eee;}

.NavKa{color:#232323;display: block;}

.NavN .NavNo{ background:#0fa1d6; color:#FFF; font-weight:700}

.NavD{background:#FFF;}

.NavDI{overflow: hidden;}

.NavDI img{width:100%; display: block;}

.NavDCh{color:#282828;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.NavDFp{color:#282828;position: relative;}

.NavDFp:before{display:block;content:'';position: absolute; width: 4px; height:4px; background:#017cc2;transform: translate(0,-50%);left:0;top:50%;}

.NavDFpa{color:#0fa1d6;}

.NavDFpa:hover{text-decoration:underline;}

.NavDa{color:#006fbe; display: inline-block;}

.NavDa:hover{text-decoration:underline;}

.searchB{background-color:#017cc2; background-image: url("../dimg/icon/search.png"); background-repeat: no-repeat; background-position: center; display: block;}

input.searchI::-webkit-input-placeholder{color: #fff;} 

input.searchI:-moz-placeholder{color: #fff;} 

input.searchI::-moz-placeholder{color: #fff;} 

input.searchI:-ms-input-placeholder {color: #fff;}

.searchK{ background:#5eaddc;position: absolute; display: none;}

.searcha{background-image: url("/images/icon/search.png"); background-position: center; background-repeat: no-repeat;display: block;}

.searchI{ width:100%; flex:1;color:#FFF; border:none; background:none;}

.ward{margin:0 auto;}

.webM{width:100%}

/*footer*/

footer { color:#FFF;background:#202020;}

.ftC{ background:#161616;}

.ftLog{ display: block;}

.ftPhoT img{display: block;}

.ftNM{color:#FFF;display: block;}

.ftNa{ color:#898989; display: block;}

.ftM{margin-left:auto;}

.ftMt{background:#292929;}

.ftMI{ overflow: hidden;}

.ftMI img{width:100%; display: block;}

.ftMt p{ text-align: center;}

.ftMa{color:#FFF; width:100%;text-align: center; background:#006fbe;display: block;}

.ftCN p img{display: block;}

.ftCN a{color:#FFF;}

.ftLog img{width:100%; display: block;}

.ftlin a{ color:#6e6e6e; display: block;}

/**/

.kef{position:fixed;z-index:99}

.kefa{background:#0088db; color:#FFF;align-content:center;}

.kefa img{display: block;}

.top{opacity: 0;}

.top.show{opacity: 1}

@media  screen and ( min-width:1680px){

/*header*/

.header{height:106px; }

.hdlogo{width:12%;}

.HdR{ padding-top:10px; height:96px;}

.Hdtop{ font-size:14px;height:44px;}

.Hdtop img{width:20px;}

.Hdtophon{ line-height:30px;}

.Hdtophon p{ margin-left: 5px;}

.Hdtophon span{ margin-left:5px;}

.HdtopH{margin-left: 40px;}

.HdtopH p{ margin-left: 5px;}

.hdEN{margin-left: 50px;}

.hdENa{height:30px;}

.hdENa p{line-height:20px;padding:0 5px;}

.hdENa i{width:8px; height: 8px;}

.NavEN{width:100px;}

.NavENa{line-height:30px; font-size:14px;}

.ward{width:1400px;}

.Menu{}

.Menu ul{}

.Menu ul li{ padding:0 45px;}

.MenuA{ line-height:52px;font-size:18px}

.MenuA p{}

.MenuA i{width:8px; height: 8px;}

.NavK{padding-top:10px; padding-left: 10px; padding-bottom: 10px; padding-right:10px;}

.NavH{ font-size:24px; font-weight:700; line-height:50px; height: 50px;}

.NavB{padding-top:25px;}

.NavN{ width: 215px; /*height:340px;*/ height: auto;}

.NavKa{ width:210px; /* height:36px; */ line-height:36px;padding:0 18px; font-size:14px; margin-bottom: 18px;}

.NavN .NavNo{font-size:15px;}

.NavD{width:1045px; height:340px;padding-top:10px; padding-bottom:10px; padding-left: 45px; padding-right:80px;}

.NavDI{ width:340px; height:320px;}

.NavDC{width:545px;}

.NavDCh{ font-size:16px;line-height:26px;height:78px}

.NavDF{padding-top:35px; width:450px;}

.NavDFp{width:140px;font-size: 15px; line-height:24px; margin-bottom: 10px; margin-right:10px;padding-left: 14px;}

.NavDa{ font-size: 14px;margin-top:30px;}

.searchB{width:40px;height:40px; background-size: 21px; margin-left:36px}

.searchK{width:400px;top:120px;right:86px; margin-left: 200px; padding:0 12px;}

.searchV{height: 54px;}

.searcha{width:40px; height: 40px;background-size: 21px;}

.searchI{ width:100%;font-size: 16px; line-height:30px;margin-left:6px;}

	

	

.webM{padding:0 85px;}

/*footer*/

.ftK{padding-top:70px; padding-bottom:20px;}

.ftPho{  width: 340px;}

.ftPhoT{}

.ftPhoT img{width:20px;margin-left: 6px; margin-right: 11px;}

.ftPhoT p{ font-size:18px; line-height:30px;}

.ftPhoH{ font-size:34px;  line-height:45px; margin-top: 16px;}

.ftPhoH p{}

.ftPhop{ font-size:16px; line-height:25px;margin-top: 30px;}

.ftN{margin-left:6%;}

.ftNH{ font-size:18px; line-height:30px;}

.ftNK{ padding-top: 15px;}

.ftNr{ padding-right:30px;}

.ftNM{ font-size:16px;line-height:36px;}

.ftNa{font-size:15px; line-height:36px;}

footer a:hover{text-decoration: underline; color:#FFF}

.ftM{width:310px;}

.ftMt{ padding:15px 15px 0; width:148px;}

.ftMI{ width: 118px; height:118px;}

.ftMt p{line-height:22px; font-size:14px; padding:10px 0;}

.ftMa{ font-size:16px;height: 50px; line-height:50px;border-radius:6px; margin-top: 25px;}

.ftlin{ font-size:12px; line-height:30px;padding-bottom:40px;}

.ftlin a{ margin-right:22px;}

.ftC{line-height:30px; padding-top:48px; padding-bottom:44px; }

.ftCN{font-size:14px; line-height:25px;}

.ftCN p img{width:20px;margin-right: 6px;}

.ftCN a:hover{text-decoration:underline;}

.ftLog{width:186px;}

/**/

.kef{ width:44px;bottom:20%;right:33px;}

.kefa{width:44px; height:44px;font-size:14px; line-height:18px;margin-bottom: 8px;}

.kefa img{width:20px}

}

@media screen and (max-width:1679px ) and ( min-width:1440px){

/*header*/

.header{height:92px; }

.hdlogo{width:12%;}

.HdR{ padding-top:6px; height:86px;}

.Hdtop{ font-size:13px;height:38px;}

.Hdtop img{width:20px;}

.Hdtophon{ line-height:30px;}

.Hdtophon p{ margin-left: 5px;}

.Hdtophon span{ margin-left:5px;}

.HdtopH{margin-left:32px;}

.HdtopH p{ margin-left: 5px;}

.hdEN{margin-left:40px;}

.hdENa{height:30px;}

.hdENa p{line-height:20px;padding:0 5px;}

.hdENa i{width:8px; height: 8px;}

.NavEN{width:100px;}

.NavENa{line-height:28px; font-size:13px;}

.ward{width:1280px;}

.Menu{}

.Menu ul{}

.Menu ul li{padding:0 33px;}

.MenuA{ line-height:48px;font-size:17px}

.MenuA p{}

.MenuA i{width:8px; height: 8px;}

.NavK{padding-top:25px; padding-left:55px; padding-bottom:45px; padding-right:45px;}

.NavH{ font-size:22px; font-weight:700; line-height:46px; height: 46px;}

.NavB{padding-top:20px;}

.NavN{ width: 200px; /*height:300px;*/}

.NavKa{ width:195px; /* height:34px; */line-height:34px;padding:0 16px; font-size:13px; margin-bottom:16px;}

.NavN .NavNo{font-size:14px;}

.NavD{width:980px; height:300px;padding-top:10px; padding-bottom:10px; padding-left: 45px; padding-right:80px;}

.NavDI{ width:299px; height:280px;}

.NavDC{width:530px;}

.NavDCh{ font-size:15px;line-height:24px;height:72px}

.NavDF{padding-top:28px; width:420px;}

.NavDFp{width:132px;font-size: 15px; line-height:24px; margin-bottom:8px; margin-right:8px;padding-left: 12px;}

.NavDa{ font-size: 13px;margin-top:25px;}

.searchB{width:36px;height:36px; background-size:20px; margin-left:33px;}

.searchK{width:360px;top:100px;right:32px; margin-left: 200px; padding:0 10px;}

.searchV{height:48px;}

.searcha{width:36px; height: 36px;background-size: 20px;}

.searchI{ width:100%;font-size: 15px; line-height:38px;margin-left:5px;}

	

	

	



.webM{padding:0 75px;}

/*footer*/

.ftK{padding-top:60px; padding-bottom:18px;}

.ftPho{ width: 240px;}

.ftPhoT{}

.ftPhoT img{width:20px;margin-left:4px; margin-right:10px;}

.ftPhoT p{ font-size:17px; line-height:28px;}

.ftPhoH{ font-size:30px;  line-height:38px; margin-top: 12px;}

.ftPhoH p{}

.ftPhop{ font-size:15px; line-height:24px;margin-top:26px;}

.ftN{margin-left:6%;}

.ftNH{ font-size:17px; line-height:28px;}

.ftNK{ padding-top: 13px;}

.ftNr{ padding-right:30px;}

.ftNM,.ftNa{ font-size:15px;line-height:32px;}

.ftK a:hover{text-decoration: underline;}

.ftM{width:270px;}

.ftMt{ padding:12px 12px 0; width:130px;}

.ftMI{ width:106px; height:106px;}

.ftMt p{line-height:22px; font-size:13px; padding:8px 0;}

.ftMa{ font-size:15px;height:46px; line-height:46px;border-radius:5px; margin-top: 20px;}

.ftlin{ font-size:12px; line-height:28px;padding-bottom:32px;}

.ftlin a{ margin-right:20px;}

.ftC{line-height:28px; padding-top:40px; padding-bottom:36px; }

.ftCN{font-size:13px; line-height:24px;}

.ftCN p img{width:18px;margin-right:5px;}

.ftCN a:hover{text-decoration:underline;}

.ftLog{width:170px;}

/**/

.kef{ width:40px;bottom:20%;right:28px;}

.kefa{width:40px; height:40px;font-size:13px; line-height:16px;margin-bottom:6px;}

.kefa img{width:20px}

}

@media screen and (max-width:1439px ) and ( min-width:1280px){

/*header*/

.header{height:80px; }

.hdlogo{width:12%;}

.HdR{ padding-top:5px; height:75px;}

.Hdtop{ font-size:12px;height:31px;}

.Hdtop img{width:20px;}

.Hdtophon{ line-height:27px;}

.Hdtophon p{ margin-left:4px;}

.Hdtophon span{ margin-left:4px;}

.HdtopH{margin-left:24px;}

.HdtopH p{ margin-left:4px;}

.hdEN{margin-left:40px;}

.hdENa{height:30px;}

.hdENa p{line-height:20px;padding:0 5px;}

.hdENa i{width:8px; height: 8px;}

.NavEN{width:100px;}

.NavENa{line-height:28px; font-size:13px;}

.ward{width:1080px;}

.Menu{}

.Menu ul{}

.Menu ul li{ padding:0 25px;}

.MenuA{ line-height:44px;font-size:16px}

.MenuA p{}

.MenuA i{width:8px; height: 8px;}

.NavK{padding-top:20px; padding-left:45px; padding-bottom:35px; padding-right:35px;}

.NavH{ font-size:20px; font-weight:700; line-height:38px; height: 38px;}

.NavB{padding-top:16px;}

.NavN{ width: 185px; /*height:260px;*/}

.NavKa{ width:180px; /* height:34px; */  line-height:34px;padding:0 14px; font-size:12px; margin-bottom:13px;}

.NavN .NavNo{font-size:13px;}

.NavD{width:755px; height:260px;padding-top:10px; padding-bottom:10px; padding-left:30px; padding-right:50px;}

.NavDI{ width:256px; height:240px;}

.NavDC{width:400px;}

.NavDCh{ font-size:14px;line-height:22px;height:66px}

.NavDF{padding-top:22px; width:390px;}

.NavDFp{width:124px;font-size: 14px; line-height:20px; margin-bottom:6px; margin-right:6px;padding-left: 12px;}

.NavDa{ font-size: 12px;margin-top:20px;}

.searchB{width:32px;height:32px; background-size:18px;}

.searchK{width:320px;top:90px;right:60px; margin-left: 200px; padding:0 8px;}

.searchV{height:44px;}

.searcha{width:32px; height: 32px;background-size: 18px; margin-left:25px;}

.searchI{ width:100%;font-size: 14px; line-height:34px;margin-left:5px;}

	



	

.webM{padding:0 60px;}

/*footer*/

.ftK{padding-top:45px; padding-bottom:28px;}

.ftPho{ width: 205px;}

.ftPhoT{}

.ftPhoT img{width:18px;margin-left:2px; margin-right:8px;}

.ftPhoT p{ font-size:16px; line-height:26px;}

.ftPhoH{ font-size:26px;  line-height:32px; margin-top: 10px;}

.ftPhoH p{}

.ftPhop{ font-size:14px; line-height:22px;margin-top:20px;}

.ftN{margin-left:5%;}

.ftNH{ font-size:16px; line-height:26px;}

.ftNK{ padding-top: 10px;}

.ftNr{ padding-right:30px;}

.ftNM,.ftNa{ font-size:14px;line-height:30px;}

.ftK a:hover{text-decoration: underline;}

.ftlin{ font-size:12px; line-height:26px;padding-bottom:20px;}

.ftlin a{ margin-right:10px;}

.ftM{width:230px;}

.ftMt{ padding:10px 10px 0; width:110px;}

.ftMI{ width:90px; height:90px;}

.ftMt p{line-height:22px; font-size:12px; padding:6px 0;}

.ftMa{ font-size:14px;height:40px; line-height:40px;border-radius:4px; margin-top:15px;}

.ftC{line-height:22px; padding-top:32px; padding-bottom:30px; }

.ftCN{font-size:12px; line-height:22px;}

.ftCN p img{width:16px;margin-right:5px;}

.ftCN a:hover{text-decoration:underline;}

.ftLog{width:160px;}

/**/

.kef{ width:36px;bottom:20%;right:18px;}

.kefa{width:36px; height:36px;font-size:12px; line-height:15px;margin-bottom:5px;}

.kefa img{width:18px}

}

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

/*header*/

.header{height:70px;}

.hdlogo{width:12%;}

.hdlogo img{max-height: 70px;}

.HdR{ padding-top:2px; height:68px;}

.Hdtop{ font-size:12px;height:28px;}

.Hdtop img{width:20px;}

.Hdtophon{ line-height:24px;}

.Hdtophon p{ margin-left:3px;}

.Hdtophon span{ margin-left:3px;}

.HdtopH{margin-left:22px;}

.HdtopH p{ margin-left:3px;}

.hdEN{margin-left:30px;}

.hdENa{height:28px;}

.hdENa p{line-height:20px;padding:0 5px;}

.hdENa i{width:8px; height: 8px;}

.NavEN{width:100px;}

.NavENa{line-height:26px; font-size:12px;}

.ward{width:1000px;}

.Menu{}

.Menu ul{}

.Menu ul li{padding:0 25px;}

.MenuA{ line-height:40px;font-size:15px}

.MenuA p{}

.MenuA i{width:8px; height: 8px;}

.NavK{padding-top:18px; padding-left:35px; padding-bottom:30px; padding-right:30px;}

.NavH{ font-size:18px; font-weight:700; line-height:34px; height: 34px;}

.NavB{padding-top:13px;}

.NavN{ width: 170px; /*height:240px;*/}

.NavKa{ width:165px; /* height:32px; */ line-height:32px;padding:0 13px; font-size:12px; margin-bottom:9px;}

.NavD{width:755px; height:240px;padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:40px;}

.NavDI{ width:235px; height:220px;}

.NavDC{width:450px;}

.NavDCh{ font-size:13px;line-height:22px;height:66px}

.NavDF{padding-top:18px; width:375px;}

.NavDFp{width:120px;font-size: 13px; line-height:20px; margin-bottom:5px; margin-right:5px;padding-left: 10px;}

.NavDa{ font-size: 12px;margin-top:18px;}

.searchB{width:28px;height:28px; background-size:16px; margin-right: 20px}

.searchK{width:280px;top:80px;right:40px;padding:0 5px;}

.searchV{height:40px;}

.searcha{width:28px; height:28px;background-size:16px;}

.searchI{ width:100%;font-size: 13px; line-height:32px;margin-left:5px;}



.webM{padding:0 40px;}

/*footer*/

.ftK{padding-top:38px; padding-bottom:15px;}

.ftPho{ width: 205px;}

.ftPhoT{}

.ftPhoT img{width:16px;margin-left:0; margin-right:6px;}

.ftPhoT p{ font-size:15px; line-height:25px;}

.ftPhoH{ font-size:24px;  line-height:28px; margin-top:8px;}

.ftPhoH p{}

.ftPhop{ font-size:12px; line-height:20px;margin-top:18px;}

.ftN{margin-left:5%;}

.ftNH{ font-size:15px; line-height:24px;}

.ftNK{ padding-top:8px;}

.ftNr{ padding-right:30px;}

.ftNM,.ftNa{ font-size:12px;line-height:27px;}

.ftK a:hover{text-decoration: underline;}

.ftM{width:210px;}

.ftMt{ padding:6px 6px 0; width:100px;}

.ftMI{ width:88px; height:88px;}

.ftMt p{line-height:20px; font-size:12px; padding:6px 0;}

.ftMa{ font-size:13px;height:36px; line-height:36px;border-radius:4px; margin-top:12px;}

.ftlin{ font-size:12px; line-height:26px;padding-bottom:20px;}

.ftlin a{ margin-right:15px;}

.ftC{line-height:20px; padding-top:26px; padding-bottom:22px; }

.ftCN{font-size:12px; line-height:22px;}

.ftCN p img{width:15px;margin-right:5px;}

.ftCN a:hover{text-decoration:underline;}

.ftLog{width:150px;}

/**/

.kef{ width:32px;bottom:16%;right:6px;}

.kefa{width:32px; height:32px;font-size:12px; line-height:15px;margin-bottom:4px;}

.kefa img{width:16px}

}







.Run{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}

.Run:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}

.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}

.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}

.enlarge img{ width:100%;transition:0.5s;}

.enlarge:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}

.IndSupA{ width:100%;transition:0.5s;}

.IndSupA:hover{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}







/*

display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center

|flex-start|flex-end|center|space-between|space-around



overflow: hidden;text-overflow:ellipsis;white-space: nowrap;

display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;



transform: translate(-50%,-50%);left:50%;top:50%;



transition:0.5s;

.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}

*/