@charset "utf-8";

/* CSS Document */

body{margin:0;padding:0;font-family:"Microsoft YaHei";-webkit-text-size-adjust:none;color:#000;}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}

img{border:0;vertical-align:bottom;width:100%;}

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

a{color:#000;text-decoration:none;-webkit-tap-highlight-color:transparent;}

input:focus,select:focus,option:focus,textarea:focus{ outline:none;}

textarea,input[type=date],input[type=number]{ resize:none; border: none;}

button:hover,input[class*=b]:hover{ cursor:pointer;}

i,u{font-style: normal;font-weight: normal;}

input {-webkit-appearance:none; /*去除input默认样式*/}

input[type="submit"],

input[type="reset"],

input[type="button"],

input{-webkit-appearance:none;}

.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}

.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}

.rel{position:relative;}

.container{min-width:300px;height:100%;overflow:hidden;}



/*header*/
header a .logo{max-height: 50px; display: block;margin: 0 auto;width: auto;;}
.tel_icon{position:absolute;right:2%;top:18%;width:8%;}

.meau{position:absolute;left:2%;top:18%;width:8%;}



/*search*/

.ss{width:0;height:35px;position:absolute;left:0;top:100%;overflow:hidden;z-index:7;}

.ss_bd{width:80%;height:35px;border:none;background:#fff;float:left;color:#666;padding:0 5%;box-sizing:border-box;font-family:"微软雅黑";font-size:.3rem;}

.ss_btn{width:20%;float:left;line-height:35px;background:#0f9ee9;border:none;color:#fff;font-family:"微软雅黑";font-size:.3rem;;}



/*导航菜单*/

#ceng{display:none; width:100%; height:100%;z-index:100;position:fixed; top:0; left:0; }

#close{width:10%;padding:3%;float:left;opacity: 0.6;position:absolute;top:0;right:0;}

.type{width:100%;background:rgba(0,0,0,.8);height:100%;float:right;}

.type ul {padding-top:20%;}

.type ul li a {

    color: #fff;

    display: block;

    line-height:1rem;

    text-align: center;

    display: block;

    font-size: .35rem;

    transition: color 0.2s ease 0s;

    width: 100%;

}



/*banner*/

#pagenavi { position: absolute; bottom: 2%; left: 50%; margin-left: -50%; width: 100%; z-index: 1; text-align: center; padding: 8px 0; }

#pagenavi a { width: 8px; height: 8px; line-height: 99em; border:#fff solid 1px; border-radius: 50%; margin: 0px 2px 0px 2px; overflow: hidden; cursor: pointer; display: inline-block; }

#pagenavi a.active {background: #fff;}



/*index*/

.index_box{padding:.5rem 0;font-size:.25rem;}

.about_tit dt{font-size:.4rem;color:#333;line-height:.6rem;}

.about_tit dd{font-size:.24rem;color:#999;line-height:.6rem;text-transform:uppercase;}

.about_tit_text{font-size:.25rem;line-height:.5rem;margin-bottom:.5rem;}

.about_pic{padding:2.5rem .3rem;}

.about_pic img{border-radius:5px;}

.about_pic_text{padding:.1rem;box-sizing:border-box;background:#dc0817 url(../images/line.jpg) no-repeat center center;border-radius:0 0 5px 5px;}

.about_pic_text li{width:50%;height:1rem;overflow:hidden;padding:0 .1rem;line-height:.5rem;box-sizing:border-box;float:left;}

.about_pic_text .about_pic_a{font-size:.12rem;color:#fff;text-transform:uppercase;line-height: .35rem}

.about_pic_a span{font-size:.28rem;color:#fff; line-height: 50px;}

.about_pic_text .about_pic_b{background:url(../images/about_tel.png) no-repeat .2rem center;background-size:.5rem;padding-left:.8rem;font-size:.25rem;color:#1e9ed0;}

.about_pic_b b{color:#fff;}

.about_list{margin:.3rem 0;}

.about_list li{display:inline-block;width:2rem;height:2rem;line-height:.6rem;border:#ddd solid 1px;border-radius:5px;margin:0 .1rem;transition:all .5s linear;}

.about_list li img{width:.8rem;height:.8rem;}

.about_list li:hover{border:#dc0817 solid 1px;}

.about_list li>a{display:block;padding:20px 0;}

.about_text{line-height:.6rem;height:2.4rem;overflow:hidden;margin:.2rem .3rem;}

.about_more{display:block;width:2rem;height:.6rem;line-height:.6rem;border:#ddd solid 1px;border-radius:.3rem;color:#999;margin:0 auto;}



.case_list{padding:2%;}

.case_list li{width:46%;overflow:hidden;margin:0 1.6% 4%;float:left;

	position:relative;border:1px solid #6d6d6d;}
    
    .case_list li img{height: 170px;}

.case_list_name{position:absolute;left:5%;bottom:5%;width:90%;height:.6rem;line-height:.6rem;background:#fff;color:#7288a9;font-weight:bold;}

.case_list_name b{color:#dc0817;}



.cooper_bg{padding:.5rem 0;font-size:.25rem;box-sizing:border-box;background:url(../images/cooper_bg.jpg) no-repeat center top;background-size:100%;}

.cooper_tit{line-height:.6rem;color:#000;text-transform:uppercase;}

.cooper_tit dt{font-size:.3rem;}

.cooper_tit dd{font-size:.22rem;}

.cooper_text{margin:.3rem 0;position:relative;}

.cooper_text span{display:inline-block;width:2.5rem;height:.6rem;line-height:.6rem;background:#e00324;border-radius:5px;color:#fff;font-size:.25rem;}

.cooper_text:before,.cooper_text:after{content:"";position:absolute;top:.3rem;width:2rem;height:1px;background:#fff;}

.cooper_text:before{left:0;}

.cooper_text:after{right:0;}

.cooper_list{margin:.6rem 0;}

.cooper_list li{width:18%;float:left;font-size:.22rem;margin:0 1%;padding:.2rem 0;line-height:.6rem;box-sizing:border-box;background:#ededed;position:relative;transition:all .5s linear;}

.cooper_list li:after{content:"";position:absolute;left:50%;bottom:.2rem;margin-left:-.25rem;width:.5rem;height:2px;background:#666;}

.cooper_list li img{width:.6rem;height:.6rem;}

.link_box{margin:0 2%;background:#fff;box-shadow:0 0 15px #ddd;}

.link_tit{width:30%;line-height:30px;background:#c6021a;color:#fff;text-transform:uppercase;}

.link_tit img{padding:.2rem 0;width:.6rem;}

.link_list{width:70%}

.link_list li{width:48%;margin:.2rem 1%;float:left;border-right:#ddd solid 1px;box-sizing:border-box;}

.link_list li:last-of-type{border-right:none;}



.news_box{padding:2% 2% .5rem;font-size:.25rem;}

.news_list{margin:.3rem 0 .5rem;}

.news_list li{padding:.2rem 0;border-bottom:#ddd solid 1px;}

.news_list_date{width:20%;padding-right:5%;line-height:.6rem;color:#999;position:relative;}

.news_list_date span{line-height:.8rem;font-size:.3rem;}

.news_list_date:after{content:"";position:absolute;right:0;top:.5rem;width:2px;height:.5rem;background:#ddd;}

.news_list_con{width:70%;line-height:.5rem;color:#999;}

.news_list_con h3{line-height:.6rem;color:#333;}

.news_list li:hover .news_list_con h3{color:#333;}



.pro_bg{padding:.5rem 0;box-sizing:border-box;background:url(../images/pro_bg.jpg) no-repeat;background-size:100% 100%;}

.pro_list{margin:.5rem 2%;}

.pro_list li{width:46%;float:left;margin:0 2% 4%;background:#fff;font-size:.25rem;box-shadow:0 0 15px #ddd;}

.pro_list_name{border-top:#ddd solid 1px;line-height:.6rem;}

.pro_more{display:block;width:2rem;height:.6rem;line-height:.6rem;border:#333 solid 1px;border-radius:.3rem;color:#333;margin:0 auto;}

.pro_list_pic img{height: 170px;}

/*footer*/

.nav_pos{position:fixed;left:0;bottom:0;width:100%;height:1rem;padding:.1rem 0;background:#242424;}

.nav_list li{width:25%;float:left;font-size:.25rem;line-height:.5rem;}

.nav_list li img{width:.5rem;height:.5rem;}

.nav_list li a{color:#fff;}



/*main*/

.type_list{border-bottom:#ddd solid 1px;}

.type_list li{display:inline-block;padding-bottom:0;margin:0 1%;overflow:hidden;}

.type_list li a{display:block;padding:0 .2rem;line-height:.6rem;border-radius:5px;}

.type_list .on{background:url(../images/dot.png) no-repeat center bottom;background-size:.2rem;}

.type_list .on a{background:#333;color:#fff;}

.main_about_tit{line-height:.6rem;color:#666;text-transform:uppercase;margin:.2rem 0;}

.main_about_tit span{font-size:.4rem;padding-right:.2rem;color:#000;}

.main_about_text{padding:.2rem 0;line-height:.5rem;font-size:.25rem;}

.main_honor{padding:.2rem 0;}

.main_honor img{display:inline-block;width:46%;margin:0 1%;}

.main_contact_pic{width:47%;padding:1rem 0;}

.main_contact_text{width:100%;line-height:.5rem;padding:.3rem 0;}

.main_contact_logo{width:70%;}

.main_news li{padding:.2rem 0;border-bottom:#ddd solid 1px;transition:all .5s linear;}

.main_news_con{width:100%;line-height:.4rem;color:#999;}

.main_news_con h3{line-height:.6rem;color:#333;font-size:.3rem;font-weight:normal;}

.main_news_pic{width:38%;}

.gbook_box{padding:2% 5%;line-height:.6rem;}

.gbook_inp{width:100%;height:.8rem;line-height:.8rem;box-sizing:border-box;background:#eee;border:#ddd solid 1px;padding:0 .2rem;}

.gbook_textarea{height:2rem;}

.gbook_submit{width:100%;height:.8rem;line-height:.8rem;background:#dc0817;color:#fff;font-size:.25rem;border:none;}

.gbook_pos{position:absolute;right:0;top:0;width:100%;line-height:22px;color:#999;padding:.3rem 20px;box-sizing:border-box;}

.main_con{padding:2%;}

.red{color:#333;}





.index_more{padding:3% 0 6% 8%;}

.index_more a{display:inline-block;width:40%;padding:3% 0 3% 5%;background-size:100% 100%;color:#c49458;box-sizing:border-box;text-align:center;}



#footer {

    line-height: 25px;

    height: 100%;

    width: 100%;

    background: #dc0817;

    text-align: center;

    color: #fff;

    clear: both;

    margin-bottom: 30px;

    padding: 8px 0;

    font-size:12px;}



   #fenlei {

    margin-top: 20px;

    width: 100%;}



   #fenlei li {

    border: #1886dd solid 1px;

    width: 25%;

    float: left;

    margin: 1%;

    background: #ddeafc;

    text-align: center;

    padding: 0 6px;}





    #fenlei li a {

    color: #0856cc;

    height: 34px;

    line-height: 34px;

    text-align: center;}



    .content_box .pro_list {

    text-align: : center;

    padding-bottom: : 10px;

    padding-left: : 2%;

    width: : 96%;

    padding-right: 2%;

    padding-top:10px;}



    #nav {

    width: 100%;

    background: #dc0817;

    height: 72px;}



    #nav a {

    display: block;

    float: left;

    width: 33.3%;

    /* font-weight: bold; */

    height: 35px;

    line-height: 35px;

    text-align: center;

    color: #fff;}



    #pro_list {

    padding: 2% 1%;

    text-align: center;}



    #pro_list li {

    display: inline-block;

    border: 0.5px solid #fff;

    background: #dc0817;

    text-align: center;

    line-height: 30px;

    width: 24%;}







    #pro_list li a {

    color: #fff;

    font-size: 12px;}