/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a:hover{text-decoration: none;} 
a{text-decoration: none;}
table{border-collapse:collapse;border-spacing:0;}
*{font-family: "微软雅黑";}
/*main css*/
#home{position: relative; width:100%; height: 100%;font-family:'Microsoft Yahei';}
img{max-width: 100%;}
.banner{ width: 100%; height: 100%;}
/*.banner .lunbo{background: url(../images/2.png) repeat-x; width: 100%; height: 350px;}*/
.banner .lunbo img{display: block;/*height: 350px; */width:100%; margin: 0 auto;}
.warp{width:75%; margin:0 auto;}
.warp ul li{padding:0 16px;text-align: center;}  
.warp ul li.on{border-bottom:2px solid #3c74c2;}
.warp ul li a{ color: #666666; font-size: 1.1em; line-height: 2em;display: block;width: 100%;float: left;}
.warp ul li.on a{color: #3c74c2; }
.warp ul li a:hover{color: #3c74c2}
.warp .nav{margin-top:5px;background: #3c74c2; float: left;}
.nav .item{display: block;float: right;margin-top: 8px;margin-right:10px;background: url(../images/menu.png) no-repeat; width: 19px; height: 19px;}
#mobile_nav .nav-item{border-bottom: 1px solid #aaa;width: 100%;}
#mobile_nav .nav-item a{margin: 0px;}
#mobile_nav .nav-item a:hover{background: #3c74c2; color: #fff;}
.main{ margin:0 auto;position: relative; }
.main .application{float: left;min-height: 643px; }
.main .application li{padding-bottom: 5px;float: left;width: 100%;}
.main .itemHead{height: 80px; margin-top: 3%;font-family:'Microsoft Yahei';position: relative;}

#daohang a{text-decoration: none; }
.itemHead .slider{width: 80px; height: 80px; display: inline-block; float: left;margin-right: 3%;cursor: pointer;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;}
.itemHead .recmmond{max-width: 100%;height: auto;position: absolute;left: -15px;top:-9px;display: block;}
.itemHead .img_ri{float: left;line-height: 2em;margin-top: 11px;height: 69px;width: 50%;
text-align: left;}
.itemHead .itemHeadRi{float: right;margin-top: 47px;}
.itemHeadRi .bb{padding: 0px; margin-bottom: 12px;padding: 0px 3px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.itemHeadRi .ios{background: url(../images/ios1.png) no-repeat;display: inline-block; width: 49px; height: 24px;}
.itemHeadRi .android{background: url(../images/android.png) no-repeat;display: inline-block;width: 83px; height: 24px;}
.itemHeadRi a:hover.ios{background: url(../images/ios.png) no-repeat;}
.itemHeadRi a:hover.android{background: url(../images/android1.png) no-repeat;}
.itemHead .itemTitle{font-size: 1.28em;color:#000;margin-left: 8px;}
.itemHead .itemTitle .banben{color:#666;font-size:14px;}
.itemHead .other{color: #666666;font-size: 14px;margin-left: 8px;}
.itemHead .size{color: #666666}
.itemHead a.click{display: block;width:80px;float: left;}
.main .itemCon{color:#666;font-size: 14px;line-height:1.3em;margin-left: 3%;border-bottom: 1px dashed #eaeaea; padding:3% 0;clear: both;text-align: left; }
.main .application li .comment{margin-top: 4%;float: left; width: 100%;padding-bottom: 4%}
.main .application li .comment li{border: 0px; width: 100%;float: left;margin-left: 25px;}
.main .application li .comment li img{width: 60px;height:60px;margin-left: 3%; display: inline-block; float: left;margin-right: 2%}
.comment .com_ri{float: right; font-size: 0.875em;color: #000; }
.comment .com_ri .comTitle{line-height: 2em;  }

.main .application li .comments{margin-top: 4%;float: left; width: 100%;padding-bottom: 4%}
.main .application li .comments li{border: 0px; width: 30%;float: left;margin-left: 25px;margin-top: 25px;}
.main .application li .comments li img{width: 242px; height: 425px;margin-left: 3%; display: inline-block; float: left;margin-right: 2%}
.comments .com_ri{float: right; font-size: 0.875em;color: #000; }
.comments .com_ri .comTitle{line-height: 2em;  }


.com_other{ line-height: 1.5em;}
/*lunbo*/
.main .change{height: 100%;float: right;}
.main .turn{background: url(../images/phone.png) no-repeat; width: 320px; height: 643px;}
.carousel-inner{width: 242px;height: 425px;}
.carousel-inner img{width: 242px;height: 425px;}
#myCarousel{width: 242px;height: 425px;padding-top: 84px;padding-left: 41px;}
.carousel-indicators .active{background-color: #0852db}
.carousel-indicators li{background-color: #7da6f2;width: 14px; height: 14px; border-radius: 14px;-webkit-border-radius:14px;-moz-border-radius:14px;}

/*
.page{margin-top:10%; padding-bottom: 5%;clear: both;}
.setpage{width: 100%; text-align:center;height: 23px;}
.setpage a:link,.setpage a:visited,.setpage a:hover,.setpage .current,.info1{ 
    border:1px solid #DDD; 
    background:#F2F2F2; 
    display:inline-block; 
    margin:1px; 
    text-decoration:none; 
    font-size:12px; 
    width:15px; 
    height:15px; 
    text-align:center; 
    line-height:15px; 
    color:#AAA; 
    padding:3px;
} 
.setpage a:hover{ 
    border:1px solid #E5E5E5; 
    background:#F9F9F9; 
} 
.setpage .current{ 
    border:1px solid #ddd; 
    background:#329ee0; 
    margin:1px; 
    color:#fff; 
} 
.info1{ 
    width:auto; 
}
.setpage a.pre,.setpage a.next{padding:1px 5px;width:40px;} 

.pn_marl{padding: 20px 0 20px;}
*/

/*toubu*/

.btn-group .logo {display: block; float: left;background: url(../images/logo.png) no-repeat; background-size: contain; width: 20%;height: 60px;}

.header{width: 100%;margin:0 auto;height: 120px;}

.pagination ul > li > a, .pagination ul > li > span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #FFF;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #DDD;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}
.pagination ul > li {
    display: block;
    float: left;
    line-height: 26px;
}
.turnNum {
    width: 25px;
    line-height: 25px;
	 display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
}
#pagenum input[type="text"]{
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
}
.jclist_num	 li.active a {
    color: #FFF;
    background: none repeat scroll 0% 0% #999;}
.jclist_num	 li a:hover{
    color: #FFF;
    background: none repeat scroll 0% 0% #999;}
.pagination #setpage li.active a {
    color: #FFF;
    background: none repeat scroll 0% 0% #999;}
.pagination {
    float: right;
    margin-top: 20px;
    margin-bottom: 40px;
	 margin-right: 20px !important}
.pagination ul li a {
    color: #434343;
    border-left-width: 1px;
    margin: 0px 5px;
    padding: 4px 10px;
    font-size: 12px;}
.pagination input[type="text"]{
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.setpage button {
    height: 30px;
    border-radius: 4px;
    border: 1px solid #999;
    background: none repeat scroll 0% 0% #F0F0F0;
    color: #333;
    font-size: 13px;
    padding: 0px 10px 2px;
    font-family: "微软雅黑",sans-serif;
}
.pre{
	color: #CCCCCC !important;
	background-color: #fff !important;
}
.nex{
	color: #CCCCCC !important;
	background-color: #fff !important;
}
.newClass{
    vertical-align: middle;
    background-color: #fecd59;
    padding: 1px 8px !important;
    border-radius: 16px !important;
    color: #8e6c20;
    display: inline-block;
    font-size: 14px;
}