@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body {color:#111; font-size:14px; line-height:1.8em; max-width:780px; margin:0 auto; font-family:"Arial"; background-color:#FFF;}
a{text-decoration:none; color:#111; cursor:pointer;}
ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0; }
h1,h2,h3,h4,h5,h6{ padding:0; margin:0;}
i,em{ font-style:normal;}
img{ border:none; display:block;}
.wrap{ width:100%; margin:0 auto; overflow:hidden;}
input,select{ border-radius:0;outline:none;}
textarea { resize:none; outline:none;}
.clearfix{clear: both;}
input {-webkit-appearance:none; /*去除input默认样式*/}
/*public */

.m_nav{ width:100%; max-width:780px;height:50px; align-items: center;background:#000;display: flex;justify-content: space-around;}
.m_nav ul{ clear:both; overflow:hidden;width: 100%;}
.m_nav ul li{ float:left; width:14%;  font-size:15px; text-align: center;}
.m_nav ul li a{ color: #fff;}
.m_nav ul li a:hover{ color: #cf0303;} 
.m_nav ul li a.select{ color:#E73527; font-weight:bold;}
.m_nav span{ color:#fff; font-weight:bold;line-height: 1.3;}

.blank{ height:6px; background:#F3F3F3; border-top:1px solid #EDEFF2; border-bottom:1px solid #EDEFF2;}
.banner a{ display:block;}
.banner img{ width:100%;}

.top{ width:100%; max-width:780px; height:auto; overflow:hidden;background:url(../images/logo-bg.jpg)no-repeat;background-size: cover;}
.top>ul{ clear:both; overflow:hidden; width:97%; margin:0 auto;}
.top>ul>li{ float:left; height:55px;}
.top>ul>li a{ display:block;}
.top>ul>li a img{ max-width:90%;}
.top>ul>li.top_nav { float:right;}
.top>ul>li.top_nav a{ color: #cf0303;}


.foot_link{ width:97%; margin:0 auto; padding:20px 1.5%;}
.foot_talk,.foot_tel{width:100%}
.foot_talk a{ display:block; padding:10px; font-size:22px; letter-spacing:1px; color:#FFF; text-align:center; background-color:#EB0001; border-radius:10px;}
.foot_tel{ text-align:center; font-size:22px; margin-top:30px}
.foot_tel a{ color:#EB0001; margin-left:10px; font-size:24px;}
.foot_tel a:hover{ text-decoration:underline;}
.foot{ width:97%; margin:20px auto; padding:0 1.5%; text-align:center;}
.foot ul{ overflow:hidden; display:inline-block;}
.foot ul li{ float:left; padding:0 10px; border-right:1px solid #303030; line-height:18px;}
.foot ul li:last-child{border-right:none 0}
.foot ul li a:hover{color:#EB0001;}
.foot_copy{ margin-top:15px; text-align:center;}
.foot_copy p,.foot_copy p a { color:#444; line-height:26px;}

.bottom { padding:25px 15px; background:#252a33; overflow:hidden;}
.bottom_l  { width:30%; float:left;padding-left:5%;}
.bottom_l ul li h4,.bottom_r h4 { font-size:16px; font-weight:normal; color:#fff; margin-bottom:10px;}
.bottom_l ul li a { display:block; margin-bottom:15px; font-size: 13px;color:#9c9c9c;}
.bottom_l ul li a:hover { color:#fff;}
.bottom_r { width:65%; float:right;}
.bottom_r p {color:#9c9c9c; margin-bottom:15px;font-size: 12px;}
.footer { color:#d5d4d4; background:#15181e; padding:8px 0;text-align: center;}
.footer a{ color:#d5d4d4; }

#gotoTop{ position:fixed; right:1%; bottom:50px; width:36px; height:36px;  cursor:pointer; text-indent:-999em; z-index:999999; box-sizing:border-box; background:url(../images/totop.png) no-repeat rgba(255,255,255,0.6); background-size:100% 100%; border-radius:50%; border:1px solid #DDD;}
#gotoTop:hover{ background:url(../images/totops.png) no-repeat #EB0001; background-size:100% 100%;}
.m_tel{ position:fixed; right:1%; bottom:100px; width:36px; height:36px; cursor:pointer; text-indent:-999em; background:url(../images/ico_phone.gif) no-repeat center #EB0001; background-size:30px 30px; border-radius:50%;z-index:99;}

#LRdiv0, #LRfloater0{ display:none;}
.side{ position:fixed; right:5px; top:150px; width:30px; height:85px; background:url(../images/side_btn.jpg) no-repeat;}
.side a{ position:absolute; top:0; right:0; width:11px; background:url(../images/side_close.gif) no-repeat;}


/*index*/
.index_type{ width:100%;position: relative;z-index: 9; margin:-30px auto 0;background: url(../images/nav-bg.png) no-repeat center top; }
.index_type ul{ clear:both; overflow:hidden;display: flex;align-items: flex-end;}
.index_type ul li{ float:left; width:21%; margin:0 2%; }
.index_type ul li a img{ margin:0 auto;}
.index_type ul li p{ text-align: center;margin-top: 10px;overflow: hidden;}

.index_pro{ width:99%; margin:20px auto 10px; box-sizing:border-box; overflow:hidden;}
.index_tit{ font-size:20px;text-align: center;}
.index_tit span{ color: #c00000;}
.index_pro h2{box-shadow: 0 0 8px 0 rgba(6, 0, 1, 0.27);width: 100%;height: 5px;margin-bottom: 20px;}

.index_pro ul{ clear:both; overflow:hidden; margin-top:20px;}
.index_pro ul li{ float:left; width:48%; margin:0 1% 10px; text-align:center;}
.index_pro ul li img{ width:100%; height:auto; vertical-align:top;}
.index_pro ul li a{ display:block; overflow:hidden;}
.index_pro ul li p{ font-size:15px;margin: 5px 0;}
.index_pro ul li p a:hover{ text-decoration: underline;}

.index_case ul li{ width: 23%;}
.index_about{width: 100%;height: 210px;background: url(../images/about-bg.jpg) no-repeat center;display: flex;align-items: center;}
.about_text{width: 95%;height: 180px;background: #fff;margin:0 auto;padding: 0 1%;}
.about_text .index_tit{margin: 15px 0 5px;}
.about_text p{ text-indent: 20px;font-size: 13px;}
.about_text p a{display: inline-block;width: 100px;height: 25px;background: #c00000;text-align: center;text-indent: 0;color: #fff;margin-left: 30px;line-height: 25px;}

.index_proj{ width:99%; margin:20px auto; box-sizing:border-box; overflow:hidden;}
.index_proj dl{ width:100%; padding:10px 0; display: flex;justify-content: space-between;}


.index_proj dl dt{ width:8%;background: #81878f;text-align: center;color: #fff;padding: 5px;margin-right: 2%;}
.index_proj dl dt span{ display: block;font-size: 20px;}
.index_proj dl dd{ width:90%;}
.index_proj dl dd h3{ font-size:18px; line-height:34px;}
.index_proj dl dd h3 a{ color:#333;}
.index_proj dl dd h3 a:hover{ color:#EB0001;}
.index_proj dl dd p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*company*/
.company{ width:98%; margin:25px auto 20px; box-sizing:border-box; overflow:hidden;}
.company p{ text-indent:2em; line-height:20px; margin-top:10px;font-size: 13px;}
.company .index_tit{text-align: left;font-weight: normal; font-size: 22px;}

.company_zc{ width:99%; margin:20px auto 0; box-sizing:border-box; overflow:hidden;}
.company_zc p{ text-align:center; line-height:24px; margin-top:10px;}
.company_zc p.detail img{ max-width: 100%;}
.company_zc p img{ display: inline;}

.company_w{ width:99%; margin:10px auto; box-sizing:border-box; overflow:hidden;}
.company_w ul{ clear:both; overflow:hidden; margin-top:10px;}
.company_w ul li{ float:left; width:48%; margin:0 1% 5%; text-align:center; box-shadow: 1px 1px 8px 1px rgba(23, 14, 7, 0.19);}
.company_w ul li img{ width:100%; margin:0 auto;}
.company_w ul li p{ color:#444; line-height:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.about-pro{background: url(../images/aboutbg.jpg) no-repeat top center;padding-top: 30px;background-size: cover;}
.about-link h2{color: #fff;font-size: 22px;font-weight: normal;position: relative;}
.about-link h2::before{ content: ''; display: block; position: absolute; left: 0; top: 40px; width: 80px; height: 2px; background-color: #fff;}
.about-link p{ color: #fff;margin-top: 35px;text-indent: 20px;}
.about-link p img{ display: inline;}

.aboutfour{padding:30px 0 0 0; }
.aboutfour .index_tit{font-size: 22px;font-weight: normal;}
.aboutfour .aboutfourtxt{font-size:14px; line-height:24px; color:#0e0e0e; padding:30px 0;text-indent: 20px; }
.aboutfour ul li{float:left; position:relative; }
.aboutfour ul li img{max-width: 100%; }
.aboutfour ul li:first-child{ width:316px;height: 316px;}
.aboutfour ul li:last-child{ width:432px;}
.aboutfouritem01{clear:both; height:158px; }
.leftpic img{height: 316px;}
.aboutfouritem01 .aboutfouritem01fl{float:left; position:relative; }
.aboutfouritem01 .aboutfouritem01fr{position:absolute; color:#333; text-align:left;background: rgba(255, 255, 255, 0.8); font-size:14px; padding: 20px 10px 0 10px;width: 197px;height: 158px; }
.aboutfouritem01 .aboutfouritem01fr strong{clear:both; display:block; font-size:22px; padding-bottom:15px;font-weight: normal; }

.aboutfouritem02{position:relative; height:158px; overflow:hidden;width: 216px;float: left; }
.aboutfouritem02 .aboutfouritem02pic{clear:both; display:block; }
.aboutfouritem02 .aboutfouritem02pic img{width:100%; }
.aboutfouritem02 .aboutfouritem02box{position:absolute; padding:18px; text-align:center; left:0; right:0; top:0; bottom:0; background:rgba(255, 255, 255, 0.8); font-size:14px; }
.aboutfouritem02 .aboutfouritem02box a{clear:both; display:block; color:#fff; background:#333; width:133px; margin:15px auto 0; line-height:35px;height: 35px; }

.aboutfouritem03box{position:absolute; width:155px; height:100px; bottom:0; left:0; color:#fff; background:rgba(0, 0, 0, 0.8); padding:20px; }
.aboutfouritem03box strong{clear:both; display:block;  font-size:22px; padding-bottom:18px; font-weight: normal;}
.aboutfouritem04{ width:216px;float: left;position: relative;}
.aboutfouritem04box{position:absolute; width:130px; height:70px; bottom:0; right:0; color:#fff; background:rgba(0, 0, 0, 0.5); padding:10px 10px 20px;text-align: right; }
.aboutfouritem04box strong{clear:both; display:block;  font-size:20px; padding-bottom:10px; font-weight: normal;}

.aboutfive{height: 500px;margin: 40px 0 20px;background: #f5f5f5;padding-top: 30px;}
.aboutfive .index_tit{font-size: 22px;font-weight: normal;}
.line-big{margin-top: 40px;}
.xm3{position: relative;padding-right: 15px;padding-left: 15px;min-height: 1px;width: 25%;float: left;}
.xs3{position: relative;padding-right: 15px;padding-left: 15px;min-height: 1px;width: 25%;float: left;text-align: center;}
.xm9{position: relative;min-height: 1px;width: 70%;float: left;}
.img-responsive{display: block;height: auto;max-width: 100%;}
.r li{margin: 0;padding: 0;border: 0;font-size: 14px;vertical-align: baseline;}
.r h3{font-size: 30px;margin: 0 0 30px;font-weight: normal;}
.r p{line-height: 35px;padding-left: 8px;color: #333;font-size: 14px;}



/*inside-banner*/
.box{ position: relative;width: 96%;margin: auto;}
.top-case{background: url(../images/caseban.jpg) no-repeat top center; }
.top-news{ background: url(../images/newsban.jpg) no-repeat top center; }
.top-pro{ background: url(../images/proban.jpg) no-repeat top center; }
.top-server{ background: url(../images/serverban.jpg) no-repeat top center;}
.top-about{ background: url(../images/aboutban.jpg) no-repeat top center;}
.top-cont{ background: url(../images/contactban.jpg) no-repeat top center;}
.top-com{ padding-top: 10px;height: 180px;background-size: cover; }
.top-com .top-info{position: relative;margin-top: 10px; }
.top-tit{ position: absolute; top: 0; left: 0; color: #FFF; font-size: 22px;height: 65px; font-weight: bold; line-height: 77px; padding:25px 0 0 20px; margin-bottom: 10px;  background: url(../images/topTit-bg.png) no-repeat left center;}

.pro-place{display: block; color: #FFF;font-size: 14px; padding:5px 0 5px 24px;background: url(../images/ban-ico.png) no-repeat left top+5px;white-space:nowrap;}
.pro-place a{ color: #FFF;}
.pro-place a:hover{ text-decoration: underline;}

.top-info .top-font{ float: left; color: #fff; font-size: 14px; line-height: 26px; width:74%; margin-left: 22%;}
.top-info span{ float: right;font-size: 16px; width: 130px; height: 35px; line-height: 35px; text-align: center; cursor: pointer; background-color: #c00000;}
.top-info span:hover{ background-color: #da251c;}
.top-info span a{color: #FFF;}

.news-top{ padding: 25px 0; background: url(../images/newsban.jpg) no-repeat top center; background-size: cover; }
.news-place{ display: block; color: #FFF; font-size: 14px; padding-left: 24px; background: url(../images/ban-ico.png) no-repeat left center;}
.news-place a{ color: #FFF;}
.news-place a:hover{ text-decoration: underline;}
.news-top h1{ color: #FFF; font-size: 22px; height: 104px; line-height: 104px; padding: 0 70px; margin-top: 20px; background: url(../images/news-title.png) no-repeat left center;background-size: 30%;}
.news-page{ text-align: right;float: right;    margin-top: -40px;}
.news-page a, .news-page span{ display: inline-block; margin-left: 28px; transition:all ease 0.5s;}
.news-data{ color: #fff; font-size: 16px; line-height: 20px;white-space: nowrap;}
.news-data i{ margin-left: 40px;}
/*contact*/
.col-6 {  width: 50%;}
.fl {float: left;}
.contact{ padding:50px 0;}
.contact_tel{ font-size:24px; color:#d00000; text-align:center; line-height:30px; height:30px; padding:50px 0; border-bottom:1px solid #ccc; margin-bottom:50px;}
.contact_tel span{ padding-left:60px;}
.contact_text{ margin-right:20px;position: relative}
.contact_text p{ line-height:25px; font-size:12px; margin-bottom:30px;}
.contact_text b{ font-size:14px; font-weight:700; color:#000;}
.contact_text ul{width: 150px;position: absolute;top: 0;right: 0;}
.contact_text ul li{line-height:25px; font-size:14px; margin-bottom:35px;}
.contact_text ul li.spa{ width:100%;}

.contact_list{ border-left:1px solid #ccc;padding: 60px 5% 20px;height: 320px;}
.contact_list1 li{ width:30%; float:left; text-align:center; margin:0 5px 30px;}
.contact_list2 li a,.contact_list1 li a{ width:100px; height:40px; border:1px solid #c00000; border-radius:50%; padding-top:70px; font-size:14px; display:block;color:#c00000; margin:0 auto; }
.contact_list1 li .contact_nav1{ background:#fff url(../images/contact_01.png) no-repeat 20px 15px; }
.contact_list1 li .contact_nav2{ background:#fff url(../images/contact_02.png) no-repeat 25px 20px;}
.contact_list1 li .contact_nav3{ background:#fff url(../images/contact_03.png) no-repeat 25px 20px;}
.contact_list2{ width:65%; margin:0 auto;}
.contact_list2 li{ width:50%;float:left; text-align:center;}
.contact_list2 li .contact_nav1{ background:#fff url(../images/contact_04.png) no-repeat 25px 20px; }
.contact_list2 li .contact_nav2{ background:#fff url(../images/contact_05.png) no-repeat 25px 20px;}

.message{ clear: both; overflow: hidden; background: url(../images/msg-side.png)repeat center;box-shadow: 0 0 5px rgba(30,37,79,0.2);padding:2%;border-radius: 10px;margin: 30px auto;}
.msg-show{ float: right; width: 48%;background: #fff;padding: 20px;box-shadow: 0 0 5px rgba(30,37,79,0.2);border-radius: 10px;position: relative; }
.msg-show ul{ clear: both; overflow: hidden; padding-top:5px;}
.msg-show ul li{ padding: 0 4px; margin-bottom: 15px; position: relative;display: flex;justify-content: space-between;}
.msg-show ul li input{ width:85%; height: 35px; line-height: 35px; color: #333; font-size: 16px; border:1px solid #b5b5b5; }
.msg-show ul li textarea{ font-family:Microsoft YaHei; width:85%; height: 90px; line-height: 30px; color: #333; font-size: 16px; padding-top:5px; border:1px solid #b5b5b5; margin-bottom: 0; }
.msg-show ul li i{ position: absolute; left: 40px; top: 9px; width:10px; height: 10px; background: url(../images/msg-star.png) no-repeat top center; background-size: 7px; }

.msg-btn{ clear: both; overflow: hidden; margin-top: 6px; }
.msg-btn input{ color: #fff; font-size: 16px; text-align: center; width: 150px; height: 40px; line-height: 40px; border: none;cursor: pointer;border-radius: 5px;background: #c00000;position: absolute;bottom:-20px;left: 150px; }

.msg-base{ position: relative; float: left; width: 42%;}
.msg-base dt{ font-size: 24px; line-height: 1; margin-bottom: 30px;}
.msg-base dt img{ width: 100%;}
.msg-base dd{ color: #333; height: 24px; line-height: 24px; margin-bottom: 30px;font-size: 12px;}
.msg-base dd span{ color: #bc0000;font-size: 18px;}
.msg-base dd span b{ font-size: 24px;font-weight: normal;}

/*server*/
.ser-sure{ margin-top:30px;}
.ser-tit{ padding: 25px 0; text-align: center;}
.ser-sure ul{ clear: both; overflow: hidden; margin-top: 20px; margin-left: -2%;}
.ser-sure li{ position: relative; float: left; width: 23%; margin-left: 2%;}
.ser-sure li img{ width: 100%;}
.ser-sure li span{ display: block; position: absolute; left: 0; bottom: 5px; width: 100%; text-align: center; color: #666; font-size: 14px; line-height: 22px;}
.ser-sure li span strong{ display: block; color: #333; font-size: 16px;}
.ser-sure p{ position: relative; font-size: 14px; line-height: 30px; padding: 25px; margin-top: 25px; }
.ser-sure p:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 34px; height: 34px; background: url(../images/ser-line01.png) no-repeat center; background-size: 100%;}
.ser-sure p:after{ content: ''; position: absolute; right: 0; top: 0; width: 34px; height: 34px; background: url(../images/ser-line02.png) no-repeat center; background-size: 100%;}

.ser-aim{ margin: 30px auto;}
.ser-show{ position: relative; border-radius: 6px; margin-top: 30px; background: url(../images/ser-bg.png) #c00000 no-repeat right center;background-size: contain;}
.aim-show{ position: absolute; top: 22px; right: 8%; width: 40%; padding:10px 15px; border-radius: 6px; background-color: #FFF;}
.ser-video{width: 380px;}
.ser-video img{ border-radius: 6px 0 0 6px;width: 100%;}
.aim-show dl dt{ position: relative;  font-size: 22px; font-weight: 600; line-height: 1.1; padding-bottom: 10px; margin-bottom: 5px; }
.aim-show dl dt span{ display: block; color: #666; font-size: 14px; font-weight: normal; margin-top: 10px;}
.aim-show dl dt::after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 80px; height: 2px; background-color: #c00000; }
.aim-show dl dd{ line-height: 26px; padding-left: 28px; background: url(../images/ser-icon.png) no-repeat left center;font-size: 12px;}

.ser-aim ul{ display: flex;justify-content: space-between;margin-top: 20px;}
.ser-aim ul li{ width: 32%;}
.ser-aim ul li img{ width: 100%;}
.serfive{margin:30px 0;background: #f5f5f5;padding: 30px 0;}
.sertit{text-align: center;margin-top: 30px;}
.sertit img{width: 100%;}

/*news*/


.page{ width:100%; font-size:14px; line-height:40px; text-align:center; margin:15px auto;}
.page a{ color:#999; margin-right:5px; padding:7px 11px; background:#FFF none repeat scroll 0 0; border:1px solid #CCC; }
.page a:hover{ color:#FFF; text-decoration:none; border:1px solid #C00; background:#ED2D21 none repeat scroll 0 0;}
.page .current{ color:#FFF; text-decoration:none;  margin-right:5px; padding:7px 11px; border:1px solid #C00; background:#ED2D21 none repeat scroll 0 0;}
.disabled{ color:#999; margin-right:5px; padding:7px 11px; border:1px solid #CCC; background:#FFF none repeat scroll 0 0;}



/*news*/
.module1{width: 100%;padding:30px 0;overflow: hidden;}
.news-tit{overflow: hidden;margin-bottom: 40px;}
.news-tit .tit{font-size: 24px;color: #051024;line-height: 1;float: left;}
.news-tit .more{font-size: 16px;color: #c00000;float:right;line-height: 36px;transition:all ease 0.5s;}
.news-tit a:hover{color:#d31919!important;}
.module1 .news-ct{width: 90%;border: 1px solid #cdcdcd;float: right;padding: 0 25px;position: relative;}
.module1 .news-ct .left{width: 47%;background: #fff;padding: 30px 20px;-webkit-box-shadow: 0 2px 40px #b8c9ef;
    -moz-box-shadow: 0 2px 40px #b8c9ef;box-shadow: 0 2px 40px #b8c9ef;bottom: -15px;position: absolute;
    left: -3%;border-radius: 5px;}
.swiper-slide img{width: 100%;}
.swiper-slide h5 a{font-size: 20px;color: #051024;font-weight: bold;line-height: 1.4;display: block;
    margin-bottom: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.swiper-slide .news-txt{background: #f7f5f5;padding: 15px;text-align: center;border-radius: 0 0 10px 10px;}
.swiper-slide p{height: 52px;font-size: 16px;color: #3f3f43;line-height: 1.7;text-align:  left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.swiper-slide .details{font-size: 18px;color: #051024;border: 1px solid #000000;padding: 4px 15px;border-radius: 10px;display: inline-block;margin-top: 15px;width: 110px;height: 30px;margin-left: -150px;line-height: 30px;}
.swiper-slide .details:hover{background: #d31919;border:1px solid #d31919;color:#fff;}
.swiper-slide:hover h5 a{color:#d31919;}
.module1 .news-ct .right{width: 48%;float: right;}
.module1 .news-ct .right dl{width: 100%;overflow: hidden;border-top: 1px dashed #cdcdcd;padding: 10px 8px;}
.module1 .news-ct .right dl:first-child{border:none;}
.module1 .news-ct .right dd{width: 64px;height: 64px;border: 1px solid #b9b7b7;border-radius: 5px;font-size: 14px;color: #626262;text-align: center;display: inline-block;vertical-align: bottom;padding-top: 5px;}
.module1 .news-ct .right dd span{display: block;font-size: 22px;}
.module1 .news-ct .right dt{width: 75%;display: inline-block;margin-left: 10px;vertical-align: text-bottom;}
.module1 .news-ct .right h5 a{font-size: 16px;color: #051024;display:  block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;}
.module1 .news-ct .right p{font-size: 12px;color: #3f3f43;margin-top: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.module1 .news-ct .right dl:hover h5 a{color:#d31919;}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;
    -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-button-next, .swiper-button-prev{top:93%;width: 40px;}
.swiper-button-prev{background:url("../images/prev.png") no-repeat;left: auto;right:70px; }
.swiper-button-next{background:url("../images/next.png") no-repeat; }

.module2{width: 100%;background: url("../images/newsbg.jpg") no-repeat;background-size: cover;padding: 35px 0;margin-top: 20px;}
.module2 .news-tit{margin-bottom: 50px;}
.module2 .news-tit .tit,.module2 .news-tit .more{color: #fff;}
.module2 ul{overflow: hidden;margin-left: -2.3%;}
.module2 li{width: 31%;background: #fff;float: left;margin-left: 2.3%;}
.module2 li a{overflow: hidden;display:block;}
.module2 li img{width: 100%;}
.module2 li p{font-size: 14px;color: #333333;padding: 10px 15px;height: 45px;}
.module2 li h5 a{font-size: 16px;color: #333333;padding:10px 15px 0 15px;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;}
.module2 li h5 a:hover{text-decoration: underline;}

.module3{margin: 75px 0;}
.module3 .news-tit{margin-bottom: 30px;}
.module3 ul{overflow: hidden;margin-left: -3.62%;}
.module3 li{width: 46.38%;border-bottom: 1px dashed #e2e7f1;padding: 20px 0;float: left;margin-left: 3.62%;}
.module3 li h5 a{font-size: 22px;color: #051024;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display:block;font-weight: normal;}
.module3 li .time{font-size: 14px;color: #666666;display: block;background: url("../images/time.png") left center no-repeat;padding-left: 30px;margin: 20px 0 15px 0;}
.module3 li p{height: 48px;font-size: 14px;color: #666666;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.module3 li:hover h5 a{color:#c00000;}
/*newslist*/
.news_list { margin-top:30px;}
.news_list li{overflow:hidden;border-bottom: 1px #d8d8d8 dashed; margin-bottom:30px; padding-bottom:20px;}
.news_list li .time{ float:left; padding:5px 0; width:10%; margin-right:2%; color:#fff; background:#9d9d9d;text-align: center;}
.news_list li .time .ri{ display:block; font-size: 32px;font-weight: 100;color: #fff;text-align:center; line-height:35px;}
.news_list li .time .year { display:block; font-size:14px;padding: 0;}
.news_list li .intnew {float:right;width:88%;margin-top: 5px;}
.news_list li .intnew .title{ padding-bottom:10px;font-size: 22px;font-weight: 100;color: #333;}
.news_list li .intnew div{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*newscontent*/
.news-show{ margin: 30px auto;position: relative;}
.news-link{height: 82px;}
.news-link p{ display: inline-block; color: #c10001; font-size: 16px; width: 94%; height: 66px; line-height: 66px; padding-left: 6%; border-radius:10px;border: 1px dashed #c00000;background: #fbf4f4;}
.news-link p strong{ font-size: 18px;}
.news-main{clear: both;overflow: hidden;margin-top: 20px;}
.news-main p{ color: #333; font-size: 16px; line-height: 30px;margin-bottom: 12px;}
.news-main img{display: inline;max-width: 96%;height: auto!important;}
.news-pc{ float: left; width: 20%; text-align: center;}
.news-pr{ float: left; width: 40%; text-align: center;}
.news-pages{ margin: 30px 0;}
.news-pl{ float: left; width: 40%; text-align: center;}
.news-pages span a{ display: block; width: 58px; height: 58px;}
.news-pages span{ position: relative; display: inline-block; width: 58px; height: 58px;}
.news-pages span img{ position: absolute; left: 0; top: 0;}
.news-pages p a{ display: block; color: #333; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*project*/
.project{ width:99%; margin:0 auto 20px; margin-top:24px; box-sizing:border-box; overflow:hidden;}
.project_tit{ width:100%; clear:both; overflow:hidden; margin-bottom:10px;}
.project_tit ul{ width:100%; clear:both; overflow:hidden;}
.project_tit li{ float:left; width:49%; color:#444; font-size:16px; text-align:center; height:45px; line-height:45px; padding:0; margin:0 0.5%; border-radius:2px; background:#F3F3F3;}
.project_tit li a{ display:block;}
.project_tit li.select{ color:#FFF; background:#EB0001;}
.project_tit li.select a{ color:#FFF;}

.project_show{ width:99%; margin:0 auto; clear:both; overflow:hidden;}
.project_show dl{ width:100%; padding:15px 0; box-sizing:border-box; background-color:#fff;box-shadow: 0px 2px 8px 1px rgba(23, 14, 7, 0.17);overflow:hidden;}
.project_show dl dt{ float:left; width:200px; margin-right:-210px;}
.project_show dl dt img{ width:100%; float:left; height:auto; position:relative;}
.project_show dl dd{ width:auto; margin:1px 10px 1px 210px; line-height:18px;}
.project_show dl dd b{ display:block; font-size:20px; line-height:24px; margin-bottom:15px;}
.project_show dl dd b a{ color:#333;}
.project_show dl dd b a:hover{ color:#EB0001;}
.project_show dl dd p{ width:100%; color:#333; margin:3px 0 0; line-height:24px;}
.project_show dl dd p.project_info{ height:48px; overflow:hidden;}
.project_show dl dd span{ color:#EB0001;}
.project_show dl dd.project_infos p{ height:24px; overflow:hidden;}

.proj_pic{ width:100%; clear:both; overflow:hidden; margin-top:0;}
.proj_pic img{ width:100%;}
.proj_show{ width:99%; margin:0 auto; padding:10px 0;}
.proj_show h1{font-size:24px;}
.proj_info{ padding:10px 1%; margin:10px 0;}
.proj_info p{ color:#333; line-height:24px; padding:3px 0;}
.proj_info p span{ color:#EB0001;}
.proj_hour{ font-size:16px; height:30px; line-height:30px; padding-left:10px; }
.proj_hour span{ margin-right:10px;color:#EB0001;}
.proj_tel{font-size: 14px;padding-top: 40px;height:120px;background:url(../images/c1.png) no-repeat center;}
.proj_tel p{display: flex;justify-content: space-around;width: 90%;margin: 10px auto;}
.proj_tel span{color:#EB0001;width: 40%;}



.proj_link{ clear:both; overflow:hidden; margin-top:15px; margin-left:-2%;}
.proj_link a{ float:left; color:#FFF; font-size:16px; width:48%; text-align:center; line-height:40px; margin-left:2%; background-color:#1E283A;}
.proj_link a img{ display:inline-block; width:25px; vertical-align:middle; margin-right:8px;}
.proj_link a.proj_btn{ background-color:#EB0001;}

.proj_yd{ width:99%; margin:0 auto; padding:10px 0;}
.proj_yd h2{ font-size:22px; padding-left:10px; border-left:3px solid #EB0001;}
.proj_yd p{ font-size:16px; padding-left:32px; margin-top:10px; background:url(../images/ico_yd.png) no-repeat left center; background-size:24px 24px;}
.proj_yd ul{ clear:both; overflow:hidden;}
.proj_yd ul li{ float:left; position:relative; padding:55px 20px 20px; margin-top:70px; background:#efefef; color:#444; line-height:26px; height:190px; box-sizing:border-box; width:48%; margin-left:1% ;margin-right:1%;}
.proj_yd ul li span{ position:absolute; top:-50px; left:50%; width:93px; height:93px; margin-bottom:10px; margin-left:-48px;}
.proj_yd ul li span img{ width:100%;}
.proj_yd ul li b{ display:block; font-size:20px; text-align:center;}
.proj_yd ul li i{ display:block; line-height:24px; height:72px; overflow:hidden; text-align:center; margin-top:10px;}

.proj_yl{ width:99%; margin:0 auto; padding:10px 0;}
.proj_yl h2{ font-size:22px; margin-bottom:10px; padding-left:10px; border-left:3px solid #EB0001;}
.proj_yl p{ color:#444; text-indent:2em; line-height:24px; margin-bottom:10px;}
.proj_yl p img{ width:100%; height:auto;}


.body-box {
	width: 100%;
	margin: 10px auto 0;
	background: #fff;
	overflow: hidden;
}

.timer-shaft-box {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}


.timer-scale {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	width:100%;
	overflow-x: auto;
}

.time-circle {
	display: inline-block;vertical-align: middle;text-align: center;font-size: 12px;
	color: #333;
	cursor: pointer;
	position: relative;
}


.timer-shaft-content {
	width: 100%;
	overflow: hidden;
	margin-top:10px;
}

.shaft-detail-cont {
	display: none;
	width: 100%;
	color: #000;
}
.timer-left {
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 99;
    width: 40px;
    height: 30px;
    background: url(../images/xjttt.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.time-over{
    width: 100%;
    overflow: hidden;
    padding: 0;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
}
.timer-right {
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 99;
    width: 40px;
    height: 30px;
    background: url(../images/xjtt.png) no-repeat;
    background-size: cover;
	cursor: pointer;
}
.timer-shaft {
    position: relative;
    width: 100%;
    height: 30px;
    overflow: hidden;
	padding: 0 12px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
}

.timer-scale-cont {
    position: relative;
    display: inline-block;
    height: 100%;
    line-height: 28px;
    padding: 0 16px;
    border-radius: 30px;
    border: solid 1px #eee;
    margin: 0 16px 0 0;
}
.timer-scale-cont.teshudian{
    /* padding-left: 0; */
    margin-left: 0;

}

.hov {
    border: solid 1px #f73d2e;
    background: #f73d2e;
}

.timer-scale-cont.hov a:hover {
    color: #fff;
}

.hov a {
    color: #fff;
    font-weight: bold;
}
/*case*/
.case-list{ margin-top: 30px;}
.case-list ul{ clear: both; overflow: hidden; margin-left: -3%;}
.case-list ul li{ position: relative; overflow: hidden; float: left; width: 30.3%; margin-left: 3%; margin-bottom: 20px;}
.case-pics img {width: 100%;}
.case-info{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; z-index: 5;}
.case-info h3{ padding: 15px 0;text-align: center;}
.case-info h3 a{ color: #FFF; font-size: 18px; font-weight: normal;}
.case-info p{ text-align:center;display:block; height:0; overflow:hidden; color: #FFF; font-size:16px; line-height:1;}

.page{ width:100%; margin:5px auto 40px; font-size:14px; height:35px; line-height:35px; text-align:center; overflow:hidden;border:none;}
.page li{ width:auto; display:inline; }
.page .disabled span{padding:2px 8px; color:#444;background-color:#ebebeb;}
.page a{ padding:2px 8px; margin:0 2px; width:auto; white-space:nowrap; overflow:hidden;border-radius:1px; border:1px solid #ddd;}
.page a:hover,.page a.hover{color:#fff; text-decoration:none; background-color:#c00000;border:1px solid #c00000;}
.page span{color:#fff; text-decoration:none; background-color:#c00000;padding:2px 8px; margin:0 2px; border-radius:1px; }

.related h1{text-align: center;margin-bottom: 25px;font-size: 24px;}
.related ul{display: flex;justify-content: space-between;margin-bottom: 30px;flex-wrap: wrap;}
.related ul li{width: 24%;}
.related ul li img{width: 100%;}
.related ul li p{text-align: center;margin: 5px 0;}

/*casecontent*/
.pro-details h2 {height: 25px;line-height: 25px;font-size: 18px;color: #333;border-left: 4px solid #e40e0e;padding-left: 10px;margin: 20px 0;}
.pro-details-box {overflow: hidden;}
.pro-details .details-left {width: 48%;float: left;overflow: hidden;}
.pro-details .details-left img{width: 100%;}
.pro-details .details-right {width:50%;float: right;overflow: hidden;}
.pro-details .details-right>p {font-size: 14px;color: #666;line-height: 2;}
.pro-details .details-right>p strong {font-size: 15px;color: #333;display: inline-block;}
.pro-details .details-right .free {display: flex;margin-top: 10px;justify-content: space-between;}
.pro-details .details-right .free p a {width: 110px;height: 30px;line-height:30px;color: #fff;font-size: 12px;text-align: center;border-radius: 20px;background: #c00000;display: block;}
.pro-details .details-right .free p {font-size: 13px;color: #333;line-height: 2;}
.pro-details .details-right .free p strong {font-size: 15px;color: #c00000;}
.items {margin-top: 40px;overflow: hidden;}
.items h3 {border-left: 4px solid #e40e0e;height: 25px;line-height: 25px;font-size: 18px;font-weight: normal;color: #000;padding-left: 10px;margin-bottom: 30px;}
.items p {font-size: 15px;color: #333;line-height: 2;margin-bottom: 10px;}
.items img{display: inline;max-width: 96%;height: auto!important;}


/*product*/
.pro-list{ margin-top: 80px;}
.list-odd{ margin-bottom: 50px;}
.list-odd ul{ display: flex;justify-content: space-between;}
.list-even{ padding: 20px 0; margin-bottom: 70px; }
.list-even ul{ display: flex;justify-content: space-between;flex-direction: row-reverse;}
.pro-list ul{ clear: both; overflow: hidden; margin-top: 5px;width: 100%;}
.pro-list li{width: 23%; padding-top: 5px;float: left;}
.pro-list li a.pros-pic{ display: block; overflow: hidden;}
.pro-list li.pro-tit:hover, .pro-list li:hover a img{ transform:none; box-shadow:none;}
.pro-list li img{ max-width: 100%;}
.pro-list li .tit-info{ display: table-cell; vertical-align: middle;}
.pro-list li.pro-tit{ color: #FFF; padding: 10px 18px;  border-radius: 0 100px 100px 0;}
.list-even li.pro-tit{  padding: 20px 10px 10px 50px; border-radius: 100px 0 0 100px;width: 20%;}

.pro-list li.pro-tit01{ background: url(../images/pro-mark01.png)no-repeat;}
.pro-list li.pro-tit02{ background: url(../images/pro-mark02.png)no-repeat;}
.pro-list li.pro-tit03{ background: url(../images/pro-mark03.png)no-repeat;}
.pro-list li.pro-tit04{ background: url(../images/pro-mark04.png)no-repeat;}
.pro-list li.pro-tit05{ background: #c00000;}

.pro-list li.pro-tit h2 a{ color: #FFF; font-size: 18px;}
.pro-list li.pro-tit p{ font-size: 12px; line-height: 22px; margin: 5px 0;}
.pro-list li.pro-tit a.pro-more{ display: inline-block; color: #FFF; font-size: 14px; height: 30px; line-height: 30px;width: 80px;text-align: center; border: 2px solid #FFF; }
.pro-list li h3{ height: 40px; line-height: 40px; text-align: center; background-color: #f5f5f5; transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}

.pro-list li h3 a{ position: relative; color: #333; font-size: 14px; font-weight: normal;}
.pro-list li:hover h3 a, .pro-list li h3 a:hover{ color: #c00000;}
.pro-list li:hover img{ box-shadow: 0 2px 10px 0 #BBB; -webkit-box-shadow: 0 2px 10px 0 #BBB; -moz-box-shadow: 0 2px 10px 0 #BBB;}

/*prolist*/
.proclass{height: 120px;}
.proclass li{float:left;width:25%;text-align:center;transform:translateY(-20px); }
.proclass li span{clear:both; display:block; border-radius:10px;overflow:hidden; padding:7px 9px; }
.proclass li h3{margin-top: -34px;position: relative;z-index: 9; }
.proclass li h3 a{ padding-top:13px; line-height:1; color:#0e0e0e; }


.prolist{clear:both;margin: 50px 0;}
.prolist li{width:23%;overflow:hidden; background-color:#efeeee;margin-right: 2.66%;float: left;margin-bottom: 30px; }
.prolist li:nth-child(4){margin-right:0; }
.prolist li h4 a{display:block; text-align:center; color:#333; line-height:30px; padding:8px 0; font-weight:normal;font-size: 15px; }
.list-box img,.proclass li img{max-width: 100%;}
/*procontent*/
.content{background:url(../images/proconban.jpg) no-repeat center top;background-size: cover; }
.breadnav{clear:both; line-height:1;font-size:14px; padding:40px 0;color:#fff; }
.breadnav a:link,.breadnav a:visited{color:#fff; text-decoration:none; }
.breadnav a:hover,.breadnav a:active{color:#fccc00; text-decoration:none; }
.proone{padding-bottom:53px; position:relative;width: 100%; }
.proone .proonefl{float:left; width:50%; position:relative; z-index:1; }
.proone .proonefl img{ width:100%; }
.proone .proonefl .prooneflpic{clear:both; display:block; overflow:hidden; border-radius:5px; }
.proone .proonefr{float:right; width:50%; position:relative; z-index:1; }
.proone .proonefr h1{color:#fff; font-size:18px; display:inline-block; position:relative; line-height:1; margin-bottom:20px;font-weight: normal;padding-left: 15px; }

.proone .proonefr .proonefrbox{margin: 10px 25px;border-radius: 6px;padding: 8px; position:relative; z-index:2; }
.proone .proonefr .proonefrbox:after{content:''; position:absolute; left:0px; bottom:0px; right:0px; top:0px; background:#fff; z-index:2; border-radius:5px; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.2) inset; }
.proone .proonefr .proonefrbox:before{content:''; position:absolute; left:-11px; right:-11px; top:-15px; bottom:-15px; background:url(../images/homefivebg.jpg) repeat; z-index:1; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.2); border-radius:5px; }
.proone .proonefr .proonefrbox p{position:relative; z-index:3; clear:both; display:block; font-size:14px; line-height:15px; padding:5px 0; color:#333; }
.proone .proonefr .proonefrbox p strong{font-weight:normal;color: #c00000; }

.proonefrbom{padding-top:22px; text-align:left;  }
.proonefrbom a{display:inline-block; color:#fff; background-color:#c00000;  width:130px; line-height:34px; border-radius:26px; text-align:center; cursor:pointer;margin-left: 15px; }
.proonefrbom span{float:right; font-size:14px; line-height:40px; }
.proonefrbom span strong{font-size:18px; color:#c00000; }

.protwo{clear:both;padding: 50px 0; position: relative;width: 100%;}
.protwo .protwofl{padding:0 1%;}
.protwo .protwofl .protwonav{clear:both; width:100%; padding-top:8px;padding-bottom: 18px;}
.protwo .protwofl .protwonav li{float:left; padding-right:25px; }
.protwo .protwofl .protwonav li:last-child{padding-right:0; }
.protwo .protwofl .protwonav li a{clear:both; display:block; width:130px; line-height:45px;height: 45px; text-align:center; border-radius:10px; border:1px dashed #bfbfbf;}
.protwo .protwofl .protwonav li a:hover,.protwo .protwofl .protwonav li:first-child a{border:1px solid #bc0000; background:#bc0000; color:#fff; }

.protwobox h3 {text-align: center;width: 15%;padding-left: 0;margin: 50px auto 40px;font-size: 24px;color: #c00000;font-weight: normal;position: relative;}
.protwobox h3::before {width: 3px;height: 20px;content: "";display: inline-block;background: #c00000;position: absolute;left: 0;top: 2px;}
.protwobox h3::after {width:3px;height: 20px;content: "";display: inline-block;background:#c00000;position: absolute;right: 0;top: 2px;}
.protwobox p {text-indent: 20px;margin: 10px 0;}
.protwobox p img{display:block;margin: 30px auto;}
.protwobox table{width:100%;}

.protwobox ul {overflow: hidden;margin-left: -3%;}
.protwobox li {overflow: hidden;float: left;width: 47%;margin-left: 3%;}
.protwobox li .al-img {width: 49%;float: left;margin-right: 3%;}
.protwobox li .al-r {width: 48%;float: left;}
.protwobox li .al-r h5{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.protwobox li .al-r h5 a {font-size: 16px;color: #333;font-weight: normal;line-height: 32px;}
.protwobox li .al-r p {font-size: 14px;color: #555f7d;margin: 0;text-indent: 0;}
.protwobox li .al-r p span {color: #e61e37;}
.protwobox img{display: inline;max-width: 96%;height: auto!important;}
#table{overflow-x: auto;}

@media screen and (max-width:768px){
    .aboutfour ul li:first-child{width: 305px;}
    .module1 .news-ct .right dt{width: 72%;}
}

@media screen and (max-width:680px){
    .top ul li a img{ display: inline;}
	.space{height: 50px;}
	.pro_nav li{width: 25%;margin: 0;}
	.pro_nav li p{top: 10%;left: 0;width: 100%;}
	.pro_nav li a{font-size: 12px;}
	.pro_show ul li p{width: 90%;padding: 5px 0;}
    .pro_link{margin: 35px 0 15px 0;}
    .pro_link a{ width: 150px;font-size: 14px;height: 35px;line-height: 35px;text-indent: 25px;background: url(../images/email.png) no-repeat 12px 5px #f9cd31;background-size: 15%;}
    .pro_link a:last-child{ background: url(../images/tel.png) no-repeat 25px 4px #cf0303;background-size: 15%;}
    .news ul li .news_pic{display: none;}
    .news ul li a.more{margin: 10px 0;}
    .proj_al h2{margin-bottom: 10px;}
    .proj_tel{padding-top: 20px;}
    .proj_tel p{display: inherit;width: 85%;margin:  0 auto;}
    .proj_tel span{width: 100%;display: block;}
    .bottom{padding: 20px 0;}
    .bottom_l ul li a{font-size: 12px;}
    .footer{font-size: 14px;padding: 8px;}
}

@media screen and (max-width:600px){
	.pro_nav li img{ width:95%;}
	.m_nav{ justify-content: space-between;}
	.m_nav ul li{font-size: 13px;}
	.m_nav span{display: none;}
}

@media screen and (max-width:540px){
	 .company h1, .contact h1, .news_tit h1, .news_detail h1, .proj_show h1{ font-size:22px;}
	.index_proj h2,  .company_zc h2, .company_nl h2, .company_js h2, .company_hz h2, .news_title h2, .proj_yd h2, .proj_yl h2, .proj_al h2, .case_js h2, .case_js h2, .pro_info h2, .pro_info h2, .pro_xg h2, .pro_cs h2{ font-size:20px;}
	.index_proj dl dd h3{ font-size:18px;}
	.contact ul li h3{ font-size:16px;}
	.message p{ width:100%;}
	.news ul li h3, .news_hy ul li h3{ font-size:16px;}
    .case h1{ font-size:16px;}
	.page a{ margin-right:4px; padding:5px 9px;}
	.page .current{ margin-right:4px; padding:5px 9px;}
	.disabled{ margin-right:4px; padding:5px 9px;}

	.news_list h1{ font-size:22px; width:140px; padding:8px;}
	.news_list ul li h3{ font-size:16px;}
	.project_show dl dd b{ font-size:18px;}
	.project_show dl dt{ width:180px;}
	.project_show dl dd{ margin-left:190px;}
	.pro_show ul li{ width:49%;}
	.pro_nav{ margin-bottom:5px;}
	.pro_tit{ font-size:20px;}
	.proj_yd ul li{ width:98%; margin-top:54px;}
	.proj_yd ul li span{ width:80px; height:80px; margin-left:-40px; top:-40px;}
	.pro_info ul li{ width:98%; margin-top:54px;}
	.pro_info ul li span{ width:80px; height:80px; margin-left:-40px; top:-40px;}
	.message ul li{ width:99%;}
    .about_text p:last-child{display: none;}
    .index_proj dl dt{width: 15%;}
    .index_proj dl dd{width: 80%;}
    .index_proj dl{width: 98%;padding: 1%;}
    .index_tit{margin-bottom: 10px;}
    .top-tit,.xm3{display: none;}
    .top-info .top-font{margin:0 0 10px 0;font-size: 12px;width: 100%;}
    .company p,.about-link p{font-size: 12px;}
    .company .index_tit,.about-link h2{font-size: 16px;}
    .about-link p:last-child{text-indent: 0;margin-top: 0;}
    .about-link p img{max-width: 100%;}
    .aboutfour .aboutfourtxt{padding: 10px 0;}
    .aboutfour ul li{width: 100% !important;height: auto!important;}
    .aboutfouritem04,.aboutfouritem02{width: 50%;}
    .aboutfouritem01{height: auto;}
    .aboutfouritem01 .aboutfouritem01fr{ padding: 10px 10px 0 10px;width: 160px;height: 100%;}
    .aboutfouritem01 .aboutfouritem01fr strong{font-size: 18px;padding-bottom: 5px;}
    .aboutfouritem04box strong{font-size: 18px;padding-bottom: 0;}
    .aboutfouritem02 .aboutfouritem02box{padding: 5px;font-size: 12px;}
    .aboutfouritem02 .aboutfouritem02box a{margin: 5px auto 0;}
    .xm9{width: 100%;}
    .r p{line-height: 30px;}
    .line-big{margin-top: 10px;}
    .aboutfive{margin: 20px 0;}
    .r h3{font-size: 22px;margin: 0 0 10px;}
    .leftpic img{height: auto;}
    .col-6,.ser-video{width: 100%;}
    .contact_text ul{width: 50%;right: -12%;}
    .contact_text p{width: 100%;text-align: center;}
    .contact_list{height: auto;border: none;padding: 10px 0;}
    .msg-base{width: 100%;}
    .msg-base dt{margin-bottom: 15px;text-align:center;}
    .msg-base dt img{width:90%;display:inline;}
    .msg-base dd{line-height: 15px;margin-bottom: 15px;padding-left: 8%;}
    .msg-base dd span{font-size:16px;}
    .msg-base dd span b{font-size:20px;}
    .msg-show ul li i{display: none;}
    .msg-show{width: 92%;padding: 2%;margin: 0 2%;}
    .msg-show ul li{justify-content: center;align-items: center;}
    .msg-show ul li input{width: 80%;}
    .msg-show ul li textarea{width: 80%;height: 80px;}
    .message{ padding: 5% 2% 10%;}
    .msg-btn input{left: 120px;}
    .msg-show ul li:nth-child(3){align-items: unset;}
    .ser-sure li{width: 48%;margin-bottom: 15px;}
    .aim-show{top: 15px;right: 6%;width: 80%;}
    .module1 .news-ct .left{width: 98%;position: unset;}
    .module1 .news-ct .right{display: none;}
    .module1 .news-ct{float: none;border: none;padding: 0;}
    .swiper-slide h5 a{font-weight: normal;}
    .module2 .news-tit{margin-bottom: 20px;}
    .module2 li{width: 47.6%;}
    .module2 li:last-child{display: none;}
    .module3 li{width: 96.38%;padding: 15px 0;}
    .module3 li .time{margin: 10px 0 5px 0;}
    .module3 li h5 a{font-size: 18px;}
    .module3{margin: 30px 0;}
    .news_list li .intnew{width: 80%;}
    .news_list li .time{width: 18%;}
    .news_list li .intnew .title{font-size: 16px;white-space: nowrap;}
    .news_list li{margin-bottom: 20px;}
    .news-place{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .news-page {text-align: center;float: none;margin-top: 0;    display: flex;justify-content: space-around;}
    .news-page a{margin: 0 0 20px;}
    .news-top h1{background-size: 50%; font-size: 16px;height: 84px;line-height: 84px;padding: 0 30px;margin-top: 0;white-space: nowrap;}
    .news-link p{padding: 2%;  height: 45px;line-height: 1.5;  font-size: 14px;}
    .news-link p strong {font-size: 16px;}
    .pro-list li.pro-tit{display: none;}
    .pro-list ul{width: 96%;}
    .pro-list li{width: 32%;}
    .list-odd,.list-even{margin-bottom: 0;}
    .pro-list{margin: 20px 0;}
    .top-pro .top-info .top-font{height: 80px;overflow: hidden;}
    .list-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .list-box li{width: 49%;margin-bottom: 20px;margin-right:0;}
    .proclass li{width: 50%;transform: none;}
    .proclass{height: 18rem;}
    .proone .proonefl{float: none;width: 98%;margin: auto;}
    .proone .proonefr{width: 100%;}
    .content{background-size: auto;}
    .proone .proonefr h1{color: #333;margin: 20px 0;}
    .protwo .protwofl .protwonav{display: none;}
    .protwobox h3{width: 32%;margin: 20px auto;}
    .protwo{padding: 1px 0;}
    .protwobox ul{margin-left: 0;}
    .protwobox li{width: 98%;margin: 1%;}
    .protwobox li .al-r p{font-size: 12px;line-height: 20px;}
    .case-list ul li{width: 47%;}
    .case-info h3{white-space: nowrap;    padding: 5px 0;}
    .case-info h3 a{font-size: 14px;}
    .related ul li{width: 49%;}
    .pro-details .details-left{width: 100%;}
    .pro-details .details-right{width: 100%;margin-top: 20px;}
    .pro-details .details-right>p{margin-bottom: 10px;}


}

@media screen and (max-width:480px){
	.top ul li.top_ask{ background-size:30px 30px;}
	.top ul li a img{ margin:5px auto 0;max-width:75%;}
	.m_nav ul .close{ width:30px; background-size:20px 20px;}
	.m_nav ul li{ height:36px; line-height:36px;}
	.banner{ margin-top:0;}
	
	.msg_btn{ width:36%;}
	
	.foot_link{ padding:15px 1.5%;}
	.foot_talk a{ padding:8px; border-radius:8px;}
	.foot_tel{ font-size:18px; margin-top:18px;}
	.foot_tel a{ font-size:22px;}
	.foot{ margin:15px auto;}
	 .company h1, .contact h1, .news_tit h1, .news_detail h1, .proj_show h1{ font-size:16px;}
	.index_proj h2,  .company_zc h2, .company_nl h2, .company_js h2, .company_hz h2, .news_title h2, .proj_yd h2, .proj_yl h2, .proj_al h2, .case_js h2, .case_js h2, .pro_info h2, .pro_info h2, .pro_xg h2, .pro_cs h2{ font-size:18px;}
	.index_proj dl dd h3{ font-size:14px;}
	.index_news{ padding:6px 64px 6px 8px; background-size:50px 50px; background-position:98% 11px;}
	.index_news ul li span{ padding:0 4px; margin-right:6px;}
	
	.index_type ul li a img{ width:100%;}
	.index_type ul li a img.icon1{ width:60%;}
	.index_type ul li a img.icon2{ width:80%;}
	.index_type ul li p{ font-size:14px; line-height:24px;height: 20px;}
	.index_type, .index_proj, .company_nl, .company_js, .company_hz, .contact, .news, .news_hy, .news_sp{ margin:15px auto;}
	.company_hz{ margin:15px auto 20px;}
	.index_pro{ margin-top:15px;}
	.index_pro ul{ margin-top:15px;}
	.index_pro ul li p{ font-size:14px;line-height: 1.4em;}
	.index_case ul li{ width: 48%;}
	.index_case ul li p{padding: 5px 0;}

	.index_proj dl dd h3{ line-height:24px; overflow: hidden;white-space: nowrap;width: 98%;}
	.index_proj dl dd p{ line-height:22px;}

	.company ul{ margin-top:15px;}
	.company_zc p, .company_nl p, .company_js p, .company_hz p{ margin-top:5px;}
	.company ul li img{ width:100%;}
	.company_zc{ margin-top:15px;}
	.company_zc ul{ margin-top:0;}
	.company_zc ul li{ width:96%; margin-top:10px;}
	.company_zc ul li span{ background-size:100%; padding:5px 0; font-size:16px;}
	.contact ul li span{ width:70px; height:70px;}
	.contact ul li span.contact01{ background-size:40px auto;}
	.contact ul li span.contact02{ background-size:40px auto;}
	.contact ul li span.contact03{ background-size:40px auto;}
	.contact ul li span.contact04{ background-size:40px auto;}
	.news_tit{ line-height:24px;}
	.news_title{ line-height:24px; margin-bottom:5px;}
	.news ul li h3{ font-size:15px; margin:0;}
	.news ul li p, .news_hy ul li p{ height:44px; line-height:22px;}
	.news_hy ul li{ padding:10px 1.6%;}
	.news_sp ul li p{ font-size:15px;}
	.news_hy ul li h3{ font-size:15px;}
	.news_list h1{ font-size:20px; width:120px; padding:6px;}
	.news_detail{ margin-top:20px;}
	.news_read{ margin-bottom:10px;}
	.news_other p i{ width:78%;}
	.news_other p a{ width:78%;}
	.project{ margin-top:20px;}
	.project_tit{ margin-bottom:5px;}
	.project_show dl{ padding:10px 0;}
	.project_show dl dt{ width:100%; margin-right:0; margin-bottom:6px;}
	.project_show dl dd{ width:100%; margin-left:0;}
	.project_show dl dd b{ margin-bottom:5px;}
	.project_show dl dd p{ line-height:22px;}
	.project_show dl dd p.project_info{ height:44px;}
	.proj_info{ padding:2px 1%;}
	.proj_info p{ padding:2px 0;}
	.proj_yd p{ font-size:14px; background-size:20px 20px; padding-left:26px;}
	.proj_al ul li p{ font-size:14px;}
	.proj_pic{ margin-top:1px;}
	.case_show ul li{ margin-top:10px;}
	.case_show{ margin-bottom:10px;}
	.case{ margin-top:12px;}
	.case_pic{ margin-top:10px;}
	.product{ margin-top:1px;}
	.pro_tit{ margin:10px 0 10px 0.5%;}
	.proj_yd{ margin:10px auto;}
	.proj_yd ul li{ margin-top:45px;}
	.proj_yd ul li span{ width:70px; height:70px; margin-left:-35px; top:-35px;}
	.pro_info{ margin:10px auto;}
	.pro_info ul li{ margin-top:45px;}
	.pro_info ul li span{ width:70px; height:70px; margin-left:-35px; top:-35px;}
}

@media screen and (max-width:320px){
	.m_nav ul .close{ width:24px;}
	.foot_talk a{ font-size:18px; padding:6px; border-radius:6px;}
	.foot_tel{ font-size:16px; margin-top:15px;}
	.foot_tel a{ font-size:20px;}
	
	.page{ margin:10px auto;}
	.page a{ margin-right:2px; padding:4px 7px;}
	.page .current{ margin-right:2px; padding:4px 7px;}
	.disabled{ margin-right:2px; padding:4px 7px;}
	.message p{ line-height:22px;}
    .index_case ul li p{white-space: nowrap;}
    .index_pro ul li p{white-space: nowrap;}
    .index_pro ul li a{text-overflow: ellipsis;}

	.index_proj dl dt{ width:20%; }
	.index_proj dl dd{ width:75%; margin:0;}
	.index_proj dl dd p{ margin-top:0;}
	.company_zc ul li span{ background-size:120%;}
	.company_js ul li{ width:49%;}
	.company_js ul li img{ width:80%;}
	
	.news ul li{ width:98%; margin-right:0; margin-bottom:5px;}
	.news ul li.news_last{ margin-bottom:0;}
	.news_hy ul li time{ margin:0;}
	.news_hy ul li{ margin-bottom:6px;}
	.news_sp ul li{ width:100%; margin-right:0;}
	.news_list ul li time{ margin:0;}
	.news_detail{ margin-top:12px;}
	.news_other{ padding:5px 0 10px;}
	.news_other p{ height:30px; line-height:30px;}
	.news_other p i{ width:76%;}
	.news_other p a{ width:76%;}
	.project{ margin-top:10px;}
	.project_tit li{ height:36px; line-height:36px;}
	.proj_hour{font-size:14px;}

	.proj_link a{ line-height:36px;}
	.proj_link a img{ width:22px;}
	.case_show ul li span{ width:20px; height:20px;}
	.case_show ul li i{ padding-left:6px;}
	.pro_nav li img{ width:96%;}
	.pro_tit{ font-size:18px;}
	.pro_nav li p{ font-size:13%;}
    .top-info .top-font{margin: 0;line-height: 22px;}
    .aboutfouritem02 .aboutfouritem02box{padding: 0;}
    .aboutfouritem02 .aboutfouritem02box a{height: 30px;line-height: 30px;}
    .r p{padding-left: 0;line-height: 28px;}
    .aim-show{width: 90%;padding: 10px 5px;right: 3%;top:0;}
    .proclass{height: 15rem;}
    .pro-details .details-right .free{flex-wrap: wrap;justify-content: center;}
    .pro-details .details-right .free p{line-height: 3;}

}