@charset "UTF-8";
/*格式文档*/
.width100{width:100%; }
.width100 img{ width: 100%; max-width: 100%;}

header{ position:relative;background:#fff;width:100%;text-align:center;}
.banner{height:500px; background: url(../images/topbg.jpg) top center no-repeat;background-size: cover; position: relative; overflow: hidden;}
.banner .font1{ text-align: center; width:100%; text-align:center; position: absolute;top:13%;z-index: 9; }
.banner .font1 img{ width: 70%;margin: 0 auto;}

.banner .font2{ text-align: center; width:100%; text-align:center; position: absolute;top:46%;z-index:8;}
.banner .font2 img{ width: 70%;margin: 0 auto;}

.bannermenu{ width:98%; margin: 0 auto; text-align: center;margin-top:-40px;position:relative; z-index:8;}
.bannermenu li{height:60px;width:24%; display: inline-block; box-shadow:3px 3px rgba(0,0,0,.2); background: #9d090f; border-radius: 6px;color:#fff;line-height: 60px; font-size: 16px;outline: 1px dashed rgba(255,255,255,.5);outline-offset: -5px;}
.bannermenu li a{color:#fff;}

	
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#df203d;width:26px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:16px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fdf3e4;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


.Menu{ overflow: hidden;margin:0 auto; width:98%;}
.Menu li{width:32.5%; float:left;border-right:1px solid #1f95e6; border-bottom: 1px solid #1f95e6;height:40px; text-align:center;line-height: 40px;color:#fff;font-size:18px;}
.Menu li:nth-child(3n){border-right:none; }
.Menu li a{color:#fff;}

.f100{ font-weight:100;}

.title{height:auto; width:94%;background:rgba(214,190,155,.3); box-sizing:border-box;padding:15px 10px;text-align: center;font-weight: normal;margin:30px auto 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.05); color:#9d090f;}
.title h2{font-size:16px; font-weight: normal; line-height:36px;}
.title h1{font-size:32px;line-height:48px;}
.title h3{font-size:12px;line-height:16px;color:rgba(0,0,0,.5);font-weight: normal;}


.title2{ height:auto; width:94%;background:rgba(0,0,0,.1); box-sizing:border-box;padding:15px 10px;text-align: center;color:#fff; font-weight: normal;margin:0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.05);}
.title2 h2{font-size:16px; font-weight: normal; line-height:36px;}
.title2 h1{font-size:32px;line-height:48px;}
.title2 h3{font-size:12px;line-height:16px;color:rgba(255,255,255,.5);font-weight: normal; line-height:36px;}

.title3{ height:auto; width:100%;background:url(../images/projecttitle.png); box-sizing:border-box;text-align: center;color:#fff; font-weight: normal;margin:0 auto; padding:30px 20px 20px 20px; background-size: 100% 100%;}
.title3 h2{font-size:16px; font-weight: normal; line-height:36px;}
.title3 h1{font-size:32px;line-height:48px;}
.title3 h3{font-size:12px;line-height:16px;color:rgba(255,255,255,.5);font-weight: normal; line-height:36px;}

.contenttop{ width: 100%;margin-top:0px;}
.contenttop img{ width: 100%;}
.contentred{ background: #9d090f; overflow: hidden;}
.contentbot{ width: 100%;}
.contentbot img{ width: 100%;}

.about{ width:98%; box-sizing: border-box; padding:10px; margin: -20px auto 0 auto; z-index: 3; position: relative; border-radius: 6px; background:rgba(0,0,0,.05);color:#f0d9bc;}
.about h1{ font-size:30px; color:#9d090f; text-align: center;}

.about ul{ text-align: center;margin:4px auto;}
.about ul li{line-height:40px;margin:8px 1%;display: inline-block; text-align:center;width:29%;border-radius: 40px;background: #8b1217;color:#fcf1e3;height:40px;}



.content{padding:10px;}
.content img{ display: block;max-width:100%; margin: 5px auto; position: relative;z-index: 2;}
.content h2{font-size:16px; text-align: center;color:#fdf3e7;margin-bottom:8px;}
.content h1{font-size:18px; text-align: center;color:#e5c59a;margin-bottom:8px;}

.pro_list{height: auto;width:96%;margin:15px auto;}
.pro_list li{ text-align:center; background#fff; text-align:center;width:47%; display: inline-block;margin:1%;  overflow: hidden;}
.pro_list li img{height:150px;width:100%;border-radius: 4px;}
.pro_list li h2{font-size: 15px;border-radius: 4px; font-weight: 100; display: block;height:36px; line-height: 36px; background: #9d090f; color:#fff;margin-top:10px;}
.pro_list li h2 a{color:#fff;}


.content_link{ margin:15px auto;}
.content_link a{ background: #333;color:#fff; height:40px; width:160px; text-align: center;line-height: 40px; display: block;margin:0 auto;border-radius: 4px;}


.newslist{width:92%;margin:20px auto; overflow: hidden;}
.newslist li{margin:8px 0;color:#333; font-size: 15px;border-bottom:1px dashed #dedede; position: relative;overflow: hidden;padding-bottom:7px;}
.newslist li h2{line-height:32px;color:#333;font-size: 15px; font-weight: normal;}
.newslist span{font-size:12px; color:#999; display: block; position: absolute;right: 0; top: 0;}
.newslist li i{color:#df3435;padding-right:10px;}

.focus2{width:94%; height: auto;  margin:15px auto 0 auto; position:relative; overflow:hidden;   }
.focus2 .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus2 .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7);-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus2 .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus2 .hd ul .on{ background:#FE6C9C;}
.focus2 .bd{ position:relative; z-index:0; }
.focus2 .bd li img{ width:100%;  height: 240px;}
.focus2 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }


.endbg{height:45px;}
.endmenu{ position:fixed;z-index:9999;height:45px; border-top:1px solid #b41718;width:100%; left:0; bottom:0;background:#c30102;overflow: hidden;}
.endmenu li{height: 45px; line-height:45px;width: 32%; display: inline-block; text-align: center; border-right:1px solid rgba(255,255,255,.5);}
.endmenu li img{ height: auto; width:24px;display: inline-block; margin-right: 8px;}
.endmenu li:nth-child(3){ border-right: none;}
.endmenu li a{color:#fff;;}

.page{ padding:30px 0; text-align:center; font-size:12px;}
.page_num{padding:25px 0; width: 80%; margin: 0 auto; text-align: center;}
.page_num li{ display: inline-block;width: auto;padding:0 15px;background:#444;line-height:30px; text-align: center;font-size:14px;margin:0 5px;color:#fff; border-radius:6px;}
.page_num li a{color:#fff;}

/*新闻中心*/
.ny_news{width:90%;margin:20px auto;}
.ny_news li{margin: 15px 0; background:#1076b8;-moz-box-shadow: 0px 5px 5px #168fa0; -webkit-box-shadow:0px 5px 5px #168fa0; box-shadow:0px 5px 5px #168fa0;padding:0 5%;color:#fff; font-size: 15px; height: 36px; line-height: 36px; border-radius: 30px;}
/*内页*/
.ny_content{width:90%; margin:20px auto;line-height: 26px; font-size: 15px;}
.ny_content img{max-width: 90%;margin: 15px auto;}

.ny_content input{ display:inline-block;width:100%;border:1px solid #0172c0;height: 40px;line-height: 40px; background: #fff; border-radius: 6px;color:#333333; text-indent:12px; margin:5px auto;}
.ny_content h2{font-size:18px; color:#c30102; text-align: center;line-height:30px;padding:10px 0;margin-bottom: 15px; font-weight: normal; border-bottom:1px solid #f0f0f0;}
.ny_content .w_tit{ color:#c30102;height:40px;font-size: 16px; line-height: 40px; margin-bottom:5px; font-weight:800;}

.work_name{ width:90%; margin:20px auto 10px auto;position:relative;overflow: hidden;}
.work_name h2{ width: 70%;padding:5px;font-size: 18px;line-height:36px; font-weight: 800;color:#9d0a10}
.work_name span{color:#999; position: absolute; right: 0;top:16px;font-size: 12px;}

.work_details{width: 100%; margin-top: 15px; border-top: 7px solid #e4d3be;}

.work_d{ width:90%;margin:15px auto;}
.work_d h2{color: #bf0c17;font-size: 16px;height:40px;  font-weight:normal;line-height: 36px;margin-bottom: 10px; border-bottom: 1px solid #f0f0f0;}
.work_d h2 span{font-size:12px;color:#666;}
.work_d ul li{line-height:24px; font-size:15px;margin-bottom: 10px; overflow: hidden;}
.work_d ul li h3{padding-right: 15px; font-size:15px;color:#666;font-weight: normal; float: left;}


.select_container_nw{position:relative;width:auto;font-size:15px;font-weight:300;display:inline-block}
.select_main{position:relative;width:inherit;border:1px solid #0172c0;height:35px; border-radius:4px;cursor:pointer}
.select_content{display:block; text-indent:24px;line-height:35px;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none}
.select_content::after{content:'';position:absolute;right:0;top:0;bottom:0;width:40px;border-radius:0 2px 2px 0;box-shadow:inset -55px 0 25px -20px #fff}
.select_input{padding-left:10px;padding-right:32px;font-size:15px;overflow:hidden;outline:0;height:25px;border:0;border-bottom:1px solid #00bb9c;z-index:1}
.search_svg{position:absolute;top:2px;right:3px;z-index:2}
.select_arrow,.select_arrow_after{content:'';position:absolute;right:6px;top:42%;border:8px solid transparent;border-top:8px solid #0172c0;z-index:2;-webkit-transform-origin:50% 20%;-moz-transform-origin:50% 20%;-ms-transform-origin:50% 20%;transform-origin:50% 20%;transition:all 150ms ease-in-out;cursor:pointer}
.select_arrow_after{cursor:pointer;margin-top:-1px;right:6px;border-top-color:#fff}
.select_list{position:absolute;left:0;top:100%;width:inherit;border:1px solid #0172c0;border-top:0;background-color:#fff;overflow:hidden;display:none;z-index:999;}
.select_list>.select_list_body ul{margin:0;padding:0;list-style:none}
.select_list>.select_list_body ul li{padding-top:4px;padding-bottom:4px;cursor:pointer;user-select:none;-webkit-user-select:none;overflow:hidden;text-indent:10px}
.select_list>.select_list_body ul li:hover{background-color:#fff;color:#fff}
.cast_rotate{transform-origin:50% 20%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.select_list_body{max-height:200px;overflow:hidden}
.list_current{display:none}
.no_result{display:none;text-align:center;color:#00bb9c}