*{ margin:0; padding:0;}
html body{width: 100%;font-size: 14px;min-width: 1200px;overflow-x: hidden;}
body{min-width:340px;}
img{ border:none;vertical-align: middle;height: auto;}
ul,li{ list-style:none;}
a{outline:none; text-decoration:none; color:#383838;} 
a:hover{outline:none; text-decoration:none!important; color:#4c87ed;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
hr{border:none; clear:both; height:0; background:none; margin:0; padding:0; border-bottom:#eee solid 1px;  margin:10px 0;}
em,i{font-style:normal;}
p{margin: 0;}
.ti2{text-indent:2em;}
/* 导航按钮样式 */
.navbar {position: fixed!important;top:5%;right:4%;width:50px;height: 50px;cursor: pointer;box-sizing: border-box;z-index: 9;margin-top:8px;}
.navbar div {transition: all 0.5s ease;border-radius:2px;}
.navbar .nav1{width:50px;height:3px;background-color: #e5d915;}
.navbar .nav2{margin:12px 0;width:40px;height:3px;background-color: #fff;}
.navbar .nav3{width:30px;height:3px;background-color: #e5d915;}
.navbarOn1 {transform-origin: center;transform: rotate(45deg) translate(17px,14px);}
.navbarOn2 {transform-origin: center;transform: rotate(-45deg) translate(7px, -6px);width:50px!important;}
.navbarOn3 {transform: rotateY(90deg);}
.nav_logo{padding-left:4%!important;position: fixed!important;top:4%;z-index: 9;}
.inde_navtel{position: fixed!important;top:5%;right:4%;margin-right:60px;height: 50px;;z-index:9999;}
.inde_navtel em{font-size:18px;color:#e5d915;}
.inde_navtel p{line-height: 26px;font-family: Impact;color: #fff;font-size: 28px;}
/* 导航页样式 */
.navbarpage {position: absolute;left: 0;box-sizing: border-box;transition: all 1s ease;background-color: rgba(38,57,90,0.95);z-index:8;width: 100vw;height: 100vh;display: flex;}
@keyframes dou{
	0%{transform: translateY(0px);}
	25%{transform: translateY(10px);}
	50%{transform: translateY(0px);}
	75%{transform: translateY(-10px);}
	100%{transform: translateY(0px);}
}
.navbarpage ul {margin:auto; width: 80%; height:300px;display: flex;}
.navbarpage ul li {display: inline-block;margin:1%;height:40px; text-align:left;box-sizing: border-box;flex:1}
.navbarpage ul li:nth-child(3) {flex:2;}
.navbarpage ul li:hover{animation: dou 0.5s linear; letter-spacing:5px;transition-duration: 0.5s;}
.navbarpage li p {text-align: center;}
.navbarpage li a {text-decoration: none;color: #fff;display: block;font-size:1.2em;width:100%;height: 100%;letter-spacing:0px;}
.active_navbar {top: 0 !important;transition: all 1.5s ease;}
.banquan a{color:rgba(255,255,255,0.7);}
.banquan a:hover{text-decoration:none;color:rgba(255,255,255,0.7);}
.banquan{width:50%;min-width: 320px;text-align:left;position:fixed;bottom:30px;font-size:14px;z-index: 11; left:4%; color:rgba(255,255,255,0.7);text-shadow:1px 1px #000;writing-mode: tb-lr;}
.glyphicon-chevron-right{background: url("../images/jt_r0.png") no-repeat center;width:30px;height:54px;border: 1px solid rgba(255,255,255,0.7);}
.glyphicon-chevron-left{background: url("../images/jt_l0.png") no-repeat center;width:30px;height:54px;border: 1px solid rgba(255,255,255,0.7);}
.gongshi1{position: fixed;bottom:20px;right:4%;z-index: 9999;}
.rightan{position: fixed;left: 50%;bottom: 50px; border: 2px solid #fff;margin-left: -12px;z-index:900;border:none;-webkit-animation: rightan 1.6s infinite;-webkit-animation-fill-mode: both;}
@-webkit-keyframes rightan
				{
				from{bottom: 5%;opacity: 1;}
				to{bottom: 0%;opacity: 0;}
				}
.sidebox{position: fixed;right:20px;z-index: 999;top:50%;margin-top:-233px;}
.sidebox ul li{width: 60px;height: 60px;background: rgba(8,13,50,0.8);margin-bottom: 8px;padding:8px;text-align:center;position: relative;color:#fff;}
.sidebox ul li a{color:#fff;}
.sidebox .cont{transition:all .4s;white-space:nowrap;width:0;overflow:hidden;height:60px;line-height:50px;text-align:center;
background-color:#2f2f2f;color:#fff;font-size:14px;position:absolute;right:100%;top:0}
.sidebox li:hover .cont{width:100px;height: 60px;line-height: 60px;padding: 0 5px;}
.sidebox li:hover a{background-color:#2f2f2f}
.sidebox .cont0{transition:all .4s;white-space:nowrap;width:0;overflow:hidden;text-align:center;position:absolute;right:100%;top:0}

.sidebox li:hover .cont0{width:140px;height:140px;}
#myBtn {width: 60px;height: 60px; z-index: 99;border: none;outline: none;background-color: red;color: white;cursor: pointer;padding:8px;} 
#myBtn:hover {background-color: #555;}
.in_erjilanmut{line-height: 2em;}
.in_erjilanmut a{font-size: 1em!important;}
.in_erjilanmut a:hover{display: block; background:#fff;padding:0 5px;color:#273a5b;width: 140px;}

.index_1{background:url("../images/banner.jpg") center no-repeat;height: 100%;}
.index_2{background:url("../images/inde_bg2.jpg") center no-repeat;height: 100%;position: relative;}
.index_3{background:url("../images/inde_bg3.jpg") center no-repeat;height: 100%;}
.index_4{background:url("../images/inde_bg4.jpg") center no-repeat;height: 100%;}
.index_5{background:url("../images/inde_bg5.jpg") center no-repeat;height: 100%;}
.index_6{background:url("../images/inde_bg6.jpg") center no-repeat;height: 100%;}
.index_7{background:url("../images/inde_bg7.jpg") center no-repeat;height: 100%;}
.index_8{background:url("../images/inde_bg8.jpg") center no-repeat;height: 100%;}

.bannerwzts{position:relative;}
.bannerwz{position: absolute;right:20%;text-align: right;z-index: 999;top: 50%;margin-top: -161px;background: url("../images/zhuangshi.png") no-repeat right top;padding: 40px 20px 0 0;}
.bannerwz img{margin-bottom: 30px;}
.bannerwz p{font-size:42px;font-weight: bold;color: #fff;}
.bannerwz p span{color: #e5d915;}
.bannerwz em{display: block;font-size:36px;color: #fff;letter-spacing:10px;font-weight: bold;}
.bannerwz i{font-size:22px;color:#fff;}

/*inde_p2*/
.anoull{width: 10%;position: absolute;top:20%;height: auto;left: 0;}
.anoull img{width: 100%;}
.inde_about{display: flex;width: 90%;position: relative;margin-left: 10%;align-items: center;}
.inde_about_l{flex:5;margin-right:70px;}
.inde_about_l em{display: block;font-weight:bold;color: #fff;font-size:42px;width:90%;margin: 0 auto;border-bottom: 1px solid rgba(255,255,255,0.4);background:url("../images/zhuangshi.png") no-repeat right top;padding:56px 40px 15px 0;text-align:right;    line-height: 53px;}
.inde_about_l em span{font-size:48px;font-family:"Panton Light";font-weight: 100;}
.inde_about_l strong{font-size:26px;color:#e5d915;display: block;margin: 15px 0;text-align: right;padding-right: 40px;}
.inde_about_l strong span{color: #fff;font-size:18px;font-weight:normal;}
.inde_about_l p{font-weight: bold;color:#e5d915;font-size:20px;text-align: right;padding-right: 40px;margin:15px 0;line-height:32px;}
.inde_about_l p span{color: #fff;font-size:16px;font-weight:normal;line-height: 25px;}

.inde_about_r{flex: 4;display: flex;height:100vh;overflow-x: hidden;}
.inde_pro_r img{width: 100%;}

/*inde_p3*/
.inde_pro{width:70%;margin: auto;display: flex;align-items: center;justify-content: flex-start;}
.inde_pro_l{width: 320px;}
.inde_pro_l em{display: block;font-weight:bold;color: #fff;font-size:42px;width:100%;margin: 0 auto;background:url("../images/zhuangshi.png") no-repeat left top;padding:56px 0 15px 40px;text-align:left;    line-height: 53px;}
.inde_pro_l em span{font-size:48px;font-family:"Panton Light";font-weight: 100;}
.inde_pro_l ul{margin: 12% 0;}
.inde_pro_l ul li{line-height:38px;font-size: 18px;padding-left: 40px;}
.inde_pro_l ul li a{color: #fff;}
.chakan{width: 148px;height: 38px;line-height: 38px;border: 1px solid #e5d915;text-align: center;}
.chakan a{color: #e5d915;}
.inde_pro_r{flex:5;display: flex;justify-content: center;}
.inde_pro_r p{font-size:22px;text-align: center;}
.inde_pro_r a{color:#464647;}
/*inde_p4*/
.inde_yingyong{width: 80%;display: flex;align-items: center;justify-content: space-between;height:100vh;min-width: 1100px;margin: 0 auto;}
.in_yingy{flex:1;padding:0 20px;text-align: center;color: #fff;height:100vh;display: flex; align-items: center;justify-content: center;}
.in_yingy img{margin-top: 20%;}
.in_yingy em{font-size: 26px;font-weight:bold;}
.in_yingy  i{display: block;width:68px;height: 2px;background: #fff;margin:20px auto;}
.in_yingy p,.in_yingy .in_chakan{display: none;}
.in_yingy:hover{background: rgba(0,0,0,0.6);}
.in_yingy:hover p{display: block; font-size: 16px;line-height: 27px;}
.in_yingy:hover .in_chakan{display: block; width: 120px;height: 30px;line-height: 30px;margin: 40px auto 0 auto;border: 1px solid #e5d915;}
.in_yingy:hover .in_chakan a{color:#e5d915;}
/*inde_p5*/
.inde_new{width: 80%;margin: auto;display: flex;min-width: 1200px;}
.inde_new_l{display: flex;align-items: center;}
.inde_new_l em{display: block;font-weight:bold;color: #fff;font-size:42px;background:url("../images/zhuangshi.png") no-repeat left top;padding:56px 20px 0 40px;text-align:left;    line-height: 53px;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.inde_new_l em span{font-size:48px;font-family:"Panton Light";font-weight: 100;}
.inde_newsnr li{color: #fff;border-bottom: 1px solid rgba(255,255,255,0.7);margin-bottom: 18px;display: flex;}
.inde_newsnr li em{display: flex;justify-content: space-between;margin-bottom: 18px;}
.inde_newsnr li span{font-size: 20px;}
.inde_newsnr li i{font-size: 15px;}
.inde_newsnr li p{font-size: 16px;}
.inde_newsnr li a{color: #fff;margin-right: 10px;}
.inde_newsnr li:hover{color:#e5d915;}
.xinwen_lir{width:188px;margin-bottom:16px;}
.xinwen_lir img{width:188px;}
.more{width: 120px;height: 28px;line-height: 28px;text-align: center;border:1px solid rgba(255,255,255,0.8);color: #fff;margin-top: 16px;}
.inde_newsnr li:hover a{color:#e5d915;}
.inde_newsnr li:hover  .more{color:#e5d915;}
/*inde_p5-over*/

/*inde_p6*/
.inde_lianxi{width: 80%;display: flex;align-items: center;justify-content: space-between;height:100vh;min-width: 1100px;}
.inde_lianxi img{width: 100%;}

/*ny_top*/
.pc_nav{width:100vw;min-width:1100px;height: 96px; padding:12px 0; box-sizing: border-box;background:rgba(23,23,23,0.35);position: fixed;top:0;left:0;z-index: 100;line-height:68px;;text-align: center;display:block;z-index:9999;transition: all 0.5s ease; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5);box-shadow: 0 2px 6px rgba(0,0,0,0.5);}
.pc_nav .logo{width:140px;padding-left: 5%;padding-right:15px;}
.pc_nav .nav{width: 52%;padding-right: 5%;transition: all 0.5s ease;}
.pc_nav .nav li{ width:14%; float:left; text-align:center; line-height:68px; position:relative; z-index:4; }
.pc_nav .nav li span{ position:absolute; bottom:0px; height:2px; width:0; left:50%; margin-left:-47px; background:#273a5b; display:block; opacity:0; transition: all 0.5s ease;}
.pc_nav .nav li:hover span{  width:110px;opacity:1;}
.pc_nav .nav li a{font-size:16px; color:#fff; display:block;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.pc_nav .nav li a:hover{ color:#2fa1e9;font-weight: bold;}
.pc_nav .nav li div {display:none;width:160px;text-align:center;color:#273a5b; background:#273a5b; z-index:99999; position:relative;margin-left: -17px;}
.pc_nav .nav li div a {display:block;BACKGROUND: url(asdfasdf); color:#fff; line-height:45px; height:45px;font-size:1em; font-weight:normal;border-bottom:1px solid #172845;}
.pc_nav .nav li div a:hover {color:#fff; border-bottom:1px dashed #273a5b; background:#2fa1e9; border-top:0; border-right:0; border-left:0;}
/*ny_footer*/
.phone_footer{display: none;}
.pc_footer{width: 100%;background: url("../images/footer_bg.jpg") no-repeat center;height: 380px;overflow: hidden;}
.footer_top{width:90%;margin: 0 auto;}
.footer_l{width:70%;margin-top:58px;}
.footer_pro{width: 110px;height:42px;text-align:left;color: #fff;line-height:42px;text-align: center; background-color: #273a5b; margin-right: 30px;margin-bottom: 18px;font-size: 18px;}
.footer_proer a{color: #c1c8cb;line-height:42px;margin: 0 20px;font-size: 16px;}
.footer_proer a:hover{color:#8fb4f4;font-weight: bold;}
.fonter_kong{width: 100%;height: 30px;}
.footer_l hr{border-bottom:rgba(255,255,255,0.2) solid 1px;}
.footer_l h1 a{font-size:26px;color: #f9fafe;line-height: 50px;}
.footer_l h1 a:hover{color: #f9fafe;}
.footer_l h1 img{margin-right: 15px;}
.footer_l p{color: #b5b5b6;line-height:36px;font-size: 18px;font-family: Arial;}
.footer_l p img{margin-left: 30px;}
.footer_lx{float: left;}
.footer_ditu{width:25%;float: right; height: 32px;line-height: 32px;border: 1px solid #8fb4f4;color: #8fb4f4;text-align: center;margin-top: 10px;}
.footer_ditu a{color: #8fb4f4;}
.footer_ditu a:hover{color: #8fb4f4;}
.footer_r{margin-top: 40px;}
.footer_r p{width: 150px;display: block;height: 48px;line-height: 48px;text-align: center;color: #fff;margin-top: 12px;}
.copy{width:1280px; margin:16px auto; text-align:center; line-height:40px; color:#c9c5da}


.abo_dt{position: relative;width: 100%;overflow: hidden;background: url("../images/about_dt.jpg") no-repeat center top;background-size: 100%;padding-top: 28%;}
.pro_dt{position: relative;width: 100%;overflow: hidden;background: url("../images/pro_dt.jpg") no-repeat center top;background-size: 100%;padding-top: 20%;}
/*ny_newlist*/
.newlist_dt{position: relative;width: 100%;overflow: hidden;background: url("../images/newslist_dt.jpg") no-repeat center top;background-size: 100%;padding-top: 20%;}
.se_news_con{ padding:20px 0;width: 90%;margin: 0 auto;}
.se_news_con li{ margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer; margin:0 0 35px 0; position:relative; top:0; border-bottom: 1px solid #ddd;padding: 0 0 30px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_news_l{ width:30%;height:193px;position:relative; overflow:hidden; border: 2px #eeeff1 solid;text-align: center;}
.se_news_l img{height: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_news_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_news_m{ width:55px; padding:15px; position:relative; overflow:hidden; font-size:20px; color:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background:#273a5b;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;height: 165px;}
.se_news_m span{ display:block; font-size:24px; color:#fff; width:52px; position:relative; overflow:hidden; height:30px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.se_news_m11{background: url("../images/0000.png") no-repeat center; width: 50px;height: 60px;margin: 28px auto 0 auto;}
.se_news_r{ width:58%; position: relative; z-index: 1000; margin-left:20px;;}
.se_news_r h2{ font-size:24px; color:#333; text-transform:uppercase; display:block;padding:0 0 15px 0}
.se_news_r p{ line-height:26px; color:#666; padding:10px 0 10px 0; font-size:15px;font-weight:normal;}
.se_news_r .se_news_more{ width:126px; border:1px solid #273a5b; line-height:32px; text-align:center; float:left;color: #273a5b;}
.se_news_con li:hover .se_news_more{border:1px solid #4c87ed;color: #4c87ed;}
.se_news_con li:hover .se_news_m{ background:#4c87ed; color:#fff}
.se_news_con li:hover .se_news_m span{ color:#fff}
.se_news_con li:hover .se_news_r a h2{color:#273a5b;}
.espcms_newslist_read li{float: left;width:48%;overflow: hidden;}
/*ny_chanpin*/
.se_video_con .cp_k{line-height: 50px; width:100%;color: #fff; font-size: 18px; display: block; text-align: center; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); transition: all 0.3s ease;}
.fenlei ul{width:50%;margin: 0 auto;}
.pro_lists li{width: 31%;}
.se_pro_cc p{font-size: 16px;line-height:30px;}
.se_pro_cc{background: #273a5b;height:54px;}
.se_pro_cc strong{display: block;;color: #fff;padding-top:10px;font-size:20px;}
.se_pro_cc strong span{font-size:18px;color:#efefef;}
.fanhui{width: 120px;height: 40px; text-align: center; line-height: 40px;border-radius: 30px;border: 1px solid #ece8e8;float: right;}
.big_pic{width: 50%;height: auto;margin-bottom:2em;max-height: 540px;overflow: hidden;float: left;border:1px solid rgba(0,0,0,0.3)}
.nypro_xq{width: 40%;float: right;}
.nypro_xq h1{font-size:2.5em;font-weight: bold;color:#273a5b;margin-top:8%;}
.bdsharebuttonbox{margin-top: 1em;}
.f14{line-height: 25px;font-size:1.1em;color: #666;}
.cpdianhua{font-size:1.8em;color: #666;}
.cpdianhua p strong{font-size:1.3em;line-height: 3em;color:#4c87ed;}
.cpdianhua span{font-family:Impact;font-size:1.2em;color: #666;line-height:1.2em;}
/*ny_about*/
.jianjie_abou li{float: left;width: 33.3%;}
/*ny_contact*/
.contact_dt{position: relative;width: 100%;overflow: hidden;background: url("../images/contact_dt.jpg") no-repeat center top;background-size: 100%;padding-top: 20%;}
.map{width:100%; margin:2em auto;overflow:hidden;}
.contact_left{ width:35%; text-align:left;border-right:1px solid #ccc;line-height:40px;padding-left: 7%;padding-top: 3em;padding-bottom: 3em;float: left}
.liu_r{width:50%;overflow: hidden;float: right;}
/*ny_fuwu*/
.ser_shili li { width: 22%;*width: 21.9%; margin: 0 1.5%; float: left;transition-duration: 0.3s;text-align: center;}
.strengthMain li .font h3{font-size:36px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;}


/*自适应公用部分*/
.ny_body{width:90%; margin:3em auto; text-align:left;font-size:16px; line-height:30px;}
.ny_main{width:90%; background:#fff; padding:5%; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);  box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.main{ width:90%; margin:30px auto;}
.espcms_page{width:90%;margin:0 auto; position: relative;}
.espcms_news_title{margin: 0 auto; color:#666; text-align:center;padding-top:1%;}
.ny_biaoti28{font-size:2em; line-height:2em;}
.espcms_newslist_read{padding:0px 5px;}
.espcms_book{overflow: hidden; font-size:15px; margin:1em 0; border:1px solid #eee; padding:2em; background:#fff;line-height: 2em;color: #666;}
.espcms_book img{width:90%;max-width:600px; height: auto;margin: 0 auto;margin-bottom:15px;}
.se_date{ font-size:15px; line-height:28px;}
.miaoshu{width:80%; margin:0 auto; background:#717572;font-size:18px; color:#fff; height:40px; line-height:40px; padding-left:10%;overflow: hidden;}
.binbox{text-shadow:1px 2px 1px #000;}

/*xiangguanneirong*/
.xiangguanneir{overflow:hidden;height:auto; margin:0 auto;width:100%;color:#ffffff; margin-bottom:40px;}
.espcms_piclist_slide18 {overflow: hidden;margin: 0 auto;width: 90%;}
.espcms_piclist_slide18 ul li{float: left;margin: 0 10px 5px 0;text-align: center;background:#fff;  position:relative;}
.espcms_piclist_slide18 li .pic { width:238px; height:auto; margin:0 auto;border: 1px #f3f4f7 solid;}
.espcms_piclist_slide18 li  .pic img { width:240px; height:180px;}
.espcms_piclist_slide18 li  p{ text-align:center; line-height:44px; font-size:14px;z-index:99;position:relative; background:#ececec }
.espcms_piclist_slide18 li  p a{ color:#444444; font-size:14px;}
.espcms_piclist_slide18 li  p a:hover{ color:#fff}
.espcms_piclist_slide18 li .case_more{ width:60px; margin:0 auto; height:18px; line-height:18px; text-align:center; color:#a9a9a9; font-size:12px; text-transform:uppercase; border:1px solid #604a32;z-index:99;position:relative}
.espcms_piclist_slide18 li .case_more a{ color:#604a32;}
.espcms_piclist_slide18 li .case_more div a{ color:#a9a9a9;}
.pro_btm_arrow {background: #666;line-height:40px;color:#fff;}
/*liuyan*/
.liu_r h3{ font-size:24px; color:#222; line-height:65px; text-transform:uppercase;text-align: center;}
.liu_r .liu_zi{ line-height:55px; font-size:18px; color:#3d3d3d; border-top:1px solid #ccc;  border-bottom:1px solid #ccc}
.liu_con .title{ display:none;}
/*liebiaoye*/
.se_video_con{ width:90%; overflow:hidden;  position:relative; margin:50px auto 0 auto; }
.se_video_con li{ float:left; position:relative; width:31.1%; height:auto; overflow:hidden;top:100%; margin:1.1%;background:#f4f3f3}
.se_video_con em{ font-style: normal; text-align:center; line-height:48px; width:420px; display:block; position:absolute; font-size:20px; color:#fff; font-weight:bold; z-index:3; bottom:0; background:rgba(0,0,0,0.4); right:0}
.se_video_con li { box-sizing:border-box; }	
.se_video_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_video_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_video_con .line1 {position: absolute;left: 0; top: 0; width: 0; height: 4px; z-index: 99; background-color: #3d587f;}
.se_video_con .line2 { position: absolute; right: 0; bottom: 0; width: 4px; height: 0; z-index: 99; background-color: #3d587f;}
.se_video_con .line3 { position: absolute;right: 0; bottom: 0; width: 0; height: 4px; z-index: 99; background-color: #3d587f;}
.se_video_con .line4 { position: absolute; left: 0; top: 0; width: 4px; height: 0; z-index: 99; background-color: #3d587f;}
.se_video_con .cp_m{ width:100%; height:auto; position:relative; overflow:hidden; border:0 solid #e1e1e1}
.se_video_con li:hover .cp_k{ bottom:-50px;}
/*chanpinliebiaoye*/
.pro_lists{width:90%;margin: 0 auto;}
.pro_lists li{float: left;margin:1%;overflow: hidden;border: 1px solid rgba(0,0,0,0.3);}
.pro_lists li img{width: 100%;height: auto;}
.pro_lists li a:hover .se_pro_cc{background:#4c87ed;}
.se_pro_cc{text-align: center;}
.se_pro_cc p{color: #efefef;}
.fenlei{width: 90%;margin: 0 auto;margin-bottom:58px;;}
.fenlei li{width:27.2%;float: left;padding:1%;background:#273a5b;margin:0 2%;text-align: center;}
.fenlei li a{color: #fff;font-size:18px;font-weight: bold;}
.fenlei li div{display: none;}
.fenlei li div a{padding:10px;background: #4c87ed;font-size: 16px;}
.fenlei li:hover div{display: block;position: absolute;margin-top: 20px;}
.big_pic img{width: 100%;vertical-align: middle;}
/*公司简介*/
.ne_about{width:100%;margin: 0 auto;background: url("../images/nyabou_bg.jpg")  no-repeat center;}
.jianjie_abou{width: 90%;margin: 0 auto;}
.ne_about .gsm{color: #273a5b;font-size:28px;font-weight: bold;font-family: "Microsoft YaHei";text-align: center;padding-top: 50px;}
.ne_about .txt{color: #666;font-size: 16px;line-height: 32px; padding-top: 20px;width:80%;min-width: 1100px;margin: 0 auto;}
.ne_about .txt p{padding-top: 10px;text-align: center;}
.ne_about .txt p img{width: 100%;}
.jianjie_abou li img{width: 100%;}
.qywenhua{width:80%;margin: 0 auto;overflow: hidden;min-width:1100px;}
.qywenhua ul{width:100%;display: flex;justify-content: space-around;}
.qywenhua ul li{flex: 1;margin:60px auto;height: 300px;border: 1px solid rgba(255,255,255,0.7);background-color:#333c4e;float: left;padding:1%;transition: all 1s;}
.qywenhua ul li:nth-child(2){background-color:#5a6274;}
.qywenhua ul li:hover{background-color: #4c7dc3;}
.qywenhua ul li h1{font-size:24px;color: #fff;text-align: center;margin-top: 15px;}
.qywenhua ul li img{margin: 0 auto;display: block;margin-top: 64px;}
.qywenhua ul li p{ text-align: center;margin-top: 10px;color: #fff;font-size: 16px;line-height:27px;}
/*fuwu*/
.ser_shili {width: 90%;margin: 0 auto;}
.ser_shili ul { width: 100%; }
.index_bottom { height: 150px; margin-top: 50px; width: 100%; background: url('../images/img/ser_bg.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; padding: 70px 0 0; text-align: center;font-size:42px; color: #06422f;font-weight: bold}
.ser_lc {width:90%; padding: 0 0 40px 0; overflow: hidden;margin: 0 auto;margin-bottom: 60px;}
.ser_lc h3 { font-size: 40px; margin: 40px 0 10px 0; color: #636b64; text-align: center; }
.ser_lc p { text-align: center; font-size: 15px; margin-bottom: 20px; }
.ser_lc h4 { color: #000; font-weight: 600; font-size: 17px; padding: 4px 10px; width: 63%; margin: 15px auto 0; text-align: center; }
.ser_lc li { float: left; width:20%; background: url("../images/lc_line.png") no-repeat right 44%; }
.ser_lc li:last-child{background:rgba(0,0,0,0);}
.ser_lc li:hover{animation: dou 0.5s linear;}
.ser_lc li img { display: block; width: 60%; margin: 0 auto; text-align: center; }
.strength{width: 90%;margin:30px auto}
.strengthMain{overflow:hidden;}
.strengthMain li{float:left;width:49%;overflow:hidden;background:#000;position:relative;margin:0.5%;}
.strengthMain li img{width:100%;height:auto;transition:all .5s;opacity:0.4;filter:alpha(opacity=40);}
.strengthMain li .font{width:80%;height:45%; top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding: 10%; padding-top:20%;}
.strengthMain li:hover img{transform: scale(1.05, 1.05);}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
/*表单*/
.espcms_form_group{ overflow: hidden; padding-bottom:10px;}
.control_label{float: left;width:15%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#333;line-height:34px;}
.control_label16{float: left;width:20%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#818181}
.control_label20{float: left;width:25%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#818181}
.control_required20{float: left;width:72%;}
.control_required{float: left; width:80%;}
.f_feed .control_required{float: left; width:100%;}
.control_required .form_message,.control_required20 .form_message{font-size:12px;color: #BABABA;height:30px;line-height:30px;padding-left:28px;}
.control_required .form_message2,.control_required20 .form_message2{font-size:12px;color: #CE5C36;height:30px;line-height:30px;padding-left:0px;}
.infoInput{margin: 0px;border:1px solid #d1dded; background:#fff; line-height:24px;width: 100%}
.infoInput:hover{margin: 0px;border:1px solid #bfbfbf;}
.f_feed .infoInput{margin: 0px;border:1px solid #1a7036; background:rgba(255,255,255,0.5)}
.f_feed .espcms_form_group{margin-right: 15px; float:left;overflow: hidden;}
.f_feed .control_label{ display:none; float: left; height:35px; width:15%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#333}
.f_feed select{ width:170px; height:35px;}
.f_feed input{ width:155px; height:35px; padding: 0 3px;}
.f_feed .control_required{  line-height:30px; }
.f_feed .pt20{ padding:30px 0 0 0;}
.f_feed .control_required{float: left;overflow: hidden;}
.f_feed .button.blue2 { color: #d9eef7; background: #df0f3b; } 
.f_feed .button.blue2:hover { background: #eb8d1b;color: #fff; } .button.blue2:active { color: #15a0d4; }
/*面包屑*/
.espcms_page_location{ width:100%;border-bottom:1px solid #ddd;margin: 0 auto;}
.espcms_page_location .s_width{width:80%;margin: 0 auto;color:#666;padding:22px 0;min-width: 1100px;display: flex;justify-content: space-between;align-items: center;}
.ny_erjifl li{padding: 0 7px;float: left;line-height:32px;font-size:20px;transition: all 1s;text-align: center;border-right:1px solid rgba(0,0,0,0.2);font-weight: bold;}
.ny_erjifl li a{color:#666;transition: all 1s;}
.ny_erjifl li:last-child{border:none;}
.ny_erjifl li:hover{background: #c71209;}
.ny_erjifl li:hover a{color:#fff;}
.inmbxll{display: flex;justify-content: flex-start;align-items: center;}
.inmbxll img{margin-right:3px;}
.btn-group{display: flex;}
.btn{line-height: 32px;padding:0 3px;background: #273a5b;color: #fff;margin: 0 2px;display: block;border-radius: 3px;}
.form-control{width: 100%;border: 1px solid rgba(0,0,0,0.08);border-radius:4px;}
.espcms_page_botton{margin:30px auto;text-align: center;font-size:16px;color: #666;display: flex;justify-content: center;}
.col-sm-9{width:100%;margin-bottom: 10px;}
.form-control{width: 100%;height: 28px;}

.swiper-pagination{position:fixed;left: 20px;top: 50%;z-index: 9999;}
.swiper-pagination span{display: block;margin:16px 0;}



.marquee2{width:685px; height: 410px; overflow: hidden;margin: 0 auto;}
.marquee2 ul{overflow: hidden;}
.marquee2 li{float: left;width:685px; height: 410px; position: relative; overflow: hidden;}
.marquee2 li a{width:685px;text-align: center;color:#343434;}
.marquee2_li{overflow: hidden;width:2055px!important;}
.marquee2_li img{width:685px;}
.pro_jiantou{position: absolute;  right:7%; z-index: 1; top: 30%; margin: 0 auto;}
.pro_jiantou_l{width: 60px; height: 155px; background: url("../images/jt_l0.png") no-repeat; cursor: pointer;}
.pro_jiantou_r{width: 60px; height: 155px; background: url("../images/jt_r0.png") no-repeat; cursor: pointer;}



.inde_fazhan{width: 100%;min-width: 1100px;margin: 0 auto;padding:60px 0;background:#dde2ec;overflow: hidden;}
.inde_fzl{width: 80%;min-width:1100px;margin: 0 auto;border-bottom: 1px solid rgba(0,0,0,0.4);display:flex;justify-content: space-between;}
.inde_fzl_a{flex: 3;margin-right: 30px;}
.inde_fzl_b{flex: 1;border-left:1px solid rgba(0,0,0,0.4);text-align: center;}
.inde_fzl_a strong{font-size:42px;color: #333c4e;display:flex;align-items: flex-end;margin-bottom:20px;}
.inde_fzl_a strong img{margin-right: 10px;width:166px;height: auto;}
.inde_fzl_a p{font-size:16px;color:#595959;width:90%;margin-bottom:30px;}
.inde_fzl_b p{font-size:32px;color: #333c4e;display:flex;align-items: center;margin-bottom:0px;text-align: center;justify-content: center;font-weight: bold;}
.inde_fzl_b p img{margin-right: 10px;width:40px;height: auto;}
.inde_fzl_b em{font-family:Arial;font-weight: bold;font-size:88px;color:#333c4e;}
.inde_fzl_b span{font-size:24px;font-weight: normal;}
.inde_fzr{width: 80%;min-width:1220px;margin: 0 auto;display:flex;justify-content: space-between;}
.inde_fzr li{flex: 1;height:160px;background:#5a6274;text-align: center;}
.inde_fzr li:nth-child(2), .inde_fzr li:nth-child(4){background:#333c4e;}
.inde_fzr li p{font-size:68px;font-family: Arial;font-weight:bold;color:#fff;margin-top: 22px;}
.inde_fzr li p span{font-size: 18px;}



/*indext_case*/
#focus_Box{position: relative; width:690px;}
#focus_Box ul{position: relative;}
#focus_Box li{z-index: 1; position: absolute; width: 0; height: 0; overflow: hidden;}
#focus_Box li a div{display: block; border: 8px #fff solid; overflow: hidden;}
#focus_Box li a p{font-size: 24px; color:#464647; text-align: center; margin-top: 20px;}
#focus_Box li div img{width: 100%; height: 100%; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;}
#focus_Box li:hover div img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
#focus_Box .left{right: 10px;color:#ce322a;}
#focus_Box .right{right: 10px;color: #797979;margin-top:56px}
#focus_Box .left, #focus_Box .right{display: block; z-index: 100; overflow: hidden; cursor: pointer; position: absolute; width: 50px; height: 50px; top: 190px; transition: 0.5s;background: #fff;border-radius:50%;text-align: center;line-height:50px;font-size:28px;}



