@charset "utf-8";

/*
font-family:Microsoft YaHei, SimSun;
-webkit-animation-name:fadeIn; -webkit-animation-duration:500ms;
*/

body{min-width:1200px; margin:0 auto; padding:0; font-size:14px; font-family:Microsoft YaHei, SimSun; color:#666;}
img{border:0px;}
form{margin:0; padding:0;}
input, select, textarea{font-family:Microsoft YaHei, SimSun;}
div, ul, li{margin:0; padding:0; display:block; overflow:hidden;}
ul, li{list-style-type:none;}
li{text-overflow:ellipsis;}
a{text-decoration:none; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; outline:none;}
a:hover{text-decoration:none; color:#f00;}

@-webkit-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
	}
	
header{width:1200px; height:100px; margin:0 auto;}
header .logo{width:200px; height:100px; float:left;}
header .logo img{margin-top:20px;}
header .search{width:1000px; height:32px; float:left; padding-top:8px;}
header .search #kwd{width:190px; height:26px; line-height:26px; padding:2px; border:1px solid #ccc; float:right; margin:0;}
header .search span{width:54px; height:32px; float:right; background:url(../images/ico_search.jpg) no-repeat center center #39f; cursor:pointer;}
header .nav{width:1000px; height:60px; float:left; overflow:visible;}
header .nav li{width:142px; height:30px; line-height:30px; padding:15px 0; float:left; text-align:center; position:relative; overflow:visible;}
header .nav li .a{font-size:18px;}
header .nav li .box{width:120px; position:absolute; left:50%; top:53px; margin-left:-60px; padding-top:7px; background:url(../images/ico_nav.jpg) no-repeat center top; z-index:9; background-color:#fff; overflow:visible; display:none;}
header .nav li .box .ctg{width:100%; height:30px; line-height:30px; float:left; position:relative; overflow:visible;}
header .nav li .box .ctg a{display:block;}
header .nav li .box .ctg:hover{background-color:#39f;}
header .nav li .box .ctg:hover a{color:#fff;}
header .nav li .box .ctg:hover .sub{display:block; -webkit-animation-name:fadeIn; -webkit-animation-duration:500ms;}
header .nav li .box .ctg .sub{width:120px; position:absolute; left:120px; top:0; background-color:#fff; display:none;}
header .nav li .box .ctg .sub a{width:100%; height:30px; line-height:30px; float:left; color:#666;}
header .nav li .box .ctg .sub a:hover{background-color:#39f; color:#fff;}
header .nav li:hover .box{display:block; -webkit-animation-name:fadeIn; -webkit-animation-duration:500ms;}

#bn{width:100%; height:412px;}

.btn2{height:40px; line-height:40px; color:#fff; background-color:#c00; display:inline-block; padding:0 2em; border-radius:4px; text-indent:0; font-size:16px;}

.pros{width:1200px; margin:20px auto;}
.pros .bt{width:100%; height:42px; background-image:url(../images/bt_pros.jpg); float:left;}
.pros .bt a{float:right; margin-right:10px; color:#f00; text-transform:uppercase; font-size:12px;}
.pros .switch{width:100%; height:24px; float:left; margin:10px 0;}
.pros .switch .goto{width:24px; height:24px; float:right; margin-left:4px; background:url(../images/ico_goto.png) no-repeat #39f; cursor:pointer; text-indent:99px;}
.pros .switch .goto.next{background-position:-24px 0;}
.pros .switch .goto:hover{background-color:#f00;}
.pros .list{width:100%; height:266px; float:left; white-space:nowrap;}
.pros .list a{width:238px; height:264px; border:1px solid #ccc; background-color:#fff; display:inline-block; margin-right:-1px;}
.pros .list a .thum{width:238px; height:210px; float:left; text-align:center; border-bottom:1px solid #ccc;}
.pros .list a .thum img{max-width:100%; max-height:100%;}
.pros .list a .name{width:236px; height:51px; line-height:51px; text-align:center; margin:1px; float:left; background-color:#eaeaea;}
.pros .list a:hover .name{background-color:#39f; color:#fff;}

.case{width:100%; background-color:#f4f4f4;}
.case .tlt{width:100%; height:50px; line-height:25px; padding:20px 0; text-align:center;}
.case .tlt strong{display:block; font-size:18px; font-weight:normal;}
.case .tlt span{color:#f00; font-size:16px; text-transform:uppercase;}
.case .list{width:1200px; height:190px; margin:0 auto;}
.case .list a{width:399px; height:189px; border:1px solid #fff; float:left; margin-right:-1px; margin-bottom:-1px; position:relative;}
.case .list a img{width:100%; height:100%; float:left;}
.case .list a .name{width:100%; height:100%; line-height:140px; position:absolute; left:0; top:0; background-image:url(../images/png_hui.png); color:#fff; text-align:center; font-size:18px; display:none;}
.case .list a .view{width:98px; height:28px; line-height:28px; border:1px solid #fff; position:absolute; left:50%; top:50%; margin-left:-50px; text-align:center; text-transform:uppercase; font-size:16px; color:#fff; display:none;}
.case .list a:hover .name,
.case .list a:hover .view{display:block; -webkit-animation-name:fadeIn; -webkit-animation-duration:500ms;}
.case .more{width:100%; height:50px; text-align:center; margin:20px 0;}
.case .more a{width:180px; height:50px; line-height:50px; background-color:#39f; color:#fff; text-transform:uppercase; display:inline-block;}

.news{width:1200px; height:360px; padding:20px 0; margin:0 auto;}
.news .tlt{width:100%; height:50px; line-height:25px; padding:10px 0; text-align:center; float:left;}
.news .tlt strong{display:block; font-size:18px; font-weight:normal;}
.news .tlt span{color:#f00; font-size:16px; text-transform:uppercase;}
.news .list{width:100%; float:left;}
.news .list .topic{width:426px; height:280px; float:left; margin-right:44px;}
.news .list .topic img{width:100%; height:128px; float:left; margin-bottom:12px;}
.news .list .topic .name{width:100%; height:30px; line-height:30px; float:left; font-size:16px; font-weight:normal;}
.news .list .topic .dect{width:100%; height:48px; line-height:24px; float:left; overflow:hidden; margin:15px 0;}
.news .list .topic .more{width:120px; height:30px; line-height:30px; background-color:#39f; color:#fff; text-transform:uppercase; float:left; text-align:center;}
.news .list .row{width:730px; height:72px; padding:10px 0; float:left; border-bottom:1px dashed #39f;}
.news .list .row .date{width:80px; height:72px; line-height:22px; float:left; text-align:center; white-space:normal; color:#333; margin-right:30px;}
.news .list .row .date strong{width:100%; height:50px; line-height:50px; font-size:54px; font-weight:normal; float:left;}
.news .list .row .name{width:620px; height:24px; line-height:24px; font-size:16px; font-weight:normal; float:left;}
.news .list .row .dect{width:620px; height:48px; line-height:24px; overflow:hidden; white-space:normal;}

.main{width:100%; background-color:#f4f4f4;}
.main .inside{width:1200px; margin:0 auto; padding-bottom:20px; background-color:#fff;}

.inside .location{width:100%; height:30px; line-height:30px; float:left; padding:10px 0; margin-top:10px; border-bottom:1px solid #ccc; background:url(../images/ico_home.jpg) no-repeat 20px 12px; text-indent:60px; font-size:14px; overflow:visible;}
.inside .location .ctg{height:40px; float:right; text-indent:0; position:relative; z-index:2;}
.inside .location .ctg li{height:30px; float:left; padding:0 10px; margin:5px 0;}
.inside .location .ctg li.on{background-color:#39f;}
.inside .location .ctg li.on a{color:#fff;}
.inside .content{width:1160px; min-height:600px; line-height:200%; float:left; padding:20px;}
.inside .content img{max-width:100%;}
.inside .content .page{width:100%; height:24px; text-align:center; font-family:Verdana; margin:20px 0; float:left;}
.inside .content .page a{height:24px; line-height:24px; display:inline-block; margin:0 2px; padding:0 7px; color:#39f;}
.inside .content .page .in{background-color:#39f; color:#fff;}

.news_list li{width:100%; height:100px; float:left; padding:10px 0; border-bottom:1px solid #ddd;}
.news_list li strong{height:30px; line-height:30px; font-size:16px; display:block; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_list li p{height:50px; line-height:25px; padding:0; margin:0; overflow:hidden; color:#555;}
.news_list li ins{height:20px; line-height:20px; text-decoration:none; color:#aaa; display:block;}
.news_list li .thum{width:200px; height:100px; border:1px solid #ccc; float:left; margin-right:15px;}
.news_list li .thum img{height:100%; float:left;}

.pros_ctg{width:100%; height:30px; float:left; margin:10px 0;}
.pros_ctg a{height:30px; line-height:30px; padding:0 15px; float:left; margin-right:2px; background-color:#39f; color:#fff;}
.pros_ctg a.on{background-color:#f00;}

.pros_list{width:1155px; float:left; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.pros_list li{width:384px; height:254px; border:1px solid #ccc; float:left; margin-top:-1px; margin-left:-1px; position:relative;}
.pros_list li img{width:100%; max-height:100%;}
.pros_list li p{width:350px; height:50px; position:absolute; left:0; bottom:0; background-image:url(../images/png_hui.png); padding:0 17px; margin:0; color:#fff; overflow:hidden;}
.pros_list li p strong{width:100%; height:30px; line-height:30px; padding:10px 0; float:left; font-size:18px; font-weight:normal;}
.pros_list li p span{width:100%; height:100px; line-height:25px; float:left; overflow:hidden; white-space:normal; margin-bottom:10px;}
.pros_list li p ins{width:98px; height:28px; line-height:28px; border:1px solid #fff; float:left; text-align:center; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; margin-bottom:20px;}
.pros_list li:hover p{height:100%;}
.pros_list li:hover p strong{margin-top:20px;}

.pros_name{width:100%; height:40px; line-height:40px; float:left; text-align:center; font-size:18px;}
.pros_thum{width:100%; height:400px; text-align:center; margin:20px 0;}
.pros_thum img{max-height:400px;}
.pros_tab{width:100%; height:50px; line-height:50px; background-color:#44afff; float:left;}
.pros_tab a{height:50px; float:left; padding:0 40px; border-right:1px solid #fff; color:#fff; font-size:16px; cursor:pointer;}
.pros_tab a.on{background-color:#06c;}
.pros_text{width:100%; line-height:200%; float:left; display:none; padding:10px 0;}
.pros_more{width:100%; height:40px; line-height:40px; float:left; border-top:1px dashed #666; padding:10px 0; font-size:16px;}
.pros_more .buy{height:40px; line-height:40px; float:left; color:#fff; background-color:#f00; padding:0 2em; margin-right:2em; border-radius:4px; font-size:16px;}
.pros_more .more{color:#c00;}

footer{width:100%; background-color:#f4f4f4; padding:30px 0;}
footer .bottom{width:1200px; margin:0 auto;}
footer .bottom .cnt{width:500px; height:170px; float:left;}
footer .bottom .cnt .name{width:100%; height:40px; line-height:40px; float:left; font-size:26px; color:#333;}
footer .bottom .cnt .en{width:100%; height:20px; line-height:20px; float:left; text-transform:uppercase; font-size:12px; color:#333; margin-bottom:14px;}
footer .bottom .cnt .info{width:468px; height:96px; line-height:32px; float:left; background:url(../images/ico_cnt.jpg) no-repeat left center; padding-left:32px;}
footer .bottom .lnk{width:700px; height:60px; line-height:30px; float:left; text-align:right; margin-bottom:20px;}
footer .bottom .copyright{width:700px; height:90px; line-height:30px; float:left; text-align:right;}
footer .bottom .copyright strong{color:#f00; font-weight:normal;}

.customer_service{width:50px; height:200px; position:fixed; right:0; top:0; bottom:0; margin:auto 0; background-color:#555; border-radius:5px 0 0 5px; z-index:8; overflow:visible;}
.customer_service a{width:50px; height:50px; float:left; position:relative; cursor:pointer; overflow:visible;}
.customer_service a:before{content:''; width:30px; height:24px; background-image:url(../images/icon_cs.png); position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.customer_service a span{width:170px; height:170px; line-height:30px; color:#fff; padding:15px; border-radius:5px 0 0 5px; position:absolute; right:47px; background-color:#444; display:none;}
.customer_service a span img{width:100%; height:100%;}
.customer_service a:hover{background-color:#444;}
.customer_service a:hover span{display:block;}
.customer_service a.qq:before{background-position:0 0;}
.customer_service a.qq span{top:0;}
.customer_service a.weixin:before{background-position:0 -24px;}
.customer_service a.weixin span{top:-100px;}
.customer_service a.tel:before{background-position:0 -48px;}
.customer_service a.tel span{top:-50px;}
.customer_service a.weibo:before{background-position:0 -96px;}
.customer_service a.weibo span{top:-150px;}
.customer_service a.gotop:before{background-position:0 -72px;}