ul.products
{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width: 960px;
	overflow:hidden;    
}
ul.products li
{
	float:left;
	line-height: 42px;
	text-align:center;
	font-weight: bold;
	font: 14px 'Microsoft YaHei';
	width: 309px;
	height: 194px;
}
p.product_p{
	margin: 0px;
	font: 14px 'Microsoft YaHei';
	color: #6d6d6d;
	text-align:left;
	position: relative;
	left: 24px;
	top:70px;
	height: 30px;
}
p.tip_p{
	margin: 0px;
	font: 14px 'Microsoft YaHei';
	color: #6d6d6d;
	text-align:left;
	position: relative;
	left: 26px;
	height: 30px;
}
a.product_more{
	font: 12px 'Microsoft YaHei';
	position: relative;
	top: -7px;
	left: 8px;
	color: #6d6d6d;
	text-decoration:none;
}

li.li_android{
	background:  url("images/li_android.png") no-repeat top center;
}
li.li_docr{
	background:  url("images/li_docr.png") no-repeat top center;
}
li.li_sosota{
	background:  url("images/li_sosota.png") no-repeat top center;
}

div.sky{
	background:  url("images/top.png");
	width: 1200px;
	height: 70px;
	margin:0 auto;
	padding:0;
}
body{
	font: 12px/1.6em Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	margin:0;
	padding:0;
	background-color: #f6f6f6;
}
div.cloud{
	background:  url("images/cont-bg.gif") no-repeat top center;
	width: 1404px;
	height: 449px;
	margin:0 auto;
	padding:0;
}
div.logo{
	background:  url("images/logo.png")no-repeat top left;
}
.logo2 div{
	width: 48px;
	height: 48px;
	position: relative;
	top:11px;
	left:11px;
	float: left;
}
div.wcdr_logo{
	background:  url("images/wcdr_logo.png")no-repeat top left;
}
div.docr_logo{
	background:  url("images/docr_logo.png")no-repeat top left;
}
div.sosota_logo{
	background:  url("images/sosota_logo.png")no-repeat top left;
}
div.andr_logo{
	background:  url("images/andr_logo.png")no-repeat top left;
}
.logo2 span{
	font: 28px 'Microsoft YaHei';
	color: #1c51b1;
	position: relative;
	top:14px;
	left:21px;
}
div.logo2{
	width: 960px;
	height: 63px;
	margin: 0px auto;
	padding: 0px;
}

h2{
	font-size:14px;
	margin: 0px auto;
	padding-left: 20px;
	color: #333;
}

h2.title{
	line-height: 38px;
    font-size: 14px;
    padding-left: 0px;
    text-align: center;
}
h2.new{
	font-size:14px;
	margin: 0px auto;
	padding-left: 20px;
}

#header {
	line-height: 35px;
	background:  url("images/title.png") no-repeat top;
}


div.together{
	border:1px solid #99bfff;
	width: 660px;
	height: 358px; 
	float: left;
}

div.help1together{
	border:1px solid #99bfff;
	width: 660px;
	float: left;
}
div.help2together{
	border:1px solid #99bfff;
	width: 660px;
	height: 600px;
	float: left;
}
div.help3together{
	border:1px solid #99bfff;
	width: 660px;
	float: left;
}
#myjQuery {
    width: 968px;
	height: 330px;
    overflow: hidden;
	margin: 0px auto;
	padding: 0px;
}
div.docr_banner{
	background:  url("images/docr_banner.png") no-repeat top center;
	height: 330px;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}
div.wechat_banner{
	background:  url("images/wechat_banner.png") no-repeat top center;
	height: 330px;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}
div.sd_banner{
	background:  url("images/sd_banner.png") no-repeat top center;
	height: 330px;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}
div.sosota_banner{
	height: 330px;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}
div.andr_banner{
	background:  url("images/andr_banner.png") no-repeat top center;
	height: 330px;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}

