.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: #073e77; color:#fff;font-size:12px;}
.head span a{ margin:0 8px; color:#fff; position:relative;}
.head span img{ position: absolute;right:0; width:80px; height:80px; z-index:99; border:1px solid #ccc; display:none; top:20px;}
.head span a:hover img{ display: block; }
.logo{ background: url(../images/logobg.jpg) repeat-x ;}
/*logo*/
.sea{ margin-top: 30px; margin-right: 30px; border:1px solid #ccc;}
.sousuo{ background: url(../images/search.png) no-repeat; width:60px; height: 40px; border:0; float: right;}
.sousuo1{ float: left; width: 250px; border: 0; padding-left: 10px; height: 40px; background: none;}
.tell img{ float: left; margin-right: 10px;}
.tell h2{ font-size: 14px; color: #575757; margin:0;}
.tell h3{ float: left; font-size: 20px; font-family: arial; font-weight: bold; margin:5px 0 0 0 ; color: #073e77; font-style: italic;}
.tell{width:200px; margin-top: 30px;}
/*nav*/
.nav_bg{ background: #3b3b3b; line-height: 45px; border-bottom:4px solid #0c5fb4;}
.menu>li{ float: left; position: relative; float: left;padding:0 57px;}
.menu span{float:left; color: #fff; font-size: 12px;}
.menu>li>a{color:#fff;}
.menu li:hover{ background: #073e77;-webkit-transition: all .5s;transition: all .5s;}
.sub{position: absolute; z-index: 99; min-width: 100%;left: 0; display: none;}
.sub li{ background: #3b3b3b; border-bottom: 1px solid #ccc; text-align: center;}
.sub li a{ color: #fff;}
.fullSlidea{width:100%;position:relative;height:340px;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:340px;overflow:hidden;text-align:center;}
.fullSlidea .bd li a{display:block;height:340px;}
/* banner*/
.fullSlide{width:100%;position:relative;height:520px;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:520px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:520px;}
.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;}

/*products*/
.hproa{ background: #e9e9e9; width:22%; box-sizing:border-box; float:left;}
.hproa i{ width: 30px; height: 20px; float: left; display: block; background: url(../images/nav.png) no-repeat; margin-top: 5px; margin-right: 10px;margin-left: 25px;}
.hproa h1{ font-weight:bold; margin:0; padding:0; background: #073e77; height: 75px; line-height: 75px; color: #fff; font-size: 18px; padding-left: 20px;}
.prob{ margin-bottom:20px;}
.prob li{ background:#f2f2f2; line-height:70px; padding:0 10px;font-size:14px;border-bottom: 1px solid #e9e9e9; border-left: 2px solid #f2f2f2;-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;}
.prob li span{ float:left; margin:0 20px; background: #363636; color: #fff; display: block; width: 22px; height: 22px; line-height: 22px; text-align: center; margin-top:25px;-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;}
.prob li:hover{ background:#e6e6e6;border-left: 2px solid #003c9e;}
.prob li:hover a{ color:#003c9e;}
.prob li:hover span{ color:#fff; background: #003c9e; transform: rotate(90deg); }
.proc{ width:78%;float:right;}
.prod{width:100%;  min-height:400px; display:block;}
.prod ul{ padding:0px 0 0px 20px; display:block;}
.prod li{ width:295px;  box-sizing: border-box; float:left; margin:0 5px 15px 5px; background: #f2f2f2; border:1px solid #ccc; padding:8px 15px;}
.prod li a{ display:block;}
.prod li img{ border:1px solid #efefef; width: 265px; height:200px;}
.prod li h2{ font-size:14px; line-height:2; text-align:center; margin:0; padding:0;}
.prod li:hover img{ border:1px solid #094d9d;}
.prod .pmore{ position:absolute; bottom:0;right:0; width:26px; height:26px;}
.prod .pmore a{ width:100%; height:100%; background: url(../images/pmore.png) no-repeat; display:block;}

.hzhb{ text-align: center;}
.hzhb h2{ font-size:14px; margin:10px 0;}
.hzhb h3{ font-size: 25px; font-weight: bold; font-family:arial;font-style: italic;color: #073e77;margin:10px 0;}
.hzhb p{ clear:both; border:1px solid #d5d5d5; margin:0 auto; font-size:14px; font-weight:bold; display: block; width: 130px; height: 30px;}
/*about*/
.aboutbg{ background: url(../images/aboutbg.jpg) no-repeat center top; min-height: 516px;}
.habout{ background: #017dc5; color: #fff; width: 550px; padding:0 30px; text-transform: uppercase; float: right;  margin-top:119px; height: 340px;}
.habout h1{ width: 40px; height: 2px; background: #fff; display: block; margin: 30px 0  10px 0;}
.habout h2{ font-size: 40px; font-family: arial; font-weight: bold; margin:10px 0;}
.habout h3{ font-size: 16px; margin: 0 0 10px 0;}
.habout p{ font-size: 12px;}
.habout a{ color: #fff;}

/*projects*/
.title{ text-align: center; margin-bottom: 20px; margin-top: 30px;}
.title h2{text-align: center; font-size: 30px;}
.title h3{ font-family: arial;margin:0; font-size: 12px;}
.title h3 a{ color: #afafaf;}
.prjbg{ background: url(../images/prjbg.png) no-repeat center top; min-height: 570px; border-top: 1px solid #f2f2f2; padding-top: 40px;}
.prja{ float: left; margin-left: 110px;}
.prja h1{ width: 50px; height: 1px; background: #333; display: block; margin:0;}
.prja h2{ float: left; display: block; font-size:66px; font-weight: bold; }
.prjb{ float: right; width: 690px;}
.prjb li{ float: left; margin-left:40px; margin-right: 20px; line-height: 1; margin-bottom: 40px; width: 40%; font-size: 16px;}
.prjb span{ float: left; font-weight: bold; font-size: 16px; color: #e0e0e0;}
.prjb li em{ font-size: 12px; font-style: normal; color: #afafaf;}
.prjc a.left{ background: #ccc; height: 30px; width: 85px; display: block; text-align: center; font-size: 18px; line-height: 30px; color: #333; float: left; margin-left:110px;}
.prjc a.right{ float: left; margin-left: 5px; height: 30px; width: 85px; display: block; text-align: center; font-size: 18px; line-height: 30px;  color: #fff; background: #073e77;}
.slidebox{}
.slidebox li{width: 1200px; height: 360px;top: 35px; position: relative;}
.slidebox li div{ width:570px; height: 290px; background: #fff; position: absolute; left: 0; top: 0px; padding:0 80px; z-index: 99;}
.slidebox li img{ width: 685px; height: 360px;  right: 0;  z-index: 9; top: -38px; position: absolute;}
.slidebox li div h2{ font-size: 16px; font-weight: bold; margin-top: 40px;}
.slidebox li div p{ font-size: 12px; color: #666666;}
.slidebox li div h3{text-align: right; font-size: 14px;}
.slidebox li div h3 a{ color: #073e77;}
.wenti{  float: left;}
.ntitle{ background: #073e77; color: #fff;}
.ntitle a{ color: #fff; float: right; margin-right: 20px; line-height: 60px; font-size: 12px;}
.ntitle h2{ float: left; font-size: 14px; margin:0;margin-left: 10px; line-height: 60px;}
.wenti ul{ background: #f2f2f2; padding:30px;}
.wenti ul li{ border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px;}
.wenti ul li em{ width: 25px; height: 25px; line-height: 25px; background: #073e77; color: #fff; display: block; font-style: normal; float: left; text-align: center; margin-right:20px;margin-bottom: 10px;}
.wenti ul li a{ float: left; width: 260px;margin-bottom: 10px;}
.wenti ul li i{ width: 25px; height: 25px; line-height: 25px; background: #505050; color: #fff; display: block; font-style: normal; float: left; text-align: center; margin-right:20px;}
.wenti ul li.last{ margin-bottom: 0; border:0;padding-bottom: 0;}
.wenti ul li p{ font-size: 12px; color: #666;}
.hnews{ float: right; width: 64%;}
.hnews .ntitle{ width: 50%; float: left; background: #ccc; color: #333;}
.hnews .ntitle a{ color: #333;}
.hnews .on{ background: #073e77; color: #fff;}
.hnews .on a{ color: #fff;}
.hnn{ background: #f2f2f2;padding:20px;min-height:270px;}
.hnn img{ float: left; margin-right: 20px; margin-bottom: 10px; width:260px; height:140px;}
.hnn h2{ font-size: 14px; margin:0;}
.hnn h2 a{ float: left; font-weight: bold; }
.hnn span{ float: right; font-size: 12px; color: #666;}
.hnn p{ float: left; width: 440px;}
.hnn a.more{ float: right;}
.hna li em{ background: url(../images/jt.jpg) no-repeat; width: 6px; height: 6px; display: block; float: left; margin-right: 20px; margin-top:10px;}
.hna li{ float: left; width: 350px; border-right:1px solid #ccc; margin-right: 80px;}
.hna li.odd{margin-right: 0; width: 260px; border:0; float: right;}
/*link*/
.hide{display:none;}
#tab  ul a{ color:#797979;}
#tab  ul{ color:#797979; padding:20px;  border:1px solid #ccc; font-size: 12px; margin-top: 15px;}
#tabs{ margin-top:20px;}
#tabs ul li{ float:left;margin-right:10px;padding-left:5px; background: url(../images/link.png) no-repeat right;padding-right: 20px; font-weight: bold;}
#tabs ul li.on a{ color:#073e77;}
/*foot*/
.footbg{ background: #3b3b3b;color: #c9c9c9;}
.footbg a{ color: #c9c9c9;}
.fewm{ float: right;margin-top: 25px; margin-bottom: 20px;}
.fewm h2{ float: left; font-size: 14px; margin-top: 110px; margin-right: 20px; color: #c9c9c9;}
.fewm img{ float: right; width: 132px; height: 132px;}
.footbg ul li{ display: inline;}
.footbg ul li a{ color: #fff;}
.footbg ul span{ margin:0 10px; color: #fff;}
.footbg ul{ margin-top:30px; margin-bottom: 15px;}
.footbg p{ float: left; margin-right: 30px;}
.cont{ float: right; width: 75%; margin-top:20px; padding-bottom:20px; background:url(../images/cont.png) repeat-x bottom; margin-bottom:10px;}
.cont h2{ font-size: 16px; font-weight: bold; float: left; margin: 5px 0 0 0; color: #515151; }
.cont h2 a{color: #515151;}
.cont span{ float: right; }
.con{ float: right; width: 75%; }