@charset "utf-8";
/* CSS Document */
body,ul,p,h1,h2,h3,h4,dl,dd,form,input,textarea,select { padding:0; margin:0; font-weight:normal;}
div{ display:block; padding:0; margin:0;}
html{height:100%;}
body{ font-family:"微软雅黑"; position:relative; z-index:1; overflow-x:hidden;}
input{ font-family:"微软雅黑"; outline:none;}
a:hover, a:focus{ text-decoration:none;}
li { list-style:none; }
img { border:none; padding:0; margin:0; vertical-align:bottom;}
a { text-decoration:none; }
.fl{ float:left;}
.fr{ float:right;}
a:hover { text-decoration:none; }
.clear { zoom:1; clear:both; }
.clear:after { content:''; display:block; clear:both; }
.clear2{ display:none;}
.myclear { zoom:1; clear:both; display:none; }
table{ border-collapse:collapse;}
.wbyhvh{visibility: visible !important;}

/**禁止ios和android用户选中文字**/
.txtoh{ overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.txto2{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.c333{ color:#333;}
.c666{ color:#666;}
.c999{ color:#999;}
.cfff{ color:#fff;}
.fs34{ font-size:34px;}
.fs30{ font-size:30px;}
.fs28{ font-size:28px;}
.fs26{ font-size:26px;}
.fs20{ font-size:20px;}
.fs16{ font-size:16px;}
.fs14{ font-size:14px;}
.fs12{ font-size:12px;}
.li50{ line-height:50px;}
.li49{ line-height:49px;}
.li42{ line-height:42px;}
.li20{ line-height:20px;}
.li70{ line-height:70px;}
.h50{ height:50px;}
.h40{ height:40px;}
.border-t{ border-top:1px solid #CCCCCC;}
.pdlr10{ padding:0 10px;}
.pdt35{ padding-top:35px;}
.pdt40{ padding-top:40px;}
.pdt50{ padding-top:50px;}
.pdt60{ padding-top:60px;}
.pdb30{ padding-bottom:30px;}
.pdb40{ padding-bottom:40px;}
.pdb60{ padding-bottom:60px;}
.magatou{ margin:0 auto;}
.magt50{ margin-top:50px;}
.magb30{ margin-bottom:30px;}
.css{-webkit-user-select:none;}
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.transform_time{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.transform_img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.font{ overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.font{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.pr a{float:left;}
.center{ width:100%; margin:0 auto; max-width:1200px;}
/**导航**/
.header{ background:#fff; width:100%; height:180px; position:fixed; top:0; left:0; z-index:99999;}
.welcome{ width:100%; height:44px; background:#F6F6F6;}
.welcome_left{ float:left; font-size:14px; color:#999999; line-height:44px; text-align:left;}
.welcome_right{ float:right; font-size:14px; color:#666666; line-height:28px; text-align:right; padding-top:8px;}
.welcome_right a{ display:inline-block; line-height:28px;}
.welcome_right a img{ margin-left:10px;}
.welcome_right a:hover{ color:#FFA600;}
.logo{ width:1200px; height:99px; background:#fff;margin:0 auto;}
.logo img{ height:90px;}
.mobile{ width: 100%; margin:0 auto; height:46px; position:relative; z-index:9999; background:#065af0;}
.moblogo{ display:none;}
.mobile-inner-nav{ max-width:1200px; text-align:center; margin:0 auto;}
.mobile-inner-nav li{ display:block; width:10%; float:left; position:relative; z-index:1;}
.mobile-inner-nav a{ display:inline-block; height:46px; padding:0px; line-height:46px; font-size:16px; color:#fff;}
.mobile-inner-nav a sub{ bottom:2px; height:2px; width:0; position:relative; background:#FFA600; display: block; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); margin:0 auto; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

.mobile-inner-nav li dl{ position:absolute; top:46px; left:0; z-index:99; display:block; text-align:center; background:#139042; color:#fff; width:100%; display:none;}
.mobile-inner-nav li dl dd{ width:100%;}
.mobile-inner-nav li dl dd a.cur{ color:#fff;}
.mobile-inner-nav li dl dd a.cur:hover{ color:#FFA600;}
.mobile-inner-nav li:hover{}
.mobile-inner-nav a:hover,.mobile-inner-nav a.cur{ color:#FFA600;}
.mobile-inner-nav li:hover  sub,.mobile-inner-nav li a.cur sub{ width:100%;}
.mobile-inner-nav li:hover a.first{ color:#FFA600;}



.header-bg{ -webkit-box-shadow:0px 0px 10px #999; -moz-box-shadow:0px 0px 10px #999; box-shadow:0px 0px 10px #999;}

/**banner**/
.i_banner{ width:100%; padding-top:180px;}
#owl-demo{ display:none; width:100%; height:350px;}
#owl-demo .item { width:100%; height:350px; overflow:hidden; display:block;}
#owl-demo .item a{ display:block; width:100%; height:100%;}
#owl-demo .item img{ display:none;}
#owl-demo .owl-wrapper-outer{ z-index:1040;}
#owl-demo .owl-controls .owl-pagination { padding-bottom:10px;width: 100%; max-width:100% !important;  margin: 0 auto; text-align:center; position:absolute; bottom:0; z-index:1040;}
#owl-demo .owl-controls .owl-page span { display: block;width:14px; height:14px; margin: 5px; background:none; border-radius:7px; background:#fff; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
#owl-demo .owl-controls .owl-page.active span, #owl-demo .owl-controls.clickable .owl-page:hover span { background:#029C46;}

#owl-demo .owl-controls { height:0; padding:0; margin:0;}
#owl-demo .owl-controls .owl-buttons div{ border-radius:4px; position:absolute; top:50%; margin-top:-22px; color: #F4A21A;display: inline-block;zoom: 1;*display: inline;font-size: 12px;width:44px;height:44px;text-indent:5000px;float:left; z-index:1040; overflow:hidden;}
#owl-demo .owl-wrapper-outer{ z-index:1040;}
#owl-demo .owl-controls .owl-buttons .owl-prev{ background-image:url("../images/left_but.png"/*tpa=http://www.bjhaiyan.com/images/left_but.png*/); background-position:left center; background-repeat:no-repeat; left:30px; background-color:rgba(255,255,255,0.8);}
#owl-demo .owl-controls .owl-buttons .owl-next{ background-image:url("../images/right_but.png"/*tpa=http://www.bjhaiyan.com/images/right_but.png*/); background-position:left center; background-repeat:no-repeat; right:30px; background-color:rgba(255,255,255,0.8);}
#owl-demo .owl-controls .owl-buttons .owl-prev:hover{ background-position:right center; background-color:#FFA600;}
#owl-demo .owl-controls .owl-buttons .owl-next:hover{ background-position:right center; background-color:#FFA600;}




.i_about{ width:100%; margin:0 auto;}
.i_about_l{ width:calc(100% - 480px); float:left; padding-right:25px;}
.i_about_entitle{ text-transform:uppercase; color:#149043; line-height:1;}
.i_about_cntitle{ color:#333333; line-height:40px;}
.i_about_con p{ line-height:24px; font-size:14px; color:#333333; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.i_about_more{ text-transform:uppercase; display:block; float:right; width:80px; height:30px; text-align:center; line-height:30px; color:#fff; font-size:14px; border-radius:15px; background:#FCA700; margin:16px 0;}
.i_about_but{ width:100%; height:60px; background:#E7F4EB; text-align:center; padding:10px 10px 0;}
.i_about_but li{ display:block; width:25%; float:left; text-align:center; height:40px;}
.i_about_but li a{ display:inline-block; padding-left:46px; position:relative; z-index:1; height:40px; line-height:40px; font-size:14px; color:#333; text-align:left;}
.i_about_but li a img{ display:block; width:40px; height:40px; position:absolute; top:0; left:0; z-index:9;}
.i_about_but li a:hover{ color:#139044;}

.i_about_r{ width:480px; float:right; padding:16px 0 0 16px;}
.mobimg{ display:none;}
.i_about_img{ position:relative; z-index:1;}
.i_about_r img{ width:100%; position:relative; z-index:999;}
.i_about_bg{ position:absolute; top:-16px; left:-16px; z-index:99; background:#139044; width:100%; height:100%;}
/**内页banner**/
.n_banner{ width:100%; padding-top:180px; position:relative; z-index:1;}
.n_banner_box{ width:100%; height:400px;}
.n_banner_box img{ width:100%; display:none;}
.n_title{ display:block; width:100%; max-width:1200px; position:absolute; bottom:0; z-index:9; left:50%; margin-left:-600px; height:100px; background:url("../images/b_bg.png") repeat; padding:22px 36px 0;}
.n_title_l{ float:left;}
.n_cntitle{ color:#32b16c; line-height:32px; font-size:24px;}
.n_entitle{ color:#999999; line-height:22px; font-size:16px; text-transform:uppercase;}
.n_title_r{ float:right; text-align:right; padding-top:15px;}
.n_title_r p{ font-size:14px; color:#999; line-height:24px;}
.n_title_r p a{ font-size:14px; color:#999;}
.n_title_r p a:hover{ color:#FFA600;}

/**内页导航**/
.n_nav{ width:100%; max-width:1220px; margin:0 auto; text-align:center;}
.n_nav a{ display:inline-block; padding:0 20px; min-width:120px; margin:0 10px; height:40px; line-height:40px; background:#F8F8F8; color:#333; font-size:14px; text-align:center; border-radius:5px;}
.n_nav a:hover,.n_nav a.cur{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; background:#32B16C; color:#fff;}

/**公共标题**/
.i_title{ width:100%; text-align:center; padding:0 10px;}
.i_entitle{ text-transform:uppercase; color:#149043; line-height:42px;}
.i_cntitle{ color:#333333; line-height:32px;}
.i_title_bg{ height:26px; background:url("../images/i_title.png"/*tpa=http://www.bjhaiyan.com/images/i_title.png*/) center no-repeat; clear:both; width:100%;}

/**企业文化**/
.i_culture{ display:none; width:100%; max-width:1260px; padding:0 10px;}
.i_culture .item{ width:100%; display:block; padding:54px 20px 0;}
.i_culture .item a{ display:block; width:100%; border-radius:10px; border:1px solid #139042; background:#E7F4EB; position:relative; z-index:1; padding:52px 0 12px; text-align:center;}
.i_culture .item a .i_culture_title{ line-height:52px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; font-size:16px; line-height:; color:#333;}
.i_culture .item a .i_culture_con{ font-size:12px; color:#666; line-height:20px; height:40px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_culture .item a span{ display:block; font-size:12px; color:#999; line-height:44px; height:44px; margin:0 auto;}
.i_culture .item a img{ width:106px; height:106px; position:absolute; top:-54px; left:50%; margin-left:-53px; z-index:9; background:#139042; border-radius:50%; overflow:hidden;}
.i_culture .owl-controls{ text-align:center; padding:30px 0 0; margin:0 auto;}
.i_culture .owl-controls .owl-page span {display:inline-block;  width:58px;height:5px;margin: 5px; background-color:#E8F5EC;}
.i_culture .owl-controls .owl-page.active span, .i_culture .owl-controls.clickable .owl-page:hover span {background-color: #139140;}

/**新闻中心**/
.n_news{width:100%; margin:0 auto; max-width:1220px; padding:0 10px;}
.n_news dl{ width:100%; margin-bottom:30px;}
.n_news dl a{ display:block; width:100%; border-bottom:1px solid #F6F6F6; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_news dl dt{ width:290px; overflow:hidden; float:left;}
.n_news dl dt img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_news dl dd{ width:calc(100% - 290px); float:right; padding:26px 70px 0 30px; position:relative; z-index:1;}
.n_news_title{ height:42px; padding-right:86px; position:relative; z-index:1; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; line-height:42px; font-size:16px; color:#333; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_news_title span{ display:block; width:86px; font-size:14px; color:#999; line-height:42px; height:42px; position:absolute; text-align:right; top:0; right:0; z-index:9; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_news_con{ width:100%; padding-top:12px;}
.n_news_con p{ font-size:14px; color:#999; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_news dl dd b{ display:block; width:36px; height:36px; position:absolute; top:50%; right:0; z-index:9; background:#F2F2F2 url("../images/news_but.png") center left no-repeat; border-radius:50%;}
.n_news dl a:hover{ background:#32B16C;}
.n_news dl a:hover .n_news_title ,.n_news dl a:hover .n_news_title span ,.n_news dl a:hover .n_news_con p{ color:#fff;}
.n_news dl a:hover b{ background:#32B16C url("../images/news_but.png") center right no-repeat;}
.n_news dl a:hover dt img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}

/**产品中心**/
.i_product_box{ width:100%; height:596px; background:url("../images/product_bg.jpg") center no-repeat;}
.i_product{ display:none; width:100%; max-width:1200px; margin:48px auto 0; padding:0 44px;}
.i_product .item{ width:100%; display:block; padding:0 10px;}
.i_product .item a{ display:block; width:100%;}
.i_product .item a .i_product_img{ width:100%; overflow:hidden; border-radius:5px; background:#fff; overflow:hidden;}
.i_product .item a .i_product_img img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.i_product .item a .i_product_title{ line-height:52px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; font-size:14px; line-height:; color:#fff; text-align:center;}
.i_product .item a:hover .i_product_img img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}

.i_product .owl-controls { height:0; padding:0; margin:0;}
.i_product .owl-controls .owl-buttons div{ border-radius:4px; position:absolute; top:50%; margin-top:-22px; color: #F4A21A;display: inline-block;zoom: 1;*display: inline;font-size: 12px;width:44px;height:44px;text-indent:5000px;float:left; z-index:1040; overflow:hidden;}
.i_product .owl-wrapper-outer{ z-index:1040;}
.i_product .owl-controls .owl-buttons .owl-prev{ background-image:url("../images/left_but.png"); background-position:left center; background-repeat:no-repeat; left:0; background-color:rgba(255,255,255,0.8);}
.i_product .owl-controls .owl-buttons .owl-next{ background-image:url("../images/right_but.png"); background-position:left center; background-repeat:no-repeat; right:0; background-color:rgba(255,255,255,0.8);}
.i_product .owl-controls .owl-buttons .owl-prev:hover{ background-position:right center; background-color:#FFA600;}
.i_product .owl-controls .owl-buttons .owl-next:hover{ background-position:right center; background-color:#FFA600;}

/**质量建设**/
.n_construction{ width:100%; max-width:1220px; margin:0 auto; padding:30px 10px 0;}
.n_construction dl{ width:100%; margin-bottom:20px;}
.n_construction dl a{ display:block; width:100%; background:#FBFBFB;}
.n_construction dl dt{ display:table; float:left; width:176px; height:140px; background:#32B16C; color:#fff; font-weight:normal; padding:10px;}
.n_construction_title{ display:table-cell; font-size:20px; line-height:30px; text-align:center; vertical-align:middle;}
.n_construction dl dd{ display:table; width:calc(100% - 176px);  height:140px; float:right; position:relative; z-index:1;}
.n_construction_con{ display:table-cell; vertical-align:middle; padding:0 148px 0 36px;}
.n_construction_con p{ font-size:14px; color:#999; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:60px;}

.n_construction dl dd span{ display:block; width:70px; height:34px; border-radius:17px; background:#32B16C; font-size:14px; text-align:center; line-height:34px; color:#fff; position:absolute; top:50%; margin-top:-17px; right:38px; z-index:9;}
/**新闻中心**/
.i_news_box{ width:100%; margin:0 auto; max-width:1220px;}

/*新闻资讯*/
.s-pages{ padding-top:30px;}
.s-pages .s-pages-l {
    width: 46.67%;
    height: 325px;
    margin-right: 3.33%;
}
.s-pages .s-pages-l .bx-wrapper {
    margin: 0;
    overflow: hidden;
}
.s-pages .s-pages-r {
    width: 50%;
    height: 324px;
}
.s-pages .s-pages-r li {
    height: 100px;
    margin-bottom: 11px;
    cursor: pointer;
}
.s-pages .s-pages-r li a{ display:block; width:100%; height:100%; background:#F3F9F5;}
.s-pages .s-pages-r li:hover .r-l,.s-pages .s-pages-r li.act .r-l {
    background: #139042;
}
.s-pages .s-pages-r .r-l {
    width: 23%;
    height: 100%;
    margin-right: 3.3%;
}
.rel {
    position: relative;
}
.s-pages .s-pages-r li:hover .c-r-l,.s-pages .s-pages-r li.act .c-r-l {
    background: none;
}
.s-pages .s-pages-r .c-r-l {
    height: 100%;
    text-align: center;
    background: #E7F4EB;
}
.s-pages .s-pages-r li:hover .c-r-l p,.s-pages .s-pages-r li.act .c-r-l p {
    color: #fff;
}
.s-pages .s-pages-r li .c-r-l p{
	color: #666;
}
.pdtb {
    padding: 14px 0;
}
.s-pages .s-pages-r .r-l .c-r-l .border-t {
    border-top: 1px solid #cccccc;
}
.s-pages .s-pages-r .r-l .c-dot {
    display: none;
    position: absolute;
    left: -9px;
    top: 50%;
    margin-top: -10px;
    width: 10px;
    height: 19px;
    background: url("../images/sec3-dot.jpg"/*tpa=http://www.bjhaiyan.com/images/sec3-dot.jpg*/) no-repeat;
}
.s-pages .s-pages-r .r-r {
    width: 73.7%;
    height: 100%;
}
.s-pages .s-pages-r .c-r-r {
    margin: 1% 0;
    height: 81.32%;
}
.s-pages .s-pages-r li:hover .c-r-r h3,.s-pages .s-pages-r li.act .c-r-r h3 {
    color: #007d5a;
}
.s-pages .s-pages-l ul li{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  height: 324px;
}
.s-pages-l .bx-wrapper .bx-pager{
	bottom: 15px;
	text-align: right;
 }
.s-pages-l .bx-wrapper .bx-pager-item a{
	overflow: hidden;
	text-indent: 99999px;
 }
.s-pages .s-pages-r li:hover .r-l .c-dot,.s-pages .s-pages-r li.act .r-l .c-dot {
    display: block;
}

.bx-wrapper .bx-pager.bx-default-pager a{ background:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:#037C59;}

/**首页视频**/
.i_video{ height:500px; width:100%;}
.i_video_bg{ background:url("../images/h_bg.png"/*tpa=http://www.bjhaiyan.com/images/h_bg.png*/) repeat; width:100%; height:500px; padding:0 10px; position:relative; z-index:1; display:table;}
.i_video_but{ display:table-cell; text-align:center; vertical-align:middle;}

/**友情链接**/
.i_link_box{ width:100%; max-width:1220px; margin:0 auto;}
.i_link{ width:100%; display:none; padding-top:30px;}
.i_link .item{ width:100%; display:block; padding:0 20px;}
.i_link .item a{ display:block; width:100%; border-radius:10px; border:1px solid #C9C9C9; overflow:hidden;}
.i_link .item a img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.i_link .item a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}

/**联系我们**/
.i_contact{ width:100%; margin:0 auto; height:300px;}
.i_contact_bg{ width:100%; margin:0 auto; height:300px; background:url("../images/l_bg.png"/*tpa=http://www.bjhaiyan.com/images/l_bg.png*/) repeat;}
.i_contact_way{ width:100%; max-width:1200px; margin:0 auto; text-align:center; padding-top:36px;}
.i_contact_way li{ width:33.33%; display:block; float:left; height:28px; line-height:28px; text-align:center;}
.i_contact_way li a{ display:inline-block; text-align:center; font-size:14px; color:#fff;}
.i_contact_way li a img{ margin-right:10px;}

footer{ width:100%; text-align:center; padding:13px 10px; line-height:24px; font-size:14px; color:#fff; background:#139042;}

/**在线留言**/
.n_feedback{ width:100%; background:#FBFBFB; padding:30px; margin-bottom:40px;}
.n_feedback_box{ width:100%; max-width:900px; margin:0 auto;}
.n_feedback_box dl{ width:50%; float:left; position:relative; z-index:1; padding-left:140px; margin-bottom:20px;}
.n_feedback_box dl dt{ font-weight:normal; font-size:14px; line-height:38px; color:#666; width:140px; height:38px; position:absolute; top:0; left:0; padding-right:14px; text-align:right;}
.n_feedback_box dl dt span{ color:red;}
.n_feedback_box dl dd{ width:100%;}
.n_feedback_input{ height:38px; line-height:36px; text-indent:10px; font-size:14px; width:100%; border-radius:5px; border:1px solid #E7E7E7; outline:none;}
.n_feedback_textarea{ width:100%; height:130px; padding:5px 10px; border-radius:5px; border:1px solid #E7E7E7; line-height:24px; font-size:14px; outline:none;}
.code_input{ width:100%; padding-right:100px; position:relative; z-index:1;}
.code_input img{ width:90px; height:38px; position:absolute; top:0; z-index:9; right:0;}
.code_but{ width:100%; padding-top:20px;}
.code_but li{ width:50%; float:left;}
.code_but li.submit_li{ padding-right:10px;}
.code_but li.reset_li{ padding-left:10px;}
.n_feedback_but{ display:block; width:100%; height:40px; font-size:14px; text-align:center; border:none; cursor:pointer; border-radius:5px; line-height:40px;}
.submit_but{ background:#FFA600; color:#fff;}
.reset_but{ background:#E8E8E8; color:#333;}
/**产品列表**/
.n_products{ width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
.n_products li{ width:33.33%; float:left; padding:0 10px 12px;}
.n_products li a{ display:block; width:100%;}
.n_products li a .n_products_img{ overflow:hidden; /*padding:0 16%;*/ border:1px solid #F2F2F2; border-radius:5px;}
.n_products li a .n_products_img img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_products li a p{ line-height:50px; font-size:14px; color:#333; text-align:center;}
.n_products li a:hover .n_products_img img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.n_products li a:hover p{ color:#32B16C;}

/**产品详情**/
.n_product_top{ width:100%; max-width:1220px; margin:0 auto; padding:0 10px 40px;}
.n_prodcut_l{ width:474px; float:left; padding:16px 0 0 16px;}
.n_prodcut_img{ position:relative; z-index:1; border:1px solid #EDF4EC;}
.n_prodcut_img img{ width:100%; z-index:99; position:relative;}
.n_prodcut_bg{ position:absolute; top:-16px; left:-16px; z-index:99; background:#139044; width:100%; height:100%;}
.n_prodcut_r{ width:calc(100% - 474px); padding-left:40px; float:right;}
.n_prodcut_title{ font-size:24px; color:#32b16c; padding-top:6px; border-bottom:1px solid #F2F2F2; line-height:46px;}
.n_prodcut_con{ color:#333333; font-size:14px; line-height:30px; padding-top:28px;}
.n_prodcut_con span{ color:#32b16c; line-height:40px; font-size:14px;}

/**tab**/
.proinfo_tab{ width:100%; margin:0 auto; max-width:1220px; padding:0 10px; overflow:hidden;}
.proinfo_tab_list{ width:100%; margin-bottom:10px;}
.proinfo_tab_list li{ width:140px; height:40px; font-size:16px; color:#333; background:#F8F8F8; text-align:center; cursor:pointer; margin-right:6px; float:left; line-height:40px; -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s;}
.proinfo_tab_list li:hover{background:#32B16C; color:#fff; -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s;}
.proinfo_tab_list li.active{ background:#32B16C; color:#fff; -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s;}

.proinfo_tab_con_list{ width:100%; padding:10px 10px 20px; font-size:14px; line-height:30px; color:#323232;}
.proinfo_tab_con_list img{ max-width:100%;}
.g_hide{ display:none;}

.back{ display:block; width:120px; height:40px; line-height:40px; background:#F8F8F8; text-align:center; font-size:14px; color:#333; margin:40px auto; border-radius:5px;}
.back:hover{ background:#32B16C; color:#fff;}

/**党建工作**/
.n_party{ width:100%; max-width:1220px; padding:0 10px 30px; margin:0 auto;} 
.n_party dt{ width:100%; border-top:3px solid #33AF70; background:#F2F2F2; height:57px; line-height:54px; color:#32B16C; font-size:16px;}
.n_party_time_th{ width:190px; float:left; height:54px; padding-left:54px;}
.n_party_title_th{ width:calc(100% - 290px); float:left; height:54px;}
.n_party_but_th{ width:90px; float:right; height:54px; }
.n_party dd{ width:100%; border-bottom:1px solid #F2F2F2; line-height:60px; font-size:16px;}
.n_party dd a{ display:block; width:100%; height:60px; -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s;}
.n_party_time_td{ width:190px; float:left; height:60px; padding-left:54px; color:#32B16C; -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s;}
.n_party_title_td{ width:calc(100% - 290px); float:left; height:60px; color:#333; -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s;}
.n_party_but_td{ width:90px; float:right; height:60px; position:relative; z-index:1;}
.n_party_but_td span{ display:block; width:24px; height:24px; border-radius:50%; background:#F3F3F3 url("../images/party_but.png"/*tpa=http://www.bjhaiyan.com/images/party_but.png*/) left center no-repeat; position:absolute; top:50%; margin-top:-12px; left:0; z-index:9;}
.n_party dd a:hover{ background:#32B16C;}
.n_party dd a:hover .n_party_but_td span{ background:#fff url("../images/party_but.png"/*tpa=http://www.bjhaiyan.com/images/party_but.png*/) right center no-repeat; position:absolute; top:50%; margin-top:-12px; left:0; z-index:9;}
.n_party dd a:hover .n_party_time_td,.n_party dd a:hover .n_party_title_td{ color:#fff;}

/**党建工作详情**/
.con_title{ width:100%; max-width:1220px; padding:0 10px 22px; background:url("../images/title_bg.jpg"/*tpa=http://www.bjhaiyan.com/images/title_bg.jpg*/) center bottom no-repeat; margin:0 auto;}
.con_h1{ font-size:20px; line-height:34px; padding:4px 0; text-align:center; color:#32b16c;}
.con_p{ line-height:34px; font-size:14px; color:#999; text-align:center; padding-bottom:10px;}

.n_con{ width:100%; max-width:1220px; overflow:hidden; margin:0 auto; padding:10px; color:#333; line-height:24px; font-size:14px;}
.n_con img{ max-width:100% !important; }  
 
/**发展历程**/
.n_course_mag{ margin-bottom:30px;}
.n_course{ width:100%; max-width:1220px; margin:0 auto 0px; padding:0 10px 10px; position:relative; z-index:1;}
.n_course::after{ display:block; width:1px; height:100%; position:absolute; top:0; left:50%; z-index:9; content:''; background:#DCDCDC;}
.n_course_con{ width:100%; -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; padding:10px;}
.n_course_l{ text-align:right; width:100%; padding-right:50%;}
.n_course_l .n_course_box{ padding-right:24px; position:relative; z-index:99;}
.n_course_l span.time{ color:#32b16c; font-size:26px; display:block; position:relative; z-index:99; height:42px; line-height:42px;}
.n_course_l .n_course_box::after{ content:''; display:block; width:11px; height:11px; border-radius:50%; background:#32B16C; position:absolute; right:-6px; top:50%; margin-top:-5px; z-index:999;}
.n_course_r{ text-align:left; width:100%; padding-left:50%;}
.n_course_r .n_course_box{ padding-left:24px; position:relative; z-index:99;}
.n_course_r span.time{ color:#32b16c; font-size:26px; display:block; position:relative; z-index:99; height:42px; line-height:42px;}
.n_course_r .n_course_box::after{ content:''; display:block; width:11px; height:11px; border-radius:50%; background:#32B16C; position:absolute; left:-5px; top:50%; margin-top:-5px; z-index:999;}
.n_course p{ font-size:12px; color:#666; line-height:24px;}
.n_course_l .n_course_con:hover{ background:#32B16C; padding-right:30px;}
.n_course_r .n_course_con:hover{ background:#32B16C; padding-left:30px;}
.n_course_con:hover span{ color:#fff;}
.n_course_con:hover p{ color:#fff;}

/**公司荣誉**/
.n_honor{ width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
.n_honor li{ width:33.33%; float:left; padding:0 10px 12px;}
.n_honor li a{ display:block; width:100%;}
.n_honor li a .n_honor_img{ overflow:hidden; padding:16%; border:1px solid #F2F2F2; border-radius:5px;}
.n_honor li a .n_honor_img img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_honor li a p{ line-height:50px; font-size:14px; color:#333; text-align:center;}
.n_honor li a:hover .n_honor_img img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.n_honor li a:hover .n_honor_img{ border:1px solid #32B16C;}
.n_honor li a:hover p{ color:#32B16C;}

/**企业宣传片**/
.n_video{ width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
.n_video li{ width:33.33%; float:left; padding:0 10px 12px;}
.n_video li a{ display:block; width:100%;}
.n_video li a .n_video_img{ overflow:hidden; border:1px solid #F2F2F2; position:relative; z-index:1;}
.n_video li a .n_video_img img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_video_bg{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) url("../images/video_bg.png"/*tpa=http://www.bjhaiyan.com/images/video_bg.png*/) center no-repeat; position:absolute; top:0; left:0; z-index:9;}
.n_video li a p{ line-height:50px; font-size:14px; color:#333; text-align:center;}
.n_video li a:hover .n_video_img img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.n_video li a:hover p{ color:#32B16C;}


/**团队建设**/
.n_team{ width:100%; max-width:1224px; margin:0 auto;}
.n_team li{ width:25%; float:left; padding:0 12px 12px;}
.n_team li a{ display:block; width:100%;}
.n_team li a .n_team_img{ overflow:hidden; border:1px solid #F2F2F2; border-radius:5px;}
.n_team li a .n_team_img img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_team li a p{ line-height:50px; font-size:14px; color:#333; text-align:center;}
.n_team li a:hover .n_team_img img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.n_team li a:hover .n_team_img{ border:1px solid #32B16C;}
.n_team li a:hover p{ color:#32B16C;}

/**加入我们**/
.n_joinus{ width:100%; max-width:1220px; margin:0 auto; padding:0 10px 30px;}
.n_joinus dt{ width:100%; height:44px; line-height:44px; color:#fff; background:#32B16C; text-align:center; font-size:16px;}
.joinus_th{ float:left; height:44px;}
.n_joinus_th01{ width:12%;}
.n_joinus_th02{ width:16%;}
.n_joinus_th03{ width:15%;}
.n_joinus_th04{ width:15%;}
.n_joinus_th05{ width:15%;}
.n_joinus_th06{ width:15%;}
.n_joinus_th07{ width:12%;}
.n_joinus dd{ font-size:14px; text-align:center; height:44px; line-height:44px; width:100%;}
.n_joinus dd a{ color:#666;}
.joinus_td{ float:left; height:44px;}
.n_joinus_td01{ width:12%;}
.n_joinus_td02{ width:16%;}
.n_joinus_td03{ width:15%;}
.n_joinus_td04{ width:15%;}
.n_joinus_td05{ width:15%;}
.n_joinus_td06{ width:15%;}
.n_joinus_td07{ width:12%; position:relative; z-index:1;}
.n_joinus_td07 span{ display:block; width:24px; height:24px; background:url("../images/join_but.png"/*tpa=http://www.bjhaiyan.com/images/join_but.png*/) center left no-repeat; position:absolute; top:50%; margin-top:-12px; left:50%; margin-left:-12px; z-index:9;}
.n_joinus dd:nth-child(odd){ background:#F5F5F5;}
.n_joinus dd:nth-child(even){ }

/**加入我们详情**/
.n_join_title{ width:100%; padding:0 30px; height:46px; line-height:46px; overflow:hidden; background:#F5F5F5; margin:30px auto; max-width:1200px; text-align:center; font-size:14px; color:#333;}
.n_join_title li{ display:block; width:25%; float:left;}

/**科技研发**/
.n_technology{ width:100%; margin:0 auto; max-width:1220px; padding:0 10px;}
.n_technology dl{ margin-bottom:30px;}
.n_technology dl a{ display:block; width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; border:1px solid #F1F1F1;}
.n_technology dl dt{ width:50%; overflow:hidden;}
.n_technology dl dt img{ width:100%; width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_technology dl dd{ width:50%; padding:20px 30px;}
.n_technology_title{ font-size:18px; line-height:40px; color:#333; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_technology_con{ padding-top:14px; }
.n_technology_con p{ height:120px; color:#666; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.n_technology dl dd span{ display:block; width:70px; height:32px; border-radius:16px; text-align:center; background:#32B16C; font-size:16px; line-height:32px; color:#fff; float:right; margin-top:20px;}
.n_technology dl a:hover dt img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.n_technology dl a:hover{ background:#32B16C;}
.n_technology dl a:hover .n_technology_title,.n_technology dl a:hover .n_technology_con p{ color:#fff;}

/**联系我们**/
.n_contact_way{ width:100%; padding:26px 34px; background:#FBFBFB; min-height:328px; position:relative; z-index:1; margin-bottom:30px;}
.n_contact_way_bg{ position:absolute; top:50%; margin-top:-138px; right:34px; height:276px; width:276px; background:url("../images/contact_bg.jpg"/*tpa=http://www.bjhaiyan.com/images/contact_bg.jpg*/) center right no-repeat;}
.n_contact_title{ font-size:18px; color:#32b16c; line-height:42px; border-bottom:2px solid #32b16c; display:inline-block; position:relative; z-index:99;}
.n_contact_con{ width:100%; position:relative; z-index:99; padding-top:30px;}
.n_contact_con li{ line-height:28px; font-size:14px; color:#666; padding:5px 0;}
.n_contact_con li img{ margin-right:6px;}

.n_contact_map{ width:100%; overflow:hidden; height:440px; margin-bottom:30px;}

/*动画效果*/
.ani-up{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.fadeInUp{visibility: visible;animation: fadeInUp ease-out 1s forwards;-webkit-animation: fadeInUp ease-out 1s forwards;-moz-animation: fadeInUp ease-out 1s forwards;}
.ani-right{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.faderight {visibility: visible;animation: faderight ease-out 1s forwards;-webkit-animation: faderight ease-out 1s forwards;-moz-animation: faderight ease-out 1s forwards;}
.ani-left{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.fadeleft {visibility: visible;animation: fadeleft ease-out 1s forwards;-webkit-animation: fadeleft ease-out 1s forwards;-moz-animation: fadeleft ease-out 1s forwards;}
.scalew{animation: scaleW .8s 1s both;-moz-animation: scaleW .8s 1s both;-webkit-animation: scaleW .8s 1s both;}
.scaleh{animation: scaleH .8s 1s both;-webkit-animation: scaleH .8s 1s both; -moz-animation: scaleH .8s 1s both;}
.fadedown{-webkit-animation:fadeInDown .8s .3s both;-moz-animation:fadeInDown .8s .3s both;animation:fadeInDown .8s .3s both;}
.fadeup{-webkit-animation: fadeInUp .8s .3s both;-moz-animation: fadeInUp .8s .3s both;animation: fadeInUp .8s .3s both;}
.ostar{animation: ostar 1s 0s infinite linear both;-webkit-animation: ostar 1s 0s infinite linear both; -moz-animation: ostar 1s 0s infinite linear both;}
@keyframes ostar{
	0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@-webkit-keyframes ostar{
	0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@-moz-keyframes ostar{
	0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@keyframes scaleW{
	0%{transform:scaleX(0)}100%{transform:scaleX(1)}
}
@-webkit-keyframes scaleW{
	0%{-webkit-transform:scaleX(0)}100%{-webkit-transform:scaleX(1)}
}
@-moz-keyframes scaleW{
	0%{-moz-transform:scaleX(0)}100%{-moz-transform:scaleX(1)}
}
@keyframes scaleH{
	0%{transform:scaleY(0)}100%{transform:scaleY(1)}
}
@-webkit-keyframes scaleH{
	0%{-webkit-transform:scaleY(0)}100%{-webkit-transform:scaleY(1)}
}
@-moz-keyframes scaleH{
	0%{-moz-transform:scaleY(0)}100%{-moz-transform:scaleY(1)}
}
@keyframes fadeInDown {
    0% { opacity: 0; transform: translate3d(0,-100%,0)} 100% { opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInDown { 
	0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0);}100% { opacity: 1; -webkit-transform: none;}
}
@-moz-keyframes fadeInDown { 
	0% { opacity: 0; -moz-transform: translate3d(0,-100%,0);}100% { opacity: 1; -moz-transform: none;}
}
@keyframes fadeInUp {
	0% {opacity: 0;transform: translate3d(0, 50%, 0);}100% {opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInUp {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(0, 50%, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeInUp {
	0% {opacity: 0;-moz-transform: translate3d(0, 50%, 0);}100% {opacity: 1;-moz-transform: none;}
}
@keyframes faderight {
	0% {opacity: 0;transform: translate3d(-50%, 0, 0);}100% {opacity: 1;transform: none}
}
@-webkit-keyframes faderight {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(-50%, 0, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes faderight {
	0% {opacity: 0;-moz-transform: translate3d(-50%, 0, 0);}100% {opacity: 1;-moz-transform: none;}
}
@keyframes fadeleft {
	0% {opacity: 0;transform: translate3d(50%, 0, 0);}100% {opacity: 1;transform: none}
}
@-webkit-keyframes fadeleft {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(50%, 0, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeleft {
	0% {opacity: 0;-moz-transform: translate3d(50%, 0, 0);}100% {opacity: 1;-moz-transform: none;}
}
@media (max-width: 1200px){
.mobile-inner-nav li dl{ display:none !important;}
.mobile-inner-nav a sub{ bottom:0px; height:0px; display:none;}
.mobile-inner-nav{visibility: visible !important;}
.center{ padding:0 10px;}
.welcome{ display:none;}
.logo{ display:none;}
.header{ height:50px; border:none;}
.mobile-inner-header-icon{color: #333;height: 50px;font-size:25px;text-align: center;position:absolute;top:0; right:0; z-index:999;width: 50px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left:50%;margin-left:-13px;background-color:#139042;display: block; width: 26px; height: 2px;}
.mobile-inner-header-icon .icon-bar1{ top:16px;}
.mobile-inner-header-icon .icon-bar2{ top:25px;}
.mobile-inner-header-icon .icon-bar3{ top:34px;}
.mobile-inner-header-icon .icon-bar1.rotated {position:absolute;top:25px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);background-color:#139042;}
.mobile-inner-header-icon .icon-bar2.rotated {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity: 0;}
.mobile-inner-header-icon .icon-bar3.rotated {position:absolute;top: 25px;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);-o-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);background-color:#139042;}
.trans, .trans:hover {-webkit-transition: all 277ms ease-in-out;-moz-transition: all 277ms ease-in-out;-o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out;}
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}

.mobile{ height:50px; background:#fff;}
.moblogo{ display:block; height:50px; float:left; overflow:hidden; margin-left:10px;}
.moblogo img{ height:50px;}
.mobile-inner-nav{ visibility: visible !important; text-align:left; max-width:100%; float:none; background-color:#fff; width: 100%;position: absolute;top: 50px;left: 0px;padding:0 10px 10px;display: none;}
.mobile-inner-nav li{ display:block; width:100%; float:none; border-bottom: solid 1px #ddd; -webkit-transition: all 0.5s;-moz-transition: all 0.5s; -o-transition: all 0.5s;transition: all 0.5s; -webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.mobile-inner-nav li dl{ display:none !important;}
.mobile-inner-nav a{display: inline-block; height:50px; padding:0; line-height: 50px;text-decoration: none;width: 100%;color:#333;}
.mobile-inner-nav a:hover{ color:#FFA600;}



/**科技研发**/
.n_technology dl{ margin-bottom:30px; width:50%; float:left; padding:0 10px;}
.n_technology dl dt{ width:100%;}
.n_technology dl dd{ width:100%; padding:10px;}
.n_technology_title{ font-size:16px; line-height:40px;}
.n_technology_con{ padding-top:10px; }
.n_technology_con p{ height:120px; line-height:24px; -webkit-line-clamp:5;}
.n_technology dl dd span{ width:70px; height:30px; border-radius:16px; line-height:30px; margin-top:10px;}


@-webkit-keyframes returnToNormal {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes returnToNormal {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}



/**banner**/
.i_banner{ width:100%; height:auto; padding-top:50px;}
#owl-demo{ height:auto;}
#owl-demo .item { height:auto; background:none !important;}
#owl-demo .item img{ width:100%; display:block;}

/**内页**/
.n_banner{ padding-top:50px;}
.n_banner_box{ width:100%; height:auto;}
.n_banner_box img{ display:block;}

.n_title{ left:50%; margin-left:-50%;}



}

@media (max-width: 1050px){
.i_about_l{ width:100%; padding:0;}
.i_about_r{ display:none;}
.mobimg{padding:20px 10px 10px 20px; display:block; width:100%; max-width:480px; margin:0 auto;}
.i_about_img{ position:relative; z-index:1;}
.i_about_img img{ width:100%; position:relative; z-index:999;}
.i_about_bg{ position:absolute; top:-16px; left:-16px; z-index:99; background:#139044; width:100%; height:100%;}

/**tab**/
.proinfo_tab_list{ margin-bottom:0px;}
.proinfo_tab_list li{ width:100px; height:40px; font-size:16px; margin-right:5px; line-height:40px; margin-bottom:5px;}


/**团队建设**/
.n_team li{ width:33.33%; padding:0 10px 12px;}
}

@media (max-width: 768px){
.fs34{ font-size:26px;}
.fs30{ font-size:22px;}
.fs28{ font-size:20px;}
.fs26{ font-size:18px;}
.fs20{ font-size:16px;}
.fs16{ font-size:14px;}
.fs14{ font-size:12px;}
.fs12{ font-size:12px;}

.pdt35{ padding-top:15px;}
.pdt40{ padding-top:20px;}
.pdt50{ padding-top:25px;}
.pdt60{ padding-top:30px;}
.pdb30{ padding-bottom:10px;}
.pdb60{ padding-bottom:30px;}
.magatou{ margin:0 auto;}
.magt50{ margin-top:25px;}
.magb30{ margin-bottom:10px;}

/**产品中心**/
.i_product_box{height:auto; padding-bottom:30px;}

.s-pages .s-pages-l,.s-pages .s-pages-r { width: 80%; margin: 0 auto;float: none;  height: auto; overflow: hidden;}
.s-pages .s-pages-r li { margin-top: 10px;}

.i_video,.i_video_bg{ height:350px;}
.i_contact{ height:auto;}
.i_contact_bg{ height:auto; padding-bottom:10px;}
.i_contact_way{ padding-top:10px;}
.i_contact_way li{ width:100%; float:none; text-align:left; margin-bottom:10px;}
.s-pages{ padding-top:10px;}


/**产品列表**/
.n_products li{ width:50%; float:left; padding:0 10px 10px;}
.n_products li a .n_products_img{ /*padding:0 15%;*/}
.n_products li a p{ line-height:40px;}


/**公司荣誉**/
.n_honor li{ width:50%; float:left; padding:0 10px 10px;}
.n_honor li a .n_honor_img{ padding:15%;}
.n_honor li a p{ line-height:40px;}

/**企业宣传片**/
.n_video li{ width:50%; float:left; padding:0 10px 10px;}
.n_video li a p{ line-height:40px;}

/**团队建设**/
.n_team li{ width:50%; float:left; padding:0 10px 10px;}
.n_team li a p{ line-height:40px;}







.n_title{  height:50px; padding:8px 10px 0;}
.n_title_l{ float:left;}
.n_cntitle{ line-height:20px; font-size:18px;}
.n_entitle{ line-height:18px; font-size:14px;}
.n_title_r{ display:none;}

/**产品详情**/
.n_product_top{ padding:0 10px 20px;}
.n_prodcut_l{ width:100%; max-width:474px; float:none; margin:0 auto; padding:20px 10px 10px 20px;}
.n_prodcut_bg{ top:-10px; left:-10px;}
.n_prodcut_r{ width:100%; padding-left:0px; float:none;}
.n_prodcut_title{ font-size:18px; padding-top:4px; line-height:40px;}
.n_prodcut_con{ line-height:26px; padding-top:10px;}
.n_prodcut_con span{line-height:30px;}



/**内页导航**/
.n_nav{ padding:10px 10px 20px;}
.n_nav a{ display:inline-block; padding:0 10px; min-width:100px; margin:10px 10px 0; height:30px; line-height:30px; }
.n_nav a:hover,.n_nav a.cur{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; background:#32B16C; color:#fff;}

/**tab**/
.proinfo_tab_list li{ width:90px; height:30px; font-size:14px; margin-right:5px; line-height:30px;}
.back{ margin:10px auto 20px;}


/**党建工作**/
.n_party{ padding:0 10px 20px;} 
.n_party dt{ border-top:2px solid #33AF70; height:50px; line-height:48px; font-size:14px;}
.n_party_time_th{ width:100px; float:left; height:48px; padding-left:10px;}
.n_party_title_th{ width:calc(100% - 150px); height:48px;}
.n_party_but_th{ width:40px; float:right; height:48px; }
.n_party dd{ line-height:50px; font-size:14px;}
.n_party dd a{ height:50px;}
.n_party_time_td{ width:100px; height:50px; padding-left:10px;}
.n_party_title_td{ width:calc(100% - 150px); height:50px;}
.n_party_but_td{ width:40px; height:50px;}
.n_party_but_td span{ left:10;}

/**党建工作详情**/
.con_title{padding:0 10px 20px;}
.con_h1{ font-size:16px; line-height:30px; padding:2px 0;}
.con_p{ line-height:30px; padding-bottom:5px;}

/**发展历程**/
.n_course_mag{ margin-bottom:20px;}
.n_course{ margin:0 auto;}
.n_course_l .n_course_box{ padding-right:20px;}
.n_course_l span.time{ font-size:20px; height:32px; line-height:32px;}
.n_course_r .n_course_box{ padding-left:20px;}
.n_course_r span.time{ font-size:20px; height:32px; line-height:32px;}


/**加入我们**/
.n_joinus{ padding:0 10px 20px;}
.n_joinus dt{ height:40px; line-height:40px;}
.joinus_th{ height:40px;}
.n_joinus_th01{ width:10%;}
.n_joinus_th02{ width:35%;}
.n_joinus_th03{ width:20%;}
.n_joinus_th04{ display:none;}
.n_joinus_th05{ width:20%;}
.n_joinus_th06{ display:none;}
.n_joinus_th07{ width:15%;}
.n_joinus dd{ height:40px; line-height:40px;}
.n_joinus dd a{ color:#666;}
.joinus_td{ height:40px;}
.n_joinus_td01{ width:10%;}
.n_joinus_td02{ width:35%;}
.n_joinus_td03{ width:20%;}
.n_joinus_td04{ display:none;}
.n_joinus_td05{ width:20%;}
.n_joinus_td06{ display:none;}
.n_joinus_td07{ width:15%;}

/**联系我们**/
.n_contact_way{ padding:10px; background:#FBFBFB; min-height:200px; margin-bottom:10px;}
.n_contact_way_bg{ margin-top:-90px; right:10px; height:180px; width:180px; background:url("../images/contact_bg.jpg"/*tpa=http://www.bjhaiyan.com/images/contact_bg.jpg*/) center right no-repeat; background-size:100% 100%;}
.n_contact_title{ font-size:16px; line-height:32px;}
.n_contact_con{ padding-top:10px;}
.n_contact_con li{ padding:1px 0;}
.n_contact_con li img{ margin-right:4px;}

.n_contact_map{height:300px; margin-bottom:20px;}

/**新闻中心**/
.n_news dl{ margin-bottom:10px; width:50%; float:left; padding:0 10px;}
.n_news dl dt{ width:100%; overflow:hidden; float:none;}
.n_news dl dd{ width:100%; float:none; padding:10px;}
.n_news_title{ height:30px; padding-right:84px; line-height:30px; font-size:14px;}
.n_news_title span{ width:84px; font-size:12px; line-height:30px; height:30px;}
.n_news_con{ width:100%; padding-top:10px;}
.n_news_con p{ font-size:12px; color:#999; line-height:20px; height:40px;}
.n_news dl dd b{ display:none;}

/**质量建设**/
.n_construction{ padding:20px 10px 0;}
.n_construction dl{ margin-bottom:10px;}
.n_construction dl dt{ display:table; float:left; width:150px; height:100px;}
.n_construction_title{ font-size:16px; line-height:26px;}
.n_construction dl dd{ display:table; width:calc(100% - 150px);  height:100px;}
.n_construction_con{ display:table-cell; vertical-align:middle; padding:0 80px 0 10px;}
.n_construction_con p{ font-size:14px; color:#999; line-height:24px; height:48px;}
.n_construction dl dd span{ display:block; width:60px; line-height:30px; height:30px; border-radius:15px; margin-top:-15px; right:10px;}

/**在线留言**/
.n_feedback{ padding:10px; margin-bottom:20px;}
.n_feedback_box dl{ width:50%; float:left; padding-left:100px; margin-bottom:10px;}
.n_feedback_box dl dt{ line-height:30px; width:100px; height:30px;}
.n_feedback_input{ height:30px; line-height:28px; text-indent:6px;}
.n_feedback_textarea{ width:100%; height:100px; padding:5px 6px; line-height:22px; }
.code_input{ width:100%; padding-right:80px; position:relative; z-index:1;}
.code_input img{ width:70px; height:30px;}
.code_but{ padding-top:10px;}
.n_feedback_but{ display:block; width:100%; height:30px; line-height:30px;}
}
@media (max-width: 640px){
	.s-pages .s-pages-l,.s-pages .s-pages-r { width:100%;}
	/**产品列表**/
	.n_products{ padding:0 5px;}
	.n_products li{ width:50%; float:left; padding:0 5px 10px;}
	.n_products li a .n_products_img{ /*padding:0 10%;*/}
	.n_products li a p{ line-height:30px;}
	
	/**公司荣誉**/
	.n_honor{ padding:0 5px;}
	.n_honor li{ width:50%; float:left; padding:0 5px 10px;}
	.n_honor li a .n_honor_img{ padding:10%;}
	.n_honor li a p{ line-height:30px;}
	
	/**企业宣传片**/
	.n_video{ padding:0 5px;}
	.n_video li{ width:50%; float:left; padding:0 5px 10px;}
	.n_video li a p{ line-height:30px;}
	
	/**团队建设**/
	.n_team{ padding:0 5px;}
	.n_team li{ width:50%; float:left; padding:0 5px 10px;}
	.n_team li a p{ line-height:30px;}
	
	
	/**科技研发**/
.n_technology dl{ margin-bottom:20px; padding:0 10px;}
.n_technology_title{ font-size:16px; line-height:30px;}
.n_technology_con{ padding-top:5px; }
.n_technology_con p{ height:72px; line-height:24px; -webkit-line-clamp:3; font-size:14px;}
.n_technology dl dd span{ width:70px; height:28px; font-size:14px; border-radius:14px; line-height:28px; margin-top:6px;}



/**新闻中心**/
.n_news{ padding:0 5px;}
.n_news dl{ padding:0 5px;}

/**质量建设**/
.n_construction{ padding:10px 10px 0;}
.n_construction dl dt{ width:100px;}
.n_construction_title{ font-size:16px; line-height:26px;}
.n_construction dl dd{ display:table; width:calc(100% - 100px);  height:100px;}


}

@media (max-width: 540px){
/**加入我们**/
.n_joinus_th01{ width:15%;}
.n_joinus_th02{ width:40%;}
.n_joinus_th03{ display:none;}
.n_joinus_th04{ display:none;}
.n_joinus_th05{ width:25%;}
.n_joinus_th06{ display:none;}
.n_joinus_th07{ width:20%;}

.n_joinus_td01{ width:15%;}
.n_joinus_td02{ width:40%;}
.n_joinus_td03{ display:none;}
.n_joinus_td04{ display:none;}
.n_joinus_td05{ width:25%;}
.n_joinus_td06{ display:none;}
.n_joinus_td07{ width:20%;}

/**在线留言**/
.n_feedback{ padding:10px; margin-bottom:10px;}
.n_feedback_box dl{ width:100%; float:none; padding-left:90px; }
.n_feedback_box dl dt{  width:90px;}

}

@media (max-width: 380px){
/**加入我们**/
.n_joinus_th01{ width:20%;}
.n_joinus_th02{ width:50%;}
.n_joinus_th03{ display:none;}
.n_joinus_th04{ display:none;}
.n_joinus_th05{ width:30%;}
.n_joinus_th06{ display:none;}
.n_joinus_th07{ display:none;}

.n_joinus_td01{ width:20%;}
.n_joinus_td02{ width:50%;}
.n_joinus_td03{ display:none;}
.n_joinus_td04{ display:none;}
.n_joinus_td05{ width:30%;}
.n_joinus_td06{ display:none;}
.n_joinus_td07{ display:none;}
}