html,body{width: 100%;font-size:16px;overflow-x:hidden; font-family:Arial, Helvetica, sans-serif}
*{ margin:0; padding:0;}
em{ font-style:normal;}
img {border: 0 none;height: auto;vertical-align: middle;}
ul{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
div{box-sizing: border-box;}
/*::-webkit-scrollbar {display:none}*/
li{list-style: none;}
.relative{position: relative;}
.absolute{position: absolute;}
a{ text-decoration:none; color:#333;}
.cuya{font-family: "impact";}

.s_width{ width:1350px; margin:0 auto; position:relative}
i,em{ font-style:normal;}

.f_80{font-size: 80px;}
.f_72{font-size: 72px;}
.f_60{font-size: 60px;}
.f_48{font-size: 48px;}
.f_40{font-size: 40px;}
.f_30{font-size: 30px;}
.f_24{font-size: 24px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_14{font-size: 14px;}


/*===================== 公用样式 START =====================*/
.pub_title{text-align: center;color: #fff;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.pub_title h3{font-weight: 700;text-transform: uppercase;}
.pub_title p,.pub_title h4{font-weight: 400;}


/*主导航多级菜单*/
.head{ width:100%; height:600px; position:relative; overflow:hidden; background:#282f89}
.hbg{width: 100%;height: 110px;background: none;text-align: center; border-bottom:1px solid transparent;  background:#282f89 }
#logo{transition: .5s;position: absolute; left: 10px; top: 21px; width: auto;}
#logo:hover{left: 40px;}
#logo img{ width:100%}

.hbg .nav{ height:41px; width:55%; position: absolute; right: 20%; padding-top:14px; }
.hbg .nav li{width: calc(100%/7); float:left; text-align:center; line-height:41px; position:relative; padding:0 0 20px 0; margin-top:20px;}
.hbg .nav li a{ font-size:18px; color:#fff; display:block; line-height:41px;}
.hbg .nav li a:hover{ background:#ea5404; color:#fff; font-size:15px;border-radius: 30px;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s;}

.nav li div {display:none;width:200px;text-align:center;color:#fff;position:absolute;top:50px;background: linear-gradient(to right, #0a61d5,#0a4ca4); z-index:9999 ;  box-sizing:border-box;}
.nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:45px; HEIGHT:45px;FONT-SIZE: 16px!important;font-weight:normal; margin-top:0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.nav li div a:hover {color:#333;  background:#eb5405!important; border-top:0; border-right:0; border-left:0; font-weight:normal;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }


.hrt{display:block;float:right;margin-top:40px;margin-right:15px;}
.hrt a{display:block;float:left;padding:0 15px;height:20px;position:relative;}
.hrt a:last-child{border:none;padding-right:0;}
.hrt a img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;display:block;width:84px;position:relative;top:-3px;cursor:pointer;}
.ttel {text-align: center;font-family: impact;color: #fff;padding: 0 15px;transition: .5s;line-height: 20px;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075); font-size:25px;}
.ttel img {display: inline-block;border-right: 1px solid rgba(255,255,255,0.4);padding-right: 5px;margin-right: 5px;}


/*网站内页*/
/* ===================== 内页 Banner 图 ===================== */

.banner_box{ width:100%; height:550px; overflow:hidden; background:#000;}
.banner_box video{ transform: translate(-24%, -50%);
    object-fit: cover;
    height: 200%!important;
    width: 132%!important;}
/* ===================== 内页 Banner 图 ===================== */


/*footer*/
.footer{ width:100%; background:#282f89; padding:75px 0 0 0;}
.footer .s_width{ }
.footer .f_contact{ width:410px; float:left; color:#fff;}
.footer .f_contact h2{ font-size:20px;text-transform: uppercase; font-weight:normal;}
.footer .f_contact .f_contact_cont{ padding-top:20px; border-bottom:1px solid #3d439c; width:100%; padding-bottom:50px;}
.footer .f_contact .f_contact_cont h3{ font-weight:normal; font-size:18px; line-height:35px;}
.footer .f_contact .f_contact_cont p{ font-size:16px; line-height:40px; padding-bottom:20px}
.footer .f_contact .f_contact_cont em{ color:#f5ed0c;}
.footer .f_contact .f_contact_cont em a{ color:#f5ed0c}
.footer .f_contact .f_contact_cont em a:hover{ color:#fff;}

.footer .f_pro{ width:490px; border-right:1px solid #3d439c;  border-left:1px solid #3d439c; float:left; padding:0 0px 0 70px;color:#fff;}
.footer .f_pro h2{ font-size:20px;text-transform: uppercase; font-weight:normal;padding-bottom:50px;}
.footer .f_pro ul{ overflow:hidden; padding-bottom:20px;}
.footer .f_pro li{width: calc(100%/2); float:left; font-size:18px;}
.footer .f_pro li em{ display:block; color:#fff; padding-bottom:20px;}
.footer .f_pro li em:after{ content:""; width:40px; height:3px; background:#eb5405; display:block; margin-top:10px;}
.footer .f_pro li a{ color:#fff; font-size:15px; line-height:31px; display:block;}
.footer .f_pro li a:hover{background-image: -webkit-linear-gradient(left,#eb5405, #2a3189); display:block; padding-left:15px;}

.footer .f_wx{width:315px; float:right;color:#fff;}
.footer .f_wx h2{ font-size:20px;text-transform: uppercase; font-weight:normal;}
.footer .f_wx ul{ overflow:hidden; padding-top:50px;}
.footer .f_wx li{ width:130px; float:left; margin-right:15px; text-align:center;}
.footer .f_wx li img{ width:100px; height:100px;} 
.footer .f_wx li em{ text-align:center; display:block; line-height:28px;}
.footer .f_wx p{ margin-top:9px; font-size:15px;padding-left: 15px;}
.footer .f_wx p img{ margin-top:10px; display:block;}

.end{border-top:1px solid #3d439c; height:65px }
.end .end_l{ width:600px;}
.end .end_l img{ padding-top:12px;}
.end .end_l p{ font-size:16px; color:#fff; float:right; line-height:65px;}
.end .end_r{ padding-top:8px;}


.p_float{ position:fixed; width:80px; bottom:0;  right:0; z-index:9999; opacity:0}
.p_float li{ height:78px; width:78px; text-align:center;background: #333a8f; position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.p_float p{ line-height:78px; color:#fff; font-size:16px;}



.mbx{ width:100%; height:60px; background:#f2f2f2;}
.mbx .espcms_path{ width:1280px; margin:0 auto; font-size:16px; line-height:60px; color:#333}
.mbx .espcms_path li{display: inline-block;color:#333}
.mbx .espcms_path li a{color:#333}
.mbx .espcms_path > li + li:before {padding: 0 5px;color: #3333;content: "/\00a0";}

.ny_contact .mbx{ width:100%; height:60px; background:none;}
.ny_contact .mbx .espcms_path{ width:1280px; margin:0 auto; font-size:16px; line-height:60px; color:#fff}
.ny_contact .mbx .espcms_path li{display: inline-block;color:#fff}
.ny_contact .mbx .espcms_path li a{color:#fff}
.ny_contact .mbx .espcms_path > li + li:before {padding: 0 5px;color: #fff;content: "/\00a0";}



.ny_prolist{ width:100%; position:absolute; z-index:10;  top:32%; height:300px;}
.ny_prolist p{ color:#fff!important;}
.main{ width:1280px; margin:50px auto;}
.main h2{  text-align:center; font-size:50px; margin-bottom:50px; color:#e6012a}
.main h2 em{ font-size:17px; color:#666; display:block; font-weight:normal; padding-top:10px;}
.main_cont{ font-size:18px;  line-height:35px; color:#333;}
.main_cont p{ padding-bottom:15px!important;text-indent:2em;}

.main_read{ width:80%; margin:0 auto;}
.main_read h3{ text-align:center; font-size:25px; font-weight:normal; padding:50px 0 10px 0; }
.main_read .main_date{ text-align:center; font-size:15px; color:#666; line-height:35px;border-bottom: 1px solid #E0E0E0; margin-bottom:50px; }
.main_read img{ width:100%; max-width:650px; margin:0 auto 15px auto; display:block;}
.main_read .main_read_cont{font-size:16px;  line-height:31px; color:#333; width:1280px; margin:0 auto;}
.main_read .main_read_cont p{ padding-bottom:15px!important;text-indent:2em;}
.main_read .main_read_cont table td{ padding-left:20px;border: 1px solid #cacaca;line-height: 45px;}


/*客户案例*/
.case{ width:100%; }
#home-case {width: 100%;height: 914px;background:#f2f2f2;padding: 30px 0px;box-sizing: border-box;}

.case-box {width: 1280px;overflow: hidden;margin: 0 auto;position: relative;}
.case-cont {width: 1000px;height: 800px;background: url(../images/img3.png) right bottom no-repeat #fff;float: right;padding-left: 200px;box-sizing: border-box; margin-top:3vh;}
.case-r h2 {font-size: 26px;color: #333;line-height: 50px;font-weight: inherit;padding-top: 50px;}
.case-r>p {font-size: 16px;color: #666;line-height: 30px;font-weight: inherit;padding-top: 50px;padding-right: 60px;padding-bottom: 50px;}
.case-tt {width: 350px;height: 705px;background: #f84d47;position: absolute;z-index: 2;left: 0;margin-top: 70px;}
.case-tt h3 {font-size: 32px;color: #fff;text-align: center;font-weight: inherit;padding-top: 47px;}
.case-tt h4 {font-size: 40px;color: #fff;text-align: center;font-family: impact;font-weight: inherit;}
.case-tt img {display: block;margin: 5px auto;}
.case-tt a {font-size: 26px;color: #fff;text-align: center;width: 300px;display: block;line-height: 70px;height: 70px; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.3);margin: 0 auto;}
.case-tt-on {color: #242627 !important;}
.case-tel {text-align: center;font-size: 24px;color: #fff;padding-top: 30px;}
.case-tel span {display: block;font-size: 34px;color: #fff;font-family: impact;text-align: center;}
.case-tel em{ width:80%; margin:0 auto; font-size:20px; padding-top:20px; display:block; font-weight:bold;}
.min-case {width: 730px;height: 400px;}
.min-case a {width: 340px;height: 320px;margin: 10px;float: left;border: solid 2px #ccc;box-sizing: border-box;display: block;overflow: hidden;position: relative;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;
-o-transition-duration: .5s;transition-duration: .5s;}
.min-case a img {width: 340px;height: 270px;}
.min-case a p {background: #242627;font-size: 18px;text-align: center;color: #fff;line-height: 50px;position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;height: 50px;}
.min-case a:hover {border: solid 2px #f84d47;box-shadow: 0px 0px 15px #ccc;margin-top: 15px;}
.min-case a:hover p {background: #f84d47;color: #000;}

.case h2{text-align:center; margin-top:50px;}
.case_con{ width:1330px; margin:0 auto; position:relative; overflow:hidden; padding:0px 0 40px 0}
.case_dd{ overflow:hidden; padding:20px 0 0 0}
.case_dd li{float:left; padding:0; width:418px; height:400px; margin-right:12px; position:relative; overflow:hidden; margin-bottom:15px; border:7px solid rgba(255, 255, 255, 0.8); }
.case_t_l{ width:418px; height:400px; position:relative; overflow:hidden;}
.case_dd li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.case_dd li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.case_dd p{ text-align:center; font-size:18px; color:#fff; line-height:65px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); width:100%;}




/*内页厂容厂貌*/

.espcms_page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:50px 0px 15px 0;}
.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline: 0px;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn-group, .btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}

.btn-default {color: #333;background-color: #f2f2f2;outline:0px; margin-right:1px;}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active {color: #fff;background-color: #282f89;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #00af5f;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}

.espcms_info_pager{ width:1280px; margin:0 auto 105px auto;}
.espcms_info_pager li{ width:46%; float:left; text-align:center; background:#f2f2f2; line-height:50px; margin-right:5%}
.espcms_info_pager li:nth-child(2n){ margin-right:0px;}

/*内页产品展示*/

.pro_list{ width:1280px; margin:0 auto;  height:90px}
.pro_list ul{}
.pro_list li{ float:left; width:calc(98%/6); font-size:16px; height:60px; line-height:60px; background:#0a61d5; margin:0 1px 1px 0; text-align:center;transition: .5s; }
.pro_list li a{ color:#fff;}
.pro_list li:hover{ background:#eb5405;}

.se_tuandui { width:100%; margin:0 auto;  padding:30px 0 20px 0}
.se_tuandui ul{ width:100%;}
.se_tuandui li{float:left; padding:0; width:30%; margin:0 4% 25px 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;}
.se_tuandui li .p-img{ width:100%; text-align:center;  position:relative; overflow:hidden }
.se_tuandui li .p-name{ height:70px; line-height:70px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:18px; border-top:1px solid #eee}
.se_tuandui li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_tuandui p{ font-size:16px; line-height:35px; color:#666;}
.se_tuandui p span{ font-size:17px;  color:#af1318;}
.se_tuandui li:nth-child(3n){ margin:0 0 25px 0;}



/*se_hangye*/
.se_news_con{ padding:40px 0 0 0; width:100%; margin:0 auto;}
.se_news_con ul{ }
.se_news_con li{  margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer;position:relative; top:0; padding:25px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-bottom:1px solid #eee}
.se_news_con li:hover { background:#282f89; top:30px;}
.se_news_con li:hover:nth-child(2n) { background:#ea5404; top:30px;}
.se_news_con .se_news_da{ width:1380px; margin:0 auto}
.se_news_l{ width:250px; position:relative; overflow:hidden; height:250px; }
.se_news_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_news_l:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_news_r{ width: 1060px; position: relative; z-index: 2; padding:10px 20px 0 0}
.se_news_r span{ display:block; background:url(../images/yuan.png) no-repeat left center; line-height:35px; font-size:14px; color:#888; padding:0 0 0 20px;}
.se_news_r h2{  font-size:14px; color:#555555; padding:5px 0 10px 0; font-weight:normal;}
.se_news_r h2 a{  font-size:23px; color:#333; text-transform:uppercase; display:block; line-height:50px;transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.se_news_r h2 a:hover{   color:#0f58ce; }
.se_news_r p{ line-height:28px; color:#777; padding:10px 0 10px 0; font-size:15px;}
.se_news_r .se_news_more{ width:120px; border:1px solid #f2f2f2; background:#f2f2f2; line-height:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_news_r .se_news_more a{ color:#00af5f; font-size:14px;}
.se_news_r .se_news_more a:hover{ color:#fff; }
.se_news_con li:hover .se_news_more{ background:#fff; border:1px solid #fff; }
.se_news_con li:hover .se_news_more a{ color:#ca2c2c; }
.se_news_con li:hover .se_news_r h2 a{ color:#fff; }
.se_news_con li:hover .se_news_r h2{ color:#fff; }
.se_news_con li:hover .se_news_r p{ color:#fff; }

/*se-contact*/
.main_contact{ width:1280px; margin:0px auto;}
.main_contact ul{ margin:0px auto;}
.main_contact li{ width:415px;  float:left; text-align:center; padding-bottom:15px; margin-right:15px;}
.main_contact li:nth-child(3){ margin-right:0px;}
.main_contact li img{ margin-top:30px;}
.main_contact li i{ display:block; text-align:center; font-style:normal; padding:20px 0 10px 0; font-size:20px;}
.main_contact li em{ display:block; padding:15px 0 0 0; font-size:18px; line-height:30px;}
.main_contact li span{display:block; font-size:16px; line-height:31px; color:#666; text-align:center;}