@charset "utf-8";
/*--------------------------------------------
|        Type:    CSS Document 
+---------------------------------------------
|        Author:  蔡慧
+---------------------------------------------
|        QQ:    807159382
+---------------------------------------------
|        Mail:    807159382@qq.com
+---------------------------------------------*/

/*--------------------------------------------
|              CAIHUI
+-------------------------------------------*/

/*公用样式*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,
fieldset,table,td,img,div,dl,dt,dd,input                 {margin:0;padding:0;}
body,button,input,select,textarea                        {font:14px/1.5 tahoma, "微软雅黑",\5b8b\4f53; *font-family: '微软雅黑';font-family: '微软雅黑'; color: #333;}
img                                                      {border:none;}
li                                                       {list-style:none;}
input,select,textarea                                    {outline:none;border:none; background:none;}
textarea                                                 {resize:none;}
a                                                        {text-decoration:none; color:#333;}
i,em                                                     {font-style:normal}
table                                                    {border-collapse: collapse;border-spacing: 0; }
/*a:hover{ cursor: crosshair; }*/
/*清浮动*/
.clearfix:after                                          {content:"";display:block;clear:both;}
.clearfix                                                {zoom:1;}
.fl                                                      {float:left;}
.fr                                                      {float:right;}	
.comWidth                                                {width:1200px; margin-left:auto; margin-right:auto; }
.comWidth1                                               {width:1200px; margin-left:auto; margin-right:auto;}
.leftArea                                                {float:left;}
.rightArea                                               {float:right;}
.hide                                                    {display:none;}
.show                                                    {display:block;}



