@charset "gb2312";
html{background:#FFF;color:#000;}
body,div,dl,dt,dd,ul,ol,li,form,input,textarea,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}img{border:0;}ol,ul,li{list-style:none;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a,a:hover,a:focus{color:inherit;text-decoration:none!important;}
/*******CSS reset*************/

body{ position:relative;z-index:-2;background:#fff;color:#333;font-size:14px;font-family:"微软雅黑";border-left:1px #ffffff solid;border-right:1px #ffffff solid; margin:0}

.clear{clear:both; overflow:hidden; float:none}
em,i{ font-style:normal;}
.fl{ float:left}  
.fr{ float:right}
.f_48 {font-size: 48px;}
.f_38{ font-size:38px}
.f_30{ font-size:30px}
.f_28{ font-size:28px}
.f_18{ font-size:18px}
.f_17{ font-size:17px;}
.f_16{ font-size:16px}
.f_14{ font-size:14px}

.wrap{opacity: 1;transition-delay: 0s; z-index: 999;}

/*header*/
.header{position: fixed;top:0;left:0;width:100%;z-index:999;background: linear-gradient( rgba(0, 0, 0,.7), rgba(87, 160, 255,0));}
.header .auto{padding:0 20px;text-align: center;}
.header .logo{margin: 20px 0 0;}
.header .logo img{transition: .5s;}
.header.bg .logo{margin: 5px 0 0;}
.top_tel{line-height: 40px;text-align: center;font-family: impact;color: #fff;margin:42px 0 0 ;transition: .5s;}
.top_tel img{display: inline-block;margin-right: 5px;float:left}
.top_tel span{ float:left}
.header .auto>ul{width:50%;padding-top:40px;position: absolute;left: 0;right: 0;margin:auto;}
.header .auto>ul>li{float: left;width:12.5%;text-align: center; height: 45px; position:relative;}
.header .auto>ul>li>a{color:#fff;font-size:18px;height: 45px; line-height: 45px;font-weight: bold; display: block;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.header .auto>ul>li>a.active, .header .auto>ul>li>a:hover{color:#fff;border-bottom: 1px solid #fff;text-shadow: none;opacity: .8;}

/*nybanner*/
.headd{width:100%; height:500px; margin:0 auto}
.header01{ background-image:url(../images/header01.jpg); background-repeat:no-repeat; background-size:100% 100%;  background-position:center}
.header01 img{ display:none}
.header02{background-image:url(../images/header02.jpg); background-repeat:no-repeat; background-size:100% 100%;  background-position:center}
.header02 img{ display:none}
.header03{background-image:url(../images/header03.jpg); background-repeat:no-repeat; background-size:100% 100%;  background-position:center}
.header03 img{ display:none}
.header04{background-image:url(../images/header04.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center }
.header04 img{ display:none}
.header05{background-image:url(../images/header05.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center }
.header05 img{ display:none}
.header06{background-image:url(../images/header06.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center }
.header06 img{ display:none}
.header07{background-image:url(../images/header07.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center }
.header07 img{ display:none}
.header08{background-image:url(../images/header08.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center }
.header08 img{ display:none}


.header02 ul{ padding-top:280px; width:1500px; margin:0 auto}
.header02 ul li{ width:calc(80%/10); float:left; height:50px; line-height:50px; margin-right:1%; background:#fff; text-align:center;overflow:hidden}
@media only screen and (max-width:1542px) {   
.headd{ height:400px;}
}
@media only screen and (max-width:1510px) {   
.header02 ul{ width:95%}
}
@media only screen and (max-width:1020px) {   
.headd{ height:270px;}
.header02 ul{ padding-top:190px; }
}
@media only screen and (max-width:920px) {   
.header02 ul{ display:none}
.header01 img{ display: block; width:100%; height:100%}
.header02 img{ display:block;width:100%; height:100%}
.header03 img{ display:block;width:100%; height:100%}
.header04 img{ display:block;width:100%; height:100%}
.header05 img{ display:block;width:100%; height:100%}
}

.productlist_list{ display:none; width:100%}
@media only screen and (max-width:920px) {   
.productlist_list{ display:block}
.productlist_list ul{ width:100%}
.productlist_list ul{ width:1500px; margin:0 auto}
.productlist_list ul li{ width:calc(94%/6); float:left; height:45px; line-height:45px; margin-right:1%; background:#5089E3; text-align:center;overflow:hidden; margin-bottom:6px}
.productlist_list ul li a{ color:#fff}
}
@media only screen and (max-width:680px) {   
.productlist_list ul li{ width:calc(97%/3); }
}
@media only screen and (max-width:430px) {   
.productlist_list ul li{ width:calc(98%/2); }
}

/*下拉列表*/
.subnav {width:500px;position: absolute;top: 45px;z-index: 5;background: #fff;display: none;}
.subnav .list {width: 180px;float: left; background: #f2f2f2; padding-top: 10px}
.subnav .list li {width:180px;height:35px; line-height:35px; }
.subnav .list li a {display:block;height:35px; line-height:35px; color: #222; width:180px;border-bottom: 1px solid #ccc; transition:all .5s ease;}
.subnav .list li a:hover {color: #fff; background:#159e50}

.about-nav-img {width: 265px;float: left;margin: 20px 0 13px 28px;display: block;}
.about-nav-img img{ border:1px dashed #ccc}
.menu_button{cursor:pointer;width:50px;height:50px;margin:44px 0 0 10px;position: relative;z-index:999999;background-color: #1E5EB5;border-radius: 50%;box-shadow: 0 0 5px #1E5EB5}
.menu_button .nav_button{position: absolute;right:11px;top:25px;vertical-align: middle;border-radius:20px;width:36px;height:3px;cursor:pointer;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.menu_button .nav_button::after, .menu_button .nav_button::before{content:'';width:30px;height:3px;border-radius:20px;position: absolute;z-index:99999999;right:0;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.menu_button .nav_button::after{top:10px;}
.menu_button .nav_button::before{top:-10px;}
.menu_button.on .nav_button::before, .menu_button.on .nav_button::after{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-moz-transform: scale(0);}
.header.bg{background:rgba(47,110,204,0.95);padding:6px 0;}
.header.bg .logo img{height:50px !important;}
.header.bg ul{padding-top:6px;}
.header.bg .menu_button{width:50px;height:50px;margin:5px 0 0;}
.header.bg .menu_button .nav_button{width:26px;top:24px;}
.header.bg .menu_button .nav_button::after, .header.bg .nav_button::before{width:26px;}
.header.bg .menu_button .nav_button::after{top:11px;}
.header.bg .menu_button .nav_button::before{top:-11px;}
.header.bg .hrt{margin-top: 20px;}
.header.bg .auto .ttel{margin-top: 10px;}

.cut ul li a{color: #000;}
.cut ul li a.active, .cut ul li a:hover{color:#159e50;}

@media only screen and (max-width:1660px) {   
.header .auto>ul{ left:7%}
}
@media only screen and (max-width:1482px) {   
.header .auto>ul>li>a{ font-size:16px}
.header .auto>ul{ left:9%}
}
@media only screen and (max-width:1360px) {   
.header .auto>ul{ left:13%}
.header .auto>ul>li{float: left;width:12.5%;text-align: center; height: 45px; position:relative; overflow:hidden}
}
@media only screen and (max-width:1264px) {   
.header .auto>ul>li>a{ font-size:15px}
.header .auto>ul{ width:48%}
}
@media only screen and (max-width:1218px) {   
.header .auto>ul{ display:none}
}
@media only screen and (max-width:700px) {   
.top_tel{ display:none}
.header .logo img{ height:79px}
.menu_button{ margin:35px 0 0 10px}
}
@media only screen and (max-width:416px) {   
.header .logo img{ height:62px}
.menu_button .nav_button::after, .menu_button .nav_button::before{ width:19px}
.menu_button .nav_button{ width:25px; top:22px}
.menu_button{ width:44px; height:44px}
}


.fixed_footer{display: none;}
.menu_box{position: fixed;width:100%;height:100%;right:0;top:-100%;z-index:88888;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;background: url(../images/dy.jpg) top center no-repeat; background-size: cover;}
.menu_box .item{float: left;width:12.5%;overflow:auto;height:100%;}
.menu_box .item::-webkit-scrollbar{width:2px;height:2px;background-color:#f1f1f1;} 
.menu_box .item::-webkit-scrollbar-track{border-radius:0;background-color:#f1f1f1;}
.menu_box .item::-webkit-scrollbar-thumb{border-radius:0px;width:2px;height:2px;background-color:#db000b;}
.menu_box .item .pad{padding:70px 0 0 30px;text-align: left;}
.menu_box .item h4{font-size:23px;color:#fff;}
.menu_box .item i{display: block;width:30px;height:1px;background-color: #fff;margin:10px 0;}
.menu_box .item span{font-size:14px;color:#fff;}
.menu_box .item ul{padding-top:10px;width:auto;margin:0;}
.menu_box .item ul li{width:100%;text-align: left;}
.menu_box .item ul li a{font-size:16px;color:#fff;height:40px;line-height:40px;cursor:pointer;}
@media only screen and (max-width:1174px) {   
.menu_box .item .pad{ padding:128px 0 0 30px}
.menu_box .item h4{ font-size:18px}
}
@media only screen and (max-width:980px) {   
.menu_box .item .pad{ padding:0 0 0 30px}
.menu_box .item{ width:100%; height:auto}
.menu_box .item h4{ margin:0 0}
}

/********General**********/

.main{width:1200px;margin:auto;}
.navleft{width: 269px; float: left;}
.navleft a.logo{display: block; width: 269px; height: 85px; background: url(../images/images/logo.png) no-repeat center left;}
.navright{ position:absolute; right:-210px; top:18px; width:200px; z-index:9;}
.navright a.logo{ display: block; width: 212px; height: 50px; background: url(../images/images/logo_right.png) no-repeat center left;}

p{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; list-style-image: none; padding-top: 0px;}
ul{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; list-style-image: none; padding-top: 0px;}
li{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; list-style-image: none; padding-top: 0px;}

/*右侧滚动菜单*/
#fp-nav{position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;}
#fp-nav.right{right: 45px;}
#fp-nav ul li, .fp-slidesNav ul li{display: block;width: 30px;height: 20px;position:relative;}
#fp-nav ul li a, .fp-slidesNav ul li a{display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background: #333;border: 0px solid #e5e0da;height:13px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width:8px;height:8px;background: #777;border: 0px solid #777777;position: absolute;z-index: 1; border-radius:8px}
#fp-nav ul li .fp-tooltip{position: absolute;top: -15px;color: #ccc;font-size: 12px;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;}
#fp-nav ul li:hover .fp-tooltip{-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1;}
#fp-nav ul li .fp-tooltip.right{right: 40px;color: #333;background:#fff;padding:0 5px;border-radius:10px;}
@media only screen and (max-width:700px) {   
#fp-nav.right{ right:2px}
}

.section{position: relative; text-align: center; background-position: center; overflow: hidden;}

/**** section01 one 1****/
.section01{transition: all 2s;  background-size:100% 100%;background-image:url(../images/page01.jpg);transition-delay: 0s; background-repeat:no-repeat; background-position:center}
#background_video{position:absolute;top:0;left:0;object-fit:cover; width:100%; width:100%; height:100%}
#background_video source{  min-width: 100%;   min-height: 100%;  height: auto;  width: auto;  }
.video{ position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto}
#container h1{ z-index:10; font-size:40px; position:relative; color:#fff; font-weight:bold; display:none}
@media only screen and (max-width:680px) {   
#background_video { position: absolute;top: 0;left: 0;object-fit: fill; transform:none;width: 100%;right: 0;bottom: 0;height: 100%;}
}

#container{height:100%;}
#overlay{position:absolute;top:0;right:0;left:0;bottom:0;background:url(../images/vdian.png);opacity:0.7;filter:alpha(opacity=70);  /* 针对 IE8 以及更早的版本 */}
.box01{ top:290px; position:relative}
.box01 h1{ color:#fff; font-size:50px; font-weight:bold}
.box01 h2{ font-size:28px; padding-top:20px; color:#fff;}
@media only screen and (max-width:900px) {   
.box01{ top:210px}
.box01 h1{ font-size:40px}
}
@media only screen and (max-width:740px) {   
.box01 h1{ font-size:32px}
}
@media only screen and (max-width:518px) {   
.box01 h1{ font-size:27px}
.box01 h2{ font-size:20px}
}
@media only screen and (max-width:518px) {   
.box01 h1{ font-size:24px}
}
@media only screen and (max-width:420px) {   
.box01 h1{ font-size:20px}
}

/**** section02 two 2****/
.section02{ transition: all 2s;transition-delay: 0s;background-image:url(../images/page02.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%}
.box02{ top:130px; position:relative}
.box02 h1{ font-size:56px; font-weight:bold; padding-top:80px; color:#fff}
.box02 h2{ font-size:24px; line-height:60px; color:#fff}
.box02 ul{ width:322px; margin:0 auto; padding-top:90px}
.box02 ul li{ width:150px; height:50px; border-radius:26px; background: rgba(0,148,218,0.8); float:left; margin-right:20px; line-height:50px}
.box02 ul li a{ color:#FFF}
.box02 ul li a em{ font-size:15px}
.box02 ul li a span{ padding-left:10px}
.box02 ul li:nth-child(2){ margin-right:0}
@media only screen and (max-width:1820px) {   
.box02{ top:90px}
}
@media only screen and (max-width:1200px) {   
.box02 h1{ font-size:44px}
.box02 h2{ font-size:20px}
}
@media only screen and (max-width:860px) {   
.box02 h1{ font-size:37px}
.box02 h2{ font-size:17px}
}
@media only screen and (max-width:590px) {   
.box02{ left:3%; width:97%; }
.box02 h1{text-align:left; font-size:32px}
.box02 h2{text-align:left; line-height:29px}
.box02 ul{ margin:auto; float:left}
.box02 ul li{ border-radius:0}
}
@media only screen and (max-width:590px) {   
}



/***** 标题******/
.sybt{}
.sybt h1{ text-align:center; font-size:35px;}
.sybt h2{ text-align:center; font-size:17px}

/**** section03 three 3****/
.section03{background-image:url(../images/box03.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%}
.albox b{display: block;}
.albox h5{display: inline-block;border-bottom: 1px solid rgba(255,255,255,0.2);font-weight: 400; font-size:20px}
.albox h5 span{font-size: 50px; font-weight:bold; color:#ff0000;}
.albox {position: absolute;display: block;width: 100%;height: 33.3333%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;text-align: center;padding: 3%;color: #fff;box-sizing: border-box;z-index: 9; background:#2464C4}
.albox_w{ width:50%; margin:0 auto}
.albox p{line-height: 30px;margin-top: 10px;}
.albox a{display: inline-block;color: #fff;padding-left: 70px;position: relative;}
.albox a::after,.section2 .albox a::before{content: "";display: block;overflow: hidden;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;transition: .5s;}
.albox a::after{width: 60px;height: 1px;background: rgba(255,255,255,0.2);}
.albox a::before{width: 7px;height: 7px;border-radius: 50%;background: rgba(255,255,255,1);}
.albox a:hover{color: #ff9a00;}
.albox a:hover::before{left: 60px;background: #ff9a00;}
.section03 ul{width: 100%;height: 100%;display: block;}
.section03 ul li{width: 25%;height: 33.3333%; overflow: hidden;  position: relative; }
.section03 ul li h3{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: inline-block;width: 150px;line-height: 40px;height: 40px;background: rgba(68, 153, 200, .95);text-align: center;color: #fff;opacity: 0;transition: .5s; overflow:hidden}
.section03 ul li img{transition: .5s; width:100%; height:100%}
.section03 ul li:hover img{transform:scale(1.1,1.1);}
.section03 ul li:hover h3{opacity: 1;}
@media only screen and (max-width:1380px) {  
.section03 ul li{width: 25%;}
}
@media only screen and (max-width:970px) {  
.section03 ul li{ width:33.33%}
}
@media only screen and (max-width:750px) {  
.albox h5{ margin:0} 
.albox h5 span{ font-size:36px;}
.albox_w{ width:78%}
}
@media only screen and (max-width:600px) {  
.section03 ul li{ width:50%}
.albox p{ line-height:22px}
}


/**** section06 4 ****/
.section06{background-image:url(../images/page06.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%}
.box06{ width:100%; margin:0 auto}
.middle_box{display: table;width: 100%;height: 100%;margin-top: -20px;}
.middle_box .middle{display: table-cell;vertical-align: middle;width: 100%;text-align: center;}
.pub_title h3{text-align: center;text-indent: -.3em;margin-top: 10px;}
.pub_title{text-align: center;color: #fff;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.pub_title h3{font-weight: 700;}
.pub_title p{font-weight: 400;}
.pub_title h3 span{font-size: 65px; font-weight: bold;color: #ff0000;   }

.sygs{width: 640px;height:640px;text-align: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: rgba(34 133 223 / 40%);border-radius: 50%;overflow: hidden;box-sizing: border-box;padding: 0 50px;z-index: 9;}
.sygs .img{text-align: center;}
.sygs .img img{display: inline-block;}
.sygs .sygswz{color:#fff;line-height:200%;margin-top: 10px;}
.sygs a.more{color: #fff;padding-left: 70px;position: relative;float: right;}
.sygs a.more::after,.section5 .sygs a.more::before{content: "";display: block;overflow: hidden;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;transition: .5s;}
.sygs a.more::after{width: 60px;height: 1px;background: rgba(255,255,255,0.5);}
.sygs a.more::before{width: 7px;height: 7px;border-radius: 50%;background: rgba(255,255,255,1);}
.sygs a.more:hover{color: #ff9a00;}
.sygs a.more:hover::before{left: 60px;background: #ff9a00;}
.yuan{height: 570px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.mainline{position:absolute;z-index: 6;top:0;left:0;width:100%;height:100%;}
.mainl1{ position:absolute;top:50%;left:50%; background:#fff; margin:-220px 0 0 230px; width:200px; height:1px; }
.mainl2{ position:absolute;top:50%;left:50%; background:#fff; margin:-250px 0 0 190px; width:80px; height:1px; }
.mainl3{ position:absolute;top:50%;left:50%; background:#fff; margin:-180px 0 0 260px; width:60px; height:1px; }
.mainl4{ position:absolute;top:50%;left:50%; background:#fff; margin:230px 0 0 -210px; width:220px; height:1px; }
.mainl5{ position:absolute;top:50%;left:50%; background:#fff; margin:190px 0 0 -250px; width:100px; height:1px; }
.mainl6{ position:absolute;top:50%;left:50%; background:#fff; margin:270px 0 0 -160px; width:70px; height:1px; }
.mainline2{ position:absolute; z-index: 6; top:50%; left:50%; margin:-500px 0 0 -500px; width:1000px; height:1000px; border-left: 1px solid rgba(255,255,255,1); border-right: 1px solid rgba(255,255,255,1); border-bottom: 1px solid rgba(255,255,255,.2); border-top: 1px solid rgba(255,255,255,.2); border-radius: 100%; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
.mainla{position:absolute;top:50%;left:50%;background:#fff;margin:0 0 0 -550px;width:200px;height:1px;opacity: 1;}
.mainlb{position:absolute;top:50%;left:50%;background:#fff;margin:0 0 0 350px;width:200px;height:1px;opacity: 1;}
.mainld1{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 -502px;width:4px;height:4px;border-radius: 100%;opacity: 1;}
.mainld2{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 498px;width:4px;height:4px;border-radius: 100%;opacity: 1;}
.mainld3{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 -401px;width:4px;height:4px;border-radius: 100%;opacity: 1;}
.mainld4{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 399px;width:4px;height:4px;border-radius: 100%;opacity: 1;}
.mainlr{ position:absolute; top:50%; left:50%; background:rgba(0,10,50,.05); margin:-400px 0 0 -400px; width:800px; height:800px; border-left: 1px solid rgba(255,255,255,1); border-right: 1px solid rgba(255,255,255,1); border-bottom: 1px solid rgba(255,255,255,.3); border-top: 1px solid rgba(255,255,255,.3); border-radius: 100%; }
.mainline2{-webkit-animation: mainline2xz 8s infinite alternate;-moz-animation: mainline2xz 8s infinite alternate;-o-animation: mainline2xz 8s infinite alternate;animation: mainline2xz 8s infinite alternate;}
.about_type{margin:0 auto;box-sizing:border-box; padding-top:20px}
.about_type ul{text-align:center;margin:0 auto;}
.about_type h4{color:#fff;margin-top:0;}
.about_type em{color:#fff;font-family:impact;}
.about_type li{width:32%;text-align:center;display:inline-block;margin-bottom:15px;box-sizing:border-box;}
.about_type li:nth-child(n+2){border-left:1px solid rgba(255,255,255,0.25);}
.about_type li p{margin-top:10px;color:#fff;}
@media only screen and (max-width:834px) {   
.yuan{height:400px;}
.sygs{ width:510px; height:510px}
.pub_title h3{ font-size:21px; margin-top:42px}
.about_type{ display:none}
}
@media only screen and (max-width:540px) {   
.sygs{ width:400px; height:400px}
.pub_title h3{ font-size:15px; margin-top:48px}
.sygswz p{ height:131px; overflow:hidden}
.f_16{ font-size:13px}
}
@media only screen and (max-width:422px) {   
.sygs{ width:329px; height:329px}
}

@-webkit-keyframes mainline2xz {
 from {-webkit-transform: rotate(90deg)}
 to {-webkit-transform: rotate(0deg)}
}
@-moz-keyframes mainline2xz {
 from {-moz-transform: rotate(90deg)}
to {-moz-transform: rotate(0deg)}
}
@-o-keyframes mainline2xz {
 from {-o-transform: rotate(90deg)}
to {-o-transform: rotate(0deg)}
}
@keyframes mainline2xz {
 from {transform: rotate(90deg)}
to {transform: rotate(0deg)}
}
.mainl1{
	transform: rotate(-45deg);
	transform-origin:0 0;
	-ms-transform: rotate(-45deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(-45deg);
	-o-transform-origin:0 0;
	animation:line1move 1.5s infinite alternate;
	animation-delay:3s;
	-webkit-animation:line1move 1.5s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line1move 1.5s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line1move 1.5s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line1move{
	from {width:200px;}
	to {width:0px;}
}
@-webkit-keyframes line1move{
	from {width:200px;}
	to {width:0px;}
}
@-moz-keyframes line1move{
	from {width:200px;}
	to {width:0px;}
}
@-o-keyframes line1move{
	from {width:200px;}
	to {width:0px;}
}


.mainl2{
	transform: rotate(-45deg);
	transform-origin:0 0;
	-ms-transform: rotate(-45deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(-45deg);
	-o-transform-origin:0 0;
	animation:line2move 1.2s infinite alternate;
	animation-delay:3s;
	-webkit-animation:line2move 1.2s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line2move 1.2s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line2move 1.2s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line2move{
	from{width:80px;}
	to{width:0px;}
}
@-webkit-keyframes line2move{
	from {width:80px;}
	to {width:0px;}
}
@-moz-keyframes line2move{
	from {width:80px;}
	to {width:0px;}
}
@-o-keyframes line2move{
	from {width:80px;}
	to {width:0px;}
}
.mainl3{
	transform: rotate(-45deg);
	transform-origin:0 0;
	-ms-transform: rotate(-45deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(-45deg);
	-o-transform-origin:0 0;
	animation:line3move 1s infinite alternate;
	animation-delay:3s;
		-webkit-animation:line3move 1s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line3move 1s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line3move 1s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line3move{
	from{width:60px;}
	to{width:0px;}
}
@-webkit-keyframes line3move{
	from {width:60px;}
	to {width:0px;}
}
@-moz-keyframes line3move{
	from {width:60px;}
	to {width:0px;}
}
@-o-keyframes line3move{
	from {width:60px;}
	to {width:0px;}
}
.mainl4{
	transform: rotate(135deg);
	transform-origin:0 0;
	-ms-transform: rotate(135deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(135deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(135deg);
	-o-transform-origin:0 0;
	animation:line4move 1.5s infinite alternate;
	animation-delay:3s;
	-webkit-animation:line4move 1.5s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line4move 1.5s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line4move 1.5s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line4move{
	from{width:0px;}
	to{width:220px;}
}
@-webkit-keyframes line4move{
	from {width:0px;}
	to {width:200px;}
}
@-moz-keyframes line4move{
	from {width:0px;}
	to {width:200px;}
}
@-o-keyframes line4move{
	from {width:0px;}
	to {width:200px;}
}
.mainl5{
	transform: rotate(135deg);
	transform-origin:0 0;
	-ms-transform: rotate(135deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(135deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(135deg);
	-o-transform-origin:0 0;
	animation:line5move 1.2s infinite alternate;
	animation-delay:3s;
	-webkit-animation:line5move 1.2s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line5move 1.2s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line5move 1.2s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line5move{
	from{width:0px;}
	to{width:100px;}
}
@-webkit-keyframes line5move{
	from {width:0px;}
	to {width:100px;}
}
@-moz-keyframes line5move{
	from {width:0px;}
	to {width:100px;}
}
@-o-keyframes line5move{
	from {width:0px;}
	to {width:100px;}
}
.mainl6{
	transform: rotate(135deg);
	transform-origin:0 0;
	-ms-transform: rotate(135deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(135deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(135deg);
	-o-transform-origin:0 0;
	animation:line6move 1s infinite alternate;
	animation-delay:3s;
	-webkit-animation:line6move 1s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line6move 1s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line6move 1s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line6move{
	from{width:0px;}
	to{width:70px;}
}
@-webkit-keyframes line6move{
	from {width:0px;}
	to {width:70px;}
}
@-moz-keyframes line6move{
	from {width:0px;}
	to {width:70px;}
}
@-o-keyframes line6move{
	from {width:0px;}
	to {width:70px;}
}


/**** section07 5 ****/
.section07{ transition: all 2s;background-image:url(../images/page07.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%; transition-delay: 0s;}
.box07{ top:32%; position: relative; width:88%; margin-left:4%}
.section07_r { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 28%; padding: 1rem 0; color: #fff; position: absolute;right: 20%;z-index: 9;top: 0;bottom: 0;}
.section07_r h2{ font-size:40px; padding-bottom:16px}
.section07_r a h2{ color:#fff}
.section07_r p { margin-bottom: 0.6rem; font-size:20px}
.section07_r a p{ color:#fff}
.section07_r .button { box-sizing: border-box; display: inline-block; padding: 10px 20px; border: 2px solid #fff; text-align: center; cursor: pointer; transition: all 0.3s ease-out; color: #fff; }
.section07_r .button:hover { background: #3667f5; border-color: #3667f5; color: #fff; }
.tab{width:100%;margin:0 auto;height:100%;}
.tab-hd{zoom:1;width:35%;position:absolute;left:10%;margin:auto;z-index:9;height:100%; display: flex; flex-wrap: wrap;}
.tab-hd li{transition:all 0.3s;color:#fff;display: flex; flex-direction: column; align-items: flex-start; justify-content: center; box-sizing: border-box; width: 50%; height: 34vh; padding: 0 5%; border: 1px solid #fff;font-size:14px;cursor: pointer;}
.tab-hd li:nth-child(n+5){display: none;}
.tab-hd li:nth-child(1){margin-right: 50%;}
.tab-hd li:nth-child(4){margin-left: 50%;}
.tab-hd li strong{margin: 10px 0 5px 0;display: block;transition: .5s;}
.tab-hd li p{font-weight: 400;display: none;}
.tab-hd li a{color:#fff;display: inline-block;}
.tab-hd li a.more{line-height:40px;display:block;margin:25% 0 0;background: url(../images/b4.png) no-repeat 80px center;text-align: left;display: none;}
.tab-hd li a.more:hover{background:url(../images/b4.png) no-repeat 90px center rgba(21,158,80,0.808);color:#fff;border:1px solid rgba(21,158,80,0.808);}
.tab-hd li.active{color:#fff;background:rgba(82, 145, 237, .9);border-color: rgba(65, 129, 222, .9) !important;}
.tab-hd li.active strong{font-size: 32px;}
.tab-hd li.active p,.tab-hd li.active a{display: block;}
.tab-hd li.active img{display: none;}
.tab-bd{width:100%;height:100%;position:relative;}
.tab-bd li{display:none;width:100%!important;height:100%!important;opacity: .7;}
.tab-bd li:nth-of-type(1){background:url(../images/11.jpg) top center no-repeat;background-size:100% 100%;width:100%!important;height:100%!important;}
.tab-bd li:nth-of-type(2){background:url(../images/22.jpg) top center no-repeat;background-size:100% 100%;width:100%;height:100%;}
.tab-bd li:nth-of-type(3){background:url(../images/33.jpg) top center no-repeat;background-size:100% 100%;width:100%;height:100%;}
.tab-bd li:nth-of-type(4){background:url(../images/44.jpg) top center no-repeat;background-size:100% 100%;width:100%;height:100%;}
.tab-bd li.thisclass{display:list-item;}
@media only screen and (max-width:1210px) {   
.tab-hd li strong{ font-size:19px}
.section07_r p{ font-size:26px}
}
@media only screen and (max-width:906px) {   
.tab-hd li img{ width:70%}
}
@media only screen and (max-width:744px) {   
.tab-hd{ display:none}
.section07_r{ right:10%; width:84%}
.section07_r p{ text-align:left}
.section07_r h2{ font-size:32px}
}
@media only screen and (max-width:520px) {   
.section07_r h2{ font-size:25px}
}
@media only screen and (max-width:410px) {   
.section07_r h2{ font-size:20px}
}

/**** section08 6 ****/
.section08{transition-delay: 0s;transition: all 2s;background-image:url(../images/page08.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.box08{ top:130px; position: relative; width:70%; margin:0 auto;opacity:0;transition: all 1s;}
.active .box08{opacity: 1; top:130px; transition-delay: 1.1s; animation-name: fadeInLeft;    -webkit-animation: fadeInLeft;}
.box08 h2{ padding-bottom:33px; color:#fff}
.box08 h2 b{ font-size:40px}
.box08 h2 span{ display:block; font-size:20px; padding-top:10px}
.box08 dl{float: left;width: 25%;height: 510px;background: rgba(82, 145, 237, .5);}
.box08 dl dt{height: 255px;overflow: hidden;}
.box08 dl dt span{display: block;height: 60px;line-height: 60px;margin-top: 56px;margin-bottom: 14px;font-size: 20px;color: #0A274D;text-align: center;font-weight: bold;}
.box08 dl.dl01 dt span{background: url(../images/xz/why_ico1.png) no-repeat center top;}
.box08 dl.dl02 dt span{background: url(../images/xz/why_ico2.png) no-repeat center top;}
.box08 dl.dl03 dt span{background: url(../images/xz/why_ico3.png) no-repeat center top;}
.box08 dl.dl04 dt span{background: url(../images/xz/why_ico4.png) no-repeat center top;}
.box08 dl dt p{padding-top: 16px;font-size: 16px;color: #fff;line-height: 24px;text-align: center;background: url(../images/xz/why_ss.jpg) no-repeat center top;}
.box08 dl dd{width:100%;height: 255px; overflow:hidden; margin:0}
.box08 dl dd img{width:100%}
@media only screen and (max-width:1500px) {   
.box08{ width:78%}
}
@media only screen and (max-width:1386px) {   
.box08 dl dt span{ font-size:29px; margin-bottom:0}
.box08 h2 b{ font-size:32px}
.box08 dl{height: 400px;}
.box08 dl dt{height: 200px;}
.box08 dl dd{height: 200px;}
.box08 dl dt span{ font-size:21px; margin-top:23px}
.box08 dl dt p{ padding-top:8px}
}
@media only screen and (max-width:1030px) {   
.box08 dl{height:300px;}
.box08 dl dt{height:150px;}
.box08 dl dd{height:150px;}
.box08 dl dt p{ font-size:14px}
.box08 dl dt span{ margin-top:14px}
}
@media only screen and (max-width:782px) {   
.box08 h2 b{ font-size:24px}
.box08 h2 span{ font-size:15px}
.box08 h2{ margin-bottom:0}
.box08 dl{ width:49%}
.dl03{ display:none}
.dl04{ display:none}
}
@media only screen and (max-width:410px) {   
.box08{ width:86%}
}
@media only screen and (max-width:378px) {   
.box08 dl{height:260px;}
.box08 dl dt{height:130px;}
.box08 dl dd{height:130px;}
}



/****资讯中心 four ****/
.section04{transition-delay: 0s;transition: all 2s;background-image:url(../images/page04.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.box04{}
.box04 h2{ font-size:27px}
.news_box{width:82%;position:absolute;top:100px;opacity:0;transition: all 1s; left:9%}
.active .news_box{opacity: 1; top:140px; transition-delay: 1s;}
.news_box_bt{ margin-bottom:20px}
.news_box_bt h1{ font-size:29px; font-weight:bold; color:#FFF}
.news_box .news_tit{width:319px; height:38px; margin:auto;}
.news_box .news_tit h3 a{float:left; width:140px; height:38px; line-height:38px; text-align:center; font-size:16px; color:#303030; font-weight:normal; background:#fff; border-radius:38px; margin:0 8px;}
.news_box .news_tit .active a{background:#2285DF; border-radius:38px; color:#fff;}

.news_box .news_list1 dl{background:rgba(242,242,242,0.8); cursor:pointer; margin-top:28px; width:calc(94%/4); float:left; margin-right:2%}
.news_box .news_list1 dl:last-child{ margin-right:0}
.news_box .news_list1 dl dd{height:214px; margin:15px 15px 0; overflow:hidden;}
.news_box .news_list1 dl:nth-child(1) dd{ background: url(../images/x01.jpg) no-repeat; background-size:cover}
.news_box .news_list1 dl:nth-child(2) dd{ background: url(../images/x02.jpg) no-repeat; background-size:cover}
.news_box .news_list1 dl:nth-child(3) dd{ background: url(../images/x03.jpg) no-repeat; background-size:cover}
.news_box .news_list1 dl:nth-child(4) dd{ background: url(../images/x04.jpg) no-repeat; background-size:cover}
.four_t{ width:124px; height:47px; background:url(../images/bb.jpg) no-repeat; background-size:100% 100%; position:absolute; top:81px; margin-left:15px}
.news_box .news_list1 dl dt{ padding:0 15px 15px;}
.news_box .news_list1 dl dt .news_top{ text-align:left; padding-top:13px}
.news_box .news_list1 dl dt .news_top h1{font-size:16px; color:#08467E; line-height:30px; width:100%; height:30px; overflow:hidden}
.news_box .news_list1 dl dt .news_top p{font-size:14px; line-height:24px; color:#666; height:48px; overflow:hidden;}
.news_box .news_list1 dl dt .news_botm{}
.news_box .news_list1 dl dt .news_botm h1{font-size:18px;color:#86A7C6; display:block; line-height:47px; font-weight:normal; text-align:left}
.news_box .news_list1 dl dt .news_botm a{display:block; width:98px; height:33px; color:#9b9b9b; text-align:center; line-height:33px; background:#fff}
.news_box .news_list1 dl:hover{background:#2285DF;}
.news_box .news_list1 dl:hover dt .news_top h1{color:#fff; font-weight:bold;}
.news_box .news_list1 dl:hover dt .news_top a{color:#fff; font-weight:bold;}
.news_box .news_list1 dl:hover dt .news_top p{color:#ddd;}
.news_box .news_list1 dl:hover dt .news_botm b{color:#ddd;}
.news_box .news_list1 dl:hover dt .news_botm a{border:1px solid #fff; color:#ddd;}
.p4-more{position: absolute; text-align: center; top: 100%; width: 140px; height: 38px; margin-left: -70px; left: 50%; opacity: 0; transition: all 1s;}
.active .p4-more{opacity: 1; top: 94%; transition-delay: 1s;}
.p4-more a{line-height: 38px; display: block;width: 138px; height: 36px; border-radius: 36px;border:1px solid #999; color: #333; font-size: 14px; transition: all 500ms;}
.p4-more a:hover{background: #00693e;border:1px solid #00693e; color: #fff;}
@media only screen and (max-width:1314px) {   
.news_box .news_list1 dl{ width:calc(94%/3)}
.news_box .news_list1 dl:last-child{ display:none}
}
@media only screen and (max-width:1142px) {   
.active .news_box{ top:127px}
}
@media only screen and (max-width:1030px) {   
.news_box .news_list1 dl:nth-child(3){ display:none}
.news_box .news_list1 dl{ width:calc(94%/2)}
}
@media only screen and (max-width:660px) {   
.active .news_box{ top:103px}
}
@media only screen and (max-width:622px) {   
.news_box .news_list1 dl:nth-child(2){ display:none}
.news_box .news_list1 dl{ width:calc(94%/1)}
}
@media only screen and (max-width:440px) {   
.news_box_bt h1{ font-size:25px}
}

/****联系我们 8****/
.section05{transition-delay: 0s;transition: all 2s;background-image:url(../images/page05.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.box05{ background:url(../images/tm.png) repeat; width:100%; height:100%; padding-top:230px; transition-delay: 2s;opacity: 1}
.sylx{ width:1030px; margin:0 auto; background:rgba(255,255,255,0.5); padding:70px; border-radius:60px;opacity:0;transition: all 1s;}
.active .sylx{opacity: 1; top:140px; transition-delay: 1s;}
.sylx_l{ float:left; text-align:left; width:49%}
.sylx_l h1{ font-weight:bold; font-size:25px}
.sylx_l li{ font-size:16px; line-height:30px}
.sylx_r{color:#FFF; transition: all 1s; float:right; width:39%;opacity: 1; padding-top:37px}
.sylx_r span{ width:42%; margin-right:10%; float:left;}
.sylx_r span:nth-child(2){ margin-right:0}
.sylx_r span img{ width:100%}
.sylx_r span b{ color:#333; line-height:30px; font-size:17px; font-variant:normal}
.stbq{ font-size:14px; color:#000000; line-height:30px; float:left; text-align:left}
.stbq h2{ font-size:14px; }
.hude{ width:168px; height:168px; background:url(../images/hude.png) no-repeat center; background-size:100% 100%; position:absolute; margin-top:-93px; margin-left:298px}
@media only screen and (max-width:1398px) {   
.sylx{ width:73%}
}
@media only screen and (max-width:1262px) {   
.sylx_r{ width:50%}
}
@media only screen and (max-width:1022px) {   
.hude{ margin-left:9%; margin-top:-111px}
.sylx{ width:66%}
}
@media only screen and (max-width:988px) {   
.sylx_l h1{ font-size:19px}
.sylx_l li{ font-size:15px; line-height:25px}
.sylx{ padding:30px; width:68%}
}
@media only screen and (max-width:768px) {   
.box05{ padding-top:178px}
.hude{ width:131px; height:131px; margin-top:-84px; }
.sylx_l{ width:100%}
.sylx_r{ width:100%; padding-top:12px}
.sylx_r span{ width:45%}
}

/*内页*/
.sfl01{ width:100%;margin:0 auto; margin-top:20px; margin-bottom:20px}
.sfl01 ul{ width:100%; }
.sfl01 ul li{width:calc(94%/6);height:50px; float:left;overflow:hidden; background:#efefef; margin:0% 0.5% 1% 0.5%; text-align:center}
.sfl01 ul li a{color:#000; font:14px/50px "Microsoft Yahei"; padding:0% 5%;}
.sfl01 ul li:hover{background:#0E61B2;}
.sfl01 ul li:hover a{ color:#fff}
@media only screen and (max-width:1200px) {   
.sfl01 ul{ width:100%} 
.sfl01{ width:100%}
.sfl01 ul li{width:calc(97%/3);}
}

.nymain{ width:100%; margin:0 auto}

/*ny bt*/
.ny_bt{ height:60px; background:#f5f5f5; line-height:60px}
.ny_bt img{ float: left; width:25px; margin-top:16px; margin-right:10px}
.ny_bt a{ line-height:60px}
.contact{ width:1600px; margin:0 auto}
.contact1{ line-height:37px; font-size:15px; width:1600px; margin:20px auto}
@media only screen and (max-width:1610px) { 
.contact{ width:95%}
.contact1{ width:95%}
}
@media only screen and (max-width:560px) { 
.ny_bt .fr{ display:none}
}

/*关于我们*/
.nyabout{ padding-top:20px; padding-bottom:20px}
.nyabout p{ font-size:16px; line-height:32px}

/*ny lxwm*/
.about_nav ul li{ width: 24%;position: relative;float: left; margin-right:0.5%; margin-left:0.5%}
.about_nav ul li img{ width:100%}
.about_nav ul li h3{ position: absolute;bottom: 0;left: 0;width: 100%;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);color: #fff;line-height: 60px;box-sizing: border-box;padding: 0 20px;white-space: nowrap;text-overflow: ellipsis; transition: .5s; text-align:center}
.about_nav ul a li:hover h3{ background:rgba(21, 158, 80, .7);height: 100%;text-align: center;font-size: 30px;font-weight: 700;}
@media only screen and (max-width:900px) { 
.about_nav ul li{ width:46%; margin-right:4%; margin-bottom:2%}
.about_nav ul a:nth-child(2n) li{ margin-right:0}
}

/*详情页*/
.sfl{ width:20%;margin-top:20px; margin-bottom:20px; float:left; background:#3975CF}
.sfl_bt{ text-align:center; color:#fff; padding:20px 0}
.sfl_bt h1{ font-size:32px;}
.sfl_bt h2{ font-size:20px}
.sfl ul{ width:100%; }
.sfl ul li{width:90%;height:45px;overflow:hidden; background:#fff; margin:0 auto 10px}
.sfl ul li a{ font:14px/45px "Microsoft Yahei"; padding:0% 5%;}
.sfl ul li:hover{background:#0E61B2;}
.sfl ul li:hover a{ color:#fff}
.sfl ul li:nth-child(n+13){ display:none} 
.sfl_lx{ border-top:9px #fff solid; padding:20px 4% 20px}
.sfl_lx h4{ font-size:20px; color:#FFF; font-weight:bold; line-height:26px; padding-bottom:10px}
.sfl_lx p{ color:#fff; line-height:25px; font-size:15px}
.sfl_lx h3{ width:60%;background:#fff; height:40px; line-height:40px; text-align:center; font-size:15px; font-weight:bold; margin-top:10px}

.productlista{ float:right; width:75%; float:right; margin-top:20px}
.productlista dl{ width:32.6%; float:left; margin-right:1%; margin-bottom:20px;}
.productlista dl:nth-child(3n){ margin-right:0}
.productlista dl:hover{ background:#fff}
.productlista dl dt{  overflow:hidden;}
.productlista dl dt a{ width:100%}
.productlista dl dt a img{ width:100%; height: auto; vertical-align:middle;transition: all .4s ease-in-out;}
.productlista dl dt a:hover img {transform: translateZ(0) scale(1.12);}
.productlista dl dd{ height:40px; line-height:40px; text-align:center; overflow:hidden}
.productlista dl dd a{ height:40px; line-height:40px; font-size:16px}
@media screen and (max-width:1294px){
.sfl{ width:26%}
.productlista{ width:70%}
.productlista dl dt{ height:200px}
.productlista dl{ margin-bottom:0}
}
@media screen and (max-width:1008px){
.sfl{ width:100%; background:#fff}
.sfl_bt{ display:none}
.sfl ul li{ width:calc(100%/6); margin:0; float:left}
.sfl_lx{ display:none}
.productlista{ width:100%; margin-top:0}
.productlista dl dt{ height:auto}
}
@media screen and (max-width:680px){
.productlista dl{ width:49%; margin-right:2%}
.productlista dl:nth-child(3n){ margin-right:2%}
.productlista dl:nth-child(2n){ margin-right:0}
}

/**/
.productlist2{ float:right; width:100%; margin:20px auto 0}
.productlist2 dl{ width:24.2%; float:left; margin-right:1%; margin-bottom:20px;}
.productlist2 dl:nth-child(4n){ margin-right:0}
.productlist2 dl:hover{ background:#fff}
.productlist2 dl dt{  overflow:hidden;}
.productlist2 dl dt a{ width:100%}
.productlist2 dl dt a img{ width:100%; height: auto; vertical-align:middle;transition: all .4s ease-in-out;}
.productlist2 dl dt a:hover img {transform: translateZ(0) scale(1.12);}
.productlist2 dl dd{ height:50px; line-height:50px; text-align:center; overflow:hidden; background:#f5f5f5}
.productlist2 dl dd a{ height:50px; line-height:50px; font-size:16px}

/**/
.nr{ width:75%; float:right; margin-top:20px}
.nr p{ font-size:15px; line-height:27px}
.rel_center0{ text-align:center}
.pro_name{ text-align:center; margin-top:1%}
.pro_name h2{ font-size:24px; font-weight:normal}
@media only screen and (max-width:1294px) {
.nr{ width:72%}
}
@media only screen and (max-width:1008px) {
.nr{ width:96%; background:#f5f5f5; padding-top:20px; margin-top:0; padding:20px 2% }
}

/**/
.xwzx{}
.xwzx ul{ list-style-type:none}
.xwzx ul li{ border-bottom:1px dotted #ccc; height:35px; line-height:35px}
.xwzx ul li span{ float:right; font-size:12px}
@media only screen and (max-width:680px) {
	.xwzx ul li a{ width:70%; float:left; height:35px; overflow:hidden}
	.xwzx ul li span{ width:25%; text-align:right}
}

.ipro{}
.ipro dl{ width:24%; float:left; margin-right:0.5%; margin-left:0.5%}
.ipro dl dt{ width:100%; height:250px; overflow:hidden}
.ipro dl dt a{ width:100%}
.ipro dl dt a img{ width:100%; height: auto; vertical-align:middle; }
.ipro dl dd{ height:35px; line-height:35px; text-align:center; width:100%; overflow:hidden; margin:0 auto}
.ipro dl dd a{ height:35px; line-height:35px}
@media only screen and (max-width:1008px) {
.ipro dl dt{height: auto; }
}
@media only screen and (max-width:500px) {
.ipro dl{ width:49%}
}

/*ny 产品*/
.productlist{ margin-top:20px}
.productlist dl{ width:100%; float:left; margin-right:1%; margin-bottom:35px}
.productlist dl:nth-child(4n){ margin-right:0}
.productlist dl:hover{ background:#fff}
.list_bt{ overflow:hidden; font-size:49px; height:60px; line-height:60px; background:#EDF2F7; margin-bottom:10px}
.list_bt h1{ float:left; font-size:25px; padding-left:1%}
.list_bt h2{ float:right; font-size:25px; padding-right:1%}
.list_tu{ float:left; width:calc(95%/5); margin-right:1%}
.list_tu dt{}
.list_tu dt img{ width:100%}
.list_tu dd{}
.productlist dl dt a{ width:100%}
.productlist dl dt a img{ width:100%; height: auto; vertical-align:middle;transition: all .4s ease-in-out;}
.productlist dl dt a:hover img {transform: translateZ(0) scale(1.12);}
.productlist dl dd{ height:50px; line-height:50px; text-align:center; overflow:hidden; margin:0 auto; background:#f2f2f2}
.productlist dl dd a{ height:50px; line-height:50px}
@media screen and (max-width:1260px){
.list_tu{width:calc(95%/4);}
.list_tu:nth-of-type(n+6){ display:none}
}
@media screen and (max-width:920px){
.list_tu{width:calc(97%/3);}	
.list_tu:nth-of-type(n+5){ display:none}
}
@media screen and (max-width:690px){
.list_tu{width:calc(98%/2);}
.list_tu:nth-of-type(n+5){ display: block}
.list_tu:nth-of-type(n+6){ display: none}
.list_bt h2{ font-size:18px}
}

.page { margin:0px auto; width:1600px; padding-top:10px; padding-bottom:8px}
.page ul li{float:left; border:1px solid #e5e5e5; padding:0 5px; height:20px; line-height:20px; overflow:hidden; color:#000; margin:0 3px 3px;}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}
@media screen and (max-width:1610px){
.page { width:95%}	
}


.nr_cp_l{ float:left; width:40%}
.rel_center0 img{ width:100%}
.nr_cp_r{ float:right; width:58%; padding-left:2%; padding-top:76px}
.nr_cp_r h1{ font-size:30px;}
.nr_cp_r .info_1{margin:10px 0 0;}
.nr_cp_r .info_1 .dh{color:#555;margin-bottom:10px;height:40px;line-height:40px;cursor:help;font-family:impact;font-size:26px;margin-bottom:10px;letter-spacing:2px;}
.nr_cp_r .info_1 .dh a{display: inline-block;color:#555;}
.nr_cp_r .info_1 .dh img{display: inline-block;vertical-align: middle;width:30px;margin-right:12px;}
.nr_cp_r .info_1 .dh span{font-size:18px;display: inline-block;vertical-align: middle;color:#555;letter-spacing:0px;}
.nr_cp_r .info_2{padding:10px;}
@media screen and (max-width:710px){
.nr_cp_l{ width:100%}
.nr_cp_r{ width:100%; padding-top:14px}
.nr_cp_r h1{ font-size:25px}
.nr_cp_r .info_1 .dh span{ font-size:17px}
.nr_cp_r .info_1 .dh{ height:32px; line-height:32px}
}

.info_title{width:100%;text-transform:uppercase;margin-bottom:20px;}
.info_title h3{font-size:18px;text-align:left;padding:36px 0 10px 0;border-bottom:1px solid #ddd;}
.info_title h3 span{font-family:'Arial';font-size:15px;}
.info_title hr{width:44px;height:2px;background:#5F5F5F;border:none;margin:-11px auto 0 auto;}

.title{ text-align:center; font-size:19px; font-weight:bold; margin-bottom:1%}
.info{ text-align:center; width:40%; border-bottom:1px #A5A2A2 solid; border-top:1px #A5A2A2 solid; margin:0 auto; margin-bottom:20px}
@media only screen and (max-width:680px) {
.info{ width:100%}
.contact1 img{ width:100%}
}

.newslist{}
.newslist dl{ list-style-type:none; border-bottom:1px dotted #ccc; }
.newslist dl dd{ overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist dl dd a{ font-size:14px; color:#000; font-family:"微软雅黑"; font-weight:bold}
.newslist dl dd span{ float:right; font-weight:normal}
.newslist dl dt{line-height:28px; margin-bottom:5px; display:block; height:84px; overflow:hidden}
@media only screen and (max-width:500px) {
}

/*  */
.ny_news_box li{margin-bottom:20px;}
.ny_news_box li .img_box{width:34%;height:300px;overflow:hidden;float:left;border-radius:8px;position: relative;}
.ny_news_box li .img_box .img_box1{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; width:100%; height:100%}
.ny_news_box li .img_box .img_box1 img{ width:100%; height:100%}
.ny_news_box li a .img_box:nth-child(1) .img_box1{ background-image:url(../images/cp/cp01.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position: center}
.ny_news_box li .img_box .bg_box{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);}
.ny_news_box li .img_box .bg_box i{opacity:0;position: absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../images/news_arrow.png) center/100% no-repeat;}
.ny_news_box li .info_box{width:63%;height:240px;float:right;padding-top:60px;}
.ny_news_box li .info_box h3{font-weight:bold;font-size:18px;color:#333;}
.ny_news_box li .info_box .time_box{color:#777;font-size:14px;padding:20px 0;}
.ny_news_box li .info_box .line_box{width:100%;height:1px;background-color: #e5e9ef;margin-bottom:20px;}
.ny_news_box li .info_box .line_box i{display: block;width:0%;height:1px;background-color:#2762C1;}
.ny_news_box li .info_box p{color:#999;font-size:16px;line-height:26px;height:52px;overflow: hidden;}
.ny_news_box li:hover .info_box{padding-top:50px;transition: 0.5s;-webkit-transition: 0.5s;}
.ny_news_box li:hover .line_box i{width:100%;}
.ny_news_box li:hover h3{color:#2762C1;}
.ny_news_box li:hover .bg_box{background:rgba(0,0,0,0.55);transition: 0.5s;-webkit-transition: 0.5s;}
.ny_news_box li:hover .bg_box i{opacity:1;margin:-15px 0 0 -15px;}
@media only screen and (max-width:680px) {
.ny_news_box li .img_box{ height:210px;}
.ny_news_box li .info_box{ padding-top:10px; height:200px}
.ny_news_box li .info_box .time_box{ padding:0 0}
.ny_news_box li .info_box h3{ height:37px; width:100%; overflow:hidden}
}
@media only screen and (max-width:450px) {
.ny_news_box li .img_box{ height:150px}
.ny_news_box li .info_box{ padding-top:0; height:150px}
.ny_news_box li .info_box .line_box{ margin-bottom:6px}
.ny_news_box li .info_box h3{ font-size:15px}
.ny_news_box li .info_box .time_box{ height:20px; line-height:20px}
.ny_news_box li .info_box p{ font-size:15px}
}

/*ny lx*/
.nylx{ width:70%; margin:20px auto 20px}
.nylx_l{ float:left; padding-top:2px}
.nylx_l h1{ font-weight:bold; font-size:31px; padding-bottom:20px}
.nylx_l p{ font-size:16px; line-height:37px}
.nylx_r{ float:right; width:50%;}
.nylx_r img{ width:100%}
@media only screen and (max-width:1400px) {
.nylx{ width:88%}
}
@media only screen and (max-width:1058px) {
.nylx_l h1{ font-size:25px; padding-bottom:7px}
.nylx_l p{ line-height:32px}
.nylx_l{ padding-top:10px}
}
@media only screen and (max-width:756px) {
.nylx_l h1{ font-size:20px}
}
@media only screen and (max-width:660px) {
.nylx_l{ width:100%}
.nylx_r{ width:100%}
}
 
 /*footer*/
.footer{width:100%;background:#172532;padding:40px 0 15px 0; margin-top:20px}
.footer .f_contact{width:26%;float:left;color:#fff;}
.footer .f_contact h2{font-size:20px;text-transform:uppercase;font-weight:normal;}
.footer .f_contact .f_contact_cont{padding-top:20px;width:83%;}
.footer .f_contact .f_contact_cont h3{font-weight:normal;font-size:18px;line-height:35px;}
.footer .f_contact .f_contact_cont p{font-size:15px;line-height:27px;}
.footer .f_contact .f_contact_cont em{color:#159e50;}
.footer .f_pro{width:34%;border-right:1px solid #233a4d;border-left:1px solid #233a4d;float:left;padding:0 0px 25px 70px;color:#fff;}
.footer .f_pro h2{font-size:20px;text-transform:uppercase;font-weight:normal;padding-bottom:50px;}
.footer .f_pro ul{overflow:hidden;padding-bottom:20px;}
.footer .f_pro li{width:calc(100%/2);float:left;font-size:18px;}
.footer .f_pro li em{display:block;color:#fff;padding-bottom:20px;}
.footer .f_pro li em:after{content:"";width:40px;height:3px;background:#159e50;display:block;margin-top:10px;}
.footer .f_pro li p {color:#fff;font-size:15px;line-height:31px;}
.footer .f_wx{width:31%;float:right;color:#fff;}
.footer .f_wx h2{font-size:20px;text-transform:uppercase;font-weight:normal;}
.footer .f_wx ul{overflow:hidden;padding-top:30px; }
.footer .f_wx li{width:151px;float:left;margin-right:50px;}
.footer .f_wx li:nth-child(2){ margin-right:0}
.footer .f_wx li img{width:100%;}
.footer .f_wx p{margin-top:9px;font-size:15px;}
.footer .f_wx p img{}
.end{border-top:1px solid #233a4d;height:80px;padding-top: 15px;box-sizing: border-box;}
.end .end_l{color:#fff;margin: 0 auto;text-align: center;}
.end .end_l img{display:inline-block!important;}
.end .end_l a{display:inline-block!important;color: #fff;}
.end .end_l a:hover{opacity: .7;}
.end .end_l p{font-size:16px;color:#fff;float:right;}
.end .end_r{padding-top:23px;}
.ynlx{line-height:200%;}
.lx_con{overflow:hidden;}
.lx_con li{width:48%;float:left;border:1px solid rgba(204,204,204,0.622);padding-left:3%;box-sizing:border-box;margin-right:1%;line-height:200%;height:400px;padding-top:40px;}
.lx_con li img{float:left;margin-right:20px;padding-bottom:180px;}
.lx_con li strong{font-size:28px;color:#353992;}
@media only screen and (max-width:1210px) { 
.footer .f_contact{ width:30%}
.footer .f_pro{ width:31%}
.footer .f_wx li{ margin-right:3%}
}
@media only screen and (max-width:1066px) { 
.footer .f_pro{ padding:0 0 26px 3%}
.footer .f_wx li{ width:118px}
.footer .f_contact .f_contact_cont p{ font-size:14px}
}
@media only screen and (max-width:888px) { 
.footer .f_wx li{ width:100px}
.footer .f_pro{ width:32%}
.footer .f_contact{ width:32%}
}
@media only screen and (max-width:836px) { 
.footer .f_contact{ width:50%}
.footer .f_pro{ width:46%; border-right:none}
.footer .f_wx{ width:100%
}
.footer .f_wx h2{ display:none}
.footer .f_wx ul{ display:none}
.footer .f_wx p{ text-align:center}
}
@media only screen and (max-width:610px) { 
.footer .f_contact{ width:100%}
.footer .f_pro{ width:100%; border-right:none; border-left:none; padding:0 0 0 0; margin-top:20px}
.footer .f_pro h2{ padding-bottom:20px}
.footer .f_wx{ display: block; width:80%; float:none; margin:0 auto}
.footer .f_wx li{ width:47%; margin-right:6%}
}

.fxdb{display:none}
@media screen and (max-width:640px) {
.footer{ padding-bottom:94px}
.dowebok{ padding-bottom:60px}
.fxdb{display:block;height:60px;position:fixed;bottom:0px;left:0px;width:100%;z-index:9999; background:#1A62CB}
.fxdb li{float:left;list-style:none;height:55px;text-align:center;box-sizing:border-box;width:33%;}
.fxdb li a{display:block;width:94%;text-align:center;margin:0px auto;height:50px;}
.fxdb li img{height:42px;margin-top:10px}
}
.animate-tel { animation:tada 1s linear infinite;transform-origin:50% 50%;-webkit-animation:tada 1s linear infinite;-webkit-transform-origin:50% 50%;-moz-animation:tada 1s linear infinite;-moz-transform-origin:50% 50%;-o-animation:tada 1s linear infinite;-o-transform-origin:50% 50%;-ms-animation:tada 1s linear infinite;-ms-transform-origin:50% 50%;}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0);
}
}
.vipb{ bottom:3px; right:5px; height:30px; background:url(../images/vip.png) no-repeat center right; padding-right:68px; font-size:20px; color:#e7b144; line-height:35px; text-align:right; font-weight:bold}
.vipb a{ color:#eec162}