/* 公用 */
.m1.active .bg,
.m2.active .bg,
.m3.active .bg,
.m4.active .bg,
.m5.active .bg
{
	animation-name: pulse;/*所需运行的动画名称*/
	animation-duration: 30s;/*在30秒内完成*/
	animation-delay: 0s;/*等待0秒*/
}
/* 頭部 */
.head{height: 116px;background: #FFFFFF;}
.head .logo{margin-top: 30px;width: 240px;}
.head .nav{margin-top: 40px;width: 960px;}
.head .nav .iconMenu{border-left: 1px solid #a2a1a1;margin-top: 10px;height: 23px;}
.head .nav .iconMenu a{float: left;margin-left: 29px;position: relative;}
.head .nav .iconMenu .wechat .hideBox{position: absolute;top: 0px;left: -38px;display: none;padding-top: 30px;}
.head .nav .iconMenu .wechat .hideBox .box{box-shadow: 0 2px 10px #888888;width: 120px;height: 120px;}
.head .nav .iconMenu .wechat .hideBox img{width: 120px;height: 120px;}
.head .nav .iconMenu .wechat:hover .hideBox{display: block;}
.head .nav .iconMenu .search .hideBox{position: absolute;top: 0px;left: -77px;display: none;padding-top: 30px;}
.head .nav .iconMenu .search .hideBox .box{box-shadow: 0 2px 10px #888888;width: 200px;height: 40px;border-radius: 50px;padding: 10px;background: #FFFFFF;}
.head .nav .iconMenu .search .hideBox input{border: 0;font-size: 12px;}
.head .nav .iconMenu .search .hideBox .text{width: 155px;height: 20px;float: left;}
.head .nav .iconMenu .search .hideBox .submit{width: 20px;height: 20px;float: left;background: url(../img/iconSearch.png) #FFFFFF;background-size: 100% 100%;}
.head .nav .iconMenu .search:hover .hideBox{display: block;}

.head .nav ul li{float: left;width: 140px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;}
.head .nav ul li a{color: #545252;}
.head .nav ul li .sub{display: none;background: #005aab;width: 465px;height: 208px;position: relative;top: 0px;left: -50px;padding: 20px;}
.head .nav ul li .sub .subMenu{width: 150px;text-align: left;}
.head .nav ul li .sub .subMenu a{display: block;font-size: 14px;border-bottom: 1px solid rgba(255,255,255,0.5);height: 41px;line-height: 41px;}
.head .nav ul li .sub img{width: 250px;height: 169px;}
.head .nav ul li:hover{background: #005aab;color: #FFFFFF;}
.head .nav ul li:hover a{color: #FFFFFF;}
.head .nav ul li:hover .sub{display: block;}
/* 第一屏 */
.m1{position: relative;}
.m1 .bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../img/bn1.jpg);background-size: 100% 100%;z-index: -1;}
.m1 .head{position: absolute;left: 0;right: 0;top: 0;}
.m1 .banner{position: relative;}
.m1 .banner .cn{font-size: 81px;font-weight: bold;color: #5aa3ef;font-style: italic;}
.m1 .banner .cn span{margin: 0 60px;}
.m1 .banner .en{font-size: 73px;font-weight: bold;color: #FFFFFF;font-family: arial;text-transform: uppercase;margin-top: 50px;font-style: italic;}
.m1.active .banner
{
	animation-name: backInDown;/*所需运行的动画名称*/
	animation-duration: 5s;/*在30秒内完成*/
	animation-delay: 3s;/*等待0秒*/
	animation-fill-mode: forwards;/*执行后结束停留*/
}
/* 第二屏 */
.m2{position: relative;overflow: hidden;}
.m2 .bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../img/m2Bg.jpg);background-size: 100% 100%;z-index: -1;}
.m2 .box{width: 618px;height: 608px;border: 1px solid #b1b0b0;transform:rotate(45deg);margin: auto;position: relative;top: 85px;z-index: 400;}
.m2 .container{position: relative;}
.m2 .text{position: absolute;top: 0;width: 100%;z-index: 500;}
.m2 .text .catName{transform:rotate(45deg);background: #005aab;width: 158px;height: 158px;display: inline-block;position: relative;top: -60px;font-size: 36px;position: relative;}
.m2 .text .catName span{position: absolute;transform:rotate(-45deg);color: #FFFFFF;left: 9px;top: 58px;}
.m2 .text .title .cn{font-size: 30px;color: #005aab;}
.m2 .text .title .cn span{color: #ef1925;}
.m2 .text .title .en{font-size: 12px;color: #b2b0b0;font-family: arial;text-transform: uppercase;margin-top: 10px;}
.m2 .text .content{font-size: 16px;line-height: 36px;color: #1c1c1c;margin-top: 59px;}
.m2 .text .more{transform:rotate(45deg);background: #005aab;width: 74px;height: 74px;display: inline-block;position: relative;top: 30px;}
.m2 .text .more a{position: absolute;transform:rotate(-45deg);color: #FFFFFF;left: 13px;top: 30px;}
.m2 .text .picA{position: absolute;left: 11px;top: 91px;}
.m2 .text .picB{position: absolute;right: -2px;top: 388px;}

.m2.active .text .picA
{
	animation-name: backInLeft;/*所需运行的动画名称*/
	animation-delay: 0s;/*等待0秒后执行*/
	animation-duration: 2s;/*在30秒内完成*/
	animation-fill-mode: forwards;/*执行后结束停留*/
}
.m2.active .text .picB
{
	animation-name: backInRight;/*所需运行的动画名称*/
	animation-delay: 0s;/*等待0秒后执行*/
	animation-duration: 2s;/*在30秒内完成*/
	animation-fill-mode: forwards;/*执行后结束停留*/
}
/* 第三屏 */
.m3{position: relative;}
.m3 .bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../img/m3Bg.jpg);background-size: 100% 100%;z-index: -1;}
.m3 .title{position: relative;}
.m3 .title .cn{font-size: 36px;color: #1b1b1b;}
.m3 .title .en{font-size: 18px;color: rgba(27,27,27,0.51);text-transform: uppercase;margin-top: 13px;}
.m3 .menu{margin-top: 40px;position: relative;}
.m3 .menu a{display: inline-block;width: 160px;height: 49px;line-height: 49px;background-color: #FFFFFF;border-radius: 50px;margin: 0 18px;color: #353535;}
.m3 .menu a:hover{background: #005aab;color: #FFFFFF;}
.m3 .list{color: #FFFFFF;margin-top: 55px;position: relative;}
.m3 .list ul li{float: left;margin-right: 13px;width: 290px;padding: 10px;background: #005aab;text-align: center;}
.m3 .list ul li:nth-child(4){margin-right: 0;}
.m3 .list ul li img{width: 269px;height: 192px;}
.m3 .list ul li .text{font-size: 18px;color: #FFFFFF;margin: 20px 0 15px 0;}

.m3.active .title
{
	animation-name: backInDown;/*所需运行的动画名称*/
	animation-delay: 0s;/*等待0秒后执行*/
	animation-duration: 2s;/*在30秒内完成*/
	animation-fill-mode: forwards;/*执行后结束停留*/
}
.m3.active .menu
{
	animation-name: backInLeft;/*所需运行的动画名称*/
	animation-delay: 0s;/*等待0秒后执行*/
	animation-duration: 2s;/*在30秒内完成*/
	animation-fill-mode: forwards;/*执行后结束停留*/
}
.m3.active .list
{
	animation-name: backInUp;/*所需运行的动画名称*/
	animation-delay: 0s;/*等待0秒后执行*/
	animation-duration: 2s;/*在30秒内完成*/
	animation-fill-mode: forwards;/*执行后结束停留*/
}
/* 第四屏 */
.m4{position: relative;}
.m4 .bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../img/m4Bg.jpg);background-size: 100% 100%;z-index: -1;}
.m4 .title{position: relative;}
.m4 .title .cn{font-size: 36px;color: #1b1b1b;}
.m4 .title .en{font-size: 18px;color: rgba(27,27,27,0.51);text-transform: uppercase;margin-top: 13px;}
.m4 .content{margin-top: 40px;}
.m4 .content .focus{position: relative;}
.m4 .content .focus .pic{width: 582px;height: 341px;}
.m4 .content .focus .pic img{width: 582px;height: 341px;}
.m4 .content .focus .text{width: 582px;height: 169px;background: #2d2d2e;color: #FFFFFF;padding: 10px 57px;}
.m4 .content .focus .text h3{border-bottom: 1px solid #747475;height: 72px;line-height: 72px;}
.m4 .content .focus .text .summary{line-height: 30px;margin-top: 12px;}
.m4 .content .list{position: relative;}
.m4 .content .list .item{height: 70px;line-height: 70px;border-bottom: 1px solid #9f9f9f;display: block;width: 575px;}
.m4 .content .list .item span{margin: 0 7px;}
.m4 .content .list .more{width: 142px;height: 51px;line-height: 51px;border: 1px solid #a2a1a1;display: block;margin-top: 35px;}

.m4.active .title
{
	animation-name: zoomInDown;/*所需运行的动画名称*/
	animation-delay: 0s;/*等待0秒后执行*/
	animation-duration: 2s;/*在30秒内完成*/
	animation-fill-mode: forwards;/*执行后结束停留*/
}
.m4.active .focus
{
	animation-name: zoomInLeft;/*所需运行的动画名称*/
	animation-delay: 0s;/*等待0秒后执行*/
	animation-duration: 2s;/*在30秒内完成*/
	animation-fill-mode: forwards;/*执行后结束停留*/
}
.m4.active .list
{
	animation-name: zoomInRight;/*所需运行的动画名称*/
	animation-delay: 0s;/*等待0秒后执行*/
	animation-duration: 2s;/*在30秒内完成*/
	animation-fill-mode: forwards;/*执行后结束停留*/
}
/* 第五屏幕 */
.m5{position: relative;}
.m5 .bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../img/m5Bg.jpg);background-size: 100% 100%;z-index: -1;}
.m5 .mapBox{width: 50%;height: 100%;position: absolute;left: 0;top: 0;}
.m5 .mapBox .line{position: absolute;right: 0;top: 0;height: 100%;width: 64px;background: url(../img/m5Line.jpg);z-index: 600;}
.m5 .contactus{position: relative;}
.m5 .contactus .title{}
.m5 .contactus .title .cn{font-size: 36px;color: #1d1b1b;}
.m5 .contactus .title .en{font-size: 16px;color: #646262;margin-top: 10px;}
.m5 .contactus .name{margin-top: 25px;}
.m5 .contactus .name .cn{font-size: 24px;color: #005aab;}
.m5 .contactus .name .en{font-size: 12px;font-style: italic;color: rgba(0,90,171,0.5);font-family: arial;margin-top: 5px;}
.m5 .contactus .content{line-height: 36px;color: #646262;margin-top: 35px;}

.m5.active .contactus
{
	animation-name: fadeInRightBig;/*所需运行的动画名称*/
	animation-delay: 0s;/*等待0秒后执行*/
	animation-duration: 2s;/*在30秒内完成*/
	animation-fill-mode: forwards;/*执行后结束停留*/
}
/* 地圖 */
#MapBox {height: 100%;width: 100%;}
.info-title {color: white;font-size: 14px;background-color: #25A5F7;line-height: 26px;padding: 0px 0 0 6px;font-weight: lighter;letter-spacing: 1px;}
.info-content {font: 12px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial;padding: 4px;color: #666666;line-height: 23px;}
.info-content img {float: left;margin: 3px;}
.amap-info-combo .keyword-input{height: 25px;border-radius: 2px 0 0 2px;}

/* 子頁 */
.subBanner{height: 396px;background: url(../img/subBanner.jpg) center;}
/* location */
.brick-location-04{height: 61px;line-height: 61px;background: #0156a6;color: #FFFFFF;font-size: 14px;}
.brick-location-04 a{color: #FFFFFF;}
.brick-location-04 .catName{display: inline-block;font-size: 20px;background: #0e6cc4;color: #FFFFFF;padding: 0 45px;}


/* 底部 */
.foot{background: #0156a6;color: #FFFFFF;font-size: 14px;line-height: 30px;padding: 35px 0;}
.foot a{color: #FFFFFF;}

/* 关于我们 */
.brick-aboutus-02 .one{padding: 70px 0 60px 0;overflow: hidden;}
.brick-aboutus-02 .one .title{margin-bottom: 2%;width: 100%;}
.brick-aboutus-02 .one .title .cn{font-size: 3.6rem;line-height: 1.2;font-weight: bold;color: #0156a6;}
.brick-aboutus-02 .one .title .en{font-size: 36px;font-weight: bold;color: #333;}
.brick-aboutus-02 .one .pic{height: 260px;overflow: hidden;width: 40%;}
.brick-aboutus-02 .one .pic img{height: 100%;width: 100%}
.brick-aboutus-02 .one .content{letter-spacing: 0.5px;font-size: 16px;line-height: 32px;width: 60%;box-sizing:border-box;padding: 1.5em;}
.brick-aboutus-02 .one .content .cn{font-size: 1.3rem;line-height: 30px;margin-bottom: 10px;font-weight: bold;color: #0156a6;}
.brick-aboutus-02 .one .content .en{font-size: 13px;color: #999;line-height: 20px;margin-bottom: 3%;font-weight: 500;}
.brick-aboutus-02 .two{background: #f4f4f4;padding: 30px 0;overflow: hidden;}
.brick-aboutus-02 .two .num{font-size: 42px;color: #0156a6;line-height: 56px;margin-top: 40px;}
.brick-aboutus-02 .two .num p{font-size: 12px;color: #0156a6;line-height: 25px;margin-bottom: 0;}
.brick-aboutus-02 .two ul li{border-right: 1px solid #e2e2e2;float: left;width: 16.66666666%;box-sizing:border-box;}
.brick-aboutus-02 .two ul li:nth-last-child(1){border-right: 0px solid #e2e2e2;}

.brick-aboutus-02 .four{line-height: 36px;margin-top: 36px;font-size: 16px;}
.brick-aboutus-02 .four p{margin-top: 20px;}

.brick-aboutus-02 .three{margin: 60px 0;overflow: hidden;}
.brick-aboutus-02 .three ul li{float: left;width: 25%;box-sizing:border-box;padding: 15px;}
.brick-aboutus-02 .three ul li img{max-width: 100%;}

/* 文章内页 */
.brick-article-content-01{margin: 30px 0;}
.brick-article-content-01 .title{font-size: 22px;color: #333;line-height: 28px;}
.brick-article-content-01 .time{font-size: 12px;color: #999;display: block;border-bottom: 1px solid #eee;padding: 18px 0;margin-bottom: 20px;}
.brick-article-content-01 .time span{padding: 0px 8px;}
.brick-article-content-01 .time span .iconfont{margin-right: 10px;position: relative;top: 2px;}
.brick-article-content-01 .content{font-size: 14px;color: #656565;line-height: 30px;min-height: 600px;}
.brick-article-content-01 .content p{margin-block-start: 1em;margin-block-end: 1em;}

.brick-article-content-01 .content table{border-collapse: collapse; border: none;margin: auto;} 
.brick-article-content-01 .content td{border: solid #000 1px;}
/* 文章列表 */
.brick-article-list-w01{width: 100%;margin-top: 30px;overflow: hidden;}
.brick-article-list-w01 ul li{padding: 45px 0px;border-bottom: 1px solid #eeeeee;width: 100%;overflow: hidden;}
.brick-article-list-w01 ul li .pic .box{border-radius: 10px;width: 80%;margin: auto;height: 100%;overflow: hidden;}
.brick-article-list-w01 ul li .pic img{width: 100%;height: 100%;transition: all 1s;}
.brick-article-list-w01 ul li .title .news_title{height: 60px;line-height: 60px;font-size: 16px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.brick-article-list-w01 ul li .title .news_summary{padding-top: 20px;border-top: 1px dashed #d2d2d2;color: #999999;line-height: 30px;overflow: hidden;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.brick-article-list-w01 ul li .time .day{font-size: 40px;color: #666;}
.brick-article-list-w01 ul li .time .month{font-size: 12px;color: #cccccc;}
.brick-article-list-w01 ul li .more i{margin-top: 25px;display: inline-block;width: 48px;height: 48px;line-height: 48px;border-radius: 50%;box-shadow: 0 0 20px rgba(0,0,0,.05);text-align: center;}
.brick-article-list-w01 ul li:hover{border-radius: 15px; background: #FFFFFF; border-bottom:1px solid #FFFFFF; -o-box-shadow:0 0 20px rgba(0,0,0,.08); -ms-box-shadow:0 0 20px rgba(0,0,0,.08); -moz-box-shadow:0 0 20px rgba(0,0,0,.08); -webkit-box-shadow:0 0 20px rgba(0,0,0,.08); box-shadow:0 0 20px rgba(0,0,0,.08);}
.brick-article-list-w01 ul li:hover .pic img{transform: scale(1.3);-webkit-transform: scale(1.3);}
.brick-article-list-w01 ul li:hover .more i{background: #0156a6;color: #FFF;}
.brick-article-list-w01 ul li:hover .title .news_title{color: #0156a6;}
.brick-article-list-w01 ul li:hover .title .news_summary{border-top:1px dashed #0156a6;}
/* 分页 */
.list-page {margin:20px;text-align: center;clear: both;font-size: 16px;}
.list-page span.close,
.list-page strong,
.list-page a {display: inline-block;padding: 3px 8px;margin-right: 10px;background: #F5f5f5;color: #CCCCCC;float: none;font-size: 16px;line-height: normal;}
.list-page strong.selfpage {background: #0156a6;color: #ffffff;}
.list-page a {background: #bbbbbb;color: #ffffff;}
.list-page a:hover {background: #0156a6;color: #fff;}

/* 联系我们 */
.brick-article-contact-02 .mapbox{width: 100%;height: 396px;border: 1px solid #e3e3e3;overflow: hidden;}
.brick-article-contact-02 .mapbox #MapBox {height: 100%;width: 100%;}
.brick-article-contact-02 .mapbox .info-title {color: white;font-size: 14px;background-color: #25A5F7;line-height: 26px;padding: 0px 0 0 6px;font-weight: lighter;letter-spacing: 1px;}
.brick-article-contact-02 .mapbox .info-content {font: 12px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial;padding: 4px;color: #666666;line-height: 23px;}
.brick-article-contact-02 .mapbox .info-content img {float: left;margin: 3px;}
.brick-article-contact-02 .mapbox .amap-info-combo .keyword-input{height: 25px;border-radius: 2px 0 0 2px;}
.brick-article-contact-02 .content{background: #013f8d;padding: 30px 40px;overflow: hidden;color: #FFF;font-size: 16px;}
.brick-article-contact-02 .content .title{font-size: 24px;font-weight: bold;border-bottom: 1px solid #1356ab;line-height: 1;padding: 19px 0;}
.brick-article-contact-02 .content .left{width: 480px;}
.brick-article-contact-02 .content .left ul li{margin-top: 20px;}
.brick-article-contact-02 .content .left ul li .iconfont{margin-right: 15px;}
.brick-article-contact-02 .content .left .code{margin-top: 22px;height: 133px;}
.brick-article-contact-02 .content .left .code .item{display: inline-block;height: 100%;}
.brick-article-contact-02 .content .left .code .item img{width: 133px;height: 133px;}
.brick-article-contact-02 .content .left .code .item.text{margin-left: 20px;}
.brick-article-contact-02 .content .left .code .item.text i{position: relative;top: -15px;}
.brick-article-contact-02 .content .left .code .item.text i::after{content: "";width: 100%;height: 2px;background: #FFF;position: absolute;left: 0;bottom: -10px;}

.brick-article-contact-02 .content .right{width: 550px;}
.brick-article-contact-02 .content .right ul li{margin-top: 20px;}
.brick-article-contact-02 .content .right input.text{width: 157px;height: 40px;background: rgba(255,255,255,0.5);border: 0;margin-right: 23px;box-sizing:border-box;padding: 0 15px;}
.brick-article-contact-02 .content .right textarea{width: 401px;height: 98px;background: rgba(255,255,255,0.5);border: 0;box-sizing:border-box;padding: 15px;}
.brick-article-contact-02 .content .right input.submit{width: 127px;height: 40px;background: #FFF;border: 0;margin-left: 64px;font-size: 18px;}

/* 产品内页 */
.brick-pro-content-01{margin-top: 25px;margin-bottom: 35px;overflow: hidden;}
.brick-pro-content-01 .top{overflow: hidden;}
.brick-pro-content-01 .top .pic img{width: 460px;padding: 3px;border: 1px solid #ececec;}
.brick-pro-content-01 .top .text{width: 700px;}
.brick-pro-content-01 .top .text h3{font-size: 25px;color: #0156a6;width: 100%;height: 45px;line-height: 45px;font-weight: bold;margin-bottom: 10px;}
.brick-pro-content-01 .top .text p{font-size: 16px;color: #666666;line-height: 30px;}
.brick-pro-content-01 .top .text .menu{margin-top: 25px;overflow: hidden;}
.brick-pro-content-01 .top .text .menu a{width: 164px;height: 39px;float: left;margin-right: 16px;display: block;background: #242524;text-align: center;line-height: 39px;color: #FFF;}
.brick-pro-content-01 .top .text .menu a:nth-child(2){background: #0156a6;}
.brick-pro-content-01 .top .text .tel{font-size: 18px;clear: both;margin-top: 30px;}

.brick-pro-content-01 .content .title{width: 100%;height: 45px;background: #ECECEC;overflow: hidden;margin-top: 40px;margin-bottom: 25px;}
.brick-pro-content-01 .content .title span{display: block;width: 196px;height: 45px;background: #0156a6;color: #fff;line-height: 45px;text-align: center;font-size: 20px;}
.brick-pro-content-01 .content p{line-height: 1.9;}