@charset "utf-8";
/*通用*/
.mg{margin: 50px auto;}
.txt{ padding: 30px 0; line-height: 30px; font-size: 14px; color: #777777;}
.txt h4{ font-size: 16px; text-align: center; line-height: 40px; border-bottom: 1px dotted #dddddd; margin-bottom: 10px;}
.txt img{ max-width: 900px;}
.page{ text-align: center; line-height: 100px; color: #bbbbbb;}
.page a{ color: #bbbbbb;}
.page a:hover{color: #029688;}

/*about*/
.m2{ padding: 30px 0;}
.m2l,.m2m,.m2r{ width: 385px; height: 180px; overflow: hidden; background: #fafafa;}
.m2m{ margin-left: 22px;}
.m21{ margin-top: 40px; margin-left: 82px; }
.m2tit{ color: #029688; font-size: 18px; margin-left: 20px; line-height: 40px; }
.m22{ margin-left: 82px; margin-top: 20px; margin-right: 82px;}
.m3{ text-align: center; padding-top: 100px; padding-bottom: 40px;}
.m3 h3{ display: inline-block; font-size: 30px; font-weight: bold; padding: 20px 0 10px;}
.m3 p{ color:#c0c0c0;}

/*位置*/
.position{ font-size: 14px; line-height: 20px; color: #888888; margin: 20px 0;}
.position a{ color: #888888;}
.position a:hover{ color: #029688;}
.position img{ margin-right: 10px;}

/*左侧分类*/
.sortnav{ width: 270px;}
.stit{ width: 100%; height: 89px; text-align: center;background: #029688; color: #fff;}
.stit h3{ font-size: 26px; line-height: 89px;}
.sortnav ul li{ height: 50px; line-height: 50px; border-top: 2px solid #fff; background: #f6f6f6; background-image: url("../images/jiantou1.png"); background-repeat: no-repeat; background-position: right center;}
.sortnav ul li:hover{ background: #029688; background-image: url("../images/jiantou2.png"); background-repeat: no-repeat; background-position: right center;transition-duration: .5s;}
.sortnav ul li.on{ background: #029688; background-image: url("../images/jiantou2.png"); background-repeat: no-repeat; background-position: right center;}
.sortnav ul li.on a{ color: #fff;}
.sortnav ul li a{padding-left: 35px; display: inline-block; width: 100%; height: 50px;}
.sortnav ul li:hover a{ color: #fff;}

/*新闻*/
.main{ width: 900px;}
.main h3{ font-size: 18px; background: #f6f6f6; border-bottom: 1px solid #dddddd; line-height: 40px; padding-left: 20px;}
.main ul li{ line-height: 50px; border-bottom: 1px dotted #dddddd; padding: 0 10px; background-image: url("../images/jiantou1.png"); background-repeat: no-repeat; background-position: left center;}
.main ul li a{ color: #555555;}
.main ul li a:hover{ color: #029688;}
.main ul li span{ float: right; color: #bbbbbb;}

/*产品+案例*/
.cp{ width: 900px;}
.cp ul li{ width: 215px; height: 275px;}
.anli ul li{ width: 290px; height: 320px;}
.ca ul li{ margin: 5px; background: #f6f6f6; float: left; overflow: hidden; text-align: center;}
.ca ul li:hover{ background: #029688;}
.ca ul li:hover a{ color: #fff;}
.cp ul li .pic{width: 201px; height: 201px; margin: 7px; }
.anli ul li .pic{width: 270px; height: 270px; margin: 10px;}
.ca ul li .pic{ display: flex; justify-content: center; align-items: center;overflow: hidden; }
.ca ul li img{ max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}
.ca ul li p{line-height: 30px; }
.ca ul li p span{color: #ff0000;}

/*留言*/
.fm{ line-height: 50px; margin-left: 50px;}
.bk{ border: 1px solid #dddddd;}
.fm .fmx{ width: 400px; height: 30px;}
.fh{ line-height: 200px; margin-left: 50px;}
.fh .fmt{ width: 400px; height: 200px;}
.fm span,.fh span{ display: inline-block; width: 100px; text-align: right; float: left;}
.fm .fmc{ width: 100px; height: 30px;}
.fm img{ height: 32px; margin-left: 10px; margin-top: 10px;}
.ftj{ padding-left: 100px;}