body { margin: 0; padding: 0; font-size: 14px; color: #373737; line-height: 22px; *line-height: 30px;
background: #fff; font-family: "Microsoft YaHei"; }
a { text-decoration: none; color: #383838; }
a:focus { outline: none; -moz-outline-style: none; }
a:hover { color: #ff6801; text-decoration: none; }
ul, li { list-style: none; margin: 0; padding: 0; }
i, b, u, em { font-style: normal; text-decoration: none; }
input { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
img { border: 0; }
* { margin: 0; padding: 0; }
table, tr, td { margin: 0; padding: 0; border: 0; }
.w1170 { width: 1170px; margin: 0 auto; }
.w { width: 100%; /*display:table;*/ }
.left { float: left; }
.right { float: right; }
/*顶部*/
.w1170 .welcome { width: 50%; float: left; font-size: 14px; color: #fff; }
.header_top_bg { height: 34px; line-height: 34px; background-color: #161a24; color: #969696; font-size: 12px; }
.header_top_bg .hy { float: left; width: 36%; color: #d8d8d8; font-size: 14px; }
.header_top_bg .tel { width: 28%; float: right; background: url(../images/tel.png) no-repeat 5% 9px; text-indent: 40px; font-size: 14px; color: #fff; }
.nav1170:before { display: table; content: " "; }
.pre { cursor: pointer; width: 45px; height: 45px; background: url(../images/l.png) no-repeat; position: absolute; top: 40%; left: 10px; z-index: 10; }
.next { cursor: pointer; width: 45px; height: 45px; background: url(../images/r.png) no-repeat; position: absolute; top: 40%; right: 10px; z-index: 10; }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; }
.carousel { position: relative }
.carousel-inner { position: relative; width: 100%; overflow: hidden; height: auto; _height: 600px; }
.carousel img { height: auto; _height: 550px; }
.carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left }
.carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000 }
.carousel-inner>.item.active.right, .carousel-inner>.item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
.carousel-inner>.item.active.left, .carousel-inner>.item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block }
.carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% }
.carousel-inner>.active.left { left: -100% }
.carousel-inner>.active.right { left: 100% }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); filter: alpha(opacity=50); opacity: .5 }
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001))); background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x }
.carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5))); background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x }
.carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9 }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px }
#banner_ie6 { width: 100%; margin: 0 auto; overflow: hidden; height: 595px; background: #c00 }
#banner_ie6 img { _width: 1903px; _height: 595px; }
.navigation { background: #fff; width: 100%; height: 80px; margin-top: 34px; _margin-top: 0; *padding-top:34px;
_padding-top: 0; }
.navigation .logo { padding-left: 0; margin-top: 4px; }
.nav_img { display: none; }
.wap-right { float: right; }
.nav_left { width: 23%; position: relative; _position: static; float: left }
.nav_right { width: 72%; _width: 73%; float: right }
/*nav css*/

