@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
/*table{border-collapse:collapse;border-spacing:0;padding:0; }
caption,th{text-align:left;font-weight:normal; }*/
html,body,fieldset,img,iframe,abbr{ border:0; }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
select{ outline:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; }
input,textarea{ overflow:auto; resize:none; font-family:Arial; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
td{ border:1px solid #333333; }
/* CSS Document */

body{ padding:0px; margin: 0px; font-family:Arial; background-color:rgb(51, 102, 153); }
html,body{ font-size:12px; line-height:2; }

.hidden{ overflow:hidden; }
.width950{ width:950px; }
.margin{ margin:0px auto; }
.bg_q{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background-repeat:no-repeat; background-position:center; background-size:cover; }
img{ max-width:100%; max-height:100%; vertical-align:middle; }
video,textarea{ vertical-align:middle; }

div::-webkit-scrollbar{ width:4px; }
div::-webkit-scrollbar-track{ background-color:#cccccc; }
div::-webkit-scrollbar-thumb{ background-color:#0b1eae; }
div::-webkit-scrollbar-thumb:hover{ background-color:#0b1eae; }
div::-webkit-scrollbar-thumb:active{ background-color:#0b1eae; }

/*top_bg*/
.top_bg{ height:124px; padding-bottom: 6px; background:url(../images/top_bg.jpg) no-repeat scroll center; display: flex; justify-content: space-between; }
.top_bg a.logo{ height:124px; display:flex; align-items:center; }
.top_bg .top_r{ min-width:335px; padding-right:25px; }
.top_bg .top_r div.t{ padding-top:12px; text-align:right; }
.top_bg .top_r div.t a{ color:#9ab0c0; line-height:20px; }
.top_bg .top_r div.t a:hover{ text-decoration:underline; }
.top_bg .top_r form{ display:block; margin-top:20px; overflow: hidden; padding-left:60px; background: url(../images/search_pic01.gif) no-repeat scroll left center; }
.top_bg .top_r form div{ float:right; height:24px; line-height: 22px; color: #ffffff; }
.top_bg .top_r form div .input{ border:1px solid #181818; width:215px; height:22px; line-height:22px; background-color: #d0d0d0; }
.top_bg .top_r form div.globalsearchform1{ line-height:24px; }

/*top_mu*/
.top_mu{ height:36px; line-height: 36px; background:url(../images/menubg.jpg) repeat-x; padding:0px 72px; display: flex; flex-wrap: wrap; justify-content: left; }
.top_mu a{ padding:0px 19px 0px 23px; display: block; background:url(../images/menu.gif) no-repeat scroll left center; color:#ffffff; }
.top_mu a:hover{ color:#ffcc00; }
.top_mu a:nth-child(1){ padding-left:0px; background:none; }

/* banner */
.banner,.banner .swiper-wrapper,.banner .swiper-wrapper .swiper-slide{ min-height:250px; }
.banner{ width: 100%; overflow: hidden; position: relative; }
.banner .swiper-wrapper{  }
.banner .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }

.banner .page{ position:absolute; left:0px; width:100%; bottom:10px; z-index:9; text-align:center; }
.banner .page span{ display:inline-block; width:12px; height:12px; border-radius:50%; margin:0px 3px; background-color:#ffffff; opacity:0.5; }
.banner .page span.on{ opacity:1; }

/*i_content*/
.i_content{ height:717px; background:url(../images/i_content.jpg) no-repeat scroll center bottom; display: flex; justify-content: space-between; }
.i_content .xx_l,.i_content .xx_r{ height:657px; padding:50px 0px 0px; }
.i_content .xx_l{ width:180px; margin-left:10px; }
.i_content .xx_l .lm_t{ height: 26px; background: url(../images/lm_t.png) no-repeat scroll left center; padding-left:28px; color:#2f2e2c; line-height:26px; }
.i_content .xx_l .lm{ height:420px; overflow-x: hidden; overflow-y: auto; line-height:1.5; margin-bottom:20px; }
.i_content .xx_l .lm a{ display:block; background:url(../images/dot2.gif) no-repeat scroll left bottom; padding-left:20px; color:#2e2e2e; line-height:3; }
.i_content .xx_l .lm a:hover{ color: #ff0000; }

.i_content .xx_l .lxwm{ margin: 10px 0px; height: 140px; overflow-x: hidden; overflow-y: auto; }

.i_content .xx_r{ width:640px; padding-right:45px; display: flex; justify-content: space-between; }
.i_content .xx_r .xx_r_l{ width:360px; }
.i_content .xx_r .xx_r_l .tit{ display: flex; justify-content: space-between; height:36px; line-height:36px; background:url(../images/xx_r.png) no-repeat scroll left bottom; margin-bottom:10px; }
.i_content .xx_r .xx_r_l .tit b{ padding-left:18px; font-size:14px; color:#404040; }
.i_content .xx_r .xx_r_l .tit a{ color:#555555; }
.i_content .xx_r .xx_r_l .tit a:hover{ text-decoration:underline; }

.i_content .xx_r .xx_r_l .i_about{ color:#3f3f3f; height:160px; overflow:hidden; }

.i_content .xx_r .xx_r_l ul.i_news{ overflow:hidden; min-height:120px; }
.i_content .xx_r .xx_r_l ul.i_news li{ display: flex; justify-content: space-between; }
.i_content .xx_r .xx_r_l ul.i_news li a{ color:#3b3a38; width:70%; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; padding-left:15px; background:url(../images/bar2.gif) no-repeat scroll left center; }
.i_content .xx_r .xx_r_l ul.i_news li i{ color:#8c8c8c; }
.i_content .xx_r .xx_r_l ul.i_products{ width:102%; display: flex; flex-wrap: wrap; justify-content: left; }
.i_content .xx_r .xx_r_l ul.i_products li{ width:118px; margin-bottom:10px; margin-right:4px; }
.i_content .xx_r .xx_r_l ul.i_products li a{ display:block; }
.i_content .xx_r .xx_r_l ul.i_products li a ol{ height:85px; background:url(../images/pic_bg.jpg) no-repeat scroll center; position:relative; }
.i_content .xx_r .xx_r_l ul.i_products li a ol img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; max-height:77px; max-width:108px; margin:auto; }
.i_content .xx_r .xx_r_l ul.i_products li a dd{ margin-top:2px; color:#333333; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; text-align:center; }
.i_content .xx_r .xx_r_l ul.i_products li a:hover dd{ color: #ff0000; text-decoration: underline; }

.i_content .xx_r .xx_r_r{ width:240px; }
.i_content .xx_r .xx_r_r .i_lb{ margin-bottom:10px; }
.i_content .xx_r .xx_r_r .i_lb div.t{ background-repeat:no-repeat; background-position:center top; height:130px; }
.i_content .xx_r .xx_r_r .lb_t div.t{ background-image:url(../images/Projects.jpg); }
.i_content .xx_r .xx_r_r .lb_f div.t{ background-image:url(../images/information.jpg); }
.i_content .xx_r .xx_r_r .i_lb div.t b{ font-size:14px; color:#404040; padding-left:22px; }
.i_content .xx_r .xx_r_r .i_lb div.f{ border:1px solid #cadcea; border-top:0px; border-radius:0px 0px 8px 8px; padding:15px 10px; }
.i_content .xx_r .xx_r_r .lb_t div.f{ height:134px; }
.i_content .xx_r .xx_r_r .lb_f div.f{ height:70px; }
.i_content .xx_r .xx_r_r .i_lb div.f a{ display:block; border-bottom:1px solid #e4e4e4; line-height:25px; height:25px; padding-left:15px; background:url(../images/jt.gif) no-repeat scroll left center; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; color:#3f3f3f; }
.i_content .xx_r .xx_r_r .i_lb div.f a:hover{ color:#ff0000; }

.i_content .xx_r .xx_r_r .khly{ text-align:center; margin-top:10px; }
.i_content .xx_r .xx_r_r .khly a{ display:block; }

/*foot_bg*/
.foot_bg{ text-align:center; padding-top:10px; color:#ffffff; }
.foot_bg a{ color:#ffffff; line-height:2.5; margin:0px 5px; }
.foot_bg a:hover{ color:#ff0000; }

/*ny_xx*/
.ny_xx{ margin-top:25px; background:url(../images/ny_xx.jpg) repeat-y scroll center top; padding-bottom: 50px; display: flex; justify-content: space-between; }
.ny_xx .xx_l,.ny_xx .xx_r{ min-height:657px; overflow: hidden; padding-top:20px; }
.ny_xx .xx_l{ width:180px; margin-left:10px; }
.ny_xx .xx_l .lm_t{ height: 26px; line-height: 26px; background: url(../images/lm_t.png) no-repeat scroll left center; padding-left:28px; color:#2f2e2c; }
.ny_xx .xx_l .lm{ max-height:420px; overflow-x: hidden; overflow-y: auto; line-height:1.5; margin-bottom:20px; }
.ny_xx .xx_l .lm a{ display:block; background:url(../images/dot2.gif) no-repeat scroll left bottom; padding:10px 5px 10px 20px; color:#2e2e2e; line-height:1.75; }
.ny_xx .xx_l .lm a:hover{ color: #ff0000; }

.ny_xx .xx_l .lxwm{ margin: 10px 0px; height: 140px; overflow-x: hidden; overflow-y: auto; }

.ny_xx .xx_l .so{ margin-top:10px; }
.ny_xx .xx_l .so input,.ny_xx .xx_l .so button{  border:1px solid #333333; outline:none; }
.ny_xx .xx_l .so input{ width: 90%; padding: 0px 3%; font-size: 14px; line-height: 2; }
.ny_xx .xx_l .so button{ margin-top:10px; padding:1px 10px; }


.ny_xx .xx_r{ width:640px; padding-right:45px; }
.ny_xx .xx_r .tit{ height: 25px; line-height: 25px; text-transform:capitalize; padding-left: 24px; background:url(../images/title.gif) no-repeat scroll left center; color:#6a6a6a; }
.ny_xx .xx_r .home{ text-align:right; }
.ny_xx .xx_r .home a{ color:#636363; }
.ny_xx .xx_r .home a:hover{ text-decoration:underline; }
.ny_xx .xx_r .xx{ margin-top:20px; min-height:565px; font-size:14px; color:#555555; line-height:2; }

ul.cp_lb{ width:102%; display: flex; flex-wrap: wrap; justify-content: left; margin-top:20px; }
ul.cp_lb li{ width:152px; margin-bottom:15px; margin-right:10px; }
ul.cp_lb li a{ display:block; }
ul.cp_lb li a ol{ height:108px; background:url(../images/pic_bg2.jpg) no-repeat scroll center; position:relative; }
ul.cp_lb li a ol img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; max-height:77px; max-width:108px; margin:auto; }
ul.cp_lb li a dd{ margin-top:10px; color:#333333; }
ul.cp_lb li a:hover dd{ color: #ff0000; text-decoration: underline; }

.cp_show{ padding-bottom:10px; margin-top: 10px; border-bottom:2px solid #eeeeee; display: flex; justify-content: space-between; }
.cp_show div.l{ border:1px solid #dddddd; position:relative; height:270px; width:315px; }
.cp_show div.l img{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto; max-height:94%; max-width:94%; }

.cp_show div.r{ width:320px; }
.cp_show div.r dd{ background-color:#f5f5f5; font-weight:bold; padding:0px 15px; font-size:14px; line-height:2; }
.cp_show div.r dl{ position:15px; line-height:2; }

.cp_xx{ margin-top:20px; min-height:300px; }

ul.xw_lb{ overflow:hidden; margin-top:20px; min-height:300px; }
ul.xw_lb li{ display: flex; justify-content: space-between; border-bottom:1px dotted #eeeeee; line-height:2; }
ul.xw_lb li a{ color:#3b3a38; width:70%; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; padding-left:15px; background:url(../images/bar2.gif) no-repeat scroll left center; }
ul.xw_lb li a:hover{ color:#ff0000; }
ul.xw_lb li i{ color:#8c8c8c; }

.xw_show{ min-height:300px; }
.xw_show div.t{ font-size:24px; font-weight:bold; color:#505050; text-align: center; }
.xw_show div.n{ height: 28px;line-height: 28px; border: 1px #e8e8e8 solid; margin: 10px 0px; text-align: center; background-color: #f7f7f7; }
.xw_show div.f{ margin-top:20px; min-height:300px; font-size:14px; color:#555555; line-height:2; }

ul.tp_lb{ display: flex; flex-wrap: wrap; justify-content: left; margin-top: 20px; }
ul.tp_lb li{ width:30%;  margin-right: 3%; margin-bottom: 15px;}
ul.tp_lb li a{ display:block; }
ul.tp_lb li a ol{ border: 1px solid #b1b1b1; background-color:#f7f7f7; padding:2px; }
ul.tp_lb li a ol img{}
ul.tp_lb li a dd{ color:#000000; line-height:2; text-align: center; }

.tp_show{ border:1px #ddd solid; background:#f0f0f0; padding:10px; }
.tp_show div.i{ display: flex; flex-wrap: wrap; justify-content: center; padding:15px; border:1px #dddddd solid; background-color:#ffffff; }
.tp_show div.ms{ margin-top:10px; border:1px #ddd solid; background-color:#f9f9f9; padding:10px 20px; }
.tp_show div.ms dd{ font-size:16px; line-height:1.5; font-weight:bold; }
.tp_show div.ms dl{ color: #505050; line-height:2; }

.job_lb{ min-height:300px; }
.job_lb div{ display: flex; line-height:2.75; justify-content: space-between; border-bottom:2px #e8e8e8 solid; }
.job_lb div.t{ background:#f5f5f5; }
.job_lb div .bt{ width:300px; }
.job_lb div .bt a{ display:block; color:#505050; }
.job_lb div .bt a:hover{ color:#ff0000; text-decoration:underline; }
.job_lb div .bk{ width:130px; }
.job_lb div .au{ width:90px; }
.job_lb div .cl{ width:50px; }
.job_lb div .cl a{ display:block; color:#505050; }
.job_lb div .cl a:hover{ color:#ff0000; text-decoration:underline; }

.job_show{ min-height:300px; }
.job_show .jobtit{
	margin:5px 0px;
	background:url(../images/downarr.gif) 60px no-repeat;
}
.job_show .jobintro{
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	padding:15px 3px;
}
.job_show  .sq{
	margin:15px 0px;
	height: 25px;
    display: block;
    background-color: #dddddd;
    padding-left: 12px;
    line-height: 25px;
    font-weight: bold;
}



ul.so_q{ overflow:hidden; }
ul.so_q li{ overflow:hidden; margin-bottom:20px; display: flex; justify-content: space-between; }
ul.so_q li div.l{ width:80%; }
ul.so_q li div.l dd{ font-size:14px; line-height:2; }
ul.so_q li div.l dd a{ display:block; color:#333333; }
ul.so_q li div.l dl{ margin-top:10px; }
ul.so_q li div.l dl a{ color:#248a4d; }
ul.so_q li div.r{ line-height:2; }

/*layui-layer-dialog*/
.layui-layer-dialog{ position: fixed; top: 50% !important; }

/*fenye*/
.fenye{ margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: center; font-size:14px;  border:0px !important; }
.fenye i{ display:none; }
.fenye a{ color:#888888; }
.fenye a i.fa{ display:inline-block; }
.fenye a,.fenye span{ border: 1px solid #eeeeee; display:inline-block; border-radius:8px; height:32px; display:flex; align-items:center; overflow: hidden; padding:0px 11px; margin:0px 6px; background-color:#ffffff; }
.fenye a:hover,.fenye span{ color:#ffffff; background-color:#00489a; border: 1px solid #00489a; }
.fenye a i{ font-size:32px; }

/*no*/
.no{ background-color:#ffffff; text-align:center; width:100% !important; margin:0px !important; padding:32px 0px; font-size:32px; }
.no strong{ color:#ff0000; }

/*w404*/
.w404{ min-height:100vh; display:flex; align-items:center; }
.w404 .c{ width:100%; text-align:center; padding:10vh 0px; }
.w404 .c ol{ margin-bottom:32px; }
.w404 .c ol img{ max-width:35%; }
.w404 .c dd{ font-size:24px; color:#333333; }
.w404 .c a,.w404 .c a:hover{ transition:all .5s ease; display:block; }
.w404 .c a{ width:80%; max-width:180px; margin:32px auto 0px; line-height:3; font-size:16px; color:#ffffff; background-color:#d66f09; }
.w404 .c a:hover{ background-color:#ee7c30; }

/*msg*/
.msg{ padding:96px 0px; }
.msg div.c{ text-align:center; padding:10vh 0px; }
.msg div.c dd{ text-align:center; font-size:24px; font-weight:bold; }
.msg div.c dl{ margin-top:32px; font-size:16px; }
.msg div.c dl a,.msg div.c dl a:hover{ transition:all .5s ease; }
.msg div.c dl a{ display:inline-block; border:1px solid #f4313f; width:160px; margin:0px 16px; line-height:3; color:#f4313f; }
.msg div.c dl a:hover{ background-color:#f4313f; color:#ffffff; }
