/**
 * ThinkBox
 * @author Wu Miao Hui <363539981@qq.com>
 * @link http://wmhfly.com/
 * @date:2013.08.02
 */
body,div,p,h1,h2,h3,h4,h5,h6,dl,dd,form{ margin:0;}
ul,ol,input,button,textarea,fieldset, legend{ margin:0; padding:0;}
td,th{ padding:0;}
img{ border:0; vertical-align:bottom; display:inline-block;}
a{ text-decoration:none; cursor:pointer; color:#6a6a6a;}
a:focus {background:none;}
li{ list-style:none;}
em,strong,cite,dfn{ font-style:normal;}
table,td{ border-spacing:0; border-collapse:collapse;}
input,button,select,textarea{outline:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6a6a6a;}
textarea{resize:none; overflow-y:auto;}
input{ vertical-align:middle;}
.l{ text-align:left;}
.r{ text-align:right;}
.c{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.clear:after {visibility: hidden; display: block; font-size: 0; content: '.'; clear: both; height: 0;}
* html .clear {zoom: 1;}
*:first-child+html .clear {zoom: 1;}
.divclear {clear:both; float:none; font-size:0; overflow:hidden; visibility:hidden; width:0; height:0;}
.dHide,.hide{ display:none;}
.vHide{ visibility:hidden;}
.relative{ position:relative; zoom:1;}

/* layout */
body{ font-family: \5FAE\8F6F\96C5\9ED1, Arial, Helvetica, sans-serif, \5B8B\4F53; font-size:13px; color:#6a6a6a;}
.innerWrap{ width:1000px; margin:0 auto;}

/** hd **/
.hd{ width: 100%; height: 68px; position: absolute; z-index:10;top: 0; left: 0; background:url(../images/nBg.png) repeat;}
.logo {float:left;padding-top:15px;}
.nav{ padding-left:20px;}
.nav li{ float: left; position:relative; padding:0 35px;-webkit-transition:padding 0.3s;transition:padding 0.3s ;}
.nav a.s{ display: inline-block; background: url("../images/nav.png") no-repeat; width:50px; height: 68px;font-size: 0; line-height: 150px; overflow: hidden; _background:none; _line-height: 46px; _font-size: 14px;
_color: #fff; _letter-spacing: 4px;}
.nav li.n0 a.s{ background-position: 0 28px;}
.nav li.n1 a.s{ width: 70px; background-position: -146px 28px;}
.nav li.n2 a.s{ width: 50px; background-position: -308px 28px;}
.nav li.n3 a.s{ width: 65px; background-position: -483px 28px;}
.nav a.s:hover, .nav li.current a.s{ background-image: url("../images/nav_2.png");_background:none;}

.nav li .sub {position:absolute; left:0; top:60px; display:none;}
.nav li .sub ul {background-color:#f3f3f3; overflow:hidden;}
.nav li .sub ul li{float:none;text-align:center; padding:0; }
.nav li .sub ul a {color:#000; display:block; height:34px; line-height:34px;}
.nav li .sub ul a:hover {background-color:#666;color:#fff}
.nav li.hover .sub {display:block;padding-top:8px;}

.cn .nav a.s { background-image:url(../images/cn_nav.png);}
.cn .nav a.s:hover,.cn .nav li.current a.s {background-image:url(../images/cn_nav_2.png);}
.cn .nav li {padding:0 40px;}
.cn .nav li.n0 a.s{ width: 50px; background-position: 0 28px;}
.cn .nav li.n1 a.s{ width: 70px; background-position: -146px 28px;}
.cn .nav li.n2 a.s{ width: 70px; background-position: -308px 28px;}
.cn .nav li.n3 a.s{ width: 70px; background-position: -483px 28px;}

.search{ padding-top:20px;}
.search .btn{float:right; background: url("../images/search1.png") no-repeat center; width: 30px; height: 30px; vertical-align: top; cursor: pointer; _background-image: url("../images/search1_8.png");}
.search .lang {float:right;color:#bfbfbf; line-height:30px; padding-left:3px;}
.search .lang a {color:#bfbfbf}
.search .edit{display:none;position:relative; float:right;}
.search em{ display: inline-block;position: absolute; left:5px;  background:#fff url("../images/search2.png") no-repeat 1px center; width: 25px; height: 30px; vertical-align: top; cursor: pointer; _background-image: url("../images/search2_8.png");}
.search input{ width: 40px; height: 20px;  -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; padding:5px 5px 5px 30px;border: 0;background-color: #fff;}
.search input.ui-autocomplete-loading {background:#fff url(../images/ui-anim_basic_16x16.gif) 190px center no-repeat;}
.ui-widget-content a {display:block;padding:2px 5px;}
.ui-widget-content a:hover {background-color:#ddd;border:0;}
.showSearch .nav li{ padding:0 30px;}
.showSearch .search .btn {display:none;}
.showSearch .search .edit {display:block;}

.diyTitle { margin:10px 0 60px;}
.diyTitle h3 {border-bottom:1px solid #ddd; height:30px; position:relative}
.diyTitle h3 span {position:absolute;padding:13px 20px; font-size:25px; font-weight:normal; text-transform: uppercase; background-color:#fff; left:50%;width:200px;margin-left:-120px;  text-align:center;}

/*.homePage .ft{ background-color: #fff;}*/
.adArea {overflow:hidden;position:relative; margin-bottom:30px;}
.adList {position: absolute;width:100%;overflow:hidden; left:0;top:0}
.adList li a {display:block;width: 100%;}
.adList li a img {width:100%;}
#slides-nav { position: absolute;z-index:1;width:100%; bottom:30px; text-align:center;}
#slides-nav a {display:inline-block; margin-left:8px; width:13px; height:13px; overflow:hidden;line-height:30px;font-size:0; background:url(../images/fbtn.png) no-repeat right top;}
#slides-nav a.sed {background-position:left top;}
.proDemo{ margin-left:-0.2%; text-align: center;}
.proDemo li{ float: left; width: 24.8%;_width: 23.9%; text-align: center; display: inline; margin-left:0.2%; margin-bottom:0.5%; overflow: hidden;}
.proDemo a{ display: table-cell; height: 210px; vertical-align: middle; line-height: 100%;}
.proDemo img{ width: 100%; max-width: 450px;}

.mt80 {margin-top:80px; overflow:hidden;}
.title {font-size: 40px; font-family: arial; text-transform:uppercase;}
.content {font-size:16px;word-break: keep-all;word-wrap: break-word;}
.ny {padding-top:68px; height:331px; background-repeat:no-repeat;background-position:center 68px;}
.contact {background-image:url(../images/ny/contact.jpg); border-bottom:1px solid #909090}
.about {background-image:url(../images/ny/about.jpg); border-bottom:1px solid #909090}
.con-contact {padding-left:230px;}
.nyBanner {padding-top:68px; overflow:hidden; width:100%; margin-bottom:80px; text-align:center;border-bottom:1px solid #8f8f8f}

.sideBar {float:left;width:210px;}
.subNav li a {display:block; height:44px; line-height:44px; margin-bottom:2px; color:#666666; font-size:17px; background:#e0e0e0 url(../images/arr-l.png) no-repeat 15px -30px; padding-left:30px;}
.subNav li a:hover,.subNav li.current a {color:#fff; background:#b2b2b2 url(../images/arr-l.png) no-repeat 15px 18px;}
.mBody {float:right;width:710px;}

.plist li {float:left; width:249px; text-align:center; border-bottom:1px solid #909090; padding-bottom:60px; margin-bottom:80px;}
.plist li h3 {color:#909090;font-size:18px; font-weight:normal;}
.plist li p {color:#909090;font-size:13px;}

.tab-nav {background:url(../images/tabBg.png) no-repeat; width:986px; height:49px; margin:0 auto;}
.tab-nav li {float:left; width:165px; text-align:center; line-height:36px;}
.tab-nav li.s2 {width:200px;}
.tab-nav li.s3 {width:210px;}
.tab-nav li a {color:#5b5b5b}
.tab-nav li a:hover,.tab-nav li a.current{color:#009cff}
.tab-content {padding:10px 20px; line-height:1.8; font-size:14px;}

.flist {}
.flist li {float:left; padding-bottom:30px;}
.flist li.s1 {padding-left:30px;}

#supportForm {position:relative;margin-top:60px}
.slist {color:#222;}
.slist li {overflow:hidden;zoom:1;margin-bottom:15px;}
.slist li strong {font-size: 14px;}
.slist li cite {font-style:normal;padding-left:10px; color:red; font-size:12px;}
.slist li span {float:left;font-size:14px;width:120px;text-align:right;padding:0px 8px 0 0;}
.slist li.s span {padding-top:5px;}
.slist li.ss span {padding-top:10px;}
.slist li span i {color:red;padding-right:5px;font-weight:bold;font-style:normal;}
.slist li.s input,.slist li.s textarea {width:280px;height:30px;padding:0 0 0 5px;_padding:8px 0 0 5px;_height:22px;font-size:14px;border:1px solid #ccc;border-radius:2px;box-shadow:1px 1px 1px 0 #eaeaea inset;vertical-align:middle;line-height:30px;_line-height:1em;}
.slist li.ss input {width:80px;}
.slist li input.error,.flist li.s textarea.error {border-color:red;}
.slist li.s textarea {height:80px;}
.bookBtn {overflow:hidden;zoom:1;margin:25px 0 20px 130px;}
.aboutBtn {float:left; width:100px; margin-right:10px; text-align:center; font-weight:bold; font-size:14px; background-color:#e0e0e0;color:#666;height:36px;line-height:36px;}
.aboutBtn:hover {color:#fff;background-color:#b2b2b2}
.loadBg,.loadTxt {position:absolute;left:0; top:0;}
.loadBg {width:60%;height:450px; background-color:#fff;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.loadTxt {width:60%; background:#fff url(../images/ui-anim_basic_16x16.gif) 0 14px no-repeat; padding:10px 20px 50px;color:red;font-size:16px;}
#load .hideBg {background:#fff;}

/*ft*/
.ft {text-align:center;margin-top:80px; line-height:2; background:#f2f2f2 url(../images/ft.png) repeat-x; padding:20px 0;}
.follow-list {margin:15px 0}
.follow-list a{position:relative;}
.follow-list a:hover {left:1px;top:1px;}
.wl_popTop {
    height:40px;
    position:fixed;
    right:150px;
    bottom: 0px;
    width:40px;
    z-index: 100000;
}
.wl_popTop a {
    background:url(../images/top.png) no-repeat 0 0;
    display: block;
    height: 40px;
    width: 40px;
}
.wl_popTop a:hover{
	background-position:0 -40px;
}
.wl_pop1 {
    height: 156px;
    position: fixed;
    right:0;
    bottom: -120px;
    width: 150px;
    z-index: 100000;
}
.wl_pop1 a {
    background: url("../images/fiexd.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 43px;
    width: 190px;
}
.wl_pop1 img {
    border: 0 none;
}
.wl_pop2 {
    height:90px;
    position: fixed;
    right: 0px;
    bottom: 10px;
    width: 150px;
    z-index: 10;
}
.wl_pop2_l {
    background: url("../images/fiexd.png") no-repeat scroll 0 -35px transparent;
    float: left;
    height: 120px;
    width: 150px;
}
.wl_pop2_tit {
    display: block;
    height: 34px;
    width: 150px;
}
.wl_pop2_l ul {
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 30px;
}
.wl_pop2_l li {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    padding-top:10px;
	padding-bottom:10px;
}
.wl_pop2_l a {
    color: #333333;
    text-decoration: none;
	font-size:11px;
}
.wl_pop2_l a:hover {
    color: #0066CC;
    text-decoration: underline;
}
.wl_pop2_l .wl_pop2_l_lh {
    height: 31px;
    line-height: 50px;
    padding: 0;
}
.wl_pop2_r {
    float: left;
    height: 156px;
    margin-top: 50px;
    width: 20px;
}
.wl_pop2_r img {
    border: 0 none;
}
