.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;}
.clearfix{ clear: both; height: 0;}

/*head*/
.head{ background: #333333; color: #eee; line-height: 3;}
.head a{ color: #eee;}

/*nav*/
.logo{ width: 450px; height: 100px; float: left;}
.meau{ float: right; margin-top: 30px;}
.meau li{ float: left; font-size: 16px; position: relative;}
.meau li a{ padding: 10px 20px;-webkit-transition: all .5s;transition: all .5s;}
.meau li ul{ position: absolute; z-index: 999; line-height: 3; background: #f1f1f1; display: none;}
.meau li li{ border-bottom: 1px solid #0b368d;white-space:nowrap;-webkit-transition: all .5s;transition: all .5s;}
.meau li li:hover{  background: #0b368d;}
.meau li li a{ color: #333;-webkit-transition: all .5s;transition: all .5s;}
.meau li li:hover a{ color: #fff;}

/* banner*/
.fullSlide{width:100%;position:relative;height:560px;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:560px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:560px;}
.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(../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;}

.fullSlidea{width:100%;position:relative;height:360px;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:360px;overflow:hidden;text-align:center;}
.fullSlidea .bd li a{display:block;height:360px;}
.fullSlidea .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;}
.fullSlidea .hd ul{text-align:center;}
.fullSlidea .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); }
.fullSlidea .hd ul .on{background:#fff; opacity:1;/*filter:alpha(opacity=50);*/}
.fullSlidea .prev,.fullSlidea .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlidea .next{left:auto;right:10%;background-position:-6px -137px;}

/*about*/
.atitle{ background: url(../images/atitle.png) no-repeat center; height: 100px; width: 400px; margin:0 auto;}
.habout img{ margin-left: 100px; margin-bottom: 50px;}
.habout h2{ font-size: 18px; font-weight: normal; color: #333;}
.habout h3{ border-bottom: 3px solid #0b368d; width: 60px;}
.habout p{ padding:10px 0 30px 0; font-size: 13px; color: #575757;}
.habout a{ color: #fff; background: #0b368d; font-size: 12px; padding:10px 30px;}

/*news*/
.ntitle{ background: url(../images/ntitle.png) no-repeat center; height: 100px; width: 400px; margin:0 auto; margin-top: 20px;}
.hnews{ background: #cccccc; padding-bottom: 30px;}
.hnewsl h2{ font-size: 16px; font-weight: normal;}
.hnewsl p{ color: #575757; font-size: 12px; padding-bottom: 30px;}
.hnewsl>a{ color: #fff; background: #0b368d;font-size: 12px; padding:10px 30px; }
.hnewsr li{ background: #fff; padding:10px; float: left; width: 100%;-webkit-transition: all .5s;transition: all .5s; margin-bottom: 15px;}
.hnewsr span{ float: left; width: 60px; height: auto;}
.hnewsr span b{ width: 100%; display: block; font-size: 22px; font-weight: normal; color: #0b368d;}
.hnewsr span em{ font-weight: normal; color: #0b368d; font-style: normal; font-size: 12px; border-bottom:1px solid #0b368d; padding-bottom: 10px;}
.hnewsr a{  font-size: 16px;}
.hnewsr p{ font-size: 12px; }
.hnewsr li:hover{ background: #0b368d;}
.hnewsr li:hover a,.hnewsr li:hover p,.hnewsr li:hover b,.hnewsr li:hover em{  color: #fff; border-color: #fff;}

/*products*/
.ptitle{ background: url(../images/ptitle.png) no-repeat center; height: 100px; width: 400px; margin:0 auto; margin-top: 20px;}
.hprot li{ display: inline-block; }
.hprot{ width: 1200px; margin:0 auto;}
.hprot{ text-align: center;}
.hprot a{ -webkit-transition: all .5s;transition: all .5s; }
.hprot li{ margin:0 10px;padding:5px 30px; border:1px solid #0b368d; border-radius:20px;-webkit-transition: all .5s;transition: all .5s;margin-bottom: 10px;}
.hprot li:hover{ background: #0b368d;}
.hprot li:hover a{ color: #fff;}
.friend{height:413px;margin:0 auto;overflow:hidden;width:1300px;}
.mr_frbox{height:407px;padding:24px 0px 0px;}
.mr_frUl{float:left;height:202px;width:1047px;margin-left:10px;}
.mr_frUl ul li{display:inline;float:left;width:280px;overflow:hidden;position:relative;margin-right:20px; background: #f1f1f1;-webkit-transition: all .5s;transition: all .5s; }
.mr_frUl ul li img{width:100%;height: 200px; overflow: hidden; border:1px solid #ccc;-webkit-transition: all .5s;transition: all .5s;}
.mr_frUl li>a{ display: block; width: 100%; height: 200px; overflow: hidden;}
.mr_frUl li h2{ font-size: 16px; padding:0 10px; margin-top:10px; }
.mr_frUl li p{ font-size: 12px; padding:0 10px; height: 48px;}
.mr_frUl li a.more{ background: #fff; color: #0b368d; padding:0px 10px;display: block; width:100px; height: 30px; margin:10px 0 30px 10px;}
.mr_frUl li:hover{ background: #0b368d;}
.mr_frUl li:hover h2 a,.mr_frUl li:hover p{ color: #fff;}
.mr_frUl li img:hover{transform: scale(1.1); overflow: hidden;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:74px;margin:160px 10px 0 0;width:42px;}
.mr_frBtnR{float:right;margin-top:160px;cursor:pointer;width:42px;height:74px;}
.hpmore{ width: 200px; height:50px; margin:0 auto; color: #0b368d; border:1px solid #0b368d; display: block; text-align: center; line-height: 50px; margin-bottom: 30px;}
.hpmore:hover{ background: #0b368d; color: #fff;}

/*link*/
.hide{display:none;}
#tab  ul a{ color:#797979;}
#tab  ul{ color:#797979; padding:10px 20px; border:1px solid #ccc; font-size: 12px;}
#tab{ margin-bottom:20px;}
#tabs{ margin-top:20px;}
#tabs ul li{ float:left; padding-left:5px;}
#tabs ul li.on a{  color: #0b368d;}
#tabs ul span{ border-bottom: 2px solid #0b368d; float: left; width: 20px; margin:0 10px; margin-top:12px;}

/*foot*/
.foot { background:#000 url(../images/foot.jpg) no-repeat center top; min-height: 400px; padding-top: 30px;}
.fotl h2{ padding-bottom: 30px; color: #d4d4d4;}
.fotl p,.fotl p a{  line-height: 2.5; color: #d4d4d4;}
.fotr h2{ color: #d4d4d4; padding-bottom: 30px; font-size: 22px;}
.fotr li{ float: left; width: 80%; margin-bottom: 20px;}
.fotr li b{ font-size: 14px; font-weight: normal; float: left; color: #d4d4d4; margin-right: 15px;}
.fotr li input{ width: 80%; padding-left: 10px; border:0;}
.fotr li textarea{ width: 80%; padding-left: 10px;border:0;}
.fotr li input.code{ width: 20%; margin-left: 50px; margin-right: 10px; float: left;}
.fotr li a{ float: left;}
.fotr li input.submit{ width: 25%; float: left; margin-left: 20px; background: #021a4b; color: #d4d4d4;}
.footb{ background: #000; color: #fff; line-height:3;}
.footb a{color: #fff;}

/*content*/
.lm{ float: left; width: 280px;}
.lm h2{ border-bottom: 8px solid #0b368d; padding-bottom: 10px;}
.lm h2 b{ font-size: 22px; font-weight: bold; margin-left: 15px;}
.lm h2 em{ font-size: 16px;  text-transform: uppercase; font-style: normal; color: #555;}
.lm li{ width: 100%; border-bottom: 1px solid #ccc; line-height: 3; padding-left: 20px; background: url(../images/jt.png) no-repeat center;}
.lm li:hover a{ font-weight: bold;}
.lm li.cur a{ color: #0b368d; font-weight: bold;}
.lm li a{ display: block;}
.cont{ float: right; width: 880px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.cont h2{ font-weight: bold; color: #0b368d; float: left; font-size: 16px; margin-left: 10px;}
.cont h2 a{ color: #0b368d;}
.cont span{ float: right; margin-top: 15px; font-size: 12px; margin-right: 10px;}
.con{ float: right; width: 880px; padding:10px; text-align: left;}