﻿body{ background:#fff; background-size:cover; font-size:14px; font-family:"微软雅黑"; line-height:24px; color:#303030; min-width:1000px;}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,input{ margin:0; padding:0;font-family:"微软雅黑"; }
li,img,input,em{ list-style:none; border:none; font-style:normal; margin:0; padding:0;}
a{ text-decoration:none; color:#000000;}
*{ margin:0; padding:0;}

.wrap{ width:1200px; margin:0 auto;}
.clear{ clear:both;}


.bannerbox{width:100%; background:#fff; float:left; position:relative;}

/*切换大图*/
.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:0;}
.slides{position:relative;z-index:0;height:500px;overflow:hidden;}
.slides li{height:500px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:18px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:18px;height:14px;line-height:64px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
/*左右箭头，如果不要可删除*/
.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:40px;height:40px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}


.top{width:100%; height:85px; float:left; background:url(../images/top.png) repeat-x left top; position:absolute; left:0; top:0;}
.logo{float:left; width:300px;}

.navbox{ float:right;}

.tel{float:right; display:block; clear:both; width:100%;}
.tel img{display:block; float:right;}

.nav{display:block;position:relative;z-index:1; margin-right:-20px; float:right;}
.nav .nLi{ width:120px;float:left; height:37px;text-align:center;position:relative;}
.nav .nLi span{line-height:20px; color:#fff; font-size:14px; display:block; }

.nav .nLi:hover{height:37px; background:url(../images/nli.png) no-repeat center bottom;}
.nav .non{ display:block; background:url(../images/nli.png) no-repeat center bottom;}

.nav .sub{ display:none; width:95px; left:0px; top:37px;  position:absolute; z-index:9999; text-align:center;background:rgba(1, 131, 238, 0.9) none repeat scroll 0 0 !important; background-color:#0183ee; padding-bottom:10px;}
.nav .sub li{ zoom:1; display:block; overflow:hidden; text-align:center;height:30px; padding-top:3px;}
.nav .sub a{ display:block;font-size:12px; height:30px; line-height:30px; color:#fff; overflow:hidden; background:none; text-align:center;}
.nav .sub a:hover{ background:#055ea8; }

.abox{ width:100%; background:#fff; float:left;}
.ititle{ margin:0 auto; text-align:center; padding-top:47px; }
.it1{ margin:0 auto; text-align:center; font-size:30px; line-height:48px; font-weight:bold; color:#0183ee; overflow:hidden; text-transform:uppercase;}
.it2{ margin:0 auto; text-align:center; font-size:24px; line-height:34px; padding-bottom:11px; color:#333333; overflow:hidden; background:url(../images/t1.jpg) no-repeat center bottom;}
.it3{ margin:0 auto; text-align:center; font-size:30px; line-height:48px; font-weight:bold; color:#fff; overflow:hidden; text-transform:uppercase;}
.it4{ margin:0 auto; text-align:center; font-size:24px; line-height:34px; padding-bottom:11px; color:#fff; overflow:hidden; background:url(../images/t2.jpg) no-repeat center bottom;}


.abnr{ font-size:13px; line-height:30px; color:#666666; text-align:center; overflow:hidden; padding:30px 118px;}
.amore{ margin:0 auto; text-align:center; overflow:hidden; padding-bottom:60px;}
.amore a{ width:120px; height:40px; text-align:center; color:#0183ee; line-height:40px; border-bottom:1px solid #0183ee; border-top:1px solid #0183ee; display:block; margin:0 auto;}


.pbox{ width:100%; float:left; background:url(../images/pbg.jpg) no-repeat center top;}
.pgd{ width:1200px; margin:0 auto; padding:33px 0px 52px 0px;}

.multipleColumn{ position:relative; width:1200px; margin:0 auto;zoom:1;  }
.multipleColumn .hd .prev{display:block;  width:22px; height:40px; float:left;overflow:hidden; cursor:pointer; background:url(../images/le.jpg) no-repeat left center; position:absolute; left:-70px; top:192px;}
.multipleColumn .hd .next{display:block;  width:22px; height:40px; float:right;overflow:hidden; cursor:pointer; background:url(../images/ri.jpg) no-repeat left center; right:-64px; top:192px; position:absolute; }

.multipleColumn .bd{ width:1200px; margin:0 auto; overflow:hidden;}
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:304px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin:7px; float:left; _display:inline; overflow:hidden; text-align:center;}
.multipleColumn .bd ul li .pic{ text-align:center; width:290px; height:173px; background:#fff; vertical-align:middle; position:relative; overflow:hidden; margin-bottom:1px;}
.multipleColumn .bd ul li .pic img{ max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;transition:all 0.4s;}
.multipleColumn .bd ul li .pmc{ background:#fff; text-align:center; line-height:54px; width:290px; height:54px;font-size:14px; color:#333333; display:block;transition:all 0.8s;} 
.multipleColumn .bd ul li:hover .pic img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}
.multipleColumn .bd ul li:hover .pmc{ background:#0183ee; color:#fff;}

.dummy{padding-top: 100%;}

.multipleColumn .bd ul li .pic i{display: inline-block;vertical-align: middle;height:100%;}
.multipleColumn .bd ul li .pic .ptu{text-align: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}


.nbox{ overflow:hidden; padding:40px 0px 50px 0px;}
.nimg{ width:589px; float:left; position:relative;}
.njj{ border:1px solid #d8dee0; background:#fff; position:absolute; left:29px; top:192px; width:532px; overflow:hidden;}
.nj1{ font-size:18px; line-height:38px; font-weight:bold; color:#333333; text-align:center; padding-top:14px;}
.nj2{font-size:13px; line-height:23px; color:#0183ee; text-align:center;}
.nj3{font-size:13px; line-height:30px; color:#666666; overflow:hidden; padding:16px 18px;}
.nj3 .nspan{color:#333333;}

.nlb{ width:590px; float:right; position:relative; border-top:1px solid #0183ee;}
.ntu{ width:590px; position:absolute; left:285px; top:-3px;}

.nlist{ overflow:hidden;  width:590px;}
.nlist li{overflow:hidden; padding:14px 5px; border-bottom:1px solid #e3e3e3;}
.nlist li .ntime{ font-size:18px; line-height:30px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold;}
.nlist li .ntit{ font-size:16px; line-height:33px; color:#333333; height:33px; overflow:hidden;}
.nlist li:hover .ntit{ color:#0183ee;}
.nlist .nmo{border:none;}

.nmore{width:590px; height:34px; background:url(../images/nt1.jpg) repeat-x left center; text-align:center;}
.nmore a{ background:#fff; padding:0 10px; font-size:14px; line-height:34px; color:#666666;}
.nmore:hover a{ color:#0183ee;}

.cbox{width:100%; float:left; background:url(../images/cbg.jpg) no-repeat center top;}
.contact{ overflow:hidden; padding:60px 0px 80px 0px;}
.cle{ width:552px; float:left; overflow:hidden; padding:20px; background:url(../images/cle.png) repeat left top;}
.clxwm{ width:300px; float:left; padding:67px 0px 0px 0px; font-size:13px; line-height:30px; color:#fff; overflow:hidden;}
.cl1{ font-size:18px; line-height:38px; font-weight:bold; padding-bottom:28px;}
.cmap{ width:250px; height:289px; overflow:hidden; float:right;}

.cri{ width:550px; float:right; overflow:hidden; background:url(../images/cle.png) repeat left top; padding:5px 14px;}

.zlb{width:263px; float:left; padding:5px 6px; }
.zl1{ font-size:13px; line-height:33px; color:#fff;}
.zl2{width:263px; overflow:hidden; height:40px; background:#fff; line-height:40px; border-radius:5px; font-size:13px; color:#000;}
.zsub{ margin:15px 6px 15px 6px; width:538px; background:#0183ee; height:40px; line-height:40px; border-radius:5px; font-size:13px; color:#fff;}


.foot{width:100%; float:left; background:#3a3a3a; text-align:center; font-size:13px; line-height:30px; color:#fff;  padding:24px 0px;}
.foot a{ font-size:13px; line-height:30px; color:#fff; overflow:hidden;  padding:0 11px;}



.content{width:100%; float:left; padding:30px 0px;}
.left{width:287px; float:left; overflow:hidden;}
.letit{ width:287px;background:#0183ee; text-align:center; color:#fff; font-size:24px; line-height:34px; padding:6px;}
.letit span{display:block; text-align:center; text-transform:uppercase; line-height:32px; font-size:30px; color:#3692f0; font-weight:bold;}

.div1{ width:287px; overflow:hidden;}
.div2{ width:287px; height:45px;overflow:hidden; font-size:15px; color:#333333; line-height:45px; background:#f1f1f1; margin-top:1px; text-align:center;transition:all 0.4s;}
.div2:hover{ background:#0183ee; color:#fff;}
.div3{display:none; width:285px; border:1px solid #0183ee;}

.pronav{ overflow:hidden; padding-top:5px;}
.pronav li{ height:44px; width:285px; overflow:hidden;}
.pronav li a{ display:block; width:285px; height:44px;font-size:14px; line-height:44px;color:#333333; overflow:hidden; text-align:center;}
.pronav li a:hover{ color:#0183ee;}

.lplx{ overflow:hidden; width:287px; padding:36px 0px;}
.lximg{ text-align:center;}
.lximg img{max-width:287px; height:auto;}
.lxnr{ font-size:13px; line-height:30px; color:#666666; overflow:hidden;}
.lxspan{ font-size:16px; line-height:26px; color:#333333; font-weight:bold; padding:10px 0px;}

.right{width:868px; float:right; overflow:hidden;}
.title{ border-bottom:1px solid #e3e3e3; height:36px; overflow:hidden;}
.tit1{float:right; font-size:13px; line-height:30px;color:#666666; background:url(../images/tit.jpg) no-repeat left center; padding-left:20px;}
.tit2{color:#0183ee;}


.company1{ overflow:hidden; margin:5px 0px;}
.fmc{ font-size:16px; line-height:46px; color:#333333; font-weight:bold;}
.list{ overflow:hidden; width:882px;}
.list li{ margin:16px 15px 0px 0px; float:left; _display:inline; overflow:hidden; text-align:center; border:1px solid #e5e5e5;transition:all 0.4s;}
.list li .pic{ text-align:center; width:277px; height:171px; vertical-align:middle; position:relative; overflow:hidden;}
.list li .pic img{ max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.list li .pic i{display: inline-block;vertical-align: middle;height:100%;}
.list li .pic .ptu{text-align: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}
.list li .pmc{  text-align:center; line-height:52px; width:277px; height:52px;font-size:14px; color:#333333; display:block; border-top:1px solid #e5e5e5;transition:all 0.4s;} 
.list li:hover{ border:1px solid #0183ee;}
.list li:hover .pmc{ background:#0183ee; color:#fff; border-top:1px solid #0183ee;}


.ny-product .text{font-size:14px;line-height:40px;color:#252525;text-align: center;}
.ny-product .text1{ text-align:left}
.ny-product .text2{text-align: right;}
.ny-product img{margin:20px; max-width: 700px; text-align: center;}

.projj{ padding-top:23px; text-align:center}
.proimg img{ max-width:auto; max-height:500px; auto; padding-top:3px;}
.projs{ max-width:100%; max-height: 100%;  text-align:center}
.protit{ font-size:16px; line-height:38px; height:38px; font-weight:bold; color:#2d2d2d; border-bottom:1px solid #e0e0e0;}
.pronr{ font-size:12px; line-height:32px; color:#636363; padding-top:11px;}
.pronr img{max-width:100%; max-height: auto;}
.proxx{ padding-top:38px;}

.news{ overflow:hidden;}
.news li{ width:1000px; overflow:hidden; margin-bottom:50px;}

.news li .nic{ width:299px; height:210px; background:#fff; padding:1px; border:1px solid #999999; text-align:center; vertical-align:middle; display:table-cell; overflow:hidden; position:relative; float:left;}

.news li .nic img{max-width:299px; max-height:210px; text-align:center; vertical-align:middle;}
.news li .nic .nbg{ width:299px; height:210px; background:url(../images/pbg.png) repeat left top; position:absolute; left:1px; top:1px; text-align:center; margin:0 auto; display:none;}
.news li:hover .nic{ border:1px solid #38870d;}
.news li:hover .nic .nbg{ display:block;}

.news li .njs{ width:658px; float:right; padding-right:12px; overflow:hidden; text-align:left;}
.news li .njs .nt1{ font-size:18px; line-height:24px;  height:24px; overflow:hidden; padding:12px 0px 26px 0px;}
.news li .njs .nt2{ font-size:14px; line-height:22px;  height:108px; overflow:hidden;}
.news li .njs .nt3{ font-size:14px; line-height:24px;  height:24px; overflow:hidden; padding:7px 0px;}
.news li .njs a{ color:#757575;}
.news li:hover .njs a{ color:#2e8b00;}