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,span,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; transition: all ease 400ms; -webkit-transition: all ease 400ms;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;}
input::-webkit-input-placeholder{  color: #bbb;}
input:-moz-placeholder{  color: #bbb;}
input::-moz-placeholder{  color: #bbb;}
input:-ms-input-placeholder{  color: #bbb;}


a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none;}


.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1200px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bold{ font-weight: bold;}
.color-3{ color: #333 !important;}
.color-6{ color: #666 !important;}
.color-9{ color: #999 !important;}
.color-f{ color: #fff !important;}
.color-b{ color: #0068b7 !important;}
.color-red{ color: #fc5252 !important;}
.bg-f{ background-color: #fff;}
.bg-b{ background-color: #0068b7;}
.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{ background: url(../image/ixTop.jpg) center bottom no-repeat; background-size: cover; padding-bottom: 50px;}
.header .top .left,.header .top .right{ height: 70px; display: flex; align-items: center;}
.header .top .left span{ display: inline-block; font-size: 14px; margin-right: 30px;}
.header .top .right a{ display: inline-flex; align-items: center; margin-left: 5px;}
.header .top .right a.icon1,.header .top .right a.icon2{ margin-right: 40px;}
.header .top .right a.icon1 i{ margin-right: 5px;}
.header .top .right a.icon2 i{ position: relative; margin-right: 8px;}
.header .top .right a.icon2 i em{ display: block; width: 12px; height: 12px; background: #fc5b5b; border: 2px solid #fff; border-radius: 50%; position: absolute; top: -2px; right: 10px; z-index: 1;}
.header .top .right a.icon3,.header .top .right a.icon4{ justify-content: center; width: 120px; height: 36px; color: #0068B7; border: 1px solid #0068B7; border-radius: 2px;}
.header .top .right a.icon3{ color: #fff; background: #0068B7;}
.header .top .right a.icon1:hover,.header .top .right a.icon2:hover{ color: #0068B7;}
.header .top .right a.icon3:hover,.header .top .right a.icon4:hover{ color: #fff; background: #04538f;}
.header .center{ padding: 10px 0 30px;}
.header .center .logo,.inHeader .center .logo{ display: inline-block; width: 96px; height: 48px;}
.header .center .logo img,.inHeader .center .logo img{ width: 100%;}
.header .center .txt{ display: flex; justify-content: center; align-items: center; margin-top: 25px; font-size: 12px;}
.header .center .txt p{ margin: 0 10px; font-size: 0; width: 235px; height: 45px; background-repeat: no-repeat; background-size: contain;}
.header .center .txt p.txt1{ background-image: url(../image/txt1.png);}
.header .center .txt p.txt2{ background-image: url(../image/txt2.png);}
.header .search{ width: 600px; margin: 0 auto;}
.header .search .inp{ width: 528px; height: 46px; font-size: 18px; padding: 0 14px; border: 1px solid #0068B7; border-radius: 4px 0 0 4px;}
.header .search .ss{ display: flex; justify-content: center; align-items: center; width: 72px; height: 46px; font-size: 18px; color: #fff; background: #0068B7; border: 1px solid #0068B7; border-radius: 0 4px 4px 0;}
.header .search p{ font-size: 14px; line-height: 36px;}
.header .search p span,.header .search p a{ display: inline-block; color: #0068b7; margin-right: 10px;}
.navbar_nav{ display: flex; align-items: center; justify-content: center;}
.navbar_nav .line{ display: block; width: 2px; height: 13px; background: #72b0df; margin: 0 20px;}
.navbar_nav li{ float: left; position: relative;}
.navbar_nav li a{ display: flex; align-items: center; height: 54px; color: #fff; font-size: 18px;}
.navbar_nav li a i.fa{ margin-left: 10px;}
.navbar_nav li.dropdown{ display: inherit; position: relative; z-index: 99;}
.navbar_nav li.dropdown .dropdown_menu{ display: none; border-top: 1px solid #fff; position: absolute; top: 54px; left: -20px; width: 140px;}
.navbar_nav li.dropdown .dropdown_menu a{ display: block; width: 100%; float: left; font-size: 16px; padding-left: 17px; background: #0068B7; border: 4px solid #0068B7; height: auto; line-height: 36px;}
.navbar_nav li.dropdown .dropdown_menu a:hover{ color: #0068B7; background: #fff;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display: block;}
#navToggle{ display: none;}
.m_nav{ position: fixed; top: 0px; right: 0; width: 100%; height: 100%; background: #0068b7; 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%); transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.m_nav.open{ transform: translateX(0);}
.m_nav .top{ height: 60px; padding: 20px; box-sizing: border-box;}
.m_nav .top .closed{ font-size: 30px; color: #fff; vertical-align: middle; float:right; cursor: pointer;}
.m_nav .ul{ margin-top: 30px;}
.m_nav .ul li{ padding: 0 30px; 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: 50px; line-height: 50px; width: 100%;}
.m_nav .ul li a i{ display: flex; align-items: center; height: 50px;}
.m_nav .ul li.last a{ display: inline-block; width: auto; height: auto; line-height: inherit; border: 1px solid #fff; font-size: 14px; border-radius: 2px; margin: 10px 10px 10px 0; padding: 3px 15px;}
.m_nav .ul li.last a:hover{ color: #0068B7; background: #fff;}
.m_nav .ul li .dropdown_menu{ display: none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display: block;}
.m_nav .ul li .dropdown_menu a{ display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,.2);}
.m_nav .ul li .dropdown_menu a:last-child{ border: none;}

.inHeader{ background: url(../image/ixTop.jpg) center bottom no-repeat; background-size: cover;}
.inHeader .top{ font-size: 14px; height: 40px; line-height: 40px;}
.inHeader .top .right span,.inHeader .top .right a,.inHeader .top .right i{ display: inline-block;}
.inHeader .top .right i{ margin: 0 10px;}
.inHeader .top .right span{ margin-right: 25px;}
.inHeader .top .right a{ color: #999;}
.inHeader .top .right a:hover{ color: #0068B7;}
.inHeader .center .left{ display: flex; align-items: center; height: 50px; margin: 30px 0;}
.inHeader .center .left p{ margin: 0 10px; font-size: 0; width: 235px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: 100%;}
.inHeader .center .left p.txt1{ background-image: url(../image/txt1.png);}
.inHeader .center .left p.txt2{ background-image: url(../image/txt2.png);}
.inHeader .center .right{ margin-top: 30px;}
.inHeader .center .right .inp{ width: 300px; height: 46px; font-size: 16px; padding: 0 14px; border: 1px solid #0068B7; border-radius: 4px 0 0 4px;}
.inHeader .center .right .ss{ display: flex; justify-content: center; align-items: center; width: 72px; height: 46px; font-size: 18px; color: #fff; background: #0068B7; border: 1px solid #0068B7; border-radius: 0 4px 4px 0;}


.footer{ font-size: 14px; padding: 50px 0;}
.footer .left .img{ width: 96px;}
.footer .left .txt{ display: flex; justify-content: flex-start; align-items: center; font-size: 12px; margin: 35px 0 25px;}
.footer .left .txt p{ margin-right: 20px;}
.footer .left .txt p span{ display: block; font-size: 24px;}
.footer .right .txt{ line-height: 32px;}
.footer .right .code img{ width: 140px; margin: 40px 0 10px;}
.footer .copy{ padding: 30px 0 10px; border-top: 1px solid rgba(255,255,255,.3); margin-top: 50px;}
.footer .copy a{ display: inline-block;}
.footer .copy a:hover{ font-weight: bold;}


.ixPart1,.ixPart3{ background: #f5fcff; border-bottom: 2px solid #e9f1f4; padding: 45px 0 60px;}
.ixPart1 .swiper-container{ margin-right: 30px;}
.ixPart1 .swiper-slide{ position: relative;}
.ixPart1 .swiper-slide .txt{ width: 100%; font-size: 18px; padding: 15px 0; background: rgba(0,0,0,.3); position: absolute; left: 0; bottom: 0; z-index: 1;}
.ixPart1 .swiper-slide .txt p{ display: block; margin: 0 15px 0 40%;}
.ixPart1 .swiper-slide img{ width: 100%;}
.ixPart1 .swiper-pagination{ width: 36%; font-size: 18px; text-align: right; bottom: 15px;}
.ixPart1 .swiper-pagination-total{ color: #dd0900;}
.ixPart1 .right span{ display: block; font-size: 24px; margin: 10px 0 30px;}
.ixPart1 .right p{ height: 224px; text-indent: 2em; line-height: 32px;}
.ixPart1 .right a{ display: inline-flex; align-items: center; height: 38px; border-radius: 3px; padding: 0 10px; margin-top: 20px;}
.ixPart1 .right a i{ font-size: 20px; margin-left: 10px;}

.ixPart2{ margin: 10px -45px 30px;}
.ixPart2 .part{ margin: 50px 45px;}
.ixPart2 .part .tit{ border-bottom: 1px solid #ddd;}
.ixPart2 .part .tit span{ display: inline-block; font-size: 22px; border-bottom: 4px solid #1492ff; padding: 0 13px 15px;}
.ixPart2 .part .tit a{ display: flex; justify-content: center; align-items: center; width: 55px; height: 24px; font-size: 14px; color: #999; background: #e9f1f4; margin-top: 5px;}
.ixPart2 .part .tit a:hover{ color: #fff; background: #0068B7;}
.ixPart2 .part ul li{ font-size: 14px; padding: 30px 0 0 13px;}
.ixPart2 .part ul li a{ display: block; width: 70%; font-size: 16px;}
.ixPart2 .part ul li em{ display: block; width: 25%;}
.ixPart2 .part ul li a:hover{ color: #0068B7; font-weight: bold;}


.ixPart3{ padding: 70px 0 60px;}
.ixPart3 .xwSlide{ margin: 0 -13px;}
.ixPart3 .box{ display: block; font-size: 14px; margin: 0 13px;}
.ixPart3 .box img{ width: 100%;}
.ixPart3 .box p{ font-size: 16px; margin: 10px 0;}
.ixPart3 .box:hover p{ color: #0068B7; font-weight: bold;}

.ixPart4{ padding: 40px 0;}
.ixPart4 span{ display: block; font-size: 22px; line-height: 40px;}
.ixPart4 p{ padding-left: 100px;}
.ixPart4 p a{ display: inline-flex; align-items: center; height: 40px; margin: 0 0 5px 20px; border: 1px solid #ddd; padding: 0 40px;}
.ixPart4 p a:hover{ color: #fff; background: #0068B7;}


.inLoca{ font-size: 14px; background: #EDEDED; line-height: 40px;}
.inLoca i{ font-size: 20px; margin-right: 14px;}
.inLoca a,.inLoca em{ display: inline-block; color: #999;}
.inLoca em{ margin: 0 5px;}

.inLeft{ margin: 30px 50px 40px 0; padding-bottom: 20px; background: #F5F7FB; border-radius: 10px;}
.inLeft a{ display: block; padding: 0 38px 0 58px;}
.inLeft a i{ opacity: 0;}
.inLeft a em,.inLeft a i{ display: inline-flex; align-items: center; height: 48px;}
.inLeft a em{ width: 90%;}
.inLeft a.slt,.inLeft a:hover{ color: #fff; background: #0068B7;}
.inLeft a.slt i,.inLeft a:hover i{ opacity: 1;}

.xwPart{ margin: 10px 0;}
.xwPart .box{ display: block; border-bottom: 1px dashed #EAE9E9; padding: 15px 0;}
.xwPart .box span{ display: block; font-size: 18px; margin-bottom: 15px;}
.xwPart .box p em{ display: inline-block; margin-right: 60px; font-size: 14px;}
.xwPart .box:hover span{ color: #0068B7;}

.fenye{ padding: 40px 0;}
.fenye a{ display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; color: #999; border: 1px solid #DBDBDB; margin: 1px;}
.fenye a:hover{ border-color: #0068B7; color: #0068B7;}
.fenye a.slt{ border-color: #0068B7; background: #0068B7; color: #fff;}

.artPart{ padding: 70px 0 30px;}
.artPart .tit span{ display: block; font-size: 22px; margin-bottom: 20px;}
.artPart .tit p em{ display: inline-block; font-size: 14px; margin: 0 15px;}
.artPart .txt{ margin: 50px 0; font-size: 14px; line-height: 36px;}
.artPart .txt img{ max-width: 100%;}


.mobHide{ display: block;}
.mobShow{ display: none;}

@media (max-width: 1400px) {
	.ixPart3 .xwSlide{ margin: 0; padding: 0 60px;}
	.slick-arrow.prev{ left: 0;}
	.slick-arrow.next{ right: 0;}
}

@media (max-width: 1200px) {
	.wrap{ width: 100%; padding: 0 15px;}
	.navbar_nav li a{ font-size: 15px;}
}

@media (max-width: 1100px) {
	.navbar_nav .line{ margin: 0 8px;}
}

@media (max-width: 900px) {
	.mobHide,.header .center .txt,.inHeader .center .left p{ display: none;}
	.mobShow{ display: block;}
	.header,.inHeader{ width: 100%; height: 60px; padding: 0; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,.1); position: fixed; top: 0; left: 0; z-index: 999;}
	.header .center{ padding: 0;}
	.header .center .logo,.inHeader .center .logo{ float: left; width: 84px; height: auto; margin: 9px 0 0 15px;}
	.inHeader .center .left{ height: auto; margin: 0;}
	#navToggle{ height: 100%; display: inline-block; float: right;}
	#navToggle span{ display: block; font-size: 30px; position: relative; top: 10px; right: 15px;}
	.main{ margin-top: 60px;}
	.footer{ padding: 0;}
	.footer .copy{ border: none; margin: 0; padding: 15px;}
	
}

@media (max-width:767px) {
	.wrap{ padding: 0;}
	.footer{ font-size: 12px;}
	.ixPart1{ padding: 40px 15px;}
	.ixPart1 .swiper-container{ margin: 0;}
	.ixPart1 .swiper-slide .txt{ padding: 10px;}
	.ixPart1 .swiper-pagination{ bottom: 10px;}
	.ixPart1 .right{ text-align: center;}
	.ixPart1 .right span{ margin: 20px 0 15px;}
	.ixPart1 .right p{ height: auto; font-size: 14px; line-height: 24px; text-align: left;}
	.ixPart1 .right a{ float: inherit;}
	.ixPart2{ margin: 30px 15px;}
	.ixPart2 .part{ margin: 20px 0;}
	.ixPart2 .part ul li{ padding-top: 20px;}
	.ixPart3{ padding: 40px 15px 30px;}
	.ixPart3 .xwSlide{ padding: 0 45px;}
	.ixPart3 .box{ margin: 0; text-align: center;}
	.ixPart3 .xwSlide .slick-arrow{ width: 30px; height: 55px; margin-top: -30px; font-size: 10px;}
	.ixPart4{ padding: 20px 15px 30px;}
	.ixPart4 span{ width: 100%; font-size: 20px; margin-bottom: 5px;}
	.ixPart4 p{ width: 100%; padding: 0;}
	.ixPart4 p a{ height: 30px; font-size: 12px; padding: 0 15px; margin: 0 10px 5px 0;}
	.inLoca{ padding: 0 10px; font-size: 12px;}
	.inLeft{ margin: 30px 15px; border-radius: inherit; padding: 0;}
	.inLeft a{ width: 33.333%; float: left; font-size: 14px; padding: 0 15px;}
	.inLeft a em{ display: block; line-height: 48px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.xwPart{ margin: 0 15px;}
	.xwPart .box{ padding: 20px 0;}
	.xwPart .box span{ margin-bottom: 15px;}
	.xwPart .box p em{ width: 48%; margin: 0;}
	.fenye a{ font-size: 12px; width: 30px; height: 30px;}
	.artPart{ padding: 40px 15px;}
	.artPart .tit span{ font-size: 20px; margin-bottom: 10px;}
	.artPart .tit p em{ font-size: 12px; margin: 0 10px;}
	.artPart .txt{ margin: 30px 0; line-height: 26px;}
}