@charset "utf-8";
html { margin: 0; padding: 0; width: 100%; }
body { margin: 0; padding: 0; }
body { min-width: 1000px; }
td, div { font-size: 12px; color: #444; }
a { color: #333; text-decoration: none; }
a:hover { color: #f30; }
.clear { clear: both; }
.dis { display: none; }
.w { width: 1170px; margin: 0 auto; clear: both; overflow: hidden; }
.default-padding {
    padding-top: 30px;
    padding-bottom:30px;
}
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.m10 { margin: 10px auto; }
.fl { float: left; }
.fr { float: right; }
img, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; list-style: none; border: none; }
address, caption, cite, code, dfn, em,, th, var, optgroup {
font-style:inherit;
font-weight:inherit;
}
em, i { font-style: normal; }
.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }

/* video 视频控制 */
video { background: #323232;}
video::-webkit-media-controls {
    overflow: hidden !important;
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}




.pbanner { position: relative; overflow: hidden; }
.pbanner img { display: block; width: 100%; height: auto; line-height: 0; }
.pbanner .pbannertext { width: 100%; height: 100%; margin: 0 auto; top: 0; position: absolute; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.pbanner .wrapper { margin: 0 auto; width: 1170px; height: auto; }
.pbanner .wrapper .up-cont { position: absolute; color: white; top: 80%; padding: 15px 35px; margin-top: -60px; background: rgba(42,176,203, 0.8)!important; filter: Alpha(opacity=80); background: #2ab0cb; /*　使用IE专属滤镜实现IE背景透明*/ }
.pbanner .wrapper h2 { font-size: 30px; position: relative; color: #fff; }
.pbanner .wrapper h2 span { color: #fff; position: relative; }
.pbanner .wrapper span.line { display: block; width: 40px; height: 4px; background-color: white; margin-top: 14px; }
#topbar { background: #f2f2f2; height: 32px; line-height: 32px; border: 1px solid #e0e0e0; border-right: 0; border-left: 0; }
#topbar .w span { float: right; padding: 0 15px; color: #ddd; color: #333 }
#topbar .w span a { color: #666; padding: 0 5px; }
#topbar .w { color: #666; }
#tophead { height: 110px; padding: 15px 0; }
#tophead .logo { width: auto; height: 60px; float: left; margin-top: 5px; }
.tip-tit { padding: 6px 0 0 48px;   font-size: 24px; width: 390px; line-height:25px; background:url(../images/tip-tit-b.gif) 15px 5px  no-repeat;   }
.tip-tit b { display: block;  font-size: 14px; font-weight: normal;}
.tip-tit i { color: #ff0000 }
.h_rx {background: url(../images/h_tel.gif) no-repeat left bottom;
    padding: 10px 0 0 52px;
    font-size: 12px;
    color: #000; width: 250px; overflow: hidden; line-height: 22px; }
.h_rx span { font-size: 22px; font-weight: bold; color: #2ab0cb; display: block; }
.h_rx span i{ font-size: 22px;}
#tophead form { float: right; margin-top: 20px; }
#tophead form .input { border: 1px solid #ddd; padding: 10px 15px; vertical-align: middle; border-right: 0; color: #999;  outline:none }
#tophead form  input{ outline:none; outline-style: none; }
#nav-search input::-webkit-input-placeholder{color:#ffffff;}
#nav-search input::-moz-placeholder{ color:#ffffff; }
#nav-search input:-moz-placeholder{ color:#ffffff;}
#nav-search input:-ms-input-placeholder{ color:#ffffff;}
#tophead form .bnt { background: #2194D3; border: 1px solid #2194D3; padding: 10px 25px; vertical-align: middle; color: #fff; }
#topnav { background: #2ab0cb; height: 80px; }
#topnav .w { overflow: visible; }
#topnav .w ul { margin: 0; padding: 18px 0; list-style: none; position: relative; }
#topnav .w ul li { float: left; margin-right:20px; }
#topnav .w ul li a { height: 42px; line-height: 42px; font-size: 16px;  color: #fff; padding: 0 15px; display: block; }
#topnav .w ul li a:hover { background: #e8e8e8; }
#topnav .w ul .hover a { background: #e8e8e8; height: 42px; line-height: 42px; font-size: 16px;  color: #000; padding: 0 15px; display: block; border-radius: 5px; }
#topnav .w ul li dl { position: absolute; z-index: 999; margin: 0; display: none; width: 160px; }
#topnav .w ul .hover dl dt a { background: #e8e8e8; border-bottom: 1px solid #2ab0cb; height: 40px; line-height: 40px; display: block; font-size: 14px; }
#topnav .w ul .hover dl dt a:hover { background: #fff; color: #333; display: block; }
#nav-search { padding: 0; position: absolute; right: 0; top: 50%; margin-right:0 !important; margin-top: -21px; }
#nav-search form { float: right; }
#nav-search form input {  outline-style: none; outline: none; }
#nav-search form .input { border: 1px solid rgba(255, 255, 255, 0.50); padding: 16px 15px; vertical-align: middle; border-right: 0; color: #fff; background: rgba(255, 255, 255, 0.20); width: 150px; border-radius: 5px 0 0 5px ; height: 42px; outline-style: none; outline: none; }
#nav-search form .bnt {   padding: 0px; vertical-align: middle; color: #fff; height: 42px; width: 42px; border: 0;  border-radius: 0 5px 5px  0 ;  background: rgba(255, 255, 255, 0.20);   border: 1px solid rgba(255, 255, 255, 0.50);   }
/* header2  */
.header2 { position: fixed; top: 0; left: 0; right: 0; z-index: 1010; background: #fff;  opacity: 0; visibility: hidden; transform: translateY(-60px); -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); -moz-transform: translateY(-60px); -o-transform: translateY(-60px); transition: 600ms; -webkit-transition: 600ms; background:#2ab0cb; }
.header2.show { transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); opacity: 1; visibility: visible; }
.header2 .cont { padding: 20px; margin: 0 25px; position: relative; }
.htnavbox { height: 45px; line-height: 45px; overflow: hidden; position: relative; }
.httnav, .htnav { transition: 600ms; -webkit-transition: 600ms; text-align: center; }
.httnav a, .htnav a { line-height: 25px; color: #fff; font-size: 15px; padding: 0 30px; 
    height: 42px;
    line-height: 42px; display: inline-block; }
.httnav a.hover, .htnav a.hover { color: #333; font-size: 15px; padding: 0 30px;  background: #e8e8e8; border-radius: 4px; }
.httnav a:hover, .httnav a.act, .htnav a:hover, .htnav a.act { color: #a2192b; }
.htnav { position: absolute; left: 0; right: 0; top: 0; transform: translateX(80px); -ms-transform: translateX(80px); -moz-transform: translateX(80px); -o-transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; visibility: hidden; }
.logo2 { width: 178px; display: block; position: absolute; left: 10px; top: 10px; z-index: 4; }
.logo2 img { display: block; height: 55px; }
.htnavbox.showNav .httnav { transform: translateX(-80px); -webkit-transform: translateX(-80px); -ms-transform: translateX(-80px); -moz-transform: translateX(-80px); -o-transform: translateX(-80px); opacity: 0; visibility: hidden; }
.htnavbox.showNav .htnav { transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); opacity: 1; visibility: visible; text-align: center; }
/* menuBtn */
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { /*display: none;*/ background: none; overflow: hidden; width: 60px; height: 60px; cursor: pointer; position: absolute; right: 26px; top: 50%; margin-top: -30px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index: 1012; }
.menu-handler .burger { width: 32px; height: 4px; background: #fff; display: block; position: absolute; z-index: 5; top: 18px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; /*border-radius: 3px;*/ }
.menu-handler .burger-2 { top: 28px; }
.menu-handler .burger-3 { top: 38px; }
.menu-handler.active .burger-1 { top: 30px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 30px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
/* menuBtn end */


#banner { height: 700px; }
#full-screen-slider { width: 100%; height: 700px; position: relative }
#slides { display: block; width: 100%; height: 700px; list-style: none; padding: 0; margin: 0; position: relative }
#slides li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: absolute }
#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }
#pagination { display: block; list-style: none; position: absolute; left: 50%; bottom: 10px; z-index: 2000; padding: 5px 15px 5px 0; margin: 0 }
#pagination li { display: block; list-style: none; width: 10px; height: 10px; float: left; margin-left: 15px; border-radius: 5px; background: #FFF }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current { background: #0092CE }
/*search*/
#search { margin: 0 auto; color: #666; font-size: 12px; line-height: 28px; padding: 15PX 0; border-BOTTOM: solid 1px #d8d8d8; }
#search p { float: left; margin: 0; padding: 0 }
#search p a { padding: 0 10px; }
.sea_r { float: right; padding-top: 13px; }
.sousuo { background: #d7381b; width: 45px; height: 28px; border: 1px; float: right; text-align: center; color: #fff; }
.sousuo:hover { background: #666 url(../images/search.png); -webkit-transition: all .5s; transition: all .5s; }
.sousuo1 { border: 0px; background: #f3f3f3; width: 250px; height: 28px; float: right; border-right: 0px; padding-left: 10px; }
/*一站式服务*/
.serve { margin-top: 35px;   overflow: hidden; margin-bottom: 35px; }
.serve ul { margin-top: 5px; }
.serve li { float: left;  text-align: center; overflow: hidden; cursor: pointer ; padding-left: 1rem; padding-right: 1rem; width: 33.3%;   margin-bottom: 15px;}
.serve li.last { margin-right: 0; }
.serve li span { margin: 0 auto 18px; display: block; width: 100%; height: 0; padding-bottom: 60%; overflow: hidden; position: relative; }
.serve li span img { width: 100%; }
.serve li span .tg-feature-hover { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.70); position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; }
.serve li span .tg-feature-hover a { color: #fff; display: block; left: 0; margin-left: 0; position: absolute; transform: rotate(180deg); visibility: hidden; top: 0%; opacity: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; width: 100%; height: 100%; }
.serve li span .tg-feature-hover a i { display: block; width: 46px; height: 46px; background: url(../images/a_bg.png) center center no-repeat; margin: 0 auto; padding-bottom: 160px; }
.serve li h3 { font-size: 16px; color: #555; overflow: hidden; padding:0 15px;  overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.serve li h3 i { display: block; font-size: 12px; color: 888; font-weight: normal; text-transform: uppercase; }
.serve li p { margin-top: 10px; font-size: 12px; color: #666; line-height: 25px; padding: 0 20px; }
.serve li:hover .tg-feature-hover { opacity: 1; }
.serve li:hover .tg-feature-hover a { opacity: 1; top: 0; visibility: visible }
.serve li:hover h3, .serve li:hover i { color: #2da9ce; }

.serve-card {border: 1px solid #ebebeb; height: 360px;  }
/*产品*/
.i_pro { padding-top: 46px; height: 630px; overflow: hidden; background: url(../images/ys_bg.jpg) repeat; display: none; }
.pro_l { float: left; width: 233px; border: 6px solid #d4211c; overflow: hidden; background: #fff; }
.pro_l h2 { margin-bottom: 6px; padding-top: 10px; height: 56px; font-size: 22px; text-align: center; overflow: hidden; background: url(../images/pro_lh.gif) no-repeat; }
.pro_l h2 a { color: #fff; }
.pro_l p { font-size: 12px; font-weight: normal; opacity: .6; }
.pro_lbox { height: 515px; }
.pro_lbox h3 { padding-left: 12px; height: 33px; font-size: 14px; line-height: 33px; overflow: hidden; background: #ededed; }
.pro_lbox h3 a { color: #333; }
.pro_lbox h3.red a { color: #da091d; }
.pro_lbox ul { margin: 0 auto 18px; width: 210px; overflow: hidden; }
.pro_lbox li { padding-left: 20px; height: 33px; overflow: hidden; font-size: 14px; line-height: 33px; border-bottom: 1px dashed #ddd; background: url(../images/pro-ico1.gif) no-repeat 0 center; }
.pro_lbox li a { color: #333; }
.pro_lbox li:hover { background: url(../images/pro-ico1-hov.gif) no-repeat 0 center; }
.pro_lbox li:hover a { color: #d4211c; }
.pro_r { float: right; width: 733px; overflow: hidden; }
.pro_rt { margin-bottom: 20px; height: 48px; line-height: 48px; overflow: hidden; background: url(../images/ipro_bg.gif) no-repeat 0 bottom; }
.pro_rt ul { }
.pro_rt li { float: left; width: 200px; text-align: center; font-weight: bold; overflow: hidden; }
.pro_rt li a { display: block; font-size: 20px; color: #555; }
.pro_rt li.first { background: url(../images/pro-ico2.gif) no-repeat 0 center; }
.pro_rt li.cur a, .pro_rt li a:hover { color: #d4211c; }
.pro_more { float: right; font-size: 14px; color: #555; }
.pro_rbt dl { height: 280px; overflow: hidden; background: #eaeaea; }
.pro_rbt dt { float: left; width: 365px; }
.pro_rbt dt img { width: 365px; height: 280px; }
.pro_rbt dd { float: right; margin-top: 20px; padding-right: 10px; width: 330px; }
.pro_rbt dd h3 { height: 30px; font-size: 16px; color: #555; }
.pro_rbt dd p { margin: 3px 0; font-size: 14px; color: #555; line-height: 25px; }
.pro_btn { margin-top: 15px; font-size: 0; }
.pro_btn a { margin-right: 20px; display: inline-block; width: 98px; height: 31px; font-size: 14px; color: #fff; text-align: center; line-height: 31px; background: #333; }
.pro_btn a:hover { background: #d4211c; }
.pro_rbb { margin-top: 14px; width: 110%; }
.pro_rbb li { position: relative; float: left; margin-right: 11px; width: 173px; height: 235px; border: 1px solid #ddd; overflow: hidden; padding: 0; }
.pro_rbb li a { margin: 0; padding: 0; top: 0; }
.pro_rbb li.last { margin-right: 0; }
.pro_rbb li img { width: 100%; height: 204px; display: inline; }
.pro_rbb li div { -webkit-transition: all 1.0s linear 0; -moz-transition: all 1.0s linear 0; -o-transition: all 1.0s linear 0; transition: all 1.0s linear 0; }
.pro_rbb li:hover { border-color: #d4211c; }
.pro_rbb li:hover .procontent { top: 0; }
.pro_rbb li:hover .procontent p { padding-top: 40px; padding-bottom: 20px; }
.procontent { position: absolute; left: 0; top: 200px; width: 100%; height: 235px; background: url(../images/mb-black.png) repeat; }
.procontent p { height: 33px; font-size: 14px; color: #fff; text-align: center; overflow: hidden; line-height: 33px; }
.procontent a { display: block; width: 173px; height: 235px; background: url(../images/mb-bg.png) no-repeat center center; }
/* 烦恼 */
.sb { height: 590px; overflow: hidden; margin-top: 42px; position: relative; background: url(../images/sb_bg.jpg) no-repeat center 123px; display: none; }
.sb h3 a { display: block; font: 40px ; font-weight: bold; height: 50px; color: #c9000d; background: url(../images/sb_h.gif) no-repeat 246px top; padding-left: 360px; overflow: hidden; font-style: italic; }
.sb p { width: 345px; height: 80px; font: 16px  ; color: #666; text-align: right; position: absolute; }
.sb p span { display: block; font: 28px  ; font-weight: bold; font-style: italic; background: url(../images/face.gif) no-repeat 230px center; }
.sb p span a { color: #1f242b; }
.sb p span a:hover { text-decoration: none; }
.sb h3 a:hover { text-decoration: none; }
.sb .p01 { top: 123px; left: 0; *left:40px;
}
.sb .p02 { top: 262px; left: -100px; *left:-50px;
width: 420px }
.sb .p03 { top: 423px; left: 0; *left:40px;
}
.sb .p04 { top: 123px; right: 0; *right:-40px;
text-align: left; }
.sb .p05 { top: 262px; right: -70px; *right:-110px;
text-align: left; }
.sb .p06 { top: 423px; right: 0; *right:-40px;
text-align: left; }
.sb .p04 span, .sb .p05 span, .sb .p06 span { background: url(../images/face.gif) no-repeat 100px center; }
.sb .p02 span { background: url(../images/face.gif) no-repeat 300px center; }
/*客户信任*/
.client { height: 527px; overflow: hidden; display: none; }
.client h2 p, .pj h2 p { margin-bottom: 5px; font-size: 36px; background: url(../images/h_bg3.gif) no-repeat center center; }
.client h2 b, .pj h2 b { display: inline; font-size: 36px; background: none; }
.clientbox { margin-top: 36px; }
.clientconbox { height: 314px; overflow: hidden; border: 2px solid #ccc; padding: 3px; }
.clientconbox dt { float: left; width: 542px; overflow: hidden; position: relative; }
.clientconbox dt img { display: block; width: 542px; height: 314px; border: none; }
.clientconbox dt i { display: block; border: 3px solid hsla(0,0%,100%,.4); width: 504px; height: 276px; position: absolute; top: 15px; left: 15px; }
.clientconbox dd { position: relative; float: left; padding: 40px 40px 0; width: 370px; height: 274px; }
.clientconbox dd ul { margin-top: 27px; }
.clientconbox dd li { font-size: 14px; color: #666; line-height: 28px; }
.clientconbox dd a.more { position: absolute; right: 2px; bottom: 0; display: block; width: 33px; height: 27px; background: url(../images/icobox.png) no-repeat -106px -522px; }
.cbox_r { float: right; width: 43px; }
.cbox_l { padding-top: 10px; height: 75px; font-size: 24px; color: #3a3a3a; background: url(../images/client_line.gif) no-repeat 0 bottom; }
.cbox_l b { display: block; }
.clientcon { margin-top: 27px; font-size: 0; text-align: center; background: url(../images/client_line2.gif) no-repeat center center; }
.clientcon a { display: inline-block; width: 40px; height: 40px; overflow: hidden; }
.prev1 { margin-right: 42px; background: url(../images/icobox.png) no-repeat -84px -480px; }
.next1 { background: url(../images/icobox.png) no-repeat 0 -480px; }
.prev1:hover { background-position: -126px -480px; }
.next1:hover { background-position: -42px -480px; }
/*优势*/
.iys { height: 1550px; overflow: hidden; background: url(../images/ys_bg.jpg) repeat; display: none; }
.iys h2 { height: 273px; background: url(../images/ys-hbg.jpg) no-repeat center center; }
.ysbox { margin-top: 45px; }
.ysbox .ys_txt { float: left; padding-left: 115px; width: 380px; }
.ysbox .ys_img { float: right; }
.ys1 { height: 350px; overflow: hidden; }
.ys2 { height: 394px; overflow: hidden; background: url(../images/ys2.jpg) no-repeat center center; }
.ys3 { height: 441px; overflow: hidden; }
.ys1 .ys_txt { background: url(../images/ys_n1.gif) no-repeat; }
.ys2 .ys_txt { float: right; margin-top: 40px; background: url(../images/ys_n2.gif) no-repeat; }
.ys3 .ys_txt { margin-top: 40px; background: url(../images/ys_n3.gif) no-repeat; }
.ys1 .ys_img { margin-top: 8px; }
.ysbox h3 { width: 360px; height: 86px; font-size: 30px; color: #d42220; font-weight: normal; border-bottom: 1px dashed #ccc; }
.ysbox h3 b { display: block; font-size: 24px; color: #333; }
.ysbox p { margin-top: 12px; padding-left: 16px; font-size: 14px; color: #666; line-height: 25px; background: url(../images/ys_ico1.gif) no-repeat 0 8px; }
.ysbox a { margin-top: 34px; display: block; width: 122px; height: 38px; font-size: 14px; color: #fff; text-align: center; line-height: 38px; background: #d42220; }
.ysbox span { margin-top: 30px; display: block; font-size: 14px; color: #555; }
.ysbox span b { font-size: 32px; color: #424242; letter-spacing: -2px; }
/*走进我们*/
.icompany { height: 445px; overflow: hidden; background: url(../images/company_bg.jpg) no-repeat center 0; display: none; }
.icompany dl { margin-top: 120px; padding-left: 35px; height: 295px; background: #d4211c; }
.icompany dt { float: left; margin-top: -55px; width: 460px; }
.icompany dt img { display: block; width: 460px; height: 310px; }
.icompany dd { position: relative; float: right; margin-top: 33px; width: 455px; height: 262px; }
.icompany dd h3 { font-size: 18px; color: #fff; background: url(../images/company-ico.gif) no-repeat 90px center; }
.icompany dd p { margin-top: 10px; width: 410px; height: 168px; font-size: 14px; color: #fff; line-height: 28px; overflow: hidden; }
.icompany dd a { position: absolute; right: 0; bottom: 0; display: block; width: 33px; height: 27px; overflow: hidden; background: url(../images/icobox.png) no-repeat -71px -522px; }
/*公司相册*/
.album { height: 415px; display: none; }
.album img { display: block; }
.albumbox { position: relative; }
.album-prev, .album-next { position: absolute; top: 52px; display: block; width: 30px; height: 80px; overflow: hidden; z-index: 100; opacity: .4; }
.album-prev:hover, .album-next:hover { opacity: .8; }
.album-prev { left: 0px; }
.album-next { right: 0px; }
.albumconbox ul { text-align: center; font-size: 0; }
.albumconbox li { display: inline-block; padding: 2px; width: 246px; }
.albumconbox li { *display: inline;
}
.albumconbox li { _display: inline; }
.albumconbox li img { width: 240px; height: 185px; }
.albumconbox li>a { display: block; border: 4px solid #ebebeb; overflow: hidden; }
.albumconbox li p { margin-top: 5px; height: 28px; font-size: 14px; line-height: 28px; overflow: hidden; }
.albumconbox li p a { color: #666; }
.albumconbox li:hover { background: #d4211c; padding-bottom: 10px; }
.albumconbox li:hover a { border-color: #d4211c; color: #fff; }
.albumconbox li img { transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; overflow: hidden; }
.albumconbox li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.albumcon { margin-top: 40px; }
.albumcon ul { height: 52px; font-size: 0; text-align: center; background: url(../images/client_line2.gif) no-repeat 0 center; }
.albumcon li { display: inline-block; width: 190px; height: 50px; font-size: 16px; color: #666; text-align: center; line-height: 50px; cursor: pointer; border: 1px solid #ccc; background: #fff; }
.albumcon li.cur, .albumcon li:hover { color: #fff; font-weight: bold; border-color: #d4211c; background: #d4211c; }
.albumcon li { *display: inline;
}
.albumcon li { _display: inline; }
/*新闻资讯*/
.information { height: 485px; overflow: hidden; display: none; }
.inf-l img, .inf-m img { margin-top: 20px; display: block; width: 317px; height: 125px; }
.inf-l ul, .inf-m ul { margin-top: 15px; }
.inf-l li, .inf-m li { height: 42px; font-size: 14px; line-height: 42px; border-bottom: 1px dashed #ddd; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.inf-l li.last, .inf-m li.last { border-bottom: 0; }
.inf-l li a, .inf-m li a { color: #666; }
.inf-l { float: left; margin-right: 45px; width: 317px; overflow: hidden; }
.inf-m { float: left; width: 317px; }
.inf-r { float: right; width: 270px; }
.tit2 { height: 30px; font-size: 0; border-bottom: 1px solid #ddd; }
.tit2 em { display: inline-block; height: 30px; font-size: 18px; color: #d4211c; border-bottom: 3px solid #d4211c; }
.tit2 a { float: right; margin-top: 5px; font-size: 14px; color: #555; font-weight: normal; text-transform: uppercase; }
.tit2 .aaa em { height: 25px !important; display: inline-block; height: 30px; font-size: 18px; color: #d4211c; border-bottom: 3px solid #d4211c; line-height: 16px !important; }
.tit2 .aaa { float: left; font-weight: bold; }
.wdbox { margin-top: 32px; height: 385px; overflow: hidden; }
.wdbox dl { margin-bottom: 20px; height: 115px; border-bottom: 1px solid #ddd; overflow: hidden; }
.wdbox dt { padding-left: 30px; height: 30px; font-size: 14px; line-height: 30px; overflow: hidden; background: url(../images/wen.gif) no-repeat 0 center; }
.wdbox dt a { color: #333; }
.wdbox dd { padding-left: 30px; height: 58px; font-size: 14px; color: #666; line-height: 24px; overflow: hidden; background: url(../images/da.gif) no-repeat 0 3px; }
/*友情链接*/
.link { height: 160px; overflow: hidden; display: none }
.link h2 span { font-size: 16px; color: #888; }
.link p { margin-top: 23px; font-size: 0; text-align: center; }
.link p a { margin: 0 22px 10px; display: inline-block; font-size: 14px; color: #555; }
/*底部开始*/
.f_bg { background: #2ab0cb url(../images/footer-bg1.png) repeat;  overflow: hidden; margin-top: 25px; background-size: contain; }
.footer { padding: 50px 0; }
.foot_col { float: left; width: 350px; color: #fff; line-height: 24px; }
.foot_col_01 { margin-right: 55px; }
.foot_col_01 p { margin-bottom: 10px; }
.foot_col_01 a { background: #2ab0cb; padding: 5px 15px;  display: block; color: #fff; width: 120px; border: 1px solid rgba(255, 255, 255, 0.9); }
.foot_col_01 a i { float: right; line-height: 26px; font-size: 18px; }
.foot_col_01 a:hover{ background: #fff; color: #333; }
.foot_col_02 { width: 405px; margin-right: 10px; }
.foot_col_02 dl {  float: left; margin-right: 55px; }
.foot_col_02 dl dt { font-size: 14px; font-weight: bold; line-height: 14px; }
.foot_col_02 dl dd {  border-bottom: 1px dotted rgba(255, 255, 255, 0.3); margin-bottom: 5px; }
.foot_col_02 dl dt a{ font-size: 18px; font-weight: bold; line-height: 14px; margin-bottom: 25px; color:#fff; display: block; }
.foot_col_02 dl dd a{ line-height: 1; color:#fff; padding-bottom: 10px; margin-bottom: 5px;}
.foot_col_03 { width: 240px; }
.foot_col_03 dl { }
.foot_col_03 dl dt { font-size: 18px; font-weight: bold; line-height: 14px; margin-bottom: 25px; }
.foot_col_03 dl dd { line-height: 35px; }
.foot_col_03 dl dd i { font-size: 16px; margin-right: 5px; }
.copyright { opacity: 0.8; bottom: 0; text-align: left; background: rgba(0, 0, 0, 0.2); font-size: 16px; color: #fff; line-height: 35px; padding: 10px 0; }
.copyright .w { color: #fff; }
.copyright .version { float: right; color: #fff; }
.copyright a { color: #fff; }
.copyright a:hover { color: #fff; }
/*底部结束*/






.subject { color: #2ab0cb; font-size: 18px; height: 41px; line-height: 40px; border-bottom: 1px solid #ddd; }
.subject b { display: inline-block; font-weight: normal; border-bottom: 2px solid #2ab0cb; height: 40px; line-height: 40px; }
.subject span { color: #bbb; display: inline-block; font-size: 16px; font-family: verdana; padding-left: 10px; }
.subject a { float: right; font-size: 12px; font-family: 宋体; }
.pro_width { width: 1012px; height: 370px; overflow: hidden; }
.prolist { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; width: 29999px; }
.prolist li { float: left; width: 240px; margin: 0 13px 13px 0; }
.prolist li a { border: 1px solid #eee; display: block; padding: 15px; }
.prolist li a img { border: 1px solid #eee; }
.prolist li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px;  }
.prolist li a .intro { line-height: 18px; color: #999; word-break: break-all; min-height: 55px; }
.prolist li a .more { display: block; margin: 15px auto 10px auto; text-align: center; background: #e5e5e5; width: 90px; line-height: 24px; }
.prolist li a:hover { border: 1px solid #ddd; }
.prolist li a:hover .title { color: #2ab0cb; }
.prolist li a:hover .more { background: #2ab0cb; color: #fff; }
.topcase { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.topcase li { float: left; width: 240px; margin: 0 13px 13px 0; }
.topcase li a { text-align: center; display: block; position: relative; height: 160px; overflow: hidden; }
.topcase li img { border: 1px solid #eee; width: 240px; height: 180px; display: block; margin-bottom: 10px; }
.topcase li a div { position: absolute; background: #333; width: 100%; line-height: 40px; height: 40px; color: #fff; display: block; bottom: -40px; left: 1px; opacity: 0.7 }
.bg_black { background: #eee; padding: 15px 0; }
.subject_news { color: #333; font-size: 18px;  height: 41px; line-height: 40px; border-bottom: 1px solid #ddd; }
.subject_news b { display: inline-block; font-weight: normal; border-bottom: 2px solid #2ab0cb; height: 40px; line-height: 40px; }
.subject_news span { color: #bbb; display: inline-block; font-size: 16px; font-family: verdana; padding-left: 10px; }
.subject_news a { float: right; font-size: 12px; font-family: 宋体; }
.newslist { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.newslist li { float: left; width: 480px; margin: 0 20px 20px 0; }
.newslist li a img { float: left; margin-right: 10px; border: 1px solid #eee; }
.newslist li a .title { font-size: 16px; line-height: 30px; }
.newslist li a .date { font-size: 12px; color: #444; font-family: arial; line-height: 20px; }
.newslist li a .intro { line-height: 18px; color: #999; }
.newslist li a:hover .title { color: #f30; }
.link img { margin: 3px 8px 5px 0; }
.link ul { clear: both; margin: 0; padding: 0; list-style: none; }
.link ul li { float: left; width: 93px; height: 25px; overflow: hidden; }
.lefter { width: 220px; margin-right: 30px; float: left; }
.righter { width: 100%; }
.leftnav { background: #2ab0cb; padding: 10px 15px; color: #fff; font-size: 18px;  }
.subnav { border-bottom: 0; margin: 0; padding: 0; list-style: none; float: right }
.subnav li { float: left; }
.subnav li a { height: 60px; line-height: 60px; float: left; display: block; margin-left: 25px; font-size: 17px; font-weight: bold ; }
.subnav li a:hover { height: 60px; line-height: 60px; border-bottom: 2px solid #2ab0cb; color: #2ab0cb; }
.subnav .hover a { height: 60px; line-height: 60px; border-bottom: 2px solid #2ab0cb; color: #2ab0cb !important; position: relative; }
.subnav .hover a:after { content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #2ab0cb; }
.left_border { border: 1px solid #eee; border-top: 0; padding: 10px 15px; line-height: 25px; }
.left_border p { margin: 0; padding: 0; }
.left_border b { font-size: 14px; }
.container { line-height: 25px; font-size: 14px; padding: 15px 0; }
.container p { margin: 5px 0;  font-size: 14px; }
.artshow { line-height: 25px; font-size: 14px; padding: 0 0 15px 0; }
.artshow .title { text-align: center; font-size: 20px; line-height: 30px; font-variant: normal; margin: 0; padding: 15px 0; color: #333; font-size: 22px; color: #332c2b; font-weight: 400; }
.artshow .info { text-align: center; color: #999; padding: 0 0 15px 0; font-size: 14px; }
.artshow p { margin: 5px 0; font-size: 14px; margin-bottom: 15px; }
.artshow img { max-width: 100%;}
.artshow .pre { margin: 5px 0 5px 0; color: #999; }
.artshow .next { margin: 0 0 5px 0; color: #999; }
.prowidth { width: 759px; overflow: hidden; }
.pro_list { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.pro_list li { float: left;  background: #f8f8f8;  position: relative; }
.pro_list li i { position: absolute; width: 55px; height: 2px; z-index: 10; background: #2ab0cb; }
.pro_list li a { border: 1px solid #f8f8f8; display: block; padding: 8px; }
.pro_list li a div.pic { overflow: hidden; }
.pro_list li a img { width: 220px; height: 260px; margin: 0 auto; display: block; }
.pro_list li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px; font-weight: bold; }
.pro_list li a .intro { line-height: 18px; color: #999; word-break: break-all; min-height: 55px; }
.pro_list li a .more { display: block; margin: 0px auto 10px auto; text-align: left; width: 180px; line-height: 24px; }
.pro_list li a:hover { border: 1px solid #f8f8f8; }
.pro_list li a:hover .more { color: #666; }
.pro_list li a img { transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; overflow: hidden; }
.pro_list li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.pic_list { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.pic_list li { float: left; width: 25%; margin: 0; padding: 0 15px; margin-bottom: 25px;  }
.pic_list li a { border: 1px solid #eee; display: block; padding: 5px; text-align: center; }
.pic_list li a img { border: 0; width: 100%; }
.pic_list li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px;   }
.pic_list li a:hover { border: 1px solid #ddd; }
.pic_list li a:hover .title { color: #2ab0cb; }
.casewidth { width: 780px; overflow: hidden; }
.case_list { margin: 20px 0; padding: 0; list-style: none; }
.case_list li { width: 240px; margin: 0 20px 30px 0; float: left; text-align: center;   }
.case_list li img { display: block; margin-bottom: 15px; }
.case_list li a { color: #666; font-size: 13px; }
.case_list li a:hover { color: #f30; }
.joblist { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.joblist li { float: left; width: 480px; margin: 0 20px 20px 0; border-bottom: 1px dashed #eee; padding-bottom: 15px; }
.joblist li a .title { font-size: 16px;  line-height: 30px; }
.joblist li .line { padding: 0; margin: 0; line-height: 22px; }
.joblist li .line b { float: left; width: 70px; color: #555; }
.joblist li .line .intro { margin-left: 70px; }
.joblist li a:hover .title { color: #f30; }
.job_list { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.job_list li { float: left; width: 350px; margin: 0 20px 20px 0; border-bottom: 1px dashed #eee; padding-bottom: 15px; }
.job_list li a .title { font-size: 16px; line-height: 30px; line-height: 40px; margin-bottom: 10px; }
.job_list li .line { padding: 0; margin: 5px 0; line-height: 24px; text-indent: 0; }
.job_list li .line b { float: left; width: 70px; }
.job_list li .line .intro { margin-left: 70px; }
.job_list li .line .intro p { margin: 0 0 5px 0; padding: 0; }
.job_list li a:hover .title { color: #f30; }
.news_list { margin: 0; padding: 0; list-style: none; }
.news_list li { border-bottom: 1px dotted #ccc; padding: 10px; line-height: 24px; color: #999; }
.news_list li:hover { background: #fafafa; }
.news_list li a { font-size: 18px; display: block; line-height: 40px; }
.news_list li em { color: #666; font-family: verdana; display: block; font-style: normal; }
.rss_list { margin: 0; padding: 0; list-style: none; }
.rss_list li { border-bottom: 1px dotted #ddd; line-height: 40px; color: #999; }
.rss_list li a { font-size: 14px;  }
#position { margin: 0 auto; width: 100%; overflow: hidden; line-height: 60px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
#position a { color: #333; }
/*list*/
.list_page { text-align: center; margin: 10px; display: block; }
.list_page:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.list_page ul { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: bottom; }
.list_page ul li { display: inline-block; border: solid 1px #ddd; border-radius: 4px; }
.list_page ul a { color: #333; padding: 8px 12px; line-height: 18px; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; }
.page_group ul { border-right: solid 1px #ddd; border-radius: 4px; }
.page_group ul li { border-right: none; border-radius: 0; float: left; }
.page_group ul li:not(:first-child):not(:last-child) { border-radius: 0; }
.page_group ul li:first-child { border-radius: 4px 0 0 4px; }
.page_group ul li:last-child { border-radius: 0 4px 4px 0; }
.page_group ul .active a { background: #f3f3f3; border-radius: 0; }
.comment { overflow: hidden; clear: both; margin: 10px 0; }
.comment .line { clear: both; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.comment .line .base {   font-weight: bold; line-height: 30px; font-size: 14px; }
.comment .line .base span { margin: 0 0 0 10px; color: #999; font-weight: normal; float: right; font-size: 12px; }
.comment .line .content { line-height: 20px; word-wrap: break-word; overflow: hidden; }
.comment .line .reply { font-family: verdana; word-wrap: break-word; overflow: hidden; }
.comment .line .reply strong { color: #f60; float: left; }
.comment_more { text-align: center; padding: 10px 0;  font-size: 14px; }
.comment_more a { color: #999; }
.comment_more a:hover { color: #f30; }
.commentadd { margin: 10px 0; clear: both; }
.commentadd .text { }
.commentadd .text .div { padding: 0 5px 0 0; border: 1px solid #E4E2E2; border-bottom: 0; }
.commentadd .text .div textarea { width: 98%; height: 70px; overflow: auto; border: 0; padding: 10px; }
.commentadd .input { margin: 0; font-size: 14px; background: #fafafa; border: 1px solid #EDECEC; overflow: hidden; padding: 0px 5px 5px 15px; line-height: 40px; height: 40px;  }
.commentadd .input .send { float: right; border: 1px solid #2ab0cb; background: #2ab0cb; color: #fff; padding: 8px 25px; margin: 5px 0 0; vertical-align: middle; cursor: pointer;  }
.bookadd { margin: 20px 0; }
.bookadd div { margin-bottom: 15px; }
.bookadd .label { float: left; width: 100px; text-align: right; padding-right: 10px; clear: both; }
.bookadd .label span { color: #f30; font-family: 宋体; }
.bookadd .enter { margin-left: 120px; }
.bookadd .enter .ip { border: 1px solid #ddd; padding: 10px 10px; vertical-align: middle; overflow: hidden; border-radius: 10px 0 10px 0; }
.bookadd .enter .bnt { border: 1px solid #2ab0cb; background: #2ab0cb; padding: 8px 20px; vertical-align: middle; color: #fff; cursor: pointer; }
.bookadd .enter label { display: block; }
.job_h1 { font-size: 14px; line-height: 35px; border-bottom: 1px solid #eee; margin: 10px 0; }
.info_title { font-size: 14px; font-weight: bold; border-bottom: 1px solid #f0f0f0; line-height: 30px; height: 30px; margin: 0 0 15px 0; }
.info_intro { padding: 0 0 20px 0; line-height: 22px; color: #666; }
.info_intro p { margin: 0 0 5px 0; padding: 0; }
.info_intro .red { color: #f30; margin: 0 5px; }
#goodsshow { margin: 20px 0; overflow: hidden; width: 750px; }
#goodsshow img { border: 0; }
#goodsshow .left { float: left; width: 350px; margin: 0 50px 0 0; }
#goodsshow .right { float: left; }
#goodsshow .shop_big { border: 1px solid #ededed; padding: 2px; background: #fff; width: 360px; cursor: pointer; }
#goodsshow .shop_plist { clear: both; width: 360px; }
#prolist { width: 310px; float: left; overflow: hidden; height: 68px; position: relative; margin: 10px 0 0 0; }
#prolist ul { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 20000px; position: relative; }
#prolist ul li { float: left; cursor: pointer; position: relative; background: url(../images/pro_none.gif) no-repeat center top; height: 68px; }
#prolist ul li img { height: 60px; width: 60px; margin: 6px 8px 0 8px; padding: 0px; border: 0; }
#prolist .hover { background: url(../images/pro_bg.gif) no-repeat center top; height: 68px; }
#goodsshow .shop_plist a.prev { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_left.gif) no-repeat center; line-height: 68px; margin-top: 12px; }
#goodsshow .shop_plist a.next { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_right.gif) no-repeat center; margin-top: 12px; }
#goodsshow .right { width: 350px; }
#goodsshow .right h1 { font-size: 18px;  font-weight: normal; margin: 0 0 10px 0; padding: 0; }
#goodsshow .right .intro { color: #999; min-height: 80px; }
#goodsshow .right .sno { border-bottom: 1px solid #eee; line-height: 35px; }
#goodsshow .right .price { color: #999; line-height: 30px; padding: 10px 0; }
#goodsshow .right .price span { color: #f60; font-size: 16px; }
a.inquiry { display: inline-block; background: #2ab0cb; padding: 8px 30px; color: #fff; margin: 10px 0; font-size: 16px;  border-radius: 4px; }
a:hover.inquiry { color: #fff; background: #f60; }
/* 案例展示 */
.pic_list_cases { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; margin-left: -15px; margin-right: -15px; }
.pic_list_cases li{ -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; display: block; }
.pic_list_cases li { float: left; width: 33.33%; margin: 0; overflow: hidden; margin-bottom: 25px; }
.pic_list_cases li a { border: 1px solid #eee; display: block; padding: 5px; padding-bottom: 45px; position: relative; overflow: hidden; }
.pic_list_cases li a img { border: 0; width: 100%; height: auto; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.pic_list_cases li a .title { text-align: center; font-size: 16px; height: 40px; line-height: 40px; display: block; position: absolute; bottom: 0; background: #fff; width: 100%; left: 0px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-weight: bold; }
.pic_list_cases li a:hover { border: 1px solid #ddd; }
.pic_list_cases li a:hover .title { color: #fff; background: #2ab0cb; left: 0px; }
.pic_list_cases li a:hover { border-color: #dfdfdf; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15); z-index: 2; }
.pic_list_cases li:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
/* 联系我们 */
#pt10 { padding-top: 10px; }
/*---产品列表页面的随机资讯--*/
.RandomNews { border: 1px solid #ccc; }
.RandomNews h4 { background: #f4f4f4; color: #ff0000; height: 36px; line-height: 36px; padding-left: 27px; font-size: 13px; border-bottom: 1px solid #ccc; }
.RandomNews .news_random { width: 752px; padding: 10px 0; }
.RandomNews li { height: 28px; line-height: 28px; padding: 0 17px 0 10px; width: 340px; float: left; overflow: hidden; }
.RandomNews li a { background: url(Img/ico55.gif) no-repeat 0 5px; padding-left: 12px; }
.RandomNews li a:hover { color: #0070c7; }
/* tjprolist */
.tjprolist { }
.tjprolist ul { margin: 0; padding: 0; list-style: none; }
.tjprolist ul li { list-style: none; display: block; width: 190px; }
.tjprolist ul li img { width: 100%; }
.tjprolist ul li a { display: block; }
.tjprolist ul li .title { line-height: 34px; height: 34px; text-align: center; }
/* banner  */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px) }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out }
.owl-carousel .owl-item { float: left }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0) }
.grabbing { cursor: url(grabbing.png) 8 8, move }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px }
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both }
@-webkit-keyframes empty { 0% {
opacity:1
}
}
@-moz-keyframes empty { 0% {
opacity:1
}
}
@keyframes empty { 0% {
opacity:1
}
}
@-webkit-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes backSlideOut { 25% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
}
@-moz-keyframes backSlideOut { 25% {
opacity:.5;
-moz-transform:translateZ(-500px)
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%)
}
}
@keyframes backSlideOut { 25% {
opacity:.5;
transform:translateZ(-500px)
}
75% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
}
@-webkit-keyframes backSlideIn { 0%, 25% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
100% {
opacity:1;
-webkit-transform:translateZ(0) translateX(0)
}
}
@-moz-keyframes backSlideIn { 0%, 25% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px)
}
100% {
opacity:1;
-moz-transform:translateZ(0) translateX(0)
}
}
@keyframes backSlideIn { 0%, 25% {
opacity:.5;
transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
transform:translateZ(-500px)
}
100% {
opacity:1;
transform:translateZ(0) translateX(0)
}
}
@-webkit-keyframes scaleToFade { to {
opacity:0;
-webkit-transform:scale(.8)
}
}
@-moz-keyframes scaleToFade { to {
opacity:0;
-moz-transform:scale(.8)
}
}
@keyframes scaleToFade { to {
opacity:0;
transform:scale(.8)
}
}
@-webkit-keyframes goDown { from {
-webkit-transform:translateY(-100%)
}
}
@-moz-keyframes goDown { from {
-moz-transform:translateY(-100%)
}
}
@keyframes goDown { from {
transform:translateY(-100%)
}
}
@-webkit-keyframes scaleUpFrom { from {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@-moz-keyframes scaleUpFrom { from {
opacity:0;
-moz-transform:scale(1.5)
}
}
@keyframes scaleUpFrom { from {
opacity:0;
transform:scale(1.5)
}
}
@-webkit-keyframes scaleUpTo { to {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@-moz-keyframes scaleUpTo { to {
opacity:0;
-moz-transform:scale(1.5)
}
}
@keyframes scaleUpTo { to {
opacity:0;
transform:scale(1.5)
}
}
.banner { margin-top: 0 }
.banner .owl-theme {  position: relative; width: 100%;  }
.banner .owl-theme .item { background-repeat: no-repeat!important; background-size: auto 100%!important; background-position: center top!important; text-align: center; }
.banner .owl-theme .item img { border: none; width: 1000px; height: 650px; }
.banner .owl-next, .banner .owl-prev { text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: left top; width: 35px; height: 60px; margin: 0 10px; position: absolute; left: 3%; top: 50%; margin-top: -30px; display: block; width: 35px; height: 60px; background: url(../images/slider-arrow.png) 0 0 no-repeat; filter: alpha(opacity=30); opacity: .3 }
.banner .owl-next { left: auto; right: 3%; background-position: -35px 0 }
.banner .owl-next:hover, .banner .owl-prev:hover { filter: alpha(opacity=80); opacity: .8 }
.banner .owl-controls .owl-pagination { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; text-align: center }
.banner .owl-controls .owl-pagination .owl-page { display: inline-block }
.banner .owl-controls .owl-pagination .owl-page span { cursor: pointer; display: inline-block; zoom: 1; width: 10px; height: 10px; margin: 0 6px; overflow: hidden; line-height: 9999px; filter: alpha(opacity=30); opacity: .3; border-radius: 100%; background-color: #fff }
.banner .owl-controls .owl-page.active span, .banner .owl-controls.clickable .owl-page:hover span { filter: alpha(opacity=80); opacity: .8 }
/* .call-to-action */
.call-to-action {  background: rgba(30, 30, 30, 0.6); padding: 20px 0; position: relative; z-index: 999; margin-top: -80px; text-align: center; height: 80PX; line-height: 80PX; }
.call-to-action p { margin: 0; font-size: 18px; color: #fff; line-height: 35px; }
.call-to-action A { background: #2ab0cb; color: #FFF; padding: 15PX; border: 1px solid transparent; border-color: #2da9ce; }
.call-to-action A:hover { color: #fff; background: #2ab0cb }
/* i_proclass */
.i_proclass { position: relative; padding: 50px 0; background: url(../images/Advantage_bg4.jpg) top center no-repeat ; background-size: cover; margin: 0; height: 690px; position: relative; }
.i_proclass::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2ab0cb;
    opacity: 0.5;
}
.i_proclass .w { z-index: 10; position: relative;}
.i_proclass .owl-item { width: 366px; float: left; color: #fff; height: 220px; cursor: pointer; transition: all 0.5s ease; position: relative; margin-bottom: 10px; }
.i_proclass .owl-item div { color: #fff; text-align: center; z-index: 10; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.i_proclass .owl-item div.item { color: #fff; text-align: center; transition: all 0.5s ease; z-index: 10; position: relative; }
.i_proclass .owl-item div.img { margin: 25px auto; height: 40px; width: 40px; display: block; background: url(../images/ico_proclass.png) 0 0 no-repeat; margin-top: 50px; transition: all 0.5s ease; }
.i_proclass .owl-item div.img1 { }
.i_proclass .owl-item div.img2 { background-position: 0 -40px }
.i_proclass .owl-item div.img3 { background-position: 0 -80px }
.i_proclass .owl-item div.img4 { background-position: 0 -120px }
.i_proclass .owl-item div.img5 { background-position: 0 -160px }
.i_proclass .owl-item div.img6 { background-position: 0 -200px }
.i_proclass .owl-item h3 { margin-bottom: 10px; font-size: 18px; padding: 0 50px; line-height: 36px; }
.i_proclass .owl-item p { padding: 0 50px; line-height: 30px; }
.i_proclass .owl-item .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; transition: all 0.5s ease; opacity: 0; border-bottom: 3px solid #2ab0cb; overflow-y: hidden; z-index: 0; }
.i_proclass .owl-item .overlay:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6); opacity: 1; transition: all 0.5s ease; }
.i_proclass .owl-item .overlay .box { display: table; width: 100%; height: 100%; }
.i_proclass .owl-item .overlay .box .box-content { display: table-cell; vertical-align: bottom; text-align: center; }
.i_proclass .owl-item .overlay .box .box-content a { color: #fff; text-transform: uppercase; background: #2ab0cb; font-weight: normal; font-size: 14px; line-height: 45px; display: inline-block; padding: 0 55px; position: relative; top: 3px; transform: translate3d(0, 45px, 0); transition: all 0.5s ease; }
.i_proclass .owl-item .overlay .box .box-content a:before, .i_proclass .owl-item .overlay .box .box-content a:after { content: ''; background: #2ab0cb; position: absolute; top: 0; width: 45px; height: 100%; transition: all 0.5s ease; }
.i_proclass .owl-item .overlay .box .box-content a:before { left: -17px; transform: skew(-37deg); }
.i_proclass .owl-item .overlay .box .box-content a:after { right: -17px; transform: skew(37deg); }
.i_proclass .owl-item:hover { background: #2ab0cb; }
.i_proclass .owl-item:hover div.img { margin-top: 20px; }
.i_proclass .owl-item:hover .overlay { opacity: 1; }
.i_proclass .owl-item:hover .overlay .box .box-content a { transform: translate3d(0, 0px, 0); }
/* i_cases */
.i_cases {  padding: 50px 0; background: #f5f5f5; }
.i_cases ul { margin: 0; padding: 0; list-style: none; }
.www360buy { width: 1170px;   }
.www360buy .hd { overflow: hidden; border-bottom: 1px solid #ebebeb; height: 60px; }
.www360buy .hd li { position: relative; margin-left: -1px; height: 60px; line-height: 60px; text-align: center; width: 177px; float: left; cursor: pointer; font-size: 14px; color: #666; }
.www360buy .hd li.on { width: 176px; color: #c00; border-bottom: 2px solid #2ab0cb; margin-top: -2px; font-weight: 800; color: #333; }
.www360buy .bd { height: auto; }
.www360buy .lh { overflow: hidden; margin-top: 25px; width: 100% }
.www360buy .lh li { width: 100%; padding: 5px 0;  background: #fff; margin-right: 25px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);  }
.www360buy .lh li .p-img { width: 270px; height: 220px; margin: 0 auto; text-align: center; overflow: hidden; }
.www360buy .lh li .p-img IMG { min-height: 170PX; width: 100%; }
.www360buy .lh li .p-name {  word-break: break-all; word-wrap: break-word; overflow: hidden; padding: 18PX; font-size: 14PX; font-weight: bold; padding-bottom: 0px; color: #333; }
.www360buy .lh li .p-name a { color: #333; transition: all 200ms ease-out; }
.www360buy .lh li .p-price { color: #999; padding: 18PX; font-size: 14PX; font-weight: normal; padding-top: 5px; }
.www360buy .lh li i { position: absolute; content: ''; border: 10px solid transparent; border-width: 0 0 10px 10px; border-bottom-color: #cccccc; bottom: 0.625rem; right: 0.625rem; transition: all 200ms ease-out; }
.www360buy .lh li:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.www360buy .lh li:hover a { color: #2ab0cb }
.www360buy .lh li:hover i { border-bottom-color: #2ab0cb }
.owl-theme .owl-dots .owl-dot{ outline: none;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background-color: #2ab0cb;}
/* i_news*/
.i_news { padding: 45px 0; }
.i_news .w { height: 420px; }
.i_news .panel-grid-cell { padding-left: 15px; padding-right: 15px; float: left; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 1px; }
.i_news .panel-grid-cell { width: 33.333%; }
.latest-news--block { box-shadow: 0 4px 16px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.12); background: #fff; border: 1px solid #ebebeb; }
.latest-news { margin-bottom: 0; border: 0; transition: all .1s ease-out; }
.widget img, .widget select { max-width: 100%; height: auto; width: 100%; height: 265px; }
.latest-news--block .latest-news_content { position: relative; }
.latest-news--block .latest-news_date { position: absolute; top: -50px; left: 0; background-color: #2ab0cb; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 8px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.latest-news--block .latest-news_title { font-size: 16px; text-transform: uppercase; margin-bottom: 14px; color: #666; }
.latest-news--block .latest-news_title a { color: #34373b; }
.latest-news--block .latest-news_author { position: relative; padding-top: 10px; font-size: 12px; line-height: 20px; word-wrap: break-word; }
.latest-news--block .latest-news_author:before { position: absolute; content: ''; top: 0; left: 0; right: 0; height: 1px; background-color: rgba(0,0,0,.1); }
/*Advantage
----------------------------------*/
#Advantage { position: relative; padding: 60px 0; background-color: #000; background: url(../images/Advantage_bg.jpg) no-repeat top center;  height: 280px; }
#Advantage .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #323232; opacity: .1; z-index: 1 }
#Advantage .w { position: relative; z-index: 10 }
#Advantage .col-lg-3 { width: 20%; float: left; }
#Advantage .item-counter { text-align: center; padding: 7px 0; }
#Advantage .item-counter.last { border-right: none!important }
#Advantage .item-counter span { font-size: 48px; color: #fff; margin: 3px 0 0 }
#Advantage .wrap-numb { display: inline-block; margin-top: 17px; width: 100%; color: #fff; }
#Advantage .wrap-numb span { color: #fff; font-size: 38px; line-height: 38px; font-weight: 900; margin: 0; }
#Advantage .item-counter .name-count { margin-top: 10px; color: #fff; font-size: 20px; line-height: 34px; }
/* newslist */
.latest-news_container { box-shadow: 0 4px 16px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.12); }
.latest-news--inline { position: relative; display: block; margin-bottom: 0; background-color: #fff; border: 1px solid #e5e5e5; }
.latest-news--inline:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.1); }
.latest-news_content { padding: 20px 22px 20px; background-color: #fff; }
.latest-news--inline .latest-news_title { font-size: 14px; text-transform: uppercase; margin-bottom: 1px; }
.latest-news--inline .latest-news_author { font-size: 12px; color: #999; }
.latest-news--more-news { position: relative; display: block; background-color: #fff; text-transform: uppercase; font-weight: 700; font-size: 14px; padding: 15px 20px; color: #2ab0cb; border: 1px solid #e5e5e5; }
.latest-news--more-news:after { box-sizing: border-box; position: absolute; display: block; content: '\f054'; font-family: FontAwesome; font-size: 12px;   background-color: #ddd; width: 26px; height: 26px; line-height: 26px; text-align: center; color: #999; border-radius: 3px; transition: all .1s ease-out; top: 12px; right: 15px; }
/* 合作伙伴  */
.title { }
.title h2 { margin: 0; padding: 0; position: relative; font-weight: 300; margin-bottom: 34px; text-align: center; color: #333; font-size: 24px; font-weight: bold; }
.title h2:before, .title h2:after { position: absolute; content: ""; left: 0; margin: 0 auto; }
.title h2:before { bottom: -17px; width: 32%; height: 1px; background: #dddddd; left: 0; right: 0; }
.title h2:after { width: 51px; height: 3px; bottom: -18px; background: #2ab0cb; left: 0; right: 0; transform: skew(50deg); }
.title p { text-align: center; font-size: 16px; }
/* 联系我们 */
.about_wrap { width: 1170px; margin: 40px auto; overflow: hidden; }
.about_wrap .contact { background: #F9F9F9; }
.about_wrap .contact picture { float: left; overflow: hidden; width: 640px; height: 100%; }
.about_wrap .contact article { float: right; width: 45%; padding: 30px; }
.about_wrap .contact article h2 { color: #2ab0cb; height: auto; line-height: 30px; border-bottom: 1px dotted #999; font-weight: bold; margin-bottom: 20px; padding: 10px 0 }
.about_wrap .contact article p {  line-height: 30px;font-size: 16px;margin: 15px 0; margin-top:8px;}
article .share { margin-top: 10px; }
article .share ul { margin: 0; padding: 0; list-style: none; }
article .share ul li { margin-right: 30px; float: left; text-align: center; margin: 0; padding: 0; list-style: none; margin-right: 15px; }
article .share img { margin-bottom: 0; }
article .share ul li p { line-height: 18px; color: #333; }

.about_wrap .contact .contact_way{ padding: 10px 0;}
.about_wrap .contact .contact_way p{ line-height: 2; border-bottom: 1px dotted rgba(0, 0, 0, 0.3); margin: 8px 0;}

/* 其他联系方式 */
.other_contact { background: #f8f8f8; }
.other_contact .w { padding: 35px 0; font-size: 14px; }
.other_contact strong { color: #2ab0cb; }
/*--- 在线留言*/
.message { overflow: hidden; background: #fff; margin-top: 25px; padding: 30px; }
.message h2 { text-align: center; color: #333; font-size: 20px; font-weight: bold; }
.message_con { width: 902px; height: 484px; margin: 30px auto 0; overflow: hidden; background: url(../images/message01.png) no-repeat; }
.message_fl { float: left; width: 368px; margin-left: 40px; margin-top: 40px; }
.message_fl .label { float: left; width: 100px; font-size: 16px; }
.message_fl .enter { margin-bottom: 25px; }
.message_rl { width: 435px; float: right; margin-right: 30px; margin-top: 40px; }
.message_rl textarea { line-height: 26px; border: 0; background: #fff; padding: 15px; width: 355px; height: 190px; }
.message_rl input { margin-top: 20px; font-size: 16px; padding-right: 30px; width: 140px; height: 46px; background: #2ab0cc url(../images/pic11_a.png) no-repeat 100px center; color: #fff; border: 0; }
/* 新闻中心 */
#news_list { width: 1170px; margin: 30px auto; overflow: hidden; }
#news_list li { width: 370px; height: 460px; float: left; margin: 0 30px 40px 0; overflow: hidden; }
#news_list li:nth-of-type(3n) { margin-right: 0; }
#news_list li a { display: block; width: 100%; height: 100%; background: #f7f7f7; -webkit-transition: 0.3s; transition: 0.3s; }
#news_list li a:hover { background: #2ab0cb; }
#news_list li a:hover h2, #news_list li a:hover p { color: #fff; }
#news_list li .pic { width: 370px; height: 278px; overflow: hidden; }
#news_list li img { width: 100%; height: 100%; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
#news_list li span { display: block; width: 310px; margin: 20px auto 0px; font-size: 12px; color: #999; }
#news_list li h2 { width: 310px; margin: auto; padding: 5px 0 10px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; color: #1a1a1a; font-size: 18px; -webkit-transition: 0.3s; transition: 0.3s; }
#news_list li p { width: 310px; margin: 10px auto; color: #666; -webkit-transition: 0.3s; transition: 0.3s; line-height: 20px; }
#news_list li a:hover span { color: #fff; }
#news_list li a:hover h2 { border-color: #fff; }
#news_list li a:hover img { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); }
/* 公司简介 */
.about_brief { margin: 30px auto; width: 1170; overflow: hidden; }
.about_brief .brief_title { float: left; background: #e5e5e5 url(../images/aboutbg.jpg) no-repeat left bottom; width: 335px; height: 765px; }
.about_brief .brief_title h2 { float: left; width: 150px; height: 66px; border: 4px solid #2ab0cb; color: #2ab0cb; text-align: right; line-height: 58px; font-size: 30px; margin: 40px 0 0 120px; padding:0; text-align:center; }
.about_brief .brief_title aside { float: right; margin-right: 66px; margin-top: 20px; text-align: right; font-size: 35px; line-height: 35px; color: #aaa; }
.brief_con { width: 764px; float: left; background: #fff; }
.brief_con .brief_con_01 { overflow: hidden; }
.brief_con .brief_con_01 article { float: left; width: 381px; padding: 60px 34px 0; height: 286px; line-height: 26px; }
.brief_con .brief_con_01 picture { position: relative; float: left; width: 382px; overflow: hidden; }
.brief_con .brief_con_01 picture img { width: 100%; display: block; }
.brief_con picture img { width: 100%; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.brief_con picture img:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); }
.brief_con .brief_con_01 picture i { position: absolute; left: 0; top: 40px; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.brief_con .brief_con_02 { overflow: hidden; }
.brief_con .brief_con_02 article { float: left; width: 381px; padding: 60px 34px 0; line-height: 26px; height: 226px; }
.brief_con .brief_con_02 picture { position: relative; float: left; width: 382px; overflow: hidden; }
.brief_con .brief_con_02 picture img { width: 100%; display: block; }
.brief_con .brief_con_02 picture i { position: absolute; right: 0; top: 40px; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.brief_con article p { font-size: 14px; padding: 0 8px }
/* 发展历史  */
#Development { background: #f0f0f0; padding: 35px 0; background: url(../images/history_bg.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center center; }
#Development .title h2 { color: #fff; }
#Development .title h2:before { background: #fff; }
#Development .title p { text-align: center; color: #fff; font-size: 16px; }
#timeline { width: 1000px; height: 300px; overflow: hidden; margin: 20px auto; position: relative; background: url('../img/dot.gif') left 45px repeat-x; }
#dates { width: 1000px; height: 60px; overflow: hidden; margin-bottom: 15px; }
#dates li { list-style: none; float: left; width: 150px; height: 50px; font-size: 24px; text-align: center; background: url('../img/biggerdot.png') center bottom no-repeat; }
#dates a { line-height: 38px; padding : 5px 5px; font-size: 16px; color: #fff; }
#dates .selected { font-size: 16px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#issues { width: 860px; height: 300px; overflow: hidden; }
#issues li { width: 1000px; height: 300px; list-style: none; float: left; background: rgba(255,255,255,0.7); opacity: 0.95 }
#issues li h1 { color: #2ab0cb; font-size: 28px; margin: 20px 0; text-align: center; padding: 10px 30px 0px 30px; }
#issues li p { font-size: 16px; margin-right: 70px; margin: 10px; font-weight: normal; line-height: 22px; text-align: center; padding: 0 45px; }
/* 合作伙伴  */
.area_index { margin: 35px 0; }
.index_more { clear: both; overflow: hidden; padding: 15px 0; text-align: center; }
.index_more a { border: 1px solid #2ab0cb; border-radius: 10px; line-height: 36px; padding: 0 20px; color: #2ab0cb; overflow: hidden; display: inline-block; }
.index_more a:hover { background: #2ab0cb; color: #fff; }
.index4_list { clear: both; overflow: hidden; margin: 15px auto; width: 1170; }
.index4_list li { float: left; width: 16.6666%; display: inline-block; overflow: hidden }
.index4_list li { display: block; overflow: hidden; margin: 0; }
.index4_list li .con { padding: 5px; }
.index4_list li img { width: 100%; border: 1px solid #e4e4e4; }
/* 荣誉资质 */
.company_honor { }
.honor_list { clear: both; overflow: hidden; margin: 15px auto; width: 1170; }
.honor_list li { float: left; width: 25%; display: inline-block; overflow: hidden }
.honor_list li { border: 0; display: block; overflow: hidden; margin: 0; }
.honor_list li .con { padding: 10px; }
.honor_list li img { width: 255px; ; height: 158px; }
/* 核心优势 */
.company_core .core_list { }
.company_core .core_list li { float: left; width: 33.33%; position: relative; cursor: pointer; }
.company_core .core_list li .itemtxt { position: absolute; width: 100%; left: 0%; top: 0%; height: 100%; text-align: center; display: table-cell; z-index: 5; transition: 400ms; }
.company_core .core_list li .itemtxt .t { font: 18px/1.5 "Microsoft JhengHei"; padding-top: 23%; transition: 300ms; color: #fff; }
.company_core .core_list li .itemtxt .c { font: 14px/1.8 "Microsoft JhengHei"; transition: all 300ms ease 100ms; }
.company_core .core_list li .ico { background: url(../images/ibox_i1.png) no-repeat; width: 22px; height: 22px; display: block; margin: 10% auto 0px; transition: 300ms; }
.company_core .core_list li .item1 { float: right; }
.company_core .core_list li .more { background-color: #fff; color: #3871b9; width: 98px; height: 28px; display: block; margin: 5% auto 0px; text-align: center; line-height: 28px; transition: all 300ms ease 200ms; opacity: 0; filter: alpha(opacity=0); position: relative; top: 30px; }
.company_core .core_list li .ibg { background: url(../images/black_bg.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: 300ms; }
.company_core .core_list li .itemtxt .core_hover { opacity: 0; }
.company_core .core_list li .itemtxt { position: absolute; width: 100%; left: 0%; top: 0%; height: 100%; text-align: center; display: table-cell; z-index: 5; transition: 400ms; }
.company_core .core_list li .itemtxt::before, .company_core .core_list li .itemtxt::after { opacity: 0; position: absolute; width: 90%; height: 90%; top: 5%; left: 5%; }
.company_core .core_list li .itemtxt::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform: scale(0, 1); }
.company_core .core_list li .itemtxt::after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -webkit-transform: scale(1, 0); }
.company_core .core_list li .itemtxt::before, .company_core .core_list li .itemtxt::after { transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; content: ''; box-sizing: border-box; }
.company_core .core_list li:hover .itemtxt::before, .company_core .core_list li:hover .itemtxt::after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.company_core .core_list li:hover .itemtxt .p1, .company_core .core_list li:hover .itemtxt .t { padding-top: 25%; }
.company_core .core_list li:hover .itemtxt .c, .company_core .core_list li:hover .itemtxt .more, .company_core .core_list li:hover .itemtxt .c, .company_core .core_list li:hover .itemtxt .more { opacity: 1; filter: alpha(opacity=100); top: 0px; }
.boxitem:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.boxitem:hover .ibg { display: none; }
/* 首页合作伙伴 */
.partnerlist { padding: 15px 0; }
.partnerlist .bd ul { overflow: hidden; zoom: 1; margin: 20px 0; }
.partnerlist .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; }
.partnerlist .bd ul li .pic { text-align: center; }
.partnerlist .bd ul li .pic img { width: 200px; height: 95px; display: block; padding: 2px; border: 1px solid #ccc; }
.partnerlist .bd ul li .pic a:hover img { border-color: #999; }
.partnerlist .bd ul li .title { line-height: 24px; display: none; }
/* page partner_list */
.partner_list { }
.partner_list li { width: 164px; float: left; overflow: hidden; margin: 25px 23px 25px 0; }
.partner_list li.mr0 { margin-right: 0px; }
.partner_list li A { padding: 10PX; border: 1PX solid #EEE; display: block; }
.partner_list li A img { width: 100%; }
.partner_list li A h2 { font-size: 16px; text-align: center; }
.partner_list li A p { font-size: 12px; overflow: hidden; height: 30px; line-height: 30px; text-align: center; }
/* 关于我们 内页 */
.twolist .twolistl { float: left; /*text-align: center;*/
overflow: hidden; width: 50%; }
.twolistl img, .threeliimg img, .ipropic li a img { -webkit-transition: ease-in all .5s; -moz-transition: ease-in all .5s; -ms-transition: ease-in all .5s; -o-transition: ease-in all .5s; transition: ease-in all .5s; }
.twolistl img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.twolist .twolistr { float: left; overflow: hidden; width: 50%; }
.twolist .twolistr p { margin-bottom: 10px; }
.vedio_kuai { position: relative; }
.vedio_kuai .vedio_kuai_play { position: absolute; z-index: 1; top: 0 }
.vedio_kuai .vedio_kuai_play p { position: absolute; z-index: 5; width: 360px; height: 263px; background: url(../images/play.png) center no-repeat; }
.abtop .vedio_kuai { width: 500px; height: 280px; }
.abtop .vedio_kuai .vedio_kuai_play { width: 500px; height: 280px; }
.abtop .vedio_kuai .vedio_kuai_play p { width: 500px; height: 280px; }
.abtop .vedio_kuai .vedio_kuai_hidden { width: 500px; height: 280px; }
.abtop .vedio_kuai { width: 500px; height: 280px; }
/*杂志列表*/
.Magazine_list { margin: 20px 0; padding: 0; list-style: none; overflow: hidden; width: 1200px; }
.Magazine_list li { float: left; width: 260px; margin: 0 16px 16px 0; position: relative; }
.Magazine_list li a { border: 1px solid #f9f9f9; display: block; padding: 8px; }
.Magazine_list li a img { border: 0; }
.Magazine_list li a .title { text-align: left; font-size: 14px; height: 40px; line-height: 40px; padding-top: 6px; }
.Magazine_list li a .title em { float: right; background-color: #2ab0cb; border-radius: 5px; padding: 2px 10px; color: #fff; line-height: 18px; margin-top: 8px; font-size: 12px; }
.Magazine_list li a:hover { border: 1px solid #ddd; background: #f5f5f5; }
.Magazine_list li a:hover .title { color: #333; }
/*无人工厂*/
.list_project { background: #f6f6f6 }
.list_project ul li { display: block }
.list_project ul li div.am-cf { display: block }
.list_project ul li a.inline{ display: inline;}
.list_project ul li div.am-cf .txt { width: 50%; float: left; padding: 0 60px }
.list_project ul li div.am-cf .txt b { font-size: 20px; color: #333; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.list_project ul li div.am-cf .txt p { display: block; font-size: 14px; color: #666; padding: 20px 0 }
.list_project ul li div.am-cf .txt em { display: block; width: 90px; height: 20px; line-height: 20px; color: #333; font-style: normal; font-size: 14px; background: url(../images/project_arrow02.png) right center no-repeat }
.list_project ul li div.am-cf .thumb { width: 50%; float: right; overflow: hidden; position:relative;}
.list_project ul li div.am-cf .thumb img { width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.list_project ul li div.am-cf .thumb img.jwlogo{ display:none;}
.list_project ul li div.am-cf:hover .txt b { color: #2ab0cb; padding-left: 10px }
.list_project ul li div.am-cf:hover .thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
.list_project ul li.sec div.am-cf .txt { float: right }
.list_project ul li.sec div.am-cf .thumb { float: left }
#mediaplayer01_display .jwpreview{ background-size:cover !important;}
#mediaplayer01{ position:absolute; width:550px; height:293px; top:0; left:0;}
/*研究院*/
.list_yjy{}
.list_yjy li{ width:50%; float:left; overflow:hidden;}
.list_yjy li img{ width:100%;    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;}
.list_yjy li img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }

/*发展历程*/
.f-cb {
    zoom: 1;
}
.course-list ul {
    padding-top: 20px;
    width: 1170;
    background: url(../images/course/green/pic6.png) repeat-y center top;
    padding-bottom: 130px;
    min-height: 900px;
    margin: 0 auto;
}
.course-list ul li {
    width: 546px;
    position: relative;
}
.course-list ul li .j1 {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
    position: absolute;
    right: 42px;
    top: 30px;
}
.course-list ul li .j2 {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    left: 42px;
    top: 30px;
    position: absolute;
}
.course-list ul .lia {
    float: left;
    position: relative;
    background: url(../images/course/green/pic6-2.png) no-repeat right 45px;
    margin-left: 14px;
}
.course-list ul .lib {
    float: right;
    position: relative;
    background: url(../images/course/green/pic6-2.png) no-repeat left 45px;
    margin-right: 14px;
}

.course-list ul .lib .textbox {
    float: right;
}
.course-list ul .lib .textbox {
    text-align: left;
}
 .course-list ul li .textbox {
    padding: 30px;
    width: 460px;
    border-radius: 5px;
    text-align: right;
    background: #F9F9F9;
    border-radius: 5px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
}
.course-list ul li .textbox .t {
    font-size: 32px;
    line-height: 40px;
    color: #2ab0cb;
    margin-bottom: 10px;
}
.course-list ul li .textbox .p {
    font-size: 16px;
    line-height: 28px;
    color: #999;
}
.down-btn {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 0px;
    -webkit-animation: arrow2 1.5s infinite linear;
    animation: arrow2 1.5s infinite linear;
}

/*核心技术*/
.list_hxjs { background: #f6f6f6 }
.list_hxjs ul li { display: block }
.list_hxjs ul li a { display: block; position:relative;}
.list_hxjs ul li .ys{ position:absolute; left:50%; bottom:30px; background:#2ab0cb; color:#fff; padding:4px 12px; font-size:18px;}
.list_hxjs ul li a .txt { width: 50%; float: left; padding: 0 40px }
.list_hxjs ul li a .txt b { font-size: 18px; color: #333; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding-bottom:8px;  }
.list_hxjs ul li a .txt p { display: block; font-size: 12px; color: #666; padding: 5px 0; margin:0; line-height:20px;}
.list_hxjs ul li a .txt em { display: block; width: 90px; height: 20px; line-height: 20px; color: #333; font-style: normal; font-size: 14px; background: url(../images/project_arrow02.png) right center no-repeat }
.list_hxjs ul li a .thumb { width: 50%; float: right; overflow: hidden }
.list_hxjs ul li a .thumb img { width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.list_hxjs ul li a:hover .txt b { color: #2ab0cb; padding-left: 10px }
.list_hxjs ul li a:hover .thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
.list_hxjs ul li.sec a .txt { float: right }
.list_hxjs ul li.sec a .thumb { float: left }
.list_hxjs ul li.sec .ys{ position:absolute; left: auto; right:50%; bottom:30px; background:#2ab0cb; color:#fff; padding:4px 12px; font-size:18px;}

.list_hxjs ul li { display: block }
.list_hxjs ul li a { display: block }
.list_hxjs ul li a .txt { width: 50%; float: left; padding: 0 40px }
.list_hxjs ul li a .txt b { font-size: 18px; color: #333; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding-bottom:8px; }
.list_hxjs ul li a .txt p { display: block; font-size: 12px; color: #666; padding: 5px 0 }
.list_hxjs ul li a .txt em { display: block; width: 90px; height: 20px; line-height: 20px; color: #333; font-style: normal; font-size: 14px; background: url(../images/project_arrow02.png) right center no-repeat }
.list_hxjs ul li a .thumb { width: 50%; float: right; overflow: hidden }
.list_hxjs ul li a .thumb img { width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.list_hxjs ul li a:hover .txt b { color: #2ab0cb; padding-left: 10px }
.list_hxjs ul li a:hover .thumb img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
.list_hxjs ul li.sec a .txt { float: right }
.list_hxjs ul li.sec a .thumb { float: left }


/* 咨询 */
.zxly {height: 218px;background: url(../images/zxzxbg.jpg) no-repeat center center;color: #fff; position: relative; overflow: hidden; background-size: cover; }
.zxly::before{ content: " "; position: absolute; width: 100%; height: 100%; background: #2ab0cb ; opacity: 0.9;}
.zxly .container {height: 218px;position: relative; padding: 25px 0;}
.zxly .p1 {font-size: 14px;padding-top: 0;margin-bottom: 15px; color: #fff; }
.zxly .p1 b {display: block;font-size: 30px; line-height: 30px; margin-bottom: 5px; color: #fff;}
.zxly .p2 {width: 323px;height: 46px;line-height: 46px; border: 1px solid #fff;border-radius: 27px;color: #fff; text-align: center;}
.zxly .p2 i{ }
.zxly .p2 b {font-size: 18px; color: #fff;  }
.zxly .zxly_con {position: absolute;right: 0;top: 25px;height: 218px;width: 678px;}
.zxly .zxly_con .p3 {padding-top: 0;font-size: 18px;margin-bottom: 15px; color: #fff;}
.zxly .zxly_con .p3 i {color: #ff5c01;}
.zxly .zxly_con .info_p1 {width: 486px;height: 45px;background: #fff;border-radius: 3px;overflow: hidden;margin-top: 0; margin-bottom: 5px;}
.zxly .zxly_con .info_p1 input {border: none;height: 45px;line-height: 45px;width: 430px;padding-right: 56px;color: #999;text-indent: 20px;background: url(Img/Index/zxlyicon01.png) no-repeat 448px center;}

.zxly .zxly_con .info_p2 {width: 486px;  border-radius: 3px;overflow: hidden;margin-bottom: 13px;}
.zxly .zxly_con .info_p2 input {border: none;height: 45px;line-height: 45px;width: 430px;padding-right: 56px;color: #999;text-indent: 20px;background: url(Img/Index/zxlyicon02.png) no-repeat 448px center;}

.zxly .zxly_con .info_p2 .info_p2_1{ background: #fff; width: 55%; border-radius: 3px;overflow: hidden; display: inline-block;}
.zxly .zxly_con .info_p2 .info_p2_2{ background: #fff; width: 44%; border-radius: 3px;overflow: hidden;  display: inline-block; margin: 5px 0;
    font-size: 14px;}

.zxly .zxly_con .info_p2 .info_p2_2 input { width: 50%;  padding-right: 5px;}
.zxly .zxly_con .tjyy {width: 168px;height: 102px;position: absolute;top: 40px;right: 0;background: #ff6601;border-radius: 3px;text-align: center;}
.zxly .zxly_con .tjyy a {display: block;padding-top: 38px;font-weight: bold;color: #fff;font-size: 18px;height: 64px;background: url(Img/Index/zxlyjt.png) no-repeat center 73px; cursor: pointer;}

/* 公司环境 */
.environment_list { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.environment_list li { float: left; width: 33.333%; margin: 0; padding: 0 15px; margin-bottom: 25px;  }
.environment_list li a { border: 1px solid #eee; display: block; padding: 10px; text-align: center; }
.environment_list li a .imgbox { overflow: hidden;}
.environment_list li a img { border: 0; width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
.environment_list li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px;   }
.environment_list li a:hover img{-webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); }
.environment_list li a:hover { border: 1px solid #2ab0cb; background: #2ab0cb; }
.environment_list li a:hover .title { color: #fff; }


/* 合作伙伴 */
.partners_list { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; }
.partners_list li { float: left; width: 20%; margin: 0; padding: 0 15px; margin-bottom: 25px;  }
.partners_list li a { border: 1px solid #eee; display: block; padding: 10px; text-align: center; }
.partners_list li a .imgbox { overflow: hidden;}
.partners_list li a img { border: 0; width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
.partners_list li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px;   }
.partners_list li a:hover img{-webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); }
.partners_list li a:hover { border: 1px solid #2ab0cb; background: #2ab0cb; }
.partners_list li a:hover .title { color: #fff; }

/* 自定义内页标题 */
.diy-title {
	height: 50px;
	line-height: 50px;
	background-color: #eeeeee;
	margin: 15px 0 !important;
}

@media (max-width: 768px) {
	.diy-title {
		height: 30px;
		line-height: 30px;
		background-color: #eeeeee;
		margin: 15px 0;
	}
}

.diy-title strong {
	display: inline-block;
	min-width: 160px;
	padding: 0 25px 0 30px;
	position: relative;
	font-size: 24px;
	color: #fff;
	background: #2ab0cb;
	color: #fff;
	position: relative;
	border-right: 5px solid #ffffff;
}

@media (max-width: 768px) {
	.diy-title strong {
		min-width: 120px;
		padding: 0 15px 0 15px;
		font-size: 18px;
	}
}

.diy-title strong::before {
	content: "";
	border-top: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #2ab0cb;
	border-left: 25px solid #2ab0cb;
	position: absolute;
	right: -50px;
	z-index: 1;
}

@media (max-width: 768px) {
	.diy-title strong::before {
		content: "";
		border-top: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #2ab0cb;
		border-left: 15px solid #2ab0cb;
		position: absolute;
		right: -30px;
		z-index: 1;
	}
}

.diy-title strong::after {
	content: "";
	border-top: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #ffffff;
	border-left: 25px solid #ffffff;
	position: absolute;
	top: 0;
	right: -55px;
	z-index: 0;
}

@media (max-width: 768px) {
	.diy-title strong::after {
		content: "";
		border-top: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #ffffff;
		border-left: 15px solid #ffffff;
		position: absolute;
		right: -35px;
		z-index: 0;
	}
}

/* 特性列表 */
.texinglist {
    width: 100%;
}
.texinglist ul li {
    width: 25%;
    text-align: center;
    padding: 45px 40px 29px;
    border-radius: 12px;
    transition: .4s;
    float: left;
    list-style: none;
}

.texinglist ul li em {
    width: 100px;
    transition: .4s;
    display: block;
    margin: 0 auto;
}

.texinglist ul li em img{
    width: 100%;
}

.texinglist ul li h3 {
    margin-top: 28px;
    margin-bottom: 14px;
    font-size: 20px;
}

/* 问题列表 */
.problemlist {
    width: 100%;
}
.problemlist ul li {
    width: 25%;
    text-align: center;
    padding: 45px 40px 29px;
    border-radius: 12px;
    transition: .4s;
    float: left;
    list-style: none;
}

.problemlist ul li em {
    width: 100px;
    transition: .4s;
    display: block;
    margin: 0 auto;
}

.problemlist ul li em img{
    width: 100%;
}

.problemlist ul li h3 {
    margin-top: 28px;
    margin-bottom: 14px;
    font-size: 20px;
}