/*lunbo*/
.current{
    color:#0092dc;
}
.wrapper {
    width:100%;
    margin:0 auto;
    height: 540px;
    background: #ffffff;
    margin-bottom: 0px;
}
#focus {
    height:540px;
    overflow:hidden;
    position:relative;
    margin: 0 auto;
    /*top: -23px; */
}
#focus ul {
    height:540px;
    position:absolute;
}
#focus ul li {
    float:left;
    height:406px;
    /*width: 1920px;*/
    overflow:hidden;
    position:relative;
}
#focus ul li img{
    width: 100%;
    
}
#focus .btnbg {
    position:absolute;
    width:800px;
    height:20px;
    left:0;
    bottom:0;
}
#focus .wappbtn {
    position:absolute;
    width:780px;
    height:10px;
    padding:5px 10px;
    right:0;
    bottom:0;
    text-align:right;
}
#focus .wappbtn span {display: block; _display:inline; _zoom:1; width:12px; height:12px; _font-size:0; margin-left:5px; border-radius: 15px; cursor:pointer; }
#focus .wappbtn span.on {background: #f77a0b;}
#focus .prenext {width:48px; height:48px; position:absolute; top:250px; /*background: no-repeat 0 0; */cursor:pointer;}
#focus .pre {left:100px;}
#focus .pre:hover{ background-position: left bottom;}
#focus .next {right:100px; background-position:right top;}
#focus .next:hover{background-position:right bottom;}

.wappbtn{position: absolute; top: 90%; left: 46%;}
.wappbtn span{ display: block; float: left; background: #fff; margin: 0 10px; border-radius: 15px; cursor: pointer;}
.clearfix{
    zoom: 1;
}
/*lunbo*/


/*banner*/
/*.glyphicon-chevron-left{*/
    /*background:  no-repeat;
    border-radius: 25px;
    background-color: #fff;
    padding-top: 9px;
}
.glyphicon-chevron-right{
    /*background:  no-repeat;
    border-radius: 25px;
    background-color: #fff;
    padding-top: 9px;
}
#cr,#cl{
    width: 49px;
    height: 49px;
    border-radius: 25px;
    background-color: #fff;
    padding-top: 9px;
    color: #a3a3a3;
    text-shadow:0;
}*/
/*banner*/
/*company*/
.company{
    width: 100%;
    padding: 2% 0 4% 0;
    background-color: #f7f7f7;
}
.title{
    font-size: 20px;
    color: #242424;
}
.title span{
    font-size: 14px;
    color: #a4a4a4;
}
.summary{
    font-size: 12px;
    color: #47474a;
    line-height: 22px;
    margin-top: 5%;
    text-align:justify;
    height: 154px;
    overflow: hidden;
}
.more{
    width:86px;
    height: 30px;
    line-height: 30px;
    background-color: #004ea2;
    font-size: 12px;
    text-align: center;
    margin-top: 10%;
}
.more a{
    color: #fff;
    text-decoration: none;
}
.about{
    padding: 0 13px 0 0;
    border-right:1px dashed #ccc;
}
.about img{
    width: 100%;
}
/*company*/
/*inspection */
.inspection{
    width: 100%;
}
.inspection img{
    width: 100%;
}
.inspection-left{
    width: 22%;
    border: 1px solid #dcdcdc;
    color: #767676;
}
.services{
    margin-bottom: 2px;
}
.represent{
    font-size: 24px;
    color: #222;
    text-align: center;
    margin-bottom: 4%;
    cursor: pointer;
}
.represent span{
    font-size: 16px;
    color: #a4a4a4;
}
.tel{
    background: center no-repeat;
    height: 130px;
    text-align: center;
    font-size: 20px;
    padding-top: 30%;
    background-size: 100%
}
.tel a{
    color: #ff840c;
    font-weight: bold;
    text-decoration: none;
}

.inspection-left ul li{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #dcdcdc;
    padding-left: 24%;
    font-size: 14px;
}
.inspection-left ul li:hover{
    color: #004ea2;
    cursor: pointer;
}
.currentl{
    border-left: 3px solid #004ea2;
    color: #004ea2;
    padding-left: 22%;
    background-color: #eee;
}
.inspection-right{
    width: 900px;
    height:1580px;
    background-color: #f5f5f5;
    margin-left: 1%;
    padding: 20px 20px 0px 20px;
}
.test-center{
    width: 99%;
    display: inline-block;
}
.test-center span{
    font-size:16px;
    color: #7e7e7e;
}
.test-center span a{
    color: #7e7e7e;
    text-decoration: none;
}
.test-hr{
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    /*margin: 0;*/
}
.test_list{
    width: 100%;
    height:560px;
    display: inline-block;
}
.test_nr{
    width: 22%;
    border: 1px solid #dcdcdc;
    padding: 1% 0;
    margin-bottom: 1%;
    display: inline;
    background: #fff;
    margin-right: 1%;
}
.test_nr:hover{
    border: 1px solid #004ea2;
    cursor: pointer;
}
.test-img img{
    width: 100%;
   height: 175px;
}
.test-img{
    padding: 4%;
    width: 100%;
    float: left;
}
.test_txt{
    width: 100%;
    float: left;
    display: inline;
    padding-right: 2%;
}
.test_txt1{
    width: 100%; text-align:center;
}
.test_txt1 strong{
    font-size: 12px;
    line-height: 32px;
}

.test_txt1 strong a{
    color: #3a3a3a;
    text-decoration: none; text-align:center;
}
.test_txt2{
    font-size: 12px;
    color: #8d8d8d;
    line-height: 20px;
}
.test_txt2 a{
    color: #004ea2;
}
.test_txt2 a:hover{
    text-decoration: none;
    color: #004ea2;
}
.test_list ul li:nth-child(3) {
    margin-right: 0;
}
.test_list ul li:nth-child(6) {
    margin-right: 0;
}
.test_list ul li:nth-child(9) {
    margin-right: 0;
}
/*inspection */

/*laboratory*/
.laboratorys{
    width: 100%;
    background:  no-repeat;
    overflow: hidden;
}
.labo-txt{
    margin-bottom: 3%;
    text-align: center;
    color: #fff;
}
.labo-txt strong{
    font-size: 24px;
    color: #fff;
}
.labo-txt span{
    font-size: 18px;
    color: #c6c4c4;
}
/*��ʒ*/
#featurecontainer {
    border-bottom: #999 0px dotted;
    border-left: #999 0px dotted;
    margin: 0px auto;
    width: 923px;
    font-size: 80%;
    border-top: #999 0px dotted;
    border-right: #999 0px dotted
}

