/* CSS Document */
*{margin:0;padding:0;}
body{font-family:'Microsoft YaHei', 'Arial', '\5FAE\8F6F\96C5\9ED1', sans-serif;font-size:18px;_background-image:url(about:blank);_background-attachment:fixed;background-color:#fff ;color:#333333}
html {overflow-x:hidden;}
a:focus {outline: none}
img{border:0; vertical-align:middle}
input{outline:none}
ul,li{list-style:none;}
div,ul,li,dl,dt,dd,table,td,input{font-size:18px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:18px;}
i,em {font-style:normal;}
a{color:#666666;text-decoration:none;}
a:hover{color:#ff4400;}
a,a:hover {transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
*:hover {-webkit-transition: background-color 0.3s ease-in-out;-moz-transition: background-color 0.3s ease-in-out;-ms-transition: background-color 0.3s ease-in-out;-o-transition: background-color 0.3s ease-in-out;transition: background-color 0.3s ease-in-out;}
:focus {outline: 0;}
.clear {clear:both;zoom:1;}
.clear:after,.clear:before {clear:both;display:block;content:"";height:0;width:100%;font-size:0;visibility:hidden;zoom:1;}
.fl {display:inline;float:left}
.fr {display:inline;float:right}
.text_l{ text-align:left;}
.text_c{ text-align:center;}
.text_r{ text-align:right;}
.fon_w{ font-weight:700;}
.fz_h14{ font-size:14px;}
.col_fff{ color:#fff}
.warp{width:1200px; margin:0px auto; position:relative; }

#nav {width: 100%;height: 90px;background-color: #fff;}
.logo {display: block;width: 82px;height: 52px;margin: 20px auto;}
.navbar { position: relative; z-index: 20;}
.navbar>ul {margin-left: 72px; display: inline; float: left}
.navbar>ul>li {float:left;padding: 0px 54px;line-height: 90px;position: relative;height: 90px;}
.navbar>ul>li> a { display: block; width: 100%; height: 100%; color: #333333; }
.navbar>ul>li:hover {background-color: #ff5f27;transition: none; }
.navbar>ul>li:hover a {color: #fff!important;}
.navbar>ul>li:hover ul{display: block; }
.currentNav{background-color: #ff5f27;}
.currentNav a {color: #fff!important;}
.navbar>ul>li ul{ position: absolute;display:none;top:90px;width:100%;left: 0;}
.navbar>ul>li ul li{ height:44px;line-height: 44px;border-bottom: 1px solid #ef5e2b;text-align: center; ;background-color: rgba(255, 95, 39, 0.7); background-color: #ff5f27\9;}

.topMain {margin-top: 30px;}
.topMain a {border: 1px solid #666666;border-radius: 3px;display: inline-block;width: 80px;height: 28px;line-height: 28px;text-align: center;  }
.topMain a:hover {color: #666666;  }
.loginBtn { margin-right: 10px;  }

/**banner**/
.iBanner {height: 420px; background-size: cover}
.iBanner p {padding-top: 120px; line-height: 72px;font-size: 42px; text-align: center; color: #fff;  }



.comTitle {text-align: center; color: #333; padding-top: 70px;}
.comBigTitle {font-size: 36px; padding-bottom:10px; font-weight: 600;}
.comSmallLetter{font-size: 12px;text-transform:uppercase; font-weight: 600;}

.comImg {margin: 0px auto;display: block}


/**底部**/
.mainFooter {width: 100%;}
.mainFooter .warp {border-top: 1px solid #ededed; position: relative}
.fottop {position: relative; height: 170px;}
.contactUs { color: #333; padding: 30px 0px 30px 50px}
.contactUs .compAddrBox { line-height: 26px;font-size: 14px;}
.mainFooter .codeBox {position: absolute;left: 50%; top:30px; width: 240px; margin-left: -120px; }
.mainFooter .codeBox .code {float: left;width: 106px; margin-right: 10px; text-align: center; font-size: 14px; color: #333;}
.litnav{margin-top: 90px;}
.litnav li {font-size: 14px; color:#333; float: left}
.litnav li a {color: #333; font-weight: 500;}

.main {font-weight: 500;margin:0px 50px;border-top: 1px solid #fafafa; height: 70px;text-align: center; font-size: 12px; color: #333; line-height: 45px;}

/*联系我们*/
.floatBox {    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 200px;
    z-index: 10;
    right: 0px;
}
.floatBox a {
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    font-size: 14px;
    color: #333;
}
.tel {
    background: url(../img/phone.png) no-repeat center;
}
.tel span {
    border: 1px solid #dedede;
    font-size: 16px;
    width: 180px;
    display: block;
    right: 60px;
    position: absolute;
    background-color: #fff;
    height: 92px;
    padding-top: 10px;
    text-align: center;
    border-radius: 3px;
    top: -27px;
}
.tel span:before{content:'';border-color:transparent transparent transparent #fff; border-style: solid; border-width: 8px; position: absolute;right: -16px;top: 42px; z-index: 2;}
.tel span:after{content:'';border-color:transparent transparent transparent #dedede; border-style: solid; border-width: 9px; position: absolute;right: -18px;top: 41px;}

.arg p {margin-bottom: 4px; margin-top: 4px;}
.arg p span { font-size: 14px;}
.arg .tit {text-align: center; font-size: 20px;}

.goback {
    width: 100%;
    text-align: right;
    display: block;
    color: #FF6801 !important;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 20px;
}
.argumentBanner {
    background-image: url(../img/aboutus.jpg);
    height: 280px;
    background-size: cover;
}
.argumentBanner p{
    line-height: 72px;
    font-size: 42px;
    text-align: center;
    color: #fff;
    padding-top: 100px;
}

.preandnext {
    width: 1060px;
    margin: 0px auto;
    background-color: #fff;
    font-size: 14px;
    overflow: hidden;
    padding: 20px;
}
.preandnext p {
    width: 45%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}