@charset "utf-8";
/* CSS Document */

/*Title*/
.Title{width: 100%;text-align: center;padding-top: 58px;}
.Title h3{font-size: 35px;color: #333333;font-weight: normal;}
.Title h3 a{color: #333333;text-decoration: none;}
.Title i{display: block;margin: 10px auto 0;width: 131px;height: 22px;}
.Title i img{display: block;}

/* banner */


.banner { overflow:hidden; width:100%;position: relative;z-index: 1;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{position: absolute;left: 50%;bottom: 25px;width: 400px;margin-left: -200px;text-align: center;z-index: 9999;}
#flashs .btn span {display: inline-block;*display: inline;*zoom: 1;width: 50px;height: 5px;background: #fff;margin-right: 11px;    border-radius: 3px;}
#flashs .btn span.cur {background: #005fb0;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}


/* search */
.search{width: 100%;height: 61px;background: #eeeeee;border-bottom: 1px solid #dedede;}
.search p{float: left;font-size: 14px;color: #333333;font-weight: bold;width: 770px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 22px;}
.search p a{font-size: 14px;color: #999;font-weight: normal;padding: 0 20px;border-left: 1px dotted #a4a4a4;}

.search p a:first-child{border-left: none;}
.search .Input{width: 300px;height: 38px;line-height: 38px;float: right;margin-top: 12px;position: relative;background: url(../images/searchBg.png) no-repeat center;}
.search .Input input#top-keywords{padding-left: 20px;font-size: 13px;outline: none;border: none;color: #999999;height: 38px;line-height: 38px;width: 226px;padding-right:54px;background: none;}
.search .Input .s_ss{display: block;width: 49px;height: 38px;position: absolute;top: 0;right: 0px;background: url(../images/searchBtn.png) no-repeat center;    border: none;cursor: pointer;}


/*product*/
.product{width: 100%;}
.product .menu{width: 1200px;margin: 27px auto 0; background:#f0f0f0; text-align:center;}
.product .menu ul{ text-align:center; display:inline-block;}
.product .menu li{width: 180px;height: 60px;line-height: 60px;text-align: center;float: left;border-left: 1px solid #384654;background: #212d3a;font-size: 18px;color: #fff;    margin: 0 1px;}
.product .menu li a{color: #fff;text-decoration: none;display: block;}
.product .menu li.cur{background: url(../images/productBg.png) repeat-x;border-color: #68cb59;}
.product .mainCon{width: 100%;padding-top: 26px;padding-bottom:30px;}
.product .mainCon .container{position: relative;overflow: hidden;}
.product .mainCon .conBox{width: 100%;}
.product .mainCon dl{width: 100%;height: 318px;overflow: hidden;}
.product .mainCon dt{float: left;width: 498px;height: 316px;border: 1px solid #cccccc;}
.product .mainCon dt img{display: block;}
.product .mainCon dd{width: 624px;float: left;margin-left: 49px;}
.product .mainCon dd h3{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top:10px;}
.product .mainCon dd h3 a{color: #333333;text-decoration: none;}
.product .mainCon dd h4{font-size: 14px;color: #333333;font-weight: bold;margin-bottom: 8px;padding-top: 16px;}
.product .mainCon dd p{line-height: 25px;color: #888;font-size: 14px;}
.product .mainCon dd .btn{overflow: hidden;margin-top: 50px;}
.product .mainCon dd .btn a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: #44a915;font-size: 14px;color: #fff;border-radius: 30px;float: left;text-decoration: none;}

.product .mainCon dd .btn a:first-child{margin-right: 12px;background: #1574bf; }
.product .mainCon dd .btn a:hover{background: url(../images/productBg03.png) no-repeat center;color: #fff;}
.product .mainCon .box{width: 100%;margin-top: 27px;padding-top: 18px;border-top: 1px solid #cccccc;}
.product .mainCon .box .top{width: 100%;}
.product .mainCon .box .top h3{float: left;font-size: 18px;color: #333333;font-weight: bold;}
.product .mainCon .box .top a{font-size: 14px;color: #999;float: right;text-transform: uppercase;display: block;}
.product .mainCon .box ul{width: 100%;margin-top: 14px;}
.product .mainCon .box li{width: 286px;float: left;margin-left: 18px;text-align: center;}
.product .mainCon .box li:first-child{margin-left: 0;}
.product .mainCon .box li span{display: block;width: 284px;height:284px;border: 1px solid #cccccc;overflow: hidden;position: relative;}
.product .mainCon .box li img{display: block;transition: all 1s ease-out;  transform: scale(1);}
.product .mainCon .box li em{display: block;height: 47px;line-height: 47px;font-size: 14px;color: #333333;}
.product .mainCon .box li:hover{border-color: #59bc2b;}
.product .mainCon .box li:hover em{color: #59bc2b;}
.product .mainCon .box li:hover img{transform: scale(1.2);}
.product .mainCon .box li a{display: block;text-decoration: none;}

/*adv*/
.adv{width: 100%;}
.adv .title{width: 100%;text-align: center;padding-top: 82px;background: url(../images/youshi_01.jpg) no-repeat center;height: 148px;}
.adv .title h3{font-size: 50px;color: #005fb0;}
.adv .title h3 img{position: relative;top: 10px;}
.adv .title p{font-size: 20px;color: #999999;text-transform: uppercase;margin-top: 12px;}

.adv .title i{display: block;margin: 14px auto 0;width: 131px;height: 22px;}
.adv .mainCon{width: 100%;}
.adv .mainCon .con1{background: url(../images/youshi_02.jpg) no-repeat center;height: 415px;}
.adv .mainCon .con2{background: url(../images/youshi_03.jpg) no-repeat center;height: 350px;}
.adv .mainCon .con3{background: url(../images/youshi_04.jpg) no-repeat center;height: 373px;}
.adv .mainCon .con4{background: url(../images/youshi_05.jpg) no-repeat center;height: 430px;}
.adv .mainCon .con .box{width: 558px;}
.adv .mainCon .con.dif .box{width: 540px;margin-left: 648px;}
.adv .mainCon .con .box dt{width: 68px;height: 68px;text-align: center;line-height: 68px;font-size: 32px;color: #fff;font-weight: bold;float: left;background: url(../images/ys_y.png) no-repeat center;}
.adv .mainCon .con .box dd{width: 463px;}
.adv .mainCon .con.dif .box dd{width: 449px;}
.adv .mainCon .con .box dd{float: left;margin-left: 22px;}
.adv .mainCon .con .box dd h3{font-size: 30px;color: #333333;}
.adv .mainCon .con .box dd span{display: block;font-size: 18px;color: #333333; line-height:30px;}
.adv .mainCon .con .box dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 20px;}
.adv .mainCon .con .box dd p em{font-weight: bold;color: #44a219;}
.adv .mainCon .con .box dd a{display: block;width: 178px;height: 40px;line-height: 40px;text-align: center;background: url(../images/productBg02.png) no-repeat center;font-size: 14px;color: #666666;float: left;text-decoration: none;margin-top: 26px;}
.adv .mainCon .con .box dd a:hover{background: url(../images/productBg03.png) no-repeat center;color: #fff;}
.adv .mainCon .con1 .box{padding-top: 118px;}
.adv .mainCon .con2 .box{padding-top: 78px;}
.adv .mainCon .con3 .box{padding-top: 78px;}
.adv .mainCon .con4 .box{padding-top: 68px;}


/*ad*/
.ad{width: 100%;height: 202px;background: url(../images/banbg.jpg) no-repeat center;}
.ad .box{width: 100%;overflow: hidden;}
.ad .box .dh01{ display:block; color:#fff; font-size:30px; font-family:Arial; margin:135px 0 0 450px; width:300px; float:left;}
.ad .box a{
	display: block;
    float: right;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffffff;
    font-size: 14px;
    color: #1479bf;
    text-decoration: none;
    margin-left: 15px;
    border-radius: 30px;
    margin-top: 50px;
}
.ad .box a:hover{
	background: #5abc2b;
    color: #fff;
}

/**/
.indexxc01{ width:100%;background:#f7f7f7; padding-top: 40px;padding-bottom: 60px;}
.indexxc02{ }
.slideTxtBox02 {
	width:1200px; margin:0 auto;
}
.slideTxtBox02 .hd {
	text-align: center;
	z-index: 99;
	position: relative;
	background: url(../images/jiajubj.jpg) repeat-x 0 66px;
}
.slideTxtBox02 .hd ul li {
	display: inline-block!important;
	margin: 0 30px;
}
.slideTxtBox02 .hd ul li:hover {
	cursor: pointer;
}
.slideTxtBox02 .hd ul li font {
	display: block!important;
	height: 42px;
	line-height: 42px;
	padding: 0 50px;
	color: #666;
	font-size: 16px;
}
.slideTxtBox02 .hd ul li span {
	display: block;
	height: 28px;
	background: url(../images/hdlibj.png) no-repeat center 21px;
}
.slideTxtBox02 .hd ul li.cur font {
	background: #59bc2b;
	color: #fff;
}
.slideTxtBox02 .hd ul li.cur span {
	background: url(../images/hdlionbj.png) no-repeat center bottom;
}
.slideTxtBox02 .bd {
}
.picScroll-left03 {
	overflow: hidden;
	position: relative;
	margin-top: 40px;
	z-index: 9;
}
.picScroll-left03 .hd2 {
}
.picScroll-left03 .hd2 .prev {
	display: block;
	width: 51px;
	height: 51px;
	float: right;
	margin-right: 5px;
	position: absolute;
	top: 75px;
	left: 0px;
	z-index: 999999;
	overflow: hidden;
	cursor: pointer;
	background: rgba(0,0,0,.5) url(../images/jdalbtn_l01.png) no-repeat;
}
.picScroll-left03 .hd2 .next {
	display: block;
	width: 51px;
	height: 51px;
	float: right;
	margin-right: 5px;
	position: absolute;
	top: 75px;
	right: -5px;
	overflow: hidden;
	cursor: pointer;
	z-index: 9999;
	background: rgba(0,0,0,.5) url(../images/jdalbtn_r01.png) no-repeat;
}
.picScroll-left03 .hd2 ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
}
.picScroll-left03 .bd2 {
	overflow: hidden;
	position: relative;
}
.picScroll-left03 .tempWrap {
}
.picScroll-left03 .bd2 ul {
	overflow: hidden;
	zoom: 1;
}
.picScroll-left03 .bd2 ul li {
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	width: 282px;
	margin-right: 24px;
	position:relative;
}
.picScroll-left03 .bd2 ul li .ptitle{ position:absolute; bottom:0; font-size:14px; background:rgba(0,0,0,0.40); color:#fff; width:280px; margin-left:1px; height:40px; line-height:40px; display:block;}
.picScroll-left03 .bd2 ul li .pic {
	text-align: center;
	border:1px #e1e1e1 solid;
}
.picScroll-left03 .bd2 ul li .pic img {
	max-width: 280px;
    height: 187px;
    display: block;
    margin: 0 auto;
}

/*partner*/
.partner{width: 100%;padding-bottom: 65px;background: #f2f2f2;}
.partner .mainCon{width: 100%;margin-top: 25px;}
.partner .mainCon li{width: 1200px;float: left;}
.partner .mainCon li a{display: block;width: 239px;margin-bottom: 1px;margin-right: 1px;float: left;z-index: 2;position: relative;}
.partner .mainCon li img{display: block;}
.partner .mainCon li a:hover{z-index: 6;box-shadow: 0 0 5px 5px #eee;}


/*case*/
.case{width: 100%;padding-bottom: 68px;}
.case .mainCon{width: 100%;margin-top: 32px;height: 590px;}
.case .mainCon ul{width: 105%;}
.case .mainCon li{width: 590px;height: 280px;position: relative;overflow: hidden;float: left;margin-right: 20px;    box-shadow: 0 0 12px 5px #ededed;margin-bottom: 27px;}
.case .mainCon dt{width: 300px;height: 280px;float: left;position: relative;overflow: hidden;}
.case .mainCon dd{width: 247px;float: left;margin-left: 20px;padding-top: 20px;}
.case .mainCon dd h3{font-size: 18px;color: #333333;}
.case .mainCon dd h3 a{color: #333333;text-decoration: none;}
.case .mainCon dd h4{font-size: 14px;color: #333333;margin-top: 13px;}
.case .mainCon dd p{margin-top: 6px;font-size: 14px;color: #666666;}
.case .mainCon dd .p2{color: #333333;margin-top: 18px;}
.case .mainCon dd .btn{width: 100%;overflow: hidden;margin-top: 20px;}
.case .mainCon dd .btn a{display: block;width: 118px;height: 36px;text-decoration: none;text-align: center;line-height: 36px;font-size: 14px;color: #666666;float: left;border: 1px solid #cccccc;}
.case .mainCon dd .btn a:first-child{margin-right: 7px;}
.case .mainCon li:hover dd h3 a{color: #005fb0;}
.case .mainCon dd .btn a:hover{background: #59bc2b;border-color: #59bc2b;color: #fff;}
.case .mainCon dt .rectborder{width: 300px;height: 280px;position: absolute;left: 0px;top: 0px;border: #fff 1px solid;transition: all ease-out .4s;}
.case .mainCon dt .maskborder{    width: 320px; height: 300px;position: absolute;left: -10px; top: -10px; border: #fff 10px solid;transition: all ease-out .4s;}
.case .mainCon dt img{display: block;width: 100%;height: auto;transition: all ease-out .4s}
.case .mainCon li:hover .maskborder{transform: scale(0.9);}
.case .mainCon li:hover .rectborder{transform: scale(0.8);}
.case .mainCon li:hover dt img{transform: scale(0.9);}


/*reason*/
.reason{width: 100%;height: 553px;background: url(../images/reasonBg.jpg) no-repeat center;}
.reason .Title h3{color: #fff;}
.reason .mainCon{width: 100%;margin-top: 28px;}
.reason .mainCon ul{width: 105%;}
.reason .mainCon li{width: 292px;height: 335px;background: #fff;float: left;margin-right: 11px;}
.reason .mainCon li span{display: block;width: 292px;height: 180px;position: relative;}
.reason .mainCon li img{display: block;}
.reason .mainCon li em{display: block;font-size: 18px;color: #fff;font-weight: bold;width: 100%;height: 48px;line-height: 48px;text-align: center;background: url(../images/reasonBg02.png);bottom:0;left: 0;position: absolute;}
.reason .mainCon li p{font-size: 14px;color: #666666;margin-top: 30px;padding: 0 26px;line-height: 25px;text-align: center;}

/*about*/
.about{width: 100%;}
.about .mainCon{width: 100%;margin-top: 32px;}
.about .mainCon dl{width: 100%;height: 379px;position: relative;}
.about .mainCon dt{width: 642px;height: 379px;border: 1px solid #e1e1e1;}
.about .mainCon dd{width: 632px;height: 252px;border: 2px solid #59bc2b;position: absolute;top: 35px;right: 0;background: #fff;padding: 46px 56px 0 60px;}
.about .mainCon dd h3{font-size: 18px;color: #333333;font-weight: bold;}
.about .mainCon dd h3 a{color: #333333;}
.about .mainCon dd p{font-size: 14px;color: #666666;line-height: 25px;margin-top: 30px;}
.about .mainCon dd .more{display: block;width: 129px;height: 79px;text-align: center;line-height: 79px;font-size: 14px;color: #fff;text-decoration: none;position: absolute;left: 267px;bottom: -44px;background: #59bc2b;text-transform: uppercase;}
.about .mainCon i{display: block;border-top: 1px dotted #fff;margin: 30px 0 10px;}
.about .mainCon ul{width: 100%;}
.about .mainCon li{float: left;width: 292px;height: 191px;position: relative;margin-left: 10px;}
.about .mainCon li img{display: block;}
.about .mainCon li span{display: block;width: 100%;height: 44px;line-height: 44px;text-align: center;font-size: 14px;color: #fff;position: absolute;bottom: 0;left: 0;background: url(../images/aboutBg02.png);}
.about .mainCon li:first-child{margin-left: 0;}

/*location*/
.location{width: 100%;height: 1000px;background: url(../images/locationBg.jpg) no-repeat center;}
.location .mainCon{width: 100%;overflow: hidden;margin-top: 33px;}
.location .mainCon ul{width: 105%;}
.location .mainCon li{width: 310px;height: 180px;padding: 36px 44px 0 30px;background: #fff;margin: 10px 32px 26px 0;float: left;}
.location .mainCon li h3{padding: 0 0 12px 30px;background: url(../images/location_icon01.png) no-repeat left top;border-bottom: 1px solid #cccccc;margin-bottom: 14px;font-size: 18px;color: #333333;}
.location .mainCon li p{font-size: 14px;color: #666;margin-bottom: 6px;}


/*liuy*/
.liuy{width: 100%;height: 553px;background: url(../images/lyBg.jpg) no-repeat center;}
.liuy .container{position: relative;}
.liuy .phone{padding-left: 62px;background: url(../images/ly_phone.png) no-repeat left center;position: absolute;top: 360px;left: 352px;}
.liuy .phone p{font-size: 18px;color: #666666;}
.liuy .phone span{display: block;font-size: 30px;color: #333333;}
.liuy .box{width: 418px;position: absolute;top: 174px;right: 56px;}
.liuy .box .Input{width: 416px;height: 46px;border: 1px solid #cccccc;overflow: hidden;background: #fff;margin-bottom: 10px;}
.liuy .box .Input span{display: block;float: left;width: 50px;height: 46px;border-right: 1px solid #cccccc;}
.liuy .box input{width: 350px;padding-left: 15px;border: none;outline: none;line-height: 46px;height: 46px;font-size: 14px;color: #333;}
.liuy .box .Input1 span{background: url(../images/ly_icon01.png) no-repeat center;}
.liuy .box .Input2 span{background: url(../images/ly_icon02.png) no-repeat center;}
.liuy .box .Textarea{width: 416px;height:103px;border: 1px solid #cccccc;overflow: hidden;background: #fff;margin-bottom: 10px;}
.liuy .box .Textarea span{display: block;float: left;width: 50px;height: 103px;border-right: 1px solid #cccccc;background: url(../images/ly_icon03.png) no-repeat center 9px;}
.liuy .box textarea{width: 350px;padding-left: 15px;border: none;outline: none;height: 90px;font-size: 14px;color: #333;padding-top: 13px;resize: none;}
.liuy .box a{display: block;width: 100%;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #fff;text-decoration: none;background: #212d3a;}



/*news*/
.news{width: 100%;background: url(../images/newsBg01.jpg) no-repeat center;height: 694px;}
.news .Title h3 a{color: #fff;}
.news .mainCon{width: 100%;margin-top: 28px;}
.news .mainCon .menu{width: 100%;position: relative;}
.news .mainCon .menu ul{width: 530px;height: 40px;margin: 0 auto;}
.news .mainCon .menu li{float: left;width: 163px;height: 40px;font-size: 16px;color: #fff;margin-left: 17px;text-align: center;line-height: 40px;border: 1px solid #fff;}
.news .mainCon .menu li:first-child{margin-left: 0;}
.news .mainCon .menu li a{text-decoration: none;color: #fff; display:block;}
.news .mainCon .menu li.cur{background: #59bc2b; border-color: #59bc2b;}
.news .mainCon .conBox{margin-top: 34px;height: 386px;overflow: hidden;position: relative;padding: 30px 0 0 30px;background: #fff;}
.news .mainCon .conBox .lunh{height: 386px;}
.news .mainCon .conBox .conL{width: 646px;float: right;}
.news .mainCon .conBox .conL .box{width: 100%;height: 89px;margin-top: 37px;}
.news .mainCon .conBox .conL .box:first-child{margin-top: 0;}
.news .mainCon .conBox .conL .box .boxL{width: 156px;height: 89px;float: left;border: 1px solid #e1e1e1;}
.news .mainCon .conBox .conL .box .boxR{width: 438px;float: left;margin-left: 22px;}
.news .mainCon .conBox .conL .box .boxR dt{float: left;width: 64px;float: left;background:url(../images/news_xian.png) no-repeat right 12px; }
.news .mainCon .conBox .conL .box .boxR dl:hover h3 a{color:#005fb0;}
.news .mainCon .conBox .conL .box .boxR dt span{display: block;font-size: 45px;color: #cccccc;}
.news .mainCon .conBox .conL .box .boxR dt em{display: block;font-size: 13px;color: #cccccc;position: relative;top: -6px;}
.news .mainCon .conBox .conL .box .boxR dd{width: 358px;float: right;padding-top: 4px;}
.news .mainCon .conBox .conL .box .boxR dd h3{font-size: 16px;color: #333333;font-weight: normal;}
.news .mainCon .conBox .conL .box .boxR dd h3 a{color: #333;text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;}
.news .mainCon .conBox .conL .box .boxR dd p{font-size: 14px;color: #999999;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;margin-top: 14px;}
.news .mainCon .conBox .conL .box .boxR dd p a{color: #999999;text-decoration: none;}
.news .mainCon .conBox .conR{width: 484px;float: left;padding-top: 4px;}
.news .mainCon .conBox .conR dt{width: 484px;height: 275px;border: 1px solid #e1e1e1;}
.news .mainCon .conBox .conR dt img{display: block;}
.news .mainCon .conBox .conR dd{overflow: hidden;}
.news .mainCon .conBox .conR:hover dd p a{color:#005fb0;}
.news .mainCon .conBox .conR dd .p1{font-size: 16px;color: #333333;width: 353px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 10px;float: left;margin-top: 20px;}
.news .mainCon .conBox .conR dd .p1 a{color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;}
.news .mainCon .conBox .conR dd .p1 span{ display:block;}
.news .mainCon .conBox .conR dd .p1 span a {font-size: 14px;
    color: #999999;
    line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;}
.news .mainCon .conBox .conR dd .p2{float: right;text-align: center;padding-right: 6px;}
.news .mainCon .conBox .conR dd .p2 span{display: block;font-size: 45px;color: #cccccc;}
.news .mainCon .conBox .conR dd .p2 em{display: block;font-size: 13px;color: #cccccc;position: relative;top: -6px;}



/*link*/
.link{width: 100%;background:#fff;padding:15px 0;}
.link .mainCon{width: 100%;}
.link .mainCon dt{float: left;width: 80px;text-align: center;}
.link .mainCon dt a{display: block;font-size: 16px;color: #333; line-height:25px;}
.link .mainCon dd{float: left;width: 1082px;padding-top: 2px;}
.link .mainCon dd a{font-size: 14px;color: #999;padding: 0 20px;border-left: 1px solid #d9d9d9;border-right: 1px solid #e6e6e6;display: block;float: left; line-height:25px;}
.link .mainCon dd a:last-child{border-right: none;}
.link .mainCon dd a:first-child{border-left: none;}


/*placeholder 提示字体属性*/
.ad ::-webkit-input-placeholder { /* WebKit browsers */ 
color: #fff; 
} 
.ad :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #fff; 
} 
.ad ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #fff; 
} 
.ad :-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #fff; 
}