﻿/*--------------------------------------------------*/

.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; padding-top:10.3rem;}

.g-adv .sclwrap_box{ height:15.0rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

.g-adv .m-cnt{ width:100%; background:#ccc; height:0.33rem;}
.g-adv .m-cnt li{ float:left; height:0.33rem;width:25%;}
.g-adv .m-cnt li.z-on { background:#ff5601;}

/*--------------------------------------------------*/

nav{ height:5.95rem; width:100%;overflow:hidden;background:#212121;border-top:0.1rem solid #333;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;position:fixed; top:4.5rem;min-width:320px; max-width:640px; width:100%;  z-index:999;}
nav a{ position:relative; float:left;  color:#fff; text-align:center; font:1rem/2.8rem "microsoft Yahei";width:33.33%; height:2.8rem; overflow:hidden; display:block; background:#212121; font-weight:800;}
nav a:nth-child(3n):before{ background:none;}
nav a:nth-child(1):after{ background:none;}
nav a:nth-child(2):after{ background:none;}
nav a:nth-child(3):after{ background:none;}
nav a:before{ position:absolute; content:""; right:0rem; top:0rem; height:2.8rem; width:1px; background:#333; }
nav a:after{ position:absolute; content:""; right:0rem; top:0rem; height:1px; width:100%; background:#333; }

nav .z-on{width:33.33%; height:2.8rem; overflow:hidden; border-top:0.08rem solid #ff5601;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; color:#ff5601;}


.video-wrap {height:16.9rem; overflow:hidden;}

/* ----- */

.m-price {height:18.6rem; overflow:hidden; background:url(../images/baef2.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;padding-top:2.3rem;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.betw1 {padding:0 0 0 3.5rem; }

.betwa1{ float:left; display:block; font-size:1.2rem; color:#333; padding-bottom:1.1rem; border-bottom:1px solid #333; position:relative; letter-spacing:1px;font-weight:600;}
.betwa2{ width:100%; padding-top:0.9rem; color:#333; display:block; position:relative;font: 1rem/1.5rem "Microsoft Yahei";}
.betwa2 a{ font-size:1.0rem; color:#333; display:block;}

.betwa3 a{ width:4.5rem; float:left; border-radius:3px; color:#ee7739; font:1.0rem/1.5rem "Microsoft Yahei"; border:1px solid #ee7739; text-align:center; margin-top:1.2rem;}
.betwa3 a:hover{ background:#fff; color:#ff8343; border:1px solid #fff;}




.betw2{height:19.6rem;width:100%; background: url(../images/baef1.jpg) repeat;position:relative; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;} 

.betwb1{ padding-top:2.1rem; background: url(../images/jsq.png) no-repeat center; height:1.2rem; display:block; position:relative; }
.betwb2{ text-align:center; width:18rem; margin:0 auto;font-size:1.2rem;padding-bottom:1.0rem; border-bottom:1px solid #a0a0a0; position:relative; letter-spacing:1px; color:#fff;font-weight:600;}

.betwb3{ text-align:center; color:#fff; padding-top:1.0rem;}
.betwb3 a{ font:1.0rem/1.6rem "Microsoft Yahei"; text-align:center; color:#fff; }
.betwb4 a{ color:#ff8343; font-size:14px; text-transform:uppercase; line-height:50px; text-align:center; height:50px; display:block;}
.betwb4 a:hover{ color:#ff8343; font-weight:bold;}



.betw3 {height:17.7rem;background: url(../images/baef3.jpg) repeat; position:relative; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;padding-top:1.9rem;} 

.betwc1{ text-align:center; width:18rem; margin:0 auto; display:block; font-size:1.2rem; color:#222; padding-bottom:1.2rem; border-bottom:1px solid #a0a0a0; position:relative; letter-spacing:1px;}
.betwc2{ width:100%; padding-top:1.2rem; font-size:1.2rem; color:#7c7c7c; display:block; position:relative; text-align:center;}
.betwc2 a{ font:1.0rem/1.6rem "Microsoft Yahei"; color:#7c7c7c; display:block;}
.betwc3 a{ width:18rem; display:block; margin:0 auto; border-radius:3px; color:#fff; border:1px solid #ff8343;  background:#ff8343; text-align:center; margin-top:1.2rem; font:1.0rem/1.6rem "Microsoft Yahei";}
.betwc3 a:hover{ background:#fff; color:#ff8343;}


/**/

.sevtxt{width:15rem; height:4.6rem; margin:0 auto; position:relative; }
.sevtxt span{ width:15rem; height:4.6rem;  vertical-align:middle; display:table-cell;}
.sevtxt span img{ max-width:10rem; max-height:4.6rem; margin:0 auto; display:block;}


.m-abt{ width:100%; position:relative; display:block; background:url(../images/abgb.jpg) no-repeat center top;  padding:2rem 0 2rem 0;}

.abtxde{ width:26.5rem; margin:0 auto; text-align:center; font:1.0rem/1.6rem "Microsoft Yahei"; color:#fff; display:block; }
.abtxde a{ background:#ea611a; width:7.5rem; margin:0.5rem auto; position:relative; display:block; color:#fff; border-radius:5px; font:1.0rem/1.6rem "Microsoft Yahei";}
.abtxde a:hover{ background:#fff; color:#ff8343;}

.abtset { width:30rem; margin:1.0rem auto 0; padding:0.5rem 0 1rem 0; border-top:1px solid #fff; position:relative; display:block;}
.abtset dl{ width:7.8rem; float:left; display:block; padding:0rem 3.6rem;}
.abtset dl:nth-child(2){ background:none;}
.abtset dl dt{ width:7rem; height:7rem; display:table-cell; vertical-align:middle; text-align:center; padding:1.0rem; }
.abtset dl dt img{ max-width:7rem; max-height:7rem; border-radius:100%; margin:0 auto; display:block; }
.abtset dl dt img:hover{} 
.abtset dl dd a{ width:7.8rem;  display:block; border:1px solid #fff; border-radius:5px; text-align:center; font:0.7rem/1.6rem "Microsoft Yahei";color:#fff;}
.abtset dl dd a:hover{ background:#fff; color:#ea611a; }



/**/

.casext{width:32rem; height:3.6rem; margin:0 auto; position:relative; background:url(../images/xitg.png) no-repeat center;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;margin-top:1.4rem;}
.casext span{ width:15rem; height:3.6rem; vertical-align:middle; }
.casext span img{ max-width:10rem; max-height:3.6rem; margin:0 auto; display:block;}

.sevea2{width:28.8rem; text-align:center; font:1.0rem/1.6rem "Microsoft Yahei"; color:#999;margin:0 auto; padding-bottom:1.0rem;}


.m-kh{ position:relative; height:27.0rem; overflow:hidden;}

.m-kh .prev , .m-kh .next{ position:absolute; z-index:20; width:1.46rem; height:5.71rem; overflow:hidden; top:12.42rem;}
.m-kh .prev { left:0.54rem;}
.m-kh .next{ right:0.54rem;}

.m-kh .sclwrap_box ,.m-kh .m-box{ height:15.33rem; overflow:hidden;}
.m-kh .con{ display:inline; float:left; width:100%;}
.m-kh .con dl{ margin:0 auto; height:15.33rem;  width:25.46rem; overflow:hidden;}
.m-kh .con dt{ line-height:0rem;  height:16.42rem;  width:25.46rem; overflow:hidden;}
.m-kh .con dt span{display:block; text-align:center; color:#1f1f1f; height:2.58rem; overflow:hidden; font:1rem/2.58rem "Microsoft Yahei"; font-weight:800;}
.m-kh .con dt img{  height:13.0rem;  width:25.46rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);filter: gray;}
.m-kh .con dd{ display:block; height:10.92rem; overflow:hidden;  padding-top:1.25rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-kh .con dd em{ display:block; margin-right:0rem;font:1rem/1.58rem "Microsoft Yahei"; color:#535353;}


.m-case-vr { background:#f1f1f1;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}



/**/

.m-newt ul{ margin-top:0.6rem;}
.m-newt ul li{ width:32rem; height:5.0rem; display:block; margin-bottom:0.6rem; overflow:hidden; padding:0; }
.m-newt ul li:nth-child(2n){ margin-right:0;}
.m-newt ul li .netim{ width:5.0rem; height:4.0rem; float:left;color:#929292; text-align:center; padding:0.5rem 0; background:#666;}
.m-newt ul li .netim span{ font:2.4rem/2.58rem "Microsoft Yahei"; font-weight:bold; display:block; }
.m-newt ul li .netim p{ font:1.0rem/1.8rem "Microsoft Yahei"; display:block; }

.m-newt ul li .nebod{ height:3.8rem; width:24.8rem; float:left; padding:0.6rem 1rem 0.5rem;background:#f1f1f1;}
.m-newt ul li .nebod em{ font:0.9rem/1.3rem "Microsoft Yahei"; color:#7a7a7a; display:block; width:100%; overflow:hidden; font-style:normal;}
.m-newt ul li .nebod i{ font:0.6rem/1.0rem "Microsoft Yahei"; display:block; height:1.8rem;overflow:hidden; color:#a3a3a3; width:100%; font-style:normal;}
.m-newt ul li .nebod b{ font:0.6rem/1.0rem "Microsoft Yahei"; text-align:right; display:block; color:#616161; font-weight:normal;}




/*  -- list --*/

.newsdox h4 { text-align: center; font:1.2rem/1.6rem "Microsoft Yahei"; color: #222; font-weight:600; margin-top:1.7rem;}
.newsdox h4 em{ font-weight:normal; color:#747474; font:1.2rem/1.6rem "Microsoft Yahei";}
.newsdox h4 span{ font:1.2rem/1.6rem "Arial"; color:#222;}
.newsdox .line{ margin:1rem auto; width:4.2rem; height:0.2rem; background-color:#fc680f;}
.newsdox h3 {width: 28.8rem;margin:0 auto;text-align: center; font:1.0rem/1.5rem "Microsoft Yahei"; margin-bottom:1.2rem;color: #888; text-transform: uppercase;}


.slide { width:30.6rem; margin:0 auto;}

.slide ul li{ border:1px solid #CCC;padding:0.2rem;height:19.8rem; text-align:center; margin-bottom:0.6rem;}

.slide ul li img{width:28rem;height:16.5rem; }

.slide ul li .pic-txt {font:1.0rem/2.2rem "Microsoft Yahei"; font-weight:800;}


.listCon {width:30.6rem;margin:0 auto;font:1.0rem/2.2rem "Microsoft Yahei";}


/* -- price -- */

.listPrice {}

.cost { height:4.5rem;  margin-top:1.2rem;text-align:center;}
.cost .mainTitle1{ font:1.2rem/1.8rem "Microsoft Yahei"; font-weight:bold; color:#484848; }
.cost .mainTitle2{ font:1.0rem/1.8rem "Microsoft Yahei"; color:#ccc; }

.picshow .img1 {height:23.5rem; overflow:hidden;}

.firstpart {background:#484848;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}

.firstpart div { width:10.5rem;padding:1.0rem 0 0 1.5rem;}

.firstpart p{ font:1.0rem/1.5rem "Microsoft Yahei"; color:#fff; padding:0.5rem 0 1.0rem 1.5rem; overflow:hidden;}

.ctpra {background:#ff8400;}

/* -- price -- */

.des_info {}

.des_info ul {width:29.5rem;margin-left:1.4rem; }

.des_info ul .icon_i{font:1.5rem/2.2rem "Microsoft Yahei";overflow: hidden;color: #2e2e2e; font-weight:bold; display: block; }
.des_info li span{ font:1.0rem/1.6rem "Microsoft Yahei"; color:#999; display:block; margin:0.5rem 0;}
.des_info ul .info{font:1.0rem/1.6rem "Microsoft Yahei"; color:#999;}  


.about_us{ width:100%;background:#2f2f2f;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;margin-top:0.5rem;}
.au_c {width: 100%; text-align: center; color: #fff;  overflow: hidden; padding:2.0rem 0;font:1.0rem/1.6rem "Microsoft Yahei";}



.abtv{height:36.7rem;background: url(../images/qzxbg.jpg) repeat;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.abtv .title1{font:1.0rem/1.5rem "Microsoft Yahei"; clear: both;  color: #f2f2f2;padding:1.2rem 0 1.2rem 0;text-align:center;}
.abtv .title1 span{ display:block; color:#f2f2f2;font:1.2rem/1.5rem "Microsoft Yahei";color: #ff5601;}


.abtv .about_txt{width:29.5rem; margin:0 auto;}

.pp-img {width:15.5rem; margin:0 auto; padding-bottom:1.0rem;}

.abtv h3 { font:1.0rem/1.8rem "Microsoft Yahei";color: #f2f2f2; font-weight: normal;}
.abtv h3 span{font:1.2rem/1.5rem "Microsoft Yahei";}

.abtv .about_txt .abt_t{font:1.0rem/1.5rem "Microsoft Yahei";color: #fff; padding:0.5rem 0 1.0rem 0; display: block; border-bottom:1px solid #f2f2f2;}
.abtv .about_txt .col1{font:1.2rem/2.4rem "Microsoft Yahei";overflow: hidden;color: #fff; margin-top:1.0rem;}
.abtv .about_txt .col2{font:1.2rem/2.4rem "Microsoft Yahei";overflow: hidden;color: #fff; }
.abtv .about_txt .col3{font:1.2rem/2.4rem "Microsoft Yahei";overflow: hidden;color: #fff; }


.listItems{}
.listItems .d-casext{width:32rem;height: 3.6rem;margin:0 auto; background:url(../images/xitg.png) no-repeat center;  margin-top:1.2rem;}
.listItems .d-casext span{ width:15.0rem;height: 3.6rem;}
.listItems .d-casext span img{ max-width: 10rem;max-height: 3.6rem; margin:0 auto; display:block;}
.listItems .d-seve2{width: 28.8rem;margin:0 auto;text-align:center; font: 1.0rem/1.6rem "Microsoft Yahei";margin-bottom: 1.2rem; color:#999;}



/*----  -----*/
.case_con h2{text-align: center;font-size: 1.5rem;line-height: 6.8rem;color: #2d3e50;}
.case_cy{border-bottom: dashed 1px #999;height: 2.05rem;line-height: 2.1rem;color: #8d8d8d;display: block;overflow: hidden;margin-bottom: 2rem;}
.case_cy span{float: right;width: 22.55%;text-align: center;font-size: 1.1rem;color: #fff;background: url(../Images/ico1.gif) no-repeat 0 0; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.case_cy span a{color: #fff;padding-right: 0.5rem;}
.case_cw{padding-bottom: 2.6rem;font-size: 1.2rem;border-bottom: dashed 1px #999;margin-bottom: 1.4rem;}
.case_cw p{padding:0 0 0 0.45rem;}
.case_cw p b{color: #da251d;}
.case_cw img{padding:0.6rem 0 0;}
.case_zb{color: #777;font-size: 1.1rem;}
.case_zb a{color: #777;padding: 0 0.6rem 0 0;}
.case_zb  span{color: #777;padding: 0 1.0rem 0 0;}

.case_cxg{clear: both;padding-top: 1.3rem;font-size: 1.1rem;}
.case_cxg h3{height: 4rem;font-size: 1.5rem;color: #333;font-weight: bold;line-height: 4rem;}
.case_cxg li{border-bottom: dashed 1px #999;height:2.4rem;color: #686868;line-height:2.4rem;background: url(../Images/ico02.gif) no-repeat 0.6rem 0.95rem; -webkit-background-size:0.4rem 0.4rem; -moz-background-size:0.4rem 0.4rem; -o-background-size:0.4rem 0.4rem; background-size:0.4rem 0.4rem;padding: 0 0 0 1.6rem;}


.prl_lx2{ height: 5.5rem; overflow: hidden; margin-top: 1.9rem; position: relative;}
.prl_lx2 p{ display: block; width: 100%; height: 2.7rem; margin-bottom:0.1rem; overflow: hidden; background: #fff;  font-size: 1.2rem; line-height: 2.7rem; color: #fff; position: relative; z-index: 10;}
.prl_lx2 p em{display: inline-block; width:6.2rem;margin-right:0.5rem; height: 2.7rem; overflow: hidden; background: #888;float:left;text-align: center;}
.prl_lx2 p a {display: inline-block; float:left;text-align: left;color:#666;width: 21rem;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



/* 留言样式   */
.leave .name, .leave .ly, .joinuscon .ly, .joinuscon .name, .xgmmbox .name,.name.z-spe { color:#d6d6d6; }
.u-inna{ color:#d6d6d6; }
.leave .name, .leave .ly, .joinuscon .ly, .joinuscon .name, .xgmmbox .name,.name.z-spe { border:1px solid #d2d2d2; background-color:#f8f8f8;background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#fff)); background-image: -webkit-linear-gradient(top, #f8f8f8, #fff); background-image: -moz-linear-gradient(top, #f8f8f8, #fff); background-image: -o-linear-gradient(top, #f8f8f8, #fff); background-image: -ms-linear-gradient(top, #f8f8f8, #fff); background-image: linear-gradient(top, #f8f8f8, #fff); }
.u-inna { border:1px solid #d2d2d2; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#fff)); background-image: -webkit-linear-gradient(top, #f8f8f8, #fff); background-image: -moz-linear-gradient(top, #f8f8f8, #fff); background-image: -o-linear-gradient(top, #f8f8f8, #fff); background-image: -ms-linear-gradient(top, #f8f8f8, #fff); background-image: linear-gradient(top, #f8f8f8, #fff); }


.leave{ padding:15px 10px 5px 10px;}
.leave li{ margin-bottom:13px;}
.leave span{ float:left;display:block; width:40px; height:28px;line-height:28px;}
.leave .input_wrap{ margin-left:40px;}
.leave input,.leave textarea{ width:100%;}
.leave .name{ height:26px; border-radius:5px; -webkit-border-radius:5px;text-indent:8px;}
.leave .ly{ height:58px; border-radius:5px; -webkit-border-radius:5px;text-indent:8px; line-height:20px;}
.show_more2{ padding:0 10px 18px 10px; height:26px;}
.show_more2 input{ width:100%;}


/* -- page -- */

.page {width:30.6rem; margin:0 auto; margin-top:0.6rem;}
.page span {margin-right:5px;border:#39A4DC 1px solid;color: #39A4DC;padding:0px;height:25px;line-height:25px;padding:2px 0;background-color:#fff; display:none;}
.page span strong {padding:0 6px;}
.page a {margin-right:4px;padding:2px 6px 2px 6px;border:#333 1px solid;color:#fff;background-color:#333;text-decoration: none;}
.page a:hover {background-color:#ea611a;color:#fff;border:#ea611a 1px solid;}
.page a.current {background-color:#ea611a;color:#fff;border:#ea611a 1px solid;}
.page span.current,.page span.disabled {margin-right:2px;padding:3px 6px 2px;border: #115c93 1px solid;font-weight:bold;color: #fff;background-color:#186ca9}
.page span input {width:16px;height:16px;border:0px;vertical-align:middle;font-family:Arial, Helvetica, sans-serif;padding:1px;font-size:11px;margin:-1px 2px 2px 2px;}
.page a.pagein:link,.page a.pagein:visited {background-color:#ea611a;color:#fff;border:#ea611a 1px solid;}

.listBar {background: #eee;padding-top:10px;}



html {font-size: 10px;}
@media screen and (min-width: 320px) {
    html {
        font-size: 10.625px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 11.875px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 13.125px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 14.375px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 15.625px;
    }
}
@media screen and (min-width: 520px) {
    html {
        font-size: 16.875px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 18.125px;
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: 19.375px;
    }
}
@media screen and (min-width: 640px) {
        html {
            font-size: 20px;
        }
    }