﻿.hv a:hover{ text-decoration:none;color:#003a8a;-webkit-transition: all .5s;transition: all .5s;}
.inn{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position: relative;}
.pa{ position: absolute;}
.oh{ overflow: hidden;}
.ma15{ margin:15px auto;}
.ma20{ margin:20px auto;}
.ma30{ margin:30px auto;}
.ma50{ margin:50px auto;}
.mb50{ margin-bottom:50px;}
.mb40{ margin-bottom:40px;}
.mb30{ margin-bottom:30px;}
.mb20{ margin-bottom:20px;}
.mb15{ margin-bottom:15px;}
.mb10{ margin-bottom:10px;}
.mt50{ margin-top:50px;}
.mt40{ margin-top:40px;}
.mt30{ margin-top:30px;}
.mt20{ margin-top:20px;}
.mt15{ margin-top:15px;}
.mt10{ margin-top:10px;}
.pb50{ padding-bottom:50px;}
.pb40{ padding-bottom:40px;}
.pb30{ padding-bottom:30px;}
.pb20{ padding-bottom:20px;}
.pb15{ padding-bottom:15px;}
.pb10{ padding-bottom:10px;}
.pt50{ padding-top:50px;}
.pt40{ padding-top:40px;}
.pt30{ padding-top:30px;}
.pt20{ padding-top:20px;}
.pt15{ padding-top:15px;}
.pt10{ padding-top:10px;}
.pa15{ padding:15px 0;}
.pa20{ padding:20px 0;}
.pa30{ padding:30px 0;}
.pa50{ padding:50px 0;}

/*head*/
.head{ background: #fff;}
.top{ margin-top: 20px;float: right; text-align: right;}
.top span{ position: relative;}
.top span img{ position: absolute; left: 0;top: 18px; width: 100px; height: 100px; display: none;}
.top span:hover img{ display: block;}
.tell{margin-top: 5px;}
.tell img{ float: left; width: 25px; height:25px;margin-top: 5px;}
.tell h2{ float: left; margin:0; font-size: 14px; font-weight: normal; margin:13px 6px;color: #0366b2;}
.tell h3{ font-weight: bold; font-family: arial; float: left; margin:0; font-size: 30px; color: #0366b2;}
/*menu*/
.menubg{ background: #1c76c4;}
.menu>li{line-height:45px; float: left;padding:0 40px;-webkit-transition: 0.5s all ease; position: relative;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
transition: 0.5s all ease;}
.menu>li>a{ color: #fff;}
.menu>li:hover{ background: #d70808;}
.menu>li::after,.menu>li::before{ position: absolute; content: ''; top: 10px; width: 1px; height: 30px;}
.menu>li::after{right: 0;
			  background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0));
			  background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0));
			  background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0));
			  background: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0));
			  background: linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0));
			}
