@charset "utf-8";
/* ==========================================================================
   公共部分
 ============================================================================ */
body{
    color: #444;font-size: 12px;line-height: 1;font-family:"微软雅黑","Microsoft Yahei";
}
a{color: #444;}
a:hover{color: #f60;}
img{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{
	font-size: 12px;color: #444;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}
h1,h2,h3,h4,h5{font-weight: lighter;}

.wp{width:1200px;margin: 0 auto;}
.ptb50 {padding-top: 50px;padding-bottom: 50px;}
a {-webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
        transition: all .4s ease;}
/* 头部
 ============================================================================ */
.header{height: 116px;box-shadow: 0 3px 5px #ccc;position: relative;}
.header .logo {float: left;line-height: 116px;}
.header .logo img {display: inline-block;vertical-align: middle;}
.header .nav {float: left;margin-top: 25px;margin-left: 70px;padding-left: 69px;background: url(../images/bg-nav.png) no-repeat left center;}
.header .nav li {float: left;padding: 0 14px;background-color: #0456bb;line-height: 68px;height: 68px;position: relative;}
.header .nav li.on,
.header .nav li:hover {background-color: #fca206;}
.header .nav a { display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;text-align: center;line-height: 1.5;}
.header .nav dl {position: absolute;z-index: 4;left: 0;display: none;}
.header .nav dl dd {width: 205px;background-color: #0456bb;}
.header .nav dl dd a {display: block;line-height:40px; }
.header .nav dl dd:hover {background-color: #fca206;}
.header .nav dl dd:hover a {
    -webkit-transform: -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}
/* 底部
 ============================================================================ */
.footer {padding: 50px 0;background-color: #0456bb;color: #fff;text-align: center;}
.footer i {margin: 10px;display: inline-block;width: 44px;height: 38px;background: url(../images/ico-tel.png) no-repeat;vertical-align: bottom;}
.footer p {font-size: 18px;line-height: 54px;}
.footer p.en,
.footer p.zh {font-size: 12px;}
.footer span {font-size: 22px;}
/* 单页
 ============================================================================ */
.page-Ban {height: 350px;}
.mainBody {margin: 0 auto;width: 1200px;min-height:600px;padding-bottom: 40px;position: relative;}
.line:before {
    content: "";
    position: absolute;
    top: 0;
    left: 280px;
    z-index: -1;
    width: 1px;
    height: 100%;
    background: #eee;
}
/* 左侧
 ============================================================================ */
 .sub-l{ width: 280px; float: left; position: relative; margin-top: -85px;}
 .sub-l:before{ content: ""; position: absolute; top:0; left: -8px; z-index: 0; width: 8px; height: 100%; background: url("../images/sub_01.png") no-repeat;}
 .sub-tit{ width: 100%; height: 120px; background: #006eb9; color: #fff; font-size: 32px; display:table; vertical-align: middle; text-align: center;}
 .sub-tit span{ display: block; display: table-cell; vertical-align: middle;line-height: 1.2;}
 .sub-tit em{ display: block; font-weight: normal; font-size: 20px; font-family: arial; text-transform: capitalize;}
 .sub-nav-box{ margin-top: 20px; position: relative;}
 .sub-nav{ width: 280px;}
 .sub-nav>li{ margin-bottom: 10px;height: 70px;line-height: 68px;}
 .sub-nav>li>a{ display: inline-block;width: 100%; overflow: hidden; text-align: center; font-size: 14px; position: relative;line-height: 1.2;vertical-align: middle;}
 .sub-nav>li:hover>a,.sub-nav>li.on>a{ color: #fff;}
 .sub-nav li:hover,.sub-nav li.on { background: #fca206;}
/* 右侧
 ============================================================================ */
.sub-r { width: 860px; float: right; padding:30px 0 0;}
.sub-item { font-weight: normal; font-size: 20px; color: #000; margin-bottom: 20px;padding-bottom:15px;border-bottom: 1px solid #dcd8d8;line-height: 1.2;}
.sub-item em{ font-size: 12px; color: #666; margin-left: 12px;}
/* 新闻页
 ============================================================================ */
.news-list {margin-bottom: 50px;}
.news-list li {font-size: 14px;color: #333;padding-left: 15px;background: url(../images/ico-news.jpg) no-repeat left center;height: 43px;}
.news-list li span {float: right;line-height: 43px;}
.news-list li a {display: block;width: 700px;height: 43px;line-height: 43px;overflow: hidden;font-size: 14px;}
.news-list li:hover {background-image:url(../images/ico-news-h.jpg);}
.news-list li:hover a {color:#1679d4;}
/* 内容页
 ============================================================================ */
.arc-tit h6{font-size: 18px;color: #000; padding-bottom: 15px;font-weight: normal;text-align: center;}
.arc-info {text-align: center;}
.arc-detail {padding: 25px 0;}
.arc-detail img {max-width: 100%;}
.sx {width: 100%;height: auto;margin: 10px 0;padding-top: 10px;border-top: 1px dotted #ccc;}
.sx p {line-height: 24px;font-size: 12px;}
/* 位置
 ============================================================================ */
.position { text-align: right; font-size: 12px; color: #666;}
.position a{ color: #666; padding: 0 10px;}
.position a:hover,.position a.on{ color: #006eb9;}
/* 分页
 ============================================================================ */
.pagination {text-align: center;}
.pagination a ,
.pagination span {
    display: inline-block;
    padding: 0 10px;
    height: 28px;
    text-align: center;
    line-height: 27px;
    vertical-align: top;
    border: 1px #1679d4 solid;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #fff;color: #1679d4;
}

.pagination a:hover,
.pagination .current {background-color: #1679d4;color: #fff;}
/* 图片列表页
 ============================================================================ */
.pic-list {margin-bottom: 50px;} 
.pic-list li {
    float: left;
    width: 260px;
    margin: 15px 12px 0px;
}
.pic-list .img {
    width: 240px;
    height: 180px;
    line-height: 176px;
    overflow: hidden;
    text-align: center;
    border: 1px #e2e2e2 solid;
    padding: 9px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.pic-list h5 {
    line-height: 35px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
.pic-list li:hover .img {
    border-color: #f60;
}
.pic-list li:hover a {
    color: #f60;
}
ul li img {max-height: 100%;max-width: 100%;display: inline-block;vertical-align: middle;overflow: hidden;}

/* 漂浮客服
 ============================================================================ */
.izl-rmenu{position:fixed; right:0; margin-right:20px; top:50%; padding-bottom:20px; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; cursor:pointer; position:relative; display:block; border-radius:0px;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-161px; top:-1px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:161px; left:-160px; top:-1px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
.izl-rmenu .btn-wx .pic {width: 160px;max-width: 500%;}