body{font-family:"\5FAE\8F6F\96C5\9ED1";  color:#333;font-size: 15px;line-height: 30px; }
*{ padding:0; margin:0;}
fieldset,img {border:0} 
ol,ul {list-style:none} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
i,em{font-style: normal;}
.clear{clear:both;}


/*导航*/
        .tp {min-width: 1320px;border-bottom: 1px solid #ccc;height: 40px;line-height: 40px;padding: 0 10px;background: #f2f2f2;overflow: hidden;}
        .tp_l {float: left;display: block; margin-left: 20px;}
        .lg{ width: 173px; height: 30px; margin-top: 5px; float: left;}
        .tp a {padding: 0 5px;color: #000;text-decoration: none;}
        .flexItem {color: #FF0004; overflow: hidden; float: right; width: 500px; margin-top: 10px;}
        .flexItem a{ color: #FF0004; text-decoration: none; }
        .flexItem a:hover{ color: #FF0004;text-decoration: none;}
        .flexItem span{float: left;font-weight: bold; height: 20px; line-height: 20px;}
        .flexItem .an{ width: 80px; height: 20px; line-height: 20px; font-size: 13px; font-weight: bold; text-align: center;background: #ff0000; color: #ffffff;border-radius: 5px; float: left; margin-right: 5px;}
        .flexItem .an1{ width: 80px; height: 20px;line-height: 20px;font-size: 13px; font-weight: bold;text-align: center;background: #ffa215; color: #ffffff; border-radius: 5px;float: left;}



.riqi{ float:right; display:block;}
a{ color:#333; text-decoration:none;}
header{ background:#fff; height:100px;}
.header{ width:1200px; margin:0 auto; height:100px; overflow: hidden; }
.logo{ float:left; width:300px; padding:10px 0; text-align:center;}
.menu{ float:right; width:862px;}
.menu li{ float:left; width:auto; line-height:100px; padding:0 36px; font-size:28px;  border-left:1px solid #f1f1f1;}
.menu li a{ color:#333333;}
.menu li:last-of-type{padding-left: 28px;  color: #F37101; padding-right: 0;line-height: 100px;}
.red{color: #F37101;}
.banner{background: url(images/banner.jpg) no-repeat center; height: 550px;}

.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;}
.product_title{ text-align: center;  font-size: 36px;  border: 1px solid #0060B8; border-radius: 10px; box-shadow: 6px 6px 0 rgba(0,0,0,0.1); width: 450px; color: #0060B8; margin:70px auto 80px;  line-height:59px; font-weight: bold;   }
.product_list{ width:1200px; margin:50px auto 0; }
.pro_con{ display:inline-block; height:140px; padding:15px 0;color: #404040;font-size: 16px;line-height: 34px;}
.pro_att{ line-height:48px; border-top:1px solid #eee; font-size: 16px; color: #333; }
.pro_att em{ padding:0 20px 0 0;}
/* .pro_btn{ width:216px; height:118px; float:left; padding:80px 0; border:1px solid #eee; text-align:center; background:#fcfcfc;} */
.product_nav{ position:fixed; left:0; top:400px; width:120px; background:linear-gradient(45deg, #0f6db3, #5a85ff); z-index:999999;}
.product_nav li{ float:left; width:120px; line-height:40px; border-bottom:1px solid #ccc; text-align:center; transition: 0.03s; }
.product_nav li a{ color:#fff; font-size:16px; line-height: 40px; font-size: 15px;  display: block;  }
.product_nav li:hover{background: #6AA7DF;}
.pro_tel table,td,th{border-collapse: collapse;}
.pro_tel tr:first-of-type{background: #1b84e4;color: #FFFFFF;}
.pro_tel tr:first-of-type th{font-size: 20px;}
.pro_tel table{width:1200px;margin: 0 auto;}
td,th{border: 1px solid #f37101;line-height:20px;font-size: 12px;text-align: center;}
.pro_tel h1{text-align: center;color: red;font-weight: bold;font-size: 35px;padding:50px 0 30px 0;}
.pro_tel tr:hover{background: #F1F1F1; color: #0F6DB3; }
.pro_tel tr:first-of-type{background: #1b84e4;color: #FFFFFF;}

.about{ background:#1b77cb; margin:80px 0 0;}
.about h1{ text-align:center;  font-size:36px; padding:40px 0; color:#fff; font-weight:bold;}
.aboutcon{ width:1120px; margin:0 auto; background:#fff; padding:40px;}
.aboutcon dt img{display: block;padding: 4px;border: 1px solid #ddd;margin: 0 auto 30px;}
.aboutcon dd p{ line-height:30px; color:#444; text-indent:2em; padding:4px 0 0;word-wrap: break-word;text-align: justify; }


.contact{ width:1200px; margin:0 auto; padding:40px 0; color:#fff;}
.tel{ line-height:55px; font-size:24px; text-align:center;}
.phone{ font-size:30px; text-align:center; font-weight:bold;}

html{min-width:1200px}
header{border-bottom:1px solid #ccc}
.product_list div.pro_con{font-size:15px;color:#444;line-height:30px;word-wrap: break-word;text-align: justify;}
.pro_con{height:auto}
.product_list{padding:20px 0px;border:1px solid #f1f1f1;box-shadow:0 0 10px #e3e3e3}
.product_nav{background:linear-gradient(#fb0200,#f37101)}
.product_nav li a{font-size:17px;line-height:36px;box-shadow:0 0 10px}
.product_nav li{border-bottom:1px solid #f1f1f1}
.pro_img{float:left}
.pro_intro{width:768px;float:right;padding:20px 34px;line-height:26px}
.pro_intro h2{font-size:28px;padding-bottom:12px}
.pro_intro h2 a:hover{color:#f37101}
.pro_intro p{font-size:16px;line-height:28px}
.pro_img img{display:block;transition:0.5s}
.pro_img img:hover{transform:scale(1.1)}
.product_list{overflow:hidden}
.pro_btn{position:relative;left:-6px;padding-top:30px}
.pro_btn a{text-align:center;float:left;margin:10px 10px;width:138px;line-height:38px;background:#555;font-size:18px;color:#fff;transition:0.3s}
.pro_btn a:first-of-type{background:#f37101}
.pro_btn a:last-of-type{background:#fff;border:1px solid #f37101;color:#f37101}
.pro_btn a:hover{background:linear-gradient(#fb0200,#f37101);color:#fff}
.pro_box h1{text-align:center;font-size:36px;border:1px solid #fb0200;border-radius:10px;box-shadow:6px 6px 10px rgb(21 21 21 / 10%);width:450px;color:#fb0200;margin:70px auto 80px;line-height:59px;font-weight:bold}
.pro_con span{color:#333}
.about{background:#f37101}
.about dl{display:flex;flex-wrap:wrap;justify-content:space-between}
.about dd{width:568px}



.menu li {float: left;width: auto;line-height: 100px;padding: 0 9px;font-size: 21px;border-left: 1px solid #f1f1f1;}
.menu li:last-of-type{padding-left: 17px;}
.menu{width: 900px;}
.fixed_menu {width: 100%;height: 80px;box-shadow: 0 0 10px rgb(0 0 0 / 20%);background: rgba(255,255,255,.94);text-align: center;display: none;z-index: 9999;position: fixed;top: 0;opacity: 0;transition: 0.5s;}
.fixed_menu a:last-of-type{color: #f00;}
.fixed_menu a.cur{color: #f37101;}
.fixed_menu a {padding: 0 16px;line-height: 80px;font-size: 20px;color: #555;}
.product_nav{top: 30%;}
.product_nav li a{line-height: 32px;}

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;}



.rslides {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.rslides li {
	left: 0px; top: 0px; width: 100%; display: none; position: absolute; -webkit-backface-visibility: hidden;
}
.rslides li:first-child {
	float: left; display: block; position: relative;
}
.rslides img {
	border: 0px currentColor; width: 100%; height: auto; float: left; display: block;
}
.slide_container {
	width: 100%; margin-bottom: 2px; float: left; position: relative;
}
.slide {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.slide li {
	left: 0px; top: 0px; width: 100%; position: absolute;
}
.slide img {
	border: 0px currentColor; width: 100%; height: auto; display: block; position: relative; z-index: 1;
}
.slide .caption {
	background: rgba(0, 0, 0, 0.8); margin: 0px; padding: 10px 20px; left: 0px; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 20px; display: block; position: absolute; z-index: 2; max-width: none; text-shadow: none;
}
.slide_nav {
	background: url("images/themes.gif") no-repeat left top; left: 0px; top: 52%; width: 38px; height: 61px; text-indent: -9999px; overflow: hidden; text-decoration: none; margin-top: -45px; position: absolute; z-index: 3; opacity: 0.7; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slide_nav:active {
	opacity: 1;
}
.next.slide_nav {
	background-position: right top; left: auto; right: 0px;
}