@charset "GBK";
/* CSS Document */

/************************************************** index_box1 *****************************************************/
.index_box1{ height: 400px; width: 1100px; margin-right: auto; margin-left: auto; margin-top: 5px; }
.index_box1 .banner_main{ height: 400px; width: 1100px; }
.index_box1 .banner_main .mainbox{ overflow:hidden;  position:relative;}
.index_box1 .banner_main .flashbox{ overflow:hidden;  position:relative;}
.index_box1 .banner_main .imagebox{ text-align:right;position:relative;z-index:999;}
.index_box1 .banner_main .bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.index_box1 .banner_main .defimg{background-image:url(dot_in.png)}
.index_box1 .banner_main .curimg{background-image:url(dot_on.png)}
.index_box1 .banner_main img{border-radius: 10px;}

.index_box1 .right_main{ height: 300px; width: 282px; }
.index_box1 .right_main .tongji_box{ height: 110px; width: 280px; border: 1px solid #CCC; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-top: 10px; }
.index_box1 .right_main .tongji_box .title{margin-left: auto;margin-right: auto;height: 30px; width: 65px; background-image: url(tongji_ico.png); background-repeat: no-repeat; background-color: #FFF; margin-top: -15px; padding-left: 32px; line-height: 30px; font-weight: 600; color: #ea6156;  }
.index_box1 .right_main .tongji_box .item_title{ text-align: right;height: 30px; width: 110px; margin-left: 2px; line-height: 30px; font-size: 12px; color: #666; }
.index_box1 .right_main .tongji_box .item_box{height: 30px; width: 160px; margin-left: 0px; line-height:20px;}
.index_box1 .right_main .tongji_box .item_box span{ display: inline-block; height: 20px; width: 16px; background-color: #666; margin-right: 2px; margin-left: 2px; color: #FFF; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 5px; }
.index_box1 .right_main .nav_box{ height: 190px; width: 280px; }
.index_box1 .right_main .nav_box li{ height: 80px; width: 130px; float: left; margin-left: 8px; margin-top: 8px; }
.index_box1 .right_main .nav_box li a{ height: 100%; width: 100%; display: block;border: 1px solid #cbcccf; }
.index_box1 .right_main .nav_box li a:hover{ border: 1px solid #E30000; }

/************************************************** index_box2 *****************************************************/
.index_box2{ min-height: 300px; width: 1100px; margin-right: auto; margin-left: auto; margin-top: 10px; }
.index_box2 .left{ min-height: 300px; width: 810px; }
.index_box2 .right{ min-height: 300px; width: 282px; padding-top: 10px; }

.index_box2 .left .title { line-height: 46px; height: 46px; font-weight: 600; font-size: 18px; color: #0093dd; padding: 0px 10px; }
.index_box2 .left .title span{ width:4px; height:14px; background: #f60;display: inline-block; margin-right: 5px;}
.index_box2 .left .list{overflow: hidden; margin-top:0px; background:#fff;border-radius:3px;}
.index_box2 .left .list ul{ margin-left: -1px; margin-bottom: -1px;overflow: hidden;}
.index_box2 .left .list ul li{ float:left; width:240px; position:relative; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 10px; border-top-width: 0; border-right-width: 0; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #E4E4E4; border-right-color: #E4E4E4; border-bottom-color: #E4E4E4; border-left-color: #E4E4E4; }
.index_box2 .left .list .img{ float:left;}
.index_box2 .left .list .img img{width: 40px; height: 40px; float: left; margin-right: 8px;border-radius: 5px;}
.index_box2 .left .list ul li h4{ font-size:14px; color:#434a54; font-weight: 600;margin-top: -3px; }
.index_box2 .left .list ul li h4 a{color:#434a54;}
.index_box2 .left .list ul li h4 span{ color:#f40;font-weight:normal;}
.index_box2 .left .list ul li h4 span.free{ color:green;font-weight:normal;}
.index_box2 .left .list ul li .action{margin-top: 4px;}
.index_box2 .left .list ul li .action a{color: #9c9c9c;}
.index_box2 .left .list ul .action a{ font-size: 13px; color: #4C4C4C; }
.index_box2 .left .list ul .action .buy{ color: #F00; }
.index_box2 .left .list ul .action .demo{ color: #090; }
.index_box2 .left .list ul .action a:hover{ color:#0093dd}
.index_box2 .left .list ul .action em{ margin: 0 5px; color: #CCC; }
.index_box2 .left .list ul p{ padding-top:3px;font-size: 13px; color: #4C4C4C;}
.index_box2 .left .list ul p span{ color: #ABABAB; }

.index_box2 .right .ads_box{ width: 280px; }

.index_box2 .right .title { line-height: 46px; height: 46px; font-weight: 600; font-size: 18px; color: #0093dd; padding: 0px 10px; }
.index_box2 .right .title span{ width:4px; height:14px; background: #0093dd;display: inline-block; margin-right: 5px;}

.index_box2 .right .article_list{width: 280px;}
.index_box2 .right .article_list li{ width: 250px; line-height: 25px; background-image: url(article_li_ico.png); background-repeat: no-repeat; padding-left: 25px; margin-bottom: 3px; }

/************************************************** index_box3 *****************************************************/
.index_box3{ min-height: 200px; width: 1040px; margin-right: auto; margin-left: auto; margin-top: 5px; }

.index_box3 .cases_title { margin-bottom: 0px; text-align: center; margin-top: 30px; }
.index_box3 .cases_title h1 { min-width: 280px; padding: 6px 3px 8px; display: inline-block; color: #fff; background-color: #e54e19; font-weight: bold; font-size: 24px; line-height: 40px; }
.index_box3 .cases_content { width: 100%; }
#cases_box {position: relative;margin-left: 3px;}
#cases_box ul, #cases_box ul li {padding: 0;margin: 0;}
#cases_box ul li { background: url(ip5s_x180.png) no-repeat 0 0; background-size: 180px auto; position: relative; width: 180px; height: 378px; margin-left: 20px; float: left; }
#cases_box ul li .img { position: absolute; top: 56px; left: 16px; right: 13px; overflow: hidden; border: 1px solid #444; }
#cases_box ul li .img img{ display: block; width: 100%; height: 100%; }
#cases_box:hover .ct-prev, #cases_box:hover .ct-next {background-color: rgba(0,0,0,0.05);}
#cases_box .ct-prev, #cases_box .ct-next { position: absolute; top: 130px; width: 36px; left: -36px; height: 110px; cursor: pointer; color: #eee; }
#cases_box .ct-next { right: -27px; left: auto; left: none; padding-left: 4px; }
#cases_box .ct-prev:hover, #cases_box .ct-next:hover {background-color: rgba(0,0,0,0.05);}


/************************************************** info_box1 *****************************************************/
.info_box1{ min-height: 300px; width: 1100px; margin-right: auto; margin-left: auto; margin-top: 5px; }
.info_box1 .left{ min-height: 300px; width: 810px; }
.info_box1 .right{ min-height: 300px; width: 282px; padding-top: 0px;}

.info_box1 .left .plugin_info{ height: 250px; width: 768px; border: 1px solid #ececec; padding: 15px;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;background-color: #f6f6f6;}
.info_box1 .left .plugin_info .info{ height: 230px; width: 440px;padding: 10px; }
.info_box1 .left .plugin_info .info .img{ float:left; margin-right: 10px; }
.info_box1 .left .plugin_info .info .img img{width: 60px; height: 60px; float: left; margin-right: 5px;border-radius: 10px;}
.info_box1 .left .plugin_info .info h4{ font-size:16px; color:#434a54; font-weight: 600;line-height: 30px; }
.info_box1 .left .plugin_info .info h4 span{ color:#f40; font-weight:normal; margin-right: 50px; }
.info_box1 .left .plugin_info .info span.free{ color:green;font-weight:normal;}
.info_box1 .left .plugin_info .info .desc { font-size: 13px; color: #666666;line-height: 25px; }
.info_box1 .left .plugin_info .info p{ padding-top:10px;font-size: 13px; color: #4C4C4C;}
.info_box1 .left .plugin_info .info p span{ color: #ABABAB; }
.info_box1 .left .plugin_info .info .btns{ width: 400px; margin-top: 40px; margin-left: 0px; }
.info_box1 .left .plugin_info .info .btns a.pc{ height: 45px; width: 120px; background-color: #0080FF; color: #FFF; line-height: 45px; text-decoration: none; text-align: center; display: inline-block; float: left; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 20px; margin-right: 20px; }

.info_box1 .left .plugin_info .info .btns a.buy{ height: 45px; width: 150px; background-color: #009100; color: #FFF; line-height: 45px; text-decoration: none; text-align: center; display: inline-block; float: left; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 20px; }

.info_box1 .left .plugin_info .qrcode{ height: 250px; width: 230px; text-align: center; }
.info_box1 .left .plugin_info .qrcode img{ height: 200px; width: 200px; }
.info_box1 .left .plugin_info .qrcode p{ padding-top:0px;font-size: 16px; color: #4C4C4C;}
.info_box1 .left .plugin_info .qrcode p span{ color: #D90000; }

.info_box1 .left .title { line-height: 46px; height: 46px; font-weight: 600; font-size: 18px; color: #0093dd; padding: 10px 0px; }
.info_box1 .left .title span{ width:4px; height:14px; background: #0093dd;display: inline-block; margin-right: 5px;}
.info_box1 .left .content{ min-height: 300px; width: 840px; }


.info_box1 .right .title { line-height: 46px; height: 46px; font-weight: 600; font-size: 18px; color: #0093dd; padding: 0px 10px; }
.info_box1 .right .title span{ width:4px; height:14px; background: #0093dd;display: inline-block; margin-right: 5px;}


.info_box1 .right .plugin_list{overflow: hidden; margin-top:0px; background:#fff;border-radius:3px;}
.info_box1 .right .plugin_list ul{ margin-left: -1px; margin-bottom: -1px;overflow: hidden;}
.info_box1 .right .plugin_list ul li{ float:left; width:250px; position:relative; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }
.info_box1 .right .plugin_list .img{ float:left;}
.info_box1 .right .plugin_list .img img{width: 40px; height: 40px; float: left; margin-right: 8px;border-radius: 5px;}
.info_box1 .right .plugin_list ul li h4{ font-size:14px; color:#434a54; font-weight: 600;margin-top: -3px; }
.info_box1 .right .plugin_list ul li h4 a{color:#434a54;}
.info_box1 .right .plugin_list ul li h4 span{ color:#f40;font-weight:normal;}
.info_box1 .right .plugin_list ul li h4 span.free{ color:green;font-weight:normal;}
.info_box1 .right .plugin_list ul .action{    margin-top: 4px;}
.info_box1 .right .plugin_list ul .action a{ font-size: 13px; color: #9c9c9c; }
.info_box1 .right .plugin_list ul .action .buy{ color: #F00; }
.info_box1 .right .plugin_list ul .action .demo{ color: #090; }
.info_box1 .right .plugin_list ul .action a:hover{ color:#0093dd}
.info_box1 .right .plugin_list ul .action em{ margin: 0 5px; color: #CCC; }

/************************************************** qrcode_box1 *****************************************************/
.qrcode_box1{ height: 600px; width: 800px; margin-right: auto; margin-left: auto; margin-top: 50px; }
.qrcode_box1 .left{ min-height: 360px; width: 502px; }
.qrcode_box1 .left .qrcode{ height: 350px; width: 500px; text-align: center; border: 1px solid #E11000; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.qrcode_box1 .left .qrcode img{ height: 300px; width: 300px; }
.qrcode_box1 .left .qrcode p{ padding-top:0px; font-size: 18px; color: #4C4C4C; font-weight: bold; }
.qrcode_box1 .left .qrcode p span{ color: #D90000; }

.qrcode_box1 .right{ min-height: 360px; width: 282px; padding-top: 0px;}

.qrcode_box1 .right .title { line-height: 46px; height: 46px; font-weight: 600; font-size: 18px; color: #0093dd; padding: 0px 10px; }
.qrcode_box1 .right .title span{ width:4px; height:14px; background: #0093dd;display: inline-block; margin-right: 5px;}

.qrcode_box1 .right .plugin_list{overflow: hidden; margin-top:0px; background:#fff;border-radius:3px;}
.qrcode_box1 .right .plugin_list ul{ margin-left: -1px; margin-bottom: -1px;overflow: hidden;}
.qrcode_box1 .right .plugin_list ul li{ float:left; width:250px; position:relative; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }
.qrcode_box1 .right .plugin_list .img{ float:left;}
.qrcode_box1 .right .plugin_list .img img{width: 40px; height: 40px; float: left; margin-right: 8px;border-radius: 5px;}
.qrcode_box1 .right .plugin_list ul li h4{ font-size:14px; color:#434a54; font-weight: 600;margin-top: -3px;  }
.qrcode_box1 .right .plugin_list ul li h4 a{color:#434a54;}
.qrcode_box1 .right .plugin_list ul li h4 span{ color:#f40;font-weight:normal;}
.qrcode_box1 .right .plugin_list ul li h4 span.free{ color:green;font-weight:normal;}
.qrcode_box1 .right .plugin_list ul .action{    margin-top: 4px;}
.qrcode_box1 .right .plugin_list ul .action a{ font-size: 13px; color: #9c9c9c; }
.qrcode_box1 .right .plugin_list ul .action .buy{ color: #F00; }
.qrcode_box1 .right .plugin_list ul .action .demo{ color: #090; }
.qrcode_box1 .right .plugin_list ul .action a:hover{ color:#0093dd}
.qrcode_box1 .right .plugin_list ul .action em{ margin: 0 5px; color: #CCC; }