@charset "utf-8";
/* CSS Document */
html{ width:100%; overflow-x:hidden;}
body{ background:#ffffff; width:100%; font-family:"微软雅黑"; font-weight:normal; overflow-x:hidden; position:relative;}
*{ margin:0; padding:0;}
ol,ul,li{ list-style:none;}
ul{ margin-bottom:0;}
img{ border:0; margin:0; padding:0; display:inline-block;}
a,em{ text-decoration:none; font-style:normal;}
a{ color:#444444; display:block; cursor:pointer;}
a:hover{ text-decoration:none}
span,em{ font-style:normal; font-weight:normal;}
input{ outline:none; outline:none; border:none; padding:0; margin:0;}
textarea{ outline:none; resize:none;}
.clear{ clear:both; height:0px; line-height:0px;}
.fl{ float:left;}
.fr{ float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.ov{ overflow:hidden;}
.white{ color:#fff !important;}

/*header*/
.flex_space-between{ display:flex; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-justify-content:space-between; -moz-box-pack:space-between; -webkit--moz-box-pack:space-between; box-pack:space-between;}
/*水平居中*/
.flex_justify-content{ display:flex; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center;}
/*完美的平均分配*/
.flex_justify-content-around{ display:flex; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; -webkit-box-pack:space-around; -ms-flex-pack:space-around; justify-content:space-around; -webkit-justify-content:space-around; -moz-box-pack:space-around; -webkit--moz-box-pack:space-around; box-pack:space-around;}
/*垂直居中*/
.flex_align-items{ display:flex; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; -ms-flex-align:center; align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center;}

@media screen and (min-width:1200px){
.head_pc{ width:100%; position:relative; z-index:99;}
.head{ background:#e00000; width:100%;}
.logo{ width:25%; height:100%; background-color:#fff; height:auto;}
.logo img{ display:block; width:100%;}
.menu{ width:48%; border-right:1px solid #ee4d4c;}
.menu ul{ width:100%; text-align:center; font-size:0;}
.menu ul li{ width:12%; color:#ffffff; font-size:16px; display:inline-block; position:relative;}
.menu ul li a{ color:#ffffff;}
.menu ul li img{ position:absolute; bottom:0; left:45%; width:0; margin:0 auto;}
.menu ul li a:hover{ color:#eebe4c;}
.menu ul li a:hover img{ width:12px;}
.menu ul li ul{ background:rgba(224,0,0,0.5); line-height:48px; position:absolute; top:100%; z-index:5; font-size:14px; display:none;}
.menu ul li ul li{ width:100%; line-height:48px; border-bottom:1px solid #fff; color:#ffffff; font-size:14px;}
.menu ul li ul li:last-child{ border-bottom:0;}
.menu ul li ul li a{ color:#ffffff;}
.menu ul li ul li a:hover{ color:#eebe4c;}
.phone{ padding-right:3%;}
.phone img{ float:right; width:auto; height:23px; padding-right:15px;}
.phone .tel{ float:right; padding-top:1px; color:#ffffff; font-size:15px;}
.head_3g{ display:none;}
}

@media only screen and (max-width:1199px){
.head_pc{ display:none;}
.head_3g{ width:100%; position:relative; z-index:999; background:#e00000;}
.logo{ width:70%; height:100%; background-color:#fff; height:auto;}
.logo img{ display:block; max-width:100%; max-height:70px; margin:auto;}
.head_r{ position:absolute; top:0; right:0;}
.head_r ul li{ float:right; margin-right:3vw;}

.cd-nav-trigger .cd-icon{ position:absolute; left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); display:inline-block; width:25px; height:3px; background-color:#e00000; z-index:10;}
.cd-nav-trigger.close-nav span{ background-color:rgba(255, 255, 255, 0);}
.cd-nav-trigger .cd-icon1, .cd-nav-trigger .cd-icon2{ position:absolute; top:12px; right:3px; width:25px; height:3px; background-color:#fff; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:-webkit-transform .2s; -moz-transition:-moz-transform .2s; transition:transform .2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; content:'';}
.cd-nav-trigger.close-nav .cd-icon1, .cd-nav-trigger.close-nav .cd-icon2{ background-color:#ffffff;}
.cd-nav-trigger.close-nav .cd-icon1{ -webkit-transform:translateY(0) rotate(45deg); -moz-transform:translateY(0) rotate(45deg); -ms-transform:translateY(0) rotate(45deg); -o-transform:translateY(0) rotate(45deg); transform:translateY(0) rotate(45deg);}
.cd-nav-trigger.close-nav .cd-icon2{ -webkit-transform:translateY(0) rotate(-45deg); -moz-transform:translateY(0) rotate(-45deg); -ms-transform:translateY(0) rotate(-45deg); -o-transform:translateY(0) rotate(-45deg); transform:translateY(0) rotate(-45deg);}
.cd-primary-nav{ position:fixed; left:0; top:0; height:100%; width:90%; padding:50px 5%; z-index:3; background-color:#e00000; overflow:auto; -webkit-overflow-scrolling:touch; visibility:hidden; opacity:0; -webkit-transition:visibility 0s, opacity 0.2s; -moz-transition:visibility 0s, opacity 0.2s; transition:visibility 0s, opacity 0.2s;}
.cd-overlay-nav{ z-index:2;}
.cd-overlay-nav span{ background:#e00000;}
.cd-primary-nav.fade-in{ visibility:visible; opacity:1;}
.cd-primary-nav li{ margin:1.6em 0; text-align:center; display:block; width:100%; text-transform:capitalize;}
.cd-primary-nav a{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; transition:color 0.2s;}
.cd-primary-nav a{ font-size:16px;} nav a, nav a:hover{ color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.head_r ul li img{ width:40px; cursor:pointer; display:block;}
.cd-nav-trigger{ width:40px; z-index:8; text-indent:100%; white-space:nowrap; position:relative; z-index:999;}
.head_r{ top:50% !important; margin-top:-20px;}
}
@media only screen and (max-width:768px){
.head_r ul li img{ width:30px; cursor:pointer; display:block;}
.cd-nav-trigger{ width:30px; z-index:8; text-indent:100%; white-space:nowrap; position:relative; z-index:999;}
}

/*banner*/
@media screen and (min-width:1200px){
.banner{ width:100%; position:relative; z-index:0;}
.banner img{ width:100%;}
.banner .img01{ display:block;}
.banner .img02{ display:none;}
.banner .swiper-pagination{ bottom:20px !important;}
.banner .swiper-pagination-bullet{ background:url(../images/bh.png) no-repeat top center; width:12px; height:12px;}
.banner .swiper-pagination-bullet-active{ background:url(../images/bk.png) no-repeat top center;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.banner{ width:100%; position:relative; z-index:0;}
.banner img{ width:100%;}
.banner .img01{ display:block;}
.banner .img02{ display:none;}
.banner .swiper-pagination{ bottom:15px !important;}
.banner .swiper-pagination-bullet{ background:url(../images/bh.png) no-repeat top center; width:12px; height:12px; margin:0 5px !important;}
.banner .swiper-pagination-bullet-active{ background:url(../images/bk.png) no-repeat top center;}
}
@media only screen and (max-width:768px){
.banner{ width:100%; position:relative; z-index:0;}
.banner img{ width:100%;}
.banner .img01{ display:none;}
.banner .img02{ display:block;}
.banner .swiper-pagination{ bottom:10px !important;}
.banner .swiper-pagination-bullet{ background:url(../images/bh.png) no-repeat top center; width:12px; height:12px; margin:0 3px !important;}
.banner .swiper-pagination-bullet-active{ background:url(../images/bk.png) no-repeat top center;}
}

/*搜索*/
@media screen and (min-width:1200px){
.serbox{ width:100%; background-color:#fff;}
.sear{ width:1200px; margin:auto; padding:10px 0;}
.sear_l{ width:72%; font-size:14px;}
.sear_l span{ color:#666;}
.sear_l a{ padding:0 10px; color:#333; display:inline-block;}
.sear_l a:hover{ color:#e00000;}
.sear_r{ background:#ebeff6; width:23%; height:34px; padding:0 2%; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.sear_r .stxt{ background:none; border:0; width:100%; color:#777777; font-size:14px;}
.sear_r .sub{ width:20px; height:18px; background:none; background-image:url(../images/sousuo.png); background-position:center; background-repeat:no-repeat; cursor:pointer; display:block;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.serbox{ width:100%; background-color:#fff;}
.sear{ width:94%; margin:auto; padding:10px 0;}
.sear_l{ width:72%; font-size:14px;}
.sear_l span{ color:#666;}
.sear_l a{ padding:0 10px; color:#333; display:inline-block;}
.sear_l a:hover{ color:#e00000;}
.sear_r{ background:#ebeff6; width:23%; height:34px; padding:0 2%; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.sear_r .stxt{ background:none; border:0; width:100%; color:#777777; font-size:14px;}
.sear_r .sub{ width:20px; height:18px; background:none; background-image:url(../images/sousuo.png); background-position:center; background-repeat:no-repeat; cursor:pointer; display:block;}
}
@media only screen and (max-width:768px){
.serbox{ width:100%; background-color:#fff;}
.sear{ width:94%; margin:auto; padding:10px 0;}
.sear_l{ display:none;}
.sear_r{ background:#ebeff6; width:90%; height:34px; padding:0 5%; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.sear_r .stxt{ background:none; border:0; width:100%; color:#777777; font-size:14px;}
.sear_r .sub{ width:20px; height:18px; background:none; background-image:url(../images/sousuo.png); background-position:center; background-repeat:no-repeat; cursor:pointer; display:block;}
}

/*产品*/
@media screen and (min-width:1200px){
.index_pro_bg{ background:#fff2f2; width:100%; padding:70px 0;}
.index_pro_bg .middle{ width:1200px; margin:auto;}
.titles{ width:1200px; margin:auto;}
.index_tit{ overflow:hidden; float:left;}
.index_tit>span{ font-size:14px; margin-top:6px; text-transform:uppercase; display:block;}
.index_tit>p{ font-size:24px; color:#e00000;}
.index_pro_type{ margin-top:5px; float:right;}
.index_pro_type a{ float:left; display:block; padding:0 20px; font-size:14px; line-height:34px; height:34px; background-color:#fff; position:relative; cursor:pointer; margin-left:15px;}
.index_pro_type a:hover,.index_pro_type a.pmore{ color:#e00000;}
.index_pro_type a.hover{ background-color:#e00000; color:#fff !important;}
.index_pro{ width:1200px; margin:auto; margin-top:10px;}
.index_pro ul{ width:1220px; display:block;}
.index_pro ul li{ width:285px; display:block; float:left; overflow:hidden; position:relative; margin-top:20px; margin-right:20px;}
.index_pro ul li .index_pro_t{ width:100%; position:relative; overflow:hidden;}
.index_pro ul li .tpic{ width:100%; overflow:hidden; height:172px;}
.index_pro ul li .tpic img{ width:100%; display:block;}
.pbg{ background:rgba(137,137,141,0.7); width:100%; height:100%; text-align:center; position:absolute; top:100%; left:0; z-index:1; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.index_pro ul li:hover .pbg{ top:0;}
.pbg img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.index_pro_b{ background:#dddddd; padding:10px 0; text-align:center; position:relative;}
.index_pro ul li .index_pro_b:before{ position:absolute; content:''; background:#e00000; transition-duration:0.3s; z-index:1; top:auto; right:auto; bottom:0; left:0; width:100%; height:0; opacity:1;}
.index_pro ul li:hover .index_pro_b:before{ width:100%; height:100%; opacity:1;}
.index_pro_b p{ width:94%; margin:0 auto; color:#333; font-size:16px; position:relative; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_pro ul li:hover .index_pro_b p{ color:#ffffff;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.index_pro_bg{ background:#fff2f2; width:100%; padding:50px 0;}
.index_pro_bg .middle{ width:100%; margin:auto;}
.titles{ width:94%; margin:auto;}
.index_tit{ overflow:hidden; float:left;}
.index_tit>span{ font-size:14px; margin-top:4px; text-transform:uppercase; display:block;}
.index_tit>p{ font-size:20px; color:#e00000;}
.index_pro_type{ margin-top:2px; float:right;}
.index_pro_type a{ float:left; display:block; padding:0 10px; font-size:14px; line-height:34px; height:34px; background-color:#fff; position:relative; cursor:pointer; margin-left:10px;}
.index_pro_type a:hover,.index_pro_type a.pmore{ color:#e00000;}
.index_pro_type a.hover{ background-color:#e00000; color:#fff !important;}
.index_pro{ width:100%; margin:auto;}
.index_pro ul{ width:100%; display:block;}
.index_pro ul li{ width:21.25%; display:block; float:left; overflow:hidden; position:relative; margin-top:20px; margin-left:3%;}
.index_pro ul li .index_pro_t{ width:100%; position:relative; overflow:hidden;}
.index_pro ul li .tpic{ width:100%; overflow:hidden; height:12.8775vw;}
.index_pro ul li .tpic img{ width:100%; display:block;}
.pbg{ background:rgba(137,137,141,0.7); width:100%; height:100%; text-align:center; position:absolute; top:100%; left:0; z-index:1; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.index_pro ul li:hover .pbg{ top:0;}
.pbg img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.index_pro_b{ background:#dddddd; padding:10px 0; text-align:center; position:relative;}
.index_pro ul li .index_pro_b:before{ position:absolute; content:''; background:#e00000; transition-duration:0.3s; z-index:1; top:auto; right:auto; bottom:0; left:0; width:100%; height:0; opacity:1;}
.index_pro ul li:hover .index_pro_b:before{ width:100%; height:100%; opacity:1;}
.index_pro_b p{ width:94%; margin:0 auto; color:#333; font-size:16px; position:relative; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_pro ul li:hover .index_pro_b p{ color:#ffffff;}
}
@media only screen and (max-width:768px){
.index_pro_bg{ background:#fff2f2; width:100%; padding:30px 0;}
.index_pro_bg .middle{ width:100%; margin:auto;}
.titles{ width:94%; margin:auto;}
.index_tit{ overflow:hidden; text-align:center; width:100%; margin-bottom:10px;}
.index_tit>span{ font-size:14px; margin-top:4px; text-transform:uppercase; display:block;}
.index_tit>p{ font-size:18px; color:#e00000;}
.index_pro_type{ text-align:center;}
.index_pro_type a{ display:inline-block; padding:0 5px; font-size:14px; line-height:30px; height:30px; background-color:#fff; position:relative; cursor:pointer; margin:5px 2px; margin-bottom:0;}
.index_pro_type a:hover,.index_pro_type a.pmore{ color:#e00000;}
.index_pro_type a.hover{ background-color:#e00000; color:#fff !important;}
.index_pro{ width:100%; margin:auto;}
.index_pro ul{ width:100%; display:block;}
.index_pro ul li{ width:45.5%; display:block; float:left; overflow:hidden; position:relative; margin-top:15px; margin-left:3%;}
.index_pro ul li .index_pro_t{ width:100%; position:relative; overflow:hidden;}
.index_pro ul li .tpic{ width:100%; overflow:hidden; height:27.573vw;}
.index_pro ul li .tpic img{ width:100%; display:block;}
.pbg{ background:rgba(137,137,141,0.7); width:100%; height:100%; text-align:center; position:absolute; top:100%; left:0; z-index:1; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.index_pro ul li:hover .pbg{ top:0;}
.pbg img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.index_pro_b{ background:#dddddd; padding:10px 0; text-align:center; position:relative;}
.index_pro ul li .index_pro_b:before{ position:absolute; content:''; background:#e00000; transition-duration:0.3s; z-index:1; top:auto; right:auto; bottom:0; left:0; width:100%; height:0; opacity:1;}
.index_pro ul li:hover .index_pro_b:before{ width:100%; height:100%; opacity:1;}
.index_pro_b p{ width:94%; margin:0 auto; color:#333; font-size:14px; position:relative; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_pro ul li:hover .index_pro_b p{ color:#ffffff;}
}

/*关于我们*/
@media screen and (min-width:1200px){
.index_about_bg{ background:#fff; width:100%; padding:70px 0; background-image:url(../images/about_bg.jpg); background-position:top center; background-repeat:no-repeat;}
.nmore{ margin-top:5px; width:118px; float:right; text-align:center;  height:32px; border:1px solid #fff; border-radius:34px; position:relative;}
.nmore a{ display:block; font-size:14px; line-height:32px; color:#fff;}
.index_con{ width:1000px; font-size:14px; line-height:24px; color:#c8c8c8; margin-top:15px;}

.index_about{ width:1200px; margin:auto; margin-top:25px;}
.index_about .swiper-slide img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.index_about_bg{ background:#fff; width:100%; padding:50px 0; background-image:url(../images/about_bg.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}
.nmore{ margin-top:2px; width:118px; float:right; height:32px; border:1px solid #fff; border-radius:34px; position:relative; text-align:center;}
.nmore a{ display:block; font-size:14px; line-height:32px; color:#fff;}
.index_con{ width:60vw; font-size:14px; line-height:24px; color:#c8c8c8; margin-top:10px;}

.index_about{ width:94%; margin:auto; margin-top:20px;}
.index_about .swiper-slide img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.index_about_bg{ background:#fff; width:100%; padding:30px 0; background-image:url(../images/about_bg.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}
.nmore{ margin:auto; margin-top:5px; width:118px; text-align:center; height:28px; border:1px solid #fff; border-radius:34px; position:relative;}
.nmore a{ display:block;font-size:14px; line-height:28px; color:#fff;}
.index_con{ width:100%; font-size:14px; line-height:24px; color:#c8c8c8; margin-top:5px;}

.index_about{ width:94%; margin:auto; margin-top:15px;}
.index_about .swiper-slide img{ width:100%; display:block;}
}

/*成功案例*/
@media screen and (min-width:1200px){
.index_case{ background:#fff; width:100%; padding-bottom:70px;}
.index_case .nmore{ border:1px solid #cacaca;}
.index_case .nmore a{ color:#333;}
.index_case .nmore:hover{ border:1px solid #e00000;}
.index_case .nmore:hover a{ color:#e00000;}

.index_case .swiper-container{ width:1200px; margin:auto; overflow:hidden; margin-top:30px;}
.index_case .swiper-button-prev{ background:url(../images/cleft.jpg) no-repeat top center; width:33px; height:33px;}
.index_case .swiper-button-next{ background:url(../images/cright.jpg) no-repeat top center; width:33px; height:33px;}
.index_case_t{ position:relative;}
.index_case_t img{ width:100%; display:block;}
.lamp{ background:#e00000 url(../images/lamp.png) no-repeat; width:35px; height:35px; position:absolute; bottom:-17px; right:8%; z-index:2;}
.index_case_b{ background:#f5f5f5; padding:20px 0; text-align:center; position:relative;}
.index_case_b:before{ position:absolute; content:''; background:#e00000; transition-duration:0.3s; z-index:1; top:auto; right:auto; bottom:0; left:0; width:100%; height:0; opacity:1;}
.index_case_b p{width:94%; margin:0 auto; color:#333; font-size:16px; position:relative; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_case .swiper-slide:hover .lamp{ background:#ffffff url(../images/lamp_h.png) no-repeat;}
.index_case .swiper-slide:hover .index_case_b:before{ width:100%; height:100%; opacity:1;}
.index_case .swiper-slide:hover .index_case_b p{ color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.index_case{ background:#fff; width:100%; padding-bottom:50px;}
.index_case .nmore{ border:1px solid #cacaca;}
.index_case .nmore a{ color:#333;}
.index_case .nmore:hover{ border:1px solid #e00000;}
.index_case .nmore:hover a{ color:#e00000;}

.index_case .swiper-container{ width:94%; margin:auto; overflow:hidden; margin-top:25px;}
.index_case .swiper-button-prev{ background:url(../images/cleft.jpg) no-repeat top center; width:33px; height:33px;}
.index_case .swiper-button-next{ background:url(../images/cright.jpg) no-repeat top center; width:33px; height:33px;}
.index_case_t{ position:relative;}
.index_case_t img{ width:100%; display:block;}
.lamp{ background:#e00000 url(../images/lamp.png) no-repeat; width:35px; height:35px; position:absolute; bottom:-17px; right:5%; z-index:2;}
.index_case_b{ background:#f5f5f5; padding:15px 0; text-align:center; position:relative;}
.index_case_b:before{ position:absolute; content:''; background:#e00000; transition-duration:0.3s; z-index:1; top:auto; right:auto; bottom:0; left:0; width:100%; height:0; opacity:1;}
.index_case_b p{width:94%; margin:0 auto; color:#333; font-size:16px; position:relative; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_case .swiper-slide:hover .lamp{ background:#ffffff url(../images/lamp_h.png) no-repeat;}
.index_case .swiper-slide:hover .index_case_b:before{ width:100%; height:100%; opacity:1;}
.index_case .swiper-slide:hover .index_case_b p{ color:#fff;}
}
@media only screen and (max-width:768px){
.index_case{ background:#fff; width:100%; padding-bottom:30px;}
.index_case .nmore{ border:1px solid #cacaca;}
.index_case .nmore a{ color:#333;}
.index_case .nmore:hover{ border:1px solid #e00000;}
.index_case .nmore:hover a{ color:#e00000;}

.index_case .swiper-container{ width:94%; margin:auto; overflow:hidden; margin-top:15px;}
.index_case .swiper-button-prev{ background:url(../images/cleft.jpg) no-repeat top center; width:33px; height:33px;}
.index_case .swiper-button-next{ background:url(../images/cright.jpg) no-repeat top center; width:33px; height:33px;}
.index_case_t{ position:relative;}
.index_case_t img{ width:100%; display:block;}
.lamp{ background:#e00000 url(../images/lamp.png) no-repeat; width:35px; height:35px; position:absolute; bottom:-17px; right:3%; z-index:2;}
.index_case_b{ background:#f5f5f5; padding:15px 0; text-align:center; position:relative;}
.index_case_b:before{ position:absolute; content:''; background:#e00000; transition-duration:0.3s; z-index:1; top:auto; right:auto; bottom:0; left:0; width:100%; height:0; opacity:1;}
.index_case_b p{width:94%; margin:0 auto; color:#333; font-size:14px; position:relative; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_case .swiper-slide:hover .lamp{ background:#ffffff url(../images/lamp_h.png) no-repeat;}
.index_case .swiper-slide:hover .index_case_b:before{ width:100%; height:100%; opacity:1;}
.index_case .swiper-slide:hover .index_case_b p{ color:#fff;}
}

/*新闻中心*/
@media screen and (min-width:1200px){
.index_news_bg{ background:#fff2f2; width:100%; padding-top:70px; padding-bottom:50px;}
.index_news_bg .nmore{ border:1px solid #cacaca;}
.index_news_bg .nmore a{ color:#333;}
.index_news_bg .nmore:hover{ border:1px solid #e00000;}
.index_news_bg .nmore:hover a{ color:#e00000;}

.index_news{ width:100%; margin:auto; margin-top:10px;}
.index_news li{ padding:20px 0; display:block; overflow:hidden;}
.index_news li .middle{ width:1200px; margin:auto;}
.index_new_l{ float:left; width:190px; padding-right:35px; position:relative; z-index:1;}
.index_new_l img{ width:100%; display:block;}
.nctit{ padding-bottom:10px; color:#333; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_news ul li:hover .nctit{ color:#ffffff;}
.index_new_c{ float:left; width:800px; padding-right:50px; position:relative; z-index:1;}
.nccon{ color:#888888; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.index_news ul li:hover .nccon{ color:#ffffff;}
.index_new_r{ position:relative; z-index:1;}
.nrtime{ padding-bottom:10px; color:#888888; font-size:16px;}
.index_news ul li:hover .nrtime{ color:#ffffff;}
.narrow{ width:21px; height:21px; background-image:url(../images/nb.png); background-position:center; background-repeat:no-repeat;}
.bright{ -webkit-filter:brightness(10); -moz-filter:brightness(10); -ms-filter:brightness(10); -o-filter:brightness(10); filter:brightness(10); filter:brightness;}
.nbg{ background:#e00000; width:100%; height:0; position:absolute; left:0; bottom:0; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;}
.index_news ul li:hover .nbg{ height:100%;}
.index_news ul li:hover .narrow{ background-image:url(../images/nh.png);}


}
@media screen and (min-width:769px) and (max-width:1199px){
.index_news_bg{ background:#fff2f2; width:100%; padding-top:50px; padding-bottom:35px;}
.index_news_bg .nmore{ border:1px solid #cacaca;}
.index_news_bg .nmore a{ color:#333;}
.index_news_bg .nmore:hover{ border:1px solid #e00000;}
.index_news_bg .nmore:hover a{ color:#e00000;}

.index_news{ width:100%; margin:auto; margin-top:10px;}
.index_news li{ padding:15px 0; display:block; overflow:hidden;}
.index_news li .middle{ width:94%; margin:auto;}
.index_new_l{ float:left; width:190px; padding-right:20px; position:relative; z-index:1;}
.index_new_l img{ width:100%; display:block;}
.nctit{ padding-bottom:10px; color:#333; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_news ul li:hover .nctit{ color:#ffffff;}
.index_new_c{ float:left; width:calc(100% - 350px); padding-right:30px; position:relative; z-index:1;}
.nccon{ color:#888888; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.index_news ul li:hover .nccon{ color:#ffffff;}
.index_new_r{ position:relative; z-index:1;}
.nrtime{ padding-bottom:10px; color:#888888; font-size:16px;}
.index_news ul li:hover .nrtime{ color:#ffffff;}
.narrow{ width:21px; height:21px; background-image:url(../images/nb.png); background-position:center; background-repeat:no-repeat;}
.bright{ -webkit-filter:brightness(10); -moz-filter:brightness(10); -ms-filter:brightness(10); -o-filter:brightness(10); filter:brightness(10); filter:brightness;}
.nbg{ background:#e00000; width:100%; height:0; position:absolute; left:0; bottom:0; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;}
.index_news ul li:hover .nbg{ height:100%;}
.index_news ul li:hover .narrow{ background-image:url(../images/nh.png);}



}
@media only screen and (max-width:768px){
.index_news_bg{ background:#fff2f2; width:100%; padding-top:30px; padding-bottom:20px;}
.index_news_bg .nmore{ border:1px solid #cacaca;}
.index_news_bg .nmore a{ color:#333;}
.index_news_bg .nmore:hover{ border:1px solid #e00000;}
.index_news_bg .nmore:hover a{ color:#e00000;}

.index_news{ width:100%; margin:auto; margin-top:5px;}
.index_news li{ padding:10px 0; display:block; overflow:hidden;}
.index_news li .middle{ width:94%; margin:auto;}
.index_new_l{ float:left; width:110px; padding-right:15px; position:relative; z-index:1;}
.index_new_l img{ width:100%; display:block;}
.nctit{ padding-bottom:5px; color:#333; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_news ul li:hover .nctit{ color:#ffffff;}
.index_new_c{ float:left; width:calc(100% - 150px); padding-right:20px; position:relative; z-index:1;}
.nccon{ color:#888888; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.index_news ul li:hover .nccon{ color:#ffffff;}
.index_new_r{ position:relative; z-index:1;}
.nrtime{ display:none;}
.index_news ul li:hover .nrtime{ color:#ffffff;}
.narrow{ width:21px; height:21px; background-image:url(../images/nb.png); background-position:center; background-repeat:no-repeat;}
.bright{ -webkit-filter:brightness(10); -moz-filter:brightness(10); -ms-filter:brightness(10); -o-filter:brightness(10); filter:brightness(10); filter:brightness;}
.nbg{ background:#e00000; width:100%; height:0; position:absolute; left:0; bottom:0; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;}
.index_news ul li:hover .nbg{ height:100%;}
.index_news ul li:hover .narrow{ background-image:url(../images/nh.png);}



}




/*友情链接*/
@media screen and (min-width:1200px){
.link{ padding:30px 0; overflow:hidden; text-align:center; font-size:0;}
.link a{display:inline-block; vertical-align:middle;}
.link a img{ vertical-align:middle;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.link{ padding:30px 0; overflow:hidden; text-align:center; font-size:0;}
.link a{display:inline-block; vertical-align:middle;}
.link a img{ vertical-align:middle; width:50%;}
}
@media only screen and (max-width:768px){
.link{ display:none;}
}

/*footer*/
@media screen and (min-width:1200px){
.foot_bg{ background:#2b323a;}
.foot{ width:1200px; margin:auto; padding:75px 0;}
.ftit{ padding-bottom:20px; color:#ffffff; font-size:18px;}
.foot_l{ float:left; width:392px;}
.foot_l ul li{ float:left; width:148px; margin-right:48px; padding:12px 0; border-bottom:1px solid #414952; font-size:14px;}
.foot_l ul li a{ color:#9ba5b1;}
.foot_l ul li a:hover{ color:#ffffff;}
.foot_c{ float:left; width:368px; padding:0 65px;}
.fccon{ color:#9ba5b1; font-size:14px;}
.fccon p{ padding:10px 0;}
.foot_r{ float:right; width:310px;}
.code img{ float:left; width:135px; padding:0 10px;}

.bot{ padding:20px 0; border-top:1px solid #41474e;}
.bot .middle{ width:1200px; margin:auto;}
.bq{ color:#6e7882; font-size:14px;}
.icon{ position:relative;}
.icon a{ float:right;}
.icon img{ width:35px; padding:0 5px;}

.wx-ewm{ margin-bottom:24px; width:130px; height:130px; border-radius:4px; overflow:hidden; text-align:center; position:absolute; right:0; bottom:32px; display:none; overflow:hidden;}
.wx-ewm img{ width:100%; display:block; padding:0;}

.mobile.foot{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.foot_bg{ background:#2b323a;}
.foot{ width:94%; margin:auto; padding:45px 0;}
.ftit{ padding-bottom:20px; color:#ffffff; font-size:18px;}
.foot_l{ float:left; width:47%;}
.foot_l ul li{ float:left; width:40%; margin-right:10%; padding:12px 0; border-bottom:1px solid #414952; font-size:14px;}
.foot_l ul li a{ color:#9ba5b1;}
.foot_l ul li a:hover{ color:#ffffff;}
.foot_c{ float:left; width:30%; margin-right:3%;}
.fccon{ color:#9ba5b1; font-size:14px;}
.fccon p{ padding:10px 0;}
.foot_r{ float:right; width:20%;}
.code img{ float:left; max-width:135px; display:block;}

.bot{ padding:20px 0; border-top:1px solid #41474e;}
.bot .middle{ width:94%; margin:auto;}
.bq{ color:#6e7882; font-size:14px;}
.icon{ position:relative;}
.icon a{ float:right;}
.icon img{ width:35px; padding:0 5px;}

.wx-ewm{ margin-bottom:24px; width:130px; height:130px; border-radius:4px; overflow:hidden; text-align:center; position:absolute; right:0; bottom:32px; display:none; overflow:hidden;}
.wx-ewm img{ width:100%; display:block; padding:0;}

.mobile.foot{ display:none;}
}
@media only screen and (max-width:768px){
.foot_bg{ display:none;}
.copy{padding:12px 10px; text-align:center; font-size:14px;}
/*手机底部*/
.footer{ width:100%; position:fixed; bottom:0; left:0; z-index:2;}
.footer ul li{ float:left; background:url(../images/bm.jpg) no-repeat top center; background-size:cover; width:25%; text-align:center;}
.footer ul li img{ width:30px; padding:5px 0;}
.footer ul li p{ padding-bottom:5px; text-align:center; color:#ffffff; font-size:15px;}
}

/*内页*/
@media screen and (min-width:1200px){
.ban{ width:100%; position:relative; height:300px; background-position:center; background-repeat:no-repeat; background-repeat:cover;}
.bant{ width:100%; height:100%; text-align:center; position:absolute; top:0; z-index:2;}
.bantit{ margin:0 auto;}
.btitle{ color:#ffffff; font-size:24px; font-weight:bold;}
.belish{ padding:10px 0 15px 0; color:#e00000; font-size:16px; text-transform:uppercase;}
.bation{ color:#ffffff; font-size:14px;}
.bation a{ color:#ffffff; display:inline;}
.bation a:hover{ color:#ffffff;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.ban{ width:100%; position:relative; height:250px; background-position:center; background-repeat:no-repeat; background-repeat:cover;}
.bant{ width:100%; height:100%; text-align:center; position:absolute; top:0; z-index:2;}
.bantit{ margin:0 auto;}
.btitle{ color:#ffffff; font-size:24px; font-weight:bold;}
.belish{ padding:10px 0 15px 0; color:#e00000; font-size:16px; text-transform:uppercase;}
.bation{ color:#ffffff; font-size:14px;}
.bation a{ color:#ffffff; display:inline;}
.bation a:hover{ color:#ffffff;}
}
@media only screen and (max-width:768px){
.ban{ width:100%; position:relative; height:150px; background-position:center; background-repeat:no-repeat; background-repeat:cover;}
.bant{ width:100%; height:100%; text-align:center; position:absolute; top:0; z-index:2;}
.bantit{ margin:0 auto;}
.btitle{ color:#ffffff; font-size:20px; font-weight:bold;}
.belish{ padding:10px 0 15px 0; color:#e00000; font-size:16px; text-transform:uppercase;}
.bation{ color:#ffffff; font-size:14px;}
.bation a{ color:#ffffff; display:inline;}
.bation a:hover{ color:#ffffff;}
}

@media screen and (min-width:1200px){
.wei{ width:100%; height:50px; background-color:#eee;}
.wei .box{ width:1200px; margin:auto;}
.wei .box a{ display:block; float:left; padding:0 20px; font-size:16px; height:50px; line-height:50px;}
.wei .box a:hover{ color:#e00000;}
.wei .box a.on{ background-color:#e00000; color:#fff !important;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.wei{ width:100%; height:40px; background-color:#eee;}
.wei .box{ width:94%; margin:auto;}
.wei .box a{ display:block; float:left; padding:0 15px; font-size:16px; height:40px; line-height:40px;}
.wei .box a:hover{ color:#e00000;}
.wei .box a.on{ background-color:#e00000; color:#fff !important;}
}
@media only screen and (max-width:768px){
.wei{ width:100%;}
.wei .box{ width:100%; margin:auto;}
.wei .box a{ display:block; text-align:center; background-color:#eee; float:left; width:45.5%; margin-left:3%; margin-top:10px; font-size:14px; height:34px; line-height:34px;}
.wei .box a:hover{ color:#e00000;}
.wei .box a.on{ background-color:#e00000; color:#fff !important;}
}

/*关于我们*/
@media screen and (min-width:1200px){
.about{ width:1200px; margin:auto;}
.pad{ padding:70px 0;}
.about_l{ float:left; width:400px; max-width:100%;}
.about_l img{ width:100%; display:block;}
.about_r{ float:right; width:745px; max-width:100%;}
.artit{ padding-bottom:20px;}
.artit span{ color:#e00000; font-size:24px; line-height:2em;}
.artit p{ color:#2c3133; font-size:14px; line-height:1em;}
.arcon{ line-height:2em; color:#666666; font-size:14px;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.about{ width:94%; margin:auto;}
.pad{ padding:50px 0;}
.about_l{ float:left; width:33%; max-width:100%;}
.about_l img{ width:100%; display:block;}
.about_r{ float:right; width:65%; max-width:100%;}
.artit{ padding-bottom:15px;}
.artit span{ color:#e00000; font-size:22px; line-height:2em;}
.artit p{ color:#2c3133; font-size:14px; line-height:1em;}
.arcon{ line-height:2em; color:#666666; font-size:14px;}
}
@media only screen and (max-width:768px){
.about{ width:94%; margin:auto;}
.pad{ padding:30px 0;}
.about_l{ display:none;}
.about_r{ float:right; width:745px; max-width:100%;}
.artit{ padding-bottom:10px;}
.artit span{ color:#e00000; font-size:18px; line-height:2em;}
.artit p{ color:#2c3133; font-size:14px; line-height:1em;}
.arcon{ line-height:2em; color:#666666; font-size:14px;}
}

@media screen and (min-width:1200px){
.honor{ width:100%; background:#fff2f2;}
.title{ width:1200px; margin:auto; text-align:center;}
.title span{ padding-bottom:12px; color:#000000; font-size:24px; display:block;}
.title p{ background:#e00000; width:26px; height:2px; margin:0 auto;}
.honor .swiper-container{ width:1200px; margin:auto; margin-top:30px; overflow:hidden;}
.honor .swiper-container .swiper-slide img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.honor{ width:100%; background:#fff2f2;}
.title{ width:94%; margin:auto; text-align:center;}
.title span{ padding-bottom:10px; color:#000000; font-size:20px; display:block;}
.title p{ background:#e00000; width:26px; height:2px; margin:0 auto;}
.honor .swiper-container{ width:94%; margin:auto; margin-top:25px; overflow:hidden;}
.honor .swiper-container .swiper-slide img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.honor{ width:100%; background:#fff2f2;}
.title{ width:94%; margin:auto; text-align:center;}
.title span{ padding-bottom:5px; color:#000000; font-size:18px; display:block;}
.title p{ background:#e00000; width:20px; height:2px; margin:0 auto;}
.honor .swiper-container{ width:94%; margin:auto; margin-top:15px; overflow:hidden;}
.honor .swiper-container .swiper-slide img{ width:100%; display:block;}
}

@media screen and (min-width:1200px){
.culture{ width:1200px; margin:auto;}
.brief{ width:100%; margin-top:25px;}
.brief,.brief p{ text-align:center; color:#666666; font-size:14px; line-height:24px;}
.culture ul{ width:100%; display:block; overflow:hidden;}
.culture ul li{ float:left; width:580px; margin-left:40px; display:block; overflow:hidden; margin-top:25px;}
.culture ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.culture ul li img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.culture{ width:100%; margin:auto;}
.brief{ width:100%; margin-top:20px;}
.brief,.brief p{ text-align:center; color:#666666; font-size:14px; line-height:24px;}
.culture ul{ width:100%; display:block; overflow:hidden;}
.culture ul li{ float:left; width:45.5%; margin-left:3%; display:block; overflow:hidden; margin-top:20px;}
.culture ul li:nth-child(2n+1){ clear:left; float:left;}
.culture ul li img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.culture{ width:100%; margin:auto;}
.brief{ width:100%; margin-top:10px;}
.brief,.brief p{ text-align:center; color:#666666; font-size:14px; line-height:24px;}
.culture ul{ width:100%; display:block; overflow:hidden;}
.culture ul li{ float:left; width:45.5%; margin-left:3%; display:block; overflow:hidden; margin-top:10px;}
.culture ul li:nth-child(2n+1){ clear:left; float:left;}
.culture ul li img{ width:100%; display:block;}
}

@media screen and (min-width:1200px){
.fact{ width:100%; background:#fff2f2;}
.fact .swiper-container{ width:1200px; margin:auto; margin-top:30px; overflow:hidden;}
.fact .swiper-container .swiper-slide img{ width:100%; display:block;}
.fatit{ margin-top:15px; color:#333; font-size:16px; text-align:center; position:relative;}
.fact .swiper-container .swiper-slide:hover .fatit{ color:#e00000;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.fact{ width:100%; background:#fff2f2;}
.fact .swiper-container{ width:94%; margin:auto; margin-top:25px; overflow:hidden;}
.fact .swiper-container .fapic{ width:100%; overflow:hidden;}
.fact .swiper-container .swiper-slide img{ width:100%; display:block;}
.fatit{ margin-top:10px; color:#333; font-size:16px; text-align:center; position:relative;}
.fact .swiper-container .swiper-slide:hover .fatit{ color:#e00000;}
}
@media only screen and (max-width:768px){
.fact{ width:100%; background:#fff2f2;}
.fact .swiper-container{ width:94%; margin:auto; margin-top:15px; overflow:hidden;}
.fact .swiper-container .swiper-slide img{ width:100%; display:block;}
.fatit{ margin-top:10px; color:#333; font-size:16px; text-align:center; position:relative;}
.fact .swiper-container .swiper-slide:hover .fatit{ color:#e00000;}
}

/*环境*/
@media screen and (min-width:1200px){
.pro_show{ width:1200px; margin:auto;}
.pro_s_tit{ padding-bottom:20px; text-align:center; color:#333; font-size:24px;}
.pro_show .swiper-container{ width:800px; margin:auto; overflow:hidden;}
.pro_show .swiper-container .swiper-slide img{ width:100%; display:block;}
.gallery-thumbs{ margin-top:10px !important;}
.fanye{ margin-top:20px;}
.fanye ul li{ line-height:24px; height:24px; overflow:hidden; display:block; color:#000000; font-size:14px;}
.fanye ul li a{ color:#333;}
.fanye ul li a:hover{ color:#e00000;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.pro_show{ width:94%; margin:auto;}
.pro_s_tit{ padding-bottom:20px; text-align:center; color:#333; font-size:20px;}
.pro_show .swiper-container{ width:600px; margin:auto; overflow:hidden;}
.pro_show .swiper-container .swiper-slide img{ width:100%; display:block;}
.gallery-thumbs{ margin-top:10px !important;}
.fanye{ margin-top:15px;}
.fanye ul li{ line-height:24px; height:24px; overflow:hidden; display:block; color:#000000; font-size:14px;}
.fanye ul li a{ color:#333;}
.fanye ul li a:hover{ color:#e00000;}
}
@media only screen and (max-width:768px){
.pro_show{ width:94%; margin:auto;}
.pro_s_tit{ padding-bottom:15px; text-align:center; color:#333; font-size:18px;}
.pro_show .swiper-container{ width:100%; overflow:hidden;}
.pro_show .swiper-container .swiper-slide img{ width:100%; display:block;}
.gallery-thumbs{ margin-top:5px !important;}
.fanye{ margin-top:10px;}
.fanye ul li{ line-height:24px; height:24px; overflow:hidden; display:block; color:#000000; font-size:14px;}
.fanye ul li a{ color:#333;}
.fanye ul li a:hover{ color:#e00000;}
}

@media screen and (min-width:1200px){
.pad01{ padding-bottom:70px; padding-top:10px;}
.page{ width:1200px; margin:auto; margin-top:30px; text-align:center;}
.page li{ display:inline-block; margin:0 5px;}
.page li a{ padding:0 5px; min-width:14px; line-height:24px; height:24px; display:block; overflow:hidden; background-color:#eee;}
.page li span{ padding:0 5px; min-width:14px; line-height:24px; height:24px; display:block; overflow:hidden; background-color:#e00000; color:#fff;}
.page li a:hover{ color:#e00000;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.pad01{ padding-bottom:50px; padding-top:10px;}
.page{ width:1200px; margin:auto; margin-top:25px; text-align:center;}
.page li{ display:inline-block; margin:0 5px;}
.page li a{ padding:0 5px; min-width:14px; line-height:24px; height:24px; display:block; overflow:hidden; background-color:#eee;}
.page li span{ padding:0 5px; min-width:14px; line-height:24px; height:24px; display:block; overflow:hidden; background-color:#e00000; color:#fff;}
.page li a:hover{ color:#e00000;}
}
@media only screen and (max-width:768px){
.pad01{ padding-bottom:30px; padding-top:10px;}
.page{ width:1200px; margin:auto; margin-top:10px; text-align:center;}
.page li{ display:inline-block; margin:0 5px;}
.page li a{ padding:0 5px; min-width:14px; line-height:24px; height:24px; display:block; overflow:hidden; background-color:#eee;}
.page li span{ padding:0 5px; min-width:14px; line-height:24px; height:24px; display:block; overflow:hidden; background-color:#e00000; color:#fff;}
.page li a:hover{ color:#e00000;}
}

/*成功案例*/
@media screen and (min-width:1200px){
.case{ width:1200px; margin:auto; overflow:hidden;}
.case ul{ width:1220px; display:block;}
.case ul li{ width:285px; display:block; float:left; overflow:hidden; position:relative; margin-top:20px; margin-right:20px;}
.case ul li .index_case_b{ background-color:#eee;}
.case ul li:hover .lamp{ background:#ffffff url(../images/lamp_h.png) no-repeat;}
.case ul li:hover .index_case_b:before{ width:100%; height:100%; opacity:1;}
.case ul li:hover .index_case_b p{ color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.case{ width:100%; margin:auto; overflow:hidden;}
.case ul{ width:100%; display:block;}
.case ul li{ width:21.25%; display:block; float:left; overflow:hidden; position:relative; margin-top:20px; margin-left:3%;}
.case ul li .index_case_b{ background-color:#eee;}
.case ul li:hover .lamp{ background:#ffffff url(../images/lamp_h.png) no-repeat;}
.case ul li:hover .index_case_b:before{ width:100%; height:100%; opacity:1;}
.case ul li:hover .index_case_b p{ color:#fff;}
}
@media only screen and (max-width:768px){
.case{ width:100%; margin:auto; overflow:hidden;}
.case ul{ width:100%; display:block;}
.case ul li{ width:45.5%; display:block; float:left; overflow:hidden; position:relative; margin-top:15px; margin-left:3%;}
.case ul li .index_case_b{ background-color:#eee;}
.case ul li:hover .lamp{ background:#ffffff url(../images/lamp_h.png) no-repeat;}
.case ul li:hover .index_case_b:before{ width:100%; height:100%; opacity:1;}
.case ul li:hover .index_case_b p{ color:#fff;}
}

/*服务承诺*/
@media screen and (min-width:1200px){
.fw{ width:1200px; margin:auto; font-size:14px; line-height:24px;}
.fw img{ max-width:100%; height:auto;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.fw{ width:94%; margin:auto; font-size:14px; line-height:24px;}
.fw img{ max-width:100%; height:auto;}
}
@media only screen and (max-width:768px){
.fw{ width:94%; margin:auto; font-size:14px; line-height:24px;}
.fw img{ max-width:100%; height:auto;}
}

/*文章页*/
@media screen and (min-width:1200px){
.news_s_tit{ text-align:center; color:#333; font-size:24px;}
.news_s_time{ padding:10px 0 20px 0; text-align:center; color:#888888; font-size:14px;}
.news_s_con{ line-height:2em; color:#666666; font-size:14px;}
.news_s_con img{ max-width:100%; height:auto;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.news_s_tit{ text-align:center; color:#333; font-size:22px;}
.news_s_time{ padding:10px 0 15px 0; text-align:center; color:#888888; font-size:14px;}
.news_s_con{ line-height:2em; color:#666666; font-size:14px;}
.news_s_con img{ max-width:100%; height:auto;}
}
@media only screen and (max-width:768px){
.news_s_tit{ text-align:center; color:#333; font-size:18px;}
.news_s_time{ padding:5px 0; text-align:center; color:#888888; font-size:14px;}
.news_s_con{ line-height:24px; color:#666666; font-size:14px;}
.news_s_con img{ max-width:100%; height:auto;}
}

/*联系我们*/
@media screen and (min-width:1200px){
.contact{ width:1200px; margin:auto;}
.map #container{ width:100%; height:540px;}
.contact_l{ float:left; width:500px; max-width:100%;}
.intro{ float:left; padding:10px 0 20px 0; border-bottom:1px solid #eeeeee; color:#333333; font-size:14px;}
.contact_l ul{ padding:30px 0 20px 0;}
.contact_l ul li{ padding-bottom:30px;}
.cleft{ float:left; width:40px; padding-right:12px;}
.cright{ float:left;}
.crtit{ color:#888; font-size:14px;}
.crcon{ color:#333; font-size:16px; font-weight:bold;}
.contact_r{ float:right; width:650px; max-width:100%; padding-top:21px;}
.contact_r ul{ width:100%; float:left; padding:20px 0;}
.contact_r ul li{ border:1px solid #e7e7e7; margin-bottom:10px;}
.contact_r ul li .ctxt{ display:block; background:none; border:0; width:90%; line-height:28px; padding:15px 5%; color:#333333; font-size:14px;}
.contact_r ul li textarea{ background:none; border:0; width:90%; height:86px; line-height:28px; padding:15px 5%; color:#333333; font-size:14px;}
.csub{ background:#e00000; border:0; width:100%; padding:15px 0; color:#ffffff; font-size:24px; cursor:pointer;}
}
@media screen and (min-width:769px) and (max-width:1199px){
.contact{ width:94%; margin:auto;}
.map #container{ width:100%; height:460px;}
.contact_l{ float:left; width:47%; max-width:100%;}
.intro{ float:left; padding:10px 0 20px 0; border-bottom:1px solid #eeeeee; color:#333333; font-size:14px;}
.contact_l ul{ padding:25px 0 15px 0;}
.contact_l ul li{ padding-bottom:15px;}
.cleft{ float:left; width:40px; padding-right:12px;}
.cright{ float:left;}
.crtit{ color:#888; font-size:14px;}
.crcon{ color:#333; font-size:16px; font-weight:bold;}
.contact_r{ float:right; width:50%; max-width:100%; padding-top:21px;}
.contact_r ul{ width:100%; float:left; padding:20px 0;}
.contact_r ul li{ border:1px solid #e7e7e7; margin-bottom:10px;}
.contact_r ul li .ctxt{ display:block; background:none; border:0; width:90%; line-height:28px; padding:10px 5%; color:#333333; font-size:14px;}
.contact_r ul li textarea{ background:none; border:0; width:90%; height:86px; line-height:28px; padding:10px 5%; color:#333333; font-size:14px;}
.csub{ background:#e00000; border:0; width:100%; padding:10px 0; color:#ffffff; font-size:24px; cursor:pointer;}
}
@media only screen and (max-width:768px){
.contact{ width:94%; margin:auto;}
.map #container{ width:100%; height:300px;}
.contact_l{ float:left; width:100%; max-width:100%;}
.intro{ float:left; padding:10px 0 20px 0; border-bottom:1px solid #eeeeee; color:#333333; font-size:14px;}
.contact_l ul{ padding:20px 0 10px 0;}
.contact_l ul li{ padding-bottom:10px;}
.cleft{ float:left; width:40px; padding-right:12px;}
.cright{ float:left;}
.crtit{ color:#888; font-size:14px;}
.crcon{ color:#333; font-size:16px; font-weight:bold;}
.contact_r{ float:right; width:100%; max-width:100%; padding-top:10px;}
.contact_r ul{ width:100%; float:left; padding:10px 0;}
.contact_r ul li{ border:1px solid #e7e7e7; margin-bottom:10px;}
.contact_r ul li .ctxt{ display:block; background:none; border:0; width:90%; line-height:28px; padding:5px 5%; color:#333333; font-size:14px;}
.contact_r ul li textarea{ background:none; border:0; width:90%; height:86px; line-height:28px; padding:5px 5%; color:#333333; font-size:14px;}
.csub{ background:#e00000; border:0; width:100%; padding:10px 0; color:#ffffff; font-size:16px; cursor:pointer;}
}

/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}