@charset "utf-8";
@media screen and (max-width:1570px)
{
.bannerwrap .banner .mask { bottom:27%;  }

.team_list dl dd{ width:43%;  }


.contactlist ul li .listimg{ width:58%;  }
.contactlist ul li .listcontent{ width:36%; }

}

@media screen and (max-width:1450px)
{
.indexabout .indexabout_left .aboutus_title{ font-size:44px; padding:0 0 23px 0; margin:0 0 30px 0;  }
.indexabout .indexabout_left .aboutus_content h3{ font-size:30px;  }
.indexabout .indexabout_left .aboutus_content p{ font-size:16px; }
.indexabout .indexabout_left .indextime .time1 span{ font-size:45px; }
.indexabout .indexabout_right .indexcontent p a{  color:#fff; font-size:24px; }

.indextitlebox .indextitle{ font-size:36px; }

.o-m .ul-t li dl dt a{ font-size:20px; }


.indexnews .indexnews_left{ width:50%;  }
.indexnews .indexnews_left h3 a{ font-size:20px; }
.indexnews .indexnews_right{ width:45%; }
.indexnews .indexnews_right h3 a{ font-size:20px;}
.indexnews .indexnews_right dl{ padding:4% 0 3% 0; }

.myslider ul li h3{ font-size:18px; }


.imaintitlebox .imaintitle{ font-size:36px; }
.aboutone-title .imaintitle{ font-size:36px; }


.mainbanner_zi span{ font-size:44px; }

.info_listxw dl dd h3{ font-size:22px; }

.rongyulist ul li h3{ font-size:18px; }

.case_list ul li h3{ font-size:22px; }

.contactlist ul li .listcontent h3{ font-size:26px; }

.businesslist dl{ padding:5% 1.5%;  }
.businesslist dl dt{ font-size:26px; border-bottom:2px solid #000; width:130px; padding:0 0 20px 0; margin:0 0 30px 0;  }

.info_view h1.title { font-size:28px;  }

}



@media screen and (max-width:1350px)
{
.banben{ width:14%;  }

.main_line{  width:26%; }

/*内页*/
.mainarea{ margin:0 0%;}

.about_rongyu ul li{ line-height:40px; }
.about_rongyu ul li a{  font-size:16px;  }

.team_list dl dt{ width:38%; }

}

@media screen and (max-width:1280px)
{
.topbg{ width:90%; height:48px; line-height:48px; margin:0 auto; display:flex; justify-content:space-between; }
.head{ clear:both; margin:15px auto; width:90%; display:flex; }
.widthbox{ width:90%; margin:0 auto; padding:0px; }
.myslider{ width:100%; margin:0px auto; width: calc(100% - 0px); }
.right { clear:both; width:90%; margin:0 auto; padding:0 0%; background:#FFF; }
.posbox { width:90%; clear:both; overflow:hidden; margin:0 auto; }


.headerpage { padding:5px 0;  }
.banben{ margin-right:5%; }

.indexabout .indexabout_left .aboutus_title{ font-size:36px; line-height:36px; padding:0 0 20px 0; margin:0 0 20px 0; }
.indexabout .indexabout_left .aboutus_content p{ line-height:36px; margin:20px 0 30px 0; font-size:16px; }
.indexabout .indexabout_left .indextime{ width:100%; }
.indexabout .indexabout_left .indextime .time1 span{ font-size:40px; }
.indexabout .indexabout_right .indexcontent p{ font-size:20px; line-height:40px; }
.indexabout .indexabout_right .indexcontent p a{ font-size:20px; }

.indextitlebox{  margin:50px 0 30px 0; }
.indextitlebox .indextitle{ font-size:36px; padding:0 0 10px 0; }
.indextitlebox .indexmore a{  line-height:60px; height:60px; }

.o-m .ul-o ul{ width:60%;   }
.o-m .ul-t li dl dt a{ font-size:18px;  }

.indexnews .indexnews_left{ width:51%;  }
.indexnews .indexnews_left h3{ margin:20px 0 15px 0; }
.indexnews .indexnews_left h3 a{ font-weight:normal; font-size:18px; line-height:32px; color:#162344; }
.indexnews .indexnews_right{ width:42%; }
.indexnews .indexnews_right h3 a{ font-size:18px;  }

.myslider ul li h3{ font-size:18px; }

.bottomcontent{ justify-content:center; }
.footeripc{ text-align:center; }
.footermenu{ width:100%; text-align:center; margin:5px 0 0 0; }

/*Banner内页大图调用 开始*/
.mainbanner{ width:100%; display:block;  }
.mainbanner img{ display:block;  }
.mainbanner_zibox{ width:100%; height:400px; }
.mainbanner_zi{  padding:140px 5% 0 5%; text-align:center;  }
.mainbanner_zi span{ padding:0 5px 10px 5px; margin:0 0 20px 0; font-size:32px; font-weight:bold; color:#fff; letter-spacing:0px; display:inline-block; border-bottom:1px solid #fff; }
.mainbanner_zi p{ color:#fff; font-size:24px; line-height:28px;text-transform : uppercase;   }
/*Banner内页大图调用 结束*/

.aboutone-title .imaintitle{ font-size:36px; }
.time1 span{  font-size:40px; }

.imaintitlebox{  margin:50px 0 30px 0; }
.imaintitlebox .imaintitle{ font-size:32px;}
.imaintitlebox .imainmore a{ line-height:60px; height:60px;  }

.about_youshi dl{ width:100%; border-right:0; border-bottom:1px solid #fff; padding:5% 5% 3% 5%; position:relative; }
.about_youshi dl h3{ font-size:18px; font-weight:bold; line-height:30px; height:auto; }
.about_youshi dl dd{ font-size:14px; margin:15px 0 0 0; }
.about_youshi dl dd p{ font-size:14px; line-height:22px;   }

.menu3 { padding:15px 0;  }
.menu3 a, .menu3 a:link, .menu3 a:visited { font-size:18px;  }

.info_listxw dl dt { width:40%; overflow:hidden; margin:0 auto; text-align:center; background:#f8f8f8; }
.info_listxw dl dd { width:55%;}
.info_listxw dl dd .listtime{ font-size:16px; }
.info_listxw dl dd h3{ font-size:18px; margin:15px 0 20px 0; }
.info_listxw dl dd .listcontent{ line-height:22px; font-size:14px; font-family:"Microsoft Yahei", 宋体, Verdana, Arial, Helvetica, Sans-serif; font-weight:normal; color:#CCCCCC;  }
.info_listxw dl dd .listmore{ font-size:14px; color:#666; font-weight:normal; display:flex;  line-height:50px; }

.info_view h1.title { border-bottom:1px dotted #ccc; font-size:24px; line-height:28px; padding:3% 0; margin:0px; text-align:center;  }

.businesslist dl{ background:#f6f6f6; width:31%;  margin:0 0 20px 0;  }
.businesslist dl dt{ font-size:24px; border-bottom:2px solid #000; width:120px; }

.team_list dl{ width:48%; }
.team_list dl dd h3{ font-size:22px; }

.rongyulist ul li h3{ width:65%; font-size:18px; }

.case_list ul li .listtime{ font-size:16px; }
.case_list ul li h3{ font-size:18px;  margin:15px 0 20px 0; }
.case_list ul li .listcontent{ line-height:22px; font-size:14px; font-family:"Microsoft Yahei", 宋体, Verdana, Arial, Helvetica, Sans-serif; font-weight:normal; color:#CCCCCC; }
.case_list ul li .listmore{ font-size:14px; color:#666; font-weight:normal; display:flex;  line-height:50px; }

.contactlist ul li .listcontent h3{ font-size:22px; }


.team_view .team_pic{ width:40%; }
.team_view .team_zi{ width:50%; }
.team_view .team_zi h1{ font-size:36px; line-height:80px; }
.team_view .team_zi ul li{ margin:20px 0; line-height:22px;  }
.team_view .team_zi ul li .team_img{ width:30px; margin:0 0 0 0; }
.team_view .team_zi ul li p{ width:80%; margin:0px 0 0 0; font-size:16px; line-height:28px; }

.mainbanner_zi span{ padding:0 0 10px 10px; margin:0 0 20px 0; font-size:36px;  letter-spacing:10px; }

}

@media screen and (max-width:1200px)
{
.banben{ width:20%;  }
}


@media screen and (max-width:1000px)
{
/*Banner大图调用 开始*/
.bannerwrap .banner .mask { vertical-align:middle; position:absolute; width:100%; height:20px; right:0; bottom:7%; text-align:center; }
/*Banner大图调用 结束*/

.logobottom{ text-align:center; }
.footer_two{ justify-content:center; }
.footer_two dl{  width:100%; margin:4% 0 0 0;  }
.footer_two dl dd{ width:16%;  }
.footer_two dl dd span{ font-size:18px; }
.footer_two dl dd p{ font-size:13px;  }

.about_rongyu{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; background:#f6f6f6;  }
.about_rongyu .rongyu_img{ width:100%;  }
.about_rongyu .rongyu_img img{ width:100%; }
.about_rongyu ul{ width:100%; margin:0% 0 0 0; padding:2% 5%; }
.about_rongyu ul li{ line-height:40px; }
.about_rongyu ul li a{  font-size:16px; font-weight:normal; color:#666666; }
.about_rongyu ul li font{ color:#004d82; font-size:20px; padding:0 20px 0 0; }

.contactlist ul li .listimg{ width:100%; }
.contactlist ul li .listcontent{ width:100%; padding:5% 0 0 0; }

}


@media screen and (max-width:960px)
{
.head .logo{ overflow:hidden;-webkit-filter: brightness(100); filter: brightness(100); }

.banben{ width:30%;  }

.o-m .ul-o ul{ width:100%; display:flex; flex-wrap:wrap;  }
.o-m .ul-o ul li a{  font-size:18px;  }
.o-m .ul-t li dl{ width:47%;  }

.indexnews .indexnews_left{ width:100%;  border-bottom:1px solid #e4e4e4; padding:0 0 3% 0; margin:0 0 3% 0;  }
.indexnews .indexnews_left h3{ margin:20px 0 15px 0; }
.indexnews .indexnews_left h3 a{ font-weight:normal; font-size:18px; line-height:32px; color:#162344; }
.indexnews .indexnews_right{ width:100%; }
.indexnews .indexnews_right h3 a{ font-size:18px;  }

.main_line{ height:1px; background:#dbdbdb; width:100%; margin:20px 0 30px 0; }
.timebox{ width:100%; margin:0 0 30px 0; }

.info_listimg ul li{ width:19%;  }



}

@media screen and (max-width:880px)
{
.menu_team { clear:both; margin:0px auto 0px auto; padding:50px 0 0px 0; width:90%; text-align:center; }
.menu_team a, .menu_team a:link, .menu_team a:visited { font-size:24px; text-align:center; padding:0px 5.5%; margin:0px 13px; color:#fff; line-height:70px; display:inline-block; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; border-bottom:3px solid #aea7a1; background:#00375e;  }
.menu_team a:hover, .menu_team a.active, .menu_team a.active:link, .menu_team a.active:visited { background:#aea7a1;  text-decoration:none; }

.team_sousuo form input:nth-of-type(1) {
    width: 100%;
    background: #fff; margin:0 0 5px 0;padding: 0 10%;
}
.team_sousuo{ text-align:center; background:#f6f6f6; margin:0px 0 50px 0; }
.team_sousuo form{ padding:15px 15px; display:flex; flex-wrap:wrap; justify-content:space-between;  }
.team_sousuo form input{  border:0px; height:70px; padding:0 3%;outline: none;  }
.team_sousuo form select{ width:28.5%; border:0px; height:70px; padding:0 3%; color:#666; outline: none; background:#fff url(../images/dot.png) no-repeat 93% 55% ; appearance: none; -moz-appearance: none;
    -webkit-appearance: none;}
.xz1,.xz2 { text-align: left;line-height:70px;position:relative;width: 100%; border: 0px;height: 70px;padding: 0 10%;color: #666;outline: none;background: #fff url(../images/dot.png) no-repeat 93% 55%;appearance: none;-moz-appearance: none;-webkit-appearance: none; margin:0 0 5px 0; }
.xz1-ul,.xz2-ul{position: absolute;width: 100%;left: 0;top: 70px;background: white; z-index:99; border-top:1px solid #eee; }
.xz1-ul li ,.xz2-ul li{line-height: 50px;height: 50px;cursor: pointer;padding: 0 10%;}
.team_sousuo form input:nth-of-type(2) { height:50px; width:150px;}
}




@media screen and (max-width:760px)
{
.headerright { width:35%; }
.banben{ width:45%; margin-right:10%;   }
.banben .yuyan a{ line-height:13px; padding:0 5px; font-size:14px; }

.indexabout .indexabout_left .aboutus_title{ font-size:28px; line-height:36px; padding:0 0 20px 0; margin:0 0 20px 0; }
.indexabout .indexabout_left .aboutus_content h3{ font-size:20px; font-weight:normal;}
.indexabout .indexabout_left{ width:100%; padding:2% 0 0 0; }
.indexabout .indexabout_left .indextime .time1 span{ font-size:32px; }
.timex{ color:#666; font-size:14px;  }
.indexabout .indexabout_right{ width:92%; margin:10% 0 0 4%;}
.indexabout .indexabout_right .indexcontent{ bottom:15%; left:12%; }

.indextitlebox .indextitle{ font-size:28px; padding:0 0 10px 0; }
.indextitlebox .indexmore a{  line-height:50px; height:50px; }

.myslider{ width:100%; margin:0px auto; }
.myslider ul li .indexhezuo{ background:#fff; display:flex; flex-wrap:wrap; justify-content:space-between; padding:6% 6%;  }
.myslider ul li .indeximg{ overflow:hidden; width:100%; margin:0 0 20px 0; }
.myslider ul li h3{ width:100%; font-size:16px; line-height:22px; height:66px; }

.aboutone-title .imaintitle{ font-size:28px; margin:20px 0 0 0; }

.time1 span{  font-size:32px; }

.imaintitlebox .imaintitle{ font-size:28px; font-weight:bold;}
.imaintitlebox .imainmore a{ line-height:50px; height:50px; }

.about_kehu{}
.about_kehu ul{display:flex; flex-wrap:wrap; justify-content:space-between; }
.about_kehu ul li{ width:23%; box-shadow:0px 0px 15px rgba(0,0,0,0.08); margin:0 0 2.5% 0; background:#fff; padding:2%; }
.about_kehu ul li img{ transition: 588ms; width:100%; }
.about_kehu ul li:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.info_listxw dl dt { width:100%; }
.info_listxw dl dd { width:100%; margin:25px 0 0 0; }

.businesslist dl{ background:#f6f6f6; width:49%; padding:5% 2.5%; margin:0 0 20px 0;  }
.businesslist dl dt{ font-size:22px; font-weight:bold;  width:100px;   }

.team_list dl{ width:100%; background:#f6f6f6; margin:0 0 20px 0; padding:20px 0; transition: 588ms; }
.team_list dl dd h3{ font-size:20px; }

.rongyulist ul li{ width:48%;  }

.case_list ul li{  width:100%; }

.team_view{ width:100%; }
.team_view .team_zi h1{ font-size:30px; line-height:70px;  }

.main_title{ font-size:18px; padding:15px 0 10px 0; margin:0 0 15px 0; }
}

@media screen and (max-width:640px)
{

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-weight:normal; }

.o-m .ul-o{ margin:0 0 12% 0; }
.o-m .ul-o ul li a{  font-size:17px;  }
.o-m .ul-t li dl{ width:100%; margin:0 0 5% 0; }
.o-m .ul-t li dl dt a{margin:20px 0 10px 0; }
.o-m .ul-t li dl dd a{ line-height:35px; font-size:15px !important; margin:10px 0 40px 0; }

.footer_two dl dd{ width:47%;  }

/*job招聘*/
.job_shuoming{ line-height:30px; margin:25px 0 0px 0; }
.job_tel{ text-align:center; margin:0 0 8% 0; }
.job_tel span{ font-weight:bold; font-size:26px; color:#d43126; }
.menus ul li{ margin: 5px;border: 1px solid #d3d3d3;border-radius: 50px; padding:10px 0%; flex:1; cursor: pointer}

.show_table tbody tr td:nth-child(2),.show_table tbody tr td:nth-child(4){ display:none; }

.footerbottom{ padding-bottom:60px; background:#000; }
.fnav2{ display: block;float:right;width:100%; margin:0 auto;  overflow:hidden; background:#aea7a1; padding:10px 0 ; position: fixed ;bottom:0;z-index:9999}
.fnav2 a{ float:left; width:30%; overflow:hidden;  color:#FFF; font-size:18px; overflow:hidden ; text-align:center; font-size:16px;}
.fnav2 a img{ width:30%;vertical-align:middle; padding-left:4%; padding-right:5%;}
.bottomcontent{ opacity:0.3; }


.yb_conct{ display:none; }

.rongyulist{}
.rongyulist ul{display:flex; flex-wrap:wrap; justify-content:space-between; }
.rongyulist ul li{ width:48%;  box-sizing: border-box; margin:0 0 2.5% 0; }
.rongyulist ul li:last-child{ padding:0px; margin:0px; }
.rongyulist ul li .indexhezuo{ background:#f8f8f8; display:flex; flex-wrap:wrap; justify-content:space-between; padding:6% 6%;  }
.rongyulist ul li .indeximg{  width:100%; margin:0 0 20px 0; }
.rongyulist ul li h3{ width:100%; font-size:18px; line-height:22px; height:66px; }

.logoerweima{ display:none; }
.footer_two dl{ display:none;}
.wap_tel{ display:block;  }

.wap_tel{   width:100%; }
.owl-carousel .item span{ font-size:16px; line-height:40px;  }
.owl-carousel .item p{ font-size:12px; margin:10px 0 0 0; }

}

@media screen and (max-width:580px)
{
.banben{ width:75%; margin-right:10%;  }
.banben .yuyan a{ line-height:13px; padding:0 5px; font-size:14px; }

.menu3 { width:100%;  }
.menu3 a, .menu3 a:link, .menu3 a:visited { font-size:16px;  padding:0px 2%;   }

.info_listimg ul li{ width:24%;  }

.businesslist dl{ width:100%; padding:5% 8%;   }
.businesslist dl dt{ font-size:22px; font-weight:bold; border-bottom:2px solid #000; width:90px; padding:0 0 10px 0; margin:0 0 10px 0;  }

}

@media screen and (max-width:480px)
{
.headerright { width:10%; }
.head .logo{ width:100%;  }
.nav-active .logo img{ width:100%; }
.banben{width:100%;  margin-right:15%; }

.logobottom{ text-align:left; margin:5% 0 10% 0; }
.logobottom img{ width:70%; margin:0 auto; }

.team_list dl dt{ width:40%; }
.team_list dl dd{ width:46%; margin:0 0 0 8%; padding:4% 0 0 0;  }
.team_list dl dd h3{ font-size:20px; }
.team_list dl dd .h3_sup{ font-size:14px; padding:2% 0 7% 0;  }
.team_list dl dd .h3_sub{ font-size:14px; line-height:22px; height:44px; margin:8% 0; }
.team_list dl dd .team_more{ font-size:20px; line-height:18px; transition: 588ms; }

.team_view .team_pic{ width:50%; }
.team_view .team_zi{ width:100%; padding:0 0 0 0; }
.team_view .team_zi ul li .team_img{ width:20px; margin:0 0 0 0; }
.team_view .team_zi ul li p{ width:90%; }

.menu_team { width:100%;  }
.menu_team a, .menu_team a:link, .menu_team a:visited {  padding:0px 0%; width:29%; margin:0px 5px;   }

.dropdown-menu{left: 0px !important;}

.contactlist ul li .listcontent .content_p p{ font-size:12px; }
.contactlist ul li .listcontent .content_p img{ margin:0 10px 0 0; }

.case_list ul li .listtime{ display:none; }
.case_list ul li .listmore{  display:none; }

.o-m .ul-t li dl{ border-bottom:1px dotted #ccc; }
.o-m .ul-t li dl .listtime{ display:none; }
.o-m .ul-t li dl dd{ display:none; }
.o-m .ul-t li dl dt{ margin:0px 0 0px 0; }
.o-m .ul-t li dl dt a{margin:0px 0 10px 0; font-size:16px;  height:auto; }
}

/*手机站导航必要样式不能删除*/
@media screen and (min-width:1200px) {
.headerpagewap{display: none}
}