@charset "utf-8";
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 0px;margin: 0px;font-family: "Microsoft JhengHei","Microsoft YaHei","SimSun";transition: all 0.4s;-moz-transition: all 0.4s; /* Firefox 4 */-webkit-transition: all 0.4s; /* Safari and Chrome */-o-transition: all 0.4s; /* Opera */}
body{font-size: 15px;background: #FFFFFF;color: #666;width: 100%;min-width: 1024px;font-weight: 300;}
li{list-style:none}

/* ������ */
::-webkit-scrollbar  
{width: 8px;height: 8px;}
::-webkit-scrollbar-track  
{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  background-color:rgba(255,255,255,1);}
::-webkit-scrollbar-thumb  
{  border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:rgba(158, 158, 158, 1);}
a{color:#666;text-decoration:none}
a:hover{color: #409eff;}
.flex{display: -ms-flexbox;display: flex;-ms-flex-direction: row;flex-direction: row;-ms-flex: 1;flex: 1;-ms-flex-preferred-size: auto;flex-basis: auto;box-sizing: border-box;min-width: 0;}
.flex-item{flex: 1;}

.complete{width: 100%}
.container{width: 100%;max-width: 1200px;min-width: 1024px;padding: 0px 15px;margin: 0 auto;height: 100%;}
.container h2{margin-bottom: 20px;text-align: center;}
.container .subtitle{height: 30px;width: 100%;font-size: 15px;text-align: center;margin-bottom: 20px;color: #666;}

/*TOP*/
.top{width:100%;height:80px;background:#fff;}
.t_1000{width:1000px;margin:0px auto;padding:10px 0;overflow:hidden;}
.top .logo{float:left;margin-top:12px;margin-right: 60px;}
.top .nav{float:left;margin-left:25px;}
.top .nav ul li{float:left;}
.top .nav ul li a{display:inline-block;width:100px;height:66px;line-height:66px;text-align:center;font-size:18px;}
.top .top_rt2 a{text-align:center;font-size:16px;margin-right: 60px;}
.top .nav ul li a:hover, .top .top_rt a:hover{color:#3199f4;}
.top .nav ul li a.on{color:#3199f4;border-bottom:4px #3199f4 solid;}
.top .top_rt{float:right;margin-top:25px;display:inline-block;padding:0 20px;margin-left:8px;border-radius:2px;border:1px solid #3199f4;color:#3199f4;line-height:28px}
/*banner*/
#banner {background: #dfd8d2;height: 430px;width: 100%;}
#focusBar {background: #242424;clear: both;height: 430px;overflow: hidden;position: relative;width: 100%;}
#focusBar li {clear: both;display: none;height: 430px;position: absolute;/* position:relative;*/width: 100%;}
#focusBar .focusL {height: 440px;left: -500px;margin-left: 50%;position: absolute;top: 0;z-index: 9; /*left:-1000px;*/}
#focusBar .focusR {height: 440px;left: -500px;margin-left: 50%;position: absolute;top: 0;z-index: 19;/* right:1000px; */}
a.arrL,a.arrR {background-image: url(bt_arr.png);background-repeat: no-repeat;cursor: pointer;display: block;height: 134px;position: absolute;top: 148px;width: 52px;z-index: 99;_background: url(bt_arr.gif);}
a.arrL {background-position: 0 0;left: 0;}
a.arrR {background-position: -68px 0;right: 0;}
a.arrL:hover {background-position: 0 -144px;}
a.arrR:hover {background-position: -68px -144px;}

#advantage {width: 970px;margin: 0 auto;min-width: 970px;height: 940px;overflow: hidden;}

/*dev*/

.banner1{width:100%;height:290px;background:url(banner1.jpg) center;}
.banner2{width:100%;height:290px;background:url(banner2.jpg) center;}
.banner3{width:100%;height:290px;background:url(banner3.jpg) center;}
.banner4{width:100%;height:290px;background:url(banner4.jpg) center;}
.banner5{width:100%;height:290px;background:url(banner5.jpg) center;}
.banner6{width:100%;height:270px;background:url(banner6.jpg) center;}
.banner7{width:100%;height:270px;background:url(banner7.jpg) center;}

/*���ǵ�����*/
.advantage{padding: 60px 0px;background: #fff;overflow: hidden;}

.advantage .content{width: 100%;font-size: 14px;display: block;}
.advantage .content .item{width: 25%;float: left;text-align: left;padding: 16px;}
.advantage .content .item img{width: 100%;}
.advantage .content .item h3{font-size: 18px;padding-top: 12px;padding-bottom: 8px;text-align: center;}
.advantage .content .item p{font-size: 14px;line-height: 26px;}

/*���ǵĹ����ʽ*/
.species{padding: 80px 0px;background: #f1f5f8;padding-bottom: 0px;}

.species .title{font-size: 26px;text-align: center;line-height: 40px;}
.species .subtitle{font-size: 16px;text-align: center;line-height: 40px;margin-top: 20px;}
.species .content{width: 100%;font-size: 14px;display: block;margin-top: 40px;height: 900px;overflow: hidden;background: url("img879.png") no-repeat left top;}
.species .content .image{float: left;text-align: left;padding-left: 191px;padding-top: 105px;width: 50%;}
.species .content .image img{display: none;float: left;}
.species .content .image .action{display: block;}
.species .content .title{width: 40%;float: right;background: none;text-align: left;font-size: 20px;}
@media (min-width: 1080px) {.species .content .title{    width: 50%;}  }
.species .content .title span{font-size: 14px;display: block;}
.species .content .title .item1{background: none;margin-top: 80px;margin-left: 80px;height: 120px;cursor: pointer;}
.species .content .title .item2{background: none;margin-top: 30px;margin-left: 200px;height: 120px;cursor: pointer;}
.species .content .title .item3{background: none;margin-top: 30px;margin-left: 250px;height: 120px;cursor: pointer;}
.species .content .title .item4{background: none;margin-top: 30px;margin-left: 200px;height: 120px;cursor: pointer;}
.species .content .title .item5{background: none;margin-top: 30px;margin-left: 80px;height: 120px;cursor: pointer;}
.species .content .title .action{color: #40c381;}

/*��������*/
.help{padding: 60px 0px;background: #fff;}
.help .content{width: 100%;font-size: 14px;display: block;margin-top: 20px;overflow: hidden;padding: 0px 10px;}
.help .content .announcement{float: left;width: 50%;padding-right: 40px;}
.help .content h3{line-height: 40px;margin-bottom: 10px;border-bottom: 1px solid #409eff;color: #409eff;}
.help .content .more{font-size: 13px;float: right;}


.help .content .announcement li{font-size: 14px;line-height: 40px;border-bottom: 1px dotted #d9d9d9;}
.help .content .announcement li span{float: right;}
.help .content .problem{width: 50%;float: right;padding-left: 40px;}
.help .content .problem .title{font-size: 18px;text-align: left;}
.help .content .problem li{line-height: 40px;border-bottom: 1px dotted #d9d9d9;}
.help .content .problem li span{float: right;}

/*���ǵĿͻ�*/
.customer{padding: 60px 0px;background: #f1f5f8;}
.customer .content{width: 100%;font-size: 14px;display: block;overflow: hidden;}
.customer .content a{display: block;float: left;width: 20%;padding: 16px;}
.customer .content a img{width: 100%;}


footer{background: #ccc;color: #333;font-size: 14px;text-align: center;line-height: 28px;padding: 16px;}
footer .logo{display:inline-block;margin-bottom: 0px;}
footer .copy{display:inline-block;margin-left: 60px;}


/*����*/
.process{padding: 10px 0px;background: #fff;}
.process .title{font-size: 26px;text-align: center;line-height: 40px;}
.process .subtitle{font-size: 16px;text-align: center;line-height: 40px;margin-top: 20px;}
.process .content{width: 100%;font-size: 14px;display: block;overflow: hidden;}
.process .content img{width: 100%;}


/*�����ҳ��*/
.advert{padding: 40px 0px;background: #fff;}
.advert .main{width: 100%;overflow: hidden;}
.advert .main span{display: block;width: 15%;float: left;text-align: center;margin: 0px 2.5%;border: 1px solid #ccc;border-radius: 20px;height: 36px;line-height: 36px;cursor: pointer;font-size: 16px;}
.advert .main .action{background: #40c381;color: #fff;border: 1px solid #40c381;}
.advert .content{padding: 60px 2.5%;}
.advert .content .con{width: 100%;overflow: hidden;display: none;}
.advert .content .action{display: block;}
.advert .content .con .left{float: left;width: 50%;padding-right: 40px;}
.advert .content .con .left h3{font-size: 20px;margin-bottom: 30px;}
.advert .content .con .left p{font-size: 16px;line-height: 40px;}
.advert .content .con .right{float: left;width: 50%;padding-left: 40px;text-align: right;}
.advert .content .con .right img{height: 300px;}

.advert .botton{margin: 0 auto;height: 40px;border: 1px solid #ccc;text-align: center;line-height: 40px;font-size: 16px;border-radius: 20px;width: 300px;display: block;background: #40c381;color: #fff;border: 1px solid #40c381;}


/*��������*/
.problems{padding: 40px 0px;background: #fff;}
.problems .main{width: 100%;overflow: hidden;}
.problems .main .webwhere{float: left;width: 48%;border: 1px solid #ccc;font-size: 16px;text-align: center;height: 40px;line-height: 40px;cursor: pointer;}
.problems .main .advertwhere{float: right;width: 48%;border: 1px solid #ccc;font-size: 16px;text-align: center;height: 40px;line-height: 40px;cursor: pointer;}
.problems .main .action{background: #40c381;border: 1px solid #40c381;color: #fff;}

.problems .content ul{display: none;}
.problems .content .action{display: block;}
.problems .content li{padding: 20px 0px;border-bottom: 1px solid #efefef;}
.problems .content li h3{font-size: 16px;color: #40c381;margin: 6px 0px;}
.problems .content li p{font-size: 14px;color: #333;line-height: 26px;}

/*�����б�*/
.news{width: 980px;padding: 15px;line-height: 44px;}
.news li{overflow: hidden;border-bottom: 1px dotted #d9d9d9;}
.news li b{font-size: 15px;}
.news li .time{float: right;}

.breadcrumb{margin-top: 10px;margin-bottom: 15px;}
.breadcrumb b{font-weight: 700;}

.txt_c{text-align:center}
.j-login{padding:40px;  border:0; box-shadow:none; width:460px; box-sizing:border-box;background:url(j-login.png)  center -30px no-repeat; background-size:503px 100%;}
.j-loginTitle{line-height:36px;text-align:center;font-size:38px;color:#0e5b8c;letter-spacing:1px; font-weight:700; font-weight:bold; padding-bottom:30px;}
.j-loginCheckbox{margin-bottom:43px;}
.j-loginCheckboxItem{float:left;*display:inline;width:50%;line-height:26px;font-size:18px;color:#444;cursor:pointer;}
.j-loginInput{position:relative;margin-bottom:25px;padding:10px 0px 0px 53px;height:42px;background:#fff; border-radius:40px; box-sizing:border-box;}
.j-loginInput input{width:95%;font-size:16px; line-height:19px;color:#ced0d0;border:0;background:#fff;}
.j-loginInput input:focus{color:#444;}
.j-loginInput i{position:absolute;left:13px;width:33px;height:22px; border-right:1px solid #c4d1d5;}
.j-loginUser i{background:url(icn-loginuser.jpg) no-repeat 3px 0;}
.j-loginPswd i{background:url(icn-loginpswd.jpg) no-repeat 3px 0;}
.j-loginQQ i{background:url(icn-loginqq.jpg) no-repeat;}
.j-loginWebsit ,.j-loginPhone{display:none;}
.j-loginWebsit i{background:url(icn-loginwebsit.png) no-repeat 3px 0;;}
.j-loginPhone i{background:url(icn-loginphone.png) no-repeat 3px 0;;}
.j-loginConfirm i{background:url(icn-loginconfirm.png) no-repeat 3px 0;;}
.j-loginCookie{float:left;*display:inline;line-height:26px;font-size:16px;color:#444;cursor:pointer;}
.j-loginForget{*display:inline;font-size:18px;color:#ffffff;text-decoration:none;}
.j-loginRegister{font-size:18px;color:#ffffff;text-decoration:none;}
.j-loginOther{margin-bottom:0; font-size:10px; font-weight:lighter; }
.j-loginOther span{ color:#fff; margin:0 15px 0px 10px; font-size:14px; line-height:18px;}
.j-loginBtn{margin-bottom:14px;}
.j-loginSubmit{width:100%;height:58px;font-size:30px;color:#fff;border:1px solid #f6611f;background:#f6611f; border-radius:40px; box-sizing:border-box;}
.j-loginBackHome{font-size:17px; color:#ffffff; padding:0 10px;}
.j-loginURL{ font-size:17px; color:#ffffff; padding:0 10px; }
.j-homeLogin{margin-top:158px;  background:rgba(255,255,255,0.4); float:right; padding-top:35px; box-sizing:border-box; width:365px; height:365px;}
.j-admin{position:absolute;left:0;top:0;width:100%;height:100%;background:url(bg.jpg) center top no-repeat;background-size:cover;overflow:auto;}
.j-adminLogin{margin:50px auto 0;}
.j-adminCopyRight{margin-top:30px;margin-bottom:20px;text-align:center;}
.j-adminCopyRight-logo{margin-bottom:60px;}
.j-adminCopyRight-txt{line-height:24px;font-size:14px;color:#fff;}




/*ע��*/
.linebox{width:100%;border-top:4px solid #3199f4;}
.regcont{width:938px;border:1px solid #e1e1e1;padding:30px;margin-top:40px;margin-bottom:70px;}
.regcont .loginList{ height:44px; line-height:34px; position:relative;}
.regcont .loginList span{ width:150px; display:block; float:left; text-align:right; color:#5a5c5d; font-size:14px;}
.regcont .loginList .number{  height:27px; width:207px; background:#fff; border:1px solid #bbc4d3; float:left; line-height:27px;}
.regcont .js, .regcont span.qxz{ height:40px; line-height:30px; color:#333; font-size:17px;text-align:left;}
.regcont .js span{ font-weight:normal; font-size:14px;}
.regcont .loginList label{ font-size:16px; } 
.regcont .moren{ float:left; padding:0 0 0 15px; color:#aaaaaa;font-style:normal;}
.regcont .no{ position:absolute; left:376px; top:7px; background:url(btn2.png) no-repeat; padding:0 0 0 22px; color:#e92a2d; height:16px; line-height:16px;}
.regcont .ok{ position:absolute; left:376px; top:7px; background:url(btn2.png) no-repeat 0 -26px; padding:0 0 0 22px; color:#e92a2d; height:16px; line-height:16px;}
.regcont .loginList1{ white-space:nowrap;height:132px; line-height:34px; position:relative;}
.regcont .loginList1 a{ display: inline-block;width:130px;height:34px;font-size:14px; float:left;line-height:34px;}
.regcont .loginList1 a img{margin:10px 14px 0 5px;}
.regcont .loginList1 span{ width:150px; display:block; float:left; text-align:right; color:#5a5c5d; font-size:14px; height:132px;}
.regcont .loginList1 label{ padding:0 10px 0 0; display:block; float:left; width: 150px; height:30px;}
.regcont .loginList1 .xzgg input, .regcont .loginList1 .kfinfo input{float:left;display: inline;height:34px;}
.regcont .submit input.registerbtn{width:120px;height:38px;background: url(icons.png) 0 -264px no-repeat;border:none;border:0;cursor:pointer;margin-left:156px;margin-bottom:20px;}
.regcont .submit input.registerbtn:hover{background-position:-130px -264px;}
.regcont .wcyzm input{background:#88b6df;width: 84px;height: 26px;text-align: center;line-height: 26px;color: #fff;margin-left:15px;cursor:pointer;border:0;border:none;}


/*�ײ���Ϣ*/
.footer {color:#aaa;line-height:80px;background:#434a50;font-size: 13px;}
.footer i {padding:0 20px}

.pagination{text-align: center; margin-top: 30px;}
.pagination li{display: initial; border: none;}
.pagination li a{padding: 6px 14px; background: #fff; color: #40c381; border: 1px solid #40c381; margin: 0px 2px; border-radius: 3px;}
.pagination li span{padding: 6px 14px; background: #40c381; color: #FFF; margin: 0px 2px; border-radius: 3px;}

.message{z-index: 90000;top: 10px;left: 0px;right: 0px;width: 300px;margin: 0 auto;font-size: 14px;box-sizing: border-box;border-radius: 4px;position: fixed;background-color: #fff;overflow: hidden;opacity: 1;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;transition: opacity .2s;    }
.message .success{background-color: #f0f9eb;color: #67c23a;padding: 8px 16px;}
.message .info{background-color: #f4f4f5;color: #909399;padding: 8px 16px;width: 100%;}
.message .warning{background-color: #fdf6ec;color: #e6a23c;padding: 8px 16px;width: 100%;}
.message .error{background-color: #fef0f0;color: #f56c6c;padding: 8px 16px;width: 100%;}



advantage{height:940px;overflow:hidden;}
#advantage>h2{text-align:center;width: 350px;margin:40px auto 0;height:74px;line-height: 74px;border-bottom:1px solid #777;font-size:34px;color:#000;}
#advantage>p{text-align:center;height:70px;line-height:70px;font-size:22px;margin-bottom:37px;}
#advantage ul{width: 100%;height: 288px;margin-bottom:55px;}
#advantage ul li{width:30%;height: 288px;float:left;box-sizing: border-box;border:1px solid #777;}
#advantage ul li+li{margin-left:5%;}
#advantage ul li div{width:286px;margin:0 auto;height:100%;position: relative;overflow:hidden;}
#advantage ul li div img{width: 220px;display:block;position: absolute;left:50%;margin-left:-110px;top:10px;}
#advantage ul li div h3{text-align:center;color:#000;border-bottom:1px solid #D7D7D7;height: 50px;line-height: 50px;font-size:20px;margin-bottom:10px;margin-top:150px;transition:1s;}
#advantage ul li div p{text-align:center;height: 24px;line-height: 24px;font-size:14px;}
@-webkit-keyframes moveX{0%{left:50%;top:10px;}50%{left:400px;top:10px;}51%{left:400px;top:-150px;}52%{top:-150px;left:-300px;}53%{top:10px;left:-300px;}100%{left:50%;top:10px;}}
#advantage ul li:hover div img{-webkit-animation:0.8s moveX linear;}

/*banner2---s*/
#banner2{height: 645px;}
#banner2>h2{text-align:center;width: 350px;margin:40px auto 0;height:74px;line-height: 74px;border-bottom:1px solid #777;font-size:34px;color:#000;}
#banner2 .boast{width: 100%;border-bottom:1px solid #eaeaea;height: 113px;text-align:center;}
#banner2 .boast div{display:inline-block;height:91px;margin-top:20px;}
#banner2 .boast div+div{margin-left:30px;}
#banner2 .boast div b{color:#D62F40;font:900 40px/50px arial;}
#banner2 .boast div span{color:#777;font-size:26px;font-weight:bold;font-family:arial;}
#banner2>h3{text-align:center;height:74px;line-height: 74px;color:#777;font-family:arial;font-size:21px;color:#999;}
#banner2 .frame{width: 960px;margin:0 auto;height: 325px;position: relative;}
#banner2 .bannerTab{width: 860px;height: 325px;margin:0 auto;position: relative;overflow:hidden;}
#banner2 .bannerTab ul{height: 325px;position: absolute;left:0;top:0;}
#banner2 .bannerTab ul li{width: 860px;height: 325px;float:left;}
#banner2 .bannerTab ul li div{width: 100%;height: 100%;}
#banner2 .bannerTab ul li div a{width:160px;height:95px;float:left;box-sizing:border-box;border:1px solid #eaeaea;margin-right:15px;margin-bottom:20px;}
#banner2 .bannerTab ul li div a:nth-of-type(5n){margin-right:0px;}
#banner2 .bannerTab ul li div .divide~a{margin-bottom:0px;}
#banner2 .bannerTab ul li div a img{width:100%;height:100%;display:block;}
#banner2 .frame span{width: 42px;height: 72px;position: absolute;top:126px;cursor:pointer;}
#banner2 .frame span:first-of-type{left:0px;background:url('sprite.png') no-repeat 0 -75px;}
#banner2 .frame span:last-child{right:0px;background:url('sprite.png') no-repeat -64px -75px;}
@-webkit-keyframes flex{0%{transform:scale(0.1);}100%{transform:scale(1);}}
#banner2 .bannerTab ul li div a:hover{border-color:green;}
#banner2 .bannerTab ul li div a:hover img{-webkit-animation:1s flex;}
/*banner2---e*/