.main{width: 100%;margin: 0px auto;overflow: hidden;color: #777d86;}
h1, h2, h3, h4, h5, h6 {color: #222;}
.m{overflow: hidden;width: 1200px;margin: 0px auto;}
.mbtn{width: 156px;height: 44px;margin: 30px auto 0px;text-align: center;border-radius: 6px;background: linear-gradient(to right,#f6c419,#fc8832);}
.mbtn,.mbtn a{font-size: 16px;color: #fff;line-height: 44px;display: block;}
.mbtn:hover{opacity: 0.9;}
.title{max-width: 1200px;margin: 0px auto;text-align: center;}
.title h2{font-size: 34px;margin-bottom: 20px;}
.title p{font-size: 16px;line-height: 34px;}
.banner{height: 450px;background: url(../img/product/dingdanxitong/banner.jpg) center center no-repeat;}
.banner .ban{width: 1200px;margin: 80px auto 0px;}
.banner .ban h1{font-size: 56px;margin-bottom: 14px;color: #fff;}
.banner .ban h3{font-size: 32px;margin-bottom: 6px;color: #fff;font-weight: normal;}
.banner .ban p{font-size: 24px;color: #fff;}
.banner .ban span{font-size: 18px;display: block;color: #fff;margin-top: 6px;}
.banner .ban a{float: left;margin: 30px 20px 0px 0px;}
.banner .mbtn{background: #fff;color: #fc8832;}
.banner .mbtn2{border: 2px solid #fff;height: 40px;line-height: 40px;color: #fff;background: transparent;}
.m_1,.m_3,.m_5,.yanshi{width: 1200px;margin: 60px auto;}
.m_1 ul{width: 1200px;margin: 30px auto 0px;}
.m_1 ul li{width: 540px;float: left;padding: 20px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);border-radius: 8px;margin-top: 20px;overflow: hidden;}
.m_1 ul li:nth-child(2n){float: right;}
.m_1 ul li i{display: block;float: left;width: 80px;height: 80px;border-radius: 50%;text-align: center;}
.m_1 ul li div{float: right;width: 440px;}
.m_1 ul li h3{font-size: 18px;margin-bottom: 10px;}
.m_1 ul li p{font-size: 14px;line-height: 20px;}
.m_2,.m_4,.m_6,.fangan{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f5f8fb;}
.m_2 ul{width: 1200px;margin: 30px auto 0px;}
.m_2 ul li{width: 340px;float: left;margin:20px 30px 0px 0px;padding: 20px;border-radius: 8px;background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);text-align: center;cursor: pointer;}
.m_2 ul li i{width: 60px;height: 60px;display: block;margin: 10px auto 20px;}
.m_2 ul li h3{font-size: 18px;margin-bottom: 10px;}
.m_2 ul li p{font-size: 14px;line-height: 24px;padding: 0px 20px;}
.m_2 ul li:nth-child(3n){margin-right: 0px;}
.simg{width: 1200px;margin: 40px auto 0px;}
.m_4{background: #f5f8fb url(../img/product/dingdanxitong/bg.png) top center no-repeat;background-size: cover;}
.m_4 .tab_nav{width: 1200px;margin: 40px auto 0px;overflow: hidden;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.m_4 .tab_nav li{width: 300px;float: left;font-size: 18px;line-height: 80px;background: #eee;color: #333;text-align: center;cursor: pointer;}
.m_4 .tab_nav .current{background: linear-gradient(to right,#f6c419,#fc8832);color: #fff;border-bottom: 0px;}
.m_4 .tab_box{width: 1198px;margin: 0px auto;background: #fff;box-sizing: border-box;text-align: center;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.m_4 .tab_box .tab_item{margin: 0px auto;padding: 10px 30px 50px;overflow: hidden;display: none;}
.m_4 .tab_box .tab_item.active{display: block;}
.m_4 .tab_box .tab_item ul{width: 100%;margin: 0px auto;}
.m_4 .tab_box .tab_item ul li{width: 286px;margin: 40px 60px 0px 0px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);padding: 40px 20px;background: #fff;border-radius: 6px;text-align: center;cursor: pointer;display: inline-block;}
.m_4 .tab_box .tab_item ul li:nth-child(3n){margin-right: 0px;}
.m_4 .tab_box .tab_item ul li i{display: block;width: 60px;height: 60px;margin: 0px auto;margin-bottom: 20px;transition: 0.5s;}
.m_4 .tab_box .tab_item ul li h3{font-size: 16px;color: #333;}
.m_4 .tab_box .tab_item ul li p{font-size: 14px;color: #666;margin-top: 10px;padding: 0px 10px;}
.m_4 .tab_box .tab_item ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.m_4 .tab_box .tab_item ul li:hover i{transform: rotate(15deg);transition: 0.3s;}
.yanshi table{width: 800px;margin: 50px auto 0px;overflow: hidden;border-spacing: 0px;border-radius: 4px;background: #fff;box-shadow: 0px 10px 20px rgba(0,0,0,0.08);padding-bottom: 20px;}
.yanshi table thead th{border-top: 4px solid #fc8832;padding: 0px;line-height: 60px;font-size: 16px;border-bottom: 1px solid #eee;text-align: left;padding-left: 50px;color: #333;}
.yanshi table tbody td{line-height: 50px;padding-left: 50px;font-size: 14px;color: #666;}
.yanshi table tbody td a{display: block;}
.yanshi table tbody td a:hover{color: #fc8832;}
.fangan ul{width: 1200px;margin: 50px auto 0px;}
.fangan ul li{width: 260px;margin: 0px 20px;float: left;box-shadow: 0px 10px 30px 0px rgba(83, 86, 90, 0.1);background: #fff;padding-bottom: 40px;border-radius: 6px;overflow: hidden;}
.fangan ul li i{display: block;width: 100%;height: 150px;background: #eee;}
.fangan ul li h3{font-size: 18px;text-align: center;margin-top: 40px;}
.fangan ul li a{margin-top: 30px;}
.fangan ul li:hover{transform: translateY(-30px);transition: all ease 300ms;}
.m_7{width: 100%;margin: 0px auto;padding: 60px 0px;background: linear-gradient(to right,#0e65f7,#124db5);}
.m_7 ul{width: 640px;margin: 0px auto;overflow: hidden;}
.m_7 ul li{width: 320px;float: left;text-align: center;font-size: 28px;color: #fff;}
.m_7 ul li a{background: linear-gradient(to left,#ffb83c,#ff8700);margin: 0px auto;}