﻿.banner img{ position:relative; height:auto;}
.title1.s2{ text-align:center; position:relative; z-index:1;}
.title1.s2 span br{ display:none;}
.mod-company-tel{ margin-top:50px; padding-top:29px; border-top:solid 1px #eee;}
.main{float:left; width:100%; margin-top:50px;}
.main .container{ position:relative;}
.main .content{float:left; margin-top:5px; width:100%; line-height:27px; min-height:300px;}
.main .content.s1{ margin-top:20px;}
.main .content img{ max-width:100%;}
.main .content p,.main .content h1,.main .content h2,.main .content h3{ margin:12px 0;}
.main .menu{ position:absolute; right:5px; top:10px; width:80px; height:20px; padding:5px 10px; background:#2b933e; border-radius:8px; color:#fff; cursor:pointer; z-index:50;}
.main .menu i{float:left; font-size:20px;}
.main .menu span{float:left; margin:3px 0 0 1px; font-size:15px; line-height:15px;}
.main .menu .list{ position:absolute; right:0; top:30px; width:100px; background:#2b933e; border-radius:0 0 8px 8px; display:none; z-index:10; overflow:hidden;}
.main .menu:hover,.main .menu.s1{border-radius:8px 8px 0 0;}
.main .menu:hover .list,.main .menu .list.show{ display:block;}
.main .menu .list a{float:left; width:100%; line-height:35px; font-size:14px; text-align:center; border-bottom:solid 1px #fff;}
.main .menu .list a:last-child{ border-bottom:none;}
.main .menu .list a:hover,.main .menu .list a.current{ background:#268037; color:#fff;}
.mod-contact-box{ margin-top:0; background:none;}
.mod-pager-box{float:left;margin-top:40px;padding-bottom:10px;width:100%;text-align:center;height:27px;font-size:14px;line-height:25px;}
.mod-pager-box a{margin:0 3px;width:25px;height:25px;color:#cccccc; border:solid 1px #e0e0e0; border-radius:4px; display:inline-block;}
.mod-pager-box a:hover,.mod-pager-box .current{margin:0 3px;width:25px;height:25px;color:#fff;background:#1b74ae;border-color:#1b74ae; border-radius:4px; display:inline-block;}
.mod-pager-box a.pages{width:auto;padding:0 5px; margin:0 6px; background:#f0f0f0; border-color:#f0f0f0; color:#999; display:inline-block;}
.mod-cases-cate{float:left; width:1450px; margin-top:20px;}
.mod-cases-cate.s1{ margin-top:0;}
.mod-cases-cate ul{float:left; width:100%; padding:0; margin:0; list-style-type:none;}
.mod-cases-cate ul li{float:left; margin:20px 11px 0 0; width:279px; height:49px; text-align:center; position:relative;}
.mod-cases-cate ul li a{float:left; width:277px; height:47px; background:#fff; border:solid 1px #dddddd; font-size:16px; line-height:47px;}
.mod-cases-cate ul li a:hover,.mod-cases-cate ul li a.current{ background:#1b74ae; border-color:#1b74ae; color:#fff;}
.mod-cases-cate ul li .list{ position:absolute; left:0; top:49px; width:100%; background:#fff; display:none; z-index:10;}
.mod-cases-cate ul li:hover .list{ display:block;}
.mod-cases-cate ul li .list a{ width:100%; border-style:dotted; border-left:none; border-right:none; margin-top:5px;}
.mod-cases-cate ul li .list a.current,.mod-cases-cate ul li .list a:hover{ background:#f5f5f5; border-color:#ddd; color:#555;}
.mod-case-box{ margin-top:19px;}
.mod-case-box .listbox{ margin-top:0;}
.mod-team-box{ margin-top:20px; background:none; padding:0;}
.mod-team-box .item:hover{box-shadow: 0 0 5px #ddd;}
.mod-news-box{float:left; width:100%;}
.mod-news-box .item{float:left; width:100%; margin-top:20px;}
.mod-news-box .img{float:left; width:345px; height:195px; margin-right:20px; overflow:hidden;}
.mod-news-box .img img{width:100%; min-height:195px;max-height: 100%;}
.mod-news-box .right{float:left; width:970px;}
.mod-news-box .right .title{float:left; width:100%; line-height:30px; font-size:22px; font-weight:bold;}
.mod-news-box .right .date{float:left; width:100%; font-size:13px; color:#777; line-height:25px;}
.mod-news-box .right .cont{float:left; width:100%; margin-top:5px; line-height:27px;}
.mod-video-box{float:left;width:100%;}
.mod-video-box .item{float:left; width:700px; margin:20px 0 0 0;}
.mod-video-box .item.odd{float:right;}
.mod-video-box .item embed{width:100%; height:521px;}
.mod-video-box .item .title{float:left; width:100%; height:52px; line-height:52px; font-size:15px; border-bottom:solid 3px #efefef;}
.mod-search-box{float:left; width:100%;}
.mod-search-box .list{float:left; width:100%; height:35px; line-height:35px; border-bottom:dotted 1px #ddd; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-search-box .list span{ font-weight:bold; font-size:16px; margin:0 5px 0 3px;}
.mod-left-panel{float:left; width:1040px; padding-right:30px; border-right:solid 1px #ddd;}
.mod-left-panel img{ max-width:100%;}
.mod-right-panel{float:right; width:336px; position:relative;}
.mod-right-panel .wrapper{float:left; width:336px; background:#fff;}
.mod-right-panel .wrapper.fixed{ position:fixed; top:0;}
.mod-right-panel h1{float:left; width:60px; padding:0; margin:0 !important; font-weight:normal; border-bottom:solid 2px #8a8a8a; font-size:30px;  line-height:60px; white-space:nowrap;}
.mod-right-panel .cont{float:left; width:100%; margin-top:20px; line-height:27px;}
.mod-right-panel .cont p{ padding:0; margin:0;}
.jiathis_style_32x32{float:left;}
.jiathis_style_32x32 a span.jiathis_txt{ display:none !important;}
.jiathis_style_32x32 a{float:left; margin:10px 10px 0 0 !important; width:36px; height:36px !important;  background:url(../images/icon_share.png) no-repeat !important; cursor:pointer;}
.jiathis_style_32x32 a.jiathis_button_tsina{ background-position:-46px 0 !important;}
.jiathis_style_32x32 a.jiathis_button_qzone{ background-position:-92px 0 !important;}
.jiathis_style_32x32 a.jiathis.jiathis_separator{ height:36px !important; background-position:-138px 0 !important; padding:0 !important; margin:0;}
@media (min-width:1000px)and (max-width:1439px)
{
.mod-cases-cate{width:1010px;}
.mod-cases-cate ul li{width:192px; margin-right:10px;}
.mod-cases-cate ul li a{width:190px;  font-size:15px;}
.main .content{ min-height:280px;}
.mod-news-box .img{float:left; width:300px; height:170px; margin-right:20px; overflow:hidden;}
.mod-news-box .img img{width:100%; min-height:195px;max-height: 100%;}
.mod-news-box .right{float:left; width:680px;}
.mod-news-box .right .title{font-size:19px;}
.mod-video-box .item{float:left; width:480px; margin:20px 0 0 0;}
.mod-video-box .item.odd{float:right;}
.mod-video-box .item embed{width:100%; height:357px;}
.mod-video-box .item .title{ height:45px; line-height:45px; font-size:14px; }
.mod-left-panel{float:left; width:720px; padding-right:15px; border-right:solid 1px #ddd;}
.mod-right-panel{float:right; width:249px;}
.mod-right-panel .wrapper{width:249px;}
.mod-right-panel h1{width:50px; font-size:25px;  line-height:50px;}
}
@media (min-width:601px)and (max-width:999px)
{
.main{width:96%; margin:40px 2% 0;}
.main .menu{top:0;}
.title1.s2{ font-size:20px;}
.title1.s2 span{ font-size:14px;}
.mod-team-box .listbox{width:100%; margin:9px 0 0; }
.mod-case-box .listbox{ width:100%; margin:20px 0 0;}
.mod-cases-cate{float:left; width:100%; margin-top:10px;}
.mod-cases-cate ul li{width:172px; margin:20px 10px 0 0;}
.mod-cases-cate ul li a{float:left; width:170px; height:40px; border:solid 1px #dddddd; font-size:14px; text-align:center; line-height:40px;}
.mod-cases-cate ul li .list{top:42px;}
.mod-news-box .img{float:left; width:auto; height:auto; margin-right:0; overflow:hidden;}
.mod-news-box .img img{width:100%; max-width:100%; min-height:0;max-height: 100%;}
.mod-news-box .right{float:left; margin-top:5px; width:100%;}
.mod-news-box .right .title{font-size:19px;}
.mod-video-box{ text-align:center;}
.mod-video-box .item{float:none; width:480px; margin:20px 0 0 0; display:inline-block;}
.mod-video-box .item.odd{float:none;}
.mod-video-box .item embed{width:100%; height:357px;}
.mod-video-box .item .title{ height:45px; line-height:45px; font-size:14px; }
.mod-left-panel{float:left; width:100%; padding-right:0; border-right:none;}
.mod-right-panel{float:left; width:100%;}
.mod-right-panel .wrapper{width:100%;}
.mod-right-panel h1{width:50px; font-size:25px;  line-height:50px;}
}
@media (max-width:600px)
{
.main{width:96%; margin:40px 2% 0;}
.main .menu{top:0;}
.title1.s2{ font-size:20px; text-align:left;}
.title1.s2 span{ font-size:14px;}
.mod-team-box .listbox{width:100%; margin:9px 0 0; }
.mod-case-box .listbox{ width:100%; margin:20px 0 0;}
.mod-cases-cate{float:left; width:100%; margin-top:10px;}
.mod-cases-cate ul li{width:102px;  margin:20px 10px 0 0;}
.mod-cases-cate ul li a{float:left; width:100px; height:35px; border:solid 1px #dddddd; font-size:14px; text-align:center; line-height:35px;}
.mod-cases-cate ul li .list{top:37px;}
.mod-cases-cate ul li .list a{ margin-top:2px;}
.mod-news-box .img{float:left; width:auto; height:auto; margin-right:0; overflow:hidden;}
.mod-news-box .img img{width:100%; max-width:100%; min-height:0;max-height: 100%;}
.mod-news-box .right{float:left; margin-top:5px; width:100%;}
.mod-news-box .right .title{font-size:19px;}
.mod-video-box{ text-align:center;}
.mod-video-box .item{float:none; width:100%; margin:20px 0 0 0; display:inline-block;}
.mod-video-box .item.odd{float:none;}
.mod-video-box .item embed{width:100%; height:270px;}
.mod-video-box .item .title{ height:45px; line-height:45px; font-size:14px; }
.mod-left-panel{float:left; width:100%; padding-right:0; border-right:none;}
.mod-right-panel{float:left; width:100%;}
.mod-right-panel .wrapper{width:100%;}
.mod-right-panel h1{width:50px; font-size:25px;  line-height:50px;}
}
@media (max-width:400px)
{

}