body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
body{font-family:"Microsoft Yahei";font-size:14px;color:#333; padding:0; margin:0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#333; font-size:14px;}
a{ color:#000;}
a:hover{ color:#24aedf;}
a {text-decoration: none;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
/*通用父子盒子嵌套浮动问题解决，开始*/
.clear {margin: 0px auto;width: 100%;height: 1px;font-size: 1px;clear: both;background: none;overflow: hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*通用父子盒子嵌套浮动问题解决，结束*/
/*间隙层开始*/
.space_hx10 { /*横向间隙*/clear: both;width: 100%;height:10px;font-size: 1px;	overflow: hidden;}
.space_hx { /*横向间隙*/clear: both;width: 100%;height: 40px;font-size: 1px;	overflow: hidden;}
.space_hx20 { /*横向间隙*/clear: both;width: 100%;height:20px;font-size: 1px;	overflow: hidden;}
.space_zx { /*纵向间隙*/float: left;width: 10px;font-size: 1px;overflow: hidden;}
/*间隙层结束*/

/*头部*/
.header{ width:100%; border-bottom:0px solid #000;}
.head{ width:1200px; margin:0px auto;}
.head .logo{ width:355px; height:55px; float:left; margin:30px 0;}
.head .logo img{ width:355px; height:55px; vertical-align:top;}
.head .nav_m{ width:780px; float:right; margin-top:40px;}
.head .nav_m .nav{ width:100%; text-align:right;}
.nav li,.nav li a{ display:inline-block; *display:inline; zoom:1;}
.nav li{ border-bottom:2px solid #FFF; margin-left:28px;}
.nav li.now{ border-bottom:2px solid #24aedf;}
.nav li a{ margin-left:0; font-size:16px; color:#000; padding:0 10px; height:35px; line-height:35px;}
.nav li a:hover,.nav li.now a{color:#24aedf;}
.nav_m .n_icon{ display:inline-block; *display:inline; zoom:1; height:18px; line-height:18px; color:#333; padding-left:28px; background:url(images/nav_ico.png) no-repeat left center; position:absolute; right:0; top:55px; z-index:9999; cursor:pointer;display:none; font-size:16px;}

/*幻灯片*/
.banner{ width:100%; height:595px; overflow:hidden; position:relative;font-size:0;z-index:99;}
.b-img{height:595px; position:absolute; left:0; top:0;}
.b-img a{display:block; height:595px; float:left;}
.b-list{ height:50px; padding-top:560px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:235px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:235px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*幻灯片*/

/*首页产品展示*/
.prod_box{width: 1180px;margin: 0 auto;padding-top:25px;}
.prod_title{height:40px; line-height:40px; border:#F00 solid 0px;}
.prod_title h2{height:40px; line-height:40px;font-size:20px;color:#424242;float: left;font-weight: normal;}
.prod_title .more{float: right; padding-top:5px;}
.prod_list{ padding-top:7px;width:1180px;overflow: hidden;height:302px; padding-bottom:10px;}
.prod_list li {display: block;width:270px;float: left;margin: 0 10px;} 
.prod_list li.last{height:302px;}
.prod_list li.last:hover {cursor: pointer;border-color: #ff5a00;box-shadow: 0 0 5px #ff5a00;}
.prod_list .cp_info{background: #f7f7f7;height:30px; line-height:30px;width:100%; text-align:center;font-size: 16px;color: #000;overflow: hidden;}
.prod_list .cp_img {height: 270px;}
.prod_list .cp_img img {width: 270px;height: 270px;}

.line{margin: 0 auto; height:30px;background:url(images/line2.png) no-repeat center;}

/*首页四块*/
.i_ma{ width:1300px; margin:0px auto; text-align:center; padding:50px 0 40px;}
.i_ma li{display:inline-block;*display:inline; zoom:1; width:275px; text-align:left; vertical-align:top; margin:0 5px;}
.i_ma li img{ width:260px; height:130px; vertical-align:top;}
.i_ma li a img{width:260px; height:130px; -webkit-transform: scale(1); -webkit-transition:all ease 1s;}
.i_ma li img:hover{-webkit-transform: scale(1.05);}

.i_ma li .title{ width:100%; height:40px; line-height:45px; border-bottom:1px solid #eee;}
.i_ma li .title a{ font-size:16px;font-weight:bold;}
.i_ma li .title a em{ color:#FF3333; padding-right:8px; font-weight:bold;}
.i_ma li .des{ width:100%; margin-top:10px; height:40px; line-height:165%; margin-bottom:8px; overflow:hidden; font-size:12px;}
.i_ma li .more{ width:100%; height:25px; line-height:25px; padding-top:7px; border-top:1px solid #eee;}
.i_ma li .more a{ display:inline-block; *display:inline; zoom:1; font-size:12px; color:#666; padding-left:25px; background:url(images/icon8.png) no-repeat left center;}
.i_ma li .more a:hover{ color:#24aedf;}

/*底部通用*/
.bg_a{ width:100%; background:#F2F2F2;}
.f_nav{ width:1100px; margin:0px auto; padding:40px 0 30px;}
.f_nav li{ width:190px; float:left; padding-right:20px; margin-right:20px; background:url(images/line.png) no-repeat right top; min-height:158px; font-size:12px;}
.f_nav li.f_ct{ width:240px}
.f_nav li.dz{ background:none; padding-right:0; margin-right:0; width:320px;}
.f_nav li .name b{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; position:relative; font-size:16px;}
.f_nav li p{ width:100%; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:7px;}
.f_nav li p img,.f_nav li p span{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:25xp; vertical-align:top;}
.f_nav li.dz p{ width:100%; height:auto; white-space:normal; line-height:145%; position:relative; padding-bottom:5px;}
.f_nav li.dz p .map{ display:inline-block; *display:inline; zoom:1; padding-left:50px;  height:35px; float:right; line-height:35px; margin-top:-5px;}
.f_nav li.dz .f_s{ width:100%; height:30px; background:#FFF; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; position:relative; background:#FFF; overflow:hidden;}
.f_nav li.dz .f_s input[type="text"]{ width:220px; height:30px; border:0; background:none; line-height:30px; padding:0 5px; position:absolute; left:0; top:0;}
.f_nav li.dz .f_s input[type="submit"]{ width:70px; height:30px; position:absolute; right:0; top:0; cursor:pointer; background:#FF3333; color:#FFF; text-align:center; line-height:30px; border:0;}
.f_bg{ width:100%; background:#333333; padding:15px 0;}

.bq{ width:1100px; margin:0px auto;}
.bq .bq_l{ width:40%; height:20px; line-height:20px; text-align:left; font-size:12px; color:#FFF; float:left;}
.bq .bq_l a{ color:#FFF;}
.bq .bq_r{ width:50%; height:20px; line-height:20px; text-align:right; float:right; color:#FFF; font-size:12px;}


#ban-in{position: relative;background-position: center 0;background-repeat: no-repeat;/*padding-top: 16%;*/height:270px;}
#ban-in .ban-bg{/*background: url(images/ban_bg.png) center top no-repeat;*/height: 54px;width: 100%;position: absolute;left: 0;bottom: -30px;z-index: 60;}


/*新闻资讯通用*/
.mainbox{ width:1120px; margin:0px auto; padding:10px 0 50px; text-align:left; font-size:14px; color:#555; line-height:175%; border:#F00 solid 0px;}

.main_l{ width:185px; float:left;}
.main_r{ width:900px; float: right;}

.location{width:1100px;margin:10px auto;border-bottom:#e8e8e8 1px solid;height:40px;line-height:40px;padding-left:20px;background:url(images/location.png) left center no-repeat; text-align:left;font-size:14px; color:#666;}
.location a{padding:0 10px; color:#666;}
.location a:hover{color:#24aedf;}

/*新闻资讯左边栏目通用*/
.main_l .left_name{ width:100%; height:50px; line-height:50px; text-align:center; font-size:24px; color:#FFF; background:#24aedf;}
.main_l .left_nav{ width:183px; border:1px solid #ddd; border-top:0; box-shadow:0 1px 4px #aaa; padding:10px 0;}
.main_l .left_nav li{ width:100%; height:40px; line-height:40px;}
.main_l .left_nav li a{ font-size:16px; width:86%; display:block; height:40px; line-height:40px; padding:0 7%;}

.news_list{ width:100%;}
.news_list dl{ width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.news_list dl dt,.news_list dl dt img{ width:170px; height:130px; float:left; vertical-align:top;}
.news_list dl dd{ width:710px; float:right;}
.news_list dl dd .news_title{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_list dl dd .news_title a{ font-size:18px; color:#333;}
.news_list dl dd .news_title a:hover{ color:#24aedf;}
.news_list dl dd .des{ width:100%; height:45px; font-size:14px; color:#555; line-height:175%; overflow:hidden; margin-bottom:20px;}
.news_list dl dd .more{ width:100%; text-align:left;}
.news_list dl dd .more a{ font-size:14px;}

/*分页样式通用*/
.pages{ width:100%; text-align:center; margin-bottom:25px;}
.pages a{ display:inline-block; *display:inline; zoom:1; height:22px; line-height:22px; border:2px solid #eee; margin:0 1px; font-size:12px; color:#555; padding:0 5px;}
.pages a.now{ color:#FFF; font-weight:bold; background:#24aedf; border-color:#24aedf;}
.pages a:hover{ color:#fff; background:#24aedf;}

/*产品中心栏目*/
.nynav{
	background: url(images/xiala_bg.png) repeat-x left bottom;
	padding-bottom: 5px;
	height: 80px;
	padding-top: 20px;
	width: 1200px;
}
.nynav_in{
	background: #ffffff;
	height: 100%;
	text-align: center;
	width: auto;
	margin: auto;
}
.nynav_in i{display:inline-block; height:100%;}
.nynav_in ul{overflow:hidden; display:inline-block; *display:inline; *zoom:1;}
.nynav_in li{float:left; margin-left:45px;}
.nynav_in li:first-child{margin-left:0;}
.nynav_in i,.nynav_in ul{vertical-align:middle;}
.nynav_in li a{color:#909090; font-size:14px; font-weight:bold; padding-bottom:3px; display:block;}
.nynav_in li:hover a,.nynav_in li.cur a{
	color: #5c5c5c;
	background: url(images/nynavbg.png) repeat-x left bottom;
}

.nymain{width:100%; margin:0 auto 30px;}

.pro_div{
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
}
.pro_div ul{width:110%; overflow:hidden;}
.pro_div ul li{width:360px; height:385px; float:left; border:1px solid #d0d0d0; border-bottom:none; margin-left:-1px; overflow:hidden;}
.pro_div ul li:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;  opacity: 0.8; }
.pro_pic{display:inline-block; width:320px; height:320px; margin:20px 0 0 20px; text-align:center; overflow:hidden; background:#ffffff; position:relative; z-index:1;}
.pro_pic img:first-child{max-height:320px; max-width:320px;}

.pro_tit{ z-index:2;height:35px; line-height:35px; text-align:center;background:#f2f2f2; border:#F00 solid 0px;}
.pro_tit a{color:#5c5c5c; font-size:14px;}
.pro_tit a:hover{ color:#24aedf;}


.product_con{width:1100px;margin: 30px  auto;border:#F00 solid 0px;}
.product_img{width:357px;height:322px; float:left; padding-top:10px; padding-left:15px;}
.product_img img{width:320px;height:320px;}
.product-view{border: 1px solid #ececec;float: left;}
.product_info{width:720px; padding-top:10px; min-height:322px;float: right;line-height:26px;border-bottom:1px dotted #919191;}
.product_info h2{ font-size:20px; font-family:"微软雅黑", "宋体"; color:#3c3c3c; line-height:35px;}
.product_info dl{ width:100%; clear:both;line-height:26px;}
.product_info dl dt{width:75px; font-weight:bold; float:left;}
.product_info dl dd{width:640px; line-height:26px; float:right;}


.detail02{width:1070px;margin:10px  auto; padding:0 15px;border:#F00 solid 0px;}
.detail02 img{ max-width: 790px; width: expression(this.offsetWidth > 790 ? '790px': true);}
.detail_t{ width:100%; height:34px; line-height:34px; border-bottom:1px solid #f69101; margin-bottom:18px;}
.detail_t ul li{ width:130px; height:34px; background:#f2f2f2; font-size:16px; font-weight:bold; text-align:center; float:left; margin-right:1px; cursor:pointer;}
.detail_t ul .list_corrent{ background:#f69101; color:#FFF;}
.detail_c{ width:100%; display:block;line-height:26px; overflow:hidden; clear:both;}



/*新闻内容页样式*/
.articlecontent{padding-top:30px; padding-bottom:20px;}
.article_title{margin-bottom:22px;}
.title{text-align:center; margin-top:8px;}
.title h2{line-height:35px;text-align:center; font-size:24px; font-weight:500; color:#000;font-family: "Microsoft YaHei"}
.info span{ color:#000; margin-right:10px;}
.info span em{ color:#FF0000;}
.info{text-align:center; margin-top:8px; border-bottom:#CCCCCC 1px solid; padding-bottom:10px;}
.newscontent{padding:10px 10px; font-size:14px;color:#000;line-height:30px;text-indent:0em;font-family:"Microsoft YaHei";}
.newscontent p{font-size:14px; color:#000;line-height:30px;font-family:"Microsoft YaHei";}
.newscontent img{display: block;margin: 10px auto;max-width:850px;}
.newscontent table {display: block;margin: 10px auto;}

.content_pages{height:48px;margin:0 auto;padding:9px 0px 15px 0px;}
.content_left{ height:50px;float:left; background:url(images/prenexbg.jpg) top left no-repeat; padding:0 0 0 25px;}
.content_left ul li{height:25px; line-height:25px;}
.content_left ul li a{color:#000;}
.content_left ul li a:hover{color:#24aedf;}

.content_right{width:250px;height:25px;line-height:25px;padding-right:16px;float:right;text-align:right;color:#000;}
.content_right a{color:#000;}
.content_right a:hover{color: #24aedf;text-decoration:none;}


/*单页通用样式*/
.dymain{ width:1100px; margin:0px auto; padding:40px 0 50px; text-align:left; font-size:14px; color:#555; line-height:175%;border:#F00 solid 0px;}
.dymain img{ max-width:100%; height:auto; vertical-align:top;}

.contact{ width:100%;}
.contact dt{width:525px; height:319px; float:right;margin-right:20px;}
.contact dt img{ width:524px; height:319px; vertical-align:top;}
.contact dd{ width:500px; float:left; margin-left:20px;}
.contact dd .c_logo,.contact dd .c_logo img{ width:285px; height:44px; vertical-align:top;}
.contact dd .c_logo{ margin:20px 0 10px;}
.contact dd h6{ width:100%; font-size:18px; color:#474747; margin-bottom:30px; font-weight:normal;}
.contact dd .c_m{ width:100%; font-size:12px; line-height:185%;}
.contact dd .c_m p{ width:100%; margin-bottom:10px;}
.contact dd .c_m img,.contact dd .c_m span{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.contact dd .c_m img{ width:19px; height:19px; margin-right:10px;}

.contact_left{width:540px; float:left;line-height:40px; color:#868686; font-size:14px;border:#F00 solid 0px;}
.contact_left dt{width:540px; height:319px; float:right;margin-right:20px;}
.contact_left dt img{ width:524px; height:319px; vertical-align:top;}
.contact_left dd{ width:500px; float:left; margin-left:20px;}
.contact_left dd .c_logo,.contact_left dd .c_logo img{ width:285px; height:44px; vertical-align:top;}
.contact_left dd .c_logo{ margin:20px 0 10px;}
.contact_left dd h6{ width:100%; font-size:18px; color:#474747; margin-bottom:30px; font-weight:normal;}
.contact_left dd .c_m{ width:100%; font-size:12px; line-height:185%;}
.contact_left dd .c_m p{ width:100%; margin-bottom:10px;}
.contact_left dd .c_m img,.contact_left dd .c_m span{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.contact_left dd .c_m img{ width:19px; height:19px; margin-right:10px;}


.contact_right{ width:550px; float:right;border:#F00 solid 0px; }



.join{ width:100%; text-align:center;}
.join img{ max-width:100%; height:auto; vertical-align:top;}


.coop_section_2{background-color:#fff; margin-top:50px;}
.cooperation{position:relative;text-align:center;}
.cooperation .flow{}
.cooperation .step{position:relative;display:inline-block;width:156px;height:160px}
.cooperation .step .coop_section_2-img{position:absolute;left:0;top:0;width:156px;height:156px}
.cooperation .step-content{position:absolute;top:-5px;left:-20px}
.cooperation .coop_section_2-imgnext,.cooperation .next{position:relative;display:inline-block;margin:50px 20px 0 24px;width:28px;height:62px;}
.cooperation .title{margin-top:40px;color:#000;font-size:54px;line-height:66px;}
.cooperation .des{margin-bottom:55px;color:#5a5a5a;font-size:16px;line-height:16px}
.cooperation .detail{width:196px;color:#999;font-size:14px;line-height:18px}
.cooperation .contact03{margin-top:140px;color:#5a5a5a;font-size:14px;line-height:18px;}
.cooperation .contact-button{display:inline-block;margin:40px 0 50px;padding:14px 60px;background-color:#f60;color:#fff;font-size:16px;line-height:16px;}

/* side */
.side{position:fixed;width:50px;height:275px;right:0;top:250px;z-index:100;}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom: 2px;}
.side ul li .sidebox{position:absolute;width:50px;height:50px;border-radius:5px 0 0 5px;top:0;right:0;transition:all 0.3s;background:#000022;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox{width: 175px;}
.side ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#e4392a;}
.side ul li img{float:right;}

.side2{position: fixed;width: 40px;right: 10px;z-index: 100;top:80%;height: 80px;}
.side2 ul li{width: 40px;height: 40px;}
.side2 ul li a{display: block;background-color: #e4392a;height: 40px;width: 40px;text-align: center;line-height: 40px;}
.side2 ul li a img{vertical-align: middle;display:inline-block; padding-top:10px;}
.side2 ul li a:hover{background-color: #000022;}
.side2 ul li .weixin{position: absolute;left: -154px;bottom: 0;display: none;}
.side2 ul li .weixin em{background: url(images/arr3.png) no-repeat;width: 5px;height: 17px;display: block;position: absolute;right: -5px;top: 50%;margin-top: 3px;}
.side2 ul li .weixin img{display: block;}
