@charset "gb2312";
/* CSS Document */


.wrap{ margin:0 auto; width:1200px;}
/*==================================head===========================================*/
.h_top{ width:100%; height:35px; line-height:35px; color:#FFF; background:#777777; overflow:hidden;}
.h_top span{ float:right;}
.h_top span a{ color:#FFF;}
.h_top span a:hover{ text-decoration:underline;}

.navbox{ position:absolute; top:35px; left:0; width:100%; height:70px; background:#fff; z-index:1000;}
.navbox .wrap{ position:relative;}
.navbox .logo{ }
.navbox .logo img{ height:40px; padding-top:15px;}
#nav{ position:absolute; top:0; right:0; width:700px; height:70px; }
#nav li{ float:left; line-height:70px; text-align:center; }
#nav li a{ display:block; color:#777; width:100px; font-weight:bold;}
#nav li a:hover{ color:#054aa7; }
#nav li.current a{ color:#054aa7;}
#nav li:hover .nav_submenu {display: block;}
#nav li .nav_submenu {display: none;position:absolute; width:200px; }
#nav li .nav_submenu a{ background-color:#FFF; color:#333;width:200px;height:35px; line-height:35px; text-align:left; text-indent:20px;}
#nav li .nav_submenu a:hover {background-color:#C00;color:#FFF;}

.lubo{ margin-top:70px; width:100%; min-width:1000px;clear:both; position: relative; height:500px;}
.lubo_box{ position: relative; width:100%; height:500px; }
.lubo_box li{ float: left;position: absolute; top:0; left:0; width:100%; height:500px; opacity:0;filter:alpha(opacity=0);}
.lubo_box li a{ display:block;width:100%; height:100%;}
.lubo_box li img{ width:100%; height:500px;}
/*Ô²µã*/
.cir_box{ overflow:hidden; position: absolute; top:470px; height: 5px; z-index: 100;}
.cir_box li{ float:left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #000 !important;}
 /*°´Å¥*/
.lubo_btn{ position: absolute; width: 100%; top: 170px;}
.left_btn, .right_btn{ width:30px; height:80px; background:#000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size:30px; text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}

.main{ width:100%; overflow:hidden;}
.about{ height:550px; overflow:hidden;}
.index_title h3{ padding-top:60px; text-align:center; color:#666; font-size:20px; font-weight:normal;}
.index_title h1{ padding-top:30px; text-align:center; color:#ce000d; font-size:36px;}
.about .a_nav{ width:100%; margin-top:60px; overflow:hidden;}
.about .a_nav li{ float:left; width:15%; margin:10px 5%;text-align:center;}
.about .a_nav li i.fa{ width:100px; height:100px; line-height:100px; font-size:42px; border:3px solid #0594cc;border-radius: 100px;transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;}
.about .a_nav li a:hover i.fa{ -webkit-transform:rotate(360deg) scale(1.1); 
	-moz-transform:rotate(360deg) scale(1.1);
	-ms-transform:rotate(360deg) scale(1.1);
	-o-transform:rotate(360deg) scale(1.1);}
.about .a_nav li a{ color:#0594cc;}
.about .a_nav li a b{ display:block; padding-top:17px; font-size:20px;}
.about .a_nav li a span{ display:block; color:#666; font-size:14px;}
.about .a_nav li a:hover b,.about .a_nav li a:hover span{ color:#0594cc;}

.about p{ width:100%; padding-top:30px; line-height:30px; text-align:center; font-size:16px; font-weight:bold; color:#666;}

.productBox{ width:100%; padding-bottom:30px;background: #f5f5f5 url(../images/pattern-1.png); overflow:hidden;}
.p_title{ margin:0 auto; width:261px; height:72px; margin-top:30px;background:url(../images/p_title.png) no-repeat 0 0;}
.slideGroup { margin:0 auto; width:1200px; margin-top:35px;overflow:hidden;}
.index_cp{ float:left; width:220px; border-bottom:2px solid #ccc;overflow:hidden;}
.index_cp dt{ padding-top:20px; width:220px; height:70px; background:#0594cc; color:#fff; text-align:center; font-size:14px;}
.index_cp dt i{ width:20px; line-height:20px; background:#fff;color:#0594cc;border-radius: 20px;}
.index_cp dt b{ display:block; font-size:24px; padding-top:5px;}
.index_cp dd{ height:40px; line-height:40px; border-bottom:1px solid #f5f5f5; background:#fff;}
.index_cp dd i{ text-indent:20px; color:#999;}
.index_cp dd a:hover{color:#ce000d;}

.cplist{ float:left; width:980px; overflow:hidden;}
.cplist li{ float:left; margin:0 0 20px 20px; width:225px; background:#fff; text-align:center;}
.cplist li .pic{ width:225px; height:185px;}
.cplist li .pic img{ padding:5px; width:215px; height:180px;}
.cplist li .title{ height:40px; line-height:40px;}
.cplist li .title a:hover{ color:#ce000d; }

.zhengshu{ overflow:hidden; }

.sb_pic {position: relative;width:1200px;margin-top:50px;}
.sb_pic #simgssb li {float: left;width:220px;height:280px;margin:0 20px;text-align: center;}

.sb_pic .pp_img{padding:3px; border:1px solid #d2d2d2;height:272px; overflow:hidden; display:block;}
.sb_pic li img {display: block;height:272px;}
.sb_pic #simgssb {margin-left: 53px}
.sb_pic em {position: absolute;top:80px;}
.sb_pic .t_l {left:0px;}
.sb_pic .t_r {right: 0px;}

.sb_pic #simgssb01 {margin-left: 53px}
.sb_pic #simgssb01 ul{ width:100%;}
.sb_pic #simgssb01 ul li{ float:left; margin:0 0 20px 20px; width:225px; background:#fff; text-align:center;}
.sb_pic #simgssb01 ul li .pic{ width:225px; height:185px;}
.sb_pic #simgssb01 ul li .pic img{ padding:5px; width:220px; height:180px;}
.sb_pic #simgssb01 ul li .title{ height:40px; line-height:40px;}
.sb_pic #simgssb01 ul li .title a:hover{ color:#ce000d; }


.index_news{ width:100%; overflow:hidden;}
.index_news .xinwen{ padding:40px 0; overflow:hidden;}
.index_news .xinwen li { float:left;width:540px;margin:15px;border-bottom: 3px solid #25a8e0;background: #f5f5f5;padding: 15px;border-radius: 4px;}
.index_news .xinwen li h3 {font-size: 18px;height: 20px;line-height: 20px;overflow: hidden;margin-bottom: 15px;}
.index_news .xinwen li h3 i {color: #25a8e0;margin-right: 10px;}
.index_news .xinwen li p {color: #777;height: 42px;overflow: hidden;}

.con_bg{ width:100%; height:450px; padding-top:40px; overflow:hidden; position:relative;}
.con_bg .map{ width:100%; height:450px;background: url(../images/map.png) center 0 no-repeat;}
.con_bg .conBox{ position:absolute; top:40px; left:0; width:100%; height:390px;}
.con_bg .conBox .nr{width:390px; height:390px; padding-left:60px; margin-left:200px; background:#FFF; overflow:hidden;}
.con_bg .conBox .nr h2{ color:#ce000d; font-size:30px;}
.con_bg .conBox .nr h1{ width:140px; padding:20px 0 10px 0; color:#666; font-size:30px; border-bottom:3px solid #666;}
.con_bg .conBox .nr p{ padding-top:10px; line-height:40px; font-size:14px; color:#666;}
.con_bg .conBox .nr p b{ color:#000; font-size:16px; font-weight:bold;}
.con_bg .conBox .nr .con_more{ width:144px; height:36px; margin-top:40px; line-height:36px; text-align:center;background: url(../images/con_more.png) 0 0 no-repeat;}
.con_bg .conBox .nr .con_more a{ color:#FFF;}

.footer{ width:100%; overflow:hidden;}
.footer_nav{ width:100%; height:40px; line-height:40px; text-align:center; color:#FFF;background:#666; overflow:hidden;}
.footer_nav a{ padding:0 10px; color:#FFF;}
.footer_nav a:hover{ text-decoration:underline;}
.copy{ width:100%; padding:15px 0; line-height:25px;text-align:center;}


.banner{ width:100%; height:280px; overflow:hidden;}
.b01{ background: url(../images/banner1.jpg) center 0 no-repeat;}

.wrapper{ margin:40px auto; width:1200px; overflow:hidden;}

.m_left{ float:left; width:270px; margin-right:50px; overflow:hidden;}
.m_left .m_title{ width:100%; height:102px;}
.m_left .m_nav{ width:100%; overflow:hidden;}
.m_left .m_nav li{ height:50px; line-height:50px; margin-bottom:1px; text-indent:40px; font-size:14px;}
.m_left .m_nav li a{ display:block; height:50px; line-height:50px; color:#666;  background:url(../images/i01.png) 240px center no-repeat #f7f7f7;}
.m_left .m_nav li a:hover{background:url(../images/i02.png) 240px center no-repeat #ce000d; color:#FFF;}


.m_right{ float:left; width:880px; overflow:hidden;}
.m_right img{ max-width:850px;}
.m_right .home{ width:100%; height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #999; overflow:hidden;}
.m_right .home i{ color:#999;}
.m_right .home a{ color:#0066cc;}
.m_right .home a:hover{ text-decoration:underline;}
.m_right .info{ min-height:500px; padding:30px 0; line-height:30px;}

.newslist{ width:100%; overflow:hidden;}
.newslist li{ height:40px; line-height:40px; background:url(../images/icoRight.gif) 0 center no-repeat;border-bottom:1px dotted #ccc; position:relative;}
.newslist li a{ font-size:14px; padding-left:20px;}
.newslist li a:hover{ color:#ce000d; text-decoration:underline;}
.newslist li span{ position:absolute; right:0; top:0; color:#999;}
.posts{ text-align:center; padding-bottom:10px; border-bottom:1px solid #ccc;}
.posts h6{ font-weight:normal;}
.product_pic{ padding:20px 0;}
.info .nr_text{ padding:20px 0; }
.pageNavi{ width:100%; padding-top:10px; border-top:1px dotted #ccc; overflow:hidden;}
.pageNavi span{ display:block; float:left; width:50%; color:#666; font-size:14px;}
.pageNavi span a{ color:#666;}
.pageNavi span a:hover{ text-decoration:underline;}

.pagelink{text-align:center;padding:30px 0;}
.pagelink a,.pagelink span{display:inline-block;*display:inline;zoom:1;padding:3px 8px;border:1px solid #d9d9d9;background:#fff;margin:0 5px}
.pagelink span{background:#fff;border-color:#fff;color:#111}


#faqbox {}
#faqbox .faqline{ line-height:2em; height:35px; text-align:left}
#faqbox .faqline .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}

.m_over{ border:1px solid #ce000d;}
.m_out{ border:1px solid #f7f7f7;}

.productlist{ width:100%; overflow:hidden;}
.productlist li{float:left;margin:10px;width:192px;height:192px;overflow:hidden;}
.productlist li img{ width:190px; height:152px;}
.productlist li h4{ width:190px; height:40px; line-height:40px; text-align:center;overflow:hidden;}
.productlist li h4 a{ font-size:14px;}
.productlist li h4 a:hover{color:#ce000d;}

.qing{ width:100%; margin:10 0px; padding-bottom:10px; border-bottom:1px solid #ccc; overflow:hidden;}
.qing .shoot_bt{ background:url(../images/icoRight.gif) 0 center no-repeat;position:relative;}
.qing .shoot_bt h4{ padding-left:20px;}
.qing .shoot_bt h4 a:hover{ color:#ce000d; text-decoration:underline;}
.qing .shoot_bt span{ position:absolute; top:0; right:0; color:#999;}
.qing .shoot{ line-height:25px;}