﻿@charset "utf-8";
*{padding:0;margin:0}
body{font:12px/1.231 "????????????",'Microsoft YaHei',arial,helvetica,clean,sans-serif;color:#333;margin:0}
li,ul{list-style-type:none}
img,li,ul{padding:0;margin:0}
img{border:none}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
.clear{clear:both}
img{border:0}
input,textarea{outline:0;border:0}
h1,h2,h3,h4,h5,dl,dd,dt,i,em{font-weight: normal;font-style: normal;}

.wrap {width: 1400px; margin-left:auto; margin-right:auto;}
.fl {float:left;}
.fr {float:right;}
@font-face
{
font-family: myFirstFont;
src: url('FZY1FW.TTF'),
     url('FZY1JW.TTF'); /* IE9+,可以是具体的实际链接 */
}

.clear{clear:both;}
.pr {position:relative;}
.m_t1{margin-top:10px;}
.m_t2{margin-top:15px;}
.m_t3{margin-top:20px;}
.m_t4{margin-top:30px;}
.m_t5{margin-top:45px;}
.m_t6{margin-top:50px;}
.m_t7{margin-top:70px;}
.m_t8{margin-top:100px;}
.m_t9{margin-top:110px;}

/* ????????? */
.b {font-weight:bold;}
.b1c {border:1px solid #ccc;}
.pr {position:relative;}
.pa {position:absolute;}
.tc {text-align:center;}
.db {display:block;}
.dib {display:inline-block;*display:inline;zoom:1;}

.fixedNav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100000;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
}
.topng{ }
.top {height: 34px;line-height: 34px;color: #444;background: #fafafa;border-bottom: 1px solid #e5e5e5;}
.top .top-r {height: 33px;line-height: 33px;color: #fff;}
.top .top-r a{}
.top .top-r em{ color:#333;padding: 0 5px;}
.head {
    height: 117px;
    position:fixed;left:0;top:0; z-index:999;background:#FFF;width:100%;border-bottom:2px solid #b50d26;
}
.head .logo {margin-top: 0px;}
.head .logo h1 a{ color:#0c0f11; font-size:30px; font-weight:bold;}
.head .logo .logo-tt span{font-size:28px;font-weight:bold;display:block;}
.head .logo .logo-tt i{font-size:16px;font-weight:normal;color:#666;}
.head .ms {margin-top: 18px;height: 80px; margin-left: 31px;border-radius: 20px;}
.head  ul{float:left;height:117px; margin-right:0px;}
.head  ul li{float:left;width:100px;height:117px;text-align:center;transition: all 1s; font-family:myFirstFont;}
.head  ul li.on{background:#b50d26;width:100px;height:117px;float:left;}
.head  ul li a p{color:#000;margin-top:45px;font-size:18px;}
.head  ul li a span{color:#000;font-size:14px;}
.head  ul li.on a p{color:#fff;margin-top:45px;}
.head  ul li.on a span{color:#fff;}
.head  ul li:hover{background:#b50d26;}
.head  ul li:hover a p{color:#fff;}
.head  ul li:hover a span{color:#fff;}
.head .num{float:right;width:260px;height:117px;background:url(../img/num.png) left top no-repeat;}
.head .num p{float:left;font-size:20px;color:#da251c;margin-top:35px;padding-left:60px;}

.ms.fl {}
.head .ms p{height: 30px;line-height: 50px; font-size: 16px;}
.head .ms p em{ color: #0f55b5;font-weight: bold;}
.head .ms p b{ font-weight: bold;font-size: 18px;color: #c31a12;}
.head .tel {background: url(img/tel.png) no-repeat left 10px;padding-left: 51px; margin-top: 40px;line-height: 22px;font-size: 14px;font-weight: 100;float:left;}
.head .tel p{}
.head .tel em{font-size: 24px;line-height: 36px;color: #45c4e4; font-weight: bold;padding-right: 18px;}
.head .ewm{width:109px;height:89px;float:right;margin-top:20px;}.head .ewm img{width:109px;height:89px;border:none;}
/************************************* ???????????? ************************************/
.index_navBox{width:100%; height: 60px; overflow:hidden; background: #45c4e4;}
.navBox{  margin:0px auto; overflow:hidden;}
.navBox li{color:#FFF; text-align:center; float:left;   font-size:14px; display:block;background: url(img/jg.png) no-repeat right center;width:150px;}
.navBox li a{color:#FFF; text-align:center;  line-height: 60px; font-size: 15px; display:block;}
.navBox .another a,.navBox li a:hover{  display:block;background: #130100;color: #fff;}


/************************************* ???????????? ************************************/
.foot {background: #191816;padding-bottom:10px;clear: both;height: 200px;}
.foot .foot-menu { height: 60px;  text-align: center; }
.foot-menu .wrap{background: url(img/mg7.png) repeat-x  bottom;height: 60px;}
.foot .foot-menu a { color: #fff; font-size: 14px; height: 60px; line-height: 60px; display: block;float: left;width:150px;}
.foot .foot-menu a em{}
.foot .foot-c { padding-top: 29px; color:#e6e6e6;}
.foot .foot-c .c{width:930px;height:130px;float:left;border-right:1px solid #888899;}
.foot .foot-c .c .c1{width:290px;height:90px;float:left;color:#888899;margin-right:20px;}
.foot .foot-c .c .c1 span{width:290px;height:50px;line-height:50px;float:left;font-size:18px;}
.foot .foot-c .c .c1 p{width:290px;height:40px;line-height:20px;float:left;font-size:14px;}
.foot .foot-c .c .c3{width:960;height:40px;float:left;color:#888899;line-height:40px;text-align:left;font-size:14px; }
.foot .foot-c .c .c3 a{color:#888899;margin-left:10px;}
.foot .foot-c .d {width:105px;height:135px;float:left;margin-left:28px; }
.foot .foot-c .d img{width:105px;height:105px;border:none;}
.foot .foot-c .d p{width:105px;height:30px;line-height:30px;text-align:center;fong-size:14px;color:#888899;}

/*????????????*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:80px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background: #45c4e4;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px; font-size:21px; font-weight:bold; color: #c31a12;}
#floatDivBoxs .floatDtel img{display:block;}


#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(img/online_arrow.jpg) no-repeat;position:fixed;top:80px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}
.zd{ width:100%; height:65px; margin:auto; margin-top:10px;}

.zd a{ display:block; width: 65px; height: 56px; margin:auto; background:#45c4e4;border-radius: 5px;}

.wx img{ width:106px; height:106px;}