#wrap {
    overflow: hidden
}

#load {
    border-bottom: #999 0px dotted;
    border-left: #999 0px dotted;
    text-indent: -9999px;
    margin: 0px auto;
    width: 923px;
    display: none;
    background-repeat: no-repeat;
    background-position: center 50%;
    height: 100px;
    border-top: #999 0px dotted;
    border-right: #999 0px dotted
}

#feature {
    border-bottom: #999 0px dotted;
    position: relative;
    border-left: #999 0px dotted;
    margin-top: 5px;
    margin-bottom: 20px;
    border-top: #999 0px dotted;
    border-right: #999 0px dotted
}

#feature .button {
    border-bottom: #999 0px dotted;
    position: absolute;
    border-left: #999 0px dotted;
    width: 840px;
    border-top: #999 0px dotted;
    top: 72px;
    border-right: #999 0px dotted;
    left: 0px
}

#feature .prev {
    border-bottom: #999 0px dotted;
    border-left: #999 0px dotted;
    text-indent: -9999px;
    width: 30px;
    display: block;
    float: left;
    height: 48px;
    border-top: #999 0px dotted;
    top: -125px;
    border-right: #999 0px dotted
}

#feature .next {
    border-bottom: #999 0px dotted;
    border-left: #999 0px dotted;
    text-indent: -9999px;
    width: 30px;
    display: block;
    float: right;
    height: 48px;
    border-top: #999 0px dotted;
    top: -125px;
    border-right: #999 0px dotted
}

#feature .prev:hover {
    background-position: center bottom
}

#feature .next:hover {
    background-position: center bottom
}

.featureul {
    border-bottom: #000 0px dotted;
    position: relative;
    border-left: #000 0px dotted;
    padding-bottom: 0px;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    float: left;
    border-top: #000 0px dotted;
    border-right: #000 0px dotted;
    padding-top: 0px;
    left: 0px
}

.featurebox {
    border-bottom: #999 0px dotted;
    border-left: #999 0px dotted;
    width: 536px;
    background-repeat: no-repeat;
    float: left;
    height: 100%;
    overflow: hidden;
    border-top: #999 0px dotted;
    border-right: #999 0px dotted;
    background-color: #fff;

}

#botton-scroll {
    z-index: 0;
    border-bottom: #999 0px dotted;
    border-left: #999 0px dotted;
    margin: 0px auto;
    width: 1100px;
    height: auto;
    border-top: #999 0px dotted;
    border-right: #999 0px dotted;
    margin-bottom: 2%;
}

#block {
    z-index: 0;
    border-bottom: #999 0px dotted;
    position: relative;
    border-left: #999 0px dotted;
    padding-bottom: 20px;
    margin: 0px auto;
    padding-left: 0px;
    width: 840px;
    padding-right: 0px;
    height: 180px;
    font-size: 70%;
    overflow: hidden;
    border-top: #999 0px dotted;
    border-right: #999 0px dotted;
    padding-top: 0px;
}

