@charset "utf-8";
.wp{width:1160px; margin:auto; font-family:Arial;}
input{ border:none; padding:0; margin:0;}
a:hover{text-decoration:none;}
li a:hover{color:#9a2626; text-decoration:none;}
body{ background:#FFF;}
#iframe{ border:none; overflow:hidden;}
.top{ height:100px;}
.logo{ float:left; padding-top:20px; padding-left:55px;}
.flag{ float:right; padding-top:0px; padding-right:35px; padding-top:10px;}
.flag li{ float:left; padding-left:13px; padding-bottom:15px;}
.search{}
.search_text{ background:url(../images/form.jpg) no-repeat; width:179px; height:33px; line-height:33px; }
.search_sub{ margin-left:-5px;}
.nav_out{ background:url(../images/nav_bg.jpg) repeat; height:74px; width:100%;}
.nav{ position:relative;}
.nav_r{ position:absolute; left:0; top:0; width:192px; z-index:0; height:74px; background:#20b9ff; display:none;}
.nav>li{ float:left; width:192px; text-align:center; height:74px; position:relative; z-index:9;}
.nav>li>a{ font-size:21px; color:#FFFFFF; display:block; padding-top:13px; line-height:22px;}
.nav>li.current{background:#20b9ff;}
.nav>li:hover>a{ color:#fff;}
.nav>li>a:hover{ color:#FFFFFF;}
.nav>li:hover>span{ color:#FFFFFF;}
/*.nav>li.current{ background:#20b9ff;}
.nav>li.current>a{ color:#fff;text-shadow: 0.5px 0 0.5px #d3e2ed, 0 0.5px 0.5px #d3e2ed,0 -0.5px 1px #d3e2ed, -0.5px 0 0.5px #d3e2ed;}
*/

.nav>li:hover dl{ display:block;}
.nav dl{ position:absolute; left:0px; top:74px; display:none; padding-top:9px; z-index:9;width:192px;}
.nav dl dt{ text-align:left; width:192px; position:relative;background:#4cc5fa;}
.nav dl dt>a{ padding-left:30px; color:#000000; font-size:16px; height:59px; line-height:59px; display:block;  text-align:left; border-bottom:1px solid #e9ebed; font-weight:600}
.nav dl dt:hover{ background:#dee1e2; color:#000;}
.nav dl dt:hover>a{ color:#000;}
.nav dl dt:hover ol{ display:block;}
.nav dl dt ol{ position:absolute; top:0; left:192px; background:#dee1e2; min-width:200px; display:none; z-index:9;}
.nav dl dt ol li a{ height:34px; line-height:34px; display:block; padding-left:10px; color:#000; font-size:13px; border-bottom:1px solid #e5e5e4; font-weight:200;}
.nav dl dt ol li a:hover{ color:#999;}


.banner{ width:100%; margin:auto; position:relative;}
.banner li{ position:absolute; left:0; top:0; display:none;}
.banner li .m1{ position:absolute; left:0; top:0; z-index:7;}
.banner li .m2{ position:absolute; left:0; top:0; z-index:2;}
.banner a.right, .banner a.left, .banner a.right:hover, .banner a.left:hover {
    background-color: #cccccc !important;
}
.banner a.left {
    background: url(../images/s5_arrow_left.png) #999 no-repeat right top!important;
    right: 75px !important;
	position:absolute;
	top:10px;
	display:block;
	height:41px;
	width:29px;
	z-index:99999;
	padding:0 !important;
	margin:0 !important;
}
.banner a.right {
    background: url(../images/s5_arrow_right.png) #999 no-repeat left top !important;
    right: 46px !important;
	position:absolute;
	top:10px;
	display:block;
	height:41px;
	width:29px;
	z-index:99999;
}





.middle{ min-height:297px; background:#f6f4f5; padding-top:68px; padding-bottom:65px;}
.middle li{ float:left; margin-left:7px; margin-right:8px;}
.middle .m1{ background:url(../images/b1.png) no-repeat; width:341px; height:300px; position:relative; overflow:hidden;}
.m1 .s1{ position:absolute; left:183px; top:0; z-index:2; overflow:}
.m1 .s2{ position:absolute; left:0; top:225px;}
.m1 .s3{ position:absolute; left:-1px; top:25px; width:285px; height:209px;}
.m1 .s3 ul{ width:100000px;}
.m1 .s3 li{ float:left; width:285px; margin-right:200px; text-align:center;}
.m1 .s3 li span{ color:#FFF; padding-top:5px; display:block; line-height:18px;}


.middle .m2{ background:url(../images/b2.jpg) no-repeat; width:426px; height:302px; position:relative;}
.middle .m2 a{ padding-left:7px;}
.middle .m2 a img{ margin-top:100px;}
.m2 .s1{ position:absolute; left:273px;top:0;}
.middle .m2 span a img{ padding:0;}

.middle .m3{ background:url(../images/b3.jpg) no-repeat; width:335px; height:300px; position:relative; cursor:pointer;}
.m3 .s1{ position:absolute; left:187px; top:0;}

.footer{ background:url(../images/foot_bg.jpg) repeat-x; height:330px; padding-top:25px; position:relative;}
.footer li{ float:left; margin-right:100px; line-height:28px;}
.footer li.last{margin-right:0;}
.footer li:nth-child(4){ margin-right:0;}
.footer li span a{ font-size:21px; color:#fdfcfc; line-height:41px; display:block;}

.footer li dt a{ display:block; color:#fdfcfc; font-size:16px; line-height:28px;}
.footer li dt a:HOVER{ color:#CCC;}
.footer li span a:hover{ color:#CCC;}

.share{ position:absolute; right:0px; top:266px; color:#FFF;}
.share a{ padding-left:8px;}
.address{ position:absolute; left:0px; top:263px; color:#FFFFFF; width:900px;}

.address span{ margin-right:30px; font-size:15px; line-height:30px; text-transform:uppercase;}
.address span img{ padding-right:10px;}
/*product*/
.left{ float:left; width:241px; background:#fafbfb; margin-right:54px; margin-left:45px; padding-bottom:20px;}
.left_top{ background:url(../images/left_top.png) no-repeat #fafbfb; width:239px; height:91px;}
.left_top a{ display:block; text-align:center; color:#FFFFFF; font-size:18px; padding-top:20px;}

.left_nav li>a{ display:block; color:#080808; background:url(../images/left_coin.jpg) left center no-repeat; padding-left:20px; font-size:16px; font-weight:600;}
.left_nav li{ float:none; line-height:29px; padding-left:15px; margin-bottom:15px;}
.left_nav li.current>a{ color:#ce2424}
.left_nav li dl{ padding-left:20px;}
.left_nav li dl dt a{ font-size:13px; display:block; line-height:18px; color:#1e1d1d; font-family:"微软雅黑"; color:#1e1d1d; font-weight:600; text-shadow: #000;}
.left_nav li dl dt a:hover{ color:#ce2424;}
.left_nav li dl dt.current a{ color:#ce2424;}
.right_content{ float:left;}
.right_nav{ background:url(../images/right_nav.jpg) no-repeat; width:805px; height:39px; line-height:39px; padding-left:13px; text-align:left; color:#FFFFFF; font-size:16px;}
.content{ margin-top:30px;}
.content h2{ padding-top:20px; font-size:18.2px; line-height:41px; height:41px; color:#4b4651;}
.pro_tbl{ background:url(../images/tbl_bg.jpg) no-repeat; width:805px; text-align:center}
.pro_tbl tr{ height:48px; line-height:48px;}
.pro_tbl th{ color:#FFFFFF; font-size:16px; line-height:21px;}
/*pic*/
.pic{  margin-left:45px;}
.pic_top{}
.pic_top li{ float:left; background:url(../images/pic_topr.png) no-repeat; width:248px; height:100px; margin-right:137px; line-height:100px; text-align:center;} 
.pic_top li:last-child{ margin:0; }
.pic_top li a{ color:#FFFFFF; font-size:16px; display:block; text-align:center; font-weight:600;text-shadow: 1px 1px 1px #000;}
.pic_top li a:hover{ color:#33c1ff;}
.pic_top li.current a{ color:#33c1ff;}

.pic_small{ float:left; width:295px;}
.pic_small li{ margin-right:2px; margin-bottom:18px; background:url(../images/smallpic_bg.png) no-repeat;}
.pic_small li img{ padding:4px;}
.pic_big{ float:left; background:url(../images/big_picbg.png) no-repeat;}
.pic_big img{ padding:4px;}
.pic_small li:active img{ padding:0; border:4px solid #FF0000 }
.pic_small li:hover img{ padding:0; border:4px solid #FF0000 }
.pic_small li.current img{ padding:0; border:4px solid #FF0000 }

/*quality*/
.quality{ width:1025px; overflow:hidden;}
.quality ul{ width:1000000px;}
.quality ul li{ float:left; padding-left:100px; width:833px;}
.out_quality{width:1025px; overflow:hidden; position:relative;}
.out_quality .pre{ position:absolute; left:0; top:45%}
.out_quality .next{ position:absolute; right:0; top:45%}

/*contact*/
.comomn_content{ margin-left:45px;}
.title{ height:105px; line-height:105px; font-size:20px; color:#2f2c2c; margin-left:45px;}
.connect{ font-size:14px; color:#2f2c2c; line-height:30px; }
.connect h1{ font-size:20px; line-height:30px;}
.connect td{ font-size:14px; color:#2f2c2c; height:30px;}
.connect_map img{ border:1px solid #cccccc;}
/*down*/
.down{ margin-left:45px;}
.down_title{ height:36px; line-height:36px; font-size:16px; color:#2f2c2c; border-bottom:1px solid #dadada; display:block; width:100%;}
.down li{ float:none; margin-bottom:50px; margin-left:0 !important; margin-right:0 !important}
.down li span a{ color:#2f2c2c}
.down dt{ float:left; margin-top:25px; margin-left:57px; border:1px solid  #dadada; background:#FFFFFF; text-align:center;}
.down dt a{  display:block; color:#2f2c2c;}
.down dt a img{ padding:5px; height:272px; width:200px;}
.down dt:hover{ border-color:#F00;}
/*tanchukuang*/
.out_put{ margin:auto; width:604px; height:612px; border:3px solid #c8180b; position:relative;}
.out_title{ font-size:16px; color:#FFFFFF; height:47px; line-height:47px;}
.out_title a{ display:block; background:#d3291c; color:#FFFFFF; padding-left:25px;}
.out_pic{ padding:15px 0 15px 0; position:relative;}
.out_pic .sy{ position:absolute; z-index:3; left:30%; top:25px;}
.out_title2{ background:url(../images/out_title.jpg) no-repeat; width:429px; height:36px; line-height:36px; margin-left:35px; font-size:16px; color:#FFFFFF; padding-left:20px; margin-top:20px; margin-bottom:8px; position:relative;}
.out_title2 a{ display:block; position:absolute; left:530px; top:0;}
.out_table{ width:525px; text-align:center; border-right:1px solid #ccc; border-top:1px solid #ccc;font-family:Arial}
.out_table td{ font-size:14px; color:#4f4c4f; border-left:1px solid #ccc; border-bottom:1px solid #ccc;font-family:Arial}
.out_table tr{ height:28px; line-height:28px;font-family:Arial}
.out_table th{ color:#FF0000;border-left:1px solid #ccc; font-family:Arial; font-size:13px; font-weight:600;}
.scroll{ position:absolute; left:619px; top:558px; background:url(../images/score_bg.png) no-repeat; height:223px; width:9px; display:none;}
.scroll img{ display:block; padding-top:20px;}
.out_overflow{ max-height:116px; overflow-y:scroll; overflow-x:hidden; padding-left:35px;}
.pro_list{}
.pro_list li{ background:url(../images/pro_listbg.png) no-repeat; width:260px; height:264px; margin-left:0; text-align:center;}
.pro_list li a{ display:block; text-align:center; position:relative;}
.pro_list li a .sy{ position:absolute; left:-30px; top:0; z-index:4;}
.pro_list li a img{ display:block; padding-left:72px; padding-top:38px; height:110px; padding-bottom:10px;}
.pro_list li a span{ display:block; height:48px; line-height:18px; color:#FFFFFF; font-size:12px; padding:5px 0px;}
.pro_list li a:hover span{ color:#fff; text-shadow:1px 1px 1px #000;}
.request{ text-align:center; padding-left:76px; width:1005px;}
.request p{ font-size:16px; line-height:24px;}
.request table td{ text-align:center; font-size:14px;}
.request table td img{ padding:25px 0 25px 0;}
.request table th{ height:35px; line-height:35px; color:#FFFFFF; font-size:14px;}
.order table{ background:#FFF;}
.order table input{ padding:10px; border:1px solid #CCCCCC; font-style:normal; width:80px; text-align:center;}
.request table a{ padding:10px 10px; border:1px solid #cccccc;}

.res_txt{ width:447px; height:31px; line-height:31px; text-align:left; border:none; margin-bottom:10px; background:url(../images/text_bg.png) no-repeat;}
.faceback{ margin-top:83px; margin-left:200px;}
.res_area{ background:url(../images/textarea.png) no-repeat; width:447px; height:132px; text-align:left;}
.sub{ background:url(../images/res.png) no-repeat; width:124px; height:31px; line-height:31px; margin-right:100px; margin-top:25px;}
/*newscontent*/
.news_top{ height:140px; width:100%; border-bottom:3px solid #444344;}
.news_top_l { float:left}
.news_top_r { float:left; margin-left:155px; width:525px;}
.news { margin-left:58px; margin-right:58px;}
.news_top_r a{ display:block; text-align:right; border-bottom:1px solid #dadada;}
.news_top_r span{ display:block; font-size:20px; color:#030303; padding-top:70px; text-align:right;}
.news_l{ float:left; width:715px;}
.news_r{ float:right;}
.news_title{ background:#e5e5e5; border:1px solid #737272; height:45px; line-height:45px; font-size:14px; padding-left:10px; font-weight:600; margin-top:45px;}
.news_content{ font-size:16px; line-height:20px; padding-top:10px;}
.news_r{ margin-top:45px;}
.news_r img{ max-width:250px;}
/*newslist*/
.news_t{ font-size:20px; color:#76777d; display:block; height:50px; line-height:50px;}
.news_list{ width:875px; height:177px; overflow:hidden; padding-top:50px; padding-left:20px;}
.news_list ul li{ float:left; position:relative; width:252px; margin-right:52px; display:inline}
.news_list ul{ width:9999999px;}
.news_list ul li span{ background:url(../images/news_l_span.png) repeat-x; height:34px; line-height:34px; color:#fff; display:block; font-size:12px; text-align:center; position:absolute; left:0; top:138px; width:252px; }
.news_list ul li img{ width:200px;}
.news_list_out{ position:relative;width:875px; height:177px; margin-left:64px;}
.news_list_out .pre{ position:absolute; left:-52px; top:95px;}
.news_list_out .next{ position:absolute; right:-62px; top:95px;}
/*about*/
.about_company{ padding-bottom:20px; font-size:17px; color:#76777d; line-height:27px;}
/*wang-css*/
.message{
	margin-top:50px;
	float:left;
	width:1044px;
}
.bg_11{
	width:1051px;
	height:131px;
	background:#F6F4F5 url(../images/bg_11.gif) no-repeat left top;
	font-size:20px;
	text-align:center;
	line-height:43px;
}
.bg_21{
	width:1051px;
	height:131px;
	background:#F6F4F5 url(../images/bomp_bg.jpg) no-repeat center top;
	font-size:20px;
	text-align:center;
	line-height:43px;
}
.content{
	float:left;
	width:1150px;
	margin:10px auto 10px auto;
}
.content>ul{ margin-left:-80px;}
.content>ul>li{
	cursor:pointer;
	float:left;
	padding-right:47px;
	padding-left:22px;
	min-width:120px;
	font-size:15px;
	text-align:center;
}
.content1 ul{ margin-left:-50px;}
.content1 ul li{ float:left; min-width:135px; padding-left:15px; padding-right:15px; margin:0; font-size:14px;}
.content1 ul li.current a{ background:#00a8ff; color:#FFF;}
.content ul li.current{ background:#00a8ff; color:#FFF;}
.content1 ul li div.current{ background:#00a8ff; color:#FFF;}
.content ul li.current a{ color:#FFF;}

.bg_12{
	
	width:694px;
	height:133px;
	background:#F6F4F5 url(../images/bg_12.gif) no-repeat center top;
	font-size:18px;
	text-align:center;
	line-height:43px;
	margin:0px auto;
}
.bg_13{
	width:522px;
	height:133px;
	background:#F6F4F5 url(../images/bg_13.gif) no-repeat center top;
	font-size:20px;
	text-align:center;
	line-height:43px;
	margin:80px auto;
}
#bg_13{
	margin:0px auto 10px auto;
}
.bg_13 a{ font-size:18px;}
.bg_11 a{ font-size:18px;}
.content1{
	float:center;
	width:850px;
	margin-left:160px;
	font-size:15px;
}
.content1 ul li div{
	text-align:center;
	height:30px;
	line-height:30px;
}
.content2{
	margin-top:-40px;
	float:left;
	width:680px;
	margin-left:260px;
	font-size:15px;
}
.content2>ul>li{
	cursor:pointer;
	width:133px;
	float:left;
	font-size:15px;
	line-height:21px;
	text-align:center;
}
.content2>ul>li:first-child{
	width:110px;
}
.content1 ul li:hover,.content ul li:hover,#content2 ul li:hover,#content3 ul li:hover{ cursor:pointer; background:#00a8ff; color:#FFFFFF;}
.content1 ul li a,.content ul li a,#content2 ul li a,#content3 ul li a{ color:#000;}
#content3{
	margin-top:-10px;
}
#content3 ul{ margin-left:-60px; font-size:15px;}
#content3 ul li{ padding-left:15px; padding-right:15px;}
#content3 ul li.current{ background:#00a8ff; color:#FFF}
#content3 ul li.current a{ color:#FFF}
.background_color{
	background-color:blue;
	color:white;
}
/*bomb*/
.gallery_content{ margin-top:22px; margin-bottom:55px; position:relative; text-align:center;}
.message_out{ margin-bottom:20px;}
.message_out .c{ margin-top:50px; width:1100px; display:block;}
.message_out .t a{ color:#000!important;}
.message_out .t a:hover{ cursor:pointer; color:#00a8ff !important;}
.click{ display:block; position:absolute; left:875px; top:27px;}
.clip{ display:block; position:absolute; left:853px; top:198px;}
.back{ position:absolute; left:0px; top:-215px;}
/*pages*/
.pages {
    line-height: 40px;
    padding-top: 10px;
    text-align: center;
	margin-top:10px;
	margin-bottom:20px;
}

.pages A {
    border: 1px solid #CCCCCC;
    font-family: "微软雅黑";
    margin-left: 3px;
    margin-right: 3px;
    padding: 2px 5px;
	color:#000;
}
.app_bg{ position:absolute; left:0; top:0; margin:0; padding:0; background: url(../images/pngbg.png); z-index:9;}
.app_inner{ margin:0 auto; position:fixed; top:0px;}
.cls{ position:absolute; left:610px; top:0px; font-size:16px; color:#fff; display:block; background:#F00; padding:2px;}

/*order*/
.order td{ border:0; border:1px solid #d4d2d2; margin:3px;}
.order a{ border:none !important;}
.eshare{ position:fixed; right:0; bottom:100px; z-index:99;}
/*faq*/
.faq li{ background: url(../images/faqbg.png) no-repeat 10px 10px;padding-left:20px; float:none; margin-bottom:20px;}
.faq li span{ display:block;}
.faq li .s1{  color:#3c3c3c; font-size:14px; line-height:28px; font-weight:bold;}
.faq li .s2{ font-size:16px; color:#666; line-height:24px;}
.faq li .s3{  padding-top:20px; padding-bottom:20px; padding-left:10px; font-size:14px; line-height:24px; line-height:20px; background:#e0eaff; color:#202636;}
.back2{color:#F00; font-size:20px; position:fixed; right:10px; bottom:100px;}
.back2 a{ color:#f00; display:block; background: url(../images/back.png) no-repeat; width:37px; height:34px;}
.pic_content{ margin-top:30px;}
.links{  border-top:1px dotted #CCC; line-height:45px;}
.links img{ width:100px; margin-right:5px; border:1px solid #CCC; padding:0 !important;}


/* 设置滚动条的样式 */
::-webkit-scrollbar {
width: 12px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #898989;
border-radius: 5px;
background:#898989;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #f9fafc;
-webkit-box-shadow: inset 0 0 6px #898989;
right:30px;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #898989;
}
#share{ position:absolute; right:0; bottom:350px;}
.tag{ position:absolute; left:0; top:0; display:none; background:url(../images/tags.png) no-repeat; width:200px; height:55px; color:#FFF; line-height:25px; font-size:12px; line-height:12px; padding-top:22px;}
.bomp{ display:none;}
.in_map .bomp{ display:block;}
.order2_top td{ height:40px; line-height:40px; text-align:center; color:#FFF;}
.order2 td{ border-left:1px solid #999; border-top:1px solid #999;}
.order2{ border-right:1px solid #999; border-bottom:1px solid #999;}
.order2 input{ border:1px solid #999; padding:5px; width:80px; text-align:center;}
.order2 i{ font-style:normal}
.in_map{background:url(../images/top.png) center top no-repeat #FFF; width:720px; padding-top:100px; color:#FFF; font-size:20px; margin-left:150px;}
.in_map h1{ margin-top:-100px; text-align:left; padding-left:20px;}
.in_map i{ display:block; color:#00F;text-align:right; font-size:14px;}