@charset "utf-8";
/* CSS Document */
/*
* @description: 网站首页样式
* @author: ishang_pan
* @update: ishang_pan (2020-06-16 10:33)
*/

/*home*/
.m-infolt{line-height: 95px;color: #333333;font-weight: bold;font-size: 30px;height: 95px;}
.m-infolt .u-infolt img{display: inline-block;vertical-align: middle;margin-left: 5px;height: 8px;}
.m-infolcl{width: 380px;height: 242px;}
.m-infolcl a{display: block;height: 242px;}
.m-infolcl .bd ul li{overflow: hidden;text-align: center;position: relative;}
.m-infolcl .bd ul li img{width: 380px;height: 242px;}
.m-infolcl .bd ul li span{position: absolute;bottom: 0;left: 0;right: 0;color: #FFF;z-index: 9999;font-size: 16px;}
.m-infolcl .hd{margin: auto;z-index: 9999;bottom: 7px;left: 50%;right: 0;height: 6px;margin-left: -35px;}
.m-infolcl .hd ul li{width: 6px;height: 6px;border-radius: 100%;background-color: #FFFFFF;text-indent: 9999999em;margin: 0 5px;cursor: pointer;float: left;transition: all 0.3s; overflow: hidden; line-height: 99px;}
.m-infolcl .hd ul li.on{background-color: #CC0000;width: 15px;border-radius: 6px;}
.m-infolclt{width: 380px;height: 42px;background-color: rgba(0,0,0,0.4);bottom: 0px;z-index: 99;}

.m-news{padding-left: 20px;}
.m-reprinttit{height: 38px; line-height: 38px;}
.m-reprinttit a{color: #f00; margin-right: 10px;}
.m-tabstyle1 li{position: relative; float: left; margin-right: 8px;}
.m-tabstyle1 li:first-child span{display: none;}
.m-tabstyle1 span{position: absolute;top: 5px;}
.m-tabstyle1 li a{display: block; padding: 15px 10px; font-size: 20px;padding-top: 0;padding-right: 6px;padding-left: 12px;}
.m-tabstyle1 li.u-active a{ color: #CC0000;}
.m-liststyle1{margin-left: 10px;line-height: 30px;}
.m-liststyle1 span{float: right;display: inline-block;}

.g-infor{margin-top: 44px;border-top: 2px solid #CC0000!important;padding:17px 20px;border: 1px solid #ededed;}
.g-infor form{text-align: center;}
.g-infor .m-infort{font-size: 18px;color: #333333;font-weight: bold;text-align: center;}
.g-infor .text{ width: 202px;outline:none;margin: 10px auto;line-height: 36px;height: 36px; margin-top: 15px;border: 0;background-color: #F6F6F6;padding: 0 20px;}
.g-infor .tel{width: 202px;outline:none;margin: 10px auto;line-height: 36px;height: 36px; border: 0;background-color: #F6F6F6;padding: 0 20px;}
.g-infor .texrarea{width: 202px;outline:none;resize:none;margin: 10px auto;height: 48px;border: 0;background-color: #F6F6F6;padding: 3px 20px;}
.g-infor .ma input{border: 0;background-color: #f6f6f6;padding-left: 20px;width: 159px;height: 36px;font-size: 16px;}
.g-infor .ma img{display: inline-block;margin-left: 10px;vertical-align: top;height: 36px;width: 54px;}
.g-infor .sub{width: 244px;outline:none;margin: 10px auto;border: 0;background-color: #CC0000;color: #FFFFFF;line-height: 36px;font-size: 16px;cursor: pointer;}

.m-resc{overflow: hidden;}
.m-resc ul li{width: 380px;height: 305px;position: relative;;overflow: hidden;float: left;margin-right: 30px;}
.m-resc ul li:last-child{margin-right: 0;}
.m-resc ul li img{transition: all 0.6s;max-width: 100%;width: 380px;height: 305px;}
.m-resc ul li:hover img{ transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);}
.m-resc ul li:hover .u-resc1{opacity: 0;}
.m-resc ul li:hover .u-resc2{height: 305px}
.m-resc ul li:hover .u-resc2 ul li{height: 35px;}
.m-resc ul li:hover .u-resc2 span{height: 38px;border: 1px solid #FFFFFF;}
.m-resc ul li:hover .u-resc2 span a{opacity: 1;}
.u-resc1{opacity: 1;transition: all 0.6s;width: 115px;height: 115px;border-radius: 100%;background-color: rgba(204,0,0,0.5);line-height: 115px;text-align: center;font-size: 28px;font-weight: bold;color: #fff;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.u-resc2{width: 380px;height: 0;background-color: rgba(204,0,0,0.5);font-size: 14px;line-height: 36px;top: 0;transition: all 0.6s;}	
.u-resc2 ul{margin-left: 20px;margin-top: 30px;}
.u-resc2 ul li{height: 0;line-height: 35px;text-align: justify;transition: all 0.6s}
.u-resc2 ul li a{color: #FFFFFF;}
.u-resc2 p{text-align: center;}
.u-resc2 span{width: 182px;height: 0px;line-height: 38px;border: 0px solid #FFFFFF;display: inline-block;margin-top: 30px;transition: all 0.6s}
.u-resc2 span a{color: #FFFFff;opacity: 0;display: block;}

.m-bus ul li{float: left;width: 153px;height: 254px;text-align: center;border: 1px solid #EDEDED;margin-right: 19px;}
.m-bus ul li:last-child{margin-right: 0;}
.m-bus ul li:hover{background-color: #FBECEC;border: 1px solid #FBECEC;}
.m-bus ul li a:hover{color: #FFF;}
.u-bust{color: #333333;font-size: 18px;font-weight: bold;margin-top: 25px;}
.u-busc{width: 90px;margin: 0 auto;font-size: 14px;margin-top: 20px;line-height: 28px;}
.u-busc img{width: 100%;}
.u-busf{width: 120px;line-height: 32px;font-size: 14px;text-align: center;background-color: #E26F6F;margin: 0 auto;color: #fff;margin-top: 5px;}

.m-inv{border: 1px solid #ededed;width: 1200px;height: 330px;}
.u-invt ul li{float: left;width:240px;height: 50px;background-color: #F6F6F6;text-align: center;line-height: 50px;color: #666;font-size: 18px;cursor: pointer;}
.u-invt ul li:hover,.u-invt .u-active{background-color: #CC0000;color: #fff;}

.u-invc ul{margin: 0 auto;text-align: center;}
.u-invc ul li{width: 75px;height: 210px;box-shadow: 0 0 10px #F9F9F9;margin: 0 auto;margin-top: 35px;text-align: center;margin-right: 35px;display: inline-block;position: relative;vertical-align: top;}
.u-invc ul li img{display: block;margin: 0 auto;width: 43px;height: 29px;margin-top: 15px;}
.u-invc ul li p{width:18px;font-size: 16px;margin: 0 auto;margin-top: 5px;}
.u-invc img{max-width: 1150px;max-height: 280px;display: block;text-align: center;margin: 0 auto;}

.m-note{border: 1px solid #ededed;height: 228px;margin-bottom: 35px;}
.m-notec .bd ul li{width: 240px;height: 175px;position: relative;overflow: hidden;margin-right: 20px;margin-top: 25px;float: left;}
.m-notec .bd ul li img{transition: all 0.6s;width: 240px;height: 175px;}
.m-notec .bd ul li:hover img{transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);}
.m-notec .bd .tempWrap{width: 1160px!important;margin: 0 auto;}
.m-notect{width: 240px;height: 40px;background-color: rgba(0,0,0,0.5);position: absolute;top: 135px;text-align: center;line-height: 40px;color: #fff;font-size: 16px;}


