@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}



.tit{text-align: center;font-weight: normal;}
.tit b{display: block;font-size: 38px;color: #B40B0B;line-height: 38px;letter-spacing: 3px;}
.tit i{display: block;font-size: 22px;color: #232323;line-height: 22px;padding-top: 14px;font-weight: 300;letter-spacing: 2px;}



/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.ban_pg{position: absolute;bottom: 30px;height: 17px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 50%;margin: 0 10px;vertical-align: top;box-sizing: border-box;}
.ban_pg i.on{background: #BD0E16;}
.banner .prev{position: absolute;font-size: 0;left: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner .next{position: absolute;font-size: 0;right: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}


/*sou*/
.sou{height: 40px;}
.htwd{float: left;font-size: 14px;color: #777;line-height: 40px;}
.htwd a{color: #777;margin-right: 8px;}
.htwd a:hover{color: #BD0E16;}
.s_box{float: right;width: 410px;height: 39px;border-bottom: 1px solid #aaa;}
.s_box .txt{float: left;width: 390px;height: 39px;line-height: 39px;font-size: 14px;color: #333;border: 0;outline: 0;background: none;}
.s_box .btn{float: left;width: 20px;height: 39px;background: url(../images/sou.png) no-repeat center;outline: 0;border: 0;cursor: pointer;}


/*guide*/
.guide{height: 736px;padding: 75px 0 0;box-sizing: border-box;background: url(../images/guide_bg.jpg) no-repeat center 0;}
.guide h2{height: 155px;background: url(../images/guide_en.png) no-repeat center;font-weight: normal;text-align: center;position: relative;}
.guide h2:after{position: absolute;width: 21px;height: 12px;content: "";background: url(../images/san1.png) no-repeat;left: 50%;bottom: -4px;margin-left: -10px;}
.guide h2 span{display: block;font-size: 36px;color: #fff;line-height: 42px;padding-top: 40px;letter-spacing: 2px;}
.guide_desc{font-size: 18px;line-height: 22px;color: #DBDBDB;margin: 24px auto 0;width: 1040px;text-align: center;}
.guide_desc em{color: #EB150D;}
.guide_btn{height: 38px;text-align: center;margin: 32px 0 88px;}
.guide_btn a{display: inline-block;width: 140px;height: 38px;line-height: 36px;border: 1px solid rgba(255,255,255,0.4);border-radius: 17px;box-sizing: border-box;font-size: 17px;color: #fff;margin: 0 6px;vertical-align: top;transition: all 0.3s;}
.guide_btn a:hover{background: #fff;border-color: #fff;color: #BD0E16;}
.guide_sz{display: flex;display: -webkit-flex;justify-content: space-between;}
.guide_sz li{text-align: center;}
.guide_sz li span{display: block;height: 52px;font-size: 32px;line-height: 32px;color: #fff;}
.guide_sz li span b{display: inline-block;vertical-align: bottom;font-size: 64px;line-height: 52px;font-family: Arial;}
.guide_sz li p{font-size: 20px;color: #fff;line-height: 20px;padding-top: 14px;}


/*pro*/
.pro{background: #f5f5f5;padding: 60px 0 70px;width: 100%;overflow-x: hidden;}
.pro h2{padding: 50px 0 0;height: 166px;box-sizing: border-box;background: url(../images/pro_en.png) no-repeat center;}
.pro_l{float: left;width: 270px;margin-top: 30px;}
.pro_t{width: 634px;height: 95px;background: url(../images/pro_zs.png) no-repeat;margin-left: -360px;padding-top: 31px;padding-left: 360px;box-sizing: border-box;}
.pro_t a{display: block;font-size: 24px;color: #fff;line-height: 60px;padding-left: 68px;}
.pro_l li{height: 70px;border: 1px solid #aaa;box-sizing: border-box;border-left: 3px solid #A40000;margin-top: 7px;transition: all 0.3s;}
.pro_l li:first-child{margin-top: 16px;}
.pro_l li a{display: block;padding-left: 67px;height: 68px;position: relative;}
.pro_l li span{display: block;font-size: 16px;color: #333;line-height: 16px;padding-top: 16px;transition: all 0.3s;}
.pro_l li i{display: block;font-size: 12px;color: #aaa;line-height: 24px;white-space: nowrap;letter-spacing: -0.5px;transition: all 0.3s;}
.pro_l li em{position: absolute;width: 20px;height: 20px;left: 24px;top: 16px;overflow: hidden;}
.pro_l li:hover{background: #AC0909;border-color: #AC0909;}
.pro_l li:hover span,.pro_l li:hover i{color: #fff;}
.pro_l li:hover em img{transform: translateY(-50%);}
.pro_r{float: right;width: 894px;margin-top: 34px;}
.pro_con{position: relative;}
.pro_con dl{height: 490px;}
.pro_con dt{float: left;width: 612px;height: 490px;border: 3px solid #343434;box-sizing: border-box;overflow: hidden;}
.pro_con dt img{display: block;width: 606px;height: 484px;transition: all 0.5s;}
.pro_con dt:hover img{transform: scale(1.05);}
.pro_con dd{float: left;width: 282px;height: 490px;background: #343434;padding: 0 22px;box-sizing: border-box;}
.pro_desc{margin: 40px 0 110px;}
.pro_desc p{font-size: 14px;color: #fff;line-height: 24px;padding: 5px 0;}

.pro_desc p span{ overflow: hidden;line-height: 24px;}
.pro_btn{height: 48px;}
.pro_btn a.xq{float: left;width: 50%;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #EB150D;background: #fff;font-weight: bold;border-radius: 24px 0 0 24px;}
.pro_btn a.zx{float: left;width: 50%;height: 48px;line-height: 46px;text-align: center;font-size: 14px;color: #fff;font-weight: bold;border: 2px solid #fff;border-left: 0;box-sizing: border-box;border-radius: 0 24px 24px 0;}
.pro_con .prev{position: absolute;left: 0px;bottom: 3px;z-index: 10;}
.pro_con .next{position: absolute;left: 50px;bottom: 3px;z-index: 10;}
.pro_con .tel{position: absolute;width: 247px;padding-left: 20px;height: 50px;line-height: 50px;left: 102px;background: #AC0909;bottom: 3px;font-size: 14px;color: #fff;font-weight: bold;z-index: 10;}
.pro_con .tel em{font-size: 20px;font-family: Arial;}
.pro_list{margin-top: 20px;}
.pro_list li{float: left;width: 442px;overflow: hidden;margin-right: 10px;}
.pro_list li img{display: block;width: 100%;transition: all 0.5s;}
.pro_list li:hover img{transform: scale(1.05);}
.pro_list .tempWrap{width: 100% !important;}


/*super*/
.super{padding: 80px 0 0;}
.super h2{padding: 42px 0 0;height: 135px;box-sizing: border-box;background: url(../images/super_en.png) no-repeat center;}
.super_desc{font-size: 18px;color: #4B4B4B;line-height: 26px;text-align: center;width: 1050px;margin: 20px auto 33px;}
.super_desc em{color: #AC0909;}
.super_con li{float: left;width: calc((100% - 6px)/4);margin-right: 2px;position: relative;background: #000;overflow: hidden;}
.super_con li:last-child{margin-right: 0;}
.super_con li:after{position: absolute;width: 34px;height: 13px;content: "";background: url(../images/san2.png) no-repeat;left: 50%;bottom: -17px;margin-left: -17px;transition: all 0.5s;}
.super_con li img{display: block;width: 100%;opacity: 0.2;transition: all 0.3s;}
.super_con li .hv{position: absolute;left: 0;bottom: 0;width: 100%;height: 175px;text-align: center;}
.super_con li .hv h3{font-size: 30px;color: #fff;opacity: 0.6;line-height: 30px;padding-bottom: 14px;position: relative;}
.super_con li .hv h3:after{position: absolute;width: 34px;height: 1px;background: #fff;left: 50%;bottom: 0;margin-left: -17px;content: "";}
.super_con li .hv p{font-size: 22px;color: #fff;opacity: 0.6;font-weight: 300;line-height: 26px;padding-top: 14px;}
.super_con li:hover img{opacity: 1;}
.super_con li:hover h3,.super_con li:hover p{opacity: 1;}
.super_con li:hover:after{bottom: 0;}


/*case*/
.case{height: 1052px;padding: 68px 0 0;box-sizing: border-box;background: url(../images/case_bg.jpg) no-repeat center 0;}
.case h2{padding: 48px 0 0;height: 146px;box-sizing: border-box;background: url(../images/case_en.png) no-repeat center;margin-bottom: 47px;}
.case_list li{float: left;width: 376px;margin-right: 36px;margin-bottom: 30px;}
.case_list li:nth-child(3n){margin-right: 0;}
.case_list li i{display: block;overflow: hidden;}
.case_list li i img{display: block;width: 100%;transition: all 0.5s;}
.case_list li i:hover img{transform: scale(1.05);}
.case_list li h4 a{display: block;height: 70px;background: rgba(255,255,255,0.5);line-height: 70px;font-weight: normal;font-size: 22px;color: #3F3F3F;padding-left: 28px;border-bottom: 3px solid rgba(235, 21, 13, 0.6);}


/*coop*/
.coop{height: 838px;padding: 70px 0 0;box-sizing: border-box;background: url(../images/coop_bg.jpg) no-repeat center 0;}
.coop h2{padding: 48px 0 0;height: 146px;box-sizing: border-box;background: url(../images/coop_en.png) no-repeat center;margin-bottom: 45px;}
.coop li{float: left;width: 240px;height: 140px;text-align: center;border-bottom: 1px solid rgba(35, 35, 35, 0.05);border-right: 1px solid rgba(35, 35, 35, 0.05);box-sizing: border-box;overflow: hidden;}
.coop li:nth-child(5n){border-right: 0;}
.coop li img{height: 100px;padding-top: 20px;transition: all 0.5s;}
.coop li:nth-last-child(1),.coop li:nth-last-child(2),.coop li:nth-last-child(3),.coop li:nth-last-child(4),.coop li:nth-last-child(5){border-bottom: 0;}
.coop li:hover img{transform: scale(1.05);}

/*brand*/
.brand{padding: 200px 0 70px;background: url(../images/brand_bg.jpg) no-repeat center 0;}
.brand_t{background: #fff;padding: 42px 0 55px;}
.brand_t h2{padding: 52px 0 0;height: 166px;box-sizing: border-box;background: url(../images/brand_en.png) no-repeat center;}
.brand_st{font-size: 28px;color: #B40B0B;line-height: 28px;}
.brand_st i{display: block;padding-left: 40px;font-size: 22px;color: #666;padding-top: 13px;}
.brand1{height: 462px;padding-bottom: 138px;position: relative;}
.brand1 dt{float: left;width: 395px;height: 462px;position: relative;margin-left: 94px;z-index: 10;}
.brand1 dt:after{position: absolute;width: 120px;height: 13px;content: "";background: #B40B0B;left: -94px;top: 25px;}
.brand1 dd{float: right;width: 622px;height: 297px;padding-top: 6px;box-sizing: border-box;}
.brand1 dd h3{height: 139px;padding: 45px 0 0 43px;box-sizing: border-box;background: url(../images/01.png) no-repeat;}
.brand_desc{margin-top: 24px;}
.brand_desc p{font-size: 15px;color: #333;line-height: 32px;padding-left: 10px;background: url(../images/xing.png) no-repeat left center;}
.brand1_pic{position: absolute;right: 0;bottom: 0;font-size: 0;}
.brand2{float: left;width: 494px;}
.brand2 dd{padding-top: 6px;height: 352px;box-sizing: border-box;}
.brand2 dd h3{height: 149px;padding: 50px 0 0 70px;box-sizing: border-box;background: url(../images/02.png) no-repeat;}
.brand2 dd .brand_desc{margin-left: 20px;}
.brand2 dt{padding: 74px 0 0 74px;background: url(../images/brand_k.png) no-repeat;}
.brand3{float: right;width: 610px;}
.brand3 dt{margin-left: 63px;font-size: 0;}
.brand3 dd{height: 370px;padding-top: 32px;box-sizing: border-box;}
.brand3 dd h3{height: 129px;padding: 45px 0 0 65px;box-sizing: border-box;background: url(../images/03.png) no-repeat;}
.brand4{height: 303px;}
.brand4 dd{float: left;width: 510px;margin-top: 30px;}
.brand4 dd h3{height: 142px;padding: 44px 0 0 70px;box-sizing: border-box;background: url(../images/04.png) no-repeat;}
.brand4 dd .brand_desc{margin-left: 10px;}


    /*ser*/
.ser{padding: 80px 0 77px;background: #F5F5F5;}
.ser h2{padding: 54px 0 0;height: 166px;box-sizing: border-box;background: url(../images/ser_en.png) no-repeat center;margin-bottom: 30px;}
.ser_list dl{float: left;width: 280px;margin-right: 26px;}
.ser_list dl:last-child{margin-right: 0;}
.ser_list dd{height: 256px;background: #fff;padding: 0 30px;text-align: center;transition: all 0.3s;}
.ser_list dd h3{font-size: 26px;color: #32302F;line-height: 26px;padding: 28px 0 18px;letter-spacing: 2px;transition: all 0.3s;}
.ser_list dd i{display: block;font-size: 50px;color: #DFDEDB;font-family: Arial;font-weight: bold;line-height: 40px;transition: all 0.3s;}
.ser_list dd p{font-size: 20px;color: #585858;line-height: 28px;padding: 14px 0 20px;transition: all 0.3s;}
.ser_list dd .zx{display: block;width: 130px;height: 33px;line-height: 33px;font-size: 14px;color: #2A2A2A;border: 1px solid rgba(152, 152, 152, 0.5);margin: 0 auto;transition: all 0.3s;}
.ser_list dl:hover dd{background: #B40B0B;}
.ser_list dl:hover dd h3,.ser_list dl:hover dd p{color: #fff;}
.ser_list dl:hover dd .zx{color: #fff;border-color: #fff;}


/*liuy*/
.liuy{padding: 70px 0;}
.liuy h2{padding: 54px 0 0;height: 166px;box-sizing: border-box;background: url(../images/ser_en.png) no-repeat center;margin-bottom: 24px;}
.liuy li{float: left;width: 576px;}
.liuy li:nth-child(2){float: right;}
.liuy li label{display: block;font-size: 20px;color: #333;line-height: 46px;letter-spacing: 4px;}
.liuy li label em{color: #EABD35;}
.liuy li input{display: block;height: 49px;line-height: 47px;padding-left: 17px;border-radius: 5px;width: 100%;box-sizing: border-box;font-size: 16px;color: #000;outline: 0;border: 1px solid #E8E8E8;background: #F3F3F3;}
.liuy li:nth-child(1){margin-bottom: 14px;}
.liuy li textarea{display: block;width: 100%;height: 254px;border-radius: 5px;font-size: 16px;color: #000;line-height: 30px;box-sizing: border-box;outline: 0;border: 1px solid #E8E8E8;background: #F3F3F3;padding: 5px 15px;font-family: "Microsoft YaHei";}
.liuy li input::-webkit-input-placeholder,.liuy li textarea::-webkit-input-placeholder{color:#000;opacity: 0.3;letter-spacing: 4px;}
.liuy li input::-moz-placeholder,.liuy li textarea::-moz-placeholder{color:#000;opacity: 0.3;letter-spacing: 4px;}
.liuy .submit{display: block;width: 100%;height: 56px;line-height: 56px;text-align: center;font-size: 24px;color: #fff;background: #B40B0B;border-radius: 5px;cursor: pointer;outline: 0;border: 0;letter-spacing: 8px;margin-top: 40px;}


/*qyfc*/
.qyfc{padding: 70px 0;}
.qyfc h2{padding: 54px 0 0;height: 166px;box-sizing: border-box;background: url(../images/new_en.png) no-repeat center;margin-bottom: 38px;}
.qyfc_list{position: relative;}
.qyfc_list li{float: left;width: 277px;margin-right: 30px;}
.qyfc_list li i{display: block;overflow: hidden;}
.qyfc_list li i img{display: block;width: 100%;transition: all 0.5s;}
.qyfc_list li i:hover img{transform: scale(1.05);}
.qyfc_list li p{height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #555;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: #F6F6F6;}
.qyfc_list .prev{position: absolute;left: -70px;top: 78px;z-index: 10;}
.qyfc_list .next{position: absolute;right: -70px;top: 78px;z-index: 10;}
.qyfc_list .tempWrap{width: 100% !important;}


/*xban*/
.xban{height: 250px;background: url(../images/xban.jpg) no-repeat center 0;margin-bottom: 70px;}
.xban h2{float: left;font-size: 35px;color: #fff;line-height: 35px;margin-top: 104px;}
.xban h2 i{display: block;font-size: 20px;line-height: 20px;font-weight: normal;padding-top: 15px;}
.xban .tel{float: right;width: 300px;margin-top: 80px;color: #fff;}
.xban .tel i{display: block;padding-left: 25px;font-size: 20px;line-height: 20px;background: url(../images/tel1.png) no-repeat left center;}
.xban .tel b{display: block;font-size: 32px;font-family: Arial;line-height: 44px;height: 52px;}
.xban .tel .zx{display: block;width: 180px;height: 36px;line-height: 36px;text-align: center;font-size: 24px;color: #bb1112;background: #fff;font-weight: bold;border-radius: 18px;}
.xban .tel .zx:hover{animation: shake 1.5s linear;}


/*news*/
.news{padding: 60px 0;background: #F7F7F7;}
.news h2{padding: 54px 0 0;height: 166px;box-sizing: border-box;background: url(../images/new_en.png) no-repeat center;}
.new_l{float: left;width: 340px;margin-top: 40px;}
.new_l h3 a{display: block;font-size: 18px;color: #101010;line-height: 18px;height: 55px;position: relative;background: url(../images/new_jt1.png) no-repeat right 2px;}
.new_l h3 i{display: block;font-size: 12px;color: #797979;text-transform: uppercase;font-weight: normal;line-height: 28px;}
.new_l h3 a:after{position: absolute;width: 36px;height: 2px;content: "";background: rgba(45, 45, 45, 0.6);left: 0;bottom: 0;}
.new_l li{margin-top: 36px;}
.new_l li:nth-child(1){margin-top: 38px;}
.new_l li h4{display: block;height: 23px;font-weight: normal;padding-bottom: 13px;margin-bottom: 12px;border-bottom: 1px solid #D8D8D8;}
.new_l li h4 em,.new_l li p em{float: left;width: 23px;height: 23px;line-height: 23px;text-align: center;font-size: 14px;color: #fff;background: #454545;border-radius: 3px;margin-right: 16px;}
.new_l li h4 a{display: block;font-size: 14px;color: #333;height: 23px;line-height: 23px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_l li p em{background: #C7C7C7;}
.new_l li p span{display: block;overflow: hidden;line-height: 24px;}
.new_r{float: right;width: 818px;margin-top: 30px;}
.new_r h3{height: 65px;background: #272727;}
.new_r h3 a{float: left;width: 272px;height: 65px;text-align: center;line-height: 65px;font-size: 18px;color: #fff;border-right: 1px solid rgba(255, 255, 255, 0.25);box-sizing: border-box;}
.new_r h3 a img{vertical-align: middle;margin-left: 20px;transition: all 0.5s;}
.new_r h3 a:hover img{transform: translateX(6px);}
.new_r h3 a:last-child{border-right: 0;width: 273px;}
.new_r h3 a.on{background: #B40B0B;border-color: #B40B0B;}
.new_con{height: 360px;border: 1px solid #D8D8D8;border-top: 0;padding: 36px 30px 0;}
.new_con dt{float: left;width: 249px;height: 159px;border: 3px solid #fff; overflow: hidden;   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);}
.new_con dt img{display: block;width: 249px;height: 159px;transition: all 0.5s;}
.new_con dt:hover img{transform: scale(1.05);}
.new_con dd{float: right;width: 470px;}
.new_con dd h4 a{display: block;height: 36px;line-height: 36px;font-size: 16px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-bottom: 1px solid #D8D8D8;}
.new_con dd p{font-size: 14px;color: #6D6D6D;line-height: 24px;margin: 10px 0 18px;}
.new_con dd .xq{display: block;width: 110px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #3E3E3E;border: 1px solid #BABABA;transition: all 0.3s;}
.new_con dd .xq:hover{background: #B40B0B;border-color: #B40B0B;color: #fff;}
.new_list{margin-top: 34px;}
.new_list p{ display:block;border-bottom: 1px dashed #dedede;box-sizing: border-box;}
.new_list p:last-child{ border:none;}
.new_list p a{display: block;height: 34px;line-height: 34px;font-size: 14px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.new_list p:hover a,.new_l li h4 a:hover,.new_l h3 a:hover,.new_con dd h4 a:hover{color: #B40B0B;}


.links{height: 80px;line-height: 80px;border-bottom: 1px solid #e5e5e5;}
.links em{float: left;font-size: 16px;color: #000;}
.links em i{color: #BDBDBD;text-transform: uppercase;}
.links a{font-size: 14px;color: #666;margin-left: 60px;}
.links a:hover{color: #B40B0B;}