/***************** reset *****************/
*{ margin:0; padding:0; word-wrap:break-word;}
body{ color:#444; font:12px/1 "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; background:#fff;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight:normal;}
a{ color:#444; text-decoration:none;}
a:hover{ color:#1d8c9d; text-decoration:none;}
img{ border:0;}
ul, li{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input, button, textarea, select, optgroup, option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select{ *font-size:100%;}
sup{ vertical-align:baseline;}
sub{ vertical-align:baseline;}

.clear{clear:both; height:1px;font-size:0;line-height:0;}

/***************** universal *****************/
span.spacing{ height:10px; display:block; overflow:hidden;}
#head,#f_link,#foot,.con_box,#i_content{ width:1210px; margin:0 auto;}

/***************** head *****************/
#head_bg{ width:100%; min-width:1200px; border-top: 6px #1d8c9d solid;}
#head{ height:100px;}
#head .logo{ width:140px; height:50px; margin-top:25px; float:left; /*background:url(../images/logo.gif) no-repeat center center;*/}
#head .logo img{ width:100%;}

#head .rt{ padding:12px 30px 0 0; float:right; font-size:12px; line-height:30px; color:#999;}
#head .rt span b{ font-weight:normal; color:#1d8c9d; font-size:18px; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif}

#head .search{ height:30px; margin-left:15px; position:relative;}
#head .search a.search_btn{ width:18px; height:18px; display:block; position:absolute; top:0; right:10px; background:url(../images/search.png) no-repeat center center;}
#head .search input{ width:200px; height:26px; color:#aaa; padding-left:15px; line-height:26px; border:1px #e9e9e9 solid; border-radius:15px; background:#fff;}

/***************** nav *****************/
#nav{ width:980px; padding-top:15px; float:right;}
#nav ul li{ float:left; display:inline; position:relative; z-index:999;}
#nav ul li.divider{ width:1px; height:12px; margin-top:4px; background:#b9b9b9;}
#nav ul li a{ padding:1px 25px; line-height:20px; color:#000; font-size:16px;}
#nav ul li a:hover,#nav ul li a.current,#nav ul li.iehover a,#nav ul li:hover a{ color:#1d8c9d;}

#nav li ul{ padding:25px 0 0; display:none; position:absolute; top:16px; left:0; z-index:999;}

#nav li ul div.sub_arrow{ display:block; background:rgba(255,255,255,0.95); position:relative; box-shadow:0 5px 10px rgba(0,0,0,0.2)}
#nav li ul div.sub_arrow>.arrow{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;}
#nav li ul div.sub_arrow>.arrow{ border-width:7px;}
#nav li ul div.top>.arrow{ top:-7px; right:50%; margin-right:-7px; border-bottom-color:#f9f9f9; border-top-width:0;}

#nav li ul li{ width:127px; float:none; /*For Gecko*/ display:inline; /*For IE*/}
#nav li ul.long li{ width:185px;}
#nav li ul li a{ padding:0 0 0 30px; line-height:40px; display:block; font-size:12px; color:#fff;}
html>/**/body ul#menu li ul li{ display:block !important;/*For firfox*/}


/* 2nd Menu */ 
ul#menu li:hover li a,
ul#menu li.iehover li a{ color:#666; padding-left:15px;}
/* 2nd Menu Hover */ 
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a{ color:#fff; background:#31a7b9;}

ul#menu li:hover ul,
ul#menu li.iehover ul{ display:block;}

/***************** banner *****************/
#banner{ width:1200px; height:400px; margin:0 auto; overflow:hidden;}

/* slide */
.slide-main{ height:px; position:relative;}
.prev,.next{ width:36px; height:80px; position:absolute; z-index:222; top:160px; overflow:hidden; cursor:pointer; background:#000 url(../images/left_btn.png) no-repeat center center; opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=10);}
.prev{ left:0;}
.next{ right:0; background:#000 url(../images/right_btn.png) no-repeat center center;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{ background-color:#000; opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}

.item{ display:block; width:100%; height:5px; position:absolute; z-index:124; bottom:30px; left:0; text-align:center;}
.item a{ display:inline-block; width:8px; height:8px; margin:0 8px; border:1px #fff solid; overflow:hidden; border-radius:100%;}
.item a.cur{ background:#fff;}

.slide-box,.slide,.slide>div{ display:block; width:100%; height:400px; overflow:hidden;}
.slide-box{ position:relative;}
.slide{ display:none; height:400px; position:absolute; z-index:8;}
.slide a{ width:142px; height:42px; line-height:42px; color:#fff; display:block; font-size:16px; text-align:center; border:1px #fff solid;}
.slide a:hover{ background:rgba(255,255,255,0.3);}

.obj-a,.obj-b{ position:absolute; z-index:9; left:50%;}
.obj-a{ width:380px; margin-left:-650px; top:0px;}
.obj-b{ width:142px; margin-left:-500px; top:250px;}

.banAnimate .obj-a{ animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }

.banAnimate .obj-b{ animation-name:xaAnic;-webkit-animation:xaAnic 0.4s linear 0s normal none;-moz-animation:xaAnic 0.4s linear 0s normal none;animation:xaAnic 0.4s linear 0s normal none;}
@-webkit-keyframes xaAnic{from{opacity:0;top:300px;} to{opacity:1;top:250px;} }
@-moz-keyframes xaAnic{from{opacity:0;top:300px;} to{opacity:1;top:250px;} }
@keyframes xaAnic{from{opacity:0;top:300px;} to{opacity:1;top:250px;} }

/***************** content *****************/
.pro_box ul{ padding-top:5px;}
.pro_box ul li{ width:298px; height:180px; float:left; border:1px #cecece solid; overflow:hidden; position:relative;}
.pro_box ul li .info{ width:258px; padding:0 20px; margin-top:20px; line-height:30px; font-size:14px; position:absolute;}
.pro_box ul li .info h3{ font-size:18px; font-weight:bold; text-align:center; color:#000; margin-bottom:10px;}
.pro_box ul li .info p{ line-height:1.2em;}

.box{}
.box .title{ padding:50px 0 30px; text-align:center; position:relative;}
.box .title h3{ font-size:30px; color:#000; font-weight:normal;}
.box .title span{ font-size:24px; color:#bbb; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif}
.box .title span.line{ width:65px; height:3px; display:block; margin:15px auto; background:#1d8c9d;}
.box .con{ line-height:24px; overflow:hidden;}
.box span.more{ position:absolute; bottom:30px; right:0;}
.box span.more a{ font-size:14px; margin-top:12px; float:right; text-align:center; display:block; color:#666;}
.box span.more a:hover{ text-decoration:underline;}

.box .more a{ width:30px; height:30px; margin:0 auto; border-radius:50%; display:block; margin-top:20px; background:#1D8C9D url(../images/more.png) no-repeat center center; text-indent:-9999px; overflow:hidden; background-size:15px;}
.box .more a:hover{ background:#0DC1D8 url(../images/more.png) no-repeat center center;  background-size:15px;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;}
	@-moz-keyframes spin {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@-o-keyframes spin {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}
@-ms-keyframes spin {
	0% { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.products .con ul{ width:1224px;}
.products .con ul li{ width:280px; float:left; margin:0 26px 30px 0;}
.products .con ul li h3{ font-size:18px; text-align:center; line-height:50px; font-weight:normal;}
.products .con ul li h3 a{ color:#000;}
.products .con ul li h3 a:hover{ text-decoration:underline;}
.products .con ul li span.data{ color:#999;}
.products .con ul li p{ color:#999; font-size:14px; line-height:18px; margin-bottom:15px;}
.products .con ul li a.detail{ font-size:14px; color:#000; padding-right:30px; background:url(../images/hot_img_arrow.png) no-repeat right center;}
.products .con ul li a.detail:hover{ text-decoration:underline;}

.case{ position:relative;}
.case .con ul li{ height:250px; margin:0 16px 30px 10px; text-align:center; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.case .con ul li img{ display:block;    max-width: 100%;}

.case .tab_box{ width:340px; position:absolute; right:0; top:80px;}
.case ul#tab_btn li{ float:left;}
.case ul#tab_btn li a{ width:156px; color:#fff; font-size:14px; line-height:44px; margin:0 0 0 10px; display:block; cursor:pointer; text-align:center; background:#c4c4c4; border-radius:10px;}
.case ul#tab_btn li.hover a{ color:#fff; background:#1d8c9d;}

.case ul#tab_btn li.hover div.sub_arrow{ display:block; position:relative;}
.case ul#tab_btn li.hover div.sub_arrow>.arrow{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid;}
.case ul#tab_btn li.hover div.sub_arrow>.arrow{ border-width:7px;}
.case ul#tab_btn li.hover div.bottom>.arrow{ bottom:-7px; right:50%; margin-left:-7px; border-top-color:#1d8c9d; border-bottom-width:0;}

.case .btn_box{ width:150px;}
.case .btn_box a,.oem_brands .btn_box .tab-T-3{ float:left;}
.case .tab-T-3{ width:64px; margin:0 10px;}
.case .tab-T-3 li{ width:6px; height:6px; font-size:0; background-color:#dfdfdf; float:left; margin:10px 5px 0; cursor:pointer; display:inline; border-radius:100%;}
.oem_brands .tab-T-3 li.cur{ background-color:#db4140;}

.case .btn{ width:40px; height:60px; display:block; cursor:pointer; margin-top:-40px;}
.case .prev1{ background:rgba(0,0,0,0.3) url(../images/l-btn.png) no-repeat center center; position:absolute; left:10px; top:280px;}
.case .next1{ background:rgba(0,0,0,0.3) url(../images/r-btn.png) no-repeat center center; position:absolute; right:10px; top:280px;}

.con_box_bg{ min-width:1200px; background:#f5f5f5;}
.con_box{ padding:0 0 30px;}
.about{ width:640px; float:left;}
.about .pic{ float:left;}
.about .info{ width:350px; float:right;}
.about .info h3{ font-size:24px; margin-bottom:20px;}

.news{ width:485px; float:right;}
.news .title{ height:42px;}
.news ul#tab_btn li{ float:left;}
.news ul#tab_btn li a{ width:156px; height:35px; color:#fff; font-size:20px; line-height:35px; margin:0 1px 0 0; display:block; cursor:pointer; text-align:center; background:#747474;}
.news ul#tab_btn li.hover a{ color:#fff; background:#1d8c9d;}

ul.news_list li{ height:65px; margin-bottom:25px; line-height:20px;}
ul.news_list li span.data{ width:65px; height:65px; padding-right:10px; margin-right:15px; float:left; text-align:center; border-right:1px #cfcfcf solid;}
ul.news_list li span.data .day,ul.news_list li span.data .month{ display:block; color:#1d8c9d; font-size:14px;font-weight:bold;}
ul.news_list li span.data .day{ font-size:16px; line-height:30px; color:#999; font-weight:bold; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
ul.news_list li .info a{ font-size:14px; display:block; margin-bottom:8px;}
ul.news_list li .info p{ color:#999;}

/***************** f_link *****************/
#f_link_bg{ min-width:1200px; background:#37383a;}
#f_link{ padding:45px 0 40px; line-height:22px;}
#f_link dl{ float:left; padding:0 19px 0 0; margin-right:20px; background:url(../images/line.gif) repeat-y right;margin-top: 50px;}
#f_link dl dt{ padding-bottom:20px; font-size:16px;}
#f_link dl dt a{ color:#fff;}
#f_link dl dd a{ color:#a5a5a5; padding-left:10px; line-height:36px; background:url(../images/arrow.gif) no-repeat 0 center;}
#f_link dl dt a:hover,#f_link dl dd a:hover{ text-decoration:underline;}

#f_link .media{ width:245px; float:right;}
.media ul h3{ font-size:18px; padding-left:20px; margin-bottom:30px; color:#fff;}
.media ul li{ float:left; margin-left:20px;}
.media ul li p{ margin-left:12px; padding-left:30px; line-height:30px; color:#fff; background:url(../images/icon4.gif) no-repeat 0 center;}
.media ul li p.app_btn{ margin-left:20px; padding-left:20px; background:url(../images/icon5.gif) no-repeat 0 center;}

.media ol{ margin-top:20px;}
.media ol h3{ line-height:40px; color:#a8a8a8;}
.media ol li{ border-radius:5px; margin-right:9px; float:left; box-shadow:1px 1px 5px #000; background:url(../images/icon_bg.gif) repeat-x top;}
.media ol li a{ width:24px; height:24px; display:block; background:url(../images/share_icon1.gif) no-repeat center center;}
.media ol li a.wx{ background:url(../images/share_icon2.gif) no-repeat center center;}
.media ol li a.wb{ background:url(../images/share_icon3.gif) no-repeat center center;}
.media ol li a.qzone{ background:url(../images/share_icon4.gif) no-repeat center center;}
.media ol li a.baidu{ background:url(../images/share_icon5.gif) no-repeat center center;}
.media ol li a.txwb{ background:url(../images/share_icon6.gif) no-repeat center center;}
.media ol li a.pyw{ background:url(../images/share_icon7.gif) no-repeat center center;}

/***************** foot *****************/
#foot_bg{ min-width:1200px; border-top:1px #454648 solid; background:#292a2c;}
#foot{ height:54px; line-height:54px; color:#979797;}
#foot .f_logo{ width:150px; height:54px; background:url(../images/f_logo.gif) no-repeat 0 center;}
#foot .f_rt{ float:right;}
#foot .f_rt a{ color:#9a9a9a;}
#foot .f_rt a:hover{ text-decoration:underline;}
#foot .f_rt img{ margin:0 5px 0 10px; vertical-align:middle;}


/***************** insidepage *****************/
#i_banner{ width:1200px; height:400px; margin:0 auto;}

#i_content_bg{ min-width:1200px; padding:0 0 80px; background:#f4f4f4;}
#i_content{ width:1198px; margin:15px auto 0; padding:0 0 50px; border:1px #e1e1e1 solid; background:#fff;}

.crumb{ line-height:48px; padding-left:32px; border-bottom:1px #e1e1e1 solid; background:#f0f0f0 url(../images/home.gif) no-repeat 15px 18px;}
.crumb a:hover,.crumb span.current{ color:#1d8c9d;}

.i_title{ padding:15px; line-height:38px; position:relative; border-bottom:1px #e1e1e1 solid;}
.i_title h3{ font-size:24px;}

.i_title .sub_nav{ float:right; font-size:14px;}
.i_title .sub_nav ul li{ padding-left:1px; float:left;}
.i_title .sub_nav ul li a{ display:block; height:38px; color:#fff; padding:0 30px; background:#9f9f9f;}
.i_title .sub_nav ul li a:hover,.i_title .sub_nav ul li a.current{ background:#1d8c9d; text-decoration:none;}

.sub_sort{ width:100%; height:60px; margin:30px auto; text-align:center; font-size:0;}
.sub_sort li{ width:120px; display:inline-block; line-height:42px; text-align:center; box-sizing:border-box;}
.sub_sort a{ width:100%; height:48px; font-size:16px; display:block; border-bottom:2px #dfdfdf solid;}
.sub_sort a.current,.sub_sort a:hover{ border-bottom:2px #1d8c9d solid; color:#1d8c9d; text-decoration:none;}

#i_content .con{ padding:0 30px; font-size:14px;}

.i_about{ padding:30px 0; line-height:2em;}
.i_about p{ font-size:16px;}
ul.i_news_list li{ height:150px; line-height:1.5em; padding-bottom:35px; margin:35px 0; border-bottom:1px #e1e1e1 solid;}
ul.i_news_list li .pic{ width:240px; height:150px; float:left; overflow:hidden; border:1px #e1e1e1 solid;}
ul.i_news_list li h3{ font-size:18px; margin-bottom:10px; font-weight:normal;}
ul.i_news_list li h3 a:hover{ text-decoration:underline;}
ul.i_news_list li .n_info{ width:76%; height:150px; float:right; position:relative;}
ul.i_news_list li span.data{ font-size:14px; color:#999;}
ul.i_news_list li p{ color:#666; padding:10px 0; font-size:14px;}

ul.i_news_list li a.detail{ position:absolute; bottom:0;}
ul.i_news_list li a.detail span.icon{ width:14px; height:14px; margin:4px 5px 0 0; float:left; border-radius:100%; background:#1d8c9d url(../images/more_arrow.gif) no-repeat center center;}
ul.i_news_list li a.detail:hover{ color:#F6B13C;}
ul.i_news_list li a.detail:hover span.icon{ background:#F6B13C url(../images/more_arrow.gif) no-repeat center center;}

.textTitle{ padding-top:50px; font:normal 24px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.subtime{ margin-top:10px; padding-bottom:20px; border-bottom:1px #e1e1e1 solid; color:#999;}
.subtime span{ color:#b8b8b8;}
.subtime span.down{ padding-left:20px; float:right; background:url(../images/download_pic.gif) no-repeat 0 center;}
.subtime span.down a{ text-decoration:underline;}
.subtime span.down a:hover{ text-decoration:none;}
.article{ padding:30px 0; line-height:2em; font-size:16px;}
.article table td{border:1px #858585 solid; padding:5px; }
.article table{ border-collapse:collapse;}

.tool_box{ height:40px; margin:20px 0 0; padding-top:40px; border-top:1px #e1e1e1 solid;}
.tool_box a{ padding:0 30px; height:40px; line-height:40px; text-align:center; margin-right:15px; font-size:16px; float:left; color:#fff; background:#6E6968;}
.tool_box a:hover{ background:#1d8c9d;}
.tool_box a:hover{ text-decoration:underline;}
.tool_box .back{ float:right; margin:0; background:#1d8c9d;}

/* case */
.lt_con{ width:200px; float:left;}
.rt_con{ width:900px; float:right;}

.i_case_sort h3{ height:70px; line-height:70px; color:#333; font-size:30px;}
.i_case_sort ul li{ font-size:14px; margin-bottom:1px;}
.i_case_sort ul li a{ height:38px; line-height:38px; padding-left:15px; display:block; background:#e5e5e5;}
.i_case_sort ul li a:hover,.i_case_sort ul li a.current{ color:#fff; background:#1d8c9d;}

.i_case_sort ul li a.none{ color:#bbb; background:#f3f3f3;}
.i_case_sort ul li a.none:hover,.i_case_sort ul li a.none.current{ background:#f3f3f3;}

.rt_con .title h3{ font-size:24px; line-height:70px; border-bottom:1px #e1e1e1 solid;}
.rt_con .con_con{ padding:20px 0; line-height:2em; }
.rt_con .con_con img{ max-width:900px;}
.rt_con .con_con p{ font-size:16px;line-height:30px;}
ul.case_list{ width:930px;}
ul.case_list li{ width:280px; float:left; padding:10px 0 20px; margin-right:30px;}
ul.case_list li h3{ font-size:18px; line-height:50px; color:#000; font-weight:normal;}
ul.case_list li h3 a:hover{ text-decoration:underline;}
ul.case_list li span.data{ color:#999;}
ul.case_list li p{ color:#666; font-size:14px; line-height:18px; margin-bottom:15px;}

.list-paddingleft-2 {
	width:100%;
	margin-left:20px;
}
ul.list-paddingleft-2 li {
	width:300px;
	float:left;
	text-align:left;
	list-style-type:disc;
}
ul.list-paddingleft-2 li a.none{ color:#999;}

.i_contact .list-paddingleft-2 {
	width:100%;
	margin-left:0;
}
.i_contact ul.list-paddingleft-2 li {
	width:600px;
	float:left;
	text-align:left;
	list-style-type:none;
}

ul.solution_list li{ height:167px; padding-bottom:30px; margin:10px 0 30px;}
ul.solution_list li .pic{ height:167px;}
ul.solution_list li .n_info{ width:70%; height:167px;}
ul.solution_list li a.detail{ position:static; bottom:0;}

.i_solution{ padding:50px 20px 0;}
.lt_s_con{ width:380px; float:left;}
.rt_s_con{ width:650px; float:right;}

.lt_s_con .title h3{ font-size:24px; margin-bottom:15px;}
.lt_s_con .con_con p{ font-size:16px; line-height:2em;}

.s_info{ width:1185px; padding:80px 0 50px;}
.s_info dl{ width:310px; padding-right:85px; float:left;}
.s_info dt{ font-size:24px; margin-bottom:15px;}
.s_info dd{ font-size:14px; line-height:1.5em;}

.i_contact{ padding-top:30px;}
.i_contact h3{ font-size:24px; font-weight:normal; margin-top:30px;}

.i_contact ul{ margin:10px 0; margin-bottom:30px;}
.i_contact ul li{ width:80%; height:52px; font-size:16px; line-height:1.6em; padding:0; float:left;/* background:url(../images/icon01.gif) no-repeat 0 center*/}
.i_contact ul li span{ color:#b8b8b8;}
.i_contact ul li:nth-last-child(2){ width:220px; padding-left:70px; background:url(../images/icon02.gif) no-repeat 0 center;}
/*.i_contact ul li:last-child{ width:200px;padding-left:70px; padding-top:0; background:url(../images/icon01.gif) no-repeat 0 center;}*/

.message{ margin:50px 0 0 100px;}
.message h3{ font-size:24px; margin-bottom:20px;}
.message p{ padding:10px 0;}
.message p .text,.message p textarea{ width:430px; height:42px; font-size:14px; padding-left:14px; background:#f8f8f8; border:1px #ddd solid;}
.message p textarea{ height:112px; padding-top:10px;}
.message .submit{ display:block; width:160px; height:50px; font-size:16px; line-height:50px; text-align:center; color:#fff; background:#868686;}
.message .submit:hover{ color:#fff; background:#E50012;}

/* jobs */
table.recruitment_data{ width:100%; margin:30px 0; text-align:center;}
table.recruitment_data th,table.recruitment_data td{ line-height:40px; padding:0 10px; border-collapse:collapse;}
table.recruitment_data th{ color:#bf9630; background:#f1e5c6; border-right:1px #fff solid; font-weight:bold;}
table.recruitment_data td{ font-size:12px; color:#999; border-bottom:1px #e1e1e1 solid;}
table.recruitment_data .job_title{ text-align:left;}
table.recruitment_data .job_title,table.recruitment_data .job_title a{ color:#bf9630;}
table.recruitment_data .job_title a:hover{ color:#f60; text-decoration:underline;}
table.recruitment_data .detail a{ color:#ff8500; text-decoration:underline;}
table.recruitment_data .detail a:hover{ color:#f60; text-decoration:none;}

.child{ display:block; margin:30px 0 20px; padding-bottom:30px; border-bottom:1px #e1e1e1 solid; line-height:2em;}
.child .name{ font-size:24px;}
.child .en_name{ font-size:18px; color:#999;}
.child .department{ font-size:16px;}
.child .department .num{ color:#f00;}
.child .child_content{ display:block; padding-top:20px;}

.cont{ margin-top:30px; border-bottom:1px solid #e8e8e8;}
.cont .title{ text-align:center; font-size:16px; line-height:50px;}
.cont .title a{ color:#333; text-decoration:none;}
.cont .title a:hover{text-decoration:underline;}

.container{ border:1px solid #e8e8e8; border-bottom:none; clear:both; overflow:hidden;}
.container_left{ width:15%; float:left;}
.container_left h1{ text-align:center;}
.container_left h1 a{ text-align:center; line-height:60px; color:#333;}

.container_right{ width:85%; float:left; padding:16px 0; overflow:hidden; display:inline-block;}
.container a{ margin:0 10px; color:#999; display:inline-block; line-height:30px; vertical-align:baselinebaseline;}
.container a:hover{ color:#f60;}


/***************** pagination *****************/
.flip_pages_front{ font-size:12px; font-family:arial,sans-serif; padding-top:20px; text-align:center; clear:both;}
.flip_pages_front a{ margin:0px 2px; padding:5px 8px; text-align:center; border:1px solid #1d8c9d; color:#1d8c9d; background:#fff;}
.flip_pages_front a:hover,.flip_pages_front .pageson{ color:#fff; background:#1d8c9d; border:1px solid #1d8c9d;}
.flip_pages_front .pagesInput input{ width:30px; height:24px; margin:0 5px; text-align:center; border:1px #1d8c9d solid;}
.flip_pages_front .pagego{ padding:5px 12px; color:#3d63af; border:1px solid #1d8c9d; cursor:pointer;}
.flip_pages_front .pagego:hover{ color:#fff; border:1px solid #1d8c9d; background:#1d8c9d;}
.flip_pages_front span{ padding:5px;}
/* -------------------------------- 

返回顶部

-------------------------------- */
.backtop{
	width:50px;
	height:50px;
	overflow:hidden;
	display:none;
	/*border-radius:45px;
	-ms-border-radius:45px;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;*/
	border-radius:50%;
	box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);
	-moz-box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);
	-webkit-box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);
	background:#fff url(../images/arrow.png) no-repeat center center;
	filter:alpha(opacity=90);  
    -moz-opacity:0.9;  
    -khtml-opacity:0.9;  
    opacity:0.9;  
	background-size:50% auto;
	position:fixed;
	right:20px;
	bottom:300px;
	z-index:9999;
}
.backtop a{
	color:#289bd5;
	display:block;
	
}
.backtop a i{
	line-height:45px;
	background:url(../images/arrow-up.png) 50% 50% no-repeat;
	width:45px;
	display:block;
	height:45px;
}


/**qq**/
.SonlineBox{ width:162px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#1d8c9d url(../images/opentrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:158px; height:35px; line-height:35px; background:#1d8c9d;/* url(../images/sonlinetitlebg.gif) repeat-x;*/ border-bottom:2px solid #1d8c9d;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox .contentBox{ width:158px; height:auto; border:2px solid #1d8c9d; background:#fff; /*background:#fff url(../images/4f3ec3433153401191faad1e4186dee5.gif) no-repeat;*/ position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{ margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;text-align:center;}
.SonlineBox .contentBox .listBox .QQList span{/*float:left;*/ line-height:22px; color:#333; text-align:center;}
.SonlineBox .contentBox .listBox .QQList a{ text-align:center; }

.font-s {
    font-family:"\5B8B\4F53";
}