body{
    margin:0;
    font-size:14px;
    font-family: "微软雅黑",arial,"宋体",verdana,sans-serif;
    color: #333;
    line-height: 30px;
}
ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
    color:inherit;
}

/*工具*/
.LINEOSE {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*基本布局*/
.area{
    float:left;
    width:100%;
}
.area .container{
    width:1130px;
    display:block;
    margin:0 auto;
}
.crumbs {
    font-size: 1rem; color: #666;border-bottom: 1px solid #ccc;
    line-height: 30px;
}
.crumbs a {
    color: #666;
}
.crumbs .spit {
    padding: 0 6px;color: #666;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-top-20{ margin-top: 20px;}
/* 关于我们*/
.about-page .content{ min-height: 520px; color: #687074; line-height: 25px; }
h2.title{ color: #687074;font-size: 24px; font-weight: normal;
    line-height: 33px; text-align: center;}

.page-header{
    position:absolute;
    left:0;
    top:0;
}
.page-header .right{
    float:right;
    color:#333333;
    line-height:25px;
    margin-top:13px;
}
.page-header .right a{
    margin-left:25px; float: right;
}
.page-header .right a.contact i{
    display:inline-block;
    width: 14px;
    height:14px;
    background:url(page-header-tel.png);
    position:relative;
    top:2px;
    margin-right:3px;
}
.page-header .right .login:hover,
.page-header .right .reg:hover{
    color:#26b9e1;
}
.page-top{
    padding-top:19px;
    height:87px;
}
.page-top .logo{
    display:inline-block;
    position:relative;
    z-index:1;
}
.banner1{ height:250px; background:url(banner1.jpg) center center no-repeat; width:100%;}

.page-main-menu ul{
    float:left;
    width:100%;
}
.page-main-menu ul li{
    float:left;
    width:137px;
    line-height:44px;
    text-align:center;
    color:#333333;
    font-size:16px;
}
.page-main-menu ul li:hover{
    color:#26b9e1;
}
.page-main-menu ul li.on,
.page-main-menu ul li.on:hover{
    color:white;
    background-color:#ff4200;
}
.top-box-shadow{
    display:inline-block;
	-webkit-box-shadow: 0 4px 10px 0 #33333385;
        -moz-box-shadow: 0 4px 10px 0 #33333385;
       box-shadow:0 4px 10px 0 #33333385;
    position:relative;
    z-index:1;
    width:100%;
}
.page-footer{

}
.page-footer .top{
    float:left;
    width:100%;
    color:#cccccc;
    background-color:#404145;
    padding-bottom:23px;
}
.page-footer .top .left{
    float:left;
    width:274px;
    margin-top:29px;
    margin-right:89px;
}
.page-footer .top .left li{
    float:left;
    width:50%;
    line-height:37px;
}
.page-footer .top .middle{
    float:left;
}
.page-footer .top .middle .title{
    font-size:16px;
    margin-top:29px;
    margin-bottom:19px;
}
.page-footer .top .middle ul{
}
.page-footer .top .middle ul li{
    line-height:36px;
}
.page-footer .top .middle ul li i{
    display:inline-block;
    width:17px;
    height:17px;
    margin-right:18px;
    position:relative;
    top:3px;
}
.page-footer .top .middle ul li.a i{
    background:url(page-footer-pos.png);
}
.page-footer .top .middle ul li.b i{
    background:url(page-footer-email.png);
}
.page-footer .top .middle ul li.c i{
    background:url(page-footer-tel.png);
}
.page-footer .top .right{
    float:right;
    margin-top:53px;
}
.page-footer .top .right .wx{
    float:left;
    margin-right:80px;
}
.page-footer .top .right .content{
    float:right;
}
.page-footer .top .right .content .mes{
    display:block;
    margin:0 auto;
}
.page-footer .top .right .content p{
    margin:0;
}
.page-footer .top .right .content p .t{
    font-size:20px;
    color:white;
    font-weight:bold;
    display:inline-block;
    margin-top:13px;
    margin-bottom:10px
}
.page-footer .copyright{
    float:left;
    width:100%;
    color:#666666;
    background-color:#333333;
    text-align:center;
    font-size:13px;
    line-height:36px;
}

.hamburger{
    position:fixed;
    right:0;
    top:0;
    z-index:10;
    display:none;
}
.hamburger .h-icon{
    position:absolute;
    right:20px;
    top:55px;
}
.hamburger .h-icon i{
    float:left;
    clear:left;
    width:35px;
    height:2px;
    margin-bottom:10px;
    background-color:#666666;
}
.hamburger .box{
    width:100%;
    height:100%;
    display:none;
}
.hamburger .box{
    background-color:white;
    overflow:auto;
}
.hamburger .box .top{
    display:block;
    background-color:#26b9e1;
}
.hamburger .box .top .back{
    display:block;
    line-height:42px;
    text-indent:0.5em;
    width:42px;
    color:white;
    font-weight:bold;
}
.hamburger .box .list{
    display:block;
    line-height:40px;
    color:#333333;
}
.hamburger .box .list li{
    border-bottom:1px solid #cccccc;
    padding:0 1em;
}
.hamburger .box .list li a:hover{
    color:#26b9e1;
}
.hamburger.open{
    width:100%;
    height:100%;
}
.hamburger.open .h-icon{
    display:none;
}
.hamburger.open .box{
    display:block;
}

/*首页*/
.index-page .page-banner{
    position:relative;
}
.index-page .page-banner .img-list{
    width:100%;
    height:600px;
}
.index-page .page-banner .img-list li{
    width:100%;
    height:100%;
}
.index-page .page-banner .round-list{
    position:absolute;
    bottom:5px;
    left:0;
    width:100%;
    text-align:center;
}
.index-page .page-banner .round-list li{
    display:inline-block;
    width:9px;
    line-height:9px;
    background-color:#727272;
    margin:5px;
    color:rgba(0,0,0,0);
    border-radius:50%;
    cursor:pointer;
}
.index-page .page-banner .round-list li.on{
    background-color:#26b9e1;
}
.division.chaxun{
    background:url(index-page-chaxunbg.png) top;
    background-size:auto 100%;
    height:570px;
}

.division.chaxun1{
   
    background-size:auto 100%;
    min-height:570px;
}

.division .division-title{
    position:relative;
    margin-top:112px;
    margin-bottom:74px;
}
.division .division-title .middle{
    text-align:center;
    width:258px;
    margin-left: calc((100% - 258px) / 2);
    margin-left: -moz-calc((100% - 258px) / 2);
    margin-left: -webkit-calc((100% - 258px) / 2);
}
.division .division-title .line{
    position:absolute;
    top:29px;
    width: calc((100% - 258px) / 2);
    width: -moz-calc((100% - 258px) / 2);
    width: -webkit-calc((100% - 258px) / 2);
    height:1px;
    background-color:#999999;
}
.division .division-title .line.l{
    left:0;
}
.division .division-title .line.r{
    right:0;
}
.division .division-title .middle .t{
    font-size:26px;
    color:#333333;
    margin-bottom:3px;
}
.division .division-title .middle .b{
    font-size:22px;
    color:#999999;
}
.division.chaxun .form .input-row{
    font-size:20px;
    color:#333333;
}
.division.chaxun .form .input-row .group{
    width:820px;
    display:block;
    margin:0 auto 54px auto;
}
.division.chaxun .form .input-row span{
    line-height:48px;
}
.division.chaxun .form .input-row input{
    width:600px;
    height:46px;
    border:1px solid #d1dbdf;
    font-size:inherit;
    color:inherit;
    padding:0 10px;
}

.division.chaxun .form .sub-row input{
    margin:0 auto;
    display:block;
    font-size:20px;
    color:white;
    background-color:#26b9e1;
    width:153px;
    height:44px;
    border:0;
    padding:0;
    border-radius:2px;
    border-bottom:2px solid #20a8da;
}
.index-page .division.jigou .division-title .container{
    position:relative;
}
.index-page .division.jigou .f-list{
    display:inline-block;
    width:100%;
    margin-bottom:128px;
}
.index-page .division.jigou .f-list img{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    width: calc((100% - 30px) / 4);
    width: -moz-calc((100% - 30px) / 4);
    width: -webkit-calc((100% - 30px) / 4);
}
.index-page .division.jigou .f-list img:first-child+img+img+img,
.index-page .division.jigou .f-list img:first-child+img+img+img+img+img+img+img{
    margin-right:0;
}

/* 产品列表*/
.prolist { min-height: 500px;clear:both }
.prolist ul li{  width: 23%; float: left; margin:1% 1%; 
 transition: box-shadow .2s linear;
-moz-transition: box-shadow .2s linear;  /* Firefox 4 */
-webkit-transition: box-shadow .2s linear; /* Safari 和 Chrome */
-o-transition: box-shadow .2s linear;  /* Opera */
}
.prolist ul li:hover{ box-shadow: 0 8px 16px rgba(0,0,0,.18);}
.prolist ul li p{padding: 0 2%; text-align: center; line-height: 25px; margin-top: 30px;  font-weight: bold;}
.prolist ul li a img{max-width: 98%; padding: 1%; }

.main{ min-height: 600px;}
.main .thumb{ text-align: center; margin: 20px auto;}
.main .thumb img{ max-height: 300px; }
.main img{ max-width: 100%;}
.procate{width:100%; padding:20px 0; text-align:center;margin-bottom:20px; }
.procate ul{ padding:20px 0; }
.procate ul li{float:left; margin:0 10px; padding:5px 20px; text-align:center; border:1px solid #f1f1f1;}


/*新闻列表*/

.rightBody { width: 100%; min-height: 500px;}
.rightBody .list{
    float:left;
    width:100%;margin-top: 20px;
}
.rightBody .list li{
    float:left;
    color:#666666;
   
    width:46%;
    line-height:30px;
    margin: 0 2%;
    border-bottom: 1px solid #eeeeee; margin-bottom: 30px;
    transition: box-shadow .2s linear;
-moz-transition: box-shadow .2s linear;  /* Firefox 4 */
-webkit-transition: box-shadow .2s linear; /* Safari 和 Chrome */
-o-transition: box-shadow .2s linear;  /* Opera */

}
.rightBody .list li:hover{ box-shadow: 0 8px 16px rgba(0,0,0,.18);}
.rightBody .list li p{margin: 0;
    float:left;
    color:inherit;width: calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    padding-left: 10px; overflow: hidden; 
   
}
.rightBody .list li p .title{  font-size: 16px; line-height: 60px;height:60px; overflow:hidden} 
.rightBody .list li p .more{ float: right; font-size: 14px; }
.rightBody .list li .time{
    float:left; background: #ff4200; color: #fff; font-size: 20px; line-height: 60px;padding: 0 10px;box-shadow: 0 8px 16px rgba(0,0,0,.18);
}


.baoxiu{ margin-top: 20px; line-height: 40px; font-size: 16px; text-align: center;padding-bottom: 20px;}

.baoxiubtn{
    margin:0 auto;
    display:block;
    font-size:20px;
    color:white;
    background-color:#26b9e1;
    width:153px;
    height:44px;
    line-height: 44px;
    border:0;
    padding:0;
    border-radius:2px;
    border-bottom:2px solid #20a8da;
    margin-top: 10px;
}
 input.submit{background: #b99767; height:30px;color:#fff; border:none; padding:5px 10px; font-size:14px; margin-right:30px;width:auto;_width:0;}
.table_form .input label{ width:160px;font-size:14px; color:#666; float:left}

.table_form .input {line-height: 35px; clear:both; padding: 10px 0; font-size: 14px; color:#666;}
.table_form .submit input{background: #b99767; height:40px;color:#fff; border:none; padding:5px 30px; font-size:16px; margin-right:30px;width:auto;_width:0;overflow:visible !ie}


.table_form .submit {  margin: 30px;margin-left: 130px;}
.mmenu ul{ margin:10px 0;}
.mmenu li{ float: left; padding: 5px 10px;  border: 1px solid #d1d1d1; background: #fff; color: #666; border-radius: 5px;  margin: 10px 10px 10px 0;}

.mmenu li.on{background: #b99767; color: #fff; }
.mmenu li.on a{color: #fff; }
.col-auto { margin-bottom: 20px; min-height: 300px;}
.col-1 h5.title, .col-1 h6.title {
    color: #333; font-size: 16px; text-align: left;
    padding: 5px 10px 3px ;line-height: 40px;
}
.proadd{ margin:15px auto; width:100%; max-width:400px;}
.proadd label{ line-height: 35px; font-size: 18px; }
div.btn{padding:10px 0;   background: #b99767; color: #fff; width:90px; }

.producttable{width:100%; overflow:scroll;}
.common-form h2{ font-size: 16px; color: #333;}

input{-webkit-appearance:none}
.content{line-height:40px;}