@charset "utf-8";
/* CSS Document */

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; behavior:url("csshover.htc"); border-collapse: collapse}
img { border: 0 none; vertical-align:middle; }
ul, li { list-style-type: none; margin:0px; padding:0px;}
body, input, select, button, textarea { font-size: 12px; font-family:"微软雅黑","宋体"; vertical-align:middle;}
.button { cursor: pointer;}
*{ border:none;}
i, em, cite { font-style: normal; }
aside section,.body{display:block; width:1000px; margin:0 auto;}
a, a:link { color: #454545; text-decoration:none; cursor:pointer; }
a:visited {}
a:active, a:hover { text-decoration:underline;  }
a:focus { outline: none; } 
.clear {clear:both;}

.l{ float:left;}
.xiangcel{float:left;width:48%}
.xiangcer{ float:right;width:48%}
.r{ float:right;}
.left{ float:left;}
.right{ float:right;}
.w1100{ width:1100px; margin:0 auto;}
body{ background:#f7f7f7;}
/*img{ width:100%;}*/

.header{}
.header .top{ height:30px; background:#0069a0; line-height:30px;}
.header .top span{ float:right; color:#fff; height:30px; line-height:30px; display:inline-block; padding-left:25px; background:url(../images/pic02.png) 0 9px no-repeat; margin-left:20px; border-right:1px #6490b8 solid; padding-right:30px;}
.header .top span em{ font-size:14px;}
.header .top span.s2{ background-position:0 -22px;}
.header .top span.s3{ background-position:0 -53px; border-right:none; padding-right:0;}
.header .logo{ float:left; margin-top:26px;}
.header .menu{ float:right; height:108px;}
.header .menu li{ float:left; height:108px; line-height:108px; width:100px; text-align:center; margin:0 8px; position:relative;}
.header .menu li .lia{ color:#191919; text-decoration:none; display:block; font-size:15px;}
.header .menu li .submenu{ padding-top:6px; position:absolute; top:103px; display:none; padding-bottom:2px; z-index:999;}
.header .menu li .submenu dl{ background:url(../images/pic26.png) repeat; width:100px; padding-top:3px;}
.header .menu li .submenu dl dt{ height:25px; line-height:25px; position:relative; text-align:left; text-indent:15px;}
.header .menu li .submenu dl dt .dta{ color:#fff; text-decoration:none;}
.header .menu li .submenu dl dt:hover{ background:#208cc5;}
.header .menu li .s_menu{ position:absolute; width:105px; left:100px; top:0; background:url(../images/pic26.png) repeat; padding-top:7px; display:none;}
.header .menu li .s_menu a{ color:#fff; text-decoration:none;}
.header .menu li .s_menu p:hover{ background:#208cc5;}
.header .menu li .submenu dl dt:hover .s_menu{ display:block;}
.header .menu li:hover{ background:url(../images/pic04.jpg) left bottom repeat-x;}
.header .menu li:hover .lia{ color:#0069a0;}
.header .menu li:hover .submenu{ display:block;}
.header .yy{ float:right; width:30px; height:30px; background:url(../images/pic03.png) no-repeat; text-align:center; line-height:30px; margin-top:38px;}
.header .yy a{ display:block; color:#fff; text-transform:uppercase;}

.index{}
.index .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.index .slideBox .hd{ height:5px; overflow:hidden; position:absolute; left:0; bottom:30px; z-index:1; width:100%; text-align:center;}
.index .slideBox .hd ul{     width: 30%;margin:0 auto;overflow:hidden; zoom:1; display:inline-block; _display:inline;}
.index .slideBox .hd ul li{ float:left; margin:0 1.5%;  width:30%; height:5px; text-indent:-999px; background:#9b9b9d; cursor:pointer; }
.index .slideBox .hd ul li.on{ background:#0068b7;}
.index .slideBox .bd{ margin-top: 60px;position:relative; height:100%; z-index:0;   }
.index .slideBox .bd li{ zoom:1; vertical-align:middle; }
.index .slideBox .bd img{ width:100%; height:auto; display:block;  }
.index .box1{ padding-top:62px; padding-bottom:64px; background:#fff;}
.index .box1 .left{ width:398px; border:1px #e7e7e7 solid;}
.index .box1 .left img{ border-bottom:2px #e7e7e7 solid; width:398px; height:212px;}
.index .box1 .left .con{ padding:9px 8px 0 22px;}
.index .box1 .left .con h3{ font-size:22px; color:#0098ca; line-height:50px;}
.index .box1 .left .con h3 em{ font-size:14px; color:#c8c8c8; font-family:Arial; text-transform:uppercase; font-weight:normal; padding-left:12px;}
.index .box1 .left .con p{ font-size:14px; padding-right:5px; color:#777; line-height:26px;}
.index .box1 .left .con p em{ font-weight:bold; color:#555555;}
.index .box1 .left .con .more{ text-align:right; font-family:Arial; text-transform:uppercase; line-height:28px;}
.index .box1 .left .con .more a{ color:#ccc;}
.index .box1 .right{ width:645px;}
.index .box1 .right h3{ font-size:18px; color:#0098ca; line-height:24px; height:24px;}
.index .box1 .right h3 a{ float:right; color:#888888; font-family:Arial; text-transform:uppercase; font-weight:normal; font-size:12px;}
.index .box1 .right h3 em{ font-size:20px; color:#cccccc; font-family:Arial; padding-left:5px; font-weight:normal;}
.index .box1 .right ul{ padding-top:10px;}
.index .box1 .right li{ padding:10px 0; border-bottom:1px #888888 dashed;}
.index .box1 .right .pic{ float:left; width:123px; height:70px;}
.index .box1 .right .yb{ float:right; width:505px; padding-top:4px;}
.index .box1 .right .p1{ font-size:14px; color:#333; line-height:20px;}
.index .box1 .right .p2{ font-size:14px; color:#c1c1c1; font-family:Arial; padding-left:20px; background:url(../images/pic08.png) left center no-repeat; line-height:20px;}
.index .box1 .right .p3{ color:#777; line-height:21px;}
.index .box2{ padding-top:36px; padding-bottom:65px;}
.title_all{ text-align:center; font-size:28px; color:#010101; background:url(../images/pic09.jpg) center center repeat-x;}
.title_all em{ line-height:57px; background:url(../images/pic09.jpg) center bottom no-repeat #f7f7f7; display:inline-block; padding:0 28px;}
.index .box2 .slideTxtBox{ width:1100px; margin:0 auto; padding-top:29px;}
.index .box2 .slideTxtBox .hd{ height:35px; position:relative; text-align:center;}
.index .box2 .slideTxtBox .hd ul{ display:inline-block; _display:inline; zoom:1; border-left:1px #0098ca solid;}
.index .box2 .slideTxtBox .hd ul li{ float:left; cursor:pointer; width:144px; height:33px; border:1px #0098ca solid; border-left:none; line-height:33px; font-size:14px; color:#0098ca;}
.index .box2 .slideTxtBox .hd ul li.on{ background:#0098ca; color:#fff;}
.index .box2 .slideTxtBox .bd ul{ zoom:1; padding-top:25px;}
.index .box2 .slideTxtBox .bd li{ position:relative; width:248px; height:346px; float:left; border:1px #dcdcdc solid; overflow:hidden; margin-right:30px;}
.index .box2 .slideTxtBox .bd li .pic{ width:248px; height:346px;}
.index .box2 .slideTxtBox .bd li .pic2{ width:358px; height:230px;}
.index .box2 .slideTxtBox .bd li.last{ margin-right:0;}
.index .box2 .slideTxtBox .chu{ position:absolute; left:0; top:-348px; background:url(../images/pic12.png) repeat; width:100%; height:100%; text-align:center;}
.index .box2 .slideTxtBox .jia{ padding-top:85px; width:40px; height:40px; margin:0 auto;}
.index .box2 .slideTxtBox p{ font-size:18px; color:#fffefe; line-height:88px; padding-top:14px;}
.index .box2 .slideTxtBox .look{ color:#cccccc; text-align:center; width:108px; height:28px; line-height:28px; display:inline-block; border:1px #a0a0a0 solid;}
.index .box2 .more{ width:75px; margin:0 auto; padding-top:40px;}
.index .box2 .more a{ width:23px; width:73px; border:1px #cccccc solid; display:inline-block; text-align:center; line-height:23px; color:#b2b2b2; text-transform:uppercase;}
.index .box3{ background:#fff;}
.index .box3 .title_all em{ background:url(../images/pic09.jpg) center bottom no-repeat #fff;}
.index .box3 .slideTxtBox .bd li{ border:none; width:358px; height:230px; margin-right:10px; margin-bottom:10px;}
.index .box3 .slideTxtBox p{ line-height:72px; padding-top:57px;}


.footer{border-top:3px solid #0069a0}
.footer ul{width:80%;margin:0 auto;padding:10px 0;border-bottom:1px solid #f5f5f5}
.footer ul li{float:left;font-size:16px;color:#333333;padding:5px 70px 5px 40px}
.footer ul li:nth-child(1){background:url(../images/footer1.png) no-repeat left;background-size:30px auto}
.footer ul li:nth-child(2){background:url(../images/footer2.png) no-repeat left;background-size:30px auto}
.footer ul li:nth-child(3){background:url(../images/footer3.png) no-repeat left;background-size:30px auto}
.footer ul li:nth-child(4){background:url(../images/footer4.png) no-repeat left;background-size:30px auto}


.footer .copy-right{display:flex;align-items:center;justify-content:center;padding: 30px 30px;color:#505960;font-size:15px}
.footer .copy-right>div>p{text-align:center}
/* .footer{ background:#333333;}
.footer .backtop{ width:35px; height:27px; margin:0 auto; position:relative;}
.footer .backtop img{ position:absolute; top:-18px; left:0; width:35px; height:35px;}
.footer .title_all{ background:url(../images/pic15.jpg) left center repeat-x; color:#d6d6d6;}
.footer .title_all em{ background:url(../images/pic15.jpg) center bottom no-repeat #333333;}
.footer .f_menu{ padding-top:31px; padding-bottom:50px;}
.footer .f_menu ul{ float:left; border-right:1px #4b4b4b solid; padding-bottom:45px; margin-top:13px;}
.footer .f_menu ul li{ float:left; width:115px;}
.footer .f_menu ul li h3{ font-size:14px; color:#cccccc; line-height:16px; padding-bottom:15px; font-weight:normal;}
.footer .f_menu ul li p{ line-height:21px;}
.footer .f_menu ul li p a{ color:#999;}
.footer .f_menu .right{ width:375px;}
.footer .f_menu .right p{ padding-left:30px; background:url(../images/pic13.png) 0 9px no-repeat; line-height:38px; font-size:12px; color:#cccccc;}
.footer .f_menu .right p.p2{ background-position:0 -74px;}
.footer .f_menu .right p.p3{ background-position:0 -114px;}
.footer .f_menu .right p.p4{ background-position:0 -161px;}
.footer .copyright{ text-align:center; color:#cccccc; height:55px; line-height:55px; background:#2b2b2b;} */

.location{ text-align:right; color:#7a7a7a; height:48px; line-height:48px;}
.location em{ padding-left:20px; background:url(../images/pic18.png) left center no-repeat;}
.location em a{ color:#7a7a7a;}
.nav{ width:210px; float:left; background:#fff;}
.nav .tit{ height:65px; background:url(../images/pic19.jpg) no-repeat; color:#fff; font-size:26px; padding-left:20px; line-height:26px; padding-top:15px;}
.nav .tit em{ text-transform:uppercase; font-size:18px; color:#ebebeb; font-family:Arial; font-weight:normal; line-height:30px; display:inline-block;}
.nav ul{}
.nav p{ height:48px; line-height:48px; border-bottom:1px #e7e7e7 solid; font-size:14px; position:relative;}
.nav p a{ display:block; padding-left:30px; text-decoration:none; color:#666666;}
.nav p em{ width:10px; height:49px; background:url(../images/pic20.png) no-repeat center; position:absolute; left:0; top:0; display:none;}
.nav p.on em{ display:block;}
.nav p.on a{ color:#0578b4;}
.nav p.last{ border-bottom:none;}
.nav dl{ background:#0578b4; padding:8px 0; border-bottom:1px #e7e7e7 solid;}
.nav dl dt{ height:35px; line-height:35px; text-indent:30px; font-size:14px;}
.nav dl dt a{ color:#fff;}


.about,.ryzz{ padding-bottom:49px;margin-top: 60px;}
.about .about-banner,.ryzz .about-banner{ height:0;padding-bottom:15%;width:100%;background-size:100%;background-position:center center;background-repeat:no-repeat}
.product .about-banner{ height:0;padding-bottom:15%;width:100%;background-size:100%;background-position:center center;background-repeat:no-repeat}
.anl .about-banner{ height:0;padding-bottom:15%;width:100%;background-size:100%;background-position:center center;background-repeat:no-repeat}
.news .about-banner{ height:0;padding-bottom:15%;width:100%;background-size:100%;background-position:center center;background-repeat:no-repeat}
.fwzx .about-banner{ height:0;padding-bottom:15%;width:100%;background-size:100%;background-position:center center;background-repeat:no-repeat}
.jszc .about-banner{ height:0;padding-bottom:15%;width:100%;background-size:100%;background-position:center center;background-repeat:no-repeat}
.lxwm .about-banner{ height:0;padding-bottom:15%;width:100%;background-size:100%;background-position:center center;background-repeat:no-repeat}
.about .right{ width:781px; background:#fff; padding:16px 40px 44px 39px;}
.about .right .title{ text-align:center; font-size:26px; color:#666666; line-height:64px; border-bottom:1px #cccccc solid;}
.about .right .p1{ font-size:14px; color:#7a7a7a; line-height:26px; padding-top:20px;}
.about .right .p1 em{ text-indent:2em; display:inline-block;}
.about .right .pic{ padding-top:25px; width:781px; height:317px;}

.news{ padding-bottom:60px;margin-top:60px}
.news .banner{ height:295px; background:url(../images/pic17.jpg) center center no-repeat;}
.news .right{ width:807px; background:#fff; padding:25px 26px 43px 27px;}
.news .right ul{}
.news .right ul li{ background:#f6f6f6; margin-bottom:20px;}
.news .right ul li .pic{ float:left; width:29%; height:0;padding-bottom:16%}
.news .right ul li .yb{ width:530px; float:left; padding:20px}
.news .right ul li .yb .p1{ font-size:14px; color:#666666; line-height:16px;}
.news .right ul li .yb .p2{ color:#666666; line-height:36px; padding-left:16px; background:url(../images/pic24.png) left center no-repeat;}
.news .right ul li .yb .p3{ color:#666666; line-height:21px;}

.page{ text-align:center; padding-top:18px;}
.page .page1{ display:inline-block;}
.page .page1 a{ float:left; height:32px; line-height:32px; border:1px #cccccc solid; padding:0 12px; text-decoration:none; margin:0 4px; color:#999999;}
.page .page1 a:hover{ color:#0578b4; border-color:#0578b4;}
.page .page1 span{ float:left; line-height:34px; color:#999; margin:0 10px;}
.page .page1 .text{ width:33px; height:32px; text-align:center; line-height:32px; border:1px #cccccc solid; margin:0 6px; color:#999;}
.page .page1 .button{ width:50px; height:34px; border:1px #cccccc solid; color:#333333;}

.product{ padding-bottom:50px;    margin-top: 60px;}
.product .banner{ height:293px; background:url(../images/pic25.jpg) center center no-repeat;}
.product .right{ padding:25px 23px 43px 25px;width:812px; background:#fff; }
.product .right ul{ padding-bottom:2px;}
.product .right ul li{ padding-bottom:7px;}
.product .right ul li .pic{ float:left; width:30%; margin-right:40px;}
.product .right ul li .pic .cover{width:100%;height:0;padding-bottom:80%;border:2px #eaeaea solid}
.product .right ul li .pic p{ text-align:center; font-size:14px; color:#666; line-height:42px;}
.product .right ul li .pic2{ margin-right:0;}
.product .right .detail-tit,.anl .right .detail-tit{padding:10px;display:none;font-size:20px;text-align:center;}
.anl{ padding-bottom:53px;margin-top:60px}
.anl .banner{ height:290px; background:url(../images/pic25.jpg) center center no-repeat;}
.anl .right{ width:800px; background:#fff; padding:30px 30px 53px;}
.anl .right ul li{ padding-bottom:30px;}
.anl .right ul li .pic{ width:390px;}
.anl .right ul li .pic .cover{width:100%;height:0;padding-bottom:73%;}
.anl .right ul li .pic .nr{ padding:5px 17px 10px; background:#999999;}
.anl .right ul li .pic .p1{ line-height:32px; border-bottom:1px #d4d4d4 solid; font-size:14px; color:#fff; font-weight:bold;}
.anl .right ul li .pic .p1 a{ float:right; font-size:12px; color:#fff; font-weight:normal;}
.anl .right ul li .pic .p2{ line-height:18px; color:#fff; padding-top:10px;}
.anl .right ul li .pic:hover .nr{ background:#0578b4;}
.anl .right .page{ padding-top:15px;}

.fwzx{ padding-bottom:53px;margin-top:60px}
.fwzx .banner{ height:290px; background:url(../images/pic30.jpg) center center no-repeat;}
.fwzx .right{ width:790px; background:#fff; padding:30px 36px 28px 34px;}
.fwzx .right p{ font-size:14px; color:#7a7a7a; line-height:26px;}
.fwzx .right p em{ text-indent:2em; display:inline-block;}
.fwzx .right .pic{ padding-top:17px; width:790px; height:326px;}


.jszc{ padding-bottom:53px;margin-top:60px}
.jszc .banner{ height:290px; background:url(../images/pic30.jpg) center center no-repeat;}
.jszc .right{ width:807px; background:#fff; padding:26px 27px 42px 26px;}
.jszc .right ul{}
.jszc .right ul li{ padding-left:60px; background:url(../images/pic31.jpg) left center no-repeat #e7e7e7; height:60px; line-height:60px; margin-bottom:20px;}
.jszc .right ul li .button{ float:right; text-align:center; width:129px; height:58px; border:1px #e7e7e7 solid; border-left:none; background:#fff;}
.jszc .right ul li .button a{ padding-left:22px; background:url(../images/pic32.jpg) left center no-repeat; color:#333;}
.jszc .right ul li span{ color:#333; padding-left:20px;}
.jszc .right .page{ padding-top:15px;}

.reveal-modal-bg{ position:fixed; height:100%; width:100%; display:none; top:0; left:0; }
.reveal-modal{ visibility:hidden; top:100px; left:50%; margin-left:-190px; width:370px; background:#fff; position:absolute; z-index:101; border:2px #378ab6 solid; padding-top:52px; text-align:center; padding-bottom:50px;}
.reveal-modal span{ font-size:16px; color:#666; line-height:35px; display:inline-block;}
.reveal-modal .text{ width:225px; height:33px; border:1px #eeeeee solid; line-height:33px; margin-left:15px;}
.reveal-modal .button{ width:107px; height:34px; color:#fefefe; background:#0578b4; font-size:18px; margin-top:36px;}

.lxwm{ padding-bottom:43px;margin-top:60px;}
.lxwm .banner{ height:290px; background:url(../images/pic33.jpg) center center no-repeat;}
.lxwm .right{ width:810px; background:#fff; padding:26px 24px 0 26px;}
.lxwm .right p{ font-size:14px; color:#333; line-height:26px; padding-top:10px; padding-bottom:36px;}
.lxwm .right .map{ width:810px; height:178px;}

.ryzz{ padding-bottom:43px;}
.ryzz .banner{ height:294px; background:url(../images/pic35.jpg) center center no-repeat;}
.ryzz .right{ width:765px; background:#fff; padding:48px 49px 56px 46px;}
.ryzz .right ul li{ padding-bottom:34px;}
.ryzz .right ul li .pic{ width:358px; height:360px; position:relative; overflow:hidden;}
.ryzz .right ul li .pic p{ height:45px; line-height:45px; background:url(../images/pic37.png) repeat; position:absolute; left:0; bototm:-45px; width:100%; text-align:center; color:#fff; font-size:16px;}

.xwxx{ padding-bottom:43px;}
.xwxx .banner{ height:295px; background:url(../images/pic38.jpg) center center no-repeat;}
.xwxx .right{ width:797px; padding:38px 33px 19px 30px; background:#fff;}
.xwxx .right .title{ text-align:center; font-size:24px; color:#666; line-height:24px;}
.xwxx .right .time{ text-align:center; color:#999; line-height:49px; border-bottom:1px #dadada solid;}
.xwxx .right .time em{ padding-left:25px;}
.xwxx .right .p1{ font-size:14px; color:#666; line-height:24px; padding-top:16px; padding-bottom:12px;}
.xwxx .right .pic2{ padding-bottom:32px;}
.xwxx .right .fy{ font-size:14px; color:#999; height:50px; line-height:50px; border-top:1px #dadada solid;}
.xwxx .right .fy a{ color:#666;}
.xwxx .right .pic{ width:797px; height:456px;}

.zzxx .right{ width:782px; padding:25px 40px 48px 38px;}
.zzxx .right .tit{ font-size:18px; color:#666; background:#f1f1f1; line-height:44px; text-indent:15px;}
.zzxx .right dl{ padding-top:22px;}
.zzxx .right dl dt{ padding-bottom:17px;}
.zzxx .right dl p{ font-size:14px; color:#333; text-align:center; line-height:32px;}
.zzxx .right dl .pic img{ width:359px; height:253px;}
.zzxx .right .page{ padding-top:28px;}


.main{width:100%;padding-top:15px}
.main ul{width:100%}
.main ul li{width:24.25%;float:left;margin-right:1%}
.main ul li .cover{width:100%;padding-top:10%;padding-bottom:40%}
.main ul li .title{text-align:center;font-size:16px;color:rgb( 62, 62, 62 );padding:10px 0;color:#3e3e3e;font-weight:bold}
.main ul li:nth-child(1) .cover{background:url(../images/about.jpg) no-repeat center;background-size:100%}
.main ul li:nth-child(2) .cover{background:url(../images/new.jpg) no-repeat center;background-size:100%}
.main ul li:nth-child(3) .cover{background:url(../images/product.jpg) no-repeat center;background-size:100%}
.main ul li:nth-child(4) .cover{background:url(../images/case.jpg) no-repeat center;background-size:100%}
 .main ul li:nth-child(4){margin-right:0}   
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12/180% Arial, Helvetica, sans-serif, "新宋体";}
a{color:#666;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover{color:#ff8400;text-decoration:underline;}




a:active {color:#ff8400;}

/*在线客服*/
.keifu{position:fixed;top:40%!important;right:50px;width:131px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.icon_keifu{width:26px;height:100px;float:left;background:url(../images/keifu.png) 0 0;position:relative;display:none;cursor:pointer;}
.keifu_box{float:left;width:131px;}
.keifu_head{width:131px;height:41px;background:url(../images/keifu.png);background-position: 0 -103px;font-size:0;line-height:0;position:relative;}
.keifu_close:link,.keifu_close:visited{display:block;width:11px;height:11px;background:url(../images/keifu.png) -42px 0;position:absolute;top:5px;right:5px;}
.keifu_close:hover{background-position:-60px 0;}
.keifu_con{border-left:7px solid #029bdb;border-right:7px solid #029bdb;padding-top:15px;background:#fbfbfb;}
.keifu_con li{height:33px;padding-left:12px;}
.keifu_con .weixin{height:96px;}
.keifu_con .bt{font-size:16px;height:30px;line-height:30px;text-align:left;padding:0 0 0 20px;color:#012646;}
.keifu_bot{width:131px;height:119px;background:url(../images/keifu.png);background-position:0 -149px;}



.slider-nav{background:#f1f1f1;padding:0 10px;display:none}
.slider-nav>div{float:left;margin:0 4px}
.slider-nav>div a{color:#666;display:block;padding:10px 0px;width:100%;height:100%}
.slider-nav .on{color:#0098ca;border-bottom:1px solid #0098ca}




.c_nav{width:100%;padding:10px 20px }
.c_nav a{display:block;float:left;width:30%;text-align:center}
.c_nav a.on{ background:#0098ca;}