.w_1200{width: 1200px; margin: 0 auto;}
.clr_sec{ color: #a6f4fe; }

.header{height: auto;width: 100%; position: relative; background: #fff; box-shadow: 0 0;}
.header .nav{position: absolute; left: 200px; top: 0; right: 0;}
.header .top{width: 100%; float: none; background: #f4f4f4;}
.header .top dl{line-height: 25px;}
.header .top dl dt{cursor: pointer;}
.header .top li{padding:5px 0; line-height: 15px; font-size: 12px; float: left;position: relative;}
.header .top li:hover .menu{display: block;}
.header .top li>a{ display: block; color: #888; padding: 0 10px; border-right: 1px solid #ccc;}
.header .top li>a:hover{color: #aa53a9;}
.header .top li:last-child>a{border-right: 0;}
.header .top li.tel a i{color: #7a3379; font-weight: 700;}
.header .top strong{padding-left:5px ;}
.header .top li .menu_list{width: 100%; top: 20px; left: -10px; padding-top: 7px; position: absolute;}
.header .top li .menu{ width: 100%; box-shadow: 0px -1px 3px rgba(0,0,0,0.5); position:relative; top: 0; left: 0;}

.header .logo{padding: 18px 0 14px; width: 1200px; height: auto;}
.header .logo img{height: 60px; }
.header .logo_search{margin-left: 80px;}
.header .logo_search .ipt_search{width: 470px; line-height: 30px; height: 34px; padding: 0 10px; border: 2px solid #7a3379;}
.header .logo_search .btn_search{line-height: 30px; height: 34px; padding: 0 20px; border: 2px solid #7a3379;}
.header .logo_search .btn_search2{line-height: 30px;display: inline-block; float: right; padding: 0 20px; border: 2px solid #ccc; margin-left: 20px;}
.header .logo_search p{margin-top: 5px;}
.header .logo_search p a{ color: #999; font-size: 12px; margin-right: 5px;}
.header .mycart a{display: inline-block; margin-top: 0px; padding: 5px 20px; line-height: 24px;}
.header .mycart a span{background: #fff; color: #7a3379; line-height: 14px; height: 14px; padding: 0 3px; margin-left: 5px; font-size: 12px; border-radius: 7px; display: inline-block;}

.header .nav_list1{line-height: 40px;background: #b8b; background: rgba(120,50,120,0.6);}
.header .nav_list1 li{float: left; padding: 0 20px;}
.header .nav_list1 li.right{float: right;}
.header .nav_list1 li:hover{background: #959;background: rgba(120,50,120,0.4);}
.header .nav_list1 li.cur{background: #7a3379;}

.banner_cont{ position: relative; width: 100%; height: 400px; border-bottom: 1px solid #ccc; overflow: hidden;}
.banner .pic{position: relative; width: 100%; height: 400px; overflow: hidden; z-index: 9;}
.banner .pic li{width: 100%; height: 400px; background: no-repeat center;display: none; position: absolute; left: 0; top: 0;}
.banner .pic li a{display: block; width: 100%; height: 100%;}
.banner .icon{position: absolute; z-index: 22; bottom: 10px; left: 50%; width: 1200px; margin-left: -600px; text-align: center;}
.banner .icon li{width: 20px; height: 8px; background: #fff; display: inline-block; margin: 0 2px; border-radius: 4px; border: 2px solid #888; cursor: pointer;}
.banner .icon li.cur{background: #7a3379; border:2px solid #fff;}
.banner .btn{display: none;}
.banner .btn>div{ position: absolute; z-index: 22; top: 50%; margin-top: -25px; left: 20px;}
.banner .btn>div.next{left: auto; right: 20px;}
.banner .btn i{ font-size: 40px;color: #7a3379; cursor: pointer;}
.banner_cont .notice{position: absolute;left: 50%; margin-left: 300px; width: 300px; top: 20px; bottom: 20px; z-index: 22; border-radius: 10px; padding: 20px; background: rgba(255,255,255,0.8);}
.banner_cont .notice .top{text-align: center; height: 70px; line-height: 25px; color: #666; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.banner_cont .notice .pic i{display: block; font-size: 50px; color: #7a3379;}
.banner_cont .notice .login{padding: 2px 20px; border-radius: 10px;line-height: 14px; box-shadow: 1px 1px 5px rgba(0,0,0,0.5);}
.banner_cont .notice h5{line-height: 30px;margin-top: 5px; font-size: 16px; }
.banner_cont .notice dl{margin: 7px 0;}
.banner_cont .notice dt{line-height: 15px;}
.banner_cont .notice dt b{width: 5px; height: 5px; background: #aaa; display: inline-block; margin-top: -5px;}
/* .banner_cont .notice dt b{width: 18px; height: 18px; background: #e00; display: inline-block; line-height: 18px;color: #fff; text-align: center;} */
.banner_cont .notice dt b.two{background: #0a3;}
.banner_cont .notice dt b.three{background: #06f;}
.banner_cont .notice dt b.four{background: #f06;}
.banner_cont .notice dd p{width: 245px; color: #333; height: 18px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.banner_cont .notice dd small{color: #999;}


.container{padding: 10px 0;}
.hot_pro{height: 250px; background: #e83632; overflow-x: hidden;}
.hot_pro .left{width: 212px;}
.hot_pro .right{width: 984px; color: #333; background: #fff; height: 100%; border: 2px solid #e83632; position: relative;}
.hot_pro .pro{position: relative; width: 100%; padding: 10px 30px; height: 100%; overflow-x: hidden; z-index: 9;}
.hot_pro .pro li{position: absolute; left: 30px; right: 30px; top: 10px; display: none;}
.hot_pro .pro li .box{width: 20%; float: left; padding: 5px; border-right: 1px solid #ccc;}
.hot_pro .pro li .box:last-child{border-right: 0;}
.hot_pro .pro li img{display: block; width: 86%; margin: 0 auto; transition: all 0.5s;}
.hot_pro .pro li img:hover{transform: scale(1.05);}
.hot_pro .pro li h5{line-height: 18px; height: 36px; width: 90%; margin: 0 auto; margin-bottom: 4px; font-weight: 400; overflow:hidden; font-size: 12px;}
.hot_pro .pro li h5 a{color: #333; transition: all 0.5s;}
.hot_pro .pro li h5 a:hover{color: #7a3379;}
.hot_pro .pro li p{font-size: 15px; margin-top: 5px; width: 90%; margin: 0 auto;}
.hot_pro .pro li p del{float: right; position: relative; margin-top: 3px;}
.hot_pro .icon{position: absolute; z-index: 22; bottom: 0px; left: 50%; width: 1200px; margin-left: -600px; text-align: center;}
.hot_pro .icon li{width: 10px; height: 10px; background: #fff; display: inline-block; margin: 0 2px; border-radius: 5px; border: 1px solid #888; cursor: pointer;}
.hot_pro .icon li.cur{background: #7a3379;}
.hot_pro .btn{display: none;}
.hot_pro .btn>div{ position: absolute; z-index: 22; top: 50%; width: 25px; height: 50px; margin-top: -25px; left: 0px; background: rgba(0,0,0,0.5);}
.hot_pro .btn>div.next{left: auto; right: 0px;}
.hot_pro .btn>div.next i{margin-left: 4px;}
.hot_pro .btn i{ font-size: 30px;color: #fff; cursor: pointer; padding-top: 10px;}

.advantage_pro{ /*background: url(../images/bg.jpg) no-repeat fixed center; background-size: cover;*/ width: 100%; padding: 10px 0; margin-top: 20px;}
.advantage_pro .section{padding:0 0 15px 0;}
.advantage_pro .title{width: 80px; height: 300px; background: #e4007f; color: #fff; padding: 20px; text-align: center;}
.advantage_pro .title p.floor{font-size: 36px; font-weight: 700;}
.advantage_pro .title p.name{font-size: 24px; margin-top: 50px;}
.advantage_pro .pic{width: 300px; height: 300px; float: left; background: #ccc; overflow: hidden; position: relative;}
/* .advantage_pro .pic::after{content: ''; display: block; width: 12px; height: 12px; background: #fff; position: absolute;right: -6px; top: 50%; transform: rotate(45deg); box-shadow: -1px 1px 3px rgba(0,0,0,0.5); margin-top: -5px;} */
.advantage_pro .pic img{width: 300px; height: 300px;}
.advantage_pro .pro{width: 820px; border-left: 0;}
.advantage_pro .pro dl{border-bottom: 1px solid #eee; height: 150px; background: #fff;}
.advantage_pro .pro dl:last-child{border-bottom: 0;}
.advantage_pro .pro dd{width: 820px; float: right;}
.advantage_pro .pro .box{width: 20%; height: 150px; float: left; padding: 5px; border-right: 1px solid #eee;}
.advantage_pro .pro .box:last-child{border-right: 0;}
.advantage_pro .pro img{display: block; width: 85px; height: 85px; margin: 0 auto; transition: all 0.5s;}
.advantage_pro .pro img:hover{transform: scale(1.05);}
.advantage_pro .pro h5{line-height: 15px; height: 30px;width:92%; margin: 0 auto;font-weight: 400; overflow:hidden; font-size: 12px;}
.advantage_pro .pro h5 a{color: #555;}
.advantage_pro .pro p{font-size: 13px; margin-top: 3px;width:90%; margin: 5px auto;/*letter-spacing: -0.05em;*/}
.advantage_pro .pro p del{float: right; margin-top:2px;}

.advantage_pro .box2F .title{background: #1299aa;}
.advantage_pro .box3F .title{background: #e46100;}
.advantage_pro .box4F .title{background: #aa03cd;}
.advantage_pro .box5F .title{background: #1ba200;}

.footer{border-top: 2px solid #7a3379; background: #e6e6e6; margin: 0; padding: 1px; height: auto; position: relative;}
.footer .pic{border-bottom: 1px solid #ccc;}
.footer .pic img{width: 100%;}
.footer .bottom{background: #fff; text-align: center; padding: 5px 0; color: #666; line-height: 20px; font-size: 12px;}
.footer .bottom img{height: 40px; margin-bottom: 8px;}