*{box-sizing:border-box;margin:0; padding:0; list-style:none;  }
a{ color:#333; text-decoration:none;  }
a:hover{color:#333}
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:1200px; }
.w1440{ margin: 0px auto;width:1440px; }
.w1200{width:1200px; margin:0px auto; }






/*导航*/
.nav_logo{width:100%; height: auto; overflow: hidden}
.nav_logo img{width:120px; height:auto; display: block; margin: 4vh auto;}
.header_lx{margin:2vh auto;width:auto; height: 68px; display: table}
.header_lx p{font-size: 14px; color: #333333; font-weight: bold; line-height: 30px;}
.shouji{position: relative;float:left;  width:70px; height: 30px; text-align: center;}
.weixin{position: relative;float:left;  width:70px; height: 30px; text-align: center; margin: 0px 10px;}
.h_tupian{width:100%; height: auto; overflow: hidden; }
.h_tupian img{width:40px;height: auto; display: block; margin: 0px auto;}
.weixin .header_ma,.shouji .header_ma{ position: absolute; top:30px; left:0px; z-index: 999; display: none;width:80px; height: 80px;}
.weixin:hover img,.shouji:hover img{display: block;}
.header_dh{width:160px; height: auto; overflow: hidden; text-align: center; margin: 0px auto;}
.header_dh p{font-size: 14px; color: #222222;  }
.header_dh span{font-size: 18px; color: #014b92; font-weight:bold; }
.header_phone{width:100%; height: auto;  position: absolute; bottom:35px; left:0}






/*网站侧导航*/
.page_header{position:fixed;top:0;left:0;z-index:20;width:230px;height:100%;background:rgba(255,255,255,0.7);box-shadow:1px 0 2px 0 rgba(0,0,0,.3)}
.x_slide_bar{width:100%; height: 100%}
.x_slide_bar,.x_slide_bar .nav_wrapper{height:100%}
.x_slide_bar .inav{position:relative; width:100%; height:100%; margin: 0px auto;}
.x_slide_bar .inav li{color:#4d4d4d;font-size:16px; cursor:pointer;transition:all .5s ease;  padding: 0px 40px}
.has_sec_ul{padding:0 20px;}
.x_slide_bar .inav li.active a.nav{color:#ec7e15}
.x_slide_bar .inav li a.nav{display:block; text-align: center; width: 100%; border-bottom: 1px solid #a0a0a0; padding: 12px 0}
.x_slide_bar .inav li a.nav p{font-size: 14px; color: #222222; font-weight: bold; line-height: 26px;}
.x_slide_bar .inav li a.nav span{font-size: 12px; color: #333333; font-family: "Arial"}
.x_slide_bar .inav .nav_img{position:absolute;top:0;left:100px;z-index:-2;visibility:hidden;width:156px;height:930px;background:rgba(0,0,0,.4);opacity:0}
.x_slide_bar .inav li:hover .nav_img{left:230px;z-index:-1;visibility:visible;opacity:1;-webkit-transition:all ease .5s;transition:all ease .5s}
.x_slide_bar .lang{position:absolute;bottom:0;width:100%;height:120px;background-color:#fd961e}
.x_slide_bar .inav li:hover .nav{;color:#ec7e15}
.x_slide_bar .inav li:hover .x_slide_bar .inav li>a{color:#fff}
.x_slide_bar .inav .nav_img .nav_ul1{padding-top:63%}
.x_slide_bar .inav li.active .nav span,.x_slide_bar .inav li.active .nav p{color:#014b92}

.x_slide_bar .inav .nav_img .nav_ul1 li{padding: 0}
.nav_ul1 li a{display:block; border-bottom:1px solid #ccc;color:#fff; text-align: center; line-height: 40px;}
.x_slide_bar.inav{left:-200px;transition:all .5s ease}
.x_slide_bar.inav.show{left:60px}
.x_slide_bar .link_list{margin:0 auto 10px;max-width:98px;border-top:rgba(255,255,255,.2) 1px solid;text-align:center}
.x_slide_bar .link{position:relative;display:block;height:26px;border-bottom:rgba(255,255,255,.2) 1px solid;color:#3d2306;font-size:12px;line-height:26px}
.x_slide_bar .link:hover{color:#fff;color:rgba(255,255,255,.6)}
.x_slide_bar .link:after{position:absolute;right:50%;bottom:50%;display:block;margin-right:-35px;margin-bottom:-5px;width:5px;height:5px;content:''}
.x_slide_bar .link span{position:relative;display:inline-block}
.x_slide_bar .link_en span{padding-left:20px}
.x_slide_bar .link_en span:before{position:absolute;top:50%;left:0;display:block;margin-top:-8px;width:13px;height:13px;content:''}




/*banner*/
.section_ban{height:100%; position: relative; }
.section_ban .slideBox{position:relative;overflow:hidden;width:100%;height:100%;}
.section_ban .slideBox .hd{ height:auto; overflow:hidden; position:absolute; left:50%; bottom:5%; z-index:1; margin-left: -48px }
.section_ban .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.section_ban .slideBox .hd ul li{width:12px; height:12px;  text-align:center; cursor:pointer; background:#eee;  margin-bottom: 60px; border-radius: 50%; float: left; margin: 0px 10px;}
.section_ban .slideBox .hd ul li span{font-size: 46px; font-family: "Arial";  color:#fff; opacity: 0}
.section_ban .slideBox .hd ul li.on{background: #014b92}
.section_ban .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.section_ban .slideBox .bd ul{width:100%;height:100%}
.section_ban .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1; position: relative}
.section_ban .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.section_ban .slideBox .bd img{display:block;width:100%;height:100%}





/*关于我们*/
.section1{display: block; width: 100%; height: 100%; overflow: hidden}
.section1_ban{width:100%; height: 100%; overflow: hidden; background: url(../images/about_bjs.jpg)  no-repeat center; position: absolute; top:0; left:0; z-index: -1}
.active .section1_ban{ animation: slowScale 6s forwards;-webkit-animation: slowScale 6s forwards;}
.section1_left{width:300px; height: auto; float: right; margin-right:7%; padding-top: 25vh}
.section1_left dl{width:100%; height: auto; margin-bottom:30px; overflow: hidden}
.section1_left dl dt{width:130px; float: left; text-align: right; margin-top: 35px;}
.section1_left dl dt p{font-size: 28px; color: #fff; font-weight: bold; font-family: "Arial";margin-bottom: 10px;}
.section1_left dl dt span{width:73px; height: 2px; background:#fff; display: block; float: right}
.section1_left dl dd{width:90px; height: auto; float: left; margin-left: 46px;}
.section1_left dl dd img{width:100%; height: auto; display: block; -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.section1_left dl dd p{width:100%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center}
.section1_left dl:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}
.section1_right{width: 45%; height: 100%; float: right; background: rgba(255,255,255,0.65); padding-left: 87px; padding-right: 10%; padding-top: 4vh}
.section1_right h4{font-size: 36px; color: #333333;font-weight: bold; line-height: 50px; margin: 10px 0}
.section1_right span{width:75px; height: 2px; background: #014b92; display: block; }
.in_about{width:100%; height: 144px; overflow: hidden; font-size: 14px; color: #333333; line-height:24px; margin-top: 18px;}
.ab_more{width:160px; height: 37px; background: #014b92; text-align: center; line-height: 37px; border-radius: 5px; float: right; color: #fff; margin-top:7vh}
.section1_video{width:100%; height: auto; overflow: hidden; margin-top: 5vh; }
.section1_video video{width:100%; height: auto; display: block}
.active .section1_left{animation-name: bounceInDown;	animation-duration: 1.2s;	animation-delay:0.8s;animation-fill-mode: both; opacity: 1}
.active .section1_right{animation-name: bounceInUp;	animation-duration: 1.2s;	animation-delay:0.8s;animation-fill-mode: both; opacity: 1; }





/*产品*/
.section2{display: block; width: 100%; height: 100%; overflow: hidden;}
.section2_ban{width:100%; height: 100%; overflow: hidden; background:#fff url(../images/product_bjs.jpg)  no-repeat bottom center; position: absolute; top:0; left:0; z-index: -1; background-size:cover;}
.active .section2_ban{ animation: slowScale 6s forwards;-webkit-animation: slowScale 6s forwards;}
.in_pro_title{width:100%; height: auto; overflow: hidden; position: relative; text-align: center}
.in_pro_title h3{font-size:36px; color: #222222; font-weight: bold;}
.in_pro_title p{font-size:16px; color: #666666; position: relative; display: table; margin:20px auto;}
.in_pro_title p:after{content: ""; width: 194px; height: 1px; background: #666666; position: absolute; right:-220px; top:10px;}
.in_pro_title p:before{content: ""; width: 194px; height: 1px; background: #666666; position: absolute; left:-220px; top:10px;}
/*.slideTxtBox{ width:1200px; height: auto; margin-left: 24%; position: relative;}
.slideTxtBox .hd{width:100%; height: auto; margin-top: 5vh}
.slideTxtBox .hd ul{width:100%; height: auto; overflow: hidden}
.slideTxtBox .hd ul li{ float:left; width: 186px; height: auto; margin-bottom: 2.8vh}
.in_pro_tp{width:100%; height: auto;  padding: 10px;border-radius:5px;}
.in_pro_tp img{width:100%; height: auto; display: block}
.slideTxtBox .hd ul li p{font-size: 18px; color: #ffffff; font-weight: bold; text-align: center; line-height: 35px;}
.slideTxtBox .hd ul li.on .in_pro_tp{background: rgba(15,100,0,0.8); }
.slideTxtBox .hd ul li:nth-child(2n){margin-left:824px;}
.slideTxtBox .bd{width:800px; height: auto;  position: absolute; top:0; left:50%; margin-left: -400px; z-index: 9}
.slideTxtBox .bd ul{width:100%; height: auto; overflow: hidden}
.slideTxtBox .bd li{width:100%; height: auto; overflow: hidden}
.in_pro_pic{width:618px; height: 672px; float: left; background: url(../images/pro_pic.png) no-repeat center; background-size: 100% auto; display: flex; align-items: center;}
.in_pro_pic img{width:270px; height: auto; display: block; align-items: center; margin:0px auto; }
.in_pro_xx{width:180px; height: auto; float: right; margin-top: 18vh}
.in_pro_xx h4{width:100%; height: 40px; line-height: 40px; font-size: 18px; color: #ffffff; font-weight: bold; text-align: center}
.in_pro_xx p{width:100%; height:190px; font-size: 14px; color: #ffffff; line-height: 38px; overflow: hidden; text-align: center; margin: 10px 0}
.in_pro_xx span{width:100%; height: 36px; background: #014b92; display: block; text-align: center; line-height: 36px; border-radius: 5px; color: #fff; font-size: 14px;}
.active .in_pro_title{animation-name: fadeInLeftBig;	animation-duration: 1.2s;	animation-delay: 0.8s;animation-fill-mode: both; opacity: 1}
.active .slideTxtBox{animation-name: fadeInRight;	animation-duration:1.2s;	animation-delay:0.8s;animation-fill-mode: both; opacity: 1; }

*/



/*优势*/
.section3{display: block; width: 100%; height: 100%; overflow: hidden}
.section3_ban{width:100%; height: 100%; overflow: hidden; background: url(../images/youshi_bjs.jpg)  no-repeat center; position: absolute; top:0; left:0; z-index: -1}
.active .section3_ban{ animation: slowScale 6s forwards;-webkit-animation: slowScale 6s forwards;}
.in_youshi{width:1170px; height: 620px; background: rgba(240, 240, 240, 0.25); margin: 20px 0 20px 24%; position: relative; padding-top: 44px;}
.in_youshi_pic{width:379px; height: 337px; margin: 0px auto;}
.in_youshi_pic img{width:100%; height:auto; display:block;}
.in_youshi_1{ top:65px; left:78px}
.in_youshi_2{bottom:50px; left:38%}
.in_youshi_3{top:65px; right:78px}
.in_ys_txt{width:285px; height: auto; text-align: center; position: absolute; }
.in_ys_txt h3{font-size: 22px; color: #ffffff; font-weight: bold; line-height: 40px;}
.in_ys_txt p{width:100%; height:72px; line-height: 24px; font-size: 14px; color: #fff;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; margin: 10px 0 20px}
.in_ys_txt span{width:160px; height: 37px; display: block; margin: 0px auto; background: #014b92; text-align: center; line-height: 37px; font-size: 14px; color: #fff; border-radius: 5px;}
.active .in_news_title{animation-name: fadeInLeftBig;	animation-duration:1.2s;	animation-delay: 0.8s;animation-fill-mode: both; opacity: 1}
.active .in_youshi{animation-name: fadeInUpBig;	animation-duration:1.2s;	animation-delay:0.8s;animation-fill-mode: both; opacity: 1; }
.section3 .in_news_title{margin-left:5%;}




/*新闻*/
.section4{display: block; width: 100%; height: 100%; overflow: hidden}
.section4_ban{width:100%; height: 100%; overflow: hidden; background: url(../images/news_bjs.jpg)  no-repeat center; position: absolute; top:0; left:0; z-index: -1}
.active .section4_ban{ animation: slowScale 6s forwards;-webkit-animation: slowScale 6s forwards;}
.in_news_title{width:100%; height: auto; overflow: hidden; position: relative; text-align: center}
.in_news_title h3{font-size:36px; color: #fff; font-weight: bold;}
.in_news_title p{font-size:16px; color: #fff; position: relative; display: table; margin:20px auto;}
.in_news_title p:after{content: ""; width: 194px; height: 1px; background: #fff; position: absolute; right:-220px; top:10px;}
.in_news_title p:before{content: ""; width: 194px; height: 1px; background: #fff; position: absolute; left:-220px; top:10px;}
.section4 ul{width:100%; height: auto; overflow: hidden; margin-top:5vh;}
.section4 ul li{width:100%; height:auto; border-bottom: 1px solid #fff; padding: 40px 0; overflow: hidden }
.section4 ul li a{width:1110px;  height: auto; margin: 0px auto; display: block; overflow: hidden}
.in_news_time{width:120px; height: auto; float: left; text-align: right; margin-top:10px;}
.in_news_time span{font-size: 32px; color: #fff; font-weight: bold;}
.in_news_time p{font-size: 18px; color: #fff;}
.in_news_info{width:850px; height: auto; float: left; margin-left: 40px;}
.in_news_info h3{width:100%; height: 30px; line-height:30px; color:#fff; font-size: 18px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.in_news_info p{font-size: 14px; color: #fff; line-height:24px; height:72px}
.section4 ul li img{float: right; margin-top: 50px;}
.section4 ul li:hover{background: #014b92}


.section4.active  ul{animation-name: fadeInUpBig;	animation-duration: 1.2s;	animation-delay: 0.8s;animation-fill-mode: both; opacity: 1; }





/*第5块*/
.section5{display: block; width: 100%; height: 100%; overflow: hidden}
.section5_ban{width:100%; height: 100%; overflow: hidden; background: url(../images/contact_bjs.jpg)  no-repeat center; position: absolute; top:0; left:0; z-index: -1}
.active .section5_ban{ animation: slowScale 6s forwards;-webkit-animation: slowScale 6s forwards;}
.section5 .container{width:970px; margin-left: 30% }
@keyframes slowScale{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes slowScale{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(1.2)}}
.in_title{width:100%; height: auto; overflow: hidden; text-align: center}
.in_title h3{font-size:36px; color: #ffffff; font-weight: bold;}
.in_title p{font-size:16px; color: #ffffff; position: relative; display: table; margin:20px auto;}
.in_title p:after{content: ""; width: 194px; height: 1px; background: #ffffff; position: absolute; right:-220px; top:10px;}
.in_title p:before{content: ""; width: 194px; height: 1px; background: #ffffff; position: absolute; left:-220px; top:10px;}
.footer_contact{width:488px; height: auto;  float: left; margin-top:5vh }
.footer_xx{width:100%; height: auto; overflow: hidden}
.footer_xx p{font-size: 14px; color: #ffffff; line-height: 50px; margin-bottom: 8px; padding-left: 50px;}
.f1{background: url(../images/f1.png) no-repeat left center;}
.f2{background: url(../images/f3.png) no-repeat left center;}
.f3{background: url(../images/f2.png) no-repeat left center;}
.f4{background: url(../images/f4.png) no-repeat left center;}
.f_ma{width:100%; height: auto; overflow: hidden;margin-top: 6vh}
.f_ma dl{width:118px; height:auto;  float: left; margin: 0 15px}
.f_ma dl dt{width:118px; height: 123px; background: url(../images/l_ma.png) no-repeat center; padding: 10px;}
.f_ma dl dt img{width:100%; height: 100%; display: block}
.f_ma dl dd{width:100%; height: 35px; line-height: 35px; font-size: 14px; color: #ffffff; text-align: center}
.f_input{width:384px; float:right; margin-top: 5vh;}
.f_input h5{font-size: 14px; color: #ffffff; line-height: 40px; margin-bottom: 20px; text-align: center}
.f_input textarea{width:100%; height: 192px; overflow: hidden; background: #fff; padding: 10px; font-size: 14px; color: #999999; border: 0; border-radius: 5px; resize: none; margin-bottom: 5px;}
.f_input p{width:185px; height: 40px; font-size: 14px; color: #999999; border: 0; border-radius: 5px; background: #fff; float: left; padding: 0px 5px; position:relative}
.f_input p input[type="text"]{width:100%; height: 100%;  background: none; border: 0}
.f_input p:nth-child(2n){float: right}
.input_sub{width:100%; height: 40px; background: #014b92; border-radius: 5px; text-align: center; font-size: 14px; color:#fff; border: 0; margin-top: 25px;}
.copy{width:100%; height: 50px; line-height:50px; margin-top: 5vh}
.copy_l{width:auto; float: left; font-size: 14px; color: #ffffff}
.copy_l a{font-size: 12px; color: #d0d0d0}
.footer_zhichi{width:auto; height:50px;  float: right}
.footer_zhichi p{ width:auto; float: left; margin-left: 20px; font-size: 12px; color:#666666;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top: 12px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top: 12px;}
.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: #ffffff;}
.footer_zhichi i{ float: left;}
#fp-nav.right{display: none}


.active .footer_contact{animation-name: bounceInDown;	animation-duration: 1.2s;	animation-delay: 0.8s;animation-fill-mode: both; opacity: 1}
.active .f_input{animation-name: bounceInUp;	animation-duration: 1.2s;	animation-delay:0.8s;animation-fill-mode: both; opacity: 1; }






/*客服*/
.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 p {
    line-height: 12px;
    text-align: center;
	font-size: 14px;
}
.lxfx li {
    background:#c00000;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}



/*页面布局*/
.pageMain {margin-left: 230px;}
.pageContentWrapper {position: relative;z-index: 10;background-color: #fff;}
.channel_content {padding: 40px 0;min-height: 300px;}
.channel_content.pro_list {padding-top: 0;}










/*内页banner*/
.ny_banner{width:100%; height: auto; overflow: hidden}
.ny_banner img{width:100%; height: auto}

/*内页标题*/
.ny_title{width:100%; height: 82px; line-height: 82px; }
.ny_title h3{ font-size: 24px; color: #014b92; font-weight: bold; float: left;}
.ny_title_left{float: left; font-size:14px; color: #4d4d4d; margin-left: 10px;}
.ny_title_left span{color: #4d4d4d;}
.ny_title ul{width:auto; height: 100%; float: right}
.ny_title ul li{ width: auto; height: 100%; float: left;  padding: 0px 12px;}
.ny_title ul li a{font-size: 16px; color: #4d4d4d;}
.ny_title ul li:hover{border-bottom: 1px solid #014b92}
.ny_title ul li.active{border-bottom: 1px solid #014b92}


/*内页产品*/
.ny_product{width:100%; height: auto; overflow: hidden; padding:40px 0 60px; }
.ny_product ul{width:100%; height: auto; overflow: hidden}
.ny_product ul li{width:23.1%; height: auto; float: left; margin-right:2.5%; margin-bottom:30px;}
.ny_product ul li:nth-child(4n){margin-right: 0;}
.ny_product ul li .pro_pic{width:100%; height:auto; display:block; border:1px solid #eee}
.pro_pic img{width:100%; height:auto; display:block}
.pro_info{width:100%; height:40px; line-height:40px; font-size:16px; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center }
.pro_info h3{font-size:16px; color:#666;}
.schoolny{margin-bottom:60px;}


/*内页底下*/
.f-ct{width:1200px;margin:0 auto; font-size:16px; color:#666;  line-height:24px; margin-top:30px;}
.f-cl:after{display:block;content:".";height:0;visibility:hidden;overflow:hidden;clear:both}
.m-crm{margin-left:15px;color:#999;font-size:12px;font-weight:400}
.m-crm a{margin:0 3px;color:#999;-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:#333;text-decoration:underline}
.p-tit ul{float:right}
.p-ct{line-height:26px;padding:50px 0 60px;color:#666;font-size:14px; overflow:hidden; width: 100%;}
.p_case{padding:50px 0 60px;color:#666;font-size:14px;}
.p-ct .index_wen_1{width:100%;margin-top: 20px}
.p-ct .tit{margin-bottom:25px;text-align:center}
.p-ct .tit h2{color:#333;font-size:30px}
.p-ct .tit p{line-height:26px;margin-top:20px;color:#999;font-size:16px}
.p-bd img{max-width:100%;}
.p-bd{overflow:hidden}


/*新闻*/
.new-list{margin-top:-10px; margin-bottom: 15px;}
.new-list li{height:246px;padding:18px 20px;border-top:1px solid #fff;border-bottom:1px solid #ebebeb; width:100%;}
.new-list li:hover{background:#f2f2f2;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.new-list li:hover h3{color:#014b92}
.new-list li:hover .more{color:#014b92;border:1px solid #014b92}
.new-list .f-imgfd-img{width:272px;height:100%;margin-right:30px;overflow:hidden; float:left;}
.new-list .f-imgfd-img img{width:100%; height: 100%;}
.new-list li .f-imgfd-li{width:auto;height:100%; margin-left:302px; padding-top:20px;}
.new-list h3{margin-bottom:15px;color:#333;font-size:24px}
.new-list .time{color:#999; margin:5px 0; height:30px; line-height:30px;}
.new-list .more{display:block;width:140px;height:34px;line-height:34px;color:#999;text-align:center;border:1px solid #999; display: block; margin-top: 8px;}
.f-xx{width:100%; height: 46px; overflow: hidden; margin-bottom:6px; color:#666}



/*联系我们*/
.m-cot{ height: auto; overflow: hidden; margin-top: 30px;}
.m-cot h3{font-size:24px}
.m-cot h3 i{display:block;width:120px;height:3px;margin:25px 0 10px;background:#666}
.m-cot ul{float:left;width:700px}
.m-cot ul li{float:left;margin-right:50px}
.m-cot ul li div{line-height:30px}
.m-cot .ewm{float:right;margin-top:20px; margin-left: 15px;}
.m-cot .ewm img{width:110px;height:110px;border:1px solid #ddd; padding:5px;}
.m-cot .ewm p{text-align:center}
.iw_poi_title{color:#C52;font-size:14px;font-weight:700;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.keyword_light{margin-bottom:30px}
#newsfoot tr>td:first-child{padding-left:10px;font-size:14px;color:#555}
#newsfoot tr>td:first-child>a{color:#000}
#newsfoot tr>td:last-child{position:relative;top:4px;left:0px}
.proname{padding:20px 0 5px 0}


/*视频弹出css*/
.dlg-video { display: none;position: fixed; top: 0; left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);  z-index: 99;}
.video-show{display:none;position:fixed;top:50%;left:50%;width:580px;height:430px;margin-top:-215px;margin-left:-290px;z-index:999}
.video-show p{height:30px;line-height:30px;padding-left:10px;color:#fff;font-size:14px;background:#333}
.video-show p a{float:right;width:30px;height:30px;}






/*底部*/
.index_kuaijie{width:100%; height:73px; line-height:60px; overflow: hidden; position: relative}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size: 14px; color: #ffffff; margin: 0px 10px;}
.index_kuaijie p{font-size: 14px; color: #ffffff; float: left; padding-right: 10px;}
.index_kuaijie a:hover{color:#404040}

.footer{width:100%; height: 228px; background: #404040; padding-top: 45px; }
.f_logo{width:315px; height: 108px; float: left; margin-top: 10px;}
.f_logo p{font-size:16px; color:#fff; line-height:28px; background:none;}

.footer_top_right{width:260px; height:auto;  display: block; overflow: hidden; float: left; margin-left: 68px;}
.footer_img{width:120px; height: auto; overflow: hidden; float: left}
.footer_img div{width:120px; height: 120px; background: url(../images/pic_bj.png) no-repeat center; padding: 15px;}
.footer_img div img{width:100%; height:100%;}
.footer_img p{width:100%; height:35px; line-height:35px; font-size:14px;  color: #ffffff; }
.ft_1{ padding-left: 30px;}
.ft_2{ padding-left: 35px;}
.img_right{float: right!important}
.footer_nav{width:475px; height: 100px; float: right; padding-left: 50px;  margin-top: 13px; padding-top: 8px;}
.footer_nav ul{width:100%; height: auto; overflow: hidden}
.footer_nav ul li{width:60px; height: 100px; float: left}
.footer_nav ul li span{width:10px; height: 10px; background: #fff; display: block; border-radius: 50%; float: left; margin-right: 10px; margin-top: 20px;}
.footer_nav ul li p{font-size: 14px; color: #fff; float: left; writing-mode:tb-rl; letter-spacing:2px}
.footer_ban{width:100%; height:52px; line-height:52px; background: #333333}
.ny_zhichi{width:auto; height:100%;  float: right}
.ny_zhichi p{ width: auto; float: left; margin-left: 20px;  font-size: 14px; color:#fff;}
.ny_zhichi .pt{width:121px;height: 18px; background: url(../images/vls.png) no-repeat; margin-top:15px; margin-right: 10px;}
.ny_zhichi .js{width:121px;height: 18px; background: url(../images/wls.png) no-repeat; margin-top:15px; }
.ny_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.ny_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.ny_zhichi span{float: left; font-size: 12px; color: #fff;}
.ny_zhichi i{ float: left;}
.f_brq{width:auto;height:100%; font-size: 12px; color:#fff; float: left}
.f_brq a{margin-left: 15px; color: #fff; }
.f_brq a:hover{color:#014b92!important}
.f_gan{width:300px;margin:0 auto; padding:10px 0; float: left; margin-left: 10px;}
.f_gan a{height:20px;line-height:20px; color:#fff; font-size: 12px; width: 100%;}


.inproli-div{ width:100%; height:220px; overflow: hidden; border:1px solid #ddd}
.inproli-div > img{ width:100%;  height: 100%; transition: .6s; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.goods-li{float:left; margin-right: 29px; cursor: pointer; margin-bottom: 70px; position: relative; width:287px}
.goods-li h3{ position: absolute; left: 0; border: 0; right: 0; text-align: center; color: #555; font-size: 15px; line-height: 40px; z-index: 2;}
.goods-li:hover .inproli-div > img{ transform: scale3d(1.1,1.1,1); }
.pro_buy{width:140px; height:40px; border-radius:5px; background:#0074dc; text-align:center; line-height:40px; color:#fff; font-size:16px; display:block; margin-left:8px;}
.goods-li:nth-child(3n){margin-right:0}



/*门店*/
.img-list li{float:left;margin:0 1.3% 20px 0; width:24%;}
.img-list li:nth-child(4n){margin-right:0px;}
.img-list li a{display:block;width:100%;height:100%;overflow:hidden}
.img-list li a div{width:100%;overflow: hidden;}
.img-list li a img{width:100%;transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.img-list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.img-list li p{height:30px;line-height:30px;text-align:center;-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; color:#666; height:35px; line-height:35px;}
.img-list li:hover p{color:#231815}
.img-lists li{float:left;height: 230px;margin:0 20px 20px 0;}
.img-lists li a{display:block;width:280px;height:100%;overflow:hidden}
.img-lists li a div{width:100%;height: 200px;overflow: hidden;}
.img-lists li a img{width:100%;height:100%;    transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.img-lists li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.img-lists li p{height:30px;line-height:30px;text-align:center;color:#666}
.img-list li:hover p{color:#231815}




@media screen and (max-height:900px){
	
	.header_phone{bottom:0px;}
	.nav_logo img{width:74px; margin:1vh auto }
	.h_tupian img{width:30px; height:30px;}
	.weixin .header_ma, .shouji .header_ma{width:60px; height:60px; top:-30px;}
	
}



@media screen and (max-width:1440px){
	.page_header{width:200px}
	.section5 .container{width:970px; margin-left:25%; }
	.nav_logo img{margin: 2vh auto}
	.section4 ul li a{width:1080px; margin-left: 20%}
	.in_youshi{width:1100px; margin: 20px 0 20px 20%}
	.in_news_title{margin-left: 6%}
	.slideTxtBox{margin-left:16%; width: 1160px; }
	.section1_right{padding-left: 60px; padding-right: 2%}
	.slideTxtBox .hd ul li:nth-child(2n){margin-left:778px;}
	.slideTxtBox .bd{width:730px; margin-left: -365px;}
	.in_pro_pic{width:550px;}
	.x_slide_bar .inav li a.nav{padding:10px 0}
	.x_slide_bar .inav li:hover .nav_img{left:201px}
	.pageMain{margin-left:201px;}
	.in_about{height:73px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;}
  	.w1200{width:1130px}
	
}




@media screen and (max-width:1400px){
	.header_phone{display:none;}
	.page_header{width:145px}
	.x_slide_bar .inav li:hover .nav_img{left:145px}
		.pageMain{margin-left:145px;}
		.x_slide_bar .inav li{padding:0px 25px}
	
		.ab_more{margin-top:3vh}
		.section1_right img{width:30px; display:block}
		.section1_right h4{font-size:20px; line-height:30px;}
		.section1_video img{width:100%; height:auto; display:block;}
		.section1_left{padding-top:18vh}
		.in_pro_title h3{font-size:30px;}
		.in_pro_title p{margin:10px auto}
		.slideTxtBox{margin-left:13%}
		.in_pro_pic{width:480px; height:auto}
		.in_pro_pic img{width:268px;}
		.slideTxtBox .hd ul li{width:160px;}
		.in_pro_xx{margin-right:54px}
		.in_pro_title,.section3 .in_news_title{display:none;}
		.slideTxtBox .bd{margin-top:30px;}
		.in_youshi{margin:20px 0 20px 15%}
		.in_youshi{height:573px;}
		.in_youshi_pic{width:335px; height:auto;}
		.section4 ul li{padding:20px 0}
		.f_ma{margin-top:4vh}
		.footer_xx p{line-height:40px}
		.section5 .container{margin-left:20%}
		.section_ban .slideBox .bd li{background-size:100% auto!important;}
}


.index_case {width:1100px; margin-left: 407px;}
.index_case ul{width:100%; height: auto; margin-top: 28px; overflow: hidden}
.index_case ul li{width:24.4%; height: auto; float: left; margin-right:0.8%; margin-bottom: 15px;}
.index_case ul li:nth-child(4n){margin-right: 0}
.index_case_pic{width:100%; height: auto; overflow: hidden}
.index_case_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_case ul li h3{width:100%; height:56px; line-height: 56px; background: #f6f6f6; padding: 0 10px; font-size: 16px; color: #333333; text-overflow: ellipsis; 
	overflow: hidden; white-space: nowrap; text-align: center}
.case_more{width:157px; height: 45px; background: #1b90d3; color:#fff; font-size: 16px;  display: block; margin:34px auto; text-align: center; line-height: 45px;}
.case_more:hover{background: none; border: 1px solid #1b90d3; color:#1b90d3}
.index_case ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_case ul li:hover h3{color:#1b90d3}