.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; }
.inn { width: 1200px; margin-right: auto; margin-left: auto; }
.clear { clear: both; height: 0; margin: 0; overflow: hidden; }
body, html { font-family: "arial", "Microsoft Yahei"; font-size: 14px; line-height: 2; }
p, ol, ul, li, dd, dt, dl, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; }
a { color: #333; }
a:hover, a:focus { text-decoration: none; }
#feedback_form table { border-spacing: 8px; border-collapse: separate; }
input, button, select, textarea{line-height: normal !important;}
.container { padding-left: 0; padding-right: 0; width: 1200px; }

/*top*/
.top_bg { background: url(../images/top_bg.jpg) no-repeat }
.logo h1 a { width: 280px; height: 0; display: block; padding-top: 110px; margin-right: 40px; text-indent: 99999px; overflow: hidden; }
.phone { text-align: right; }
.lmzd { position: relative; width: 230px; height: 50px; line-height: 50px; display: block; text-align: center; background-color: #dfdfdf; }
.lmzd > a { position: relative; cursor: pointer; }
.lmzd > a:after { position: absolute; top: 50%; right: 10px; z-index: 9; transform: translate3d(0, -30%, 0); display: block; content: ''; width: 0; border-top: 10px solid #0c58ac; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid transparent; }
.phone { position: relative; cursor: pointer; }
.phone:hover img { display: block; }
.phone img { position: absolute; right: 0; top: 30px; display: none; z-index: 99999; border: 1px solid #ccc; width: 100px; height: 100px; }
.lmzd a { display: block; }
.lmzd p { position: absolute; left: 0; top: 50px; width: 100%; z-index: 99; line-height: 2; background-color: #dfdfdf; display: none; }
.lmzd p a:hover { background-color: #013e7f; color: #fff; }

/*menu*/
.menu_bg { background-color: #013e7f; }
.menu > li { position: relative; float: left; line-height: 3; }
.menu li a { color: #fff; display: block; white-space: nowrap; }
.menu > li > a { padding: 0 35px; position: relative; }
.menu > li:hover > a { background-color: #fff; color: #013e7f; }
.menu > li > a:after { position: absolute; display: block; content: ''; top: 50%; right: 0; width: 1px; height: 12px; transform: translate3d(0, -50%, 0); background-color: #3576bd; }
.menu > li.last >a:after,.menu > li:hover a:after  { display: none; }
.sub { min-width: 100%; position: absolute; left: 0; text-align: center; background-color: #013e7f; z-index: 99; display: none; }
.sub li a { padding: 0 5px; }
.sub li:hover a { background-color: #fff; color: #013e7f; }

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

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

/*search*/
.sea_bg { background-color: #013e7f; padding: 10px 0; color: #fff; }
.sea { position: relative; }
.sea .sousuob { float: right; width: 50px; height: 35px; line-height: 35; border: 1px solid #5c81a8; border-left: 0; background: url(../images/search.png) no-repeat center; }
.sea .sousuoa { border: 1px solid #5c81a8; width: 250px; height: 35px; padding-left: 10px; background-color: transparent; border-right: 0; color: #fff; }
.sea input::placeholder { color: #fff; }
.guojia { border-bottom: 2px solid #cacaca; }

/*products*/
.proh-left { float: left; width: 265px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: #013e7f; color: #fff; padding: 5px; }
.proh-left-top { color: #fff; text-align: center; padding: 20px 0; }
.proh-left-top h2 { font-size: 26px; font-weight: bold; }
.proh-left-top h3 { font-size: 12px; text-transform: uppercase; line-height: 2; }
.proh-left ul { padding: 35px 20px; background-color: #fff;padding-top: 15px; padding-bottom: 15px; }
.proh-left ul li { border-bottom: 1px solid #ccc; line-height: 3; padding: 0 10px; }
.proh-left ul li:hover { background-color: #ebebeb; }
.proh-left ul li a { display: block; color: #333; }
.proh-left ul li a em { display: block; width: 25px; height: 25px; background: url(../images/more.png) no-repeat center; float: right; margin-top: 8px; }
.proh-left ul li.last{border-bottom: 0;margin: 0 auto;width: 150px;border: 1px solid #013e7f;text-align: center;border-radius: 10px;color: #013e7f;font-weight: bold;margin-top: 15px;line-height: 2;}
.proh-right { float: right; width: 920px; }
.proh-right li { float: left; margin-left: 20px; width: 285px; margin-bottom: 15px;overflow: hidden; }
.proh-right li img { width: 100%; height: 215px; transition:all .5s ease;}
.proh-right li:hover img{transform: scale(1.1);}
.proh-right li p { text-align: center; line-height: 3; }

/*abouts*/
.abouts_bg { background-color: #f2f2f2; padding-bottom: 50px; margin-top: 90px; }
.abouts_left { float: left; width: 550px; margin-left: 30px; margin-top: -40px; }
.abouts_left img { box-shadow: 20px 20px 0px rgba(12, 88, 172, .3) }
.abouts_right { float: right; width: 510px; margin-right: 30px; margin-top: 30px; }
.abouts_right h2 { font-size: 25px; font-weight: bold; color: #013e7f; line-height: 2; }
.abouts_right h3 { font-size: 12px; color: #888888; line-height: 2; }
.abouts_right em { width: 30px; height: 2px; background-color: #fd8b18; display: block; margin-top: 10px; margin-bottom: 20px; }
.abouts_right p { font-size: 12px; line-height: 2; }

/*abouts_list*/
.aboutslist_title { font-size: 16px; font-weight: bold; }
.aboutslist_title a { border-bottom: 1px solid transparent; }
.aboutslist_title a.on, .aboutslist_title a:hover { color: #013e7f; border-bottom-color: #013e7f; }

/*products*/
.abouts_listh { min-height: 215px; }
.protitle h2 { font-weight: bold; font-size: 30px; }
.protitle h2 b { color: #00579a; }
.products li { float: left; margin: 0 7.5px; width: 285px; text-align: center; padding-bottom: 5px; }
.products li img { width: 285px; height: 215px; margin: 5px; }
.prohd a { position: absolute; width: 40px; height: 40px; top: 50%; z-index: 99; display: block; cursor: pointer; background-color: #000; }
.prohd a.next:before { position: absolute; left: 10px; top: 13px; display: block; content: ''; width: 20px; height: 2px; background-color: #fff; transform: rotate3d(0, 0, 1, -135deg); }
.prohd a.next:after { position: absolute; left: 10px; top: 27px; display: block; content: ''; width: 20px; height: 2px; background-color: #fff; transform: rotate3d(0, 0, 1, 135deg); }
.prohd a.prev:before { position: absolute; left: 10px; top: 13px; display: block; content: ''; width: 20px; height: 2px; background-color: #fff; transform: rotate3d(0, 0, 1, -45deg); }
.prohd a.prev:after { position: absolute; left: 10px; top: 27px; display: block; content: ''; width: 20px; height: 2px; background-color: #fff; transform: rotate3d(0, 0, 1, 45deg); }
.prohd a.next { right: -37.5px; }
.prohd a.prev { left: -27.5px; }

/*projects*/
.projects_title h2 { font-size: 34px; font-weight: bold; }
.projects_title p { font-size: 14px; margin: 10px 0; }
.projects_title h3 { width: 60px; height: 1px; background-color: #0c58ac; margin: 0 auto; margin-bottom: 30px; }
.proh_list li { width: 25%; float: left; border-top: 2px solid #013e7f; background-color: #013e7f; margin-bottom: 30px; }
.proh_list li a { color: #fff; text-align: center; line-height: 4; display: block; position: relative; }
.proh_list li a:after { position: absolute; display: block; content: ''; top: 50%; right: 0; width: 1px; height: 15px; background-color: #4e78a6; transform: translate3d(0, -50%, 0); }
.proh_list li:hover a { background-color: #fff; color: #333; }
.proh_list li:hover a:after { display: none; }
.prjh_con li { float: left; position: relative; width: 295px; height: 220px; margin-bottom: 8px; margin-left: 7.5px; }
.prjh_con li.larger { width: 595px; height: 448px; margin-left: 0; }
.prjh_con li img { width: 100%; height: 100%; }
.prjh_con a { display: block; }
.prjh_con li:not(.larger) h2 { position: absolute; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; font-size: 16px; font-weight: bold; color: #fff; text-align: center; background-color: rgba(0, 0, 0, .5); padding-top: 30%; }
.prjh_con li.larger img { width: 100%; height: 448px; }
.prjh_con li.larger h2 { font-size: 25px; }
.prjh_con li:hover h2 { background-color: transparent; text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); }
.prjh_con li.larger span { position: absolute; width: 100%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .4); z-index: 9; padding: 10px 20px; color: #fff; }
.prjh_con li.larger h2 { font-size: 18px; font-weight: bold; line-height: 2; }
.larger span p { font-size: 12px; }
.larger span a { color: #fff; }

/*news*/
.news_bg { background-color: #f1f1f1; }
.news-home { width: 750px; float: left; }
.news_title { border-bottom: 1px solid #ccc; }
.news_title a.news-homem { float: right; margin-top: 10px; text-transform: uppercase; }
.news_title h2 { font-size: 22px; font-weight: bold; }
.news_title h2 a { padding-bottom: 14px; border-bottom: 2px solid transparent; }
.news_title h2 a:hover, .news_title h2 a.on { border-bottom-color: #013e7f; color: #013e7f; }
.news_title p a { color: #8e8e8e; }
.news-bg { width: 100px; height: 2px; background: #206bd1; margin-bottom: -1px; }
.news-con { margin-top: 15px; }
.news-con img { float: left; margin-right: 30px; width: 235px; height: 175px; }
.news-con h2 { font-size: 14px; font-weight: bold; padding-top: 10px; margin-bottom: 5px; }
.news-con p { font-size: 12px; }
.news-con a.more { float: right; color: #013e7f; font-weight: bold; }
.news-cont { margin-top: 20px; }
.news-cont li { float: left; width: 47.5%; margin-right: 5%; background: #f4f4f4; margin-bottom: 20px; }
.news-cont li span { width: 50px; height: 50px; background: #999999; float: left; color: #fff; text-align: center; margin-right: 20px; }
.news-con-more { color: #206bd1; font-size: 14px; font-weight: bold; }
.news-cont li span b { display: block; color: #fff; font-size: 24px; line-height: 1; margin-top: 5px; }
.news-cont li span em { font-style: normal; font-size: 12px; display: block; line-height: 1; }
.news-cont li a { display: block; line-height: 50px; }
.news-cont li.odd { margin-right: 0; }
.newsh-right { width: 400px; float: right; }
.wenda { margin-top: 20px; }
.wenda li span { float: left; width: 25px; margin-right: 20px; }
.wenda li span b { width: 25px; height: 25px; display: block; background: #005792; margin-bottom: 10px; text-align: center; color: #fff; line-height: 25px; text-transform: uppercase; font-style: normal; font-weight: normal; }
.wenda li span em { width: 25px; height: 25px; display: block; background: #00264f; text-align: center; color: #fff; line-height: 25px; text-transform: uppercase; font-style: normal; font-weight: normal; }
.wenda li { border-bottom: 1px dashed #ccc; margin-bottom: 30px; padding-bottom: 25px; }
.wenda li:after { display: block; content: ""; clear: both; }
.wenda li a { font-weight: bold; }
.wenda li p { width: 350px; float: left; font-size: 12px; }

/*link*/
.tab-title { float: left; font-weight: bold; }
.tab-title li { display: inline-block; cursor: pointer; }
.tab-title li.on { color: #013e7f; }
.tab-con { font-size: 12px; border: 1px solid #ccc; padding: 10px; margin-top: 10px; }

/*.foot*/
.foot_bg { background: linear-gradient(to right, #013e7f 0%, #013e7f 20%, #0555ab 50%, #013e7f 80%, #013e7f 100%); text-align: center; padding-top: 30px; padding-bottom: 20px; }
.foot { background: linear-gradient(to right, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, 0.2) 15%, rgba(255, 255, 255, 0.2) 85%, rgba(255, 255, 255, 0) 100%); display: inline-block; padding: 5px 40px; }
.foot li { display: inline-block; }
.foot li a { display: block; color: #fff; padding: 0 30px; }
.foot_main { width: 80%; color: #fff; font-size: 12px; margin: 20px auto; }
.foot_main a { color: #fff; }
.foot_main p { float: left; width: 80%; }
.ewm { background: url(../images/ewm_bg.png) no-repeat center top; width: 144px; padding-top: 11px; }
.ewm img { width: 120px; height: 120px; }
.ewm h2 { font-size: 12px; line-height: 2; }

/*side*/
.side { width: 275px; float: left; color: #fff; padding-top: 90px; background: #013e7f url(../images/side.jpg) no-repeat center top; }
.side h2, .side h3, .side h4 { margin-left: 20px; font-weight: bold; margin-right: 20px; }
.side h3 { font-size: 16px; text-transform: uppercase; line-height: 2; }
.side h2 { font-size: 20px; margin-bottom: 10px; }
.side h4 { height: 2px; background-color: rgba(255, 255, 255, .8); margin-bottom: 20px; margin-top: 15px; }
.side a { color: #fff; }
.side li a { border-left: 50px solid transparent; padding-left: 30px; display: block; line-height: 1.4; }
.side li.cur a, .side li:hover a { border-left-color: rgba(255, 255, 255, .7); }
.side li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed rgba(255, 255, 255, .2); }
.cont, .con { float: right; width: 885px; }
.cont, .cont span { border-bottom: 1px solid #ccc; }
.cont img { margin-top: -4px; }
.cont span { display: block; margin-bottom: 2px; font-size: 12px; }
.cont b { color: #013e7f; }
.cont { margin-bottom: 15px; }
.info_pro-text {
  float: right;
  width: 460px;
  margin-top: 10px;
  padding-left:12px;
}
.info_pro-text h4 {
  font-size: 22px;
  color: #e25a34;
  padding-bottom: 10px;
}
.info_pro-text > small {
  background: #eee;
  line-height: 30px;
  padding: 20px;
  display: block;
  margin: 20px 0;
}
.info_pro-text ul li {
  margin-top: 5px;
}
.info_pro-text ul li small {
  display: inline-block;
  width: 60px;
  color: #a9a8a8;
  font-size: 14px;
  float: left;
  margin-top: 2px;
}
.info_pro-text ul li span {
  color: #333;
  font-size: 14px;
}
.info_pro-text ul li b {
  color: #f4324d;
  font-size: 35px;
}
.info_pro-text ul li:nth-of-type(2) small {
  margin-top: 15px;
}
.info_pro-text p {
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 15px;
}
.info_pro-text p a {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 14px;
  text-align: center;
  color: #fff;
  width: 157px;
  -moz-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  overflow: hidden;
  height: 35px;
  line-height: 35px;
  transition: all 0.2s linear 0s;
  background: #006699;
  border: 1px #003366 solid;
}
.info_pro-text p a:hover {
  background: #003366;
  color: #fff;
  border: 1px solid  #003366;
}