/*初始化*/
*{ margin:0; padding:0; list-style:none; text-decoration:none; font:  "微软雅黑"; }

/*top*/
.top{ max-width: 100%; min-width: 1180px; height: 145px; text-align: center; background: url(../images/title_bg.jpg) center center repeat-x; margin: 0 auto; overflow: hidden; }
.top_con{ width: 1180px; height: 39px; margin: 0 auto; overflow: hidden;}
.top_con p{ display: block; float: left; font-size: 12px; line-height: 39px; color: #666; }
.top_con span{ display: block; float: right; font-size: 12px; line-height: 39px; color: #666; }
.top_con span a{ font-size: 12px; line-height: 39px; color: #666; margin: 0 10px; }
.top_con span a:hover{ color: #da5131;}
.top img{ margin: 10px auto 0; }



/*nav*/
.nav{ max-width: 100%; min-width: 1180px; height: 44px; background: #3174c2; margin: 0 auto; overflow: hidden; }
.nav ul{ width: 1180px; height: 44px; margin: 0 auto; overflow: hidden; }
.nav ul li{ float: left; padding: 0 40px; }
.nav ul li a{ display: block; font-size: 15px; line-height: 44px; text-align: center; color: #fff; font-weight: bold; }
.nav ul li:hover{ background: #333333; }
.nav ul li:hover a{ color: #fff; }


/* banner */
.banner{ max-width: 100%; min-width: 1180px; height: 435px; position: relative; margin: 0 auto; overflow: hidden; }
.datu{ width: 1440px; height: 435px; position: absolute; top: 0; left: 50%; margin-left: -720px; overflow: hidden;}
.datu .d1{ display: block; width: 1440px; height: 435px; position: absolute; left: 50%; margin-left: -720px; top: 0px; }
.d2{ width: 150px; height: 30px; position: absolute; left: 50%; margin-left: -75px; top: 390px; z-index: 100; }
.d2 li{ cursor:pointer;float: left; width: 30px; height: 30px; border-radius: 50%; background: #da5131; color: #fff; font-size: 14px; line-height: 30px; text-align: center; margin: 0 10px; font-weight: bold; }
.d2 li.nuw{ background: #32332e;}



/*产品展示*/
.pro{ max-width:100%; min-width: 1180px; height: auto; margin: 30px auto; overflow: hidden; }
.pro_con{ width: 1180px; height: auto; margin: 0 auto; }
.pro_left{ width: 274px; height: auto; float: left; background: #333333;}
.pro_left_bt{ width: 274px; height: 100px; float: left; }
.pro_left ul{ width: 266px; height: auto; float: left; background: #333333; overflow: hidden; }
.pro_left h3{ width: 239px; padding-left: 20px; height: 35px; float: left; text-align: left; background: #fff; margin-bottom: 11px; }
.pro_left h3 a{ color: #222; font-size: 15px; line-height: 38px; margin: 0 5px; font-weight: bold; }
.pro_left ul h3:hover a{ color: #dd5032; }
.pro_left ul li{ width: 239px; padding-left: 20px; height: 35px; float: left; text-align: left; background: #fff; margin-bottom: 11px; }
/*.pro_left ul li span,.pro_left ul li a{ color: #333; font-size: 14px; line-height: 38px; margin: 0 5px; }*/
.pro_left ul li:hover span,.pro_left ul li:hover a{ color: #dd5032; }
.right{ width: 865px; height:auto; float: right; overflow: hidden; }

#fl1{
	width: 241px;
	height: 34px;
	background-color: #45b432;
	line-height: 34px;
	font-size: 13px;
	font-weight: bold;
}

#fl1 a{
	color: #000;
	padding-left: 18px;font-weight: bold
}

#fl2{
	width: 241px;
	height: 29px;
	line-height: 29px;
	font-size: 13px;
}

#fl2 a{
	color: #2f74bf;
	padding-left: 18px;
	font-weight: bold
}

/* marqueetop */
.marqueetop{ width: 865px; height:auto; margin: 10px auto 0; overflow: hidden; }
.marqueetop ul{ float: left; }
.marqueetop li{ margin: 0 8px 10px; width: 272px; height: 285px; float: left; overflow: hidden;}
.marqueetop li a{ display: block; width: 272px; height: 285px;}
.marqueetop li a img{ display: block; width: 260px; height: 243px; padding: 5px; border: 1px solid #ccc; }
.marqueetop li a i{  display: block; width: 272px; height: 30px; text-align: center; font-size: 15px; line-height: 30px; color: #000; }



/*公司简介*/
.about{ max-width: 100%; min-width: 1180px; height: auto; background: #3174c2; margin: 0 auto; overflow: hidden; }
.about_con{ width: 1180px; height: auto; margin: 40px auto; overflow: hidden;}
.about_l{ width: 380px; height: 307px; float: left; text-align: center; }
.about_l img{ display: block; width: 372px; height: 298px; border: 4px solid #fff;}
.about_r{ width: 770px; height: auto; float: right; overflow: hidden; }
.about_bt{ width: 770px; height: 22px; position: relative; top: 0; left: 0;}
.about_bt h3{ font-size: 22px; color: #fff; line-height: 30px; float: left; }
.about_bt i{ display: block; width: 660px; height: 7px; background: #6f9ed4; position: absolute; right: 0; bottom: 0; }
.about_r p{ display: block; width: 770px; height: 220px; font-size: 14px; line-height: 30px; color: #fff; text-indent: 2em; margin-top: 20px;}
.about_r span{ display: block; width: 148px; height: 44px; background: #feef32; border-radius: 10px; text-align: center;}
.about_r span a{ display: block; color: #333134; line-height: 44px; font-size: 14px; }


/*cases*/
.cases{ max-width: 100%; min-width: 1180px; height: auto; margin: 10px auto 30px; overflow: hidden; }
.cases h3{ width: 136px; height: 44px; font-size: 20px; color: #333333; line-height: 44px; text-align: center; font-weight: bold; border: 3px solid #3075c2; border-radius:15px;margin: 0 auto; }
.cases_con{ width: 100%; height: auto; margin: 0 auto; padding: 20px 0; }


/* marqueeleft */
.marqueeleft{ width: 1180px; height: 295px; margin: 10px auto; overflow: hidden; }
.marqueeleft ul{ float: left; }
.marqueeleft li{ float: left; width: 277px; height: 295px; margin: 0 7px;}
.marqueeleft li a{ display: block; width: 277px; height: 295px; }
.marqueeleft li a img{ display: block; width: 265px; height: 253px; border: 1px solid #ccc; padding: 5px; }
.marqueeleft li a i{ display: block; width: 277px; height: 30px; text-align: center; font-size: 14px; line-height: 30px; color: #000;}



/*text*/
.text{ max-width: 100%; min-width: 1180px; height: auto; margin: 40px auto; overflow: hidden; }
.text_con{ width: 1180px; height: auto; margin: 0 auto; overflow: hidden; }
.news{ width: 560px; height: auto; float: left; overflow: hidden; }
.text_con h3{ width: 136px; height: 44px; font-size: 20px; color: #333333; line-height: 44px; text-align: center; font-weight: bold; border: 3px solid #3075c2; border-radius:15px;}
.text_ul{ width: 560px; height: auto; margin-top: 15px; overflow: hidden; }
.text_ul li{ float: left; width: 560px; height: 38px; border-bottom: 1px dashed #999; }
.text_ul li span{ float: left; width: 11px; height: 11px; background: url(../images/hui.jpg) top left no-repeat; margin-top: 12px; }
.text_ul li:hover span{ background: url(../images/yellow.jpg) top left no-repeat; }
.text_ul li a{ font-size: 14px; line-height: 38px; color: #333; margin-left: 10px;}
.text_ul li a:hover{ color: #2073d1; }
.text_ul li i{ display: block; float: right; font-size: 12px; line-height: 38px; color: #333; }
.hangye{ width: 560px; height: auto; float: right; overflow: hidden; }


/*footer*/
.footer{ max-width: 100%; min-width: 1180px; height: 98px; text-align: center; background: #333333; overflow: hidden; }
.footer p{ display: block; font-size: 14px; line-height: 98px; color: #fff; }


/*内页——关于我们*/
.container{ width: 1180px; height: auto; margin: 30px auto; overflow: hidden; }
.left{ width: 274px; height: auto; float: left; overflow: hidden; }
.contact{ width: 274px; height: auto; float: left; margin: 30px auto;}
.contact h3{ width: 274px; height: 40px; font-size: 16px; line-height: 40px; color: #000; font-weight: bold; border-bottom: 1px solid #da5131; }
.contact h3 i{ display: inline-block; width: 10px; height: 10px; background: #da5131; margin-right: 8px; }
.contact p{ display: block; font-size: 14px; line-height: 34px; color: #000; margin-top: 10px; }
.contact p b{ display: block; font-size: 14px; line-height: 34px; color: #000; font-weight: bold; }
.position{ width: 855px; padding-left: 10px; height: 40px; background: #3174c2; font-size: 16px; line-height: 40px; color: #fff; }
.position a{ font-size: 16px; line-height: 40px; color: #fff; }
.list_page{ display: block; width: 855px; height: auto; margin: 20px auto; font-size: 14px; line-height: 30px; color: #333; }


/*列表页——新闻中心*/
.list_news{ width: 835px; height: auto; margin: 10px auto; overflow: hidden; }
.list_news li{float: left; width: 835px; height: 36px; border-bottom: 1px dashed #ccc; }
.list_news li span{ display: block; float: left; font-size: 14px; line-height: 36px; color: #da5131; font-weight: bold; }
.list_news li a{ display: block; float: left; font-size: 14px; line-height: 36px; color: #000; margin-left: 5px;}
.list_news li:hover a{ color: #da5131;}
.list_news li i{ display: block; float: right; font-size: 12px; line-height: 36px; color: #000; }
.fanye{ width: 835px; height: auto; margin: 10px auto; padding-top: 10px; border-top: 1px solid #ccc; overflow: hidden; }
.fanye li{ float: left; margin: 0 3px; padding: 0 10px; }
.fanye li.thisclass{ background: #da5131; }
.fanye li a{ display: block; font-size: 12px; line-height: 30px; color: #111; }
.fanye li:hover a{ color: #da5131; }
.fanye li.thisclass a{ color: #fff; }
.fanye li span{ display: block; font-size: 12px; line-height: 30px; color: #111; }
.fanye li span strong{ display: inline-block; font-size: 12px; line-height: 30px; color: #111; margin: 0 5px; }


/*详细页——新闻中心*/
.news_article{ width: 835px; height: auto; margin: 10px auto; overflow: hidden; }
.news_article h3{ display: block; font-size: 16px; line-height: 30px; text-align: center; color: #000; font-weight: bold; margin-top: 15px; }
.news_article p{ display: block; font-size: 14px; line-height: 30px; margin-top: 15px; text-indent: 2em; }
.pian{ width: 835px; height: auto; margin: 10px auto; padding-top: 10px; border-top: 1px solid #ccc; font-size: 12px; line-height: 30px; color: #000; overflow: hidden; }
.pian a{ font-size: 12px; line-height: 30px; color: #000; }
.pian a:hover{ color: #da5131; }


/*列表页——产品展示*/
.list_article{ width: 865px; height: auto; margin: 10px auto; overflow: hidden; }
.list_article li{ margin: 0 8px 10px; width: 272px; height: 285px; float: left; overflow: hidden;}
.list_article li a{ display: block; width: 272px; height: 285px;}
.list_article li a img{ display: block; width: 260px; height: 243px; padding: 5px; border: 1px solid #ccc; }
.list_article li a i{  display: block; width: 272px; height: 30px; text-align: center; font-size: 15px; line-height: 30px; color: #000; }




/*详细页——产品展示*/
.article_article{ width: 835px; height: auto; margin: 10px auto; overflow: hidden; }
.article_article h3{ display: block; font-size: 16px; line-height: 30px; text-align: center; color: #000; font-weight: bold; margin-top: 15px;}
.article_article img{ display: block; border:#CCCCCC solid 1px; max-width:700px; padding:3px; margin: 20px auto; }

.article_article .article{ display: block; width: 260px; height: 258px; padding: 5px; border: 1px solid #ccc; margin: 20px auto; }


.dede_pages{
	width: 1180px;
	height: 100px;
	text-align: right;
	float: left;
	font-size: 14px;
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:3px 6px 3px 6px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:3px 6px 3px 6px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:3px 6px 3px 6px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#AB1C1C;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

small a{
	color: green;
}
.contact-wrap{ padding-top:40px; width:400px; margin:0 auto;}
.msg-title {
	font-size: 22px;
	text-align: center;
	margin-bottom: 30px;
	color: inherit;
}
.add-msg-form .cf-group {
	padding-bottom: 20px;
}

.add-msg-form input {
	box-sizing: border-box;
	padding: 0 15px;
	border: 1px solid #ddd;
	height: 40px;
	line-height: 40px;
	color: #444;
	width: 100%;
	margin-bottom: 0;
}
.add-msg-form textarea {
	box-sizing: border-box;
	border: 1px solid #ddd;
	color: #333;
	min-height: 100px;
	padding: 15px;
	color: #444;
	width: 100%;
	margin-bottom: 0;
}
.add-msg-form .submit-button {
	box-sizing: border-box;
	width: 100%;
	line-height: 40px;
	height: 40px;
	float: right;
	padding: 0px 15px;
	border: 0px;
	color: #fff;
	position: relative;
	background-color: #00a2ed;
	cursor: pointer;
	font-size: 14px;
}
.add-msg-form .submit-button:hover, .add-msg-form .submit-button:active {
	background-color: #3174c2;
}