/*****************************************************************************************************public***********************************************************************************************************/
*{margin: 0; padding: 0;}
body {
    font-family: Proxima Nova,Proxima-Nova,proxima-nova,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #3f3f3f;
}
a{ text-decoration: none; color: #3f3f3f;}
a:hover{ text-decoration: underline; }
ul,li{list-style: none;}
img,input{ border: none; }
img{ vertical-align: top; }

/*****************************************************************************************************top*********************************************************************************************************/
.top-transition{
    width: 100%;
    height: 16px;
    background: #d62d40;
    background: -moz-linear-gradient(left,  #d62d40 0%, #ffa200 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d62d40), color-stop(100%,#ffa200));
    background: -webkit-linear-gradient(left,  #d62d40 0%,#ffa200 100%);
    background: -o-linear-gradient(left,  #d62d40 0%,#ffa200 100%);
    background: -ms-linear-gradient(left,  #d62d40 0%,#ffa200 100%);
    background: linear-gradient(to right,  #d62d40 0%,#ffa200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62d40', endColorstr='#ffa200',GradientType=1);
}
:root .top-transition{filter:none;}
/*****************************************************************************************************header**********************************************************************************************************/
.logo{ width: 340px; height: 62px; margin: 15px 0 0 45px;}
.main-menu{ height: 94px; line-height: 94px; }
.main-menu li{ width: 100px; text-align: center; display: inline-block; font-size: 18px; }
.main-menu li a:hover{ text-decoration: underline; }
/******************************************************************************************************home***********************************************************************************************************/
.product-box-1{ width: 360px; height: 450px; border:1px solid #e8e8e8; _display: inline; margin: 0 0 50px;}
.product-box-1 p{ text-align: center; }
.product-box-1 .ti{ font-size: 20px; height: 24px; line-height: 24px; margin-top: 20px; }
.product-box-1 .ti a{ color: #333; }
.product-box-1 .ti2{ font-size: 30px; height: 30px; line-height: 30px; margin-top: 44px; }
.product-box-1 .ti2 a{ color: #333; }
.product-box-1 .desc{ color: #888; font-size: 14px; height: 60px; margin-top: 10px }
.product-box-1 .price{ font-size: 30px; color: #e24c38; text-decoration:line-through; height: 30px; line-height: 30px; }
.product-box-1 .buy{height: 60px; line-height: 60px; font-size: 24px; background-color: #e24c38; margin-top: 12px;}
.product-box-1 .buy a{ color: #fff; }
.product-box-1 .down{height: 60px; line-height: 60px; font-size: 24px; background-color: #e24c38; margin-top: 12px;}
.product-box-1 .down a{ color: #fff; }

.title-box{font-family: "Times New Roman"; color: #6e6e6e; text-align:center; margin-top: 60px; padding-bottom: 40px;}
.title-box .t1{ font-size: 36px;}
.title-box .t2{ font-size: 20px;}
.list-box{ margin-top: 80px; }
.list-box .pic{ width: 60px; height: 60px; margin-left: 70px; margin-right: 50px; margin-top: 45px; _display: inline;}
.list-box .text{ width: 860px; color: #6e6e6e; font-size: 16px;  }
.list-box .text h2{ font-size: 24px; font-weight:normal; }
.list-box .text p{margin-bottom: 30px; margin-top: 8px; }


/*********************************************************************************************** product *********************************************************************************************************************/
.product-box-2{ width: 358px; height: 342px; border: 1px solid #e8e8e8; _display: inline;background-color: #fff;}
.product-box-2 .ti{ margin: 20px 0 0 0; padding: 0 0 0 20px;}
.product-box-2 .ti img{ float:left; width: 64px; height: 64px; margin-right: 20px; }
.product-box-2 .ti span{ float: left; width: 230px; height: 50px; font-size: 22px; font-weight: normal; margin-top: 14px; display:block;}
.product-box-2 .ti span a{color: #636568; vertical-align:middle;display:inline-block; line-height: 22px;}
.product-box-2 .ti span i{line-height:50px;display:inline-block; font-size: 0;}
.product-box-2 .desc{ height: 65px; font-size: 14px; color: #888888; margin: 15px 20px 0 20px; line-height: 18px; }
.product-box-2 .desc span{color: #aaaaaa; font-size: 12px;}
.product-box-2 .down{ height: 58px; line-height: 58px; text-align: center; font-size: 16px; border-top: 1px solid #e8e8e8; }
.product-box-2 .down a{color: #e24c38; }

/*wifi*/
.product-row-1{ width: 1000px; height: 365px; position: relative; }
.product-row-1 img, .product-row-1 p,.product-row-1 h1{position: absolute;z-index:10;left: 5%;top: -3%;}

.product-row-1 img{ z-index:1/* -5*/; }
.product-row-1 h1{ width: 400px; height: 60px; line-height: 60px; left: 358px; top: 58px; color: #007eff; font-size: 40px; font-weight: normal;}
.product-row-1 .desc{ width:1000px; left: 0; top: 125px; font-size: 20px; color: #454545; text-align: center;  }
.product-row-1 .os{ width: 1000px; left: 0; top: 190px; color: #a2a2a2; text-align: center; }
.product-row-1 .other{width: 1000px; left: 0; top: 220px; color: #a2a2a2; text-align: center;}
.product-row-1 .other .ver{ margin-right: 30px; }
.product-row-1 .down{ width: 1000px; left: 0; top: 300px; }
.product-row-1 .down a{ margin: 0 auto; }
.product-row-1 a.guide{ margin-left: 620px; }

.product-row-2{ padding:50px 0;  }
.product-row-2 p{ padding: 0 100px; font-size: 16px; color: #fff; }


.product-row-3 .lbox{ width: 410px; float: left; margin: 70px 160px 0 70px; }
.product-row-3 .lbox .ti{ font-size: 15px; color: #5a5a5a; width: 140px; padding-bottom: 10px; border-bottom: 2px solid #5a5a5a; }
.product-row-3 .lbox h2{ font-size: 36px; color: #454545; font-weight: normal; line-height: 40px; margin-top: 10px; }
.product-row-3 .lbox li {background: url("../images/ico.jpg") no-repeat;height: 33px;padding-left: 32px;}
.product-row-3 .lbox .desc{ line-height: 20px; color: #5a5a5a; font-size: 15px; margin-top: 30px; }
.product-row-3 .rbox{ width: 520px; height: 550px; float: left; position: relative; }
.product-row-3 .rbox dl,.rbox img{ position: absolute;
    z-index:10;}
.product-row-3 .rbox img{ width: 510px; height: 470px; z-index:1/* -5*/; bottom: 0; }
.product-row-3 .rbox dl dt{ font-size: 24px; color: #007eff; }
.product-row-3 .rbox dl dd{ color: #5a5a5a; font-size: 15px; line-height: 20px; }
.product-row-3 .dlbox-1{ width: 380px; height: 70px; left: -20px; top: 0px; }
.product-row-3 .dlbox-2{ width: 230px; height: 90px; left: -105px; top: 278px;}
.product-row-3 .dlbox-3{ width: 170px; height: 80px; left: 35px; top: 458px;}

/*Driver Talent*/
.driver-talent-box{ width: 790px; margin-left: 45px; _display: inline; } /*width:760px*/
.driver-talent-box h1{ font-size: 40px; color: #007eff; font-weight: normal; }
.driver-talent-box .desc{ font-size: 20px; color: #454545; margin: 5px 0 0 0; }
.driver-talent-box .os{ color: #a2a2a2; margin: 15px 0 0 0; }
.driver-talent-box .other{color: #a2a2a2; margin: 5px 0 0 0; }
.driver-talent-box .down{ margin: 60px 0 0 0; padding: 0 0 0 5px; }
.driver-talent-box .down a{ float: left; margin-right: 15px;  _display: inline;}
.driver-talent-img{ width: 360px; height: 303px; }   /*width:464*/
.driver-ipdf-img{width:420px;heigth:303px;}

.product-box-3 h2{ font-size: 36px; color: #454545; text-align: center; font-weight: normal; }
.product-box-3 .desc{ color: #5a5a5a; font-size: 17px; padding:0 50px 0 50px; margin-top: 20px; }
.product-box-3 .desc a.a-blue{text-decoration: underline; }
.product-box-3 dl{ width: 440px; float: left; margin-left: 150px; _display: inline;color: #454545;  }
.product-box-3 dl dt{ font-size: 24px; margin: 0 0 30px 0; line-height: 30px; }
.product-box-3 dl dd{ font-size: 15px; height: 30px; line-height: 30px; padding-left: 22px; }
.product-box-3 dl dd.y{ background:url(../images/yes.png) 0 center no-repeat;  }
.product-box-3 dl dd.n{ background:url(../images/no.png) 0 center no-repeat;  }
.product-box-3 dl dd em{ background-color: #e24c38; color: #fff; font-style: normal; padding: 2px 3px; }

.product-box-4 .lbox{ width: 530px; margin-left: 45px; _display: inline; }
.product-box-4 .lbox dl dt{ font-size: 18px; }
.product-box-4 .lbox dl dd{ font-size: 14px; color: #646464; margin: 10px 0 0 0; line-height: 18px; }
.product-box-4 .lbox dl.dbox-2{ margin: 30px 0 0 0; }
.product-box-4 .lbox dl.dbox-3{margin: 30px 0 0 0;}
.product-box-4 .lbox dl.dbox-4{margin: 40px 0 0 0;}
.product-box-4 .lbox dl.dbox-1 dt{ color: #e44f3a; }
.product-box-4 .lbox dl.dbox-2 dt{ color: #007eff; }
.product-box-4 .lbox dl.dbox-3 dt{ color: #aa3ae4; }
.product-box-4 .lbox dl.dbox-4 dt{ color: #79c471; }
.product-box-4 img{ width: 624px; float: left; }

.product-row-4  h3{ color: #454545; font-size: 36px; font-weight: normal; margin-left: 75px; margin-bottom: 30px; }
.product-row-4  ul{ padding:0 0 0 30px; }
.product-row-4  ul li{ width: 400px; float: left; margin: 0 40px 0 45px; line-height: 40px; }

.product-row-5 p{ padding-left: 300px; }
.product-row-5 p a{ float: left; margin-right: 40px; }

.product-content{ width:1050px; margin:0 auto; line-height:28px; font-size:14px; color:#737373;}
.product-content h2{color: #333;font-size: 28px;font-weight: normal;margin-bottom: 28px;}
.product-content .w1{ float:right;}
.product-content .p2{ float:left; margin:26px 44px 60px 0;}
.product-content .w1 li{ height:33px; background:url(../images/ico.jpg) no-repeat; padding-left:32px;}
.product-content .wzi{font-size:14px; color:#666;}
.product-content .p1{float: left;padding-right: 30px;padding-top: 30px;}
.product-content .w2 p{ margin-top:32px; }
.product-content .w1 strong{color: #333;display: block;font-size: 28px;font-weight: normal;margin-bottom: 32px;}
.product-content .w3 p{ margin-top:32px; }
.product-content .w3{ float:left; width:602px; margin-right:70px;}
.product-content .p3{ padding-top:20px;}
.product-content .p4{ float:left; margin:50px 44px 10px 0;}
.product-content .p6{ float:left; margin:0px 44px 0px 0;}
.product-content .w6{ margin-top:30px;}
.product-content .w6 p{ margin-top:32px; }
.product-content .p7{ padding-top:80px;}
.product-content .w8 {float: left;margin-right: 30px;width: 602px;}
.product-content .w8 ul li{margin-top: 20px;}
.product-content .p8 {padding: 130px 0 80px;}

.indexBox{ float:left;}
.indexBox h2{ font-size:30px; color:#333; line-height:36px; font-weight:normal;}
.indexBox p{ margin-top:24px;}
.indexBox ul li{ margin-top:24px; background:url(../images/dot.png) 0 10px no-repeat; padding-left:12px;}
.indexpic{float:left; text-align:center;}

#indexBox1{ width:570px; margin-top:80px; margin-bottom:80px;}
#indexpic1{ width:410px; margin-top:100px; margin-bottom:80px;}
#indexBox2{ width:570px; margin-top:80px; margin-bottom:80px;}
#indexpic2{ width:410px; margin-top:80px; margin-bottom:80px;}
#indexBox3{ width:580px;margin-top:80px; margin-bottom:80px;}
#indexpic3{ width:400px; text-align:right;margin-top:80px; margin-bottom:80px;}
#indexBox4{ width:610px;margin-top:80px; margin-bottom:80px;}
#indexpic4{ width:370px;margin-top:110px; margin-bottom:80px;}
#indexBox5{ width:580px;margin-top:80px; margin-bottom:80px;}
#indexpic5{ width:400px; text-align:right;margin-top:80px; margin-bottom:80px;}
#indexBox6{width:580px;margin-top:80px; margin-bottom:80px;}
#indexpic6{ width:400px; float:left; text-align:left;margin-top:80px; margin-bottom:80px;}
#indexBox7{ width:620px;margin-top:100px; margin-bottom:80px;}
#indexpic7{ width:360px;margin-top:120px; margin-bottom:80px;}
#indexBox8{ width:500px; margin-top:0; margin-bottom:0;}
#indexpic8{ width:360px;margin-top:60px; margin-bottom:80px;}
#indexBox8 .featuresbox dt{margin-bottom: 20px; font-size:30px;}
#indexBox9{ width:610px;margin-top:100px; margin-bottom:80px;}
#indexpic9{ width:370px;margin-top:150px; margin-bottom:80px;}
#indexBox9 .featuresbox{width: 100%;margin-top: 0;}
#indexBox9 .featuresbox dd{font-size: 14px;}
#indexBox10{ margin-top:100px; margin-bottom:80px;}

#indexBox11{ width:570px; margin-top:80px; margin-bottom:80px;}
#indexpic11{ width:395px; margin-top:100px; margin-bottom:80px; float:right;}

.driver-talent-Network-img{width: 390px; margin: 40px 100px 0 110px; _display: inline;}
.driver-talent-Network-box{ width: 600px; }
.driver-talent-Network-box h1{ font-size: 40px; color: #e24c38; font-weight: normal; margin: 30px 0 0 0;}
.driver-talent-Network-box h2{ font-size: 20px; color: #454545; font-weight: normal; margin: 5px 0 0 0;}
.driver-talent-Network-box .notice{font-size: 20px; width: 300px; height: 40px; line-height: 40px; color: #fff; text-indent: 15px; margin: 8px 0 0 0;
                                   -moz-border-radius: 10px;      /* Gecko browsers */
                                   -webkit-border-radius: 10px;   /* Webkit browsers */
                                   border-radius:10px;            /* W3C syntax */
                                   background-color: #e24c38;
}
.driver-talent-Network-box .os{color:#a2a2a2; margin: 10px 0 0 0;}
.driver-talent-Network-box .other{ color:#a2a2a2; margin: 8px 0 0 0; }
.driver-talent-Network-box .down{ margin: 40px 0 0 0; }
.driver-talent-Network-box .down a{ float: left; margin: 0 40px 0 0; }

.product-box-5 h2{ color: #454545; font-weight: normal; font-size: 36px; text-align: center;}
.product-box-5 .txt{ width: 1000px; height: 130px; background-color: #ebe7e6; }
.product-box-5 .txt p{ padding:40px 30px 0 30px; font-size: 16px; }

.product-box-6{ float: left; _display: inline; width: 220px; height: 220px;}
.product-box-6 .p2{ text-align: center; margin-top: 30px; font-size: 16px; color: #454545; margin: 15px 0 0 0;}
.product-box-6 .p1{ border-bottom: 2px solid #454545;color: #454545;font-size: 28px;margin-left: 30px;margin-top: 38px;text-align: center;width: 160px;}
#offline-box{ margin: 0 0 0 160px; background:url(../images/product-box-6-1.png) center 0 no-repeat;  }
#wifi-box{margin: 0 0 0 110px;background:url(../images/product-box-6-1.png) center 0 no-repeat;}
#compatible-box{margin: 0 0 0 110px;background:url(../images/product-box-6-1.png) center 0 no-repeat;}

.product-box-7 h2{ font-size: 36px; color: #454545; font-weight: normal; margin: 0 0 0 120px;}
.product-box-7 .txt{ padding:20px 0 0 120px; }
.product-box-7 .txt ul{ width: 570px; float: left; }
.product-box-7 .txt ul li{ margin-top: 15px; float: left;}
.product-box-7 .txt ul li span.s1{background:url(/uploadfiles/product-net/number.png) left no-repeat;width: 20px; height: 20px;display: inline-block;text-align: center; color: #e66756; margin-right: 10px;font-size: 13px; float: left; *display: inline;*zoom: 1;}
.product-box-7 .txt ul li span.s2{ float: right; width: 530px;}
.product-box-7 .txt img{  float: left; }

.product-box-8{ padding: 0 0 0 370px; }
.product-box-8 a{ float: left; margin-right: 40px; }


/*********************************************************************************************** support *********************************************************************************************************************/

.support-box-1{ display: block; width: 345px; height: 180px; float: left; _display: inline; margin-left: 45px; }
.support-box-1:hover{ 
    background-color: #f4f4f4;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
}
.support-box-1 img{ width: 72px; float: left; margin:40px 8px 0 20px; }
.support-box-1 .txt{ width: 220px; float: left; margin: 40px 0 0 0; }
.support-box-1 .txt strong{ font-size: 16px; color: #333; }
.support-box-1 .txt p{ color: #666; }

.abox{ width: 240px; height: 90px; background-color: #f3f3f3; float: left; margin-right: 80px;}
.abox img{ width: 40px; height: 40px; float: left; margin: 24px 15px 0 24px; _display: inline; }
.abox span{ display:block; width: 150px; float: left; margin: 20px 0 0 0; }

.support-row-1{ padding: 40px 0 60px 0; }
.support-row-1 h3{ font-size:18px; color: #4a4a4a; font-weight: normal; margin: 0 0 30px 45px;  }
.support-box-2{ width: 240px; height: 280px; background-color: #fff; float: left; margin: 0 0 30px 45px; _display: inline; }

.support-box-2 img{ width: 107px; height: 120px; margin: 20px 0 0 68px; }
.support-box-2 p{ font-size: 18px; color: #4a4a4a; height: 60px; margin-top: 20px; text-align: center; line-height: 20px; }
.support-box-2 a{ display: block; width: 140px; height: 40px; line-height: 40px; text-align: center; background:url(../images/btn.png) center center no-repeat; font-size: 18px; color: #fff; margin: 0 auto;  }


/*********************************************************************************************** store *********************************************************************************************************************/
.store-row-2{ margin-top: 40px; padding-bottom: 50px;}
.store-row-2 h3{ color: #4a4a4a; font-size: 28px; font-weight: normal; margin-left: 45px; padding: 15px 0 10px 0;}

.store-row-3 h3{ font-size: 26px; color: #6e6e6e; font-weight: normal; margin-left: 45px; }
.store-row-3 p{ font-size: 15px; color: #6e6e6e; margin-top: 15px;  margin-left: 45px;}

.store-box-1{ width:1000px; margin: 0 auto; border:1px solid #dcdfe8; background-color: #fafafa; }
.store-box-1 .ubox-1{ width: 249px; height: 308px; border-right: 1px solid#dcdfe8; float: left; overflow: hidden; }
.store-box-1 .ubox-1 li{ text-align: center; }
.store-box-1 .ubox-1 li.price{ font-size: 40px; color: #454545; margin-top: 50px; }
.store-box-1 .ubox-1 li.desc{ line-height: 20px; margin-top: 30px; }
.store-box-1 .ubox-1 li.buy{ margin-top: 30px; padding-left: 55px; }
.store-box-1 .ubox-2{ width: 250px; height: 308px; overflow: hidden; float: left; }
.store-box-1 .ubox-2 li{ text-align: center; }
.store-box-1 .ubox-2 li.pic{ margin-top: 20px; }
.store-box-1 .ubox-2 li.desc{font-size: 18px; color: #454545; margin-top:20px;}
.store-box-1 .ubox-2 li.touch{ font-size: 16px; color: #5a5a5a; font-family: "Microsoft YaHei"; margin-top: 45px;}
.store-box-1 .ubox-2 li.touch a{color: #5a5a5a;}
.store-box-1 .note{height: 68px; line-height: 68px; border-top: 1px solid #dcdfe8; color: #5a5a5a; font-size: 16px; padding:0 0 0 20px; }

.store-row-4{color: #6e6e6e; text-align: center;}
.store-row-4 h2{ font-size: 36px; font-weight: normal;}
.store-row-4 p{ font-size: 16px; margin-top: 10px;  }

.table-1{ border-bottom:1px solid #eee; border-right:1px solid #eee; margin:0 auto;}
.table-1 tr td,.table-1 tr th{ border-top:1px solid #eee; border-left:1px solid #eee;}
.table-1 th{ font-size:16px; font-weight:normal;}
.table-1 td{ height:30px;}
.table-1 td.td1 span{ display:block; padding-left:10px;}

/*********************************************************************************************** Resource *********************************************************************************************************************/
.article-row-2{ padding: 0 45px 0 0;}

#playBox{ width:1000px; height:290px; margin:20px auto; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:130px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:130px; right:10px; z-index:10;}
#playBox .smalltitle {width:1000px; height:10px; position:absolute; bottom:15px; z-index:10; display: none;}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}

#playBox .oUlplay li{ width: 1000px; }
#playBox .oUlplay li img{ width: 340px; height: 220px; float: left; margin-left: 120px; _display: inline; margin-right: 40px; margin-top: 35px; }
#playBox .oUlplay li div{ width: 400px; float: left; margin-top: 70px; }
#playBox .oUlplay li div .ti{ color: #454545; font-size: 18px; }
#playBox .oUlplay li div .desc{ color: #454545; font-size: 13px; margin-top: 25px; }
#playBox .oUlplay li div .detail{ margin-top: 25px; font-size: 16px; }
#playBox .oUlplay li div .detail a { color: #1088ff; }

.resource-box-1{margin: 50px 0 0 0; margin-left: 100px; }
.resource-box-1 .title img{ float: left; width: 60px; height: 60px; margin-right: 15px; }
.resource-box-1 .title h2{float: left;  font-size: 26px; height: 60px; line-height: 60px; color: #3f3f3f; font-weight: normal; }
.resource-box-1 ul{padding: 30px 0;}
.resource-box-1 ul li{ line-height: 30px; }
.resource-box-1 ul li.more{ margin-top: 30px; }
.resource-box-1 ul li a{ font-size: 16px; color: #3f3f3f; }

.edit-box{ border-top:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin: 20px 0; }
.edit-box img{ float: left; margin-right: 25px; }
.edit-box p{ float: left; margin-top: 10px; }
.edit-box a{color: #249deb; }

.article-content hr{color: #f0f0f0; margin: 3px 0;}
.article-content h1{ font-size: 30px; line-height: 32px; }
.article-content h2{ color: #333; font-size: 20px; font-weight: normal; margin: 30px 0 0 0; }
.article-content h3{ color: #333; font-size: 17px; font-weight: normal; margin: 25px 0 0 0; }
.article-content p{margin-top: 24px;}
.article-content a{ color: #249deb; }
.article-content p{ margin: 15px 0;}
.article-content table{ border-collapse:collapse;}
.article-content table tr td{border:1px solid #f5f5f5; text-align:center; padding:0 10px;}
.article-content .downlink{  background: url(../images/5.jpg) no-repeat; display: block; width: 258px; height: 51px;}
.article-content .resource_border { font-size: 0;border-top: 1px #606060 dashed;  }
.article-content img{max-width: 700px;}
.article-content ul {margin-top: 10px;}
.article-content ul li{list-style: disc;margin-left: 20px;}

.resource-box-2{ width: 298px; overflow: hidden; border: 1px solid #f0f0f0; }/*z-index: -1*/
.resource-box-2 h4{height: 40px; line-height: 40px; border-bottom: 1px solid #f0f0f0; font-size: 16px; padding: 0 0 0 15px;  }
.resource-box-2 .content{ padding: 15px; }
.resource-box-2 .content img{ float: left; margin: 0 10px 5px 0; } 
.resource-box-2 .content p a strong{ font-size: 16px; }
.resource-box-2 .content .btn-download-1{ margin: 20px 0 0 30px; }

.resource-box-3{width: 298px; overflow: hidden; border: 1px solid #f0f0f0;}
.resource-box-3 h4{ height: 40px; line-height: 40px; border-bottom: 1px solid #f0f0f0; font-size: 16px; padding: 0 0 0 15px;  }
.resource-box-3 ul{ padding:15px 15px 0 30px; }
.resource-box-3 ul li{line-height: 20px; margin: 0 0 15px 0; list-style:disc;}

/*********************************************************************************************** footer *********************************************************************************************************************/
.footer{ text-align: center; color: #666666; font-size: 18px; margin: 60px 0; }
.foot-share{ text-align: center; }
.foot-nav{ margin-top: 40px; }
.foot-nav a{color: #666666; margin: 0 15px; }



/**************************************************************************************************common *********************************************************************************************************************/
.col-1{ width: 900px; }
.col-2{ width: 300px;}

.line1{ font-size: 0; height: 0; line-height: 0; overflow: hidden; border-top: 1px solid #d7d7d7; margin: 0; }
.line2{ font-size: 0; height: 1px; line-height: 0; overflow: hidden; background: url(../images/line2.png) center center no-repeat;}

.intro-row-1 h1{ font-size: 40px; color: #e24c38; margin-left: 45px; }
.intro-row-1 p{ color: #454545; font-size: 18px; line-height: 20px;margin-left: 45px;}

.intro-row{padding:7px 45px 0 45px;}
.intro-row-2{padding: 20px 45px 0 45px;}
.intro-row-2 h1{font-size:24px; font-weight:normal; color:#333;line-height: 30px;}
.intro-row-2 h2{ margin-top: 20px;}
.intro-row-2 p{ margin:15px 0;}

.banner-box-1{ width: 300px; overflow: hidden; }

.border-1{border:1px solid #dcdfe8; }


.crumbs-nav{height: 30px;}
.crumbs-nav a,.crumbs-nav em,.crumbs-nav span{height: 30px; line-height: 30px; display: inline-block; *display: inline; *zoom:1; }
.crumbs-nav a{ padding: 0 20px; background:url(../images/crumbs-nav-a.png) center center repeat-x; color: #949494; }
.crumbs-nav em{ padding: 0 20px; background:url(../images/crumbs-nav-em.png) center center repeat-x; color: #fff; }
.crumbs-nav a.crumbs-nav-home{ padding: 0; width: 61px; background:url(../images/crumbs-nav-home.png) center center no-repeat; text-indent: -9999px;}
.crumbs-nav-last{ width: 19px; background:url(../images/crumbs-nav-last.png) center center no-repeat;}
.crumbs-nav-span1{ width: 20px; background:url(../images/crumbs-nav-span1.png) center center no-repeat;}
.crumbs-nav-span2{ width: 20px; background:url(../images/crumbs-nav-span2.png) center center no-repeat;}

.box-shadow-2{  
    -webkit-box-shadow:0 0 6px #e8e8e8;  
    -moz-box-shadow:0 0 6px #e8e8e8;  
    box-shadow:0 0 6px #e8e8e8;
    /*filter: 
        progid:DXImageTransform.Microsoft.Shadow(Color=#e8e8e8, Strength=4, Direction=0),
        progid:DXImageTransform.Microsoft.Shadow(Color=#e8e8e8, Strength=4, Direction=90),
        progid:DXImageTransform.Microsoft.Shadow(Color=#e8e8e8, Strength=4, Direction=180),
        progid:DXImageTransform.Microsoft.Shadow(Color=#e8e8e8, Strength=4, Direction=270);*/  
}


.leran-more-1{ display: block;width: 140px; height: 50px; text-align: center; line-height: 50px; color: #6e6e6e; font-size: 18px; background:url(../images/leran-more-1.png) center center no-repeat;  }  
.leran-more-2{ display: block; width: 202px; height: 52px; text-align: center; line-height: 52px; color: #fff; font-size: 18px; background:url(../images/leran-more-2.png) center center no-repeat;}

.new-1{ padding: 5px 13px; margin: 0 5px; background:url(../images/new-1.png) center center no-repeat; }

.btn-download-1{ font-size: 18px; color: #007eff; display: block;width: 206px; height: 55px; line-height: 55px; text-align: center; background:url(../images/btn-download-1.png) 0 0 no-repeat;}
.btn-download-1:hover{color: #fff; text-decoration: none; background:url(../images/btn-download-1.png) 0 -56px no-repeat;}
.active-1{color: #fff;text-decoration: none; background:url(../images/btn-download-1.png) 0 -56px no-repeat;}
.btn-download-2{ font-size: 18px; color: #e24c38; display: block;width: 206px; height: 56px; line-height: 56px; text-align: center; background:url(../images/btn-download-2.png) 0 0 no-repeat;}
.btn-download-2:hover{color: #fff; text-decoration: none; background:url(../images/btn-download-2.png) 0 -56px no-repeat;}
.active-2{color: #fff;text-decoration: none; background:url(../images/btn-download-2.png) 0 -56px no-repeat;}
 /*按钮上有划掉的线*/
.active-3{width: 206px; height: 56px;line-height: 56px; text-align: center;color: #fff;text-decoration: none; background:url(../images/iPDF/iPDF_btn_06.png)  no-repeat;}

.btn-buy{display: block; width: 138px; height: 47px; line-height: 47px; color: #fff; font-size: 16px; font-family: "Microsoft YaHei";}
.btn-buy-1{ background:url(../images/btn-buy.png) 0 0 no-repeat; }
.btn-buy-2{ background:url(../images/btn-buy.png) 0 -47px no-repeat; }
.btn-buy-3{ background:url(../images/btn-buy.png) 0 -94px no-repeat; }

.a-blue{ color: #007eff; }

.margin-center{ margin: 0 auto; }

.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px;}
.mt50{ margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{ margin-top: 80px;}
.mt90{ margin-top: 90px;}
.mt110{ margin-top: 110px;}
.mb60{margin-bottom: 60px;}
.mr17{ margin-right: 17px; }
.ml45{margin-left: 45px;}
.mr40{ margin-right: 40px;}
.mt40{margin-top: 40px;}
.ml170{margin-left: 170px;}
.ml130{margin-left: 130px;}


.w1200{ width: 1200px; }
.w1050{ width: 1050px; }
.w1000{ width: 1000px; }

.fl{ float: left; }
.fr{ float: right; }

.clearfix:after {content: " ";display: block;clear: both;height: 0;}
.clearfix {zoom: 1;}

.row-gray{ background-color: #f8f8f8; }
.row-white{ background-color: #fff; }
.row-blue{background-color: #007eff;}


/****************************************************2016-03-15 guides ************************************************************/
#nav ul{ padding:0 10px;}
#nav ul li{ width: 260px;}
#nav ul a:hover{color:#4a6280;}
#nav ul .box{background:#fff url("../images/hr.png") no-repeat bottom;width: 260px; margin-left: 15px;}
#nav ul li span{ background: url("../images/arrar.png") no-repeat 0 -80px;float: left;height: 30px;width: 5px;}
#nav ul li a{ display: block;line-height: 30px; text-decoration: none;}

#nav ul li span.navlihover{background:url(../images/arrar.png) 0 10px no-repeat;}
#nav ul li span.navlihovers{background:url(../images/arrar.png) 0 10px no-repeat;}
.navhover{background: url(../images/banv.png) no-repeat left bottom;}
.navhovers{background: url(../images/banv.png) no-repeat left bottom;}

/**************************************************** registration-code ************************************************************/
.title_tag{ margin:45px 0 30px 0;}
.title_tag span{ background-color:#249deb; color:#ffffff; font-size:18px; height:30px;float: left;padding: 0 12px; line-height:30px;}
.title_tag p{background:url(../images/title_tag.png) no-repeat bottom right;height:40px;float: left;}

.download{ display:block; width:204px; height:58px; background:url(../images/download.png) 0 0 no-repeat; font-size:24px; text-align:center; line-height:58px; color:#fff;}
.download:hover{background:url(../images/download.png) 0 -58px no-repeat; color:#fff; text-decoration:none;}


.Download_wifi a{width:206px; height:39px;display:block; background:url(../images/wifi_an.png); color:#fff; padding:18px 0 0 74px;} 
.Download_wifi a:hover{ background:url(../images/wifi_an_hover.png);}
.Download_wifi a span{ font-size: 24px;line-height: 1em;}


/****************************************************2016-04-06 Archiver ************************************************************/

.ar-btn-download-1{ font-size: 18px; color: #007eff; display: block; text-align: center;/* border:2px solid #007eff; border-radius:5px; margin-top:30px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
position:absolute;
z-index:2;*/ background:url(/uploadfiles/product-archiver/btn-download-1.png) no-repeat; width:206px; height:56px; margin-top:30px; line-height:56px;}
.ar-btn-download-1:hover{ color: #ffffff;/* border:2px solid #007eff;*/ background:url(/uploadfiles/product-archiver/btn-download-2.png) no-repeat; text-decoration: none;}




#ar_fl_1 .left{  padding:0 130px 0 95px; float:left;}
#ar_fl_1 .right{ width:610px; float:left;}
#ar_fl_1 h1{ font-size:40px; font-family:"Arial"; color:#007eff; font-weight:normal;}
#ar_fl_1 h2{ font-size:20px; font-family:"Arial"; color:#454545; font-weight:normal; padding:10px 0 5px 0;}
#ar_fl_1 .right p.desc{  font-size:14px; font-family:"Arial"; color:#a2a2a2; font-weight:normal; padding:0 0 10px 0;}
#ar_fl_1 .right p.other{  font-size:14px; font-family:"Arial"; color:#a2a2a2; font-weight:normal;padding:-10px 0 25px 0;}
#ar_fl_1 .right p.other span{  font-size:14px; font-family:"Arial"; color:#a2a2a2; font-weight:normal;padding:0 30px 0 0;}

#ar_row_1 h2{ font-size:36px; color:#454545; text-align:center; font-weight:normal;}
#ar_row_1 div{ padding-left:18px;}
#ar_row_1 .ar_box{ width:194px; float:left; background:url(/uploadfiles/product-archiver/ar_box_bg.png) right center no-repeat;}
#ar_row_1 .ar_box li{ text-align:center;}
#ar_row_1 .ar_box li.pic{ padding:37px 0 24px 0;}
#ar_row_1 .ar_box li.title{ font-size:20px; font-family:"Arial"; color:#333; }
#ar_row_1 .ar_box li.desc{ text-align:left;padding-top:14px; color:#939393; font-size:12px; padding:0 0 0 16px;}
#ar_row_1 .ar_box2{ background:none;}



#ar_fl_2 h2{font-size:36px; color:#454545; text-align:center; font-weight:normal; }
#ar_fl_2 h3{font-size:18px; color:#333333;  font-weight:normal; font-family:"Arial"; padding:35px 0 0 75px;}
#ar_fl_2 .txt{ padding:30px 0 0 0; width:650px; float:left; margin-left:75px;}
/*
#ar_fl_2 .txt li{ margin-bottom: 20px; float: left; height: 38px; line-height:38px; clear:both; border-bottom:1px solid #f5f5f5;border-top:1px solid #f5f5f5;  }
#ar_fl_2 .txt li img{ padding:10px 10px 0 0; float:left;}
#ar_fl_2 .txt li p{font-size:16px; color:#333333;  font-weight:normal; font-family:"Arial"; float:left; }
*/
#ar_fl_2 .txt li{height:40px; margin-top:20px; overflow:hidden;}
#ar_fl_2 .txt li span,
#ar_fl_2 .txt li p{ height:40px; line-height:38px; overflow:hidden; float:left;}
#ar_fl_2 .txt li .s1{ width:20px; background:url(/uploadfiles/product-archiver/tag1.png) 0 0 no-repeat;}
#ar_fl_2 .txt li .s2{ width:20px; background:url(/uploadfiles/product-archiver/tag2.png) 0 0 no-repeat;}
#ar_fl_2 .txt li p{ background:url(/uploadfiles/product-archiver/tag0.png) 0 0 repeat-x;}
#ar_fl_2 img{ margin-right:10px; margin-top:13px;}
#ar_fl_2 .notes p{font-size:14px; color:#939393;  font-weight:normal; font-family:"Arial"; float:left; padding-top:15px;}




#ar_fl_3 h2{font-size:36px; color:#454545; text-align:center; font-weight:normal; }
#ar_fl_3 .blackbox{ width:950px; height:80px; background:#f8f8f8; font-size:16px;color:#333333;  margin:30px 0 80px 100px; padding:30px 0 35px 40px;}
#ar_fl_3 .blackbox p{}
#ar_fl_3 img{padding:0 0 0 100px; float:left;}
#ar_fl_3 .extra{ float:left;  margin:0 0 0 100px;}
#ar_fl_3 .extra p.title{font-size:30px; color:#333333; font-weight:normal;font-family:"Arial"; padding:40px 0 20px 0;  }
#ar_fl_3 .extra p.desc{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial"; padding:0 0 20px 0;  }
#ar_fl_3 .extra p.other{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial"; padding:0 0 5px 0;  }


#ar_fl_4 .extra{ float:left;  margin:0 0 0 100px;}
#ar_fl_4 .extra p.title{font-size:30px; color:#333333; font-weight:normal;font-family:"Arial"; padding:25px 0 20px 0;  }
#ar_fl_4 .extra p.desc{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial"; padding:0 0 20px 0;  }
#ar_fl_4 .extra p.other{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial"; padding:0 0 5px 0;  }
#ar_fl_4 img{margin:30px 0 0 215px; float:left;}


#ar_fl_5 .extra{ float:left;  margin:0 0 0 90px;}
#ar_fl_5 .extra p.title{font-size:30px; color:#333333; font-weight:normal;font-family:"Arial";   }
#ar_fl_5 .extra p.desc{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial"; margin:20px 0 20px 0;  }
#ar_fl_5 .extra p.other{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial"; margin:0 0 5px 0;  }
#ar_fl_5 .extra img{ margin:20px 0 40px 115px;}



#ar_fl_5 .search{ float:left;  margin:80px 0 0 120px;}
#ar_fl_5 .search p.title{font-size:30px; color:#333333; font-weight:normal;font-family:"Arial";   }
#ar_fl_5 .search p.desc{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial"; padding:20px 0 20px 0;  }
#ar_fl_5 .search li{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial"; padding:0 0 10px 0; }
#ar_fl_5 .search li img{ margin:10px 5px 0 0;}
#ar_fl_5 img{ margin:20px 0 40px 275px;}

#ar_fl_5 .versat{ float:left;  margin:30px 0 0 290px;}
#ar_fl_5 .versat p.title{font-size:30px; color:#333333; font-weight:normal;font-family:"Arial"; text-align:center;   }
#ar_fl_5 .versat p.desc{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial"; padding:20px 0 20px 0;  }
#ar_fl_5 .versat p.other{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial";  width:600px;  }
#ar_fl_5 .box{ width:110px; height:100px; float:left; }
#ar_fl_5 .box5{ width:600px; height:100px; float:left; margin:5px 0 20px 0; }
#ar_fl_5 .box1{width:110px; height:32px; margin-bottom:1px; background:url(/uploadfiles/product-archiver/blue.png) no-repeat;}
#ar_fl_5 .box2{width:110px; height:32px; margin-bottom:1px; background:url(/uploadfiles/product-archiver/green.png) no-repeat;}
#ar_fl_5 .box3{width:110px; height:32px; margin-bottom:1px; background:url(/uploadfiles/product-archiver/black.png) no-repeat;}
#ar_fl_5 .box6{width:50px; height:55px; margin:20px 15px 0 15px; background:url(/uploadfiles/product-archiver/fl_6_bg.png) no-repeat; float:left; }
#ar_fl_5 .box4{width:295px; height:20px; margin:40px 0 0 0; background:url(/uploadfiles/product-archiver/red.png) no-repeat; float:left; }
#ar_fl_5 .versat img{ margin:20px 0 40px 275px;}

#ar_fl_6 .work{ float:left;  margin:0 0 0 100px;}

#ar_fl_6 .work p.title{font-size:30px; color:#333333; font-weight:normal;font-family:"Arial"; margin:30px 0 10px 0;   }
#ar_fl_6 .work p.desc{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial"; padding:20px 0 20px 0;  }
#ar_fl_6 .work li{font-size:14px; color:#666666; font-weight:normal;font-family:"Arial"; padding:0 0 10px 0; }
#ar_fl_6 .work li img{ margin:10px 5px 0 0;}
#ar_fl_6 img{margin:0 0 0 120px; float:left;}

.archiver-btn{ font-size: 18px; color: #007eff; display: block; background:url(/uploadfiles/product-archiver/btn-download-1.png) no-repeat;width:206px; height:56px; margin-top:30px; margin:0 auto;line-height:56px; text-align:center;text-decoration: none;}
/*#ar_fl_6 .download-2:hover{ color: #ffffff;background:url(/uploadfiles/product-archiver/btn-download-2.png) no-repeat;}*/
.archiver-btn:hover{ color: #ffffff;background:url(/uploadfiles/product-archiver/btn-download-2.png) no-repeat;}
/******************************************************************2016-09-02 Software-Manager*****************************************************************************/
.product_body{ width:100%; text-align: center;}
.product_list{ text-align: left; margin-left: 22px;}
.fl {
    float: left;
}

.fr {
    float: right;
}
.wrapper{
    width: 1200px;
    display: inline-block;
}
.wrapper .border_right{
    display: inline-block;
    width: 600px;
    height: 1px;
    background: -webkit-linear-gradient(right,#fff,#d7d7d7);
    background: -ms-linear-gradient(right,#fff,#d7d7d7);
    background:-moz-linear-gradient(right,#fff,#d7d7d7);
    background: -o-linear-gradient(right,#fff,#d7d7d7);
}
.wrapper .border_right01{
    display: inline-block;
    width: 600px;
    height: 0px;
    background: -webkit-linear-gradient(right,#fff,#d7d7d7);
    background: -ms-linear-gradient(right,#fff,#d7d7d7);
    background:-moz-linear-gradient(right,#fff,#d7d7d7);
    background: -o-linear-gradient(right,#fff,#d7d7d7);
}
.wrapper .border_left{
    display: inline-block;
    width: 600px;
    height: 1px;
    background: -webkit-linear-gradient(left,#fff,#d7d7d7);
    background: -ms-linear-gradient(left,#fff,#d7d7d7);
    background:-moz-linear-gradient(left,#fff,#d7d7d7);
    background: -o-linear-gradient(left,#fff,#d7d7d7);
}
.wrapper .border_left01{
    display: inline-block;
    width: 600px;
    height: 0px;
    background: -webkit-linear-gradient(left,#fff,#d7d7d7);
    background: -ms-linear-gradient(left,#fff,#d7d7d7);
    background:-moz-linear-gradient(left,#fff,#d7d7d7);
    background: -o-linear-gradient(left,#fff,#d7d7d7);
}
.context_first{
    width: 1200px;
    height: 420px;
    position: relative;
}
.context_first .left{
    width: 700px;
    height: 420px;
    position: absolute;
    left: 55px;
}
.context_first .bread_nav{
    position: absolute;
    left: 0;
    top: 20px;
}
.context_first h1{
    margin: 40px 0 0 10px;
    text-align: left;
    color: #007eff;
    font-size: 42px;
    font-weight: normal;
}
.context_first h2{
    text-align: left;
    margin-left: 10px;
    color: #454545;
    font-size: 25px;
    font-weight: normal;
}
.context_first .introduce{
    text-align: left;
    font-size: 17px;
    color: #5a5a5a;
    margin: 10px 0 0 10px;
}
.context_first .sys{
    text-align: left;
    font-size: 13px;
    color: #a2a2a2;
    margin: 10px 0 0 10px;
}
.context_first .product_img{
    margin-top: 40px;
}
.context_first .btn{
    position: absolute;
    left: 10px;
    top: 320px;
    background: url(/skin/default/images/software/product_btn_blue.png) 0 0;
    display: block;
    width: 206px; height: 56px; line-height: 56px; text-align: center;
    font-size: 20px; color: #007eff;
    text-decoration: none;
}
.context_first .btn:hover{
    background-position: 0 -56px;
    text-decoration: none;
    color:#fff;
}
.context_second{
    width: 1200px;
    height: 600px;
    position: relative;
}
.context_second h2{
    font-size: 33px;
    color: #454545;
    font-weight: normal;
    margin: 50px 0 0 55px;
}
.context_second .introduce{
    text-align: left;
    font-size: 17px;
    color: #5a5a5a;
    margin-left: 75px;
    margin-top: 40px;
}
.context_second .detail{
    font-size: 17px;
    color: #007eff;
    text-decoration: #007eff;
}
.context_second .nav_img li{
    margin: 80px 90px 0 90px;
    display: inline-block;
    width: 180px;
    height: 180px;
    position: relative;
}
.context_second .nav_text li{
    text-align: center;
    display: inline-block;
    width: 220px;
    height: 160px;
    margin: 30px 70px 0 70px;
    position: relative;
}
.context_second .nav_text li .title{
    font-size: 20px;
    color: #454545;
    margin: 20px;
}
.context_second .nav_text li .detail{
    font-size: 14px;
    color: #5a5a5a;
    position: absolute;
}
.context_third{
    width: 1200px;
    height: 400px;
    position: relative;
}
.context_third h2{
    font-size: 33px;
    color: #454545;
    font-weight: normal;
    margin-top: 80px;
}
.context_third .nav .con{
    display: inline-block;
    margin-top: 50px;
    width: 180px;
    height: 100px;
}
.context_third .nav img{
    margin-top: 40px;
    width: 62px;
    height: 62px;
}
.context_third .nav_text li{
    text-align: center;
    display: inline-block;
    width: 160px;
    height: 160px;
    margin: 20px 10px 0 10px;
    position: relative;
}
.context_third .nav_text .title{
    margin-top: 10px;
    font-size: 22px;
    color: #454545;
    /*position: absolute;*/
}
.context_third .nav_text .detail{
    margin-top: 20px;
    font-size: 12px;
    color: #5a5a5a;
    position: absolute;
}
.context_third .border{
    position: absolute;
    top: 220px;
    display: inline-block;
}
.context_third .border_top{
    display: inline-block;
    width: 1px;
    height: 120px;
    background: -webkit-linear-gradient(top,#fff,#d7d7d7);
    background: -ms-linear-gradient(top,#fff,#d7d7d7);
    background:-moz-linear-gradient(top,#fff,#d7d7d7);
    background: -o-linear-gradient(top,#fff,#d7d7d7);
    position: absolute;
    bottom: 0;
}
.context_third .border_bottom{
    display: inline-block;
    width: 1px;
    height: 120px;
    background: -webkit-linear-gradient(bottom,#fff,#d7d7d7);
    background: -ms-linear-gradient(bottom,#fff,#d7d7d7);
    background:-moz-linear-gradient(bottom,#fff,#d7d7d7);
    background: -o-linear-gradient(bottom,#fff,#d7d7d7);
    position: absolute;
    top: 0;
}
.context_rest .part{
    width: 1200px;
    height: 380px;
    position: relative;
}
.context_rest .text{
    width: 600px;
    position: absolute;
}
.context_rest h2{
    display: block;
    width: 500px;
    text-align: left;
    font-size: 30px;
    color: #454545;
    font-weight: normal;
}
.context_rest img{
    margin: 50px;
}

.context_rest p{
    margin-top: 25px;
    text-align: left;
    font-size: 14px;
    color: #5a5a5a;
}
.context_rest .part .img{
    width: 600px;
    margin: 55px;
}
.context_rest .part .img li{
    display: inline-block;
}
.context_rest .part .img li img{
    margin: 3px;
}
.context_rest .text ul{
    margin: 30px 0 0 20px;
}
.context_rest .text li{
    margin-top: 15px;
    text-align: left;
    font-size: 14px;
    color: #5a5a5a;
}
.context_rest .text li img{ 
    margin: 0px;
    margin-right: 10px;
    vertical-align: middle;
}
/*.context_rest .btn{*/
    /*position: absolute;*/
    /*border: none;*/
    /*left: 50%;*/
    /*margin-left: -143px;*/
    /*bottom: 40px;*/
    /*background: url(/skin/default/images/software/product_btn_blue.png) 0 0;*/
    /*display: block;*/
    /*width: 206px; height: 56px; line-height: 56px; text-align: center;*/
    /*font-size: 20px; color: #007eff;*/
    /*text-decoration: none;*/
/*}*/
.softwarebox-btn{
    border: none;
    background: url(/skin/default/images/software/product_btn_blue.png) 0 0;
    display: block;
    width: 206px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 20px;
    color: #007eff;
    text-decoration: none;
}
.softwarebox-btn:hover{
    background-position: 0 -56px;
    color:#fff;
    text-decoration: none;
}
.context_second .introduce a{
     color: blue;
    text-decoration: none;
}

/******************************************************************jsrs*****************************************************************************/
#speeder-top{ background: url(/uploadfiles/product-speeder/ostoto-pc-speeder-img-bg.png) left bottom no-repeat; height: 365px;}
#speeder-top .ostoto-pc-speeder-img{ float: left; margin: 63px 120px 0 55px; height: 302px; width: 359px; display: block;}
#speeder-top .ostoto-pc-speeder-box{ width: 660px; float: left; margin: 63px 0 0 0; }
#speeder-top .smalltitle{ background: url(/uploadfiles/product-speeder/speeder-smalltitle.png) 0 0 no-repeat; font-size: 12px; color: #fff; height: 24px; margin-left: 300px; }
#speeder-top h1{ font-size: 44px; color: #007eff; font-weight: normal; }
#speeder-top h3{ font-size: 24px; color: #454545; font-weight: normal; }
#speeder-top .desc{ font-size: 14px; color: #a2a2a2; font-weight: normal; margin: 12px 0 5px 0; }
#speeder-top span{ font-size: 14px; color: #a2a2a2; font-weight: normal; margin: 0 20px 0 0;}
#speeder-top .freedownload{ margin-top: 20px; background: url(/uploadfiles/product-speeder/btn-download-1.png) 0 0 no-repeat; font-size: 20px; color: #007eff; display: block; height: 56px; line-height: 56px; width: 206px; text-align: center; }
#speeder-top .freedownload:hover{ background: url(/uploadfiles/product-speeder/btn-download-1.png) 0 -56px no-repeat; color: #fff; text-decoration: none;}

#speeder-cando h2{ font-size: 36px; color: #454545; text-align: center; font-weight: normal;}
#speeder-cando .subtitle{ font-size: 16px; color: #5a5a5a; text-align: center; margin: 20px 0 0 0; }
#speeder-cando .box{margin: 70px 0 0 75px; float: left;}
#speeder-cando .box img{ width: 68px; height: 68px; float: left; margin: 0 20px 0 0; }
#speeder-cando .content{ float: left; width: 237px;}
#speeder-cando .title{ font-size: 18px; color: #333333; margin-bottom: 12px; }
#speeder-cando .desc{ font-size: 14px; color: #666666; }

#speeder-detailed h2{ font-size: 30px; color: #333333; font-weight: normal; }
#speeder-detailed p{ font-size: 14px; color: #666666; margin-top: 25px; line-height: 27px;}
#speeder-detailed .box-health{ float: left; margin: 110px 0 0 55px; width: 630px;}
#speeder-detailed .box-h-img{ float: left; margin: 60px 0 0 120px; display: block; width: 239px; height: 255px;}
#speeder-detailed .box-cleanup{ float: left; margin: 80px 0 0 150px; width: 630px;}
#speeder-detailed .box-c-img{ float: left; margin: 80px 0 0 120px; display: block; width: 276px; height: 276px;}
#speeder-detailed .box-toolbox{ float: left; margin: 80px 0 0 55px; width: 630px;}
#speeder-detailed .box-t-img{ float: left; margin: 110px 0 0 120px; display: block; width: 278px; height: 278px;}
#speeder-detailed .box-speedup{ float: left; margin: 90px 0 0 120px; width: 630px;}
#speeder-detailed .box-s-img{ float: left; margin: 90px 0 0 150px; display: block; width: 270px; height: 283px;}
#speeder-detailed .box-options{ float: left; margin: 170px 0 0 55px; width: 630px;}
#speeder-detailed .box-o-img{ float: left; margin: 170px 0 0 120px; display: block; width: 379px; height: 253px;}

#speeder-toolbox-detailed h1{ font-size: 36px; color: #454545; text-align: center; font-weight: normal; }
#speeder-toolbox-detailed .subtitle{ font-size: 16px; color: #5a5a5a; text-align: center; font-weight: normal; margin: 30px 0 60px 0;}
#speeder-toolbox-detailed .box-big{ }
#speeder-toolbox-detailed .box{ border: 1px solid #eaeaea; width: 350px; height: 182px; float: left; margin-left: 40px;}
#speeder-toolbox-detailed .box-min{ border: 1px solid #eaeaea; width: 240px; height: 182px; float: left; margin-left: 15px;}
#speeder-toolbox-detailed .title{ font-size: 16px; color: #fff; text-align: center; background: #007eff; height: 40px; line-height: 40px;}
#speeder-toolbox-detailed .desc{ font-size: 14px; color: #666666; margin: 25px 25px 0 25px;}

.speeder-btn {
    background: url(/uploadfiles/product-speeder/btn-download-1.png) 0 0 no-repeat;
    font-size: 20px;
    color: #007eff;
    display: block;
    height: 56px;
    line-height: 56px;
    width: 206px;
    text-align: center;
}
.speeder-btn:hover{ background: url(/uploadfiles/product-speeder/btn-download-1.png) 0 -56px no-repeat; color: #fff; text-decoration: none;}
.wrapp{ min-width: 1200px;width: 1200px; }

/*新增Shakee页面*/
#Shakee-top .ostoto-pc-Shakee-img {
    float: left;
    margin: 40px 0 0 90px;
    display: block;
}
#Shakee-top .ostoto-pc-Shakee-box {
    width: 500px;
    float: left;
    margin: 40px 0 0 0;
}
#Shakee-top h1 {
    font-size: 40px;
    color: #007eff;
    font-weight: normal;
}
#Shakee-top h3 {
    font-size: 20px;
    color: #454545;
    font-weight: normal;
}
#Shakee-top{
    padding:0 55px;
}
#Shakee-top .desc {
    font-size: 14px;
    color: #a2a2a2;
    font-weight: normal;
    margin: 20px 0 5px 0;
    line-height: 30px;
}
#Shakee-top .freedownload {
    margin-top: 50px;
    background: url(/uploadfiles/product-shakee/shakee-download.png) 0 0 no-repeat;
    font-size: 20px;
    color: #007eff;
    display: block;
    height: 55px;
    width: 206px;
    text-align: center;
}
#Shakee-top .freedownload:hover {
   opacity: 0.8;
}
#Shakee-detailed .introduce{
    padding: 35px 42px;
    background: #CCE8FE;
    font-size: 16px;
    line-height: 32px;
}
#Shakee-detailed .paddingRightLeft{
    padding:0 55px;
}
#Shakee-detailed .box-health {
    width: 630px;
    display: inline-block;
    vertical-align: middle;
}
#Shakee-detailed .box-h-img {
    display: block;
    width: 455px;
    display: inline-block;
    vertical-align: middle;
}
#Shakee-detailed .box-health h2{
    font-size: 2.5em;
    font-weight: normal;
    line-height: 40px;
}
#Shakee-detailed .box-health p.mt20{
    line-height: 30px;
}
#Shakee-detailed{
    padding: 30px;
}



@media screen and (min-width:767px) and (max-width:1200px){
#speeder-top{ background: url(/uploadfiles/product-speeder/ostoto-pc-speeder-img-bg.png) right top no-repeat; height: 600px;}
#speeder-top .ostoto-pc-speeder-img{ width: 230px; height: 193px; margin: 63px auto 0; overflow: hidden; float: none; display: block;}
#speeder-top .ostoto-pc-speeder-box{ width: 650px; margin: 63px 0 0 120px; overflow: hidden; float: none;}

#speeder-cando .box{margin: 70px 0 0 20px; width: 350px; float: left;}

#speeder-detailed .box{ width: 600px; margin: 50px auto 0 auto; float: none; }
#speeder-detailed .box-h-img{ width: 153px; height: 163px; float: none; margin: 50px auto 0 auto; display: block;}
#speeder-detailed .box-c-img{ width: 177px; height: 177px; float: none; margin: 50px auto 0 auto; display: block;}
#speeder-detailed .box-t-img{ width: 178px; height: 178px; float: none; margin: 50px auto 0 auto; display: block;}
#speeder-detailed .box-s-img{ width: 173px; height: 181px; float: none; margin: 50px auto 0 auto; display: block;}
#speeder-detailed .box-o-img{ width: 243px; height: 162px; float: none; margin: 50px auto 0 auto; display: block;}

#speeder-toolbox-detailed .box-big{ width: 625px; margin: 0 auto;}
#speeder-toolbox-detailed .box{ margin: 0 15px 20px 0;}
#speeder-toolbox-detailed .box-min{ margin: 0 15px 20px 0;}

/*.wrapp{ min-width: 767px;width: 767px; }*/
}

@media screen and (max-width:766px){
.logo{ width: 320px; height: 62px; margin: 15px auto 0 auto;}

#speeder-top{ background: url(/uploadfiles/product-speeder/ostoto-pc-speeder-img-bg.png) right top no-repeat; height: 580px;}
#speeder-top .ostoto-pc-speeder-img{ width: 97px; height: 82px; margin: 90px auto 0; overflow: hidden; float: none; display: block;}
#speeder-top .ostoto-pc-speeder-box{ width: 300px; margin: 63px auto 0 auto; overflow: hidden; float: none;}
#speeder-top .smalltitle{ margin-left: 100px; }

#speeder-cando .box{margin: 70px auto 0 auto; width: 320px; overflow: hidden;}
#speeder-cando .box img{ width: 38px; height: 38px;}

#speeder-detailed .box{ width: 320px; margin: 50px auto 0 auto; float: none; }
#speeder-detailed .box-h-img{ width: 65px; height: 69px; float: none; margin: 50px auto 0 auto; display: block;}
#speeder-detailed .box-c-img{ width: 75px; height: 75px; float: none; margin: 50px auto 0 auto; display: block;}
#speeder-detailed .box-t-img{ width: 75px; height: 75px; float: none; margin: 50px auto 0 auto; display: block;}
#speeder-detailed .box-s-img{ width: 73px; height: 76px; float: none; margin: 50px auto 0 auto; display: block;}
#speeder-detailed .box-o-img{ width: 102px; height: 63px; float: none; margin: 50px auto 0 auto; display: block;}

#speeder-toolbox-detailed .box-big{ width: 320px; margin: 0 auto;}
#speeder-toolbox-detailed .box{ margin: 0 0 20px 0; width: 320px;}
#speeder-toolbox-detailed .box-min{ margin: 0 0 20px 40px;}

.wrapp{ min-width: 320px;width: 320px; }
}

/*iPDF产品页中间部分样式*其中还运用了之前的样式一起使用2016-12-13**/
.container{width:1200px;margin: 0 auto;overflow: hidden;margin-top:70px;}
.content_1{width:1100px;overflow: hidden;  margin: 0 auto;}
.content_1 ul li{width:300px;height: 200px;float:left;text-align: center;padding:10px 20px;}
.content_1 ul li b{display: inline-block;  width: 38px;  height: 38px;  background: url(../images/iPDF/ipdf_ico.png)no-repeat -7px -34px;}
.content_1 ul li h3{color:#007EFF;margin: 20px 0 10px;}
.content_1 ul li b.icon_2{background-position: -82px -34px;}
.content_1 ul li b.icon_3{background-position: -148px -34px;}
.content_1 ul li b.icon_4{background-position: -212px -34px;}
.content_1 ul li b.icon_5{background-position: -274px -34px;}
.content_1 ul li b.icon_6{background-position: -350px -34px;}

.content_2,.content_3{width:1200px;height: 316px;}
.pic-width{width:400px;text-align: center}
.font-right{width:700px;}
.font-right h5{font-size: 2.5em;font-weight: normal;line-height: 40px;}
.font-right p{line-height: 30px;margin:20px 0;}
.content_3 div ul li{list-style: disc;margin-left: 20px;line-height: 30px;}
.col-3{  width: 800px;}

/*iPDF Viewer_User Guide*文本页样式2016-12-16*/
.middle-Content h2{color: #333;  font-size: 20px; font-weight: normal; margin: 30px 0 0 0;}
.middle-Content p{margin: 15px 0}
.textAlign{text-align: center}

/*因为main.css里面的优先级高于本样式中的*/
#div_head .w1200{ width: 1200px; }
/*文章页底部加外边距2017-1-14*/
.mb80{margin-bottom: 80px;}


/**************iSOtoto产品页面17/2/23*/
.t_l{text-align: left;}
.t_c{text-align: center;}
.t_r{text-align: right;}

.ios-img{width:360px;margin-left: 80px;}
.features{font-size: 36px;color:#454545;font-weight: normal;}
.product-isototo{margin:30px auto;overflow: hidden;zoom: 1; }
.product-isototo h2{ font-size: 36px; color: #454545; text-align: center; font-weight: normal; }
.product-isototo .desc{ color: #5a5a5a; font-size: 17px; padding:0 50px 0 50px; margin-top: 20px; }
.iostoto-1,.iostoto-2{width:320px;padding:50px 40px; }
.iostoto-1{border-right: 1px solid#ddd;padding-right: 70px;}
.product-isototo div ul li{ list-style: disc;color:#007eff;line-height: 30px;font-size: 17px;}
.product-isototo div ul li span{color:#5a5a5a;font-size: 15px;}
.parent{height: 240px;width:900px;position: relative;overflow:hidden;margin:20px auto; }
.content { float: left;width: 270px;}
.box-ios{ float: left;margin: 50px 0 0 80px;}
.box-ios img{width: 68px;height: 68px;float: left;margin: 0 20px 0 0;}
.content-1{width: 430px;height:81px;float: left;}
.title{ font-size: 20px;color: #333333;margin-bottom: 12px;}
.w500{width:500px;}
.w600{width: 600px;}

.ios-iphone,.ios-ipad{width:350px;height:320px;border:1px solid #ddd;font-size: 18px;margin-right: 25px;overflow: hidden}
.ios-ipod,.ios-apple{width:195px;height:320px;border:1px solid #ddd;font-size:18px;margin-right:25px;overflow: hidden}
.iphone-p,.ipad-p,.ipod-p,.apple-p{line-height:30px;color:#fff;background-color: #017EFF;}
.iphone-list li{width:125px;height:30px; padding: 15px 0 0 45px;float: left;}
.ios-disc{margin-left: 30px;}
.ios-disc li{list-style: disc;}
.content-ios{width:1200px;height: 317px;}
.w590{width: 590px;}
.w550{width: 590px;}

/**2/27调整产品页ios按钮边距*/
a.btn-download-1.mr40{margin-right: 40px;}
section .font-right h2 {font-size: 2.5em; font-weight: normal; line-height: 40px;}

/*底部固定条按钮17/3/21*/
.bottom-btn{
    position:fixed;
    bottom:0;
    left: 0;
    width: 100%;
    height:0;/*95px*/
    line-height: 80px;
    border: 1px solid #dddddd;
    background: rgba(255, 255, 255, 0.95);
    overflow: hidden;
    z-index:10;
    transition: height .3s cubic-bezier(0.65,0.05,0.36,1)
}
.bottom-btn.height{
    height: 95px;
}
.button-group{
    width: 700px;
    margin: 21px auto;
}
.bottom-btn a{
    float: left;
}
.bottom-btn a:last-child{
    float:right;
}


#bg-tiao{
    background: rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2) inset;
    padding: 10px;
    text-align: center;
    height: 90px;
}