body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote 
{ margin: 0; padding: 0; } 
html,body {-webkit-text-size-adjust:none;}
html button::-moz-focus-inner{ border-color:transparent!important; } 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
fieldset, img { border: 0; }
iframe { background-image: none; }
hr{ border:0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
input[type="text"], input[type="password"], textarea {outline-style:none;-webkit-appearance:none;}
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.indent { text-indent: 24px;}
a {text-decoration:none;outline:none;transition:all 0.5s ease-in-out 0s;}
a:hover {text-decoration:none;}
a:active {star:expression(this.onFocus=this.blur());}
center {padding:25px 0;}     textarea {resize:none;}
.zm {zoom:1;}                .ti2 {text-indent:2em;}
.none {display:none;}        .db {display:block;}            .di {display:inline;}
.tl {text-align:left;}       .tr {text-align:right;}         .tc {text-align:center;}
.fl{ float: left;}           .fr{ float: right;}             .mar {margin:0 auto;}
.mou-p { cursor: pointer; }  .mou-m { cursor: move; }        .mou-t { cursor: text; }
.fw{ font-weight:bold; }     .fi{ font-style:italic; }       .f10p{ font-size: 10px; }       
.f12p{ font-size: 12px; }    .f14p{ font-size: 14px; }       .f15p{ font-size: 15px; }       
.f16p{ font-size: 16px; }    .f18p{ font-size: 18px; }
.f20p{ font-size: 20px; }    .f24p{ font-size: 24px; }       
.fw{ font-weight:bold; }     .fi{ font-style:italic; }
.fst {font-family:simsun;}   .fwr {font-family:microsoft yahei;}
.fu{ text-decoration:underline;}
.fs{ text-decoration:line-through;}
.ofw{ overflow: hidden;}
.wp100_wrapper{ width: 100%; margin: 0 auto; background: #FFFFFF;}
.w1200_wrapper{ width: 1200px; margin: 0 auto;}
.pt10{ padding-top: 10px;}
.pb10{ padding-bottom: 10px;}
.pt18{ padding-top: 18px;}
.pt100{ padding-top: 100px;}
.pt35{ padding-top: 35px;}
.pb50{ padding-bottom: 50px;}
.pa60{ padding: 60px 0;}
.mr30{ margin-right: 30px;}
.mt7{ margin: 7px auto 0 auto;}
.mt13{ margin: 13px auto 0 auto;}
.mt10{ margin: 10px auto 0 auto;}
.mt20{ margin: 20px auto 0 auto;}
.mt30{ margin: 30px auto 0 auto;}
.mt50{ margin: 50px auto 0 auto;}
.bgwhite{ background: #FFFFFF;}
.h40{ height: 40px;}
.w92{ width: 92px; overflow: hidden;}

html{ overflow-x: hidden;}
body{font-size: 12px; font-family: "microsoft yahei"; text-align: center; line-height: 2em; color: #666666; background-color: #FFFFFF;}
.top_wrapper_box{ width: 1200px; height: 105px; margin: 0 auto; overflow: hidden;}
.nav_list{ float: left; overflow: hidden; padding-left: 110px;}
.nav_list li{ height: 105px; line-height: 105px; font-size: 15px; color: #666666; float: left;}
.nav_list li.nav_ico{ width: 5px; background: url(../images/nav_ico_05.gif) center center no-repeat; padding: 0;}
.nav_list li a{ color: #666666; display: block; padding: 0 15px; position: relative;}
.nav_list li a span{ display: block; width: 100%; height: 1px; line-height: 1px; overflow: hidden; position: absolute; left: 0; bottom: 0;}
.nav_list li a span i{ display: block; width: 0%; height: 1px; background: #13a8be;transition:all 0.2s ease-in-out 0s; margin: 0 auto; overflow: hidden;}
.nav_list li a:hover, .nav_list li a.cur{ color: #13a8be;}
.nav_list li a:hover span i, .nav_list li a.cur span i{ width: 100%;}
.top_tel{ padding-left: 28px; background: url(../images/top_tel_ico_05.gif) left center no-repeat; font-size: 20px; color: #13a8be; height: 105px; line-height: 105px; float: right; font-family: "century gothic",arial;}

.banner_box, .bxslider, .bxslider li{ width: 100%; height: 450px;overflow: hidden; position: relative;}
.bxslider li img{ display: block; width: 1920px; height: 450px; position: absolute; left: 50%; top: 0; margin-left: -960px;}
#b_left{ display: block; width: 98px; height: 98px; overflow: hidden; background: url(../images/b_c_left_18.png) left top no-repeat; text-indent: -9999px; position: absolute; left: 20px; top: 50%; margin-top: -49px; z-index: 64;}
#b_left:hover{ background: url(../images/b_c_h_left_18.png) left top no-repeat;}
#b_right{ display: block; width: 98px; height: 98px; overflow: hidden; background: url(../images/b_c_right_18.png) left top no-repeat; text-indent: -9999px; width: 98px; height: 98px; position: absolute; right: 20px; top: 50%; margin-top: -49px; z-index: 64;}
#b_right:hover{ background: url(../images/b_c_h_right_18.png) left top no-repeat;}

.s_cont_box_01{ padding: 50px 0;}
.s_list_box{ width: 1050px; height: 420px; position: relative; margin: 23px auto 0 auto;}
.s_list{ width: 1050px; height: 420px; overflow: hidden;}
.s_list li{ width: 1050px; height: 420px; overflow: hidden;}
.s_list_item{ width: 180px; height: 180px; padding: 15px; float: left;}
.s_list_item a{ display: block; width: 178px; height: 178px; border: 1px solid #dcdcdc; transition: none; position: relative;}
.s_list_item a img{ display: block; width: 178px; height: 178px;}
.s_list_item a span{ position: absolute; left: 0; top: 120px; height: 22px; line-height: 22px; font-size: 15px; color: #666666; display: block; text-align: center; width: 158px; z-index: 5; padding: 0 10px;}
.s_list_item a:hover{ border: 1px solid #10a3c2;}
.s_list_item a:hover span{ color: #FFFFFF;}
.s_c_left{ width: 50px; height: 50px; position: absolute; left: -66px; top: 50%; margin-top: -25px;}
.s_c_left a{ display: block; width: 50px; height: 50px; background: url(../images/s_c_left_img_01.png) left top no-repeat; overflow: hidden; text-indent: -9999px;}
.s_c_left a:hover{ background: url(../images/s_c_left_img_02.png) left top no-repeat;}
.s_c_right{ width: 50px; height: 50px; position: absolute; right: -66px; top: 50%; margin-top: -25px;}
.s_c_right a{ display: block; width: 50px; height: 50px; background: url(../images/s_c_right_img_01.png) left top no-repeat; overflow: hidden; text-indent: -9999px;}
.s_c_right a:hover{ background: url(../images/s_c_right_img_02.png) left top no-repeat;}
.read_more{ display: block; width: 218px; height: 43px; line-height: 43px; border: 1px solid #dcdcdc; border-radius: 45px; font-size: 15px; letter-spacing: 4px; margin: 25px auto 0 auto; color: #666666;}
.read_more:hover{ background: #10a3c2; border: 1px solid #10a3c2; color: #FFFFFF;}

.s_cont_box_02{ background: #f3f9fb; padding: 50px 0;}
.s_cont_box_03{ padding: 60px 0;}
.servic_list{ width: 1200px; margin: 40px auto 0 auto; overflow: hidden;}
.servic_list li{ width: 330px; float: left; margin-right: 105px;}
.servic_list li img{ display: block; width: 330px; height: 180px;}
.servic_list li h3{ height: 40px; line-height: 40px; margin-top: 2px; font-weight: normal; font-size: 16px; color: #666666;}
.servic_list li h3 span{ display: inline-block; height: 38px; line-height: 38px; border-bottom: 1px solid #10a3c2; padding: 0 15px;}
.servic_list li p{ font-size: 12px; line-height: 20px; color: #888888; height: 40px; overflow: hidden; margin-top: 15px;}
.s_adv_text{ height: 70px; line-height: 70px; font-size: 15px; color: #666666;}
.s_adv_list{ width: 840px; height: 120px; padding-top: 11px; overflow: hidden; margin: 0 auto;}
.s_adv_list li{ width: 120px; height: 120px; float: left; padding: 0 24px; position: relative;}
.s_adv_list li a, .s_adv_list li a img{ display: block; width: 120px; height: 120px; position: relative;}
.s_adv_list li a span{ display: block; width: 120px; height: 131px; position: absolute; left: 0; bottom: 0; z-index: 2; background: url(../images/s_adv_c_img_17.png) left top no-repeat; display: none;}
.s_adv_list li.cur a span{ display: block;}
.s_adv_b_text{ width: 1200px; height: 30px; line-height: 30px; background: url(../images/s_b_adv_bg_05.gif) left center repeat-x; font-size: 15px; color: #888888; margin: 42px auto 0 auto;}
.s_adv_b_text span{ background: #FFFFFF; padding: 0 10px;}
.au_box{ width: 1200px; height: 713px; position: relative; overflow: hidden; margin: 22px auto 0 auto; background: url(../images/au_box_bg_13.gif) center top no-repeat;}
.au_item_box_01{ width: 514px; padding-left: 90px; font-size: 15px; color: #666666; height: 98px; line-height: 98px; background: url(../images/au_line_left.gif) left center no-repeat; position: absolute; right: 0;}
.au_item_box_01 p{ padding-right: 13px; float: left;}
.au_item_box_01 div{ width: 237px; height: 98px; float: left; position: relative;}
.au_item_box_01 div span{ display: block; width: 237px; height: 98px; position: absolute; left: 0; top: 0; z-index: 5; background: url(../images/m_l_img_03.png) left center no-repeat;}
.au_item_box_02{ width: 514px; padding-right: 90px; font-size: 15px; color: #666666; height: 98px; line-height: 98px; background: url(../images/au_line_right.gif) right center no-repeat; position: absolute; left: 0;}
.au_item_box_02 p{ padding-left: 13px; float: right;}
.au_item_box_02 div{ width: 237px; height: 98px; float: right; position: relative;}
.au_item_box_02 div span{ display: block; width: 237px; height: 98px; position: absolute; left: 0; top: 0; z-index: 5; background: url(../images/m_r_img_03.png) left center no-repeat;}
.au_item_01{ top: 24px;}
.au_item_02{ top: 111px;}
.au_item_03{ top: 194px;}
.au_item_04{ top: 272px;}
.au_item_05{ top: 352px;}
.au_item_06{ top: 437px;}
.au_item_07{ top: 521px;}
.au_item_08{ top: 595px;}
.s_cont_box_04{ width: 100%; height: 550px;background: #f8f8f8; /*background: url(../images/process_bg_52.jpg) center top no-repeat;*/ /*padding: 60px 0;*/}
.process_box{ width: 1200px; height: 617px; background: url(../images/process_bg_img_57.png) left top no-repeat; margin: -44px auto 0 auto; position: relative;}
.process_item{ width: 25px; height: 25px; position: absolute;}
.process_item a{ display: block; width: 25px; height: 25px;}
.process_item_01{ left: 499px; top: 130px;}
.process_item_02{ left: 167px; top: 97px;}
.process_item_03{ left: 147px; top: 243px;}
.process_item_03{ left: 147px; top: 243px;}
.process_item_04{ left: 424px; top: 237px;}
.process_item_05{ left: 749px; top: 216px;}
.process_item_06{ left: 1122px; top: 288px;}
.process_item_07{ left: 854px; top: 356px;}
.process_item_08{ left: 531px; top: 375px;}
.process_item p{ display: none; width: 184px; height: 52px; background-color: #FFFFFF; padding: 12px 15px 0 15px; font-size: 12px; line-height: 18px; color: #10a3c2; border-radius: 3px; position: absolute; left: 50%; top: -78px; margin-left: -107px;}
.triangle_down { width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 22px solid white; position: absolute; left: 97px; bottom: -11px;}
.process_item.process_item_02 p{ width: 284px; height: 62px; margin-left: -157px; top: -90px;}
.process_item.process_item_03 p, .process_item.process_item_06 p{ height: 62px; top: -90px;}
.process_item.process_item_02 p .triangle_down{ left: 147px;}
.process_b_text{ font-size: 15px; color: #FFFFFF; line-height: 24px; margin-top: 18px;}
.foot_box{ width: 1200px; margin: 0 auto; padding: 30px 0; overflow: hidden; text-align: left;}
.b_foot_tel{padding-left: 28px; background: url(../images/top_tel_ico_05.gif) left center no-repeat; font-size: 27px; color: #13a8be; height: 29px; line-height: 29px; font-family: "century gothic",arial;}
.f_contact{ font-size: 12px; color: #999999; line-height: 20px;}
.copy_text{ font-size: 15px; line-height: 20px; color: #666666; margin-top: 10px;}
.copy_text a{ color: #666666;}
.copy_text a:hover{ text-decoration: underline;}

.in_banner_box{ width: 100%; height: 240px; overflow: hidden; position: relative;}
.in_banner_box img{ display: block; width: 1920px; height: 240px; position: absolute; left: 50%; top: 0; margin-left: -960px;}
.in_cont_wrapper{ width: 100%; padding-bottom: 30px; border-bottom: 1px solid #3db4cd;}
.crumbs{ width: 1200px; height: 30px; margin: 0 auto; overflow: hidden;}
.crumbs p{ float: right; padding: 0 25px; font-size: 12px; color: #FFFFFF; height: 30px; line-height: 30px; background: #10a3c2;}
.crumbs p a{ color: #FFFFFF;}
.crumbs p a:hover{ text-decoration: underline;}
.cont_d_box{ width: 1200px; margin: 15px auto 0 auto; text-align: left; font-size: 15px; color: #666666; line-height: 26px;}
.sub_menu_box{ width: 1200px; height: 35px; line-height: 35px; overflow: hidden; margin: 40px auto 0 auto;}
.sub_menu_box a{ display: block; float: left; margin-right: 1px; margin-bottom: 1px; padding: 0 39px; font-size: 15px; color: #FFFFFF; background: #10a3c2; border-radius: 3px;}
.sub_menu_box a:hover, .sub_menu_box a.cur{ background: #7ecc00;}
.in_servic_box{ width: 1184px; padding: 0 8px; margin: 38px auto 0 auto;}
.in_servic_list{ width: 100%;}
.in_servic_list li{ width: 100%; margin-bottom: 79px; overflow: hidden;}
.in_servic_list li div.fr{ float: left; padding-left: 30px; width: 806px; text-align: left;}
.in_servic_list li div.fr h3{ font-size: 20px; font-weight: normal; height: 42px; line-height: 42px; color: #10a3c2; padding-bottom: 2px; background: url(../images/s_b_line_05.gif) left bottom no-repeat;}
.in_servic_list li div.fr h3 a{ color: #10a3c2;}
.in_servic_list li div.fr p{ line-height: 20px; color: #888888; height: 60px; overflow: hidden; padding: 20px 0;}
.servic_more{ display: block; width: 65px; height: 16px; line-height: 16px; background: url(../images/more_ico_09.gif) right center no-repeat; text-align: left; color: #10a3c2; margin: 0 auto 0 0;}
.service_d_box{ width: 1200px; margin: 0 auto;}
.service_title_text{ padding: 30px 0 10px 0;}
.service_title_text h3{ font-size: 30px; font-weight: normal; color: #10a3c2; line-height: 1em; background: url(../images/s_t_b_line_03.gif) center bottom no-repeat; padding-bottom: 15px;}
.service_title_text p{ font-family: arial; color: #999999; line-height: 36px;}
.service_a_cont{ margin-top: 20px; font-size: 15px; line-height: 26px; color: #666666; text-align: left;}
.ra_d_box{ width: 100%; margin: 60px auto 0 auto; padding-bottom: 80px;}
.ra_d_box p{ width: 50%; height: 50px; line-height: 50px; position: relative; font-size: 15px;}
.ra_d_box p a{ display: block; width: 100%; height: 50px; color: #666666;}
.ra_d_box p a:hover{ color: #10a3c2;}
.ra_d_box p span{ display: block; width: 50px; height: 50px;}
.ra_d_box p.fl{ text-align: left;}
.ra_d_box p.fl span{ background: url(../images/f_left_img_03.gif) left top no-repeat; float: left; margin-right: 8px;}
.ra_d_box p.fl a:hover span{ background: url(../images/f_left_h_img_03.gif) left top no-repeat;}
.ra_d_box p.fr{ text-align: right;}
.ra_d_box p.fr span{ background: url(../images/f_right_img_03.gif) left top no-repeat; float: right; margin-left: 8px;}
.ra_d_box p.fr a:hover span{ background: url(../images/f_right_h_img_03.gif) left top no-repeat;}
.back_link{ display: block; width: 218px; height: 43px; line-height: 43px; border: 1px solid #dcdcdc; border-radius: 45px; font-size: 15px; letter-spacing: 4px; margin: 25px auto 0 auto; color: #666666;}
.back_link:hover{ background: #10a3c2; border: 1px solid #10a3c2; color: #FFFFFF;}
.in_news_box{ width: 1200px; margin: 55px auto 0 auto;}
.in_news_list{ width: 100%;}
.in_news_list li{ height: 180px; overflow: hidden; margin-bottom: 50px;}
.in_news_list li div.fl{ width: 828px; height: 179px; text-align: left; border-bottom: 1px solid #dcdcdc;}
.in_news_list li div.fl span.n_time{ font-size: 20px; line-height: 42px; color: #10a3c2; display: block; padding-left: 14px;}
.in_news_list li div.fl h3{ font-size: 20px; color: #666666; font-weight: normal; padding-left: 14px; background: url(../images/news_t_line_03.gif) left center no-repeat; line-height: 34px;}
.in_news_list li div.fl h3 a{ color: #666666;}
.in_news_list li div.fl h3 a:hover{ color: #13A8BE;}
.in_news_list li div.fl p{ line-height: 20px; color: #888888; height: 40px; overflow: hidden; padding: 10px 0 0px 14px;}
.news_more{ display: block; width: 65px; height: 16px; line-height: 16px; background: url(../images/more_ico_09.gif) right center no-repeat; text-align: left; color: #10a3c2; margin: 15px auto 0 14px;}
.in_s_list_wrapper{ width: 1200px; margin: 40px auto 0 auto; }
.in_s_list_box{ width: 1200px; overflow: hidden;}
.in_s_list_box .s_list_item{ padding: 0; margin-right: 75px; margin-bottom: 50px;}
.case_list{ overflow: hidden; padding: 0 9px;}
.case_list li{ width: 330px; float: left; margin-right: 96px; margin-bottom: 70px;}
.case_list li div{ width: 330px; height: 220px; position: relative;}
.case_list li div p{ display: none; text-align: left; width: 296px; height: 190px; padding: 30px 17px 0 17px; font-size: 14px; color: #FFFFFF; line-height: 25px; position: absolute; left: 0; top: 0; background: url(../images/s_b_bg_03.png); z-index: 2;}
.case_list li h3{ height: 43px; line-height: 43px; font-size: 16px; color: #666666; background: url(../images/b_line_03.png) center bottom no-repeat; font-weight: normal;}
.case_list li a:hover div p{ display: block;}

/*分页*/
.pages {height:46px;text-align:right;padding:50px 0 20px 0;background:none;clear:both;float:left;padding-left:10px;}
.pageMoreTop {font-size:14px;color:#333;line-height:34px;text-align:center;width:640px;height:34px; clear:both;}
.pageMoreTop ul { text-align:center;padding:5px;}
.pageMoreTop ul li { float:left; margin-right:5px;font-size:12px; display:block;font-family:"microsoft yahei";}
.pageMoreTop .no_link { font-size:12px;text-decoration:none; color:#cccccc; width:70px; display:block;border:1px solid #c9c9c9;}
.pageMoreTop ul li a { font-size:12px;text-decoration:none;background:#FFFFFF; color:#666666; width:34px; display:block;border:1px solid #e5e5e5;}
.pageMoreTop ul li a:hover {background:#10a3c2; color:#fff; text-decoration:none; border:1px solid #10a3c2; }
.pageMoreTop ul li.down a { font-size:12px;text-decoration:none; color:#666666; width:70px; display:block;border:1px solid #e5e5e5;}
.pageMoreTop ul li.end a { font-size:12px;text-decoration:none; color:#10a3c2; width:70px; display:block; border:1px solid #c9c9c9;}
.pageMoreTop ul li.down a:hover { font-size:12px;text-decoration:none; color:#fff; width:70px; display:block;border:1px solid #10a3c2;}
.pageMoreTop ul li.end a:hover { font-size:12px;text-decoration:none; color:#fff; width:70px; display:block; border:1px solid #10a3c2;}
.pageMoreTop ul li.linkOn {color:#fff; text-decoration:none; background:#10a3c2; width:34px; display:block;border:1px solid #10a3c2;}
.pageMoreTop ul li.linkOn a{ border: none;}
.pageMoreTop ul li.linkOn span{ color:#ffffff;}

/*动画*/
@-webkit-keyframes flash {
  0%, 25%, 50% {
    opacity: 1;
  }

  13%, 37% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 25%, 50% {
    opacity: 1;
  }

  13%, 37% {
    opacity: 0;
  }
}

@-webkit-keyframes flyTop {
  0% {
    top: 100px;
  }
  
  50% {
    top: 50px;
  }

  100% {
    top: 100px;
  }
}

@keyframes flyTop {
  0% {
    top: 100px;
  }
  
  50% {
    top: 50px;
  }

  100% {
    top: 100px;
  }
}