*{ margin:0 auto; padding:0;}
ul,a{ list-style:none; text-decoration:none;}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.top{ width: 1200px; margin: 0 auto; padding:30px 0px;}
.logo{ float: left; width: 431px;}
.logo img{ display:block; height: 67px; width: 431px;}
.nav{ width: 740px; float: right; margin-top:13px;}
.nav ul { display: flex;}
.nav ul li { flex: 1; text-align: center;  font-size: 18px; line-height: 40px;}
.nav ul li a{ color: #000;  display: block;}
.nav ul li a:hover{border: 1px solid #125cc0; display: block; }

.chanpin{ width: 1200px; margin: 0 auto; margin-top:40px;}

.chanpin-top{ width:464px; height: 214px;}

.chanpin-list{ width: 1200px; margin: 0 auto;}
.chanpin-list ul li{ float: left; width: 380px;  padding:20px 0px; margin-right:18px; margin-top:40px;/* border:1px solid #d4d4d4;*/}
.chanpin-list ul li img{ width: 348px; height: 290px; display:block; margin: 0 auto;}
.chanpin-list ul li h3{ text-align: center; font-size: 20px; color: #000; padding-top:40px;}
.chanpin-list ul li span{ display: block; background:#fcae06; color: #fff; width: 200px; line-height: 40px; border-radius: 40px; margin-top:20px; text-align: center; font-size: 18px;}

.pinzhi{ width: 100%; background: #125cc0; margin-top:60px;}
.pinzhi-bg{ width: 1200px; margin: 0 auto; padding:40px 0px;}
.pinzhi-top{ text-align: center; font-size: 80px; color: #fff; font-weight: bold;}
.pinzhi-img{ width: 1000px; margin: 0 auto;}
.pinzhi-img img{ display: block; width: 100%;}

.gongsi{ width: 100%; background: #f0f1f6;  padding:40px 0px;}

.gongsi-title{ text-align: center; font-size: 60px; font-weight: bold; color: #0070d0;}
.gongsi-title p{ font-size: 24px; font-weight: normal; color: #000; padding-top:10px;}

.gongsi-info{ width: 1200px; margin: 0 auto; background: #fff; padding:40px 0px; margin-top:40px;}
.gongsi-left{ width: 500px; float: left;}
.gongsi-left h3{ font-size: 40px; color: #0070d0;}
.gongsi-left p{ font-size: 18px; line-height: 30px; padding-top:20px; text-indent: 20px;}
.gongsi-right{ width: 500px; float: right;}
.gongsi-right img{ width: 500px; display: block;}
.gongsi-word{ width: 1100px; margin: 0 auto;}


.changjia{ width: 100%;  padding:40px 0px;}

.changjia-top{ width: 993px; height: 162px; margin: 0 auto;}

.changjia-list{ width: 1200px; margin: 0 auto; margin-top:60px;}
.changjia-list ul li { width: 550px; float: left; margin-top:40px;}
.changjia-list ul li h3{ font-size: 24px; color: #0070d0; padding-top:30px;}
.changjia-list ul li p{ color: #2c2c2c; font-size: 14px;}
.changjia-list ul li dl{ margin-top:10px;}
.changjia-list ul li dl dt{  font-size: 14px; list-style-type: circle;}
.changjia-list ul li:nth-child(2){ margin-left: 100px;}
.changjia-list ul li:nth-child(4){ margin-left: 100px;}


.index-news{ background: #f0f1f6; width: 100%; padding:40px 0px; margin-top:50px;}
.indx-news-title{ text-align: center;}
.indx-news-title h3{ font-size: 50px;}
.indx-news-title h3 span{ color: #125cc0;}
.indx-news-title p{ font-size: 14px; color: #8b8b8b; text-transform: uppercase; letter-spacing: 10px;}

.news-con{ width: 1200px; margin: 0 auto; margin-top:60px;}
.news-left{ float: left; width: 565px; height: 565px;}
.news-left img{ display: block; width: 565px;  height: 565px;}
.news-right{ float: left; width: 500px; margin-left: 65px;}
.news-right ul li{ margin-top:70px; border-bottom: 1px  dashed #ccc; padding-bottom: 40px; }
.news-right ul li:nth-child(1){ margin-top:10px;}
.right-right{ float: left; width: 93px; height: 93px;  background: #e0e0e0;}
.right-right h3{ font-size: 40px; text-align: center; color: #8b8b8b;}
.right-right p{ font-size: 20px; color: #8b8b8b; text-align: center;}
.left-left{ float:left; width: 390px; margin-left: 17px;  }
.left-left h3{ font-size: 20px; color: #000;  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.left-left h3 a{ color:#000;}
.left-left p{ font-size: 16px; color: #8b8b8b; padding-top:20px; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    max-height: 42px; /* 2 lines * 16px font size */
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;}
.left-left p a{ color:#333;}

.footer{ width: 100%; background: #333333; padding:40px 0px;}
.footer-con{ width: 1200px; margin: 0 auto;}
.footer-left{ float: left; width: 600px;} 
.footer-left h3{ color: #fff; font-size: 50px;}
.footer-left span{ font-size: 30px; color: #fff; padding-top:30px; display: block;}
.footer-left .footer-p{ margin-top:40px;}
.footer-left p{ padding-top:10px; color: #fff;}

.footer-right{ width: 400px; float: right;}
.footer-right h3{ font-size: 50px; color: #fff;}
.footer-right p{ height: 2px; background: #fff; width: 100px; display: block; margin-left: 0px; margin-top:20px;}
.footer-ul{ width: 100%; margin-top:20px;}
.footer-ul li{ float: left; font-size: 20px; width: 200px; margin-top:20px;}
.footer-ul li a{ color: #fff;}


/* bannercss */
	/* 本例子css -------------------------------------- */
	.focus{ width:100%; height:601px;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:30px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px;
		 font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:60px; height:5px;  background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#125cc0;  }

	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;  height:601px;   }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
/*banner结束*/




/*产品中心*/
.production{ width:100%; margin:0 auto; margin-top:40px;}
.pro-total{ width:1400px; margin:0 auto;}
.pro-name{ float:left; width:208px;}
.pro-name span{ font-size:40px; display:block; font-weight:bold; text-align:center;}
.pro-name a{ display:block; width:208px; height:49px; margin-top:10px;}
.pro-name a img{width:208px; height:49px;}
.pro-fu{ float:right; width:200px;}
.pro-fu p{ text-align:right; font-size:20px; text-transform:uppercase; color:#595959;}

.pro-left{ float:left; width:20%;}
.pro-left ul li{ margin-top:30px; width:100%; display:block;}
.pro-left ul li img{ float:left; width:10px; height:48px;}
.pro-left ul li a{ color:#000; display:block; float:left; margin-left:20px;}
.pro-left ul li p{ font-size:24px; font-weight:bold; line-height:48px;}
/*.pro-left ul li p:last-child{ font-size:12px; color:#727272; text-transform:uppercase;}*/
.pro-right{ width:80%; float:right;}
.pro-right ul li{ float:left;   text-align:center; width:30%; margin-left:3%; margin-top:2%;}
.pro-right ul li p{border:1px solid  #818181; display:block;}
.pro-right ul li p img{ width:100%; display:block;}
.pro-right ul li span{ font-size:20px; text-align:center; display:block; padding-top:20px;}
.pro-right ul li a{ color:#4c4c4c;}

.cls{ color:#595959;}
.cls span{ color:#d30000;}

.chanpin-total{ width:1290px; margin:0 auto; background:#fff; padding:30px;  box-shadow: 10px 20px 5px px rgba(0, 0, 0, 0.75);  }
.chanpin-left{ float:left; width:470px;}
.chanpin-top1 img{ width:470px; height:300px;}
.chanpin-bottom img{width:470px; height:300px; margin-top:20px;}
.chanpin-right{ float:right; width:795px; height:623px;}
.chanpin-right img{ width:795px; height:623px;}

.chanpin-list-list{ width:100%; margin:0 auto;}
.chanpin-list-list ul li{ float:left; width:413px; height:300px; margin-left:20px; margin-top:22px;}
.chanpin-list-list ul li:nth-child(1){ margin-left:0px;}
.chanpin-list-list ul li:nth-child(4){ margin-left:0px;}
.chanpin-list-list ul li:nth-child(7){ margin-left:0px;}
.chanpin-list-list ul li img{ display:block; width:413px; height:300px;}

.fuwu{ width:100%; background:#eaebef; padding-top:60px;}
.fuwu-top{ width:1453px; height:944px; margin:0 auto;}

.xuanze{ width:100%; margin:0 auto; height:470px; background:url(../images/xuanze.png) no-repeat center;}
.xuanze-total{ width:1400px; margin:0 auto;}
.xuanze-total ul li{ float:right; margin-right:20px; margin-top:50px;}

.liyou{ width:100%; margin:0 auto;}
.liyou img{ width:100%;}
 


/*公司简介*/
.mu{ width:1200px; overflow:hidden; margin:0 auto; margin-bottom:30px;}
.mu_l{ width:230px; float:left; overflow:hidden; }
/*.mu_r{ width:950px; float:right; overflow:hidden;}*/
.ny_left1 {
    margin-top: 10px;
	float:left;
}
.ny_left1_tit {
    width: 222px;
    height: 60px;
    background: url(../images/ny_05.jpg) 0 0 no-repeat;
    font-size: 20px;
    line-height: 68px;
    text-indent: 3em;
    color: #fff;
}
.ny_left1 p{ padding:0 15px; font-size:14px; line-height:30px;}
.tt{ border:1px #1d78de solid; width:220px; overflow:hidden;}
.content_com_title {
    background: url(../images/fy_rrtline.gif) left bottom no-repeat;
    position: relative;
    height: 45px;
    margin-bottom: 30px;
	margin-top:60px;
}
.content_com_title h2 {
    display: inline-block;
    padding-bottom: 6px;
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 18px;
    font-weight: normal;
    color: #1d78de;
    text-align: left;
	font-weight:bold;
}
.bread {
    font-size: 14px;
    color: #000;
    position: absolute;
    top: 30px;
    right: 9px;
}
.bread a{ color:#000;}
.text{ margin:20px 0;}
.text p{ line-height:30px; text-indent:2em; font-size:14px;}

/*产品*/
 .product1 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.product1 li {
    width: 245px;
    float: left;
    height: auto;
    overflow: hidden;
    position: relative;
}
.product1 li a {
    display: block;
    width: 230px;
    margin: 3px auto;
    height: auto;
    overflow: hidden;
    position: relative;
}
.product1 li a img {
    display: block;
    height: 210px;
    border: 2px solid #e4e3e3;
}
.product1 li a img:hover{ border: 2px solid #71b4e8;}
.product1 li p {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font: 14px/42px "microsoft yahei";
}
div#showpages {
    clear: both;
    padding: 20px 0px;
    width: 100%;
    height: 30px;
    /*text-align: right;*/
	text-align:center;
}
div#pages {
    /*float: right;*/
    padding-right: 8px;
    white-space: nowrap;
}
div#pages ul {
    margin: 0;
    padding: 0;
}
div#pages li {
    margin: 3px;
    padding: 5px 10px;
    list-style-type: none;
    float: left;
    background: #dcd9d4;
    color: #303030;
    border: 1px #dcd9d4 solid;
    white-space: nowrap;
	
}

/*新闻*/
.news11 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 12px auto;
}
.news11 li {
    border-bottom: 1px dashed #ccc;
}
.news11 li {
    width: 98%;
    padding: 5px 0;
    height: 40px;
    font: 14px/30px "microsoft yahei";
    color: #737373;
	float: left;
} 
.news11 li a {
    float: left;
    margin-left: 12px;
	color:#000;
}
.news11 li span {
    float: right;
    margin-right: 12px;
    font-size: 12px;
}
/*产品详细页*/

.tag {
    line-height: 30px;
    font-size: 14px;
}
.newszz_bt_03 {
    
    height: auto;
    line-height: 30px;
    color: #707070;
    font-size: 14px;
}
.newszz_bt_03 a {
    color: #333b3d;
}
.mu_r p {
    font-size: 14px;
    line-height: 30px;
    text-indent: 2em;
}
.mu_r h4 {
    background: #1d78de;
    height: 30px;
    text-indent: 2em;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
	margin-top: 30px;
	margin-bottom:20px;
}
.newszz_bt_01 {

    height: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #333b3d;
    font-family: "Microsoft Yahei";
    font-weight:bold;
}
.newszz_bt_02 {
   
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #ff0000;
}
.newszz_bt_02 a{color: #ff0000;}
.beijing {
    width: 100%;
    height: 745px;
    /*background: url(../images/beijing.jpg) no-repeat center bottom;*/
}

.pr1 {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.cpl{width:222px;float:left;background:#f8f8f8}
.cptt{color:#ffffff;font-size:30px;font-weight:normal;text-align:center;background:#1d78de;height:80px;padding-top:10px}
.cptt span{color:#fff;font-size:16px;text-transform:uppercase;display:block;}
.sortx{border:1px solid #e6e4e5;border-bottom:none;border-top:none}
.sortx li{float:left;color:#555555;font-size:15px;text-align:left;display:block;width:220px;border-bottom:1px solid #e6e4e5;line-height:50px;}
.sortx li a{color:#555555;font-size:15px;padding-left:48px;}
.dh{background:url(../images/dh.png) no-repeat center top;height:287px;border:1px solid #e6e4e5;border-bottom:none;border-top:none;color:#fff;padding-top:50px;padding-left:8px;}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

.cpre{width:950px;float:right;}
.chpp{color:#555555;font-size:30px;font-weight:normal;background:url(../images/xh.png) repeat-x center bottom;height:46px;}
.chpp span{color:#c9c9c9;font-size:30px;text-transform:uppercase;}

 
.pr{ padding:30px 0;}
.conList li{ line-height:30px; font-size:14px;}
.sidebox h4{ font-size:18px; padding-left:15px; padding-top:20px;}
.cpRight{ width:950px; overflow:hidden;  float:right;}

.product_listx{margin-top:35px;display:block}
.product_listx li{float:left;margin-right:41px;margin-bottom:15px;_display:inline;}
.product_listx li a.img{padding:6px;border:1px solid #efefef;}
.product_listx li a.img img{width:275px;height:240px;}
.product_listx li h3{text-align:center;margin-top:10px;color:#555555;font-size:18px;font-weight:normal;}
.product_listx li h3 a{font-weight:normal; color:#000;}
.product_listx li a.img{display:block;}
.roll_product{float:left;}
.product_listx li:nth-child(3n){float:right;margin-right:0px;}




.ckxq {
    float: left;
}
.ckxq a {
    width: 108px;
    height: 30px;
}
.ljdg {
    float: right;
}
.ljdg a {
    width: 108px;
    height: 30px;
}
.fw-left li:hover{ background:#0d6ac4b;}





.prous_11 {
    TEXT-ALIGN: center;
    FLOAT: left;
    width: 232px;
    padding-right: 5px;
    padding-left: 5px;
	padding-top:10px;
	padding-bottom:10px;
	
}
.prous_11 a {
    display: block;
    width: 232px;
    height: 184px;
}
.prous_11 a img {
    border: 1px #d7d7d7 solid;
}
.prous_11 .p_2 {
    LINE-HEIGHT: 40px;
    width: 216px;
    height: 40px;
}
.prous_11 .p_2 a {
    LINE-HEIGHT: 40px;
    width: 216px;
    height: 40px;
    display: block;
    color: #000;
	font-size:14px;
}
.m1{ width:230px; height:168px; float:left; margin-top:10px;}





.left_con dd {
    background: url(../images/line2.gif) left bottom no-repeat;
    height: 42px;
    line-height: 42px;
   
}
.left_con dd a {
    display: block;
    background: url(../images/left_li.gif) 38px 18px no-repeat;
   
    color: #000;
	
}
.left_con{ width:212px; background:#FFF; overflow:hidden;}




.sys {
    position: fixed;
    left: 10px;
    top: 100px;
	z-index:99;
}
.sys .os_x1 {
    background: url(../images/os20130523.gif) no-repeat;
    width: 18px;
    height: 20px;
    cursor: pointer;
}
.erweima {
    width: 200px;
    height: 153px;
}
.sys p {
    width: 200px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    cursor: pointer;
    background: #fff;
}
.contens{ width: 1200px; margin: 0 auto; padding-bottom: 80px;}
.con-top{ width: 100%; margin-top:80px;}
.con-top h3{ font-size: 40px;}
.con-infos{ margin-top:20px; font-size:24px; line-height: 60px;}
.con-mid{ width: 100%; margin-top:136px;}
.con-mid h3{ font-size: 30px;}
.con-info2{ margin-top:20px; font-size: 18px; line-height: 32px;}

.con-ul{ width: 100%; margin: 0 auto; margin-top:80px;}
.con-ul ul li{ width: 120px; height: 120px; background: #e06666; border-radius: 100px; text-align: center; line-height: 120px; float: left; margin-right: 30px; margin-top:10px;}
.con-ul ul li a{ color: #fff; font-size: 16px; font-weight: 600; display: block; border-radius: 100px;}
.con-ul ul li a:hover{ background: #cc0000; display: block;}

.suliaoinfo{ width:1200px; margin:0 auto;}
  .suliao-title{ width:100%; padding-bottom:20px; border-bottom:1px solid #000; font-size:40px;}
  .suliao-ul{ width:100%; margin-top:40px;}
  .suliao-ul ul{ list-style:none;}
  .suliao-ul ul li{ float:left; width:180px; margin-left:10px; height:100px; background:#125cc0; text-align:center; line-height:100px; border-radius:10px;}
  .suliao-ul ul li:hover{ background:#00F;}
  .suliao-ul ul li a{ text-decoration:none; color:#fff;}