@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:none; font-family:"微软雅黑"; outline:none;}
a{ text-decoration:none;}
dl,li,ol,dt,dd,ul{ list-style:none;}
input{ cursor:pointer;}
html,body{ width:100%; height:100%;}

.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display: none !important;}

/*header
.header{ width:1150px; margin:auto; padding:18px 0; height:84px;}
.header .logo{ width:745px; height:84px;}
.header .logo img{ height:84px; display:block;}
.header .tel{ width:268px; height:84px;}
.header .tel img{ height:84px; display:block;}
*/

/*nav
#menu{ width:100%; height:40px; background-image:url(../images/navbg.jpg); background-position:left center; background-repeat:repeat-x;}
#menu .nav{ width:1150px; margin:auto;}
#menu .nav ul{ width:1152px; height:40px;}
#menu .mainlevel{ width:126px; position: relative; padding-right:2px; display:block; float:left; background-image:url(../images/nav.jpg); background-position:right center; background-repeat:no-repeat; height:40px; line-height:40px; text-align:center;}
#menu .mainlevel a{ color:#fff; font-size:16px; display:block; width:126px; height:40px;}
#menu .mainlevel:hover a{ background-image:url(../images/navh.jpg); background-position:top center; background-repeat:no-repeat; color:#ffc600;}
#nav .mainlevel ul { width: 126px !important; display:none; height: auto; overflow: hidden; position:absolute; z-index: 99999;}
#nav .mainlevel li { display: block; border-top:1px solid #fff; height: 32px; line-height: 32px; font-size: 14px; background:#1553c0; width:126px; text-align:center; padding-right: 0;}
#nav .mainlevel ul li a{ display: block; color: #fff !important; background-image: none !important; font-size: 14px;}
#nav .mainlevel ul li:hover a{ background-image: none !important; color: #ffc600 !important; height: 32px; line-height: 32px;}
*/

