﻿/*
通用CSS，不需要修改，也不影响其它页面，适合所有网站
*/

/* 高度 */
.wd-h1{ height: 1px!important;}
.wd-h5{ height: 5px!important;}
.wd-h10{ height: 10px!important;}
.wd-h15{ height: 15px!important;}
.wd-h20{ height: 20px!important;}
.wd-h30{ height: 30px!important;}
.wd-h50{ height: 50px!important;}

/* 宽度 */
.wd-w100{ width: 100px!important;}
.wd-w200{ width: 200px!important;}
.wd-w300{ width: 300px!important;}
.wd-w400{ width: 400px!important;}
.wd-w500{ width: 500px!important;}

/* 浮动 */
.wd-fleft,.wd-fl{ float: left!important; }
.wd-fright,.wd-fr{ float: right!important; }
.wd-clear{ clear:both!important; }

/* 对齐 */
.wd-center{ text-align:center!important; }
.wd-left{ text-align:left!important; }
.wd-right{ text-align:right!important; }
.wd-vm { vertical-align: middle!important;}

/* 显示方式 */
.wd-in { display: inline!important;}
.wd-inb { display: inline-block!important;}
.wd-block { display: block!important;}

/* 粗体 */
.wd-bold{font-weight: bold!important;}
.wd-nobold{font-weight: normal!important;}

/* 边框 */
.wd-border{ border: 1px solid red!important; }
.wd-radius{ border-radius:5px!important; }
.wd-circle{ border-radius:50%!important; }

