/*--------------锟斤拷锟斤拷锟斤拷锟斤拷---------------------*/

* { 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;}