#layout{ position:relative;}

#head,#nav ul#menu,#content,#foot{ width:1000px; margin:0 auto;}

/***************** head *****************/
#head_bg{ width:100%; position:absolute; top:0; z-index:9999;}
#head{ height:78px;}
#head .logo{ width:450px; height:76px; margin-top:2px; float:left; background:url(../images/logoxm.jpg) no-repeat center center;}

.top_link{ float:right; margin-top:5px;}
.top_link h3{ font-size:14px; font-weight:normal; line-height:30px; padding-left:8px;}
.top_link ul li{ width:60px; float:left; text-align:center;}
.top_link ul li a{ font-size:10px; color:#746e6d;}
.top_link ul li a:hover{}
.top_link ul li span{ width:32px; height:30px; margin:0 auto 5px; display:block; border:1px #746e6d solid; border-radius:8px; background:url(../images/icon1.gif) no-repeat center center;}
.top_link ul li a:hover span{ background:url(../images/icon01.png) no-repeat center center;}
.top_link ul li span.icon2{ background:url(../images/icon2.gif) no-repeat center center;}
.top_link ul li a:hover span.icon2{ background:url(../images/icon02.png) no-repeat center center;}
.top_link ul li span.icon3{ background:url(../images/icon3.gif) no-repeat center center;}
.top_link ul li a:hover span.icon3{ background:url(../images/icon03.png) no-repeat center center;}
.top_link ul li span.icon4{ background:url(../images/icon4.gif) no-repeat center center;}
.top_link ul li a:hover span.icon4{ background:url(../images/icon04.png) no-repeat center center;}

/***************** nav *****************/
#nav{ height:40px; border-top:1px #9f9c9c solid; background:#fff;}

#nav .tel{ width:200px; height:32px; margin-top:4px; font-size:22px; line-height:32px; padding-left:35px; display:block; float:right; color:#fff; background:#6e6968 url(../images/tel.gif) no-repeat 10px center; border-radius:32px;}
#nav .tel a{ color:#fff;}
#nav .tel:hover{ color:#E8340C; background:#6e6968 url(../images/tel1.gif) no-repeat 10px center; }

#nav li{ margin-right:15px; float:left; display:inline; position:relative; z-index:100;}
#nav li a{ line-height:40px; padding:0 10px; display:block; text-align:center; font-size:16px; color:#fff;}/*3f3a39*/
#nav li a:hover{ background:#eee;color:#3f3a39;}
#nav li a.drop{ padding:0 25px 0 10px; background:url(../images/drop_arrow.gif) no-repeat 80px center;}
#nav li a:hover,#nav li.iehover a,#nav li:hover a{}
#nav li a.drop:hover,#nav li.iehover a.drop,#nav li:hover a.drop{ background:#eee url(../images/drop_arrow1.gif) no-repeat 80px center;}

#nav li ul{ position:absolute; top:40px; left:0px; display:none; background:#f5f5f5; filter:Alpha(Opacity=90, Style=0);opacity:0.90;}
#nav li ul li{ width:170px; height:36px; margin:0; border-bottom:1px #e5e5e5 solid; float:none; /*For Gecko*/ display:inline; /*For IE*/}
#nav li ul li:last-child{ border-bottom:none;}
#nav li ul li a{ width:150px; height:36px; display:block; font-size:14px; line-height:36px; color:#3f3a39;}
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{ font-weight:normal; color:#3f3a39; text-align:left; padding-left:10px; text-indent:0;}
/* 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:#e8340c;}

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

#nav.fixedNav{ width:100%; border-top:none; border-bottom:1px #9f9c9c solid; position:fixed; top:0px; left:0px; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
/*#nav.fixedNav{ width:100%; border-top:none; position:fixed; top:0px; left:0px; background:#6E6968; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
#nav.fixedNav{}
#nav.fixedNav li a{ color:#fff;}
#nav.fixedNav li a.drop{ background:url(../images/drop_arrow2.gif) no-repeat right center;}
#nav.fixedNav li a:hover,#nav.fixedNav li a.current{ color:#e8340c;}
#nav.fixedNav li a.drop:hover,#nav.fixedNav li a.drop.current,#nav.fixedNav li.iehover a.drop,#nav.fixedNav li:hover a.drop{ color:#e8340c; background:url(../images/drop_arrow1.gif) no-repeat right center;}*/

/***************** banner *****************/
#banner{ margin:0 auto; position:relative; width:100%; overflow:hidden;}

/* slide */
.slide-main{ height:536px; position:relative;}
.prev,.next{ display:block; width:40px; height:72px; position:absolute; z-index:222; top:40%; overflow:hidden; cursor:pointer; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
.prev{ left:70px; background:#000 url(../images/l-btn.png) no-repeat center center;}
.next{ right:70px; background:#000 url(../images/r-btn.png) no-repeat center center;}
.slide-main:hover .prev,.slide-main:hover .next{ opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60);}

.item{ display:none; width:100%; height:10px; position:absolute; z-index:124; bottom:30px; left:0; text-align:center;}
.item a{ display:inline-block; width:10px; height:10px; border-radius:10px; margin-right:20px; background:#fff; opacity:0.9;-moz-opacity:0.9; filter:alpha(opacity=90); overflow:hidden;}
.item a.cur{ background:#e8340c;}

.slide-box,.slide,.slide>a,.slide>div{ display:block; width:100%; height:536px; overflow:hidden;}
.slide-box{ position:relative;}
.slide{ display:none; height:536px; position:absolute; z-index:8;}

.case-main{ height:550px;}
.case-main .item{ bottom:30px;}
.case-main .item a{ width:24px; height:4px; border-radius:0; margin-right:10px;}

.case-main .slide-box,.case-main .slide,.slide>a,.slide>div{ height:550px;}
.case-main .slide{ height:550px;}

/***************** content *****************/
#content{ padding-bottom:50px;}
.box .title{ font-size:24px; padding:25px 0;}
.box .title span{ padding:0 2px 0 10px;}
.box .title .tl_en{ color:#999;}

.industry{}
.industry ul li{ width:323px; float:left; margin-right:15px;}
.industry ul li a{ height:505px; display:block; background:#d9d8d9;}
.industry ul li h3{ font-size:18px; font-weight:normal; margin:15px 0 0 20px;}
.industry ul li h2{ font-size:14px; font-weight:normal; margin-left:20px; color:#858585;}
.industry ul li span.more{ float:right; padding-right:15px; margin:20px 20px 0 0; color:#9d9d9d; background:url(../images/more_arrow2.gif) no-repeat right center;}
.industry ul li a:hover{ background:#e8340c;}
.industry ul li a:hover h3,.industry ul li a:hover h2,.industry ul li a:hover span{ color:#fff;}
.industry ul li a:hover span{ background:url(../images/more_arrow.gif) no-repeat right center;}
.industry ul li.last{ margin:0;}

.sort_nav{ width:1000px; height:60px; margin-top:40px; padding-bottom:50px; border-bottom:1px #999 solid; position:relative;}
.sort_nav .wrapper1{ margin:0 auto;}
.sort_nav .wrapper{ width:960px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ height:50px; margin:0 20px; position:absolute; top:0;}
.sort_nav .wrapper ul{ width:960px; /* single item * n */ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top:0;}
.sort_nav ul li{ display:block; float:left; padding:0 30px; text-align:center; font-size:16px; border-right:1px #999 solid;}
.sort_nav ul li a:hover{ color:#e8340c;}
.sort_nav ul li span{ display:block; font-size:14px;}
.sort_nav .left_btn a,.sort_nav .right_btn a{ width:13px; height:23px; display:block; position:absolute; top:15px; z-index:99; cursor:pointer;}
.sort_nav .left_btn a{ background:url(../images/left.gif) no-repeat 0 0; left:0;}
.sort_nav .right_btn a{ background:url(../images/right.gif) no-repeat 0 0; right:0;}

.cases{ padding-bottom:50px; border-bottom:1px #999 solid;}
.case_sort{ float:right;}
.case_sort ul li{ float:left; font-size:14px; background:#e5e5e5; margin-left:1px;}
.case_sort ul li a{ width:135px; height:34px; text-align:center; line-height:34px; display:block; border-left:1px #e5e5e5 solid;}
.case_sort ul li a:hover,.case_sort ul li a.current{ color:#fff; border-left:1px #e8340c solid; background:#868686;}
.case_sort ul li a.more{ width:115px; padding-left:20px; color:#fff; text-align:left; background:#4f4f4f url(../images/more_arrow3.gif) no-repeat 110px center; border:none;}
.case_sort ul li a.more:hover{ background:#e8340c url(../images/more_arrow3.gif) no-repeat 110px center;}


ul.pic_list{}
ul.pic_list li{ width:333px; float:left; display:inline-block; overflow:hidden;}
ul.pic_list li div.pic{ width:333px; height:288px; cursor:pointer; position:relative; overflow:hidden;}
ul.pic_list li div.pic img{ width:100%;}
ul.pic_list li .desc{ width:303px; height:258px; padding:15px; position:absolute; top:288px; left:0px; color:#fff; background:#e8340c;}
ul.pic_list li .desc a{ width:100%; height:100%; position:absolute; top:0; left:0;}
ul.pic_list li .desc h2{ font-size:16px; line-height:16px; padding-bottom:10px; font-weight:normal; color:#fff; background:url(../images/line.gif) no-repeat 0 bottom; }
ul.pic_list li .desc h3{ font-size:24px; text-align:center; font-weight:normal; color:#fff; margin-top:20%;}

/*ul.pic_list li div.pic h2{ width:100%; position:absolute; top:20px; left:20px; font-size:16px; line-height:16px; padding-bottom:10px; font-weight:normal; color:#fff; background:url(../images/line.gif) no-repeat 0 bottom; pointer-events:none;}
ul.pic_list li div.pic h2{ opacity:0; filter:Alpha(Opacity=0, Style=0); -webkit-transform:scale(1); transform:scale(1); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
ul.pic_list li:hover div.pic h2{ opacity:1; filter:Alpha(Opacity=100, Style=0); -webkit-transform:scale(1); transform:scale(1); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}

ul.pic_list li div.pic h3{ width:100%; position:absolute; top:40%; left:0; font-size:30px; text-align:center;  font-weight:normal; color:#fff; pointer-events:none;}
ul.pic_list li div.pic h3{ opacity:0; filter:Alpha(Opacity=0, Style=0); -webkit-transform:scale(1.2); transform:scale(1.2); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
ul.pic_list li:hover div.pic h3{ opacity:1; filter:Alpha(Opacity=100, Style=0); -webkit-transform:scale(1); transform:scale(1); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}

ul.pic_list li:hover div.pic span{ width:30px; height:30px; display:none; border-radius:100%; border:2px #fff solid; position:absolute; top:80%; right:20px; background:url(../images/more_arrow1.gif) no-repeat center center;}
ul.pic_list li:hover div.pic span{ animation-name:saAnic; -webkit-animation:saAnic 0.35s linear 0s normal none; -moz-animation:saAnic 0.35s linear 0s normal none; animation:saAnic 0.35s linear 0s normal none;}
@-webkit-keyframes saAnic{ from{opacity:0; filter:Alpha(Opacity=0, Style=0); right:50px;} to{opacity:1; filter:Alpha(Opacity=100, Style=0); right:20px;} }
@-moz-keyframes saAnic{ from{opacity:0; filter:Alpha(Opacity=0, Style=0); right:50px;} to{opacity:1; filter:Alpha(Opacity=100, Style=0); right:20px;} }
@keyframes saAnic{ from{opacity:0; filter:Alpha(Opacity=0, Style=0); right:50px;} to{opacity:1; filter:Alpha(Opacity=100, Style=0); right:20px;} }

ul.pic_list li div.pic a{ width:100%; height:100%; background:#e8340c; position:absolute; top:0; left:0;}
ul.pic_list li div.pic a:hover{ text-decoration:none;}
ul.pic_list li div.pic a{ opacity:0; filter:Alpha(Opacity=0, Style=0); -webkit-transform:scale(1.12); transform:scale(1.12); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
ul.pic_list li:hover div.pic a{ opacity:1; filter:Alpha(Opacity=100, Style=0); -webkit-transform:scale(1); transform:scale(1);}

ul.pic_list li img{ -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1); transform:scale(1);}
ul.pic_list li:hover img{ -webkit-transform:scale(1.2); transform:scale(1.2);}*/

.service{ padding-bottom:50px; border-bottom:1px #999 solid;}
.service ul li{ width:323px; float:left; margin-right:15px;}
.service ul li.last{ margin:0;}
.service ul li .tl_en{ display:block; margin:30px 0 10px; color:#999; font-size:14px;}
.service ul li .tl{ border-left:4px #e8340c solid; padding-left:15px;}
.service ul li .tl h3{ font-size:18px; font-weight:normal;}
.service ul li h3 a:hover{ text-decoration:underline;}
.service ul li .tl h2{ font-size:14px; color:#666; font-weight:normal;}
.service ul li p{ color:#666; padding:20px 0; font-size:14px;}
.service ul li a.detail span.icon{ width:14px; height:14px; margin:2px 5px 0 0; float:left; border-radius:100%; background:#cacaca url(../images/more_arrow.gif) no-repeat center center;}
.service ul li a.detail:hover{ /*color:#e8340c;*/}
.service ul li a.detail:hover span.icon{ background:#e8340c url(../images/more_arrow.gif) no-repeat center center;}

/*.service ul li a.pic{ width:323px; height:408px; display:block; overflow:hidden;}
.service ul li img{ -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1); transform:scale(1);}
.service ul li:hover img{ -webkit-transform:scale(1.2); transform:scale(1.2);}*/

.news ul li{ width:323px; float:left; margin-right:15px;}
.news ul li.last{ margin:0;}
.news ul li h3{ font-size:18px; line-height:50px; font-weight:normal;}
.news ul li h3 a:hover{ text-decoration:underline;}
.news ul li span.data{ color:#999;}
.news ul li p{ color:#666; padding:20px 0; font-size:14px;}
.news ul li a.detail span.icon{ width:14px; height:14px; margin:2px 5px 0 0; float:left; border-radius:100%; background:#cacaca url(../images/more_arrow.gif) no-repeat center center;}
.news ul li a.detail:hover{ /*color:#e8340c;*/}
.news ul li a.detail:hover span.icon{ background:#e8340c url(../images/more_arrow.gif) no-repeat center center;}

/*.news ul li a.pic{ width:323px; height:204px; display:block; overflow:hidden;}
.news ul li img{ -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1); transform:scale(1);}
.news ul li:hover img{ -webkit-transform:scale(1.2); transform:scale(1.2);}*/

/***************** foot *****************/
#foot_bg{ background:#595757;}
#foot{ padding:20px 0 50px; line-height:22px; color:#e5e5e5; font-size:13px;}
#foot p{ color:#9f9f9f;}
#foot a:hover{ text-decoration:underline;}
#foot dl{ float:left; padding-right:40px; margin-right:40px; background:url(../images/f_x_line.gif) repeat-y right;}
#foot dl dt{ padding-bottom:15px; font-size:16px;}
#foot dl dt a{ color:#d1d1d1;}
#foot dl dd a{ color:#a5a5a5; line-height:26px;}

#foot .f_rt_contact{ float:right;}
.f_rt_contact .f_tel{ color:#ababab; padding-bottom:20px;}
.f_rt_contact .f_tel .icon{ width:245px; height:50px; display:block; background:#848383 url(../images/f_tel1.gif) no-repeat center center;}
/*.f_rt_contact .f_tel .icon{ width:48px; height:48px; float:left; margin-right:8px; display:block; border-radius:100%; background:#848383 url(../images/f_tel.gif) no-repeat center center;}*/
.f_rt_contact .f_tel b,.f_rt_contact .f_tel i{ float:left; font-style:normal;}
.f_rt_contact .f_tel b{ font-size:14px;}
.f_rt_contact .f_tel i{ font-size:10px; color:#808080; border-top:1px #717171 solid; border-bottom:1px #717171 solid;}
.f_rt_contact .f_tel .num{ font-size:22px;}

.f_rt_contact ul li{ width:62px; float:left; text-align:center;}
.f_rt_contact ul li a{ font-size:10px; color:#939393;}
.f_rt_contact ul li a:hover{ text-decoration:none;}
.f_rt_contact ul li span{ width:32px; height:32px; margin:0 auto 5px; display:block; border:1px #e8e8e8 solid; border-radius:8px; background:url(../images/f_icon1.gif) no-repeat center center;}
.f_rt_contact ul li a:hover span{ background:url(../images/icon01.png) no-repeat center center;}
.f_rt_contact ul li span.icon2{ background:url(../images/f_icon2.gif) no-repeat center center;}
.f_rt_contact ul li a:hover span.icon2{ background:url(../images/icon02.png) no-repeat center center;}
.f_rt_contact ul li span.icon3{ background:url(../images/f_icon3.gif) no-repeat center center;}
.f_rt_contact ul li a:hover span.icon3{ background:url(../images/icon03.png) no-repeat center center;}
.f_rt_contact ul li span.icon4{ background:url(../images/f_icon4.gif) no-repeat center center;}
.f_rt_contact ul li a:hover span.icon4{ background:url(../images/icon04.png) no-repeat center center;}

#foot .f_link{ margin-top:10px; line-height:40px; color:#9f9f9f; background:url(../images/f_y_line.gif) repeat-x top;}
#foot .f_link a{ color:#9f9f9f;}


/***************** insidepage *****************/
#i_banner{ height:160px; overflow:hidden;}

.i_box{ font-size:14px; line-height:1.8em;}
.i_box .title{ padding:0 0 15px; margin-bottom:20px; border-bottom:1px #999 solid;}

.i_about,.concept,.team{ padding-bottom:10px;}

.i_about img{ width:100%;}

.team .con{ overflow:hidden;}
ul.team_list{ width:791px;}
ul.team_list li{ width:19%; margin:0 1% 1% 0; float:left; display:inline-block; overflow:hidden;}
ul.team_list li div.pic{ width:100%; height:190px; cursor:pointer; position:relative; overflow:hidden;}
ul.team_list li div.pic img{ width:100%;}

ul.team_list li div.pic h2{ width:80%; position:absolute; top:15px; left:20px; font-size:16px; line-height:24px; padding-bottom:10px; font-weight:bold; color:#fff; background:url(../images/line1.gif) no-repeat 0 bottom; pointer-events:none;}
ul.team_list li div.pic h2{ opacity:0; filter:Alpha(Opacity=0, Style=0); -webkit-transform:scale(1); transform:scale(1); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
ul.team_list li:hover div.pic h2{ opacity:1; filter:Alpha(Opacity=100, Style=0); -webkit-transform:scale(1); transform:scale(1); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}

ul.team_list li div.pic p{ width:80%; position:absolute; top:60px; left:20px; font-size:12px; color:#fff; pointer-events:none;}
ul.team_list li div.pic p{ opacity:0; filter:Alpha(Opacity=0, Style=0); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
ul.team_list li:hover div.pic p{ opacity:1; filter:Alpha(Opacity=100, Style=0); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}

ul.team_list li div.pic a{ width:100%; height:100%; background:#000; position:absolute; top:0; left:0;}
ul.team_list li div.pic a:hover{ text-decoration:none;}
ul.team_list li div.pic a{ opacity:0; filter:Alpha(Opacity=0, Style=0); -webkit-transform:scale(1.12); transform:scale(1.12); -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
ul.team_list li:hover div.pic a{ opacity:0.8; filter:Alpha(Opacity=80, Style=0); -webkit-transform:scale(1); transform:scale(1);}

/*ul.team_list li img{ -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1); transform:scale(1);}
ul.team_list li:hover img{ -webkit-transform:scale(1.2); transform:scale(1.2);}*/


.partners{ overflow:hidden;}
.partners ul{ width:791px;}
.partners ul li{ width:18.95%; margin:0 1% 1% 0; float:left; font-size:12px;}
.partners ul li a.pic{ width:100%; height:60px; display:block; overflow:hidden;}
.partners ul li a.pic img{ width:98.5%; border:1px #ccc solid;}
.partners ul li a{ color:#999;}
.partners ul li a:hover{ color:#e8340c;}

/*.partners ul li img{ -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1); transform:scale(1);}
.partners ul li:hover img{ -webkit-transform:scale(1.2); transform:scale(1.2);}*/

/* case */
.lt_con{ width:180px; float:left;}
.rt_con{ width:781px; float:right;}

.i_case_sort h3{ height:40px; background:#868686; line-height:40px; padding-left:15px; color:#fff; font-size:16px;}
.i_case_sort ul li{ font-size:16px; background:#e5e5e5; margin-bottom:1px;}
.i_case_sort ul li a{ height:34px; line-height:34px; padding-left:15px; display:block; border-left:1px #e5e5e5 solid;}
.i_case_sort ul li a:hover,.i_case_sort ul li a.current{ color:#e8340c; border-left:1px #e8340c solid;}

.two_wm_box{ padding:20px 0; margin-top:30px; border-top:1px #999 dotted; border-bottom:1px #999 dotted;}

.contact_box ul li{ padding-left:40px; line-height:50px; font-size:14px; border-bottom:1px #999 dotted; background:url(../images/qq1.gif) no-repeat 2px center;}
.contact_box ul li:hover{ background:url(../images/qq2.gif) no-repeat 2px center;}
.contact_box ul li.wb{ background:url(../images/wx1.gif) no-repeat 2px center;}
.contact_box ul li.wb:hover{ background:url(../images/wx2.gif) no-repeat 2px center;}
.contact_box ul li.tel{ font-size:20px; font-family:arial; line-height:20px; padding:10px 0 10px 40px; background:url(../images/tel01.gif) no-repeat 2px center;}
.contact_box ul li.tel span{ font-size:12px;}
.contact_box ul li.tel:hover{ background:url(../images/tel02.gif) no-repeat 2px center;}

/*.contact_box ul li.tel{ background:url(../images/icon002.gif) no-repeat 2px center;}
.contact_box ul li.phone{ background:url(../images/icon003.gif) no-repeat 5px center;}
.contact_box ul li.email{ background:url(../images/icon004.gif) no-repeat 0 center;}
.contact_box ul li.add{ background:url(../images/icon005.gif) no-repeat 3px center;}*/

ul.i_pic_list li{ width:255px; padding:0 8px 8px 0;}
ul.i_pic_list li.last{ padding:0;}
ul.i_pic_list li div.pic{ width:255px; height:220px;}
ul.i_pic_list li .desc{ width:225px; height:190px;}
ul.i_pic_list li .desc h2{ width:100%; position:absolute; top:15px; left:15px; font-size:12px; line-height:14px;}
ul.i_pic_list li .desc h3{ font-size:18px; margin-top:35%;}

/*ul.i_pic_list li:hover div.pic span{ width:24px; height:24px; border-radius:100%; border:2px #fff solid; position:absolute; top:82%; right:15px; background:url(../images/more_arrow1.gif) no-repeat center center; background-size:40% 60%;}*/

.other ul li{ width:240px; padding-right:13px; float:left;}
.other li a.pic{ width:240px; height:205px; display:block; overflow:hidden;}
.other ul li.last{ padding:0;}
.other ul li h3{ font-size:18px; font-weight:normal; margin:15px 0 5px}
.other ul li h2{ font-size:14px; font-weight:normal;}
.other ul li a:hover{ text-decoration:underline;}

.other ul li img{ -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1); transform:scale(1);}
.other ul li:hover img{ -webkit-transform:scale(1.2); transform:scale(1.2);}

.case_detail{ border-bottom:1px #999 solid; line-height:26px;}
.case_detail .case_box{ width:500px; margin-top:20px; float:left; padding-bottom:50px;}
.case_detail .lt_box{ width:400px; padding-right:100px;}
.case_box h3{ font-size:24px; line-height:60px; font-weight:normal;}
.case_box p{ font-size:14px;}

.case_detail1{ border-bottom:1px #999 solid; line-height:26px;}
.case_detail1 .case_box{ margin-top:20px; padding-bottom:50px;}

.rt_con .tl{ padding-bottom:12px; margin-bottom:15px; border-bottom:1px #939393 dotted;}
.rt_con .tl h3{ height:24px; font-size:14px; line-height:24px; padding-left:10px; border-left:4px #e8340c solid;}
.rt_con p{ line-height:24px;}

.instructions{ padding:20px 0; margin-top:30px; border-top:1px #939393 dotted; border-bottom:1px #939393 dotted;}
.instructions strong{ color:#e8340c;}

ul.logo_list li{ width:180px; height:113px; float:left; border:1px #ddd solid; margin:0 17px 20px 0;}
ul.logo_list li.last{ margin:0;}

.process ul{ display:block; background:url(../images/y_line.gif) repeat-y center;}
.process ul li{ width:350px; margin-bottom:30px; float:left; margin-right:80px;}
.process ul li h3{ line-height:20px; padding-left:10px; margin-bottom:10px; font-size:14px; border-left:4px #E8340C solid;}
.process ul li.rt{ margin:0;}

.process .pp{ margin-top:20px; display:block; padding:20px 0; border-top:1px #999 dashed; border-bottom:1px #ddd dashed;}

.domain ul{}
.domain ul li a{ width:200px; height:100px; padding:15px; font-size:16px; display:block; margin-right:20px; float:left; background:#ddd; margin-bottom:30px;}
.domain ul li a:hover{ color:#fff; background:#E8340C;}

#news_lt{ width:643px; float:left;}
ul.news_list li{ height:204px; padding-bottom:35px; margin:35px 0; border-bottom:1px #999 solid;}
ul.news_list li .pic{ width:326px; height:204px; float:left; overflow:hidden;}
ul.news_list li h3{ font-size:22px; margin-bottom:10px; font-weight:normal;}
ul.news_list li h3 a:hover{ text-decoration:underline;}
ul.news_list li .n_info{ width:290px; height:204px; float:right; position:relative;}
ul.news_list li span.data{ font-size:14px; color:#999;}
ul.news_list li p{ color:#666; padding:10px 0; font-size:14px;}

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

/*ul.news_list li img{ -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1); transform:scale(1);}
ul.news_list li:hover img{ -webkit-transform:scale(1.2); transform:scale(1.2);}*/

#news_rt{ width:326px; float:right;}
ul.i_news_list li{ height:auto;}
ul.i_news_list li .pic{ float:none;}
ul.i_news_list li h3{ margin-top:15px;}
ul.i_news_list li .n_info{ width:auto; float:none;}

.textTitle{ padding-top:50px; font:normal 24px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; border-top:1px #999 solid;}
.subtime{ margin-top:10px; padding-bottom:20px; border-bottom:1px #999 solid; color:#b8b8b8;}
.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:14px;}
.article table td{border:1px #858585 solid; padding:5px; }
.article table{ border-collapse:collapse;}

.tool_box{ height:40px; margin:20px 0 50px; padding-top:40px; border-top:1px #999 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{ text-decoration:underline;}
.tool_box .back{ float:right; margin:0;}

.lt_contact{ width:500px; float:left;}
.rt_contact{ width:446px; float:right;}

.i_contact_box{ padding-top:50px; margin-top:10px; border-top:1px #999 solid;}
.i_contact_box p{ font-size:14px; margin-bottom:15px;}
.i_contact_box ul li{ border:none;}

.two_wm_box{ border:none;}
.two_wm_box p{ width:140px; margin-right:50px; float:left;}
.two_wm_box p img{ margin-bottom:10px;}

.i_contact_box .redTitle{ border-bottom:2px solid #e60012; color:#e50012; /*font-family:"MyriadPro-Regular_0";*/ font-size:48px; height:60px; line-height:60px; padding:5px 0;}
.i_contact_box .sub{ background:#e60012 none repeat scroll 0 0; height:2px; margin:24px 0 16px; width:100%;}
.i_contact_box .title{ border-bottom:1px solid #d3d3d3; color:#444; font-family:"Noto Sans S Chinese Light","NotoSansHans-Light","微软雅黑"; font-size:44px; font-weight:100; line-height:54px; margin-bottom:8px; padding:14px 0 6px;}
.i_contact_box .footTitle{ color:#444; font-size:26px; line-height:40px; margin:24px 0 6px;}
.i_contact_box .footTitle span{ vertical-align:middle;}
.i_contact_box .footTitle .titleB{ /*font-family:"FujitsuSansBold";*/ font-size:26px; margin-right:5px;}
.i_contact_box .info{ color:#444; font-size:14px; line-height:30px; margin-bottom:0;}
.i_contact_box .contactTableTitle{ color:#ff0000; font-size:20px; line-height:28px; margin-top:36px;}
.i_contact_box .contactTableInfo{ color:#434343; font-size:17px; line-height:22px; margin-top:12px;}
.i_contact_box .contactTableInfo span{ color:#c5c5c5; margin:0 16px;}

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

.map_box{ background:#000 none repeat scroll 0 0; margin:50px 0 0; overflow:hidden; position:relative;}
.map_box:hover #dituContent { opacity:1;}
#dituContent { opacity:0.2; transition:all 0.2s linear 0s;}
.map_box::after { bottom:0; content:""; display:block; left:0; position:absolute; top:0; width:100%; z-index:99;}
.map_box:hover::after { display:none; }
.map { overflow:hidden; position:relative;}
.map::before { background:rgba(0, 0, 0, 0) url("../imagesxxx/mapicon.png") no-repeat scroll 0 0; content:""; display:block; height:332px; left:50%; margin-left:-74px; position:absolute; top:0; transition:all 0.2s ease-in 0s; width:180px; z-index:100;}
.map_box:hover .map::before { margin-top:-200px;}

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

/***************** 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 #000; color:#000; background:#fff;}
.flip_pages_front a:hover,.flip_pages_front .pageson{ color:#fff; background:#000; border:1px solid #000;}
.flip_pages_front .pagesInput input{ width:30px; height:24px; margin:0 5px; text-align:center; border:1px #000 solid;}
.flip_pages_front .pagego{ padding:5px 12px; color:#000; border:1px solid #000; cursor:pointer;}
.flip_pages_front .pagego:hover{ color:#fff; border:1px solid #000; background:#000;}