@charset "UTF-8";
/* CSS Document */
/*

/*Base*/
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,section {margin: 0;padding: 0;}
html,body{

}
body{
    font: 14px/24px "微软雅黑","\5b8b\4f53",Arial,sans-serif;
}
ul{
    list-style-type: none;
}
input,label,img{
    vertical-align:middle;
}

.clear {
    clear: both;
}
.clearfix{
    zoom: 1;
}
.clearfix:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.f-red{
    color:red;
}
.por{
    position: relative;
}
.poa{
    position: absolute;
}
.pof{
    position: fixed;
}
.noselect{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.hide{
    display: none !important;
}
.show{
    display: show !important;
}
.text-center{
    text-align: center;
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    display: block;
}
.text-center{
    vertical-align: center;
}
.text-left{
    vertical-align: left;
}
.text-right{
    vertical-align: right;
}

a{
    outline: none;
    overflow: hidden;
    text-decoration: none;
}
a{
    color: #454545;
}
a:hover{
    color: #999;
}
.pos{
    position: relative;
}
.poa{
    position: absolute;
}
.container{
    width:1200px;
    margin-left: auto;
    margin-right: auto;
}
.w1000{
    width:1000px;
}
.w1150{
    width:1150px;
}
.w50{
    width:50% !important;
}
.pd50{
    padding:50px 0;
}
.mb40{
    margin-bottom:40px;
}
.mb50{
    margin-bottom:50px;
}
.pab50{
    padding-bottom:50px;
}
.mab50{
    margin-bottom:50px;
}

.no-transition{
    -webkit-transition:none !important;
    transition:none !important;
}
.bg{
    background-color: #f3f3f3;
}
hr{
    margin: 5px 0;
    height: 0px;
    overflow: hidden;
}
.img-box-highlight{
    overflow: hidden;
    display: block;
    position: relative;
}
.img-box-highlight:before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    left: -140px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, righttop, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
}
.img-box-highlight:hover:before {
    left: 680px;
    transition: left .6s ease 0s;
}



/*--- 图片 ---*/

body{
    font: 14px/24px "微软雅黑","\5b8b\4f53",Arial,sans-serif;
    overflow-x:hidden;
    position: relative;
}
.mr0{
    margin-right: 0px !important;
}
.ml0{
    margin-left: 0px !important;
}
.mb40{
    margin-bottom:40px !important;
}
.mb50{
    margin-bottom:50px !important;
}
.no-transition{
    transition:none !important;
}
.bg{
    background-color: #f3f3f3;
}
.img-scale{
    transform: scale(1);
    transition: all 0.7s ease-in-out;
}
.img-scale:hover{
    transform: scale(1.1);
}
.img-box-highlight{
    overflow: hidden;
    display: block;
    position: relative;
}
.img-box-highlight:before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    left: -140px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, righttop, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
}
.img-box-highlight:hover:before {
    left: 680px;
    transition: left .6s ease 0s;
}

.wrapper{
    width:1200px;
    margin-left: auto;
    margin-right: auto;

}


