@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details，h1,h2,h3,h4,h5,h6,video {display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
a{text-decoration:none; color:#525252;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
input,textarea{outline:none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.fl{ float:left;}.fr{ float:right;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
html{ overflow-x:hidden;-ms-touch-action: none;}
body{ overflow-x:hidden; overflow-x:visible;color:#343434;}
*{ font-family:"Microsoft Yahei"; font-family:"微软雅黑";}
.clear{ clear:both;}
.clearfix:after{content:'.';display:block; clear:both; height:0; overflow:hidden; visibility:hidden;}
/*---------------------清除默认样式------------------------*/
.max_wrap{width:1200px; margin:0 auto;}
.nav_wrap{width:100%; min-width:1200px;}
.nav{ width:1200px; height:100px; margin:0 auto;}
.nav_left img{ display:inline-block; width:229px; height:64px; margin:18px 0 0 22px;}
.nav_right ul li{ float:left; font-size:16px; margin-top:50px; position:relative;}
.nav_hover{ position:absolute; background-color:#fff; text-align:center;z-index:99;font-size:12px; width:140px; padding-top:25px; left:-10px;box-shadow:1px 1px 2px #dadada; display:none;}
.nav_hover > a{ display:block; margin-bottom:25px; color:#343434;} 
.nav_hover > a:hover{ color:#3b8ef3;}
.nav_right ul li > a{ width:120px; text-align:center; display:inline-block; padding:10px 0; color:#343434; border-bottom:2px solid #fff;}
.nav_right ul li > a:hover{ color:#1d2d69; border-bottom:2px solid #1d2d69;}
.nav_right ul li span{ display:inline-block; width:1px; height:15px; background-color:#dbdbdb;}
.nav_bg{color:#1d2d69 !important; border-bottom:2px solid #1d2d69 !important;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222; top:50%; transform:translateY(-50%);overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.prev{left:60px;}
.next{right:60px;}/*左右箭头*/
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:422px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}/*位置滚动条*/
.slide-main{height:450px;position:relative; width:100%; min-width:1200px;}
.slide-box,.slide{display:block;width:100%;height:450px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:450px;background:#ff6900;position:relative;position:absolute;z-index:8;width:100%;}
.slide a{display:block;width:1200px;height:450px;cursor:pointer; margin:0 auto; position:relative;}/*滚动页宽高*/
#bgstylec{background:url(../img/nt-0.png) no-repeat center center;background-size:cover;}
#bgstylea{background:url(../img/banner01.jpg) no-repeat center center;background-size:cover;}
#bgstyled{background:url(../img/banner004.jpg) no-repeat center center;background-size:cover;}
#bgstyleb{background:url(../img/banner02.jpg) no-repeat center center;background-size:cover;}/*背景图*/
.obj-a,.obj-b,.obj-c{position:absolute;z-index:9;}
.obj-a{top:68px; left:175px;}
.obj-b{top:114px; left:40px;}
.obj-c{display:block;top:117px; right:50px;}
.obj-a{display:block;animation-name:saAni;-webkit-animation:saAni 0.7s linear 0s normal none;-moz-animation:saAni 0.7s linear 0s normal none;animation:saAni 0.7s linear 0s normal none;}
.obj-b{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
.obj-c{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:0%;} to{opacity:1;left:40px;} }
@-moz-keyframes baoAni{from{opacity:0;left:0%;} to{opacity:1;left:40px;} }
@keyframes baoAni{from{opacity:0;left:0%;} to{opacity:1;left:40px;} }
@-webkit-keyframes saAni{from{opacity:0;transform:scale(0.5,0.5);} to{opacity:1;transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0);} to{opacity:1;-moz-transform:scale(1);} }
@keyframes saAni{from{opacity:0;transform:scale(0);} to{opacity:1;transform:scale(1);} }
@-webkit-keyframes saAnic{from{opacity:0;right:0%;} to{opacity:1;right:50px;} }
@-moz-keyframes saAnic{from{opacity:0;right:0%;} to{opacity:1;right:50px;} }
@keyframes saAnic{from{opacity:0;right:0%;} to{opacity:1;right:50px;} } /*焦点图结束*/
.product_top,.customer_top,.strengths_top,.contact_top{ text-align:center; padding-top:40px;}
.product_top span,.strengths_top span,.contact_top span{ font-size:30px; color:#3b8ef3; margin-bottom:20px;}
.customer_top span{ font-size:30px; color:#fff; margin-bottom:20px; }
.customer_top h1{color:#fff !important;}
.product_top h1,.customer_top h1,.strengths_top h1,.contact_top h1{ font-size:30px; color:#000; font-weight:normal;}
.product_top i,.strengths_top i,.contact_top i{ background-image:url(../img/dashed.png); background-position:0px 0px; display:inline-block; width:53px; height:2px; overflow:hidden;}
.customer_top i{ background-image:url(../img/dashed.png);background-position:bottom; display:inline-block; width:53px; height:2px; overflow:hidden;}/*通用头部*/
.product_text a{ display:block; width:268px; height:370px;box-shadow:1px 1px 10px #dadada; text-align:center; float:left; margin:50px 0 90px 25.5px;}
.product_text a:hover h2{ color:#3b8ef3;}
.product_text a span{ display:inline-block;width:125px; height:185px; margin-top:36px;}
.product_text .pro_bga span{ background-image:url(../img/icon_blue.png); background-position:126px 191px; }
.product_text .pro_bgb span{ background-image:url(../img/icon_blue.png); background-position:126px 0px; }
.product_text .pro_bgc span{ background-image:url(../img/icon_blue.png); background-position:0px 191px; }
.product_text .pro_bgd span{ background-image:url(../img/icon_blue.png); background-position:0px 0px; }
.product_text h2{ font-size:26px; color:#252525;}
.product_text p{ padding:0 24px; box-sizing:border-box; font-size:12px; line-height:20px; text-align:left; margin-top:15px;}
.customer_wrap{ width:100%; background-color:#3b8ef3; height:800px; background-image:url(../img/customer_bg.png); background-position:bottom; background-repeat:no-repeat; background-size:100%; text-align:center; min-width:1200px;}
.customer_text a{ display:block; width:344px; height:490px; background-color:#fff; margin:50px 28px 0; float:left;position:relative;transition:all 0.5s;}
.customer_text a:hover{transform:translateY(-18px)}
.customer_text a .cust_txt i:hover{ background-color:#3b8ef3; color:#fff;}
.cust_a span,.cust_b span,.cust_c span{width:140px; height:112px; display:inline-block; margin:26px 0 13px 0;} 
.cust_a span{ background-image:url(../img/icon_3d.png); background-position:0px 0px;}
.cust_b span{ background-image:url(../img/icon_3d.png); background-position:0px 236px;}
.cust_c span{ background-image:url(../img/icon_3d.png); background-position:0px 114px;}
.cust_txt{ position:relative;}
.cust_txt i{ border-radius:50%;  -webkit-border-radius:50%; width:56px; height:38px; background-color:#fff; display:inline-block; z-index:99; position:absolute; box-shadow:0px 0px 10px #3b8ef3; left:50%; transform:translateX(-50%); bottom:-63px; font-size:38px; color:#3b8ef3; padding:9px 0;}
.cust_txt p{ font-size:18px; color:#3b8ef3;}
.cust_foot{ width:100%; height:277px; background-color:#e7e7e7; position:absolute; bottom:0px; left:0px; z-index:9;}
.cust_foot img{ width:312px; height:247px; overflow:hidden; margin-top:15px; display:inline-block;}
.customer_bt{ margin-top:50px; width:142px; height:40px; border:1px solid #fff; border-radius:30px; - webkit -border-radius:30px;display:inline-block;}
.customer_bt p{ font-size:18px; color:#fff; line-height:40px;}
.customer_bt p span{ font-size:20px; margin-left:9px; transition:all 0.4s; display:inline-block;}
.customer_bt:hover span{ transform:translateX(5px);}
.strengths_txt{ width:400px; float:left;}
.strengths_txt span{ display:block; width:91px; float:left; height:91px; overflow:hidden; margin-right:17px;}
.core_icon1{ background-image:url(../img/core_icon.png); background-position:91px 92px;}
.core_icon2{ background-image:url(../img/core_icon.png); background-position:0px 92px;}
.core_icon3{ background-image:url(../img/core_icon.png); background-position:0px 0px; }
.core_icon4{ background-image:url(../img/core_icon.png); background-position:91px 0px;}
.core_icon5{ background-image:url(../img/core_icon.png); background-position:91px 186px;}
.core_icon6{ background-image:url(../img/core_icon.png); background-position:0px 186px;}
.strengths_ul{ float:left; width:240px; margin-bottom:45px;}
.strengths_box{ margin:70px 0 25px 0;}
.strengths_ul h3{ font-size:18px; margin-bottom:15px;}
.strengths_ul p{ line-height:25px; font-size:14px;}
.company_data{ width:100%; height:260px; overflow:hidden; background:url(../img/cont_bg.png) no-repeat ,linear-gradient(to right, #3b8ef3,#36b0fa); background-position:bottom; background-size:cover; min-width:1200px;}
.company_ul{ width:25%; float:left; text-align:center; color:#fff;margin-top:100px;}
.company_ul span,.company_ul i{ font-size:35px; font-family:"Arial, Helvetica, sans-serif"; }
.company_ul p{ margin-top:10px; font-size:20px;}
.contact_tel{ width:634px; margin:40px auto 30px;}
.contact_tel span{ display:block; width:230px;}
.contact_tel span i{ display:inline-block; float:left;width:50px; height:50px; border-radius:50%; border:1px solid #3b8ef3; font-size:30px; color:#3b8ef3; text-align:center; line-height:50px;}
.contact_tel span p{ display:inline-block; width:160px; font-size:14px; float:left; margin-left:14px; margin-top:8px;}
.company_form{ margin:0 24px;}
.company_name,.company_em{ width:550px; height:40px; border:1px solid #dfdfdf; padding:0 19px; box-sizing:border-box;}
.company_words{ width:100%; border:1px solid #dfdfdf; padding:13px 19px; box-sizing:border-box; margin-top:30px;}
.company_sub,.company_we{ width:125px; height:35px; border:2px solid #3b8ef3; border-radius:30px; background-color:#fff; font-size:14px; margin:45px 0;cursor:pointer;}
.company_sub{ background:linear-gradient(to right, #3b8ef3,#36b0fa); background:-moz-linear-gradient(to right, #3b8ef3,#36b0fa);color:#fff !important; margin-left:410px;}
:root .gradient{filter:none;} 
.company_we{ color:#3b8ef3; margin-right:410px;}
.foote_bg{ width:100%; background-color:#3b8ef3; height:116px; color:#fff; min-width:1200px;}
.footer h4{ display:block; height:42px; line-height:42px; font-size:12px; color:#fff; text-align:center; font-weight:normal; background-color:#3880d7;min-width:1200px;}
.footer ul li{ float:left; margin-top:26px; margin-left:135px;}
.footer ul li i{ display:block; font-size:60px; float:left; margin-right:15px;}
.footer ul li p{ float:left; font-size:16px !important;}
.footer ul li p span{ font-size:12px; margin-bottom:15px; display:inline-block;}
.contact_shade{ width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.3);position: fixed; left: 0; right: 0; top: 0; bottom: 0; display:none;}
.shade_box{ z-index:9999; width:416px; height:342px; background-color:#fff; border-radius:20px; position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; text-align:center;}
.shade_box img{ width:120px; height:120px; overflow:hidden; margin-top:40px;}
.shade_box p{ font-size:26px; margin:40px 0 28px;}
.shade_box input{ width:125px; height:54px; background-color:#3b8ef3; border:none; border-radius:10px; font-size:30px; color:#fff;cursor:pointer;}
/*---------------------首页结束------------------------*/
.produ_bn{ width:100%; height:450px; overflow:hidden;background:url(../img/banner002.jpg) no-repeat center center; background-size:cover; min-width:1200px;}
.produ_rta,.produ_rtb,.produ_rtc,.produ_rtd{ width:475px; height:460px; overflow:hidden;}
.produ_rta{ background-image:url(../img/pordu_bg.png); background-position:0px 480px;}
.produ_rtb{ background-image:url(../img/pordu_bg.png); background-position:469px 450px;}
.produ_rtc{ background-image:url(../img/pordu_bg.png); background-position:0px 0px;}
.produ_rtd{ background-image:url(../img/pordu_bg.png); background-position:480px -10px;}
.produ_box{ margin-top:60px;}
.produ_lf{ width:650px; font-size:14px; padding:30px 0 0 20px; box-sizing:border-box;}
.produ_lf h1{ font-size:36px; color:#3b8ef3; margin-bottom:40px;}
.produ_lf ul li{ margin-bottom:30px;}
.produ_lf ul li span{ font-size:20px; color:#3b8ef3; float:left; margin-right:7px;}
.produ_lf ul li p{ width:502px; float:left; line-height:24px;}
.produ_lf ul li i{ float:left;}
.pd_30{ padding-left:30px;}
/*---------------------产品中心------------------------*/
.coutomer_bn{ width:100%; height:450px; overflow:hidden;background:url(../img/banner03.jpg) no-repeat center center; background-size:cover; min-width:1200px;}
.coutomer_title,.history_title{ text-align:center; margin-top:50px;}
.coutomer_title h1,.history_title h1{ font-size:30px; color:#3b8ef3;}
.coutomer_title span,.history_title span{ display:inline-block; height:1px; width:310px; background-color:#bfbfbf; position:relative; margin:18px auto 10px;}
.coutomer_title span i,.history_title span i{ display:inline-block; width:50px; height:3px; background-color:#7e7e7e; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.coutomer_title p,.history_title p{ font-size:14px; color:#7e7e7e;}
.case_content{ margin-top:50px;}
.case_text { width:360px; height:290px; border:1px solid #f0f0f0; float:left; overflow:hidden; position:relative; margin:0px 0px 40px 30px; box-sizing: border-box;}
.case_text img{ width:360px; height:227px; overflow:hidden;}
.case_text p{line-height:63px; font-size:18px;vertical-align:middle;}
.case_text p span{ width:5px; height:20px; background-color:#3b8ef3; display:inline-block; margin-right:10px; vertical-align:middle;}
.case_img{ margin-bottom:60px;}
.case_img span{ display:block; float:left; box-shadow:0 0 10px #e9e9e9; background-color:#fff; width:266px; height:144px; overflow:hidden; position:relative; margin:50px 17px 0px;}
.case_img span img{ display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
/*---------------------客服案例------------------------*/
.news_bn{ width:100%; height:450px; overflow:hidden;background:url(../img/banner001.jpg) no-repeat center center; background-size:cover; min-width:1200px;}
.news_title a{ display:block; float:left; width:350px; height:322px; overflow:hidden; border:1px solid #f0f0f0; box-sizing:border-box; margin:50px 0px 40px 37.5px;font-size:14px;  line-height:24px;}
.news_title a img{ width:350px; height:220px; overflow:hidden;}
.news_title a p{ padding:0 10px; box-sizing:border-box;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin-top:10px;}
.news_title a span{ padding:0 10px;box-sizing:border-box;}
.news_title a:hover p,.news_title a:hover span{color:#3b8ef3;}
.news_li { margin-bottom:60px;}
.news_li > a{ margin:0 30px; font-size:14px; padding:40px 0; display:block; border-bottom:1px solid #f0f0f0;}
.news_li > a:hover h3,.news_li >a:hover h4{ color:#3b8ef3;}
.news_num{ width:145px;}
.news_num h3{ font-size:36px;}
.news_content{ width:894px;}
.news_content h4{ font-size:18px; margin:7px 0 17px 0;}
.news_content > p{ font-size:12px;display:inline-block;width:894px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_more{ margin-top:10px;}
.news_more span{ font-size:18px; margin-left:12px;}
.news_paging{ text-align:center; margin-top:80px;}
.news_paging a{ border:1px solid #3b8ef3; padding:8px 12px; display:inline-block; margin:0 5px; border-radius:5px;}
.hexieimg{ height:230px; width:auto; display:inline-block; margin-top:30px;}
/*---------------------新闻中心------------------------*/
.about_bn{width:100%; height:450px; overflow:hidden;background:url(../img/banner04.jpg) no-repeat center center; background-size:cover; min-width:1200px;}
.synopsis{ padding:0 50px; box-sizing:border-box; margin-top:70px;}
.synopsis_l{ width:490px;font-size:24px;}
.synopsis_l h1{  color:#3b8ef3; margin-bottom:17px;}
.synopsis_l h2 span{ width:220px; height:1px; display:inline-block; background-color:#343434; vertical-align:middle; margin-left:10px;}
.synopsis_l i{ display:block; width:70px; height:2px; background-color:#3b8ef3; margin-top:17px; margin-bottom:30px;}
.synopsis_l p{ font-size:12px; line-height:30px; margin-top:20px;}
.synopsis_r{ width:406px; height:395px; border:4px solid #3b8ef3; box-sizing:border-box; position:relative;}
.synopsis_r img{ width:406px; height:395px; overflow:hidden; position:absolute; left:-80px; bottom:-80px;}
.history{ width:100%; height:690px; background:url(../img/his_bg.png) no-repeat left center #3b8ef3; min-width:1200px;}
.history_title h1,.history_title p{ color:#fff !important;}
.history_title span,.history_title span i{ background-color:#fff !important;}
.history_title{ padding-top:50px;}
.history_time{ margin-top:80px; padding:0 30px; box-sizing:border-box; color:#fff !important;}
.history_top { position:relative; height:145px;}
.history_top p{ width:190px; display:block;font-size:14px; line-height:30px;position:absolute; bottom:0;}
.history_top p span{ display:block; font-size:24px; margin-top:15px;}
.history_top p:nth-child(1){left:0px;}
.history_top p:nth-child(2){ left:304px;}
.history_top p:nth-child(3){ left:612px;}
.history_top p:nth-child(4){ left:916px;}
.history_bt{ padding-left:35px; box-sizing:border-box;}
.history_bt i{width:190px; display:block; margin-left:116px;float:left; font-size:14px; line-height:30px;}
.history_bt i span{display:block; font-size:24px; margin-bottom:15px;}
.history_con{ padding:30px 0;}
.history_con p{ font-size:30px; display:inline-block;vertical-align:middle;}
.history_con span{ width:45px; height:2px; display:inline-block; background-color:#fff; vertical-align:middle; margin:0 18px;}
.dut_cont{ width:1060px; height:353px; margin:90px auto; background:url(../img/duty_bg.png) no-repeat center center; position:relative;}
.dut_cont p{ width:240px; font-size:18px; position:absolute;}
.dut_cont p:nth-child(1){left:0px; top:220px;}
.dut_cont p:nth-child(2){left:322px; top:-10px;}
.dut_cont p:nth-child(3){left:580px; bottom:0px;}
.dut_cont p:nth-child(4){top:112px; right:0px; text-align:right;}
/*---------------------关于我们------------------------*/
.contact_bn{width:100%; height:450px; overflow:hidden;background:url(../img/banner05.jpg) no-repeat center center; background-size:cover; min-width:1200px;}
.contact_cont{ margin:90px auto 60px;}
.contact_fl > h1{ font-size:30px; color:#3b8ef3;}
.contact_fl p { margin-top:50px; font-size:14px;}
.contact_fl p span{ border-radius:50%; background-color:#3b8ef3; font-size:25px; color:#fff; height:43px; width:43px; line-height:43px; margin-right:18px; display:inline-block; text-align:center;}
.contact_fl h2{ font-size:12px; text-align:center; font-weight:normal; margin-top:40px; margin-left:60px;}
.contact_fl h2 i{ display:block; margin-bottom:20px; font-size:40px; color:#fff; background-color:#3b8ef3; width:70px; height:70px; line-height:70px; border-radius:50%; margin-left:18px;}
.contact_fr img{ width:645px; height:432px; overflow:hidden;}
/*---------------------关于我们------------------------*/
.taxiRental_bn{width:100%; height: 100%;overflow:hidden; min-width:1200px;}
.taxiRental_bn img{width:100%; height: 100%;object-fit: fill; overflow:hidden; min-width:1200px;}
.taxiRental_Box{position: fixed;display: flex;flex-direction: column;justify-content: center;align-items: center;bottom: 200px;right: 30px;z-index: 999;   width: 200px;height: 200px;border-radius: 10px;background-color: #fff;
    /* box-shadow: 5px 5px 3px 4px rgba(0, 0, 0, .4);  */
    /* box-shadow:水平位置 垂直位置 模糊距离 阴影尺寸（影子大小） 阴影颜色  内/外阴影； */
    box-shadow: 0 15px 30px  rgba(0, 0, 0, .4);}
.taxiRental_Img img{ width:120px; height:120px; overflow:hidden;margin-top: 10px;}
.taxiRental_btn {cursor: pointer;color: #3b8ef3;}
.taxiRental_title{color: #333!important;}
/*---------------------联系我们------------------------*/
.news_detail h2{ margin-top:25px; font-size:18px; font-weight:normal;}
.news_detail a:hover{ color:#3b8ef3;}
.news_detail h2 a{ color:#343434;}
.news_detail h2 span{ font-size:23px; color:#3b8ef3; margin:0 8px;}
.news_detail h5{ display:block; padding:24px 0 55px; border-top:#d7d7d7 1px dashed;font-weight:normal;}
.news_detail h5 a{ font-size:14px; color:#343434;}
.detail_txt{ padding:0 30px; box-sizing:border-box; margin-bottom:50px;}
.detail_txt h3{ text-align:center; margin:50px 0; font-size:36px;}
.detail_txt p{ line-height:36px; font-size:14px; text-indent:28px}
.codeImg{padding-bottom: 20px;}
.codeImg img{width: 100px;height: 100px;}