/*
* @Author: Administrator
* @Date:   2017-09-02 01:05:19
* @Last Modified by:   Administrator
* @Last Modified time: 2017-09-12 22:59:13
*/

html{ margin: 0; padding: 0; border: 0;overflow-x:hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); }
ol,ul{list-style:none;padding: 0;}
a{ color: #000; text-decoration: none; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
a:hover { cursor: pointer; text-decoration: none; }
img{ border: none; vertical-align: middle; }
input, select, textarea{ font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif; }
textarea{overflow: auto;}
img{border:0;vertical-align:middle;}
em{font-style:normal;}
input:focus, textarea:focus, button:focus, select:focus {outline: none; border: none;}
body{color: #666;font-size:1rem;font-family:Verdana, Arial, Helvetica, sans-serif;}
html{font-size:62.5%;}
.dl{display: block;}
.dn{display: none;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.c{ clear: both; line-height: 0; overflow: hidden; zoom: 1; font-size: 0; content: '.'; }

/*header*/
.header {   height: 86px;}
.headermin{position: relative;}
.header .logo img{ width: auto; display: inline-block;}
.header .logo{text-decoration: none; }
.header .logoRIGHT { width: auto;position: absolute;right: -2%;top: 0; }
.header .ico_close { display: none; }
.headermin .logotext{color: #000; border-left:1px solid #c4c4c4;padding-left: 12px;margin-left: 12px; padding-right: 10px;}
.header .nav li { float: left; color: #b1b1b1; text-align: center; text-transform: uppercase; height:35px; position: relative; margin: 29px 20px 0; z-index: 99; }
.header .nav li.on{border-bottom: 1px solid #e59a00;}
.header .nav li .b { color: #000; display: block; font-size: 12px; line-height: 24px;overflow: hidden;       border-top: 0px solid #fff;}
.header .nav li .b span { display: block; font-size: 16px; }
.header .nav li .b em { font-style: normal; font-family: Arial, Helvetica, sans-serif; }
.header .nav li dl { position: absolute; left: 0px; top: 72px; background: #fff; width: 100%; display: none; }
.header .nav li dl dd { position: relative; height: 30px; line-height: 30px; text-align: center; }
.header .nav li dl dd a { display: block; color: #666; overflow: hidden; }
.header .nav li dl dd:hover a{ color: #ff9926; }
.header .nav li dl dd:hover i{display: block;}
.header .nav li .sub { position: absolute; left: 100%; top: 0px; background: url(../images/ico_navtm3.png) no-repeat; white-space: nowrap; display: none; }
.header .nav li .sub a { padding: 0 10px; }
.header .nav li .sub a:hover { background: url(../images/ico_navtm2.png) no-repeat; }
.header .nav li:hover{    border-bottom: 1px solid #e59a00;}
.header .nav li:hover .b, .header .nav li.on .b { color: #e59a00;  }
.header .nav li .zks {display: none; background: url(../images/ico_navzk.png) center center no-repeat; width: 11px; height: 11px; position: absolute; right: 6px; top: 10px; }
.header .headermin .nav li.on span{color: #e59a00;}

/*footer*/
.q_friend{padding-top: 50px;padding-bottom: 50px;}
.q_friend p span{font-size: 16px;    font-weight: bold;color: #000;}
.q_friend p a{font-size: 14px;padding: 0 10px;}

.q_footer{background: url(../images/q_footer.png) center no-repeat;height: 255px; }
.q_footerblack{left: 0;top: 0;background-color: #000;opacity: 0.7;width: 100%;height: 100%;}
.q_footertext{color: #fff;}
.q_footertext div p a{color: #d0d0d0;} 
.q_footertext{padding-top: 40px;}
.q_footertext div .box{padding-left: 10%;}
.q_footertext_img{padding-top: 15px;border-left: 1px solid #5a5a5a; border-right: 1px solid #5a5a5a;
    box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.q_footertext_img div{text-align: center;padding-left: 9%;}
.q_footertext_img div p{padding-top: 6px;}
.q_footertext_ph{padding-top: 20px;padding-left: 5%;}
.q_footertext_ph .p1{color: #fff;font-size: 2rem;}
.q_footertext_ph .p1 i{color:#e59a00;padding-right: 8px;}
.q_footertext_ph .p2{font-size: 3.3rem;color:#e59a00; }
.q_footer_bottom{ background-color:#000;color: #fff;text-align: center;height: 42px;line-height: 42px;font-size: 1.4rem;}
.q_footer_bottom p{margin-bottom: 0;}
.botnav2{ display:none;}





@media (max-width:1200px) {
    .header .nav li{margin: 29px 10px 0;}
       /* footer */
       .q_friend {padding-top: 30px;padding-bottom: 20px;}
   .q_case_img_pa1{font-size: 16px;}
   .q_footertext div .box {padding-left: 6%;}
   .q_footertext_img div {padding-left: 5%;}

}

@media (max-width:1025px) {
 

}

@media (max-width:990px) {
.headermin .logotext{}
/* footer */
.q_footertext_img div img{width: 60px;}
.q_footertext_ph{padding-left:3% }
.q_footer{height: 210px;}
.q_footertext_ph .p1 {font-size: 1.6rem;}
.q_footertext_ph .p2{font-size: 2.6rem;}
}


@media (max-width:910px) {
    /*header*/
    .header .logo img{width: auto;height: 52px;}
    .header { height: 52px; }
    .header .ico_menu { float: right; background: url(../images/ico_menu.png) no-repeat; width: 31px; height: 22px; display: block; margin: 15px 10px 0 0; }
    .header .ico_close { text-align: center; font-size: 24px; display: block; width: 200px; height: 40px; line-height: 40px; margin: 20px auto; background: #eee; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }
    .header .nav { float: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #333; z-index: 9999; overflow-y: auto; display: none; }
    .header .nav ul { border-top: 1px solid #000;padding: 0; }
    .header .nav li { width: 100%; text-align: left; height: auto; margin-top: 0; }
    .header .nav li .b { height: 40px; line-height: 40px; padding: 0 20px; border-bottom: 1px solid #000; }
    .header .nav li .b span { float: left; margin-right: 10px; }
    .header .nav li .b em { float: left; }
    .header .nav li dl { position: relative; left: 0px; top: 0; background: #444; }
    .header .nav li dl dd { height: auto; line-height: 30px; text-align: left; padding: 0; border-bottom: 1px solid #333; }
    .header .nav li dl dd a { padding: 0 36px; }
    .header .nav li .sub { position: relative; left: 0px; top: 0px; background: #555; white-space: nowrap; }
    .header .nav li .sub a { padding: 0 50px; border-bottom: 1px solid #444; }
    
}


@media (max-width:768px) {
  
    /* footer */
     .q_footer{height:220px;}
    .q_footer_container{padding: 0 35px;}
    .q_footertext_nav{padding: 0 5px;}
    .q_footertext div .box {padding-left: 7px;}
    .q_footertext_img div img{width: 70px;}
    .q_footertext_ph {padding-left: 10px;}
.q_footertext_img div img{width: 50px;}


}

@media (max-width:450px) {

    .botnav2 {width: 100%;position: fixed;right: 0;bottom: 0px;z-index: 102;background-color: #116492;overflow: hidden;height: 60px;display: block;margin-bottom: 0;padding: 0;}
    .botnav2 li {width: 20%;float: left;text-align: center; font-size: 12px;}
    .botnav2 li i {display: block;font-size: 24px;margin-top: 10px;margin-bottom: 4px;}
    .botnav2 li a {color: #FFF;display: block;}
    
    /* footer */
    .q_friend {padding-top: 20px;padding-bottom: 10px;}
    .q_footer_container{padding: 0 20px;}
    .q_footer{height: 300px;margin-bottom: 60px;}
    .q_footertext {padding-top: 10px;}
    .q_footertext_img{padding-top: 0;border:none;}
   .q_footertext div .box {padding-left: 6%;}

   .q_footertext_img div {padding-left: 6%;}
    .q_footertext_img div img{width: 50px;}
   .q_footertext_ph .p1 {font-size: 1.4rem;}
   .q_footertext_ph .p2 {font-size: 2.2rem;}
   .q_footertext_ph{padding-top: 0px;padding-left: 8%}
   .q_footertext_ph p{margin-bottom: 5px;}
}
@media (max-width:375px) {}

@media (max-width:320px) {

}




.grid {

    position: relative;

    /* fluffy */
    margin: 0 auto;
    width: 100%;
    /* end fluffy */
}

.grid img{width: 100%;}

.grid-item {
    position: absolute;

    /* fluffy */
    opacity: 0;
    box-shadow: 1px 1px #9E9E9E;
    width: 277.5px;

    /* end fluffy */
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

}

/* mq */

@media (max-width: 600px) {
.grid-item {width: 120px;}
}

@media (max-width: 375px) {
.grid-item {width: 150px;}
}
@media (max-width: 335px) {
.grid-item {width: 120px;}
}