@charset "utf-8";
/* CSS Document */

.yy-banner{ width: 100%; height: 200px; background: url(../images/yybanner.png) no-repeat; background-position: center; margin: 0 auto; cursor: pointer;}

.yydh-all{ width: 100%; height: auto;}


/* public */

.dhhy-tit{ width: 1200px; height: 27px; line-height: 27px; text-align: center; font-size: 26px; color: #333333; margin: 30px auto 0; }

/* public */

/* 选项卡功能 */

.yytab{ width:100%; margin:15px auto 50px; height: auto; }
.yytab-hd { width: 1200px; height: 44px; border-bottom: 1px solid #e1e1e1; margin: 0 auto;}
.yytab-hd li{ float:left; width: 300px; height: 44px; text-align:center; font-size: 16px; color: #999999; font-weight: bold; line-height: 44px;}
.yytab-hd li.active div.hsdx{ width: 100px; height: 44px; border-bottom: 1px solid #59c201; margin: 0 auto; color: #2364be; cursor:pointer; text-align:center;}
.yytab-bd li{display:none;}
.yytab-bd li.thisclass{ display:list-item;}

/* 选项卡功能 */



/* 产品介绍 */

.yydh-js{ width: 1200px; height: 15px; margin: 30px auto 0; font-size: 14px; color: #888888; }

.ph-gnjs{ width: 1200px; height: 370px; margin: 20px auto 0;}

.tab{ width:1200px; height:370px;  margin:0 auto;}
.tab-hd { border: 1px solid #2364be; display: block; width: 939px; height: 367px; float: left;}
.tab-hd div{ float:left; width:140px; height: 140px; cursor:pointer; text-align: center; margin-left: 14px; margin-top: 30px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.gnjs-xk{ margin: 21px auto 15px; height: 61px; }
.gnjs-xw{ font-size: 16px; color: #2364be; font-weight: bold; }
.tab-hd div.active:hover{ box-shadow: 3px 4px 8px #dfdfdf; }
.tab-bd{ width: 237px; height: 367px; background-color: #2364be; border: 1px solid #2364be; border-radius: 5px; float: right; }
.tab-bd li{display:none; }
.tab-bd li.thisclass{ display:list-item;}

.gnjs-tit{ font-size: 18px; color: #ffffff; font-weight: bold; width: 237px; height:18px; line-height: 18px; text-align: center; margin-top: 40px; }
.gnjs-tent{ font-size: 14px; color: #ffffff; width: 182px; height: 165px; margin: 25px auto 0; }
.gnjs-more{ width: 118px; height: 28px; font-size: 14px; color: #ffffff; border: 1px solid #ffffff; margin: 30px auto 0; text-align: center; line-height: 28px; cursor: pointer; border-radius: 5px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
 }
.gnjs-more:hover{ background-color: #59c201; border: 1px solid #59c201; }



.yycj{ width: 100%; height: 498px; background-color: #f3f3f3; margin: 41px auto 0; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; }
.yycj-bjk{ width: 1200px; height: 363px; margin: 35px auto 0; background: url(../images/xk13.png) no-repeat; background-position: center; position: relative; }

.cj-bjk-1{ font-size: 14px; color: #2364be; font-weight: bold; }
.cj-bjk-2 p{ font-size: 14px; color: #666666; }
.cj-bjk-3{ width: 182px; height: 50px; position: absolute; top: 155px; left: 31px; }
.cj-bjk-31{ width: 191px; height: 50px; position: absolute; top: 28px; right: 122px; }
.cj-bjk-32{ width: 184px; height: 50px; position: absolute; top: 226px; left: 103px; }
.cj-bjk-33{ width: 154px; height: 50px; position: absolute; top: 106px; right: 70px; }
.cj-bjk-34{ width: 256px; height: 50px; position: absolute; top: 290px; left: 193px; }
.cj-bjk-35{ width: 177px; height: 50px; position: absolute; top: 196px; right: 10px; }

.cb3-img{ width: 50px; height: 50px; float: left;}
.cb3-js{ width: auto; height: 50px; float: left; font-size: 14px; color: #666666; margin-left: 9px; line-height: 50px;}


.yy-ted{ width: 1200px; height: 445px; margin: 0 auto;}
.pro-ted{ width: 1200px; height: 266px; margin: 26px auto 0; }
.pro-ted1-bj1{ width: 296px; height: 266px; float: left; background: url(../images/xk20.png) no-repeat; background-position: 21px 19px; margin-right: 4px; 
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.pro-ted1-bj1:hover{ box-shadow: 0 8px 10px #dbdbdb; }
.pro-ted1-bj2{ width: 296px; height: 266px; float: left; background: url(../images/xk21.png) no-repeat; background-position: 21px 19px; margin-right: 4px; 
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.pro-ted1-bj2:hover{ box-shadow: 0 8px 10px #dbdbdb; }
.pro-ted1-bj3{ width: 296px; height: 266px; float: left; background: url(../images/xk22.png) no-repeat; background-position: 21px 19px; margin-right: 4px; 
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.pro-ted1-bj3:hover{ box-shadow: 0 8px 10px #dbdbdb; }
.pro-ted1-bj4{ width: 296px; height: 266px; float: left; background: url(../images/xk23.png) no-repeat; background-position: 21px 19px; 
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.pro-ted1-bj4:hover{ box-shadow: 0 8px 10px #dbdbdb; }

.pro-ted1-1{ width: 296px; height: 266px;height: 20px; line-height: 20px; text-align: center; font-size: 18px; color: #666666; padding-top: 41px; }
.pro-ted1-2{ width: 210px; height: 135px; margin: 18px auto 0; font-size: 14px; color: #888888; line-height: 20px; }
.pro-ted1-3{ width: 120px; height:30px; border-radius: 5px; background-color: #e4e2e2; color: #666666; text-align: center; line-height: 30px; margin: 0 auto; cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.pro-ted1-3:hover{ background-color: #59c201; color: #ffffff;}

.zxsq-sy{width: 1198px; height: 58px; background-color: #2364be; margin: 28px auto 0; border: 1px solid #2364be; }
.zx1{ width: 210px; height: 28px; font-size: 30px; color: #ffffff; margin-top: 15px; margin-left: 33px; float: left; }
.zx2{ float: left; width: 700px; height: 30px; margin-left: 15px; margin-top: 13px;}
.zx2 label{ font-size: 20px; color: #fefefe; }
.zx2 input{ background-color: #a7c1e5; border: 1px solid #a7c1e5; width: 140px; height: 30px; line-height: 30px; font-size: 18px; color: #666666;}
.zx2 input:focus{ background-color: #ffffff; font-size: 18px; color: #666666;}
.zx3{ width: 64px; height: 31px; float: left; margin-left: 15px; margin-top: 14px; cursor:pointer;}
.zx3 img{ width: 64px; height: 31px; cursor:pointer;}
.zx4{ width: 100px; height: 40px; float: left; margin-left: 26px; margin-top: 10px; background-color: #59c201; border-radius: 5px; text-align: center; line-height: 40px; color: #ffffff; font-size: 20px; cursor:pointer; }
.zx4:hover{ background-color:#6dea05;}

.free-tiy{ width: 100%; height: 320px; background-color: #f3f3f3; }
.free-tent{ width: 1198px; height: 318px; border: 1px solid #f3f3f3; margin: 0 auto; }
.free-js{ width: 100%; height: 15px; line-height: 15px; font-size: 18px; color: #888888; margin-top: 30px; text-align:center; }

.kios-ad{ width: 1200px; height: 138px; margin: 35px auto 0; }
.kios1{ width: 324px; height: 138px; border-radius: 10px; border: 1px solid #f3f3f3; margin-left: 65px; float: left; display: block;}
.kios2{ width: 324px; height: 138px; border-radius: 10px; border: 1px solid #2364be; margin-left: 65px; float: left; display: none;}
.kios-img{ width: 86px; height: 86px; margin-left: 21px; margin-top: 26px; float: left; }
.kios-c{ width: 193px; height: 70px; float: left; margin-left: 21px; margin-top: 44px;}
.kic-p1{ height: 19px; line-height: 19px; font-size: 18px; color: #2364be; font-weight: bold; margin-left: 8px }
.kic-p2{ height: 14px; line-height: 14px; font-size: 14px; color: #999999; margin-top: 20px; margin-left: 8px}
.kic-p2 a{font-size: 14px; color: #999999; }

.kic-p1off{ font-size: 16px; color: #999999; }
.kios-diff1:hover .kios1{ display: none; }
.kios-diff1:hover .kios2{ display: block; cursor: pointer; box-shadow: 3px 5px 15px #e2e2e2; }

.kios-diff2:hover .kios1{ display: none; }
.kios-diff2:hover .kios2{ display: block; cursor: pointer; box-shadow: 3px 5px 15px #e2e2e2; }

.kios-diff3:hover .kios1{ display: none; }
.kios-diff3:hover .kios2{ display: block; cursor: pointer; box-shadow: 3px 5px 15px #e2e2e2; }


/* 产品介绍 */


/* 产品优势 */

.cpys-b{ width: 1200px; height: 295px; margin: 0 auto; border: 1px solid #ffffff;}
.cpb-tent{ width: 996px; height: 210px; margin-left: 81px; margin-top: 38px; }
.cpbt-left{ width: 516px; height: 210px; float: left;}
.cpbtl-1{ width: 516px; height: 18px; font-size: 16px; font-weight: bold; color: #2364be; }
.cpbtl-2{ width: 516px; height: 45px; margin-top: 17px; font-size: 14px; color: #888888; line-height: 25px;}
.cpbtl-3{ width: 516px; height: 45px; margin-top: 32px; font-size: 14px; color: #888888; line-height: 20px;}

.cpbt-right{ float: right;margin-right: 25px; }

.cpys-h{ width: 100%; height: 295px; margin: 0 auto; background-color: #f3f3f3; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3;}
.cpbt-right1{ float: left;margin-right: 25px; margin-top: 5px; }
.cpbt-left1{ width: 516px; height: 210px; float: right;}


/* 产品优势 */


/* 付费模式 */

.ff-cyh{ width: 1198px; height: 208px; border: 1px solid #2364be; margin: 30px auto 0; }
.fcyh1{ width: 217px; height: 160px; margin-left: 62px;  margin-top: 31px; float: left;}

.fc-bj{ width: 217px; height: 110px; background: url(../images/xk27.png) no-repeat; background-position: center; }
.fcb-1{ font-size: 18px; color: #ffffff; text-align: center; font-weight: bold; padding-top: 18px; }
.fcb-2{ font-size: 14px; color: #ffffff; text-align: center; margin-top: 6px;}
.fc-ph{ margin: 23px auto 0; text-align: center; font-size: 18px; color: #59c201; }

.fcyh2{ float: left; margin-left: 117px; margin-top: 33px; }
.fcyh3{ width: 325px; height: 146px; background: url(../images/xk29.png) no-repeat; float: left; margin-left: 103px; margin-top: 31px; border:1px solid #ffffff; }

.yh3-1{ width: 325px; height: 28px; font-size: 26px; color: #fff98d; font-weight: bold; text-align: center; margin: 25px auto 0;}
.yh3-2{ width: 325px; height: 28px; font-size: 17px; color: #ffffff; text-align: center; margin-top: 10px;}
.yh3-2 span{ font-size: 26px; color: #ffffff; }
.yh3-3{ width: 191px; height: 24px; font-size: 17px; color: #ff4b5a; background-color: #fff98d; margin: 12px auto 0; text-align: center; border-radius: 12px; cursor: pointer; }

.ph-zfbz{ width: 100%; height: 818px;  border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3; background-color: #f3f3f3; margin: 40px auto 0; }
.phbz-list{ width: 1200px; height: 750px; margin: 31px auto 0; }

.pb-ls1{ width: 380px; height: 360px; border: 1px solid #7cd3fd; background-color: #7cd3fd; position: relative; float: left; margin-right: 27px; margin-bottom: 26px; }

.pb-ls1a{ width: 150px; border-left: 30px solid transparent;border-right: 30px solid transparent; border-top: 50px solid #ffffff; margin: 0 auto; position: relative;}
.pb-ls1b{ position: absolute; top: 10px; font-size: 18px; color: #2364be; font-weight: bold; left: 156px;}
.pb-ls1c{ width: 380px; height: 35px; line-height: 35px; text-align: center; margin-top: 33px; color: #ffffff; font-size: 18px; }
.size-lar{ font-size: 32px; font-weight: bold; color: #fdff4b; }
.size-sma{ font-size: 24px; font-weight: bold; color: #ffffff;}
.pb-ls1d{ width: 380px; height: 84px; margin: 10px auto 0; text-align: center; line-height: 150px; }
.pb-ls1e{ width: 380px; height: 33px; font-weight: bold;color: #ffffff; font-size: 23px; text-align: center; line-height: 33px;}
.slar{ font-size: 35px; color: #fdff4b;font-weight: bold; }
.pb-ls1f{ font-size: 25px; color: #666666; width: 380px; height: 22px; line-height: 22px; text-align: center; margin-top: 20px; }
.pb-ls1g{ width: 160px; height: 30px; background-color: #59c201; text-align: center; line-height: 30px; font-size: 16px; color: #ffffff; cursor: pointer; border-radius: 5px; margin: 22px auto 0; }
.pb-ls1g:hover{ background-color: #6dea05; }

.c-dizhi{ width: 1200px; height: 119px; background-color: #2364be; margin: 40px auto 0; }

.cdz-a{ width: 146px; height: 119px; float: left; margin-left: 115px; }
.cdz-b{ width: 557px; height: 119px; float: left; margin-left: 64px; text-align: center; line-height: 119px; font-size: 34px; color: #ffffff; font-weight: bold; text-shadow: 6px 5px 2px #0a308b;}
.cdz-c{ width: 283px; height: 119px; float: left; }

.cdz-c1{ width: 69px; height: 64px; margin: 15px auto 0; font-size: 20px; color: #ffffff; font-weight: bold;}
.cdz-c2{ width: 283px; height: 18px; font-size: 20px; color: #ffffff; font-weight: bold; text-align: center; letter-spacing: .5px;}

.apply{ width: 1200px;height: 319px; background:url(../images/xk38.png) no-repeat; margin: 40px auto 0; background-position: center; border: 1px solid #ffffff; }
.apply-form{ width: 819px; height: 259px; margin: 32px auto 0; }

.apply-tit{ width: 819px; height: 50px; line-height: 50px; text-align: center; border-top-left-radius: 7px; border-top-right-radius: 7px; font-size: 16px; color: #ffffff; font-weight: bold;
 background-color: #2364be;}

.apply-tab{ width: 819px; height: 209px; background-color: #ffffff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}

.tab-input{ width: 315px; height: 36px; float: left; margin-left: 60px; margin-top: 19px; }
.tab-input label{ display: block; width: 105px; height: 36px; text-align: center; font-size: 18px; color: #333333;float: left; }
.tab-input input{ display: block; width: 198px; height: 34px; background-color: #e9e9e9; border: 1px solid #e9e9e9; float: left; }
.tab-input input:focus{ background-color: #ffffff; border: 1px solid #59c201; }

.tj-an{ width: 291px; height: 39px; }
.ph-anniu{ width: 140px; height: 39px; background-color: #59c201; text-align: center; line-height: 39px; float: right; font-size: 18px; color: #ffffff; font-weight: bold; cursor: pointer; }
.ph-anniu:hover{ background-color: #6dea05; }

/* 付费模式 */

/* 服务支持 */

.service-b{ width: 1200px; height: 193px; margin: 51px auto 50px;}
.serb-left{ width: 490px; height: 180px; float: left; margin-left: 87px; }

.serbl-1{ font-size: 16px; color: #2364be; font-weight: bold; }
.serbl-2{ font-size: 14px; color: #888888; margin-top: 10px; }
.serbl-3{width: 120px; height: 30px; background-color: #e4e2e2; text-align: center; line-height: 30px; border-radius: 8px; margin-top: 20px; cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.serbl-3 i{ width: 13px; height: 8px; background:url(../images/xk43.png) no-repeat; display: inline-block;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.serbl-3:hover{background-color: #59c201; color: #ffffff;}
.serbl-3:hover i{ width: 13px; height: 8px; background:url(../images/xk43_on.png) no-repeat; display: inline-block;}
.serbl-4{ margin-top: 20px; font-size: 14px; color: #ff4b5a; display: none;}
.serb-right{ float: right; width: 288px; height: 187px; margin-right: 134px; }

.hbj{ width: 100%; height: 303px; border-top: 1px solid #f3f3f3; background-color: #f3f3f3; }
.service-h{ width: 1200px; height: 193px; margin: 60px auto 0;}

.serb-lefth{ width: 490px; height: 180px; float: right; margin-right: 87px; }
.serb-righth{ float: left; width: 288px; height: 187px; margin-left: 100px; }

/* 服务支持 */