@charset "utf-8";
/* CSS Document 
制作 青华互联网站建设  www.qinghuahulian.com
电话：18653219163  QQ:893157818
联系人：王小姐
*/

*{margin:0px;
 padding:0px;
}
html,body{
      -webkit-text-size-adjust:none;
}
body{
	color:#666666;
	background-color:#fff; font-family:Arial, Helvetica, sans-serif;
}
body img{
    border:0px;
}
/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
A {
	COLOR: #666666; TEXT-DECORATION: none;
}
A:link {
	COLOR: #666666; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #666666; TEXT-DECORATION: none;
}
A:hover {
	RIGHT: 0px; COLOR: #005793;
	text-decoration:none;
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.w{
	width:1400px; height:auto; margin:0 auto;
}
.w2{
	width:1200px; height:auto; margin:0 auto;
}
.box{
	width:980px;
	height:auto;
	margin:0 auto;
	background-color:#fff;
	display:table;
	
}
.headbox{
	width:100%; height:auto; background:url(../images/headboxbg.jpg) left bottom repeat-x; display:table; padding-bottom:10px; position:relative;
}
.header{
	width:1400px; height:auto; margin:0 auto;
}
.logo{
	float:left; padding-top:10px;
}
.head_right{
	float:right; height:auto;
}
.topcat{
	height:38px; float:right;
}
.topcat .con{
	width:130px; height:38px; background:url(../images/conbg.jpg) 12px center no-repeat #f7f7f7; display:inline-block; line-height:38px; float:left; margin-right:8px;
}
.topcat .con a{
	padding-left:42px; font-size:14px; color:#929292; display:block;
}
.topcat .con a:hover{
	color:#005793;
}
.topcat .lang{
	width:108px; height:38px; background:url(../images/lanbg.jpg) 12px center no-repeat #f7f7f7; display:inline-block; line-height:38px; float:left; margin-right:8px; position:relative; padding-left:42px; font-size:14px; color:#929292; cursor:pointer;
}
.topcat .lang a:hover{
	color:#005793;
}
.topcat .lang img{
	float:right; margin-right:17px; margin-top:17px;
}
.topcat .langcat{
	line-height:10px; position:absolute; top:38px; left:0px; z-index:111; background-color:#f7f7f7; width:100%;  height:0px; overflow:hidden;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
}
.topcat .langcat img{
	float:left; width:25px; height:auto;  margin-right:10px; margin-top:0px; vertical-align:middle;
}
.topcat .langcat a{
	font-size:12px; line-height:18px; padding-left:32px; color:#929292; display:block;
}
.topcat .lang:hover .langcat{
	height:46px; padding-top:10px; padding-bottom:7px; border-top:1px #eee solid;
}
.topcat .search{
	float:left;
}
.seatxt{
	width:177px; height:38px; background-color:#f7f7f7; float:left; font-size:14px; color:#a1a2a2; padding-left:10px;
}
.seasub{
	width:38px; height:38px; background:url(../images/seabg.jpg) center center no-repeat #f7f7f7; cursor:pointer; border:0px;
}
.nav{
	height:58px; line-height:60px; margin-top:16px;
}
.nav ul{
	list-style-type:none;
}
.nav li{
	float:left; height:58px; line-height:60px; margin-left:0px; width:auto;
}
.nav a{
	font-size:18px; line-height:60px; display:block; padding-left:18px; padding-right:18px;
}
.navline{
	width:100%; height:8px; position:absolute; bottom:0px; left:0px; z-index:1;
}
.nav ul li:nth-child(1):hover a{
	background-color:#008dcd; color:#fff;
}
.nav ul li:nth-child(1):hover .navline{
	background-color:#008dcd;
}
.nav ul li:nth-child(2):hover a{
	background-color:#02accd; color:#fff;
}
.nav ul li:nth-child(2):hover .navline{
	background-color:#02accd;
}
.nav ul li:nth-child(3):hover a{
	background-color:#03a76a; color:#fff;
}
.nav ul li:nth-child(3):hover .navline{
	background-color:#03a76a;
}
.nav ul li:nth-child(4):hover a{
	background-color:#fe7d17; color:#fff;
}
.nav ul li:nth-child(4):hover .navline{
	background-color:#fe7d17;
}
.nav ul li:nth-child(5):hover a{
	background-color:#644299; color:#fff;
}
.nav ul li:nth-child(5):hover .navline{
	background-color:#644299;
}
.nav ul li:nth-child(6):hover a{
	background-color:#7fbe77; color:#fff;
}
.nav ul li:nth-child(6):hover .navline{
	background-color:#7fbe77;
}
.nav ul li:nth-child(7):hover a{
	background-color:#db2228; color:#fff;
}
.nav ul li:nth-child(7):hover .navline{
	background-color:#db2228;
}
.mnav{
	display:none;
}
.m-nav{
	display:none;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.banner{
	width:100%; height:auto;
}
.banner img{
	width:100%; height:auto; display:block;
}
.title{
	text-align:center; background:url(../images/titlebg.jpg) center bottom no-repeat; padding-bottom:30px; font-size:36px; color:#005691; text-transform:uppercase; font-weight:bold; margin-top:50px;
}
.products{
	height:auto; margin-top:50px;
}
.products ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.products li{
	width:31%; height:auto; padding-bottom:28px; overflow:hidden; text-align:center; line-height:35px; font-size:14px; margin-bottom:30px; position:relative;
}
.products img{
	width:100%; height:auto; display:block; overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.products li:nth-child(3n){
    margin-right: 0;
}
.products a{
	font-size:22px;
}
.pro_more{
	width:47px; height:47px; background:url(../images/more_pic.png) no-repeat; position:absolute; left:50%; margin-left:-23px; top:-35%; margin-top:-23px; z-index:11;
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
}
.pro_more a{
	width:47px; height:47px; display:block;
}
.pro_pic{
	overflow:hidden; width:auto; height:auto; margin-bottom:28px;
}
.products li:hover{
	background:url(../images/pro_libg.jpg) center bottom no-repeat; color:#fff;-moz-background-size:100% 100%;  
    background-size:100% 100%;
}
.products li:hover a{
	color:#fff;
}
.products li:hover .pro_more{
	 top:35%;
}
.products img:hover{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.more{
	width:220px; height:59px; background:url(../images/morebg.jpg) center center no-repeat; text-align:center; margin:0 auto;
}
.more a{
	line-height:59px; display:block; color:#fff;
}
.aboutbox{
	width:100%; height:847px; padding-top:50px; background:url(../images/aboutbg.jpg) center top no-repeat; margin-top:50px;
}
.aboutus{
	height:auto;
}
.a_title{
	font-size:36px; color:#005793; font-weight:bolder; text-transform:uppercase; background:url(../images/titlebg2.jpg) left bottom no-repeat; padding-bottom:20px;
}
.aboutus p{
	line-height:35px; margin-top:30px;
}
.aboutcat{
	height:auto; margin-top:30px;
}
.aboutcat li{
	float:left; text-align:center; height:auto; text-transform:uppercase; font-size:24px; color:#008ecf; width:33.33%; padding-top:20px; padding-bottom:20px; background:url(../images/aboutcat_libg.jpg) right top repeat-y;
}
.aboutcat img{
	margin-bottom:45px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.aboutcat li:hover img { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -moz-transition: all 1.5s; -ms-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s;
            }
.aboutcat li:nth-child(3n){
	background:none;
}
.application{
	width:1400px; height:auto; margin:0 auto; background:url(../images/yybg.jpg) center top no-repeat; overflow:hidden;
}
.app_left{
	width:50px; height:50px; background:url(../images/left.png) left center no-repeat; float:left; margin-top:130px; cursor:pointer;
}
.app_left a{
	display:block; width:50px; height:50px;
}
.app_right{
	width:50px; height:50px; background:url(../images/right.png) right center no-repeat; float:right; margin-top:130px; cursor:pointer;
}
.app_right a{
	display:block; width:50px; height:50px;
}
.applist{
	width:1300px; height:auto; float:left; padding-top:50px; padding-bottom:50px; overflow:hidden;
}
.applist li{
	width:301px; height:auto; float:left; margin-right:32px; display:inline; overflow:hidden; line-height:35px; font-size:14px; margin-bottom:30px; background-color:#fff;
}
.applist img{
	width:100%; height:auto; display:block;
}
.applist .apptit{
	border:1px #ededed solid; border-top:0px; text-transform:uppercase; padding-top:20px; padding-bottom:20px; padding-left:30px;
}
.applist a{
	font-size:24px;
}
.applist li:hover{
	background:url(../images/pro_libg.jpg) center bottom no-repeat; color:#fff;
}
.applist li:hover a{
	color:#fff;
}
.newsbox{
	width:100%; height:auto; background:url(../images/newsbg.jpg) center top no-repeat; padding-top:50px; display:table; padding-bottom:50px;
}
.newstit{
	font-size:36px; color:#fff; font-weight:bolder; text-transform:uppercase; background:url(../images/titlebg3.jpg) left bottom no-repeat; padding-bottom:20px;
}
.news{
	height:auto;
}
.news li{
	width:670px; height:auto; float:left; margin-right:60px; display:inline; margin-top:35px;
}
.news li:nth-child(2n){
    margin-right: 0;
}
.news img{
	width:196px; height:134px; border:1px #5fd0ff solid; float:left; margin-right:22px;
}
.news a{
	color:#fff; font-size:18px;
}
.news p{
	color:#e4e4e4; line-height:22px; margin-top:10px; margin-bottom:15px;
}
.news span{
	background:url(../images/viewbg.png) left center no-repeat; padding-left:28px; color:#fff; font-size:14px;
}
.more2{
	width:188px; height:50px; background-color:#fff; text-align:center; margin:0 auto; margin-top:50px;
}
.more2 a{
	line-height:50px; display:block; color:#008ecf; font-size:18px;
}
.more2 a:hover{
	background-color:#00bac7; color:#fff;
}
.message{
	height:auto; background:url(../images/mapbg.jpg) center top no-repeat; padding-top:40px; display:table; padding-bottom:40px;
}
.message p{
	text-align:center; margin-bottom:40px;
}
.mesgtxt{
	width:373px; height:43px; padding-left:10px; border:1px #c7c7c7 solid; float:left; margin-bottom:13px; margin-right:22px; background-color:#fff; font-size:16px; -webkit-appearance: none; border-radius: 0;
}
.mesgtxt:hover{
	border:1px #00a6b2 solid;
}
.marg0{
	margin-right:0px; width:374px;
}
.mesgtext{
	width:1188px; height:135px; font-size:16px; border:1px #c7c7c7 solid; background-color:#fff; padding-left:10px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; -webkit-appearance: none; border-radius: 0;
}
.mesgtext:hover{
	border:1px #00a6b2 solid;
}
.mesgsub{
	width:100%; height:48px; background:url(../images/mesgsub.jpg) center center no-repeat; color:#fff; cursor:pointer; border:0px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-size:18px; margin-top:12px; -moz-background-size:100% 100%;  
    background-size:100% 100%;
}
.mt30{
	margin-top:30px;
}
.mt50{
	margin-top:50px;
}
.hzlist{
	height:92px; margin-top:40px;
}
.hzlist li{
	float:left; width:220px; height:92px; margin-right:16px; display:inline;
}
.hzlist li:nth-child(5n){
    margin-right: 0;
}
.hzlist img{
	border:1px #ddd solid;
}
.footcon{
	width:100%; height:auto; background-color:#f4f4f4; padding-top:40px; padding-bottom:30px; display:table;
}
.foot_contact{
	height:auto;
}
.foot_contact li{
	float:left; height:auto;
}
.foot_contact li.add{
	background:url(../images/addbg.jpg) left 5px no-repeat; padding-left:35px; width:420px;
}
.foot_contact li.email{
	background:url(../images/emailbg.jpg) left 5px no-repeat; padding-left:45px; width:456px;
}
.foot_contact li.tel{
	background:url(../images/telbg.jpg) left center no-repeat; padding-left:40px;
}
.foot_contact li h2{
	display:inline-block; font-size:18px; padding-top:5px; padding-bottom:5px;
}
.copyrights{
	height:auto; padding-top:30px;
}
.copyrights img{
	vertical-align:middle; margin-right:10px;
}
.copyright{
	float:left;
}
.wechat{
	width:142px; height:auto; float:right; text-align:center; font-size:14px; padding-bottom:30px;
}
.wechat img{
	border:1px #e5e5e5 solid; margin-bottom:5px;
}
.share{
	margin-top:20px;
}
.share img{
}
.share .wechat_img{
	position:relative; cursor:pointer;
}
.share .share_wechat{
	position:absolute; left:40px; top:-10px; width:250px; display:none;
}
.share .share_wechat  li{
	float:left; text-align:center; font-size:12px;
}
.share .share_wechat img{
	width:100px; height:auto; border:1px #ddd solid; margin-bottom:6px;
}
.share .wechat_img:hover .share_wechat{
	 display:block;
}
.height50{
	height:50px;
}

/* 公司简介  */

.com_banner{
	width:100%; height:auto;
}
.com_banner img{
	width:100%; height:auto; display:block;
}
.posibox{
	width:100%; height:53px; line-height:53px; border-bottom:1px #e9e9e9 solid;
}
.position{
	height:53px; line-height:53px;
}
.position a{
	line-height:53px; margin-left:5px; margin-right:5px;
}
.position span{
	background:url(../images/posibg.jpg) left center no-repeat; padding-top:10px; padding-bottom:10px; padding-left:25px;
}
.content{
	line-height:30px; padding-bottom:10px;
}
.content h3{
	font-size:24px; color:#005793; text-transform:uppercase; line-height:36px;
}
.content p{
	margin-bottom:30px;
}
.about_main_pic{
	width:100%; height:300px; background:url(../images/about_main_pic.jpg) center center no-repeat; margin-top:50px;
}
.about_pic_list{
	height:auto; margin-top:50px;
}
.about_pic_list li{
	width:430px; height:auto; float:left; margin-right:55px; display:inline;
}
.about_pic_list li:nth-child(3n){
    margin-right: 0;
}
.about_pic_list img{
	width:100%; height:auto; margin-bottom:30px;
}
.historybox{
	width:100%; height:auto; background-color:#ebfcff; padding-top:80px; padding-bottom:80px; margin-top:50px;
}
.history{
	height:auto; display:table; position:relative;
}
.history_left{
	width:575px; height:auto; float:left;
}
.history_left li{
	width:475px; height:213px; color:#fff; padding-left:40px; padding-right:60px; line-height:28px; padding-top:50px;
}
.history_left p{
	margin-top:30px;
}
.history_left li.his01{
	background:url(../images/his01.jpg) no-repeat; margin-bottom:55px;
}
.history_left li.his02{
	background:url(../images/his02.jpg) no-repeat;
}
.history_right{
	width:590px; height:auto; float:right; padding-top:130px;
}
.history_right li{
	height:289px; background:url(../images/his03.jpg) no-repeat; color:#fff; line-height:28px; padding-top:50px; padding-left:135px; padding-right:30px;
}
.history_right p{
	margin-top:30px;
}
.his_title{
	width:254px; height:134px; background:url(../images/hist_tit.png) no-repeat; color:#fff; text-align:center; font-size:28px; line-height:34px; padding-top:120px; font-weight:bolder; position:absolute; left:50%; top:50%; margin-left:-127px; margin-top:-127px;
}

/*  产品中心  */

.commain{
	height:auto; margin-top:38px;
}
.comleft{
	width:279px; height:auto; float:left;
}
.left_title{
	height:100px; background:url(../images/left_titbg.jpg) no-repeat; color:#fff; font-size:24px; padding-left:20px; padding-right:20px; text-transform:uppercase; line-height:34px; font-weight:bolder; padding-top:22px;
}
.left_cat{
	height:auto; background-color:#f5f5f5; padding-top:21px; padding-bottom:45px;
}
.left_cat ul{
	margin:0 11px;
}
.left_cat li{
	height:46px; line-height:46px; background:url(../images/catbg1.jpg) 24px center no-repeat; margin-bottom:1px;
}
.left_cat a{
	font-size:14px; line-height:46px; padding-left:45px; display:block;
}
.left_cat a:hover{
	background:url(../images/catbg2.jpg) left top no-repeat; color:#fff;
}
.left_cat .thisclass a{
	background:url(../images/catbg2.jpg) left top no-repeat; color:#fff;
}
.left_con_tit{
	height:56px; background:url(../images/left_conbg.jpg) no-repeat; color:#fff; line-height:56px; font-size:24px; font-weight:bolder; text-transform:uppercase; padding-left:56px; margin-top:25px;
}
.left_contact{
	height:auto; background-color:#f5f5f5; padding-top:25px; padding-bottom:48px; padding-left:18px; line-height:36px;
}
.left_contact .left_tel{
	background:url(../images/left_telbg.jpg) left center no-repeat; padding-left:25px;
}
.left_contact .left_email{
	background:url(../images/left_emailbg.jpg) left center no-repeat; padding-left:30px;
}
.left_contact .left_wechat{
	background:url(../images/left_wechatbg.jpg) left 3px no-repeat; padding-left:50px; height:auto; display:inline-block; line-height:22px; padding-bottom:15px; margin-top:20px;
}
.left_contact .left_fax{
	background:url(../images/left_faxbg.jpg) left center no-repeat; padding-left:25px;
}
.left_contact img{
	margin-top:30px; border:1px #e3e3e3 solid; margin-left:-18px;
}
.line{
	border-top:1px #ddd solid; margin-top:15px; margin-bottom:15px; margin-right:18px;
}
.comright{
	width:1088px; height:auto; float:right;
}
.product_list{
	height:auto;
}
.product_list li{
	width:340px; height:auto; padding-bottom:24px; float:left; margin-right:34px; display:inline; overflow:hidden; text-align:center; line-height:35px; font-size:14px; margin-bottom:30px; position:relative;
}
.product_list img{
	width:100%; height:auto; display:block; overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.product_list li:nth-child(3n){
    margin-right: 0;
}
.product_list a{
	font-size:20px;
}
.product_list li:hover{
	background:url(../images/pro_listbg.jpg) center bottom no-repeat; color:#fff;
}
.product_list li:hover a{
	color:#fff;
}
.product_list li:hover .pro_more{
	 top:35%;
}
.product_list img:hover{
	transform: scale(1.1, 1.1);	
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.product_list .pro_pic{
	margin-bottom:22px;
}
.shoptitle h1{
	font-size:24px; color:#000;
}
.shop_pic{
	height:auto; margin-top:30px;
}
#playBox{ width:1088px; height:512px; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .oUlplay li img{
	width:1088px; height:512px;
}
#playBox .pre{ cursor:pointer; width:17px; height:27px; background:url(../images/s_left.png) no-repeat; position:absolute; top:50%; margin-top:-14px; left:25px; z-index:10;}
#playBox .next{ cursor:pointer; width:17px; height:27px; background:url(../images/s_right.png) no-repeat; position:absolute; top:50%; margin-top:-14px; right:25px; z-index:10;}
#playBox .smalltitle {width:1088px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:110px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:11px; background:#7d7d7d; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#008fcc;}
.shop_share{
	text-align:center; margin-top:20px;
}
.shop_share img{
	margin-left:3px; margin-right:3px;
}
.shop_share .wechat_img{
	position:relative; cursor:pointer;
}
.shop_share .share_wechat{
	position:absolute; left:-105px; top:20px; width:246px; display:none; background-color:#f5f5f5;
}
.shop_share .share_wechat  li{
	float:left; text-align:center; font-size:12px; padding:10px;
}
.shop_share .share_wechat img{
	width:100px; height:auto; border:1px #ddd solid; margin-bottom:6px; margin-left:0px; margin-right:0px;
}
.shop_share .wechat_img:hover .share_wechat{
	 display:block;
}
.shop_content{
	line-height:30px;
}
.shop_content h4{
	height:43px; background:url(../images/h4bg.jpg) no-repeat; color:#fff; text-transform:uppercase; font-size:20px; line-height:43px; padding-left:25px; margin-top:30px; margin-bottom:30px;-moz-background-size:100% 100%;  
    background-size:100% 100%;
}
.shop_content table{
	border-left:1px #dfdfdf solid; border-top:1px #dfdfdf solid; margin-top:12px; margin-bottom:12px;
}
.shop_content td{
	border-right:1px #dfdfdf solid; border-bottom:1px #dfdfdf solid; padding-left:10px; height:50px; line-height:50px;
}

/*  联系我们  */

.greybox{
	width:100%; height:auto; background-color:#f8f8f8; padding-top:70px; padding-bottom:70px;
}
.contact{
	height:auto; display:table;
}
.contact h2{
	color:#005793;
}
.contact_left{
	float:left; width:700px;
}
.contact ul{
	margin-top:30px;
}
.contact li{
	font-size:18px; color:#666; height:50px; line-height:50px;
}
.contact li.con01{
	background:url(../images/conbg01.jpg) left center no-repeat; padding-left:40px;
}
.contact li.con02{
	background:url(../images/conbg02.jpg) left center no-repeat; padding-left:40px;
}
.contact li.con03{
	background:url(../images/conbg03.jpg) left center no-repeat; padding-left:40px;
}
.contact a{
	font-size:18px;
}
.conright{
	height:auto; float:right; text-align:center; padding-top:70px;
}
.conwechat{
	width:220px; height:auto; text-align:center; float:left; margin-left:30px;
}
.conwechat img{
	border:1px #d4d4d4 solid; margin-bottom:5px;
}
.wechat_tit{
	height:40px; width:100%; font-size:14px; background:url(../images/wechatbg.jpg) no-repeat;  line-height:40px; color:#fff; text-transform:uppercase;
}
.maps{
	margin-top:10px; height:auto;
}
.video{
	width:760px; height:auto;
}

/*  售后服务   */

.network_tit{
	text-align:center; font-size:30px; text-transform:uppercase; color:#005793; font-weight:bolder;
}
.network_tit img{
	margin-left:3px; margin-right:3px;
}

/*  合作招聘  */

.hz_list{
	height:auto;
}
.hz_list li{
	width:280px; height:110px; text-align:center; float:left; margin-bottom:40px;
}

/*  新闻中心  */

.news_list{
	height:auto;
}
.news_list li{
	height:auto; border:1px #d6d6d6 solid; display:table; margin-bottom:25px; background-color:#fff; padding-right:20px;
}
.news_list img{
	width:320px; height:auto; float:left; margin-right:30px;
}
.news_list a{
	font-size:20px; color:#666666;
}
.news_list p{
	line-height:28px; color:#7b7b7b; margin-top:15px; font-size:14px;
}
.news_list .click{
	background:url(../images/clickbg.jpg) left center no-repeat; padding-left:25px; margin-left:20px; color:#989898;
}
.news_list .time{
	color:#989898;
}
.news_list .more3{
	width:140px; height:39px; display:inline-block; width:140px; height:39px; background:url(../images/morebg01.jpg) no-repeat; line-height:39px; margin-top:10px;
}
.news_list .more3 a{
	color:#fff; line-height:39px; padding-left:18px; font-size:14px; display:block;
}
.news_list .more3 a:hover{
	background:url(../images/morebg02.jpg) no-repeat;
}
.arc_title{
	text-align:center; font-size:28px; color:#000;
}
.arc_info{
	text-align:center; font-size:16px; color:#000; margin-top:30px; border-bottom:1px #b9b9b9 solid; padding-bottom:30px; color:#989898;
}

/*  自动化解决方案  */

.zdh_title{
	height:auto; margin-bottom:20px;
}
.zdh_title h1{
	font-size:26px; color:#005793;
}
.pages{
	margin:0 auto;
	border-top:1px #dddddd dashed; text-align:center; padding-top:10px; padding-bottom:50px;
}
.pages ul{
	list-style-type:none;
	padding:12px 0px 12px 0px;
}
.pages ul span{
	display:inline-block;
	font-family:Tahoma;
	height:40px;
	line-height:40px;
	font-size:16px; margin-left:4px; margin-right:4px;
}
.pages ul span.page-status{
	padding-left:15px; padding-right:15px; border:1px solid #E9E9E9;
}
.pages ul span.page-numbar{
	font-size:16px; margin-right:0px;
}
.pages ul span.page-next{
	margin-left:0px;
}
.pages ul span.page-numbar a{
	font-size:16px; margin-right:8px;
}
.pages ul span a{
	color:#555;
	height:40px;
	line-height:40px;
	padding-left:15px;
	padding-right:15px;
	display:inline-block;
	border:1px solid #E9E9E9; font-size:16px;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#00a3b6; height:40px; line-height:40px;
	padding-left:15px;
	padding-right:15px; display:inline-block;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#00a3b6;
	padding:0px 4px 0px; padding-left:15px; padding-right:15px;
	font-weight:bold;
	color:#fff;
}
.text-secondary{
       font-size:16px; text-align:center; padding-bottom:50px; height:auto; overflow:hidden; color:#888;
}
.prenext{
	color:#525252;
	height:auto;
	border-top:1px #ddd dashed;
	padding-top:20px;
	padding-bottom:10px;
	margin-top:15px; font-size:14px;
}
.prenext ul{
	list-style-type:none; padding-left:10px;
}
.prenext li{
	line-height:25px; color:#525252; font-size:14px;
}
.prenext a:link{
	line-height:25px; font-size:14px;
}
.prenext a:visited{
	line-height:25px; font-size:14px;
}
.prenext a:hover{
	line-height:25px; font-size:14px;
}

.context{
	color:#525252;
	height:auto;
	border-top:1px #ddd dashed;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
}
.context ul{
	list-style-type:none;
}
.context li{
	line-height:25px;
	color:#525252; font-size:14px;
}
.context a:link{
	line-height:25px; font-size:14px;
}
.context a:visited{
	line-height:25px; font-size:14px;
}
.context a:hover{
	line-height:25px; font-size:14px;
}
.demo{
	overflow:hidden; height:100px;
}


@media screen and (max-width:1440px) {
.header{
	width:1200px;
}
.w{
	width:1200px;
}
.logo img{
	width:240px; height:auto;
}
.nav a{
	font-size:16px; padding-left:14px; padding-right:14px;
}
.application{
	width:1300px; overflow:hidden;
}
.applist{
	width:1200px;
}
.news li{
	width:570px;
}
.mesgtxt{
	width:373px; margin-right:22px;
}
.marg0{
	margin-right:0px;
}
.mesgtext{
	width:1188px;
}
.history_right{
	padding-top:180px;
}
.foot_contact li.add{
	width:330px;
}
.foot_contact li.email{
	width:360px;
}
.comright{
	width:888px;
}
.product_list li{
	width:280px; margin-right:24px;
}
#playBox{ width:888px; height:418px;}
#playBox .oUlplay li img{
	width:888px; height:418px;
}
#playBox .smalltitle {width:888px;}
.about_pic_list li{
	width:380px; margin-right:30px;
}
.hz_list li{
	width:240px;
}
}
@media screen and (max-width:1360px) {
.application{
	width:1200px; overflow:hidden;
}
.applist{
	width:1100px;
}
}
@media screen and (max-width:1200px) {
.header{
	width:1000px;
}
.w{
	width:1000px;
}
.w2{
	width:1000px;
}
.logo img{
	width:200px; height:auto;
}
.nav{
	height:38px;
}
.nav li{
	height:38px; line-height:40px;
}
.nav a{
	font-size:14px; line-height:40px; padding-left:9px; padding-right:9px;
}
.products li{
	margin-bottom:20px;
}
.aboutcat li{
	font-size:18px;
}
.news li{
	width:480px; margin-right:40px;
}
.news img{
	width:180px; height:auto;
}
.mesgtxt{
	width:306px;
}
.mesgtext{
	width:988px;
}
.application{
	width:1000px; overflow:hidden;
}
.applist{
	width:900px;
}
.about_pic_list li{
	width:320px; margin-right:20px;
}
.comleft{
	width:220px;
}
.left_title{
	height:auto; font-size:18px; padding-bottom:20px; padding-top:20px;
}
.left_cat li{
	 background:url(../images/catbg1.jpg) 5px center no-repeat; height:40px;
}
.left_cat a{
	font-size:12px; line-height:40px; padding-left:22px; display:block;
}
.left_cat a:hover{
	background:url(../images/catbg3.jpg) left top no-repeat; color:#fff;
}
.left_cat .thisclass a{
	background:url(../images/catbg3.jpg) left top no-repeat; color:#fff;
}
.left_con_tit{
	font-size:18px;
}
.left_contact{
	font-size:12px; padding-left:10px; line-height:30px;
}
.left_contact .left_tel{
	padding-left:25px;
}
.left_contact .left_email{
	padding-left:25px;
}
.left_contact .left_wechat{
	padding-left:50px;
}
.comright{
	width:760px;
}
.product_list li{
	width:240px; margin-right:20px;
}
#playBox{ width:760px; height:358px;}
#playBox .oUlplay li img{
	width:760px; height:358px;
}
#playBox .smalltitle {width:760px;}

.foot_contact li{
	float:none; margin-bottom:10px;
}
.foot_contact li.add{
	width:auto;
}
.foot_contact li.email{
	width:auto;
}
.foot_contact li.tel{
	width:auto;
}
.history_left{
	width:400px; height:auto; float:left;
}
.history_left li{
	width:400px; height:213px; color:#fff; padding-left:40px; padding-right:60px; line-height:28px; padding-top:50px;
}
.history_right{
	width:450px; height:auto; float:right; padding-top:120px;
}
.greybox{
	padding-top:50px; padding-bottom:50px;
}
.news_list li{
	padding-bottom:15px; padding-left:15px; padding-top:15px;
}
.news_list img{
	width:250px; height:auto;
}
.hz_list li{
	width:200px;
}
.hz_list img{
	width:100%; height:auto;
}
.contact_left{
	width:500px;
}
}
@media screen and (max-width:1000px) {
.header{
	width:auto; margin-left:20px; margin-right:20px;
}
.w{
	width:auto; margin-left:20px; margin-right:20px;
}
.w2{
	width:auto; margin-left:20px; margin-right:20px;
}
.logo img{
	width:150px; height:auto;
}
.nav a{
	font-size:12px; line-height:40px;
}
.products li{
	margin-bottom:20px;
}
.products a{
	font-size:16px;
}
.aboutcat li{
	font-size:16px;
}
.newsbox{
	height:auto; -moz-background-size:100% 100%;  
    background-size:100% 100%;
}
.news li{
	width:100%; margin-right:0px; float:none; height:auto; display:table;
}
.news img{
	width:180px; height:auto;
}
.mesgtxt{
	width:29%; margin-right:2%; padding-left:2%;
}
.mesgtext{
	width:96.5%;
}
.application{
	width:100%; overflow:hidden; position:relative;
}
.app_left{
	width:20px; height:50px; position:absolute; left:10px; top:20px; margin-top:95px; z-index:100;
}
.app_left a{
	display:block; width:20px; height:50px;
}
.app_right{
	width:20px; height:50px; position:absolute; right:10px; top:20px; margin-top:95px; z-index:100;
}
.app_right a{
	display:block; width:20px; height:50px;
}
.applist{
	width:900px;
}
.about_pic_list li{
	width:32%; margin-right:2%;
}
.historybox{
	padding-top:30px; padding-bottom:30px; margin-top:30px;
}
.his_title{
	width:154px; height:89px; background:url(../images/hist_tit.png) no-repeat;
	-moz-background-size:100% 100%; background-size:100% 100%; color:#fff; text-align:center; font-size:18px; line-height:26px; padding-top:65px; margin-top:0px; top:0px; margin-left:-77px;
}
.history_left{
	width:100%; height:auto; float:none; margin-top:180px;
}
.history_left li{
	width:96%; height:auto; color:#fff; padding-left:2%; padding-right:2%; line-height:28px; padding-top:20px; padding-bottom:20px;
}
.history_right{
	width:100%; height:auto; float:none; padding-top:20px; padding-left:0px; padding-right:0px; 
}
.history_left li.his01{
	-moz-background-size:100% 100%;  
    background-size:100% 100%; margin-bottom:20px;
}
.history_left li.his02{
	-moz-background-size:100% 100%;  
    background-size:100% 100%;
}
.history_right li{
	width:96%; height:auto; background:url(../images/his03.jpg) no-repeat; color:#fff; line-height:28px; padding-top:20px; padding-left:2%;  padding-right:2%;  padding-bottom:20px;
	-moz-background-size:100% 100%;  
    background-size:100% 100%;
}
.comleft{
	width:100%; float:none;
}
.comright{
	width:100%; float:none; margin-top:30px;
}
.left_title{
	padding-top:5px; padding-bottom:5px; background:url(../images/mesgsub.jpg) no-repeat; -moz-background-size:100% 100%;  
    background-size:100% 100%;
}
.left_cat{
	padding-top:10px; padding-bottom:10px; height:auto; display:table; width:100%;
}
.left_cat li{
	float:left; width:50%; overflow:hidden;
}
.left_con_tit{
	display:none;
}
.left_contact{
	display:none;
}
.product_list li{
	width:32%; margin-right:2%; margin-bottom:5px; padding-bottom:15px;
}
.product_list .pro_pic{
	margin-bottom:15px;
}
.shop_pic{
	width:100%;
}
.shop_pic img{
	width:100% !important; height:auto !important; display:block;
}
#playBox{ width:100%; height:300px;}
#playBox .oUlplay li img{
	width:640px !important; height:auto !important; display:block;
}
#playBox .smalltitle {width:690px;}
.content img{
	MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;
}
.shop_content img{
	MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;
}
.zdh_title h1{
	font-size:22px;
}
.arc_title{
	margin-top:30px; font-size:24px;
}
.arc_info{
	margin-top:20px; padding-bottom:20px;
}
.content h3{
	font-size:20px; line-height:32px;
}
.hz_list li{
	width:20%; margin-bottom:0px;
}
.contact_left{
	width:100%; float:none;
}
.contact ul{
	margin-top:10px;
}
.contact li{
	height:45px; line-height:45px;
}
.conright{
	padding-top:10px;
}
.conwechat{
	width:100%; float:none; margin-bottom:15px; margin-left:0px;
}
.wechat_tit{
	background-position:center center;
}
.video{
	width:100%; height:auto;
}
}
@media screen and (max-width:900px) {
.headbox{
	padding-bottom:0px;
}
.logo{
	padding-top:3px;
}
.topcat{
	display:none;
}
.nav{
	display:none;
}
.mnav{
	display:block; float:right; margin-top:14px; margin-left:15px;
}
.mnav img{
	width:40px; height:auto;
}
.m-nav{
	width:40%; height:100%; background-color:#027dc3; position:fixed; right:-100%; top:0; z-index:11111; display:block;transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all; overflow-y:scroll;
}
.m-nav ul{
	margin-top:0px;
}
.m-nav li{
	text-align:center; height:35px; line-height:35px; font-size:16px; color:#fff; margin-bottom:2px;
}
.m-nav li img{
	vertical-align:middle; margin-right:5px; line-height:35px;
}
.m-nav li.mlang{
	border-top:1px #008ddd solid; margin-top:5px; padding-top:3px; margin-bottom:20px;
}
.m-nav a{
	color:#fff; height:35px; line-height:35px;
}
.m-nav a:hover{
	border-bottom:2px #fff solid; padding-bottom:5px;
}
.m-nav .cur a:link{
	border-bottom:2px #fff solid; padding-bottom:5px;
}
.m-nav .cur a:visited{
	border-bottom:2px #fff solid; padding-bottom:5px;
}
.m-nav .cur a:hover{
	border-bottom:2px #fff solid; padding-bottom:5px;
}
.guanbi{
	color:#fff; text-align:left; padding-left:20px; padding-top:10px; font-size:24px;
}
.guanbi a:link{
	border-bottom:0px;
}
.guanbi img{
	width:30px; height:auto;
}
.title{
	font-size:26px; margin-top:30px; padding-bottom:20px;
}
.products{
	margin-top:30px;
}
.more{
	width:180px; height:49px;
}
.more a{
	line-height:49px;
}
.aboutbox{
	padding-top:40px;
}
.aboutcat img{
	margin-bottom:15px;
}
.a_title{
	font-size:26px;
}
.aboutus p{
	line-height:30px;
}
.about_main_pic{
	width:100%; height:160px;-moz-background-size:auto 100%;  
    background-size:auto 100%;
}
.applist{
	padding-top:30px; padding-bottom:10px;
}
.applist ul{
	margin-left:17px;
}
.applist .apptit{
	padding-left:20px;
}
.applist a{
	font-size:20px;
}
.newstit{
	font-size:26px;
}
.more2{
	width:180px; margin-top:30px;
}
.product_list a{
	font-size:16px;
}
.greybox{
	padding-top:30px; padding-bottom:30px;
}
.news_list img{
	width:200px; height:auto;
}
.network_tit{
	font-size:26px;
}
.contact h2{
	font-size:22px;
}
}
@media screen and (max-width:640px) {
.header{
	width:auto; margin-left:10px; margin-right:10px;
}
.w{
	width:auto; margin-left:10px; margin-right:10px;
}
.w2{
	width:auto; margin-left:10px; margin-right:10px;
}
.m-nav{
	width:60%;
}
.m-nav li{
	margin-bottom:5px;
}
.title{
	font-size:20px; padding-bottom:13px;
}
.a_title{
	font-size:20px;
}
.products li{
	width:48%; padding-bottom:18px;
}
.pro_pic{
	margin-bottom:18px;
}
.aboutbox{
	padding-top:30px;
}
.aboutus p{
	margin-top:20px; line-height:26px;
}
.aboutcat{
	margin-top:10px;
}
.aboutcat img{
	width:50px; height:auto;
}
.aboutcat li{
	font-size:14px;
}
.about_main_pic{
	width:100%; height:100px;
}
.about_pic_list li{
	width:100%; margin-right:0; margin-bottom:20px;
}
.about_pic_list img{
	margin-bottom:20px;
}
.applist li{
	width:150px;  margin-right:16.5px;
}
.applist a{
	font-size:16px;
}
.applist .apptit{
	padding-top:10px; padding-bottom:10px; padding-left:5px;
}
.app_left{
	margin-top:55px;
}
.app_right{
	margin-top:55px;
}
.newsbox{
	padding-top:30px;
}
.newstit{
	font-size:20px;
}
.news li{
	border-bottom:1px #5fd0ff dashed; margin-top:15px; padding-bottom:15px;
}
.news img{
	width:100px; height:auto; margin-right:10px;
}
.mesgtxt{
	width:97%; margin-right:0%; padding-left:2%;
}
.copyrights{
	padding-bottom:30px;
}
.share{
	text-align:center;
}
.wechat{
	display:none;
}
.product_list li{
	width:48%; margin-right:4%;
}
.product_list li:nth-child(3n){
    margin-right: 4%;
}
.product_list li:nth-child(2n){
    margin-right: 0;
}
.shoptitle h1{
	font-size:18px;
}
#playBox{ width:100%; height:170px;}
#playBox .oUlplay li img{
	width:360px !important; height:auto !important; display:block;
}
#playBox .pre{ left:10px;}
#playBox .next{ right:10px;}
#playBox .smalltitle {width:420px;}
.posibox{
	height:auto; line-height:26px; line-height:26px; padding-top:10px; padding-bottom:5px;
}
.position{
	height:auto; line-height:26px;
}
.position a{
	line-height:26px; font-size:14px;
}
.shop_content h4{
	font-size:18px; padding-left:15px;
}
.left_title{
	padding-left:15px;
}
.shop_content td{
	word-break:break-all; line-height:24px; padding-top:8px; padding-bottom:8px; padding-left:3px;
}
.zdh_title h1{
	font-size:16px;
}
.news_list li{
	padding:10px;
}
.news_list img{
	width:100%; height:auto; float:none; margin-right:0px;
}
.arc_title{
	font-size:20px; text-align:left;
}
.arc_info{
	text-align:left;
}
.content h3{
	font-size:18px; line-height:30px;
}
.network_tit{
	font-size:20px;
}
.network_tit img{
	width:20px; height:auto;
}
.hz_list li{
	width:33.33%;
}
.contact h2{
	font-size:15px; text-transform:none;
}
.contact li{
	height:40px; line-height:40px; font-size:14px;
}
.contact a{
	font-size:14px;
}
}