@charset "utf-8";
body{ font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1";  color:#333;}
*{ padding:0; margin:0;}
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.riqi{ float:right; display:block;}
a{ color:#333; text-decoration:none;}

.header {width: 1200px;margin: 0 auto;height: 100px;}
.logo {float: left;width: 26px;padding: 10px 0;text-align: center;}
.menuli {float: right;width: 956px;}
.menuli li {float: left;width: auto;line-height: 100px;font-size: 18px;font-weight: normal;text-align: center;border-left: 1px solid #eee;width: 158px;}
.hover {background: #fcfcfc;}
.menuli li a {color: #2a2a2a;}
.menuli li a.active {color: #006EBD;font-weight: bold;}
.menuli li a:hover {color: #006EBD;}

.header_ti{border: none; box-shadow: none; margin: 20px auto;}

.top{ min-width:1180px; background:#fff; border-bottom:1px solid #ccc; line-height:40px; padding:0 10px;}
.tia_l{ float:left;}
.top_r{ float:right; display:block;}
.top_r img{ vertical-align:middle; line-height:40px; padding:0 5px 0 0;}
.top a{ padding:0 5px; font-size:14px;}
.banner{ background:url(index_01.jpg) center 0; height:500px;}
.banner01{ background:url(banner01.jpg) center 0; height:500px;}
.banner02{ background:url(banner02.jpg) center 0; height:500px;}
.banner a{ display:block; height:500px;}
.product,.product_td,.product_qy,.product_sy,.product_td1{ width:1200px; margin:80px auto 0;}
.product dd h1{font-size:36px; font-weight:bold; height:50px;  color:#2243a2;}
.product dt{ float:left; width:460px;}
.product dd{ float:right; width:700px;}
.product dd p{ line-height:35px; font-size:16px;}
.btn{ width:100%; float:left; display:block; margin:40px 0 0;}
.btn1,.btn2{ padding:6px 20px; margin:0 20px 0 0;  border:1px solid #f30; text-align:center; font-size:18px;}
.btn1{background:#f30; color:#fff;}
.btn2{background:#fff; color:#f30;}
.product_td h1,.product_qy h1,.product_td1 h1{ font-size:36px; font-weight:bold; text-align:center; color:#2243a2;}
.product_td ul{ float:left; margin:10px -80px 0 0;}
.product_td li{ float:left; width:458px; margin:40px 80px 0 0; border:1px dotted #2243a2; height:100px; padding:20px 20px 20px 80px; font-size:16px; color:#444; line-height:30px; position:relative;}
.product_td li span{ position:absolute; top:0; left:20px; width:40px; line-height:60px; background:#2243a2; border-radius:0 0 10px 10px; color:#fff; font-size:24px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
.product_qy ul{ float:left; margin:50px -45px 0 0;}
.product_qy li{ float:left; width:370px; margin:0 45px 0 0; text-align:center; line-height:160px; font-size:30px; background:url(index_03.jpg) no-repeat; color:#fff; font-weight:bold; height:200px;}

.product_sy ul{ float:left; margin:0 -80px 0 0;}
.product_sy li h2{  border-left:5px solid #1757bd; padding:0 0 0 20px; font-size:20px; color:#1757bd; }
.product_sy li{ float:left; width:560px; margin:0 80px 0 0;}
.product_sy li p{ padding:15px 0 0; line-height:30px; border-top:1px solid #1757bd; margin:15px 0 0; font-size:15px; color:#555;}

.product_td1 ul{ float:left; margin:10px -80px 0 0;}
.product_td1 li{ float:left; width:268px; margin:40px 45px 0 0; border:1px dotted #2243a2; height:80px; padding:20px 20px 20px 80px; font-size:16px; color:#444; line-height:30px; position:relative;}
.product_td1 li span{ position:absolute; top:0; left:20px; width:40px; line-height:60px; background:#2243a2; border-radius:0 0 10px 10px; color:#fff; font-size:24px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
.line{ height:1px; background:#ccc; margin:80px 0 0;}
.kind a{ float: left;width: 148px;line-height: 48px; border: 1px solid #fff;color: #fff; text-align: center;font-size: 18px;}
.kind{width: 150px; background: #2f78c1; height: 250px; position: fixed; left: 0; top: 50%; margin: -150px 0 0;}


.product_list{width:1200px;margin: 50px auto 0;}
.product_list ul {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_list li {width: 365px;}
.product_list li img{cursor: pointer;display: block;overflow: hidden;transition: 0.8s;}
.product_list li a{display: block;border-radius: 20%;border: 1px solid #ddd;overflow: hidden;background: #fff;}
.product_list li h2{font-size: 26px;text-align: center;padding: 30px 0 10px 0;}
.product_list li p {text-align: center;font-size: 16px;color: #555;}
.product_list li a:hover img{transform: scale(1.1);}


/* index01 */
.product_js{width:1200px;margin: 50px auto;}
.product_js dl{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_js dd {width: 720px;}
.product_js p {line-height: 34px;font-size: 16px;text-indent: 2em;}
.product  h2{font-weight: bold;color:#000;font-size: 18px;padding: 5px 0;}
.product_sc{width:1200px;margin: 40px auto;}
.product_sc dl{width: 1200px;border: 1px dashed #42A1FF;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 0;border-radius: 10px;}
.product_sc dt{width: 200px;padding-top: 26px;padding-left: 10px;}
.product_sc dd{width: 990px;}
.product_sc dd p{line-height: 34px;color: #267FD1;padding: 0 30px;font-size: 16px;text-indent: 2em;}
.product_sm{width:1200px;margin: 0 auto;}
.product_sm ul{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_sm li {width: 280px;}
.product_sm li img{display: block;border: 1px solid #f1f1f1;}
.product_sm li strong{display: block;font-size: 22px;font-weight: bold;padding-top: 20px;text-align: center;color: #2F78C1;line-height: 36px;}
.product_sm li p {font-size: 16px;line-height: 30px;text-align: center;color: #444;}
.product_cpys{width:1200px;margin: 0 auto;}
.product_cpys dl {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_cpys dd{width: 680px;}
.product_cpys dd p {font-size: 16px;color: #444;line-height: 34px;text-indent: 2em;}
.product_cpys dd h2{color: #006EBD;font-size: 24px;padding: 10px 0;}

.product_zysx{width:1200px;margin: 0 auto;}
.product_zysx ul{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_zysx li {width: 575px;border: 1px solid #2f78c182;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;height: 86px;}
.product_zysx li p {width: 495px;font-size: 16px;color: #444;line-height: 34px;padding-top: 11px;}
.product_zysx li span{display: block;font-size: 22px;width: 52px;height: 58px;text-align: center;line-height: 58px;background: #3998fc;color: #FFf;border-radius: 10px;position: relative;left: 10px;top: -9px;}
.product_oem{width:1200px;margin: 0 auto;}
.product_oem dl {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_oem dd {width: 700px;}
.product_oem dt img{padding: 4px;border: 1px solid #ddd;}
.product_oem dd p {line-height: 36px;font-size: 17px;color: #444;text-indent: 2em;}
.product_cptd{width:1200px;margin: 0 auto;}
.product_cptd ul{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_cptd li {width: 330px;height: 155px;margin-bottom: 40px;padding: 20px;border: 1px solid #ccc;}
.product_cptd li h2{font-weight: bold;font-size: 20px;padding: 10px 0;}
.product_cptd li p {font-size: 16px;color: #444;line-height: 30px;}

.product_lc{width:1200px;margin: 0 auto;}
.product_lc ul {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;background: url(bg1.jpg);}
h1{width: 500px;margin: 60px auto;line-height: 60px;color: #267fd1;border: 1px solid #267fd175;font-size: 30px;box-shadow: 5px 5px 0 rgba(0,0,0,0.05);text-align: center;border-radius: 20px 0;font-weight: bold;}
.product_lc ul {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_lc li {width: 311px;border: 1px solid #2f78c140;padding: 20px;margin-bottom: 56px;height: 156px;}
.product_lc li p {line-height: 30px;font-size: 16px;text-align: center;}
.product_lc li span{width: 60px;height: 60px;line-height: 60px;display: block;border-radius: 50%;background: #63b4e9;color: #fff;text-align: center;font-size: 25px;margin:0 auto 24px;}
.spt{padding-top: 11px !important;}

/* index02 */
.product_sysm{width:1200px;margin: 0 auto;}
.product_sysm dl {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_sysm h2{font-size: 24px;padding: 10px 0px;line-height: 40px;color: #267fd1;}
.product_sysm  p {font-size: 17px;line-height: 30px;padding: 10px 0;}
.product_sysm dt img{display: block;padding-top: 44px;}
.product_td02{width:1200px;margin: 0 auto;}
.product_td02 h2{font-size: 24px;padding: 10px 0px;line-height: 40px;color: #267fd1;}
.product_td02 p {line-height: 35px;color: #666;padding-bottom: 10px;font-size: 17px;}
.product_td02 dl{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_td02 dd {width: 620px;}
.product_td02 h1{font-size: 30px;line-height: 80px;color: #5279cb;}
.product dd p{text-indent: 2em;}
.product  h2{font-weight: bold;color:#000;font-size: 18px;padding: 5px 0;}
.product_sc{width:1200px;margin: 40px auto;}
.product_sc dl{width: 1200px;border: 1px dashed #42A1FF;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 0;border-radius: 10px;}
.product_sc dt{width: 200px;padding-top: 26px;padding-left: 10px;}
.product_sc dd{width: 990px;}
.product_sc dd p{line-height: 34px;color: #267FD1;padding: 0 30px;font-size: 16px;text-indent: 2em;}
.product_zysx{width:1200px;margin: 0 auto;}
.product_zysx ul{width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_zysx li {width: 575px;border: 1px solid #2f78c182;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;height: 86px;}
.product_zysx li p {width: 495px;font-size: 16px;color: #444;line-height: 34px;padding-top: 11px;}
.product_zysx li span{display: block;font-size: 22px;width: 52px;height: 58px;text-align: center;line-height: 58px;background: #3998fc;color: #FFf;border-radius: 10px;position: relative;left: 10px;top: -9px;}.product_lc{width:1200px;margin: 0 auto;}
.product_lc ul {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;background: url(bg1.jpg);}

.product_lc ul {width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_lc li {width: 311px;border: 1px solid #2f78c140;padding: 20px;margin-bottom: 56px;height: 156px;}
.product_lc li p {line-height: 30px;font-size: 16px;text-align: center;}
.product_lc li span{width: 60px;height: 60px;line-height: 60px;display: block;border-radius: 50%;background: #63b4e9;color: #fff;text-align: center;font-size: 25px;margin:0 auto 24px;}

.about{ background:#2243a2; margin:80px 0 0;}
.about h1{ text-align:center;  font-size:36px; padding:40px 0; color:#fff; border: none; margin-bottom: 0; background: none; box-shadow: none; font-weight:bold;}
.aboutcon{ width:1120px; margin:0 auto; background:#fff; padding:40px;}
.aboutcon dd{ width:620px; float:left;}
.aboutcon dd h2{ font-size:24px;}
.aboutcon dd p{ line-height:36px;font-size: 16px; color:#333; text-indent:2em; }
.aboutcon dt{ width:460px; float:right;}
.contact{ width:1200px; margin:0 auto; padding:40px 0; color:#fff;}
.tel{ line-height:55px; font-size:24px; text-align:center;}
.phone{ font-size:36px; text-align:center; font-weight:bold;}

footer,.foot {text-align:center;line-height:1.8;background-color:#FFF; font-size:14px; min-width:1200px;}
.foot {padding:8px 0 20px 0;}
.foot_nav {line-height:2.0}
.foot_nav a {padding:0 5px;}

.mobile_box{display:none}

@media screen and (max-width: 750px) {
	body{overflow-x: hidden;}
	.mobile_box{display: block;}
	footer{display: none;}
	body,
	html {width: 100%;}
	.about{background: none;}
	.aboutcon dt{float: none;width: auto;}
	.about h1{padding: 0;}
	.header_m {background: #0091f1;height: 0.8rem;position: relative;width: 100%;}
	.ss,
	.dl {width: 0.42rem;height: 0.42rem;padding: 0.19rem 0.19rem 0.19rem 0.1rem;position: absolute;top: 0;}
	.ss img,
	.dl img {width: 100%;}
	.ss {left: 0;}
	.dl {right: 0;}
	.bz {width: 100%;text-align: center;padding: 0.1rem 0;line-height: 0.6rem;font-size: 0.36rem;color: #fff;}
	.bz img {height: 0.6rem;width: 2.88rem !important;}
	.footer_m {background: #f9f9f9;border-top: 1px solid #ccc;padding: 0.3rem 0;text-align: center;line-height: 0.46rem;font-size: 0.26rem;margin: 0.3rem 0 0 0;color: #666;}
	.online {position: fixed;top: 50%;margin: -0.5rem 0 0 0;right: 0.05rem;width: 1.2rem;height: 1rem;background: #f60023 url(../images/module-bg-0.png) no-repeat center center;background-size: 0.8rem;z-index: 9999;border-radius: 0.1rem;}
	.close {width: 0.25rem;height: 0.25rem;line-height: 0.25rem;background: #eee;border-radius: 100%;text-align: center;margin: -0.08rem 0 0 -0.08rem;font-family: Arial;font-size: 0.16rem;color: #666;cursor: pointer;}
	.pc_box *,li{margin: 0; padding: 0; height: auto; width: auto;}
	body *{line-height: 0.6rem !important;font-size: 0.28rem !important;}
	.pc_box div,.btn{width: 6rem;margin: 0 auto;}
	.footer{display: none;}
	.banner,.header ,.top{display: none;}
	h1.title, h1{width: 6rem;margin: .3rem auto !important;background: #0091f1;color: #fff !important;width: 100%;font-size: 0.42rem !important;border-radius:0;border: none;box-shadow:none; border-radius: 5px;  }
	.btn{float: none;}
	.btn1, .btn2{padding: 7px 10px;margin: 2px;}
	.prolist dd p.btn{margin:12px auto;}
	
	.product_td ul,.m_messageTel,.m_product_about, .product_ys dl, .product_syff ul, .product_zysx ul,.product_czlc li, .product_sysm ul, .product_fw dl, .product_czlc ul,.product_cptd ul,.product_cpys dl ,.product_js dl,.prolist dl,.product_ys,.product_ys ul,.about dd,.about dt,.product_js,.product_ys li,.product_sc dl,.product_list ul,.product_sm ul,.product_oem dl,.product_lc ul,.product_sysm dl
	{width: 6rem;height: auto;margin: 0 auto;}
	
	
	.product p,.tel_cont,.product_ys p,.product_zysx ul p,.product_td02 dl,.product_td li,.m_product_about p,.product_sysm li{width: 6rem;height: auto;margin: 0 auto;}
	table,.product_cs,.product_zb ,.contact {display: none;}
	
	.product dd ,.product_js dd,.about dl,.product_ys ul,.product_ys li,.product_td,.product_td p,.product_js, .product_ys,.product_zb ul,.prolist,.product_cptd li,.product_sm li,.product_td02 dd,.product dt
	{width: auto;}
	
	.product dt img,.about img,.aboutcon img,.product_td02 dt img,.product_fw img,.product_js img,.m_product_about img,.product_list li,.product_cpys dt img,.product_oem dt img,.product_sysm dt img
	{display: block;width: 5.5rem;margin: 0 auto;}
	
	.product_ys li{padding:0;}
	.product_zysx li{height: auto;}
	.product_czlc li h2{text-align: left;}
	.product_sysm li p{width: auto;padding: 0;}
	.product_sysm li,.product_zysx li{display:initial;border:none;}
	.product_sysm li span{display: inline-block;width: auto;height: auto;border-radius: 0;color: #E75B28;background: none;}
	.product_czlc li{box-shadow: none; padding: 0;}
	.product_czlc li p{text-align: left;}
	.product_czlc li h2{background:none;color: #E64552;height: auto;width: auto;}
	.m_telBtn{display: inline-block;width: 2rem;padding: 0.0rem 0rem;text-align: center;font-size: 0.27rem;color: #fff;background: #FF3300;border-radius: 6px;margin: 0.1rem auto;}
	.product_ys li{margin-bottom: 0.2rem;}
	.aboutcon h2{text-align: center;font-size: 0.42rem;}

}




