@charset "utf-8";
/*************************** 宽屏样式(start) ***************************/
.w_1200 #intm .about{ width:610px;}
.w_1200 #intm .video{ width:496px; height:300px;}
.w_1200 #intm .video .play{ left:218px; top:120px;}
.w_1200 #intb .list{ width:565px;}
.w_1200 #intb .list .para{ width:302px; height:263px;}
.w_1200 #intb .list .para .name{ margin-top:50px;}
.w_1200 #intb .list .pic{ width:263px; height:263px; text-align:center;}
.w_1200 #intb .l1 .para .bg{ right:-13px; top:118px;}
.w_1200 #intb .l2 .para .bg{ right:-13px; top:118px;}
.w_1200 #intb .l3 .para .bg{ left:-13px; top:118px;}
.w_1200 #intb .l4 .para .bg{ left:-13px; top:118px;}
.w_1200 #inmm .list{ width:364px; margin-left:34px;}
.w_1200 #inmm .list .pic{ width:364px; min-height:219px;}
/***************************  宽屏样式(end)  ***************************/
/*************************** Index (start) ****************************/
.in_sign{ text-align:center; margin-bottom:20px;}
.in_sign .l{ padding-left:120px; background:url(in_sign_bg.png) left center no-repeat;}
.in_sign .r{ padding-right:120px; font-size:24px; height:30px; line-height:30px; background:url(in_sign_bg.png) right center no-repeat;}

#banner .slideNum_1 .hd{ display:none;}

#intt{ height:94px; background:url(intt_bg.jpg) top center no-repeat;}
#intt .tit{ line-height:94px; font-family:"Myriad Pro"; font-size:32px; color:#fff;}
#intt .more a{ height:38px; line-height:38px; padding-left:15px; padding-right:40px; font-size:16px; border:1px solid #fff; display:inline-block; margin-top:25px; color:#fff; background:url(../images/b_more.png) 85% center no-repeat;}
#intt .more a:hover{ text-decoration:none; background:url(../images/b_more.png) #333 85% center no-repeat; border:1px solid #333;}

#intm{ background:#f5f5f5; padding:40px 0;}
#intm .about{ width:515px;}
#intm .about .tit{ font-size:20px; color:#000; line-height:30px;}
#intm .about .con{ font-size:14px; color:#434343; line-height:20px; margin-top:20px;}
#intm .about .more{ height:36px; line-height:36px; padding-left:20px; padding-right:30px; color:#fff; background:url(s_more.png) #00b7ee 90% center no-repeat; display:inline-block; font-size:14px; margin-top:20px;}
#intm .about .more:hover{ text-decoration:none; background:url(s_more.png) #56509f 90% center no-repeat;}

#intm .video{ width:419px; height:254px; text-align:center; position:relative;}
#intm .video img{ vertical-align:middle;}
#intm .video span{ height:100%; display:inline-block; vertical-align:middle;}
#intm .video .play{ width:60px; height:60px; background:url(play.png) no-repeat; display:block; position:absolute; left:179px; top:97px;}
#intm .video iframe{width:100%; height:100%;}

#intb .box{ padding:0 15px;}
#intb .list{ width:475px;}
#intb .list .para{ width:253px; height:222px; position:relative;}
#intb .list .para .bg{ width:13px; height:27px; position:absolute;}
#intb .list .para .name{ height:25px; line-height:25px; overflow:hidden; margin:0 30px; margin-top:30px;}
#intb .list .para .name a{ font-size:18px; color:#fff;}
#intb .list .para .brief{ font-size:14px; line-height:25px; color:#fff; margin:0 30px; height:50px; overflow:hidden; margin-top:5px;}
#intb .list .para .more{ color:#fff; height:30px; line-height:30px; text-align:center; border:1px solid #fff; padding-left:15px; padding-right:25px; background:url(../images/s_more.png) 90% center no-repeat; margin-top:10px; margin-left:30px; display:inline-block;}
#intb .list .para .price{ margin-left:30px; color:#fff; font-size:28px; margin-top:15px;}
#intb .list .pic{ width:222px; height:222px; text-align:center;}
#intb .list .pic img{ vertical-align:middle;}
#intb .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#intb .l1 .para{ background:#ff7921;}
#intb .l1 .para .bg{ background:url(intb_fir.png) no-repeat; right:-13px; top:97px;}
#intb .l2 .para{ background:#56509f;}
#intb .l2 .para .bg{ background:url(intb_sec.png) no-repeat; right:-13px; top:97px;}
#intb .l3 .para{ background:#01cafe;}
#intb .l3 .para .bg{ background:url(intb_thd.png) no-repeat; left:-13px; top:97px;}
#intb .l4 .para{ background:#91c52e;}
#intb .l4 .para .bg{ background:url(intb_fou.png) no-repeat; left:-13px; top:97px;}

#inmt{ height:344px; text-align:center;}
#inmt .box{ width:945px; margin:0 auto;}
#inmt .tit{ font-size:30px; color:#fff; height:40px; line-height:40px; overflow:hidden;}
#inmt .con{ font-size:16px; color:#fff; line-height:30px; margin-top:10px; min-height:150px; overflow:hidden;}
#inmt .more{ height:44px; line-height:44px; padding-left:20px; padding-right:40px; font-size:17px; display:inline-block; border:1px solid #fff; background:url(b_more.png) 85% center no-repeat; color:#fff; margin-top:15px;}
#inmt .more:hover{ text-decoration:none; background:url(b_more.png) #333 85% center no-repeat; border:1px solid #333;}

#inmm .list{ width:307px; margin-left:29px;}
#inmm .list:first-child{ margin-left:0;}
#inmm .list .pic{ width:307px; min-height:185px; text-align:center; position:relative;}
#inmm .list .pic .more{ height:36px; line-height:36px; padding-left:20px; padding-right:30px; display:inline-block; background:url(s_more.png) #333 90% center no-repeat; color:#fff; font-size:13px; position:absolute; right:0; bottom:0;}
#inmm .list:hover .more{ text-decoration:none;  background:url(s_more.png) #00b7ee 90% center no-repeat;}
#inmm .list .pic img{ vertical-align:middle;}
#inmm .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#inmm .list .name{ height:20px; line-height:20px; overflow:hidden; margin:0 5px; margin-top:10px;}
#inmm .list .name a{ font-size:18px;}
#inmm .list:hover .name a{ text-decoration:none; color:#524b9e;}
#inmm .list .brief{ font-size:16px; color:#585858; line-height:25px; margin:0 5px; height:50px; overflow:hidden; margin-top:12px;}