@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}



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-radius:5px; border:1px solid #ccc;}
.xrpagination .pagination li.active a {border-color:#318cd2; background-color:#318cd2; color:#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; padding: 0 120px 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; display: none;}
/*.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: 20px; 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: 34px; 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;}

.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; line-height:14px; font-size:13px; padding:5px 0 7px 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: 14px; border-bottom: 1px dotted #ccc; padding:3px 0 5px 10px;}

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





.kelist { margin:22px 0 10px; padding:8px;/* 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: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;}