/*===================CSS Reset============================*/
/*@font-face{ font-family: fontB; src: url('../fonts/SourceHanSansCN-Bold.otf');}*/
/*@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; font: 16px "微软雅黑";}
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;}
input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;}

/*===================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: 1050px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.textH1{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.textH1:hover{ color: #0b4a97; }
.textH2{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom: 30px}
.textH3{ line-height: 40px; font-size: 18px }
.textT{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.fontB{ font-family: fontB,"微软雅黑";}
.color-f{ color: #fff !important;}
.color-3{ color: #333 !important;}
.color-6{ color: #666 !important;}
.color-9{ color: #999 !important;}
.color-b{ color: #0c52a8 !important;}
.color-c{ color: #666; font-size: 13px; !important;}
.bg-f{ background: #fff;}
.bg-b{ background: #0c52a8;}
.dong{ transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.row{ margin-left: 0; margin-right: 0;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{ padding-right: 0; padding-left: 0;}

/*============================ Header ============================*/
.header{ width: 100%; padding: 20px 0;}
.header .logo{ display: block; width: 516px;}
.header .logo img{ width: 100%;}
.header .search{ width: 250px; background: #f8f8f8; border-radius: 30px;  position: relative;}
.header .search input{ width: 100%; height: 45px; background: none; padding: 0 55px 0 15px;}
.header .search input::-webkit-input-placeholder{ /* WebKit browsers 适配谷歌 */ color: #999;}
.header .search input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 适配火狐 */ color: #999;}
.header .search input::-moz-placeholder{ /* Mozilla Firefox 19+ 适配火狐 */ color: #999;}
.header .search input:-ms-input-placeholder{ /* Internet Explorer 10+  适配ie*/ color: #999;}
.header .search input.ss{ width: 45px; height: 45px; padding: 0; background: url(../images/search.png) center no-repeat #0C52A8; background-size: 20px; border-radius: 50%; position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer;}
.header .search input.ss:hover{ box-shadow: 0 0 10px rgba(0,0,0,.3);}
.navBar a{ display: inline-block; min-width: 108px; text-align: center; color: #fff; line-height: 64px; padding: 0 13px; background-position: center bottom; background-repeat: no-repeat; background-size: 6px; position: relative;}
.navBar a::after{ content: ""; width: 1px; height: 34px; background: #5586c2; position: absolute; right: 0; top: 16px;}
.navBar a.slt,.navBar a:hover{ background-color: #0b4a97; background-image: url(../images/nav.png);}
.navBar a.slt::after,.navBar a:hover::after{ background: #0B4A97;}
#navToggle,.m_nav{ display: none;}
.m_nav{ position: fixed; top: 0px; right: 0; width: 60%; height: 100%; background: #0c52a8; 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, 1) 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 20px; 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%;}

/*============================ Footer ============================*/
.footer{ padding-top: 30px;}
.footer a{ color: #fff;}
.footer a:hover{ text-decoration: underline;}
.footer dl dt{ margin-bottom: 10px;}
.footer dl dd{ margin-right: 10px;}
.footer dl dd a{ margin-bottom: 5px;}
.footer dl.c{ min-height: 160px; border-left: 1px solid rgba(255,255,255,.1); border-right: 1px solid rgba(255,255,255,.1); padding-left: 100px; margin-right: 80px; font-size: 14px; line-height: 14px;}
.footer dl.c dd{ margin-bottom: 10px;}
.footer .copy{ padding: 15px 0; color: rgba(255,255,255,.5); border-top: 1px solid rgba(255,255,255,.1); margin-top: 30px;}
.footer .copy a{ display: inline-block; color: rgba(255,255,255,.5);}
.footer .copy a:hover{ color: #fff;}

/*============================ Index ============================*/
.ixSlide{ margin: 20px 0 70px;}
.ixSlide .img img{ width: 100%; border-radius: 8px;}

.ixPart1 .b{ height: 270px; padding: 0 20px; border: 2px solid #e0e8f7; box-shadow: 0 0 10px rgba(45,100,200,.1); border-radius: 8px;}
.ixPart1 .box{ display: block; height: 100%; line-height: 30px; padding-top: 30px;}
.ixPart1 .col-md-7 .box{ border-right: 1px solid #e3ecf4; padding-right: 10px;}
.ixPart1 .box.b{ margin-left: 20px;}
.ixPart1 .box i{ display: inline-block; width: 68px; height: 68px; border-radius: 50%; background-repeat: no-repeat; background-size: 100%;}
.ixPart1 .box i.icon1{ background-image: url(../images/img1_1.png);}
.ixPart1 .box i.icon2{ background-image: url(../images/img1_2.png);}
.ixPart1 .box i.icon3{ background-image: url(../images/img1_3.png);}
.ixPart1 .box i.icon4{ background-image: url(../images/img1_4.png);}
.ixPart1 .box span{ font-size: 21px; margin: 20px 0 10px;}
.ixPart1 .box:hover i{ box-shadow: 0 0 10px rgba(0,0,0,.5);}
.ixPart1 .box:hover span{ color: #0B4A97;}
.ixPart1 .b:hover{ border-color: #0B4A97;}
.content-bg{background: #ecf1f8; margin-top: -80px;}
.ixTit{ margin-bottom: 15px;}
.ixTit span{ display: inline-block; font-size: 20px; padding-left: 40px; background-position: center left; background-repeat: no-repeat; background-size: 24px; line-height: 30px;}
.ixTit span.icon1{ background-image: url(../images/tit1.png);}
.ixTit span.icon2{ background-image: url(../images/tit2.png);}

.ixTit1{ padding-top: 15px; padding-left: 10px; margin-bottom: 15px}
.ixTit1 span{ display: inline-block; font-size: 22px; padding-left: 40px; background-position: center left; background-repeat: no-repeat; background-size: 24px; line-height: 30px;}
.ixTit1 span.icon2{ background-image: url(../images/tit2.png);}

.ixTit span.icon3{ background-image: url(../images/tit3.png);}
.ixTit span.icon4{ background-image: url(../images/tit4.png);}
.ixTit span.icon5{ background-image: url(../images/youjiantou.png);}
.ixPart3 .part1 .box .r p.icon6{display: inline-block; padding-left: 25px; background-position: center left; background-repeat: no-repeat; background-size: 18px; background-image: url(../images/iconfont.png);}


.jsTabTit{ font-size: 0;}
.jsTabTit span{ display: inline-flex; justify-content: center; align-items: center; font-size: 18px; cursor: pointer;}
.jsTabTit span i{ display: inline-block; width: 24px; height: 29px; margin-right: 15px; background-position: center; background-size: 100%; background-repeat: no-repeat; font-size: 14px;}
.jsTabTit span i.icon1{ background-image: url(../images/img2_1.png);}
.jsTabTit span i.icon2{ background-image: url(../images/img2_2.png);}
.jsTabTit span i.icon3{ background-image: url(../images/img2_3.png);}
.jsTabTit span i.icon4{ background-image: url(../images/tab1_1.png);}
.jsTabTit span i.icon5{ background-image: url(../images/tab2_1.png);}
.jsTabTit span i.icon6{ background-image: url(../images/tab3_1.png);}
.jsTabTit span i.icon7{ background-image: url(../images/tab4_1.png);}
.jsTabTit span i.icon8{ background-image: url(../images/tab5_1.png);}
.jsTabTit span i.icon9{ background-image: url(../images/tab6_1.png);}
.jsTabTit .jsTabSlt{ border-color: #d5161b;}
.jsTabTit .jsTabSlt a{ color: #d5161b;}
.jsTabTit .jsTabSlt i.icon1{ background-image: url(../images/img2_4.png);}
.jsTabTit .jsTabSlt i.icon2{ background-image: url(../images/img2_5.png);}
.jsTabTit .jsTabSlt i.icon3{ background-image: url(../images/img2_6.png);}
.jsTabTit .jsTabSlt i.icon4{ background-image: url(../images/tab1_2.png);}
.jsTabTit .jsTabSlt i.icon5{ background-image: url(../images/tab2_2.png);}
.jsTabTit .jsTabSlt i.icon6{ background-image: url(../images/tab3_2.png);}
.jsTabTit .jsTabSlt i.icon7{ background-image: url(../images/tab4_2.png);}
.jsTabTit .jsTabSlt i.icon8{ background-image: url(../images/tab5_2.png);}
.jsTabTit .jsTabSlt i.icon9{ background-image: url(../images/tab6_2.png);}
.jsTabCon{ display:none;}

.ixPart2{ padding: 13px 0;}
.ixPart2 .jsTabTit span{ width: 27%; font-size: 20px; border: 1px solid #cedcee; background: #e6edf6; border-radius: 6px 6px 0 0; margin-right: -1px; height: 70px;}
.ixPart2 .jsTabTit span i{ width: 48px; height: 48px; background-color: #fff; border-radius: 50%;}
.ixPart2 .jsTabTit .jsTabSlt{ background: #fff; color: #0c52a8; border-bottom-color: #fff; box-shadow: 0 -2px 4px rgba(0,0,0,.1); position: relative; z-index: 2;}
.ixPart2 .jsTabTit .jsTabSlt i{ background-color: #0c52a8;}
.ixPart2 .jsTabCon{ padding: 20px 50px 20px 20px; border: 1px solid #cddcee; border-radius: 0 6px 6px 6px; box-shadow: 0 0 10px rgba(0,0,0,.1); position: relative; top: -1px; z-index: 1;}
.ixPart2 .jsTabCon .box{ background: #f8f8f8; border-radius: 8px;}
.ixPart2 .jsTabCon .box input{ width: 86%; float: left; height: 54px; background: none; line-height: 54px; padding: 0 15px;}
.ixPart2 .jsTabCon .box button{ width: 14%; float: right; height: 54px; line-height: 54px; border-radius: 8px; cursor: pointer;}
.ixPart2 .jsTabCon .box button:hover{ background: #fc4143 !important;}

.ixPart3{ background: #ecf1f8; padding-top: 19px;}
.ixPart3 .jsTabTit{ border-bottom: 1px solid #ecf1f8;}
.ixPart3 .jsTabTit span{ height: 60px; padding: 0 15px; border-bottom: 2px solid rgba(0,0,0,0); margin-right: 15px; position: relative; bottom: -2px;}
.ixPart3 .jsTabTit .jsTabSlt{ color: #333; border-color: #0c52a8;}
.ixPart3 .jsTabCon .more{ position: relative; right: 20px; margin-top: -40px; z-index: 1;}
.ixPart3 .jsTabCon .more:hover,.ixPart3 .part2 .ixTit a:hover{ font-family: fontB,"微软雅黑";}
.ixPart3 .part1{ height: 400px; margin-bottom: 10px; padding-bottom: 10px; border-radius: 8px;}
.ixPart3 .part1 .row{ width: 100%;}
.ixPart3 .part1 .box{ display: block; margin: 15px 15px 0;}
.ixPart3 .part1 .box .l{ background: #b6cbe5; font-size: 12px; border-radius: 4px; line-height: 22px; padding: 5px 0; border-radius: 6px;}
.ixPart3 .part1 .box .l span{ display: block; font-size: 18px; font-style: italic;}
.ixPart3 .part1 .box .r{ margin-left: 20px; line-height: 28px;}
.ixPart3 .part1 .box .r span{ display: block; font-size: 18px;}
.ixPart3 .part1 .box:hover .l{ background: #0B4A97;}
.ixPart3 .part1 .box:hover .r span{ color: #0B4A97 !important;}
.ixPart3 .part2,.ixPart3 .part3{ margin: 0 0 20px 30px; border-radius: 8px; padding: 7px 15px 0;}
.ixPart3 .part2 .ixTit,.ixPart3 .part3 .ixTit{ margin-bottom: 11px;}
.ixPart3 .part2 .ixTit span,.ixPart3 .part3 .ixTit span{ font-size: 20px;}
.ixPart3 .part2 .ixTit a{ font-size: 14px; margin-top: 8px;}
.ixPart3 .part2 .box{ display: block; margin-bottom: 10px;}
.ixPart3 .part2 .box img{ width: 100%; margin-bottom: 10px;}
.ixPart3 .part2 .box:hover{ color: #0B4A97; font-family: fontB,"微软雅黑";}
.ixPart3 .part3 .box{ display: block; width: 47%; height:70px; border-radius: 10px; margin-bottom: 14px; padding: 8px 0; font-size: 15px}
.ixPart3 .part3 .box img{ width: 20px; margin-bottom: 5px;}
.ixPart3 .part3 .box:hover{ box-shadow: 0 0 10px rgba(0,0,0,.4);}

.ixPart4{ margin: 10px 0 10px; border: 1px solid #eee; padding: 15px 16px 10px; border-radius: 8px;}
.ixPart4 .list{ margin: 0 -10px;}
.ixPart4 .list .col-md-2{ flex: 0 0 20%; max-width: 20%;}
.ixPart4 .list .box{ display: block; margin: 0 10px 20px; padding-bottom: 10px; box-shadow: 0 0 10px rgba(45,100,200,.15);}
.ixPart4 .list .box img{ width: 70%; height: 80px}
.ixPart4 .list .box:hover{ color: #0B4A97; box-shadow: 0 0 10px rgba(45,100,200,.6);}

.ixPart5 .ixTit span.icon5{ background-image: url(../images/tab2_2.png);}
.ixPart5 { padding: 10px 0; margin-bottom: 10px}
.ixPart5 .row{ background: #ecf1f8; padding: 8px 15px;}



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

@media (max-width: 1200px) {
	.wrap{ width: 100%;}
	.navBar{ text-align: center;}
	.navBar a{ padding: 0 20px;}
}

@media (max-width: 1160px) {
	.navBar a{ min-width: 100px; padding: 0 15px;}
}

@media (max-width: 990px) {
	.mobHide{ display: none;}
	.mobShow,.m_nav{ display: block;}
	.header{ height: 54px; padding: 6px 10px 0; box-shadow: 0 4px 10px rgba(0,0,0,.1); position: fixed; top: 0; left: 0; z-index: 999;}
	.header .logo{ width: 270px;}
	#navToggle{ height: 100%; width: 26px; height: 26px; display: inline-block; float: right; margin-top: 7px;}
	#navToggle span{ display: block; position: relative; width: 26px; height: 26px; background: url(../images/menu.png) no-repeat; background-size: contain;}
	.main{ margin-top: 54px;}
	.footer{ padding: 30px 10px 0;}
	.footer dl.c{ padding-left: 10px; margin-right: 10px;}
	.ixSlide{ margin: 10px 10px 20px;}
	.ixPart1{ padding: 0 5px;}
	.ixPart1 .b,.ixPart1 .box.b{ height: auto; margin: 0 5px 10px;}
	.ixPart1 .box{ padding: 30px  0 10px;}
	.ixPart1 .box span{ font-size: 20px; margin: 10px 0 5px; -webkit-line-clamp: 1;}
	.ixPart1 .box p{ height: 60px;}
	.jsTabTit span i{ margin-right: 8px;}
	.ixPart2{ padding: 20px 10px 30px;}
	.ixPart2 .jsTabTit span{ width: 33.333%;}
	.ixPart2 .jsTabTit span i{ width: 38px; height: 38px;}
	.ixPart2 .jsTabCon{ padding: 20px;}
	.ixPart3{ padding: 15px 10px 0;}
	.ixPart3 .part1{ height: auto;}
	.ixPart3 .part2, .ixPart3 .part3{ margin: 0 0 20px 0;}
	.ixPart3 .part2 .row{ margin: 0 -10px;}
	.ixPart3 .part2 .box{ margin: 0 10px 10px;}
	.ixPart4{ margin: 30px 10px 40px;}
	.ixPart4 .list .col-md-2{ flex: 0 0 33.333%; max-width: 33.333%;}
	
}

@media (max-width:767px) {
	body,button,input,select,textarea{ font-size: 14px;}
	.footer{ font-size: 12px; padding: 10px 10px 0;}
	.footer dl dt{ margin: 10px 0 6px; font-size: 14px;}
	.footer dl dd{ display: inline-block;}
	.footer dl.c{ margin: 0; padding: 0; border: none; min-height: auto;}
	.footer dl.c dd{ display: block; margin-bottom: 5px;}
	.footer .copy{ padding: 10px 0; margin-top: 10px;}
	.ixSlide .img img{ border-radius: 4px;}
	.ixSlide .slick-dots{ bottom: 3px;}
	.ixSlide .slick-dots li{ width: 10px; height: 10px;}
	.ixPart1 .b{ padding: 0;}
	.ixPart1 .box{ padding: 20px 6px 10px; line-height: 24px;}
	.ixPart1 .box i{ width: 48px; height: 48px;}
	.ixPart1 .box span{ font-size: 18px;}
	.ixPart1 .box p{ height: 48px;}
	.ixTit{ margin-bottom: 8px;}
	.ixTit span{ background-size: 20px; padding-left: 30px; font-size: 20px;}
	.jsTabTit{ overflow-x: auto; white-space: nowrap; width: auto;}
	.jsTabTit span{ font-size: 17px;}
	.jsTabTit span i{ width: 18px; height: 30px;}
	.ixPart2 .jsTabTit{ border-left: 1px solid #cedcee; border-right: 1px solid #cedcee; border-radius: 6px 6px 0 0;}
	.ixPart2 .jsTabTit span{ width: auto; font-size: 16px; padding: 0 6px; height: 50px;}
	.ixPart2 .jsTabTit span:first-child{ border-left: none;}
	.ixPart2 .jsTabTit span:last-child{ border-right: none;}
	.ixPart2 .jsTabTit span i{ width: 24px; height: 24px;}
	.ixPart2 .jsTabCon{ padding: 10px; border-radius: 0 0 6px 6px;}
	.ixPart2 .jsTabCon .box{ border-radius: 4px;}
	.ixPart2 .jsTabCon .box input{ width: 80%; height: 40px; line-height: 40px;}
	.ixPart2 .jsTabCon .box button{ width: 20%; height: 40px; line-height: 40px; border-radius: 4px;}
	.ixPart3 .jsTabTit{ width: 80%; border-bottom: none;}
	.ixPart3 .jsTabTit span{ height: 50px; position: initial; padding: 0 10px; margin-right: 0;}
	.ixPart3 .jsTabCon{ border-top: 1px solid #ecf1f8;}
	.ixPart3 .jsTabCon .more{ right: 10px; margin-top: -35px;}
	.ixPart3 .part1{ margin-bottom: 20px;}
	.ixPart3 .part1 .box{ margin: 6px 10px 0;}
	.ixPart3 .part2 .widget .box{ margin: 3px 5px 7px; padding: 5px; box-shadow: 0 0 6px rgb(45,100,200,.15);}
	.ixPart3 .part1 .box .l{ font-size: 10px; line-height: 18px; margin-right: 10px; padding: 6px 0;}
	.ixPart3 .part1 .box .l span{ font-size: 18px;}
	.ixPart3 .part1 .box .r{ margin-left: 0; line-height: 24px;}
	.ixPart4{ padding: 10px;}
	.ixPart4 .list .col-md-2{ flex: 0 0 50%; max-width: 50%;}
	.ixPart4 .list{ margin: 0 -5px;}
	.ixPart4 .list .box{ margin: 3px 5px 7px; padding: 5px; box-shadow: 0 0 6px rgb(45,100,200,.15);}
}