/*
		
		
*/

/***************************宽屏样式(start)***************************/
.w_1200 #index .solutions_box{width:640px;}
.w_1200 #index .solutions_box .photo{left:330px;}
.w_1200 #index .about_box{width:500px;}
.w_1200 #index .cases_box{width:820px;}
.w_1200 #index .cases_box .list{width:754px;}
.w_1200 #index .products_box .list{width:1112px;}
.w_1200 #index .newsletter_box ul{float:left; width:770px;}

.w_1200 #ibanner, .w_1200 #ibanner .slideBox, .w_1200 #ibanner .slideBox .bd ul, .w_1200 #ibanner .slideBox .bd ul li, .w_1200 #ibanner .slideBox .bd ul li a, .w_1200 #ibanner .slideBox .bd img{width:1200px; height:400px;}
/***************************宽屏样式(end)***************************/


/*************************** banner (start) ***************************/
#ibanner{margin-top:15px; margin-bottom:25px; text-align:center;}
#ibanner, #ibanner .slideBox, #ibanner .slideBox .bd ul, #ibanner .slideBox .bd ul li, #ibanner .slideBox .bd ul li a, #ibanner .slideBox .bd img{width:980px; height:368px;}
/*************************** banner (end) ***************************/



/*************************** index (start) ***************************/
#index .w{overflow:hidden;}
#index .line{border-bottom:1px solid #e5e5e5; margin-bottom:25px;}
#index .title{font-size:20px; color:#2b2e39; height:38px; overflow:hidden; line-height:38px;}
#index .view{float:left; height:26px; padding:0 40px 0 20px; line-height:26px; color:#fff; background:#131622; border-radius:12px; position:relative;}
#index .view i{display:block; width:8px; height:7px; line-height:0; position:absolute; right:16px; top:9px; background:url(common.png) -202px 0;}

#index .solutions_box{width:590px; height:285px; padding-top:15px; background:#e4e4e4; position:relative;}
#index .solutions_box .title{text-indent:15px;}
#index .solutions_box .list{float:left; width:210px; margin-left:15px;}
#index .solutions_box .list li{width:165px; height:32px; padding:0 25px 0 20px; margin-top:10px; overflow:hidden; line-height:30px; background:url(common.png) 0 -50px;}
#index .solutions_box .list li a{color:#2e2e2e; font-size:14px;}
#index .solutions_box .list li.cur{background-position:0 -83px;}
#index .solutions_box .list li.cur a{color:#fff; text-decoration:none;}
#index .solutions_box .photo{position:absolute; left:290px; top:25px;}
#index .solutions_box .photo li{width:250px; height:250px; display:none; position:absolute; top:0; left:0;}
#index .solutions_box .photo li a{width:250px; height:250px; display:table-cell; text-align:center; vertical-align:middle;}
#index .solutions_box .photo li a img{max-width:250px; max-height:250px;}
#index .solutions_box .photo li.cur{display:block;}

#index .about_box{width:360px;}
#index .about_box .intro{width:100%; overflow:hidden; line-height:1.9em; color:#3c3c3c; min-height:220px; margin-bottom:5px;}
#index .news_box{width:310px;}
#index .news_box .title{text-indent:15px;}
#index .news_box .list{margin-top:5px;}
#index .news_box .list li{height:36px; line-height:36px; padding:0 1px; border-top:1px solid #d9d9d9; overflow:hidden;}
#index .news_box .list li:first-child{border-top:0;}
#index .news_box .list li i{float:left; margin:14px 10px 0 2px; width:8px; height:7px; line-height:0; background:url(common.png) -202px -7px;}
#index .news_box .list li a{float:left; display:block; max-width:180px; overflow:hidden; color:#464646;}
#index .news_box .list li span{float:right; color:#a8a8a8;}
#index .news_box .view{margin-left:15px;}

