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

body {padding:0; margin: 0; font-size: 12px; font-family:"Microsoft Yahei";}
ul,ol{list-style:none; padding: 0; margin: 0;}
.clear{clear:both;}
a{text-decoration:none!important;}
.container{width:1200px; margin: 0 auto;}

/*导航end*/
.owl-dots {
    text-align: center;

}

.owl-dots .owl-dot span {
    width: 10px;
    height: 7px;
    border-radius: 50px;
    background: #FFF;
    display: inline-block;
    opacity: .5;
    margin: 0 4px;
	transition:0.5s ease all;
}
.owl-dots .owl-dot.active span {
    opacity: 1;
    width: 30px;
	
}

#owl0 .owl-dots {
    display: inline-block;
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
	z-index: 99;
}

#owl0.owl-carousel .owl-nav .owl-next, #owl0.owl-carousel .owl-nav .owl-prev {
    opacity: 1;
}
#owl0.owl-carousel .owl-nav i {
    font-size: 60px;
    color: #fff;
    opacity: 0.5;
}
#owl0.owl-carousel .owl-nav .owl-next {
    right: 20px; 
}
#owl0.owl-carousel .owl-nav .owl-prev {
    left: 20px; 
}


.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    display: block;
    position: absolute;
    outline: 0;
    top: 40%;
    transform: translateY(-50%);
    z-index: 6;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
/*OWL1*/

#owl1.owl-carousel .owl-nav i {
    font-size: 60px;
    color: #1c1563;
    opacity: 0.8;
}
#owl1.owl-carousel .owl-nav .owl-next {
    right: -20px;
	top: 45%;
}
#owl1.owl-carousel .owl-nav .owl-prev {
    left: -20px;
	top: 45%;
}

#owl1.owl-carousel .owl-nav .owl-next:hover i, #owl1.owl-carousel .owl-nav .owl-prev:hover i {
    opacity: 1
}
#owl1.owl-carousel:hover .owl-nav button {
    opacity: 1
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none;
}
.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible;
}

