@charset "utf-8";
.mobx { display: none; }
.pcx { display: block; }
* { padding: 0; margin: 0; }
ul li { list-style: none; }
a { text-decoration: none; color: #333 }
input { border: none; background: none; }
input, textarea { font-family: Arial, "微软雅黑"; outline: 0; font-size: 14px; -webkit-appearance: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block }
.yy_tag_I { margin: 0 5px }
html, body { font: 12px Arial, "微软雅黑"; color: #333; width: 100%; background: #fff }
.w1200 { margin: 0 auto; width: 1200px; }
.clear{ clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}
body { overflow-x: hidden; min-width: 1200px; background-color: #f2f2f2; background-image: url(bg.jpg); background-repeat: repeat; background-position: center top; background-size:100% auto;background-attachment: fixed;}
.flash { padding-top: 80px }
.flash .swiper { margin: 0 auto; width: 1200px;  height: 300px;position: relative; overflow:hidden; margin-top:30px; border-radius:8px; }
.flash .swiper-slide { text-align: center; font-size: 18px; background-color: #1e1e1e; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; }

.effect1 img { transform: scale(1.25, 1.25) translate(10%, 10%); transform: scale(1.1, 1.1) translate(4.545%, 4.545%); }
.leftUp img { -webkit-animation-name: leftUp; animation-name: leftUp; }

.swiper-slide img { width:100%; height:300px;  }
.swiper-pagination { bottom: 15px; left: 50%; margin-left: -35px; z-index: 999; }
.swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; margin: 0 5px; }
#header { width: 100%; height: auto; position: fixed; padding-top: 20px; font-size: 16px; transition: all ease .3s; z-index: 99; transition-property: padding, background; background: #fff; padding-top: 0px; }
#header .content {
padding: 0px；text-align: center; width: 1200px; margin: 0 auto; height: 90px; position: relative; }
#header .content .logo { margin-top: 20px; float: left; }
#header .content .logo img { float: none; height: 55px; width: auto; height: 55px; width: auto }
#header ul { float: right; transition: all 0.4s ease-out 0s; margin-top: 10px }
#header ul li.navitem { width: auto; height: 50px; line-height: 40px; float: left; position: relative; transition: all 0.4s ease-out 0s; padding: 0px 1px 0px 0px !important; line-height: 40px; }
#header ul li.navitem a { color: #000000; display: inline-block; padding: 20px 20px; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #cd0001; display: inline-block; }
#header ul li.navitem a::after { content: ''; display: block; margin-top: -3px; width: 30%; height: 2px; background: transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#header ul li.navitem a.active::after { width: 60%; background: rgb(33, 124, 238); display: none; transition: all 0.3s ease 0s; }
#header ul li.navitem:hover a::after { width: 100%; background: #cd0001; }
#header ul li.navitem a.active:after, #header ul li.navitem:hover a:after { display: block; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { display: inline-block; }
.footer .muude { background-color: #363636; }
.footer .muude .content { width: 1200px; margin: 0 auto; padding: 40px 0 68px; height: auto; overflow: hidden }
.footer .muude .content:after { content: ''; display: block; clear: both; }
.footer .muude .content .header { width: 480px; float: left; }
.footer .muude .content .header .title { color: #fff; text-align: left; font-size: 16px; line-height: 20px; }
.footer .muude .content .header .subtitle { text-align: left; font-family: "Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑"; color: #fff; line-height: 40px; }
.footer .muude .content #contactlist { width: 720px; float: left; }
.footer .muude .content #contactform { display: none; width: 1200px; margin-top: 80px; height: 100%; background-color: #f3f3f3; }
.footer .muude .content #contactinfo { width: 720px; float: left; position: relative; }
.footer .muude .content #contactinfo p { float: left; padding-right: 60px; margin-top: 14px; height: auto; color: rgba(255, 255, 255, 0.52); font-size: 12px; line-height: inherit; }
.footer .muude .content #contactinfo h3 { color: #fff; font-weight: normal }
.footer .muude #contactinfo div { position: absolute; top: 35px; left: -250px; }
.footer .muude #contactinfo div:after { content: '扫码访问'; color: #fff; height: 20px; font-size: 16px; line-height: 20px; overflow: hidden; position: absolute; top: -30px; left: 0px; }
.footer .muude #contactinfo div a { background-color: rgba(255, 255, 255, 0); color: rgba(251, 251, 251, 0.7); border-radius: 4px; font-size: 16px; border: 2px solid rgba(0, 0, 0, 0); }
.footer .muude #contactinfo div a:hover { background-color: rgb(48, 93, 195); border-radius: 4px; }
.footer .muude #contactinfo div a:hover i { color: #fff; }
.footerbom { background: #cc0102; }
.footerbom p { width: 1200px; margin: 0 auto; height: 44px; line-height: 44px; padding: 0; text-align: left; color:#fff }
.aboutin { padding-top:20px }
.aboutin .ableft { float: left; width: 650px; background-color: #363636; border-radius: 8px; overflow: hidden; height:298px}
.aboutin .ableft .muti { padding-top: 10px; text-align: left; height:10px  }
.aboutin .ableft .muti .title { font-size: 20px; color: #fff; line-height:40px;  display:none}

.aboutin .ableft .textnrp{ margin-left:25px; margin-right:25px;}
.aboutin .ableft .textnrp p { font-size: 14px; line-height: 25px; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; margin-bottom: 5px; color: #E9E9E9 }
.aboutin .abright { float: right; width: 530px; background-color:#fff; border-radius:8px; overflow:hidden;height:298px}
.aboutin .abright img { width: 460px; }
.aboutin .map01 {  }
.aboutin .llgf { text-align: center; font-size: 18px; line-height: 35px; color: #999 }
.aboutin .inlixnxi { padding-top: 50px; }
.morex { font-size: 14px; background-color: #cd0001; color: #fff; display: block; line-height: 40px; width: 120px; text-align: center; border-radius: 4px; margin-top: 15px; float:right }
.chanpinin {padding-top: 40px; background-color:rgba(255,255,255,0.8); border-radius:8px;}
.headetitle .title { font-size: 26px; text-align: center }
.headetitle .subtitle { font-size: 16px; text-align: center; color: #999; line-height: 36px }
.chanpinin{padding-bottom:50px}
.chanpinin .cp-list { }
.chanpinin .cp-list li { float: left; width: 202px; margin-top: 30px; margin-bottom: 0px; margin-left: 30px; text-align: center; border: 1px solid #CCC; background-color:#fff }
.chanpinin .cp-list li:last-child {  }
.chanpinin .cp-list li img { height:190px; margin-top:10px; }
.chanpinin .cp-list li b { font-size: 16px; font-weight: normal; text-align: center; line-height: 46px; display: block }
.chanpinin .cp-list li p { font-size: 14px; line-height: 30px; color: #666 }
.chanpinin .cp-list li:hover b{ color:#cd0001;}
.newsin { padding-top: 80px; }
.newsin .news-list { }
.newsin .news-list li { float: left; width: 280px; margin-top: 30px; margin-bottom: 60px; margin-right: 26px; background-color:#fff; overflow:hidden; border-radius:6px; }
.newsin .news-list li:nth-child(4n) { float: right; margin-right: 0 }
.newsin .news-list li img {  width: 100%; height:185px;}
.newsin .news-list li b { font-size: 16px; font-weight: normal; text-align: left; line-height: 22px; display: block; height: 30px; overflow: hidden; padding-top: 10px; margin-bottom: 10px; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-left:10px; margin-right:10px;}
.newsin .news-list li p { font-size: 14px; line-height: 20px; color: #999; height: 60px; overflow: hidden; margin-left:10px; margin-right:10px; }
.banner { width: 1200px;
height: 300px;overflow:hidden; margin:auto; padding-top:120px;}
.newsin .news-list li span{ display:block; padding-bottom:8px; padding-left:10px}
.newsin .news-list li b:hover{color: #cd0001;}

.banner img { width: 100%; height: 300px;  border-radius:8px;  }
.daohang { height: 40px;  }
.daohang span { font-size: 14px; line-height: 40px; color: #063480; padding-left: 30px; background-image: url(menu.png); background-repeat: no-repeat; background-position: 5px center; background-size: 18px 18px; }
.daohang .mianb { float: right; line-height: 40px; background-image: url(home.png); background-repeat: no-repeat; background-position: left center; background-size: 18px 18px; padding-left: 18px; margin-right: 15px }
.daohang .mianb a { line-height: 40px; padding-right: 5px; padding-left: 5px }
.menuleft { float: left; width: 200px; background-color: #fff; border-radius: 5px; overflow: hidden; margin-top: 20px; padding-bottom: 15px; margin-bottom: 60px; }
.menuleft p.titlem { margin-left: 30px; font-weight: bold; font-size: 25px; padding-bottom: 8px; margin-top: 25px; color: #333; }
.menuleft p.subtitlem { font-size: 16px; 
margin-left: 30px; padding-bottom: 20px; color:#333  }
.menuleft .mu-list li { border-top-width: 1px; border-top-style: solid; border-top-color: rgba(255,255,255,0.6); padding-left: 30px; }
.menuleft .mu-list li a { line-height: 40px; font-size: 14px; color: #333; display: block }
.menuleft .mu-list li:hover { background-color: rgba(255,255,255,0.4); }
.aboutbody { float: right; width: 950px; margin-top: 20px; background-color:#fff; border-radius:8px; overflow:hidden; margin-bottom:40px;}
.topname { padding-bottom: 15px; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E5E5E5; margin-bottom: 30px; padding-top: 15px }
.topname p.title { font-size: 24px; color: #333; margin-bottom: 10px; }
.topname p.title em { display: block; background-color: #cd0001; height: 2px; width: 45px; margin: auto; margin-top: 10px }
.topname p.subtitle { color: #c1c1c1; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; font-size: 13px; }
.lianximap { float: right; width: 450px; border-radius: 6px; overflow: hidden; }
.lianximap img { width: 100% }
.lxww { padding-left: 50px; font-size: 16px; line-height: 30px; float: left }
.lxww b { font-weight: normal; color: #333; line-height: 50px; font-size: 18px }
.neirong { font-size: 14px; line-height: 1.6; margin-left:20px; margin-right:20px;}
.neirong p { margin-bottom: 10px }
.maps-list li { float: left; width: 460px; margin-top: 30px;  }
.maps-list li:nth-child(2n) { float: right }
.maps-list li img { border: 1px solid #EAEAEA; width: 100% }
.maps-list li b { font-size: 16px; font-weight: normal; text-align: center; line-height: 46px; display: block }
.maps-list li p { font-size: 14px; line-height: 30px; color: #666 }
.maps-listcp { padding-left:10px }
.maps-listcp li { float: left; width: 200px; margin-bottom: 25px; margin-left: 25px; text-align: center; background-color: #fff; border-radius: 8px; border: 1px solid #CCC; overflow:hidden }
.maps-listcp li:nth-child(4n) {  }
.maps-listcp li img { height:220px; }
.maps-listcp li b { font-size: 18px;  text-align: center; line-height: 46px; display: block; font-weight:normal }
 


 
#newslist .newsli { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, .06); height:160px; }
#newslist .newsimg { display: block; width: 180px; height: 110px; margin-top: 5px; float:left }
#newslist .newsimg img{ width:100%; border-radius:4px;}
#newslist .news_txt{ float:right; width:740px;}

#newslist .news_txt .date { top: 37px; left: 717px; width: 100px; text-align: left; display: block; float:right }
#newslist .news_txt .date .year { font-size: 14px; text-align: left; display: block; position: absolute; color: #eeeeee; font-size: 30px; padding: 3px 10px; border-left: 3px #f7f7f7 solid; }
#newslist .news_txt .date .md { display: none; font-size: 30px; border-left: 3px #f7f7f7 solid; }
#newslist .news_txt .date:after { left: 100px; top: 8px; display: block; }
#newslist .news_txt .title {  margin-top: 8px; line-height: 24px; height: 24px; padding-bottom: 8px; margin-bottom: 0px; overflow: hidden; font-size:14px; }
#newslist .news_txt .description { width: 620px; top: 55px; margin-top: 0px; height: 80px; font-size: 13px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #B5B5B5; }
.artbody{ margin:20px; line-height:1.8;font-size:14px;}
.artbody p{ margin-bottom:10px; font-size:14px; line-height:1.8}
.artbody p.litpic{ text-align:center}
.artbody p.litpic img{ width:400px;}
.postbody{ padding-bottom:60px; margin-bottom:40px; border-radius:8px; min-height:400px;}
.cppp{ height:230px; margin-top:30px;}
.cppp b{ display:block; width:100%; }
.cppp b i{ color:#fff; background-color:#063480; display:block; width:100px; line-height:30px; text-align:center; border-radius:15px;}
.cppp span{ float:left; display:block} 
.cppp p{ float:right; display:block; width:630px; padding-top:30px}
.neirong b{color:#063480; }

.cphhy{}
.cphhy .cpmap{ text-align:center}
.cphhy .ybxx{  margin-top:20px;}
.cphhy .cpxbt{color:#fff; background-color:#063480; display:block; width:100px; line-height:30px; text-align:center; border-radius:15px; margin-bottom:15px; margin-top:20px;}
.litpic{ padding-bottom:15px; text-align:center}

#cpvideo{ width:600px; margin:auto; margin-bottom:20px}

.inmu-list{ display:block; margin-top:20px; margin-left:50px;}
.inmu-list li{ float:left; margin-left:30px;text-align:center; width:150px; line-height:40px; border-radius:6px; overflow:hidden}
.inmu-list li a{ display:block; background-color:#CCC; }
.inmu-list li:hover a{ background-color:#cd0001; color:#fff}
.newslistpg{ margin-left:20px; margin-right:20px}
.newslistpg li { height: 185px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E9E9E9; margin-bottom: 20px }
.newslistpg li .map { float: left; width: 200px; height: 133px;  }
.newslistpg li .map img { width: 200px; height: 133px; border-radius:6px; }
.newslistpg li .txt { float: right; width: calc(100% - 230px); }
.newslistpg li .txt b { font-size: 18px; font-weight: normal; display: block; color: #000; padding-top: 10px; }
.newslistpg li .txt:hover b { color: #cd0001 }
.newslistpg li .txt span { display: block; line-height: 40px; }


.pagelist { padding-bottom: 40px; text-align: center; padding-top: 20px }
.pagelist a, .pagelist span { border: 1px solid #CCC; margin-left: 0px; margin-right: 10px; padding-left: 10px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px }
.pagelist a:hover,.pagelist  .thisclass a { background-color: #cd0001; ; color: #fff; border: 1px solid #cd0001; }
.pagelist .disabled{ display:none}
.pagelist li{ float:left; margin-bottom:40px;}