.bluelink{
	float: right;
	padding-right:25px; 
	text-decoration:none;
	font: normal 14px 'Microsoft YaHei';
	color: #1979e1;
}
div.banner{
	background:  url("images/banner.png") no-repeat top center;
	height: 517px;
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	overflow: hidden;
}
div.preview_homepage{
	position: relative;
	left: 51px;
	top: 36px;
	background:  url("images/tudr_home.png") no-repeat top center;
	width: 482px;
	height: 355px;
	z-index: 12;
}
div.download{
	background:  url("images/btn_down.png") no-repeat top center;
	width: 260px;
	height: 70px;
	z-index: 12;
	float: left;
	position: relative;
	left: 598px;
	top: -107px;
}
.download:hover{
	cursor:pointer;
}
a.knows{
	z-index: 12;
	float: left;
	position: relative;
	left: 518px;
	top: -20px;
	text-decoration:none;
	font: normal 14px 'Microsoft YaHei';
	color: #1979e1;
}

div.main{
	width: 960px;
	padding: 0px;
	margin: 0px auto;
}
h2.div_title{
	color: #636363;
	padding: 0px 0px 4px 0px;
}
div.all-together{
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}

div.title{
	background:  url("images/title.png") no-repeat top;
	width: 286px;
	line-height: 35px;
 }
div.sidebar {
	float: right;
	width: 290px;
}
div.sidebar1 {
	height: 168px;
	border:1px solid #99bfff;

}
div.sidebar2 {
	height: 168px;
	border:1px solid #99bfff;
}
div.together2{
	border:1px solid #99bfff;
	width: 958px;
	height: 483px; 

             
}
ul.lead{
	list-style-type:none;
	background: url(images/123.png) no-repeat 0 0;
	width: 915px;
	height: 127px; 
	margin: 0px auto;
	padding: 0px;
}
li.li_lead{
	float: left;
	width: 312px;
}
ul.lead2{
	list-style-type:none;
	margin: 0px auto;
	padding: 0px;
}
li.li_lead2{
	float: left;
	width: 312px;
}
p.p_lead{
	position: relative;
	top: 30px;
	left: 33px;
	padding: 0px;
	margin: 0px;
	font: 12px 'Microsoft YaHei';
	width: 210px;
}
.p_lead a{
	text-decoration:none;
	font: normal 12px 'Microsoft YaHei';
	color: #1979e1;
}


#divmenu li{
	    line-height: 25px;
}
#divmenu ul{
	margin-top: 0px;
	padding-left: 30px;
}
#tips_update li{
	    line-height: 25px;
}
#tips_update ul{
	margin-top: 0px;
	padding-left: 30px;
}
#divmenu a:hover { color:#F00}
a.menu{
	text-decoration:none;
	color: black;
	font-size: 12px;
}
div.cont{
	width: 580px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
}
p.news{
	line-height: 24px;
	padding: 4px;
	margin: 0px;
	text-indent: 2em;
	white-space: normal;
	font: 12px/1.6em Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	color: #333;
}

h3.blueh3 {
	background: #4169E1 ;
	color: azure;
	font: 14px 'Microsoft YaHei';
	line-height: 28px;
	width: 222px;
	height: 28px;
}
p.news2{
	line-height: 24px;
	padding: 4px;
	margin: 0px;
	text-indent: 2em;
	white-space: normal;
	font: 12px/1.6em Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	color: #333;
}

div.divnews2{
	float: left;
	width: 310px;
}
div.divnews3{
	float: left;
	width: 250px;
}

img{
	border: none;
}
p.step{
	line-height: 24px;
	padding: 4px ;
	margin: 0px;
	text-indent: 2em;
	white-space: normal;
	font: 12px 'Microsoft YaHei';
	color: #333;
}
p.help2{
	line-height: 24px;
	padding: 4px;
	margin: 0px;
	text-indent: 2em;
	white-space: normal;
	font: 12px/1.6em Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	color: #333;
}
a.down{
	text-decoration:none;
	color: blue;
}

a.down:hover{
	text-decoration:underline;
}
a.down2_a{
	    display: block;
	    width: 290px;
	    height: 106px;
}
p.step2{
	text-align: center;
	line-height: 24px;
	margin: 0px;
	font: 12px/1.6em Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	color: #333;
}
#picul li{
	float: left;
	width: 180px;
	height: 100px;
	margin: 28px 0 0 20px;
	display: inline;
	padding-left: 120px;
	background: url(images/help.png) no-repeat 0 0;
}

