@charset "utf-8";
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background:#fff; color:#333; font-size:14px; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#797979; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#797979; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#0569C6;; text-decoration:none;}
img{border:none;}
#clear{width:100%; height:0px; clear:both;}
h2{ font-size:24px; font-weight:blod;}
h4{ font-size:14px; font-weight:blod; }
p{line-height:25px;}


.se1{color:#f15a2e;}.se2{color:#006db1}
.left{float:left;}.right{float:right;}
.line35{line-height:35px;}.line40{line-height:40px;}.line50{line-height:50px;}.line60{line-height:60px;}.line70{line-height:70px;}
.s12{font-size:12px;}.s14{font-size:14px;}.s16{font-size:16px;}.s18{font-size:18px;}.s20{font-size:20px;}.s22{font-size:22px;}.s24{font-size:24px;}.s26{font-size:26px;}.s28{font-size:28px;}.s30{font-size:30px;}.s32{font-size:32px;}.s34{font-size:34px;}.s36{font-size:36px;}.s38{font-size:38px;}.s40{font-size:40px;}






::selection {background:#23693a; color:#fff;}
::-moz-selection {background:#23693a; color:#fff;}
::-webkit-selection {background:#23693a; color:#fff;}

#wap_nav{ display:none;}



	
#top{ width:100%; height:100px; position:absolute; top:0px; z-index:999;  position:fixed; z-index:99; background-color:#fff;}
.tp{ width:1360px; height:100px; margin:0 auto;}
.logo{ width:332px; height:100px; float:left;}




#menu_wp{width:684px; height:100px;  float:right; }
/*menu*/
#menu { display:block; width:684px; margin:0 auto; height:100px;}
#nav {display:block;}
#nav .mainlevel {float:left; text-align:center;width:114px; display:block;  position:relative;  z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:114px; text-align:center; margin: 0px auto; line-height:100px; background:url(../images/menu.png) bottom center no-repeat;  color:#333; height:100px;  display:block; font-size:16px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#333; text-decoration: none; background:url(../images/menu1.png) bottom center no-repeat;  ; z-index:999}
#nav .mainlevel ul {position:absolute; display:none;  padding-top:8px; padding-bottom:25px; border-radius:5px;padding-left:8px; padding-right:8px; margin-left:-43px; z-index:99; background:#fff;  border-top:0px;-moz-box-shadow:0px 0px 30px #cfcfcf !important; -webkit-box-shadow:0px 0px 30px #cfcfcf !important; box-shadow:0px 0px 30px #cfcfcf !important;  }
#nav .mainlevel li { padding:3px 0px 0px 0px;; }
#nav .mainlevel li a {width:180px; color:#666; background-image:none;  font-size:14px; line-height:35px; margin-top:5px; height:35px; border-bottom:1px solid #c6c6c6; display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out;}
#nav .mainlevel li a:hover {color:#2a9be0; text-decoration:none;border-bottom:1px solid #c6c6c6;  background:none;}
.tpp{ width:100%; height:100px;}
	*{zoom:1}
		.banner{ width:100%; position:relative; background:#000; margin:0 auto; }
		.banner .bd{ position:relative; z-index:0; }

		.banner .bd li img{width:100%;  display: block; height: auto; } 
		.banner .bd li-active img{ animation: banner 10s linear infinite; }
		
		
		.banner .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;
			  filter:alpha(opacity=60);opacity:0.6 
		}
		.banner .hd ul{ text-align:center;  padding-top:5px;  }
		.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; font-size:0;}
		.banner .hd ul .on{ background-position:0 0; }
		.banner .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left; filter:alpha(opacity=40);opacity:0.4  }
		.banner .next{  background-position:right 0; float:right; margin-right:3%  }
		.banner .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

.cont1{ width:1360px; height:auto; margin:0 auto; padding:60px 0px;}
.cnt1{ width:755px; height:543px; float:left;}
.cnt2{ width:580px; height:auto; float:right; padding-top:50px;}
.cnt2 p{ font-size:24px;  color:#E0E0E0; font-family:Impact;}
.cnt2 h2{ width:100%; font-size:36px; color:#333333; line-height:70px;}
.cnt2 a{ width:100%; height:auto; display:block; width:100%; padding-top:40px; color:#0569C6;;}
.cnt2 a:hover{ text-decoration:underline;}

.cont2{ width:1360px; height:auto; margin:0 auto; padding:0px 0px 60px 0px;;}
.cnt21{ width:615px; height:auto; padding-top:60px; float:left;}
.cnt21 h2{ width:100%; height:40px; font-size:18px; color:#333;}
.cnt21d{ width:100%; height:auto; padding-top:25px;}
.cnt21d li{ width:100%; height:30px; line-height:30px; background:url(../images/ioc1.png) center left no-repeat; text-indent:25px;}
.cnt22{ width:679px; height:497px; float:right;filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.15));}

.cont3{ width:100%; height:auto; margin:0 auto;background: #F3F4F8; padding:60px 0px 40px 0px;}
.bt1{ width:100%; height:auto; text-align:center;}
.bt1 h2{ width:100%; height:auto; line-height:60px; background:url(../images/bt1.png) center no-repeat; font-size:30px; color:#333;}
.cnt31{ width:1360px; height:auto; margin:0 auto; padding-top:45px; }
.cnt31 li{ width:430px; height:440px; float:left; margin-right:20px;}
.cnt31 li:nth-child(2n){ margin-right:20px;}
.cnt31 li a{width:430px; height:440px; display:block; position:relative;}
.cnt3b{ width:430px; height:440px; position:absolute; z-index:8; top:0px;background: rgba(0, 0, 0, 0.4); opacity: 0;transition: all 1.2s;}
.cnt3b p{ width:80%; margin:auto;height:295px; padding-top:85px; text-indent:30px; color:#fff;}
.cnt3b .cnt3bd{ width:100%; height:60px; line-height:60px; color:#fff; background:#0569C6; padding:0px 30px;box-sizing: border-box; }
.cnt3b .cnt3bd span{ float:right; padding-top:25px;}
.cnt31 li a:hover .cnt3b{ opacity:1;}
.ct3title{ position:absolute; z-index:9; top:40px; font-weight:bold; left:30px; background:url(../images/xtl.png) left bottom no-repeat; font-size:18px; height:35px; color:#333;transition: all 0.3s;}
.cnt31 li a:hover .ct3title{ color:#fff;}

.cont4{ width:100%; height:auto; background:url(../images/a4.png) center no-repeat; padding:60px 0px;}
.bt2{ width:100%; height:auto; text-align:center;}
.bt2 h2{ width:100%; height:auto; line-height:60px; background:url(../images/bt2.png) center no-repeat; font-size:30px; color:#fff;}
.cnt4{ width:1360px; height:auto; margin:0 auto; padding-top:40px;}
.cnt4 li{ width:400px; height:80px; padding:20px; float:left; margin-right:20px; margin-bottom:40px; background:#fff;}
.cnt4 li:nth-child(3n){ margin-right:0px;}
.ct41{ width:66px; height:66px; float:left; margin-top:6px;}
.cnt4 li .ct41 img{display:block;-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.cnt4 li:hover .ct41 img{ -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.ct42{width: calc(100% - 80px); float:right;}
.ct42 h2{ width:100%; height:30px; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal; font-size:18px;}
.ct42 p{ width:100%; height:50px; line-height:25px; color:#666;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }

.cnt3n{ width:1360px; height:auto; margin:0 auto; padding-top:40px;}
.cnt3n li{ width:430px; height:auto; float:left; margin-right:35px; margin-bottom:40px; border-radius: 4px;transition:all 0.5s;}
.cnt3n li:nth-child(3n){ margin-right:0px; }
.cnt3n li a{ display:block; width:100%; height:auto; position:relative;}
.cnt3n li a img{ width:100%; height:auto;cursor: pointer;transition: all 1.2s; display:block;}
.cnt3n li a img:hover{transform: scale(1.1);}
.cnt3n li a h2{ width:94%; height:25px; line-height:25px; font-size: 18px; font-weight:normal; margin:25px  auto 15px auto;transition:all 0.5s;; color:#333;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
.cnt3n li a p{ width:94%; margin:0 auto; line-height:22px; font-size:14px; padding:0px 0px 10px 0px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;;}
.cnt3n li a span{ width:94%;color: #0569C6;; display:block; margin:0 auto; font-weight:bold;transition:all 0.5s;}
.cnt3n li:hover{ box-shadow: 0px 6px 7px rgba(5, 105, 198, 0.15);}
.cnt3n li a:hover h2{color: #0569C6;;}
.cnt3n li a:hover span{color: #F73E3E;} 
.rq1{ width:100px; height:36px; text-align:center; line-height:36px; background:#0569C6; color:#fff; font-weight:bold; position:absolute; left:0px; top:65px; z-index:999;}
.rq2{padding-bottom:30px;background:#fff; width:100%; height:auto; overflow:hidden; }
.rq3{ line-height:40px; font-size:18px; font-family:impact;}
.footer{ width:100%; height:auto; padding:30px 0px; background:#212426;;}
.fott{ width:228px; height:36px; margin:0 auto;}
.fott li{ width:36px; height:36px; float:left; margin:0px 20px;}
.foot{ width:1360px; height:auto; text-align:center; color:#fff; margin:0 auto; padding-top:20px;}

.ban1{ width:100%; height:auto; }
.ban1 img{ width:100%;}
.main{ width:1360px; height:auto; padding:30px 0px 65px 0px;margin:0 auto;}
.pr_tip{ width:1360px; height:60px; line-height:60px; background:url(../images/Line1.png) left center no-repeat; text-indent:20px; font-size:24px;}
.pr_tip h2{ line-height:60px;}
.pr_tip span{color: #E0E0E0; padding-left:10px;}
.p_menu{ width:1360px; height:42px; width: 1360px;border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top:20px; text-align:center;}
.p_menu a{ padding:1px 5px;background: #0569C6; color:#fff; text-align:center; line-height:40px; margin-right:5px; float:left; font-size:14px;}
.prod{ width:1360px; height:auto; padding-top:35px;}
.prod li{ width:438px; height:auto; float:left; margin-right:23px; margin-bottom:40px; }
.prod li a{ width:100%; height:auto;border:1px solid #E0E0E0; border-bottom:3px solid #E0E0E0; display:block;box-sizing: border-box;}
.prod_img{ width:100%; height:auto; position: relative; text-align:center;}
.prod_img img{ max-width:100%;}
.prod_m{ width:100%; height:100%;background: rgba(5, 105, 198, 0.8);opacity:0;transition: all 0.8s; position:absolute; top:0px; left:0; display:flex;flex-direction:row;justify-content:center;align-items:center;}
.prod_img .prod_m img{ max-width:100%;}
.prod li a:hover .prod_m{opacity:1;}
.prod li a p{ width:100%; height:60px; line-height:60px; text-align:center; font-size:18px; color:#333;}
.prod li a:hover{border-bottom:3px solid rgba(5, 105, 198, 1); }
.prod li:nth-child(3n){ margin-right:0px;}


/*分页*/
#nx_pg{width:100%; min-height:50px; padding:20px 0px 0px 0px; text-align:center;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #767676; color:#767676;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#1066B2;;border:1px solid #1066B2;; color:#fff;}
#nx_pg .on{ background:#1066B2;;border:1px solid #1066B2;; color:#fff;}


.prdt{ width:1360px; height:auto; padding-top:40px; }
.prdt1{ width:860px; height:auto; float:left; border:1px solid #E0E0E0;box-sizing: border-box; overflow:hidden;}

.cntx{ max-width:100%; height: auto; margin:0px auto;position:relative; }

.layer3_box{width:100%; height: auto; border-radius: 4px;box-sizing: border-box;transition: all 0.8s; float:left; color:#fff; text-align:center; background:#fff;}
.layer3_box img{width:100%; height: auto; }
.cntx  .swiper-button-next{ top: 50%; transform: translateY(-50%); margin-top:-22px;;transition: all 0.8s;right:5%; width:44px; height:44px;  background: url(../images/a6n.png); background-size:100% 100% ; margin: 0;}
.cntx  .swiper-button-prev{top:50%; transform: translateY(-50%);margin-top:-22px;transition: all 0.8s;left:5%; width:44px; height:44px;  background: url(../images/a8n.png); background-size:100% 100% ; margin: 0;}
.cntx  .swiper-button-next:hover{ top: 50%; transform: translateY(-50%); margin-top:-22px;;transition: all 0.8s;right:5%; width:44px; height:44px;  background: url(../images/a6n1.png); background-size:100% 100% ; margin: 0;}
.cntx  .swiper-button-prev:hover{top:50%; transform: translateY(-50%);margin-top:-22px;transition: all 0.8s;left:5%; width:44px; height:44px;  background: url(../images/a8n1.png); background-size:100% 100% ; margin: 0;}

.prdt2{ width:455px; height:548px; float:right;border:1px solid #E0E0E0;box-sizing: border-box; padding:45px 36px; overflow:hidden; }
.prdt21{ width:100%; height:45px; color: #0569C6; font-size:24px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background: url(../images/L2.png) left bottom no-repeat;;}
.prdt2 h2{ width:100%; height:30px; padding-top:15px; margin-bottom:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:18px; color:#333;}
.prdt2 h2 span{ font-weight:normal; color:#666;}

.prdz1{ width:1360px; height:60px; color:#333; text-indent:30px; font-size:18px; font-weight:bold; line-height:60px;background: #E9EDF0; margin-top:45px;}
.prdz2{ width:1360px; height:auto; padding-top:30px;}

.fh{ max-width:1360px; height:auto; padding:60px 0px 20px 0px; ; margin:0px auto 10px auto; background:#fff;;}
.fh a{width: 202px;height: 52px;background: #FFFFFF;border: 1px solid #DEE2E6; text-align:center; line-height:52px;box-sizing: border-box;border-radius: 8px; display:block; margin:0 auto;}
.fyy{ width:100%; height:auto; padding:40px 0px;}	
.fyy ul{ padding:40px 0px 60px 0px;;}
.fyy li{ width:25%; float:left; border-bottom:1px solid #fff; border-right:1px solid #fff;box-sizing: border-box; }
.fyy li a{ width:100%; height:auto; display:block; position:relative;}
.fyy li a .fy1z{ width:100%; height:290px; background-size:cover;}
.fy1{ width:100%; height:100%; overflow: hidden;background: rgba(5, 105, 198, 0.9); position:absolute; top:0px; left:0px;opacity:0;transition: all 1s;}
.fy1 h2{ width:100%; height:45px; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:100px; background: url(../images/c2.png) bottom center no-repeat; color:#fff; font-size:18px; margin-bottom:20px;;}
.fy1 p{ width:100%; color:#fff; height:25px; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis }
.fyy li a:hover .fy1{opacity:1;}
.fy2{ width:100%; height:100%; position:absolute; top:0px; left:0px; }
.fy2 h2{ width:100%; height:45px; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:220px;color:#fff; font-size:18px;opacity:1; transition: all 1s;;}
.fyy li a:hover .fy2{opacity:0;}

.cntx1{ max-width:1360px; height: auto; padding-top:25px; margin:0px auto 30px auto; position:relative; }

.layer3_box1{width:100%; height: auto; box-sizing: border-box;transition: all 0.8s; float:left; color:#fff; text-align:center; background:#fff; border:1px solid #BDBDBD;box-sizing: border-box; position:relative;}
.layer3_box1 img{ width:100%;}
.cntx1  .swiper-button-next{ top: 50%; transform: translateY(-50%);;transition: all 0.8s;right:-6%; width:44px; height:44px; margin-top:-22px; background: url(../images/a6n.png); background-size:100% 100% ; margin: 0;}
.cntx1  .swiper-button-prev{top:50%; transform: translateY(-50%);;transition: all 0.8s;left:-6%; width:44px; height:44px;margin-top:-22px;  background: url(../images/a8n.png); background-size:100% 100% ; margin: 0;}
.cntx1  .swiper-button-next:hover{background: url(../images/a6n1.png);}
.cntx1  .swiper-button-prev:hover{background: url(../images/a8n1.png);}

.mainz2{ max-width:100%; height:auto; padding:60px 0px; margin:0 auto;}
.bread{ width:1360px; height:50px; line-height:50px; padding-top:10px; border-bottom:1px solid #BDBDBD; margin:0 auto; margin-bottom:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.man{background:#fff; width:1360px; margin:0 auto; padding:80px 0 60px 0;}	
#info-T{width:100%; min-height:26px; padding-top:0px; color:#242424; padding-bottom:15px; line-height:26px; text-align: center; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left; color:#666;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}
#big{width:100%; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;}
#big img{height:380px; max-width:728px;}