@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ margin:0 auto; padding:0 auto; color:#333; font-size:14px; font-family:"微软雅黑", Arial; background:#ffffff; border:none; text-align:center;}
.clear{ float:none; clear:both; height:auto; border:none;}
a{ text-decoration:none;}
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover{ text-decoration:underline; color:#333;}
a:active{ text-decoration: none; color: #333; }
ul,li{ list-style-type:none; margin:0; padding:0;}
input{ vertical-align:top;}
img{ border:none;}
p{ margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0;}

.top{ width:100%; height:68px; margin:0px auto; background:#262626;}
.logo{ float:left; width:330px; height:51px; text-align:center; background:#E70012; padding-top:17px;}
.nav{ float:right; width:600px; margin:0px auto; padding-top:10px;}
.nav ul li{ float:left; width:100px; height:50px;}
.nav ul li a{ display:block; width:100px; height:36px; color:#ffffff; padding-top:14px; font-size:16px; font-family:"微软雅黑", Arial;}
.nav ul li a:hover{ background:#E70012; font-weight:bold; color:#ffffff;}

.flash{ width:100%; height:auto; z-index:99;}
.flash img{ width:100%; height:auto;}

.zhuan{ width:1680px; margin:0px auto; background:#FFFFFF; height:190px; margin-top:30px;}
.zhuan h2{ font-size:26px; font-weight:100; padding-bottom:10px;}
.zh_left{ float:left; width:550px; padding-top:40px;}
.zh_left p{ width:200px; margin:0px auto; background:#FF3333; height:52px; color:#FFFFFF;border-radius:50px;}
.zh_left p a{ display:block; font-size:24px; color:#FFFFFF; font-weight:100; padding-top:10px; text-decoration:none;}
.zh_centert{ float:left; width:500px; padding-top:40px;}
.zh_centert p{ font-size:30px; color:#E70012;}
.zh_right{ float:right; width:500px; padding-top:40px;}
.zh_right p{ width:200px; margin:0px auto; background:#FF3333; height:52px; color:#FFFFFF;border-radius:50px;}
.zh_right p a{ display:block; font-size:24px; color:#FFFFFF; font-weight:100; padding-top:10px; text-decoration:none;}

.fuwu{ width:1680px; margin:0px auto; margin-top:60px;}
.fw_top{ width:1680px; margin:0px auto;}
.fw_top h2{ font-size:36px; font-weight:100;}
.fw_bot{ width:100%; margin-top:50px;}
.fw_b_1{ float:left; width:330px;}
.fw_b_1 h2{ margin-top:30px; font-size:20px;}
.fw_b_1 hr{ width:30px; height:1px; margin:0px auto; margin-top:20px; border:none; background:#CCCCCC;}
.fw_b_1 ul{ width:250px; margin:0px auto; margin-top:30px; padding-left:100px;}
.fw_b_1 ul li{ line-height:200%; font-size:14px; background:url(../images/li.jpg) no-repeat left center; text-align:left; padding-left:15px;}
.fw_b_1 a{ display:block; width:120px; height:25px; background:#FF3333; margin-top:30px; padding-top:5px; color:#FFFFFF; margin-left:100px;}

.fuwu1{ width:100%; margin:0px auto; margin-top:60px;}
.fw_bot1{ margin-top:40px;}
.fw_bot1 ul li{ float:left; width:50%; height:auto;word-wrap:break-word;margin: 0; padding: 0;}
.fw_bot1 ul li img{ width:100%;}

.xiang{ width:100%; margin:0px auto; background:url(../images/x_bg.jpg) no-repeat left bottom; height:900px;}
.xm_box{ width:300px; float:right; margin-right:25%; padding-top:100px;}
.fw_top1{ width:300px; text-align:left; margin-bottom:40px;}
.fw_top1 h2{ font-size:36px; font-weight:100;}
.xm_b_bot{ width:300px; text-align:left;}
.xm_b_bot ul{ float:left; width:150px;}
.xm_b_bot ul h2{ margin-bottom:20px;}
.xm_b_bot ul li{ line-height:200%; font-size:14px; background:url(../images/li.jpg) no-repeat left center; text-align:left; padding-left:15px;}
.xm_b_bot a{ display:block; width:120px; height:25px; background:#FF3333; margin-top:30px; padding-top:5px; color:#FFFFFF; margin-left:100px; text-align:center;}

.products{ width:1680px; margin:0px auto; margin-top:80px;}
.pro_bot{ width:1680px; margin-top:50px;}
.pro_bot ul li{ float:left; width:540px; margin-left:10px; margin-right:10px; margin-bottom:30px;}
.pro_bot ul li img{ width:540px;}
.pro_bot ul li h2{ margin-top:15px; text-align:left; font-size:16px;}
.pro_bot ul li p{ text-align:left; margin-top:7px;}

.contact{ width:100%; background:#FFFFFF; padding:30px 0px; margin-top:50px;}
.box{ width:1680px; margin:0px auto;}
.con_left{ float:left; width:700px; text-align:left;}
.con_left h2{ font-size:40px; margin-bottom:20px;}
.con_left p{ line-height:200%; font-size:20px;}
.con_left img{ width:160px; margin-bottom:20px;}
.con_right{ float:right; width:800px; border-left:1px solid #999999;}
.con_right ul{ width:650px; padding-left:150px;}
.con_right ul h2{ margin-bottom:35px; font-size:20px; text-align:left;}
.con_right ul li{ margin-bottom:35px; height:60px;}
.con_right ul li input{ width:600px; height:58px; border:1px solid #999999; font-size:16px; color:#999999; padding-left:50px;border-radius:10px;}
.con_right ul li input.input{ width:650px; background:#E60012; color:#FFFFFF; border:none;}

.foot{ width:100%; margin:0px auto; padding:15px 0px; font-size:14px;}
.f_top{ margin-bottom:15px;}

.douyin{ width:1200px; margin:0px auto; margin-top:40px;}
.fw_top2{ width:1200px;}
.fw_top2 h2{ font-size:36px; font-weight:100;}
.dy_bot{ width:1200px; margin-top:40px;}
.dy_b_left{ float:left; width:337px; border:1px solid #CCCCCC;}
.dy_b_left img{ width:337px;}
.dy_b_left h2{ font-size:18px; font-weight:100;  margin-top:15px;}
.dy_b_left p{ padding:10px; line-height:180%; text-align:left;}
.dy_b_center{ float:left; width:337px; border:1px solid #CCCCCC; margin-left:90px;}
.dy_b_center img{ width:337px;}
.dy_b_center h2{ font-size:18px; font-weight:100;  margin-top:15px;}
.dy_b_center p{ padding:10px; line-height:180%; text-align:left;}
.dy_b_right{ float:right; width:337px; border:1px solid #CCCCCC;}
.dy_b_right img{ width:337px;}
.dy_b_right h2{ font-size:18px; font-weight:100;  margin-top:15px;}
.dy_b_right p{ padding:10px; line-height:180%; text-align:left;}

.dy1_bot{ width:1200px; margin-top:40px;}
.dy1_b_left{ float:left; width:337px; border:1px solid #CCCCCC; padding:20px 0px;}
.dy1_b_left img{ width:337px;}
.dy1_b_left h2{ font-size:18px; font-weight:100;  margin-top:15px;}
.dy1_b_left p{ padding:10px; line-height:180%; text-align:center;}
.dy1_b_center{ float:left; width:337px; border:1px solid #CCCCCC; margin-left:90px; padding:20px 0px;}
.dy1_b_center img{ width:337px;}
.dy1_b_center h2{ font-size:18px; font-weight:100;  margin-top:15px;}
.dy1_b_center p{ padding:10px; line-height:180%; text-align:center;}
.dy1_b_right{ float:right; width:337px; border:1px solid #CCCCCC; padding:20px 0px;}
.dy1_b_right img{ width:337px;}
.dy1_b_right h2{ font-size:18px; font-weight:100;  margin-top:15px;}
.dy1_b_right p{ padding:10px; line-height:180%; text-align:center;}

.box1{ width:100%; margin:0px auto; background:#f2f2f2; margin-top:40px; padding:40px 0px;}
.dy1_b_1{ width:478px; float:left; border:1px solid #CCCCCC; margin-left:25px; padding-right:25px; padding:20px 10px; margin-bottom:40px;}
.dy1_b_1 h2{ font-size:28px; font-weight:100; margin-bottom:20px;}
.dy1_b_1 p{ font-size:16px; line-height:180%;}
.dy1_b_1 a{ display:block; margin:0px auto; width:120px; height:25px; background:#FF3333; margin-top:30px; padding-top:5px; color:#FFFFFF; text-align:center;}

.seon{ width:1200px; margin:0px auto; margin-top:60px;}
.seon_left{ float:left; width:690px; border-right:1px solid #666666;}
.s_l_1{ float:left; width:200px; margin-right:140px; background:url(../images/seo1.png) no-repeat center center; border-bottom:1px solid #666666; text-align:left; padding:30px 0px; margin-top:10px; margin-bottom:10px;}
.s_l_2{ background:url(../images/seo2.png) no-repeat center center;}
.s_l_3{ background:url(../images/seo3.png) no-repeat center center;}
.s_l_4{ background:url(../images/seo4.png) no-repeat center center;}
.s_l_1 h2{ font-size:18px; padding-bottom:10px;}
.s_l_1 p{ line-height:180%;}
.seon_right{ float:right; width:500px; text-align:center; padding-top:120px;}
.seon_right h2{ font-size:44px; color:#E70012;}

.seow{ width:1200px; margin:0px auto; margin-top:60px;}
.sw_top{ width:1200px;}
.sw_top h2{ font-size:36px; font-weight:100;}
.sw_bot{ width:1200px; margin-top:40px;}
.sw_bot ul li{ float:left; width:260px; border:1px solid #CCCCCC; margin-left:9px; margin-right:9px; padding:20px 10px;}
.sw_bot ul li h2{ font-size:22px; margin-top:30px; margin-bottom:20px;}
.sw_bot ul li p{ line-height:160%; margin-bottom:30px;}
.sw_bot ul li span{ font-size:34px; color:#999999;}

.seox{ width:100%; background:#333333; margin:0px auto; margin-top:60px; padding:40px 0px;}
.box2{ width:1200px; margin:0px auto;}
.seox_top{ width:1200px;}
.seox_top h2{ font-size:36px; font-weight:100; color:#FFFFFF;}
.seox_bot{ width:1200px; margin-top:40px;}
.s_b_left{ float:left; width:400px; background:#FFFFFF; text-align:left; padding:70px 0px; padding-left:100px;border-radius:10px;}
.s_b_left h2{ font-size:34px; margin-bottom:12px;}
.s_b_left hr{ width:80px; border:none; background:#000000; height:2px; margin-bottom:20px;}
.s_b_left p{ line-height:180%; font-size:16px;}
.s_b_center{ width:200px; float:left;}
.s_b_center h2{ color:#999999; font-size:20px; margin-top:140px;}
.s_b_right{ width:500px; float:right; background:#E70012; text-align:left; padding:70px 0px; border-radius:10px;}
.s_b_right h2{ font-size:34px; margin-bottom:12px; color:#FFFFFF; padding-left:100px;}
.s_b_right hr{ width:500px; border:none; background:#000000; height:2px; margin-bottom:20px;}
.s_b_right p{ line-height:180%; font-size:16px; color:#FFFFFF; padding-left:100px;}

.h5_bot{ width:1200px; margin:0px auto; margin-top:50px;}
.h5_bot ul li{ float:left; width:200px; border:1px solid #CCCCCC; margin-left:9px; margin-right:9px; padding:20px 10px;}
.h5_bot ul li h2{ font-size:22px; margin-top:30px; margin-bottom:20px;}
.h5_bot ul li p{ line-height:160%; margin-bottom:30px;}
.h5_bot ul li span{ font-size:34px; color:#999999;}

.show_top{ width:800px; margin:0px auto; height:30px; padding:10px 0px; background:#f2f2f2;}
.show_bot{ width:800px; margin:0px auto; margin-top:40px; text-align:left; border-bottom:1px solid #f2f2f2; padding-bottom:50px;}
.show_bot img{ max-width:800px; margin-bottom:30px;}

.yb_conct{position:fixed;z-index:9999999;top:450px;*top:400px;_top:400px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff0000 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff0000 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff0000 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff0000 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}