@charset "utf-8";

@import 'reset.css';

.banner_productsxq{width:100%; height:125px; border-top:3px solid #cd000e; background:url(../images/banner_productsxq.jpg) no-repeat center bottom}



/*productsxq*/

.pro_img{width:100%; height:413px;}

.pro_img .img{width:580px; height:413px; float:left;}

.pro_img dd{ width:540px; float:right; position:relative}

.pro_img dd h3{ font-size:30px; color:#003333; font-weight:bold; line-height:40px; margin-bottom:15px;}

.pro_img dd h4{font-size:16px; font-weight:bold; line-height:50px;}

.pro_img dd p{font-size:13px; color:#666; line-height:24px; padding-bottom:15px; border-bottom:1px solid #e0e0e0;}

.pro_img dd p font{font-weight:bold;}

.pro_img dd ul{ margin:10px auto;}

.pro_img dd ul li{color:#666; line-height:33px;}

.pro_img dd ul li i{width:22px; height:22px; display:inline-block; margin-right:10px; background:url(../images/ico.png) no-repeat; background-position:-195px -582px; vertical-align:middle}

.pro_img dd ul li:nth-child(2) i{ background-position:-195px -614px;}



.pro_img dd h5{}

.pro_img dd h5 dl{ float:left;margin-left:12px}

.pro_img dd h5 dl:nth-child(1){ width:270px; height:60px; line-height:60px; background:#e70012; color:#fff; font-weight:bold; font-size:22px;}

.pro_img dd h5 dl:nth-child(1) a{color:#fff}

.pro_img dd h5 dl:nth-child(1) i{width:33px; height:30px; background:url(../images/ico.png) no-repeat; background-position:-225px -583px; vertical-align:middle; display:inline-block; margin:0 20px}

.pro_img dd h5 dl:nth-child(2){width:70px; height:56px; background:#f3f3f3; margin-top:2px}

.pro_img dd h5 dl:nth-child(2) i{width:30px; height:33px; display:block; margin:11px auto 0; background:url(../images/ico.png) no-repeat; background-position:-195px -640px;}

.pro_img dd small{width:30px; height:2px; background:#fd8800; display:block; position:absolute; transform:skew(-10deg,-40deg); right:80px; top:26px}

.pro_img dd small:nth-child(2){width:20px; background:#fec787; right:96px; top:42px}

.pro_img dd h5 dl:hover:nth-child(1){ background:rgba(231,0,18,0.7);}

.pro_img dd h5 dl:hover:nth-child(2){ background:#fec787;}



.xq_tit{ width:100%; height:54px; background:#f4f4f4; line-height:54px; margin:30px 0 20px}

.xq_tit i{width:250px; background:#02757a; display:inline-block; color:#fff; font-size:22px; font-weight:bold; font-style:normal; text-indent:30px; position:relative;}

.xq_titd i:after{content:""; width:0; height:0; border-top:7px solid #fff; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; top:23px; right:30px; display:block}

.xq_con{ width:1182px; margin:0 auto;}



.xq_prolist{width:1170px; margin:0 auto; padding:0}

.xq_prolist li{width:252px;height:288px; border:1px solid #e0e0e2; padding:10px; float:left; margin-right:24px;}

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

.xq_prolist li .img{width:252px; height:180px; overflow:hidden}

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

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

.xq_prolist li h4{ font-size:15px; line-height:44px}

.xq_prolist li:hover h4{ color:#cd000e}

.xq_prolist li h5{ font-size:12px; line-height:20px; color:#777}

.xq_prolist li h6{ text-transform:uppercase; font-size:12px; line-height:14px;margin-top:10px}

.xq_prolist li h6 i{width:14px;height:14px; display:inline-block; background:url(../images/pro_ico.png) no-repeat; background-position:-160px -540px; vertical-align:middle; margin-right:10px;transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform;}

.xq_prolist li h6 i:nth-child(3){background-position:-180px -540px;}

.xq_prolist li h6 b{width:1px; height:14px; background:#cfcfcf; display:inline-block; margin:0 10px}

.xq_prolist li:nth-child(4){ margin-right:0}

.xq_prolist li:hover h6 i{transform:rotate(360deg)}



.xq_message{height:auto; margin:0 auto; font-weight:bold;margin-top:40px;}

.xq_message li{width:47%; float:left; margin-bottom:10px;}

.xq_message li:nth-child(even){float:right;}

.xq_message li font{color:red;}

.xq_message input[type="text"]{width:100%; height:30px; line-height:30px; border:1px solid #ccc; padding:0 10px; color:#a9b1c6}

.xq_message dd{width:100%;}

.xq_message textarea{width:100%; height:130px; padding:10px; border:1px solid #ccc; line-height:30px; color:#a9b1c6; font-weight:normal; font-size:14px}

.xq_message input[type="submit"]{width:750px; height:44px; background:#02757a; color:#fff; font-size:17px; border-radius:5px;display:block; margin:30px auto; cursor:pointer}

.xq_message input[type="submit"]:hover{ background:rgba(2,117,122,0.9)}



/*peijianxq*/

.peijian_con{}

.peijian_con>h2{font-size:24px; font-weight:bold; text-align:center; line-height:40px; margin:45px auto}

.peijian_con .peijian_img{width:865px;border:1px solid #e5e5e5; margin:0 auto;}

.peijian_arc { margin:65px auto 100px;}

.peijian_arc img{max-width:870px;display:block; margin:0 auto;}



/*coutactus*/

.banner_contact{width:100%; height:351px; border-top:3px solid #cd000e; background:url(../images/banner_contact.jpg) no-repeat center bottom}

.lxwm_txt{line-height:21px; color:#666; margin:30px auto 50px;}

.lxwm_txt p{font-size:15px}

.lxwm_txt p font{width:10px;height:21px;display:inline-block;}

.lxwm_txt p:nth-child(2){margin-bottom:20px}

.driving{}

.driving h3{font-size:28px; font-weight:bold; line-height:50px; text-transform:uppercase; margin:35px auto;}

.driving ul{ width:465px; height:; float:left;}

.driving ul li{ font-size:16px; line-height:39px}

.driving ul li i{width:28px; height:28px; display:inline-block; vertical-align:middle; margin:0 18px 0 8px; color:#FFF}

.driving ul li:nth-child(1){font-weight:bold}

.driving ul li:nth-child(1) i{ background:url(../images/ico.png) no-repeat; background-position:-240px -620px; }

.contact{width:100%; height:333px; background:url(../images/24h_03.jpg) no-repeat center; margin:20px auto;}



/*shouce*/

.banner_shouce{width:100%; height:351px; border-top:3px solid #cd000e; background:url(../images/banner_shouce.jpg) no-repeat center bottom}

.shouce_1{margin:40px auto}

.shouce_1 .img{width:430px; height:272px; float:left; overflow:hidden;}

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

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

.shouce_1 dd{width:730px; float:right; border-top:1px solid #c6c6c6}

.shouce_1 dd h3{ font-size:23px; color:#000; line-height:50px; margin-bottom:20px; padding-top:30px}

.shouce_1 dd h3 a{color:#000}

.shouce_1 dd h3 a:hover{color:#f69834}

.shouce_1 dd h3 i{width:36px; height:36px; background:url(../images/ico.png) no-repeat; background-position:-95px -310px; display:inline-block; vertical-align:middle; margin-right:18px;transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform;}

.shouce_1 dd h3:hover i{ transform:rotate(360deg)}

.shouce_1 dd p{ padding-left:54px; font-size:17px; line-height:36px;}

.shouce_1 dd span{width:172px;height:44px; line-height:44px; font-size:15px; font-weight:bold; display:block; margin:15px 0 0 54px; text-transform:uppercase}

.shouce_1 dd span a{width:100%; height:44px; display:block; background:#f69834; text-align:center; color:#fff;}

.shouce_1 dd span a:hover{background:rgba(246,152,52,0.6)}

.shouce_2{ margin:30px auto}

.shouce_2 h3{ font-size:23px; color:#000; line-height:50px;}

.shouce_2 h4{font-size:18px; color:#666;}

.shouce_2 ul{}

.shouce_2 ul li{width:378px; float:left; line-height:76px; margin:45px 11px 0; font-size:20px; color:#000;border-top:1px solid #c6c6c6}

.shouce_2 ul li a{color:#000}

.shouce_2 ul li i{width:35px; height:35px; display:inline-block; background:url(../images/ico.png) no-repeat; background-position:-145px -310px; vertical-align:middle; margin-right:15px;transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform;}

.shouce_2 ul li:hover i{ transform:rotate(360deg)}

.shouce_2 span{width:172px;height:44px; line-height:44px; font-size:15px; font-weight:bold; display:block; text-transform:uppercase; margin:30px 0 30px 10px}

.shouce_2 span a{width:100%; height:44px; display:block; background:#f69834; text-align:center; color:#fff;}

.shouce_2 span a:hover{background:rgba(246,152,52,0.6)}

.shouce_3{ width:100%; height:270px; background:url(../images/shouce3_03.jpg) no-repeat center; color:#fff; margin:50px auto 70px}

.shouce_3 dd{width:1180px; margin:0 auto;}

.shouce_3 dd h3{font-size:29px; line-height:50px; padding-top:40px}

.shouce_3 dd p{font-size:17px; line-height:40px}

.shouce_3 dd span{width:172px;height:44px; line-height:44px; font-size:15px; font-weight:bold; display:block; text-transform:uppercase; margin:30px 0 30px 10px}

.shouce_3 dd span a{width:100%; height:44px; display:block; border:1px solid #fff; text-align:center; color:#fff;}

.shouce_3 dd span a:hover{background:#fff; color:#f69834}



.shouce_4{ width:1200px; margin:0 auto;}

.shouce_4 ul{width:726px; float:left; border-top:1px solid #c6c6c6; padding-top:20px}

.shouce_4 ul h3{ font-size:23px; color:#000; line-height:50px; margin-bottom:20px}

.shouce_4 ul h3 a{color:#000}

.shouce_4 ul h3 a:hover{color:#f69834}

.shouce_4 ul h3 i{width:36px; height:36px; background:url(../images/ico.png) no-repeat; background-position:-95px -310px; display:inline-block; vertical-align:middle; margin-right:18px;transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform;}

.shouce_4 ul h3:hover i{ transform:rotate(360deg)}

.shouce_4 ul li{width:270px; font-size:17px; line-height:36px; float:left; text-indent:50px;}

.shouce_4 ul span{width:172px;height:44px; line-height:44px; font-size:15px; font-weight:bold; display:block; text-transform:uppercase; margin:30px 0 30px 50px}

.shouce_4 ul span a{width:100%; height:44px; display:block; background:#f69834; text-align:center; color:#fff;}

.shouce_4 ul span a:hover{background:rgba(246,152,52,0.6)}

.shouce_4 .img{width:430px; height:272px; float:right; overflow:hidden;}

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

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



/*service*/

.banner_service{width:100%; height:351px; border-top:3px solid #cd000e; background:url(../images/banner_service.jpg) no-repeat center bottom}

.fl{float:left}

.fr{float:right}

.service{width:1200px; margin:0 auto;}

.service dd{ width:600px;}

.service dd h3{ font-size:35px; text-transform:uppercase; position:relative; line-height:80px; margin;20px 0}

.service dd h3 i{width:45px;height:5px; background:#e70012; display:block; position:absolute; left:0; bottom:0}

.service dd h4{ font-size:18px; color:#e70012; font-weight:bold; line-height:30px; margin-top:40px}

.service dd p{line-height:25px}

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

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



.service_1{}

.service_1 dd{ width:665px;}

.service_1 .img{ width:478px; height:792px; overflow:hidden;}



.service_2{ margin:80px auto}

.service_2 .img{width:538px; height:552px; overflow:hidden}



.service_3 .img{ width:532px; height:653px; overflow:hidden;}

.service_3 dd h4 i{width:45px;height:45px; display:inline-block; background:url(../images/ico.png) no-repeat; background-position:-195px -305px; vertical-align:middle; margin-right:15px}

.service_3 dd p{padding-left:60px}