.header{ width: 100%; height:80px; background-color:#3966f8;}
.header .head{ width: 1150px; height:80px; margin: auto;}
.header .head .logo{ padding-top:15px;}
.header .head .logo img{ height:50px; display:block;}
.header .head .nav{ height: 80px; line-height: 80px; font-size: 14px; overflow: hidden;}
.header .head .nav li{ display: block; float: left; overflow: hidden; text-align: right; margin-left:20px; font-size:17px;}
.header .head .nav li a{ color: #fff; display: block;}
.header .head .nav li a:hover{ color: #eee;}

/*banner*/
#full-screen-slider { width:100%; height:100%; overflow:hidden; position:relative}
#slides { display:block; width:100%; height:100%; position:relative; z-index:1;}
#slides li { display:block; width:100%; height:100%; position:absolute; background-position:center; background-repeat:no-repeat; background-size:cover;}
#pagination{ display:block; width:100%; text-align:center; position:absolute; left:0; bottom:20px; z-index:9; margin:0 !important;}
#pagination li{ display:inline-block; width:10px; height:10px; background-color:rgba(0,0,0,.7); border-radius:100%; overflow:hidden; margin:0 5px; cursor:pointer;}
#pagination li.current{ background-color:#0089bc;}
#pagination li a{ text-indent:9999999px; opacity:0;}

/*about*/
.guwm{ text-align: center; width: 600px; padding-left: 240px; padding-right: 310px; height: 460px; margin: auto; margin-bottom: 50px; background-image:url(../images/about.jpg); background-position:left top; background-repeat: no-repeat;}
.guwm .gy{ width: 600px; background-image:url(../images/line.png); background-position:center bottom; background-repeat: no-repeat; padding-top: 58px; height: 42px; line-height: 42px; font-size: 18px;}
.guwm .qw{ width: 600px; padding-top: 22px; font-size: 14px; line-height: 24px; height: 168px;}
.guwm .mo{ width: 150px; margin: auto; height: 50px; line-height: 50px; font-size: 14px; margin-top: 50px; background-image:url(../images/more.png); background-position:center; background-repeat: no-repeat;}
.guwm .mo a{ color: #333;}
.guwm .mo:hover a{ color:#0089bc;}

/*pro*/
section{ width:100%; overflow:hidden;}
section .title{ width:100%; text-align:center; height:72px; text-align:center; padding-top:50px;}
section .title img{ height:72px; text-align:center;}

.pro{ width:1150px; height:430px; margin:auto; position:relative; margin-top:30px; margin-bottom:50px;}
/*.pro .p01{ display:block; width:400px; height:330px; position:absolute; left:0; top:0;}
.pro .p02{ display:block; width:280px; height:160px; position:absolute; left:410px; top:0;}
.pro .p03{ display:block; width:280px; height:160px; position:absolute; left:410px; top:170px;}
.pro .p04{ display:block; width:340px; height:290px; position:absolute; left:0; bottom:0;}
.pro .p05{ display:block; width:340px; height:290px; position:absolute; left:350px; bottom:0;}
.pro .p06{ display:block; width:220px; height:160px; position:absolute; left:700px; top:0;}
.pro .p07{ display:block; width:220px; height:160px; position:absolute; right:0; top:0;}
.pro .p08{ display:block; width:450px; height:360px; position:absolute; right:0; top:170px;}
.pro .p09{ display:block; width:220px; height:90px; position:absolute; left:700px; bottom:0;}
.pro .p10{ display:block; width:220px; height:90px; position:absolute; right:0; bottom:0;}*/
.pro a{ display:block; width:376px; height:210px; float:left; overflow:hidden; margin-bottom:10px; position:relative;}
.pro a p{ width:0; height:0; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-color:rgba(78,187,254,.7); display:block; overflow:hidden;}
.pro a p span{ display:block; width:376px; padding:20px; box-sizing:border-box; text-align:center; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); color:#fff; font-size:22px;}
.pro a:hover p{ width:100%; height:210px;}
.pro .p02{ margin:0 11px;}
.pro .p05{ margin:0 11px;}
.pro a img{    
	overflow:hidden;
	z-index:1;
	width:100%;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.pro a:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}

/*case*/
#wrapper{ width:100%; overflow:hidden; padding-top:30px;}
#wrapper .photo{ width:100%; height:100%; overflow:hidden;}
#wrapper img{ display:block;  width:100%; margin:auto;}
#wrapper .rsp{ background: rgba(0, 0, 0, 0.7); height:100%; left: 0; position: absolute; top:0; width:100%; z-index:200;}
#wrapper .text{ position:absolute; text-align:center; font-size:22px; z-index:999; color:#fff; width:100%; height:40px; line-height:40px; left:0; top:-40px; margin-top:-20px; overflow:hidden; padding:0 20px; box-sizing:border-box;}
#wrapper dd,#wrapper dt{ border-top: 1px solid #cacaca; border-left: 1px solid #cacaca; box-sizing:border-box; width:20%; height:20vw; overflow:hidden; position: relative; display:block; float:left;}
#wrapper dd a,#wrapper dt a{ width:100%; height:100%; display:flex; align-items:center; overflow:hidden;}

/*ser*/
.ser{ width:1146px; padding:80px 0; margin:auto;}
.ser li{ width:222px; margin:0 80px; height:240px; display:block; overflow:hidden; float:left;}
.ser li img{ width:100%; display:block;}
.fw{ width:720px; text-align:center; line-height:34px; letter-spacing:0.5px; font-size:18px; color:#fff; margin:auto; padding-bottom: 50px;}

/*foot*/
.footer{ padding-top:20px; background-color:#3966f8;}
.footer .foot{ width:1150px; margin:auto; padding-bottom:10px;}
.footer .foot .sav{ display:block; width:400px;}
.footer .foot .sav dd{ height:38px; display:block; overflow:hidden; line-height:38px; font-size:18px; color:#fff;}
.footer .foot .sav dt{ display:block; color:#fff; position: relative;}
.footer .foot .sav dt a{ display: block; color: #fff; font-size:16px; line-height:30px;}
.footer .foot .sav p{ width:320px; display:none; overflow: hidden; position: absolute; left:80px; top:3px; z-index: 999;}
.footer .foot .sav p a{ color:#ddd !important; font-size: 14px; line-height:24px; height:24px; float:left; margin-right:15px;}
.footer .selected p{ display: block !important;}
.footer .foot .sav p a:hover{ color: #fff !important;}
.footer .foot .sav dt:nth-child(6) p{ top:auto; bottom:3px;}
.footer .foot .sav dt:nth-child(7) p{ top:auto; bottom:3px;}

.footer .foot .sav01{ overflow:hidden; width:355px;}
.footer .foot .sav01 dt{ height:38px; display:block; overflow:hidden; line-height:38px; font-size:18px; color:#fff;}
.footer .foot .sav01 dd{ display:block; font-size:14px;}
.footer .foot .sav01 dd p{ color:#fff; line-height:30px;}
.footer .foot .sav01 dd h1{ width:145px; margin-right:20px; float:left; overflow:hidden; padding-top:10px; font-weight: normal;}
.footer .foot .sav01 dd h1 strong{ display:block; width:100%; overflow:hidden;}
.footer .foot .sav01 dd h1 strong img{ display:block; width:100%;}
.footer .foot .sav01 dd h1 span{ width:100%; display:block; color:#fff; font-size:14px; text-align:center; height:32px; line-height:32px; overflow:hidden;}

.footer .foot .sav02{ overflow:hidden; width:320px;}
.footer .foot .sav02 dt{ height:38px; display:block; overflow:hidden; line-height:38px; font-size:18px; color:#fff;}
.footer .foot .sav02 dd{ display:block; width:320px; overflow: hidden; margin-top: 10px;}
.footer .foot .sav02 dd strong{ display:block; padding: 0 10px; width: 200px; height: 30px; background-color: #fff;}
.footer .foot .sav02 dd strong input{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #333; display: block; background-color: #fff;}
.footer .foot .sav02 dd p{ display:block; width: 320px; height: 72px; background-color: #fff;}
.footer .foot .sav02 dd p textarea{ width: 300px; padding: 0 10px; height: 72px; line-height: 24px; overflow: hidden; font-size: 14px; color: #333; display: block; background-color: #fff;}
.footer .foot .sav02 dd a{ width: 120px; height: 30px; display: block; background-color: #0089bc; text-align: center;}
.footer .foot .sav02 dd a input{ display: block; width: 120px; height: 30px; display: block; background-color: #0089bc; text-align: center; font-size: 14px; color: #fff;}

.dibu{ width:100%; height:40px; line-height:40px; font-size:14px; background-color:#144bff;}
.dibu .di{ width:1150px; height:28px; margin:auto;}
.dibu .di span{ display:block; float:left; color:#fff;}
.dibu .di p{ display:block; float:right; color:#fff;}
.dibu .di p a{ color:#fff;}


/*内页*/
.banner{ width:100%; height:400px; position:relative;}
.banner img{ width:1920px; position:absolute; left:50%; margin-left:-960px; top:0;}

.biaobox{ width:100%; height:40px; line-height:40px; background-color:#f1f1f1;}
.biao{ width:1150px; height:40px; margin:auto;}
.biaot{ overflow:hidden; height:40px;}
.biaot li{ height:40px; line-height:40px; display:block; float:left; text-align:center; font-size:14px; overflow:hidden;}
.biaot li a{ display:block; color:#333; min-width:80px; padding: 0 10px;}
.biaot li a:hover,.biaot li .xuan,.biaot .xuan a{ background-color:#0089bc; color:#fff;}
.wei{ font-size:14px; color:#333;}
.wei a{ color:#333;}
.wei a:hover,.wei span{ color:#0089bc;}

.bt{ width:100%; height:40px; line-height:40px; padding-top:40px; margin:auto; background-image:url(../images/line.jpg); background-position:center bottom; background-repeat:no-repeat; color:#333; text-align:center; font-size:24px; padding-bottom:2px;}

.content{ width:1150px; margin:auto; padding-top:30px; padding-bottom:70px; min-height:400px;}

/*关于我们*/
.txt{ width:1150px; margin:auto; font-size:14px; line-height:30px; color:#333;}
.txt iframe{ display:block; width:100%; height:498px; margin-top:20px;}
.txt video{ display:block; width:100%; margin-top:20px;}

/*联系我们*/
.lx{ width:480px; overflow:hidden; padding-top:10px;}
.lx dd{ font-size:16px; line-height:30px; color:#333;}
.lx dt{ overflow:hidden;}
.lx dt span{ width:145px; margin-right:30px; display:block; float:left; overflow:hidden;}
.lx dt span img{ width:100%; display:block;}
.lx dt span a{ width:100%; text-align:center; font-size:14px; line-height:24px; height:24px; color:#333; display:block;}

/*新闻*/
.news{ width:1150px; margin:auto; margin-top:-20px;}
.news li{ width:1150px; height:190px; padding:20px 0; overflow:hidden; border-bottom:1px solid #cacaca;}
.news li .time{ width:100px; height:86px; padding:7px 0; overflow:hidden; margin-top:45px; background-image:url(../images/time.jpg); background-position:center; background-repeat:no-repeat;}
.news li .time span{ display:block; width:100px; text-align:center; font-size:36px; color:#fff; height:50px; line-height:50px; text-align:center;}
.news li .time a{ display:block; width:100px; text-align:center; font-size:18px; color:#fff; height:36px; line-height:36px; text-align:center;}
.news li .tu{ width:330px; height:190px; overflow:hidden; margin:0 20px;}
.news li .tu a{ display:block; overflow:hidden;}
.news li .tu a img{ width:100%; display:block;}
.news li .wen{ width:680px; height:190px; overflow:hidden;}
.news li .wen .bi{ width:680px; font-size:18px; height:38px; line-height:38px; color:#333; overflow:hidden; display:block;}
.news li .wen .zi{ width:680px; font-size:14px; height:120px; line-height:24px; color:#666; overflow:hidden;}
.news li .wen .more{ width:680px; font-size:14px; height:32x; line-height:32px; color:#333; overflow:hidden; display:block;}
.news li .wen .bi:hover,.news li .wen .more:hover{ color:#0089bc;}

.fanye{ width:100%; text-align:center; padding-top:30px; font-size:14px; line-height:20px;}
.fanye .active{ display:inline-block; margin-right:5px; min-width:16px; padding:3px 5px; height:20px; line-height:20px; display: inline-block; text-align: center; vertical-align:middle; border:1px solid #34A0CE; background-color:#34A0CE; color:#fff;}
.fanye a{ display:inline-block; margin-right:5px; min-width:16px; padding:3px 5px; height:20px; line-height:20px; display: inline-block; text-align: center; vertical-align:middle; border:1px solid #cad2da;}
.fanye a:hover{ border: 1px solid #999}
.table-page form{ display:inline-block; text-align:right;}
.gotopage .gotopage-text{ border:1px solid #cad2da; margin:0px 3px; width:80px; padding:3px 10px; height:20px; line-height:20px; display: inline-block; text-align: center; vertical-align:middle;}
.gotopage .gotopage-text:hover{ border: 1px solid #999}
.gotopage button{ margin-left: 5px; height:28px; line-height:28px; display:inline-block; width:46px; text-align:center;}
.fanye li{ display:inline-block;}

/*新闻内页*/
.tou{ text-align:center; font-size:18px; color:#0089bc; line-height:40px;}
.sj{ font-size:14px; text-align:center; line-height:20px; color:#666; margin-bottom:10px; border-bottom:1px solid #e1e1e1; margin:auto; width:1150px; padding-bottom:10px; margin-bottom:10px;}
.txt img{ max-width:100%;}
.back{ width:1150px; margin:auto; margin-top:30px; border-top:1px solid #cacaca; padding-top:10px;}
.back .pre{ font-size:14px; color:#333; line-height:24px;}
.back .pre a{ color:#333;}
.back .pre a:hover{ color:#0089bc;}
.back .fh a{ color:#0089bc; font-size:14px;}

/*案例*/
.case{ width:1180px; margin-top:-20px;}
.case li{ width:265px; margin-right:30px; margin-top:20px; overflow:hidden; float:left;}
.case li .tp{ width:265px; display:block; height:200px;}
.case li .tp img{ width:100%; display:block;}
.case li .title01{ width:265px; height:36px; line-height:36px; font-size:18px; text-align:center; display:block; color:#333; border-bottom:1px solid #cacaca;}
.case li .txts{ width:265px; height:96px; padding-top:4px; line-height:24px; font-size:14px; color:#666;}
.case li .more{ height:30px; line-height:30px; color:#333; font-size:14px; display:block;}
.case li .title01:hover,.case li .more:hover{ color:#0089bc;}

/*产品*/
.chanp{ width:100%;}
.chanp li{ width:20%; display:block; float:left; overflow:hidden; height:12.92rem;}
.chanp li a{ width:100%; height:auto; overflow:hidden; display:block; position:relative; height:12.92rem;}
.chanp li img{ width:100%; display:block;}
.chanp li span{ width:100%; height:19.92rem; display:block; position:absolute; left:0; top:0; background-position:top left; background-image:url(../images/mask.png); background-repeat:repeat; z-index:99999; display:block;}
.chanp li span img{ display:none;}
.chanp li:hover span,.chanp .xuan span{ background-image:url(../images/mask01.png);}
.chanp li:hover span img,.chanp .xuan span img{ display:block;}

.navp{ width:100%; height:40px; padding-top:10px; background-color:#fff; background-image:url(../images/line01.jpg); background-position:bottom left; background-repeat:repeat-x; text-align:center;}
.navp li{ display:inline-block; margin:0 20px; height:40px; line-height:40px; font-size:14px; text-align:center;} 
.navp li a{ color:#333; height:40px; line-height:40px;}
.navp li:hover,.navp .xuan{ background-image:url(../images/line.jpg); background-position:center bottom; background-repeat:no-repeat;}
.navp li:hover a,.navp .xuan a{ color:#0089bc;}

/*产品*/
.list{ width:1180px; margin:auto;}
.list li{ width:261px; border:2px solid #fff; padding-bottom:5px; background-color:#fff; margin:0 15px; margin-top:30px; overflow:hidden; float:left; position: relative;}
.list li strong{ width:261px; display:block; overflow:hidden; height:261px;}
.list li strong img{ width:100%; display:block;} 
.list li h1{ width:250px; margin: auto; text-align:center; font-weight:normal; height: 24px; overflow: hidden; line-height:24px; color:#333; font-size:16px; margin-top:10px;}
.list li h2{ display:none; width:250px; margin: auto; text-align:center; font-weight:normal; max-height: 44px; margin-top: 10px; overflow: hidden; line-height:22px; color:#666; font-size:14px;}
.list li span{ display:block; opacity:0; width:20px; overflow:hidden; margin:15px auto;}
.list li span img{ display:block; width:100%;}
.list li:hover{ border:2px solid #0089bc;}
.list li:hover span{ opacity:1;}
.list li:hover h1{ color:#0089bc;}

/*cpny*/
.chanpin{ width:1150px; margin:auto; padding-top:30px;}
.chanpin .tup{ width:540px; overflow:hidden; border:1px solid #cacaca; height:340px; text-align:center;}
.chanpin .tup img{ height:100%; margin:auto; text-align:center;}
.chanpin .xiang{ width:560px; overflow:hidden;}
.chanpin .xiang dt{ height:50px; line-height:50px; font-size:18px; color:#0089bc; border-bottom:1px dashed #cacaca; width:100%; overflow:hidden; margin-bottom:10px;}
.chanpin .xiang dd{ font-size:14px; line-height:34px; width:100%; overflow:hidden; color:#666;}
.chanpin .xiang dd a{ font-size:16px; color:#0089bc;}
.chanpin .xiang dd img{ display:block; max-width:100%;}

.jian{ width:1150px; border-bottom:1px solid #cacaca; height:34px; margin:auto; padding-top:30px; margin-bottom:10px;}
.jian span{ display:block; width:120px; height:34px; float:left; line-height:34px; background-color:#0089bc; font-size:16px; color:#fff; text-align:center;}
.jian a{ display:block; float:right; font-size:14px; line-height:34px;color:#0089bc;}

#hide{ text-align: center; display: block; position:absolute; right:10px; top: 5px; font-size: 14px; color: #fff;}
.dian{ display: none; width:100%; position:fixed; bottom:0; left:0; z-index:9999999;}
.dian img{ display:block; width:100%; margin:auto;}
.dian div{ width: 100%; position: relative; overflow: hidden;}
#hide:hover{ cursor: pointer;}
.sssss img{ visibility: hidden; width: 100%; display: block;}

.par{ width: 1172.5px; display: block;}
.par li{ width: 212px; display: block; margin-top: 20px; float: left; margin-right: 22.5px;}
.par li h1{ width: 200px; height: 130px; padding:5px; border: 1px solid #cacaca; display: block; overflow: hidden;}
.par li h1 img{ width: 100%;}
.par li p{ width: 100%; height: 24px; font-size: 14px; text-align: center; display: block; line-height: 24px; color: #333;}

.mess{ width:100%; padding:13px 0; background-color:rgba(0,23,96,0.7); position:fixed; left:0; bottom:0; z-index:999;}
.mess #formfoot{ width:1150px; margin:auto; height:34px;}
.mess #formfoot .bts{ float:left; height:34px; font-size:14px; line-height:34px; width:130px; color:#fff;}
.mess #formfoot .sq{ float:left; height:34px; width:1020px;}
.mess #formfoot .sq dt{ float:left; display:block; width:170px; height:34px; display:block; margin-right:10px;}
.mess #formfoot .sq dd{ float:left; display:block; width:120px; height:34px; display:block;}
.mess #formfoot .sq dt input{ display:block; width:100%; box-sizing:border-box; padding:0 10px; height:34px; line-height:34px; font-size:14px; color:#333; background:#fff;}
.mess #formfoot .sq dt textarea{ display:block; width:100%; box-sizing:border-box; padding:0 10px; height:34px; line-height:34px; font-size:14px; color:#333; background:#fff;}
.mess #formfoot .sq dd input{ width:100%; height:34px; line-height:34px; text-align:center; font-size:14px; display:block; background-color:#0089bc; color:#fff;}