@charset "utf-8";  /*009dda  11598f*/
body{font-size:14px; font-family:"Microsoft Yahei",SimHei,SimSun,sans-serif,"瀹嬩綋"; color:#393939; background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,span,p{margin:0;padding:0;}
form,fieldset,legend,input,textarea{outline:none;}
li{list-style:none;}
img{border:0px;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

a:link{color:#373737; text-decoration:none;}a:visited{color:#373737; text-decoration:none;}a:hover{color:#e62129;}

.red,a.red:link,a.red:visited{color:red;}
.clearfix{height:0px; width:0px; font-size:0px; clear:both; padding:0px; margin:0px;}
.fl{float:left;}.fr{float:right;}.tc{text-align:center;}.tr{text-align:right;}.dn{display:none;}.db{display:block;}
.index_box{width: 100%; overflow: hidden; position: relative;}
.w1200{margin: 0px auto; width: 1200px;}
.w1000{width:1000px; margin:0px auto; overflow:hidden;}
.w800{width:800px; margin:0px auto; overflow:hidden;}

.top_fix{position:fixed; left: 0px; top: 100px; z-index: 999;}
.menu_box{height: 0px;}
body .menu_box_fix{height: 110px;}
.item_line{width: 100%; height: 10px; display: block; clear: both;}



/*棣栭〉*/
.iabout_box{border: 1px solid #d8d8d8; background: #fff; width: 358px; float: left; padding-bottom: 28px; overflow: hidden;cursor: pointer;}
.iabout_box:hover img{opacity: 0.75;}
.iabout_box:hover .iabout_title{color: #ff6600;}
.iabout_box:hover .iabout_info{color: #aaa;}
.iabout_box:hover a{background: #ff6600;}
.iabout_box:nth-child(2){ margin-left: 60px; margin-right: 60px;}
.iabout_title{width: 212px; text-align: center; margin: 0px auto; font-size: 18px; padding-top: 28px;}
.iabout_picurl{text-align: center; padding-top: 18px;}
.iabout_picurl img{width: 242px;}
.iabout_info{padding-top: 12px; width: 242px; text-align: center; margin: 0px auto; padding-bottom: 28px;}
.iabout_btn{width: 142px; margin: 0px auto; margin-top:18px;}
.iabout_btn a{color: #fff; display: block; height: 36px; line-height: 36px; text-align: center; background: #009dda; border-radius: 8px;}

.index_bg1{background:url(about_bg.jpg) center no-repeat; background-size:auto 100% ;}

.i_quality{float: left; margin-top: 42px;}
.i_quality .about_pic{float: left; margin-right: 28px; padding-top: 18px;}
.iq_txt{width: 800px; float: right; color: #fff; font-size: 16px; margin-top: 60px; line-height: 28px;}
.iq_title{font-size: 24px; padding-bottom: 8px;}

.page_pic_left{float: left; padding-right: 32px;}
.page_pic_right{float: right; padding-left: 32px;}

.service_box img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.service_box{width: 376px; float: left; background: #fff; overflow: hidden; padding-bottom: 28px; height: 372px; cursor: pointer; margin-top: 18px; margin-bottom: 32px;}
.service_box:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);	-o-transform: scale(1.1); transform: scale(1.1);}
.service_box:hover .service_title{color: #ff6600;}
.service_box:hover .service_info{color: #333;}
.sb_mg{margin-left: 36px; margin-right: 36px;}
.service_box img{width: 100%; height: 232px;}
.service_pic{width: 376px; height: 232px; overflow: hidden;}
.service_title{font-size: 20px; padding: 0px 28px 0px 28px; height: 60px; line-height: 30px; overflow: hidden; margin-top: 12px; margin-bottom: 5px;}
.service_info{line-height: 20px; font-size: 14px; padding: 0px 28px; text-align: justify; color: #999; height: 60px; overflow: hidden;}

.quality_pic{float: left;}
.quality_pic img{margin-right: 18px; border: 5px solid #fff; box-shadow: 0px 4px 5px rgba(9,2,4,.17); width: 272px;}
.quality_txt{float: right; width: 500px; line-height: 38px;}
.quality_txt span{font-size: 24px; padding-bottom: 28px; width: 100%; display: block;}

.sp_list{width: 100%; overflow: hidden;}
.sp_box{width: 270px; float: left; margin-top: 32px; margin-right: 40px; background: #fff; padding-bottom: 28px;}
.sp_box:nth-child(4),.sp_box:nth-child(8){margin-right: 0px;}
.sp_pic{width: 80%; margin: 0px auto; padding: 28px 0px 10px 0px;}
.sp_pic img{width: 100%; height: 165px;}
.sp_title{width: 80%; margin: 0px auto; height: 42px; line-height: 42px; overflow: hidden; text-align: center; font-size: 16px;}
.sp_pic img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.sp_box:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);	-o-transform: scale(1.1); transform: scale(1.1);}
.sp_box:hover .sp_title a{color: #ff6600;}
.sp_btn{width: 25%; margin: 0px auto; margin-top: 72px; height: 42px; line-height: 42px; color: #fff; border-radius: 10px; overflow: hidden;}
.sp_btn a{display: block; background: #009dda; color: #fff;}
.sp_btn a:hover{background: #ff6600;}

.pro_title{font-size: 22px;}
.pro_list{width: 100%; overflow: hidden; padding-bottom: 72px;}
.pl_box{width: 350px; float: left; overflow: hidden; background: #fff; margin-top: 32px; margin-right: 30px; margin-left: 10px; cursor: pointer; padding-bottom: 32px;}
.pl_box:hover{ box-shadow:0 20px 20px rgba(0,0,0,0.1); -webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.pl_pic{width: 60%; padding: 60px 0px 42px 0px; margin: 0px auto;}.pl_pic img{width: 100%; height: 160px;}
.pl_title{text-align: center; font-size: 14px; width:80%; overflow:hidden; height:60px; line-height:20px; margin:0px auto;}

.pk_box{width: 270px; float: left; overflow: hidden; background: #fff; margin-top: 32px; margin-right: 20px; margin-left: 10px; cursor: pointer; padding-bottom: 32px;}
.pk_box:hover{ box-shadow:0 20px 20px rgba(0,0,0,0.1); -webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.pk_box .pl_pic{width: 60%; padding: 60px 0px 42px 0px; margin: 0px auto;}.pk_box .pl_pic img{width: 100%; height: 132px;}

.page_btn{text-align: center; width: 172px; position: absolute; bottom: 100px; left: 200px; z-index: 999;}
.page_btn a{display: block; width: 172px; height: 42px; line-height: 42px; background: #009dda; color: #fff; margin: 0px auto; border-radius: 10px;}
.page_btn a:hover{background: #ff6600;}

/*棣栭〉鍝佺墝*/
.index_title p{font-size: 32px; color: #000;text-align: center; padding-bottom: 18px; margin-bottom: 12px; position: relative;}
.index_title p:after{position: absolute; bottom: 0px; content: ' '; width: 30px; height: 5px; background: #11598f; border-radius: 5px; left: 50%; margin-left: -15px;}
.index_title span{display: block; line-height: 20px; height: 20px; color:#666;text-align: center;}
.index_title2 p{font-size: 32px; color: #FFF;text-align: center; padding-bottom: 18px; margin-bottom: 12px; position: relative;}
.index_title2 p:after{position: absolute; bottom: 0px; content: ' '; width: 30px; height: 5px; background: #FFF; border-radius: 5px; left: 50%; margin-left: -15px;}

.index_title2 span{display: block; line-height: 20px; height: 20px; color:#e3e3e3;text-align: center;}

.index_about{width: 90%; margin: 0px auto; font-size: 18px; color: #fff; padding-top: 32px;}
.about_ico{text-align: center; padding-top: 88px; padding-bottom: 42px;}
.about_ico img{width: 80%; margin: 0px auto;}

/* 棣栭〉鏂伴椈  */
.index_news_left{width: 580px; float: left;}
.index_news_right{width: 580px; float: right;}
.index_news_box p{font-size: 20px; border-bottom: 1px solid #ccc; padding-bottom: 16px; margin-bottom: 12px; position: relative; padding-left: 12px;}
.index_news_box p:after{content: ' '; border-bottom: 3px solid #11598f; position: absolute; left: 12px; bottom: 0px; width: 80px;}
.index_news_box b{width: 100%; overflow: hidden; display: block; line-height: 32px; height: 32px; text-overflow:ellipsis; white-space: nowrap; padding-left: 12px;}
.index_news_box .inl_info{line-height: 18px; height: 36px; overflow: hidden; display: block; padding-left: 12px; font-size: 12px; color: #999;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.index_news_box li{line-height: 42px; line-height: 42px; border-bottom: 1px solid #eee; overflow: hidden;}
.index_news_box li a{display: block; width: 460px; float: left; padding-left: 12px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.index_news_box li span{display: block;float: right; width: 100px; display: block; font-size: 12px; color: #ccc; text-align: right;}
.inl_btn{text-align: right; font-size: 12px; padding-top: 12px;}
.inl_btn a{color: #c81726; font-weight: bold;}
.inl_top{border-bottom: 1px solid #eee; padding-bottom: 10px;}
.inl_more{text-align: right; padding-top: 10px; font-size: 12px;}
.inl_more a{color: #000; font-weight: bold;}.inl_more a:hover{color: #cc0400;}

.top_bg{height: 100px; width: 100%; box-shadow: 0px 4px 5px rgba(9,2,4,.17); position: fixed; top: 0px; z-index: 9999; background: #fff;}
.top_box{height: 100px; width: 100%; overflow: hidden; display: block;}
.top{width: 100%; margin: 0px auto; height: 100px; position:relative; min-width: 1200px;}
.top .logo{background: url(logo.png) left center no-repeat; background-size: auto 100%; width: 200px; height: 47px; position: absolute; left: 32px; top: 28px;}
.top .logo a{display: block; text-indent: -99999px; height: 65px;}
.top_lg{position: absolute; top: 30px; right: 30px; text-align: right;}

.menu{width:680px; position: absolute; top: 32px; left: 50%; margin-left: -340px;}
.navBar{position:relative;z-index:100;height:40px;color:#fff;line-height:40px;}
.nav{margin:0 auto;width:680px;}
.nav h3{font-weight:400;font-size:100%;font-size:16px;text-align: center;}
.nav .m{position:relative;float:left;display:inline;text-align:center; margin-left: 2px; margin-left: 12px; margin-right: 12px;}
.nav h3 a{display:inline-block;padding:12px 0;height:16px;color:#555;line-height:16px;zoom:1; font-weight: bold;}
.nav .sub{position:absolute;top:40px;left:-45px;float:left;display:none;width:150px; background: #009dda; box-shadow: 0px 4px 5px rgba(9,2,4,.17); padding-top: 12px; padding-bottom: 12px;}
.nav .sub li{text-align:center; line-height:40px; height:40px;}
.nav .sub li a{display:block;color:#fff;zoom:1; font-size:12px;}
.nav .sub li a:hover{color:#fff; background:#11598f}
.nav .on a{color: #009dda;}
.nav .sub:before{position:absolute;top:-10px;left:50%;margin-left:-5px;width:1px;height:1px;border:5px solid transparent;content:'';border-bottom-color:#009dda;}
.nav #m3 .sub{width: 220px; left: -80px;}


.top_banner{width:100%; overflow:hidden; height:200px; display: block; position: relative;}
.top_banner p{position: absolute; left: 50%; margin-left: 380px; top: 60px; font-size: 32px; font-weight:bold; color: #fff;}
.top_banner span{position: absolute; left: 50%; margin-left: 380px; top: 106px; font-size: 16px; color: #fff;}
.container{width: 1200px; margin: 0px auto; padding-top: 28px; padding-bottom: 28px;}
.page_title{font-size: 24px; padding-bottom: 12px; width: 60%; text-align: center; margin: 0px auto; line-height: 42px; position: relative;}
.page_title:after{content: ' '; width: 60px; margin-left: -30px; border-bottom: 3px solid #11598f; position: absolute; bottom: 10px; left: 50%;}
.page_title h2{font-weight: normal; padding-bottom: 18px; padding-top: 28px;}
.page_content{line-height: 36px; font-size: 16px; padding-top: 42px; padding-bottom: 42px; width: 100%; overflow: hidden;}

.news_foot{width: 1200px; margin: 0px auto; overflow: hidden; padding-bottom: 32px; border-top: 1px solid #f2f2f2; padding-top: 18px;}
.news_foot a{color: #999;}.news_foot a:hover{color: #f6c7b4;}
.news_foot .nf_left{width: 50%; float: left; text-align: left;}
.news_foot .nf_right{width: 50%; float: right; text-align: right;}

.fullSlide{width:100%;position:relative;height:500px;background:#FFF; font-size:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden}
.fullSlide .bd ul{width:100%!important}
.fullSlide .bd li{width:100%!important;height:500px;overflow:hidden;text-align:center}
.fullSlide .bd li a{display:block;height:500px}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:10px;line-height:10px}
.fullSlide .hd ul{text-align:center}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;margin:1px;overflow:hidden;filter:alpha(opacity=50);opacity:.5;line-height:999px; border:2px solid #555; width: 10px; height: 10px; border-radius: 10px; margin-right: 2px; margin-left: 2px; background: #555}
.fullSlide .hd ul .on{background:#FFF;filter:alpha(opacity=100);opacity:1;}
.fullSlide .prev,.fullSlide .next{position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;width:40px;height:60px;background:url(slider-arrow.png) -126px -137px no-repeat;cursor:pointer; display:none}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}

.item_box,.item_box .item_more{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.item_box{width: 290px; float: left; margin-left: 5px; margin-right: 5px; overflow: hidden; margin-top: 52px; padding-bottom:52px; padding-top:42px; cursor:pointer;}
.item_box .item_pic{padding-bottom: 24px; display:block; overflow:hidden; text-align: center; padding-top: 32px;}
.item_box .item_title{text-align: center;}
.item_box .item_title a{color: #000; font-size: 19px;}
.item_box .item_info{color:#666; text-align:center; padding-top:12px; width:70%; overflow:hidden; margin-bottom:52px; font-size:15px; margin: 0px auto; line-height: 24px; height: 100px;}
.item_box .item_more{width:172px; overflow:hidden; height:40px; line-height:40px; border:1px solid #ccc; border-radius:20px; text-align:center; font-size:14px; margin:0px auto; margin-top: 42px;}
.item_box .item_more a{display:block; color:#666;}

.index_box .pb_on{ background:#f6f6f6; box-shadow: 0px 6px 15px rgba(9,2,4,.1);transform: translate3d(0,-5px ,0);}
.index_box .pb_on .item_more{background:#f57426; border:1px solid #f57426;}
.index_box .pb_on .item_more a{color:#fff;}


.page{padding-top:32px; padding-bottom:72px; overflow:hidden; width:100%; text-align: center;}
.page a{text-decoration:none; font-size:14px; color:#333; background:#fff; border:1px solid #ccc;  display: inline-block; padding: 6px 10px 6px 10px; margin-left: 3px; margin-right: 3px;}
.page a:hover,.page  a.active{background:#11598f; border:1px solid #11598f; color:#fff;}
.page a.active{color:#fff;}

.more{width:300px;line-height:50px;height:50px;font-size:16px;transition:all .3s ease-out 0s; margin-top:32px;border:1px solid #dfdfdf;color:#999; margin: 0px auto; overflow: hidden; border-radius: 5px; margin-top: 32px;}
.more a{position:relative;z-index:1;display:block;text-align:center;text-transform:uppercase;}
.more a:before{position:absolute;top:0;left:0;z-index:-1;display:block;width:0;height:100%;content:"";transition:all .3s ease-out 0s;}
.more a:hover{color:#fff;}
.more a:hover:before{width:100%;background:#2a9c2a;}
.bg1 .more a{background:#009dda; color:#fff;}

.foot_bg{background: #1d1d1d; width: 100%; overflow: hidden; color: #fff; }
.foot{width: 1200px; margin: 0px auto; padding-top: 42px; padding-bottom: 28px; overflow: hidden; border-bottom: 1px solid #000;}
.foot .foot_box{float: left; margin-right: 80px;}
.foot .foot_box:nth-child(1){width: 80px;}
.foot .foot_box:nth-child(2){width: 150px;}
.foot .foot_box:nth-child(3){width: 80px;}
.foot .foot_box:nth-child(4){width: 250px;}
.foot .foot_box:last-child{margin-right: 0px;}
.foot .foot_box p{font-size: 18px; padding-bottom: 12px;}
.foot .foot_box li{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.foot .foot_box li span{float: left;}
.foot .foot_box li,.foot .foot_box a{color: #bcbcbc; font-size: 12px; display: block; line-height: 24px; height: 24px;}
.foot .foot_box a:hover{color: #e62129;}
.foot .foot_qr{float: right; padding-top: 12px;}
.foot .qr_box{float: left; width: 120px; overflow: hidden; text-align: center;}
.foot .qr_box img{width: 100px;}
.foot .qr_box span{display: block;}

.foot_text{text-align: center; color: #bbbbbb; border-top: 1px solid #3d3d3d; padding-bottom: 18px; padding-top: 22px; width: 1200px; margin: 0px auto; line-height: 20px; font-size: 12px;}
.foot_text a{color: #bbb;}
.foot_text a:hover{color: #009dda;}
/* 灏忎笁瑙 */
#colorNav li ul li:first-child:before{position:absolute;top:-10px;left:50%;margin-left:-5px;width:1px;height:1px;border:5px solid transparent;content:'';border-bottom-color:#009dda;}





/* 棣栭〉婊氬姩鏍峰紡 */
.picScroll{position:relative; width: 100%; background:#fff;}
.picScroll .next,.picScroll .prev{position:absolute; top:0px; display:block; width:50px; height:600px; background:url(btns.png) right center no-repeat;}
.picScroll .prev{right:-50px; }
.picScroll .next{left:-50px; background-position: left center;}
.picScroll ul{overflow:hidden;zoom:1;}
.picScroll ul li,.picScroll ul li img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.picScroll ul li{width:355px; float:left; margin-left: 20px; margin-right:20px; margin-top:42px; margin-bottom:28px; background:#fff; cursor:pointer; overflow: hidden; box-shadow: 0PX 0px 10px rgba(0,0,0,.2); padding-bottom: 42px; text-align: center; background:url(loading.gif) center center no-repeat;}
.picScroll ul li div{width: 260px; height: 446px; overflow: hidden;display: block; margin: 0px auto;}
.picScroll ul li img{width:260px; height:446px;}
.picScroll span{text-align: center; font-size: 18px; text-align: center; display: block; width: 300px; margin: 0px auto; overflow: hidden; height: 28px; line-height: 28px;}
.picScroll p{display: block; width: 300px; margin: 0px auto; color: #999; line-height: 18px; height: 54px; overflow: hidden;}
.picScroll ul li i{width: 120px; font-style: normal; text-align: center; margin: 0px auto; display: block; margin-top: 20px;  height: 32px; line-height: 32px;}
.picScroll ul li i a{display: block; color: #fff; background: #11598f; border-radius: 5px;}
.picScroll ul li:hover{transform: translate3d(0,-10px ,0); color:#fff;}
.picScroll ul li:hover a{color:#ff6600;}
.picScroll ul li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);	-o-transform: scale(1.1); transform: scale(1.1);}
.picScroll ul li:hover i a{color:#FFF; background: #ff6600;}
.picScroll ul li:hover p{color: #333;}

/*about*/
.small_menu_bg{width: 100%; height: 55px; line-height: 55px; background: #eee;}
.small_menu_bg .small_menu{width: 1200px; margin: 0px auto; overflow: hidden;}
.small_menu_bg .small_menu li{float: left; margin-right: 1px;}
.small_menu_bg .small_menu li a,.small_menu_bg .small_menu li span{display: block; padding-left: 24px; padding-right: 24px; font-size: 16px; cursor: pointer;}
.small_menu_bg .small_menu .on,.small_menu_bg .small_menu li:hover{background: #009dda;}
.small_menu_bg .small_menu .on a,.small_menu_bg .small_menu .on span{color: #fff;}
.small_menu_bg .small_menu li:hover a,.small_menu_bg .small_menu li:hover span{color: #fff;}

.small_menu_bg .small_menu .sm a{font-size: 13px; padding-left: 5px; padding-right: 5px;}

.small_location{float: right;}
.small_location span{margin-right: 10px; position: relative; padding-right: 12px;}
.small_location span:after{content: ' '; position: absolute; right: 0px; width: 7px; height: 7px; border-right: 1px solid #999; border-bottom: 1px solid #999; transform: rotate(-45deg); top: 6px;}
.small_location span:last-child:after,.small_location span:first-child:after{display: none;}
.small_location span:last-child{padding-right: 0px; margin-right: 0px;}
.small_location span:first-child{padding-right: 10px; margin-right: 0px;}


.index_brand{border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:0px; overflow:hidden; width:1195px; margin:0px auto; margin-top:72px; background:#d5d5d5;}
.index_brand li{border-top:1px solid #ccc; border-left:1px solid #ccc; width:198px; float:left; overflow:hidden; padding: 20px; background: #fff;}
.index_brand li img{height:83px; width:100%;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.index_brand li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none;opacity:1;transform: scale(0.92,0.9);}





.news_list{width: 1200px; margin: 0px auto; overflow: hidden;}
.news_box{width: 380px; float: left; margin-right: 30px; margin-bottom: 30px;}
.news_box:nth-child(3),.news_box:nth-child(6),.news_box:nth-child(9),.news_box:nth-child(12){margin-right: 0px;}
.news_box .news_picture{width: 100%; height: 250px; overflow: hidden;}
.news_box .news_picture img{width: 100%; height: 260px;}
.news_box .news_picture img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.news_box:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.news_box .news_title{height: 22px; line-height: 22px; font-size: 16px; overflow: hidden; margin-top: 5px;}
.news_box .news_info{line-height: 18px; height: 36px; overflow: hidden; color: #999; font-size: 14px; margin-top: 6px;}
.news_box .news_date{color: #999; font-size: 12px; margin-top: 8px;}
.news_date{text-align: center; padding-top: 18px;}

.products_list{width: 1200px; margin: 0px auto; overflow: hidden;}
.pb_box,.pb_box img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.pb_box{width:355px; float:left; margin-left: 20px; margin-right:20px; margin-top:42px; margin-bottom:28px; background:#fff; cursor:pointer; overflow: hidden; box-shadow: 0PX 0px 10px rgba(0,0,0,.2); padding-bottom: 42px; text-align: center; background:url(loading.gif) center center no-repeat;}
.pb_box .pb_picture{width: 260px; height: 446px; overflow: hidden;display: block; margin: 0px auto;}
.pb_box .pb_picture img{width:260px; height:446px;}
.pb_box .pb_title{text-align: center; font-size: 18px; text-align: center; display: block; width: 300px; margin: 0px auto; overflow: hidden; height: 28px; line-height: 28px;}
.pb_box p{display: block; width: 300px; margin: 0px auto; color: #999; line-height: 18px; height: 54px; overflow: hidden;}
.pb_box i{width: 120px; font-style: normal; text-align: center; margin: 0px auto; display: block; margin-top: 20px;  height: 32px; line-height: 32px;}
.pb_box i a{display: block; color: #fff; background: #11598f; border-radius: 5px;}
.pb_box:hover{transform: translate3d(0,-10px ,0); color:#fff;}
.pb_box:hover a{color:#ff6600;}
.pb_box:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);	-o-transform: scale(1.1); transform: scale(1.1);}
.pb_box:hover i a{color:#FFF; background: #ff6600;}
.pb_box:hover p{color: #333;}