@charset "utf-8";

@import 'reset.css';

/*banner*/

#banner{border-top:3px solid #cd000e;}

.fullSlide {width:100%;position:relative;height:645px; background:#000;}

.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul {width:100% !important;}

.fullSlide .bd li { width:100% !important;height:645px;overflow:hidden;text-align:center;}

.fullSlide .bd li a { display:block;height:645px;}

.fullSlide .hd { width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:30px; line-height:30px;}

.fullSlide .hd ul { text-align:center;}

.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline; zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#FFF; filter:alpha(opacity=50);opacity:0.5;line-height:999px;}

.fullSlide .hd ul .on {background:#FC0;}

.fullSlide .prev, .fullSlide .next {display:block;position:absolute;z-index:1; top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}



.index_profl{width:100%; height:142px; background:#f5f6f6; position:relative;}

.index_profl ul{ width:1197px; height: auto; margin:0 auto; position:absolute; top:-30px; left:50%; margin-left:-600px}

.index_profl ul li{width:160px; height:140px; border:1px solid #d7d8d8; background:#fff; font-size:14px; color:#323232; text-align:center; box-shadow:0 2px 2px #d7d8d8; text-transform:uppercase; float:left; margin:0 4.5px 0 3px;transition:all 1s;-webkit-transform:all 1s;-moz-transform:all 1s; font-weight:bold}

.index_profl ul li a{width:160px; height:140px;display:block}

.index_profl ul li i{width:98px; height:47px; display:block; margin:25px auto; background:url(../images/ico.png) no-repeat;}

.index_profl ul li:hover{background:#ce0000;}

.index_profl ul li:hover a{ color:#fff}

.index_profl ul li:nth-child(1) i{ background-position:0 -30px}

.index_profl ul li:nth-child(1) a:hover i{ background-position:0 -85px}

.index_profl ul li:nth-child(2) i{ background-position:-100px -35px}

.index_profl ul li:nth-child(2) a:hover i{ background-position:-100px -90px}

.index_profl ul li:nth-child(3) i{ background-position:-200px -35px}

.index_profl ul li:nth-child(3) a:hover i{ background-position:-200px -90px}

.index_profl ul li:nth-child(4) i{ background-position:10px -145px}

.index_profl ul li:nth-child(4) a:hover i{ background-position:10px -200px}

.index_profl ul li:nth-child(5) i{ background-position:-90px -145px}

.index_profl ul li:nth-child(5) a:hover i{ background-position:-90px -200px}

.index_profl ul li:nth-child(6) i{ background-position:-185px -145px}

.index_profl ul li:nth-child(6) a:hover i{ background-position:-185px -200px}

.index_profl ul li:nth-child(7) i{ background-position:10px -255px}

.index_profl ul li:nth-child(7) a:hover i{ background-position:10px -310px}



.index_box{width:1200px; margin:30px auto;}

.cp_left{width:587px; float:left;}

.cp_left img{transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform;}

.cp_left img:hover{transform:scale(1.1,1.1)}

.cp_left .bigimg{width:587px; height:263px; overflow:hidden}

.cp_left ul{ margin-top:10px;}

.cp_left ul li{width:290px; height:262px; float:left; overflow:hidden}

.cp_left ul li:nth-child(2){float:right;}

.cp_right{width:575px; float:right}

.cp_right h3{font-size:37px; color:#080910; line-height:50px; text-transform:uppercase}

.cp_right h3 a{ color:#080910;}

.cp_right h3 a:hover{ color:#ce0000;}

.cp_right h4{ font-size:19px; color:#ce0000; text-transform:uppercase}

.cp_right h6{ font-size:19px; color:#b7002e;}

.cp_right i{ width:85px; height:2px;background:#dcdcdc; display:block; margin:35px 0 35px 16px; position:relative}

.cp_right i b{ width:14px;height:14px;border:2px solid #d32900; display:block; position:absolute;left:-16px; top:-9px; border-radius:50%;}

.cp_right i b small{ width:6px; height:6px; background:#d32900; display:block; position:absolute; left:50%; top:50%; margin:-3px 0 0 -3px; border-radius:50%}

.cp_right p{ font-size:14px; color:#888}

.cp_right ul{width:528px; margin:50px 0 20px}

.cp_right ul li{width:100px;height:94px; background:#1c1c1c; border:1px solid #b7002e; position:relative; float:left; margin-right:30px;}

.cp_right ul li dl{width:80px; height:26px; line-height:26px; background:#b7002e; color:#fff; position:absolute; top:-15px;left:50%; margin-left:-40px; text-align:center;}

.cp_right ul li dd{width:43px;height:43px; background:url(../images/ico.png) no-repeat; margin:30px auto 0;transition:0.5s transform;-webkit-transform:0.5s transform;-moz-transform:0.5s transform;}

.cp_right ul a:nth-child(1) dd{ background-position:-100px -255px}

.cp_right ul a:nth-child(2) dd{ background-position:-145px -255px}

.cp_right ul a:nth-child(3) dd{ background-position:-195px -255px}

.cp_right ul a:nth-child(4) dd{ background-position:-250px -255px}

.cp_right ul a:hover dd{ transform:rotate(360deg)}

.cp_right h5{ margin-top:20px}

.cp_right h5 a{color:#fff; font-size:14px; height:45px; border-radius:45px; display:block; text-align:center; line-height:45px; float:left; margin-right:12px;transition:all 0.5s;-webkit-transform:all 0.5s;-moz-transform:all 0.5s;}

.cp_right h5 a:nth-child(1){width:135px; background:#202a30;}

.cp_right h5 a:nth-child(1):hover{ background:rgba(32,42,48,0.8)}

.cp_right h5 a:nth-child(2){width:157px; background:#b70013}

.cp_right h5 a:nth-child(2):hover{ background:rgba(183,0,19,0.8)}



/*youshi*/

.youshi{width:100%; height:251px; background:url(../images/youshi_02.jpg) no-repeat center;}

.youshi ul{width:1200px; margin:0 auto}

.youshi ul li{width:25%; text-align:center; color:#fff; float:left;}

.youshi ul li i{width:124px; height:74px; display:block; margin:40px auto 30px; background:url(../images/ico.png) no-repeat}

.youshi ul li h3{font-size:36px;}

.youshi ul li p{font-size:18px; line-height:50px}

.youshi ul li:nth-child(1) i{ background-position:0 -360px}

.youshi ul li:nth-child(2) i{ background-position:-150px -360px}

.youshi ul li:nth-child(3) i{ background-position:0 -445px}

.youshi ul li:nth-child(4) i{ background-position:-150px -445px}



/*jieshao*/

.jieshao{width:1200px;height:440px; margin:70px auto; position:relative; background:url(../images/car_03.jpg) no-repeat right;}

.jieshao .jieshao_l{width:455px;height:540px; background:#f4f4f4; position:absolute; left:0; top:-50px;}

.jieshao .jieshao_l ul{ width:165px; height:auto; background:url(../images/jieshao_lbg_03.jpg) no-repeat right bottom #fff; border-left:4px solid #b3131d; margin:50px 0 0 55px; padding-bottom:5px;}

.jieshao .jieshao_l ul li{ width:165px; height:145px; text-align:center; border-bottom:1px solid #e8e9ef; box-shadow:0 1px 0 #dddfe8;transition:all 0.5s;-webkit-transform:all 0.5s;-moz-transform:all 0.5s; font-weight:bold;}

.jieshao .jieshao_l ul li a{ width:165px; height:130px;display:block; padding-top:15px;}

.jieshao .jieshao_l ul li i{width:55px;height:55px; display:block; margin:0 auto 15px; background:url(../images/ico.png) no-repeat}

.jieshao .jieshao_l ul li p{font-size:16px; color:#272727;}

.jieshao .jieshao_l ul li:nth-child(1) i{ background-position:3px -525px;}

.jieshao .jieshao_l ul li:nth-child(2) i{ background-position:-60px -525px;}

.jieshao .jieshao_l ul li:nth-child(3) i{ background-position:-120px -525px;}

.jieshao .jieshao_l ul li:hover{background:#f00000;}

.jieshao .jieshao_l ul li:hover p{ color:#fff;}

.jieshao .jieshao_l ul li:nth-child(1):hover i{ background-position:3px -590px;}

.jieshao .jieshao_l ul li:nth-child(2):hover i{ background-position:-60px -590px;}

.jieshao .jieshao_l ul li:nth-child(3):hover i{ background-position:-120px -590px;}

.jieshao .jieshao_r{width:332px; height:420px; background:url(../images/jieshao_rbg_06.jpg) no-repeat left bottom rgba(255,255,255,0.8); border-top:1px solid #d2d4db; border-right:1px solid #d2d4db; position:absolute; top:0; left:265px; padding:27px 45px 0;}

.jieshao .jieshao_r h2{ font-size:24px; color:#121214; line-height:32px; font-weight:bold}

.jieshao .jieshao_r h2 a{ font-size:24px;}

.jieshao .jieshao_r h2 a:hover{ color:#ce0000}

.jieshao .jieshao_r i{width:67px; height:3px; background:#ce0000; display:block; margin:20px 0}

.jieshao .jieshao_r p{color:#6b6b6b; line-height:27px;}

.jieshao .jieshao_r font a{display:inline-block;font-size:15px;color:#ce0000; margin-top:25px; padding:3px 10px; font-weight:bold;}

.jieshao .jieshao_r font a:hover{ border:1px solid #ce0000}



/*index_news*/

.index_news{width:100%; height:438px; background:#f4f4f4}

.index_news h2{ font-size:28px; text-align:center; line-height:77px;}

.index_news h2 a{ color:#323232}

.index_news h2 a:hover{ color:#ce0000}

.index_news ul{ width:1200px; margin:0 auto}

.index_news ul li{width:291px; height:322px; position:relative; float:left; margin-right:12px;}

.index_news ul li:nth-child(4){margin-right:0; float:right;}

.index_news ul li .img{width:291px;height:262px; overflow:hidden;}

.index_news ul li .img img{transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform;}

.index_news ul li:hover img{transform:scale(1.1,1.1)}

.index_news ul li dd{width:251px; padding:0 20px; font-size:15px;color:#fff; line-height:27px; position:absolute; left:0; bottom:70px; z-index:3;}

.index_news ul li h3{width:100%;height:61px; background:#000; position:absolute; bottom:64px; left:0;z-index:1;}

.index_news ul li:nth-child(1) h3{ height:64px;}

.index_news ul li h4{width:100%;height:64px; line-height:64px; background:#363c48; color:#bbb;position:absolute; bottom:0;left:0}

.index_news ul li h4 i{width:14px;height:14px; display:inline-block; background:url(../images/ico.png) no-repeat; background-position:-125px 0; margin:0 5px 0 22px}

.index_news ul li h4 b{width:14px;height:14px; display:inline-block; background:url(../images/ico.png) no-repeat; background-position:-140px 0; margin:0 5px 0 35px}

.index_news ul li span{width:100%; height:159px; position:absolute; left:0; top:100px; background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0)); z-index: 2;}

.index_news ul li:hover span{ background:linear-gradient(to top,rgba(81,3,3,1),rgba(81,3,3,0));}