@charset "utf-8";

/**{ margin:0; padding:0;}
.clear{ clear:both;}

img{ border:none;}

ul,li{ list-style:none;}

a{ text-decoration:none;}
html,body{ font-family:"Arial"; color:#272727; font-size:12px; background-color:#ffffff;overflow-x:hidden;}



body a{outline:none;blr:expression(this.onFocus=this.blur());}*/


html{color:#000; background:#FFF; font-family: 'Arial'; width: 100%; overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
body { width:100%;background:#FFF;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{ font-size:inherit; font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231;}
select,input,button,textarea,button{font:99%;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{ *font-size:108%;line-height:100%;}
i,em,b { font-style: normal; font-weight: normal;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

a { color:#666; text-decoration:none;  blr:expression(this.onFocus=this.blur())}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover {text-decoration:none;}
p { white-space: normal; letter-spacing: normal; }
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}




@font-face {
  font-family:"Verdana";
  src: url("../fonts/Verdana.woff") format("woff"),
 
       url("../font/Verdana.eot") format("embedded-opentype"),
       url("../font/Verdana.otf") format("opentype");
}

@media screen and (max-width:1860px){
.content{ width:96%; margin:auto;}
}

/*header*/

.header_content{ width:100%; height:100px; background:rgba(255,255,255,0.95);border-bottom:1px solid #ccc; position:fixed; top:0; left:0; z-index:999; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.header{ max-width:1860px; margin:0 auto 0 auto; }

.header img.logo{ display:block; float:left; margin:10px 0 0 20px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; width:188px; }

.nav_content{ float:right;  margin-top:40px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; }
.nav_content ul li{ float:left; font-size:14px; padding-bottom:10px; letter-spacing:1.5px; margin:0 30px; text-transform:uppercase;}
.nav_content ul li a{ color:#676767; padding-bottom:10px;}
.nav_content ul li a:hover{ color:#002b61; border-bottom:1px solid #676767;}
.nav_content ul li a.cur{ border-bottom:1px solid #676767;}

.fixedhead{ height:70px;}

.fixedhead .header img.logo{ width:140px; height:auto; margin:5px 0 0 20px;}

.fixedhead .nav_content{margin-top:25px; }
@media screen and (max-width:1200px){
.header_content{ height:80px;}

.header img.logo{ width:140px; height:auto;}
.nav_content{ margin-top:30px; }

.nav_content ul li{ margin:0 18px;}
}
/*手机导航*/
.header2 { width:100%; height:5vh; background:rgba(0,43,97,1); color:#dcdcdc; position:fixed; padding:1.5vh 0; overflow:hidden; z-index: 998; display:none;}
.header2 img { height:4vh; display:block; margin:0 auto;}
.header2 .top_dh { width:20%; float:left;position: relative;top: 50%;transform: translateY(-50%); }
.header2 .mobile_logo { width:60%; display:block; float:left; text-align:center; color:#FFF; font-size:3vh; font-weight:normal;position: relative;top: 50%;transform: translateY(-50%); }

.header2 .mobile_logo img { height:5.5vh;}
.header2 .mobile_logo a { color:#FFF;}
.header2 .top_ss { width:20%; float:left;position: relative;top: 50%;transform: translateY(-50%); }


.nav_bg_m { position:fixed; left:-50%; width:50%; height:91vh; overflow-x:hidden; top:0; z-index:997; background:url(../images/mobile_bg.jpg) no-repeat center center;
 -webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
  background-size:cover;
   padding-top:9vh;

}
.nav_gb_m { position:fixed; right:-100%; width:50%; height:91vh; overflow-x:hidden; top:0; z-index:997; background:rgba(0,0,0,0.8);
 -webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
   background-size:cover;    padding-top:9vh;
}
.nav_gb_m img{ width:32px; z-index:9999; right:5vw; top:12vh; position:absolute;}
.mobile_logo2 { width:80%;    margin: 3vh auto 2vh auto;}
.mobile_logo2 img { width: 70%; margin:0 auto; display:block;}
.nav { display:block; width:100%; text-align:center; overflow:hidden;}
.nav li { width: 90%;display: block;float: left;height: 5.5vh;line-height: 5.5vh;position: relative;font-size: 16px;padding: 0 5%; letter-spacing:1px; text-transform:uppercase;}
.nav li a { color:#eeeeee;  width: 100%;}
.nav li a.cur { color:#fabe00;}



@media screen and (max-width:900px){
	
.header_content{ display:none;}
.header2{ display:block;}
	
}

/*banner*/
.banner_content{ width:100%;}
.banner{ width: 100%;}
	
.banner img{ width:100%; height:auto;}

.banner img.mbanner{ display:none;}
@media screen and (max-width:900px){
.banner img.pcbanner{ display:none;}
.banner img.mbanner{ display:block;}
.banner .swiper-button-next,.banner .swiper-button-prev{ display:none;}
}


/*about*/
.about_content{ max-width:1860px; margin:4.3% auto 0 auto;}

.about_left_content{ width:32%; float:left; background:url(../images/ubg.png) no-repeat left top; padding:2.5% 0 0 5.5%; box-sizing:border-box;-webkit-box-sizing: border-box; margin-left:2%;}


.about_left_content h3{ font-size:46px; line-height:1.1em; letter-spacing:1px; font-weight:normal;font-family:"Verdana"; color:#182040; text-transform:uppercase;}
.about_left_content p{ font-size:20px; line-height:1.5em; text-transform:capitalize; color:#182040; margin-top:3%;}

.about_right_content{ width:65%; float:right; margin-top:1.5%;}

.about_left_word,.about_right_word{ width:46%; float:left; margin-left:4%; }

.about_left_word p,.about_right_word p{ /*text-align:justify;text-justify:inter-ideograph;*/ letter-spacing:1px; font-size:16px; color:#9094a3; line-height:1.8em; }



@media screen and (max-width:1860px){
.about_left_content{ margin-left:0;
}
.about_right_content{ margin-top:0%;}

}

@media screen and (max-width:1300px){
.about_left_content{ width:30%;}
.about_right_content{ width:68%;}

}

@media screen and (max-width:1100px){
	
.about_left_content{ width:100%; background-size:100px; padding:0 0 0 30px; margin-bottom:3%;}
.about_left_content h3 br{ display:none;}

.about_left_content h3{ font-size:40px; line-height:1.1em; letter-spacing:1px; font-weight:normal;}

.about_left_content p{ font-size:25px; margin-top:0.7%;}

.about_right_content{ width:100%;}
.about_left_word,.about_right_word{ width:100%; float:none; margin:0 0 0 0; background:#eff1f3; padding:20px; box-sizing:border-box;-webkit-box-sizing: border-box; }

.about_right_word{ padding-top:0;}

.about_left_word p,.about_right_word p{font-size:16px; line-height:1.7em; color:#737373; }
}

@media screen and (max-width:600px){

.about_content{ margin:6% auto 0 auto;}

.about_left_content{background-size:14vw; margin-bottom:5%;}
.about_left_content h3{ font-size:6vw; line-height:1.1em;}
.about_left_content p{ font-size:3.8vw; margin-top:1%;}

.about_left_word,.about_right_word{  padding:15px;  }	
.about_right_word{ padding-top:0;}
.about_left_word p,.about_right_word p{font-size:15px; line-height:1.6em; }	
}



/*product*/

.product_content{ max-width:1860px; margin:4.3% auto 0 auto;}

.product_content ul li{ width:32.6%; float:left; margin:0 1.1% 1.1% 0; position:relative;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; overflow:hidden; }

.product_content ul li img.productimg{ width:100%; height:auto; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 1.1s ease-out 0s;-webkit-transition: all 1.1s ease-out 0s; -moz-transition: all 1.1s ease-out 0s; -mo-transition: all 1.1s ease-out 0s; display:block;}

.product_content ul li:nth-child(3n){ margin-right:0;}
.product_content ul li .blue_bg{ width:100%; height:100%; background:rgba(0,43,97,0.5); position:absolute; left:0; top:0;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; opacity:1;}

.product_content ul li i{ position:absolute;   left:50%;
        top:35%;
        transform: translate(-50%,0%); 
        -ms-transform: translate(-50%,0%);
        -webkit-transform: translate(-50%,0%);
        -o-transform: translate(-50%,0%);
        -moz-transform: translate(-50%,0%); -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; opacity:1; }
.product_content ul li h3{ position:absolute; font-weight:normal; font-family:"Verdana"; left:50%;
        bottom:28%;
        transform: translate(-50%,0%); 
        -ms-transform: translate(-50%,0%);     -webkit-transform: translate(-50%,0%);         -o-transform: translate(-50%,0%); 
        -moz-transform: translate(-50%,0%); font-size:32px; text-transform:uppercase; color:#fff; letter-spacing:1px; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; opacity:1; text-align:center; width:90%; }
.product_content ul li:hover i{ top:0; opacity:0; }
.product_content ul li:hover h3{ bottom:0; opacity:0; }
.product_content ul li:hover .blue_bg{  background:rgba(0,43,97,0);}

.product_content ul li:hover img.productimg{ransform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 1s ease-out 0s; -webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s 
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

@media screen and (max-width:1640px){
.product_content ul li i{ top:30%;}

.product_content ul li h3{ bottom:25%;}
}

@media screen and (max-width:1560px){
.product_content ul li i{ top:25%;}

.product_content ul li h3{ bottom:20%;}
}

@media screen and (max-width:1400px){
.product_content ul li i{ top:25%;}

.product_content ul li h3{ bottom:20%;font-size:25px;}
.product_content ul li i img{ width:55px; height:auto;}
}

@media screen and (max-width:1100px){


.product_content ul li h3{ bottom:15%;font-size:22px;}
.product_content ul li i img{ width:50px; height:auto;}
}

@media screen and (max-width:900px){
	.product_content ul li{ width:49%; float:left; margin:0 2% 2% 0;  }
.product_content ul li:nth-child(3n){ margin-right:2%;}
.product_content ul li:nth-child(2n){ margin-right:0;}

}

@media screen and (max-width:600px){
	.product_content{ margin-top:6%;}
	
	.product_content ul li h3{ bottom:10%;font-size:3.7vw;}
.product_content ul li i img{ width:8vw; height:auto;}
.product_content ul li i{ top:20%;}
}


/*rd*/

.rd_content{ width:100%; margin:3.2% auto 0 auto;border-top:1px solid #a4a5a5;border-bottom:1px solid #a4a5a5;}

.rdnext{ width:16px; height:27px; background:url(../images/right_jian.png) no-repeat; position:absolute; top:50%; margin-top:-13.5px; right:3%;z-index:99;}
.rdprev{width:16px; height:27px; background:url(../images/left_jian.png) no-repeat; position:absolute; top:50%; margin-top:-13.5px; left:3%; z-index:99;}

.rd_left{ width:58%; float:left; overflow:hidden; position:relative;}

.rd_left .rd_bg{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,43,97,0.3);}
.rd_left img{ width:100%; height:auto; display:block;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 1.1s ease-out 0s;-webkit-transition: all 1.1s ease-out 0s; -moz-transition: all 1.1s ease-out 0s; -mo-transition: all 1.1s ease-out 0s;}

.rd_left:hover img{ransform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 1s ease-out 0s; -webkit-transition: all 1s ease-out 0s;-moz-transition: all 1s 
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.rd_right{ width:42%; float:right; height:100%; box-sizing:border-box; }
.rd_right_word{ width:560px; overflow:hidden; margin:0 auto 0 auto; text-align:center; margin-top:18%; /*transform: translate(0,-50%); 
        -ms-transform: translate(0,-60%);     -webkit-transform: translate(0,-50%);         -o-transform: translate(0,-50%); 
        -moz-transform: translate(0,-50%);*/ }

.rd_right h4,.gs_news_word h4{ font-size:16px; letter-spacing:1px; text-transform:uppercase; font-weight:normal; color:#fabe00; line-height:1.5em;}
.rd_right h3,.gs_news_word h3{ font-size:37px; line-height:1.5em; letter-spacing:1px; font-weight:normal; color:#002b61;font-family: "Verdana"; text-transform:uppercase;}

.rd_right p{ font-size:16px; line-height:1.8em; letter-spacing:0.5px; margin-top:1.5%;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;overflow: hidden;}

.rd_right h6{ width:144px; height:49px; margin:8% auto 0 auto; box-sizing:border-box;-webkit-box-sizing: border-box; background:#002b61; line-height:49px; color:#fff; font-weight:normal; text-transform:capitalize;font-family: "Verdana"; font-size:16px; letter-spacing:0.5px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; }

.rd_right h6:hover{ background:#fabe00; color:#002b61; margin-top:6%;}


@media screen and (max-width:1400px){
.rd_right_word{ width:90%; margin-top:15%;}
}


@media screen and (max-width:1300px){
.rd_right_word{ width:90%; margin-top:12%;}
}


@media screen and (max-width:1100px){
.rd_right_word{ margin-top:10%;}
.rd_right h3,.gs_news_word h3{ font-size:24px;}
.rd_right h6{ width:100px;height:40px; line-height:40px; margin-top:4%; font-size:14px;}
}

@media screen and (max-width:900px){
.rd_content{ width:96%; border:none;}
.rd_left{ width:100%;}
.rd_right{ width:100%;}
.rd_right_word{ width:100%; text-align:left; margin-top:3%;}
.rd_right h6{ margin:3% 0 0 0; text-align:center; width:100%; background:none; border:1px solid #002b61; color:#002b61; box-sizing:border-box; width:99.5%;}

.rdnext{  top:23vw; }
.rdprev{top:23vw;}

.rd_right p{  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;overflow: hidden;}
}

@media screen and (max-width:600px){
.rd_content{ margin-top:4.9%;}
.rd_right h3,.gs_news_word h3{ font-size:5.5vw;}
.rd_right h4,.gs_news_word h4{ font-size:3.8vw;}
.rd_right p{ font-size:15px; line-height:1.5em;}	
.rd_right h6{ height:35px; line-height:35px;}

.rd_right h6:hover{margin-top:3%;}
}


/*news*/
.news_content{ width:100%; overflow:hidden; margin:4.3% auto 0 auto;}
.gs_content{ width:49.5%; float:left;


background: url(../images/gs_newsbg.jpg) no-repeat center center;


}
.hy_content{ float:right;background: url(../images/gs_newsbg2.jpg) no-repeat center center; }

.gs_bg{ width:100%; background:rgba(0,43,97,0.7);-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; padding:6% 0; }

.gs_content:hover .gs_bg,.hy_content:hover .gs_bg{background:rgba(0,43,97,0.9); }



.gs_news_word{ width:670px; margin:0 auto 0 auto;}
.gs_news_word h3{ color:#fff; margin-bottom:4%; }
.gs_news_word h4{ color:#fff;}

.gs_news_word ul li{ width:100%; margin-top:2%;}
.gs_news_word ul li:first-child{ margin-bottom:4%;}
.gs_news_word ul li h5{ font-size:22px; line-height:1.5em; font-weight:normal; color:#fff;text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;}

.gs_news_word ul li h5 i{ margin-right:15px; margin-left:3px;}

.gs_news_word ul li h5 i img{
-moz-transition: all .8s ease-in-out;
-webkit-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;}

.gs_news_word ul li h6{ font-weight:normal; color:#fff; letter-spacing:1px; font-size:14px; line-height:1.5em; margin-top:15px;}
.gs_news_word ul li p{ font-size:16px; line-height:1.5em; color:#fff; margin-top:6px; height:48px; overflow:hidden;}

.gs_news_word ul li:hover h5 i img{-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);}

@media screen and (max-width:1450px){
.gs_news_word{ width:92%;}
}

@media screen and (max-width:1100px){
.gs_news_word ul li h5{ font-size:18px;}
}

@media screen and (max-width:900px){
	.news_content{ margin-top:6%;}
.gs_content{ width:100%; }
.hy_content{margin-top:3%;}
.gs_news_word{ width:96%;}

.gs_bg{ background:rgba(0,43,97,0.8); padding:6% 0; }

.gs_news_word ul li h5{text-overflow: none;
white-space:normal;
overflow:auto; }
}


@media screen and (max-width:600px){
	
.gs_news_word ul li p{ font-size:15px; line-height:1.5em; color:#fff; margin-top:4px; height:44px; overflow:hidden;}

.gs_news_word ul li h5{ font-size:4.2vw;}
.gs_news_word ul li h5 i{ margin-top:2px;}

}


/*footer*/
.footer_content{ width:100%; background:#1b1b1b; padding:3% 0 3% 0;}
.footer{max-width:1770px; margin:0 auto 0 auto;}
.footer_left{ width:31%; float:left;}
.footer_left img{width: 190px;}
.footer_left h3{ font-weight:normal; font-size:16px; color:#fff; text-transform:uppercase; letter-spacing:1px; margin-top:6%; line-height:1.5em;}

.footer_left p{ font-size:16px; line-height:1.5em; color:#a4a5a5; letter-spacing:1px; margin-top:3%;}

.footer_right{ width:65%; float:right; margin-top:2%;}

.footer_nav{ float:left;width:18%; margin-left:2%; overflow:hidden;}
.footer_nav h3{ font-weight:normal; font-size:22px; color:#fff; letter-spacing:1px;  text-transform:uppercase; line-height:1.5em;}
.footer_nav ul{ width:100%; margin-top:15%;}

.footer_nav ul li{ font-size:16px; text-transform:capitalize; letter-spacing:1px; line-height:1.2em; margin-top:5%;}
.footer_nav ul li a,.footer_bottom p a{ color:#a4a5a5;}
.footer_nav ul li a:hover,.footer_bottom p a:hover{ color:#fabe00;}


.footer_right .footer_nav:nth-child(2){ width:20%;}
.footer_right .footer_nav:nth-child(4){ width:16%;}


.footer_bottom{ width:100%; margin-top:4%;}
.footer_bottom h6{ font-weight:normal; font-size:20px; line-height:2em; border-bottom:1px solid #5e5e5e; color:#fff; letter-spacing:1px;}

.footer_bottom p{ font-size:16px; letter-spacing:1px; color:#a4a5a5; line-height:1.5em; margin-top:15px;}

.footer_bottom p span{ margin-left:6%;}



@media screen and (max-width:1770px){
	.footer{ width:98%; margin:0 auto 0 auto;}
}

@media screen and (max-width:1500px){
.footer_right{ width:68%;}
.footer_nav h3{ font-size:18px;}
}

@media screen and (max-width:1300px){
.footer_right{ width:69%;}
.footer_nav ul li{ font-size:15px;}
}

@media screen and (max-width:1200px){
.footer_right .footer_nav:nth-child(4){ display:none;}
.footer_nav{ width:23%;}
.footer_right .footer_nav:nth-child(2){ width:23%;}

.footer_left img{ display:block; max-width:50%; height:auto;}
}

@media screen and (max-width:1100px){


.footer_left h3{ font-size:14px;}
.footer_left p{ font-size:14px;}

.footer_bottom h6{ font-size:15px;}
.footer_bottom p{ font-size:14px;}

}

@media screen and (max-width:900px){

.footer_content{    padding: 5% 0 5% 0;}
.footer{ width:96%;}
.footer_right{ display:none;}

.footer_left{ width:100%;}
.footer_left img{ max-width:20%; min-width:100px;}
.footer_left h3{ margin-top:15px;}

.footer_left p{ margin-top:10px;}
.footer_bottom p span{ display:block; margin-left:0;}
.footer_bottom{ margin-top:2%;}
}


/*xuanfu footer*/

.xf_hei{width:100%; height:10vh; float:left; overflow:hidden; display:none; }
.xf_dh { width:100%; height:10vh; float:left; overflow:hidden; background:rgba(0,43,97,1);  position:fixed; bottom:0; left:0; z-index:998; display:none;}
.xf_dh li { width:20%; height:100%; display:block; float:left; background-size:4.5vh;text-transform: uppercase;}
.xf_dh li a { display:block; padding-top:6.5vh; height:4vh; line-height:3vh; text-align:center; color:#FFF; font-size:1.6vh;}
.xf_dh_a { background:url(../images/xf_dh_a.png) no-repeat center 1.4vh;}
.xf_dh_b { background:url(../images/xf_dh_b.png) no-repeat center 1.4vh;}
.xf_dh_c { background:url(../images/xf_dh_c.png) no-repeat center 1.4vh;}

.xf_dh_d { background:url(../images/xf_dh_d.png) no-repeat center 1.4vh;}
.xf_dh_e { background:url(../images/xf_dh_e.png) no-repeat center 1.4vh; }

@media screen and (max-width:900px){

.xf_hei{ display:block;}
.xf_dh{ display:block;}
}