/* normalise */
/**头部*/
fl{ float:left;}
fr{ float:right;}
.textover{text-overflow:ellipsis;white-space:nowrap;}


/*header*/
.toparea{ width:100%; height:45px; margin:-22px auto; background:#eeeeee}
.toparea ul{ width:1200px; height:45px; margin:0 auto}
.toparea ul li{ float:left; line-height:45px; font-size:14px; color:#666666}
.toparea ul li a{line-height:45px; font-size:14px; color:#666666}

/*header_top*/
.header_top{ width:1200px; height:110px; margin:10px auto}
.header_top ul li{ float:left}
.header_top ul li.logo{ width:675px; height:150px; background:url(../images/logo.png) 0 center no-repeat;text-transform:uppercase; position:relative}
.header_top ul li.logo p{ position:absolute; left:85px; top:43px; font-size:33px; color:#333333; font-weight:bold; line-height:40px}
.header_top ul li.logo p span{font-size:16px; color:#999999; font-weight:100; line-height:25px; font-family:Arial, Helvetica, sans-serif}
.header_top ul li.logo em{font-style:normal; position:absolute; left:458px; top:46px; font-size:24px; color:#003672; font-weight:bold; line-height:30px}
.header_top ul li.logo em span{
	font-size: 18px;
    color: #666666;
    font-weight: 100;
    line-height: 30px;
	}

.header_top ul li.tel{ height:100px; display:block; float:right; background:url(../images/tel.png) left center no-repeat; padding-left:58px; padding-top:50px;font-size:16px; color:#666666; line-height:20px}
.header_top ul li.tel p{font-size:26px; color:#0651a2; font-family: Arial, Helvetica, sans-serif ; font-weight:bold; line-height:34px}

/*nav*/
.header_nav{width:100%; height:56px; margin:0 auto; background:#0651a2;}
.header_nav  ul { width:75%; height:56px; margin:0 auto;}
.header_nav  ul li{float: left;position:relative; width:14%;}
.header_nav  ul li a{ /*width:150px; */height:56px; display:block; text-align:center; line-height:56px; color:#fff; font-size:16px;} 
.header_nav  ul li a:hover{color: #fff; font-size:16px; line-height:56px; background:#e00100}
.header_nav  ul li:hover{line-height:56px; font-size:16px;color: #fff !important;background:#e00100}
.header_nav  ul li:hover a{color:#fff;}
.header_nav  ul li dl{position:absolute; left:0px; top:56px; z-index:99999; background:#FFF; display:none; width:100%;}
.header_nav  ul li:hover dl{ position:absolute; left:0px; top:56px; z-index:99999; background:#fff; display:block;}
.header_nav  ul li dl dt a{ width:100%;height:44px;line-height:44px;color:#fff !important; font-size: 14px !important; font-weight:100;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; background:#003672; border-bottom:1px solid #fff;}
.header_nav  ul li dl dt a:hover{background:#0651a2; color:#fff !important; line-height:44px; font-size:14px !important; font-weight:100}
.header_nav .nav_on{color: #fff; font-size:16px; line-height:56px; background:#e00100}

.header_nav.nav01 {position: fixed;top: 0;left: 0;width: 100%;min-width: 1200px; z-index:999; background:#0651a2}



/*搜索*/
.link{ width:100%; height:80px; margin:0 auto; background:#fff; border-bottom:1px solid #dedede}
.link ul{ width:1200px; height:80px; margin:0 auto;}
.link ul li{ float:left; height:80px}
.link ul li p{line-height:80px;width:720px; height:80px; color:#666666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; font-size:14px;}
.link ul li p span{line-height:80px; color:#1244a3; font-weight:bold;font-size:14px; margin-right:5px}
.link ul li a{line-height:80px; color:#666666; font-weight:100; margin-right:15px}

.bannerfo{ width:429px;height:44px; border:1px solid #dedede; border-radius:25px;position:relative; margin-top:17px}
.bannerfo dl dt{ display:inline}
.bannerfo dl .inputbox{ position:absolute; left:0; top:0; width:370px; height:44px;}
.bannerfo dl .inputbox input{ width:340px; height:44px; padding:0 15px;color:#666666; line-height:44px; font-size:14px; background:none}

.bannerfo dl .menuser{ position:absolute; left:370px; top:0; width:57px; height:44px; display:block;background: url(../images/search2.jpg) center center no-repeat; }
.bannerfo dl .menuser input{width:57px; height:44px;background: url(../images/search2.jpg) center center no-repeat;}


/*产品分类*/
.fenl_bg{background:url(../images/cp_line02.gif) repeat-x 0 230px;overflow: hidden;padding:50px 0 0;}
.cp_t{font-size: 40px;color: #333;text-align: center;background:url(../images/cp_line01.gif) no-repeat center 25px;height: 80px;line-height: 45px;overflow: hidden;}
.cp_t a{color: #333;}
.cp_t i{color: #e1a104;}
.cp_t span{display: block;font-size: 20px;font-weight: normal;}
.fenl_btn{display: block;width: 150px;height: 50px;position: absolute;top: 115px;right: 0;text-align: center;line-height: 50px;}
.fenl_btn a{font-size: 18px;color: #333;display: block;}
.fenl_t{width:100%;height: 140px;margin:20px auto 0px auto; }
.fenl_t ul li{width: 12.5%;height: 80px;float: left;position: relative;}
.fenl_t ul li a{font-size: 18px;color: #333;font-weight: bold;display: block;width: 100%;height: 80px;float: left;line-height: 80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}
.fenl_t ul li a:hover,.fenl_t ul li.on a{color: #0651a2;}
.fenl_t ul li.on:before{content: "";width: 0;height: 0;position: absolute;top: 80px;left: 42%;z-index: 20;
border-top:10px solid #0651a2; 
border-left:10px solid transparent;
border-right:10px solid transparent;
}

.fenl_t ul li.on:after{content: "";width: 100%;height: 3px;position: absolute;bottom: -2px;left: 0;z-index: 20;background: #0651a2;}

.fenl_t ul li .cp_list{ display:none;width: 1200px;height: 50px;position: absolute;top: 80px;left: 0;padding: 10px 0 0;}
.fenl_t ul li .cp_list a{font-size: 14px;color: #666;height: 50px;line-height: 50px;width: 240px;font-weight: normal;text-align: left;}
.fenl_t ul li .cp_list a:hover{color: #1f339a;}
.fenl_t ul li.on .cp_list{display: block;}
.fenl_t ul li.fenl_li02 .cp_list{left: -150px;}
.fenl_t ul li.fenl_li03 .cp_list{left: -300px;}
.fenl_t ul li.fenl_li04 .cp_list{left: -450px;}
.fenl_t ul li.fenl_li05 .cp_list{left: -600px;}
.fenl_t ul li.fenl_li06 .cp_list{left: -750px;}
.fenl_t ul li.fenl_li07 .cp_list{left: -900px;}




/**/
.chanp ul li{width: 24%;float: left;margin-right: 0.8%;margin-bottom: 15px;overflow: hidden;line-height: 0;}
.chanp ul li img,.sheb ul li img,.jz dl dt img,.wd dl dt img,.photo_m ul li img{width:100%; height:320px;display: block;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.chanp ul li img:hover,.sheb ul li img:hover,.jz dl dt img:hover,.wd dl dt img:hover,.photo_m ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.chanp ul li span{display: block;width: 100%;text-align: center;font-size:16px;color: #333;height: 50px;line-height: 50px;bottom: 10px;left: 0;overflow: hidden;}
.chanp ul li:nth-child(4n){margin-right: 0;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;overflow: hidden;height: 735px;padding: 60px 0 0;}
.ys .cp_t{background:url(../images/ys_line.gif) no-repeat center 25px;}
.ys_l{width: 960px;height: 560px;position: absolute;top: 140px;right: 50%;}
.ys_l .ys_qie li{width: 960px;height: 560px;}
.ys_l .ys_qie li img {width: 960px;height: 560px;}
.ys_l .ys_bot{position: absolute;right: 120px;bottom: 30px;}
.ys_l .ys_bot ul li{ float:left; margin:0 20px 0 0; display:inline; cursor:pointer; width: 15px;height: 15px;background: #1f339a; text-indent: -9999px;border-radius: 50%;}
.ys_l .ys_bot ul .on{background: #e1a104;}
.ys_btn{ width:415px; right:-190px; top:466px; position:absolute; z-index:1; height:94px; background:#0651a2}
.ys_btn a{display: block;width: 125px;height: 94px;float: left;}
.ys_lico{background:url(../images/ys_lico01.gif) no-repeat;}
.ys_lico:hover{background:url(../images/ys_lico02.gif) no-repeat;}
.ys_rico{background:url(../images/ys_rico01.gif) no-repeat;}
.ys_rico:hover{background:url(../images/ys_rico02.gif) no-repeat;}
.ys_r{width: 580px;position: relative;z-index: 20;height: 338px;background: #fff;margin:138px 0 0 475px;padding: 50px 0 0;}
.ys_r p{width: 580px;height: 90px;}
.ys_r p em{width: 125px;height: 30px;display: block;float: left;text-align: right;padding: 25px 25px 0 0;}
.ys_r p em img{width: 66px;height: 30px;}
.ys_r p span{display: block;float: left;font-size:14px;color: #333;line-height: 30px;border-bottom: #e6e6e6 1px solid;height: 80px;padding: 15px 0;width: 430px;}


/* case */
.case{padding:45px 0 60px 0;overflow:hidden;background:#fff}
.case_t{font-size: 40px;color: #333;text-align: center;background:url(../images/ys_line.gif) no-repeat center 25px;height: 80px;line-height: 40px;overflow: hidden;}
.case_t a{color: #333;}
.case_t i{color: #e1a104;}
.case_t span{display: block;font-size: 20px;font-weight: normal;}
/*.caseMenu{height:50px;margin-bottom:35px;text-align:center;font-size:16px;}
.caseMenu a{display:inline-block;width:135px;height:50px;margin-left:20px;text-align:center;line-height:50px;color:#333;background:#fff;}
.caseMenu a.on{background:#C70E02;color:#fff;transition:all 0.3s;}
.caseMain,.caseBox{height:435px;overflow:hidden; margin-top:15px;}
.caseBox ul{width:86%;}
.caseBox li{float:left;width:295px;height:215px;overflow:hidden;margin:0 5px 5px 0;position:relative;line-height:20px;}
.caseBox li img{width:295px;height:215px;transition:all 0.5s;}
.caseBox li.c1,.caseBox li.c1 img{width:595px;height:435px;}
.caseBox li .font{background:url('../images/opc.png');padding:10px 3%;position:absolute;left:0;width:96%;bottom:-100px;color:#fff;transition:all 0.5s;}
.caseBox li h4{font-size:16px;font-weight:normal;height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.caseBox li.c1 h4{font-size:18px;}
.caseBox li:hover .font{bottom:0;transition:all 0.5s;}
.caseBox li.c5 div{background:url('../images/opc.png');color:#fff;position:absolute;top:0;left:0;width:100%;height:215px;text-align:center;}
.caseBox li.c5 div img{width:90px;height:90px;padding-top:50px;margin-bottom:5px;}
.caseBox li.c5:hover div img{transform:scale(1,1);} */

.caseMenu{ margin:0 auto;padding:60px 0 60px}
.caseBox li{ width:24%; height:auto; margin-right:1.5%; margin-bottom:1.5%; border:1px solid #ccc;}
.caseBox li.tjying{ width:48.5% !important}
.caseBox li:nth-child(3n){margin:0 !important; float:right !important}
.caseBox li:nth-child(5n){margin:0 !important; float:right !important}
.caseBox li a{ width:100%; height:auto; display:block;overflow:hidden; position:relative}
.caseBox li a img.picyy{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.caseBox li a:hover img.picyy{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.caseBox li a p{ display:none}
.caseBox li a:hover p{ width:140px; height:50px; display:block; line-height:50px; font-size:18px; color:#fff; overflow:hidden;position:absolute; top:50%; left:50%; z-index:9; margin-top:-25px; margin-left:-70px; background:#0051a3; text-align:center}

.mr_frbox2e {
	HEIGHT: auto;
	width:1408px;
	margin:0px auto;
	position:relative;
}
.mr_frbox2e .leftprole {
	position:absolute;
	left:0;
	top:154px;
	CURSOR: pointer
}
.mr_frbox2e .rightprore {
	position:absolute;
	right:0;
	top:154px;
	CURSOR: pointer
}
.imgboxcpe {
	width:1224px;
	height:213px;
	margin:10px auto 0;
	overflow:hidden
}
.imgboxcpe ul li {
	display: block;
	float:left;
	overflow:hidden;
	overflow:hidden;
	margin:0 12px;
	width:284px !important;
	height:213px;
	background:#fff
}
.imgboxcpe ul li .tupcg {
	display:block;
	width:284px;
	height:213px;
	text-align: center;
	text-align:center;
	position:relative;
	overflow:hidden;
}
.imgboxcpe ul li .tupcg img {
	width:284px;
	height:213px;
	vertical-align: middle;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.imgboxcpe ul li:hover .tupcg img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}

/*走进*/
.about{background:url(../images/ab_bg.jpg) no-repeat center 0;height: 410px;overflow: hidden;padding: 40px 0 0;}
.about .cp_t{background:url(../images/ab_line.png) no-repeat center 25px;color: #fff;}
.about .cp_t a{color: #fff;}
.ab_desc{padding: 45px 0 0;width:88%;margin: 0 auto;}
.ab_desc div{font-size: 15px;color: #fff;line-height: 26px;height: 210px;overflow: hidden;text-align: center;}
.ab_desc span{width: 110px;height: 32px;display: block;margin: 0 auto;padding: 20px 0 0;}
.ab_desc span img{width:140px;height: 32px;}
.ab_desc span a{display: block;width: 110px;height: 32px;}
.ab_desc span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*企业相册*/
.photo_bg{background:url(../images/photo_bg.jpg) no-repeat center 0;height: 360px;overflow: hidden;}
.photo_t{width: 390px;margin: 0 auto;height: 93px;}
.photo_t ul li{width: 130px;text-align: center;float: left;}
.photo_t ul li em{display: block;width: 55px;height: 55px;line-height: 0;overflow: hidden;margin: 0 auto 5px;}
.photo_t ul li em img{width: 55px;height: 110px;-webkit-transition:all .5s;transition:all .5s;}
.photo_t ul li a{font-size: 14px;color: #fff;}
.photo_t ul li a:hover em img{margin-top: -55px;}
.photo_m ul li{width: 223px;height: 167px;float: left;line-height: 0;overflow: hidden;margin-left: 21px;}
.photo_m ul li img{width: 223px;height: 167px;}
.photo_m ul li:first-child{margin-left: 0;}


/*新闻*/
.news_bg{background:url(../images/news_bg.gif) no-repeat center 0;height: 695px;overflow: hidden;padding: 80px 0 0;}
.news_bg .cp_t{background:url(../images/news_line01.gif) no-repeat center 25px;}
.wd{width: 50%;padding: 80px 40px 0;}
.wd dl{width: 100%;height: 159px;overflow: hidden;margin-bottom: 55px;}
.wd dl dt{width: 40%;height: 159px;float: left;line-height: 0;overflow: hidden;}
.wd dl dt img{width: 100%;height: 159px;}
.wd dl dd{width: 47%;float: left;padding: 0 0 0 45px;}
.wd dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.wd dl dd h5 a{font-size: 16px;color: #333;}
.wd dl dd h5 a:hover,.news_m dd h5 a:hover{color: #1f339a;}
.wd .wd_desc{font-size: 14px;color: #777;height: 66px;line-height: 22px;overflow: hidden;padding: 10px 0 0;}
.wd dl dd span{display: block;width: 105px;padding: 10px 0 0;}
.wd dl dd span a{display: block;font-size: 14px;color: #fff;width: 105px;text-align: center;height: 32px;line-height: 32px;background: #e1a104;overflow: hidden;}
.wd dl dd span a:hover{background: #1f339a;}

.news{ width:42%;padding: 80px 0 0;}
.news_t{ height:40px;}
.news_t ul{float: left;}
.news_t ul li{float: left; background:url(../images/news_bor.gif) no-repeat right 4px;}
.news_t ul li a{font-size: 16px;color: #000;display: block;height: 40px;float: left; padding:0 25px;}
.news_t ul li a:hover,.news_t ul li.on a{font-weight: bold;}
.news_t span{ float:left; padding-left:25px;}
.news_t span a{font-size: 16px;color: #000;text-transform: uppercase;}
.news_t ul li:first-child a{ padding-left:0;}
.news_m dl{ width:510px;height: 85px; border-bottom:#dcdcdc 1px dashed; padding:15px 0;}
.news_m dt{width: 80px;float: right;font-size: 16px;color: #666160;text-align: center; background:url(../images/news_time.gif) no-repeat center 9px;line-height: 34px;}
.news_m dt i{display: block;font-size: 50px;color: #484240; font-family:"Times New Roman", Times, serif;}
.news_m dd{ float:left; overflow:hidden; width:395px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.news_m dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m .news_desc{font-size: 14px;color: #9a9a9a;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}



/*网站底部*/
.f_bj {
	color: #fff;
	line-height: 45px;
	clear: both;
	height: 362px;
	font-family: "Microsoft Yahei";
	overflow: hidden;
	background: url(../images/footbg.gif) repeat-x center 0 #3a3a3a;
	padding-top: 40px;
}
.f_bj a {
	color: #fff;
}
.footer {
	width: 86%;
	margin: 0 auto;
	font-family: "Microsoft Yahei";
    max-width: 1400px;
    min-width: 1200px;
}
.f_con {
	display: block;
	overflow: hidden;
	height: 317px;
	background:#3a3a3a;
    max-width: 1400px;
    min-width: 1200px;
}
.f_code,  .f_nav, .f_nav1   {
	background: url(../images/f_line1.gif) no-repeat right 6px;
	height: 212px;
}
.f_code {
	width: 20%;
	padding: 13px 0 0;
}
.f_code p {
	display: block;
	width: 114px;
	height: 114px;
	float: left;
	background: url(../images/f_codebg.jpg) no-repeat center 0;
	padding: 0 5px;
	margin-left: 60px;
}
.f_code p img {
	display: block;
	width: 88px;
	height: 88px;
	padding: 13px;
}
.f_logo img {
	width: 242px;
	height: 74px;
	display: block;
	margin-bottom: 23px;
}
.f_nav {
	line-height: 50px;
	width: 34%;
	font-size: 16px;
	padding-left: 42px;
}
.f_nav a {
	display: block;
	float: left;
	width: 50%;
}

.f_nav a:hover
{ color:#fff;}

.f_text {
	width: 35%;
	padding: 0 0 0 40px;
}
.f_text h3 {
	font-weight: normal;
	font-size: 20px;
	line-height: 56px;
	height: 65px;
}
.f_text span {
	display: block;
	background: url(../images/f_ico1.gif) no-repeat 0 9px;
	padding-left: 46px;
	width: 100%;
	white-space: nowrap;
	float: left;
}
.f_text span.f_text1 {
	background: url(../images/f_ico2.gif) no-repeat 0 9px;
	width: 170px;
}
.f_text span.f_text2 {
	background: url(../images/f_ico2.gif) no-repeat 0 9px;
}
.f_text span.f_text3 {
	background: url(../images/f_ico4.gif) no-repeat 0 9px;
	width: 200px;
}
.f_text span.f_text4 {
	background: url(../images/f_ico5.gif) no-repeat 0 9px;
	width: 365px;
}
.f_wz {
	height: 65px;
	line-height: 50px;
	color: #8f8f8f;
	background:#222222
}
.f_wz span {
	display: block;
	float: right;
}
.f_wz span em img {
	display:inline-block;
	width:40px;
	height:40px;
}
.f_wz span em {
	display:inline-block;
	padding:10px 0 0;
	float:left;
}
.f_wz a {
	color: #8f8f8f;
	padding: 0 16px 0 0;
}