#picul li.pic1{
	background-position: 0 -100px;
}
#picul li.pic2{
	background-position: 0 -300px;
}
#picul li.pic3{
	background-position: 0 0px;
}
#picul li.pic4{
	background-position: 0 -200px;
}

#picul_docr li{
	float: left;
	width: 240px;
	height: 50px;
	margin: 34px 0 0 28px;
	display: inline;
	padding-left: 60px;
	background: url(images/doc_help_icon.png) no-repeat 0 0;
}

#picul_docr li.pic1{
	background-position: 0 0px;
}
#picul_docr li.pic2{
	background-position: 0 -50px;
}
#picul_docr li.pic3{
	margin-top: 80px;
	background-position: 0 -100px;
}

#picul_andr li{
	float: left;
	width: 240px;
	height: 36px;
	margin: 34px 0 0 28px;
	display: inline;
	padding-left: 60px;
	background: url(images/andr_help_icon.png) no-repeat 0 0;
}

#picul_andr li.pic1{
	background-position: 0 0px;
}
#picul_andr li.pic2{
	background-position: 0 -36px;
}
#picul_andr li.pic3{
	margin-top: 80px;
	background-position: 0 -72px;
}
#picul_andr li.pic4{
	margin-top: 80px;
	background-position: 0 -108px;
}

#picul li.pic4{
	float: left;
	width: 180px;
	height: 100px;
	margin: 28px 0 0 20px;
	display: inline;
	padding-left: 120px;
	background-position: 0 -200px;
}
p.stepnolinehight{
	padding: 0px ;
	margin: 0px;
	width: 200px;
	white-space: normal;
	font: 12px 'Microsoft YaHei';
	color: #333;

}
#picul_docr p{
	padding: 0px ;
	margin: 0px;
	white-space: normal;
	font: 12px 'Microsoft YaHei';
	color: #333;
}

ul.helpclear{
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu h3{
	color: #333;
	font: 14px/1.6em Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	font-weight: bold;
	margin: 0px;
	margin-top: 10px;
}
#picul_docr h3{
	color: #333;
	font: 16px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.li_lead span{
	font-weight: bold;
	font: 22px 'Microsoft YaHei';
	position: relative;
	top: 18px;
	left: 72px;
}
#picul_andr h3{
	color: #333;
	font: 16px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 10px;
}
.sosota_body p{
	font: 14px 'Microsoft YaHei';
}
p.about_tu{
	background: #eaeaea;
    color: #0083b4;
    height: 25px;
    font-weight: bold;
	font: 14px 'Microsoft YaHei';
    line-height: 25px;
}
.sosota_body a{
	text-decoration: none;
    color: #0083b4;
}


#myjQuery ul {
	width:570px;
	height:26px;
	overflow:hidden;
	z-index:9999;
    position: relative;
    top: -378px;
    left: -30px;
}

#myjQuery ul li {
    line-height: 20px;
    float: left;
    width: 20px;
    margin-left: 6px;
    display: inline;
    text-align: center;
    cursor: pointer;
}

#myjQuery ul a {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    z-index: 12;
    color: #fff;
    text-align: center;
    background: #a1a1a1;
    text-decoration: none;
}

#myjQuery ul .current {}
#myjQuery ul .current a {color:#fff;  background:#0d9af8;}


.right_down{
	width:340px;
	height:329px;
	position:relative;
	right:0;
	top:-338px;
	z-index:12;
}


#picul_wcdr li{
	float: left;
	width: 240px;
	height: 135px;
	display: inline;
	padding-left: 60px;
	padding-top: 15px;
	font-family: Microsoft YaHei;
	display: block;
}

li span.title1{
	color: #3f3f3f;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	display: block;
}

li span.title2{
	color: #3f3f3f;
	font-size: 21px;
	padding: 0px 0px 0px 0px;
	display: block;
	margin-left: 20px;
	margin-bottom: 20px;
}

li span.text1{
	color: #3f3f3f;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	display: block;
	width: 260px;
}

li span.text2{
	color: #3f3f3f;
	font-size: 12px;
	padding: 0px 0px 0px 20px;
	line-height: 20px;
	display: block;
	width: 220px;
}

.wc_ul1 li{
    display: inline;
	float: left;
	width: 300px;
}

ul.wc_ul1 {
	height: 120px;
}

