*{margin:0;padding:0;}
body{font-family:Arial, Helvetica, sans-serif;font-size:14px;}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
img{border:none;}
a{text-decoration:none;color:#62c431;}
ul{list-style:none;}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
@font-face{font-family:Roboto-Regular;src:url(../fonts/Roboto-Regular.ttf);}
@font-face{font-family:Roboto-Thin;src:url(../fonts/Roboto-Thin.ttf);}
#container{width:100%;background:#FFF;min-height:500px;}
header{width:100%;height:auto;box-shadow:0 1px 2px #CCC;background:#FFF;position:fixed;top:0;left:0;z-index:999999;}
.header{width:1200px;height:80px;overflow:hidden;margin:auto;}
.header .logo{width:204px;height:70px;margin:8px 0 0 0;float:left;}
.header nav{margin:5px 0;float:right;}
.header nav ul{width:100%;float:left;margin:8px 5px 0 0;}
.header nav ul li{margin-left:5px;float:left;}
.header nav ul li a{padding:10px 3px;background:#FFF;transition-duration:.5s;float:left;border-radius:5px;}
.header nav ul li a:hover{background:#F9F9F9;box-shadow:0 0 1px #CCC inset;}
.header nav ul li a i{color:#666;float:left;text-align:center;width:100%;font-size:16px;margin:0 0 5px 0;}
.header nav ul li a span{color:#999;float:left;text-align:center;width:100%;}
.header font{width:auto;height:55px;margin:0px 0;padding-top:25px;padding-left:15px;float:right;}
.header font i{color:#008bed;font-size:28px;margin:0 0 5px 5px;}
.top_banner{width:100%;height:80px;}
.main_banner{width:1200px;height:350px;border-bottom:1px dashed #CCC;margin:50px auto 20px auto;}
.main_banner img{width:100%;height:350px;float:left;}
.welcome_box{width:1200px;margin:50px auto;height:auto;overflow:hidden;}
.welcome_box p{width:100%;text-align:center;line-height:26px;color:#333;font-size:15px;}
.welcome_box h1{width:100%;text-align:center;line-height:20px;color:#62c431;font-size:24px;}
.welcome_box h2{width:100%;text-align:center;line-height:20px;color:#62c431;font-size:24px;}
.welcome_box h3{width:100%;text-align:center;font-size:15px;}
.banner{width:1200px;height:auto;margin:30px auto 0 auto;overflow:hidden;border-bottom:1px dashed #EEE;}
.left_b{float:left;width:750px;padding:15px;min-height:300px;margin-right:20px;}
.left_b .pl{float:left;width:375px;min-height:300px;margin-right:20px;}
.left_b .pl p{width:355px;float:left;color:#FFF;background:#008bed;font-size:14px;padding:10px;margin:0 0 10px 0;}
.left_b .pl img{width:375px;margin:0 0 10px 0;height:270px;background:#DDD;float:left;}
.left_b .p2{float:left;width:350px;min-height:300px;}
.left_b .p2 img{float:left;margin:0px 0 0px 90px;}
.left_b .p2 span{float:left;width:100%;margin:20px 0;border-bottom:1px dashed #EEE;padding:10px 0;border-top:1px dashed #EEE;}
.left_b .p2 a{float:left;margin:10px 0 10px 70px;padding:10px 55px;font-size:24px;color:#FFF;background:#008bed;border-radius:50px;}
.left_b .p2 a:hover{background:#00a1a0;}
.right_b{float:left;width:370px;padding:15px;min-height:300px;}
.right_b h3{width:100%;float:left;font-size:22px;color:#005570;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #EEE;}
.right_b font{float:left;width:100%;margin:5px 0;font-size:17px;line-height:22px;color:#4D4D4D;}
.right_b a{float:left;margin:5px 0;font-size:12px;line-height:22px;color:#62c431;text-decoration:underline;}
.right_b h1 font{color:#62c431;font-size:20px;}
.right_b .box a{width:100px;border-radius:2px;padding:5px 10px;float:right;text-align:center;margin:10px 40px;text-decoration:none;transition-duration:.5s;color:#FFF;font-size:13px;background:#00a1a0;font-weight:bold;}
.right_b .box a:hover{background:#333;}
.slider_box{width:1200px;border-radius:2px;height:auto;margin:50px auto 50px auto;overflow:hidden;}
.slider_box h1{font-family:Roboto-Regular;width:1168px;margin:15px;float:left;font-size:19px;font-weight:normal;color:#333;}
.slider_box h1 a{font-size:11px;padding:3px 10px;border:1px solid #62c431;border-radius:2px;}
.slde{width:245px;padding:7px;height:auto;float:left;border:1px solid #FFF;margin:13px 13px;font-family:Roboto-Regular;transition-duration:1s;border-radius:2px;}
.soft_box{width:245px;padding:7px;height:auto;float:left;border:1px solid #FFF;margin:13px 13px;font-family:Roboto-Regular;transition-duration:1s;border-radius:2px;}
.soft_box:hover{border:1px dashed #62c431;}
.soft_box img{float:left;margin:15px 35px;}
.soft_box h3{width:225px;text-align:center;float:left;margin:5px 10px;color:#333;font-size:15px;font-weight:normal;text-transform:capitalize;}
.soft_box p{width:225px;float:left;margin:0 10px;color:#111;font-size:13px;}
.soft_box span{width:225px !important;float:left;margin:5px 10px !important;font-size:13px;}
.soft_box span font{color:#999;text-decoration:line-through;float:left;font-size:14px;}
.soft_box span strong{color:#62c431;text-decoration:none;float:left;text-indent:10px;font-weight:normal;}
.bottom_footer{width:100%;background:#EEE;border-bottom:5px solid #FFF;padding:20px 0;height:auto;}
.bottom_footer_main{width:1200px;min-height:130px;margin:0 auto;overflow:hidden;}
.b_box{width:480px;margin:10px;float:left;}
.b_box h2{width:100%;float:left;margin:0 0 10px 0;color:#639adb;font-size:16px;padding-bottom:10px;border-bottom:1px solid #DDD;}
.b_box ul{width:100%;float:left;margin:0;}
.b_box ul li{width:90%;float:left;margin:20px 20px 20px 20px;list-style:circle;}
.b_box ul li a{color:#333;}
.b_box ul li a:hover{color:#666;}
.b_box span{width:100%;float:left;margin:0;}
.b_box span .social_button{font-size:30px;color:#008bed;margin:20px;}
.b_box2{width:210px;}
footer{width:100%;background:#008b9d;height:auto;}
.footer{width:1200px;min-height:10px;margin:0 auto;overflow:hidden;}
.footer p{margin:10px;float:left;font-family:Roboto-Regular;color:#FFF;line-height:40px;}
.footer span{margin:10px;float:right;font-family:Roboto-Regular;color:#FFF;line-height:40px;}
.footer span a{color:#FFF;}
.paytr{background-color:#EEE;height:200px;}
.paymenthead{height:40px;background-color:#005570;font-size:14px;color:#FFF;font-weight:bold;text-align:center;}
.paybutton{float:right;border:1px solid #999999;width:90%;}
#inner_container{width:100%;background:#FFF;min-height:500px;}
.inner_main{width:1200px;height:auto;margin:80px auto 0 auto;overflow:hidden;}
.pro_box{float:left;width:800px;border-bottom:1px solid #EEE;min-height:500px;background:#FFF;margin:20px 0;}
.pro_box h3{width:760px;float:left;margin:20px;color:#333;font-size:26px;font-weight:normal;text-transform:capitalize;}
.pro_box h3 font{color:#62c431;font-size:20px;}
.pro_box h1{width:760px;float:left;margin:20px;color:#333;font-size:26px;font-weight:normal;text-transform:capitalize;}
.pro_box h1 font{color:#62c431;font-size:20px;}
.pro_box div{width:175px;height:auto;float:left;margin:20px;}
.pro_box div img{width:185px;height:257px;float:left;}
.pro_box div p{width:175px;height:auto;float:left;margin:20px 0;}
.pro_box div p i{float:left;color:#62c431;font-size:18px;text-indent:5px;}
.pro_box div a{width:125px;float:left;margin:0px 0;padding:10px;font-size:16px;background:#333;transition-duration:.5s;border-radius:2px;}
.pro_box div a i{float:left;font-size:16px;color:#FFF;margin:0 10px 0 25px}
.pro_box div a span{float:left;font-size:14px;color:#FFF;}
.pro_box div a:hover{background:#62c431;}
.pro_box ul{width:540px;height:auto;float:left;margin:20px 20px;}
.pro_box ul p{width:100%;float:left;margin:0 0 10px 0;color:#111;font-size:16px;line-height:22px;text-align:justify;}
.pro_box ul a{padding:7px 20px;border-radius:2px;float:right;text-align:center;margin:10px 0;transition-duration:.5s;color:#FFF;font-size:13px;background:#00a1a0;}
.pro_box ul a:hover{background:#333;}
.pro_box ul a i{margin-right:5px;}
.pro_box table img{width:100%;float:left;}
.full_width{width:100%;height:auto;float:left;margin:20px 0;}
.full_width h3{width:100%;float:left;margin:20px 0;color:#333;font-size:26px;font-weight:normal;text-transform:capitalize;}
.full_width h3 font{color:#62c431;font-size:20px;}
.full_width ul{width:100%;height:auto;float:left;margin:20px 0;}
.full_width p{width:100%;float:left;margin:0 0 10px 0;color:#111;font-size:13px;line-height:22px;text-align:justify;}
.full_width h4{width:100%;float:left;margin:0;color:#111;font-size:13px;line-height:22px;text-align:justify;}
.all_right_software_box{float:right;width:380px;min-height:500px;background:#FFF;margin:20px 0;}
.all_right_software_box h2{font-family:Roboto-Regular;float:left;font-size:22px;font-weight:normal;width:100%;margin:15px;}
.all_right_software_box h2 font{color:#62c431;}
.all_right_software_box .box{font-family:Roboto-Regular;float:left;background:#FFF;height:auto;margin:7px 8px;border:1px solid #EEE;}
.all_right_software_box .box img{width:130px;height:180px;float:left;margin:15px 0px 15px 20px;cursor:pointer;}
.all_right_software_box .box ul{width:55%;height:130px;float:left;margin:10px 10px 10px 0px;}
.all_right_software_box .box ul h3{width:100%;float:left;margin:35px 0 5px 0;color:#333;font-size:13px;font-weight:normal;text-transform:capitalize;}
.all_right_software_box .box ul p{width:100%;float:left;margin:0 0;color:#111;font-size:13px;}
.all_right_software_box .box ul span{width:100% !important;float:left;margin:5px 0 !important;font-size:13px;}
.all_right_software_box .box ul span font{color:#999;text-decoration:line-through;float:left;font-size:14px;}
.all_right_software_box .box ul span strong{color:#62c431;text-decoration:none;float:left;text-indent:10px;font-weight:normal;}
.all_right_software_box .box ul a{width:100px;border-radius:2px;padding:5px 10px;float:right;text-align:center;margin:10px 40px;transition-duration:.5s;color:#FFF;font-size:13px;background:#00a1a0;}
.all_right_software_box .box ul a:hover{background:#333;}
@media only screen and (min-width:769px) and (max-width:1024px){.header{width:100%;}
.main_banner{width:100%;height:292px;margin:20px auto;}
.main_banner img{width:100%;height:292px;}
.welcome_box{width:100%;margin:50px auto;height:auto;overflow:hidden;}
.banner{width:100%;}
.left_b{width:100%;}
.left_b .pl{width:275px;}
.left_b .pl p{width:255px;}
.left_b .pl img{width:275px;height:200px;}
.left_b .p2{width:250px;}
.left_b .p2 img{margin:0px 0 0px 60px;}
.left_b .p2 a{margin:10px 0 10px 30px;}
.slider_box{width:100%;}
.footer{width:100%;}
.full_width{width:98%;margin:1%;}
.inner_main{width:100%;}
.pro_box{width:100%;}
.pro_box h3{width:100%;}
.pro_box ul{width:65%;}
.pro_box ul p{line-height:20px;}
.all_right_software_box{float:left;width:100%;min-height:50px;background:#FFF;margin:20px 0;}
.all_right_software_box .box{font-family:Roboto-Regular;width:47%;float:left;background:#FFF;height:auto;margin:7px 8px;border:1px solid #EEE;}
.bottom_footer{width:100%;background:#EEE;border-bottom:5px solid #FFF;padding:20px 0;height:auto;}
.bottom_footer_main{width:100%;min-height:200px;margin:0 auto;overflow:hidden;}
.b_box{width:480px;margin:10px;float:left;}
.b_box2{width:210px;}
}
@media only screen and (min-width:601px) and (max-width:768px){.header{width:100%;}
.main_banner{width:100%;margin:0px auto;}
.main_banner img{width:100%;}
.welcome_box{width:100%;margin:10px auto;height:auto;overflow:hidden;}
.banner{width:100%;}
.left_b{width:100%;min-height:230px;}
.left_b .pl{width:375px;min-height:200px;}
.left_b .pl p{width:355px;}
.left_b .pl img{width:375px;height:200px;}
.left_b .p2{width:250px;min-height:200px;}
.left_b .p2 img{margin:0px 0 0px 60px;}
.left_b .p2 a{margin:10px 0 10px 30px;}
.right_b{width:95%;min-height:180px;}
.full_width{width:98%;margin:1%;}
.slider_box{width:100%;margin:10px auto;}
.slider_box h1{width:100%;}
.soft_box img{}
.soft_box{width:167px;margin:15px 2px;}
.soft_box h3{width:155px;font-size:13px;}
.footer{width:100%;}
.inner_main{width:100%;}
.pro_box{width:100%;}
.pro_box div img{width:150px;height:208px;float:left;}
.pro_box h3{width:560px;}
.pro_box ul{width:100%;height:auto;float:left;margin:20px 20px;}
.pro_box ul p{width:92%;float:left;margin:0 0 10px 0;color:#111;font-size:15px;text-align:justify;}
.all_right_software_box{float:left;width:100%;min-height:200px;margin:0;}
.all_right_software_box h2{width:95%;margin:15px;}
.all_right_software_box .box{width:96%;margin:5px;height:auto;}
.all_right_software_box .box img{width:125px;height:165px;float:left;margin:20px 10px 20px 20px;cursor:pointer;}
.all_right_software_box .box ul{width:60%;}
.all_right_software_box .box ul a{width:100px;border-radius:2px;padding:5px 10px;float:right;text-align:center;margin:10% 30%;transition-duration:.5s;color:#FFF;font-size:13px;background:#00a1a0;}
.bottom_footer{width:100%;background:#EEE;border-bottom:5px solid #FFF;padding:20px 0;height:auto;}
.bottom_footer_main{width:100%;min-height:200px;margin:0 auto;overflow:hidden;}
.b_box{width:480px;margin:10px;float:left;}
.b_box2{width:100%;}
}
@media only screen and (min-width:441px) and (max-width:600px){.header{width:100%;}
.main_banner{width:100%;margin:0px auto;}
.main_banner img{width:100%;height:170px;}
.welcome_box{width:100%;margin:10px auto;height:auto;overflow:hidden;}
.banner{width:100%;}
.left_b{width:100%;min-height:230px;}
.left_b .pl{width:275px;min-height:200px;}
.left_b .pl p{width:255px;}
.left_b .pl img{width:275px;height:180px;}
.left_b .p2{width:250px;min-height:200px;}
.left_b .p2 img{margin:0px 0 0px 60px;}
.left_b .p2 a{margin:10px 0 10px 30px;}
.right_b{width:95%;min-height:180px;}
.slider_box{width:100%;margin:10px auto;}
.slider_box h1{width:720px;}
.soft_box{margin:15px 2px;}
.soft_box img{margin:15px 0px;}
.soft_box h3{display:none;}
.soft_box p{display:none;}
.soft_box span{display:none;}
.bx-wrapper .bx-controls-direction a{top:110px !important;display:none !important;}
.footer{width:100%;}
.inner_main{width:100%;}
.pro_box{float:left;width:100%;border-bottom:1px solid #EEE;background:#FFF;margin:20px 0;}
.pro_box div img{width:150px;height:208px;float:left;}
.pro_box h3{width:100%;}
.pro_box ul{width:92%;height:auto;float:left;margin:20px 20px;}
.pro_box ul p{width:92%;float:left;margin:0 0 10px 0;color:#111;font-size:15px;text-align:justify;}
.all_right_software_box{float:left;width:100%;min-height:200px;margin:0;}
.all_right_software_box h2{width:95%;margin:15px;}
.all_right_software_box .box{width:95%;height:auto;margin:5px 10px;}
.all_right_software_box .box img{width:110px;height:153px;float:left;margin:15px 0px 15px 10px;cursor:pointer;}
.all_right_software_box .box ul{width:65%;}
.all_right_software_box .box ul a{width:100px;border-radius:2px;padding:5px 10px;float:right;text-align:center;margin:5% 30%;transition-duration:.5s;color:#FFF;font-size:13px;background:#00a1a0;}
.full_width{width:90%;margin:3%;}
.bottom_footer{width:100%;background:#EEE;border-bottom:5px solid #FFF;padding:20px 0;height:auto;}
.bottom_footer_main{width:100%;min-height:200px;margin:0 auto;overflow:hidden;}
.b_box{width:370px;margin:10px;float:left;}
//.b_box2{width:170px;}
.b_box2{}
}
@media only screen and (min-width:381px) and (max-width:440px){.header{width:100%;}
.header .logo{width:140px;height:50px;margin:18px 0 0 0;}
.header .logo img{width:100%;}
.header font{padding-left:0;display:none;}
.header nav{margin:5px 10px;}
.main_banner{width:430px;height:130px;margin:0px auto;}
.main_banner img{width:430px;height:130px;}
.welcome_box{width:430px;margin:10px auto;height:auto;overflow:hidden;}
.banner{width:430px;}
.left_b{width:275px;min-height:490px;float:none;margin:auto;}
.left_b .pl{width:275px;min-height:200px;}
.left_b .pl p{width:255px;}
.left_b .pl img{width:275px;height:180px;}
.left_b .p2{width:250px;margin-top:20px;min-height:200px;}
.left_b .p2 img{margin:0px 0 0px 60px;}
.left_b .p2 a{margin:10px 0 10px 30px;}
.right_b{width:95%;min-height:180px;}
.slider_box{width:440px;margin:10px auto;}
.slider_box h1{width:410px;}
.soft_box img{margin:15px 0px;}
.soft_box{margin:15px 2px;}
.welcome_box h3{font-size:10px;}
.soft_box h3{display:none;}
.soft_box p{display:none;}
.soft_box span{display:none;}
.bx-wrapper .bx-controls-direction a{top:110px !important;display:none !important;}
.footer{width:100%;}
.inner_main{width:100%;}
.pro_box{width:100%;min-height:430px;}
.pro_box div img{width:150px;height:208px;float:left;}
.pro_box h3{width:95%;}
.pro_box ul{width:95%;margin:15px;}
.pro_box ul p{width:95%;float:left;margin:0 0 10px 0;color:#111;font-size:15px;text-align:justify;}
.all_right_software_box{width:100%;min-height:200px;margin:0;}
.all_right_software_box h2{width:410px;margin:15px;}
.all_right_software_box .box{width:92%;height:auto;margin:5px 15px;}
.all_right_software_box .box img{width:30%;height:30%;float:left;margin:15px 0px 15px 10px;cursor:pointer;}
.all_right_software_box .box ul{width:58%;}
.all_right_software_box .box ul a{width:100px;border-radius:2px;padding:5px 10px;float:right;text-align:center;margin:5% 25%;transition-duration:.5s;color:#FFF;font-size:13px;background:#00a1a0;}
.full_width{width:90%;margin:3%;}
.bottom_footer{width:100%;background:#EEE;border-bottom:5px solid #FFF;padding:20px 0;height:auto;}
.bottom_footer_main{width:100%;min-height:200px;margin:0 auto;overflow:hidden;}
.b_box{width:380px;margin:10px;float:left;}
.b_box2{width:180px;}
}
@media only screen and (min-width:240px) and (max-width:380px){#inner_container{overflow-x:hidden;}
#container{overflow-x:hidden;}
.header{width:100%;}
.header .logo{width:168px;height:50px;margin:17px 0 0 0;}
.smaller .header .logo{width:150px;height:40px;margin:5px 5px;}
.header .logo img{width:100%;}
.header font{padding-left:0;}
.header nav{margin:5px 20px;}
.main_banner{width:380px;height:100px;margin:0px auto;}
.main_banner img{width:380px;height:100px;}
.welcome_box{width:360px;margin:10px auto;height:auto;overflow:hidden;}
.welcome_box p{width:100%;line-height:20px;font-size:13px;}
.banner{width:100%;}
.left_b{width:275px;min-height:490px;float:none;margin:auto;}
.left_b .pl{width:275px;min-height:200px;}
.left_b .pl p{width:255px;}
.left_b .pl img{width:275px;height:180px;}
.left_b .p2{width:250px;margin-top:20px;min-height:200px;}
.left_b .p2 img{margin:0px 0 0px 60px;}
.left_b .p2 a{margin:10px 0 10px 30px;}
.right_b{width:95%;min-height:180px;}
.slider_box{width:100%;margin:10px auto;}
.slider_box h1{width:410px;}
.soft_box img{margin:15px 0px;}
.soft_box{margin:15px 2px;}
.welcome_box h3{display:none;}
.soft_box h3{display:none;}
.soft_box p{display:none;}
.soft_box span{display:none;}
.bx-wrapper .bx-controls-direction a{top:90px !important;display:none !important;}
.sy-controls li{right:15px !important}
.footer{width:360px;}
.full_width{width:90%;margin:3%;}
.inner_main{width:100%;}
.pro_box{width:100%;min-height:430px;}
.pro_box div img{width:150px;height:208px;float:left;}
.pro_box h3{width:360px;}
.pro_box ul{width:98%;margin:20px;}
.pro_box ul p{width:90%;float:left;margin:0 0 10px 0;color:#111;font-size:15px;text-align:justify;line-height:20px;}
.all_right_software_box{width:100%;min-height:200px;margin:0;}
.all_right_software_box h2{width:100%;margin:15px;}
.all_right_software_box .box{width:95%;margin:5px 5px;}
.all_right_software_box .box img{width:110px;height:150px;float:left;margin:15px 0px 15px 10px;cursor:pointer;}
.all_right_software_box .box ul{width:50%;float:left;margin:10px 10px 10px 10px;}
.all_right_software_box .box ul a{width:100px;border-radius:2px;padding:5px 10px;float:right;text-align:center;margin:10px 40px;transition-duration:.5s;color:#FFF;font-size:13px;background:#00a1a0;}
.bottom_footer{width:100%;background:#EEE;border-bottom:5px solid #FFF;padding:10px 0;height:auto;}
.bottom_footer_main{width:100%;min-height:200px;margin:0 auto;overflow:hidden;}
.b_box{width:330px;margin:10px;float:left;}
.b_box2{width:330px;}
}