@import url(global.css);

/* ---------------mainbody_01-------------------------------  */
.mainbody_01{width: 100%;min-width: 1200px; padding-top:50px;}
.mainbody_01 .main{width: 1200px; margin:0 auto; height:auto;padding:30px 0;}
.mainbody_01 ul{width: 1248px;position: relative;}
.mainbody_01 li{width: 190px; height:180px; border:1px solid #eeeeee;text-align: center; color:#535353; float: left; margin-right:8px;}
.mainbody_01 li a{display:block; }
.mainbody_01 li:hover{ border:1px solid #efefef}
.mainbody_01 li p.pic{ padding-top:10px;height:118px}
.mainbody_01 li a h2{  padding-top:40px; padding-bottom:25px; margin-bottom:15px;background:url(../images/h8.png) no-repeat center bottom;font-size:26px; color:#143e70;
}
.mainbody_01 li a h3{ padding-bottom:8px; font-size:15px; font-weight:bold;color:#333}
.mainbody_01 li a p.desc{ padding-bottom:10px; font-size:12px;color:#333}
.mainbody_01 li p.price{ margin-top:20px; padding-top:21px;color:#1b1b1b; font-size:14px;background:url(../images/h8.png) no-repeat center top;}
.mainbody_01 li p.price strong{font-size:20px;}
.mainbody_01 li.more{width:45px; float: none; border: none; position: absolute; top:0;right: 0;}
.mainbody_01 li.more .next {margin-top: 40px; width:45px; height:99px;background:url(../images/arrow_right.png) no-repeat; filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.mainbody_01 li.more .next:hover { filter:alpha(opacity=60); -moz-opacity:1; opacity:1 }

/* ---------------mainbody_02-------------------------------  */
.mainbody_02{width: 100%;min-width: 1200px; padding-top:30px;overflow: hidden;}
.mainbody_02 .main{width: 1200px; margin:0 auto; height:auto;overflow: hidden;padding:30px 0;background:url(../images/h9.png) no-repeat center 30px;}
.mainbody_02 ul{width: 1260px;}
.mainbody_02 li{width: 224px;text-align: center; float: left;  padding-right: 20px;}
.mainbody_02 li h2{font-size: 22px;margin-top: 30px;}
.mainbody_02 li p{font-size: 15px;margin-top: 15px;color: #999;}
.after_line:after{content: "";display: block; position: absolute;top: 65px;left:173px;width:118px;  height: 1px;background: #0fa6da;}

.ind-row2{background:url(../images/row2.jpg) no-repeat center/cover}
.row2-top{padding:90px 0 18px;}
.wp{ margin:0 auto; width:1200px;}
.row2-top_l{float:left;width:580px;margin-right:55px;padding:10px 0 0}
.row2-top_l .tit{margin-bottom:20px}
.row2-top_l .tit strong{font-size:42px;line-height:1.2;color:#ff670d;margin-bottom:2px}
.row2-top_l .tit h3{margin-top:5px;font-size:18px;color:#fff}
.row2-top_l .tit:after{content:'';display:block;margin-top:26px;width:31px;height:2px;background-color:#fff}
.row2-top_l .desc{line-height:2;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:84px;margin-bottom:30px}
.z-list1 li{position:relative;float:left;width:70px}
.z-list1 li+li{margin-left:14px}
.z-list1 .pic{position:relative;width:70px;height:70px;line-height:66px;margin-bottom:8px;text-align:center;border:1px dashed #fff;border-radius:50%;cursor:pointer}
.z-list1 .pic a{width: 35px;height: 35px; margin-top:17px;position: relative;display: inline-block;vertical-align: middle;overflow: hidden;}
.z-list1 .pic img{z-index:2;position: absolute;top: 0;left: 0;width: 100%;height: auto;}
.z-list1 li:hover .pic:before{content:'';position:absolute;top:6px;right:6px;bottom:6px;left:6px;background-color:#ff670d;border-radius:50%}
.z-list1 h4{font-weight:400;font-size:15px;color:#fff;text-align:center}
.z-list1 .pop{display:none;position:absolute;top:65px;width:448px;height:223px;background:url(../images/z-bg2.png) no-repeat center;z-index:10}
.z-list1 .pop .pad{padding:34px 34px 0;}
.z-list1 li:hover .pop{display:block}
.pop-tit{overflow:hidden;border-bottom:1px solid #dee0e1;margin-bottom:5px;padding:0 0 2px}
.pop-tit .more{
    position: relative;
    z-index: 2;
    float:right;margin-top:5px;color:#ff670d}
.pop-tit h5{position:relative;padding-left:10px;font-size:18px;color:#ff670d}
.pop-tit h5:after{content:'';position:absolute;left:0;top:50%;margin-top:-8px;width:2px;height:16px;background-color:#ff670d}
.z-list1 .pop .txt{line-height:24px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;height:120px}
.row2-top_r{overflow:hidden}
.z-recommend{background:rgba(255,255,255,.06) url(../images/z-hots.png) right top no-repeat;overflow:hidden;padding-right:38px;margin-bottom:20px}
.z-recommend .pic{float:left;width:120px;height:140px;margin-right:40px;border:5px solid #fff;overflow:hidden}
.z-recommend .pic img{display:block;width:100%;height:100%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.z-recommend .pic:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05)}
.z-recommend .txt{overflow:hidden;padding:20px 0 0}
.z-recommend .txt h4{font-size:16px;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px; color:#FFFFFF;}
.z-recommend .txt h4 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.z-recommend .txt h4 em{display:inline-block;vertical-align:middle;width:1px;height:16px;background:rgba(255,255,255,.3);margin:0 15px}
.z-recommend .txt p{line-height:24px;color:#fff;opacity:.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:48px}
.z-recommend .txt p a{color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.z-recommend .txt p a:hover{color:#ff670d!important}
.z-tit1{overflow:hidden}
.z-tit1 .more{
    position: relative;
    z-index: 2;
    float:right;padding-left:18px;background:url(../images/z-more.png) no-repeat left center;color:#fff}
.z-tit1 h3{position:relative;font-size:16px;color:#fff;padding-left:10px}
.z-tit1 h3:after{content:'';position:absolute;top:50%;margin-top:-8px;left:0;width:2px;height:15px;background-color:#fff}
.z-list2{padding:8px 0 0}
.z-list2 li a{display:block;color:#fff;line-height:38px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/icon-add.png) no-repeat right center;border-top:1px solid rgba(255,255,255,.1);opacity:1;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.z-list2 li a:hover{opacity:1;color: #ff670d;}
.row2-bot{padding:28px 0 78px;border-top:1px solid rgba(255,255,255,.1)}
.row2-bot h3{font-weight:400;float:left;font-size:22px;line-height:28px;color:#fff;margin-right:18px}
.row2-bot .con{overflow:hidden}
.row2-bot .con a{float:left;height:30px;line-height:28px;padding:0 16px;border:1px solid rgba(255,255,255,.3);border-radius:10px;margin-right:10px;color:#fff;margin-bottom:5px}
.row2-bot .btn{float:right;width:155px;height:36px;line-height:36px;padding-left:24px;background:#ff670d url(../images/icon-mes.png) 28px center no-repeat;border-radius:17px;color:#fff;text-align:center}
.z-tit3 h3{font-size:30px;line-height:1.1}
.z-tit3 h3 span{font-weight:400;font-family:RC;text-transform:uppercase;display:block;font-size:20px;color:#cacaca;letter-spacing:3px}
.z-tit3 .more{float:right;margin-top:15px;width:117px;height:36px;line-height:34px;text-align:center;border:1px solid rgba(0,0,0,.15);border-radius:17px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.z-tit3 .more:hover{border-color:#ff670d;background-color:#ff670d;color:#fff}


/* ---------------mainbody_022-------------------------------  */
.mainbody_022{width: 100%;min-width: 1200px; padding-top:30px;overflow: hidden;}
.mainbody_022 .main{width: 1200px; margin:0 auto; height:auto;overflow: hidden;padding:30px 0;}
.mainbody_022 ul{width: 1228px;}
.mainbody_022 li{width: 174px; height:70px;text-align: center;display: flex;align-items: center; float: left; margin-top:15px;  margin-right: 26px; border:1px solid #C9C9C9;}
.mainbody_022 li img{max-width:174px;max-height:70px;align-items: center;}



/* ---------------mainbody_03-------------------------------  */
.mainbody_03{width: 100%;min-width: 1200px; padding-top:40px; padding-bottom:20px;background:url(../images/mainbody_03_bg.jpg) no-repeat center;overflow: hidden;}
.mainbody_03 .main{width: 1200px; margin:0 auto; height:auto;overflow: hidden;padding:30px 0;}
.mainbody_03 ul{width:1236px;}
.mainbody_03 li{ position:relative;float: left; width: 265px; height: 286px;  text-align: center;  margin-right: 44px;  background:url(../images/gj_box.png) no-repeat left top;}
.mainbody_03 li img{display: block; margin:40px auto 15px; width: 86px; height: 86px; }
.mainbody_03 li b{ display: block; font-size:18px; line-height:44px; color: #333; font-weight:bold}
.mainbody_03 li span{display: block; padding:2px 25px; color: #666; font-size:14px; line-height:25px;}
.mainbody_03 li .dot{ position:absolute; top:120px; left:270px; width:28px; height:28px;background:url(../images/dot.png) no-repeat;}

/* ---------------mainbody_04-------------------------------  */
.mainbody_04{width: 100%;min-width: 1200px; padding-top:30px; text-align:center;overflow: hidden;}

/* ---------------mainbody_05-------------------------------  */
.mainbody_05{width: 100%;min-width: 1200px; padding-top:30px;overflow: hidden;}
.mainbody_05 .main{width: 1200px; margin:0 auto; height:auto;overflow: hidden;padding:20px 0 0;}

.index_dls {
    overflow: hidden;
    -moz-box-sizing: border-box;
    /*Firefox3.5+*/
    -webkit-box-sizing: border-box;
    /*Safari3.2+*/
    -o-box-sizing: border-box;
    /*Opera9.6*/
    -ms-box-sizing: border-box;
    /*IE8*/
    box-sizing: border-box;

    padding: 5px 0px 20px;
}

.index_dls>dl {
    border-radius: 3px;
    float: left;
    width: 372px;
    height: 320px;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-right: 18px;
    box-shadow: 2px 2px 10px #dcd9d9;
    margin-left: 8px;
}

.index_dls>dl>a>dt>img {
    position: absolute;
    bottom: 0;
    /*min-height:100%;*/
    width: 100%;
    display: block;
    margin: 0px auto;
    transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s
}

.index_dls>dl>a>dt>img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s
}

.index_dls>dl>a {
    display: block;
    width: 100%;
}

.index_dls>dl>a>dt {
    position: relative;
    /*display: block;*/
    width: 372px;
    height: 200px;
    overflow: hidden;
    margin: 0px auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.index_dls>dl>a>dd {
    padding: 25px 15px 0px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    -moz-box-sizing: border-box;
    /*Firefox3.5+*/
    -webkit-box-sizing: border-box;
    /*Safari3.2+*/
    -o-box-sizing: border-box;
    /*Opera9.6*/
    -ms-box-sizing: border-box;
    /*IE8*/
    box-sizing: border-box;

    height: 100px;
    line-height: 1.5rem;
}

.index_dls>dl>a>dd>span {
    color: #27a6ee;
    font-weight: bold;
}

.index_information {
    overflow: hidden;
    margin-top: 40px;
}

.index_information_ul {
    float: left;
    overflow: hidden;
    width: 510px;
}

.new_l{ margin-top:30px; width:575px;overflow:hidden;}
.new_l h2{ margin-bottom:12px; height:42px;overflow:hidden; font:24px/42px "Microsoft Yahei";background:url(../images/new_l1.gif) no-repeat right 14px;}
.new_l h2 img{float:left; padding-right:10px;}
.new_l h2 a{ color:#313131;}
.new_l h2 span{ display:block;  font:14px/24px Arial, Helvetica, sans-serif; }
.new_l h2 span a{ color:#51677f;}
.new02 li{ padding-left: 24px;  height:38px;  overflow:hidden; font:14px/38px "Microsoft Yahei"; border-bottom: 1px dashed #b6b6b6; background:url(../images/new_ic.gif) no-repeat 8px 16px;}
.new02 li a{ color:#676767;}
.new02 li em{ color: #949494; font-style:normal}
.new02 li a:hover,.new02 .cur a{ text-decoration:none; }
.new02 .nones{ border-bottom:0;}