html,body{width: 100%;font-size:16px;overflow-x:hidden;font-family: "Microsoft YaHei New", "Microsoft Yahei",  "Hiragino Sans GB", 冬青黑体, Arial, Helvetica, SimHei, 黑体, STXihei, 华文细黑, 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;background: transparent;outline: none;color:#333;height:100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .pagenum td{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.cuya{font-family: "impact";}

.s_width{ width:1350px; margin:0 auto; position:relative}
.liuyan{ padding:0 0 30px 0; width:1350px; margin:0 auto 50px auto; height:545px;}

/*主导航多级菜单*/
.hbg{width: 100%;height: 100px;position:absolute;top: 0px;z-index: 9999;text-align: center;  border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);}
.aje-nav{width: 100px;height: 99px;background: #082b60;cursor: pointer;position: absolute;z-index: 0; left: 0;}
.aje-nav:before{ content:""; width:0; height:100%; background:#082b60; cursor:pointer; position:absolute; right:0; top:0; transition:all 0.3s; z-index:-1; } 
.aje-nav:hover:before{ width:100%; left:0; } 
.aje-nav dl{ height:100%; display:grid; align-content:center; }
.aje-nav dl dt{ font-weight:normal; font-size:16px; font-family:arial; color:#fff; text-align:center; margin-top:10px; line-height:14px; } 
.aje-nav dl dd{ display:block; width:36px; height:2px; background-color:#fff; transform-origin:4px 3px; transition:all 0.5s; margin:0 auto;  animation: daob 1s linear infinite;} 
.aje-nav dl dd:nth-child(2){ margin:10px auto;} 

@keyframes daoa {
    0%{width:40px;}
    50%{width:25px;}
    100%{width:40px;}
}
@-moz-keyframes daoa {
    0%{width:40px;}
    50%{width:25px;}
    100%{width:40px;}
}
@-webkit-keyframes daoa {
    0%{width:40px;}
    50%{width:25px;}
    100%{width:40px;}
}
@keyframes daob {
    0%{width:25px;}
    50%{width:40px;}
    100%{width:25px;}
}
@-moz-keyframes daob {
    0%{width:25px;}
    50%{width:40px;}
    100%{width:25px;}
}
@-webkit-keyframes daob {
    0%{width:25px;}
    50%{width:40px;}
    100%{width:25px;}
}
.nav{position:absolute; z-index: 999999; left:0;top:100px;padding:40px 0 40px 0;width:389px;box-shadow:-20px 0 30px rgba(0,0,0,.05);background:rgba(255,255,255,0.7);display:none; height:800px;}
.nav ul>li{overflow:hidden}
.nav ul>li>a{display:block;padding:0 60px;font-size:20px;color:#003756; padding: 10% 0; -webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.nav ul>li.on>a{background-color:#f1f1f1;}
.nav ul>li.on>a:hover,.nav ul>li>a:hover{background-color:#14aea2;color:#fff}


#logo{transition: .5s;position: absolute; left:100px; top: 0; width: auto; background: #fff; height: 100px; padding: 0 2rem;}
#logo:hover{left: 5%;}
#logo img{ width:100%; padding-top: 0.8rem;}

.hbg .main_nav{ height:99px; width:53%; position: absolute; right: 15%; top: 0;  }
.hbg .main_nav ul li{float: left;width: calc(100%/8);line-height:100px;text-align: center;}
.hbg .main_nav ul li a{color:#fff;position: relative;z-index:1;font-size:18px; display:block}
.hbg .main_nav ul li a.active{background-color:#14aea2;}
.hbg .main_nav ul li i{position: absolute;width:100%;height:0;background-color:#14aea2;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hbg .main_nav ul li a:hover i, .hbg .main_nav ul li a.active i{height:100%;}
.hbg .main_nav ul li a:hover, .hbg .main_nav ul li a.active{color:#fff;}


.main_nav li div {display:none;width:165px;text-align:center;color:#fff;position:absolute;top:100%;background: linear-gradient(to right, #082b60,#14aea2); z-index:9999 ;  box-sizing:border-box;}
.main_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);}
.main_nav li div a:hover {color:#333;  background:#003756!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; }

.hbg.bg{ background: url("../images/navh.png") no-repeat left top; height:82px;}
.hbg.bg #logo img{height:50px !important;margin-top:-1rem;}
.hbg.bg .main_nav{ height:67px; width:53%; position: absolute; right: 15%;  }
.hbg.bg .main_nav ul li{float: left;width: calc(100%/8);height:67px;line-height:67px;text-align: center;}
.hbg.bg .main_nav ul li a{color:#fff;position: relative;z-index:1;font-size:18px; display:block}
.hbg.bg .main_nav ul li a.active{background-color:#8ec31f;}
.hbg.bg .main_nav ul li i{position: absolute;width:100%;height:0;background-color:#8ec31f;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hbg.bg .main_nav ul li a:hover i, .hbg .main_nav ul li a.active i{height:100%;}
.hbg.bg .main_nav ul li a:hover, .hbg .main_nav ul li a.active{color:#fff;}

.hbg.bg .call{margin-top:0px;height:70px;background:url(../images/call.png) left center no-repeat;padding-left:56px; position:absolute; right:1%; text-align:left}
.hbg.bg .call p{font-size:16px;color:#fff;padding:3px 0 2px 0;}
.hbg.bg .call h3{font-size:26px;color:#fff;font-family: georgia,serif;}


.qcode {position: absolute;right: 60px;top: 42px;font-size: 15px;line-height: 17px;padding-left: 27px;background: url(../images/qcodeIcon.png) no-repeat center left;cursor:pointer;}
.qcode a{color: #fff;}
.qcode a .ewm{width:133px;position:absolute;top:35px;left:6px;display:none; z-index: 9999;}
.qcode a .ewm img{width:100%;}


/* ------------------------ */
#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:500%;margin: 0;}
#banner ul li{width:20%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:100px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#14aea2}
.sl{width: 100%;}
.sl,.st,.st div,.sl div{overflow:hidden;}
.nextinfo{width:100%;overflow:hidden;}
.nextinfo span{background:#eee;margin:20px 1%;width:48%;float:left;text-align:center;border-radius:20px;font-size: 14px;}
.nextinfo span a{color: #000}


/*pro*/
.pro{width:100%;   padding:20px 0 0 0; background:url("../images/list.jpg") no-repeat center top; }
.pro h2{  text-align:center; width:100%; position:relative; margin:65px auto 2rem auto; font-size: 56px; color: #082b60;}
.pro h2 em{ color:#333; font-style: normal; display: block; font-size: 18px; font-weight: normal; padding-top: 1rem;}

.prolist{width:90%; margin:4rem auto 0 auto; position: relative;}
.prolist li{float:left;  width:19.5%; position: relative; font-size: 20px; }
.prolist li:after {content: '';width: 11px;height: 11px;background-color: #4365a7;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;
position: absolute;right: -5px;top: 22px;}
.prolist li:nth-child(5){margin-right:0;}
.prolist li:nth-child(5):after{width:0}
.prolist li a{background:url("../images/line-bg.png") no-repeat center top; display: block; text-align: center; line-height: 54px; }
.prolist li a:hover{background:url("../images/line-bg01.png") no-repeat center top; color: #fff;}



#top_scroll {height:900px;overflow: hidden;max-width:90%;margin:65px auto 0px auto;}
#top_scroll ul li{float: left;width:24%;margin:0.5%; background:#fff;}
#top_scroll ul li .img{overflow: hidden; }
#top_scroll ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;width:100%}
#top_scroll ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
#top_scroll ul li h3{color:#333;font-size:18px; font-weight:normal; line-height:60px; border-bottom:1px solid #f2f2f2; text-align:center;}
#top_scroll ul li:hover{background-image: -webkit-linear-gradient(left,#003756, #14aea2zong_con);}
#top_scroll ul li:hover h3{color:#fff;}



/*公司简介*/
.about{ width: 100%; margin: 5rem auto 0 auto; height: 796px; position: relative;}
.about_l{ width:50%; height:100%; overflow:hidden; position: absolute;left: 0; top: 0}
.about_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.about_l:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

.about_r{ width:50%;position: absolute;right: 0; top: 0;padding:3rem; background: #f2f2f2; height:100%;}
.about_r h2{ font-size:48px; line-height:80px; font-weight:bold; text-align:left; margin-top:20px; color:#003756;}
.about_r h2:after{content:""; width: 250px; height: 5px; background: #8ec31f; display: block;transition: .5s;}
.about_r h2:hover:after{content:""; width: 350px; height: 5px; background: #8ec31f; display: block;}
.about_r p{ font-size:16px; line-height:31px; text-align:left; color:#333; margin-top: 40px; width: 95%;}

.hangye_icon{ width:100%; position:absolute; z-index:1; bottom:0; right:0; height:165px; background:#14aea2}
.hangye_icon ul{ width:80%; position:absolute; left:0; top:2rem; text-align:center; color:#fff;}
.hangye_icon li{ float:left; padding:0 4.5%;}
.hangye_icon li:nth-child(1){ margin-left:50px;}
.hangye_icon li:nth-child(5){ padding-right:0}
.hangye_icon li i{ width:75px; height:75px; border:1px solid #89d6d0;border-radius:50%; display:block; margin-bottom:10px; }
.hangye_icon li i img{ margin:0 auto; text-align:center; display:block; margin-top:16px;}

@media only screen and (max-width:1440px ){
.about{height:574px;}
.about_r h2{ font-size:35px; line-height:60px; font-weight:bold; text-align:left; margin-top:0px;}	
.about_r p{ font-size:14px; line-height:27px; margin-top:20px; width: 95%;}
.hangye_icon li{ float:left; padding:0 3%;}
.hangye_icon li i{ width:50px; height:50px;}
.hangye_icon li i img{width:65%}
.hangye_icon{ height:110px;}
.hangye_icon ul{top:1rem; }

}

/* 优势 */
.adv{width:100%;  overflow:hidden;}
.adv h2{  text-align:center; width:100%; position:relative; margin:85px auto 2rem auto; font-size: 56px; color: #082b60;}
.adv h2 em{ color:#333; font-style: normal; display: block; font-size: 18px; font-weight: normal; padding-top: 1rem;}
.adv_cont{overflow:hidden;}
.adv_cont .adv_list{ width:80%; margin:0 auto 20px auto; background:#f2f2f2;}
.adv_cont .adv_list li{ width:25%; height:145px; float:left; text-align:center;transition: .5s; }
.adv_cont .adv_list li:nth-child(4){ margin-right:0; }
.adv_cont .adv_list li a{ display:block }
.adv_cont .adv_list li a h3{ font-size:18px; color:#003756; line-height:55px; font-weight:normal; }
.adv_cont .adv_list li a h3 i{display:block; margin-top: 1.5rem;}
.adv_cont .adv_list li a:hover h3{ color:#fff; font-weight:bold;}
.adv_cont .adv_list li:hover{color:#fff;}
.cp_a{color:#fff; }
.cp_b{color:#fff; }
.cp_c{color:#fff;}
.cp_d{color:#fff; }
.cp_a.cp_crnt{ background:#003756;}
.cp_b.cp_crnt{background:#003756}
.cp_c.cp_crnt{background:#003756}
.cp_d.cp_crnt{background:#003756 }

.adv_cont .adv_list li.cp_crnt a h3{  color:#ffffff;}
.adv_cont .adv_list li.cp_crnt a p{ color:#ffffff}

.adv_cont .zong{ height:585px; width:80%; margin:0 auto}
.adv_cont .chanpin_r{ height:585px;}
.adv_cont .Tcp_a{ background:url(../images/adv_a1.jpg) no-repeat left top; margin-top:35px;}
.adv_cont .Tcp_b{ background:url(../images/adv_a.jpg) no-repeat left top; margin-top:35px;}
.adv_cont .Tcp_c{ background:url(../images/adv_a2.jpg) no-repeat left top; margin-top:35px;}
.adv_cont .Tcp_d{ background:url(../images/adv_a3.jpg) no-repeat left top; margin-top:35px;}

.adv_cont .zong .zong_con{ width:100%; margin:0 auto; height:585px; position:relative; }
.adv_cont .zong .zong_con .zong_con_c{ width:47.5%;  position:absolute; right:0; top:0;background: #f2f2f2; height: 100%;}
.zong_con_c .adv_a{ width: 90%; position:relative;  padding:2rem 0 0 3rem;}
.zong_con_c .adv_a strong{display:block;  font-size:25px; color:#333; border-bottom:1px solid #bdd0cc; line-height:60px;}
.zong_con_c .adv_a p{ line-height:31px; font-size:16px;  color:#333; padding:2rem 0 0 0rem; }

.zong_con .adv_b{width:52%; position:relative; height: 50px; margin: 2rem auto 0 auto;}
.zong_con .adv_b li{float:left; width:180px; height: 50px; margin-right: 1rem; line-height:50px; background:#003756;font-size:17px;border-radius:5px;  text-align:center; }
.zong_con .adv_b li:nth-child(2){margin-right:0; background:#14aea2;}
.zong_con .adv_b li a{color:#fff ;}
.zong_con .adv_b li:hover{background:#e4d26f;}

.zong_con .adv_c{width:52%; position:relative; margin: 3rem auto 1rem auto; background: #fff; padding: 2rem;}
.zong_con .adv_c .adv_c_b{font-size:16px; margin-left: 15px;}
.zong_con .adv_c .adv_c_b h3{font-size:16px; font-weight: normal;}
.zong_con .adv_c .adv_c_b span{font-size:33px; color: #003756;font-family: impact; }


@media only screen and (max-width:1440px ){
.zong_con .adv_b li{width:133px;}
.zong_con .adv_c{width:70%; padding: 1rem;}	
}


/*news*/
.news{ width:100%; margin:4rem 0 0 0; }
.news h2{  text-align:center; width:100%; position:relative; margin:65px auto 2rem auto; font-size: 56px; color: #082b60;}
.news h2 em{ color:#333; font-style: normal; display: block; font-size: 18px; font-weight: normal; padding-top: 1rem;}

.news_cont{ width:80%; position:relative; overflow:hidden; margin:40px auto 0 auto;}
.news_cont li{ width:31.8%; float:left;  height:520px; position:relative;margin:30px 1.2% 0 1%; overflow:hidden }
.news_cont li:nth-child(1){ margin-left:0;}
.news_cont li:nth-child(3){ margin-right:0;}
.news_cont .xinwen_pic{ width:480px; height:350px; position:absolute; top:9px; left:50%; margin-left:-240px; overflow:hidden;}
.news_cont .xinwen_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; overflow:hidden }
.news_cont .xinwen_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.news_cont .xinwen_text{ width:100%; padding:10px 20px 40px 20px; position:absolute; top:340px; left:0; background:#f6f6f6;}
.news_cont .xinwen_text .xinwen_date{ font-size:16px; color:#9e9e9e; line-height:34px;text-transform: uppercase;}
.news_cont .xinwen_text .xinwen_title a{ font-size:17px; color:#000; line-height:33px; font-weight:bold;}
.news_cont .xinwen_text .xinwen_title a:hover{ color:#333;}
.news_cont .xinwen_text .xinwen_title:after{ content:""; display:block; width:70px; height:1px; background:#bdbdbd; margin:0.5rem 0;}
.news_cont .xinwen_text .xinwen_cont{ width:100%; font-size:15px; line-height:24px; color:#666;}
.news_cont .xinwen_text .xinwen_span{ width:80%; margin:10px auto 0 auto; background:#ff8400; height:5px;} 

.news_more{ width:150px; height:50px; border:1px solid #333; line-height:50px; text-align:center; margin:0 auto;}

/*footer*/
.footer{ background:#003756;color: #fff; font-size:15px; line-height:29px; margin-top:50px;}
.footer .s_width{ width:80%;}
.fenlei{width: 33%;height: 100%;padding: 5% 0px 0 5%;}
.fenlei h2{ color:#fff; line-height:50px;}
.fenlei h2:after{ content:""; display:block; width:30px; height:2px; background:#f8de07}
.fenlei .fenlei_ul{ margin-top:31px;}
.fenlei .fenlei_ul li{height:31px; line-height:31px;display:block;margin:0 15px 10px 0; text-align:left; float:left; width: 42%; font-size:16px;}
.fenlei .fenlei_ul li a{ color:#fff; }
.fenlei .fenlei_ul li a:hover{ color:#fff; }

.lianxiUs{width:  33%;height: 100%;border-left:1px solid transparent; ;border-right:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); padding: 60px 0px 96px 50px;}
.lianxiUs h2{ color:#fff;padding-bottom:35px; line-height:50px;}
.lianxiUs h2:after{ content:""; display:block; width:30px; height:2px; background:#f8de07}
.lianxiUs p{ line-height:31px; float:left; font-size: 16px;}
.lianxiUs img{ width:209px; height:209px; float:right; margin-right:75px;}

.aboutUs{width:  33%;height: 100%;padding: 5% 0px 0 5%;}
.aboutUs h2{ color:#fff;padding-bottom:35px; line-height:50px;}
.aboutUs h2:after{ content:""; display:block; width:30px; height:2px; background:#f8de07}
.aboutUs  li{display:block;text-align:center; float:left; width:122px; margin-right:15px;}
.aboutUs  li img{ width:100%}
.aboutUs li em{ color:#fff; text-align:center }
.aboutUs li a:hover{ color:#fff; }

.copyright{width: 100%;height: 70px;line-height: 70px;background-color: #14aea2;text-align: left;font-size: 17px;color:#fff;}
.copyright a{color:#fff;}
.copyright img{ float:right; padding-top:8px;}



/*网站内页*/
@keyframes breathe{
	from {
		transform:scale(1.2);
		}
	to {transform:scale(1.0);}
}
.ny_banner{width: 100%;height:500px;position: absolute;top: 0;left: 0;z-index: 1;animation: breathe 2s; overflow:hidden;}
.header{ width:100%; position:relative; height:500px;}
.ny_prolist{ width:100%; position:absolute; z-index:10;  top:32%; height:300px;}
.ny_prolist p{ color:#fff!important;}
.main{ width:80%; margin:4% auto;}
.main h2{  text-align:center; width:100%; height:110px; position:relative; margin:0 auto 2rem auto; font-size: 56px; color: #003756;}
.main h2 i{ color:#14aea2; font-style: normal; margin-left: 20px;}
.main h2 span{ font-weight:normal; position:absolute; z-index:2; bottom:0;left:0; right:0; font-size:18px; color:#666;}
.main_cont{ font-size:16px;  line-height:31px; color:#333;}
.main_cont p{ padding-bottom:15px!important;text-indent:2em;}

@media only screen and (max-width:750px ){
.header{ width:100%; position:relative; height:85px;}
.ny_banner{width: 100%;height:85px;position:relative;top: 0;left: 0;z-index: 1;animation: breathe 2s; overflow:hidden;}
	.ny_banner img{width: 100%;}
.main{  margin:0 auto 2rem auto; padding: 0;width: 100%;}	
.main h2{  height:43px; font-size: 36px; color: #14ae67;margin:34px auto 2rem auto;}
.main h2 i{ color:#8ec31f; font-style: normal; margin-left: 20px;}
.main h2 em:before{ display: none;}
.main h2 em:after{display: none;}
.main h2 span{ font-size:15px; display: none;}	
.main_cont{width: 90%; 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:80%; margin:0 auto;}
.main_read .main_read_cont p{ padding-bottom:15px!important;text-indent:2em;}

.main .main_l{25%}
.box_one{width: 260px;background-color: #21b24b;padding: 10px 10px}
.box_one .title{text-align: center;margin-bottom:20px;}
.box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;}
.box_one .title p{color:#fff;font-size:16px;}
.box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;}
.box_one ul li a{color:#333;position: relative;z-index:1;font-size:17px; display:block; padding-left:20px;}
.box_one ul li i{position: absolute;width:100%;height:0;background-color:#21b24b;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.box_one ul li a:hover i, .box_one ul li a.active i{height:100%;}
.box_one ul li a:hover, .box_one ul li a.active{color:#fff;}

.main .main_r{ width:75%}



.mbx{ width:100%; height:60px; border-bottom:1px solid #eaefed;}
.mbx .espcms_path{ width:1280px; margin:0 auto; font-size:16px; line-height:60px;}
.mbx .espcms_path li{display: inline-block;}
.mbx .espcms_path > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}


.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: #333;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: #14aea2;}
.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:80%; margin:0 auto 147px auto;}
.espcms_info_pager li{ width:100%; float:left; text-align:left; background:#f2f2f2; line-height:33px; margin-bottom:30px;}
.espcms_info_pager li:nth-child(2n){ margin-right:0px;}

/*内页产品展示*/
.se_tuandui { width:100%; margin:0 auto;  padding:0px 0 20px 0}
.se_tuandui ul{ width:100%;}
.se_tuandui li{float:left; padding:0; width:29.8%; margin:0 5% 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:85px; line-height:85px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:22px; border: 1px solid #f2f2f2;-webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: -webkit-linear-gradient(left,#003756, #14aea2);}
.se_tuandui li .p-name em{ display:block; font-size:19px; color:#fff;}
.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;}

.main_about{ width:1280px; margin:0 auto;background: #fafafa;color: #444;height: 50px;line-height: 50px;font-weight: bold;font-size: 15px; height:520px;}
.main_about h2 i{background: #C4005B;width: 2px;height: 30px;display: block;float: left;margin: 10px 10px 0px 0px;}

@media( max-width:1279px){
.se_tuandui li .p-name{ height:55px; line-height:55px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:20px;  color:#fff;}	
}
	
@media only screen and (max-width:750px ){
.main_read .main_read_cont{width:95%; margin:0 auto;}
.se_tuandui li{float:left; padding:0; width:48%; margin:0 0.5% 25px 0.5%; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;}
.se_tuandui li .p-name{ height:55px; line-height:55px;font-size:18px; }
.se_tuandui p{ font-size:14px; line-height:35px; color:#666;}
}
/*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:#14aea2; top:20px;}
.se_news_con .se_news_da{ width:1380px; margin:0 auto}
.se_news_l{ width:300px; position:relative; overflow:hidden; height:200px; }
.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: 976px; 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:#003756; 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; }

@media( max-width:1279px){
.se_news_con .se_news_da{ width:1080px; margin:0 auto}
.se_news_l{ width:300px; position:relative; overflow:hidden; height:200px; }
.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: 755px; 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*/
.se_contact{width:80%; margin: 0 auto;}
.se_contacta_l{width:40%;}
.se_contacta_l p{font-size:25px; line-height: 52px;}
.se_contacta_l p span{display:block; margin-bottom: 40px;font-size:35px;}
.se_contacta_r{width:55%;}