@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;color: #333;font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:14px;background:#fff;text-align:left;position:relative;line-height:20px;min-width:1200px;}
img {border: 0;position:relative;}
div,ul,dl,dd,dt,li,p,span,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;list-style:none;list-style-type: none; word-wrap:break-word;position:relative; border:none;font-weight:400;}
a {color:#666;text-decoration:none;position:relative;cursor:pointer;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;}
textarea { resize:none;font-family:"微软雅黑";font-size:14px;}
table { border-collapse:collapse;border-spacing:0;}
th , td { text-align:left;}
input {font-family:"微软雅黑";font-size:14px;}
input:focus {outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
/* common main */
.fl { float:left;}
.fr { float:right;}
.main {width:1200px;margin-left:auto;margin-right:auto;}
.comtab { table-layout:fixed;width:100%;border-collapse:collapse;}

/*---------清除浮动---------*/
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
.clearfix{zoom:1;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
/* common main END */

.m-top{height: 36px;color: #ccc; background: #333;}
.m-top-hint{float: left;height: 36px;line-height: 36px;}
.m-top-tel{float:right; padding:0 20px 0 26px;height: 36px;line-height: 36px; font-size: 16px;font-weight: bold; background: url(../images/icon/icon01.png) no-repeat left center;}
.m-top-lang{float:right;margin-top: 1px; padding:0 10px; height: 35px;text-align: center; line-height: 35px;background: #fff;}
.m-top-lang a{color: #666464;}
.m-top-lang a:hover{text-decoration: underline;}
.m-top-lang .on{color: #ed6c00;}

.m-header{z-index: 30;background: #fff;}

.m-header-logo{display: block; float: left; height: 90px;line-height: 90px;overflow: hidden;}
.m-header-logo img{display: inline-block;vertical-align: middle;}

.m-header-nav{float: right;}
.m-header-nav li{position: relative; float: left;}
.m-header-nav .a1{display: block;padding:0 25px; height: 90px;line-height: 90px;font-size: 16px; color: #666464;}
.m-header-nav li.on{background: #ed6c00;}
.m-header-nav li.on .a1{color: #fff;}
.m-header-nav .subnav{display: none; position: absolute;padding-bottom: 10px; width: 100%;background: #ed6c00;}
.m-header-nav .subnav a{display: block;width: 100%; line-height: 34px; color: #fff;text-align: center;}
.m-header-nav .subnav a:hover{text-decoration: underline;}

.m-banner{width: 100%;overflow: hidden;}
.m-banner .banner01{left: 50%;margin-left: -960px;}
.m-banner .banner01 .box02 .num{background: none;}
.m-banner .banner01 .box02 .num .sel{background-color: #f18200;}
.m-banner .banner01 .box03{width: 1200px;margin-left: -600px;}
.m-banner .banner01 .box03 .btn01,
.m-banner .banner01 .box03 .btn02{top: 220px;width: 25px;height: 60px;}
.m-banner .banner01 .box03 .btn01:hover,
.m-banner .banner01 .box03 .btn02:hover{background: #f18200;}
.m-banner .banner01 .box03 .btn01 span,
.m-banner .banner01 .box03 .btn02 span{width: 100%;height: 100%;}

.m-service{text-align: center;font-size: 0;}
.m-service .box{display: inline-block; margin:0 29px; padding-top: 50px;background: url(../images/icon/icon02_1.png) no-repeat center top;}
.m-service-a{display: block;padding-top: 25px;width: 257px;height: 265px;font-size: 16px; background: url(../images/icon/icon02_3.png) no-repeat center center;-webkit-transition: all 0.8s;transition: all 0.8s;}
.m-service-a .num{display: block;margin:0 auto;width: 53px;height: 53px;line-height: 53px;text-align: center;color: #f18200;background: url(../images/icon/icon02_4.png) no-repeat center center;}
.m-service-a .text{display: table-cell;padding-top: 50px;width: 257px; height: 90px;vertical-align: middle;}
.m-service-a .tit{margin:0 auto;width: 100px; line-height: 30px; font-size: 24px;color: #f18200;}
.m-service-a .en{line-height: 26px; color: #f18200;text-transform: uppercase;}
.m-service .box:hover .m-service-a{-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

.m-abstract{margin-top: 70px; padding:60px 0; background: #f4f4f4;}
.m-abstract-tit h2{line-height: 30px; font-size: 28px;}
.m-abstract-tit .icon{margin-top: 12px; width: 30px;height: 3px;background: #ed6d00;}

.m-abstract-con{margin-top: 28px; width: 600px;height: 208px; font-size: 16px;line-height: 26px;color: #666; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}

.m-abstract-more{display: block;margin-top: 20px; width: 120px;height: 35px;line-height: 35px;text-align: center;color: #fff;background: #ed6d00;}
.m-abstract-more:hover{opacity: 0.9;filter:Alpha(opacity=90);}

.m-abstract-video{display: block; position: relative; float: right;margin-top: 35px; width: 550px;height: 300px; overflow: hidden;}

.m-news{padding:60px 0;}
.m-news-tit{margin:0 auto 40px; width: 1200px; border-bottom: 1px solid #666464;}
.m-news-tit h2{line-height: 30px; font-size: 28px;}
.m-news-menu{margin-top: -30px; text-align: right;font-size: 0;}
.m-news-menu a{display: inline-block;margin:0 0 -1px 10px; width: 150px;height: 50px;line-height: 50px;text-align: center;font-size: 24px;color: #fff;background: #666464;}
.m-news-menu .on{background: #ed6d00;}

.m-news-list{display: none; float: right;width: 600px;}
.m-news-list .box{display: block;position: relative;margin-bottom: 10px; height: 130px;background: #f4f4f4;}
.m-news-list .photo{display: block;float:left;margin-right: 20px; width: 174px;height: 130px;text-align: center; overflow: hidden;}
.m-news-list .photo img{display: inline-block;height: 100%;-webkit-transition: all 0.6s;transition: all 0.6s;}
.m-news-list .photo:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.m-news-list .tit{display: block; padding-top: 18px;width: 290px;height: 20px;line-height: 20px; font-size: 16px;color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-news-list .tit:hover{color: #ed6d00;}
.m-news-list .txt{margin-top: 20px;width: 386px; height: 48px; line-height: 24px; color: #666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.m-news-list .date{position: absolute;top: 24px; right: 25px;font-size: 12px;color: #999;}

.m-news-photo{display: block; float: left;width: 550px; height: 410px;text-align: center; overflow: hidden;}
.m-news-photo img{display: inline-block;height: 100%;-webkit-transition: all 0.6s;transition: all 0.6s;}
.m-news-photo:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.m-link{padding:15px 0;line-height: 24px; background: #f2f2f2;}
.m-link .tit{display: inline-block; font-weight: bold;}
.m-link a{display: inline-block;margin-right: 25px; color: #333;}
.m-link a:last-child{margin:0;}
.m-link a:hover{color: #ed6d00;}

.m-footer{height: 144px;background: #353535;}
.m-footer-tel{float: left;padding-left: 60px;height: 144px;line-height: 144px; background: url(../images/icon/icon04.png) no-repeat left center;}
.m-footer-tel .con{display: inline-block;vertical-align: middle;}
.m-footer-tel .p1{line-height: 20px;color: #c2c2c2;}
.m-footer-tel .p2{line-height: 30px;font-weight: bold; font-size: 26px; color: #ed6c00;}

.m-footer-ewm{float: left;margin-left: 105px; height: 144px;line-height: 144px;font-size: 0;}
.m-footer-ewm .hint{display: inline-block;vertical-align: middle;font-size: 14px; line-height: 24px; color: #c2c2c2;}
.m-footer-ewm .photo{display: inline-block;vertical-align: middle;margin-right: 14px; width: 92px;height: 144px;line-height: 144px;overflow: hidden;}
.m-footer-ewm .photo img{display: inline-block;width: 100%;vertical-align: middle;}

.m-footer-nav{float: right;margin-top: 30px; text-align: right;color: #fff;}
.m-footer-nav a{font-weight: bold;color: #fff;}
.m-footer-nav a:hover{color: #ed6c00;}

.m-footer-info{float: right;margin-top: 28px; text-align: right;line-height: 24px; color: #c2c2c2;}
.m-footer-info a{color: #c2c2c2;}
.m-footer-info a:hover{color: #ed6c00;}

.m-sidebar-a{display: block;margin-bottom: 1px; width: 70px;height: 70px;text-align: center;background: #666464;-webkit-transition: all 0.3s;-webkit-transition: all 0.5s;transition: all 0.5s;}
.m-sidebar-a .icon{width: 100%; height: 50px;background: no-repeat center center;}
.m-sidebar-a .p1{height: 20px;line-height: 12px; font-size: 12px;color: #fff;}

.m-sidebar-box{visibility: hidden;position: absolute;top: 15px; right: 80px;padding:5px; text-align: center; background: #fff;border:1px solid #f18200;opacity:0;filter:Alpha(opacity=0);-webkit-transition: all 0.5s;transition: all 0.5s;}
.m-sidebar-box .arrow{position: absolute;left: 100%;top: 0;width: 11px;height: 100%; background: url(../images/icon/icon06.png) no-repeat left 12px;}
.m-sidebar-box .p1{line-height: 30px;color: #666;white-space: nowrap;}
.m-sidebar-box .p2{line-height: 30px;font-size: 16px;font-weight: bold;white-space: nowrap;}
.m-sidebar-box .p3{font-size: 12px;white-space: nowrap;}
.m-sidebar-box .p4{width: 115px;}
.m-sidebar-box .p4 img{display: block;width: 100%;}

.m-sidebar{z-index: 60; position: fixed;right: 10px;top: 50%; width: 70px;}
.m-sidebar li{position: relative;}
.m-sidebar li:hover .m-sidebar-a{background: #f18200;}
.m-sidebar li:hover .m-sidebar-box{visibility: visible;top: 0; opacity:1;filter:Alpha(opacity=100);}

.z-banner{width: 100%;height: 420px; overflow: hidden;}
.z-banner img{position: relative;left: 50%;margin-left:-960px; width: 1920px;}

.z-left{float: left;margin-bottom: 100px; width: 260px;}

.z-left-title{margin-top: -120px; padding:30px 20px 0;height: 90px; color: #fff; background: #ed7818 url(../images/icon/icon07.png) no-repeat right top;}
.z-left-title h2{font-size: 24px;}
.z-left-title .en{margin-top: 8px;text-transform: uppercase;}
.z-left-title .icon{display: block; margin-top: 6px;width: 36px;height: 4px;background: #fff;}

.z-left-menu{padding:0 20px;min-height: 250px; background: url(../images/icon/bg01.png) repeat-x center top;}
.z-left-menu a{display: block;padding:15px 0 12px; width: 100%;background: url(../images/icon/arrow01.png) no-repeat right center; border-bottom: 1px solid #eee;}
.z-left-menu h3{font-size: 16px;color: #333;}
.z-left-menu .en{font-size: 12px;color: #bbb;text-transform: uppercase;}
.z-left-menu a.on,
.z-left-menu a:hover{color: #ed6c00; background-image: url(../images/icon/arrow01-1.png);}
.z-left-menu a:hover h3,
.z-left-menu a:hover .en,
.z-left-menu a.on h3,
.z-left-menu a.on .en{color: #ed6c00;}

.breadcrumb-nav{float: right;padding-top: 15px; width: 896px;text-align: right;color: #999;}
.breadcrumb-nav .con{display: inline-block;position: relative; padding:0 10px 10px 0; width: auto;border-bottom:1px solid #ddd;}
.breadcrumb-nav a{color: #999;}
.breadcrumb-nav a:hover{color: #ed6c00;}
.breadcrumb-nav .icon{position: absolute;left: 0;bottom: -1px;width: 40px;height: 5px;background: #ed6d00;}

.z-title{position: relative; padding:0 30px; border-bottom: 1px solid #ddd;}
.z-title .tit01{padding:30px 0 20px;line-height: 30px; font-size: 24px;}
.z-title .tit02{padding:30px 0 10px;line-height: 30px; font-size: 24px;}
.z-title .p1{margin-top: 10px; padding-bottom: 14px; color: #999;}
.z-title .icon{position: absolute;left: 30px;bottom: -1px;width: 120px;height: 4px;background: #ed6c00;}

.z-article{float: right;margin: 20px 0 50px; width: 896px;-webkit-box-shadow: 0 2px 16px rgba(0,0,0,0.1);box-shadow: 0 2px 16px rgba(0,0,0,0.1);}
.z-article-con{padding:35px 30px;line-height: 30px;font-size: 16px;}
.z-article-con img{max-width: 100%;}

.z-paging{padding:0 30px 40px;}
.z-paging .a1{display: block;margin-bottom: 10px; padding:0 24px;height: 48px;line-height: 48px; border:1px solid #ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-paging .icon{display: block;float: left; margin:12px 10px 0 0; width: 24px;height: 24px;background: #273538 url(../images/icon/arrow02_1.png) no-repeat center center; border-radius: 50%;}
.z-paging .a2 .icon{background-image: url(../images/icon/arrow02_2.png);}
.z-paging .a1:hover{color: #ed6d00;}
.z-paging .a1:hover .icon{background-color: #ed6d00;}

.z-pagination{float: right;margin:20px 0 60px; width: 896px;text-align: right;font-size: 0;}
.z-pagination a,
.z-pagination span{display: inline-block;margin:0 5px; padding:0 10px;min-width: 14px; height: 38px;line-height: 38px;text-align: center; font-size: 14px; color: #666;border:1px solid #ddd;}
.z-pagination a.on,
.z-pagination a:hover{color: #fff; background: #ed7d1a; border-color: #ed7d1a;}

.z-list01{float: right;margin:20px 0 0; width: 896px;}
.z-list01-date{float: left;margin-right: 20px; padding:30px 10px 0;height: 60px;color: #fff; background: #999;}
.z-list01-date .p1{margin-bottom: 7px; line-height: 24px; font-size: 24px;}
.z-list01-info{float: left; width: 740px;}
.z-list01-info h3{width: 100%;height: 40px; line-height: 40px; font-size: 24px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-list01-info .txt{width: 100%; height: 48px; line-height: 24px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.z-list01-info .more{display: inline-block;margin-top: 15px; padding:0 25px;width: auto; height: 28px;line-height: 28px;color: #999; border:1px solid #ddd;-webkit-transition: all 0.3s;transition: all 0.3s;}
.z-list01-info .more span{display: block;float: left;width: 0;white-space: nowrap;color: #fff; overflow: hidden;-webkit-transition: all 0.3s;transition: all 0.3s;}

.z-list01-a{display: block;margin-bottom: 10px; padding:15px 0 15px 20px;}
.z-list01-a:hover .z-list01-date{background: #ed6c00;}
.z-list01-a:hover .z-list01-info h3{color: #fff;}
.z-list01-a:hover{color: #fff; background: #ed6c00;}
.z-list01-a:hover .more{color: #fff;border-color: #fff;}
.z-list01-a:hover .more span{width: 60px;}

.z-list02{float: right;margin:20px 0 0; width: 896px;}
.z-list02-li{margin-bottom: 30px;}
.z-list02-li .photo{display: block;float: left;margin-right: 24px; width: 384px;height: 288px;text-align: center; overflow: hidden;}
.z-list02-li .photo img{display: inline-block;height: 100%;-webkit-transition: all 0.6s;transition: all 0.6s;}
.z-list02-li .photo:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.z-list02-li .tit{display: block; width: 465px; height: 74px;line-height: 74px; font-size: 24px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-list02-li .tit:hover{color: #ed7d1a;}
.z-list02-li .txt{margin-top: 20px;padding-top: 30px;width: 465px; height: 72px;line-height: 24px;border-top: 1px solid #ddd;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.z-list02-li .more{display: inline-block;margin-top: 26px; padding:0 25px;width: auto; height: 28px;line-height: 28px;color: #999; border:1px solid #ddd;-webkit-transition: all 0.3s;transition: all 0.3s;}
.z-list02-li .more span{display: block;float: left;width: 0;white-space: nowrap;color: #fff; overflow: hidden;-webkit-transition: all 0.3s;transition: all 0.3s;}
.z-list02-li .more:hover span{width: 60px;}
.z-list02-li .more:hover{color: #fff; background: #ed7d1a;border-color: #ed7d1a;}

.z-list03{float: right;margin:20px -16px 0 0; width: 912px;font-size: 0;}
.z-list03-a{display: inline-block;margin:0 16px 30px 0; width: 288px;text-align: center; font-size: 18px;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.1);box-shadow: 0 2px 10px rgba(0,0,0,0.1);-webkit-transition: all 0.4s;transition: all 0.4s;}
.z-list03-a .photo{width: 100%; height: 215px;overflow: hidden;}
.z-list03-a .photo img{display: block;width: 100%;-webkit-transition: all 0.4s;transition: all 0.4s;}
.z-list03-a .tit{padding:0 10px; font-size: 18px;height: 85px;line-height: 85px;}
.z-list03-a .tit span{display: inline-block;vertical-align: middle;max-height: 56px; line-height: 28px;color: #333;overflow : hidden;}
.z-list03-a:hover{-webkit-transform: translateY(-5px);transform: translateY(-5px);-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.3);box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.z-list03-a:hover .photo img{-webkit-transform: scale(1.08);transform: scale(1.08);}
.z-list03-a:hover .tit span{color: #ed7d1a;}

.z-list04{float: right;margin:20px 0 0;width: 896px;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.1);box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.z-list04 li{padding:0 30px;}
.z-list04-a{display: block;padding-left:30px; height: 58px;line-height: 58px;font-size: 0;color: #333;background: url(../images/icon/icon08.png) no-repeat left center; border-bottom: 1px solid #ddd;}
.z-list04-a .p1{display: inline-block;vertical-align: middle; width: 80%;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.z-list04-a .p2{display: inline-block;vertical-align: middle; width: 20%;text-align: right;font-size: 14px;color: #666;background: url(../images/icon/icon09_1.png) no-repeat 80px center;}
.z-list04 li:last-child .z-list04-a{border:none;}
.z-list04 li:hover{background: #ed6d00;}
.z-list04 li:hover .z-list04-a{color: #fff;background-image: url(../images/icon/icon08_1.png);}
.z-list04 li:hover .z-list04-a .p2{color: #fff;background-image: url(../images/icon/icon09.png);}

.z-contact{float: right;margin:50px 0 0;width: 896px;}
.z-contact-item{display:block;float: left;width: 28%;padding:0 1%; text-align: center;}
.z-contact-item.item01{width: 38%;}
.z-contact-item .icon{margin:0 auto; width: 116px;height: 116px;background: no-repeat center center; border:2px solid #dedede;border-radius: 50%;}
.z-contact-item .p1{margin: 30px 0 15px; font-weight: bold;text-transform: uppercase;}
.z-contact-item .p2{line-height: 24px;}

.z-map{float: right;margin:50px 0 0;width: 896px;height: 330px;}

.z-message{float: right;margin:45px 0 50px;width: 896px;}
.z-message-title{padding-left: 20px; height: 30px;line-height: 30px;font-size: 16px; border-bottom: 1px solid #ed6c00;}

.z-form{margin-top: 30px;}
.z-form-group01{float: left; margin-bottom: 20px; line-height: 34px;}
.z-form-group01 label{display: inline-block;vertical-align: top; width: 43px;}
.z-form-group01 .text01{padding:0 10px; width: 342px;height: 32px;border:1px solid #ddd;}
.z-form-group01 textarea{padding:10px;width: 831px;height: 130px; line-height: 20px; border:1px solid #ddd;}
.z-form-group01 .yzm{display: inline-block;vertical-align: top;margin-left: 10px; width: 110px;height: 34px;overflow: hidden;}
.z-form-group01 .yzm img{display: block;width: 100%;height: 100%;}
.z-form-group01 .submit{margin-left: 60px; width: 150px;height: 34px;font-size: 16px; color: #fff;background: #ed6c00; border:none;cursor: pointer;opacity: 0.9;filter:Alpha(opcity=90);}
.z-form-group01 .submit:hover{opacity: 1;filter:Alpha(opcity=100);}
.z-form-group01.group02 label{padding-right: 20px; width: 105px;text-align: right;}
.z-form-group01.group03 label{width: 60px;}
.z-form-group01.group03 .text01{width: 134px;}
.z-form-group01 input:focus,
.z-form-group01 textarea:focus{border-color:#ed6c00;}

.m-404{margin:200px 0 0; padding-top: 310px; text-align: center;background: url(../images/icon/404.png) no-repeat center top;}
.m-404 a{margin:0 40px;line-height: 26px; font-size: 24px;color: #333;}
.m-404 a:hover{text-decoration: underline;}
.m-404 .a1{color: #ed6c00;}

.m-null{float: right;margin:100px 0 120px;padding-top: 135px;width: 896px;text-align: center;line-height: 22px; font-size: 20px; color: #999; background: url(../images/icon/null.png) no-repeat center top;}