/* ==========================================================================
   public
========================================================================== */
body{ min-width: 1280px; }
.all_main{}
.mr5{ margin-right: 50px; }
.gotop{ width: 40px; height: 40px; position: fixed; bottom: 50px; right: 50px; z-index: 9; cursor: pointer; background-color:#f6f6f8;  opacity: 0;  filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.gotop img{ margin: 11px 0 0 17px; }
.gotop:hover{ background-color:#e8e8e8; }
a.btn_hover span{ -webkit-transform: translateZ(0);  transform: translateZ(0);    }
a.btn_hover i{
	position: absolute; bottom: 0; display: block; left: 50%; right: 50%; height: 2px; background-color: #00469a;
	-webkit-transition-property: left, right; 
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
a.btn_hover:hover i{ left: 0; right: 0; }
.title{ font-weight: bold; color: #00469a; font-size: 22px; padding-bottom: 30px; }
.content{ padding-top:90px;}

.animated {
	-webkit-animation-duration:1000ms;
	animation-duration:1000ms;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translateY(20px);
	transform:translateY(20px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translateY(20px);
	-ms-transform:translateY(20px);
	transform:translateY(20px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
}.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
/* ==========================================================================
   template
========================================================================== */


.nav_main{ width: 100%; height: 90px; background-color: #fff; border-bottom: 1px solid #eee; position: fixed; top:0; left:0; z-index:999; }
.nav_logo{ position: absolute; top: 26px; left: 70px; }

.select_language{ position: absolute; top: 37px; right: 70px; height: 16px;  }
.select_language a{ display: inline-block; *display: inline; *zoom: 1; width: 17px; height: 16px; background-position: center; background-repeat: no-repeat; vertical-align: top; }
.select_language span{ display: inline-block; *display: inline; *zoom: 1;  width: 1px; height: 6px; margin-bottom: 2px;  background-color: #ccc; vertical-align: middle;  }
.select_language .china{ background-image: url(../images/china.png); }
.select_language .usa{ background-image: url(../images/usa.png); }
.select_language a,.select_language span{  margin-left: 19px;   }
.select_language a:hover{ opacity: 0.7;  filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

/*nav*/
.nav_list_main{ width: 710px; margin: 0 auto; font-size: 0;   }
.nav_list_main li{ position: relative; display: inline-block; *display: inline; *zoom: 1; font-size: 13px;    }
 
.nav_list_main .nav_first{ font-size: 13px; line-height: 90px; color: #444;  margin: 0 42px;   }
.nav_list_main .nav_first .nav_first_item{ padding: 35px 0; position: relative; }
.nav_first  .nav_first_item  i{
	position: absolute; top: 0; display: block; left: 50%; right: 50%; height: 2px; background-color: #00469a;
	-webkit-transition-property: left, right; 
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.nav_second_box{ display: none; position: absolute;top: 90px; left: 20px; width: 230px; z-index: 9;  }
.trangle{ position: absolute; top: -8px; left: 0; width: 100%; height: 8px; background: url(../images/icon/nav_trangle.png) 42px 0 no-repeat;  }
.nav_second_box dl{ padding: 12px 0 20px; background-color: #00469a; }
.nav_second_box dt,.nav_second_box dd{ padding: 0 22px; line-height: 30px; background-color: #00469a; color: #fff; transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;	 }
.nav_second_box dd .dd_firstA{ display: block;  }
.nav_second_box dd .third_nav{ display:block; color: #fff; background: url(../images/icon/nav_right_arrow.png) right 12px no-repeat; width:100%; line-height:30px; opacity: 0.7;  filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  }
.nav_second_box dd .third_nav .thirdNav{ display:block; cursor:pointer; background: url(../images/icon/nav_right_arrow.png) right center no-repeat; width:100%; line-height:30px;   opacity: 0.7;  filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.pro_nav dd .dd_firstA{  }
.nav_second_box dd .third_nav .thirdNav.open{ background-image:url(../images/icon/nav_down_arrow.png);}
.pro_nav dd .forthNav{  }
.pro_nav dd .forthNav .forthNav_list{ display:block; width:174px; padding-left:12px; display:block; color:#fff; background: url(../images/icon/nav_right_arrow.png) right center no-repeat; font-size:12px;font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  opacity: 0.7;  filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.nav_second_box dd  .nobackground{ background:none;  opacity: 1;  filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  }

.nav_info{ display: none; position: absolute; top: 0; left: 230px; width: 185px; height: 100%; }
.nav_info_left{ position: absolute; top: 0px;  left: 0;  width: 214px; height: 100%;   background-color: #001c3e; line-height: 22px; }
.nav_info_left .nil_txt{ position: absolute; bottom: 22px; left: 0; padding: 0 22px; color: #fff; font-size: 13px; }
.nav_info_left .nil_txt i{ display: block; width: 20px; height: 1px; background-color: #fff; opacity: 0.5;  filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" }
.nav_info_left .nil_txt p{ padding: 10px 0; }
.nav_info_left .nil_txt span{ opacity: 0.6;  filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"  }
.nav_info_right{  position: absolute; top: 0px;  left: 0px;  width: 185px; height: 100%; text-align: center; background-color: #000;  display: table;  }
.nav_info_right span{ vertical-align: middle; display: table-cell; *position: absolute; *top: 50%; *left: 50%; *margin-left: -85px;  }
.nav_info_right img{ *position: relative;  *top: -50%;  }

.fourth_nav{ display: none; position: absolute; top: 0; left: 200px; width: 399px;  }
.fourth_list{ display:block; width:100%; height:0; overflow:hidden; }
.fourth_info_main{ display:none; position: absolute; top: 0; left: 230px; width: 185px; height: 100%; z-index:9; }
.fourth_info{  position: absolute; top: 0px;  left: 0px;  width: 185px; height: 100%; text-align: center; background-color: #000;  display: table;  }
.fourth_info i{ vertical-align: middle; display: table-cell; *position: absolute; *top: 50%; *left: 50%; *margin-left: -85px;  }
.fourth_info img{ *position: relative;  *top: -50%;  }

/*hover*/
.nav_list_main li:hover .nav_second_box{ display: block;  }
.nav_list_main li:hover .nav_first i{ left: 0; right: 0;    }
.nav_second_box dd:hover{ background-color: #001c3e; }
.nav_second_box dd:hover .nav_info{ display: block; }
.nav_second_box dd:hover .third_nav{ opacity: 1;  filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  }
.nav_second_box dd:hover .third_nav .thirdNav{ opacity: 1;  filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   }
.pro_nav dd .forthNav:hover .forthNav_list{  opacity: 1;  filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.pro_nav dd .forthNav:hover .fourth_info_main{ display:block; }
/*now*/
.nav_list_main li.nav_now .nav_first i{ left: 0; right: 0; }
.nav_second_box dd.nav_on{ background-color: #001c3e; }
.nav_second_box dd.nav_on .nav_info{ display: block; }
.nav_second_box dd.nav_on .third_nav{   opacity: 1;  filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/**********   footer   ***********/
.footer{  position: relative; width: 100%; height: 507px; margin-top: 90px; background-color: #000; background-image: url(../images/footer_bg.png); background-position: center center; background-repeat: no-repeat;  }
.footer_main{ padding-top: 60px; width: 862px; margin: 0 auto;  }

.leave_message{ width: 364px; height: 309px; border:4px solid #fff; padding: 34px 50px; position: relative; z-index: 1; }
.leave_message_title{ color: #fff; font-size: 22px; font-weight: bold; padding-bottom: 20px; }
.lm_box{ padding-bottom: 5px; border-bottom: 1px solid #808080; margin-bottom: 15px; }
.lm_box input{ width: 100%; padding: 6px 0; background: none; border: 0; color: #999; font-size: 13px;  }
.leave_sub{ padding-top: 15px; }
.leave_sub input{ width: 143px; height: 36px; background-color: #2d65a8; color: #fff; border: 0;  font-size: 13px; transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;	 }
.leave_sub input:hover{ background-color:#fff; color: #000;  }

.footer_address{ width: 50%; height: 374px; position: absolute; top: -20px; right: 0; }
.footer_address_img div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #00469a; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" }
.footer_address_img{ width: 100%; height: 374px; overflow: hidden; }
.footer_address_img img{ width: 100%; }
.footer_address_info{ position: absolute; top: 0; left: 0; padding: 80px 80px 80px 135px; color: #fff; }
.footer_address_info dl{ padding-bottom: 30px; }
.footer_address_info dt{ font-weight: bold; padding-bottom: 6px; font-size: 14px; }
.footer_address_info dt i{ display: block; width: 10px; height: 1px; background-color: #fff; margin-bottom: 8px; }
.footer_address_info dd{ font-size: 13px; }
.copyright{ position: absolute; bottom: -95px; left: 135px; color: #666; line-height: 20px; letter-spacing: 1px; font-size: 11px; font-family:Arial, Helvetica, sans-serif; }
.copyright span{ color: #004699;  }
.copyright a{ color: #666; }
.copyright a:hover{ color: #0cc; }

/* ==========================================================================
  index
========================================================================== */

/*index_banner*/
.index_banner{ width:100%;  height: 678px;  }
#myContents{ min-width:1280px;  }
.index_banner p{ min-width:1280px; height: 678px;  background-image: url(../images/index_banner.jpg); background-position: center ; background-size: cover;  background-repeat: no-repeat;}

.index_partA{}
.part_a_state{ text-align: center; padding: 60px 0;  }
.part_a_state p{ color: #666; line-height: 26px; }
.attestation{ width: 100%; height: 130px; text-align: center; color: #777; line-height: 20px; background-color:#f9f9fb;   }
.attestation ul{ width: 1200px; margin: 0 auto;  }
.attestation ul li{ width: 300px; height: 130px; float: left; }
.attestation div{ padding: 10px 0 15px;   }
.bgf6{ background-color: #f6f6f8;  }

.index_partB{}
.index_partB_pro{ width: 862px; margin: 70px auto; position: relative;  }

.index_pro_pic{ width: 859px; height: 358px; position: relative; overflow: hidden; }
.index_pro_pic ul{ height: 358px; position:absolute; top: 0; left:0}
.index_pro_pic ul li{ width: 859px; height: 358px; float: left;   }
.index_pro_prd{ width: 859px; height: 358px;  }
.ipp_img{ width: 448px; height: 358px; float: left; position: relative; }
.ipp_img .page_show{ position: absolute; bottom: 0; right: 0; width: 120px; height: 40px; background-color: #fff; text-align: center; line-height: 40px; color: #666;font-size: 13px; font-family:Arial, Helvetica, sans-serif; }
.ipp_img .page_show .nowCur{ font-size: 16px; color: #000; }
.ipp_txt{ width: 365px; height: 358px; float: right; position: relative; }
.ipp_txt h1{ padding-bottom: 20px; }
.ipp_txt p{ color: #777; font-size: 13px; padding: 0 0 20px; line-height: 24px; }
.ipp_txt a.btn_hover{ color: #00469a; position: absolute; bottom: 40px; left: 0; line-height: 30px;  }
.ipp_txt a.btn_hover span{ color:  #666;   }


.index_pro_list{ width: 524px; height: 92px; margin: 0 auto; position:relative;  overflow:hidden;  margin-top:50px; }
.index_pro_list ul{ height: 92px; position: absolute; top: 0; left: 0; overflow: hidden; }
.index_pro_list ul li{ width: 92px; height: 92px; float: left; position: relative; cursor: pointer; margin-right: 16px; background-color: #00469a; }
.index_pro_list ul li img{ transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;	  }
.index_pro_list ul li.on img{ opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" }
.index_pro_list ul li:hover img{  opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"   }

.index_partC{ width: 100%; height: 415px; background-color: #f6f6f8; position: relative; }
.index_video{ position: absolute; top: 0; right: 0; width: 50%;  height: 415px; overflow: hidden; cursor: pointer; }
.index_video .index_video_img img{ width: 100%; }
.index_video i{ display: block; width: 54px; height: 56px; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -27px; z-index: 2;  background: url(../images/icon/video.png) center center no-repeat; }
.index_video .mask{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #00469a; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;  }
.index_video_txt{ width: 50%; height: 415px; position: absolute; top: 0; left: 0; }
.index_video:hover .mask{ opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"  }
.ivt_txt{ width: 425px; height: 265px; float: right; margin: 80px 148px 70px 0; position: relative; }
.ivt_txt h1{ padding-bottom: 20px;  }
.ivt_txt p{ color: #777; font-size: 13px; padding: 0 0 20px; line-height: 24px; }
.ivt_txt a{ display: block; width: 123px; height: 33px; color: #00469a; position: absolute; bottom: 5px; left: 0; border: 1px solid #ddd; text-align: center; line-height: 33px; transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;	 }
.ivt_txt a span{ color:  #666;   }
.ivt_txt a:hover{ border-color: #f6f6f8; }

.theme-popover-mask{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%; background:url(../images/black06.png) 0 0 repeat; display:none}
.theme-popover{z-index:9999;position:fixed;top:50%;left:50%;width:860px;height:504px;margin:-252px 0 0 -430px;display:none; background:none; padding:10px; border:1px solid #838383; background-color:#fff;}
.closex{ }
.videoM{width:860px; height:504px; background-color:#000;  margin:0 auto; position:relative; left:0; top:0;  }



.index_partD{padding: 100px 0;}
.index_news{ width: 862px; margin: 0 auto; position: relative; }
.index_news_pic{ width: 862px; height: 226px; position: relative; overflow: hidden; }
.index_news_pic ul{ height: 226px; position:absolute; top: 0; left:0}
.index_news_pic ul li{ width: 862px; height: 226px; float: left;   }
.index_news_info{  width: 862px; height: 226px;  }
.ini_img{ width: 418px; height: 226px; float: left; }
.ini_txt{ width: 403px; height: 226px; float: right; position: relative;  }
.ini_txt .ini_date{ position: relative; color: #666; padding-bottom: 10px; margin-bottom: 15px;   font-family:Arial, Helvetica, sans-serif;  }
.ini_txt .ini_date i{ width: 15px; height: 1px; background-color: #00469a; position: absolute; bottom: 0; left: 0; }
.ini_txt h2{ font-weight: normal; font-size: 15px; color: #333; padding: 12px 0;  }
.ini_txt .ini_article{ color: #666; font-size: 13px; padding: 12px 0; }
.ini_txt a.btn_hover{ color: #00469a; position: absolute; bottom: 8px; left: 0; line-height: 30px;  }
.ini_txt a.btn_hover span{ color:  #666;     }


.index_news_list{ width: 862px; height: 158px; margin: 0 auto; position:relative;  overflow:hidden;  margin-top:50px; }
.index_news_list ul{ height: 158px; position: absolute; top: 0; left: 0; overflow: hidden; }
.index_news_list ul li{width: 274px; height: 158px; float: left; background-color: #f6f6f8; position: relative; cursor: pointer; margin-right: 20px;  }
.index_news_list ul li .mask{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;   opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;	 }
.index_news_list ul li p{ position: relative; z-index: 1; padding:35px 36px 10px; color: #666; margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif; }
.index_news_list ul li p i{ display: block; width: 10px; height: 1px; background-color: #00469a; position: absolute; bottom: 0; left: 36px;  }
.index_news_list ul li h2{ position: relative; z-index: 1; padding: 10px 36px 20px; font-weight: normal; color: #333; font-size: 13px; }
.index_news_list ul li:hover .mask{ opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   }
.index_news_list ul li:hover p{ color: #fff; }
.index_news_list ul li:hover p i{ background-color: #fff; }
.index_news_list ul li:hover h2{ color: #fff; }
.index_news_list ul li.on .mask{ opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
.index_news_list ul li.on p{ color: #fff; }
.index_news_list ul li.on p i{ background-color: #fff; }
.index_news_list ul li.on h2{ color: #fff; }

/* ==========================================================================
  about
========================================================================== */
.about_a{ padding: 60px 0; }
.about_a_main{}

.about_banner{ width: 100%; height: 380px; overflow: hidden; }
.about_banner img{ width: 100%; }

.about_a{ position: relative; }
.about_a .about_a_title{ position: absolute; top: 60px; left: 0; }
.about_a_txt{ width: 854px; margin: 0 auto; }
.about_a_txt h2{ color: #00469a; font-size: 22px; padding-bottom: 30px; }
.about_a_txt p{ font-size: 13px; line-height: 24px;  color:#777; }

.about_achievement{ width: 100%; height: 116px; padding: 25px 0; background-color: #f9f9fb;  }
.about_achievement ul{ width: 1198px; margin: 0 auto; }
.about_achievement li{ width: 129px; height: 70px; padding: 20px 12px 20px 113px;  border: 4px solid #fff; float: left; position: relative; }
.about_achievement li p{ font-size: 30px; color: #000; font-weight: bold;   font-family:Arial, Helvetica, sans-serif; }
.about_achievement li span{ color: #777777;  }
.about_achievement li b{ display: block; width: 10px; height: 1px; margin-top:10px;  background-color: #00469a; }
.about_achievement li i{ position: absolute; top: 50%; left: 50px; margin-top: -20px; display: block; width: 45px; height: 40px; background-image: url(../images/icon/about_icon.png); background-repeat: no-repeat; }
.achieve1 i{ background-position: 0 0; }
.achieve2 i{ background-position: 0 -40px; }
.achieve3 i{ background-position: 0 -80px; }
.achieve4 i{ background-position: 0 -120px; }

.about_factory{ margin-top: 70px; width: 100%; height: 560px; position: relative; }
.about_factory_left{ width: 50%; height: 560px; position: absolute; top: 0; left: 0;  }
.about_factory_left_bg{ width: 100%; height: 560px; overflow: hidden;  }
.about_factory_left_bg img{ width: 100%;  }
.about_factory_left .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00469a; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.about_factory_title{ position: absolute; top: 50%; left: 0; margin-top: -130px; }
.about_factory_box{ position: absolute; top: 50%; right:-43px; margin:-187px 0 0 0; width: 369px; height: 214px; color: #fff; font-size: 13px; line-height: 24px; padding: 80px 48px; border:4px solid #fff; z-index: 1; }
.about_factory_box h2{ font-size: 22px; padding-bottom: 30px; }
.about_factory_box a{ color: #fff; position: absolute; bottom: 80px; left: 48px; line-height: 30px; transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;	  }
.about_factory_box a span{    }
.about_factory_box a:hover{ color: #000; }

.about_factory_right{ width: 50%; height: 560px; position: absolute; top: 0; right: 0; overflow: hidden; }
.about_factory_right img{ width: 100%;  }
.about_factory_right .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";  }

.about_office{ width: 100%; padding: 70px 0; position: relative; }
.about_office_title{ width: 138px; height: 216px; position: absolute; top: 50%; right: 0; margin-top: -108px;  }
.about_office_main{ width: 861px;  margin: 0 auto; }
.about_office_main .bd{ width: 880px; height:460px; overflow: hidden;   }
.about_office_main .bd li{ position: relative; width: 200px; height: 210px; margin:0 20px 20px 0; float: left; background-color: #00469a; cursor: pointer;  }
.about_office_main .bd li img{ transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;	  }
.about_office_main .bd li:hover img{ opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

.about_office_main .hd{  position:relative; width: 100%; margin: 20px auto;  }
.about_office_main .hd a{ color: #999; }
.hd_left{ float: left; cursor: pointer; }
.hd_left i{ display: block; width: 20px; height: 2px; background-color: #00469a; margin-top: 10px; transition: width 0.5s; -webkit-transition: width 0.5s; -o-transition: width 0.5s; }
.hd_right{ float: right; position: relative; height: 28px; cursor: pointer;  }
.hd_right i{ position: absolute;  right:0; bottom: 0;  display: block; width: 20px; height: 2px; background-color: #00469a; margin-top: 10px; transition: width 0.5s; -webkit-transition: width 0.5s; -o-transition: width 0.5s; }
.hd_left:hover a,.hd_right:hover a{ color: #000; }
.hd_left:hover i,.hd_right:hover i{ width: 100px;  }


.about_video{ position: relative; width: 100%; height: 635px; background:url(../images/about_video_bg.jpg) center center repeat;}
.about_video_title{ position: absolute; top: 90px; left: 0; }
.a_video{ width: 860px; height: 504px; margin: 0 auto; padding: 65px 0 66px; }
.a_video div{ width: 860px; height: 504px; background-color: #000;  }


/* ==========================================================================
  products
========================================================================== */
.product_main{ width: 100%; padding:70px 0 50px; position: relative; }
.products_title{ position: absolute; top: 70px; left: 0; }
.products{ width: 858px;  margin:0 auto; }
.products_top{}
.products_top .title{ padding:0; }
.products_top .txt{ padding-top:30px; color: #777; font-size: 13px; line-height: 24px; }
.pro_waterfall{ width: 858px; position: relative; }
.pro_waterfall ul{ width: 880px; }
.pro_waterfall li{ position: relative; float: left; margin:0 20px 20px 0; background-color: #f6f6f8; overflow: hidden; }
.pro_waterfall li a{ display: block; }
.proBox .img{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/*2016-9-19修改部分 开始*/
.proBox .info_en{
	position: absolute;
	width: 100%; 
	height: 336px;
	top: 0;
	left: 0;
    background: url(../images/bluebg.png) 0 0 repeat; 
    visibility: hidden;
    opacity: 0;
	display: table;
	*position: relative; 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.proBox .info_en h1{
	vertical-align: middle;  
	display: table-cell; 
	*position: absolute; 
	*top: 50%;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 39px;
    font-size: 30px;
    padding: 0 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.proBox .info_en h1 p{
	*position: relative; 
	*top: -50%;  
}
.proBox:hover .img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);	
}

.proBox:hover .info_en{
    visibility: visible;
    opacity: 1;
}
.proBox:hover .info_en h1{
    opacity:1;
    filter:alpah(opacity=100);
}
/*2016-9-19修改部分 结束*/

.proBox .info{
	position: absolute;
	width: 100%; 
	height: 100%;
	top: 0;
	left: 0;
    background: url(../images/bluebg.png) 0 0 repeat; 
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.proBox .info h1{
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 39px;
    font-size: 20px;
    padding: 10px 20px 20px;
    margin: 20px 0 0 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.proBox .info i{
	display: block;
	width: 20px; 
	height: 1px;
	background-color: #fff;
    margin:0 auto 20px;
}

.proBox .info .info_zhaiyaoMain{
    font-size: 13px;
    position: relative;
    color: #fff;
    line-height: 22px;
    padding: 0 20px 5px;
    text-align: center;
    -webkit-transition: all 0.4s 0.1s linear;
    -moz-transition: all 0.4s 0.1s linear;
    transition: all 0.4s 0.1s linear;
}

.proBox .info_zhaiyao{overflow:hidden}

.proBox .info_zhaiyao .info_zhaiyaoMain{height:125px;overflow:hidden;text-overflow:ellipsis;word-wrap: break-word;word-break: normal;}

.proBox .info i,.proBox .info .info_zhaiyaoMain{
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.proBox:hover .img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);	
}

.proBox:hover .info{
    visibility: visible;
    opacity: 1;
}
.proBox:hover .info h1,
.proBox:hover .info .info_zhaiyaoMain ,
.proBox:hover .info i{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}


.products_show{ width: 862px; margin:0 auto;  }

.products_detail{ width: 100%; height: 358px; border: 1px solid #f6f6f8; }
.pro_img{ float: left; }
.pro_txt{ width: 350px; height: 298px; padding:30px; float: right; }
.pro_txt .title{ padding-bottom: 5px; }
.pro_txt h3{ font-size: 20px; color: #666; }
.pro_txt .pro_details{ height: 185px; margin-top: 30px; color: #777; font-size: 13px; line-height: 23px; }

.pro_table{ margin-top: 70px;  }
.pro_table img{ margin: 0 auto; max-width:861px }

.pro_paging{ width: 100%; margin:100px auto 20px; position: relative;  }
.pro_paging a{ color: #999; }
.pro_paging .hd_left:hover i,.pro_paging .hd_right:hover i{ width: 110px;  }
.pro_middle{ width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; margin:-8px 0 0 -8px; }
.pro_middle a{ display: block; width: 16px; height: 16px; background: url(../images/icon/square.png) center top no-repeat; transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;	}
.pro_middle a:hover{  background-position: center bottom;   }


/* ==========================================================================
  news
========================================================================== */

.news_main{ margin:40px 0 0; }
.news_main ul{}
.news_main li{ position: relative; width: 100%; height: 226px; padding:35px 0;  }
.news_main li:hover{ background-color: #fafafb; }

.news_left_date{ position: absolute; top: 50%; left: 0; width: 175px; height: 60px; margin:-30px 0 0 ;  text-align: right; font-family:Arial, Helvetica, sans-serif; }
.news_left_date span{ color: #666; font-size: 14px;  }
.news_left_date p{ font-size: 30px; color: #222; padding: 2px 0 5px; }
.news_left_date i{ display: block; width: 100%; height: 1px; background-color:#e6e6e6; }

.newsBox{ width: 862px; height: 226px; margin:0 auto; }
.news_pic{ width: 418px; height: 226px; position: relative; float: left;  }
.news_pic .mask{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00469a; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.news_info{ width: 407px; height: 226px; float: right; position: relative; }
.news_info .news_date{ position: relative; color: #666; line-height: 35px;  font-family:Arial, Helvetica, sans-serif; }
.news_info .news_date i{ display: block; position: absolute; bottom: 0px; left: 0; width: 15px;  height: 1px; background-color: #00469a;  }
.news_info h1{ color: #333; font-size: 14px; font-weight: normal; padding-top:24px;  }
.news_info .news_txt{ color: #666; font-size: 13px; line-height: 23px; padding-top:20px;height:97px;overflow:hidden; }
.news_info .btn_hover{ position: absolute; bottom: 0; left: 0; color: #00469a; line-height: 30px; }
.news_info .btn_hover span{ color: #666; }

.news_paging{ position: relative; width: 862px; margin: 80px auto;  }
.news_paging a{ color: #666; }
.news_paging .hd_left:hover i,.news_paging .hd_right:hover i{ width: 82px;  }
.news_middle{ position: absolute; top: 0; left: 120px; width: 622px; text-align:  center; color: #666; font-size: 13px; font-family:Arial, Helvetica, sans-serif; }
.news_middle .nowCurr{ color: #000; font-size: 16px; }

/*news_show*/
.news_show_main{ width: 100%; position: relative; margin: 100px 0 130px;  }
.news_show_main .news_left_date{ top: 0; margin:0; }
.news_show{ width: 862px; margin:40px auto; }
.news_show .title{ padding-bottom: 10px; text-align: center; }
.news_show_date{ color: #999; font-size: 12px; padding-top:10px; text-align: center; }
.news_show_txt{ padding-top: 40px; color: #444; line-height: 24px; font-size: 14px;  }

.pro_share{ padding-top: 50px; }
.pro_share .pro_paging{ margin:50px auto 20px;   }

.jiathis_style{  padding:15px 0; }
.jiathis_style div{ float:left; margin:0 15px 0 0;  }
.jiathis_style p{  float:left; color: #000; margin:0 15px 0 0; }

/* ==========================================================================
  contact
========================================================================== */

.contact_map{ width: 100%; margin:60px auto 40px; position: relative; }
.contact_title{ position: absolute; top: 0; left: 0; }

.contact_map_main{ width: 860px; margin: 0 auto; }
.contact_map_top{ text-align: center; }
.contact_mapBox{ margin:30px 0 0; padding-bottom: 20px; }
.contact_mapBox li{ width: 860px; height: 374px; margin-top: 65px; position: relative; }
.c_txt{ width: 430px; height: 374px; float: left; position: relative;  }
.c_map{ width: 430px; height: 374px; float: left; }
.company_info{ width: 374px; height: 123px; color: #fff;  padding: 70px 28px; position: absolute; top: 0; left: 0;  }
.company_info h2{ font-size: 16px; font-weight: normal;  }
.company_info h1{ font-size: 16px; padding-top: 10px; }
.company_info p{ font-size: 13px; line-height: 32px; padding-top:10px; }

.company_info2{ width: 350px; height: 254px; color: #fff;  padding: 60px 40px; position: absolute; top: 0; left: 0;  }
.company_info2 h2{ font-size: 16px; font-weight: normal;  }
.company_info2 h1{ font-size: 16px; padding-top: 10px; }
.company_info2 p{ font-size: 13px; line-height: 32px; padding-top:50px; }

.company_info3{ width: 270px; height: 214px; color: #fff;  padding: 80px; position: absolute; top: 0; left: 0;  }
.company_info3 h2{ font-size: 16px; font-weight: normal;  }
.company_info3 h1{ font-size: 16px; padding-top: 10px; }
.company_info3 p{ font-size: 13px; line-height: 32px; }
.company_info3 span{ display: block; width: 100%; height: 1px; background-color: #5c83b4; margin:30px 0 25px; }

.company_info a,.company_info2 a,.company_info3 a{ color: #fff; }
.company_info a:hover,.company_info2 a:hover,.company_info3 a:hover{ color: #b1b1b1; }

/*contact2*/

.contact_table{ width:552px; margin:30px auto 150px;  }
.pak_input{ width:552px; height:45px; margin-bottom:35px; }
.bc_a{   height:138px;  }
.pak_input p{ color:#666; font-size:13px; padding-bottom:10px;  }
.pak_input p span{ color:#b20000; margin-right:5px; }
.pak_input i{ display:block; width:20px; height:42px; line-height:42px; padding:0 10px; float:left; font-style:normal; text-align:center; font-size:13px; color:#666; }
.pak_input .iput_a{ width:550px; height:42px; background-color:#f9f9fb; border:1px solid #eee; color:#aaa; font-size:12px; text-indent:12px;  line-height:45px\9; *line-height:45px; }
.pak_input .iput_c{ width:550px; height:96px; padding-top:12px; float:left; background-color:#f9f9fb; border:1px solid #eee; color:#aaa; font-size:12px; text-indent:12px;}
.apply_now{ width:202px; height:50px; margin:0 auto; cursor:pointer; }
.apply_now input{ width:202px; height:50px; font-size:18px; cursor:pointer; background-color: #2d65a8; color: #fff; text-align:center; line-height:50px; border:0; cursor:pointer; transition:0.5s; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;	}
.apply_now input:hover{ background-color:#000; color: #fff;   }
.contact_txt{ font-size:13px; color:#777; line-height:24px; padding-bottom:30px; text-align:center; }





/* ==========================================================================
  guide page
========================================================================== */
.guide_page{}
.guide_bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;  opacity: 0;  filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.guide_main{ width:526px; height:230px;  position:absolute; top:50%; left:50%; margin:0 0 0 -263px; text-align:center; z-index:9; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.guide_txt{ margin-top:60px; opacity: 0;  filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  }
.guide_language{ position:relative; top:0; left:0; right:0; margin-top:60px; opacity: 0;  filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  }