.wrapper { width: 1200px; margin: 0 auto; }

::selection { background: #198ed4; color: #fff; }
::-moz-selection { background: #198ed4; color: #fff; }

.jt_header { height: 88px; background: #fff; color: #333; overflow: hidden; }
.jt_header .wrapper { height: 100%; }
.jt_header .jt_logo { height: 100%; float: left; position: relative; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; }
.jt_header .jt_logo img { display: block; }
.jt_header .jt_nav { float: right; line-height: 50px; height: 50px; margin: 19px 0; }
.jt_header .jt_nav .nLi { float: left; }
.jt_header .jt_nav .nLi .na { display: block; position: relative; padding: 0 20px; font-size: 16px; color: #333; }
.jt_header .jt_nav .nLi .na:hover, .jt_header .jt_nav .nLi.on .na { color: #198ed4; }
.jt_header .jt_nav .nLi .na:after { content: ''; display: block; width: 0; height: 2px; background: #198ed4; left: 0; bottom: 0; -webkit-transition: all .2s; transition: all .2s; }
.jt_header .jt_nav .nLi .na:hover:after, .jt_header .jt_nav .nLi.on .na:after { width: 100%; }
.jt_header .morenav { float: right; background-color: #198ed4; float: right; padding: 0 10px 0 30px; background-position: 10px center; border-radius: 4px; margin-top: 29px; display: none; }
.jt_header .morenav:hover { color: #fff; }

#nav { background: #198ed4; }
#nav a { float: left; width: 33.3333333%; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); line-height: 40px; height: 40px; box-sizing: border-box; font-size: 13px; }

.overbanner .slick-dots { bottom: 2%; }
.overbanner .slick-dots li { width: 38px; height: 6px; overflow: hidden; }
.overbanner .slick-dots li button { width: 38px; height: 2px; background: #fff; border-radius: 4px; box-sizing: border-box; display: block; line-height: 0; text-indent: -9999px; font-size: 0; }
.overbanner .slick-dots li.slick-active button { background: #b8506f; }
.overbanner .slick-dots li button:before { display: none; }

.jt_hometit { margin: 40px auto 30px; color: #555; text-align: center; }
.jt_hometit .en { font-size: 40px; text-transform: uppercase; }
.jt_hometit .cn { font-size: 24px; }

.jt_list01 { margin-bottom: 60px; }
.jt_list01 .item { width: 23%; margin: 0 1%; float: left; }
.jt_list01 .item .img { width: 103px; height: 103px; margin: 0 auto; background: url(../images/jt_list01img01.png) no-repeat 0 0; -webkit-transition: all .2s; transition: all .2s; }
.jt_list01 .item:hover .img { background-position: 0 bottom; }
.jt_list01 .item .tit { text-align: center; font-size: 18px; margin: 30px 0 20px; }
.jt_list01 .item .con { line-height: 24px; font-size: 14px; }
.jt_list01 .item:nth-child(1) .img { background-image: url(../images/jt_list01img01.png); }
.jt_list01 .item:nth-child(2) .img { background-image: url(../images/jt_list01img02.png); }
.jt_list01 .item:nth-child(3) .img { background-image: url(../images/jt_list01img03.png); }
.jt_list01 .item:nth-child(4) .img { background-image: url(../images/jt_list01img04.png); }

.jt_box02 { background: #e8f0fa; overflow: hidden; }

.jt_list02 { overflow: hidden; margin-bottom: 60px; }
.jt_list02 .item { width: 31.3333333%; float: left; margin: 0 1%; }
.jt_list02 .item a { display: block; background: #e8e8e8; color: #555; overflow: hidden; -webkit-transition: all .2s; transition: all .2s; }
.jt_list02 .item a:hover { background: #3877c6; color: #fff; }
.jt_list02 .item a .img { position: relative; }
.jt_list02 .item a .img:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; content: ''; display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s; transition: all .2s; }
.jt_list02 .item a:hover .img:before { opacity: .4; filter: alpha(opacity=40); }
.jt_list02 .item a .img:after { position: absolute; left: 0; right: 0; top: 50%; content: '+'; display: block; margin-top: -15px; line-height: 30px; font-size: 60px; color: #fff; text-align: center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s; transition: all .2s; }
.jt_list02 .item a:hover .img:after { opacity: 1; filter: alpha(opacity=100); }
.jt_list02 .item a .img img { width: 100%; display: block; }
.jt_list02 .item a .tit { font-size: 18px; font-weight: bold; margin: 20px 20px 0; }
.jt_list02 .item a .con { font-size: 14px; line-height: 24px; margin: 20px; height: 48px; overflow: hidden; }

.jt_box03 { padding: 60px 0; }
.jt_box03 .img { float: left; width: 40%; }
.jt_box03 .img img { width: 100%; display: block; }
.jt_box03 .info { margin-left: 45%; background: url(../images/jt_box03bg01.png) no-repeat right center; }
.jt_box03 .info .con { color: #555; font-size: 14px; line-height: 24px; margin-bottom: 35px; }
.jt_box03 .info .btn { margin-bottom: 30px; }
.jt_box03 .info .btn a { display: block; width: 30%; line-height: 48px; box-sizing: border-box; color: #bbb; border: 2px solid #bbb; text-align: center; font-size: 14px; text-transform: uppercase; -wenkit-transition: all .2s; transition: all .2s; }
.jt_box03 .info .btn a:hover { color: #fff; border-color: #198ed4; background: #198ed4; }
.jt_box03 .jt_hometit { text-align: left; margin-top: 0; padding-top: 30px; position: relative; }
.jt_box03 .jt_hometit:before { position: absolute; left: 0; top: 10px; content: ''; display: block; background: #000; height: 2px; width: 78px; }
.jt_box03 .list { overflow: hidden; }
.jt_box03 .list .item { float: left; width: 26.33333333%; box-sizing: border-box; border-right: 1px solid #dedede; margin-right: 7%; }
.jt_box03 .list .num { background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(8, 170, 232, 1)), to(rgba(64, 117, 195, 1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 36px; font-weight: bold; }

.jt_list04 { overflow: hidden; margin-bottom: 60px; }
.jt_list04 .item { width: 31.3333333%; float: left; margin: 0 1%; }
.jt_list04 .item .time { overflow: hidden; color: #0e398c; }
.jt_list04 .item:hover .time { color: #e60920; }
.jt_list04 .item .time .year { float: right; font-size: 14px; }
.jt_list04 .item .time .day { font-size: 34px; }
.jt_list04 .item .tit { font-size: 18px; color: #282828; margin: 20px 0; }
.jt_list04 .item .img { margin-bottom: 20px; }
.jt_list04 .item .con { font-size: 12px; color: #999; line-height: 24px; }
.jt_list04 .item .btn { margin-top: 20px; }
.jt_list04 .item .btn a { display: block; background: #959595; font-size: 12px; line-height: 30px; width: 90px; color: #fff; text-align: center; }
.jt_list04 .item .btn a:hover { background: #198ed4; }

.jt_footer { padding: 60px 0; background: #262626 url(../images/jt_footerbg.jpg) no-repeat center; color: #a9a9a9; font-size: 14px; }
.jt_footer dl { float: left; width: 19%; }
.jt_footer dl:nth-child(1) { width: 24%; }
.jt_footer dl dt { margin-bottom: 30px; }
.jt_footer dl dt a { font-size: 18px; color: #fff; }
.jt_footer dl dd { color: #a9a9a9; line-height: 30px; }
.jt_footer dl dd a { color: #a9a9a9; }
.jt_footer dl dd a:hover { color: #fff; }
.jt_footer dl.icon dd { padding-left: 25px; background: url(../images/jt_footerimg04.png) no-repeat left center; }
.jt_footer dl.icon dd:nth-child(1) { background-image: url(../images/jt_footerimg04.png); }
.jt_footer dl.icon dd:nth-child(2) { background-image: url(../images/jt_footerimg01.png); }
.jt_footer dl.icon dd:nth-child(3) { background-image: url(../images/jt_footerimg02.png); }
.jt_footer dl.icon dd:nth-child(4) { background-image: url(../images/jt_footerimg03.png); }

.jt_foot { line-height: 70px; height: 70px; background: #262626 url(../images/jt_footerbg.jpg) no-repeat center; border-top: 1px solid rgba(255,255,255,.1); font-size: 12px; color: #fff; overflow: hidden; }
.jt_foot .links { float: right; }
.jt_foot .links a { margin-left: 20px; }
.jt_foot a { color: #fff; }
	
.tul p { margin-bottom: 20px; }
.tul li p { margin-bottom: 0; }

.submain .news p { margin-bottom: 20px; }


.jtcommontit { text-align: center; margin-bottom: 40px; }
.jtcommontit .cn { color: #282828; font-size: 36px; line-height: 46px; margin-bottom: 10px; }
.jtcommontit .en { color: #7c7c88; font-size: 14px; line-height: 24px; }



.jthomebox01 { padding: 50px 0; }
.jthomebox01 .list { overflow: hidden; }
.jthomebox01 .list .item { float: left; width: 31.3333333%; margin: 0 1%; position: relative; }
.jthomebox01 .list .item a { display: block; color: #fff; }
.jthomebox01 .list .item .img { background: #000; }
.jthomebox01 .list .item .img img { display: block; width: 100%; -webkit-transition: all .2s; transition: all .2s; }
.jthomebox01 .list .item:hover .img img { opacity: .8; }
.jthomebox01 .list .item .tit { position: absolute; left: 30px; bottom: 20px; right: 30px; font-size: 18px; -webkit-transition: all .2s; transition: all .2s; }
.jthomebox01 .list .item .tit:before { content: ''; display: block; width: 24px; height: 2px; background: #fff; position: absolute; left: 0; top: -10px; -webkit-transition: all .2s; transition: all .2s; }
.jthomebox01 .list .item:hover .tit { bottom: 70px; }
.jthomebox01 .list .item:hover .tit:before { opacity: 0; }
.jthomebox01 .list .item .txt { position: absolute; left: 30px; bottom: 20px; right: 30px; opacity: 0; padding-right: 30px; background: url(../images/proiconright.png) no-repeat right center; }
.jthomebox01 .list .item:hover .txt { opacity: 1; -webkit-transition: all .2s .1s; transition: all .2s .1s; }


.jthomebox02 { padding: 50px 0; background: url(../images/jthomebox02.jpg) no-repeat center; background-size: cover; }
.jthomebox02 .list { overflow: hidden; }
.jthomebox02 .list .item { height: 400px; position: relative; width: 23%; float: left; margin: 0 1%; }
.jthomebox02 .list .item a { display: block; }
.jthomebox02 .list .item .img { width: 100%; position: absolute; left: 0; top: 0; right: 0; height: 300px; background: url(../images/jtjjimg01.jpg) no-repeat center; background-size: cover; -webkit-transition: all .2s; transition: all .2s; }
.jthomebox02 .list .item:hover .img { height: 100%; }
.jthomebox02 .list .item .cover { background: rgba(0,0,0,.5); color: #fff; height: 100px; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .2s; transition: all .2s; }
.jthomebox02 .list .item:hover .cover { height: 100%; background: rgba(14,75,160,.78); }
.jthomebox02 .list .item .cover:after { content: '更多详情'; display: block; width: 100px; line-height: 30px; height: 30px; text-align: center; border: 1px solid #fff; border-radius: 10px; position: absolute; left: 50%; margin-left: -50px; top: 240px; }
.jthomebox02 .list .item .cover:before { position: absolute; content: ''; display: block; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #bfbfbf; }
.jthomebox02 .list .item .cover .tit { text-align: center; position: relative; line-height: 30px; font-size: 16px; margin-top: 35px; -webkit-transition: all .2s; transition: all .2s; }
.jthomebox02 .list .item:hover .cover .tit { margin-top: 130px; }
.jthomebox02 .list .item .cover .tit:after { content: ''; display: block; width: 140px; height: 2px; background: #bcbcca; position: absolute; left: 50%; bottom: -3px; margin-left: -70px; -webkit-transition: all .2s; transition: all .2s; }
.jthomebox02 .list .item:hover .cover .tit:after { width: 80px; bottom: -40px; margin-left: -40px; }


.jthomebox03 { padding: 60px 0; }


.jthomebox04 { padding: 50px 0; background: url(../images/jthomebox04.jpg) no-repeat center; background-size: cover; color: #fff; overflow: hidden; }
.jthomebox04 .tubiao { float: right; margin-left: 40px; }
.jthomebox04 .tubiao .icon { float: left; text-align: center; margin: 0 20px; }
.jthomebox04 .tubiao .icon .img {  }
.jthomebox04 .tubiao .icon .img img { margin: 0 auto; }
.jthomebox04 .tubiao .icon .num { font-size: 30px; font-weight: bold; margin: 10px 0; }
.jthomebox04 .tubiao .icon .txt { font-size: 14px; }
.jthomebox04 .content { }
.jthomebox04 .content .tit { font-size: 32px; margin-bottom: 10px; }
.jthomebox04 .content .txt { font-size: 14px; line-height: 24px; margin-bottom: 20px; }
.jthomebox04 .content .btn { }
.jthomebox04 .content .btn a { font-size: 14px; line-height: 46px; border: 1px solid #fff; display: inline-block; color: #fff; padding: 0 40px; border-radius: 4px; }
.jthomebox04 .content .btn a:hover { background: #fff; color: #0e398c; }




@media (max-width: 1200px){
	.wrapper { width: 100%; padding: 0px 10px; box-sizing: border-box; }
	.banner { width: 140%; margin-left: -25%; }

}
@media (max-width: 720px){
	.jt_header .jt_nav { display: none; }
	.jt_header .morenav { display: block; }
	.banner { width: 140%; margin-left: -25%; }
	
	.jt_header .jt_logo { height: 40px; margin: 17px 0; }
	
	.jt_hometit .en { font-size: 24px; }
	.jt_hometit .cn { font-size: 20px; }
	.jt_list01 .item { width: 48%; margin-bottom: 20px; }
	
	.jt_box03 .img { display: none; }
	.jt_box03 .info { margin-left: 0; }
	.jt_box03 .list .item { border-right: 0; width: 33.3333333%; margin: 0; }
	
	.jt_list04 .item { width: 100%; float: none; margin: 0 0 20px; }

	.jt_footer { display: none; }
	.jt_foot .links { display: none; }
}