.nav1170 { width: 1170px; margin: 0 auto; }
.navul { width: 100%; margin-top: 27px; }
.navul li { POSITION: relative; display: block; TEXT-ALIGN: center; FLOAT: left; margin-left: 28px; _margin-left: 15px; z-index: 20; }
.navul li a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 18px; padding: 10px 20px; }
.navul li a:hover { color: #4eabf9 }
.navul li a.li1 { padding: 26px 20px; _padding: 10px 15px; color: #111; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);
border-bottom: 4px solid #f73d2e; }
.navul li a.li0 { color: #333; }
.navul li:hover dt a { font-size: 13px; padding: 0; text-indent: 15px; }
.navul li:hover dt a:hover { text-decoration: none; display: block; }
.navul li:hover .plist { Z-INDEX: 1000; POSITION: absolute; DISPLAY: block; TOP: 53px; LEFT: -640px; }
.navul li:hover .plist ul { width: 90%; margin: 0 auto; }
.navul li:hover .ndropdown { Z-INDEX: 1000; POSITION: absolute; DISPLAY: block; TOP: 30px; LEFT: 0px }
.navul li.navlm:hover .gdropdown { Z-INDEX: 1000; POSITION: absolute; DISPLAY: block; TOP: 53px; LEFT: 0px; color: #666 }
.list01 { DISPLAY: none; padding: 10px 0; color: #eee; background: url(../images/nav_bg.png) repeat; width: 190px; *margin-top:-10px;
}
.list01 DT A { height: 34px; line-height: 34px; text-decoration: none; display: block; text-align: left; font-weight: normal; font-size: 14px; padding-left: 12px; color: #fff }/*tian yige float:left*/
.list01 DT A:hover { background: #E73527; color: #fff; border-radius: 0 }
.plist { overflow: hidden; height: 450px; position: absolute; padding-top: 10px; background: url(../images/nav_bg.png) repeat; min-width: 1170px; }
.plist ul { width: 1170px; margin: 0px auto; }
/** 导航 下拉  结束 **/
.list01 li { TEXT-ALIGN: left; PADDING: 0px; MARGIN: 10px 0px 0px 0px; FLOAT: left; height: 400px; overflow: hidden; }
.list01 li OL LI { PADDING: 0px; padding-left: 10px; height: 32px; line-height: 32px; margin: 1px 0px 0 0px; width: 100%; overflow: hidden; }
.list01 LI OL LI span { background-position: center center; float: left; background-repeat: no-repeat; width: 30px; height: 24px; }
.list01 LI OL LI A { MARGIN-LEFT: 3px; float: left; padding: 0; line-height: 30px; font-size: 13px; color: #FFFFFF }
/*jieshu*/
.list01 li OL LI b { width: 100%; overflow: hidden; }
.list01 li OL LI b a { font-size: 16px; font-family: "Microsoft Yahei"; color: #fff; height: 24px; line-height: 24px; margin-bottom: 20px; }
LI.feilei { WIDTH: 146px; }
LI.feilei LI { WIDTH: 146px }
.dropbottom { TEXT-ALIGN: right; LINE-HEIGHT: 50px; width: 100%; overflow: hidden; margin-bottom: 0; COLOR: #fff; font-size: 15px; background: #232832; }
.dropbottom A { DISPLAY: inline; color: #fff; }
.sy_new { width: 58%; float: right; overflow: hidden; }
.sy_new dl { width: 100%; }
.sy_new h2 { font-size: 30px; color: #000; padding: 5px 0; margin: 50px 0 30px 0; }
.sy_new dt { width: 21%; float: left; margin-bottom: 28px; }
.sy_new dt img { width: 100%; }
.sy_new dd { font-size: 13px; line-height: 26px; width: 75%; float: right; margin-bottom: 28px; }
.sy_new dd h3 { font-size: 16px; margin: 0 0 8px 0; }
.sy_sol h2, .que h2, .fwCont h2 { font-size: 30px; color: #000; padding: 5px; margin: 50px 0 30px 0; }
.sy_pro h2 { text-align: center; margin: 60px 0 35px 0; font-size: 36px; color: #fd0909; }
.in_center { width: 100%; overflow: hidden; }
.sy_pro h4 { font-size: 16px; font-weight: 500; color: #6b6b6b; margin-bottom: 35px; line-height: 26px; }
.sy_sol { width: 39%; float: left; overflow: hidden; }
.sy_sol dl { display: block; position: relative; }
.sy_sol dt { width: 100%; }
.sy_sol dt img { width: 100%; height: auto; _height: 160px; }
.sy_sol dd { width: 100%; font-size: 13px; line-height: 26px; margin-top: 20px; color: #626670; }
.sy_sol dd h3 { font-size: 16px; margin: 10px 0; color: #000; }
.core_desc { position: absolute; _position: static; left: 0px; width: 100%; margin-top: -40px; margin-bottom: 20px; _ margin-bottom:0;
overflow: hidden; }
*html .imagedesc_370 .core_desc { position: absolute; bottom: 0px; left: 0px; width: 100%; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; }
.core_bg { position: absolute; left: 0px; width: 100%; height: 100%; _height: 40px; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; }
.core_text { position: relative; overflow: hidden; height: 40px; width: 100%; line-height: 40px; font-size: 16px; color: #fff; text-indent: 20px }
.core_text a { color: #fff; }
.sy_sol dd .more { background: url(../images/more.jpg) no-repeat; float: right; margin-top: 5px; text-indent: -99999em; width: 14px; height: 14px; }
/*快速通道标题*/
.quick_t { margin: 0 auto; width: 100%; border-bottom: 1px solid #d2d2d2; height: 42px; line-height: 42px; margin-bottom: 70px; }
.quick_t_txt { margin: 0 auto; padding: 0; width: 100px; position: relative; }
.quick_t_txt_t { width: 100px; hanging-punctuation: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #2d2d2d; position: absolute; top: 0; left: 0; border-bottom: 2px solid #ff6801; }
.quick_t_txt_b { width: 300px; left: -100px; top: 42px; text-align: center; line-height: 42px; color: #c7c7c7; font-size: 16px; position: absolute; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
.sy_pro { width: 100%; margin: 0 auto; overflow: hidden; }
.sy_pro li img { width: 100%; height: auto; _height: 192px; }
.sy_pro li:hover p a { color: #F00; }
.sy_pro li img:hover { opacity: 0.8; }
.in_prolist { width: 1650px; margin: 5px auto; background: #f5f5f5; overflow: hidden; }
.in_prolist span { display: block; position: absolute; left: -100px; }
.prolist_re { position: relative; }
.prolist_re ul { padding-top: 55px; overflow: hidden; margin-left: -1%; }
.prolist_re ul li { width: 24%; *width:22.5%;
margin-left: 1%; text-align: center; float: left; margin-bottom: 20px; }
.prolist_re ul li p { font-size: 18px; padding: 15px 0; }
.sy_pro li.xk { width: 34%; margin-right: 0; }
.sy_pro li a { display: block; width: 100%; margin: 0; padding: 0; }
.sy_pro li b { z-index: 998; display: inline-block; position: absolute; left: 15px; top: auto; bottom: 15px; color: #fff; font-size: 16px; padding-left: 18px; height: 24px; line-height: 24px; }
.sy_pro li a:hover .mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 997; display: block; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; background: #000; }
/*常见问题*/
.que { width: 100%; margin-top: 50px; height: 445px; }
.in_con { width: 58%; float: right; margin-top: 55px; }
.que h3 { color: #e50012; font-size: 40px; margin: 0 0 25px 0; *margin: 10px 0 25px 0;
text-align: center; }
.mao1 { display: inline-block; width: 26px; margin: 0 10px 0 0; height: 32px; background: url(../images/icon-21.png) 0 no-repeat; }
.mao2 { display: inline-block; width: 26px; margin: 0 0 0 10px; height: 32px; background: url(../images/icon-22.png) 0 no-repeat; }
.que p { line-height: 28px; color: #666; }
.que ul { width: 100%; overflow: hidden; margin-top: 35px; }
.que li { margin-right: 1%; _margin-right: 0.5%; float: left; width: 24%; *width: 22%;
text-align: center; }
.que li a { background: #f5f5f5; border: #999 1px solid; display: inline-block; padding: 9% 0; width: 100%; font-size: 16px; color: #000; }
.que li a:hover, .que li .atc { background: #e50012; border: #d50000 1px solid; color: #fff; }
.pro_icon span { display: block; width: 20%; *width:19%;
float: left; text-align: center; padding: 46px 0 0; margin: 25px 0; cursor: pointer; }
.pro_icon .zl { background: url(../images/incon1.png) top center no-repeat; }
.pro_icon .zl:hover { background: url(../images/incon2.png) top center no-repeat; color: #F00; }
.pro_icon .tz { background: url(../images/incon3.png) top center no-repeat; }
.pro_icon .tz:hover { background: url(../images/incon4.png) top center no-repeat; color: #F00; }
.pro_icon .xs { background: url(../images/incon5.png) top center no-repeat; }
.pro_icon .xs:hover { background: url(../images/incon6.png) top center no-repeat; color: #F00; }
.pro_icon .rc { background: url(../images/incon7.png) top center no-repeat; }
.pro_icon .rc:hover { background: url(../images/incon8.png) top center no-repeat; color: #F00; }
.pro_icon .tx { background: url(../images/incon9.png) top center no-repeat; }
.pro_icon .tx:hover { background: url(../images/incon10.png) top center no-repeat; color: #F00; }
/* 滑块 start */
#subjects { height: 135px; background-color: #f3f3f3; }
#subjects .g-wrap a { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; overflow: hidden; -webkit-opacity: 1; opacity: 1; display: block\9; -webkit-transition: left 300ms, -webkit-opacity 700ms; transition: left 300ms, opacity 700ms; }
#subjects .g-wrap .item-1 { z-index: 1; background-color: #e4e4e4; }
#subjects .g-wrap .item-2 { z-index: 2; background-color: #e50012; }
#subjects .g-wrap .item-3 { z-index: 3; background-color: #eaeaea; }
#subjects .g-wrap .item-4 { z-index: 4; background-color: #dadada; }
#subjects .g-wrap a span { position: absolute; background: no-repeat 0 0; }
#subjects .g-wrap .p2 { -webkit-opacity: 0; opacity: 0; display: none\9; -webkit-transition: -webkit-opacity 400ms; transition: opacity 400ms; }
#subjects .g-wrap .item-1 .p1 { left: 15px; top: 0; width: 493px; font-size: 36px; font-weight: 600; color: #222; text-indent: 40px; line-height: 135px; }
#subjects .g-wrap .item-1 .p2 { left: 276px; top: 30px; z-index: 2; width: 189px; height: 29px; }
#subjects .g-wrap .item-2 .p1 { left: 41px; top: 6px; font-size: 36px; font-weight: 700; color: #fff; text-indent: 20px; line-height: 120px; }
#subjects .g-wrap .item-2 .p2 { left: 250px; top: 14px; }
#subjects .g-wrap .item-3 .p1 { left: 50px; top: 40px; width: 260px; height: 76px; font-size: 36px; font-weight: 700; color: #2f2f2f; text-indent: 10px; line-height: 60px; }
#subjects .g-wrap .item-3 .p2 { left: 210px; top: 12px; width: 282px; height: 122px; }
#subjects .g-wrap .item-4 .p1 { left: 23px; top: 26px; width: 250px; height: 80px; font-size: 36px; font-weight: 700; color: #191919; text-indent: 40px; line-height: 80px; }
#subjects .g-wrap .item-4 .p2 { left: 227px; top: 10px; width: 245px; height: 122px; }
/*#subjects*/
#subjects .trans a { -webkit-opacity: 0; opacity: 0; display: none\9; }
/* 逐个出现 */
#subjects .ready .item-2 { transition-delay: 150ms; -webkit-transition-delay: 150ms; -ms-transition-delay: 150ms; -moz-transition-delay: 150ms; }
#subjects .ready .item-3 { transition-delay: 150ms; -webkit-transition-delay: 300ms; -ms-transition-delay: 300ms; -moz-transition-delay: 300ms; }
#subjects .ready .item-4 { transition-delay: 150ms; -webkit-transition-delay: 450ms; -ms-transition-delay: 450ms; -moz-transition-delay: 450ms; }
/* 没有指向 */
#subjects .state-0 .item-1 { left: 0; }
#subjects .state-0 .item-2 { left: 260px; }
#subjects .state-0 .item-3 { left: 530px; }
#subjects .state-0 .item-4 { left: 793px; }
/* 指向第一个 */
#subjects .state-1 .item-1 { left: 0; }
#subjects .state-1 .item-2 { left: 492px; }
#subjects .state-1 .item-3 { left: 705px; }
#subjects .state-1 .item-4 { left: 917px; }
#subjects .state-1 .item-1 .p2 { -webkit-opacity: 1; opacity: 1; display: block\9; }
/* 指向第二个 */
#subjects .state-2 .item-1 { left: 0; }
#subjects .state-2 .item-2 { left: 212px; }
#subjects .state-2 .item-3 { left: 705px; }
#subjects .state-2 .item-4 { left: 917px; }
#subjects .state-2 .item-2 .p2 { -webkit-opacity: 1; opacity: 1; display: block\9; }
/* 指向第三个 */
#subjects .state-3 .item-1 { left: 0; }
#subjects .state-3 .item-2 { left: 212px; }
#subjects .state-3 .item-3 { left: 425px; }
#subjects .state-3 .item-4 { left: 917px; }
#subjects .state-3 .item-3 .p2 { -webkit-opacity: 1; opacity: 1; display: block\9; }
/* 指向第四个 */
#subjects .state-4 .item-1 { left: 0; }
#subjects .state-4 .item-2 { left: 212px; }
#subjects .state-4 .item-3 { left: 425px; }
#subjects .state-4 .item-4 { left: 637px; }
#subjects .state-4 .item-4 .p2 { -webkit-opacity: 1; opacity: 1; display: block\9; }
/* 滑块 end */

.g-wrap { position: relative; margin: 0 auto; width: 1170px; height: 100%; overflow: hidden; }
/*版权*/
#footer { width: 100%; margin: 0 auto; overflow: hidden; float: left; background: #242933; height: auto; color: #7e8793; }
#footer_feilei { width: 1180px; margin: 0 auto; overflow: hidden; padding: 0px 0px 5px 0px; margin-top: 30px; margin-bottom: 15px; color: #FFF; }
#footer_feilei li { float: left; padding: 0 0px; }
#footer_feilei li .bw { width: 40%; float: left; text-align: center; line-height: 40px; }
#footer_feilei li .gw { width: 30%; float: left; text-align: center; line-height: 40px; }
#footer_feilei li.first { margin-left: 40px; }
#footer_feilei li dl { margin-top: 15px; }
#footer_feilei li dl dt { font-size: 16px; font-weight: bolder; margin-bottom: 15px; color: #999; }
#footer_feilei li dd { line-height: 25px; width: 100%; }
#footer_feilei li dd a { color: #999; }
.fenleia1 { width: 30%; color: #999999; margin-top: 10px; }
.fenleia2, .fenleia3, .fenleia4, .fenleia5 { width: 15.8% !important; width: 14.7%; }
.fenleia1 a { margin: 0 15px; color: #fff; }
.fenleia1 .tel { font-size: 20px; color: #fff; margin-bottom: 15px; text-indent: 20px; }
.fenleia6 { width: 80px; }
.footer_txt { margin: 0 auto; width: 100%; text-align: center; min-height: 50px; line-height: 50px; color: #8e8e8e; background: #111; }
.footer_txt a { color: #8e8e8e; }
.footer_txt a:hover { color: #fff; }
/*back top*/
.top { width: 50px; height: 50px; background: #e50012 url(../images/top.png) no-repeat center 7px; color: #fff; cursor: pointer; position: fixed; right: 90px; bottom: 20px; z-index: 1000; border-radius: 5px; text-align: center; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.top:hover { background: #ff6700 url(../images/top.png) no-repeat center 7px; color: #fff; }
.top i { display: block; color: #fff; width: 20px; height: 20px; margin: 5px auto 0 auto; }
.top b { font-size: 12px; font-weight: normal; }
.top:focus, .top:hover { color: #fff; text-decoration: none; }
.top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; }
.sub_banner { width: 100%; margin: 0 auto; overflow: hidden; background: url(../images/sub_ban.jpg) no-repeat center top; height: 439px; }
.con_banner { width: 100%; margin: 0 auto; overflow: hidden; background: url(../images/con_ban.jpg) no-repeat center top; height: 439px; }
.pro_banner { width: 100%; margin: 0 auto; overflow: hidden; background: url(../images/pro_ban.jpg) no-repeat center top; height: 380px; }
.prodetail_banner { width: 100%; margin: 0 auto; overflow: hidden; background: url(../images/prodetail_ban.jpg) no-repeat center top; height: 200px; }
.newdetail_banner { width: 100%; margin: 0 auto; overflow: hidden; height: 200px; }
.casedetail_banner { width: 100%; margin: 0 auto; overflow: hidden; background: url(../images/casedetail_ban.jpg) no-repeat center top; height: 200px; }
.new_banner { width: 100%; margin: 0 auto; overflow: hidden; background: url(../images/new_ban.jpg) no-repeat center top; height: 439px; }
.about_banner { width: 100%; margin: 0 auto; overflow: hidden; overflow: visible; height: 439px; }
.case_banner { width: 100%; margin: 0 auto; overflow: hidden; height: 240px; }
.sub_bg { width: 40%; margin: 0 auto; margin-top: 130px; margin-bottom: 30px; padding: 30px 20px; transition: 400ms; background: url(../images/tit_bg.png) repeat; }
.sub_banner h3, .con_banner h3, .pro_banner h3, .new_banner h3, .about_banner h3, .case_banner h3 { font-size: 40px; text-align: center; color: #fff; padding: 5px 0; margin: 0 0 10px 0; }
.sub_banner p, .con_banner p, .pro_banner p, .new_banner p, .about_banner p, .case_banner p { font-size: 16px; margin-top: 20px; color: #FFF; text-align: center; line-height: 30px; }
.pro_lei { width: 1650px; margin: 0 auto; margin-top: 5px; overflow: hidden; margin-bottom: 60px; background: #f1f1f1; }
.pro_lei h3 { font-size: 34px; color: #383842; padding: 35px 0; }
.pro_lei p { font-size: 22px; margin-bottom: 40px; margin-top: 20px; text-align: center; position: absolute; }
.pro_l { width: 50%; float: left; margin-top: 35px; }
.pro_lei li:hover a { color: #F00; }
.pro_sortlist li { margin-bottom: 10px; }
.pro_sortlist li img { border: #999 1px solid; border-radius: 100%; margin-bottom: 10px; }
.pro_sortlist li:hover img { border: #e00 1px solid; border-radius: 100%; margin-bottom: 10px; }
.pro_sortlist li.current img { border: #e00 1px solid; border-radius: 100%; margin-bottom: 10px; }
.pro_sortlist li.current a { color: #F00; }
.pro_lei ul { width: 100%; margin-left: -7%; margin-top: 5px; overflow: hidden; }
.pro_lei li { display: block; float: left; text-align: center; width: 25%; margin-bottom: 15px; }
.pro_lei li a { display: block; color: #414141; font-size: 14px; cursor: pointer; }
.pro_lei .current a { background: url(../images/select1.png) no-repeat left 4px; text-align: center; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
/* Carousel (Elasti)
---------------------------------------- */


.product_list { width: 1260px; margin: 0 auto; overflow: hidden; margin-top: 55px; margin-bottom: 20px; }
.product_list ul { margin-left: 45px; }
.imgBox { background: #f1f8fa;/*url(../images/bg1.jpg) no-repeat center top;*/ text-align: center; }
.es-carousel { overflow: hidden; width: 100%; }
.es-carousel li { float: left; width: 30%; margin: 0 3% 4% 0; overflow: hidden; position: relative; _position: static; }
.es-carousel h4 { height: 50px; line-height: 50px; background: #666; text-align: center; font-size: 16px; color: #fff; }
.es-carousel li:hover h4 { background: #d6281a; color: #fff; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s }
.es-carousel li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 85%; background: #000; position: absolute; left: 0; top: 0; transition: 400ms; }
.es-carousel li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 40%; transition: 400ms; }
.es-carousel li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 40%; transition: 400ms; }
.es-carousel li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #6b6b6b; font-size: 18px; transition: 400ms; }
.es-carousel li .img { max-width: 92%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; _width: 228px; _height: 209px; margin: 4% 0; background-color: #f9fcf5; }
.es-carousel li:hover .img { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1) }
.es-carousel li .time { color: #3a3a3a; font-size: 14px; transition: 400ms; }
.es-carousel li:hover { border-color: #69B015; }
.es-carousel li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.es-carousel li:hover .t { color: #e3e3e3; }
.es-carousel li:hover .time { color: #e3e3e3; }
.es-carousel li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.es-carousel li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.es-carousel li .more { width: 100%; overflow: hidden; text-align: center; }
.es-carousel li .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #7bc91e; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.es-carousel li .more a:hover { background: #b2b2b2; }
.prodetail { width: 1170px; margin: 0 auto; }
.wrap { width: 100%; min-width: 1170px; height: auto; overflow: hidden; }
.w100 { width: 100%; overflow: hidden; }
.l { float: left; }
.breadCrumb { width: 100%; height: auto; overflow: hidden; background-color: #f0f0f0; }
.bread-bd { width: 1200px; height: 31px; line-height: 31px; margin: 0 auto; color: #9a9898; }
.bread-bd a { color: #9a9898; }
.container { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; }
.main { padding-top: 35px; }
.item { width: 100%; overflow: hidden; }
.item-bd { padding-bottom: 21px; overflow: hidden; }
.detail_tj { width: 100%; margin: 0 auto; overflow: hidden; margin-top: 50px; }
.detail_tj_left { width: 43.5%; float: left; }
.detail_tj_left img { width: 100%; height: auto; }
.detail_tj_right { float: right; margin-top: 5px; width: 53%; }
.sol_tj { width: 100%; margin: 0 auto; overflow: hidden; margin-top: 70px; }
.sol_tj_left { width: 44%; float: left; }
.sol_tj_left img { width: 510px; height: 370px; }
.sol_tj_right { float: right; width: 52%; }
.detail_tj_right h1, .sol_tj_right h1 { font-size: 35px; margin: 0 0 20px 0; text-align: left; padding: 5px 0; line-height: 36px; }
.describe { width: 100%; overflow: hidden; }
.describe p { color: #666666; font-family: 'Microsoft YaHei'; font-size: 13px; margin-bottom: 10px; margin-top: 10px; }
.describe p span { color: #e70012; font-size: 15px; }
#pro_tj_lx_tel { margin: 1.2% 0 0 0; overflow: hidden; background: url(../images/dianhua.gif) no-repeat left 5px; padding-left: 80px; }
#pro_tj_lx_tel p { font-size: 16px; padding: 4% 1% 3% 0; float: left; width: auto; width: 28%; }
#pro_tj_lx_tel span { font-weight: bold; margin-right: 8px; margin-top: 3.2%; float: left; width: auto; font-size: 34px; color: #ff0000; }
#pro_tj_lx a { float: left; color: #fff; font-size: 24px; display: inline-block; text-align: center; font-weight: bold; margin-top: 25px; }
#pro_tj_lx a.line-zixun { background: url(../images/lxbtnbg.png) no-repeat left top #f9d006; color: #1e1e1e; padding: 3.7% 6% 2.5% 16%; }
#pro_tj_lx a.line-order { background: url(../images/lxbtnbg1.png) no-repeat 15% center #222; margin-left: 15px; padding: 2.4% 6% 2.2% 16%; margin-top: 32px; }
#pro_tj_lx a.line-order:hover { background: url(../images/lxbtnbg1.png) no-repeat 15% center #FF0000; }
.advantage { margin-bottom: 30px; margin-top: 30px; }
.advantage h2, .Process h2, .xg_case h2, .data h2, .list_img h2, .message h2 { font-size: 26px; margin: 20px 0 30px 0; border-top: #d8d8d8 1px solid; padding-top: 30px; }
.advantage h4 { font-size: 16px; color: #ff8f00; line-height: 59px; padding: 6px 0 4px 65px; height: 59px; }
.advantage p { color: #777; margin: 10px 0 20px 0; }
.advantage .ad_left { float: left; width: 46%; }
.advantage .ad_right { float: right; width: 46%; }
.Process { width: 100%; margin: 0 auto; overflow: hidden; background: #fff; }
.Process .left { width: 43%; float: left; }
.Process .left img { height: auto; }
.Process .right img { max-width: 500px; }
.Process .left p { color: #777; margin: 15px 0 15px 0; line-height: 30px; }
.data, .message { width: 100%; margin: 0 auto; overflow: hidden; }
.data table { border: #d8d8d8 1px solid; border-collapse: collapse; margin-top: 10px; margin-bottom: 15px; width: 100%; float: left; text-align: center; }
.data table td { padding: 3px 0; line-height: 21px; border: #ccc 1px solid; text-align: center; }
.data table td { padding: 8px 0;}
.data table { width: 100%; float: left; }
.xg_case ul { height: auto; overflow: hidden; }
.xg_case dl { float: left; width: 29%; height: auto; margin: 0 4% 1% 0 !important; margin: 0 3% 1% 0; }
.xg_case dl > a { display: block; }
.xg_case dt img { width: 100%; height: auto; _height: 229px; }
.xg_case dt a:hover { background: #CCC; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; color: #000000; }
.xg_case dd { background: #f5f5f5; padding: 8px 10px 10px 10px; line-height: 25px; }
.list_img, .xg_case { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 20px; }
.list_img li { float: left; margin-right: 4%; position: relative; width: 21%; margin-bottom: 30px; text-align: center; line-height: 23px; }
.list_img li img { width: 100%; height: auto; _height: 188px; margin-bottom: 10px; }
.message { margin: 0 0 70px 0; }
.left_form2 { width: 62%; overflow: hidden; float: left; border-right: #d8d8d8 1px solid; padding: 0 3% 1% 0; }
.left_form2 h3 { font-size: 16px; border-bottom: #d8d8d8 1px solid; margin-bottom: 5px; padding-bottom: 7px; margin-top: 20px; }
.left_form2 form { overflow: hidden; }
.left_form2 ul li { height: 45px; line-height: 45px; margin-bottom: 5px; overflow: hidden; }
.left_form2 ul li.message { height: 130px; position: relative; _height: 138px; }
.left_form2 ul li span { display: block; width: 128px; text-align: right; margin-right: 10px; float: left; font-size: 14px; line-height: 50px; }
.left_form2 ul li input.intxt { width: 55%; margin: 5px 0 2px; border: 1px solid #D9D9D9; border-top: 1px solid silver; line-height: 32px; height: 32px; color: #999; padding: 0 4px; overflow: hidden; }
.left_form2 ul li textarea { border: 1px solid #CCC; width: 55%; height: 100px; margin-bottom: 0; line-height: 20px; margin: 6px 0 0; padding: 4px; color: #999; resize: none; }
.left_form2 .btnclick { padding-left: 20%; overflow: hidden; }
.left_form2 .btnclick input { display: block; width: 110px; height: 38px; line-height: 38px; text-align: center; color: white; float: left; margin-right: 15px; cursor: pointer; font-size: 16px; overflow: hidden; -webkit-appearance: none; }
.left_form2 .btnclick input.btn_submit { background: #EB2002; border: 0; -webkit-appearance: none; }
.left_form2 .btnclick input.btn_reset { background: #454545; border: 0; -webkit-appearance: none; }
.contact { width: 100%; overflow: hidden; }
.contact p { text-indent: 20px; font-size: 14px; line-height: 30px; }
.contact_left { width: 39%; float: left; font-size: 16px; margin-top: 10px; }
.contact_left p { text-indent: 35px; padding: 6px 0 6px 0; line-height: 20px; }
.contact_left .redfont { font-size: 25px; color: #ED1C24; }
.contact_left .tel { background: url(../images/tel.png) no-repeat left 11px; margin-bottom: 15px; margin-top: 15px; }
.contact_left .tel1 { margin-bottom: 15px; margin-top: 15px; }
.contact_left .add { margin-bottom: 15px; }
.contact_left .email { margin-bottom: 25px; }
.contact_left .message { cursor: pointer; color: #fff; padding: 13px 25px; background: #009CDF /*#0070C0*/; width: 160px; text-align: center; text-indent: 0; font-size: 18px; margin-bottom: 50px; }
.contact_left .message:hover { color: #fff !important; background: #0565b6; }
.contact_right { width: 58%; float: right; margin-top: 30px; }
.contact_right img { width: 100%; height: auto; }
.right_contact { float: right; width: 28%; overflow: hidden; }
.right_contact p { line-height: 30px; }
.right_contact p.nosame, .right_contact p.onlinetalk { font-size: 14px; margin-bottom: 6px; clear: both; }
.right_contact h6 { font-size: 24px; color: #000; font-weight: bold; margin-bottom: 15px; }
.right_contact a { display: block; background: #ededed; width: 90px; height: 35px; line-height: 35px; float: left; font-size: 15px; font-weight: bold; text-align: center; margin: 10px 10px 10px 0px; overflow: hidden; }
.principle p { color: #666666; font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 24px; padding: 6px 0; }
.principle p img, .principle p object { float: right; margin-left: 5%; }
.parameter-main tr { font-family: 'Microsoft YaHei'; color: #333333; }
.parameter-main p { font-family: 'Microsoft YaHei'; font-size: 14px; color: #333333; line-height: 35px; }
.sidebar { background-color: #333333; position: fixed; z-index: 9999; transition: All .2s ease; -webkit-transition: All .2s ease; -moz-transition: All .2s ease; -o-transition: All .2s ease; }
.sidebar-bd { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; line-height: 61px; }
.sidebar-bd h1 { color: #fff; }
.sidebar-bd ul li { float: right; font-family: 'Microsoft YaHei'; color: #fff; margin-left: 40px; font-size: 14px; cursor: pointer; }
.sidebar-bd ul li.s-on { color: #f12418; }
/*contact*/

.contact-info { float: left; width: 35%; margin-top: 60px; margin-bottom: 50px; }
.contact-info h2 { font-size: 24px; margin-bottom: 30px; color: #000; }
.contact-info p { margin-bottom: 20px; color: #333; text-indent: 0; }
.contact-info p span { font-size: 22px; color: #Ff4a00; font-weight: bold; }
.contact-info p a { font-size: 18px; color: #FD7C3A; text-decoration: underline; }
.contact-info p a:hover { color: #fe3c00; text-decoration: underline; }
.contact-info p.online { margin-top: 20px; }
.contact-info p.online a { background: #f44236; color: #fff; width: 160px; height: 46px; text-decoration: none; text-align: center; line-height: 46px; display: block; font-size: 18px; }
.contact-info p.online a:hover { background: #19273b; }
.map { margin-bottom: 20px; overflow: hidden; width: 100%; }
/*--- respond ---*/
#respond { width: 58%; float: right; border-left: 1px solid #ddd; padding-left: 50px; margin-top: 60px; }
#respond h4 { font-size: 22px; }
#respond p { text-indent: 0; }
#respond h4 { margin-bottom: 30px; color: #000; font-size: 24px; }
.col-md-7 { width: 28%; position: relative; min-height: 1px; padding-right: 25px; float: left; }
#respond .c-note { margin-bottom: 20px; color: #9a9a9a; line-height: 26px; }
#respond .comments-form p { margin-bottom: 30px; }
#respond .comments-form p .required { display: none; }
#respond .comments-form p #fromname, #respond .comments-form p #email, #respond .comments-form p #lianxi { height: 40px; padding-left: 20px; width: 94%; line-height: 40px; background: #fff; color: #666; border: #d8d8d8 1px solid; }
#respond .comments-form p #fromname:focus, #respond .comments-form p #email:focus, #respond .comments-form p #lianxi:focus { border-color: #e5091c; }
#respond .comments-form p #note { height: 150px; padding: 15px 20px; width: 90%; border: 1px solid #d8d8d8; background: #fff; color: #666; }
#respond .comments-form p #note:focus { border-color: #e5091c; }
#respond .form-submit .buttons { background: #19273b; font-size: 16px; padding: 12px 80px; color: #fff; border: none; position: relative; cursor: pointer; }
#respond .form-submit button:hover { background: #000; }
.maph3 { width: 100%; max-width: 1170px; margin: 0 auto; margin-top: 60px; margin-bottom: 30px; overflow: hidden; font-size: 24px; padding: 5px 0; }
.map { width: 100%; margin: 0 auto; overflow: hidden; }
.news_tj { width: 1205px; margin: 0 auto; overflow: hidden; }
.news_tj ul { margin-left: 18px; width: 100%; overflow: hidden; }
.news_tj li { float: left; margin-right: 3%; *margin-right: 1.89%;
width: 28.33333333%; _width: 28%; background: #f5f5f5; padding: 1%; overflow: hidden; }
.news_tj .img { display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 75%; position: relative; }
.news_tj .img img { width: 100%; _width: 341px; height: 100%; _height: 256px; position: absolute; left: 0; top: 0; }
.news_tj .time { display: block; font-family: Arial; margin-bottom: 5px; color: #999; }
.news_tj .n { display: block; height: 30px; line-height: 30px; font-size: 16px; font-weight: normal; padding-top: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; font-weight: bold; }
.news_tj .time { width: 80px; height: 50px; background: #E73527; text-align: center; position: relative; margin-top: -50px; color: #fff; margin-bottom: 0; }
.news_tj .time b { display: block; font-size: 20px; font-weight: bold; line-height: 1.2; padding-top: 5px; }
.news_tj li:hover .time { background: #222; }
.news_tj .text { color: #454545; font-size: 13px; }
.news_tj .text a:hover { color: #00ace3; }
.videoList { margin-bottom: 60px; }
.videoList li { width: 50%; float: left; position: relative; overflow: hidden; border-bottom: #fff 1px solid; }
.videoList .img { display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 79.5%; overflow: hidden; position: relative; }
.videoList .img img { display: block; width: 100%; height: auto; }
.videoList .intro { width: 150px; padding: 20px; background: rgba(255,255,255,.90); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ddffffff, endcolorstr=#ddffffff);
position: absolute; right: 0; bottom: 20px; }
.videoList .intro .play { display: block; width: 0; height: 0; border-color: transparent #fff transparent transparent; border-style: dashed solid dashed dashed; border-width: 10px; position: absolute; left: -20px; top: 50%; margin-top: -10px; filter: alpha(opacity=90); opacity: 0.9; }
.videoList .intro .n { display: block; font-size: 14px; color: #000; margin-bottom: 8px; }
.videoList .intro b { font-size: 20px; display: block; line-height: 1.2; }
.videoList .intro .time { display: block; color: #747474; }
.videoList .intro .time [class*="ico-"] { font-size: 14px; }
.videoList .hover .intro { background: rgba(250,205,0,.90); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ddfacd00, endcolorstr=#ddfacd00);
}
.videoList .hover .intro .play { border-right-color: #facd00; }
.videoList .short { height: 145px; }
.videoList .short .img { width: 53%; height: 0; float: left; margin-right: 14px; }
.videoList .short .intro { position: static; width: auto; height: 120px; background: #f5f5f5; }
.videoList .short .play { width: 55px; height: 55px; background: url(../images/play.png) no-repeat; left: 18%; filter: none; opacity: 1; border-width: 0; margin-top: -27px; }
.videoList .last .intro { height: 118px; }
.videoList .left { float: left; width: 69%; }
.videoList .left li { width: 50%; *width:48%;
float: left }
.videoList .right { float: left; *float: right;
width: 31%; *width:28%
}
.videoList .right li { width: 100%; }
.sub_new { margin-bottom: 60px; overflow: hidden; }
.sub_new_tit { background: url(../images/newtitbg.jpg) repeat-x; display: block; height: 38px; width: 1170px; margin: 0 auto; margin-top: 60px; margin-bottom: 2%; overflow: hidden; position: relative; }
.sub_new_tit h3 { height: 35px; line-height: 35px; background: #fff; color: #111; text-align: center; font-size: 32px; padding: 0 20px; font-weight: 900; position: absolute; margin-left: 42%; border-left: 7px solid #e73527; border-right: 7px solid #e73527; }
.sub_new_tit a { font-size: 14px; font-weight: 500; color: #999; font-family: Arial, Helvetica, sans-serif; }
.sub_new_tit a:hover { color: #ff4a00; }
.sub_new ul li { line-height: 36px; height: 36px; width: 47%; float: left; overflow: hidden; font-size: 14px; border: 1px dashed #eaeaea; text-indent: 25px; margin: 0 1% 1% 0; }
.sub_new ul li:hover { border: 1px dashed #ff6801; }
.sub_new ul li:hover a { color: #ff6801 }
.about { margin-top: 50px; }
.about h2, .baselayout h2 { font-size: 38px; width: 100%; color: #000; text-align: center; padding: 5px 0; }
.about .info { width: 100%; overflow: hidden; line-height: 26px; margin-top: 30px; }
.culture { width: 100%; margin: 0 auto; overflow: hidden; margin-top: 30px; margin-bottom: 60px; }
.culture_title { text-align: center; width: 100%; overflow: hidden; }
.culture_bigzi { font-size: 28px; }
.culture_title span { color: #ff4a00; margin-right: 15px; }
.culture_smallzi { font-size: 16px; color: #999; }
.culture .cultureNav { text-align: center; width: 100%; overflow: hidden; }
.culture .cultureNav .child { cursor: pointer; position: relative; width: 174px; height: 174px; margin: 0 14px; display: inline-block; *display: inline;
*zoom: 1;
}
.culture .cultureNav .child .childImg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 127px; height: 127px; border: 1px solid #dbdbdb; background-color: #fff; background-repeat: no-repeat; background-position: center; border-radius: 127px; -moz-border-radius: 127px; -ms-border-radius: 127px; -o-border-radius: 127px; -webkit-border-radius: 127px; }
.culture .cultureNav .child .childQuan1 { display: none; position: absolute; top: 0px; left: 0px; width: 174px; }
.culture .cultureNav .child .childQuan2 { display: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; }
.culture .cultureNav .child.child1 .childImg { background-image: url(../images/icon1.png); }
.culture .cultureNav .child.child2 .childImg { background-image: url(../images/icon2.png); }
.culture .cultureNav .child.child3 .childImg { background-image: url(../images/icon3.png); }
.culture .cultureNav .child.child4 .childImg { background-image: url(../images/icon4.png); }
.culture .cultureNav .child.child5 .childImg { background-image: url(../images/icon5.png); }
.culture .cultureNav .child.on .childImg { background-color: #E73527; border: 1px solid #E73527; }
.culture .cultureNav .child.on .childQuan1 { display: block; animation: cultureNavQuan1 1s ease-in-out 0s infinite; -moz-animation: cultureNavQuan1 1s ease-in-out 0s infinite; -webkit-animation: cultureNavQuan1 1s ease-in-out 0s infinite; -o-animation: cultureNavQuan1 1s ease-in-out 0s infinite; }
.culture .cultureNav .child.on .childQuan2 { display: block; }
.culture .cultureNav .child.child1.on .childImg { background-image: url(../images/icon1on.png); }
.culture .cultureNav .child.child2.on .childImg { background-image: url(../images/icon2on.png); }
.culture .cultureNav .child.child3.on .childImg { background-image: url(../images/icon3on.png); }
.culture .cultureNav .child.child4.on .childImg { background-image: url(../images/icon4on.png); }
.culture .cultureNav .child.child5.on .childImg { background-image: url(../images/icon5on.png); }
.culture .cultureNav .child:hover .childImg { background-color: #E73527; border: 1px solid #E73527; }
.culture .cultureNav .child:hover .childImg { animation: cultureNavImg .5s ease-in-out 0s both; -moz-animation: cultureNavImg .5s ease-in-out 0s both; -webkit-animation: cultureNavImg .5s ease-in-out 0s both; -o-animation: cultureNavImg .5s ease-in-out 0s both; }
.culture .cultureNav .child:hover .childQuan1 { display: block; animation: cultureNavQuan1 .5s ease-in-out 0s infinite; -moz-animation: cultureNavQuan1 .5s ease-in-out 0s infinite; -webkit-animation: cultureNavQuan1 .5s ease-in-out 0s infinite; -o-animation: cultureNavQuan1 .5s ease-in-out 0s infinite; }
.culture .cultureNav .child:hover .childQuan2 { display: block; animation: cultureNavQuan2 .5s ease-in-out 0s both; -moz-animation: cultureNavQuan2 .5s ease-in-out 0s both; -webkit-animation: cultureNavQuan2 .5s ease-in-out 0s both; -o-animation: cultureNavQuan2 .5s ease-in-out 0s both; }
.culture .cultureNav .child.child1:hover .childImg { background-image: url(../images/icon1on.png); }
.culture .cultureNav .child.child2:hover .childImg { background-image: url(../images/icon2on.png); }
.culture .cultureNav .child.child3:hover .childImg { background-image: url(../images/icon3on.png); }
.culture .cultureNav .child.child4:hover .childImg { background-image: url(../images/icon4on.png); }
.culture .cultureNav .child.child5:hover .childImg { background-image: url(../images/icon5on.png); }
.culture .content { text-align: center; }
.culture .content .child { display: none; }
.culture .content .child.on { display: block; }
.culture .content p { color: #656565; font-size: 14px; line-height: 26px; }
.culture .content .title { color: #222; font-size: 24px; line-height: 42px; padding-bottom: 16px; }
.history { background: #f5f5f5; width: 100%; margin: 0 auto; }
.history .tit { font-size: 38px; font-weight: 600; margin: 50px 0 30px 0; text-align: center; }
.historyNav { position: relative; }
.historyNav .historyBtn { position: absolute; top: 0px; cursor: pointer; }
.historyNav .historyBtn.leftBtn { left: 0px; }
.historyNav .historyBtn.rightBtn { right: 0px; }
.historyNav .content { overflow: hidden; position: relative; _position: static; margin: 0 auto; width: 900px; height: 100px; background: url(../images/culturenavbg.jpg) repeat-x; background-position: center 30px; }
.historyNav .content .moveContent { position: absolute; top: 0px; left: 0px; }
.historyNav .content .child { cursor: pointer; position: absolute; top: 19px; width: 150px; }
.historyNav .content .child .childImg { position: absolute; top: 0px; left: 0px; right: 0px; margin: 0 auto; width: 20px; height: 20px; border: 1px solid #d6d6d6; background: #fff; border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; }
.historyNav .content .child .childImg .childImgPointer { display: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; background: #d6281a; width: 12px; height: 12px; border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; -webkit-border-radius: 12px; }
.historyNav .content .child .childTitle { text-align: center; font-family: Century Gothic, Arial, Helvetica, sans-serif; position: absolute; top: 36px; left: 0px; width: 90%; line-height: 33px; color: #656565; font-size: 16px; }
.historyNav .content .child .childTitle .pointer { display: none; position: absolute; left: 0px; right: 0px; top: -8px; height: 8px; margin: 0 auto; }
.historyNav .content .child.on .childImg .childImgPointer { display: block; }
.historyNav .content .child.on .childTitle { color: #D52719; font-size: 18px; border: 1px solid #d6281a; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; }
.historyNav .content .child.on .childTitle .pointer { display: block; }
.historyContent { padding: 50px 0; }
.historyContent .child { display: none; }
.historyContent .child.on { display: block; }
.historyContent .child:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
.historyContent .child .childImg { width: 37%; float: left; text-align: center; margin-left: 120px; }
.historyContent .child .childImg img { width: 100%; height: auto; _height: 307px; }
.historyContent .child .childInfo { float: right; width: 49%; _width: 40%; }
.historyContent .child .childInfo p { line-height: 28px; color: #656565; font-size: 14px; }
.service { margin-top: 60px; height: auto; /* start height */ }
.service .ren { width: 706px; height: auto; margin: 0 auto; margin-top: 47px; text-align: center; }
.service .ren img { margin: 0 auto; width: 100%; height: auto; _height: 297px; }
.service .title h3 { line-height: 88px; color: #212121; text-align: center; font-size: 38px; text-align: center; }
.service .title p { color: #000; line-height: 29px; text-align: center; font-size: 20px; color: #999; position: relative; }
.service .title p span { color: #ff4a00; }
/*caselist*/

.case_zi { font-size: 16px; line-height: 32px; }
.case_zi span { color: #ff4a00; }
.case_list { width: 1170px; margin: 0 auto; overflow: hidden; margin-bottom: 60px; }
.listh2 { font-size: 40px; text-align: center; color: #000; padding: 5px 0; margin: 45px 0 35px 0; }
.case_list ul { margin-top: 30px; }
.case_list li { width: 30%; margin-right: 3.333333%; margin-bottom: 2%; float: left; list-style: none; }
.case_list li h4 { font-size: 16px; font-weight: 500; text-align: center; line-height: 42px; background: #f0f0f0 }
.thumb-info img { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; position: relative; width: 100%; height: auto; margin-bottom: 5px; }
.thumb-info .thumb-info-wrapper { backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.thumb-info .thumb-info-wrapper:after { content: ""; background: rgba(36,27,28,.9); bottom: -4px; color: #FFF; left: -4px; position: absolute; right: -4px; top: -4px; display: block; filter: alpha(opacity=0); opacity: 0; z-index: 1; }
.thumb-info-title { background: rgba(36,27,28,.9); bottom: 10%; color: #FFF; font-size: 18px; left: 0; padding: 9px 11px; position: absolute; text-transform: uppercase; z-index: 2; max-width: 100%; }
.thumb-info:hover .thumb-info-wrapper:after { filter: alpha(opacity=100); opacity: 1; }
.thumb-info:hover .thumb-info-title { background: #000; }
.thumb-info-title p { font-size: 13px; color: #FFFFFF; text-align: center; margin-bottom: 5px; }
.thumb-info-title .show-more { margin: 0 auto; margin-top: 15px; background: #fff; padding: 8px 10px; width: 40%; font-size: 14px; text-align: center; }
.thumb-info-title .show-more a { color: #FF4a00; }
.thumb-info-title h5 { font-size: 15px; color: #Fc0; text-align: center; margin-bottom: 10px; }
.thumb-info-title h5 a { color: #Fc0; }
.thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(36,27,28,.65); }
.thumb-info.thumb-info-centered-info .thumb-info-title { background: 0 0; width: 90%; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; top: 30%; filter: alpha(opacity=0); opacity: 0; text-align: center; padding: 0; }
.thumb-info.thumb-info-centered-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 28%; left: 5%; }
.sub_tit { width: 100%; background: #f5f5f5; padding: 0.8% 0; font-size: 15px; overflow: hidden; }
.farming { margin-bottom: 60px; }
.farming li { float: left; }
.farming .l1 { width: 20.4%; overflow: hidden; }
.farming .l1 img { _height: 188px; }
.farming .l2 { width: 39.2%; margin: 0 10px; }
.farming .l3 { width: 38.5%; _width: 38%; float: right; }
.farming .l3 img { _height: 184px; }
.farming .l2 img { height: auto; _height: 351px; width: 100%; }
.farming .box1 { background: #E73527; padding: 7%; margin-top: 10px; width: 84%; overflow: hidden }
.farming .box1 a { color: #fff; }
.farming .box2 a { color: #fff; }
.farming .box1 .info, .farming .box2 .info { font-size: 14px; line-height: 24px; }
.farming .box2 { background: #E73527; color: #fff; padding: 7%; _padding: 2.5%; margin-bottom: 10px; }
.farming .box2 h4 { font-size: 16px; margin-bottom: 8px; }
.farming .box3 { background: #f4f4f4; padding: 3%; width: 36%; margin-right: 10px; line-height: 26px; }
.setImg { overflow: hidden; }
.setImg img { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; width: 100%; height: auto; }
.setImg:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.caseh1 { font-size: 28px; text-align: center; border-top: #d8d8d8 1px solid; margin: 25px 0; padding-top: 30px; }
.case { margin-top: 30px; }
.caseMain_ab { width: 100%; height: auto; overflow: hidden; border-top: 1px solid #e4e4e4; margin-top: 30px; }
.case_detail { width: 1170px; margin: 0 auto; height: auto; overflow: hidden; }
.case_detail h2 { font-size: 20px; color: #353535; padding: 10px 0px; }
.case_detail p { line-height: 25px; font-size: 14px; color: #2c2c2c; margin-bottom: 3px; margin-top: 7px; margin-bottom: 7px; }
.Cdetail p strong { color: #2c2c2c; }
.case_fan { width: 100%; height: auto; overflow: hidden; padding: 7px 0px; }
/*case_list*/
.xg_case_detail { padding-top: 10px; width: 1170px; margin: 0 auto; margin-bottom: 60px; overflow: hidden; }
.xg_case_detail h2 { font-family: 微软雅黑; font-size: 30px; padding: 20px 0px 30px; width: 1170px; margin: 0px auto; color: #000; }
.xg_case_detail dl { height: auto; overflow: hidden; }
.xg_case_detail dl { float: left; width: 30%; height: auto; margin: 0 3% 1% 0 !important; margin: 0 2% 1% 0; }
.xg_case_detail dl > a, .xg_case_detail dl a, .xg_case_detail dl > a { display: block; }
.xg_case_detail dt > a img, .xg_case_detail dt a img { width: 100%; height: auto; }
.xg_case_detail dt img { width: 100%; height: auto; }
.xg_case_detail dt > a :hover, .xg_case_detail dt a :hover { background: #CCC; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; color: #000000; }
.xg_case_detail dd { background: #f5f5f5; padding: 18px 10px 30px 10px; height: 120px; overflow: hidden; line-height: 25px; }
.hr1 { border: 0; background-color: #e4e4e4; height: 1px; margin: 0 0px 45px 0px; }
.hr2 { border: 0; background-color: #e4e4e4; height: 1px; margin: 35px 0px 5px 0px; }
.about_top { margin-top: 80px; }
.about_top .yingwen { font-size: 50px; text-align: center; text-transform: uppercase; text-align: center; color: #878787; margin: 20px 0 15px 0; font-weight: 200; }
.about_top .yingwen strong { color: #7a7a7a; }
.about_top .pageTitle1 { font-size: 30px; color: #777; text-align: center; margin: 10px 0; font-weight: 600; color: #ffc103; }
.about ul { overflow: hidden; margin: 35px 0; }
.about ul li { width: 20%; float: left; text-align: center; }
.about ul li p { margin-top: 15px; font-size: 16px; }
.captop { background: url(../images/factory1.jpg) right center no-repeat; }
.capacity { background: #f5f5f5; }
.cap_tit { width: 40%; padding: 130px 0; }
.cap_tit h5 strong { font-size: 40px; color: #333; margin-right: 20px; }
.cap_tit h5 strong span { font-size: 18px; }
.cap_tit h5 { font-weight: normal; font-size: 18px; margin-bottom: 10px; }
.cap_txt { color: #868686; font-size: 16px; margin-bottom: 15px; }
.cap_tit p { line-height: 28px; }
.capbottom { background: url(../images/factory2.jpg) left center no-repeat; width: 100%; }
.cap_tit1 { width: 40%; padding: 130px 0; margin-left: 60%; }
.cap_tit1 h5 strong { font-size: 40px; color: #333; margin-right: 20px; }
.cap_tit1 h5 strong span { font-size: 18px; }
.cap_tit1 h5 { font-weight: normal; font-size: 18px; margin-bottom: 10px; }
.cap_txt { color: #868686; font-size: 16px; margin-bottom: 15px; }
.cap_tit1 p { line-height: 28px; }
.fw_tit { text-align: center; margin: 55px 0; font-size: 18px; }
.fw_tit h3 { background: url(../images/fw_line.jpg) bottom center no-repeat; color: #2e2e2e; font-size: 40px; font-weight: normal; padding-bottom: 25px; display: block; margin-bottom: 12px; }
.fw_lc { width: 100%; overflow: hidden; margin-bottom: 50px; }
.fw_lc ul li { float: left; width: 16.6%; background: url(../images/fwicon6.jpg) right 63px no-repeat; }
.fw_lc ul li:last-child { background: none; }
.fw_lc ul li img { display: block; margin: 0 15px; text-align: center; margin-bottom: 15px; }
.fw_lc ul li p { font-size: 18px; width: 83%; text-align: center; }
.fw_zcl { width: 530px; float: left; background: #f3f3f3; padding-bottom: 30px; }
.fw_zcl span { background: url(../images/zc_icon.png) top center no-repeat; display: block; text-align: center; font-size: 20px; padding: 15px 0; margin-bottom: 30px; }
.fw_zcl p { width: 80%; margin: 0 auto; line-height: 28px; }
.fw_zcr { width: 530px; float: right; background: #f3f3f3; padding-bottom: 30px; }
.fw_zcr span { background: url(../images/zc_icon.png) top center no-repeat; display: block; text-align: center; font-size: 20px; padding: 15px 0; margin-bottom: 30px; }
.fw_zcr p { width: 80%; margin: 0 auto; line-height: 28px; }
.con_fw { width: 100%; overflow: hidden; margin-bottom: 70px; }
.com_zl { background: url(../images/zl_bg.jpg) center no-repeat; height: 820px; }
.zl_txt { float: right; width: 80%; margin-top: 30px; }
.zl_tit h3 { color: #2e2e2e; font-size: 36px; margin-bottom: 30px; }
.zl_tit p { font-size: 16px; line-height: 28px; }
.zl_txt ul { margin-top: 60px; width: 50%; margin-left: -7.5%; }
.zl_txt ul li { float: left; width: 50%; text-align: center; margin-bottom: 45px; }
.zl_txt ul li p { margin-top: 15px; font-size: 16px; }
/*新闻详细*/
.newsdetail { margin-top: 60px; margin-bottom: 60px; }
.newsdetail .title { border-bottom: 1px dotted #cccccc; font-size: 30px; padding-bottom: 35px; font-weight: bold; text-align: center; }
.newsdetail ._tools { padding: 10px 0; color: #999999; width: 100%; overflow: hidden; }
.newsdetail ._tools span { float: left; }
.newsdetail .sj { background: url(../images/b.png) no-repeat left center; padding-left: 20px; margin: 0 30px 0 0; color: #ff3636; }
.newsdetail .dj { background: url(../images/y.png) no-repeat left center; padding-left: 20px; margin: 0 30px 0 0; }
.newsdetail .fx { background: url(../images/fx.png) no-repeat left center; padding-left: 20px; margin: 0 30px 0 0; }
.newsdetail .fh { background: url(../images/fh.png) no-repeat left center; padding-left: 20px; }
.newsdetail .jt_x { background: url(../images/jt_x.png) no-repeat left center; padding-left: 20px; float: left; }
.newsdetail .jt_s { background: url(../images/jt_s.png) no-repeat left center; padding-left: 20px; float: left; }
.newszi { width: 100%; overflow: hidden; }
.newszi p { margin-bottom: 15px; line-height: 25px; text-indent: 30px; }
.daodu { padding: 10px 20px 10px 20px; font-size: 14px; width: 96.3%; background-color: #f8f8f8; border: 1px #E5E5E5 solid; color: #333; margin-bottom: 20px; }
.newsdetail ._detailPage_bottom { border-top: 1px solid #ececec; margin-top: 30px; }
.newsdetail ._detailPage_bottom li { line-height: 40px; overflow: hidden; height: 40px; padding: 0 10px; border-bottom: 1px solid #ececec; }
.newsdetail ._detailPage_bottom ._mark { font-weight: bold; float: left; margin-right: 10px; }
.newsdetail ._detailPage_bottom ._title { font-size: 14px; float: left; width: 68%; }
.newsdetail ._detailPage_bottom ._title:hover { color: #e50012; }
.newsdetail ._detailPage_bottom ._time { float: right; }
.xg_news { width: 100%; overflow: hidden; margin-top: 30px; }
.newstit { font-size: 24px; text-align: center; color: #000; margin: 30px 0 40px 0; line-height: 40px; }
#Context_news { line-height: 25px; padding-right: 5px; }
.xg_newsh3 { font-size: 16px; margin-top: 10px; margin-bottom: 10px; }
.xg_news h4 { font-size: 14px; margin-top: 8px; margin-bottom: 8px; }
.xg_news p { text-indent: 20px; font-size: 14px; line-height: 2; text-indent: 2em; color: #666; margin-top: 8px; margin-bottom: 20px; }
.xg_news .xg_title { height: 30px; line-height: 30px; font-size: 18px; margin-top: 10px; margin-bottom: 10px; color: #E3131E; font-weight: bolder; }
.xg_news .xg_list { text-align: left; margin-top: 8px; }
.xg_news .xg_ul { margin: 0; padding: 0; list-style: none; }
.xg_news .xg_ul li { width: 100%; font-size: 14px; line-height: 30px; }
.xg_news .xg_ul li a { color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 77%; float: left; background: url(../images/ddicon.jpg) no-repeat left center; padding-left: 3%; }
.xg_news .date { color: #838282; float: right; width: 20%; display: block; }
.news_l { float: left; width: 49%; }
.news_r { float: right; width: 49%; }
/** page**/
#ctl00_ContentConn_PageInfo { padding: 3px; text-align: center; margin-top: 20px; font-size: 14px; float: left; /*height: 45px;*/ line-height: 35px; width: 95%; }
#ctl00_ContentConn_PageInfo a { background: #fff none repeat scroll 0 0; border: 1px solid #bcbcbc; color: #999; margin: 5px 5px 0 0; padding: 0px 10px; display: inline-block; }
#ctl00_ContentConn_PageInfo a:hover { background: #ff3a3b none repeat scroll 0 0; border: 1px solid #c00; color: #fff; text-decoration: none; }
#ctl00_ContentConn_PageInfo .current { background: #ff3a3b none repeat scroll 0 0; border: 1px solid #c00; color: #fff; text-decoration: none; }
.sol_list { width: 1200px; margin: 0 auto; overflow: hidden; padding-left: 25px; }
.sol_list dl { width: 30%; float: left; margin-right: 3%; _margin-right: 2%; margin-bottom: 3%; position: relative; overflow: hidden }
.sol_list dt { overflow: hidden }
.sol_list dt a { display: block; }
.sol_list a:hover .bg { position: absolute; width: 100%; height: 233px; top: 0; left: 0; z-index: 997; display: block; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; background: #000; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.sol_list dt a .pic { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; height: auto; _height: 233px; }
.sol_list dt a:hover .pic { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.sol_list dd { width: 100%; background: #f3f3f3; padding: 10px 0; }
.sol_list dd strong { font-weight: bold; }
.sol_list dd h4 { font-size: 16px; margin-bottom: 10px; margin-left: 15px; }
.sol_list dd p { margin-left: 15px; margin-bottom: 5px; line-height: 28px; }
.sol_list dd .show-more { font-size: 16px; text-align: center; width: 50%; margin: 0 auto; margin-top: 10px; margin-bottom: 5px; }
.sol_list dd .show-more a { color: #000; border: #797979 1px solid; padding: 7px 0; display: block }
.sol_list dd .show-more a:hover { background: #e50012; border: #e50012 1px solid; color: #fff; }
.sol_list dt:hover .i6 { left: 44%; opacity: 1; filter: alpha(opacity=100); position: absolute; top: 23% }
.sol_list dt a .i6 { left: 44%; filter: alpha(opacity=0); position: absolute; top: 23%; opacity: 0; }
/*capacity*/

.baselayout { width: 100%; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; overflow: hidden }
.baselayout h2 { margin-bottom: 20px; }
.imagedesc_370 { width: 22%; float: left; position: relative; margin: 2% 3% 2% 0; }
.imagedesc_370 img { width: 100%; height: auto; }
.imagedesc_370 .core_desc { position: absolute; bottom: 0px; left: 0px; width: 100%; }
*html .imagedesc_370 .core_desc { position: absolute; bottom: 0px; left: 0px; width: 100%; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; }
.imagedesc_370 .core_bg { position: absolute; left: 0px; top: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; }
.imagedesc_370 .core_text { position: relative; padding: 8px 10px; font-size: 14px; width: 205px; line-height: 18px; color: #fff; }
/*kejiyanjiu*/
.yanjiu { margin-top: 40px; margin-bottom: 40px; }
.yanjiu p { margin-bottom: 30px; }
.yanjiu .row { width: 100%; border-bottom: 1px solid #eee; margin-bottom: 25px; padding-bottom: 25px; overflow: hidden; }
.yanjiu .pic { float: left; margin-right: 20px; }
.yanjiu .wenzi { float: left; width: 52%; }
.yanjiu .wenzi strong { color: #ec1d25; display: block; margin-bottom: 6px; font-size: 16px; }
.yanjiu .wenzi p { color: #666; margin-bottom: 0; }
/*guojihezuo*/
.guoji { width: 100%; margin-bottom: 25px; margin-top: 40px; overflow: hidden; }
.gj-wz { border-bottom: 1px solid #e5e5e5; margin-bottom: 16px; }
.gj-wz p { margin-bottom: 15px; text-indent: 2em; }
.gj-wz span { font-size: 19px; color: #ed1c24; font-weight: bold; display: block; }
.gj-wz em { display: block; color: #999; font-style: normal; margin-bottom: 15px; }
.hezuo { width: 100%; margin-bottom: 10px; overflow: hidden; }
.hezuo h3 { color: #333; font-size: 20px; margin-bottom: 25px; margin-top: 15px; }
.hezuo ul { width: 100%; }
.hezuo ul li { float: left; width: 19%; margin-right: 1%; }
.hezuo ul li span { display: block; text-align: center; margin-top: 8px; }
#banner_point { Z-INDEX: 9999; POSITION: absolute; MARGIN: 0px 0px 0px -500px; WIDTH: 1000px; BOTTOM: 0px; HEIGHT: 20px; LEFT: 25% }
#banner { Z-INDEX: 10; *Z-INDEX:-100;
POSITION: relative; WIDTH: 100%; OVERFLOW: hidden; }
#banner_list { width: 100%; margin: 0 auto; overflow: hidden }
#banner_list IMG { margin: 0 auto; z-index: 1; }
#banner_info { Z-INDEX: 1001; POSITION: absolute; LINE-HEIGHT: 30px; BOTTOM: 0px; DISPLAY: none; HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 13px; CURSOR: pointer; FONT-WEIGHT: bold; LEFT: 100px }
#banner_text { Z-INDEX: 1002; POSITION: absolute; WIDTH: 120px; BOTTOM: 3px; RIGHT: 3px }
#banner UL { Z-INDEX: 1002; POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; BOTTOM: 10px; PADDING-RIGHT: 0px; RIGHT: 15px; PADDING-TOP: 0px }
#banner UL LI { position: relative; text-align: center; line-height: 12px; width: 16px; display: inline; background: url(../images/ifpoff.png) no-repeat; float: left; height: 16px; color: #fff; cursor: pointer; margin-right: 5px; }
#banner UL LI.on { BACKGROUND: url(../images/ifpon.png) no-repeat; COLOR: #fff; width: 26px; }
#banner_list A { POSITION: absolute; WIDTH: 100%; DISPLAY: block; HEIGHT: 100% }
#banner_point UL LI .pointLayer IMG { WIDTH: 61px; DISPLAY: block; FLOAT: left; HEIGHT: 61px }
.fix-footer, .mnav, .mban, .mpic { display: none; }
/*分页*/
.paging { height: 26px; padding-top: 20px; margin-bottom: 20px; display: table; text-align: center; width: 100%; }
.paging a { margin-right: 5px; padding: 5px 9px 5px 9px; display: inline-block; vertical-align: middle; }
.paging a:link, .paging a:visited { color: #333333; text-decoration: none; border: 1px solid #999; }
.paging a:hover, .paging a:active { color: #ffffff; text-decoration: none; border: 1px solid #c00; background-color: #ff3a3b; }
.paging a.previous { padding: 5px 9px 5px 9px; }
.paging a.next { padding: 5px 9px 5px 9px; }
.paging span { color: #666666; vertical-align: middle; margin: 0px 7px; }
.pageNum { width: 30px; height: 18px; border: 1px solid #999999; }
.upDown { line-height: 28px; padding: 0px 20px 10px 0px; ; }
.videobox { width: 100%; max-width: 600px; margin: 0px auto; }
.rslides img { margin-bottom: 10px; }
.indexcase a { font-size: 16px; }
.pro_fenlei { background: #fff url(../images/is_yy.jpg) repeat-x bottom; padding-bottom: 6px; width: 100%; margin: 0 auto; overflow: hidden; }
.iservice { width: 1170px; margin: 0 auto; overflow: hidden; }
.isv_left { float: left; height: 106px; width: 16%; background: #ED1C24 url(../images/pro_lei.png) no-repeat center 80%; font-size: 32px; text-align: center; color: #fff; padding-top: 20px; padding-bottom: 5px; font-weight: 600; }
.i_main_t { background: #fff; padding-top: 5px; float: right; width: 100%; }
.i_main_t .i_add_ico { }
.i_main_t .i_add_ico li { width: 16.6%; height: 115px; padding-top: 5px; float: left; text-align: center; }
.i_main_t .i_add_ico li a { display: inline-block; width: 100%; height: 100%; }
.i_main_t .i_add_ico li .add_iimg { height: 70px; margin: 0 auto; width: 100%; overflow: hidden; }
.i_main_t .i_add_ico li .add_ititle { color: #000; text-align: center; width: 100%; font-size: 15px; margin: 0 auto; }
.i_main_t .i_add_ico li.i1 .add_iimg img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.i_main_t .i_add_ico li.i1 a:hover .add_iimg { -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transform: scale(1.1) rotate(0deg); */ -moz-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(0deg); -ms-transform: scale(1.1) rotate(0deg); /* transform: scale(1.2) rotate(6deg); */ }
.i_main_t .i_add_ico li.i1 a:hover .add_iimg img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);  filter:;
}
@media screen and (min-width: 768px) and (max-width:978px) {
.isv_left { font-size: 25px; }
}
@media screen and (min-width: 768px) {
.Process .right { width: 45%; float: right; text-indent: 30px; line-height: 27px; }
.Process .right img { width: 100%; max-width: 525px; }
}
@media screen and (max-width: 768px) {
.pro_fenlei { background-image: none; height: 210px; overflow: hidden; }
.iservice, .wrap { width: 100%; min-width: 100%; }
.i_main_t .i_add_ico li { width: 48%; margin-right: 5px; float: left; height: 25px; color: #565656; background: #f0f0f0 url(../images/link-arrow-gray.png) right center no-repeat; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #e6e6e6; background-color: #fff; background-image: url(../images/link-arrow-gray.png); }
.isv_left { width: 100%; height: 40px; line-height: 40px; font-size: 22px; background-image: none; background: none; color: #000; padding-top: 10px; margin-top: 20px; text-align: left; }
.i_main_t { width: 100%; margin-top: 10px; }
.i_main_t .i_add_ico li.i1 .add_iimg, .i_main_t .i_add_ico li.i2 .add_iimg, .i_main_t .i_add_ico li.i3 .add_iimg, .i_main_t .i_add_ico li.i4 .add_iimg, .i_main_t .i_add_ico li.i5 .add_iimg { display: none; }
.Process .right { text-indent: 0px; }
.Process .right img { width: 100%; text-indent: 0px; }
}
@media screen and (min-width: 320px) and (max-width: 479px) {
.sub_product ul, .i_main_t .i_add_ico li, .sy_new ul li, .sBotList li, .case li, ul.relateproduct li, .prolist-con, .prolist_case, .w1170, #main, .prod_thumb { width: 100%; }
}
.prodet { width: 100%; }
.prodet li { width: 18%; float: left; margin: 0px 1%; text-align: center; }
.prodet li img { max-width: 100%; margin-bottom: 8px; }
.footerico { padding: 15px 0px; text-align: center; clear: both; }
.footerico img { max-width: 90%; }
img { vertical-align: bottom; border: none; }
ul#gallery { width: 99%; border: 1px solid #d3d3d3; background: #fff; overflow: hidden; }
ul#gallery li { width: 25%; height: auto; float: left; margin: 5px 0px 5px 0; display: inline; }
ul#gallery li a.smallimage { padding: 0 3px; display: block; }
ul#gallery li a img { width: 100%; }
#bigimage { position: absolute; display: none; z-index: 999999999; }
#bigimage img { width: 400px; padding: 5px; background: #fff; border: 1px solid #e3e3e3; }
.p5 { padding: 5px; }
.swiper-container { width: 100%; max-width: 1170px; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img { width: 100%; max-width: 1170px; }
.dcred_dtl_m, .dcred_dtl_pc { display: none; }
@media screen and (max-width:820px) {
.dcred_dtl_m { display: block; }
.dcred_dtl_pc { display: none; }
}
 @media screen and (min-width:821px) {
.dcred_dtl_m { display: none; }
.dcred_dtl_pc { display: block; }
}
#newBridge .nb-invite-custom .nb-invite-welcom { color: #064b3f; }
#newBridge .nb-invite-tool-base { right: .5em; font-size: 3em; z-index: 999; }
#newBridge .nb-invite-body-base .nb-invite-btns { width: 100%; }
#newBridge .nb-invite-custom .nb-invite-ok, #newBridge .nb-invite-custom .nb-invite-no { line-height: 2.3em; width: 43%; height: 2.3em; font-size: 1.6em; }
#nb_icon_wrap { width: 15% !important; height: 10% !important; }
.Process .dcred_dtl_m img, .Process .dcred_dtl_pc img { width: auto; }
.Process .dcred_dtl_m p, .Process .dcred_dtl_pc p { color: #222; margin: 0; line-height: 1.4em; }
.Process .dcred_dtl_m h2, .Process .dcred_dtl_pc h2 { border-top: 0; margin: 0; padding-top: 0; }
.dcred_dtl_pc { background-color: #f1f2f3; width: 1170px; font-size: 16px; }
.Process .dcred_dtl_pc p, .Process .dcred_dtl_pc h1, .Process .dcred_dtl_pc h2, .Process .dcred_dtl_pc h3, .Process .dcred_dtl_pc h4, .Process .dcred_dtl_pc h5, .Process .dcred_dtl_pc h6 { line-height: normal; padding: 0; margin: 0; border-top: none; color: #333; }
@media screen and (max-width : 820px) {
.Process iframe { width: 100%; height:220px;}

}