@CHARSET "UTF-8";
/*
 *  @Description: common css
 *  @author: haibao
 *  @Update: 2014-09-04
 */
body{font: .85em/1.4 "微软雅黑","Microsoft Yahei",'Arial','san-serif';color: #666;width: 100%;height: 100%;margin: 0;padding: 0;-webkit-overflow-scrolling: touch;}
img {max-width: 100%;height: auto;width: auto\9;-ms-interpolation-mode: bicubic;vertical-align: middle;border:0;}
*{box-sizing: border-box;-webkit-box-sizing: border-box;}
a{blr:expression(this.onFocus=this.blur())}
a,button,input{-webkit-tap-highlight-color: rgba(255,0,0,0);}
input{-webkit-appearance: none;}
ul,p{padding: 0;margin: 0;}
h1,h2,h3,h4,h5,h6{margin: 0;font-weight: 100;}
ul,li{list-style: none;}
a{color: #666;text-decoration: underline;}
a,a:hover{text-decoration: none;}
a:focus{outline: none;}

/* 自定义样式  */
.bg{background-color: #ffffff;}
.bg-f{background-color: #ffffff;}
.fw{width:100%;}
.w16{width:16%;}
.w20{width:20%;}
.w30{width:30%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w78{width:78%;}
.w80{width:80%;margin:0 auto;}
.w90{width:90%;margin:0 auto;}
.w92{width:92%;margin:0 auto;}
.w1024{width:1024px;margin:0 auto;}
.w933{width:933px; margin:0 auto;}
.mt5{margin-top: 5px;}
/*.mt10{margin-top: 100px;}*/
.mt10{margin-top: 17px;}
.mt15{margin-top: 15px;}
.mt25{margin-top: 25px;}
.mbt5{margin-bottom: 5px;}
.mbt10{margin-bottom: 10px;}
/*.mbt15{margin-bottom: 15px;}*/
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.pd10{padding: 10px 0;}
.pd15{padding: 15px 0;}
.pd25{padding: 25px 0 0 25px;}
.tr{text-align: right;}
.tc{text-align: center;}
.fl{float: left;}
.fr{float: right;}
.dn{display:none;}
.db{display:inline-block;_display:block;*display: block;}
.oh{overflow: hidden;}
.pr{position: relative;}
.prt{position:relative; top:2px;}
.f16{font-size: 16px;}
.c9{color: #999;}
.c3{color: #333;}
.noMargin{margin:0 auto!important;}
.noPadding{padding:0 auto!important;}

/* header  */
#header{height: 55px;line-height: 50px;background-color: #ffffff;border-bottom: 1px solid #eee;}
#keyword{width: 40%;height: 35px; margin-top:5px; 40px;font-size: 1.2em;border: 1px solid #ccc;padding: 0 10px 0 40px;background: url('../images/search.jpg') no-repeat 10px center;background-size: 7% auto;}

/* content */
.containter{padding: 20px 0 30px;}
.tit{width: 100%;background-color: #f69048;height: 45px;line-height: 45px;font-size: 1.5em;color: #fff;letter-spacing: 1px;}
.lfNavs nav{background-color: #ffffff;border: 1px solid #ccc;padding: 10px 0;}
.lfNavs nav a{width: 100%;display: block;padding: 8px 0;text-indent: 30px;font-size: 1.4em;}
.lfNavs nav a.on,.lfNavs nav a:hover,.rtTopBar a.on,.Plist li:hover a{color: #f69048;}
.rtTopBar{width: 100%;border: 1px solid #ccc;/*padding: 0 2%;*/background-color: #ffffff;height: 45px;line-height: 44px;font-size: 1.3em;}
#types{width:109px;text-align: center;display: inline-block;padding: 0;border-right: 1px solid #ccc;}
.rtTopBar a{width:10%;padding:0 3%;}
.Plist li{float: left;width: 188px;margin: 0 15px 15px 0;min-height: 250px;background-color: #ffffff;box-shadow: 0 2px 5px #ddd;-webkit-box-shadow: 0 2px 5px #ddd;}
.Plist li:nth-child(4n){margin-right: 0;}
.Plist li:hover{box-shadow: 0 2px 5px #999;-webkit-box-shadow: 0 2px 5px #999;}
.Plist li:hover img{transform:all .6s ease-in;-webkit-transform:all .6s ease-in;-ms-transform:all .6s ease-in;transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
.pImg{width:188px;height:188px;text-align:center;position:relative;overflow:hidden;display:table-cell;vertical-align:middle;}
.Pimg{width:170px;position:static;+position:absolute;top:50%;left:0;text-align:center; margin:0 auto;}
.Pimg img{position:static; width:80%; +position:relative;top:-50%;vertical-align:middle;-webkit-animation-name: zoomIn;-ms-animation-name: zoomIn;animation-name: zoomIn;-webkit-animation-duration: 1s;-ms-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-ms-animation-fill-mode: both;animation-fill-mode: both;}
.Rinfos h1{font-size: 2.1em; font-weight:normal;}
/*.btn{width:135px;height:39px;line-height:36px;display:block;float:left;!*margin:0 10px 10px 0;*!border:1px solid #666;text-align:center;border-radius:4px;-webkit-border-radius:4px;font-size:1.2em; overflow:hidden;}*/
/*.bt1{border:1px solid #D74B4B;color:#D74B4B;}*/
/*.bt2{}*/
.software_other{display:none;}
.desc{font-size:1.2em;height:20px;line-height:18px;border-left:5px solid #f69048;padding-left: 8px;margin:15px 0 5px;}
.Rinfos p,.box p{line-height: 26px;}
.moreInfo{width:80px;height:30px;line-height:26px!important;cursor:pointer;margin-top:15px;background:url('../images/arrowD.jpg') no-repeat 20px center;background-size:14%;padding-left:20px;color:#999;display:inline-block;border:1px solid #666;text-align: center;border-radius:4px;-webkit-border-radius:4px;}
#descInfo .moreInfo{float: right;}
.slider{height:226px;}
.apply_nav{width:933px;margin-left:15px;height:226px;}
.apply_w{position:absolute;width:980px;height:226px;left:0;}
/*.apply_w li{width:301px;float:left;height:226px;margin-right:15px;}*/
.apply_w li{width:19%;float:left;height:226px;margin-right:15px;}
.prev,.next{cursor:pointer;margin-top:85px;}
.prev{padding-left:8px;}
.next{padding-right:8px;}
.radius{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}

/* css3 动画 */
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
        -webkit-opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
        -webkit-opacity: 1;
    }
}

#platformSelect{background:#fff; width:110px; position:absolute; border:1px solid #ccc; border-top:none; display:none;}
#platformSelect li{text-align:center; height:40px; line-height:40px;}
#platformSelect li.on a,#platformSelect li:hover a{color:#f69048; display:block;}
.search{}
.search input{width:auto; height:30px; border:1px solid #ddd;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:0 5px;}
.search input[type=submit]{width:60px; text-align:center; background:#999; color:#fff; border-color:#999;}
#descInfo{padding:10px 0;}