@charset "utf-8";

.R{background:url("../images/bgty.gif") center top no-repeat; }

.about-michael{display: flex;padding-top: 110px;margin-bottom: 100px;}
.about-michael .m-left{flex: 0 0 51.25%;}
.about-michael .m-left .t{border-left: 6px solid #f3852a;font-size: 30px;;color: #4c4c4c;margin-bottom: 40px;height:35px;line-height: 35px;}
.about-michael .m-left .t span{font-weight: bold;font-size: 35px;color: #4c4c4c;font-style: normal; padding: 0 17px;}
.about-michael .m-left .c {font-size: 16px; color: #666;line-height: 2;width: 595px;}
.about-michael .m-right{flex: 0 0 48.75%;}
.about-michael .m-right .pic{text-align: right;}
@media screen and (max-width:600px)
{
    .about-michael{display:block;padding-top: 5px;margin-bottom: 100px;width:94% !important;margin:0 auto;}
    .about-michael .m-left{flex: 0;}
    .about-michael .m-left .t{border-left: 6px solid #f3852a;font-size: 13px;;color: #4c4c4c;margin-bottom: 20px;height:35px;line-height: 35px;}
    .about-michael .m-left .t span{font-weight: bold;font-size: 25px;color: #4c4c4c;font-style: normal; padding: 0 17px;}
    .about-michael .m-left .c {font-size: 16px; color: #666;line-height: 2;width: 100%;}
    .about-michael .m-right{flex: 0;display: none;}
    .about-michael .m-right .pic{text-align: right;}
}

.culture {max-width: 100%;width:100%; margin: 0 auto;background: #f2f2f2;}
.culture .row{width: 1200px;max-width: 1200px;margin: 0 auto;padding-top: 70px;padding-bottom: 70px;}
.culture .row .t{border-left: 6px solid #f3852a;font-size: 30px;color: #4c4c4c;margin-bottom: 40px;height:35px;line-height: 35px;}
.culture .row .t span{font-weight: bold;font-size: 35px;color: #4c4c4c;font-style: normal; padding: 0 17px;}
@media screen and (max-width:600px)
{
    .culture {max-width: 100%;width:94%; margin: 20px auto;background: #F2F2F2;padding:0 3%;}
    .culture .row{width: 100%;max-width: 100%;margin: 0 auto;padding-top: 20px;padding-bottom: 20px;}
    .culture .row .t{border-left: 6px solid #f3852a;font-size: 13px;color: #4c4c4c;margin-bottom: 40px;height:35px;line-height: 35px;}
    .culture .row .t span{font-weight: bold;font-size: 25px;color: #4c4c4c;font-style: normal; padding: 0 17px;}
    .culture .row .c img{width:100%;height: auto;}
}

.strength{max-width: 100%;width: 100%;padding-bottom:40px;border-bottom: 1px solid #e5e5e5;}
.strength .row{ width: 1200px; max-width: 1200px;margin: 0 auto;display: flex; flex-wrap: wrap; padding-top: 75px;}
.strength .row .t{border-left: 6px solid #f3852a;font-size: 30px;color: #4c4c4c;margin-bottom: 40px;flex-wrap: wrap;flex: 0 0 100%;height:35px;line-height: 35px;}
.strength .row .t span{font-weight: bold;font-size: 35px;color: #4c4c4c;font-style: normal; padding: 0 17px;}
.strength .row .c {flex: 0 0 100%; display: flex;}
.strength .row .c img{border-bottom: 2px solid #b7b7b7; padding-bottom: 20px;}
.strength .row .c li{flex-grow: 1;text-align: center;}
.strength .row .c li .font{font-size: 15px;color:#757475 }
.strength .row .imgli.text_c>img:nth-child(2){display:none;}
@media screen and (max-width:600px)
{
    .strength .row .imgli.text_c>img:nth-child(1){display:none;}
    .strength .row .imgli.text_c>img:nth-child(2){display:block;}
    .strength{max-width: 94%;width: 94%;padding-bottom:40px;border-bottom: 1px solid #e5e5e5;margin:0 auto;}
    .strength .row{ width: 94%; max-width: 1200px;margin: 0 auto;display: block; flex-wrap: wrap; padding-top: 75px;padding-bottom: 15px;}
    .strength .row .t{border-left: 6px solid #f3852a;font-size: 13px;color: #4c4c4c;margin-bottom: 20px;flex-wrap: wrap;flex: 0 0 100%;height:35px;line-height: 35px;}
    .strength .row .t span{font-weight: bold;font-size: 25px;color: #4c4c4c;font-style: normal; padding: 0 17px;}
    .strength .row .c {flex: 0 0 100%; display: block;}
    .strength .row .c img{border-bottom: 2px solid #b7b7b7; padding-bottom: 20px;width:100%;}
    .strength .row .c li{flex-grow:0;text-align: center;width:31.33%;float:left;margin:0 1%;display: inline-block;height:200px;}
    .strength .row .c li .font{font-size: 12px;color:#757475 }
}

.say {max-width:100%;width: 100%;padding-top: 80px;background:url("../images/about_a2.jpg") no-repeat;background-position: top center;padding-bottom: 75px;border-bottom:2px solid #e5e5e5;}
.say .row {max-width: 1200px;width: 1200px;display: flex;flex-wrap: wrap; margin: 0 auto;}
.say .row .t{border-left: 6px solid #f3852a;font-size: 30px;;color: #4c4c4c;margin-bottom: 50px;flex: 0 0 100%;height:35px;line-height: 35px;}
.say .row .t span{font-weight: bold;font-size: 35px;color: #4c4c4c;font-style: normal; padding: 0 17px;}
.say .row .s-t {font-size: 30px;font-weight: bold;color: #404040;margin-bottom: 40px;flex: 0 0 100%;}
.say .row .f-0{color: #404040;flex: 0 0 100%;line-height: 31px;margin-top: 00px;}
.say .row .f-0 *{font-size: 1.25em;}
.say .row .f-1{flex: 0 0 100%;line-height: 36px;color: #404040;font-size: 16px;}
@media screen and (max-width:600px)
{
    .say {max-width:94%;width: 94%;padding-top: 60px;margin:0 auto;background:none;background-position: top center;padding-bottom: 35px;border-bottom:2px solid #e5e5e5;}
    .say .row {max-width: 94%;width: 94%;display: flex;flex-wrap: wrap; margin: 0 auto;}
    .say .row .t{border-left: 6px solid #f3852a;font-size: 13px;;color: #4c4c4c;margin-bottom: 30px;flex: 0 0 100%;height:35px;line-height: 35px;}
    .say .row .t span{font-weight: bold;font-size: 25px;color: #4c4c4c;font-style: normal; padding: 0 17px;}
    .say .row .s-t {font-size: 20px;font-weight: bold;color: #404040;margin-bottom: 20px;flex: 0 0 100%;}
    .say .row .f-0{color: #404040;flex: 0 0 100%;line-height: 31px;margin-top: 00px;}
    .say .row .f-0 *{font-size: 1.25em;}
    .say .row .f-1{flex: 0 0 100%;line-height: 36px;color: #404040;font-size: 16px;}
}


.honor {max-width: 100%;width: 100%;padding-top: 80px; padding-bottom: 115px; border-bottom: 2px solid #e5e5e5;}
.honor .row{width: 1200px;max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;position: relative;}
.honor .row .t{border-left: 6px solid #f3852a;font-size: 30px;color: #4c4c4c;margin-bottom: 60px;flex: 0 0 100%;height:35px;line-height: 35px;}
.honor .row .t span{font-weight: bold;font-size: 35px;color: #4c4c4c;font-style: normal; padding: 0 17px;}
.honor .row .conl{right:50px;top:7px;}
.honor .row ul{max-width:  1200px;overflow: hidden;}
.honor .row ul .mask{width:151515px;}
.honor .row ul li .pic img{outline: 1px solid #eee;}
.honor .row ul li{padding:7px;position: relative;margin: 0 17px;border: 3px solid #ccc;overflow: hidden;transition:all 0.3s ease;float: left;}
.honor .row ul li .font {padding: 0 3%; position: absolute;bottom: -60px;height: 50px;width: 95%;justify-content: space-between;left: 0;background: rgba(255,255,255,0.95);max-width: 100%;display: flex;transition: all 0.3s ease;}
.honor .row ul li .font img{text-align: right;float: right;height: 29px;align-self: center;width: 29px;}
.honor .row ul li .font span{align-self: center;font-size: 15px;color: #4c4c4c;}
.honor .row ul li:hover{border: 3px solid #f3852a; transition: all 0.3s ease;}
.honor .row ul li:hover .font{bottom: 0px;}
@media screen and (max-width:600px)
{
    .honor {max-width: 94%;width: 94%;padding-top: 80px; padding-bottom: 25px; border-bottom: 2px solid #e5e5e5;margin:0 auto;}
    .honor .row{width: 100%;max-width: 100%;margin: 0 auto;display: block;flex-wrap: none;position: relative;}
    .honor .row .t{border-left: 6px solid #f3852a;font-size: 13px;color: #4c4c4c;margin-bottom:20px;flex: 0 0 100%;height:35px;line-height: 35px;}
    .honor .row .t span{font-weight: bold;font-size: 25px;color: #4c4c4c;font-style: normal; padding: 0 17px;}
    .honor .row .conl{right:50px;top:7px;display: none;}
    .honor .row ul{max-width:  100%;overflow: hidden;}
    .honor .row ul .mask{width:100%;}
    .honor .row ul li .pic img{outline: 1px solid #eee;width: 100%;height:250px;}
    .honor .row ul li{padding:0;position: relative;margin: 0 2%;border: 0;overflow: hidden;transition:all 0.3s ease;float: left;width:46%;}
    .honor .row ul li .font {padding: 0 3%; position: absolute;bottom: -60px;height: 50px;width: 95%;justify-content: space-between;left: 0;background: rgba(255,255,255,0.95);max-width: 100%;display: flex;transition: all 0.3s ease;}
    .honor .row ul li .font img{text-align: right;float: right;height: 29px;align-self: center;width: 29px;}
    .honor .row ul li .font span{align-self: center;font-size: 15px;color: #4c4c4c;}
    .honor .row ul li:hover{border:0; transition: all 0.3s ease;}
    .honor .row ul li:hover .font{bottom: 0px;}
}


.deve{width: 100%;max-width: 100%;background: #e6e6e6;padding-top: 50px;}
.deve .row {max-width: 1200px; width: 1200px;margin: 0 auto; flex-wrap: wrap;display: flex;}
.deve .row .t{border-left: 6px solid #f3852a;font-size: 30px;;color: #4c4c4c;margin-bottom: 50px;flex: 0 0 100%;}
.deve .row .t span{font-weight: bold;font-size: 35px;color: #4c4c4c;font-style: normal; padding: 0 17px;}

.deve .row .d-0 {flex: 0 0 100%;display: flex; flex-wrap: wrap;}
.deve .row .d-0 li {text-align: center;justify-content: space-around;flex-grow: 1;width: 340px;margin: 30px;}
.deve .row .d-0 li .pic{width: 205px;margin: 0 auto;border-radius: 100%;overflow: hidden;margin-bottom: 15px;}
.deve .row .d-0 li .font .year{font-size: 20px;font-weight:bold;color: #4c4c4c;}
.deve .row .d-0 li .font .xiahua {height: 5px;width: 50px;margin: 10px auto; background: #f3852a;}
.deve .row .d-0 li .font .cont {font-size: 15px;color: #4c4c4c;letter-spacing: 2px;line-height: 1.5;}

.deve .row .open{flex: 0 0 100%;margin-top: 30px;padding:35px 0;}
.deve .row .open .pic {margin: 0 auto;text-align: center;;}
.deve .row .open .pic a {display: inline-block;}
.deve .row .open .pic a img{vertical-align: top;}
.deve .row .open .pic .isopen{transform: rotate(180deg);}

.deve .row-1_bg{background:#fefefe;width:100%;background: linear-gradient(to top, #fafafa, #eee);height: 0;overflow: hidden;}
.deve .row-1{width: 1200px;margin: 0 auto;padding-top: 50px;padding-bottom: 80px;}
.deve .all-deve {display: flex;flex-wrap: wrap;}
.deve .skill{width:40%;margin:0 5% ;}
.deve .skill .deve-tit{font-size: 20px; font-weight: bold;color: #333;text-align: left;margin-bottom: 10px;}
.deve .skill .deve-cont{font-size: 15px;color: #666;margin-bottom: 45px;}


.contact{max-width: 100%;width: 100%;padding-top: 110px;padding-bottom: 110px;}
.contact .row {max-width: 1200px; width: 1200px; display: flex;flex-wrap: wrap;margin: 0 auto;}
.contact .row .t{font-size: 25px;font-weight: bold;color:#313131; flex:  0 0 100%;padding-bottom: 35px;}
.contact .row .left {flex: 0 0 50%;}
.contact .row .left .f-0{font-size: 16px;color: #666;margin-bottom:10px; }
.contact .row .left .map{margin-top: 50px;display: flex;flex-wrap: wrap;}
.contact .row .left .map .pic{flex: 0 0 100%;margin-bottom: 15px;}
.contact .row .left .map .f-1{flex: 0 0 50%;font-size: 14px;margin:0 0 5px 0;}
.contact .row .left .map .f-1 span {padding-right: 5px;position: relative;bottom: 2px;}


.contact .row .right {flex: 0 0 50%;}
.contact .row .right form{text-align: right;}
.contact .row .right .inp {position: relative;text-align: right;;;}
.contact .row .right input{width: 430px;height: 53px;border: none;border-bottom: 1px solid #c2c2c2;margin-bottom: 5px;outline: none;padding-left: 90px;padding-top: 7px;;}
.contact .row .right span{position: absolute; left: 80px;margin-top:20px;font-size: 14px;}
.contact .row .right textarea{width: 505px;height: 190px;outline: none;border: 1px solid #c2c2c2;resize: none;padding: 10px;margin-top: 70px;}

.contact .row .right .pust{text-align: left;position: relative;padding-top: 40px;}
.contact .row .right .pust span{position: absolute;left: 95px;margin-top: 10px;}
.contact .row .right .pust input{width: 170px;height: 50px;background: #f3852a;border: none;font-size: 16px;color: #fff;padding-top:0px;padding-left:30px;margin-left: 73px; }



@media screen and (max-width:600px)
{

}