#block .box {
    border-bottom: #d8d8d8 0px solid;
    border-left: #d8d8d8 0px solid;
    padding-bottom: 10px;
    margin: 0px 10px;
    padding-left: 10px;
    width: 240px;
    padding-right: 10px;
    float: left;
    height: 150px;
    border-top: #d8d8d8 0px solid;
    border-right: #d8d8d8 0px solid;
    padding-top: 10px;
}

#block .box .feature-title {
    font-size: 140%;
    font-weight: normal;
}

#block .box .feature-thumb {
    width: 240px;
    margin-bottom: 5px;
    float: left;
    height: 150px;
}
.productbtn{
    width: 100%;
    height: 378px;
    z-index: 20;
    position: absolute;
    top: 0;
}
.productbtn .anniu span{
    display: block;
    cursor: pointer;
}
.productbtn .prev{
    position: absolute;
    left: 0;
    top: 66px;
    width: 47px;
    height: 74px;
    background:  no-repeat;
}
.productbtn .next{
    position: absolute;
    right: 10px;
    top: 66px;
    width: 47px;
    height: 74px;
    background:  no-repeat;
}
.productli{
    width: 50%;
    position: relative;
    cursor: pointer;
    margin-right: 6px;
}
.productli:hover p{
    display: block;
}
.box{
    width: 100%;
}
.pro_txt{
    margin-top: 2%;
    width: 98%;
    padding:1%;
    line-height:25px;
}
.pro_txt p{
    font-size: 14px;
    color: #333;
}
/*laboratory*/
/*�ͼ�����*/
.process-txt strong{
    color:#222222 ;
}
.process{
    width: 100%;
    background-color: #f9f9f9;
    padding-top: 2%;
    margin-top:1%;
}
.inspection-list{
    width: 100%;
    display: inline-block;
    padding: 0 2%;
}
.ins-l{
    width: 19%;
    background: #fff;
    text-align: center;
    padding: 2%;

}
.ins-r{
    margin-right: 1%;
}
.ins-t{
    font-size: 20px;
    color: #f1a41f;
    margin-top: 26px;
}
.ins-n{
    font-size: 14px;
    color: #868686;
    margin-top: 18px;
}
.ins-l:hover{
    background-color: #004ea2;
}
.ins-l:hover .ins-m{
    color: #fff;
}

.ins-img{
    width: 100%;
    margin: 1% 0 3% 0;
}
/*�ͼ�����*/

/*��������*/
.case{
    width: 100%;
    margin-top: 2%;
    border-bottom: 1px solid #e6e6e6;
}

/*anli*/
.scroll_horizontal{
    position: relative;
    width: 100%;
    /*height: 120px;*/
    /* padding: 10px; */
    background-color: #fff;
}
.scroll_horizontal .box1{
    overflow:hidden;
    position:relative;
    width:92%;
    height:152px;
    margin:0 auto;
}
.scroll_horizontal .list{
    overflow:hidden;
    width:9999px;
}
.scroll_horizontal .list li{
    float:left;
    width:259px;
    margin: 0 3px;
}
.scroll_horizontal .list li img{
    width: 219px;
    height: 120px;
    border: 1px solid #ccc;
}
.scroll_horizontal .list li img:hover{
    border: 1px solid #004ea2;
}
.list li p{
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #363636;
}

.list li a:hover{
    text-decoration: none;
}
.scroll_horizontal .prev1,
.scroll_horizontal .next1{
    position:absolute;
    top:50%;
    margin-top:-38px;
    width:40px;
    height:50px;
    background-image:url(/uploads/image/images/control.png);
    background-repeat:no-repeat;
    font:0/0 arial;
    cursor:pointer;
}
.scroll_horizontal .prev1{
    left:5px;
    background-position:0 0;
}
.scroll_horizontal .next1{
    right:5px;
    background-position:-40px 0;
}
.scroll_horizontal .prev1:hover{
    background-position:0 0;
}
.scroll_horizontal .next1:hover{
    background-position:-40px 0;
}
/*anli*/
.cooperation{
    width: 100%;
    margin-top: -10px;
}
/*��������*/

/*news*/
.news{
    width: 100%;
    background-color:#f7f7f7;
}
.news-list{
    width: 100%;
}
.center{
    width: 49%;
}
.center .news-txt{
    font-size: 14px;
    color: #030303;
}
.center .news-txt span{
    font-size: 12px;
    color: #333;
    margin-right: 3%;
}
.center .news-line{
    width: 100%;
    margin: 1% 0 5% 0;
}
.dope{
    width: 100%;
    display: inline-block;
    margin-bottom: 4%;
}
.dope .dope-l{
    width: 45%;
}
.dope-l img{
    width: 100%;
}
.dope .dope-r{
    width: 48%;
    margin-left: 5%;
}
.dope-r .dope-r-txt{
    font-size: 14px;
    color: #323232;
    margin: 2% 0;
}
.dope-r-time{
    color: #bebebe;
    margin-bottom: 2%;
}
.dope-r-part{
    color: #7b7b7b;
    text-align: justify;
    line-height: 22px;
}
.dope-r-part a:hover{
    text-decoration: none;
}
.dope-r-part span{
    color: #004ea2;
}
.center-m{
    margin-left: 2%;
}
/*news*/