/*报价系统------------------------------------------------*/
.item01{background: url(../../images/product/bg1.jpg) no-repeat center center;height:446px;text-align: center;padding-top: 100px;}
.item01 span{color:#fefefe;border: 1px solid #fefefe;padding: 10px;display: block;width: 400px;margin: 20px auto;border-radius: 25px;margin-top: 35px;font-size: 20px;}
.item01 ul li a em{display: block;height: 70px;}
.item01 ul li a{display: block;float: left;background: #fff;width:110px;height:90px;padding:20px 10px;margin-left: 75px;font-size: 18px;border-radius: 20px;}
.morebox{width:690px;margin: 0 auto;margin-top:40px;}
.item02{padding-top: 70px;}
.title{text-align: center;}
.title h3{font-size: 30px;padding-bottom: 15px;}
.title h3 em{background: url(../../images/product/icon/tit_l.png) no-repeat 0 0;padding:0 10px;}
.title h3 i{background: url(../../images/product/icon/tit_r.png) no-repeat 0 bottom;padding:0 10px;margin-right: 10px;}
.title p{font-size: 14px;color:#686868;}

/*跳动*/
.item01 ul li a:hover img{
-webkit-animation:3s seconddiv;
background: transparent;
}

@keyframes seconddiv{
0% {transform: scale(1.2,1.2);}
10% {transform: scale(1,1);}
25% {transform: scale(1.2,1.2);}
50% {transform: scale(1,1);}
70% {transform: scale(1.2,1.2);}
100% {transform: scale(1,1);}
}

/*解决方案*/
.contbox {margin-top: 40px;}
.contbox ul li{display: block;float: left;width: 380px;height:320px;border: 1px solid #e3e3e3;margin:0 25px 25px 0 ;}
.contbox ul li a{display: block;width: 380px;height: 200px;overflow: hidden;position: absolute;}
.contbox ul li:hover img{transform:scale(1.1,1.1);transition:all 0.5s;}
.contbox ul li a span{position: absolute;left: 0;top:0;background: url(../../images/product/icon/c1.png) no-repeat center 40px;width: 100%;color:#fff;font-size: 20px;padding-top: 130px;height: 70px;text-align: center;}
.titcont{margin-top: 200px;padding: 15px;}
.titcont h3{font-size: 24px;line-height: 50px;font-weight: normal;}
.titcont p{color:#686868;}
.contbox ul li.c2 a span{position: absolute;left: 0;top:0;background: url(../../images/product/icon/c2.png) no-repeat center 40px;}
.contbox ul li.c3 a span{position: absolute;left: 0;top:0;background: url(../../images/product/icon/c2.png) no-repeat center 40px;}
.contbox ul li.c4 a span{position: absolute;left: 0;top:0;background: url(../../images/product/icon/c2.png) no-repeat center 40px;}
.contbox ul li.c5 a span{position: absolute;left: 0;top:0;background: url(../../images/product/icon/c2.png) no-repeat center 40px;}
.contbox ul li.c6 a span{position: absolute;left: 0;top:0;background: url(../../images/product/icon/c2.png) no-repeat center 40px;}

/*服务*/
.item03{padding-top:70px;}
.contbox01{margin-top: 40px;}
.contbox01 ul li{display: block;float: left;width: 280px;height:270px;border: 1px solid #e3e3e3;margin:0 24px 25px 0 ;}
.contbox01 ul li a{display: block;width: 280px;color:#fff;background:#f15429;padding-top:35px;height:135px;text-align: center;font-size: 24px;}
.titcont01{padding: 15px;}
.titcont01 h3{font-size: 24px;line-height: 50px;font-weight: normal;}
.titcont01 p{color:#686868;}
.contbox01 ul li:hover img{
-webkit-animation:3s seconddiv;
background: transparent;
}

@keyframes seconddiv{
0% {transform: scale(1.2,1.2);}
10% {transform: scale(1,1);}
25% {transform: scale(1.2,1.2);}
50% {transform: scale(1,1);}
70% {transform: scale(1.2,1.2);}
100% {transform: scale(1,1);}
}
.contbox01 ul li p{padding-top: 10px;}
.contbox01 ul li.c2 a{background:#ffba15;}
.contbox01 ul li.c3 a{background:#2959a4;}
.contbox01 ul li.c4 a{background:#1fb963;}


/*系统介绍*/
.item04{background: url(../../images/product/icon/bg_1.jpg) no-repeat center 0;padding-bottom: 100px;margin-top: 40px;}
.item04 ul li{color:#fff;display: block;float: left;width: 33.33%;text-align: center;}
.item04 ul {padding: 40px 0;}
.item04 ul li h3{font-size:32px;}
.item04 ul li p{font-size: 16px;}
.item04 .intorbox{background: #fff;padding: 40px;width: 1120px;margin: 0 auto;}
.item04 .intorbox .fl{width: 560px;height: 350px;overflow: hidden;}
.item04 .intorbox .fl img{width: 560px;height: 350px; display: block;}
.item04 .intorbox .fr{width: 530px;height: 350px;overflow: hidden;}
.item04 .intorbox .fr h3{font-size: 30px;padding-bottom:20px;}
.item04 .intorbox .fr p{line-height: 36px;font-size: 16px;}



/*报名系统---------------------------------------------------*/
/*摘要*/
.bmitem02{padding: 80px 0;}
.bmitem02 h3{text-align: center;font-size: 30px;padding-bottom: 20px;background: url(../../images/product/icon/b_line.jpg) no-repeat center bottom;margin-bottom: 40px;}
.bmitem02 p{line-height: 36px;font-size: 16px;color:#686868;text-align: center;}
.bmitem01 img,.bmitem02 img{width: 100%;}

.conditions{margin-top:50px;padding: 0 120px;}
.conditions ul li{display:block;width: 174px;height: 61px;float: left;line-height: 61px;text-align:left;padding-left:75px;color:#666;font-size: 14px;font-weight: bold;margin-top:75px;margin-left: 70px;list-style:none;}

/*优势*/
.bmitem03{background: url(../../images/product/bg2.jpg) no-repeat center 0;padding: 70px 0;}
.bmitem03 h3{text-align: center;font-size: 30px;padding-bottom: 20px;background: url(../../images/product/icon/b_line1.jpg) no-repeat center bottom;margin-bottom: 40px;color:#fff;}

.contbox02 ul li{display: block;float: left;width: 160px;height:140px;border: 1px solid #e3e3e3;margin:0 36px 36px 0 ;background: #fff;text-align: center;padding:30px 20px;}
.contbox02 ul li a{font-size: 16px;}
.contbox02 ul li em{display: block;height:60px;margin: 20px 0;vertical-align: middle;}
.contbox02 ul li em img{height: 50px;}
.contbox02 ul li:hover{background: #e3e3e3;}


/*特色功能*/
.function>h3{text-align: center;font-size: 30px;padding-bottom: 20px;background: url(../../images/product/icon/b_line.jpg) no-repeat center bottom;margin-bottom: 40px;}
.function{margin-top:50px;padding-bottom: 50px;}
.boxItem{height: 330px;width:1200px;padding-top: 60px;margin: 0 auto;margin-bottom: 12px;}
.boxItem01{background:url(../../images/product/ts_bg1.png) no-repeat center 0;}
.boxItem02{background:url(../../images/product/ts_bg2.png) no-repeat center 0;}
.boxItem03{background:url(../../images/product/ts_bg3.png) no-repeat center 0;}
.boxItem04{background:url(../../images/product/ts_bg4.png) no-repeat center 0;}
.boxItem05{background:url(../../images/product/ts_bg5.png) no-repeat center 0;}
.boxItem06{background:url(../../images/product/ts_bg6.png) no-repeat center 0;}
.boxItem07{background:url(../../images/product/ts_bg7.png) no-repeat center 0;}
.boxItem08{background:url(../../images/product/ts_bg8.png) no-repeat center 0;}
.boxItem09{background:url(../../images/product/ts_bg9.png) no-repeat center 0;}
.boxItem10{background:url(../../images/product/ts_bg10.png) no-repeat center 0;}
.function .comWidth{width: 570px;}
.function .fl{float: left;margin-left: 90px;}
.function .fr{float: right;margin-right: 90px;}
.boxItem .comWidth h2                           {margin-bottom: 20px;font-size: 32px;}
.boxItem01 .comWidth h2,.boxItem02 .comWidth h2,.boxItem05 .comWidth h2,.boxItem07 .comWidth h2,.boxItem08 .comWidth h2,.boxItem09 .comWidth h2{color:#fff;}
.boxItem .comWidth h3{margin-bottom: 15px;color:#de0844;font-size: 18px;}
.boxItem .comWidth p{text-indent: 24px;font-size: 14px;line-height: 25px;color:#fff;}
.boxItem01 .comWidth h3{color:#de0844;}  
.boxItem02 .comWidth h3{color:#005f8f;}
.boxItem03 .comWidth h3{color:#04876a;}  
.boxItem04 .comWidth h3{color:#ff7300;}
.boxItem05 .comWidth h3,.boxItem07 .comWidth h3 {color:#006199;}  
.boxItem06 .comWidth h3 {color:#ffe728;}                             
.boxItem08 .comWidth h3,.boxItem10 .comWidth h3 {color:#f5fc5e;}
.boxItem09 .comWidth h3 {color:#ed67dc;}  



/*智慧党建------------------------------------------------------------------*/

.paritem01{background: url(../../images/product/bg3.jpg) no-repeat center 0;height: 549px;text-align: center;padding-top: 30px;}
.paritem01 h3{font-size: 26px;color: #fff;padding: 15px 0;}
.paritem01 p{margin-left:420px;color: #fff;font-size: 20px;}
.paritem01 a{background: #ce2d2f;display: block;float: left;width: 270px;height: 150px;padding:40px 20px 20px 20px;color: #fff;margin-right: 58px;box-shadow:5px 5px 30px #df3419;}

.paritem01 a:hover{transform:translateY(-20px);transition:all 0.5s; }
.numbox{width: 1080px;margin: 0 auto;font-size: 26px;margin-top: 50px;}
.numbox em{display: block;height: 90px;}
.numbox em{display: block;height: 90px;}
.paritem02{padding: 80px 0;}
.paritem02 h3{text-align: center;font-size: 32px;padding-bottom: 20px;background: url(../../images/product/icon/b_line2.jpg) no-repeat center bottom;}
.paritem02 ul li{display: block;float: left;width: 20%;height: 200px;font-size: 18px;line-height: 50px;text-align: center;}

.paritem02 ul li em{display: block;height: 80px;}
.paritem02 ul {margin-top: 100px;}
.paritem02 ul li a:hover{color:#ce2d2f;}
.paritem02 ul li a:hover img{transform:translateY(-20px);transition:all 0.5s; }
.paritem03{background: url(../../images/product/bg4.jpg) no-repeat center center #df3737;height: 700px;padding-top: 70px;}
.paritem03 h3{text-align: center;font-size: 32px;padding-bottom: 20px;background: url(../../images/product/icon/b_line3.jpg) no-repeat center bottom;color:#fff;}
.midcont{width:320px;text-align: center;margin: 200px 160px 0 160px; }
.midcont p{font-size: 24px;color:#df3737;padding-top:28px;}
.paritem03 ul{margin-top: 115px;}
.paritem03 ul li{line-height: 50px;color:#fff;font-size: 24px;margin-bottom: 100px;}
.paritem03 .fl,.paritem03 .fr{width: 290px;text-align: center;}
.paritem03 ul li a{color:#fff;}
.paritem03 ul li a:hover{color:#ffde00;}


.paritem04{padding: 80px 0;}
.paritem04 h3{text-align: center;font-size: 32px;padding-bottom: 20px;background: url(../../images/product/icon/b_line2.jpg) no-repeat center bottom;}
.paritem04 ul li{display: block;float: left;width: 178px;height: 260px;font-size: 18px;text-align: center;margin-right: 162px;}
.paritem04 ul li em{display: block;height: 170px;width: 170px;background: #df3737;color:#fff;border-radius: 100%;line-height: 170px;font-size: 24px;}
.paritem04 ul {margin-top: 100px;}
.paritem04 ul p{padding: 20px;}
.paritem05{background: url(../../images/product/bg5.jpg) no-repeat center center #df3737;height: 700px;padding-top: 70px;}
.paritem05 h3{text-align: center;font-size: 32px;padding-bottom: 20px;background: url(../../images/product/icon/b_line3.jpg) no-repeat center bottom;color:#fff;margin-bottom: 100px;}
.paritem05 ul li{display: block;float: left;width: 130px;height: 260px;font-size: 18px;text-align: center;margin-right: 47px;color:#fff;}
.paritem05 ul li em{display: block;height: 130px;width: 130px;background: #fff;border-radius: 100%;}
.paritem05 ul li em img{margin: auto;}
.paritem05 ul a p{padding:20px;font-size:22px;color:#fff;}
.paritem05 ul a:hover p{color: #ffde00;}

.paritem06{padding: 80px 0;}
.paritem06 .comWidth>h3{text-align: center;font-size: 32px;padding-bottom: 20px;}
.paritem06 .comWidth>p{background: url(../../images/product/icon/b_line2.jpg) no-repeat center bottom;text-align: center;padding-bottom: 20px;color:#686868;font-size: 18px;margin-bottom: 50px;}
.paritem06 table{width: 100%;}
.paritem06 table td{border:2px solid #e3e3e3;width: 20%;text-align: center;padding: 10px 0;overflow: hidden;}
.paritem06 table td a:hover  img{transform:scale(1.1,1.1);transition:all 0.5s;}