/*===================CSS Reset============================*/
@font-face{ font-family: fontN; src: url('../fonts/SourceHanSansCN-Normal.otf');}
html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ color: #333;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
img{ max-width: 100%;}
input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;}
input::-webkit-input-placeholder{ /* WebKit browsers 适配谷歌 */ color: #999;}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 适配火狐 */ color: #999;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ 适配火狐 */ color: #999;}
input:-ms-input-placeholder{ /* Internet Explorer 10+  适配ie*/ color: #999;}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; transition: all ease 400ms; -webkit-transition: all ease 400ms;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1200px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.textT{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.bold{ font-weight: bold;}
.color-f{ color: #fff !important;}
.color-3{ color: #333 !important;}
.color-6{ color: #666 !important;}
.color-9{ color: #999 !important;}
.color-b{ color: #0064b9 !important;}
.bg-f{ background: #fff;}
.bg-b{ background: #0064b9;}
.dong{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; transition: all 400ms;}
.imgH img{ -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms;}
.imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.row{ margin-left: 0; margin-right: 0;}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{ padding-right: 0; padding-left: 0;}

/*============================ Header ============================*/
.header .logo{ display: block; margin-top: 12px;}
.header .logo img{ width: 892px;}
.search{ width: 320px; margin-top: 35px; position: relative;}
.search input{ width: 100%; height: 42px; line-height: 42px; padding: 0 50px 0 20px; background: #eee; border-radius: 30px;}
.search button{ width: 42px; height: 42px; font-size: 0; border-radius: 50%; background: url(../images/search.png) center no-repeat #0064b9; position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer;}
.search button:hover{ background-color: #1a74c0;}
.header .code{ width: 84px; height: 84px; margin: 12px 0 12px 15px;}
.navBar{ width: 100%; position: relative; margin-bottom: 15px; margin-top: 2px}
.navBar li{ float: left; width: 20%; position: relative;}
.navBar li::after{ content: ""; width: 1px; height: 100%; background: #3081c5; position: absolute; right: 0; top: 0;}
.navBar li:last-child::after{ width: 0;}
.navBar li a{ display: inline-block; color: #fff; font-size: 22px; line-height: 53px; background-position: center left; background-repeat: no-repeat; background-size: 26px;}
.navBar li a i{ display: inline-block; background: url(../images/navJt.png) center right no-repeat; background-size: 13px; padding-right: 24px;}
.navBar li a.icon1{ background-image: url(../images/navIcon1.png);}
.navBar li a.icon2{ background-image: url(../images/navIcon2.png);}
.navBar li a.icon3{ background-image: url(../images/navIcon3.png);}
.navBar li a.icon4{ background-image: url(../images/navIcon4.png);}
.navBar li a.icon5{ background-image: url(../images/navIcon5.png);}
.navBar li a.icon6{ background-image: url(../images/navIcon6.png);}
.navBar li.slt,.navBar li:hover{ background-color: #1a74c0;}
.navBar li.dropdown{ display: inherit; position: relative; z-index: 99;}
.navBar li.dropdown .dropdown_menu{ display: none; position: absolute; top: 53px; left: 0; text-align: left; width: 200%; background: #fff; padding: 10px 20px 10px 30px; box-shadow: 0 4px 10px rgba(1,104,183,.2);}
.navBar li.dropdown .dropdown_menu p{ border-bottom: 1px solid #e8e8e8;}
.navBar li.dropdown .dropdown_menu p:last-child{ border-bottom: none;}
.navBar li.dropdown .dropdown_menu a{ display: block; width: 50%; float: left; font-size: 16px; color: #666; line-height: 42px; padding: 0;}
.navBar li.dropdown .dropdown_menu a:hover{ color: #0064b9; font-weight: bold;}
.navBar li.dropdown:hover .dropdown_menu{ display: block;}
.m_nav{ display: none; position: fixed; top: 0px; right: 0; width: 60%; height: 100%; background: #0064b9; transition: all ease 500ms; -webkit-transition: all ease 500ms; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77,0,.175,0) 0ms; top: 0; transform: translateX(100%);}
.m_nav.open{ transform: translateX(0);}
.m_nav .top{ height: 60px; padding: 20px; box-sizing: border-box;}
.m_nav .top .closed{ width: 30px; height: 30px; vertical-align: middle; float:right; cursor: pointer;}
.m_nav .ul{ margin-top: 30px;}
.m_nav .ul li{ padding: 0 10px; border-bottom: 1px solid rgba(255,255,255,.2);}
.m_nav .ul li a{ display: block; text-decoration: none; color: #fff; font-size: 16px; height: 60px; line-height: 60px; width: 100%;}
.m_nav .ul li .dropdown_menu{ display: none; overflow: hidden;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display: block;}
.m_nav .ul li.dropdown .jt{ background: url(../images/m-nav.png) center right no-repeat; background-size: 8px;}
.m_nav .ul li .dropdown_menu a{ display: block; float: left; width: 50%; height: 40px; font-size: 14px; line-height: 40px; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom: -1px;}

/*============================ Footer ============================*/
.footer{ background: #2e3145; padding-top: 25px;}
.footer a{ display: inline-block; color: #fff;}
.footer .link i{ display: inline-block; color: #7b7c86; margin: 0 12px;}
.footer .copy{ color: rgba(255,255,255,.3); padding: 20px 0; border-top: 1px solid rgba(255,255,255,.2); margin-top: 20px;}
.footer .copy a{ color: rgba(255,255,255,.3); margin-left: 15px;}
.footer a:hover{ color: #fff !important; text-decoration: underline;}

/*============================ Index ============================*/
.ixSlide1 .img{ display: block; position: relative;}
.ixSlide1 .img img{ width: 100%;}
.ixSlide1 .img p{ width: 100%; font-size: 20px; line-height: 55px; background: rgba(0,100,185,.5); padding: 0 80px 0 10px; position: absolute; bottom: 0; left: 0; z-index: 1;}
.ixSlide1 .slick-arrow{ width: 12px; height: 16px; top: auto; bottom: 20px; opacity: .5;}
.ixSlide1 .slick-arrow.prev{ left: auto; right: 40px; background-image: url(../images/jt1_1.png);}
.ixSlide1 .slick-arrow.next{ right: 20px; background-image: url(../images/jt1_2.png);}
.ixSlide1 .slick-arrow:hover{ opacity: 1;}

.ixPart1{ margin-left: 54px;}
.ixPart1 .tit{ line-height: 30px;}
.ixPart1 .tit span{ font-size: 24px;}
.ixPart1 .box{ position: relative;}
.ixPart1 .box .line{ width: 2px; height: 86%; background: #85b5de; position: absolute; top: 7%; left: 4px;}
.ixPart1 .box a{ display: block; padding: 8px 0 8px 20px; background: url(../images/dot1.png) center left no-repeat; background-size: 10px; position: relative; z-index: 1;}
.ixPart1 .box a span{ display: block; width: 78%; font-size: 16px;}
.ixPart1 .box a em{ display: block; width: 22%;}
.ixPart1 .box a:hover{ color: #0064b9; background-image: url(../images/dot2.png);}
.ixPart1 .box a:hover span{ font-weight: bold;}

.ixSlide2{ margin: 20px 0;}
.ixSlide2 .box{ display: block; margin: 5px 12px 15px; box-shadow: 0 4px 10px rgba(0,0,0,.3);}
.ixSlide2 .box .img img{ width: 100%;}
.ixSlide2 .box .txt{ padding: 15px 10px;}
.ixSlide2 .box .txt span{ display: block; font-size: 20px; margin-bottom: 5px;}
.ixSlide2 .box .txt p{ -webkit-line-clamp: 3; line-height: 32px;}
.ixSlide2 .box .txt em{ display: inline-block; margin-top: 5px; border-bottom: 1px solid #333;}
.ixSlide2 .box:hover{ background: #0064B9;}
.ixSlide2 .box:hover span{ color: #fff !important;}
.ixSlide2 .box:hover p{ color: rgba(255,255,255,.5) !important;}
.ixSlide2 .box:hover em{ color: #fff; border-color: #fff;}
.ixSlide2 .slick-arrow{ width: 16px; height: 25px; margin-top: -17px;}
.ixSlide2 .slick-arrow.prev{ left: -28px; background-image: url(../images/jt2_1.png);}
.ixSlide2 .slick-arrow.next{ right: -28px; background-image: url(../images/jt2_2.png);}
.ixSlide2 .slick-arrow.prev:hover{ background-image: url(../images/jt2_1H.png);}
.ixSlide2 .slick-arrow.next:hover{ background-image: url(../images/jt2_2H.png);}

.jsTabTit{ font-size: 20px; margin-bottom: 12px; margin-left: -22px}
.jsTabTit span{ display: flex; float: left; justify-content: center; align-items: center; cursor: pointer;}
.jsTabCon{ display: none;}

.ixPart1 .jsTabTit span{ width: 20%; font-size: 20px; }
.ixPart1 .jsTabTit .jsTabSlt{ color: #fff; font-weight: bold;}
.ixPart1 .jsTabTit .jsTabSlt a { color: #0064b9;}
/*.ixPart1 .jsTabCon .box{ display: block; font-size: 14px; padding: 15px 0; border-bottom: 1px solid #e5eff8;}*/
/*.ixPart1 .jsTabCon .box em{ display: block; background: #e5eff8; border-radius: 15px 0 0 0; line-height: 24px; margin-right: 20px;}*/
/*.ixPart1 .jsTabCon .box span{ display: block; font-size: 16px; margin-bottom: 5px;}*/
/*.ixPart1 .jsTabCon .box:hover span{ color: #d20121 !important;}*/

/*============================ 媒体查询 ============================*/
.mobHide{ display: block;}
.mobShow{ display: none;}

@media (max-width: 1200px) {
	.wrap{ width: 100%;}
	.ixSlide2{ padding: 0 30px;}
	.ixSlide2 .slick-arrow.prev{ left: 0;}
	.ixSlide2 .slick-arrow.next{ right: 0;}
}

@media (max-width: 990px) {
	.mobHide{ display: none;}
	.mobShow,.m_nav{ display: block;}
	.header{ width: 100%;  z-index: 999;}
	.header .logo{ width: 300px; margin-top: 5px; float: left}
	.search{ width: 96%; margin: 70px auto 20px;}
	#navToggle span{ display: block; width: 30px; height: 50px; background: url(../images/menu.png) center no-repeat; background-size: 100%;}
	.footer{ padding: 20px 10px 0;}
	.footer p{ text-align: left !important;}
	.ixSlide1{ margin: 0 15px 30px;}
	.ixPart1{ margin: 0 20px;}
	.ixSlide2{ margin: 20px;}
	
}

@media (max-width:767px) {
	body,button,input,select,textarea{ font-size: 14px;}
	.footer{ font-size: 12px; padding: 15px 10px 5px;}
	.footer .link i{ margin: 0 5px;}
	.footer .copy{ padding: 10px 0; line-height: 20px; margin-top: 10px;}
	.footer .copy a{ margin-left: 3px;}
	.ixSlide1 .img p{ font-size: 16px; line-height: 40px;}
	.ixSlide1 .slick-arrow{ bottom: 10px;}
	.ixPart1 .box a{ font-size: 12px;}
	.ixPart1 .box a{ padding: 7px 0 7px 20px;}
	.ixPart1 .box a span{ font-size: 16px;}
	.ixSlide2 .box .txt span{ font-size: 20px;}
	.ixSlide2 .box .txt p{ line-height: 24px; -webkit-line-clamp: 2;}
	
}

@media (max-width:320px) {
	.header .logo{ width: 240px;}
}