@charset "utf-8";
html{min-width: 1200px;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
body{font-size:14px; margin:0px;color:#333;font-family:"Microsoft YaHei"; background: #fff;}
/**{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}*/
ul,ol,li{list-style:none;}
input,button{margin:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
em,i{ font-style:normal;}
p img {display: inline-block;}
a{ color: #333;outline: none!important; text-decoration: none;}
a:focus,a:hover {text-decoration: none;}
.clear{ clear: both; height: 0px; border: none; padding: 0; margin: 0; line-height: 0px;}
.w1000{width: 1000px;}
.w1010{width: 1010px;}
.w1200{width: 1200px;}
.w619{width: 619px;}
.w361{width: 361px;}
.w320{ width: 320px;}
.plr15{padding: 0px 15px;}
.ml20{margin-left: 20px;}
.m{ margin: 0px auto;}
.l{float: left; display: inline;}
.r{float: right; display: inline;}
.x{position: relative; z-index: 1;}
.x2{position: relative; z-index: 2;}
.j{position: absolute; z-index: 4;}
.lin10{ margin-top: 10px;}
.ov{overflow: hidden;}
/*通用end*/
/*top*/
/*top*/
.top{height: 100px; line-height: 100px; background: #fff; border-bottom: 1px solid #644A6C;}
.top_nav{overflow: hidden; width: 505px;}
.top_nav .a1{ float: right; display: inline; width: 135px; text-align: center; font-size: 14px; font-weight: bold; color: #333; height: 100px; transition:0.2s all; -webkit-transition: 0.2s all; line-height: 100px;}
.top_nav a:hover{ height: 90px; color: #842f2f; border-top: 10px solid #f00; line-height: 90px;}
.top_nav .a2{float: right; display: inline; width: 100px; background: url(../images/search.png) center center no-repeat; text-align: center; font-size: 14px; color: #333; height: 100px; transition:0.2s all; -webkit-transition: 0.2s all; line-height: 95px;}
.top_nav .search_ipt{width: 0px; overflow: hidden;}
.top_nav .a1 input{width: 127px; display: block; margin-top: 25px; height: 40px; line-height: 40px; outline: none; color: #333; transition: 0.2s all; -webkit-transition: 0.2s all; border: 1px solid #ddd; padding-left: 5px;}
.top_nav .a1 input:focus{border: 1px solid #007AFF;}
/*nav*/
.nav{ font-size: 14px; font-weight: bold; text-align: center; z-index: 4; background: #fff; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd;}
.nav li{display: inline-block; position: relative; z-index: 6; background: #fff; height: 50px; *display: inline; *zoom: 1;}
.nav .a1{margin: 0px; text-transform: uppercase; height: 50px; display: block; color: #333; border-bottom:0px solid #644A6C; padding: 0px 20px; transition:0.05s all; -webkit-transition: 0.05s all;}
.nav li:hover .a1,.nav li .a1.select{border-bottom: 10px solid #644a6c; height: 40px;}
.nav .menu{left: 0px; top: 50px; z-index: 4; display: none; background: #f7f7f7; border-bottom: 5px solid #644A6C;}
.nav .menu .nr{ overflow: hidden; width: 220px;}
.nav .menu .nr1{ overflow: hidden; width: 220px;}
.nav .menu .nr2{ overflow: hidden; width: 440px;}
.nav .menu .nr3{ overflow: hidden; width: 440px;}
.nav .menu .nr4{ overflow: hidden; width: 220px;}
.nav .menu .a2{ font-size: 16px; border-bottom: 1px solid #644A6C; margin-bottom: 10px;}
.nav .menu .a3{float: left; display: inline; overflow: hidden; width: 220px; text-align: left;}
.nav .menu .a3 a{ display: block; padding: 0px 15px; height: 35px; line-height: 35px; border-bottom: 1px solid #ddd; font-weight: normal; font-size: 12px;}
.nav .menu .a3 a:hover{text-decoration: underline; background: #f0f0f0; color: #666;}

/*ftnav*/
.ftnav{ font-size: 14px; font-weight: bold; text-align: center; overflow: hidden; height: 50px; line-height: 50px; border-bottom: 1px solid #644A6C;}
.ftnav a{margin: 0px; text-transform: uppercase; display: inline-block; height: 50px; *display: inline; *zoom: 1; color: #333; border-bottom:0px solid #644A6C; padding: 0px 20px; transition:0.05s all; -webkit-transition: 0.05s all;}
.ftnav a:hover,.nav a.select{border-bottom: 10px solid #644a6c; height: 40px;}
/*banner*/
.banner{position: relative; z-index: 1;}
.banner .bd{overflow: hidden;}
.banner .bd li{ width: 100%; float: left; display: inline; clear: both; overflow: hidden; text-align: center;}
.banner .bd a.a1{display: block; width: 100%; height: 313px; clear: both;}
.banner .bd .nr{ display: block; background: #f7f7f7; min-width: 500px; padding: 37px 15px 10px; max-width: 500px; margin: -50px auto 0px; overflow: hidden;}
.banner .bd .nr a{color: #333; font-weight: bold; font-size: 14px;}
.banner .bd .nr p{font-size: 12px; line-height: 20px; color: #333; margin-top: 5px; text-align: left;}
.banner .hd{ text-align: center; position: absolute; z-index: 4; top: 280px; width: 100%;}
.banner .hd ul{margin-left: -10px; text-align: center; clear: both; overflow: hidden;}
.banner .hd li{ width: 45px; cursor: pointer; height: 10px; display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; background: #fff;}
.banner .hd li.on{ background: #644A6C;}
.xbanner{text-align: center;}
.xbanner a.a1{ display: block; width: 100%; height: 214px;}
.banner .nr{position: relative; z-index: 2; display: block; background: #f7f7f7; border-bottom: 5px solid #c61717; min-width: 500px; text-align: center; padding: 37px 15px 10px; max-width: 500px; margin: -50px auto 0px; overflow: hidden;}
.banner .nr a{color: #333; font-weight: bold; font-size: 14px;}
.banner .nr p{font-size: 12px; line-height: 20px; color: #333; margin-top: 5px; text-align: left;}
.xbanner .nr{ display: inline-block; *display: inline; *zoom: 1; background: #f7f7f7; border-bottom: 5px solid #c61717; text-align: center; padding: 10px 15px; max-width: 500px; margin-top: -30px; overflow: hidden;}
.xbanner .nr a{color: #333; font-weight: bold; font-size: 14px;}
.xbanner .nr p{font-size: 12px; line-height: 20px; color: #333; margin-top: 5px; text-align: left;}
/*.main1*/
.main1{ margin: 20px auto 0px; min-height: 356px; width: 1180px; overflow: hidden; background: #f7f7f7; padding: 20px 10px;}
.main1 .bt{ font-size: 22px; color: #333; display: block; text-align: center; height: 40px; line-height: 40px; text-transform: uppercase;}
.main1 .prev2{ left: 0px; top: 150px; line-height: 58px; border: 1px solid #fff; display: block; z-index: 4; cursor: pointer; width: 60px; height: 60px; background: #fff; color: #644A6C; font-size: 40px; text-align: center; transition: 0.2s all; -webkit-transition: 0.2s all;}
.main1 .next2{ right: 0px; top: 150px; line-height: 58px; border: 1px solid #fff; display: block; z-index: 4; cursor: pointer; width: 60px; height: 60px; background: #fff; color: #644A6C; font-size: 40px; text-align: center; transition: 0.2s all; -webkit-transition: 0.2s all;}
.main1 .prev:hover,.main1 .next:hover{ background: #644A6C; color: #fff;}
.pic_list li{width: 275px; float: left; display: inline; margin: 20px 10px 0px; overflow: hidden;    height: 276px;}
.pic_list li img{ position: relative; z-index: 1; width: 100%; display: block; transition: 0.2s all; -webkit-transition: 0.2s all;}
.pic_list li img:hover{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.pic_list li .nr{width: 230px; min-height: 104px; padding: 10px 15px; margin: -30px auto 0px; position: relative; z-index: 2; background: #fff; border-bottom: 5px solid #c61717;}
.pic_list li .nr .a1{ line-height: 40px; font-size: 14px; font-weight: bold; color: #333; display: inline-block; *display: inline; *zoom: 1;}
.pic_list li .nr p{font-size: 12px; color: #333; line-height: 22px;}
/*.main2*/
.main2{ margin: 20px auto 0px; width: 1200px; overflow: hidden; background: #644a6c; height: 357px;}
.main2 img{transition: 0.2s all; -webkit-transition: 0.2s all;}
.main2 img:hover{transform: scale(1.1); -webkit-transform: scale(1.1);}
.main2 .m2_left{ width: 500px; padding: 50px 50px 0px; overflow: hidden;}
.m2_left .a1{font-size: 30px; color: #fff; font-weight: bold; line-height: 50qpx; margin-top: 40px; text-transform: uppercase; display: inline-block; *display: inline; *zoom: 1;}
.m2_left p{ font-size: 12px; color: #fff; line-height: 22px; margin-top: 10px;}
.m2_left .a2{ width: 503px; height: 68px; line-height: 70px; background: #fff; border: 1px solid #fff; display: block; margin: 40px auto 0px; text-align: center; font-size: 14px; color: #644a6c; transition: 0.2s all; -webkit-transition: 0.2s all;}
.m2_left .a2:hover{ background: #644a6c; color: #fff;}
.main2 .hd{ text-align: center; position: absolute; z-index: 4; top: 320px; width: 100%;}
.main2 .hd ul{margin-left: -10px; text-align: center; clear: both; overflow: hidden; padding-left: 220px;}
.main2 .hd li{ width: 45px; cursor: pointer; height: 10px; display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; background: #fff;}
.main2 .hd li.on{ background: #644A6C;}
/*footer*/
.footer{clear: both; overflow: hidden; padding: 20px;}
.footer p{ font-size: 14px; color: #333; line-height: 25px;}
.footer p span{color: #333; margin-right: 20px;}
/*位置*/
.location{ width: 1160px; margin: 0px auto; padding: 20px 20px 0px; overflow: hidden; font-size: 16px;}
.location a{ color: #333;}
.location span{ color: #333;}
/*产品分类*/
.chanpin_fenlei{width: 1200px; background: #644A6C; margin: 20px auto 0px; width: 1180px; overflow: hidden; padding: 20px 10px 10px;}
.chanpin_fenlei a{width: 273px; float: left; display: inline; color: #fff; height: 38px; margin: 0px 10px 10px; text-align: center; line-height: 38px; border: 1px solid #fff; overflow: hidden;}
.chanpin_fenlei a:hover{ background: #fff; color: #644A6C;}
.chanpin_fenlei a.on{ background: #fff; color: #644A6C;}
/*分页*/


/*开始*/
.list_left{width: 320px; overflow: hidden;}
.list_left .s1{ margin-top: 20px; display: block;  font-size: 22px; color: #fff; font-weight: bold; text-align: center;  line-height: 50px;background: #c61717;/*background: #644A6C;*/}
.list_left li{float: left; display: inline; clear: both; width: 100%; line-height: 50px; font-size: 14px; color: #333; border-bottom: 1px solid #ddd;}
.list_left li .a1{display: block; overflow: hidden; height: 50px; line-height: 50px;}
.list_left li .a2{display: block; overflow: hidden; height: 50px; line-height: 50px; padding-left: 20px;}
.list_left li .s2{}
.list_left li .s3{color: #c61717; width: 25px; text-align: right; margin-right: 10px; font-size: 22px;}
.list_left li.select .a1,.list_left li:hover .a1{ background: #f7f7f7; border-left: 3px solid #c61717; padding-left: 10px;}
.list_right{width: 860px; overflow: hidden; margin-top: 20px;}
/*文章页new*/
.article2{ margin: 0px auto 0px; min-height: 356px; overflow: hidden; padding: 0px 10px 20px;}
.article2 h1{text-align: center; line-height: 40px; margin-bottom: 20px;}
.article2 .zuozhe2{ overflow: hidden; width: 100%; text-align: center; border-bottom: 1px solid #ddd;}
.article2 .wznr{ padding: 10px 0px; overflow: hidden;}
.article2 .wznr p{font-size: 14px; color: #404040; line-height: 25px; margin-top: 10px;}
/*文章页*/
.article{ margin: 20px auto 0px; min-height: 356px; overflow: hidden; padding: 20px 10px;}
.article h1{text-align: center; line-height: 40px; margin-bottom: 20px;}
.article .zuozhe{ overflow: hidden; width: 100%; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.article .zuozhe span{display: inline-block; *display: inline; *zoom: 1; font-size: 14px; color: #333;}
.article .wznr{ padding: 10px 0px; overflow: hidden;}
.article .wznr p{font-size: 14px; color: #404040; line-height: 25px; margin-top: 10px;}
/*end*/

/*文字列表*/
.list1{ margin: 0px auto; min-height: 356px; width: 1180px; overflow: hidden; background: #fff; padding: 20px 10px;}
.wz_list li{width: 100%; float: left; display: inline; border-bottom: 1px solid #ddd; overflow: hidden; padding: 15px 0px;}
.wz_list li h3{ font-size: 20px; line-height: 30px;}
.wz_list li h3 a{color: #333;}
.wz_list li h3 a:hover{color: #f00; text-decoration: underline;}
.wz_list li .nr span{ font-size: 14px; color: #404040;}
.wz_list li .nr p{font-size: 12px; color: #404040; line-height: 22px; margin-top: 10px;}
/*文章页*/
.article{ margin: 20px auto 0px; min-height: 356px; width: 1180px; overflow: hidden; padding: 20px 10px;}
.article h1{text-align: center; line-height: 40px; margin-bottom: 20px;}
.article .zuozhe{ overflow: hidden; width: 100%; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.article .zuozhe span{display: inline-block; *display: inline; *zoom: 1; font-size: 14px; color: #333;}
.article .wznr{ padding: 10px 0px; overflow: hidden;}
.article .wznr p{font-size: 14px; color: #404040; line-height: 25px; margin-top: 10px;}
/*返回顶部*/
.fh_top{position: fixed; display: none; bottom: 100px; right: 20px; z-index: 9999999; text-align: center; text-transform: uppercase; font-size: 18px; color: #644A6C; background: #fff; border: 1px solid #ddd; line-height: 40px; width: 50px; height: 50px; cursor: pointer; transition: 0.2s all; -webkit-transition: 0.2s all;}
.fh_top:hover{background: #644A6C; color: #fff; border: 1px solid #fff;}
/*feedback页*/
.feedback{ margin: 20px auto 0px; min-height: 356px; width: 1180px; overflow: hidden; padding: 20px 10px;}
.feedback .jj{font-size: 14px; color: #333; line-height: 25px; margin-bottom: 30px;}
.feedback .a1{ color: #00A2FF; margin-bottom: 20px; float: left; display: inline;}
.feedback .a1:hover{text-decoration:underline;}
.feedback h1{ font-size: 20px; line-height: 30px; text-transform: uppercase; margin-bottom: 20px;}
.feedback li{ width: 100%; float: left; display: inline; clear: both; margin-bottom: 10px;}
.feedback li .group1{float: left; display: inline; width: 300px; margin-right: 20px;}
.feedback li .group2{float: left; display: inline; width: 620px; margin-right: 20px;}
.feedback li label{display: block; font-size: 14px; color: #333; height: 30px; line-height: 30px;}
.feedback li input{border: 1px solid #644A6C; font-size: 14px; height: 25px; line-height: 25px; padding: 5px; color: #333; font-family: "微软雅黑";}
.feedback li .group1 input{ width: 288px;}
.feedback li .group2 input,textarea{ width: 608px;}
.feedback li textarea{border: 1px solid #644A6C; padding: 5px; color: #333; line-height: 25px; font-family: "微软雅黑";}
.feedback li input#ty{ width: 14px; height: 14px; margin-top: 5px; float: left; display: inline; line-height: 25px;}
.feedback li .label1{ color: #f00;}
.feedback li .label2{line-height: 25px; float: left; display: inline; margin-left: 5px;}
.feedback li .btn{ width: 100px; background: #644A6C; cursor: pointer; color: #fff; border: 1px solid #644A6C; text-align: center; height: 40px; line-height: 40px; display: block;}
.feedback li .btn:hover{ background: #fff; color: #644A6C; border: 1px solid #644A6C;}