/***************************通用样式开始********************************/

@font-face {
    font-family: yiq_en;
    src: url('../fonts/yiq_en.woff') format('woff'), url('fonts/yiq_en.ttf') format('truetype');
}

@font-face {
    font-family: yiq_en1;
    src: url('../fonts/yiq_en1.woff') format('woff'), url('fonts/yiq_en1.ttf') format('truetype');
}

@font-face {
    font-family: yiq_en2;
    src: url('fonts/yiq_en2.woff') format('woff'), url('fonts/yiq_en2.ttf') format('truetype');
}

* {
    padding: auto;
    margin: 0px;
}

.buttom_style {
    border: none;
    width: 94px;
    height: 33px;
    background-color: #FF8D00;
    line-height: 28px;
    cursor: hand;
    margin: 0 auto;
    font-size: 15px;
    font-family: "Arial";
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

table {
    font-size: 13px;
    line-height: 22px;
}

img {
    border: none;
}

input {
    color: #999999;
    font-size: 12px;
}

ul,
li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8,
dd {
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

A:link,
A:visited,
A:active {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    text-align: left;
    outline: none;
    font-family: "";
}

A:hover,
A:focus {
    color: #000;
    text-decoration: none;
    font-size: 13px;
    star: expression(this.onFocus=this.blur());
    font-family: "";
}

body {
    text-align: center;
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    line-height: 22px;
    background-color: #FFF;
    color: #666;
    font-family: "";
}


/*显示内容区控制*/

.Content_KZ {
    font-size: 15px;
    line-height: 25px;
}

.Content_KZ img {
    max-width: 100%;
    height: auto;
}


/*无图片显示背景*/

.None_Img {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #F5F5F5;
}


/*IE升级提醒*/

.IE_SJ {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    text-align: center;
    overflow: hidden;
    border-top: 1px #FF8D00 solid;
    border-bottom: 1px #FF8D00 solid;
    background-color: #FFBE6E;
    font-size: 12px;
    color: #000;
}

.IE_SJ A:link,
.IE_SJ A:visited,
.IE_SJ A:active {
    font-size: 12px;
    color: #FFF;
}

.IE_SJ A:hover {
    text-decoration: none;
    font-size: 12px;
    color: #FFFF00;
}


/*网站信息*/

.CSS_WebSite {
    width: 80px;
    height: 79px;
    position: fixed;
    left: -30px;
    top: 0px;
    z-index: 9999999999;
}

.CSS_WebSite div {
    width: 30px;
    height: auto;
    min-height: 79px;
    float: left;
    overflow: hidden;
    background-color: #C8CAD5;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px #666;
    -moz-box-shadow: 0px 0px 10px #666;
    box-shadow: 0px 0px 10px #666;
}

.CSS_WebSite div dd {
    width: 14px;
    height: 14px;
    float: left;
    margin: 7px;
    display: inline;
    overflow: hidden;
    border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px #FFF solid;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.CSS_WebSite div dd p {
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.CSS_WebSite div dd b {
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.CSS_WebSite div dd:hover,
.CSS_WebSite div dd.current {
    width: 20px;
    height: 20px;
    margin: 4px;
    border-color: #000;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.CSS_WebSite span {
    width: 40px;
    height: 79px;
    float: left;
    background-image: url(../images/color.png);
}


/*网页整体框架*/

.CSS_Body {
    width: 100%;
    height: auto;
    max-height: auto;
    margin: 0px auto;
    display: inline-block;
    padding: 0px;
}


/*定义网站宽度*/

.CSS_C {
    width: 100%;
    max-width: 1200px;
    min-width: 320px;
    height: auto;
    max-height: auto;
    margin: 0px auto;
    display: run-in;
    padding: 0px;
}


/*首页轮播广告*/

.Flash_C {
    width: 100%;
    min-width: 320px;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
}

.Flash_C_P {
    width: 100%;
    height: 0px;
    float: left;
    overflow: hidden;
    margin-top: 39%;
}

.Flash_K {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.Flash {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

.Flash .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%
}

.Flash .swiper-pagination {
    bottom: 5%;
}

.Flash .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #FFF;
    opacity: 0.8;
    border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.Flash .swiper-pagination-bullet-active {
    width: 30px;
    background-color: #1780C8;
    border: none;
}


/*内页顶部图片*/

.AD {
    width: 100%;
    height: auto;
    max-height: 200px;
    float: left;
    overflow: hidden;
    text-align: left;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
    background-color: #F5F5F5;
    position: relative;
}

.AD p {
    width: 100%;
    height: 0px;
    float: left;
    overflow: hidden;
    margin-top: 16.66%;
}

.Fu_R {
    width: 50px;
    height: auto;
    position: fixed;
    right: 10px;
    bottom: 100px;
    z-index: 999999999;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop + 100));
}

.Fu_R_Ma {
    width: 48px;
    height: 48px;
    float: left;
    position: relative;
    background-color: #FFF;
    margin-top: 1px;
    display: inline;
    border: 1px #DEDEDE solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.Fu_R_Ma span {
    width: 100%;
    height: 46px;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.Ma_Ico1 {
    background-image: url(../images/ma_wx.png);
}

.Ma_Ico2 {
    background-image: url(../images/ma_mb.png);
}

.Fu_R_Ma div {
    width: 150px;
    height: 150px;
    border: 1px #DEDEDE solid;
    position: absolute;
    left: -150px;
    top: -1px;
    display: none;
}

.Fu_R_Ma div img {
    width: 100%;
    height: 100%;
}

.Fu_R_Ma:hover div {
    display: inline;
}

.Fu_R div:hover span {
    color: #1780C8
}

.Fu_R_Top {
    width: 50px;
    height: 50px;
    float: left;
    cursor: pointer;
    background-image: url(../images/return_top.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 1px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.Fu_R_Top:hover {
    background-position: left -50px;
}

#erweima {
    padding: 2px;
}

#erweima dd {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
}


/*当前位置*/

.Now_Pos {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
    background-image: url(../images/pos.png);
    background-repeat: no-repeat;
    background-position: left center;
    text-align: left;
    font-size: 12px;
    padding-left: 15px;
    margin-top: 10px;
}

.Now_Pos_C {
    width: auto;
    height: auto;
    float: left;
    overflow: hidden;
    font-family: "Arial";
}

.Now_Pos_C A {
    width: auto;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    padding: 0px 18px 0px 3px;
    margin-right: 10px;
    display: inline;
    background-image: url(../images/pos1.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.Now_Pos_C A:link,
.Now_Pos_C A:visited,
.Now_Pos_C A:active {
    FONT-FAMILY: "Arial";
    TEXT-DECORATION: none;
    font-size: 12px;
    text-align: left;
    outline: none;
}

.Now_Pos_C A:hover {
    text-decoration: none;
    font-size: 12px;
}

.Now_Pos_FX {
    width: auto;
    height: 30px;
    float: right;
    overflow: hidden;
}


/*内页左右样式*/

.CSS_Left {
    width: 20%;
    height: auto;
    float: left;
    margin-top: 30px;
}

.CSS_Right {
    width: 77%;
    height: auto;
    float: right;
    margin-top: 30px;
    padding: 0px 5px;
}


/*左侧菜单*/

.Item {
    width: 100%;
    height: auto;
    float: left;
}

.Item_Title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    float: left;
    overflow: hidden;
    background-color: #1780C8;
    font-size: 20px;
    color: #FFF;
    background-image: url(../images/xie.png);
}

.Item_List {
    width: 100%;
    height: auto;
    float: left;
    border-top: none;
    padding: 10%;
    background-color: #F8F8F8;
}

.Item_List div {
    width: 100%;
    height: auto;
    float: left;
}

.Item_List div span {
    width: 100%;
    height: 40px;
    float: left;
    overflow: hidden;
}

.Item_List div span A {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    overflow: hidden;
}

.Item_List div span A:link,
.Item_List div span A:visited,
.Item_List div span A:active {
    COLOR: #666;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
}

.Item_List div span A:hover,
.Item_List div span A.current {
    color: #000;
    text-decoration: none;
    background-color: #e0e0e0;
}

.Item_List div ul {
    width: auto;
    min-width: 100%;
    height: auto;
    float: left;
    left: 100%;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.Item_List div ul li {
    width: 50%;
    height: 30px;
    float: left;
    overflow: hidden;
}

.Item_List div ul li A {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
}

.Item_List div ul li A:link,
.Item_List div ul li A:visited,
.Item_List div ul li A:active {
    COLOR: #CCC;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
}

.Item_List div ul li A:hover,
.Item_List div ul li A.current {
    color: #FFF;
    text-decoration: none;
}

.Item_List div:hover ul {
    display: inline;
}


/*左侧联系方式*/

.Lei_Contact {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    padding: 5%;
    margin-top: 30px;
    background-color: #F8F8F8;
}

.Lei_Contact_Wx {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.Lei_Contact_Wx img {
    width: 100%;
    height: auto;
    float: left;
}

.Lei_Contact_C {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    text-align: left;
    margin-top: 20px;
}

.Lei_Contact_C ul {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.Lei_Contact_C ul li {
    width: 100%;
    float: left;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 15%;
    margin-top: 7px;
}

.Lei_Contact_C span {
    width: 100%;
    height: 36px;
    line-height: 36px;
    float: left;
    overflow: hidden;
    margin-top: 10px;
}

.Lei_Contact_C span a {
    width: 36px;
    height: 36px;
    float: left;
    overflow: hidden;
    margin-right: 5px;
    display: inline;
}

.Lx_Ico1 {
    background-image: url(../images/tel.png);
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    font-family: "Arial";
}

.Lx_Ico1 A {
    font-size: 20px;
}

.Lx_Ico2 {
    background-image: url(../images/email.png);
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    font-family: "Arial";
}

.Lx_Ico3 {
    background-image: url(../images/info.png);
    height: 50px;
    line-height: 25px;
    font-size: 12px;
    font-family: "Arial";
}


/*栏目标题，在680及以下显示*/

.Lei_Title {
    width: 100%;
    height: 30px;
    float: left;
    margin-top: 20px;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
    display: none;
}

.Lei_Title div {
    width: auto;
    max-width: 100%;
    height: 30px;
    float: left;
    position: relative;
}

.Lei_Title div span {
    width: auto;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    color: #FFF;
    background-color: #1780C8;
    font-size: 14px;
    padding: 0px 10px 0px 25px;
    background-image: url(../images/xsj.png);
    background-repeat: no-repeat;
    background-position: 10px 14px;
    cursor: pointer;
}

.Lei_Title div ul {
    width: auto;
    height: auto;
    position: absolute;
    left: 0px;
    top: 30px;
    border-top: 1px #FFF solid;
    background-color: #1780C8;
    padding: 10px;
    z-index: 9999999;
    display: none;
    border-top: 1px #FFF solid;
}

.Lei_Title div ul li {
    width: 100%;
    height: 25px;
    float: left;
    position: relative;
}

.Lei_Title div ul li.current {
    background-image: url(../images/jiao_bai.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.Lei_Title div ul li p {
    width: 100%;
    height: 25px;
    float: left;
    overflow: hidden;
}

.Lei_Title div ul li p A {
    width: 100%;
    height: 25px;
    line-height: 25px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.Lei_Title div ul li p A:link,
.Lei_Title div ul li p A:visited,
.Lei_Title div ul li p A:active {
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
}

.Lei_Title div ul li p A:hover,
.Lei_Title div ul li p A.current {
    color: #FFFF00;
    text-decoration: none;
}

.Lei_Title div ul li dl {
    width: auto;
    height: auto;
    position: absolute;
    left: 100%;
    top: 0px;
    background-color: #F8F8F8;
    white-space: nowrap;
    text-align: center;
    border: 1px #DEDEDE solid;
    display: none;
    padding: 10px;
}

.Lei_Title div ul li dl dd {
    width: 100%;
    height: 25px;
    float: left;
    overflow: hidden;
    position: relative;
}

.Lei_Title div ul li dl dd A {
    width: 100%;
    height: 25px;
    line-height: 25px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.Lei_Title div ul li dl dd A:link,
.Lei_Title div ul li dl dd A:visited,
.Lei_Title div ul li dl dd A:active {
    color: #666;
    text-decoration: none;
    font-size: 12px;
}

.Lei_Title div ul li dl dd A:hover,
.Lei_Title div ul li dl dd A.current {
    color: #27AC37;
    text-decoration: none;
}

.Lei_Title div:hover ul {
    display: inline;
}

.Lei_Title div ul li:hover dl {
    display: inline;
}


/*内页普通列表*/

.List_PT {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.List_PT ul {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.List_PT ul li {
    width: 100%;
    height: 50px;
    float: left;
    overflow: hidden;
    padding-left: 15px;
    background-image: url(../images/d.gif);
    background-repeat: no-repeat;
    background-position: left 20px;
    border-bottom: 1px #DEDEDE dashed;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.List_PT ul li A {
    width: 66%;
    height: 50px;
    line-height: 50px;
    float: left;
    overflow: hidden;
    text-align: left;
}

.List_PT ul li A:hover {}

.List_PT ul li span {
    width: auto;
    height: 30px;
    line-height: 30px;
    float: right;
    font-size: 12px;
    font-family: "Arial";
    color: #999;
    background-image: url(../images/clock.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    margin-top: 10px;
}

.List_PT ul li i {
    width: 70px;
    height: 30px;
    line-height: 30px;
    float: right;
    font-size: 12px;
    font-family: "Arial";
    color: #999;
    background-image: url(../images/view.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    margin-right: 20px;
    text-align: left;
    margin-top: 10px;
}

.List_PT ul li:hover {
    background-color: #F8F8F8;
    padding-left: 25px;
}


/*内页图片列表*/

.List_Image {
    width: 100%;
    height: auto;
    float: left;
}

.List_Image b {
    width: auto;
    height: 0px;
    float: left;
    margin-top: 133.33%;
    overflow: hidden;
}

.List_Image div {
    width: 32%;
    height: auto;
    float: left;
    overflow: hidden;
    margin: 0px 0.6665% 1.33% 0.6665%;
    display: inline;
    position: relative;
}

.List_Image div a {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 998;
}

.List_Image div a img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.List_Image div:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.List_Image div span {
    width: 100%;
    height: 25px;
    line-height: 25px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    overflow: hidden;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-align: center;
    padding: 0px 10px;
    z-index: 999;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.List_Image div span A:link,
.List_Image div span A:visited,
.List_Image div span A:active {
    font-size: 18px;
    font-size: 12px;
    font-family: "Simsun", "Arial";
    color: #CCC;
}

.List_Image div span A:hover {
    font-size: 18px;
    font-size: 12px;
    font-family: "Simsun", "Arial";
    color: #CCC;
}

.List_Image div:hover span {
    bottom: -25px;
}


/*内页量文混排*/

.List_LiangWen {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.List_LiangWen_C {
    width: 48%;
    height: auto;
    float: left;
    overflow: hidden;
    margin: 0px 1% 20px 1%;
    background-color: #F8F8F8;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.List_LiangWen_L {
    width: 20%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
}

.List_LiangWen_L b {
    width: auto;
    height: 0px;
    float: left;
    margin-top: 100%;
    overflow: hidden;
}

.List_LiangWen_LL {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #DEDEDE;
    z-index: 998;
    font-size: 12px;
    color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.List_LiangWen_LL div {
    width: 100%;
    height: 50%;
    float: left;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.List_LiangWen_LL div span {
    width: auto;
    height: auto;
    margin: 0px auto;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
}

.L_L_Ico1 {
    background-image: url(../images/view_bai.png);
}

.L_L_Ico2 {
    background-image: url(../images/clock_bai.png);
}

.List_LiangWen_C:hover .List_LiangWen_LL {
    border-radius: 100px;
    -moz-border-radius: 100px;
    background-color: #1780C8;
    color: #FFF;
}

.List_LiangWen_R {
    width: 78%;
    height: 100%;
    float: right;
    overflow: hidden;
}

.List_LiangWen_R A {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    text-align: left;
    font-weight: bold;
    padding-right: 1%;
}

.List_LiangWen_R div {
    width: 100%;
    height: 40px;
    line-height: 20px;
    float: left;
    overflow: hidden;
    text-align: left;
    font-size: 12px;
    color: #999;
    padding-right: 1%;
}


/*内页日文混排*/

.List_RiWen {
    width: 100%;
    height: auto;
    float: left;
}

.List_RiWen_C {
    width: 49%;
    height: auto;
    float: left;
    margin: 1% 0.5% 0px 0.5%;
    display: inline;
    background-color: #FFF;
    visibility: hidden;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-box-shadow: 0px 0px 2px #CCC;
    -moz-box-shadow: 0px 0px 2px #CCC;
    box-shadow: 0px 1px 3px #CCC;
}

.List_RiWen_T {
    width: 100%;
    height: 70px;
    float: left;
    overflow: hidden;
    font-family: "yiq_en", "Arial";
    background-color: #EEEEEE;
    background-image: url(../images/xie.png);
    color: #333;
    text-align: left;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.List_RiWen_T_L {
    width: auto;
    height: 100%;
    float: left;
    overflow: hidden;
    margin-left: 10px;
    display: inline;
}

.List_RiWen_T_L div {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    overflow: hidden;
    font-size: 28px;
}

.List_RiWen_T_L span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    font-size: 18px;
}

.List_RiWen_T_R {
    width: auto;
    height: 100%;
    line-height: 70px;
    float: right;
    overflow: hidden;
    margin-right: 30px;
    display: inline;
    font-size: 28px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.List_RiWen_T_R i {
    line-height: 70px;
}

.List_RiWen_C:hover {
    -webkit-box-shadow: 0px 10px 20px #CCC;
    -moz-box-shadow: 0px 10px 20px #CCC;
    box-shadow: 0px 10px 20px #CCC;
}

.List_RiWen_C:hover .List_RiWen_T {
    background-color: #1780C8;
    color: #FFF;
}

.List_RiWen_C:hover .List_RiWen_T_R {
    margin-right: 20px;
}

.List_RiWen_C:hover .List_RiWen_B span A {
    font-weight: bold;
}

.List_RiWen_B {
    width: 90%;
    height: auto;
    float: left;
    overflow: hidden;
    display: inline;
    text-align: left;
    margin: 5%;
}

.List_RiWen_B span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
}

.List_RiWen_B span A {
    font-size: 18px;
}

.List_RiWen_B div {
    width: 100%;
    height: 50px;
    line-height: 25px;
    float: left;
    overflow: hidden;
    color: #999;
}


/*内页图文混排*/

.List_TuWen {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.List_TuWen_C {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-bottom: 40px;
    background-color: #F8F8F8;
}

.List_TuWen_L {
    width: 16.23%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
}

.List_TuWen_L span {
    width: auto;
    height: 0px;
    float: left;
    margin-top: 70%;
    overflow: hidden;
}

.List_TuWen_L a {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 998;
}

.List_TuWen_L a img {
    width: 100%;
    height: auto;
}

.List_TuWen_R {
    width: 81%;
    height: 100%;
    float: right;
    overflow: hidden;
}

.List_TuWen_R_T {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    text-align: left;
}

.List_TuWen_R_T A {
    font-weight: bold;
}

.List_TuWen_R_C {
    width: 100%;
    height: 40px;
    line-height: 20px;
    float: left;
    overflow: hidden;
    text-align: left;
    font-size: 12px;
    color: #999;
    padding-right: 1%;
}

.List_TuWen_R_B {
    width: 100%;
    height: 20px;
    line-height: 20px;
    float: left;
    overflow: hidden;
    text-align: left;
    font-size: 12px;
    color: #999;
    padding-right: 1%;
    margin-top: 10px;
}

.List_TuWen_R_B div {
    width: auto;
    height: 100%;
    float: right;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    margin-left: 20px;
    display: inline;
    padding-left: 20px;
}

.L_B_Ico1 {
    background-image: url(../images/view.png);
}

.L_B_Ico2 {
    background-image: url(../images/clock.png);
}


/*产品详细页*/

.S_List_CP {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.S_List_CP_T {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.S_List_CP_T_Img {
    width: 54.1%;
    height: auto;
    float: left;
    overflow: hidden;
}

.S_List_CP_T_Img div {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
}

.S_List_CP_T_Img div b {
    width: auto;
    height: auto;
    float: left;
    margin-top: 133.33%;
}

.S_List_CP_T_Img div p {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 1px;
    overflow: hidden;
}

.S_List_CP_T_Img div p img {
    width: 100%;
    height: 100%;
    float: left;
}

.S_List_CP_T_Img ul {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-top: 2px;
}

.S_List_CP_T_Img ul li {
    width: 20%;
    height: auto;
    float: left;
    position: relative;
    cursor: zoom-in !important;
    cursor: pointer;
}

.S_List_CP_T_Img ul li b {
    width: auto;
    height: auto;
    float: left;
    margin-top: 133.33%;
}

.S_List_CP_T_Img ul li p {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.S_List_CP_T_Img ul li p img {
    width: 100%;
    height: 100%;
    float: left;
    border: 1px #F8F8F8 solid;
}

.S_List_CP_T_Img ul li:hover img,
.S_List_CP_T_Img ul li.current img {
    border: 2px #000 solid;
}

.S_List_CP_T_Info {
    width: 42%;
    height: auto;
    float: right;
    overflow: hidden;
}

.S_List_CP_T_Info_T {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-top: 20px;
}

.S_List_CP_T_Info_T h1 {
    width: 100%;
    line-height: 30px;
    float: left;
    overflow: hidden;
    font-size: 24px;
    text-align: left;
}

.S_List_CP_T_Info_C {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    text-align: left;
    margin-top: 20px;
}

.S_List_CP_T_Info_C img {
    max-width: 100%;
    height: auto;
}

.S_List_CP_T_Info_D {
    width: 95%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-top: 20px;
}

.S_List_CP_T_Info_D A,
.S_List_CP_T_Info_D A:link,
.S_List_CP_T_Info_D A:visited,
.S_List_CP_T_Info_D A:active {
    width: auto;
    height: 40px;
    line-height: 40px;
    float: right;
    overflow: hidden;
    padding: 0px 10px 0px 40px;
    background-image: url(../images/download_bai.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #999;
    margin: 10px;
    display: inline;
    font-size: 15px;
    color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.S_List_CP_T_Info_D A:hover {
    background-color: #666;
    text-decoration: none;
}

.S_List_CP_Text {
    width: 100%;
    height: auto;
    float: right;
    overflow: hidden;
    margin-top: 40px;
}

.S_List_CP_Text_Title {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.S_List_CP_Text_Title div {
    width: auto;
    height: auto;
    line-height: 30px;
    float: left;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.1);
    color: #FFF;
    font-size: 20px;
    padding: 5px 20px;
    text-align: left;
}

.S_List_CP_Text_C {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    text-align: left;
    margin-top: 20px;
    color: #FFF;
}


/*文章详细页*/

.Show_List_WZ {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.Show_List_WZ_Info {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.Show_List_WZ_Info h1 {
    width: 100%;
    height: auto;
    line-height: 30px;
    float: left;
    overflow: hidden;
    text-align: center;
    font-size: 24px;
}

.Show_List_WZ_Info div {
    width: 100%;
    height: 20px;
    line-height: 20px;
    float: left;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    color: #999;
}

.Show_List_WZ_Info div span {
    width: auto;
    height: 20;
    line-height: 20px;
    margin: 0px 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
}

.S_L_W_Ico1 {
    background-image: url(../images/view.png);
}

.S_L_W_Ico2 {
    background-image: url(../images/clock.png);
}

.S_L_W_Ico3 {
    background-image: url(../images/user.png);
}

.Show_List_WZ_ZhaiYao {
    width: 100%;
    height: auto;
    line-height: 20px;
    font-size: 12px;
    float: left;
    overflow: hidden;
    text-align: left;
    color: #999;
    border: 1px #DEDEDE dashed;
    background-color: #FBFBFB;
    padding: 10px;
    margin-top: 10px;
}

.Show_List_WZ_Link {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-top: 10px;
}

.Show_List_WZ_Link A,
.Show_List_WZ_Link A:link,
.Show_List_WZ_Link A:visited,
.Show_List_WZ_Link A:active {
    width: auto;
    height: 40px;
    line-height: 40px;
    float: right;
    overflow: hidden;
    padding: 0px 10px 0px 40px;
    background-image: url(../images/download_bai.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #999;
    margin: 10px;
    display: inline;
    font-size: 15px;
    color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.Show_List_WZ_Link A:hover {
    background-color: #666;
    text-decoration: none;
}

.Show_List_WZ_Content {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    text-align: left;
    margin-top: 40px;
}


/*网站底部*/

.Bottom_C {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-top: 20px;
    color: #FFF;
    padding: 20px 0px;
    background-color: #1780C8;
}

.Bottom {
    width: 100%;
    height: auto;
    line-height: 40px;
    float: left;
    overflow: hidden;
}

.Bottom_T {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px rgba(255, 255, 255, 0.2) dashed;
    margin-bottom: 10px;
}

.Bottom_T ul {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.Bottom_T ul li {
    width: 33.33%;
    float: left;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 35px;
    margin-top: 7px;
    text-align: left;
}

.BLx_Ico1 {
    background-image: url(../images/tel_bai.png);
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    font-family: "Arial";
}

.BLx_Ico1 A {
    font-size: 20px;
}

.BLx_Ico2 {
    background-image: url(../images/email_bai.png);
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    font-family: "Arial";
}

.BLx_Ico3 {
    background-image: url(../images/info_bai.png);
    height: 50px;
    line-height: 20px;
    font-size: 12px;
    font-family: "Arial";
}

.Bottom_B {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.Bottom A,
.Bottom A:link,
.Bottom A:visited,
.Bottom A:active {
    color: #FFF;
}

.Bottom A:hover {
    color: #FFF;
}


/*翻页*/

.R_Page {
    width: 100%;
    height: 20px;
    float: left;
    text-align: center;
    margin: 30px 0px 0px 0px;
}

.R_Page_C {
    width: auto;
    height: auto;
    max-height: auto;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    padding: 0px;
    font-size: 12px;
}

.R_Page_C A,
.R_Page_C A:link,
.R_Page_C A:visited,
.R_Page_C A:active {
    width: auto;
    height: 25px;
    line-height: 25px;
    float: left;
    overflow: hidden;
    background-color: #EFEFEF;
    border: 1px #CCCCCC solid;
    color: #000;
    text-align: center;
    margin-left: 5px;
    padding: 0px 7px;
    font-size: 12px;
    font-family: "Arial";
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.R_Page_C A:hover,
.R_Page_C A.current {
    background-color: #1780C8;
    border: 1px #1780C8 solid;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    font-family: "Arial";
}

.R_Page_C A i {
    line-height: 25px;
}


/*底部友情链接*/

.Links_C {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    text-align: center;
    padding: 10px 0px;
    margin-top: 20px;
}

.Links {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.Links div {
    width: 8.33%;
    height: 25px;
    line-height: 25px;
    float: left;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: url(../images/link_hui.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.Links span {
    width: 8.33%;
    height: 25px;
    float: left;
    overflow: hidden;
}

.Links span A,
.Links span A:link,
.Links span A:visited,
.Links span A:active {
    width: 100%;
    height: 25px;
    line-height: 25px;
    float: left;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
}

.Links span A:hover {
    text-decoration: none;
    font-size: 12px;
    text-align: center;
}


/*中间QQ邀请框*/

.CSS_QQ_F {
    width: 327px;
    height: 172px;
    float: left;
    position: fixed;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop + ((document.documentElement.clientHeight - 172)/2)));
    top: 40%;
    left: 40%;
    z-index: 99999;
    background-image: url(../images/service/qq_f.png) !important;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/service/qq_f.png");
    background: none;
    display: none;
    padding: 0px 15px 0px 15px;
    -webkit-box-shadow: 0px 0px 2px #39AAE1;
    -moz-box-shadow: 0px 0px 2px #39AAE1;
    box-shadow: 0px 0px 2px #39AAE1;
}

.CSS_QQ_F_T {
    width: 100%;
    height: 31px;
    float: left;
    overflow: hidden;
}

.CSS_QQ_F_T span {
    width: auto;
    height: 31px;
    line-height: 31px;
    float: left;
    text-align: left;
    overflow: hidden;
    color: #FFF;
    font-size: 14px;
    font-family: "";
    display: inline;
}

.CSS_QQ_F_T A {
    width: 39px;
    height: 31px;
    float: right;
}

.CSS_QQ_F_C {
    width: 100%;
    height: 85px;
    float: left;
    text-align: left;
    margin-top: 13px;
}

.CSS_QQ_F_C i {
    width: 85px;
    height: 85px;
    float: left;
    overflow: hidden;
    background-image: url(../images/service/kefu.jpg);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px #DEDEDE;
    -moz-box-shadow: 0px 0px 2px #DEDEDE;
    box-shadow: 0px 0px 2px #DEDEDE;
}

.CSS_QQ_F_C i img {
    width: 100%;
    height: 100%;
}

.CSS_QQ_F_C b {
    width: 210px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 24px;
    font-family: "";
    color: #39AAE1;
    font-weight: normal;
    padding-left: 15px;
    overflow: hidden;
}

.CSS_QQ_F_C div {
    width: 210px;
    height: 60px;
    line-height: 20px;
    float: left;
    font-size: 12px;
    color: #666;
    padding-left: 15px;
    overflow: hidden;
    font-family: "Arial";
}

.CSS_QQ_F_B {
    width: auto;
    height: 22px;
    float: right;
    overflow: hidden;
    margin-top: 17px;
}

.CSS_QQ_F_B A,
.CSS_QQ_F_B A:link,
.CSS_QQ_F_B A:visited,
.CSS_QQ_F_B A:active {
    width: 69px;
    height: 22px;
    line-height: 22px;
    float: left;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    color: #000;
    background-image: url(../images/service/qq.gif);
    margin-left: 10px;
    display: inline;
}

.CSS_QQ_F_B A:hover {
    text-decoration: none;
    color: #000;
    text-align: center;
    background-image: url(../images/service/qq1.gif);
}


/***************************通用样式结束********************************/


/***************************专用样式开始********************************/


/*顶部样式*/

.CSS_Top_C {
    width: 100%;
    float: left;
    padding: 0px 0px;
}

.CSS_Top {
    width: 100%;
    height: 100%;
    float: left;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.CSS_Top_Logo {
    width: 380px;
    height: 60px;
    float: left;
    overflow: hidden;
    margin-top: 10px;
}

.CSS_Top_Logo img {
    width: 100%;
    height: 100%;
    float: left;
}

.CSS_Top_Menu {
    width: calc(98% - 380px);
    height: 80px;
    float: right;
}

.CSS_Top_Menu div {
    width: 11%;
    height: 100%;
    float: left;
    position: relative;
    ;
    z-index: 99999;
    margin: 0px;
    display: inline;
    margin: 0px 0.33%;
}

.CSS_Top_Menu div span {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.CSS_Top_Menu div span A {
    width: 100%;
    height: 100%;
    line-height: 80px;
    float: left;
    text-align: center;
    margin: 0px;
    display: inline;
}

.CSS_Top_Menu div span A:link,
.CSS_Top_Menu div span A:visited,
.CSS_Top_Menu div span A:active {
    font-size: 15px;
    color: #333;
    text-align: center;
    text-decoration: none;
}

.CSS_Top_Menu div span A.current,
.CSS_Top_Menu div:hover span A {
    text-decoration: none;
    color: #1780C8;
    font-size: 15px;
    text-align: center;
}

.CSS_Top_Menu div ul {
    width: ;
    height: auto;
    position: absolute;
    left: 0px;
    top: 80px;
    overflow: hidden;
    background-color: #1780C8;
    z-index: 99999999;
    display: none;
	padding:0 10px;
    padding-top: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

.CSS_Top_Menu div ul li {
    width: auto;
    min-width: 100%;
    height: 40px;
    float: left;
    position: relative;
}

.CSS_Top_Menu div ul li.current {
    background-image: url(../images/jiao_bai.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.CSS_Top_Menu div ul li A {
    width: auto;
    min-width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.CSS_Top_Menu div ul li A:link,
.CSS_Top_Menu div ul li A:visited,
.CSS_Top_Menu div ul li A:active {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 14px;
}

.CSS_Top_Menu div ul li A:hover {
    color: #FFF;
    text-decoration: none;
}

.CSS_Top_Menu_C dd {
    width: auto;
    height: 100%;
    line-height: 60px;
    float: right;
    overflow: hidden;
    font-family: "yiq_en", "Arial";
    font-size: 28px;
    color: #FFF;
}


/*移动端菜单*/

.CSS_M_Menu {
    width: auto;
    height: 30px;
    float: right;
    margin-top: 14px;
    position: relative;
    display: none;
    margin-right: 10px;
    margin-top: 15px;
}

.CSS_M_Menu i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    border: 1px #F5F5F5 solid;
    background: -webkit-linear-gradient(#FFF, #F5F5F5);
    background: -o-linear-gradient(#FFF, #F5F5F5);
    background: -moz-linear-gradient(#FFF, #F5F5F5);
    background: linear-gradient(#FFF, #F5F5F5);
}

.CSS_M_Menu ul {
    width: 100px;
    height: auto;
    position: absolute;
    right: 0px;
    top: 32px;
    background-color: #FFF;
    z-index: 999999999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px 0px;
    display: none;
}

.CSS_M_Menu ul li {
    width: 100%;
    height: 25px;
    line-height: 25px;
    float: left;
}


/*语言版本*/

.CSS_BanBen {
    width: 25px;
    height: 25px;
    overflow: hidden;
    position: fixed;
    right: 0px;
    top: 100px;
    z-index: 999999999;
    background-color: #333;
    border-top-left-radius: 5px;
    -moz-top-left-border-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-bottom-left-border-radius: 5px;
}

.CSS_BanBen div {
    width: 1000px;
    height: auto;
    float: left;
    overflow: hidden;
}

.CSS_BanBen div i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    float: left;
    overflow: hidden;
    color: #FFF;
    font-size: 16px;
    border-right: 1px #666 solid;
    cursor: pointer;
}

.CSS_BanBen div A {
    width: auto;
    height: 25px;
    line-height: 25px;
    float: left;
    border-right: 1px #666 solid;
    padding: 0px 10px;
}

.CSS_BanBen div A:link,
.CSS_BanBen div A:visited,
.CSS_BanBen div A:active {
    color: #999;
    font-size: 12px;
}

.CSS_BanBen div A:hover {
    color: #FFF;
    text-decoration: none;
}

.CSS_BanBen div A img {
    width: 23px;
    height: 15px;
    float: left;
    overflow: hidden;
    margin-top: 5px;
}

.CSS_BanBen div A span {
    width: auto;
    height: 25px;
    line-height: 25px;
    float: left;
    overflow: hidden;
    margin-left: 5px;
    display: inline;
}


/*首页通用标题*/

.H_Title {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    color: #333;
}

.H_Title span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    font-size: 18px;
    font-family: "yiq_en";
    margin-bottom: 20px;
    color: #999;
}


/*.H_Title span:before {content:"/"; padding:0px 10px;}*/

.H_Title div {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    font-size: 28px;
}


/*首页整行更多按钮*/

.H_More {
    width: 100%;
    height: auto;
    line-height: 25px;
    float: left;
    overflow: hidden;
    margin-top: 20px;
}

.H_More A {
    width: auto;
    height: 30px;
    line-height: 28px;
    margin: 0px auto;
    display: inline-block;
    overflow: hidden;
    padding: 0px 30px;
}

.H_More A:link,
.H_More A:visited,
.H_More A:active {
    color: #999;
    border: 1px #DEDEDE solid;
}

.H_More A:hover {
    color: #333;
    border: 1px #333 solid;
}

.H_More1 {
    width: 100%;
    height: auto;
    line-height: 25px;
    float: left;
    overflow: hidden;
    margin-top: 20px;
}

.H_More1 A {
    width: auto;
    height: 30px;
    line-height: 28px;
    margin: 0px auto;
    display: inline-block;
    overflow: hidden;
    padding: 0px 30px;
    border-radius: 200px;
    -moz-border-radius: 200px;
}

.H_More1 A:link,
.H_More1 A:visited,
.H_More1 A:active {
    color: #999;
    border: 1px #666 solid;
}

.H_More1 A:hover {
    color: #FFF;
    border: 1px #FFF solid;
}


/*首页业务领域*/

.H_YW_CC {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.H_YW_C {
    width: 100%;
    height: auto;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 10px;
    position: absolute;
    left: 0px;
    top: -100px;
    z-index: 999;
}

.H_YW {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.H_YW_K {
    width: 31.33%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0px 1%;
}

.H_YW_K p {
    width: 100%;
    height: 0px;
    float: left;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    margin-top: 51.35%;
}

.H_YW_K img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
}

.H_YW_K span {
    width: 100%;
    height: 20px;
    line-height: 20px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
    z-index: 2;
    position: absolute;
    left: 0px;
    bottom: 0px;
}


/*首页产品分类*/

.H_P_Class {
    width: 100%;
    height: auto;
    margin: 0px auto;
    display: inline-block;
    padding: 0px;
    padding: 50px 0px 50px 0px;
    margin: 20px 0px;
}

.H_P_Class_P {
    width: 12%;
    height: auto;
    float: left;
    overflow: hidden;
    margin: 0px 2% 0px 2%;
    display: inline-block;
    position: relative;
}

.H_P_Class_G {
    width: auto;
    height: auto;
    float: left;
    margin-top: 120%;
}

.H_P_Class_C {
    width: 98% !important;
    width: 100%;
    height: 82%;
    float: left;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 2px #E2E2E2 solid;
    border-radius: 200px;
    -moz-border-radius: 200px;
}

.H_P_Class_C img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.H_P_Class_B {
    width: 100%;
    height: 16%;
    line-height: 30px;
    float: left;
    position: absolute;
    left: 0px;
    top: 84%;
    font-size: 15px;
}

.H_P_Class_P:hover .H_P_Class_C {
    border: 2px #BBB solid;
}

.H_P_Class_P:hover .H_P_Class_B {
    color: #1780C8
}


/*首页产品*/

.H_CP_C {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    background-color: #1780C8;
}

.H_CP {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.H_CP div {
    width: 25%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
}

.H_CP div p {
    width: 100%;
    height: 0px;
    float: left;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    margin-top: 133.33%;
}

.H_CP div img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.H_CP div span {
    width: 100%;
    height: 100%;
    line-height: 50px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #1780C8;
    background-color: rgba(23, 128, 200, 0.5);
    z-index: 2;
    color: #FFF;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.H_CP div span u {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.H_CP div span u i {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 18px;
    position: absolute;
    left: 0px;
    bottom: 30%;
    font-style: normal;
}

.H_CP div:hover span {
    bottom: -100%;
}

.H_CP div:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}


/*首页新闻*/

.H_News_CC {
    width: 100%;
    height: auto;
    float: left;
    padding: 30px 0px;
}

.H_News_C {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-top: 10px;
}

.H_News {
    width: 30.33%;
    height: auto;
    float: left;
    margin-top: 40px;
    margin: 0px 1.5%;
    border: 1px #F5F5F5 solid;
}

.H_News_T {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
}

.H_News_T p {
    width: 100%;
    height: 0px;
    float: left;
    margin-top: 40%;
}

.H_News_T img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.H_News_T div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(../images/jia_bai.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: none
}

.H_News_T div A {
    width: 100%;
    height: 100%;
    float: left;
}

.H_News_B {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    background-color: #FFF;
    text-align: left;
    padding: 5%;
}

.H_News_B span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    font-family: "yiq_en";
    font-size: 14px;
}

.H_News_B A {
    width: 100%;
    height: 25px;
    line-height: 25px;
    float: left;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0px;
}

.H_News_B div {
    width: 100%;
    height: 75px;
    line-height: 25px;
    float: left;
    overflow: hidden;
    color: #999;
    margin-top: 10px;
}

.H_News:hover .H_News_T div {
    display: inline;
}

.H_News:hover .H_News_T img {
    filter: brightness(.5);
    -webkit-filter: brightness(.5);
}


/*首页优势特色*/

.H_FA_C {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    padding: 30px 0px;
    margin-top: 130px;
}

.H_FA {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.H_FA A {
    width: 25%;
    height: auto;
    float: left;
    overflow: hidden;
    text-align: center;
    padding: 10px;
    color: #333;
}

.H_FA A i {
    width: 100%;
    height: 100px;
    float: left;
    overflow: hidden;
    padding-top: 10px;
}

.H_FA A i u {
    width: 80px;
    height: 80px;
    margin: 0px auto;
    display: inline-block;
    background-color: #FFF;
    border-radius: 200px;
    -moz-border-radius: 200px;
    border: 1px #AAA solid;
}

.H_FA A i u img {
    width: 50px;
    height: 50px;
    margin-top: 15px;
}

.H_FA A span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    font-size: 18px;
}

.H_FA A div {
    width: 100%;
    height: 50px;
    line-height: 25px;
    float: left;
    overflow: hidden;
    color: #999;
}

.H_FA A:hover {
    background-color: #F8F8F8;
}


/*底部菜单行*/

.BT_C {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    padding: 30px 0px;
    display: inline;
}

.BT {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    text-align: left;
}

.BT_L {
    width: 70%;
    height: auto;
    float: left;
    overflow: hidden;
}

.BT_L div {
    width: 15%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-right: 5%;
    display: inline;
}

.BT_L div span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}

.BT_L div A {
    width: 100%;
    height: 25px;
    line-height: 25px;
    float: left;
    overflow: hidden;
}

.BT_R {
    width: 30%;
    height: auto;
    float: left;
    overflow: hidden;
}

.BT_R ul {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.BT_R ul li {
    width: 100%;
    float: left;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 10%;
    margin-top: 7px;
}

.Ico1 {
    background-image: url(../images/tel_bai.png);
    height: 26px;
    line-height: 26px;
    font-size: 24px;
}

.Ico1 A {
    font-size: 24px;
}

.Ico2 {
    background-image: url(../images/email_bai.png);
    height: 26px;
    line-height: 26px;
    font-size: 14px;
}

.Ico3 {
    background-image: url(../images/info_bai.png);
    height: 50px;
    line-height: 25px;
    font-size: 14px;
    font-family: "";
}

.BT_R span {
    width: 100%;
    height: 36px;
    line-height: 36px;
    float: left;
    overflow: hidden;
    margin-top: 4px;
}

.BT_R span a {
    width: 36px;
    height: 36px;
    float: left;
    overflow: hidden;
    margin-right: 5px;
    display: inline;
}

.BT_Hui {
    background-color: #F5F5F5;
    margin-top: 30px;
}

@media(max-width:1200px) {
    .CSS_BanBen div A span {
        display: none;
    }
    .Flash .swiper-pagination {
        bottom: 10%;
    }
    .Links_C {
        display: none;
    }
    .CSS_Left {
        display: none;
    }
    .CSS_Right {
        width: 100%;
    }
    .Lei_Title {
        display: inline;
    }
    .Fu_R_Ma {
        display: none;
    }
    /*以上为通用*/
    .CSS_Top_C {
        top: 0px;
        float: left;
        position: inherit;
    }
    .Flash .swiper-pagination {
        display: inline;
    }
    .H_YW_C {
        float: left;
        position: inherit;
        top: 0px;
    }
    .H_FA_C {
        margin-top: 0px;
    }
}

@media(max-width:1003px) {
    .H_CP div span u i {
        bottom: 25%;
    }
}

@media(max-width:850px) {
    .List_LiangWen_C {
        width: 100%;
    }
    .CSS_Top_Menu {
        display: none;
    }
    .CSS_M_Menu {
        display: inline;
    }
    .CSS_Top_Logo {
        margin-bottom: 10px;
    }
    /*以上为通用*/
    .Bottom_T_L {
        width: 100%;
    }
    .Bottom_T_L ul li {
        padding-right: 0px;
        padding-left: 35px;
        text-align: left;
        background-position: 5px top;
    }
    .Bottom_T_R {
        display: none;
    }
}

@media(max-width:850px) {
    .Menu {
        display: none;
    }
}

@media(max-width:700px) {
    .S_List_CP_T_Img,
    .S_List_CP_T_Info {
        width: 100%;
    }
    .List_PT ul li A {
        width: 100%;
    }
    .List_PT ul li i,
    .List_PT ul li span {
        display: none;
    }
    .List_RiWen_C {
        width: 100%;
        margin: 0px;
        margin-top: 20px;
    }
    /*以上为通用*/
    .Bottom span {
        display: none;
    }
    .H_CP div {
        width: 50%;
    }
    .H_FA A {
        width: 50%;
    }
    .CSS_Top_Logo {
        width: 280px;
        height: 44px;
    }
    .Bottom_T ul li {
        width: 100%;
    }
    .H_News {
        width: 100%;
        margin: 0px;
        margin-top: 10px;
    }
    .H_CP div span u i {
        bottom: 25%;
    }
}

@media(max-width:400px) {
    .H_CP div span u i {
        bottom: 20%;
    }
}