.tea-header{ height:93px; padding:6px 0;}
.header-left{ float:left; position:relative;}
.header-left .logo{ width:219px; height:86px; top:3px; margin-left:42px; position:relative;  }
.header-left img{ float:left; position:relative; }
.header-left .top_text{ margin-left:12px; top:35px; position:relative;}


.header-right{ float:right; position:relative;}
.header-right .tel{ width:288px; height:52px; top:20px; margin-right:42px; position:relative;  }

.tea-nav { height:74px; background:#17539c; text-align:center;  font-family:"微软雅黑"; }
.tea-nav .allMenu { font-size:15px; text-align:center; line-height:74px }
.tea-nav .allMenu a { display:inline-block; height:74px; vertical-align:top; padding:0 36px; text-decoration:none; color:#fff; float:left; position:relative; }
.tea-nav .allMenu a:hover, .tea-nav .allMenu a.active { background:#2c6cb9; }
.tea-nav .allMenu a:last-child:after{ display:none; }

.tea-banner{ height:480px; position:relative; }
.tea-banner .scrollable-content{ width:100%; height:480px;  display:block; position:relative;}
.tea-banner .flex-control-nav{ height:9px; z-index:999; cursor:pointer; position:absolute; bottom:18px; left:50%; margin-left:-255px;  }
.tea-banner .flex-control-nav li{ width:48px; height:3px; float:left; position:relative; overflow:hidden; text-indent:888px; margin:0 7px; } 
.tea-banner .flex-control-nav li a{ width:100%; height:100%; display:block; position:relative;background:#363636;    border-radius:10px;}
.tea-banner .flex-control-nav li a.active{ background:#ba966c;}
.tea-banner .flex-direction-nav{ display:none;}

.tea-banner.index_banner,.tea-banner.index_banner .scrollable-content{  height:700px;}


.tea-main{ min-height:518px; }
.boxShadow{ box-shadow:0 15px 30px rgba(0, 0, 0, .1); -webkit-box-shadow:0 0px 15px rgba(0, 0, 0, .5); }
.tea-main-c{ padding:22px 0; }


.main-left{ width:255px; min-height:128px; margin-right:45px;}
.left-box{ padding:12px; background:#eaeaea; }
.left-box h1{ font-size:32px; text-align:left;}
.left-box p{ font-size:24px; text-align:left; text-indent:87px;}
.menu-box{ margin-top:22px;}
.menu-box .menu_li{ width:100%; height:58px; line-height:58px; float:left; position:relative; margin-bottom:6px; background:#eaeaea; text-align:left; text-indent:4em; font-size:18px; cursor:pointer; color:#000;}
.menu-box .menu_li a{}
.menu-box .menu_li.active,.menu-box .menu_li:hover{ background:#176daa; color:#FFF; text-decoration:none; }

.right_nav{ height:44px; line-height:44px; font-size:18px; background:#eaeaea; padding:0 12px; }
.right_box{ padding:12px 0; }
.right_nav a{color:#000}
.tu_text_box{ width:268px; background:#eaeaea; color:#333333; float:left; position:relative; margin:0 24px;  }
.tu_text_box img{ width:268px; height: 195px;}
.tu_row{ margin-top:24px;}
.tu_row .tu_text_box:first-child{ margin-left:0px;}
.tu_row .tu_text_box:last-child{ margin-right:0px;}

.tu_text_box h1{ font-size:18px; text-align:center; line-height:33px;color:#333333; }
.tu_text_box p{ padding:8px 12px; font-size:14px;color:#333333;}
.tu_text_box.list_box p{ height:100px; overflow:hidden;}

.right_box p{font-size:16px; line-height:33px; }
.right_text{ text-indent:2em;}

.project_box .tu_text_box{ width:276px;    margin: 0 18px; }
.project_box .tu_text_box img{ width:276px; height: 269px;}


.pagination{ margin-top:32px;}
.pagination a { text-decoration: none;  color: #15B;}
.pagination a, .pagination span { display: inline-block; padding:0 12px; height:36px; line-height:36px;text-align:center; font-size:16px; margin-right: 5px; margin-bottom: 5px; border:0 none;color:#595757; }
.pagination span{ background: #176daa; color: #fff; }
.pagination .span{ color:#999;  background:#fff; }


.text_li_box{ padding:22px 0; border-bottom:1px solid #dcdcdc;}
.text_li_box img{ width:227px; height:136px; margin-right:22px; }
.text_li_box h1{ font-size:18px; line-height:33px;}
.text_li_box h1 span{ font-size:16px; margin-left:12px;}

.cont_box_r{ background:#eeeeee; padding:33px 58px;}
.cont_box_r h1{ font-size:40px; line-height:40px; color:#243e77; margin-bottom:20px; }
.cont_box_r p{ font-size:18px; color:#555555; line-height:33px;}

.right_box h2{ font-size:24px; color:#4a8ee2;}
.tea-cont .right_box p{ font-size:18px;}

.table_box{ width:100%;}
.table_box,.table_box tr,.table_box th,.table_box td{ border:1px solid #dcdcdc; padding:8px; }
.table_box tr.tt1{ height:48px; line-height:48px; background:#4a8ee2; color:#FFF; font-size:16px; }
.table_box td{ line-height:39px; font-size:14px;background:#F1F8FF;}
.table_over td{  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.tea-cont .table_box{ width:90%; margin:33px auto 0 auto;}


.index_title{ text-align:center; padding:32px 0; margin:22px 0;  }
.index_title.title2{ margin:22px 0;padding: 0; }
.index_title font{ font-size:48px; font-weight:bold; color:#e41f29; margin-right:22px; }
.index_title span{ font-size:40px; font-weight:bold; color:#243e77; }
.index_title em{ font-style:normal; font-size:22px; color:#17539c;}


.index_gg{ height:118px; background:#17539c; }
.index_gg .index_gg_l{ width:702px; height:118px; float:left; position:relative; background:url(../images/index_31.png) no-repeat center center; margin-right:92px;}
.index_gg .index_gg_r{ width:201px; height:118px; float:left; position:relative; background:url(../images/index_32.png) no-repeat center center; cursor:pointer;}



.index_model1_box{ margin:32px 0;}
.model1_box{ width:319px; height:255px; display:block; float:left; position:relative; background:url(../images/index_tu21.png) no-repeat 21px center;}
.model1_box h3{ font-size:24px; color:#444444; position:absolute; top:12px; left:179px; white-space:nowrap;}
.model1_box span{ font-size:20px; line-height:33px; margin-top:-12px; color:#333333; top:-8px; position:relative; }

.model1_box.box1{background:url(../images/index_tu21.png) no-repeat 21px center;}
.model1_box.box2{background:url(../images/index_tu22.png) no-repeat 21px center;}
.model1_box.box3{background:url(../images/index_tu23.png) no-repeat 21px center;}
.model1_box.box4{background:url(../images/index_tu24.png) no-repeat 21px center;}
.model1_box.box5{background:url(../images/index_tu25.png) no-repeat 21px center;}


.index_model2 .table_box,.index_model2 .more_box{ width:90%; margin:0 auto;}

.model_box{  background:#eeeeee; overflow:hidden; }
.model_box .model_box_img{ width:594px; height:100%;}
.model_box .model_box_text{ padding:45px;}
.model_box .model_box_text p{ font-size:18px; margin-bottom:29px;}
.model_box .model_box_text p:last-child{ margin-bottom:0px;}


.index_model2 .model_box{ height:283px;}
.index_model2 .model_box .model_box_text p{ padding-left:22px; position:relative;}
.index_model2 .model_box .model_box_text p:after { position: absolute; left: 6px;  top: -1px;  content: '*'; color:#4a8ee2; }
.index_model2 .more{ font-size:18px; color:#fb5e5e; float:right; position:relative; margin:12px 0; cursor:pointer;}



.index_model3{ background:#eeeeee; border-bottom:16px solid #17539c; }


.index_model4{}

.m_box_tu{ width:100%; float:left; position:relative;}
.box_tu_m{ width:100%; min-height:128px;   position:relative;}
.box_tu_m .m_ico{ width:128px; height:113px; display:block; background:url(../images/index_42_1.png) no-repeat center center;left:-38px;
    z-index: 9;
    position: relative; }
.m_box_tu .box_tu_m{ width:50%; float:left; }
.m_text_box{ padding:28px 44px 28px 28px; z-index:9; position:relative;}
.m_text_box p{ font-size:14px; color:#444444; line-height:28px; margin-bottom:8px; }
.m_text_box p:last-child{ margin-bottom:0px;}
.m_text_box p.p1{ font-size:16px; }
.m_r_text{ font-size:20px; color:#27ACE5; line-height:56px; top:50%; margin-top:-28px; left:100%; margin-left:-28px; white-space:nowrap; padding-left:58px;  position:absolute;}
.m_r_text:after { position: absolute; left: 0px;  top:0px;  content: ''; width:56px; height:56px; background:url(../images/index_42_3.png) no-repeat center center;  }





.tu2_right .box_tu_m,.tu1_right .box_tu_m{ float:right;}
.tu2_right .box_tu_m,.tu1_right .box_tu_m,.box_tu_m{border-left:1px dashed #dcdcdc;}
.tu2_right .m_text_box,.tu1_right .m_text_box{padding:28px  28px 28px 44px;}

.tu2_right .m_ico{background:url(../images/index_41_2.png) no-repeat center center;left:38px;}
.tu2_right .m_r_text{ color:#ff9138; left:inherit; right:100%; margin-left:0px; margin-right:-28px; padding-left:0px; padding-right:58px;  }
.tu2_right .m_r_text:after{ left:inherit; right:0px; background:url(../images/index_41_3.png)  no-repeat center center;}

.tu1_right .m_ico{background:url(../images/index_42_2.png) no-repeat center center;left:38px;}
.tu1_right .m_r_text{ left:inherit; right:100%; margin-left:0px; margin-right:-28px; padding-left:0px; padding-right:58px;  }
.tu1_right .m_r_text:after{ left:inherit; right:0px;}



.tu1_left .box_tu_m,.tu2_left .box_tu_m{ border-right:1px dashed #dcdcdc; }
.tu2_left .m_ico{background:url(../images/index_41_1.png) no-repeat center center;}
.tu2_left .m_r_text{ color:#ff9138;}
.tu2_left .m_r_text:after{  background:url(../images/index_41_3.png)  no-repeat center center;}

.box_tu_m .m_text{ position:relative;}
.m_bg{ width:100%; height:100%; z-index:1; top:0; left:0; position:absolute; }
.m_bg .m_bg1{ width:100%; height:50%; z-index:1; float:left; position:relative;border-radius: 8px 8px 0 0;
background: -ms-linear-gradient(center, #E4E4E4,  #F6F6F6);        /* IE 10 */
background:-moz-linear-gradient(128px,#eeeeee,#F6F6F6);/*����*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#E4E4E4), to(#F6F6F6));/*�ȸ�*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E4E4E4), to(#F6F6F6));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #E4E4E4, #F6F6F6);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(128px, #E4E4E4, #F6F6F6);  /*Opera 11.10+*/
}
.m_bg .m_bg2{ width:100%; height:50%; z-index:1; float:left; position:relative;border-radius:0 0 8px 8px ;
background: -ms-linear-gradient(center, #F6F6F6,  #eeeeee);        /* IE 10 */
background:-moz-linear-gradient(128px,#F6F6F6,#eeeeee);/*����*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#F6F6F6), to(#E4E4E4));/*�ȸ�*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F6F6), to(#E4E4E4));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #F6F6F6, #E4E4E4);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(128px, #F6F6F6, #E4E4E4);  /*Opera 11.10+*/
}


.model3_tu{ width:348px; float:left; position:relative; margin:0px 31px 5px 31px;}
.model3_tu:nth-child(1),.model3_tu:nth-child(4),.model3_tu:nth-child(7){ margin-left:0px;}
.model3_tu:nth-child(3n){ margin-right:0px;}

.model3_tu_c{ height:99px; font-size:15px; line-height:33px; padding:22px 22px 0 22px; color:#555555; background:#FFF; overflow:hidden;}
.model3_tu_m{ font-size:14px; background:#FFF;padding:0 22px 8px 22px; }
.model3_tu_m .more{ font-size:14px; color:#777777; float:right; position:relative; margin:12px 0; cursor:pointer;}


.index_model5{ background:#eeeeee; padding-bottom:33px; }
.index_model5 .model_box{ height:363px;}
.index_model5 .model_box .model_box_text{ padding:0 5px;}
.index_model5 .model_box .model_box_text h1{ font-size:24px; color:#4a8ee2; text-align:center; margin-bottom:8px}
.index_model5 .model_box .model_box_text p{ font-size:16px; padding-left:22px; position:relative; line-height:29px; }



.tea-foot{ height:121px; background:#1a4e8d; color:#FFF;}
.foot-mode *{ font-size:16px; color:#FFF !important; }


@media (min-width: 500px) {
   .wap_page .wap_mode1{ height:514px; }
   .wap_page .wap_mode2{ height:763px; margin-top:-221px;}
}

/*===================================================================*/

.wap_page{ background:#F1F5F8;}
.wap_page .container { width:auto; max-width:640px; }
.wap_page .layout{width:auto; max-width:640px; }
.wap_page .layout > .layout{ padding:0 12px;}

.wap_page .header-left .logo{ margin-left:0px; }
.wap_page .header-left .left-r img{ width:96%;}

.wap_page .index_title{ margin:0; padding:12px 0;}
.wap_page .index_title font,.wap_page .index_title span{ font-size:25px; }


.wap_page  .wap_more{ width:74px; height:74px; background:url(../images/more_ico.png) no-repeat  center center; }

.wap_page  .wap_tel{ width:74px; height:74px; background:url(../images/tel2.png) no-repeat  center center; }
.wap_page  .wapMenu{ position:relative;}
.wap_page  .wapMenu h1{ line-height:74px; font-size:36px; color:#FFF;}
.wap_page .dropdown-menu{ width:144px; border:1px solid #17539C; top:74px; left:1px; color:#17539C; display:none;    z-index: 9999; position:absolute;  }
.wap_page .dropdown-menu .menu{ width:100%; padding:12px 0; font-size:14px; text-align:center; float:left; position:relative; background:#FFF;}
.wap_page .dropdown-menu .menu:after { position: absolute; right: 0; bottom: 0px; left: 0px; height: 1px; ; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #17539C; }
.wap_page .dropdown-menu .menu:last-child:after{ display:none;}
.wap_page .dropdown-menu .menu:hover,.wap_page .dropdown-menu .menu.active{ text-decoration:none; background:#17539C; color:#FFF;}

.wap_page  .wapMenu.open .dropdown-menu{ display:block;}


.wap_page .index_model1{ background:#FFF;}
.wap_page .model1_box{ width: 245px; height:205px; background-size:100% auto; }
.wap_page .model1_box h3{ left:132px;}
.wap_page .model1_box span{ font-size:16px;}

.wap_page .index_gg{ height:84px;} 
.wap_page .index_gg_l{height:84px; background-size:100% auto ; margin-right:0px; }
.wap_page .index_gg .index_gg_r{ width:84px; height:84px; float:left; position:relative; background:url(../images/wap_ico1.png) no-repeat center center; cursor:pointer;}



.wap_page .model_box .model_box_text{ padding:22px;  }
.wap_page .index_model2 .model_box .model_box_text p{margin-bottom:12px; padding-left:0; text-indent:2em;}
.wap_page .index_model2 .model_box .model_box_text p:after{ display:none;}
.wap_page .index_model2 .table_box{ width:100%;}
.wap_page .more_box{ text-align:center; margin:12px 0;}
.wap_page .index_model2 .more{ float:none;}

.wap_page .index_model3{ border:0 none;}
.wap_page .model3_tu{ width:45%; margin:0px 2.5% 20px 2.5% }
.wap_page .model3_tu img{ width:100%;}

.wap_page .model3_tu_c{ height:132px; padding:10px 22px 10px 22px }
.wap_page .model3_tu_m{ background:#17539C; color:#FFF; padding-bottom:0; }
.wap_page .model3_tu_m .more{ width:100%; color:#FFF; text-align:center;}


.wap_page .index_model4{ margin-bottom:12px;} 
.m_text_title { width:100%;color:#27ACE5;font-size:20px; text-align:center; position:relative;  }
.wap_page .m_text_box{ padding: 18px 8px  28px 28px; }
.wap_page .m_text_title { margin-bottom:18px;}
.wap_page .m_text_fg{ width:58px;}
.wap_page .m_box_tu .box_tu_m{ width:100%; padding-left:28px; margin-left:28px; padding-bottom:22px; }
.wap_page .m_box_tu .box_tu_m:before{ position: absolute; left: -28px;  top:50%; margin-top:-28px;  content: ''; width:56px; height:56px; background:url(../images/index_42_3.png) no-repeat center center; }
.wap_page .m_box_tu .m_bg{ border:1px solid #dcdcdc; background:#FFF;}
.wap_page .tu2_mode .m_text_title { color:#ff9138; }
.wap_page .tu2_mode .box_tu_m:before{background:url(../images/index_41_3.png) no-repeat center center; }


.wap_page .model_box{ height:auto;}
.wap_page .model_box *{ float:left; position:relative;}
.wap_page .model_box .model_box_img,.wap_page .model_box .model_box_img img{ width:100%; height:auto;}
.wap_page .index_model5 .model_box .model_box_text h1{ width:100%; margin-top:8px;}
.wap_page .index_model5 .model_box .model_box_text p{ padding-left:0px; text-indent:2em; margin-bottom:8px;}
.wap_page  .tea-banner.index_banner,.wap_page  .tea-banner.index_banner .scrollable-content{ height:246px !important ; }
.wap_page .tea-banner .scrollable-content{ height:246px; background-size: 100% 100% !important ; }
.wap_page .tea-header,.wap_page .header-left .logo{ height:66px;}
.wap_page .header-left .top_text{ margin-left:6px; top:21px; }
.wap_page .m_box_tu{ overflow:hidden;}
.wap_page .logo_2{ width:100%; height:45px; top:-5px;  position:relative; }
.wap_page .logo_2 img{ width:100%;}

@media (max-width: 500px) {
	.wap_page .logo_2{top:0px; }
  .wap_page .index_title font,.wap_page .index_title span{ font-size:1.2em; }
  .wap_page .tea-header{ height:45px;}
  .wap_page .header-left .logo,.wap_page  .header-left .logo img{ width:138px; height:53px; top:3px; position:relative; }
  .wap_page .model3_tu_c{ font-size:12px;padding: 10px 10px 10px 10px;}
  .wap_page .model1_box{ width:146px; height:128px; }
  .wap_page .model1_box h3{ font-size:16px; left: 76px; top: 5px;}
  .wap_page .index_model1_box{margin: 10px 0;}
  .wap_page .model1_box span{ font-size:12px; line-height:22px;top: -2px; position: relative; }
  .wap_page .model1_box  { background-position: 2px center; background-size: 109%;}
  .wap_page .header-left .top_text{  top:31px; }
  .wap_page .tea-nav{ height:45px;}
   .wap_page  .wap_more{ width:45px; height:45px; background:url(../images/more_ico.png) no-repeat  center center; background-size:63%; }
  .wap_page  .wap_tel{ width:45px; height:45px; background:url(../images/tel2.png) no-repeat  center center; background-size:63%; }
  .wap_page .wapMenu h1{ line-height:45px; font-size:22px;}
  .wap_page .dropdown-menu{ top:45px;}
  .wap_page .index_title em{ font-size:15px; }
  .wap_page .model_box .model_box_text p{ font-size:15px;}
  .wap_page .m_text_box p{ font-size:12px; margin-bottom:0px;}
  .wap_page .m_text_title{ font-size:15px;}
   .wap_page .m_text_box p.p1{ font-size:14px;}
   .wap_page .m_text_title { margin-bottom:9px;}
   .wap_page .model_box .model_box_text{ padding:6px;}
   .wap_page .index_model5 .model_box .model_box_text h1{ font-size:15px;}
  .wap_page  .index_model5 .model_box .model_box_text p{ font-size:12px;margin-bottom:0px;}
   .wap_page .index_model5{ padding-bottom:8px;}

}