@charset "utf-8";
/*html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }*/
*{margin:0;padding:0;font-family:"Arial"; box-sizing:border-box}
body{background:url(../images/bg.jpg); color:#333; font-size:14px;font-family:"Microsoft Yahei";}
em,i{font-style:normal;}
img{border:0; max-width:100%; }
ul,ol,li{list-style:none;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{ text-decoration:none; color:#014f99;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;display:block;}
.clear:after{ content:""; clear:both; display:block;}
.fl{float:left;}
.fr{float:right;}
.w1208{ width:1208px; margin:0 auto;}
.t-top{ background:#014f99; line-height:40px; text-align:right;}
.t-top a{ color:#fff; display:inline-block; padding:0 15px; line-height:40px;}
.t-top a:hover{ background:#1b61a3}
.top ul li{ float:left; line-height:105px; padding-left:30px;}
.top ul li a{ font-size:17px;}
.t-ri{ padding-top:36px;}
.t-ri a{ padding-left:12px;}
.banner img{ width:100%; display:block;}
.in-new-le{ padding-top:66px; width:606px;}
.in-ti{ padding-bottom:45px;}
.in-ti h1{ font-size:60px; float:left;}
.in-ti a{ color:#014f99; text-transform:uppercase; border:1px solid #cccccc; float:right; padding:16px 35px; font-weight:bold; border-radius:6px; transition-duration:.5s; margin-top:8px;}
.in-ti a:hover{ color:#fff; background:#014f99}
.new01 li{ border-bottom:1px solid #e2e2e2; padding-bottom:15px; margin-bottom:35px;}
.new01 li h1{ font-weight:normal; font-size:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new01 li p{ font-size:14px;    overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin:8px 0;}
.new01 li span{ color:#014f99; font-size:16px;}
.in-new-ri{ width:500px; position:relative; top:-122px;}
.ri-ti{ text-align:center; line-height:122px; background:#014f99; color:#fff; font-size:48px;}
.new02{ background:url(../images/sj.png) no-repeat top center #1071cd; padding:40px 20px;}
.td-list dt,.td-list dt img{ width:100%; height:279px; overflow:hidden; transition-duration:.5s;}
.td-list:hover dt img,.tre-list:hover dt img{ transform:scale(1.1,1.1)}
.td-list dd{ color:#fff; font-size:20px; line-height:2; margin:20px 0 40px 0;}
.new02 .owl-nav{ display:none !important;}
.tre-ti{ text-align:center; font-size:60px; font-weight:bold; padding-bottom:35px;}
.tre-list{ padding-bottom:36px; position:relative;}
.tre-list dt{ width:100%; height:256px; overflow:hidden;}
.tre-list dt img{ width:100%; height:100%; border-radius:10px 10px 0 0;transition-duration:.5s;}
.tre-list dd{ background:#fff; padding:26px 13px 58px; border-radius:0 0 10px 10px;-moz-box-shadow:3px 3px 8px #D4D4D4; -webkit-box-shadow:3px 3px 8px #D4D4D4; box-shadow:3px 3px 8px #D4D4D4;}
.tre-list dd h1{ font-size:20px; padding-bottom:25px;}
.tre-list dd p{ color:#777777; font-size:16px; line-height:1.5; height:95px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;}

.po-dw{ width:68px; height:68px; background:url(../images/jt.png) no-repeat center #fff; position:absolute; bottom:10px; right:20px;border-radius:50%; transition-duration:.5s;-moz-box-shadow:0px 0px 7px #B8B8B8; -webkit-box-shadow:0px 0px 7px #B8B8B8; box-shadow:0px 0px 7px #B8B8B8; }
.tre-list:hover .po-dw{background:url(../images/jt1.png) no-repeat center #014f99; }
.tre-nr .owl-nav{ display:none !important;}
.in-box2{ position:relative; padding-bottom:136px;}
.in-box2:after{ content:""; position:absolute; width:100%; height:442px; background:#eff2f6; bottom:0;}
.tre-nr .owl-dots{ text-align:right !important; padding-top:12px !important;}
.tre-nr .owl-theme .owl-dots .owl-dot.active span, .tre-nr .owl-theme .owl-dots .owl-dot:hover span{ background:#014f99 !important;}
.in-ab{ position:relative; padding:70px 0;}
.ab-img{ width:45%;  overflow:hidden; float: left}
.ab-img img{ border-radius:5px; transition-duration:1s;}
.ab-img:hover img{ transform:scale(1.1,1.1)}
.ab-js { width:50%; padding-top:19px; float:right;}
.ab-js h1{ font-size:60px; color:#0c2139;}
.ab-js h2{ font-size:30px; font-weight:normal; padding:15px 0;}
.ab-js p{ font-size:17px; line-height:1.8;}
.ab-js a{ background:#0c2139; width:100%; display:block; text-align:center; color:#fff; line-height:52px; text-transform:uppercase; border-radius:6px; margin-top:20px;}
.footer{ width:100%; background:url(../images/f.jpg) no-repeat center; color:#fff; padding:40px 0;}
.banquan{ border-top:1px solid #3b3b3b; text-align:center; padding-top:22px; margin-top:22px; font-size:16px; opacity:0.5;}
.f-cd{ text-align:center; font-size:17px;}
.f-cd a{ color:#fff; opacity:0.5; padding:0 20px;}
.f-cd a:hover{ opacity:1;}
.detail2 p{ line-height:2.1 !important}

.ne-box{ border-top:1px solid #ccc; padding-top:80px;}
.ne-ti{ border-bottom:1px solid #ccc; padding-bottom:18px; margin-bottom:70px;}
.ne-ti h1{ float:left; color:#0c2139; font-size:60px;}
.ne-ti p{ float:right; color:#014f99; font-size:17px; padding-top:30px;}
.ne-new01{ border-bottom:1px solid #ccc; padding-bottom:50px; margin-bottom:50px;}
.new-date{ color:#0c2139; padding-right:20px;}
.new-date h1{ font-size:48px;}
.new-date p{ font-size:17px; display:inline-block; border-bottom:1px solid #ccc; padding-bottom:5px;}
.new-img{ width:32%; overflow:hidden; height:238px;}
.new-img img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.new-img:hover img{ transform:scale(1.1,1.1)}
.new-wb{ width:55%;}
.new-wb h1{ font-weight:normal; font-size:20px; }
.new-wb p{ font-size:16px; margin:30px 0 0 0; line-height:2.3; height:140px;}
.new-wb a{ color:#014f99; text-transform:uppercase; display:inline-block; font-weight:bold; border:1px solid #ccc; padding:14px 35px; border-radius:8px; transition-duration:.5s;}
.new-wb a:hover{ color:#fff; background:#014f99}
.fy{ text-align:center; padding-bottom:70px;}
.fy li{ display:inline-block;}
.fy li a,.fy li span{ display:block; transition-duration:.5s; padding:0 10px; height:33px; border-radius:50%; line-height:33px; font-size:16px;}
.fy li a:hover,.fy li .on{ color:#fff; background:#014f99}

.ne-ab01{ background:url(../images/ab02.jpg) no-repeat center; padding:20px 0 50px 0; color:#fff; background-size: cover;}
.ab-ti{ text-align:right; color:#fff; font-size:17px;}
.ne-ab01 h1{ text-align:center; font-size:40px; padding:70px 0 40px 0;}
.ne-ab01 p{ font-size:17px; line-height:2.3;}
.ne-ab02{ padding:80px 0 20px 0;}
.ne-ab02 h1{ text-align:center; font-size:40px; padding-bottom:40px;}
.js-gd p,.ne-ab04 dl dd{font-size:17px; line-height:2.3; padding-bottom:30px;}
.js-gd{ height:350px; overflow:auto}
.ne-ab03{ background:#f9f9f9; margin-bottom:60px;}
.ne-ab03 dl dt,.ne-ab04 dl dt{ width:50%;}
.ne-ab03 dl dd,.ne-ab04 dl dd{ width:45%; padding:50px 0;}
.ne-ab03 dl dd h1,.ne-ab04 h1{font-size:40px; padding-bottom:40px;}
.ne-ab03 .js-gd{ height:400px; padding-right:20px;}
.ne-ab04{ background:url(../images/ab06.jpg) no-repeat center; padding:70px 0;}
.ne-ab04 h1{ text-align:center;}
.m-hd{ display:none;}
.m-bar{
    height: 60px;
    background-color: #fff;
}
.logo-m{
 
    display: inline-block;
    float: left;
    margin-left: 10px;
    height: 60px;
    line-height: 60px;
}
.logo-m img{
    height: 55px;
    display: inline-block;
    z-index: 60;
    vertical-align: middle;
}
.m-hd{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
}
.m-nav{
    clear: both;
    position: absolute;
    top: 60px;
    left: 0;width: 100%;
   -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
   box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
   max-height: 0;
   overflow: hidden;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
}


.m-nav a{
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #e0e0e0;
    font-size: 15px;
    background-color: #fff;
    padding: 0 20px;
    color: #333;
}

.m-trigger{
    height: 60px;
    cursor: pointer;
    width: 60px;
    float: right;
    background: url(../images/menu.png) no-repeat center center;
    -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px;
}
.m-sub{
	max-height: 0;
	overflow: hidden;

}
.m-sub.on,
.m-nav.on{
	-webkit-transition: all .6s linear;
	transition: all .6s linear;
	max-height: 999px;
}

.m-sub a{font-size: 14px;padding: 0 30px;background-color: #F1F1F1;border-top-color: #efefef;}

.m-show{display: none;}



#nav-toggle { position: absolute; right: 14px; top: 18px; color: #fff;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	-o-transform: scale(0.7); 
	transform: scale(0.7);
	transform-origin: 50% 50%;
 }
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #196ece; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }
.detail{ text-align:center; font-size:22px; padding-bottom:10px; font-weight:bold;}
.detail1{ border-top:1px solid #eee; font-size:16px; text-align:center; padding-bottom:20px; padding-top:10px;}



 @media only screen and (max-width: 760px) {
	 .w1208,.ne-ab03 dl dt, .ne-ab04 dl dt,.ne-ab03 dl dd, .ne-ab04 dl dd{ width:100%; margin:0 auto;}
	 .top,.ne-ti p{ display:none;}
	 .m-hd{ display:block;}
	 .banner{ padding-top:23px;}
	 .in-new-le,.in-new-ri{ width:100%; padding:30px 15px;}
	 .in-ti h1{ font-size:24px;}
	 .in-ti a{ margin-top:0; font-size:14px; padding:8px 15px;}
	 .in-ti{ padding-bottom:20px;}
	 .new01 li h1{ font-size:15px;}
	 .new01 li span{ font-size:13px;}
	 .new01 li{ margin-bottom:15px;}
	 .in-new-ri{ top:0; padding:0 15px;}
	 .ri-ti{ font-size:22px; line-height:60px;}
	 .td-list dd{ font-size:14px; line-height:1.7; margin:10px 0;}
	 .new02{ padding:15px;}
	 .tre-ti{ font-size:22px; padding:30px 0 15px 0;}
	 .tre-nr{ padding:0 20px;}
	 .po-dw{ width:38px; height:38px; background-size:20px 10px;}
	 .in-box2{ padding-bottom:80px;}
	 .ab-img{ width:100%; position:relative;}
	 .in-ab{ padding:0 15px; min-height:auto;}
	 .ab-js{ width:100%; padding-top:0;}
	 .ab-js h1,.ne-ti h1{ font-size:22px;}
	 .ab-js h2{ font-size:20px;}
	 .ab-js p,.ne-ab01 p{ font-size:15px;}
	 .f-cd a{ display:inline-block; padding:0 10px 10px;}
	 .ne-ab01{background-size: cover; padding:60px 15px 20px;}
	 .ab-ti{ font-size:16px;}
	 .ne-ab01 h1,.ne-ab02 h1,.ne-ab03 dl dd h1, .ne-ab04 h1{ font-size:22px; padding:15px 0; text-align:center;}
	 .ne-ab02,.ne-ab04{ padding:30px 15px;}
	 .js-gd p, .ne-ab04 dl dd{ font-size:15px; padding-bottom:15px;}
	 .ne-ab03{ padding:15px;}
	 .ne-ab03 dl dd, .ne-ab04 dl dd{ padding:15px 0;}
	 .ne-box{ padding-top:60px;}
	 .ne-ti{ margin-bottom:30px;}
	 .new-date h1{ font-size:30px;}
	 .new-img{ width:30%; height:80px;}
	 .new-wb{ width:53%;}
	 .new-wb h1{ font-size:16px;}
	 .new-wb p{ font-size:14px; height:auto; margin:10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	 .new-wb a{ font-size:12px; padding:4px 20px;}
	 .ne-new01{ padding:0 10px 15px; margin-bottom:15px;}
}