﻿@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:underline;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
li{list-style:none;}
/*其他*/
.cur{cursor:pointer;}

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
*a{text-decoration: none;}
*:hover a{text-decoration: none;}
/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}




/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑"; position:relative;min-width:1200px;width:100%;}/*网站字体颜色*/
.container{margin-left:auto; margin-right:auto; width:1200px;}

/*搜索*/
.seabg{width: 1200px;height: 0px;margin: 0 auto;}
.seabox{width:68px;height:38px;z-index:10;position: absolute;right: 0;top:-38px;}
.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:35px;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 #207598;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}
}