﻿/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body{width: 100%;min-width: 1200px;margin:0 auto;}
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#910800;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;overflow-x: hidden;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}


/*搜索*/
.seabg{width: 1200px;height: 0px;margin: 0 auto;}
.seabox{width:68px;height:48px;z-index:10;position: absolute;right: 0;top:-48px;}
.sea_ico{padding:0 23px;width:19px;display: block;}
.sea_ico img{width:19px;height:19px;display: block;}
.sea_inp{width:350px;height:48px;overflow: hidden;display: none;position: absolute;right:-3px;top:45px;background:#fff;}
.sea_inp .serach{width:272px;height:46px;border:solid 1px #207598;border-right:0; background:#fff;line-height:46px;color:#333;padding:0 13px;float:left;outline: none;display: block;font-size:14px;position: relative;}
.sea_inp .sub{ width:51px; height:48px;border:0;float:left;cursor: pointer;display: block;background:url(../images/t_sea1.png) no-repeat center #32425c;border: 0;}
.seabox:hover .sea_inp,.t_pho:hover span{display: block;}


        .header,
        .content,
		.container,
        .footer {
            width: 1200px;
            margin: 0 auto;
            font-family: "Microsoft Yahei";
        }
        
        .h_top {
            height: 140px;
            position: relative;
            z-index: 2;
            font-family: "Microsoft Yahei";
        }
        
        .t_top {
            height: 60px;
            line-height: 60px;
            color: #fff;
            background: #1a1a1a;
        }
        
        .t_pho {
            background: url(../images/t_pho1.gif) no-repeat 0 center;
            padding: 0 20px;
            font-size: 18px;
        }
        
        .t_logo {
            padding: 15px 33px 0;
        }
        
        .t_logo,
        .t_logo img {
            width: 133px;
            height: 32px;
            display: block;
        }
        
        .t_con {
            height: 80px;
        }
        
        .menu {
            white-space: nowrap;
            width: 1200px;
            height: 77px;
            line-height: 77px;
            font-size: 16px;
        }
        
        .menu li {
            float: left;
            position: relative;
            padding: 0 79px 0 0;
        }
        
        .menu li a {
            color: #333;
            display: inline-block;
            padding: 0 12px;
        }
        
        .menu li.cur a,
        .menu li a:hover {
            text-decoration: none;
            z-index: 1;
            color: #000;
            font-weight: bold;
            background: url(../images/t_ico1.gif) no-repeat center bottom;
            border-bottom: solid 3px #000;
        }
        
        .menu li a:-webkit-any-link {
            display: block;
        }
        
        .menu li .menu_rj {
            position: absolute;
            display: none;
            background: #fff;
            padding: 0 14px;
            left: 0;
            top: 77px;
            border-top: solid 3px #000;
        }
        
        .menu li.cur .menu_rj,
        .menu li:hover .menu_rj {
            display: block;
        }
        
        .menu li .menu_rj li {
            clear: both;
            height: 39px;
            line-height: 39px;
            border-bottom: solid 1px #e4e4e4;
            padding: 0 14px 0 0;
            font-size: 14px;
        }
        
        .menu li .menu_rj li a {
            display: block;
            color: #333;
            background: url(../images/t_ico2.gif) no-repeat right center;
            padding: 0 16px 0 0;
        }
        
        .menu li .menu_rj li a:hover {
            border: 0;
        }
    

        .f_bj {
            color: #fff;
            clear: both;
            font-family: "Microsoft Yahei";
            background: url(../images/footbg.gif) repeat-x center 0 #32425c;
            line-height: 60px;
        }
        
        .f_bj a {
            color: #fff;
        }
        
        .f_nav {
            height: 94px;
            line-height: 94px;
            color: #fff;
            border-bottom: solid 1px #d2d2d2;
            white-space: nowrap;
        }
        
        .f_nav a {
            display: inline-block;
            padding: 0 55px;
        }
        
        .f_text {
            width: 525px;
        }
        
        .f_text p {
            height: 60px;
            padding: 0 0 0 54px;
            background: url(../images/f_ico1.gif) no-repeat 0 17px;
        }
        
        .f_text p.f_text2 {
            background: url(../images/f_ico2.gif) no-repeat 0 17px;
        }
        
        .f_text p.f_text3 {
            background: url(../images/f_ico3.gif) no-repeat 0 17px;
        }
        
        .f_code {
            width: 338px;
            display: block;
            text-align: center;
            padding: 16px 0 0;
        }
        
        .f_code p {
            width: 158px;
            float: left;
            margin: 0 0 0 10px;
            line-height: 52px;
        }
        
        .f_code p img {
            width: 142px;
            height: 136px;
            background: #fff;
            padding: 9px 8px;
            display: block;
            margin: 0 auto;
        }
        
        .f_con {
            padding:73px 0 0;
            height: 299px;
            clear: both;
        }
        
        .f_logo {
            width: 272px;
            padding: 18px 0 0 30px;
        }
        
        .f_logo img {
            width: 157px;
            height: 157px;
            display: block;
        }
        
        .f_wz {
            height:70px;
            line-height:70px;
            clear: both;
        }
        
        .f_wz span {
            float: right;
            background: url(../images/f_ico4.png) no-repeat 0 center;
            padding: 0 0 0 48px;
        }
    

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#32425c;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#32425c;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#32425c}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#121e33}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}