/*===================CSS Reset============================*/
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%;}
ul,ol{ list-style:none;}
em,i{ font-style: normal;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus,select:focus{ outline: none;}

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

/*===================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;}
.bold{ font-weight: bold;}
.fontT{ font-family: "times new roman","微软雅黑";}
.colorB{ color: #1558a0 !important;}
.bgf5{ background-color: #f5f5f5;}
.bgfff{ background-color: #fff;}
.row{ margin-left: 0; margin-right: 0;}
.imgH img{ -webkit-transition: all 600ms; -moz-transition: all 600ms; -ms-transition: all 600ms; transition: all 600ms;}
.imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.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;}

/*my*/
.product .part1 a{ display: inline-block; width: 160px; font-size: 20px; color: #fff; line-height: 48px; background: #ccc; margin: 0 15px; border-radius: 30px;}
.product .part1 a:hover,.product .part1 a.slt{ background: #008DFF;}
.product .part2 .box{ display: block; margin: 40px 20px 0 20px;}
.product .part2 .box img{ width: 100%; border: 1px solid #eee; margin-bottom: 20px;}
.product .part3 .txt{ width: 560px;}
.product .part3 .txt .t1{height: 360px;line-height: 36px;overflow: hidden;margin-bottom: 5px;}
.product .part3 .txt .t2 .lx{ display: block; width: 160px; color: #fff; line-height: 48px; background: #008DFF; text-align: center;}
.product .part3 .txt .t2 span{ display: inline-flex; align-items: center;}
.product .part3 .txt .t2 span a{ display: inline-block; margin: 0 8px; width: 40px; height: 40px; background-repeat: no-repeat; background-size: contain;}
.product .part3 .txt .t2 span a.wx{ background-image: url(../images/proImg4.png);}
.product .part3 .txt .t2 span a.wb{ background-image: url(../images/proImg5.png);}
#sildes .container{ width: 600px; padding-left: 0; padding-right: 0;}
#sildes .textDesc{ display: none;}
#sildes .control{width: 600px;height: 360px;display: block;position:absolute;top:0;right:0;overflow: hidden;}
#sildes .change li{ width: 600px; overflow: hidden;}
#sildes .change li .imgWrap{ float: right; width: 460px;height:460px;}
#sildes .change li img{width: 400px;height: auto;overflow:hidden;border: 1px solid #ececec;}
#sildes .prev,#sildes .next{ width:110px; height: 32px; background-position: center left; background-repeat: no-repeat; position:absolute; left: 0; z-index: 9; cursor: pointer;}
#sildes .prev span,#sildes .next span{display: none;}
#sildes .prev{ top: 0; background-image: url(../images/proBtn1.jpg);}
#sildes .next{ bottom: 0; background-image: url(../images/proBtn2.jpg);}
#sildes .thumbWrap{ width:124px; height: 460px; padding: 32px 0; position:absolute; left:0; top:0; overflow: hidden; z-index: 9;}
#sildes .thumbWrap .thumbCont{width:100%;height:100%; padding: 32px 0; position:relative;overflow: hidden;}
#sildes .thumbWrap ul li{ width: 100%; height:104px; border: 1px solid #eee; overflow: hidden; cursor: pointer;}
#sildes .thumbWrap ul li img{ width: 100%; height: 100%;}
#sildes .thumbWrap ul li.cur{ border-color: #008DFF;}
#sildes .thumbPrev,#sildes .thumbNext{ width:124px; height: 32px; background-position: center; background-repeat: no-repeat; position:absolute; left: 0; z-index: 9; cursor: pointer;}
#sildes .thumbPrev span,#sildes .thumbNext span{display: none;}
#sildes .thumbPrev{ top: 0; background-image: url(../images/proBtn1.jpg);}
#sildes .thumbNext{ bottom: 0; background-image: url(../images/proBtn2.jpg);}
.product .part4{ border: 1px solid #eee; padding: 10px; margin: 15px 0 70px 0;}
.product .part4 .t1{font-size: 20px;/* margin-bottom: 30px; */background: #1558a0;width: 100px;padding: 10px;color: #fff;}
.product .part4 .t2{
	 color: #000;
	 font-size: 14px;
	 line-height: 30px;
	 border-top: 1px solid #ccc;
	 padding-top: 15px;
	 }
.product .part4 .t2 img{ max-width: 100%;}


#sildes .change li .imgWrap{float: right;/* width: au;/* height: 32;/* max-width: 480px; */idth: 480px;}
#sildes .prev,#sildes .next{ width:124px; height: 32px; background-position: center left; background-repeat: no-repeat; position:absolute; left: 0; z-index: 9; cursor: pointer;}
#sildes .prev span,#sildes .next span{ display: none;}
#sildes .prev{ top: 0; background-image: url(../images/proBtn1.jpg);}
#sildes .next{ top: 240px; background-image: url(../images/proBtn2.jpg); z-index: 999; border: 1px solid #eee;}
#sildes .thumbWrap{ width:124px; height: 272px; padding: 32px 0; position:absolute; left:0; top:0; overflow: hidden; z-index: 9;}


/*下移动画*/
body .move_d{ position:relative; opacity:0; top:-50px;}
@keyframes move_d{
	from{ opacity:0; bottom:-50px;}
	to{ opacity:1; top:0;}
}
@-webkit-keyframes move_d{
	from{ opacity:0; top:-50px;}
	to{ opacity:1; top:0;}
}
/*上移动画*/
body .move_t{ position:relative; opacity:0; bottom:-50px;}
@keyframes move_t{from{ opacity:0; bottom:-50px;}to{ opacity:1; bottom:0;}}
@-webkit-keyframes move_t{from{ opacity:0; bottom:-50px;}to{ opacity:1; bottom:0;}}

/*============================ Header ============================*/
.header{ width: 100%; position: fixed; top: 0; left: 0; z-index: 99;}
.header .part1{ padding: 10px 110px; background: rgba(255,255,255,.6);}
.header.in .part1{ background: #fff;}
.header .logo{ display: block; width: 486px; height: 76px;}
.header .logo img{ width: 100%;}
.header .txt{ font-size: 24px; border-left: 2px solid #7b7a7a; margin: 15px 0 0 30px; padding-left: 30px;}
.header .txt span{ display: block; font-size: 14px; margin-top: 8px;}
.header .tel{ font-size: 18px; background: url(../images/topTel.png) center left no-repeat; background-size: 40px; padding-left: 50px; margin-top: 15px;}
.header .tel span{ display: block; font-size: 26px;}
.header .part2{ background: #1558a0;}
.navbar_nav li{ display: inline-block; width: 150px; position: relative; margin: 0 5px;}
.navbar_nav li a{ display: block; font-size: 18px; color: #fff; line-height: 50px;}
.navbar_nav li:hover a,.header .navbar_nav li.slt a,#myMenu .active{ background: #114c8c; font-weight: bold;}
#navToggle{ display: none;}
.m_nav{ position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; 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 #f5f5f5;}
.m_nav .ul li a{ display: block; text-decoration: none; color: #333; font-size: 16px; height: 60px; line-height: 60px; width: 100%;}

/*============================ Footer ============================*/
.footer{ width: 100%; color: #fff; background: #313439; padding: 15px 0; position: fixed; bottom: 0; left: 0; z-index: 99;}
.footer em{ display: inline-block;}
.footer.in{ position: inherit;}

/*============================ Index ============================*/
.ixTit{ margin-top: 180px; font-size: 22px; color: #909090;}
.ixTit span{ display: block; font-size: 50px; margin-bottom: 5px;}
.ixTit i{ display: block; width: 70px; height: 2px; background: #737678; margin: 15px auto 0 auto;}
.active .ixTit{ animation: move_d 1s forwards; -webkit-animation: move_d 1s forwards;}

.bigSlide .img{ height: 100vh;}

.section2 .box{ display: block; color: #fff; font-size: 30px; margin: 40px 40px 0 40px; height: 240px;}
.section2 .box .txt{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.section2 .box em,.section2 .box i{ display: block; margin: 0 auto;}
.section2 .box em{ display: none; width: 69px; height: 68px; background: url(../images/ixImg1_5.png) center no-repeat; background-size: contain; margin-bottom: 20px;}
.section2 .box i{ width: 50px; height: 2px; background: #fff; margin-top: 30px;}
.section2 .box:hover .txt{ background: rgba(21,88,160,.8);}
.section2 .box:hover em{ display: block;}
.section2 .box:hover i{ display: none;}

.section3 .box,.section4 .box{ display: block; color: #737373; margin: 50px 10px 0 10px; background: #fff; border: 1px solid #d2d2d2; padding-bottom: 20px;}
.section3 .box img,.section4 .box img{ width: 100%; border-bottom: 1px solid #d2d2d2;}
.section3 .box span,.section3 .box em{ display: block;}
.section3 .box span{ margin: 20px 15px; font-size: 18px; color: #000; height: 30px;}
.section3 .box em,.section3 .box p{ margin: 0 15px;}
.section3 .box p{ height: 44px; line-height: 22px; overflow: hidden;}

.section4 .box,.section4 .box img{ border: none; padding: 0;}
.section4 .box i{ display: block; font-size: 22px; color: #333; padding: 30px 20px;}
.section4 .box:hover i{ color: #fff; background: #1558a0;}

.section5 .box{ display: block; margin: 50px 20px 20px;}
.section5 .box .img{ background: #ededed; padding: 15px;}
.section5 .box .img img{ width: 100%;}
.section5 .box .txt{ margin-left: 25px; font-size: 14px; color: #666;}
.section5 .box .txt span{ display: block; font-size: 20px; color: #000; margin: 15px 0 10px 0;}
.section5 .box:hover .img{ background: #1558a0;}

.section6 .box{ display: block; color: #fff; margin-top: 150px; position: relative;}
.section6 .box .img{ padding: 25px;}
.section6 .box .img img{ width: 100%;}
.section6 .box .txt{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 22px; position: absolute; top: 0; left: 0; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;}
.section6 .box .txt span{ display: none; font-size: 12px; margin-top: 10px;}
.section6 .box .txt i{ display: block; width: 60px; height: 2px; background: #fff; margin: 25px auto 0 auto;}
.section6 .box:hover .txt{ background: #1558a0;}
.section6 .box:hover .txt span{ display: block;}

.section7 .img{ margin: 170px 40px 20px 50px;}
.section7 .box{ color: #000; font-size: 18px; margin: 170px 50px 20px 0;}
.section7 .img img,.section7 .map img{ width: 100%;}
.section7 .box .txt span{ display: inline-block; font-size: 22px; border-bottom: 4px solid #1558a0; padding-bottom: 8px; margin: 3px 0;}
.section7 .box .txt p{ margin-top: 20px;}
.section7 .box .code{ font-size: 16px;}
.section7 .box .code img{ width: 100%; margin-bottom: 20px;}
.section7 .map{ margin: 0 50px;}

.section2.active .box,.section3.active .box,.section4.active .box,.section5.active .box,.section6.active .box,.section7 .img,.section7 .box,.section7 .map{ animation: move_t 1.5s 300ms forwards; -webkit-animation: move_t 1.5s 300ms forwards;}

/*============================ Others ============================*/
.main{ margin-top: 146px;}

.inBanner{ height: 320px;}

.inLeft{ margin: 20px 0 80px 0;}
.inLeft span{ display: block; font-size: 26px; color: #1558a0; margin-bottom: 20px;}
.inLeft a,.cd-accordion-menu label{ display: block; color: #000; text-align: center; line-height: 50px; background: #ededed; border-radius: 3px; margin-bottom: 10px;}
.inLeft a:hover,.inLeft a:active,.inLeft a.slt,.cd-accordion-menu .t1:hover{ color: #fff; background: #1558a0;}

.cd-accordion-menu ul{display:none;}
.cd-accordion-menu input[type=checkbox]{position:absolute;opacity:0;}
.cd-accordion-menu label,.cd-accordion-menu a{position:relative; cursor: pointer;}
.cd-accordion-menu .t2:hover{ color: #1558A0; background: #EDEDED;}
.cd-accordion-menu .t3:hover{ color: #1558A0; background: #ccc;}
.has-children a.t3{ font-size:12px;}

.inRight{ margin: 20px 0 30px 30px;}
.inLoca{ color: #1558a0; padding: 12px 0; border-bottom: 1px solid #bfbfbf; margin-bottom: 15px;}
.inLoca a{ color: #000;}
.inLoca i{ display: inline-block; margin: 0 10px;}

.inRight .part1{ color: #000; font-size: 14px; line-height: 30px; margin-bottom: 50px;}
.inRight .part1 .t1{ font-size: 22px; color: #1558A0;}
.inRight .part2{ margin: 0 -20px;}
.inRight .part2 .box{ display: block; color: #000; font-size: 18px; margin: 20px 20px 0 20px;}
.inRight .part2 .box img{ width: 100%; margin-bottom: 20px;}
.inRight .part2 .box span{ display: block; font-size: 18px; height: 48px; line-height: 24px;}
.inRight .part3 .txt .t1{ display: inline-block; font-size: 18px; color: #000; border-bottom: 3px solid #1558A0; padding: 10px 0 0;}
.inRight .part3 .txt .t1 img{ width: 397px;}
/*.inRight .part3 .txt .t1 span{ display: block; font-size: 28px; letter-spacing: 4px;}*/
.inRight .part3 .txt .t2 p{ font-size: 18px; margin-top: 20px;}
.inRight .part3 .txt .t2 p em,.inRight .part3 .txt .t2 p a{ color: #1558A0;}
.inRight .part3 .code img{ width: 100%; margin: 40px 0 15px 0;}
.inRight .part3 .map{ margin: 40px 0;}
.inRight .part3 .map img{ width: 100%;}

.news{ padding-top: 25px;}
.news .box{ color: #000; margin-top: 25px; padding: 15px;}
.news .box .img{ margin-right: 20px;}
.news .box .img img{ width: 100%;}
.news .box .txt{ margin-right: 50px;}
.news .box .txt span{ display: block; font-size: 22px; margin: 20px 0 45px 0;}
.news .box .txt p{ height: 48px; line-height: 24px;}
.news .box .date{ margin-right: 20px;}
.news .box .date span{ display: block; font-size: 22px; margin: 25px 0 10px 0;}
.news .box .date a{ display: block; color: #fff; font-size: 20px; line-height: 40px; border-radius: 20px; background: #1558A0; margin-top: 20px;}
.news .box:hover{ box-shadow: 0 0 10px rgba(21,88,160,.5);}
.news .art{ box-shadow: 0 0 13px rgba(0,0,0,.2); margin: 25px 0 60px 0; padding: 30px;}
.news .art .tit{ font-size: 24px; color: #6e6e6e; padding: 20px 0; border-bottom: 1px dashed #dfdfdf;}
.news .art .tit span{ display: block; font-size: 32px; color: #1558a0; margin-bottom: 10px;}
.news .art .txt{ font-size: 20px; line-height: 30px; margin: 30px 0;}
.news .art .tip{ font-size: 18px; color: #6e6e6e;}
.news .art .tip p{ margin-top: 10px;}
.news .art .bot{ margin-top: 20px; border-top: 1px solid #eee; padding-top: 15px;}
.news .art .bot p{ line-height: 32px; color: #777;}

.fenye{ padding: 20px 0;}
.fenye a{ color: #000; font-size: 14px; display: inline-block; margin-left: 15px;}
.fenye select{ width: 54px; height: 20px; font-family: "times new roman"; border: 1px solid #dadada; border-radius: 3px; padding: 0 10px;}

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

@media (max-width: 1366px) {
	.header .part1{ padding: 15px;}
}

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

@media (max-width: 1024px) {
	.header .txt{ display: none;}
	.navbar_nav li{ width: 110px;}
}

@media (max-width:834px) {
	.mobHide{ display: none;}
	.mobShow{ display: block;}
	.header{ height: 55px; background: #fff; box-shadow: 0 4px 5px rgba(0,0,0,.1);}
	.header .part1{ padding: 0;}
	.header .logo{ width: 240px; height: auto; margin: 7px 0 0 10px;}
	.header #navToggle { height: 100%; display: inline-block; float: right;}
	.header #navToggle span{ display: block; position: relative; width: 30px; height: 30px; background: url(../images/menu.png) no-repeat; background-size: contain; top: 15px; right: 15px;}
	.ixTit{ margin-top: 100px;}
	.main{ margin-top: 55px;}
	.news .box .txt span{ margin: 5px 0 10px 0;}
	.news .box .date{ margin: 0;}
	.news .box .date span{ margin: 0;}
	.news .box .date a{ margin-top: 5px;}
	/*my*/
	.product .part1 a{ width: auto; padding: 0 25px; margin: 0 5px;}
	.proSlide{ padding: 0 35px;}
	.proSlide .img{ border: 1px solid #eee; margin: 0 10px;}
	.proSlide .img img{ width: 100%;}
	.product .part3 .txt{ width: 100%; margin-top: 20px;}
	.product .part3 .txt .t1{height: auto;margin-bottom: 20px;margin-left: 10px;}
	
}

@media (max-width:767px) {
	.wrap{ padding: 0;}
	.footer{ font-size: 12px; padding: 10px; line-height: 16px; box-shadow: 0 0 5px rgba(0,0,0,.1);}
	.ixTit{ font-size: 14px; margin-bottom: 20px;}
	.ixTit span{ font-size: 24px;}
	.ixTit i{ width: 60px; margin-top: 10px;}
	.bigSlide .img{ background-position: center left 24% !important;}
	.section2{ padding: 0 10px;}
	.section2 .box{ height: 140px; font-size: 20px; margin: 10px 5px 0 5px;}
	.section2 .box em{ width: 50px; height: 50px; margin-bottom: 10px;}
	.section2 .box i{ margin-top: 20px;}
	.section3 .box{ margin: 20px 40px 0 40px; padding-bottom: 10px;}
	.section3 .box span{ margin: 10px; font-size: 16px;}
	.section3 .box em,.section3 .box p{ margin: 0 10px; height: 22px; font-size: 14px;}
	.section4 .box,.section5 .box{ margin: 40px 30px 0 30px;}
	.section4 .box i{ font-size: 18px; padding: 15px 20px;}
	.section5 .box .txt{ margin: 0;}
	.section5 .box .txt span{ font-size: 18px;}
	.section6 .box{ margin: 30px 30px 0 30px;}
	.section6 .box .img{ padding: 15px;}
	.section7 .img{ margin: 100px 30px 0 30px;}
	.section7 .box{ font-size: 14px; margin: 20px 30px;}
	.section7 .box .txt p{ margin-top: 5px;}
	.section7 .box .code{ font-size: 12px; margin-left: 10px;}
	.section7 .box .code img{ margin: 20px 0 10px 0;}
	.section7 .map{ margin: 0 30px;}
	.inBanner{ height: 140px;}
	.inLeft{ margin: 20px 15px;}
	.inLeft span{ font-size: 22px; margin-bottom: 10px;}
	.inLeft a{ width: 31.333%; float: left; font-size: 14px; line-height: 34px; margin: 0 2% 2% 0;}
	.inLeft.yw a{ width: 48%;}
	.inRight{ margin: 0 15px 20px 15px;}
	.inLoca{ padding: 20px 0 10px 0; font-size: 12px; margin-bottom: 10px;}
	.inLoca i{ margin: 0 3px;}
	.inRight .part1{ margin-bottom: 20px;}
	.inRight .part2{ margin: 0 -10px;}
	.inRight .part2 .box{ font-size: 14px; margin: 10px;}
	.inRight .part2 .box span{ font-size: 14px; height: 44px; line-height: 22px;}
	.inRight .part2 .box img{ margin-bottom: 12px;}
	.inRight .part3 .txt{ text-align: center;}
	.inRight .part3 .txt .t1{ width: 80%; margin: 0 0 10px 0;}
	.inRight .part3 .txt .t1 img{ width: 100%;}
	/*.inRight .part3 .txt .t1 span{ font-size: 20px; letter-spacing: 2px; margin-bottom: 5px;}*/
	.inRight .part3 .txt .t2 p{ font-size: 14px; margin-top: 10px;}
	.inRight .part3 .code img{ width: 40%; margin: 30px 0 10px 0;}
	.news{ padding: 20px 10px;}
	.news .box{ margin: 10px 5px 0 5px; padding: 10px;}
	.news .box .img{ margin: 0;}
	.news .box .txt{ margin: 10px 0;}
	.news .box .txt span{ font-size: 16px; margin: 0 0 5px 0;}
	.news .box .txt p{ font-size: 14px; height: 44px; line-height: 22px;}
	.news .box .date{ font-size: 12px;}
	.news .box .date span{ display: inline-block; font-size: 16px; margin-right: 5px;}
	.news .box .date a{ font-size: 14px; line-height: 32px; margin: 5px 0 10px 0;}
	.news .art{ margin: 15px 5px 20px 5px; padding: 15px;}
	.news .art .tit{ padding: 10px 0; font-size: 14px;}
	.news .art .tit span{ font-size: 22px; margin-bottom: 5px;}
	.news .art .txt{ font-size: 14px; line-height: 24px; margin: 15px 0;}
	.news .art .tip{ font-size: 12px;}
	.fenye{ text-align: center; width: 100%;}
	.fenye select{ display: none;}
	.fenye a{ margin: 0 5px;}
	.product .part4 .t1 {
    font-size: 18px;
    margin-bottom: 0;
    }
}