.more:hover{
    background-color: #10b060;
}
.custom-new{
    width: 100%;
    background-color: #6dd12a;
    margin-bottom: 5%;
}

.custom{
    width: 100%;
    background:   center no-repeat;
    background-size: 100%;
    height: 380px;
}
.custom-right{
    width: 48%;
    padding: 81px 5% 5% 2%;
    line-height: 26px;

}
.custom-right-p{
    font-size: 14px;
    color: #fff;
}
.custom-right-i{
    width: 69%;
    margin-top: 35px;
}

.news{margin-bottom:50px;overflow:hidden;}
.newsmenu{text-align:center;margin-bottom:20px;height:40px;margin-bottom:25px;}
.newsmenu a{display:inline-block;width:130px;height:35px;text-align:center;line-height:35px;background:#f4f4f4;font-size:16px;margin-right:10px;border-radius:18px;box-shadow:1px 1px 2px #e4e4e4;border-bottom:1px solid #e4e4e4;}
.newsmenu .on{background:#183883;color:#fff;box-shadow:1px 1px 2px #406a6a;border-bottom:1px solid #406a6a;}
.newsmain,.newsbox{height:780px;overflow:hidden;}
.newsleft{width:600px;height:518px;color:#999;border-bottom:2px solid #dadada;overflow:hidden;}
.newsleft .nimg{width:600px;height:400px;display:block;overflow:hidden;position:relative;}
.newsleft .date{position:absolute;left:0;top:0;width:90px;text-align:center;height:60px;font-family:arial;font-size:14px;line-height:18px;background:;color:#fff;}
.newsleft .date strong{font-size:36px;font-weight:normal;display:block;line-height:36px;}
.newsleft img{width:600px;height:400px; transition:all 0.5s;}
.newsleft h3{height:50px;line-height:50px;font-weight:normal;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsleft h3 a{color:#009999;}
.newsleft h3 a:hover{text-decoration:underline;}
.newsright{width:580px;overflow:hidden;}
.newsright li{height:90px;padding:18px 20px 18px 0;line-height:20px;overflow:hidden;color:#8a8a8a;margin-bottom:5px;border:2px solid #fff;background:#f4f4f4;}
.newsright li .date{float:left;width:90px;text-align:center;height:60px;font-family:arial;border-right:1px solid #ddd;font-size:14px;line-height:18px;margin-right:20px;}
.newsright li .date strong{font-size:14px;font-weight:normal;display:block;line-height:56px;}
.newsright li h3{font-size:16px;height:30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;}
.newsright li:hover{border:2px solid #009999;}
.fr {
    float: right;
}


ol, ul, li {
    list-style-type: none;
}

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
}


.grwidth a {
    color: #454545;
    text-decoration: none;
    outline: none;
    blr: expression(this.onfocus=this.blur());
}

.grwidth {
    width: 1200px;
    margin: 0 auto;
}
.newsright li h3 a{    color: #454545;
    text-decoration: none;
    outline: none;}
@media screen and (max-width:480px) {
.wap100 {width:100%;}
.wa {display:none;}
.grwidth{display:none;}
.head .hover{display:none;}
.head .phone{display:none;}
.wap100 {width:100%;}
.wa {display:none;}
.w30{width:20%;margin-left:-20px;}
.scroll_horizontal .box1{display:none;}
.scroll_horizontal{display:none;}
.arc-r{width:100%;margin-right:1%;}
#nav a.tit{width:100%;}
.gywm{margin-left:30px;}
.foot-m{display:none;}
.inspection-left{display:none;}
.tutor-con{display:none;}
.foot-c{display:none;}
.foot-r{width:100%;margin-left:5px;}
.head .logo .logo_zi{display:none;}
.fivemode {display:none;}
.article img {display:none;}
.fr {display:none;}
.fivemode dl{width:100%;}
.head{width:100%;}
.instbox {display:none;}
.head .logo{width:100%;}
#nav li ul{display:none;}
logo_zi fr{display:none;}
.left{width:100%;}
.test_nr{width:100%;}
.test-hr{width:100%;}
.laboratorys{display:none;}
.ins-img{display:none;}
.about{width:100%;}
.inspection-list{display:none;}

.foot-l{display:none;}