.wrap{width:1200px;margin:0 auto;}
.top{width:100%;height:28px;line-height:28px;background: #eeeeee;}
.top p,.top a{font-size:12px;color:#666;}

.header{width:100%;height:130px;}
.header .wrap{position: relative;}
.header .logo,.header .text{margin:24px 0;}
.header .right{margin:25px 0;position: absolute;right:0;}
.header .text p.first{font-size:36px;color:#333;}
.header .text span{font-size:18px;color:#666;}
.header .search{width:335px;height:48px;}
.header input{width:75%;height:46px;border: 1px solid #ccc;padding-left: 5px;font-size:14px;float: left;}
.header button{width:22%;height:100%;border:none;background: url(../img/search.png) no-repeat center center;background-color: #2dbc48;font-size:14px;float: left;}
.header .contact{margin-top:10px;}
.header .contact span{color:#0093dc;}

.nav{width:100%;height:50px;line-height:50px;background: #1161c0;}
.nav ul{height:50px;}
.nav li{float: left;height:100%;margin:0 10px;}
.nav li a{padding:0 30px;color:#fff;font-size:18px;border-right:1px solid #fff;}
.nav li.active{background: #2dbc48;}
.nav li:hover{background: #2dbc48;}
.nav .fr img{vertical-align: middle;margin-left:10px;}

.banner,.bannerslide{width:100%;position:relative;overflow: hidden;}
.banner-slide{position:relative;display: none;}
.bannerslide .active{display: block;}
.banner .dots {width: 100%;height: 16px;position: absolute;bottom: 20px;left: 0;text-align: center;}
.banner .dots span{display: inline-block; width:15px; height:15px; border-radius: 50%; background:rgba(7,17,27,0.4); box-shadow:0 0 0 2px rgba(255,255,255,0.8)  inset;margin-left:8px;cursor:pointer;}
.banner .dots  span.hover{box-shadow: 0 0 2px rgba(7,17,27,0.4) inset;background: #009944;}
.banner .button{ position: absolute;transform: rotate(180deg); top: 50%;left: 10px; height: 80px; width: 40px; margin-top: -40px; background: url(../img/arrow.png) center center no-repeat;}
.banner .button:hover{background-color:#333;opacity: 0.8;filter:alpha(opacity=80);}
.banner .next{ transform: rotate(0deg); left: auto; right: 10px;}

.hotsale{background: #eeeeee;padding:40px 0 80px;}
.common .title{text-align: center;margin-bottom:50px;}
.common .title .toptitle{display: flex;justify-content: center;align-items: center;}
.common .title span.long{width:70px;height:2px;background: #1161c0;display: inline-block;float:left;vertical-align: bottom;}
.common .title span.short{width:30px;height:2px;background: #2dbc48;display: inline-block;float:left;vertical-align: bottom;}
.common .title span.item{font-size:32px;color:#000;}
.common .title p{font-size:18px;color:#666;}
.hotsale .productlist{position:relative;}
.hotsale .productlist  ul{width:1080px;text-align: center;margin:0 auto;}
.hotsale .productlist li{float:left;width:250px;background:#fff;margin:0 10px;height: 350px}

.hotsale .productlist .text{padding:15px 20px 30px;}
.hotsale .productlist .text p.item{font-size:24px;text-align: center;}
.hotsale .productlist .button{}
.hotsale .productlist .button a{position: absolute;display: block;width:28px;height:50px;top:50%;margin-top:-25px;}
.hotsale .productlist .button a.prev{background: url(../img/left.png) no-repeat center center;left:0;}
.hotsale .productlist .button a.next{background: url(../img/right.png) no-repeat center center;right:0;}

.tj{padding:45px 0;background: url(../img/bn_02.jpg) no-repeat top center;width:100%;text-align: center;background-size:cover;}
.tj li{float:left;width:275px;margin:0 33px 30px 0;background: #fff;padding:20px 45px 22px 25px;box-sizing:border-box;height:330px;}
.tj li img{height:180px;}
.tj li:nth-of-type(4n){margin-right:0;}
.tj li span.line{height:1px;display: inline-block;background: #666;}
.tj li a{display: block;width:120px;height:35px;line-height:35px;border-radius:20px;color:#fff;font-size:14px;text-align: center;margin-top:15px;background: url(../img/sj.png) no-repeat right 10px center;background-color: #1161c0;}
.common a.more{width:140px;height:50px;line-height:50px;text-align: center;border-radius:20px;border:1px solid #fff;display: inline-block;margin:0 auto;font-size:18px;color:#fff;}

.about{padding:50px 0 100px;background: #eee;}
.notice .noticetitle{border-bottom:1px solid #999;}
.notice .noticetitle span{font-size:26px;color:#000;margin-left:5px;}
.notice .noticetitle  a{font-size:18px;color:#999;}
.notice li{padding:10px 0;border-bottom:1px solid #999;}
.notice li span.data{margin-left:20px;font-size:24px;color:#333;}
.notice li span.notice{width:55px;height:25px;display: inline-block;line-height:25px;color:#fff;background: #2dbc48;font-size:18px;margin:0 25px 0 15px;text-align: center;}
.notice li a{font-size:24px;color:#07519a;}
.about .our{margin-top:70px;}
.about .our .fr{width:45%;}
.about .our p.title{font-size:26px;text-align: left;margin-bottom:20px;color:#000;}
.about .our  span.line{width:35px;height:1px;display: inline-block;background: #000;}
.about .our p{color:#999;}
.about .our a.more{background: #1161c0;margin-top:30px;}

.footer{width:100%;background: #1161c0;}
.footer .wrap .fn-clear{padding:15px 0;}
.footer .wrap .fl{width:16%;margin-right:4%;}
.footer .wrap .fl:nth-of-type(2){width:48%;margin-right:4%;}
.footer .wrap .fl:nth-of-type(2) li:not(:first-child){float:left;width:33%;}
.footer .wrap a{color:#fff;}
.footer .wrap .fl li:first-child a{font-size:18px;display: inline-block;}
.footer .wrap .fl li:first-child{border-bottom:1px solid #999;}
.footer .wrap .fl li{padding:5px 0;}
.footer .wrap .fr{width:28%;}
.footer .wrap .fr a{font-size:18px;color:#fff;}
.footer .wrap .fr>div{padding:10px 0;}
.footer .wrap .fr>div span{font-size:14px;color:#fff;margin-left:10px;}
.footer .wrap .fr>div.phone span{font-size:30px;color:#2dbc48;font-weight: bold;}
.footer .copy{border-top:1px solid #999;text-align: center;}
.footer .copy p{color:#fff;padding:2px 0;}
.footer .copy .icon img{margin:0 10px;}

.submenu{width:100%;height:40px;line-height:40px;background: #eeeeee;}
.submenu a,.submenu i{color:#1161c0;}


.aboutus{padding:15px 0 75px;}
.aboutus .left{width:25%;}
.aboutus .left ul{border:1px solid #1161c0;}
.aboutus .left li.sub{font-size:18px;font-weight: bold;color:#fff;background: url(../img/menu.png) no-repeat left 10px center;background-color: #1161c0;}
.aboutus .left li.sub a{color:#fff;margin-left:45px;}
.aboutus .left li a{color:#2872cb;font-size:18px;}
.aboutus .left li{width:100%;height:44px;line-height:44px;}
.aboutus .left li:nth-of-type(2){border-bottom:1px solid #ccc;}
.aboutus .left li img{vertical-align: middle;margin:0 20px 0 30px;}
.aboutus .right{width:72%;}
.aboutus .right> p{padding:40px 0 20px;}

.recurit{padding:25px 0 200px;}
.recurit table{width:1200px;border:1px solid #ccc;}
.recurit table tr{height:50px;line-height:50px;}
.recurit table tr.title th{color:#fff;font-size:20px;text-align: center;}
.recurit table tr td{color:#666;font-size:18px;text-align: center;}
.recurit table tr:nth-of-type(odd){background: #eee;}
.recurit table tr.title{background: #2dbc48;}
.recurit table tr.sub{background: #fff;}
.recurit table tr.sub .info,.recurit table tr.sub .site{text-align: left;}
.recurit table tr.sub .info{padding:25px 50px;border-bottom: 1px solid #ccc;}
.recurit table tr.sub  span{color:#333;font-size:18px;}
.recurit table tr.sub  p{color:#666;font-size:18px;}
.recurit table tr.sub .info div.fr{width:90%;}
.recurit table tr.sub .site{border-top: 1px solid #ccc;padding:25px 50px;}
.recurit table tr td a.butonclick{display: inline-block;background:url(../img/look1.png) no-repeat left 5px center;width:80px;}
.recurit table tr td a.cur{background:url(../img/look2.png) no-repeat left 5px center;display: inline-block;width:80px;}

.box{padding:30px 0 55px;}
.box .title{padding-bottom:30px;border-bottom:1px solid #999;}
.box .title span{font-size:32px;margin-left:5px;}
.box  li{border-bottom:1px solid #999;padding:15px 0;}
.box  li div.data{font-size:24px;color:#333;border-right:1px solid #999;padding-right:20px;}
.box  li div.item{font-size:24px;color:#07519a;margin-left:20px;}
.box  li div.item span{width:50px;height:30px;line-height: 30px;background: #2dbc48;color:#fff;display: inline-block;text-align: center;margin-left:5px;}

.detail{padding:50px 0 80px;}
.detail .title{text-align: center;}
.detail .title p{font-size:36px;color:#333;}
.detail .title span{font-size:18px;color:#666;}
.detail .text{margin-top:40px;}
.detail .text p.first{text-indent:0;}
.detail .text p{font-size:18px;color:#666;line-height:48px;text-indent:40px;}
.detail .tz{margin-left:600px;}
.detail .tz p{font-size:18px;color:#666;line-height:48px;}
.detail .info{margin-top:20px;}
.detail .info span{width:75px;height:28px;line-height:28px;border:1px solid #ccc;display: inline-block;text-align: center;margin-right:15px;}
.detail .info a{font-size:18px;}
.detail .info .fl{margin-right:100px;}

.product{padding:20px 0 90px;}
.product .wrap >.fl{width:25%;}
.product .fl .search{width:100%;height:50px;background: #1161c0;border-top-left-radius:10px;
border-top-right-radius:10px;}
.product .fl .search .fn-clear{width:80%;margin:0 auto;height:28px;padding-top:10px;}
.product .fl .search .fn-clear input{width:78%;float: left;height:100%;border:none;padding-left:5px;}
.product .fl .search .fn-clear button{width:18%;background: url(../img/search.png) no-repeat center center;background-color:#2dbc48;height:100%;float: left;}
.product .fl .menu{background: #e7eff9;padding:10px 0 35px 35px;border-bottom-right-radius:10px;
border-bottom-left-radius:10px;}
.product .fl .menu ul{margin-bottom:20px;}
.product .fl .menu ul li,.product .fl .menu ul li a{font-size:18px;color:#1161c0;margin-left:20px;}
.product .fl .menu ul li:first-child{font-weight:bold;font-size:20px;}
.product .fl .menu ul li img{vertical-align: middle;}
.productlist .tab .fn-clear .fl img:hover{-webkit-box-shadow: #e2ecf7 0 0 10px 10px; 
   -moz-box-shadow: #e2ecf7 0 0 10px 10px;   
   box-shadow: #e2ecf7 0 0 10px 10px;}
.product .wrap > .fr{width:70%;}
.productlist .tab{width:48%;margin-right:4%;box-sizing:border-box;float:left;margin-bottom:30px;}
.productlist .tab:nth-of-type(2n){margin-right:0;}
.productlist .tab .title span{font-size:18px;margin-left:15px;color:#1161c0;}
.productlist .tab  .fn-clear{border-right:1px dashed #1161c0;border-bottom:1px dashed #1161c0;padding:30px 0;height:180px;}
.productlist .tab  .fn-clear .fl{width:39%;}
.productlist .tab  .fn-clear .fl img{width:150px;height:150px;}
.productlist .tab  .fn-clear .fr{width:55%;}
.productlist .tab  .fn-clear .fr li{background: url(../img/circle3.png) no-repeat left center;}
.productlist .tab  .fn-clear .fr li a{font-size:18px;color:#1161c0;margin-left:20px;}

.list{margin-top:10px;padding-bottom:110px;}
.list .tab{margin-bottom:60px;}
.list .tab a{color:#1161c0;font-size:18px;}
.list .title{width:100%;height:40px;line-height:40px;background: #1161c0;color:#fff;font-size:20px;}
.list .title img{margin:0 15px;vertical-align: middle;}
.list .sub{margin:10px 0;}
.list .sub span{color:#1161c0;font-size:18px;padding:0 10px;cursor:pointer;}
.list .sub .fr>div{float:left;}
.list .sub span.active{color:#f30a0a;}
.list .sub  .fr>div{border-right:1px solid #1161c0;}
.list .sub  .fr>div:last-child{border-right:none;}
.list li{width:23%;margin-right:2.5%;float:left;border:1px solid #ccc;padding:30px 20px 30px 15px;box-sizing:border-box;margin-bottom:25px;height:200px;}
.list li:nth-of-type(4n){margin-right:0;}
.list li:nth-of-type(2n){background: #eee;}
.list li div.fr p{font-size:20px;color:#1161c0;word-wrap:break-word;}
.list li div.fl{width:50%;}
.list li div.fl img{width:100px;height:100px;border-radius:50%;}
.list li div.fr{width:45%;}
.toggle-list,.toggle-list2,.toggle-list3{display: none;}
.toggle-list.hover,.toggle-list2.hover,.toggle-list3.hover{display: block;}

.prodetail{padding:40px 0 100px;}
.prodetail .fl{width:54%;}
.prodetail .fl .bigphoto{width:100%;border:1px solid #1161c0;border-radius:10px;position: relative;height:500px;display: flex;justify-content: center;align-items:center;}
.prodetail .fl .bigphoto >img{margin:0 auto;display: block;max-height:500px;}
.hotsale .productlist li .photo img{height:200px;}
.prodetail .fl .bigphoto .search{position:absolute;right:10px;bottom:10px;}
.prodetail .fl .smallphoto{margin-top:10px;}
.prodetail .fl .smallphoto li{float:left;border:1px solid #ccc;width:14%;margin:0 1%;height:100px;}
.prodetail .fl .smallphoto li a{width:100%;height:100%;display: block;}
.prodetail .fl .smallphoto li a.current{border:1px solid #1161c0;}
.prodetail .fl .smallphoto li img{width:100%;height:100%;}
.prodetail .fr{width:40%;}
.prodetail .fr p.first{font-size:24px;color:#1161c0;}
.prodetail .fr p.second{font-size:28px;color:#1161c0;}
.prodetail .fr p{font-size:18px;color:#666;margin-bottom:15px;}
.prodetail .fr span{width:100px;height:30px;line-height:30px;background: #eee;font-size:18px;color:#1161c0;display: inline-block;border-radius:5px;text-align: center;margin:15px 0;}
.prodetail .fr ul li{border-bottom:1px dashed #1161c0;width:100%;height:40px;line-height:40px;}
.prodetail .fr ul .fl{width:28%;background: #1161c0;text-align: center;font-size:12px;color:#fff;}
.prodetail .fr ul .fr{width:72%;background: #eee;font-size:14px;color:#666;padding-left:30px;box-sizing: border-box;}

.lx{padding:30px 0 65px;}
.ditu,.container{width:1200px;height:400px;}
.lx .message{padding:25px 50px 70px;}
.lx .message p.first{font-size:30px;}
.lx .message p.second{font-size:18px;color:#666;margin-bottom:15px;}
.lx .message p{color:#666;}
.lx .message .fr p{text-align: center;}
.lx form{padding:0 50px;}
.lx form input{width:155px;height:22px;border:1px solid #ccc;margin-right:50px;padding-left:5px;}
.lx form textarea{width:100%;height:155px;border:1px solid #ccc;margin:15px 0;padding-left:5px;resize:none;}
.lx form button{width:80px;height:25px;line-height:25px;background: #1161c0;color:#fff;}

.consult .productlist .tab{width:31%;margin-right:3%;border-right: 1px dashed #1161c0;
border-bottom: 1px dashed #1161c0;padding: 30px 40px;box-sizing:border-box;}
.consult .productlist .tab:nth-of-type(3n){margin-right:0;}
.consult p{font-size:20px;text-align: center;margin:10px 0;}
.consult .productlist .tab .fl{width:40%;}
.consult .productlist .tab .fr{width:50%;}
.consult .productlist .tab .fr p{font-size: 20px;color: #1161c0;}