.banner{position:relative;}
.banner .ban-box{position:absolute; width: 90%;height: 90%; left:5%; top: 5%; z-index: 9;}
.banner .ban-box .ban-logo{ padding-top: 50px; text-align: center;}
.banner .ban-box .ban-tit{font-size:36px; font-weight: bold; color: #FFF; margin-top: 30px; margin-bottom: 10PX;}
.banner .ban-box .ban-ftit{font-size:18px; color: #FFF; margin-bottom: 30px; margin-top: 20px;}
.banner .ban-box .index-menu{padding:30px 0;}
.banner .ban-box .index-menu .menu-item{padding:20px; background-color: rgba(235,235,235,0.5); border-radius: 10px; margin: 0 10px; color: #fff;}
.banner .ban-box .index-menu .menu-item:hover{background-color: rgba(235,235,235,0.55)}
.banner .ban-box .index-menu .menu-item a{display:block; color: #FFF; text-decoration: none;}
.banner .ban-box .index-menu .menu-item .ico{ text-align:center;}
.banner .ban-box .index-menu .menu-item .ico i{font-size:32px; margin-bottom: 5px;}
.banner .ban-box .index-menu .menu-item .tit{color:#FFF;}

.bannerline{ height: 3px; width:50px; background: #FFF; position: relative; margin: 10px auto;}
.bannerline::after{position: absolute; top: 0;  left: -12px; content:""; width:3px; height: 3px; background: #FFF;}
.bannerline::before{position: absolute; top: 0;  right: -12px; content:""; width:3px; height: 3px; background: #FFF;}

/*logo*/
.logobox .logo img{height:80px;}
.logobox .logo-txt{padding:10px;}
.logobox .logo-txt .t1{font-size:18px; color: #333; font-weight: bold; margin-bottom: 5px;}
.logobox .logo-txt .t2{font-size:14px; color: #666;}

.headline {text-align:center; position: relative;}
.headline .tit{font-size: 2rem; color: #333;}
.headline .tit span{ color:#004EAD; padding: 0 10px;}
.headline .line{ height: 3px; width:50px; background: #004EAD; position: relative; margin: 10px auto;}
.headline .line::after{position: absolute; top: 0;  left: -12px; content:""; width:3px; height: 3px; background: #004EAD;}
.headline .line::before{position: absolute; top: 0;  right: -12px; content:""; width:3px; height: 3px; background: #004EAD;}
.headline .ftit{ margin: 0 auto; font-size: 1.1rem; color: #666; font-weight: 300; line-height: 1.8;}
.headline .txt{position:absolute; left: 0; width:100%; top: -20px; font-size: 48px; color: #ebebeb; text-align: center; z-index: -1;}

/*优势*/
.iadvantage{
    position: relative;
    padding: 50px 0;
}

.sl_c {
    margin-bottom: 50px; margin-top: 30px;
}
.sl_c ul{padding:0; margin: 0;}
.sl_c li {
    float:left;
    width:16.6666%;
    overflow:hidden;
    position:relative;
    transition:all 0.8s
}

.sl_c li p {
    position:absolute;
    width:100%;
    height:390px;
    background:rgba(29,29,29,0.6);
    left:0;
    top:0;
    text-align:center;
    box-sizing:border-box;
    padding-top:106px;
}
.sl_c li p i {
    display:block;
    font-size:14px;
    color:#8b8b8c;
    height:26px;
    line-height:26px;
}
.sl_c li p em {
    display:block;
    height:27px;
    line-height:27px;
    font-size:20px;
    color:#fff;
    font-weight:bold;
}
.sl_c li p .span1{
    height:67px;
    font-size:22px;
    color:#fff;
    line-height:58px;
    display:block;
    letter-spacing: 1px;
}
.sl_c li p .span2{
    width: 45px;
    height: 2px;
    display: block;
    background-color: #ffffff;
    margin-left: 75px;
}
.sl_c li p img {
    margin-top:51px;
}
.sl_w {
    width: 445px;
    height: 290px;
    background: rgba(10,54,132,0.8);
    position: absolute;
    left: 79px;
    top: 60px;
    padding: 15px 0 0 20px;
    box-sizing: border-box;
    transform: scale(0);
    transition: all 0.5s;
}
.sl_w i {
    display:block;
    height:26px;
    font-size:12px;
    color:#ffffff;
    line-height:26px;
}
.sl_w h4 {
    height: 45px;
    line-height: 45px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid #ffffff;
    width: 95%;
    padding-bottom: 65px;
}
.sl_w span {
    display: block;
    width: 95%;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
    padding-top: 20px;
    height: 150px;
    overflow: hidden;
}
.sl_w img {
    margin-top:2px;
    display:block;
}
.sl_c li.cur {
    width:50%;
}
.sl_c li.cur p {
    transform:scale(0);
}
.sl_c li.cur .sl_w {
    transform:scale(1);
}


.iadvantage .butls{
    width: 100%;
    text-align: center;
}

.iadvantage .butls .but1{
    width: 390px;
    height: 50px;
    line-height: 50px;
    background-color: #FFFFFF;
    color: #0a3684;
    text-align: center;
    font-size: 16px;
    border: 1px solid #0a3684;
    display: inline-block;
    border-radius: 20px;
    margin-right: 20px;
}
.iadvantage .butls .but2{
    width: 330px;
    height: 50px;
    line-height: 50px;
    background-color: #0a3684;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
    border: 1px solid #0a3684;
    display: inline-block;
    border-radius: 20px;
}


.inpro{background:url(../images/incp.jpg) top center no-repeat #7b7c80; padding:80px 0;}
.proline {text-align:center; position: relative;}
.proline .tit{font-size: 2rem; color: #FFF; position: relative; z-index: 9;}
.proline .tit span{ color:#FFF; padding: 0 10px; }
.proline .line{ height: 3px; width:50px; background: #FFF; position: relative; margin: 10px auto;}
.proline .line::after{position: absolute; top: 0;  left: -12px; content:""; width:3px; height: 3px; background: #FFF;}
.proline .line::before{position: absolute; top: 0;  right: -12px; content:""; width:3px; height: 3px; background: #FFF;}
.proline .ftit{ margin: 0 auto; font-size: 1.1rem; color: #FFF; font-weight: 300; line-height: 1.8;}
.proline .txt{position:absolute; left: 0; width:100%; top: -30px; font-size: 48px; color: #999; text-align: center; z-index: 1;}
.iprobox{padding-top:30px;}
.iprobox .ipro-l{width:22%;}
.iprobox .ipro-r{width:76%; }
.iprobox .ipro-l .ipro-l-lm{padding:25px 20px; background: #192988; font-size: 24px; color: #FFF;}
.iprobox .ipro-l .ipro-l-list{background: #eeeeee; padding: 15px 0;}
.iprobox .ipro-l .ipro-l-list .list-items{line-height: 60px; font-size: 16px; border-bottom: 1px solid #ddd;}
.iprobox .ipro-l .ipro-l-list .list-items a{color:#333;  padding-left: 20px; text-decoration: none; font-weight: bold; display: block; transition: 0.5s ease all;}
.iprobox .ipro-l .ipro-l-list .list-items a:hover{ background:#192988; color: #FFF; padding-left: 25px;}
.iprobox .ipro-l .ipro-l-list .list-items a i{padding-right:10px;}
.iprobox .ipro-l .ipro-l-lx{padding:40px 20px; background:url(../images/icontact-bg.jpg); background-size:cover;}
.iprobox .ipro-l .ipro-l-lx .lx-ico{text-align:center;}
.iprobox .ipro-l .ipro-l-lx .lx-ico i{font-size:48px; color: #0a3684; margin-bottom: 20px;}
.iprobox .ipro-l .ipro-l-lx .lx-tit{font-size:22px; margin-bottom: 10px; text-align: center; color: #333;}
.ipro-r-item{background:#FFF; width:calc(33.33% - 10px); margin: 0 5px 10px 5px; border:1px solid #EEE;}
.ipro-r-item a{color:#333; text-decoration: none;}
.ipro-r-item .ipro-r-txt{background:#EEE;}
.ipro-r-item .ipro-r-pic{overflow:hidden;}
.ipro-r-item .ipro-r-pic img{width: 100%; height: auto; transition: 0.5s ease all;}
.ipro-r-item:hover .ipro-r-pic img{transform:scale(1.1)}
.ipro-r-item:hover .ipro-r-txt a{color: #192988;}
.ipro-r-txt .tit{padding:15px; border-bottom: 1px dashed #333; font-size: 18px;}
.ipro-r-txt .ipro-btn{padding:10px;}
.ipro-r-txt .ipro-btn .xq{width:45%;  text-align: center; }
.ipro-r-txt .ipro-btn .xq a{color: #333; padding: 5px; text-decoration: none; background: #ccc;  display: block;}
.ipro-r-txt .ipro-btn .zx{width:45%;  text-align: center;  }
.ipro-r-txt .ipro-btn .zx a{color: #FFF; padding: 5px; text-decoration: none; background: #0a3684; display: block;}
.ipro-r-txt .ipro-btn .xq a:hover{background: #004EAD; color: #fff;}
.ipro-r-txt .ipro-btn .zx a:hover{background: #004EAD;}

.iads{background:#0a3684; padding:50px 0; color: #FFF;}
.iads .ad1{width:25%; border-right: 1px solid #26519e;;}
.iads .ad1 .t1{font-size: 18px; margin-bottom: 20px;}
.iads .ad1 .t2{font-size: 26px; color: #D9D9D9; font-weight: bold;}
.iads .ad2{width:45%;}
.iads .ad2 .t1{font-size: 24px; margin-bottom: 20px;}
.iads .ad2 .t2{font-size: 16px;}
.iads .ad3{width:25%;}
.iads .ad3 .t1{font-size:20px; margin-bottom: 10px;}
.iads .ad3 .t1 i{padding-right:10px}
.iads .ad3 .t2{font-size:28px;}

.youshi{background-image:url("../images/ysbg.jpg"); background-size: 100%; padding: 60px 0;}
.youshi .ys-box{padding:50px 0;}
.youshi .ys-box .box-l{width:32%;}
.youshi .ys-box .box-c{width:36%;}
.youshi .ys-box .box-c img{width:100%; height: auto;}
.youshi .ys-box .box-r{width:32%}
.youshi .ys-box .box-item{margin-bottom:40px;}
.youshi .ys-box .box-item .tit{font-size: 24px; font-weight: bold; color: #333; margin-bottom: 
10px;}
.youshi .ys-box .box-item .tit i{margin-right: 10px; padding: 10px; border-radius: 10px; text-align: center; color: #FFF; background: #0a3684;}
.youshi .ys-box .box-item .smtext{padding-left:50px; line-height: 1.8; font-size: 14px;}
.fwrx{padding:15px 0; margin: 0 auto; border:1px dashed #192988; text-align: center; width:350px; border-radius: 10px; font-size: 18px; color:#192988 }


.choose{ background:url("../images/choosebg.jpg") top center no-repeat #e5e5e5; padding:60px 0; background-size:cover;}
.choose .choose-box{margin-top: 50px;}
.choose .choose-box .box-item{margin-bottom:30px;}
.choose .choose-box .box-item .box-l{width:48%; position: relative; text-align: left;}
.choose .choose-box .box-item .box-l img{width:70%; height: auto; border:10px solid #192988;}
.choose .choose-box .box-item .box-l .box-txt{width:100%; height: 100%; position: absolute; left: 0; top: 0;}
.choose .choose-box .box-item .box-l .box-smtext{width:65%; height: 80%; padding: 40px; background: #FFF;}
.choose .choose-box .box-item .box-l .box-smtext .tit{font-size:28px; margin-bottom: 30px; color: #000; position: relative;}
.choose .choose-box .box-item .box-l .box-smtext .js{ line-height: 2; font-size: 18px; color: #333; margin-bottom: 10px;}
.choose .choose-box .box-item .box-l .box-smtext .sz{ font-size:72px; color: #e0e0e0;}
.choose .choose-box .box-item .box-l .box-smtext .tit::after{position:absolute; width:30%; height: 1px; background: #192988; content: ""; left: 0; bottom:-15px;}
.choose .choose-box .box-item .box-r{width:48%; position: relative; text-align: right;}
.choose .choose-box .box-item .box-r img{width:70%; height: auto; border:10px solid #192988;}
.choose .choose-box .box-item .box-r .box-txt{width:100%; height: 100%; position: absolute; left: 0; top: 0;}
.choose .choose-box .box-item .box-r .box-smtext{width:65%; height: 80%; padding: 40px; background: #FFF; text-align: left;}
.choose .choose-box .box-item .box-r .box-smtext .tit{font-size:28px; margin-bottom: 30px; color: #000; position: relative;}
.choose .choose-box .box-item .box-r .box-smtext .js{ line-height: 2; font-size: 18px; color: #333; margin-bottom: 10px;}
.choose .choose-box .box-item .box-r .box-smtext .sz{ font-size:72px; color: #e0e0e0;}
.choose .choose-box .box-item .box-r .box-smtext .tit::after{position:absolute; width:30%; height: 1px; background: #192988; content: ""; left: 0; bottom:-15px;}

.solution{ padding:60px; background: #e5e5e5;}
.solution .solution-box{margin-top:30px;}
.solution-list{margin-top:40px;}
.solution-list .solution-item{width:24%;}
.solution-list .solution-item .item-pic{ overflow: hidden;}
.solution-list .solution-item .item-pic img{width:100%; height: auto; transition:0.5s ease all;}
.solution-list .solution-item:hover .item-pic img{transform:scale(1.1)}
.solution-list .solution-item .item-tit{ text-align: center;  font-size: 16px;}
.solution-list .solution-item .item-tit a{background:#333; padding:10px; color: #fff; display: block;}
.solution-list .solution-item:hover .item-tit a{background:#0a3684; color: #FFF;}
.i-more{width:80%; max-width: 320px; text-align: center; margin: 30px auto 10px;}
.i-more a{background:#FFF; border-radius: 10px; display: block; font-size: 18px; color: #000; padding:10px 0;}
.i-more a:hover{background: #0a3684; color: #FFF;}


.line-item{background-image: url("../images/line-bg.jpg"); background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
    background-blend-mode: overlay;
	padding:50px 0;}
.ban-bl {
    background-color:rgba(0,0,0,0.65)!important;
}
.line-item .tit{font-size:32px; color: #FFF; margin-bottom: 10px; font-weight: bold;}
.line-item .ftit{font-size: 18px; color: #FFF;}
.line-item-r{width:150px; }
.line-item-r .lx a{padding:15px 30px; background-color: rgba(10,54,132,0.6); color: #FFF; text-decoration: none;}
.line-item-r .lx a:hover{background-color: rgba(10,54,132,1);}
.hezuo{margin-top:30px;}
.hezuo img{border:1px solid #D2D2D2;;}

.iabout{padding:60px 0;}
.iabout-box{ margin-top: 40px;}
.iabout-box .iabout-pic{width:48%; height: auto;}
.iabout-box .iabout-pic img{width:100%; height: auto;}
.iabout-box .iabout-txt{width:48%; }
.iabout-box .iabout-txt .tit{font-size:24px; color: #333; margin-bottom: 10px;}
.iabout-box .iabout-txt .ftit{ font-size: 18px; color: #333;}
.iabout-box .iabout-txt .smtext{ line-height: 1.8; margin-top: 30px; font-size: 14px; color: #333；}
.iabout-box .iabout-txt .gengduo{ margin-top: 20px; width: 180px;  text-align: center;}
.iabout-box .iabout-txt .gengduo a{ color: #192988; font-size: 14px; display: block; border: 1px solid #DDD; padding:10px 30px; }
.iabout-box .iabout-txt .gengduo a:hover{ background: #0a3684; color: #fff;}
.xc-tit{ margin-top: 30px;}
.xc-tit .xc-tit-l i{font-size: 32px; color: #192988; padding-right: 10px;}
.xc-tit .xc-tit-l{font-size:22px; margin-bottom: 30px;}
.xc-tit .xc-tit-l span{color:#666; padding:0 15px;}
.xc-tit .xc-tit-r a{ color:#192988; font-weight: bold;}
.xc-picbox{background:#f5f5f5; padding:20px 0;}
.xc-picbox .xc-item{width:24%;}
.xc-picbox .xc-item .xc-item-pic{ overflow: hidden;}
.xc-picbox .xc-item .xc-item-pic img{width:100%; height: auto; transition: 0.5s ease all;}
.xc-picbox .xc-item:hover .xc-item-pic img{transform: scale(1.1);}
.xc-picbox .xc-item .xc-item-tit { padding: 10px 0; text-align: center; background:#e5e5e5; color: #333; }
.xc-picbox .xc-item:hover .xc-item-tit{background:#192988; color: #FFF;}

.inews{padding:60px 0; background-image: url("../images/in_news.jpg"); background-size:cover;}
.inews .inews-box{margin-top:30px;}
.inews .inews-box .inews-box-l{width:62.5%; background: #FFF; border-right: 1px solid #EEE;}
.inews .inews-box .inews-box-l .l-top{ position: relative;}
.inews .inews-box .inews-box-l .l-top .top-txt{position: absolute; width:100%; height: 100%; left: 0; top: 0;}
.inews .inews-box .inews-box-l .l-top .top-txt .inbox{padding:40px;}
.inews .inews-box .inews-box-l .l-top .top-txt .inbox a{color:#FFF; font-size: 26px;}
.inews .inews-box .inews-box-l .l-top .top-txt .inbox .inews-more a{font-size:20px;}
.inews .inews-box .inews-box-l .l-top img{width:100%;}
.inews .inews-box .inews-box-l .toutiao{ padding: 0 30px; margin-top: 20px; border-bottom: 1px solid #EEE;}
.inews .inews-box .inews-box-l .toutiao .toutiao-tit{width:100%;}
.inews .inews-box .inews-box-l .toutiao .toutiao-tit span{background:#192988; color: #FFF; padding:6px 15px; margin-right: 10px;}
.inews .inews-box .inews-box-l .toutiao .toutiao-tit .tit-l a{color: #333; font-size: 18px; padding-left: 0px; transition: 0.5s ease all;}
.inews .inews-box .inews-box-l .toutiao .toutiao-tit .tit-l a:hover{padding-left:8px;}
.inews .inews-box .inews-box-l .toutiao .toutiao-smtext{ line-height:1.8; font-size: 14px; color: #333; padding: 20px 0px;}
.inews .inews-box .inews-box-l .list{padding:30px;}
.inews .inews-box .inews-box-l .list .list-item{padding:10px 0; font-size: 14px;}
.inews .inews-box .inews-box-l .list .tit{width:80%;}
.inews .inews-box .inews-box-l .list .tit i{padding-right:5px;}
.inews .inews-box .inews-box-l .list .tit a{color:#333; padding-left: 0; transition: 0.5s ease all;}
.inews .inews-box .inews-box-l .list .tit a:hover{color: #192988; padding-left: 5px;}
.inews .inews-box .inews-box-l .list .time{width:20%; text-align: right; }
.inews .inews-box .inews-box-r{width:37.5%;background: #FFF; }
.inews .inews-box .inews-box-r .r-top{padding:30px;}
.inews .inews-box .inews-box-r .r-top-tit{font-size:24px; color: #333;}
.inews .inews-box .inews-box-r .r-top a{color:#333;}
.inews .inews-box .inews-box-r .r-list{ }
.inews .inews-box .inews-box-r .list-item:hover{background:#F8F8F8;}
.inews .inews-box .inews-box-r .r-list a{color:#333;}
.inews .inews-box .inews-box-r .r-list .tit{padding-left:0; font-size: 18px; transition: 0.5s ease; margin-bottom: 10px;}
.inews .inews-box .inews-box-r .list-item:hover .tit{padding-left:5px; color:#192988 }
.inews .inews-box .inews-box-r .list-item{margin-bottom: 20px; padding:10px 30px;}
.inews .inews-box .inews-box-r .r-list .smtext{line-height: 1.8; font-size: 14px;}
.footer{background:#141414;}
.f-box{padding:0 10px;}
.f-box .f-logo img{width:40%;}
.f-box .f-text .tit{margin-top: 10px; font-size:24px; color: #FFF;}
.f-box .f-text .ftit{font-size:18px; margin-top: 10px; color: #DBDBDB;}
.f-box .f-box-tit{font-size:18px; color: #FFF; margin-bottom: 30px; position: relative;}
.f-box .f-box-tit::after{width:30px; height: 3px; background: #004EAD; position: absolute; content: ""; left: 0; bottom: -10px; transition:0.5s ease all;}
.f-box:hover .f-box-tit::after{width:60px;}
.f-box .f-list{width:100%; margin-bottom: 10px;}
.f-box .f-list a{color:#DBDBDB; text-decoration: none;}
.f-box .f-list a:hover{color: #fff; }
.f-box .f-list-b{width:50%; padding:5px 0;}
.f-box .f-list-b a{color:#DBDBDB; text-decoration: none; }
.f-box .f-list-b a:hover{color: #fff; }

.f-name{font-size:16px; margin-bottom:15px; color:#DBDBDB;}
.f-box .f-contact .c-box .c-box-ico{width:30px; text-align: center; margin-right: 5px;}
.f-box .f-contact .c-box .c-box-ico i{font-size:20px; color: #DBDBDB;}
.f-box .f-contact .c-box .c-box-txt {margin-bottom: 8px;}
.f-box .f-contact .c-box .c-box-txt .t1{font-size: 14px; color: #ddd; margin-bottom: 2px;}
.f-box .f-contact .c-box .c-box-txt .t1 a{color:#fff; text-decoration: none;}
.f-box .f-ewm img{max-width:120px;}
.f-box .f-ewm-tit{font-size:12px; color: #EEE; line-height:30px;}

.copyright{ padding:20px; font-size: 13px; text-align: center; background: #000; color: #999;}
.copyright a{ color:#999;}
.copyright a:hover{ color:#FFF;}


.in-nav{background: #024eac; padding:30px 0; color: #FFF; font-size: 28px;}
.in-nav i{padding-right: 20px;}
.bread{padding:30px 0; font-size: 14px;}
.bread i{color:#024eac; padding-right: 15px; font-size: 20px;}
.bread a{color:#333;}
.bread a:hover{ color: #024eac;}

.inner-box{padding:0px 0px 40px;}
.inner-box .inner-l{width:20%;}
.inner-box .inner-l .left-nav{ }
.inner-box .inner-l .left-nav .t1{background:#333;  padding:25px; font-size: 22px; color: #FFF;}
.inner-box .inner-l .left-nav .t1 i{font-size:28px;}
.inner-box .inner-l .left-nav .nav-item{ border-bottom: 1px solid #DDD;}
.inner-box .inner-l .left-nav .nav-item a{color: #333; transition:0.5s ease all; font-size: 16px; display: block; background:#EEE; padding:15px; }
.inner-box .inner-l .left-nav .nav-item a i{padding-right:10px;}
.inner-box .inner-l .left-nav .nav-item a:hover{padding-left:20px; color: #FFF; background: #004EAD;}
.inner-box .inner-l .left-nav .cur a{color: #FFF!important; background: #004EAD!important;}
.inner-box .inner-r{width:78%; line-height: 1.8; font-size: 16px; color: #333;}
.inner-box .inner-r img{max-width:100%;}
.inner-box .inner-l .left-contact{border:1px solid #EEE; position:sticky; top:100px; z-index:99;}
.inner-box .inner-l .left-contact .t1{background:#004EAD;  padding:25px; font-size: 20px; color:#FFF;}
.inner-box .inner-l .left-contact .t1 i{font-size:28px;}
.inner-box .inner-l .contact-txt{padding:20px; line-height: 2.2; font-size: 16px; color: #333;}
.pagelist{text-align:center; padding-top:20px; text-align: center;}


.pro-smtxt .pro-pic{width:40%; }
.pro-smtxt .pro-pic img{width:100%;height: auto; border: 1PX solid #f4f4f4; }
.pro-smtxt .pro-txt{width:55%;}
.pro-smtxt .pro-txt .pro-txt-tit{font-size: 20px; color: #333; border-bottom: 1px solid #F2F2F2; padding-bottom: 15px; margin-bottom: 5px;}
.pro-smtxt .pro-txt .pro-txt-smtext{ padding:10px 0; line-height: 1.8; font-size: 16px; color: #333;}
.pro-smtxt .pro-txt .pro-txt-td{padding:10px 0;}
.pro-smtxt .pro-txt .pro-txt-td .td-item{margin-right:10px;}
.pro-smtxt .pro-txt .pro-txt-td .td-item a{padding:8px 15px; background: #295e92; color: #FFF; border-radius: 5PX;}
.pro-smtxt .pro-txt .pro-txt-td .td-item a:hover{background:#004EAD}
.pro-smtxt .pro-txt .pro-lx{ padding-top: 20px;}
.pro-smtxt .pro-txt .pro-lx .l-l{width:65%;}
.pro-smtxt .pro-txt .pro-lx .l-l .l-l-ico{width:15%;}
.pro-smtxt .pro-txt .pro-lx .l-l .l-l-txt{width:85%;}
.pro-smtxt .pro-txt .pro-lx .l-l .l-l-box{width:100%;}
.pro-smtxt .pro-txt .pro-lx .l-l .l-l-txt .l-l-dh{font-size:28px; margin-top: 2px; color: #004EAD;}
.pro-smtxt .pro-txt .pro-lx .l-r{width:35%; text-align: center;}
.pro-smtxt .pro-txt .pro-lx .l-r img{width:80%;}
.pro-smtxt .pro-txt .pro-lx .l-r p{ text-align: center; font-size: 14px; margin-top: 5px;}
.pro-detail{padding:20px 0;}

.pro-cs{position:relative; margin-top: 20px; border-bottom: 1px solid #F0F0F0; padding-bottom: 10px; margin-bottom: 10px; font-size: 20px; }
.pro-cs::after{width:40px; position: absolute; content: ""; left: 0; bottom:0; height: 2px; background: #004EAD;}
.pro-tj{padding-top:10px;}
.tj-item{width:calc(33.33333% - 20px); margin: 10px; transition:0.5s ease all;  border:1px solid #F5F5F5; cursor:pointer;}
.tj-item:hover .tj-tit{color:#FFF; background:#004EAD;}
.tj-item a{ color:#444;}
.tj-item .tj-pic{overflow: hidden;}
.tj-item .tj-pic img{width:100%; height: auto; transition: 0.5s ease all}
.tj-item .tj-pic img:hover{transform:scale(1.05);}
.tj-item .tj-tit{ padding:10px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; background:#F8F8F8;}
.in-box .in-box-tit{font-size:18px; border-bottom: 1px solid #EEE; padding:15px 0;}
.in-box .in-box-time{font-size:12px; color: #555555; text-align: center; padding: 10px 0; margin-bottom: 20px;}
.in-box .in-box-txt{line-height:2; font-size: 16px; color: #333;}
.in-box .in-box-txt img{max-width:100%; height: auto;}

.in-box .fy{margin-top:30px; padding-top: 30px; border-top: 1px solid #EEE; color: #333; font-size: 14px;}
.in-box .fy .fy-l a{ color: #333;}
.in-box .fy .fy-l span{ color:#999;}
.in-box .fy .fy-r a{display: block; padding:10px 30px; color: #FFF; font-size: 18px; background: #004EAD;}

.list-item{border-bottom: 1px solid #EEE; padding:20px 0;}
.list-item .item-l{width:78%; border-right: 1px solid #F0F0F0;}
.list-item .item-l .item-l-pic{width:20%;}
.list-item .item-l .item-l-pic img{width:100%; height: auto; transition: 0.8s ease all;}
.list-item .item-l:hover .item-l-pic img{transform: scale(1.1);}
.list-item .item-l .item-l-txt{width:80%; padding: 0px 20px; transition: 0.8s ease all;}
.list-item .item-l:hover .item-l-txt{padding:0 10px 0 30px;}
.list-item .item-l .item-l-txt .tit{font-size: 18px; color: #333; margin-bottom: 10px;}
.list-item .item-l:hover .item-l-txt .tit{color: #024eac;}
.list-item .item-l .item-l-txt .smtext{line-height: 2; font-size: 14px; color: #666; margin-bottom: 5px;}
.list-item .item-l .item-l-txt .time{font-size:14px; color: #999;}
.list-item .item-r{width:20%; font-size: 20px;}
.list-item .item-r a{color:#888;}

.hzlist{padding:20px 0;}
.hzlist .hzbox{width:25%; padding:10px;}
.hzlist .hzbox .hzpic img{width:100%; border: 1px solid #DDD}
.hzlist .hzbox .hztit{ padding:5px; text-align: center;}

.xiangce{width:33.333%; padding:10px;}
.xiangce .xc-pic{overflow: hidden; cursor: pointer;}
.xiangce .xc-pic img{width:100%; height: auto; transition:0.5s ease all;}
.xiangce .xc-pic img:hover{transform:scale(1.1)}
.xiangce .xc-tit{padding:5px; text-align: center; font-size: 16px; background: #EEE; margin: 0;}
.xiangce a{color:#333;}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}
.pagination>li {
    display: inline
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

@media (max-width:767px) {
	.container{width:100%;}
	
}