.wc_text_28 {
  width: 5px;
  height: 17px;
  overflow-wrap: break-word;
  color: white;
  font-size: 12px;
  font-family: Microsoft YaHei;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin: -1px 0 0 5px;
  position: absolute;
}

.wc_text_wrapper_11{
  height: 23px;
  background: url(./images/wc_steplogo.png) 100% no-repeat;
  width: 35px;
  position: absolute;
}


/*
@media screen and (max-width: 1280px) {
	html, body{
    overflow-x: hidden;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    }
}
*/

* {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, "PingFang SC", tahoma, "hiragino sans GB", arial, sans-serif;
  user-select: none; /* 标准语法 */
  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

html, body {
  
  font-size: 14px;
  min-width: 1820px;
  overflow-x: auto;
  background-color: white;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

img {
  border: none;
}

div.logoimg {
	background: url(./images2/pub_logo.png) 100% no-repeat;
  width: 51px;
	height: 48px;
	position: relative;
	margin: 17px 3px 0 30px;
	float: left;
}

div.divfloat
{
 	float: left;
 	margin-top: 19px;
}

#logo1 {
  color: white;
  font-size: 16px;
}

#logo2 {
  color: white;
  font-size: 16px;
  top:30px;
}

div.top{
	background-color: #170E59;
	height: 82px;
	display: block;
	overflow: hidden;
}

div.top_center{
	margin:0 auto;
	width: 100%;
  	position: relative;
  	left:0px;
}

ul.navigation
{
	list-style-type:none;
	padding:32px 0 0 58px;
	width: auto;
	overflow:hidden;
}
ul.navigation li
{
	float:left;
	line-height: 42px;
	text-align:center;
	font-weight: bold;
	font: 14px 'Microsoft YaHei';
}

a._123{
	font: normal 16px/18px 'Microsoft YaHei';
	display:block;
	text-decoration:none;
	color: #A8A7A7;
	width: 95px; 
	border-left: 1px solid #A8A7A7;	
}
a._123:hover{
	color: white;
}

a._123:active{
	color: white;
}


a._12345{
	font: normal 16px/18px 'Microsoft YaHei';
	
	display:block;
	text-decoration:none;
	color: white;
	width: 95px;
	border-left: 1px solid #A8A7A7;	
}

a._12345:hover{
	color: white;
}

a._12345:active{
	color: white;
}

div.tudr_banner{
	background:  url("images2/tudr_banner.png") no-repeat top center;
	height: 900px;
	margin: 0px auto;
	padding: 0px; 
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
}

div.tudr_banner_tpmg{
	height: 900px;
	margin: 0px auto;
	padding: 0px;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	background:  url("images2/tpmg_banner.png") no-repeat top center;
}

div.banner_center{
	width: 1820px;
	margin: 0px auto;
	position: relative;
}

.tudr_textbanner1 {
  position: absolute;
  width: 850px;
  height: 90px;
  overflow-wrap: break-word;
  color: white;
  font-size: 80px;
  font-family: Microsoft YaHei;
  text-align: left;
  white-space: nowrap;
  margin: 74px 0 0 549px;
}

.tudr_textbanner2 {
  position: absolute;
  width: 850px;
  height: 90px;
  overflow-wrap: break-word;
  color: white;
  font-size: 50px;
  font-family: Microsoft YaHei;
  text-align: left;
  white-space: nowrap;
  margin: 172px 0 0 507px;
  opacity: 1;
}

.tmpg_textbanner1 {
	position: absolute;
	overflow-wrap: break-word;
	color: #383838;
	font-size: 48px;
	font-family: Microsoft YaHei;
	text-align: left;
	white-space: nowrap;
}

.tpmg_textbanner2 {
	position: absolute;
	width: 200px;
	height: 60px;
	overflow-wrap: break-word;
	color: #1554f7;
	font-size: 25px;
	font-family: Microsoft YaHei;
	text-align: left;
	white-space: nowrap;
	opacity: 1;
}

p.blank-line{
	clear: both;
	width: 1820px;
	margin: 0px auto;
	padding: 0px;
}

