body{font-size:14px; min-width:1200px;font-family: "Microsoft Yahei" }
*{ margin:0; padding:0;}
img{ border:none;}
ul{ list-style:none;}
.clear{ clear:both}
li{list-style:none;}
.l{ float:left;}
.r{ float:right;}

.relative{position: relative;}
.absolute{position:absolute;}
.flex{display: flex;justify-content: space-between;overflow: hidden;flex-flow: row nowrap;}
*{margin:0;padding: 0;}
html body{width: 100%;font-size: 14px;}

.s_width{ width:1280px; margin:0 auto; position:relative;height:100%;}
.liuyan{ padding:0 0 30px 0}



/*footer*/
.footer{ background:#333; height:66px; width:100%; margin-top:50px; }
.footer p{ width:80%; margin:0 auto; line-height:66px; text-align:center; color:#fff; font-size:15px;}

/*内页菜单*/
.head{ height:90px; width:100%;  position: relative; z-index:2; top:20px;}
.logo_a{ width:250px; height:180px; left:0; top:0}


.head .nav{ position:absolute; width:830px; right:0; top:0px}
.head .nav li{ width:118px; float:left; text-align:center; line-height:65px; position:relative; }
.head .nav li a{ font-size:18px; color:#fff; display:block; }
.head .nav li a:hover{  color:#e0aa00;}



/*内页公司简介*/
.about_bg{position:relative; z-index:1; width:100%; margin-top:-90px; height:450px;}
.se_bg{ text-align:center; color:#fff}
.se_bg_t_en{ font-size: 36px; font-family: Arial; padding:180px 0 0 0}
.se_bg_t{ font-size: 26px;  line-height: 80px;}

.se_nav{ width:495px; margin:0 auto; padding:30px 0 0 0}
.se_nav li{ font-size:21px;margin:0 16px 0 0; float:left;}
.se_nav li a{ display:block; padding:10px 30px;color:#fff;background:rgba(0,0,0,0.3);border:1px rgba(255,255,255,0.3) solid;}
.se_nav li a:hover, li.cu_active a{  border-color: #054b93; background: #054b93; color: #fff;}
.se_nav  li.honor_li a{ background:#054b93;  border-color: #0e6eb8;}

.se_pro{ width:1170px; margin:0 auto; padding:30px 0 0 0}
.se_pro li{ font-size:21px;margin:0 16px 0 0; float:left;}
.se_pro li a{ display:block; padding:10px 30px;color:#fff;background:rgba(0,0,0,0.3);border:1px rgba(255,255,255,0.3) solid;}
.se_pro li a:hover, li.cu_active a{  border-color: #054b93; background: #054b93; color: #fff;}
.se_pro  li.honor_li a{ background:#054b93;  border-color: #0e6eb8;}

.NEWS_nav{ width:345px; margin:0 auto; padding:30px 0 0 0}
.NEWS_nav li{ font-size:21px;margin:0 16px 0 0; float:left;}
.NEWS_nav li a{ display:block; padding:10px 30px;color:#fff;background:rgba(0,0,0,0.3);border:1px rgba(255,255,255,0.3) solid;}
.NEWS_nav li a:hover, li.cu_active a{  border-color: #054b93; background: #054b93; color: #fff;}
.NEWS_nav  li.honor_li a{ background:#054b93;  border-color: #0e6eb8;}

/*about*/
.about_se{ background:url(../img/grayline.png) repeat-x left top; padding:120px 0 0 0}
.about_se_title{ font-size:32px; line-height:30px; text-align:center; padding:20px 0 60px 0 }
.about_se_con{ padding:0 0 25px 0;}
.about_se_con p{ font-size:16px; display:block; line-height:36px;  padding: 8px 0 5px 0;  text-indent:2rem;}
.about_se_con p:first-letter { font-size: 28px;}

.about_img{ position:relative; overflow:hidden; margin:50px 0 90px 0}
.about_img img{ display:block; width:1500px; position:relative; left:50%; margin-left:-750px;}

/*culture*/
.culture{ height:950px; position:relative; overflow:hidden; background:url(../images/wh.jpg) no-repeat center top;background-attachment: fixed; background-size: cover;}
.culture .s_width{ }
.culture_t{ font-size:32px; line-height:30px; text-align:center; padding:100px 0 60px 0 }
.culture_l{ position:absolute;width:449px; height:411px; top:100px; left:0}
.culture_r{ position:absolute;width:680px; top:30px; right:0}
.culture_r li{font-size:18px;line-height:30px;color:#707070; margin-bottom:35px;}
.culture_r li span{ color:#f00; font-size:16px; display:block;}
.culture_r li em{font-family:arial,helvetica,sans-serif;  color: #707070; font-weight:normal; display:block; font-size:14px;}
.culture_r .wh1{ background:url(../images/A11.png) no-repeat left top; padding-left:100px;}
.culture_r .wh2{ background:url(../images/A22.png) no-repeat left top; padding-left:100px;}
.culture_r .wh3{ background:url(../images/A33.png) no-repeat left top; padding-left:100px;}
.culture_r .wh4{ background:url(../images/A44.png) no-repeat left top; padding-left:100px;}
.culture_r .wh5{ background:url(../images/A55.png) no-repeat left top; padding-left:100px;}


/*honor*/
.honor{ background:url(../images/images/firstbg.jpg) no-repeat center top; width:100%;background-attachment: fixed; background-size: cover; position:relative; overflow:hidden;}
.honor_t{ font-size:32px; line-height:30px; text-align:center; padding:100px 0 60px 0; color:#fff;}

#focus_Box{position:relative;width:1045px;height:810px;margin:40px auto 0 auto;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; overflow: hidden;border:10px solid #fff;}
#focus_Box li img{width:100%;height:100%;vertical-align:top;transition: .5s;}
#focus_Box li:hover img{transform: scale(1.05,1.05);}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:51px;height:101px;top:131px;transition: 0.5s;opacity: 0.6;}
#focus_Box .prev{background:url(../images/btnl.png) no-repeat; left:-90px; top:280px;}
#focus_Box .next{background:url(../images/btnr.png) no-repeat;right:-90px; top:280px;} 
#focus_Box .prev:hover{left: -110px;opacity: 1;}
#focus_Box .next:hover{right:-110px;opacity: 1;}


/*内页*/
.header{ width:100%; position:relative; background:url(../images/images/nav.png) repeat-x center top; height:140px;}
.hlogo_hnav{ width:80%; margin:0 auto; position:relative;}
.hlogo{ width:150px; position:absolute; left:0;}
.hnav{ width:70%; position:absolute; right:0; z-index:3;}
.hnav li{ width:14%; float:left; text-align:center; position:relative; padding:0 0 20px 0;color:#333;}
.hnav li a{ font-size:16px; color:#fff; display:block; line-height:53px; margin-top:20px;}
.hnav li a:hover{ border:1px solid #c44b52; color:#fff; font-size:15px;}

.hnav li .sign {	width: 19px;height: 9px;position: absolute;left: 50%;bottom: -7px;z-index: 8;margin-left: -10px;display: none;}
.subnav {width: 620px; height:235px; position: absolute;top: 93px;z-index: 5; display: none; left:-200px;}
.subnav-bot {height: 16px;}
.header-main.fixed .subnav {top:46px;}
.header-main.fixed .nav li a {padding-bottom:0;}

.investor-subnav {width:620px;padding: 23px 0 0 15px; background:rgba(0,0,0,0.7); z-index:999999; overflow:hidden;}
.investor-subnav .list {}
.investor-subnav .list li {width:180px; float:left;margin:0 15px 0 8px; cursor:pointer;}
.investor-subnav .list li a {display:block; color:#fff;   text-align:center; background:#0e88dd}
.investor-subnav .list li a:hover { background:#333}
.investor-subnav .list li .zong .pic img{ border:4px solid #fff;transition:0.1s;width: 160px;height: 160px; margin:0 auto; display:block}
.investor-subnav .list li .zong{
	width:100%;
	height:100%;
	position: relative;
	color:#000000;
}
.investor-subnav .list li:hover .zong .pic img{ border:4px solid #c71c1c;}

.investor-subnav .list li .zong .text{text-align: center;font-size: 15px;color: #fff; font-weight:bold; padding: 5px; line-height: 33px;}


.main{ width:1220px; margin:0 auto; background:rgba(255,255,255,0.5); padding:30px;}
.brcr{ font-size:14px; background:#f3b614; padding:5px 0 5px 15px;}
.main_cont{ padding-top:40px; font-size:18px; line-height:35px; color:#473632}
.main_cont p{ color:#473632;text-indent:2em;}
.ny_contact_cont{ padding-top:40px; font-size:18px; line-height:35px; color:#473632}

/*内页公司简介*/
.ny_biaoti{ width: 680px;height: 250px; text-align:center; margin:50px auto 0 auto;}
.ny_biaoti h2{ font-size:50px;color: #473632; line-height:60px; }
.ny_biaoti h2 em{ display:block; font-weight:normal; font-size:16px;}
.ny_biaoti_img{ padding:10px 0;}

.ny_biaoti2{ width: 680px;height: 350px; text-align:center; margin:50px auto 0 auto;}
.ny_biaoti2 h2{ font-size:50px;color: #473632; line-height:60px; }
.ny_biaoti2 h2 em{ display:block; font-weight:normal; font-size:16px;}

.ny_about{ position: absolute; top:120px; left: 300px; width: 1000px; height: 1080px;}
.ny_about h2{vertical-align: middle; line-height: 60px; max-width: 600px; color: rgba(0, 0, 0, 1); text-overflow: ellipsis; overflow: hidden; font-size: 20px; white-space: nowrap; display: inline-block; font-weight: bold;}



/*内页资质荣誉*/
.honor_pro_con{ width:1280px; overflow:hidden;  position:relative; margin:0 auto; padding:50px 0 40px 0}
.honor_pro_con h2{ font-size:43px; text-align:center; padding:50px 0; font-weight:normal;}
.honor_pro_con ul{ width:1355px; }
.honor_pro_con li{float:left; padding:0; width:304px; margin-right:21px; margin-bottom:25px;position:relative; overflow:hidden; border-bottom:1px solid #ddd;}
.honor_pro_con li:hover{border-bottom:1px solid #0586fb}

.honor_pro_con .p-img{ width:304px; height:428px; position:relative; cursor: pointer ;  border-bottom:none; overflow:hidden;}
.honor_pro_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.honor_pro_con li:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
.honor_pro_con li .p-name{ height:55px; line-height:55px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: left; padding-left:20px;font-size:16px; background:#e4e4e4; text-align:center; }

/*内页产品展示*/

.erji_list{width:1240px; margin:30px auto 0 auto; padding-bottom:15px; text-align:center }
.erji_list div{ max-width:1240px; margin:0 auto}
.erji_list li{ width:15%; padding:0 20px; float:left; text-align: center; border:1px solid #dcdcdc; margin:0 10px 10px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.erji_list li a{ line-height:40px; font-size:15px;}
.erji_list li:hover{ background:#e0aa00;  color:#c42625;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; border-radius: 30px}
.erji_list li:hover a{color:#fff}

.cage_list{width:100%; height:60px; margin:0 auto;background: rgba(119,86,79,0.1);border-radius: 30px; margin-top:30px;}
.pro_type{float:left; text-align:center; position:relative;width:33.3%;  }
.pro_type a{ display:block;  line-height:60px; font-size:18px; color:#333;}
.pro_type a:hover{ color:#e30315; background:#fff;border-radius: 30px;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }
#cage_list_a a{height:50px; line-height:50px; font-size:18px; color:#fff; display:block; background:#444; text-transform:uppercase; font-weight: bold;}
#cage_list_a a:hover{ background:#fff; color:#e30315;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s;box-shadow: 0px 0px 10px #666; }
.pro_type .child_menu{position:absolute;top:100%;left:35%;overflow:hidden;z-index:99999;height:0;width:248px; }

.pro_type .child_menu a{ font-size:16px; font-weight:normal; border-bottom:1px solid #fff; background:#0bac2b; color:#fff; line-height:50px;}
.pro_type .child_menu a:hover{background:#f29c2f; color:#fff;}

.cage_listt{ width:1200px; margin:20px auto 10px auto; height:59px; }
.cage_listt li{ width:236px; float:left; text-align:center; }
.cage_listt li a{height:59px; line-height:59px; font-size:16px; color:#3e3e3e; display:block; text-transform:uppercase; font-weight: bold;border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7}
.cage_listt li a:hover{background:#d0231c; font-weight:bold; font-size:15px; color: #FFFFFF;}



.se_pro_con{ width:1350px; overflow:hidden;  position:relative; margin:0 auto;}
.se_pro_con ul{ width:1380px; }
.se_pro_con li{ float:left; position:relative; width:385px; height:285px; overflow:hidden;top:100%; margin:0 30px 20px 0; cursor:pointer;}
.se_pro_con em{ font-style: normal; text-align:center; line-height:48px; width:405px; 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_pro_con .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_pro_con li:hover .cp_m img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_pro_con .cp_k{position:absolute; height: 50px; width: 385px;background: rgba(0,0,0,0.5); bottom:0; z-index: 8888;left:0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_pro_con .cp_k a{ line-height: 50px; width: 405px;color: #FFFDFE; font-size: 18px;  display: block; text-align: center; }
.se_pro_con .cp_k a:hover{font-size: 24px;   color: #fff000;}
.se_pro_con .cp_xq{ width:360px; position:absolute; left:50%; margin-left:-190px; height:200px;  line-height:30px; color:#fff; font-size:15px; background:rgba(26,90,162,0.8); top:30px; opacity:0}
.se_pro_con .cp_xq h2{ font-size:26px; text-align:center; color:#fff; padding:60px 0 25px 0}
.se_pro_con .cp_xq p{ margin:20px; padding:25px 15px; border:1px solid rgba(255,255,255,0.3)}
.se_pro_con .cp_xq  div{ padding:15px 0 0 0; text-align:center}




.se_pro_con li:hover .cp_k{ bottom:-100px;}

.se_pro_con li:hover .cp_xq{ opacity:1;
	animation: categorytextanimate2 1s;
	-moz-animation: categorytextanimate2 1s;
	-webkit-animation: categorytextanimate2 1s;
	-o-animation: categorytextanimate2 1s;
}
@keyframes categorytextanimate2{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg); }
}
@-moz-keyframes categorytextanimate2{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-webkit-keyframes categorytextanimate2{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}
@-o-keyframes categorytextanimate2{
	from{transform: rotateY(0deg);}
	to{transform: rotateY(360deg);}
}

.ny_wx{ width:100%;}
.ny_wx li{ width:200px; float:left; margin-right:20px;}


.prod_nav{width:1280px; margin:0 auto;  border-bottom:#dddddd solid 1px; border-left:#dddddd solid 1px;  margin-top:20px;}
.prod_nav li{width: 640px; text-align:center;  line-height:80px; float:left; background:#df0c1b; display: block;}
.prod_nav li span{  background:#444; display:inline-block; width:640px; height:80px; color:#fff; font-size:20px; }
.prod_nav li span.on{background:#cb1b1f; color:#fff; display: block;}


/*内页新闻动态*/
.se_news_con{ width:96%; margin:0 auto; }
.se_news_con ul{ padding:0px 0 0 0}
.se_news_con li{ width:390px; float:left; position:relative; cursor: pointer;  position:relative; top:15px;  }


.se_news_r{ width: 340px; height:490px; position: relative; z-index: 2; border-bottom: 1px solid #ddd; padding: 17px 15px 25px 15px; margin:0 auto 45px auto; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);  box-shadow: 0 0 15px rgba(0,0,0,0.2);background:#fff;}
.se_news_r .se_news_pic{ width:370px; height:260px; position:absolute; left:0; top:0; overflow:hidden;}
.se_news_r .se_news_date{ width:98px; height:75px; position:absolute; right:0; top:0; z-index:9999; background:#db0f32; text-align:center; color:#fff; line-height:15px; font-size:16px; }
.se_news_r .se_news_date span{ line-height:25px; font-size:18px; font-weight:bold; display:block; padding:10px 0 0 0}
.se_news_r .se_news_date div{ line-height:25px; font-size:17px; width:41px; margin:0 auto; overflow:hidden; height:25px; position:relative}



.se_news_r .se_news_text{ width:90%; position:absolute; left:50%; margin-left:-45%; height:170px; top:290px;}
.se_news_r h2{ width:93%;  font-size:14px; color:#555555; border-bottom:1px dashed #ddd; padding:0 0 8px 0}
.se_news_r h2 a{  font-size:20px; color:#222; text-transform:uppercase; display:block; line-height:40px; transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.se_news_r h2 a:hover{   color:#ec0d37; font-weight:bold}
.se_news_r p{ line-height:28px; color:#666; padding:10px 0 24px 0; font-size:15px;}
.se_news_r .se_news_more{ width:120px; border:1px solid #ea9229; 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:#ea9229; font-size:14px;}
.se_news_r .se_news_more a:hover{ color:#fff; }
.se_news_r .se_news_more:hover{ background:#ec0d37; border:1px solid #ec0d37; }
.se_news_r .se_news_more:hover a{ color:#fff; }

.nerirong{ font-size:16px; line-height:31px; padding:40px 0;}


/*内页联系我们*/
.contact_l{ width:60%;}
.contact_r{ width:35%;}
.contact_r p{ padding-top:40px;}