@charset "utf-8";
/* CSS Document */

body {margin: 0;padding:0;font-size:100%;background:#fff;font-family: "Microsoft Yahei",'Arial',Helvetica,Arial,Sans-Serif;}
html {scroll-behavior: smooth;}
body a {text-decoration: none;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;font-family: 'Arial',Helvetica,Arial,Sans-Serif;}
body img {max-width: 100%;}
a:hover {text-decoration: none;}
h1,h2,h3,h4,h5,h6 { margin: 0;padding:0;color: #000000;}
li {list-style-type: none;}
p { margin: 0;font-size: 15px;line-height: 1.8em;letter-spacing: 1px;color: #666;font-family:"Microsoft Yahei", 'Arial',Helvetica,Arial,Sans-Serif;}
ul {margin: 0;padding: 0;}
.clear{ clear:both;}



.warp_both{width:100%; border-bottom:1px solid #e7e7e7; background:#fff;}
.head_bg{width:100%;background:#fff;}
.warp_1200{width:1200px; margin:0 auto;}
.hd_box{width:100%;height:37px;}
.hd_welcome{width:500px; float:left;}
.hd_welcome p{width:100%;font-family: "Microsoft Yahei";font-size:12px; color:#333; line-height:37px;}
.hd_list{width:136px; float:left; margin-left:364px;}
.hd_list a{font-family: "Microsoft Yahei";font-size:12px; color:#5a5a5a; line-height:37px;}
.hd_list a:hover{ cursor:pointer;}
.hd_list span{color:#555;}
.hd_tel{width:300px; float:right;}
.hd_tel p{width:100%;font-family: "Microsoft Yahei";font-size:14px; color:#bf1313; line-height:37px; text-align:right;}

.hd_top{width:100%;height:70px;padding:15px;}
.logo{width:350px; float:left;}
.logo img{width:360px;height:70px;float:left;}
.logo p{width:270px;float:left; margin-left:15px;font-family: "Microsoft Yahei";font-size:30px; color:#006db5; line-height:40px; font-weight:700;letter-spacing:0.1px; margin-top:5px;}
.logo p span{ display:block;font-family:"Microsoft Yahei", 'Arial',Helvetica,Arial,Sans-Serif; font-weight:400;font-size:15px;letter-spacing:0px; line-height:20px;}
.menu{width:750px; float:left; margin-left:100px; margin-top:8px;}
.menu ul{width:100%;}
.menu ul li{width:125px;height:54px;float:left;}
.menu ul li a{display:block;width:100%;height:54px;font-family: "Microsoft Yahei";font-size:14px; color:#222; line-height:54px; font-weight:400; text-align:center;} 
.menu ul li a:hover{background:url(../images/menu_bg.jpg) repeat-x;color:#fff;}
.menu ul li a.on{background:url(../images/menu_bg.jpg) repeat-x;color:#fff;}


/* banner */
.banner{width:100%;height:590px;overflow:hidden; position:relative;}
.banner .d1{width:100%;height:590px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:560px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -48px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}
/* banner */

.warp_f0f0f0{width:100%; background:#f0f0f0;padding:30px 0;}
.title01{width:100%;text-align:center;}
.title01 p{width:100%;font-family: "Microsoft Yahei";font-size:32px; color:#333; line-height:50px; text-align:center;letter-spacing: 2px; font-weight:400;}
.title01 div{width:40px;height:4px; background:url(../images/5.jpg) no-repeat; margin:0 auto;}
.title01 a{ display:inline;font-family: "Microsoft Yahei";font-size:14px; color:#f0810a; line-height:40px; text-align:center; font-weight:400;}
.title01 a:hover{ text-decoration:underline;}
.title02{width:100%;text-align:center;}
.title02 p{width:100%;font-family: "Microsoft Yahei";font-size:32px; color:#fff; line-height:50px; text-align:center;letter-spacing: 2px; font-weight:400;}
.title02 div{width:40px;height:4px; background:#fff; margin:0 auto;}


.index_product_left{width:260px; float:left; margin-right:32px;}
.index_product_title{width:100%;height:260px;height:96px; background:url(../images/6.jpg) no-repeat;}
.index_product_title p{width:100%;font-family: "Microsoft Yahei";font-size:24px; color:#fff; line-height:96px; text-align:center;letter-spacing: 1px;}
.index_product_menu{width:100%;padding-bottom:24px; background:#758995;}
.index_product_menu ul{width:100%;}
.index_product_menu ul li{width:100%;height:56px; background:#758995;}
.index_product_menu ul li:hover{ background:#677984;}
.index_product_menu ul li a{display:block;width:236px;height:55px;margin:0 12px; border-bottom:1px dotted #ccc;font-family: "Microsoft Yahei";font-size:14px; color:#fff; line-height:55px; text-indent:15px; background:url(../images/7_03_s5as.png) no-repeat center right;}

.index_product_list{width:908px; float:left;}
.index_product_list ul{width:100%;}
.index_product_list ul li{width:185px;height:220px;padding:15px; border:1px solid #eee; background:#fff; float:left; margin-left:10px; margin-bottom:10px;}
.index_product_list ul li:hover{ border:1px solid #006db5;}
.index_product_list ul li a{ display:block;}
.index_product_list ul li a.product_img{display:block;width:100%;height:200px; overflow:hidden;text-align:center;display: table-cell;vertical-align:middle;}
.index_product_list ul li a img{width:100%;max-height:200px;}
.index_product_list ul li a.product_name{ display:block;width:100%;font-family: "Microsoft Yahei";font-size:14px; color:#5a5a5a; line-height:20px; text-align:center;}


.advantage_box{width:100%;}
.advantage_box ul{width:100%;}
.advantage_box ul li{width:220px;padding:30px 40px; float:left;}
.advantage_box ul li img{width:120px;height:120px; margin-left:50px; margin-bottom:5px;}
.advantage_box ul li p{width:100%;min-height:25px;font-family: "Microsoft Yahei";font-size:14px; color:#999;text-align:center;}
.advantage_box ul li p span{width:100%;font-size:16px; color:#222; line-height:35px;}

.index_about_box{width:100%;height:618px; background:url(../images/15_02.png) no-repeat center;}
.index_about_img{width:596px; float:left;}
.index_about_img img{width:100%;}
.index_about_mian{width:556px; float:left; margin-left:48px;}
.index_about_mian_font{width:100%;}
.index_about_mian_font p{width:100%;font-size:14px; color:#fff; line-height:30px; text-indent:2em;}
.index_about_mian_btn{width:130px;height:44px;margin-top:20px;}
.index_about_mian_btn a{ display:block;width:130px;height:44px; border:1px solid #f0810a; background:#f90; border-radius:3px;font-size:14px; color:#fff; line-height:44px; text-align:center;}
.index_about_mian_btn a:hover{ background:#ff5700;}


.index_news_box{width:100%;}
.index_news_list{width:100%;}
.index_news_list ul{width:100%;}
.index_news_list ul li{width:280px;max-height:370px; overflow:hidden;padding:5px; border:1px solid #ccc; float:left; margin-right:10px;}
.index_news_list ul li:hover{ border:1px solid #006db5;}
.index_news_list ul li a{ display:block;width:100%;}
.index_news_list ul li a.index_news_list_img{width:100%;max-height:175px; overflow:hidden;}
.index_news_list ul li a img{width:100%;}
.index_news_list ul li a.index_news_list_a{width:100%;font-size:14px; color:#222;line-height:20px;padding:5px 0;}
.index_news_list ul li span{ display:block;width:100%;font-size:12px; color:#929292;line-height:16px;}
.index_news_list ul li p{width:100%;font-size:12px; color:#5a5a5a;line-height:16px;}


.footer_box{width:100%;background:#2e2e2e; margin-top:50px;}
.footer_left{width:571px; float:left;}
.footer_left_menu{width:100%;padding:10px 0; border-bottom:1px solid #232323;}
.footer_left_menu ul{width:100%;}
.footer_left_menu ul li{width:85px; float:left;}
.footer_left_menu ul li a{ display:block;width:100%;font-family: "Microsoft Yahei";font-size:14px; color:#fff;line-height:54px; text-align:center;}
.footer_left_menu ul li a:hover{color:#2a9be1;}
.footer_total{width:100%; margin-top:40px;}
.footer_total p{width:100%;font-family: "Microsoft Yahei";font-size:14px; color:#999;line-height:25px; text-indent:10px;}
.map{width:612px;height:271px; float:left; background:#ccc; margin-left:17px;}

.footer_p{width:100%; background:#1b1b1b;}
.footer_p p{width:100%;font-family: "Microsoft Yahei";font-size:12px; color:#999;line-height:30px; text-align:center;}

.banner_bg{width:100%;height:350px; overflow:hidden;}
.banner_bg img{width:100%;height:350px;}

.adress{width:100%;height:55px; border-bottom:1px solid #ccc;}
.adress img{width:20px; float:left; margin-top:16px;}
.adress p{width:1170px; float:left; margin-left:10px;font-size:14px; color:#666;line-height:55px;}
.adress p span{font-size:12px;}
.adress p a{color:#666;}
.adress p a:hover{ text-decoration:underline;}

.main_box{width:100%;padding:30px 0;}
.left_box{width:225px; float:left; background:#2b9ce0;padding:30px 15px; border-radius:10px;}
.title03{width:100%;}
.title03 p{width:100%;font-family:"Microsoft Yahei";font-size:18px; color:#fff;line-height:50px; text-align:center;}
.left_menu{width:195px;padding:10px 15px; background:#fff; border-radius:10px;}
.left_menu ul{width:100%;}
.left_menu ul li{width:100%;}
.left_menu ul li a{display:block;width:80%;font-size:14px; color:#666;line-height:45px; text-align:left; border-bottom:1px dotted #ccc; padding-left:50px;}
.left_menu ul li a:hover{color:#006db5;}
.left_contact{width:195px;padding:10px 15px; background:#fff; border-radius:10px;}
.left_contact p{width:100%;font-size:14px; color:#5a5a5a;line-height:30px;}

.right_box{width:905px; float:left; margin-left:40px;}
.main_title{width:100%;}
.main_title p{font-family:"Microsoft Yahei";font-size:30px; color:#222;line-height:50px; text-align:center;}
.main_div{width:100%;}
.main_div p{width:100%;font-size:14px; color:#5a5a5a;line-height:30px; margin-top:20px;}


/* marqueeleft */
.marqueeleft{height:215px;width:905px;overflow:hidden;margin:0 auto; margin-top:30px;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 8px;display:inline;width:312px;height:215px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:312px;height:215px;overflow:hidden;}


.product_list{width:908px; float:left;}
.product_list ul{width:100%;}
.product_list ul li{width:260px;height:300px;padding:15px; border:1px solid #eee; background:#fff; float:left; margin-left:10px; margin-bottom:10px;}
.product_list ul li:hover{ border:1px solid #006db5;}
.product_list ul li a{ display:block;}
.product_list ul li a.product_img02{display:block;width:100%;height:280px; overflow:hidden;text-align:center;display: table-cell;vertical-align:middle;}
.product_list ul li a img{width:100%;max-height:280px;}
.product_list ul li a.product_name02{ display:block;width:100%;font-family: "Microsoft Yahei";font-size:14px; color:#5a5a5a; line-height:20px; text-align:center;}

/*分页*/
#pageGro{ width:400px; height:25px; margin:0px auto; padding-top:30px;}
#pageGro div,#pageGro div ul li{ font-size:12px; color:#999; line-height:23px; float:left; margin-left:5px;}
#pageGro div ul li{ width:22px; text-align:center; border:1px solid #999; cursor:pointer;}
#pageGro div ul li.on{ color:#fff; background:#3c90d9; border:1px solid #3c90d9;}
#pageGro .pageUp,#pageGro .pageDown{ width:63px; border:1px solid #999; cursor:pointer;}
#pageGro .pageUp{ text-indent:23px; background:url(../images/pageUp.png) 5px 7px no-repeat;}
#pageGro .pageDown{ text-indent:5px; background:url(../images/pageDown.png) 46px 6px no-repeat;}

.product_mian_box{width:100%;}
.product_mian_title{width:100%;}
.product_mian_title p{width:100%;font-size:16px; color:#006db5; line-height:33px; text-align:center; font-weight:bold;}
.product_mian_title span{ display:block;width:100%;font-size:12px; color:#5a5a5a; line-height:16px; text-align:center;}
.product_mian_total{width:893px;padding:5px; border:1px solid #e5e5e5; background:#f5f5f5; margin-top:20px;}
.product_mian_total p{width:100%;font-size:12px; color:#5a5a5a; line-height:20px;}
.product_mian_font{width:100%; margin-top:20px;font-size:14px; color:#5a5a5a; line-height:20px;}
.product_mian_font p{width:100%;font-size:14px; color:#5a5a5a; line-height:20px;}
.product_mian_btn{width:100%; margin-top:20px;}
.product_mian_btn p{width:100%;font-size:12px; color:#5a5a5a; line-height:20px;}
.product_mian_btn p a{font-size:12px; color:#5a5a5a; line-height:20px;}
.product_mian_btn p a:hover{ text-decoration:underline;}

/*带小图切换*/
.ban{ width:500px; height:auto; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:300px; height:300px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:300px; height:300px;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:230px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:300px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:70px; height:70px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:30px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:30px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:130px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:130px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
/*带小图切换*/

.news_list{width:100%;}
.news_list ul{width:100%;}
.news_list ul li{width:100%;height:45px; border-bottom:1px dashed #ccc;}
.news_list ul li a{ display:block; float:left;}
.news_list ul li a.a01{width:60px;font-family: "Microsoft Yahei";font-size:12px; color:#006db5;line-height:45px; margin-right:5px;}
.news_list ul li a.a01:hover{color:#0064d4;}
.news_list ul li a.a02{width:760px;font-family: "Microsoft Yahei";font-size:12px; color:#5a5a5a;line-height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list ul li a.a02:hover{color:#0064d4;}
.news_list ul li span{ display:block;width:70px; float:left;font-family: "Microsoft Yahei";font-size:12px; color:#acacac;line-height:45px; text-align:right;}

.contact_us_box{width:100%;}
.main_adress{width:400px; float:left; margin-right:145px;}
.main_adress span{ display:block;width:100%;font-size:20px; color:#222;line-height:40px; font-weight:bold;}
.main_adress p{width:100%;font-size:14px; color:#5a5a5a;line-height:30px;}
.wx_div{width:140px; float:left; margin-left:40px;}
.wx_div p{width:100%;font-size:14px; color:#5a5a5a;line-height:30px; text-align:center;}
.wx_div img{width:100%;height:140px;}
.main_map{width:100%;height:478px; background:#ccc; margin-top:40px;}


.message_font01{width:100%;}
.message_font01 p{width:100%;font-size:14px; color:#5a5a5a;line-height:30px;}
.message_box{width:100%;}
.message_list{width:100%; margin-top:20px;}
.message_list_name{width:100%;}
.message_list_name p{font-family: "Microsoft Yahei";font-size:12px; color:#5a5a5a; line-height:40px;}
.message_list_txt{width:100%;}
.txt_radio{width:100%;}
.txt_radio li{display:inline-block;padding:0 5px 0 26px; border:1px solid #ccc; border-radius:3px;font-family: "Microsoft Yahei";font-size:12px; color:#5a5a5a; line-height:40px;background:url(../images/radio_bg.png) no-repeat 5px 12px #eee;}
.txt_radio li:hover{color:#fff;background:url(../images/radio_checkedbg.png) no-repeat 5px 12px #006db5;}
.m_txt{width:893px;height:38px; border:1px solid #ccc; border-radius:3px; background:#fff;font-family: "Microsoft Yahei";font-size:12px; color:#5a5a5a; line-height:38px;}
.m_textarea{width:893px;min-height:150px; border:1px solid #ccc; border-radius:3px; background:#fff;font-family: "Microsoft Yahei";font-size:12px; color:#5a5a5a; line-height:38px;}
.message_btn{width:100%; margin-top:10px;}
.message_btn input{ display:block;width:100%;height:40px; background:#2a9bdf;font-family: "Microsoft Yahei";font-size:13px; color:#fff; line-height:40px; text-align:center;}
.message_btn input:hover{ background:#006db5;}

/*CSS yellow style pagination*/

.yellow {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.yellow A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.yellow A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.yellow A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.yellow .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.yellow .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}