.top_line{ height:40px; line-height:40px; color:#666; background-color:#f7f7f7;}
.top_line h2{ float:left; font-weight:normal; font-size:14px; line-height: 40px;}
.top_line ul{ float:right;}
.top_line ul li{ float:left; margin:0 5px; color:#ddd; font-size:12px; overflow:hidden;}
.top_line ul a{ color:#666; font-size:12px;}
.top_line i{ margin-right:5px;}

.header{ height:108px; background-color:#fff;}
.header_bg{ background:url(../bg1.png) center top; height:108px; position:absolute; z-index:10; width:100%;}
.header_box{ position:relative; padding-top:30px; }
.logo{ float:left; margin-top:15px;}
.logo a{ height:77px; line-height:77px; position:relative;  display:block;}
.header .slogan{ float:left; margin-left:20px; padding-left:20px; margin-top:30px; border-left:1px solid #ddd; line-height:30px; font-size:24px; color:#035cac;}
.header .slogan span{ display:block; line-height:18px; font-size:14px; color:#999; margin-top:4px;}
.tel{ width:473px; height:88px; float:right; position:relative; background:url(../img/bg3.png) no-repeat left top; margin-top:10px;}
.tel .p1{ height:40px; line-height:40px; font-size:14px; color:#ddac2b; text-align:center;}
.tel .p1 a{ color:#333;}
.tel .p2{ position:absolute; top:44px; left:55px; line-height:20px; height:20px; font-size:14px; color:#333;}
.tel .p3{ position:absolute; top:30px; left:190px; font-size:32px; line-height:1em; color:#333; letter-spacing:2px;}
.tel .p4{ position:absolute; top:5px; left:190px; font-size:32px; line-height:1em; color:#333; letter-spacing:2px;}

.nav-box{background: #0595de; height: 58px; width: 100%;}
.nav li.main{height:58px; line-height:58px; text-align:center; float:left; position:relative; width: 170px;}
.nav li.main a.main{height:58px; display:block; color:#fff; font-size:16px; padding:0 35px; }
.nav li.main a.main p{line-height:13px; color:#c9c9c9; font-size:12px;}
.nav li.main a.main:hover{text-decoration:none;background: #1f85d7;color:#fff;}
.nav li.main a.main:hover p{color:#c9c9c9;}
.nav li.main div{display:none; text-align:left;  overflow:hidden; position:absolute; top:58px; z-index: 99999; width:100%; }
.nav li.main div a{display:block; height:38px; line-height:38px;padding-left: 15px; color:#fff; font-size:14px; background-color: #087ec4; background-color:rgba(50,130,197,0.9); overflow:hidden;}
.nav li.main div a i{margin-right: 10px; font-weight: normal;}
.nav li.main div a:hover{text-decoration:none; background-color:#1f85d7; background-color:rgba(9,74,93,.8);}

.nav li.on{background:#1f85d7;}
.nav li.on a.main{color:#fff;}
.nav li.on a.main:hover p{color:#fff;}

.header-bg .sub-nav{background-color:#fff;}
.header-bg .sub-nav a{border-color:#999;}

/*--- banner ---*/
.banner{
  margin:0 auto;
    max-width: 1920px;
    position: relative;
    min-width: 1200px;
    height: 450px;
}
.banner .swiper-container{
    width:100%;
    height:100%;
}
.banner .swiper-slide a{
    display: block;
    width:100%;
    height:100%;
}
.banner .swiper-slide{
    width:100%;
}
.swpier-pagination {
    text-align: center;
    position: absolute;
    left:0px;
    bottom: 10px;
    width:100%;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 40px;
    height: 6px;
    border-radius: 10px;
    background: #222;
    margin:0 5px;
    opacity: 0.8;
    cursor: pointer;
}
.swiper-visible-switch {
    background: #aaa;
}
.swiper-active-switch {
    background: #fff;
}
.banner .swiper-btn{
    position: absolute;
    cursor: pointer;
    width:50px;
    height:100px;
    line-height: 100px;
    text-align: center;

    z-index: 100;
    display: block;
    top:50%;
    margin-top:-50px;
    left:5%;
    color:#fff;
}
.banner .swiper-btn .fa{
    line-height: 100px;
    font-size:40px;
}
.banner .swiper-btn.swiper-btn-next{
    right:5%;
    left:auto;
}
.banner-input-box{
    position: absolute;
    margin: 0 auto;
    border-radius: 6px;
    left: 0;
    right: 0;
    bottom: 36px;
    height: 115px;
    width: 960px;
    z-index: 10;
    background:#333;
    background: rgba(51, 51, 51, 0.9);
    padding: 20px 40px 0;
}
.banner-input-head{
    color:#fff;
    line-height: 22px;
    margin-bottom:15px;
}
.banner-input-head b{
    float:left;
    font-size:20px;
    font-weight: normal;
}
.banner-input-head i{
    float:left;
    display: block;
    position: relative;
    font-style: normal;
    margin-left:9px;
    padding-left:6px;
    font-size:14px;
}
.banner-input-head i::before{
    content:"";
    display: block;
    width:1px;
    height:16px;
    position: absolute;
    top:4px;
    left:0px;
    background-color: #ccc;
}
.banner-input-body input{
    display: block;
    float: left;
    border: none;
    font-size: 14px;
    border-radius: 4px;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
}
.banner-input-body input.name{
    width:310px;
}
.banner-input-body input.tel{
    width:390px;
}
.banner-input-body input.button{
    background-color: #ffa31f;
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-right: 0;
    cursor: pointer;
    width: 160px;
}

.m{ width:1200px; margin:0 auto; min-width:1200px; max-width:1200px;}
.mod-1{ padding:40px 0 20px; background-color:#fff;}
.mod-1 .box1{ width:480px; float:left;}
.mod-1 .box2{ width:720px; float:right; padding-top:25px; }

.mod_menu{ list-style:none; padding-left:10px; margin-bottom:50px;}
.mod_menu li{ line-height:30px; height:30px;}
.mod_menu i{ margin-right:5px;}
.mod_menu a{ font-size:20px;  }
.mod_menu a:hover{color:#035cac;}
.mod_1 .grid_left{ width:300px; float:left; padding-top:60px;}
.mod_1 .grid_right{ width:900px; float:right;}
.mod_1_2{background:#f4f4f4 url(../img/bg_3.jpg) no-repeat center bottom;  padding-top:50px; padding-bottom:30px;}

.mod_title{ font-size:30px; line-height:44px; color:#035cac; display:block;}
.mod_slogan{ font-size:20px; line-height:32px; color:#999; display:block;}
.mod_des{font-size:12px; line-height:26px; color:#666; display:block; margin-bottom:49px; width:80%; }
.mod_1 .mod_des{ font-size:14px;}
.mod_line{ display:block; width:80px; height:3px; background-color:#e5e5e5; margin-top:16px; margin-bottom:32px;}
.mod_more{ display:inline-block; padding-right:46px; line-height:32px; font-size:18px; color:#333;background:url(../img/bg_5.png) no-repeat right top;}
.mod_btn{ display:block; width:141px; height:44px; line-height:44px; text-align:center; font-size:14px;color:#fff; float:left;}
.red.mod_btn{ background-color:#e6101a; margin-right:20px;}
.red.mod_btn:hover{ color:#fff;}

.li_port{ list-style:none;}
.li_port li{width:20%; text-align:center; height:80px; line-height:80px; color:#555; font-size:18px; cursor:pointer; float:left;}
.li_port h3{ font-weight:normal;}
.li_port i{  margin-right:10px;}
.li_port span{ }
.li_port li.hover{ background:url(../bg_1.png) no-repeat center top; margin-bottom:-9px; padding-bottom:9px; color:#fff;}
.li_port li.hover a{ color:#fff;}
.li_port li i{ }
.li_port li.hover i{ background-position:center bottom;}

.li_pro{ list-style:none;}
.li_pro li{ width:290px; margin-right:10px; overflow:hidden;  float:left; margin-bottom:11px;}
.li_pro li.n2, .li_pro li.n5, .li_pro li.n8{ margin-right:0px;}
.li_pro li a{ display:block;}
.li_pro li .img{ width:290px; overflow:hidden; font-size:16px;}
.li_pro li p{ line-height:22px; display:block; height:22px; overflow:hidden; margin-top:10px;}
.li_pro li img{transition-duration:500ms; -webkit-transition-duration:500ms; -moz-transition-duration:500ms; }
.li_pro a:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

.mod-1 h3{ }
.mod-1 h3 a{ font-size:24px; color:#0595de; font-weight:normal; line-height:1em;}
.mod-1 .box-line{ margin:10px 0; height:2px; overflow:hidden; width:60px; background-color:#e5e5e5; display:block;}
.mod-1  p{ line-height:30px; overflow:hidden; text-indent:2em; font-size:16px; padding-top:12px;}

.mod-t{ text-align:center; margin-top:40px; margin-bottom:30px;}
.mod-c{  margin-top:30px; margin-bottom:30px;}

.mod_4{ background-color:#fff; height:330px; overflow:hidden; }
.mod_4 .m{border-top:1px solid #e6e6e6; padding-top:50px; }
.mod_4 .grid_left{ float:left; width:680px;}
.mod_4 .grid_right{ float:right; width:480px;}

.grid_title{ height:20px; line-height:20px; margin-bottom:10px; font-size:18px;}

.tab_title{ padding:0 0 15px 10px; border-bottom:1px solid #c0c0c0; margin-bottom:10px;}
.tab_title a{ font-size:16px; font-weight:700; height:16px; line-height:16px; padding-right:25px; border-right:1px solid #c0c0c0; float:left; margin-right:25px; color:#666;}
.tab_title a.last{ border-right:0 none;}
.tab_title a.flex-active, .tab_title a:hover{ color:#035cac;}

.li_news{ }
    .li_news li{ padding:6px 10px 6px 0;}
    .li_news .date{ display:block; width:50px; height:49px; padding:10px 10px 10px 0; background:url(../img/bg_9.gif) no-repeat; float:left; margin-right:15px; color:#fff; text-align:center; }
    .li_news .day{ display:block; width:50px; height:30px; line-height:30px; font-size:22px;  font-style:normal !important;}
    .li_news .year{ display:block; width:50px; height:20px; line-height:20px; font-size:14px;  font-style:normal !important;}
    .li_news a{ font-size:16px; height:24px; line-height:24px; color:#000; font-weight:700; overflow:hidden; display:block;}
    .li_news p{ height:44px; line-height:22px; color:#999; }







.mod-box {
    padding-top: 50px;
}
.mod-head{
    margin-bottom:36px;
    text-align: center;
}
.mod-head h3{
    position: relative;
    filter: alpha(opacity=1);
    opacity: 1;
    font-weight: normal;
    font-size: 42px;
    margin: 0 auto;
    width: 530px;
    height: 42px;
    line-height: 42px;
    margin-top: 15px;
    transition: all 0.5s ease-out;
}
.mod-head h3::before{
    content:"";
    position: absolute;
    display: block;
    top:50%;
    background: #d9d9d9;
    height:1px;
    width:100%;
}
.mod-head h3 span {
    position: relative;
    background-color: #fff;
    z-index: 1;
    padding: 0 58px;
}
.mod-head p{
    margin-top:12px;
    line-height: 15px;
    color:#888;
}

.mod-body{}
.mod-more {
    display: block;
    text-align: center;
    font-size: 16px;
    border-width: 2px;
    margin: 0 auto 20px;
    width: 210px;
    padding:15px 0;
    border-radius: 4px;
    border: 1px solid #90be20;
    color: #90be20;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.mod-more:hover{
    color: #fff;
    background-color: #90be20;
}


.mod-youshi{background: url('../img/youshi.jpg') center top no-repeat; height: 300px; margin-top: 50px;}
#liuchen {
    width: 100%;
    height: 365px;
    margin-top: 50px;
}
.liuchen {
    width: 1180px;
    height: 365px;
    margin: 0 auto;
    background: url('../img/liucheng_bg.jpg') top center no-repeat;
    position: relative;
}
.liuchen .title {
    height: 50px;
    text-align: center;
    font-weight: 100;
    font-size: 24px;
    margin-bottom: 20px;
}
.title a {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    line-height: 40px;
}
.liuchen .title p {
    font-size: 24px;
    color: #333;
    line-height: 34px;
    padding-top: 5px;
}
.liuchen ul {
    padding-left: 120px;
    padding-top: 0px;
}
.liuchen ul li {
    font-size: 18px;
    color: #333;
    float: left;
    line-height: 134px;
    margin-left: 99px;
    width: 100px;
    position: relative;
}
.lc2 {
    left: -4px;
}
.lc3 {
    left: -8px;
}
.lc4 {
    left: -12px;
}
.lc5 {
    left: -12px;
}
.lc6 {
    top: -18px;
    left: 96px;
}
.lc7 {
    top: -18px;
    left: 96px;
}
.lc8 {
    top: -18px;
    left: 90px;
}
.lc9 {
    top: -18px;
    left: 90px;
}

.c5bottom_nav{ margin-top: 30px; margin-left: 30px; }
.c5_nav li {
        float: left;
        width: 290px;
        height: 85px;
        margin-right: 2px;
    }
    
    .c5_nav li:first-child {
        background: url('../img/c5_bottom1.png') no-repeat 40px center #373838;
    }
    
    .c5_nav li:first-child:hover {
        background: url('../img/c5_bottom1.png') no-repeat 40px center #2383cf;
    }
    
    .c5_nav li:nth-child(2) {
        background: url('../img/c5_bottom2.png') no-repeat 40px center #373838;
    }
    
    .c5_nav li:nth-child(2):hover {
        background: url('../img/c5_bottom2.png') no-repeat 40px center #2383cf;
    }
    
    .c5_nav li:nth-child(3) {
        background: url('../img/c5_bottom3.png') no-repeat 25px center #373838;
    }
    
    .c5_nav li:nth-child(3):hover {
        background: url('../img/c5_bottom3.png') no-repeat 25px center #2383cf;
    }
    
    .c5_nav li:nth-child(4) {
        background: url('../img/c5_bottom4.png') no-repeat 25px center #373838;
    }
    
    .c5_nav li:nth-child(4):hover {
        background: url('../img/c5_bottom4.png') no-repeat 25px center #2383cf;
    }
    
    .c5_nav li a {
        display: block;
        text-align: center;
        height: 85px;
        line-height: 85px;
        color: #fff;
        font: 600 18px/85px;
    }
.yzys_title {
    background: url('../img/ys_title.jpg') no-repeat top center;
    height: 120px;
    margin-top: 31px;
}
.main1 {
    width: 1180px;
    margin: 0 auto;
}
.re {
    position: relative;
}
.tedian {
    margin-top: 10px;
    float: left;
}
.tedian_n {
    float: left;
    width: 542px;
    margin: 20px 0px 0px 50px;
    background: url('../img/tediansz.jpg') no-repeat 0 20px;
    height: 310px;
    padding-left: 80px;
    padding-top: 20px;
}
.tedian_n div {
    margin-bottom: 20px;
}
.tedian_n h4 {
    font-weight: bold;
    font-size: 20px;
    color: #3d3d3d;
}
.tedian_n p {
    font-size: 14px;
    color: #3d3d3d;
    line-height: 30px;
    margin-top: 4px;
}
.tedian_n span {
    color: #ff9503;
}
.tedian_n div {
    margin-bottom: 20px;
}
.tedian_n h4 {
    font-weight: bold;
    font-size: 20px;
    color: #3d3d3d;
}
.tedian_n p {
    font-size: 14px;
    color: #3d3d3d;
    line-height: 30px;
    margin-top: 4px;
}
.yzys_tel {
    position: absolute;
    top: 380px;
    left: 560px;
    width: 600px;
}
.yzys_tel p {
    display: block;
    font-size: 14px;
    color: #404040;
    background: url('../img/tel1.jpg') no-repeat left 1px;
    float: left;
    padding-left: 70px;
    height: 50px;
}
.yzys_tel span {
    font-family: impact;
    font-size: 30px;
    color: #ff9503;
    line-height: 50px;
}

.yzys_zi1 {
    top: 10px;
    font-size: 24px;
    color: #313131;
    left: 196px;
}
.yzys_title div div {
    position: absolute;
}
.yzys_zi2 {
    top: 63px;
    font-size: 30px;
    color: #FFF;
    left: 146px;
    font-weight: bold;
    margin-left: -77px;
}
.yzys_zi3 {
    top: 22px;
    font-size: 40px;
    color: #FFF;
    left: 563px;
    font-weight: bold;
}
.mod-news{background-color:#efedee; padding:30px 0;}
.box2 .mt { height:63px; line-height:63px;}
.box2 .mt h3{ float:left; width:200px;}
.box2 .mt .more{ float:right; width:80px;  height:24px; line-height:24px; background-color:#0099cb; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-top:30px;}
.box2 .mt .more a{ color:#fff;}
.box2 .mc{ margin-top:20px;}
.hr{ padding:20px 0; border-bottom:1px #bbb dashed;width: 600px; float: left;}
.hr .tu {width: 80px;
height: 80px;
float: left;
background: #03b2dd;
color: #fff;
text-align: center;}
.hr .tu h2{ font-weight:normal; font-size:36px;line-height: 50px;}
.hr .tu:hover{ background-color:#fea901;}
.blue{background-color:#0099cb; padding:40px 0;}
/* 首页 */
.mod-3{

}
.li-service{ 
    margin-right: -20px;
 }
.li-service li{
    width:226px;
    float:left;
    display: inline-block;
    margin-right: 10px;
}
.li-service li a{
    display: block;
    background-color: #efefef;
}
.li-service li a:hover{
    background-color: #ec0b10;
    color: #fff;
}
.li-service li a:hover span{
    color: #fff;
}
.li-service li img{
    vertical-align: top;
    margin-bottom: 16px;
    width: 260px;
    height: 136px;
}
.li-service li p{
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
    text-align: center;
}
.li-service li span{
    display: block;
    height: 160px;
    padding-left:15px;
    padding-right:15px;  
    color: #999;
    line-height: 1.8;
}

.mod-4{

}

.li-case{
    margin-right:-20px;
}
.li-case li{

    width:285px;
    margin-right:20px;
    float:left;
    margin-bottom:20px;
    overflow: hidden;
}
.li-case li a{
    border:1px solid #ccc;
    box-sizing: border-box;
    height:100%;
    width:100%;
    display: block;
}
.li-case li img{

    vertical-align: top;
}
.li-case li a p{
    width:100%;
    color: #333;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
}
.li-case li dl{
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.3s ease-out;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    text-align: center;
    background-color: #fff;
    background-color: rgba(255,255,255,.8);

    color:#333;
}
.li-case li a:hover dl{
    filter: alpha(opacity=100);
    opacity: 1;

}
.li-case li dt{
    width:100%;
    position: relative;
    top:50%;
    margin-top:-30px;
    line-height:30px;
    font-size:24px;
}
.li-case li dd{
    position: relative;
    width:100%;
    top:50%;
    line-height: 20px;
    padding-top:10px;
}
.li-case li dd .fa{
    margin: 0 5px;
}
.li-case li.n1{
    height:510px;
}
.li-case li.n2{
    height:300px;
}
.li-case li.n3,
.li-case li.n4{
    height:190px;
    width:285px;
}



.mod-aboutus .aboutus-body-left,
.mod-aboutus .aboutus-body-right{
    width:590px;
}



.aboutus-content{
    background: #ededed;
    padding:25px;
    margin-bottom:18px;
}
.aboutus-content p{ line-height: 1.8; padding-bottom: 18px; }
.aboutus-content:hover{
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}


.mod-news{}
.mod-news-content{ width: 380px; margin-right: 30px; float: left;  }
.mod-news-content h3{ line-height: 40px; }
.li-news li{ line-height: 30px; }
.li-news span{float: right; color: #676767;}

/*----LINK----*/

.mod-link{
    padding-top:30px;
    padding-bottom:50px;

}
.mod-link dt,
.mod-link dd{
    float:left;
}
.mod-link dd{
    margin-left:10px;
}
.mod-link dt h4{
    color:#ffa31f;
    font-size:30px;
    float:left;
}
.mod-link dt p{
    height: 26px;
    width:90px;
    background-color: #ffa31f;
    color:#fff;
    text-align: center;
    float:left;
    margin-left:5px;
}
.mod-link dd a{
    margin:0 10px;
}



/* Index Title */
.index-tit {
  padding: 40px 0 35px 0;
}
.index-tit h3 {
  margin-bottom: 10px;
  font-size: 30px;
  color: #40aae3;
  text-align:center;
}
.index-tit h4 {
  font-size: 18px;
  font-weight:normal;
  color: #cacace;
  text-transform: uppercase;
  font-family: Arial;
  text-align:center;
}
.index-tit h4 span {
  color: #e4392a;
}

.index-tit-na {
  border-bottom: 1px solid #e8e8e8;
  height: 36px;
}
.index-tit-na p {
  line-height: 30px;
  padding-right: 10px;
}

.about-box{ padding:46px 0;}
.about-box dl dt{width:590px; float:left;}
.about-box dl dd{ float:left; width:580px; background-color:#f5f5f5; height:400px;}
.about-box dl dd .cont{ padding:30px;}
.about-box h3 a{font-size:20px; color:#73a600; line-height:36px; }
.about-box p{margin-top:5px; font-size:14px; color:#6f6f6f; line-height:32px;}
.hr .tu h2{ font-weight:normal; font-size:36px;line-height: 50px;}
.hr .tu:hover{ background-color:#fea901;}

.product-box{width:100%;background-color: #f4f5f9; text-align:center; padding-bottom:30px;}
.product-box .index-tit{padding: 40px 0 35px 0;}
.product-box .content-box .mn{height:728px;margin-top:30px;padding-bottom:22px;}
.youshi-box{ padding:30px 0;}
.picMarquee-left{overflow:hidden; position:relative; }
.ppp{ float:left; margin-top:20px;}

.pro-list li{ width:300px;*width:300px; text-align:center; padding-bottom:12px; float:left; margin:0px 8px;}
.pro-list li div.img-box{ width:300px; height:200px; text-align:center;}
.pro-list li div.img-box a{ width:300px; height:200px; display:block; padding-top:13px; padding-left:13px;}
.pro-list li p {width:300px;height: 40px;line-height:40px;text-align: center;margin:0 auto;margin-top:10px;font-size:16px;}
.fenlei-list{ margin-top:30px; height:67px;}
.fenlei-list li{width:350px;height:67px;float:left;margin:0 8px;margin-bottom:20px;text-align:center;line-height:67px;font-size:18px; background-color:#fff;}
.product-more {
  padding-bottom: 30px;
}
.product-more a {
  display: block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  width: 150px;
  margin: 0 auto;
  background: #73a600;
  color:#fff;
}
.product-more a:hover {
  background: #ff3366;
  color: #fff;
}


.section-bg {
	width: 236px;

	float: left;
}


.section-bg img {
	filter: brightness(80%);
}

.section-bg h2 { text-align:center; line-height:40px; padding-bottom:30px;
}

.section-bg h2 a {
	color: white;
}

.section-bg p {
	position: absolute;
	top: 50%;
	left: 40px;
	color: #999a9c;
}

.section-bg p a {
	color: #999a9c;
}

.section-bg:hover {
	filter: brightness(110%);
}

.section-bg:hover h2 {
	z-index: 1;
	color: 73a600;
}



.section-bg img:hover {
	filter: brightness(100%);
}


.

.picMarquee{overflow:hidden; position:relative; margin: 30px auto 0 auto;}
.picMarquee .prev,.picMarquee .next{ display:block;  width:27px; height:51px; margin-top:80px;  overflow:hidden;cursor:pointer; filter:alpha(opacity=80);opacity:0.8;}
.picMarquee .prev{ float:right;background:url(../images/zhixiang/right.png) no-repeat;}
.picMarquee .next{ float:left; background:url(../images/zhixiang/left.png) no-repeat;  }
.picMarquee .prevStop{ background-position:-60px 0; }
.picMarquee .nextStop{ background-position:-60px -50px; }

.picMarquee .bd{ width:1240px; float:left; padding:0px 12px;}
.picMarquee .bd li{height:260px;width:300px;text-align:center; margin:5px 7px;}
.picMarquee .bd li p{ line-height:30px; font-size:16px; color:#222; background-color:#fff;}


.gray{ background-color:#f5f6f7; padding:20px 0;}


/*---- 模块 ----*/


.m .mt{height:60px;text-align:center; line-height:60px; font-size:22px; background-color:#239aff; color:#fff;}
.li-cat li{height:50px; line-height:50px;    border-top: 1px solid #f9f9f9;border-bottom: 1px solid #ddd;font-size:16px; text-align:right;}
.li-cat li a{height:50px;color:#555;display:block;text-decoration:none; text-align:center;}
.li-cat li a:hover{ background-color: #ff0033; color:#fff;}
.contact .mc p{ padding-left:20px; line-height:36px;}

/*---- page ---- */
#pages {
    width:100%;
    margin-top:30px;
    text-align: center;
}
#pages ul{
    display: inline-block;
}
#pages li {
    display: inline;
}
#pages li a,
#pages li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
#pages li:first-child a,
#pages li:first-child span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
#pages li:last-child a,
#pages li:last-child span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
#pages li a:hover,
#pages li a:focus,
#pages li span:hover,
#pages li span:focus {
    z-index: 2;
    color: #ca0822;
    background-color: #eeeeee;
    border-color: #ddd;
}
#pages .active a,
#pages .active a:hover,
#pages .active a:focus,
#pages .active span,
#pages .active span:hover,
#pages .active span:focus {
    z-index: 3;
    color: #fff;
    background-color: #162638;
    border-color: #162638;
    cursor: default;
}
#pages .disabled span,
#pages .disabled span:hover,
#pages .disabled span:focus,
#pages .disabled a,
#pages .disabled a:hover,
#pages .disabled a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

/* 当前位置 */


.breadcrumb{line-height:60px; font-size: 14px;color: #454545;}
.breadcrumb .fa {font-size: 16px;margin-right: 5px;}
.font-blue {color: #3598dc!important;}
.breadcrumb a{ color:#454545;}

/*----box----*/
.wraper-box{padding-bottom:50px;background: #eff3f8;}
.sider-box{ width:240px; float:left; background:#fff; padding-bottom:30px;border-radius: 10px;}
.main-box{ width: 1160px; background-color: #fff; padding:20px;border-radius: 10px; }

.main-box2{ width: 900px; background:#fff; padding-right:20px; padding-left:20px;border-radius: 10px;}
.asidenone .article{ margin:0px; padding:20px;}
.wraper .article_head{ padding-left:15px; height:60px; line-height:60px; font-size:20px; border-bottom:1px solid #ddd; overflow:hidden;}
.wraper .article_head h1{font-weight:normal; font-size:20px; font-weight:normal; }


.sub_nav h3{line-height:72px; margin-left: 30px; font-size:24px; color:#0595de; width:181px; border-bottom:1px solid #0595de; margin-bottom:18px; font-weight:normal; }
.sub_nav ul{margin-left: 30px; width: 181px;}
.sub_nav li{ margin-bottom: 1px; }
.sub_nav li a{ padding-left: 10px; line-height:40px;display: block; border-bottom:1px solid #ddd; color: #333; font-size: 16px;}
.sub_nav li a:hover,.sub_nav li.active{ background-color:#00afe8;}
.sub_nav li a:hover,.sub_nav li.active a{color:#fff; }



/* footer style */
.footer{ padding:28px 0 15px; background-color:#545454; border-top:1px solid #444; color:#eee; }
.footer .f-info{ width:538px; border-right:1px solid #444; float:left;}
.footer .f-nav{ float:right; padding-top:20px;}
.footer .dt-qrcode{ float:right; margin-right:100px;}
.footer-cont{ float:left; line-height:36px; margin-left:100px; text-align:left; padding-top:15px; width:600px;}

.f-nav dl{ float:left; width:120px; margin-left:40px;}
.f-nav dl:first-child{ margin-left:0px;}
.f-nav dt{ font-size:16px; color:#eee; line-height:2; margin-bottom:20px;}
.f-nav dt a{color:#eee;}
.f-nav dd a{ width:100%; font-size:13px; display:block; color:#eee; line-height:2;}
.f-nav dd a:hover{ color:#0595de;}

.dt-qrcode{ padding:5px; background-color:#fff;}
.dt-qrcode dd{ text-align:center; font-size:18px; color:#3399FF; font-weight:bold; padding:10px 0; }
.dl-tel { padding-left:80px;}
.dl-tel dt{line-height:40px; font-size:16px;}
.dl-tel dd{ line-height:30px; font-size:26px; font-weight:bold; color:#0595de; }

.copyright{border-top: 1px solid #444;height:38px; line-height:38px; padding-top:10px; color:#eee; text-align:center;    margin-top:10px; }
.copyright .p1{ float:left;}
.copyright .p1 a{ color:#eee; margin-right:10px;}
.copyright .line{ width:35px; text-align:center; display:inline-block; font-size:12px;}
.copyright .p2{ float:right;}
.copyright .p2:hover{ color:#0595de;}
.copyright a:hover{ color:#0595de;}

/* Scroll Top */
.scroll-to-top {
  padding: 2px;
  text-align: center;
  position: fixed;
  z-index: 10001;
  bottom: 5px;
  display: none;
  right: 20px; }
  .scroll-to-top > i {
    display: inline-block;
    font-size: 32px;
    opacity: 0.7 ;
    filter: alpha(opacity=70) ; }
  .scroll-to-top:hover {
    cursor: pointer; }
    .scroll-to-top:hover > i {
      opacity: 1 ;
      filter: alpha(opacity=100) ; 
}
/*---- 图片列表页 ----*/
.wrapper-mt{
    margin-top:30px;
}
.li-item-img{
    margin-left: 15px;
    margin-top:30px;
}
.li-item-img li{
    float: left;
    overflow: hidden;
    width: 270px;
    margin:0 13px 25px 12px;
    transition: all 0.3s ease-out;
}
.li-item-img li img{
    vertical-align: top;
}
.li-item-img li:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.li-item-img .list-inner{
    border: 1px solid #f3f3f3;
}
.li-item-img .list-thumb{
    display: block;
    height:180px;
    overflow: hidden;
}
.li-item-img .list-info{
    height: 30px;
    padding:5px 20px;
    position: relative;
}
.li-item-img .list-info h4{
    display: block;
    line-height: 30px;
    height:30px;
 
    font-weight: normal;
}
.li-item-img .list-info label{
    display: block;
    margin-top:4px;
    line-height: 16px;
    height:16px;
    color:#999;
}
.li-item-img .list-info i{
    font-style: normal;
    display: block;
    position: absolute;
    color: #fff;
    background-color: #ffa31f !important;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    display: none;
    bottom: 10px;
    right: 10px;
    width: 50px;
    line-height: 20px;
    padding:5px 0;
    z-index: 10;
}
.li-item-img li:hover .list-info i {
    display: block;
}
/*---- 产品列表 ----*/
.img_box{position: relative; width:100%; height:100%; overflow:hidden;}
.li_product li{margin:0 0.5% 33px 0.5%; width:32%; float:left;}
.li_product .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/custom/pro_mask.png) center center no-repeat;display:none;}
.li_product .tit_box{background-color:#f4f4f4; color:#595757; font-size:13px;}
.li_product .tit_box .pd{padding:25px 35px 20px;}
.li_product .tit_box .pd ._t{height:44px; position:relative; margin-bottom:15px;font-size:16px; line-height:42px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.li_product .tit_box .pd .line{width:0;height:1px; background-color:#fff;}
.li_product a:hover .tit_box .line{width:100%;}
.li_product a{display:block;}
.li_product a:hover .mask{display:block;}
.li_product a:hover .tit_box{background-color:#ee1c25; color:#fff; }

/*---- 新闻列表 ----*/
.li-item-news li{padding:15px;display:inline-block; border-bottom: 1px  dotted #ddd;}
.li-item-news ._img{float:left;width: 15%;margin-right:2%;}
.li-item-news ._img img{height:100%;}
.li-item-news ._t{font-size:18px;margin-bottom:8px;color:#555;}
.li-item-news ._p{line-height:1.5;overflow:hidden;color:#999; font-size:14px;}
.li-item-news ._i{overflow:hidden;*zoom:1;margin-top: 25px;}
.li-item-news ._foot {padding-top: 10px;text-align: right; }
.li-item-news li:hover ._t{color:#006ab8;}
.li-item-news li:hover ._i ._more{background-color:#0267b2;}
.li-item-news li:hover .data{color:#006ab8;}
.li-item-news li:hover .data .day,.li-item-news li:hover .data .month{color:#006ab8;}
.li-item-news li:hover{ background-color:#f3f6f8;}

/*通用栏目标题*/

.morepic{ text-align: center; margin-bottom: 20px; }
.morepic li{display: inline-block;margin-right: 10px;margin-top: 10px;cursor: pointer; width: 70px; height: 70px;}
.morepic li img{opacity: .9}

/*正常内容页*/
#Article{overflow:hidden; font-family:"微软雅黑"; color:#555; padding: 15px 25px;}
#Article h1{color:#000;font:800 26px/30px "微软雅黑",arial;margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px solid #e5e5e5}
#Article h1 span{ font-size:12px; font-weight:normal; line-height:20px; color:#999}
#Article .content{ font-size:16px}
#Article .content p{line-height:2.0;text-align:justify;word-wrap:break-word; padding-bottom:15px;overflow-wrap: break-word;word-wrap: break-word;}

#Article .pagination{ padding:10px 0; border-top:1px solid #ddd;}
#Article .pagination p{ margin: 5px 0;}
#Article .pagination p a{cursor: pointer;color: #337ab7;}

.related-news{ border-top:1px solid #ddd; padding-top:10px; margin-top:10px;}
.related-news h3{ line-height:40px;}
.related-news li{ width:45%; line-height:32px; float:left; margin:0 10px;border-bottom:1px dotted #ddd;background:url(../images/zixiang/li_dot.png) left center no-repeat; }
.related-news li a{ padding-left:15px;}


/*留言板*/
.formDetail .formDetail-head h1 {
  font-size: 24px;
  border-bottom: 1px solid #dddddd;
  line-height: 46px;
  font-weight: normal;
}
.formDetail .formDetail-head h1,
.formDetail .formDetail-head p {
  padding-left: 12px;
}
.formDetail-body {
  padding: 30px 12px 85px;
}
.formDetail-body .form-group {
  margin-bottom: 10px;
}
.formDetail-body .form-group .col-md-2 {
  float: left;
  width: 80px;
  text-align: right;
  padding-right: 15px;
  line-height: 50px;
  display: block;
}
.formDetail-body .form-group select,
.formDetail-body .form-group input,
.formDetail-body .form-group textarea {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  padding: 10px 8px;
  line-height: 30px;
  vertical-align: top;
  box-sizing: border-box;
}
.formDetail-body .form-group select,
.formDetail-body .form-group input {
  height: 50px;
  width: 260px;
}
.formDetail-body .form-group select {
  height: 50px;
  width: 260px;
}
.formDetail-body .form-group textarea {
  width: 770px;
  height: 200px;
}
.formDetail-body .form-group span {
  margin-left: 6px;
  font-style: normal;
  font-size: 12px;
  color: #ffa31f;
  line-height: 50px;
}

.formDetail-body .form-group button {
  border: 0;
  width: 258px;
  height: 55px;
  border-radius: 3px;
  background-color: #ffa31f !important;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.formDetail-body .form-group button:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* Kefu */
.lx-info{ float:left; width:360px; border:1px solid #ddd; background-color:#f8f8f8; padding:10px 15px;}
.lx-ditu{ float:right; width:800px}

/* single-page */

.protit{ line-height:60px; border-bottom:1px solid #DDD; color:#565656;padding-bottom: 6px; padding-left: 15px;}
.protit h3 { font-size: 20px;color: #222; font-weight: normal;}
.single-page-content{ font-size: 16px; line-height: 2em; padding: 20px 10px;}
.single-page-content p{text-align:justify;word-wrap:break-word; padding-bottom: 10px;}
.single-page-content hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.page-head{
    background:url('../image/i-line.png') repeat-x left center;
    text-align: center;
    margin-bottom:40px;

}
.page-head h1{
    display: inline-block;
    padding:0 100px;
    background: #fff;
    font-size:40px;
    line-height: 40px;
    font-weight: normal;
}

.uni_column_tit1 .col_tit{ padding-bottom:15px; font-size:36px; color:#393939; }
.uni_column_tit1 .col_desc { font-size:14px; color:#82807f; }
.page-container{}


.btn {
    display: inline-block;
    background-color: #e1e5ec;
    color:#333;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    border:0 none;
}

.btn.green{
    color: #FFF;
    background-color: #32c5d2;
    border-color: #32c5d2;
}