@charset "utf-8";
/* CSS Document */

::-moz-selection{background:#b9e9ff}
::selection{background:#b9e9ff}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
a{ text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
body{font:14px/1.6em Lato,Arial,Helvetica,sans-serif; color:#333; background:#fff; }

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Helvetica,Arial,sans-serif; outline:none; color:#666; vertical-align:top; font-size:14px; line-height:1.2em;}
input[type='checkbox']{vertical-align:text-top; vertical-align:baseline\9;}
select{font-family:Helvetica,Arial,sans-serif;}
select:focus{ outline:none; }

/*basic*/
.fl {float:left;}
.fr {float:right;}
.ac{ text-align:center;}
.al{ text-align:left;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
ul.dot li, ul.list li{ list-style:outside disc; line-height:1.7em; margin-left:18px;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.blue{ color:#15abef !important;}
.red{ color:#f00 !important;}
.orange{ color:#f6772c !important}
.hide{ display:none !important;}
.nobg{ background:none !important;}
hr{border:none; height:0; overflow:hidden; border-bottom:1px solid #ededed;margin:12px 0; *margin:0; height:0;} 
.maxW{ max-width:100%;}
.mauto {margin:0 auto !important;;}
.mt5{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt40{margin-top:40px !important;}.mt60{margin-top:60px !important;}
.mt5yba{margin-top:15px; font-size:16px; color:#333; padding:0 4%; text-align:center;!important;}
.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}.mb60{margin-bottom:60px !important;}
.ml5{margin-left:5px !important;}.mt0{ margin-top:0!important;}
.mr5{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr0{ margin-right:0!important;}.ml0{ margin-left:0!important;}
.ptb10 { padding-top:10px; padding-bottom:10px;}.ptb30 { padding-top:30px; padding-bottom:30px;}.pt0{ padding-top:0!important;}.pb0{ padding-bottom:0!important;}.pt15{ padding-top:15px!important;}.pt10{ padding-top:10px!important;}
.pt30 {padding-top:30px;}
.pb30 {padding-bottom:30px;}
.container{ width:1000px; margin:0 auto;}
@media (min-width: 768px) and (max-width: 979px) {
	.container{ width:750px; }
}

@media (max-width: 767px) {
	.container{ width:460px;}  
}

@media (max-width: 479px) { 
	.container{ width:308px;}
}
.btn_new a{ background:url(btn-bg.png) no-repeat; width:316px; height:66px; color:#fff; padding:15px 20px; margin:0 auto; display:block; color:#fff;}
.btn_new a:hover{ background:url(btn-bg-after.png) no-repeat; width:316px; height:66px; color:#fff; padding:15px 20px; margin:0 auto; display:block; color:#fff;}
.btn_new a .tex{ float:left; font-size:34px; line-height:1.3em; text-align:left;}
.btn_new a .tex span{ display:block; font-size:16px; line-height:1.2em;}
.btn_new .img{ float:right;}
.greenBtn_s, .orangeBtn_s{ display:block; background:#7fbe3c; width:200px; height:43px; border-radius:5px; font-size:18px; line-height:42px!important; color:#fff !important; text-align:center; margin:0 10px 0 0;}
.greenBtn_s span, .orangeBtn_s span {padding-right:10px;}
.orangeBtn_s{ background:#e65914;}
.greenBtn_s:hover, .orangeBtn_s:hover{ text-decoration:none;}
.header{ border-bottom:5px solid #d8d8d8; padding:10px 0;}
.header span{ display:inline-block;}
.banner_bg{ background:#5363a6; color:#fff; text-align:center; padding:15px 0;}
.banner_bg h1 span{ font-size:24px; display:block; padding-bottom:10px;}
.banner_bg h1{ font-family:Lato,Arial,Helvetica,sans-serif; font-size:30px; line-height:1.3em;}
.banner_bg h3{ font-size:30px; line-height:1.2em; padding-bottom:20px;}
.banner_bg h3 span{ font-size:24px; display:block; }
.banner_bg .img_p{ padding:45px 0; text-align:center;}
.count{ color:#fff; font-size:18px;}
.count strong{ font-style:italic; font-size:18px;}
.banner_bg .img_fl{ position:absolute; bottom:5px; left:-240px;}
.banner_bg .img_fr{ position:absolute; bottom:-15px; right:-190px;}
.banner_bg .guide a{ display:block; color:#fff; text-decoration:underline; margin-top:50px;}
@media (max-width: 979px) {
	.banner_bg .img_fl,.banner_bg .img_fr{ display:none;}
}
@media (max-width: 767px) {
	.banner_bg h1{ font-size:40px; line-height:1.1em;}
}
.pro_main h2{ font-size:28px;}
.txt3box {background:#506273;color:#fff;}
.txt3box a {color:#fff; text-decoration:underline;}
.txt3box .title-name { font-size:24px; padding:10px 0;}
.txt3box .pic {padding:30px 0 10px 0;}
.txt3box .pic img {max-width:100%;}
.txt3box .info {padding:30px;}
.txt3box .infofl {float:left; width:270px; padding:25px 30px;}
.txt3box .infofr {margin-left:330px; padding:30px;}
.txt3box .tabMenu {padding-top:10px;}
.txt3box .tabMenu li { background:#4f6274; border-radius:5px; margin:10px 0; padding:15px; font-size:12px; line-height:1.2em; cursor:pointer;}
.txt3box .tabMenu li.curr {background:#46a4a6; border-radius:5px 0 0 5px; position:relative; margin-right:-30px; padding-right:40px;}
.txt3box dl {padding:10px 0; overflow:hidden;}
.txt3box dl dt { padding-bottom:20px; font-size:16px;}
.txt3box dl dd {padding:10px 0; float:left; width:33.3%;}
.txt3box .this-no {opacity:0.6;}
.txt3box .bgColor {background:#2ec3c1;}
.txt3box .bgColor2 {background:#415364;}
@media (max-width: 979px) {
	.txt3box .infofl {width:220px;}
	.txt3box .infofr {margin-left:280px;}
	.txt3box dl dd {width:50%;}
}
@media (max-width: 767px) {
	.txt3box .infofl {float:none; width:auto; padding:20px;}
	.txt3box .infofr {margin:0; padding:20px;}
	.txt3box .tabMenu li.curr {margin-right:0; padding-right:15px;  border-radius:5px;}
}
.type_box{ padding:50px 0;}
.type_box ul{ padding-top:40px;}
.type_box ul li{ float:left; text-align:center; width:31%; padding-left:3%;}
.type_box ul li:first-child{ padding-left:0;}
.txt4box {background:#4f6274; margin:20px 0 0 0;color:#fff;}
.txt4box.nobg {color:#434A53;}
.txt4box.tbbg {color:#434A53; background:#f1f1f1;}
.txt4box .picfr {float:right; width:50%;}
.txt4box .infofl {float:left; width:50%;}
.txt4box .picfl {float:left; width:50%;}
.txt4box .infofr {float:right; width:50%;}
.txt4box .item { padding:25px 30px;}
.txt4box ul {padding:15px 0; overflow:hidden;}
.txt4box ul li {float:left; width:29.3%; list-style:disc; margin-left:4%; line-height:1.3em; padding:3px 0;}
.txt4box ul.list {padding:15px 0; overflow:hidden;}
.txt4box ul.list li {float:none; width:auto; list-style:disc; margin-left:4%;}
.txt4box dl {padding:10px 0; overflow:hidden;}
.txt4box dl dd {padding:10px 0; float:left; width:50%;}
.txt4box .bgColor {background:#2ec3c1;}
.txt4box .title-name { font-size:20px; padding:10px 0; font-weight:bold;}
.txt4box p {padding:5px 0;}
@media (max-width: 979px) {
	.txt4box .picfr,.txt4box .picfl {overflow:hidden;}
	.txt4box .item {padding:20px 30px;}
	.txt4box ul li {width:46%;}
	.txt4box dl dd {padding:2px 0;}
}
@media (max-width: 767px) {
	.type_box ul li{ float:none; width:auto; text-align:center; padding-bottom:15px;}
	.txt4box .picfl img,.txt4box .picfr img {max-width:100%;}
	.txt4box .picfr,.txt4box .infofl,.txt4box .picfl,.txt4box .infofr {float:none; width:auto;}
	.txt4box .item {padding:20px;}
	.txt4box dl dd {padding:10px 0;}
}
@media (max-width: 479px) {
	.txt4box ul li {width:auto; float:none; margin-left:22px;}
	.txt4box dl dd {float:none; width:auto;}
}
/*screencast*/
.featImgSlide{position:relative;margin:30px auto 10px auto;}
.featImgSlide .imgSlide {list-style: none;padding: 0;margin: 0 auto;width:600px;}
.featImgSlide .imgSlide li {position:relative; text-align:center; line-height:1.3em;}
.featImgSlide .imgSlide li img {max-width:100%;}
.featImgSlide .imgSlide li.roundabout-in-focus {cursor:default;}
.featImgSlide .imgSlide li span{text-align:center; display:block; padding-top:10px;}
.featImgSlide .flex-control-paging{position:absolute;bottom:-40px;left:50%;text-align:center;list-style:none;margin-left:-50px;}
.featImgSlide .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;}
.featImgSlide .flex-control-paging li a{display:inline-block; background:#e0e0e0;width:14px;height:14px;cursor:pointer; overflow:hidden; text-indent:-99999px; border-radius:20px;}
.featImgSlide .flex-control-paging li a.flex-active{background:#FA594B;}  
.featImgSlide .flex-prev,.featImgSlide .flex-next{ width:55px; height:80px; position:absolute; top:42%;left:50%;z-index:1; text-indent:-9999px;}
.featImgSlide .flex-prev:focus,.featImgSlide .flex-next:focus{ outline:none;}
.featImgSlide .flex-prev{margin-left:-565px;}
.featImgSlide .flex-next{ background-position:-55px 0;margin-left:525px;}
@media (max-width: 979px) {
	.featImgSlide .flex-prev,.featImgSlide .flex-next{display:none;}
}
@media (max-width: 767px) {
	.featImgSlide .imgSlide{ width:auto;}
}
.featImgSlides{position:relative;margin:30px auto 10px auto;}
.featImgSlides .imgSlide {list-style: none;padding: 0;margin: 0 auto;}
.featImgSlides .imgSlide li {position:relative; text-align:center; line-height:1.3em; overflow:hidden;}
.featImgSlides .imgSlide li img {max-width:100%;}
.featImgSlides .imgSlide li .txt{ width:80%; float:left; text-align:left;}
.featImgSlides .imgSlide li .txt .info{ width:95%;}
.featImgSlides .imgSlide li .txt span{ display:block; text-align:right;}
.featImgSlides .imgSlide li .txt img{ float:right; padding-top:5px;}
.featImgSlides .imgSlide li .pe_img{ float:right; width:15%;}
.featImgSlides .imgSlide li.roundabout-in-focus {cursor:default;}
.featImgSlides .flex-control-paging{ display:none;}
.featImgSlides .imgSlide li span{text-align:center; display:block; padding-top:10px;}
.featImgSlides .flex-prev,.featImgSlides .flex-next{ background:url(play-icon.jpg) no-repeat; width:35px; height:50px; position:absolute; top:35%;left:50%;z-index:1; text-indent:-9999px;}
.featImgSlides .flex-prev:focus,.featImgSlides .flex-next:focus{ outline:none;}
.featImgSlides .flex-prev{margin-left:-565px; background-position:0 0;}
.featImgSlides .flex-next{ background-position:0 -93px;margin-left:525px;}
@media (max-width: 979px) {
	.featImgSlides .flex-prev,.featImgSlides .flex-next{display:none;}
}
@media (max-width: 767px) {
	.featImgSlides .imgSlide li .txt .info{ width:100%;}
}
.footer{ background-color:#2f3237; color:#fff; padding:15px 0 10px 0;}
.footer p{ text-align:center;}
.footer a{ color:#fff;}
.toTop{ display:none;background:url(to-top.png) no-repeat; position:fixed; z-index:2;  width:80px; height:80px; bottom:30px; right:20px;}
@media (max-width: 1200px) {
	.toTop{ display:none !important;}
}