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

/*--Header--*/
.header{}

/*--Nav--*/
.nav{width:552px; float:right; margin-top:30px;}
.nav li {float:left; text-align:center; position:relative; background:url(../images/nav_r.jpg) right no-repeat}
.nav li.last{background:none}
.nav li a {color:#484849; font-size:16px; font-family:'Microsoft Yahei'; display:block; height:36px; line-height:36px; width:92px;}
.nav li a.hover,.nav li a:hover{background:url(../images/nav_hover.png); color:#fff;}
.nav li ul{width:120px;position: absolute;left:-999em; z-index:99999;}
.nav li:hover ul{left:auto}
.nav li ul li{float:left;width:120px; height:32px; border-top:1px solid #fff;}
.nav li ul li a{background:#ddd; font-size:12px; line-height:32px; height:32px; display:block; width:120px; color:#666; text-align:left; text-indent:20px;}
.nav li ul li a:hover{background:#58a3d7;}

/*--Flexslider--*/
.flexslider{position:relative;width:100%;height:750px; 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:750px;}
.flexslider .slides li a{display:block; width:100%; height:750px;}
.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:320px; 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;}
.flexslider2 .slides{zoom:1; }
.flexslider2 .slides li{height:320px;}
.flexslider2 .slides li a{display:block; width:100%; height:320px;}
.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);}


/*--mainbody--*/
.in_about{background:#f5f5f5; padding:50px 0;}
.in_about .title{font-size:36px; color:#484849; text-align:center; line-height:40px;}
.in_about .title hr{background:#dcdcdc; height:1px; border:0px; margin-top:10px;}
.in_about .title span{ text-transform:uppercase; font-size:14px; display:block; border-top:3px solid #b5b5b5; width:146px; margin:0 auto; margin-top:-2px;}
.in_about .text{padding-top:20px; font-size:18px;  clear:both; line-height:32px; color:#484849}
.in_about .text img{float:left; margin-right:20px;}

.in_chengxin{background:url(../images/chengxin_bg.jpg) center no-repeat; height:318px;}
.in_chengxin h4{ text-align:center; color:#fff; font-size:36px; padding-top:66px; font-weight:normal}
.in_chengxin .text{color:#fff; font-size:22px; line-height:35px; padding:30px;}

.in_product{padding:50px 0;}
.in_product .title{font-size:36px; color:#484849; text-align:center; line-height:40px;}
.in_product .title hr{background:#dcdcdc; height:1px; border:0px; margin-top:10px;}
.in_product .title span{ text-transform:uppercase; font-size:14px; display:block; border-top:3px solid #b5b5b5; width:146px; margin:0 auto; margin-top:-2px;}

.in_product .product_tab_h{margin-top:30px; margin-bottom:10px; height:48px; overflow:hidden}
.in_product .product_tab_h li{width:194px; height:48px; line-height:48px; background:url(../images/list_01.png); color:#484849; float:left; margin-right:57px; text-align:center; font-size:18px; overflow:hidden; margin-bottom:20px; cursor:pointer;}
.in_product .product_tab_h li.vary,.in_product .product_tab_h li:hover{background:url(../images/list_02.png); color:#fff;}
.in_product .product_tab_h li.last{margin-right:0px;}

.in_product .product_tab_c{padding-top:20px; height:920px; overflow:hidden; display:none;}
.in_product .product_tab_c ul li{width:390px; height:415px; float:left; margin-bottom:40px; margin-right:15px; background:url(../images/product_v.png)}
.in_product .product_tab_c ul li.last{margin-right:0px;}
.in_product .product_tab_c ul li img{width:350px; height:300px; padding:20px;}
.in_product .product_tab_c ul li span{font-size:18px; color:#333; display:block; text-align:center;}
.in_product .product_tab_c ul li a{ display:block; width:390px; height:415px;}
.in_product .product_tab_c ul li a:hover{background:url(../images/product_v_hover.png)}
.in_product .more a{width:284px; height:60px; line-height:60px; background:#0081cc; font-size:24px; display:block; color:#fff; text-align:center; margin:0 auto; border-radius:50px;}

.width_product{background:url(../images/product_bg.jpg) center no-repeat; height:296px; overflow:hidden}
.product_scroll{width:1200px; margin:0 auto; position:relative; overflow:hidden; height:240px; padding-top:30px;}
.product_scroll ul{ overflow:hidden; zoom:1;}
.product_scroll ul li{float:left; width:265px; overflow:hidden; display:inline; margin-right:20px; text-align:center}
.product_scroll ul li img{width:265px; height:240px;}

.in_service{background:url(../images/service_bg.jpg) center no-repeat; height:780px; padding:50px 0;}
.in_service .title{font-size:36px; color:#fff; text-align:center; line-height:40px;}
.in_service .title hr{background:#dcdcdc; height:1px; border:0px; margin-top:10px;}
.in_service .title span{ text-transform:uppercase; font-size:14px; display:block; border-top:3px solid #b5b5b5; width:146px; margin:0 auto; margin-top:-2px;}
.in_service .text{font-size:24px; line-height:40px; color:#fff; padding:50px;}
.in_service .text ul{padding-top:60px;}
.in_service .text ul li{background:url(../images/service_icon.png) left no-repeat; padding-left:30px; font-size:18px; line-height:40px;}

.in_news{background:#f5f5f5; padding:50px 0;}
.in_news .title{font-size:36px; color:#484849; text-align:center; line-height:40px;}
.in_news .title hr{background:#dcdcdc; height:1px; border:0px; margin-top:10px;}
.in_news .title span{ text-transform:uppercase; font-size:14px; display:block; border-top:3px solid #b5b5b5; width:146px; margin:0 auto; margin-top:-2px;}
.in_news ul{padding-top:20px;}
.in_news ul li{width:370px; float:left; margin-right:45px;}
.in_news ul li.last{margin-right:0px;}
.in_news ul li p{background:#fff; padding:25px;}
.in_news ul li p a{font-size:20px; text-align:center; display:block; padding-bottom:10px;}
.in_news ul li p span{ display:block; color:#666; text-align:center; font-size:14px;}


.in_contact{background:#30333a; padding:50px 0;}
.in_contact .title{font-size:36px; color:#fff; text-align:center; line-height:40px;}
.in_contact .title hr{background:#dcdcdc; height:1px; border:0px; margin-top:10px;}
.in_contact .title span{ text-transform:uppercase; font-size:14px; display:block; border-top:3px solid #b5b5b5; width:146px; margin:0 auto; margin-top:-2px;}
.in_contact .width_c{padding-top:30px; font-size:18px; color:#fff; line-height:35px;}
.in_contact .contact_left{font-size:24px; line-height:40px; width:600px; float:left}
.in_contact .contact_left p{background:url(../images/contact_icon.png) left no-repeat; padding-left:40px; font-size:18px;}
.in_contact .contact_right{font-size:24px; line-height:40px; width:540px; float:right}
.in_contact .contact_right ul li{width:100%; height:58px;}
.in_contact .contact_right .input{height:44px; line-height:44px; border:1px solid #3e424a; border-radius:5px; background:#1d2026; width:100%; text-indent:10px; color:#fff; font-family:'΢ÈíÑźÚ'}
.in_contact .contact_right .textarea{height:90px; line-height:30px; border:1px solid #3e424a; border-radius:5px; background:#1d2026; width:100%; text-indent:10px; color:#fff; font-family:'΢ÈíÑźÚ'}
.in_contact .contact_right .reset{width:160px; height:40px; line-height:40px; background:#67cef7; color:#fff; text-align:center; cursor:pointer; border:0px; margin-top:45px; float:right; border-radius:5px; margin-right:20px;}
.in_contact .contact_right .submit{width:160px; height:40px; line-height:40px; background:#56abe4; color:#fff; text-align:center; cursor:pointer; border:0px; margin-top:45px; float:right; border-radius:5px;}


.footer{padding:30px 0; font-size:14px; color:#666; text-align:center; border-top:1px solid #edf2f5;}
.footer .copyright{padding-top:10px;}


.mainbody{width:1200px; margin:0 auto; padding:30px 0;}
.rightbody{width:920px; float:right;}

.location{height:70px; border-bottom:1px solid #edf2f5; margin-top:20px; position:relative}
.location h4{float:left; font-size:28px; color:#333; height:56px; line-height:56px; font-weight:normal}
.location span{color:#666; float:right; background:url(../images/right_home.png) left no-repeat; padding-left:24px; font-size:14px; line-height:56px;}
.location span a{color:#666}
.content{font-size:14px; line-height:30px;}

.aside{width:245px; float:left;}
.aside h4{font-size:24px; color:#fff; text-align:center; background:#0081cc; height:70px; line-height:70px; font-weight:normal}
.aside ul li a{background:url(../images/left_li.png) right scroll #f2f2f2 no-repeat; background-position:210px 24px; height:60px; line-height:60px; display:block; font-size:16px; padding-left:40px; margin-bottom:1px; color:#666;}
.aside ul li a:hover,.aside ul li a.hover{color:#0081cc;}
.aside .map{padding:18px 0;}
.aside_contact{padding-top:20px;}
.aside_contact .text{background:#fff; padding:10px; border:1px solid #e0e0e0; border-top:0px; font-size:14px; line-height:28px;}
.aside_contact .text img{margin-bottom:6px;}

.news li{border-bottom:1px dashed #dadada; line-height:50px; }
.news li a{background:url(../images/icon_news.jpg) left no-repeat; float:left; padding-left:15px; line-height:45px;}
.news li span{float:right; color:#666;}

.product li{height:226px; margin-bottom:25px;}
.product li img{width:324px; height:226px; float:left;}
.product li p{width:580px; float:right;}
.product li p a.dask{font-size:18px; display:block;}
.product li p span{ display:block; font-size:12px; line-height:25px; height:100px; overflow:hidden; margin-top:10px;}
.product li a.detail{width:90px; height:30px; line-height:30px; color:#fff; background:#7aca2b; display:block; text-align:center; font-size:12px; margin-top:20px;}

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


/*--Guestbook--*/
.myform{ font-family:'΢ÈíÑźÚ'; font-size:13px; width:600px; margin:0 auto; padding-top:10px; }
.myform table tr{height:40px;}
.myform .greeninput{border:1px solid #ddd;height:24px; line-height:24px; background:#fff;}
.myform .input{border:1px solid #ddd;height:24px; line-height:24px; background:#fff;}
.myform .greenarea{border:1px solid #ddd; background:#fff; width:430px; height:106px;}
.myform .button{background:#0081cc; color:#fff;cursor:pointer; border:0px; padding:0 10px; 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:#f6f6f6;color:#333;border-top:2px solid #fff;display:block;height:34px;line-height:34px;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;}

.list{ border-bottom:1px solid #eee; height:45px; line-height:45px; margin-bottom:20px;}
.list li{float:left; font-size:16px;}
.list li a{display:block; padding:0 16px; line-height:45px;}
.list li a:hover,.list li a.hover{border-top:3px solid #ce1824; border-bottom:1px solid #fff; line-height:40px; height:42px; border-left:1px solid #eee; border-right:1px solid #eee; padding:0 15px;}


#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;}




/* focus_Box */
#focus_Box{position:relative;width:800px;height:420px;}
#focus_Box ul{position:relative;width:800px;height:420px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:50px;line-height:50px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden; font-size:14px;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:160px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}


.content_tab{margin-top:20px;}
.content_tab .tab_h{background:#0081cc; border-radius:5px; height:39px; line-height:39px; padding-left:10px;}
.content_tab .tab_h li{height:39px; line-height:39px; cursor:pointer;color:#fff; position:relative; font-size:16px; float:left; text-align:center; width:110px; border-right:1px solid #97cded;}
.content_tab .tab_h .vary{background:#0061b3;}
.content_tab .tab_c{display:none; padding:20px 0; font-size:14px; line-height:26px;}