body,ul,h1,h2,h3,h4,h5,h6,p,dl,span{margin:0;padding:0;list-style-type: none; }
body{font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";color:#333; }
img{margin:0;padding:0;border:0;vertical-align: middle;}
.del{clear:both;}
a{text-decoration:none;color:#333;}
/*header*/
a.logo {float:left; display:block; width:300px; padding:0px 0 0 73px; height:94px;background:url(../new-image/logo.png) left top no-repeat; text-decoration:none; color:#0c487f; margin-top:-9px;}
a.logo:hover{ color:#0f5699;}

.wtop{ height:85px;background:url(../new-image/top-bj.png) repeat-x; position:relative; z-index:1; margin-top:6px;}
.top{ width:1250px; margin:0 0px 0 110px; height:72px; }
.bg{background-color:#EFF8FD;color:#32514f;border-radius: 3px 3px 3px 3px;}
.nav_input_box{float:left;margin: 20px 0 0 100px;}
input{border:1px solid #f2f2f2;height:24px;width:156px;margin-left:10px;text-indent:10px;}
margin: 0 0 0 4px;}
.nav ul li  .prc{padding:8px 0 8px 15px;margin-right:20px;}
.p_box {
    background-color: #FFFFFF;
   	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
	border:1px solid #d9d9d9;
    display: none;
  	top:20px;
    position: relative;
    width: 150px;
    z-index: 9;
}
.p_ul{
	
}
.nav .p_box ul li a{font-size:13px;font-weight: bold;display:block;width:120px;}
.nav .p_box ul li a:hover{background-color:#eff8fd;color:#8BA8FF;}
.nav .p_box ul li{line-height:35px;border-bottom:1px solid #eee;}
.s_box {
    background-color: #FFFFFF;
   box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
	border:1px solid #d9d9d9;
    display: none;
  	top:20px;
    position: relative;
	right:20px;
    width: 150px;
    z-index: 9;
}
.sbox{width:90px;}
.nav .s_box ul li a{font-size:13px;font-weight: bold;display:block;width:120px;}
.nav .s_box ul li a:hover{background-color:#eff8fd;color:#8BA8FF;}
.nav .s_box ul li{line-height:35px;border-bottom:1px solid #eee;}
.nav ul li a:hover{color:#4d5153;text-decoration:underline;}
.cbox{width:90px;}
.c_box {
    background-color: #FFFFFF;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
	border:1px solid #d9d9d9;
    display: none;
  	top:20px; 
    position: relative;
	right:20px;
    width: 150px;
    z-index: 9;
}
.nav .c_box ul li a{font-size:13px;font-weight: bold;display:block;width:120px;}
.nav .c_box ul li a:hover{background-color:#eff8fd;color:#8BA8FF;}
.nav .c_box ul li{line-height:35px;border-bottom:1px solid #eee;}

.news{height:250px;background:#f9f9f9;}
.news li {height:0px;background:#f9f9f9; margin-left:135px; width:300px; padding-top:30px; font-family:'Segoe UI','Lucida Grande';
	font-size: 14px;font-weight: bold;color: #eb6106;}
.news li ul {height:0px;margin-left:0px; width:450px; padding-top:20px; color:#777; font-weight: normal; }
.cust{
	width:500px;
	float:right;
	margin-right: 135px;
	
}
.cust a{background-color:#eff8fd;color:#8BA8FF;}
.as1{
	width:400px;
	height:25px;
	
	/*opacity:0.7;*/
	font-family:'Segoe UI','Lucida Grande';
	font-size: 14px;
font-weight: bold;
color: #eb6106;
padding-left:0px;
	
}



.box6 {
width: 400px;
height: 10px;
border-radius: 5px;
float: right;
margin-bottom: 0px;
}
.botlink { width:1350px; background-color:#ddfffa; padding-left:0px; padding-right:0px; }
.botlink .con { padding:30px 55px 40px 130px; overflow:hidden; }
.botlink-box { width:25%; float:left; margin-right:3%; _margin-right:3%; }
.botlink-company { width:20%; }
.botlink-support { width:20%; }
.botlink-social { width:22%; float:left; }
.botlink h3 { font-size:14px; margin:10px auto; }
.botlink h3.cooper { margin-top:20px; }
.botlink p { font-size:10px; }
.botlink a:link, .botlink a:visited, .botlink p { color:#212426; }
.botlink ul li { line-height:16px; margin:11px 0; font-size:14px; }
.botlink-sns { width:100%; }
.botlink-sns a { margin-right:5px; }
.botlink-sns a img { max-width:48px; }
a#subscribe{background:url(../new-image/subscribe_bot.jpg) no-repeat;width:199px;height:29px;display:block;color:#afafb1;font-size:20px;padding:10px 0 0 8px;}
a#subscribe:hover{text-decoration:none;}



/*--nav start--*/
#nav_l{ float:left; width:400px; margin:10px 0 0; list-style:none; height:70px; }
#nav_l li,#nav_r li{position: relative;}
#nav_l li a,#nav_r li a{ color:#fff; line-height:70px; font-size:15px; padding:0 18px; display:block; text-decoration:none;}
#nav_l li a:hover,#nav_r li a:hover,#nav_l li a.a-h,#nav_r li a.a-h{background:url(../new-image/hover_bj.png);}
#nav_l li ul,#nav_r li ul{display: none; position: absolute; left:0px; top:70px; margin:0; background:url(../new-image/nav_ui_bj.gif);list-style:none; padding:10px 0; z-index:1; width:300px;}
#nav_l li:hover a,#nav_r li:hover a{background:url(../new-image/hover_bj.png);}
#nav_l li:hover ul,#nav_r li:hover ul{ display:block;}
#nav_l li:hover ul li a,#nav_r li:hover ul li a{ font-size:13px; background:none; height:38px; line-height:38px; border-bottom:1px solid #4e6797; display:block;width:290px; padding:0 0 0 10px;}
#nav_l li:hover ul li a:hover,#nav_r li:hover ul li a:hover{background:#373737 url(../new-image/arrow2.gif) 10px 17px no-repeat;width:280px; padding:0 0 0 20px;}
#nav_l a .arrow,#nav_r a .arrow{ margin-left:8px;}
#nav_l li,#nav_r li{ float:left;}
#nav_r { float: left; width:350px; margin:10px 0 0; list-style:none; height:70px; }
#nav_r li ul.support{width:190px}#nav_r li ul.support li a{width:180px;}#nav_r li ul.support li a:hover{width:170px;}

#nav_l li ul.xl_ul1{width:330px;}
#nav_l li:hover ul.xl_ul1 li a span{ font-size:11px;}
#nav_l li:hover ul.xl_ul1 li a{width:320px;}
#nav_l li:hover ul.xl_ul1 li a:hover{width:310px;}

.search{ float:right; width:60px; height:45px;  margin-top:15px; position:relative; margin-right:65px;}
.search a{ display:block; width:24px; height:50px; padding:20px 10px 0;}
.search:hover a{background:url(../new-image/hover_bj.png); }
.search:hover div{ display:block;}
.search div{ display:none; width:220px; padding: 10px; height:27px; background-color:#32514f; position:relative; right:170px; top:0px;}
.search div input{ font-family: Arial, Helvetica, sans-serif;}
.search div input.text{ width:160px; border:1px solid #000; color:#7a7a7a; padding-left:5px; height:22px; float:left;}
.search div input.search-btn{ height:23px; width:30px; line-height:20px; font-size:15px; text-align:center; background-color:#FFF; border:none; border-bottom:1px solid #000;border-right:1px solid #000; color:#000; float:right;}
.search div input.search-btn:hover{background-color:#c5e1ee;}
.positionRight {
    float: right;
}

.positionLeft {
    float: left;
}


.dropNavSearch {
    left: auto;
    right: 0;
}
.dropNav .dropNavTransitionOn, .dropNav .dropNavTransitionOff {
    overflow: hidden;
}
.dropNav ul {
    background-color: #FFFFFF;
    border-color: #D2D2D2;
    border-style: solid;
    border-width: 0;
    height: 0;
    left: -140px;
	top:22px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0 4px;
    position: absolute;
    transition: height 0.5s ease 0s, padding 0.2s ease 0.3s, border-width 0s ease 0.5s;
    width: 220px;
}
.dropNav ul > li:first-child {
    margin-top: -1000px;
    transition: margin-top 0.5s ease 0s;
}
.dropNav ul > li, ul.dropNavColumn ul {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
.dropNav ul > li, ul.dropNavColumn ul {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}

.dropNav ul > li, ul.dropNavColumn ul {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
input, textarea, select, button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}
.ltr {
    direction: ltr;
}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="number"] {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 28px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="number"], textarea {
    display: block;
    padding: 0 10px;
    width: 100%;
}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="number"], textarea, select {
    border: 2px solid #D2D2D2;
    border-radius: 2px;
    font-size: 1em;
    line-height: 18px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="number"], textarea, select, {
    -moz-box-sizing: border-box;
}
input, textarea, select, button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

.SearchTerm, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 2px inset;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
border: medium none;
    height: 22px;
    transition: width 0.5s ease 0s;
    width: 133px;
}



#SearchNavDrop {
    background: none repeat scroll 0 0 #0072C6;
}
input, textarea, keygen, select, button, isindex {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}
.prc{width:110px;}

.totop {
    bottom: 100px;
    margin-right: 20px;
    position: fixed;
    right: 0;
}
.rollTop {
    background: none repeat scroll 0 0 #FCFCFC;
    border-bottom: 2px solid #D8D8D8;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12;
}

.rollTop .container {
    overflow: visible;
}
.container2 {
    margin: 0 auto;
    overflow: hidden;
    width: 1000px;
}
.rollTop .nav {
    float: left;
	padding-top:0;
}
ul {
    list-style: none outside none;
}
.rollTop .nav li:first-child {
    border-left: 1px solid #D8D8D8;
}
.rollTop .nav li {
    border-right: 1px solid #D8D8D8;
    float: left;
}

.rollTop .nav li a {
    color: #555555;
    display: inline-block;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
}

.mt10 {
    margin-top: 10px !important;
}
.fr {
    float: right !important;
}
.rollTop .nav li a:hover {
background: #E6E6E6;
text-decoration: none;
}

.rollTop .bluebtn, .rollTop .bluebtn-b, .rollTop {
float: right;
margin-left: 5px;
}

.bluebtn{
display: inline-block;
background: #7BBB26;
color: #FFFFFF!important;
padding: 0 13px;
font-size: 19px;
font-weight:600;
height: 36px;
padding: 0 20px;
line-height: 36px;
text-align: center;
border-radius: 3px;
text-decoration: none !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin-bottom: 10px;
position: relative;
cursor: pointer;
}

.rollTop .bluebtn, .rollTop .bluebtn-b, .rollTop {
float: right;
margin-left: 5px;
}

.bluebtn:hover, .bluebtn-s:hover {
background: #81C22B;
text-decoration: none;
}
.w_box{margin-top:10px;}
.btn-mac{margin-top:10px;}

#break{background-color:#3997f3;height:5px;width:100%;clear:both;}
#crumb, #crumb1 a { color:#8b8b8b;font-size:14px; padding-left: 175px;}
#crumb1, #crumb1 a { color:#8b8b8b;font-size:14px; padding-left: 5px;}
#crumb1 a:hover{text-decoration: none; color:#8b8b8b;padding-left: 5px;}
#crumb{margin:15px 0 10px;}
.left{float:left;width:455px;height:570px;}
.left img, .right img{display:block;}
.right{float:right;background-color:#d6a443;width:545px;height:570px;}
.right h2, .right h3 a {color:#fff;padding:15px 5px 6px 20px;display:block;}
.right p{color:#fff; padding-bottom:9px;}
.left h2 a{color:#4b4b4b;font-size:24px;margin:0;text-align:left;padding:5px 5px 5px 20px;}
.right h2 a{color:#fff;font-size:24px;}
.left p{padding-bottom:5px;}
.topic { z-index:10;border-bottom:1px solid #e5e5e5;overflow:hidden;padding-left: 200px}
.topic li { float:left; list-style:none; font-size:18px; padding:20px 90px; }
.topic li.curr{border-bottom:3px solid #3997f3; }
.topic_cont{margin-top:30px;width:1000px; padding-left:170px;}
p{font-size:14px;color:#8b8b8b;padding:5px 5px 0px 20px;}
#topic_sec h2 { margin-top:0px; padding-top:0px;}
#topic_sec h2 a, #topic_sec p{background-color:#71d0ab;color:#fff;display:block;}
#topic_sec p{padding-bottom:7px;}
#bot{overflow:hidden; float:left;}
#bot #sub_left{height:174px;width:272px;float:left;}
#bot a{ float:left;padding:0px 0 19px 0;}
#bot #sub_right{height:174px;width:273px;float:right;}
.item{padding-top:40px;clear:both;width:1000px;}
.tab { overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.tab li { float:left; cursor:pointer; list-style:none; font-size:24px;margin-right:30px; }
.tab li.curr{border-bottom:3px solid #3997f3;}
.tab_cont ul{overflow:hidden;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.tab_cont ul li{float:left; padding:20px 20px 20px 0; width:480px;}
.tab_cont ul li img{display:block;float:left;padding-right:10px;}
.tab_cont ul li p {width:290px;text-align:left;}
p.title a{font-size:20px;color:#4b4b4b;}


.support_cont{ width:100%; height:auto;}
.support_cont h3{ font-size:18px; color:#1899e0; padding:8px 0 8px 170px;}
.support_block{ width:74%; height:220px; border:1px #ccc solid; background:#fafafa repeat-x bottom; margin:10px 0 20px 170px;}
.support_block ul{ width:406px; float:left; margin:20px 0 0 20px; background:url(../new-image/support_line.png) no-repeat right;}
.support_block ul li{ padding:3px 0;}
.support_block ul li a{ color:#333; font-size:14px;}
.support_block ul h3{ color:#96989a; padding:3px 0;}
.support_img{ width: 400px; float:left; margin:10px 0 0 5px; text-align:center; background:url(../new-image/support_line.png) no-repeat right; }
.support_img p{ padding:5px 0 5px 0;}
.support_img p b{ font-size:14px;}
.support_link{ width:100px; height:auto; float:left; margin:70px 20px 0 20px;}
.support_link p{ padding:5px 0 5px 0;}
.support_link p a{ display:block; width:120px; height:50px; background:url(../new-image/learn-more.png) no-repeat; text-align:center; padding:6px 0 3px 0; margin:0 auto;}

.container4 { width:1250px; overflow:hidden; margin-left:40px;}
.container4 h4 { font-size:15px; font-weight:normal;padding:5px 10px 5px 0px;}

.tab {height:30px;margin-top:20px;border-bottom:1px solid #448c81;}
.tab li {float:right; list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
.tab li a {display:block;width:110px;height:30px; text-align:center;line-height:30px;color:#333333;text-decoration:none;font-size:12px;cursor:pointer; margin-right:-33px;}
.tab li a:hover {color:#448c81;}
.tab li a:visited {text-decoration:none;}

.top-nav2{
	background-color: #bfe3e1;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #415955;

}
.top-nav2 .nav2{float:left;padding-top: 10px;padding-right: 0;padding-bottom: 5px;	margin-left:320px;list-style-type: none;}
.top-nav2 .nav2 li{float:left;text-align:center; padding:0 5px; list-style-type: none;}
.top-nav2 .nav2 .star li.on, .top-nav2 .nav2 .star li.half{ padding:0;}
.top-nav2 .nav2 li a{display:inline-block;width:80px;font-size:13px; height:30px; line-height:30px;color: #4f5252;}
.top-nav2 .nav2 li.curr a,.top-nav2 .nav2 li a:hover{text-decoration:none;border:1px solid #2b7d77; border-radius:3px;height:30px; width:80px; line-height:32px;}

#side { width:320px; float:right; margin-top:50px; margin-right:65px;}
.side_top { background-color:#468e83; font-size:24px; color:#fff; padding:10px 0 10px 20px;}
#side p.title { color:#f7a15b; font-size:16px; font-weight:bold;}
#side ul { border:#f7a15b solid 1px; border-bottom:none; }
#side ul li { padding:15px 10px 70px 5px; border-bottom:#f7a15b solid 1px; }
#side ul li a:hover p { color:#fff;}
#side ul li a { display:block; text-decoration:none;}
#side ul li#message:hover { background:#f7a15b; border-top:0px solid #fff;}
#side ul li#sms:hover { background:#f7a15b;}
#side ul li#whatsapp:hover { background:#f7a15b; }
#side ul li#photo:hover { background:#f7a15b;}
.side_top_s { color:#666b70; font-size:24px; border-bottom:#666b70 solid 1px; margin-top:40px; }
#side ul#related_topic li, #side ul#related_topic { border:none; padding:0; }
#side ul#related_topic { padding:20px 0; }
#side ul#related_topic li { padding:0 0 10px 5px; }
#side ul#related_topic li a { color:#8b8b8b; font-size:14px; }
#side ul#related_topic li a:hover { text-decoration:underline; }

#crumb, #crumb a, #crumb_resource, #crumb_resource a, #side p, #main p { color:#8b8b8b; font-size:14px; }
#crumb { width:1150px; margin:15px auto 20px -55px; }
#crumb_resource { width:1150px; margin:15px auto 20px 170px; }
#crumb a:hover { text-decoration:underline; }
#main { float:left; width:700px; margin-top:10px; padding-left:85px; }
h1 { color:#4b4b4b; font-size:25px; line-height:40px;}
h2 { font-size:14px; padding-top:20px; font-weight:bold;}
#main p { margin-top:5px; margin-left:-20px;}
#pro { background:url(../new-image/rec_bg.png) repeat-x; margin-top:25px; margin-left: 0px;overflow:hidden; padding:20px; width:650px;}
#main #pro h3 { font-size:24px; color:#fff; width:415px; float:left; }
#pro p { font-size:14px; color:#fff; width:415px; float:left; margin:15px 0 20px 0; }
#main #pro img { float:left; display:block; margin:0 25px 0 12px; }
#pro p a { display:block; float:left; margin-right:10px; background:url(../new-image/article_pro_btn.png) 0 -42px; width:182px; height:42px; }
#pro p a:hover { background-position:0 0; }
#pro p a#win_version:hover { background-position:0 -84px; }
#pro p a#win_version { background-position:0 -126px; }

#main img { display:block; margin:10px 0 10px 0; }
#main h3#pro_name { margin-top:0; margin-left:17px;}
#main h4 { margin-top:15px; line-height:30px; font-size:18px; color:#4b4b4b; }
#main h4 span { display:block; float:left; margin-right:5px;background:url(../new-image/step_bg.png) no-repeat 0px 5px; padding-left:6.5px; width:30px; color:#fff; }
#main ul#related { padding:20px 0; }
#main ul#related a { font-size:14px; color:#8b8b8b; padding-left:15px; }
#main ul#related a:hover { text-decoration:underline; }
.rollTop { background-color:#347d5b; left:-5px;padding-bottom:7px; position:fixed; top:0; width:100%; z-index:31; }
.rollTop .rollTopwrap { overflow:visible; width:1000px; margin:0 auto; }
.rollTop .rollTopnav { float:left; overflow:hidden; }
.rollTop .rollTopnav li { float:left; }
.rollTop .rollTopnav li a { color:#fff; display:inline-block; font-size:30px; height:55px; line-height:55px; padding:0 15px; }
.rollTop .rollTopnav li a:hover { text-decoration:underline; }
a.rollTopdown_pc, a.rollTopdown_mac { display:block; background:url(../new-image/article_pro_btn.png) no-repeat 0 -42px; width:182px; height:42px; float:left;margin:10px 20px 0 30px;}
a.rollTopdown_pc { background-position:0 -126px; }
a.rollTopdown_mac:hover { background-position:0 0; }
a.rollTopdown_pc:hover { background-position:0 -84px; }
.red{ color:red;}
p{color: #454545; margin-bottom: 10px;}

.gpdisplay{ margin:5px 0;border:1px solid #efefef;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); background: -moz-linear-gradient(top, #ffffff, #f1f1f1 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1)); overflow:hidden;}
.gpdisplay p{ margin:20px 0 0 70px;}

/*----------footer----*/
.footer a{color:#E4E4E4;}
.safe{margin-left:0px;}
.copyright{padding-top:2px; }

.footer {color:#E4E4E4;	text-align:center;	margin-top: 0;	margin-right: auto;	margin-bottom: 0;margin-left: auto;	padding-right: 0;	padding-left: 0;clear: both;height: 220px;	background-repeat: repeat-x;background-color: #32514f;	padding-top: 10px; font-size:12px;}

/*go top*/
.back-to {position:fixed; bottom:10px; right:0; z-index:999; width:72px; overflow:hidden; zoom:1; -ie6-position-fixed-delay:200;
}
.back-to .back-top {float:right; display:block; width: 50px; height: 50px; background: url(../new-image/gotop.png) no-repeat scroll 0 0 transparent; margin-left:10px; outline:0 none; text-indent:-9999em; }
.back-to { _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); _margin-bottom:10px; _margin-right:5px;}

.fl { float:left;}