@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:  Arial , Source Han Sans CN; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:14px; outline:none; resize:none; color:#797979; font-family:  Arial , Source Han Sans CN;;}
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:#1066B2; text-decoration:none;}
img{border:none;}
#clear{width:100%; height:0px; clear:both;}
h2{ font-size:24px; font-weight:blod; line-height:30px;}
h4{ font-size:14px; font-weight:blod; line-height:30px;}
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;}

.wap_top{ width:100%; height:120px; background:#fff;}
.wap_t{ width:1360px; height:120px; margin:0 auto;}
.wap_t1{ width:465px; height:120px; float:left;}
.wap_t2{ width:300px; height:58px; margin-top:30px; background:url(../images/tel.jpg) center no-repeat; float: right; font-size:20px; color:#F28D23; line-height:58px; font-weight:bold; padding-left:120px;}


	
#top{ width:100%; height:120px;  z-index:999; background-color:#eee;}
.tp{ width:1360px; height:120px; margin:0 auto;}





#menu_wp{width:1356px; height:120px; margin:0 auto; }
/*menu*/
#menu { display:block; width:1356px; margin:0 auto; height:120px;}
#nav {display:block;}
#nav .mainlevel {float:left; text-align:center;width:226px; display:block;  position:relative; background:url(../images/images/ldt_1.jpg) left center no-repeat; background:url(../images/top_l_1.jpg) right center no-repeat;  z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:160px; text-align:center; margin: 0px auto; line-height:120px;  color:#868686; height:120px;  display:block; font-size:18px; -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;transition: all 0.8s;}
#nav .mainlevel a:hover {color:#fff; text-decoration: none; background:#3970C2;; ; z-index:999}
#nav .mainlevel ul {position:absolute; display:none;  padding-top:16px; padding-bottom:28px; z-index:99; background:#fff;  border-top:0px; -moz-box-shadow:0px 2px 10px #E3E3E3; -webkit-box-shadow:0px 2px 10px #E3E3E3; box-shadow:0px 2px 10px #E3E3E3; }
#nav .mainlevel li { padding-top:3px;}
#nav .mainlevel li a {width:226px; color:#666; background-image:none;  font-size:14px; line-height:44px; height:44px; border-bottom:1px dotted #CCC; display:block; /*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:#F28D23; background:none; text-decoration:none; border-bottom:1px dotted #CCC;}
.tpp{ width:100%; height:120px;}
	*{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 }


.bt1{ width:100%; height:auto; text-align:center;font-size: 36px; color:#333333; font-weight:bold;}
.bt1 p{ width:486px; height:42px; background:url(../images/bt1.png) center; line-height:42px; font-size:18px; margin:0 auto; font-weight:normal; color:#333333;}
.bt1 span{color: #999999; font-size:16px; line-height:55px; font-weight:normal;}
.cont3{ width:100%; height:auto; padding:50px 0px 80px 0px; background:#F6F6F6;; background-size:cover;}
.cntx{ max-width:1360px; height: auto; margin:10px auto 30px auto; position:relative; }
.layer3_box{width:100%; height: auto; box-sizing: border-box;transition: all 0.8s; float:left; color:#fff; text-align:center; background:#fff;}
.layer3_box a{ color:#fff;}

.layer3_box img{width:100%; height: auto; cursor: pointer;transition: all 1.2s;}
.layer3_box img:hover{transform: scale(1.04);}
.layer3_box p{ width:100%; height:60px; line-height:60px;transition: all 0.5s; color:#333; font-size:18px; text-align:center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.layer3_box:hover{ background:#1066B2;}
.layer3_box:hover p{ color:#fff;}
.cntx  .swiper-button-next{ top: 50%; transform: translateY(-50%);;transition: all 0.8s;right:-6%; width:41px; height:41px; margin-top:-20px; background: url(../images/a8n.png); background-size:100% 100% ; margin: 0;}
.cntx  .swiper-button-prev{top:50%; transform: translateY(-50%);;transition: all 0.8s;left:-6%; width:41px; height:41px;margin-top:-20px;  background: url(../images/a6n.png); background-size:100% 100% ; margin: 0;}
.cntx  .swiper-button-next:hover{background: url(../images/a8n1.png);}
.cntx  .swiper-button-prev:hover{background: url(../images/a6n1.png);}

.cont2{ width:100%; height:auto; margin:80px 0px; position:relative;}
.cont2 img{ float:right;}
.cnt2{ width:1360px; height:123px; position:absolute; top:0px; left:50%; margin-left:-680px; }
.cnt21{ width:500px; height:auto; float:left;text-align: justify;letter-spacing: 0.15em; line-height:36px;}
.ct5n{width: 161px;height: 40px; margin-top:60px;}
.ct5n a{width: 161px;height: 40px;border: 1px solid #333;box-sizing: border-box;border-radius: 20px; display:block; text-align:center; line-height:40px; font-size:16px; color:#333;transition: all 0.8s;}
.ct5n a:hover{ -moz-box-shadow:0px 2px 10px #999; -webkit-box-shadow:0px 2px 10px #999; box-shadow:0px 2px 10px #999;}
.cont4{ width:100%; height:596px; background:url(../images/a1.png) center no-repeat;}
.bt3{ width:100%; height:60px; line-height:60px; font-size:36px; color:#fff; text-align:center; padding-top:70px;}
.cnt4{ width:1360px; height:auto; margin:0 auto; padding-top:50px;}
.cnt4 li{ width:317px; height:279px; float:left; margin-right:30px; position:relative;}
.cnt4 li a{ width:317px; height:225px; position: absolute; bottom:0px;transition: all 0.7s;}
.cnt4 li a:hover{ -moz-box-shadow:0px 3px 15px #999; -webkit-box-shadow:0px 3px 15px #999; box-shadow:0px 3px 15px #999;}
.cnt4 li:nth-child(1){ background:url(../images/a2.png) center no-repeat;}
.cnt4 li:nth-child(2){ background:url(../images/a3.png) center no-repeat;}
.cnt4 li:nth-child(3){ background:url(../images/a4.png) center no-repeat;}
.cnt4 li:nth-child(4){ background:url(../images/a5.png) center no-repeat; margin-right:0px;}
.cnt4 li h2{ font-size:24px; color:#F28D23; width:80%; margin:0 auto; padding-top:120px; font-weight:normal;}
.cnt4 li p{ font-size:18px; color:#fff; width:80%;margin:0 auto; padding-top:20px;}
.cont5{ width:100%; height:216px; background:#F28D23;}
.cnt5{ width:1360px; height:216px; margin:0 auto;}
.cnt5 p{line-height:216px; float:left; font-size:24px; color:#fff;}
.cnt5 span{ float:right;color: #F28D23;; font-size:24px; padding:10px 40px; background:#fff; border-radius:50px; margin-top:80px;transition: all 1s;}
.cnt5 span:hover{-moz-box-shadow:0px 3px 15px #fff; -webkit-box-shadow:0px 3px 15px #fff; box-shadow:0px 3px 15px #fff;}






.warp7{ max-width:1360px; height:auto; margin:0 auto; padding:60px 0px;}
.warp7t{ width:100%; height:auto; padding-top:40px;}
.warp7_1{ width:35%; height:auto; float:left;border: 1px solid #999999;box-sizing: border-box; padding-bottom:50px;transition: all 1s;}
.warp7_1 img{ width:100%;cursor: pointer;transition: all 1.2s;}
.warp7_1  img:hover{transform: scale(1.1);}
.warp7_1 h2{ font-size:18px; line-height:68px; color:#333; width:90%;transition: all 0.3s;  margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.warp7_1 p{ width:90%; margin:0 auto; color:#666; height:90px;transition: all 0.3s; line-height:30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden; text-align:justify; }
.warp711{ width:90%; margin:0 auto; padding-top:40px;}
.warp711 a{width: 137px;height: 38px;border: 1px solid #999999;transition: all 0.3s;box-sizing: border-box; line-height:38px; text-align:center; color:#333; display:block; float:left;}
.warp7111{ color:#666; float:right; font-size:18px;transition: all 0.3s;}
.warp7_1:hover h2{ color:#fff;}
.warp7_1:hover p{ color:#fff;}
.warp7_1:hover .warp711 .warp7111{ color:#fff;}
.warp7_1:hover .warp711 a{border: 1px solid #FFFFFF;box-sizing: border-box; color:#fff; }
.warp7_1:hover{ background:#1066B2;border: 1px solid #1066B2;box-sizing: border-box;box-shadow: 0px 4px 23px rgba(78, 170, 252, 0.4); }

.warp7_2{ width:62%; height:auto; float:right;}
.warp7_2 li{ width:100%; height:160px; margin-bottom:37px; border: 1px solid #BDBDBD;box-sizing: border-box;transition: all 1s;}
.warp7_2 li a .case1{ width:148px; height:160px; float:left; margin-right:30px; text-align:center;overflow:hidden; background:url(../images/a14.png) right center no-repeat;}
.warp7_2 li a .case1 h2{ font-size:65px; font-family:Impact; color:#999; line-height:90px; padding-top:20px;}
.warp7_2 li a .case1 p{ font-size:18px; color:#999;}
.warp7_2 li a .case2{ overflow: hidden;height:160px;}
.warp7_2 li a .case2 h2{ width:100%; height:60px; line-height:60px;transition: all 0.3s; font-size:18px; font-weight:bold; color:#333;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.warp7_2 li a .case2 .warp7z{ width:100%; height:75px; line-height:25px; padding-right:30px;transition: all 0.3s; box-sizing: border-box; position:relative;color: #666666 ;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}

.warp7_2 li:hover{border: 1px solid #3970C2;box-sizing: border-box;box-shadow: 0px 4px 23px rgba(78, 170, 252, 0.4); }
.warp7_2 li:hover a .case2 h2{ color:#1066B2;}



.cont6{ width:100%; height: auto ; padding:60px 0px;; background:url(../images/a15.png) left top no-repeat; background-size:cover;}

.cntx1{ max-width:1360px; height: auto; margin:50px auto 20px auto; position:relative; }


.layer3_box1{width:100%; height: auto; box-sizing: border-box;transition: all 0.8s; float:left; color:#fff; text-align:center;}
.layer3_box1 a{ color:#fff;}

.layer3_box1 img{width:100%; height: auto; cursor: pointer;transition: all 1.2s;}
.layer3_box1 img:hover{transform: scale(1.04);}


.cntx1  .swiper-button-next{ top: 50%; transform: translateY(-50%);;transition: all 0.8s;right:-6%; width:41px; height:41px; margin-top:-20px; background: url(../images/an2.png); background-size:100% 100% ; margin: 0;}
.cntx1  .swiper-button-prev{top:50%; transform: translateY(-50%);;transition: all 0.8s;left:-6%; width:41px; height:41px;margin-top:-20px;  background: url(../images/an1.png); background-size:100% 100% ; margin: 0;}


.cont7{ width:100%; height: auto ; padding:60px 0px;; background:#3970C2; background-size:cover; color:#fff;}
.cnt7{ width:1360px; height:auto; margin:0 auto;}
.cnt71{ width:600px; height:auto; float:right;}
.cnt71t{ width:100%; height:80px; line-height:60px; font-size:24px;  font-weight: bold;}
.cnt71t span{ font-family:Impact; font-size:36px;}
.cnt71z{ font-size:18px; font-weight:bold; line-height:30px;}
.cnt71d{ width:100%; height:auto; padding-top:10px;line-height:35px;}
.cnt71d li{ width:50%; float:left; line-height:30px;}

.cnt72{ width:660px; height:auto; float:left;}
.cnt72t{ font-size:24px; font-weight: bold; line-height:45px;}
.ct72d{ width:100%; height:auto; padding-top:30px;  }
.ct72d li{ width:46%; margin-right:4%; float:left;}
.ct72d li:nth-child(2n){ margin-right:0px;}
.jon1{ width:100%; height:50px; padding-bottom:20px; float:left; position:relative;}
.b1{width:100%; height:50px; line-height:50px; font-size:16px; margin:0;box-sizing: border-box; color:#fff; background:#3970C2; padding:0;border: 1px solid #F2F2F2;box-sizing: border-box;border-radius: 2px; padding-left:5px;-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; }
.b1:hover{border:#fbfbfb 1px solid;-moz-box-shadow:0px 2px 10px #4eaafc; -webkit-box-shadow:0px 2px 10px #4eaafc; box-shadow:0px 2px 10px #4eaafc;  }

.jon4{ width:100%; height:120px; margin-bottom:20px; display:block;position:relative;}
.b2{width:100%; height:120px; line-height:32px;margin:0; color:#fff;font-size:16px; border: 1px solid #F2F2F2; background:#3970C2;box-sizing: border-box;border-radius: 2px; padding-left:5px; }
.b2:hover{border:#fbfbfb 1px solid;-moz-box-shadow:0px 2px 10px #4eaafc; -webkit-box-shadow:0px 2px 10px #4eaafc; box-shadow:0px 2px 10px #4eaafc;  }
input.b1::-ms-input-placeholder{ color:#fff;opacity:0.8;}
input.b1::-webkit-input-placeholder { color:#fff;opacity:0.8;}
textarea.b2::-ms-input-placeholder{ color:#fff;opacity:0.8;}
textarea.b2::-webkit-input-placeholder { color:#fff;opacity:0.8;}




.jon5{ width:100%; height:50px; margin:0 auto;}
.jon5 button{ display: block; width: 100%; height: 100%; border: none; outline: none; font-size:18px; text-align: center; line-height:50px; color: #E84F3F; background:#F28D23; border-radius:4px;}
.jon5 button:hover{border:#F28D23 1px solid;-moz-box-shadow:0px 2px 10px #F28D23; -webkit-box-shadow:0px 2px 10px #F28D23; box-shadow:0px 2px 10px #F28D23;  }
.footer{ width:100%; height:auto; padding:60px 0px; background:#04192B;color:#BDBDBD;}
.foot{ width:1360px; height:auto; margin:0 auto;}
.fot1{ width:700px; float:left; border-right: 1px solid #333333;}
.fot1t{ width:640px; height:50px; line-height:40px; color: #BDBDBD; border-bottom:1px solid #BDBDBD;}
.fot1t a{ font-size:14px; padding-right:8px; padding-left:8px; color:#BDBDBD;}
.fot1t a:hover{ text-decoration:underline;}
.fot1d{ width:640px; height:auto; padding-top:20px; line-height:36px;color:#BDBDBD;}
.fot1dd{ width:100%; }
.fot1d li{ float:left; width:48%; margin-right:4%;}
.fot1d li:nth-child(2n){ margin-right:0px;}

.fot2{ width:600px; height:auto; float:right;}
.fot2t{ width:100%; height:auto;}
.fot2t li{ float:left; text-align:center;}
.fot2t li p{ text-align:center; line-height:40px;}
.fot2t li img{ width:103px; height:103px;}
.fot2t li:nth-child(1) p{ font-size:16px; font-weight:normal;}
.fot2t li:nth-child(1){ width:46%; font-size:36px; font-family:Impact; color:#fff; text-align:center;}
.fot2t li:nth-child(1) .ft2d{ width:100%; height:48px; border:1px solid #BDBDBD; color:#BDBDBD; border-radius:50px; margin-top:20px;line-height:48px; font-size:14px; font-family:'微软雅黑';}
.fot2t li:nth-child(2){ width:24%; margin-left:5%; }
.fot2t li:nth-child(3){ width:24%; float:right; }

.fot2d{ width:100%; height:auto; padding-top:0px; line-height:36px;}
.fot2d a{ color:#BDBDBD; }
.fot2d a:hover{ text-decoration:underline;}
#bannera{width:100%; height:500px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}

.about1{ width:1360px; height:auto; margin:0 auto; padding:60px 0px;}
.about1 li{ width:31.33%; float:left;border: 2px solid #F2F2F2;box-sizing: border-box; margin-right:3%; text-align:center; padding:50px 0px;transition: all 0.8s;}
.about1 li:nth-child(3n){ margin-right:0px;}
.about1 li img{ width:102px; height:102px;margin:22px auto 18px auto; 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;}
.about1 li:hover img{ -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.about1 li h2{ font-size:18px; color:#333; line-height:50px; width:90%; margin:0 auto;}
.about1 li p{ width:66%; line-height:30px; height:90px; margin:0 auto; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.about1 li:hover{border: 2px solid #F2F2F2;box-sizing: border-box;box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.1);}

.about2{ width:100%; height:513px; position:relative;}
.about2 img{ width:960px; height:513px;}
.about21{ width:1360px; height:513px; position:absolute; top:0px; left:50%; margin-left:-680px; z-index:9;}
.abut21{ width:590px; height:513px; overflow:hidden; float:right;}


.jh{ width:100%; height:auto;}	
.jh li{ width:100%; height:auto;}	
.jh li .jh1{ width:50%; height:600px; float:left; background:url(../images/c1.png) center no-repeat; background-size:cover;}	



.jh li .jh2{ width:50%; height:600px; float:right;}	
.jh li .jh2 .jh23{ width:100%; height:100%; position:relative;}
.jh li .jh2 .jh2z{ width:100%; height:100%; overflow:hidden; padding:0px 5% 50px 5%;box-sizing: border-box;transition: all 1.2s; z-index:9; position:absolute; top:0px;   }	
.jh li .jh2 .jh2z .jh2zz1{ width:100%; text-align:center; height: auto; padding-top:150px;}
.jh li .jh2 .jh2z .jh2zz1 h2{ width:100%; height:40px; padding-top:60px; line-height:40px; font-size:24px; color:#F28D23; transition: all 0.6s; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.jh li .jh2 .jh2z .jh2zz1 h3{width:100%; height:30px; font-weight:normal; padding-bottom:30px; font-size:14px; color:#666; line-height:30px;transition: all 0.6s;  }
.jh li:hover .jh2 .jh2z	{ width:100%; height: 100%; background:#00A2E9; color:#fff;}	
.jh li:nth-child(2n) .jh2 .jh2z	{padding:0px 10% 50px 30%;}
.jh li:hover .jh2 .jh2z .jh2zz1 h2{ color:#fff;}
.jh li:hover .jh2 .jh2z .jh2zz1 h3{ color:#fff; }
.jh li:nth-child(2n) .jh1{ float:right;}
.jh li:nth-child(2n) .jh2{ float:left;}
.jh li:nth-child(2) .jh1{  background:url(../images/c2.png) center no-repeat; background-size:cover;}
.jh li:nth-child(3) .jh1{  background:url(../images/c3.png) center no-repeat; background-size:cover;}	
.jh li:nth-child(4) .jh1{ background:url(../images/c4.png) center no-repeat; background-size:cover;}	


.mainz2{ max-width:100%; height:auto; padding:60px 0px; margin:0 auto;}

.artil{ width:100%; height:auto;border-bottom: 1px solid #E0E0E0; padding-top:50px;}
.artil li{ width:100%;transition: all 0.8s; }	
.artil li:hover{ background:#3970C2;}
.artil li a{ width:1360px; height:310px; margin:0 auto; display:block;border-top: 1px solid #E0E0E0; padding:45px 0px;}
.art1{ width:420px; height:310px; float:left; padding-right:50px;}
.art1 img{width:420px; height:310px;}
.art2{     overflow: hidden;height:310px;}
.art2 h2{ width:100%; font-size:18px;transition: all 0.4s; color:#333333; height: auto; padding-top:40px; line-height:30px; margin-bottom:15px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }

.art2 .art_p{ width:100%; height:75px;transition: all 0.4s; line-height:25px; color:#828282 ; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.art2 .art2_1{ width:100%; height:40px;transition: all 0.4s; line-height:40px; padding-top:45px;}
.art2 .art2_1 h3{ font-weight:normal;transition: all 0.4s; font-size:14px; color:#828282; padding-bottom:20px; float:left;}
.art2 .art2_1 span{ color:#fff;;transition: all 0.4s; font-size:14px; float:right; background:#FF9E19; padding:0px 15px; }
.artil li:hover	.art2 .art2_1 span{ background:#fff; color:#333;}
.artil li:hover	.art2 h2{ color:#fff;}
.artil li:hover	.art2 .art_p{ color:#fff;}
.artil li:hover	.art2 .art2_1 h3{ color:#fff;}

/*分页*/
#nx_pg{width:100%; height: auto ; padding:40px 0px;  text-align:center;}
#nx_pg a{display:inline; padding:9px 16px 9px 16px; background:#fff;border: 1px solid #DEE2E6; color:#6C757D;;font-size:14px; margin:0px 3px 0px 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:#00A2E9; color:#fff;border: 1px solid #00A2E9;}
#nx_pg .on{ background:#00A2E9; color:#fff;border: 1px solid #fff;}
	
.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;}

#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;}
#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;}	
	
.man{background:#fff; width:1360px; margin:0 auto; padding:80px 0 60px 0;}	
.fh{ max-width:1360px; height:auto; padding:50px 0px ; margin:70px auto 20px 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;}
	

.produ1{ width:1360px; height:auto; padding-top:40px; margin:0 auto;}
.produ1 li{width:23.5%; height: auto; box-sizing: border-box;transition: all 0.8s; float:left; color:#fff; text-align:center; background:#fff; float:left; margin-right:2%; margin-bottom:50px;}
.produ1 li:nth-child(4n){ margin-right:0px; }
.produ1 li a{ display:block;transition: all 0.7s;}
.produ1 li a img{width:100%; height: auto; cursor: pointer;transition: all 1.2s;}
.produ1 li a img:hover{transform: scale(1.04);}
.produ1 li a p{ width:100%; height:60px; line-height:60px;transition: all 0.5s; color:#333; font-size:18px; text-align:center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.produ1 li a:hover{ background:#1066B2;}
.produ1 li a:hover p{ color:#fff;}

.paod{ width:1360px; height:auto; margin:0 auto; padding-top:20px;}
.paod1{ width:400px; height:auto; float:left;}
.pad2z{ width:900px; height:auto; float:right}
.paod2{ width:900px; height:auto; padding:65px 50px;box-sizing: border-box; background:#fff;}
.pad1{ width:400px; height:200px; line-height:200px; text-align:center;background: #3970C2; font-size:36px; font-weight:bold; color:#fff;}
.pad2{ width:100%; height:auto; padding-top:40px;}
.pad2 li{width:100%; height: auto; box-sizing: border-box;transition: all 0.8s; float:left; color:#fff; text-align:center; background:#fff; float:left;  margin-bottom:40px;}
.pad2 li a{ display:block;transition: all 0.7s;}
.pad2 li a img{width:100%; height: auto; cursor: pointer;transition: all 1.2s;}
.pad2 li a img:hover{transform: scale(1.04);}
.pad2 li a p{ width:100%; height:60px; line-height:60px;transition: all 0.5s; color:#333; font-size:18px; text-align:center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.pad2 li a:hover{ background:#1066B2;}
.pad2 li a:hover p{ color:#fff;}
.pad3{ width:100%; height:60px;}
.pad3 a{ width:100%; height:60px; border-radius:50px; background:#F28D23; display:block; line-height:60px; text-align:center; color:#fff; font-size:18px;transition: all 0.8s;}
.pad3 a:hover{-moz-box-shadow:0px 2px 10px #F28D23; -webkit-box-shadow:0px 2px 10px #F28D23; box-shadow:0px 2px 10px #F28D23;}


.down{ width:100%; height: auto; padding:80px 0px; background:#3970C2;}
.downz{ width:1360px; height:auto; margin:0 auto }
.down1{ width:700px; height:auto; float:left;}
.down1 h2{ color:#fff; font-size:18px; height:50px; text-align:center;}
.down1 li{ width:100%;  float:left;}
.down1 li:nth-child(1){ margin-right:0px;}
.down2{ float:right; padding-top:30px;}
.down2 a{ width:420px; height:143px; display:block;transition: all 0.8s;}
.down2 a:hover{-moz-box-shadow:0px 2px 10px #4eaafc; -webkit-box-shadow:0px 2px 10px #4eaafc; box-shadow:0px 2px 10px #4eaafc; border-radius:4px; }



.b1{width:490px; height:54px; line-height:54px; margin:0; padding:0;border:#e0e0e0 1px solid; padding-left:5px;-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; }
.b1:hover{border:#ecedef 1px solid; background-color:#2e6ecc; }
.b2{width:490px; height:120px; line-height:34px; margin:0; padding:0;border:#e0e0e0 1px solid; padding-left:5px;-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; }
.b2:hover{border:#ecedef 1px solid; background-color:#2e6ecc;  }
.b3{width:80px; height:54px; line-height:54px; margin:0; padding:0;border:#e0e0e0 1px solid; padding-left:5px;-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; }
.b3:hover{border:#ecedef 1px solid; background-color:#2e6ecc;  }

.b4{ background-color:#fff;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;width:400px;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b4 img{ width:400px;}
.b4:hover{ background-color:#000; }



.contact{ width:1360px; height:auto; margin:0 auto;}
.contact h2{ font-size:36px; color:#fff; line-height:70px; width:100%;}
.cnact1{ width:500px; float:left;}
.cnact1 li{ width:100%; height:auto; font-size:14px; padding:20px 0px; border-bottom:1px solid #E0E0E0; color:#fff;text-indent: -3em; padding-left:3em;box-sizing: border-box;}
.cnact1 li img{ vertical-align:-12px; padding-right:10px;}


.cnact2{ width:750px; height:auto; float:right;}

.jon11{ width:100%; height:60px; padding-bottom:25px; float:left; position:relative;}
.b11{width:100%; height:60px; line-height:60px; font-size:16px; margin:0;box-sizing: border-box; color:#fff; background:#3970C2; padding:0;border: 1px solid #F2F2F2;box-sizing: border-box;border-radius: 2px; padding-left:5px;-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; }
.b11:hover{border:#fbfbfb 1px solid;-moz-box-shadow:0px 2px 10px #4eaafc; -webkit-box-shadow:0px 2px 10px #4eaafc; box-shadow:0px 2px 10px #4eaafc;  }

.jon41{ width:100%; height:140px; margin-bottom:30px; display:block;position:relative;}
.b21{width:100%; height:140px; line-height:32px;margin:0; color:#fff;font-size:16px; border: 1px solid #F2F2F2; background:#3970C2;box-sizing: border-box;border-radius: 2px; padding-left:5px; }
.b21:hover{border:#fbfbfb 1px solid;-moz-box-shadow:0px 2px 10px #4eaafc; -webkit-box-shadow:0px 2px 10px #4eaafc; box-shadow:0px 2px 10px #4eaafc;  }
input.b11::-ms-input-placeholder{ color:#fff;opacity:0.8;}
input.b11::-webkit-input-placeholder { color:#fff;opacity:0.8;}
textarea.b21::-ms-input-placeholder{ color:#fff;opacity:0.8;}
textarea.b21::-webkit-input-placeholder { color:#fff;opacity:0.8;}




.jon51{ width:100%; height:60px; margin:0 auto;}
.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none; font-size:18px; text-align: center; line-height:50px; color: #E84F3F; background:#F28D23; border-radius:4px;}
.jon51 button:hover{border:#F28D23 1px solid;-moz-box-shadow:0px 2px 10px #F28D23; -webkit-box-shadow:0px 2px 10px #F28D23; box-shadow:0px 2px 10px #F28D23;  }

.map{ width:1360px; height:auto; margin:70px auto;}