@charset "utf-8";
/* CSS Document zhu2016-09 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
body {min-width: 1300px; margin: 0px; background:#fff;	color: #444;	font-size: 16px;line-height: 1.8;font-family:Tahoma,Arial,"Microsoft YaHei","微软雅黑","MSYH",'\5b8b\4f53',"宋体","SimHei","黑体",'Hiragino Sans GB',"Microsoft JhengHei","华文细黑",'Heiti SC','Hiragino Sans GB',STHeiti,MingLiu,SimSun,Verdana;	}/*基本样表 */
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }/*去掉点击框*/
* { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
* {	margin: 0px;padding: 0px;list-style: none;}/*默认所有边距为0 */
img, :link img, :visited img {	border: none;}/*默认图片边距为0 */
ul, li {	list-style: none;}
.fl {	float: left;}
.fr {	float: right;}
.both{ clear:both;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.tc{ text-align:center;}
.none{ display:none;}
.block{ display:block;}
a:link {	color: #444;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #444;}
a:hover {	text-decoration: none;	color: #2da6e4;}
a:active {	text-decoration: none;	color: #444;}
html, body { height:100%; }
input, button ,select,textarea{ outline: none; font-family: Tahoma, Arial, 'Microsoft YaHei',"微软雅黑",  "Microsoft JhengHei", 'Hiragino Sans GB',"华文细黑", STHeiti, MingLiu, '\5b8b\4f53', "宋体", SimSun, Verdana; }
input:focus { outline: none; }
/*缓动效果 */
.transition ,.transition a,.transition i{	-webkit-transition:  0.2s ease-in 0s;	-moz-transition:  0.2s ease-in 0s;	-o-transition:  0.2s ease-in 0s;	transition:  0.2s ease-in 0s;	-ms-transition:  0.2s ease-in 0s;}
.toptran a{	-webkit-transition:  0.2s ease-in 0s;	-moz-transition:  0.2s ease-in 0s;	-o-transition:  0.2s ease-in 0s;	transition:  0.2s ease-in 0s;	-ms-transition:  0.2s ease-in 0s;}
/*  a{	-webkit-transition:  0.2s ease-in 0s;	-moz-transition:  0.2s ease-in 0s;	-ms-transition:  0.2s ease-in 0s;	-o-transition:  0.2s ease-in 0s;	transition:  0.2s ease-in 0s;}  */
.zh-self img{max-width: 100%;height: auto;width: auto\9; vertical-align:bottom;}/*图片自动适应到100% */
/*圆角*/
.round3 { -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius:3px;}
.round5 {-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}
.round10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;}
.round15 { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}
.round50 { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
/*透明度*/
.opacity10 { filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
.opacity30 { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.opacity50 { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.opacity80 { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.opacity100 { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
/*定位数值*/
.pt3{ padding-top: 3px;}.pt5{ padding-top: 5px;}.pt10{ padding-top: 10px;}.pt15{ padding-top: 15px;}.pt20{ padding-top: 20px;}.pt25{ padding-top: 25px;}.pt30{ padding-top: 30px;}
.pb3{ padding-bottom: 3px;}.pb5{ padding-bottom: 5px;}.pb10{ padding-bottom: 10px;}.pb15{ padding-bottom: 15px;}.pb20{ padding-bottom: 20px;}.pb25{ padding-bottom: 25px;}.pb30{ padding-bottom: 30px;}.pb40{ padding-bottom:40px;}
.pr3{ padding-right: 3px;}.pr5{ padding-right: 5px;}.pr10{ padding-right: 10px;}.pr15{ padding-right: 15px;}.pr20{ padding-right: 20px;}.pr25{ padding-right: 25px;}.pr30{ padding-right: 30px;}
.pl3{ padding-left: 3px;}.pl5{ padding-left: 5px;}.pl10{ padding-left: 10px;}.pl15{ padding-left: 15px;}.pl20{ padding-left: 20px;}.pl25{ padding-left: 25px;}.pl30{ padding-left: 30px;}
.mt3{ margin-top:3px; }.mt5{ margin-top: 5px;}.mt10{ margin-top: 10px;}.mt15{ margin-top: 15px;}.mt20{ margin-top: 20px;}.mt25{ margin-top: 25px;}.mt30{ margin-top: 30px;}
.mb3{ margin-bottom: 3px;}.mb5{ margin-bottom: 5px;}.mb10{ margin-bottom: 10px;}.mb15{ margin-bottom: 15px;}.mb20{ margin-bottom: 20px;}.mb25{ margin-bottom: 25px;}.mb30{ margin-bottom: 30px;}
.mr3{ margin-right: 3px;}.mr5{ margin-right: 5px;}.mr10{ margin-right: 10px;}.mr15{ margin-right: 15px;}.mr20{ margin-right: 20px;}.mr25{ margin-right: 25px;}.mr30{ margin-right: 30px;}
.ml3{ margin-left: 3px;}.ml5{ margin-left: 5px;}.ml10{ margin-left: 10px;}.ml15{ margin-left: 15px;}.ml20{ margin-left: 20px;}.ml25{ margin-left: 25px;}.ml30{ margin-left: 30px;}
/*按钮*/
.btn { display: inline-block; padding: 5px 15px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; outline: none; }
.btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
.btn-serch { width: 140px; background: #48a0df; color: #fff; outline: none; }
.btn-serch:hover { background: #429edf; color: #fff; outline: none; }
.btn-serch:focus { background: #429edf; color: #fff; outline: none; }
.btn-serch:focus { background: #429edf; color: #fff; outline: none; }
.btn-sub { background: #48a0df; color: #fff; outline: none; }
.btn-sub:hover { background: #429edf; color: #fff; outline: none; }
.btn-sub:focus { background: #429edf; color: #fff; outline: none; }
.btn-sub:focus { background: #429edf; color: #fff; outline: none; }
.btn-danger { background: #bd362f; color: #fff; outline: none; }
.btn-danger:hover { background: #bd362f; color: #fff; outline: none; }
.btn-danger:focus { background: #bd362f; color: #fff; outline: none; }
.btn-danger:focus { background: #bd362f; color: #fff; outline: none; }
/*字号*/
.fz12{ font-size:12px;}.fz14{ font-size:14px;}.fz16{ font-size:16px;}.fz18{ font-size:18px;}.fz20{ font-size:20px;}.fz22{ font-size:22px;}
.fb{ font-weight:bold;}
.zh-txt{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}/*超过两行省略号*/
.one-txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hd66:link,.hd66:visited,.hd66:active{ color:#666;}
.hd66:hover{color:#FF0000;}
.it-input { padding: 5px; height: 20px; border: 1px solid #ddd; outline: none; margin-right: 5px; margin-left: 5px; }
.it-textarea { padding: 5px; height: 50px; border: 1px solid #dadada; margin-right: 5px; margin-left: 5px; outline: none; }
.it-span12 { width: 940px; }
.it-span11 { width: 860px; }
.it-span10 { width: 780px; }
.it-span9 { width: 700px; }
.it-span8 { width: 620px; }
.it-span7 { width: 540px; }
.it-span6 { width: 460px; }
.it-span5 { width: 380px; }
.it-span4 { width: 300px; }
.it-span3 { width: 220px; }
.it-span2 { width: 140px; }
.it-span1 { width: 60px; }
/*icon*/
.icon{display:block; width: 135px; height: 65px;background-repeat:no-repeat; overflow: hidden;}

/*开始*/
.wd1200{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}

.top{height: auto; overflow: hidden; line-height: 36px; color: #979c9b; background: #f4f4f4; font-size: 12px;}
.top a{color:#979c9b; }
.top-fl{display: inline-block; padding-left: 20px; float: left; background: url("../img/icon-za.png") no-repeat center left; background-size: 16px;}
.top-fr{height: auto; overflow: hidden; float: right;}
.top-fr li{height: 36px; overflow: hidden; float: right;  padding-right: 10px;}
.icon-zb{display: inline-block; background: url("../img/icon-zb.png") no-repeat center left; background-size: 16px;padding-left: 20px;}
.icon-zc{display: inline-block; background: url("../img/icon-zc.png") no-repeat center left; background-size: 16px;padding-left: 20px;}
.icon-zd{display: inline-block; background: url("../img/icon-zd.png") no-repeat center left; background-size: 16px;padding-left: 20px;}

.header{ width: 100%;height: auto; overflow: hidden;}
.header-tel{height: auto; overflow: hidden; float: right;padding-top: 20px;}
.header-tel dt{width:65px; height: 65px; overflow: hidden; background: url("../img/icon_tel.png") no-repeat center left; float: left; background-size: 55px; }
.header-tel dd{height: auto; overflow: hidden; margin-left: 65px;}
.header-tel dd p{font-size: 12px; padding-top: 5px;}
.header-tel dd span{display: block; color:#2da6e4; font-weight: bolder; font-size: 35px; line-height: 35px;}

.nav{width: 100%; height: 45px; background: #2da6e4; color: #fff; font-size: 16px;}
.nav ul{width: 1200px; height: 45px;  margin: 0 auto;}
.nav ul li{width: 149px; height: 45px; float: left; text-align: center; line-height: 45px;}
.nav ul li a{display: block; border-right: 1px solid #86cbf0; color: #fff;}
.nav ul li a:hover{background: #8fc738;}
.nav ul li a.aon{background: #8fc738;}

/*banner*/
.banner{ min-width: 1200px;  height: 500px; overflow: hidden; text-align: center; position: relative; z-index: 999999;left: 0;top: 0;}

.banner img{max-width: 100%;height: auto;width: auto\9; vertical-align:bottom;}
.banner .swiper-container{width: 100%; height: 500px; overflow: hidden;}

.banner .swiper-slide{text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} 
.banner .swiper-pagination-bullet{width: 15px; height: 15px; text-align: center; line-height: 20px; font-size: 12px; color:#FFF; opacity: 1; background: rgba(255,255,255,0.8);} 
.banner .swiper-pagination-bullet-active{color:#fff; background: #8fc738;}

/*footer*/
.cpc-ft{min-width: 1300px;  width: 100%; height:auto; overflow: hidden;}
.cpc-ft a{color: #f7f7f7;}
.cpc-fta{ height: auto; overflow: hidden; background: #2da6e4; padding: 30px 0;}
.cpc-fta ul{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.cpc-fta ul span.ftlogo{width: 250px; height: 170px; overflow: hidden; background: url("../img/ft-logo.png") no-repeat left center; display: block; float: left;}
.cpc-er{width: auto; height: auto; overflow: hidden; text-align: right;}
.cpc-er span{display: inline-block; background: #22a673; font-size: 13px; color: #fff; width: 140px; text-align: center;}
.cpc-ftb{height: auto; overflow: hidden; background: #0071AD; color: #f7f7f7; text-align: center; line-height: 60px;}
.cpc-ftb a{ color: #dbdbdb;}

.cpc-ma{height: auto; overflow: hidden; border-bottom: 1px solid #ddd; padding: 5px;}
.cpc-mta{height: auto; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; font-size: 16px; font-weight: bolder;}
.cpc-mtime{height: auto; overflow: hidden; color: #999; font-size: 14px;}
.cpc-mtb{font-size: 14px;}

.footer{min-width: 1300px;  width: 100%; height:auto; overflow: hidden; background: url(../img/bgxw.gif); border-top:5px solid #8fc738;}
.footera{height: 320px; width: 940px;  padding-left: 260px;  margin: 0 auto; position: relative; z-index: 1000;}
.footera dl{ width: 155px; height: auto; overflow: hidden; float: left;}
.footera dl dt{ padding: 30px 0 5px 0; font-size: 16px; color: #333; height: auto; overflow: hidden; font-weight: bolder;}
.footera dl dd{ height: auto; overflow: hidden; font-size: 14px; padding: 2px 0;}
.footera dl dd a{color: #666;}
.footera dl dd a:hover{color: #005895;}

.footerb{height: auto; overflow: hidden; background: url(../img/footerb.png); color: #333; }
.footerb ul{width: 940px; height: auto; overflow: hidden; margin: 0 auto; padding-left: 260px; line-height: 24px; padding-top: 10px; padding-bottom: 10px;}
.footerlogo{ width: 200px; height: 200px; padding-top: 200px; overflow: hidden; text-align: center; background: #005895 url(../img/footerlogo.png) no-repeat center 0px; position: absolute; z-index: 1001; left: 0; top: 0; color: #fff; }
.footerlogo p{ padding-left: 40px; text-align: left;}

.qqonline{ width:160px; height:343px; overflow:hidden; position:fixed; right:-125px; top:25%; background:url(../img/online.png) no-repeat left top; z-index:9999999;}
.qqzw{ width:120px; height:300px; overflow:hidden; padding-top:43px;}
.qqzw p{ padding-top:5px;}
.fzb{ font-weight:bold;}
.qqzw span{ display:inline-block; width:100px; height:1px; background:#005895;}
.qqsb{ width:40px; height:130px; margin-top:88px; cursor:pointer; }
.qqr{ background:url(../img/qqa.png) no-repeat left top;}


.dkup{ width: 40px; height: 64px; overflow: hidden; position: fixed; z-index: 99999999; right: 5px; top: 80%; cursor: pointer;}
.icon-ond{display:inline-block;background-repeat:no-repeat; width:40px; height:64px; overflow:hidden; background-image:url(../img/up.png); background-position:center center; }
.dkico{ display: none;}
.dkblock{display: block;}

.mz-ft{height: auto; overflow: hidden; background: #fff; border-top:3px solid #8fc738; padding: 12px 0; text-align: center;}
.mz-ft a{display: inline-block; padding: 0 30px; font-size: 14px;}
.mz-cc{ color: #f7f7f7;}

/*page*/
.nban{width: 100%; height: 350px; overflow: hidden;}
.nabout{background: url(../img/about.jpg) no-repeat center top; background-size: 100% auto;}
.nbg2{background: url(../img/hzbg.jpg) no-repeat center top;background-size: 100% auto;}
.nbg3{background: url(../img/cpic.jpg) no-repeat center top;background-size: 100% auto;}
.nbg4{background: url(../img/fypic.jpg) no-repeat center top;background-size: 100% auto;}
.nbg7{background: url(../img/nbg7.jpg) no-repeat center top;background-size: 100% auto;}
.nbg8{background: url(../img/nbg8.jpg) no-repeat center top;background-size: 100% auto;}

.page{height: auto; overflow: hidden; background: #ededed;}
.page-man{ height: auto; overflow: hidden;width: 1200px; margin: 0 auto;}
.page-tit{ height: auto; overflow: hidden; padding: 10px 20px; background: #fff; margin: 10px 0; }
.page-tit span.fz20{font-size: 20px; font-weight: bolder;}
.page-box{min-height: 550px; height:auto!important;height:550px; overflow: hidden; padding: 10px 20px; background: #fff; font-size: 16px;}
.page-box img{max-width:100%;}
.titman{font-size: 24px; font-weight: bolder; float: left;  line-height: 30px; }

.page-fanye{height: auto; overflow: hidden; text-align: center; padding: 10px 0; border-top: 1px dotted #848484; background: #fff; margin-bottom: 15px;}


/*新闻*/
.newslist{min-height: 550px; height:auto!important;height:550px; overflow: hidden; background: #fff; padding: 10px 20px;}
.newslist dl{height: auto; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #ddd;}
.newslist dl a{display: block; height: auto; overflow:hidden;}
.newslist dl a dt{width:290px; height:200px; overflow: hidden; float: left; text-align: center; background: #f1faff;}
.newslist dl a dt img{width: 100%;transition: all 0.3s ease-out 0s;}
.newslist dl a dd{height: 200px; overflow: hidden; margin-left: 310px;}
.newslist dl a dd .news-tit{height: auto; overflow: hidden; font-size: 20px; font-weight: bolder; padding-top: 10px;}
.newslist dl a dd .news-ta{ height: auto; overflow: hidden;font-size:16px; }
.newslist dl a dd .news-tb{font-size: 14px; color: #999; padding: 2px 0}
.newslist dl a:hover dt img{transform: scale(1.1, 1.1);}
.newslist dl a:hover  dd .news-tit{color:#dc0002; }
.newslist dl a:hover  dd .news-ta{color:#444; }
.newslist dl a:hover  dd .news-tb{color:#999; }
.motime { font-size: 12px;    height: auto;    overflow: hidden;    text-align: center;    padding: 10px 0;    background: #f9f9f9;    color: #666;}
.news-man{height: auto; overflow: hidden; padding: 10px 0;}

/*分页*/
.page-kuan{height: auto; overflow: hidden; padding: 10px 0; text-align: center; background: #fff; margin: 10px 0; }
.pagination{height: auto; overflow: hidden;-ms-flex-pack: center!important;    justify-content: center!important;display: -ms-flexbox;    display: flex;border-radius: 3px;}
.pagination a{display: block; color: #666;}

a.page-link:not(:disabled):not(.disabled) {    cursor: pointer;}
a.page-num, a.page-link {    position: relative;    display: block;    padding: .5rem .75rem;    margin-left: -1px;    line-height: 1.25;    color: #666;    background-color: #fff;    border: 1px solid #dee2e6;}
.pagination a:hover{background: #f7f7f7}
a.page-num-current {    z-index: 1;    color: #fff;    background-color: #8fc738;    border-color: #8fc738;}
a.page-num-current:hover {    z-index: 1;    color: #fff;    background-color: #8fc738;    border-color: #8fc738;}

.pru-list{height: auto; overflow: hidden; background: #fff; padding: 10px; width: 1250px;}
.pru-list li{width: 280px; height: 320px; overflow: hidden; float: left; margin: 0 20px 15px 0;}
.pru-list li a{display: block;height: 100%; overflow: hidden;}

.pru-list li a span{display: block; width: 100%; height: 280px; overflow: hidden;}
.pru-list li a p{font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  line-height: 30px; padding: 8px; text-align: center;}

.pru-list li a span img{width:100%; max-width: 100%; transition: all 0.3s ease-out 0s;}
.pru-list li a:hover span img{transform: scale(1.1, 1.1);}



/*index*/

.boxa{ height: auto; overflow: hidden; padding: 15px 0; background: url("../img/06.jpg");}
.box-tit{height: auto; overflow: hidden; text-align: center;}
.box-tit dl dt{  height: auto; overflow: hidden;   text-align: center; font-size: 42px;  font-weight: bolder; color: #2da6e4;}
.box-tit dl dd{ height: auto; overflow: hidden;}
.box-tit dl dd em{display: inline-block; height: 25px; overflow: hidden; width: 30px; border-bottom: 2px solid #ddd;}

.box-tit dl dd span{display: inline-block; line-height: 30px; padding: 0 20px; color: #999;font-size: 16px;}

.boxa-list{width: 1200px; margin-top: 45px; margin-left: auto; margin-right: auto;}
.boxa-list li{width: 280px;  height: 415px;   float: left;    position: relative;    cursor: pointer; background: #ccc;}
.b640{width: 640px !important;    height: 440px !important; background: #000 !important;}


.clearfix:after{content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.clearfix:after,.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}

.mr20{margin-right:20px}

.zq-icon{display:inline-block;background:url(../Images/icon.png) no-repeat;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}

.card-area{margin:50px auto 0;height:470px;width:1280px;position:relative;}
.card-area .bg-e8e8e8{background:#ffffff;}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:25%;height:366px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:65px;line-height:26px;font-size:14px;top:0;}
.card-area .card-item .card .card-title .content{position:absolute;bottom:-2px;width:100%; height:65px;border-bottom:1px solid #cecece;}
.card-area .card-item .card .card-title h1{font-size:22px;color:#d9efff;margin-bottom:0;}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{
	transition:all .15s cubic-bezier(.4,0,.2,1) 0s;
	height:65px;
	line-height:65px;
	color:#000;
}
.card-area .card-item .card .main-info ul{}
.card-area .card-item .card .main-info ul li{width:100%;height:125px;border-bottom:1px solid #cecece;}
.card-area .card-item .card .main-info ul li:last-child{border-bottom:0;}
.card-area .card-item .card .main-info ul li .left{width:50%;height:100%;float:left;padding-left:25px;}
.card-area .card-item .card .main-info ul li .left p.tit{color:#000; margin-top:25px;}
.card-area .card-item .card .main-info ul li .right{width:30%;height:100%;float:right;}
.card-area .card-item .card .main-info ul li .right button{padding:5px 15px; background:none; border:1px solid #000;color:#000;margin-top:30px;}
.card-area .card-item .card .card-content{height:300px;position:absolute;top:66px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#666;text-align:left;padding-top:26px}
.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:14px;}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:50%;height:386px}
.card-area .card-item.active .card .card-title{background-color:#2da6e4;height:65px;top:-15px;border:none;}
.card-area .card-item.active .card .card-title .content{border-bottom:0;}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff; height:100%; line-height:66px;}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

.boxb{height: 600px; overflow: hidden; background: url("../img/case_bg.jpg") no-repeat center top;}
.boxb-tit {height: auto; overflow: hidden; text-align: center; padding: 20px 0;}
.boxb-tit dl dt{  height: auto; overflow: hidden;   text-align: center; font-size: 42px;  font-weight: bolder; color: #fff;}
.boxb-tit dl dd{ height: auto; overflow: hidden;}
.boxb-tit dl dd em{display: inline-block; height: 25px; overflow: hidden; width: 30px; border-bottom: 2px solid #ddd;}
.boxb-tit dl dd span{display: inline-block; line-height: 30px; padding: 0 20px; color: #f1f1f1;font-size: 16px;}


.boxb-dl{height: auto; overflow: hidden; width: 1200px; margin: 20px auto;  background: #fff;}
.boxb-dl dt{width: 580px; height: 350px; overflow: hidden; float: left;}
.boxb-dl dt img{height: 350px;}
.boxb-dl dd{height:330px; overflow: hidden; margin-left: 580px; background: #fff; padding: 10px 10px 10px 20px;}

.zh-box5-tit{font-size:32px;color:#2da6e4;font-weight:bolder;}
.zh-box5-yy{font-size:16px;color:#666}
.zh-box5-m{color:#999;line-height:30px;padding: 10px 0; font-size: 14px;}
.zh-box5-more{padding-top:10px}
.zh-box5-more a{display:inline-block;border:1px solid #ddd;padding:10px 50px;color:#666;font-size:16px}
.zh-box5-more a:hover{color:#fff;background:#8fc738;border:1px solid #8fc738}

.boxc{height: auto; overflow: hidden; padding: 20px 0; background: #f7f7f7;}
.mzc-news-box{height: auto; overflow: hidden; margin: 0 auto; width: 1200px; padding-top: 20px;}
.mzc-news-box dl{width:559px ; height: auto; overflow: hidden; float: left; border-bottom: 1px dashed #ddd; padding: 10px; margin: 10px;}
.mzc-news-box dl a{display: block; height: auto; overflow: hidden;}
.mzc-news-box dl a dt{width: 100px; height: 90px; overflow: hidden; border: 1px solid #ddd; float: left; text-align: center;}
.mzc-news-box dl a dt p{font-size: 45px; font-weight: bolder; line-height: 60px; border-bottom: 1px dashed #ddd;}

.mzc-news-box dl a dd{height: 90px; overflow: hidden; margin-left: 120px;}
.mzc-news-box dl a dd p{font-size: 16px; font-weight: bolder;}
.mzc-news-box dl a dd span{font-size: 14px; color: #666;}


.boxd{height: auto; overflow: hidden; padding: 15px 0;}
.boxd-list{width: 1200px;height: auto; overflow: hidden; padding: 20px 0; margin: 0 auto;}
.boxd-list li{width: 300px; height: 200px; overflow: hidden; float: left; background: #f7f7f7;}
.boxd-list li p{padding: 30px 20px 10px 20px; color: #2da6e4; font-size: 18px;}
.boxd-list li span{display: block; padding: 5px 20px; font-size: 14px;}
.boxd-list li img{width: 300px;}


.boxlist{ height:auto; overflow: hidden;}

.boxlist li{height:34px; overflow: hidden; border: 1px solid #299CD3; margin-top: 20px;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.boxlist li span{display: block; width: 45px; height: 34px;  float:left;}
.input-b{ height: 35px; border:1px solid #fff; outline: none;  width:490px;   }
.boxa-btn{height:auto; overflow: hidden; padding-top: 25px;}
.input-c{padding: 5px 10px; height: 24px; border:1px solid #fff; outline: none;  width:470px;  }
.input-d{padding: 5px 10px; height: 24px; border:1px solid #fff; outline: none;  width:270px;  }
.mema{color:#888; text-align: right; width: 200px;}
.btn-dl { width: 100%;line-height: 38px; font-size: 16px; background: #0e92d5; color: #fff; outline: none; padding: 0;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.btn-dl:hover { background: #2da6e4; color: #fff; outline: none; }
.btn-dl:focus { background: #2da6e4; color: #fff; outline: none; }
.btn-dl:focus { background: #2da6e4; color: #fff; outline: none; }
.zbhs-ser{height: auto; overflow: hidden; padding: 10px; width: 900px; margin: 0 auto;}