html,body{width: 100%;overflow-x: hidden;min-width: 1280px; font-size:16px;}
*{ margin:0; padding:0;}
img{ border:none;}
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;}
.wth1280{width: 1280px;margin: 0 auto;position: relative;}
.flex{flex-flow: row nowrap;justify-content: space-between; text-transform: uppercase;}
.relative{position: relative;}
.absolute{position: absolute;}

.s_width{ width:1280px; margin:0 auto; position:relative}
.liuyan{ padding:0 0 30px 0}
.header{ width:100%; overflow:hidden ; position:relative; }

.navbg{ width:100%;height:120px; margin:0 auto; /*border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);*/position:relative;z-index:800;position: absolute;	top:0;}
.navbg h1 span{ display:none;}
.logo_nav{ width:100%; position:relative;}
.logo_nav .logo{ position:absolute; z-index:1; position:absolute; left:10px; top:45px; width:auto;}
.nav{ position:absolute; z-index:1; position:absolute; right:10px; top:25px; width:60%;}
.nav ul{}
.nav li{line-height:94px; width:12%; float: left;}
.nav li a{ line-height:94px;font-size:17px; color:#fff; text-align:center; display: block; text-decoration:none}
.nav li a:hover{ font-weight:bold; }

.nav li .sign {	width: 19px;height: 9px;position: absolute;left: 50%;bottom: -7px;z-index: 8;margin-left: -10px;display: none;}
.subnav {width: 1200px; height:245px; position: absolute;top: 93px;z-index: 5; display: none; left:190px;}
.subnav-bot {height: 16px;}
.header-main.fixed .subnav {top:46px;}
.header-main.fixed .nav li a {padding-bottom:0;}

.investor-subnav {width:1200px;padding: 23px 0 0 15px;  z-index:999999; overflow:hidden;}
.investor-subnav .list {}
.investor-subnav .list li {width:180px; float:left;margin:0 15px 0 0px; cursor:pointer;background:rgba(0,0,0,0.7); padding-top:15px;}
.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 #148d7c;transition:all 0.9s ease 0s;}

.investor-subnav .list li .zong .text{text-align: center;font-size: 15px;color: #fff; font-weight:bold; padding: 5px; line-height: 33px;}



/*首页引言*/
.intro { background: url(../images/intro_bg.jpg) no-repeat center top; height: 526px }
.intro dd { background: url(../images/intro_dd.png) no-repeat left top; margin-top: 102px; padding-top: 64px; width: 695px; height: 269px; float: left }
.intro dd h2 a { display: block; font-size: 40px; color: #b20405; line-height: 100%; padding-bottom: 16px; margin-bottom: 36px; position: relative }
.intro dd h2 a:before { position: absolute; content: ""; width: 83px; height: 1px; background: #626262; left: 0; bottom: 0 }
.intro dd h2 a span { display: block; font-size: 26px; color: #b20405; line-height: 100%; margin-bottom: 8px; font-weight: 400 }
.intro dd p { font-size: 16px; color: #333; line-height: 30px }
.intro dt { width: 444px; height: 444px; margin-top: 39px; border: 1px dashed rgba(83, 83, 83, .4); float: right; border-radius: 50%; position: relative }
.intro dt img { width: 422px; height: 422px; border-radius: 50%; position: absolute; top: 14px; left: 26px }

.clearfix:after{content: ".";height: 0;display: block;visibility: hidden;clear: both;}

/*首页产品展示*/
.product { background: url(../images/pro_bg.jpg) no-repeat center top; height: 1370px; padding-top: 34px }
.product h2 { padding-top: 76px; background: url(../images/pro_tbg.png) no-repeat center top; margin-bottom: 34px }
.pro_con { position: relative }
.pro_con li { float: left; margin-bottom: 16px; position: relative; overflow: hidden }
.pro_con li h4 { position: absolute; left: 0; top: 50px; height: 44px; border-left: 13px solid #b20405; background: url(../images/pro_t.png) no-repeat left top; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 13px; font-size: 24px; color: #fff; line-height: 44px; font-weight: 400;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); }
.pro_con li:nth-child(1) { width: 395px; height: 715px; margin-right: 16px }
.pro_con li:nth-child(2) { width: 868px; height: 460px }
.pro_con li:nth-child(3) { width: 413px; height: 581px; }
.pro_con li:nth-child(4) {width: 434px;height: 281px;margin-left: 21px;}
.pro_con li:nth-child(5) {width: 395px;height: 325px;position: absolute;left: 0;bottom: 0;}
.pro_con li:nth-child(6) { width: 434px; height: 282px; float:right; }
.pro_con li:nth-child(6) h4 { background: 0 0; text-align: center; line-height: 100%; border-left: 0; padding-left: 0; height: auto; left: auto; top: 111px }
.pro_con li:nth-child(6) h4 span { display: block; font-size: 14px; color: #fff; line-height: 100%; margin-top: 9px; text-transform: uppercase; font-weight: 700 }

.pro_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.pro_con li:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

h2.main_title a { text-align: center; display: block; font-size: 42px; color: #333; line-height: 100% }
h2.main_title span { display: block; text-align: center; font-size: 16px; color: #333; line-height: 100%; margin-top: 11px; font-weight: 400 }
h2.main_title a:hover { color: #333 }


/*首页adv*/
.sm_banner { height: 374px; background: url(../images/sm_bg.jpg) no-repeat center top }
.sm_banner h2 { margin-top: 72px; width: 412px; float: left }
.sm_banner .sm_con { width: 586px; float: right; margin-top: 94px }
.sm_banner .sm_con h3 { height: 59px; border-top: 2px solid #ca5d5e; border-bottom: 2px solid #ca5d5e; text-align: center; font-size: 34px; color: #fff; line-height: 59px; background: url(../images/sm_tbg.png) no-repeat center }
.sm_banner .sm_con p { font-size: 18px; color: rgba(255, 255, 255, .7); line-height: 100%; margin: 12px 0 41px; white-space: nowrap }
.sm_banner .sm_con .more a { display: block; width: 282px; height: 55px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #F7B406; border-radius: 28px; font-size: 18px; color: #333; line-height: 55px; text-align: center }
.sm_banner .sm_con .more a:last-child { float: right; background: rgba(255, 255, 255, .25); border: 1px solid rgba(255, 255, 255, .5); font-size: 18px; color: #fff; line-height: 53px }
.sm_banner .sm_con a:hover { font-weight: 700 }


/*case*/
.case { background: url(../images/case.jpg) no-repeat center top; height: 888px; padding-top: 60px;background-attachment: fixed;}
.case h2 { padding-top: 31px; background: url(../images/case_tbg.png) no-repeat center top; margin-bottom: 34px }
.case h2 a{ color:#fff;}
.case h2 a:hover{ color:#fff;}
.case h2 span{color:#c3c1c1; font-size:16px;}

.case .kuang_con{ width:1280px; margin:70px auto 0 auto; position:relative; overflow:hidden;}
.case .kuang_con li{ float:left; width:335px; position:relative;  height:450px; cursor:pointer; border:10px solid #FFF; margin-right:20px; background:#fff; font-size:14px; line-height:24px; color:#666;}
.case .tupian_zl{ position:absolute; left:0; top:185px; width:69px; height:69px; background:url(../images/prev.png); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; z-index:2;opacity: .6;}
.case .tupian_zl:hover{ background:url(../images/prev.png);opacity: .9;}
.case .tupian_zr{ position:absolute; right:0; top:185px; width:69px; height:69px; background:url(../images/next.png); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; z-index:2;opacity: .6;}
.case .tupian_zr:hover{ background:url(../images/next.png);opacity: .9;}
.case .kuang_con li h3{ font-size:18px; font-weight:normal; line-height:50px; }
.case .kuang_con li em{ padding-top:5px;}
.case .kuang_con span {display: block;text-align: right;padding-right: 25px;background: url(../images/ci.png) no-repeat right center;font-size: 16px;color: #b20405;line-height: 100%; position:absolute; bottom:20px; right:10px;}
.info{ margin-top:50px;}
.info a { display: block; width: 283px; height: 55px; background: #b20405 url(../images/more.png) no-repeat 170px center; border-radius: 28px; margin: 0 auto; text-indent: 87px; font-size: 18px; color: #fff; line-height: 55px; -o-transition: all .3s ease; transition: all .3s ease }
.info a:hover { background-position-x: 300px; text-indent: 0; text-align: center; color:#fff; }


/*首页优势*/
.adv{ width:1280px; margin:50px auto 0 auto;}
.adv h2.main_title a{ background: url(../images/ys_tbg.png) no-repeat center top; padding-top: 81px; padding-bottom: 57px; margin-bottom: 31px }
.adv h2.main_title em{ font-weight:bold; color:#b20405;}

.flex {display: flex;flex-flow: row nowrap;justify-content: space-between;}
.tech_trans{height: 636px;overflow: hidden;background-color: #eee; margin-bottom:80px}
.tech{width:175px;height: 100%;overflow: hidden; position:relative}
.tech .intro{width: 175px;height: 100%;position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,0.5);}
.tech .cont{width: 755px;height: 100%; position:absolute; left:0; top:0; z-index:1/*background: url(../img/fruit.png) no-repeat;*/background-size: 100%;}
.tech .cont img{width: 101%;height: 101%;}
.tech:nth-child(2n) .intro{}
.tech:nth-child(2n-1) .intro{}

.intro1_bg{background: url(../images/tech1_bg.png) no-repeat center top ; height:188px; margin:50px 0 0 0}
.intro2_bg{background: url(../images/tech2_bg.png) no-repeat center top ; height:188px; margin:50px 0 0 0}
.intro3_bg{background: url(../images/tech3_bg.png) no-repeat center top ; height:188px; margin:50px 0 0 0}
.intro4_bg{background: url(../images/tech4_bg.png) no-repeat center top ; height:188px; margin:50px 0 0 0}

.tech p{ width:24px; margin:20px auto 0 auto; padding:0 27px; line-height:25px; font-size:22px; color:#ffffff; font-weight:bold; background:url(../img/border.png) repeat-y center top;}


/*首页新闻动态*/
.news{ width:100%; background:url(../images/news.jpg) no-repeat center top; height:790px; padding-top:27px;}
.news h2.main_title a{ background: url(../images/news_tbg.png) no-repeat center top; padding-top: 81px; padding-bottom: 45px; color:#fff; }
.news h2.main_title a span{ color:#d4d4d4; font-size:16px;}
.news .news_l{width: 379px;height: 530px;background: #fff; float:left;padding: 38px 26px 0 28px;}
.news .news_l h3{}
.news h3 a { display: block; font-size: 24px; color: #333; line-height: 100%; font-weight: 400; position: relative; padding-bottom: 17px }
.news h3 a:before { position: absolute; content: ""; width: 10px; height: 24px; background: #b20405; left: -28px; top: 0 }
.news h3 a span { float: right; font-size: 12px; text-transform: uppercase; line-height: 100%; margin-top: 12px }

.news .news_l .news_text{ padding:20px 0 0 0;}
.news .news_l .news_text .news_title{ font-size:18px;}
.news .news_l .news_text .news_date{ font-size:12px; line-height:31px;}
.news .news_l .news_text p{ font-size:14px; color:#a8a8a8; line-height:24px;}
.news .news_l .news_text .news_text_more{display: block;text-align: right;padding-right: 25px;background: url(../images/ci.png) no-repeat right center;font-size: 16px;color: #b20405;line-height: 100%; margin-top:30px;}

.news .news_r{width: 880px;height: 530px;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 38px 31px 0 32px; float:right;}
.news .news_r h3 a { display: block; font-size: 24px; color: #333; line-height: 100%; font-weight: 400; position: relative; padding-bottom: 17px;    border-bottom: 1px solid rgba(98, 98, 98, .25); }
.news .news_r h3 a:before { position: absolute; content: ""; width: 10px; height: 24px; background: #b20405; left: -28px; top: 0 }
.news .news_r h3 a span { float: right; font-size: 12px; text-transform: uppercase; line-height: 100%; margin-top: 12px }

.news .news_r .news_a{ padding-bottom:30px;}
.news .news_r .news_a li{ width:350px; float:left; margin-right:55px; padding-top:20px;}
.news .news_r .news_a .news_title{ font-size:18px; color:#333; padding-bottom:10px;}
.news .news_r .news_a p{font-size:14px; color:#a8a8a8; line-height:24px;}

.news .news_r .news_b{ position:relative; width:100%; height: 199px;}
.news .news_r .news_b li{width: 258px;height: 199px;overflow: hidden;position: relative;float: left;margin-right: 13px;margin-top: 16px;}
.news .news_r .news_b .news_pic{ position:absolute; z-index:1;}
.news .news_r .news_b .news_pic img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.news .news_r .news_b .news_pic:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.news .news_r .news_b .news_text{width: 258px;height: 45px;background: rgba(0, 0, 0, .6);text-align: center;font-size: 14px;line-height: 18px;font-weight: 400;left: 0;bottom: 0;padding: 5px 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position:absolute; z-index:2;}
.news .news_r .news_b .news_text a{ color:#fff;}


/*首页公司简介*/
.about { height: 947px; background: url(../images/about_bg.jpg) no-repeat center bottom; padding-top: 33px }
.about h2 a { background: url(../images/about_tbg.png) no-repeat center top; padding-top: 81px }
.about_con { width: 982px; text-align: center; margin: 34px auto 25px; font-size: 16px; color: #666; line-height: 28px }

.about .pic { border: 5px solid #fff; width: 1200px; height: 440px; margin-top: 42px }
.about .pic img { width: 1190px; height: 430px }


/*首页底部*/
.footer{width: 100%;background:#b40202;color: #e9eaea; font-size:15px; line-height:29px; padding-top:50px;}
.f_nav{ border-bottom:1px solid #cb3535; border-top:1px solid #cb3535; width:1280px; margin:0px auto 0 auto; height:50px;}
.f_nav li{ float:left;line-height:50px;width:182px; color:#fff; text-align:center; position:relative; font-size:16px;}
.f_nav li a{ color:#fff;}
.f_nav li a:hover{ font-weight:bold;}

.footer .s_width{ padding-top:65px;}
.end_bq{ width:325px; float:left; padding:0px 0 20px 0;}
.end_bq h3{ font-size:18px; color:#fff; padding-bottom:20px;}
.end_bq h3 em{ display:block;text-transform: uppercase; font-size:16px; color:#fff}


.fenlei{width: 325px;padding: 0px 0px 0 61px;border-right: 1px solid #cb3535; border-left: 1px solid #cb3535; height:300px; float:left;}
.fenlei h3{ font-size:18px; color:#fff; padding-bottom:20px;}
.fenlei .fenlei_ul{ margin-top:0px;}
.fenlei .fenlei_ul li{ line-height:20px; padding:0 42px 0 0px; display:block; margin:0 15px 15px 0; text-align:left; float:left;}
.fenlei .fenlei_ul li a{ color:#e9eaea;  }
.fenlei .fenlei_ul li a:hover{ color:#fff; }

.lianxiUs{width: 355px;border-right: 1px solid #d56166; padding: 0px 0px 36px 70px; height:300px;float:left;}
.lianxiUs h2{ color:#fff;padding-bottom:35px; }
.lianxiUs p{ line-height:31px; float:left;}
.lianxiUs img{ width:209px; height:209px; float:right; margin-right:75px;}

.wx {width: 201px;float: right;padding-top: 54px;height: 187px;}
.wx p { width: 201px; height: 133px; background: rgba(69, 56, 37, .26); position: relative; }
.wx img { width: 147px; height: 147px; display: block; position: absolute; top: -54px; left: 27px; }
.wx span { font-size: 12px; color: #fff; text-align: center; display: block; line-height: 100%; padding-top: 105px; }

.copyright{width: 100%;height: 62px;line-height: 62px;text-align: left;font-size: 17px;color:#fff; background:#333}
.copyright a{color:#fff;}
.copyright img{ float:right; padding-top:8px;}


/*内页*/
.main{ width:1280px; margin:50px auto;}
.main h2{ background: url(../images/news_tbg.png) no-repeat center top; padding-top: 20px; color:#333; text-align:center; font-size:40px;}
.main h2 span{ display:block; font-size:16px;font-weight:normal; }
.main_about{ padding:50px 0 0 0; font-size:16px; line-height:31px;}
.main_about p{text-indent:2em;}


.se_pro_con{ width:1280px; overflow:hidden;  position:relative; margin:0 auto; padding:50px 0 40px 0}
.se_pro_con ul{}
.se_pro_con li{float:left; padding:0; width:402px; margin-right:1%; margin-bottom:2%;position:relative; overflow:hidden; background:#ebe8e8; border:5px solid #ebe8e8;}
.se_pro_con li:hover{ border:5px solid #da343b}

.se_pro_t_l{ width:100%; height:310px; position:relative; cursor: pointer ;  border-bottom:none; overflow:hidden;}
.se_pro_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_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);}

.se_pro_t_l a{position: absolute; z-index:3;  text-align:center; font-size:14px; color:#fff; line-height:40px;}
.se_pro_t_l .se_pro_t_laa{opacity:1;}
.se_pro_t_l a span{ display:block; font-size:24px; font-weight:bold; color:#ffffff; line-height:60px; padding:80px 0 0 0; width:212px; margin:0 auto; border-bottom:1px solid #9b968f}
.se_pro_t_r{ text-align:center; padding:0 0 15px 0}
.se_pro_t_r a{color:#2a2a2a; font-size:22px; line-height:45px; position:relative; display:block; z-index:3; font-weight:bold}
.se_pro_t_r a span{ display:block; color:#2a2a2a; line-height:50px;  font-size:20px; font-weight:normal;text-transform: uppercase;}
.se_pro_t_r a p{ width:120px; height:30px; margin:0 auto; text-align:center; font-size:16px; background:#da343b; line-height:30px; color:#fff; font-weight:normal;}
.se_pro_con li:hover a span{  color:#fff;text-transform: uppercase;}
.se_pro_con li:hover .se_pro_t_r a p{ background:#fff; color:#333; }
.se_pro_con .cover_bottom{ position:absolute; height:110px; width:100%; background:#da343b; bottom:0; left:-395px; opacity:0; z-index:2}


.about_nr{ width:1280px; margin:0 auto; background:#f8f8f8}
.about_nr_tit{ padding:50px; width:1280px; margin:0 auto;text-align:center; }
.about_nr_tit h3{ text-align:center; font-size:45px; font-weight:normal; color:#e01827}
.about_zt{ padding:50px 30px 80px 30px; font-size:16px; line-height:31px;}
.about_zt p{text-indent:2em;}
.pro_zt{ padding:0px 30px 80px 30px; font-size:16px; line-height:31px;}

.erji_news_tit{margin:0 auto;}
.erji_news_tit h2{ font-size:30px;text-align:center;  line-height:70px; font-weight:normal;}
.erji_news_tit .se_date{border-bottom:1px solid #e8e8e8; text-align:center; margin-bottom:45px; line-height:30px; font-size:15px;}


.erji_news{ width:1280px; margin:0 auto; padding-top:30px;background: #f6f6f6;}
.erji_news ul{position:relative; padding:0 20px;}
.erji_news li{ margin-bottom:20px; margin-right:10px; border:1px solid transparent;float:left; position:relative;top:20px;cursor: pointer;background: #fff; }
.erji_news li:nth-child(2n){}
.erji_news li.hover{background:#ce0000;box-shadow: 0 6px 10px 5px rgba(0,0,0,.08); border:none;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }
.erji_news_cont{ width:100%;  }
.erji_news_pic{ float:left;border:0px solid #e4e3e3; padding:10px;}
.erji_news_r{ float:right; background: #fff; padding-left:20px; height:211px; padding-right:20px; width:995px;}
.erji_news_r:hover{ background:#f0f0fa;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }
.erji_news_r .erji_news_t{line-height:40px; }
.erji_news_r .erji_news_t a{ font-size:18px; line-height:50px; font-weight:bold; color:#555;}
.erji_news_data{font-size:14px; color:#666; line-height:20px; padding:0 0 10px 0}
.erji_news_info{ font-size:14px; color:#777; line-height:28px;}
.erji_more{ width:100px; height:35px; float:right; border:1px solid #dcdcdc; line-height:35px; text-align:center;border-radius: 20px; margin-right:15px; background:#aa1d25; color:#fff;}


.ny_contact{ width:1280px; margin:0 auto; padding:0 0 50px 0; overflow:hidden;}
.ny_contact h2{ font-size:50px; padding:80px 0; text-align:center; color:#333;}
.ny_contact h2 em{ display:block; font-size:16px; line-height:50px;}
.ny_contact h2 span{ display:block; font-family:Arial, Helvetica, sans-serif; padding-bottom:6px;font-size:16px; font-weight:normal;}
.ny_contact h2 strong{ width:50px; color:#ec401e; font-size:16px;}

.ny_contact_cont{ width:1280px; margin:0 auto;}
.ny_contact_cont ul{}
.ny_contact_cont li{ width:30%; float:left;border: 1px solid rgb(221, 221, 221); text-align:center; padding:30px 0; font-size:18px; line-height:31px; margin-right:3%; height:200px;}
.ny_contact_cont li i{ display:block; padding-bottom:15px;color: #dc1b1b}
.ny_contact_cont li em{ font-size:16px; color:#666; display:block;}