@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:#333; 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:#307DC5; 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;}



.on{ background:#fff; color:#333;border-bottom:1px solid rgba(0, 0, 0, 0.1) !important;}

.on #nav .mainlevel a{color:#333;}

.on #nav .mainlevel a p{ color:#999;}

.on .phone{ color:#333;}

.top{ width:100%; height:100px; position:fixed; border-bottom:1px solid  rgba(255, 255, 255, 0.3); z-index:99;}

.logo{ width:208px; height:100px; float:left; padding-left:145px;}

/*menu*/

#menu { display:block; width:1050px; float:right; height:100px;}

#nav {display:block;}

#nav .mainlevel {float:left; text-align:center; width:150px; display:block; z-index:999999}

#nav .mainlevel a{ text-decoration:none; width:150px; margin:0 auto; text-align:center;  color:#fff; height:70px; padding-top:30px; display:block; font-size:15px; -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 p{ width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:5px;}

#nav .mainlevel a:hover {background:linear-gradient(to right, #307DC5 , #3BCD91);-webkit-background-clip: text;color: transparent;   text-decoration:none; z-index:999}

#nav .mainlevel a:hover p{background:linear-gradient(to right, #307DC5 , #3BCD91);-webkit-background-clip: text;color: transparent; }

#nav .mainlevel ul { display:block; position:absolute; display:none;   z-index:99; ackground:#fff;}



#nav .mainlevel li {background:#fff; padding-top:px; }

#nav .mainlevel li a {padding:0px; width:150px; color:#666; background-image:none; background-color:#fff; font-size:14px; text-align: center; line-height:30px; height:30px;  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:#fff; background:#3BCD91

; }

#nav .mainlevel:nth-child(5) li a{ width:350px; text-align:left; text-indent:20px;} 

.phone{ width:260px; height:80px; float:right; padding-top:20px; padding-right:40px;  border-left:1px solid  rgba(255, 255, 255, 0.3); text-align:right; color:#fff;}

.phone p{ font-family:Impact; font-size:24px;}

@media(max-width:1800px){ 

.logo{ width:208px; height:100px; float:left; padding-left:10px;}

.phone{ width:180px; height:80px; float:right; padding-top:20px; padding-right:10px;  border-left:1px solid  rgba(255, 255, 255, 0.3); text-align:right; color:#fff;}

.phone p{ font-family:Impact; font-size:24px;}

#menu { display:block; width:910px; float:right; height:100px;}

#nav {display:block;}

#nav .mainlevel {float:left; text-align:center; width:130px; display:block; z-index:999999}

#nav .mainlevel a{ text-decoration:none; width:130px; margin:0 auto; text-align:center;  color:#fff; height:70px; padding-top:30px; display:block; font-size:15px; -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 p{ width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:5px;}

#nav .mainlevel a:hover {background:linear-gradient(to right, #307DC5 , #3BCD91);-webkit-background-clip: text;color: transparent;text-decoration:none; z-index:999}

#nav .mainlevel ul { display:block; position:absolute; display:none;   z-index:99; ackground:#fff;}



#nav .mainlevel li {background:#fff; padding-top:px; }

#nav .mainlevel li a {padding:0px; width:130px; color:#666; background-image:none; background-color:#fff; font-size:14px; text-align: center; line-height:30px; height:30px;  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;}

}

::selection {background:#23693a; color:#fff;}

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

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



.fullSlide{ width:100%; position:relative; background:#000; margin:0 auto; }

.fullSlide .bd{ position:relative; z-index:0; }

.fullSlide .bd li img{width:100%; vertical-align:top;  } 

.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;

			  filter:alpha(opacity=60);opacity:0.6 }

.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }

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

.fullSlide .hd ul .on{ background-position:0 0; }

.fullSlide .prev{ z-index:1; display:block; width:50px; height:50px; position:relative; margin:-17% 0 0 3%; float:left;background: url(../images/icon1.png) center no-repeat; filter:alpha(opacity=40);opacity:1  }

.fullSlide .next{ z-index:1; display:block; width:50px; height:50px; position:relative; margin:-17% 0 0 3%; float:right;background: url(../images/icon2.png) center no-repeat; filter:alpha(opacity=40);opacity:1  }

.fullSlide .next{  background-position:right 0;  margin-right:3%  }

.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }



.cont1z{ width:100%; height:auto; background:#EDF2F8;}

.cont1{ width:1300px; height:auto; margin:0 auto; padding:65px 0px;;}

.cnt11{ width:640px; height:auto; float:left;}

.cnt11 p{ padding-top:25px; width:100%; line-height:36px; font-size:18px;}

.cnt11 a{ padding-top:50px; width:100%; display:block;}

.cnt11t{ width:100%; height:auto; padding-bottom:10px; border-bottom: 1px solid  rgba(0, 0, 0, 0.3);}

.cnt12{ width:580px; height:600px; float:right; border:30px solid #fff;}

.cntx{ max-width:100%; height: 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; cursor: pointer;transition: all 1.2s;}

.cntx  .swiper-button-next{ top:90%; transform: translateY(-50%);;transition: all 0.8s;right:80%; width:41px; height:41px;  background: url(../images/a6n.png); background-size:100% 100% ; margin: 0;}

.cntx  .swiper-button-prev{top:90%; transform: translateY(-50%);;transition: all 0.8s;left:5%; width:41px; height:41px;  background: url(../images/a8n.png); background-size:100% 100% ; margin: 0;}



.cont2{ width:100%; height:auto; padding:50px 0px 36px 0px;; border-bottom:1px solid rgba(0, 0, 0, 0.1);}

.cont2 ul{ max-width:1300px; height:auto; margin:0 auto; }

.cont2 li{ width:16%; float:left; margin-right:12%; text-align:center;}

.cont2 li:nth-child(4n){ margin-right:0px;}

.cont2 li h2{ font-size:72px; padding-top:30px; font-family:Impact;    background:linear-gradient(to right, #307DC5 , #3BCD91);-webkit-background-clip: text;color: transparent;  }

.cont2 li h2 span{ font-size:14px; color: #999999; font-weight:normal; padding-left:5px;}

.cont2 li p{ width:100%; height:45px; line-height:45px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#999;}

.cont2 li h2 a{ background:linear-gradient(to right, #307DC5 , #3BCD91);-webkit-background-clip: text;color: transparent; }

.cont3{ width:1300px; height:150px;; margin:50px auto; position:relative; }

.cont3 ul{ position:absolute; z-index:2;}

.cont3 li{ width:100px; height:auto; float:left; margin-right:200px; background:#fff;}

.cont3 li:nth-child(5n){ margin-right:0px;}

.cont3 li a .cnt31{ width:80px; height:92px; background: url(../images/b1.png) center no-repeat; margin:0 auto;transition: all 1.2s;}

.cont3 li a:hover .cnt31{ background: url(../images/b11.png) center no-repeat;}

.cont3 li a p{ width:100%; height:55px; line-height:55px; text-align:center;background:linear-gradient(to right, #307DC5 , #3BCD91);-webkit-background-clip: text;color: transparent; font-size:18px;}

.cont3 li a .cnt32{ width:80px; height:92px; background: url(../images/b2.png) center no-repeat; margin:0 auto;transition: all 1.2s;}

.cont3 li a:hover .cnt32{ background: url(../images/b21.png) center no-repeat;}

.cont3 li a .cnt33{ width:80px; height:92px; background: url(../images/b3.png) center no-repeat; margin:0 auto;transition: all 1.2s;}

.cont3 li a:hover .cnt33{ background: url(../images/b31.png) center no-repeat;}

.cont3 li a .cnt34{ width:80px; height:92px; background: url(../images/b4.png) center no-repeat; margin:0 auto;transition: all 1.2s;}

.cont3 li a:hover .cnt34{ background: url(../images/b41.png) center no-repeat;}

.cont3 li a .cnt35{ width:80px; height:92px; background: url(../images/b5.png) center no-repeat; margin:0 auto;transition: all 1.2s;}

.cont3 li a:hover .cnt35{ background: url(../images/b51.png) center no-repeat;}

.ct3z{ width:100%; height:1px; background:rgba(0, 0, 0, 0.1); position:absolute; top:46px; z-index:0px;}



.bt{ width:100%; height:auto; font-size:36px; line-height:50px; color:#333; text-align:center; font-weight:bold; padding-top:40px;}

.bt p{ color:#999; font-size:14px; font-weight: normal;}



.cont4{ width:1300px; height:auto; margin:0 auto;}

.cont4 li{ width:300px; height:auto;transition: all 1s; margin-right:26px; margin-bottom:45px; float:left;}

.cont4 li:nth-child(4n){ margin-right:0px;}

.cont4 li a{ width:300px; height:auto; display:block;border:1px solid #E0E0E0;}

.cont4 li a img{ width:300px; height:220px;}

.cont4 li a p{ width:100%; height:50px; border-top:1px solid #E0E0E0; color:#666; text-align:center; line-height:50px; font-size:14px;transition: all 1s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



.cont4 li a:hover p{background:linear-gradient(to right, #307DC5 , #3BCD91);-webkit-background-clip: text;color: transparent; }

.cont4 li:hover{box-shadow: 0px 30px 60px rgba(57, 57, 57, 0.1);transform: translate3d(0,-2px,0);transition: all .2s linear;}

.cont5{ width:100%; height:auto; padding:70px 0px;; background: url(../images/a5.png) center no-repeat;}

.cnt5{ width:1360px; height:778px; margin:0 auto; background:url(../images/a4.png) center no-repeat; position:relative;}

.cnt5l{ width: 116px; height:45px; display:block;  text-align:center; position:absolute; left:265px; top:375px; font-size:14px;}

.cnt5l a{ color:#fff;}

.cnt5l a:hover{ text-decoration:underline;} 

.cnt52{ width:575px; height: auto; float:right; margin-right:60px; margin-top:40px;}

.cnt52 li{ width:100%; height:auto; height:135px; margin-top:30px; margin-bottom:90px;}

.cnt52 li a{ width:100%; height:auto; display:block;}

.cnt52 li a .ct521{ width:75px; height:75px; float:left; margin-top:10px; background:url(../images/c1.png) center no-repeat;transition: all 1.2s;}

.cnt52 li a .ct52r{ width: calc(100% - 80px); float:right;}

.cnt52 li a:hover .ct521{background:url(../images/c11.png) center no-repeat;}



.cnt52 li a .ct52r h2{ width:100%; height:45px; line-height:45px; font-size:24px; font-weight:normal; color:#333;transition: all 1s;}

.cnt52 li a .ct52r p{ width:100%; height:90px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden; color:#666;}

.cnt52 li a:hover .ct52r h2{background:linear-gradient(to right, #307DC5 , #3BCD91);-webkit-background-clip: text;color: transparent; }



.cnt52 li:nth-child(2) a .ct521{ width:75px; height:75px; float:left; margin-top:10px; background:url(../images/c2.png) center no-repeat;transition: all 1.2s;}

.cnt52 li:nth-child(3) a .ct521{ width:75px; height:75px; float:left; margin-top:10px; background:url(../images/c3.png) center no-repeat;transition: all 1.2s;}

.cnt52 li:nth-child(2) a:hover .ct521{background:url(../images/c21.png) center no-repeat;}

.cnt52 li:nth-child(3) a:hover .ct521{background:url(../images/c31.png) center no-repeat;}



.fyy{ width:1300px;; height:auto;; margin:0 auto;}	

.fyy ul{ padding:40px 0px 60px 0px;;}

.fyy li{ width:49%; float:left; margin-right:2%; margin-bottom:40px; }

.fyy li img{ width:100%;}

.fyy li:nth-child(2n){ margin-right:0px;}

.fyy li a{ width:100%; height:auto; display:block; position:relative;}



.fy1{ width:100%; height:100%; overflow: hidden;background: rgba(0, 0, 0, 0.5); 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;  color:#fff; font-size:36px; margin-bottom:20px;;}

.fy1 p{ width:75%; color:#fff; height:50px; margin:0 auto; line-height:25px;text-align:center;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.fy1 span{ width:100%; padding-top:25px; display:block; color:#fff; text-align:center;}

.fyy li a:hover .fy1 span{ text-decoration:underline;}

.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:150px;color:#fff; font-size:36px;opacity:1; transition: all 1s;;}

.fyy li a:hover .fy2{opacity:0;}

.cont7{ width:1300px; height:auto; margin:20px auto;}

.cont7 img{ max-width:100%;}



.footer{ width:100%; height:auto; padding-top:60px; background:#212426; color:#fff;}

.foot{ width:1360px; height:auto; margin:0 auto; padding-bottom:30px;}

.foot li{ float:left; }

.foot li h2{ width:100%; height:auto; font-size:14px; }

.foot li a{ color:#fff;}

.foot li a:hover{ text-decoration:underline;}

.ft1{ width:120px; height:auto;}



.ft1 a{ width:100%; height:30px; line-height:30px; text-align:left; color:#fff; display:block;}

.ft2{ width:330px;}

.ft2 a{ width:100%; height:30px; line-height:30px; text-align:left; color:#fff; display:block;}

.ft3{ width:300px; line-height:30px;}

.foot .ft4{ width:220px; float:right;}

.ft4 a{ width:100%; height:30px; line-height:30px; text-align:left; color:#fff; display:block;}

.fot{ width:100%; line-height:32px; padding:15px 0px;border-top: 1px solid rgba(255, 255, 255, 0.1); text-align:center;}



.ban{ width:100%; height:auto;}

.ban img{ width:100%;}



.main{ width:100%; height:auto; padding-bottom:50px;}

/*分页*/

#nx_pg{width:100%; min-height:50px; padding:10px 0px 0px 0px; text-align:center;}

#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #999; background:linear-gradient(to right, #307DC5 , #3BCD91);-webkit-background-clip: text;color: transparent;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: linear-gradient(to right,#307DC5 ,#3BCD91); color:#fff; }

#nx_pg .on{background: linear-gradient(to right,#307DC5 ,#3BCD91); color:#fff; }



.bread{ width:1360px; height:80px; margin:0 auto; line-height:80px;color: #666666;}

.bread a{ color:#666666;}

.bread a:hover{background:linear-gradient(to right, #307DC5 , #3BCD91);-webkit-background-clip: text;color: transparent;}

.prod1{ width:1360px; height:auto; margin:15px auto;}

.prod11{ width:830px; height:auto; float:left;}

.prod12{ width:480px; height:auto; float:right;color:#666}

.prod12 h2{ width:100%; height:50px; line-height:50px; font-size:18px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



/* 选项卡示例样式 */

.main4 {width:830px;margin:0px auto;}

.tab2 {overflow: hidden;width:210px;height:445px; float:right; ;cursor: pointer; overflow-y:scroll}

.tab2 li {width:198px;text-align: center; height:135px;border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom:16px; overflow:hidden;;}

.tab2 li img{ width:198px; height:135px; display:block;}

.tab2 li.on { border:1px solid #3BCD91;}

.con2 {width:610px; height:447px;border: 1px solid rgba(0, 0, 0, 0.1); float:left;}

.con2 img{width:608px; height:445px;}

.tab2::-webkit-scrollbar {width: 5px; height:10px;     }

.tab2::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background:#e0e0e0;}

.tab2::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius: 10px;background:#e5e5e5;}



/* 选项卡示例样式 */

.main3 {width:1360px;margin:40px auto;}

.tab1 {overflow: hidden;width:1360px;height:60px;background: #333;cursor: pointer;}

.tab1 li {float: left;width:185px;text-align: center;line-height:60px; height:60px; color:#fff;}

.tab1 li.on {background: linear-gradient(59.39deg, #307DC5 9.74%, #3BCD91 81.41%);}

.con1 {width:1360px;padding:30px;border: 1px solid #BDBDBD;;border-top: none;box-sizing: border-box;  }

#info-N{width:1360px; height: auto; padding:10px; line-height:28px; margin:20px auto 0px auto;; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);}



.bread1{ width:1360px; height:120px; line-height:120px; margin:0 auto;}

.bread1 a{ padding-right:25px; font-size:18px; color:#666;}

.bread1 a:hover{background:linear-gradient(to right, #307DC5 , #3BCD91);-webkit-background-clip: text;color: transparent;}

.pho{ width:1360px; height:auto;; margin:0 auto;}	

.pho ul{ padding:0px 0px 60px 0px;;}

.pho li{ width:31.33%; float:left; margin-right:3%;box-sizing: border-box; margin-bottom:40px;}

.pho li:nth-child(3n){ margin-right:0px;}

.pho li a{ width:100%; height:auto; display:block; position:relative;}

.pho li a .fy1z{ width:100%; height: auto; background-size:cover;}

.pho li a .fy1z img{ width:100%;}

.pho li a .fy1{ width:100%; height:100%; overflow: hidden;background: linear-gradient(59.39deg, #307DC5 9.74%, #3BCD91 81.41%); position:absolute; top:0px; left:0px; z-index:9;opacity:0;transition: all 1s;}

.pho li a .fy1 h2{ width:80%; height:45px; margin:0 auto; text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:50px;  color:#fff; font-size:18px; ;}

.pho li a .fy1 p{ width:80%; color:#fff;margin:0 auto; height: auto; text-align:left;}

.pho li a:hover .fy1{opacity:1;}



.pho1{ width:1360px; height:auto;}

#info-T{width:100%; min-height:26px; padding-top:10px; 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; margin-bottom:25px;}

#info-C img{ max-width:100%;}



.artile{ width:1360px; height:auto; margin:30px auto 15px auto;}

.artile li{ width:1360px; height:370px; background:#fff; margin-bottom:40px;border: 1px solid #BDBDBD;}

.art1{ width:680px; height:370px; float:left;}

.art1 img{width:680px; height:370px;}

.artile li:hover .art2{ background: linear-gradient(59.39deg, #307DC5 9.74%, #3BCD91 81.41%);}

.art2{width: calc(100% - 680px); height:100%; padding:0px 0px 0px 0px; float:right;transition: all 1s;;}

.art2 h2{ width:90%; font-size:24px; color:#333333; height: auto; margin:60px auto 0px auto; font-weight:normal; line-height:30px; padding-bottom:15px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }



.art2 .art_p{ width:90%; margin:0 auto; height:110px; line-height:22px; color:#828282 ; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5; overflow: hidden;letter-spacing: 0.15em;;}

.art2 .art2_1{ width:90%; height:40px; line-height:40px; margin:0 auto; padding-top:25px;}

.art2 .art2_1 h3{ font-weight:normal; font-size:12px; color:#828282; padding-bottom:20px; float:left;}

.art2 .art2_1 span{ color:#006BB5;; font-size:12px; float:left;}

.artile li .art2 a:hover span{ text-decoration:underline; color:#fff;}

.artile li .art2 a:hover h2{ color:#fff;}

.artile li .art2 a:hover .art_p{ color:#fff;}



.pho1{ width:1360px; height:auto;; margin:0 auto;}	

.pho1 ul{ padding:0px 0px 60px 0px;;}

.pho1 li{ width:48%; float:left; margin-right:3%;box-sizing: border-box; margin-bottom:40px;}

.pho1 li:nth-child(2n){ margin-right:0px;}

.pho1 li a{ width:100%; height:auto; display:block; position:relative;}

.pho1 li a .fy1z1{ width:100%; height: auto; background-size:cover;}

.pho1 li a .fy1z1 img{ width:100%;}

.pho1 li a .fy11{ width:100%; height:100%; text-align:center; overflow: hidden;background: linear-gradient(59.39deg, #307DC5 9.74%, #3BCD91 81.41%); position:absolute; top:0px; left:0px; z-index:9;opacity:0;transition: all 1s;}

.pho1 li a .fy11 h2{ width:80%; height:45px; margin:0 auto; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:90px;  color:#fff; font-size:36px; font-weight:normal; ;}

.pho1 li a .fy11 p{ width:70%; color:#fff;margin:0 auto; height: auto; text-align: center;}

.pho1 li a .fy11 span{ color:#fff; text-decoration:underline; padding-top:20px; display:block;}

.pho1 li a:hover .fy11{opacity:1;}



.cnt11 p{ font-size:14px; line-height:25px; text-align:justify;}

.men_tip{ width:1300px; height:60px; line-height:60px; background:#fff;box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.1);   ;}

.men_tip a{ width:260px; height:60px; float:left; color:#333; font-size:18px; text-align:center; background:url(../images/sxt1.png) center right no-repeat;}

.men_tip a:hover{background: linear-gradient(59.39deg, #307DC5 9.74%, #3BCD91 81.41%); color:#fff;}

.ab1{ width:100%; height:auto;background: linear-gradient(59.39deg, #307DC5 9.74%, #3BCD91 81.41%); padding:100px 0px; }

.ab1z{ width:1200px; height:auto; margin:0 auto;}

.ab1z1{ width:335px; height:335px; float:left;}

.ab1z2{ width:780px; float:right; height:360px; color:#fff; line-height:20px;}

.ab1z2 h2{ font-size:28px; margin-top:10px;line-height:10px; font-weight:normal;}

.ab1z2 img{ float:right; padding-top:25px;}

.ab2{ width:100%;background: #E9EDF0; padding:55px 0px;}

.bt1{ width:100%; height:auto; text-align:center;}

.bt1 h2{ font-size:36px; color:#333; line-height:55px; font-weight:normal; background:url(../images/v1_03.png) center no-repeat;}

.bt1 p{ color:#999; font-size:14px; font-weight: normal;}

.bt1 span{ color:#666; line-height:30px; text-align:center; width:100%; display:block;}



.cntx2{ max-width:1300px; height: auto; margin:0px auto 50px auto; padding-top:60px; position:relative; }

.layer3_box2{width:100%; height: auto; text-align:center; background:#fff; padding:50px 0px;}

.layer3_box2 img{max-width:167px; height: auto; }

.layer3_box2 h2{ width:100%; font-size:18px; display:block; margin:10px auto 0px auto;height:55px; line-height:65px; overflow:hidden;color:#333; background: url(../images/Line47.png) top center no-repeat;}

.layer3_box2 span{ color:#999; padding:15px 0px;}

.lin1{ width:100%; height:1px; background:#e2e2e2; margin:20px 0px;}

.layer3_box2 p{ width:85%; height:150px; color:#666; line-height:25px; margin:0 auto;transition: all 0.6s;; font-size:14px; text-align:center;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6; overflow: hidden;}

.layer3_box:hover{ box-shadow: 0px 30px 60px rgba(57, 57, 57, 0.1);transform: translate3d(0,-1px,0);transition: all .2s linear;}

.cntx2  .swiper-button-next{ top: 50%; transform: translateY(-50%);;transition: all 0.8s;right:-6%; width:48px; height:48px;  background: url(../images/arrow2.png); background-size:100% 100% ; margin: 0;}

.cntx2  .swiper-button-prev{top:50%; transform: translateY(-50%);;transition: all 0.8s;left:-6%; width:48px; height:48px;  background: url(../images/arrow1.png); background-size:100% 100% ; margin: 0;}

.cntx2  .swiper-button-next:hover{ top: 50%; transform: translateY(-50%);;transition: all 0.8s;right:-6%; width:48px; height:48px;  background: url(../images/arrow21.png); background-size:100% 100% ; margin: 0;}

.cntx2  .swiper-button-prev:hover{top:50%; transform: translateY(-50%);;transition: all 0.8s;left:-6%; width:48px; height:48px;  background: url(../images/arrow11.png); background-size:100% 100% ; margin: 0;}



.ab4{ width:100%; height:690px;;background: #E9EDF0; padding:50px 0px;;}

.cntx1{ max-width:1300px; height: auto; margin:0px auto 50px auto; padding-top:60px; position:relative; }

.lay3{ width:40%; height:auto; text-align:center; margin:0 auto; padding-bottom:30px; background:#E9EDF0;}

.lay3 h2{ font-size:35px; line-height:50px; font-family:Impact; font-weight:normal;    background: linear-gradient(to right, #307DC5 , #3BCD91);

    -webkit-background-clip: text;

    color: transparent;}

.lay3 .lay31{ width:37px; height:41px; background: url(../images/w1.png); margin:0 auto;}

.cntx1 .swiper-slide:hover .lay3 .lay31{background: url(../images/w2.png);}

.layer3_box1{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_box1 img{width:100%; height: auto; cursor: pointer;transition: all 1.2s;}

.layer3_box1 img:hover{transform: scale(1.04);}

.layer3_box1 p{ width:85%; height:60px; margin:0 auto; line-height:30px; padding:30px 0px;transition: all 0.6s; color:#333; font-size:14px; text-align:left; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}

.layer3_box1:hover{ box-shadow: 0px 10px 13px rgba(50, 34, 232, 0.15);border-radius: 4px;transform: translate3d(0,-1px,0);transition: all .2s linear;}

.layer3_box1:hover p{ color:#333;}

.linex{ width:100%; height:1px; background:rgba(0,0,0,0.1); position:absolute; top:320px; left:0px; z-index:2px; }

.ctx1z{ position:absolute; width:100%; height:auto; top:190px; left:0px; z-index:1}

.cntx1  .swiper-button-next{ top: 70%; transform: translateY(-50%);;transition: all 0.8s;right:-6%; width:48px; height:48px;  background: url(../images/arrow2.png); background-size:100% 100% ; margin: 0;}

.cntx1  .swiper-button-prev{top:70%; transform: translateY(-50%);;transition: all 0.8s;left:-6%; width:48px; height:48px;  background: url(../images/arrow1.png); background-size:100% 100% ; margin: 0;}

.cntx1  .swiper-button-next:hover{ transform: translateY(-50%);;transition: all 0.8s;right:-6%; width:48px; height:48px;  background: url(../images/arrow21.png); background-size:100% 100% ; margin: 0;}

.cntx1  .swiper-button-prev:hover{ transform: translateY(-50%);;transition: all 0.8s;left:-6%; width:48px; height:48px;  background: url(../images/arrow11.png); background-size:100% 100% ; margin: 0;}







.ab3{ width:100%; height:auto; padding:50px 0px;;}

.productBox { width:1300px; height:auto; margin:0 auto; position:relative;}

.productBox .swiper-slide {

	position:relative;

      text-align: center;

      font-size: 18px;

	  margin:60px 0;



      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

	  transition: 300ms;



    }

	.productBox .swiper-slide .tip_y{ width:100%; height:100%;background: rgba(0, 0, 0, 0.5); position:absolute; top:0px; left:0px;}

.productBox .swiper-slide-active .tip_y{background: rgba(0, 0, 0, 0);}

.productBox .swiper-slide-active,.productBox .swiper-slide-duplicate-active{

      transform: scale(1.2);

	  z-index: 2;

	}

	.productBox  .swiper-button-next{ top: 50%; transform: translateY(-50%);;transition: all 0.8s;right:-6%; width:48px; height:48px;  background: url(../images/arrow2.png); background-size:100% 100% ; margin: 0;}

.productBox  .swiper-button-prev{top:50%; transform: translateY(-50%);;transition: all 0.8s;left:-6%; width:48px; height:48px;  background: url(../images/arrow1.png); background-size:100% 100% ; margin: 0;}

.productBox  .swiper-button-next:hover{ top: 50%; transform: translateY(-50%);;transition: all 0.8s;right:-6%; width:48px; height:48px;  background: url(../images/arrow21.png); background-size:100% 100% ; margin: 0;}

.productBox  .swiper-button-prev:hover{top:50%; transform: translateY(-50%);;transition: all 0.8s;left:-6%; width:48px; height:48px;  background: url(../images/arrow11.png); background-size:100% 100% ; margin: 0;}



.productBox img { display: block; width: 100%;}