/* CSS Document */
body { font:12px '微软雅黑';background:#FFF; color:#333333;  width: 100%; position: absolute;  height: 100%; margin: auto; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;}
td,th,caption { font-size:12px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;}
a { text-decoration:none; cursor:pointer; color: inherit;} 
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button {  outline:none;}
table { border-collapse:collapse; }
html {overflow-y: scroll;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}

.qqkefu{
    display: none;
    position: fixed;
    _position: absolute;
    z-index: 999;
    top: 118px;
    right: 50px;
    width: 140px;
    height: 240px;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.qqkefu .kefubox1{ width:140px; height:112px; background:url(../images/qqkefu.png) -6px -8px no-repeat; position:absolute; left:0px; top:0px; z-index:1;}
.qqkefu .kefubox2{ width:140px; height:240px; background:url(../images/qqkefu.png) -6px -130px no-repeat; display:none; position:absolute; left:0px; top:0px; z-index:2;}
.qqkefu .kefubox2 .qqbox{ padding-top:105px;}
.qqkefu .kefubox2 .qqbox div{width:110px; height:35px; padding-left:40px; margin:0 auto; line-height:35px;margin-top:10px;}
.qqkefu .kefubox2 .qqbox div a{ display:block; width:65px; height:35px; color:#fff; font-size:14px;font-weight:bold; font-family:"微软雅黑","黑体",Arial;}
.qqkefu .kefubox2 .qqbox .qqbox1{background:url(../images/qqkefu.png) -21px -393px no-repeat; }
.qqkefu .kefubox2 .qqbox .qqbox2{;background:url(../images/qqkefu.png) -21px -445px no-repeat; }

.gotoTop{position:fixed;_position:absolute;z-index:999;bottom:50px;right:100px;width:85px;height:85px;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out; background:url(../images/gototop.png) no-repeat;}
.gotoTop:hover{ background:url(../images/gototop_on.png) no-repeat;}

#rocket-to-top div {
    left:0;
    margin:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    top:0;
    width:149px;
}
#rocket-to-top .level-2 {
    background:url("../images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
    display:none;
    height:250px;
    opacity:0;
    z-index:1;
}
#rocket-to-top .level-3 {
    background:none repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    height:150px;
    z-index:2;
}
#rocket-to-top {
    background:url("../images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor:default;
    display:none;
    height:250px;
    margin:-125px 0 0;
    overflow:hidden;
    padding:0;
    position:fixed;
    right:40px;
    top:80%;
    width:149px;
    z-index:11;
}
/*最小屏幕*/
@media (max-width:300px){
    body{display: none;}
    html{background: url(../images/small.gif) no-repeat center;}
}
@media (max-height:300px){
    body{display: none;}
    html{background: url(../images/small.gif) no-repeat center;}
}
@media(max-height:532px){
    .head{ display: none;}
    .table-cell{padding-top:0px;}
    .head_phone{display: block;}
	.phone_nav{display: block;}
}
@media(max-width:767px) {
    .head{ display: none;}
    .head_phone{display: block;}
	.phone_nav{display: block;}
    .table-cell{padding-top:0px;}
}

.head{  height: 110px; background-color: #FFF; padding: 0; position: fixed;top: 0; z-index: 99; }
/*手机版导航栏*/
.head_phone{display: block;}
.nav_phone{ display: block;  position: absolute;right: 10px; top: 10px;}
.nav_phone .button{ width: 30px; position: relative;height: 23px; z-index: 111; float: left; border: 0; background: none; }
.nav_phone .button span{ height: 4px;  overflow: hidden; position: absolute; transition:opacity 0.25s;  left: 0; text-indent: 200%; width: 30px; background-color: #FF0000; }
.nav_phone .button::before{transform: translate3d(0,-8px,0);transition:transform 0.25s; content: "  "; position: absolute;top: 50%; left: 0; width: 100%; height: 4px; background-color: #FF0000; }
.nav_phone .button::after{transform: translate3d(0,8px,0);transition:transform 0.25s; content: "  "; position: absolute;top: 50%; left: 0; width: 100%; height: 4px; background-color: #FF0000; }
.head_phone .nav{height: 0; overflow: hidden; }
.head_phone .nav{ width: 100%;  transition:height 0.25s;  position: absolute;top: 0; z-index: 100; background-color: rgba(186,15,9,0.9);  }
.head_phone .nav ul{}
.head_phone .nav ul li{ height: 40px; border-bottom: 1px solid rgba(232,10,3,0.9); line-height: 40px; font-size: 16px; color: #FFF; text-indent: 20px; }
.head_phone .nav ul li a{display: block;}
.head_phone .nav ul li a:hover{ color: #FFF; }
.open.head_phone .nav{ height: auto; }
.open .nav_phone .button span{ opacity: 0; }
.open .nav_phone .button::before{transform: rotate3d(0,0,1,45deg); }
.open .nav_phone .button::after{transform: rotate3d(0,0,1,-45deg);  }


@media (min-width: 768px) {
.qqkefu{
    display: block;
}
#rocket-to-top{display: block;}
section{overflow: hidden; }
.hd_intro{padding: 30px 0;}
.footer2{ padding: 0; margin-top: 0;}
/*头部*/
.head .logo{ height: 110px; float: left; width: 240px; background-color: #2f2f2f; text-align: center; }
.head .logo img{ margin-top: 20px; }
.head .menu_box{float: left; }
.head .menu li.active a{color: #ff0000  }
.head .menu li{ font-size: 15px; text-align: center; padding: 0; color: #888;float: left; line-height: 110px; height: 110px;  }
.head .menu li:hover{ background-color: #ddd; }
.head .menu li a{height: 110px;  display: block;}
.head .menu li a:hover{ background-color: #ddd; color: #888;}
.head .right{ float: left; display: none; }
.head .right .search{ display: block; float: left; width: 20px; height: 20px; margin-top: 45px; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: center; }
.head .right .telphone{ display: block; float: left; width: 20px; height: 20px; margin-top: 45px; background-image: url(../images/telphone.png); background-repeat: no-repeat; background-position: center; }
/*手机版导航栏*/
.head_phone{display: none;}
.nav_phone{ display: none; }
}


/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) { 
/*header*/
.head .logo{ height: 110px; float: left; width: 280px; }
.head .menu li{ font-size: 18px; color: #888;  float: left; line-height: 110px; height: 110px;  }
}
/* 大屏幕（大桌面显示器，大于等于 1600 */
@media (min-width: 1600px) { 
.head .right{ display: block; }

.head{ display: block; height: 110px; background-color: #FFF; padding: 0; position: fixed;top: 0; z-index: 99; }
.head .logo{ height: 110px; float: left; width: 280px; background-color: #2f2f2f; }
.head .right{ float: left; }
.head .right .search{ display: block; float: left; width: 20px; height: 20px; margin-top: 45px; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: center; }
.head .right .telphone{ display: block; float: left; width: 20px; height: 20px; margin-top: 45px; background-image: url(../images/telphone.png); background-repeat: no-repeat; background-position: center; }
}
/*简介*/
.footer_box{background-image: url(../images/back_5.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.footer2{ padding: 0; background-color: #f1f0f0; }
.footer2{ width: 100%; }
.footer2 { vertical-align: bottom; }
/*footer*/
.footer{ background-color: #2f2f2f; padding: 20px  0 0 0; }
.footer .contact{ padding: 0;   }
.footer .contact .contact_1{text-align: center;}
.footer .contact .contact_1 .way{ font-size: 14px; color: #cdcdcd;  line-height: 25px; }
.footer .contact .contact_1 .number{ font-size: 14px; color: #FFF; line-height: 30px; }
/*底部导航*/
.footer_nav{ padding: 0; border: 1px solid #636363; border-left: 0;border-right: 0; height:85px; line-height: 85px;   text-align: center; }
.footer_nav ul{ padding:0; margin: auto; height: 25px; line-height: 25px;  padding: 30px 0;}
.footer_nav ul li{ font-size: 16px; border-right: 1px solid #DDD; color: #cccccc; line-height: 25px; float: left; padding: 0 15px;display: inline-block;}
.footer_nav ul li a:hover{ color: #FFF; }

.footer .search .form{ width: 320px; margin: auto; margin-top: 20px; }
.footer .search .form .input{ width: 240px; padding: 0 10px; float: left; display: block; height: 30px; background-color: #FFF; border: 0 }
.footer .search .form .submit{ width: 60px; float: left; height: 30px; display: block; border: 0; background-color: #f54325; line-height: 30px; font-size: 12px; color: #FFF; }
.footer .bottom{ margin-top: 30px; background-color: #212121; line-height: 30px; padding: 15px 0; font-size: 12px; color: #FFF; text-align: center; }

@media (max-height:  750px) and (min-width: 768px) {
.footer_nav{ display: none; }
.footer .search{ display: none; }

}
@media (max-width: 768px) {
.footer{ padding: 0; }
.footer .bottom{ margin-top: 0; }
.footer_nav{ display: none; }
.footer .search{ display: none; }
.footer .contact{ display: none;    }
}
@media (min-width: 768px) {
.footer2{ padding: 0; margin-top: 0;}
/*底部导航*/
.footer_nav{ padding: 0; height:85px; line-height: 85px;   text-align: center; }
.footer .contact{ padding: 0;  display: block;}
/*footer*/
.footer{ background-color: #2f2f2f; padding: 20px  0 0 0; }
.footer .contact{ padding: 0;   }
.footer .contact .contact_1{text-align: center;}
.footer .contact .contact_1 .way{ font-size: 14px; color: #cdcdcd;  line-height: 25px; }
.footer .contact .contact_1 .number{ font-size: 12px; color: #FFF; line-height: 30px; }
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) { 
    /*footer*/
.footer{ background-color: #2f2f2f; padding: 20px  0 0 0; }
.footer .contact{ padding: 0;   }
.footer .contact .contact_1{text-align: center;}
.footer .contact .contact_1 .way{ font-size: 14px; color: #cdcdcd;  line-height: 25px; }
.footer .contact .contact_1 .number{ font-size: 20px; color: #FFF; line-height: 30px; }
.footer2{ padding: 0; margin-top: 0;}
}
@media (min-width: 1200px) { 
.footer2{ padding: 0; margin-top: 0;}
.footer2{ width: 100%; }
.footer2 { vertical-align: bottom; }
/*footer*/
.footer{padding: 30px  0 0px 0; }
.footer .contact{ padding-bottom: 20px; display: block;   }

}
@media (max-height: 827px) {
.footer_nav{display: none;}
}