@charset "utf-8";
/* CSS Document */
@import url("component.css"); 
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: 'betasans';
    src: url('../BetaSans/BetaSans-Normal.eot'); /* IE9*/
    src: url('../BetaSans/BetaSans-Normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../BetaSans/BetaSans-Normal.woff') format('woff'), /* chrome、firefox */
    url('../BetaSans/BetaSans-Normal.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../BetaSans/BetaSans-Normal.svg#iconfont') format('svg'); /* iOS 4.1- */
}
html{overflow-y:scroll;min-height:101%;}
*{
	margin:0;
	padding:0;
	
}
img,input{ border:none; }
a{ text-decoration:none; outline:none; color:#333333;  }
a:hover{ color:#2587bc;}
em,i{ font-style:normal;}
u{
	text-decoration: none;
}
table {
 border-collapse: collapse;padding:0px;margin:0px;
}
th, td {
  padding:0px;margin:0px;vertical-align:top;
} 
table,th, td {
  padding:0px;margin:0px;
} 
    video::-webkit-media-controls-enclosure {
        overflow:hidden;
    }
    video::-webkit-media-controls-panel {
        width: calc(100% + 30px);
    }
h1,h2,h3,h4,h5,h6{}
li{ list-style:none;}
body,button,input,select,textarea {font-family:Verdana,Arial,"Microsoft Yahei","微软雅黑";  outline:none;word-wrap:break-word;}
p{ text-align:justify; text-justify:inter-word;}
body{ font-size:14px; background:#ffffff; color:#424242;line-height:28px; }

.color_zzs{ color:#C00A5F;}
.div1200{ width:1264px; margin:0 auto; overflow:hidden;}
.divclear{ clear:both; height:50px; overflow:hidden; width:100%;}
.divclear.t1{ height:20px;}
.divclear.t2{ height:10px;}
.l_l{ display:inline-block; float:left;}
.l_r{ display:inline-block; float:right;}
.l_mb{ display:none;}
.color999{ color:#999;}
.index_html{ position:relative;}
.l_top{ height:98px; background:#0c2e53;}
.index_html .l_top{ position:absolute; left:0px; z-index:999; top:0px; width:100%; background:none; }
.index_html .l_top.t1{position:fixed; height:100%;background:#0c2e53;}
.index_html #example-navbar-collapse{ position:relative; width:60%; top:80px; display:none!important;}
.index_html #example-navbar-collapse.t1{ display:block!important;}
.index_html .l_top_menu{ width:86px; height:75px;     position: absolute;
    right: 0px; background:url(../images/menu.png) no-repeat center center; margin-top:12px; cursor:pointer; }
.index_html .l_top_menu2{ width:86px; height:75px;     position: absolute;
    right: 0px; background:url(../images/menu.png) no-repeat center center; margin-top:12px; cursor:pointer; display:none; }
.index_html #example-navbar-collapse .navbar-nav>li{ float:none;}
.index_html .l_top .navbar-nav>li>a{ padding-top:10p; padding-bottom:10px;}
.l_top .div1200{ overflow:visible;}
.l_top .navbar-default{ background:none; border-color:none;}
.l_top .navbar-default .navbar-collapse{ float:right;}
.l_top .navbar{ border:0px;}
.l_top .nav>li>a{ padding:10px 20px;}
.l_top  .navbar-nav>li>a{ font-size:18px;     padding-top:39px; padding-bottom:39px; color:#ffffff;}
.l_top .navbar-nav>li>a:hover{ color:#01adf7;}
.l_top .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a::focus{ background:none; color:#01adf7;}
.l_top .dropdown-menu .divider{ margin:0px;}
.l_top .dropdown-menu>li>a{    padding: 8px 20px;}
.l_top .navbar-default .navbar-nav>.open>a{ background:#0c2e53; color:#02aef6;}
.l_bgimg{ background:url() no-repeat center center;  background-size:auto 100%;height:522px;}
.l_bgimg.t1{ height:345px;}
.l_bgimg.t2{ height:438px; position:relative;}
.l_bgimg.t2 .pos{ position:absolute; left:0px; bottom:0px; height:104px; background:rgb(153, 153, 153,0.6); width:100%;}
.l_bgimg.t2 .pos a{ display:inline-block; padding:0px 16px; font-size:18px; line-height:104px; color:#ffffff; text-decoration: none;}
.l_bgimg.t2 .pos a.cur{ background:#ffffff url(../images/ico1.png) no-repeat center 85%; color:#02aef6; font-size:20px; font-weight:bold;padding:0px 30px; }
.l_bgimg.t2 .pos a:hover{color:#02aef6;}
.l_menu{ background:#01adf7; height:56px; text-align:center;}
.l_menu a{ display:inline-block; font-size:16px; line-height:56px; color:#ffffff; padding:0px 20px;}
.l_menu a:hover{	text-decoration: none;}
.l_menu a.cur{ color:#01adf7; background:#f5f5f5 url(../images/ico1.png) no-repeat center 90%;}
.l_con{}
.l_con img{ max-width:100%;}
.l_con  .table1{ margin:0 auto;}
.l_con  .table1 td{ border:4px solid #01adf7;}
.l_foot{ background:#000000; padding:30px 0px; color:#ffffff;}
.l_foot .t104{ font-size:16px; margin-bottom:12px;}
.l_foot a{ color:#ffffff;}
.l_foot .tel{ font-size:38px; margin-bottom:25px;}
.l_foot .div10{ padding:6px 0px;}
.l_foot .div10 i{ color:#82b942; font-size:24px; margin-right:18px;}
.l_foot .div11{ color:#999;}
.l_foot .div12 img{ margin-top:60px;}
.l_foot .div100 a{ margin:0px 14px;}
.l_form1 .form-control,.l_form1  .btn-default{ background:#eee; border-color:#eee; border-radius:0px; }
.l_form1 textarea.form-control{ height:80px;}
.l_form1 .btn-default{height:80px; line-height:80px;}
.l_main{ position:relative; min-height:420px;}
.l_main .l_marg{ margin-top:-220px;}
.l_form2 .form-control{ background-color:#ddd; border-radius:0px;}
.l_form2 .btn-info{ background:#02aef6;border-radius:0px; display:block; width:100%; text-align:center; font-size:17px; font-weight:bold; }
.c_cfd3e2{ color:#cfd3e2;}
.product_show .table_title td{ color:#ffffff; background:#374686;}
.product_show img{ max-width:100%; margin:0 auto; height:auto;}
.product_show .l_dqhz{ line-height:42px;}
.product_show h2{ font-weight:bold; text-align:center;}
.product_show .title_b{ line-height:50px; font-size:20px; font-weight:bold; background:#e5f7fe; color:#0c2e53; border-bottom:4px solid  #6076b4; position:relative;}
.product_show .title_b i{ text-indent:12px; font-size:26px;}
.product_show .title_b:before{ position:absolute; bottom:-4px; left:0px; content:" "; height:4px; background:#0c2e53; width:140px;}

.product_show .table5 td{ padding:8px; width:19%; border:4px solid  #ffffff; border-top:0px; border-bottom:0px;}
.product_show .table5 .table_title{ font-size:20px; font-weight:bold; text-align:center; color:#ffffff; line-height:52px;}
.bg_cfd3e2{ background:#cfd3e2;}
.product_show .div1 a{ display:block; margin-top:12px; background:#cbeffd; clear:both; overflow:hidden;}
.product_show .div1 a *{ display:block; float:right; width:45%; margin-right:1%;}
.product_show .div1 a .t11{ display:block; width:49%; height:295px; margin-right:3%; float:left; background:url() no-repeat center center; background-size:cover;border:4px solid  #02aef6;}
.product_show .div1 a b{ font-size:22px; font-weight:bold; color:#16375a; line-height:56px;}
.product_show .div1 a strong{ color:#063a66; line-height:26px; font-size:16px;}
.product_show .div1 a span{ font-size:15px; color:#666666; margin-top:12px; margin-bottom:12px; }
.product_show .div1 a em{background:#02aef6;display:inline-block; width:auto; float:left; padding:8px 10px ; color:#ffffff; font-size:16px; margin-left:2%; margin-right:0px;}
.product_show .div1 a em i{ display:inline-block;width:auto; float:none; margin-right:0px;   }
.job_show{ width:90%; margin:0 auto;}
.job_show h2{ text-align:center;}
.table20020701{border:1px solid #e5f7fe; overflow:hidden;}
.table20020701 tr td{ padding:2px 5px; border:1px solid #e5f7fe;}
.table20020701 tr td:nth-child(1){ background:#0c2e53; width:100px; color:#fff;}
.table20020701 tr td:nth-child(2){ background:;}
.table20020701 tr td:nth-child(3){ background:;}
.table20020701 tr td:nth-child(4){ background:#f7f7f7; width:200px;}
.product_list h2,h2.yy_list_h2{ font-weight:bold; background:url(../images/ico1.png) no-repeat center bottom; padding-bottom:20px; text-align:center;}
.product_list a{ margin-bottom:30px;}
.product_list a:hover{text-decoration: none; }
.product_list a *{ display:block; clear:both;border:1px solid #eee;}
.product_list a i{ height:260px; background:url() no-repeat center center;background-size:cover; border-bottom:0px;}
.product_list a b{ background:#f2f2f2; height:70px; line-height:70px; overflow:hidden; font-size:18px; text-align:center; font-weight:normal;text-decoration: none;}
.pages_lgocl {
    clear:both; overflow:hidden; text-align:center;
}
.pages_lgocl a {
    border: 1px solid #8C8C8C; color:#8C8C8C;
    float: none; display:inline-block;
    height: 20px;
    line-height: 20px;
    list-style: outside none none;
    margin-right: 10px; margin-bottom:10px;
    padding: 0 10px;
}
.pages_lgocl .cpb {
    background-color:#374686;
    color: #fff;
    padding: 0 10px;
}
.table_tblue,.table_dblue{ margin:20px auto;}
.table_tblue td{ border:2px solid #ffffff; padding:2px 20px; font-size:15px; text-align:center;}
.table_tblue tr:nth-child(odd){ background:#d3d6e5;}
.table_tblue tr:nth-child(even){ background:#ebecf1;}
.table_tblue thead>tr>td{background:#6176b5; color:#ffffff;}
.table_dblue td{border:1px solid #ffffff;padding:3px 24px; font-size:15px; text-align:center; background:#ebecf1;}
.table100{ width:100%;}
.app_show{ font-size:15px;}
.app_show img{ max-width:100%; height:auto;}
.app_show .divimgr{text-align:right;}
.app_show .divimgl{text-align:left;}
.app_show .div_pd30_blue{ padding:30px; background:#172853; color:#ffffff;}
.app_show .div_pd30_blue b{ font-size:18px;}
.app_show .div_pd30_cblue{padding:30px; }
.app_show .div_pd30_cblue b{color:#172853;font-size:18px;}
.div100_5{ width:50%;}
.img100 img{ width:100%;}
.l_con .div101 .pd{ padding-left:50px;}
.zh_list{ width:92%; margin:0 auto;}
.zh_list .row img{ max-width:280px; height:auto; max-height:140px;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.zh_list .row img:hover{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.zh_list .row .div1 img{ display:block; float:left; margin-right:20px;}
.zh_list .row h4{ color:#374686;}
.zh_list .row h4 a{color:#374686;}
.zh_list .row .text-muted2{ color:;font-size:12px; background:#bf0f35; color:#ffffff; padding:2px 8px; display:inline-block; line-height:20px;}
.zh_list .row .text-muted2 span{ margin-left:0px; }
.zh_list .row .text-muted2 a{color:#ffffff;}
.l_cont{ width:96%; margin:0 auto;}
.l_cont h2{ font-weight:bold; text-align:center;}
.l_cont .text-muted{text-align:center;}
.l_cont .bdsharebuttonbox{text-align:center;margin: 0 auto;  display: inline-block;}
.index_banana{max-height:930px; height:100%; }
.swiper-container.indexbn .swiper-slide{ height:930px; background:none;}
.swiper-container.indexbn .swiper-slide a,.swiper-container.indexbn .swiper-slide div{ width:100%; height:100%; display:block;background:url() no-repeat center center; background-size:auto; }
.swiper-container.indexbn .swiper-pagination-bullet{ width:20px; height:20px; background:#d9d7da;}
.swiper-container.indexbn .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#0868b2;}
.index_html{ position:relative;}
.div_index1{position:relative; width:100%; height:400px; }
.index1{  position:absolute; left:0px; top:0px; width:100%;}
.div_index2{ position:relative; width:100%; height:616px; background:#4b6fa9;}
.index2{ background:#4b6fa9; padding:60px 0px; }
.l_swin_an.index2{position:absolute; left:0px; top:0px; width:100%;}
.l_title{ line-height:60px; font-size:24px; color:#ffffff;text-align:center; position:relative; margin-bottom:30px; font-weight:bold;}
.l_title i{ display:block; clear:both; font-size:14px;text-transform: Uppercase; line-height:16px; }
.l_title:before{ position:absolute; width:50px; content:" "; height:2px; background:#ffffff;bottom: 0px; left: 48%;}
.index1{ padding-bottom:50px;}
.index1 .l_l{ width:50%; height:400px;}
.index1 .l_r{ width:50%; height:400px;}
.index1 .div1{ width:620px; padding:40px 0px; overflow:hidden;}
.index1 .swiper-pagination{ bottom:0px;}
.index1 .swiper-button-prev,.index1 .swiper-button-next{ top:35%; background-color:#f5f5f5; background-size:50% auto; }
.index1 .div1 .div50{ width:50%; float:left; height:320px}
.index1 .div1 .div50 img{ max-width:92%; height:auto;}
.index1 .div1 .div50.t2{ background:url() no-repeat center center; background-size:cover;}
.index1 .l_r  .div1 .div50.t1{ float:right;}

.index1 .l_l{ border-bottom: 1px solid #e7e5e6; border-right: 1px solid #e7e5e6;}
.index1 .l_l:nth-child(odd){ background:#ffffff;}
.index1 .l_l:nth-child(even){ background:#e7e5e6;}
.index1 .l_r{border-bottom: 1px solid #e7e5e6;}
.index1 .l_r:nth-child(odd){ background:#ffffff;}
.index1 .l_r:nth-child(even){ background:#e7e5e6;}
.index1 .l_l .div1{}
.index1 .div1 .div50.t1{ position:relative; }
.index1 .div1 .div50.t1 .div50_2{ position:absolute;bottom:0px; left:0px;}
.index1 .l_l  .div1 .div50.t2{ float:right;}
.index1 .div1 .div50 .div50_1{ width:10px; display:inline-block;margin:0px 10px; float:left; line-height:20px;}
.index1 .div1 .div50 .div50_1 span{writing-mode:vertical-rl;}
.index1 .div1 .div50 .div50_2{ display:inline-block;float:left; width:80%;}
.index1 .l_r .div1 .div50 .div50_2{ float:right;}
.index1 .div1 .div50 .div50_2 a{ color:#999; text-decoration:none;}
.index1 .div1 .div50 .div50_2 a:hover{ color:#101f62;}
.index1 .div1 .div50 .div50_2 b{ font-weight:normal; font-size:18px; display:block; margin-bottom:8px;}
.index1 .div1 .div50 .div50_2 i{ font-size:20px; color:#666666;}
.index1 .div1 .div50 .div50_2 a:hover i{ color:#01adf7;}
.index1 .div1 .div50 .div50_2 span{ line-height:22px; display:block;margin-bottom:8px;}
.index1 .div1 .div50 a.list_tel{ width:120px; height:120px; color:#ffffff;  background:#031b37 url(../images/tel.png) no-repeat center center; display:block; margin-bottom:40px; cursor:auto;}
.index1 .div1 .div50.t4 img{ margin-left:15px;}
.index1 .l_l .div1{ margin-right:15px; float:right;}
.index1 .l_r .div1{ margin-left:15px;}
.index1 .l_e .div1{ margin-left:15px; float:left;}
.index1_1{ width:1280px; position:relative; margin:0 auto;}
.index1_1 .l_title{ position:absolute; left:0px; top:35px;}
.index1 .l_l .div1 .l_title,.index1_1 .l_title{ color:#101f62; text-align:left; line-height:36px; padding-bottom:10px;}
.index1 .l_l .div1  .l_title:before,.index1_1 .l_title:before{ background:#101f62; left:0px;}
.l_swin_pc{ visibility:hidden;}
.l_swin_pc:first-child{ visibility:visible;}

.l_swin_an{ visibility:hidden;}
.l_swin_an:first-child{ visibility:visible;}
.index2 .row  div{ margin:20px 0px;}
.index2 .row a{ background:url(../images/jt01.jpg) no-repeat center center; background-size:cover; position:relative; height:270px; width:100%; display:block; cursor:pointer;}
.index2 .row a b{ position:absolute; left:0px; bottom:0px; height:50px; line-height:50px; background:rgb(0, 0, 0,0.6); display:block; width:100%; color:#01adf7; font-size:15px; text-align:center; display:block;}
.index2.t1 .row a b{ bottom:0px;  font-size:20px;}
.index2 .swiper-pagination{ bottom:-20px;}
.index2  .swiper-button-next{  background-color:#f5f5f5; right:0px;top:40%; background-size:50% auto; }
.index2 .swiper-button-prev{background-color:#f5f5f5; left:0px; top:40%;background-size:50% auto; }
.index2 .row a  p{ width: 100%; height:100%; position:absolute; left:0px; top:0px;background:rgb(0, 0, 0,0.6); display:none;}
.index2 .row a  p span{ display:block; width:84%; height:90%; left:8%; top:5%; border:1px solid #01adf7; padding:20px; color:#ffffff; position:absolute;}
.index2 .row a:hover b{ display:none;}
.index2 .row a:hover p{ display:block;}
.index3{ background:#ffffff; padding:60px 0px;}
.index3 .l_title{ color:#333333;}
.index3  .l_title:before{ background:#01adf7;}
.index3 .row  div{ margin:20px 0px;}
.index3 .row a{ text-decoration:none; cursor:pointer;box-shadow: 0 0 10px #999; border:0px solid #999; display:block; overflow:hidden; } 
.index3 .row a i{ position:relative; display:block; width:100%; height:156px; background:url(../images/index3_img.jpg) no-repeat center center; background-size:cover;}
.index3 .row a i em{ position:absolute; width:100%; height:100%; background:rgb(0, 0, 0,0.6);}
.index3 .row a b{display:block; height:80px; line-height:80px; overflow:hidden; clear:both; overflow:hidden; font-weight:normal; font-size:16px; text-align:center;}
.index3 .row a span{ display:block; width:40%; margin:10px auto 50px; height:36px; line-height:36px; text-align:center; border:1px solid #0c1d8f;}
.index3 .row a:hover em{ display:none;}
.index3 .row a:hover{ background:#01adf7; color:#ffffff;}
.index4{ background:#ffffff; padding:0px 0px 60px;}
.index4 .l_title{ color:#333333;border-bottom:1px solid #bbb;}
.index4  .l_title:before{ background:#01adf7;}
.index4 .index_list_new{ overflow:hidden; padding-top:20px;}
.index4 .index_list_new a.a1{ display:block; height:220px; clear:both; background:url() no-repeat center center;background-size:cover; margin-bottom:20px;}
.index4 .index_list_new  .l_l{ width:62px; height:62px; background:url(../images/index4_img2.png) no-repeat center center; position:relative;color:#ffffff; font-size:20px;}
.index4 .index_list_new  .l_l i{ position:absolute; left:6px; top:2px; }
.index4 .index_list_new  .l_l em{position:absolute; right:6px; bottom:2px;}
.index4 .index_list_new  .l_r{ width:310px;}
.index4 .index_list_new  .l_r b{ display:block; clear:both; font-size:18px; color:#3167cb; font-weight:normal; margin-bottom:6px;}
.index4 .index_list_new  .l_r span{ color:#a1a1a1; display:block; clear:both; line-height:24px;}
.index4 .index_list_new  .l_r i{ color:#3167cb;}
.index4 .index_list_new  .l_r a{ text-decoration:none;}
.index4 .index_list_new .divclear{border-bottom:1px solid #a1a1a1; height:35px;}
.navbar-nav>li>.dropdown-menu.ulpc{ width:440px; margin-left:-164px;} 
.navbar-nav>li>.dropdown-menu .li1{ border-bottom:1px solid #e5e5e5; overflow:hidden; padding-bottom:4px; padding-top:4px;}
.navbar-nav>li>.dropdown-menu .li1 .l_l{ width:130px; padding-left:6px;}
.navbar-nav>li>.dropdown-menu .li1 .l_l a{ display:block; font-weight:bold; color:#0c2e53;}
.navbar-nav>li>.dropdown-menu .li1 .l_l em{ display:block; width:112px; height:60px; background:url() no-repeat center center; background-size:cover;}
.navbar-nav>li>.dropdown-menu .li1 .l_r{ width:300px; padding-right:6px;}
.navbar-nav>li>.dropdown-menu .li1 .l_r a{ display:inline-block; float:left; margin-right:6px; background:#f5f5f5; padding:0px 6px;  margin-bottom:3px;}
.navbar-nav>li>.dropdown-menu .li1 div img{ width:112px; height:60px;}
.navbar-nav>li>.dropdown-menu .li1 div  a{}
.l_cont img{ max-width:100%; height:auto;}


@media (min-width: 1201px){
.container {  width: 1264px;}
}

@media (max-width: 1200px){
.div1200 {  width:98%; margin:0 auto;}
.index1_1{ width:100%;}
.index_banana{max-height:600px;}
.swiper-container.indexbn .swiper-slide{ height:600px; }
.swiper-container.indexbn .swiper-slide a, .swiper-container.indexbn .swiper-slide div{background-size:cover;}
.index1 .div1{ width:100%;}

}


@media (max-width: 1050px){
.l_foot .tel{ font-size:24px;}
.l_bgimg.t2 .pos{ height:auto;}
.l_bgimg.t2 .pos a{ line-height:56px; font-size:16px;}
.l_bgimg.t2 .pos a.cur{ background-size:auto 10px; background-position:center 96% ; font-size:16px;}
.index1 .swiper-button-prev, .index1 .swiper-button-next{ display:none;}
}
@media (max-width: 780px){
.l_top .nav>li>a{ padding-left:10px; padding-right:10px;}
.l_bgimg{ height:400px;}
.index1 .l_l .div1 .l_title, .index1_1 .l_title{}
.index1_1 .l_title{ top:10px;}
.l_title{ font-size:20px;}
.index2 .row a b{ overflow:hidden; }
.index2.t1 .row a b{font-size:16px;}
.index3 .row div:nth-child(3){ display:none;}
.index4 .index_list_new:nth-child(3){display:none;}
.index1 .div1 .div50 .div50_2 b{ font-size:16px;}
.index_banana{max-height:500px;}
.swiper-container.indexbn .swiper-slide{ height:500px; }

}
@media (max-width: 764px){
.navbar-toggle{ display:none;}
.l_top.t1{ position:absolute; left:0px; z-index:999; top:0px; width:100%; background:none; }
.l_top.t1{position:fixed; height:100%;background:#0c2e53;}
.l_top.t1 #example-navbar-collapse{ position:relative; width:100%; text-align:center; top:80px; display:none!important;}
.l_top.t1 #example-navbar-collapse.t1{    top: 0px;border:0px; display:block!important; float:none; margin:0 auto; margin-top:30px;}
.l_top_menu,.index_html .l_top_menu{ width:90px; height:65px;     position: absolute; top:0px;
    right: 0px; background:url(../images/menu.png) no-repeat center center; margin-top:5px; cursor:pointer; background-size:60% auto; }
 .l_top.t1 .l_top_menu2,.index_html .l_top_menu2{ width:90px; height:65px;     position: absolute; top:0px;
    right: 0px; background:url(../images/menu.png) no-repeat center center; margin-top:5px; cursor:pointer; background-size:60% auto; display:none; }
.l_top.t1 #example-navbar-collapse .navbar-nav>li{ float:none;}
.l_top.t1 .navbar-nav>li>a{ padding-top:10p; padding-bottom:10px;}
.l_top.t1 .dropdown-menu .divider{ background:#666;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{ text-align:center; color:#bbb;}
.l_top{ height:80px;}
.navbar-brand>img{ height:50px;}

}
@media (max-width: 580px){
body{ font-size:13px;}
.l_foot img{ max-width:100%;}
.l_menu{ height:auto;}
.l_menu a{ line-height:42px;}
.l_menu a.cur{ background-position: center 96%;}
.index3 .row a b{ height:40px; line-height:40px;}
.index3 .row a span{ margin-bottom:10px;}
.l_menu a.cur{ background-size:60% auto;}
.l_bgimg.t1,.l_bgimg.t2{ height:240px;}
.product_list h2, h2.yy_list_h2{ font-size:20px;}
.product_list a i,.index2 .row a{ height:220px;}
.product_show h2,.l_cont h2,h2{font-size:24px;}
h3{font-size: 20px;}
.index2 .row a{ height:}
.l_bgimg.t2 .pos a{ line-height:36px; font-size:15px; padding:0px 8px;}
.l_bgimg.t2 .pos a.cur{ font-size:15px;padding:0px 8px;}
.app_show .div_pd30_blue b{ font-size:15px;}
.app_show .div_pd30_cblue b{ font-size:15px;}
.app_show .div_pd30_blue{ padding:8px;}
.app_show{ font-size:13px;}
.div100_5{ width:100%; display:block; clear:both; height:auto; }
.index_banana{max-height:400px;}
.swiper-container.indexbn .swiper-slide{ height:400px; }
.index1_1 .l_title{ position:static; text-align:center; margin-top:12px;}
.index1 .div1 .div50 .div50_2 span{ display:none;}

.index1 .l_l .div1 .l_title:before, .index1_1 .l_title:before,.l_title:before{ left:calc(50% - 25px);}
.index1 .div1 .div50{ width:100%; float:none; height:200px;}
.index1 .div1 .div50.t1{ height:40px; overflow:hidden; line-height:40px;}
.index1 .div1 .div50 .div50_2 i{ display:none;}
.index1 .div1 .div50 .div50_2 b{ height:30px; line-height:30px; overflow:hidden; text-align:center;}
.index1 .div1{ padding-top:10px;}
.index1 .div1 .div50 .div50_2{ width:100%;}
.l_title{ margin-bottom:10px;}
.index2{ padding:20px 0px;}
.index3{ padding:45px 0px 20px;}
.div_index2{ height:360px;}
.index4{ padding-bottom:0px;}
.index4 .index_list_new .l_l{ display:none;}
.index4 .index_list_new .l_r{ width:100%;}
.index4 .index_list_new .l_r b{ font-size:15px; line-height:20px;}
.index4 .index_list_new a.a1{ height:150px;}
.index2 .swiper-button-prev,.index2 .swiper-button-next{ display:none;}
.index2 .row div{ margin:10px 0px 15px;}
}
@media (max-width: 480px){
.l_menu a{ padding:0px 10px;}
.product_list a i,.index2 .row a{ height:180px;}
.product_list a b{ line-height:32px; height:32px; font-size:14px;}
.index_banana{max-height:340px;}
.swiper-container.indexbn .swiper-slide{ height:300px; }
.index3 .row a i{ height:120px;}
.index3 .row a span{ line-height:32px; height:32px;}
}

@media (max-width: 380px){
.l_menu a{ padding:0px 8px;}
.l_bgimg.t1,.l_bgimg.t2{ height:200px;}
.product_list a i,.index2 .row a{ height:150px;}
.product_show h2,.l_cont h2,h2{font-size:20px;}
h3{font-size: 18px;}
}

@media (max-width: 335px){
.l_bgimg.t1,.l_bgimg.t2{ height:150px;}
.product_list a i,.index2 .row a{ height:120px;}
.product_show h2,.l_cont h2,h2{font-size:18px;}
h3{font-size: 16px;}
}