/* Color */
.wd-red { color: red!important; }
.wd-green { color: green!important; }
.wd-blue { color: blue!important; }
.wd-white { color: white!important; }
.wd-black { color: black!important; }
.wd-333 { color: #333!important; }
.wd-666 { color: #666!important; }
.wd-999 { color: #999!important; }
.wd-ccc { color: #ccc!important; }
.wd-efefef { color: #efefef!important; }

/* 背景色Color */
.wd-bgred { background-color: red!important; }
.wd-bggreen { background-color: green!important; }
.wd-bgblue { background-color: blue!important; }
.wd-bghite { background-color: white!important; }
.wd-bglack { background-color: black!important; }


/* 字体 */
.wd-geo { font-family: "Georgia"!important;}
.wd-yahei { font-family: "微软雅黑"!important;}

/*字号*/
.wd-fs10{font-size:10px!important;}
.wd-fs12{font-size:12px!important;}
.wd-fs14{font-size:14px!important;}
.wd-fs16{font-size:16px!important;}
.wd-fs18{font-size:18px!important;}
.wd-fs20{font-size:20px!important;}
.wd-fs22{font-size:22px!important;}



/*--------------------以下为复杂样式---------------------------*/

/* 按钮 */
.wd-btn { display:inline-block; padding: 5px 20px; border-radius:5px; background-color:#FA2; color:#fff; font-weight:bold; text-align:center;}
.wd-btn-blue { background-color:#2AF!important; color:#fff!important; }
.wd-btn-green { background-color:#2A2!important; color:#fff!important; }
.wd-btn-orange { background-color:#FA2!important; color:#fff!important; }
.wd-btn-red { background-color:#F22!important; color:#fff!important; }

/*一幅图轮播*/
.wd-lunbo{ position: relative;}
.wd-lunbo .bd{ overflow: hidden; }
.wd-lunbo .bd ul{}
.wd-lunbo .bd ul li{ background-repeat: no-repeat; background-attachment: scroll; background-position:center;}
.wd-lunbo .hd{ position: absolute;}
.wd-lunbo .hd ul{ text-align:center;}
.wd-lunbo .hd ul li{display: inline-block;}
.wd-lunbo .hd ul li.on{}

/*分页*/
.wd-page-div {}
.wd-page-div a{ margin-right:10px; display: inline!important;}
.wd-page-div span{ margin-right:10px; display: inline!important;}

/*分割线*/
.wd-line{width:100%;height:1px; border-bottom:1px solid #ccc;}
.wd-line-dashed{border-bottom:1px dashed #ccc!important;}

/*浮层*/
.jxmj-fcbtncon .wrapper { height: 110px; margin: auto; width: 1200px; position: relative; }
 .jxmj-fcbtncon {
     z-index: 9999;
     display: none;
     position: fixed;
     bottom: 0px;
     left: 0px;
     background: #333;
     background: rgba(0, 0, 0, 0.7);
     min-width: 1200px;
     width: 100%;
}
 .jxmj-fcleftbox p:first-child {
     color: #fff;
     font-size: 36px;
     margin: 0;
     line-height: 54px;
}
 .jxmj-fcleftbox p span {
     color: #FF5C36;
}
 .jxmj-fcleft {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
}
.jxmj-fcleftbox {
    vertical-align: middle;
    display: table-cell;
    line-height: 100%;
    height: 110px;
}
 .jxmj-fcmid {
     position: absolute;
     top: 19px;
     left: 340px;
}
 .xmj-fcmidmd {
     position: absolute;
     left: 0px;
     top: -6px;
     width: 280px;
}
 .xmj-fcmidtel {
     position: absolute;
     left: 0px;
     top: 41px;
}
 .xmj-fcmidset {
     position: absolute;
     left: 250px;
     top: 41px;
}
 .xmj-fcmidch input, .xmj-fcmidlp input, .xmj-fcmidtel input, .xmj-fcmidset input {
     font-size: 14px;
     width: 230px;
     height: 38px;
     border: none;
     padding: 8px 10px;
     box-sizing: border-box;
}
 .jxmj-fcmidqx {
     cursor: pointer;
     width: 100px;
     height: 80px;
     background: #FF5C36;
     text-align: center;
     line-height: 80px;
     color: #fff;
     border: none;
     font-size: 20px;
     position: absolute;
     left: 510px;
     top: 0px;
}
 .xmj-fcmidch{
     position: absolute;
     left: 250px;
     top: 0;
}
 .jxmj-fcright {
     position: absolute;
     right: 0px;
     top: 10px;
     cursor: pointer;
}
 .jxmj-fcleftimg {
     position: absolute;
     top: 12px;
     right: -60px;
     width: 40px;
     height: 30px;
}
 .jxmj-fcleftbox p:nth-child(2) {
     font-size: 17px;
     color: #9b9b9b;
     margin: 0;
}
 .jxmj-fcbtncon, .jxmj-fcbtn{
     font-family: 微软雅黑;
}
 .bounceIn {
     -webkit-animation-name: bounceIn;
     animation-name: bounceIn;
     -webkit-animation-duration: .75s;
     animation-duration: .75s;
}
 .bounceInLeft {
     -webkit-animation-name: bounceInLeft;
     animation-name: bounceInLeft;
}
 .jxmj-fcbtnbox {
     position: relative;
     width: 60px;
     height: 150px;
     background: #333333;
}
 .jxmj-fcbtnbox p {
     color: #fff;
     width: 10px;
     position: absolute;
     top: 6px;
     left: 15px;
     font-size: 16px;
     line-height: 24px;
     padding-top: 10px;
}
 .jxmj-fcbtncir {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: #333;
     position: absolute;
     right: -16px;
     top: 0px;
}
 .xmj-fcbtnsz {
     width: 30px;
     height: 20px;
     position: absolute;
     right: -9px;
     top: 10px;
     -webkit-animation: jtanimate 1s infinite linear;
     animation: jtanimate 1s infinite linear;
}
 .jxmj-fcbtn {
     position: fixed;
     bottom: 214px;
     left: 0px;
     z-index: 999;
     cursor: pointer;
}
.ft-zxrx {
    position: absolute;
    right: 25px;
    color: #fff;
    top: 32px;
    text-align: center;
}
.ft-zxrx span {
    display: block;
}
.ftrx-telphone,.ftrx-teltxt {
    font-size: 18px;
    /*font-weight: bold;*/
}