#index .cases_box{width:626px; position:relative;}
#index .cases_box .title{text-indent:32px;}
#index .cases_box .btnL{width:17px; height:18px; position:absolute; top:131px; left:0; background:url(common.png) -109px 0; cursor:pointer;}
#index .cases_box .btnL:hover{background:url(common1.png) -109px 0;}
#index .cases_box .btnR{width:17px; height:18px; position:absolute; top:131px; right:0; background:url(common.png) -136px 0; cursor:pointer;}
#index .cases_box .btnR:hover{background:url(common1.png) -136px 0;}
#index .cases_box .list{width:560px; height:212px; overflow:hidden; margin:15px auto 0;}
#index .cases_box .list ul{width:300%;}
#index .cases_box .list ul li{float:left; width:172px; margin-right:22px; text-align:center;}
#index .cases_box .list ul li .name{margin-top:10px;}
#index .cases_box .list ul li .name a{color:#404040;}
#index .cases_box .list ul li .photo{width:168px; height:168px; padding:1px; border:1px solid #ccc; display:table-cell; vertical-align:middle;}
#index .cases_box .list ul li .photo img{max-width:168px; max-height:168px;}

#index .newsletter_box{height:60px; overflow:hidden; padding:15px; margin-top:30px; background:#131622;}
#index .newsletter_box ul{float:left; width:500px;}
#index .newsletter_box ul li.t1{color:#ffffff; line-height:19px; height:19px; overflow:hidden;}
#index .newsletter_box ul li.t2{color:#ffffff; font:bold 16px/1.6em Verdana; height:25px; line-height:25px; overflow:hidden;}
#index .newsletter_box ul li.t3{color:#fffd02; font:bold 12px/1.6em Verdana; height:19px; line-height:19px; overflow:hidden;}
#index .newsletter_box form{float:right; margin-top:12px;}
#index .newsletter_box form .txt{float:left; width:255px; height:34px; border:1px solid #fff; padding:0 10px; background:#fff; color:#818181; line-height:34px\9; font-family:Verdana;}
#index .newsletter_box form .btn{float:right; width:90px; height:36px; border:0; background:#e56664; cursor:pointer; font:bold 14px/36px Verdana; text-transform:uppercase; color:#fff; margin-left:5px;}

#index .products_box{margin-top:20px; position:relative;}
#index .products_box .title{text-indent:15px;}
#index .products_box .more{position:absolute; right:28px; top:18px;}
#index .products_box .more a{color:#7e7e7e; font-family:Verdana;}
#index .products_box .btnL{width:17px; height:18px; position:absolute; top:131px; left:0; background:url(common.png) -109px 0; cursor:pointer;}
#index .products_box .btnL:hover{background:url(common1.png) -109px 0;}
#index .products_box .btnR{width:17px; height:18px; position:absolute; top:131px; right:0; background:url(common.png) -136px 0; cursor:pointer;}
#index .products_box .btnR:hover{background:url(common1.png) -136px 0;}
#index .products_box .list{width:924px; height:238px; overflow:hidden; margin:15px auto 0;}
#index .products_box .list ul{width:300%;}
#index .products_box .list ul li{float:left; width:172px; margin-right:16px; text-align:center;}
#index .products_box .list ul li .name{ padding-top:5px; height:32px; line-height:17px; overflow:hidden;}
#index .products_box .list ul li .name a{color:#404040;}
#index .products_box .list ul li .photo{width:168px; height:168px; padding:1px; border:1px solid #ccc; display:table-cell; vertical-align:middle;}
#index .products_box .list ul li .photo img{max-width:168px; max-height:168px;}
/*************************** index (end) ***************************/

#ibanner .hd ul li.on{ background:#de4a4a !important;}
#ibanner .hd ul li{ width:12px !important; height:12px !important; background:#2b2e39 !important; margin-right:5px !important; border-radius:6px !important; -moz-border-radius:6px !important; -webkit-border-radius:6px !important;}