/*Generated by wjdhcms 3.0 */



@charset "utf-8";







::-webkit-scrollbar {
 width: 8px;
 height: 8px;
 background-color: #F5F5F5;
}







::-webkit-scrollbar-track {
 border-radius: 10px;
 background-color: #E2E2E2;
}







::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 background-color: #555;
}







 ::selection {
 background-color: #0bae6e;
 color: #fff;
}







::-moz-selection {
 background-color: #0bae6e;
 color: #fff;
}







::-webkit-selection {
 background-color: #0bae6e;
 color: #fff;
}
* { padding: 0; margin: 0; font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }
body { font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0; line-height: 1.5; }
:focus { outline: 1; }
article,  aside,  canvas,  details,  figcaption,  figure,  footer,  header,  hgroup,  menu,  nav,  section,  summary { display: block; }
a { color: #333; text-decoration: none; }
a:link,  a:hover,  a:active,  a:visited { text-decoration: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input,  select { vertical-align: middle; }
li,  ul { list-style-type: none; }
img { border: none; max-width:100%; }
input,  textarea { outline: 0; border: 0; }
textarea { resize: none; }
h1,  h2,  h3,  h4,  h5,  h6,  dl,  dd,  dt,  i,  em { font-weight: normal; font-style: normal; }
.fixedNav { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100000; _position: absolute;  _top: expression(eval(document.documentElement.scrollTop));
}
.ny_banner { width: 100%; overflow: hidden; }
.yc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gd {  -webkit-transition: .5s;
 transition: .5s;
}
.top { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.righta { -webkit-transform: translateX(5px); transform: translateX(5px); }
.dx { text-transform: uppercase; }
.left { float: left; }
.right { float: right; }
.clearboth { clear: both; }
.content-1 { width: 1200px; margin: 0 auto; }
.content-all { width: 1200px; margin: 0 auto; position: relative; }
/*pagebanner*/



.pagebanner { width: 100%; height: 600px; overflow: hidden; }
.pagebanner img { width: 100%; height: 600px; display: block; }
/*crumbs*/



.crumbs { width: 100%; height: 20px; background: #f8f8f8; padding: 15px 0; }
.crumbs img { vertical-align: text-top; padding-right: 10px; }
/*caseList*/



.caseList { overflow: hidden; }
.caseList .caseListL { width: 290px; margin-top: 50px; }
.caseList .caseListL .caseListTitle { width: 100%; height: 110px;  background: $ {
yyt.color
}
;
 border-radius: 15px 15px 0 0;
 box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.caseList .caseListL .caseListTitle img { text-align: center; margin-top: 30px; margin-left: 50px; float: left; }
.caseList .caseListL .caseListTitle .caseListT { float: left; padding-left: 10px; text-align: center; margin-top: 28px; }
.caseList .caseListL .caseListTitle .caseListT h4 { font-size: 30px; font-weight: bold; text-transform: uppercase; color: #fff; line-height: 30px; }
.caseList .caseListL .caseListTitle .caseListT p { text-align: left; color: #fff; font-size: 24px; padding-top: 5px; }
.caseList .caseListL .caseListLbox { width: 262px; padding: 19px 14px; background: #f8f8f8; }
.caseList .caseListL .caseListLbox ul li .prolist { width: 260px; height: 40px; border: 1px solid #dedede; border-radius: 6px; line-height: 40px; 


  /* margin-bottom: 4px; */



  -webkit-transition: .5s;
 transition: .5s;
overflow: hidden; position: relative; }
.caseList .caseListL .caseListLbox ul li i { width: 258px; height: 38px;  background: $ {
yyt.color
}
;
 border: 1px solid $ {
yyt.color
};
 display: block;
 position: absolute;
 top: -100%;
 -webkit-transition: .5s;
 border-radius: 6px;
 transition: .5s;
 overflow: hidden;
}
.caseList .caseListL .caseListLbox ul li a.oneTitle { display: block; line-height: 40px; font-size: 16px; width: 86%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  -webkit-transition: .5s;
 transition: .5s;
position: absolute; font-weight: normal; top: 0; left: 0; z-index: 2; }
.caseList .caseListL .caseListLbox ul li b { width: 14%; float: right; line-height: 40px; cursor: pointer; height: 40px; position: relative; z-index: 9; }
 .caseList .caseListL .caseListLbox ul li a.oneTitle::before {
 display: inline-block;
 content: "|";
 margin-left: 5%;
 margin-right: 5%;
 font-weight: bold;
 color: #dedede;
 -webkit-transition: .5s;
 transition: .5s;
}
.caseList .caseListL .caseListLbox ul li:hover i { top: 0; }
.caseList .caseListL .caseListLbox ul li:hover a.oneTitle { color: #fff; }
 .caseList .caseListL .caseListLbox ul li:hover a.oneTitle::before {
 color: #fff;
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}
.caseList .caseListL .caseTel { width: 270px; border: 10px solid #f8f8f8; background: #fff url(${yytpath}img/caseTelBg.png) no-repeat right bottom; }
.caseList .caseListL .caseTel h4 { text-align: center; padding: 26px 0; font-size: 16px; font-weight: bold; }
.caseList .caseListL .caseTel h4 i { color: #666666; text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; }
.caseList .caseListL .caseTel ul li { margin-bottom: 20px; width: 238px; padding: 0 20px; font-size: 14px; font-weight: bold; line-height: 24px; }
.caseList .caseListL .caseTel ul li img { width: 15px; height: 15px; display: inline-block; padding-right: 10px; }
.caseList .caseListL .caseTel a { display: block; width: 130px; height: 40px;  background: $ {
yyt.color
}
;
 margin-left: 20px;
 margin-bottom: 120px;
 text-align: center;
 line-height: 40px;
 color: #fff;
 border-radius: 4px;
 -webkit-transition: .5s;
 transition: .5s;
}
.caseList .caseListL .caseTel a:hover { -webkit-transform: translateX(5px); transform: translateX(5px); box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); }
.caseList .caseListR { width: 880px; margin-top: 50px; }
.caseList .caseListR .caseListTop { width: 860px; border: 10px solid #f8f8f8; background: #fff; overflow: hidden; }
.caseList .caseListR .caseListTop .hd { padding: 20px 20px 10px; position: relative; overflow: hidden; }
.caseList .caseListR .caseListTop .hd ul li { float: left; width: 45px; height: 30px; margin-right: 6px; background: #f8f8f8; text-align: center; line-height: 30px; }
.caseList .caseListR .caseListTop .hd ul li.on {  background: $ {
yyt.color
}
;
 color: #fff;
}
.caseList .caseListR .caseListTop .hd .caseListP { float: right; }
.caseList .caseListR .caseListTop .hd .caseListP .case-next { width: 50px; height: 30px; float: left; background: url(${yytpath}img/case-next.png) no-repeat center; margin-right: 10px; cursor: pointer; }
.caseList .caseListR .caseListTop .hd .caseListP .case-prev { width: 50px; height: 30px; float: left; background: url(${yytpath}img/case-prev.png) no-repeat center; cursor: pointer; }
.caseList .caseListR .caseListTop .bd { width: 820px; padding: 0 20px 20px; overflow: hidden; }
.caseList .caseListR .caseListTop .bd ul li .caseListImg { width: 535px; height: 375px; position: relative; overflow: hidden; float: left; }
.caseList .caseListR .caseListTop .bd ul li .caseListImg img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; }
.caseList .caseListR .caseListTop .bd ul li .caseListText { width: 195px; height: 305px; background: #f8f8f8; padding: 35px; position: relative; }
.caseList .caseListR .caseListTop .bd ul li .caseListText h4 a { display: block; font-size: 16px; line-height: 46px; border-bottom: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  -webkit-transition: .5s;
 transition: .5s;
}
.caseList .caseListR .caseListTop .bd ul li .caseListText p { margin-top: 20px; color: #666; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; height: 182px; }
.caseList .caseListR .caseListTop .bd ul li .caseListText i { position: absolute; bottom: 0; left: 0; width: 0; height: 2px;  background: $ {
yyt.color
}
;
 -webkit-transition: .5s;
 transition: .5s;
}
.caseList .caseListR .caseListTop .bd ul li:hover .caseListText i { width: 100%; }
.caseList .caseListR .caseListTop .bd ul li .caseListText .caseListMore { margin-top: 30px; display: block;  -webkit-transition: .5s;
 transition: .5s;
color: #666; }
.caseList .caseListR .caseListTop .bd ul li:hover .caseListText .caseListMore { color: #999999; margin-left: 110px; }
.caseList .caseListR .caseListTop .bd ul li:hover .caseListText h4 a { padding-left: 10px;  color: $ {
yyt.color
}
;
}
.caseList .caseListR .caseListBottom ul li { margin-top: 20px; width: 396px; border: 5px solid #f8f8f8; overflow: hidden; padding: 10px; float: left; margin-right: 28px;  -webkit-transition: .5s;
 transition: .5s;
}
 .caseList .caseListR .caseListBottom ul li:nth-child(2n) {
 margin-right: 0;
}
.caseList .caseListR .caseListBottom ul li .caseImg { width: 200px; height: 150px; float: left; overflow: hidden;  -webkit-transition: .5s;
 transition: .5s;
}
.caseList .caseListR .caseListBottom ul li .caseImg a { display: block; width: 200px; height: 150px;  -webkit-transition: .5s;
 transition: .5s;
position: relative; }
.caseList .caseListR .caseListBottom ul li .caseImg a img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;  -webkit-transition: .5s;
 transition: .5s;
}
.caseList .caseListR .caseListBottom ul li .caseListTextd { float: left; width: 180px; margin-left: 10px; }
.caseList .caseListR .caseListBottom ul li .caseListTextd h4 a { line-height: 50px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;  -webkit-transition: .5s;
 transition: .5s;
}
.caseList .caseListR .caseListBottom ul li .caseListTextd p { font-size: 14px; color: #999999; }
.caseList .caseListR .caseListBottom ul li .caseListTextd a.caseMore { display: block; float: left; margin-top: 30px;  -webkit-transition: .5s;
 transition: .5s;
color: #666; }
.caseList .caseListR .caseListBottom ul li:hover .caseListTextd a.caseMore {  color: $ {
yyt.color
}
;
 margin-left: 100px;
}
.caseList .caseListR .caseListBottom ul li:hover {  border: 5px solid $ {
yyt.color
}
;
 width: 394px;
 box-shadow: 0 0 16px rgba(0, 0, 0, 0.2)
}
.caseList .caseListR .caseListBottom ul li:hover .caseImg img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.p_xgxx .p_sgxx_ul li:hover .caseList .caseListR .caseListBottom ul li:hover .caseListTextd h4 a {  color: $ {
yyt.color
}
;
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
.caseList .caseListR .caseListBottom ul li:hover .caseListTextd a.caseMore {  color: $ {
yyt.color
}
;
 -webkit-transform: translateX(-5px);
 transform: translateX(-5px);
}
.neirong p { margin-bottom: 10px; font-size: 15px; line-height: 2; }
.neirong div { margin-bottom: 10px; font-size: 15px; line-height: 2; }
/*��ҳ��*/



.container { width: 1200px; margin: auto; }
.danye { margin-top: 50px; }
.danye .danye_title { padding-bottom: 10px; border-bottom: 1px solid #dedede; }
.danye .danye_title h3 { text-align: center; font-size: 24px; line-height: 35px; }
.danye .danye_title .other { text-align: center; color: #999; padding-top: 20px; }
.danye .danye_title .other span { padding: 0 15px; }
.danye .neirong { padding-top: 20px; line-height: 2; }
.danye .neirong img { max-width: 100%; padding: 10px 0; }
.danye .fenxiang { display: inline-block; }
.danye .zy { clear: both; margin-top: 50px; background: url("${yytpath}img/fenge.jpg") no-repeat center bottom; height: 55px; }
.bshare-custom .bshare-share-count { background: transparent url(../../../../../static.bshare.cn/frame/images/counter_box_18.gif) no-repeat !important; padding: 0 !important; }
.danye .zy li { float: left; line-height: 14px; height: 14px; color: #666;/* width: 400px; */
}
 .danye .zy li:nth-child(2) {
 float: right;
}
 .danye .zy li:nth-child(2) a {
/* text-align: right; */


/* float: left; */
}
 .danye .zy li:nth-child(1) a {
 text-align: left;
 float: right;
}
.danye .zy li a { /* width: 330px; */


overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* display: block; */


line-height: 14px; height: 14px; color: #666; }
.danye .zy li a:hover {  color: $ {
yyt.color
}
;
}
/*��������*/



.abuot { width: 870px; margin-top: 50px; }
.abuot h3 { text-align: center; font-size: 24px; line-height: 35px; }
.abuot1 { margin-top: 50px; }
.abuot1 h3 { text-align: center; font-size: 24px; line-height: 35px; margin-bottom: 40px; }
.abuot .abuot_t { height: 18px; background: url("${yytpath}img/fenge.jpg") no-repeat center bottom; margin-top: 10px; /* text-align: right; */



  line-height: 30px; color: #999; text-align: center; }
.abuot .fenxiang { height: 40px; /* float: right; */



  margin-left: 20px; display: inline-block; text-align: center; }
.abuot .neirong { margin-top: 20px; line-height: 2; }
.a_tuijian { height: 300px; border: 10px solid #f8f8f8; margin-top: 35px; padding: 0 30px; }
.a_tuijian h3 { padding: 23px 0 0 0px; font-size: 16px; display: block; }
.a_tuijian .a_tuijian_c { margin: 16px 0 0 0; }
.a_tuijian .a_tuijian_c li { width: 260px; text-align: center; float: left; cursor: url(${yytpath}img/curpo.png),  default; }
.a_tuijian .a_tuijian_c li .atuijianImg>a { width: 240px; height: 170px; border: 10px solid #f8f8f8; transition: 0.5s; position: relative; display: block; cursor: url(${yytpath}img/curpo.png),  default; }
.a_tuijian .a_tuijian_c li .atuijianImg>a img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.a_tuijian .a_tuijian_c li p a { display: block; line-height: 4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.3s; ; }
.a_tuijian .a_tuijian_c li:hover .atuijianImg>a {  border: 10px solid $ {
yyt.color
}
;
}
.a_tuijian .a_tuijian_c li:hover p a {  color: $ {
yyt.color
}
;
}
/*��Ʒҳ��*/



.productListR { width: 880px; margin-top: 50px; }
.productListR .p_c .p_c_1 { border: 10px solid #f8f8f8; margin-bottom: 20px; overflow: hidden; }
.productListR .p_c .p_c_1 .p_c_1_t { height: 50px; border-bottom: 1px dashed #dedede; width: 810px; margin: 10px auto; line-height: 50px; }
.productListR .p_c .p_c_1 .p_c_1_t a.more { float: right; color: #999; transition: 0.3s; }
.productListR .p_c .p_c_1 .p_c_1_t a.more:hover {  color: $ {
yyt.color
}
;
}
.productListR .p_c .p_c_1 .p_c_1_t h4 span { font-size: 16px;  color: $ {
yyt.color
}
;
 font-weight: bold;
 position: relative;
}
 .productListR .p_c .p_c_1 .p_c_1_t h4 span::before {
 display: inline-block;
 content: "|";
 margin-left: 1%;
 margin-right: 2%;
 font-weight: bold;
 color: $ {
yyt.color
};
 -webkit-transition: .5s;
 transition: .5s;
}
 .productListR .p_c .p_c_1 .p_c_1_t h4 span:hover::before {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}
.productListR .p_c .p_c_1 .p_ul { margin: 30px 0 0 20px; width: 830px; }
.productListR .p_c .p_c_1 .p_ul li { width: 260px; float: left; margin: 20px 7px; transition: 0.5s; }
.productListR .p_c .p_c_1 .p_ul li:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.productListR .p_c .p_c_1 .p_ul li>a { width: 260px; height: 170px; border-top-right-radius: 3px; border-top-left-radius: 3px; position: relative; display: block; }
.productListR .p_c .p_c_1 .p_ul li>a img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.productListR .p_c .p_c_1 .p_ul li p a.p_a { display: block; margin-left: 0; transition: 0.3s; height: 40px; line-height: 40px; border-bottom: 1px solid #dedede; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productListR .p_c .p_c_1 .p_ul li:hover p a.p_a {  color: $ {
yyt.color
}
;
 margin-left: 10px;
 border-bottom: 1px solid transparent;
 margin-right: 10px;
}
 .productListR .p_c .p_c_1 .p_ul li p a.p_a::before {
 display: inline-block;
 content: "|";
 margin-left: 1%;
 margin-right: 3%;
 font-weight: bold;
 color: $ {
yyt.color
};
 -webkit-transition: .5s;
 transition: .5s;
 font-weight: bold;
}
 .productListR .p_c .p_c_1 .p_ul li:hover p a.p_a::before {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}
.p_xgxx { margin-top: 50px; height: 450px; background: #f8f8f8; }
.p_xgxx .p_xgxx_t { height: 80px; padding-top: 50px; background: url("${yytpath}img/fenge.jpg") no-repeat center 107px; text-align: center; }
.p_xgxx .p_xgxx_t p { font-size: 30px; color: #cccccc; text-transform: uppercase; }
.p_xgxx .p_xgxx_t h3 { font-size: 26px; width: 150px; background: #f8f8f8; height: 30px; line-height: 30px; margin: 0 auto; }
.p_xgxx .p_sgxx_ul { margin-top: 50px; }
.p_xgxx .p_sgxx_ul ul { width: 1280px; }
.p_xgxx .p_sgxx_ul li { width: 355px; float: left; margin-right: 70px; }
.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t { height: 60px; }
.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t span { float: right; color: #999; line-height: 60px; }
.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t h4 { width: 290px; }
.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t h4 span { width: 26px; height: 5px;  background: $ {
yyt.color
}
;
 margin-right: 263px;
}
.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t h4 a { font-weight: bold; font-size: 16px; margin-top: 15px; display: block; padding-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 290px; }
.p_xgxx .p_sgxx_ul li:hover .p_sgxx_ul_t h4 a { transition: 0.3s;  color: $ {
yyt.color
}
;
}
.p_xgxx .p_sgxx_ul li p { line-height: 30px; color: #666; height: 85px; overflow: hidden; }
.p_xgxx .p_sgxx_ul li .more a { display: block; width: 60px; height: 30px; background: #999; text-align: center; margin-top: 30px; transition: 0.3s; }
.p_xgxx .p_sgxx_ul li:hover .more a { width: 110px;  background: $ {
yyt.color
}
;
}
/*����ͨ��ҳ��*/



.zizhiListR { width: 860px; float: right; margin-top: 50px; }
.zizhiListR .zz_r .zz_ul ul { width: 900px; }
.zizhiListR .zz_r .zz_ul li { width: 270px; height: 245px; float: left; margin: 0 30px 30px 0; overflow: hidden; border-bottom: 1px solid #dedede; position: relative; }
.zizhiListR .zz_r .zz_ul li img { width: 270px; height: 200px; }
.zizhiListR .zz_r .zz_ul li p { background: url("${yytpath}img/jt.png") no-repeat right; height: 35px; }
.zizhiListR .zz_r .zz_ul li p a { display: block; overflow: hidden; text-align: left; line-height: 35px; text-overflow: ellipsis; white-space: nowrap; width: 210px; }
.zizhiListR .zz_r .zz_ul li p i { width: 0px; height: 1px; z-index: 1; display: block; position: relative; transition: 0.4s; top: 39px; }
.zizhiListR .zz_r .zz_ul li:hover p i { width: 100%;  background: $ {
yyt.color
}
;
}
.zizhiListR .zz_r .zz_ul li:hover p a {  color: $ {
yyt.color
}
;
}
.zizhiListR .zz_r .zz_ul li span { position: absolute; width: 100%; height: 200px; top: -300px; background: rgba(0, 0, 0, 0.5); transition: 0.5s; }
.zizhiListR .zz_r .zz_ul li span img { width: auto; height: auto; position: absolute; top: 90%; left: 50%; margin-left: -20px; transition: 0.3s; }
.zizhiListR .zz_r .zz_ul li:hover span img { top: 35%; transition-delay: 0.2s; }
.zizhiListR .zz_r .zz_ul li:hover span { top: 0; }
.zizhiListR .zz_r .fenye { text-align: center; }
.zizhiListR .zz_r .fenye li { display: inline-block; padding: 5px 15px; background: #f8f8f8; margin: 0 5px; }
/*�����Ѷ�Ƽ�ͨ��*/



.caseList .zxtj { height: 400px; border: 10px solid #f8f8f8; margin-bottom: 10px; }
.caseList .zxtj h3 { width: 250px; margin: auto; height: 40px; line-height: 40px; border-bottom: 1px solid #dedede; font-size: 16px; padding-top: 10px; margin-bottom: 18px; }
.caseList .zxtj li { width: 250px; margin: 0 auto 18px; height: 65px; }
.caseList .zxtj li .zxtj_r { width: 155px; float: right; }
.caseList .zxtj li .zxtj_r a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 5px; transition: 0.3s; }
.caseList .zxtj li:hover .zxtj_r a {  color: $ {
yyt.color
}
;
}
.caseList .zxtj li img { width: 85px; height: 65px; float: left; }
.caseList .zxtj li p { height: 40px; overflow: hidden; color: #666; }
.prorc { width: 850px; height: auto; border: 10px solid #f8f8f8; margin-top: 50px; }
.prorc .proc { padding-top: 25px; }
.prorc .proc .proc_t { text-align: center; width: 815px; margin: auto; }
.prorc .proc .proc_t h3 { font-size: 18px; font-weight: bold; line-height: 30px; }
.prorc .proc .proc_t .other { line-height: 30px; color: #999; margin-top: 10px; border-bottom: 1px solid #dedede; }
.prorc .proc .proc_t .other span { display: inline-block; margin: 0 15px; }
.xgtjBox { padding: 0 20px; }
.prorc .proc .proc_b { padding: 15px; line-height: 2; }
.prorc .proc .fenxiang { height: 30px; display: inline-block; margin-right: 10px; }
.prorc .proc .bshare-custom .bshare-share-count { background: transparent url(../../../../../static.bshare.cn/frame/images/counter_box_18.gif) no-repeat 0 !important; }
.proc_b p { margin-bottom: 10px; }
.proc_b img { max-width: 820px; height: auto; }
.proc_b div { margin-bottom: 10px; }
.prorc .proc .yemian { clear: both; margin-top: 60px; height: 50px; line-height: 50px; color: #666; }
 .prorc .proc .yemian li:nth-child(1) {
 float: left;
 margin-left: 15px;
}
 .prorc .proc .yemian li:nth-child(1) a {
 float: right;
}
 .prorc .proc .yemian li:nth-child(2) {
 float: right;
 margin-right: 15px;
}
 .prorc .proc .yemian li:nth-child(2) a {
/* float: left; */

/* text-align: right; */
}
.prorc .proc .yemian li a { display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; transition: 0.3s; }
.prorc .proc .yemian li:hover a {  color: $ {
yyt.color
}
;
}
.addpage { display: table; margin: 50px auto; }
  .addpage a { display: inline-block; padding: 5px 15px; background: #f8f8f8; margin: 0 8px; cursor: pointer;  -webkit-transition: .5s;
 transition: .5s;
}
.addpage span:hover,  .addpage a:hover {  background: $ {
yyt.color
}
;
 color: #fff;
}
.caseList .p_xgxx { margin-top: 0; }
.caseList .caseListL .caseListLbox1 ul li .prolist {  background: $ {
yyt.color
}
url(${yytpath}img/casePver.png) no-repeat 95% center;
 color: #fff;
 border-radius: 6px;
 box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.caseList .caseListL .caseListLbox1 ul li a.oneTitle { color: #fff; }
.caseList .caseListL .caseListLbox1 ul li { margin-bottom: 10px; }
.caseList .caseListL .caseListLbox1 ul li i { background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.5); z-index: 2; }
.caseList .caseListL .caseListLbox ul li p { line-height: 30px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #ddd; height: 36px; line-height: 36px; background: url(${yytpath}img/caseListIco.png) no-repeat 6px center; }
.caseList .caseListL .caseListLbox ul li p a { color: #333; display: block; width: 220px;  -webkit-transition: .5s;
 transition: .5s;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.caseList .caseListL .caseListLbox ul li p a:hover {  color: $ {
yyt.color
}
;
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
.caseList .caseListL .caseListLbox ul li p a.erjifenlei { display: block;  color: $ {
yyt.color
}
;
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
.xgtj { width: 850px; height: auto; border: 10px solid #f8f8f8; margin-top: 50px; }
.xgtj h4 { padding: 0 20px; line-height: 40px; font-weight: bold; font-size: 16px; color: #333; }
.xgtjImg>a { width: 240px; height: 170px; border: 10px solid #f8f8f8; display: block;  -webkit-transition: .5s;
 transition: .5s;
position: relative; }
.xgtjBox ul li:hover .xgtjImg>a { box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1); }
.xgtjBox ul li .xgtjImg p a { line-height: 50px; width: 240px; padding: 0 10px; text-align: center; display: block;  -webkit-transition: .5s;
 transition: .5s;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xgtjBox ul li:hover a {  color: $ {
yyt.color
}
;
}
.xgtjBox,  .xgtjBox ul li,  .xgtjBox ul li a { cursor: url(${yytpath}img/curpo.png), default; }
.xgtjBox ul li .xgtjImg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; }
.conactTitle { margin-top: 30px; font-size: 24px; text-align: center; }
.conactTitle span { display: block; font-size: 14px; color: #999; line-height: 26px; }
.conactL { width: 580px; }
.ly_d1 { width: 38px; height: 38px; position: absolute; left: 0; top: 0; background: url(../images/ly_d1.png) no-repeat 0;  -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}
.webq_bd_2 { width: 100%; height: 38px; line-height: 38px; border: 0; background: none; color: #fff; box-sizing: border-box; padding: 0 10px 0 50px;  -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
display: block; }
.lqy_jia .webq_bd_2 { padding: 0 50px 0 10px; }
.lqy_jia .ly_d1 { left: 201px; }
.lqy_jia .ly_d2 { left: 201px; }
.lqy_jia .webq_bd_1 { padding: 0 50px 0 10px; }
.lqy_jia .ly_d3 { left: 462px; }
.conactText1 i { display: inline-block; height: 18px; background: url(${yytpath}img/ly_d1.png) no-repeat center left; font-size: 14px; color: #999; }
.conactText2 i { display: inline-block; height: 18px; background: url(${yytpath}img/ly_d2.png) no-repeat center left; font-size: 14px; color: #999; }
.conactText3 i { display: inline-block; height: 18px; background: url(${yytpath}img/ly_d3.png) no-repeat center left; font-size: 14px; color: #999; }
.conactText4 i { display: inline-block; height: 18px; background: url(${yytpath}img/ly_d4.png) no-repeat center left; font-size: 14px; color: #999; }
.conactText i { width: 48px; padding-left: 20px; height: 40px; line-height: 40px; }
.conactText { background: #f8f8f8; padding-left: 20px; margin-top: 16px; }
.conactText input { width: 80%; display: inline-block; background: #f8f8f8; height: 40px; line-height: 40px; color: #999; }
.conactText4 i { display: block; }
.conactText4 input { line-height: 30px; width: 96%; }
.conactL { margin-top: 30px; }
.conactText4 textarea { width: 96%; height: 80px; background: #f8f8f8; }
.conactBottom { width: 100%; height: 40px; background: #999999; text-align: center; font-size: 14px; font-weight: bold; margin-top: 16px; color: #fff; cursor: pointer; }







::-webkit-input-placeholder {
 color: #666;
}







::-moz-placeholder {
 color: #666;
}







:-ms-input-placeholder {
 color: #666;
}
.conactR { width: 480px; }
.conactR h4 { font-weight: bold; font-size: 18px; margin-top: 70px; margin-bottom: 20px; }
.conactR ul li.conact1 { padding-left: 35px; background: url(${yytpath}img/conactImg1.png) no-repeat center left; }
.conactR ul li.conact2 { padding-left: 35px; background: url(${yytpath}img/conactImg2.png) no-repeat center left; }
.conactR ul li.conact3 { padding-left: 35px; background: url(${yytpath}img/conactImg3.png) no-repeat center left; }
.conactR ul li.conact4 { padding-left: 35px; background: url(${yytpath}img/conactImg4.png) no-repeat center left; }
.conactR ul li.conact5 { padding-left: 35px; background: url(${yytpath}img/conactImg5.png) no-repeat center left; }
.conactR ul li { margin-top: 30px; color: #999; }
.conactConter { padding: 50px 0 20px; background: #fff; line-height: 2; font-size: 14px; }
.conactBox { width: 100%; height: auto; }
.newsAddL a { padding: 10px 20px; display: inline-block; margin-right: 10px;  -webkit-transition: .5s;
 transition: .5s;
}
.newsAddL { overflow: hidden; margin-top: 30px; }
.newsAddL a.on,  .newsAddL a:hover {  background: $ {
yyt.color
}
;
 color: #fff;
}
.newsAddR img { vertical-align: sub; padding-right: 10px; }
.newsAddR a { color: #666; }
.newsAddR { margin-top: 38px; color: #666; }
.newsAddR a:hover {  color: $ {
yyt.color
}
;
}
.newsTitle { margin-top: 40px; display: block; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.newsTitle h3 { float: left; font-size: 18px; letter-spacing: 0.5px; }
.newsTitle h3 b { font-size: 14px; color: #999; font-weight: normal; }
.newsTitle a { float: right; color: #999; }
.newsTime span { font-size: 50px; color: #999; display: block; }
.newsTime i { background: url(${yytpath}img/newsPvre.png) no-repeat center left; padding-left: 40px; color: #999; }
.newsCenter { width: 800px;  }
.newsCenter a { color: #333; font-size: 20px; padding-top: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  -webkit-transition: .5s;
 transition: .5s;
}
.newsCenter p { font-size: 14px; line-height: 24px; margin-top: 8px; }
.newsRight { width: 180px; height: 120px; position: relative; }
.newsRight img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.newsListBox ul li { margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc;  -webkit-transition: .5s;
 transition: .5s;
}
.newsListBox ul li:hover { padding-left: 20px; }
.newsListBox ul li:hover a {  color: $ {
yyt.color
}
;
}
.newsBottom { width: 100%; height: 500px; background: #f8f8f8; margin-top: 50px; overflow: hidden; }
.newsBottom ul li { width: 270px; margin-top: 40px; }
.newsBottom ul li a.newsBottomImg { display: block; position: relative; width: 270px; height: 200px; overflow: hidden; }
.newsBottom ul li a.newsBottomImg img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.newsBottom ul li i { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); position: absolute; top: -100%;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBottom ul li .newsBottomText a .newsBottomTextA { display: block; font-size: 16px; text-align: center; padding-top: 10px; position: absolute; top: 10px; width: 230px; padding: 0 10px;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBottom ul li .newsBottomText { width: 250px; padding: 0 10px; height: 150px;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBottom ul li .newsBottomText p { font-size: 14px; line-height: 1.5; position: absolute; margin-top: 20px; text-align: center; height: 42px; top: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 250px;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBottomText { position: relative; }
.newsBottom ul li:hover .newsBottomImg i { top: 0; }
.newsBottom ul li:hover .newsBottomText a.newsBottomTextA { position: absolute; top: -120px; color: #fff; width: 250px; text-align: center; }
.newsBottom ul li:hover .newsBottomText { background: #7f7f7f; }
.newsBottom ul li .newsBottomText a.newsBottomTextA { width: 250px; position: absolute; top: 10px; text-align: center;  -webkit-transition: .5s;
 transition: .5s;
font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsBottom ul li .newsBottomText a.newsBottomTextA b { width: 40px; height: 2px; display: block; margin: 0 auto; background: #f8f8f8;  -webkit-transition: .5s;
 transition: .5s;
margin-top: 10px; }
.newsBottom ul li:hover .newsBottomText p { color: #fff; }
.newsBottom ul li:hover .newsBottomText p { top: 10px; }
.newsMore { width: 150px; height: 30px; border: 1px solid #fff; display: block; margin: 0 auto; position: absolute; left: 60px; top: 90px; text-align: center; line-height: 30px; color: #fff; display: none; }
.newsBottom ul li:hover .newsBottomText .newsMore { display: block; }
.newsBottom ul li { float: left; margin: 0 15px; }
.newsBCenter ul li { width: 350px; position: relative;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBcenterTop { width: 330px; height: 60px; padding: 10px; position: absolute; top: 0;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBcenterTopL { font-size: 30px; color: #999; display: block;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBcenterTopL i { color: #999; display: block; font-size: 14px; line-height: 14px;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBcenterTopR { width: 50px; height: 45px; background: url(${yytpath}img/newsBcenterTopR.png) no-repeat center; margin-top: 8px;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBcenterButtomLine { width: 100%; height: 1px; background: #ccc; position: absolute; top: 81px;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBcenterTopText a { display: block; font-size: 16px; color: #333; line-height: 3; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBcenterTopText p { font-size: 14px; color: #999; line-height: 1.8; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  -webkit-transition: .5s;
 transition: .5s;
}
.newsBcenterTopText { position: absolute; top: 80px;  -webkit-transition: .5s;
 transition: .5s;
width:100%; }
.newsBCenter ul li:hover .newsBcenterTop {  background: $ {
yyt.color
}
;
}
.newsBCenter ul li:hover .newsBcenterTop .newsBcenterTopL { color: #fff; }
.newsBCenter ul li:hover .newsBcenterTop .newsBcenterTopL i { color: #fff; }
.newsBCenter ul li:hover .newsBcenterTop .newsBcenterTopR { background: url(${yytpath}img/newsBcenterTopR2.png) no-repeat center; }
.newsBCenter ul li { margin-top: 20px; height: 180px; float: left; margin-right: 75px; margin-bottom: 50px; }
 .newsBCenter ul li:nth-child(3) {
 margin-right: 0;
}
.newsBCenter ul li:hover .newsBcenterButtomLine { top: 0; }
.newsBCenter ul li:hover .newsBcenterTop { top: 110px; ; }
.newsBCenter ul li:hover .newsBcenterTopText a { top: 0; }
.newsBCenter ul li:hover .newsBcenterTopText { top: 0; }
.serviceBox { margin-top: 40px; position: relative; height: 450px; overflow: hidden; }
.serviceTlImg { width: 780px; height: 450px; position: relative; }
.serviceTlImg img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.serviceTlText { position: relative; width: 390px; }
.serviceTlText a.serviceTitle { width: 340px; padding-right: 40px; display: block; line-height: 80px; font-size: 18px; background: url(${yytpath}img/serviceIco1.png) no-repeat center right;  -webkit-transition: .5s;
 transition: .5s;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.serviceTlText .serviceTlTextd { width: 380px; height: 230px; position: absolute; z-index: 2; right: 0; top: 80px; padding: 35px; background: #f8f8f8; box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); }
.serviceTlTextd p { line-height: 2; font-size: 14px; color: #666; height: 120px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.serviceTlText .serviceTlTextd a { width: 110px; height: 30px; border: 1px solid #ccc; display: block; text-align: center; color: #666; border-radius: 5px; margin-top: 20px; line-height: 30px;  -webkit-transition: .5s;
 transition: .5s;
}
.serviceTlText .serviceTlTextd a:hover {  background: $ {
yyt.color
}
;
 color: #fff;
 border: 1px solid $ {
yyt.color
};
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
.newsBottom ul li:hover .newsBottomText a.newsBottomTextA b { width: 100px; }
.serviceBox .hd { position: absolute; z-index: 9; width: 410px; right: 0; top: 328px; }
.serviceL { width: 90px; height: 11px; background: url(${yytpath}img/serviceL.png) no-repeat center; cursor: pointer; float: left; }
.serviceR { width: 90px; height: 11px; background: url(${yytpath}img/serviceR.png) no-repeat center; cursor: pointer; float: left; margin-left: 20px; }
.serviceTlText a.serviceTitle:hover { -webkit-transform: translateX(-5px); transform: translateX(-5px);  color: $ {
yyt.color
}
;
}
.serviceList { margin-top: 40px; }
.serviceListImg { width: 370px; height: 270px; overflow: hidden; display: block; position: relative; }
.serviceList ul li { width: 370px; height: 330px; position: relative; overflow: hidden; float: left; margin-bottom: 50px; margin-right: 10px; }
 .serviceList ul li:nth-child(3n) {
 margin-right: 0;
}
.serviceListImg img { display: block; max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;  -webkit-transition: .5s;
 transition: .5s;
}
.gesture { width: 100%; height: 100%; display: block; background: url(${yytpath}img/gesture.png) no-repeat center rgba(0, 0, 0, 0.2); position: absolute; top: -100%; left: 0;  -webkit-transition: .5s;
 transition: .5s;
}
.serviceListText { height: 60px; width: 100%; position: absolute; bottom: 0; left: 0;  -webkit-transition: .5s;
 transition: .5s;
border-bottom: 1px solid #e5e5e5; }
.serviceListText a { padding: 0 20px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 60px; color: #333;  -webkit-transition: .5s;
 transition: .5s;
}
.serviceListText p { padding: 0 20px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; }
.serviceList ul li:hover .serviceListImg img { -webkit-transform: scale(1.06); transform: scale(1.06); }
.serviceList ul li:hover .gesture { top: 0; }
.serviceList ul li:hover .serviceListText { height: 80px; background: #f8f8f8; }
.serviceList ul li:hover a { line-height: 36px; }
.serviceListText i { width: 0; height: 4px;  background: $ {
yyt.color
}
;
 position: absolute;
 bottom: 0;
 left: 0;
 -webkit-transition: .5s;
 transition: .5s;
}
.serviceList ul li:hover .serviceListText i { width: 100%; }
.serviceNews { width: 100%; height: 540px; background: #fbfbfb; }
.serviceList .addpage { margin: 0 auto 70px; }
.serviceTitle1 { padding-top: 50px; }
.serviceTitle1 i { width: 15px; height: 3px; background: #999; display: inline-block; vertical-align: middle; margin-right: 5px; float: left; margin-top: 9px; }
.serviceTitle1 h4 { font-size: 18px; color: #333; line-height: 1; }
.serviceTitle1 span { color: #999; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; margin-top: 5px; display: block; }
.serivceNewsBox { margin-top: 36px; }
.serivceNewsBoxL { width: 330px; height: 370px;  -webkit-transition: .5s;
 transition: .5s;
background: #fff; }
.serivceNewsBoxL>a { width: 330px; position: relative; height: 230px; display: block; overflow: hidden; }
.serivceNewsBoxL>a img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.serviceNewsTime { width: 125px; height: 75px; background: url(${yytpath}img/serviceNewsTime.png) no-repeat center rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0;  -webkit-transition: .5s;
 transition: .5s;
}
.serviceNewsTime span { font-size: 30px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; margin-left: 10px; margin-top: 15px; color: #fff; }
.serviceNewsTime i { color: #fff; margin-top: 46px; float: right; margin-right: 14px; display: block; }
.serviceNewsLtext { width: 330px; height: 140px; background: #ffffff; }
.serviceNewsLtext a { padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 4; font-size: 16px;  -webkit-transition: .5s;
 transition: .5s;
}
.serviceNewsLtext p { font-size: 14px; line-height: 2; color: #666; padding: 0 10px; height: 56px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.serivceNewsBoxL:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.02); }
.serivceNewsBoxL:hover a {  color: $ {
yyt.color
}
;
}
.serivceNewsBoxL:hover .serviceNewsTime { background: url(${yytpath}img/serviceNewsTime.png) no-repeat center rgba(14, 126, 230, 0.5); left: 205px; }
.serviceNewsBoxR ul li { width: 820px; position: relative; padding: 20px 0 32px; overflow: hidden; }
.serviceNewsBoxR ul li i { position: absolute; top: 0px; left: 0; width: 0px; height: 1px;  background: $ {
yyt.color
}
;
 -webkit-transition: .5s;
 transition: .5s;
}
.serviceNewsBoxR ul li b { position: absolute; top: 0px; left: 0; width: 100%; height: 1px; background: #dedede;  -webkit-transition: .5s;
 transition: .5s;
}
.seviceNewsBoxImg { display: block; width: 170px; height: 130px; position: relative; }
.serviceNewsBoxR ul li:hover i { width: 100%; }
.seviceNewsBoxImg img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.seviceNewsBoxRtxt { width: 406px; padding: 0 54px 0 30px; }
.seviceNewsBoxRtxt a { line-height: 4; font-size: 16px; display: block;  -webkit-transition: .5s;
 transition: .5s;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seviceNewsBoxRtxt p { font-size: 14px; color: #666; line-height: 2; height: 56px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.serviceNewsBoxR ul li:hover .seviceNewsBoxRtxt a {  color: $ {
yyt.color
}
;
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
.seviceNewsBoxRTime { width: 150px; height: 130px; border-left: 1px solid #dedede; }
.seviceNewsBoxRTime span { font-size: 30px; font-weight: 100; color: #999; display: block; text-align: center; line-height: 3; position: relative; }
.seviceNewsBoxRTime span i { position: absolute; top: 0; left: 0; }
.seviceNewsBoxRTime a { width: 8px; height: 18px; overflow: hidden; display: block; margin-left: 44px; animation: proll linear 2s infinite alternate; }
.seviceNewsBoxRTime a img { width: 8px; height: 18px; }
.seviceNewsBoxRTime:hover img { border-left: 180px solid transparent;  -webkit-filter: drop-shadow(-180px 0 0px $ {
yyt.color
}
);
 filter: drop-shadow(-180px 0 0px $ {
yyt.color
}
);
}
.serviceNewsBoxR { border-bottom: 1px solid #dedede; }
.serviceDetailed { margin-top: 26px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; overflow: hidden; padding-bottom: 30px; }
.serviceDetaildedText p { font-size: 14px; line-height: 2; padding: 28px 0; text-indent: 2em; color: #333; }
.serviceDetailedBox ul li { float: left; margin-top: 30px; width: 240px; padding: 0 80px; }
 .serviceDetailedBox ul li:nth-child(2) {
 width: 238px;
 border-left: 1px solid #dedede;
 border-right: 1px solid #dedede;
}
.serviceDetailedBox ul li i { width: 72px; height: 72px; }
.serviceDetailedBox ul li i img { display: block; margin: 0 auto; }
.serviceDetailedBox ul li h5 { font-size: 20px; text-align: center; margin-top: 24px; }
.serviceDetailedBox ul li p { font-size: 14px; text-align: center; margin-top: 5px; color: #666; line-height: 2 }
.serviceMessagTitle h3 { font-size: 20px; text-align: center; padding-top: 52px; }
.serviceMessagTitle p { font-size: 14px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-align: center; color: #666; line-height: 2; }
.serviceMessageBox { width: 1036px; margin: 0 auto }
.serviceMessageBox input { padding-left: 30px; width: 302px; line-height: 2.5; border-bottom: 1px solid #dedede; margin-right: 20px; float: left; color: #999; }
 .serviceMessageBox input:nth-child(3) {
 margin-right: 0;
}
.MessageBox1 { background: url(${yytpath}img/MessageBox1.png) no-repeat center left; }
.MessageBox2 { background: url(${yytpath}img/MessageBox2.png) no-repeat center left; }
.MessageBox3 { background: url(${yytpath}img/MessageBox3.png) no-repeat center left; }
.serviceMessageBox textarea { background: url(${yytpath}img/MessageBox4.png) no-repeat center left; padding-left: 30px; width: 1006px; line-height: 34px; border-bottom: 1px solid #dedede; height: 34px; color: #999; display: block; overflow: hidden; margin-top: 20px; }
.serviceMessageBox input.messageBox4 { cursor: pointer; width: 140px; height: 36px; border: 1px solid #dedede; float: none; padding-left: 0; background: #fff; margin: 30px auto 0; display: block; color: #333;  -webkit-transition: .5s;
 transition: .5s;
position: relative; }
 .serviceMessageBox input.messageBox4::before {
 width: 140px;
 height: 36px;
 background: $ {
yyt.color
};
}
.serviceMessageBox input.messageBox4:hover {  background: $ {
yyt.color
}
;
 color: #fff;
 border: 1px solid $ {
yyt.color
};
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
 box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}
.servoceMap { width: 1036px; height: 570px; margin: 54px auto 0; }
.teamImg { display: block; width: 380px; height: 280px; position: relative; }
.teamImg img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.team ul li { float: left; margin-top: 40px; border: 1px solid #dedede; margin-right: 27px;  -webkit-transition: .5s;
 transition: .5s;
}
 .team ul li:nth-child(3n) {
 margin-right: 0;
}
.team ul li .teamText { width: 340px; margin: 0 auto;  -webkit-transition: .5s;
 transition: .5s;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.team ul li .teamText .TeamMore { font-size: 16px; line-height: 3; display: block; border-bottom: 1px dashed #dedede;  -webkit-transition: .5s;
 transition: .5s;
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.TeamMd { width: 0; height: 13px; background: url(${yytpath}img/TeamMd.png) no-repeat center; padding-right: 11px; display: block; overflow: hidden; margin: 18px 0; text-indent: 20px;  -webkit-transition: .5s;
 transition: .5s;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; color: #666; }
.team ul li:hover { -webkit-transform: translateY(-25px); transform: translateY(-25px); box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);  border: 1px solid $ {
yyt.color
}
;
}
.team ul li .teamImg img {  -webkit-transition: .5s;
 transition: .5s;
}
.team ul li:hover .teamImg img { padding: 1%; max-width: 98%; max-height: 98%; }
.team ul li:hover .teamText .TeamMore {  color: $ {
yyt.color
}
;
}
.team ul li:hover .TeamMd { width: 40%; text-indent: 0; }
 @keyframes proll {  0% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
}
 25% {
 -webkit-transform: translateX(-5px);
 transform: translateX(-5px);
}
 50% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
}
 75% {
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
 100% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
}
}
.more img { width: 30px; height: 5px; display: block; margin: 0px auto; padding: 12px 0; }
.danye { margin-bottom: 50px; }
.caseListL { margin-bottom: 50px; }
.prodcts { margin-bottom: 50px; }
.p_xgxx { margin-top: 0; }
.a_tuijian { margin-bottom: 50px; }
.newsBCenter { margin-bottom: 30px; }
.wjdh-map { margin-bottom: 0px; }
.wjdh-map #wmap { border: 10px solid #e8e8e8; padding: 0 20px; }
.driving-way .hd { height: 50px; }
 .caseList .caseListL .caseListLbox ul li.product1 a.oneTitle::before {
 color: #fff;
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}
.caseList .caseListL .caseListLbox ul li.product1 i { top: 0; }
.j_form { position:relative; }
.j_form label { width: 320px; float: left; border:1px solid #eee; position:relative; display:block; height:40px; line-height:40px; margin: 0 0 12px 0; font-size:12px; color:#bebebe; padding-left:120px; }
.j_form .label .h_x { left: 395px; top: -8px; position: absolute; }
.j_form input[type="text"] { height:40px; color:#676767; width: 290px; border:none; background:#fff; border-radius:0px; display:block; padding:0 15px; line-height:40px; font-size:12px; }
.j_form input[type="text"]:focus { }
.j_form label strong { font-weight:normal; display:block; background:#eee; color:#5e5f61; height:40px; line-height:40px; position:absolute; width: 120px; left:0px; top:0; font-size:14px; text-align:center; }
.j_form .textarea_box { width: 798px; height:163px; }
.j_form .textarea_box strong { height:163px; }
.j_form textarea { height: 150px; resize:none; color:#66656b; width: 538px; padding-right:10px; background:none; border: none; line-height:24px; font-size:12px; padding: 6px 15px; }
.j_form textarea:focus { }
.yzm_box { position:relative; border:1px solid #fff !important; }
.yzm_box strong { height:42px !important; line-height:42px !important; }
.yzm_box input[type="text"] { border:1px solid #eee; font-size:14px; height:40px; color:#666; width: 182px !important; line-height:40px; }
.yzm { position:absolute; right:0px; height:40px; top:0px; border:1px solid #eee; }
.yzm a { position:absolute; color:#adada6; right:-90px; height:40px; line-height:40px; width:80px; top:0; }
.yzm_box input[type="submit"] { }
.j_form input[type="submit"] { width:120px; margin-top: 20px; display:block; cursor:pointer; height:40px; background:$ {
yyt.color
}
;
border-radius:0px;
overflow:hidden;
color:#fff;
font-size:14px;
line-height:38px;
border:none;
text-align:center;
}
.j_form input[type="submit"]:hover { background:#1c4d96; }
.w-1200 { width: 1200px; margin: auto; }
.clear { clear:both; }
.fl { float:left; }
.fr { float:right!important; }
/*分页*/



.addpage { margin: 10px auto 40px; text-align: center; }
.addpage span { display:inline-block; margin:0 3px;    cursor:pointer; text-align: center; padding: 0 10px; color: #464646; }


.addpage a { display:inline-block; margin:0 3px; border: 1px solid #e5e5e5; line-height: 30px; cursor:pointer; text-align: center; padding: 0 10px; color: #464646; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.addpage a:hover { background: $ {
yyt.color
}
;
color: #fff;
border: 1px solid $ {
yyt.color
};
}
.addpage .current { background: $ {
yyt.color
}
;
color: #fff;
border:1px solid $ {
yyt.color
};
}
table { margin:auto; }
.prorc1 { margin-top: 40px; }
.prorcBoxCenter .hd ul { display: flex; height: 50px; background: #f8f8f8; }
.prorcBoxCenter .hd ul li { display: inline-flex; padding:0 30px; line-height: 50px; cursor: pointer; }
.prorcBoxCenter .hd ul li.on { color: #fff; }
.prorcBoxCenter .bd { width: 820px; height: auto; border: 10px solid #f8f8f8; border-top: 0; padding: 15px; }
.tagdiv { justify-content: end; }
.tagdiv i { display: inline-flex; padding: 10px 20px; background: #fff; line-height: 14px; padding-right: 0; }
span.tagclass { display: inline-flex; border-radius: 30px; line-height: 14px; margin-left: 10px; }