/*重置reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
ul, ol { list-style:none; }
a { text-decoration:none; color:#000; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
/*清除浮动*/
/*--------------------正文开始---------------------------------*/
body { font:12px "微软雅黑", Arial, Helvetica, sans-serif; }

#header {height:208px; width:1120px; z-index:100; margin:0 auto;}
#header .tel { text-align:left;color:#333333; font-size:24px;   float:left; display: block; padding-top:45px; padding-left:110px;}
#header .tel span{font-size:28px; text-align:left;  line-height:55px; color:#c41212; letter-spacing:0px;}
#header .right {float:left;width:260px;height:162px; background:url(../images/tel.gif) 80px 88px no-repeat; text-align:left;}
#logo { float:left;width:860px; height:162px;}
#logo img{ float:left;width:860px; height:162px;}
.h_bottom{ margin:0 auto; width:1120px;height:67px;}
.hotkword{ line-height:67px; font-size:12px; color:#fff; padding-left:20px; width:165px; float:left;}
.timg{ width: 100%; overflow: hidden;}
.timg img{width:1920px;margin:0 calc(50% - 950px);}
#ground{  width:100%; float:left; background:url(../images/bg.gif) center top repeat-x;  }
.bjs{ float:left;}
.hotword{width: 1120px; margin-left:auto; margin-right: auto; height: 50px; font-size: 14px; color: #6f6f6f; line-height: 50px;}
.hotword a{color: #6f6f6f; padding: 0 5px;}
.ali{ float:left; padding-top:18px; padding-left:20px;}
/*gallery*/
#slides {
z-index:10;
	position:relative;
	overflow:hidden;
}
#slides .slides_container { margin:0 auto;
	width:1920px;z-index:10; 
	position:absolute; left:50%; height:600px;  margin-left:-960px; text-align:center;
}
/*Pagination*/
.pagination {
	position:absolute;
	bottom:15px;
	left:48%;
	z-index:200;
	width:120px;
}
.pagination li {
	float:left;
	margin:0 5px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}
/*page*/
#wapper { float: left; width:100%;}
#sidebar{ float:left; width:100%; }
.brand{width: 100%; overflow: hidden;  }
.brand img{width:1920px;margin:0 calc(50% - 960px);}
.wlbj{margin:0 auto; width:1120px;}
#sidebar1{ float:left; width:100%;background:url(../images/bg1.jpg) center top no-repeat;}
#sidebar2{ float:left;  width:100%;background:url(../images/bg2.gif) center top no-repeat;}



#about {width:1120px;float:left; height:427px;}
#about h2{  text-align:left; height:100px; line-height:100px;  color:#fff; font-size:40px;  }
#about p {font-size:18px; text-align:left;   line-height:32px; color:#fff; padding-right: 566px; }
#about p img{ float:left; padding-right: 40px;}
#about p a{float:right;  color:#fff; font-size:18px; padding:3px 15px; border-radius: 10px; border:2px solid #fff; line-height: 25px;  text-align: center;}



#productstype { width:222px; float: left; background: #013e8b;}
#productstype h3{ background: url(../images/h3.gif) 22px top no-repeat;font-size:26px; color: #fff; text-align:left; padding-left:71px;  height:86px;  line-height:86px; border-bottom: 1px solid #fff; font-weight: 600;}
.p-type { width:222px;  display:block;}
.p-type li {text-align:left; height:62px; padding-left:80px; background: url(../images/bgli1.gif) left top no-repeat;}
.p-type li img{ float: left;}
.p-type li a {   font-weight:100;  color:#fff; height:62px;  font-size:18px;   line-height:62px;display: block;}
.p-type li:hover { background: url(../images/bgli2.gif) left top no-repeat;}
.p-type li:hover *{ color: #000;}
#productstype img{ padding-top: 20px; }



.chanpin1 {float:left;  width:1120px; height: 1400px; }
.chanpin1 h2{ background:url(../images/h21.gif) center top no-repeat; text-align:center; height:210px; padding-top:25px; line-height:75px;color:#0070d8; font-size:36px; font-weight: 600; }
.chanpin1 h2 small{display: block; font-size:36px; color:#000000; font-weight:200;}
.chanpin1 h2 a{ font-size: 18px; color:#000000;  line-height:30px; border:2px solid #0070d8; border-radius: 5px; padding: 5px 10px; font-weight: 100;}
.chanpin1 .cp1 {float:left;width: 1120px;}
.chanpin1 .cp1 li {float:left;   text-align: center;  border:1px solid #0c7bec; margin:10px 5px; }
.chanpin1 .cp1 li img { width:358px; height:319px; text-align: center; float: left;}
.chanpin1 .cp1 li span {  display:block; color:#fff; line-height:40px; text-align:center; font-size:24px; background:#0070d8; 
}

.cpmore{ text-align:center; padding-top:45px;}
.cpmore a{ background:#fff; font-size:14px; color:#716f6f; padding:5px 25px; border:1px solid #d7d6d6; border-radius:20px; }

.chanpin {float:left;  width:1120px; background: url(../images/bgcp.gif) left 277px no-repeat; height: 1000px;}
.chanpin h2{text-align:center; height:130px; padding-top:30px; line-height:40px;color:#135bbf; font-size:36px; font-weight: 600;}
.chanpin h2 small{padding-left: 15px;font-weight:200;}
.chanpin h2 p{text-align:center;  line-height:35px;color:#000000; font-size:14px; }
.chanpin h2 a{text-align:center;  line-height:35px;color:#135bbf; font-size:14px; }
.chanpin .cp {float:left;width: 1120px; }

.chanpin2 {float:left;  width:1120px; height: 810px; }
.chanpin2 h2{ background:url(../images/h21.gif) center top no-repeat; text-align:center; height:210px; padding-top:25px; line-height:75px;color:#0070d8; font-size:36px; font-weight: 600; }
.chanpin2 h2 small{display: block; font-size:36px; color:#000000; font-weight:200;}
.chanpin2 h2 a{ font-size: 18px; color:#000000;  line-height:30px; border:2px solid #0070d8; border-radius: 5px; padding: 5px 10px; font-weight: 100;}
.chanpin2 .cp2 {float:left;width: 1120px;}
.chanpin2 .cp2 li {float:left;   text-align: center;box-shadow: -10px 10px 5px #888888; }
.chanpin2 .cp2 li:nth-child(2),.chanpin2 .cp2 li:nth-child(3){margin-left: 17px;}
.chanpin2 .cp2 li img { width:362px; height:509px; text-align: center; float: left;}
.chanpin2 .cp2 li span {  display:block; color:#fff; line-height:40px; text-align:center; font-size:24px; background:#0070d8; 
}

.chanpin3 {float:left;  width:1120px; height: 445px; }
.chanpin3 .cp3 {float:left;width: 1120px;}
.chanpin3 .cp3 li {float:left;   text-align: center;   }
.chanpin3 .cp3 li:nth-child(2),.chanpin3 .cp3 li:nth-child(3){margin-left: 19px;}
.chanpin3 .cp3 li iframe { width:360px; height:360px; text-align: center; float: left;}
.chanpin3 .cp3 li span {  display:block; color:#000000; line-height:50px; text-align:center; font-size:30px; 
}



.shipin{width: 1120px; float: left;}
.shipin h2{text-align: center; color: #5b5b5b; font-size: 23px; line-height: 50px; padding-top: 150px; height: 110px;}
.shipin2{float: left;width: 545px;}
.shipin3{float: left; margin-left:30px;width: 545px; }

.newslist {width:1120px;float:left; }
.newslist h2{ background:url(../images/h21.gif) center top no-repeat; text-align:center; height:210px; padding-top:25px; line-height:75px;color:#0070d8; font-size:36px; font-weight: 600; }
.newslist h2 small{display: block; font-size:36px; color:#000000; font-weight:200;}
.newslist h2 a{ font-size: 18px; color:#000000;  line-height:30px; border:2px solid #0070d8; border-radius: 5px; padding: 5px 10px; font-weight: 100;}
.newstop{ width:443px; float:left; height:400px; margin-top: 15px;}
.newstop .pict{ width:443px;  float:left;  }
.newstop .pict img{ float:left; width:436px; height:231px; border:3px solid #027bd7;}
.newstop .pict a{display:block; font-size:20px;  color:#027bd7;  line-height:45px;  text-align:left;}
.newstop .p2{  float:left; font-size:13px; color:#8d8d8d; line-height:20px;}
.newstop .p2 a{ color: #fff; background:#027bd7; padding: 7px 12px;  font-size: 14px; line-height: 20px; text-align: center; margin-top: 10px; }
.newsr{ float: left; width: 637px; padding-left: 40px;}
.xx{width: 600px; height:98px;margin-top: 15px;margin-bottom: 45px; }
.xxl{ background:#a4d7fe; width:99px; float: left; height: 98px; }
.xxl span{ font-size:43px; color: #027bd7; text-align: center; line-height: 98px; display: block; }
.xxr{  height:98px; width:481px; padding-left: 20px; float: left;}
.xxr a{ color: #027bd7; font-size:20px; line-height:30px; }
.xxr p{ font-size: 14px; color: #515151; line-height: 22px;}
.xxl:hover *{ background: #027bd7; color:#fff;}




.contact { width:685px; float:left; height:453px; background: url(../images/code.jpg) left 273px no-repeat;}
.contact h2{font-size: 20px; color: #fff; line-height: 75px; font-weight: 600;}
.contact p {line-height:33px;  font-size:18px; color:#fff; text-align:left; }
.contact p span{display: block; font-size:20px; font-weight: 600; padding-top:20px; line-height:40px;  }
.code{float: left;width:166px;  height:300px; float: right;  }
.code img{width: 166px; padding-top:60px; }
.code span{display: block; text-align: center; color: #fff; font-size: 14px ;line-height: 40px;}
.code1{float: left; padding:20px; }
.code2{float: left;padding:20px; }


.ffenlei{width: 560px; float: left;}
.ffenlei ul{ padding-left: 10px; padding-top:30px;}
.ffenlei li{width: 170px; float: left;line-height:37px; }
.ffenlei li a{ color:#fff; font-size: 14px; }

.mess{ width:560px;float:left;  height:360px;}
.mess h2{ height:70px; line-height:60px; font-size:18px; color:#1f1f20;}
.mess form{  float:left; width:560px}
.mess .dy1 { display: block;  width:560px; font-size:16px; color:#1f1f20;letter-spacing:1px; height:30px; line-height:30px;}
.mess .dy2 input{  height:27px; font-size:14px;   text-align:left; background:#fff; border: 1px solid #e2e2e2;}
.mess .kd2{ float:left;}
.mess .kd3{ float:left;}
.mess .kd3 .dy2 input{ height:75px; }
.mess .coolbg{ width:115px; background:#0fb935; font-size:12px; height:27px; color:#fff; border:0px;cursor:pointer; }
.mess .coolbg1{  width:115px; background:#f8ba43;  margin-left:25px;font-size:12px; height:27px; color:#fff; border:0px;cursor:pointer; }


#gallery { width:295px;  height:202px; overflow:hidden; padding:4px 3px; border:1px solid #b8c6be; border-top:none; }
#gallery img { width:289px; height:199px;  }

 .more { float:right; padding-top:35px;}
  .more a{ font-size:14px;color:#fff; text-align:center;  line-height:35px; font-weight: 200; }
 .more1 { float:right; padding-top:55px;}
  .more1 a{ font-size:14px;color:#fff; text-align:center;  line-height:35px; font-weight: 200; }
 .more2 { float:right; padding-top:30px; padding-right:10px; }
  .more2 a{ font-size:14px;color:#202020; text-align:center;  line-height:35px; border: 1px solid #999999; padding: 1px 3px;}

.top{ text-align: center;}  
#bottom { width:100%; float:left; background: url(../images/bg3.gif) left top repeat-x;}
#link { margin:0 auto;width:1120px;min-height: 57px; color:#135bbf;font-size:14px;}
#link dl { margin-left:5px;}
#link dl span {  float:left;  line-height:40px;}
#link span { color:#135bbf; font-size:14px; }
#link dl  a { display:block; padding:0 10px; line-height:40px; color:#135bbf; float:left; font-size:14px; }
#link dl dd a:hover { text-decoration:underline; }

#case {float:left; width:1120px; height:570px;}
#case h2{text-align:center; height:168px; padding-top:25px; line-height:50px;color:#fff; font-size:36px; }
#case h2 small{display: block; font-size: 16px; color:#555555; }
.product_list { 
	width:1120px; height:570px;
	float:left;
	}
.product_inner {overflow:hidden; 
	width:1120px;
	height:360px;}
.product_list li { padding:0px 10px;
	float:left;
}
.product_list li img { 
	width:360px;
	height:360px;
}
.product_list li span { font-size:18px;
	color:#000000;
	display:block;
	line-height:50px;
	text-align:center;
}
.product_list li span:hover {
	text-decoration:underline;
}




/*footer*/
 .map{ float:left; width:435px; height:453px;}
.map h2{height: 130px;}
#map{ }
.footer { width:1120px; float: left; }
.footer p{ color:#fff;  text-align:center; font-size:14px;  line-height:41px;}
.b_l{width: 495px; float: left;}
.mrt{width: 495px;float: left; height: 160px;}
.mrt h2{font-size: 20px; color: #fff; line-height: 80px; font-weight: 600;}
.mrt p{ font-size: 15px; color:#ffffff; line-height: 25px;  }


/*nav*/
#nav {height:45px;  width:980px; float:left; margin-top: 30px; border-bottom: 1px solid #5d96df; margin-left: 70px;}
#nav h2{ font-size: 20px; color: #fff; line-height:45px; font-weight: 600;}
#nav ul {float:left;}
#nav li{float:left; width:122px; }
#nav li a { color:#fff;font-size:16px;line-height:30px;display:block;height:30px; text-align:center;  }
.back { position:absolute; margin-top:-22px;
    left:48.5%;
}

/*产品列表页*/
#p-page {float:left; 
	width:1004px;
}
#leftsides {
	float:left;
	width:240px;
}
#leftlist {background:#FFF;border:1px solid #d5d3d3;
	width:238px; margin-bottom:10px;
}
#leftsides 
.products li{padding-left:25px; background:url(../images/guid_tag.png) 10px no-repeat; height:25px; line-height:25px; }
.products li a { color:#333;}
.products li a:hover {
	font-weight:bold;
	text-decoration:underline;
}

.lianxi{width:238px;background:#FFF;border:1px solid #0077e6;}
.pright h3{ height:30px; font-size:14px; line-height:30px; text-align:center; color:#fff; background:#0060aa;}
.lianxi p { padding:10px;line-height:25px;color:#333;}


.pagelist {float:right; text-align:right; padding-right:10px;color:#000;}
.pagelist a{ color:#000;}
.pagelist li {padding:0px 5px;
    float: left;
}


/*鏂囩珷鍒楄〃*/
.n-pages {}
.n-pages { width:910px; padding-left:30px;}
.n-pages li{ font-size:14px; color:#afafaf; line-height:60px; border-bottom:1px #999 dotted;}
.n-pages a { font-size:16px; color:#262626;  text-decoration:none;}
.n-pages a:hover { color:#000;
}
.n-pages span{ float:right; padding-right:10px;}
.aboutus{ font-size:12px;line-height:25px; font-weight:200px; letter-spacing:1px; color:#000;}
.aboutus ul li{ text-align:center;}
.header{ width:1120px; height:46px; float: left; 
}
.header .nav{
	width:1120px;
	height:46px;
	line-height:50px;
	position: relative;
	z-index: 111;
}
.header .nav li{
	float: left;
	width:160px;
	height:46px;
	line-height:50px;
	text-align: center;
}
.header .nav li a{ font-size: 16px; height:46px; line-height:46px; display: block;
	color: #fff;
}
.header .nav li a:hover{ color: #fff;background:#c41212; }
.header .nav li .second-nav{ 
	width:160px;
	display: none;
	position: relative;
}
.header .nav li .second-nav li{
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	 background: #c41212;

}
.header .nav li .second-nav li a{ height: 40px; line-height: 40px; font-size: 16px;color: #fff;
	
}
.header .nav li .second-nav li a:hover{ background:none;}
.header .nav li .second-nav li .third-nav{
	/*position: absolute;*/
	width: 90px;

	display: none;
	margin-left: 100%;
	margin-top: -40px;
}

/*侧导航*/
#files{width:240px; float:left;}
.tree ul{margin-left:8px;}
.first a{ color:#000; padding-left:35px;  background:url(../images/stree_03.gif) 20px center no-repeat; height:34px; line-height:35px;}
.second a{ color:#666; padding-left:50px;  background:url(../images/stree_03.gif) 35px center no-repeat; height:34px; line-height:35px;}
.third a:hover{ background:url(../images/third_03.gif) 90px center no-repeat; color:#ee7200;}
.first a:hover{ font-weight:600;}
.tree li a{display:block;text-decoration:none; color:#000;}
.tree ul.tree-group-collapsed{display:none;}