@charset "gb2312";
/*站点标签通用样式定义*/
html, body { font-family: Microsoft YaHei, arial, 宋体; font-size: 14px; line-height: 2; color: #666666; margin: 0 auto; background: #fff; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body, span, input, figure { margin: 0; padding: 0; border: 0; font-family: 微软雅黑, arial, 宋体; }
a { text-decoration: none; color: #666666; }
a:hover { color: #0b65c2; }
ul, li { list-style: none; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
/*全局样式类定义*/
.clear { clear: both; height: 0; overflow: hidden; }
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.mar30 { margin-top: 5px; }
.head { height: 42px; line-height: 42px; font-size: 12px; background: #004da1; color: #fff; border-bottom: 1px solid #e8e8e8; }
.head a { color: #fff; }
.top_left { position: relative; float: left; }
.top_left span { padding: 0 30px 0 40px; text-align: center; height: 42px; display: inline-block; }
.top_left .but_1 { background: url(../images/index_03.png) 15px 15px no-repeat; }
.top_left .but_2 { background: url(../images/index_05.png) 15px 15px no-repeat; }
.wap, .qx { position: relative; float: right; cursor: pointer; width: auto; height: 42px; text-align: center; margin: 0 10px; }
.wap img, .qx img { padding-top: 5px; }
.ewm { position: absolute; right: 0px; top: 30px; z-index: 99; display: none; }
.qxul { position: absolute; background: #272b73; right: 0; top: 30px; width: 130px; text-align: center; display: none; z-index: 999; }
.qxul li { border-bottom: 1px solid #fff; line-height: 25px; height: 25px; overflow: hidden; }
.qxul li a:hover { background: #666; display: block; line-height: 25px; height: 25px; }
.qxul li a { height: 25px; display: block; }
.top { height: 112px; width: 1200px; margin: 0 auto; position: relative; }
#logo { width: 430px; font-size: 18px; float: left; height: 112px; background: url(../images/logo.jpg) no-repeat; color: #000; }
#logo a { text-indent: -999em; width: 430px; height: 112px; display: block; }
/*nav*/
#nav { position: absolute; top: 50px; left: 430px; z-index: 10; width: 770px; height: 66px; }
#nav UL { WIDTH: 95px; FLOAT: left; HEIGHT: 40px; text-align: center; }
#nav UL LI { }
#nav UL LI A { LINE-HEIGHT: 40px; DISPLAY: block; HEIGHT: 30px; color: #232C71; font-size: 16px; }
#nav UL LI A:hover, .cho { WIDTH: 95px; height: 32px; display: block; border-bottom: 2px solid #004da1; }
#nav UL .menu { POSITION: absolute; WIDTH: 95px; z-index: 99; BACKGROUND: #ddd }
#nav UL .menu SPAN { WIDTH: 150px; HEIGHT: 25px; overflow: hidden; }
#nav UL .menu span A { font-size: 12px; BORDER-BOTTOM: #ccc 1px solid; overflow: hidden; LINE-HEIGHT: 25px; DISPLAY: block; HEIGHT: 25px; FONT-WEIGHT: normal; }
#nav UL .menu SPAN A:hover { BACKGROUND: #272b73; color: #fff; overflow: hidden; }
.flexslider { text-align: center; width: 100%; margin: 0 auto; position: relative; height: 545px; overflow: hidden; background: url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align: center }

.slides { position: relative; z-index: 1; }
.slides li { height: 545px; }
.slides li a { width: 100%; height: 545px; display: block; }
.flex-control-nav { position: absolute; bottom: 15px; z-index: 2; width: 100%; }
.flex-control-nav li { display: inline-block; width: 38px; height: 5px; *display: inline; zoom: 1; }
.flex-control-nav a { display: inline-block; width: 38px; height: 5px; line-height: 50px; overflow: hidden; background: #a6b5be; color: #a5352e; cursor: pointer; }
.flex-control-nav .flex-active { background: #000; color: #fff; }
.banner { width:100%; height:545; overflow:hidden; background-color:#ebf0f4; position:relative;}

.bannera .flexslider { text-align: center; width: 100%; margin: 0 auto; position: relative; height: 222px; overflow: hidden; background: #272b73 url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align: center }
.bannera .slides li { height: 222px; }
.bannera .slides li a { width: 100%; height: 222px; display: block; }


/*产品展示*/
.service_100 { width: 100%; height: auto; background:url(../images/laj.gif) repeat-x bottom;}
.news_100{ width:100%; height:auto; background:#ebf0f4 url(../images/newsbj.gif) repeat-x;  }
.LOGO_100 { width:100%; height:auto; border-bottom:2px solid #ccc;}

.content { width: 1200px; margin: 0 auto; }
.content h3 { font-weight: normal; font-size: 24px; color: #2c3056; display:inline-block; }
.content h3 a { float:left; font:normal 24px "微软雅黑"; text-decoration:none; line-height:31px; display:block; color:#004da2; }
.content h3  i { float: left; font: normal 20px "Arial", Gadget, sans-serif; line-height: 16px; overflow: hidden; padding-top: 10px; padding-left: 6px; display: block;}
.content font { display: block; color: #959595; }
.content_l { width: 563px; height: 400px; float: left; }
.content_r { width: 563px; height: 400px; float: right; }
.content p { color: #585657; }

.tit-1 { background-position:0 0;}
.tit-2 { background-position:0 -64px;}
.tit-3 { background-position:0 -128px;}
.tit { background-image: url(../images/title.gif); background-repeat:no-repeat; color: #999999; text-align: center;}
.tit h3 { height: 56px; color: #232C71; line-height: 16px; font-size: 16px; font-weight: normal; text-indent: -999em;}
/**********************新闻中心*************************/
.pro { padding: 40px 0; }
.protest { }
.protest_l { float: left; width: 570px; height: auto; }
.protest_l figure { position: relative; display: block; margin: 0; }
.protest_l img { width: 570px; height: 251px; overflow: hidden; opacity: 0.9; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); background-color: #666; }
.protest_l:hover img { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 1; }
.protest_l figcaption { font-weight: normal; font-size: 24px; color: #2c3056; }
.protest_r { float: right; width: 570px; height: auto; border-top: 1px dashed #ccc; }
.protest_r li { width: 570px; height: 61px; line-height: 62px; border-bottom: 1px dashed #ccc; cursor: pointer; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.protest_r li:hover { display: block; opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.protest_r li span { float: right; }
 figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after /**********************联系我们*************************/
.contact_us ul li {
 width:300px;
 height:30px;
 line-height:30px;
 float:left;
}
.contact_us ul li { float: left; width: 300px; }
/**********************产品切换*************************/
a.abtn { display: block; height: 260px; width: 37px; overflow: hidden; background: url(../images/arrow3.png) no-repeat 0px 50%; }
a.aleft { float: left; }
a.aright { float: right; background-position: -40px 50%; }
.imglist_w { width: 1100px; height: 260px; margin-left: 5px; overflow: hidden; float: left; position: relative;/*必要元素*/ }

/*产品旋转
.proclass li {
	float: left;
	margin: 0 10px;
	-webkit-transition: -webkit-transform 2s;
	transition: all 2s;
}
.proclass li a:hover img {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg); /* IE 9 */
	-moz-transform: rotate(360deg); /* Firefox */
 -webkit-transform: rotate(360deg); /* Safari 和 Chrome */
 -o-transform: rotate(360deg); /* Opera */
}
 @-webkit-keyframes btnRotate { 0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
}
}
.proclass li a:hover img { animation: btnRotate 1.5s linear infinite; -webkit-animation: btnRotate 1.5s linear infinite; -moz-animation: btnRotate 1.5s linear infinite; -ms-animation: btnRotate 1.5s linear infinite; }
.ad { padding-top: 50px; background: #f0f4f8; color: #fff; }
/*尾部样式*/
.footer { background: #313439; color: #fff; }
.footer a { color: #fff; }
.foot { width: 1200px; position: relative; margin: 0 auto; padding: 20px 0; }
.ewmbot { float: right; background: url(../images/ewmbg.jpg) no-repeat left bottom; padding-left: 100px; }
#friendlink { width: 100%; height: 208px; background-color: #2b2b2f; }
#friendlink .footer_tab { float: left; width: 550px; padding-top: 32px; }
.footer_tab h3 { font-size: 14px; font-weight: normal; color: #b1b2b4; background: url(../images/bottoline.gif) no-repeat 0 27px;     font-family: Arial; }
.footer_tab ul { margin-top: 10px; }
.footer_tab ul li { width: 110px; float: left; }
.footer_tab ul li a { font-size: 12px; color: #b1b2b4; }
.footer_tab ul li a:hover { font-size: 12px; color: #fff; }
#friendlink .contact { float: right; width: 400px; padding-top: 32px; text-align: left; color: #c9cbc8; }
.contact h2 { font-size: 20px; color: #FFF; }
.contact h2 em { padding-left: 5px; font-family: Arial; font-size: 14px; }
.hr-17 { margin-left: 10px; float: right; }
.contact ul { float: left; }
.contact ul li { line-height: 32px; font-family: Arial; background-repeat: no-repeat; }
.contact ul li.telephone_num { display: block; line-height: 25px; background: url(../images/webox.gif) no-repeat 0 -62px; color: #b3b3b3; padding-left: 26px; margin-top:10px; font-size: 12px;}
.contact ul li.email { display: block; line-height: 25px; background: url(../images/webox.gif) no-repeat 0 -86px;  color: #b3b3b3; padding-left: 26px; font-size: 12px;}
.contact ul li.adress { background-position: 0px -58px; font-family: "黑体"; font-size: 12px; }
.contact ul li { color: #c9cbc8; font-size: 14px; font-weight: normal;  background: url(../images/bottoline.gif) no-repeat 0 27px;}
.contact ul li:hover { color: #ffe400; }
#footer { height: 54px; line-height: 54px; background-color: #232327; }
#footer .copyright { float: left; color: #bdbdbf; }
#footer .copyright a { padding-left: 7px; color: #FFF; }
#footer .copyright a img { vertical-align: middle; }
#footer .copyright a:hover { color: #ffe400; }
#footer .share { float: right; width: 150px; height: 39px; margin-top: 9px; display: inline; }
#footer .share a { float: left; width: 39px; height: 39px; background-image: url(../images/bg23.png); background-repeat: no-repeat; margin-right: 9px; }
#footer .share a.qq { background-position: 0px 0px; }
#footer .share a.wx { background-position: -47px 0px; }
#footer .share a.xl { background-position: -95px 0px; }
#footer .share a:hover { background-image: url(../images/bg24.png); }
.layout { width: 1200px; margin: 0px auto; clear: both; }
/****************首页产品展示样式***************/
.lanrenzhijia { width: 1201px; height: 600px; font-family: '微软雅黑'; overflow: hidden; }
.lanrenzhijia .tab { overflow: hidden; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; }
.lanrenzhijia .tab a { position: relative; display: block; width: 199px; height: 43px; line-height: 45px; text-align: center; float: left; text-decoration: none; color: #333; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.lanrenzhijia .tab a:hover { background: #e37422; color: #fff; text-decoration: none; }
.lanrenzhijia .tab a.on { background: #e37422; color: #fff; text-decoration: none; }
.lanrenzhijia .content { overflow: hidden; padding: 10px 0; }
.lanrenzhijia .content li { display: none; }
.content .but_3 { width: 283px; float: left; margin: 0 8px; }

.but_3  a{ background: url(../images/an.gif) no-repeat; width:108px; height:23px; line-height:23px; display:block; text-indent:-99999px; margin-top:10px; }
.but_3  a:hover{ background-position:0 -26px; }

/******************回至顶部top************************/
.cd-top { display: inline-block; height: 70px; width: 35px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../images/back_top.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }

.banner1 {
    width: 100%;
    height: 174px;
    background: #000;
}