body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#eb2914;}
img{ border:0;}
ul li{list-style:none;}
.warp { width:1200px; margin:0 auto;} 
.inp_one { width:200px; height:25px; line-height:25px;}
.inp_small { width:100px; height:25px; line-height:25px;}
#VCode { cursor:pointer;}
.mt { margin-top:15px;}
.blue { color:#0037FF;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;outline:none}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#ddd;} 
:-moz-placeholder { color:#ddd;} 
::-moz-placeholder { color:#ddd;}
:-ms-input-placeholder { color:#ddd;} 

/*top*/
.header { width:100%; height:203px; margin:0 auto; position:relative;}
.header .logo { float:left; height:89px; overflow:hidden; margin-top:75px;}
.header .logo img{ display:block; height:89px;}

.header .rgtx { float:right;}
.header .rgtx .tel { float:right; background:url(../images/tel.png) no-repeat center left; height:50px; padding-left:80px; font-size:28px; color:#000000; margin:40px 0 20px 0;}
.header .rgtx .search{  float:right; width:134px; height:24px; background:url(../images/search.jpg) no-repeat center center; margin-top:12px;} 
.header .rgtx .search form{position:relative;}
.header .rgtx .search input {outline:none; display:block; float:left; border:none; height:21px; line-height:25px; margin:1px 0 0 40px;}
.header .rgtx .search .tit { color:#333; width:50%; background:#fff;}
.header .rgtx .search .wzd{position:absolute;top:1px;left:16px;height:19px;line-height:21px;color:#666; width:70%; background:#fff;}
.header .rgtx .search .stxt{display:none;position:absolute;top:1px;left:7px;height:19px;line-height:21px;color:#666; background:#fff;}
.header .rgtx .search .stxt .sx{cursor:pointer;position:absolute;top:-4px;right:-8px;}
.header .rgtx .search .djs { width:20%;background:none; margin:1px 0;}
.header .rgtx .search form .ul{display:none;width:100%;border:1px solid #000;position:absolute;top:25px;left:0;}
.header .rgtx .search form .ul li{width:100%;text-align:center}
.header .rgtx .search form .ul li a{display:block;border-bottom:1px solid #000;line-height:25px}
/*导航*/
.nav {float:right; margin:0 auto; height:50px; line-height:50px; z-index:999;}
.nav li { margin:0 20px; float:left; text-align:center;}
.nav li a { display:block; font-size:25px; color:#060001;}
.nav li:hover ul { display:block;}
.nav li ul { display:none; position:absolute; top:165px; right:0; background:rgba(0,0,0,0.7); width:100%; overflow:hidden; z-index:999;}
.nav li li { float:none; width:1200px; margin:0 auto; line-height:40px; border-top:1px solid #a1a3a5; text-align:left; font-size:16px; color:#fff; padding:20px 0;}
.nav li li:last-child { padding-bottom: 50px ;}
.nav li li h1 { font-size:18px; color:#fff; padding:0 20px 10px 20px;}
.nav li li .nav1 {position:relative;min-height:40px; padding-left:120px; word-wrap:break-word; line-height:30px; margin-bottom:5px;}
.nav li li .nav1 span{ display:inline-block; padding:5px 20px; background:rgba(87,87,87,0.7); font-size:16px; color:#fff; position:absolute;
    left:0;}

.nav li li a { display:inline-block; color:#fff; font-size:14px; padding:0 10px;}
.nav li li a.hover,.nav li li a:hover { color:#c3a567;}

.nav li:hover,.nav li.hover{ border-bottom:5px solid #C3A567;}
.nav li:hover li ,.nav li.hover li{ border-bottom:none;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .hd { width:100%; position:absolute; bottom:10px; text-align:center; z-index:1; font-size:0; display:none;}
.banner .hd li{ display:inline-block; width:20px;height:20px; background:#fff; margin:0 8px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.banner .hd li.on{ background:#b38b35;}
.banner .bd { width:100%; position:relative; z-index:0;}
.banner .bd li { width:100%; position:relative;}
.banner .bd li a { display:block; width:100%;}
.banner .bd img { display:block; width:100%;}
.banner .prev,.banner .next { position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:47px; height:90px; background:url(../images/bnt_bn_prev.png) 0px 0px no-repeat; filter:alpha(opacity=50); opacity:0.5;}
.banner .next { left:auto; right:3%; background-image:url(../images/bnt_bn_next.png);}
.banner .prev:hover,.banner .next:hover { filter:alpha(opacity=100); opacity:1;}

.banner_ej { width:100%; margin:0 auto;}
.banner_ej img { width:100%;}

/*友情链接*/
.link { background:#f4f4f4; padding:10px 50px; color:#666; font-size:14px; line-height:35px; margin:20px auto 0 auto;}
.link a { color:#d7d7d7; margin:0 10px 0 15px; color:#666;}

/*脚部*/
.footer { width:100%; margin-top:20px; height:361px; background:url(../images/footer.jpg) repeat-x center top; line-height:40px; color:#fff; padding-top:95px; overflow:hidden;}
.footer a { color:#fff;}
.footer .fotlf { float:left; width:415px;}
.footer .fotlf h1{font-size:30px; color:#b8995e; font-weight:normal;}
.footer .fotlf .cont{ font-size:30px; color:#fff;}
.footer .fotlf .cont a{ display:inline-block; width:50px;height:50px; background-position:center center; background-repeat:no-repeat; position:relative; top:15px;}
.footer .fotlf .cont .wx{ background-image:url(../images/wx.png);}
.footer .fotlf .cont .qq{ background-image:url(../images/wqq.png);}
.footer .fotlf .cont .wb{ background-image:url(../images/wb.png);}
.footer .fotlf .cont .wx img{ display:block; width:120px; height:120px; position:absolute; bottom:55px ; left:-38px; opacity:0;}
.footer .fotlf .cont .wx:hover img{ opacity:1;}
.footer .fotlf .fotnav  {  margin-top:40px;}
.footer .fotlf .fotnav a { font-size:17px; margin-right:10px;}

.footer .fcenter { float:left; width:450px; padding:0 30px; margin:0 30px; border-left:2px solid #fff; border-right:2px solid #fff;}
.footer .fcenter p{ font-size:24px; margin:5px 0;}
.footer .fotrt { float:right; width:180px;}
.footer .fotrt img{ display:block; width:180px; height:180px;}
.footer .bottom{ text-align:center; margin:30px auto;}
 .bot{ display:block;width:100%; height:92px; background:url(../images/bot.jpg) repeat-x center top;}


.footer .sitecode { display:inline-block;width:100px; margin:10px auto 0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*在线客服*/
.hide {display:none;}
#leftsead{width:160px; background:url(../images/gj.png) no-repeat center top; padding-top:128px; position:fixed;bottom:10px;right:0px; z-index:100;}
#leftsead ul{ background:#5F9FB8; padding-bottom:20px;}
#leftsead li{width:131px;height:50px; border-bottom:1px dashed #ddd;margin:3px 15px 0 15px;}
#leftsead li a{ display:block; height:50px; line-height:50px; min-width:47px;max-width:161px; color:#eee;}
#leftsead li a.qq{background:url(../images/tqq.png) no-repeat center left; padding-left:40px;}
#leftsead li a.ztel{background:url(../images/ztel.png) no-repeat center left; padding-left:40px;}
#leftsead li a.gtel{background:url(../images/ttel.png) no-repeat center left; padding-left:40px;}
#leftsead #top_btn{ display:block;width:160px;height:50px; background:url(../images/top.png) no-repeat center center; margin:10px auto;}

#leftsead h3{line-height:40px;font-size:18px; color:#000000; text-align:center; font-weight:normal;}
#leftsead .erwm{display:block; width:75px; height:75px; margin:0 auto;}

/************************************************ 首页代码 start*****************************************************/

/**栏目标题**/
.title { margin:90px auto ; text-align:center; position:relative; border-top:2px solid #949494;}
.title .ztitle { display:block; width:349px; height:142px; margin:0 auto; background:url(../images/title.png) no-repeat center center; font-size:44px; color:#fff; line-height:142px; overflow:hidden; letter-spacing:5px; margin-top:-25px;}
.title .etitle {  display:block; line-height:45px; font-size:46px; color:#000000; text-shadow:2px 2px 5px #999; text-transform:uppercase; font-family:"宋体"; font-weight:bold; letter-spacing:3px; margin-top:30px;}

/*促销活动 */
.promotion{ height:75px; padding:25px 0; background:#E9E9E9; overflow:hidden; margin-bottom:56px;}
.promotion .ptlist { float:left; width:400px;}
.promotion .ptlist h2{font-size:22px; color:#0c0c0c; font-weight:normal; background:url(../images/notice.png) no-repeat center left; padding-left:30px;}
.promotion .ptlist .bd{ width:685px; height:30px; overflow:hidden; margin-top:15px; line-height:30px;}
.promotion .ptlist .bd li h3{ float:left; /*width:380px;*/ font-size:15px; color:#161616; font-weight:normal; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; margin-right:15px;}
.promotion .ptlist .bd li span{ font-size:16px;}
.promotion .ptlist .bd li:hover span{ color:#c3a567;}
.promotion .ptlist .bd li:hover h3{ color:#c3a567;}

.promotion .ptnav { float:right; width:685px; height:50px; border-left:2px solid #0E0E0E;}
.promotion .ptnav ul li { float:left; font-size:30px; color:#060001; margin-left:50px; line-height:55px;}
.promotion .ptnav ul li a{ color:#060001;}

/**冠军销量款**/
.champion {   }
.champion .pmore { display:block; width:100px; height:50px; margin:93px auto 0 auto; background:url(../images/pmore.png) no-repeat center center;}
.prolist ul li{ float:left; width:565px; height:475px; overflow:hidden; position:relative; border:3px solid #000000; border-bottom:2px solid #000000; margin:39px 0;}
.prolist ul li:nth-child(odd){ margin-right:58px;}
.prolist ul li .img{ width:565px; height:405px; overflow:hidden;}
.prolist ul li .img img{ display:block; width:100%;}
.prolist ul li .msg { height:70px; line-height:70px; background:#5A142E; padding:0 10px; font-size:16px; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist ul li .msg1 { width:100%; height:100%; background:url(../images/probg.png) repeat center top; position:absolute; left:0; top:0; opacity:0;}
.prolist ul li .msg1 h3{width:400px; height:50px; margin:120px auto 20px auto; line-height:50px; font-size:20px; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist ul li .msg1 p{width:400px; margin:0 auto; line-height:25px; font-size:14px; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.prolist ul li .msg1 .more{ display:block; width:32px; height:32px; background:url(../images/more.png) repeat center bottom; margin:30px auto;}
.prolist ul li:hover .msg1{ opacity:1; top:0;}
.prolist ul li:hover .msg1:before { content:""; width:90%; height:90%; border:1px solid #efd8ac; position:absolute; top:5%; left:5%;}

/**萌新推荐**/
.recommend { padding-bottom:70px;}

/*特价款*/
.sale {   }

.poster-main {width:1200px;height:570px !important;background:#fff;position:relative;margin:0 auto;}
.poster-main a { display:block; border:3px solid #000000; border-bottom:2px solid #000000;}
.poster-main img { display:block;}
.poster-main ul li .msg { height:70px; line-height:70px; background:#5A142E; padding:0 10px; font-size:16px; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.poster-main .poster-list {width:1000px ; height:500px; margin:0 auto;overflow:hidden ;}
.poster-main .poster-list .poster-item { width:200px;height:500px;position:absolute;left:0;top:0;}
.poster-main .poster-btn { position:absolute;top:0;z-index:10;cursor:pointer;}
.poster-main .poster-prev-btn { left:-200px; background:url(../images/left.png) no-repeat center center;}
.poster-main .poster-next-btn {right:-200px;background:url(../images/right.png) no-repeat center center;}


/*新闻*/
.new{ /*background:#F5F5F5;*/ padding-bottom:100px;}
.new .n_rcmd .n_title{ float:left; width:375px; height:145px; padding:90px 110px; background:#B89A5E;overflow:hidden; position:relative;}
.new .n_rcmd .n_title:before{ content:""; width:56px; height:7px; background:#fff; position:absolute; left:100px; bottom:100px;}

.new .n_rcmd .n_title h3{ font-size:38px; color:#fff; font-weight:normal; white-space:nowrap;}
.new .n_rcmd .n_title p{ font-size:25px; color:#fff; text-transform:uppercase; white-space:nowrap; margin-top:20px;}
.new .n_rcmd .img{ float:right; width:605px; height:325px; overflow:hidden;   }
.new .n_rcmd .img img{ display:block; width:100%;   }
.new .n_rcmd ul li { float:left; width:346px; height:352px; margin:115px 0; overflow:hidden; position:relative;}
.new .n_rcmd ul li:nth-child(2) { margin:115px 80px;}
.new .n_rcmd ul li .img{  width:346px; height:352px; overflow:hidden; border-radius:30px;-webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px;-o-border-radius:30px;}
.new .n_rcmd ul li .msg{ position:absolute; left:70px; top:0; width:220px; height:352px;  display:table;}
.new .n_rcmd ul li p{ line-height:40px; font-size:28px; color:#cfaa77; display:table-cell;
        vertical-align:middle;
        text-align:center;}

/*新闻专区*/
.new .ntitle { margin:20px auto 150px auto; text-align:center; position:relative; border-top:2px solid #949494;}

.new .ntitle .ztitle { display:block; height:50px; margin:0 auto; background:url(../images/ntit.png) no-repeat center top; padding-top:95px; font-size:36px; color:#b8995e; overflow:hidden; letter-spacing:5px; margin-top:-2px;}
.new .ntitle .etitle {  display:block; line-height:40px; font-size:32px; color:#b8995e; text-transform:uppercase; letter-spacing:3px;}
.newlist .img{ float:left; width:560px; height:380px; overflow:hidden;   }
.newlist .img img{ display:block; width:100%;   }

.new-list{ float:right ; width:615px; height:380px; overflow:hidden; position:relative;    }
.new-list .hd{ float:right;}
.new-list .hd .prev,.new-list .hd .next{ display:block; width:25px; height:25px;  overflow:hidden;cursor:pointer; background:#5A142E url(../images/ntop.png) center center no-repeat;}
.new-list .hd .next{ background:#5A142E url(../images/nbtm.png) center center no-repeat; margin-top:10px;}
.new-list .hd .prevStop{ background-position:-60px -100px;}
.new-list .hd .nextStop{ background-position:-60px -140px;}

.new-list .bd{ float:left; width:570px;}
.new-list .bd ul{  overflow:hidden; zoom:1;}
.new-list .bd ul li{ width:570px; height:85px; line-height:25px; color:#585858; margin-bottom:13px;}
.new-list .bd ul li .img{float:left; width:125px;height:85px; overflow:hidden; margin-right:20px;border-right:1px solid #fff;}
.new-list .bd ul li .img img{ display:block; width:100%;}
.new-list .bd ul li .msg { float:right; width:408px; height:85px; overflow:hidden; border-bottom:1px solid #E7E7E7; padding-right:15px;}
.new-list .bd ul li .msg .date{  font-size:12px;}
.new-list .bd ul li .msg p{  font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.new-list .bd ul li:hover{ background:#5A142E;}
.new-list .bd ul li:hover a{color:#fff;}


/************************************************ 首页代码 end*****************************************************/

/*** 子页公用当前位置、栏目标题及二级栏目 ***/
.c_position {float:right; max-width:50%; line-height:40px; padding-left:20px; background:url(../images/position.png) no-repeat left center; margin-top:20px;}

/*左侧公共*/
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:0 auto;}
.left { width:100%; border-bottom:1px solid #d0d0d0; overflow:hidden;}
.left_nav { float:left; max-width:50%; height:70px;}
.left_nav li a { display:block; float:left; line-height:70px; padding:0 50px; font-size:16px; color:#333; text-align:center; border-right:1px solid #fff;}
.left_nav .hover a,.left_nav li:hover a { background:#5A142E; color:#fff;}

.lftitle {float:left; width:280px; overflow:hidden; margin-top:10px;}
.lftitle img{ display:block; float:left; height:50px; margin-right:10px;}
.lftitle span{ display:block; float:left; line-height:60px; font-size:24px;}

.leftnav { float:right; max-width:900px; height:70px;}
.leftnav a { display:block; float:left; line-height:70px; padding:0 20px; font-size:16px; color:#333; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.leftnav a.hover,.leftnav a:hover { background:#5A142E; color:#fff;}
.leftnav .more,.leftnav .close { display:block; float:right; line-height:70px; padding:0 10px; font-size:16px; color:#a8003e; cursor:pointer;}

.pronav { display:none; width:100%; padding:20px 0 10px 0; border-top:1px solid #d0d0d0; background:#f4f4f4;}
.pronav a { display:inline-block; font-size:16px; color:#333; padding:0 20px; margin-bottom:10px; line-height:40px;}
.pronav a:hover,.pronav .on { color:#fff; background:#5A142E;}
.open .leftnav .more,.leftnav .close { display:none;}
.open .pronav,.open .leftnav .close { display:block;}

/*右侧公共*/
.right { width:1200px; overflow:hidden; margin-top:30px;}
.right_title { border-bottom:2px solid #ccc; height:50px; width:100%;}
.right_name { color:#C3A567; float:left; font-size:20px; font-weight:bolder; line-height:50px; border-bottom:2px solid #C3A567; padding:0 20px 0 5px;}
.right_title p { color:#333; float:right; font-size:14px; line-height:50px;}
.right_title p a { color:#C3A567;}
.right_con { color:#333; font-size:14px; line-height:30px; height:auto; margin:16px 0; overflow:hidden; width:100%; min-height:250px;}

/*公用通栏*/
.c_ompany { width:100%; text-align:center; border-bottom:3px solid #ccc; padding-bottom:10px; margin-bottom:30px;}
.c_ompany h3 { font-size:30px; line-height:22px; text-align:center; font-weight:100; margin-bottom:20px; color:#C3A567;}
.c_ompany h3 i { font-style:normal; display:block; margin:0 auto; width:30px; height:1px; background:#f30; margin-top:10px;}
.c_ompany h3 span { font-size:17px; color:#666;}
.c_ompany li { display:inline-block; border:1px solid #C3A567; margin:10px; line-height:30px; font-size:14px;}
.c_ompany li a { display:block; color:#C3A567; padding:0 15px;}
.c_ompany li:hover { background:#eb2914; border:1px solid #eb2914;}
.c_ompany li:hover a { color:#fff;}

/*详情页公用*/
.time_click { font-size:12px; text-align:center; color:#666; line-height:50px;}
.lh { font-size:14px; line-height:28px;}
.show_h3 { font-size:30px; text-align:center; border-bottom:1px solid #eee; padding-bottom:10px; margin:20px auto 30px auto; color:#C3A567;}
.show_sxp { text-align:left; clear:both; font-size:14px; line-height:35px; color:#020202;}
.show_sxp a { color:#666;}

/*分页*/
.scott { overflow:hidden; text-align:center; letter-spacing:2px; margin:20px auto;}
.scott li { display:inline-block; line-height:35px; border:1px solid #C3A567; margin:0 5px;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#C3A567; cursor:pointer;}
.scott li:hover,.scott .active { background:#C3A567;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}



/*图片模型列表*/
.picli { width:100%;}
.picli li { width:285px; height:230px; text-align:center; margin:5px 6px 10px 6px; float:left; position:relative; overflow:hidden;}
.picli li:hover { box-shadow:0px 2px 2px #ccc;}
.picli li a { display:block; width:100%;}
.picli li img { width:100%;}
.picli li:hover .wenzi  { bottom:0;}
.picli li .wenzi { position:absolute; bottom:-88px; background:url(../images/con2black.png) repeat 0 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; width:100%;}
.picli li span { display:block; text-align:center; color:#fff; font-size:16px; line-height:35px; margin:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picli li p { font-size:12px; text-align:left; color:#fff; line-height:25px; text-indent:2em; padding:0 15px 10px 15px;}

.picli li .wenzi,.proli li img ,.prolist li img,.new .img img,.newli li span:before,.newli li .msg,.newli li img{transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.proli li:hover img,.proli li:hover img,.prolist li:hover img,.new .img:hover img,.new li:hover img,.newli li:hover img{-moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -webkit-moz-transform:scale(1.1); transform:scale(1.1);}

/*产品列表*/
.proli{padding:10px 0 30px 0;}
.proli ul{ margin-left:-40px;}
.proli ul li{float:left;width:372px;height:365px;margin-left:41px;position:relative;text-align:center;overflow:hidden;}
.proli ul li .img,.proli ul li .img img{width:372px;height:267px;position:relative; overflow:hidden;}
.proli ul li .top{position:absolute;content:" ";top:0;right:0;left:0;bottom:0;box-sizing:border-box;padding:80px 0 0 0;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(0);transform:scale(0);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D1D62027', endColorstr='#D1D62027');background:url(../images/probg.png) repeat top left;}
.proli ul li:hover .top{ opacity:1; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(1); transform:scale(1);}
.proli ul li .top h2{width:348px; padding:0 10px;font-size:14px;color:#fff;height:30px;line-height:24px; font-weight:normal; margin-left:-368px; text-transform:uppercase; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proli ul li .top p{width:348px; padding:0 10px; font-size:14px;color:#fff;height:30px;line-height:24px;margin-left:368px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proli ul li .top h2,.proli ul li .top p{-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.proli ul li:hover .top h2{ margin-left:0}
.proli ul li:hover .top p{ margin-left:0}
.proli ul li .top span{display:block;height:42px;width:42px;position:relative;left:50%;margin-left:-22px;margin-top:15px;}
.proli ul li .top span::after{ border-radius:50%; background:url(../images/jt.png) #fff center center no-repeat; animation:rotate 1.2s linear infinite; content:''; position:absolute; left:0; top:0; width:42px; height:42px;}

@keyframes rotate {
	0% { transform:translateY(0);}
    25% {transform:translateY(5px);}
    50% {transform:translateY(8px) scale(1.0, 1);}
    75% { ransform:translateY(5px);}
    100% {transform:translateY(0);}

}

.proli ul li .con{ float:left; width:100%; height:50px; box-sizing:border-box; padding:0 15px;}
.proli ul li .con h2{font-size:18px;color:#3e3e3e;margin:18px 0 0 0; font-weight:normal; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.proli ul li .con p{ font-size:14px; color:#8b8a8a; p overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proli ul li:hover .con h2 { color:#c3a567;}

/*产品模型详情*/
.show_product{ width:100%;height:430px; background:#f5f5f5; overflow:hidden; margin-bottom:30px;}
.show_product .img{ float:left; width:600px; height:430px; overflow:hidden; background:#fff;}
.show_product .img img{ display:block; width:100%;}
.show_product .proinfo{ float:right; width:460px; overflow:hidden; margin:10px 50px 0 0;}
.show_product .proinfo h3{ font-size:20px; color:#c3a567; line-height:30px; margin:30px 0 20px 0; padding:5px 0;}
.show_product .proinfo ul li{ font-size:14px; color:#666; margin:5px 0;}
.show_product .proinfo ul li span{  color:#888;}
.show_p .p{ font-size:20px; color:#666; line-height:30px; border-bottom:1px solid #ddd; margin-bottom:10px ;}
.show_p .p span{ display:inline-block; background:#c3a567; padding:0 20px; font-size:15px; color:#fff; line-height:30px; border-bottom:1px solid #ddd;}
/*视频*/
.show_video{ width:1000px; margin:0 auto 30px auto; overflow:hidden; border:2px solid #000;}

/*详情*/
.show_info { border:1px solid #ddd; margin:20px auto;}
.show_info img {max-width:100%; vertical-align:top;}

/*留言*/
.show_message { /*background:url(../images/message.jpg) no-repeat center center;*/  margin:20px auto;}
.show_message form{  /*width:500px; padding:50px 100px; background:rgba(121,111,197,0.5); margin:20px auto;*/}
.show_message form li {margin-top:10px;}
.show_message form label{float:left; width:90px; line-height:30px; font-size:16px; color:#eee;}
.show_message form input{ display:block; float:left; width:320px; height:28px;line-height:30px; border:1px solid #ddd; padding:0 10px;}
.show_message form textarea{  width:98%; height:90px; border:1px solid #ddd; padding:5px 10px;}
.show_message form .yzm{  width:120px;}
.show_message form #VCode{ float:left; width:120px; height:30px; margin-left:20px;}
.show_message form .blue{  width:140px; height:32px; line-height:32px; margin:15px 0 0 0px ; background:#c3a567; color:#fff; border:none;}


/*列表模型详情*/
.show_proimg { width:70%; overflow:hidden; position:relative; margin:0 auto 20px;}
.show_proimg .hd { display:none;}
.show_proimg .bd { position:relative; height:100%; z-index:0;}
.show_proimg .bd li { zoom:1; vertical-align:middle;}
.show_proimg .bd img { width:100%; display:block;}
.show_proimg .prev,.show_proimg .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.show_proimg .next{ left:auto; right:3%; background-position:8px 5px;}
.show_proimg .prev:hover,.show_proimg .next:hover{ filter:alpha(opacity=100);opacity:1;}

.img_show { max-width:100%; margin:10px auto; text-align:center;}
.img_show img { max-width:100%;}
.show_soft { width:100%; margin-top:20px; clear:both; text-align:center;}
.show_soft a {width:288px;float:left;display:block; line-height:30px; color:#000; font-size:16px; border-radius:4px; overflow:hidden;margin:5px 5px;border:1px #ccc solid;}
.show_soft a img{width:100px;}
.show_soft a h2{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.show_soft a p{background:#0069D6;font-weight:bold;color:#fff;}
.pro_h3 { line-height:35px; padding:0 10px; font-size:14px; font-weight:bold; background:#eee; margin:30px auto 20px auto;}

/*新闻模型*/
.newli li{ width:100%; height:170px; overflow:hidden; line-height:25px; color:#585858; margin-bottom:35px; border-bottom:1px solid #ddd;}
.newli li .date{ float:left; width:180px; overflow:hidden; margin-top:40px;}
.newli li .date span{ display:block; font-family:"Arial"; font-size:26px; color:#a9a9a9; position:relative; margin-top:5px;}
.newli li .date span:before{ content:'';width:35px; height:1px; background:#a9a9a9; position:absolute; top:10px; left:90px;}
.newli li .date i{ display:block; font-size:12px; color:#c3a567; position:relative;}
.newli li .msg { float:left; width:700px; margin-top:40px;}
.newli li .msg .ntitle{ display:block; line-height:30px; font-size:16px;color:#646464; margin-bottom:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newli li .msg p{ line-height:24px; font-size:13px; color:#97979d; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.newli li .img{float:right; width:200px;height:136px; overflow:hidden;}
.newli li .img img{ display:block; width:100%;}
.newli li:hover .ntitle{ color:#c3a567;}
.newli li:hover span:before{ width:50px; background:#c3a567;}
.newli li:hover .msg{ margin-left:20px;}
.newli li:hover .date span{ color:#c3a567;}

/**/
.con3_right li {padding-left:10px; border-bottom:4px solid #e7e6e6; height:90px; overflow:hidden; margin-top:14px;}
.con3_link { float:left; font:700 15px/32px "microsoft yahei"; height:85px; overflow:hidden; width:790px;}
.con3_link a { color:#333;}
.con3_link p { color:#858586; font:14px/26px "microsoft yahei"; height:52px; overflow:hidden; text-indent:2em;}
.con3_link p a { margin-left:10px; color:#f30;}
.con3_date { background:#C3A567; float:right; height:90px; text-align:center; top:14px; width:90px;}
.con3_date h1 { color:#fff; font:36px/60px "microsoft yahei"; text-align:center;}
.con3_date span { color:#fff; font:12px/20px "microsoft yahei"; height:20px; text-align:center; width:100%;}
.con3_right li:hover{background:#C3A567;}
.con3_right li:hover a,.con3_right li:hover p{color:#fff;}
.con3_right li:hover p a{color:#f18c72;;}



/*招聘*/

.n_job { width:1000px; margin:10px auto; background:#fff;}
.n_job th { background:#C3A567; text-align:center; height:50px; line-height:50px; color:#eee; font-size:16px;}
.n_job .titl td { border-bottom:1px dashed #ddd; padding:10px; background:#eef3f9; text-align:center; color:#666; font-size:12px;}
.n_job .titl .afold { display:block; height:23px; background:url(../images/icon_bnt__slide_close.png) center no-repeat;}
.n_job .titl.on .afold { background:url(../images/icon_bnt_slide_open.png) center no-repeat;}
.n_job .cont { padding:0 35px; background:#fff; line-height:25px; color:#666;}
.n_job .show_box { display:none;}
.n_job .article { padding:30px 0;}
.n_job .un { line-height:26px; margin:10px auto; font-size:14px; color:#777; padding:0 15px 15px 15px;}
.n_job .un a { color:#f30; font-size:16px;}

/*联系我们单独页面*/
.n_contact { padding-top:40px; width:100%;}
.n_contact .info { padding-top:15px; padding-bottom:30px; color:#666; text-align:center; font-size:14px;}
.n_contact .info b { margin-top:15px; display:block; font-size:24px; color:#333;}
.n_contact .info img { margin-top:15px;}
.n_contact .upbox { margin-bottom:40px; border:1px solid #dbdbdb;}
.n_contact .upbox .text_box { border-right:1px solid #dbdbdb; width:520px; padding:45px 20px; float:left;}
.n_contact .upbox .text_box .box { background:url(../images/icon_contact.png) left 8px no-repeat; font-size:14px; line-height:30px; color:#333; padding-left:25px;}
.n_contact .map { border:1px solid #dcdcdc;}
.n_contact .ewm_box { float:right; display:block; width:600px; margin-top:20px;}
.n_contact .ewm_box .box span { display:block; margin-top:8px; color:#666; text-align:center; font-size:12px;}
.n_contact .ewm_box img { display:block; margin:0 auto; width:115px; height:115px;}