@charset "gb2312";

/* 清除内外边距 */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

fieldset, lengend, button, input, textarea, /* form elements 表单元素 */

th, td {margin: 0; padding: 0;} /* table elements 表格元素 */ 

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

html { overflow-y: scroll; }

/* 设置默认字体 */

body,button, input, select, textarea { /* for ie */ font: 14px/1 Tahoma, Helvetica, Arial, "微软雅黑", sans-serif; color: #666666;}

/* 定义h标签 */

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }

h2 { font-size: 16px; }

h3 { font-size: 14px; }

h4, h5, h6 { font-size: 100%; }

/* 重置列表元素 */

ul, ol,li { list-style: none; }

/* 重置文本格式元素 */

a { text-decoration: none; color:#686868;}

:link, :visited {text-decoration: none;}

/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */

img{ border:none; border:0px; margin:0px; padding:0px;}

abbr[title], acronym[title] { border-bottom: 1px dotted;cursor: help;} /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ 

q:before, q:after { content: ''; }

/* 重置表单元素 */

legend { color: #000; } /* for ie6 */

fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */

/* 重置表格元素 */

table {border-collapse: collapse; border-spacing: 0;}

caption, th {text-align: left;}

/* 清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG */

.clear{ clear:both;}

/* 左右 浮动*/

.f_l{ float:left !important;}

.f_r{ float:right !important;}
.tel{background: url(tel.png) no-repeat left;padding-left: 22px;}
.s_main{ width:1200px; height:auto; overflow: hidden; margin: 0 auto;}

/* ------------------------------------CSS Reset  End------------------------------- */

.top{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #ccc;}

.top .f_r strong{ color:#F2A44A; font-size:18px;}

.head{ width:1200px; height:100px; margin:0px auto; overflow:hidden;}

.logo{ width:200px; height:100px; background:url(logo.png) center no-repeat; float:left; text-indent:-9999px; }
.logo:hover{width:200px; height:100px; background:url(logo-.png) center no-repeat; float:left; text-indent:-9999px; background-size: 170px;}
.nav{ height:100px; float: right; overflow: hidden;}

.nav li{float:left; width:140px; height:90px; font-size:16px; color:#fff; text-align:center; border-right:1px solid #f1f1f1;} 

.nav li:first-child{ border-left:1px solid #f1f1f1;}

.nav li a{ display: block; padding:30px 0px;transition:.3s; }

.nav li a i{ font-style:normal; display: block; font-size:14px; line-height:180%;}

.nav li a:hover{ background:#f6f6f6; color:#F2A44A;}

.xz{ background:#f6f6f6; color:#F2A44A;}

.fullSlide{position:relative;height:600px;overflow:hidden;}

.fullSlide .bd{position:relative;z-index:-1;}

.fullSlide .bd ul{width:100% !important;}

.fullSlide .bd li{width:100% !important;}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:8px;left:0;height:30px;line-height:30px;text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:6px; background:#F2A44A;overflow:hidden;line-height:9999px;filter:alpha(opacity=60);opacity:0.6;}

.fullSlide .hd ul .on{filter:alpha(opacity=100);opacity:1;}

.banner {height:600px;overflow:hidden;background: url(banner.png) center no-repeat; width:100% !important;}
.banner_txt{color: #313131; width: 700px; margin-top: 220px; text-align: center; Font-family: SimSun;}
.bt_top{font-size: 55px; line-height: 100px; height: 100px; }
.bt_center{background-color: #313131; color: #fff; font-size: 24px; border-radius: 8px; line-height: 35px; height: 35px; width: 430px;margin-left: 120px;}
.bt_bottom{ font-size: 20px; line-height: 45px; height: 45px; }
.banner_txt:hover{font-weight: bold; color: #F2A44A !important; }
/*@keyframes img1

{

from {height:0px;transform: scale(0); }

to {height:130px;transform: scale(1); }

}*/



.gxm1{animation: gxm1 1s;animation-fill-mode:forwards;}

#gxm1{ width:1200px; height:550px; overflow: hidden; margin:30px auto;transform: translatey(600px);opacity:0; margin-top: 50px;}

#gxm1 h2{ background:url(index_03.png) no-repeat center top; padding-top:30px; text-align: center; font-size:32px; font-weight:normal; color: #383838; margin-top: 20px;  margin-bottom: 40px;}

#gxm1 .hd{ width:1200px; margin-top: 30px;}

#gxm1 .hd ul{ overflow: hidden;}

#gxm1 .hd ul li{ float: left; text-align: center; width:199px; border-left:1px solid #ccc;}

#gxm1 .hd ul li:first-child{ border:none;}

#gxm1 .hd ul li a{ display: block; font-size:14px;}

#gxm1 .hd ul li.on a{ color:#F2A44A  !important;}

#gxm1 .bd{ overflow: hidden;}

#gxm1 .bd ul{ overflow: hidden;}

#gxm1 .bd ul li{ overflow: hidden; }

#gxm1 .bd ul li .lic{ width:650px; height:auto; overflow: hidden;}

#gxm1 .bd ul li .lic .s1{ display: block;color:#474747; font-size:22px; border-bottom:1px solid #ccc; color:000; padding-bottom:10px; width: 220px; height: 30px;}

#gxm1 .bd ul li .lic .s3{ font-size:15px; }

#gxm1 .bd ul li .lic p{ line-height:230%; margin-top: 10px;}
.s3 span{font-weight: bold;}

.f_l img:hover{ -webkit-transform: scale(1.1); transform: scale(1.1);}
@keyframes gxm1{

 from {transform: translatey(600px);opacity:0;}

 to{transform: translatey(-10px);opacity:1;}

}


.gxm3{animation: gxm3 1s;animation-fill-mode:forwards;}

#gxm3{ width:100%; height: 420px; overflow: hidden; margin: 0 auto; margin-top: 20px; background:url(choose_bg.png) no-repeat center; padding:40px 0px;transform: translatey(600px);opacity:0;}

#gxm3 h2{ text-align: center; background:url(gxm_64.png) no-repeat center top; color:#363636; padding-top:30px; font-size:32px; font-weight:normal;}

#gxm3 ul{ width:1200px; height:auto; overflow: hidden; margin: 30px auto;}

#gxm3 ul li{ float: left; width:250px; height:auto; overflow:hidden; float: left; padding:0px 25px; color:#363636; }
.choose_1{margin: 0px auto; transition:.2s; background:url(index_20.png) no-repeat center #F2A44A; width: 153px; height: 153px; border-radius: 50%;}
.choose_2{margin: 0px auto; transition:.2s; background:url(index_20-08.png) no-repeat center #F2A44A; width: 153px; height: 153px; border-radius: 50%;}

.choose_3{margin: 0px auto; transition:.2s; background:url(index_20-09.png) no-repeat center #F2A44A; width: 153px; height: 153px; border-radius: 50%;}

.choose_4{margin: 0px auto; transition:.2s; background:url(index_20-10.png) no-repeat center #F2A44A; width: 153px; height: 153px; border-radius: 50%;}

.choose_1:hover, .choose_1:focus, .choose_1:active{background:url(index_20.png) no-repeat center #F2A44A; width: 165px; height: 165px;}
.choose_2:hover, .choose_2:focus, .choose_2:active{background:url(index_20-08.png) no-repeat center #F2A44A; width: 165px; height: 165px;}
.choose_3:hover, .choose_3:focus, .choose_3:active{background:url(index_20-09.png) no-repeat center #F2A44A; width: 165px; height: 165px;}
.choose_4:hover, .choose_4:focus, .choose_4:active{background:url(index_20-10.png) no-repeat center #F2A44A; width: 165px; height: 165px;}
#gxm3 ul li span{ display: block; font-size:18px;text-align: center; margin:20px 0px 15px 0px; }

#gxm3 ul li p{ line-height:160%; padding:0px 15px; color: #898989;}

#gxm3 ul li:hover {color: #F2A44A;}

@keyframes gxm3{

 from {transform: translatey(600px);opacity:0;}

 to{transform: translatey(-10px);opacity:1;}

}

.gxm4{animation: gxm4 1s;animation-fill-mode:forwards; }

#gxm4{ width:100%; overflow: hidden; height: 750px; margin:0 auto;transform: translatey(600px);opacity:0; background: url(intro_bg.png) no-repeat bottom;}

#gxm4 h2{ background:url(gxm_12.png) no-repeat center top; padding-top:30px; text-align: center; font-size:32px; font-weight:normal; color: #383838;}

#gxm4 .hd{ width:1200px; margin-top: 30px;}

#gxm4 .hd ul{ overflow: hidden;}

#gxm4 .hd ul li{ float: left; text-align: center; width:200px; margin-left: 100px;}

/* #gxm4 .hd ul li:first-child{ border:none;} */

#gxm4 .hd ul li a{ display: block; font-size:14px;}

#gxm4 .hd ul li.on a{ color:#F2A44A  !important;}

#gxm4 .bd{ overflow: hidden;}

#gxm4 .bd ul{ overflow: hidden;}

#gxm4 .bd ul li{ overflow: hidden; }

#gxm4 .bd ul li .lic{ width:650px; height:auto; overflow: hidden;}

#gxm4 .bd ul li .lic .s1{ display: block;color:#474747; font-size:22px; border-bottom:1px solid #ccc; color:000; padding-bottom:10px; width: 220px;}

#gxm4 .bd ul li .lic .s3{ font-size:15px; }
.intro_strong {margin-top: 30px;}

#gxm4 .bd ul li .lic p{ line-height:200%; margin-top: 10px;}
@keyframes gxm4{

from {transform: translatey(600px);opacity:0;}

to{transform: translatey(-10px);opacity:1;}

}



.intro_t{margin-top: 150px;}
.intro_t li{width: 75px; height: 100px;}
.intro_t a {line-height: 15px; height: 15px; margin-top: 80px;}

.intro_t_1{background: url(it_1.png) no-repeat top; }
.intro_t_1:hover, .intro_t_1.on, .intro_t_1:focus{background: url(it_c_1.png) no-repeat top;}

.intro_t_2{background: url(it_2.png) no-repeat top; }
.intro_t_2:hover{background: url(it_c_2.png) no-repeat top;}
.intro_t_2:hover, .intro_t_2.on, .intro_t_2:focus{background: url(it_c_2.png) no-repeat top;}

.intro_t_3{background: url(it_3.png) no-repeat top; }
.intro_t_3:hover{background: url(it_c_3.png) no-repeat top;}
.intro_t_3:hover, .intro_t_3.on, .intro_t_3:focus{background: url(it_c_3.png) no-repeat top;}
.intro_t_4{background: url(it_4.png) no-repeat top; }
.intro_t_4:hover{background: url(it_c_4.png) no-repeat top;}
.intro_t_4:hover, .intro_t_4.on, .intro_t_4:focus{background: url(it_c_4.png) no-repeat top;}
.intro_b{width: 550px; margin: 60px auto; text-align: center;}
.about_intro{width: 800px; margin: 60px auto; text-align: center;}
.intro_b .s1{font-size: 18px; font-weight: 400; color: #383838; display: block; width: 73px; margin: 0 auto;}
.intro_s1{font-size: 30px !important; font-weight: 500;color: #383838; display: block;  margin: 0 auto;}

.intro_b .s2{width: 75px; height: 9px; font-size: 12px; font-weight: 400; color: #B6B6B6; margin: 10px auto; display: block;}
.intro_s2{font-size: 14px; font-weight: 500;color: #B6B6B6; display: block;  margin: 10px auto; display: block;}

.intro_b .s3{font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 28px; margin-top: 30px;}
.intro_s3{font-size: 21px; font-weight: 500;font-family: Microsoft YaHei; color: #666666; line-height: 28px; margin-top: 30px;}
.gxm5{animation: gxm5 1s;animation-fill-mode:forwards;}

#gxm5{ width:100%; height:auto; overflow: hidden; margin: 0 auto; background:#F2A44A; transform: translatey(600px);opacity:0;padding:30px 0px;}

#gxm5 h2{ text-align: center; background:url(gxm_20.png) no-repeat center top; color:#fff; padding-top:30px; font-size:32px; font-weight:normal;}

#gxm5 p{ text-align: center; line-height:160%; color:#fff; margin:20px auto;}

#gxm5 img{ display: block; margin:15px auto;}

@keyframes gxm5{

 from {transform: translatey(600px);opacity:0;}

 to{transform: translatey(-10px);opacity:1;}

}







.gxm6{animation: gxm6 1s;animation-fill-mode:forwards;}

#gxm6{ width:1200px; height:auto; overflow: hidden; margin:30px auto; transform: translatey(600px);opacity:0;}

#gxm6 h2{ background:url(gxm_64.png) no-repeat center top; margin-bottom:15px;padding-top:30px; font-size:32px; font-weight:normal; text-align: center;}

.gxm6_l{ width:550px; height:auto; overflow: hidden;}

.gxm6_l img{ display: block; margin-bottom:10px;}

.gxm6_l a{ display: block; font-size:16px; }

.gxm6_l p{ line-height:160%; color:#666;}

.gxm6_r{ width:620px; height:auto; overflow: hidden;}

.gxm6_r ul{ overflow: hidden;}

.gxm6_r ul .li0{ overflow: hidden; padding-bottom:5px; border-bottom:1px solid #ccc;}

.gxm6_r ul .li0 img{ width:150px; height:120px; display: block; margin-right:15px;}

.gxm6_r ul .li0 a{ display: block; font-size:16px;}

.gxm6_r ul .li0 span{ display: block; line-height:200%;}

.gxm6_r ul .li0 p{ line-height:160%;}

.gxm6_r ul li{ border-bottom:1px dashed #ccc; line-height:45px; overflow: hidden; background:url#gxm_71.png) no-repeat left center;}

.gxm6_r ul li a{ display: block; float: left; margin-left:20px; width:460px; height:45px; overflow: hidden;}

.gxm6_r ul li span{ float: right;}

@keyframes gxm6{

 from {transform: translatey(600px);opacity:0;}

 to{transform: translatey(-10px);opacity:1;}

}



/*transform:scale(1.5);*/

 

.m_liuyan{ width:500px; height:auto; overflow: hidden; margin:30px auto;}

.m_liuyan p{ overflow: hidden; margin: 5px 0px; font-size:16px; line-height:200%;}

.m_liuyan .m_ly1{}

.m_liuyan .m_ly1 input{ display: block; width:480px; height:40px;   border:1px solid #ccc; margin:5px 0px; padding-left:15px; background:url(index_89.png);}

.m_liuyan .m_ly2 textarea{display: block; width:480px; height:80px; border:1px solid #ccc; margin:5px 0px;padding-left:15px; color:#666; line-height:200%;background:url(index_89.png);}

.m_liuyan .m_ly3{ }

.m_liuyan .m_ly3 img{ display: block; float: left; width:150px; height:40px; margin-top:5px;}

.m_liuyan .m_ly3 input{ width:320px; float: right; height:40px; border:1px solid #ccc; margin:5px 0px; padding-left:15px;background:url(index_89.png); }

.m_liuyan .m_ly4 input{  display: block; width:480px; height:40px; border:1px solid #ccc; margin:5px 0px; padding-left:15px; background:url(index_89.png);border-radius:50px;}

.cpfl{ width:100%; height:auto; overflow: hidden;}

.cpfl a{ display: block; float: left; margin:5px 14px;  line-height:280%; text-align: center;width:210px; height:40px; border:1px solid #ccc;}

.cpfl span{ display: block; line-height:40px; float: left; font-size:16px; font-weight: bold; margin-right:15px;}

/*main*/

.main{ width:1200px;margin:10px auto; overflow:hidden; background:#FFF; padding:0px 7px;}

.m_l{ width:870px; float:left; }

.m_r{ width:300px; float:right;}

.m_r2{ width:100%; float:left; overflow:hidden; margin-top:10px;}

/*catpos*/

.catpos_box{ width:auto; height:55px; background:#f2f2f2; border-bottom:1px solid #e5e5e5;}

.catpos{ width:1170px; height:55px; margin:0px auto; line-height:57px; color:#666666; font-size:15px; background:url(catpos.png) no-repeat 0px 15px; padding-left:30px;}

.catpos a{ float:none; background:none;margin-top:6px; margin-right:0px; color:#666;}

/*页面头部*/

.h2_t{ width:auto; height:38px; line-height:38px; padding-left:9px; color:#424242; font-size:17px; border-bottom:1px solid #e5e5e5; background:url(t_bg.jpg) no-repeat 0px 10px;}

/*content*/

.r_c{ line-height:200%; margin-top:6px; padding:5px; margin-bottom:10px; min-height:400px; font-size:14px;}

.r_c_t{ text-align:center;  line-height:22px; font-size:16px;}

.r_c_time{ font-size:14px; color:#666; font-weight:normal; border-bottom:1px dashed #e5e5e5; text-align:center; margin-bottom:15px;}

.r_c img{ width:auto; height:auto !important;}

.daodu{ background:#eae6df; padding:10px; margin-bottom:20px;}

.daodu span{ color:#f59701;}



/*内页  营销型*/

.pro_c{ width:auto; height:auto; overflow:hidden; margin:0px auto 15px auto;}

.pro_c img{ float:left; width:440px; height:380px !important; margin-right:40px;}

.pro_c .cp_t{ font-size:20px; margin-bottom:8px;}

.pro_c .cp_p{ font-size:20px; color:#F2A44A; line-height:32px;}

.pro_c .cp_table{ width:700px; float:left; font-size:16px;}

.pro_c .cp_tel{ font-size:22px; color:#F2A44A; padding-top:15px; float:left; line-height:27px; width:700px; margin-bottom:20px;}

.pro_t{ width:auto; height:43px; background:url(pro_t.jpg) no-repeat; margin-bottom:20px;}

#xunpan{ font-size:22px; color:#FFF; background:#F2A44A; float:left; line-height:27px; padding:10px 35px; display:block;}

#lx_btn{ font-size:22px; color:#FFF; background:#F2A44A; float:left; line-height:27px; padding:10px 35px; display:block; margin-left:10px;}



/*子栏目*/

.nav2{ width:auto; line-height:44px; overflow:hidden; background:#f5f5f5; margin-top:10px;}

.nav2 span{ float:left; background:#4a9900; width:85px; height:45px; text-align:center; color:#fff; font-size:15px; margin-right:25px;}

.nav2 a{ font-size:16px; margin-right:20px;}

.nav2 a:hover{ color:#F2A44A; }

.axz{ color:#42881f; font-weight:bold;}

/*新闻列表*/

.news li{ border-bottom:1px dashed #e5e5e5; margin-top:10px; height:155px;}

.news img{ float:left; width:200px; height:140px; margin-right:15px;}

.news li:hover{ border-bottom:1px dashed #F2A44A;}

.news li:hover a{ color:#F2A44A;}

.news li a{ font-size:18px; display:block; line-height:30px; color:#383838;}

.news li p{ line-height:21px; color:#999999; font-size:14px;}

.news li span{ font-size:15px; color:#808080; line-height:30px;}

/*新闻列表 侧面*/

.l_news2 li{ border-bottom:1px dashed #e5e5e5; margin-top:10px; height:75px; overflow: hidden;}

.l_news2 img{ float:left; width:85px; height:65px; margin-right:10px;}

.l_news2 li a{ font-size:14px; display:block; line-height:200%; color:#666;}

.l_news2 li p{ line-height:21px; color:#999;}

/*产品列表*/

.i_pro{ width:auto; padding:10px 0px; margin-left:-15px; overflow:hidden;}

.i_pro li{ float:left; margin:15px 10px; overflow:hidden; border-bottom:1px solid #fff;}

.i_pro li p{ text-align:center; margin:5px 0px; font-size:15px; line-height:260%;}

.i_pro li a{ display: block;width:220px; height:170px; background:#fff; overflow: hidden;}

.i_pro li img{ width:220px; height:170px; transition:.4s ;}

.i_pro li:hover{ border-bottom:1px solid #F2A44A;}

.i_pro li:hover img{ transform:scale(1.2);box-shadow:0px 1px 1px #F2A44A;  }

.i_pro li:hover a{ box-shadow:5px 5px 5px #ccc;}

/*相关产品列表*/

.i_pro2{ width:auto; padding:10px 0px; margin-left:-12px; overflow:hidden;}

.i_pro2 li{ float:left; margin:7px 0px 0px 12px;}

.i_pro2 li p{ text-align:center; margin:10px 0px; font-size:14px;}

.i_pro2 li img{ width:200px; height:160px; border:1px solid #e5e5e5; padding:3px; transition:.1s transform;transform:translateZ(0)}

.i_pro2 li img:hover{ border:1px solid #F2A44A;}

/*相关产品列表 产品列表页 内页*/

.i_pro3{ width:auto; padding:10px 0px; margin-left:-12px; overflow:hidden;}

.i_pro3 li{ float:left; margin:7px 0px 0px 12px;}

.i_pro3 li p{ text-align:center; margin:10px 0px; font-size:14px;}

.i_pro3 li img{ width:222px; height:170px; border:1px solid #e5e5e5; padding:3px; transition:.1s transform;transform:translateZ(0)}

.i_pro3 li img:hover{ border:1px solid #F2A44A;}

.xg_new li{ margin:10px 0px; border-bottom:1px dashed #e5e5e5; line-height:27px; float:left; width:50%; background:url(icon4.jpg) no-repeat 2px 11px; text-indent:1em}

.xg_new li a{ font-size:14px; font-weight: normal;}

.page{text-align: center; overflow:hidden; padding:20px 0px;}

.page li{float:left;}

.page li a{ color: #333; text-decoration: none; border:1px solid #CCC; padding:5px 10px; margin-right:5px; font-size:14px;}

.page li a:hover{ color:#046955;}

.page .active a{ color:#046955 !important; font-weight:bold;}

.s_desc{ font-size:14px; line-height:22px; margin:10px 0px;}

.footer{ width:100%; height:auto; overflow: hidden; background: #F0F0F0; line-height:200%; padding:25px 0px;}
.footer .fl{background: url(f_logo.png) no-repeat center; width: 200px; height: 80px;  float: left; margin-top: 20px;}

.footer .fc{ width:auto; height:auto; overflow: hidden; }

.footer .fc a{ float: left; display: block; line-height:20px; width:80px; height:20px;  }
.f_contact{ background: url(qrcode.png) no-repeat top; background-size: auto; background-size: auto; width: 100px; height: 130px; background-size: 100px; display: table-cell; vertical-align: bottom; text-align: center;}
.footer .fc a:first-child{ border:none;} 
.fl_fc{float: left; width: 700px; margin-left: 50px; margin-left: 80px;}
.fcc{ width:auto; height:auto; overflow: hidden;}
.footer .fc a:hover{color: #F2A44A;}
.link{ width:100%; height:auto; overflow:hidden;}

.link_c{ width:1200px; height:auto; margin:10px auto; overflow: hidden; line-height:40px; } 

.link_c span{ display: block; float: left; font-weight: bold;}

.link a{ margin-right:5px;}

.f_b{width: 100%; height: 30px; border-top: 1px solid #DBDBDB; background: #F0F0F0; color: #666666;  text-align: center; line-height: 30px; font-size: 14px;}
/* .f_b span, .f_b span a{text-align: center; color: #666666;} */