@charset "gb2312";
/* CSS Document */

/*-----热门搜索-----*/
#search{ height:125px; padding-top:50px; font-size:14px; background:url(../images/index/bg.jpg); overflow:hidden;}
#search .s1{ float:left; width:352px;}
#search .s1 span{ font-size:22px; font-weight:bold; color:#222;}
#search .s1 span em{ font-weight:normal; font-style:normal;}
#search .s1 p{ width:185px; margin-top:15px; line-height:24px; color:#fff; font-size:15px; text-align:center; border:1px solid #545454; background:#666;}
#search .s2{ float:left; width:365px; height:70px; padding:5px 30px 0 30px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
#search .s2 .s2-1{ height:39px; border-top:1px solid #9e9e9e;  border-bottom:1px solid #9e9e9e;}
#search .s2 .s2-1 input{ height:38px; line-height:38px; border:0;}
#search .s2 .s2-1 .search-text{ width:300px; height:38px; padding-left:10px; margin:0; font:normal 12px/38px "Microsoft Yahei", "微软雅黑"; color:#333; vertical-align:middle; background:none;}
#search .s2 .s2-1 .search-btn{ width:45px; height:38px; margin:0; vertical-align:middle; background:url(../images/index/search-btn.png) center center no-repeat; cursor:pointer;}
#search .s2 .s2-2{ margin-top:8px; font-size:12px; color:#666;}
#search .s2 .s2-2 a{ margin:0 5px; color:#666;}
#search .s3{ float:right; width:190px; padding-top:38px; font: bold 30px/30px  Arial,"Microsoft Yahei", "微软雅黑"; background:url(../images/index/s3-bg.png) no-repeat;}

