*{font-family: "微软雅黑","Microsoft YaHei","Arial"}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer; color:#666}
a:hover{text-decoration:none;}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}

.layout{ width:1200px;margin:0 auto;clear:both}
.layout{ width:1200px;margin:0 auto;clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
.clearfix{*zoom:1}

section {min-width:1260px;}
/* header */
.navbar-header {padding-left:20px;}
.navbar-collapse{border-top:none;}
.navbar{margin-bottom:0;position:fixed;top:0;z-index:9999;width:100%; border-radius:0;}
.container-fluid{padding:0;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin:0;}
.navbar-default{border:none;background:url('../images/nav_bg.png') repeat;border-bottom:2px #d84504 solid;}
.collapse.in{width:100%; text-align:center;}
.navbar-brand{height:100px;padding:20px 15px;}
.navbar-nav{float:right !important;margin:0 auto;}
.navbar-nav>li>a{height:100px; line-height:70px;font-size:16px;}
.navbar-toggle{margin-top:32px;margin-bottom:32px;}
.nav>li{ text-align:center;}
.navbar-default .navbar-nav>li>a{color:#fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#fff;}

/* banner */
#ZB_Banner {position:relative;margin:0;padding:0;text-align:center;}
.carousel-indicators{margin:0 auto;bottom:80px;left:20%;}
.carousel-indicators li{width:40px;height:10px; border-radius:0;}
.carousel-indicators .active{background:#1756a5;width:40px ;height:10px;position:relative;top:-1px;}

/*business*/
#ZB_Business .container {width:1170px;padding:0;}
#ZB_Business .title{height:85px; border-bottom:1px solid #e60013; margin:0 0 30px 0;position:relative; text-align:center;}
#ZB_Business .title h1{ margin:0 auto;width:270px; height:85px; line-height:86px; border-bottom:4px solid #3f74b6; font-size:42px; color:#3f74b6;}
.agile-section {
    padding: 2em 0 6em 0;
}
.gallery-grid-img {
    padding: 0.5em;
}

.w3-agilepic {
    position: relative;
    overflow: hidden;
    display: block;
    -webkit-animation: anima 2s;
    -moz-animation: anima 2s;
    animation: anima 2s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 500;
    -webkit-transform-style: preserve-3d;
}

.w3ls-overlay h4 {
    font-size: 2em;
    color: #fff;
    padding: 28% 0;
    font-weight: 300;
}

.w3-agilepic .pic-image,
.w3ls-overlay,
.w3-agilepic:hover .w3ls-overlay,
.w3-agilepic:hover img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.w3-agilepic:hover .w3ls-overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.w3ls-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(20, 35, 64, 0.5);
    padding: 10px;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: rotateY(-90deg) rotateX(-90deg);
    -moz-transform: rotateY(-90deg) rotateX(-90deg);
    -o-transform: rotateY(-90deg) rotateX(-90deg);
    -ms-transform: rotateY(-90deg) rotateX(-90deg);
    transform: rotateY(-90deg) rotateX(-90deg);
    left: 0;
    top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.w3-agilepic:hover .w3ls-overlay {
    -webkit-transform: rotateY(0) rotateX(0);
    -moz-transform: rotateY(0) rotateX(0);
    -o-transform: rotateY(0) rotateX(0);
    -ms-transform: rotateY(0) rotateX(0);
    transform: rotateY(0) rotateX(0);
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
}
/* news */
.ZC_news{ background:#f2f1f1; position:relative;}
.ZC_news{ width:1260px; padding:20px 65px 60px 65px;background:url(../images/index_newsbg2.jpg) repeat-x 0 0; margin:0 auto;}
.ZC_news .title{text-align:center;height:85px; border-bottom:1px solid #e60013; margin:0 0 30px 0;position:relative;}
.ZC_news .title h1{ position:relative; margin:0 auto;width:270px; height:85px; line-height:86px; border-bottom:4px solid #3f74b6; font-size:42px; color:#3f74b6;}
.ZC_news .leftbox,.rightbox{ position:absolute; top:0; width:15px; height:100%;}
.ZC_news .leftbox{ background:url(../images/index_newsbg1.jpg) no-repeat 0 0; left:50%; margin-left:-645px;}
.ZC_news .rightbox{ background:url(../images/index_newsbg3.jpg) no-repeat 0 0; right:50%; margin-right:-645px;}
.ZC_news .more{ position:absolute; right:0; bottom:10px; padding:0 15px 0 0; width:90px; text-align:right; overflow:hidden; font-size:14px; color:#c0c0c0;background:url(../images/icon.png) no-repeat 80px -172px;}
.ZC_news .more a{color:#c0c0c0;}
.ZC_news .more a:hover{color:#3f74b6;}
.ZC_news .content{ padding:20px 0 0 0; zoom:1;}
.ZC_news .content:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.ZC_news .img{float:left; width:585px; height:385px;}
.ZC_news .newsloop{width:585px; height:385px;position:relative; z-index:10; overflow:hidden;}
.ZC_news .newsloop .hd{ position:absolute; z-index:11; bottom:15px; right:15px;  height:17px; }
.ZC_news .newsloop .hd .prev,.newsloop .hd .next{ display:block; width:24px; height:18px; line-height:18px; text-align:center;float:right; margin:0 0 0 5px;overflow:hidden; font-size:12px; color:#fff; font-family:"simsun";cursor:pointer; background:url(../images/trbg2.png) repeat 0 0;}
.ZC_news .newsloop .hd .prev:hover,.newsloop .hd .next:hover{background:#f05940;}
.ZC_news .newsloop .bd ul{ overflow:hidden; zoom:1;}
.ZC_news .newsloop .bd ul li{ margin:0;float:left; position:relative;overflow:hidden;  }
.ZC_news .newsloop .bd ul li img{width:585px; height:385px;}
.ZC_news .newsloop .bd ul li .t{ position:absolute; bottom:0; left:0; padding:0 75px 0 10px; width:585px; height:48px; line-height:48px; font-size:16px; color:#fff;background:url(../images/trbg1.png) repeat 0 0;}

.ZC_news .tjnews{ background:url(../images/dottline.gif) repeat-x 0 bottom; padding:0 0 15px 0; margin:0 0 10px 0;}
.ZC_news .tjnews h2{ font-size:22px; color:#000; line-height:32px; height:32px; font-weight:normal; overflow:hidden;}
.ZC_news .tjnews h2 a{ color:#000;}
.ZC_news .tjnews h2 a:hover{color:#3f74b6;}
.ZC_news .tjnews .description{ line-height:27px; color:#8e8d8d; margin:15px 0 5px 0; height:81px; overflow:hidden;}
.ZC_news .tjnews .detail{ color:#f05940;}
.ZC_news .tjnews .detail a{ color:#f05940;}
.ZC_news .tjnews .detail a:hover{color:#3f74b6;}
.ZC_news .con{float:right; padding:0 10px 0 0; width:530px; font-size:13px;}
.ZC_news .con li{background:url(../images/icon.png) no-repeat 0 -200px; padding:0 90px 0 15px;color:#393939; line-height:30px; height:30px; margin:5px 0 0 0; position:relative; overflow:hidden;}
.ZC_news .con li .time{ position:absolute; top:0; right:0;}

/* product */
.ZX_banner{min-width:1300px;position: relative;}
.ZX_banner .bd ul li{height: 240px;background-position:center center;background-repeat: no-repeat;}
.ZX_banner .bd ul li a{display:block;width:100%;height: 100%;}

.ZX_location {margin:0 auto;padding:20px 10px 0 0;font-size:12px;color:#909090;text-align:right;line-height:20px;}
.ZX_location i{display: inline-block;width: 13px;height: 18px;margin: 0 5px 0 0;background: url(../images/icon.png) no-repeat 0 -547px;}

.ZX_product{width:1170px;margin:15px auto 0 auto;padding:65px;min-height:500px;border:1px solid #f0f0f0;}
.ZX_product .general .album{float:left; width:585px; height:385px;}
.ZX_product .general .album .newsloop{width:585px; height:385px;position:relative; z-index:10; overflow:hidden;}
.ZX_product .general .album .newsloop .hd{ position:absolute; z-index:11; bottom:15px; right:15px;  height:17px; }
.ZX_product .general .album .newsloop .hd .prev,.newsloop .hd .next{ display:block; width:24px; height:18px; line-height:18px; text-align:center;float:right; margin:0 0 0 5px;overflow:hidden; font-size:12px; color:#fff; font-family:"simsun";cursor:pointer; background:url(../images/trbg2.png) repeat 0 0;}
.ZX_product .general .album .newsloop .hd .prev:hover,.newsloop .hd .next:hover{background:#f05940;}
.ZX_product .general .album .newsloop .bd ul{ overflow:hidden; zoom:1;}
.ZX_product .general .album .newsloop .bd ul li{ margin:0;float:left; position:relative;overflow:hidden;  }
.ZX_product .general .album .newsloop .bd ul li img{width:585px; height:385px;}
.ZX_product .general .album .newsloop .bd ul li .t{ position:absolute; bottom:0; left:0; padding:0 75px 0 10px; width:500px; height:48px; line-height:48px; font-size:16px; color:#fff;background:url(../images/trbg1.png) repeat 0 0;}

.ZX_product .general .description{float:right; width:530px; }
.ZX_product .general .description h1{color:#272727;font-size:36px;line-height:42px;padding:15px 0;border-bottom:1px solid #d9d9d9;}
.ZX_product .general .description .content {margin:10px 0;font-size:16px;line-height:180%;}
.ZX_product .general .description .tip{font-size:16px;color:#e64c00;}

.ZX_product .detail {margin:30px 0;text-align:justify;}

/*article */
.ZX_article {width:1300px;margin:15px auto 0 auto;padding:0;min-height:500px;border:1px solid #f0f0f0;}
.ZX_article a{color: #242424;}
.ZX_article a:hover{color: #f00;}
.ZX_article .header{height: 40px;background: #f2f2f2;}
.ZX_article .header li{padding: 0 30px;float: left;line-height: 40px;cursor: pointer;}
.ZX_article .header li.curr{background: #fff;border-top: 2px solid #f00;color: #f00;position: relative;height: 40px;}
.ZX_article .article_list{margin:30px 0;padding:30px 65px 0 65px;}
.ZX_article .article_list .gallery{width: 510px;float: left;}
.ZX_article .article_list .topped{width: 632px;float: right;position: relative;overflow: hidden;}
.ZX_article .article_list .topped h3{font-size: 27px;}
.ZX_article .article_list .topped .update{font-size: 12px;line-height:220%;font-style:italic;color: #5b5b5b;}
.ZX_article .article_list .topped .summary{font-size: 14px;line-height:150%;text-indent: 0;color:#5b5b5b;}
.ZX_article .article_list .topped .read{margin:10px 0;padding: 0 20px;height: 35px;width: 110px;line-height: 35px;text-align: center;cursor: pointer;background: #236bc5;}
.ZX_article .article_list .topped .read a{color:#fff;}
.ZX_article .article_list .topped .list_box li{font-size:16px;line-height:200%;}
.ZX_article .article_list .topped .list_box li .time{display:block;float:right;font-size: 12px;color: #5b5b5b;}
.ZX_article .article_list .spline {margin:25px 0 50px 0;height:15px;background:url(../images/spline.jpg) center center no-repeat;}
.ZX_article .article_list .left_box{width: 740px;margin:0 0 50px 0;float: left;}
.ZX_article .article_list .left_box li {margin-bottom: 15px;padding-bottom: 20px;position: relative;cursor: pointer;}
.ZX_article .article_list .left_box li .time{margin:3px;width: 85px;height: 90px;border: 1px solid #c3c3c3;float: left;}
.ZX_article .article_list .left_box li .time h1{font-weight: 700;height: 62px;line-height: 60px;font-size: 36px;text-align: center;margin: 0;color: #c3c3c3;}
.ZX_article .article_list .left_box li .year{height: 28px;background: #c3c3c3;color: #fff;text-align: center;line-height: 28px;}
.ZX_article .article_list .left_box li .item{margin-left: 100px;padding: 10px 15px;font-size:14px;line-height:18px;color:#5f5f5f;background: #f6f6f6;height: 100px;overflow: hidden;}
.ZX_article .article_list .left_box li .item h3{margin: 0 0 10px 0;color: #000;font-size: 18px;}
.ZX_article .article_list .left_box li a:hover .time h1{color:#f00}
.ZX_article .article_list .left_box li a:hover .item h3{color:#f00}
.ZX_article .article_list .right_box{width: 400px;float: right;margin: 0 0 50px 0;}
.ZX_article .article_list .right_box .list_box{background: #f6f6f6;padding: 20px;margin-bottom: 30px;}
.ZX_article .article_list .right_box .list_box h3{font-size:24px;color: #000;margin: 0 0 20px;}
.ZX_article .article_list .right_box .list_box li{height: 40px;border-bottom: 1px #ccc solid;line-height: 40px;padding-left: 10px;width: 100%;margin-bottom: 10px;overflow: hidden;}
.ZX_article .article_list .pagebar{padding: 15px 0;color: #ccc;text-align: center;}
.ZX_article .article_list .pagebar .disabled{display: inline-block;font-size:12px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #bfbfbf;background: #f2f2f2;border: 1px solid #dfdfdf;vertical-align: middle;}
.ZX_article .article_list .pagebar .current{display: inline-block;font-size:12px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;border: 1px solid #428bca;vertical-align: middle;}
.ZX_article .article_list .pagebar a{display: inline-block;font-size:12px;color: #6e6e6e;line-height: 25px;padding: 0 10px;border: 1px solid #e1e1e1;margin: 0 2px;vertical-align: middle;}
.ZX_article .article_list .pagebar a:hover{color: #242424;border: 1px solid #c1c1c1;}
.ZX_article .article_box{margin:45px 0;padding:0 65px;text-align:justify;}
.ZX_article .article_box .title {text-align: center;}
.ZX_article .article_box .title h1{font-size:32px;}
.ZX_article .article_box .title .remark{padding: 15px 0;border-bottom: 1px solid #d4d4d4;zoom: 1;color: #9f9fa1;font-size:12px;line-height:200%;}
.ZX_article .article_box .content{padding-bottom:65px;line-height:180%;}
.ZX_article .article_box .content ul{list-style-type:disc; list-style-position:inside;}
.ZX_article .article_box .content ol{list-style-type:decimal; list-style-position:inside;}
.ZX_article .article_box .content li{padding-left:32px;}
.ZX_article .article_box .pagebar {font-size: 14px;background:#f2f2f2;padding:20px 10px;}
.ZX_article .article_box .pagebar .prev{width: 49%;float: left;height: 20px;overflow: hidden;}
.ZX_article .article_box .pagebar .next{width: 49%;float: left;text-align: right;height: 20px;overflow: hidden;}

/* footer */
.ZC_footer{background: #4c4c4c;margin-top: 80px;padding-top: 45px;padding-bottom: 30px;}
.ZC_footer dl{width: 203px;float: left;border-right: 1px solid #555555;}
.ZC_footer dl dt{text-align: center;font-size: 16px;color: #bbbbbb;margin-top: 20px;margin-bottom: 23px;}
.ZC_footer dl dt a{color: #bbbbbb;}
.ZC_footer dl dd{text-align: center;color: #727171;font-size: 13px;margin-bottom: 8px;}
.ZC_footer dl dd a{color:#969696 }
.ZC_footer dl dd a:hover{color: #fff;}
.ZC_footer .code{margin-top: 15px;}
.ZC_footer .code p{text-align: center;font-size: 14px;color: #bbbbbb;margin-top: 15px;}

/* copyright */
.ZC_copyright{background: #333333;padding-top: 40px;padding-bottom: 60px;}
.ZC_copyright .fl p{font-size: 14px;color: #666666;margin-bottom: 10px;}
.ZC_copyright .fl p i{display: inline-block;vertical-align: top;height: 15px;background: #555555;width: 1px;margin: 5px 8px 0 8px;}
.ZC_copyright .fl p a:hover{color: #fff;}

.ZC_copyright .fr img{display: inline-block;vertical-align: top;/* margin-right: 15px; */float: right;}
.ZC_copyright .fr a{float: right;margin-left: 10px; width: 30px;height: 30px;background: #3f3f3f;display: inline-block;text-align: center;line-height: 30px;color: #aaaaaa;font-size: 18px;}
.ZC_copyright .fr a:hover{color: #fff}
.ZC_copyright .fr a.icp { float: none;margin-left: 0px;width: auto;height: auto;background: none;display: inline-block;text-align: center;line-height: normal;color: #666;font-size: 11px;}
.ZC_copyright .fr span{display: block;margin-top: 15px;overflow: hidden;text-align: right;color: #666666;}