/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 16px "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.4; color:#333;}
body{ background:#fcfcfc;}
.pw1120{margin-left:auto; margin-right:auto; max-width:1120px; width:92%;}
.pw1080{ margin-left:auto; margin-right:auto; max-width:1080px; width:92%;}
.pw1000{ margin-left:auto; margin-right:auto; max-width:1000px; width:100%;}
.mr15{ margin-right:15px;}
.ft26{ font-size:26px;}
.fclr222{ color:#222222;}
.line18{ line-height:1.8;}


.podidx_banner{ width:100%; height:522px; background:#f5faff url(../podtrans/img/podidx_ban.jpg) center no-repeat; background-size:cover; overflow:hidden;}
.podidx_banner p{ line-height:1.8;}
.podidx_banner p b{ font-style:italic; font-size:inherit;}
.podidx_banner p a{ font-size:inherit; color:#2898fe; text-decoration:none;}
.podidx_banner p a:hover{text-decoration:underline;}
a.podidx_banbtn{ max-width:400px; width:90%; height:65px; line-height:65px; font-size:22px; color:#ffffff; background:#00d96f; display:block; margin:35px auto 15px; border-radius:5px; box-shadow:0 0 30px rgba(0,0,0,0.1); transition:all ease-in-out 0.5s; text-decoration:none;}
a.podidx_banbtn:hover{ transform:translateY(-5px); box-shadow:0 0 50px rgba(0,0,0,0.2); transition:all ease-in-out 0.5s;}

.podidx_sec2 table tr th{ padding:12px 2%; line-height:1.9;}
.podidx_sec2 table tr td{ padding:25px 2%; line-height:1.9;}
.podth1{ background:#f9f9f9;}
.podth2{ background:#d9e4ff;}
.podth3{ background:#86d9ff;}
.podtd1-1{background:#eeeeee;}
.podtd2-1{background:#f2f5fc;}
.podtd3-1{background:#cff0ff;}
.podtd1-2{background:#f6f6f6;}
.podtd2-2{background:#f9fafe;}
.podtd3-2{background:#e7f8ff;}

.podidx_sec3 ul li{ width:260px; margin:35px 55px 0; display:inline-block; vertical-align:top;}
.podidx_sec3 ul li p{ color:#555555; line-height:1.8;}
.podidx_atpro{ max-width:1000px; margin-left:auto; margin-right:auto; border-radius:10px; box-shadow:0 0 50px rgba(0,0,0,0.1); padding:26px 40px;}
.podidx_atpro_des{ width:600px;}
.podidx_atpro_des>img{ display:inline-block; vertical-align:middle; margin-right:20px;}
.podidx_destext{ width:420px; display:inline-block; vertical-align:middle;}
.podidx_destext h4 img{ margin-left:20px;}
.podidx_destext h4{ margin-bottom:8px;}
.podidx_destext p{ margin-top:3px; line-height:1.6;}
.podidx_atpro_btn{ width:300px; text-align:center;}
.podidx_atpro_btn a{ width:268px; padding-left:32px; text-align:left; height:72px; line-height:72px; display:inline-block; vertical-align:top; margin:8px 10px; font-size:26px; color:#ffffff; text-decoration:none; border-radius:5px;}
.podidx_atpro_btn a img{ vertical-align:middle; margin:-3px 15px 0 0;}
.podidx_atpro_btn a:hover{ text-decoration:none;}
.poddlbtn{ background:#00d96f;}
.poddlbtn:hover{background:#05ca6a;}
.podbuybtn{ background:#f39a1a; letter-spacing:1.7px;}
.podbuybtn:hover{background:#eb8c05;}

@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) {
.podidx_banner{background:#f5faff url(../podtrans/img/podidx_ban@2x.jpg) center no-repeat; background-size:cover;} 
}
@media screen and (max-width: 1230px){
.podidx_sec3 ul li{ margin:35px 10px 0;}
}
@media screen and (max-width: 1100px){
.podidx_atpro{ width:86%; padding:3%;}
.podidx_atpro_des{ float:none; margin:10px auto;}
.podidx_atpro_btn{ width:100%; float:none; margin-top:30px;}
}
@media screen and (max-width: 980px){
.pw980{width:92%;}
/*nav style**/
.nva_meau{display:block;}
.nav_cont ul{width:100%; background-color: rgba(0,0,0,0.95); position: absolute; z-index:9999; height:100%; left:0; top:54px; margin:0; overflow:hidden; display: none;}
.nav_cont ul li{float:none; text-align:left;}
.nav_cont ul li a{display:block; text-align:left; color:#fff; margin-left:20px;}
.nav_cont ul li .nav_sel,.nav_cont ul li a:hover{color:#fff;}
.language{display:none;}
.nav_pro_list{margin-left:50px; display:none;}
.nav_pro_list>a{display:block; font-size: 12px; color: #fff; line-height: 50px; font-family:"Open Sans"; margin-right:20px; text-decoration:none;} 
.nav_pro_list>a:hover{text-decoration: underline;}
.podidx_banner{ height:auto; background:#f5faff; padding-bottom:40px;}
.podidx_bantext h1{ font-size:28px; margin-top:40px;}
.podidx_banner p{ font-size:18px;}
.podidx_sec{ margin-top:40px;}
.podidx_sec h2{ font-size:24px;}
.podidx_sec2 table tr th{ font-size:18px; padding:8px 2%;}
.podidx_sec2 table tr th img{ margin-right:8px;}
.podidx_sec2 table tr td{ padding:10px 2%; font-size:14px;}
.podidx_sec3 ul li{ width:90%; margin:30px 5% 0;}
}
@media screen and (max-width: 710px){
.podidx_atpro{ padding:5% 3%;}
.podidx_atpro_des{ text-align:center;}
.podidx_destext,.podidx_atpro_des{ width:100%; text-align:center;}
.podidx_atpro_des>img{ margin-right:0;}
.podidx_destext h4 img{ display:block; margin:10px auto;}
}

@media screen and (max-width: 568px){
.podidx_sec3 ul li{ margin:30px auto; display:inline-block; vertical-align:top;}
.podidx_sec3 ul li p{ font-size:16px;}
a.podidx_banbtn{ font-size:18px;}
.podidx_atpro_des>img{ width:100px;}
.podidx_sec2 table tr th,.podidx_sec2 table tr td{ padding:8px 1%; line-height:1.6;}
footer{ margin-top:40px;}
.podidx_destext p{ margin-top:15px;}
}
@media screen and (max-width: 375px){
.podidx_destext h4{ font-size:30px;}
.podidx_destext p{ font-size:16px;}
.podidx_atpro_btn a{ font-size:22px; padding-left:20px; width:215px; height:56px; line-height:56px;}
.podidx_atpro_btn a img{ width:26px;}
}