@charset "utf-8";
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{ margin: 0; padding: 0; font:14px/28px "\82F9\679C\4E3D\4E2D\9ED1","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif; color:#333; border:none;}
html,body { -webkit-tap-highlight-color:rgba(0,0,0,0); }
img { max-width:100%; }
body {
	background:#fff;
	overflow-x: hidden;
}
:root body { filter:none;}

article, iframe { display:block; border:0;}
ul, li { list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input::focus-inner{ outline:0;padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"], button {-webkit-appearance:none; outline:0;}
:focus { outline: none; }
a,area { blr:expression(this.onFocus=this.blur()) }
a { color:#333; text-decoration:none;}
b{ font-weight:normal;}
.clear { clear:both;height:0px; width:100%; font-size:1px;line-height:0px; visibility:hidden; overflow:hidden;}
.clearfix:after{ content:" ";display:block; visibility:hidden; height:0;font-size:0; clear:both;}
.clearfix { *zoom:1;}
.hide, .mobshow, .onlymob { display:none;}
.fl { float:left;}
.fr { float:right;}
.mr{ margin-right:0 !important;}
.ml{ margin-left:0 !important;}
.wrapper{ width:1100px; margin:0 auto;}
.hao{ height: auto; overflow: hidden;}
.textc{ text-align: center;}


/*top*/
.top{ width: 100%; height: 100px;}
.top-all{ height: 100px;}
.top-all h1{ float: left; width: 226px; height: 100px; background:url(../images/logo.png) no-repeat; text-indent: -9999px;}
.top-all h1 a{ display: block; width: 236px; height: 100px;}
.top-all .sublogo{ width: 607px; height: 70px; margin-top:15px; padding-left:35px; border-left:#2e2b64 solid 1px; font-size:30px; color:#2e2b64; line-height:34px;}
.top-all .sublogo span{ font-size: 22px; color: #333; letter-spacing: 3px;}
.top-all .hotline{ width: 230px; height: 100px; background:url(../images/hotline.png) no-repeat; text-indent: -9999px;}


/*nav*/
.nav{ width: 100%; height: 60px; background: #143199; border-bottom: #788fc5 solid 3px;}
.nav-all{ height: 60px;}
.nav-all ul{ margin: 0 auto; width: 1114px; height: 60px;}
.nav-all ul li{ float: left; line-height: 60px; color: #fff; font-size: 14px;}
.nav-all ul li span{ padding: 0 25px;}
.nav-all ul li a{ font-size: 18px; color: #fff;}
.nav-all ul li a:hover{ text-decoration: underline;}

/*banenr*/
.banner{ width: 100%; height: 477px; overflow: hidden; background:url(../images/banner.jpg) no-repeat center top; text-indent: -9999px;}

/*subban*/
.subban{ width: 100%; height: 219px; overflow: hidden; background:url(../images/subban.jpg) no-repeat center top;}
.subban-main{ height: 219px; overflow: hidden;}
.subban-main p{ width: 275px; height: 196px; float: left; font-size: 19px; color: #fff; line-height: 34px; padding-top: 23px;}
.subban-main p span{ font-size: 22px; font-weight: bold; line-height: 38px;}


/*part01*/
.part01{ width: 100%; padding-bottom: 50px;}
.p01clo-fl{ width: 262px; height: 300px; background:url(../images/p01clo-fl.jpg) no-repeat;}
.p01clo-fl p{ width: 210px; height: 100px; font-size: 24px; font-weight: bold; color: #fff; line-height: 36px; letter-spacing: 3px; padding: 150px 0 0 50px;}
.p01clo-fr{ width: 800px; height: auto; overflow: hidden; padding-top: 16px;}
.p01clo-fr h3{ height: 51px; font-size: 22px; font-weight: bold; color: #001874; line-height: 51px; letter-spacing: 3px;} 
.p01clo-fr p{ font-size: 16px; color: #333; line-height: 28px; letter-spacing: 1px;}
.p01clo-fr p a{ color: #fc1111; text-decoration: underline;}


/*part02*/
.part02{ width: 100%; height: auto; overflow: hidden; background:url(../images/part02.jpg) no-repeat center top;}
.part02-all{ width: 1140px; height: auto; overflow: hidden; margin: 0 auto;}
.part02-title{ width: 1140px; height: 171px; padding-top: 38px;}
.part02-title h3{ height: 60px; font-size: 38px; font-weight: bold; color: #001874; line-height: 56px; letter-spacing: 2px;}
.part02-title p{ height: 111px; font-size: 18px; color: #4e4e4e; line-height: 30px; letter-spacing: 2px;}
.part02-title p span{ font-size: 24px; font-weight: bold; line-height: 43px; color: #333;}
.part02-cloum{ width: auto; height: auto; overflow: hidden;}
.p02clo{ width: 340px; height: 294px; -webkit-transition: -webkit-transform .4s linear; -moz-transition: -moz-transform .4s linear; -o-transition: -o-transform .4s linear; transition: transform .4s linear; padding: 18px 20px;}
.p02clo01{ background:url(../images/p02clo01.png) no-repeat;}
.p02clo02{ background:url(../images/p02clo02.png) no-repeat;}
.p02clo03{ background:url(../images/p02clo03.png) no-repeat;}
.p02clo .p02clo-img{ width: 340px; height: 173px;}
.p02clo .p02clo-img01{ background:url(../images/p02clo-img01.jpg) no-repeat;}
.p02clo .p02clo-img02{ background:url(../images/p02clo-img02.jpg) no-repeat;}
.p02clo .p02clo-img03{ background:url(../images/p02clo-img03.jpg) no-repeat;}
.p02clo p{ width: 290px; height: 110px; font-size: 16px; line-height: 22px; color: #333;  padding-top: 9px; padding-left: 25px; padding-right: 25px;}
.p02clo p span{ display: block; width: 340px; height: 45px; font-size: 22px; font-weight: bold;  line-height: 45px; letter-spacing: 2px;}
.p02clo:hover{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}


/*part03*/
.part03{ width: 100%; height: auto; overflow: hidden; background:url(../images/part03.jpg) no-repeat center top;}
.part03-title{ height: 102px; font-size: 38px; font-weight: bold; color: #001874; line-height: 96px; letter-spacing: 2px;}
.part03-cloum{ height: 376px; overflow: hidden;}
.part03-cloum .p03clo-top{ height: 150px; overflow: hidden;}
.part03-cloum .p03clo-top p{ float: left; width: 236px; font-size: 16px; color: #333; line-height: 20px; letter-spacing: 1px; padding: 19px 20px 0 110px;}
.part03-cloum .p03clo-top p span{ display: block; width: 236px; height: 25px; font-size: 20px; font-weight: bold; color: #001874; line-height: 22px; letter-spacing: 1px; border-left: #dd2219 solid 5px; text-indent: 15px; margin-bottom: 10px; margin-top: 8px;}
.part03-cloum .p03clo-bottom{ height: 175px; overflow: hidden;}


/*part04*/
.part04{ width: 100%; height: auto; overflow: hidden;}
.part04-all{ width: 100%;}

.about-main2{ width: 100%; height: 700px; overflow: hidden;}
.about-main2 .licheng-bg{ background-color: rgba(255,255,255,.8); width: 100%; height: 100%; position: relative;}

.about-main2 .licheng-bg .part04-title{ width: 1100px; height: 128px; overflow: hidden; padding-top: 35px; margin: 0 auto -15px;}
.about-main2 .licheng-bg .part04-title h4{ height: 58px; font-size: 38px; font-weight: bold; color: #001874; line-height: 58px; letter-spacing: 2px; background:url(../images/part04-title.png) no-repeat;}
.about-main2 .licheng-bg .part04-title p{ width: 900px; height: 60px; font-size: 18px; color: #333; line-height: 30px; letter-spacing: 1px; text-align: left; padding-top: 10px; margin: 0 auto;}

.pr{ position: relative;}
.warper{ max-width: 1300px; margin: 0 auto;}
.about-main2 .licheng-bg .warper{ height: 100%;}
.about-main2 .licheng-bg img{ height: 518px; position: absolute; top: 285px; left: 0;}

.about-main2 .licheng-content{ position: absolute;width: 100%;height: 100%;}
.about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul{ width: 100%; height: 100%;}
.about-main2 .licheng-content ul li{ width: 20%; float: left; height: 100%;}
.about-main2 .licheng-content ul li a{ display: block; width: 100%; position: relative; height: 320px}
.about-main2 .licheng-content ul li .date{ color: #001874; font-size: 30px;}
.about-main2 .licheng-content ul li.item1 .line,.about-main2 .licheng-content ul li.item3 .line,.about-main2 .licheng-content ul li.item5 .line{ margin-bottom: 30px;}
.about-main2 .licheng-content ul li.item2 .line,.about-main2 .licheng-content ul li.item4 .line{ margin-top: 30px;}
.about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after{width: 25px;height: 25px; background: #001874;display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before{width: 25px;height: 25px; background: #001874; display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li .lc-left{ position: absolute;}
.about-main2 .licheng-content ul li .line{ height: 200px; width: 1px; display: block; background-color: #001874; position: relative; left: 30px;}
.about-main2 .licheng-content ul li .lc-right{ position: absolute; left: 30px; width: 400px; height:100%; display: table;}
.about-main2 .licheng-content ul li.item5 .lc-right{ width: 250px;}
.about-main2 .licheng-content ul li.item2 .lc-right, .about-main2 .licheng-content ul li.item4 .lc-right{ width: 440px;}
.about-main2 .licheng-content ul li .lc-right .right-text{ padding: 20px; display: table-cell; vertical-align: middle;}
.about-main2 .licheng-content ul li.item1 a{ top: 50px;}
.about-main2 .licheng-content ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item1 .lc-right{bottom: 68px;}
.about-main2 .licheng-content ul li.item2 a{ top: 222px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item2 .lc-right{ top: 58px;}
.about-main2 .licheng-content ul li.item3 a{ top: 140px;}
.about-main2 .licheng-content ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item3 .lc-right{bottom: 100px;}
.about-main2 .licheng-content ul li.item4 a{ top: 244px;}
.about-main2 .licheng-content ul li.item4 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item4 .lc-right{top: 45px;}
.about-main2 .licheng-content ul li.item5 a{ top: 97px;}
.about-main2 .licheng-content ul li.item5 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item5 .lc-right{ bottom: 60px;}
.about-main2 .licheng-content .right-text h3{ height: 30px; font-size: 23px; color: #001874; line-height: 28px; border-left: #dd2219 solid 5px; text-indent: 15px; letter-spacing: 1px; margin-bottom: 10px;}
.about-main2 .licheng-content .right-text p{ font-size: 16px;}
.lc-swiper-btn{width: 100%;position: absolute;top: 370px;}
.lc-swiper-btn a{display: block;position: absolute;}
.lc-swiper-btn .btn-prev{ position: absolute; left: 15px; top: 50px;}
.lc-swiper-btn .btn-next{ position: absolute; right: 0; top: 50px;}
.lc-swiper-btn .iconfont{ font-size: 35px; cursor: pointer;}


/*part05*/
.part05{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.part05-all{ width: 100%;}
.part05-title{ width: 1100px; height: 110px; background:url(../images/part05-title.png) no-repeat; font-size: 38px; font-weight: bold; color: #001874; line-height: 96px; letter-spacing: 2px; margin: 0 auto -30px;}
.part05-cloum{ width: 1100px; height: auto; overflow: hidden; border: #fff solid 4px; box-shadow:0px 0px 20px #c5c5c5; margin: 30px auto;}

.wcases{ width: 589px; height: auto; overflow: hidden;}
.wcases .wcases-top{ width: 589px; height: 222px; overflow: hidden; margin-bottom: 2px;}
.wcases .wcases-top img{ width: 589px; height: 222px;}
.wcases .wcases-bottom{ width: 589px; height: 224px; overflow: hidden;}
.wcases .wcases-bottom .wcases-bot01{ width: 293px; height: 224px;}
.wcases .wcases-bottom .wcases-bot02{ width: 294px; margin-left: 2px;}

.cases_scroll{ width: 509px; height: 448px;}
.demo { width: 508px; height: 447px; font-size: 14px; position:relative; margin: 0px auto; background: #000;}
.demo a.control { position:absolute; display: block; bottom: 4px; width: 20px; height: 28px; cursor: pointer; z-index: 222; background: url(../images/buttons.png) no-repeat}
.demo a.prev { left: 10px; background-position: 0 0}
.demo a.next { right: 10px; background-position: -27px 0}
.demo a.prev:hover { background-position: 0 -30px}
.demo a.next:hover { background-position: -27px -30px}
/*----------------------------为保证最佳效果，建议设置如下样式------------------------*/
.slider {display: none}
.desc{ background-color: #e9e9e9;}
.desc p a{ display: block; color: #333; font-size: 16px; font-weight: bold; text-align: center;}
.num{ display: none;}


/*part10*/
.part10{ width: 100%; height: auto; overflow: hidden; background:url(../images/part10.jpg) no-repeat center top;}
.part10-title{ width: 1100px; height: 95px; overflow: hidden; margin-top: 38px; margin-bottom: 22px;}
.part10-title h4{ height: 60px; font-size: 38px; font-weight: bold; color: #001874; line-height: 58px; letter-spacing: 2px;}
.part10-title p{ height: 36px; font-size: 18px; color: #333; line-height: 36px; letter-spacing: 1px;}
.part10-cloum{ height: 565px; overflow: hidden; margin-bottom: 50px;}
.part10-cloum01{ width: 402px; height: 565px; background:url(../images/part10-cloum01.jpg) no-repeat center top;}
.part10-cloum02{ width: 432px; height: 565px; background:url(../images/part10-cloum02.jpg) no-repeat center top;}
.part10-cloum03{ width: 266px; height: 565px; background:url(../images/part10-cloum03.jpg) no-repeat center top;}


/*part06*/
.part06{ width: 100%; height: auto; overflow: hidden; background:url(../images/part06.jpg) no-repeat center top;}
.part06-title{ width: 1100px; height: 110px; font-size: 38px; font-weight: bold; color: #fff; line-height: 106px; letter-spacing: 2px; padding-top: 14px;}

.p06cloum{ width: 1100px; height: 445px; margin: 0 auto; overflow: hidden; position: relative;}
.part06_img{ width: 1100px; height: 370px; overflow: hidden;}
.part06_img ul li{ position: absolute; display: none;}
.part06_img ul li a{display: block; width: 1100px; height: 370px;}
	
.part06_tab{ position: absolute; bottom: 30px; text-align: center; width: 1100px}
.part06_tab a{ display: inline-block; width: 70px; height: 8px; font-size: 0; background: #8a91ab; margin: 0 2px; color: #8a91ab;}
.part06_tab a.active{ background: #fff; color: #fff;}


/*part07*/
.part07{ width: 100%; height: auto; overflow: hidden; margin-bottom: 40px;}
.part07-title{ width: 1100px; height: 96px; overflow: hidden; background:url(../images/part07-title.png) no-repeat; margin-top: 37px; margin-bottom: 15px;}
.part07-title h4{ height: 61px; font-size: 38px; font-weight: bold; color: #001874; line-height: 58px; letter-spacing: 2px;}
.part07-title p{ height: 36px; font-size: 18px; color: #333; line-height: 36px; letter-spacing: 1px;}

.p07clo-left{ width: 280px; height: auto; overflow: hidden;}
.p07clo-left p{ height: 250px; font-size: 18px; color: #001874; line-height: 36px; padding-top: 130px;}
.map{ width:780px; height: auto; display: inline-block; position: relative;}
.zongbu{ width: 180px; height: 30px; background:url(../images/zongbu.png) no-repeat; position: absolute; top: 195px; right: 68px; z-index: 100;}
.map a{ color:#000; font-size:14px; text-decoration:none;}
.map a:hover{ color:#000;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}


/*part08*/
.part08{ width: 100%; height: auto; overflow: hidden; background:url(../images/part08.jpg) no-repeat center top;}
.part08-all{ width: 1280px; margin: 0 auto;}
.part08-title{ width: 1280px; height: 110px; font-size: 38px; font-weight: bold; color: #001874; line-height: 106px; letter-spacing: 2px; padding-top: 14px;}
.part08-cloum{ width: 1105px; height: 389px; overflow: hidden; background:url(../images/brand.png) no-repeat center top; transition: all .7s; margin: 0 auto 49px;}
.part08-cloum:hover{ box-shadow:0px 0px 25px #bebebe;}


/*part09*/
.part09{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.part09-title{ width: 1100px; height: 95px; overflow: hidden; background:url(../images/part09-title.png) no-repeat; margin-top: 38px;}
.part09-title h4{ height: 60px; font-size: 38px; font-weight: bold; color: #001874; line-height: 58px; letter-spacing: 2px;}
.part09-title p{ height: 36px; font-size: 18px; color: #333; line-height: 36px; letter-spacing: 1px;}

.brand{ width: 1068px; height: 600px; overflow: hidden; margin: 35px auto 0;}
.brand-clo{ width: 316px; height: 300px; margin: 0 20px;}
.brand-clo .braclo-img{ width: 316px; height: 230px;}
.brand-clo .braclo-img01{ background:url(../images/brand01.jpg) no-repeat;}
.brand-clo .braclo-img02{ background:url(../images/brand02.jpg) no-repeat;}
.brand-clo .braclo-img03{ background:url(../images/brand03.jpg) no-repeat;}
.brand-clo .braclo-img04{ background:url(../images/brand04.jpg) no-repeat;}
.brand-clo .braclo-img05{ background:url(../images/brand05.jpg) no-repeat;}
.brand-clo .braclo-img06{ background:url(../images/brand06.jpg) no-repeat;}
.brand-clo p{ height: 57px; font-size: 17px; color: #333; line-height: 57px; text-align: center;}

/*footer*/
.footer{ min-width: 1200px; height: 200px;  background:#444547; color: #fff;}
.footer a{ color: #fff; font-size: 18px;}
.footer a:hover{ text-decoration: underline;}
.footer .link{ padding: 45px 0 10px 0; text-align: center;}
.footer .link span{ padding:0 15px; font-size: 18px;}
.footer .add{ text-align: center; padding-bottom: 10px; font-size: 18px;}
.footer .dda{ width:564px; margin:0 auto; text-align: center; padding-bottom: 30px; font-size: 18px;}
.footer .dda_l{ float:left; width:480px; height:24px;}
.footer .dda_r{ float:left; width:50px; height:24px;}
.footer .site{ text-align: center; padding-bottom: 30px;}
.footer .tel{ width: 463px; height: 30px; line-height: 30px; border: #fff solid 2px; margin: 0 auto;}
.footer .tel span,.footer .tel i{ float: left; display: block; height: 30px; line-height: 30px;}
.footer .tel span{ background: #f6f6f6; color: #8a8887; padding: 0 15px;}