@charset "utf-8";

.text_zi{color:#c8161d;}

.scrollbar::-webkit-scrollbar{width:5px; background-color:#484848;}	/*滚动条整体部分*/
.scrollbar::-webkit-scrollbar-thumb{background-color:#484848; border-radius:10px;}	/*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
.scrollbar::-webkit-scrollbar-track{background-color:#fff;}	/*滚动条的轨道（里面装有Thumb）*/
.scrollbar::-webkit-scrollbar-button{}	/*滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。*/
.scrollbar::-webkit-scrollbar-track-piece{}	/*内层轨道，滚动条中间部分（除去）*/
.scrollbar::-webkit-scrollbar-corner{}	/*边角，即两个滚动条的交汇处*/
.scrollbar::-webkit-resizer{}	/*两个滚动条的交汇处上用于通过拖动调整元素大小的小控件*/

body{min-width:1200px; background:#FBF6E3;}

.auto{width:1200px; margin:auto;}
.auto2{width:1050px; margin:auto;}

/*
.head{width:100%; padding-top:50px; background:#FBF6E3;}
.logo{margin-top:10px;}
.nav{border-top:1px solid #C1A274; margin-top:10px; height:68px;}
.nav li{width:140px; height:68px; display:inline-block; text-align:center; margin:0 10px; position:relative; top:-45px;}
.nav li:first-child{margin-left:0;}
.nav li:last-child{margin-right:0;}
.nav li a{width:100%; height:100%; display:block; font-size:16px; line-height:20px; color:#333;}
.nav li a span{color:#c8161d; font-size:14px;}
.nav li a:hover, .nav li a.on{color:#c8161d;}
.nav .jiuBei{position:relative; top:-118px;}
*/
.head{background:#fff;}
.nav{background:#fbf6e3; border-top:1px solid #cd3137; height:66px; text-align:center;}
.nav li{display:inline-block;}
.nav a{display:inline-block; font-size:13px; line-height:18px; color:#333; padding:15px 25px; margin:0 30px;}
.nav a span{color:#cd3137;}
.nav a:hover{background:#cd3137; color:#fff;}
.nav a:hover span{color:#fff;}


.banner{overflow:hidden; position:relative;}
.banner .bd{overflow:hidden;}
.banner .bd li{width:100%; float:left;}
.banner .hd{width:100%; position:absolute; left:0; bottom:10px; text-align:center; display:none;}
.banner .hd li{display:inline-block; _display:inline; width:10px; height:10px; margin:0 5px; border-radius:10px; cursor:pointer; background:#999;}
.banner .hd li.on{background:#ff3831;}
.banner .prev, .banner .next{width:50px; height:68px; text-align:center; font-size:50px; line-height:68px; color:#fff; font-weight:bold; position:absolute; top:50%; margin-top:-10px;}
.banner .prev{left:100px;}
.banner .next{right:100px;}
.banner .prevStop{opacity:0.2; filter:Alpha(opacity=20);}
.banner .nextStop{opacity:0.2; filter:Alpha(opacity=20);}


.iClass div{border-bottom:1px solid #333; margin-top:40px;}
.iClass a{font-size:20px; margin:0 30px; color:#333; line-height:70px;}
.iClass a:hover{color:#c8161d;}


.iPro{border-bottom:1px solid #333;}
#iPro{position:relative; margin-top:70px; margin-bottom:60px;}
#iPro .bd{margin:0 62px;}
#iPro .bd li{width:248px; float:left; margin:0 10px; text-align:center; border:1px solid #333;}
#iPro .bd li div{width:100%; height:300px; background:#fff; line-height:300px;}
#iPro .bd li:hover{border-color:#c8161d;}
#iPro .bd li img{max-width:100%; max-height:100%;}
#iPro .bd li b{display:none; background:#a0a0a0; line-height:30px;}
#iPro .bd li a:hover b{background:#b00000;}
#iPro .bd li a{color:#fff;}
#iPro .prev, #iPro .next{width:54px; height:54px; position:absolute; top:50%; margin-top:-27px;}
#iPro .prev{left:0;}
#iPro .next{right:0;}
#iPro .prevStop, #iPro .nextStop{opacity:0.3; filter:Alpha(opacity=30);}
.iPro .more{border:1px solid #333; background:#fff; font-size:18px; color:#333; padding:6px 15px; position:relative; top:13px;}
.iPro .more:hover{border-color:#c8161d; background:#c8161d; color:#fff;}


.iabout{margin-top:80px;}
.iabout .centBg{background:url(../images/aboutBg.jpg) center no-repeat; height:700px; margin-top:30px;}
.iabout .cent{position:relative; top:-7px; left:-10px;}
.iabout .cent .name{color:#000; font-size:22px; margin-bottom:5px;}
.iabout .cent .text{width:620px; padding-right:10px; overflow:hidden; overflow-y:auto; height:550px; margin:80px 40px 0;}
.iabout .cent .text img{width:100%;}
.iabout .cent a.more{background:#c8161d;; color:#fff; padding:5px 20px; float:right;}
.iabout .cent .img{margin:80px 20px 0 0;}


.iyoushi{margin-top:80px;}
.iyoushi .centBg{margin-top:40px;}
.iyoushi .centBg img{margin:0 10px; border:4px solid #FBF6E3; border-radius:50%;}
.iyoushi .centBg img:hover{border-color:#c8161d;}


.iliucheng{margin-top:80px;}
.iliucheng .centBg{margin-top:40px;}


.foot_menu{background:#c8161d; font-size:22px; color:#fff; margin-top:100px; padding-bottom:20px;}
.foot_menu .til{width:85px; background:#fff; color:#c8161d; font-size:16px; line-height:30px; font-weight:bold; padding:10px 0 5px;}
.foot_menu .til span{font-size:40px;}
.foot_contact{margin-top:40px; line-height:30px;}
.foot_contact .t{font-size:34px; line-height:40px; margin-bottom:10px;}
.foot_contact p{margin:0;}
.foot_menu .qrBox{position:relative; top:-30px;}
.foot_menu .qr{width:140px; border:10px solid #fff;}
.footer{background:#a3151a; height:61px; overflow:hidden; line-height:61px; font-size:16px; color:#fff;}
.footer a{color:#fff;}



.class{width:240px; float:left; background:#f4f4f4;}
.class .til{background:#c8161d; height:42px; line-height:42px; color:#fff; font-size:18px; font-weight:bold;}
.class .til span{margin:0 10px 0 10px; font-size:24px;}
.class li a{width:100%; height:60px; display:block; line-height:60px; font-size:22px; font-weight:bold; color:#333; border-bottom:1px solid #e6e6e6; position:relative; text-indent:45px;}
.class li a span{background:#000; color:#fff; width:24px; height:24px; line-height:24px; text-align:center; display:inline-block; margin:0 10px 0 20px; position:absolute; left:-10px; top:18px; text-indent:0;}
.class li a span.on{font-weight:bold; font-size:20px;}
.class li li a{font-size:12px; text-indent:45px; font-weight:normal;}
.class li li a span{background:#000; color:#fff; width:16px; height:16px; line-height:16px; text-align:center; display:inline-block; margin:0 10px 0 20px; text-indent:0; left:0; top:22px;}
.class li li li a{font-size:12px; text-indent:75px;}
.class li.this > a, .class li a:hover, .class li a.on{background:#c8161d; color:#fff;}


.product .imgListBox{width:940px; float:right;}
.product .imgListBox h2{color:#EC6C00;}
.product .imgListBox li{width:280px; float:left; margin:0 10px 20px; text-align:center; border:1px solid #666; background:#fff;}
.product .imgListBox li .pic{width:100%; height:280px; /*display:table-cell; vertical-align:middle; line-height:280px;*/ margin-bottom:10px;}
.product .imgListBox li .pic img{max-width:100%; max-height:100%;}
.product .imgListBox li .name{width:221px; height:35px; background:url(../images/2017-06-03_200311.jpg) no-repeat; margin:15px auto; line-height:35px; color:#fff;}
.product .imgListBox li a{color:#fff; font-size:14px;}
.product .imgListBox li:hover{border-color:#c8161d;}
.product .imgListBox li:hover a{color:#fff;}


.product .dt{width:550px; float:left; text-align:center;}
.product .dt img{max-width:100%;}
.product .dt a.bon img{width:40px;}
.product .info{width:290px; float:left; margin:50px 0 0 20px; font-size:14px; color:#333;}
.product .info li{line-height:30px;}
.product .info li b{width:60px; margin-right:20px; height:30px; display:inline-block;}
.product .cs{margin-top:80px;}
.product .cs .til{border-bottom:1px solid #999; margin-bottom:10px;}
.product .cs .til b{background:#5e5e5e; font-size:16px; font-weight:normal; padding:5px 20px;}
.product .orderList{margin-top:80px;}
.product .orderList .til{border-bottom:1px solid #999; margin-bottom:10px;}
.product .orderList .til b{background:#5e5e5e; font-size:16px; font-weight:normal; padding:5px 20px;}
.product .sxy{margin:40px 0 20px; color:#333;}
.product .sxy a{color:#333;}








.about .imgListRoll{overflow:hidden; position:relative;}
.about .imgListRoll .bd{margin:0 25px; overflow:hidden;}
.about .imgListRoll .bd li{width:410px; float:left; margin:0 20px; text-align:center;}
.about .imgListRoll .bd li img{width:100%; border-radius:10px;}
.about .imgListRoll .bd li a{color:#7e7e7e;}
.about .imgListRoll .jiantou{top:50%; margin-top:-10px; font-size:30px;}
.about .imgListRoll .prev{left:0;}
.about .imgListRoll .next{right:0;}

.about .imgListBox li{width:330px; display:inline-block; float:left; position:relative; margin:0 10px 20px; text-align:center;}
.about .imgListBox li a{color:#fff;}
.about .imgListBox li .pic img{width:100%; height:200px;}
.about .imgListBox li .name{width:90%; padding:0 5%; position:absolute; left:0; bottom:0; background:#df6d40; line-height:40px; font-size:16px; display:none;}
.about .imgListBox li:hover .name{display:block;}


.classInfo_proList{width:880px; float:right;}
.classInfo h2{color:#EC6C00;}
.classInfo .text{width:340px; float:left;}
.classInfo img{width:500px; float:right;}



.news .title{border-bottom:1px solid #ccc; position:relative; font-size:30px; padding-bottom:10px; position:relative; line-height:34px; margin-top:40px;}
.news .title i{width:50px; height:5px; display:block; background:#84C43C; position:absolute; bottom:-3px; left:50%; margin-left:-25px;}

.newsClass{margin-top:40px; text-align:right;}
.newsClass li{display:inline-block; margin:0 5px; position:relative;}
.newsClass li a{padding:3px 20px; color:#333;}
.newsClass li i{width:0; height:0; position:absolute; bottom:-5px; left:50%; margin-left:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:7px solid #679FD2; opacity:0; filter:alpha(opacity=0);}
.newsClass li a:hover, .newsClass li.on a{background:#679FD2; color:#fff;}
.newsClass li a:hover i, .newsClass li.on i{opacity:1; filter:alpha(opacity=100);}

.newsList li{width:100%; display:inline-block; margin-top:30px; background:#EFEFEF;}
.newsList li .time{width:110px; float:left; height:105px; padding-top:25px; text-align:center; background:#70B5FF url(../images/time_icon.png) center 90px no-repeat; color:#666;}
.newsList li .time b{font-size:26px; font-weight:normal; color:#fff;}
.newsList li .text{width:800px; float:left; margin-left:30px; padding:15px 0 5px;}
.newsList li .text b{display:block; font-size:16px; font-weight:normal;}
.newsList li .text p{margin:10px 0 15px; line-height:20px; color:#555;}

.news .sxy{margin:40px 0 20px; color:#333;}
.news .sxy a{color:#333;}


.feedback{background:url(../images/hongjiu.jpg) right center no-repeat}
.feedback .title{font-size:38px; padding-bottom:10px; position:relative; line-height:34px; margin-top:40px;}
.feedback .text{font-size:38px; line-height:40px; margin:130px 0 30px;}
.feedback .text b{font-size:32px;}
.feedback li{width:25%; height:40px; line-height:40px; color:#999; border:none; text-indent:10px; margin-bottom:10px;}
.feedback li .txt{width:60%; height:100%;}
.feedback li.clear{width:100%; height:360px; text-indent:0;}
.feedback li textarea{width:626px; height:340px; margin:0; padding:5px 1%; padding-right:600px;}
.feedback li input, .feedback li textarea{border:none; color:#333; border:1px solid #333; background:none;}
.feedback .but{width:20%; height:40px; display:block; border:0; background:#c8161d; font-size:16px; font-weight:bold; color:#fff; margin:20px auto 0;}
.feedback a{color:#333; position:relative; top:5px;}


.contact .title{border-bottom:1px solid #ccc; position:relative; font-size:38px; padding-bottom:10px; position:relative; line-height:34px; margin-top:40px;}
.contact .title i{width:50px; height:5px; display:block; background:#c8161d; position:absolute; bottom:-3px; left:50%; margin-left:-25px;}
.contact .centent{font-size:18px; margin-top:50px;}


.page{text-align:center; margin:30px 0;}