/* CSS Document */
body{font-family:"寰蒋闆呴粦","Microsoft YaHei"; font-size:12px; line-height:24px;}
/*璇曠敤鎸夐挳*/
.trialzby{height: 70px; overflow: hidden; margin-top: -20px; margin-bottom: 60px;}
.trialbox{height: 70px; overflow: hidden; margin-top: 70px;}
.trial{width:480px; margin:0 auto; }
.trial a{width: 200px; height: 70px; cursor: pointer; color: #fff; border-radius: 5px;  font-weight: bold;font-size: 22px; text-align: center;line-height: 70px;}
.trial a.trialleft{ float: left; background:#FF6600; }
.trial a.trialleft:hover{background: #ff5400;}
.trial a.trialright{float: right;  background:#198cdf;}
.trial a.trialright:hover{background: #0c82d7;}
/*-------------------------------------------- zby.htm page --------------------------------------------*/
/*zby_banner*/
.zby_banner{ position:relative; top:0; left:0; z-index:0; min-width:100%; height:430px; background:url(../images/zby-bg.jpg) no-repeat center center #213862; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;}
.zby_wrap{position:absolute; top:45%; left:50%; margin-top:-175px; margin-left:-375px; width:750px; height:350px;}

.zby_wrap .img1 img{position:absolute; top:50%; left:50%; margin-top:-5px; margin-left:-12px; width:24px; height:11px; opacity:0; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; transition:all 1s ease 0s; -ms-transition:all 1s ease 0s;}
.zby_banner .wrap_selected .img1 img{margin-top:-50px; margin-left:-216px; width:431px; height:166px; opacity:1; -webkit-opacity:1; -ms-opacity:1; -moz-opacity:1;}
.zby_wrap .img2 img{position:absolute; top:188px; left:-125px; opacity:0; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; transition:all 1s ease 0s; -webkit-opacity:0; -moz-opacity:0; -ms-transition:all 1s ease 0s;}
.zby_banner .wrap_selected .img2 img{left:20px; opacity:1; -webkit-transition-delay:800ms; -moz-transition-delay:800ms; transition-delay:800ms; -webkit-opacity:1; -ms-opacity:1; -moz-opacity:1;}
.zby_wrap .img3 img{ position:absolute; top:188px; right:-200px; opacity:0; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; transition:all 1s ease 0s; -webkit-opacity:0; -moz-opacity:0; -ms-transition:all 1s ease 0s;}
.zby_banner .wrap_selected .img3 img{ right:20px; opacity:1; -webkit-transition-delay:800ms; -moz-transition-delay:800ms; transition-delay:800ms; -webkit-opacity:1; -ms-opacity:1; -moz-opacity:1;}
.zby_wrap1{ position:absolute; min-width:100%; height:180px; left:0; top:460px; background:url(../images/zby01.png) no-repeat center; background-size:auto 85%; opacity:0; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; transition:all 1s ease 0s; -webkit-opacity:0; -moz-opacity:0; -ms-transition:all 1s ease 0s;}
.zby_banner .wrap1_selected{ top:342px; opacity:1; -webkit-transition-delay:800ms; -moz-transition-delay:800ms; transition-delay:800ms; -webkit-opacity:1; -ms-opacity:1; -moz-opacity:1;}

/*zby_con*/
.zby_con{ padding-top:160px;}
.zby_con .btn{ text-align:center; padding-bottom:25px;}
.zby_con .btn a{ display:inline-block; padding:0 50px; height:50px; line-height:50px; margin:0 25px; background-color:#f16600; color:#fff; font-size:18px; border-radius:50px;}
.zby_con .btn a:hover{ background-color:#ff6c00;}

/*zby_intr*/
.zby_intr{ height:241px; background:url(../images/zby06.png) no-repeat right bottom;}
.zby_intr .title{}
.zby_intr .title img{ float:left; margin-top:30px;}
.zby_intr .title span{ float:left; color:#444; font-size:18px; margin:65px 0 0 15px;}
.zby_intr .txt{ padding-top:20px; font-size:16px; color:#555; line-height:28px;}

/*zby_gn*/
.zby_gn{ margin-top:110px;}
.zby_gn .title{ text-align:center;}
.zby_gn .title img{}
.zby_gn .title span{ display:block; color:#444; font-size:18px; padding:10px 0 15px 0;}
.zby_gn .con{ width:100%; height:390px; background:url(../images/zby08.png) no-repeat center bottom;}
.zby_gn .con .list{ float:left; text-align:center; width:246px; font-size:16px; color:#fff; margin-top:215px; margin-left:53px; line-height:28px;}
.zby_gn .con .list1{ margin-left:28px;}
.zby_gn .con .list b{ font-weight:normal; display:block; font-size:20px; padding-bottom:5px; color:#ff0;}

/*zby_jz*/
.zby_jz{ border:3px solid #f3f3f3; border-width:3px 0; background-color:#f9f9f9; margin-top:40px; padding-bottom:40px;}
.zby_jz .title{ background:url(../images/zby09.png) no-repeat center bottom; height:120px;}
.zby_jz .pageW{ margin-top:10px;}
.zby_jz .list{ float:left; height:220px; width:365px; border:1px dashed #999; border-radius:5px; margin-left:25px; margin-top:25px;}
.zby_jz .list img{ float:left; margin:30px 0 0 30px;}
.zby_jz .list .con{ float:left; margin:25px 0 0 20px;}
.zby_jz .list h4{ font-size:18px; font-weight:normal; color:#333; padding-bottom:5px;}
.zby_jz .list .txt{ color:#555; font-size:14px; padding-bottom:10px;}
.zby_jz .list p{ background:url(../images/icon.png) no-repeat left center; height:30px; line-height:30px; padding-left:15px; font-size:14px; color:#555;}

/*zby_ys*/
.zby_ys{ padding:80px 0 50px 0;}
.zby_ys .left{ float:left; width:570px; margin-left:15px;}
.zby_ys .title{ height:110px; position:relative;}
.zby_ys .title img{}
.zby_ys .title i{ width:347px; height:16px; position:absolute; right:-18px; top:-6px; background:url(../images/zby10.png) no-repeat center;}
.zby_ys .left p{ margin-left:10px; padding-left:35px; background:url(../images/icon1.png) no-repeat left center; color:#888; font-size:17px; height:40px; line-height:40px;}
.zby_ys .left p span{ color:#555; font-size:18px;}

.zby_ys .table{ overflow:hidden; float:left; margin-left:10px; width:585px; border:1px solid #dbd6d2; border-width:0 0 1px 1px;}
.zby_ys .table .th{ overflow:hidden;}
.zby_ys .table .tr{ overflow:hidden;}
.zby_ys .table .td{ background-color:#fff; float:left; color:#444; font-size:16px; width:217px; line-height:30px; padding:15px 0; border:1px solid #dbd6d2; border-width:1px 1px 0 0; }
.zby_ys .table .td span{ padding-left:25px; display:block;}
.zby_ys .table .th .td{ font-size:18px; color:#57a18b; background-color:#f6f6f6;}
.zby_ys .table .w147{ width:147px;}


/*-------------------------------------------- zhgd.htm page --------------------------------------------*/

/*-------------------------------------------- zjOA.htm page --------------------------------------------*/
.zjOA_Div{ padding-top:80px; overflow: hidden;}
.zjOA_banner{ min-width:100%; height:360px; background:url(../images/zjOA-bg.jpg) no-repeat center center;}
.zjOA_pic{position:relative;}
.zjOA_pic .com{}
.zjOA_pic .com .pic{ position:absolute; left:570px; top:63px;}
.zjOA_pic .com p{ height:36px; line-height:36px; background:url(../images/icon2.png) no-repeat left center; padding-left:40px; font-size:26px; color:#fff; position:absolute; left:600px;}
.zjOA_pic .com p.p1{ top:210px;}
.zjOA_pic .com p.p2{ top:260px;}

/*zjOA_con*/
.zjOA_con{}

/*zjOA_intr*/
.zjOA_intr{ padding-top:110px;}
.zjOA_intr .title{}
.zjOA_intr .con{ color:#555; font-size:16px; line-height:30px; padding-bottom:110px; padding-top:40px;}

/*zjOA_gn*/
.zjOA_gn{ position:relative; height:740px;}
.zjOA_gn .title{ text-align:center; padding-top:308px;}
.zjOA_gn .con{ width:125px; height:125px; position:absolute; border:6px solid #cddafd; border-radius:130px;}
.zjOA_gn .con span{ display:block; padding-top:73px; text-align:center; color:#fff; font-size:18px;}
.zjOA_gn .tag1{ background:url(../images/zjOA_icon1.png) no-repeat center 23px #5b84fa; left:295px; top:150px;}
.zjOA_gn .tag2{ background:url(../images/zjOA_icon2.png) no-repeat center 23px #0bc265; border-color:#b5edd0; left:528px; top:0px;}
.zjOA_gn .tag3{ background:url(../images/zjOA_icon3.png) no-repeat center 23px #dd9406; border-color:#f5dfb4; right:295px; top:150px;}
.zjOA_gn .tag6{ background:url(../images/zjOA_icon6.png) no-repeat center 23px #39b6c9; border-color:#c3e9ef; right:295px; top:400px;}
.zjOA_gn .tag7{ background:url(../images/zjOA_icon7.png) no-repeat center 23px #399cc9; border-color:#c3e1ef; left:528px; top:550px;}
.zjOA_gn .tag8{ background:url(../images/zjOA_icon8.png) no-repeat center 23px #39c9bd; border-color:#c3efeb; left:295px; top:400px;}

/*zjOA_ms*/
.zjOA_ms{ background-color:#d1e8f1;}
.zjOA_ms .title{ height:104px; background:url(../images/zjOA04.png) no-repeat center top;}
.zjOA_ms .con{ width:1079px; background-color:#e4f0f5; height:450px; margin:0 auto;}
.zjOA_ms .con .tag_t{ padding-top:70px;}
.zjOA_ms .con .tag_t span{ text-align:center; background-color:#399cc9; width:235px; height:44px; line-height:44px; color:#fff; font-size:22px; display:block;}
.zjOA_ms .con .tag_c{ height:36px; margin-top:38px; padding-left:105px;}
.zjOA_ms .con .tag_c span{ float:left; display:block; width:190px; height:36px; line-height:36px; background:url(../images/zjOA05.png) no-repeat left center; margin-right:45px; color:#399cc9; font-size:17px;}
.zjOA_ms .con .tag_c span.num{ display:block; width:155px; height:36px;}
.zjOA_ms .con .tag_c span i{ margin-right:15px; display:inline-block; width:30px; text-align:center; color:#fff; font-size:18px;}

/*zjOA_ys*/
.zjOA_ys{ margin-top:70px;}
.zjOA_ys .title{ text-align:center;}
.zjOA_ys .con{ height:460px;}
.zjOA_ys .con .tag{ margin-left:29px; margin-top:50px; float:left; border-radius:20px; width:276px; height:280px; border:1px solid #bedcfa;}
.zjOA_ys .con .tag span{ display:block; padding-top:210px; font-size:20px; color:#555; text-align:center;}
.zjOA_ys .con .num1{ margin-left:0; background:url(../images/zjOA07.png) no-repeat center 45px;}
.zjOA_ys .con .num2{ background:url(../images/zjOA08.png) no-repeat center 18px;}
.zjOA_ys .con .num3{ background:url(../images/zjOA09.png) no-repeat center 40px;}
.zjOA_ys .con .num4{ background:url(../images/zjOA10.png) no-repeat center 28px;}


/*cby*/
.cby_banner{ min-width:100%; height:360px; background: url(../images/cbyban.jpg) no-repeat center center;}
.cby_banner img{}
.cby_intr{ padding-top:110px; text-align: center;}
.cby_intr .con{ color:#555; font-size:16px; line-height:30px; padding-bottom:110px; padding-top:40px;}
.cbyfunc{width: 100%;}
.cbyfuncbox{width: 1200px; margin: 0 auto;}
.cbyfuncbox .title{text-align: center;}
.cbyfuncmain{padding-top: 40px; padding-bottom: 20px;}
.funcone{width: 100%; margin-bottom: 50px; height: 280px; overflow: hidden;}
.functext{width: 400px;}
.functext h3{font-size: 18px; padding-top: 20px; color: #444;}
.functext p{font-size: 16px; padding-top: 20px; color: #666; line-height: 36px; text-indent: 2em;}
.funcpic{width: 700px;}
.funcpic img{width: 100%;}

.prodvalue{width: 100%; margin-top: 60px; margin-bottom: 30px; }
.valuebox{width: 1086px; margin: 0 auto; overflow: hidden; }
.valuebox .title{text-align: center;}
.valuemain{margin-top: 40px;}
.valuemain li{float: left; width: 280px; text-align: center; border: 1px solid #b3daff; padding: 10px; border-radius:20px ;  margin-right: 90px; height: 390px; cursor: pointer;}
.valuemain li:hover{background: #f2f9ff;}
.valuemain li:last-child{margin-right: 0;}
.valuemain li img{width: 180px; height: 180px;}
.valuemain li h3{ color: #444; font-size: 18px; padding-bottom: 10px; margin-top: 20px;}
.valuemain li p{font-size: 16px;  color: #666; line-height: 36px;}


/*浜у搧棣栭〉*/
.cpindex_banner{width:100%; min-width: 1200px; height:360px; background: url(../images/cp_index.jpg) no-repeat center center; }
.prodindex{width: 100%;}
.prodindexmain{width: 1200px; margin: 0 auto;}
.productleft{width: 580px; height: 300px; background: #f5f5f5; float: left; margin-bottom: 50px;}
.productright{width: 580px; height: 300px; background: #f5f5f5; float: right;  margin-bottom: 50px;}
.productpic{width: 400px; height: 300px; float: left;}
.productext{width: 160px; height: 200px;  float: right; margin-top: 50px; padding-right: 20px;}
.productext p span.bigtit{font-size: 20px; text-align: center; display: block;}
.productext p span.samtit{font-size: 14px; color: #5b5b5b; display: block;margin-top:8px; text-align: center; height: 50px; line-height:27px;}
.productbtn{margin-top: 20px;}
.productbtn p a{width: 100px; height:35px; margin: 0 auto; display: block; border: 1px solid #c0c0c0; margin-bottom: 15px; text-align: center; line-height: 35px; border-radius: 5px;}
.productbtn p a:hover{color: #0285ff; border: 1px solid #0285ff;}

.productit{width: 100%; margin-top: 30px;}
.productitmain{width: 1200px; margin:0 auto; padding: 60px 0; text-align: center;}
.productitmain h3{font-size: 36px; color: #333; font-weight: normal;}
.productitmain p{font-size: 16px; color: #5b5b5b; line-height: 35px; margin-top: 35px;}



/*鏉愭枡浜戜娇鐢ㄦ楠�*/
.clystepbanner{width:100%; }
.clystepbanner img{width: 100%;}
.clystep{width: 100%; background: #f5f5f5; padding: 40px 0;}
.clystepmain{width: 1200px; margin: 0 auto;}
.stepmain{width: 100%; height: 300px; padding:30px 0;}
.stepleft{width: 500px; float: left; padding-left: 100px; padding-top: 20px;}
.stepleft h3,.stepright h3{font-size: 30px; color: #1d96fc; margin-top:70px;  }
.stepleft p,.stepright p{ font-size: 16px; display: block; margin-top: 20px; line-height: 40px; }
.stepright{width: 500px;  float: right; padding-right: 100px;}