@charset "utf-8";

body{color: #808080;}
p{padding-top: 20px;}
p strong{color: #4d4d4d;}
a{color: #2692ff; text-decoration:none;}
.no_margin{padding: 0;}
img{max-width: 100%;}


h2{font-size: 31px;padding: 40px 0 10px;color: #000;text-align: center;}
h3{font-size: 21px;color: #4c4c4c;padding: 30px 0 0;}
iframe{margin: 40px auto 0;}
.line{border-top: 1px solid #e8e8e8;}


.btn_down{padding: 25px 0 0; text-align: center;font-weight: bold;}
.btn_down a{display: inline-block;font-size: 21px;color: #fff;border-radius: 4px;text-decoration: none;margin: 0 13px;}
.btn_down a.win{background:url(../images/vp-seo/win.png) no-repeat 15px center #78c443;padding: 0 0 0 45px;width: 195px;line-height: 50px;}
.btn_down a.mac{background:url(../images/vp-seo/mac.png) no-repeat 15px center #78c443;padding: 0 0 0 45px;width: 195px;line-height: 50px;}

.main01{color: #fff;background: url(../images/vp-seo/bg02.jpg) no-repeat center bottom #1e222d; height: 520px;} 
.main01 .main01_content{width:660px;}
h1{font-size:27px;padding: 20px 90px 20px 0;line-height: 40px;}
h1 span{font-size: 33px; color:#ffa901;}
h1 var{color:#27b3ff; font-style:normal;}
.main01 ul{ }
.main01 ul li{ padding:3px 0;}
.main01 ul li span{ display:inline-block; padding:0 10px 0 0; font-size:18px;}
.main01 .btn_down{text-align:left; }
.main01 .btn_down a{ margin:0 20px 0 0;text-align:center;} 
.main01 .mess{color:#a8acb2; font-size:13px; padding:18px 0 8px;}
.main01 .impo{ color:#ffa901; text-decoration: underline;}
.main01 .impo a{ color:#ffa901;}
/* --------------*/
.DivNav { position:fixed; top:0;  width: 100%; height: 80px; background: #2b2d33;z-index: 100; }
.DivNav .Logo { width: 140px; height: 44px; float: left; padding: 10px 0 0; }

.DivNav ul {  float: right; display: block; padding: 23px 0 0; }
.DivNav ul li { padding:0 20px; float: left;  font-size: 19px; color: #babcbd;  }
.DivNav ul li a { color: #babcbd;  text-decoration: none; }
.DivNav ul li:nth-child(1) a{ border-bottom:1px solid #91cd45;}
.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;}
/* --------------*/
.four4k_box{ padding:30px 0 20px;}
.four4k_box .four4k_one{ float:left; width:262px; margin:0 10px 0 0; position:relative;}
.four4k_box .four4k_one:nth-child(4){ margin:0;}
.four4k_box .four4k_one .t{padding:5px 0 0; font-size:16px;}
.four4k_box .four4k_one .mask{ position:absolute; left:0; top:0; background:rgba(0, 0, 0, 0.7); color:#fff; padding:20px 10px; text-align:justify; font-size:14px; line-height:22px; display:none;}
.four4k_box .four4k_one:hover .mask{display:block;}

/*-----------*/
.main02{padding-bottom:30px;}
.main02 .title{font-size: 21px;padding: 55px 0 10px;color: #000;}
.main02 .time{border-bottom: 1px solid #cccccc;padding-bottom: 5px;}
.main02 .time span{ display:inline-block; padding:8px 0 0;}
.main02 .search_box{float:right;}
.main02 .search_box input[type="text"]{border:1px solid #dfe0e3; border-radius:5px 0 0 5px; border-right:0; height:34px; line-height:34px; padding-left:10px; color:#a7aab0; 
	font-size:15px; width:175px; background-color:#fff;}
.main02 .search_box input[type="submit"]{background:#0fb4ff url(../images/vp-seo/s.png) no-repeat 15px center; width:110px; height:34px; line-height:34px; border:none; 
	font-size:15px; color:#fff; border-radius:0 5px 5px 0; margin-left:-5px; cursor:pointer; padding-left:25px;}
/*-----------*/
.main03{background: url(../images/vp-seo/bg3.jpg) repeat-x bottom;padding: 75px 0 0;}
.main03 > img{float: left;}
.main03 .main03_content{float: left;}
.main03 .main03_content .t{font-size: 21px;color: #4d4d4d;padding: 143px 0 20px;}
.main03 .main03_content .try{font-size: 38px;font-weight: bold;color: #000;}
.main03 .main03_content .try span{color: #008cfd;}
.main03 .main03_content ul{padding: 40px 0;}
.main03 .main03_content ul li{padding: 2px 0;}
.main03 .main03_content .watch{font-size: 21px;color: #000;}
.main03 .main03_content .watch a{color: #000;}
.main03 .main03_content .btn{padding: 25px 0 0;}

/*-----------*/
.main04{background: #121f2c; color: #fff;padding: 60px 0 30px;}
.main04 .qes{font-size: 21px;padding-bottom: 10px;}
.main04 ul{}
.main04 ul li{float: left; width:505px;padding: 10px 0 0 35px;background: url(../images/vp-seo/icon.png) no-repeat left 13px;}
.main04 ul li a{color: #fff;}
/*-----------*/
.main05{padding: 30px 0;}
.pic_right{padding: 40px 0 0;}
.pic_right .pic{ float: right;padding-left: 40px; }
.pic_right p{padding: 0;}
/*-----------*/
.main06{padding-bottom: 30px;}
.software_content{padding: 40px 0 10px; text-align: center;}
.software_content .soft_one{float: left;width: 338px;}
.software_content .soft_two{padding: 0 30px;}
.software_content .soft_one .t{font-size: 21px;color: #000;padding: 5px 0 0;}
.software_content .soft_one .more{padding: 10px 0 0;}
.software_content .soft_one .more a{text-decoration: none;}
/*-----------*/
.main07{padding-bottom: 30px;}
.step{padding: 20px 0 0;}
.step span{font-size: 21px;color: #4c4c4c;}
.step b{color: #4d4d4d;}
.step2{padding: 0;}
.pic{text-align: center;padding: 30px 0 10px;}
/*-----------*/
.main08{background: #f1f2f6;padding: 30px 0 50px;}
.btn{padding: 40px 0 0; text-align: center;}
.btn a{display: inline-block;font-size: 22px;color: #fff;border-radius: 5px;text-decoration: none;margin: 0 13px;}
.btn a.win{background:url(../images/vp-seo/win.png) no-repeat 15px center #0fb4ff;padding: 0 0 0 45px;width: 200px;line-height: 50px;}
.btn a.mac{background:url(../images/vp-seo/mac.png) no-repeat 15px center #f1ba45;padding: 0 0 0 45px;width: 200px;line-height: 50px;}
.notice{text-align: center;padding: 20px 0 0;}
/*-----------*/
.main09{padding: 30px 0;}
.main09 .why{color: #4c4c4c;font-size: 21px;text-align: center;padding: 40px 0 0;}
/*-----------*/
.main10{background: url(../images/vp-seo/bg2.jpg) no-repeat center top #000; height: 341px;}
.main10 h2{padding: 65px 0 10px;color: #fff;}
.main10 p{color: #b0b0b0;}
.main10 .video{text-align: center;padding: 30px 0 0;}
/*-----------*/
.main11{padding-bottom: 40px;}
.article{font-size: 31px;color: #000;padding: 80px 0 40px;}
.art_content{}
.art_content .art_one{float: left; width: 31%;border-radius: 5px;border:1px solid #dedede;}
.art_content .art_two{margin:0 3%;}
.art_one .art_img{text-align: center;}
.art_one p{font-size: 17px; color: #3a3a3a;padding: 20px 10px;}
.art_one p a{text-decoration:none; color:#3a3a3a;}
.art_one p a:hover{color:#2692ff;}
.art_link{padding: 30px 0 20px;}
.art_link a{display: inline-block;text-decoration: none;margin-right: 8px;}
.art_link a.sty1{display: inline-block;background: url(../images/vp-seo/icon1.png) no-repeat 10px center #4d4d4d;padding: 0 15px 0 35px;line-height: 30px;border:1px solid #4d4d4d;border-radius: 5px;color: #fff;}
.art_link a.sty1:hover{background: url(../images/vp-seo/icon1f.png) no-repeat 10px center #fff;color: #4d4d4d;}
.art_link a.sty2{display: inline-block;background: url(../images/vp-seo/icon2.png) no-repeat 10px center #fff;padding: 0 15px 0 35px;line-height: 30px;border:1px solid #4d4d4d;border-radius: 5px;color: #4d4d4d;}
.art_link a.sty2:hover{background: url(../images/vp-seo/icon2f.png) no-repeat 10px center #4d4d4d;color: #fff;}
/*-----------*/
.main12{background: #f8f8f8;}
.main12 .about{font-size: 31px;color: #000;padding: 40px 0 0;}
.peop{padding: 30px 0;}
.peop>img{float: left;margin-right: 50px;}
.peop .p_name{font-size: 21px;}
.peop .p_name a{text-decoration: none;}
.peop .p_name img{margin-left: 10px;vertical-align: 0;}
.home{border:1px solid #d9d9d9;line-height: 43px;padding-left: 10px;}
.home a{color: #808080;text-decoration: none;}
.home .hom{display: inline-block;}
/*-----------*/
.top_manager{padding: 25px 0;}
.top_manager .manager_t{font-size: 21px; text-align: center;color: #fff;line-height: 49px;background: #373a42;}
.top_manager .price_vs{background: #f5f7f7;}
.top_manager .price_vs ul{border-bottom: 2px solid #fff;}
.top_manager .price_vs ul li:nth-child(2){border-right:2px solid #fff; border-left:2px solid #fff;}
.top_manager .price_vs ul li{float:left; list-style: none;padding:15px 0;}
.top_manager .price_vs ul li:nth-child(1){width:18%; text-align:center;}
.top_manager .price_vs ul li:nth-child(2){width:37%; padding:0 2% 10px;}
.top_manager .price_vs ul li:nth-child(3){width:36%; padding:0 2% 10px;}
.top_manager .price_vs ul li h5{padding-top:10px; font-weight:bold; color: #333333;font-size: 15px;}
.top_manager .price_vs ul li .t{ font-size:15px;}
.top_manager .price_vs ul li p{ color:#666666;padding: 0;}
/*-----------*/
.pro_manager{padding: 25px 0;}
.pro_manager .manager_t{font-size: 21px; text-align: center;color: #fff;line-height: 49px;background: #373a42;}
.pro_manager .pro_box{font-size: 13px;border-left: 1px solid #e8e8e8;}
.pro_manager .pro_box .pro_one{text-align: center;width:214.7px;float: left;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.pro_manager .pro_box .pro_one:nth-child(odd){background: #f5f7f7;}
.pro_manager .pro_box .pro_one>img{padding: 25px 0 8px;}
.pro_manager .pro_box .pro_one .t{border-bottom: 1px solid #e8e8e8;padding-bottom: 10px;}
.pro_manager .pro_box .pro_one .t a{color: #000;text-decoration: none;font-weight: bold;}
.pro_manager .pro_box .pro_one .t a:hover{text-decoration: underline;}
.pro_manager .pro_box .pro_one p{text-align: left;padding: 10px;}
/*-----------*/
.table_box{padding: 25px 0;font-size: 13px;}
.table_box table{border-left: 1px solid #e8e8e8;border-top: 1px solid #e8e8e8;text-align: center;}
.table_box tr th{background: #f5f7f7;font-weight: bold;color: #333;font-size: 13px;padding: 20px 0;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.table_box tr td{padding: 20px 0;font-size: 13px;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
/*-----------*/
.four_box {padding: 10px 0;}
.four_box .Left { width:540px; float:left; padding:15px 0;}
.four_box .Left .Box { float:left; padding-right: 20px;}
.four_box .Left .Txt .p_tit { padding:0 10px 0 0; font-size:19px;color: #333;}
.four_box .Left .Txt p {font-size: 13px;padding: 15px 10px 0 0;}
/*-----------*/
.three_box{padding: 30px 0;}
.three_box .three_one{width: 32%;float: left;}
.three_box .three_two{padding: 0 2%;}
.three_box .three_one >img{float: left;padding: 0 20px 0 0;}
.three_box .three_one p{padding:5px 0 0;font-size: 13px;}
/*-----------*/
.left_img{padding: 30px 0;}
.left_img >img{float: left;padding: 0 20px 0 0;}
.left_img .t{font-size: 21px;color: #333;padding: 10px 0 0;}
.left_img .btn_down{padding: 30px 0 0;}
/*-----------*/
.right_img >img{float: right;padding: 0 0 0 20px;}
/*-----------*/
.convert_two {padding-bottom: 20px;}
.convert_two .mt_one { width:45%; float:left; text-align:center;}
.convert_two .mt_one .img{padding: 30px 0 20px;}
.convert_two .mt_one h6{font-weight: bold;font-size: 15px;color: #333;}
.convert_two .mt_one p {text-align:left;}
.convert_two .mt_one .Down { padding:20px 0 0;}
.convert_two .mt_one .Down img { width:100%; max-width:223px;}
.convert_two .mt_two { margin:0 10% 0 0;}
/*-----------*/

.Top_Nav{background-color:#0f0f0f; line-height:70px; position:fixed; top:0; left:0; width:100%; z-index:99; display:none;}
.Top_Nav .l_ti{float:left; color:#fff; font-size:33px;}
.Top_Nav .l_ti a{color:#fff;}
.Top_Nav .r_link{float:right; height:70px;}
.Top_Nav .r_link a{font-size:21px; color:#fff; margin-left:88px; display:inline-block;}
/*-----------*/

.backTop { position:fixed; right:15px; bottom:80px; width:43px; height:39px; cursor:pointer;}



@media (max-width: 979px) {
	.mobileNo{display: none;}
	h1 span{font-size:28px;}
	iframe{width: 100%!important;}
	
	.Details { width:95%;  }

	.DivNav { height: auto; }
	.DivNav .Logo{float:none;padding:5px 0 10px;}
	.DivNav .m_nav{ display:block; position:relative;}
	.DivNav ul{display:none; border-top:1px solid #babcbd; padding:10px 0 20px; margin:10px 0 0; float:none;}
	.DivNav ul li{width:100%; padding:5px 0;}
	.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);}
	/*-----------*/
	.main01{ margin: 59px 0 0; }
	.main01 .main01_content{width:auto;}
	/*-----------*/
	.main03 .main03_content .t{padding: 40px 0 0;}	
	/*-----------*/
	.top_manager .price_vs ul li:nth-child(1){padding:0; width:15%;}
	/*-----------*/
	.four_box .Left{float: none;width: auto;}
	/*-----------*/
	.four4k_box .four4k_one{ width:45%;}
	
	.Top_Nav .r_link a{margin-left:50px;}
}

@media (max-width: 767px) {
	
	
	iframe{height: 300px!important;}

	.btn_down a{margin: 10px 0;}

	.btn a{margin: 10px 0;}
	.main01{height: auto;}
	.main01 .btn_down a{ margin:0 0 10px;}
	h1{padding: 30px 0 20px 0; font-size:23px;}
	/*-----------*/
	.main04 ul li{width: auto;}
	/*-----------*/
	.software_content .soft_one{width: 100%;}
	.software_content .soft_two{padding:0; }
	/*-----------*/
	.main10{height: auto;}
	/*-----------*/
	.art_content .art_one{width: 96%; margin: 10px 2%;}
	/*-----------*/
	.top_manager .price_vs ul li{float:none; padding:0; border-right:0; margin:0 auto 20px; text-align:center;}
	.top_manager .price_vs ul li:nth-child(1){ width:auto;}
	.top_manager .price_vs ul li:nth-child(2){ width:auto;}
	.top_manager .price_vs ul li:nth-child(3){width:auto;}
	/*-----------*/
	.pro_manager .pro_box .pro_one{width:49%;}
	/*-----------*/
	.left_img > img,.right_img >img{float: none;padding: 0;}
	/*-----------*/
	.convert_two .mt_one{margin: 0; width:auto;}
	/*-----------*/
	.four4k_box .four4k_one{ width:47%;}
	
	.Top_Nav .l_ti{font-size:20px;}
	.Top_Nav .r_link a{margin-left:15px; font-size:17px;}
}

@media (max-width: 479px) {
		
	h1{font-size: 45px;}
	h1 span{font-size: 25px;}
	h2{font-size: 28px;padding: 30px 0 10px;}

	.main01 .main01_bottom{padding: 20px 0 0;}
	/*-----------*/
	.pro_manager .pro_box .pro_one{width:99%;}
	/*-----------*/
	.four_box .Left{text-align: center;}
	.four_box .Left .Box{width: auto;float: none;}
	/*-----------*/
	.four4k_box .four4k_one{ width:100%; margin:5px 0; text-align:center;}
	
	.Top_Nav .l_ti{font-size:18px;}
	.Top_Nav .r_link a{font-size:15px;}
}