@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{ margin:0; padding:0; }
em,i { font-style:normal; }
li { list-style:none; }
a {text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
a:focus{text-decoration: none;outline: none;}
/*img { border:none; vertical-align:middle; max-width:100%;max-height:100%;}*/
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body{font-size:12px; font-family:"";overflow-x:hidden;min-width: 1200px; }


/* public */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.img_box img{vertical-align:middle;border:none;display:inline-block;}
.main{width:100%; max-width:1200px; margin:0 auto;}
h1,h2,h3,h4,h5{font-weight:normal;}
.fixed{position:fixed;left:0;top:0;z-index:999;}
.btn{font-family: '';cursor:pointer;}
.bl{display:inline-block;float:left;}
.br{display:inline-block;float:right;}
.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}

.por{position: relative;}
.poa{position: absolute;}


.banner{position:relative;}
.banner img{width:100%;}
.banner .hd{width:100%;padding:20px 0;text-align:center;position:absolute;left:0;bottom:0;}
.banner .hd ul{display:inline-block;}
.banner .hd ul li{width:30px;height:8px;display:inline-block;float:left;background:#b1afb0;margin:0 6px;cursor:pointer;text-indent:-9999px;border-radius:25px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.banner .hd ul li.on{background:#0ea7f3;width:60px;}
.banner .banner_prev,
.banner .banner_next{border-radius:100px;opacity:.4;width:50px;height:50px;color:#fff;line-height:50px;display:inline-block;position:absolute;top:45%;cursor:pointer;background:rgba(0, 0, 0, .4);font-size:38px;font-family: '';font-weight:bold;text-align:center;}
.banner .banner_prev{left:120px;}
.banner .banner_next{right:120px;}
.banner .banner_prev:hover,
.banner .banner_next:hover{opacity:1;}

.btxt{ width:1000px; height:400px; margin:-400px auto 0; position: relative;}
.btxt h2{ font-size:32px; line-height:45px; position:absolute; left:0; top:0; color:#fff; letter-spacing:6px; display:block;}
.btxt h4{ font-size:14px; line-height:30px; position:absolute; left:0; top:45px; color:#fff; letter-spacing:1px; display:block;}

.bannero{width:100%;max-width:1920px;height:auto;}
.bannero img{width:100%;}


.header{background:#fff;}
.header_box{height:100px;position:relative;}
.header_box h1{height:65px; line-height:65px; display:inline-block; float:left; padding-top:17px;}
.header_box .r_box{width:900px; float:right; display:inline-block;}
.header_box .search_box{padding-top:10px;}
.header_box .search_box .en{height:28px; line-height:28px; display:inline-block; font-size:12px; color:#707070; float:right;  /*background:url(../images/en_bg.png) no-repeat right center;*/}
.header_box .search_box span{display: inline-block;vertical-align: middle;}
.header_box .search_box span img{display: block;}
.header_box .search_box span.lang{margin-left: 5px;color: #000;font-size: 16px;}
.header_box .guoji{display: inline-block;float: right;margin:0px 5px 0 0;padding-right: 10px;font-size: 20px;background-image: -webkit-linear-gradient(bottom,#003190,#f36363,#dc070d);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;letter-spacing: 1px;line-height: 1em;border-right: 1px solid #e3e3e3;transition: all .3s linear;}
.header_box .guoji:hover{transform: translateY(-5px);}
.header .search_box form{width:180px;height:28px; position:relative;float:right;margin-right:10px;}
.header .search_box input.text{width:180px; height:28px; text-indent:10px; background:#f1f1f1; font-size:12px; color:#595959;border-radius:25px;}
.header .search_box input.submit{width:28px; height:28px; position:absolute; right:0; top:0; display:inline-block; background:url(../images/search_btn.png) no-repeat center; cursor:pointer;}
.fxbox{display:inline-block; float:right; margin-top:4px;width:40px;}
.fxbox a.bds_tsina{background:url(../images/fx_tag1.jpg) no-repeat center;}
.fxbox a.bds_weixin{background:url(../images/fx_tag2.jpg) no-repeat center;}
.fxbox .bdshare-button-style0-24 a{margin:10px 0 10px 15px;}
.nav{display:block;float:right;}
.nav ul li{display:inline-block;width:95px; height:50px; line-height:50px;float:left; text-align:center; font-size:16px; color:#000;}
.nav ul li.on,
/*.nav ul li:hover{ background:url(../images/nav_bg.jpg) no-repeat center bottom; }*/
.nav ul li:hover{ color:#0054a7; font-weight:bold; }
.nav li a{display:block;background:url(../images/nav_abg.jpg) no-repeat right center;}


/*foot*/
.w1200 {
    width: 1200px;
    margin: auto;
}
.w800 {
    width: 800px;
    margin: auto;
}
.foot{ position:relative; yborder-top:1px solid #e8e8e8; background-color: #fff; }
.foot .w1200{padding:50px 0 100px;}
.foot .foot-nav{float:left}
.foot .foot-nav dl{float:left; margin-right:36px;}
.foot .foot-nav dt{margin-bottom:10px;color:#000000}
.foot .foot-nav dt a{ font-size:15px;color:#000000;font-weight: bold;}
.foot .foot-nav dd a{line-height:30px;color:#676767;font-size:12px}
.foot .foot-nav dd a:hover{color:#0054a7}

.foot .ewms{float:right;}
.foot .ewms .code{float:left;margin-left:30px;width:283px;text-align:center;margin-bottom: 30px;}
.foot .ewms .code img{display: block;width:283px}
.foot .ewms .code p{margin-top:5px}
.foot .ewms .ali{text-align: right;width: 100%;font-size: 24px;font-weight: bold;color: #e50110;}
.foot .ewms .ali:hover{color: #02489e;text-decoration: underline;}



.copyright{padding:15px 0;font-size:12px;background-color:#0054a7; overflow:hidden; color:#fff;}
.copyright .lefts{width:1000px;}
.copyright .rights{width:180px;text-align:right}
.copyright a:hover{color:#fff}

.bghui{background:#f8f8f8; padding-top:1px;}


.titlen {
  text-align: center;
  color: #0054a7;
  margin: 0 auto ;
	padding-top: 80px;
  font-size: 34px;font-weight: bold;
  line-height: 42px;
}
.textn {
  text-align: center;
  color: #3b3b3b;
  font-size: 16px;
  margin: 15px 0 15px;
  line-height: 22px;
}
.textn-1 {
  display: table;
  height: 24px;
  margin: 0 auto;
  padding: 0 75px;
  color: #333;
  font-size: 16px;
	text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: bold;
  font-family: "";
  line-height: 24px;
  position: relative;font-weight: normal;
  /*margin-bottom: 90px;*/
}
.textn-1:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #acacac;
}
.textn-1 span {
  display: table;
  margin: 0 auto;
  position: relative;
  z-index: 50;
  background: #fff;
  padding: 0 55px;
}


/**/
.main-box {position: relative;width: 1200px; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.index-pro{height:530px;min-width:1200px;}
.index-pro-tit{
    min-width:1200px;
    padding-top:35px;
}
.index-pro-tit .hd2{
    font-size: 0;
    height:105px;
}
.index-pro-tit .hd2 h3{
    width:260px;
    height:55px;
    line-height:55px;
    color:#333;
    border-bottom:2px solid #0054a7;
    display:inline-block;
    float:left;
    font-size:30px;
    font-weight:normal;
}
.index-pro-tit .hd2 h4{
    width:260px;
    height:55px;
    line-height:55px;
    color:#fff;
    border-bottom:2px solid #fff;
    display:inline-block;
    float:left;
    font-size:30px;
    font-weight:normal;
}
.index-pro-tit .hd2 .h_line{
    display:block;
    width:1200px;
    height:1px;
    background:#e8e8e8;
    float:left;
}
.index-pro-tit .hd2 p{
    width:1200px;
    height:50px;
    line-height:50px;
    float:left;
    text-align:left;
    font-size:28px;
    color:red;
    font-family:arial;
    color:#d9d9d9;
}
.index-pro-tit .hd2 ul{
    float:right;
    height:55px;
}
.index-pro-tit .hd2 li{
    display:inline-block;
    *display:inline;
    vertical-align: top;
    height: 55px;
    line-height:55px;
    border-bottom: 3px solid rgba(229, 0, 18, 0);
    font-size:15px;
    color: #8f8f8f;
    margin-left: 25px;
    z-index: 99;
    position: relative;
}
.index-pro-tit .hd2 li a{
    display:inline-block;
}
.index-pro-tit .hd2 li.on,.index-pro-tit .hd2 li:hover{ border-bottom: #e50012 4px solid;color: #393939;}

.index-pro-con{padding-top:22px;}
.index-one-pro-loop{position:relative;height:375px;}
.index-one-pro-loop .hd a {cursor:pointer;z-index: 3; position: absolute;top:50%;width: 47px;height:110px; margin-top: -100px;}
.index-one-pro-loop .prev {left:-40px;background: url(../images/pro_prev.png);}
.index-one-pro-loop .next {right:-40px;background: url(../images/pro_next.png);}
.index-one-pro {float: left;width:375px;margin:0 12px ; font-size: 16px;}
.index-one-pro .pic-box {width:375px;margin: auto; position: relative;}
.index-one-pro .pic-box img {width: 375px;height: 275px;border: 1px solid #ccc;box-sizing: border-box;}


.index-one-pro .pic-box:hover dd {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}
.index-one-pro .pic-box:hover .dd2 {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 0.5;
}
.index-one-pro .pic-box dl dd {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 355px;
  height: 255px;
  padding: 10px;
  -webkit-transform: translateY(-217px);
  transform: translateY(-217px);
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.index-one-pro .pic-box dl dd div {
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
}
.index-one-pro .pic-box dl dd h4 {
  position: absolute;
  /*background: url(/images/c3.png) no-repeat center top;*/
  top: 40%;
  left: 0;
  right: 0;
  font-size: 22px;
  color: #fff;
  text-align: center;

}
.index-one-pro .pic-box dl dd .line3 {
    display: block;
    width: 85px;
    background: #fff;
    height: 2px;
    margin: 133px auto 0;
}
.index-one-pro .pic-box dl dd h5 {
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
}


.index-one-pro .pic-box dl .dd2 {
  background-color: black;
  -webkit-transform: translateY(217px);
  transform: translateY(217px);
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

/**/
.index_brand{ border-bottom: #e8e8e8 1px solid;
    overflow: hidden;
    padding-bottom: 30px;
	}
 .a6 {
  width: 1200px;
  margin: 0 auto;
}
 .a6 i {
  float: left;
  height: 412px;
  width: 1px;
  background-color: #d9d9d9;
  margin: 0 30px;
}
 .a6 div {
  float: left;
  width: 356px;
  cursor: pointer;
}

 .a6 div:hover span i {
  background: url(/images/c7.png) no-repeat;
}
 .a6 div dl {
  position: relative;
  width: 363px;
  overflow: hidden;
}
 .a6 div dl dt {
  width: 363px;
  height: 263px;
}
.a6 div dl dt img {
  height: 263px;
}

 .a6 div:hover dd {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}
 .a6 div:hover .dd2 {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 0.5;
}
 .a6 div dl dd {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 340px;
  height: 243px;
  padding: 10px;
  -webkit-transform: translateY(-217px);
  transform: translateY(-217px);
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
 .a6 div dl dd div {
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
}
 .a6 div dl dd h4 {
  position: absolute;
  padding-top: 54px;
  width: 60px;
  top: 70px;
  left: 50%;
  margin-left: -30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
 .a6 div dl .dd2 {
  background-color: black;
  -webkit-transform: translateY(217px);
  transform: translateY(217px);
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}


 .a6 div span {
  text-align: right;
  font-size: 12px;
  color: #858585;
  display:block;
  line-height: 16px;
  margin: 20px 0 14px 0;
}
  
 .a6 div p:last-child {
  font-size: 13px;
  color: #666666;
  line-height: 1.7;
  margin-top: 20px;
}

 .a6 .tit{font-size:20px; color: #333333; line-height: 64px;height: 64px; overflow: hidden; }
 .a6 .con{height: 56px; font-size: 15px; color: #666666; line-height: 28px; margin: 14px 0 20px; overflow:hidden;text-overflow:ellipsis; }
 .a6 div span em{background: url(../images/eye.png) left center no-repeat; padding-left: 28px;}
 .a6>a{display:inline-block;*display:inline;vertical-align: top;}
 .a6 .tit:hover{color:#0054a7}

/*contact*/
.contacts{padding:40px 0 60px;}
.contacts .tit{font-size:20px;text-align:center;}
.contacts .tit span{color:#0054a7;font-weight:700}
.contacts .box {margin-top:25px;text-align:center;font-size:0}
.contacts .box a{display: inline-block;width:210px;height:40px;padding:15px 0 15px 20px;margin:0 22px;text-align:left;line-height:20px}
.contacts .box a i{float:left;width:40px;height:40px;margin-right:10px}
.contacts .box a .p1{font-size:15px;}
.contacts .box a .p2{font-size:15px;}
.contacts .box a.kf{background-color:#ffffff;border:1px solid #d1d1d1}

.contacts .box a.dh{background-color:#ffffff;border:1px solid #d1d1d1}
.contacts .box a.kf .p1{color:#676767;}
.contacts .box a.kf .p2{color:#676767;}
.contacts .box a.dh .p1{color:#676767;}
.contacts .box a.dh .p2{color:#676767;font-size:20px;font-weight:700}

.contacts .box a.kf .icon_qq{background:url(../images/qq2.png) no-repeat center center;}
.contacts .box a.kf:hover{background-color:#0054a7;border:1px solid #0054a7}
.contacts .box a.kf:hover .p1,
.contacts .box a.kf:hover .p2{color:#fff}
.contacts .box a.kf:hover .icon_qq{background:url(../images/qq1.png) no-repeat center center;}

.icon_global{display:block;background-image: url(../images/icon.png);background-repeat: no-repeat}
.icon_hot{background-position:0 0;}
.icon_wx{background-position:-24px 0;}
.icon_tel{background-position:-48px 0;}
.icon_search{background-position:-72px 0;}
.icon_down{background-position:-96px 0;}
.icon_fh{background-position:-108px 0;}
.icon_kf{background-position:-132px 0;}
.icon_dh{background-position:-172px 0;}

/**/
.banner_nei {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}
.banner_nei img {
    display: block;
    width: 100%;

}

.banner_nei .neirong {
    position: relative;
	width:1200px;
	margin:0 auto;
}
.banner_nei .neirong h4 {
    color: #fff;
    font-size: 40px;
	line-height:40px;
}
.banner_nei .neirong p {
  color: rgba(255,255,255,.8);
    font-size: 16px;
    padding: 10px 0;
    line-height: 16px;
    LETTER-SPACING: 2PX;
}

/**/
.fenlei{ background:#fff; border-bottom:1px solid #bbb;}
.productSeries {
    height: auto;
    overflow: hidden;
    /* text-align: center; */
		text-align: left;
    margin: 10px auto;
	width:1200px;
}
.productSeries li {
    display: inline-block;
    zoom: 1;
    height: 15px;
    line-height: 15px;
    text-align: center;
    margin: 10px 0;
    border-right: 1px solid #aaa;
    padding: 0 25px;
  
}
.productSeries li:last-child{
    
    border-right: 0px solid #aaa;
   
}
.productSeries li:hover a, .productSeries li.on a {
    color: #0054a7;
	 
}

.productSeries li a {
    display: block;
    color: #777;
    font-size: 15px;
}

/**/
.index_about{ background:url(../images/aboutbg.jpg) center center no-repeat;}
.index_about_box{
    margin:0 auto;
    width:1200px;
    min-height:500px;
    position:relative;
}
.index_about_box .about_text{
    width:50%;
	float:left;
}

.index_about_box .about_text p {
    font-size:15px;
    color:#fff;
    line-height:30px;
	text-indent:30px;
}
.index_about_box .about_text a.more{
    width:100px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#e40011;
    border:1px solid #e40011;
    display:inline-block;
	border-radius:5px;
}
.index_about_box .about_text .img{
    padding-top:5px;
}
.index_about_box .about_text .img .pic_box{
float:left; width:180px; margin-right:20px;
}
.index_about_box .about_text .img .pic_box img{
width:100%;
}

.index_about_box .video_box{
    width:536px;
    height:405px;
	position:relative;
    background:#ddd;
    position:absolute;
    top:5px;
	right:20px;
    background:url(../images/video111.jpg) no-repeat left center;
    background-size:cover;

}

.index_about_box .video_btn{
	width:160px;
	height:160px;
	display:inline-block;
	-webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity:.7;
    filter: alpha(opacity=70);
	position:absolute;
	left:50%;
	top:30%;
	margin-left:-80px;
	background:url(../images/video_btn.png) no-repeat center;
}
.index_about_box .video_box:hover .video_btn{
	opacity:1;
    filter: alpha(opacity=100);
}


	 /**/ 
.listpro{margin-top: 45px; width:1228px;} 
.listpro a{position: relative;float: left;width: 377px;margin: 0 28px 28px 0; background:#fff;border: 1px solid #bbb;} 
.listpro a > img{display: block;width: 100%;} 
.listpro a h3{height: 50px;line-height: 50px;font-size: 14px;color: #666; text-align:left; font-weight:normal; padding-left:20px;} 
.listpro a:hover{box-shadow: 2px 2px 5px 0 rgba(100, 100, 100, .2);} 
.listpro a:hover .mask{opacity: .5;filter: alpha(opacity=50);} 
.listpro a:hover .line{opacity: 1;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);filter: alpha(opacity=100);}

/**/
.news_list{ width:1200px; margin:0 auto 0; padding:50px 0;}
.news_list dl{height:212px; width:590px; overflow:hidden; vertical-align:top; margin-bottom:20px; /* border-bottom:1px dashed #ddd; */ float: left;margin-right: 20px; background-color: #fff;box-shadow: 2px 2px 6px #ccc;}
.news_list dl:nth-of-type(2n){margin-right: 0;}
.news_list dl dt{float:left; width:200px; height:205px;overflow:hidden;padding:4px;box-sizing: border-box;margin: 4px;border:1px solid #eee;}
.news_list dl dt a{ width:190px; height:195px;display: flex;align-items: center;overflow: hidden;}
.news_list dl dt img{ display:block;width:190px;max-height:195px;vertical-align: middle; transition: transform 0.3s;}
.news_list dl:hover dt img{transform: scale(1.1);}
.news_list dl dd{float:left; padding-left:20px; width:350px; overflow:hidden;margin-top: 30px;}
.news_list dl dd h4{display:block; font-size:18px; font-weight:normal; height:28px; overflow:hidden; margin-bottom:12px; line-height:28px; padding:4px 6px 0 0;}
.news_list dl dd h4 i{float:left; padding-right:15px; display:none;}
.news_list dl dd h4 a{  height:28px; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;}
.news_list dl dd h4 a:hover{color:#0054a7}
.news_list dl dd p{ display:block;font-size:14px; width:340px; line-height:28px; height:56px; overflow:hidden;text-align: justify;margin-bottom: 10px;}
.news_list dl dd em a{line-height: 28px;text-align: center;width: 80px;height: 28px;display: inline-block;background:#434343;color:#fff;font-size: 14px;}
.news_list dl dd em a.zxbtnanli{background:#acce22;margin-left: 10px;}
.news_list dl dd span{display:block; line-height:45px; font-size:13px; color:#777;}

/***************/

.newsv_box{
    padding:0 0 20px;
	  width:800px;
    margin:0 auto;
	overflow:hidden;
}
 
.newsv_box .htit{
    padding:50px 0 10px;
    text-align:center;
	border-bottom:1px solid #eee;
	width:700px;
	margin:0 auto;
}
.newsv_box .htit h2{
    font-size:20px;
    color:#333;
    font-weight:bold;
    padding:5px 0;
}
.newsv_box .htit p{
    font-size:12px;
    color:#6f6f6f;
}
.newsv_box .ntxt{
    font-size:14px;
    color:#333;
    line-height:28px;
    padding:30px 0;
}
.newsv_box .ntxt img{
max-width:100%;
}
 
.newsv_box p.next{
    height:50px;
    line-height:50px;
	float:right;
	font-size:14px;
}
.newsv_box p.prev{
    height:50px;
    line-height:50px;
	float:left;
	font-size:14px;
}
.newsv_box p.next a ,.newsv_box p.prev a{
    display:inline-block;
    height:50px;
    margin-right:60px;
    font-size:14px;
    color:#444;
}
.newsv_box p.next a:hover, .newsv_box p.prev a:hover{
color:#f49e1b;
}

	/*  */
	.img_box{display:table-cell;vertical-align:middle;text-align:center;}
  .img_box img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
  .photo {padding-bottom:50px;width: 1200px; margin: 0 auto;padding-top: 30px;}
  .photo_box .list_box {width:285px;display:inline-block;margin-bottom:20px;margin-right: 15px;background-color: #fff;}
  .photo_box .list_box:nth-of-type(4n){margin-right: 0;}
  .photo_box .list_box:hover p {background:#0054a7;color:#eee;}
  .photo_box .list_box .img_box {width:285px;height:215px;border:1px solid #eee;overflow: hidden;box-sizing: border-box;}
  .photo_box .list_box .img_box img{ transition: all 0.5s;}
  .photo_box .list_box:hover .img_box img {transform: scale(1.08);}
  .photo_box .list_box p {height:60px;line-height:60px;font-size:14px;background:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; text-align:center;}
  .photo_box .list_box a {display:block;}

/**/
.abt{ width:1200px; margin:0 auto;}
.abt{ line-height:28px; font-size:14px;}

/**/
.slide-news{ width:100%; height:45px; background-color:#F4F2F1; margin-top:-4px}
.slide-news .mid{ width:1155px; margin:0 auto; padding-left:45px;background:url(../images/i_ico_bom.png) no-repeat left center;}
.slide-news .mid #gund{width:1120px; height:45px; line-height:45px;}
.slide-news .mid #gund a{ font-size:14px; word-spacing:1px;}
.slide-news .mid #gund a:hover{ color:#e50012; }



/**/
/**/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#015198;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#015198;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.nav-local {
	background:#FFFFFF;
	color:#999;
	height:56px;
	line-height:56px;
	margin:0 auto;
	font-size:12px;
	border-bottom:1px solid #bbb;
	min-width:1220px;
}
.wrapper {
	width:1200px;
	margin:0 auto!important;
	min-width:1200px;
}
.nav-local .local {
	font-weight:normal;
	float:left;
	height:56px;
	width: 100%;
	line-height:56px;
	background:url(../images/icon_home.gif) no-repeat 6px center!important;
	padding-left:32px;
	color:#999;
	font-size: 14px
}
.cb {
    clear: both;
}


.boxvideo{ max-width:1200px;padding-right: 15px;padding-left: 15px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} 
.clear{ clear:both;} 
.lf{ float:left;} 
.rg{ float:right;} 
.div_video1{ margin-top:40px; padding-bottom:60px;} 
.div_video1 ul li{ float:left; width:32%; margin-right:2%; position:relative; top:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin-bottom:40px; overflow:hidden;} 
.div_video1 ul li:nth-of-type(3n){margin-right:0;} 
.div_video1 ul li .div1{ position:relative;} 
.div_video1 ul li .div1 iframe{ width: 100%;} 
.div_video1 ul li .div1 .p1 img{ width:100%;} 
.div_video1 ul li .div2{ margin-top:15px; color:#333; font-size:18px; float:left} 
.div_video1 ul li .div3{ margin-top:20px; color:#999; font-size:14px; float:right} 
.div_video1 ul li .p2{ position:absolute; top:50%; left:50%; padding:22px 24px; border:1px solid #fff; border-radius:100%; margin-left:-46px; margin-top:-38px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} 
.div_video1 ul li:hover{ top:-10px;} 
.div_video1 ul li:hover .p2{ box-shadow: 0px 0px 40px 1px rgba(227, 229, 230, 0.48);}