/* CSS Document */
@charset "utf-8";
*{margin:0px;padding:0px;}
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a{border:none;text-decoration:none;}
body{font-size:14px; margin:0px; padding:0px; padding-bottom:60px;font-family:"寰蒋闆呴粦";}
input{margin:0px;:0px; outline:none;}
input:focus{outline:none;}
a:hover,a:active,a:visited{ text-decoration:none;}
.cscreen{position:absolute;top:0;left:0;z-index:30;background:#000;opacity:0.70;filter:alpha(opacity=70);-moz-opacity:0.70;}
/* 鍒嗛〉 */
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 3;color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination-sm > li > a,
.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;line-height: 1.5;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.page{ text-align:center; clear:both;}
.page li.active a{ background:#0093dd; border:solid 1px #0093dd;}

.head{ height:50px; width:100%; background:#fff; overflow:hidden;border-bottom:1px solid #e6e6e6;}
.head .search{ width:10%; height:50px;float:left; cursor:pointer; display:block; text-align:center;}
.head .search img{ position:relative; left:0px; top:15px;}
.head .logopic{ width:80%; height:50px; line-height:50px; text-align:center; color:#333; float:left; font-size:16px;}
.head .logopic img{ position:relative; top:7px; margin:0 0px 0 0;}
.head .type{ width:10%; height:50px; float:right;cursor:pointer; display:block;}
.head .type img{ position:relative; top:15px; right:0px;}

.catalog_nav{ position:fixed; width:40%; height:100%; background:url(../images/opacity.png) repeat; right:-50%; top:0; z-index:99; color:#fff; display:none;}
.nav_list{ width:100%; height:auto; position:relative;}
.nav_list a{ color:#fff; height:36px; line-height:36px; border-bottom:1px dotted #dedede; display:block; width:95%; font-size:14px; margin:5px auto 0 auto; padding-left:8px;}
.close_btn{ position:absolute; top:0px; left:-30px; width:30px; height:30px; color:#fff; display:none;}

.copyright {width:100%;height:70px; overflow:hidden;background:#fff;text-align:center;margin-top:-20px; border-top:1px solid #e1e1e1;}
.copyright .text {height:40px;margin-top:10px;}
.copyright .text p {font-size:13px;color:#000;margin-top:10px;}

.swiper_layout {height:auto;}
.swiper-slide a{ display:block; width:100%;}

.bottom {width:100%;height:60px;position:fixed;bottom:0px;background:#0093dd; z-index:5;}
.bottom li {width:25%;height:60px;float:left;line-height:20px;margin-top:2%;text-align:center;}
.bottom li a {color:#fff;}

.m_line{ width:100%; height:20px; background:#f2f2f2; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; clear:both;}

.m_typediv{ width:100%; height:33px; line-height:25px; border-bottom:1px solid #e1e1e1; overflow:hidden; clear:both; padding-top:7px;}
.m_typediv .left{ float:left; font-size:16px; color:#333;margin-left:8px; padding-left:15px; background:url(../images/m_arr.png) no-repeat 0px center; background-size:10px 10px;}
.m_typediv .left span{ display:block; float:left; width:26px; height:26px; border-radius:13px; background:#0093dd; text-align:center; margin-right:5px;}
.m_typediv .left span img{ margin-top:4px;}
.m_typediv .right{ float:right; margin-right:8px;}
.m_typediv .right a{ color:#999;}
.m_typediv .right a:hover{ color:#0093dd;}

.m_news{ width:96%; height:auto; margin:0px auto 20px auto; overflow:hidden; clear:both;}
.m_news .first{ width:100%; height:115px; margin-top:15px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.m_news .first li{ display:block; float:left;}
.m_news .first .pic{ width:34%; height:100%; float:left; overflow:hidden; margin-right:3%;}
.m_news .first .pic a{ display:block; width:100%; height:100px;}
.m_news .first .title{ width:63%; height:25px; line-height:25px; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_news .first .title a{ color:#333;}
.m_news .first .intro{ width:63%; height:48px; color:#999; font-size:12px; line-height:22px; float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:5px;}
.m_news .first .date{width:63%; height:25px; color:#bbb; font-size:10px; line-height:25px; float:left;}
.m_news .first:hover a,.m_news .new-list li:hover a{ color:#0093dd;}
.m_news .new-list li{ display:block; width:100%; cursor:pointer; height:35px; border-bottom:1px dashed #e1e1e1; line-height:35px;}
.m_news .new-list a{ width:75%; float:left; color:#333;display:block; height:35px; overflow:hidden;}
.m_news .new-list span{ float:right; color:#999; font-size:12px;}

.m_adv{ width:100%; height:auto; overflow:hidden; clear:both;}

.news .first:nth-child(3){ border-bottom:none;}

.m_design{ width:95%; height:auto; overflow:hidden; clear:both; margin:0px auto;}
.m_design .design-list{ width:47%; height:auto; overflow:hidden; float:left; margin-top:20px; position:relative;}
.m_design .design-list img{ width:100%;}
.m_design .design-list .words{height:26px; width:98%; position:absolute; bottom:0px; left:2%; color:#0093dd; font-size:14px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_design .design-list:nth-child(2n){ float:right;}
.m_design .design-list:nth-child(3){ margin-bottom:20px;}

.processdiv{ width:95%; height:auto; overflow:hidden; clear:both; margin:10px auto 15px auto;}

.type_div{ width:98%; height:auto;overflow:hidden; clear:both; margin:0px auto 10px auto;}
.type_div .m_type_list,.in_type_list{display:block;height:auto;margin-top:20px;text-align:center; position:relative; overflow:hidden; padding-bottom:40px;}
.type_div .m_type_list .words,.in_type_list .words{ width:100%; color:#000; font-size:15px; line-height:30px; overflow:hidden;}
.type_div .m_type_list:hover .words,.design_div .m_design_list:hover .words,.in_type_list:hover .words{ color:#0093dd;}

.design_div{ width:98%; height:auto;overflow:hidden; clear:both; margin:0px auto 0px auto;}
.design_div .m_design_list{ display:block; height:auto; margin-top:20px; text-align:center; margin-bottom:40px;}
.design_div .m_design_list .words{ width:100%; color:#000; font-size:15px; height:30px; line-height:30px; overflow:hidden;}
/* 鍐呴〉 */
.body_bg{height:auto; min-height:450px; margin:0px auto; width:100%; padding-top:10px; overflow:hidden;}

.info_body {width:95%;height:40px;line-height:40px;background:#efefef;border:1px solid #ccc;margin:10px auto;}
.info_body p {float:left;margin-left:10px;color:#000; width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.info_body p a {color:#000;}
.info_body img {float:right;margin-top:15px;margin-right:10px;}

.info_bot {width:96%;margin:10px auto 0 auto; background:#fff;}
.info_bot .title {line-height:30px;text-align:center; font-size:16px;}
.info_bot .date{display:block;font-size:12px;text-align:center;}
.info_bot .cont {line-height:200%;margin:10px auto 0 auto;overflow:hidden; width:98%;}
.info_bot .cont table{ max-width:100%;}
.info_bot img {max-width:100%;text-align:center; display:block; margin:4px auto 0px auto;}

.list {width:100%; padding-bottom:60px; height:auto; margin-top:10px; padding-top:5px;}
.list ul{ margin-top:20px; width:96%;margin:0px auto; }
.list li {height:30px;line-height:30px;border-bottom:1px dashed #e7e7e7;overflow:hidden;}
.list li a {color:#000;float:left; display:block; width:72%;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list li a:hover {color:#0093dd;}
.list li span {float:right;color:#999;}

.m_list{ width:96%; margin:20px auto 0px auto; padding-bottom:60px; height:auto;}
.m_list .m_caselist{border:1px solid #e1e1e1;height:auto; display:block; overflow:hidden; background:#fff; margin-bottom:10px; width:48%; float:left;}
.m_list .m_caselist:nth-child(2n){ float:right;}
.m_list .word{ width:100%; margin:0px auto; height:30px;overflow:hidden; line-height:26px; text-align:center; color:#666;}
.m_list .m_caselist:hover .word{ color:#0093dd;}


.maboutdiv{ width:96%; height:auto; line-height:24px; margin:0px auto 10px auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
.maboutdiv p{ width:96%; height:auto; line-height:24px; margin:0px auto 10px auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}

.team_div{ width:98%; height:auto;overflow:hidden; clear:both; margin:0px auto 0px auto;}

.inner_pro_categ{ width:96%; margin:20px 2% 0px auto; height:auto; overflow:hidden;}
.inner_pro_categ a{ width:25%; height:30px; float:left; line-height:30px; text-align:center; border:1px solid #dedede; box-sizing:border-box; color:#0093dd;border-left:none; overflow:hidden;}
.inner_pro_categ a.hover{ color:#fff; background:#0093dd; border:1px solid #0093dd; box-sizing:border-box;border-left:none;}
.inner_pro_categ a:nth-child(4n+1){ border-left:1px solid #dedede;}
.inner_pro_categ a:nth-child(n+5){ border-top:none;}

.list .m_news li{ border-bottom:none;}