html{min-width:1200px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei",'PingFang SC','Myriad Pro',"AvantGarde Bk BT","Arial",'Helvetica Neue', 'Helvetica', 'sans-serif'; color: #333333;}
h1,h2,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl,.left{float: left;}
.fr,.right{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
.ico { background: url(../images/ico.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon1{background: url(../images/icon1.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #333333; text-decoration: none;cursor:pointer;}
a:hover{color: #0477d4; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,
.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clear{ clear: both;}
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/*top_main*/
.head_main_top { height:30px; border-bottom:#e5e5e5 solid 1px; width: 100%; background-color: #fff; font-size: 12px; line-height: 30px; color: #333;}
.head_main_top .mbx{ float:left; height:12px;margin-top: 10px;}
.head_main_top .mbx a{ font-size:12px; color:#333; border-right:#d8d8d8 solid 1px; padding:0 10px; display:block; float:left;height: 12px;line-height: 12px; position:relative;}
.head_main_top .mbx a p{ float:left; font-size:12px; color:#333; padding-left:6px;}
.head_main_top .mbx a i.yd{ float:left; width:10px; height:15px; background-position:-24px -142px; float:left;}
.head_main_top .mbx a:nth-child(2){ border-right:none;}
.head_main_top .mbx a:first-child+a+{ border-right:none;}

.head_main_top .mbx a img{ position:absolute; right:0px; top:20px; width:120px; height:0px; z-index:11;transition: all ease-in-out .5s;}
.head_main_top .mbx a:hover img{ height:120px;}

.head_main_top .mbx a:hover p{ color:#0477d4;}
.head_main_top .sousuo{ float:left; position:relative;}
.head_main_top .sousuo .topsearch { display: block;cursor: pointer; width:36px; height:36px;  margin: 0 auto; text-align: center;}
.head_main_top .sousuo .topsearch .btn_search{display: block;width:12px;height:12px;background-position: -282px -130px;margin-left:13px;margin-top:13px;}
.head_main_top .sousuo .btn_close_main { width:36px; height:36px; margin: 0 auto; background-color: #d9d9d9; text-align: center; position: absolute; top: 0; left: 0; z-index: 9; display: none;}
.head_main_top .sousuo .btn_close_main .btn_close { width:12px; height:12px; margin-top:5px; margin-left:0px; background-position:-282px -149px;}

.head_main_nav{width: 100%; height:108px;}
.head_main_nav .logo_main{ float:left; height:48px; padding-top:30px;}
.head_main_nav .logo_main .logo{  height:56px;}
.head_main_nav .logo_main .logo .a1{ float:left; height:56px;}
.head_main_nav .logo_main .logo img.weblogo{ width:375px; height:56px; float:left;}
.head_main_nav .logo_main .logo p{ float:left; margin-left:16px; padding-left:16px; border-left:#e5e5e5 solid 1px;height:54px;}
.head_main_nav .logo_main .logo p span{ display:inline-block; font-size:16px; color:#333; line-height:24px; width:410px;padding-top: 2px;}
.head_main_nav .toprig{ width:311px; height:36px; margin-top:38px; border:#0477d4 solid 2px; overflow:hidden;}
.head_main_nav .toprig .s_input{ border:0; height:36px; line-height:36px; width:254px; padding-left:10px;}
.head_main_nav .toprig .s_btn{ border:0; line-height:36px; width:47px; color:#fff; height:36px; background-color:#0477d4;}
.head_main_nav .right{ padding-top:30px; text-align:right;}
.head_main_nav .right i.dh{ width:16px; height:16px; background-position:-0px -141px; margin-right:5px;}
.head_main_nav .right p{ display:block; font-size:14px; color:#333; line-height:14px;}
.head_main_nav .right span{ display:block; font-size:30px; color:#333; line-height:30px; padding-top:4px; font-family::"Arial"; font-weight:bold;}




.ind_anli{ width:100%; padding:3rem 0; background:#f6f6f6;}
.ind_anli_x{ width:100%; max-width:1200px; margin:0 auto;}
.ind_bt0{ text-align:center; padding-bottom:1rem; background:url(../images/ind_24_1.jpg) no-repeat center bottom; font-size:1.875rem; font-weight:bold; margin-bottom:1.5rem; }
.ind_anli_x ul li{ width:28%; margin:1.5%; float:left;box-shadow: 5px 5px 15px #c1c1c1; padding: 1%;}
.ind_anli_img{ width:100%; height:0; padding-bottom:75%; position:relative; overflow:hidden;}
.ind_anli_img img{ display:block; width:100%; height:100%; position:absolute; transition:.3s;}
.ind_anli_x ul li p{ text-align:center; width:100%; font-size:1rem; line-height:1.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top: 20px;}
.ind_anli_x ul li:hover{ background: #5aaa4b;}
.ind_anli_x ul li:hover  p{ color: #fff;}
.ind_anli_x ul li a:hover .ind_anli_img img{transform: scale(1.2); transition:.3s;}
.ind_more{ width:100%; text-align:center; margin-top:1rem;}
.ind_more a{ padding:.5rem 3rem; border-radius:9rem; font-size:.875rem; background:#ff8a00; color:#fff;}

/*header_main*/
.header_main{position:relative;width: 100%; height:60px; z-index: 10; background:url(../images/h1_03.jpg) center center;}
#nav_main{width:1200px;height:60px;}
#nav_main .nav{width:100%;height: 60px; z-index:12;}
#nav_main .nav li{position:relative;float: left; width:132px; z-index: 10; text-align:center;}
#nav_main .nav li a.aLink{font:normal 16px;height: 60px;line-height:60px; display: block; position: relative; cursor: pointer; overflow: hidden; color:#fff;}
#nav_main .nav li a i{ width:1px; height:12px; background-color:#63be70; display:block; position:absolute; right:0; top:24px;}
#nav_main .nav li.item6{background:none;}
#nav_main .nav li.hover,#nav_main .nav li:hover{ background-color:#5aaa4b;}
#nav_main .nav li.hover i,#nav_main .nav li:hover i{ display:block;}
#nav_main .nav li.hover a.aLink:before{width: 100%;}
#nav_main .nav li:hover a.aLink:before{width: 100%;}
.header_main .tel_main{float:right;width:160px;height:110px;}
.header_main .tel_main .zx{margin-top:30px;font-size:14px;line-height:24px;color:#666;}
.header_main .tel_main .tel{font:normal 32px "Vladimir Script";line-height:24px;color:#333;text-indent: -12px;}
#nav_main .nav li.hover i,#nav_main .nav li:hover i{ display:none;}
#nav_main .nav li.li10 i{ display:none;}
/*导航栏下拉*/
#nav_main li.hover .subnav a{background: none;}
#nav_main .nav .subnav{background: #f4f4f4;  height: auto; left:0px;top:60px;position: absolute; width:100%;z-index: 199;display:none;}
#nav_main .nav .subnav li{width: 100%;}
#nav_main .nav .subnav .nav1 a{color: #333; display: block; font-size: 14px;text-align:left;font-weight: 500; line-height: 12px;height: 12px; padding: 20px 0px; text-align:center;transition: all 0.2s ease-in-out 0s;border-top:1px solid #e3e3e3;}
#nav_main .nav .subnav li.nav1{padding:0;background:none;}
#nav_main .nav .subnav li.nav1:first-child a{border-top:none;}
#nav_main .nav .subnav li:hover{background:#2a6fab;}
#nav_main .nav .subnav li:hover a{text-indent:2px;color: #fff;}

.immediately{ position:absolute; right:0; top:23px;}
.immediately a{ width:40px; height:40px; background-position:-282px 0px; display:block;}
.immediately p{ width:60px; height:24px; background-position:-334px 0px; position:absolute; right:-10px; top:42px; font-size:12px; color:#fff; text-align:center;}
.immediately a:hover{ background-position:-282px -44px;}
/* banner */
#banner_main{overflow:hidden;z-index: 2;max-width:1920px;margin:0 auto; width:100%;}
#banner_main .banner {position: relative;width:100%;height:500px;margin:0 auto;min-width:1200px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height:500px; overflow:hidden;}
.banner li {width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;height:500px;display:block;position:relative;left:50%;margin-left:-960px;top:0;min-width:1200px;}
#banner .tip {width:1000px; height:14px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:30px;z-index:12; }
#banner .tip span{width:33px;height:4px;margin:0 10px;display:inline-block;font-size: 0;cursor: pointer; border:#fff solid 1px; opacity:0.5;filter:Alpha(opacity=50);}
#banner .tip span.cur{ background-color:#80c20f; border:#80c20f solid 1px;opacity:1;filter:Alpha(opacity=100);}
#banner #btn_prev,#banner #btn_next{width:31px;height:61px;position:absolute;top:290px;z-index:5;}
#banner #btn_prev{background-position:0px 0;left:12%;transition: all 600ms ease;}
#banner #btn_next{background-position:-38px 0px;right:12%;transition: all 600ms ease;}
#banner #btn_prev:hover{left:11.6%;transition: all 600ms ease;background-position:0px -72px;}
#banner #btn_next:hover{right:11.6%;transition: all 600ms ease;background-position:-38px -72px;}
/*banner end*/

/********.fixtool*********/
.toolbar{width: 52px; position: fixed; right: 2%; top: 44%; z-index: 999;}
.toolbar dd{width: 51px; height: 51px; margin-bottom: 1px; position: relative;  -webkit-border-radius: 100%; border-radius: 100%; margin-top:4px; border:#ebebeb solid 1px; background-color:#fff;}
.toolbar dd i{width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;}
.toolbar dd i span{width: 35px; height: 35px; display: block; margin: 9px 0 0 8px; *margin: 7px 0 0 0; background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block; width: 0; height: 53px; line-height: 53px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: -1px; right: -1px; overflow: hidden;}
.toolbar .pop{position: absolute; right: 90px; top: -65px; background: #38a72f; display: none;}
.toolbar .pop-code{width: 120px; padding: 20px 20px 0;}
.toolbar .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar .pop-code h3{height: 52px; line-height: 52px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar .qq span{background-position:-0px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color:#38a72f; border-radius: 100%;}
.toolbar .qq:hover span{background-position: -36px -47px; }
.toolbar .tel span{background-position:-0px 0;}
.toolbar .tel:hover{background: #38a72f; border-radius:30px;}
.toolbar .tel:hover span{background-position: -36px 0;}
.toolbar .code span{background-position:-0px -95px;}
.toolbar .code:hover{ background-color:#38a72f;  border-radius: 100%;}
.toolbar .code:hover span{background-position:-36px -95px;}
.toolbar .top span{background-position: -0px -142px;}
.toolbar .top:hover{ background-color:#38a72f;  border-radius: 100%;}
.toolbar .top:hover span{background-position: -36px -142px; }
.toolbar dd:hover{ }


/*footer*/
.footer_main{position:relative;width:100%;height:368px; background-color:#343d44;overflow:hidden;}
.foot_z{ width:350px; float:left; margin-top:50px; border-right:#495157 solid 1px; height:277px;}
.foot_z h3{ font-size:18px; color:#fff;}
.foot_z h3 i{ display:block; width:40px; height:1px; background-color:#fff; margin-top:16px;}
.foot_z p{ display:block;margin-top:10px; font-size:16px; color:#fff;}
.foot_z p span{ display:block; font-size:12px; color:#fff; font-family:"Arial"; line-height:16px; padding-top:2px;}
.foot_z ul{ display:inline-block; padding-top:14px; width:350px;}
.foot_z ul li{ display:block; font-size:14px; color:#fff; line-height:14px; padding-top:24px;}
.foot_z ul li.li2{padding-left: 40px;padding-top: 10px;}
.foot_y{ width:550px; float:left; margin-top:50px; margin-left:48px; border-right:#495157 solid 1px;}
.foot_y h3{ font-size:18px; color:#fff; padding-bottom:20px;}
.foot_y h3 i{  display:block; width:40px; height:1px; background-color:#fff; margin-top:16px;}
.foot_y .item{ float:left; margin-top:10px;}
.foot_y .item.item4{ margin-left:20px;}
.foot_y .item.item1{ clear:left;}
.foot_y .item .txt { width: 232px; height:44px; font-size: 14px; line-height: 43px; text-indent: 8px;color: #aeb0b2; padding-left: 6px; *text-indent: 0px; border:#71787c solid 1px; }
.foot_y .item .area { width:496px; height:74px; font-size: 14px; text-indent: 8px; *text-indent: 0px;  resize: none; *resize: none; -webkit-appearance: none; color: #aeb0b2; line-height:28px; padding-left: 6px; border:#71787c solid 1px; background-color:transparent;}
.foot_y .submit { display: block; clear: left;}
.foot_y .submit .tijiao { width: 150px; height: 46px; margin-top:20px; font-size: 16px;  color: #fff; cursor: pointer; border:none; border:0; background-color: #0477d4; display: inline-block; float:right;margin-right: 44px;}
.foot_y .submit .tijiao:hover{ background-color:#fff; color:#333;}
.foot_j{ float:right; width:200px; text-align:center; margin-top:50px;}
.foot_j b{ display:block; width:198px; height:198px; border:#71787c solid 1px; text-align:center;}
.foot_j b img{ width:180px; height:180px; display:inline-block; background-size:100%; margin-top:10px;}
.foot_j p{ display:inline-block; font-size:14px; color:#fff; padding-top:24px;}
.foot_y .item .txt.tel{ margin-left:5px;}
.copyright{width:100%;height:60px;line-height:60px;background:#2a3137;}
.copyright p{font-size:12px;color:#fff; }
.copyright a{font-size:12px;color:#fff;}
.copyright span{margin:0 6px;}
.copyright a:hover{color:#e2e2e2;}
.copyright i{ display:block; color:#fff; font-size:12px; float:right;}
/********.toolbar1*********/
.toolbar1{width: 77px; position: fixed; right: 10px; bottom: 200px; z-index: 999; border: 1px solid #e8e8e8;}
.toolbar1 .icon2{width: 40px; height: 40px; display: block; margin: 11px auto 0; background: url(../images/fix-ico.png) no-repeat -2px 5px;}
.toolbar1 dd{width: 77px; height: 90px; border-top: 1px solid #f6f6f6; position: relative;}
.toolbar1 dd i{width: 77px; height: 90px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; background: #fff; border-bottom: 1px solid #f6f6f6;}
.toolbar1 dd:first-child i{border-top: 0;}
.toolbar1 dd.item1 i .icon2{background-position: center 2px;}
.toolbar1 dd.item2 i .icon2{background-position: center -65px;}
.toolbar1 dd.item3 i .icon2{background-position: center -128px;}
.toolbar1 dd.return-top{display: none;}
.toolbar1 dd.return-top i .icon2{background-position: center -187px;}
.toolbar1 dd .pop{position: absolute; right: 145px; top: -45px; background: #fff; display: none;}
.toolbar1 dd .pop-code{width: 120px; padding: 10px 10px 0;}
.toolbar1 dd .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar1 dd .pop-code h3{height: 40px; line-height: 40px; text-align: center; color: #f34636; font-size: 12px; font-weight: 400; white-space: nowrap;}
.toolbar1 dd.item1{position: static;}
.toolbar1 dd .zx{width: 172px; position: absolute; right: 145px; bottom: 0; padding: 10px 30px 10px; line-height: 24px; background: #fff; border: 1px solid #e8e8e8; z-index: 1000; display: none;}
.toolbar1 dd .zx .icon2{width: 40px; height: 42px; display: block; float: left; margin-right: 12px; margin-top: 0;}
.toolbar1 dd .zx .t{border-bottom: 1px solid #dedede; padding: 10px 0;}
.toolbar1 dd .zx .t span{display: block;}
.toolbar1 dd .zx .t s{background-position: 0 -246px;}
.toolbar1 dd .zx .t.t2 s{background-position: 0 -314px;}
.toolbar1 dd .zx .t.t3 s{background-position: 0 -383px;}
.toolbar1 dd .zx .t.t4{border-bottom: 0;}
.toolbar1 dd:hover i{background: #f3f3f3;}

/*******index css*******/
.index .indexTit{text-align:center; padding-top:50px;}
.index .indexTit .tit{font-size:36px;color:#333;font-weight: bold; line-height:36px;}
.index .indexTit .tit span{ color:#0477d4; display:inline-block; padding-left:10px;}
.index .indexTit .subtit{ font-size:16px;color:#858484;font-weight:normal;line-height:18px;text-align:center; width:1200px;margin: 0 auto;margin-top: 14px;}

.floor_0_main{ height:51px; width:100%; overflow:hidden; border-bottom:#eee solid 1px;}
.floor_0_main .floor_0_1{ float:left; line-height:50px;}
.floor_0_main .floor_0_1 p{ font-size:12px; color:#333; line-height:50px;}
.floor_0_main .floor_0_1 p a{ display:inline-block;font-size:12px; color:#333; border-right:#e8e8e8 solid 1px; line-height:12px; padding:0 12px;}
.floor_0_main .floor_0_1 p a:last-of-type{ border-right:none;}
.floor_0_main .floor_0_1 p a:hover{ color:#0477d4;}
.floor_0_main .floor_0_2{ float:right; width:276px; height:30px; overflow: hidden; border:#efefef solid 1px; background-color:#fff; position:relative; margin-top:9px;  border-radius:4px; position:relative;}
.floor_0_main .floor_0_2 input{background-color: none; border: none;}
.floor_0_main .floor_0_2 .stxt{width:245px; height:30px; line-height: 30px; display: block; text-indent: 10px;color:#999;}
.floor_0_main .floor_0_2 .sbtn{width:30px; height: 28px; display: block; cursor: pointer; background-position:-0px -164px; position:absolute; top:1px; right:1px;font-size: 0;}


/*产品中心*/
.index .floor_1_main{width:100%;}
.floor_1{ padding-top:54px; display:inline-block; width:1200px;}
.floor_1  dl dt{ width:600px; height:440px; overflow:hidden; float:left; position:relative;}
.floor_1  dl dt img{width:600px; height:440px; display:block;transition: all .36s ease;}
.floor_1  dl dt a:hover img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);}
.floor_1  dl dt p{ background:url(../images/h2_03.jpg) center center no-repeat; width:600px; height:73px; position:absolute; left:0; bottom:0;}
.floor_1  dl dt p span{ float:left; display:block; line-height:73px; font-size:20px; color:#fff; padding-left:38px;transition: all .36s ease;}
.floor_1  dl dt p i{ float:right; display:block; width:42px; height:5px; background-position:-84px -0px; margin-right:40px; margin-top:36px;transition: all .36s ease;}
.floor_1  dl dt a:hover p span{ padding-left:34px;}
.floor_1  dl dt a:hover p i{ margin-right:36px;}
.floor_1  dl dd{ float:left; width:600px; height:440px;}
.floor_1  dl dd ul{ display:inline-block;}
.floor_1  dl dd ul li{ float:left; width:280px; height:210px; overflow:hidden; margin-left:20px; margin-bottom:20px; position:relative;}
.floor_1  dl dd ul li img{width:280px; height:210px;}
.floor_1  dl dd ul li .d1{ background:url(../images/h3_03.png); width:280px; height:210px; position:absolute; left:0; top:0; text-align:center; opacity: 0;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);visibility: hidden;}
.floor_1  dl dd ul li .d1 h3{ font-size:20px; color:#fff; padding-top:10px;}
.floor_1  dl dd ul li .d1 i{display:block; width:44px; height:44px; background-position:-138px -0px; margin:0 auto; margin-top:72px;}
.floor_1  dl dd ul li:hover .d1{ opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);}
.floor_1 dl dt em{background: url(../images/h3_03.png);width:100%; text-align:center;height:100%;position: absolute;left: 0;top: 0;opacity: 0;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);visibility: hidden;}
.floor_1 dl dt em span{ font-size:26px; color:#fff;display: block;padding-top: 180px;}
.floor_1 dl dt em s{ display:inline-block; width:44px; height:44px; background-position:-138px -0px; margin-top:12px;}
.floor_1 dl dt:hover { -moz-box-shadow: 0 4px 15px -4px rgba(0,0,0,.12); -webkit-box-shadow: 0 4px 15px -4px rgba(0,0,0,.12); box-shadow: 0 4px 15px -4px rgba(0,0,0,.12); z-index: 34;}
.floor_1 dl dt:hover em{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.floor_1 dl dt:hover p { display: none;}

/*我们的技术*/
.index .floor_2_main{ background:url(../images/t6_02.jpg) center center no-repeat; width:100%; height:200px; margin-top:94px;}
.index .floor_2_main .floor_2{ float:right; width:300px; text-align:center;}
.index .floor_2_main .floor_2 p{ font-weight:bold; font-size:36px; color:#fff; font-family:"Arial"; line-height:36px; padding-top:64px;}
.index .floor_2_main .floor_2 a{ display:block; width:300px; height:46px; background-position:0px -217px; margin-top:16px; font-size:18px; color:#fff; line-height:46px; position:relative;}
.index .floor_2_main .floor_2 a:hover{background-position:0px -271px;}
.index .floor_2_main .floor_2 a img{ width:300px; height:0;transition: all .36s ease; position:absolute; left:0; top:46px;}
.index .floor_2_main .floor_2 a:hover img{ height:300px;}

.index_mole{ display:block; background:url(../images/a6_02.png) center center no-repeat; height:24px; width:100%; text-align:center;}
.index_mole a{ display:inline-block; height:24px; line-height:24px; background-color:#eff2f6; width:160px;}
.index_mole a p{ font-size:18px; color:#333; line-height:24px; float:left; padding-left:22px;transition: all ease 600ms;}
.index_mole a i{ display:block; float:left; width:24px; height:24px; background-position:0px -430px; margin-left:18px;transition: all ease 600ms;}
.index_mole a:hover p{ color:#38a72f; padding-left:20px;transition: all ease 600ms;}
.index_mole a:hover i{ color:#38a72f; margin-left:22px;transition: all ease 600ms;}


.floor_3_main{ padding-top:50px;}
.floor_3_1{ margin-top:46px;}
.floor_3_main dl{ background:url(../images/h4_02.jpg) center center no-repeat; width:100%; height:378px; overflow:hidden; display:block;}
.floor_3_main dl.dl2{ background:url(../images/h5_02.jpg) center center no-repeat; width:100%; height:378px;}
.floor_3_main dl .jz{ margin:0 auto;width:1200px; display:block; height:378px; position:relative; z-index:1;}
.floor_3_main dl dt{ float:left; width:600px;}
.floor_3_main dl dt img{ display:block; width:100%; height:375px; margin-top:1px;}
.floor_3_main dl dd{ float:right; width:520px;}
.floor_3_main dl dd h3{ display:block; height:77px; padding-top:100px;}
.floor_3_main dl dd h3 i{ display:block; float:left; width:77px; height:77px; background:url(../images/t8_03.png) center center no-repeat;}
.floor_3_main dl dd h3 span{ display:block; float:left; margin-left:18px; width:420px; font-size:30px; color:#000; line-height:77px;}
.floor_3_main dl dd p{ display:block; font-size:16px; color:#000; line-height:30px; margin-top:22px; height:82px;}
.floor_3_main dl dd a{ display:block; position:relative; width:198px; height:44px; border:#e5e5e5 solid 1px; border-radius:6px; text-align:center; line-height:44px; font-size:16px; color:#434343; z-index:10}
.floor_3_main dl.dl2 dd h3{ padding-top:90px;}
.floor_3_main dl dd a:hover{ background-color:#0477d4; border:#0477d4 solid 1px; color:#fff; position:relative;}
.floor_3_main dl dd a img{ width:120px; height:0; position:absolute; left:198px; top:-1px;transition: all ease 600ms; z-index:10;}
.floor_3_main dl dd a:hover img{ height:120px; z-index:10}
.floor_3_main dl.dl2 dd,.floor_3_main dl.dl4 dd{ float:left;}
.floor_3_main dl.dl2 dt,.floor_3_main dl.dl4 dt{ float:right;}
.floor_3_main dl.dl2 dd h3 i{ display:block; float:left; width:77px; height:77px; background:url(../images/t8_07.png) center center no-repeat;}
.floor_3_main dl.dl3 dd h3 i{ display:block; float:left; width:77px; height:77px; background:url(../images/t8_10.png) center center no-repeat;}

.floor_4_main{ background:url(../images/t9_02.jpg) center center no-repeat; width:100%; height:791px; margin-top:98px;}
.floor_4_main .indexTit { padding-top:66px;}
.floor_4_main .indexTit .tit,.floor_4_main .indexTit .tit span{ color:#fff;}
.floor_4_main .indexTit .subtit{ color:#fff;}
.floor_4_1{ width:100%; height:518px; position:relative; overflow:hidden; margin-top:50px;}
.floor_4_1{ width:100%;  min-width:1200px;  height:518px;  position:relative; overflow:hidden; text-align:center;   }	
.floor_4_1 .bd{ width:800px; position:absolute; left:50%; margin-left:-880px  }	
.floor_4_1 .bd li{ width:800px;  overflow:hidden; border-radius:10px; margin:0 43px; position:relative; }	
.floor_4_1 .bd li img{ display:block; width:800px; height:450px;    }	
.floor_4_1 .bd li .hui{ background:url(../images/h8_03.png) center center; width:100%; height:157px; position:absolute; left:0; bottom:0; text-align:left;}
.floor_4_1 .bd li .hui p{ font-size:24px; color:#fff; line-height:24px; float:left; width:560px; margin-left:45px; padding-top:60px;}
.floor_4_1 .bd li .hui p span{ display:block; font-size:14px; color:#fff; line-height:14px; padding-top:14px;}
.floor_4_1 .bd li .hui i{ display:block; float:right; width:43px; height:43px; background-position:-92px -61px; margin-top:78px; margin-right:70px;}
.floor_4_1 .bd li:hover .hui{ display:none;}
.floor_4_1 .bd li .dl{ background-color:rgba(54,187,102,0.9); position:absolute; left:50%; top:128px; width:500px; height:200px; border-radius:10px; margin-left:-250px; text-align:left;opacity: 0;visibility: hidden; transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0); }
.floor_4_1 .bd li .dl i{ width:44px; height:44px; background-position:-152px -51px; position:absolute; left:-18px; top:-22px;}
.floor_4_1 .bd li .dl p{ font-size:30px; color:#fff; line-height:30px; font-weight:bold; padding-top:38px; padding-left:36px;}
.floor_4_1 .bd li .dl span{ display:block; width:420px; font-size:18px; color:#fff; line-height:30px; padding-top:22px; margin-left:36px;}

.floor_4_1 .tempWrap{ overflow:visible !important }	
.floor_4_1 .tempWrap ul{  margin-left:-1338px !important;   }	
.floor_4_1 .hd{ position:absolute; width:100%; left:0;  z-index:1; height:12px; bottom:20px;  text-align:center;  }	
.floor_4_1 .hd li{ display:inline-block; *display:inline; zoom:1; width:10px; height:10px; line-height:99px; overflow:hidden; margin:0 8px; cursor:pointer; border-radius:20px; border:#fff solid 2px; }	
.floor_4_1 .hd li.on{ background-color:#36c565; border:#36c565 solid 2px; }	
.floor_4_1 .pnBtn.prev .arrow{ display:none;   position:absolute; top:224px; z-index:1; width:17px; height:33px;  background-position:-232px 0; left:50%; }	
.floor_4_1 .pnBtn.next .arrow{ display:none;   position:absolute; top:224px; z-index:1; width:17px; height:33px;  background-position:-200px 0; left:50%; }	
.floor_4_1 .pnBtn.prev .arrow:hover{ background-position:-232px -0; }	
.floor_4_1 .pnBtn.next .arrow:hover{ background-position:-200px -0; }	
.floor_4_1 .pnBtn.prev .arrow{ margin-left:432px;    }	
.floor_4_1 .pnBtn.next .arrow{margin-left:-458px;   }
.floor_4_1 .blackBg{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 450px;background: #fff;filter: alpha(opacity=1);opacity: 0.01;left: -50%;margin-left: -488px;}
.floor_4_1 .blackBg1 { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 450px;  background: #fff; filter: alpha(opacity=1); opacity: 0.01;left:50%;margin-left:484px;}
.floor_4_1 .bd li:hover .dl{ opacity: 1;  visibility: visible;}





/*新闻中心*/

.adMain{ width:100%; height:565px; background:url(../images/a2_02.jpg) center center no-repeat; position:relative; overflow:hidden;}
.adMain .part1{ padding-top:60px;}
.adMain .part1 h3{ font-size:32px; color:#fff; line-height:32px; width:466px; border-left:#fff solid 1px; padding-left:48px; font-weight:bold;}
.adMain .part1 h3 span{ display:block; font-size:16px; color:#c4d5ec; line-height:30px; padding-top:16px; font-weight:normal;}
.adMain .part1 .t1{ position:relative; width:518px; margin-top:24px; height:110px;}
.adMain .part1 .t1 i{ display:block; width:28px; height:24px; background-position:-162px -180px; position:absolute; left:0; top:0;}
.adMain .part1 .t1 h4{ font-size:20px; color:#fff; line-height:20px; width:466px; font-weight:normal; padding-left:48px; padding-top:6px;}
.adMain .part1 .t1 h4 span{ display:block; font-size:14px; color:#c4d5ec; line-height:30px; padding-top:16px;}
.adMain .part1 .t1 em{ display:block; width:28px; height:24px; background-position:-218px -180px; position:absolute; right:0; top:80px;}
.adMain .picFocus{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:0;}
.adMain .picFocus .hd{ width:46%; margin-left:4%; float:left; margin-top:300px;}
.adMain .picFocus .hd ul{ display:inline-block; width:466px;}
.adMain .picFocus .hd ul li{ width:233px; height:62px; border-bottom:#517dbe solid 1px; float:left; margin-top:40px; position:relative;}
.adMain .picFocus .hd ul li h4{ font-size:20px; color:#fff; line-height:20px; width:466px; font-weight:normal;  position:absolute; left:0; top:-144px; display:none;}
.adMain .picFocus .hd ul li h4 span{ display:block; font-size:14px; color:#c4d5ec; line-height:30px; padding-top:16px;}
.adMain .picFocus .hd ul li i{ display:block; float:left; width:35px; height:41px; background-position:-167px -106px;}
.adMain .picFocus .hd ul li.li2 i{ display:block; float:left; width:35px; height:41px; background-position:-214px -106px;}
.adMain .picFocus .hd ul li.li3 i{ display:block; float:left; width:35px; height:41px; background-position:-260px -106px;}
.adMain .picFocus .hd ul li.li4 i{ display:block; float:left; width:35px; height:41px; background-position:-298px -106px;}
.adMain .picFocus .hd ul li p{ float:left; font-size:16px; color:#fff; line-height:16px; padding-left:10px;}
.adMain .picFocus .hd ul li p span{ display:block; font-size:14px; color:#ddd; line-height:14px; padding-top:6px;}
.adMain .picFocus .hd ul li s{ width:200px; height:2px; background-color:#b43232; display:block; position:absolute; left:0; bottom:-1px; display:none;}
.adMain .picFocus .hd ul li.on h4{ display:block;}
.adMain .picFocus .hd ul li.on s{ display:block;}
.adMain .picFocus .bd{ width:50%; float:left;  height:565px; }
.adMain .picFocus .bd ul li{ width:965px;height:565px;}
.adMain .picFocus .bd ul li img{ width:100%; height:565px; background-size:100%;}
.adMain .picFocus .hd ul li.li2 h4{ left:-233px;}
.adMain .picFocus .hd ul li.li3 h4{ left:0px; top:-247px;}
.adMain .picFocus .hd ul li.li4 h4{ left:-233px;top:-247px;}

/*新闻中心*/
.index .floor_5_main{width:100%; padding-top:50px;overflow: hidden; padding-bottom:60px;}
.floor_5_1{ width:1200px; height:372px; padding-top:76px;}
.floor_5_1 .layB{width:1200px; height:372px; position:relative;}
.floor_5_1 .layB .tbC{ position:relative;width:1200px; height:372px;}
.floor_5_1 .layB .tbC .prev{width:40px; height:90px; background-color:#ddd; position:absolute; left:-58px; top:118px;}
.floor_5_1 .layB .tbC .next{width:40px; height:90px; background-color:#ddd; position:absolute; right:-58px; top:118px;}
.floor_5_1 .layB .tbC .prev:hover,.floor_5_1 .layB .tbC .next:hover{ background-color:#0477d4;}
.floor_5_1 .layB .tbC .prev span{ width:14px; height:26px; background-position:-51px -158px; margin-top:32px; margin-left:13px;}
.floor_5_1 .layB .tbC .next span{ width:14px; height:26px; background-position:-69px -158px; margin-top:32px; margin-left:13px;}
.floor_5_1 .layB .tbC .slide{width:1200px; height:372px;}
.floor_5_1 .layB .tbC .slide ul{ display:inline-block;}
.floor_5_1 .layB .tbC .slide ul li{ width:583px; height:148px; background-color:#fffcfc; border:#ddd solid 1px; float:left; margin-right:5px; margin-bottom:30px;transition: all .36s ease;}
.floor_5_1 .layB .tbC .slide ul li.li2,.floor_5_1 .layB .tbC .slide ul li.li4{ margin-right:0;}
.floor_5_1 .layB .tbC .slide ul li.li6,.floor_5_1 .layB .tbC .slide ul li.li8{ margin-right:0;}
.floor_5_1 .layB .tbC .slide ul li a{ display:block; width:100%; height:100%;}
.floor_5_1 .layB .tbC .slide ul li em{ float:left; display:block; text-align:center; font-size:16px; color:#666; font-family:"Arial"; margin-left:30px; margin-top:40px;}
.floor_5_1 .layB .tbC .slide ul li em span{ display:block; font-size:60px; color:#999; line-height:50px;}
.floor_5_1 .layB .tbC .slide ul li h3{ width:440px; float:left; padding-top:40px; margin-left:20px;}
.floor_5_1 .layB .tbC .slide ul li p{ font-size:20px; color:#333; width:440px;  line-height:20px; }
.floor_5_1 .layB .tbC .slide ul li p span{ display:block; font-size:14px; color:#666; line-height:22px; padding-top:14px; font-weight:normal;}
.floor_5_1 .layB .tbC .slide ul li:hover em,.floor_5_1 .layB .tbC .slide ul li:hover em span,.floor_5_1 .layB .tbC .slide ul li:hover p,.floor_5_1 .layB .tbC .slide ul li:hover p span{ color:#fff;}
.floor_5_1 .layB .tbC .slide ul li:hover{ background-color:#0477d4; border:#0477d4 solid 1px;box-shadow: 0px 0px 15px rgba(0,0,0,0.2);transition: all .36s ease;}

.floor_5_2{ position:relative; height:50px; text-align:center;}
.floor_5_2 i{ width:1200px; height:1px; background-color:#ccc;  display:block; position:absolute; left:0; top:24px; z-index:1;}
.floor_5_2 a{ display:block; width:198px; height:48px; background-color:#fff; border:#ccc solid 1px; margin:0 auto; position:relative; z-index:2; line-height:48px; font-size:16px; color:#333;}
.floor_5_2 a:hover{ background-color:#0477d4; border:#0477d4 solid 1px; color:#fff;}

.index .floor_6_main{ }
.index .floor_6_main .floor_6_1{ width:1200px;  position:relative;}
.index .floor_6_main .floor_6_1 .indexTit{ text-align:right; position:absolute; right:30px; top:30px;}
.index .floor_6_main .floor_6_1 .indexTit p{ text-align:right;}
.index .floor_6_main .floor_6_1 .floor_6_2{ padding-top:30px; padding-bottom: 30px;}
.index .floor_6_main .floor_6_1 .floor_6_2 b{ width:730px; height:440px; border:#111 solid 1px;opacity:0.4;filter:Alpha(opacity=40); position:absolute; left:14px; top:14px;}
.index .floor_6_main .floor_6_1 .floor_6_2 .f_i{ width:570px;  background-size:100%; float:left;}
.index .floor_6_main .floor_6_1 .floor_6_2 .f_z{ float:left; width:590px; margin-left: 40px; }
.index .floor_6_main .floor_6_1 .floor_6_2 .f_z h3{ font-size:26px; color:#111; line-height:24px; font-weight: bold;}
.index .floor_6_main .floor_6_1 .floor_6_2 .f_z p{ display:block; font-size:14px; color:#111; line-height:24px; margin-top:24px; }
.index .floor_6_main .floor_6_1 .floor_6_2 .f_z a{ display:block; float:right; width:198px; height:44px; border:#ccc solid 1px; border-radius:6px; font-size:16px; color:#111; text-align:center; line-height:44px;margin-top: 15px;}
.index .floor_6_main .floor_6_1 .floor_6_2 .f_z a:hover{ background-color:#0477d4; color: #fff;}

.floor_6_3{ display:block; clear:left; width:1200px; margin-top:50px;}
.floor_6_3 .parHd{ height:45px; width:1200px; position:relative;}
.floor_6_3 .parHd s{ display:block; width:411px; height:1px; background-color:#eee; position:absolute; left:0; top:22px;}
.floor_6_3 .parHd b{ display:block; width:411px; height:1px; background-color:#eee; position:absolute; right:0; top:22px;}
.floor_6_3 .parHd ul{ display:block; width:180px; height:45px; margin:0 auto;}
.floor_6_3 .parHd ul li{ display:block; width:178px; height:43px; float:left; border:#eee solid 1px; background-color:#fff;}
.floor_6_3 .parHd ul li a{ display:block; font-size:16px; color:#333; line-height:43px; text-align:center;}
.floor_6_3 .parHd ul li:hover,.floor_6_3 .parHd ul li.on{ background-color:#0477d4; border:#0477d4 solid 1px;}
.floor_6_3 .parHd ul li:hover a,.floor_6_3 .parHd ul li.on a{ color:#fff;}
.floor_6_3 .parHd ul li:nth-child(2){ margin-left:20px;}
.floor_6_3 .parHd ul li:first-child+li{ margin-left:20px;}
.floor_6_3 .parBd{ width:1200px; margin-top:50px; margin-bottom: 50px;}
.floor_6_3 .parBd .slideBox{width:1200px;  position:relative;}
.floor_6_3 .parBd .slideBox .sPrev{ width:40px; height:90px; background-color:#ddd; position:absolute; left:-58px; top:62px;}
.floor_6_3 .parBd .slideBox .sNext{ width:40px; height:90px; background-color:#ddd; position:absolute; right:-58px; top:62px;}
.floor_6_3 .parBd .slideBox .sPrev:hover,.floor_6_3 .parBd .slideBox .sNext:hover{ background-color:#343d44;}
.floor_6_3 .parBd .slideBox .sPrev span{ width:14px; height:26px; background-position:-51px -158px; margin-top:32px; margin-left:13px;}
.floor_6_3 .parBd .slideBox .sNext span{ width:14px; height:26px; background-position:-69px -158px; margin-top:32px; margin-left:13px;}
.floor_6_3 .parBd .slideBox ul{ width:1200px; height:214px;}
.floor_6_3 .parBd .slideBox ul li{ float:left; width:290px; height:214px; position:relative; margin-right:13px; overflow:hidden; text-align:center;}
.floor_6_3 .parBd .slideBox ul li img{width:290px; height:214px; background-size:100%;transition: all .36s ease;}
.floor_6_3 .parBd .slideBox ul li p{ position:absolute; left:0; bottom:0; width:290px; height:36px; background:url(../images/t13_03.png); font-size:14px; color:#fff; line-height:36px;}
.floor_6_3 .parBd .slideBox ul li:hover img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);}

.floor_7_main{ height:60px; width:100%; line-height:60px; background-color:#0477d4;}
.floor_7_main ul{ display:inline-block; width:1200px; height:60px; line-height:60px;}
.floor_7_main ul li{ float:left;height:60px; line-height:60px; padding:0 35px;}
.floor_7_main ul li a{ display:block; font-size:14px; color:#fff;}
.floor_7_main ul li.li1{ padding-left:0;}
.floor_7_main ul li.li10{ padding-right:0;}
.floor_7_main ul li a:hover{ color:#f1f1f1;}


/*我们的技术*/
.index .floor_8_main{ background:url(../images/pc_04.jpg) center center no-repeat; width:100%; height:200px;}
.index .floor_8_main .floor_8{ float:right; width:300px; text-align:center;}
.index .floor_8_main .floor_8 p{ font-weight:bold; font-size:36px; color:#fff; font-family:"Arial"; line-height:36px; padding-top:64px;}
.index .floor_8_main .floor_8 a{ display:block; width:300px; height:46px; background-position:0px -217px; margin-top:16px; font-size:18px; color:#fff; line-height:46px; position:relative;}
.index .floor_8_main .floor_8 a:hover{background-position:0px -271px;}
.index .floor_8_main .floor_8 a img{ width:300px; height:0;transition: all .36s ease; position:absolute; left:0; top:46px;}
.index .floor_8_main .floor_8 a:hover img{ height:300px;}






/* Underline From Center2 */
.hvr-underline-from-center2{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center2:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #38a72f; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center2:hover:before,
.hvr-underline-from-center2.hover:before,
.hvr-underline-from-center2:focus:before,
.hvr-underline-from-center2:active:before{left: 0; right: 0;}
.hvr-underline-from-center2:hover,
.hvr-underline-from-center2.hover{*height: 43px; *border-bottom: 2px solid #38a72f; *line-height: 43px;}




.ntpo {

    padding-top: 30px;
    padding-bottom: 30px;

}


















@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}
/*# sourceMappingURL=style.css.map */