.bg3{background-color: #16151a;}
.bg4{background-color: #13428a;}
.bg5{background-color: #0f3783;}
.color3{color: #cacaca;}
.color4{color: #13428a;}
.color5{color: #0c50e0;}
.hd48-lhd24{height: 48px;line-height: 24px;}


.toptxt{height: 30px;line-height: 30px;}
.toptxt .text{width: 317px;overflow: hidden;height: 30px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;}
.navBar {height:100px;line-height:100px;}
.navBar h1{height: 100px;}
.nav {position:relative;}
.nav a {color:#333;}
.nav .m {float:left;position:relative;z-index:1;}
.nav .on{background: url(../images/nav2.png) no-repeat  center 75%;}
.nav .s {float:left;width:3px;text-align:center;color:#D4D4D4;font-size:12px;}
.nav h3 a {display:block;width:124px;text-align:center;font-weight:400;font-size: 16px;}
.nav .sub {display:none;position:absolute;left:-3px;top:105px;z-index:1;width:128px;background:#fff;}
.nav .sub li {text-align:center;}
.nav .sub .sub1-li{position: relative;}
.nav .sub .sub1-li:hover{background-color: #0f3783;}
.nav .sub .sub1-li:hover .sub1-a{color: #fff;border-bottom:1px solid #0f3783;}
.nav .sub li a {display:block;height:40px;line-height:40px;color:#666;}
.nav .sub li .sub1-a {border-bottom:1px solid #E6E4E3;color:#666;}

.nav .sub .sub2{display: none; position:absolute;top:0px;z-index:1;margin-left: 128px; background:#0f3783;width: 190px;}
.nav .sub .sub1-li:hover .sub2{display: block;}
.nav .sub li .sub2-a {border-bottom:1px solid #28509c;color:#fff;}
.nav .sub .sub2-li:hover{background-color: #f8f8f8;}
.nav .sub .sub2-li:hover .sub2-a{color: #28509c;border-bottom:1px solid #f8f8f8;}

.border-bottom{border-bottom: 1px solid #b7b7b7;}

.b-line2{border-bottom: 4px solid #0f3783;width: 20px;margin: 0 auto;}
.b-line3{border-bottom: 4px solid #0f3783;width: 20px;}

.focusBox {position:relative;width:100%;overflow:hidden;}
.focusBox .pic img {visibility: hidden;}
.focusBox .pic li{width:100%;}
.focusBox .pic li a{display: block;height: 100%;}
.focusBox .hd {overflow:hidden;zoom:1;position:absolute;bottom:30px;left:50%;margin-left: -50px; z-index:3}
.focusBox .hd li {float:left;line-height:15px;text-align:center;font-size:12px;width:25px;height:10px;cursor:pointer;overflow:hidden;background:#919191;margin-left:4px;filter:alpha(opacity=80);opacity:.8;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .hd .on {background:#fff;filter:alpha(opacity=100);opacity:1;}
.focusBox .prev,.focusBox .next {width:45px;height:99px;position:absolute;top:300px;z-index:3;filter:alpha(opacity=20);-moz-opacity:.2;opacity:.2;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;background-image:url(../images/index.png);}
.focusBox .prev {background-position:-112px 0;left:50%;margin-left: -910px;}
.focusBox .next {background-position:-158px 0;right:50%;margin-right: -910px;}
.focusBox .prev:hover,.focusBox .next:hover {filter:alpha(opacity=60);-moz-opacity:.8;opacity:.8}

.project{background-color: #f8f8f8;}
.project .topbox .h50{height: 50px;line-height: 50px;}
.project .list{box-shadow: 0px 2px 6px 0px rgb(214 214 214 / 60%);}
.project .list li{float: left;width: 15%; padding: 0 2.5%;background: url(../images/line1.jpg) right top repeat-y;}
.project .list li.line5{background: none;}
.project .list .img{padding-bottom: 100%;transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out;}
.project .list li:hover .img{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.project .list .bg{background: url(../images/service2.png) no-repeat  center}
.project .list .desc{min-height: 230px;}

.sear-wrap .search{border: 1px solid #dcdddd;border-radius: 6px;background-color: #fff;padding:3px 0 0;}
.sear-wrap .search input{outline:none;border: none;vertical-align: middle;}
.sear-wrap #keywords3{height: 24px;line-height: 24px;width: 73%;margin-left: 2%;}
.sear-wrap #post_search3{display: inline-block;height: 24px;width: 24px;background: url(../images/search.png) center no-repeat;width: 20%;cursor: pointer;}

.dtitle .h50{height: 50px;line-height: 50px;}
.dtitle .dmore{margin-top: 25px;}
.dtitle .dmore a{padding: 5px 20px;color: #0f3783;border: #0f3783 solid 1px;border-radius: 6px;}


.tuijian .dlist li{margin-top: 40px;position: relative;}
.tuijian .dlist .title{height: 48px;line-height: 48px;overflow: hidden;}
.tuijian .dlist .key{position: absolute;margin-top: -20px;width: 98.5%;}
.tuijian .dlist .key span{padding: 10px 20px;background-color: #0f3783; color: #fff;}
.tuijian .dlist .desc{height: 28px;line-height: 28px;overflow: hidden;}




.about .dmore{background: url(../images/tel2.png) left center no-repeat;padding-left: 70px;}
.aboutbox .img{width: 59.5%;margin-right: 2%;}
.aboutbox .desc{width: 38%;}
.more .morelink{padding: 5px 10px;color: #0f3783;border: #0f3783 solid 1px;border-radius: 6px;}
.more .morelink:hover{background-color: #0f3783;color: #fff;}

.about .partner .img{background-size:contain}





/*棣栭〉浜у搧灞曠ず*/
.product-Box .pbox-left {width: 252px;background-color: #13428a;padding: 0 6px 6px 6px;}
.product-Box .pbox-right {width: 918px;}
.product-Box .pbox-left .hd-catname a{height: 48px;line-height: 48px;font-size: 20px;color: #fff;display: inline-block;padding: 20px 0;}
.product-Box .pbox-left .c-name{width: 20%;}
.product-Box .pbox-left .cat-name{border: 1px solid #f4f4f4;padding:0 10px; margin-bottom: 15px;height: 191px;font-weight: bold;}
.product-Box .pbox-left .name2{height: 190px;}
.product-Box .pbox-left .name4{height: 143px;margin-bottom: 0;}
.product-Box .pbox-left .c-name .cat1{padding-top: 25px;}
.product-Box .pbox-left .c-name .cat2{padding-top: 40px;}
.product-Box .pbox-left .c-name .cat3{padding-top: 40px;}
.product-Box .pbox-left .c-name .cat4{padding-top: 20px;}    
.product-Box .pbox-left .hd li{height: 47px;line-height: 47px;border: 1px solid #f4f4f4;border-top: none;cursor: pointer; padding-left: 20px; background: url(../images/icon_a1.png) 90% center no-repeat;}
.product-Box .pbox-left .hd li.li1{margin-top: 15px;border-top: 1px solid #f4f4f4;}
.product-Box .pbox-left .hd li.on{background: url(../images/icon_a.png) 90% center no-repeat;}
.product-Box .pbox-left .hd li.on a{color: #13428a;}

.pbox-right .bd li{width: 30.333%; margin: 10px 0.75% 0;float: left;padding: 10px 0.75%;}
.pbox-right .bd li img{width: 100%; max-width: 100%; height: 195px;visibility: hidden;}
.pbox-right .bd li:hover{background-color: #13428a;}
.pbox-right .bd-title{border: 1px solid #e0dede;background-color: #fbfbfb;}
.pbox-right .bd-title .bd-name{display: inline-block;height: 48px;line-height: 48px;padding: 0 20px; color: #fff; background-color: #13428a;font-size: 16px;}
.pbox-right .bd-title .p-more{display: inline-block;height: 48px;line-height: 48px;padding: 0 20px;}
.pbox-right .bd .p-title a{display: block;padding: 10px 0;font-size: 16px;}


.categorylist .dlist li:hover{background-color: #13428a;}


.xiangguang a{border: 1px solid #ddd;margin-right: 3px;padding: 0 2px;}

.case .wrap{margin: auto; width: 1200px;padding: 50px 100px; border-radius: 10px; overflow: hidden; z-index: 9; box-shadow: 0px 3px 18px #dfdfdf;margin-bottom: 25px;}

.case .wrap .pic-wrap .tab-hd a{ margin: 10px 0;width: 200px;height: 36px;line-height: 36px; background: linear-gradient(-45deg, transparent 15%, #ddd 0, #ddd 85%, transparent 0);}
.case .wrap .pic-wrap .tab-hd a.on {background: linear-gradient(-45deg, transparent 15%, #0f3783 0, #0f3783 85%, transparent 0);color: #fff;}


.case .wrap .pic-wrap .tab-bd li{float: left; width: 31.33%; margin: 10px 1%;}
.case .wrap .pic-wrap .mask{width: 100%;height: 100%;top: 100%;background-color: rgba(0, 0, 0, 0.6);transition: top .3s;}
.case .wrap .pic-wrap .mask h5{margin-top: 100px;}
.case .wrap .pic-wrap .mask p{line-height: 48px;height: 48px;}
.case .wrap .pic-wrap .mask .addr{border-bottom: 2px solid #fff;}
.case .wrap .pic-wrap .tab-bd li:hover .mask{top:0}
.case .wrap .pic-wrap .pic .pic-bg{padding-top: 75%;}



.scrollBox {width:1300px;padding:10px;position:relative;height: 300px;overflow: hidden;}
.scrollBox .piclist {overflow:hidden;zoom:1;}
.scrollBox .ohbox {overflow:hidden;position:relative;width:1200px;left:60px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li {float:left;display:inline;width:275px;height: 240px; background:#fff;border:1px solid #c9bea9;margin-right:10px;padding:5px;}
.scrollBox .piclist li img{height: 210px;}
.scrollBox .piclist li span {height:25px;line-height:25px;display:block;text-align:center;}
.scrollBox .pageBtn span {background:url(../images/bntBg.png) no-repeat;display:block;width:37px;height:59px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden;}
.scrollBox .pageBtn .prev {left:20px;background-position:-11px -84px;}
.scrollBox .pageBtn .next {right:20px;background-position:-53px -84px;}
.scrollBox .pageBtn .list {overflow:hidden;zoom:1;margin:10px 0 0 600px;}
.scrollBox .pageBtn .list li {background:url(../images/bntBg.png);float:left;display:inline;width:15px;height:15px;background-position:-86px -57px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;}
.scrollBox .pageBtn .list li.on {background-position:-114px -57px}



.advantage ul li{width: 18%;margin: 10px 1%; float: left;}
.advantage ul li a{display: block;border: 1px solid #a9a7a8; border-radius: 8px;}



.news{background: url(../images/news-bg.jpg) center top no-repeat;}
.news .news-wrap {width: 40%;background: url(../images/tu20.jpg) center top no-repeat;border: 1px solid #a9a7a8; border-radius: 4px;}
.news .n1{margin:0 2% 0 9%;}
.news .title{height: 56px;line-height: 56px;}
.news .news-wrap li{border-bottom: 1px solid #666; padding: 10px 20px;}
.news .news-wrap li.li3{border: none;}
.news .news-wrap .con{line-height: 24px;height: 48px;overflow: hidden;}

.link .left{width: 12%;}
.link .right{width: 87%;}
.link .right a {color: #666; margin: 0 10px; font-size: 14px;}


.form-one .in1{width: 13%;background: url(../images/hot1.png) right top no-repeat;height: 48px;line-height: 48px; font-size: 24px;margin:0 1% 0 9%;}
.form-one .in2 {width: 20%;margin-right: 1%;border: 1px solid #ccc;padding-left: 10px;}
.form-one .in2 input{background: url(../images/user1.png) left center no-repeat;}
.form-one .in3 {width: 26%;margin-right: 1%;border: 1px solid #ccc;padding-left: 10px;}
.form-one .in3 input{background: url(../images/phone1.png) left center no-repeat;}
.form-one .in4{width: 20%;background-color: #0f3783;color: #fff;font-size: 24px;text-align: center;cursor: pointer;height: 48px;line-height: 48px;}
.form-one li input{width: 85%;outline: none;height: 48px;line-height: 48px;border: none;padding-left: 15%;}


/*鍐呭椤?/
.page-banner .hd320{height: 320px;}
.sitemap{border-bottom: 1px solid #ededed;}
.sitemap .catname{width: 40%;height: 50px;line-height: 50px;}
.sitemap .catpos{width: 58%;height: 50px;line-height: 50px;}


/* 鍥剧墖鍒楄〃 */
.page-con .page-nav{padding: 10px;border: 1px dotted #ccc;}
.page-con .page-nav .left{width: 10%;background-color: #0f3783;height: 30px;line-height: 30px;border-radius: 10px; text-align: center;}
.page-con .page-nav .left img{vertical-align: text-top;margin-right: 5px;}
.page-con .page-nav .right{width: 89%;height: 30px;line-height: 30px;}
.page-con .page-nav .right li{float: left; margin-right: 10px;padding: 0 25px;border-radius: 10px;}
.page-con .page-nav .right li a{font-size: 16px;color: #222;}
.page-con .page-nav .right li.on{background-color: #e5e5e5;}
.page-con .pic-list li{width: 32%;margin: 10px 0; float: left;}
.page-con .pic-list li a{border: 1px solid #e1e1e1;}
.page-con .pic-list li.li-n2{margin: 10px 2%;}
.page-con .pic-list .pic{padding-top: 75%;}
.page-list{padding: 20px 0;}
.page-list a,.page-list span{display: inline-block;padding: 5px 10px;border: 1px solid #e5e5e5;}
.page-list i{display: inline-block;padding: 5px 10px;}
.page-list span{background-color: #0f3783; color: #fff;}

.page-banner2{height: 310px;}


.page-video .title span,.page-video .title i,.page-video .title small,.page-video .title h5 a{height: 40px;line-height: 40px;}
.page-video .video-list li{width: 24%;margin: 10px 0 10px 1.333%; float: left;}
.page-video .video-list li a{border: 1px solid #e1e1e1;}
.page-video .video-list li.li-n2{margin: 10px 0;}
.page-video .video-list .pic{padding-top: 75%;}


/*浜у搧璇︽儏椤?/
.page-con .conbox1 .pic{width: 70%;}
.page-con .conbox1 .desc-wrap{width: 29%;}
.page-con .conbox2 .text{border-bottom: 1px solid #0f3783;}
.page-con .conbox2 .text span{padding: 5px 10px;}

.picturebox {position:relative;padding:5px;overflow:hidden;}
.picturebox .bigImg {height:700px;position:relative;}
.picturebox .bigImg li img {vertical-align:middle;width:700px;height:700px;}
.picturebox .bigImg h4 {font-size:14px;font-weight:bold;line-height:33px;height:33px;padding-right:30px;overflow:hidden;text-align:left;}

.picturebox .sPrev,.picturebox .sNext {display:block;height:40px;}
.picturebox .sPrev {background:url(../images/feel_up.png) no-repeat center;}
.picturebox .sNext {background:url(../images/feel_down.png) no-repeat center;}
.picturebox .smallImg {zoom:1;}
.picturebox .smallImg ul {overflow:hidden;zoom:1; }
.picturebox .smallImg li {padding:0 4px 0 0;cursor:pointer;}
.picturebox .smallImg img {border:1px solid #dcdddd;width:80px;height:80px;}
.picturebox .smallImg .on img {border-color:#1e50a2;}
.picturebox .pageState {position: absolute; right: 0;margin-top: -30px; font-family:"Times New Roman",serif;letter-spacing:1px;text-align: center;}
.picturebox .pageState span {color:#f00;font-size:16px;}


.line-hd2 {height: 3px; background-color: #f2f3f8;}
.line-hd2 .hd2{display: block;height: 3px;background-color: #13428a;width: 20%;}

.con-contact a{padding: 5px 20px;border-radius: 6px;}




/* 鏂囩珷鍒楄〃 */
.news-nav a{display: inline-block;padding: 5px 20px;border: 1px solid #dfdfdf; border-radius: 5px;margin: 0 10px 10px 10px;}
.news-nav a.on,.news-nav a:hover{background: #0f3783; border: 1px solid #0f3783; color: #fff;}
.page-con .news-list li{margin: 10px 0 0; border: 1px solid #f4f4f4; padding: 5px; background-color: #fff;}
.page-con .news-list li a{padding: 15px;}
.page-con .news-list .pic{width: 20%;overflow: hidden;}
.page-con .news-list .pic  img{transition: all 0.3s;}
.page-con .news-list li:hover .pic  img{transform:scale(1.1);-webkit-transform:scale(1.1);filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.1,M22=1.1);transition: .3s transform;}
.page-con .news-list .desc{width: 77%;padding: 10px 1%;}
.page-con .news-list li:hover .desc h5{color: #0f3783;}

.line{border-bottom: 1px solid #ededed;height: 1px;}

#allmap {width: 100%; height: 400px; overflow: hidden; font-family: "寰蒋闆呴粦";}
#allmap b {color: #CC5522; font-size: 14px;}
#allmap img { max-width: none;}

.page-con .contact li{float: left;background: #0f3783;border: 2px solid #0f3783;border-radius: 3px;width:22.5%;height: 158px;overflow: hidden;text-align: center;margin: 10px 1%;}

.page-con .contact li h5 {background: #fff;height: 68px;line-height: 68px;color: #000; font-size: 18px;}
.page-con .contact li h5 img {vertical-align: middle;margin-right: 10px;}
.page-con .contact li p {color: #fff; padding: 0 20px; font-size: 16px; line-height: 30px; margin-top: 16px;}


.suspend_nav {background:#0f3783;width:40px;position:fixed;bottom:50px;right:10px;text-align:center;z-index:5000;border:1px solid rgba(255,255,255,0.7);}
.suspend_nav .list {height:48px;color:#fff;padding:6px 0;transition:all .3s;position:relative;overflow:hidden;cursor:pointer;transition:all .3s;}
.suspend_nav .list.on-off{height:24px;padding:6px 0;}
.suspend_nav .list:last-child {border:none;}
.suspend_nav .list:hover {background:#043431;transform:rotate(0);}
.suspend_nav .list i {display:block;transition:all .3s;position:relative;z-index:2;font-size:30px;}
.suspend_nav .list p {position:relative;z-index:2;}
.suspend_nav .top {padding:0;line-height:40px;height:0;overflow:hidden;opacity:0; }
.suspend_nav .top:after {content:"";width:100%;height:1px;background:rgba(255,255,255,0.3);position:absolute;bottom:0;left:0;}
.suspend_nav .top.active {height:24px;opacity:1;padding: 6px 0;}
.suspend_nav .top i {background: url(../images/huojian.png) center center no-repeat; height: 24px; width: 100%;}
.suspend_nav .icon-dianhua{display: inline-block; background: url(../images/phoner.png) center center no-repeat transparent;height: 24px;}
.suspend_nav .icon-weixin{display: inline-block; background: url(../images/wechat.png) center center no-repeat transparent;height: 24px;}
.suspend_nav .icon-mail{display: inline-block; background: url(../images/mail.png) center center no-repeat transparent;height: 24px;}
.suspend_nav .icon-qq{display: inline-block; background: url(../images/qq.png) center center no-repeat transparent;height: 24px;}
.suspend_nav .on-off {padding:0;line-height:40px;}
.suspend_nav .on-off.active i {transform:rotate(135deg);}
.suspend_nav .list:hover {color:#fff;}
.suspend_nav ul li {position:relative;border-bottom:1px solid rgba(255,255,255,0.3);}
.suspend_nav ul li .list {border:none;}
.suspend_nav ul li .weixin {position:absolute;right:48px;bottom:0;border:1px solid #0f3783;transform:scale(0);transform-origin:100% 100%;transition:all .3s;padding-bottom:10px;background:#fff;padding:5px;}
.suspend_nav ul li .weixin img {width:150px;height:150px;}
.suspend_nav ul li:hover .weixin {transform:scale(1);}
.suspend_nav ul li .popup {position:absolute;min-width:200px;min-height:150%;top:0;right:100%;border:1px solid #0f3783;text-align:left;display:flex;justify-content:center;align-items:center;background:#0f3783;color:#fff;visibility:hidden;transition:all .3s;opacity:0;padding:0 15px;}
.suspend_nav ul li .popup p {font-size:16px;}
.suspend_nav ul li .popup a {font-size:20px;color:#fff;display:inline-block;margin-top:5px;}
.suspend_nav ul li:hover .popup {visibility:visible;right:48px;opacity:1;}
.suspend_nav .icon-cha{display: inline-block; background: url(../images/close.png) center center no-repeat transparent;height: 24px;}


.bottom-nav ul .ni1{width: 15%;}
.bottom-nav ul .ni2{width: 20%;border-left: 1px solid #3e6db4;border-right: 1px solid #3e6db4;}
.bottom-nav ul .ni3{width: 15%;}
.bottom-nav ul .ni4 img{width: 100px;}
.bottom-nav ul .ni4{width: 15%;}
.bottom-nav ul .ni5{width: 30%;}
.ni5 .form{}
.ni5 .form input,.ni5 .form textarea{border: none;outline: none;background-color: transparent;border-bottom: 1px solid #3e6db4;color: #fff;width: 100%;height: 36px;line-height: 36px;margin-top: 20px;}
.ni5 .form #dosubmit{border: none;background-color: #fff;color: #13428a;text-align: center;margin-top: 30px;}
.footer{}
.footer .left{width: 60%;margin-left: 5%;}
.footer .right{width: 30%;}
.footer .right .tel{text-align: center; font-size: 22px;color: #de241f; width: 230px; height: 34px; line-height: 34px; border-radius: 4px; margin-top: 8px;}
.footer .right .tel img{vertical-align: middle;margin-right: 10px;}



.jrt_diy_box ul,.jrt_diy_box li{list-style: none;}
.diy-li-3 li{width: 31.333%;margin:10px 1%;}
.diy-li-2 li{width: 48%;margin:10px 1%;}
.diy-li-3 .jrt_con_img img{max-width: 100%;height: auto !important;}
.diy-li-2 .jrt_con_img img{max-width: 100%;height: auto !important;}

@media only screen and (min-width:767px) {
    body {min-width: 1400px;}
}