body { font:17px/26px tahoma, Arial, sans-serif; color:#5f5f5f; text-align:justify;  -webkit-text-size-adjust:none; -moz-text-size-adjust:none;-ms-text-size-adjust:none;}
img{ vertical-align:middle; border:0;max-width: 100%;}
a{color: #0F6BFF;}
a:hover{color: #0F6BFF;}
*{margin: 0; padding: 0;}
.details{width: 950px; margin: 0 auto; padding:0;}
.clear { clear:both;}

/* ``````````````````````````````````  seo页面的基础设置    ``````````````````````````````````````` */
section{padding: 30px 0;box-sizing: border-box;}
h1{font-size: 33px;line-height: 46px;text-align: center;color: #fff;padding-top: 30px;font-weight: bold;}
h1 span{color: #00b8fd;}
h2{text-align: center;color: #000;font-size: 27px;padding: 20px 0 ;line-height: 40px;}
h3{ color:#666; font-size:19px; padding:20px 0 10px; font-weight:bold;line-height: 26px;}
p{padding:10px 0;word-wrap: break-word;}
p.center{text-align: center;}
figcaption{text-align: center;margin-top: 15px;}
figure{text-align: center;margin: 15px 0;}
figure>img{max-width: 700px;}
.line{border-bottom: 1px solid #cdcdcd;clear: both;padding-top: 20px;margin-bottom: 20px;}
.gray{background: #fafafa;}
.blue{color:#00b8fd;}
.no_margin{padding:0;}
.crumb{font-size: 15px;color: #919191;padding: 30px 0 0;}
.crumb a{color: #919191;}
/* ``````````````````````````````````  seo页面的基础设置    ``````````````````````````````````````` */

/* ``````````  具体设置  `````````` */
.btn{text-align: center;margin: 15px 0;}
.btn a{display: inline-block;width: 270px;height: 60px;line-height: 60px;color: #ffffff;border-radius: 5px;text-align: center;margin: 5px 20px;padding-left: 30px;box-sizing: border-box;font-weight: 600; font-size: 21px;}
.btn a:hover{text-decoration: none;}
.btn a.btn-win{background: url("../image-style/new-seo/win-nineteen.png")no-repeat 17px #0fb4ff;}
.btn a.btn-mac{background: url("../image-style/new-seo/mac-nineteen.png")no-repeat 17px #7ad950;}
.btn a.btn-more{background: url("../image-style/new-seo/more-nineteen.png")no-repeat 27px #ffbb25;}
.shadow{-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;}

/* ``````````  具体设置  `````````` */
.DivNav {width: 100%;  background: #000000; z-index: 100; padding: 10px 0;}
.DivNav .logo{width: 140px; float: left;}
.DivNav nav {float: right; display: block; padding-top: 15px;}
.DivNav ul li {padding: 0 20px; float: left;  font-size: 17px; color: #babcbd;}
.DivNav ul li:nth-of-type(1) {border-right: 1px solid #e5e4e4;}
.DivNav ul li a {color: #e5e4e4; }
.DivNav .m_nav{float:right;width: 30px; margin:15px 0 0; border-top: 12px double #737373;padding-bottom: 5px;border-bottom: 4px solid #737373; cursor: pointer;border-spacing:5px; display:none;}
.DivNav .link{display:none;clear: both;}
.DivNav span {width: 160px; height: 40px; display: block; text-align: center; background: #02acfa;color: #e5e4e4; line-height: 40px;font-size:17px; cursor: pointer; 
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; transform: translateY(-20%);}
/* ``````````  具体设置  `````````` */
.header{background:url(../image-style/new-seo/banner1.jpg) no-repeat center #191417; height: 230px;margin-bottom: 40px; }
/* ``````````  具体设置  `````````` */
.address{color:#5f5f5f;font-size: 14px;float: left;}
ul.share-addthis{float: right;}
ul.share-addthis li{float: left;margin: 0 5px;}
.pic{text-align:center;padding: 25px 0;}
/* ``````````  具体设置  `````````` */
.quicknav{margin: 25px 0;padding:30px; background: #fafafa;}
.quicknav h2{text-align: left;padding: 0 0 15px;}
.quicknav ul li{padding: 4px 0 4px 20px; background: url(../image-style/new-seo/icon5.png) no-repeat left center;}

.quicknav_two{margin: 25px 0;padding: 30px; background: #fafafa;}
.quicknav_two h2{padding: 0 0 15px;}
.quicknav_two ul li{padding: 4px 0 4px 20px; background: url(../image-style/new-seo/icon5.png) no-repeat left center; float:left; width:47%;}

.pros_content .title,.cons_content .title{font-size: 17px;color: #000;padding: 20px 0 10px;}
.pros_content p{background:url(../image-style/new-seo/icon3.png) no-repeat left 18px; padding: 10px 0 10px 25px; color: #808080; }
.pros_content p b,.cons_content p b{color: #000;}

.cons_content p{background:url(../image-style/new-seo/icon2.png) no-repeat left 18px; padding: 10px 0 10px 25px; color: #808080; }
.up_content{ position:relative; border:1px dashed #07c6ff; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; margin:60px 0 20px;}
.up_content .update_icon{ position:absolute; left:15px; top:-30px;}
.up_content .update_text{ padding:30px 20px;color: #808080; }
.up_content .update_text b{color: #000;}

.pros-cons{margin: 35px 0;}
.pros-cons .pros{float: left;width: 50%; }
.pros-cons .pros p{background:url(../image-style/new-seo/icon3.png) no-repeat left 18px; padding: 10px 0 0 25px; color: #808080;}
.pros-cons .cons{float: left;width: 50%;}
.pros-cons .cons p{background:url(../image-style/new-seo/icon2.png) no-repeat left 18px; padding: 10px 0 0 25px; color: #808080;}
.pros-cons .title{font-size: 17px;font-weight: 600;}
/* ``````````  具体设置  `````````` */
.video{ padding: 20px 0;display: flex;justify-content: center;}
.video iframe{ width: 720px; height: 480px;}
/* ``````````  具体设置  `````````` */
.mess{color: #808080; font-style: italic;}
table{ border-left:1px solid #ebf0f2;border-top:1px solid #e6e6e6; margin: 20px 0 30px; text-align: left;}
table th{color: #000;font-size: 17px;font-weight: normal;background: #e6e6e6;line-height: 60px;text-align: center;}
table th:nth-child(2){background: #c9eeff;}
table tr th{border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
table tr td{border-right:1px solid #ebf0f2;border-bottom:1px solid #e6e6e6; padding:10px 0; }
table tr td:nth-child(1){padding-left: 10px;}
table tr td:nth-child(2){padding-left: 10px;}
table tr td:nth-child(3){padding-left: 10px;}
table tr td:nth-child(4){padding-left: 10px;}
.tags{padding: 20px 0 0;color: #808080;}
.tags a{background: #eeeeee;border-radius: 3px;display: inline-block;color: #808080;padding: 0 10px; margin: 0 5px;}
.tags a:hover{text-decoration: none;}

table.table-five tr td:nth-child(1){padding-left: 10px;}
table.table-five tr td:nth-child(2){padding-left: 10px;}
table.table-five tr td:nth-child(3){padding-left: 10px;}
table.table-five tr td:nth-child(4){padding-left: 10px;}
table.table-five  tr td:nth-child(5){padding-left: 10px;}

.content_list ol,.content_list ul{padding-left: 40px; padding-top:20px;}
.content_list ol li{list-style: decimal;padding-bottom: 5px;}
.content_list ul li{list-style: disc;padding-bottom: 5px;}
.content_list ul{list-style: none;}
.content_list p{font-size: 17px;}
/* ``````````  具体设置  `````````` */
.related_articles{padding-bottom: 30px;}
.rel_title{font-size: 31px;color: #000;padding: 50px 0 0;}
.re_content .re_one{float: left;border:1px solid #dedede;border-radius: 5px; width: 300px; margin: 30px 0 0;min-height: 272px;}
.re_content .re_one a{color: #3a3a3a; margin: 15px 10px;display: inline-block;}
.re_content .re_one img{width: 100%;}
.re_content .re_one:nth-child(2),.re_content .re_one:nth-child(5){margin: 30px 20px 0 20px;}
/* ``````````  具体设置  `````````` */
.backTop { position:fixed; right:15px; bottom:80px; width:43px; height:39px; z-index:999;}
/* ``````````  具体设置  `````````` */
.MainFoot{font-size: 15px;line-height: 24px;padding: 15px 0;color: #89929a;}
.MainFoot p a {color: #89929a;}

@media (max-width: 979px) {
	body {text-align:left;  -webkit-text-size-adjust:none; -moz-text-size-adjust:none;-ms-text-size-adjust:none;}
	.details{ width:auto; padding:0 15px; }
	.mobileNo{display: none;}
	h1{padding-top: 15px;}
	h2{font-size: 21px;padding: 15px 0;line-height: 32px;text-align: left;}
	h3{font-size: 17px;padding: 15px 0;line-height: 26px;}
	section{padding: 15px 0;}
	.header{height: auto;background-size: cover;padding-bottom: 30px;margin-bottom: 30px;}
	ul.share-addthis{float: left;margin-top: 10px;}
	/*--------*/
	.re_content .re_one:nth-child(2), .re_content .re_one:nth-child(5),.re_content .re_one{ margin: 30px 10px 0; }
	/*--------*/
	.quicknav{margin: 15px 0;padding:15px;}
	/*--------*/
	.more_tool_left{width: 280px;}
	.more_tool_middle{padding-right: 20px;}
	.more_tool_middleone{padding-left: 20px;}
	.more_tool_right{float: none;padding-left: 20px;}
	/*--------*/
	.pros-cons .pros{float: none;width: 100%;}
	.pros-cons .cons{float: none;width: 100%;}
	.pros-cons .pros p{padding: 10px 0 10px 35px;}
	.pros-cons .cons p{padding: 10px 0 10px 35px;}
	/*--------*/
	.DivNav { height: auto;}
	.DivNav .Logo{float:none;padding:5px 0 10px;}
	.DivNav .m_nav{ display:block; position:relative;}
	.DivNav .link{ display: none;}
	.DivNav span {transform: translateY(0);}
	.DivNav ul{display:none; border-top:1px solid #babcbd; padding:10px 0; margin:10px 0 0; float:none;}
	.DivNav ul li{width:100%; padding:5px 0;}
	.DivNav ul li a{float: left;}
	.DivNav ul li .shadow{display: none;}
	.DivNav .m_nav.on{border:none; height:26px;}
	.DivNav .m_nav.on:before,.DivNav .m_nav.on:after { content:""; -webkit-transition: top .3s ease,transform .3s .5s ease; -moz-transition: top .3s ease,transform .3s .5s ease; -o-transition: top .3s ease,transform .3s .5s ease; transition: top .3s ease,transform .3s .5s ease; top:10px;width:30px; height:4px; background:#737373; display:inline-block; position:absolute;}
	.DivNav .m_nav.on:before { -webkit-transform: rotate3d(0,0,1,45deg); -moz-transform: rotate3d(0,0,1,45deg); -o-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
	.DivNav .m_nav.on:after { -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg); -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);}
	/*--------*/
}

@media (max-width: 767px) {
	.menu .link a{margin: 0 5px;}
	/*--------*/
	figure>img{max-width: 100%;}
	/*--------*/
	.btn a{display: inline-block;margin: 0;}
	/*--------*/
	.up_content .update_text{ padding:20px 20px;}
	/*--------*/
	.video iframe{height: 300px;width: 100%;}
	/*--------*/
	.re_content .re_one{ width: 48%; }
	.re_content .re_one:nth-child(2), .re_content .re_one:nth-child(5),.re_content .re_one{ margin:10px 0.5%; }
	/*--------*/
	.quicknav_two ul li{padding: 4px 0 4px 20px; background: url(../image-style/new-seo/icon5.png) no-repeat left center; float:none; width:auto;}
}

@media (max-width: 479px) {
	.products_banner .btn a{ margin:5px 0;}
	/*--------*/
	.menu .link a{margin: 0 3px 8px;}
	/*--------*/
	.btn a{display: inline-block;margin: 10px 0;}
	/*--------*/
	.re_content .re_one{ width:auto; float: none; }
	.re_content .re_one .img{text-align:center;}
	.re_content .re_one:nth-child(2), .re_content .re_one:nth-child(5),.re_content .re_one{ margin:10px auto; }
}