/*---------------------------------------start first page style------------------------------*/
/*flash*/
div.banner{ width:980px; clear:both; margin:2px auto; text-align:center;}
div.h_services{ background:white; clear:both; width:978px; margin:8px auto; border:1px solid #d7d7d7; height:173px; overflow:hidden; position:relative; padding-top:10px;}
dl.h_services_title{ clear:both; position:absolute; top:10px; left:18px; font-size:14px; text-transform:capitalize; color:#18845b; font-weight:bold;}
/*------------start gundong-------------------*/
div.rollBox{ clear:both; width:960px; margin:0 auto;}
.rollBox .LeftBotton { float:right; background:url(../images/left_btn.png) no-repeat center center;  overflow:hidden; width:37px; height:24px; cursor:pointer; margin-right:8px; }
.rollBox .RightBotton { float:right; background:url(../images/right_btn.png) no-repeat center center;overflow:hidden; width:37px; height:24px; cursor:pointer; margin-right:5px;}
.rollBox .Cont { clear:both; width:100%; height:125px; overflow:hidden; padding-top:10px;}
.rollBox .ScrCont { width:1000000px;}
.rollBox .Cont div.pic { float:left; width:240px; text-align:center;}
.rollBox div#List1,.rollBox div#List2 { float:left;}
dl.h_services{ width:230px; margin:0 auto; height:123px; text-align:left; padding:10px 0 0 0; overflow:hidden;}
/*shezhibeijing*/
dl.h_s_1{ background:url(../images/service/01.jpg) no-repeat;}
dl.h_s_2{ background:url(../images/service/02.jpg) no-repeat;}
dl.h_s_3{ background:url(../images/service/03.jpg) no-repeat;}
dl.h_s_4{ background:url(../images/service/04.jpg) no-repeat;}
dl.h_s_5{ background:url(../images/service/05.jpg) no-repeat;}
dl.h_s_6{ background:url(../images/service/06.jpg) no-repeat;}
dl.h_s_7{ background:url(../images/service/07.jpg) no-repeat;}
dl.h_s_8{ background:url(../images/service/08.jpg) no-repeat;}
dl.h_s_9{ background:url(../images/service/09.jpg) no-repeat;}
dl.h_s_10{ background:url(../images/service/10.jpg) no-repeat;}
dl.h_s_11{ background:url(../images/service/11.jpg) no-repeat;}
/*jieshushezhibeijing*/
dl.h_services dt{ text-transform:capitalize; clear:both; font-weight:bold; width:140px; padding-left:10px;}
dl.h_services dt a{ color:#ff6600; }
dl.h_services dd{ line-height:1.3em; color:#666; clear:both; margin:4px 0; clear:both;width:140px; padding-left:10px;}
dl.h_services dd.more_arrow{line-height:1.6em; padding-top:3px;}
a.blue_link{ display:block;  float:left; background:url(../images/service_arrow.gif) no-repeat left 1px; color:#067ab4; padding-left:20px;}
a.blue_link:hover{ color:#ff6600;}
/*------------jieshugongdun------------*/
/*-----------------------------------start middle style shezhi---------------------------*/
div.h_one{ clear:both; margin:8px auto; width:980px;}
/*--------------start left*/
div.h_left{ float:left; width:253px; background:#fcfcfc; border:1px solid #d7d7d7; border-top:3px solid #0c7d58;}
/*quote*/
div.h_quote{ clear:both; height:379px;  width:253px; overflow:hidden;}
div.h_quote dl.h_l_title{ border-top:none;}
/*table*/
table.quote_table{ clear:both; margin:10px auto 0 auto;_margin:5px auto 0 auto; color:#858585;}
table.quote_table td{ padding:2px 0;*padding:1px 0;_padding:2px 0;}
/*biaodan*/
.input_select,input.h_input_text,.input_textarea{ border:1px solid #d5d5d5; border-top:1px solid #929292; border-left:1px solid #929292; background:white; width:215px; height:22px; font-family:Arial; color:#858585; font-size:11px;}
.input_textarea{ height:50px;}
input.h_input_text{ width:160px; padding:2px 5px; line-height:15px; height:15px;}
input.input_green_btn{ border:none; cursor:pointer; text-transform:uppercase; font-weight:bold; color:white; background:url(../images/quote_btn.png) no-repeat; width:93px; height:28px; text-align:center; margin-top:4px;}
/*biaoti*/
dl.h_l_title{ clear:both; background:#f7f7f7; border-bottom:1px solid #d7d7d7;border-top:1px solid #d7d7d7; height:33px; overflow:hidden; line-height:33px;}
dl.h_l_title dd{ cursor:pointer;float:left; text-transform:capitalize; font-size:14px; font-weight:bold; text-decoration:none;color:#ff6600; padding-left:14px;}
dl.h_l_title dt{ float:right; font-size:10px; padding-right:8px;}
dl.h_l_title a,dl.h_line_title dt a{ color:#18845b; text-decoration:underline; text-transform:capitalize;}
dl.h_l_title a:hover,dl.h_line_title dt a:hover{ color:white; text-decoration:none; background:#067ab4;}
/*languagd*/
div.h_languages{ clear:both; height:280px; overflow:hidden;}
dl.h_languages{ clear:both; width:230px; margin:0 auto; padding:10px 0 0 0;  }
dl.h_languages dd{ float:left; width:100px; padding-left:15px; background:url(../images/green_arrow1.gif) no-repeat left 7px; margin:2px 0; font-weight:bold;}
/*team*/
div.h_team{ clear:both; height:430px; overflow:hidden;}
dl.h_team{ clear:both; margin:24px auto; width:235px; height:75px; overflow:hidden;}
dl.h_team dt{ float:left; width:80px;}
dl.h_team dd{ color:#666; line-height:16px; float:right; width:138px;}
dl.h_team dd.title{ font-weight:bold; margin-bottom:4px;}
/*zhuce*/
div.reg_pic{ clear:both; margin-top:12px; text-align:center;}
/*our custums*/
div.h_clients{ clear:both; height:115px; overflow:hidden;}
dl.h_clients{ width:180px; height:55px; text-align:center; margin:10px auto 0 auto; border:1px solid #d7d7d7;}
/*--------------------start right*/
div.h_right{ float:right; width:710px;}
/*about us*/
div.h_about{ clear:both; border:1px solid #d7d7d7; background:white; margin-bottom:8px; padding:1px; width:706px; height:236px; overflow:hidden;}
dl.h_about{ clear:both;}
dl.h_about dt{ float:left; width:255px;}
dl.h_about dd{ float:right; width:420px; padding-right:15px;}
dl.h_about dd.title{ font-size:14px; color:#18845b; font-weight:bold; line-height:1.8em; margin:12px 0; }
dl.h_about dd.about_btn{ padding-top:8px;}
a.about_btn{ display:block; background:url(../images/yellow_btn.png) no-repeat; width:70px; height:27px; text-align:center; line-height:27px; color:white; font-weight:bold;}
a.about_btn:hover{ color:#fff837;}
/*jieduefangan*/
div.h_case{ clear:both; margin:8px 0; height:460px; overflow:hidden; }
div.h_case_text{ clear:both; width:100%; height:420px; overflow:hidden; margin-top:8px;}
dl.h_case{ float:left; width:340px; padding-right:10px; padding-left:5px; height:98px;overflow:hidden; margin:5px 0;}
dl.h_case dt{ float:left; width:125px; padding-top:8px;}
dl.h_case dd{ float:right; width:205px; line-height:16px;}
dl.h_case dd.title{ margin-bottom:4px; font-weight:bold;}
/*xianbiaoti*/
dl.h_line_title{ clear:both; height:25px; background:url(../images/line.gif) repeat-x left bottom; line-height:25px; padding:0 5px;padding-bottom:4px; }
dl.h_line_title dd{ float:left; font-size:14px; font-weight:bold; color:#18845b; text-transform:capitalize; text-decoration:none; cursor:pointer;}
dl.h_line_title dt{ float:right; text-align:right; font-size:10px; text-transform:capitalize;}
dl.h_line_title dt a{ text-decoration:none; cursor:pointer;}
/*zhiliangkongzhi*/
div.h_r_one{ clear:both; margin:8px 0; background:white; width:708px; height:243px; padding:10px 0 0 0; border:1px solid #d7d7d7; overflow:hidden;}
div.h_quality{ float:left; width:330px; padding:0 10px; border-right:1px solid #e6e6e6; height:230px; overflow:hidden;}
dl.h_list{ clear:both; margin:0 auto; width:95%; padding:6px 0 0 0;}
dl.h_list dd{ clear:both; margin:5px 0;background:url(../images/green_arrow2.gif) no-repeat left 8px; padding-left:14px; border-bottom:1px solid #efefef;}
/*fuwuquyu*/
div.h_fields{ float:right; padding-right:14px; height:310px; overflow:hidden; width:330px;}
dl.h_specialty{ clear:both; margin:0 auto; padding:10px 0 0 0; width:97%;}
/*womendeyoushi*/
dl.h_advantages{ clear:both; width:97%; margin:0 auto; padding:6px 0 0 0;}
dl.h_advantages dt{ font-weight:bold; color:#007ac3;}
dl.h_advantages dd{ clear:both; line-height:1.5em;}
/*gongsixinwen*/
div.h_news{clear:both; width:100%; height:185px; margin-top:8px; overflow:hidden;}
dl.h_news{ clear:both;}
dl.h_news dt{ margin:8px 0; background:#e5f6fd url(../images/title_arrow.gif) no-repeat 10px 8px; padding:2px 8px; padding-left:25px; font-weight:bold; color:#222;}
dl.h_news dd{ clear:both; margin:2px 0;  padding-left:20px; padding-right:8px;}
/*----------------------jieshuzhongjianquyu-------------------------------*/

.nav_xy{ margin-bottom:0 !important;}

/*------------star大图片*/
.h_banner{ color:#3aa079; font-family:'bannerEng'; text-align:center; background:url(../images/banner/index.jpg) no-repeat center top; height:400px; margin-bottom:.6em;}
.w_1000{ margin:0 auto; width:1000px;}
.h_banner .banner_text{ padding:170px 0 0 0; width:600px; text-align:right; float:right; line-height:1.3em;}
.banner_text h3,div.banner_text h4{ text-align:center;  font-size:34px; line-height:1.3em;}
.banner_text h3{ margin-bottom:1em;}


/*---------star加载字体*/
@font-face{font-family:bannerEng;src:url("../font/HelveticaNeue-Light.otf")format("opentype"); font-weight:bold;}
/*-----star_css3动画*/
body .delay300{ animation-delay:.3s;}
body .delay500{ animation-delay:.5s;}
body .delay900{ animation-delay:.9s;}
body .delay1200{animation-delay:1.2s;}
body .delay1500{animation-delay:1.5s;}
body .delay1800{animation-delay:1.8s;}
body .delay2100{animation-delay:2.1s;}
body .delay2400{animation-delay:2.4s;}
/*向上渐入*/
@-webkit-keyframes fadeInUp {
0% {opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
100% {opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInUp {
0% {opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
100% {opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
/*出现渐入*/
@-webkit-keyframes fadeOpacity {
0% {opacity:0;}
50% {opacity:7;}
100% {opacity:1;}
}
@keyframes fadeOpacity {
0% {opacity:0;}
50% {opacity:7;}
100% {opacity:1;}
}
.fadeOpacity{animation:fadeOpacity .6s ease both;}
.fadeInUp{ animation:fadeInUp .6s ease both;}