/* CSS Document */


/*index style**/
.pr_banner .pr_fun_nav .fun_nav_line{ border-color:rgba(255,255,255,0.5);}
.pr_banner .fun_nav_cont>a,.pc_fe_banner .fun_nav_cont>a{ margin:10px 33px 20px 32px;}
.pr_banner{ width:100%; height:618px; background:#379d98 url(/img/idx_banner_bg.jpg) center no-repeat; background-size:cover; overflow:hidden;}
.banner_cont{ top:100px;}
.banner_cont_text{ width:540px;}
.banner_cont_text>p{ width:490px; color:#fff; opacity:0.8; line-height:1.714; font-weight:300;}
.banner_cont_text ul li{ font-size:16px; color:#fff; line-height:1.714; font-weight:300; margin:10px 0 0 0; background: url(/img/idx_sel.png) center left no-repeat; padding-left:20px; opacity:0.8;}
.wrap .btn{ border-radius:5px; display:block; color:#fff; text-align:center;}
.btn:hover{ text-decoration:none;}
.banner_dl_btn{ width:280px; height:66px; line-height:66px; background-color:#1eac1a; margin-top:35px; box-shadow:2px 0 30px rgba(0,0,0,0.4); }
.banner_dl_btn:hover,.fe_pro_btn>a:hover{ background-color:#2abb26;}
.banner_cont>img{
	position:absolute;
	top:20px;
	right:-150px;
}

 
.idx_pro p{ font-size:16px; line-height:1.657; font-weight:300;}
.idx_pro>a,.idx_pro_text>a{ font-size:16px; font-weight:300;}
.idx_pro1>h2{ width:680px; margin:60px auto 0 auto;}
.idx_pro1>p{ width:830px; margin:20px auto;}
.idx_pro2{ width:100%; height:620px; background:#6ac2b6 url(/img/idx_pro2_bg.jpg) center no-repeat; background-size:cover; margin-top:-4px;}
.idx_pro3{ margin:55px auto 60px auto; overflow:hidden;}
.idx_pro4{ width:100%; height:565px; background:#858585 url(/img/idx_pro4_bg.jpg) center no-repeat; background-size:cover; overflow:hidden;}
.idx_pro6{ background-color:#f2f2f2; padding:128px 0 86px 0;}

.idx_pro_text{ width:500px;}
.idx_pro4 .idx_pro_cont{height:100%;}
.idx_pro_text h2{ font-size:40px; font-weight:300;}
.idx_pro_text p{ margin:30px auto;}
.idx_pro2 p,.idx_pro2 a,.idx_pro4 p,.idx_pro4 a{ color:#fff; opacity:0.8;}

.idx_pro3 p,.idx_pro5 p{ color:#4c4c4c;}
.idx_pro3 img{ position:absolute; top:0; right:-400px;}
.idx_pro4 img{ margin:180px 0 0 40px;}
.idx_pro5 .idx_pro_text{ padding:140px 0;}
.idx_pro5 img{ position:absolute; top:-15px; right:-100px;}

.fe_pro_dl{ padding:65px 0; border-top:1px solid #eee;}
.fe_dl_cont{ width:680px; border-right:1px solid #e5e5e5;}
.fe_dl_cont div{ width:470px; margin-left:35px;}
.fe_dl_cont h3{ font-size:40px; color:#000; font-weight:300; margin:15px 0 10px;}
.fe_dl_cont  p{ color:#666; line-height:1.286; font-size:14px;}
.fe_pro_btn{ width:230px;}
.fe_pro_btn>a{ background-color:#1eac1a; height:60px; font-size:18px; line-height:60px; margin:15px auto;}
.fe_pro_btn span{ color:#808080; line-height:1.5;}



/*feature**/
.fe_banner_cont>h1{ width:700px; font-size:36px; font-weight:300; color:#000; line-height:1.333; margin:100px auto 60px auto;}

.fe_pro_nav a{ width:140px; height:75px; float:left; margin:0 28px 50px; overflow:hidden;}
.fe_pro_nav span{ display:block; margin-top:55px; color:#000; font-size:14px;}
.fe_pro_nav a:hover,.fe_pro_nav .pro_nav_sel{ background-position: center -75px;}
.pro_nav_sel span,.fe_pro_nav a:hover,.fe_pro_nav a:hover span{ color:#20b5a4;}

 

.fe_fun3{width:100%; height:452px; background:#1abbac url(/img/fe1_bg3.jpg) center no-repeat; background-size:cover; overflow:hidden;}
.fe_fun img{ position: absolute; top:0; right:0;}
.fe_fun4 img{ right:140px;}
.fe_fun_text h2{ font-size:48px; font-weight:300;}
.fe_pro_fun h3{ font-size:28px; font-weight:300;}
.fe_fun_text p{ line-height:2;}
.fe_fun1 p{ line-height:1.75;}
/*.fe_fun_text{ width:450px;}*/
.fe_fun_text2{ width:480px;}
.fe_fun_text2 h2{ font-size:48px; font-weight:300;}
.fe_fun_text2 p{ line-height:2;}
/*.fe_fun1 .fe_fun_text{ margin-left:70px;}*/
.fe_pro_fun p{ font-size:14px; color:#666; line-height:2; margin-top:20px;}
.fe_pro_fun{ margin-top:40px;}

.fe_pro_fun3 li{ width:110px; float:left; margin:20px 25px;}
.fe_pro_fun3 li span{ display:block; margin-top:10px; font-size:14px; color:#000;}
.fe_pro_fun_block{ width:350px; margin:30px 50px;}
.fe_pro_fun_block h4{ font-size:18px; margin-top:20px; color:#000;}
.fe_pro_fun_block p{ line-height:1.6;}
.fe_pro_fun .fe_fun_note{ width:390px; border-radius:8px; border:1px dashed #d5d5d5; padding:20px; color:#7e7e7e;}
.fe_pro_fun4 img{ position: absolute; top:30px; left:-200px;}
.fe_fun_block{width:880px; margin:80px auto 0 auto}
.fe_fun_block p{ width:760px;}
.fe_fun_block p b{ font-size:24px; font-weight:300; color:#000;}
.fe_fun_block p span{ display:block; margin-top:10px; font-size:14px; color:#4c4c4c; line-height:1.43;}
.fe_pro_fun5 p{ margin:0 auto;}

/*resource**/
.resource_cont{ margin:40px auto;}
.resource_cont h2{ font-size:20px;  margin:20px 0; color:#000;}
.resource_cont .screenshots_title{ margin-top:50px;}
.resource_cont .resource_cont_p{ width:900px; margin:20px auto;}
.resource_cont p{ font-size:14px; line-height:1.5; margin-top:20px;}
.resource_cont a{ font-size:14px;}
.resource_cont li{ font-size:14px; line-height:1.5; margin:10px 0;}
.resource_cont .resource_btn{ width:300px; height:66px; line-height:66px; box-shadow: 2px 0 30px rgba(0, 0, 0, 0.3);  font-size:18px; background-color:#3eb0a9; margin:30px auto; -webkit-box-shadow: 2px 0 30px rgba(0, 0, 0, 0.3);}
.resource_btn:before{ content:"\e801"; font-family:iconfont; vertical-align: middle; font-size:32px; margin-right:5px;}
.resource_btn:hover{ background-color:#26bfb5;}
.resource_dl_link{ margin-bottom:20px;}
.resource_dl_link:before{ content:"\e801"; font-family:iconfont;}
.screenshots_mac{ display:none;}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {

}