.menu>li::before{
			  left: 0;
			  background: -moz-linear-gradient(top, #2381c5, #2381c5 50%,rgba(0,0,0,0));
			  background: -webkit-linear-gradient(top, #2381c5, #2381c5 50%, rgba(0,0,0,0));
			  background: -o-linear-gradient(top, #2381c5, #2381c5 50%, rgba(0,0,0,0));
			  background: -ms-linear-gradient(top,#2381c5, #2381c5 50%, rgba(0,0,0,0));
			  background: linear-gradient(top, #2381c5, #2381c5 50%, rgba(0,0,0,0));
			}
.sub{ position: absolute; left: 0; z-index: 99; text-align: center; min-width: 100%; display: none;}
.sub li{ background: #1c76c4;}
.sub li a{ color: #fff}
.sub li:hover{ background: #d70808;}
.sea{margin-top: 5px; float: right;}
.sousuo{ float: right; background: #d70808; border:0; width: 60px; height: 32px; color: #fff; cursor: pointer;}
.sousuo1{ float: right; width: 200px; padding-left: 15px; border:2px solid #075692; height: 32px;border-right: 0; color: #666;}
/* banner*/
.fullSlide{width:100%;position:relative;height:450px;background:none;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:450px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:450px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px; border-radius:50%;margin-right:10px;overflow:hidden;/*background:#444;filter:alpha(opacity=50);opacity:0.5;*/line-height:999px;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin: 3px; border:none; cursor: pointer;
box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset,1px 1px 1px rgba(255,255,255,0.8);
/* -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset,1px 1px 1px rgba(255,255,255,0.5); */
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset,1px 1px 1px rgba(255,255,255,0.5);
-o-box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset,1px 1px 1px rgba(255,255,255,0.5); }
.fullSlide .hd ul .on{background:#fff; opacity:1;/*filter:alpha(opacity=50);*/}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;z-index:1;width:40px;height:60px;background:url(/template/default/images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:10%;background-position:-6px -137px;}

/*shhz*/
.shhz{ margin-top:30px;}
.shhz li{ width: 30%; margin-right: 5%; float: left; background: #0366b2; height: 90px; padding-top: 15px;}
.shhz li:last-child{margin:0;}
.shhz li dt{color: #fff; float: left; font-size: 60px;font-family: arial;font-weight: bold; margin:0 20px 0 25px;}
.shhz li dd{ font-size: 24px; text-transform: uppercase; margin:10px 0 5px 0; color: #fff;}
.shhz li span{ font-size: 14px; font-weight: normal; color: #fff; margin:0;}
.ptitle h2{ float: left; font-size: 24px; font-weight: bold; margin:0;}
.ptitle h3{ font-size: 24px; font-weight: normal; float: left;margin:0;font-family: arial; text-transform: uppercase;margin-left: 5px;}
.ptitle{margin:15px 0;}
.hpt{ width: 260px; background: #0366b2; height:675px;}
.hpt li{ background: #0366b2; border-bottom: 1px solid #1686dc; padding-left: 30px;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
transition: 0.5s all ease;}
.hpt li b{ color: #fff; line-height: 50px;}
.hpt li img{ width: 125px; height: 80px; float: right; margin:5px; border:2px solid #f8b8b8; display: none;}
.hpt li:hover,.hpt li.on{ background: #d70808; height: 90px; padding-left: 20px; line-height: 90px;}
.hpt li:hover img,.hpt li.on img{ display: block;}
.hpc{ width: 920px;}
.hpc li{ float: left; margin-left: 15px; margin-bottom: 15px; position: relative; width:290px; height: 215px;}
.hpc li img{ width:290px; height: 215px;}
.hpc li h2{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.5); width:100%; height: 40px; line-height: 40px; font-size: 14px;margin:0; text-align:center; color: #fff;-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
transition: 0.5s all ease;}
.hpc li:hover h2{ color: #1c76c4; background: rgba(0,0,0,.7);}

.adv{background: url(/template/default/images/adv.jpg) no-repeat center; height: 165px; text-align: center;padding-top: 1px; margin:40px 0 20px 0;}
.adv h2{ font-size: 24px; margin:30px 0 0 0; color: #fae606;}
.adv h3{ background: #fff; color: #0b449b; font-size: 30px; font-weight: bold; text-align: center; width: 450px; padding:5px 0; margin:10px auto;}
.adv h4{ color: #fff;font-weight: bold; font-size: 14px;}
.habout{ float: left; width: 580px;}
.title{border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 20px;}
.title h2{ font-size: 20px; float: left;margin:0;}
.title h2 em{ font-style: normal; font-size: 20px; font-weight: normal; text-transform: uppercase;}
.title a{ float: right; text-transform: uppercase;}
.title a img{ float: right; margin-top: 5px; margin-left: 10px;}
.habout>img{ float: left; width: 203px; height: 203px; border:2px solid #cdc9c9; margin:0 20px 5px 0;}
.habout h3{ font-size: 20px; font-weight: bold; margin:30px 0 0 0 ;}
.habout h3 a{color: #135fb3;}
.habout span{width: 40px; height:2px; background: #d70808; display: block; margin:10px 0 10px 223px;}
.habout p{ text-indent: 2em;}
.hnr{ float: right; width: 570px;}
.hnr li{margin-bottom: 20px;}
.hnr li span{ display: block; width: 58px; height: 54px; background: url(/template/default/images/time.jpg) no-repeat; float: left; margin-right: 20px;}
.hnr li span em{ font-size: 18px; font-weight: bold; font-style: normal; text-align: center; display: block; line-height: 27px; text-align: center;}
.hnr li span b{ font-weight: normal; font-size: 12px; color: #999;display: block; text-align: center;}
.hnr li h2{ font-size: 14px; padding:5px 0 0 0;}
.hnr li p{ font-size:12px; color: #999;}
/*gundong*/
.hzhb .title{ border:0;}
.scrollleft{width:1200px;padding:5px 20px 0px 20px;margin:20px auto; height: 200px;overflow:hidden;}
.scrollleft li{float:left;margin-right:7px;display:inline;text-align:center;line-height:19px;margin-right: 20px;}
.scrollleft img{width:200px;height:180px;border:solid 1px #ddd;}
/*link*/
.hide{display:none;}
#tab  ul a{ color:#fff;}
#tab  ul{ color:#fff; background: #1c76c4; padding:20px;}
#tab{ margin-bottom:40px;}
#tabs{ margin-top:20px; margin-bottom: 10px;}
#tabs ul li{ float:left;  margin-right:10px;font-size: 20px; font-weight: bold;color: #444141;}
#tabs ul li a{ color: #444141;}
#tabs ul li.on a{ color: #06499a;}

/*foot*/
.foot{ background: #005cb2; color: #fff;max-height: 200px; }
.foot img.flogo{ float: left; width: 275px; height: 200px;}
.foot ul{margin-top: 20px;margin-bottom: 15px;}
.foot ul li{ display: inline;}
.foot ul span{ margin:0 35px;}
.foot ul li a{ color: #fff;}
.foot p{ line-height: 3;}
.foot p img{ margin-right: 10px;}
.foot .ewm{ position: absolute; right: 40px; top: 70px;}
.foot .ewm li{ background: #fff; padding:5px; float: left; margin-right: 20px;}
.foot .ewm li img{ width: 88px; height: 88px;}
.foot .ewm li h2{ font-weight: normal;margin:0; font-size: 12px; color: #333; text-align: center; margin-top: 5px;}
.ftb {background: #333; font-size:12px; line-height: 2.5; color: #fff;}
.ftb a{ color: #fff;}

.fullSlidea{width:100%;position:relative;height:365px;background:none;}
.fullSlidea .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlidea .bd ul{width:100% !important;}
.fullSlidea .bd li{width:100% !important;height:365px;overflow:hidden;text-align:center;}
.fullSlidea .bd li a{display:block;height:365px;}

/*content*/
.lm{ float: left; width: 260px;}
.lm>span{ background: #056bb3; display: block; color: #fff;}
.lm>span h2{ float: left; font-size: 24px; margin:20px 10px 5px 20px; width: 100%;}
.lm>span h3{ float: left; font-size: 16px; font-family: arial;margin:0px 0px 20px 20px;width: 100%; color: #a4d2f5; text-transform: uppercase;}
.lm ul{ background: #f4f4f4; border-bottom: 10px solid #0366b2;}
.lm li{width: 80%; border-bottom: 1px solid #ccc; padding-left: 5px; line-height: 3; font-size
:16px; margin:0 auto;}
.lm li a{-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;}
.lm li span{ float: right; margin-right: 5px; background: url(/template/default/images/jt.png) no-repeat;margin-top: 18px; width: 30px; height: 12px; -webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;}
.lm li:hover span{ background: url(/template/default/images/jth.png) no-repeat;}
.lm li:hover>a,.lm li:hover span{ color: #0366b2;}
.lm h4{ width: 130px; height: 30px; line-height: 30px; text-transform: uppercase; font-size: 16px; color: #fff; background:#0366b2; text-align: center; margin-left: 90px; margin-top: 30px;}
.lm h5 img{ width: 30px; height: 30px; float: left; margin-top: 2px;}
.lm h5 b{ font-size: 29px; color: #d70808; margin-left: 10px;}
.lm li dl dd{ line-height:2;}
.lm li dd:hover a{color: #0366b2;}
.lm li dl.suba{ display:none;margin-bottom:0;}
.cont{ float: right; width: 910px; border-bottom: 1px solid #ccc; background: #0366b2; }
.cont h2{float:left;font-size:16px;color: #fff;margin:0;margin-top: 10px; padding-bottom: 10px; margin-left: 10px;}
.cont h2 a{ color: #fff;}
.cont span{ float: right; font-size: 12px; margin-top: 8px; margin-right: 10px;color: #fff;}
.cont span a{ color: #fff;}
.con{ float: right; width: 910px; padding:15px; background: #f4f4f4; border-bottom: 10px solid #0366b2; min-height: 300px;}
.proalist .proa{margin-top:0;}
.proalist .proa p{margin:0 20px 10px 20px;}
