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

.lft{float: left;display: inline;}
.rgt{float: right;display: inline;}
.wrap {width:1200px;height:auto;margin:0 auto;color:#808080;font-size:16px}

.wrap .wrap-title{width:100%;height:auto;margin-top:90px;}
.wrap .wrap-title .inner{width:100%;height:35px;border-bottom:1px solid #b6b6b6;text-align:center;}
.wrap .wrap-title .inner h1{width:600px;height:70px;line-height:70px; margin:0 auto; text-align:center; background:#800000;font-size:48px;font-weight:bold;color:#fff;}
.wrap .wrap-title p{width:100%;height:auto;margin-top:45px;text-align:center;line-height:1.5em;font-size:24px;color:#808080;}
.wrap .wrap-title05{width:100%;height:auto;margin-top:30px}
.wrap .wrap-title05 .inner{width:100%;height:35px;border-bottom:1px solid #b6b6b6;text-align:center;}
.wrap .wrap-title05 .inner h1{width:auto;height:70px;display:inline-block; line-height:70px; margin:0 auto; background:#fff; padding:0 15px; text-align:center;font-size:36px;font-weight:bold;color:#707070;}
.wrap .wrap-title05 .inner h1 label{font-size:36px;color:#960000;}
.wrap .wrap-title05 .inner h1 b{font-size:48px;color:#960000;}
.wrap .wrap-title05 p{width:100%;height:auto;margin-top:30px;text-align:center;line-height:1.5em;font-size:20px;color:#707070;}
.wrap .news {width:100%;height:410px;border-bottom:1px solid #e0e1e0;margin-top:35px;padding-bottom:55px;}
.wrap .news .news01{width:570px;height:auto;}
.wrap .news .news01 h1{width:100%;height:60px;line-height:60px;font-size:20px;font-weight:normal;color:#960000;}

.wrap .news .news01 .news-top{width:100%;height:127px;}
.wrap .news .news01 .news-top .top-img,.wrap .news .news01 .news-top .top-img img{width:165px;height:127px;}
.wrap .news .news01 .news-top .top-txt{width:380px;height:127px;}
.wrap .news .news01 .news-top .top-txt h2{width:100%;height:auto;line-height:1.5em;font-size:15px;}
.wrap .news .news01 .news-top .top-txt span{width:100%;height:auto;line-height:2em;font-size:12px;color:#707070;}
.wrap .news .news01 .news-top .top-txt p{width:100%;height:70px;line-height:2em;font-size:12px;color:#707070;margin-top:10px;}

.wrap .news .news01 .news-list{width:100%;height:auto;}
.wrap .news .news01 .news-list ul{width:560px;height:auto;margin:0 auto;margin-top:20px;}
.wrap .news .news01 .news-list ul li{width:100%;height:30px;background:url(../images/point.jpg) no-repeat left center;line-height:30px;}
.wrap .news .news01 .news-list ul li a{font-size:14px;float:left;margin-left:10px;color:#333;}
.wrap .news .news01 .news-list ul li label{font-size:14px;float:right;margin-right:10px;color:#333;}
.wrap .news .news01 .news-more{width:100%;height:26px;margin-top:25px;}
.wrap .news .news01 .news-more a{width:119px;height:26px;display:inline-block;float:right;background:url(../images/more1.jpg) no-repeat;}
.wrap .news .news01 .news-more a:hover{background:url(../images/more2.jpg) no-repeat;}





/*热搜关键词*/
.hot_keywords li{ display:inline-block;background:#9f9f9f; padding:6px 6px;  margin-bottom:10px; margin-right:6px;border-radius: 3px;list-style-type: none;}
.hot_keywords li a{ font-size:14px;color:#FFFFFF; display:block; text-decoration:none;}
.hot_keywords li:Hover{background:#f15264;}
/*
.hot_keywords li:nth-child(1){ background:#009999;}
.hot_keywords li:nth-child(2){ background:#FF0033;}
.hot_keywords li:nth-child(3){ background:#CC3399;}
.hot_keywords li:nth-child(4){ background:#009966;}
.hot_keywords li:nth-child(5){ background:#333399;}
.hot_keywords li:nth-child(6){ background:#9999CC;}
.hot_keywords li:nth-child(7){ background:#FF9966;}
.hot_keywords li:nth-child(8){ background:#CCCC33;}
.hot_keywords li:nth-child(9){ background:#E44D50;}
.hot_keywords li:nth-child(10){ background:#99CCFF;}
.hot_keywords li:nth-child(11){ background:#006699;}
.hot_keywords li:nth-child(12){ background:#FFCCCC;}
.hot_keywords li:nth-child(13){ background:#003333;}
.hot_keywords li:nth-child(14){ background:##CC3399;}
.hot_keywords li:nth-child(15){ background:#FFCCCC;}*/
/*新闻详情*/
.news_detail{ width:1080px; margin:35px auto 30px; }
.news_detail .news_detaill{ width:790px; border:1px solid #E6E6E6; float:left; }
.news_detail .news_detaill .new_dwe{ padding:0px 25px; }
.news_detail .news_detaill .new_dwe h1{ text-align:center; color:#1d5382; font-size:28px; line-height:30px; margin-top:42px; margin-bottom:18px; }
.news_detail .news_detaill .new_dwe .news_admin{ height:14px; line-height:14px; padding-bottom:20px; border-bottom:1px solid #E6E6E6; }
.news_detail .news_detaill .new_dwe .news_nrwe{ font-size:14px; color:#121212; line-height:30px; padding-top:20px;}
.news_detail .news_detaill .new_dwe .news_nrwe .bq_sign{ font-size:12px; color:#787878; }
.news_detail .news_detaill .new_dwe .news_nrwe .bq_sign_yc{ font-size:14px; color:#6F6F6F; background:#F7F7F7;padding:6px; margin-top:10px; margin-bottom:10px; border-radius:5px; text-align:center;}
.news_detail .news_detaill .new_dwe .news_nrwe .bq_sign_yc a{ text-decoration:none;font-size:14px; color:#6F6F6F; }
.news_detail .news_detaill .new_dwe .news_nrwe p{ text-indent:2em; margin-top:10px;}
.news_detail .news_detaill .new_dwe .news_nrwe p img{ margin:auto; max-width:660px; height:auto;display: block; cursor:pointer;}
.news_detail .news_detaill .new_dwe .news_nrwe a{ font-size:16px; color:#121212; line-height:30px; text-decoration:underline}
.news_detail .news_detaill .new_dwe .news_admin span{ color:#d0d3d7; font-size:13px; margin-right:32px; height:14px; line-height:14px; display:block; float:left;   }
.news_detail .news_detaill .new_dwe .news_admin span.new_xin1{ padding-left:26px; background:url(../images/news_tp1.gif) no-repeat left center; margin-left:174px; }
.news_detail .news_detaill .new_dwe .news_admin span.new_xin2{ padding-left:23px; background:url(../images/news_tp2.gif) no-repeat left center; }
.news_detail .news_detaill .new_dwe .news_admin span.new_xin3{ padding-left:23px; background:url(../images/news_tp3.gif) no-repeat left center;  }
.news_detail .news_detaill .new_dwe .news_admin span.new_xin4{ padding-left:25px; background:url(../images/news_tp4.gif) no-repeat left center; }
.news_detail .news_detaill .new_dwe .news_nrwe .news_wep{ color:#222222; font-size:14px; line-height:30px; text-indent:2em; padding-top:24px; }
.news_detail .news_detaill .new_dwe .news_nrwe .news_weimg{ padding-top:24px; }
.news_detail .news_detaill .new_dwe .news_nrwe .news_weul{ padding-top:24px; }
.news_detail .news_detaill .new_dwe .news_nrwe .news_weul li{ color:#222222; font-size:14px; line-height:30px; text-indent:2em; }
.news_detail .news_detaill .new_dwe .news_nrwe .news_tag{ margin-top:60px; height:30px; line-height:30px; padding-bottom:36px; border-bottom:1px dashed #E6E6E6; }
.news_detail .news_detaill .new_dwe .news_nrwe .news_tag span{ float:left; color:#666666; font-size:14px; margin-right:18px;   }
.news_detail .news_detaill .new_dwe .news_nrwe .news_tag a{ display:block; height:30px; line-height:30px; color:#666666; font-size:14px; float:left; padding:0px 18px; padding-right:35px; background:#E5E4E4 url(../images/details_tp1.gif) no-repeat right center; margin-right:12px; border-top-left-radius:3px; border-bottom-left-radius:3px;    }
.news_detail .news_detaill .new_dwe .news_nrwe .news_daiheng{ margin-top:8px; margin-bottom:50px; }
.news_detail .news_detaill .new_dwe .news_nrwe .news_daiheng li{ overflow:hidden; height:25px;text-overflow: ellipsis;white-space: nowrap;color:#1d5382;}
.news_detail .news_detaill .new_dwe .news_nrwe .news_daiheng .news_daihengl{ float:left;  }
.news_detail .news_detaill .new_dwe .news_nrwe .news_daiheng .news_daihengr{ float:right; }
.news_detail .news_detaill .new_dwe .news_nrwe .news_daiheng a{ color:#1d5382; font-size:15px;}
.news_detail h3{ height:44px; line-height:44px; padding-left:17px; border-top:1px solid #E9E8E8; background:#F5F5F5; color:#222222; font-size:18px; font-weight:normal;  }
.news_detail .newdeatil_sf{ margin-left:24px; padding-top:25px; padding-bottom:62px;  }


.news_detail .newdeatil_sf li{ width:236px; float:left; text-align:center; margin-right:16px;  }

.news_detail .newdeatil_sf li img{ width:236px; height:141px;  }

.news_detail .newdeatil_sf li p{ height:50px; line-height:50px;}
.news_detail .newdeatil_sf li p a{  color:#666666; font-size:14px;  }

.news_detailr{ float:right; width:262px;  }
.news_detailr .news_lir li a{ display:block; height:46px; line-height:46px; background:#D8E0EA; margin-bottom:4px; border-radius:2px; color:#47525d; font-size:15px; font-weight:600; padding-left:24px;   }
.news_detailr .news_lir li a:hover{ background:url(../images/news_listrtp.gif) no-repeat left top; color:#fff; }
.news_detailr h2{ color:#333333; font-size:16px; height:50px; line-height:50px; margin-top:18px; border-bottom:1px solid #E3E4E8; }
.news_detailr h2 a{ float:right; color:#222222; font-size:12px; padding-left:12px; background:url(../images/jian.png) no-repeat left center; }
.news_detailr .news_wzr li a{ display:block; height:36px; line-height:36px; overflow:hidden; padding-left:19px; background:url(../images/details_r1.gif) no-repeat 7px center; color:#222222; font-size:13px; border-bottom:1px solid #E3E4E8;  }
.news_detailr .news_wzr li a:hover{ background:url(../images/details_r2.gif) no-repeat 7px center; color:#e9590c; }


/***案例列表***/
.clearfix { zoom: 1; }
/*-----------------------------------------------------main-----------------------------------------------------*/
.main-tab { width: 100%; background: url("../images/about-line.jpg") repeat-x left bottom; overflow: hidden; margin-bottom: 50px; position: relative; }
.mt-info { width: 1200px; margin: 0 auto; }
.mt-info span { font-size: 24px; color: #ddd; line-height: 68px; float: right; width: 24%; text-align: right; font-family: "Times New Roman"; font-style: italic; text-transform: uppercase; }
.mt-info ul { width: 76%; text-align: center; overflow: hidden; float: left; }
.mt-info ul li { display: inline; text-align: center; float: left; }
.mt-info ul li a { font-size: 14px; line-height: 64px; color: #666; display: inline-block; padding: 0 6px; margin-right: 20px; }
.mt-info ul li a:hover { color: #1088d5; border-bottom: 3px solid #1088d5; }
.mt-info ul li a.current { color: #1088d5; border-bottom: 3px solid #1088d5; }


/*-----------------------------------------------------case list-----------------------------------------------------*/
.c-case { width: 1230px; margin: 0 auto; overflow: hidden; }
.case-con { overflow: hidden; }
.case-con ul { overflow: hidden; zoom: 1; }
.case-con ul li { width: 380px; float: left; _display: inline; overflow: hidden; text-align: center; margin: 0 15px; margin-bottom: 30px; }
.case-con ul li .pic { text-align: center; position: relative; width: 380px; height: 220px; overflow: hidden; }
.case-con ul li .pic .cate { position: absolute; top: 160px; right: 0; z-index: 99; height: 30px; line-height: 30px; background: url("../images/cate-bg.png") left top no-repeat; color: #fff; font-size: 12px; text-align: right; padding: 0 16px 0 20px; }
.case-con ul li .pic img.pic-img { width: 380px; height: 220px; display: block; position: absolute; z-index: 9; left: 50%; margin-left: -190px; top: 50%; margin-top: -110px; }
.child-image-icon { transform: scale(0); -webkit-transform: scale(0); transition-duration: .3s; -webkit-transition-duration: .3s; opacity: 0; filter: alpha(opacity=0); width: 96px; height: 96px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; background: url(../images/case-bg.png) no-repeat center center; z-index: 99; }
.child-image-icon img { transform: scale(0); -webkit-transform: scale(0); transition-duration: .3s; -webkit-transition-duration: .3s; position: absolute; width: 38px; height: 38px; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; opacity: 0; filter: alpha(opacity=0); }
.case-con ul li:hover .child-image-icon { transition-delay: .1s; -webkit-transition-delay: .1s; opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); }
.case-con ul li:hover .child-image-icon img { transition-delay: .2s; -webkit-transition-delay: .2s; opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); }
.pic-img-bg { width: 100%; height: 100%; position: absolute; z-index: 9; background: #000; opacity: 0; filter: alpha(opacity=0); }
.case-con ul li .info { width: 100%; height: 80px; overflow: hidden; background: #f8f8f8; position: relative; }
.case-con .tag { float: left; text-align: left; color: #999; position: absolute; z-index: 99; left: 20px; top: 12px; }
.case-con .title { float: left; text-align: left; color: #333; font-size: 16px; position: absolute; z-index: 99; left: 20px; top: 40px; }
.case-con .label { float: left; text-align: left; position: absolute; z-index: 99; right: 20px; top: 16px; }
.case-con .label i { height: 18px; line-height: 18px; font-style: normal; color: #999; margin-left: 10px; }
.case-con .label i img { vertical-align: bottom; }

.c-produ { width: 850px; margin: 0 auto; overflow: hidden; }
.produ-con { overflow: hidden; }
.produ-con ul { overflow: hidden; zoom: 1; }
.produ-con ul li { width: 252px; float: left; _display: inline; overflow: hidden; text-align: center; margin: 0 15px; margin-bottom: 30px; }
.produ-con ul li .pic { text-align: center; position: relative; width: 252px; height: 252px; overflow: hidden; }
.produ-con ul li .pic .cate { position: absolute; top: 160px; right: 0; z-index: 99; height: 30px; line-height: 30px; background: url("../images/cate-bg.png") left top no-repeat; color: #fff; font-size: 12px; text-align: right; padding: 0 16px 0 20px; }
.produ-con ul li .pic img.pic-img { width: 252px; height: 252px; display: block; position: absolute; z-index: 9; left: 50%; top: 50%;margin-left:-126px; margin-top: -126px; }
.child-image-icon { transform: scale(0); -webkit-transform: scale(0); transition-duration: .3s; -webkit-transition-duration: .3s; opacity: 0; filter: alpha(opacity=0); width: 96px; height: 96px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; background: url(../images/case-bg.png) no-repeat center center; z-index: 99; }
.child-image-icon img { transform: scale(0); -webkit-transform: scale(0); transition-duration: .3s; -webkit-transition-duration: .3s; position: absolute; width: 38px; height: 38px; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; opacity: 0; filter: alpha(opacity=0); }
.produ-con ul li:hover .child-image-icon { transition-delay: .1s; -webkit-transition-delay: .1s; opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); }
.produ-con ul li:hover .child-image-icon img { transition-delay: .2s; -webkit-transition-delay: .2s; opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); }
.pic-img-bg { width: 100%; height: 100%; position: absolute; z-index: 9; background: #000; opacity: 0; filter: alpha(opacity=0); }
.produ-con ul li .info { width: 100%; height: 50px;line-height:50px;overflow: hidden; background: #f8f8f8; position: relative; text-align: center; }
.produ-con .title { color: #333; font-size: 16px;}

/*-----------------------------------------------------pagination-----------------------------------------------------*/
/*
.pagination { text-align: right; width: 1200px; margin: 0 auto; padding-bottom: 60px; font-family: Arial; }
.pagination a { display: inline-block; width: 36px; height: 36px; margin-left: 10px; background: #f0f0f0; color: #666; font-size: 14px; line-height: 36px; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.pagination a:hover, .pagination a.act { background: #1088d5; color: #fff; }
*/
.pagination{display:block;padding-left:0;margin:20px auto 50px auto;border-radius:4px;width:1200px;height:auto;overflow:hidden;text-align:right;}
.pagination>li{display:inline-block;box-sizing:border-box}
.pagination>li>a, .pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#999;background-color:#fff;border:1px solid #ddd;margin-left:-1px;box-sizing:border-box}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{color:#666;background-color:#eee;border-color:#ddd;}
.pagination>li:first-child>a, .pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{z-index:2;color:#fff;background-color:#1088d5;border-color:#1088d5;cursor:default;}


/****案例内容****/
.main_box{ width:1200px; margin:0 auto;}
.fl,.left{ float:left;}
.fr,.right{ float:right;}
/*=====================案例详情=====================*/
#case_show_banner{}
#case_show_banner h1{ color:#000; font-size:24px; padding-top:18px; font-weight:normal;}
#case_show_banner .main_box{ position:relative; height: 60px; }
#case_show_banner .un{ position:absolute; line-height:60px; bottom: 0px;; width:100%;}
#case_show_banner .un span{ color:#bbbec3; font-size:14px;}
#case_show_banner .un .link{ position:absolute; right:0; bottom:0;}
#case_show_banner .un .link a{ height:60px; width:60px; background:#fff;display: block;float: left;}
#case_show_banner .un .link .back{ height:60px; line-height:60px; width:100px; text-align:center; font-size:14px; color:#fff; background:#ff1d00;}
#case_show_banner .un .link .bnt_next{ background:url(../images/bnt_case_show_right.png) center no-repeat #fff; }
#case_show_banner .un .link .bnt_prev{ background:url(../images/bnt_case_show_left.png) center no-repeat #fff;}
#case_show_banner .un .link a:hover{ background-color:#dedfe4; }
#case_show_content{ padding:80px 0;}
#case_show_content .left{ width:370px; padding-top:20px;}
#case_show_content .left dl{ font-size:14px; color:#76767b; line-height:40px;}
#case_show_content .left dl strong{ color:#ff1d00; font-weight:bold;}
#case_show_content .left dt{ margin-top:50px;}
#case_show_content .left dt p{ line-height:30px; }
#case_show_content .left dt strong{ display:block;}
#case_show_content .left .link { margin:40px 0; margin-right:-20px; }
#case_show_content .left .link a{ font-size:14px; display:inline-block; border-radius:10px; width:105px; height:40px; line-height:40px; text-align:center; color:#232d39; border:1px  solid #232d39; margin-right:1.50px;  }
#case_show_content .left .link a:hover{ color:#ff1d00; border-color:#ff1d00;}
#case_show_content .right{ width:650px; background:url(../images/pic_case_show.png) right top no-repeat; height:560px;}

#case_show_content .right  .scroll_box1{overflow: hidden; position: relative;width: 590px;height: 327px;margin-top: 26px;margin-left: 38px;}
#case_show_content .right .jscroll-e{height: 100%; border-radius:3px;width: 6px !important; overflow:hidden;top: 0px; right: 0px; position: absolute;  z-index: 90;  background-color: #3b3b3f !important; background-position: initial initial; background-repeat: initial initial;}
#case_show_content .right .jscroll-h{cursor:pointer; overflow:hidden; background-color: #a4905e !important; border-color:#a4905e !important; position: absolute; left: 0px;top: 0px; width: 6px !important; height: 17.605670103092784px; background-position: initial initial; border-radius:3px; background-repeat: initial initial;}
#case_show_content .right .jscroll-u{position: absolute; top: 0px !important; width: 100%; left: 0px !important; background-color: 3b3b3f; overflow: hidden; height: 15px; background-position: initial initial; background-repeat: initial initial;}
#case_show_content .right .jscroll-d{position: absolute; bottom: 0px; width: 100%; left: 0px; background-color: rgb(204, 204, 204); overflow: hidden; height: 15px; background-position: initial initial; background-repeat: initial initial;}
#case_show_content .right #content img{ width:590px;}
#case_show_content .right{ position:relative;}
#case_show_content .right #web_link{ position:absolute; right:25px; bottom:144px; text-shadow: 0px 1px 1px #ccc; font-size:14px; color:#444; z-index:99999;}
#case_show_content .right #web_link:hover{ color:#ff0000;}


.Page{
    text-align: center;
    padding: 4rem;
}
.Page a,.Page span{
    color: #666;
    border: 1px solid #ccc;
    display: inline-block;
    /*width: 35px;*/
    padding:0 10px;
    line-height: 30px;
    margin-right: 0.5rem;
    font-size: 0.8rem;
    font-family: Arial, Verdana, sans-serif;
}
.Page span.current{
    color: #004098;
    border-color: #004098;
    font-weight: bold;
}
.Page a.next,.Page a.prev{
    width: auto;
    padding: 0 10px;
}

.newlist{
    margin-top: 40px;
}
.newlist .media{
    height: 200px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.newlist .media .media-left{
    float:left;padding:3px;border: 1px solid #ddd;border-radius: 5px;
}

.newlist .media .media-left:hover{
    float:left;padding:3px;border: 1px solid #004098;border-radius: 5px;
}
.newlist .media .media-left a img{
    width: 320px;
    height: 200px;
}
.newlist .media .media-body h4.media-heading{
    line-height: 1.6rem;
    color: #004098;
}
.newlist .media .media-body h4.media-heading a{
    display: inline-table;
    width: 80%;
    font-size: 16px;
    color: #004098;
    margin-bottom: 15px;
    margin-top: 5px;
}
.newlist .media .media-body h4.media-heading span.date{
    display: inline-table;
    width: 19%;
    font-size: 12px;
    color: #999;
    text-align: right;
}
.newlist .media .media-body p{
    font-size: 0.9rem;
    height: 7.2rem;
    line-height: 1.8rem;
    overflow: hidden;
    text-indent:0;
}
.newlist .media .media-body .more a{
    font-size: 0.9rem;
    color: #004098;
}




.notice{
    margin-top: 40px;
}
.notice .media{
    height: 100px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}


.notice .media .media-body h4.media-heading{
    line-height: 1.6rem;
    color: #004098;
}
.notice .media .media-body h4.media-heading a{
    display: inline-table;
    width: 80%;
    font-size: 16px;
    color: #004098;
    margin-bottom: 15px;
    margin-top: 5px;
}
.notice .media .media-body h4.media-heading span.date{
    display: inline-table;
    width: 19%;
    font-size: 12px;
    color: #999;
    text-align: right;
}
.notice .media .media-body p{
    font-size: 0.9rem;
    height: 2.2rem;
    line-height: 1.8rem;
    overflow: hidden;
    text-indent:0;
}
.newlist .media .media-body .more a{
    font-size: 0.9rem;
    color: #004098;
}