@charset "utf-8";
html { }
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0;}
body { font-size:16px;background:#FFF; letter-spacing:1.2px; color:#1a1a1a;  font-family:"微软雅黑"; height:100%;}
ul,li { list-style: none; }
img { border:0;}
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
a {
	text-decoration: none;
	outline:none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}

@font-face {
  font-family:"times";
  font-style: normal;
  font-weight: normal;
  src:url(fonts/times.ttf) format("truetype");
}

@font-face {
  font-family:SemiBold;
  font-style: normal;
  font-weight: normal;
  src:url(fonts/Exo-SemiBold.otf) format("truetype");
}




.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }


/*首页*/



/*header头部的CSS布局*/
.main{ width:96%; max-width:1200px; margin:0 auto;}

.header{ height:auto; overflow:hidden; position:fixed; z-index:99; top:30px; left:30px;}
.header .h_nav{ width:50px; height:50px; overflow:hidden; float:left; background:#c1272d url(../images/nav_line.png) no-repeat center center;}

.header .logo{ width:150px; height:50px; float:left; overflow:hidden; margin-left:10px;}
.header .logo img{ max-width:100%;}


.shipin{ width:100%; height:700px; overflow:hidden;position:relative; z-index:9; top:0; left:0; right:0;}
.shipin .sp_font{ position:absolute; top:30%; left:30px;  width:616px; height:226px; margin:0 auto; z-index:999;}

#container {
	overflow: hidden; height:100%;
	position:absolute;
	top: 0; left: 0; right: 0;
}

#background_video {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	height: 100%; width: 100%;
}

#video_cover {
	position: absolute;
	background:url(../images/banner.jpg) no-repeat;
	width: 100%; height: 100%;
	background-size: cover;
	background-position: center;
}   

