/*public*/
* {margin:0; padding:0; outline:none; font-family:"Microsoft Yahei";}
body {color:#656565; width:100%; margin:0 auto; font-size:12px;}
ol,ul,li {list-style:none;}
img {border:none;}
a {text-decoration:none; font-size:12px; color:#626262; transition:.5s all linear;}

@font-face {
      font-family:INDEXBT;
      src:url(../font/033-CAI978.TTF);
}
@font-face {
      font-family:INDEXNEWS;
      src:url(../font/58PIC_0.OTF);
}
@font-face {
      font-family:LANTING;
      src:url(../font/lanting.ttf);
}

/*page_head*/
.page_head {overflow:hidden; border-bottom:1px solid #e5e5e5;}
.page_head .on {overflow:hidden; width:1200px; margin:0 auto; line-height:100px;}
.page_head .on .page_head_l {display:block; float:left; font-size:14px; color:#a3a3a3; padding:0 50px; border-right:1px solid #e5e5e5; background:url(../images/img/page_head_fh.png) left center no-repeat;}
.page_head .on div {overflow:hidden; float:right;}
.peag_head .on div a {float:left; font-size:14px;}

.main {width:100%; background:#fff;}
.framecenter {overflow:hidden; width:100%;}
.framecenter .bt {padding-top:35px; background:url(../images/img/index_bt_bg.png) top center no-repeat; text-align:center;}
.framecenter .bt p {font-family:"INDEXBT"; font-size:24px; color:#fbb50c; line-height:35px;}
.framecenter .bt span {font-size:22px; color:#646464;}

/*ny_banner*/
.ny_banner {overflow:hidden; width:100%; height:349px; margin-top:40px; position:relative;}
.ny_banner img {position:absolute; left:50%; margin-left:-960px; top:-150px;}
.ny_banner .bt {position:absolute; font-family:"LANTING"; left:50%; top:50%; margin-top:-30px; font-size:42px; color:#fff; text-align:center; z-index:1; text-shadow:1px 2px 5px rgba(0,0,0,0.3);}
.ny_banner .bt span {font-family:"LANTING"; font-size:36px;}

/*index_goods*/
.index_goods {width:1200px; position:absolute; background:#fff; left:50%; margin-left:-600px; top:-135px; z-index:1; padding-top:40px;}
.index_goods .index_goods_l {position:absolute; left:-70px; top:0;}
.index_goods .index_goods_r {position:absolute; right:-70px; top:0;}
.goods_left {overflow:hidden; position:relative; margin:40px auto 0;}
.goods_left .hd {overflow:hidden; margin-top:30px;}
.goods_left .hd ul {overflow:hidden; text-align:center; zoom:1;}
.goods_left .hd ul li {display:inline-block; width:18px; height:18px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(../images/img/banner_li2.png) center center no-repeat; transition:.5s all linear;}
.goods_left .hd ul li.on {background:url(../images/img/banner_li_hover.png) center center no-repeat;}
.goods_left .bd {}
.goods_left .bd .tempWrap {margin:0 auto;}
.goods_left .bd ul {overflow:hidden; zoom:1;}
.goods_left .bd ul li {margin:0 13px; float:left; _display:inline; overflow:hidden; text-align:center;}
.goods_left .bd ul li .pic {overflow:hidden; width:270px; height:270px; text-align:center; position:relative;}
.goods_left .bd ul li .pic img {display:block; max-width:270px; max-height:270px;}
.goods_left .bd ul li .title {font-size:14px; color:#323232; line-height:35px; margin-top:15px; transition:.5s all linear;}
.goods_left .bd ul li:hover .title {color:#fbb50c;}
.goods_left .bd ul li .pic span {display:none; position:absolute; top:0; left:0; width:270px; height:270px; background:url(../images/img/index_goods_fdj.png) center center no-repeat,url(../images/img/index_goods_tm.png);}

/*index_case*/
.index_case {overflow:hidden; margin:0 auto; padding:40px 0 60px;}
.case_left {position:relative; margin:40px auto 0;}
.case_left .hd {overflow:hidden; margin-top:30px;}
.case_left .hd ul {overflow:hidden; text-align:center; zoom:1;}
.case_left .hd ul li {display:inline-block; width:18px; height:18px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:url(../images/img/banner_li2.png) center center no-repeat; transition:.5s all linear;}
.case_left .hd ul li.on {background:url(../images/img/banner_li_hover.png) center center no-repeat;}
.case_left .bd {}
.case_left .bd .tempWrap {margin:0 auto;}
.case_left .bd ul {overflow:hidden; zoom:1;}
.case_left .bd ul li {margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;}
.case_left .bd ul li .pic {overflow:hidden; width:380px; height:320px; text-align:center; position:relative;}
.case_left .bd ul li .pic img {display:block; max-width:380px; max-height:320px;}
.case_left .bd ul li .pic .title {position:absolute; text-align:left; width:305px; left:50%; bottom:30px; margin-left:-152.5px; font-size:14px; color:#fff; line-height:25px; margin-top:15px; border-bottom:1px solid rgba(255,255,255,0); transition:.5s all linear;}
.case_left .bd ul li .pic .title span {font-size:18px; line-height:50px;}
.case_left .bd ul li:hover .pic .title {border-bottom:1px solid #fff; padding-bottom:30px;}
.case_left .bd ul li .pic .yy {display:block; position:absolute; left:0; bottom:0; width:380px; height:320px; background:url(../images/img/index_case_bg.png) center bottom no-repeat;}

/*index_about*/
.index_about {overflow:hidden; padding:40px 0 60px;}
.index_about .on {width:1200px; margin:0 auto;}
.index_about .on .index_about_nr {margin:50px auto 70px; text-align:center; line-height:30px; font-size:14px; color:#323232;}
.index_about .on .index_about_l {overflow:hidden; float:left; width:595px; height:320px;}
.index_about .on .index_about_l img {display:block; max-width:595px; max-height:320px;}
.index_about .on .index_about_r {overflow:hidden; float:right;}

/*index_scjd*/
.index_scjd {overflow:hidden; padding:40px 0 60px;}
.index_scjd .on {overflow:hidden; width:1200px; margin:40px auto 0;}
.index_scjd .on li {overflow:hidden; float:left; margin:0 3px 3px 0; width:398px; height:250px; position:relative;}
.index_scjd .on li:nth-child(3n) {margin-right:0;}
.index_scjd .on li img {display:block; max-width:398px; max-height:250px; transform-origin:50% 50%; transform:scale(1,1); transition-duration:200ms; transition-timing-function:linear;}
.index_scjd .on li p {position:absolute; width:300px; line-height:50px; text-align:center; left:50%; margin-left:-150px; bottom:0; font-size:18px; color:#fff; z-index:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index_scjd .on li span {position:absolute; left:0; bottom:0; width:398px; height:250px; background:url(../images/img/index_scjd_bg.png) center bottom no-repeat;}
.index_scjd .on li:hover img {transform:scale(1.2,1.2); transition-duration:5000ms;}

/*生产基地相册弹出*/
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/lightbox/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/lightbox/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/lightbox/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/lightbox/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/lightbox/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{float:left; margin:5px}
.mod_gallerylist{width:665px; margin:0 auto}
.meta{font-size:12px; text-align:center;}
.image_container img{border:1px solid #CCC; padding:2px}
.meta a{color:#333; text-decoration:none}

/*index_news*/
.index_news {overflow:hidden; padding:40px 0 60px;}
.index_news .on {overflow:hidden; width:1200px; margin:60px auto 150px;}
.index_news .on li {overflow:hidden; float:left; width:320px; margin-right:120px;}
.index_news .on li:nth-child(3n) {margin-right:0;}
.index_news .on li .top {overflow:hidden; border-bottom:1px solid #e7e7e7; padding-bottom:20px;}
.index_news .on li .top .jt {display:block; margin-top:23px; float:left; width:0px; height:13px; background:url(../images/img/index_news_jt.png) center center no-repeat; transition:.5s all linear;}
.index_news .on li .top p {font-family:"INDEXNEWS"; float:left; font-size:33px; line-height:28px; color:#b4b4b4;}
.index_news .on li .top p span {font-family:"INDEXNEWS"; font-size:14px; color:#b4b4b4;}
.index_news .on li .bottom {overflow:hidden; margin-top:10px;}
.index_news .on li .bottom a {width:80%; font-size:16px; color:#323232; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index_news .on li .bottom p {color:#787878; line-height:23px;}
.index_news .on li:hover .top .jt {width:42px; margin-right:15px;}
.index_news .on li:hover .bottom a {color:#fbb50c;}

/*index_hzhb*/
.index_hzhb {padding:60px 0 40px; background:#f1f1f1; position:relative; position:relative;}
.index_hzhb p {position:absolute; top:-40px; left:50%; margin-left:-90px; width:180px; line-height:25px; font-size:17px; color:#fff; padding:10px 0; background:#626262; text-align:center;}
.index_hzhb p span {font-family:"INDEXBT"; color:#fbb50c;}
.hzhb_left {overflow:hidden; position:relative;}
.hzhb_left .bd {}
.hzhb_left .bd .tempWrap {margin:0 auto;}
.hzhb_left .bd ul {overflow:hidden; zoom:1;}
.hzhb_left .bd ul li {overflow:hidden; float:left; width:160px; height:70px; margin:0 55px; _display:inline;}
.hzhb_left .bd ul li img {display:block; max-width:160px; max-height:70px;}

/*page*/
.page_nav {width:100%; height:64px; border-bottom:1px solid #e5e5e5; position:relative;}
.page_nav .on {overflow:hidden; position:absolute; bottom:-1px; width:100%; text-align:center;}
.page_nav .on a {display:inline-block; font-size:14px; padding:0 13px; margin:0 13px; line-height:64px; transition:0s; cursor:pointer;}
.page_nav .on a:hover {border-bottom:2px solid #fbb50c; height:62px; color:#fbb50c;}

.page {overflow:initial; width:1200px; margin:80px auto 120px;}
.page .page_bt {overflow:hidden; background:url(../images/img/page_bt.jpg) left center no-repeat; padding-left:20px;}
.page .page_bt p {font-size:18px; color:#323232;}
.page .page_bt span {color:#969696;}
.page .page_content {overflow:hidden; font-size:14px; color:#323232; line-height:28px; margin:75px 0;}
.page .page_content img {display:block; max-width:100%; margin:0 auto;}

.page .page_fy {overflow:hidden; border-top:1px solid #dcdcdc; padding:25px 0;}
.page .page_fy .syy {color:#646464; float:left;}
.page .page_fy .xyy {color:#646464; float:right;}

/*about*/
.about {overflow:hidden;}
.about .about_div {overflow:hidden; width:1200px; margin:0 auto; padding:75px 0;}
.about .about_div .about_bt {font-family:"LANTING"; line-height:60px; text-align:center; margin-bottom:100px; font-size:30px; color:#323232; background:url(../images/img/about_bt.jpg) bottom center no-repeat;}
.about .about_div .about_div1 {overflow:hidden; margin-bottom:100px;}
.about .about_div .about_div1 .about_div1_l {overflow:hidden; float:left; width:600px; font-size:14px; line-height:30px; color:#323232;}
.about .about_div .about_div1 img {display:block; float:right;}

.about .about_div .about_div2 {overflow:hidden; margin-bottom:100px; line-height:30px;}
.about .about_div .about_div2 .p1 {font-size:14px; color:#323232; margin-left:0;}
.about .about_div .about_div2 span {display:block; font-size:14px; color:#323232; font-weight:bold;}
.about .about_div .about_div2 p {font-size:14px; color:#323232;}

.about .about_div .about_div3 {width:100%;}
#timeline{width:1120px; height:310px; margin:0 auto; position:relative; background:url(../images/img/licbg.png) repeat-x; background-position:10.6px bottom;}
#dates{width:1120px; overflow:hidden;}
#dates li{float:left; text-align:center;}
#dates a{color:#fff; width:120px; font-size:16px; line-height:185px; display:block;}
#dates .selected{font-size:30px; color:#fff; background:url(../images/img/licbgt.png) no-repeat center top;}
#issues{width:1120px; overflow:hidden;}
#issues li{width:1120px;height:240px;list-style:none;float:left;}
#issues li div {overflow:hidden; width:780px; margin:65px auto 0;}
#issues li div span {font-size:60px; color:#fff; display:block; float:left;}
#issues li div p {font-size:18px; float:right; color:#fff; width:560px; line-height:38px;}
#prev {position:absolute; left:0; top:90px; width:48px; height:48px; background:url(../images/img/about_div3_left.png) center center no-repeat;}
#next {position:absolute; right:0; top:90px; width:48px; height:48px; background:url(../images/img/about_div3_right.png) center center no-repeat;}

.about .about_div .about_div4 {overflow:hidden; margin-bottom:100px;}
.about .about_div .about_div4 li {overflow:hidden; float:left; margin:0 3px 3px 0; width:398px; height:250px; position:relative;}
.about .about_div .about_div4 li:nth-child(3n) {margin-right:0;}
.about .about_div .about_div4 li img {display:block; max-width:398px; max-height:250px; transform-origin:50% 50%; transform:scale(1,1); transition-duration:200ms; transition-timing-function:linear;}
.about .about_div .about_div4 li p {position:absolute; width:300px; line-height:50px; text-align:center; left:50%; margin-left:-150px; bottom:0; font-size:18px; color:#fff; z-index:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.about .about_div .about_div4 li span {position:absolute; left:0; bottom:0; width:398px; height:250px; background:url(../images/img/index_scjd_bg.png) center bottom no-repeat;}
.about .about_div .about_div4 li:hover img {transform:scale(1.2,1.2); transition-duration:5000ms;}

/*case*/
.case_list {overflow:hidden; width:1200px; margin:70px auto 100px;}
.case_list ul {overflow:hidden;}
.case_list ul li {margin:0 30px 30px 0; float:left; _display:inline; overflow:hidden; text-align:center;}
.case_list ul li:nth-child(3n) {margin-right:0;}
.case_list ul li .pic {overflow:hidden; width:380px; height:320px; text-align:center; position:relative;}
.case_list ul li .pic img {display:block; max-width:380px; max-height:320px;}
.case_list ul li .pic .title {position:absolute; text-align:left; width:305px; left:50%; bottom:30px; margin-left:-152.5px; font-size:14px; color:#fff; line-height:25px; margin-top:15px; border-bottom:1px solid rgba(255,255,255,0); transition:.5s all linear;}
.case_list ul li .pic .title span {font-size:18px; line-height:50px;}
.case_list ul li:hover .pic .title {border-bottom:1px solid #fff; padding-bottom:30px;}
.case_list ul li .pic .yy {display:block; position:absolute; left:0; bottom:0; width:380px; height:320px; background:url(../images/img/index_case_bg.png) center bottom no-repeat;}
/*case_md_list*/
.case_md_list {overflow:hidden; width:1200px; margin:85px auto 200px;}
.case_md_list p {float:left; width:33.3%; line-height:40px; font-size:14px; color:#646464; text-align:center;}
/*case_view*/
.case_view {margin:80px auto 120px;}
.case_view .mod18 {position:relative;}
.case_view .mod18 .x {overflow:hidden; margin:20px auto; width:100%; height:1px; background:url(../images/img/mod18_x.jpg) center center no-repeat;}
.case_view .mod18 .btn {position:absolute; width:18px; height:145px; cursor:pointer; z-index:99;}
.case_view .mod18 .prev {left:-50px; bottom:0; background:url(../images/img/case_view_l.png) center center no-repeat;}
.case_view .mod18 .next {right:-50px; bottom:0; background:url(../images/img/case_view_r.png) center center no-repeat;}
.case_view .mod18 li {float:left;}
.case_view .mod18 .cf li {position:relative;color:#fff;}
.case_view .mod18 .picBox {width:1200px; height:600px; position:relative; overflow:hidden;}
.case_view .mod18 .picBox ul {position:absolute;}
.case_view .mod18 .picBox li {width:1200px; height:600px;}
.case_view .mod18 .picBox li img {display:block; margin:0 auto; max-width:1200px; max-height:600px;}
.case_view .mod18 .listBox {width:1200px; height:145px; margin:0 auto; position:relative; overflow:hidden;}
.case_view .mod18 .listBox ul {height:100px; position:absolute;}
.case_view .mod18 .listBox li {width:150px; height:145px; cursor:pointer; position:relative;}
.case_view .mod18 .listBox li img {display:block; max-width:145px; max-height:145px; margin:0 auto; transition:500ms;}
.case_view .mod18 .listBox li span {position:absolute; left:2px; top:0; width:145px; height:145px; background:rgba(0,0,0,0.6); transition:.5s all linear;}
.case_view .mod18 .listBox .on span {display:none;}
.case_view .case_content {overflow:hidden; font-size:14px; color:#323232; line-height:28px; margin:50px auto 75px;}

/*contact*/
.contact {overflow:hidden; padding:75px 0;}
.contact .contact_div {overflow:hidden; width:1200px; margin:0 auto;}
.contact .contact_div .contact_bt {font-family:"LANTING"; line-height:60px; text-align:center; margin-bottom:100px; font-size:30px; color:#323232; background:url(../images/img/about_bt.jpg) bottom center no-repeat;}
.contact .contact_div .contact_div1 {overflow:hidden; margin-bottom:100px;}
.contact .contact_div .contact_div1 div {overflow:hidden; float:left; width:535px;}
.contact .contact_div .contact_div1 div:nth-child(2) {float:right;}
.contact .contact_div .contact_div1 div .p1 {font-size:18px; color:#323232; line-height:50px; border-bottom:1px solid #cfcfcf;}
.contact .contact_div .contact_div1 div .p2 {font-size:14px; margin:15px auto 25px;}
.contact .contact_div .contact_div1 div p {color:#505050; line-height:25px;}
.contact .contact_div .contact_div1 div a {display:block; float:left; color:#505050; padding-right:25px; position:relative; margin-top:15px;}
.contact .contact_div .contact_div1 div a .animate {position:absolute; display:block; right:0; bottom:0; width:16px; height:21px; background:url(../images/img/contact_tb.png) center center no-repeat;}

.contact .contact_div .contact_div2 {overflow:hidden; margin-bottom:100px; text-align:center;}
.contact .contact_div .contact_div2 .p1 {font-size:18px; color:#323232; margin-bottom:20px;}
.contact .contact_div .contact_div2 p {color:#505050; line-height:25px;}
.contact .contact_div .contact_div2 a {display:inline-block; margin:0 auto; color:#505050; padding-right:25px; position:relative;}
.contact .contact_div .contact_div2 .animate {position:absolute; display:block; right:0; bottom:0; width:16px; height:21px; background:url(../images/img/contact_tb.png) center center no-repeat;}

.contact .contact_div .contact_div3 {overflow:hidden; margin-bottom:100px;}
.contact_left {overflow:hidden; position:relative; margin:40px auto 0; width:1350px;}
.contact_left .prev {display:block; position:absolute; width:48px; height:48px; left:0; top:50%; margin-top:-24px; cursor:pointer; background:url(../images/img/contact_div3_left.png) no-repeat;}
.contact_left .next {display:block; position:absolute; width:48px; height:48px; right:0; top:50%; margin-top:-24px; cursor:pointer; background:url(../images/img/contact_div3_right.png) no-repeat;}
.contact_left .bd {}
.contact_left .bd .tempWrap {margin:0 auto;}
.contact_left .bd ul {overflow:hidden; zoom:1;}
.contact_left .bd ul li {width:240px; height:400px; position:relative; margin:0 15px; border:1px solid #f5f5f5; background:#f5f5f5; padding:0 18px; float:left; _display:inline; overflow:hidden; transition:.5s all linear;}
.contact_left .bd ul li .title {font-size:18px; color:#323232; line-height:50px; margin:10px 0; border-bottom:1px dashed #797979; font-weight:bold; transition:.5s all linear;}
.contact_left .bd ul li .div1 {overflow:hidden;}
.contact_left .bd ul li .div1 p {float:left; width:120px; color:#646464; line-height:35px;}
.contact_left .bd ul li .div1 p span {font-weight:bold; color:#323232;}
.contact_left .bd ul li .div2 {overflow:hidden;}
.contact_left .bd ul li .div2 span {display:block; font-weight:bold; color:#323232;}
.contact_left .bd ul li .div2 p {color:#646464; line-height:25px; margin-top:10px;}
.contact_left .bd ul li .a1 {position:absolute; right:18px; bottom:18px; display:block; color:#323232;}
.contact_left .bd ul li:hover {background:#fff;}
.contact_left .bd ul li:hover .title {color:#fbb50c;}
.contact_left .bd ul li:hover .a1 {color:#fbb50c;}

/*material*/
.material {overflow:hidden; width:1200px; margin:50px auto 60px;}
.material .material_nav {overflow:hidden; width:100%; border-collapse:collapse; line-height:50px; background:#fff; color:#505050;}
.material .material_nav tr {border:1px dashed #aeaeae; border-left:none; border-right:none; border-top:none;}
.material .material_nav .t1 {width:100px; text-indent:25px; border-left:none; border-right:none; border-top:none; color:#323232; font-size:14px;}
.material .material_nav .t2 {border-left:none; border-right:none; border-top:none; font-size:14px;}
.material .material_nav .t2 .q {width:80px; text-align:center; color:#787878; float:left; font-size:14px;}
.material .material_nav .t2 div {overflow:hidden;}
.material .material_nav .t2 div a {margin-right:10px; cursor:pointer; color:#323232; font-size:14px; padding:5px 10px;}
.material .material_nav .t2 div .a1 {background:#000; color:#fff;}
.material .material_list {overflow:hidden; margin:60px auto 40px;}
.material .material_list li {overflow:hidden; float:left; margin:0 19px 15px 0;}
.material .material_list li:nth-child(6n) {margin:0 0 15px 0;}
.material .material_list li div {overflow:hidden; width:180px; height:180px; border:2px solid #fff; transition:.5s all linear;}
.material .material_list li div img {display:block; max-width:180px; max-height:180px;}
.material .material_list li p {font-size:14px; color:#646464; text-align:center; width:90%; line-height:40px; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.5s all linear;}
.material .material_list li:hover div {border-color:#fbb817; border-radius:5px;}
.material .material_list li:hover p {color:#fbb50c;}

/*news*/
.news {overflow:hidden; width:1200px; margin:50px auto 60px;}
.news ul {overflow:hidden;}
.news ul li {overflow:hidden; padding:40px 35px; transition:.5s all linear;}
.news ul li .news_l {overflow:hidden; float:left;}
.news ul li .news_l div {overflow:hidden; float:left; width:250px; height:115px;}
.news ul li .news_l div img {display:block; max-width:250px; max-height:115px;}
.news ul li .news_l p {font-family:"LANTING"; float:left; width:115px; font-size:14px; color:#545454; padding-left:40px; margin-top:25px; transition:.5s all linear;}
.news ul li .news_l p:after {content:""; display:block; width:0; height:2px; background:#fbb50c; position:relative; right:85px; bottom:41px; transition:.5s all linear;}
.news ul li .news_l p span {font-family:"LANTING"; font-size:36px; color:#787878;}
.news ul li .news_r {overflow:hidden; float:left; margin-left:50px; width:675px; transition:.5s all linear;}
.news ul li .news_r div {overflow:hidden; float:left; width:480px; margin-top:12px;}
.news ul li .news_r div a {display:block; font-size:18px; color:#323232; margin-bottom:10px; transition:.5s all linear;}
.news ul li .news_r div p {font-size:14px; color:#a0a0a0; line-height:27px;}
.news ul li .news_r .more {display:block; margin-top:38px; float:right; width:40px; height:40px; border:1px solid #efefef; background:url(../images/img/news_list_h.png) center center no-repeat;}
.news ul li:hover {background:#f6f6f6;}
.news ul li:hover .news_l p {padding-left:60px;}
.news ul li:hover .news_l p:after {width:50px;}
.news ul li:hover .news_r {width:600px;}
.news ul li:hover .news_r div a {color:#fbb50c;}
.news ul li:hover .news_r .more {border-color:#fbb50c; background:url(../images/img/news_list_b.png) #fbb50c center center no-repeat;}

/*product*/
.product {overflow:hidden; width:1200px; margin:50px auto 60px;}
.product .product_top {overflow:hidden; position:relative; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #dcdcdc;}
.product .product_top .product_top_l {overflow:hidden; position:absolute; left:0; top:0; padding:40px; width:440px; height:265px; background:rgba(244,242,242,0.8); font-size:14px; color:#323232; line-height:27px;}
.product .product_top .product_top_l .product_bt {font-size:32px; line-height:35px; color:#323232; background:url(../images/img/prodcut_top_bt.jpg) left bottom no-repeat; padding-bottom:18px; margin-bottom:25px;}
.product .product_top .product_top_l p span {font-weight:bold;}
.product .product_top .product_top_r {overflow:hidden; float:right; width:830px; height:345px;}
.product .product_top .product_top_r img {display:block; max-width:830px; max-height:345px;}
.product .product_list {overflow:hidden;}
.product .product_list li {margin:0 40px 20px 0; float:left; _display:inline; overflow:hidden; text-align:center;}
.product .product_list li:nth-child(4n) {margin:0 0 20px 0;}
.product .product_list li .pic {overflow:hidden; width:270px; height:270px; text-align:center; position:relative;}
.product .product_list li .pic img {display:block; max-width:270px; max-height:270px;}
.product .product_list li .title {font-size:14px; color:#323232; line-height:35px; margin-top:15px; transition:.5s all linear;}
.product .product_list li:hover .title {color:#fbb50c;}
.product .product_list li .pic span {display:none; position:absolute; top:0; left:0; width:270px; height:270px; background:url(../images/img/index_goods_fdj.png) center center no-repeat,url(../images/img/index_goods_tm.png);}

/*photo*/
.photo {overflow:hidden; width:1200px; margin:70px auto 60px;}
.photo p {font-size:14px; color:#323232;}
.photo ul {overflow:hidden; margin:70px auto 0;}
.photo ul li {overflow:hidden; float:left; margin:0 15px 15px 0;}
.photo ul li:nth-child(3n) {margin:0 0 15px 0;}
.photo ul li div {overflow:hidden; width:390px; height:260px;}
.photo ul li p {line-height:35px; text-align:center;}
.photo ul li div img {display:block; max-width:390px; max-height:260px; transform-origin:50% 50%; transform:scale(1,1); transition-duration:200ms; transition-timing-function:linear;}
.photo ul li:hover img {transform:scale(1.2,1.2); transition-duration:5000ms;}

/*prodcut_view*/
.product_view {overflow:initial; width:1200px; margin:50px auto 120px;}
.product_view .product_view_bt {overflow:hidden; border:1px solid #dcdcdc; line-height:60px; text-align:center; padding:0 20px; margin-bottom:50px;}
.product_view .product_view_bt p {display:inline-block; font-size:18px; color:#323232;}
.product_view .product_view_bt a {display:block; color:#323232;}
.product_view .product_view_bt a span {color:#727272; float:right;}
.product_view .product_view_bt .l {float:left;}
.product_view .product_view_bt .r {float:right;}
.product_view .content {overflow:hidden; font-size:14px; color:#646464; line-height:30px;}
.product_view .content img {display:block; max-width:100%; margin:0 auto;}
.product_view .content table {border-collapse:collapse; width:100%; line-height:45px; font-size:14px; color:#969696;}
.product_view .content table td {padding-left:4%;}
.product_view .content table tr td:nth-child(2n) {color:#323232;}

.product_view_gd {overflow:hidden; margin-bottom:100px;}
.product_view_gd .product_view_gd_bt  {overflow:hidden; padding-bottom:40px; border-bottom:1px solid #dcdcdc; width:1200px; margin:0 auto 40px;}
.product_view_gd .product_view_gd_bt p {font-size:30px; color:#323232; text-align:center; background:url(../images/img/about_bt.jpg) center bottom no-repeat; padding-bottom:20px;}
.goods_view_left {overflow:hidden; position:relative; width:1300px; margin:0 auto;}
.goods_view_left .prev {position:absolute; left:0; top:50%; margin-top:-35px; display:block; width:18px; height:34px; overflow:hidden; cursor:pointer; background:url(../images/img/product_view_gd_l.png) center center no-repeat;}
.goods_view_left .next {position:absolute; right:0; top:50%; margin-top:-35px; display:block; width:18px; height:34px; overflow:hidden; cursor:pointer; background:url(../images/img/product_view_gd_r.png) center center no-repeat;}
.goods_view_left .bd {}
.goods_view_left .bd .tempWrap {margin:0 auto;}
.goods_view_left .bd ul {overflow:hidden; zoom:1;}
.goods_view_left .bd ul li {margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative;}
.goods_view_left .bd ul li .pic {overflow:hidden; width:180px; height:180px;}
.goods_view_left .bd ul li .pic img {display:block; max-width:180px; max-height:180px;}
.goods_view_left .bd ul li .title {font-size:14px; margin:0 auto; color:#646464; line-height:40px; width:85%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition.5s all linear;}
.goods_view_left .bd ul li span {display:none; position:absolute; width:180px; height:180px; left:0; top:0; background:url(../images/img/index_goods_fdj.png) center center no-repeat,url(../images/img/index_goods_tm.png);}
.goods_view_left .bd ul li:hover .title {color:#fbb50c;}

/*fy*/
#fy {overflow:hidden; text-align:center; margin-top:30px;}
#fy a {display:inline-block; padding:0 15px; margin:0 3px; line-height:35px; border:1px solid #cecece; color:#969696;}
#fy span {display:inline-block; line-height:35px; margin:0 3px;}
#fy a:hover {background:#fbb50c; border-color:#fbb50c; color:#fff;}
#fy .current {background:#fbb50c; border-color:#fbb50c; color:#fff;}
