/* CSS Document */
@media screen and (max-width:1200px) {
.mn_topzi, .mn_head, .main, .ftmenu, .foot, .links, .mn_mbnav { max-width: 96%; }

.mn_nav li:nth-child(1) { background: url(/template/images/lm1.png) center 30px no-repeat; background-size: auto 30px; }
.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 30px; }
.mn_nav li:nth-child(2) { background: url(/template/images/lm2.png) center 30px no-repeat; background-size: auto 30px; }
.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 30px; }
.mn_nav li:nth-child(3) { background: url(/template/images/lm3.png) center 30px no-repeat; background-size: auto 30px; }
.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 30px; }
.mn_nav li:nth-child(4) { background: url(/template/images/lm4.png) center 30px no-repeat; background-size: auto 30px; }
.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 30px; }
.mn_nav li:nth-child(5) { background: url(/template/images/lm5.png) center 30px no-repeat; background-size: auto 30px; }
.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 30px; }
.mn_nav li:nth-child(6) { background: url(/template/images/lm6.png) center 30px no-repeat; background-size: auto 30px; }
.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 30px; }
.mn_nav li:nth-child(7) { background: url(/template/images/lm7.png) center 30px no-repeat; background-size: auto 30px; }
.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 30px; }
.mn_nav li:nth-child(8) { background: url(/template/images/lm8.png) center 30px no-repeat; background-size: auto 30px; }
.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 30px; }
.mn_nav li a { display: block; padding-top: 60px; width: 100%; height: 35px; font-size: 15px; background: url(/template/images/lmline.png) bottom right no-repeat; }

#ftmenu { display: none; }

footer { padding: 10px 0; line-height: 25px; }
.foot .foot1  { font-size: 12px; }
.foot .foot1 .ft1con1 { clear: both; width: 100%; height: 25px; }
.foot .foot1 .ft1con2 { float: left; width: 30%; }
.foot .foot1 .ft1con3 { float: left; text-align: left; }

/* 首頁-友鏈鏈接 */
#links { display: none; }

/* 首頁-內容塊1 */
.i_txt1 .con .conbox p { font-size: 12px; }

/* 首頁-關于我們官网 */
.i_txt2 .it2l .con { padding: 20px 5%; width: 90%; }

/* 首頁-服務 */
.i_pro li img { height: 190px; }

/* 內頁-正文-及时新聞類標題 */
.content .contitle span:nth-of-type(1) { overflow: visible; clear: both; padding: 0; width: 100%; height: auto; line-height: 30px; font-size: 21px; }
.content .contitle span:nth-of-type(2) { clear: both; width: 100%; text-align: center; }

