*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑"; }
a{ color:#333; text-decoration:none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -mos-transition: all 0.3s;  }

h1,h2,h3,h4,h5,h6{ margin: 0;font-weight:normal;}
hr{ border:none;}
.clear{ clear:both;}
.container{ padding: 0;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
input,textarea{outline:none;}
.row{ margin: 0px;}
.container{ margin: 0px auto;width:1440px; }
.w1360{ margin: 0px auto;width:1360px; }
body{background: #f4f4f4}





/*pc导航*/
.pc_header{width:100%; height:90px;  position: fixed; top:0px; left:0px; z-index: 999; }
.in_header_left{width:314px; height: 100%; float: left;}
.in_logo{width:88px; height: 88px; float: left; margin-top: 12px;}
.in_logo img{width:100%; height: auto; overflow: hidden}
.in_hdh{width:auto; height:100%; float: left; border-left:1px solid #fff; padding-left:20px; margin-left: 20px; margin-top: 15px;}
.in_hdh p{font-size: 14px; color: #fff; display: block}
.in_hdh span{font-size: 26px; color: #fff; font-family: "Impact"; line-height: 30px; display: block}
.pc_header #menu_nav{float: right; width: 780px; height: auto; }
.in_nav{height:100%; width:100%; float: left;}
.in_nav .nLi{ float:left;  position:relative; display:inline;height: 100%; width:111px;  text-align: center}																
.in_nav .nLi h3 a{ display:block;  font-size:14px;color:#fff; height: 100%; line-height:90px; width: 100%;}
.in_nav .sub{ display:none;left:50%; top:76px;  position:absolute;  line-height:26px; padding:0; width:120px;border:0; z-index: 99999; margin-left: -60px; }
.in_nav .sub li{ zoom:1; border-bottom: 1px solid #e5e5e5;  height:40px; line-height: 40px;  background:rgba(255,255,255,0.8);text-align: center }
.in_nav .sub li p{ width:100%; float: left; margin: 0px;}
.in_nav .sub li span{ float: right;}
.in_nav .sub a{ display:block; padding:0 10px; color: #333; font-size: 12px; height: 100%; }
.in_nav .sub a:hover{color:#020266}
.in_nav .active h3 a{color:#fff; font-weight: bold; background: url(../images/nav_hxs.png) no-repeat center 70px}
.in_nav .sub li:hover a{background: #fff!important;}
.sub li:hover a{color:#cd9b19}




/*第一块*/
#menus { position: fixed; right:20px; top: 50%; list-style-type: none; z-index: 70; margin-top: -138px;}
#menus li {font-size: 12px; width: 20px; height: 38px; margin-bottom: 8px; }
#menus a {font-size: 12px; color: #fff; opacity: 0.5; width: 100%; height: 100%; display: block; background: url(../images/ban_yuan.png) no-repeat left center; text-align: right; line-height: 38px;}
#menus .active a {opacity: 1; background: url(../images/ban_yuan_active.png) no-repeat left center; text-align: right}
.section1{width:100%; height: 100%; overflow: hidden; position: relative;  text-align: center; display: table-cell;
    vertical-align: middle;}
.slideBox{ width:100%; height:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left: -17px; bottom:40px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin: 0px 8px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%; }
.slideBox .hd ul li.on{ background:#cd9b19; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul{width:100%; height: 100%; display: block}
.slideBox .bd li{ zoom:1; vertical-align:middle; width: 100%; height: 100% }
.slideBox .bd li a{width:100%; height: 100%; display: block;overflow:hidden }


.slideBox_one{width:34%; height: auto; margin: 8vh auto; display: block; }
.slideBox_two{width:40%; height:auto; margin:  16vh auto 0; display: block; }
.active .slideBox_one{animation-name: lightSpeedIn;	animation-duration: 0.5s;	animation-delay: 0.2s;animation-fill-mode: both; position:relative; z-index:9}
.active .slideBox_two{animation-name: rotateInDownLeft;	animation-duration: 0.5s;	animation-delay: 0.5s;animation-fill-mode: both; position:relative; z-index:9}
.slideBox_one_2{ animation: Move1 10s linear infinite alternate; position:absolute; left:50%; top:50%; margin-top:-71.5px; margin-left:-720px; width:1440px; height:auto; display:block;}
.slideBox_two_2{ animation: Move 10s linear infinite alternate; position:absolute; left:50%; top:50%; margin-top:-209.5px; margin-left:-40%; width:80%; height:auto; display:block;}




/*第2块*/
.section2{position:relative; height: 100%;  height: 100%;  background: url(../images/product_bj.jpg) no-repeat center bottom; overflow:hidden;  }





/*第3块*/
.section3{ display: block; width: 100%; height: 100%;background: url(../images/about_bj.jpg) no-repeat center bottom;  overflow: hidden}
.index_about_left{width:670px; height: auto; float: left}
.in_about_t{width:100%; height: auto; text-align: right}
.in_about_t h4{font-size:16px; color: #333333; line-height: 30px;}
.in_about_xx{width:100%; height: auto; overflow: hidden; margin: 40px 0}
.in_about_xx p{font-size: 16px; color: #333333; line-height: 36px; text-align: right}
.in_about_xx span{width:120px; height: 34px; border: 1px solid #020266; font-size: 16px; color: #020266; display: block; text-align: center; line-height: 34px; float: right; margin-top: 20px;}
.index_about_left ul{width:auto; height: auto; overflow: hidden; padding-top:15px; float: right }
.index_about_left ul li{width:114px; height: 114px; background: #020266; text-align: center; line-height: 114px; font-size: 18px; color: #fff; border-radius: 50%; margin-right: 8px; float: left; transition: all 0.4s ease-in-out;}
.index_about_left ul li:nth-child(4n){margin-right: 0}
.in_about_video{width:480px; height: auto; float: left; margin-left: 90px; margin-top:10px;}
.in_about_video img{width:100%; height:auto;}
.active .in_about_video{animation-name: fadeInRight;	animation-duration: 1s;	animation-delay: 1s;animation-fill-mode: both;}
.active .index_about_left{animation-name: fadeInLeft;	animation-duration: 1s;	animation-delay: 1s;animation-fill-mode: both;}
.index_about_left ul li:hover{margin-top:-10px;transition: all 0.4s ease-in-out;}
.in_about_xx span:hover{background:#020266; color:#fff}

/*第4块*/
.section4{display: block; width: 100%; height: 100%;  background: url(../images/youshi_bj.jpg) no-repeat top center ;overflow: hidden}
.in_advantage_t{width:100%; height: auto; overflow: hidden}
.in_advantage_t img{margin:15px 0}
.in_advantage_t p{font-size: 16px; color: #fff}
.in_advantage_t p span{font-size: 30px; color: #020266; font-weight: bold;}
.in_advantage_t a{width:114px; height: 37px; border: 1px solid #fff; display: block; font-size: 14px; color: #fff; text-align: center; line-height: 37px;}
.index_advntage_info{margin-top: -10px;}
.index_advntage_info .hd{width:1200px; height: auto; overflow: hidden;  margin:30px auto;}
.index_advntage_info .hd .prev,.index_advntage_info .hd .next{ display:block;  width:56px; height:53px; float:right; margin-top:10px;  overflow:hidden;
	 cursor:pointer; }
.index_advntage_info .hd .next{background: url(../images/n_right.jpg) no-repeat center}
.index_advntage_info .hd .prev{background: url(../images/n_left.jpg) no-repeat center}
.index_advntage_info .hd .prev:hover{background: url(../images/n_hleft.jpg) no-repeat center}
.index_advntage_info .hd .next:hover{background: url(../images/n_hright.jpg) no-repeat center}
.index_advntage_info .hd img{float: right; margin-left:45px; margin-top: 10px;}
.index_advntage_info .bd{width:auto; height: auto; overflow: hidden; }
.index_advntage_info .bd ul{ overflow:hidden; zoom:1; }
.index_advntage_info .bd ul li{width:347px; height:393px; overflow: hidden;  float: left; margin: 0px 6px; text-align: center; }
.index_advntage_info .bd ul li a{width:347px; height: 347px; background: #fff; border-radius: 50%; display: block; padding:45px 33px 0; margin-top: 42px;}
.index_advntage_info .bd ul li h4{font-size: 18px; color: #333333; font-weight: bold; text-align: center; margin:20px 0}
.index_advntage_info .bd ul li p{font-size: 16px; color: #333333; line-height: 36px;}
.index_advntage_info .bd ul li:hover{background: url(../images/h_slbj.png) no-repeat center}
.index_advntage_info .bd ul li:hover a{background: none;}

.active .in_advantage_t{animation-name: fadeInLeft;	animation-duration: 1s;	animation-delay: 1s;animation-fill-mode: both;}
.active .index_advntage_info{animation-name: fadeInUp;	animation-duration: 1s;	animation-delay: 1s;animation-fill-mode: both;}




/*第5块*/
.section5{display: block; width: 100%; height: 100%; background: url(../images/news_bj.jpg) no-repeat center bottom; overflow: hidden}
.section5 .fp-tableCell{vertical-align:top;}
.index_news_left{width:31.5%; height: 100vh; float: left;  padding-left: 10%; padding-top: 14vh; }
.index_news_right{width:65%; height: 100vh; float: left;  position:relative;  }
.index_news_t{width:100%; height: auto; overflow: hidden}
.index_news_t h4{font-size: 16px; color: #fff; line-height: 30px;}
.in_news_nav{width:115px; height: auto; margin-top: 20vh; margin-left: 120px}
.in_news_nav a{width:113px; height: 35px; line-height: 35px; border: 1px solid #fff; text-align: center; font-size: 16px; color: #ffffff; display: block; text-align: center; margin-bottom: 33px;}
.index_news_right .hd{float: left; position: absolute; bottom:20%; left:-25% }
.index_news_right .hd .prev,.index_news_right .hd .next{ display:block;  width:56px; height:53px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; }
.index_news_right .hd .next{background: url(../images/n_right.jpg) no-repeat center}
.index_news_right .hd .prev{background: url(../images/n_left.jpg) no-repeat center}
.index_news_right .bd{width:auto; height: 100vh; overflow: hidden; margin-left: 10% }
.index_news_right .bd ul{ overflow:hidden; zoom:1; }
.index_news_right .bd ul li{width:365px; height: 100vh; overflow: hidden;  float: left; padding-top: 20vh}
.index_news_right .bd ul li a{width:100%; height: auto; overflow: hidden; padding: 0px 30px; display: block}
.index_news_right .bd ul li span{font-size: 40px; color: #020166; font-weight: bold;}
.index_news_right .bd ul li .n_nian{font-size: 14px; color: #333333}
.index_news_right .bd ul li h4{width:100%; height: 40px; line-height:40px; font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_right .bd ul li .n_pic{width:100%; height: auto; overflow: hidden; margin: 30px 0}
.index_news_right .bd ul li .n_pic img{width:100%; height: auto; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.n_info{width:100%; height:72px; line-height:24px; font-size:14px; color: #333333; overflow: hidden }
.index_news_right .bd ul li i{width:43px; height: 19px; background: url(../images/h_jt.png) no-repeat center; display: block; margin-top: 8vh}
.index_news_right .bd ul li:hover{background: #fff}
.index_news_right .bd ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}

.active .index_news_left{animation-name: fadeInDown;	animation-duration: 1s;	animation-delay: 1s;animation-fill-mode: both;}
.active .index_news_right{animation-name: fadeInRight;	animation-duration: 1s;	animation-delay: 1s;animation-fill-mode: both;}








/*6*/
.section6{width:100%; height: 100vh; overflow: hidden; background: url(../images/contact_bj.jpg) no-repeat top center}
.section6 .container{position: relative}
.index_contact_t{width:490px; height: auto; float: left;  }
.index_contact_t h4{font-size: 16px; color: #fff; line-height: 30px;}
.index_contact_t a{width:112px; height: 34px; border: 1px solid #fff; text-align: center; line-height: 34px; display: block; font-size: 14px; color: #fff; margin-top: 72px;}
.footer_contact{width:762px; height: auto; float: right; }
.footer_xx{width:100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.footer_xx h3{width:100%; height: 35px; line-height: 35px; font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 8px}
.footer_xx p{width:381px; font-size: 16px; color: #ffffff; line-height: 35px; padding-left: 30px; float: left}
.f1{background: url(../images/dz_icon.png) no-repeat left center}
.f2{background: url(../images/yx_icon.png) no-repeat left center}
.f3{background: url(../images/dh_icon.png) no-repeat left center}
.f4{background: url(../images/dq_icon.png) no-repeat left center}
.footer_xx p a{font-size: 16px; color: #ffffff; }
.f_input{width:100%; height: auto; overflow: hidden}
.f_input h3{width:100%; height: 35px; line-height: 35px; font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 8px}
.in_text{width:100%; height: auto; overflow: hidden}
.in_text dl{width:100%; height: 52px;}
.in_text dl dt{width:392px; height: 52px; border: 1px solid #fff; float: left}
.in_text dl dd{width:335px; height: 52px; border: 1px solid #fff; float: right}
.in_text dl input[type="text"]{width:100%; height: 100%; padding: 0px 10px; font-size: 14px; color: #fff; background: none; border: 0; }
.in_text textarea{width:100%; height: 52px; border: 1px solid #fff;  margin-top: 20px; padding: 10px; background: none;}
.input_sub{width:125px;  height: 50px; border: 1px solid #fff; font-size: 14px; color: #fff; background: none; margin-top: 16px;}
::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}  
.f_shouji{width:100px;height: 30px; line-height: 30px; position: relative; float: left; margin-top: 30px;}
.f_weixin{width:100px;height: 30px; line-height: 30px; position: relative; margin-left: 20px; float: left;  margin-top: 30px;}
.f_shouji p{font-size: 12px; color:#fff; background: url(../images/sj_icon.png) no-repeat left center; padding-left: 20px;}
.f_weixin p{font-size: 12px; color:#fff; background: url(../images/wx_icon.png) no-repeat left center; padding-left: 20px;}
.f_shouji img{width:100px; height: 100px; position: absolute; top:40px; left:0; z-index: 9; display: none;}
.f_weixin img{width:100px; height: 100px; position: absolute; top:40px; left:0; z-index: 9; display: none}
.section6  .fp-tableCell{vertical-align:top;padding-top: 140px}
.section6_img{width:390px; height:620px; position: absolute; left:130px; top:60px}
.f_shouji:hover img{display: block}
.f_weixin:hover img{display: block}
.section6_img img{width:100%; height:auto}
.active .footer_contact{animation-name: bounceInDown;	animation-duration: 1s;	animation-delay: 1s;animation-fill-mode: both;}
.active .section6_img{animation-name: swing;	animation-duration: 1s;	animation-delay: 1s;animation-fill-mode: both;}


.in_copy{clear:both;width:100%;height:40px;color:#333333;font-size:12px;line-height:40px; position: fixed; bottom:0; left:0; z-index: 999}
.in_copy_l{float:left; font-size:12px; color:#333333}
.in_copy_l a{color:#333333}
.in_copy_l a:hover{color:#264095!important}
.in_footer_zhichi{width:auto; height:40px; float: right }
.in_footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#333333; line-height:40px;}
.in_footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:10px; margin-right: 10px}
.in_footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:10px;}
.in_footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.in_footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.in_footer_zhichi span{float: left; font-size: 12px; color: #333333;}
.in_footer_zhichi i{ float: left;}





/*内页header*/
.ny_header{width:100%; height: 110px; background: #fff}
.ny_header_left{width:314px; height: 100%; float: left;}
.n_logo{width:88px; height: 88px; float: left; margin-top: 12px;}
.n_logo img{width:100%; height: auto; overflow: hidden}
.ny_hdh{width:auto; height:100%; float: left; background: url(../images/h_xs.png) no-repeat left center; padding-left:20px; margin-left: 20px; margin-top: 15px;}
.ny_hdh p{font-size: 14px; color: #666666; display: block}
.ny_hdh span{font-size: 26px; color: #020266; font-family: "Impact"; line-height: 30px; display: block}
.ny_header #menu{float: right; width: 780px; height: auto; }
.ny_nav{height:100%; width:100%; float: left;}
.ny_nav a{ color:#c5dbff; font-size: 14px;}
.ny_nav .nLi{ float:left;  position:relative; display:inline;height: 100%; width:111px;  text-align: center}																
.ny_nav .nLi h3 a{ display:block;  font-size:14px;color:#333333; height: 100%; line-height:90px; width: 100%;}
.ny_nav .sub{ display:none;left:50%; top:90px;  position:absolute;  line-height:26px; padding:0; width:120px;border:0; z-index: 99999; margin-left: -60px; }
.ny_nav .sub li{ zoom:1; border-bottom: 1px solid #e5e5e5;  height:40px; line-height: 40px;  background:rgba(255,255,255,0.8);text-align: center }
.ny_nav .sub li p{ width:100%; float: left; margin: 0px;}
.ny_nav .sub li span{ float: right;}
.ny_nav .sub a{ display:block; padding:0 10px; color: #333; font-size: 12px; height: 100%; }
.ny_nav .sub a:hover{color:#020266}
.ny_nav .active h3 a{color:#020266; font-weight: bold; background: url(../images/nav_xs.png) no-repeat center 70px}
.ny_nav .sub li:hover a{background: #fff!important;}
.sub li:hover a{color:#cd9b19}


/*内页标题*/
.p-tit{height:72px; width: 100%; background: #fff; margin-top: 81px; padding: 0px 50px;}
.m-crm{color:#666666;font-size:12px; background: url(../images/home.png) no-repeat left center; padding-left: 25px; float: left;font-size:14px; line-height:72px;}
.m-crm a{font-size:14px; margin:0 3px;color:#666666;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.m-crm a:hover{color:#0569b5;}
.p-tit ul{float:right; height: 100%;}
.p-tit ul li{float:left;margin:0 20px; height:100%; }
.p-tit ul li a{display:block;height:100%; color:#333333;font-size:14px; padding-top:44px;}
.p-tit ul li.active a,.p-tit ul li:hover a{color:#020266; background: url(../images/sl_icon.png)  no-repeat center 10px;  font-weight: bold;}






/*内页banner*/
.ny_banner{width:100%; height: 350px; padding-top: 40px; background: url(../images/news_ban.jpg) no-repeat center}
.ny_banner_info{width:100%; height: auto; overflow: hidden}
.ny_banner_info h3{font-size: 20px; color:#333333; }
.ny_banner_info h4{font-size: 72px; color: #020266; font-weight: bold; font-family: "Arail"}
.ny_banner_info h4 span{color:#333333}
.ny_banner_info .ny_ban_zi{width:360px; height: 36px; line-height: 36px; border: 1px solid #333333; border-radius: 25px; font-size: 16px; color: #333333; text-align: right; padding: 0px 8px; background:url(../images/ban_jt.png) no-repeat 10px center }


/*关于我们*/
.ny_about_one{width:1440px; height: auto; overflow: hidden; background: #fff; padding:40px 50px 46px; margin: 0px auto}
.about_one_left{width:765px; height: auto; float: left}
.about_one_left h4{font-size: 18px; color:#333333; font-weight: bold; margin-top: 67px;}
.about_one_xx{width:100%; height: auto; overflow: hidden; margin-top: 42px;}
.about_one_xx p{font-size: 14px; color: #666666; line-height: 28px; margin-bottom:15px; text-indent: 2rem}
.about_one_right{width:524px; height: 522px; float: right}
.ny_about_two{width:100%; height:632px; background: url(../images/about_tbjs.jpg) no-repeat left center}
.ny_renwu_jianjie{width:100%; height: 265px; background: #cce5f7; padding: 75px 56px 0}
.ny_renwu_jianjie p{font-size: 14px; color: #333333; line-height: 28px;}
.ny_two_tile{width:451px; height: 326px; float: left; position: relative; padding-left: 50px; padding-top:100px; }
.ny_two_tile h4{font-size: 48px; color: #ffffff; font-family:"Arial"; font-weight: 900}
.ny_two_tile p{font-size:24px; color: #ffffff; font-weight: bold;}
.ny_two_tile:after{content: ""; width:292px; height:195px; border:12px solid rgba(255,255,255,0.48); position: absolute; top:50px; left:98px }
.about_two_right{width:882px; height: 100%; float: right; margin-right: 53px; background: url(../images/ren.jpg) no-repeat right bottom; padding-top:40px;}
.about_two_right p{font-size: 14px; color: #333333; background: url(../images/yuan.png) no-repeat left center; line-height: 30px; padding-left: 30px;}
.about_two_top{width:100%; height: 326px;}
.ny_about_three{width:1440px; height: auto; overflow: hidden; padding:102px 50px 60px; margin: 0px auto; background:#fff url(../images/dsl.jpg) no-repeat right 40px}
.ny_about_three ul{width:auto; display: table; margin: 80px auto 0;}
.ny_about_three ul li{width:210px; height: 239px; float: left; margin-right: 121px; }
.ny_about_three ul li:last-child{margin-right: 0}
.ny_about_three ul li div{width:210px;  height:210px; background: #cce5f7; text-align: center; border-radius: 50%; padding-top: 47px; margin-top: 26px;}
.ny_about_three ul li div h4{font-size: 30px; color: #333333; font-weight: bold;}
.ny_about_three ul li p{font-size: 16px; color: #333333; line-height: 28px; margin-top: 20px;}
.ny_about_three ul li:hover{background: url(../images/sl_bj.png) no-repeat center}
.ny_about_three ul li:hover div{background: none;}
.ny_about_three ul li:hover h4,.ny_about_three ul li:hover p{color:#fff}
.ny_about_four{width:1440px; height: auto; overflow: hidden; background: #fff; padding:40px 50px 46px; margin: 0px auto 40px}
.about_four_left{width:335px; height: auto; float: left; padding-top: 88px;}
.about_four{width:250px; height: auto; margin-left: 83px; margin-top: 40px;}
.about_four a{font-size: 24px; color:#333; display: block; font-weight: bold; line-height: 50px; text-align: right; margin-bottom: 20px }
.about_four a.active{border-bottom: 2px solid #020266}
.about_four_title{width:100%; height: 200px; overflow: hidden; position: relative; padding-top: 30px;}
.about_four_title h4{font-size: 48px; color: #020266; font-family:"Arial"; font-weight: 900; position: relative; z-index: 8; line-height: 48px;}
.about_four_title:after{content: ""; width:269px; height:175px; border:12px solid #e5e5e5; position: absolute; top:0px; left:40px }





.mr_frbox{height:auto; position: relative; width:883px; float: right}
.mr_frUl{float:left;height:100%;width:100%;}
.mr_frBtnR{float:right;margin-top:28px;cursor:pointer;}
.mr_frUl ul li{display:inline;float:left;width:428px; height: auto;margin-right:20px;overflow:hidden;}
.mr_frUl ul li img{display:block;width:100%;  height: auto}
.mr_frUl ul li a{width:428px; height:303px;  margin-bottom: 20px; display: block; overflow: hidden}
.mr_frUl ul li a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.og_prev,.og_next{width:59px; height: 59px; float: left}
.og_prev{background: url(../images/c_left.png) no-repeat center; margin-left: 380px;}
.og_next{background: url(../images/c_right.png) no-repeat center}




/*内页新闻*/
.ny_all{background: #fff; margin-bottom: 46px; padding-bottom: 40px;}
.ny_news_top{width:100%; height: auto; background: #cce5f7; padding:56px 50px 0; }
.ny_fubiaoti{width:100%; height: 106px; line-height: 106px;  font-size: 53px; color: #333333; font-family: "Arial"; font-weight: bold;}
.ny_fubiaoti  span{background: #020266; color:#fff; font-family: "Arial"; font-size: 53px; text-align: right; padding:23px 0px 23px 75px }
.ny_news_top ul{width:100%;  height: auto; overflow: hidden; margin-top: 67px;}
.ny_news_top ul li{width:100%; height: auto; overflow: hidden; padding-bottom: 45px; border-bottom: 1px dashed #020166; margin-bottom: 45px;}
.ny_top_pic{width:306px; height: 192px;  overflow: hidden; float: left}
.ny_top_xx{width:70%; height: auto; float: right}
.ny_top_xx h4{width:80%; height: 40px; line-height:40px; float: left; font-size: 16px; color: #333333; font-weight: bold; text-overflow:ellipsis; overflow: hidden; white-space: nowrap}
.ny_top_xx span{font-size: 14px; color: #333333; float:right;  height: 40px; line-height:40px;}
.ny_top_xx p{width:100%;  height: auto; line-height: 36px; font-size: 14px; color: #333333; margin:10px 0 20px}
.ny_news_top ul li:last-child{border-bottom: 0}
.ny_news_bottom{width:100%; height: auto; overflow: hidden; padding: 0 50px; margin-top: 60px}
.ny_news_bottom ul{width:100%; height: auto; overflow: hidden}
.ny_news_bottom ul li{width:48%; height: auto; float: left; margin-bottom: 40px;}
.ny_news_bottom ul li .in_news_t{width:100%; height: 40px; line-height: 40px;}
.ny_news_bottom ul li .in_news_t h3{width:80%; height: auto; float: left; font-size: 16px; color: #333333; font-weight: bold; text-overflow:ellipsis; overflow: hidden; white-space: nowrap}
.ny_news_bottom ul li .in_news_t span{font-size: 14px; color: #333333; float:right}
.ny_news_bottom ul li p{width:100%;  height: auto; line-height: 36px; font-size: 14px; color: #333333; margin:10px 0}
.ny_news_bottom ul li:nth-child(2n){float: right}



/*招商加盟*/
.ny_join_top{width:100%; height: auto; background: #cce5f7; padding:56px 50px 0; }
.ny_join_top ul{width:100%; height: auto; overflow:hidden; margin-top: 60px;}
.ny_join_top ul li{width:19.2%; height: 245px; background: #fff; float: left; padding:20px 30px 0; margin-bottom: 12px; margin-right: 1%;}
.ny_join_top ul li h4{font-size: 16px; color: #333333; font-weight: bold; line-height: 50px; text-align: center}
.ny_join_top ul li p{width:100%; height: auto; overflow: hidden; line-height: 30px; font-size: 15px; color: #333333}
.ny_join_top ul li:nth-child(5n){margin-right: 0}
.ny_join_top ul li:hover{background: #020266;}
.ny_join_top ul li:hover h4,.ny_join_top ul li:hover p{color:#fff}
.ny_join_a{ text-align: center; padding-top: 56px!important;}
.ny_join_a span{width:126px; height: 35px; border: 1px solid #020166; background: #cce5f7; text-align: center; line-height: 35px;  border-radius: 25px; font-size: 16px; color: #333333; display: block; margin: 10px auto;}
.ny_join_a:hover{background: #fff!important;}
.ny_join_a:hover span{background: #020266; color:#fff}
.ny_all_bottom{width:100%; height: auto; overflow: hidden; padding: 0 50px 60px; margin-top: 60px}
.ny_join_ttile{width:100%; height: 199px; overflow: hidden; background: url(../images/yuan_hx.png) no-repeat 45px top; padding-top:32px;}
.ny_join_ttile h4{font-size: 48px; color: #020266; font-family:"Arial"; font-weight: 900; line-height: 52px}
.ny_join_ttile p{font-size:24px; color: #333333; font-weight: bold;}
.ny_join_bottom ul{width:100%; height: auto; overflow: hidden; margin-top: 58px; margin-bottom: 102px;}
.ny_join_bottom ul li{width:32.6%; height: 217px; background: #eeeeee; padding:40px 38px 0; float: left; margin-right:1%;}
.ny_join_bottom ul li:last-child{margin-right: 0}
.ny_join_bottom ul li p{font-size: 16px; color: #333; line-height:32px;}
.ny_join_lc{width:100%; height: auto; overflow: hidden; margin-top: 86px;}
.ny_join_lc .ny_join_lclist{width:154px; height: 154px; background: #cce5f7; border: 1px solid #020166; border-radius:50%; float: left; text-align: center; padding-top: 33px;}
.ny_join_lclist p{font-size:16px; color: #333333; line-height:28px; margin-top: 8px;}
.ny_join_jt{width:83px; height: 154px; background: url(../images/join_jt.png) no-repeat center; float: left}


/*石榴汁*/
.ny_slz_bottom ul{width:100%; height: auto; overflow: hidden; margin-top: 55px;}
.ny_slz_bottom ul li{width:263px; height: 49px; line-height: 49px; border: 1px solid #020166; background: #cce5f7; border-radius: 25px; text-align: center; font-size: 16px; color: #333333; float: left; margin-right:6px; margin-bottom: 20px;}
.ny_slz_bottom ul li:nth-child(5n){margin-right: 0}
.ny_tishi{width:100%; height: auto; overflow: hidden; margin: 20px 0; background: url(../images/sl_right.png) no-repeat right center}
.ny_tishi p{font-size:16px; color: #333333; line-height: 30px; margin-top: 20px;}
.ny_slz_top{width:100%; height: 810px;  background:#cce5f7 url(../images/slz_bj.jpg) no-repeat center; padding: 50px; position: relative}
.slz_top_left{width:370px; float: left; height: auto}
.slz_one_xx{width:300px; height: auto; overflow: hidden; margin-top: 50px; margin-left: 50px;}
.slz_one_xx h4{font-size: 20px; color: #333333; font-weight: bold; margin-bottom: 20px;}
.slz_one_xx p{font-size: 14px; color: #333333; line-height:28px;width: 100%}
.slz_top_right{width:960px; float: right}
.slz_top_right h4{font-size: 72px; color: #020166; font-family: "Arial"; font-weight: 900; text-align: right}
.slz_top_right .slideBox{ width:800px; height:auto; overflow:hidden; position:relative;}
.slz_top_right .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slz_top_right .slideBox .bd li{width:100%; height: auto; overflow: hidden}
.slz_pic{width:487px; height: 457px; float: left}
.slz_top_right .slideBox .bd img{width:100%; height: auto; overflow: hidden}
.slz_top_right .slideBox .bd li p{width:300px; font-size: 20px; color: #333333; font-weight: bold; float: left; margin-top: 370px; margin-left: 10px; }
.slz_top_right .slideBox .prev,
.slideBox .next{ position:absolute;  top:50%; display:block; width:62px; height:62px; }
.slz_top_right .slideBox .next{ left:562px; background:url(../images/p_right.jpg) no-repeat}
.slz_top_right .slideBox .prev{left:500px; background:url(../images/p_left.jpg) no-repeat}
.slz_top_right .slideBox .prev:hover{background:url(../images/p_hleft.jpg) no-repeat}
.slz_top_right .slideBox .next:hover{background:url(../images/p_hright.jpg) no-repeat}

.slz_hua{width:263px; height: 227px; position: absolute; bottom:175px; right:-95px}




/*内页底部*/
.footer{width:100%; height:254px; background: url(../images/footer_bj.jpg) no-repeat center; padding-top: 30px;}
.footer h4{width:100%; height: auto; overflow: hidden; font-size: 18px; color: #fff; font-weight: bold; line-height: 40px; text-align: center}
.footer p{width:100%;  height: 30px; z-index:30px; font-size: 16px; color: #fff; line-height: 26px; text-align: center}
.footer p a{color:#fff}
.footer_pic{width:300px; height: auto; margin: 8px auto;}
.footer_sj{width:68px; float: left; position: relative}
.footer_sj p{font-size: 12px; color:#fff; background: url(../images/sj_icon.png) no-repeat left center; padding-left:15px; }
.footer_sj img{width:100px; height: 100px; position: absolute; top:30px; left:0; z-index: 9; display:none;}
.footer_wx{width:90px; height: auto; float: left;  margin-left: 20px; position: relative}
.footer_wx p{font-size: 12px; color:#fff; background: url(../images/wx_icon.png) no-repeat left center; padding-left: 10px;}
.footer_wx img{width:100px; height: 100px; position: absolute; top:30px; left:0; z-index: 9; display:none;}
.footer_sj:hover img{display: block}
.footer_wx:hover img{display: block}
.copy{clear:both;width:100%;height:70px;color:#999999;font-size:12px;line-height:70px;}
.copy_l{float:left; font-size:12px; color:#999999}
.copy_l a{color:#999999}
.copy_l a:hover{color:#264095!important}
.footer_zhichi{width:auto; height:70px; float: right }
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#999999; line-height:70px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:22px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:22px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 12px; color: #999999;}
.footer_zhichi i{ float: left;}






/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;

    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}


.lxfx li i.icon-top {
  background-position: -30px -49px;
    height: 32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
	font-size: 14px;
}
.lxfx li {
    background:#020266;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}





/*人力资源*/

.ny_rlzy{width:100%; height: auto; overflow: hidden; font-size: 14px; color: #666; line-height: 26px;   margin-bottom: 40px;}
.ny_rlzy .container{background:#fff; padding:20px 50px;}
.ny_rlzy img{max-width:100%;}


/*新闻*/
.p-ct{width:100%; height: auto; overflow: hidden; padding:20px 50px 60px;}
.keyword_light{font-size:16px; color:#666; line-height:32px;}
.keyword_light p{line-height:32px;}


/*产品系列*/
.ny_pronav{width:100%; height: auto; overflow: hidden; margin: 20px 0}
.ny_pronav ul{width:1200px; height: auto; margin: 0px auto;}
.ny_pronav ul li{width:162px; height: 44px; background: #dcdcdc; text-align: center; line-height: 44px; float: left; margin-right: 11px; margin-bottom: 12px;border-bottom: 2px solid #fff;}
.ny_pronav ul li a{color:#333333; font-size: 15px;display:block;}
.ny_subtitle ul li{display:inline-block;width:auto;height: auto;    padding: 5px 20px;}
.ny_pronav ul li:nth-child(7n){margin-right: 0px;}
.ny_pronav ul li:hover{background:#020166; border-bottom: 2px solid #9e010f}
.ny_pronav ul li.active{background:#020166; border-bottom: 2px solid #9e010f}
.ny_pronav ul li.active a,.ny_pronav ul li:hover a{color:#fff}
.ny_product ul{width:100%; height: auto; overflow: hidden;margin-top:0px; margin-bottom: 20px;}
.ny_product ul li{width:286px; height:auto; float: left; margin-right: 18px;margin-bottom: 30px; overflow: hidden}
.ny_product ul li:nth-child(4n){margin-right: 0px;}
.pro_pic{width:100%; background: #eeeeee; padding: 10px; }
.pro_img{width:100%; height: 100%; position: relative; overflow: hidden}
.pro_h{width:100%; height: 100%; position: absolute; top: 0px; left:0px;  }
/*background: url(../images/p_h.png) no-repeat;background-size:100% 100%;opacity: 0;*/
.ny_product ul li img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product ul li p{width:100%; height: 43px; background: #b5b5b5; text-align: center; line-height: 43px; font-size: 16px; color: #333333;margin-top: 10px;}
.ny_product ul li:hover .pro_h{opacity: 1}
.ny_product ul li:hover p{background: #020166;color:#fff;}
.ny_produc_xx{width:880px; height: auto; overflow: hidden; font-size: 14px; color: #777777; line-height: 26px;margin: 38px auto 0}
.ny_produc_xx p{font-size: 14px; color: #777777; line-height: 26px;}

#sl_ImgList div img{display:block;}
.ny_proshow{padding:40px;}
.ny_proshow_top{width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.ny_proshow_xx{margin-left:506px; height:100%; overflow:hidden}
.ny_proshow_bottom{width:100%; height:auto; overflow:hidden}
.proshow_xxk{color: #fff; font-size: 20px;font-weight: bold; border-left: 3px solid #020166!important;width:100%; display:block; background: #323136;padding-left:20px; height:40px; line-height:40px;}
.proshow_xx{font-size:14px; color:#666; line-height:30px; margin-top:10px;}
.proshow_xx img{max-width:100%;}
.go_black{width: 90px;height: 30px;background: #020166!important; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative;}



/*联系我们*/
.m-cot{ height: auto; overflow: hidden; margin-top: 30px;}
.m-cot .ewm{float:right; margin-left: 15px;}
.m-cot .ewm img{width:110px;height:110px;border:1px solid #ddd; padding:5px;}
.m-cot .ewm p{text-align:center; font-size:14px; color:#666; line-height:26px;}
.m-map{width:100%; height:350px; margin-top:50px;}
.m-contright{width:700px; height: auto; float: left;font-size:14px; line-height:28px;color:#666}
.ny_subtitle ul li a{font-size:12px;}
.ny_subtitle ul li{padding:0 15px;}
.ny_contact{background:#fff; overflow:hidden; padding:20px 20px 50px; margin-bottom:40px;}
.ny_feedbook{ padding:20px 50px 50px; background:#fff; overflow:hidden}


/*设备*/
.ny_shebei{height:auto; overflow: hidden; background:#fff; padding:20px 20px 50px;}
.ny_shebei ul{width:100%; height: auto; overflow: hidden; margin-top: 38px;}
.ny_shebei ul li{width:23.5%; height: auto; overflow: hidden; float: left;margin-bottom: 27px; margin-right:2%;}
.shebei_pic{width:100%;overflow: hidden;}
.shebei_pic img{width:100%; height: 100%; display:block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_shebei ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_shebei ul li .she_sousuo{width:100%; height: 45px; background: #eeeeee}
.ny_shebei ul li .she_sousuo p{width:189px; height: 45px; line-height: 45px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #333333; padding-left: 20px;}
.sousuo{width:58px; height: 45px; background: #b5b5b5; text-align: center; float: right; display: flex; align-items: center;}
.sousuo img{align-items: center; margin: 0px auto;}
.ny_shebei ul li:hover .sousuo{background: #020166}
.ny_shebei ul li:nth-child(4n){margin-right:0px;}



@media screen and (max-width:1440px){
	.container,.ny_about_one,.ny_about_three,.ny_about_four{width:1200px;}
	.ny_about_one,.ny_about_three{padding:40px 20px 46px}
	.ny_feedbook{padding:20px 0px 50px}
	.ny_join_bottom ul li{padding:20px 20px 0}
	.ny_join_top{padding:56px 30px 0}
	.ny_join_top ul li{padding:20px 15px 0}
	.ny_join_jt{width:47px;}
	.ny_all_bottom{padding:0 20px 60px}
	.slz_top_right{width:725px;}
	.ny_slz_bottom ul li{width:284px;}
	.about_one_left{width:620px;}
	.about_two_right{width:663px; background:#fff url(../images/ren.jpg) no-repeat right bottom; padding-left:20px;}
	.ny_about_three ul li{margin-right:106px}
	.ny_join_ttile{height:230px}
	.mr_frbox{width:735px;}
	.mr_frUl ul li{width:370px;}
	.mr_frUl ul li a{width:100%; height:auto;}

	.index_about_left{width:548px;}
	.index_advntage_info .bd ul li{width:288px; height:330px}
	.index_advntage_info .bd ul li a{width:288px; height:286px; padding:30px 33px 0}
	.index_advntage_info .bd ul li h4{margin:10px 0}
	.index_advntage_info .bd ul li p{line-height:30px;}
	.index_advntage_info .bd ul li:hover{background-size:100% 100%}
	.index_news_left{padding-left:4%; width:25%}
	.index_news_right .bd{margin-left:6%}
	.index_news_right .bd ul li{width:320px;}
	.index_news_right{width:71%}
	.section6_img{width:320px; height:auto}
	.index_contact_t{width:430px;}
	.in_about_video{width:378px; margin-top:26px;}
	.in_advantage_t img{width:30%}
	.in_advantage_t p span{font-size:26px;}
	.section4 .container{padding-top:8vh}
	.index_news_t img{width:80%}
	.in_news_nav{margin-top:13vh}
}


@media screen and (max-width:1366px){
	.index_news_right{width:72%}
	.index_news_right .bd ul li{width:310px;}
	.slideBox_one{width:30%}
	.section1{background-size: 100% auto;}
	.in_advantage_t{display:none;}
	.in_news_nav{margin-top:9vh}
	.section6_img{width:254px;}
	.footer_xx{margin-bottom:20px;}
	.in_text dl dt,.in_text textarea,.input_sub{height:45px;}
	.in_about_video{width:425px;}
	.slideBox .bd li a{background-size: 100% auto!important}
}