/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
img{max-width:100%;}
.pw1400{max-width:1400px; width:94%; margin-left:auto; margin-right:auto;}
.learn_more {margin-top: 70px;}
.learn_more a { text-decoration: none; display: inline-block; padding: 15px 95px; background: #F7FBFF; box-shadow: 0px 0px 20px rgba(222, 234, 245, 0.8); border-radius: 5px; font-weight: 600; color: #999; font-size: 24px;}
.learn_more:hover a { box-shadow: none; }

.banner h1{font-size:34px;}
.banner p {color:#999;}

.links{padding:20px 0; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;}
.links b{font-size:22px; font-weight:bold; color:#666; margin-right:70px;}
.links .act{color:#237DFD;}
.links .act:before{content:""; display:inline-block; vertical-align:middle; margin-right:8px; width:8px; height:16px; background:url(https://imobie-resource.com/en/anytrans/img/install_complete_triangle.png) no-repeat; background-size:cover;}
.links b a{font-size:inherit; font-weight:inherit; color:inherit;}

.secs{padding:0 100px; border-radius:10px; height:380px; background:#f7fbff;}
.secs h2{font-size:30px; font-weight:bold;}
.secs p{font-size:18px; color:#666; margin-top:15px;}
a.readbtn{display:block; width:300px; line-height:54px; font-size:20px; font-weight:bold; color:#fff; background:linear-gradient(90deg, #2378FE 3.09%, #20A6F5 100%); background-color:#228efa; box-shadow:0px 2px 8px rgba(0, 82, 155, 0.4); border-radius:5px; text-align:center; text-decoration:none;}
a.readbtn:hover{background:linear-gradient(90deg, #20A6F5 3.09%, #2378FE 100%);}
.imgcont{width:566px; height:398px; margin-top:-9px; background:#D8ECFF; box-shadow:2px 0px 10px rgba(0, 62, 167, 0.25); position:relative; text-align:center;}
.imgcont img{margin-top:36px;}
.imgcont.right:before{content:""; position:absolute; top:0; right:-16px; width:0; height:0; border-bottom:8px solid #277CCB; border-right:16px solid transparent;}
.imgcont.right:after{content:""; position:absolute; bottom:0; right:-16px; width:0; height:0; border-top:8px solid #277CCB; border-right:16px solid transparent;}
.imgcont.left:before{content:""; position:absolute; top:0; left:-16px; width:0; height:0; border-bottom:8px solid #277CCB; border-left:16px solid transparent;}
.imgcont.left:after{content:""; position:absolute; bottom:0; left:-16px; width:0; height:0; border-top:8px solid #277CCB; border-left:16px solid transparent;}
.sectext{width:566px;}

a.dlbtn{display:block;font-size:24px;font-weight:bold;color:#fff; background:#08B761; border-radius:5px; width:250px; line-height:60px; text-align:center; text-decoration:none; margin:20px auto;}
.recont{display:inline-block; margin:120px 50px 0; width:550px; height:330px; box-shadow:0px 0px 6px rgba(146, 165, 201, 0.5); border-radius:10px;}
.recont img{margin-top:-64px;}
.recont p{padding:0 7%;}


@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) {
}

@media screen and (max-width: 1440px){
	.secs{padding:0 20px;}
	.recont{margin:120px 10px 0;}
}
@media screen and (max-width: 1280px){
	.secs{height:auto; padding-bottom:30px;}
	.imgcont:before,.imgcont:after{display:none;}
	.imgcont,.sectext{max-width:48%;}
	.imgcont img{margin-left:10px; margin-right:10px; max-width:calc(100% - 20px);}
}
@media screen and (max-width: 980px){
	.secs{text-align:center;}
	.imgcont,.sectext{max-width:564px; width:auto; display:inline-block; vertical-align:middle; float:none;}
	.imgcont{height:auto;}
	.imgcont img{margin:10px;}
	.sectext{text-align:left;}
}
@media screen and (max-width: 750px){
	.banner h1{font-size:30px;}
	.links{padding:10px 0; margin-top:20px;}
	.links b{font-size:16px; margin-right:20px;}
	.secs{margin-top:50px;}
	.secs h2,.recommond h2{font-size:24px;}
	.secs p,.recont p{font-size:16px;}
	.sectext{margin-top:30px;}
	.recommond{margin-top:50px;}
	.recommond h3{font-size:20px;}
	.recont{width:100%; display:block; margin:50px auto 0; height:auto; padding-bottom:10px;}
	.recont img{width:64px; margin-top:-32px;}
}