/*--------------��������---------------------*/

* { padding: 0; margin: 0; font-family: Arial, "Microsoft YaHei "; line-height: 1.5; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
a { color: #333; text-decoration: none; }
a:hover { color: #197de8; text-decoration: none }
a:active { color: #323232; text-decoration: none }
a:visited { color: #323232; text-decoration: none }
:focus { outline: none } 
em { font-style: normal }
li { list-style: none }
img { border: 0; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0 }
p { word-wrap: break-word }
header { position: fixed; top: 0; width: 100%; z-index: 999; }
button, input:not([type="radio"]):not([type="checkbox"]), select { vertical-align: middle; }
select::-ms-expand { display: none; }
html { font-size: 12px; }
i { font-style: inherit; }
.clearfix, .content_div { /*���� IE*/
zoom: 1; }
.web_nav { display: none; }
/*����ʹ�÷�ʽ*/
.clearfix:after, .content_div:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.content_div { margin: 0 auto; width: 1270px; position: relative; }
/*swiper*/
html, body { position: relative; height: 100%; }
body { font-size: 14px; color: #000; margin: 0; padding: 0; } 
.dialog { position: fixed; width: 100%; left: 0; top: 0; height: 100vh; background: rgba(0,0,0,0.8) url(../images/video_close.png) no-repeat 20px 20px;background-size: 24px; display: none; z-index: 399; }
 @-webkit-keyframes rotate {  from {
 -webkit-transform: rotate(0deg);
}
to { -webkit-transform: rotate(36000deg); }
}
@keyframes rotate {  from {
 transform: rotate(0deg);
}
to { transform: rotate(360deg); }
}
.page { padding-bottom: 150px; }
.page ul { display: flex; width: 100%; justify-content: center; }
.page ul li { font-size: 20px; margin: 0 10px; width: 30px; line-height: 30px; }
.page ul li a img { width: 11px; }
.page ul li a { display: inline-block; width: 30px; text-align: center; line-height: 30px; color: #ccc; }
.page ul li a.link:hover, .page ul li a.active { background: #FFC44F; color: #fff; border-radius: 100%; }
.web_nav_list { display: none; }
.dialog1 { position: fixed; width: 100%; left: 0; top: 0; height: 100vh; background: rgba(0,0,0,0); display: none; z-index: 1000; }
.title .p2 { text-transform: Uppercase; }
 @media only screen and (max-width: 750px) {
.page { padding-bottom: 30px; }
.page ul li { line-height: 25px; height: 25px; margin: 0 5px; }
.page ul li a { width: 25px; line-height: 25px; font-size: 12px; }
.page ul li a img { width: 6px; }
.web_nav { display: block; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff; }
.web_nav .content_div { display: flex; justify-content: space-between; align-items: center; }
.web_nav .content_div:after { display: none; }
.web_nav .content_div img { height: 30px; }
.web_nav .menu img { width: auto; }
.web_nav .menu { line-height: 50px; }
.web_nav .menu img { width: 0.6rem; }
.web_nav_list { position: fixed; top: 0; height: 100vh; width: 100%; left: 0; z-index: 999; display: none; }
.web_nav_list .close { position: fixed; top: 1.5rem; right: 0.5rem; width: 0.5rem; height: 0.5rem; }
.web_nav_list img { width: 100%; }
.web_nav_list>div { display: flex; align-items: center; width: 100%; flex-wrap: wrap; height: 100%; justify-content: center; }
.web_nav_list div a { display: block; text-align: center; width: 100%; height: 50px; font-size: 16px; color: #fff; line-height: 50px; }
}
.logo cite { font-size: 15px; cursor: pointer; position: relative; padding-right: 20px; font-style: normal; background: url(../images/right_4.png) right center no-repeat; margin-left: 20px; }
.common_web_nav cite { color: #fff; background: url(../images/right_icon40.png) right center no-repeat; }
.addrslist { width: 80px; text-align: center; position: absolute; padding: 10px; background: #f6f6f6; /* background: #f8f8f8;*/ top: 28px; left: -10px; border: 1px solid #eee; box-shadow: -5px 0 5px rgba(0,0,0,0.06), 5px 0 5px rgba(0,0,0,0.06), 0 -5px 5px rgba(255,255,255,0.06), 0 5px 5px rgba(0,0,0,0.06); display: none; }
.addrslist:after { border: 10px solid transparent; content: ""; display: block; border-bottom: 10px solid #f6f6f6; position: absolute; left: 50%; top: -20px; margin-left: -10px; width: 0; height: 0; }
.addrslist li a { font-size: 15px; }
.addrslist li a:hover { color: #0050a1; }
.addrs:hover .addrslist { display: block; }
.addrslist ul { max-height: 220px; overflow-y: auto; }
.addrslist ul li a { display: block; line-height: 2.4; }
.logo cite:hover .addrslist { display: block; }
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellipsis-2 { max-height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipsis-2_1 { max-height: 3.75em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipsis-2_2 { max-height: 3.4em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipsis-3 { max-height: 4.5em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ellipsis-3_1 { max-height: 6em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.mb1em p{margin-bottom:1em;}
.lh1{line-height: 1;}
.lh15{line-height: 1.5;}
.lh17{line-height: 1.7;}
.lh18{line-height: 1.8;}
.lh1875{line-height: 1.875;}
.lh2{line-height: 2;}
.lh22{line-height: 2.22;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.dpb{display:block;}
.dpinb{display:inline-block;}
.fb{font-weight:bold;}
.tc{text-align:center;}
.tr{text-align:right;} 
.ovh,.hid{overflow:hidden;}



/*背景色 字号 字体颜色 start*/
.bg-fff{background:#fff;}
.bg-f5{background:#f5f5f5;}

.c-fff{color:#fff;}
.c-ccc{color:#ccc;}
.c-a3a3a3{color:#a3a3a3;}
.c-999{color:#999;}
.c-666{color:#666;}
.c-555{color:#555;}
.c-333{color:#333;}
.c-6b8231{color:#6b8231;}
.c-284189{color:#284189;}


.f-12{font-size:12px;}
.f-15{font-size:15px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-22{font-size:22px;}
.f-24{font-size:24px;}
.f-30{font-size:30px;}
.f-36{font-size:36px;}
.f-40{font-size:40px;}
.f-60{font-size:60px;}
.f-70{font-size:70px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt85{margin-top:85px;}
.mt90{margin-top:90px;}
.mt98{margin-top:98px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
.mb100{margin-bottom:100px;}
.mb50{margin-bottom:50px;}
.mtb100{margin-top:100px;margin-bottom:100px;}

body .c-blue{color:#1d3989;}
body .c-green{color:#80ba3b;}
body .c-a3{color:#a3a3a3;}
body .c-6d{color:#6d6d6d;}
/*背景色 字号 字体颜色 end*/



@media only screen and (max-width:1440px) {
	.f-18{font-size:16px;}
	.f-20{font-size:18px;}
    .f-22{font-size:18px;}
	.f-24{font-size:20px;}
	.f-30{font-size:24px;}
	.f-36{font-size:30px;}
	.f-40{font-size:32px;}
	.f-70{font-size:60px;}
	.mt30{margin-top:20px;}
	.mt35{margin-top:30px;}
	.mt40{margin-top:35px;} 
	.mt120{margin-top:80px;}
	.mtb100{margin-top:80px;margin-bottom:80px;}

}
@media only screen and (max-width:1100px) {
	.f-18{font-size:16px;}
	.f-20{font-size:16px;}
	.f-24{font-size:16px;}
	.f-30{font-size:20px;}
	.f-36{font-size:30px;}
	.f-60{font-size:50px;} 
	.mt20{margin-top:15px;} 
	.mt30{margin-top:20px;}
	.mt35{margin-top:20px;}
	.mt45{margin-top:25px;}
	.mt50{margin-top:30px;} 
	.mt60{margin-top:40px;}
	.mt80{margin-top:40px;}
	.mt85{margin-top:45px;} 
	.mt98{margin-top:50px;}
	.mt100{margin-top:50px;}
	.mt120{margin-top:50px;}
	.mb100{margin-bottom:50px;}
	.mtb100{margin-top:50px;margin-bottom:50px;}
}
@media (max-width:800px) {
	.f-22{font-size:16px;}
	.f-36{font-size:22px;}
	.f-70{font-size:50px;}
}
@media (max-width:640px) {
	.f-16{font-size:14px;}
	.f-18{font-size:14px;}
	.f-20{font-size:16px;}
	.f-30{font-size:18px;}
	.f-36{font-size:24px;}
	.f-60{font-size:24px;}
	.f-70{font-size:30px;}
	.mt40{margin-top:15px;}
	.mt45{margin-top:20px;}
	.mt60{margin-top:30px;} 
	.mt70{margin-top:30px;} 
	.mt80{margin-top:30px;}
	.mt85{margin-top:35px;} 
	.mt100{margin-top:30px;}
	.mt120{margin-top:30px;}
	.mb100{margin-bottom:30px;}
	.mtb100{margin-top:30px;margin-bottom:30px;}
}
@media (max-width:480px) {
	.f-15{font-size:13px;}
	.f-20{font-size:14px;}
	.f-30{font-size:16px;}
	.f-36{font-size:20px;}
	.f-60{font-size:20px;}
	.f-70{font-size:20px;}
	.mt50{margin-top:20px;} 
	.mb1em p{margin-bottom:1em;}
}