@charset "utf-8";

html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:13px; font-family:"微软雅黑","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:13px;}
body{ background-color:#FFFFFF; }

*{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;margin:0;padding:0;}
body,button,input,select,textarea{outline:none;}
ul,ol,li{list-style:none;}

img{border:0px;}
table{ }
html,body{height:auto;margin:0 auto;}
.hide{display:none;}
.clear{clear:both;}


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

h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}
h2 { font-size: 2em;  margin:0; padding:0;}
h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}
h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}
h5 { font-size: 1em;  margin:0; padding:0;}
h6 { font-size: 1em; }

/* ?????????
-------------------------------------------------------------- */

/* ??????? */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* ??????? */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* ???? */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* ??????? */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }

/* ??? */
.w1200m { width:1200px; margin:0 auto;overflow:hidden;}

/*首页*/
.navigation{width:100%;background:#000000;opacity:0.7;overflow: hidden;position: absolute;top: 0;z-index: 100;}
.title{float:left;}
.module{float:right;}
/* 导航 */
.header .nav {width: 100%; height: 45px; margin: 0; padding: 0; list-style-type: none;}
.header .nav li { float: left;}
.header .nav a { font-size: 18px;float: left; height: 45px; padding: 0 24px; line-height: 45px; color: #fff; text-decoration: none;}
.header_p1{line-height:45px;font-size:18px;color:#fff;}
.h{color:#00c1c6;}
.nav_menu-item:hover .header_p1{color:#00c1c6;}
.lx_tel{
	text-align: right;
    color: #fff;
    font-size: 17px;
    padding-top: 10px;
    padding-right: 30px;
}
.lx_tel img{margin-right:10px;}
/*轮播图*/
.shutter {
  overflow: hidden;
  width: 100%!important;
  height: 847px;
  position: relative;
}
.shutter-img {
  z-index: 1;
}
.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shutter-img a {
  cursor: default;
}
.shutter-img a > img {
  width: 100%;
  height: 100%;
}
.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.shutter-btn li {
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 49px;
  height: 49px;
  margin-top: -25px;
  cursor: pointer;
}
.shutter-btn li.prev {
  left: 20px;
  background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;
}
.shutter-btn li.next {
  right: 20px;
  background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px;
}
/*mk1，mk2*/
.w1920m{
	width: 100%;
    position: absolute;
    z-index: 99;
    top: 0;
    height: 100%;
}
.main1200{
	position: relative;
    top: 18%;
	padding-top: 312px;
}
.xuanfu{
	width: 100%;
    height: 292px;
    position: absolute;
    top: 0;
}
.xuanfu .xuanfu-img{
	position: absolute;
    right: 0;
    top: 0px;
}
.xuanfu .xuanfu-close{
	position: absolute;
    right: 8px;
    top: 8px;
	cursor:pointer;
}
.mokuai1, .mokuai2, .mokuai3{
	float: left;
    width: 290px;
    padding: 10px 15px;
	background:#ededed;
	height:254px;
	box-shadow: 0px 3px 5px #5e5f5c;
	-moz-box-shadow: 0px 3px 5px #5e5f5c;     
    -webkit-box-shadow: 0px 3px 5px #5e5f5c;  
}
.mokuai2{margin:0 20px;}
.mk1_p1{font-size:22px;color:#000000;}
.mk1_p2{font-size:16px;color:#b3b3b3;font-family:'Arial';}
.mk1_p3{font-size:13px;color:#000000;line-height:22px;text-indent: 2em;}
.mk1_p1:hover, .mk1_p3:hover{color:#00c1c6;}

.mk1_p4{
	float: left;
    width: 173px;
    font-size: 14px;
    color: #000000;
    height: 25px;
    overflow: hidden;
}
.mk1_p5{
	float: left;
    width: 173px;
    font-size: 12px;
    color: #666666;
}
.mk1_p6{
	float: left;
    width: 173px;
    color: #000000;
    font-size: 12px;
    margin-top: 6px;
}
.mk1_p7{
	float:left;
	width:100%;
	margin-top: 3px;
	font-size: 14px;
    color: #000000;
}
.mk1_s1{float:right;font-size:12px;color:#666666;}
.mk1_d1{overflow:hidden;margin:2px 0 5px;}
.mk1_d1 img{cursor: pointer;transition: all 0.6s; }
.mk1_d1 img:hover{transform: scale(1.2);}
.mk2_d1{overflow:hidden;margin:2px 10px 3px 0;float: left;}
.mk1_d1:hover .mk1_p4, .mk1_d1:hover .mk1_p6{color:#00c1c6;} 
.mk1_p7:hover{color:#00c1c6;}
/*mk3*/
.mokuai3{width:490px;}
.example {
	width:468px;
    margin: 15px auto 0;
	position:relative;
}
.example ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.example li {
	display: block;
	float: left;
	margin: 5px;
	padding: 0;
}
.example .mk3_d1 img {
	display: block;
	margin: 0;
}

.mk3_d1 {
    border: 2px solid #fff;
    width: 142px;
    height: auto;
    overflow: hidden;
}
.mk3_d1:hover{border:2px solid #00c1c6;}
.mk3_p1:hover{color:#00c1c6;}
.mk3_d1 img{
	cursor: pointer;
	transition: all 0.6s; 
}
.mk3_d1 img:hover{transform: scale(1.2);}
.microfiche-bullets{display:none!important;}
.microfiche-controls{    
	width: 100%;
    position: absolute;
    top: 50px;
}

.microfiche-prev-button{background:url(../images/mk3_l.png);left:-19px;}
.microfiche-next-button{background:url(../images/mk3_r.png);right:-19px;}
.microfiche-prev-button, .microfiche-next-button{
	width:14px;
	height:43px;
	position:absolute;
	background-color:#808080;
	line-height:66px;
	color:#808080;
	cursor:pointer;
}
.microfiche-prev-button:hover, .microfiche-next-button:hover{
	background-color:#00c1c6;
	color:#00c1c6;
}
.mk3_p1{line-height:48px;height:48px;overflow:hidden;text-align:center;color:#666666;font-size:12px;}
/* banner */
.banner_n { width:100%; height:360px; background:url("../images/banner1.jpg") no-repeat top center; 
	box-shadow: 0px 2px 3px rgba(150,149,149, 0.6);
	-moz-box-shadow: 0px 2px 3px rgba(150,149,1491, 0.6);     
    -webkit-box-shadow: 0px 2px 3px rgba(150,149,149, 0.6);     
}
/*友情链接*/
.links{
	float: left;
    width: 100%;
    font-size: 15px;
    color: #ffffff;
    margin-top: 10px;
}
.links a{
	font-size: 15px;
    color: #ffffff;
	margin:0 5px;
}
.links a:hover{color:#00c1c6;}
/* ??? */
.leftmenu { float:left; }
.main_r { float:right; width:920px;    margin-bottom: 40px;}

/* foot*/
.footer {overflow:hidden;background: #808080;width:100%;}
.footer_left, .copyright, .footer_right{
	float:left;
	width:33.33%;
	line-height:46px;
	color:#ffffff;
	font-size:15px;
}
.copyright{text-align:center;}
.footer_right{text-align:right;}
.footer_right a{color:#ffffff;font-size:15px;}
.footer_right a:hover{color:#00c1c6;}
#cnzz_stat_icon_1266847151 a img{margin-top:-4px;}
/*分页*/
.dede_pages {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
	background: #f6f6f6;
}
.pagelist {
    width: 100%;
    overflow: hidden;
    text-align: center;
    justify-content: center;
    display: flex;
	float: left;
	padding: 14px 0;
}
.pagelist li{
	height: 24px;
    float: left;
    background: #fff;
    line-height: 24px;
    color: #999999;
    margin: 0 5px;
    border: 1px solid #dddddd;
	padding:0 8px;
	border-radius: 3px;
}
.pagelist li a{
    
    background: #fff;
   
    color: #999999;
    
}
.pagelist .thisclass{
    height: 26px;
    float: left;
    background: #87d7da;
    line-height: 26px;
	color:#fff;
	margin: 0 5px;
	border:none;
	padding:0 9px;
}
/*左侧*/
.left_lx{
	float: left;
    margin-top: 40px;
    width: 218px;
    height: 65px;
    border: 1px solid #eaeaea;
    line-height: 65px;
    padding-left: 20px;
    font-size: 18px;
    color: #2d2d2d;
	background:url(../images/left_lxwm.jpg);
}
.left_lxwm{
	float:left;
	border: 1px solid #eaeaea;
	padding:20px 19px;
	margin-bottom:40px;
	background: #f4f4f4;
}
.left_lxwm p{
	font-size:14px;
	color:#2d2d2d;
	line-height:30px;
}
/*产品列表*/
.cont_left {
    float: left;
    width: 240px;
}
.product01 {
    float: left;
    width: 238px;
    border: 1px solid #eaeaea;
    margin: 25px 0 0;
}
.product01 .head_b {
    display: block;
    color: #1a1a1a;
    font-size: 18px;
    background: url(../images/d2-2.png) 10px center no-repeat;
    height: 86px;
    width: 136px;
    margin: 0 auto 30px;
    padding: 0 0 0 60px;
    line-height: 86px;
    border-bottom: 1px solid #eaeaea;
}
.allClass_1 a {
    height: 42px;
    line-height: 44px;
    font-size: 14px;
    position: relative;
    display: block;
    padding-left: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/cp04.png) 35px center no-repeat;
}
.allClass_1 a:hover{
	background: url(../images/cp04-2.png) 35px center no-repeat;
	border-left:2px solid #00c1c6;
	color:#00c1c6;
	background-color: #f6f6f6;
}
.allClass_1 .cur{
	background: url(../images/cp04-2.png) 35px center no-repeat;
	border-left:2px solid #00c1c6;
	color:#00c1c6;
	background-color: #f6f6f6;
}
.content_com_title {
    border-bottom: 1px solid #ddd;
    position: relative;
    height: 60px;
    margin: 25px 0px 35px;
}
.place{
    float: left;
    line-height: 12px;
    font-size: 14px;
    color: #515357;
    padding: 30px 24px 17px 50px;
    background: url(../images/d6.gif) 20px 27px no-repeat;
    border-bottom: 1px solid #4f5e86;
}
.place a{margin:0 5px;}
.place a:hover{color:#00c1c6;}
.pro_list_l1{float:left;width:28.26%;overflow: hidden;}
.pro_list_l1:nth-child(2), .pro_list_l1:nth-child(5){margin:0 7.61%;}
.pro_list_d1{height:auto;overflow: hidden;border:2px solid #bbb;}
.pro_list_img1{cursor: pointer;transition: all 0.6s;width:100%;}
.pro_list_l1:hover .pro_list_img1{transform: scale(1.2);}
.pro_list_l1:hover .pro_list_a2{color:#00c1c6;}
.pro_list_l1:hover .pro_list_d1{border:2px solid #00c1c6;}
.pro_list_a2{display:block;width:100%;line-height:42px;height:42px;overflow:hidden;color:#454545;font-size:14px;text-align: center;margin-bottom: 10px;}
.pro_list_div a{
	float:left;
	margin-right:30px;
	    font-size: 16px;
    color: #575757;
    background: #f6f6f6;
    line-height: 42px;
    padding: 0 51px;
}
.listbox{overflow: hidden;}
.listbox2{overflow: hidden;margin: 35px 0;display:none;}
.pro_list_div .cur{color:#00c1c6;}
.pro_list_div a:hover{color:#00c1c6;}
/*新闻列表*/
.news_list li {
    background-color: #fff;
    clear: both;
    overflow: hidden;
    padding: 17px;
    margin-bottom: 30px;
}
.news_list .img {
    width: 24%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 3%;
}
.news_list .img .news_list_img1{
    display: block;
    width: 100%;
    height: auto;
	cursor: pointer;
	transition: all 0.6s; 
}
.news_list li:hover .news_list_img1{transform: scale(1.2);}
.news_list li:hover .intro .n{color:#00c1c6;}
.intro{float:left;width: 73%;}
.news_list .intro .n {
    font-size: 22px;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
}
.news_list .intro time {
    font-size: 14px;
    color: #999;
}
.news_list .intro .text {
    border-top: #999 1px dotted;
    overflow: hidden;
    padding-top: 10px;
    margin-top: 5px;
    color: #333;
	line-height: 24px;
}
/*案例列表*/
.case_list_l1{
	float:left;
	width:24.23%;
	margin-left:1.02%;
}
.case_list_l1:nth-child(1), .case_list_l1:nth-child(5){margin-left:0px;}
.case_list_a2{
	display:block;
	width:100%;
	line-height:42px;
	height:42px;
	overflow:hidden;
	font-size:14px;
	color:#515357;
	text-align:center;
	margin-bottom:30px;
	background:#f6f6f6;
}
.case_list_d1{height:142px;overflow: hidden;}
.case_list_img1{cursor: pointer;transition: all 0.6s;width:100%;height:100%;}
.case_list_l1:hover .case_list_img1{transform: scale(1.2);}
.case_list_l1:hover .case_list_a2{color:#00c1c6;}
/*关于创客*/
.about_t, .about_b{overflow:hidden;}
.about_b{margin:10px 0 40px;}
.about_t_p{float:left;width:57%;font-size: 16px;color: #454545;text-indent: 2em;}
.about_t_img{float:right;width:37%;}
.about_b_p{float:right;width:38%;font-size: 16px;color: #454545;text-indent: 2em;}
.about_b_img{float:left;width:59%;}
.content_qywh{width:100%;height:330px;max-height:330px;background:url(../images/qywh.jpg);}
.about_qywh{float:left;width:36.6%;margin:0 3.2%;margin-top:50px;}
.about_qywh p{font-size:16px;color:#454545;line-height: 26px;margin: 15px 0;}
/*联系我们*/
#dituContent{width:100%;height:290px;margin-bottom:30px;}
.lxwm1{float:left;width:195px;margin-left:35px;}
.lxwm2, .lxwm3{float:left;width:320px;margin-left:25px;}
.lxwm_ewm{float:left;}
.lxwm1 p{float:left;width:90px;text-align:center;font-size:15px;color:#000000;margin-top: 30px;}
.lxwm2 p, .lxwm3 p{float:left;width:100%;font-size:16px;color:#000000;margin-bottom: 20px;}
/*在线留言*/
.content_liuyan p{font-size: 16px;color: #454545;margin-bottom: 25px;}
.liuyan_left, .liuyan_right{width:376px;height:34px;line-height:34px;border:1px solid #b3b3b3;font-size:15px;color:#b2b2b2;padding:0 15px;float:left;font-family: '微软雅黑';margin-bottom:30px;}
.liuyan_right{float:right;}
.liuyan_c{display:block;border:1px solid #b3b3b3;font-size:15px;color:#b2b2b2;padding:10px 15px;width:888px;height:192px;font-family: '微软雅黑';}
.liuyan_tj{font-size:15px;font-family: '微软雅黑';color:#ffffff;padding: 10px 33px;background:#000000;margin-top:30px;cursor:pointer;}
/*详情页*/
._title{
	font-size: 24px;
    line-height: 1.4;
    color: #333;
    font-weight: bold;
    text-indent: 2em;
}
.myart {
    padding: 20px 0;
}
.myart p{
	font-size: 16px;
    color: #333;
	margin-bottom:15px;
	text-indent:2em;
	line-height: 35px;
}
 ._prev, ._next{
    line-height: 40px;
    overflow: hidden;
    height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #cccccc;
}
._mark {
    font-weight: bold;
    float: left;
    margin-right: 10px;
}
.ion {
    font-size: 16px;
    font-weight: normal;
	font-family: "jrico"!important;
    display: inline-block;
    margin: 0 .3em;
    font-style: normal;
}
._detailPage_bottom{border-top: 1px solid #cccccc;}
.myart img{margin:10px auto 20px;}
._prev a:hover, ._next a:hover{color:#00c1c6;}
._title_case{
	font-size: 24px;
    line-height: 1.4;
    color: #333;
    font-weight: bold;
    text-align:center;
}
._tools{
	line-height: 28px;
    text-align: center;
    width: 400px;
    margin: 20px auto 0;
}
.xuanfu_qq{position:fixed;right:0;top:50%;z-index:999;}
.xuanfu_qq img{max-width:100px;}
@media only screen and (max-width: 1440px) {
	.banner_n{background-size: 100%!important;height: 266px;}
	.main1200{top:25%;}
}
@media screen and (max-width:1366px) {
	.banner_n{background-size: 100%!important;height: 252px;}
	.main1200{top: 25%;}
}