@charset "utf-8";
body {  margin:0; padding:0; font-family: "微软雅黑";  font-weight: normal;}
body::-webkit-scrollbar { width: 5px; height: 10px; background-color:rgba(0,0,0,0.1); }
body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color:rgba(0,0,0,.2);
}
ul,li,dl,dt,dd { list-style:none; margin:0px; padding:0px;}
img { border:none; padding: 0px; margin: 0px; display: block;}
h1,h2,h3,h4 { margin:0px; padding:0; font-weight:bold;}
p { padding:0px; margin:0;}
a { text-decoration:none;  color: #000000;}
a:hover { color: #13489d;}
.language{ position: absolute; right: 0px; top:5px; color: #fff !important; display: block;}
.language a{ float: left; color: #fff !important; font-size: 15px;}
/*新增*/
.history { width:80%; margin:0 auto;}
.historyleft{ width:25%; float:left; min-height:1px;}
.historyright{ width:75%; float:left; min-height:1px;}
.history ul{
    width: 100%;
    background: #fff;
    padding: 30px 0;
    overflow: visible;
}
.history ul li{
    margin: 5px 0;
    padding: 5px;
    transition: all 0.3s cubic-bezier(0.55,0,0.1,1);
    
}
.p_dataSource {
    overflow: hidden;
    padding-top: 20px;
    margin: 20px 0;
}
.p_dataSource>li {
    display: inline-block;
    margin-right: 20px;
}
.p_dataSource>li:last-child {
    float: right;
}
.p_PrevAndNext {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}
.p_previewBox {
    float: left;
    width: 50%;
}
.p_nextBox {
    float: right;
    width: 50%;
    text-align: right;
}
.history ul li:hover {
    box-shadow: rgb(0 0 0 / 19%) 0px 10px 30px 0px;
    -webkit-transform: translate3d(0px,-2px,0px);
    transform: translate3d(0px,-2px,0px);
    transition: All 0.3s ease;
    cursor:pointer;
    z-index: 10;
}
.history ul li div .title {
    position: relative;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    padding: 5px 20px;
    font-size: 1.2rem;
    color: #f18e26;
}
.history ul li div .title::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
    display: block;
    width: 10px;
    height: 10px;
    border: 4px solid #f18e26;
    border-radius: 50%;
}
.history ul li div .newMs {
    padding: 0 20px;
    line-height: 1.8;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    border-left: 2px solid rgba(67,67,67,.75);
}
.history ul li div .newMs p{font-size: 1rem;    color: #595959;}
.history ul li:nth-child(even){
    background-color: rgba(130,130,130,0.1);
}
/*客服*/
 .floatBox {
    position: fixed;
    right: -10px;
    bottom: 60px;
    top: auto;
    z-index: 50;
    width: 87px;
}
.floatLi {
    position: relative;
    left: 0;
    display: flex;
    width: auto;
    height: 57px;
    margin-bottom: 1px;
    line-height: 27px;
    text-align: center;
    overflow: hidden;
    transition: all 0.5s ease;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

    
    .color_horizon {
    color: #fff;
}

.p_SummaryBox {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    min-height: 68px;
    text-align: left;
    height: auto;
    padding: 10px;
    background: rgba(0, 0, 0, .6);
}
.e_title { font-size:18px !important; line-height:64px;}
.p_articlesTitle {
    display: block;
    margin-top: 20px;
    line-height: 40px;
    background: #f5f5f5;
}
.pagecontent{ padding-top:20px;}
.p_articlesTitle .font {
    text-indent: 1em;
    font-size: 18px;
    font-weight: 900;
    color: #333;
}
.floatLi3 {
    position: relative;
    left: 0;
    display: flex;
    width: 300px;
    height: 57px;
    margin-bottom: 1px;
    line-height: 27px;
    text-align: center;
    overflow: hidden;
    transition: all 0.5s ease;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.floatLi:hover {
    left: -10px;
}
.floatLi:hover a{ color:#fff !important;}
.hywx:hover {
    overflow: visible !important;
    height: auto !important;
    border-radius: 5px !important;
}
.floatLi3:hover {
    left: -194px;
}
.alink {
    display: inline-block;
    width: 87px;
    height: 100%;
    padding: 30px 0 0 0;
    color: #fff;
    font-size: 0.75rem;
}
.hywx img {
    position: absolute;
    left: -110px;
    top: 0;
    width:100px;
}
.floatTel2 {
    display: block;
    z-index: 1;
    width: 184px;
    height: 57px;
    font: 24px/57px Arial;
    color: #fff;
    background: #f14702;
    cursor: pointer;
}
.floatSh {
    background: url(../images/zjkfbj.png) no-repeat center 10px rgba(241,142,38,.7);
}
.floatQQ {
    background: url(../images/zjkfqq.png) no-repeat center 10px rgba(241,142,38,.7);
}
.floatwx {
    background: url(../images/kefuwei1.png) no-repeat center 10px rgba(241,142,38,.7);
}
.floatTel {
    background: url(../images/ketel3.png) no-repeat center 10px rgba(241,142,38,.7);
}
.floatTop {
    background: url(../images/ketop4.png) no-repeat center 10px rgba(241,142,38,.7);
}
.navbar{ width: 100%; padding-top: 15px; padding-bottom: 15px; border-bottom:1px solid #aaa ;}
.navbars li{float: left;padding: 10px; border-bottom: 2px solid #fff; margin-left: 5px; margin-right: 5px;}
.navbars li:hover,.navbarli{ border-bottom:2px solid #115baa !important;} 
.navbars li a:hover , .navbarli a{ display: block; color: #115baa;} 
.pagecontent h2{margin: 20px 0;text-align: center;padding-bottom: 20px; font-size:28px; font-weight:500 !important; color:#262626;border-bottom: 1px solid #e8e8e8;}
.pagecontent img{ display:inline-block; text-align:center;}

.msgcontent ul li{ width:100%; float:left; margin-top:30px;}
.msgcontent ul li textarea{ width:99%; height:160px; border:1px solid #ccc; color:#7b7b7b; border-radius:4px; padding:6px;}
.msgcontent ul li input{ width:31%;float:left; padding-left:6px; margin-left:2%;line-height:30px; border:1px solid #ccc; color:#7b7b7b; border-radius:4px;}
.msgcontent button{ width:100%; float:left; margin-top:30px;     font-size: 18px;text-transform: uppercase;background: #115baa;border: 1px solid #115baa;transition: 0.2s; color:#fff;border-radius:4px; line-height:40px;}

.paymsgcontent ul li{ width:100%; float:left; margin-top:30px;}
.paymsgcontent ul li label{ width:20%; float:left; text-align:right;}
.paymsgcontent ul li label span{color:red;}
.paymsgcontent ul li textarea{ width:60%; margin-left:2%; float:left; height:160px; border:1px solid #ccc; color:#7b7b7b; border-radius:4px; padding:6px;}
.paymsgcontent ul li input{ width:31%;float:left; margin-left:2%; padding-left:6px;line-height:30px; border:1px solid #ccc; color:#7b7b7b; border-radius:4px;}
.paymsgcontent button{ width:10%; float:left; margin-left:22%; margin-top:30px;     font-size: 14px;color: #fff;background-color: #1890ff;border: 1px solid #329cff;transition: 0.2s; border-radius:4px; line-height:35px;}

/*环保政策*/
.news_ul li{width:100%; float:left; border-bottom: 1px dashed #d9d9d9;padding: 30px 20px;}
.news_ul li a{ width:70%; float:left; font-size: 18px;color: #000;font-weight: bold;}
.news_ul li .hbzctime{width: 27%;display: inline-block;float: right; padding-right:2.5%; text-align:right;}
.news_ul li p{width: 100%;display: inline-block;float: left; margin-top:30px; font-size:14px;}
table{border-color: grey;}
/*资料中心*/
.ziliao_ul{ margin-top:30px;}
.ziliao_ul li{position: relative;padding: 10px;float: left;width: calc((100% - 40px)/1.01);margin: 20px;border: 1px solid #d9d9d9; text-align:center;}
.ziliao_ul li:hover{background: #e5f7ff !important;}
.dbtn{ position:absolute;right: 20px;bottom: 20px;border: 1px solid #ccc; white-space: nowrap; padding: 6px 12px;font-size: 14px;line-height: 1.42857143; border-radius: 4px; cursor: pointer;}
.dbtn:hover{background: #1890ff !important; color:#fff !important;}
.zlzxtime{float: left;width: calc((100% - 20px)/1.01); margin-top:10px; font-size:14px;}
/*常见问题*/
.wenti{ margin-top:40px;}
.wenti li{float: left;width: calc((100% - 40px)/1.01);margin: 10px;}
.wenti li .wen{position: relative;float: left;width:100%;background:#bce8f1;border: 1px solid #bce8f1; color: #31708f; background-color: #d9edf7;padding: 10px 15px;border-bottom: 1px solid #bce8f1;border-radius: 3px;}
.wenti li em{display: inline-table;vertical-align: middle; margin: 0; padding: 0;font-size: 13px; width: auto;height: 20px;background-color: rgba(237, 90, 90, 1);text-align: center;color: rgba(255, 255, 255, 1);word-break: break-all; white-space: normal;  padding: 0 5px;font-style: normal; float:left;}
.wenti li .wttitle{ float:left;  width:65%; margin-left:2%;}
.wenti li .contents{width:100%; float:left;position:relative;padding:40px 15px;border: 1px solid #bce8f1;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px; display:none;}
.contents em{background-color: rgba(0, 102, 0, 1) !important;}
.wttime{float: right !important;width:20%; margin-top:10px; font-size:14px; display:contents; text-align:left;}
.newslist{ margin-top:3rem;}
.newslist li:first-child {
    width: 97%;
    margin-bottom: 2%;
    margin-left: 1%;
    padding: 20px;
    background: #fff;
}
.newslist li:first-child a {
    font-size: 0px;
    background: none;
    padding-bottom: 0px;
    position: relative;
    z-index: 0;
}
.newslist li:first-child  .tit:before {
    width: 15px;
    height: 3px;
    display: inline-block;
    vertical-align: middle;
    background: #f18e26;
    margin-right: 15px;
    content: '';
}
.newslist li:first-child .img {box-shadow: 10px 10px 45px 0 rgb(0 0 0 / 0%);
    width: 39%;
    height: auto;
    max-height: 355px;
    display: inline-block;
    vertical-align: middle; 
}
.newslist li:first-child a .newnr {
    width: 54%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5%;
    margin-top: 0px;
}
.newslist li:first-child a .newnr p {
    line-height: 26px;
    max-height: 84px;
    margin-left: 30px;
}


.newslist li a .newnr   p {
    transition: 0.3s ease 0s;
    margin-top: 5%;
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    max-height: 65px;
}
.newslist li:first-child a .newnr .i-a {
    margin-left: 30px;
    margin-top: 6%;
    transition: 0.3s ease 0s;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff !important;
}
.newslist li  .i-a>* {
    transition: 0.3s ease 0s;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff !important;
    
}
.newslist li a .i-a {
    z-index: 0;
    margin: 0 auto;
    font-size: 0px;
    position: relative;
    line-height: 50px;
    width: 165px;
    height: 50px;
    display: block;
    color: #fff !important;
    background: #13489d;
    text-align: center;
    transition: 0.4s;
}

.newslist li { font-size: 14px;
    display: inline-block;
    vertical-align: top;
    width: 29%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 10px;
    background: #fff;
    margin-bottom: 2%;
    border-radius: 5px;
    transition: 0.4s;}
.newslist li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff;}
.newslist li .img {    max-height: 290px;
    overflow: hidden;
    height: 15vw;
}
.newslist li a {
    transition: 0.3s ease 0s;
    background: #fff;
    display: block;
    width: 100%;
    padding-bottom: 8%;}
.newslist .newnr {
    margin: 8% auto 0;
    width: 90%;
}
.newslist li a .tit { display: block; font-size: 17px;  box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.desc{ display: block; font-size: 17px; line-height: 35px; padding-left :15px; margin-bottom: 30px; padding-right:15px; box-sizing: border-box; word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 5px;
    
}
.newslist li img {
transition: 0.5s linear 0s;
    width: 100%;
}
.newslist li:hover img {
    
    transform: scale(1.2);
}
.newslist li:hover .tit {
    color: #f18e26;
}
.newslist li:hover .i-a  {
    background: #f18e26;
}
.newslist li:hover{ box-shadow: 0px 0px 10px rgba(36,91,170,.3);}
    
/*public*/
.header_re { width: 100%; height: 65px; display: none; background: #000000;}
.header_bg { width: 100%; height: 90px; display: block; background:rgba(0,0,0,.8); position: fixed; z-index: 9999999; top: 0; left: 0;}
.header_wd { width: 95%; height: 90px; max-width: 1400px; margin: 0px auto; display: block; position: relative;}
.logo { width:254px; height: 65px; float: left; margin-top:12.5px; overflow: hidden;}
.top_tel { display: inline-block; float: right; font-size: 16px; margin-left: 4%; font-weight: bold; line-height: 90px; color: #ffffff; background: url(../images/top_tel.png) no-repeat left; padding-left: 25px;}

.nav_ul {  height:90px; display: block; float: right;}
.nav_ul li { display: inline-block; float: left; height: 90px; border-bottom: 2px solid none; box-sizing: border-box;}
.nav_ul li a { display: block; font-size: 16px; color: #ffffff; overflow: hidden; line-height: 90px; padding: 0px 13px;}
.nav_ul li:hover { border-bottom: 2px solid #ff6600;}
.nav_ul li .child_bg { display:none; height: auto; overflow: hidden; width:100%; left: 0; position: absolute; z-index: 9; top: 90px; background:rgba(255,255,255,.9); padding: 20px; box-sizing: border-box;}

.nav_ul li .langschild_bg { display:none; height: auto; overflow: hidden; width:160%; right: -30%; position: absolute; z-index: 9; top: 90px; background:rgba(255,255,255,.9); padding: 20px; box-sizing: border-box;}

.langschild_bg dl dd { width:100% !important;}
.nav_ul li:hover .child_bg{ display: block;}
.nav_ul li:hover .langschild_bg{ display: block;}
.nav_ul li dl { width: 100%; height: auto; overflow: hidden; text-align: center; display: block; font-size: 0;}
.nav_ul li dl dd { display:inline-block; font-size: 16px; line-height: 35px; margin: 0px 1.2%; overflow: hidden;}
.nav_ul li dl dd a { display: block; color: #333333; overflow: hidden; line-height: 35px; padding: 0;}
.nav_ul li dl dd a:hover {color: #ff6600;}
.nav_pro_list { width: 33.333%; height: auto; overflow: hidden; display:block; float: left;}
.nav_pro_list a { color: #333333 !important; display: block; line-height: 35px !important;}
.nav_pro_list a:hover { color: #ff6600 !important; display: block;}
.nav_pro_img { width: 90%; height: auto; overflow: hidden; display: block; margin: 0px auto; max-width: 360px;}
.nav_pro_tit { width: 100%; height: auto; overflow: hidden; display: block; line-height: 35px; font-weight: bold; overflow: hidden; text-align: center; font-size: 16px; margin-top: 15px;}
.nav_pro_menu { width: 100%; height: auto; overflow: hidden; display: block; border-right: 2px solid #dddddd; margin-top: 10px; box-sizing: border-box;}
.nav_pro_menu_list { width: 100%; height: auto; overflow: hidden; display: block; line-height: 35px; overflow: hidden; text-align: center; font-size: 14px;}
.nav_pro_menu_list a { font-size: 14px !important;}

.wap_header { display: none;}
.a_txt { display: none;}
.banner_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.banner_bg li { position: relative; width: 100%; height: auto; overflow: hidden; display: block;}
.banner_bg li .img { width: 100%; height: auto; overflow: hidden; display: block; max-height: 940px;}
.banner_bg li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all 10s; transform: scale(1.3, 1.3);}
.banner_bg li .bor { width: 300px; height: 400px; border: 10px solid rgba(255,255,255,0); box-sizing: border-box; position: absolute; z-index: 9; left: 27%; top: 50%; transform: translateY(-50%); transition: all 1.5s;}
.banner_bg li .ab_con { display: inline-block; height: 200px; overflow: hidden; position: absolute; z-index: 10; left: 35%; top: 55%; transform: translateY(-50%);}
.banner_bg li .ab_tit { font-size: 25px; line-height: 30px; color: #ff9600; overflow: hidden; display: block; transition: all 1.2s; opacity: 0; margin-top: 60px;}
.banner_bg li .ab_h { font-size: 45px; font-weight: bold; line-height: 50px; color: #ffffff; display: block; overflow: hidden;  opacity: 0; margin-top: 60px; transition: all 1.6s;}
.banner_bg li .ab_des { font-size: 32px; line-height: 40px; color: #ffffff; overflow: hidden; display: block;  opacity: 0; margin-top: 60px; transition: all 2s;}
.banner_bg li.swiper-slide-active .img img{ transform: scale(1, 1);transition: transform 10s ease 0s;}
.banner_bg li.swiper-slide-active .bor { left:30%;  border: 10px solid rgba(255,255,255,.2);}
.banner_bg li.swiper-slide-active .ab_tit { margin-top: 0; opacity: 1; }
.banner_bg li.swiper-slide-active .ab_h { margin-top: 15px; opacity: 1;}
.banner_bg li.swiper-slide-active .ab_des { margin-top: 15px; opacity: 1;}
.banner_bg .banner_btn { display: inline-block; height: auto; overflow: hidden; position: absolute; z-index: 99; top: 50%; transform: translateY(-50%); right: 20px;}
.banner_bg .swiper-button-next-banner { display: block; font-size: 14px; line-height: 30px; color: #ffffff; background: url(../images/banner_n.png) no-repeat right; padding-right: 25px; opacity: .9; outline: none; cursor: pointer;}
.banner_bg .swiper-button-prev-banner { display: block; font-size: 14px; line-height: 30px; color: #ffffff; background: url(../images/banner_p.png) no-repeat right; padding-right: 25px; opacity: .9; outline: none; cursor: pointer;}


.banner_bg .swiper-slide { overflow: hidden;}
.banner_bg .img_bg { width: 100%; height: 680px; overflow: hidden; display: block; position: relative;}
.banner_bg .swiper-pagination-banner { width: 100%; text-align: center; position: absolute; bottom: 20px; z-index: 99;}
.banner_bg .swiper-pagination-bullet { width: 15px; height: 15px; background: url(../images/click.png) no-repeat; margin: 0px 5px; outline: none;opacity: 1; }
.banner_bg .swiper-pagination-bullet-active { background: url(../images/clicked.png) no-repeat;; width:15px; height: 15px; box-sizing: border-box; opacity: 1;}
.banner_ab { width: 100%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%);}

.banner_n { width: 100%; height: auto; overflow: hidden; display: block; }
.banner_img { width: 100%; height: auto; overflow: hidden; display: block;}

.iabout_bg { width: 100%; height: auto; overflow: hidden; display: block; font-size: 0; position: relative; background: url(../images/iabout_bg.jpg) no-repeat center; background-size:cover ;}
.iabout_left { width: 50%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; text-align:right; font-size: 0;}
.iabout_right { width: 50%; height: auto; overflow: hidden; display:inline-block; vertical-align: middle;}
.iabout_con_bg { width: 96%; max-width: 700px; display: inline-block; padding: 45px 30px 45px 0px; box-sizing: border-box; text-align: left;}
.iabout_tit { display: block; font-size: 32px; line-height: 36px; font-weight: bold; color: #13489d; overflow: hidden;}
.iabout_hr { width: 60px; height: 5px; display: block; background: rgba(241, 142, 38, 1); margin-top: 15px;}
.iabout_info { width: 100%; height: auto; overflow: hidden; display: block; font-size: 14px; line-height: 30px; color: #333333; margin-top: 25px;}
.iabout_more { width: 140px; height: 40px; display: block; overflow: hidden; background: #13489d; margin-top: 40px;}
.iabout_more a { display: block; font-size: 14px; line-height: 40px; overflow: hidden; text-align: center; color: #ffffff;}
.iabout_more a:hover { background: #ff6600;}

.inum_bg { width: 96%; height: auto; overflow: hidden; display: block; background: #ffffff; max-width: 1560px; margin: 30px auto; box-shadow: 0px 0px 10px rgba(0,0,0,.1); padding: 0px 5px 25px 5px; box-sizing: border-box;}
.inum_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.inum_ul li { width: 16.66666%; height: auto; overflow: hidden; display: block; float: left; text-align: center; border-right: 1px solid #dadada; box-sizing: border-box; margin-top: 30px;}
.inum_ul li i { font-size: 40px; font-weight: bold; color:#ff6600; display: inline-block; line-height: 45px; vertical-align:bottom; font-style: initial;}
.inum_ul li sup { font-size: 14px; display: inline-block; vertical-align: bottom; margin-left: 5px;}
.inum_ul li p { display: block; font-size: 14px; line-height: 20px; color: #333333; overflow: hidden; text-align: center; margin-top: 10px;}
.inum_ul li:last-child { border: none;}
.ihr { width: 100%; height: 1px; background: #dddddd; display: block; margin-top: 20px;}

.itit { display: block; font-size: 36px; line-height: 45px; color: #333333; font-weight: bold; overflow: hidden; text-align: center; margin-top: 45px;}
.itit_des { display: block; font-size: 14px; line-height: 25px; color: #333333; overflow: hidden; text-align: center; margin-top: 10px; padding: 0px 15%; box-sizing: border-box;}
.itit_hr { width:60px; height: 5px; display: block; margin:15px auto 0px auto; background: #ff6600; overflow: hidden;}

.ipro_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; margin-top: 45px;}
.ipro_bg .tab-hd { width: 70%; height: auto; overflow: hidden; display: block; position: relative; z-index: 99;}
.ipro_bg .tab-hd li{ width:100%; display: block; height: 90px; position: relative; }
.ipro_bg .tab-hd li .black_bg { width: 72%; height:100%; display: block; overflow: hidden; background: rgba(0,0,0,.7); position: relative;}
.ipro_bg .tab-hd li .blue_bg { width: 0px; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; transition: all .3s; background: rgba(19,72,157,.7);}
.ipro_bg .tab-hd li:hover .blue_bg { width: 100%;}
.ipro_bg .tab_img { width:90px; height:90px; display:block; padding:10px; box-sizing: border-box; position: absolute; z-index: 9;left: 10%; top:0px; background:rgba(255,102,0,0); transition: all .3s; -webkit-transition: -webkit-transform .5s ease-out;
    -moz-transition: -moz-transform .5s ease-out; -o-transition: -o-transform .5s ease-out; -ms-transition: -ms-transform .5s ease-out;}
.ipro_bg .tab-hd li:hover .tab_img {  -webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg); background:rgba(255,102,0,1)}
.ipro_bg .tab_img .img { width: 100%; height: auto; overflow: hidden; display: block;}
.ipro_bg .tit_bg { width: 50%; height: auto; overflow: hidden; display: block; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); left: 30%;}
.ipro_bg .tit_h {  font-size: 20px; line-height: 40px; display: block; overflow: hidden; color: #ffffff;}
.ipro_bg .tit_des {  font-size: 14px; line-height: 20px; display: block; overflow: hidden; color: #ffffff;}
.ipro_bg .more { display:inline-block; top: 15px; position: absolute; z-index: 10; right: 10%; width: 60px; height: auto; overflow: hidden; transition: all .3s; -webkit-transition: -webkit-transform .5s ease-out;
    -moz-transition: -moz-transform .5s ease-out; -o-transition: -o-transform .5s ease-out; -ms-transition: -ms-transform .5s ease-out; opacity: 0;}
.ipro_bg .tab-hd li:hover .more { -webkit-transform: rotateZ(-360deg);-moz-transform: rotateZ(-360deg);-o-transform: rotateZ(-360deg);-ms-transform: rotateZ(-360deg);transform: rotateZ(-360deg); opacity: 1;}
.ipro_bg .tab-bd { width: 100%; height: 100%; position: absolute; z-index: 9; top: 0; left: 0;}
.ipro_bg .tab-bd li{ width: 100%; height: 100%; display: none; overflow: hidden;} 
.ipro_bg .tab-bd li .img { width: 100%; height: 100%; display: block; overflow: hidden;}
.ipro_bg .tab-bd li.thisclass{ display:list-item;}

.inews_bg { width: 100%; height: auto; overflow: hidden; display: block; background: url(../images/inews_bg.jpg) no-repeat top center; background-size:cover ; padding-bottom: 60px;}
.inews_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.inews_ul li { width: 33.3333%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 2%; box-sizing: border-box; margin-top: 30px;}
.inews_ul li .con_re { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.inews_ul li .ab_bg { width: 100%; height: 0; background: rgba(255,255,255,.9); display: block; overflow: hidden; padding: 0%; box-sizing: border-box; position: absolute; z-index: 9; bottom: 0; left: 0; transition: all .5s;}
.inews_ul li:hover .ab_bg { height: 100%; padding: 8%;}
.inews_ul li .ab_con { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; opacity: 0; transition: all .8s;}
.inews_ul li:hover .ab_con { opacity: 1;}
.inews_ul li .tit { font-size: 18px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inews_ul li .des { font-size: 14px; line-height: 25px; margin-top: 5%; color: #555555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.inews_ul li .more { width: 110px; height: 35px; display: block; position: absolute; z-index: 10; right: 0; bottom: 0; border-radius: 5px; overflow: hidden;}
.inews_ul li .more a { display: block; font-size: 14px; line-height: 35px; overflow: hidden; background: #13489d; text-align: center; color: #ffffff;}
.inews_ul li .more a:hover { background: #ff6600;}

.ibot_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.ibot_left { width: 50%; height: auto; overflow:hidden; display: block; float: left; position: relative;}
.ibot_bg .img { width: 100%; height: auto; overflow: hidden; display: block;}
.ibot_bg .img img { width: 100%; height: auto; overflow: hidden; display: block; transition:all .4s;}
.ibot_bg .ibot_left:hover .img img { transform: scale(1.2, 1.2); transition: transform 0.4s ease 0s;}
.ibot_bg .ab_l { width: 100%; height: 100%; overflow: hidden; display: block; background: rgba(0,0,0,0); top: 0; left: 0;  padding:16% 12% 6% 12%; box-sizing: border-box; position: absolute; z-index: 5; transition: all .3s;}
.ibot_bg .ibot_left:hover .ab_l  {display: block; overflow: hidden; background: rgba(0,0,0,.7); transform: scale(0.9,0.9);}
.ibot_bg .ab_l .con_bg { width:66%; height: auto; overflow: hidden; display: block;}
.ibot_bg .ab_l .tit { display: block; font-size:32px;  line-height: 40px; overflow: hidden; color: #ffffff; font-weight: bold; transition: all 300ms linear; text-align: left; }
.ibot_bg .ab_l .des { display: block; font-size: 16px; line-height: 30px; margin-top: 30px; color: #ffffff; transition: all 300ms linear; float: left;}
.ibot_right { width: 50%; height: auto; overflow:hidden; display: block; float: left; position: relative;}
.ibot_r_01 { width: 100%; height: auto; overflow: hidden; display: block; position: relative; float: left;}
.ibot_bg .ibot_r_01:hover .img img { transform: scale(1.2, 1.2); transition: transform 0.4s ease 0s;}
.ibot_bg .ab_r01 { width: 100%; height: 100%; overflow: hidden; display: block; background: rgba(0,0,0,0); top: 0; left: 0;  padding:5% 12% 3% 12%; box-sizing: border-box; position: absolute; z-index: 5; transition: all .3s;}
.ibot_bg .ibot_r_01:hover .ab_r01  {display: block; overflow: hidden; background: rgba(0,0,0,.7); transform: scale(0.9,0.9);}
.ibot_bg .ab_r01 .con_bg { width:66%; height: auto; overflow: hidden; display: block;}
.ibot_bg .ab_r01 .tit { display: block; font-size:32px;  line-height: 40px; overflow: hidden; color: #ffffff; font-weight: bold; transition: all 300ms linear; text-align: left; }
.ibot_bg .ab_r01 .des { display: block; font-size: 16px; line-height: 30px; margin-top: 30px; color: #ffffff; transition: all 300ms linear; float: left;}
.ibot_r_02 { width: 50%; height: auto; overflow: hidden; display: block; position: relative; float: left;}
.ibot_bg .ibot_r_02:hover .img img { transform: scale(1.2, 1.2); transition: transform 0.4s ease 0s;}
.ibot_bg .ab_r02 { width: 100%; height: 100%; overflow: hidden; display: block; background: rgba(0,0,0,0); top: 0; left: 0;  padding:5% 5% 3% 5%; box-sizing: border-box; position: absolute; z-index: 5; transition: all .3s;}
.ibot_bg .ibot_r_02:hover .ab_r02  {display: block; overflow: hidden; background: rgba(0,0,0,.7); transform: scale(0.9,0.9);}
.ibot_bg .ab_r02 .con_bg { width:100%; height: auto; overflow: hidden; display: block;}
.ibot_bg .ab_r02 .tit { display: block; font-size:28px;  line-height: 40px; overflow: hidden; color: #ffffff; font-weight: bold; transition: all 300ms linear; text-align: left; }
.ibot_bg .ab_r02 .des { display: block; font-size: 16px; line-height: 30px; margin-top: 30px; color: #ffffff; transition: all 300ms linear; float: left;}
.ibot_bg a { color: #ffffff;}

.foot_mar { display: block; width: 100%; height: 50px; overflow: hidden;}
.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f5f5f5; padding: 45px 0px;}
.foot_wd { width: 95%; height: auto; overflow: hidden; display: block; max-width: 1400px; margin: 0px auto; position: relative;}
.foot_l { width: 24%; height: auto; overflow: hidden; display: block; float: left; position: relative;}
.foot_logo { width: 100%; height: auto; overflow: hidden; display:block;}
.foot_logo_des { width: 100%; height: auto; overflow: hidden; display: block; line-height: 25px; color: #444444; font-size: 14px; margin-top: 25px;}
.foot_share_bg { width: 100%; height: auto; display: block; margin-top: 25px;}
.foot_share_bg li { width: 20%; height:auto; display:block; float: left; padding: 0px 5px; box-sizing: border-box; position: relative; max-width: 50px;}
.foot_share_bg li .img { width:100%; height: auto; overflow: hidden; display: block; max-width: 35px; margin: 0px auto; cursor: pointer;}
.foot_share_bg li .wx_ab_bg { width: 130px; height: auto; padding: 5px; display: none; box-sizing: border-box; overflow: hidden; background: #ffffff; border: 1px solid #cccccc; position: absolute; z-index: 9; bottom: 40px; left: 50%; transform: translateX(-50%);}
.foot_share_bg li .wx_ab_bg .wx_img { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_share_bg li .wx_ab_bg .tit { display: block; text-align: center; font-size: 14px; line-height: 30px; color: #555555; margin-top: 5px; text-align: center;}
.foot_share_bg li:hover .wx_ab_bg { display: block;}

.foot_nav_bg { width:94px; height: auto; overflow: hidden; display: block; float: left; margin-left: 10%;}
.foot_nav { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px;}
.foot_nav li { display: block; font-size: 14px; line-height: 32px; overflow: hidden; margin-top: 10px;}
.foot_nav li a { display: block; color: #555555;}
.foot_nav li a span { display: inline-block; vertical-align: middle; margin-right: 10px; font-family: simsun; color: #ff6600; vertical-align: middle; font-weight: bold;}
.foot_tit { font-size: 18px; line-height: 30px; color: #222222;  display: block;  overflow: hidden; font-weight: bold;}
.foot_tit a { color: #FFFFFF;}
.foot_tit a:hover { text-decoration: underline;}

.foot_contact { width: 350px; height: auto; overflow: hidden; display: block; float: left; margin-left: 10%;}
.foot_lx { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.foot_lx li { display: block; font-size: 14px; line-height: 32px; overflow: hidden; color: #555555;}
.foot_lx li span { display: inline-block; vertical-align: middle; width: 20px; height: 20px; overflow: hidden; margin-right: 15px;}
.foot_kx { display: inline-block; overflow: hidden; margin-top: 10px;}

.foot_ma { width: 120px; height: auto; overflow: hidden; display: block; float: right; }
.foot_ma .img { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_ma .tit { display: block; font-size: 14px; line-height: 25px; color: #555555; overflow: hidden; margin-top: 10px; text-align: center;}

.flink_tit { display: block; font-size: 18px; font-weight: bold; line-height: 30px; color: #333333; margin-top: 20px; text-align: center;}
.flink_ul { width: 95%; height: auto; overflow: hidden; display: block; max-width: 1400px; border: 1px solid #dddddd; box-sizing: border-box; padding: 15px; margin: 25px auto 0px auto; font-size: 0;}
.flink_ul li { display: inline-block; font-size: 14px; line-height: 35px; overflow: hidden; margin: 0px 15px;}
.flink_ul li a { color: #555555;}
.flink_ul li a:hover { color: #13489d;}

.banquan_bg { display: block; height: auto; background: #14489e; position: relative; width: 100%; overflow: hidden; text-align: center; padding: 10px 0px; margin-top: 40px;}
.banquan_info { font-size: 14px; line-height: 25px; display: inline-block; overflow: hidden; color: #6895de;}
.banquan_bg a { color: #6895de; display: inline-block; margin-left:30px;}

.place_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 15px 0px; background: #e6e6e6; position: relative;}
.width { width: 95%; height: auto; overflow: hidden; display: block; position: relative; max-width: 1400px; margin: 0px auto;}
.place_tit { display: block; font-size: 28px; line-height: 35px; color: #115baa; overflow: hidden;}
.place_tit span { display: block; font-family: arial; text-transform: uppercase;}
.place_ab { position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); right: 0; display: inline-block; color: #555555; line-height: 23px; font-size: 14px; background: url(../images/dot_place.png) no-repeat left; padding-left: 20px;}
.place_ab a { color: #555555;}
.place_ab a:hover { color: #0ba5c0;}
.place_ab span {margin: 0px 5px;}

.catname { display: block; font-size: 23px; line-height: 35px; overflow: hidden; color: #115baa; margin-top: 25px;}
.cat_hr { width: 100%; height: 1px; background: #aaaaaa; display: block; margin-top: 20px;}
.case_sel_bg { width: 95%; max-width: 1400px; height: 100px; position: relative; border: 10px solid #f5f5f5; padding-bottom:20px; background: #ffffff; margin:30px auto 0px auto; box-sizing: border-box;}
.case_sel_li { display: inline-block; height: 40px;  float: left; margin:20px 0px 0px 5%; white-space: nowrap;}
.case_sel_tit { display: inline-block; font-size: 18px; line-height: 40px; color: #000000; float: left;}
.case_sel_cur { width: 140px; height: 40px; float: left;  background: #ff9600; border-radius: 5px; margin-left: 10px; text-align: center; box-sizing: border-box; position: relative;}
.case_sel_cur a { width: 100%; height: auto; overflow: hidden; display: block; color: #ffffff; font-size: 16px; line-height: 40px;}
.case_sel_cur a span { display: inline-block; vertical-align: middle; background: url(../images/dot_sel.png) no-repeat center; width: 16px; height: 10px; margin-left: 10px;}
.case_sel_ab { display: inline-block; overflow: hidden; padding: 10px 15px; background: rgba(255,255,255,.8); top: 40px; position: absolute; z-index: 9999; left: 0;}
.case_sel_ab li { display: block; width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 35px; white-space: nowrap;}
.case_sel_ab li a { display: block; color: #000000; text-align: left;}
.case_sel_ab li a:hover { color: #115baa;}
.case_sel_btn { display: inline-block; font-size: 15px; line-height: 40px; border: 1px solid #ff9600; border-radius: 5px; overflow: hidden; float: right; margin: 20px 6% 0px 0px;}
.case_sel_btn a { display: block; color: #ff9600; padding: 0px 25px; overflow: hidden; transition: all .3s;}
.case_sel_btn a:hover { background: #ff9600; color: #ffffff;}

.case_nav_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f5f5f5; padding: 12px 6px; box-sizing: border-box; margin-top: 45px; border-radius: 8px;}
.case_nav_bg li { width: 33.3333%; height: auto; overflow: hidden; display:block; float: left; padding: 0px 6px; box-sizing: border-box;}
.case_nav_bg li .con_bg { width:100%; height: auto; overflow: hidden; display: block; padding:40px 0px 25px 0px; background: #ffffff; border-radius: 8px;}
.case_nav_bg li .tit { display: block; font-size: 35px; line-height: 50px; overflow: hidden; color: #555555; text-align: center;}
.case_nav_bg li .tit a { color: #555555; display: block;}
.case_nav_bg li .hr { width: 110px; height: 2px; display: block; background: #555555; margin: 10px auto 0px auto;}
.case_nav_bg li .tit_span { font-size: 16px; line-height: 25px; display: block; text-align: center; color: #ff9600; overflow: hidden; margin-top: 10px; text-transform: uppercase;}
.case_nav_bg li .img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.case_nav_bg li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.case_nav_bg li .img:hover img {transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.case_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 10px; font-size: 0;}
.case_ul li { width: 25%; height: auto; overflow: hidden; display:inline-block; vertical-align: top; margin-top: 10px; padding: 25px 10px 10px 10px; transition: all .3s; box-sizing: border-box;}
.case_ul li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #ffffff;}
.case_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.case_ul li .tit { display: block; font-size: 17px; line-height: 35px; padding: 15px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.desc{ display: block; font-size: 17px; line-height: 35px; padding-left :15px; margin-bottom: 30px; padding-right:15px; box-sizing: border-box; word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 5px;
    
}
.case_ul li:hover { padding: 10px 10px 25px 10px;}
.case_ul li:hover .con_bg { box-shadow: 0px 0px 10px rgba(36,91,170,.3);}

.pagination { width: 100%; height: auto; overflow: hidden; text-align: center;  margin-top: 50px; font-size: 0; font-family: simsun !important;}
.pagination li { margin: 0px 2px ; color: #555555; display: inline-block; overflow: hidden; width: 32px; height: 32px; line-height:32px; text-align: center; vertical-align: middle;font-size: 14px; }
.pagination .disabled{ background: #c8c8c8 !important; color: #ffffff;}
.pagination .active ,.pagination li a:hover{ margin: 0px 2px ; background: #0c64b3; color: #ffffff; display: inline-block; overflow: hidden; width: 32px; height: 32px; line-height:32px; font-size: 14px; text-align: center; vertical-align: middle; }

.page_h { width:210px; height: 50px; display: block; background: url(../images/page_h.png) no-repeat center; font-size: 28px; color:#ffffff; line-height: 50px; padding-left: 35px; box-sizing: border-box; margin-top: 30px;}

.pro_nav { width: 100%; height: auto; overflow: hidden; display: block; background: #f5f5f5; padding: 12px 6px; box-sizing: border-box; margin-top: 45px; border-radius: 8px;}
.pro_nav li { width: 33.3333%; height: auto; overflow: hidden; display:block; float: left; padding:6px; box-sizing: border-box; position: relative;}
.pro_nav li .con_bg { width:100%; height: auto; overflow: hidden; display: block; padding:40px 0px 25px 0px; background: #ffffff; border-radius: 8px; position: relative;}
.pro_nav li .tit { display: block; font-size: 30px; line-height: 45px; overflow: hidden; color: #555555; text-align: center;}
.pro_nav li .tit a { color: #555555; display: block;}
.pro_nav li .hr { width: 110px; height: 2px; display: block; background: #555555; margin: 10px auto 0px auto;}
.pro_nav li .tit_span { font-size: 16px; line-height: 25px; display: block; text-align: center; color: #ff9600; overflow: hidden; margin-top: 10px; text-transform: uppercase;}
.pro_nav li .img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.pro_nav li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_nav li .img:hover img {transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}
.pro_nav li .pro_ab { width: 100%; height:0; display: block; overflow: hidden; background: #ff9600; position: absolute; z-index: 9; bottom: 0; left: 0;  box-sizing: border-box; transition: all .3s;}
.pro_nav li:hover .pro_ab { height: 100%; padding:25px;}
.pro_nav li .pro_ab_tit { display: block; font-size: 24px; line-height: 40px; overflow: hidden; text-align: center; border-bottom: 2px solid #ffffff; padding-bottom: 10px;}
.pro_nav li .pro_ab a {  color: #ffffff;}
.pro_nav li .pro_ab_dl { display: block; height: auto; width: 100%; overflow: hidden; margin-top: 15px;}
.pro_nav li .pro_ab_dl dd { display: block; font-size: 16px; line-height: 30px; overflow: hidden; text-align: center;}

.pro_child { width: 100%; height: auto; overflow: hidden; display: block; background: #f5f5f5; padding: 12px 6px; box-sizing: border-box; margin-top: 45px; border-radius: 8px;}
.pro_child li { width: 25%; height: auto; overflow: hidden; display:block; float: left; padding: 0px 6px; box-sizing: border-box; position: relative;}
.pro_child li .con_bg { width:100%; height: auto; overflow: hidden; display: block; padding:40px 0px 25px 0px; background: #ffffff; border-radius: 8px; position: relative;}
.pro_child li .tit { display: block; font-size: 28px; line-height: 40px; overflow: hidden; color: #555555; text-align: center;}
.pro_child li .tit a { color: #555555; display: block;}
.pro_child li .hr { width: 110px; height: 2px; display: block; background: #555555; margin: 10px auto 0px auto;}
.pro_child li .tit_span { font-size: 15px; line-height: 25px; display: block; text-align: center; color: #ff9600; overflow: hidden; margin-top: 10px; text-transform: uppercase;}
.pro_child li .img { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.pro_child li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .3s;}
.pro_child li .img:hover img {transform: scale(1.1, 1.1);transition: transform 0.3s ease 0s;}


.pro_sel_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f6f6f6; padding: 10px; box-sizing: border-box; margin-top: 30px; border-radius: 5px;}
.pro_sel_wd { width: 100%; height: auto; overflow:hidden; display: block; background: #ffffff; position: relative; padding: 20px 0px;}
.sel_ul { width: 100%; height: auto; overflow: hidden; display: block; white-space: nowrap; font-size: 0;}
.sel_ul li { display: inline-block; font-size: 15px; overflow: hidden; color: #555555; vertical-align: middle; margin-left:25px;}
.sel_ul li label { display: inline-block; vertical-align: middle;}
.sel_ul li .sel_input { width: 60px; height: 30px; display: inline-block; vertical-align: middle; background: #f2f2f2; border: none; outline: none; margin: 0px 10px; padding: 0px 5px; box-sizing: border-box; text-align: center;}
.sel_ul li .submit { width: 130px; height: 45px; display: block; border-radius: 5px; background: #ff9600; text-align: center; line-height: 45px; color: #ffffff; cursor: pointer; border: none; outline: none;}
.pro_sel_ab { display: inline-block; font-size: 0; overflow: hidden; top: 50%; transform: translateY(-50%); right: 25px; white-space: nowrap; position: absolute; z-index: 9;}
.pro_sel_btn { display: inline-block; font-size: 15px; line-height: 40px; border: 1px solid #ff9600; border-radius: 5px; overflow: hidden; margin-left: 15px; vertical-align:middle;}
.pro_sel_btn a { display: block; color: #ff9600; padding: 0px 25px; overflow: hidden; transition: all .3s;}
.pro_sel_btn a:hover { background: #ff9600; color: #ffffff;}

.pro_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 20px;}
.pro_ul li { width: 50%; height: auto; overflow: hidden; display: block; float: left; padding: 0px 7px; box-sizing: border-box; margin-top: 15px;}
.pro_ul li .con_bg { width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid #e2e2e2; padding: 15px 0px; box-sizing: border-box; font-size: 0;}
.pro_ul li .img_bg { width: 46%; padding-top:43% !important;  height: auto; overflow: hidden; display:inline-block; padding: 0px 5px; box-sizing: border-box; max-width: 310px; vertical-align: middle; border-right: 1px solid #e2e2e2;}
.pro_ul li .info_bg { width: 54%; height: auto; overflow: hidden; min-height: 100px; display: inline-block; vertical-align: middle; padding: 0px 10px 0px 15px; box-sizing: border-box; }
.pro_ul li .info_tit { display: block; font-size: 20px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;}
.pro_ul li .info_h { display: block; font-size:17px; height: 200px; line-height: 30px; color: #222222; word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical; margin-top: 5px;}
.pro_ul li .info_p { display: block; font-size:14px; line-height:20px; color: #555555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_ul li .info_p span { margin-left: 15px;}
.pro_ul li .pro_more_bg { width: 100%; height: auto; overflow: hidden; display: block; max-width: 360px;}
.pro_ul li .pro_more_bg a { display: block; font-size: 15px; overflow: hidden; text-align: center; line-height: 35px; background: #eb612a; transition: all .3s; color: #ffffff;}
.pro_ul li .pro_more_bg a:hover { background: #ff9600;}
.pro_ul li .pro_more_l { width: 48%; height: 35px; max-width: 180px; overflow: hidden; float: left; border-radius: 5px; margin-top: 15px;}
.pro_ul li .pro_more_r { width: 48%; height: 35px; max-width: 180px; overflow: hidden; float: right; border-radius: 5px; margin-top: 15px;}
.pro_ul li .re_img_bg { width: 100%; min-height: 210px; overflow: hidden; display: block; position: relative; background: url(../images/pro_re_img.jpg) no-repeat center; background-size:cover; padding: 60px 0px;}
.pro_ul li .re_img_dot { width: 65px; height: auto; overflow: hidden; display: block; margin: 0px auto;}
.pro_ul li .re_img_more { width: 85%; height: auto; overflow: hidden; display: block; max-width: 500px; background: rgba(255,255,255,.5); border: 1px solid #e96229; margin: 35px auto 0px auto;}
.pro_ul li .re_img_more a { display: block; text-align: center; font-size: 23px; padding:13px 0px; overflow: hidden; color: #e96229;}

.show_tit_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 45px; border-bottom: 1px solid #dbdbdb;}
.show_tit { width: 140px; height: 45px; display: block; background: #13489d; text-align: center; line-height: 45px; font-size: 23px; color: #ffffff;}
.show_3d_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.show_3d_l {  height: auto; display: block; position: relative; box-sizing: border-box;margin:0 auto;}
.show_3d_re { width: 100%; height: auto; overflow: hidden; display: block;}
.show_3d_tit { display: block; font-size: 25px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #555555; position: absolute; z-index: 99; width: 100%; text-align: center; top: 5px;}
.show_3d_btn { width: 70%; max-width: 300px; height: 40px; background: #969696; display: block; position: absolute; z-index: 99; bottom: 10px; left: 50%; transform: translateX(-50%); font-size: 17px; text-align: center; line-height: 40px; color: #ffffff; border-radius: 10px;}
.show_3d_dot { width: 70%; max-width: 520px; height: auto; overflow: hidden; position: absolute; z-index: 99; top: 0; left: 50%; transform: translateX(-50%);}
.show_3d_r { width:100%; height: auto; display: block;position: relative;  box-sizing: border-box;}
.show_3d_r img{
    display: inline;
}
.show_r_tit { font-size: 23px; line-height: 35px; display: block; overflow: hidden; color: #000000;}
.show_r_hr { width: 150px; height: 4px; display: block; background: url(../images/show_tit_dot.jpg) no-repeat; margin: 15px 0px 25px 0px;}
.show_r_des { width: 100%; height: auto; overflow: hidden; display: block; font-size: 17px; line-height: 35px; color: #000000;}
#certify { width: 100%; height: auto; overflow: hidden; display:block; position: relative; margin-top: 35px;}
#certify li { width: 40%; height: 240px; overflow: hidden; position: relative;}
#certify .swiper-pagination {width: 100%; position: relative; text-align: center; margin-top: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px;  height: 10px; opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {  border: 3px solid #00aadc;  background-color: #fff;}
#certify li .img { width: 100%;height: 240px;overflow: hidden; display: block;}
#certify li .tit { width: 100%; height: 40px; position: absolute; z-index: 9; bottom: 0; background: rgba(0,0,0,.6);  text-align: center; padding: 0px 15px;  box-sizing: border-box;}
#certify li .tit a { color: #ffffff; font-size: 15px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}

.show_h { display: block; font-size: 30px; font-weight: bold; color: #000080; line-height: 40px; overflow: hidden; margin-top: 30px;}
.show_info { width: 100%; height: auto; overflow: hidden; display: block; border-bottom: 1px solid #dddddd; padding-bottom: 30px; font-size: 16px; line-height: 32px; color: #444444; margin-top: 15px;}
.show_table { width: 100%; height: 300px; overflow: auto; overflow-y: hidden; display: block;}
.show_table .table { width: 100%; text-align: center; margin-top: 30px; min-width: 720px;}
.show_table .table th { background: #f6f6f6; font-size: 15px; line-height: 25px; padding: 15px 0px; font-weight: normal;}
.show_table .table td { font-size: 14px; color: #555555; line-height: 23px; padding: 10px 0px;}
.show_btn { width: 150px; height: 40px; display: block; overflow: hidden; margin: 20px auto 0px auto; border: 1px solid #dddddd; text-align: center; font-size: 15px; line-height: 40px; outline: none;}

.show_info img { max-width: 100%; height: auto; margin: 20px auto; display: block;}