*{margin:0;padding:0;font-family:Tahoma;}/*font-size:12px;*/
body{background-color: #f7f7f7;}
a{outline:none;}
img{border:0;}
li{list-style:none;}
a:link,a:visited{color:#666;text-decoration: none;}
/* a:hover{color:#CC0000;} */
a:hover{color:#1383c6;}
.clearfix{clear:both;}
.myclearfix:after{
	content:"";				/*设置内容为空*/
	height:0;				/*高度为0*/
	line-height:0;			/*行高为0*/
	display:block;			/*将文本转为块级元素*/
	visibility:hidden;		/*将元素隐藏*/
	clear:both;				/*清除浮动*/
}
.myclearfix{
	zoom:1;					/*为了兼容IE*/
}

.wrap{width:960px;margin:auto;}
.new{width:27px;height:17px;display:block;position:absolute;background:url(/images/new.gif);overflow:hidden;}
.new-2{background:url(/images/new-2.gif);width:35px;height:35px;position:absolute;display:block;overflow:hidden;}
.btn:link,.btn:visited{text-align:center;display:block;background:url(/images/btn.gif);width:96px;height:27px;font-size:14px;color:#FFF;font-weight:bold;text-decoration:none;padding-top:7px;position:absolute;line-height:18px;}
.btn:hover{background-position:0 -34px;}
.btn:active{background-position:0 -68px;}
.btn2:link,.btn2:visited{text-align: center;position: absolute;background:url(/images/btn2.png);background-position: -5px -4px;width: 100px;height: 32px;line-height: 32px;border-radius: 3px;font-size: 14px;color: white;font-weight: bold;}

abbr[title]{
	text-decoration: none;
}

/*content*/
.position{font-size:12px;font-family:"Microsoft Yahei";font-weight:normal;margin:6px 10px 0px 10px;border-bottom:1px solid #ECF1F3;padding-bottom:8px;	padding-left: 10px;}
.position > a:last-of-type{
	color: #1383c6;
}
.dateView{color:#20b16b;text-align:center;font-weight:normal;padding-bottom:15px;border-bottom:1px solid #ECF1F3;margin-bottom:5px;}
.pre-next{width:100%; font-size:12px;float:left;border-top:1px #000000 dashed;}
.pre-next p a{color: #1383c6;}
.pre-next p span{color: #999;}
.box-title{font-size:16px;font-family:"Microsoft Yahei";font-weight:normal;margin:6px 10px 0px 10px;border-bottom:1px solid #ECF1F3;padding-bottom:8px;position: relative;}

/*HEADER*/
.header{
	height:106px;
	background-color: white;
}
.logo{width:140px;height:59px;margin-top:23px;float:left;display:block;background:url(/images/Logo.png);text-indent:-9999px;}
.banner-1-detail:link,.banner-1-detail:visited{background:none;position:absolute;width:220px;height:50px;left:50%;top:183px;margin-left:246px; }
.banner-1-detail2:link,.banner-1-detail2:visited{background:none;position:absolute;width:220px;height:50px;left:50%;top:239px;margin-left:246px; }
.banner-1-detail3:link,.banner-1-detail3:visited{background:none;position:absolute;width:220px;height:50px;left:50%;top:295px;margin-left:246px;}
/*NAV*/
.nav{float:left;margin:58px 0 0 125px;position:relative;}
.nav li{padding:0 20px;float:left;}
.nav li a:link,.nav li a:visited{height:44px;font-size:18px;padding:0 2px;color:#0D3F5F;display:block;float:left;text-decoration:none;font-family:"Microsoft Yahei";
text-shadow:1px 1px 0px #FFF;}
.nav li a:hover,.nav .nav-select a:link,.nav-select a:visited,.nav-select a:hover{border-bottom:3px solid #1383C6;color:#000;}
.nav .new{left:670px;top:-15px;}

/*BANNER*/
.banner,.banner-1,.banner-2,.banner-3{height:400px;position:relative;overflow:hidden;}
.banner-1{background:url(/images/banner-2018.jpg) repeat-x center}
.banner-2{background:url(/images/banner-2.jpg) repeat-x center;}
.banner-3{background:url(/images/laomaotao1.jpg) repeat-x center;}
.banner-1 a,.banner-2 a,.banner-3 a{width:960px;height:400px;display:block;margin:auto;text-indent:-9999px;}
.banner ul{position:absolute;bottom:20px;left:50%;margin-left:-105px;}
.banner ul li{width:104px;height:34px;margin-right:5px;padding:2px 0 0 2px;float:left;background:#006699;overflow:hidden;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.banner ul li img{width:100px;height:30px;border:1px solid #006699;}
.banner .banner-select a img{border:1px solid #FFF;}

.banner-s{margin-top:10px;position: relative}
.banner-s:after{position: absolute;top: 26px;right: 290px;color: #FFFFFF;font-size: 17px;content: attr(data-content-after);}

/*NOTICE*/
.wrap .notice{font-size:12px;width:100%;height:28px;margin-top:10px;background-color: #f9e5d9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:15px;}
.notice h2{margin:8px 0 0 10px;display:inline;font-size:16px;float:left;text-indent:6px;_margin-top:6px;color: #ff7c2b;}
.notice h2 em{float:left;width:20px;height:20px;display:block;overflow:hidden;background:url(/images/notice.png) -3px -5px no-repeat;_margin-top:2px;}
.notice p{float:left;margin:7px 0 0 10px;color:#ff7d2c;}

/*MAIN*/
.main-left{float:left;width:680px;font-size:12px;}
.main-right{float:right;width:270px;font-size:12px;}
/* .main-item{display: inline-block;} */
.main-box3{
	width:32%;
	font-size:12px;
	float: left;
}
.main-item .main-box3:nth-of-type(2){
	margin:  0 2%;
}


.main-panel{font-size:12px;width:100%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-top:10px;background-color: white;display: inline-block;}
.main-panel > h4,.main-panel > h2,.main-panel .box-title{   /*video-head*/
	position: relative;font-size:16px;font-family:"Microsoft Yahei";font-weight:normal;margin:6px 10px 0px 10px;border-bottom:1px solid #ECF1F3;padding-bottom:8px;color: #1383c6;
}
.main-panel > h4::after,.main-panel > h2::after,.main-panel .box-title::after{
	content:"";				/*设置内容为空*/
	height:21px;				/*高度为0*/
	width: 2px;
	position: absolute;
	top: 0;
	left: -10px;
	background-color: #1383c6;
}

.main-intro{height:432px;}
.main-intro ul{margin:0 20px;}
.main-intro ul li{border-bottom:1px solid #ECF1F3;height:110px;padding-top:20px;}
.main-intro ul li h3{font-size:14px;color:#333;margin:5px 0 5px 0;font-weight: normal;}
.main-intro ul li p{color:#999;line-height:18px;}
.main-intro ul li em{float:left;display:block;background:url(/images/icon.png);width:80px;height:80px;margin-right:10px;}
.main-intro .icon-1{background-position:-10px -10px;}
.main-intro .icon-2{background-position:-10px -90px;}
.main-intro .icon-3{background-position:-10px -170px;}

.main-news{height:225px;}
.main-news ul{padding:5px 15px 0 12px;}
.main-news ul li{color:#999;line-height:22px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;background:url(/images/disc.gif) no-repeat 0 10px;text-indent:10px;}
.main-news ul li span{float:right;margin-left:8px;}

.main-news2{height:250px;}
.main-download{height:225px;}
.main-help{height:432px;}

.main-related{height:160px;}
.main-related ul li{color:#999;line-height:22px;width:50%;float:left;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;background:url(/images/disc.gif) no-repeat 0 10px;text-indent:10px;}
.main-flink a{margin-right:5px;}
.main-flink p{position: relative;font-size:16px;font-family:"Microsoft Yahei";font-weight:normal;margin:6px 10px 0px 10px;border-bottom:1px solid #ECF1F3;padding: 0 0 8px 0;color: #1383c6;}
.main-flink{display: inline-block;	background-color: white;margin-top: 10px;}
/*FOOTER*/
.footer{margin:20px auto 0 auto;text-align:center;color:#999;line-height:22px;padding:20px 0 20px 0; background:#e5e5e5;border-top:1px solid #E6E6E6;font-size:12px;}

/*SOFT*/
.soft-list em{float:left;border:1px solid #E5E5E5;padding:1px;background:#FFF;margin-right:20px;}
.soft-list em img{width:110px;height:110px;}
.soft-list em:hover{border:1px solid #CCC;}
.soft-list{margin:0 10px;}
.soft-list li{padding:15px 10px;border-bottom:1px solid #ECF1F3;height:115px;position:relative;}
.soft-list h3{float:left;margin:5px 0 10px 0;width:370px;}
.soft-list h3 a:link,.soft-list h3 a:visited{font-size:14px;color:#333;}
.soft-list h3 a:hover{color:#CC0000;text-decoration:underline;}
.soft-list span{float:left;color:#20b16b;margin-bottom:5px;width:370px;}
.soft-list p{color:#999;line-height:20px;width:370px;float:left;height:58px;overflow:hidden;text-indent: 2em;}
.soft-list .new-2{left:10px;top:15px;}
.soft-list .btn,.soft-list .btn2{top:55px;right:15px;}
.soft-list h4{color:#20b16b;font-weight:normal;line-height:22px;margin-top:5px;}
.soft-list h4 strong{float:left;color:#333;font-weight:normal;}
.soft-list p a{
	font-size: 14px;
	color: #1383c6;
}
.soft-view{float:left;padding:15px 0 10px 20px;line-height:20px;}
.soft-view dd{float:left;background:url(/images/download.png) no-repeat 0 4px;text-indent:20px;width:100px;margin:0 8px 5px 0;overflow:hidden;height:22px;line-height:20px;}

/*NEWS*/
.news-list{margin:0 10px; font-size:12px;}
.news-list li{padding:15px 10px;border-bottom:1px solid #ECF1F3;height:95px;position:relative;}
.news-list h3{float:left;margin:5px 0 10px 0;width:640px;}
.news-list h3 a:link,.news-list h3 a:visited{font-size:14px;color:#333;}
.news-list h3 a:hover{color:#CC0000;text-decoration:underline;}
.news-list span{float:right;color:#20b16b;margin-bottom:5px;font-weight:normal;}
.news-list p{color:#999;line-height:20px;width:640px;float:left;height:58px;overflow:hidden;text-indent: 2em;}
.news-list p a{font-size: 14px;color: #1383c6;	}
.news-view{padding:20px;color: #666;font-size: 14px;}
.news-view h3{font-family:"Microsoft Yahei";font-size:18px;font-weight:normal;text-align:center;margin-bottom:5px;color: #333;}
.news-view h4{color:#000000;text-align:center;font-weight:bold;padding-bottom:15px;margin-bottom:5px;}
.news-view p{padding:15px;line-height:22px;word-break: break-all;}
.news-view a{color:#f47c12;text-decoration: none;}
.news-view strong{}
.news-view img{max-width:95%;height: auto !important;}

/*winpe*/
.winpe-list h3{
	width: 75%;
}
.winpe-list span{
	float: right;
	width: 155px;
	font-weight: normal;
}
.winpe-list p{
	width: 75%;
  text-indent: 2em;
}

/*PAGES*/
.pages{display: flex;justify-content: center;}
.pages ul{float:left;padding:12px 0px 12px 20px;}
.pages ul li{float:left;font-family:Tahoma;line-height:25px;
	text-align: center;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	margin-right:6px;padding:2px 4px 2px;border:1px solid #E9E9E9;}
.pages li:first-of-type,.pages li:last-of-type{
	width: 60px;
	font-weight: bold;
	color: #666;
}	
.pages ul li a{display:block;text-decoration:none;}
.pages ul li:hover{background:#F8F8F8;}
.pages ul li.thisclass{
	padding:2px 4px 2px;
	background-color: #1383c6;
  color: #fff;
}
.pages .pageinfo{line-height:17px;padding:10px;color:#999;}
.pages .pageinfo strong{color:#000;font-weight:normal;margin:0px 2px;}

/*CHROME HACK*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.notice h2{line-height:11px;}
}
/*FIREFOX HACK*/
@-moz-document url-prefix(){
.notice h2{line-height:11px;}
}


/**使用教程**/
.banner-1-detail4:link, .banner-1-detail4:visited {
	background: none;
	position: absolute;
	width: 220px;
	height: 50px;
	left: 50%;
	top: 362px;
	text-indent: inherit;
	margin-left: 246px;
	font-family: "楷体";
	text-decoration: none;
	color: #fff;
	font-size: 19px;
}

/**/
.load-link{
   padding:20px 0px;
	 margin-right:-20px;
	 width: 100%;
	 -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
	margin-top: 10px;
	background-color: white;
}
.load-link h2{
	text-align: center;
	padding-bottom: 20px;
	font-weight: normal;
	font-size: 26px;
	color: #333333;
}
.load-link .links-wrap{
	padding: 0 5px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}
.links-wrap > div{
	width: 25%;
	padding: 0 5px;
	box-sizing: border-box;
	float: left;
}
.load-link a{
   display:inline-block;
   width:100%;
   height:80px;
	 /* margin-right:20px; */
}
.load-link a:last-of-type{
	margin-right:0px;
}
.load-link a img{
	display:block;
	width:100%;
	height:100%;
}

/**/
.banner-content{
	font-size:0px;
	width:500px;
	padding-left:460px;
	padding-top:100px;
	margin:auto;
	position:relative;
}

.banner-content h2{
	font-size: 44px;
	color:#fff;
	height:46px;
	line-height:46px;
	position:relative;
}
.banner-content h2:after{
    position:absolute;
    content:attr(data-content-after);
   	width: 127px;
	height:35px;
	top:-40px;
	left:117px;
	text-align:center;
	line-height:35px;
	color:#fff;
	font-size:15px;
	background:url(/images/qipao.png);
}
.banner-content p{
	font-size: 16px;
	color:#fff;
	line-height:30px;
	margin-top:10px;
}

.content-right{
	font-size:0px;
	position:absolute;
	width:655px;
	top:220px;
	left:460px;
}
.banner-content a.banner-down{
	width:200px;
    height:40px;
    line-height:40px;
    display:inline-block;
    position:relative;
    text-indent:inherit;
    text-decoration:none;
    margin-right:15px;
    background:rgba(38,41,46,0.65);
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.banner-content .banner-down i{
	display:block;
	position:absolute;
	width:38px;
	height:40px;
	left:0px;
	top:0px;
	background-color: #fea002;
	border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	background-image:url(/images/d.png);
	background-position:center;
	background-repeat:no-repeat;
}
.banner-content .banner-down i.gr{
	background-color: #2db201;
}
.banner-content .banner-down i.bl{
	background-color: #3096d4;
}
.banner-content .banner-down span{
	width:100%;
	height:40px;
	display: block;
	padding-left:38px;
	box-sizing:border-box;
}
.banner-content .banner-down span b{
	color:#fff;
	font-size:14px;
	height:14px;
	line-height:14px;
    display:block;
	font-style:normal;
	padding:5px 0px;
	padding-left:8px;
}
.banner-content .banner-down span em{
	font-size:12px;
	height:12px;
	display:block;
	line-height:12px;
	font-style: normal;
	transform:scale(0.9);
	-moz-transform:scale(0.9);
	-webkit-transform:scale(0.9);
	color:rgba(250,250,250,0.7);
}

#more{
	position:absolute;
	width:100px;
	line-height:30px;
	font-size:16px;
	height:30px;
	left:0px;
	top:81px;
	color:#fff;
	text-indent:inherit;
	text-decoration:none;
}


/* 老毛桃客服 */
.customerService {
	position: fixed;
	right: 0px;
	top: 60%;
	width: 63px;
}

.customer-div1>div {
	width: 110px;
	height: 110px;
	margin: auto;
}
   
.customerService>div .customer-div span {
	font-size: 14px;
	display: inline-block;
	margin-top: 50px;
	color: #2BAFFC;
}

.customerService>a .customer-div span {
	font-size: 14px;
	display: inline-block;
	margin-top: 50px;
	color: #2BAFFC;
}
.customerService-qq .customer-div {
	background: url(/images/QQ2.png)no-repeat center 10px;
	background-size: 40% 40%;
	transition: 0.4s linear;
	width: 80px;
	height: 80px;
	background-color: #E8F7FF;
	border-right: none;
	text-align: center;
	margin-top: 3px;
	cursor: pointer;
	float: right;
	position: relative;
}
.customerService-qqq .customer-div{
	display: block;
	background: url(/images/qqq2.png)no-repeat center 10px;
	background-size: 43% 34%;
	width: 80px;
	height: 80px;
	background-color: #E8F7FF;
	border-right: none;
	text-align: center;
	margin-top: 3px;
	cursor: pointer;
	float: right;
	position: relative;
	transition: 0.4s linear;
}

.customerService-wx .customer-div{
	background: url(/images/wx2.png)no-repeat center 10px;
	background-size: 40% 40%;
	transition: 0.4s linear;
	width: 80px;
	height: 80px;
	background-color: #E8F7FF;
	border-right: none;
	text-align: center;
	margin-top: 3px;
	cursor: pointer;
	float: right;
	position: relative;
	
}
.customerService .customerService-wx .customer-div span{
	font-size: 13px;
}
.customerService-qq .customer-div1 {
	border: solid 1px #d9d9d9;
	margin-top: -1px;
	background: #fff;
	opacity: 0;
	position: absolute;
	right: 83px;
	top: 4px;
	text-align: center;
	z-index: 0;
	transform: scale(0.01);
	transform-origin: 100% 0%;
	transition: 0.4s linear;
	width: 138px;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	color: #333;
}


.customerService-qqq .customer-div1 {
	border: solid 1px #d9d9d9;
	margin-top: -1px;
	background: #fff;
	opacity: 0;
	position: absolute;
	right: 83px;
	top: 75px;
	text-align: center;
	z-index: 0;
	transform: scale(0.01);
	transform-origin: 100% 0%;
	transition: 0.4s linear;
	width: 138px;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	color: #333;
}

.customerService-wx .customer-div1 {
	border: solid 1px #d9d9d9;
	margin-top: -1px;
	background: #fff;
	opacity: 0;
	position: absolute;
	right: 83px;
	top: 150px;
	text-align: center;
	z-index: 0;
	transform: scale(0.01);
	transform-origin: 100% 0%;
	transition: 0.4s linear;
	width: 138px;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	color: #333;
}
.customerService-icon1 {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-left-color: #d9d9d9;
	position: absolute;
	top: 10px;
	right: -24px;
}

.customerService-icon2 {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-left-color: #fff;
	position: absolute;
	top: 11px;
	right: -22px;
}
/* 二维码 */
.customerService .customer-div1 img {
	width: 110px;
	height: 110px;
	display: block;
	margin: auto;
}
/* 号码 客服时间 */
.customerService .customer-div1 .customerService-sj {
	display: block;
	font-size: 12px;
}
.customerService .customer-div1 .customerService-sj1{
	display: inline-block;
	margin-top: 10px;
}
.customer-div1 span:nth-child(1){
	display: inline-block;
	margin: 10px 0px;
}

/* 划入变样式 */
.customerService-qq:hover .customer-div1 {
	opacity: 1;
	position: absolute;
	transform: scale(1);
}

.customerService-qqq:hover .customer-div1 {
	opacity: 1;
	position: absolute;
	transform: scale(1);
}

.customerService-wx:hover .customer-div1 {
	opacity: 1;
	position: absolute;
	transform: scale(1);
}

.customerService-qq:hover .customer-div{
	width: 80px;
	height: 80px;
	background: url(/images/QQ1.png)no-repeat center 10px;
	background-size: 40% 40%;
	background-color:#2BAFFC;
}

.customerService-qqq:hover .customer-div {
	width: 80px;
	height: 80px;
	background: url(/images/qqq1.png)no-repeat center 10px;
	background-size: 43% 34%;
	background-color: #2BAFFC;
}

.customerService-wx:hover .customer-div {
	width: 80px;
	height: 80px;
	background: url(/images/wx1.png)no-repeat center 10px;
	background-size: 40% 40%;
	background-color: #2BAFFC;
}

.customerService-qq:hover .customer-div>span {
	color: #fff;
}
.customerService-qqq:hover .customer-div>span {
	color: #fff;
}
.customerService-wx:hover .customer-div>span {
	color: #fff;
}



/* 第一个默认 */
.customerService-qq-action .customer-div1 {
	opacity: 1;
	position: absolute;
	transform: scale(1);
}
.customerService-qq-action .customer-div {
 	width: 80px;
 	height: 80px;
 	background: url(/images/QQ1.png)no-repeat center 10px;
	background-size: 40% 40%;
 	background-color: #2BAFFC;
 } 
.customerService .customerService-qq-action .customer-div>span {
 	color:#fff;
 }
.pages .page1 strong {
	width: 28px;
	height: 28px;
	line-height: 28px;
	background: #59b5ff;
	display: block;
	color: #ffffff;
	text-align: center;
	float: left;
	margin: 0 5px 0 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.pages .page1 a {
	width: 28px;
	height: 28px;
	line-height: 28px;
	background: #eeeeee;
	display: block;
	color: #888888;
	text-align: center;
	float: left;
	margin: 0 5px 0 0;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.pages .page1 a.next, .pages .page1 a.prev,.pages .page1 a.last ,.pages .page1 a.first  {
	width: 60px;
}
figure.image{
	text-align: center;
}