#overlay {
	position: absolute;
	top: 0; right: 0; left: 0; bottom: 0;
	background: rgba(0,0,0,0.1);
}

	
.n_box{ width:90%; height:90%; padding:5%; background:rgba(193,39,45,0.98); position:fixed; top:0; left:0; z-index:999999; display:none;}
.n_box .nav1{ height:auto; overflow:hidden; width:550px; float:left; padding:12% 15%;}
.n_box .nav1 ul{ margin:0; padding:0;}
.n_box .nav1 ul li{ line-height:42px;padding:6px 0; position:relative;}
.n_box .nav1 ul li a{ font-size:30px; color:#FFF;transition:0.4s; text-transform:uppercase; display:block;}
.n_box .nav1 ul li a:hover{ opacity:0.5; transition:0.4s; margin-left:10px;}

.n_box .nav1 ul ul{ position:absolute; top:0; right:0; z-index:9999;display:none;}
.n_box .nav1 ul ul li{line-height:30px;}
.n_box .nav1 ul ul li a{ font-size:24px;display:block; text-transform:capitalize;}
.n_box .nav1 ul li:hover ul{ display:block;}
.n_box .nav1 ul ul li a:hover{ opacity:0.5; transition:0.4s; margin-left:10px;}
.n_box .h_nav1{ width:50px; height:50px; overflow:hidden; float:right; background:#FFF url(../images/nav_line1.png) no-repeat center center;}


.about{ overflow:hidden; height:auto; padding:45px 0; background:url(../images/a_bg.png) no-repeat 60% top;}

.about ul{ margin:0; padding:0;}
.about ul li{ line-height:25px; position:relative; padding:5px 0;}
.about ul li a{ color:#1a1a1a; display:block; margin-left:20px;}
.about ul li a:before{ position:absolute; content:" "; background:#c1272d; height:6px; width:6px; top:15px; left:0;}




.i_desc_01{ height:auto; overflow:hidden;  background:rgba(244,244,244,1); margin:0 0 50px;}
.i_desc_01 .i_d_pic{ width:60%; float:left;}
.i_desc_01 .i_d_pic img{ max-width:100%; margin:0; padding:0;}

.i_desc_01 .i_d_title{ color:#c1272d; font-size:36px; font-weight:bold; padding-bottom:20px; text-transform:uppercase;}
.i_desc_01 font{ display:block; line-height:28px;}

.i_desc_01 a{ transition:0.5s; font-size:18px; display:block; width:160px; height:50px; line-height:50px; background:#c1272d; margin:5% 0 0; text-align:center; color:#FFF; border-radius:4px; text-transform:capitalize; font-style:normal;}
.i_desc_01 a:hover{ opacity:0.8; transition:0.5s;}


.i_desc_02{ height:auto; overflow:hidden;  background:rgba(193,39,45,1); margin:0 0 50px; color:#FFF;}

.i_desc_02 .i_d_pic1{ width:60%; float:right;}
.i_desc_02 .i_d_pic1 img{ max-width:100%; margin:0; padding:0;}

.i_desc_02 .i_d_title{ font-size:36px; font-weight:bold; padding-bottom:20px; text-transform:uppercase; }
.i_desc_02 font{ display:block; line-height:28px;}
.i_desc_02 a{ transition:0.5s; font-size:18px; display:block; width:160px; height:50px; line-height:50px; background:#ffffff; margin:5% 0 0; text-align:center; color:#c1272d; border-radius:4px; text-transform:capitalize; font-style:normal;}
.i_desc_02 a:hover{ opacity:0.8; transition:0.5s;}


.i_box_a,.i_box_c{width:29%; float:right; padding:120px 5% 0;}
.i_box_b,.i_box_d{width:29%; float:left; padding:120px 5% 0;}


.footer{ height:auto; overflow:hidden; background:#f4f4f4; border-top:5px solid #c1272d; padding:55px 10% 45px;}
.footer .f_t{ font-size:38px; color:#c1272d; padding:0 0 15px;}
.footer ul{ margin:0 auto; padding:0;}
.footer ul li{ line-height:28px; padding:2px 10% 5px 0; width:80%; height:auto; overflow:hidden;}
.footer ul li a{color:#1a1a1a; font-size:20px;}
.footer ul li:first-child a{ font-weight:bold;}


.footer_red{ height:auto; overflow:hidden; background:#c2272d; border-top:5px solid #1a1a1a; padding:55px 10% 45px;}
.footer_red .f_t{ font-size:50px; color:#FFF; padding:0 0 15px; }
.footer_red ul{ margin:0 auto; padding:0;}
.footer_red ul li{ line-height:28px; padding:2px 10% 5px 0; width:80%; height:auto; overflow:hidden;}
.footer_red ul li a{color:#FFF; font-size:20px;}
.footer_red ul li:first-child a{ font-weight:bold;}





@media (max-width:1800px){
	.i_box_a,.i_box_c{ padding:100px 5% 0;}
	.i_box_b,.i_box_d{ padding:100px 5% 0;}
}
@media (max-width:1680px){
	.i_box_a,.i_box_c{ padding:80px 5% 0;}
	.i_box_b,.i_box_d{ padding:80px 5% 0;}
}
@media (max-width:1500px){
	.i_box_a,.i_box_c{ padding:60px 5% 0;}
	.i_box_b,.i_box_d{ padding:60px 5% 0;}
}

@media (max-width:1440px){
	.i_box_a,.i_box_c{width:36%; padding:50px 2% 0;}
	.i_box_b,.i_box_d{width:36%; padding:50px 2% 0;}
}
@media (max-width:1320px){
	.i_box_a,.i_box_c{ font-size:18px;}
	.i_box_b,.i_box_d{ font-size:18px;}
	
	.about{ padding:35px 0;}
    .i_desc_01,.i_desc_02{ margin:0 0 35px;}
	
}
@media (max-width:1230px){
	.shipin{ height:580px;}
	.i_desc_01 font,.i_desc_02 font{ line-height:24px;}
	
}
@media (max-width:1160px){
	.i_desc_01 .i_d_title,.i_desc_02 .i_d_title{ font-size:28px; padding-bottom:15px;}
	.i_desc_01 font,.i_desc_02 font{ line-height:22px;}
	
	
}
@media (max-width:1135px){
	.i_desc_01 .i_d_pic,.i_desc_02 .i_d_pic1{ width:50%;}
	.i_box_a,.i_box_c{width:44%; padding:35px 2% 0; font-size:16px;}
	.i_box_b,.i_box_d{width:44%; padding:35px 2% 0; font-size:16px;}
	.i_desc_01 a,.i_desc_02 a{ margin-top:3%; height:40px; line-height:40px; font-size:18px; width:130px;}
	.about ul li a{ font-size:18px;}
}
@media (max-width:1080px){
	.i_box_a,.i_box_c{ padding:25px 2% 0;}
	.i_box_b,.i_box_d{ padding:25px 2% 0;}
	.i_desc_01 .i_d_title,.i_desc_02 .i_d_title{ font-size:28px; padding-bottom:15px;}
}
@media (max-width:1024px){
	.i_box_a,.i_box_c{ padding:30px 2% 0;}
	.i_box_b,.i_box_d{ padding:30px 2% 0;}
	.i_desc_01 .i_d_title,.i_desc_02 .i_d_title{ font-size:28px; padding-bottom:10px;}
	
	.i_desc_01 font, .i_desc_02 font{ line-height:18px;}
	
	.shipin .sp_font{ top:30%;}
	.shipin{ height:400px;}
	
	.about{ padding:25px 0;}
    .i_desc_01,.i_desc_02{ margin:0 0 25px;}

}



/*Culture页面*/

.com_banner{ width:100%; height:590px; background-repeat:no-repeat; background-position:center top; overflow:hidden; position:relative; z-index:9; top:0; left:0; right:0;}
.com_banner:before{ content:""; position:absolute; z-index:99; width:100%; height:100%; background:rgba(0,0,0,0.1);}
.com_banner .com_b_font{ text-transform:uppercase; position:absolute; z-index:999; left:0; right:0; text-align:center; bottom:15%; font-size:45px; color:#FFF;}

.culture{ height:auto; overflow:hidden; padding:3% 0; line-height:45px;}

.culture .c_box-1{ height:550px; overflow:hidden; background:#e5e5e5;}
.culture .c_box-1 .pic-1{ width:50%;float:left; position:relative; bottom:0; left:0; overflow:hidden; z-index:9;}
.culture .c_box-1 .pic-1 .p_pic{height:auto; overflow:hidden;}
.culture .c_box-1 .pic-1 .p_pic img{}
.culture .c_box-1 .pic-1:before{ content:""; position:absolute; z-index:99; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.culture .c_box-1 .pic-1 .p-1-font{ text-transform:uppercase; font-size:45px; color:#FFF; position:absolute;
 z-index:999; top:44%; left:0; right:0; text-align:center;}
.culture .c_box-1 .desc-1{ width:26%; float:right; padding:9% 12% 0; text-align:center; font-size:36px; font-weight:bold;}


.culture .c_box-2{ height:550px; overflow:hidden; background:#FFF;}
.culture .c_box-2 .pic-2{ width:50%; height:auto; overflow:hidden; float:right; position:relative;}
.culture .c_box-2 .pic-2 .p_pic{ height:auto; overflow:hidden;}
.culture .c_box-2 .pic-2 .p_pic img{}
.culture .c_box-2 .pic-2:before{ content:""; position:absolute; z-index:99; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.culture .c_box-2 .pic-2 .p-2-font{text-transform:uppercase; font-size:45px; color:#FFF; position:absolute; z-index:999; top:44%; left:0; right:0; text-align:center;}
.culture .c_box-2 .desc-2{ width:26%; float:left; padding:9% 12% 0; text-align:center; font-size:36px; font-weight:bold;}


@media (max-width:1600px){
	.com_banner{ height:500px;}
	.culture .c_box-1 .desc-1,.culture .c_box-2 .desc-2{ width:30%; float:left; padding:8% 10% 0;}
}

@media (max-width:1350px){
	.culture .c_box-1 .pic-1 .p-1-font,.culture .c_box-2 .pic-2 .p-2-font{ font-size:45px; top:41%;}
	.culture .c_box-1 .desc-1,.culture .c_box-2 .desc-2{ width:46%; float:left; padding:6% 2% 0; font-size:32px; line-height:40px;}
}




/*产品页面*/


.product_box{ height:auto; overflow:hidden; background:#e5e5e5; padding:50px 0;}
.product_box ul{ margin:0; padding:0; text-align:center;}
.product_box ul li{ width:380px; height:400px; overflow:hidden; float:left; margin-right:30px; margin-bottom:40px; background:#FFF;}
.product_box ul li a{ color:#1a1a1a; display:block;}
.product_box ul li:nth-of-type(3n){ margin-right:0;}
.product_box ul li a .p_pic{ width:380px; height:247px; overflow:hidden;background:#FFF;}
.product_box ul li a .p_pic img{ max-width:100%; transition:0.5s;}
.product_box ul li a font{ display:block;}
.product_box ul li a em{ font-style:normal; font-size:16px; display:block;}
.product_box ul li a .more{ width:250px; height:45px; line-height:45px; background:#c2272d; color:#FFF; font-size:18px; margin:15px auto 0;transition:0.5s;}
.product_box ul li a:hover .more{ background:#1a1a1a; transition:0.5s;}

.product_box ul li a:hover .p_pic img{ transform:scale(1.1,1.1)}
.product_box ul li:hover{ box-shadow:0 0 15px rgba(0,0,0,0.05); transition:0.5s;}




/*产品详情页面*/

.product_detail{ height:auto; overflow:hidden; padding:50px 0;}
.product_detail .p_title{ font-size:40px; color:#c2272d; text-align:center; padding:20px 0 40px;}

.product_detail .p_pic{ width:auto; padding:25px 0;}
.product_detail .p_pic img{ max-width:100%;}



/*Core Strength 页面*/

.core{ height:auto; overflow:hidden; padding:50px 0;}

.core .core_box{ height:auto; overflow:hidden; margin-bottom:40px;}
.core .core_box .core_lt{ width:400px; float:left; text-align:center;}
.core .core_box .core_lt .core_pic{ width:400px; height:275px; overflow:hidden;}
.core .core_box .core_lt .core_pic img{ max-width:100%; transition:0.5s;}
.core .core_box .core_lt font{ display:block; padding:20px 10px; background:#c2272d; line-height:30px; color:#FFF;}

.core .core_box .core_rt{ width:750px; float:right; line-height:30px; padding:20px 0;}

.core .core_box:hover .core_lt .core_pic img{ transform:scale(1.1,1.1)}
.core .core_box:hover .core_lt font{ background:#1a1a1a; transition:0.5s;}




/*team 页面*/
.team_box{ height:auto; overflow:hidden; padding:50px 0;}
.team_title{ width:100%; padding:20px 0; text-align:center; border:1px solid #8a8a8a;}

.team-b{ height:auto;overflow:hidden; position:relative;}
.team-b .hd{ overflow:hidden;  height:61px;}
.team-b .hd .prev{ display:block; width:61px; height:61px; z-index:99999; position:absolute; top:45%; left:0;  background:url(../images/team-lt.png) no-repeat center;}
.team-b .hd .next{ display:block; width:61px; height:61px; z-index:99999; position:absolute; top:45%; right:0;  background:url(../images/team-rt.png) no-repeat center;}


.team-b .bd{ height:auto;  overflow:hidden;}
.team-b .bd ul{ overflow:hidden; zoom:1; text-align:center; }
.team-b .bd ul li{ margin:0; overflow:hidden;}
.team-b .bd ul li .pic{ width:1000px; height:750px; margin:0 auto; }
.team-b .bd ul li .pic img{ max-width:100%; }
.team-b .bd ul li .pic a:hover img{ border-color:#999;  }
.team-b .bd ul li .title{ padding:30px 0;}




/*customers 页面*/

.cust{ height:auto; overflow:hidden; padding:50px 0;}
.cust .cust-box-1{ height:auto; overflow:hidden; padding:10px 0 40px; text-align:center; line-height:30px;}

.cust .cust-box-2{ height:auto; overflow:hidden; padding:20px 0; background:#c2272d;}
.cust .cust-box-2 img{ max-width:100%;}



.cust-b{ height:auto;overflow:hidden; position:relative;}
.cust-b .hd{ overflow:hidden;  height:61px;}
.cust-b .hd .prev{ display:block; width:61px; height:61px; z-index:99999; position:absolute; top:45%; left:0;  background:url(../images/team-lt.png) no-repeat center;}
.cust-b .hd .next{ display:block; width:61px; height:61px; z-index:99999; position:absolute; top:45%; right:0;  background:url(../images/team-rt.png) no-repeat center;}


.cust-b .bd{ height:auto;  overflow:hidden;}
.cust-b .bd ul{ overflow:hidden; zoom:1; text-align:center; }
.cust-b .bd ul li{ margin:0; overflow:hidden;}
.cust-b .bd ul li .pic{ width:1000px; height:735px; margin:0 auto; }
.cust-b .bd ul li .pic img{ max-width:100%; }
.cust-b .bd ul li .pic a:hover img{ border-color:#999;  }
.cust-b .bd ul li .title{ padding:30px 0;}


.cust_c{ height:auto; overflow:hidden; background:url(../images/cust-pic_bg.jpg) no-repeat center; margin:50px 0;}
.cust_c .c_c_font{ padding:16% 0 6%; color:#FFF; line-height:50px; font-size:35px;}


.cust_d{ height:auto; overflow:hidden; margin:50px 0 0;}
.cust_d ul{ margin:0; padding:0;}	
.cust_d ul li{ float:left; margin:0 2px;}
.cust_d ul li img{ max-width:100%;}



/*operation 页面*/

.operation{ height:auto; overflow:hidden; padding:50px 0;}
.operation .operation-box-1{ height:auto; overflow:hidden; padding:10px 0 40px; line-height:30px;}
.operation .operation-box-1 font{ display:block; text-align:center; color:#c2272d; font-size:40px; padding-bottom:20px;}


.operation .operation-box-2{ height:auto; overflow:hidden;}
.operation .operation-box-2 img{ max-width:100%;}


.operation .operation-box-3{ height:auto; overflow:hidden; padding:50px 0; line-height:30px;}
.operation .operation-box-3 font{ display:block; line-height:35px; text-align:center; color:#c2272d; font-size:40px; padding-bottom:30px;}

.operation_b .operation_font{ width:260px; height:230px; overflow:hidden; float:left; padding:200px 0; line-height:60px; background:#c2272d; color:#FFF; text-align:center; font-size:45px;}

.operation_b{ height:auto; overflow:hidden; margin:30px 0; }
.operation_b .hd{ width:336px; height:630px; overflow:hidden; float:left; background:#f4f4f4; margin:0 2px; }
.operation_b .hd ul{ margin:0; padding:40px 0;}
.operation_b .hd ul li{ height:auto; overflow:hidden; line-height:30px; padding:12px 15px;}
.operation_b .hd ul li.on{ background:#565455; color:#FFF;}

.operation_b .bd{ width:600px; height:630px; overflow:hidden; float:right;}
.operation_b .bd ul{ margin:0; padding:0; }
.operation_b .bd li{ height:600px; height:630px; }



/*历史 页面*/



.history{ height:auto; overflow:hidden; margin:50px 0;}

.his-1{ height:auto; overflow:hidden;}
.his-1 .his-1-t{ font-size:40px; color:#c2282e; padding:15px 0 40px;}
.his-1{ height:auto; overflow:hidden; position:relative; }
.his-1 .hd{position:relative; height:40px; line-height:40px; }
.his-1 .hd ul{position:absolute; left:0; z-index:9;}
.his-1 .hd ul li{ float:left; padding:0 50px; cursor:pointer;}
.his-1 .hd ul li font{ display:block; line-height:34px;}
.his-1 .hd ul li em{ display:block; width:12px; height:12px; background:#FFF; border:4px solid #d8d8d8; border-radius:100%; margin:10px auto;}
.his-1 .hd ul li.on em{ border:4px solid #c2272e;}

.his-1 .hd .line{ position:absolute; left:0; top:48px; width:100%; height:1px; background:#d8d8d8; z-index:1;}

.his-1 .bd ul{ margin:0; padding:50px 0;}
.his-1 .bd ul li{line-height:28px;}





.his{ height:auto; overflow:hidden; padding:3% 0; line-height:45px;}

.his .h_box-1{ height:500px; overflow:hidden; background:#e5e5e5;}
.his .h_box-1 .pic-1{ width:50%;float:left; position:relative; bottom:0; left:0; overflow:hidden;}
.his .h_box-1 .pic-1 .p_pic{ height:auto; overflow:hidden;}
.his .h_box-1 .pic-1 .p_pic img{}
.his .h_box-1 .pic-1:before{ content:""; position:absolute; z-index:99; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.his .h_box-1 .pic-1 .p-1-font{ text-transform:uppercase; font-size:45px; color:#FFF; position:absolute;
 z-index:999; top:44%; left:0; right:0; text-align:center;}
.his .h_box-1 .desc-1{ width:26%; float:right; padding:12% 12% 0; text-align:center; font-size:36px; font-weight:bold;}


.his .h_box-2{ height:500px; overflow:hidden; background:#FFF;}
.his .h_box-2 .pic-2{ width:50%; height:auto; overflow:hidden; float:right; position:relative;}
.his .h_box-2 .pic-2 .p_pic{ height:auto; overflow:hidden;}
.his .h_box-2 .pic-2 .p_pic img {}
.his .h_box-2 .pic-2:before{ content:""; position:absolute; z-index:99; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.his .h_box-2 .pic-2 .p-2-font{ text-transform:uppercase; font-size:45px; color:#FFF; position:absolute; z-index:999; top:44%; left:0; right:0; text-align:center;}
.his .h_box-2 .desc-2{ width:26%; float:left; padding:12% 12% 0; text-align:center; font-size:36px; font-weight:bold;}
.his .h_box-2 .desc-2 font{ display:block; font-size:18px; padding:10px 0; line-height:26px;}

@media (max-width:1600px){
	.com_banner{ height:500px;}
	.his .h_box-1 .desc-1,.his .h_box-2 .desc-2{ width:30%; float:left; padding:12% 10% 0;}
	.his .h_box-1 .pic-1 .p-1-font,.his .h_box-2 .pic-2 .p-2-font{ font-size:45px;}
}


.his_pic{ height:auto; overflow:hidden;}
.his_pic ul{ margin:0; padding:0;}	
.his_pic ul li{ float:left; margin:0 1.5%; width:30%; height:380px; position:relative;}
.his_pic ul li a{ color:#1a1a1a; display:block; font-size:30px; transition:0.5s;}
.his_pic ul li a:before{ content:""; position:absolute; width:100%; height:100%; left:0; right:0; top:0; z-index:9; background:rgba(0,0,0,0.2);}

.his_pic ul li a:hover:before{background:rgba(194,39,45,0.8);transition:0.5s;}

.his_pic ul li a font{ display:block; position:absolute; left:0; right:0; top:45%; z-index:99; text-align:center;}
.his_pic ul li a:hover{ color:#FFF;}





.eng{ width:166px; height:45px; line-height:45px; border:3px solid #FFF; text-align:center; margin-top:40px;}
.eng a{color:#FFF; font-weight:bold; font-size:18px;}