@charset "utf-8";







/* 通用 */







* {margin:0; padding:0; outline:none;}



ul,ol {list-style:none;}



img {vertical-align:middle; border:none;}



body {color:#333; font:13px/1.5 "Microsoft Yahei",Arial,"宋体",Helvetica; overflow-x: hidden; background: url(../img/bj.jpg);}



a {color:#333;text-decoration:none; transition:all 0.3s linear 0s;}



a:hover {color:#d00;text-decoration:none;}



em,i {font-style:normal}



table {border-collapse:collapse;border-spacing:0; border-color: none;}







header,footer,article,aside,section,nav,menu,details,dialog,figure,figcaption {display:block}



h1,h2,h3,h4,h5,h6 {font-weight: normal;}


.xrpagination {text-align:center}
.xrpagination .pagination {display:flex; justify-content: center;}
.xrpagination .pagination li a {display:block; padding:3px 12px;  border:1px solid #ccc;}
.xrpagination .pagination li.active a  {border-color:#318cd2; background-color:#318cd2; color:#fff;}
.xrpagination .pagination li a:hover {border-color:#318cd2; background-color:#318cd2; color:#fff; border-left:1px solid #fff;}
.xrpagination .pagination li:first-child a {border-radius:5px 0 0 5px;}
.xrpagination .pagination li:last-child a {border-radius:0 5px 5px 0;}




.clearfix {*zoom: 1; }



.clearfix:after{display:table;line-height:0;content:""; clear:both;}



.clear {clear:both;height:0;overflow:hidden;}







.tc{text-align:center;}



.tl{text-align:left;}



.tr{text-align:right;}



.hide{display:none;}



.block{display:block;}







.w {width:1100px; margin:0 auto;}



.w100 {width:100%;}



.center {margin:0 auto;}



.o {overflow:hidden;}



.fl {float:left; display:inline;}



.fr {float:right; display:inline;}



/* p {word-wrap:break-word} */





/*------------------------------------------首页------------------------------------------*/		





/* Header */





.header {height:82px; background-color: #fff; border-bottom: 1px solid #318cd2;}



.header .w span {display: inline-block; padding: 32px 0 0; color: #666;}



.header .w span a {margin: 0 6px; color: #666;}
.header .w span a img  {border: 1px solid #ddd;}






.nav {height:49px;  overflow: hidden; background: url(../img/menubg.png) repeat-x center top;}



.menu {overflow: hidden; height:49px; }



.menu .m { float:left; display: inline-block;  position:relative; z-index: 999; margin-left: 1px;}



.menu h3 {float: left; font-weight: normal; overflow: hidden; display: inline-block; }



.menu h3 a {font-size: 16px; color: #333; line-height: 49px; text-align: center; width: 181px; height: 49px; display: block;}



.menu h3 a:hover { background:#318cd2; color: #fff;}



.menu h3 a.curr {background:#318cd2; color: #fff;}



.menu .sub{ display:none; width:181px; padding: 0;  position:absolute; left:0px; top:49px; background:#00BAE2; text-align:center;  }



.menu .sub li{ vertical-align:middle; }



.menu .sub li a{ height:25px; line-height:25px; padding:4px 0;  display:block; background:url(images/icon.png) 0 9px no-repeat; color:#fff;   }



.menu .sub li a:hover{ color:#fff; background:#D83783;}







.banner {height:388px;  overflow:hidden;position:relative}



.b1 {background: url(../img/b1.jpg) no-repeat center top}







#focus_Box{position:relative;width:1080px;height:308px;margin:40px auto;}



#focus_Box ul{position:relative;/*width:1080px;*/height:308px; margin-left:64px;}



#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;}



#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}



#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff; display: none;}



#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}



#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}



#focus_Box .prev{background:url(../images/btn2.png) left bottom no-repeat;left:0px}



#focus_Box .next{background:url(../images/btn2.png) right bottom no-repeat;right:0px} 



#focus_Box .prev:hover{background-position:left top;}



#focus_Box .next:hover{background-position:right top;}



#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}











.footer {background: #318cd2; color: #fff; padding:20px 0 30px; line-height: 24px;} 



.footer a {color: #fff;}



.footer .foot_nav {padding: 30px 0 45px;}



.footer .foot_nav ul {float: left; display: inline-block; width: 140px; padding: 0 30px 0 0;}



.footer .foot_nav ul h3 {margin-bottom: 6px;}



.footer .foot_nav ul li a {font-size: 12px;}







.backtop {position: fixed; right: 20px; bottom: 30px;  z-index: 999;}



.backtop a {width: 50px; height:50px; line-height: 52px; color: #000; display: inline-block; font-size: 30px; text-align: center; cursor: pointer; font-family: 'NSimSun'; background: #E9E8E8;}



.backtop a:hover {background: #397DCF; color: #fff;}







.i_ewm {position: fixed; top: 35%; right: 1px;}



.i_ewm img {width: 110px;}




.fixed_qq {/*right: -182px;*/ right: 2px; position: fixed;  top: 34%; z-index: 100005; }
/*.fixed_qq .fixed_btn {cursor:pointer; width: 57px; height: 180px; background: url(../img/kf_btn.jpg) no-repeat center top;}*/
.fixed_qq .fixed_btn {line-height: 40px; border: 2px solid #80c269; border-bottom: none; background: #fff; font-size: 22px; color: #333;}


.fixed_qq .kf_qqbox {width:148px; height: 146px; overflow:hidden; border: 2px solid #80c269; padding-top: 30px; background-color: #fff;}
.fixed_qq .kf_qqbox li {display: block; overflow: hidden;}
.fixed_qq .kf_qqbox li img {width: 85px;}
.fixed_qq .kf_qqbox .kf-tel {padding: 80px 0 10px; display: none; background:url(../img/kf_tel.png) no-repeat center 26px; font-size: 16px;}
.fixed_qq .kf_qqbox .kf-wx {padding: 25px 0;}
.fixed_qq .kf_qqbox .kf-wb {padding: 0 0 30px;}
.fixed_qq .kf_qqbox .kf-qq {padding: 5px 0;}





/* Content */







.p40 {padding: 40px 0;}







.hot_tags {line-height: 40px; margin: 20px auto;}



.hot_tags .w { border-bottom: 1px dashed #ccc; padding: 10px 0;}



.tags_fl {font-size: 12px;}



.tags_fl a {display: inline-block; margin: 0 10px 0 6px;}



.hot_tags form {padding: 7px 0 0;}



.hot_tags .myinp {border: 2px solid #1a679d; height: 24px; line-height: 24px; width: 230px; padding: 0 4px; margin: 0 0 0 0;}











.h2 {height:32px; line-height:32px; margin-bottom: 10px; }



.h2 span { display:inline-block; float:left; font-size:18px; }



.h2 a { display:inline-block; float:right; font-size:12px;}







.i {margin-bottom: 30px;}



.xl {width:680px;}



.xr {width:390px;}







.infor {}



.infor img {width: 330px; height: 290px;}



.infor .infor_txt {background-color: #1a679d; height: 260px; width: 320px; position: relative; padding: 15px; color: #fff;}



.infor .infor_txt h3 {margin-bottom: 6px;}



.infor .infor_txt div {font-size: 12px; line-height: 24px;}



.infor .infor_txt div p {text-indent: 2em; margin-bottom: 5px;}



.infor .infor_txt span {display: block; line-height: 40px; background-color: #1b77b8; color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 14px; font-weight: bold;}







.i_new {}



.i_new li {}



.i_new li a {display: block; padding-left: 20px; background:url(../img/dot1.png) no-repeat 0 center; line-height: 41px;}



.i_new li a:hover {text-decoration: underline;}


.i_conta {padding: 15px 10px 0;}
.i_conta p {line-height: 40px; font-size: 16px;}




.tit {}



.tit h3 { font-size: 18px; font-weight: normal; padding: 0 0 10px;}



.tit span {display: block; padding: 10px 0; font-family: Arial; color: #7c7c7c;}



.tit1 {background: url(../img/tit1.png) no-repeat center bottom;}







.i_case {padding: 30px 0 40px;}



.i_case_box {position: relative;}



.i_case_box .tempWrap {width: 1000px; margin: 0 auto; }



.i_case_box .prev, .i_case_box .next {height:42px;width:20px; display:inline;cursor:pointer; overflow:hidden; position: absolute; top: 37%;}



.i_case_box .prev{background:url(../img/roll_l2.png) no-repeat left top; left:0;}



.i_case_box .next{background:url(../img/roll_r2.png) no-repeat right bottom; right:0;}







.i_case_l li{float:left; display:inline; margin:25px 7px 15px; width:247px; height:226px;}



.i_case_l li a{display:block; width:245px; height:224px; border:1px solid #e6eff9;}



.i_case_l li a img{ width:245px; height:185px;}



.i_case_l li a span{display:block; height:38px; font-size:14px; line-height:38px; border-width:0 1px 1px; border-style:solid; border-color:#e5e5e5; background:#FFF; text-align:center; overflow:hidden;}



.i_case_l li a:hover{border:1px solid #923110; color:#923110; text-decoration:none; -webkit-box-shadow:-3px 3px 5px #adc4de; -moz-box-shadow:-3px 3px 5px #adc4de; box-shadow:-3px 3px 5px #959ba1;}











/*------------------------------------------内页面------------------------------------------*/		







.p_banner {height: 300px;}



.p_about {background:url(../img/p_about.jpg) no-repeat center center;}



.p_pro {background:url(../img/p_pro.jpg) no-repeat center center;}



.p_news {background:url(../img/p_news.jpg) no-repeat center center;}



.p_service {background:url(../img/p_service.jpg) no-repeat center center;}



.p_qua {background:url(../img/p_qua.jpg) no-repeat center center;}
.p_partner {background:url(../img/p_partner.jpg) no-repeat center center;}



.p_contact {background:url(../img/p_contact.jpg) no-repeat center center;}







.ml {width:210px; }



.mr {width:866px;}







.map {padding: 12px 18px 8px; border-bottom: 1px solid #efefef; font-size: 12px; color: #999;}



.map a {color: #999;}







.main  { padding: 30px 0;}



.m_b {margin-bottom:30px; border-radius:5px; box-shadow:0 2px 4px #eee; border:1px solid #ccc; background-color: #fff;}



.m_bb { padding:1px; }



.ml .m_bb h2 {height:38px; line-height:38px; text-align:center; font-size:15px; color:#222; background-color:#f6f7f9;}







.list {margin:8px 12px; min-height:240px;}



.list li {margin:4px auto;}



.list li a {display:block; height:30px; line-height:30px; font-size:13px; padding-left:22px; border-radius:2px;}



.list li a:hover, .list li.currclass a {color:#fff; background-color:#318cd2; text-decoration:none;}







.m_br {border-radius:5px; box-shadow:0 2px 4px #eee; border:1px solid #ccc; background-color: #fff;}



.manr {margin:20px; line-height:28px; font-size:13px; text-align:justify; min-height:400px;}



.manrr {margin:20px 0 20px 14px; line-height:28px; font-size:13px; text-align:justify; min-height:400px;}



.manr img {max-width:100%;}







.pro_listbox {margin:8px 12px; min-height:240px;}



.pro_listbox li {margin:4px auto;}



.pro_listbox li .a1 {display:block; height:30px; line-height:30px; font-size:13px; padding-left:18px; border-radius:2px; background-color: #ddd;}



.pro_listbox li .curr, .pro_listbox li .a1:hover {color:#fff; background-color:#318cd2; text-decoration:none; font-weight: bold;}



.pro_listbox li div {padding: 4px  0 4px 0px; display: none;}



.pro_listbox li div a {display: block; line-height: 28px; border-bottom: 1px dotted #ccc; padding-left: 10px;}



.pro_listbox li div a:hover, .pro_listbox li div .xt {color: #318cd2; border-bottom-color: #318cd2;}











.kelist { margin:22px 10px 5px 0; border-radius:5px; padding:15px;/* box-shadow:0 0 2px #d0d0d0;*/}



.kelist:hover {box-shadow:0 0 15px #bebebe; transition: all 0.3s linear 0s;}



.kelist em {display:inline-block;}



.kelist .keimg {width:180px; height:140px; overflow:hidden; text-align:center; box-shadow:0 0 5px #d7d7d7;}



.kelist .keimg img {max-width:100%; height:140px;}



.kelist .keimg:hover img {transform: rotate(0deg) scale(1); transition: all 0.6s ease 0s;}



.kelist .ketit a{ font-size:16px; color:#e50000; font-weight:bold; margin-bottom:8px;}



.kelist .keintro {width:610px; line-height:21px; color:#8c8c8c;}



.kelist .keintro a { margin-top:4px; display:block; text-align:left;}



.kelist .keintro a:hover {text-decoration:underline;}



.kelist .keintro p {text-indent:2em;}



.kelist .kep {height:106px; clear:both; overflow:hidden;}







/*------------------------------------------常规通用------------------------------------------*/		















/* 文章分页 */







.newslist { padding:15px 0 0;}



.newslist li {overflow:hidden; margin:0px auto;}



.newslist li:hover {box-shadow:0 0 10px #ddd; transition: all 0.3s linear 0s;}



.newslist li a {display:inline-block; float:left; line-height:32px; text-indent:24px; background:url(../img/n_ico1.png) no-repeat 8px center;}



.newslist li em {display:inline-block; float:right; font-size:12px; margin:3px 5px 0 0;}



.newslist li i {display:inline-block; float:right; margin:3px 10px 0 0;}







#art_title {text-align:center;}



#art_title h2 {font-size:16px; font-weight: bold;}



#art_xinxi {text-align:center; color:#999; margin:8px 0px; padding:0 0 8px;}



#art_xinxi span {display:inline-block; margin:0 8px;}



#art_content {font-size:13px; border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; padding: 30px 0;}



#art_content img {max-width:100%;}



#art_xguan {padding:6px 0 0;}



#art_xguan span {display:block; color:#666;}



#art_xguan span a {color:#666;}



.art_a {padding:10px 0;}



.art_btn{background:#318cd2;color:#fff;display:inline-block;font-weight: bold; border-radius:24px;font-size:15px;height:30px;line-height:30px; text-align:center;width:130px}



.art_btn:hover{color:#fff;box-shadow: 0 0 10px #999; }











/* 图片分页 */







#gallery { clear:both; text-align:center;}



#gallery li { display: block; float: left; width:240px; margin:6px 18px 24px; }



#gallery li img {max-width:100%; height:160px;}



#gallery li a {border-radius:3px; display:block; padding:4px 4px; border:1px solid #ccc;}
#gallery li a p {line-height:22px; padding:4px 0; height:44px; overflow:hidden; display: flex;
    justify-content: center;
    align-items: center;}


#gallery li a:hover {color:#000; text-decoration:none; box-shadow:0 0 18px #bbb;}











/* 产品内容页 */







.proc_box {margin-bottom: 26px;}



.proc_box .shop_album {width: 284px; height: 310px;}



.proc_box .shop_info {width: 520px; height: 310px; overflow: hidden; line-height: 22px;}



.proc_box .shop_info_tit {font-size: 20px; font-weight: bold; color: #333; padding: 10px 0;}



.proc_box .shop_info_txt .spa {display: block; padding: 5px 0 5px; font-weight: bold; font-size: 14px; color: #666}



.proc_box .shop_info_txt p {font-size: 12px; color: #888;}







.shop_con_t{height:35px; border-bottom:#ccc solid 1px;}



.shop_con_t span{display:inline-block; border-left:#ccc solid 1px; border-right:#ccc solid 1px; border-top:#318cd2 solid 2px; padding:0px 15px; background-color:#fff; line-height:34px; height:34px; color:#318cd2;}







.con_con {color: #333; line-height: 25px; padding: 20px 10px; border-bottom:#ccc 1px solid;}











/* 分页样式 */



#fenye {clear:both; overflow:hidden; margin:20px auto 20px; font-family:"Courier New", Courier, monospace; text-align:center;}



#fenye table {margin:0 auto;}



#fenye table td {padding:0;}



#fenye a,#fenye span{margin:0px 2px; color:#999; border:1px solid #999; border-radius:5px; font-size:14px; font-weight:bold; text-align:center; height:24px; line-height:26px; display:inline-block; padding:0px 10px;}



#fenye a:hover{color:#da251c; border:1px solid #da251c; text-decoration:none;}



#fenye a.curr{color:#da251c; border:1px solid #da251c; }



#fenye a.num{}



#fenye span{line-height:26px; color:#da251c; border:1px solid #da251c;}



















/*



#d_tab29 ul, #d_tab29 li { margin: 0; padding: 0; list-style: none }



#d_tab29 img { border: 0; vertical-align: top }



#d_tab29 { position: relative; height: 400px; background: url('../images/bg3.jpg') no-repeat center 0; text-align: left }



#d_tab29 .d_img { position: relative; margin: 0 auto; width: 1000px; height: 100% }



#d_tab29 .d_img li { position: absolute; display: none; z-index: 0 }



#d_tab29 .d_img li img { width: 100% }



#d_tab29 .d_img li.d_pos1 { display: block; width: 400px; left: 0%; top: 60px; z-index: 1 }



#d_tab29 .d_img li.d_pos2 { display: block; width: 450px; left: 10%; top: 40px; z-index: 2 }



#d_tab29 .d_img li.d_pos3 { display: block; width: 500px; left: 25%; top: 20px; z-index: 3 }



#d_tab29 .d_img li.d_pos4 { display: block; width: 450px; right: 10%; top: 40px; z-index: 2 }



#d_tab29 .d_img li.d_pos5 { display: block; width: 400px; right: 0%; top: 60px; z-index: 1 }



#d_tab29 .d_menu { position: absolute; bottom: 20px; width: 100%; text-align: center }



#d_tab29 .d_menu li { display: inline-block; zoom: 1; *display:inline;



background: url('../images/btn.png') no-repeat 0 0; width: 12px; height: 12px; cursor: pointer; margin-right: 3px }



#d_tab29 .d_menu li.d_select { background: url('../images/btn.png') no-repeat 0 -18px }



#d_tab29 .d_next { position: absolute; left: 50%; margin-left: 475px; top: 140px; z-index: 10; cursor: pointer }



#d_tab29 .d_prev { position: absolute; left: 50%; margin-left: -525px; top: 140px; z-index: 10; cursor: pointer }







 原幻灯



.ffocus {height:480px;  overflow:hidden;position:relative}



.ffocus .bd{position:relative;z-index:0}



.ffocus .bd ul{width:100%!important}



.ffocus .bd li{height:480px;overflow:hidden;text-align:center;width:100%!important}



.ffocus .bd li a{display:block;height:480px}



.ffocus .hd{position:absolute;bottom:12px;zoom:1;z-index:3;text-align:center;width:100%}



.ffocus .hd li{width:20px;height:20px;line-height:20px;display:inline-block;text-align:center; text-indent: -1999px; color:#000;background:#fff;margin-right:10px;border-radius:50%;cursor:pointer}



.ffocus .hd li.currclass {background:#F70; box-shadow: 0 0 6px #fff;}



.ffocus .next,.ffocus .prev{display:none;width:40px;height:100px;background:url(../img/btn.png) no-repeat;position:absolute;top:33%}



.ffocus .prev{left:1%}



.ffocus .next{right:1%;background-position:right}



*/ 







.pro_album{width:278px; height:218px; padding:1px; border:#e0e0e0 solid 1px;}



.pro_album img{width:278px; height:218px;}



.pro_albumlist{height:54px; margin-top:10px;}



.pro_albumlist_l{width:18px; height:54px; float:left; display:inline-block; background:url(../images/icon_07.png) no-repeat left top; cursor:pointer;}



.pro_albumlist_r{width:18px; height:54px; float:right; display:inline-block; background:url(../images/icon_07.png) no-repeat right top; cursor:pointer;}



.pro_albumlist_c{width:234px; height:54px; float:left; display:inline; margin-left:5px; overflow:hidden;}



.pro_albumlist_c ul{height:54px; overflow:hidden;}



.pro_albumlist_c li{display:inline; float:left; width:50px; height:43px; border:#ccc solid 1px; padding:1px; overflow:hidden; cursor:pointer; margin:0px 2px 0px 3px; margin-top:4px;}



.pro_albumlist_c li.on{border:#318cd2 solid 1px;}



.pro_albumlist_c li img{width:50px; height:43px;}