@charset 'utf-8';body,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
input,ol,td,textarea,th,ul{padding:0}
body{font-family:'Microsoft YaHei';font-size:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
table{border-collapse:collapse}
iframe,img{border:0}
ol,ul{list-style:none}
em,i{font-style:normal}
input,select,textarea{font-family:'Microsoft YaHei'}
textarea{overflow:auto;resize:none}
a{text-decoration:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:14px;color:#666}
input:-moz-placeholder,textarea::-moz-placeholder{font-size:14px;color:#666}
input::-moz-placeholder,textarea::-moz-placeholder{font-size:14px;color:#666}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-size:14px;color:#666}
body{background:#e6e9eb}
.header-box{background:#fff}
.header-box .area{height:90px}
.m-nav{margin-top:26px}
.m-nav .nav>li{float:left;position:relative;margin:0 3px}
.m-nav .nav>li>.u-a-wrap{padding:0 30px;font-size:16px;line-height:38px;color:#5c5d60;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}
.m-nav .nav>li.current>.u-a-wrap,.m-nav .nav>li:hover>.u-a-wrap{background:#f2f9ff;color:#008aff;font-weight:bolder}
.m-nav .subnav{display:none;position:absolute;top:38px;left:0;right:0;z-index:30;padding:5px 0 10px 0;border-top:solid 8px #fff;background:#f2f9ff;border-radius:18px}
.m-nav .subnav .u-a-wrap{text-align:center;font-size:14px;line-height:30px;color:#5c5d60}
.m-nav .subnav .u-a-wrap:hover{color:#008aff}
.banner-box .wrap{bottom:218px;left:0;right:0;width:1200px;margin:0 auto}
.banner-box{height:817px}
.banner-box .u-pic{height:817px}
.banner-box .pag{bottom:35px;}
.banner-box .pag a{height: 10px;line-height: 10px; display: inline-block;padding-top: 10px;}
.banner-box .pag span{width:35px;height:3px;margin:0 7px;background-color: #d0e8f4;display: inline-block;}
.banner-box .pag .selected span{background-color:#4c7abd;}
.banner-box .roll{position:relative}
.banner-box .roll li{float:left}
.banner-box .pag{position:absolute;left:0;z-index:100;text-align:center;font-size:0}
.banner-box .pag span{display:inline-block}
.banner-box .tele{bottom:0;right:0;width:297px;height:93px;background:#008aff}
.banner-box .tele .u-icon{padding-left:100px;margin-left:7px;margin-top:16px}
.banner-box .tele .u-icon:before{width:82px;height:82px;background:url(../images/icon/tele.png)}
.banner-box .tele .name{font-size:18px;line-height:32px;color:#fff}
.banner-box .tele .inf{font-size:20px;line-height:28px;color:#fff}
.bg-main{width:1388px;margin-top:-205px;background:#fff}
.m-header{padding-left:20px;border-left:solid 4px #008aff;background:url(../images/background/title.jpg) no-repeat right center}
.m-header .EN{margin-bottom:4px;font-size:24px;line-height:24px;color:#2c2e30}
.m-header .CH{font-size:18px;line-height:18px;color:#2c2e30}
.m-header .more{margin-right:15px;font-size:14px;line-height:46px;color:#666}
.m-header .more:after{content:"";display:inline-block;width:15px;height:15px;margin-left:5px;background:url(../images/icon/more.png);vertical-align:middle}
.m-about .area{padding-bottom:84px;border-bottom:solid 1px #e5e5e5;margin:100px auto 72px auto}
.m-about .left{width:473px;height:637px;border:solid 1px #dfdfdf}
.m-about .u-pic{top:0;bottom:0;right:0;left:0;width:417px;height:577px;margin:auto}
.m-about .right{width:670px;margin-top:26px}
.m-about .article{padding-bottom:45px;border-bottom:solid 1px #dfdfdf;margin-top:32px}
.m-about .article .tit{font-size:26px;line-height:88px;color:#2c2e30}
.m-about .article .ctn{font-size:14px;line-height:30px;color:#2c2e30}
.m-about .data{margin-top:36px}
.m-about .u-alignMenu>li .wrap{display:inline-block;width:87px;height:87px;border:solid 3px #2c2e30;overflow:hidden;text-align:center;vertical-align:middle}
.m-about .u-alignMenu>li .u-number{font-size:28px;line-height:87px;color:#2c2e30;font-weight:700}
.m-about .u-alignMenu>li .unit{display:inline-block;margin-left:8px;font-size:16px;line-height:93px;color:#2c2e30;font-weight:700;vertical-align:middle}
.m-about .u-alignMenu>li .name{padding-right:24px;font-size:14px;line-height:37px;color:#2c2e30;text-align:center}
.m-classify{margin-bottom:64px}
.m-classify .content{margin-top:50px}
.m-classify li{position:relative;width:277px;height:203px;border:solid 1px #e2e2e2}
.m-classify li .u-a{width:100%}
.m-classify li:hover{background:url(../images/background/classify.jpg)}
.m-classify li .name{position:absolute;bottom:107px;left:0;right:0;margin-left:22px}
.m-classify li .icon{display:inline-block;width:70px;height:70px;margin-right:7px;background:no-repeat center center;vertical-align:middle}
.m-classify li:first-child .icon{background-image:url(../images/icon/classify_1.png)}
.m-classify li:first-child:hover .icon{background-image:url(../images/icon/classify_1-on.png)}
.m-classify li:first-child+li .icon{background-image:url(../images/icon/classify_2.png)}
.m-classify li:first-child+li:hover .icon{background-image:url(../images/icon/classify_2-on.png)}
.m-classify li:first-child+li+li .icon{background-image:url(../images/icon/classify_3.png)}
.m-classify li:first-child+li+li:hover .icon{background-image:url(../images/icon/classify_3-on.png)}
.m-classify li:first-child+li+li+li .icon{background-image:url(../images/icon/classify_4.png)}
.m-classify li:first-child+li+li+li:hover .icon{background-image:url(../images/icon/classify_4-on.png)}
.m-classify li span{font-size:18px;line-height:70px;color:#2c2e30;font-weight:700;vertical-align:middle}
.m-classify li:hover span{color:#fff}
.m-classify li .inf{height:56px;overflow:hidden;margin:110px 25px 0 25px;font-size:14px;line-height:28px;color:#2c2e30}
.m-classify li:hover .inf{color:#fff}
.m-case{margin-bottom:76px}
.m-case .content{margin-top:70px}
.m-case li{float:left;width:347px}
.m-case li .u-a-wrap{position:relative;overflow:hidden}
.m-case li:first-child{width:694px}
.m-case li .u-img{height:347px}
.m-case li:first-child .u-img{height:694px}
.m-case li .filter{position:absolute;bottom:0;left:0;z-index:2;width:100%;height:100px;background:url(../images/background/filter.png);-webkit-transition:all .45s;-moz-transition:all .45s;transition:all .45s}
.m-case li .article{margin:28px 28px 0 28px}
.m-case li .tit{font-size:20px;line-height:28px;color:#fff;font-weight:700}
.m-case li .ctn{height:28px;overflow:hidden;font-size:16px;line-height:28px;color:#b9b9b8}
.m-case li .bg{opacity:0;position:absolute;top:0;bottom:0;z-index:3;width:100%;height:100%;margin:auto;background:rgba(48,160,254,.8);-webkit-transition:all .45s;-moz-transition:all .45s;transition:all .45s}
.m-case li:hover .bg{opacity:1}
.m-case li:hover .filter{bottom:-100px}
.m-case li .border{position:absolute;top:0;bottom:0;left:0;right:0;margin:14px;border:solid 2px #fff}
.m-case li .border .icon{position:absolute;top:0;bottom:0;left:0;right:0;width:51px;height:50px;margin:auto;background:url(../images/icon/glass.png)}
.m-news .content{margin:50px 0 60px 0}
.m-news li{width:294px}
.m-news li .wrap{position:relative}
.m-news li .u-img{height:140px}
.m-news li .time{position:absolute;bottom:-35px;right:0;width:46px;text-align:center}
.m-news li .month{font-size:16px;line-height:35px;color:#555c62;font-weight:700;background:#fff;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}
.m-news li .wrap:hover .month{background:#008aff;color:#fff}
.m-news li .date{font-size:24px;line-height:35px;color:#555c62;background:#e6e6e6}
.m-news li .article{margin:25px 25px 0 0}
.m-news li .article .tit{font-size:18px;line-height:74px;color:#2c2e30;font-weight:700}
.m-news li .article .tit:hover{color:#008aff}
.m-news li .article .ctn{height:72px;overflow:hidden;font-size:14px;line-height:24px;color:#5a5d60;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.m-news li .more{margin-top:16px}
.m-news li .more span{font-size:15px;line-height:46px;color:#878787;vertical-align:middle}
.m-news li .more:after{content:"";display:inline-block;width:14px;height:14px;margin-left:10px;background:url(../images/icon/add.jpg);vertical-align:middle}
.m-news li .more:hover span{color:#008aff}
.m-news li .more:hover:after{background:url(../images/icon/add-on.jpg)}
.footer-box{background:#282828}
.footer-box .top .area{height:284px}
.footer-box .logo{top:55px;left:0}
.footer-box .contact{top:56px;left:313px;width:365px;padding:10px 0;border:solid 1px #949494;font-size:14px;line-height:30px;color:#949494}
.footer-box .contact:after{content:"";display:block;position:absolute;top:0;left:90px;height:100%;border-left:solid 1px #515151}
.footer-box .contact span{display:inline-block;width:70px;padding:0 32px 0 10px;vertical-align:top;text-align:center}
.footer-box .link{top:45px;left:747px}
.footer-box .link .header{margin-bottom:20px}
.footer-box .link .CH{font-size:25px;line-height:43px;color:#008aff}
.footer-box .link .EN{font-size:16px;line-height:18px;color:#008aff}
.footer-box .link .content{width:195px}
.footer-box .link ul{width:275px}
.footer-box .link li{float:left;margin-right:80px}
.footer-box .link a{font-size:14px;line-height:28px;color:#a6a8ab}
.footer-box .link a:after{bottom:2px}
.footer-box .link a:hover:after{border-color:#a6a8ab}
.footer-box .weixin{top:56px;right:33px}
.footer-box .weixin .name{font-size:14px;line-height:40px;color:#008aff}
.footer-box .bottom{background:#252525}
.footer-box .bottom .area{height:70px}
.footer-box .copyright{font-size:14px;line-height:70px;color:#7c7c7c}
.footer-box .share{margin-top:18px}
.footer-box .share a{font-size:14px;color:#fff}
.footer-box .share a:hover{color:#fff}
.bds_more{background-image:none!important}
.bds_qzone,.bds_tsina,.bds_weixin{width:25px;height:25px!important;padding:0!important;margin:0 8px!important}
.bds_tsina{background:url(../images/icon/weibo.png)!important}
.bds_qzone{background:url(../images/icon/QQ.png)!important}
.bds_weixin{background:url(../images/icon/weixin.png)!important}
.page-box{margin-top:92px}
.page-box .left{width:288px;margin-bottom:30px;font-weight:700}
.page-box .right{width:878px;margin-bottom:55px}
.m-pageNav{margin-bottom:17px}
.m-pageNav .header .CH{font-size:24px;line-height:50px;text-indent:25px;background:url(../images/background/pageNav.jpg)}
.m-pageNav .header .EN{font-size:14px;line-height:24px;text-indent:25px;background:#2c2e30}
.m-pageNav .collapseItem .u-a-wrap{position:relative;border-bottom:solid 3px #fff;background:#efefef;font-size:15px;line-height:50px;color:#555c62;text-indent:26px}
.m-pageNav .collapseSubItem .u-a-wrap:hover{color:#008aff;background:#f2f9ff}
.m-pageNav .collapseItem.active>.u-a-wrap{color:#008aff;background:#f2f9ff}
.m-pageNav .collapseItem.active>.u-a-wrap:after{background:url(../images/icon/pageNav-on.jpg)}
.m-pageNav .collapseItem>.u-a-wrap:after{content:"";display:block;position:absolute;top:0;bottom:0;right:15px;width:56px;height:16px;margin:auto 0;background:url(../images/icon/pageNav.jpg)}
.m-contact{height:340px;background:url(../images/background/contact.jpg)}
.m-contact .wrap{top:0;left:0;right:0;bottom:0;margin:13px;border:solid 3px #d3e9f9}
.m-contact .title{margin:0 23px 25px 23px;border-bottom:solid 1px #b3d9f9;font-size:18px;line-height:64px;color:#fff}
.m-contact .content{margin:0 23px;font-size:15px;line-height:28px;color:#fff}
.m-contact .content span{width:135px}
.m-location{margin-bottom:17px;border-left:solid 4px #008aff;background:url(../images/background/title.jpg) no-repeat right center}
.m-location .title{font-size:18px;line-height:40px;color:#2c2e30;text-indent:20px}
.m-location .u-icon{padding-left:25px;margin-right:25px;font-size:15px;line-height:40px;color:#666}
.m-location .u-icon:before{width:15px;height:15px;background:url(../images/icon/arrow.png)}
.m-location .u-icon a{color:#666}
.m-location .u-icon a:hover{color:#008aff}
.m-pictureList ul{width:888px;padding-bottom:5px;border-bottom:solid 1px #dddee0}
.m-pictureList li{float:left;width:286px;overflow:hidden;margin:0 10px 15px 0}
.m-pictureList li .u-a-wrap{position:relative}
.m-pictureList li .u-img{height:284px}
.m-pictureList li .filter{position:absolute;bottom:0;left:0;width:100%;height:93px;background:url(../images/background/filter.png);text-indent:26px;-webkit-transition:all .45s;-moz-transition:all .45s;transition:all .45s}
.m-pictureList li .u-a-wrap:hover .filter{bottom:-93px}
.m-pictureList li .name{margin-top:25px;font-size:20px;line-height:28px;color:#fff;font-weight:700}
.m-pictureList li .inf{font-size:16px;line-height:25px;color:#b9b9b8}
.m-pictureList li .bg{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(48,160,254,.8);-webkit-transition:all .45s;-moz-transition:all .45s;transition:all .45s}
.m-pictureList li .u-a-wrap:hover .bg{opacity:1}
.m-pictureList li .border{position:absolute;top:0;bottom:0;left:0;right:0;margin:14px;border:solid 2px #d4ebfd}
.m-pictureList li .icon{position:absolute;top:0;left:0;bottom:0;right:0;width:51px;height:50px;margin:auto;background:url(../images/icon/glass.png)}
.u-album{position:relative}
.u-album .roll{position:absolute;top:50%;left:50%}
.u-album .roll li{float:left}
.u-album .next,.u-album .prev{position:absolute;top:0;bottom:0;z-index:10;width:45px;height:75px;margin:auto 0;background:#000 no-repeat center center;opacity:.2;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.u-album .prev{left:0}
.u-album .next{right:0}
.u-album .next:hover,.u-album .prev:hover{opacity:.7}
.u-album .prev{background-image:url(../images/icon/album-l.png)}
.u-album .next{background-image:url(../images/icon/album-r.png)}
.sub-message{font-size:14px;padding:30px 12px;background-color:#fff}
.sub-message .m-textimg{color:#333;line-height:24px;margin-bottom:20px;font-size:14px}
.sub-message .m-textimg img{float:left;margin-right:15px}
.sub-message i{display:inline-block;padding-right:5px;font-style:normal;color:red}
.sub-message .m-tage{color:#333;padding:5px 0}
.sub-message .m-form{margin-bottom:20px;padding:10px}
.sub-message table{width:100%}
.sub-message .m-form table td{padding:7px 0}
.sub-message label{color:#333;position:relative;display:inline-block;width:100px;height:30px;line-height:30px;text-align:right}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:top}
.sub-message .m-form .td-textarea{width:60%;vertical-align:middle}
.sub-message .m-form .td-textarea label{float:left}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;vertical-align:middle}
.sub-message .m-submit{text-align:right;vertical-align:top}
.sub-message .m-submit img{margin-left:5px;vertical-align:top}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;font-family:'microsoft yahei';font-size:14px;border:none;cursor:pointer}
.sub-message .m-submit input{width:80px;height:24px;line-height:24px;margin:0;padding-left:5px;vertical-align:top;cursor:auto}
.sub-message .m-form .td-textarea textarea,.sub-message .m-form table input,.sub-message .m-submit input{font-family:'microsoft yahei';border:1px solid #666;background:#fff}
.sub-message .m-form{background:#fff}
.sub-message .m-submit .btn{color:#fff;background:#2181c3}
.m-newsList li{padding:28px 0;border-bottom:solid 1px #f2f2f2}
.m-newsList .u-a-wrap{position:relative}
.m-newsList li .article{margin-left:120px}
.m-newsList li .tit{font-size:18px;line-height:42px;color:#2c2e30;font-weight:700}
.m-newsList .u-a-wrap:hover .tit{color:#008aff}
.m-newsList li .ctn{height:48px;overflow:hidden;font-size:14px;line-height:24px;color:#5a5d60}
.m-newsList li .time{position:absolute;top:0;left:20px}
.m-newsList li .month{width:63px;background:#9a9a9a;font:18px/46px Arial;color:#fff;text-align:center}
.m-newsList .u-a-wrap:hover .month{background:#008aff}
.m-newsList li .date{font-size:36px;line-height:48px;color:#9a9a9a;text-align:center;font-weight:700}
.m-newsList .u-a-wrap:hover .date{color:#008aff}
.footer-box .contact .contact-add{width: 235px;text-align: left;padding: 0;}