@charset "gb2312";
/*--Global --*/
.width_c{ width:1000px; padding:0px; margin:0px auto;}

/*--Header--*/
.welcome{color:#fff; height:32px; line-height:32px; background:#0f0f20}
.welcome a{color:#fff;}
.white{background:#fff; padding:30px 0;}
.logo{width:193px; float:left}

.search{ width:151px; height:29px; margin-top:30px; float:right; background:url(../images/search.png)}
.search input{ vertical-align:middle}
.search .inp{width:115px; height:29px; border:0px; background:none; line-height:29px; text-indent:18px; color:#666; font-size:12px; font-family:'΢ÈíÑźÚ';}
.search .sub{width:36px; height:29px; border:0px; background:none; cursor:pointer; font-size:0px;}

/*--Nav--*/
.nav{width:541px; float:left; margin-left:60px;}
.nav li {float:left; text-align:center; position:relative; border-right:1px solid #ebebeb}
.nav li.first{border-left:1px solid #ebebeb}
.nav li a {color:#333; font-size:14px; font-family:'Microsoft Yahei'; width:89px;  display:block; height:90px; line-height:90px;}
.nav li a:hover,.nav li a.hover{color:#084299}

/*--Flexslider--*/
.flexslider{position:relative;width:100%;height:520px; margin:0 auto;overflow:hidden;zoom:1; text-align:center;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1; }
.flexslider .slides li{height:520px;}
.flexslider .slides li a{display:block; width:100%; height:520px;}
.flexslider .shadow{ width:100%; position:relative; bottom:60px; left:0px; z-index:10; height:60px; line-height: 60px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block; font-size:20px; color:#F7E6CB; text-align:center }  
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:200px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer; display:none}
.flex-control-paging li a.flex-active{background-position:0 0;}

.flexslider2{position:relative;width:100%;height:350px; margin:0 auto;overflow:hidden;zoom:1; text-align:center; background:#FFF;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider2 .slides{zoom:1; }
.flexslider2 .slides li{height:350px;}
.flexslider2 .slides li a{display:block; width:100%; height:350px;}
.flexslider2 .shadow{ width:100%; position:relative; bottom:60px; left:0px; z-index:10; height:60px; line-height: 60px; background:rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block; font-size:20px; color:#F7E6CB; text-align:center } 
.flexslider2:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider2:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider2:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}

.banner_about{background:url(../images/banner_about.jpg) center no-repeat; height:220px;}
.banner_contact{background:url(../images/banner_contact.jpg) center no-repeat; height:220px;}
.banner_news{background:url(../images/banner_news.jpg) center no-repeat; height:220px;}
.banner_product{background:url(../images/banner_product.jpg) center no-repeat; height:220px;}
.banner_guestlist{background:url(../images/banner_guestlist.jpg) center no-repeat; height:220px;}

/*--mainbody--*/
.in_product{padding:30px 0;}
.product_scroll{overflow:hidden; width:1000px;}
.product_scroll ul{ overflow:hidden; zoom:1;}
.product_scroll ul li{ float:left; width:200px; overflow:hidden; display:inline; margin-right:20px; text-align:center}
.product_scroll ul li img{ width:200px; height:140px; margin-top:14px;}
.product_scroll ul li a.dask{ line-height:40px; display:block; text-align:center; font-size:14px; border-bottom:1px solid #dcdcdc; position:relative}
.product_scroll ul li a.dask hr{width:18px; height:2px; background:#084299; border:0px; position:absolute; bottom:0px; left:91px;}

.in_title{height:20px; line-height:20px; margin-bottom:15px;}
.in_title h4{float:left; height:20px; border-left:3px solid #084299; padding-left:10px; font-size:18px; font-weight:normal; line-height:20px; color:#333;}
.in_title h4 span{color:#b1b0b1; margin-left:3px; font-size:16px;}
.in_title a{float:right; color:#084299; font-size:12px; text-transform:uppercase}

.in_about{width:266px; float:left}
.in_about .in_about_con{color:#666;}
.in_about .in_about_con img{width:266px; height:152px; margin-bottom:6px;}
.in_news{width:410px; margin-left:28px; float:left}
.in_news .in_news_top{height:100px; border-bottom:1px solid #dedede;}
.in_news .in_news_top img{width:152px; float:left; height:86px;}
.in_news .in_news_top p{width:243px; float:left; margin-left:15px;}
.in_news .in_news_top p a.dask{font-size:14px; line-height:26px; color:#666; display:block}
.in_news .in_news_top p span{color:#999; line-height:20px; display:block}
.in_news ul li{height:26px; line-height:26px; border-bottom:1px dashed #dedede}
.in_news ul li a{float:left; color:#666; background:url(../images/icon_news.png) left no-repeat; padding-left:15px;}
.in_news ul li span{color:#999; float:right}

.in_contact{width:271px; float:right}
.in_contact .in_contact_con{color:#666;}
.in_contact .in_contact_con img{width:271px; height:104px; margin-bottom:6px;}

.mainbody{padding:30px 0; border-bottom:2px solid #162a71}
.location{height:40px; line-height:40px; margin-bottom:15px;}
.location h4{float:left; font-size:22px; font-weight:normal; color:#333;}
.location span{color:#666; float:right; font-size:12px; background:url(../images/icon_home.png) left no-repeat; padding-left:18px;}
.location span a{color:#666}

.right { background:#fff; border:1px solid #d2d2d2;}
.pocation{height:40px; line-height:40px; margin-bottom:15px; background:url(../images/right_01.png) repeat-x; height:55px; line-height:55px; padding:0 10px;}
.pocation h4{float:left; font-size:22px; font-weight:normal; color:#084299;}
.pocation span{color:#666; float:right; font-size:12px; background:url(../images/icon_home.png) left no-repeat; padding-left:18px;}
.pocation span a{color:#666}

.content{padding:20px; color:#666; background:#fff;}
.pontent{color:#666;}
.pontent .left { width:224px; float:left;}
.pontent .right{ width:747px; float:right;}
.pontent .left .list_pro .title { background:url(../images/left_01.png); width:224px; height:68px; color:#fff; font-size:28px; line-height:68px; text-align:center; padding:0;}
.pontent .left .list_pro li { background:url(../images/left_02.png); width:184px; height:51px; line-height:51px; text-align:left; padding-left:40px;}

.contact_left { margin-top:20px;}
.contact_left .title{background:url(../images/left_01.png); width:224px; height:68px; color:#fff; font-size:28px; line-height:68px; text-align:center; padding:0;}
.contact_left .content_left_t{ background:#fff; padding:15px 5px; border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; text-align:center;}
.contact_left .content_left_t h3 { font-size:14px; font-weight:100; line-height:32px;}
.contact_left .content_left_t h4 { font-size:24px; color:#0054d2; font-weight:100; line-height:32px;}
.contact_left .content_left_b{ background:#fff; padding:5px; border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; text-align:center;}
.aside{width:220px; float:left;}
.contact_left .content_left_b h3 {font-size:14px; font-weight:100; line-height:32px;}
.contact_left .content_left_b h4 a { margin:auto; display:block; background:#0e5acc; color:#fff; font-size:14px; width:92px; height:30px; line-height:30px; margin-bottom:15px;}


.aside h4{font-size:22px; color:#fff; font-weight:normal; height:70px; line-height:70px; padding-left:20px; background:#1e3988; border-bottom:4px solid #182e6c}
.aside ul{background:#fff;}
.aside ul li{line-height:36px; margin-top:8px;}
.aside ul li a{background:url(../images/icon_list.png) left no-repeat #1e3988; background-position:190px 10px; display:block; font-size:16px; padding-left:20px; color:#fff}
.aside ul li a:hover,.aside ul li a.hover{background:url(../images/icon_list_hover.png) left no-repeat #da251c; background-position:190px 10px; color:#fff}
.aside ul li ul{}
.aside ul li ul li{line-height:26px;}
.aside ul li ul li a{background:url(../images/icon_news.png) left no-repeat; background-position:22px 10px; display:block; font-size:12px; padding-left:35px; border-bottom:0px; color:#666}
.aside ul li ul li a:hover{background:url(../images/icon_news.png) left no-repeat; background-position:22px 10px; color:#da251c;}
.aside h5{height:42px; line-height:42px; padding-left:20px; color:#fff; background:#1e3988; margin-top:20px; font-size:18px; font-weight:normal}
.aside .left_news{background:#fff; padding:12px;}
.aside .left_news a{border-bottom:1px dashed #ddd; line-height:34px; height:34px; display:block; overflow:hidden; background:url(../images/icon_news.png) left no-repeat; padding-left:12px;}

.news li{height:36px; line-height:36px;}
.news li.first{background:#efefef}
.news li a{background:url(../images/icon_news2.png) left no-repeat; padding-left:18px; float:left; margin-left:10px;}
.news li span{color:#666; float:right; padding-right:10px;}

.product li{width:284px; margin-right:28px; text-align:center; float:left; height:298px; margin-top:10px;}
.product li.last{margin-right:0px;}
.product li img{width:284px; height:210px;}
.product li a.dask{font-size:14px; line-height:40px; text-align:center; display:block}
.product li a.detail{display:inline-block; background:url(../images/icon_product_s.jpg); width:107px; height:34px;}
.product li a.advisory{display:inline-block; background:url(../images/icon_product_m.jpg); width:107px; height:34px; margin-left:6px;}

.case li{float:left; text-align:center; margin-bottom:10px; margin-left:20px;}
.case li div{vertical-align:middle; width:215px; height:215px; border:5px solid #eee; text-align:center; display: table; table-layout:fixed;}
.case li img{width:expression(this.width > 215 ? 215: true); max-width:215px; _height:215px; max-height:215px; *margin-top:expression((215 - this.height )/2); /*¼æÈÝIE7*/}
.case span a{display:block; line-height:30px; font-size:14px;}
.case li.last{margin-right:0px;}
.table_cell{display: table-cell;text-align: center;vertical-align: middle; width:215px;}


/*--Footer--*/
.footer{background:#f5f5f5; padding:30px 0;}
.footer ul{float:left}
.footer ul li{border-right:1px dashed #c5c5c5; float:left; padding:0 30px; color:#666; min-height:170px; _height:170px;}
.footer ul li.first{padding-left:0px;}
.footer ul li.last{border-right:0px;}
.footer ul li h4{font-size:14px; color:#333; font-weight:normal; padding-bottom:7px;}
.footer ul li a{ display:block; color:#666;}
.footer .code{float:right; width:340px;}
.footer .code p{float:left; width:120px;}
.footer .code span{display:block; margin-top:3px; text-align:center; color:#666}
.footer .code .tel{background:url(../images/icon_tel.png) left no-repeat; margin-top:38px; color:#666; float:right; padding-left:44px;}
.footer .code .tel span{font-size:26px; color:#053393; font-family:'impact'; display:block}

.copyright{padding:10px 0; background:#202020; color:#fff;}
.copyright_content{width:720px; float:left;}
.copyright_links{background:url(../images/links.png); width:199px; height:26px; border:0px; float:right; color:#999; text-indent:20px;}

/*--Guestbook--*/
.myform{ font-family:'΢ÈíÑźÚ'; font-size:13px; padding-top:10px;}
.myform table tr{height:40px;}
.myform .greeninput{border:1px solid #eee;height:22px; line-height:22px; background:#fff;}
.myform .input{border:1px solid #eee;height:22px; line-height:22px; background:#fff;}
.myform .greenarea{border:1px solid #eee; background:#fff; width:430px; height:106px;}
.myform .button{background:#162a71; color:#fff;cursor:pointer; border:0px; padding:0 15px; font-family:'΢ÈíÑźÚ'; line-height:28px;}
.myform textarea{margin:0px; padding:0px;}


/*--Details--*/
.topicTitle{font-size:22px; color:#333; font-weight:bold; text-align:center; padding:10px 0 10px 0;}
.posttime{margin:10px 0; text-align:center; border-top:1px dashed #eaeaea; border-bottom:1px dashed #eaeaea; padding:5px 0}
.posttime span{color:#F00}
.pres{background:#e6e6e6;color:#333;border-top:2px solid #fff;display:block;height:30px;line-height:30px;padding:0 10px;}
.pres a{color:#333}
.yaoimg{vertical-align:middle; width:expression(this.width > 600 ? 600: true); max-width:600px;}
#articlecontent{padding:10px;}
#articlecontent img{vertical-align:middle; width:expression(this.width > 660 ? 660: true); max-width:660px;}

.class{margin-bottom:20px;}
.class li{float:left; border:1px solid #d2d2d2; border-right:0px; height:50px; position:relative; margin-bottom:10px;}
.class li.last{border-right:1px solid #d2d2d2;}
.class li a{display:block; font-size:14px; padding:0 25px; line-height:50px; background:#fff;}
.class li a:hover,.class li a.hover{background:#051b67; color:#fff;}
.class li a.hover i,.class li a:hover i{background:url(../images/bottom.png); width:11px; height:5px; position:absolute; top:50px; display:block; text-align:center; left:45%;}


#qq_service{position:fixed; top:120px; right:0px; width:150px; z-index:9999; background:url(../images/service.jpg) top scroll #246cd8 repeat-x; padding-bottom:10px; color:#fff;}
#qq_service ul{width:116px; margin:0 auto; padding-top:180px;}
#qq_service ul li{background:url(../images/icon_qq.png); height:21px; line-height:21px; padding-left:36px; margin-bottom:12px;}
#qq_service ul li a{color:#666}
#qq_service span{background:url(../images/icon_tel2.png) top left no-repeat; padding-top:40px; margin:20px 0px 15px 15px; font-size:18px; color:#fff; display:block;}
#qq_service .closed{position:absolute; top:2px; right:0px;}
#qq_service .closed span{width:20px; height:20px; display:block; cursor:pointer; background:none; padding:0px; margin:0px;}