@charset "utf-8";
/* CSS Document */

html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:14px; color:#303030; background:#ffffff; font-family:"Microsoft Yahei"; overflow:hidden; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#555; }
a:hover { text-decoration:none;  }
ul{ margin:0px; padding:0px;}
ul li{ list-style-type:none;}

input,textarea{ font-family:"Microsoft Yahei"; font-size:12px; color:#555; }
.clear{ clear:both; width:100%; height:1px;}
input:focus{ border:0px; outline:none;}

/*头部*/


#logo{ width:100%; height:40px; background:#efeeee;}
#logo #top{ width:100%; height:40px; }
#logo #top .top{ width:1200px; height:40px; margin:auto;border-bottom:1px solid #d8d8d8;}
#logo #top .top .welcome{ width:auto; float:left; height:40px; line-height:40px;}
#logo #top .top .langage{ width:auto; height:40px; float:right;}
#logo #top .top .langage a{ display:table-cell;  width:auto; height:40px; line-height:40px; text-align:center; vertical-align:middle; padding:0 20px; border-left:1px solid #d8d8d8;}
#logo #top .top .langage a.cur{background:#fff; height:41px; }
#logo #top .top .langage a img{ vertical-align:middle; }

.logo{ width:1200px; height:115px; margin:auto;}
.logo .img{ width:805px; height:115px; float:left;}
.logo .img a{ display:table-cell; vertical-align:middle; width:805px; height:115px; }
.logo .img a img{ vertical-align:middle; width:804px; height:76px;}
.logo .phone{ width:auto; height:50px; float:right; margin-top:34px;}
.logo .phone div{ float:left; margin-right:5px;}
.logo .phone div h1{ color:#e83e3b;}

#menu{  width:100%; height:55px; background:#1d85fa;overflow:hidden; }
#menu ul{ width:1200px;height:55px; margin:auto; }
#menu ul li{ width:auto; height:55px; line-height:55px; padding:0 30px; font-size:18px; float:left; }
#menu ul.enmenu li{padding:0 25px;}
#menu ul li a{ color:#fff; }
#menu ul li.cur{ background:url(../images/cur.jpg) no-repeat center; background-size:cover; }

/*banner*/
#banner{width:100%; margin:auto; overflow:hidden; }
.mainbanner{height:600px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:600px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:600px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:298px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{ width:300px; height:20px; position:absolute; bottom:20px; left:50%; list-style:none; margin:0 0 0 -45px; padding:0;  }
.mainbanner_list li{width:15px;height:15px; float:left; margin:0; margin-right:15px; }
.mainbanner_list a{ width:100%;height:15px; margin:0;background:#666666; overflow:hidden;float:left;}
.mainbanner_list li.active a,.mainbanner_list li a:hover{ background:#498edd;  }

#search{ width:1200px; height:53px; margin:auto;}
#search .hot{ width:836px; height:53px; background:#efeeee; float:left; font-size:16px;}
#search .hot a{ display:block; width:auto; height:53px; line-height:53px; margin-left:15px; float:left;}
#search .hot a:hover{ color:#6ea5f7;}
#search .hot a:first-child{ font-size:16px; font-weight:bold;}
.search{  float:left; width:362px; height:53px; line-height:53px; border:1px solid #fff; }
.search input{ width:298px; text-indent:10px; height:53px; line-height:53px; float:left; border:0px;color:#b4b4b4; background:none; border-width:0;
　　border-color:white;
　　border-style:none;
　　background:none;
 }
.search input:focus{ border:0px; outline:none;}
.search .submit{ width:62px; height:53px; float:left;border:0px; background:url(../images/search.jpg) no-repeat center; cursor:pointer;}

.ad1{ width:100%; height:144px;background:url(../images/ad.jpg) no-repeat center; margin-top:40px; text-align:center; color:#fff; font-size:18px;}
.ad1 h2{ padding-top:40px; margin-bottom:5px;}

.product{ width:1200px; margin:3px auto;}
.menu_left{ width:246px; float:left; font-size:16px;}
.menu_left h2{ width:100%; text-align:center; height:81px; line-height:81px; color:#1d85fa; background:url(../images/category.jpg) no-repeat center; font-size:21px;}
.menu_left ul li{ width:100%;}
.menu_left ul li a{ display:block; width:100%; height:45px; line-height:45px; text-align:center; background:url(../images/cur1.jpg) no-repeat 220px center #e5e5e5; cursor:pointer; margin-bottom:1px;}
.menu_left ul li a.cur{  background:url(../images/cur2.jpg) no-repeat 215px center #e5e5e5; color:#1d85fa;}
.menu_left ul li .second a{ background:#fff; height:40px; line-height:40px; border-bottom:1px solid #e5e5e5; }
.menu_left ul li .second{ display:none;}
.menu_left ul li .second.cur{ display:block;}
.menu_left ul li .second .act{ background:url(../images/act.jpg) no-repeat bottom center;}

.product .product_right{ width:954px; float:right; margin-bottom:20px;}
.product .product_right ul li{ width:299px; height:266px; margin-left:17px; margin-top:20px; float:left; border:1px solid #aeaeae;}
.product .product_right ul li .img{ width:299px; height:224px; display:table-cell; vertical-align:middle; text-align:center;}
.product .product_right ul li .img img{ max-width:299px; max-height:224px; vertical-align:middle; }
.product .product_right ul li .name{ height:42px; line-height:42px; text-align:center; border-top:1px solid #aeaeae; overflow:hidden;}
.product .product_right ul li:hover{ border:1px solid #86befc;}
.product .product_right ul li:hover .name{ border-top:1px solid #86befc; color:#86befc;}

.product .hot_product{ width:100%; margin-bottom:20px; clear:both;}
.product .hot_product .title{ width:100%;height:50px;   color:#1d85fa; background:#e5e5e5; font-size:16px; margin-bottom:20px;}
.product .hot_product .title span{ display:inline-block; height:50px; line-height:50px;text-indent:30px; float:left; font-size:18px;}
.product .hot_product .title a{ display:inline-block; width:18px; height:18px; float:right; margin-right:10px; margin-top:15px; }
.product .hot_product .pos{ position:absolute; top:108px; width:100%; height:42px;}
.product .hot_product .pos .prev{background:url(../images/left.jpg) no-repeat; float:left; display: block; width:14px; height:25px;}
.product .hot_product .pos .next{background:url(../images/right.jpg) no-repeat; float:right;display: block; width:14px; height:25px;}
.product .hot_product .list{ width:100%; height:240px; overflow:hidden;}
.product .hot_product .list li{ width:271px; height:238px; float:left; margin-right:13px; margin-bottom:10px;border:1px solid #aeaeae;}
.product .hot_product .list li .img{ width:271px; height:208px; display:table-cell; vertical-align:middle; text-align:center;}
.product .hot_product .list li .img img{ max-width:271px; max-height:208px; vertical-align:middle; }
.product .hot_product .list li .name{ height:30px; line-height:30px; text-align:center; border-top:1px solid #aeaeae; overflow:hidden;}


.ad2{ width:100%; height:144px;background:url(../images/aply.jpg) no-repeat center; margin-top:40px; text-align:center; color:#fff; font-size:18px;}
.ad2 h2{ padding-top:40px; margin-bottom:5px;}

.apply{ width:1200px; margin:20px auto; position:relative;clear:both;}
.apply .pos{ position:absolute; top:108px; width:100%; height:42px;}
.apply .pos .prev{background:url(../images/left.jpg) no-repeat; float:left; display: block; width:14px; height:25px;}
.apply .pos .next{background:url(../images/right.jpg) no-repeat; float:right;display: block; width:14px; height:25px;}
.apply .list{ width:100%; height:240px; overflow:hidden;}
.apply .list li{ width:265px; height:238px; float:left; margin-right:19px; margin-bottom:10px;position:relative;}
.apply .list li .img{ width:265px; height:238px; display:table-cell; vertical-align:middle; text-align:center;}
.apply .list li .img img{ max-width:265px; max-height:238px; vertical-align:middle; }
.apply .list li .name{ width:100%;background:url(../images/apply_bg.png) repeat-x;  height:39px; line-height:39px; text-align:center;  overflow:hidden; position:absolute; left:0px; bottom:0px;}


#hezuo{ clear:both; width:100%; height:467px;background:url(../images/hezuo.jpg) no-repeat top center; margin-top:65px;}
#hezuo .hezuo{ width:1200px; margin:auto; }
#hezuo .hezuo .title{ width:937px; height:144px; margin:auto; background:url(../images/hezuo_bg.jpg) no-repeat center; text-align:center; color:#fff; font-size:18px; padding-top:40px;}
#hezuo .hezuo .title h2{ padding-top:30px; margin-bottom:5px;}
#hezuo .hezuo .pos{ position:absolute; top:227px; width:145px; left:42%;  height:25px;}
#hezuo .hezuo .pos .prev{background:url(../images/left.jpg) no-repeat; float:left; display: block; width:14px; height:25px; margin-right:20px;}
#hezuo .hezuo .pos .hd{ display:inline-block; width:auto; height:15px; }
#hezuo .hezuo .pos .hd ul{ display:inline-block; width:auto;height:15px;margin:auto; text-align:center; float:left;}
#hezuo .hezuo .pos .hd ul li{ float:left; margin:5px 10px 5px 10px; width:15px; height:15px;background:url(../images/yuan2.jpg) no-repeat; font-size:0px; }
#hezuo .hezuo .pos .hd ul li.on{background:url(../images/yuan1.jpg) no-repeat;}
#hezuo .hezuo .pos .next{background:url(../images/right.jpg) no-repeat; float:right;display: block; width:14px; height:25px; margin-left:20px;}
#hezuo .hezuo .list{ width:937px; margin:auto; height:205px; overflow:hidden;}
#hezuo .hezuo .list li{ width:224px; height:199px; float:left; margin-right:11px; margin-bottom:10px;border:1px solid #aeaeae;}
#hezuo .hezuo .list li .img{ width:222px; height:199px;  display:table-cell; vertical-align:middle; text-align:center;}
#hezuo .hezuo .list li .img img{  max-width:222px; max-height:197px;  vertical-align:middle; }


#about{ width:100%; height:427px; background:#e5e5e5; margin:30px auto;}
#about .about{width:1200px; height:427px; margin:auto;background:url(../images/about_word.jpg) no-repeat right bottom #ffffff; }
#about .about .img{ width:653px; height:427px; float:left; position:relative;}
#about .about .img .pos{ position:absolute; top:200px; width:100%; height:50px; z-index:999;}
#about .about .img .pos .prev{background:url(../images/a_left.jpg) no-repeat; float:left; display: block; width:43px; height:50px;}
#about .about .img .pos .next{background:url(../images/a_right.jpg) no-repeat; float:right;display: block; width:43px; height:50px;}
#about .about .content{ width:490px; height:427px;float:left; margin-left:20px;}
#about .about .content .title{ margin:50px 0 40px; color:#303030; }
#about .about .content .brief{ height:220px; color:#666666; line-height:22px; overflow:hidden; }
#about .about .content .more{ display:block; background:#1d85fa; width:138px; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; }


.company{ width:1200px; margin:20px auto; position:relative;clear:both;}
.company .title{ height:50px; width:100%; background:#1d85fa; color:#fff; font-size:16px; line-height:50px; text-align:center; margin-bottom:18px;}
.company .pos{ position:absolute; top:170px; width:100%; height:42px;}
.company .pos .prev{background:url(../images/left.jpg) no-repeat; float:left; display: block; width:14px; height:25px;}
.company .pos .next{background:url(../images/right.jpg) no-repeat; float:right;display: block; width:14px; height:25px;}
.company .list{ width:100%; height:240px; overflow:hidden;}
.company .list li{ width:265px; height:238px; float:left; margin-right:19px; margin-bottom:10px;position:relative;}
.company .list li .img{ width:265px; height:238px; display:table-cell; vertical-align:middle; text-align:center;}
.company .list li .img img{ max-width:265px; max-height:238px; vertical-align:middle; }

#news{ width:1200px; margin:auto; clear:both; padding-top:38px;}
#news .news{ width:626px; float:left;}
#news .news .title{ width:626px; height:50px; font-size:16px; }
#news .news .title a{ display:inline-block; width:50%; height:50px; line-height:50px; text-align:center; color:#303030; background:#e5e5e5; font-size:16px;}
#news .news .title a.cur{ background:#1d85fa; color:#fff;}
#news .news ul li{ margin-top:15px; clear:both; text-indent:30px;background:url(../images/san.jpg) no-repeat left 3px; height:25px; border-bottom:1px dashed #e5e5e5;}
#news .news ul li .img{ width:235px; height:136px; float:left;}
#news .news ul li .content{ width:363px; float:right;}
#news .news ul li .content .name{ height:50px; line-height:70px; font-size:14px; overflow:hidden; }
#news .news ul li .content .date{ margin-bottom:10px;color:#666666;}
#news .news ul li .content .brief{ height:40px; line-height:20px; overflow:hidden;color:#666666;}
#news .news ul li .name1{ width:500px; float:left; overflow:hidden;color:#666666; }
#news .news ul li .date1{ width:106px; float:right;color:#666666; }
#news .news ul li.first{ text-indent:0px; background:none; height:136px; border:0px;}

#news .contact{ width:536px; float:right; }
#news .contact .title{ width:536px; height:50px;line-height:50px; text-align:center; color:#fff; background:#1d85fa; font-size:16px; }
#news .contact ul{ height:354px; border:1px solid #e5e5e5;}
#news .contact ul li{ line-height:25px; color:#666666; margin-left:50px;}


.friend{ width:1200px; clear:both; margin:auto;padding-top:30px; }
.friend ul li{ float:left; height:75px; line-height:75px; padding-left:20px; font-size:16px;}
.friend ul li a{ padding-right:20px;}

/*底部*/
#foot{ clear:both; width:100%; height:325px;background:#1d85fa;font-size:16px; }
#foot .foot{width:1200px; height:332px; color:#fff; margin:auto; }
#foot .foot .logo_bottom{ width:309px; height:114px; margin-top:95px; float:left;}
#foot .foot .bottom_menu{ width:353px; float:left; margin-top:40px;}
#foot .foot .bottom_menu li{ float:left; margin-left:40px; margin-bottom:10px; }
#foot .foot .bottom_menu li a{ display:block; width:125px; height:35px; line-height:35px; text-align:center; background:#fff; color:#1d85fa;}
#foot .foot .qcode{ width:118px; height:112px; float:left; background:#fff; padding:30px 40px 40px; margin:20px; text-align:center; color:#666666; margin-top:39px; margin-left:40px;}
#foot .foot .qcode img{ max-width:100%; margin-bottom:10px;}

#foot .banquan{ clear:both; width:100%; height:30px; line-height:30px; text-align:center;padding-top:20px;  color:#fff; }
/*在线留言*/
#message{ width:720px; margin:auto; height:auto;    background: #D0D1D5; padding:20px 0 50px;}
.message{ width:450px; margin:auto; height:auto; }
.message li{ width:100%; font-size:14px; height:30px; line-height:30px;}
.message li span{ display:inline-block; float:left; width:125px; text-align:right;}
.message li input{ width:260px; height:20px; border:0px;  border:1px solid #ccc;}



/*qq*/


.advice{
	width: 40px;
	height: 130px;
	position: fixed;
	top: 50%;
	margin-top: -65px;
	z-index: 20;
	right: 0;
}
.advice-qq{
	width: 132px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-mz-border-radius: 10px;
	position: fixed;
	right: 0;
	top: 20%;
	display: none;
}
.online-qq{
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -mz-box-sizing: border-box;
    text-align: center;
}
.close1{
	position: absolute;
	right: 0;
	top: -12px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 50%;
	color: #000;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-mz-border-radius: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -mz-box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.service{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -mz-box-sizing: border-box;
}
.service-qq ul li{
	width: 100%;
	height: 22px;
	margin-bottom: 10px;
	text-align: center;
}
.service-tel ul li{
    text-align: center;
    margin-bottom: 5px;
}
.service-tel ul li h5{
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}
.service-tel ul li p{
	font-size: 12px;
	color: #e66d15;
}
.advice-btn img{
    width: 100%;
}