@charset "UTF-8";

/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-05-30 10:30:38
 * @version Earlcoming
 */
.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; user-select: none; }
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; }
.container { padding-left: 0; padding-right: 0; width: 1200px; margin-right: auto; margin-left: auto; }
::selection { background-color: #005792; color: #fff; }

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

/*nei banner*/
.fullSlidea { width: 100%; position: relative; height: 685px; 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: 685px; overflow: hidden; text-align: center; background: center; }
.fullSlidea .bd li a { display: block; height: 685px; }
.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; }
.side li, .side li a { transition: all 500ms ease-in; }

/*abouts*/
.side { float: left; width: 300px; }
.side h2 { background-color: #005792; padding-left: 20px; line-height: 3; color: #fff; font-size: 16px; }
.side li { border-bottom: 1px solid #ccc; padding-left: 20px; line-height: 3; }
.side li a { display: block; }
.side li:hover a, .side li.cur a { padding-left: 15px; color: #005792; }
.side li ul.erji li { border-bottom: 0; border-top: 1px solid #ccc; }
.side li:hover  li a { color: #333; }
ul.erji { display: none; }
ul.erji li a { color: #333; }
.side li:hover ul.erji li:hover a { color: #005792; }
ul.erji li:hover { padding-left: 25px; }
.cont { float: right; width: 880px; height: 48px; line-height: 48px; font-size: 12px; border-bottom: 2px solid #005792; margin-bottom: 20px; padding-bottom: 5px; }
.cont img { margin-top: -2px; margin-right: 5px; }
.con { float: right; width: 880px; }
.top { position: absolute; z-index: 9; width: 100%; top: 65px; left: 0; }
.top_bg { height: 130px; font-size: 12px; color: #fff; padding: 0 20px 10px 10px; background-color: #fff; background-image: url(../images/top_bg.jpg); background-position: right top; background-repeat: no-repeat; box-shadow: 0 5px 5px 3px rgba(0, 0, 0, .1); }
.logo { width: 230px; height: 80px; float: left; margin-top: 25px; margin-left: 20px; overflow: hidden; }
.logo a { display: block; width: 230px; height: 0; padding-top: 80px; }
.top_bg .tells { float: right; width: 800px; line-height: 45px; font-size: 12px; opacity: .9; }
.tells span { width: 20px; height: 20px; display: inline-block; background: url(../images/tell.png) no-repeat 0 7px; }
.tells em { width: 20px; height: 12px; display: inline-block; margin-left: 40px; margin-right: 5px; background: url(../images/tell.png) no-repeat 0 -15px; }
.tells a { color: #fff; }
.tells a.ewm { position: relative; cursor: pointer; }
.tells a.ewm img { position: absolute; top: 30px; right: 0; z-index: 9; width: 100px; height: 100px; border: 1px solid #ccc; display: none; }
.tells a.ewm:hover img { display: block; }

/*menu*/
.menu { float: right; margin-top: 25px; }
.menu > li { float: left; font-size: 14px; position: relative; }
.menu > li > a { display: block; padding: 0 20px; }
.sub { position: absolute; min-width: 100%; padding: 5px 0; border-radius: 5px; text-align: center; background-color: #fff; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, .2); display: none; }
.sub li a { display: block; white-space: nowrap; padding: 0 5px; }
.sub li:hover a { color: #fff; background-color: #005792; }
.sea { float: right; padding-left: 15px; color: #333; position: relative; }
.sea span { float: right; width: 20px; height: 20px; margin-left: 20px; margin-top: 2px; cursor: pointer; background: url(../images/search.jpg) no-repeat center; display: block; }
.sea input { position: absolute; outline: 0; display: none; }
.sea input.sousuob { right: 0; width: 50px; height: 35px; border: 0; }
.sea input.sousuoa { right: 50px; width: 200px; height: 35px; line-height: 34px; border: 1px solid #ccc; padding-left: 10px; }

/*abouts*/
.abouts_left { float: left; width: 560px; }
.abouts_left h2 { padding-left: 60px; margin-bottom: 30px; background: url(../images/titlel.png) no-repeat top left; }
.abouts_left h2 em { font-size: 12px; text-transform: uppercase; font-style: normal; display: block; margin-left: 20px; }
.abouts_left h2 span { font-size: 44px; font-weight: bold; font-family: "微軟正黑體"; display: block; }
.abouts_left b { display: block; margin-bottom: 20px; }
.abouts_left b em { font-style: normal; color: #005792; }
.abouts_left p { color: #888; margin-bottom: 20px; }
a.more { display: block; height: 35px; line-height: 35px; padding-left: 20px; background: url(../images/more.png) no-repeat center left; }

/*products*/
.pro_bg { background-color: #f1f1f1; }
.title { width: 420px; height: 57px; margin-left: auto; margin-right: auto; margin-bottom: 40px; text-align: center; display: block; background: url(../images/titlel.png) no-repeat center left, url(../images/titler.png) no-repeat center right; }
.title p { line-height: 16px; font-size: 12px; text-transform: uppercase; }
.title h2 { font-size: 44px; font-weight: bold; font-family: "微軟正黑體"; }
.proh_list li { display: inline-block; margin: 0 10px; background-color: #fff; box-shadow: 0px 5px 2px 2px rgba(0, 0, 0, .05); }
.proh_list li a { padding: 10px 60px; display: block; }
.proh_list li:hover a, .proh_list li.on a { color: #fff; background-color: #005792; }
.proh_con li { float: left; width: 380px; margin: 10px; text-align: center; }
.proh_con li img { width: 380px; height: 285px; }
.proh_con li h2 { font-size: 14px; font-weight: bold; line-height: 4; background-color: #ebedee; }
.pro_bg a.more { width: 180px; margin: 0 auto; background-color: #fff; text-align: center; background-position: 30% center; }
.pro_bg a.more:hover { color: #fff; background-image: url(../images/morea.png); background-color: #005792; }
.advantage { background: url(../images/advantage.jpg) no-repeat center top; }
.advantage [class^='adv'] { width: 315px; font-size: 12px; color: #666; height: 160px; margin-bottom: 130px; }
.advantage [class^='adv'] span { width: 60px; height: 60px; display: inline-block; }
.advantage [class^='adv'] h2 { font-size: 22px; font-weight: bold; color: #333; }
.advantage [class$='left'] { float: left; margin-left: 20px; text-align: right; }
.advantage span.slqq { background-image: url(../images/slqq.jpg); }
.advantage span.jyff { background-image: url(../images/jyff.jpg); }
.advantage span.kjcx { background-image: url(../images/kjcx.jpg); }
.advantage span.yzfw { background-image: url(../images/yzfw.jpg); }
.advantage [class$='right'] { float: right; margin-right: 20px; }

/*case*/
.caseh_list.proh_list li { box-shadow: none; }
.caseh_list.proh_list a { background-color: #ececec; }
.prj.more { width: 180px; margin: 0 auto; background-color: #fff; text-align: center; background-position: 30% center; box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, .1); }
.prj.more:hover { color: #fff; background-image: url(../images/morea.png); background-color: #005792; }
.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 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); }

/*news*/
.news_bg { background-color: #f1f1f1; }
.news-home { width: 750px; float: left; }
.news_title { border-bottom: 1px solid #ccc; font-size: 22px; height: 46px; }
.news_title a.news-homem { float: right; text-transform: uppercase; font-size: 12px; margin-top: 10px; }
.news_title h2 { font-size: 22px; display: inline-block; }
.news_title h2 a { line-height: 45px; }
.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; }
.news-cont { margin-top: 20px; }
.news-cont li { float: left; width: 100%; 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: 20px; padding-bottom: 15px; }
.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 { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 15px; }
.tab-title li { float: left; margin-right: 15px; cursor: pointer; }
.tab-title li span { display: inline-block; width: 20px; height: 4px; background-color: #005792; float: left; margin-top: 10px; margin-right: 5px; }
.tab-title li em { display: block; font-style: normal; font-weight: normal; font-size: 12px; line-height: 1; color: #777; text-transform: capitalize; margin-left: 25px; }
.tab-title li { font-weight: bold; }
.tab-con img { float: left; margin-right: 20px; }
.tab-con p { float: left; width: 1045px; margin-top: 30px; color: #888; font-size: 14px; }
.tab-con p a { color: #888; }

/*foot*/
.foot_t li { float: left; width: 20%; height: 5px; }
.foot_t li:nth-of-type(1) { background-color: #ec6941; }
.foot_t li:nth-of-type(2) { background-color: #074c8f; }
.foot_t li:nth-of-type(3) { background-color: #00c8bd; }
.foot_t li:nth-of-type(4) { background-color: #febe36; }
.foot_t li:nth-of-type(5) { background-color: #a05fef; }
.foot { background-color: #22202d; color: #d2d2d2; padding: 30px 0; font-size: 12px; line-height: 2.3; }
.foot a { color: #d2d2d2; }
.foot_menu li { display: inline-block; }
.foot_menu li span { margin: 0 20px; }
.ftell > img { margin-top: 15px; }
.foot .ewm { width: 220px; height: 110px; float: right; margin-left: 15px; }
.foot .ewm h2 { font-size: 14px; float: left; margin-top: 20px; }
.foot .ewm img { float: right; width: 110px; height: 110px; margin-left: 10px; display: block; }