@charset "utf-8";html{font-family:"Microsoft YaHei";font-size:12px}

body::-webkit-scrollbar{width:0px;height:10px}

body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.05);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}

body:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}

body::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}

body::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px transparent;background-color:#fff}

body::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset006pxrgba(0,0,0,.4);background-color:rgba(0,0,0,.01)}

b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}

img,input{border:0;vertical-align:middle}

li,ul{list-style:none;margin:0;padding:0}

i{ font-style:normal;}

form{padding:0;margin:0}

td{FONT-SIZE:12px}

img{border:0}

a{COLOR:#333;blr:expression(this.onFocus=this.blur());text-decoration:none}

a:focus{outline:0}

input,textarea{outline:0}

a:hover{color:#3e98ee;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.content{ padding:0 6%;overflow:hidden;margin:0 auto ; }

.con_box{ padding:0 6%;overflow:hidden;margin:0 auto ; }

.w100{ margin:100px auto 0; }

@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:14px;font-family:'Microsoft YaHei'}

}



.top{ background:#000000; height:40px; line-height:40px; width:100%; overflow:hidden; color:#fff;}

.top span{ float:right;}

.top span i{ margin-left:50px;}



.head{ width:100%; overflow:hidden; position:fixed; height:120px; z-index:999; background:#fff; top:0px; left:0;}

.logo{ margin-top:20px; float:left;}

.logo span{ font-size:24px; font-weight:bold; color:#666;}

.hot{float:right; margin-top:34px; font-size:25px; font-weight:bold; color:#3e98ee; background:url(../images/hot.png) no-repeat center left; padding-left:30px;}





.menu{ padding:0 6%;  height:100px;}

.menu .nav{height:120px;margin:0 auto; float:right; width:62%}

.menu .nav li{float:left;list-style:none; display:block; width:120px; height:120px; line-height:120px; text-align:right}

.menu .nav li a{ font-size:16px;  color:gray;text-decoration:none;position:relative;overflow:hidden; color:#333; padding-bottom:8px;}

.menu .nav li a:after{ content:""; width:0%; position:absolute; height:2px; background:#3e98ee; bottom:0px;left:50%; z-index:1}

.menu .nav li a:hover:after{content:""; width:100%; position:absolute; height:2px; background:#3e98ee; bottom:0px;left:0%;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;}

.menu .nav li a.current:after{content:""; width:100%; position:absolute; height:2px; background:#3e98ee; bottom:0px;left:0%;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out ; }

.menu .nav li a span{position:absolute;left:0;width:100%; z-index:3 }



.menu .nav li a span.out{bottom:0px; transform:translate(0,0px); -moz-transform:translate(0,0px); -ms-transform:translate(0,0px); -o-transform:translate(0,0px); -webkit-transform:translate(0,0px); transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;  }

.menu .nav li a span.over{bottom:0px; transform:translate(0,100px); -moz-transform:translate(0,100px); -ms-transform:translate(0,100px); -o-transform:translate(0,100px); -webkit-transform:translate(0,100px); font-weight:500; color:#fff;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out }

.menu .nav li a:hover .out{bottom:0px; transform:translate(0,-100px); -moz-transform:translate(0,-100px); -ms-transform:translate(0,-100px); -o-transform:translate(0,-100px); -webkit-transform:translate(0,-100px); transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out ;font-weight:bold;}

.menu .nav li a:hover .over{bottom:0px;font-weight:500; color:#fff; transform:translate(0,0px); -moz-transform:translate(0,0px); -ms-transform:translate(0,0px); -o-transform:translate(0,0px); -webkit-transform:translate(0,0px); transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;font-weight:bold; }

.menu .nav li:hover  .out{transform:translate(0,-100px); -moz-transform:translate(0,-100px); -ms-transform:translate(0,-100px); -o-transform:translate(0,-100px); -webkit-transform:translate(0,-100px); transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;font-weight:bold;}

.menu .nav li:hover  .over{bottom:0px; font-weight:500; color:#fff; transform:translate(0,0px); -moz-transform:translate(0,0px); -ms-transform:translate(0,0px); -o-transform:translate(0,0px); -webkit-transform:translate(0,0px); transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;font-weight:bold;}



.menu .nav li .subnav{width:100%; overflow:hidden; position:absolute;top:140px;left:0;background:rgba(255,255,255,0.8);display:none; z-index:999; padding:30px 0 }

.menu .nav li .subnav  h3{ font-size:20px; font-weight:500; margin-left:100px;}

.menu .nav li .subnav dl{ overflow:hidden; width:45%; float:left; padding:20px 100px 0;}

.menu .nav li .subnav dl dd{ width:48%; float:left; box-sizing:border-box; position:relative;margin:1%; text-align:left}

.menu .nav li .subnav dl dd i{ overflow:hidden; border:1px #ccc solid; display:block;  padding-left:10px; border-radius:0 10px  0 10px; width:98%; box-sizing:border-box; position:relative;;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;}

.menu .nav li .subnav dl dd i a{display:block;height:40px;float:left;color:#fff !important;line-height:40px;border:none;background:none; font-weight:400; width:100%; }

.menu .nav li .subnav dl dd i:before{     content: "."; position: absolute; left: 11px; font-size: 40px; top: -20px; color: #666;}

.menu .nav li .subnav dl dd i a:hover:after{content:""; width:0%; position:absolute;}

.menu .nav li:hover .subnav dl dd i a:after{content:""; width:0%; position:absolute;}

.menu .nav li .subnav dl dd i a:hover{ color:#093580;}

.menu .nav li .subnav dl dd i:hover{border:1px #093580 solid; margin-left:10px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;}

.menu .nav li .subnav dl dd i:hover:before{     content: ".";  color: #093580;}

.menu .nav li:hover .subnav dl dd a{ font-weight:400;}

.menu .nav li .subnav dl dd a .over{bottom:0px; font-weight:400; color:#333; transform:translate(0,0px); -moz-transform:translate(0,0px); -ms-transform:translate(0,0px); -o-transform:translate(0,0px); -webkit-transform:translate(0,0px); transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; text-align:left;float: left; padding-left: 20px;}

.menu .nav li .subnav dl dd a:hover .over{bottom:0px; font-weight:400; color:#093580;}



.menu .nav li .subnav dt{ float:right; width:350px; height:200px; display:block; margin-top:-30px;}

.menu .nav li .subnav dt img{  width:350p; height:200px;}

.menu .nav li .subnav dl dd span{position:relative !important; width:100%;}

.menu .nav li .subnav dl dd:hover span{position:relative !important; width:100%;}

.menu .nav li .subnav dl dd span.out{position:relative !important; width:100%; display:none;}







.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; }

.sp_logo{padding:10px;float:left;height:50px}

.sp_logo img{margin:auto;max-height:30px;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:39px;display:none;}

.sp_nav span{display:block;background:#3e98ee;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}

.sp_nav span:nth-of-type(1){top:0px}

.sp_nav span:nth-of-type(2){top:10px}

.sp_nav span:nth-of-type(3){top:20px}

.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 77px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.nav_show{top:120px}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}

.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}

.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}

.sjj_nav ul li ul{display:none}

.sjj_nav ul li a{color:#666;width:80%}

.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}

.sjj_nav ul li ul li>ul{margin-left:10px}



















.title{ overflow:hidden; margin:50px auto }

.title  h3{ text-align:center; font-size:36px; font-weight:bold; color:#3e98ee;}

.title  h3 span{ color:#14314d;}

.title p{ font-size:16px; color:#666; text-align:center; margin:10px auto}

.title:after{content:""; background:url(../images/down.png) no-repeat center; display:block; color:#3e98ee; margin:0px auto; text-align:center; width:50px;  height:50px;}



.title1{ overflow:hidden; margin:50px auto }

.title1  h3{ text-align:center; font-size:36px; font-weight:bold; color:#fff;}

.title1  h3 span{ color:#fff;}

.title1 p{ font-size:16px; color:#fff; text-align:center; margin:10px auto}

.title1:after{content:"———"; display:block; color:#fff; margin:0px auto; text-align:center;}



.pic_nav{ overflow:hidden; margin:20px auto;}

.pic_nav ul{ overflow:hidden;}

.pic_nav ul li{ background:#3e98ee; width:16.6%; float:left; border:8px #fff solid; border-radius:13px; box-sizing:border-box; line-height:50px;  text-align:center; font-size:16px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}

.pic_nav ul li:hover{ background:#e0161a}

.pic_nav ul li a{color:#fff; }



.pic_box{  overflow:hidden;}

.pic_box ul{ overflow:hidden; padding:10px 0;}

.pic_box ul li{ overflow:hidden; width:25%; overflow:hidden; border:8px  #fff solid; float:left; box-sizing:border-box;}

.pic_box ul li div{ overflow:hidden; width:100%; position:relative;}

.pic_box ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.pic_box ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic_box ul li p{ overflow:hidden; height:50px; line-height:50px; background:#fff;  text-align:center; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.pic_box ul li:hover{box-shadow:0 0 8px #ccc;}

.pic_box ul li div dl{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; background:rgba(0,0,0,0.6); width:100%; height:100%; position:absolute; top:-100%; left:0px;}

.pic_box ul li div dl dd{ width:150px; height:50px; border-radius:30px; line-height:50px; text-align:center; margin:118px auto; font-size:16px; color:#fff; background:#3e98ee }

.pic_box ul li:hover dl{ top:0px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}





.fll{ background:#f7f7f7; overflow:hidden; margin:0px auto 0; padding-bottom:60px;}





.koubei{ overflow:hidden;}

.koubei .swiper-container{ overflow:hidden;}



.koubei .swiper-slide{ overflow:hidden;}

.koubei .swiper-slide .kb1{ overflow:hidden; background:#fff; box-shadow:0 0 10px #ccc;  text-align:center;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.koubei .swiper-slide .kb1 div{ overflow:hidden; width:80px; height:80px; margin:50px auto 15px}

.koubei .swiper-slide .kb1 h3{ overflow:hidden; font-size:20px; font-weight:bold; color:#333;}

.koubei .swiper-slide .kb1 p{ overflow:hidden; font-size:15px; color:#555; line-height:28px; padding:15px 30px ; height:180px}

.koubei .swiper-slide:hover .kb1{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5;}



.koubei  .swiper-pagination{ display:none;}













.aboutbj{ width:100%;  height:100%; margin:60px auto 0; overflow:hidden; background:url(../images/aboutbj.jpg) no-repeat; background-size:100% 100%; background-attachment: fixed;}



.about{ overflow:hidden;  margin-top:20px}

.about h3{ font-size:40px; font-weight:bold; color:#fff;}

.about h3 i{ display:block; font-size:15px; font-weight:400; text-transform:uppercase; }

.about  dd{ color:#fff; line-height:28px; font-size:15px; text-indent:2em; margin-top:30px; }

.about dt{ width:180px; height:45px; line-height:45px; color:#fff; text-align:center; background:#3e98ee; font-size:16px; margin:20px auto;}

.about dt a{color:#fff;}







.product-number-info{ overflow:hidden;position:relative; margin-bottom:80px;}

.product-number-info .product-number-inner{width:100%;margin:0 auto}

.product-number-info ul{padding:85px 0}

.q{zoom:1}

.product-number-info li{float:left;width:25%; box-sizing:border-box;border-left:1px solid rgba(0,0,0,0.0);color:#fff;padding-top:1px; background:rgba(62,152,238,0.8); overflow:hidden; text-align:center; padding:30px 0;}

.product-number-info li:first-child{border:none}

.product-number-info li b{font-weight:400;font-size:48px;line-height:1;display:inline-block;position:relative;margin:15px 0 10px}

.product-number-info li p{font-size:14px}

.product-number-info li b i{font-style:normal; color:#fff}

.product-number-info li b sup{position:absolute;font-size:20px;    right: -50px; bottom: 0px;}

.product-number-info li b em{font-style:normal;font-size:14px;font-weight:100;padding-left:2px;position:relative;top:-4px}

.product-number-info li:nth-child(2n){background:rgba(1,85,157,0.8); overflow:hidden; border-left:1px rgba(0,0,0,0.5) solid; color:#fff}

.product-number-info li:nth-child(2n) b i{ color:#fff}





.anlibj{ overflow:hidden; background:url(../images/anlibj.png) no-repeat center top;}



.xbanner{ width:100%; margin:0px auto; overflow:hidden;}

.xbanner img{ width:100%;}



#case{width:100%;overflow:hidden;}



#case .scroll{ overflow:hidden;}

#case .scroll ul li { width:460px;float:left; margin-right:20px;}
#case .scroll ul li div { overflow:hidden;}
#case .scroll ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

#case .scroll ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

#case  .scroll ul li{ position:relative; overflow:hidden;}

#case  .scroll ul li p{ height:60px;  background:rgba(62,152,238,0.6); position:absolute; width:100%; overflow:hidden; line-height:60px; bottom:0px; font-size:16px; color:#fff; text-align:center;}






.gengduo{ width:200px; height:40px; height:50px; line-height:50px; margin:40px auto; background:#3e98ee; text-align:center;}

.gengduo a{ color:#fff;}

/*.case{ overflow:;}



.case .p_CommonSummaryBoxA{text-align:center}

.case .p_MatteIcon .iconfont:before{content:'\e602'}

.case>div{animation-fill-mode:both}

.case .ss_title{text-align:center;margin-bottom:10px}

.case .ss_title h1{font-weight:700;font-size:15px;margin-bottom:10px}

.case .ss_title h1 span{color:#cf8b32;margin-right:10px}

.case .ss_title h4{opacity:.4}

.case .project-container{margin:0 -5%;  position: relative;

    overflow: hidden;}

.case .pj_titles{margin:10px 0;padding-right:0;text-align:center; font-size:16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}





.case .pj_summary{font-size:15px;margin-bottom:10px;opacity:.8;line-height:1.5}

.case .project-slide.swiper-slide .project_list{transition:.8s;opacity:.15}

.case .project-slide.swiper-slide.swiper-slide-active .project_list{opacity:1}

.case .project-slide.swiper-slide.swiper-slide-prev .project_list{opacity:1}

.case .project-slide.swiper-slide.swiper-slide-next .project_list{opacity:1}

.case .project-slide.swiper-slide .project_list .pj_titles{transition:.8s;opacity:0}

.case .project-slide.swiper-slide.swiper-slide-active .project_list .pj_titles{opacity:1}

.case .project-slide.swiper-slide.swiper-slide-prev .project_list .pj_titles{opacity:1}

.case .project-slide.swiper-slide.swiper-slide-next .project_list .pj_titles{opacity:1}

.case .pj-prev-btn{position:absolute;z-index:20;left:0;width:20%;bottom:0;top:0;cursor:pointer;display:flex;flex-flow:column;justify-content:center}

.case .pj-prev-btn .btns{color:#000;text-align:center;position:absolute;bottom:10px;left:0;right:0;text-transform:uppercase;font-size:15px}

.case .pj-next-btn{position:absolute;z-index:20;right:0;width:20%;bottom:0;top:0;cursor:pointer;display:flex;flex-flow:column;justify-content:center}

.case .pj-next-btn .btns{color:#000;text-align:center;position:absolute;bottom:10px;left:0;right:0;text-transform:uppercase;font-size:15px}

.case .pj-prev-btn .btns>*{display:inline-block;vertical-align:middle;margin:10px 3px;color:#8aa7d2}

.case .pj-next-btn .btns>*{display:inline-block;vertical-align:middle;margin:10px 3px;color:#8aa7d2}

.case .pj_img{overflow:hidden;box-shadow:0 10px 10px rgba(0,0,0,.2); margin-bottom:30px;}







.case .project_list .pj_img img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.case .project_list:hover .pj_img img{-webkit-transform:scale(1.1);transform:scale(1.1)}





.case .sL_icon{background-size:contain;width:12px;height:11px;background-repeat:no-repeat;background-position:center}

.case img{max-width:100%}



.case .mBtn{display:inline-block}

.case .mBtn a{display:inline-block;padding:10px;border:1px solid #8dc7c4;color:#b7e6e3;border-radius:10px}

.case .p_page .pre .iconfont:before{shadow-angle:0;shadow-distance:0;shadow-angle-ofInset:0;shadow-distance-ofInset:0}

.case .p_page .next .iconfont:before{shadow-angle:0;shadow-distance:0;shadow-angle-ofInset:0;shadow-distance-ofInset:0}

.case .p_more .iconfont:before{shadow-angle:0;shadow-distance:0;shadow-angle-ofInset:0;shadow-distance-ofInset:0}

.case .p_loading .iconfont:before{shadow-angle:0;shadow-distance:0;shadow-angle-ofInset:0;shadow-distance-ofInset:0}





.more_btn{margin:60px auto;text-align:center; width:200px; background:#3e98ee; color:#fff; height:50px; line-height:50px;}



.more_btn a{ color:#fff;}*/





.news{ overflow:hidden; margin:0px auto }

.news_bt{ overflow:hidden;}

.news_bt h3{ float:left; font-size:36px; color:#0055bc;}

.news_bt p:before{ content:"——"; color:#3e98ee; display:block;}

.news_bt p{ font-size:15px; color:#555; font-weight:400;}

.news_bt .news_tab{ float:right; margin-top:30px;}

.news_bt .news_tab a{ border-radius:30px; height:40px; line-height:40px; width:150px; border:1px #3e98ee solid; display:inline-block; margin:0 5px; text-align:center; font-size:16px;}

.news_bt .news_tab a:hover{ background:#3e98ee; color:#fff;}



.news_com{ overflow:hidden; margin:40px auto 0; padding-bottom:60px;  }

.news_l{ width:50%; overflow:hidden; float:left; border:1px #ccc solid; margin-right:2%}

.news_l div{ width:100%;  position:relative; overflow:hidden;}

.news_l div img{ width:100%; height:100%;}

.news_l div dd{position:absolute; height:40px; line-height:40px; background:rgba(0,0,0,0.6); width:100%; text-align:left; padding-left:20px; font-size:16px; display:block; left:0px; bottom:0px;}

.news_l  p{ height:70px; line-height:27px; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:3; color:#666;font-size:15px; padding:15px;}

.news_l a div dd{color:#fff;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.news_l div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.news_l div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}



.news ul{ overflow:hidden;}

.news_com ul li{ overflow:hidden; /*width:567px;*/ float:left;   margin-bottom:10px; background:#f5f5f5; padding:10px; width:50%; border:5px #fff solid; box-sizing:border-box;}

.news_com ul li span{display:block; float:left; width:90px;  border-right:1px #ccc solid; text-align:center;-webkit-transition:all .5s;transition:all .5s; margin-right:22px;}

.news_com ul li span b{display:block; font-size:30px; color:#666; padding:10px 0;}

.news_com ul li span i{display:block; font-size:14px; color:#333; padding:5px 0; }

.news_com ul dl{ overflow:hidden;padding-bottom:3px;}

.news_com ul dl h3{font-size:18px;  color:#333; height:47px; line-height:47px; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-transition:all .5s;transition:all .5s; font-weight:600; }

.news_com ul dl p{ height:53px; font-size:14px; line-height:26px; color:#666;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;  }



.news_com ul  li:hover span{-webkit-transition:all .5s;transition:all .5s;}

.news_com ul  li:hover span b,.news ul  li:hover span i{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.news_com ul  li:hover h3{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

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

.news_com ul  li:hover p{ color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.news_com ul li:hover{ background:#3e98ee; -webkit-transition:all .5s;transition:all .5s;}







.footer{ background:url(../images/buttom.png) no-repeat center top; width:100%; margin:0px auto; padding:50px 0 0 ; overflow:hidden;}



.footer ul{ overflow:hidden; width:55%; float:left; border-right:1px #636363 dotted; height:220px;}

.footer ul li{ overflow:hidden; width:20%; float:left;}

.footer ul li h3{ overflow:hidden; color:#fff; font-size:18px; font-weight:400; margin-bottom:20px;}

.footer ul li dd{ overflow:hidden;}

.footer ul li dd a{ overflow:hidden; display:block; height:28px; line-height:28px; color:#fff; font-size:14px; -webkit-transition:all .5s;transition:all .5s;}

.footer ul li dd a:hover{ padding-left:10px; -webkit-transition:all .5s;transition:all .5s;}

.footer .foo_txt{ width:50%; float:left; padding-left:50px; height:220px;}

.footer .foo_txt h4{ font-size:18px; overflow:hidden; color:#fff; font-weight:400;margin-bottom:20px; }

.footer .foo_txt h4:after{content:"____"; color:#3e98ee;}

.footer .foo_txt h3{ font-size:20px; color:#fff; margin-bottom:10px;}

.footer .foo_txt p{ color:#fff; line-height:28px;}

.footer .rwm{ width:10%; float:right}

.footer .rwm h4{ font-size:18px; overflow:hidden; color:#fff; font-weight:400;margin-bottom:20px;}

.footer .rwm h4:after{content:"____"; color:#3e98ee;}

.footer .rwm p{ color:#fff; font-size:14px; text-align:center;}

.footer .rwm img{ width:100%}

.footer .rwm div{ border:1px #fff solid; padding:8px;}



.links{ border-top:1px #636363 solid; margin:30px auto 0; height:79px; line-height:79px; color:#fff; font-size:16px;}

.links span{ color:#fff; margin-right:20px;}

.links span img{ margin-right:5px;}

.links a{ color:#fff;}

.links a:after{ content:"|"; margin:0 5px; color:#636363;}



.n_banner{ width:100%; overflow:hidden; margin:0px auto 0;}

.n_banner img{ width:100%}



.muen_nav{ border-bottom:1px #ccc solid; overflow:hidden; line-height:80px; line-height:80px;}

.muen_nav ul{ overflow:hidden; float:left;}

.muen_nav ul li{ float:left; display:inline-block; position:relative; }

.muen_nav ul li a{ color:#666; display:block; padding:0 20px; font-size:18px;}

.muen_nav ul li:after{content:"|";  position:absolute; right: -2px;  top: 0px; color:#666; }

.muen_nav ul li a:hover{ background:#3e98ee;}

.muen_nav ul li:last-child:after{ content:""; display:none;}

.muen_nav ul li:hover a{color:#fff;}





.muen_nav  .p1{line-height:80px;float:left;margin-left:16px;}

.muen_nav  .p1 a{display:block;padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;float:left;margin-left:10px}

.muen_nav  .p1 a:first-child{margin-left:0; color:#666}

.muen_nav  .p1 a:last-child{background-image:none}

.muen_nav .p2{ float:none}



.article-detailed{overflow:hidden;margin-top:20px}

.article-detailed{margin:0 auto;overflow:hidden;margin-top:20px}

.article-detailed .tit{height:auto;overflow:hidden;margin-bottom:15px}

.article-detailed .tit p{color:#333;font-size:18px;text-align:center;border-bottom:1px dashed #f1f1f1;height:30px}

.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}

.article-detailed .intro{height:auto;overflow:hidden}

.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}

.article-detailed .intro p{color:#333;font-size:16px;line-height:30px}









.anli_lb{overflow:hidden;margin:20px auto 0;}

.anli_lb ul{overflow:hidden;}

.anli_lb ul li{width:25%;float:left;overflow:hidden; border:8px #fff solid; box-sizing:border-box;}

.anli_lb ul li div{overflow:hidden;border:1px #ccc solid;}

.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:40px;line-height:40px;font-size:16px;text-align:center; position:relative;border:1px #ccc solid;border-top:none;}

.anli_lb ul li a:hover dd{color:#0053a7}

.anli_lb ul li a{color:#333}

.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%; }

.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli_lb ul li:hover p{color:#fff; background:#3e98ee}

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







.page{width:100%;height:auto;overflow:hidden; margin:40px auto 20px;}

.page ul{display:table;margin:0 auto}

.page ul li{border:1px solid #ccc;padding:0 8px;height:28px;line-height:28px;color:#333;float:left;margin:3px}

.page ul li a{color:#333}

.page ul .thisclass{background:#333;color:#fff;border:1px solid #333}

.page select{border:none;background:0 0;outline:0}

.page ul .thisclass a{color:#fff;}



.pic_content{ overflow:hidden; margin-top:40px;}

.pic_content ul{ overflow:hidden;}

.pic_content ul li{ overflow:hidden; width:25%; float:left; box-sizing:border-box; border:10px #fff solid;}

.pic_content ul li .pic_com { overflow:hidden; }

.pic_content ul li .pic_com div{ overflow:hidden; background:#000; position:relative }

.pic_content ul li .pic_com  dl{ border:1px #f2f2f2 solid; margin:10px 0 0 }

.pic_content ul li .pic_com  dl dd{ height:45px; line-height:50px; font-size:16px; overflow:hidden;  padding:0 20px;}

.pic_content ul li .pic_com  dl dt{  line-height:45px; font-size:16px; overflow:hidden;border-top:1px #f2f2f2 solid; margin: 0 10px; padding-left:10px; background:url(../images/jt.png) no-repeat 100% 20px ;}

.pic_content ul li a{ color:#666;}

.pic_content ul li .pic_com div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%; }

.pic_content ul li .pic_com div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); opacity:0.5;}



.pic_content ul li .pic_com div p{ position:absolute; width:100%; height:100%; overflow:hidden; top:0px; left:0px; opacity:0;-webkit-transition:all .5s;transition:all .5s;}

.pic_content ul li .pic_com div p span{ display:block; text-align:center; margin:35% auto 0; font-size:16px; color:#fff;}

.pic_content ul li .pic_com div p span:after{content:""; width:0%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}

.pic_content ul li .pic_com div p span:before{content:""; width:0%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}

.pic_content ul li:hover .pic_com div p{ opacity:1;-webkit-transition:all .5s;transition:all .5s;}

.pic_content ul li:hover .pic_com div p span:after{content:""; width:50%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}

.pic_content ul li:hover .pic_com div p span:before{content:""; width:50%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}









.anli{ overflow:hidden; margin-top:40px;}

.anli ul{ overflow:hidden;}

.anli ul li{ overflow:hidden; width:25%; float:left; box-sizing:border-box; border:10px #fff solid;}

.anli ul li .pic_com { overflow:hidden; }

.anli ul li .pic_com div{ overflow:hidden; background:#000; position:relative }

.anli ul li .pic_com  dl{ border:1px #f2f2f2 solid; margin:10px 0 0 }

.anli ul li .pic_com  dl dd{ height:45px; line-height:50px; font-size:16px; overflow:hidden;  padding:0 20px;}

.anli ul li .pic_com  dl dt{ height:80px; line-height:45px; font-size:16px; overflow:hidden;border-top:1px #f2f2f2 solid; margin: 0 10px; padding-left:10px; background:url(../images/jt.png) no-repeat 100% 20px ;}

.anli ul li a{ color:#666;}

.anli ul li .pic_com div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%; }

.anli ul li .pic_com div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); opacity:0.5;}



.anli ul li .pic_com div p{ position:absolute; width:100%; height:100%; overflow:hidden; top:0px; left:0px; opacity:0;-webkit-transition:all .5s;transition:all .5s;}

.anli ul li .pic_com div p span{ display:block; text-align:center; margin:35% auto 0; font-size:16px; color:#fff;}

.anli ul li .pic_com div p span:after{content:""; width:0%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}

.anli ul li .pic_com div p span:before{content:""; width:0%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}

.anli ul li:hover .pic_com div p{ opacity:1;-webkit-transition:all .5s;transition:all .5s;}

.anli ul li:hover .pic_com div p span:after{content:""; width:50%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}

.anli ul li:hover .pic_com div p span:before{content:""; width:50%; height:1px ; background:#fff; display:block; margin:10px auto; -webkit-transition:all .5s;transition:all .5s;}





.news_list{overflow:hidden; margin-top:40px;}



.news_list ul{overflow:hidden}



.news_list ul li{font-size:14px;display:block; float:left;vertical-align:top; width:33.33%; border:10px #fff solid; box-sizing:border-box;padding:10px;background:#f5f5f5;}



.news_list ul li a{transition:.3s ease 0s;display:block;width:100%;}





.news_list ul li .newimg{ width:100%;overflow:hidden;}

.news_list ul li .newimg img{ width:100%}

.news_list ul li .newnr{margin:8% auto 0;width:90% ;}



.news_list ul li .newnr b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display: block;}



.news_list ul li .p_time{font-size:14px;line-height:1.7;color:#666;padding:0;margin-top:6px}



.news_list ul li p{transition:.3s ease 0s;margin-top:30px;font-size:14px;line-height:1.7;color:#666;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;height:48px; margin-bottom:30px;}

.news_list ul li .i-a{float: left;font-size:16px;position:relative;line-height:50px;width:165px;height:50px;display:block;color:#fff;background:#3e98ee;text-align:center}



.news_list ul li:first-child{width:100%;margin-bottom:3%;margin-left:0;padding:20px;background:#f5f5f5}



.news_list ul li:first-child .newimg{box-shadow:10px 10px 45px 0 rgb(0 0 0 / 0%);width:39%;height:auto;max-height:355px;display:inline-block;vertical-align:middle}

.news_list ul li:first-child .newnr{width:53%;display:inline-block;vertical-align:middle;margin-left:5%;margin-top:0}

.news_list ul li:nth-child(n+2) .i-a{ display:none;}

.news_list ul li:hover{background:#3e98ee;transition:.3s ease 0s;}

.news_list ul li:hover a{color:#fff;transition:.3s ease 0s;}

.news_list ul li:hover a .p_time,.news_list ul li:hover a p{color:#fff;transition:.3s ease 0s;} 





.news_list ul li:first-child b:before {

    width: 15px;

    height: 3px;

    display: inline-block;

    vertical-align: middle;

    background: #3e98ee;

    margin-right: 15px;

    content: '';

}



.news_list ul li:first-child .newnr b {

    font-size: 24px;

    font-weight: normal;

}



.news_list ul li:first-child .newnr b {

    transition: 0.3s ease 0s;

    color: #333;

    font-size: 24px; font-weight:bold;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.news_list ul li:first-child:hover{background:#f5f5f5;transition:.3s ease 0s;}

.news_list ul li:first-child:hover a{color:#333;transition:.3s ease 0s;}

.news_list ul li:first-child:hover a .p_time,.news_list ul li:first-child:hover a p{color:#333;transition:.3s ease 0s;} 



.contact{overflow:hidden;margin:50px auto}

.contact ul{overflow:hidden}

.contact ul li{width:50%;border:10px #fff solid;overflow:hidden;background:#f2f2f2;box-sizing:border-box;float:left}

.contact ul li div{width:100px;height:100px;background:#ccc;border-radius:50%;margin:30px;float:left;overflow:hidden}

.contact ul li div img{margin:27px}

.contact ul li span{overflow:hidden}

.contact ul li span h3{overflow:hidden;font-size:18px;margin-top:40px;margin-bottom:10px}

.contact ul li span p{margin-bottom:5px}

.contact ul li span p a{color:#da251c}

.contact ul li:hover div{background:#da251c}

.ditu{height:400px;width:100%}



.pro-intro{overflow:hidden;padding:10px}

.pro-intro .img{float:left;width:405px;height:auto;overflow:hidden}

.pro-intro .img img{display:block;width:450px;height:395px}

.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}

.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}

.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}

.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}

.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}

.pro-intro .data{width:100%;height:auto;overflow:hidden}

.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}

.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}

.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}

.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}

.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}

.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}

.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}

.pro-intro .info .btn a:last-child::after{content:""}

.pro-intro .info .btn a:hover{background:#25b240}

.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}

.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}

.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}

.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px}

.txt{width:100%;height:auto;overflow:hidden;margin-top:10px;font-size:20px;text-align:center;height:45px;font-weight:700;background:url(../images/tit02.png) no-repeat center bottom;color:#1c71c8}

.textxq img{max-width:100%;margin:0 auto;text-align:center;display:block}



.article-detailed{overflow:hidden;background:#fff;}

.article-detailed .tit{width:100%;height:auto;overflow:hidden;margin-bottom:15px}

.article-detailed .tit p{color:#333;font-size:24px;text-align:center;border-bottom:1px dashed #f1f1f1;padding:10px 0}

.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}

.article-detailed .intro{width:100%;height:auto;overflow:hidden}

.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}

.article-detailed .intro p{color:#333;font-size:16px;line-height:30px}



.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}

.fy p{width:33.333%;box-sizing:border-box;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}

.fy p:last-child{border:none}

.fy p a{color:#666}



.w20{ margin:20px auto;}













.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:10000;border:1px solid #ccc;background:#fff;border-bottom:0}

.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;}

.side ul li a{color:#333}

.side ul li:hover{background:#3e98ee;color:#fff}

.side ul li:hover a{color:#fff}

.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}

.side ul li i.bgs1{background-image:url(../images/ios01.png)}

.side ul li i.bgs2{background-image:url(../images/ios02.png)}

.side ul li i.bgs3{background-image:url(../images/ios03.png)}



.side ul li i.bgs6{background-image:url(../images/ios03.png)}



.side ul li:hover i.bgs1{background-image:url(../images/icon11.png)}

.side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}

.side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}





.side ul li.sideetel:hover .telBox{display:block}

.side ul li.sideewm:hover .ewBox{display:block}

.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}





.side ul li.sideewm .ewBox{width: 130px;

    display: none;

    color: #363636;

    text-align: center;

    padding: 10px;

    position: absolute;

    left: -152px;

    top: -75px;

    background-repeat: no-repeat;

    background-position: center center;

    border: 1px solid #e0e0e0;

    background: #3e98ee;}

.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#3e98ee}

.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px;padding-top:14px}

.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}

.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}

.side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%}

.side ul li.sideewm .ewBox img{width:100%}









.buttom{background:#3e98ee;bottom:0;margin:0 auto;max-width:100%;min-width:320px;position:fixed;width:100%;z-index:9999; display:none;}

.buttom ul{overflow:hidden}

.buttom ul li{color:#fff;float:left;width:25%;padding:3% 0;border-right:1px #fff solid;box-sizing:border-box}

.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}

.buttom ul li p{font-size:14px;overflow:hidden;text-align:center}

.buttom ul li a{color:#fff}

.buttom ul li .sy img{width:30px;}



.mtop{ display:none; }



.fanhui{ font-size:0.2rem; color:#fff;  text-align:center; background:#3e98ee;  padding:3% 0; display:none;}

.fanhui:after{ content:"▲"; font-size:0.2rem; color:#fff; }



.xbanner img.pc-ban{ display:block; width:100%;}
.xbanner img.m-ban{ display:none; width:100%;}

@media only screen and (max-width:1800px){

.menu .nav{ width:auto; }

.menu .nav li{ width:100px;}

}





@media only screen and (max-width:1600px){

.menu .nav li{ width:90px;}



	

	}

	

@media only screen and (max-width:1470px){

.menu .nav li{ width:90px;}

.content{ padding:0 3%;overflow:hidden;margin:0 auto ; }

.con_box{ padding:0 3%;overflow:hidden;margin:0 auto ; }

.menu{ padding:0 3%;  height:100px;}

	

	}

@media only screen and (max-width:1400px){

.menu .nav li{ width:80px;}



}







.pc_banner{ width:100%; overflow:hidden; margin:0px auto 0;}

.ban{width:100%;overflow:hidden;margin:0 auto}

.ban img{width:100%}

.m_banner{ display:none; width:100%; overflow:hidden; margin:0px auto 0;}





@media only screen and (max-width: 1300px){

	.menu{ padding:0px;}

	.menu{ height:inherit;}

	.logo{ text-align:center; width:100%; margin:10px auto;}

	.head{ position:relative; height:inherit;}

.menu .nav {

	 background:#3e98ee;

    height:inherit;

    margin: 0 auto;

    float: none;

    width: 100%; overflow:hidden;

}

.menu .nav li{ width:12.5%; text-align:center; border-top:1px #fff solid; border-right:1px #fff solid; box-sizing:border-box; height:inherit; line-height:inherit; padding:2% 0;}

.menu .nav li a{color:#fff;}



.hot{ display:none;}

.sp_nav{ display:block;}

.koubei ul li{ width:33.33%}

.case .project-container{ margin:0 10px;}

.case .pj-prev-btn,.case .pj-next-btn{ display:none;}

.footer ul{ display:none;}

.footer .foo_txt{ width:50%; height:inherit}

.footer .rwm{ width:15%}



.news_l {

    width: 100%;

    overflow: hidden;

    float: none;

    border: 1px #ccc solid;

    margin-right: 0%;

}

.news ul { margin-top:30px;

    overflow: hidden;

    width: 100%;

}



.koubei swiper-container{ padding-bottom:50px;}

.koubei  .swiper-pagination{ display:block;}



.muen_nav{ border:none; height:inherit; line-height:inherit; }

.muen_nav .p1{ float:none; border-bottom:1px #ccc solid; overflow:hidden;height:inherit; line-height:inherit; padding:15px 0 }

.muen_nav ul{ float:none; margin-top:20px;}

.muen_nav ul li:after{ content:""; display:none;}

.muen_nav ul.f2{ overflow:hidden;}

.muen_nav ul.f2 li { width:50%; padding:10px 0; border:5px #fff solid; background:#f1f1f1; text-align:center; box-sizing:border-box; height:inherit; line-height:inherit;  }



.muen_nav ul.f3{ overflow:hidden;}

.muen_nav ul.f3 li { width:33.33%; padding:10px 0; border:5px #fff solid; background:#f1f1f1; text-align:center; box-sizing:border-box; height:inherit; line-height:inherit;  }





















}





@media only screen and (max-width: 1023px){



#case  .scroll ul li {width:260px;}


}











@media only screen and (max-width: 860px){

	.side{ display:none;}

	.buttom{ display:block;}

	.contact ul li{ width:100%; float:none;}

	.pic_content ul li,.anli ul li{ width:50%}

	.pic_content ul li .pic_com dl dd{ font-size:0.2rem;}

	.pic_content ul li .pic_com dl dt{ font-size:0.18rem;}

	.muen_nav .p1 a,.muen_nav ul li a{ font-size:0.22rem;}

	.pro-intro .share{height:inherit;line-height:inherit;padding:10px 0}

.pro-intro .share p span{display:block;font-size:.18rem;color:#999;padding:0 8px}

.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}

.fy p{width:50%;box-sizing:border-box;height:inherit;line-height:inherit;float:left;color:#666;font-size:.2rem;text-align:center;border-right:1px solid #d2d2d2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:10px}

.fy p:last-child{border:none;border-top:1px #ccc solid;width:100%}

.pro-intro h2{font-size:.25rem}

	.pc_banner{ display:none;}

	.m_banner{ display:block;}

	.case .pj_titles{ font-size:0.2rem;}

	.aboutbj{ overflow:hidden;  background-size: 100% 100%;  background-attachment: fixed;}

	.fll{ margin:20px auto 0}

	.title,.title1{ margin:20px auto;}



	.koubei ul{ padding:0px }

	.koubei ul li{ width:50%; padding:0px;}

	 .koubei ul li .kb p{ font-size:0.2rem; line-height:0.35rem;}

	 .koubei ul li .kb h3{ font-size:0.25rem;}

	 .koubei ul li:last-child{ width:100%}

	  .koubei ul li:last-child p{ height:inherit; padding-bottom:30px;}

	 .title h3,.title1 h3{ font-size:0.3rem;}

	 .title p,.title1 p{ font-size:0.18rem; margin: 5px auto;}

	 .pic_box ul li p{ font-size:0.22rem;}

	 .about{ width:auto;}

	 .about h3{ font-size:.4rem;}

	 .about h3 i{ font-size:.15rem;}

	 .about dd{ font-size:0.22rem; line-height:0.35rem; }

	 .product-number-info li{ width:50%; margin-bottom:1px;}

	 .product-number-info li b{ font-size:0.4rem;}



	 .about dt{ float:none;}

	 .product-number-info li b sup{ font-size:0.15rem; position:relative; right:0px;}

	

	.product-number-info ul{ padding:10px 0; overflow:hidden;}

	.product-number-info{ margin-bottom:30px;}

	.news {



    overflow: hidden;

    margin: 0px auto 0;

    padding-top: 0px;

}

.news_bt h3 {

    float: none;

    font-size: 0.3rem;

    color: #0055bc; text-align:center; f

}

.news_bt p{ font-size:0.2rem;}



.news_bt .news_tab {

    float: none;

    margin-top: 30px;

}



.news_bt .news_tab a {

    border-radius: 30px;

    height: 40px;

    line-height: 40px;

    width: 30%;

    border: 1px #3e98ee solid;

    display: inline-block;

    margin: 0 1%;

    text-align: center;

    font-size: 0.2rem; display:block; float:left;

}





.news_l div dd {

    position: absolute;

    height: 40px;

    line-height: 40px;

    background: rgba(0,0,0,0.6);

    width: 100%;

    text-align: left;

    padding-left: 5px;

    font-size: 0.22rem;

    display: block;

    left: 0px;

    bottom: 0px;

}



.news_com ul dl h3{ font-size:0.2rem;}

.news ul dl p{ font-size:0.2rem;}

.footer .foo_txt h4{ font-size:0.25rem;}

.footer .foo_txt h3{ font-size:0.3rem;}

.footer .foo_txt p{ font-size:0.2rem; line-height:0.35rem;}

.footer{ background-size:cover;}

.news_com {

    overflow: hidden;

    margin: 20px auto 0;

    padding-bottom: 20px;

}

.more_btn {

    margin: 25px auto;

}



.news_list ul li:first-child .newnr b{ font-size:0.22rem;}

.news_list ul li .newnr b{ font-size:0.22rem;}

.news_list ul li .p_time{ font-size:0.15rem;}

.news_list ul li p{ font-size:0.2rem; height:inherit}

.footer{padding: 50px 0% 1.5rem;;}



	.footer .foo_txt{ width:auto; float: none;

    padding-left: 0px;

    border-right: none;

    height:inherit; text-align:center;}

	.footer .foo_txt h4:after {

    content: "____";

    color: #3e98ee; display:block;

}

	

.footer .rwm,.links{ display:none;}

.mtop{ display:block; width:40px; height:40px; position:fixed; right:2px; bottom:12%; border-radius:3px; background:#3e98ee url(../images/icon33.png) no-repeat center center; background-size:20px; z-index:1;}





.about  dd{ color:#fff; line-height:28px; font-size:15px; text-indent:2em; margin-top:0px;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:6;  }



.fanhui{ display:block;}

.news ul{ margin-top:0px;}
	}



@media only screen and (max-width: 750px){
	.xbanner img.pc-ban{ display:none; width:100%;}
.xbanner img.m-ban{ display:block; width:100%;}

	.content{ padding:0px 1%;}

	.muen_nav .p1{margin-left:0px; overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;}

.pic_content ul li, .anli ul li{ border:4px #fff solid;}

.muen_nav .p1 a{ display:inline; float:none;}

	.anli_lb ul li{ width:50%; border:4px #fff solid;}



	.news_list ul li:first-child .newimg{box-shadow:10px 10px 45px 0 rgb(0 0 0 / 0%);width:auto;height:auto;max-height:355px;display:block;vertical-align:middle}

.news_list ul li:first-child .newnr{width:auto;display:block;vertical-align:middle;margin-left:5%;margin-top:20px}



	.news_list ul li{ width:50%; border:6px #fff solid;}



.links{ display:none;}







#case .scroll ul li p{ height:inherit;  background:rgba(62,152,238,0.6); position:absolute; width:100%; overflow:hidden; line-height:inherit; bottom:0px;  color:#fff; text-align:center; padding:3% 0; font-size:0.22rem;}



.pic_nav ul li{ width:33.33%;  border:2px #fff solid;}

.pic_box ul li{ width:50%;;}



.pic_box ul li:nth-child(n+5){ display:none;}



.aboutbj{margin:20px auto 0; }

.fll {

 

    padding-bottom: 20px;

}

.koubei .swiper-container{ padding-bottom:50px;}

.koubei .swiper-slide .kb1 p {

    overflow: hidden;

    font-size: 0.2rem;

    color: #555;

    line-height: 0.35rem;

    padding: 15px 5px;

    height: 2rem;

}

.koubei .swiper-slide .kb div {

    overflow: hidden;

    width: 80px;

    height: 80px;

    margin: 20px auto 15px;

}

.news_com ul li{ width:auto; float:none;}

.footer .foo_txt img{ width:80%}



.menu .nav li{ width:25%; }

.menu .nav li a{font-size:0.25rem;}

.logo img{ width:80%}

.title:after {
    content: "";
    background: url(../images/down.png) no-repeat center;
    display: block;
    color: #3e98ee;
    margin: 0px auto;
    text-align: center;
    width: 25px;
    height: 25px;
    background-size: 15px;
}

}

@media only screen and (max-width: 420px){







.product-number-info li b sup {

 

    width: 44px; right:auto

}







.news_list ul li{ width:100%; border:6px #fff solid;}

.n_banner{ height:120px;}

.n_banner img{ height:100%}

}









/*

.ss_box{ position:absolute; width:100%; height:165px; background:rgba(255,255,255,0.8); z-index:999; box-shadow:0 4px 5px #5d5c5c; display:none;}

.sous{ width:1000px; margin:160px auto;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.sous input{ width:900px; height:45px; line-height:45px; text-indent:3em;  border-radius:5px 0  0 5px; background:#fff url(../images/fdj.png) no-repeat center left;  }

.sous input:last-child{ width:60px; height:45px; background:#7ca4eb; border-radius:0 5px  5px 0 ; text-align:center; text-indent:0em; color:#fff; cursor:pointer}

.ss_box .guanbi{ width:24px; height:24px; position:absolute; top:20px; right:5%; cursor:pointer;}

.ss_box .guanbi img{ width:100%}

.souss{ margin:50px auto;-webkit-transition:all .8s;transition:all .8s;-ms-transition:all .8s;-moz-transition:all .8s;}	

	

	

#gallery {width: 100%;}

#gallery  img{ width:100%} 

#thumbs {width: 100%;margin-top: 0px; position:absolute; bottom:7%; z-index:99}



#thumbs .swiper-slide .xiaotu{ width:70px; height:70px; border-radius:10px; text-align:center;  background:#093580; margin:0px auto;}

#thumbs .swiper-slide .xiaotu img{ width:55px; height:55px; margin:8px auto;}

#thumbs .swiper-slide  p{ font-size:15px; color:#fff; text-align:center; margin-top:8px;}

#thumbs .swiper-slide-thumb-active .xiaotu{ background:#f1740e}

#thumbs .swiper-slide .xiaotu:hover { background:#f1740e; cursor:pointer}

#thumbs  .left{ position:absolute; z-index:110; margin-top:-40px; background-image:url(../images/right.png)}	

#thumbs  .right{ position:absolute; z-index:110;margin-top:-40px; background-image:url(../images/left.png)}	

.pic{ width:30%; float:left; overflow:hidden;}

.pic h3{ color:#f1740e; font-size:36px;}

.pic h3 p{color:#dcdddd; text-transform:uppercase;}

.pic h3:after{content:url(../images/dian.png); display:block; margin-top:20px;}



.pic dd{ font-size:14px; line-height:28px; margin-top:10%; color:#898989; margin-right:100px  }





.pic_box{ width:100%; overflow:hidden; position:relative;}

.pic_box  img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.pic_box:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}



.pic_box h3{ overflow:hidden; position:absolute; height:70px; line-height:27px; bottom:0px; width:100%; text-align:center;}

.pic_box h3:before{ content:"——"; color:#fff; display:block;}

.pic_box a h3 {color:#fff;}



.gengduo{ width:100%; clear:both; height:145px; line-height:145px; overflow:hidden; background:url(../images/jiantou.png) no-repeat left top;}

.gengduo span{ float:right; font-size:15px;}





.about{ overflow:hidden; margin:0px auto;}

.about ul{ overflow:hidden; background:#093580; }

.about ul li{ overflow:hidden; float:left;}

.about ul li:first-child{ width:33.3333%;}

.about ul li:last-child{ width:66.6666%;}

.about ul li img{ width:100%}



.about ul li div{ margin:70px 50px 0; color:#fff;}

.about ul li div h3{ font-size:36px; font-weight:400; margin-bottom:30px;}

.about ul li div p{ font-size:16px; line-height:28px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.about ul li div dd{ width:150px; height:45px; line-height:45px; text-align:center; border-radius:30px; border:1px #fff solid; margin-top:40px; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}



.about ul li div dd a{ color:#fff; font-size:16px; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; display:block;}

.about ul li div dd:hover{ background:#fff; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out }



.about ul li div dd:hover a{ color:#333; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}





.case{ overflow:hidden;}

.case ul{ overflow:hidden;}

.case ul li{ width:33.33%; float:left; background:#093580; overflow:hidden; position:relative;}

.case ul li img{ width:100%; opacity:0.5;}

.case ul li div{ margin:70px 50px 0; color:#fff; position:absolute; top:0px; left:0px;}

.case ul li div h3{ font-size:36px; font-weight:400; margin-bottom:30px;}

.case ul li div p{ font-size:16px; line-height:28px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.case ul li div dd{ width:150px; height:45px; line-height:45px; text-align:center; border-radius:30px; border:1px #fff solid; margin-top:40px; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.case ul li div dd a{ color:#fff; font-size:16px; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; display:block;}

.case ul li div dd:hover{ background:#fff; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out }

.case ul li div dd:hover a{ color:#333; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.case ul li:first-child img{ width:100%; opacity:1;}





.tab_box{ background:#222222 url(../images/quan.png) center 80px no-repeat; padding-bottom:50px; width:100%; min-width:1200px;}



.tab_content{ width:1200p; margin:0px auto; position:relative}





		.slideTxtBox{ overflow:hidden; }

		.slideTxtBox .hd{ overflow:hidden;   position:relative; margin:50px auto 0 }

		.slideTxtBox .hd ul{ overflow:hidden;   }

		

		.slideTxtBox .hd ul li{ float:left; width:23%; margin:0 1%; cursor:pointer;  }

		.slideTxtBox .hd ul li p{ font-size:18px;color:#fff; border-bottom:1px #828282 solid; padding-bottom:10px; margin-bottom:10px;}

		.slideTxtBox .hd ul li h3{ font-size:20px; color:#fff; }

		.slideTxtBox .hd ul li.on p{ border-bottom:1px #fff solid;    }

		

		.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }

			.slideTxtBox .bd ul h3{ font-size:36px; color:#fff; margin-top:10px;}

			.slideTxtBox .bd ul div{ width:50%; height:700px; margin:0px auto; margin-top:-5%;}

			.slideTxtBox .bd ul div img{ width:100%}

			.slideTxtBox .bd li { height:24px; line-height:24px;   }

			.slideTxtBox .bd li .date{ float:right; color:#999;  }



@media only screen and (max-width:1440px){.slideTxtBox .hd{  margin:0px auto 0 }}

@media only screen and (max-width:1200px){.slideTxtBox .bd ul div{ width:60%; height:700px; margin:0px auto;}}













#yingyong>div{animation-fill-mode:both}

#yingyong .runpic-box{width:100%;overflow:hidden;position:relative}

#yingyong .runpic-words{position:absolute;width:100%;bottom:15%;left:50%;transform:translateX(-50%);z-index:3}

#yingyong .runpic-words ul li{width:12.3%;float:left;text-align:center}

#yingyong .runpic-words ul li img{display:block;margin:0 auto;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s}

#yingyong .runpic-words ul li h6{font-size:18px;color:#fff;margin-top:15px}

#yingyong .runpic-words ul li p{font-size:18px;color:#fff;text-transform:capitalize;margin-top:10px;font-family:SOURCEHANSANSCN-LIGHT_0}

#yingyong .runpic-words ul li:hover img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}

#yingyong .runpic-line-null{position:absolute;width:100%;height:1px;background-color:rgba(255,255,255,.1);left:0;bottom:10%;z-index:4}

#yingyong .runpic-line{position:absolute;width:10%;height:1px;background-color:#b6b5aa;left:0;bottom:10%;z-index:4;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s}

#yingyong .runpic-pic{width:100%;overflow:hidden;position:relative;z-index:1;height:820px;background-color:#b6b5aa}

#yingyong .runpic-pic ul li{width:100%;height:910px;display:none;background-repeat:no-repeat!important;background-attachment:fixed!important;position:absolute;-o-background-size:cover;background-size:cover;top:0;left:0}

#yingyong .runpic-pic-true{-webkit-animation:toPicBig 1s ease-in-out both;-moz-animation:toPicBig 1s ease-in-out both;-o-animation:toPicBig 1s ease-in-out both;animation:toPicBig 1s ease-in-out both}

#yingyong .runpic-pic-shade{position:absolute;z-index:2;width:100%;height:100%;background-color:rgba(0,0,0,.4);-webkit-transition:all 2s;-o-transition:all 2s;-moz-transition:all 2s;transition:all 2s}

#yingyong .runpic-words-pic{height:auto}

#yingyong .yyly{position:absolute;z-index:3;width:80%;margin-left:-40%;left:50%;margin-top:110px}

#yingyong .yyly1{ overflow:hidden;}

#yingyong .yyly1 h3{font-size:48px;font-weight:700;color:#fff}

#yingyong .yyly1 dl{color:#fff;font-size:16px;line-height:36px;padding-top:25px}

#yingyong .gd a{color:#fff;width:160px;height:50px;border-color:#fff;border-style:solid;border-width:1px;line-height:50px;text-align:center;font-size:16px;display:block;border-radius:100px;margin-top:50px}



@media only screen and (max-width:1440px) and (min-width:1376px){#yingyong .runpic-words ul li h6{font-size:16px}

}

@media only screen and (max-width:1366px) and (min-width:1025px){#yingyong .runpic-words ul li h6{font-size:14px}

}

#yingyong{max-height:none;padding-top:0;padding-left:0;padding-bottom:0;min-height:820px;margin-right:auto;margin-left:auto;max-width:100%;width:100%;margin-top:0;margin-bottom:0;min-width:0;height:auto;padding-right:0}





.news{ overflow:hidden; margin:0px auto; width:100%; background:#f0f0f0; padding-bottom:50px; }



.news_left{ width:50%; float:left; overflow:hidden;}

.news_left div{ width:100%; overflow:hidden;}

.news_left div img{ width:100%}

.news_left div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.news_left div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}





.news_left h3{ font-size:18px; margin:20px auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.news_left h3 a{ -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;} 



.news_left h3 a:hover{ padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;} 





.news_left p{ overflow:hidden; line-height:27px; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}

.news_right{ width:48%; float:right; overflow:hidden;}

.news_right ul{ overflow:hidden;}

.news_right ul li{ overflow:hidden; margin-bottom:15px;}

.news_right ul li div{ width:32%; float:left; margin-right:15px; overflow:hidden;}

.news_right ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.news_right ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}



.news_right ul li span{ overflow:hidden;}

.news_right ul li span h3{ font-size:16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.news_right ul li span  p{ line-height:20px; margin-top:15px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.news_right ul li span  dd{ font-size:15px; color:#666;}

.news_right ul li span h3 a{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.news_right ul li span h3 a:hover{ padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}



.news_nav{ overflow:hidden; margin:50px auto;border-bottom:1px #ccc solid; padding-bottom:15px;}



.news_nav h3{ font-size:28px; color:#000; display:inline-block}



.huoban_box{ overflow:hidden; background:#f7f7f7;}



.huoban{ overflow:hidden; margin:60px auto; }

.huoban ul{ overflow:hidden; }

.huoban ul li{ width:180px; height:110px; float:left; margin:0 10px; overflow:hidden; }

.huoban ul li  img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.huoban ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}







.footer{ background:#222222; overflow:hidden; margin:0px auto;}



.footer ul{ overflow:hidden; padding:50px 0}



.footer ul li{ float:left; overflow:hidden; width:9%; margin-right:1%}

.footer ul li  h3{ font-size:18px; font-weight:500; font-size:18px; border-bottom:1px #fff solid; display:inline-block; padding-bottom:10px; margin-bottom:15px;}

.footer ul li  h3 a{ color:#fff;}



.footer ul li dd{ height:28px; line-height:28px; font-weight:500; font-size:14px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



.footer ul li dd a{  color:#fff;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.footer ul li:last-child{ width:35%; float:right; color:#fff; font-size:14px; font-weight:500; line-height:26px; border-left:1px #444444 solid;; padding-left:3%}



.footer ul li:last-child a{ border:1px #ccc solid; width:100px; height:40px; line-height:40px; display:inline-block; text-align:center; color:#fff;}

.footer ul li dd a:hover{padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}





.n_banner{ width:100%; margin:0px auto; overflow:hidden;}



.n_banner img{ width:100%; }



  .n_banner .b_text{  position: absolute;

    width: 90%;

    color: #fff;

    text-align: center;

    top: 50%;

    left: 5%;

    line-height: 1.6;

    transform: translate(0, -100%);

    z-index: 4;

  }

    .n_banner .b_text h3 {

    font-size: 36px;

    font-weight: normal;

}

 .n_banner .b_text h3:after { content:"——"; color:#fff; display:block;

    font-size: 36px;

    font-weight: normal;

}





.n_banner .b_text p {

    font-size: 18px;

    font-weight: normal; text-transform:uppercase;

}







.mbx{ background:#fff; width:100%; margin:0px auto; height:62px; line-height:62px;}

.mbx .p1{line-height:62px;float:right;position:relative;z-index:8; font-size:16px;    background: url(../images/shouye.png) no-repeat 10px 17px; padding-left: 45px;}

.mbx .p1 a{ font-size:16px;margin-left:3px}

.mbx .p1 a:after{content:">"; font-family:"宋体"  ;color:#666; font-size:16px; margin-left:4px}

.mbx .p1 a:first-child{margin-left:0}

.mbx .p1 a:last-child:after{ display:none;}

.mbx span{float:right;line-height:62px}

.mbx .p1 a:hover{color:#1473c8}



.mbx .p2{ float:left;line-height:62px;  font-size:16px;}







.mbx .p2 a{ font-size:16px;  display:inline-block; position:relative;}

.mbx .p2 a:after{ content: "|";padding:0 20px; color:#666;  }

.mbx .p2 a:before{content:""; width:0%; height:2px; background:#fff; position:absolute; bottom:0px; left:0px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.mbx .p2 a:last-child:after{ content:"";}

.mbx .p2 a:hover:before{content:""; width:60%; height:2px; background:#1473c8; position:absolute; bottom:0px; left:0px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.mbx .p2 a.xuanzhong:before{content:""; width:60%; height:2px; background:#1473c8; position:absolute; bottom:0px; left:0px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.mbx .p2 a.xuanzhong{color:#1473c8}



.bodybox{ background:#f0f0f0; overflow:hidden;}

.w60{ margin:30px auto ; padding:20px 50px; overflow:hidden; background:#fff;}

.tit{ font-size:30px; margin:20px auto; text-align:center; color:#000; font-weight:bold; border-bottom:1px #ccc solid; padding-bottom:15px; }

.about_com{ line-height:28px; font-size:16px; color:#555;}

.wenhua{ overflow:hidden;}

.wenhua h3{ font-size:30px; margin-bottom:20px; margin-top:30px; color:#222; text-align:center; overflow:hidden;}

.wenhua p{ font-size:16px; overflow:hidden; text-align:center;}

.wenhua  ul{ overflow:hidden; margin:30px auto;}

.wenhua  ul li{ width:25%; float:left; border:10px #fff solid; background:#f0f0f0; box-sizing:border-box; overflow:hidden;}

.wenhua  ul li div{ width:100%; overflow:hidden;}

.wenhua  ul li div img{ width:100%; }

.wenhua  ul li h4{ font-size:20px; font-weight:400; margin:20px auto 0; text-align:center; }

.wenhua  ul li dd{ padding:20px; line-height:26px; font-size:15px; color:#666; min-height:150px;}



.fenye{ overflow:hidden; margin:20px auto; text-align:center;}





.zizhi{ overflow:hidden;}

.zizhi ul{ overflow:hidden;}

.zizhi ul li{ overflow:hidden; width:20%; float:left; border:20px rgba(0,0,0,0) solid; box-sizing:border-box; position:relative}

.zizhi ul li div{ border:10px #ccc solid; overflow:hidden;}

.zizhi ul li div img{ width:100%; overflow:hidden;}

.zizhi ul li p{ height:50px; line-height:50px; font-size:18px; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.zizhi ul li p:after{ content:""; width:0%; height:2px ; background:#fff; position:absolute; left:0; bottom:0px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.zizhi ul li:hover p:after{ content:""; width:100%; height:2px ; background:#3f65a7; position:absolute; left:0; bottom:0px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.zizhi ul li:hover p{ color:#3f65a7}

.zizhi ul li  div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.zizhi ul li:hover div  img{-webkit-transform:scale(1.1);transform:scale(1.1)}







.fengcai{ overflow:hidden;}

.fengcai ul{ overflow:hidden;}

.fengcai ul li{ overflow:hidden; width:25%; float:left; border:20px rgba(0,0,0,0) solid; box-sizing:border-box; position:relative}

.fengcai ul li div{ border:10px #f0f0f0 solid; overflow:hidden;}

.fengcai ul li div img{ width:100%; overflow:hidden;}

.fengcai ul li p{ height:50px; line-height:50px; font-size:18px; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.fengcai ul li p:after{ content:""; width:0%; height:2px ; background:#fff; position:absolute; left:0; bottom:0px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.fengcai ul li:hover p:after{ content:""; width:100%; height:2px ; background:#3f65a7; position:absolute; left:0; bottom:0px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.fengcai ul li:hover p{ color:#3f65a7}

.fengcai ul li  div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.fengcai ul li:hover div  img{-webkit-transform:scale(1.1);transform:scale(1.1)}





.p_tit{ overflow:hidden; background:#3f65a7; padding:20px; color:#fff; font-size:24px; font-weight:bold; border-radius:5px 5px 0 0}

.p_tit p{ font-weight:400; text-transform:uppercase; font-size:16px;}



.p_muen{ overflow:hidden; background:#fff;}

.p_muen ul{ overflow:hidden; padding:10px;}

.p_muen ul li{ overflow:hidden; font-size:14px; color:#666; border-bottom:1px #ccc dotted; padding:8px 0 8px 27px; position:relative;}

.p_muen ul  h3{ background:#7ca4eb; font-size:16px; font-weight:400; margin-bottom:10px; height:40px; padding-left:15px; line-height:40px; border-radius:6px; position:relative;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.p_muen ul  h3:hover{ background:#3f65a7;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.p_muen ul  h3:after{ content:">"; font-family:"宋体"; position:absolute; right:10px; font-weight:bold; color:#fff;}

.p_muen ul  h3 a{color:#fff; display:block;}

.p_muen ul li a{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; }

.p_muen ul li a:hover{ padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.pic_left{ width:20%; float:left; margin:38px auto;}

.pic_right{ width:76%; float:right;  margin:40px auto 30px; background:#fff; padding:1%;}

.p_muen ul li:before{content:"◇"; position:absolute; left:10px; }

.pic_lb{ overflow:hidden;}

.pic_lb ul{ overflow:hidden;}

.pic_lb ul li{ overflow:hidden; width:33.33%; border:8px #fff solid; box-sizing:border-box; float:left;}

.pic_lb ul li div{ overflow:hidden; width:100%;}

.pic_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.pic_lb ul li:hover div  img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic_lb ul li p{ overflow:hidden; height:40px; line-height:40px; background:#f0f0f0;  font-size:16px; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position:relative; z-index:1}

.pic_lb ul li p:before{ content:""; height:40px; width:0%; position:absolute; left:0px; background:#3f65a7; z-index:-1;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.pic_lb ul li:hover p:before{ content:""; width:100%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.pic_lb ul li:hover a  p { color:#fff;}



.pic_xq{ overflow:hidden;}

.p_img{ overflow:hidden; width:500px; float:left;}

.p_text{ overflow:hidden; width:48%; float:right;}



.ban2{ width:500px; height:500px; position:relative; overflow:hidden;}

.ban2 ul{ position:absolute; left:0; top:0;}

.ban2 ul li{ width:500px; height:500px;}

.ban2 ul li img{ width:100%; height:100%}

.prev{ float:left; cursor:pointer;}

.num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}

.min_pic{ padding-top:10px; width:500px;}

.num ul{ position:absolute; left:0; top:0;}

.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}

.num ul li img{ width:100%; height:100%}

.num ul li.on{ border:1px solid red; padding:0;}

.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}

.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}

.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}

.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}

.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}

.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}

.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}

.pop_up2 ul{ position:absolute; left:0; top:0;}

.pop_up2 ul li{ width:500px; height:500px; float:left;}



.p_text{ overflow:hidden;}

.p_text h3{ font-size:20px;overflow:hidden; margin-bottom:20px;}

.p_text .miaosu{ font-size:15px; color:#555; overflow:hidden; line-height:26px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;} 

.p_text dl{overflow:hidden;height:160px}

.p_text dl dd{color:#666; display:block; width:100% ; overflow:hidden; margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.p_text dl dt{color:#666;display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.p_text dl dd span,.text dl dt span{overflow:hidden; display:block; width:104px; float:left; text-align:left; font-size:16px; font-weight:bold}

.p_text dl dd em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;}







.p_text i{display:block;height:30px;line-height:30px;font-size:18px;color:#237183;font-style:normal;margin:14px 0}

.p_text b{display:block}

.p_text b a.ck{width:190px;height:40px;line-height:40px;background:#3f65a7;text-align:center;color:#fff;display:inline-block;font-weight:400; font-size:16px;}

.p_text b a.ck:hover{background:#7ca4eb}

.p_text b a.fh{width:190px;height:40px;line-height:40px;background:#666;text-align:center;color:#fff;display:inline-block;font-weight:400;font-size:16px;}

.p_text b a.fh:hover{background:#7ca4eb}



@media only screen and (max-width:1320px) and (min-width:1200px){.p_text{ width:44%;}}





.pic_title{background:#f1f1f1; height:40px; line-height:40px; font-size:18px; padding-left:10px; text-align:left; font-weight:bold; margin:20px auto; color:#3f65a7}

.pic_xqnr{ font-size:15px; color:#666; line-height:28px;}











.case_lb{ overflow:hidden;}

.case_lb ul{ overflow:hidden; padding:15px 10px;}

.case_lb ul li{ overflow:hidden; width:25%; float:left; border:20px rgba(0,0,0,0) solid; box-sizing:border-box; position:relative;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.case_lb ul li div{ border:1px #f0f0f0 solid; overflow:hidden;}

.case_lb ul li h3{ height:40px; line-height:40px;font-size:18px; font-weight:400; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.case_lb ul li p{  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; height:50px; line-height:26px;}

.case_lb ul li  div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.case_lb ul li:hover div  img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.case_lb ul li:hover{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; box-shadow:0 0 5px #ccc;

transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);}



.news_liebiao{overflow:hidden;margin:60px auto 0}

.toutiao{overflow:hidden;border:1px #ccc dashed;padding:30px; background:#fff;}

.toutiao div{ width:400px; overflow:hidden; float:left; margin-right:30px;}

.toutiao div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.toutiao:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.toutiao span h3{font-size:20px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;line-height:40px; margin-top:30px;}

.toutiao span h3:before{content:"头条";width:80px;border-radius:10px;background:#1473c8;text-align:center;color:#fff;height:40px;line-height:40px;display:inline-block;margin-right:15px}

.toutiao span  p{line-height:26px;font-size:14px;color:#555;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.toutiao a h3{color:#1473c8}

.toutiao a:hover h3{text-decoration:underline}

.toutiao span dd{ width:150px; height:50px; float:right; line-height:50px; display:inline-block; text-align:center; color:#fff; background:#999; margin-top:30px;}

.toutiao span dd a{ color:#fff; font-size:16px;}

.toutiao span dd:hover{ background:#1473c8}

.toutiao:hover{border:1px #7ca4eb dashed;}

.news_liebiao ul{overflow:hidden; padding:5px;}

.news_liebiao ul li{padding:30px;overflow:hidden;margin-top:36px; background:#fff; width:33.33%; float:left; border:10px #f0f0f0 solid; box-sizing:border-box; position:relative;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.news_liebiao ul li div{width:100%;overflow:hidden}

.news_liebiao ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.news_liebiao ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.news_liebiao ul li dd{ font-size:14px; color:#999; margin:8px auto;}



.news_liebiao ul li  h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400; font-size:20px;line-height:40px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.news_liebiao ul li  p{line-height:26px; height:50px;font-size:14px;color:#555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}



.news_liebiao ul li:hover{transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.news_liebiao ul li:hover a h3{color:#7ca4eb;text-decoration:underline;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}







.news_faq{overflow:hidden}

.news_faq ul{overflow:hidden; padding:5px;}

.news_faq ul li{overflow:hidden;background:#fff url(../images/faqq.png) no-repeat 30px 30px;padding:30px;overflow:hidden;border:1px #ccc solid;margin-top:36px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s; b}

.news_faq ul li h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;line-height:40px;padding-left:55px;font-size:20px}

.news_faq ul li p{line-height:26px;font-size:14px;color:#555;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding-left:55px}

.news_faq h3 span{float:right;color:#999;font-size:14px}

.news_faq ul li a h3{color:#333;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.news_faq ul li:hover a h3{color:#7ca4eb;text-decoration:underline;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.news_faq ul li:hover{border:1px #7ca4eb solid;box-shadow:0 0 6px #7ca4eb;transition:transform .4s;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}





.lxwm{width:100%;overflow:hidden;margin:50px auto 0}

.lxwm ul{overflow:hidden}

.lxwm ul li{overflow:hidden;float:left;border:10px #fff solid;box-sizing:border-box;width:20%;text-align:center}

.lxwm ul li div img{width:90px;height:90px;overflow:hidden;margin:40px auto 10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.lxwm ul li div{overflow:hidden;border:1px #ccc solid;border-top:8px #7ca4eb solid;margin:0 auto;padding-bottom:20px}

.lxwm ul li:hover img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.lxwm ul li:hover:hover{background:#f0f0f0;}

.lxwm ul li h3{overflow:hidden;font-size:18px;font-weight:400;margin-bottom:10px}

.lxwm ul li dd{font-size:14px;line-height:26px;min-height:60px;padding:0 15px}

.allmap{overflow:hidden;position:relative}

#allmap{height:500px;margin:50px auto 0;position:relative}

.ditu{width:100%;height:80px;font-size:18px;color:#fff;background:rgba(0,0,0,.6);line-height:80px;position:absolute;bottom:0;text-indent:1em}

.ditu span{padding:3px 20px;line-height:inherit;line-height:55px;margin-top:10px;background:#7ca4eb;color:#fff;float:right;border-radius:30px;margin-right:20px}

.ditu span a{color:#fff}

.ditu span img{margin-right:10px}

.mssg-intro{margin:50px auto;overflow:hidden}

.mssg-intro img{display:block;width:43%;float:left}

.mssg-intro form{width:53%;float:right;margin-right:3px}

.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}

.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}

.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}

.mssg-intro form .btn input{width:200px;display:block;height:60px;float:left;margin-top:20px;background:#7ca4eb;outline:0;border:none;font-size:18px;color:#fff;border-radius:5px}

.mssg-intro form .btn input:last-child{float:left;background:#999;margin-left:20px}

.titlefk{text-align:center;padding:40px 0 25px;overflow:hidden;margin:0 auto;font-size:30px;text-align:center;color:#000;font-weight:400;display:none}

.titlefk span{color:#da251a}









*/