@charset "utf-8";
/* 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:#000;}
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:#000;}
html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul{ margin:0; padding:0;}
article, aside, figure, footer, header, menu, nav, section, summary, time{display:block; margin:0; padding:0;}
img{border:none;}
table{border-collapse:0; border-spacing:0;}
ul, ol {list-style: none;}
a{text-decoration:none;}
a:focus {outline: 0;}
a:hover {text-decoration: underline;}
.zoom{*+zoom:1;}
.zoom:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.pw980{width:980px; margin-left:auto; margin-right:auto;}
.left{ float:left;}
.right{ float:right;}
.dsb{display:block;}
.dsl{display:inline-block;}
/*font style**/
.ftb{font-weight:bold;}
.alr{text-align:right;}
.alc{text-align:center;}
.all{text-align:left;}
.valm{ vertical-align:middle;}
.clear{clear:both;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft24{font-size:24px;}
.ft28{font-size:28px;}
.ft30{font-size:30px;}
.ft32{font-size:32px;}
.ft36{font-size:36px;}
.ft38{font-size:38px;}
.ft40{ font-size:40px; }
.ft42{font-size:42px;}
.ft48{font-size:48px;}
.fthin{ font-weight:300;}
.fclr666{ color:#666;}
.fclr333{ color:#333;}
.white{ color:#fff;}
.lh{ line-height:1.6;}
/*margin padding style**/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt100{padding-top:100px;}
.mr20{margin-right:20px;}
.mr10{margin-right:10px;}

/*banner*/
.ati_ban{ width:100%; height:524px; background:#90bea8 url(ati_banner.jpg) top center no-repeat; background-size:cover; position:relative;}
.ati_banner1>h1{ width:860px; margin:20px auto 0;}
.ati_banner1>p{ width:860px; margin:30px auto 0; line-height:1.8;}
.ati_ban_nav{ width:100%; height:108px; background:rgba(36,171,255,0.7); position:absolute; bottom:0;}
.ati_ban_navcon{ width:1080px; right:0; left:0; margin:auto; position:relative;}
.ati_ban_navcon a{ width:290px; height:60px; padding:12px 0 0 80px; color:#fff; margin-top:16px; cursor:pointer;}
.ati_ban_navcon_a1{background:url(ati_ituns_logo.png) left center no-repeat; background-size:60px 60px; transform:translateX(0); transition:all ease-in-out 1s;}
.ati_ban_navcon_a2{background:url(ati_anytrans_logo.png) left center no-repeat; background-size:60px 60px;transform:translateX(0); transition:all ease-in-out 1s; }
.ati_ban_navcon_img{ width:374px; height:205px; left:0; right:0; top:0; bottom:0; margin:auto; z-index:5; position:absolute;}
.ati_ban_navcon_a1:hover{ transform:translateX(-30px); transition:all ease-in-out 1s;}
.ati_ban_navcon_a2:hover{ transform:translateX(30px); transition:all ease-in-out 1s;}
/*sind*/
.ati_con1>h2{ width:1080px; margin:0 auto;}
.ati_arrow{ width:55px; height:34px;margin:107px auto 56px; }
.ati_arrow img{ animation:updown ease-in-out 3s infinite; -webkit-animation:updown ease-in-out 3s infinite; -moz-animation:updown ease-in-out 3s infinite; -o-animation:updown ease-in-out 3s infinite; -ms-animation:updown ease-in-out 3s infinite;}
.ati_con1>table{ width:1080px; margin:70px auto 0;}
.ati_con1>table td{ border:2px solid #FFF;}
.ati_con1>table>thead td{ height:94px; line-height:94px; padding-left:35px;}
.ati_con1>table .ati_td1{ background:#24abff;}
.ati_con1>table .ati_td2{ background:#32cabd;}
.ati_con1>table>tbody .ati_td3{ background:#e9f7ff;}
.ati_con1>table>tbody .ati_td3>p{ width:235px; margin:10px auto 0; color:#5c6164;}
.ati_con1>table>tbody .ati_td4{ background:#f4fefd; padding:20px 50px;}
.ati_con1>table>tbody .ati_td4 ul li{ margin:15px auto;}
.ati_con1>table>tbody .ati_td4 ul li p{ width:530px; color:rgba(0,0,0,0.7); margin-top:5px;}

/*vs*/
.ati_con2>h2{ width:1080px; margin:0 auto;}
.ati_con2 .ati_arrow{margin:75px auto 56px;}
.ati_con2>p{ width:760px; margin:30px auto 0;}
.ati_con2_vs{ width:1200px; height:441px; margin:75px auto 0; background:url(ati_con2_bg.jpg) top center no-repeat; position:relative;}
.ati_con2_vs ul li{ width:210px; position:absolute; z-index:5;}
.ati_vs1{ left:0; bottom:60px;}
.ati_vs2{ left:120px; top:75px;}
.ati_vs3{ left:350px; top:0;}
.ati_vs4{ right:350px; top:0;}
.ati_vs5{ right:120px; top:75px;}
.ati_vs6{ right:0; bottom:60px;}
.ati_con2_vs ul li p{ line-height:1.4;}

/*brand icon*/
.lgc_website_bg{ width:100%; background:#f8f8f8;}
.lgc_website{ width:940px; margin:0 auto;}
.lgc_website p{  margin:53px 10px 0 0; }
.lgc_website .lgc_img img{margin:40px 0 40px 10px; vertical-align:middle;}

/*purchase*/
.ati_con3>h2{ width:1080px; margin:60px auto 0;}
.ati_con3_bg{ width: 100%; height: 525px; background: url(ati_con3_purchase_bg.jpg) top center no-repeat;}
.ati_con3_purchase h4{ line-height:80px;}
.ati_con3_purchase_left{ width:358px;position:relative; margin-top:95px; background:#eeeeee;}
.ati_con3_purchase ul{ padding:5px 0 25px 50px; position:relative;}
.ati_con3_purchase ul li{ margin-top:20px; padding-left:25px; position:relative;}
.ati_con3_purchase ul li:before{ width:5px; height:5px; content:""; display:block; border-radius:5px; top:10px; z-index:5; left:0; position:absolute;} 
.ati_con3_purchase_left_p{ line-height:112px; color:#2bbcaf;}
.ati_con3_purchase_right{ width:402px; position:relative; margin-top:43px; background-color:#7166ff; background:-webkit-linear-gradient(top, #1189de 0%, #54b9ff 100%); background:-moz-linear-gradient(top, #1189de 0%, #54b9ff 100%); position: relative;}
.ati_con3_purchase_right_ptimg{ position: absolute; right: 0; top: 0;}
.ati_con3_purchase_left>ul{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.ati_con3_purchase_left>ul:after{border-top: 12px solid #e5e5e5;}
.ati_con3_purchase_right>ul{ border-top:1px solid #66c4ff; border-bottom:1px solid #66c4ff; margin-top:5px;}
.ati_con3_purchase_right>ul:after{ border-top: 12px solid #92d5ff;}
.ati_con3_purchase_left>ul li:before{background:#7f7f7f;} 
.ati_con3_purchase_right>ul li:before{background:#fff;} 
.price_p span{ margin-left:20px; text-decoration:line-through; color:rgba(255,255,255,0.8); font-size:18px;}
.ati_buy{ width:180px; height:46px; line-height:46px; background:#ff890b; display:block; margin:18px auto 28px;}
.ati_buy:hover{ text-decoration:none; background:#ff9d33;}
.ati_con3_tip{ width:870px; margin:30px auto 40px; border-top: 1px dashed #e5e6e6; padding: 20px 0 0 0;}
.ati_con3_tip h5{ color:#262626;}
.ati_con3_tip ul{ margin-left: 40px;}
.ati_con3_tip ul li{ list-style:decimal; font-size:16px; margin-top:10px; color:#262626;}
.ati_con3_tip ul li>a{ font-size:inherit; color:#0088cc;}
.ati_con3_purchase{ width:760px; margin:30px auto 0;}
.purchase_autop{ width: 630px; margin: 40px auto 30px;}
.purchase_autop>p{ width: 560px; font-size: 16px;}
.purchase_autop>p a{ font-size: inherit; color: #0080dc;}

/*foot*/
.fot{ width:100%; height:66px; background:#484848;}
.fot>p{line-height:66px; }

@keyframes updown{
	0%{ margin-top:0; opacity:0;}
	30%{ margin-top:0; opacity:1;}	
	100%{ margin-top:60px; opacity:0;}
}

@media screen and (max-width:1200px) {
.ati_con2_vs{ width:96%; height:auto; margin:10px auto; background:none;}
.ati_con2_vs ul li{ position:relative !important; z-index:5; display:inline-block; vertical-align:text-top; margin-top:20px;}
.ati_vs1,.ati_vs2,.ati_vs3,.ati_vs4,.ati_vs5,.ati_vs6{ left:0; right:0; top:0; bottom:0; margin:auto;}
}

@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) {
.ati_ban_navcon_a1{background:url(ati_ituns_logo@2x.png) left center no-repeat; background-size:60px 60px; }
.ati_ban_navcon_a2{background:url(ati_anytrans_logo@2x.png) left center no-repeat; background-size:60px 60px; }
}