﻿@charset "utf-8";
@media only screen and (max-width:1000px) {
  .nav, .search { display: none; }
  .headbutton { display: block; }
  #top { height: auto; line-height: 20px; padding: 8px 0; min-width: 100%; }
  .top { width: 98%; font-size: 12px; padding: 0 0 0 1%; }
  .top .g { float: right; position: relative; font-size: 13px; }
  .header { min-width: 100%; width: 100%; background: #fff;/*-webkit-box-shadow: 0 1px 2px #ccc;-moz-box-shadow: 0 1px 2px #ccc;box-shadow: 0 1px 2px #ccc; position:relative;behavior:url(PIE.htc);*/ }
  .head { width: 98%; padding: 0 0 0 1%; }
  .logo { padding: 5px 0; }
  .headright { top: 10px; right: 0; text-align: right; width: 170px; } /*  width: 140--> 170px; grm modi on 2019.02.01   */
  .headright a, .headright i, .headright span { float: none; }
  .headright .ico { display: none; }
  .headbutton { position: absolute; top: 45px; right: 0; cursor: pointer; }
  .wrapper { width: 100%; }
  .wrapper .title { margin: 0 0 15px 0; font-size: 16px; }
  .index_main { padding: 20px 1%; }
  .index_main2 { padding: 20px 1% 10px 1%; }
  .index_new { float: none; width: 100%; }
  .index_new .content .text { padding: 0; width: 490px; background: none; }
  .index_product { width: 100%; padding: 15px 0 0 0; }
  .index_product .content .img { width: 20%; height: auto; }
  .index_product .content .img img { width: 100%; height: auto; }
  .index_product .content .right { width: 75%; }
  .index_solution ul { margin-left: -5%; }
  .index_solution li { margin: 0 0 1em 5.5%; width: 44%; height: auto; }
  .index_solution li a { padding: 0 0 20px 0; }
  .index_solution .img { width: 100%; height: auto; }
  .index_solution h1 { font-size: 13px; }
  .index_solution .description { line-height: 20px; height: 80px; margin: 0 0 10px 0; }
  .producttab { width: 100%; height: auto; border: 1px solid #cecece; background: #fdfdfd url(../images/producttab.jpg) repeat-x 0 bottom; margin: 0 auto 10px auto; }
  .producttab li { width: 16.65%; font-size: 12px; padding: 0; height: 40px; line-height: 40px; background: url(../images/producttabline.jpg) no-repeat right bottom; }
  .productxl { margin: 0 0 20px 0; width: 100%; }
  .productxl .img { width: 50%; height: auto; }
  .product_content .feature { padding: 10px 0 0; width: 43%; }
  .product_content .feature ul { height: 220px; }
  .product_content .feature li { margin: 0 0 5px 0; }
  .tjproduct { width: 100%; float: none; }
  .tjproduct li { height: auto; width: 24%; margin: 0 0 0 1.8%; }
  .tjproduct .li1 { width: 48%; margin: 0; height: auto; }
  .tjproduct li p { font-size: 12px; height: 32px; line-height: 32px; }
  .index_new .tjnews h1 { font-size: 13px; padding: 0 80px 0 0; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; }
  .index_new .tjnews h1 span { position: absolute; top: 0; right: 0; margin: 0; }
  .righttop { margin: 0 0 20px 0; }
  .righttop h1 { font-size: 16px; }
  .prgihttop { margin: 10px 0 0; }
  .website { font-size: 12px; }
  .about { font-size: 12px; }
  .honor .p { font-size: 13px; }
  .honor .list { padding: 10px 0 0 0; }
  .honor .list h2 { font-size: 14px; }
  .honor .list p { font-size: 12px; }
  .honor .list .img { width: 100%; }
  .culture { padding: 0; }
  .culture { font-size: 12px; line-height: 24px; }
  .culture em { font-size: 14px; }
  .culture_ban { font-size: 12px; line-height: 20px; margin: 55px 0 0 0; padding: 0 2% 0 0; }
  .culture_ban img { width: 60%; margin: 0 2% 0 0; }
  .culture_ban h1 { font-size: 15px; margin: 0 0 7px; }
  .history .content .date { margin: 0; background: url(../images/historybg2.jpg) no-repeat scroll 0 0; height: 400px; width: 250px; }
  .history .content .date h1 { top: 90px; left: 10px; }
  .history .content .date li { font-size: 15px; width: 70px; }
  .history .content .date .li1 { left: 108px; top: 30px; }
  .history .content .date .li2 { left: 144px; top: 90px; }
  .history .content .date .li3 { left: 110px; top: 145px; }
  .history .content .date .li4 { left: 180px; top: 150px; }
  .history .content .date .li5 { font-size: 20px; left: 50px; top: 210px; width: 110px; }
  .history .content .date .li6 { left: 40px; top: 280px; }
  .history .content .date .li7 { left: 4px; top: 335px; }
  .history .content .date .li8 { left: 180px; top: 265px; font-size: 13px; line-height: 20px; }
  .history .content .date .li8 h2 { font-size: 16px; }
  .history .content .con { margin: 10px 0 0; padding: 0 0 20px 20px; width: 280px; }
  .history .content .con .list h3 { line-height: 20px; font-family: 13px; padding: 10px 0; }
  .history .content .con .list h3 em { font-size: 15px; }
  .history .content .con .list { font-size: 12px; line-height: 20px; }
  .quality li .txt { font-size: 12px; }
  .journal_ban { padding: 15px 2% 20px 2%; }
  .journal_ban .pic { width: 25%; height: auto; }
  .journal_ban .right { width: 70%; }
  .journal_ban .right h3 { font-size: 16px; line-height: 25px; }
  .journal_ban .right h4 { margin: 5px 0; }
  .journal_ban .right .desc { font-size: 12px; }
  .guided_reading { padding: 0; }
  .journal_content { font-size: 12px; line-height: 24px; padding: 10px 0 0 0; }
  .journal_content p { padding: 5px 0; }
  .newtitle { font-size: 16px; }
  .newspage { font-size: 13px; margin: 20px 0 0; }
  .contact .txt { font-size: 13px; line-height: 24px; }
  .contactinfor { padding: 25px 0; }
  .contactinfor .map { margin-left: 0; }
  .productpage { width: 100%; margin-left: 0; }
  .productpage .list { width: 48%; padding: 0 0 20px 0; margin: 0 1% 20px 1%; height: auto; }
  .productpage .list .img, .productpage .list .img img { width: 100%; height: auto; }
  .productpage .list .description { font-size: 12px; line-height: 20px; height: 80px; }
  .productlist .right h1 { font-size: 15px; }
  .productlist .right .description { font-size: 12px; height: 80px; line-height: 20px; margin: 5px 0 10px; }
  .productcontent { font-size: 12px; line-height: 22px; }
  .solution_right .title h1 { font-size: 16px; }
  .solution_list .list .right h1 { font-size: 15px; height: 20px; line-height: 20px; }
  .solution_list .list .right .description { font-size: 12px; margin: 3px 0 5px; line-height: 20px; }
  .solution_content { font-size: 12px; line-height: 22px; }
  .solution_content .con1 p, .solution_content .con2 p { line-height: 22px; padding: 3px 0 3px 20px; }
  
  .caseLoop2 .bd ul li p { font-size: 14px; height: 30px; line-height: 30px; }
  .bottom_contact h2 { font-size: 16px; }
  .newsul li { font-size: 12px; }
  .news .list { margin: 0 0 20px 0; }
  .post { padding: 0 0 20px 0; }
  .service .list { width: 100%; border-bottom: 1px solid #d0d0d0 !important; border-top: 0 !important; }
  .service .list .contents { border-right: 0; }
  .service .list .contents { padding: 0; }
  .service .list .contents2 { padding: 0; }
  .service .list .contents .text { width: 390px; margin: 5px 0 0 0; }
  .service .list .contents .text .description { line-height: 22px; }
  .report .list { font-size: 12px; }
  .report .list .l { font-size: 12px; }
  .report .list.r3 .s { padding: 0 !important; }
  .software_intro { width: 100%; }
  .software_intro .img { width: 32%; height: auto; padding: 0; }
  .software_intro .text { width: 65%; }
  .software_intro .text span { width: 60px; }
  .search_result .list h4 { margin: 0 0 5px; }
  .search_result .list .description { height: auto; line-height: 22px; }
  #footer { min-width: 100%; }
  .footer { padding: 10px 0; width: 100%; }
  .footleft { float: none; width: 96%; padding: 0 0 0 2%; }
  .footright { float: none; width: 96%; padding: 0 0 0 2%; }
  .foot h1 { font-size: 16px; height: 40px; line-height: 35px; }
  .footleft .content { line-height: 20px; font-size: 12px; }
  .footright .content { padding: 5px 0 0 0; line-height: 25px; font-size: 12px; }
  .footright .content img { margin: 0 10px 0 0; }
  .footright .content h2 { margin: 15px 0 0 0; font-size: 15px; }
  .botlink { padding: 15px 0 10px 2%; }
  .copyright { margin: 0 0 0 2%; width: 96%; }
  .register_step { background: url(../images/register_step2.jpg) no-repeat center 0; background-size: contain; width: 100%; }
  .query_wrap .content { width: 95%; }
.history .content .date .li1 { font-size:13px; top:20px; line-height:20px;}.history .content .date .li1 h2{ font-size:16px;}
}
@media only screen and (min-width:760px) and (max-width:1000px) {
  #top { min-width: 760px; }
  .top { width: 760px; }
  .header { min-width: 760px; }
  .head { width: 760px; }
  .banner { height: 380px; }
  .f1920x450 li .txt { margin-top: -120px; right: 2%; margin-right: 0; }
  .wrapper { width: 760px; }
  .wrapper .title { margin: 0 0 15px 0; }
  .index_main { padding: 20px 0; }
  .index_main2 { padding: 20px 0 30px 0; }
  .index_new { float: none; width: 100%; }
  .index_new .content .text { padding: 0; width: 490px; background: none; }
  .index_product { width: 100%; padding: 15px 0 0 0; }
  .index_product .content .img { height: 180px; width: 148px; }
  .index_product .content .right { width: 580px; }
  .index_product .content .right h2 { line-height: 16px; margin: 5px 0; }
  .index_product .content .right .description { width: 100%; line-height: 20px; }
 
  
.index_solution ul{ margin-left:-30px;}
.index_solution li{ float:left; margin:0 0 0 30px; width:270px; height:330px; }
.index_solution li a{ display:block; height:100%; width:100%;background:#fff; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;-webkit-box-shadow: 0 1px 2px #bbb;-moz-box-shadow: 0 1px 2px #bbb;box-shadow: 0 1px 2px #bbb; position:relative;behavior:url(PIE.htc);}
.index_solution li a:hover{-webkit-box-shadow: 2px 3px 3px #999;-moz-box-shadow: 2px 3px 3px #999;box-shadow: 2px 3px 3px #999; position:relative;behavior:url(PIE.htc);}
.index_solution .img{ position:relative;width:270px; height:145px; margin:0 0 10px 0; overflow:hidden;}
.index_solution .img img{ width:100%; height:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.index_solution li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}



.producttab { width: 756px; border: 0; background: url(../images/product_tabbg3.jpg) no-repeat center 0; margin: 0 auto 10px auto; }
  .producttab li { width: 100px; font-size: 12px; padding: 0 0 0 26px; }
  .producttab li span { left: 5px !important; top: 5px !important; }
  .productxl { margin: 0 0 20px 0; width: 100%; }
  .productxl .img { width: 387px; height: 370px; }
  .product_content .feature { padding: 20px 0 0; width: 320px; }
  .product_content .feature ul { height: 280px; }
  .product_content .feature li { margin: 0 0 5px 0; }
  .tjproduct { width: 100%; float: none; }
  .tjproduct li { height: 170px; width: 175px; margin: 0 0 0 20px; }
  .tjproduct .li1 { width: 370px; margin: 0; height: 170px; }
  .tjproduct li p { font-size: 12px; height: 32px; line-height: 32px; }
  .case_pc { height: 250px; }
  #slider { height: 240px !important; }
  #slider .slide { height: 240px; }
  #slider .slide-block { height: 220px; padding: 10px; width: 140px; }
  .slide-block h2 { font-size: 15px; line-height: 25px; }
  .slide-block h3 { font-size: 13px; margin: 0 0 5px 0; }
  .slide-block .description { font-size: 12px; line-height: 18px; margin: 0 0 10px 0; height: 125px; overflow: hidden; }
  .slide-block .jt { height: 200px; }
  .slideimage { width: 152px; }
  .slideimage img { width: 152px; height: 240px; }
  .slideimage h5 { height: 40px; line-height: 40px; font-size: 13px; }
  .solution_list .list .right .description { height: 40px; }
  .insidebanner { min-width: 760px; height: 300px; }
  .insidebanner .con { width: 760px; margin-left: -380px; top: 60px; font-size: 13px; line-height: 22px; }
  .insidebanner .con h1 { font-size: 22px; line-height: 40px; }
  .insidebanner .con .t { max-height: 66px; overflow: hidden; }
  .insidepage { width: 760px; padding: 0 10px 0 0; background: url(../images/insidepagebg3.jpg) repeat-y 0 0; }
  .leftpage { width: 150px; }
  .leftmenu { padding: 0 0 20px 0; margin: -30px 0 0 0; }
  .leftmenu h1 { width: 132px; height: 80px; line-height: 80px; font-size: 20px; background: url(../images/leftmenuh2.png) no-repeat 0 0; }
  .leftmenu li { font-size: 12px; }
  .leftmenu li a { background: url(../images/leftmenu3.jpg) no-repeat right -50px; padding: 0 25px 0 0; }
  .leftmenu li a:hover, .leftmenu .current a { background: url(../images/leftmenu2.jpg) no-repeat right -1px; }
  .leftnews { margin-left: 8px; width: 135px; }
  .leftnews .ntitle { line-height: 18px; }
  .leftbar { padding: 0 8px 0 10px; }
  .leftwb { margin: 0 0 0 8px; width: 135px; }
  .left_search { margin-left: 8px; width: 135px; }
  .select_product { padding: 2px 0; }
  .select_product span { left: 5px; top: 2px; width: 105px; font-size: 12px; }
  .select_product a { top: 5px; }
  .select_product ul { width: 134px; top: 25px; }
  .rightpage { width: 580px; }
  .company_infor .infors { width: 85%; }
  .contactinfor .content { margin-left: -30px; }
  .contactinfor .content .list { margin: 0 0 20px 30px; width: 330px; }
  .contactinfor .content .list2, .contactinfor .content .list4 { width: 220px; }
  .contactinfor .content .list .text { font-size: 12px; line-height: 22px; width: 260px; }
  .contactinfor .content .list2 .text, .contactinfor .content .list4 .text { width: 150px; }
  .contactinfor .content .list .text h2 { margin: 0 0 10px; padding: 0 0 5px; width: 100%; }
  .journal { margin-left: -10px; }
  .journal .list { height: 200px; margin: 0 0 20px 10px; padding: 10px 5px; width: 275px; }
  .journal .list h3 { font-size: 14px; }
  .journal .list .content .pic { width: 120px; height: 150px; }
  .journal .list .content .desc { width: 145px; }
  .journal .list .content .directory { height: 80px; margin: 0 0 5px 0; }
  .journal .list .link a { width: 65px; }
  .productpage { padding: 40px 0; margin-left: -20px; width: 780px; }
  .productpage .list { height: 300px; margin: 0 0 30px 20px; width: 240px; }
  .productpage .list .img, .productpage .list .img img { width: 240px; height: 160px; }
  .productpage .list .producttype { margin: 10px 0 5px 0; }
  .productpage .list .producttype h1 { font-size: 15px; }
  .productlist { margin-right: 0; }
  .productlist .img { height: 150px; margin: 0; width: 180px; }
  .productlist .right { width: 380px; }
  .product_details { padding: 0; }
  .productms { width: 300px; }
  .productms .desc { font-size: 12px; line-height: 22px; }
  .productcontent { padding: 15px 15px 25px 15px; }
  .relate_product ul { margin-left: -16px; }
  .relate_product li { height: 102px; margin: 0 0 20px 16px; width: 132px; }
  .relate_product li img, .relate_product li a { width: 130px; height: 100px; }
  .solution { width: 760px; }
  .solution {width: 760px;}.solution_left{width:480px;padding:0 20px 30px 0;}.solution_list .list{padding:0 0 15px 0;margin:0 0 15px 0;}.solution_list .list .img{height: 90px;width: 140px;}.solution_list .list .right {width: 320px;}.solution_right {width: 250px;}.tjvideo{ padding:0 0 10px 0;}.tjvideo .video{width:100px; height:80px;}.tjvideo .r{width:140px;}.tjvideo .r h2{ font-size:12px; margin:-3px 0 3px 0;}.tjvideo .r .desc{ line-height:18px;}.solution_content .video{ width:440px;}.solution_content .video .con{ width:440px; height:330px;}
  
  .proLoop { padding: 0 0 15px; }
  .proLoop .bd ul li { margin: 0 10px 0 0; width: 115px; height: 105px; }
  .proLoop .bd ul li p { height: 24px; line-height: 24px; font-size: 12px; }
  .downloadLoop .bd ul li { margin: 0 0 20px; }
  .downloadLoop .bd ul li .pic { width: 100px; height: 120px; }
  .downloadLoop .bd ul li .r { width: 135px; }
  .downloadLoop .bd ul li .r .description { margin: 5px 0 15px 0; }
  .newstop .img { width: 220px; height: 170px; }
  .newsslideimg { width: 220px; height: 170px; }
  .newsslideimg .bd li { width: 220px; height: 170px; }
  .newsslideimg .bd li img { width: 220px; height: 170px; }
  .tnew .img { width: 100px; height: 80px; }
  .tnew .right { width: 140px; }
  .relate_news dl.over{ height:95px;}
  .relate_news dl.over dt { width: 100px; height: 80px; }
  .relate_news dl.over dd { width: 140px; }
  .relate_news dl.over dd h1 { margin: -3px 0 3px 0; line-height: 18px; height: 36px; }
  .relate_news dl.over dd .desc { line-height: 16px; }
  .bottom_contact { width: 760px; }
  .bcright { width: 420px; }
  .caseLoop2 .bd ul li { margin: 0 15px 35px; width: 210px; height: 140px; }
  .caseLoop2 .bd ul li img { height: 140px; width: 210px; }
  .tnews { padding: 0; width: 340px; }
  .tnews .description { font-size: 12px; margin: 0 0 15px 0; }
  .comment_content li .r { width: 470px; }
  .comment_content li textarea { width: 450px; }
  .online_support li .litxt2 { width: 280px; }
  .online_support li .litxt .input { width: 550px; }
  .online_support li .litxt2 .input { width: 180px; }
  .online_support li .litxt textarea { width: 555px; }
  .hotpost { width: 380px; }
  .postul li .postname { width: 480px; }
  .login { min-width: 760px; }
  .login_form { width: 760px; padding-right: 0; }
  .loginleft { width: 280px; padding: 30px 0 0 0; }
  .wrap { padding: 20px 20px 30px; width: 720px; }
  .report .list .l { padding: 0 5px 0 0; font-size: 12px; width: 110px; }
  .report .list .r { width: 600px; font-size: 12px; }
  .report .list .input.input1 { width: 260px; }
  .report .list .input { width: 210px; font-size: 12px; }
  .report .list select { width: 135px; font-size: 12px; }
  .report .list.r4 textarea { width: 90%; }
  .report .list.r3 .input { width: 125px; }
  .report .list.r3 .input3 { width: 38px; }
  .report .list.r3 .ml50 { margin-left: 15px; }
  .report .list.r3 .mr60 { margin-right: 40px; }
  .report .list.r3 .ml40 { margin-left: 5px; }
  .report .list textarea { width: 565px; }
  .report .list .select { width: 75px; }
  .report .list .checkbox { width: 200px; }
  .report .list.tc { padding: 20px 0 20px; }
  .report .list .input10, .report .list.r3 .input10 { width: 30%; margin: 0 2% 10px 0; }
  .query_wrap { width: 760px; }
  .case { margin-left: -20px; }
  .case dl { margin: 0 0 20px 20px; width: 180px; }
  .case dt { height: 140px; width: 180px; margin: 0 0 5px 0; }
  .case dd { font-size: 13px; }
  .case_intro .img { width: 300px; height: 200px; }
  .case_intro .intro { width: 260px; }
  .case_intro .intro h1 { font-size: 14px; line-height: 20px; max-height: 40px; }
  .case_intro .intro .charc { font-size: 12px; line-height: 20px; padding: 0; }
  .case_content .h1 { font-size: 15px; margin: 0; }
  .case_content .contents { font-size: 12px; line-height: 22px; }
  .case_content .contents h2 { font-size: 13px; margin: 10px 0 5px; }
  .job .list .zw .r { width: 415px; }
  .job .list .yq { padding: 15px 15px 0; }
  .job .list .yq .content { line-height: 24px; }
  .download .list .text { width: 550px; }
  .resume li .inputtext .input { width: 130px; }
  .resume .li .inputtext { width: 380px; }
  .resume .li .inputtext .input { width: 368px; }
  .resume .education .inputtext2 { width: 130px; }
  .resume .education .inputtext2 .input { width: 110px; }
  .resume .education textarea { width: 605px; }
  .left_journal { width: 135px; }
  .left_journal h1 { font-size: 14px; }
  .journal_search .searchtext { width: 95px; padding: 3px 5px 4px 7px; }
  .left_journal .border { margin: 15px 0 0 0; padding: 0 5px 10px; box-shadow: 2px 3px 3px #999; -webkit-box-shadow: 2px 3px 3px #999; -moz-box-shadow: 2px 3px 3px #999; }
  .scrolllist .imglist_w { height: 130px; margin: 0 0 0 5px; width: 90px; }
  .scrolllist .imglist_w li { width: 90px; }
  .scrolllist .imglist_w li img { width: 88px; height: 128px; }
  a.abtn { margin: 50px 0 0 0; }
  .publications li { width: 53px; padding: 0 0 0 8px; }
  .journal_ban { padding: 15px 10px 20px 10px; }
  .journal_ban .right { width: 370px; }
  .news .list .img { width: 200px; height: 120px; }
  .news .list .right { width: 365px; }
  .news .list .right h1 { font-size: 14px; }
  .news .list .right .description { font-size: 12px; line-height: 20px; height: 60px; }
  .network { width: 580px; height: 680px; background: url(../images/networkbg2.jpg) no-repeat 0 0; }
  .network_hrb { right: 8px; top: 75px; }
  .network_cc { right: 18px; top: 105px; }
  .network_sy { right: 23px; top: 135px; }
  .network_hhht { right: 148px; top: 155px; }
  .network_bj { right: 93px; top: 170px; }
  .network_tj { right: 78px; top: 170px; }
  .network_sjz { right: 108px; top: 200px; }
  .network_ty { right: 133px; top: 210px; }
  .network_jn { right: 73px; top: 215px; }
  .network_xn { right: 253px; top: 230px; }
  .network_lz { right: 233px; top: 240px; }
  .network_zz { right: 113px; top: 255px; }
  .network_xa { right: 173px; top: 255px; }
  .network_nj { right: 48px; top: 278px; }
  .network_sh { right: 25px; top: 285px; }
  .network_hf { right: 73px; top: 285px; }
  .network_hz { right: 35px; top: 300px; }
  .network_wh { right: 103px; top: 300px; }
  .network_cd { right: 225px; top: 305px; }
  .network_cq { right: 178px; top: 313px; }
  .network_nc { right: 78px; top: 320px; }
  .network_cs { right: 118px; top: 330px; }
  .network_fz { right: 37px; top: 350px; }
  .network_gy { right: 193px; top: 370px; }
  .network_km { right: 245px; top: 375px; }
  .network_xm { right: 55px; top: 380px; }
  .network_gz { right: 105px; top: 395px; }
  .network_nn { right: 170px; top: 395px; }
  .network_sz { right: 96px; top: 404px; }
  .network_content { left: -100px; bottom: 20px; width: 200px; padding: 0 5px 10px 10px; }
  .feedback { padding: 30px 0 20px 20px; width: 540px; }
  .feedback li .litxt { width: 420px; }
  .feedback li .litxt .input { width: 250px; }
  .feedback li .litxt textarea { width: 405px; }
  .recommendpost{ width:210px;}.postimg,.postimg .bd li,.postimg .bd li img{ width:210px; height:230px; }
  .hotpost { width: 340px; }
  .hotpost ul { height: 200px; overflow: hidden; }
  .posttitle { padding: 5px; }
  .posttitle span, .posttitle a { margin: 0 0 0 5px; }
  .posttitle .r { top: 5px; }
  .postul li i { margin: 3px 15px 0 0; }
  .postul li .postname { width: 310px; }
  .resume li { width: 49%; }
  .resume .li { width: 99%; }
  .resume .education .inputtext { margin: 0 0 5px 0; }
  .resume .education textarea { width: 405px; }
  .download .list .text { width: 350px; }
  .register .list .r { width: 750px; }
  .register .list .l { width: 110px; font-size: 13px; }
  .register .list .r { width: 600px; font-size: 12px; }
  .register .list.l1 .r label { line-height: 16px; width: 250px; }
  .register .list .r .input { width: 300px; }
  .register .list .r textarea { width: 540px; }
  .register .list .r select { width: 150px; }
  .inforul li .span2 { width: 155px; }
  #footer { min-width: 760px; }
  .footer { padding: 10px 0 20px 0; width: 760px; }
  .footleft { float: left; width: 380px; padding: 0; }
  .footright { float: right; width: 340px; padding: 0; }
  .foot h1 { font-size: 16px; height: 40px; line-height: 35px; }
  .footleft .content { line-height: 20px; font-size: 12px; }
  .footright .content { padding: 5px 0 0 0; line-height: 25px; font-size: 12px; }
  .footright .content img { margin: 0 10px 0 0; }
  .footright .content h2 { margin: 5px 0 0 0; font-size: 15px; }
  .botlink { padding: 8px 0 12px; }
  .copyright { margin: 0; width: 100%; }
  .honor .list ul { margin-left: -3.5%; }
  .honor .list li { float: left; width: 21%; margin: 0 0 20px 3.5%; }
  .solution_video li p{ font-size:12px;}.solution_video li .video{ height:80px;}
  .relate_news li.hover .txt { width: 160px; }
  .quality { margin: 35px 0; }
  .quality .list { font-size: 12px; line-height: 18px; padding: 26px 0 0 0; height: 54px; margin: 0 0 15px 0; overflow: hidden; }
  .solution_video dl.over dt{width:100px; height:80px;}.solution_video dl.over dd{width:140px;}.solution_video dl.over dd h1{ margin:-3px 0 3px 0; line-height:18px; height:36px;}.solution_video dl.over dd .desc{ line-height:16px; height:64px;}
}
@media screen and (max-width:760px) {
  #top .top .m{display: none;}
  .banner { height: 310px; }
  .f1920x450 li .txt { position: absolute; top: 20%; margin: 0; right: 1%; width: 45%; text-align: right; }
  .f1920x450 .img { display: none; }
  .f1920x450 .img2 { display: block; }
  .index_case { height: auto; }
  .index_new .content { position: relative; padding-left: 260px; }
  .index_new .content .img { float: none; position: absolute; top: 0; left: 0; }
  .index_new .content .text { float: none; width: 100%; }
  .insidebanner { width: 100%; min-width: 100%; height: 200px; }
  .insidebanner .con { position: absolute; width: 96%; left: 2%; margin-left: 0; top: 25px; font-size: 13px; line-height: 20px; }
  .insidebanner .con h1 { font-size: 24px; }
  .insidebanner .con .t { width: 100%; max-height: 60px; height: 60px; overflow: hidden; overflow: hidden; padding: 0; margin: 0 0 10px 0; }
  .insidepage { background: none; width: 96%; margin: 0 auto; padding: 20px 0; }
  .leftpage { width: 100%; float: none; padding: 0; }
  .leftmenu { margin: 0; padding: 0; }
  .leftmenu h1 { display: none; }
  .leftmenu ul { margin: 0 0 0 -1%; }
  .leftmenu li { float: left; width: 24%; margin: 0 0 5px 1%; height: 40px; line-height: 40px; }
  .leftmenu li a { height: 40px; background: url(../images/leftmenu.jpg) no-repeat scroll 0 -58px; padding: 0; text-align: center; }
  .leftmenu li a:hover, .leftmenu .current a { background: #2193c7; }
  .leftnews, .leftbar { display: none; }
  .left_search { float: none; margin: 0; width: 100%; padding: 0 0 10px 0; }
  .select_product { width: 175px; float: left; margin: 0 10px 0 0; }
  .left_search .button { float: left; width: 100px; padding: 5px 0 0 0; }
  .rightpage { float: none; width: 100%; padding: 0px 0 20px 0; }
  .righttop { height: 35px; }
  .righttop h1 { font-size: 15px; }
  .history .content .con { width: 320px; }
  .journal { margin-left: -2%; }
  .journal .list { margin: 0 0 20px 2%; padding: 10px 2% 20px 2%; width: 44%; height: auto; }
  .journal .list h3 { font-size: 14px; margin: 0 0 5px 0; }
  .journal .list .content .pic { width: 40%; height: auto; }
  .journal .list .content .desc { width: 55%; }
  .journal .list .content .directory { height: 80px; margin: 0 0 5px 0; }
  .journal .list .link a { width: 45%; }
  .left_journal { width: 100%; padding: 0 0 20px 0; }
  .left_journal h1 { float: left; display: inline; }
  .journal_search { float: left; margin: 10px 0 0 10px; }
  .left_journal .border { width: 96%; float: left; padding: 0 2% 10px 2%; margin: 10px 0; }
  a.abtn { display: none; }
  .scrolllist .imglist_w { width: 100%; margin: 0; height: auto; }
  .scrolllist .imglist_w ul { position: relative; width: 100%; }
  .scrolllist .imglist_w li { margin: 0 1%; width: 23%; }
  .scrolllist .imglist_w li img { height: auto; width: 100%; }
  .guided_reading li { font-size: 12px; padding: 0 0 0 10px; }
  .contactinfor .content { margin-left: 0; }
  .contactinfor .content .list { margin: 0 0 20px 0; width: 100%; position: relative; min-height: inherit !important; }
  .contactinfor .content .list .icon { position: absolute; top: 0; left: 0; }
  .contactinfor .content .list .text { float: none; font-size: 12px; line-height: 22px; position: relative; width: auto; top: 0; margin: 0 0 0 70px; }
  .contactinfor .content .list .text h2 { margin: 0 0 10px; padding: 0 0 5px; width: 100%; }
  .productlist .img { width: 30%; height: auto; margin: 0; }
  .productlist .right { width: 66%; }
  .productms { width: 380px; }
.solution{ width:98%;}.solution_left .righttop{ margin-right:0;}.solution_left{ width:380px; padding-right:0; background:none;}.solution_list{ padding:0;}.solution_list .list .img{ width:28%; height:auto;}.solution_list .list .right {width: 69%;}.solution_right{ width:290px;}.solution_right .title{ height:35px;}.solution_right .title h1{ height:35px; font-size:15px;}.tjvideo{ padding:0 0 10px 0;}.relate_news dl.over dt{ width:100px; height:80px;}.relate_news dl.over dd h1{ margin:-3px 0 3px 0;}.downloadLoop .bd ul li .r{ width:150px;}
  .caseLoop2 .bd ul li { margin: 0 15px 35px; width: 290px; height: 200px; }
  .caseLoop2 .bd ul li img { height: 200px; width: 290px; }
  .bottom_contact { width: 98%; font-size: 12px; }
  .bcleft { width: 45%; }
  .bcright { width: 50%; }
  .leftwb { display: none; }
  .newstop { position: relative; padding-left: 260px; }
  .newstop .img { position: absolute; float: none; top: 0; left: 0; }
  .tnews { float: none; width: 100%; }
  .tnews .description { line-height: 20px; height: 120px; margin: 10px 0 15px 0; }
  .comment { display: none; }
  .news .list .img { width: 32%; height: auto; }
  .news .list .right { width: 65%; }
  .news .list .right h1 { font-size: 14px; }
  .news .list .right .description { font-size: 12px; line-height: 20px; height: 60px; }
  .post { padding-left: 235px; min-height:230px; position: relative; }
  .recommendpost { position: absolute; top: 0; left: 0; float: none; }
  .recommendpost{ width:210px;}.postimg,.postimg .bd li,.postimg .bd li img{ width:210px; height:230px; }
  .hotpost { float: none; width: 100%; }
  .hotpost li { line-height: 22px; height: 22px; }
  .posttitle { padding: 5px; }
  .posttitle span, .posttitle a { margin: 0 0 0 5px; }
  .posttitle .r { top: 5px; }
  .posttitle .r .author { width: 60px; }
  .posttitle .r .view { width: 45px; }
  .posttitle .r .date { width: 70px; }
  .postul li { position: relative; padding-right: 175px; }
  .postul li i { margin: 3px 15px 0 0; }
  .postul li .postname { width: 400px; margin: 0; }
  .postul li .time, .postul li .view, .postul li .author { position: absolute; top: 5px; }
  .postul li .time { right: 0; width: 70px; }
  .postul li .view { right: 65px; width: 45px; }
  .postul li .author { right: 110px; font-size: 12px; top: 8px; width: 60px; }
  .service .list .contents .img { width: 25%; height: auto; }
  .service .list .contents .text { width: 71%; }
  .service .list .contents .text .description { line-height: 18px; }
  .network { width: 100%; height: auto; background: none; }
  .networka { display: none; }
  .network_content { display: block !important; position: relative; left: 0; width: 97%; padding: 0 2% 20px 0; -moz-box-shadow: 0px 0px 0px #a3a3a3; -webkit-box-shadow: 0px 0px 0px #a3a3a3; box-shadow: 0px 0px 0px #a3a3a3; }
  .network div { position: relative; left: 0; top: 0; right: 0; }
  .login { width: 100%; min-width: 100%; background: url(../images/loginbg2.jpg) repeat center 0; height: auto; }
  .login_form { width: 100%; padding: 20px 0; }
  .loginleft { width: 230px; padding: 20px 0 0 0; }
  .logindiv { height: 370px; padding: 10px 15px 10px; width: 370px; }
  .logindiv li { margin: 0 0 10px 0; }
  .wrap { width: 94%; padding: 20px 2.9% 30px 2.9%; margin: 30px auto; }
  .wrap .title { margin: 0 0 20px 0; font-size: 16px; }
  .report .list .l { width: 16%; padding: 0 1% 0 0; font-size: 12px; }
  .report .list .r { width: 83%; font-size: 12px; }
  .report .list .input { padding: 0; width: 25%; font-size: 12px; }
  .report .list .input.input1 { width: 50%; }
  .report .list select { margin: 0 0.5% 0 0; padding: 3px 0; width: 24.5%; font-size: 12px; }
  .report .list.r3 .input { width: 18%; }
  .report .list.r3 .input3 { width: 8%; }
  .report .list.r3 .input4 { width: 15%; }
  .report .list .select { width: 10%; }
  .report .list.r3 .ml50 { margin-left: 3%; }
  .report .list.r3 .mr60 { margin-right: 0.5%; }
  .report .list.r3 .ml40 { margin-left: 2%; }
  .report .list.r3 span { padding: 0 1%; }
  .report .list textarea { padding: 5px 0; width: 80%; }
  .report .list .checkbox { width: 33%; }
  .report .list.tc { padding: 20px 0; }
  .report .list.r4 textarea { width: 95%; }
  .report .list.r5 .r { padding: 5px 0 0 0; line-height: 22px; }
  .report .list .input10, .report .list.r3 .input10 { width: 30% !important; margin: 0 2% 10px 0 !important; }
  .report .list.r6 .input4 { width: 30% !important; }
  .case { margin-left: -2%; padding: 0; }
  .case dl { margin: 0 0 20px 2%; width: 31.3%; }
  .case dt { height: auto; width: 100%; margin: 0 0 5px 0; }
  .case dd { font-size: 12px; }
  .case_intro .img { width: 42%; height: auto; }
  .case_intro .intro { width: 55%; }
  .case_intro .intro h1 { font-size: 14px; line-height: 20px; max-height: 40px; }
  .case_intro .intro .charc { font-size: 12px; line-height: 20px; padding: 0; }
  .case_content .h1 { font-size: 15px; margin: 0; }
  .case_content .contents { font-size: 12px; line-height: 22px; }
  .case_content .contents h2 { font-size: 13px; margin: 10px 0 5px; }
  .job .list .zw .l { width: 22%; }
  .job .list .zw .r { width: 75%; padding: 10px 1% 8px 1%; }
  .job .list .yq .content { line-height: 24px; }
  .job .list .zw .r { font-size: 13px; }
  .job .list .zw .r h1 { font-size: 14px; }
  .job .list .yq { padding: 15px 2% 0; margin: 20px 0 0 0; float: right; width: 73%; }
  .resume li { width: 49%; }
  .resume .li { width: 99%; }
  .resume li .txt { width: 30%; font-size: 12px; }
  .resume li .inputtext { width: 68%; }
  .resume .li .txt { width: 15%; }
  .resume .li .inputtext { width: 80%; }
  .resume .education li .txt { width: 15%; }
  .resume .education .inputtext { width: 80%; margin: 0 0 5px 0; }
  .resume .education textarea { width: 70%; }
  .download .list .img { width: 10%; height: auto; }
  .download .list .text { width: 70%; }
  .download .list .down { width: 13%; }
  .agreement { font-size: 12px; }
  .comment_content { display: none; }
  .register_title h1 { font-size: 20px; }
  .register_title .tologin { font-size: 12px; }
  .register h2 { font-size: 14px; padding: 10px 0; }
  .register .list .l { width: 18%; padding: 0 1% 0 0; font-size: 12px; }
  .register .list .r { width: 80%; font-size: 12px; }
  .register .list .r .input.input1 { width: 25%; }
  .register .list .r .input { margin: 0 1% 0 0; width: 35%; }
  .register .list.l1 .r label { line-height: 16px; width: 250px; }
  .register .list .r textarea { width: 98%; padding: 0; }
  .register .list .r select { width: 25%; }
  .succeed { margin: 50px auto; }
  .query_wrap { width: 100%; }
  .query_wrap .content { padding: 20px 0; }
  .query_wrap h1 { font-size: 15px; height: 30px; line-height: 30px; }
  .repair_query { margin: 10px 0; height: 39px; width: 99%; }
  .repair_query .inputs { background: #fff url(../images/gjico.jpg) no-repeat 97% center; font-size: 12px; height: 25px; padding: 7px 8% 7px 1%; width: 70%; }
  .repair_query .button { font-size: 16px; height: 39px; line-height: 39px; width: 18%; }
  .inforul li .span1 { width: 20%; margin: 0 2% 0 0; }
  .inforul li .span2 { width: 70%; }
  .culture { line-height: 20px; }
  .culture_ban { margin: 25px 0 0; }
  .newscontent { line-height: 24px; font-size: 12px; }
  .honor .list ul { margin-left: -3.5%; }
  .honor .list li { float: left; width: 21%; margin: 0 0 20px 3.5%; }
  .journal_ban .right .link .ma { display: none; }
  .solution_content { padding: 0; }
  .case_pc { display: none; }
  .case_mobile { display: block; }
  .slide2 { position: relative; height: auto; margin: 0 0 5px 0; float: left; width: 49.9%; cursor: pointer; background: #fff; overflow: hidden; -webkit-box-shadow: 0px 2px 2px #bdbdbd; -moz-box-shadow: 0px 2px 2px #bdbdbd; box-shadow: 0px 2px 2px #bdbdbd; behavior: url(PIE.htc); }
  .slide2 .slide-block { position: absolute; z-index: 10; left: 0; top: 0; width: 46%; padding: 15px 2%; background: #fff; height: 250px; -webkit-box-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff; }
  .slide2 .slide-block h2 { font-size: 16px; color: #000; line-height: 25px; font-weight: normal; }
  .slide2 .slide-block h3 { font-size: 13px; color: #ababab; font-weight: normal; margin: 0 0 5px 0; }
  .slide2 .slide-block .description { padding: 10px 0 0 0; margin: 0 0 10px 0; background: url(../images/blueline.jpg) no-repeat 0 0; font-size: 12px; color: #666; line-height: 22px; height: 130px; overflow: hidden; }
  .slide2 .slide-block .more { color: #1962c1; }
  .slide2 .slide-block .more a { color: #1962c1; }
  .slide2 .slide-block .more a:hover { color: #0094e1; }
  .slide2 .slide-block .jt { position: absolute; top: 0; right: -14px; display: block; width: 15px; height: 250px; background: url(../images/jico.png) no-repeat 0 center; }
  .slide2 .slideimage { float: right; width: 50%; position: relative; z-index: 9; }
  .slide2 .slideimage img { width: 100%; height: auto; }
  .slide2 .slideimage h5 { position: absolute; z-index: 11; left: 0; bottom: 0; text-align: center; font-weight: normal; width: 100%; height: 45px; line-height: 45px; font-size: 13px; color: #fff; background: url(../images/btrbg.png) repeat 0 0; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; }
  .producttab li span { background: none !important; }
  .solution_list .list{ margin:0 0 20px 0; padding:0 0 20px 0;}.solution_list .list .right .description{ margin:3px 0;}.solution_content .video{ width:360px;}.solution_content .video .con{ width:360px; height:240px;}
  .solution_video dl.over dt{ width:100px; height:80px;}.solution_video dl.over dd h1{ margin:-3px 0 3px 0;}
}
@media screen and (max-width:700px) {
  .productms { width: 350px; }
  .banner { height: 280px; }
  .feedback { padding: 20px 1% 20px 4%; width: 94%; }
  .feedback h1 { padding: 0 0 10px 0; }
  .feedback li { line-height: 22px; margin: 0 0 10px 0; }
  .feedback li span { width: 20%; }
  .feedback li .litxt { width: 79%; }
  .feedback li .litxt .input { padding: 0; width: 60%; height: 22px; line-height: 22px; }
  .feedback li .litxt select { width: 30%; padding: 0; margin: 0 2% 0 0; }
  .feedback li .litxt textarea { padding: 0; width: 92%; }
  .feedback .li { padding: 10px 0 0 0; }
  .postul li .postname { width: 360px; }
  .loginleft { width: 230px; padding: 20px 0 0 0; }
  .logindiv { height: 370px; padding: 10px; width: 320px; }
  .registerul li { padding: 10px 0; }
  .registerul li .right { width: 270px; }
  .registerul li .level .div { width: 110px; }
  .registerul li .level h4 { font-size: 14px; }
  .registerul li h3 { font-size: 12px; }
  .registerul li h3 span { display: inline-block; width: 180px; margin: 0; }
  .logindiv li .inputs .form-input { width: 260px; }
  .logindiv .codeli .inputs { margin: 0 2px 0 0; width: 115px; }
  .logindiv .codeli .inputs .codeinput { width: 70px; }
  .logindiv li .inputs .item-tip { left: 50px; }
  .logindiv li .inputs i { margin: 0 5px 0 0; }
  .logindiv .codeli a { font-size: 12px; margin: 0 0 0 5px; }
  .logindiv .li .button { width: 45%; height: 35px; line-height: 35px; }
  .logindiv .li a { width: 45%; font-size: 14px; height: 35px; line-height: 35px; }
  .report .list .l { width: 18%; }
  .report .list .r { width: 80%; }
  .report .list .input { width: 34%; }
  .report .list .input.input1 { width: 41%; }
  .report .list select { margin: 0 0.5% 0 0; width: 20%; }
  .report .list.r3 .input { width: 15%; }
  .report .list.r3 .input3 { width: 8%; }
  .report .list.r3 .input4 { width: 15%; }
  .report .list .select { width: 11%; }
  .report .list.r3 .ml50 { margin-left: 3%; }
  .report .list.r3 .mr60 { margin-right: 2.5%; }
  .report .list.r3 span { padding: 0 0.5%; }
  .report .list textarea { padding: 5px 0; width: 77%; }
  .relate_product ul { margin-left: -1%; }
  .relate_product li { width: 31%; height: auto; margin: 0 1% 20px 1%; }
  .caseLoop2 .bd ul li { margin: 0 12px 30px; width: 280px; height: 190px; }
  .caseLoop2 .bd ul li img { height: 190px; width: 280px; }
  .quality .sign { width: 20px; }
  .quality .right .txt { margin-left: 13px; }
  .quality .left .txt { margin-right: 13px; }
  .quality .txt .year { font-size: 20px; height: 30px; line-height: 30px; }
  .quality .txt .year .no { font-size: 24px; }
  .solution_left{ width:350px;}.solution_list .list{ margin:0 0 15px 0; padding:0 0 15px 0;}.solution_list .list .right .description{ line-height:18px; height:55px;}.solution_right{ width:270px;}.solution_list .list .right h1{ font-size:14px;}.tjvideo .r{ width:160px;}.downloadLoop .bd ul li .r{ width:130px;}.relate_news dl.over dd{ width:160px;}.solution_content .video{ width:330px;}.solution_content .video .con{ width:330px; height:220px;}
  .solution_video dl.over dd{ width:160px;}
}
@media screen and (max-width:650px) {
  .history .content .con { width: 280px; }
  .banner { height: 250px; }
  .productms { width: 300px; }
  .postul li .postname { width: 320px; }
  .report .list .l { width: 17%; }
  .report .list .r { width: 82%; }
  .report .list .input { width: 34%; }
  .report .list .input.input1 { width: 41%; }
  .report .list select { margin: 0 0.5% 0 0; width: 20%; }
  .report .list.r3 .input { width: 15%; }
  .report .list.r3 .input3 { width: 8%; }
  .report .list.r3 .input4 { width: 15%; }
  .report .list .select { width: 11%; }
  .report .list.r3 .ml50 { margin-left: 3%; }
  .report .list.r3 .mr60 { margin-right: 2.5%; }
  .report .list.r3 span { padding: 0 0.5%; }
  .report .list textarea { padding: 5px 0; width: 77%; }
  .report .list .r .checkbox { width: 49%; }
  .repair .list .l { width: 20%; }
  .repair .list .r { width: 79%; }
  .news .list .right .description { margin: 5px 0; }
  .resume li { width: 49%; }
  .resume .li { width: 99%; }
  .resume li .txt { width: 34%; font-size: 12px; }
  .resume li .inputtext { width: 60%; }
  .resume .li .txt { width: 17%; }
  .resume .li .inputtext { width: 80%; }
  .resume .education li .txt { width: 15%; }
  .resume .education .inputtext { width: 80%; margin: 0 0 5px 0; }
  .resume .education textarea { width: 70%; }
  .register .list.l1 .r label { width: 100%; padding: 5px 0 0 0; }
  .register .list.l2 .r label { width: 100%; line-height: 16px; padding: 5px 0 0 0; }
  .caseLoop2 .bd ul li { margin: 0 12px 30px; width: 260px; height: 170px; }
  .caseLoop2 .bd ul li img { height: 170px; width: 260px; }
  .slide2 { position: relative; height: auto; margin: 0 0 5px 0; width: 49.9%; }
  .slide2 .slide-block { width: 46%; padding: 5px 2%; height: 220px; }
  .slide2 .slide-block h2 { font-size: 14px; line-height: 22px; }
  .slide2 .slide-block h3 { font-size: 12px; margin: 0 0 5px 0; }
  .slide2 .slide-block .description { padding: 10px 0 0 0; margin: 0 0 10px 0; line-height: 20px; height: 120px; overflow: hidden; }
  .slide2 .slide-block .jt { position: absolute; top: 0; right: -14px; display: block; width: 15px; height: 220px; }
  .slide2 .slideimage { float: right; width: 50%; position: relative; z-index: 9; }
  .slide2 .slideimage h5 { height: 40px; line-height: 40px; font-size: 13px; }
  .solution_left{ width:300px;}.solution_content .video{ width:300px;}.solution_content .video .con{ width:300px; height:200px;}.solution_content .video h2{ font-size:15px;}.solution_content .video .text{ padding:5px 0 15px 0;}
}
@media screen and (max-width:600px) {
  .banner { height: 230px; }
  .f1920x450 li .txt { position: absolute; top: 20%; margin: 0; right: 1%; }
  .leftmenu li { font-size: 12px; }
  .index_new .content { padding-left: 230px; }
  .index_new .content .img { width: 220px; height: 160px; top: 3px; }
  .index_new .slideimg { width: 220px; height: 160px; }
  .index_new .slideimg .bd li { width: 220px; height: 160px; }
  .index_new .slideimg .bd li img { width: 220px; height: 160px; }
  .index_new .tjnews { padding: 0 0 5px 0; }
  .index_new .tjnews .description { font-size: 12px; height: 40px; line-height: 20px; padding: 5px 0 0; }
  .index_new .text li { padding: 5px 0 4px 0; }
  .wrapper .title { font-size: 14px; margin: 0 0 10px; background: url(../images/ico.png) no-repeat -191px 0; }
  .website { padding: 0 0 0 90px; height: 20px; top: 8px; overflow: hidden; }
  .producttab li { width: 33.3%; }
  .product_content .feature h1 { margin: 0 0 5px 0; font-size: 15px; }
  .product_content .feature ul { height: 150px; }
  .insidebanner .con { font-size: 12px; }
  .history .content .con { width: 250px; }
  .newstop { padding-left: 210px; }
  .newstop .img { width: 200px; height: 150px; top: 5px; }
  .newsslideimg { width: 200px; height: 150px; }
  .newsslideimg .bd li { width: 200px; height: 150px; }
  .newsslideimg .bd li img { width: 200px; height: 150px; }
  .tnews h1 { font-size: 14px; }
  .tnews .description { margin: 5px 0 10px 0; height: 100px; }
  .map iframe { width: 100%; height: 760px; }
  .productms { width: 250px; }
  .solution_list .list .right .description { height: 36px; }
  .caseLoop2 .bd ul li { margin: 0 10px 30px; width: 240px; height: 160px; }
  .caseLoop2 .bd ul li img { height: 160px; width: 240px; }
  .news .list .right h1 { font-size: 14px; }
  .news .list .right .description { font-size: 12px; height: 80px; line-height: 20px; margin: 5px 0; }
  .select_bbs { display: none; }
  .postul li .postname { width: 280px; }
  .support .list .t { padding: 0 70px 0 0; }
  .support .list .t b { font-size: 13px; width: 70px; }
  .support .list .t .time { font-size: 12px; }
  .loginleft { width: 100%; float: none; text-align: center; padding: 0 0 20px 0; }
  .logindiv { float: none; margin: 0 auto; width: 430px; height: auto; padding: 10px 10px 20px 10px; }
  .registerul li .right { width: 380px; }
  .report .list .l { width: 20%; }
  .report .list .r { width: 79%; }
  .report .list .input { width: 34%; }
  .report .list .input.input1 { width: 41%; }
  .report .list select { margin: 0 0.5% 0 0; width: 20%; }
  .report .list.r3 .input { width: 12%; }
  .report .list.r3 .input3 { width: 8%; }
  .report .list.r3 .input4 { width: 10%; }
  .report .list .select { width: 11%; }
  .report .list.r3 .ml50 { margin-left: 3%; }
  .report .list.r3 .mr60 { margin-right: 2.5%; }
  .report .list.r3 span { padding: 0 0.5%; }
  .report .list textarea { padding: 5px 0; width: 75%; }
  .report .list.r6 .input { margin-left: 0 !important; }
  .repair .list .l { width: 23%; }
  .repair .list .r { width: 76%; }
  .repair .list .input { width: 30%; }
  .repair .list .input0 { width: 50%; }
  .repair .list.r3 .input4 { width: 20%; }
  .news .list .right .description { height: 40px; }
  .job .list .zw .l { width: 25%; }
  .job .list .zw .l .num { font-size: 70px; margin: 0 0 0 5px; }
  .job .list .zw .r { width: 72%; padding: 10px 1% 8px 1%; }
  .job .list .zw .r { font-size: 12px; }
  .job .list .zw .r .time { right: 10px; top: 15px; }
  .job .list .zw .r label { margin: 0 15px 0 0; }
  .job .list .yq { padding: 15px 2% 0; width: 70%; }
  .job .list .yq .content { line-height: 22px; }
  .talent { font-size: 12px; }
  .register .list .l { width: 20%; }
  .register .list .r { width: 78%; }
  .register .list .r .input.input1 { width: 30%; }
  .register .list .r select { width: 30%; }
  .register .list .r .select1 { width: 35%; }
  .register_step { background: url(../images/register_step3.jpg) no-repeat center 0; background-size: contain; margin: 0 0 10px; }
  .post{ padding-left:225px;}
  .hotpost { float: none; width: 100%; }
  .hotpost h1 { font-size: 14px; }
  .slide2 { position: relative; height: auto; margin: 0 0 5px 0; width: 49.9%; }
  .slide2 .slide-block { width: 46%; padding: 5px 2%; height: 220px; }
  .slide2 .slide-block h2 { font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; }
  .slide2 .slide-block h3 { font-size: 12px; margin: 0 0 5px 0; }
  .slide2 .slide-block .description { padding: 5px 0 0 0; margin: 0 0 5px 0; line-height: 18px; height: 125px; overflow: hidden; }
  .slide2 .slide-block .jt { position: absolute; top: 0; right: -14px; display: block; width: 15px; height: 180px; }
  .slide2 .slideimage { float: right; width: 50%; position: relative; z-index: 9; }
  .slide2 .slideimage h5 { height: 40px; line-height: 40px; font-size: 13px; }
  .index_product .content .right .pdt_model{ padding:0;}
  .solution_left{ width:100%;}.solution_right{ width:100%;}.tjvideo{ position:relative; height:80px; padding:0 0 10px 120px;}.tjvideo .video{ position:absolute; top:0; left:0;}.tjvideo .r{ width:100%;}.relate_news dl.over{ padding:0 0 5px 120px; position:relative;}.relate_news dl.over dt{ position:absolute; top:0; left:0;}.relate_news dl.over dd{ width:100%;}.downloadLoop .bd ul li .r{ float:left; padding:0 0 0 20px; width:380px;}.solution_content .video{ width:90%;}.solution_content .video .con{ width:90%; height:300px;}
  .solution_video dl.over{ padding:5px 0 5px 120px; position:relative;}.solution_video dl.over dt{ position:absolute; top:5px; left:0;}.solution_video dl.over dd{ width:100%;}
}
@media screen and (max-width:550px) {
  .banner { height: 210px; }
  .select_product { width: 150px; margin: 0 10px 0 0; }
  .select_product span { width: 120px; }
  .left_search .button { width: 90px; }
  .history .content .con { width: 90%; }
  .productms { width: 200px; }
  .feedback { padding: 20px 1% 20px 2%; width: 96%; }
  .feedback h1 { padding: 0; font-size: 13px; }
  .feedback li span { width: 25%; }
  .feedback li .litxt { width: 74%; }
  .feedback li .litxt .input { padding: 0; width: 60%; }
  .feedback li .litxt select { width: 30%; margin: 0 2% 0 0; }
  .feedback li .litxt textarea { padding: 0; width: 92%; }
  .feedback .li { padding: 10px 0 0 0; }
  .postul li .postname { width: 240px; }
  .topost li .input { width: 250px; }
  .report .list .l { width: 22%; }
  .report .list .r { width: 77%; }
  .report .list .input { width: 70%; margin-left: 23%; margin-top: 3px; }
  .report .list .input.input1 { width: 41%; margin: 0; }
  .report .list select { margin: 0 0.5% 0 0; width: 30%; }
  .report .list.r3 .input { width: 20%; margin: 0 0 3px 0; }
  .report .list.r3 span { width: 22%; text-align: right; }
  .report .list.r3 .input3 { width: 20%; }
  .report .list.r3 .input4 { width: 20%; }
  .report .list .select { width: 20%; margin: 0 0 3px 0; }
  .report .list.r3 .ml50 { margin-left: 0; width: 25%; }
  .report .list.r3 .s { width: auto; padding: 0 0 0 2% !important; }
  .report .list.r3 .mr60 { margin-right: 2.5%; width: 20px; }
  .report .list.r3 span { padding: 0 0.5%; }
  .report .list textarea { padding: 5px 0; width: 75%; }
  .report .list.r3 .msapn { }
  .report .list.r3 .ml40 { margin-left: 0; }
  .report .list .checkbox .input, .report .list .input11, .report .list .codeinput { margin: 0; }
  .report .list .input.codeinput { width: 60px; margin: 0 10px 0 0; }
  .repair .list .l { width: 24%; }
  .repair .list .r { width: 75%; }
  .repair .list .input { width: 30%; margin: 0; }
  .repair .list .input0 { width: 50%; }
  .repair .list.r3 .input4 { width: 20%; margin-right: 2%; }
  .repair .list.r3 .input8 { width: 20%; margin-right: 2%; }
  .repair .list .input13 { margin: 3px 0 0 25%; width: 61%; }
  .caseLoop2 .bd ul li { margin: 0 10px 30px; width: 210px; height: 150px; }
  .caseLoop2 .bd ul li img { height: 150px; width: 210px; }
  .job .list .zw .l { width: 28%; }
  .job .list .zw .l .num { font-size: 60px; margin: 0 0 0 5px; }
  .job .list .zw .r { width: 68%; padding: 10px 1% 8px 1%; }
  .job .list .zw .r .time { right: 5px; top: 15px; }
  .job .list .yq { padding: 15px 2% 0; width: 67%; }
  .resume li { width: 99%; }
  .resume .li { width: 99%; }
  .resume li .txt { width: 25%; font-size: 12px; }
  .resume li .inputtext { width: 50%; }
  .resume li .inputtext .input { width: 60%; }
  .resume .li .txt { width: 25%; }
  .resume .li .inputtext { width: 70%; }
  .resume .li .inputtext .input { width: 90%; }
  .resume .education li .txt { width: 25%; }
  .resume .education .inputtext { width: 70%; margin: 0 0 5px 0; }
  .resume .education textarea { width: 60%; }
  .register .list .l { width: 25%; }
  .register .list .r { width: 73%; }
  .register .list .r .input.input1 { width: 30%; }
  .register .list .r select { width: 45%; }
  .register .list .r .select1 { width: 35%; }
  .register .list.l3 .r label, .register .list.l4 .r label { width: 100%; line-height: 16px; padding: 5px 0 0 0; }
  .register .list .r .input.input13 { width: 87%; margin: 5px 0 0 0; }
  .register .list.tc .btn { width: 50%; font-size: 16px; }
  .download .list .img { height: auto; width: 20%; }
  .download .list .text { width: 76%; margin: 0 0 0 3%; }
  .download .list .down { float: left; width: 18%; padding: 0 0 0 2%; }
  .download .list .text h1 { font-size: 13px; height: 30px; line-height: 30px; }
  .download .list .text .description { line-height: 20px; height: auto; }
  .honor .list ul { margin-left: -3.8%; }
  .honor .list li { float: left; width: 29%; margin: 0 0 20px 3.8%; }
  .slide2 { position: relative; height: auto; margin: 0 0 5px 0; width: 100%; }
  .slide2 .slide-block { width: 46%; padding: 15px 2%; height: 300px; }
  .slide2 .slide-block h2 { font-size: 15px; line-height: 30px; height: auto; }
  .slide2 .slide-block h3 { font-size: 13px; margin: 0 0 5px 0; }
  .slide2 .slide-block .description { padding: 10px 0 0 0; margin: 0 0 10px 0; line-height: 25px; height: 130px; overflow: hidden; }
  .slide2 .slide-block .jt { position: absolute; top: 0; right: -14px; display: block; width: 15px; height: 350px; }
  .slide2 .slideimage { float: right; width: 50%; position: relative; z-index: 9; }
  .slide2 .slideimage h5 { height: 40px; line-height: 40px; font-size: 13px; }
  .history .content .con { width: 90%; }
  /*.quality .content .date { height: auto; padding: 10px 0; }*/
  .quality .bd{background: none}
  .quality .sign{display: none;}
  .quality .right{padding-left: 0;}
  .quality .left{padding-right: 0;}
  .quality .right .txt{margin-left: 0;}
  .quality .left .txt{margin-right: 0;}
  .userpage{ width:500px;}.userright{width: 399px;}.userdownload .list .text {width: 260px;}.reportdetails{ line-height:30px; font-size:12px;}.reportdetails li .txt{ width:230px;}.userinformation li .txt {width: 280px;}
.downloadLoop .bd ul li .r{width:330px;}
}
@media screen and (max-width:500px) {
  .banner { height: 190px; }
  .f1920x450 li .txt { position: absolute; top: 15%; margin: 0; right: 1%; width: 50%; }
  .productxl .img { width: 40%; height: auto; padding: 0; }
  .product_content .feature { padding: 5px 0 0 3%; width: 56%; }
  .product_content .feature ul { height: 132px; }
  .leftmenu li { width: 32%; }
  .culture_ban { padding: 0 0 20px 0; }
  .culture_ban img { float: none; width: 100%; margin: 0; }
  .culture_ban h1 { padding: 10px 2%; margin: 0; }
  .culture_ban p { padding: 0 2%; }
  .index_new .content { padding-left: 190px; }
  .index_new .content .img { width: 180px; height: 130px; top: 5px; }
  .index_new .slideimg { width: 180px; height: 130px; }
  .index_new .slideimg .bd li { width: 180px; height: 130px; }
  .index_new .slideimg .bd li img { width: 180px; height: 130px; }
  .index_new .content .text ul { height: 60px; overflow: hidden; }
  .journal { margin-left: 0; }
  .journal .list { margin: 0 0 20px 0; padding: 10px 2% 20px 2%; width: 96%; height: auto; background-repeat: repeat; }
  .scrolllist .imglist_w li { margin: 0 1%; width: 31%; }
  .select_city, .select_office { width: 178px; }
  .select_city ul, .select_office ul { width: 176px; }
  .select_city, .select_office { background: url(../images/bg.jpg) no-repeat -10px -77px; }
  .productms { width: 100%; padding: 20px 0 0 0; }
  .producttab2 li { width: 103px; height: 35px; line-height: 35px; font-size: 13px; }
  .productcontent { padding: 15px 2%; }
  .bcleft { width: 94%; padding: 0 0 10px 3%; float: none; }
  .bcright { width: 94%; padding: 0 0 0 3%; float: none; }
  .newstop { padding-left: 190px; margin: 0 0 15px 0; }
  .newstop .img { width: 180px; height: 130px; top: 5px; }
  .newsslideimg { width: 180px; height: 130px; }
  .newsslideimg .bd li { width: 180px; height: 130px; }
  .newsslideimg .bd li img { width: 180px; height: 130px; }
  .tnews h1 { font-size: 13px; }
  .tnews .description { margin: 5px 0 10px 0; height: 80px; }
  .news .t .time { padding: 0 0 0 20px; }
  .news .t .share { right: -10px; }
  .news .list { padding: 0 0 15px 0; margin: 0 0 15px 0; }
  .news .list .img { float: none; width: 98%; margin: 0 auto 10px auto; height: auto; }
  .news .list .right { width: 98%; float: none; margin: 0 auto; }
  .news .list .right .description { height: auto; }
  .medialist h1 { font-size: 14px; }
  .medialist .description { font-size: 12px; line-height: 23px; margin: 5px 0; }
  .feedback { padding: 20px 1% 20px 2%; width: 96%; }
  .feedback h1 { padding: 0; font-size: 13px; }
  .feedback li span { width: 30%; }
  .feedback li .litxt { width: 69%; }
  .feedback .li input { margin: 0 15px; }
  .postul li .postname { width: 200px; }
  .service .list .contents .img { width: 95%; height: auto; float: none; margin: 0 auto; }
  .service .list .contents .text { width: 95%; float: none; margin: 10px auto 0 auto; }
  .topost li .input { width: 200px; }
  .loginleft { padding: 0; }
  .logindiv { width: 97%; height: auto; padding: 10px 1% 20px 1%; margin: 0 auto; }
  .registerul li .right { float: left; width: auto; margin: 0 0 0 2%; }
  .registerul li h3 span { display: inline; margin: 0 10px 0 0; }
  .report .list .l { width: 22%; }
  .report .list .r { width: 77%; }
  .report .list .input { width: 70%; margin-left: 23%; margin-top: 3px; }
  .report .list .input.input1 { width: 41%; margin: 0; }
  .report .list select { margin: 0 0.5% 0 0; width: 30%; }
  .report .list.r3 .input { width: 20%; margin: 0 0 3px 0; }
  .report .list.r3 span { width: 22%; text-align: right; }
  .report .list.r3 .input3 { width: 20%; }
  .report .list.r3 .input4 { width: 20%; }
  .report .list .select { width: 20%; margin: 0 0 3px 0; }
  .report .list.r3 .ml50 { margin-left: 0; width: 30%; }
  .report .list.r3 .s { width: auto; padding: 0 0 0 2% !important; }
  .report .list.r3 .mr60 { margin-right: 2.5%; width: 20px; }
  .report .list.r3 span { padding: 0 0.5%; }
  .report .list textarea { padding: 5px 0; width: 75%; }
  .report .list.r3 .msapn { }
  .report .list.r3 .ml40 { margin-left: 0; }
  .report .list .checkbox .input, .report .list .input11, .report .list .codeinput { margin: 0; }
  .report .list .input.codeinput { width: 60px; margin: 0 10px 0 0; }
  .report .list .checkbox .input5 { padding: 0 3px; width: 40px; }
  .report .list .checkbox .input6 { width: 30px; }
  .report .list .checkbox .input7 { padding: 0 3px; width: 35px; }
  .repair .list .l { width: 28%; }
  .repair .list .r { width: 71%; }
  .repair .list .input { width: 30%; margin: 0; }
  .repair .list .input0 { width: 50%; }
  .repair .list.r6 .input4 { width: 50% !important; margin-right: 0; }
  .repair .list.r6 .input8 { width: 50%; margin-right: 0; }
  .repair .list.r6 .mb { margin-bottom: 15px; }
  .repair .list.r7 .input4 { width: 32% !important; margin-right: 2%; }
  .repair .list.r6 span { width: 28%; }
  .repair .list .input13 { margin: 3px 0 0 29%; width: 61%; }
  .report .list .input10, .report .list.r3 .input10 { width: 45% !important; }
  .case_search .s { margin: 0 5px 0 0; }
  .case { margin-left: -2%; padding: 0; }
  .case dl { margin: 0 0 20px 2%; width: 48%; }
  .relate_product ul { margin: 0; }
  .relate_product li { width: 46%; height: auto; margin: 0 0 10px 0; padding: 0 2%; }
  .footright .content { line-height: 22px; }
  .software_intro .text span { font-size: 13px; }
  .righttop h1 { font-size: 14px; background: url(../images/bg.jpg) no-repeat -187px 6px; }
  .software_intro .text{ font-size:12px;}.software_intro .text h2{ font-size:13px;}.software_intro .text p{ margin:5px 0 0 0;}.software_intro .text span{ font-size:12px; width:55px;}
  .post { padding-left: 160px; min-height:170px; }
  .recommendpost { position: absolute; top: 0; left: 0; }
  .postimg { height: 165px; width: 150px; }
  .postimg .bd li { height: 165px; width: 150px; }
  .postimg .bd li img { height: 165px; width: 150px; }
  .hotpost { float: none; width: 100%; }
  .hotpost ul { height: 130px; overflow: hidden; }
  .solution_list .list .img { width: 32%; }
  .solution_list .list .right { width: 66%; }
  .caseLoop2 .bd ul li { margin: 0 10px 30px; width: 190px; height: 130px; }
  .caseLoop2 .bd ul li img { height: 130px; width: 190px; }
  .slide2 .slide-block .jt { height: 300px; }
  .userpage{ width:450px;}.userleft {width: 100%;}.userleft h1 {font-size: 15px;height: 40px;line-height: 40px; padding: 0 0 0 20px;}.userinfor {padding: 10px 10px 15px;}.userinfor .photo{ float:left; margin:0;}.userinfor .r { float: left;width: 180px; padding:0 0 0 15px;}.userleft li {float: left;width: 24.5%;}.userright{width: 100%; border:0; padding:0 0 40px 0;}.userright .title {height: 41px;line-height: 40px;}.userdownload .list .text {width: 310px;}.reportdetails{ line-height:30px; font-size:12px;}.reportdetails li .txt{ width:280px;}.userinformation li .txt {width: 280px;}.userinformation li .txt .input{ width:220px;}
.downloadLoop .bd ul li .r{width:280px;}.solution_content .video .con{ height:250px;}.solution_content .video h2{ font-size:14px;}
}
@media screen and (max-width:450px) {
  .banner { height: 170px; }
  .select_product { width: 130px; margin: 0 5px 0 0; }
  .select_product span { left: 5px; width: 105px; font-size: 12px; }
  .left_search .button { width: 70px; }
  .left_search .button input { padding: 0 10px; }
  .postul li .postname { width: 180px; line-height: 15px; height: 30px; margin-top: -3px; }
  .login_form { padding: 20px 0 0 0; }
  .report .list .l { width: 25%; }
  .report .list .r { width: 74%; }
  .report .list .input { width: 61%; margin-left: 26%; margin-top: 3px; }
  .report .list .input.input1 { width: 41%; margin: 0; }
  .report .list select { margin: 0 0.5% 0 0; width: 25%; }
  .report .list.r3 .input { width: 20%; margin: 0 0 3px 0; }
  .report .list.r3 span { width: 25%; text-align: right; }
  .report .list.r3 .input3 { width: 20%; }
  .report .list.r3 .input4 { width: 20%; }
  .report .list .select { width: 20%; margin: 0 0 3px 0; }
  .report .list.r3 .ml50 { margin-left: 0; width: 35%; }
  .report .list.r3 .s { width: auto; padding: 0 0 0 2% !important; }
  .report .list.r3 .mr60 { margin-right: 0; width: 20px; }
  .report .list.r3 span { padding: 0 0.5%; }
  .report .list textarea { padding: 5px 0; width: 71%; }
  .report .list.r3 .msapn { }
  .report .list.r3 .ml40 { margin-left: 0; }
  .report .list .checkbox .input, .report .list .input11, .report .list .codeinput { margin: 0; }
  .report .list .input.codeinput { width: 60px; margin: 0 10px 0 0; }
  .report .list .checkbox .input5 { padding: 0 2px; width: 30px; }
  .report .list .checkbox .input6 { width: 20px; padding: 0 2px; }
  .report .list .checkbox .input7 { padding: 0 2px; width: 25px; }
  .case_search .s { width: 150px; background: url(../images/bg.jpg) no-repeat 0 -563px; padding: 4px 5px; }
  .case_search .searchtext { padding: 0 0 0 5px; width: 120px; }
  .repair .list { padding: 0 0 10px 0 !important; }
  .repair .list .l { width: 100%; padding: 0; text-align: left; }
  .repair .list .r { width: 100%; }
  .repair .list.r3 span { padding: 0; text-align: left; }
  .repair .list .input { width: 30%; margin: 0; }
  .repair .list .input0 { width: 91%; }
  .repair .list.r3 .input4 { width: 91%; margin-right: 0; }
  .repair .list.r6 .l, .repair .list.r6 span { width: 100%; padding: 0; text-align: left; }
  .repair .list.r3 .input8, .repair .list.r6 .input4 { width: 91% !important; margin-right: 0; }
  .repair .list .input13 { margin: 3px 0 0 0; width: 91%; }
  .report .list .input10, .report .list.r3 .input10 { width: 45% !important; }
  .repair .list select { margin: 0 0.5% 0 0; width: 45%; }
  .repair .list.r4 textarea { width: 91%; }
  .repair .list .input.codeinput { margin: 0 10px 0 0; width: 100px; }
  .repair .list.tc .btn { font-size: 15px; height: 35px; line-height: 35px; margin: 0 3%; width: 35%; }
  .job .list .zw .l { width: 25%; }
  .job .list .zw .l .num { font-size: 40px; margin: 0; text-align: center; line-height: 35px; }
  .job .list .zw .r { width: 71%; padding: 10px 1% 8px 1%; }
  .job .list .zw .r .time { right: 5px; top: 15px; }
  .job .list .yq { padding: 15px 2% 0; width: 70%; }
  .register .list .l { width: 28%; }
  .register .list .r { width: 70%; }
  .register .list.l5 label { margin: 0; }
  .repair_query .button { text-align: left; text-indent: 20px; }
  .code .codeinput { margin: 0 10px 0 10px; width: 60px; }
  .caseLoop2 .bd ul li { margin: 0 10px 30px; width: 170px; height: 115px; }
  .caseLoop2 .bd ul li img { height: 115px; width: 170px; }
  .slide2 .slide-block { padding: 15px 2%; height: 250px; }
  .slide2 .slide-block h2 { font-size: 15px; line-height: 30px; height: auto; }
  .slide2 .slide-block h3 { font-size: 13px; margin: 0 0 5px 0; }
  .slide2 .slide-block .jt { position: absolute; top: 0; right: -14px; display: block; width: 15px; height: 250px; }
  .userpage{ width:400px;}.userleft li a {padding: 0 0 0 10px;}.userdownload {padding: 0 15px;}.userdownload .list .text {width: 270px;}.reportdetails li .txt{ width:230px;}.userinformation li .txt {width: 280px;}.userinformation li .txt .input{ width:220px;}.userreport {padding: 0 10px;}.toprint a {font-size: 14px; height: 28px;line-height: 28px; width: 80px;}
.downloadLoop .bd ul li .r{width:230px;}
}
@media screen and (max-width:400px) {
  .banner { height: 150px; }
  .logo { width: 150px; }
  .headright { top: 5px; }
  .headbutton { top: 30px; }
  .m_menu { top: 55px; }
  .productxl .img { width: 100%; height: auto; }
  .product_content .feature { padding: 10px 0 10px 2%; width: 96%; }
  .product_content .feature ul { height: auto; }
  .product_content .feature li { background: url(../images/ico.png) no-repeat scroll -185px -47px; }
  .tjproduct li { width: 45.5%; margin: 0 2%; }
  .tjproduct .li1 { width: 95%; margin: 0 2% 20px 2%; }
  .index_new .content{ padding-left:160px;}
  .index_new .content .img{ width:150px; height:120px; top:5px;}
  .index_new .slideimg{width:150px; height:120px;}
  .index_new .slideimg .bd li{ width:150px; height:120px;}
  .index_new .slideimg .bd li img{ width:150px;height:120px;}
  .index_new .content .text ul{ height:60px; overflow:hidden;}
  .index_product .content .img { width: 25%; }
  .index_product .content .right { width: 68%; }
  .index_product .content .right h1{ font-size:13px;}
  .banner { height: 200px; }
  .f1920x450 li .txt { position: absolute; top: 10%; margin: 0; right: 1%; width: 60%; }
  .select_product { width: 150px; margin: 0 5px 0 0; }
  .select_product span { left: 5px; width: 125px; font-size: 12px; }
  .left_search .button { width: 100%; padding: 10px 0 0 0; }
  .left_search .button input { padding: 0 20px; }
  div.flickr a, div.flickr span { margin: 0 2px; }
  div.flickr .text { margin: 0 5px; width: 30px; }
  .select_city, .select_office { width: 198px; float: none; margin: 0 0 10px 0; }
  .select_city ul, .select_office ul { width: 196px; }
  .select_city, .select_office { background: url(../images/bg.jpg) no-repeat 0 -77px; }
  .productpage .list { width: 100%; padding: 0 0 20px 0; margin: 0 0 20px 0; height: auto; }
  .productpage .list .img, .productpage .list .img img { width: 100%; height: auto; }
  .productpage .list .description { font-size: 12px; line-height: 20px; height: auto; }
  .productlist .img { width: 100%; height: auto; margin: 0 0 10px 0; }
  .productlist .right { width: 100%; }
  .caseLoop2 .bd ul li { margin: 0 5px 25px; width: 150px; height: 100px; }
  .caseLoop2 .bd ul li img { height: 100px; width: 150px; }
  .caseLoop2 .bd ul li p { font-size: 13px; }
  .newstop { padding: 0 0 15px 0; margin: 0 0 15px 0; }
  .newstop .img { margin: 0 0 10px 0; width: 100%; height: 200px; position: relative; top: 0; }
  .newsslideimg { width: 100%; height: 200px; }
  .newsslideimg .bd li { width: 100%; height: 200px; }
  .newsslideimg .bd li img { width: 100%; height: 200px; }
  .tnews h1 { height: auto; }
  .tnews .description { height: auto; }
  .feedback { padding: 20px 1% 20px 2%; width: 96%; }
  .feedback h1 { padding: 0; font-size: 13px; }
  .feedback li span { width: 32%; }
  .feedback li .litxt { width: 67%; }
  .feedback li .litxt .input { width: 50%; }
  .feedback li .litxt select { width: 43%; }
  .feedback li .litxt textarea { width: 95%; }
  .feedback .li input { margin: 0 10px; }
  .postul li i { margin: 3px 10px 0 0; }
  .postul li .postname { width: 150px; }
  .posttitle .r .date { display: none; }
  .postul li .time { display: none; }
  .postul li { padding-right: 110px; }
  .postul li .view { right: -5px; }
  .postul li .author { right: 35px; }
  .posttitle .r .view, .postul li .view { width: 35px; }
  .posttitle .r .author, .postul li .author { width: 50px; }
  .topost li .input { width: 150px; }
  .wrap { padding: 20px 1.4% 30px 1.4%; width: 97%; }
  .registerul li .right { margin: 0 0 0 10px; width: 270px; }
  .registerul li h3 span { display: inline-block; margin: 0; width: 180px; }
  .report .list { padding: 0; }
  .report .list .l { width: 27%; }
  .report .list .r { width: 72%; }
  .report .list .input { width: 61%; margin-left: 28%; margin-top: 3px; margin-bottom: 3px; }
  .report .list .input.input1 { width: 70%; margin: 0 0 3px 0; }
  .report .list select { margin: 0 0.5% 0 0; width: 30%; }
  .report .list.r3 .input { width: 61%; margin: 3px 0; }
  .report .list.r3 .input12 { width: 48%; }
  .report .list.r3 span { width: 27%; text-align: right; }
  .report .list.r3 .input3 { width: 20%; }
  .report .list.r3 .input4 { width: 50%; }
  .report .list .select { width: 40%; margin: 0 0 3px 0; }
  .report .list.r5 select { margin: 0 20% 0 0; }
  .report .list.r3 .ml50 { margin-left: 0; width: 40%; }
  .report .list.r3 .s { width: auto; padding: 0 0 0 2% !important; }
  .report .list.r3 .mr60 { margin-right: 0; width: 20px; }
  .report .list.r3 span { padding: 0 0.5%; }
  .report .list textarea { padding: 5px 0; width: 71%; }
  .report .list.r3 .msapn { width: 27%; }
  .report .list.r3 .ml40 { margin-left: 0; }
  .report .list .checkbox .input, .report .list .input11, .report .list .codeinput { margin: 0; }
  .report .list .input.codeinput { width: 12%; margin: 0 1% 0 0; }
  .report .list .r .checkbox { float: none; width: 100%; }
  .report .list .checkbox .input5 { padding: 0 2px; width: 30px; }
  .report .list .checkbox .input6 { width: 20px; padding: 0 2px; }
  .report .list .checkbox .input7 { padding: 0 2px; width: 25px; }
  .report .list.r1 { padding: 5px 0 0 0; }
  .report .list.r1 a { margin: 0 0 0 27%; }
  .repair .list { padding: 0 0 5px 0 !important; }
  .repair .list .l { width: 100%; padding: 0; text-align: left; }
  .repair .list .r { width: 100%; }
  .repair .list.r3 span { padding: 0; text-align: left; }
  .repair .list .input { width: 30%; margin: 0; }
  .repair .list .input0 { width: 91%; }
  .repair .list.r3 .input4 { width: 91%; margin-right: 0; }
  .repair .list.r6 .l, .repair .list.r6 span { width: 100%; padding: 0; text-align: left; }
  .repair .list.r3 .input8, .repair .list.r6 .input4 { width: 91% !important; margin-right: 0; }
  .repair .list .input13 { margin: 3px 0 0 0; width: 91%; }
  .report .list .input10, .report .list.r3 .input10 { width: 45% !important; }
  .repair .list select { margin: 0 0.5% 0 0; width: 45%; }
  .repair .list.r4 textarea { width: 91%; }
  .repair .list .input.codeinput { margin: 0 10px 0 0; width: 100px; }
  .repair .list.tc .btn { font-size: 15px; height: 35px; line-height: 35px; margin: 0 3%; width: 35%; }
  .case_intro .img { width: 100%; float: none; }
  .case_intro .intro { width: 100%; float: none; padding: 10px 0 0 0; }
  .case_intro .intro h1 { min-height: auto; }
  .job .list .zw .l { width: 25%; }
  .job .list .zw .l .num { font-size: 40px; margin: 0; text-align: center; line-height: 35px; }
  .job .list .zw .l h1, .job .list .zw .l p { width: 100%; }
  .job .list .zw .r { width: 71%; padding: 10px 1% 8px 1%; }
  .job .list .zw .r h1 { line-height: 18px; margin: 10px 0 0 0; }
  .job .list .zw .r label { margin: 0 15px 0 0; }
  .job .list .zw .r .time { right: 5px; top: 3px; }
  .job .list .yq { padding: 15px 2% 0; width: 70%; }
  .register h2 { padding: 10px 0 0; }
  .register .list { padding: 5px 0; line-height: 24px; }
  .register .list .r .input { height: 24px; line-height: 24px; }
  .register .list .l { width: 100%; padding: 0; text-align: left; }
  .register .list .r { width: 100%; }
  .register .list .r .input { width: 80%; }
  .register .list .r .input.input1 { width: 80%; }
  .register .list .r select { height: 25px; line-height: 25px; padding: 0 5px; }
  .register .list .r .select1 { width: 55%; }
  .register_step { background: url(../images/register_step4.jpg) no-repeat center 0; height: 40px; background-size: contain; margin: 0 0 10px; }
  .footright .content { line-height: 20px; }
  .honor .list ul { margin-left: -5.5%; }
  .honor .list li { float: left; width: 44%; margin: 0 0 20px 5.5%; }
  .post { padding-left:130px; min-height:130px; }
  .postimg,.postimg .bd li,.postimg .bd li img { height: 130px; width: 120px; }.hotpost ul{ height:90px;}
  .slide2 .slide-block { padding: 10px 2%; height: 250px; }
  .slide2 .slide-block h2 { font-size: 14px; line-height: 25px; height: auto; }
  .slide2 .slide-block h3 { font-size: 12px; margin: 0 0 5px 0; }
  .slide2 .slide-block .description { padding: 10px 0 0 0; margin: 0 0 10px 0; line-height: 22px; height: 130px; overflow: hidden; }
  .slide2 .slide-block .jt { position: absolute; top: 0; right: -14px; display: block; width: 15px; height: 250px; }
  .slide2 .slideimage h5 { height: 35px; line-height: 35px; font-size: 13px; }
  .userpage{ width:350px;}.userdownload .list {padding: 15px 0;}.userdownload .list .text {width: 220px;}.reportdetails li .txt{ width:180px;}.userinformation li .txt {width: 230px;}.userinformation li .txt .input{ width:180px;}.userinformation li .txt .btn {padding: 5px 20px;}.userdownload .page_warp{padding: 30px 0 0;}
.downloadLoop .bd ul li .r{width:190px;}.solution_content .video{ width:95%;}.solution_content .video .con{ height:200px;}
}
@media screen and (max-width:360px) {
  .banner { height: 130px; }
  .select_product { width: 130px; margin: 0 5px 0 0; }
  .select_product span { left: 5px; width: 105px; }
  .tabsList li { width: 50% !important; }
  .postul li .postname { width: 120px; }
  .topost li .input { width: 120px; }
  .registerul li .right { width: 250px; margin: 0 0 0 5px; }
  .registerul li .right .pwd { margin-right: 2px; }
  .registerul li .level .div { width: 100px; }
  .registerul li h3 span { display: inline-block; margin: 0; width: 160px; }
  .report .list .l { width: 32%; }
  .report .list .r { width: 67%; }
  .report .list .input { width: 61%; margin-left: 33%; margin-top: 3px; margin-bottom: 3px; }
  .report .list .input.input1 { width: 60%; margin: 0 0 3px 0; }
  .report .list select { margin: 0 0.5% 0 0; width: 30%; }
  .report .list.r3 .input { width: 51%; margin: 3px 0; }
  .report .list.r3 .input12 { width: 40%; }
  .report .list.r3 span { width: 32%; }
  .report .list.r3 .input4 { width: 50%; }
  .report .list .select { width: 40%; margin: 0 0 3px 0; }
  .report .list.r5 select { margin: 0 20% 0 0; }
  .report .list.r3 .ml50 { margin-left: 0; width: 43%; }
  .report .list.r3 .s { width: auto; padding: 0 0 0 2% !important; }
  .report .list.r3 .mr60 { margin-right: 0; width: 20px; }
  .report .list.r3 span { padding: 0 0.5%; }
  .report .list textarea { padding: 5px 0; width: 61%; }
  .report .list.r3 .msapn { width: 32%; }
  .report .list.r3 .ml40 { margin-left: 0; }
  .report .list .checkbox .input, .report .list .input11, .report .list .codeinput { margin: 0; }
  .report .list .input.codeinput { width: 22%; margin: 0 1% 0 0; }
  .report .list .r .checkbox { float: none; width: 100%; }
  .report .list .checkbox .input5 { padding: 0 2px; width: 30px; }
  .report .list .checkbox .input6 { width: 20px; padding: 0 2px; }
  .report .list .checkbox .input7 { padding: 0 2px; width: 25px; }
  .report .list.r1 a { margin: 0 0 0 32%; }
  .report .list.tc .btn { width: 90px; margin: 0 8px; font-size: 16px; }
  .repair .list { padding: 0 0 5px 0 !important; }
  .repair .list .l { width: 100%; padding: 0; text-align: left; }
  .repair .list .r { width: 100%; }
  .repair .list.r3 span { padding: 0; text-align: left; }
  .repair .list .input { width: 30%; margin: 0; }
  .repair .list .input0 { width: 91%; }
  .repair .list.r3 .input4 { width: 91%; margin-right: 0; }
  .repair .list.r6 .l, .repair .list.r6 span { width: 100%; padding: 0; text-align: left; }
  .repair .list.r3 .input8, .repair .list.r6 .input4 { width: 91% !important; margin-right: 0; }
  .repair .list .input13 { margin: 3px 0 0 0; width: 91%; }
  .report .list .input10, .report .list.r3 .input10 { width: 45% !important; }
  .repair .list select { margin: 0 0.5% 0 0; width: 45%; }
  .repair .list.r4 textarea { width: 91%; }
  .repair .list .input.codeinput { margin: 0 10px 0 0; width: 80px; }
  .repair .list.tc .btn { font-size: 15px; height: 35px; line-height: 35px; margin: 0 3%; width: 35%; }
  .repair .list.r1 a { margin: 0 0 0 2%; }
  .case_search .s { width: 122px; background: url(../images/bg.jpg) no-repeat 0 -593px; padding: 4px 3px 4px 5px; }
  .case_search .searchtext { padding: 0 0 0 3px; width: 95px; }
  .case { margin-left: 0; padding: 0; }
  .case dl { margin: 0 0 20px 0; width: 100%; }
  .case dd { height: auto; line-height: 18px; }
  .job .list .yq { padding: 15px 2% 0; width: 95%; }
  .resume li .txt { width: 30%; }
  .resume li .inputtext { width: 50%; }
  .resume li .inputtext .input { width: 60%; }
  .resume .li .txt { width: 30%; }
  .resume .li .inputtext { width: 68%; }
  .resume .li .inputtext .input { width: 90%; }
  .resume .education li .txt { width: 30%; }
  .resume .education .inputtext { width: 68%; margin: 0 0 5px 0; }
  .resume .education textarea { width: 60%; }
  .resume .education .inputtext .time { width: 50px; }
  .logindiv li .inputs .form-input { width: 220px; }
  .logindiv .codeli .inputs { margin: 0 10px 0 0; width: 145px; }
  .logindiv .codeli a { display: block; margin: 0; }
  .download .list .img { float: none; height: auto; width: 60%; margin: 0 auto; }
  .download .list .text { width: 100%; margin: 0; }
  .download .list .down { float: left; width: 100%; padding: 10px 0 0 0; }
  .repair_query .inputs { background: #fff url(../images/gjico.jpg) no-repeat 99% center; }
  .repair_query .button { text-align: left; text-indent: 20px; font-size: 14px; width: 19%; }
  .code .codeinput { margin: 0 10px 0 10px; width: 80px; }
  .code a { display: block; margin: 0 0 0 60px; }
  .inforul li .span1 { width: 30%; margin: 0 2% 0 0; }
  .inforul li .span2 { width: 65%; }
  .footright .content h2 { margin: 10px 0 0; }
  
  .caseLoop2 .bd ul li { margin: 0 5px 25px; width: 140px; height: 90px; }
  .caseLoop2 .bd ul li img { height: 90px; width: 140px; }
  .slide2 .slide-block { padding: 10px 2%; height: 220px; }
  .slide2 .slide-block h2 { font-size: 14px; line-height: 20px; height: auto; }
  .slide2 .slide-block h3 { font-size: 12px; margin: 0 0 5px 0; }
  .slide2 .slide-block .description { padding: 5px 0 0 0; margin: 0 0 5px 0; line-height: 20px; height: 120px; overflow: hidden; }
  .slide2 .slide-block .jt { position: absolute; top: 0; right: -14px; display: block; width: 15px; height: 220px; }
  .slide2 .slideimage h5 { height: 35px; line-height: 35px; font-size: 13px; }
  .userpage{ width:320px;}.userdownload .list .text {width: 190px;}.reportdetails li .txt{ width:160px;}.userinformation li .span {width: 90px;}.userinformation li .txt {width: 210px;}.userinformation li .txt .input{ width:180px;}.userinformation .tipli {padding: 0 0 0 95px;}.userinformation li .txt .btn {padding: 5px 20px;}
.tjvideo{ padding:0 0 10px 110px;}.relate_news dl.over{ padding:0 0 5px 110px;}.downloadLoop .bd ul li .r{width:150px; padding:0 0 0 15px;}.solution_list .t .time{ padding:0 0 0 18px;}
.index_new .content{ padding-left:140px;}.index_new .content .img{ width:130px; height:110px; top:5px;}.index_new .slideimg{width:130px; height:110px;}.index_new .slideimg .bd li{ width:130px; height:110px;}.index_new .slideimg .bd li img{ width:130px;height:110px;}.index_new .tjnews .description {height: 35px;line-height: 18px;padding: 3px 0 0;}.index_new .content .text ul{ height:52px;}.index_new .text li{ padding:2px 0;}
}
@media screen and (max-width:330px) {
  .registerul li .right { width: 220px; }
  .registerul li .level .div { width: 80px; }
  .registerul li h3 span { display: inline-block; margin: 0; width: 130px; }
  .report .list .l { width: 35%; }
  .report .list .r { width: 64%; }
  .report .list .input { width: 50%; margin-left: 36%; }
  .report .list .input.input1 { width: 50%; margin: 0 0 3px 0; }
  .report .list select { margin: 0 0.5% 0 0; width: 30%; }
  .report .list.r3 .input { width: 51%; margin: 3px 0; }
  .report .list.r3 .input12 { width: 40%; }
  .report .list.r3 span { width: 35%; }
  .report .list.r3 .input4 { width: 50%; }
  .report .list .select { width: 40%; margin: 0 0 3px 0; }
  .report .list.r5 select { margin: 0 20% 0 0; }
  .report .list.r3 .ml50 { margin-left: 0; width: 43%; }
  .report .list.r3 .s { width: auto; padding: 0 0 0 2% !important; }
  .report .list.r3 .mr60 { margin-right: 0; width: 20px; }
  .report .list.r3 span { padding: 0 0.5%; }
  .report .list textarea { padding: 5px 0; width: 61%; }
  .report .list.r3 .msapn { width: 35%; }
  .logindiv li .inputs .form-input { width: 200px; }
  .logindiv .codeli .inputs { margin: 0 10px 0 0; width: 125px; }
  .repair .list { padding: 0 0 5px 0 !important; }
  .repair .list .l { width: 100%; padding: 0; text-align: left; }
  .repair .list .r { width: 100%; }
  .repair .list.r3 span { padding: 0; text-align: left; }
  .repair .list .input { width: 30%; margin: 0; }
  .repair .list .input0 { width: 91%; }
  .repair .list.r3 .input4 { width: 91%; margin-right: 0; }
  .repair .list.r6 .l, .repair .list.r6 span { width: 100%; padding: 0; text-align: left; }
  .repair .list.r3 .input8, .repair .list.r6 .input4 { width: 91% !important; margin-right: 0; }
  .repair .list .input13 { margin: 3px 0 0 0; width: 91%; }
  .report .list .input10, .report .list.r3 .input10 { width: 45% !important; }
  .repair .list select { margin: 0 0.5% 0 0; width: 45%; }
  .repair .list.r4 textarea { width: 91%; }
  .repair .list .input.codeinput { margin: 0 10px 0 0; width: 60px; }
  .repair .list.tc .btn { font-size: 15px; height: 35px; line-height: 35px; margin: 0 3%; width: 35%; }
  .repair .list.r1 a { margin: 0 0 0 2%; }
  .honor .list ul { margin-left: 0; }
  .honor .list li { float: left; width: 90%; margin: 0 0 20px 0; }
  .post{ min-height:inherit; padding:0;}
  .recommendpost{ position:relative; width:100%; margin:0 0 10px 0;}
  .postimg,.postimg .bd li,.postimg .bd li img {height: 300px; width: 100%; }
  .caseLoop2 .bd ul li { margin: 0 5px 25px; width: 120px; height: 80px; }
  .caseLoop2 .bd ul li img { height: 80px; width: 120px; }
  .caseLoop2 .bd ul li p { font-size: 12px; }
  .userpage{ width:300px;}.userleft li a {padding: 0 0 0 5px;}.userdownload .list .text {width: 170px;}.reportdetails li .txt { width: 140px;}
.userinformation li .span {width: 90px;}.userinformation li .txt {width: 190px;}.userinformation li .txt .input{ width:160px;}.userinformation .tipli {padding: 0 0 0 95px;}.userinformation li .txt .btn {padding: 5px 10px; margin:10px 15px 0 0;}
.solution_list .list{ padding:0 0 20px 0;}.solution_list .t .share{ top:18px;}.solution_content .video .con{ height:150px;}
}