@charset "gb2312";
/* CSS Document */
*{ padding:0px; margin:0px;}
body{ font-size:12px; font-family:"΢ÈíÑźÚ","ËÎÌå"; background:#fff;}
a{ text-decoration:none;cursor:pointer;} 
ol,ul li{ list-style:none;}
img{ border:0px;}
input,img,textarea{ vertical-align:middle;}
input:focus{outline:none;}
button:focus{outline:none;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after{ content:""; height:0px; display:block; clear:both; visibility:hidden;}
.clearfix{ *zoom:1;}
.wid{ float:left; width:100%;}
.wids{ width:1200px; margin:0 auto;}

/*top*/
.top{float: left; width: 100%; height: 35px;background: #000;}
.top p{width: 1200px; margin: 0 auto;}
.top p span{ float: right; font-size: 12px; line-height: 35px; color: #fff;}

.logo{width: 1200px; height: 120px; margin: 0 auto;}
.logo span img{ padding-top: 35px;}
.logo dl{ float: right; width: 200px; padding-top: 35px;}
.logo dl dt{ float: left; width: 50px; padding-top: 5px;}
.logo dl dd{ float: left; width: 150px; color: #666; font-size: 14px;}
.logo dl dd:nth-last-child(1){ color: #b40004; font-size: 18px; font-weight: bold;}

.list{ float: left; width: 100%; height: 50px;background:#000;}
.nav{width: 1200px; height:50px;line-height:50px;background:#000; margin:0 auto;}
.nav ul li{float:left;width:135px; margin-left: 1px; font-size: 16px; text-align:center;position:relative;}
.nav ul li.hover{background:#b40004;}
.nav ul li a{color:#fff;display:block;}
.nav ul li div{position:absolute;top:50px;left:0px;background:#000;width:135px; font-size: 14px;display:none; z-index: 9999;}
.nav ul li div a:hover{background:#b52e32;}

.nav ul li:nth-last-child(1){float: right;width: 200px; background: #b40004; text-align: left;}
.nav ul li:nth-last-child(1) img{ float: left; margin-top: 17px; padding-left: 60px; padding-right: 10px;}
/*banner*/
.banner{ float:left; width:100%; height:725px; position:relative; overflow:hidden;}
.banner a { width:100%; height:725px; position:absolute; top:0px; left:0px;}
.banner a img { width:1920px; left:50%; height:725px; margin-left:-960px; position:relative;}
.banner .bannleft{ position:absolute; width:45px; height:60px; left:5%; margin-top:200px; cursor:pointer;}
.banner .bannright{ position:absolute; width:45px; height:60px; right:5%; margin-top:200px;cursor:pointer;}
.banner .banner-num{position:absolute;z-index:2;left:50%; margin-left:-50px;bottom:25px;}
.banner .banner-num span{cursor:pointer;display:inline-block;width:12px;height:12px; border-radius:12px;text-align:center;margin-right:8px;background:#ccc; color:#fff;}
.banner .banner-num span.current{background:#d3050f;}

.link{ float: left; width: 100%; margin-bottom: 20px;}
.link p{ width: 1200px; margin: 0 auto; text-align: center; color: #fff; margin-top: 50px; font-size: 30px;}
.link p:nth-child(2){ width: 1200px; margin: 0 auto; text-align: center; color: #fff; margin-top: 20px; font-size: 14px;}
.ind_us{ width: 1200px; height: 160px; background:#fff; box-shadow:#eee 0px 6px 6px; border-radius: 20px; margin: 0 auto; margin-top: 30px;}
.ind_box{ float: left; width:400px; height: 160px;}
.ind_box h2{ float: left; width: 100%; font-size: 28px; margin-top: 48px; text-indent: 80px;}
.ind_box h2 span{ float: left; width: 100%; font-size: 18px;}

.ind_box ul{ float: left; font-size: 16px; color: #616161; padding-left: 20%; margin-top: 40px; font-weight: bold;}
.counter{ float: left; font-size: 34px;color: #b52e32; height: 30px; width: 130px;}
#counter2{ float: left; font-size: 34px;color: #b52e32; height: 30px; width: 130px;}
.ind_box ul span{ float: left; font-size: 16px;color: #616161; padding-top: 20px;}
.ind_box ul b{ float: left; width: 100%; font-size: 16px;color: #616161; padding-top: 10px;}

/*about_index*/
.about_index{ width: 1200px; height: 355px;margin: 0 auto; margin-top: 50px;}
.abin_left{ float: left; width: 530px; height: 355px;}
.abin_left img{ float: left; width: 530px; height: 355px;}
.abin_right{ float: right; width: 635px; height: 355px;}
.righ_h1{ float: left; width: 100%; font-size: 16px; color: #1a578a;font-weight: bold; margin-top: 10px;}
.righ_h2{ float: left; width: 100%; font-size: 30px; color: #1a578a;font-weight: bold; margin-top: 2px;}
.abin_right p{ float: left; width: 100%; font-size: 16px; line-height: 28px; color: #696969; margin-top: 15px;font-weight: bold;}
.abin_box1{ float: left; width: 45%;}
.abin_box1 span{ float: left; width: 100%; font-size: 16px;font-weight: bold; margin-top: 25px; margin-bottom: 5px;}
.abin_box1 li{ float: left; width: 100%; font-size: 14px; color: #696969;font-weight: bold; list-style:none; margin-top: 12px; background: url(../images/icon2.png) left 4px no-repeat; text-indent: 22px;}
.abin_box2{ float: right; width: 48%; margin-top: 30px;}
.abin_box2 dl{ float: left; width: 100%; margin-bottom: 20px;}
.abin_box2 dl dt{ float: left; width: 25%; padding-top: 15px;}
.abin_box2 dl dd{ float: left; width: 50%; color: #696969; font-size: 14px; font-weight: bold;}
.abin_box2 dl dd span{ color: #D10B0B; font-size: 30px; font-weight: normal;}

/*about_product*/
.slide-content{ float: left; width:100%; background: #f9f9f9; overflow: hidden; padding: 50px 0px; margin-top: 80px;}
.slide-item {width:1200px; margin:0 auto;}
.slide-item h2{ float: left; width: 100%; height: 50px;line-height: 50px; font-size: 30px; text-align: center; background:url(../images/icon5.png) center bottom no-repeat; padding-bottom: 30px; margin-bottom: 20px;}
.slide-item-box {float:left;}
.slide-item-box ul{width:1200px; display: block}
.slide-item-box ul li {float: left;width: 382px; padding: 10px; padding-bottom: 50px; background: #f9f9f9;}
.slide-item-box ul li a{float: left;width: 382px; height: 420px; margin-right: 40px; background:#fff; box-shadow:#eee 0px 6px 6px;}
.slide-item-box ul li a img {width: 90%; padding-left: 5%; height: 270px;border: none;display: block; padding-top: 20px;}
.slide-item-box ul li a span {width: 100%;height: 50px; line-height: 50px; font-size: 22px; text-align: center; display: inline-block; margin-top: 20px; color: #000;}
.slide-item-box ul li a b {width:80px;height: 45px; line-height: 45px; text-align: center; display: inline-block; background: #00447d url(../images/icon6.png) center no-repeat; margin-left: 150px; margin-bottom: -75px; border-radius: 5px;}
.slide-item-box ul li a:hover b{ background:#b40004 url(../images/icon6.png) center no-repeat;}

/*index_select*/
.index_select{ float: left;width: 100%; background: url(../images/bg3.jpg) left no-repeat; background-size: cover;}
.index_selectbox{ width: 1200px;margin: 0 auto;}
.select_left{ float: left;width: 720px; color: #fff; padding-bottom: 50px;}
.select_left h3{ float: left; width: 100%; font-size: 18px; color: #fff; margin-top: 50px}
.select_left h2{ float: left; width: 100%; font-size: 36px; color: #fff; margin-top: 5px}
.select_left p{ float: left; width: 100%; font-size: 16px; color: #fff; margin-top: 28px}
.select_left dl{ float: left; width:650px; padding-left: 70px; background: url(../images/icon7.png) left 5px no-repeat; margin-top: 30px;}
.select_left dl dt{ float: left; width: 100%; font-size: 22px; font-weight: bold;}
.select_left dl dd{ float: left; width: 100%; font-size: 15px; margin-top: 10px;}
.select_boxs{ float: left; width: 300px; height: 95px; padding-left: 30px; font-size: 16px; font-weight: bold;background: #fff; margin-top: 30px;  color: #696969; text-align: left;}
.select_boxs ol{ float: left; width: 100%; padding-top: 10px;}
.select_boxs ol dt{ float: left; width: 25%; padding-top: 15px; padding-left: 5%;}
.select_boxs ol dd{ float: left; width: 50%; color: #696969; font-size: 15px; font-weight: bold;}
.select_boxs ol dd span{ color: #D10B0B; font-size: 26px; font-weight: bold;}
.select_boxs:nth-child(2n){ float: right;}
.select_right{ float: right;width: 425px; margin-top: 30px;}
.select_right span{float: left; width: 100%; margin-top: 30px;}
.select_right span img{float: left; width: 100%; height: 220px;}

/*index_news*/
.index_news{ width: 1200px; overflow: hidden; margin: 0 auto; margin-top: 80px; margin-bottom: 100px;}
.index_news h2{ float: left; width: 100%; font-size: 30px; color: #00447d; text-align: center; margin-bottom: 50px;}
.index_news h2 b{ float: left; width: 100%; font-size: 18px; font-weight: normal;}
.index_news h2 ul{ float: left; width: 100%; text-align: center; margin-top: 30px;}
.index_news h2 ul a{width: 150px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; background: #00447d; display: inline-block; border-radius: 10px; font-weight: normal;}
.index_news h2 ul a:hover{ background:#b40004;}
.innews_left{ float: left; width: 400px; padding: 0px 20px; background: #f7f7f7;}
.titnew{ float: left; width: 380px; padding: 0px 10px; margin-top: 20px; border-bottom: 1px solid #eee; overflow: hidden; padding-bottom: 20px;}

.titnew a{ float: left; width: 380px; height: 115px;}
.titnew a span{ float: left; width: 140px; height: 115px; background: #ddd; margin-right: 15px;}
.titnew a span img{ float: left; width: 140px; height: 115px;}
.titnew a h3{ float: left; width: 200px; height: 25px; font-size: 18px; margin-top: 5px; color: #434343; font-weight: normal;}
.titnew a p{ float: left; width: 220px; font-size: 12px; line-height: 18px; color: #434343; margin-top: 5px;}
.titnew a:hover h3{ color: #00447d;}
.titnew a:hover p{ color: #00447d;}
.innews_left ul{ float: left; width: 100%; margin-top: 15px; padding-bottom: 15px;}
.innews_left ul a{ float: left; width: 94%; padding: 0px 3%; height: 40px;}
.innews_left ul a p{ float: left; font-size: 12px; line-height: 40px; color: #434343;}
.innews_left ul a span{ float: right; font-size: 12px; text-align: right; line-height: 40px; color: #434343;}
.innews_left ul a:hover{ background:#00447d;}
.innews_left ul a:hover p{ color: #fff;}
.innews_left ul a:hover span{ color: #fff;}
.innews_left ul a:nth-of-type(1){ display: none;}

.innews_right{ float: right; width: 740px; height: 500px;}
.innews_right a{ float: left; width: 660px; padding: 20px 40px; background: #f7f7f7; margin-bottom: 20px;}
.innews_right a b{ float: left; width: 130px; height: 115px; background: #ddd; margin-right: 20px;}
.innews_right a b img{ float: left; width: 130px; height: 115px;}
.innews_right a h4{ float: left; width: 500px; font-size: 18px; margin-top: 5px; color: #434343; font-weight: normal;}
.innews_right a span{ float: left; width: 500px; font-size: 12px; margin-top: 5px; color: #929292;}
.innews_right a p{ float: left; width: 500px; font-size: 12px; margin-top: 8px; line-height: 18px; color: #434343;}
.innews_right a:hover{ background:#00447d;}
.innews_right a:hover h4{ color: #fff;}
.innews_right a:hover p{ color: #fff;}

/*about*/
.banner2{ float:left; width:100%; height:460px; position:relative; overflow:hidden;}
.banner2 img{ float: left; width: 100%; height: 460px;}
.banner2 ul{ width: 100%; position: absolute; bottom: 0px; left: 0px;}
.banner2 ul li{ width: 1200px; height: 60px; margin: 0 auto;}
.banner2 ul li a{ float: left; width: 170px; height: 60px; line-height: 60px; font-size: 16px; text-align: center; color: #fff; background: rgba(0,0,0,0.6); margin-right: 5px;}
.banner2 ul li a:hover{background: #b40105;}
.banner2 ul li a.hover{background: #b40105;}

.about{ float: left; width: 100%; background:url(../images/about_img2.jpg) left top no-repeat; background-size: cover; padding-bottom: 260px;}
.about_box{ width: 1190px; padding-left: 10px; margin:0 auto; margin-top: 70px;}
.about_box h2{ float: left; width: 100%; font-size: 22px; background: url(../images/icon12.png) left top no-repeat; padding-top: 5px; margin-bottom: 30px;}
.about_box p{ float: left; width: 100%; font-size: 16px; line-height: 24px;}
.about_box p img{ float: right; width: 430px; height: 225px; padding-left: 25px;} 

.about_box2{ width: 1190px; padding-left: 10px; margin:0 auto; margin-top: 70px;}
.about_box2 h2{ float: left; width: 100%; font-size: 22px; background: url(../images/icon12.png) left top no-repeat; padding-top: 5px; margin-bottom: 30px;}
.about_box2 p{ float: left; width: 100%; font-size: 16px; line-height: 24px;}
.about_box2 p img{ max-width: 100%;} 

/*product*/
.prod-box ul{width:1200px; display: block}
.prod-box ul li {float: left;width: 382px; padding-bottom: 50px;margin-right: 26px; margin-bottom: 50px;}
.prod-box ul li a{float: left;width: 382px; height: 420px; margin-right: 40px; background:#fff; box-shadow:#eee 0px 6px 6px;}
.prod-box ul li a img {width: 90%; padding-left: 5%; padding-top: 20px; height: 270px;border: none;display: block;}
.prod-box ul li a span {width: 100%;height: 50px; line-height: 50px; font-size: 22px; text-align: center; display: inline-block; margin-top: 20px; color: #000;}
.prod-box ul li a b {width:80px;height: 45px; line-height: 45px; text-align: center; display: inline-block; background: #00447d url(../images/icon6.png) center no-repeat; margin-left: 150px; margin-bottom: -75px; border-radius: 5px;}
.prod-box ul li a:hover b{ background:#b40004 url(../images/icon6.png) center no-repeat; margin-bottom: -65px;}
.prod-box ul li:nth-of-type(3n){ float: right; margin-right: 0px;}
.layer{ float:left; width:100%; line-height:25px; font-size:14px; color:#333; margin-top:50px;}
.layer a{ color:#333}

/*news*/
.news{ float: left; width: 100%; padding-bottom: 260px;}
.about_box2{ width: 1190px; padding-left: 10px; margin:0 auto; margin-top: 70px;}
.about_box2 h2{ float: left; width: 100%; font-size: 22px; background: url(../images/icon12.png) left top no-repeat; padding-top: 5px; margin-bottom: 30px;}
.news_list{ float: left; width: 100%;}
.news_list a{ float: left; width: 100%; padding: 20px 40px; background: #f7f7f7; margin-bottom: 20px;}
.news_list a b{ float: left; width: 15%; height: 125px; background: #ddd; margin-right: 3%;}
.news_list a b img{ float: left; width: 100%; height: 125px;}
.news_list a h4{ float: left; width: 80%; font-size: 20px; margin-top: 10px; color: #434343; font-weight: normal;}
.news_list a span{ float: left; width: 80%; font-size: 14px; margin-top: 5px; color: #929292;}
.news_list a p{ float: left; width: 80%; font-size: 16px; margin-top: 8px; line-height: 24px; color: #434343;}
.news_list a:hover{ background:#00447d;}
.news_list a:hover h4{ color: #fff;}
.news_list a:hover p{ color: #fff;}

/*car*/
.car_listbg{ float: left; width: 100%;padding-bottom: 260px;}
.car_box{ width: 1190px; padding-left: 10px; margin:0 auto; margin-top: 70px;}
.car_box h2{ float: left; width: 100%; font-size: 22px; background: url(../images/icon12.png) left top no-repeat; padding-top: 5px; margin-bottom: 30px;}
.car_box p{ float: left; width: 100%; margin-bottom: 20px;}
.car_box p img{ max-width: 100%;}

.pro_box{ width: 1190px; padding-left: 10px; margin:0 auto; margin-top: 70px;}
.pro_box h2{ float: left; width: 100%; font-size: 22px; background: url(../images/icon12.png) left top no-repeat; padding-top: 5px; margin-bottom: 30px;}
.info{ float:left; width:90%; padding-left: 5%; padding-right: 5%; overflow:hidden; background:#fff; padding-bottom:30px; margin-bottom:50px;}
.info h3{ float:left; width:100%; text-align:center; font-size:18px; padding-top:50px;}
.info span{ float:left; width:100%; line-height:45px; font-size:14px; text-align:center; border-bottom:1px dashed #e8e8e8; margin-bottom:20px; padding-bottom:20px;}
.info p{ float:left; width:100%; line-height:26px;font-size:16px; margin-bottom:30px;}
.info p img{ max-width:100%;}
.page{ float:left; width:100%; line-height:25px; font-size:14px; color:#ff4351;}
.page a{ color:#ff4351}

.cont_box{ width: 1190px; padding-left: 10px; margin:0 auto; margin-top: 70px;}
.cont_box h2{ float: left; width: 100%; font-size: 22px; background: url(../images/icon12.png) left top no-repeat; padding-top: 5px; margin-bottom: 30px;}
.cont_box p{ float: left; width: 100%; text-align: center; font-size: 18px; line-height: 36px; margin-top: 50px;}
.cont_box p img{ margin-bottom: 10px;}
.cont_box p span{ font-size: 24px; font-weight: bold; margin-bottom: 30px; display: inline-block;}

.pro_box2{ width: 1190px; padding-left: 10px; margin:0 auto; margin-top: 70px;}
.info2{ float:left; width:90%; padding-left: 5%; padding-right: 5%; overflow:hidden; background:#fff; padding-bottom:30px; margin-bottom:50px;}
.info2 h3{ float:left; width:100%; text-align:center; font-size:18px; padding-top:50px; border-bottom:1px dashed #e8e8e8; margin-bottom:20px; padding-bottom:30px;}
.info2 p{ float:left; width:100%; line-height:26px;font-size:16px; margin-bottom:30px;}
.info2 p span{ float: left; width: 100%; text-align: center; margin-bottom: 20px;}
.info2 p span img{ max-width: 100%;}










/*bottom*/
.bottom{ float:left; width:100%; height:330px; background:#333333;}
.foot{ width:1200px; margin:0 auto;}
.foot ol{ float:left; width:400px; padding-top:50px;}
.foot ol h3{ float:left; width:100%;}
.foot ol h3 img{ float:left;}
.foot ol b{ float:left; width:400px; line-height:18px; font-size:12px; color:#c2c0c1; padding-top:10px; padding-bottom:15px; font-weight:normal;}
.foot ol p{ float:left; width:100px;}

.link1{ float:right; width:570px; margin-top:60px;}
.link1 ul{ float:left; width:170px;}
.link1 ul h2{ float:left; width:100%; font-size:16px; color:#fff; margin-bottom:15px;}
.link1 ul a{ float:left; width:120px; line-height:35px; border-bottom:1px dashed #8f8f8f; font-size:12px; color:#8f8f8f;}
.link1 ul a:hover{ color:#fff;}

.lx{ float:right; width:350px;}
.lx h2{ float:left; width:100%; margin-bottom:20px;}
.lx h2 span{ float:left; width:100%; font-size:14px; color:#fff;}
.lx h2 b{ float:left; width:100%; color:#f5032d; font-size:22px; margin-top:3px;}
.lx dl{ float:left; width:110px; margin-left: 10px;}
.lx dl dt{ float:left; width:110px; height:110px; background:#FFF;}
.lx dl dt img{ float:left; width:110px; height:110px;}
.lx dl dd{ float:left; width:110px; line-height:35px; text-align:center; color:#fff; font-size:12px;}
.lx dl:nth-of-type(1){ margin-left: 0px;}