@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: 50px; background-color: #333;}
.header .head{ width: 1150px; height: 50px; margin: auto;}
.header .head .nav{ width: 909px; height: 50px; line-height: 50px; font-size: 14px; overflow: hidden;}
.header .head .nav li{ display: block; float: left; overflow: hidden; text-align: center; width: 101px;}
.header .head .nav li a{ color: #fff; display: block;}
.header .head .nav li a:hover{ color: #eee;}
*/

.top{ width:1150px; overflow:hidden; height:120px; margin:0 auto;}
.top .logo{ float:left;}
.top .dianhua{ float:right;}
.nav{ width:100%; height:40px; overflow:hidden; background-image:url(../images/img_07.png); background-repeat:repeat-x; }
.nav ul{ width:1150px; height:40px; margin:0 auto; overflow:hidden;}
.nav li{ font-size:16px; line-height:40px;  float:left;}
.nav li a{ color:#fff; padding:0 39px;background-image:url(../images/img_11.png); background-repeat:no-repeat; background-position:center right;}
.nav li:hover{ background-image:url(../images/img_09.png); background-repeat:no-repeat; background-position:center top;} 
.nav li:hover a{ color:#ffc600;}


.aboutbox { width:100%; height:630px; position:relative; background-color:#f1f1f1;}
.about2 { margin:0 auto; width:1150px; height:460px; background-image:url(../images/img_21.png); background-repeat:no-repeat; background-position:center center;}
.about2 .aboutbiao{ font-size:18px; color:#333; text-align:center; margin-left:420px; padding-top:70px; width:245px; padding-bottom:10px; margin-bottom:25px; background-image:url(../images/gheisebg.jpg); background-repeat:no-repeat; background-position:center bottom;}
.about2 .aboutwenzi{ text-indent:2em; font-size:14px; line-height:25px; color:#333; width:560px; height:170px; margin-left:265px; overflow:hidden;}
.about2 .aboutgengduo { margin-top:20px; margin-left:470px;width:150px; height:50px; line-height:50px; text-align:center; background-image:url(../images/img_24.png); background-repeat:no-repeat; }
.about2 .aboutgengduo a{ color:#333; width:150px; height:50px; display:block;}

.about2 .fenlei{ position:absolute; width:168px; height:auto; overflow:hidden; top:55px; left:36px;}
.about2 .fenlei li{ width:16px; margin:0 6px; float:left;}
.about2 .fenlei li a { font-size:16px; color:#333;}
.about2 .fenlei li:hover a { color:#03afef;}

/*banner*/
#full-screen-slider { width:100%; height:390px; overflow:hidden; position:relative}
#slides { display:block; width:100%; height:390px; position:relative}
#slides li { display:block; width:100%; height:390px; position:absolute; background-position:center;}
#pagination{ display: none;}

/*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:630px; 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:330px; position:absolute; left:410px; top:0;} */

/* .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 .p07{ display:block; width:450px; 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 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 */ 
/* } */
.pro{ width:1150px; height:460px; margin:50px auto; position:relative;}
.pro .p01{ display:block; width:270px; height:460px; position:absolute; left:0; top:0;}
.pro .p02{ display:block; width:270px; height:460px; position:absolute; left:293.33px; top:0;}
.pro .p03{ display:block; width:270px; height:460px; position:absolute; right:293.33px; top:0;}
.pro .p04{ display:block; width:270px; height:460px; position:absolute; right:0; top:0;}
.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 dd,#wrapper dt{ width:20%; overflow:hidden; position: relative; display:block; float:left; }
#wrapper .photo{ width:100%; height:100%; overflow:hidden;}
#wrapper img{ display:block;  width:100%;}
#wrapper .rsp{ background: rgba(0, 0, 0, 0.5); 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;}


/*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{ display:none; width:620px; text-align:center; line-height:34px; letter-spacing:0.5px; font-size:18px; color:#fff; margin:auto; padding-bottom:110px;}

/*foot*/
.footer{ padding-top:40px; background-color:#111;}
.footer .foot{ width:1150px; min-height:160px; margin:auto;}
.footer .foot .sav{ display:block; overflow:hidden;  width:230px;}
.footer .foot .sav dt{ height:38px; display:block; overflow:hidden; line-height:38px; font-size:18px; color:#fff;}
.footer .foot .sav dd{ display:block; height:30px; line-height:30px; font-size:14px;}
.footer .foot .sav dd a{ color:#fff;}
.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-n{  color:#fff; line-height:40px;font-size:14px; width:100%; height:40px;background-color:#111; text-align:center;}
.footer  .foot-n a{ color:#fff;}
.dibu{ width:100%; height:28px; line-height:28px; font-size:14px; padding-top:2px; background-image:url(../images/foot.jpg); background-position:left top; background-repeat:repeat-x; background-color:#111;}
.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:300px; position:relative;}
.banner img{ width:1920px; height:300px; 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{ 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;}

/*联系我们*/
.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; height:20px;}
.fanye a,.fanye span{ margin:0 6px;} 
.fanye a{ color:#333;}
.fanye a:hover,.fanye span{ color:#0089bc;}

/*新闻内页*/
.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; display:none;}
.case li .more{ height:30px; line-height:30px; color:#333; font-size:14px; display:none;}
.case li .title01:hover,.case li .more:hover{ color:#0089bc;}

/*产品*/
.chanp{ width:100%;}
.chanp li{ width:16.66666%; display:block; float:left; overflow:hidden; }
.chanp li a{ width:100%; height:auto; overflow:hidden; display:block; position:relative; }
.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; height:290px; 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:192px;}
.list li strong img{ width:100%; height:190px; display:block;} 
.list li h1{ width:250px; margin: auto; text-align:center; font-weight:normal; height: 48px; overflow: hidden; line-height:24px; border-bottom: 1px solid #cacaca; color:#333; font-size:16px;}
.list li h2{ 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:none; width:20px; overflow:hidden; margin:auto; position: absolute; bottom: 10px; left: 120.5px;}
.list li span img{ display:block; width:100%;}
.list li:hover{ border:2px solid #0089bc;}
.list li:hover span{ display:block;}
.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;}
.chanpin .tup img{ width:100%; display:block;}
.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; max-height: 68px; width:100%; overflow:hidden; color:#666;}
.chanpin .xiang dd a{ font-size:16px; color:#0089bc;}

.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;}

.news1{ width:1180px; display:block;}
.news1 li{ display:block; margin-top:30px; margin-right:30px; overflow:hidden; width:560px; float:left;}
.news1 li .left{ text-align:right; width:90px; height:100px; padding-right:10px; background-color:#0089bc; float:left;}
.news1 li .left p{ display:block; height:30px; line-height:30px; font-size:26px; padding-top:19px; color:#fff;}
.news1 li .left span{ display:block; height:42px; line-height:42px; font-size:16px; color:#fff;}
.news1 li .right{ width:400px; height:140px; background-color:#f7f7f7; float:left; padding:22px 30px;}
.news1 li .right a{ display:block; height:34px; line-height:34px; font-size:18px; font-weight:bold; color:#333; overflow:hidden;}
.news1 li .right p{ width:100%; display:block; font-size:14px; line-height:24px; height:96px; overflow:hidden; padding-top:6px; color:#666;}
.news1 li:hover .right a{ color:#0089bc;}