a.down_tudr{
	background: url("images2/pub_button1.png") no-repeat scroll 0 0 transparent;
	width: 265px;
	height: 87px;
	display: block;
	position: absolute;
}
.down_tudr:hover{
	background-position: -265px 0px;
}
.down_tudr:active{
	background-position: -530px 0px;
}

a.down_tudr_text
{
    font-size: 40px;
    position: absolute;
    color: white;
    width: 265px;
	  height: 87px;
	  line-height: 68px;
	  text-align: center;
    pointer-events: none;
    text-decoration: none;
}


a.down_tpmg{
	background: url("images2/tpmg_button1.png") no-repeat scroll 0 0 transparent;
	width: 265px;
	height: 87px;
	display: block;
	position: absolute;
}
.down_tpmg:hover{
	background-position: -265px 0px;
}
.down_tpmg:active{
	background-position: -530px 0px;
}

p.p_down{
	position: absolute;
	left: 1240px;
	top:750px;
	margin: 0px;
	padding: 0px;
	height: 86px;
	width: 265px;

	z-index: 12;
	text-decoration:none;
	font: normal 14px 'Microsoft YaHei';
	color: #1979e1;
}

div.bodysectionwhite{
	height: 440px;
	margin: 0px auto;
	background-color: white;
}

div.bodysectiongray{
	height: 440px;
	margin: 0px auto;
	background-color: #F6F6F6;
}

/*
div.section_text_pos{
	position: absolute;
	 top: 0;
	 left: 522px;
	 bottom: 0;
	 margin: auto;
	 height: fit-content;
}
*/

div.section_text_pos{
  display: table-cell;
  vertical-align: middle;
  text-align: left; 
  padding-left: 520px;
  height: 440px;
}

img.section_img_pos{
	position: absolute;
	left: 910px;
	top: 55px;
}

div.section_text_pos2{
	display: table-cell;
  vertical-align: middle;
  text-align: left; 
  padding-left: 1072px;
  height: 440px;
}

img.section_img_pos2{
	position: absolute;
	left: 527px;
	top: 41px;
}


div.bodysection_center{
	width: 1820px;
	margin: 0px auto;
	position: relative;
	height: 440px;
}

p.section_title{
  color: #0E0E0E;
  font: bold 30px 'Microsoft YaHei';
  margin-bottom: 23px;
}

p.section_text{
  color: #0E0E0E;
  font: normal 18px 'Microsoft YaHei';
  
  line-height: 42px;
  width: 250px;
}

.slider {
  position: absolute;
  width: 480px; 
  height: 341px;
  overflow: hidden;
  left: 423px;
  top: 42px;
}
.slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.slider img.active {
  display: block;
}

p.p_helpdoc{
	position: absolute;
	left: 757px;
	top:318px;
	margin: 0px;
	padding: 0px;
	height: 86px;
	width: 265px;

	z-index: 12;
	text-decoration:none;
	font: normal 14px 'Microsoft YaHei';
	color: #1979e1;
}


a.btn_helpdoc{
	background: url("images2/pub_button2.png") no-repeat scroll 0 0 transparent;
	width: 306px;
	height: 74px;
	display: block;
	position: absolute;
}

.btn_helpdoc:hover{
	background-position: -306px 0px;
}

.btn_helpdoc:active{
	background-position: -612px 0px;
}

a.pub_btn_text
{
    font-size: 40px;
    position: absolute;
    color: white;
    width: 306px;
    height: 74px;
    line-height: 70px;
    text-align: center;
    pointer-events: none;
    text-decoration: none;
}

div.footer{
	height: 98px;
	width: 100%;
	background: #828A99;
}
p.foot{
	font-size: 12px;
	text-align:center;
	color: white;
}
a.foot{
	padding: 15px bottom;
	text-decoration:none;
	color: white;
	margin-right: 10px;
}
a.foot:hover{
	text-decoration:underline;
}
p.copyright{
	color: white;
	font: 12px Arial;
	text-align:center;
	margin: 0px auto;
	padding: 0px;
	padding-top: 8px;
}


p.section_wctexttitle{
  color: #0E0E0E;
  font: normal 20px 'Microsoft YaHei';
  
  line-height: 42px;
  width: 195px;
  font-weight: bold;
}

p.section_wctext{
  color: #0E0E0E;
  font: normal 18px 'Microsoft YaHei';
  
  width: 179px;
}