@charset "UTF-8";/*清除默认样式 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { font-family:"微软雅黑"; margin: 0;padding: 0;}
body,h1,div,li,a,button,input,select,textarea { color: #333;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,audio,video {display: block;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
ul,ol {list-style: none;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
p,span {color: inherit;}
table {border-collapse: collapse;}
input,textarea {outline: none;border: none;}
input {border: none;appearance: none;-moz-appearance: none;outline: none;-webkit-appearance: none;}
:-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder {color: inherit;opacity: 0.55;font-size: 16px;}
textarea {resize: none;overflow: auto;}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset;}
button,input,select,textarea {font-size: 100%;}
* {margin: 0;padding: 0;box-sizing: border-box;}
input,textarea,select {outline: none;}

button,
input,
select,
textarea {font-size: 15px;line-height: 1;margin: 0; border: 0;outline: none;background: none;}
form {width: 100%;}
input,
textarea {-webkit-appearance: none;}
input {line-height: normal;text-overflow: ellipsis;}
input:focus::-webkit-input-placeholder {/* WebKit browsers */color: transparent;}
input:focus:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: transparent;}
input:focus::-moz-placeholder {/* Mozilla Firefox 19+ */color: transparent;}
input:focus:-ms-input-placeholder {/* Internet Explorer 10+ */color: transparent;}
input,
[tabindex="0"] {outline: 0 !important;}
textarea {resize: none;}
label {font-weight: normal;margin-bottom: 0;}
select::-ms-expand {display: none;}
a:active,
button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
select::-moz-focus-inner,
input[type='file']>input[type='button']::-moz-focus-inner {border: 0;outline: 0;}
a,
button {cursor: pointer;}
a,a:hover {text-decoration: none;outline: none;}
ul li {list-style-type: none;}img {border: none;}
.lf{float:left}
.lr{float:right}
.fl {float:left;}
.fr {float:right;}
.lf{float: left}
.rt{float: right}
.pr{ position:relative}
.pa{ position:absolute}
.section {width: 100%;overflow: hidden;}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear,.main{display:inline-block;}
.line-1 {line-height: 1.1;}
.line-2 {line-height: 1.2;}
.line-3 {line-height: 1.3;}
.line-4 {line-height: 1.4;}
.line-5 {line-height: 1.5;}
.line-6 {line-height: 1.6;}
.line-7 {line-height: 1.7;}
.line-8 {line-height: 1.8;}
.line-9 {line-height: 1.9;}
.line-10 {line-height: 2;}
.line-11 {line-height: 2.1;}
.line-12 {line-height: 2.2;}
@media (max-width:1024px) {
.line-9 {line-height: 1.6;}
.line-10 {line-height: 1.8;}
.line-11 {line-height: 1.8;}
.line-12 {line-height: 2;}}
@media (max-width:768px) {
.line-10 {line-height: 1.8;}
.line-11 {line-height: 1.8;}
.line-12 {line-height: 1.8;}}
.por{position: relative;}
.poa{position: absolute;}
.pof{position: fixed;}
.poa-f{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.f72{ font-size: 72px;} 
.f60{ font-size: 60px;} 
.f54{ font-size: 54px;} 
.f52{ font-size: 52px;} 
.f50{ font-size: 50px;} 
.f48{ font-size: 48px;} 
.f44{ font-size: 44px;} 
.f40{ font-size: 40px;} 
.f36{ font-size: 36px;} 
.f30{ font-size: 30px;} 
.f24{ font-size: 24px;} 
.f22{ font-size: 22px;} 
.f20{ font-size: 20px;} 
.f18{ font-size: 18px;} 
.f16{ font-size: 16px;}
@media (max-width: 1700px) {
.f72{ font-size: 70px;} 
.f36{ font-size: 34px;} }
@media (max-width: 1600px) {
.f72{ font-size: 66px;} 
.f60{ font-size: 56px;} 
.f54{ font-size: 50px;} 
.f52{ font-size: 48px;}
.f50{ font-size: 46px;}
.f48{ font-size:44px; }
.f44{ font-size: 40px;} 
.f40{ font-size: 38px;} 
.f36{ font-size: 32px;} 
.f30{ font-size: 28px;} }
@media (max-width: 1440px) {
.f72{ font-size: 60px;} 
.f60{ font-size: 50px;} 
.f54{ font-size: 46px;} 
.f52{ font-size: 44px;}
.f50{ font-size: 42px;}
.f48{ font-size: 40px; }
.f44{ font-size: 36px;} 
.f40{ font-size: 34px;} 
.f36{ font-size: 30px;} 
.f30{ font-size: 26px;} }
@media (max-width: 1366px) {
.f72{ font-size: 56px;} 
.f60{ font-size: 46px;} 
.f54{ font-size: 42px;} 
.f52{ font-size: 40px;}
.f50{ font-size: 38px;}
.f48{ font-size: 36px; }
.f44{ font-size: 34px;} 
.f40{ font-size: 30px;} 
.f36{ font-size: 28px;} 
.f30{ font-size: 24px;} 
.f24{ font-size: 22px;} }
@media (max-width: 1280px) {
.f72{ font-size: 50px;} 
.f60{ font-size: 42px;} 
.f54{ font-size: 38px;} 
.f52{ font-size: 36px;}
.f50{ font-size: 34px;}
.f48{ font-size: 32px;}
.f44{ font-size: 30px;} 
.f40{ font-size: 26px;} 
.f36{ font-size: 26px;} 
.f30{ font-size: 22px;} 
.f24{ font-size: 20px;} 
.f22{ font-size: 20px;} }  
@media (max-width: 1200px) {
.f72{ font-size: 46px;} 
.f60{ font-size: 38px;} 
.f48 {font-size:32px; }
.f40{ font-size: 26px;} 
}
@media (max-width: 1024px) {
.f72{ font-size: 42px;} 
.f60{ font-size: 36px;} 
.f54{ font-size: 34px;} 
.f52{ font-size: 32px;}
.f50{ font-size: 30px;}
.f44{ font-size: 30px;} 
.f40{ font-size: 24px;} 
.f36{ font-size: 24px;} 
.f22{ font-size: 18px;} } 
@media (max-width: 992px) {
.f72{ font-size: 38px;} 
.f60{ font-size: 30px;} 
.f54{ font-size: 30px;} 
.f52{ font-size: 28px;}
.f50{ font-size: 28px;}
.f48{ font-size: 30px;}
.f44{ font-size: 26px;} 
.f40{ font-size: 22px;} 
.f36{ font-size: 22px;} 
.f30{ font-size: 20px;} 
.f24{ font-size: 18px;} 
.f18{ font-size: 16px;} } 
@media (max-width: 768px) {
.f72{ font-size: 34px;} 
.f60{ font-size: 28px;} 
.f54{ font-size: 26px;} 
.f52{ font-size: 24px;}
.f50{ font-size: 22px;}
.f48{ font-size: 26px;}
.f44{ font-size: 24px;} 
.f40{ font-size: 20px;} 
.f20{ font-size: 18px;} 
.f36{ font-size: 20px;} 
.f30{ font-size: 18px;} 
.f18{ font-size: 16px;} } 
@media (max-width: 468px) {
.f72{ font-size: 32px;} 
.f60{ font-size: 26px;} 
.f54{ font-size: 24px;} 
.f52{ font-size: 22px;}
.f50{ font-size: 22px;}
.f48{ font-size: 20px;}
.f44{ font-size: 20px;} 
.f40{ font-size: 18px;} 
.f36{ font-size: 18px;} } 
@media (max-width: 428px) {
.f72{ font-size: 28px;} 
.f52{ font-size: 20px;}
.f48{ font-size: 18px;}}
@media (max-width: 400px) {
.f72{ font-size: 26px;} 
.f52{ font-size: 18px;}}
/*==常用颜色==*/
.gray-col{ background: #eef2f5;}
.col-fff {color: #fff;}
.col-000 {color: #000;}
.col-111 {color: #111;}
.col-222 {color: #222;}
.col-333 {color: #333;}
.col-444 {color: #444;}
.col-555 {color: #555;}
.col-666 {color: #666;}
.col-777 {color: #666;}
.col-888 {color: #666;}
.col-999 {color: #999;}
.red{color: #cc0000;}

/* padding */
.pt-5{ padding-top: 5px;}
.pl-5{ padding-left: 5px;}
.pr-5{ padding-right: 5px;}
.pb-5{ padding-bottom: 5px;}
.p5{ padding: 5px;}
.pt-10{ padding-top: 10px;}
.pl-10{ padding-left: 10px;}
.pr-10{ padding-right: 10px;}
.pb-10{ padding-bottom: 10px;}
.p10{ padding: 10px;}
.pt-15{ padding-top: 15px;}
.pl-15{ padding-left: 15px;}
.pr-15{ padding-right: 15px;}
.pb-15{ padding-bottom: 15px;}
.p15{ padding: 15px;}
.pt-20{ padding-top: 20px;}
.pl-20{ padding-left: 20px;}
.pr-20{ padding-right: 20px;}
.pb-20{ padding-bottom: 20px;}
.p20{ padding: 20px;}
.pt-25{ padding-top: 25px;}
.pl-25{ padding-left: 25px;}
.pr-25{ padding-right: 25px;}
.pb-25{ padding-bottom: 25px;}
.p25{ padding: 25px;}
.pt-30{ padding-top: 30px;}
.pl-30{ padding-left: 30px;}
.pr-30{ padding-right: 30px;}
.pb-30{ padding-bottom: 30px;}
.p30{ padding: 30px;}
.pt-40{ padding-top: 40px;}
.pl-40{ padding-left: 40px;}
.pr-40{ padding-right: 40px;}
.pb-40{ padding-bottom: 40px;}
.p40{ padding: 40px;}
.pt-50{ padding-top: 50px;}
.pl-50{ padding-left: 50px;}
.pr-50{ padding-right: 50px;}
.pb-50{ padding-bottom: 50px;}
.p50{ padding: 50px;}
.pt-60{ padding-top: 60px;}
.pl-60{ padding-left: 60px;}
.pr-60{ padding-right: 60px;}
.pb-60{ padding-bottom: 60px;}
.p60{ padding: 60px;}
.pt-70{ padding-top: 70px;}
.pl-70{ padding-left: 70px;}
.pr-70{ padding-right: 70px;}
.pb-70{ padding-bottom: 70px;}
.p70{ padding: 70px;}
.pt-150{ padding-top: 150px;}
/* margin */
.m_l{ margin-left: auto;}
.m_r{ margin-right: auto;}
.mt-5{ margin-top: 5px;}
.ml-5{ margin-left: 5px;}
.mr-5{ margin-right: 5px;}
.mb-5{ margin-bottom: 5px;}
.m5{ margin: 5px;}
.mt-10{ margin-top: 10px;}
.ml-10{ margin-left: 10px;}
.mr-10{ margin-right: 10px;}
.mb-10{ margin-bottom: 10px;}
.m10{ margin: 10px;}
.mt-15{ margin-top: 15px;}
.ml-15{ margin-left: 15px;}
.mr-15{ margin-right: 15px;}
.mb-15{ margin-bottom: 15px;}
.m15{ margin: 15px;}
.mt-20{ margin-top: 20px;}
.ml-20{ margin-left: 20px;}
.mr-20{ margin-right: 20px;}
.mb-20{ margin-bottom: 20px;}
.m20{ margin: 20px;}
.mt-25{ margin-top: 25px;}
.ml-25{ margin-left: 25px;}
.mr-25{ margin-right: 25px;}
.mb-25{ margin-bottom: 25px;}
.m25{ margin: 25px;}
.mt-30{ margin-top: 30px;}
.ml-30{ margin-left: 30px;}
.mr-30{ margin-right: 30px;}
.mb-30{ margin-bottom: 30px;}
.m30{ margin: 30px;}
.mt-40{ margin-top: 40px;}
.ml-40{ margin-left: 40px;}
.mr-40{ margin-right: 40px;}
.mb-40{ margin-bottom: 40px;}
.m40{ margin: 40px;}
.mt-50{ margin-top: 50px;}
.ml-50{ margin-left: 50px;}
.mr-50{ margin-right: 50px;}
.mb-50{ margin-bottom: 50px;}
.m50{ margin: 50px; }
.mt-60{ margin-top: 60px;}
.ml-60{ margin-left: 60px;}
.mr-60{ margin-right: 60px;}
.mb-60{ margin-bottom: 60px;}
.m60{ margin: 60px; }
.mt-70{ margin-top: 70px;}
.ml-70{ margin-left: 70px;}
.mr-70{ margin-right: 70px;}
.mb-70{ margin-bottom: 70px;}
.m70{ margin: 70px; }
.mt-120{ margin-top: 120px;}
.mt-140{ margin-top: 140px;}
.mt-150{ margin-top: 150px;}
@media screen and (max-width:1600px) {  
/* padding */
.pt-10{ padding-top: 8px;}
.pl-10{ padding-left: 8px;}
.pr-10{ padding-right: 8px;}
.pb-10{ padding-bottom: 8px;}
.p10{ padding: 8px;}
.pt-15{ padding-top: 13px;}
.pl-15{ padding-left: 13px;}
.pr-15{ padding-right: 13px;}
.pb-15{ padding-bottom: 13px;}
.p15{ padding: 13px;}
.pt-20{ padding-top: 16px;}
.pl-20{ padding-left: 16px;}
.pr-20{ padding-right: 16px;}
.pb-20{ padding-bottom: 16px;}
.p20{ padding: 16px;}
.pt-25{ padding-top: 20px;}
.pl-25{ padding-left: 20px;}
.pr-25{ padding-right: 20px;}
.pb-25{ padding-bottom: 20px;}
.p25{ padding: 20px;}
.pt-30{ padding-top: 26px;}
.pl-30{ padding-left: 26px;}
.pr-30{ padding-right: 26px;}
.pb-30{ padding-bottom: 26px;}
.p30{ padding: 26px;}
.pt-40{ padding-top: 36px;}
.pl-40{ padding-left: 36px;}
.pr-40{ padding-right: 36px;}
.pb-40{ padding-bottom: 36px;}
.p40{ padding: 36px;}
.pt-50{ padding-top: 40px;}
.pl-50{ padding-left: 40px;}
.pr-50{ padding-right: 40px;}
.pb-50{ padding-bottom: 40px;}
.p50{ padding: 40px;}
.pt-60{ padding-top: 50px;}
.pl-60{ padding-left: 50px;}
.pr-60{ padding-right: 50px;}
.pb-60{ padding-bottom: 50px;}
.p60{ padding: 50px; }
.pt-70{ padding-top: 60px;}
.pl-70{ padding-left: 60px;}
.pr-70{ padding-right: 60px;}
.pb-70{ padding-bottom: 60px;}
.p70{ padding: 60px;}
.pt-150{ padding-top: 130px;}
/* margin */
.mt-10{ margin-top: 8px;}
.ml-10{ margin-left: 8px;}
.mr-10{ margin-right: 8px;}
.mb-10{ margin-bottom: 8px;}
.m10{ margin: 8px;}
.mt-15{ margin-top: 13px;}
.ml-15{ margin-left: 13px;}
.mr-15{ margin-right: 13px;}
.mb-15{ margin-bottom: 13px;}
.m15{ margin: 13px;}
.mt-20{ margin-top: 16px;}
.ml-20{ margin-left: 16px;}
.mr-20{ margin-right: 16px;}
.mb-20{ margin-bottom: 16px;}
.m20{ margin: 16px;}
.mt-25{ margin-top: 20px;}
.ml-25{ margin-left: 20px;}
.mr-25{ margin-right: 20px;}
.mb-25{ margin-bottom: 20px;}
.m25{ margin: 20px;}
.mt-30{ margin-top: 26px;}
.ml-30{ margin-left: 26px;}
.mr-30{ margin-right: 26px;}
.mb-30{ margin-bottom: 26px;}
.m30{ margin: 26px;}
.mt-40{ margin-top: 36px;}
.ml-40{ margin-left: 36px;}
.mr-40{ margin-right: 36px;}
.mb-40{ margin-bottom: 36px;}
.m40{ margin: 36px;}
.mt-50{ margin-top: 40px;}
.ml-50{ margin-left: 40px;}
.mr-50{ margin-right: 40px;}
.mb-50{ margin-bottom: 40px;}
.m50{ margin: 40px; }
.mt-60{ margin-top: 50px;}
.ml-60{ margin-left: 50px;}
.mr-60{ margin-right: 50px;}
.mb-60{ margin-bottom: 50px;}
.m60{ margin: 50px; }
.mt-70{ margin-top: 60px;}
.ml-70{ margin-left: 60px;}
.mr-70{ margin-right: 60px;}
.mb-70{ margin-bottom: 60px;}
.m70{ margin: 60px; }
.mt-120{ margin-top: 100px;}
.mt-140{ margin-top: 120px;}
.mt-150{ margin-top:130px;}
}
@media screen and (max-width:1440px) {  
.pt-10{ padding-top: 6px;}
.pl-10{ padding-left: 6px;}
.pr-10{ padding-right: 6px;}
.pb-10{ padding-bottom: 6px;}
.p10{ padding: 6px;}
.pt-15{ padding-top: 10px;}
.pl-15{ padding-left: 10px;}
.pr-15{ padding-right: 10px;}
.pb-15{ padding-bottom: 10px;}
.p15{ padding: 10px;}
.pt-20{ padding-top: 15px;}
.pl-20{ padding-left: 15px;}
.pr-20{ padding-right: 15px;}
.pb-20{ padding-bottom: 15px;}
.p20{ padding: 15px;}
.pt-25{ padding-top: 18px;}
.pl-25{ padding-left: 18px;}
.pr-25{ padding-right: 18px;}
.pb-25{ padding-bottom: 18px;}
.p25{ padding: 18px;}
.pt-30{ padding-top: 24px;}
.pl-30{ padding-left: 24px;}
.pr-30{ padding-right: 24px;}
.pb-30{ padding-bottom: 24px;}
.p30{ padding: 24px;}
.pt-40{ padding-top: 34px;}
.pl-40{ padding-left: 34px;}
.pr-40{ padding-right: 34px;}
.pb-40{ padding-bottom: 34px;}
.p40{ padding: 34px;}
.pt-50{ padding-top: 35px;}
.pl-50{ padding-left: 35px;}
.pr-50{ padding-right: 35px;}
.pb-50{ padding-bottom: 35px;}
.p50{ padding: 35px;}
.pt-60{ padding-top: 40px;}
.pl-60{ padding-left: 40px;}
.pr-60{ padding-right: 40px;}
.pb-60{ padding-bottom: 40px;}
.p60{ padding: 40px; }
.pt-70{ padding-top: 50px;}
.pl-70{ padding-left: 50px;}
.pr-70{ padding-right: 50px;}
.pb-70{ padding-bottom: 50px;}
.p70{ padding: 50px;}
.pt-150{ padding-top: 110px;}
/* margin */
.mt-10{ margin-top: 6px;}
.ml-10{ margin-left: 6px;}
.mr-10{ margin-right: 6px;}
.mb-10{ margin-bottom: 6px;}
.m10{ margin: 6px;}
.mt-15{ margin-top: 10px;}
.ml-15{ margin-left: 10px;}
.mr-15{ margin-right: 10px;}
.mb-15{ margin-bottom: 10px;}
.m15{ margin: 10px;}
.mt-20{ margin-top: 15px;}
.ml-20{ margin-left: 15px;}
.mr-20{ margin-right: 15px;}
.mb-20{ margin-bottom: 15px;}
.m20{ margin: 15px;}
.mt-25{ margin-top: 18px;}
.ml-25{ margin-left: 18px;}
.mr-25{ margin-right: 18px;}
.mb-25{ margin-bottom: 18px;}
.m25{ margin: 18px;}
.mt-30{ margin-top: 24px;}
.ml-30{ margin-left: 24px;}
.mr-30{ margin-right: 24px;}
.mb-30{ margin-bottom: 24px;}
.m30{ margin: 24px;}
.mt-40{ margin-top: 34px;}
.ml-40{ margin-left: 34px;}
.mr-40{ margin-right: 34px;}
.mb-40{ margin-bottom: 34px;}
.m40{ margin: 34px;}
.mt-50{ margin-top: 35px;}
.ml-50{ margin-left: 35px;}
.mr-50{ margin-right: 35px;}
.mb-50{ margin-bottom: 35px;}
.m50{ margin: 35px; }
.mt-60{ margin-top: 40px;}
.ml-60{ margin-left: 40px;}
.mr-60{ margin-right: 40px;}
.mb-60{ margin-bottom: 40px;}
.m60{ margin: 40px; }
.mt-70{ margin-top: 50px;}
.ml-70{ margin-left: 50px;}
.mr-70{ margin-right: 50px;}
.mb-70{ margin-bottom: 50px;}
.m70{ margin: 50px; }
.mt-120{ margin-top: 80px;}
.mt-140{ margin-top: 100px;}
.mt-150{ margin-top: 110px;}
.pglist{ margin-top: 40px }}
@media screen and (max-width:1280px) {
    /* padding */   
.pt-10{ padding-top: 5px;} 
.pl-10{ padding-left: 5px;} 
.pr-10{ padding-right: 5px;} 
.pb-10{ padding-bottom: 5px;} 
.p10{ padding: 5px;} 
.pt-15{ padding-top:8px;} 
.pl-15{ padding-left:8px;} 
.pr-15{ padding-right:8px;} 
.pb-15{ padding-bottom:8px;} 
.p15{ padding:8px;} 
.pt-20{ padding-top: 12px;} 
.pl-20{ padding-left: 12px;} 
.pr-20{ padding-right: 12px;} 
.pb-20{ padding-bottom: 12px;} 
.p20{ padding: 12px;} 
.pt-25{ padding-top: 16px;} 
.pl-25{ padding-left: 16px;} 
.pr-25{ padding-right: 16px;} 
.pb-25{ padding-bottom: 16px;} 
.p25{ padding: 16px;} 
.pt-30{ padding-top: 22px;} 
.pl-30{ padding-left: 22px;} 
.pr-30{ padding-right: 22px;} 
.pb-30{ padding-bottom: 22px;} 
.p30{ padding: 22px;} 
.pt-40{ padding-top: 30px;} 
.pl-40{ padding-left: 30px;} 
.pr-40{ padding-right: 30px;} 
.pb-40{ padding-bottom: 30px;} 
.p40{ padding: 30px;} 
.pt-50{ padding-top:30px;} 
.pl-50{ padding-left: 30px;} 
.pr-50{ padding-right: 30px;} 
.pb-50{ padding-bottom: 30px;} 
.p50{ padding: 30px;} 
.pt-60{ padding-top: 35px;} 
.pl-60{ padding-left: 35px;} 
.pr-60{ padding-right: 35px;} 
.pb-60{ padding-bottom: 35px;} 
.p60{ padding: 35px; } 
.pt-70{ padding-top: 40px;} 
.pl-70{ padding-left: 40px;} 
.pr-70{ padding-right: 40px;} 
.pb-70{ padding-bottom: 40px;} 
.p70{ padding: 40px;} 
.pt-150{ padding-top: 90px;} 
/* margin */   
.mt-10{ margin-top: 5px;} 
.ml-10{ margin-left: 5px;} 
.mr-10{ margin-right: 5px;} 
.mb-10{ margin-bottom: 5px;} 
.m10{ margin: 5px;} 
.mt-15{ margin-top:8px;} 
.ml-15{ margin-left:8px;} 
.mr-15{ margin-right:8px;} 
.mb-15{ margin-bottom:8px;} 
.m15{ margin:8px;} 
.mt-20{ margin-top: 12px;} 
.ml-20{ margin-left: 12px;} 
.mr-20{ margin-right: 12px;} 
.mb-20{ margin-bottom: 12px;} 
.m20{ margin: 12px;} 
.mt-25{ margin-top: 16px;} 
.ml-25{ margin-left: 16px;} 
.mr-25{ margin-right: 16px;} 
.mb-25{ margin-bottom: 16px;} 
.m25{ margin: 16px;} 
.mt-30{ margin-top: 22px;} 
.ml-30{ margin-left: 22px;} 
.mr-30{ margin-right: 22px;} 
.mb-30{ margin-bottom: 22px;} 
.m30{ margin: 22px;} 
.mt-40{ margin-top: 30px;} 
.ml-40{ margin-left: 30px;} 
.mr-40{ margin-right: 30px;} 
.mb-40{ margin-bottom: 30px;} 
.m40{ margin: 30px;} 
.mt-50{ margin-top: 30px;} 
.ml-50{ margin-left: 30px;} 
.mr-50{ margin-right: 30px;} 
.mb-50{ margin-bottom: 30px;} 
.m50{ margin: 30px; } 
.mt-60{ margin-top: 35px;} 
.ml-60{ margin-left: 35px;} 
.mr-60{ margin-right: 35px;} 
.mb-60{ margin-bottom: 35px;} 
.m60{ margin: 35px; } 
.mt-70{ margin-top: 40px;} 
.ml-70{ margin-left: 40px;} 
.mr-70{ margin-right: 40px;} 
.mb-70{ margin-bottom: 40px;} 
.m70{ margin: 40px; } 
.mt-120{ margin-top: 60px;} 
.mt-140{ margin-top: 80px;} 
.mt-150{ margin-top: 90px;} 
.pglist{ margin-top: 35px } 
}
@media screen and (max-width:1000px) {    
.pt-10{ padding-top: 5px;}  
.pl-10{ padding-left: 5px;}  
.pr-10{ padding-right: 5px;}  
.pb-10{ padding-bottom: 5px;}  
.p10{ padding: 5px;}  
.pt-15{ padding-top:8px;}  
.pl-15{ padding-left:8px;}  
.pr-15{ padding-right:8px;}  
.pb-15{ padding-bottom:8px;}  
.p15{ padding:8px;}  
.pt-20{ padding-top: 15px;}  
.pl-20{ padding-left: 15px;}  
.pr-20{ padding-right: 15px;}  
.pb-20{ padding-bottom: 15px;}  
.p20{ padding: 15px;}  
.pt-25{ padding-top: 15px;}  
.pl-25{ padding-left: 15px;}  
.pr-25{ padding-right: 15px;}  
.pb-25{ padding-bottom: 15px;}  
.p25{ padding: 15px;}  
.pt-30{ padding-top: 18px;}  
.pl-30{ padding-left: 18px;}  
.pr-30{ padding-right: 18px;}  
.pb-30{ padding-bottom: 18px;}  
.p30{ padding: 18px;}  
.pt-40{ padding-top: 20px;}  
.pl-40{ padding-left: 20px;}  
.pr-40{ padding-right: 20px;}  
.pb-40{ padding-bottom: 20px;}  
.p40{ padding: 20px;}  
.pt-50{ padding-top: 25px;}  
.pl-50{ padding-left: 25px;}  
.pr-50{ padding-right: 25px;}  
.pb-50{ padding-bottom: 25px;}  
.p50{ padding: 25px;}  
.pt-60{ padding-top: 30px;}  
.pl-60{ padding-left: 30px;}  
.pr-60{ padding-right: 30px;}  
.pb-60{ padding-bottom: 30px;}  
.p60{ padding: 30px; }  
.pt-70{ padding-top: 35px;}  
.pl-70{ padding-left: 35px;}  
.pr-70{ padding-right: 35px;}  
.pb-70{ padding-bottom: 35px;}  
.p70{ padding: 35px;}  
.pt-150{ padding-top: 70px;}
/* margin */  
.mt-10{ margin-top: 5px;}  
.ml-10{ margin-left: 5px;}  
.mr-10{ margin-right: 5px;}  
.mb-10{ margin-bottom: 5px;}  
.m10{ margin: 5px;}  
.mt-15{ margin-top:8px;}  
.ml-15{ margin-left:8px;}  
.mr-15{ margin-right:8px;}  
.mb-15{ margin-bottom:8px;}  
.m15{ margin:8px;}  
.mt-20{ margin-top: 15px;}  
.ml-20{ margin-left: 15px;}  
.mr-20{ margin-right: 15px;}  
.mb-20{ margin-bottom: 15px;}  
.m20{ margin: 15px;}  
.mt-25{ margin-top: 15px;}  
.ml-25{ margin-left: 15px;}  
.mr-25{ margin-right: 15px;}  
.mb-25{ margin-bottom: 15px;}  
.m25{ margin: 15px;}  
.mt-30{ margin-top: 18px;}  
.ml-30{ margin-left: 18px;}  
.mr-30{ margin-right: 18px;}  
.mb-30{ margin-bottom: 18px;}  
.m30{ margin: 18px;}  
.mt-40{ margin-top: 20px;}  
.ml-40{ margin-left: 20px;}  
.mr-40{ margin-right: 20px;}  
.mb-40{ margin-bottom: 20px;}  
.m40{ margin: 20px;}  
.mt-50{ margin-top: 25px;}  
.ml-50{ margin-left: 25px;}  
.mr-50{ margin-right: 25px;}  
.mb-50{ margin-bottom: 25px;}  
.m50{ margin: 25px; }  
.mt-60{ margin-top: 30px;}  
.ml-60{ margin-left: 30px;}  
.mr-60{ margin-right: 30px;}  
.mb-60{ margin-bottom: 30px;}  
.m60{ margin: 30px; }  
.mt-70{ margin-top: 35px;}  
.ml-70{ margin-left: 35px;}  
.mr-70{ margin-right: 35px;}  
.mb-70{ margin-bottom: 35px;}  
.m70{ margin: 35px; }  
.mt-120{ margin-top: 40px;}  
.mt-140{ margin-top: 60px;}  
.mt-150{ margin-top: 70px;} 
.pglist{ margin-top: 30px } 
}
@media screen and (max-width:750px) {
.pt-40{ padding-top: 20px;}  
.pl-40{ padding-left: 20px;}  
.pr-40{ padding-right: 20px;}  
.pb-40{ padding-bottom: 20px;}  
.p40{ padding: 20px;}  
.pt-50{ padding-top: 20px;}  
.pl-50{ padding-left: 20px;}  
.pr-50{ padding-right: 20px;}  
.pb-50{ padding-bottom: 20px;}  
.p50{ padding: 20px;}  
.pt-60{ padding-top: 20px;}  
.pl-60{ padding-left: 20px;}  
.pr-60{ padding-right: 20px;}  
.pb-60{ padding-bottom: 20px;}  
.p60{ padding: 20px; }  
.pt-70{ padding-top: 20px;}  
.pl-70{ padding-left: 20px;}  
.pr-70{ padding-right: 20px;}  
.pb-70{ padding-bottom: 20px;}  
.p70{ padding: 20px;}  
.pt-150{ padding-top: 50px;}
/* margin */    
.mt-40{ margin-top: 20px;}  
.ml-40{ margin-left: 20px;}  
.mr-40{ margin-right: 20px;}  
.mb-40{ margin-bottom: 20px;}  
.m40{ margin: 20px;}  
.mt-50{ margin-top: 20px;}  
.ml-50{ margin-left: 20px;}  
.mr-50{ margin-right: 20px;}  
.mb-50{ margin-bottom: 20px;}  
.m50{ margin: 20px; }  
.mt-60{ margin-top: 20px;}  
.ml-60{ margin-left: 20px;}  
.mr-60{ margin-right: 20px;}  
.mb-60{ margin-bottom: 20px;}  
.m60{ margin: 20px; }  
.mt-70{ margin-top: 20px;}  
.ml-70{ margin-left: 20px;}  
.mr-70{ margin-right: 20px;}  
.mb-70{ margin-bottom: 20px;}  
.m70{ margin: 20px; }  
.mt-120{ margin-top: 30px;}  
.mt-140{ margin-top: 40px;}  
.mt-150{ margin-top: 50px;}
}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.text-c{text-align: center}
.text-l{text-align: left}
.text-r{text-align: right}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.clearfix {zoom: 1;}
.clearfix:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.flex {display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.flex-wrap {flex-flow: wrap;}
.flex-between {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.inline-block {display: inline-block;}
.block {display: block;}
.hide {display: none;}
.bold {font-weight: 700;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.tc{ text-align: center;}
.before {opacity: 0;visibility: hidden;}
.after {opacity: 1;visibility: visible;}
.font {font-family: Arial;}
.txts {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.upper {text-transform: uppercase;}
.middle {vertical-align: middle;}
.background {background-size: contain;background-repeat: no-repeat;background-position: center center;}
button {outline: none;}

.more{ background:#cc0000; width: 160px; height: 45px; line-height: 43px; text-align: center; }
.more a{ color: #fff; font-size: 16px; padding: 15px 60px 15px 30px; position: relative;}
.more a:after{ position: absolute; right:30px; left: auto; width: 14px; height: 15px; top: 20px; content: ""; background: url(../images/arrow_r.png) no-repeat center;}
.more:hover{ background:#104a92; }
.more:hover a{ color: #fff; }
.more:hover a:after{ background: url(../images/arrow_r.png) no-repeat; }
@media (max-width:1366px) {
.more{ width: 160px; height: 45px; line-height: 43px;}
}
@media (max-width:1280px) {
.more{ width: 150px;}
.more a:after{ right:10px; width: 14px;}
.more a{ padding: 12px 30px 12px 10px; }
}
@media (max-width:1200px) {
.more a{ padding: 8px 20px 8px 0px; height: 40px; line-height: 38px;}
.more a:after{ right:0px; top: 14px;}
}
@media (max-width:768px) {
.more{ width: 130px; height: 40px; line-height: 40px;}
.more a{ font-size: 15px; }
.more a:after{top: 13px; right:0px; width: 12px; height: 13px; background-size: 100% 100%;}
}
@media (max-width:768px) {
.more{ margin-top: 30px;}
}
.more1{ border: 1px solid #fff; width: 160px; height: 45px; line-height: 43px; text-align: center; }
.more1 a{ color: #fff; font-size: 16px; padding: 15px 60px 15px 30px; position: relative;}
.more1 a:after{ position: absolute; right:30px; left: auto; width: 14px; height: 15px; top: 20px; content: ""; background: url(../images/arrow_r.png) no-repeat center;}
.more1:hover{ background:#104a92; border: 1px solid #104a92;}
.more1:hover a{ color: #fff; }
.more1:hover a:after{ background: url(../images/arrow_r.png) no-repeat; }
@media (max-width:1366px) {
.more1{ width: 160px; height: 45px; line-height: 43px;}
}
@media (max-width:1280px) {
.more1{ width: 150px;}
.more1 a:after{ right:10px; width: 14px;}
.more1 a{ padding: 12px 30px 12px 10px; }
}
@media (max-width:1200px) {
.more1 a{ padding: 8px 20px 8px 0px; height: 40px; line-height: 38px;}
.more1 a:after{ right:0px; top: 14px;}
}
@media (max-width:768px) {
.more1{ width: 130px; height: 40px; line-height: 40px;}
.more1 a{ font-size: 15px; }
.more1 a:after{top: 13px; right:0px; width: 12px; height: 13px; background-size: 100% 100%;}
}
@media (max-width:768px) {
.more1{ margin-top: 30px;}
}
.page_section{padding: 90px 0;}
.page_section1{margin: 90px 0 0;}
.zw{ padding-top: 80px; margin-top: -80px;}
.pagetit .tit{ font-size:34px; font-weight: bold; color: #104a92; margin-bottom: 15px;}
.pagetit .desc{ font-size: 26px; font-weight: bold; color: #cccccc; text-transform: uppercase; padding-bottom: 20px; position: relative;}
.pagetit .desc::after{ position: absolute; left: 0px; bottom: 0px; content: ""; width: 40px; height: 5px;background: #d5181f;}

.pc{ display: block;}
.mob{ display: none;}
.ban_ph {display: none;}
.pagetitle .tit{ font-size: 40px; font-weight: bold; color: #333333; margin-bottom: 20px; }
.pagetitle .desc{ font-size: 18px; color: #666; line-height: 34px;}
@media (max-width:1440px) {
.page_section{padding: 60px 0;}
.page_section1{margin: 60px 0 0;}
.pagetit .tit{ font-size: 42px;}
.pagetitle .tit{ font-size: 34px;}}
@media (max-width:1366px) {
.pagetit .tit{ font-size: 36px;}
.pagetit .desc::after{ width: 40px; }
.pagetitle .tit{ font-size: 30px;}}
@media (max-width:1280px) {
.page_section{padding: 50px 0;}
.page_section1{margin: 50px 0 0;}
.pagetit .tit{ font-size: 30px; margin-bottom: 15px; }
.pagetit .desc::after{ width: 35px; }
.pagetitle .tit{ font-size: 26px;}}
@media (max-width:1024px) {
.pagetit .tit{ font-size: 26px; margin-bottom: 10px;}
.pagetitle .tit{ font-size: 22px;}
.pagetitle .desc{ font-size: 16px;  line-height: 30px;}
.pagetit .desc::after{ width: 30px; }
.pc{ display: none;}
.mob{ display: block;}}
@media (max-width:767px) {
.page_section{padding: 40px 0;}
.page_section1{margin:40px 0 0;}
.pagetit .tit{ font-size: 22px;}
.pagetit .desc::after{ width: 25px; }
.pagetitle .tit{ font-size: 20px;}
.ban_pc{display: none;}
.ban_ph{display: block;}}

/*通用page*/
.page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page a:hover,.page span{color:#fff; background: #cc0000;}
.page span.count { border: 0;background: 0;color: #777777;}

.zoom-img {overflow: hidden;}
.zoom-img .img {overflow: hidden;}
.zoom-img img {transition: all .5s;}
.zoom-img:hover img {transform: scale(1.04);-ms-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-moz-transform: scale(1.04);}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.mb50{ margin-bottom:50px;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.flexBetween {display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-8{padding-bottom: 8%;}
.rect-10{padding-bottom: 10%;}
.rect-32{padding-bottom: 32%;}
.rect-35{padding-bottom: 35.5%;}
.rect-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-45{padding-bottom: 45%;}
.rect-49{padding-bottom: 49%;}
.rect-50{padding-bottom: 50%;}
.rect-52{padding-bottom: 52%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-58{padding-bottom: 58%;}
.rect-595{padding-bottom: 59.5%;}
.rect-60{padding-bottom: 60%;}
/*.rect-61{padding-bottom: 61%;}*/
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-63{padding-bottom: 63%;}
.rect-64{padding-bottom: 64%;}
.rect-65{padding-bottom: 65%;}
.rect-652{padding-bottom: 65.2%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-668{padding-bottom: 66.8%;}
.rect-671{padding-bottom: 67.1%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-97{padding-bottom: 97%;}
.rect-100{padding-bottom: 100%;}
.rect-105{padding-bottom: 105%;}
.rect-109{padding-bottom: 109%;}
.rect-110{padding-bottom: 110%;}
.rect-120{padding-bottom: 120%;}
.rect-124{padding-bottom: 124%;}
.rect-125{padding-bottom: 125%;}
.rect-150{padding-bottom: 150%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}

.hidden-xs {display: block;}
.hidden-pc {display: none;}


.pic {font-size: 0;overflow: hidden;display: block;width: 100%;}
.pic img {display: block;width: 100%;transition: transform 0.8s ease;-webkit-transition: transform 0.8s ease;-moz-transition: transform 0.8s ease;-ms-transition: transform 0.8s ease;-o-transition: transform 0.8s ease;}
.headDiv {height: 100px;width: 100%;/*background: #fff;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);*/position: fixed;top: 0px;left: 0px;z-index: 10;}
.headDiv:hover,.headDiv.on-header,.headDiv.on-header.active {background: #fff;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);} 
.headDiv .container {position: relative;height: 100px;}
.headDiv .logo {position: absolute;left: 0;top: 13px;z-index: 2;}
.headD {height: 100px;}
.nav {text-align: center;position: absolute;left:4.5rem;top: 0;z-index: 1;}
.nav li {float: left;height: 100px;font-size: 18px;position: relative;}
.nav li:last-child a { margin-right:0px; }
.nav a {display: block;position: relative;padding: 0 27px; margin-left:15px; margin-right:15px; line-height: 100px;color: #fff;}
.nav a:hover, .nav .aNow, .nav .aNow1 {background: #cc0000;color: #fff;}
.headDiv:hover .nav a,.headDiv.on-header .nav a,.headDiv.on-header.active .nav a{ color: #333;}
.headDiv:hover .nav a:hover,.headDiv:hover .nav .aNow,.headDiv:hover .nav .aNow1,
.headDiv.on-header .nav a:hover,.headDiv.on-header .nav .aNow,.headDiv.on-header .nav .aNow1,
.headDiv.on-header.active .nav a:hover,.headDiv.on-header.active .nav .aNow,.headDiv.on-header.active .nav .aNow1  {background: #cc0000;color: #fff;}

/*导航触发效果*/
.sNav {opacity: 0;visibility: hidden;position: fixed;z-index: 35;width: 165px;top: 110px;}
.sNav .bg {height: 25px;background: url(../images/sNav.png) 40px bottom no-repeat;cursor: pointer;}
.sNav .list {background: #fff;border-radius: 6px;padding-top: 25px;}
.sNav li {padding-bottom: 25px;font-size: 16px;text-align: center;}
.sNav li a {display: block;color: #666;}
.sNav li a:hover {color: #cc0000;}
.sNav.on {opacity: 1;visibility: visible;top: 100px;}
.navIco {display: none;float: right;width:0.7rem;height: 1.2rem;text-align: right;line-height: 1.2rem;}
.navIco img {width: 0.7rem;}
.pageBg {position: fixed;z-index: 8;width: 100%;height: 100%;display: none;background: rgba(0,0,0,0.3);left: 0px;top: 0px;}
/*导航菜单触发*/
.navLayer {overflow-x: auto;height: 100%;width: 100%;overflow: hidden;position: fixed;z-index: 222;right: -100%;top: 0px;}
.navLayer .bg {overflow-x: auto;position: relative;background: #fff;height: 100%;width: 100%;}
.navLayer .toptop {height: 1.2rem;position: relative;border-bottom: #d6d6d6 solid 1px;}
.navLayer .closeBtn {width: 1.2rem;height: 1.2rem;position: absolute;top: 0px;right: 0;text-align: center;line-height: 1.2rem;}
.navLayer .closeBtn img {width: 0.43rem;}
.sideNav {padding: 0 0 0.3rem;}
.subNav {cursor: pointer;display: block;height: 1.1rem;line-height: 1.1rem;position: relative;font-size:16px;border-bottom: #d6d6d6 solid 1px;}
.subNav1 {background: url(../images/ico4.png) right center no-repeat;background-size: 0.53rem;color: #333;}
.subNav .name {position: relative;padding-left: 0.3rem;}
.subNav a {color: #333;display: block;}
.currentDt {background: #cc0000 url(../images/ico4on.png) right center no-repeat;background-size: 0.53rem;}
.currentDt .name {color: #fff; }
.navContent {display: none;}
.navContent a {display: block;height: 0.88rem;border-bottom: #d6d6d6 solid 1px;line-height: 0.88rem;color: #666;background: #f6f6f6;font-size: 16px;padding-left: 0.3rem;}
@media screen and ( max-width:1600px ) {
.nav {left: 5.2rem;}
}
@media screen and ( max-width:1540px ) {
.nav {left: 4.8rem;}
}
@media screen and ( max-width:1480px ) {
.nav a { padding: 0 20px; margin-left:14px; margin-right:14px; }
}
@media screen and ( max-width:1360px ) {
.nav a { padding: 0 18px; margin-left:12px; margin-right:12px; }
}
@media screen and ( max-width:1300px ) {
.nav {left: 5.1rem;}
.nav a { padding: 0 15px; }
}
@media screen and ( max-width:1280px ) {
.nav {left: 4.8rem;}
} 
@media screen and ( max-width:1200px ) {
.nav {left: 5rem;}
.nav a { padding: 0 10px; margin-left:10px; margin-right:10px; }
}  
@media screen and ( max-width:1180px ) {
.nav a { padding: 0 5px; margin-left:8px; margin-right:8px; }
}
@media screen and ( max-width:1024px ) {
.nav, .headDiv .topRight {display: none;}
.Phone-Box, .navIco{display: block;}
.headDiv { background: #fff;}
.headDiv, .headDiv .wal, .headD, #webHeader {height: 1.2rem;}
.headDiv .logo {left: 0rem;top: 0.2rem;}
.headDiv .logo img {width: 3rem;}
.headDiv .container {height: 1.2rem; padding-right: 0px;} 

}

.footer{background:#323438; position:relative;}
.footer .f_top .left .f_txt a{ color:#cccccc;}
.footer a:hover{ color:#0071bb}
.footer .f_top{padding:80px 0 80px; }
.footer .f_top .foot_left{ width: 75%; float: left;}
.footer .f_top .left{ margin-right: 12%; float: left;}
.footer .f_top .left dl dt{font-size:18px; font-weight: bold; line-height:34px;padding-bottom:15px;}
.footer .f_top .left dl dt a{ color:#fff;}
.footer .f_top .left dl dd a{ color:#888; font-size: 16px; line-height:45px;}
.footer .f_top .right { width: 25%; float: left;}
.footer .f_top .right .f_txt{margin:0px 0 20px;}
.footer .f_top .right .f_txt dl dt{ font-size:18px; font-weight: bold; color:#fff;line-height:34px;padding-bottom:15px;}
.footer .f_top .right .f_txt dl dt a { color: #fff;}
.footer .f_top .right .f_txt dl dd{line-height:45px; color:#888;font-size: 16px;}
.footer .f_top .right .f_txt dl dd a { color:#888; }
.footer .f_top .right .f_txt dl dd .red{ color:#cc0000!important; }
 
.footer .f_bott{ padding:20px 0; color:#888;font-size: 16px; border-top: 1px solid rgba(255,255,255,.12);; }
.footer .f_bott a{ color:#888;}
.footer .f_bott_l{ width:74%; float:left; line-height:30px;  color:#888;}
.footer .f_bott_r{width:26%; text-align: right; float:right; }
.footer .f_bott_r a{ color:#888;}
 
@media only screen and (max-width: 1540px){
.footer .f_top .left{ margin-right: 11%; float: left;}
}
@media only screen and (max-width: 1440px){
.footer .f_top .foot_left{ width:70%; }
.footer .f_top .left{ margin-right: 10%; margin-top: 0px;}
.footer .f_top .right { width: 30%;}
.footer .f_top .right .f_txt{margin:10px 0 20px;}
}
@media only screen and (max-width: 1366px){
.footer .f_top{padding:60px 0 60px; }
.footer .f_top .left{ margin-right: 9%; }
.footer .f_top .left dl dt{ font-size: 18px; padding-bottom:10px; }
.footer .f_top .left dl dd a{ font-size: 16px; }
.footer .f_top .right .f_txt dl dt{ font-size: 18px; padding-bottom:10px; }
.footer .f_top .right .f_txt dl dd{ font-size: 16px; }
}
@media only screen and (max-width: 1280px){
.footer .f_top .foot_left{ width:68%; }
.footer .f_top .right { width: 32%;}
}
@media only screen and (max-width: 1200px){
.footer .f_top .foot_left{ display: none;}
.footer .f_top .right { width: 100%; }
}

@media only screen and (max-width: 768px){
.footer .f_bott_l{ width:100%; }
.footer .f_bott_r{ display:none;}
}
@media only screen and (max-width: 767px){
.footer .f_top{padding:20px 0; }
.footer .f_top .right .f_txt .dl1{margin-right:17px;}
.footer .f_top .right { margin-top:0px; text-align:center;}
.footer .f_top .right .f_txt dl dt{ display:none;}
.footer .f_top .right .f_txt dl dt:after{ content:" "; width:0px; left:0px; top:40px; height:2px; background: #0071bb; position:absolute;}
.footer .f_top .right .f_txt dl dd{text-align:center;font-size: 14px; line-height: 30px;}
.footer .f_bott{padding:10px 0; text-align:center; line-height:26px;}
.footer .f_bott .right .lf{ float:left; margin-right:10px; text-align:center; }
.footer .f_bott .right .rt{ float:left; margin-left: auto; margin-right:auto; text-align:center;}
}
@media only screen and (max-width: 425px){
.footer .f_top .right .f_txt{margin:10px 0 0px;}
.footer .f_bott_l{ font-size:14px; }
.footer .f_top .right .f_txt .dl1{margin-right:0px;}

}