html{width:100%; height:100%; font-size:14px; line-height:150%; color:#28416a; font-family:微软雅黑;}
body{margin:0; padding:0; width:100%; height:100%;}
ul,li,div,p,h1,h2,h3,h4,form{ margin:0; padding:0; font-weight:normal; list-style:none;}
input{ font-weight:微软雅黑; outline:none;}
li .fr{ color:#999;}
h1{ line-height:50px; font-size:2rem;}
h2{ line-height:40px; font-size:1.5rem;}
h3{ line-height:30px; font-size:1.2rem;}
h4{ line-height:25px; font-size:1rem;}
.l{ text-align:left;}
.r{ text-align:right;}
.c{ text-align:center;}
.fl{ float:left; display:block;}
.fr{ float:right; display:block;}
.clear{ display:block; height:0; clear:both; overflow:hidden;}
a:link,a:visited{ text-decoration:none; color:#5e6b82;}
a:hover{ text-decoration:none; color:#142747;}
a.hot{ color:#ff6a00;}
a.hot:hover{ color:#e23e00;}

.main{ margin:0 auto;}
.bor1{ border:1px solid #ddd;}
.bor2{ border:1px solid #ddd; border-top:none;}
.bor3{ border-bottom:1px dotted #ddd;}
.mtop{ margin-top:10px;}
.mleft{ margin-left:10px;}
.w1{ width:99%;}
.head{ margin:0 auto; width:1200px;}
#logo{ display:block; float:left; width:300px; height:100px;}

#nav{ float:right; width:900px;}
#nav .search{ padding:10px 0; line-height:28px; cursor:default;}
#nav .search .tel{ float:right; padding:0 20px 0 20px; font-size:1.1rem; color:#00459c; background:url(../images/phone.png) no-repeat left center; background-size:10%;}
#nav .search .word{ float:right; width:120px; text-align:right}
#nav .search .bu{ width:40px; height:28px; float:none; position:absolute; z-index:1; margin:-28px 0 0 200px;}
#nav .search #w{ width:100%; text-indent:0.5em; height:25px; border:none; background:#454545; color:#FFF;}
#nav .search .bu input{ width:100%; height:28px; border:none; background:url(../images/search.png) no-repeat center center; background-size:50%; cursor:pointer;}
#nav ul{ padding:5px 0;} 
#nav li{ float:left; width:200px; text-align:center;}
#nav li a.nn{ display:block; margin:0 0 0 10px; border-color:none; text-align:center; color:#666;font-size:1.4rem; line-height:40px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#nav li:hover a.nn{ color:#00459c;}
#nav li div{ position:absolute; z-index:9999; background:#FFF; width:280px; margin:0 0 0 -30px;  max-height:0; overflow:hidden; font-size:1.2rem; line-height:150%; text-align:center; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}
#nav li:hover div{display:block; max-height:800px; border-top:2px solid #00459c;}
#nav li div p{  color:#666; margin:0; border-bottom:1px solid #ddd; padding:15px 0 !important;}
#nav li div p:hover{ color:#444; background:#f8f8f8;}
#nav li div p a{display:block;}
#nav li div p span{display:block; font-size:1rem;}
#nav li div p:hover span{ display:block;}
#nav li div p span a{display:block; background:#f8f8f8; border-top:1px solid #ddd; padding:5px 0;}
#nav li div p span a:hover{ background:#00459c; color:#fff;}

.top1{ background:#FFF;}
.top1 #logo a{display:block; background:#ddd; height:100px; text-indent:-9999em; background:url(../images/logo.png) no-repeat center center; background-size:60% auto;}
.top2{ background:#f8f8f8; position:fixed; width:100%; left:0; top:0; z-index:9999; border-bottom:1px solid #ddd;}
.top2 .search{ display:none;}
.top2 #logo{ height:50px;}
.top2 #logo a{ font-size:2.2rem; font-weight:bold; font-style:italic; line-height:50px; display:block; width:100%; height:50px; overflow:hidden; text-align:center; color:#00459c;}

.more{display:block; border:1px solid #00459c; line-height:40px; font-size:1rem; width:30%; margin:0 auto 20px auto; text-align:center; color:#00459c;}
.more span{ display:block; height:40px; width:40px; float:right; background-color:#00459c; background-image:url(../images/mm.png); background-repeat:no-repeat; background-position:center center; color:#FFF; font-size:1.2rem; font-weight:bold;}
.more:hover span{ background-color:#e3201d;}
.more:hover{ border-color:#e3201d; color:#e3201d;}

.banner{ width:100%; height:600px;}
.banner1{ width:100%; height:500px;}

.ban{ width:50%;}
.tvm{ padding:30px 0;}
.tvm h2{ font-size:2.4rem; padding:20px 0; text-align:center; line-height:50px; color:#666;}
.tvm h2 font{ display:block; line-height:40px; font-size:1.6rem; color:#777}
.tvm1{ background:#FFF;}
#mm1 .pic{ padding:20px;}
#mm1 .pic img{width:100%;}
#mm1 .ccs{ padding:10px;}
#mm1 .ccs a{ display:block; margin:0.5%; width:19%; float:left; font-size:0.9rem; text-align:center;}
#mm1 .ccs a img{ width:95%;}
#mm1 .ccs a:hover img{box-shadow:0 0 15px #999; -webkit-box-shadow:0 0 15px #999;}
#mm1 .dd{ float:right; width:600px; background:#f8f8f8; height:710px;}
#mm1 .dd ul{ padding:5px 0 5px 15px;}
#mm1 .dd li{ width:50%; float:left; overflow:hidden; padding:10px 0; text-align:center; line-height:25px;}
#mm1 .dd li a{ background-color:#FFF; display:block; width:95.5%; overflow:hidden; height:324px; border:1px solid #efefef; background-size:100%; background-repeat:no-repeat; background-position:center center; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#mm1 .dd li img{ display:none;}
#mm1 .dd li p{ background:#333; text-align:center;margin:295px 0 0 0; color:#fff; opacity:0.7; line-height:30px;}
#mm1 .dd li:hover p{opacity:1;}
#mm1 .dd li:hover a{ background-size:120%;}
#mm1 .dd li span{ display:block; text-align:center; height:30px; background:#333; margin:-30px 0; z-index:2; width:100%;}
#mm1 .tag ul{ width:450px; margin:0 auto; padding-bottom:30px;}
#mm1 .tag li{ width:31%; text-align:center; float:left; margin:0 1%; font-size:1.2rem;}
#mm1 .tag li a{ line-height:180%; display:block; border-bottom:2px solid #FFF;}
#mm1 .tag li a:hover,#mm1 .tag li.now a{ border-color:#00459c;}
#ddv1 .nor{ display:none;}


#cp li{ float:left; width:25%; text-align:center; height:270px; margin:10px 0 0 0;}
#cp li img{ width:270px; height:200px; display:block;}
#cp li a{ display:block; border:1px solid #999; text-align:center; margin:0 auto; width:270px; padding-top:220px; background-color:#FFF; background-repeat:no-repeat; background-position:center center; background-size:auto 75%; box-shadow:0 0 15px #999; -webkit-box-shadow:0 0 15px #999;  transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}
#cp li a:hover{ border-color:#ff6a00;  color:#FFF; box-shadow:0 0 15px #ff6a00; -webkit-box-shadow:0 0 15px #ff6a00; background-size:auto 100%;}
#cp li a font{ display:block; background:#ddd; line-height:30px;}
#cp li a:hover font{ background:#ff6a00; color:#FFF;}

#fa li{ float:left; width:24%; text-align:center;}

.tvm2{ background:#f8f8f8;}
.mm2 .fr{ float:right; width:50%;}
.mm2 .pic{ padding:20px;}
.mm2 .pic img{width:100%;}
.mm2 .dd{ float:left;width:50%;}
.mm2 .dd p{ text-indent:2rem; line-height:26px; font-size:1.2rem; color:#666; padding:20px;}
.mm2 .more{ display:inline-block; margin:20px 0 0 5px;}

.mm3 .pic{ float:left; width:500px; height:320px;}
.mm3 .pic img{width:100%;}
.mm3 .dd{ float:right; width:670px; height:380px;}
.mm3 .dd li{ font-size:1.2rem; padding:5px 10px; border-bottom:1px dotted #ddd; line-height:150%;}
.mm3 .dd li span{ display:block; font-size:1rem; color:#999;}
.mm3 .dd li:hover{ background:#f8f8f8; border-bottom:1px solid #00459c;}

.mm4 img{ width:100%; border:1px solid #e6e0ef;}
.mm4 img:hover{box-shadow:0 0 15px #999; -webkit-box-shadow:0 0 15px #999;}
.mm4 ul{ margin:0; padding:0; list-style:none; text-align:center;}
.mm4 li{ display:inline-block; margin:0 0.5%;}
.mm4 .dd div{}
.mm4 .dd span{line-height:92px; border:1px solid #e6e0ef; background:#fff; font-size:1.2rem; display:block; margin:0 12px;}

#foot{ padding:30px 0; background:#f1f1f1; border-top:2px solid #eee;}
#foot *{ color:#444;}
#foot .fl{ width:50%; border-right:1px solid #ddd; height:130px; text-align:left;}
#foot .fl p{text-align:right; padding-right:60px; line-height:2rem; padding-top:5px;}
#foot .fr{ float:left; width:49%; border-left:1px solid #f8f8f8; height:130px;}
#foot .fx{ padding:0 0 10px 60px;}

#pbody{ margin:30px auto;}
.cmenu{ float:left; width:18%;}
.cmenu .item{ margin:0 0 10px 0;}
.cmenu .item h3{ text-align:left; padding-left:10px; margin-left:5px; line-height:100%; border-left:5px solid #00459c; color:#00459c;}
.cmenu .item ul{ margin:0; padding:10px 0;}
.cmenu .item li{ border-bottom:1px solid #ddd;}
.cmenu .item li a{ padding:0 20px; display:block; line-height:40px;}
.cmenu .item li:hover a,.cmenu .item li.now a{ background:#454545; color:#FFF;}
.cmain{width:90%; margin:0 auto;}
.index{ line-height:25px; margin:0 0 20px 10px; font-size:1.2rem; text-align:right;}
.cmain h1{text-align:left; padding-left:10px; margin-left:30px; line-height:100%; border-left:8px solid #00459c; color:#00459c;}
.cmain .pro{margin-top:20px;}
.cmain .pro li{ width:22%; text-align:center; float:left; border:1px solid #ddd; margin:1.2%; line-height:25px;}
.cmain .pro li:hover{ border:1px solid #999; box-shadow:0 0 20px #999;--webkit-box-shadow:0 0 20px #999;}
.cmain .pro li div{ width:100%; height:30%; overflow:hidden;}
.cmain .pro li span{font-size:1.5rem; line-height:200%; height:6rem; display:block;}
.cmain .pro img{ max-width:100%; margin:0 auto; display:block;}
.cmain .pic{ margin-top:20px;}
.cmain .pic li{ margin:10px 0; float:left; width:25%; text-align:center; line-height:200%; font-size:1.4rem;}
.cmain .pic .img{ float:left; width:315px; height:200px; overflow:hidden;}
.cmain .pic img{ width:95%; display:block; border:1px dotted #ddd;}
.cmain .pic h4{ margin:0; padding:0; line-height:300%; font-size:1.5rem; font-weight:bold;}
.cmain .pic .dd1{ margin:0; padding:0; line-height:180%; font-size:1.1rem; text-indent:2rem; height:100px;}
.cmain .pic a{ display:block;}
.cmain .pic a:hover img{ box-shadow:0 0 20px #999;--webkit-box-shadow:0 0 20px #999; }
.cmain .pic .dd2{ color:#999;}
#pbody{width:90%; margin:auto;}
#pbody h1.p {
    font-size: 3rem;
    font-weight: bold;
    line-height: 200%;
    padding: 10px 0 20px 0;
    text-align: center;
}
#pbody .pics{ float:left; width:50%;}
#pbody .pics .datu{ width:95%;}
#pbody .pics .datu img{ width:100%;}
#pbody .pics .duotu{ width:96.2%;}
#pbody .pics .duotu ul{ margin:0; padding:0; list-style:none;}
#pbody .pics .duotu li{ margin:0; padding:0; list-style:none; float:left; width:25%; height:200px; overflow:hidden; text-align:center;}
#pbody .pics .duotu li a{ display:block; width:95%; height:95%; overflow:hidden;}
#pbody .pics .duotu img{ max-width:100%;}
#pbody .pinfo{ line-height:200%;}
#pbody .pinfo img { max-width:50%;}
.related{ padding:20px 0; margin-top:20px;}
.related h2{ font-size:1.6rem; padding:10px; border-bottom:1px solid #ddd;}
.related ul{ margin:0; padding:0; list-style:none;}
.related li{ margin:0.5%; padding:0; list-style:none; float:left; width:15.6%; height:200px; overflow:hidden; text-align:center;}
.related li img{ max-width:100%;}

.show {
    padding: 30px 0;
}
.show h1{ color:#444; text-align:center; line-height:80px; border-bottom:3px solid #00459c;}
.show .info{ line-height:200%; padding:20px 10px;}
.show h1 p{ float:left; padding:0 30px; background:#00459c; color:#FFF; line-height:50px; border-radius:10px 10px 0 0;}
.show h1 ul{ float:right;}
.show h1 li{ float:left; padding:5px 10px; font-size:1.2rem; line-height:40px;}
.show h1 li a{ display:block; padding:0 10px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.show h1 li a:hover{ background:##454545; color:#FFF;}

.cp{ padding:30px 0;}
.cp .fl{ width:400px; height:300px; overflow:hidden; background-size:100% auto; background-position:center center; border:1px solid #eee;}
.cp .fr{ float:right; width:760px;}
.cp .fr h1{color:#444; text-align:left; line-height:150%; padding:20px 0;}
.cp .fr .dd1{ height:170px; font-size:1.2rem; color:#666; line-height:180%; text-indent:2em;}
.cp .info{ margin-top:30px; font-size:1.2rem; line-height:180%;}

.cp ul.share-buttons{  list-style: none;  padding: 0;}
.cp ul.share-buttons li{  display: inline;}
.cp ul.share-buttons .sr-only{  position: absolute;  clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px);  padding: 0;  border: 0;  height: 1px;  width: 1px;  overflow: hidden;}
.cp ul.share-buttons img{  width: 32px;}

#foot ul.share-buttons{  list-style: none;  padding: 0;}
#foot ul.share-buttons li{  display: inline;}
#foot ul.share-buttons .sr-only{  position: absolute;  clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px);  padding: 0;  border: 0;  height: 1px;  width: 1px;  overflow: hidden;}
#foot .ewm{width:80px; height:80px; margin-left:60px;}

.pages{ text-align:center; padding-left:20px; margin:30px 100px;}
.pages strong,.pages span{border:1px solid #c8161e; float:left; display:block; padding:2px 12px; margin:0 5px; font-weight:bold; line-height:30px; font-size:14px; color:#FFF; background:#c8161e;}
.pages a:link,.pages a:visited{ font-size:14px; border:1px solid #ddd; text-align:center; margin:0 5px; padding:2px 12px; line-height:30px; display:block; float:left; color:#666; text-decoration:none;}
.pages a:hover{ border:1px solid #c8161e; color:#FFF; background:#c8161e; }
.nopagedata{ font-size:16px; line-height:200px; color:#999; text-align:center;}

.main_visual{height:600px;border-top:1px solid #d7d7d7; overflow:hidden;position:relative;}
.main_image{height:600px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:310px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:600px; text-align:center;}
.main_image li span{display:block;width:100%;height:600px}
.main_image li a{display:block;width:100%;height:600px; color:#FFF; background:no-repeat center center;}
.main_image li div{ background:#000; line-height:30px; position:absolute; z-index:1; width:400px; margin-top:280px; text-indent:1em; filter:alpha(opacity=80); opacity:.8; -moz-opacity:0.8; opacity:0.8;}
.main_image li img{ height:600px; width:100%;}
div.flicking_con{position:absolute; z-index:1; height:21px;margin:0; width:100%; top:560px; text-align:center;}
div.flicking_con div{ width:100px; margin:0 auto;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block; overflow:hidden; text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:1;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}