

/* CSS Document */



body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢���ź�"}

*{padding:0px;margin:0px;}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}

h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}

input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢���ź�", SimSun, "����", STXihei, "����ϸ��", Heiti, "����", sans-serif;}

button {overflow:visible}
.jieshao p
img{border:none;}

a{color:#3d2f1b;text-decoration:none;}

a:hover{color:#ff0000;text-decoration:none;}



input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}

.clear{overflow:hidden;clear:both; height:0px;}

li{	list-style:none;}

.lf{ float:left;}

.rt{ float:right;}



/*ͷ��*/

.header{  position:relative;top:0; width:100%; box-sizing:border-box; background:#fff; z-index:999; border-bottom:#e7e7e7 1px solid;  transition:all 0.6s; }

.header .logo{ float:left;  padding:10px 0}

.header .logo img{ height:70px; width:auto; }

.header.on{ position:fixed;   top:0; left:0;transition:all 0.6s;}

.header.on .logo img{ height:60px; width:auto; }



.header .tel{ background:url(../image/tel.png) left center no-repeat; background-size:30px auto; padding-left:35px; float:right; margin-top:20px;margin-right: 20px;}

.header .tel p{ font-size:20px; font-weight:bold; color:#e20002}





.sjdh{ display:none;}



.contain{ width:100%; margin:0 auto; max-width:1400px;}



button{ background:url(../image/sou.png) center no-repeat; border:0; height:30px; width:30px; outline:none}





/*�������� ������*/

.tedian{ width:96%; margin:2rem auto; max-width:1400px; overflow:hidden}

.shipin{ width:28%; float:left}

.shipin video{ max-height:640px}

.bt1{ text-align:center; color:#000; margin-bottom:60px;}

.bt1 h1{ font-size:48px}

.bt1  em{ display:block; margin:0.5rem auto; width:230px; height:2px; background:#ff1616; }

.bt1 h2{ font-size:30px; font-weight:normal}





.tdjs{ float:right; width:67%;}

.td1{ overflow:hidden}

.td2{ overflow:hidden}

.td3{ overflow:hidden}

.td1 i{ display:block; float:right; width:42%; max-width:378px;}

.td1 i img{ width:100%; height:auto}

.td1 .tdtd{ float:left; width:50%;margin-top:20px;}

.td2 i{ display:block; float:left; width:50%; max-width:468px;}

.td2 i img{ width:100%; height:auto}

.td2 .tdtd{ float:right; width:42%; margin-top:20px;}

.td3 .tdtd{ margin-top:20px;}

.tdtd h3{ display:block; float:left; position:relative; width:auto; border-bottom:#000 1px solid; font-size:25px; color:#000; font-weight:normal; padding-bottom:10px; margin-bottom:10px;}

.tdtd h3 em{ font-style:normal; font-size:14px}

.tdtd p{ font-size:14px; color:#717171; line-height:25px}

.td3 .peizhi{ border:#f0f0f0 1px solid; border-right:0; border-bottom:0}

.td3 .peizhi td{ border-right:#f0f0f0 1px solid; border-bottom:#f0f0f0 1px solid; text-align:center; font-size:14px; line-height:23px; padding:5px;}







/*��ҵ��*/



.shiyebu{ background:#f4f4f4; padding:25px 0; overflow:hidden}

.bt2{ text-align:center; margin-bottom:20px;}

.bt2 h1{ font-size:14px; color:#989898; font-weight:normal;  text-transform:uppercase }

.bt2 h2{ color:#000; font-size:30px; font-weight:normal; padding-bottom:10px;}

.bt2 em{ display:block; margin:0 auto; width:80px; height:3px; background:#ff1616;}

.bt2 p{ font-size:18px; color:#6d6d6d; padding-top:10px}



.cpfl{ text-align:center; margin-bottom:20px;}

.cpfl ul li{ display:inline-block; margin-bottom:5px; }

.cpfl ul li a{ display:block; background:#fff; padding:0.5rem 1rem; font-size:14px}

.cpfl ul li a:hover{ background:#e20003; color:#fff}



.btn1 a{ display:block; background:#e20003; text-align:center; color:#fff; width:160px; line-height:30px; border-radius:20px; margin:0 auto; transition:all 0.6s}

.btn1 a:hover{ background:#ff7e00; transition:all 0.6s}



/*�������*/

.jjfa{ margin:25px auto; overflow:hidden}



.jjfa ul li{ float:left; width:20%; position:relative; padding-bottom:28.5%; background:#000; overflow:hidden; transition:all 0.6}

.jjfa ul li:hover{ background:#e20003; transition:all 0.6s}

.jjfa ul li:hover img{ opacity:0.3}

.jjfa ul li img{ position:absolute; height:100%; width:auto;top:0; left:50%; transform:translate(-50%,0); opacity:0.4}

.jjfa ul li .fdwz{ position:absolute; z-index:99; color:#fff; width:90%; left:5%; top:50%;transform:translate(0,-50%); height:120px; overflow:hidden;text-align:center; transition:all 0.6s}

.jjfa ul li:hover .fdwz{ height:260px; transition:all 0.6s}

.jjfa ul li .fdwz h1{ font-size:30px; font-weight:normal}

.jjfa ul li .fdwz  em{ display:block; background:#fff; width:53px; height:3px; margin:25px auto}

.jjfa ul li .fdwz h2{ font-size:25px; display:block; margin-bottom:40px; font-weight:normal}

.jjfa ul li .fdwz  p{ font-size:14px; line-height:30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; transition:all 0.6s}

.jjfa ul li .fdwz  span { display:block; margin:0 auto; border:#fff 1px solid; width:120px; line-height:30px; text-align:center; margin-top:20px;transition:all 0.6s}





.jjfa ul li:hover  .fdwz  em{ display:none;transition:all 0.6s}







/*�ͻ�*/

.kehu{ width:96%; max-width:1440px; margin:25px auto}



.marqueeleft{height:200px;width:96%;overflow:hidden;margin:20px auto; max-width:1440px}

.marqueeleft ul{float:left;}

.marqueeleft li{float:left;margin:0 10px;display:inline;width:auto;height:200px;overflow:hidden;}

.marqueeleft li  img{ height:150px; width:auto}

.marqueeleft li .txt{text-align:center;height:23px;line-height:23px; font-size:16px}





/*���*/

.about{ background:#f4f4f4; width:96%; margin:25px auto; max-width:1400px;}

.about img{ max-width:100%; height:auto}

.jieshao{ padding:20px; overflow:hidden}



.jieshao h3{ display:block; width:300px; text-align:right; float:left; font-size:20px; color:#000}

.jieshao p{ display:block; float:right; width:100%; color:#676767; font-size:14px; line-height:30px}



/*������Ѷ*/



.xinwen{ width:96%; max-width:1400px;margin:25px auto;overflow:hidden}



#lib_Tab1{padding:0px;margin-bottom:15px; text-align:center}

.lib_Menubox {height:40px;line-height:40px;position:relative;}

.lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:3px; left:0; height:40px;text-align:center; width:100%; text-align:center}

.lib_Menubox li{display:inline-block;cursor:pointer;width:auto;color:#000;height:40px;line-height:40px; background-color:#fff;border:#dcdcdc 1px solid; padding:0 25px; font-size:16px}

.lib_Menubox li.hover{padding:0px;background:#c60002;width:auto; border:#dcdcdc 1px solid;color:#fff;height:40px;line-height:40px; padding:0 25px;font-size:16px}

.lib_Contentbox{clear:both;margin-top:0px; border-top:none;padding-top:15px;}





.new ul li{ float:left; width:32%; margin-right:2%; position:relative}

.new ul li .date{ position:absolute; z-index:99; top:0; right:0; background-color:rgba(0,0,0,0.7); height:65px; width:80px; color:#fff}

.new ul li .date em{ display:block; font-style:normal; font-size:20px; padding-top:5px}

.new ul li i{ display:block; width:100%; padding-bottom:53%; position:relative; overflow:hidden}

.new ul li i img{position:absolute; left:0;top:50%;width:100%; height:auto; transform:translate(0,-50%); transition:all 0.6s}

.new ul li:hover img{ transform:translate(0,-50%) scale(1.1,1.1); transition:all 0.6s}

.new ul li:last-child { margin-right:0}



.new ul li h3{ display:block;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; text-align:left; line-height:55px; font-weight:normal; color:#000; font-size:16px;}

.new ul li p{ display:block; color:#898989; line-height:23px; text-align:left;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden}

.new ul li span a{ display:block; border:#cecece 1px solid; text-align:center; color:#666; margin:10px 0; line-height:23px; transition:all 0.6s}

.new ul li span a:hover{ background:#c60002; color:#fff; transition:all 0.6s}









/*�ײ�*/

.foot{ background:#3c3c3c; }

.foot a{ color:#fff}

.foot1{ width:96%; max-width:1400px; margin:0 auto; padding:15px 0}



.foot2{ border-top:#636363 1px solid; padding:15px 0; font-size:14px; color:#fff; overflow:hidden}



.banquan{ float:left;color:#fff; line-height:25px; font-size:14px;}

.ali{ float:right;}



.dlink{ float:left; }

.dlink ul li{ float:left; margin-right:80px;}

.dlink ul li h3{ display:block; background:url(../image/dbt.jpg) left bottom no-repeat; line-height:40px; color:#fff; font-size:16px; margin-bottom:0.5rem; font-weight:normal}

.dlink ul li p{ color:#aeaeae; line-height:25px; font-size:14px}

.dlink ul li p a{ color:#aeaeae}

.dlink ul li p a:hover{ color:#fff; text-decoration:underline}



.guanzhu{ width:20%; float:right; color:#fff; max-width:140px; font-size:14px; text-align:center}

.dtel { float:left; }

.dtel h1{display:block; background:url(../image/dbt.jpg) left bottom no-repeat; line-height:40px; color:#fff; font-size:16px; margin-bottom:0.5rem; font-weight:normal}



.dtel p{color:#aeaeae; line-height:25px; font-size:14px}

.guanzhu img{ width:100%; height:auto;max-width:140px;}



.boda{ display:none; position:fixed; right:0; top:45%;}





/*��ҳͨ��*/

.nbanner{ width:100%; height:300px; overflow:hidden; position:relative; font-size:35px; color:#fff}

.nbanner img{ position:absolute; height:100%; width:auto; left:50%; top:0; transform:translate(-50%,0);}

.nbanner .nbt{ position:absolute; width:100%; text-align:center; top:40%; z-index:99; background:url(../image/nav.jpg) bottom no-repeat; background-size:100px 3px; padding-bottom:12px}



.nmain{ padding:25px 0; overflow:hidden}



/*��Ʒ����*/

.list{width: 320px; float:left; border:#dcdcdc 1px solid; border-top:#e20002 5px solid; box-sizing:border-box}

.list ul li{background-color:#fff; border-bottom:#dcdcdc 1px  solid;font-size:16px; }

.list ul li:last-child { border:0}

.list ul li a{padding-left: 20px;color: #333;  display: block; height:85px;line-height: 85px;position: relative;

}

.list ul li .inactive{ background:url(../image/off.png) no-repeat 280px center;}

.list ul li .inactives{background: url(../image/on.png) no-repeat 280px center; color:#e20002;} 

.list ul li ul{display: none;}

.list ul li ul li { border-left:0; border-right:0; background-color:#f7f7f7; border-color:#dcdcdc; font-size:14px;}

.list ul li ul li ul{display: none;}

.list ul li ul li a{ padding-left:20px; color:#666}

.list ul li ul li ul li { background-color:#fff; border-color:#ececec; font-size:12px; }

.last{ background-color:#d6e6f1; border-color:#6196bb; }

.list ul li ul li ul li a{ color:#666; padding-left:30px;}



.cplb{ float:right; width:calc(100% - 350px)}

.cplb ul li{ float:left; width:31%; margin-left:2%; margin-bottom:1rem;}

.cplb ul li i{ display:block; width:100%; padding-bottom:100%; position:relative; background:#fff; border:#e5e5e5 1px solid; box-sizing:border-box; overflow:hidden}

.cplb ul li i img{ position:absolute; height:100%; width:auto; top:0; left:50%;transform:translate(-50%,0);}

.cplb ul li p{ display:block; line-height:45px; margin-top:10px; text-align:center; font-size:14px;}

.cplb ul li a:hover p{ background:#e20002; color:#fff}





/*��Ʒ����*/



.xxbt{ text-align:center; width:50%; max-width:200px; text-align:center; border:#dbdbdb 1px solid; margin:0 auto; background:#fff;line-height:45px; font-size:20px; color:#000; position:relative; margin-bottom:30px;}

.xxbt em{ display:block; position:absolute; background:#fff; bottom:-1px; width:100px; height:2px; left:50%; margin-left:-50px; border-bottom:#e20002 2px solid;}

.dapic{ width:50%; float:left; margin:0 auto; height:auto;box-sizing:border-box }

.dajs{ float:right; width:45%; color:#666; line-height:35px; font-size:14px}



.m1{background:#f4f4f4; margin:2rem 0; padding:2rem 0; overflow:hidden}



.tx1{ float:left; width:48%;  }

.tx1 img{ max-width:100%; height:auto; display:block; margin:0 auto}

.tx1 h3{ font-size:20px; text-align:center;  display:block; margin-bottom:15px;}

.tx2{float:right; width:48%; overflow:hidden}

.tx2 img{ max-width:100%; height:auto; display:block; margin:0 auto}

.tx2 h3{ font-size:20px; text-align:center; display:block; margin-bottom:15px;}



.tx3{width:96%; max-width:1400px; margin:2rem auto; height:auto; text-align:center; overflow:hidden }

.texing{ float:left; width:48%; text-align:left}

.tx3 h3{ font-size:20px; border-left:#e20002 5px solid; padding-left:10px; display:block; margin-bottom:15px;}

.tx3 p{ line-height:25px; font-size:14px; color:#777}

.yuanli{ float:right; width:48%; text-align:left}



.tx4{  background:#f4f4f4; padding:2rem 0; overflow:hidden}

.peizhi2{ border:#f0f0f0 1px solid; background:#fff; max-width:1400px; margin:0 auto; border-right:0; border-bottom:0}



.peizhi2 td{ border-right:#f0f0f0 1px solid; border-bottom:#f0f0f0 1px solid; text-align:center; font-size:14px; line-height:23px; padding:5px;}

.peizhi2 img{ max-width:80%; height:auto; padding:10px 0}





.tx5{width:96%; max-width:1400px; margin:2rem auto; height:auto; text-align:center; overflow:hidden }

.tx5 ul li{ display:inline-block;width:23%; margin:0 0.5%; background:#fff; padding-bottom:10px;}

.tx5 ul li i{ display:block; width:100%; padding-bottom:80%; position:relative; overflow:hidden}

.tx5 ul li i img{ position:absolute; height:100%; width:auto; left:50%; top:0;transform:translate(-50%,0);}

.tx5 ul li p{ display:block; font-size:14px; padding:10px 0}





.fa1{ float:left; width:48%; margin-right:4%; margin-bottom:2rem}

.fa1 .fafa1{ float:left; width:60%; padding-bottom:40%; position:relative; overflow:hidden}

.fa1 .fafa1 img{ width:100%; height:auto; position:absolute; left:0;top:50%; transform:translate(0,-50%);}

.fa1 .fafa1 p{ display:block; position:absolute; z-index:999; text-align:center; color:#fff; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,0.7); line-height:45px; font-size:23px}

.fa1:nth-child(2n){margin-right:0; border:0}



.fa1 .fafa2{ float:right; width:35%;}

.fa1 .fafa2 ul li{ border-bottom:#ebebeb 1px solid; line-height:40px; font-size:14px; background: url(../image/biao.jpg) left center no-repeat; padding-left:15px;}

.fa1 .fafa2 ul li a{ display:block}



.fatu{ float:left; width:50%; padding-bottom:30%; border:#e2e2e2 1px solid; box-sizing:border-box; position:relative; overflow:hidden;}

.fatu img{ position:absolute; width:100%; height:auto; left:0; top:50%;  transform:translate(0,-50%);}



.fazi{ float:right; width:46%;}

.fazi h3{ font-size:25px;}

.fazi p{ display:block; margin:20px 0; line-height:25px; font-size:14px; color:#666}

.fazi span{ display:block; background:#e20002; width:100%;font-size:20px; color:#fff; max-width:300px; text-align:center; line-height:40px; border-radius:20px;}





.xiangguan{ margin-top:40px; text-align:center}

.xiangguan ul li{ display:inline-block; width:23%; padding-bottom:15%; position:relative; margin:0 0.5%; overflow:hidden}

.xiangguan ul li img{width:100%; height:auto; position:absolute; left:0;top:50%; transform:translate(0,-50%);}

.xiangguan ul li p{ display:block; position:absolute; background:rgba(0,0,0,0.7); color:#fff; text-align:center; line-height:40px; font-size:14px; bottom:0; width:100%; z-index:99}





/*�ͻ�*/

.khjz{ width:100%; max-width:1400px; margin:0px auto;}

.khjz ul li{ float:left; width:22%; border:#ededed 1px solid; box-sizing:border-box; padding:10px; margin-left:2%; margin-bottom:1rem; text-align:center; transition:all 0.6s}

.khjz ul li i{ display:block; width:100%; padding-bottom:30%; position:relative; overflow:hidden}

.khjz ul li i img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%;transform:translate(-50%,-50%);}

.khjz ul li  a p{ font-size:14px; padding:5px 0; color:#333}

.khjz ul li:hover{box-shadow: 0px 0px 10px rgba(195,195,195,0.75); border:#e20002 1px solid; transition:all 0.6s}



.khjz2{ width:100%; max-width:1400px; margin:0px auto;}

.khjz2 ul li{ float:left; width:22%; border:#ededed 1px solid; box-sizing:border-box; padding:10px; margin-left:2%; margin-bottom:1rem; text-align:center; transition:all 0.6s}

.khjz2 ul li i{ display:block; width:100%; padding-bottom:30%; position:relative; overflow:hidden;min-height: 386px;}

.khjz2 ul li i img{ position:absolute; width:100%; height:auto; left:50%; top:50%;transform:translate(-50%,-50%);}

.khjz2 ul li  a p{ font-size:14px; padding:5px 0; color:#333}

.khjz2 ul li:hover{box-shadow: 0px 0px 10px rgba(195,195,195,0.75); border:#e20002 1px solid; transition:all 0.6s}


@media only screen and (max-width:995px){
	.khjz2 ul li{ float:left; width:47%; border:#ededed 1px solid; box-sizing:border-box; padding:10px; margin-left:2%; margin-bottom:1rem; text-align:center; transition:all 0.6s}
	.khjz2 ul li i{ display:block; width:100%; padding-bottom:30%; position:relative; overflow:hidden;min-height: 240px;}
	.khjz2 ul li  a p{ font-size:14px; padding:5px 0; color:#333}

.khjz2 ul li:hover{box-shadow: 0px 0px 10px rgba(195,195,195,0.75); border:#e20002 1px solid; transition:all 0.6s}
}


/*����*/



.xwfl{ float:right; width:240px;}



.leimu h3{ display:block; font-size:20px; line-height:45px; background:#e20002; color:#fff; padding-left:15px; box-sizing:border-box; font-weight:normal}

.leimu  ul li{ margin-top:5px; }

.leimu  ul li a{ display:block; background:#f2f2f2; color:#333; line-height:35px; padding-left:15px; transition:all 0.6s}

.leimu  ul li a:hover{ background:#333; color:#fff; transition:all 0.6s}

.redian h3{ display:block; border-bottom:#e8e8e8 1px solid; line-height:45px; font-size:20px; color:#000; font-weight:normal;}

.redian ul li{border-bottom:#e8e8e8 1px solid; padding:8px 0}

.redian ul li p{ font-size:14px; line-height:23px;}

.redian ul li em{ display:block; font-style:normal; color:#999}



	.xwlb{ float:left; width:calc(100% - 280px)}

	.xwlb ul li{  margin-bottom:25px; overflow:hidden; position:relative; transition:all 0.6s}



	.xwlb ul li i{ display:block; float:left; width:30%; padding-bottom:15%; border:#efefef 1px solid; box-sizing:border-box; position:relative; overflow:hidden}

	.xwlb ul li i img{ position:absolute; width:100%; height:auto; left:0; top:0; transition:all 0.6s}

	.xwlb ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}

	.xwlb ul li .nxw{ float:right; width:60%; margin-right:5%;}

	.xwlb ul li .nxw h3{ padding:0.5rem 0; margin:0; font-size:16px; text-align:left; line-height:23px;display:block;}

	.xwlb ul li .nxw h3 a{ color:#333}

	.xwlb ul li .nxw h3 a:hover{ color:#f29118}

	.xwlb ul li .nxw em{ display:block; color:#999; font-size:12px; padding:0.5rem 0; text-align:left; font-style:normal}

	.xwlb ul li .nxw p{ display:block; color:#909090; line-height:25px; height:50px; margin:5px 0; font-size:12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}

	.xwlb ul li .nxw span a{ display:block;   line-height:23px; color:#e20002; font-size:12px; margin-top:1rem; transition:all 0.6s}

	.xwlb ul li .nxw span a:hover{ transform:translateX(10px); transition:all 0.6s}







.about1{ width:96%; margin:0px auto; margin-bottom:40px; max-width:1400px; font-size:18px; line-height:55px; overflow:hidden}

.about1 img{ float:right; width:30%; height:auto; padding-left:5%;}

.nnbt{ text-align:center; font-size:25px; padding-top:30px; margin-bottom:30px; color:#000; line-height:45px;}

.nnbt em{ display:block; height:3px; width:80px; margin:0 auto; background:#e20002}



.about2{ background:#f1f1f1; padding:35px 0; overflow:hidden}

.about2 img{ max-width:100%; height:auto; display:block; margin:0 auto}





.about3{ width:96%; margin:0px auto; margin-bottom:40px; max-width:1400px; font-size:14px; line-height:25px; overflow:hidden}

.about3 img{ display:block; max-width:100%; height:auto; margin:0 auto}





.about4{ width:100%; height:auto}

.about4 img{ width:100%; height:auto}



.about5{ width:96%; margin:0px auto; margin-bottom:40px; max-width:1400px; font-size:14px; line-height:25px; overflow:hidden}

.about5 ul li{ float:left; width:24%; margin:0.5rem 0.5%;}

.about5 ul li img{ width:100%; height:auto}



.ndh{ margin:30px 0; text-align:center}

.ndh ul li{ display:inline-block; }

.ndh ul li a{ display:block; border:#e0e0e0 1px solid; color:#333; padding:10px 30px; font-size:14px;transition:all 0.6s}

.ndh ul li a:hover{ background:#e20002; color:#fff; transition:all 0.6s}





.lx1{ float:left; width:45%; padding:50px 30px; box-sizing:border-box; text-align:center; background: url(../image/lxbg.jpg) center no-repeat; background-size:cover; border-radius:20px;}

.lx1 h3{ color:#e20002; display:block; font-size:20px; text-align:center}

.lx1 p{ display:block; margin:1rem 0; color:#fff; line-height:25px; font-size:14px;}

.lx1 ul{ margin-top:40px; overflow:hidden}

.lx1 ul li{ float:left; width:47%; margin-right:3%; margin-bottom:30px;}



.lx1 ul li i{ display:block; background:#e20002; width:32px; line-height:32px; height:32px; text-align:center; border-radius:20px; float:left; overflow:hidden}

.lx1 ul li i img{ height:26px; padding-top:3px; width:auto;}

.lx1 ul li p{ display:block; float:right; width:calc(100% - 40px); text-align:left; margin:0}

.lx1 ul li p em{ display:block; font-size:16px; font-weight:bold; line-height:25px; font-style:normal}





.ly1{ float:right; width:50%;}

.ly1 ul li{ margin-bottom:20px;}

.lybd1{ border:#e5e5e5 1px solid; line-height:50px; height:50px; width:100%; padding:0 15px; box-sizing:border-box; border-radius:25px; outline:none; color:#666}

.lyly{ border:#e5e5e5 1px solid; line-height:25px; height:100px; width:100%; padding:0 15px; box-sizing:border-box; border-radius:25px; outline:none; font-family:"΢���ź�";color:#666}





.lytj{ display:block; margin:0 auto; width:120px; text-align:center; color:#cc0101; border:#cc0101 1px solid; outline:none; cursor:pointer; background:none; line-height:40px; transition:all 0.6s  }

.lytj:hover{ background:#cc0101; color:#fff; transition:all 0.6s }



.lx2{ width:98%; max-width:1400px; margin:0 auto; margin-top:30px; height:450px; overflow:hidden;}





.weizhi{ background:#f6f6f6; padding:20px 0; font-size:14px; color:#666}

.weizhi em{ display:block; float:left; padding-right:10px}











@media (max-width: 1400px) {



.dlink ul li{ float:left; margin-right:30px;}







}



@media (max-width: 1024px) {



/*�������� ������*/



.shipin{ width:100%; float:none}

.tdjs{ float:none; width:100%; margin-top:20px}



.bt1{ text-align:center; color:#000; margin-bottom:20px;}

.bt1 h1{ font-size:20px}

.bt1 h2{ font-size:14px; font-weight:normal}



.bt2{ text-align:center; margin-bottom:20px;}

.bt2 h1{ font-size:12px; color:#989898; font-weight:normal;  text-transform:uppercase }

.bt2 h2{ color:#000; font-size:20px; font-weight:normal; padding-bottom:10px;}

.bt2 p{ font-size:12px; color:#6d6d6d; padding-top:10px}







.jieshao h3{ float:none;width:100%; text-align:center}

.jieshao p{ float:none; width:100%}



.dlink{ display:none}





.list{width: 240px;}

.cplb{ width:calc(100% - 250px)}

.list ul li .inactive{ background:url(../image/off.png) no-repeat 200px center;}

.list ul li .inactives{background:url(../image/on.png) no-repeat 200px center;} 

.cplb ul li{ float:left; width:47%; margin-left:2%; margin-bottom:1rem;}





.texing{ float:none; width:100%; margin-bottom:20px;}

.yuanli{ float:none; width:100%}



.fa1{ float:none; width:96%; margin:0 auto; margin-bottom:1rem; overflow:hidden}

.fa1:nth-child(2n){ margin:0 auto; margin-bottom:1rem;}



.dapic{ width:96%; margin:0 auto; float:none; display:block  }

.dajs{ float:none; width:96%; margin:0 auto; overflow:hidden}





}





@media (max-width: 768px) {



.foot1{ display:none;}

.foot2{ text-align:center}



.tedian{ display:none}

.shipin video{ max-height:340px}

.td1 i{ float:none; width:100%;}

.td1 .tdtd{ float:none; width:100%}

.td2 i{ float:none; width:100%;}

.td2 .tdtd{ float:none; width:100%;}

.td3 .tdtd{ margin-top:20px;}



.tdtd h3{ font-size:20px}

.tdtd h3 em{ font-style:normal; font-size:12px}



.tdtd p{ font-size:12px; color:#717171; line-height:23px}

.td3 .peizhi td{ font-size:12px}



.jjfa ul li{ float:none; width:96%; margin:0 auto; padding-bottom:80%; }

.jjfa ul li img{ position:absolute; height:auto; width:100%;top:0; left:0; transform:none; opacity:0.4}



.marqueeleft li  img{ height:100px; width:auto}







.new ul li{ float:none; width:100%; margin:0.5rem 0;position:relative}



.nbanner{ height:200px; font-size:20px; margin-top:50px}



.list{ display:none}

.cplb{ width:100%}



.tx1{ float:none; width:96%; margin:0 auto; margin-bottom:1rem; }

.tx2{float:none; width:96%; margin:0 auto }



.tx5 ul li{ display:inline-block;width:47%; margin:0 0.5%;}





.fatu{ float:none; width:96%; margin:0 auto; padding-bottom:60%; }



.fazi{ float:none; width:96%; margin:0 auto; margin-top:20px}

.fazi h3{ font-size:25px;}

.fazi p{ display:block; margin:20px 0; line-height:25px; font-size:14px; color:#666}

.fazi span{ display:block; background:#e20002; width:100%;font-size:20px; color:#fff; max-width:300px; text-align:center; line-height:40px; border-radius:20px;}





.xiangguan ul li{ display:inline-block; width:48%; padding-bottom:30%; position:relative; margin:0.5rem 0.5%; overflow:hidden}





.khjz ul li{ float:left; width:47%; border:#ededed 1px solid; box-sizing:border-box; padding:10px; margin-left:2%; margin-bottom:1rem; text-align:center; transition:all 0.6s}







.xwfl{ display:none}

.xwlb{ float:none; width:96%; margin:0 auto}

.xwlb ul li .nxw p{ display:none;}





.about1{ width:96%; margin:0px auto; margin-bottom:40px; max-width:1400px; font-size:14px; line-height:25px; overflow:hidden}

.about1 img{ float:right; width:50%; height:auto; padding-left:5%;}



.about5 ul li{ float:left; width:48%; margin:0.5rem 0.5%;}





.lx1{ float:none; width:100%; padding:20px;}

.ly1{ float:none; width:95%; margin:0 auto;margin-top:20px;}





.lx2{ margin-top:30px; height:250px; overflow:hidden;}

.lx1 ul li{ float:none; width:100%; margin-right:0; margin-bottom:20px; overflow:hidden}







.banquan{ float:none; margin:0 auto}

.dtel{ float:none; margin:0 auto}





.dapic{ float:none; width:96%; margin:0 auto }

.dajs{ float:none; width:96%; margin:0 auto}



.boda{ display:block}



}