/*-----主体内容-----*/
#main{}
/*产品展示*/
.main-pic{ padding:50px 0; background:#fff;}
.main-pic .main-pic-left{ width:259px;}
.main-pic .main-pic-left h4{ height:89px; background:url(../images/index/pic-left-h.jpg) no-repeat;}
.main-pic .main-pic-left .main-pic-leftMenu{ border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.main-pic .main-pic-left .main-pic-leftMenu ul{ border-radius:4px; background:#fff;}
.main-pic .main-pic-left .main-pic-leftMenu ul li{ height:54px; line-height:54px; border-bottom:1px solid #dcdcdc;}
.main-pic .main-pic-left .main-pic-leftMenu ul li:last-child{ border-bottom:0;}
.main-pic .main-pic-left .main-pic-leftMenu ul li a{ display:block; padding-left:70px; font-size:16px; background:url(../images/index/pic-left-icon.png) 34px 20px no-repeat;}
.main-pic .main-pic-left .main-pic-leftMenu ul li a:hover{ color:#db2639; background:url(../images/index/pic-left-iconHover.png) 34px 20px no-repeat #f5f5f5;}
.main-pic .main-pic-left .main-pic-leftMenu div{ height:142px; overflow:hidden;}
.main-pic .main-pic-right{ width:720px; overflow:hidden;}
.main-pic .main-pic-right h4{ height:36px; line-height:36px; font-weight:normal; border-bottom:1px solid #d8d8d8;}
.main-pic .main-pic-right h4 em{ font-style:normal; font-size:16px; color:#0050b4;}
.main-pic .main-pic-right .float-l{ margin-bottom:-2px; background:url(../images/index/pic-right-h.jpg) 0 bottom no-repeat;}
.main-pic .main-pic-right h4 span{ color:#3f3f3f;}
.main-pic .main-pic-right h4 a{ color:#666; font-size:14px;}
.main-pic .main-pic-right ul{ width:750px;}
.main-pic .main-pic-right ul li{ position:relative; float:left; width:224px; height:281px; margin:20px 20px 0 0; vertical-align:top; border:1px solid #d8d8d8; background:#fff;}
.main-pic .main-pic-right ul li a{ display:block; width:100%; height:230px; line-height:230px; text-align:center;}
.main-pic .main-pic-right ul li img{ /*width:214px; height:230px;*/ margin:5px;
transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
     display:inline-block;
}
.main-pic .main-pic-right ul li img:hover{
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
}
.main-pic .main-pic-right ul li p{ position:absolute; left:0; bottom:5px; width:214px; height:46px; margin:0 5px; line-height:46px; color:#333; font-size:16px; text-align:center; background:#f5f5f5;}
/*合作伙伴*/
.main-huoban{ position:relative; height:569px; background:url(../images/index/huoban-bg.jpg) center top no-repeat;}
.main-huoban .h{ padding:40px 0; font:bold 35px/50px "Microsoft YaHei","黑体"; color:#fff;  text-align:center;}
.main-huoban .h p{ font-size:16px; font-weight:normal; /*background:url(../images/index/ad-h-dot.png) center center no-repeat;*/}
.main-huoban .b{ width:1000px; margin:0 auto;}
.main-huoban ul { width:1100px;}
.main-huoban ul li{ float:left; width:234px; height:120px; margin:0 21px 21px 0;}
.main-huoban ul li img{ width:234px; height:120px;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	display:inline-block;
}
.main-huoban ul li img:hover{
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
}
.main-huoban .more{ clear:both; padding-top:20px;}
.main-huoban .more a{ display:block; width:152px; height:35px; margin:0 auto; color:#999ba1; line-height:35px; text-align:center; border-radius:20px; border:1px solid #999ba1; font-size:16px;}
.main-huoban .more a:hover{ color:#fff; border:1px solid #fff;}
/*客户见证*/
.main-kehu{ padding-bottom:65px; background:url(../images/index/youshi-bg.jpg) repeat-x; overflow:hidden;}
.main-kehu .h{ padding:40px 0; font:bold 35px/50px "Microsoft YaHei","黑体"; color:#333;  text-align:center;}
.main-kehu .h span{ margin-left:10px; color:#334394;}
.main-kehu .h p{ font-size:16px; font-weight:normal; /*background:url(../images/index/kefu-h-dot.png) center center no-repeat;*/}
.main-kehu-r{}
.main-kehu-r ul{ position:relative; text-align:center; font-size:0; z-index:99;}
.main-kehu-r ul li{ display:inline-block; width:230px; height:450px; margin:0 10px; padding:20px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
border-radius:6px; background:#fff;
box-shadow:5px 5px 5px rgba(0,0,0,0.1);
-mox-box-shadow:5px 5px 5px rgba(0,0,0,0.1);
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.1);
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}
.main-kehu-r ul li:hover{ background:#fe5f01;
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
	}
.main-kehu-r ul li:hover h4{ color:#fff;}
.main-kehu-r ul li:hover h4 span{ color:#ffcbac;}
.main-kehu-r ul li:hover p{ color:#ffe6d7;}
.main-kehu-r ul li:hover a{ border:1px solid #ffe6d7; background:none;}
.main-kehu-r ul li img{ width:142px; height:142px; border-radius:50%;}
.main-kehu-r ul li h4{ width:100%; margin-top:20px; color:#333; font-size:16px; text-align:center; font-weight:bold; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.main-kehu-r ul li h4 span{ display:block; color:#666; font-size:14px; font-weight:normal;}
.main-kehu-r ul li p{ margin-top:20px; color:#333; font-size:14px; line-height:25px; text-align:left;}
.main-kehu-r ul li a{ display:block; width:100px; margin:10px auto 0 auto; padding:10px 0; border-radius:20px; color:#fff; font-size:16px; background:#fe5f01;}
.main-kehu .more{ display:block; width:300px; margin:30px auto 0 auto; padding:10px 0; text-align:center; border-radius:20px; border:1px solid #999; color:#999; font-size:16px; z-index:1;}
.main-kehu .more:hover{ border:1px solid #333; color:#333; }
/*四大优势*/
.main-youshi{ padding-bottom:65px; background:url(../images/index/youshi-bg.gif); overflow:hidden;}
.main-youshi .h{ padding:40px 0; font:bold 35px/50px "Microsoft YaHei","黑体"; color:#fff;  text-align:center;}
.main-youshi .h span{ margin-left:10px; color:#fe5f01;}
.main-youshi .h p{ font-size:16px; font-weight:normal;}
.main-youshi .b{ width:1010px; margin:0 auto;}
.main-youshi .b .clear{ margin-bottom:10px;}
/*-----关于我们-----*/
.main-about{ background:url(../images/index/youshi-bg.jpg);}
.main-about .h{ padding:40px 0; font:bold 35px/50px "Microsoft YaHei","黑体"; color:#333;  text-align:center;}
.main-about .h span{ margin-left:10px; color:#0050b4;}
.main-about .h p{ font-size:16px; font-weight:normal;}
/*关于我们-厂房*/
.main-about .b1{ position:relative; width:1010px; margin:0 auto; padding:40px;}
.main-about .b1l{ position:absolute; left:0; top:30px; z-index:2; width:464px; height:348px; background:url(../images/index/about-bg1.jpg) left top no-repeat;}
.main-about .b12{ position:absolute; left:-30px; top:0; z-index:1; width:390px; height:285px; background:#e8e8e8;}
/*关于我们-介绍*/
.main-about .b1r{ width:530px; margin-left:480px; font-size:14px;}
.main-about .b1r h4{ padding:0 0 30px 0; font-size:40px;}
.main-about .b1r h4 em, .main-about .b1r h4 span, .main-about .b1r h4 i{ font-style:normal;}
.main-about .b1r h4 em{ color:#334394; font-weight:normal;}
.main-about .b1r h4 span{ color:#fe5f01;}
.main-about .b1r h4 i{ margin-left:10px; color:#ccc; font-weight:normal;}
.main-about .b1r p{ margin:20px 0 0 0; line-height:30px; color:#333; text-indent:25px;}
.main-about .b1r p a{ color:#0050b4;}
.main-about .b1r>span{ display:block; margin:10px 0 20px 0;}
.main-about .b1r>span a{ float:left; display:block; width:90px; height:35px; margin-right:10px; line-height:35px; border:1px solid #ddd; text-align:center;}
.main-about .b1r>span a:hover{ border:1px solid #255fe3;}
.main-about .b2{ background:#fff;}
.main-about .b2 ul{ width:1050px; margin:0 auto; padding:20px 0 50px 0; text-align:center;}
.main-about .b2 ul li{ display:inline-block; width:180px; height:250px; margin-right:25px;}
/*新闻资讯*/
.main-news{ padding:65px 0; background:url(../images/index/youshi-bg.jpg);}
.main-news .news{ float:left; width:625px; padding:20px 25px 0 25px; background:#fff;}
.news h4{ margin-bottom:25px; font-weight:normal; font-size:16px; line-height:38px; overflow:hidden;}
.news h4 span{ display:inline-block; width:66px; height:38px; color:#666; text-align:center; cursor:pointer;}
.news h4 span.hover{ color:#0059c9; background:url(../images/index/news-icon.jpg) center bottom no-repeat;}
.news h4 a{ float:right; display:block; width:50px; height:38px; font-size:12px;}
.tab-con{ clear:both; display:none; height:350px; overflow:hidden;}
.main-news .news .pt{}
.main-news .news .pt img{ float:left; width:200px; height:135px;}
.main-news .news .pt-t{ float:right; width:395px;}
.main-news .news .pt-t p{ color:#666; line-height:28px; text-indent:25px;}
.main-news .news .pt-t a{ color:#0059c9;}
.main-news .news ul{ margin-top:25px; padding-top:15px; border-top:1px solid #dcdcdc;}
.main-news .news ul li{ float:left; width:50%; line-height:28px;}
.main-news .news ul li a{ padding-left:15px; font-size:14px; background:url(../images/index/news-icon2.jpg) 0 7px no-repeat;}
.main-news .news ul li p{ width:100%; font-size:12px; color:#999; overflow:hidden;}
/*常见问题*/
.wenti{ float:right; width:300px; background:#fff;}
.wenti h4{ padding:20px 25px; font-weight:normal; line-height:38px;}
.wenti h4 span{ float:left; display:inline-block; width:200px; height:38px; color:#0059c9; font-size:16px; vertical-align:bottom; background:url(../images/index/news-icon.jpg) 0 bottom no-repeat;}
.wenti h4 span p{ display:inline-block; margin-left:5px; font-size:12px; color:#666; vertical-align:bottom;}
.wenti h4 a{ float:right; display:block; width:50px; height:38px; font-size:12px;}
.wenti .b{ height:350px; margin-top:25px; overflow:hidden;}
.wenti .scroll{ height:306px; padding:0 25px; overflow:hidden;}
.wenti .scroll li{ padding-top:18px; padding-bottom:20px; border-bottom:1px dotted #d3d3d3;}
.wenti .scroll a{ height:18px; display:block; padding-left:30px; line-height:18px; color:#333; font-weight:bold; background:url(../images/index/wenBg.png) no-repeat left center; overflow:hidden;}
.wenti .scroll p{ height:40px; margin-top:5px; padding-left:30px; color:#666; line-height:20px; background:url(../images/index/daBg.png) no-repeat left 2px; overflow:hidden;}
/*在线留言*/
.main-books{ width:1000px; margin:0 auto; padding:50px 0; background:#fff;}
.main-books .bl{ float:left; width:302px; height:411px; background:url(../images/index/books-pic1.jpg) no-repeat;}
.main-books .br{ float:right; width:620px; margin-top:20px;}
.main-books .br h4{ padding:20px 0; font-weight:normal; line-height:38px;}
.main-books .br h4 span{ float:left; display:inline-block; width:200px; height:38px; color:#0059c9; font-size:16px; vertical-align:bottom; background:url(../images/index/books-pic2.jpg) 0 bottom no-repeat;}
.main-books .br h4 span p{ display:inline-block; margin-left:5px; font-size:12px; color:#666; vertical-align:bottom;}
.main-books .br h4 a{ float:right; display:block; width:50px; height:38px; font-size:12px;}
.main-books .br ul{ padding:30px 0 0 0;}
.main-books .br ul li{ float:left; width:50%; margin-bottom:10px; line-height:30px; font-size:14px; color:#666;}
.main-books .br ul li span{ display:inline-block; width:80px;}
.main-books .br ul li span i{ padding:0 13px;}
.main-books .br ul li input{ display:inline-block; width:215px; height:26px; border:1px solid #b3b3b3;}
.main-books .br ul li.s{ width:100%;}
.main-books .br ul li.s textarea{ width:605px; border:1px solid #b3b3b3;}
.main-books .br ul li.btn{ width:100%; margin-top:10px;}
.main-books .br ul li.btn input{ width:140px; height:30px; margin-right:10px; color:#fff; font:normal 14px/30px "Microsoft YaHei","黑体"; border:0; cursor:pointer;}
.main-books .br ul li.btn .a{ background:#364282;}
.main-books .br ul li.btn .b{ background:#666;}
.main-books .br ul li.btn .a:hover{ background:#3f4c90;}
.main-books .br ul li.btn .b:hover{ background:#717171;}

/*-----后加-----*/
/*-----幻灯片------*/
#flashs{ position:relative; height:500px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:5px; left:50%; margin-left:-45px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#202932; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#A8191A;}
#flashbg0{ height: 500px; width: 100%; cursor: pointer; margin: 0px auto; opacity: 0; z-index: 1; background: url(../images/banner/banner01.jpg) center no-repeat scroll;}
#flashbg1{ height: 500px; width: 100%; cursor: pointer; margin: 0px auto; opacity: 0; z-index: 1; background: url(../images/banner/banner02.jpg) center no-repeat scroll;}
#flashbg2{ height: 500px; width: 100%; cursor: pointer; margin: 0px auto; opacity: 0; z-index: 1; background: url(../images/banner/banner03.jpg) center no-repeat scroll;}

.mainBox{ padding-bottom:46px; background:url(../images/mainBg.jpg);}

/*-----视频播放-----*/
#video{ position:fixed; bottom:0; left:20px; z-index:1000; width:282px; border-left:5px solid #334394; border-right:5px solid #334394; border-bottom:5px solid #334394; border-radius:6px;}
#video h4{ position:relative; height:30px; padding-left:5px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; background:#334394;}
#video h4 span{ display:inline-block; height:30px;}
.min-nar, .max-nar{ position:absolute; right:10px; top:0; width:20px; height:30px; background-image:url(../images/index/video-icon.png); background-repeat:no-repeat; cursor:pointer;}
.min-nar{ background-position:0 13px;}
.max-nar{ background-position:0 -16px;}
#video-b{ clear:both; height:220px; background:#fff; overflow:hidden;}





