/********************/
/***     Jane     ***/
/***  Date:171108 ***/
/********************/


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl,a, li, dt, dd, p, blockquote,
pre, form, fieldset,input,table,iframe,th,span, td,th, tr, dl, dt, dd, ol, ul, li,i,em,font{margin:0; padding:0; list-style:none; word-break:break-all;}
body{font:14px "微软雅黑"; color:#333;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline; color: #FF0000}
img{border:none}
span,li,i,em{font-family:"微软雅黑";font-style:normal;} 
.bold{font-weight:bold}
.txtline{ text-decoration:underline}
dl,dt,dd,ul,ol{ display:block} .Kover{ overflow:hidden}
.fl{float: left;}.fr{float: right;}
.Spacer{clear:both;display:block;margin:0;padding:0;height:0; overflow:hidden}
.Spacer1{clear:both; font-size:0; line-height:0; height:0;}
header, section, footer, aside, nav, article, figure{display: block;} 

/*nav*/
.jnav-con{height: 80px; position:relative; left: 0; top: 0; width: 100%; z-index: 999; background:#F8F8F8; border-bottom: 5px solid #444;}
.jnav-img{position: absolute; left:15px; top: 12px;}
.jnav-list{position: absolute; left:286px; top: 0; overflow: hidden; height: 80px;}
.jnav-list a{display: block; float: left; line-height: 72px; font-size: 20px; margin: 0 16px; color: #999; padding-top: 4px;}
.jnav-list a:hover,.jnav-list a.active{border-top: 4px solid #3BB4F2; font-weight: bold; color: #3BB4F2; text-decoration: none; padding-top: 0px;}
.jnav-pho{position: absolute; right: 20px; top: 15px; line-height: 44px; color: #E44C27; font-size: 22px; font-weight: bold; z-index: 2;}
.jnav-pho i{border: 3px solid #E44C27; display: block; float: left; border-radius: 24px; margin: 6px 5px 0 0; width: 24px; height: 24px; background: url(../images/home/txdh.png) center center no-repeat; background-size: 60%;}

/*banner*/
/*首页轮播*/
.banner-container{width: 100%; overflow:hidden; max-height: 455px;}
.slider{position:relative;width:100%;margin: 0 auto; padding: 0;}
.slider-btn{position:absolute;z-index:10003;top:40%;width:80px;height:80px;cursor:pointer; opacity: .3;}
.slider-prev{left:100px;background: url(../images/home/bannerl.png) center center no-repeat; background-size: 50%;}
.slider-next{right:100px;background: url(../images/home/bannerr.png) center center no-repeat; background-size: 50%;}
.slider-prev:hover,.slider-next:hover{opacity: .8;}
.slider-container{overflow:hidden;}
.slider-content{overflow:hidden;width:100%;}
.slide-item{position:relative;width:100%; text-align: center;}
.slide-item img{width: 100%; max-height: 455px; max-width: 1440px;}
.slider-content li:nth-child(1){background: #0B7CB4;}
.slider-content li:nth-child(2){background: #C3C3C3;}
.slider-content li:nth-child(3){background: #FFCC00;}
.slider-nav{position:absolute;z-index:10002;bottom:44px;left:50%;margin-left:-100px;}
.slider-nav li{float:left;width:20px;height:20px;margin:0 10px;cursor:pointer;border-radius:50%;background:#fff;}
.slider-nav .slider-active{background:#2296f4;}
/*noun*/
.noun-con ul{margin: 0; padding: 0; display: -webkit-flex; display: flex; justify-content:space-between;}
.noun-con ul li{display: block; width: 25%; height: 598px; padding: 35px 16px; text-align: center; overflow: hidden;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
.noun-con ul li a{text-decoration:none;}
.noun-k1{background: url(../images/home/daicon.png) center 372px no-repeat; background-size: 50%;}
.noun-k2{background: #e9e9e9 url(../images/home/daicon1.png) center 372px no-repeat; background-size: 50%;}
.noun-k3{background: url(../images/home/daicon2.png) center 372px no-repeat; background-size: 50%;}
.noun-k4{background: #e9e9e9 url(../images/home/daicon3.png) center 372px no-repeat; background-size: 50%;}
.noun-k1:hover,.noun-k2:hover,.noun-k3:hover,.noun-k4:hover{transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
.noun-k1:hover{background: #F8E9DB url(../images/home/daicona.png) center 352px no-repeat; background-size: 55%;}
.noun-k2:hover{background: #FFF7D7 url(../images/home/daicon1a.png) center 352px no-repeat; background-size: 55%;}
.noun-k3:hover{background: #E8F7E8 url(../images/home/daicon2a.png) center 352px no-repeat; background-size: 55%;}
.noun-k4:hover{background: #E6F7FF url(../images/home/daicon3a.png) center 352px no-repeat; background-size: 55%;}
.noun-img img{width: 15%;}
@font-face {
 font-family: 'fontNameRegular';
 src: url('fontName.eot');
 src: local('fontName Regular'),
              local('fontName'),
              url('fontName.woff') format('woff'),
              url('fontName.ttf') format('truetype'),
              url('fontName.svg#fontName') format('svg');
} 
.noun-h1{font-size: 48px; font-family: 'fontNameRegular';}
.noun-h2{font-size: 22px; color: #999; height: 22px; overflow: hidden;}
.noun-h3{font-size: 16px; color: #888; text-indent: 2em; padding-top: 50px; line-height: 22px; text-align: left;}


/*banner1*/
.ban-con,.ban-con1{position: relative; width: 100%; text-align: center; background: #669999;}
.ban-con1{background: #666666;}
.ban-con img,.ban-con1 img{width: 100%; display: block; max-width: 1440px; margin: 0 auto;}
.ban-con1 img{max-width: 1920px;}
ul.ban-list{position: absolute; left: 0; top: 52%; display: -webkit-flex; display: flex; justify-content:center;}
ul.ban-list li{display: block; width: 18%; border: 1px solid #fff; margin: 0 10px; padding: 10px 18px; color: #fff; height: 118px; overflow: hidden;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
ul.ban-list li:hover{background: #444; width: 18%; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; opacity: .7;}
.ban-p1{font-size: 18px; text-align: left; overflow: hidden; height: 25px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
.ban-p2{font-size: 14px; color: #CBDCDC; text-indent: 2em; padding-top: 5px; overflow: hidden; height: 65px;}

.ban-con1 img{max-width:1440px; max-height:600px;}
/*link*/
.link-h1{padding: 20px 0; text-align: center; font-size: 50px; font-weight: bold;}
ul.link-list{margin: 0; padding: 0;}
ul.link-list li{display: inline;}
ul.link-list li a{display: block; float: left; width: 20%; padding: 10px 0; text-align: center;}
ul.link-list li a img{width: 100%; line-height:0; max-width:200px; max-height:65px;}
ul.link-list li a:hover img{transform:rotate(10deg);
	-ms-transform:rotate(10deg); /* IE 9 */
	-webkit-transform:rotate(10deg); transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
/*footer*/
.addr-con{background: #F2F2F2; display: -webkit-flex; display: flex; justify-content:center; padding: 32px 0; margin-top: 15px;}
.addr-img{width: 150px; padding: 0 16px;}
.addr-img img{width: 100%; line-height:0; max-width:150px; max-height:150px;}
.addr-list{padding: 6px 0;}
.addr-i{padding: 0 6px;}
.addr-i img{width: 54px;}
.addr-f1{font-size: 20px; color: #333;}
.addr-f2{font-size: 26px; color: #000;}
.foot-con{background: #2D3E50; padding: 42px 0; text-align: center; color: #C2C2C2; font-size: 20px;}
.foot-color1{color: #00B9F7;}
.foot-color2{color: #fff;}
.foot-color3{color: #515E6B; font-size: 30px; margin-top: 10px;}


@media only screen and (max-width: 730px){
.addr-f2{font-size: 16px; color: #000;}}
@media only screen and (max-width:1160px){
.jnav-list a{font-size: 18px; margin: 0 8px;}.jnav-pho{font-size: 18px;}}
@media only screen and (max-width:980px){
.jnav-list a{font-size: 18px; margin: 0 5px;}
.jnav-pho{font-size: 16px;}
.jnav-pho i{width: 14px; height: 14px; border: 2px solid #E44C27; margin-top: 12px;}}
@media only screen and (max-width:900px){
.jnav-pho{display: none;}}
@media only screen and (max-width: 945px){
	.noun-con ul li{height: 510px;}
	.noun-h1{font-size: 26px;}
	.noun-h2{font-size: 17px;}
	.noun-h3{font-size: 14px; padding-top: 30px;}
	}
@media only screen and (max-width: 550px){
	.noun-img{display: none;}
	.noun-con ul li{height: 180px;}
	.noun-h1{font-size: 20px;}
	.noun-h2{font-size: 14px;}
	.noun-h3{font-size: 12px; display: none;}
.noun-k1{background: url(../images/home/daicon.png) center 106px no-repeat; background-size: 50%;}
.noun-k2{background: #e9e9e9 url(../images/home/daicon1.png) center 106px no-repeat; background-size: 50%;}
.noun-k3{background: url(../images/home/daicon2.png) center 106px no-repeat; background-size: 50%;}
.noun-k4{background: #e9e9e9 url(../images/home/daicon3.png) center 106px no-repeat; background-size: 50%;}
.noun-k1:hover{background: #F8E9DB url(../images/home/daicona.png) center 106px no-repeat; background-size: 50%;}
.noun-k2:hover{background: #FFF7D7 url(../images/home/daicon1a.png) center 106px no-repeat; background-size: 50%;}
.noun-k3:hover{background: #E8F7E8 url(../images/home/daicon2a.png) center 106px no-repeat; background-size: 50%;}
.noun-k4:hover{background: #E6F7FF url(../images/home/daicon3a.png) center 106px no-repeat; background-size: 50%;}
}

@media only screen and (max-width: 1150px){ul.ban-list li{ height: 68px; padding: 8px;}
.slider-prev{left:50px; background-size: 30%;}
.slider-next{right:50px; background-size: 30%;}
}
@media only screen and (max-width: 870px){ul.ban-list li{ height: 68px; padding: 6px;}.link-h1{ font-size: 40px;}
}
@media only screen and (max-width: 685px){ul.ban-list li{ height: 30px; padding: 5px;}.link-h1{ font-size: 30px;}
.ban-p1{font-size: 12px;}
.slider-btn{top:25%;}
.slider-prev{left:10px; background-size: 20%;}
.slider-next{right:10px; background-size: 20%;}
.slider-nav{bottom:14px;left:50%;margin-left:-100px;}
.slider-nav li{width:10px;height:10px;margin:0 2px;}
}
/*about*/
.about-con{max-width: 1000px; margin: 0 auto; margin-top: 30px;}
.about-nav{margin: 0; width: 25%; border-right: 1px solid #eeeeee;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-nav ul{margin: 0; padding: 0;}
.about-nav ul li{display: inline;}
.about-nav ul li a{display: block; height: 45px; line-height: 45px; font-size: 16px; color: #0E90D2; text-decoration: none; padding-left: 10px;}
.about-nav ul li a:hover{background: #EEEEEE;}
.about-h1{font-size: 18px; font-weight: bold; padding-left: 10px; line-height: 50px;}
.about-ri{width: 75%; padding-left: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-rif1{font-size: 18px; color: #0E90D2; line-height: 60px; height: 60px;}
.about-ritext{line-height: 26px; font-size: 16px;  margin-top: 8px;}
/*news*/
ul.new-list{margin: 0; padding: 0;width: 100%;}
ul.new-list li{display: block; float: left; width: 30%; height: 200px; border: 5px solid #eee; text-align: center; margin: 10px 6px;}
ul.new-list li a{text-decoration: none;}
ul.new-list li:hover{border: 5px solid #f60; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
.new-img{width: 100%; height: 150px; background: #666; vertical-align: middle;}
.new-img1{ display:inline-block;
    height:100%;
    vertical-align:middle}
.new-img img{max-width: 100%; max-height: 100%; vertical-align: middle;}
ul.new-list1{margin: 0; padding: 0;width: 100%;}
ul.new-list1 li{display: block; border-bottom: 1px dotted #ccc; line-height: 45px; font-size: 16px; padding: 3px 10px 3px 25px; background: url(../images/home/jt.png) 10px 16px no-repeat;}
ul.new-list1 li em{color: #C2C2C2;font-size: 12px;}
ul.new-list1 li a{color: #B59100; font-weight: bold;}
.new-list1p{font-size: 14px; line-height: 18px;  color: #B0B0B0; text-indent: 2em; }
ul.new-list1 li:hover{background: #FFFCEC url(../images/home/jt.png) 10px 16px no-repeat; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
.new-title{text-align: center; font-size: 22px; color: #B59100; padding: 30px 0;}
.new-time{text-align: center; color: #999; font-size: 12px; font-weight: normal;}
.new-article{margin-top: 32px;}
.new-align-left {margin-right: 1rem; float: left;}
.new-align-right {margin-left: 1rem; float: right;}
.new-p{font-size: 16px; text-indent: 2em; line-height: 30px;}

.txpage{
	text-align: center;
	padding: 26px 0;
	background: #fff;
}
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

ul.pagination li a.active {
    background-color: #3BB4F2;
    color: white;
    border: 1px solid #3BB4F2;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}