/* CSS Document */
body { position: relative; }
@font-face { font-family: 'RT'; src: url('../fonts/roboto-thin.eot'); src: url('../fonts/roboto-thin.woff') format('woff'),  url('../fonts/roboto-thin.ttf') format('truetype'),  url('../fonts/roboto-thin.svg') format('svg'); font-weight: normal; font-style: normal; }
/*动画*/
@-webkit-keyframes fadeInUp {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUp {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.head_pc .li_item::after, .jie .slick-slide .txt::after, .lian_a::after, .list_down .downk::before, .newsx .newsf .erhover .erma, .zuijia02 .divhover p img, .zuijia02 .divhover p:after, .zuijia02 .divhover .imgk img, .fanganx a::after { -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; }
.jie .slick-slide img, .dong .dongtair .imgk img, .dong .dongtair li img, .recruit .tuijian .col-sm-4 .imgk img, .slick_news .slick-slide .imgk img, .kefu .ul1 li:hover img { -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; }
.header_top { position: relative; background-color: #231815; height: 36px; width: 100%; left: 0; -webkit-transition: left 250ms ease-out; transition: left 250ms ease-out; }
.header_top .container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; height: 100%; }
.top_list { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: left; }
.top_list li { color: #fff; font-size: 12px; letter-spacing: .4px; }
/**head_pc*/
.head_pc .li_item::after { -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; }
.head_pc { position: relative; top: 0; left: 0; width: 100%; height: 90px; background: #fff; z-index: 100; box-shadow: 0 0 7px 0 rgba(0,0,0,.2); }
.head_pc .container { line-height: 80px; }
.head_pc .head_logo { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; vertical-align: middle; display: inline-block; width: 170px; height: 75px; }
.head_pc .head_logo a, .head_pc .head_logo img { display: block; }
.head_pc .head_list { float: right; white-space: nowrap; }
.head_pc .li_item { position: relative; line-height: 116px; line-height: 50px; vertical-align: top; padding: 0 21px; padding-top: 40px; float: left; }
.head_pc .li_item:last-child { margin-left: 38px; padding: 0 0; padding-top: 40px; }
.head_pc .li_item a { display: block; color: #666; font-size: 14px; font-family: " "; letter-spacing: 1px; position: relative; }
.head_pc .li_item a:hover, .head_pc .li_item:hover>a { color: #27ab91; }
.head_pc .li_item>a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #27ab91; opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
.head_pc .li_item:hover>a::after, .head_pc .li_item.active>a::after, .head_pc .li_item.act>a::after { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
.head_pc .li_item.act>a, .head_pc .li_item.active>a { color: #27ab91; }
.head_pc .li_item ul { width: 140px; background: #fff; box-shadow: 0 0 7px 0 #ddd; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); display: none; }
.head_pc .li_item:hover>ul { display: block; }
.head_pc .li_item ul li { line-height: 24px; }
.head_pc .li_item ul li a { padding: 10px 5px; text-align: center; }
.xiala1 { position: fixed; top: 126px; left: 0; width: 100%; background: url(../images/xiala1.jpg) no-repeat bottom left; background-color: #fff; height: 375px; display: none; z-index: 99; box-shadow: 0 0 7px 0 #ddd; }
.xiala .container, .xiala .xiala_item { height: 100%; }
.xiala .xiala_l { float: left; width: 387px; height: 100%; padding-top: 48px; margin-left: 80px; }
.xiala .xiala_l h1 { color: #666; font-size: 36px; font-family: " "; padding-left: 47px; padding-right: 53px; letter-spacing: .9px; }
.xiala .xiala_l h1 div { display: inline-block; }
.xiala .xiala_l h1 div p { color: #999; font-size: 24px; font-family: " "; line-height: 1.9; text-align: right; cursor: pointer; }
.xiala .xiala_l h1 div p:nth-child(2) { margin-top: 17px; }
.xiala .xiala_l h1 div p.active { color: #27ab91; }
/*.xiala .xiala_r ul:nth-child(2){
	display: none;
}
.xiala .xiala_r ul:nth-child(3){
	display: none;
}*/
.xiala .xiala_l h4 { color: #666; font-size: 18px; font-family: " "; padding-left: 47px; padding-right: 53px; margin-top: 17px; line-height: 1.67; letter-spacing: .9px; }
.xiala .xiala_r { float: left; width: 643px; height: 100%; padding-top: 48px; background-color: #fff;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.xiala .xiala_r ul { margin-left: -26px; }
.xiala .xiala_r li { width: 230px; display: inline-block; margin-bottom: 10.5px; margin-left: 63px; margin-left: 50px; vertical-align: top; }
.xiala .xiala_r li a { color: #666; font-size: 16px; font-family: " "; line-height: 1.2; letter-spacing: 1px; }
.xiala .xiala_r li a:hover { color: #27ab91; }
.xiala .xiala_rc { padding-top: 24px; }
.xiala .xiala_r .ul1 { width: 240px; margin-left: 0; }
.xiala .xiala_r .ul1:nth-child(1) { margin-left: 35px; }
.xiala .xiala_r .ul1:nth-child(3) { width: calc(100% - 515px); }
.xiala .xiala_r h3 { color: #999; margin-bottom: 26px; }
.xiala .xiala_r h3.act { color: #27ab91; }
.xiala .xiala_r .ul1 li { display: block; margin-left: 0; margin-bottom: 16.5px; }
.xiala1[data-num="1"] { height: 375px; background: url(../images/xiala1.jpg) no-repeat top left; background-color: #fff; }
.fl { float: left; }
/*手机版头部*/
.head_ph { display: none; border-bottom: 1px solid #dcdcdc; position: fixed; top: 0; left: 0; width: 100%; height: 60px; background-color: #fff; z-index: 200; border-bottom: 1px solid #ddd; }
.head_ph .container, .head_ph .logo { position: relative; height: 100%; }
.head_ph .logo { line-height: 60px; text-align: center; }
.head_ph .logo img { width: 165px; height: 36px; }
.head_ph .menuph { position: absolute; top: 21px; right: 15px; cursor: pointer; }
/*手机下拉菜单*/
.xialaph { position: absolute; top: 60px; left: 0; width: 100%; background-color: #fff; display: none; z-index: 198; padding-bottom: 38px; }
.xialaph .ul2, .xialaph .ul3 { display: none; }
.xialaph h4 a { color: #333; font-size: 16px; font-family: " "; line-height: 53px; }
.xialaph h4 a.z_a { float: left; display: block; width: 80%; }
.xialaph h4 { border-bottom: 1px solid #e6e6e6; height: 54px; }
.xialaph .container { padding-left: 30px; padding-right: 30px; }
.xialaph h5 a { color: #333; font-size: 16px; font-family: " "; line-height: 54px; }
.xialaph h5 a.z_a2 { float: left; display: block; width: 80%; }
.xialaph h5 { border-bottom: 1px solid #e6e6e6; background-color: #f5f5f5; }
.xialaph h4 img, .xialaph h5 img { float: right; margin-top: 26px; }
.xialaph h4 img.img2, .xialaph h5 img.img2 { display: none; }
.xialaph h4.active img.img1, .xialaph h5.active img.img1 { display: none; }
.xialaph h4.active img.img2, .xialaph h5.active img.img2 { display: block; }
.xialaph .ul3 { background-color: #ebebeb; padding-bottom: 3px; border-bottom: 1px solid #e6e6e6; }
.xialaph .ul3 li a { color: #333; font-size: 14px; font-family: " "; line-height: 49px; }
.xialaph .ul3 li { padding-top: 5px; }
.xialaph .ul3 li:first-child { padding-top: 0; }
.phonemeng { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .6; z-index: 196; display: none; }
.phonemeng.active { display: block; }
/*banner*/
.ban, .slick_ban { width: 100%; margin-right: 0; margin-left: 0; }
.ban .slick-arrow { position: absolute; top: 50%; margin-top: -20px; width: 41px; height: 41px; z-index: 1; }
/*.ban .slick-prev{
	left: 50%;
	margin-left: -730px;
	background: url(../images/arrow_left.png) no-repeat center center;
}
.ban .slick-next{
	right: 50%;
	margin-right: -730px;
	background: url(../images/arrow_right.png) no-repeat center center;
}*/

.ban .slick-prev { left: 50%; margin-left: -730px; background: url(../images/arrow_l.png) no-repeat center center; }
.ban .slick-next { right: 50%; margin-right: -730px; background: url(../images/arrow_r.png) no-repeat center center; }
.ban .slick-dots { position: absolute; bottom: 38px; text-align: center; width: 100%; }
.ban .slick-dots li { display: inline-block; background-color: #767478; width: 10px; height: 10px; border-radius: 50%; margin-left: 10px; margin-right: 10px; vertical-align: middle; }
.ban .slick-dots li.slick-active { width: 20px; height: 20px; border: 5px solid #767478; background-color: #005dac; }
.ban .slick-slide { padding: 0;/*border: 0;*/
}
.ban .slick-slide img { width: 100%; }
 @media screen and (max-width: 1199px) {
.main { padding-top: 60px; }
.header_top,  .head_pc,  .dong .dongtair .imgk,  footer .di_dis,  .product_l .ul1 { display: none; }
.head_ph,  .product_btn { display: block; }
}
@media screen and (max-width: 1500px) {
.ban .slick-next { margin-right: -597px; }
.ban .slick-prev { margin-left: -597px; }
}
@media screen and (max-width: 1190px) {
.ban .slick-dots { bottom: 15px; }
.ban .slick-next { right: 30px; margin-right: 0; }
.ban .slick-prev { left: 30px; margin-left: 0; }
}
@media screen and (max-width: 767px) {
.ban .slick-arrow,  .product_nei01 .pnei_2 .slick-arrow,  .newsx .newsf,  .slick_zui .slick-arrow,  .slick-prev, .slick-next { display: none !important; }
.search .container,  .ban .slick-slide img.img_s,  .color,  .jie .slick_jie,  .kefu .container,  .nav_er,  .banner .img_s,  .h_lp,  .banner_nav,  .speech .tu .tit,  .speech .zhici img.fr { display: none; }
.search .sou_img,  .ban .slick-slide img.img_d,  .slick_jie2,  .kefu .kefu_ph,  .banner .img_d,  .h_phpage { display: block; }
.slick_chan .slick-dots { display: block !important; }
.ban .slick-dots li { margin-left: 6px; margin-right: 6px; width: 6px; height: 6px; }
.ban .slick-dots li.slick-active { width: 10px; height: 10px; border: 2px solid #fff; }
.ban .slick-dots { bottom: 5px; }
}
/***********search************/
.search { width: 100%; height: 86px; background-color: #f8f6f2; padding-top: 20px; }
.search .input { width: 806px; height: 46px; border: 1px solid #ccc; position: relative; margin: 0 auto; }
.search .input input { width: 100%; height: 100%; background-color: #fff; color: #999; font-size: 14px; font-family: " "; padding-left: 20px; }
.search .input button { position: absolute; top: 1px; right: 1px; width: 116px; height: 42px; background: url(../images/sou.png) no-repeat center center; background-color: #27ab91; }
.search .sou_img { display: none; text-align: center; position: relative; }
.search .sou_img img { cursor: pointer; }
.search .sou_form { position: absolute; top: 29px; left: 0; width: 100%; height: 44px; background-color: #74b7e1; display: none; z-index: 2; }
.search .sou_form form { height: 100%; }
.sou_input { position: relative; height: 100%; }
.sou_input input { width: 100%; height: 100%; color: #fff; font-size: 12px; font-family: " "; padding-left: 35px; background: url(../images/sou3.png) no-repeat 15px center; }
.sou_input label { position: absolute; top: 14px; left: 35px; color: #fff; font-size: 12px; font-family: " "; }
.sou_input img { position: absolute; top: 50%; margin-top: -7.5px; right: 15px; }
@media screen and (max-width: 991px) {
.search .input { width: 100%; }
}
@media screen and (max-width: 767px) {
.search { height: 36px; padding-top: 7px; }
.search .sou_img { display: block; }
}
/***chanpin****/
.chan { padding-top: 54px; padding-bottom: 60px; text-align: center; position: relative; }
.chan .container { position: relative; z-index: 1; }
.color { background: #f8f8f8; position: absolute; width: 100%; height: 43%; left: 0; bottom: 0; }
.sh2 { color: #27ab91; font-family: " "; text-align: center; }
.sh5 { color: #27ab91; font-family: "Arial"; margin-top: 13px; text-transform: uppercase; text-align: center; }
.chan_lun { width: 100%; margin-top: 60px; }
.chan_lun .imgk { height: 209px; }
.chan_lun p { color: #666; font-family: " "; font-size: 16px; margin-top: 12px; }
.slick_chan .slick-arrow { position: absolute; top: 28%; width: 41px; height: 41px; z-index: 1; }
.slick_chan .slick-next { background: url(../images/arrow_r.png) no-repeat center center; right: -90px; }
.slick_chan .slick-prev { background: url(../images/arrow_l.png) no-repeat center center; left: -90px; }
.slick_chan .slick-dots { position: absolute; bottom: -14px; left: 0; width: 100%; text-align: center; display: none !important; }
.slick_chan .slick-dots li { display: inline-block; margin-left: 5px; margin-right: 5px; width: 5px; height: 5px; border-radius: 50%; background-color: #dcdcdc; vertical-align: middle; }
.slick_chan .slick-dots li.slick-active { width: 9px; height: 9px; border: 2px solid #dcdcdc; background-color: #27ab91; }
.chan_lun .slick-slide img { max-width: 100%; max-height: 100%; border: 5px solid #5f89af; }
.chan_lun .slick-slide:hover img { border: 5px solid #27ab91; }
 @media screen and (min-width: 600px) {
.chan_lun .slick-slide:hover p { color: #27ab91; }
.chan_lun .slick-slide:hover .img_d { display: inline-block; }
.chan_lun .slick-slide:hover .img_s { display: none; }
}
@media screen and (max-width: 1380px) {
.slick_chan .slick-next { right: -41px; }
.slick_chan .slick-prev { left: -41px; }
}
@media screen and (max-width: 991px) {
.chan_lun { padding-left: 30px; padding-right: 30px; }
.slick_chan .slick-next { right: -15px; }
.slick_chan .slick-prev { left: -15px; }
}
@media screen and (max-width: 767px) {
.slick_chan .slick-dots { display: block !important; }
.ban .slick-dots li { margin-left: 6px; margin-right: 6px; width: 6px; height: 6px; }
.ban .slick-dots li.slick-active { width: 10px; height: 10px; border: 2px solid #fff; }
.ban .slick-dots { bottom: 5px; }
.search { height: 36px; padding-top: 7px; }
.slick_chan .slick-next { background: url(../images/arrow_rx.png) no-repeat center center; width: 21px; height: 21px; }
.slick_chan .slick-prev { background: url(../images/arrow_lx.png) no-repeat center center; width: 21px; height: 21px; }
.chan_lun p { font-size: 14px; }
.chan_lun .imgk { height: 128px; }
.sh2 { font-size: 24px; }
.sh5 { font-size: 12px; margin-top: 12px; }
.chan { padding-top: 23px; padding-bottom: 17px; }
.chan_lun { margin-top: 26px; }
}
/*--------------best-------------------*/
.best { padding-top: 60px; padding-bottom: 99px; overflow: hidden; position: relative; }
.best .container { position: relative; z-index: 2; }
.best h2 { color: #fff; font-family: " "; letter-spacing: 1px; text-align: center; }
.best h5 { color: #fff; font-family: "Arial"; letter-spacing: 1px; text-transform: uppercase; margin-top: 13px; position: relative; text-align: center; }
.best h5:after { content: ''; width: 30px; height: 3px; background-color: #999; position: absolute; left: 50%; margin-left: -15px; bottom: -18px; }
.best h5:before { content: ''; width: 260px; height: 1px; background-color: #707277; position: absolute; left: 50%; margin-left: -130px; bottom: -17px; }
.best .aboutus { margin-top: 50px; color: #fff; line-height: 40px; font-size: 16px; }
@media screen and (max-width: 767px) {
.best { padding-bottom: 0px; }
.best .aboutus { line-height: 28px; font-size: 16px; }
}
.best_kuang { margin-top: 41px; }
.best_kuang .ull { width: 126px; float: left; text-align: right; overflow: hidden; min-height: 369px; }
.best_kuang .best_con { width: 1074px; float: left; position: relative; padding-left: 114px; padding-top: 42px; }
.best_kuang .ul1 { position: relative; padding-top: 47px; }
.best_kuang .ul1 span { color: #fff; font-size: 16px; font-family: " "; letter-spacing: .8px; cursor: pointer; }
.best_kuang .ul1 span.active { color: #27ab91; }
.best_kuang .ul1 li { line-height: 1.5; margin-bottom: 20px; }
.best_kuang .best_con:before { content: ''; position: absolute; top: -260px; left: 55px; width: 1px; height: 1200px; background-color: #e3d8d4; opacity: 0.24; }
.best_kuang .best_con:after { content: ''; position: absolute; top: 44px; left: 54px; width: 3px; height: 30px; background-color: #27ab91; }
.best_kuang .best_zi { width: 369px; float: left; padding-right: 14px; }
.best_kuang .best_img { width: 609px; float: left; margin-right: -18px; }
.best_kuang .best_img img { width: 100%; }
.best_kuang .best_zi h3 { color: #fff; font-size: 24px; font-family: " "; font-weight: bold; letter-spacing: 1.2px; }
.best_kuang .best_zi h6 { color: #fff; font-size: 14px; font-family: " "; line-height: 1.8; margin-top: 17px; letter-spacing: .6px; }
.best_kuang .best_zi .ul2 { margin-top: 19px; }
.best_kuang .best_zi .ul2 h4 { color: #27ab91; font-size: 16px; font-family: " "; font-weight: bold; letter-spacing: 1px; margin-bottom: 2px; }
.best_kuang .best_zi .ul2 li { color: #fff; font-size: 14px; font-family: " "; padding-top: 6px; letter-spacing: 1px; }
.best_kuang .best_zi .best_a { margin-top: 50px; color: #fff; font-size: 14px; font-family: " "; display: inline-block; }
.best_kuang .best_zi .best_a:hover { color: #27ab91; }
.best_kuang .best_zi .best_a:hover .img_s { display: none; }
.best_kuang .best_zi .best_a:hover .img_d { display: inline-block; }
.best_kuang .best_zi .best_a img { margin-left: 10px; margin-top: -0px; }
/**/
.best_kuang .best_con .best_item { display: none; }
.best_kuang .best_con .best_item:first-child { display: block; }
.zUIpanelScrollBox, .zUIpanelScrollBar { width: 10px; top: 4px; right: 2px; border-radius: 5px; }
.zUIpanelScrollBox { background: black; opacity: 0.1; filter: alpha(opacity=10); }
.zUIpanelScrollBar { background: #fff; opacity: 0.8; filter: alpha(opacity=80); }
.best2 { display: none; padding-top: 60px; }
.best_pdh { }
.best_pdh .ul1 { margin-top: 13px; }
.best_pdh .ul1 li { color: #666; font-size: 14px; font-family: " "; padding-top: 7px; padding-bottom: 7px; text-align: center; cursor: pointer; }
.best_pdh .ul1 li:last-child { border-bottom: 1px solid #dcdcdc; }
.best_pdh .ul1 li.active { color: #27ab91; border-bottom: 1px solid #27ab91; }
.best_pdh .best_zi { padding-top: 26px; }
.best_pdh .best_zi h3 { color: #005dac; font-size: 16px; font-family: " "; font-weight: bold; letter-spacing: .9px; }
.best_pdh .best_zi h6 { color: #666; font-size: 14px; font-family: " "; line-height: 2; letter-spacing: .8px; margin-top: 7px; }
.best_pdh .best_zi .ul2 { margin-top: 23px; }
.best_pdh .best_zi .ul2 h4 { color: #005dac; font-size: 16px; font-family: " "; font-weight: bold; letter-spacing: .9px; margin-bottom: 6px; }
.best_pdh .best_zi .ul2 li { color: #666; font-size: 16px; font-family: " "; line-height: 2; display: inline-block; letter-spacing: .8px; }
.best_pdh .best_zi .best_a { color: #005dac; font-size: 14px; font-family: " "; letter-spacing: .9px; display: inline-block; margin-top: 19px; }
.best_pdh .best_zi .best_a img { margin-left: 7px; }
.best_pdh .best_img { width: 100%; margin-top: 23px; }
.best_pdh .best_conp .best_item { display: none; }
.best_pdh .best_conp .best_item:first-child { display: block; }
.jie { padding-top: 62px; }
.slick_jiel { margin-top: 43px; }
.slick_jie { margin-left: -9px; margin-right: -9px; }
.jie .slick-slide { padding-left: 9px; padding-right: 9px; }
.jie .slick-slide .imgk { overflow: hidden; position: relative; }
.jie .slick-slide .title { color: #333; font-size: 14px; font-family: " "; position: relative; padding-top: 5px; margin-top: 13px; padding-bottom: 5px; padding-left: 14px; }
.jie .slick-slide .title::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: #27ab91; }
.jie .slick-slide .imgk img { width: 100%; }
.jie .slick-slide .txt { color: #333; font-family: " "; font-size: 16px; position: relative; padding-top: 5px; margin-top: 13px; padding-bottom: 5px; margin-bottom: 17px; padding-left: 14px; }
.jie .slick-slide .txt a { color: #333; position: relative; z-index: 1; display: block; }
.jie .slick-slide .txt img { opacity: 0; margin-left: 10px; margin-top: -3px; }
.jie .slick-slide .txt:before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: #27ab91; }
.jie .slick-slide .txt:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #27ab91; opacity: 0.6; }
.jie .divhover { display: block; width: 100%; }
.jie .divhover:hover a { color: #fff; text-align: center; }
.jie .divhover:hover .txt img { opacity: 1; }
.jie .divhover:hover .txt:after { width: 100%; }
.jie .divhover:hover .imgk img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
.slick_jie2 { margin-left: 0; margin-right: 0; display: none; }
.jie .slick_jie2 .slick-slide { padding-left: 0; padding-right: 0; }
.jie .slick_jie .slick-arrow { position: absolute; top: 38%; width: 41px; height: 41px; z-index: 1; }
.jie .slick_jie .slick-prev { background: url(../images/arrow_l.png) no-repeat center center; left: -95px; }
.jie .slick_jie .slick-next { background: url(../images/arrow_r.png) no-repeat center center; right: -95px; }
@media screen and (max-width: 1380px) {
.jie .slick_jie .slick-prev { left: -46px; }
.jie .slick_jie .slick-next { right: -46px; }
}
@media screen and (max-width: 991px) {
.jie .slick_jie .slick-prev { left: 9px; top: 44%; }
.jie .slick_jie .slick-next { right: 9px; top: 44%; }
}
@media screen and (max-width: 767px) {
.jie { padding-top: 31px; }
.slick_jiel { margin-top: 10px; }
.slick_jie2 { display: block; }
}
/*------------news-----------*/
.dong { padding-top: 49px; padding-bottom: 62px; }
.dong .dongtai { margin-top: 45px; }
.dong .dongtail { width: 793px; float: left; }
.dong .dongtair { width: 407px; float: left; padding-left: 20px; }
.dong .dongtail { overflow: hidden; position: relative; }
.dong .dongtail img.img1 { width: 100%; }
.dong .dongtair .imgk { overflow: hidden; }
.dong .dongtair .imgk img { width: 100%; }
.dong .dongtair .imgk:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
.dong .dongtair li { border-bottom: 1px dashed #e5e5e5; color: #333; font-size: 16px; font-family: " "; padding-bottom: 20px; padding-top: 20px; padding-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.dong .dongtair li a { color: #333; }
.dong .dongtair li img { position: absolute; top: 50%; margin-top: -12.5px; right: 0; }
.dong .dongtair li img.img_do { opacity: 0; }
.dong .dongtair li:hover a { color: #27ab91; }
.dong .dongtair li:hover .img_s { opacity: 0; }
.dong .dongtair li:hover .img_do { opacity: 1; }
@media screen and (min-width: 768px) {
.dong .dongtair li:hover img { transform: translateX(-20px); transition: all 1s; }
}
.dong .dongtail .bofang { position: absolute; top: 50%; left: 50%; width: 38px; height: 38px; margin-top: -19px; margin-left: -19px; }
@media screen and (max-width: 1230px) {
.dong .dongtair { width: 374px; }
.dong .dongtail { width: 766px; }
}
@media screen and (max-width: 1199px) {
.dong .dongtair { width: 100%; padding-left: 0; margin-top: 5px; }
.dong .dongtail { width: 100%; }
}
@media screen and (max-width: 767px) {
.dong { padding-top: 14px; padding-bottom: 10px; }
.dong .dongtair { margin-top: 12px; }
.dong .dongtair li a { color: #666; font-size: 14px; }
.dong .dongtair li { padding-bottom: 5px; padding-top: 8px; }
}
.kefu { background-color: #525252; padding-top: 44px; padding-bottom: 20px; text-align: center; letter-spacing: .6px; }
.kefu h3 { color: #dcdcdc; font-size: 24px; font-family: " "; }
.kefu h6 { color: #dbdbdb; font-size: 12px; font-family: "Arial"; text-transform: uppercase; margin-top: 9px; }
.kefu h6 span { position: relative; }
.kefu h6 span:before { content: ''; position: absolute; top: 50%; margin-top: -0.5px; width: 1200px; height: 1px; background-color: #5b5b5b; right: 142px; }
.kefu h6 span:after { content: ''; position: absolute; top: 50%; margin-top: -0.5px; width: 1200px; height: 1px; background-color: #5b5b5b; left: 142px; }
.kefu .ul1 { }
.kefu .ul1 li { float: left; width: 20%; padding-top: 58px; padding-bottom: 40px; }
.kefu .ul1 li a { display: inline-block; position: relative; }
.kefu .ul1 li a .img2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.kefu .ul1 li:hover img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
.kefu .ul1 li:hover .img1 { opacity: 0; }
.kefu .ul1 li:hover .img2 { opacity: 1; }
.kefu .ul1 h5 { color: #888888; font-size: 14px; font-family: " "; margin-top: 25px; }
.kefu .ul1 li:hover h5 { color: #fff; }
@media screen and (max-width: 767px) {
.kefu { display: none; }
}
/*底部*/
footer { padding-top: 45px; background-color: #f1ede7; }
footer .logo_di { width: 225px; float: left; text-align: center; }
footer .logo_di .img2 { margin-top: 40px; }
footer .logo_di h6 { margin-top: 5px; color: #888; font-size: 12px; font-family: " "; line-height: 15px; }
footer .ul_di { float: left; margin-left: 105px; }
footer .ul_di h4 { color: #666; font-size: 18px; font-family: " "; line-height: 30px; margin-bottom: 28px; }
footer .ul_di li a { color: #666; font-size: 14px; font-family: " "; }
footer .ul_di li { padding-top: 5px; padding-bottom: 5px; }
footer .ul_di ul { float: left; width: 203px; }
footer .ul_di ul:last-child { width: 260px; }
footer .lian_di { border-bottom: 1px solid #dadada; margin-top: 0px; padding-bottom: 22px; padding-left: 21px; }
footer .lian_di .span1 { float: left; color: #666; font-size: 18px; font-family: "Arial"; font-weight: bold; letter-spacing: 1px; }
footer .lian_di .span1 img { margin-right: 14px; margin-top: -6px; }
footer .lian_di .span2 { float: right; position: relative; }
footer .lian_di .span2 img { margin-left: 15px; cursor: pointer; }
footer .lian_di .span2 .ma_di { position: absolute; bottom: 22px; left: 0px; width: 100px; height: 103px; display: none; }
footer .banqu_di { color: #999; font-size: 12px; font-family: " "; text-align: center; padding-top: 21px; padding-bottom: 19px; }
footer .banqu_di .span1, footer .banqu_di .span3, footer .banqu_di .span4 { font-family: "Arial"; margin-right: 8px; }
footer .banqu_di a { color: #999; }
@media screen and (max-width: 1199px) {
footer { padding-top: 0; }
}
@media screen and (max-width: 767px) {
footer .banqu_di { padding-top: 13px; padding-bottom: 11px; }
footer .banqu_di .span5 { width: 100%; display: inline-block; margin-top: 6px; }
}
/****内页*****/
.banner { position: relative; z-index: 2; }
.tuan { background: url(../images/tuan.png) center center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.tuand { background-color: #22384c; opacity: .7; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.tuand0 { background-color: #000; opacity: .2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.banner img { width: 100%; }
.banner h1 { color: #fff; font-size: 48px; font-family: "思源黑体 CN", " "; position: absolute; top: 38.2%; text-align: center; left: 0; width: 100%; z-index: 2; }
@media screen and (max-width: 991px) {
.banner h1 { font-size: 30px; }
}
.nav_er { height: 70px; line-height: 70px; color: #666; font-size: 14px; font-family: " "; background-color: #fafafa; }
.nav_er li { margin-right: 18px; position: relative; float: left; }
.nav_er li::after { content: ''; position: absolute; top: 51%; right: -12px; width: 7px; height: 7px; margin-top: -3.5px; background: url(../images/arrow_tou.png) no-repeat center center; }
.nav_er a { color: #666; }
.nav_er a:last-child { color: #27ab91; }
.nav_er li:last-child::after { display: none; }
.gongsi1 { padding-top: 52px; padding-bottom: 64px;/* background: url(../images/no.png) no-repeat bottom 30px right 50px;*/ background-color: #f5f5f5; }
.gongsi h1 { color: #333; font-size: 72px; font-family: "RT"; }
.gongsi h2 { color: #333; font-size: 30px; font-weight: bold; font-family: "思源黑体 CN", " "; margin-top: 13px; }
.gongsi12 { width: 100%; padding: 0; margin-top: 61px; }
.gongsi12 .row { margin: 0; }
.gongsi12 .col-lg-6 { padding: 0; }
.gongsi12img { width: 100%; }
.gongsi12 .gongsi122 { padding-left: 105px; padding-right: 88px; padding-top: 48px; }
.gongsi12 h4 { color: #333; font-size: 36px; font-family: " "; margin-top: 50px; margin-bottom: 20px; }
.gongsi12 h4 img { float: left; margin-top: -80px; margin-right: 41px; }
.gongsi12 h3 { color: #333; font-size: 18px; font-family: " "; line-height: 2.2; text-indent: 2em; margin-top: 42px; }
.gongsi12 h3 span { color: #27ab91; }
.gongsi12 h3 .span1 { font-size: 24px; }
.gongsi12 p { color: #333; font-size: 18px; font-family: " "; line-height: 2; }
@media screen and (max-width: 1400px) {
.gongsi12 .gongsi122 { padding-left: 40px; padding-right: 30px; }
}
@media screen and (max-width: 1199px) {
.gongsi_con { padding-right: 15px; }
}
@media screen and (max-width: 767px) {
.gongsi h1 { font-size: 30px; }
.gongsi h2 { font-size: 18px; margin-top: 7px; }
.gongsi1 { padding-top: 22px; padding-bottom: 22px; background: #f5f5f5; }
.gongsi12 { margin-top: 22px; }
.gongsi12 .gongsi122 { padding-left: 15px; padding-right: 15px; padding-top: 22px; }
.gongsi12 h4 img { display: none; }
.gongsi12 h4 { font-size: 24px; margin-top: 0px; margin-bottom: 0px; }
.gongsi12 h3 { font-size: 14px; margin-top: 8px; }
.gongsi12 h3 .span1 { font-size: 16px; }
}
.nav_meng { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.45; z-index: 201; display: none; }
.nav_cai { position: fixed; top: 0; left: -269px; bottom: 0; width: 269px; background-color: #fff; z-index: 202; overflow: auto; }
.nav_cai h5 { font-size: 14px; border-bottom: 1px solid #eee; position: relative; padding-left: 15px; }
.nav_cai h5 .span1 { color: #333; font-family: "RT"; }
.nav_cai h5 .span2 { color: #27ab91; font-family: " "; line-height: 39px; }
.nav_cai h5 img { position: absolute; right: 10px; top: 10px; cursor: pointer; width: 18px; }
.nav_cai .ul1 h5 { height: 68px; line-height: 76px; color: #666; font-family: " "; cursor: pointer; }
.nav_cai .ul1 h5 a { color: #666; }
.nav_cai .ul1 h5 img { position: absolute; top: 30px; right: 44px; }
.nav_cai .ul1 h5.active .img_s { display: none; }
.nav_cai .ul1 h5.active .img_d { display: block; }
.nav_cai .ul2 { border-bottom: 1px solid #eee; padding-bottom: 7px; padding-top: 7px; display: none; }
.nav_cai .ul2 li { font-size: 14px; font-family: " "; padding-top: 7px; padding-bottom: 7px; padding-left: 15px; }
.nav_cai .ul2 li a { color: #666; }
.product_btn { height: 40px; border-bottom: 1px solid #e5e5e5; line-height: 40px; display: none; }
.product_btn img { cursor: pointer; }
.product_list { }
@media screen and (min-width: 1200px) {
.product_list .container { width: 100%; padding-left: 0; padding-right: 0; }
}
.product_list h1 { color: #333333; font-size: 72px; font-family: "RT"; padding-left: 68px; padding-top: 38px; }
.product_list h2 { color: #333333; font-size: 30px; /*font-family: "思源黑体 CN"," ";*/
font-family: " "; font-weight: bold; padding-left: 68px; margin-top: 11px; }
.product_l { border-top: 1px solid #e5e5e5; margin-top: 46px; }
.product_l .ul1 { float: left; width: 387px; }
.product_l .ul1 li { border-bottom: 1px solid #e5e5e5; }
.product_l .ul1 li .a { position: relative; }
.product_l .ul1 li a { display: block; color: #666; font-size: 20px; font-family: " "; height: 54px; width: 100%; padding-left: 68px; line-height: 54px; position: relative; }
.product_l .ul1 li.active .a { border-bottom: 1px solid #e5e5e5; color: #27ab91; }
.product_l .ul1 li.on .a { color: #27ab91; }
.product_l .ul1 li.active .a .img_s { display: none; }
.product_l .ul1 li.active .a .img_d { display: block; }
.product_l .ul1 li img { position: absolute; right: 27px; top: 50%; margin-top: -9px; width: 18px; cursor: pointer; }
.product_l .ul_d { padding-top: 10px; padding-bottom: 10px; display: none; }
.product_l .ul_d li { height: auto; border-bottom: 0; }
.product_l .ul_d li a { display: inline-block; font-size: 16px; border-bottom: 0; line-height: 37px; height: auto; }
.product_l .ul_d li.on a { color: #27ab91; }
.product_l .ul1 li a:hover { color: #27ab91; }
.product_l .you { float: left; }
.product_l .ul2 { border-left: 1px solid #e5e5e5; }
.product_l .ul2 li { width: 20%; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; float: left; padding-top: 25px; padding-bottom: 43px; overflow: hidden; }
.product_l .ul2 .img_k { text-align: center; overflow: hidden; height: 300px; }
.product_l .ul2 .img_k img { max-width: 100%; }
.product_l .ul2 .zik { display: block; text-align: center; }
.product_l .ul2 .zi { display: inline-block; }
.product_l .ul2 .zi a.a { text-align: left; display: block; color: #27ab91; font-size: 14px; font-family: " "; margin-top: 12px; }
.product_l .ul2 .zi a.a img { margin-left: 8px; margin-top: -2px; }
.product_l .ul2 h3 { margin-top: 20px; font-size: 18px; font-family: " "; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_l .ul2 h3 a { color: #525252; }
.product_l .ul2 li:hover a { color: #27ab91; }
@media screen and (max-width: 1500px) {
.product_l .ul2 li { width: 25%; }
}
@media screen and (max-width: 1380px) {
.product_l .ul2 li { width: 50%; }
}
@media screen and (max-width: 1199px) {
.product_l .ul1 { display: none; }
.product_l .ul2 li { width: 33.333%; }
.product_list h1,  .product_list h2 { padding-left: 0; }
.product_btn { display: block; }
}
@media screen and (max-width: 991px) {
.product_l .ul2 li { width: 33.333%; }
.product_l .ul2 li { width: 50%; }
}
@media screen and (max-width: 767px) {
.product_list h1 { font-size: 30px; padding-top: 25px; }
.product_list h2 { font-size: 18px; margin-top: 5px; }
.product_l { margin-top: 33px; }
.product_l .ul2 .img_k { height: 150px; }
.product_l .ul2 .img_k img { max-height: 100%; }
.product_l .ul2 h3,  .product_l .ul2 .zi a.a { font-size: 12px; }
.product_l .ul2 li { display: none; }
.product_l .ul2 li:nth-child(1),  .product_l .ul2 li:nth-child(2),  .product_l .ul2 li:nth-child(3),  .product_l .ul2 li:nth-child(4),  .product_l .ul2 li:nth-child(5),  .product_l .ul2 li:nth-child(6),  .product_l .ul2 li:nth-child(7),  .product_l .ul2 li:nth-child(8) { display: block; }
}
@media screen and (max-width: 449px) {
.product_l .ul2 li { width: 100%; }
}
.product_nei { padding-top: 35px; }
.product_nei .pnei .h31 { color: #333; font-size: 24px; font-family: " "; margin: 0px 0px 20px; text-align: center; }
.pnei_2 { text-align: center; }
.pnei_2 img { margin: 0 auto; max-width: 100%; }
.news { padding-top: 46px; }
.news .col-xs-12 { background-color: #fafafa; margin-top: 20px; padding-top: 26px; padding-bottom: 33px; }
.news .col-xs-12::before { content: ''; width: 5px; height: 100%; position: absolute; top: 0; left: 0; background-color: #27ab91; display: none; }
.news .zuo { width: 450px; float: left; color: #333; padding-left: 24px; padding-right: 40px; }
.news .zuo h3 { font-size: 24px; font-family: " "; line-height: 1.8; height: 86.4px; overflow: hidden; letter-spacing: 1px; }
.news .zuo h5 { font-size: 16px; font-family: " "; margin-top: 26px; letter-spacing: .8px; }
.news .you { width: 704px; float: left; padding-left: 34px; border-left: 1px solid #d8d8d8; margin-top: 11px; letter-spacing: 1.4px; }
.news .you h5 { color: #666; font-size: 14px; font-family: " "; line-height: 2.1; margin-top: -5px; }
.news .you .more_a { float: right; color: #333; font-size: 16px; font-family: " "; display: inline-block; margin-top: 15px; }
.news .you .more_a img { margin-top: -4px; }
.news .col-xs-12:hover { background-color: #f5f5f5; }
.news .col-xs-12:hover::before { display: block; }
.news .col-xs-12:hover .zuo { color: #27ab91; }
.news .col-xs-12:hover .more_a { color: #27ab91; }
.news .col-xs-12:hover .more_a .img_s { display: none; }
.news .col-xs-12:hover .more_a .img_d { display: inline-block; }
.news .col-xs-12:hover .you h5 { color: #333; }
@media screen and (max-width: 1230px) {
.news .you { width: 644px; }
}
 @media screen and (max-width: 1199px) {
.news .zuo { width: 100%; padding-right: 10px; }
.news .zuo h3 { height: auto; }
.news .zuo h5 { margin-top: 0; }
.news .you { width: 100%; padding-left: 24px; border: 0; padding-right: 10px; }
}
@media screen and (max-width: 767px) {
.news { padding-top: 10px; }
.news .zuo { padding: 0; }
.news .you { padding: 0; }
.news .zuo h3 { font-size: 16px; }
.news .zuo h5 { margin-top: 5px; font-size: 12px; color: #666; }
.news .you h5 { font-size: 12px; line-height: 1.8; margin-top: 0px; }
}
.newsx { padding: 60px 0px; }
.newsx h3 { color: #333; font-size: 24px; font-family: " "; text-align: center; }
.newsx h6 { color: #333; font-size: 12px; font-family: " "; text-align: center; border-bottom: 1px solid #e6e6e6; margin-top: 34px; padding-bottom: 13px; }
.newsx h6 .span1, .newsx h6 .span3 { color: #999; }
.newsx h6 .span2 { margin-right: 35px; }
.newsx .newsxc { padding-top: 21px; }
.newsx .newsxc p { color: #666; font-size: 14px; font-family: " "; line-height: 2.2; letter-spacing: .5px;/*text-indent: 2em;*/
}
.newsx .newsxc p img { max-width: 100%; }
.newsx .newsxc .col-sm-6 { padding-right: 35px; padding-left: 35px; }
.newsx .newsxc .col-sm-6 img { width: 100%; }
.newsx .newsf { text-align: left; padding: 35px 0px; }
.newsx .newsf .newsfspan { display: inline-block; }
.newsx .newsf span { margin-left: 20px; margin-right: 20px; cursor: pointer; display: inline-block; float: left; }
.newsx .newsf .erma { position: absolute; bottom: 50px; left: -24px; height: 0; width: 100px; overflow: hidden; }
.newsx .newsf .erhover { position: relative; }
.newsx .newsf .erhover:hover .erma { height: 103px; }
.newsx .newspage { padding-top: 15px; padding-bottom: 15px; }
.newsx .newspage span { border-bottom: 1px solid #949494; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsx .newspage .span1 { float: left; max-width: 332px; }
.newsx .newspage .span2 { float: right; max-width: 291px; }
.newsx .newspage span a { color: #666; font-size: 14px; font-family: " "; }
.product_slist { width: 100%; margin: 30px 0px; }
.product_slist ul li { float: left; }
/* 分页 */
.pagination { float: left; text-align: center; width: 100%; margin: 20px 0; position: relative; overflow: hidden; }
.page { display: inline-block; font: 12px/28px " ", Tahoma, "宋体";  *display:inline;
	:1;
 *zoom:1;
}
.page span { float: left; }
.page a, .page span.disabled { background: #FFF; border: 1px solid #CCC; color: #333; float: left; font: 14px/24px " ", Tahoma, "宋体"; height: 24px; margin-right: 5px; min-width: 15px; padding: 0 4px; text-align: center; vertical-align: middle; white-space: nowrap; _width: 15px; }
.page a:hover { border: 1px solid #303C86; color: #303C86; text-decoration: none; }
.page span.disabled { background: #FFF; border: 1px solid #CCC; color: #CCC; }
.page span.ellipsis { float: left; font: 14px/24px " ", Tahoma, "宋体"; line-height: 22x; margin-right: 5px; }
.page .page_txt { line-height: 20px; float: right; width: auto; }
.page a.page-curpage { background: #303C86; border: 1px solid #303C86; color: #FFF; font-weight: bold; }
.page input { font: 14px Verdana; padding: 0 0 0 1px; width: 40px; height: 14px; }
.subCase { }
.subCase dl dt { float: left; width: 25%; text-align: center; margin-bottom: 20px; }
.subCase dl dt img { max-width: 90%; display: block; margin: 0 auto; border: 1px solid #ccc; }
.subCase h4 { margin-top: 20px; font-size: 18px; font-family: " "; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 @media screen and (max-width: 767px) {
.subCase dl dt { float: left; width: 50%; }
}
.newsx .newsxc img { display: block; margin: 0 auto; }
.propage select { border: 1px; outline: none; background: none; background-color: white; -webkit-appearance: none; }
.divproleft { float: left; width: 380px; height: 600px; margin: 20px 0px; }
.divprocenter { float: left; width: 380px; height: 600px; margin: 20px 20px; }
.divprocenter .divprocenter2 { margin: 15px 0px; }
.divproright { float: left; width: 380px; height: 600px; margin: 20px 0px; }
.divproright .divproright2 { margin-top: 20px; }
 @media screen and (max-width: 767px) {
.divproleft, .divprocenter, .divproright { float: none; width: 96%; margin: 10px 2%; height: auto; }
.divproleft img { max-width: 100%; }
}
.insidebg{ padding:20px 0 40px 0;}
.inside{}