/* CSS Document */
html,body{ margin: 0; padding: 0; font-family: "Microsoft YaHei","微軟雅黑",sans-serif; color:#555; font-size: 15px; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; width:100%; -webkit-text-size-adjust: none;}
img, a img { border: 0; max-width:100%;} 
a { text-decoration: none; color: #555; }
a:hover { color: #0054a7; }
.clear { clear: both; }
header,nav,footer{ display:block;}

.disnone { display: none; }
.mt20 { margin-top: 20px; }
.mt50 { margin-top: 50px; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }
.a1 { display: inline-block; margin-right: 20px; }
.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.b { font-weight: bold; }
.hei { color: #000; }
.hui1 { color: #999; }
.hui2 { color: #dfdfdf; }
.red { color: #d30312; }
.zis1 { color: #CC00FF; }
.blue { color: #009AE5; }
.green { color: #00CC00; }
.fs18 { font-size: 18px; }
.fs24 { font-size: 24px; }
.fs30 { font-size: 30px; }
.fs42 { font-size: 33px; }

.btn1 { display: inline-block; padding: 0 20px; height: 35px; line-height: 35px; font-size: 18px; cursor: pointer; border: solid 1px #555; border-radius: 15px; }
.btn1:hover { background: #0054a7; border: solid 1px #0054a7; color: #fff; }


.mn_topzi, .mn_head, .main, .ftmenu, .foot, .links, .mn_mbnav {margin: 0 auto; width:100%; max-width:1200px; overflow: hidden; }

.mn_top { padding: 20px 0 10px 0; background: #0054a7; }
.mn_topzi .mn_topl { float: left; padding: 15px 0 0 0; width: 50%; line-height: 30px; }
.mn_topzi .mn_topl a { display: inline-block; padding: 0 0 0 45px; background: url(/template/images/email.png) left center no-repeat; background-size: 30px 30px; color: #fff; }
.mn_topzi .mn_topr { float: left; padding-top: 5px; width: 50%; text-align: right; }
.mn_topzi .mn_topr form input[type=text] { float: right; margin: 0; padding: 0 20px; background: #DAE1DD; border: solid 1px #A4BBC3; height: 30px; line-height: 30px; width: 180px; max-width: calc(100% - 94px); font-size: 12px; border-radius: 15px 0 0 15px; }
.mn_topzi .mn_topr form input[type=submit] { float: right; margin: 0; padding: 0 5px; background: url(/template/images/search.png) center center no-repeat #DAE1DD; background-size: auto 20px; color: #0054a7; border: solid 1px #A4BBC3; width: 40px; height: 32px; line-height: 28px; width: 50px; font-size: 15px; cursor: pointer; border-radius: 0 15px 15px 0; }

header { position: relative; width: 100%; height: 120px; background: #ececec; z-index: 99; }
.header_active { position: fixed; top: 0; }
.mn_head { padding: 0; height: auto; }
.mn_head .mn_logo { float: right; padding-top: 38px; width: 25%; text-align: right; }
.mn_head .mn_logo img { width: 250px; }
.mn_head .mn_menushow { display: none; float: left; border: 0; margin: 15px 0 0 0; width: 35px; height: 25px; background: url(/template/images/menu.png) no-repeat center; cursor: pointer; }

nav { overflow: hidden; float: left; width: 75%; background: url(/template/images/lmline.png) left 65px no-repeat; font-size: 16px; text-align: center; }
.mn_nav { margin: 0; padding: 0; list-style: none; }
.mn_nav li { float: left; margin-right: 1px; padding: 0 0 15px 0; width: calc(12.5% - 1px); line-height: 50px; border-top: solid 8px #ececec; }
/*.mn_nav li:hover { color: #0054a7; border-top: solid 8px #fabe00; }*/
.mn_nav li.mn_on { color: #0054a7; border-top: solid 8px #fabe00; }
.mn_nav li:nth-child(1) { background: url(/template/images/lm1.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:hover:nth-child(1), .mn_nav li.mn_on1 { background: url(/template/images/lm1on.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:nth-child(2) { background: url(/template/images/lm2.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:hover:nth-child(2), .mn_nav li.mn_on2 { background: url(/template/images/lm2on.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:nth-child(3) { background: url(/template/images/lm3.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:hover:nth-child(3), .mn_nav li.mn_on3 { background: url(/template/images/lm3on.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:nth-child(4) { background: url(/template/images/lm4.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:hover:nth-child(4), .mn_nav li.mn_on4 { background: url(/template/images/lm4on.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:nth-child(5) { background: url(/template/images/lm5.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:hover:nth-child(5), .mn_nav li.mn_on5 { background: url(/template/images/lm5on.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:nth-child(6) { background: url(/template/images/lm6.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:hover:nth-child(6), .mn_nav li.mn_on6 { background: url(/template/images/lm6on.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:nth-child(7) { background: url(/template/images/lm7.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:hover:nth-child(7), .mn_nav li.mn_on7 { background: url(/template/images/lm7on.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:nth-child(8) { background: url(/template/images/lm8.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li:hover:nth-child(8), .mn_nav li.mn_on8 { background: url(/template/images/lm8on.png) center 30px no-repeat; background-size: auto 35px; }
.mn_nav li a { display: block; padding-top: 60px; width: 100%; height: 35px; font-size: 18px; background: url(/template/images/lmline.png) bottom right no-repeat; }
.mn_nav li a:hover { color: #0054a7; }

.mn_nav li .erj { clear: left; position: absolute; display: none; margin: 15px 0 0 0; padding: 20px; list-style: none; width: 350px; background: #333; opacity: 0.8; z-index: 999; height: auto; }
.mn_nav li .erj dd { float: left; margin: 0; padding: 0; width: 50%; text-align: left; }
.mn_nav li .erj dd a { overflow: hidden; display: block; margin: 0; padding: 0; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: none; }
.mn_nav li .erj dd a:hover { color: #fabe00; }

.mn_nav li .erj2 { clear: left; position: absolute; display: none; margin: 15px 0 0 0; padding: 20px; list-style: none; width: 190px; background: #333; opacity: 0.8; z-index: 999; height:auto; }
.mn_nav li .erj2 dd { margin: 0; padding: 0; text-align: left; }
.mn_nav li .erj2 dd a { overflow: hidden; display: block; margin: 0; padding: 0; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: none; }
.mn_nav li .erj2 dd a:hover { color: #fabe00; }
.mn_nav li .erj2 dd.dd2 { padding-left: 30px; }
.mn_nav li .erj2 .mn_on2 a { color: #fabe00; }

#mn_banner img{ width: 100%; }
.mn_banner_ny{ border-top: solid 2px #595757; }
.mn_banner_ny img{ width: 100%; }

#ftmenu { color: #bfc0c0; background: url(/template/images/ftline.jpg) 0 95px repeat-x #22323b; }
#ftmenu a { display: inline-block; color: #bfc0c0; }
#ftmenu a:hover { color: #fabe00; }
.ftmenu { padding: 60px 0 30px 0; }
.ftmenu .ftmtitle { font-size: 16px; font-weight: bold; }
.ftmenu ul { list-style: none; overflow: hidden; float: left; margin: 20px 10px 0 0; padding: 10px 0; width: 110px; height: 150px; line-height: 30px; height: 150px; }
.ftmenu .div1 { float: left; width: 40%; }
.ftmenu .div2 { float: left; width: 30%; }
.ftmenu .div3 { float: left; width: 30%; padding-top: 70px; }
.ftmenu .div3 .div3gzh { float: left; margin-right: 15px; padding-right: 15px; font-size: 16px; font-weight: bold; text-align: center; border-right: dashed 1px #727171; }
.ftmenu .div3 .div3gzh img { display: block; margin: 0 auto 8px 0; width: 113px; height: 113px; }
.ftmenu .div3 .div3txt { float: left; padding-top: 60px; font-size: 22px; }

footer { padding: 20px 0; background: #005aa0; line-height: 35px; color: #fff; }
footer a { display: inline-block; color: #fff; }
footer a:hover { color: #fabe00; }
.foot .foot1 .ft1con1 { overflow: hidden; float: left; width: 45%; height: 35px; }
.foot .foot1 .ft1con2 { overflow: hidden; float: left; padding-left: 30px; width: 22%; }
.foot .foot1 .ft1con3 { overflow: hidden; float: right; text-align: right; }
.foot .foot1 .ft1con3 span { display: inline-block; margin: 0 20px; }
.foot .foot1 .ftga { background: url(/template/images/ftga.png) left center no-repeat; }
.foot .foot1 .fttel { background: url(/template/images/tel.png) left center no-repeat; background-size: auto 20px; }

/* 首頁-友鏈鏈接 */
#links { padding: 10px 0; background: #003466; line-height: 20px; }
.links { color: #fff; }
.links a { display: inline-block; margin-right: 10px; color: #fff; }
.links a:hover { color: #fabe00; }

/* 分頁 */
.page { margin: 20px 0 0 0; padding: 0; font-size: 15px; line-height: normal; text-align: center; }
.page a, .page span { display: inline-block; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; color: #555; font-weight: normal; text-decoration: none; letter-spacing: 0; border:1px solid #555; }
.page a:hover, .page a.current { background: #0054a7; color: #fff; border: 1px solid #0054a7; }

/* 上下一篇 */
.next { margin: 0; padding: 0; list-style: none; }
.next li { overflow: hidden; line-height: 30px; height: 30px; }

/* 首頁 */
.warp1, .warp2 { padding: 30px 0; background: #fff; }
.warp2 { background: #ececec; }
.main {  }

.i_title { margin-bottom: 20px; text-align: center; }
.i_title .line { display: block; margin: 15px auto; width: 80px; height: 0; border-top: 6px solid #fabe00; }
.i_title .line2 { display: block; margin: 15px auto; width: 80px; height: 0; border-top: 6px solid #f92b15; }
.i_title .line3 { display: block; margin: 15px auto; width: 80px; height: 0; border-top: 6px solid #35b44d; }
.i_title h2 { margin: 0; padding: 0; font-size: 33px; font-weight: normal; }
.i_title2 { }
.i_title2 .line { display: block; margin: 15px 0; width: 80px; border-top: 6px solid #d82df7; }
.i_title2 .line2 { display: block; margin: 15px 0; width: 80px; border-top: 6px solid #2dc0f7; }
.i_title2 h2 { float: left; margin: 0; padding: 0; font-size: 30px; font-weight: normal; }
.i_title2 span { float: right; display: inline-block; }

/* 首頁-內容塊1 */
.i_txt1 { overflow: hidden; position: relative; height: 420px; }
.i_txt1 .line { position: relative; margin: 0 auto; width: 75%; height: 100px; border-bottom: solid 2px #dededf; z-index: 1; }
.i_txt1 .con { position: absolute; margin: 0 auto; width:100%; max-width:1200px; top: 10px; z-index: 2; }
.i_txt1 .con .conbox { float: left; width: 27%; margin-right: 9.5%; text-align: center; }
.i_txt1 .con .conbox strong { font-size: 27px; font-weight: normal; }
.i_txt1 .con .conbox p { margin: 20px 0 5px 0; font-size: 14px; color: #898989; line-height: 30px; }
.i_txt1 .con .con3 { margin-right: 0; }
.i_txt1 .con .conbox .conbtn { display: inline-block; padding: 0 20px; height: 35px; line-height: 35px; font-size: 18px; cursor: pointer; border: solid 1px #555; border-radius: 17px; }
.i_txt1 .con .conbox:hover .conbtn { background: #0054a7; border: solid 1px #0054a7; color: #fff; }
.i_txt1 .con .conbox .pic span { display: inline-block; margin: 0 auto; width: 180px; height: 180px; }
.i_txt1 .con .con1 .pic span { background: url(/template/images/ipic1.png) center center no-repeat #fff; background-size: 70% 70%; }
.i_txt1 .con .con2 .pic span { background: url(/template/images/ipic2.png) center center no-repeat #fff; background-size: 70% 70%; }
.i_txt1 .con .con3 .pic span { background: url(/template/images/ipic3.png) center center no-repeat #fff; background-size: 70% 70%; }
.i_txt1 .con .con1:hover .pic span { background: url(/template/images/ipic1on.png) center center no-repeat #fff; background-size: 70% 70%; }
.i_txt1 .con .con2:hover .pic span { background: url(/template/images/ipic2on.png) center center no-repeat #fff; background-size: 70% 70%; }
.i_txt1 .con .con3:hover .pic span { background: url(/template/images/ipic3on.png) center center no-repeat #fff; background-size: 70% 70%; }

/* 首頁-關于我們公司 */
.i_txt2 { background: #ececec; }
.i_txt2 .it2l { float: left; width: 50%; text-align: right; }
.i_txt2 .it2l .con { display: inline-block; padding: 20px 60px 20px 0; width: 540px; text-align: left; }
.i_txt2 .it2l .con h2 { margin: 0; padding: 0; font-size: 33px; font-weight: normal; }
.i_txt2 .it2l .con p.line { display: block; width: 80px; border-top: 6px solid #0054a7; }
.i_txt2 .it2l .con p { margin: 20px 0 5px 0; font-size: 14px; color: #898989; line-height: 30px; }
.i_txt2 .it2r { float: left; width: 50%; }
.i_txt2 .it2r img { display: block; width: 100%; height: 460px; }

/* 首頁-服務 */
.i_pro { margin: 0; padding: 0; list-style: none; }
.i_pro li { float: left; margin: 6px 0.5%; width: 24%; text-align: center; }
.i_pro li img { display: block; width: 100%; height: 220px; }
.i_pro li span { display: block; width: 100%; line-height: 50px; font-size: 16px; color: #fff; background: #008cd6; }
.i_pro li:hover img { opacity: 0.8; }
.i_pro li:hover span { background: #f92b15; }

/* 首頁-技術交流 */
.i_news { margin: 0; padding: 0; list-style: none; }
.i_news li { float: left; margin: 10px 1%; width: 31.33%; }
.i_news li img { display: block; width: 100%; height: 245px; }
.i_news li span { overflow: hidden; display: block; margin: 10px 0 5px 0; width: 100%; height: 40px; line-height: 40px; font-size: 18px; border-bottom: solid 1px #c9c9ca; }
.i_news li p { overflow: hidden; height: 75px; line-height: 25px; font-size: 12px; }
.i_news li p.xq { margin-top: 20px; height: 37px; }
.i_news li p.xq i { display: inline-block; padding: 0 20px; height: 35px; line-height: 35px; font-style: normal; font-size: 18px; cursor: pointer; border: solid 1px #555; border-radius: 17px; }
.i_news li:hover img { opacity: 0.8; }
.i_news li:hover p.xq i { background: #0054a7; border: solid 1px #0054a7; color: #fff; }

.i_box1 { margin-bottom: 30px; }
.i_box1 .ibleft { float: left; width: 48%; }
.i_box1 .ibright { float: right; width: 47%; }

/* 首頁-案例典型 */
.i_news2 { margin: 50px 0 0 0; padding: 0; list-style: none; }
.i_news2 li { margin-top: 15px; }
.i_news2 li img { float: left; display: block; width: 33%; height: 120px; }
.i_news2 li span, .i_news2 li p { float: right; display: block; width: 64%; }
.i_news2 li span { overflow: hidden; margin-bottom: 10px; height: 30px; font-size: 21px; }
.i_news2 li p { overflow: hidden; margin: 0; height: 80px; line-height: 20px; font-size: 12px; }
.i_news2 li:hover img { opacity: 0.8; }

/* 首頁-執行標准 */
.i_news3 { margin: 48px 0 0 0; padding: 0; list-style: none; }
.i_news3 li { overflow: hidden; padding: 0 40px 0 18px; height: 48px; line-height: 48px; white-space: nowrap; text-overflow: ellipsis; background: url(/template/images/icon2.png) left center no-repeat; border-bottom: solid 1px #d9d8d8; }
.i_news3 li:hover { background: url(/template/images/icon1blue.png) left center no-repeat; }

/* 內頁 */
/* 內頁-面包屑導航 */
.mn_mbnav { overflow: hidden; height: 30px; line-height: 30px; }
.mn_mbnav .nleft { float: left; width: 60%; }
.mn_mbnav .nright { float: right; width: 40%; text-align: right; }

/* 內頁-H1下的線 */
.ctopline { display: block; margin: 0; padding: 0; height: 6px; font-weight: normal; background: url(/template/images/cline6.jpg) left top no-repeat; border-top: solid 1px #DFDFDF; }
.ctopline2 { display: block; margin: 0 0 30px 0; padding: 0; height: 6px; font-weight: normal; background: url(/template/images/cline6.jpg) center top no-repeat; border-top: solid 1px #DFDFDF; }

/* 內頁-正文 */
.content { line-height: 30px; }
.content h1 { margin: 0 0 40px 0; padding: 30px 0 0 0; font-size: 30px; font-weight: normal; background: url(/template/images/cline1.jpg) left top no-repeat; }
.content h2 { margin: 40px 0 30px 0; padding: 30px 0 0 0; font-size: 24px; font-weight: normal; }
.content>h2:nth-of-type(4n-3) { background: url(/template/images/cline2.jpg) left top no-repeat; }
.content>h2:nth-of-type(4n-2) { background: url(/template/images/cline3.jpg) left top no-repeat; }
.content>h2:nth-of-type(4n-1) { background: url(/template/images/cline4.jpg) left top no-repeat; }
.content>h2:nth-of-type(4n) { background: url(/template/images/cline5.jpg) left top no-repeat; }
.content table { border-spacing: 0; border-collapse: collapse; }
.content td { padding: 5px; line-height: 25px; }
/* 內頁-正文-实时新聞類標題 */
.content .contitle { margin: 20px 0 10px 0; line-height: 30px; }
.content .contitle span:nth-of-type(1) { overflow: hidden; float: left; display: block; padding: 0 0 0 100px; width: calc(100% - 200px); height: 30px; font-size: 24px; text-align: center; }
.content .contitle span:nth-of-type(2) { float: right; display: block; width: 100px; text-align: right; }
.content img { height: auto; }

/* 內頁-底部-標准-標題線 */
.conbtm h2 { margin: 20px 0 30px 0; padding: 30px 0 0 0; font-size: 24px; font-weight: normal; background: url(/template/images/cline5.jpg) left top no-repeat; }

/* 內頁-底部-服務-鏈接 */
.conbtm2 { padding: 30px 0; }
.conbtm3 { padding: 0 0 30px 0; }
.conbtm2 a { overflow: hidden; float: left; display: block; width: calc(25% - 2px); height: 60px; line-height: 60px; font-size: 24px; color: #fff; border: solid 1px #fff; text-align: center; }
.conbtm2 a:nth-of-type(12n-11) { background: #B9E3F9; }
.conbtm2 a:nth-of-type(12n-10) { background: #F6B65F; }
.conbtm2 a:nth-of-type(12n-9) { background: #C9C9CA; }
.conbtm2 a:nth-of-type(12n-8) { background: #A8D6B6; }
.conbtm2 a:nth-of-type(12n-7) { background: #DEB6D4; }
.conbtm2 a:nth-of-type(12n-6) { background: #E7ED9E; }
.conbtm2 a:nth-of-type(12n-5) { background: #ACD9E0; }
.conbtm2 a:nth-of-type(12n-4) { background: #DFABA5; }
.conbtm2 a:nth-of-type(12n-3) { background: #B5B6B6; }
.conbtm2 a:nth-of-type(12n-2) { background: #8DC32E; }
.conbtm2 a:nth-of-type(12n-1) { background: #F9D29E; }
.conbtm2 a:nth-of-type(12n) { background: #A0B4DD; }
.conbtm2 a:hover { background: #0054a7; }

/* 內頁-聯系我們官网 */
.ccontactul { margin: 20px 0; padding: 40px 0; list-style: none; border-top: dashed 1px #C8C5C4; border-bottom: dashed 1px #C8C5C4; }
.ccontactul li { float: left; text-align: center; }
.ccontactul li span { display: inline-block; margin: 0 auto; padding: 20px 0; width: 124px; height: 84px; border: solid 1px #D3D3D4; border-radius: 50%; }
.ccontactul li span img { max-width: 84px; }
.ccontactul li p { overflow: hidden; height: 50px; line-height: 25px; font-size: 13px; }
.ccontactul li:nth-of-type(1) { margin-right: 72px; width: 126px; }
.ccontactul li:nth-of-type(2) { width: 220px; }
.ccontactul li:nth-of-type(3) { margin: 0 72px; width: 220px; }
.ccontactul li:nth-of-type(4) { width: 220px; }
.ccontactul li:nth-of-type(5) { margin-left: 72px; width: 126px; }
.ccontactul li:nth-of-type(1) span { padding-top: 30px; height: 74px; }
.ccontactul li:hover span { border: solid 1px #0054a7; }

/* 內頁-案例典型 */
.cnews2 { margin: 50px 0 0 0; padding: 0; list-style: none; }
.cnews2 li { margin-top: 15px; }
.cnews2 li img { float: left; display: block; width: 18%; height: 150px; }
.cnews2 li .cnews2title { float: right; display: block; margin-bottom: 20px; width: 80%; height: 30px; line-height: 30px; }
.cnews2 li .cnews2title span:nth-of-type(1) { overflow: hidden; float: left; display: block; width: 85%; height: 30px; font-size: 24px; }
.cnews2 li .cnews2title span:nth-of-type(2) { float: right; display: block; text-align: right; }
.cnews2 li p { overflow: hidden; float: right; display: block; margin: 0; width: 80%; height: 90px; line-height: 30px; }
.cnews2 li:hover img { opacity: 0.8; }

/* 內頁-資源 */
.clist { margin: 30px 0 0 0; padding: 0; list-style: none; }
.clist li { float: left; margin: 6px 0.5%; width: 24%; text-align: center; }
.clist li img { display: block; width: 100%; height: 170px; }
.clist li span { display: block; width: 100%; line-height: 50px; font-size: 16px; color: #fff; background: #008cd6; }
.clist li:hover img { opacity: 0.8; }
.clist li:hover span { background: #f92b15; }