@charset "utf-8";
body {font-family: "Muli",sans-serif!important;font-size: 15px!important;line-height: 1.3; text-decoration:none;color: #333;font-weight: 400;}
*{padding: 0; margin: 0; box-sizing: border-box;}
#zqMessageDiv {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 2;
}
a:hover {
    color: #0247f6;
}
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }
body,ul,li{margin:0;padding:0;}
ul,li{list-style: none;}
p{ margin: 5px 0;}
h5{font-size: 16px;}
img{max-width: 100%;}
.zq_body {background:url(../images/top.jpg) repeat; }
.zq_top1 {width: 100%;max-width: 1200px;margin: 0 auto;overflow: hidden; background:#fff;position: relative;}
.zq_top2 {padding-left: 15px;width: 100%;position: relative;}
.logo { float:left;margin-bottom: 10px;width: 30%;}
.gq {width: 100%;text-align: right;margin-bottom: 10px;}
.gq a { color:#303030; display: inline-block;}
.gq a:hover { color:#b81d21; }
.gsmz{float: left;padding-left: 20px;color: #303030;/*margin-top: 15px;*/font-size: 22px;font-weight: bold;width: 70%;}
.gsmz1 {color: #303030;font-size: 14px;margin-bottom: 10px;}
.zq_body1 { width: 100%; overflow: hidden; }
.zq_body2 {width: 100%;overflow: hidden;}
.zq_body3 {width: 100%;margin: 0 auto;overflow: hidden;}
.zq_body4 {width: 100%;overflow: hidden;display: inline-block;}
.zq_body5 { width: 100%; overflow: hidden; background: #385cba;}
.zq_nva1 {width: 100%;max-width: 1200px;margin: 0 auto;overflow: hidden; background:#fff;}
.zq_nva2 {width: auto;margin: 0 15px;overflow: hidden; background:#385cba;}
.zq_nva2 ul { width:100%; height: auto; list-style:none; display:block; }
.zq_nva2 ul li { float:left;width: 14.2%;text-align: center; display:block;}
.zq_nva2 ul li a { display:block; margin:0;padding: 9px 0 9px; color:#fff; text-decoration:none; font-weight:bold;}
.zq_nva2 ul li.active { background:#ffde00; }
.zq_nva2 ul li.active a { color:#0d0d0d; }
.zq_nva2 ul li:hover { background:#ffde00; }
.zq_nva2 ul li:hover a { color:#0d0d0d; }
.zq_banner1 {width: 100%;max-width: 1200px;margin: 0 auto;overflow: hidden; background:#fff;}
.zq_banner2 {padding: 3px 15px;}
.zq_cen1 {width: 100%;max-width: 1200px;margin: 0 auto;overflow: hidden; background:#fff;}
.zq_cen2 {padding: 0 15px;overflow: hidden;}
.left { float:left;width: 27%;overflow: hidden; border:1px solid #cdcdcd;margin-bottom: 10px;margin-top: 30px;}

.zq_left_a {width: 100%;padding: 10px 0;background: #ffde00;overflow: hidden;margin-top: -1px;}
.zq_left_a a { font-weight:bold;font-size: 16px;padding-left: 10px;display: inline-block;}
.zq_left_a a:hover{color: #0203f4;}
.zq_left_a1 {float: left; width:251px; height:28px; padding-top:8px; background:#303030; padding-left: 5px; }
.zq_left_a1 a { color: #ffde00; font-weight:bold; font-size:14px; }
.zq_left_b {float: left;width: 100%;padding: 8px 0;  background:#ffde00;text-align: center;}
.zq_left_b a { color:#0d0d0d; font-weight:bold;font-size: 18px;}
.zq_left_b a:hover { text-decoration:underline; }




.liebiao ul li {width: 98%;margin-left: 2%; border-bottom:1px dotted #d8d6d6;}
.liebiao ul li a {display: block;}
.liebiao ul li.active a { color:#0267b2; }
.liebiao ul li a:hover { color:#0267b2; }
.liebiao ul li.lie { border-bottom:1px solid #cdcdcd; display:block;  }
.liebiao ul li.lie a { color:#0d0d0d;padding: 7px 5px 7px 10px;font-weight: bold;font-size: 14px;}
.liebiao ul li.lie a:hover {color: #0203f4;}
.liebiao ul li.lie1 {  border-bottom:1px solid #cdcdcd;  display:block; }
.liebiao ul li.lie1 a {color:#0203f4;padding:7px 5px 7px 10px; font-weight:bold; }
.center {float: right;width: 70%;height: auto;margin-top: 30px;}

.c1 {font-size: 30px; font-weight: bold; color: #303030; margin: 10px 0 10px; padding-bottom: 5px; text-align: center; position: relative; text-transform: uppercase;}

.c1:before{content: "";position: absolute;bottom: 0;left: 0;width: 6%;height: 2px;background: #ffde00;margin-left: 47%;}
.c-1 { float:left; font-size:16px; width:960px; padding-top: 3px; padding-left: 10px; color:#303030; margin:20px 0 5px; font-weight:bold; }
.c2 { color:#303030; padding:3px 0 5px 5px;}
.c2 a { color:#303030; }
.c2 a:hover { color:#016ec0; }
.c3 {
    width: 100%;
    margin: 0 auto;
}
.c4 {    color: #303030; font-weight: bold; padding: 5px 0; font-size: 18px;}
.c4 a { color:#303030; font-weight:bold; }
.c4 a:hover { color:#b81d21; }
.c4-1 {height: auto; color: #303030; font-weight: bold; margin: 8px 0;}
.c4-1 a { color:#b81d21; font-weight:bold; }
.c4-1 a:hover { color:#303030; }
.c5 {
    width: 100%;
    padding: 15px 0;
    margin: 15px 0;
    font-weight: bold;
    font-size: 20px;
    color: #0d0d0d;
    position: relative;
}
.c5:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
    height: 2px;
    background-color: #ffde00;
}
.c5:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80%;
    height: 1px;
    background-color: #e9e9e9;
}
.c6 {color: #333333;font-weight: bold;padding: 10px 0;font-size: 18px;}
.c6 a { color:#016ec0; font-weight:bold; }
.c6 a:hover { color:#303030; }
.c6-1 {color: #006699;font-weight: bold;padding: 8px 0;}
.IN-1 { float:left; width:960px; height:auto; margin-top:15px; font-size:18px; color:#b81d21;}
.IN-2 { float:left; width:960px; height:auto; padding:5px; font-size:13px; font-weight:bold; }
.zq_prot { float:left; width:auto; height:auto; margin:0 181px; border:1px solid #e2e3e4; padding:1px; }
.zq_prot-1 {display: inline-block;padding: 0 15%;}
.zq_prot1 { float:left;width: 43%; height:auto; border:1px solid #e1e1da;}
.zq_prot1-1 {float: right;margin: 49px 0px 0px;width: 52%;margin-left: 5%;height:auto;}
.zq_prot1-1 ul li { display:block;float: left;width: 80px;margin: 3px;padding: 2px; border:1px solid #e1e1da;}
.zq_prot1-1 ul li:hover { border:1px solid #357892; }
.tup {margin-bottom: 10px;padding-left: 15px;font-size: 15px;}
.tup i{font-size: 20px;padding-right: 10px;}
.tup a{font-size: 18px; font-weight: 700; color: #0203f4;}
.tup a:hover {text-decoration: underline;}
.bottom{    color: #464646;
    padding: 3px 0 3px 35px;
    margin: 5px 0 10px 0;
    background: url(../images/h2_bg.gif) left no-repeat;}
.left_pic { width:100%;margin: 0 auto;}
.left_L{
  width: 50%;
  margin: 0 auto;
}

.left_R{
  width: 65%;
  float: right;
}
.img_all {width:100%;/* float:left; */text-align:center;position:relative;border: 2px solid #eb6100;}

.img_all img { width:auto; margin:0 auto; text-align:center;max-width: 100% }

.img_all #imgtitle { position:absolute; bottom:0; margin:auto; left:0; right:0; background:rgba(0, 0, 0, .7); color:#fff }

.left_pic .tu2-2 { float:left; margin:5px 0 3px 3px; width:100%; }

.tu2-2 ul li { float:left; width:50px; margin:0 3px 3px; padding:1px; border:1px solid #e8e9ea; }

.tu2-2 ul li:hover { border:1px solid #0b111b; }


.zq_right1 { float: left; height: auto; width: 165px; padding-bottom: 5px; margin-left: 8px; margin-bottom: 5px; background-color: #F8F7F5; }
.zq_right1 ul li.tops_1 { float: left; width: auto; height: auto; padding: 1px; border: 1px #ccc solid; display: block; margin-top: 10px; margin-right: 3px; margin-left: 8px; }
.zq_right1 ul li.tops1 { float: left; height: auto; width: 160px; display: block; margin-top: 5px; text-align: center; }
.zq_right1 ul li.tops1 a { display: block; padding-left: 2px; color: #366366; padding-bottom: 8px; }
.zq_right1 ul li.tops1 a:hover { color: #000; }
.tup2 { float:left; width:690px; height:auto; margin-left:5px; margin-right:5px; }
.tu2 { float:left; width:auto; height:auto; display:block; margin:5px 13px; border:1px solid #d1d0d0; padding:1px; }
.tup-3 {/* float:left; *//* width:698px; */ height:auto; border-bottom:1px dashed #d1d0d0;}
.tup_3 {float:left; height:auto;}
.tup3 { margin:10px;padding: 2px 0;}
.tu3 {    margin:10px 6px; padding:1px; border:1px solid #d1d0d0;}
.zi3 { height:auto; color:#303030;}
.zi3 a { display:block; color:#b81d21; }
.zi3 a:hover { text-decoration:underline; }
.tu4 {  border:1px solid #d1d0d0;padding:1px;margin-bottom: 10px;}
.tup-5 { float:left; width:963px; height:auto; }
.tup5 { float:left; width:156px; height:auto; margin:5px 2px; }
.tu5 { float:left; width:auto; height:auto; padding:1px; border:1px solid #e2e3e4; }
.zq_bott1 {width: 100%;max-width: 1200px;margin: 0 auto;overflow: hidden;background: #385cba;}
.zq_bott2 {width: 20%;float: left;overflow: hidden;height: auto;padding-top: 15px;padding-bottom: 15px;}

.tu4-1 { float:left; width:auto; height:auto; margin:5px 12px; padding:1px; border:1px solid #d1d0d0; }
.tu4-2 { float:left; width:auto; height:auto; margin:5px 200px; padding:1px; border:1px solid #d1d0d0; }
.p1 { text-indent:1em; padding-top:3px; }
.p2 { text-indent:2em; padding-top:3px; }
.p3 { text-indent:5em; padding-top:3px; }
.INX-1 {font-size: 24px; font-weight: bold; padding: 8px 0;}
.INX-2 { float:left;width: 33%; height:auto; border-right:1px dotted #d1d0d0;padding: 0 15px;margin-bottom: 20px;}
.tup_3 .INX-2:nth-child(3n){border: none;}
.INX_2 { float:left; width:200px; height:auto; padding: 0 5px; margin: 5px 10px; }
.INT-2 {  padding:1px; border:1px solid #d1d0d0;}
.INZ-2 {
    display: inline-block;
}
.INZ-2 a {color: #385cba; display:block; font-weight:bold;padding: 8px 0;}
.more {width: 100%;margin: 0 auto;display: inline-block;text-align: right;}
.more a {display: inline-block;padding: 3px 10px;color: #fff;background-color: #333;}
.more a:hover { background-color:#ffde00; color: #333;}
.CTZ-1 { display:block; padding:5px 0; font-size:15px; margin:5px 5px 5px 20px; }
.CTZ-2 { display:block; padding:5px 0; font-size:15px; margin:5px 5px 5px 20px; text-indent:3em; }
.pp { padding:3px 0;}
.pp-1 { display:block; padding:3px 5px;}
.pp-2 { display:block; padding:3px 5px;}
#zq_bott3 {width: 70%;float: right;padding: 10px 5px 4px;/* text-align: center; */color: #eee; }
#zq_bott3 a {color: #eee;padding: 3px 10px;display: inline-block;}
#zq_bott3 a:hover { color:#f80102; }
#zq_bott4 {width: 100%; padding: 15px 0; text-align: center; display: inline-block; color: #ccc;font-size: 14px;}


#zq_bott4 a{color: #ccc;}
#zq_bott4 a:hover{color: #eee}





/* 轮换图 */
.comiis_wrapad {margin: 0 auto;position: relative;overflow: hidden;color: #b81d21;}
.cl { zoom: 1; overflow:hidden; height: auto; width: auto; margin-left: auto; margin-right: auto; }
.block { margin: 10px 10px 0; position: relative; }
.slideshow { clear: both; overflow:hidden; }
.slideshow li { overflow: hidden; display:none;}
.slidebar {position: absolute;bottom: 20px;left: 45%;}
.slidebar li {float: left;margin-right: 1px;width: 24px;height: 21px;line-height: 18px;text-align: center;font-size: 10px;cursor: pointer; background:url(../images/yd-1.png) no-repeat;color: #303030;overflow: hidden;font-family: sans-serif;}
.slidebar li.on { background:url(../images/yd-2.png) no-repeat;color: #fcfc00;}
#slidesImgs li {width: 100%; overflow:hidden;text-align: center;}

/*dibu*/
.footnav { background: #FCD201;margin-top: 20px; }
.footnav ul { width: 1200px; overflow: hidden; margin: auto }
.footnav li { display: inline-block; padding: 0 43px; line-height: 60px; position: relative; float: left }
.footnav li:after { position: absolute; width: 1px; height: 20px; content: ""; top: 20px; right: 0; background: #DCB705 }
.footnav li a {color: #352e2e;font-weight: 600;}
.footnav li a:hover { font-weight: bold; }

.footer-logo{
    padding: 10px 7px;
}
.footer-logo p{
    color: #fff;
    margin-bottom: 8px;
}
.footer-logo ul{
    display: inline-block;
    margin-top: 10px;
}
.footer-logo ul li{
    float: left;
    width: 50px;
}
.footer-logo ul li a{
    display: inline-block;
    text-decoration: none;
    text-align: center;
    
    width: 38px;
}
.footer-logo ul li a img{
    border-radius: 5px;
}

.footer-list h4{
    border-bottom: 1px solid #fcd201;
    padding: 10px 7px;
    font-weight: bold;
    font-size: 22px;
}
.footer-list ul>li {
    width: 98%;
    font-size: 15px;
    list-style: disc;
    color: #fff;
    margin-left: 2%;
    margin-bottom: 8px;
}
.footer-list ul>li a{    
    color: #fff;
}
.footer-list ul>li a:hover{
    color: #fb0204;
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .footnav ul { width: 100% }
.footnav li { padding: 0 30px }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .footnav ul { width: 100% }
.footnav li { padding: 0 15px }
}
@media only screen and (max-width: 767px){
    .footnav ul {
    width: 100%;
}
.footnav li {
    padding: 0 10px;
    line-height: 40px;
}
.footnav li:after{
    top: 10px;
}
}
@media only screen and (max-width: 650px){
    .footer-mob{display: none;}
}
/*表格 */
.table1 {width: 100%; color:#000; text-align:left; border-collapse:collapse;margin-top: 10px; margin-bottom: 10px;}
.table1 tr { background:#FFF; }
.table1 td {text-align: center; padding:4px 8px; color:#000; overflow:hidden; border:1px solid #ccc; }
.text-left td{text-align: left;}
/* 询盘 */
label {
    width: 100%;
    display: inline;
}
.messd { margin: 15px 15px 0 5px; padding-top: 3px; float: right; height: 26px; width: 159px; text-align: center; background-image: url(../images/b_nts.png); background-repeat: no-repeat; margin-bottom: 5px; }
.messd a { color:#fff; }
.forma1 {height: auto; width: 100%; margin-top: 10px; overflow: hidden; font-size: 14px; }
.forma1_WMC {
    float: left; height: auto; width: 99%; margin-top: 2px; overflow: hidden; font-size: 22px; background: #f0bc11; color: #fff; padding-top: 8px;
    padding-bottom: 8px; padding-left: 10px; }
.forma2 { float: left; height: auto; width: 99%; margin: 2% 0; padding: 20px 0 0 0; border: 1px solid #eee; }
.messageModel3 { overflow: hidden; float: left; height: auto; width: 98%; padding-top: 3px;}
.messageModel3 strong {color: #000;}
.forma5 { overflow: hidden; display: inline; }
.forma5 {float: left;height: auto;width: 95%;margin-left: 3%;margin-bottom: 15px;}
.formb1 {float: left;height: auto;width: 18%;margin: 0 1% 0 0;text-align: center;line-height: 30px;}
.formb2 {float: left;height: auto;width: 80%;}
form .forma5 .formb2 input {width: 90%;height: 30px;font-size: 12px;font-weight: bold;border: 1px solid #357892;}
.forma6 {overflow: hidden;float: left;height: auto;width: 95%;margin-left: 3%;text-align: center;}
.formc1 {float: left;height: 25px;width: 18%;margin-top: 60px;margin-right: 1%;}
.formc2 {float: left;height: auto;width: 80%;margin-bottom: 15px;}
form .forma6 .formc2 textarea { width: 90%; height: 160px; font-size: 12px; line-height: 22px; font-weight: normal; border: 1px solid #5582AA; float: left; }
.forme1 {float: left;height: auto;width: 95%;margin-bottom: 15px;margin-left: 3%;}
.forme1 { overflow: hidden; }
.formd1 {float: left;width: 80%;padding-left: 19%;}
.zq_botton2 { color: #333; font-weight: bold; border: 2px solid #ffde00; float: left; cursor: pointer; background-color: #ffde00; margin-right: 20px; padding: 5px 10px; margin-bottom: 15px;}
.checkCodebox{height: 30px;border:1px solid #333;margin-bottom: 5px;}

@media screen and (max-width:706px) {
.formd1 {float: left; width: 100%; padding-left: 0 !important; margin-left: 0 !important; }
.formc1 {float: left; margin-top: 0 !important; }
.formb1 {float: left; height: auto; width: 90%; margin: 0 10px 0 0; text-align: left; }
.formb2 {width: 95%;}
form .forma5 .formb2 input {width:100%;}
.formc2 {width: 95%;}
form .forma6 .formc2 textarea {width:100%}
.forma5,.formc2{margin-bottom: 8px;}
}
/* 图片 */
.scroll{width: 100%;margin: 0 auto;overflow: scroll;}
.pt-4{margin-top: 40px;}
.other_img{
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.other_img ul li{
    width: 48%;
    margin: 1%;
    float: left;
}
.other_pic{
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.other_pic ul li{
    width: 31.3%;
    margin: 1%;
    float: left;
}
.other_pro{
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.other_pro ul li{
    width: 19%;
    margin: 0.5%;
    float: left;
}
.other_4{
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.other_4 ul li{
    width: 23%;
    margin: 1%;
    float: left;
}
.other_4 ul li:nth-child(4n+1){clear: both}
.rock-n { width: 100%; margin: 0 auto;padding-top: 15px; }

.rock-n h2 { width: 100%; float: none; text-align: left; margin: 8px 0; padding:5px 0; }

.rock-n li { width: 100%; margin-bottom: 2%; float:left;padding-bottom: 10px; }

.rock-n li .rock-img {width: 25%;padding: 1%; border: 1px solid #ccc;float: left;overflow: hidden;}

.rock-n li .rock-img img { width: 100% }

.rock-n li .rock-con {width: 72%;margin-left: 3%;float: left;}

.rock-n li .rock-con h5 {font-size: 17px;font-weight: bolder;color: #000000;width: 100%;margin: 0;}

.rock-n li .rock-con p {width: 100%;padding: 0;}

.rock-n li:last-child{
    border-bottom: none;
}
.details {
    display: inline-block;
    background-color: #303030;
    padding: 5px 30px;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid #303030;
    color: #fff;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    margin-top: 10px;
}
.details:hover {
    color: #ffde00;
    border: 2px solid #385cba;
    background: #385cba;
}


.product_style { width:100%; clear:both }

.product_style ul { overflow:hidden; width:100%; height:auto }

.product_style ul li { width:30% ;float: left;margin: 1%;}

.product_style ul .about-img { float: none; width: 100%; }

.product_style ul .about-img .product_img:hover { transform:translate(0, -10px); transition: .8s

}
.product_style ul li:nth-child(3n+1){clear: both;}
.product_style ul li ol {width: 96%;margin: 0 auto;}

.product_style ul li ol li { margin:0; width:100% }

.product_style ul li ol li.product_img {

text-align: center; width:100%; float: left; overflow: hidden; box-shadow: 0 0px 7px 7px #eee; padding: 0;
}

.product_style ul li ol li.product_img a img { width:100%; transition:.8s; -webkit-transition:.8s; -moz-transition:.8s; }

.product_style ul li ol li.product_img a:hover img { transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); opacity:.8 }

.product_style ul li ol li.product_con {text-align:left; width:100%; float:right}

.product_style ul li ol li.product_con a { display:block; height:auto; text-align:center }




@media only screen and (min-width:768px) {
    .scroll::-webkit-scrollbar {
      display: none; 
    }
}

@media only screen and (min-width: 0) and (max-width: 767px){
.zq_body{background: none;}
.zq_nva1{display: none;}
.left{display: none;}
.center{width: 100%;}
.zq_top1{display: none;}
.zq_top1 .gq{display: block;}
.height{height: 108px;}
.zq_prot1-1{margin-top: 30px;}
.INX-2{width: 48%;border: none;}
.INX-2:nth-child(2n+1){clear: both;}
}
@media only screen and (max-width: 640px){

#zq_bott3 a{padding: 3px 5px;font-size: 14px;}
.other_pro ul li,.other_4 ul li{width: 48%;}
.other_4 ul li:nth-child(2n+1){clear: both}
.other_img ul li{width: 98%;}
.rock-n li .rock-img{
    width: 100%;
}
.rock-n li .rock-con{
    width: 100%;
    margin-left: 0;
}
.product_style ul li{width: 48%;}
.product_style ul li:nth-child(3n+1){clear: none;}
.product_style ul li:nth-child(2n+1){clear: both;}

.zq_prot1{width:100%;}
.zq_prot1-1{width: 100%;margin-left: 0;margin-top: 15px;}
.zq_prot1-1 ul li{width: 24%;margin: 0.5%;}
}
@media only screen and (max-width: 480px){
.c1{font-size: 24px;}
.INX-2{width: 98%;}
.c4{font-size: 16px;}
}