@charset "utf-8";
/* 564379992@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; font-family: microsoft Yahei, Arial, Helvetica, sans-serif ; font-size: 12px; color: #2b2b2b; min-width:1012px; margin:0 auto; position: relative; -webkit-text-size-adjust: none;}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; }
i,em { display: inline-block; font-style:normal; }
*:focus { outline: none }
img { border: 0px; max-width:100%; }
ul, li { list-style-type: none; }
a{ color: #333; text-decoration: none; border: none; outline: none; transition:all 0.3s ease; }
a:hover { color: #f0be26; }
.clear{ clear:both; content:''; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width:1012px; margin:0 auto;}
/***头部***/
.header{ height:149px; background:url(../headbg.jpg) no-repeat center top; }
.header .logintel{ height:114px; position:relative; overflow:hidden;}
.header .logintel .logo{ position:absolute; left:0px; top:33px;}
.header .logintel .text{ position:absolute; left:342px; top:25px;}
.header .search{ position:absolute; right:0px; top:30px;}
.header .search .tel{ text-align:right;}
.header .search form{ background:#272727; width:156px; margin-top:3px; height:29px; position:relative; }
.header .search form .intxt{ width:100%; padding:0 12px; border:0px; font-size:12px; color:#eee; background:none; border:0px; height:29px; line-height:26px;}
.header .search form .sbtn{ background:url(../search.png) no-repeat center; border:0px; width:30px; cursor:pointer; border:0px; position:absolute; right:0px; top:0px; height:100%;}
.header .nav{ height:35px; float:right;}
.header .nav li{ float:left; width:102px;}
.header .nav li > a{ display:block; height:35px; text-align:center; line-height:35px; color:#2b2b2b; font-size:12px;}
.header .nav li > a.on,.header .nav li > a:hover{ color:#fff; background:#f0be26;}
/***焦点图***/
.banner{ overflow:hidden; position:relative; height:900px; }
.banner .bd{ height:900px;}
.banner .bd ul{height:900px; }
.banner .bd ul li { height:900px; }
.banner .hd { position:absolute; width:100%; text-align:center; bottom:12px; left:0px; z-index:1;}
.banner .hd ul li{ width:12px; height:12px; display:inline-block; overflow:hidden; line-height:-999px; cursor:pointer; margin:0 5px;
background:#eee; border-radius:50%;}
.banner .hd ul li.on{ background:#f0be26;}
/***首页关于我们***/
.title{ width:350px; margin:0 auto; margin-top:158px; text-align:center; height:134px; background:url(../titbg.png) no-repeat center;}
.title h1{ font-size:25px; font-weight:normal; }
.title h2{font-size:35px; padding-top:26px;}
.about{ overflow:hidden; height:361px; margin-top:35px;}
.about .img{ float:left; width:353px; height:361px;}
.about .fr{ width:659px;}
.about .fr ul{ position:relative; margin-top:60px; padding-left:23px; overflow:hidden;}
.about .fr ul:after{ height:1px; background:#000; position:absolute; width:100%; content:''; overflow:hidden; left:0px; top:5.5px;}
.about .fr ul li{ font-size:16px; float:left; cursor:pointer; width:158px; text-align:center; position:relative; z-index:1;}
.about .fr ul li.on em{ background-color:#000;}
.about .fr ul li em{ width:12px; height:12px; border:2px solid #000; background:#fff; display:block; margin:0 auto; border-radius:50%; margin-bottom:16px;}
.about .fr dl{ width:525px; margin-left:84px; margin-top:55px;}
.about .fr dl dd{ overflow:hidden; line-height:26px; font-size:15px; display:none; height:106px; overflow:hidden;}
.more{ display:block; width:125px; height:30px; background:#2b2b2b; color:#fff; text-align:center; line-height:30px; border-radius:28px; }
.about .fr .more{ margin-left:84px; margin-top:40px; }
/***产品展示***/
.product{ overflow:hidden; position:relative; margin-top:80px; min-width:1369px;}
.product .box{ width:1369px; margin:0 auto; position:relative; z-index:1;}
.product .bg1{ height:201px; width:1030px; position:absolute; top:190px; left:50%; margin-left:-960px; background:#efbf2c;}
.product .bg2{ height:392px; width:50%; position:absolute; top:391px; left:50%; margin-left:70px; background:#000;}
.product .ht{ height:391px; overflow:hidden; position:relative; }
.product .ht .img{ width:322px; height:325px; position:absolute; left:452px; top:0px;}
.product .ptit{ text-align:right; position:absolute; left:155px; top:0px;}
.product .ptit h1{font-size:47px;}
.product .ptit h2{ font-size:25px; font-weight:normal; margin-top:10px; }
.product .ptit.t2{ text-align:right; left:841px; text-align:left; top:107px;}
.product .ptit.t2 .more{ margin-top:18px;}
.product .ptit.t3{ top:610px; left:auto; right:738px;}
.product .hm{ position:relative; height:795px;}
.product .hm ul li{ position:absolute;}
.product .hm ul li img{ display:block; width:100%; height:100%;}
.product .hm ul li.li0{ top:30px; left:0px; width:725px; height:531px;}
.product .hm ul li.li1{ top:0px; right:0px; width:614px; height:392px;}
.product .hm ul li.li2{ bottom:0px; right:0px; width:614px; height:373px;}
/***服务***/
.service{ overflow:hidden; margin-left:-20px; margin-top:20px; margin-bottom:150px;}
.service li{ float:left; width:48%; position:relative; margin-left:20px; border-bottom:1px solid #000; padding-top:60px; height:220px;}
.service li span{ position:absolute; left:50px; top:55px; font-size:77px; font-family:Impact;}
.service li .text{ margin-left:153px; line-height:23px;}
.service li .text h2{ font-size:23px; font-weight:normal; padding-bottom:20px;}
/***新闻***/
.news{ overflow:hidden;}
.news .fl{ width:359px; height:455px;}
.news .fr{ width:658px;}
.news .fr .title{ text-align:left; position:relative;}
.news .fr .casemore{ position:absolute; margin:0px; right:0px; top:15px;}
.news .fr .newlist{ margin-top:15px;}
/***新闻列表***/
.newlist{ overflow:hidden; }
.newlist li{ position:relative; height:60px; overflow:hidden; border-bottom:1px dashed #ddd;}
.newlist li a{ display:block; font-size:15px; line-height:60px; background:url(../d.png) no-repeat left center; padding-left:20px;}
.newlist li a span{ float:right; color:#999;}
/***合作伙伴***/
.painter{ background:#eff0f8; height:179px; overflow:hidden; margin-top:100px;}
.painter ul li{ float:left; margin-left:60px;}
.painter ul li img{ display:block; width:174px; height:88px; margin-top:50px}
/***底部***/
.footer{ background:#171717; overflow:hidden; color:#fff; position:relative; padding:128px 0 110px 0;}
.footer:after{ height:1px; width:100%; position:absolute; background:#474747; top:177px; left:0px; content:'';}
.footer .ewm{ float:left; width:209px; background:#171717; position:relative; z-index:1; height:160px;}
.footer .ewm .ewmbox{ background:#fff; width:133px; height:160px; text-align:center; margin:0 auto;}
.footer .ewm .ewmbox img{ display:block; width:100%; height:132px;}
.footer .ewm .ewmbox p{ font-size:14px; font-weight:bold; color:#111;}
.footer .foottel{ float:left; width:362px;}
.footer .foottel img{display:block; margin-top:5px;}
.footer .foottel .p1{ margin-top:20px;}
.footer .dbnav{ float:right;}
.footer .dbnav dl{ float:left; margin-left:50px;}
.footer .dbnav dl dt a{ font-weight:bold; display:block; font-size:16px; color:#fff; margin-bottom:30px; margin-top:10px;}
.footer .dbnav dl dd a{ display:block; font-size:13px; color:#fff; line-height:33px;}
.footer a:hover{ text-decoration:underline;}
/***内页***/
.topimg{height:350px; overflow:hidden;}
.topimg .title{ color:#fff; margin-top:107px; background:url(../tbg.png) no-repeat center;}
.aboutny{ min-height:500px; padding:53px 0; width:850px; margin:0 auto; }
.devince{ position:relative; margin-top:64px; overflow:hidden; margin-bottom:64px;}
.devince .dtit{ position:absolute; left:0px; top:76px;}
.devince .dtit h1{ font-size:47px;}
.devince .dtit h2{ font-size:25px; color:#2b2b2b; font-weight:normal; margin-top:6px;}
.devince .dtit .line{ height:4px; width:69px; background:#2b2b2b; display:block; overflow:hidden; margin-top:20px;}
.devince .bd{ float:right; width:811px; height:593px; overflow:hidden; position:relative; z-index:1; }
.devince .bd ul li{ width:811px; height:593px;}
.devince .bd ul li img{ display:block; width:100%; height:100%;}
.devince .btnrl{ position:absolute; top:333px; left:0px;}
.devince .btnrl a{ display:block; float:left; width:59px; height:59px; background:url(../btnrl.png) no-repeat;}
.devince .btnrl a.next{ background-position:right 0; margin-left:33px;}
.devince .dbg{ height:160px; position:absolute; bottom:0px; background:#f0be26; left:0px; width:50%;}
.zzxc{ overflow:hidden; margin-top:66px; margin-bottom:40px;}
.zzxc ul li{ margin-bottom:33px; overflow:hidden; position:relative;}
.zzxc ul li .ztit{ width:269px; position:absolute; left:0px; top:65px;}
.zzxc ul li .ztit.r{ left:auto; right:0px; text-align:right;}
.zzxc ul li .ztit.r .line{ float:right;}
.zzxc ul li .ztit h1{ font-size:47px;}
.zzxc ul li .ztit h2{ font-size:25px; font-weight:normal; margin-top:10px; margin-bottom:40px;}
.zzxc ul li .ztit .line{height:4px; width:69px; background:#2b2b2b; display:block; overflow:hidden; margin-top:70px;}
.zzxc ul li .ztit p{ line-height:24px;}
.left{ float:left; width:260px; margin-top:54px; }
.left .newLeft li{ position:relative;}
.left .newLeft li a{ display:block; background:url(../r.png) no-repeat 90% center; border-bottom:1px solid #000; font-size:15px; padding:18px 14px; padding-right:50px;}
.left .newLeft li:hover a,.left ul li.on a{ background:#f0be26 url(../ron.png) no-repeat 90% center; color:#fff; border-bottom:1px solid #f0be26}
.left .newLeft li a .p1{ font-size:25px;}
.right{ width:690px; float:right; min-height:500px; margin-top:54px;}
.right .rtit{ font-size:16px; border-bottom:1px solid #333; padding:12px 0; margin-bottom:20px;}
.pleft{ overflow:hidden;}
.pleft li{ height:82px; overflow:hidden;}
.pleft li a{ display:block; height:82px; position:relative; padding-left:87px; background:url(../r.png) no-repeat 90% center; border-bottom:1px solid #333;}
.pleft li a h3{ font-weight:normal; font-size:20px; padding-top:19px; }
.pleft li a h3 p{ color:#000;}
.pleft li a i{ width:46px; height:82px; position:absolute; left:20px;}
.pleft li.li0 a i{ background:url(../c1.png) no-repeat center;}
.pleft li.li1 a i{ background:url(../c2.png) no-repeat center;}
.pleft li.li2 a i{ background:url(../c3.png) no-repeat center;}
.pleft li.li3 a i{ background:url(../c4.png) no-repeat center;}
.pleft li a.on,.pleft li a:hover{ background:#f0be26 url(../ron.png) no-repeat 90% center; color:#fff; border-bottom:1px solid #f0be26}
.pleft li.li0 a.on i,.pleft li.li0 a:hover i{ background:url(../c1on.png) no-repeat center;}
.pleft li.li1 a.on i,.pleft li.li1 a:hover i{ background:url(../c2on.png) no-repeat center;}
.pleft li.li2 a.on i,.pleft li.li2 a:hover i{ background:url(../c3on.png) no-repeat center;}
.pleft li.li3 a.on i,.pleft li.li3 a:hover i{ background:url(../c4on.png) no-repeat center;}
.plist{ overflow:hidden; margin-left:-14px; }
.plist li{ float:left; width:33.3333333%; padding-left:14px; padding-bottom:14px;}
.plist li a{ display:block; position:relative; overflow:hidden; height:240px;}
.plist li img{ display:block; width:100%; height:240px;}
.plist li h3{ position:absolute; height:35px; line-height:35px; left:0px; bottom:0px; width:100%; transition:all 0.3s ease; transform:translateY(100%); background:rgba(0,0,0,0.7); color:#fff; text-align:center; font-weight:normal; font-size:14px;}
.plist li a:hover h3{ transform:translateY(0);}
.searchlist li{ padding:25px 0; border-bottom:1px dotted #ddd;}
.searchlist li h2{ font-weight:normal;}
.searchlist li p{ margin-top:10px; color:#999;}
/***分页***/
.page{ overflow:hidden; text-align:center; padding:20px 0; padding-top:30px;}
.page ul li{ display:inline-block;}
.page ul li a,.page ul li span{ padding:10px 15px; background:#fff; display:inline-block; color:#888; margin:0 2px;}
.page ul li.active span{ background:#2085E4; color:#fff; border-color:#2085E4}
.page ul li:hover a{ background:#2085E4; color:#fff;border-color:#2085E4}
/***产品详情***/
.location{ font-size:14px; height:50px; line-height:48px; color:#686868; background:#f7f7f7; margin-bottom:30px;}
.location .wrap{ background:url(../location.png) no-repeat left center; padding-left:40px;}
.location a{ font-size:14px; color:#686868;}
.location i{ margin:0 12px; color:#d6d6d6; font-family:宋体;}
.location span{ color:#2085E4;}
.pdbox{ line-height:26px; color:#666; font-size:14px; min-height:500px;}
.newtit{ text-align:center; padding-bottom:12px; padding-top:20px; border-bottom:1px dotted #ddd; margin-bottom:20px;}
.newtit p{ font-size:12px; color:#999; padding-top:10px;}
.newtit h1{ font-size:18px;}
.note{ background:#f7f7f7; border:1px dotted #ddd; padding:12px; line-height:24px; font-size:12px; color:#999; margin-bottom:20px;}
.prevnext{ font-size:14px; margin-top:20px; line-height:30px; overflow:hidden; color:#666;}
.prevnext a{ color:#666;}
.prevnext a:hover{ color:#2085E4;}
.book{ padding:12px; overflow:hidden; margin-bottom:50px;}
.book .title{ margin-bottom:40px;}
.book .intxt{ border:1px solid #eee; padding:13px 10px; margin-bottom:12px; width:100%;}
.book .intxt.i1{ width:48%;}
.book .intxt.i2{ width:48%; float:right;}
.book .intxt::-webkit-input-placeholder{ color:#aaa;}
.book .intxt:focus{ border-color:#f0be26;}
.book .sbtn{ background:#f0be26; padding:13px 10px; cursor:pointer; border:0px; color:#fff; width:120px;}
.conbox{ margin-top:60px; overflow:hidden;}
.conbox .cl{ width:380px; text-align:center; float:left; margin-top:25px;}
.conbox .contact{ float:left; font-size:14px; line-height:34px; height:186px; background:url(../ico.png) no-repeat left top; padding-left:45px;}
.conbox .contact .p3{ margin-top:3px;}
.conbox .contact .p4{ margin-top:7px;}
/***咨询***/
.zhixun{ position:fixed; z-index:1111; right:0px; bottom:20%;}
.zhixun ul li{ position:relative; margin-bottom:1px; width:77px; height:57px;}
.zhixun ul li .zxc{ width:77px; height:57px; background:#f0be26; position:absolute; right:0px; top:0px; transition:all 0.3s ease;}
.zhixun ul li .zxc.ztel span{height:57px; text-align:center; font-family:'HelveticaNeueLTCom-LtEx'; width:150px; overflow:hidden; float:right; color:#fff; font-size:16px; line-height:57px;}
.zhixun ul li .zxc em{ display:block; width:77px; text-align:center; height:57px; font-size:12px; padding-top:36px; color:#fff; float:left;}
.zhixun ul li .zxc.zqq em{ background:#f0be26 url(../kf/qq.png) no-repeat center 9px;}
.zhixun ul li .zxc.ztel { width:227px; right:-150px;}
.zhixun ul li .zxc.ztel em{ background:#f0be26 url(../kf/tel.png) no-repeat center 9px; border-right:1px solid #e5b522}
.zhixun ul li .zxc.zwx em{ background:#f0be26 url(../kf/ewm.png) no-repeat center 9px;}
.zhixun ul li .zxc.zwx span{ position:absolute; right:77px; top:0px; width:120px; height:120px; background:#fff; transition:all 0.3s ease; transform:scale(0); transform-origin:right center; padding:5px; opacity:0;}
.zhixun ul li .zxc.ztp em{ background:#f0be26 url(../kf/top.png) no-repeat center 9px;}
.zhixun ul li:hover .zxc.zqq,.zhixun ul li:hover .zxc.ztp{ width:85px;}
.zhixun ul li:hover .zxc.ztel{ right:0px; }
.zhixun ul li:hover .zxc.zwx span{ transform:scale(1); opacity:1;}