body {
	margin:0;
	padding:0;
	line-height:24px;
	font-family: Verdana, Arial, Tahoma;
	font-family:"微软雅黑";
	font-size: 12px;
}

li{list-style-type: none;}
ul{list-style-type: none; margin:0 auto; padding:0;}
a {color:#333333;text-decoration:none;}
a:hover {color:#1c73b0;text-decoration:none;}
.center{ text-align:left; width:700px; float:right;}
.line{ border-bottom:#CCCCCC 1px dashed;}

img {border:0;}
.img:visited img{border: 0px solid #cccccc;}
.img img{border: 0px solid #cccccc;padding:0px;}
.img:hover img{border: 0px solid #cccccc;}

/*顶部样式*/
.top{ width:1000px; height:140px; overflow:hidden; margin:0 auto;}
.top_up{ width:1000px; height:auto; margin:0 auto; font-size:14px;}
.top_left{ width:500px; float:left;}
.top_right{ width:500px; float:right; text-align:right;}

.top2{ width:1000px; height:140px; margin:0 auto;}

/* 轮换区 */
.flash{}
.flash_bt{ width:100%; height:39px; margin:0 auto; background-color:#f1f1f1; overflow:hidden; border-bottom:1px #e2e2e2 solid;}
/*轮换*/
.banner{position: relative; height:485px; overflow:hidden; clear:both; width: 1920px; margin:0 auto; max-width: 100%;}
.bwrap{position: relative; z-index:0; width:100%;}
.bquery{position: relative; z-index:0; height:485px;}
.blist{display: none; position: absolute; top:0; left: 0; z-index: 0; height:485px; font-size: 0; line-height: 0; }
.blist a{display: block; position: absolute; left 0; top:0;}
.blist img{ }
/*.bannerTmpBox{display: none; position: absolute; left: 0; top: 0; z-index: 9; height: 570px; }
.bannerTmpBox a{position: absolute; overflow: hidden; font-size: 0; line-height: 0; }
.bannerTmpBox a img{position: absolute; }*/
.bfilter{position: absolute; top: 0; left: 0; z-index: 9; width:100%; height:485px; font-size: 0; line-height: 0; }
.bfilter a{position: absolute; top: 0; left: 0; width: 5%; height:485px; overflow: hidden; }
.bfilter a img{position: absolute; left: 0; top: 0; }
.bctrl{position: absolute; bottom: 24px; left: 0; z-index:9; width:100%; height:24px;}
.bctrli{text-align: center; font-size: 0; line-height: 0;}
.bctrli a{display: inline-block; width: 24px; height: 24px; margin: 0 3px; background: url(banner_control.png) no-repeat left center; }
.bctrli a:hover,
.bctrli a.curr{background-position: right center;}
.bctrli a{*display: inline; *zoom:1;}

/*导航样式*/
.Top_menu {height:48px; width:100%; margin:0 auto; background-color:#292b2d; font-family:"微软雅黑";}
.Top_menu ul{list-style:none; margin:0 auto; width:1000px; position:relative; z-index:10;}
.Top_menu ul li{float:left;width:125px;text-align:center; height:48px; line-height:48px; font-size:14px;}
.Top_menu ul .li_link{width:2px; height:48px; background:url(menu_list.jpg) no-repeat center center;}
.Top_menu ul li a:link{color:#fff; text-decoration:none;display:block;}
.Top_menu ul li a:visited{color:#fff; text-decoration:none;display:block;}
.Top_menu ul li a:hover{color:#fff; text-decoration:none;display:block;}
.Top_menu ul li a:active {color:#fff; display:block;}

/*下拉*/
#nav li{
	float:left; width:123px; height:48px; position:relative; z-index:1;
}
#nav a{ height:48px;}

#nav li ul li a{ height:48px;}

#nav .li_link{width:2px; height:48px; /*background:url(/images/menu_list.jpg) no-repeat center center;*/ background-color:#292b2d;}

#nav li a:hover{ height:48px; background-color:#ebb012;} 

#nav li ul {line-height:23px; list-style-type:none; text-align:left; 
left: -999em; width:123px; position:absolute; background-color:#0873b9; top:48px;} 

#nav li ul li{float: left; width:123px; height:30px; line-height:30px; overflow:hidden; border-bottom:1px #0fd6ff double;} 

#nav li ul a{display: block; width:123px; height:30px; text-align: center; font-size:12px; padding-top:0px;} 

#nav li ul a:hover {text-decoration:none;font-weight:normal;  padding-top:0px;}
#nav li:hover ul {left:0;} 
#nav li.sfhover ul {left:0;} 

.nqType{position:relative; overflow: hidden; height:48px; width:1000px; margin:0 auto;}
.nqtWrap{float: right; overflow: hidden; }
.nqtWrap li{float:left;}
.nqtWrap li a{display: block; height:48px; padding: 0 30px; line-height:48px; color: #000; text-decoration: none;}
.nqUnderline{position:absolute; bottom:0; right:0; height:5px; background:#fff; width:40px; z-index:1; top:60px;}

.gg{ width:100%; height:60px; line-height:60px; margin:0 auto; background:url(gg.jpg) no-repeat center top;}
.gg_bg{ width:1000px; margin:0 auto;}

/*index*/
.main{ width:1000px; margin:0 auto; height:auto; padding-top:30px;}

/*左右产品*/
.sy_cp{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding-top:20px; margin-bottom:30px;}
.sy_cp_top{ width:1200px; height:130px; margin:0 auto;}
.sy_cp_tf{ width:100%; height:58px; line-height:58px; text-align:center; font-size:40px; font-weight:bold; text-transform:uppercase; color:#b5b5b5;}
.sy_cp_r{ width:100%; height:20px; line-height:20px; text-align:center; font-size:20px; color:#0f76bb; font-weight:bold;}
.sy_cp_r2{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#393939;}

.sy_pro{ width:990px; height:170px; margin:0 auto; margin-bottom:10px; overflow:hidden;}
.sy_pro_list ul{}
.sy_pro_list ul li{ width:159px; height:160px; float:left; line-height:30px; margin-left:3px; margin-right:3px;}
.sy_pro_list ul li a:link{ text-decoration:none; color:#fff; display:block; background:url(sy_big.jpg) repeat; text-align:center; padding:1px; font-size:14px;}
.sy_pro_list ul li a:visited{text-decoration:none; color:#fff; display:block;}
.sy_pro_list ul li a:hover{line-height:30px; display:block; color:#fff; text-decoration:underline; background:url(sy_big_on.jpg) right; padding:1px;}
.sy_pro_list ul li a:active{ text-decoration:none; color:#fff; display:block;}

/* mover ad */
.hl_main5_content{width:1100px; height:220px; overflow:hidden; border-top:none; margin:0 auto; position:relative;} 
.hl_main5_content1{width:1000px; overflow:hidden; margin:0 auto;} 
.hl_main5_content1 ul{width:1000px; overflow:hidden;} 
.hl_main5_content1 ul li{ float:left; width:240px; display:inline; margin-right:10px;} 
.hl_scrool_leftbtn{width:24px; height:47px; background:url(../images/leftbtn.png) no-repeat; left:0; top:80px; left:10px; cursor:pointer; position:absolute; z-index:10;} 
.hl_scrool_rightbtn{width:24px; height:47px; background:url(../images/rightbtn.png) no-repeat; right:0; top:80px; right:10px; cursor:pointer; position:absolute; z-index:10;} 

.sy_cp_list img {DISPLAY: block; CURSOR: pointer; width:230px; height:170px; float:left; margin-left:5px; margin-top:5px;}
.sy_cp_list {float:left; width:240px; margin-right:10px; height:230px; overflow:hidden;}
.sy_cp_list img.picshadow{width:240px;}
.sy_cp_list a{background-color:#fff; width:240px; height:230px; display:block;
transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;}
.sy_cp_list a:hover{background-color:#c01c1d; color:#FFF; width:240px; height:230px; text-decoration:none; display:block;}

/*right*/
.right{width:780px; height:auto; float:right; margin-bottom:20px;}
.right_top{ width:780px; height:51px; margin:0 auto; overflow:hidden;}
.right_tf{ width:160px; height:51px; line-height:40px; font-size:18px; font-weight:bold; color:#fff; background:url(right_top.jpg) no-repeat center top; text-align:center; float:left;}
.right_r{ text-align:right; line-height:50px; margin-right:20px!important; margin-right:10px;}
.right_bg{ width:780px; height:auto; margin:0 auto; border:1px #d5d5d5 solid; margin-top:-12px; padding-top:12px; font-size:16px; line-height:1.5;}
.right_bg img{ max-width:100%;}
.right_bt{ width:780px; height:7px;}


.gsjj{ width:323px; height:auto; float:left; background-color:#FFF; overflow:hidden; border:1px #cdcdcd solid; border-top:2px #028aee solid; padding-bottom:10px; margin-left:4px; margin-right:4px; height:260px;}
.gsjj_bg{ width:285px; margin:0 auto;}
.gsjj_top{ width:100%; height:40px; margin:0 auto; margin-bottom:5px; line-height:40px; font-size:20px; color:#383838; border-bottom:1px #cdcdcd solid;}
.gsjj_tf{ width:195px; float:left; text-transform:uppercase; background:url(gsjj_list.jpg) no-repeat center left; font-size:16px; font-weight:bold; text-indent:20px;}
.gsjj_r{ width:50px; float:right; font-size:12px; text-align:right;}
.gsjj_fen{ width:285px; height:4px; margin:0 auto; background:url(gsjj_fen.jpg) no-repeat center top;}
.gsjj_body{ width:100%; height:auto; margin:0 auto; color:#393939; font-size:14px; line-height:25px; margin-top:5px;}
.gsjj_more{ width:65px; height:25px; float:left; background-color:#ec1503; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; margin-top:5px;}
.gsjj_more a{ color:#FFF;}

.gsjj_img{ width:283px; height:100px; margin:0 auto; background:url(gsjj_img.jpg) no-repeat center top; margin-bottom:5px;}
.anli_img{ width:283px; height:100px; margin:0 auto; background:url(anli_img.jpg) no-repeat center top; margin-bottom:5px;}
.news_img{ width:283px; height:100px; margin:0 auto; background:url(news_img.jpg) no-repeat center top; margin-bottom:5px;}

.news{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding-top:50px; padding-bottom:50px; background-color:#f4f4f4; margin-top:30px;}

.news_left{ width:580px; height:auto; overflow:hidden; float:left;}
.news_left_top{ width:100%; height:50px; overflow:hidden; margin:0 auto; border-left:3px #555555 solid; padding-left:20px;}

.news_right{ width:380px; height:auto; float:right; overflow:hidden;}

.news_top{ width:400px; height:60px; line-height:60px; font-size:24px; margin:0 auto;}
.news_tf{ width:215px; height:60px; margin:0 auto; background-color:#1c5791; line-height:60px; color:#FFF; text-align:center;}
.news1{ width:400px; float:left;}

.news_list{ width:100%; height:25px; line-height:25px; background:url(news_list.jpg) no-repeat center left; text-indent:20px; margin:0 auto;}
.news_list a{ color:#393939;}
.news_list a:hover{ color:#ea2225;}

.news_list2{ width:100%; float:left; height:40px; background:url(news_list.png) no-repeat center left; text-indent:15px; line-height:40px; border-bottom:#CCCCCC 1px dashed}
.data{ color:#999; float:right;}


.pingjia{width:1000px; height:auto; margin:0 auto; overflow:hidden;}
.pingjia_top{ width:100%; height:40px; line-height:40px; margin:0 auto; background:url(pingjia_top.png) no-repeat center center; text-align:center; font-size:28px; color:#068ad4; font-weight:bold;}
.pingjia_tf{ width:100%; height:40px; line-height:40px; text-align:center; color:#313131; font-size:16px;}



/*品牌*/
.pinpai_top{ width:100%; height:50px; line-height:30px; font-size:22px; color:#0297fe; font-weight:bold; background:url(pinpai_top.png) no-repeat center bottom; text-align:center;}


/* mover ad */
.movead {zoom:1; width:1000px; margin:0 auto; margin-top:15px; height:auto; overflow:hidden;}
.movead .pcont {width:960px; height:101px; overflow:hidden; float:left; margin-left:5px; margin-right:5px;}
.movead .ScrCont {width: 32766px; zoom: 1}
.movead #List1_1 {FLOAT: left}
.movead #List2_1 {FLOAT: left}
.movead .LeftBotton { background:url(leftbtn.png) no-repeat center; FLOAT: left; WIDTH:15px; HEIGHT:100px;_behavior: url(js/iepngfix.htc);}
.movead .RightBotton { background:url(rightbtn.png) no-repeat center; FLOAT: right; WIDTH:15px; HEIGHT:100px;_behavior: url(js/iepngfix.htc);}
.movead .pl img{DISPLAY: block; CURSOR: pointer; width:158px; height:99px; margin:0 auto; border:1px #e5e5e5 solid;}
.movead .pl {float:left; width:160px; height:101px; overflow:hidden; background-color:#f4f4f4; margin-left:16px; margin-right:16px;}
.movead .pl a{height:101px; display:block; color:#5a5a5a;}
.movead .pl a:hover{ height:101px; display:block; color:#01649d;}
.movead .pl a:hover img{}



.cp{ width:745px; margin:0 auto;}
.cp_top{ width:745px; height:65px; background:url(pro_top.png) no-repeat;}
.cp_tf{float:left; margin-left:34px!important; margin-left:17px; color:#1c73b0; font-size:14px; font-weight:bold; line-height:50px; margin-top:10px;}
.cp_more{ text-align:right; margin-right:20px!important; margin-right:10px; margin-top:30px;}
.cp_bg{ width:745px; background:url(pro_bg.gif) repeat-y; margin:0 auto}
.cp_bt{ width:745px; height:11px; background:url(pro_bt.gif) no-repeat; margin:0 auto}

.left{ float:left; width:200px; height:auto; margin:0 auto; overflow:hidden; margin-bottom:10px;}
.left_pro_top{width:200px; height:82px; text-align:center; color:#FFF; font-size:22px; background:url(left_pro_top.png) no-repeat center top;}
.left_pro_tf{ width:100%; height:50px; line-height:64px; margin:0 auto; text-align:center;}
.left_pro_r{ width:100%; height:30px; line-height:20px; text-transform:uppercase; text-align:center; font-size:14px;}

.left_pro_bg{ width:200px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:15px;}

.left_list{ width:200px; height:auto; margin:0 auto; text-align:center;}
.left_list ul{}
.left_list ul li{ width:200px; height:40px; float:left; line-height:40px; background:url(left_list.jpg) no-repeat center  left; font-size:14px; margin-top:10px; margin-bottom:10px;}
.left_list ul li a{ text-decoration:none; color:#fff; display:block;}
.left_list ul li a:visited{text-decoration:none; color:#fff; display:block;}
.left_list ul li a:hover{height:40px; line-height:40px; display:block; color:#fff;}
.left_list ul li a:active{ text-decoration:none; color:#fff; display:block;}

.left_list2{ width:200px; height:auto; margin:0 auto; text-align:center;}
.left_list2 ul{}
.left_list2 ul li{ width:200px; height:40px; float:left; line-height:40px; background:url(left_list_a.jpg) no-repeat center left; font-size:14px; margin-top:10px;}
.left_list2 ul li a{ text-decoration:none; color:#333333; display:block;}
.left_list2 ul li a:visited{text-decoration:none; color:#333333; display:block;}
.left_list2 ul li a:hover{height:40px; line-height:40px; display:block; color:#fff; background:url(left_list.jpg) no-repeat center left;}
.left_list2 ul li a:active{ text-decoration:none; color:#333333; display:block;}

.left_list0{ width:200px; height:auto; margin:0 auto; text-align:center;}
.left_list0 ul{}
.left_list0 ul li{ width:200px; height:25px; float:left; overflow:hidden; border-bottom:1px #CCC dotted; line-height:25px; font-size:14px; margin-bottom:5px;}
.left_list0 ul li a{ text-decoration:none; color:#333333; display:block;}
.left_list0 ul li a:visited{text-decoration:none; color:#333333; display:block;}
.left_list0 ul li a:hover{height:25px; line-height:25px; display:block; color:#e21300;}
.left_list0 ul li a:active{ text-decoration:none; color:#333333; display:block;}


/*left
.left{ float:left; width:260px; height:auto; margin:0 auto; overflow:hidden; margin-bottom:10px;}
.left_pro_top{width:260px; height:82px; text-align:center; color:#FFF; font-size:22px; background:url(left_pro_top.png) no-repeat center top;}
.left_pro_tf{ width:100%; height:50px; line-height:64px; margin:0 auto; text-align:center;}
.left_pro_r{ width:100%; height:30px; line-height:20px; text-transform:uppercase; text-align:center; font-size:14px;}

.left_pro_bg{ width:260px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:15px; background-color:#0080ca}

.left_list{ width:220px; height:auto; margin:0 auto; text-align:center;}
.left_list ul{}
.left_list ul li{ width:220px; height:40px; float:left; line-height:40px; background:url(left_list.jpg) no-repeat center top; font-size:14px; margin-top:10px; margin-bottom:10px; border:1px #0080ca solid;}
.left_list ul li a{ text-decoration:none; color:#fff; display:block; border:1px #0080ca solid;}
.left_list ul li a:visited{text-decoration:none; color:#fff; display:block; border:1px #0080ca solid;}
.left_list ul li a:hover{height:40px; line-height:40px; display:block; color:#fff; border:1px #00ffff solid;}
.left_list ul li a:active{ text-decoration:none; color:#fff; display:block; border:1px #0080ca solid;}

.left_list0{ width:220px; height:auto; margin:0 auto; text-align:center;}
.left_list0 ul{}
.left_list0 ul li{ width:220px; height:25px; float:left; overflow:hidden; border-bottom:1px #CCC dotted; line-height:25px; font-size:14px; margin-bottom:5px;}
.left_list0 ul li a{ text-decoration:none; color:#fff; display:block;}
.left_list0 ul li a:visited{text-decoration:none; color:#fff; display:block;}
.left_list0 ul li a:hover{height:25px; line-height:25px; display:block; color:#CCC;}
.left_list0 ul li a:active{ text-decoration:none; color:#fff; display:block;}
*/
#navigation a.here:link,
 #navigation a.here:visited,
 #navigation a.here:hover,
 #navigation a.here:active {}

.left_lx{ width:200px; height:auto; margin:0 auto; overflow:hidden;}
.left_lx_top{ width:200px; height:52px;}
.left_lx_tf{ float:left; color:#0f2e4a; font-size:18px; height:50px; font-weight:bold; line-height:50px;}
.left_lx_bg{ width:198px; border:1px #CCC solid;}
/*foot*/

.bottom{ width:100%; height:auto; margin:0 auto; overflow:hidden; color:#FFF; background:url(foot_bg.jpg) repeat center top; padding-bottom:20px;}
.bottom a{ color:#FFF;}
.foot_menu{ width:100%; height:50px; margin:0 auto; margin-bottom:15px; background-color:#333333; line-height:50px; text-align:center; font-size:16px;}

.foot {width:1000px; height:auto; overflow:hidden; margin:0 auto; margin-top:20px; line-height:25px; font-size:14px;}

/*产品页样式*/
.cp_list{ width:260px; height:220px; float:left; margin-bottom:5px;}
.cp_list a{width:260px;height:220px; margin:0 auto; display:block; border:1px #fff solid; background:url(cp_list.jpg) no-repeat right bottom; color:#666666; background-color:#FFF;}
.cp_list a:hover{width:260px;height:220px; display:block; margin:0 auto; overflow:hidden; border:#dddddd 1px solid;
-webkit-box-shadow:0 0 10px #dddddd;  
  -moz-box-shadow:0 0 10px #dddddd;  
  box-shadow:0 0 10px #dddddd; background:url(cp_list_on.jpg) no-repeat right bottom; background-color:#fff}

.cp_list_text{ width:100%; height:auto; float:left; text-align:center; line-height:30px; font-size:14px;}

/*底部*/
.footer{ width:100%; height:auto; background:#292b2d; padding-bottom:30px; overflow:hidden;}
.footbt{ text-align:center; padding-top:25px;}
.footbt a{ display:block; color:#fff; font-size:30px; font-weight:bold; background: url(xiana.png) center bottom no-repeat; letter-spacing:2; line-height:55px;}
.footbt p{ font-size:16px; color:#9c9c9c; line-height:30px;}
.footbt a:hover{ color:#e30010;}
.dbfl{ width:430px; margin-top:30px;}
.dbfl span{ font-size:18px; color:#fff;}
.dbfl ul li{ float:left; width:150px; margin-right:20px; margin-top:10px;}
.dbfl ul li a{ color:#fff; font-size:15px;}
.dbfl ul li a:hover{ text-decoration:underline;}
.dbfl2{ width:240px; margin-top:30px;}
.dbfl2 span{ font-size:18px; color:#fff;}
.dbfl2 ul li{ float:left; width:220px; margin-right:20px; margin-top:0px;}
.dbfl2 ul li a{ color:#fff; font-size:15px;}
.dbfl2 ul li a:hover{ text-decoration:underline;}
.ewm{ width:180px;text-align:center;margin-top:30px;}
.ewm img{ width:162px;}
.ewm span{ color:#fff; font-size:14px; padding-bottom:15px; display:block;}
.main-foot{ width:350px;margin-top:30px;}
.main-foot span{font-size:18px; color:#fff; }
.main-foot p{ color:#fff; font-size:15px; line-height:30px;}
.copyright{  font-size:13px; color:#fff;line-height:30px; text-align:center; height:auto; background:#292b2d; overflow:hidden; padding:20px 0 30px 0;}
.copyright .span1{ padding:0 30px 0 0;}
.copyright a{ color:#fff;}
.copyright a:hover{ color:#fff;}
.baseDiv{ width:1200px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}


.pagination{display:flex; justify-content:center;margin-top:10px; text-align:center;}
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:14px;padding:6px 8px;margin:0 2px;border-radius:3px}
.pagination a:hover{color:#073d97;border:1px solid #073d97}
.pagination a.page-num-current{color:#fff;background:#073d97;border:1px solid #073d97}


.mail{ font-size:20px; color:#44444a; line-height:45px; width:95%; margin:0 auto; margin-bottom:30px;}
input,textarea{ border:1px #dcdfe4 solid;
	border-radius:5px;
	-webkit-border-radius:5px;   /*圆角，针对苹果浏览器写的兼容*/
	height:25px; width:100%; padding:10px; margin-bottom:10px;
}
input::-webkit-input-placeholder{ /*WebKit browsers*/
font-size:1.1rem; line-height:3rem;
}
input::-moz-input-placeholder{ /*Mozilla Firefox*/
font-size:1.1rem; line-height:3rem;
}
input::-ms-input-placeholder{ /*Internet Explorer*/ 
font-size:1.1rem; line-height:3rem;
}
.diqu{border:1px #dcdfe4 solid;
	border-radius:5px;
	-webkit-border-radius:5px;   /*圆角，针对苹果浏览器写的兼容*/
	height:25px; width:30%; padding:10px; margin-bottom:10px;font-size:1.1rem; height:3rem; line-height:3rem;}
	
<!--自定义弹出框-->
.success-message,.error-message {
	position: fixed; border-radius:15px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); background:rgb(0,0,0,0.7);
}
.message {  /* 设置提示框的宽度、高度、边框等样式 */
	width:auto; padding:20px; border:0;
	/* 将内容垂直居中 */
	display: flex;
	justify-content: center;
	align-items: center; color:#fff; text-align:center; font-size:20px; line-height:20px;
}
.close {
	width:15px; position:absolute; top:0px; right:0px;
	height:15px; border-radius:50px; border:1px; text-align:center;
	line-height:10px;
}
.close::before {
	content: "X";
	font-size:12px;
	width:100%; color:#E30003;
	cursor:pointer;
}
        #box{
            width: 300px;
            height: 200px;
            border: 1px solid #eaeaea;
        }
        canvas{
            height: 200px !important;
        }