/* 內頁-聯系我們公司 */
.ccontactul li:nth-of-type(1) { margin-right: 0; width: 33.33%; }
.ccontactul li:nth-of-type(2) {  width: 33.33%; }
.ccontactul li:nth-of-type(3) { margin: 0;  width: 33.33%; }
.ccontactul li:nth-of-type(4) { width: 33.33%; }
.ccontactul li:nth-of-type(5) { margin-left: 0; width: 33.33%; }
}
@media screen and (max-width:1000px) {
header { height: 105px; }

nav { background: url(/template/images/lmline.png) left 50px no-repeat; }
.mn_nav li:nth-child(1) { background: url(/template/images/lm1.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:hover:nth-child(1), .mn_nav li.mn_on1 { background: url(/template/images/lm1on.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:nth-child(2) { background: url(/template/images/lm2.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:hover:nth-child(2), .mn_nav li.mn_on2 { background: url(/template/images/lm2on.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:nth-child(3) { background: url(/template/images/lm3.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:hover:nth-child(3), .mn_nav li.mn_on3 { background: url(/template/images/lm3on.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:nth-child(4) { background: url(/template/images/lm4.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:hover:nth-child(4), .mn_nav li.mn_on4 { background: url(/template/images/lm4on.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:nth-child(5) { background: url(/template/images/lm5.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:hover:nth-child(5), .mn_nav li.mn_on5 { background: url(/template/images/lm5on.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:nth-child(6) { background: url(/template/images/lm6.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:hover:nth-child(6), .mn_nav li.mn_on6 { background: url(/template/images/lm6on.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:nth-child(7) { background: url(/template/images/lm7.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:hover:nth-child(7), .mn_nav li.mn_on7 { background: url(/template/images/lm7on.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:nth-child(8) { background: url(/template/images/lm8.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li:hover:nth-child(8), .mn_nav li.mn_on8 { background: url(/template/images/lm8on.png) center 15px no-repeat; background-size: auto 30px; }
.mn_nav li a { padding-top: 45px; font-size: 12px; }
}
@media screen and (max-width:800px) {
header { height: 90px; }
.mn_head { padding: 20px 0; height:auto; }
.mn_head .mn_logo { padding-top: 0; }
.mn_head .mn_menushow { display: block; }

nav { display: none; position: absolute; top: 35px; left: 50px; width: 250px; height: auto; background: #0054a7; border-radius: 5px; z-index: 999; }
.mn_nav { padding: 10px 0; width: 250px; height: auto; }
.mn_nav li { clear: both; margin-right: 0; padding: 0; width: 100%; line-height: 30px; color: #fff; border-top: 0; text-align: center; }
.mn_nav li:hover { color: #fff; background: none; border-top: 0; }
.mn_nav li.mn_on { color: #fabe00; background: none; border-top: 0; }
.mn_nav li:nth-child(1) { background: none; }
.mn_nav li:hover:nth-child(1), .mn_nav li.mn_on1 { background: none; }
.mn_nav li:nth-child(2) { background: none; }
.mn_nav li:hover:nth-child(2), .mn_nav li.mn_on2 { background: none; }
.mn_nav li:nth-child(3) { background: none; }
.mn_nav li:hover:nth-child(3), .mn_nav li.mn_on3 { background: none; }
.mn_nav li:nth-child(4) { background: none; }
.mn_nav li:hover:nth-child(4), .mn_nav li.mn_on4 { background: none; }
.mn_nav li:nth-child(5) { background: none; }
.mn_nav li:hover:nth-child(5), .mn_nav li.mn_on5 { background: none; }
.mn_nav li:nth-child(6) { background: none; }
.mn_nav li:hover:nth-child(6), .mn_nav li.mn_on6 { background: none; }
.mn_nav li:nth-child(7) { background: url(/template/images/icondown.png) 150px 13px no-repeat; background-size: auto 8px; }
.mn_nav li:hover:nth-child(7), .mn_nav li.mn_on7 { background: url(/template/images/icondown.png) 150px 13px no-repeat; background-size: auto 8px; }
.mn_nav li:nth-child(8) { background: none; }
.mn_nav li:hover:nth-child(8), .mn_nav li.mn_on8 { background: none; }
.mn_nav li a { padding-top: 0; font-size: 15px; color: #fff; background: none; }
.mn_nav li a:hover { color: #fabe00; }
.mn_nav li.mn_on a { color: #fabe00; }

.mn_nav li .erj2 { position: relative; margin: 0; padding: 10px; width: 100%; background: #0081E5; opacity: 1; }
.mn_nav li .erj2 .mn_on2 a { color: #fabe00; }
.mn_nav li .erj2 dd a { height: 30px; line-height: 30px; }

.foot .foot1 .ft1con2 { float: left; padding-right: 30px; width: auto; }
.foot .foot1 .ft1con3 { float: left; text-align: left; }

/* 首頁-內容塊1 */
.i_txt1 { height: 480px; }

/* 首頁-關于我們官网 */
.i_txt2 .it2l { clear: both; width: 100%; }
.i_txt2 .it2r { clear: both; width: 100%; }

/* 首頁-服務 */
.i_pro li img { height: 120px; }

/* 首頁-技術交流 */
.i_news li img { height: 170px; }

.i_box1 .ibleft { clear: both; width: 100%; }
.i_box1 .ibright { clear: both; width: 100%; margin-top: 30px; }

/* 首頁-案例参考 */
.i_news2 { margin: 20px 0 0 0; }
.i_news2 li img { width: 27%; height: 120px; }
.i_news2 li span, .i_news2 li p { width: 70%; }
.i_news2 li p { height: 75px; line-height: 25px; }

/* 首頁-執行標准 */
.i_news3 { margin: 20px 0 0 0; }

/* 內頁-案例参考 */
.cnews2 li img { width: 25%; }
.cnews2 li .cnews2title { width: 73%; }
.cnews2 li .cnews2title span:nth-of-type(1) { width: 75%; }
.cnews2 li p { width: 73%; }

/* 內頁-資源 */
.clist li img { height: 130px; }

}

@media screen and (max-width:640px) {

.btn1 { font-size: 15px; }

.fs18 { font-size: 12px; }
.fs24 { font-size: 16px; }
.fs30 { font-size: 20px; }
.fs42 { font-size: 24px; }

.mn_top { padding: 10px; }
.mn_topzi .mn_topl { display: none; }
.mn_topzi .mn_topr { clear: both; padding: 0 5%; width: 90%; text-align: center; }
.mn_topzi .mn_topr form input[type=text] { width: calc(100% - 94px); }

.mn_head .mn_logo { width: 45%; }
.mn_head .mn_logo img { width: 250px; }

.i_title h2 { font-size: 21px; }
.i_title2 h2 { font-size: 18px; }

/* 首頁-內容塊1 */
.i_txt1 { height: auto!important; height: 1230px; min-height: 1230px; }
.i_txt1 .line { display: none; }
.i_txt1 .con .conbox { clear: both; width: 100%; margin-right: 0%; margin-bottom: 20px; border-top: dashed 1px #dededf; }
.i_txt1 .con .conbox strong { font-size: 21px; }

/* 首頁-關于我們官网 */
.i_txt2 .it2l .con h2 { font-size: 24px; }
.i_txt2 .it2r img { height: 260px; }

/* 首頁-服務 */
.i_pro li { float: left; margin: 6px 1%; width: 48%; text-align: center; }
.i_pro li img { display: block; width: 100%; height: 150px; }

/* 首頁-技術交流 */
.i_news li { clear: both; margin: 10px 1%; width: 98%; }
.i_news li img { height: 245px; }

/* 首頁-案例参考 */
.i_news2 { margin: 20px 0 0 0; }
.i_news2 li img { width: 33%; height: 120px; }
.i_news2 li span, .i_news2 li p { width: 64%; }
.i_news2 li p { height: 75px; line-height: 25px; }

/* 首頁-執行標准 */
.i_news3 { margin: 20px 0 0 0; }

/* 內頁-面包屑導航 */
/*.mn_mbnav { height: 60px; }*/
.mn_mbnav .nleft { clear: both; width: 100%; }
.mn_mbnav .nright { display: none; clear: both; width: 100%; text-align: left; }

/* 內頁-正文-及时新聞類標題 */
.content h1 { font-size: 24px; }
.content .contitle span:nth-of-type(1) { font-size: 18px; }

/* 內頁-底部-服務-鏈接 */
.conbtm2 a { width: calc(50% - 2px); }

/* 內頁-聯系我們公司 */
.ccontactul li { clear: both; }
.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:nth-of-type(1) { width: 100%; }
.ccontactul li:nth-of-type(2) { width: 100%; }
.ccontactul li:nth-of-type(3) { width: 100%; }
.ccontactul li:nth-of-type(4) { width: 100%; }
.ccontactul li:nth-of-type(5) { width: 100%; }

/* 內頁-案例参考 */
.cnews2 li img { width: 35%; height: 115px; }
.cnews2 li .cnews2title { width: 63%; }
.cnews2 li .cnews2title span:nth-of-type(1) { clear: both; display: block; width: 100%; font-size: 18px; }
.cnews2 li .cnews2title span:nth-of-type(2) { clear: both; display: block; width: 100%; text-align: left; }
.cnews2 li p { margin: 15px 0 0 0; width: 63%; height: 50px; line-height: 25px; font-size: 12px; }

/* 內頁-資源 */
.clist li { margin: 6px 1%; width: 48%; }
.clist li img { height: 140px; }

}