@charset "utf-8";
/*************************** 宽屏样式(start) ***************************/
.w_1200 #int .int_box .list{ width:270px; margin-left:40px;}
.w_1200 #inm .intl{ width:785px;}
.w_1200 #inm .intl .top .box .pic{ width:202px; height:173px;}
.w_1200 #inm .intl .top .box .con{ width:555px;}
.w_1200 #inm .intl .top .box .con .brief{margin-top:7px; height:110px;}
.w_1200 #inm .intl .case .cate{ width:376px;}
.w_1200 #inm .intl .case .con_r{ width:370px;}
.w_1200 #inm .news{ width:390px;}
.w_1200 #inm .news .list{ margin-top:25px;}
.w_1200 #inm .news .list .con{ width:290px;}
.w_1200 #inb .inbl{ width:630px;}
.w_1200 #inb .inbr{ width:480px;}
/***************************  宽屏样式(end)  ***************************/
/*************************** Index (start) ****************************/
#banner{ height:523px;}
#banner .hd{ height:15px; bottom:100px;}
#banner .hd ul li{ width:15px; height:15px; border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; background:#2185c5; margin:0 5px;}
#banner .hd ul li.on{ background:#fff;}

#int{ height:368px; background:#f3f6f5;}
#int .wrap{ position:relative;}
#int .int_box{ position:absolute; width:100%; left:0; top:-68px;}
#int .int_box .list{ width:230px; margin-left:20px; text-align:center; padding-bottom:70px; background:url(../images/int_bg.jpg) #fff right bottom no-repeat;}
#int .int_box .list:first-child{ margin-left:0;}
#int .int_box .list:hover img{ transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
#int .int_box .list .sign{ padding:0 45px; height:53px; padding-top:15px; background:#7dcffc; font-family:"Verdana"; font-size:18px; overflow:hidden; color:#fff;}
#int .int_box .list .pic{ width:84px; height:84px; text-align:center; margin:0 auto;}
#int .int_box .list .pic img{ vertical-align:middle;}
#int .int_box .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#int .int_box .list .tit { height:30px; line-height:30px; margin:0 30px; overflow:hidden;}
#int .int_box .list .tit a{ font-family:"Verdana"; font-size:22px;}
#int .int_box .list .tit a:hover{ color:#7dcffc; text-decoration:none;}
#int .int_box .list .brief{ font-family:"Verdana"; font-size:14px; color:#555; margin:0 30px; line-height:20px; height:80px; overflow:hidden;}

#inm{ padding:40px 0;}
#inm .sign{ font-family:"Verdana"; font-size:22px;}
#inm .intl{ width:641px;}
#inm .intl .top .box .pic{ width:165px; height:142px; text-align:center;}
#inm .intl .top .box .pic img{ vertical-align:middle;}
#inm .intl .top .box .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#inm .intl .top .box .con{ width:454px;}
#inm .intl .top .box .con .tit{ color:#2184c5; font-family:"Verdana"; font-size:16px; line-height:25px; height:50px; overflow:hidden;}
#inm .intl .top .box .con .brief{ font-size:14px; font-family:"Verdana"; color:#555; line-height:22px; margin-top:10px; height:88px; overflow:hidden;}
#inm .intl .mid{ margin-top:15px;}

#inm .intl .case .cate{ width:308px;}
#inm .intl .case .cate .list{ height:58px; line-height:58px; overflow:hidden; text-indent:55px;}
#inm .intl .case .cate .list a{ display:block; font-family:"Verdana"; font-size:14px; background:url(../images/case_sign.jpg) #fafafa 35px center no-repeat; height:58px; overflow:hidden;}
#inm .intl .case .cate .list a:hover{ text-decoration:none;}
#inm .intl .case .cate .list .cur{ background:url(../images/case_sign_cur.jpg) #7ecffe 35px center no-repeat; color:#fff;}
#inm .intl .case .con_r{ width:303px;}
#inm .intl .case .con_r .con{ display:none;}
#inm .intl .case .con_r .cur{ display:block;}
#inm .intl .case .con .tit{ font-size:16px; color:#2184c5; font-family:"Verdana"; height:40px; line-height:20px; overflow:hidden;}
#inm .intl .case .con .brief{ font-family:"Verdana"; font-size:14px; color:#555; line-height:20px; margin-top:10px; height:120px; overflow:hidden;}

#inm .news{ width:319px;}
#inm .news .list{ margin-top:20px;}
#inm .news .list:first-child{ margin-top:0;}
#inm .news .list .date{ width:82px; height:115px; background:url(../images/news_date.jpg) no-repeat;}
#inm .news .list .date span{ display:inline-block; width:70px; text-align:center;}
#inm .news .list .date .d{ color:#fff; font-size:42px; margin-top:5px;}
#inm .news .list .date .m{ font-size:20px;}
#inm .news .list .date .y{ color:#fff; font-size:15px; margin-top:14px;}
#inm .news .list .con{ width:236px;}
#inm .news .list .con .tit{ height:20px; line-height:20px; overflow:hidden;}
#inm .news .list .con .tit a{ color:#2184c5; font-size:16px; font-family:"Verdana";}
#inm .news .list .con .brief{ font-size:14px; color:#555; font-family:"Verdana"; line-height:20px; height:80px; overflow:hidden; margin-top:10px;}

#inb{ padding:35px 0; background:#edeef0;}
#inb .sign{ font-size:18px; font-family:"Verdana"; text-transform:uppercase;}
#inb .inbl{ width:514px;}
#inb .inbl .brief{ font-family:"Verdana"; font-size:14px; line-height:22px; margin-top:10px; margin-bottom:15px;}
#inb .inbl .share a{ margin:0 1px;}
#inb .inbr{ width:392px;}
#inb .inbr .tips{ font-family:"Verdana"; font-size:14px; margin:12px 0;}
#inb .inbr .letter .form_input{ width:316px; height:41px; border:1px solid #dcdcdc; background:#fff; vertical-align:top; text-indent:10px; font-size:14px;}
#inb .inbr .letter .submit{ height:43px; line-height:43px; padding:0 15px; background:#2185c5; color:#fff; border:1px solid #dcdcdc; color:#fff; vertical-align:top; cursor:pointer; font-size:14px;}
#inb .inbr .letter .submit:hover{ background:#333;}