@import url(animate.css);
/* CSS Document */
.indexCase .readMore, .caseInfoList .readMore, .caseBox .readMore { display: block; margin: 0 auto; width: 176px; height: 32px; background-color: #fff; border: 2px solid #dadada; font-size: 14px; line-height: 32px; text-align: center; font-weight: bold; color: #b3b3b3; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexCase .readMore:hover, .caseInfoList .readMore:hover, .caseBox .readMore:hover { background-color: #df0b19; border-color: #df0b19; color: #fff; }
/* reset.css V1.2  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; }
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 12px Microsoft YaHei, Arial, "\5b8b\4f53", tahoma; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #333333; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: top; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fixed { *zoom: 1; }
.clear { clear: both; }
.wp { margin: 0 auto; width: 1210px; }
#web { min-width: 1202px; }
.pt45 { padding-top: 45px; }
.por { position: relative; }
.bgea, .caseInfoTit h6 { background-color: #eaeaea; }
.fz18 { font-size: 18px; }
.fz24 { font-size: 24px; }
.pd5 { padding: 5px; }
.fixedtop { position: fixed; width: 100%; top: 0; left: 0; background-color: #fff; z-index: 9999; }
.fixedbottom { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 9999; }
/* reset.css V1.2  End */
.paged { padding-top: 10px; text-align: center; }
.paged a, .paged .p_info, .paged .current, .paged .currenton { display: inline-block; zoom: 1; *display: inline; margin: 0px 3px; padding: 5px 10px; font-size: 12px; text-align: center; border: 1px solid #cfcfcf; background: #ffffff; color: #333; }

.paged .currenton, .paged a:hover { border: 1px solid #d51737; background: #d51737; color: #fff; }

.header { margin-bottom: 1px; }
.pdisplay{ display: none; }

.headerContact { height: 16px; line-height: 16px; padding-top: 15px; }
.headerContact ol { float: right; margin-left: 10px; }
.headerContact ol li { position: relative; float: left; margin-left: 12px; width: 21px; height: 16px; background-image: url(../images/index.png); background-repeat: no-repeat; cursor: pointer; z-index: 10000; }
.headerContact ol li.weixin { background-position: 0 -52px; }
.headerContact ol li.weixin:hover { background-image: url(icon3.png); background-position: 0 0; }
.headerContact ol li.weixin:hover .erweima { display: block; }
.headerContact ol li.weibo { background-position: 0 -34px; }
.headerContact ol li.weibo a { display: block; height: 100%; }
.headerContact ol li.weibo:hover { background-image: url(icon5.png); background-position: 0 0; }
.headerContact ol li.search { background-position: 0 -17px; }
.headerContact ol .searchBox { display: block; position: absolute; height: 30px; width: 0; border: 1px solid #c9c9c9; top: -7px; right: 0; -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }
.headerContact ol .searchBox input[type="text"] { display: block; float: left; padding-left: 5px; width: 155px; height: 30px; line-height: 30px; color: #999; border: none; }
.headerContact ol .searchBox input[type="submit"] { display: block; float: left; width: 20px; height: 30px; background: none; border: none; cursor: pointer; }
.headerContact ol .erweima { display: none; position: absolute; width: 100px; height: 100px; top: 27px; left: -44px; padding: 5px; background-color: #fff; border-radius: 5px; box-shadow: 2px 2px 5px #333; border: 1px solid #eee; }
.headerContact ol .erweima i { position: absolute; display: block; width: 23px; height: 13px; top: -12px; left: 50%; margin-left: -12px; background: url(arrow1.png) no-repeat; }
.headerContact ol .erweima img { width: 100%; height: 100%; }
.headerContact ul { float: right; }
.headerContact ul li { float: left; padding-left: 20px; background: url(../images/icon_tel.png) 0 center no-repeat; font-size: 14px; color: #999; height: 16px; line-height: 16px; margin-left: 20px; }

.logo { float: left; }
.logo a { display: block; float: left; margin-right: 10px; }
.logo .label { float: left; overflow: hidden; }
.logo .label span { display: block; margin-top: 10px; height: 16px; line-height: 16px; color: #fff; text-align: center; background-color: #989898; border-radius: 5px; }
.logo .label p { color: #666; }

.nav { padding-top: 0; float: right; position: relative; z-index: 9999; }
.nav li { position: relative; float: left;  height: 30px; z-index: 9999; }
.nav li:first-child { margin-left: 0; }
.nav li a { display: block; line-height: 39px; }
.nav li a:hover { color: #FFFF00; }
.nav li.current > a { color: #df0b19; }
.nav li.back { position: absolute; bottom: 0; height: 2px; background: #df0b19; z-index: 2; }
.nav .sub { position: absolute; display: none; padding-top: 15px; right: 0; top: 28px; z-index: 33; }
.nav .sub dl { position: relative; /*width: 285px; */padding: 15px; background-color: #f8f8f8; border: 1px solid #e9e9e9; }
.nav .sub dt { position: absolute; top: -9px; right: 27px; width: 18px; height: 10px; background: url(../images/arrow2.png) no-repeat; }
.nav .sub dd { float: left; width: 113px; height: 30px; line-height: 30px; text-align: center; }
.nav .sub dd a { font-size: 14px; }
.nav .sub dd a:hover { color: #d51737; }

.indexBanner { position: relative; width: 100%; height: 460px; overflow: hidden; }
.indexBanner:hover .prev,.indexBanner:hover .next { display: block; }
.indexBanner .prev, .indexBanner .next { position: absolute; display: block; width: 45px; height: 50px; top: 50%; margin-top: -25px; z-index: 2; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); display: none; }
.indexBanner .prev:hover, .indexBanner .next:hover { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.indexBanner .prev { left: 0; background: url(../images/zuo.png) no-repeat; }
.indexBanner .next { right: 0; background: url(../images/you.png) no-repeat; }
.indexBanner .bd { position: relative; width: 100%; height: 100%; overflow: hidden; }
.indexBanner .bd ul { height: 100%; }
.indexBanner .bd li { position: relative; width: 100%; height: 100%; }
.indexBanner .bd li > div { position: absolute; left: 50%; }
.indexBanner .bd li .pic1{ width: 710px; height: 261px; top:50px; margin-left: -350px;left:50%; opacity: 0; }

.indexBanner .hd { position: absolute; width: 100%; height:5px; left: 0; bottom: 18px; z-index: 2; }
.indexBanner .hd ul { width: 100%; text-align: center; }
.indexBanner .hd ul li { display: inline-block; *display: inline; *zoom: 1; width: 25px; height: 5px; margin: 0 8px; background:rgba(255,255,255,0.4); cursor: pointer; }
.indexBanner .hd ul li.on { background:rgba(255,241,0,1);  }


.btmContact { width: 100%; height: 146px; background: url(../images/bg3.jpg) center top repeat-x; overflow: hidden; }
.btmContact dl { padding-top: 33px; }
.btmContact dt { float: left; margin-right: 75px; width: 200px; color: #fff; }
.btmContact dt b { font-family: "Times New Roman"; font-size: 40px; }
.btmContact dt p { font-size: 20px; }
.btmContact dd { float: left; width: 430px; }
.btmContact dd.ddprig { float: left; width: 680px; }
.btmContact dd .iconBox { float: left; width: 77px; height: 77px; background: url(../images/index.png) 0 -205px no-repeat; text-align: center; font-size: 14px; color: #eee1e3; }
.btmContact dd .iconBox i { display: block; margin-left: auto; margin-right: auto; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.btmContact dd .iconBox i.gz { margin-top: 11px; width: 29px; height: 31px; -webkit-transform-origin: left bottom; transform-origin: left bottom; }
.btmContact dd .iconBox i.sz { margin-top: 15px; width: 26px; height: 25px; }
.btmContact dd .info { margin-left: 88px; padding-top: 11px; color: #fff; }
.btmContact dd .info b { font-size: 24px; color: #fff;  }
.btmContact dd .info p { font-size: 14px; }
.btmContact dd .info p a { display: inline-block; *display: inline; *zoom: 1; margin-left: 3px; width: 9px; height: 12px; background: url(icon8.png) no-repeat; }
.btmContact dd:hover .iconBox i.gz { transform: rotate(-15deg); }
.btmContact dd:hover .iconBox i.sz { transform: scale(1.05); }

.footer { padding: 30px 0 20px; background-color: #181a1d; }
.footer .footerLeft { width: 900px; float: left; }
.footer .fastLink { font-size: 14px; margin-bottom: 10px; }
.footer .fastLink a { color: #848484; margin-right: 20px; }
.footer .fastLink a:hover { color: #b12427; }
.footer .friendLink { color: #5a5a5b; line-height: 24px; }
.footer .friendLink a { color: #5a5a5b; padding: 0 10px; }
.footer .friendLink a:hover { color: #b12427; }
.footer .copyRight { float: right; width: 230px; color: #5a5a5b; line-height: 18px; text-align: right; }
.footer .copyRight a { color: #5a5a5b; }
.footer .copyRight a:hover { color: #b12427; }
.footer .copyRight ul { padding-top: 5px; float: right; }
.footer .copyRight ul li { float: left; margin-left: 6px; }

.indexFloatCon { position: fixed; display: block; right: 0; bottom: 0; width: 50px; z-index: 9999; }
.indexFloatCon li { position: relative; margin-bottom: 1px; height: 50px; }
.indexFloatCon li:first-child { height: 45px; overflow: hidden; }
.indexFloatCon li a { display: block; height: 50px; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.indexFloatCon li a:hover { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.indexFloatCon li a.indexGoTop { position: absolute; width: 100%; left: 0; top: 46px; background: url(../images/top.png) no-repeat; }
.indexFloatCon li a.online { position: absolute; top: 0; left: 0; width: 140px;  -webkit-opacity: 1; opacity:1; filter: alpha(opacity=100); background: #d51737 url(../images/online.png) left center no-repeat; font-size: 18px; color: #fff; line-height: 50px; text-indent: 50px; }
.indexFloatCon li a.online:hover { background-color: #d51737; }
.indexFloatCon li a.erweima { background: #35373a url(tit11.png) left center no-repeat; }
.indexFloatCon li a.erweima:hover { background-color: #d51737; }
.indexFloatCon li .ewmCon { position: absolute; display: none; padding: 20px 10px 10px; bottom: -51px; right: 50px; width: 210px; background-color: #fff; border: 1px solid #dbdbdb; box-shadow: 0 0 5px #dbdbdb; }
.indexFloatCon li .ewmCon .ewm { float: left; margin: 0 10px; width: 85px; text-align: center; }
.indexFloatCon li .ewmCon .ewm img { display: block; width: 100%; }
.indexFloatCon li .ewmCon .ewm p { color: #666; }
.site_wrap1{display:inline-block;width:100%;padding:82px 0 30px 0;background:#f5f5f5;}
.site_wrap1_con{width:1210px;margin:auto}
.site_wrap1_con .hd{margin-bottom:25px;position:relative;height:61px;text-align:center}
.site_wrap1_con .hd i{position:absolute;left:0;top:50%;width:100%;height:1px;background:#dcdcdc;z-index:1;}
.site_wrap1_con .hd span{position:relative;padding:0 23px;background:#f5f5f5;z-index:99;display:inline-block;text-align:center}
.txt1{margin-bottom:30px;}
.txt1 p{text-align:center;font-size:15px;line-height:24px;color:#848383;}
.myboxlist ul li{float:left;width:33.3%;text-align:center;margin-bottom:52px}
/*.myboxlist ul li .box1{width:292px;height:356px;background:#fff;margin:auto;padding-top:30px;}*/
.myboxlist ul li .box1{width:292px;height:300px;background:#fff;margin:auto;padding-top:30px;}
.myboxlist ul li .box1 .pic{margin:auto;margin-bottom:20px;background:#e9e9e9;width:88px;height:88px;border-radius:88px;}
.myboxlist ul li .box1 .pic i{display:block;width:88px;height:88px;}
.myboxlist ul li .box1 .pic i.icon1{background:url(../images/icon1.png) no-repeat center center;}
.myboxlist ul li .box1 .pic i.icon2{background:url(../images/icon2.png) no-repeat center center;}
.myboxlist ul li .box1 .pic i.icon3{background:url(../images/icon3.png) no-repeat center center;}
.myboxlist ul li .box1 .pic i.icon4{background:url(../images/icon4.png) no-repeat center center;}
.myboxlist ul li .box1 .pic i.icon5{background:url(../images/icon5.png) no-repeat center center;}
.myboxlist ul li .box1 .pic i.icon6{background:url(../images/icon6.png) no-repeat center center;}
.myboxlist ul li .box1 .item-info h1{margin-bottom:20px;color:#313131;font-size:24px;line-height:24px}
.myboxlist ul li .box1 .item-info p{color:#595959;font-size:15px;line-height:24px;height:110px}
.myboxlist ul li .box1 .item-info h3 a{display:inline-block;width:148px;height:47px;line-height:47px;border:1px solid #dcdcdc;border-radius:3px;font-size:18px;color:#888787;}
.myboxlist ul li:hover .box1 .pic{background:#ff7101}
.myboxlist ul li:hover .box1 .pic i.icon1{background:url(../images/icon1_hover.png) no-repeat center center;}
.myboxlist ul li:hover .box1 .pic i.icon2{background:url(../images/icon2_hover.png) no-repeat center center;}
.myboxlist ul li:hover .box1 .pic i.icon3{background:url(../images/icon3_hover.png) no-repeat center center;}
.myboxlist ul li:hover .box1 .pic i.icon4{background:url(../images/icon4_hover.png) no-repeat center center;}
.myboxlist ul li:hover .box1 .pic i.icon5{background:url(../images/icon5_hover.png) no-repeat center center;}
.myboxlist ul li:hover .box1 .pic i.icon6{background:url(../images/icon6_hover.png) no-repeat center center;}
.myboxlist ul li:hover .box1{box-shadow:-2px 3px 20px rgba(0,0,0,0.3);}
.myboxlist ul li:hover .box1 .item-info h3 a{background:#ff7101;border:1px solid #ff7101;color:#fff;}
.site_wrap2{height:585px;padding-top:25px;background:url(../images/bg13.jpg) no-repeat top center;}
.site_wrap2_con{width:1210px;margin:auto;}
.site_wrap2_con .hd{margin-bottom:25px;position:relative;height:61px;text-align:center}

.site_wrap2_con .hd i{position:absolute;left:0;top:50%;width:100%;height:1px;background:#dcdcdc;z-index:1;}
.site_wrap2_con .hd span{position:relative;padding:0 23px;background:#edf1f3;z-index:99;display:inline-block;text-align:center}
.site_wrap2_con .bd{margin-top:10px;display:inline-block;width:100%}
#bigwin_sildup{height:460px;overflow:hidden;}
.brand_list{padding:0 75px}
.brand_list ul li{float:left;width:19.5%;text-align:center;margin-bottom:38px;}
.brand_list ul li p{width:168px;height:76px;padding:2px;border:1px dashed #bfbfbf;margin:auto}
.brand_list ul li p img{width:168px;height:76px;}
.swiper-button-prev{color:#b0b1b1;}
.swiper-button-next, .swiper-button-prev{width:19px;height:35px;}
.swiper-button-prev{background:url(../images/page_left.png) no-repeat;}
.swiper-button-next{background:url(../images/page_right.png) no-repeat;}
.site_wrap3{display:inline-block;width:100%;background:#f5f5f5;padding:30px 0 0 0;}
.site_wrap3_con{width:1210px;margin:auto;}

.site_wrap3_con .hd{margin-bottom:25px;position:relative;height:61px;text-align:center}

.site_wrap3_con .hd i{position:absolute;left:0;top:50%;width:100%;height:1px;background:#dcdcdc;z-index:1;}
.site_wrap3_con .hd span{position:relative;padding:0 23px;background:#f5f5f5;z-index:99;display:inline-block;text-align:center}
.site_wrap3_con .bd{display:inline-block;width:100%;margin-top:20px;}
.pro_nav{margin-bottom:40px;}
.pro_nav p{text-align:center;}
.pro_nav p a{display:inline-block;padding:0 20px;height:38px;line-height:38px;font-size:14px;color:#8f8f8f;border:1px solid #e0e0e0;margin-left:-1px;}
.pro_nav p a.current,.pro_nav p a:hover{background:#d51737;border:1px solid #d51737;color:#fff;}
.pro_list{display:inline-block;width:100%}
.pro_list ul{margin-right:-18px;}
.pro_list ul li{margin-bottom:24px;float:left;margin-right:18px;}
.pro_list ul li .box1{width:288px;background:#fff; overflow:hidden;-webkit-transition: .5s ease-out all; transition: .5s ease-out all; transform-style: preserve-3d; }
.pro_list ul li .box1 .pic{width:288px;height:230px;overflow:hidden}
.pro_list ul li .box1 .pic img{width:288px;height:230px;}


.pro_list ul li .box1 .item-info{padding:15px 15px;}
.pro_list ul li .box1 .item-info h2{font-size:17px;margin-bottom:10px;font-weight:400;color:#575757;line-height:24px;height:24px;overflow:hidden;position:relative;z-index:10;}
.pro_list ul li .box1 .item-info h2 strong{color:#df0b19;font-weight:400}
.pro_list ul li .box1 .item-info p{color:#707070;font-size:14px;line-height:24px;text-align:justify;height:72px;overflow:hidden;position:relative;z-index:10;}
.pro_list ul li .box1 .item-info{position:relative}
 
.view_morecase{display:inline-block;width:100%;padding:34px 0 58px 0;}
.view_morecase p{text-align:center;}
.view_morecase p a{display:inline-block;width:170px;height:41px;line-height:41px;text-align:center;border:2px solid #e5e5e5;border-radius:3px;font-size:16px;color:#5d5c5c}
.view_morecase p a:hover{background:#d51737;border:2px solid #d51737;color:#fff;}
.site_wrap4{display:inline-block;width:100%;padding:68px 0 100px 0;}
.site_wrap4_con{width:1210px;margin:auto}

.site_wrap4_con .hd{margin-bottom:25px;position:relative;height:61px;text-align:center}

.site_wrap4_con .hd i{position:absolute;left:0;top:50%;width:100%;height:1px;background:#dcdcdc;z-index:1;}
.site_wrap4_con .hd span{position:relative;padding:0 23px;background:#fff;z-index:99;display:inline-block;text-align:center}
.site_wrap4_con .bd{display:inline-block;width:100%;margin-top:40px;}
.site_wrap4_con .bd .mypart{padding:0 35px;}
.site_wrap4_con .bd  .mypart .left{float:left;width:566px;}
.site_wrap4_con .bd .mypart .right{float:right;width:472px;}
.company_intro .pic{padding:5px;background:#f9d3b2;}
.company_intro .pic img{width:556px;height:260px}
.company_intro .item-info h2{margin:20px 0;color:#6d6d6d;font-size:20px;line-height:20px;}
.company_intro .item-info p{font-size:16px;line-height:24px;color:#737272;}
.company_intro .item-info h3{margin-top:20px;font-weight:400}
.company_intro .item-info h3 a{display:inline-block;width:170px;height:41px;line-height:41px;text-align:center;border:2px solid #e5e5e5;border-radius:3px;font-size:16px;color:#5d5c5c}
.company_intro .item-info h3 a:hover{background:#d51737;border:2px solid #d51737;color:#fff;}
.news_list ul li{height:40px;line-height:40px;border-bottom:1px dotted #cccccc;position:relative}
.news_list ul li strong{display:inline-block;float:left;margin-left:7px;font-size:14px;font-weight:400;width:330px;height:40px;line-height:40px;overflow:hidden;white-space: nowrap;
    text-overflow: ellipsis;}
.news_list ul li span{position:absolute;right:0;top:0;font-size:12px}
.news_list ul li strong a:hover{color:#d51737}
.more_btn{}
.more_btn p{text-align:right;}
.more_btn p a{padding:15px;display:inline-block;font-size:12px;color:#999}
.more_btn p a:hover{color:#d51737}
.banner2{display:inline-block;width:100%;height:300px;}
.site_wrap5{display:inline-block;width:100%;padding:20px 0;background:#fff;}
.site_wrap5_con{width:1210px;margin:auto}
.yykz_part1{display:inline-block;width:100%}
.yykz_part1 .left{float:left}
.yykz_part1 .right{float:right;}
.mypic{box-shadow:0px  0px 16px rgba(0,0,0,0.25);}
.mypic img{width:616px;height:396px}
.txt_part{width:510px;padding-top:110px;position: relative;}
.txt_part h1{margin-bottom:20px;position:relative;height:43px}
.txt_part h1 i{position:absolute;left:0;top:50%;width:150px;height:1px;background:#000}
.txt_part h1  span{display:block;margin-left:180px}
.txt_part h2{margin-bottom:30px;position:relative;}
.txt_part h2 i{position:absolute;left:108px;top:15px;height:4px;background:#df0b19;width:44px;}
.txt_part h2 strong{display:block;margin-left:180px;font-weight:400;font-size:20px;line-height:25px;color:#464646}
.txt_part h2 b{display:block;font-size:18px;line-height:25px;color:#df0b19;font-weight:400;margin-top:20px}
.txt_part h2 em{display:block;font-style:normal;margin-top:25px;margin-left:4px}
.txt_part h2 em a{display:inline-block;height:26px;position:relative;font-size:14px;line-height:23px;letter-spacing:3px;}
.txt_part h2 em a u{position:absolute;left:0;bottom:0;width:44px;height:2px;background:#df0b19;}
.txt_part h2 em a s{display:inline-block;width:35px;height:7px;background:url(../images/icon_more2.png) no-repeat;margin-left:5px}
.txt_part h3{    position: absolute; top:170px;}
.txt_part h4{width:4px;height:50px;margin-left:32px;background:#a9946e;margin-bottom:50px}
.txt_part1 h1 i{right:0;left:auto}
.txt_part1 h1  span{margin-right:180px;margin-left:auto}
.txt_part1 h2 i{right:105px;left:auto}
.txt_part1 h2  strong{margin-right:180px;margin-left:auto;}
.txt_part1 h3{text-align:right;margin-right:17px;right: 0px;}
.txt_part1 h4{text-align:right;float:right;margin-right:32px}
.banner2_con{width:946px;margin:auto;}
.banner2_con h1{padding-top:88px;color:#f5f5f5;font-size:60px;font-weight:400;line-height:60px;margin-bottom:15px}
.banner2_con p{font-size:24px;line-height:24px;color:#fff;}
.site_wrap6{display:inline-block;width:100%;padding:82px 0}
.site_wrap6_con{width:1210px;margin:auto;}
.site_wrap6_con .hd{margin-bottom:50px;text-align:center;}
.site_wrap6_con .bd p{font-size:18px;line-height:36px;color:#000}

.site_wrap7{display:inline-block;width:100%;padding:65px 0;background:#f8f8f8}
.site_wrap7_con{width:1210px;margin:auto;}
.site_wrap7_con .hd{margin-bottom:88px;text-align:center;}
.site_wrap7_con .hd h3{margin-bottom:10px}
.site_wrap7_con .hd p{text-align:center;font-size:15px;line-height:24px;color:#848383;}

.wfBox { position: relative; margin-top: 3px; height: 230px; }
.wfBox .line { position: absolute; top: 63px; left: 59px; width: 1087px; height: 112px; background: url(../images/line1.png) no-repeat; z-index: 1; }
.wfBox .dot { position: absolute; width: 128px; height: 128px; background-image: url(../images/about.png); background-repeat: no-repeat; cursor: pointer; -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); z-index: 2; }
.wfBox .icon { position: relative; margin-left: auto; margin-right: auto; background-image: url(../images/about.png); background-repeat: no-repeat; z-index: 4; }
.wfBox .wfBoxBg { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; overflow: hidden; }
.wfBox .wfBoxBg .bg { height: 0; overflow: hidden; }
.wfBox h6 { position: relative; padding-top: 10px; text-align: center; font-size: 18px; color: #fff; z-index: 4; }
.wfBox .topCir { display: none; width: 128px; height: 64px; background: url(../images/about.png) 0 -182px no-repeat; z-index: 3; }
.wfBox .bottomCir { position: relative; display: none; width: 128px; height: 64px; background: url(../images/about.png) 0 -118px no-repeat; z-index: 3; }
.wfBox ul { position: relative; padding-top: 45px; margin-bottom: -6px; background-color: #d51737; overflow: hidden; z-index: 4; }
.wfBox ul li { font-size: 12px; text-align: center; line-height: 24px; }
.wfBox ul li a { color: #fff; }
.wfBox .odd { top: 0; }
.wfBox .even { bottom: 0; }
.wfBox .dot1 { left: 0; background-position: 0 -886px; }
.wfBox .dot1 .icon { margin-top: 32px; margin-bottom: -1px; width: 27px; height: 33px; background-position: 0 -1270px; }
.wfBox .dot2 { left: 154px; background-position: 0 -758px; }
.wfBox .dot2 .icon { margin-top: 33px; margin-bottom: -1px; width: 36px; height: 33px; background-position: 0 -1303px; }
.wfBox .dot3 { left: 307px; background-position: 0 -1142px; }
.wfBox .dot3 .icon { margin-top: 25px; margin-bottom: -1px; width: 41px; height: 34px; background-position: 0 -1336px; }
.wfBox .dot4 { left: 461px; background-position: 0 -1014px; }
.wfBox .dot4 .icon { margin-top: 27px; margin-bottom: -1px; width: 40px; height: 41px; background-position: 0 -1370px; }
.wfBox .dot5 { left: 615px; background-position: 0 -374px; }
.wfBox .dot5 .icon { margin-top: 27px; margin-bottom: -1px; width: 51px; height: 38px; background-position: 0 -1411px; }
.wfBox .dot6 { left: 769px; background-position: 0 -246px; }
.wfBox .dot6 .icon { margin-top: 32px; margin-bottom: -1px; width: 28px; height: 36px; background-position: 0 -1449px; }
.wfBox .dot7 { left: 922px; background-position: 0 -630px; }
.wfBox .dot7 .icon { margin-top: 32px; margin-bottom: -1px; width: 42px; height: 36px; background-position: 0 -1485px; }
.wfBox .dot8 { left: 1076px; background-position: 0 -502px; }
.wfBox .dot8 .icon { margin-top: 35px; margin-bottom: -1px; width: 32px; height: 34px; background-position: 0 -1521px; }

.aboutBox { padding-top: 90px; background-color: #fff; }

.aboutTit { text-align: center; }
.aboutTit h4 { height: 30px; line-height: 30px; }
.aboutTit h4 b { padding-right: 35px; margin-right: 5px; font-size: 30px; color: #d51737; background: url(../images/tit7.png) right center no-repeat; }
.aboutTit h4 span { font-size: 24px; font-weight: bold; font-family: "Times New Roman"; color: #adadad; }
.aboutTit h4.white b { background-image: url(tit8.png); }
.aboutTit h4.whiteColor b { color: #fff; background-image: url(../images/tit9.png); }
.aboutTit h4.whiteColor span { color: #e6a7ab; }
.aboutTit .grayWord { margin-top: 10px; font-size: 18px; color: #666; }
.aboutTit .whiteWord { margin-top: 10px; color: #fff; }

.aboutArt { margin: 25px auto 60px; width: 870px; font-size: 14px; line-height: 28px; color: #666; }
.aboutArt p{ text-indent: 2em;line-height:36px;color:#000}
.aboutSlide { position: relative; width: 100%; height: 178px; -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }
.aboutSlide .bd { width: 100%; }
.aboutSlide .bd li { width: 283px; height: 178px; margin-right: 1px; position: relative; }
.aboutSlide .bd li img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;  -webkit-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); }
.aboutSlide .bd li a:hover img {  -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.aboutSlide .bd li .natural { z-index: 2;  }
.aboutSlide .bd li .gray { z-index: 3; }
.aboutSlide .bd li:hover .gray { display: none; }
.aboutSlide .prev, .aboutSlide .next { position: absolute; display: none; width: 50px; height: 50px; top: 50%; margin-top: -25px; z-index: 4; }
.aboutSlide .prev:hover, .aboutSlide .next:hover { opacity: .6; }
.aboutSlide .prev { left: 10px; background: url(../images/icon39.png) center no-repeat; }
.aboutSlide .next { right: 10px; background: url(../images/icon40.png) center no-repeat; }

.workFlow { padding-top: 70px; height: 500px; background-color: #f8f8f8; }

.aboutContact { padding-top: 75px; width: 100%; height: 535px; background: #bd273d url(../images/bg8.jpg) center no-repeat; overflow: hidden; }

.acCon { padding-top: 60px; transform-style: preserve-3d; }

.acCardBox { float: left; padding: 5px; width: 490px; height: 285px; background-color: #fff; transform-origin: left center; }
.acCardBox:first-child { margin-left: 85px; margin-right: 20px; transform-origin: right center; -webkit-transform: rotateY(90deg) skewY(20deg); }
.acCardBox:last-child { -webkit-transform: rotateY(-90deg) skewY(-20deg); }

.acCard { position: relative; padding: 40px 45px 35px; height: 208px; border: 1px solid #e3dadb; overflow: hidden; }
.acCard h3 { margin-bottom: 10px; font-size: 24px; font-weight: bold; }
.acCard h3 b { color: #d51737; margin-right: 5px; }
.acCard p { width: 90%; font-size: 14px; line-height: 26px; color: #666; }
.acCard p a { display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; width: 9px; height: 12px; vertical-align: middle; background: url(../images/about.png) 0 0 no-repeat; }
.acCard .way { position: absolute; display: none; width: 100%; height: 26px; line-height: 26px; right: 0; bottom: 0; text-align: right; }
.acCard .way a { margin: 0 10px; }
.acCard .way a:hover { color: #d51737; }
.acCard .way img { vertical-align: middle; }

.aboutFloat { position: fixed; top: 105px; right: 10px; width: 88px; z-index: 999; }
.aboutFloat .topC { width: 100%; height: 40px; background: url(../images/about.png) 0 -36px no-repeat; }
.aboutFloat .botC { width: 100%; height: 42px; background: url(../images/about.png) 0 -76px no-repeat; cursor: pointer; }
.aboutFloat .botC a { display: block; height: 100%; }
.aboutFloat ul { padding-bottom: 10px; width: 100%; background-color: #e9e9e9; }
.aboutFloat ul li { height: 30px; line-height: 30px; font-size: 14px; }
.aboutFloat ul li a { display: block; color: #666; text-align: center; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.aboutFloat ul li a:hover { background-color: #d51737; color: #fff; }
.aboutFloat ul li.on a { background-color: #d51737; color: #fff; }
.site_wrap8{display:inline-block;width:100%;padding:15px 0}
.site_wrap8_con{width:1210px;margin:auto;}
.news_list1{padding:0 30px;}
.news_list1 ul li{float:left;width:50%;position:relative;margin-bottom:35px;height:90px;overflow:hidden}
.news_list1 ul li strong{position:absolute;left:0;top:0;font-weight:400;width:78px;height:90px;background:#d11432;}
.news_list1 ul li strong b{font-weight:400;display:table-cell;width:78px;height:90px;vertical-align:middle;text-align:center;}
.news_list1 ul li strong b i{display:block;font-size:28px;line-height:28px;color:#fff;margin-bottom:8px;}
.news_list1 ul li strong b span{font-size:16px;color:#fff;}
.news_list1 ul li .item-info{margin-left:96px;width:430px;}
.news_list1 ul li .item-info h2{margin-bottom:10px;color:#383838;font-size:16px;line-height:16px;font-weight:400}
.news_list1 ul li a:hover .item-info h2{color:#d11432}
.news_list1 ul li .item-info p{font-size:14px;line-height:20px;color:#5c5c5c;height:60px;overflow:hidden}
.page{display:inline-block;width:100%;padding:50px 0;}
.page p{text-align:center;font-size:14px;color:#333}
.page p a{display:inline-block;padding:6px 12px;border:1px solid #e3e3e3;border-radius:3px;color:#666;margin:0 3px;font-size:14px}
.page p a:hover,.page p a.current{background:#ffb333;border:1px solid #ffb333;color:#fff;}
.page p em{margin:0 10px;font-style:normal;}
.page p .inputstyle1{width:38px;height:32px;border-radius:3px;border:1px solid #dddddd;text-align:center;line-height:32px;margin:0 4px}
.page p .inputbtn1{width:48px;height:32px;border-radius:3px;border:1px solid #dddddd;background:#fff;margin:0 4px;cursor:pointer}
.site_wrap3_con .hd2{margin-bottom:25px;text-align:center;}
.site_wrap3_con .hd2 h3{font-size:36px;line-height:36px;}

#showimg H1.title {
    color: #000;
    font-size: 26px;
    font-weight: normal;
    padding: 5px 0;
    text-align: center;
}
.met_hits {
    border-bottom: 1px dotted #ccc;
    color: #666;
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    font-size: 14px;
}
.pathinfo{width:1210px;margin:auto}
.pathinfo p{padding:15px 0;font-size:15px;color:#6f6f6f}
.pathinfo p a{color:#6f6f6f}
.pathinfo p em{font-style:normal;color:#ff0000}
.pathinfo p span{margin:0 8px}
.mypic2{position:relative;width:930px;margin:auto}
.mypic2 img{width:930px;height:512px;}
.mypic2 span{display:block;text-align:left;margin:25px 0;font-size:27px;line-height:27px}
.title2{margin-bottom:30px;text-align:center;}
.title2 h3{display:inline-block;height:48px;position:relative;font-size:27px;font-weight:400;color:#3d3d3d}
.title2 h3 i{position:absolute;bottom:0;left:50%;width:70px;margin-left:-35px;height:4px;background:#ff0000}

.mag {
    width: 1000px;
    margin: auto;
}
.solve_electronic {
    padding-bottom: 40px;
}
.solve_electronic h1, .solve_electronic h2 {
    font: 28px/40px 'Microsoft YaHei';
    color: #656565;
    text-align: center;
    margin-top: 40px;
}

.solve_electronic h1 {
    margin-bottom: 30px;
}
.solve_electronic p {
    color: #4b4b4b;
    font: 16px/30px 'Microsoft YaHei';
    text-indent: 2em;
    margin-top: 10px;
}
.solve_electronic dl dt {
    font: 22px/40px 'Microsoft YaHei';
    color: #333;
}
.solve_app dl dd {
    margin-left: 40px;
}
.solve_electronic dl dd {
    color: #4b4b4b;
    font: 16px/30px 'Microsoft YaHei';
}

.waterFalls { position: relative; }
.waterFalls li { width: 288px;  -webkit-transition: .5s ease-out all; transition: .5s ease-out all; background-color: #fff; transform-style: preserve-3d; }
.waterFalls li a { position: relative; display: block; width: 100%; overflow: hidden; }
.waterFalls li a img { position: relative; display: block; width: 100%; z-index: 2; }
.waterFalls li a h2{ transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.waterFalls li a p{ transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.waterFalls li a i { position: absolute; display: block; width: 100%; height: 100%; bottom:168px; *bottom: 168px; left: 0; background-color: #d51737;z-index:1; }
.waterFalls li.on a h3, .waterFalls li.on a h3 span, .waterFalls li.on a p { color: #fff; }
.waterFalls li.redborder {  }