﻿@charset "utf-8";
/* CSS Document */

.Title{width: 100%;text-align: center;}
.Title h2{font-size: 28px;color: #333333;font-weight: normal;}
.Title h2 a{color: #333333;text-decoration: none;border-bottom:3px solid #073b71;height:46px;line-height:46px;padding:5px;}
.Title i{display: block;width: 27px;height: 2px;margin: 0 auto;*margin-top: 4px;}
.Title6 i{display: block;width:550px;height: 3px;margin: 0 auto;*margin-top: 4px; background:#073b71;}

.index-main {
	z-index:55;
	position:relative;
	width:100%;
	margin:0 auto;
	height:523px;
}
.index-main-box {
	width: 100%;
	position:relative;
	display:block;
	overflow:hidden;
	height:586px;
}

.index-main-box:hover .prev,.index-main-box:hover .next{display: block;}



#indexslider {
	position:relative;
	width:1920px;
	left:50%;
	margin-left:-960px;
	height:586px;
}
.index-main-box .prev{
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 5%;
    width: 58px;
    height: 58px;
    margin-top: -29px;
    background: url(babot1.png) no-repeat center; 
    display: none;
}
.index-main-box .next{
    position: absolute;
    z-index: 999;
     top: 50%;
    margin-top: -29px;
    right: 5%;
    width: 58px;
    height: 58px;
    background: url(babot2.png) no-repeat center;
    display: none;
}
.index-img {
	display:block;
	width:1920px;
	height:586px;
	overflow:hidden;
}
.index-img img {
	width:1920px;
	height:586px;
}
.index-pagination {
	position:absolute;
	z-index:66;
	top:650px;
	left:50%;
	height:30px;
	width:260px;
	margin-left:-100px;
	text-align:center;
}
.index-pagination li {
	display:inline-block;
	width:58px;
	position:relative;
	float:left;
	height:23px;
	margin-right:4px;
	overflow:hidden;
}
.index-pagination li a {
	position:relative;
	z-index:666;
	display:block;
	padding:16px 0px 5px 0px;
	height:2px;
	color:#5f6a72;
	text-align:center;
}
.index-pagination li a div {
	position:relative;
	z-index:555;
	display:block;
	height:2px;
	background:#da0b25;
}
.index-pagination li a div span {
	position:absolute;
	top:0px;
	left:0px;
	height:2px;
	width:0px;
	background:#FFF;
}
.index-pagination li a div em {
	position:absolute;
	display:none;
	width:27px;
	height:10px;
	background:url(car-ico.png) no-repeat;
	top:-5px;
	left:1px;
}
.index-pagination li.current a {
	color:#0b4da2;
	_color:#c9242b;
}
.index-pagination li.back {
	background:url(car-ico.png) no-repeat;
	display:block;
	position:absolute;
	width:27px;
	height:10px;
	left:0px;
	top:4px;
	z-index:444;
}



/* search */
.search{width: 100%;height: 60px;background-color: #535353;}
.search p{float: left;height: 60px;line-height: 60px;font-size: 14px;color: #fff;font-weight: bold;width: 772px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.search p a{font-size: 14px;color: #fff;font-weight: normal;margin-left: 18px;text-decoration: none;}
.search p a:first-child{margin-left: 0;}
.search .Input{width: 335px;height: 35px;line-height: 35px;float: right;margin-top: 11px;border: 2px solid #e8e8e8;background: #fff;padding-top:5px;}
.search .Input input{padding-left: 22px;font-size: 14px;outline: none;border: none;color: #a0a0a0;line-height: 35px;float: left;padding-left: 8px;}
.search .Input .seaan{padding-right: 22px;float: right;height: 19px;width: 18px;padding-top:5px;}
.search .Input a{display: block;float: left;width: 39px;height: 35px;text-align: center;}
.search .Input a img{margin-top: 8px;}

/* product */
.product{width: 100%;padding-top: 54px;padding-bottom: 44px;border-bottom: 1px solid #ededed;}
.product .mainCon{width: 100%;margin-top: 31px;}
.product .subMenu{width: 100%;height: 45px;}
.product .subMenu li{height: 43px;line-height: 43px;text-align: center;font-size: 18px;border: 1px solid #ededed;border-left: none;position: relative;float: left;width: 22%;margin:1%;}

.product .subMenu li a{display: block;color: #333333;text-decoration: none;transition: all 0.5s ease-out; position: relative;z-index: 1;}

.product .subMenu li a:before{    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #073b71;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}

.product .subMenu li a.cur::before{background: #073b71;opacity: 1;transform: scale3d(1,1,1);-webkit-transform:translate3d(0,0,0)}
.product .subMenu li a.cur{color: #073b71; background: #073b71; border-color: #073b71;} 
.product .subMenu li a:hover::before{background: #073b71;opacity: 1;transform: scale3d(1,1,1);-webkit-transform:translate3d(0,0,0)}
.product .subMenu li a:hover{color: #fff; background: #073b71; border-color: #073b71;}



.product .subMenu i{display: none;width: 11px;height: 8px;background: url(product_icon01.png) no-repeat center;position: absolute;left: 50%;margin-left: -5px;bottom: -8px;}
.product .subMenu li:first-child{box-sizing: border-box;border-left: 1px solid #ededed;    height: 45px;}
/*.product .subMenu li.cur{background: #073b71;font-weight: bold;border-color: #073b71;}
.product .subMenu li.cur a{color: #fff;}
.product .subMenu li.cur i{display: block;}
.product .subMenu li:hover{background: #073b71;font-weight: bold;border-color: #073b71;}
.product .subMenu li:hover a{color: #fff;}
.product .subMenu li:hover i{display: block;}*/
.product .conBox{width: 100%;margin-top: 42px;/* overflow: hidden; */}
.product .box{width: 100%;/* overflow: hidden; */}
.product .box ul{width: 105%;}
.product .box li{width: 278px;height: 365px;margin-right: 21px;margin-left: 5px;float: left;text-align: center;margin-bottom: 12px;}
.product .box .Pic{width: 278px;height: 278px;position: relative;overflow: hidden;}
.product .box .Pic img{display: block;    transition: all 1s ease-out;transform: scale(1);}
.product .box li p{font-size: 14px;color: #666666;margin-top: 5px;}
.product .box li span{font-size: 14px;color: #666666;margin-top: 5px;display: block;}
.product .box li .more{display: none;width: 89px;height: 28px;border-radius: 5px;font-size: 14px;color: #fff;background: #073b71;margin: 12px auto 0;line-height: 28px;text-align: center;text-decoration: none;}
.product .box .Pic a{width: 278px;height: 227px;background: url(productBg01.png) no-repeat center;position: absolute;left: 0;top: 0;display: none;}

.product .box li:hover p{color:#073b71}
.product .box li:hover{box-shadow: 0px 0px 2px 3px #efefef;}
.product .box li:hover .Pic a{display: block;}
.product .box li:hover .Pic img{transform: scale(1.2);}
.product .box li:hover .more{display: block;}
.product .more2{width: 102px;height: 30px;display: block;margin: 0 auto;}
.product a.more{display: block;width: 102px;height: 30px;line-height: 30px;text-decoration: none;text-align: center;font-size: 14px;color: #fff;background: #535353;}
.product a.more:hover{background: #073b71;}

.product .box_video{width: 100%;/* overflow: hidden; */}
.product .box_video ul{width: 105%;}
.product .box_video li{width: 48%;margin: 1%;float: left;text-align: center;}
.product .box_video li h3{line-height:35px;}
.product .box_video .Pic{width: 100%;position: relative;overflow: hidden;}
.product .box_video .Pic img{display: block;    transition: all 1s ease-out;transform: scale(1);}
.product .box_video li p{font-size: 14px;color: #666666;margin-top: 5px;}
.product .box_video li span{font-size: 14px;color: #666666;margin-top: 5px;display: block;}
.product .box_video li .more{display: none;width: 89px;height: 28px;border-radius: 5px;font-size: 14px;color: #fff;background: #073b71;margin: 12px auto 0;line-height: 28px;text-align: center;text-decoration: none;}
.product .box_video .Pic a{width: 100%;position: absolute;left: 0;top: 0;display: none;}

.product .box_video{width: 100%;/* overflow: hidden; */}
.product .box_video ul{width: 105%;}
.product .box_video li{width: 48%;margin: 1%;float: left;text-align: center;}
.product .box_video li h3{line-height:35px;}
.product .box_video .Pic{width: 100%;position: relative;overflow: hidden;}
.product .box_video .Pic img{display: block;    transition: all 1s ease-out;transform: scale(1);}
.product .box_video li p{font-size: 14px;color: #666666;margin-top: 5px;}
.product .box_video li span{font-size: 14px;color: #666666;margin-top: 5px;display: block;}
.product .box_video li .more{display: none;width: 89px;height: 28px;border-radius: 5px;font-size: 14px;color: #fff;background: #073b71;margin: 12px auto 0;line-height: 28px;text-align: center;text-decoration: none;}
.product .box_video .Pic a{width: 100%;position: absolute;left: 0;top: 0;display: none;}

.product .box_video li:hover p{color:#073b71}
.product .box_video li:hover{box-shadow: 0px 0px 2px 3px #efefef;}
.product .box_video li:hover .Pic a{display: block;}
.product .box_video li:hover .Pic img{transform: scale(1.2);}
.product .box_video li:hover .more{display: block;}

/* power */
.power{width: 100%;height: 346px;}
.power .Title{padding-top: 48px;}
.power .container{height: 346px;position: relative;}
.power .mainCon{height: 346px;position: absolute;top: 0;left: 0;width: 100%;background: #fff;}
.power ul{padding: 0 60px;margin-top: 55px;}
.power li{width: 172px;height: 172px;text-align: center;float: left;background: url(power_icon06.png) no-repeat center;margin-left: 55px;}
.power li a{display: block;width: 172px;height: 142px;text-decoration: none;padding-top: 30px;}
.power li span{display: block;width: 75px;height: 56px;overflow: hidden;margin: 0 auto 10px;position: relative;}
.power li span img{display: block;position: relative;}
.power li em{font-size: 14px;color: #333333;display: block;}
.power li:first-child{margin-left: 0;}
.power li:hover img{top: -56px;}

/* partner */
.partner{width: 100%;background: #f5f5f5;padding-top: 60px;padding-bottom: 75px;}
.partner .Title P{font-size: 18px;color: #999999;}
.partner .mianCon{width: 100%;margin-top: 34px;}
.partner ul{width: 105%;}
.partner li{float: left;height: 347px;width: 373px;margin-right: 38px;background: #fff;margin-top: 20px;}
.partner li a{display: block;text-decoration: none;height: 347px;width: 373px;}
.partner span{display: block;width: 373px;height: 212px;position: relative;}
.partner span i{display: block;width: 373px;height: 212px;background: url(partnerBg.png) no-repeat center;position: absolute;top: 0;left: 0;}
.partner li em{display: block;font-size: 22px;color: #333333;margin: 12px 0 14px 0;text-align: center;}
.partner li b{font-weight: normal;font-size: 14px;color: #666666;line-height: 20px;padding: 0 12px 0 15px;display: block;}
.partner li:hover em{color: #073b71;}
.partner li:hover i{display: none;}


/* about */
.about{width: 100%;background: url(aboutBg.jpg) no-repeat center;height: 494px;}
.about .Title{padding-top: 50px;}
.about .mainCon{width: 100%;margin-top: 28px;}
.about .box{width: 100%;height: 258px;overflow: hidden;}
.about .box .con{width: 100%;height: 258px;}
.about dl{width: 100%;height: 258px;}
.about dt{float: left;width: 485px;height: 258px;}
.about dd{width: 592px;float: left;margin-left: 54px;}
.about dd p{font-size: 14px;color: #666666;line-height: 26px;word-spacing: 2px;}
.about dd a{margin-top: 38px;display: block;}
.about .menu{width: 100%;text-align: center;margin-top: 40px;}
.about .menu a{display: inline-block;width: 138px;height: 36px;line-height: 36px;text-align: center;border-radius: 6px;border: 1px solid #dcdcdc;font-size: 14px;color: #666666;text-decoration: none;}
.about .menu a.cur{border-color: #073b71;background: #073b71;color: #fff;}
.about .menu a:first-child{margin-right: 22px;}
.about .LunB{width: 100%;height: 258px;overflow: hidden;position: relative;}
.about .LunB ul{width: 105%;overflow: hidden;height: 258px;top: 0;left: 0;position: absolute;}
.about .LunB li{float: left;margin-right: 32px;text-align: center;width: 276px;}
.about .LunB li span{display: block;width: 276px;height: 192px;padding-top: 18px;background: url(aboutBg02.png) no-repeat center;}
.about .LunB li img{display: block;margin: 0 auto;}
.about .LunB li em{display: block;font-size: 14px;color: #333;margin-top: 26px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.about dd a.more{display: block;width: 102px;height: 30px;line-height: 30px;text-decoration: none;text-align: center;font-size: 14px;color: #fff;background: #535353;}

.about dd a.more:hover{background: #073b71;}


/* aboutyy */
.aboutyy{width: 100%;height: 744px;}
.aboutyy .Title{padding-top: 50px;}
.aboutyy .mainCon{width: 100%;margin-top: 28px;}
.aboutyy .box{width: 100%;height: 508px;overflow: hidden;}
.aboutyy .box .con{width: 100%;height: 508px;}
.aboutyy dl{width: 100%;height: 508px;}
.aboutyy dt{float: left;width: 485px;height: 508px;}
.aboutyy dd{width: 592px;float: left;margin-left: 54px;}
.aboutyy dd p{font-size: 14px;color: #666666;line-height: 26px;word-spacing: 2px;}
.aboutyy dd a{margin-top: 38px;display: block;}
.aboutyy .menu{width: 100%;text-align: center;margin-top: 40px;}
.aboutyy .menu a{display: inline-block;width: 238px;height: 36px;line-height: 36px;text-align: center;border-radius: 6px;border: 1px solid #dcdcdc;font-size: 14px;color: #666666;text-decoration: none;}
.aboutyy .menu a.cur{border-color: #073b71;background: #073b71;color: #fff;}
.aboutyy .menu a:first-child{margin-right: 22px;}
.aboutyy .LunB{width: 100%;height: 258px;overflow: hidden;position: relative;}
.aboutyy .LunB ul{width: 105%;overflow: hidden;height: 258px;top: 0;left: 0;position: absolute;}
.aboutyy .LunB li{float: left;margin-right: 32px;text-align: center;width: 276px;}
.aboutyy .LunB li span{display: block;width: 276px;height: 192px;padding-top: 18px;background: url(aboutBg02.png) no-repeat center;}
.aboutyy .LunB li img{display: block;margin: 0 auto;}
.aboutyy .LunB li em{display: block;font-size: 14px;color: #333;margin-top: 26px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.aboutyy dd a.more{display: block;width: 102px;height: 30px;line-height: 30px;text-decoration: none;text-align: center;font-size: 14px;color: #fff;background: #535353;}

.aboutyy dd a.more:hover{background: #073b71;}


/* news */
.news{width: 100%;padding-bottom: 58px;background-color:#FFFFFF;}
.news .con{float: left;}
.news .con1{width: 370px;}
.news .con2{width: 360px;margin-left: 38px;}
.news .con3{width: 395px;}
.news .con .top{height: 95px;padding-top: 20px;}
.news .con .top h3{font-size: 28px;color: #333333;font-weight: normal;float: left;margin-top: 30px;border-bottom:3px solid #073b71;}
.news .con .top h3 i{display: block;width: 27px;height: 2px;margin-top: 8px;}
.news .con .top h3 a{color: #333333;text-decoration:none;}
.news .con .top a.n_more{font-size: 14px;color: #999999;display: block;margin-top: 40px;float: right;margin-right: 10px;}
.news .con1 img{display: block;}
.news .con1 ul{width: 100%;}
.news .con1 li{overflow: hidden;margin-top: 16px;}
.news .con1 li a{display: block;float: left;width: 278px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;}
.news .con1 li span{display: block;font-size: 12px;color: #999999;float: right;}
.news .con2 .box{height: 305px;position: relative;overflow: hidden;}
.news .con2 ul{height: 273px;background: #f7f7f7;padding: 0 16px;position: absolute;top: 0;left: 0;}
.news .con2 li{height: 106px;border-bottom: 1px solid #ececec;padding-top: 30px;}
.news .con2 li p{overflow: hidden;}
.news .con2 li p span{float: left;width: 22px;}

.news .con2 li .p1 span{display: block;font-size: 14px;color: #073b71;font-weight: bold;}
.news .con2 li p em{display: block;float: left;line-height: 18px;color: #666666;font-size: 14px;width: 305px;overflow: hidden;text-overflow: ellipsis;height: 36px;}
.news .con2 li .p2 span{display: block;font-size: 14px;color: #666666;font-weight: bold;}
.news .con2 li .p2{margin-top: 12px;}
.news .con3 input{width: 375px;height: 35px;margin-bottom: 10px;line-height: 35px;border: 1px solid #eeeded;font-size: 14px;color: #999999;outline: none;padding-left: 18px;}
.news .con3{margin-left: 36px;}
.news .con3 textarea{width: 375px;height: 82px;padding-top: 12px;border: 1px solid #eeeded;font-size: 14px;color: #999999;outline: none;resize:none;padding-left: 18px;}
.news .con3 a{display: block;width: 134px;height: 35px;font-size: 16px;color: #fff;background: #535353;text-decoration: none;text-align: center;line-height: 35px;margin-top: 27px;}



