@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0; list-style:none; font-family:"微软雅黑"}

a:hover{}

a,img{ text-decoration:none; transition:all 0.5s ease;  color: #333;}

img{ border:0px;}
a:hover img,li:hover img{ transform: scale(1.02);}

.width{ width:1200px; margin:auto; height:auto !important; overflow:hidden;}



.flex{  display: -webkit-flex; /* Safari */display:flex;}

.flex-direction-row{flex-direction:row}

.flex-wrap-nowrap{ flex-wrap: nowrap}/**不换行**/

.flex-wrap-wrap{ flex-wrap: wrap}/**换行**/

.flex-justify-content-left{justify-content:flex-start}/*左对齐*/

.flex-justify-content-center{justify-content:center}

.flex-justify-content-right{justify-content:flex-end}/*右对齐*/

.flex-justify-content-between{justify-content:space-between}/*两端对齐*/

.flex-justify-content-around{justify-content:space-around;}/*两侧的间隔相等*/



.absolute{ position:absolute;}

.relative{ position:relative;}



.header{ height:142px; background:#FFF;}

.header img{ float:left; margin-top:28px;}

.header .tel{ float:right; width:280px; margin-top:28px; height:90px; line-height:32px; color:#E7211B; text-align:right; font-size:16px; font-weight:bold; background:url(../images/tel_bg.jpg) left no-repeat; text-align:right;}

.header .tel h1{ color:#09417e; padding-top:24px; line-height:36px; font-size:180%}

.header .tel h2{ color:#000000;line-height:70px; font-size:180%; font-weight:normal}

.navbox{ height:56px; background:#09417e; border-top:1px solid #6B7193}

.bannerbox{ height:600px; background:url(../images/banner.jpg) center no-repeat}

.slideBox {



	position: relative;



}







.slideBox .hd {



	height: 19px;



	overflow: hidden;



	position: absolute;



	bottom: 30px;



	z-index: 1;



	left: 50%; left:48%\9; margin-left:-10px\9;



	transform: translate(-50%); z-index:999



}







.slideBox .hd ul {



	overflow: hidden;



	zoom: 1; float:left



}







.slideBox .hd ul li {



	float: left;



	margin-right: 5px;



	font-size: 14px;



	width: 12px;



	height: 12px;



	line-height: 12px;



	text-align: center;



	background: #FFF;



	color: #FFFFFF;



	cursor: pointer; border-radius:50%;



}







.slideBox .hd ul li.on {



	background:#F00;



	color: #fff;



}







.slideBox .bd ul li {



	height: 600px; width:100%; background-position:center;



}

.nei_banner{ height:445px; width:100%;} 

.nei_banner.about{ background:url(../images/banner_about.jpg) center no-repeat}

.nei_banner.case{ background:url(../images/banner_case.jpg) center no-repeat}

.nei_banner.news{ background:url(../images/banner_news.jpg) center no-repeat}

.nei_banner.product{ background:url(../images/banner_product.jpg) center no-repeat}

.nei_banner.contact{ background:url(../images/banner_contact.jpg) center no-repeat}

/****/

.footerbox{ height:210px; background:#4B4B4B; border-bottom:1px solid #7F7F7F; padding-top:50px;}



.footer_left{ width:560px; float:left;}

.footer_left ul { height:auto !important; overflow:hidden;}

.footer_left ul li{ float:left; width:100px; height:36px; line-height:36px; color:#7F7F7F;}



.footer_left ul li a{color:#7F7F7F; font-size:16px;}

.other_contact{ line-height:36px;color:#7F7F7F;font-size:16px; padding-top:55px; clear:both;}

.footer_logo{ padding-top:20px}

.footer_right{ width:460px; float:right;}

.footer_right .tel{ height:46px; line-height:46px; color:#fff; font-size:180%}

.footer_right .tel img{ float:left; margin-left:19px; margin-right:9px;}

.footer_right .tel_text{ /*padding-top:37px;*/ line-height:36px; font-size:16px; color:#9C9C9C}
.footrr{background:#4B4B4B; width:100%px; height:58px;}
.footrr .foorfgfg{ width:1200px; margin:0px auto; line-height:58px; display:block; text-align:center; color:#7F7F7F; font-size:16px}
.footrr .foorfgfg a{ color:#7f7f7f; font-size:16px}