/*顶部*/
 header{display:block;}
/* web_head */
.web_head{-webkit-transition: none;-o-transition: none;transition: none;position:absolute;width: 100%;;z-index:1000;}
.web_head .logo{float: left;}
.web_head .logo img{/*height:55px;*/position: relative;}
.web_head .head_layer{background-color: transparent;}
.web_head .head_layer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.web_head .head_layer{display: table\9;}
.web_head .head_layer .logo{display: table-cell\9;vertical-align: middle\9;}
.web_head .head_layer .logo{background: #FFFFFF;border-radius: 0px 0px 10px 10px;padding: 1%;width: 25%;float:left;}

.top-box{height: 30px;background-color:#fff;}
.left-box{float: left;}
.left-box .item{padding-left: 24px;background-image: url(../images/top_hi.png);background-repeat: no-repeat;background-position: 0px center;line-height: 30px;}
.top-box span{display: inline-block;}
.right-box{float: right;}
.right-box span{display: inline-block;margin-left: 10px;}
.right-box .phone{background-position: 0px center;background-image: url(../images/top-phone.png);background-repeat: no-repeat;padding-left: 24px;line-height: 30px;}
.right-box .email{background-position: 0px center;background-image: url(../images/top-email.png);background-repeat: no-repeat;padding-left: 24px;line-height: 30px;}
.right-box a:hover{color: #58b0ec;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
/*logo*/
.logo{float: left;position: relative;}
.logo>a{display: block;}
.search{float: right;margin-top: 23px;}
.search form{float: left;background-color: #FFFFFF;border: 1px solid #999;}
.search .key{float: left;width: 152px;padding: 9px;border: medium none;line-height: 14px;color: #333;background-color: transparent;}
.search .go{float: left;width: 30px;height: 32px;border: medium none;text-indent: -9999px;cursor: pointer;background-image: url(../images/search.png);background-repeat: no-repeat;background-position: 0px center;}
/*导航*/
nav{height:88px;width:73%; float:right;text-transform: uppercase;}
.nav{display:inline-block;/*height:88px;line-height: 88px;*/float: right;margin-top: 30px;}
.nav li{text-transform: uppercase;  display: inline-block; position: relative;line-height: 44px; font-size: 20px; text-align: left; text-transform: uppercase; perspective: 500px;font-family: 'Panton-Bold'; font-weight: bold;}
.nav li.sub a{position: relative; display: inline-block;margin: 0 16px;}
.nav li.sub a:hover,.nav li.sub.cur{color: #D71617;}
.nav li.sub:hover p>a{background-color: #fff;}
.nav li .subNav{position:absolute;top:43px;z-index:69;line-height:normal;display:none;background-color: #fff;left: -5%; width: 110%; padding-bottom:5px}
.nav li .subNav p a{font-size: 14px;color:#000;display:block;text-align: center;list-style-type: disc;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666b70;line-height: 35px;}
.nav li .subNav p a:hover{color:#D71617;display: block; line-height:35px; font-size: 14px; position: relative;}
.current{color: #D71617;border-bottom: 2px solid #d71617;}
.current a{color: #D71617;}

/*banner*/.topbanner{height: auto;position:relative;width:100%;overflow:hidden;}
/*类*/.fuwu{width: 100%;overflow: hidden;}
.fuwu .fuwu-list{display: block;float: left;height: auto;width:19.4%;padding:0.3%;/*background-image: url(../images/fuwu-list-bg.jpg);*/background-position: 0px 1000px;background-repeat: no-repeat;overflow: hidden; margin-top:30px}
.fuwu .item{background-position: center center;/*border-radius: 50%;background-size:180px 180px;*/display: block;margin: auto;}
.fuwu .item img{border-radius: 50%;width: 268px;}

/*.fuwu .item1{background-image: url(../images/fuwu1.jpg);}
.fuwu .item2{background-image: url(../images/fuwu2.jpg);}
.fuwu .item3{background-image: url(../images/fuwu3.jpg);}
.fuwu .item4{background-image: url(../images/fuwu4.jpg);}*/
.fuwu p{color: #333;padding-top: 10px;font-size: 16px;}
/*.fuwu a{width: 50%;padding-top: 5px;padding-bottom: 5px;border: 2px solid #58b0ec;text-align: center;margin-top: 10px;margin-right: auto;margin-bottom: 10px;margin-left: auto;font-weight: 600;    }
*/
.fuwu .fuwu-title{width: 100%;display: none;bottom: 9%; z-index: 1000; position: absolute;font-weight: 600;color: #fff;text-align: center;margin-top: 15px;margin-bottom: 15px;}
.fuwu  a:hover .fuwu-title{display: block;}

.fuwu a:hover a{color: #fff;background-color: #58b0ec;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.fuwu .fuwu-list:hover{-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;background-position: 0px 0px;}
.fuwu .fuwu-list:hover .fuwu-title{-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.fuwu .fuwu-list:hover .item img{-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;color:#58b0ec;-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-ms-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
/*产品展示*/
.pro{background:url(../images/probg.jpg);background-size: 100% auto;}
.service{width: 100%;overflow: hidden;padding-top: 15px;padding-bottom: 35px;height: auto; text-align:center}
.service_item_one{margin-bottom: 30px;overflow: hidden;}
.custom{color: #333;text-align: center;padding-top: 80px;padding-bottom: 15px;font-size:16px}
.custom .custom-title{font-size: 28px; font-weight: bold; line-height: 1.3; text-transform: uppercase;}
.service li{float: left;width:25%;height: auto;overflow: hidden;background-color: #fff;transition: all .3s linear;cursor: pointer;position: relative;padding-top: 10px;}
/*.service li:hover{margin-top: 0px;}
*/
.service_img{height: 200px;overflow:hidden;}
.service_img img{margin: auto;height: 200px; overflow:hidden;border-radius:0px;transition: all 0.5s;}
.service_item .more{margin:30px auto;}
.service_item_one li:hover .service_img img{transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);}
.service_item_one .content{color: #848484;text-align:center;left: 0px;width: 100%;position: absolute;z-index: 1000;bottom: 0;}
.service_item_one .content .content_tit{color: #565656;padding-top: 20px;font-weight: 600;}
.service_item_one .content .content_txt{padding: 10px;text-align: left;text-indent: 2em;}
.service_item_one .content a{display: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #FFFFFF;margin-top: 10px;margin-right: auto;margin-bottom: 0px;margin-left: auto;font-weight: 600;text-align: center;padding-top: 8px;padding-bottom: 8px;background-color: #57b0ec85;}
.service_item_one .content a:hover{background-color: #57b0ec;}
.service_item_one li:hover a{display: block;}
.service_item_one li:hover .content .content_tit{color: #58b0ec;}
/*关于*/
.about{ margin-top:30px}
.about-left{width:50%; float:left}

.about-right{width:48%; float:right; text-align:left; margin-top:3%;}
.about-tit{border-bottom: solid 1px #2091cd; height: 52px;font-size: 35px;line-height:52px; color:#2091cd; font-weight:bold;text-indent:0.2em;}
.about_content{text-indent: 2em;margin:20px auto;    line-height: 2;}
.about_content a{color: #000;margin-left: 25px;}

/*友链*/.link{display: block;padding-top: 10px;padding-bottom: 10px;}
.link-tit{font-size: 16px;color: #333;line-height: 32px;}
.link_con a{display: inline-block;margin-right: 10px;line-height: 32px;color: #999;}
.link_con a:hover{color: #ff6600;}
/*底部*/footer{background: url(../images/footbg.jpg) no-repeat #579920;background-size: 100% auto;margin-top: 30px;}
.foot{height: auto;width: 100%;overflow: hidden;padding-top: 250px;}
.foot_nav{width:100%;border-bottom: 1px solid #fff;}
.foot_nav img{margin-top:60px;float:right}
.foot_nav dl{float:left;width:85%;margin-bottom:15px;height: auto;}
.foot_nav dt{font-size: 20px;line-height: 35px;color:#FFFFFF; margin-bottom: 15px;font-weight: bold;}
.foot_nav dd span{font-size:15px;color:#FFFFFF;font-weight: 600;}
.foot_nav dd{color:#FFFFFF;padding-top: 4px;padding-bottom: 4px;text-indent:2em;}
.foot_nav,.foot_nav dd a{color:#FFFFFF;}
.foot_nav dd a:hover{color:#FFFFFF;text-decoration:underline;}
footer .bottom{text-align: center;color: #fff;padding-bottom: 8px;padding-top: 8px;}
footer .bottom a{color: #ccc;text-decoration: none;}
footer .bottom a:hover{color: #FFFFFF;text-decoration: underline;}
.dingyue{margin-top: 15px;height: 30px;}
.dingyue form{height: 30px;}
.dingyue-key{float: left;height: 28px;line-height: 28px;color: #999;background-color: #4d4d4d;border: 1px solid #4d4d4d;width: 70%;padding-left: 10px;-webkit-border-radius: 0;border-radius: 0;}
.dingyue-go{float: left;width: 60px;height: 30px;border: medium none;cursor: pointer;background-color: #2db578;color: #fff;-webkit-border-radius: 0;border-radius: 0;}
/*手机导航*/
.meun{background-color: #57b0ec;display: block;width: 40px;position: absolute;top: 0px;z-index: 99;border-radius: 6px;right: 5px;padding-top: 5px;padding-bottom: 5px;}
.meun-nav{background: transparent;border: none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;}
.meun-nav span{background-color: #fff;display: block;height: 3px;width: 30px;margin-top: 5.25px;margin-right: auto;margin-left: auto;}
.meunCont{background: #fff;display: none;padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px;position: absolute;z-index: 9999;width: 100%;top: 60px;text-transform: uppercase;}
.meunCont dl{border-top: 1px solid #e5e5e5;padding-bottom: 5px;padding-top: 5px;}
.meunCont dt{font-size: 15px;}
.meunCont dt a{color: #333;}
.meunCont dd{font-size: 14px;}
.meunCont dd a{color: #999;margin-top: 8px;margin-right: 8px;display: inline-block;}
.meunCont a:hover{color: #333;}
.wrap{margin-right: auto;margin-left: auto;position: relative;padding: 0px;margin-top: 0;margin-bottom: 0;}
.wrap::after{display: table;clear: both;content: "";}
/*返回顶部*/.fix-nav{display: none;position: fixed;left: 100%;bottom: 60px;width: 100%;margin-left: -60px;z-index:999;}
.fix-nav .fix-nav-wrap{background-color: rgba(0, 70, 132, 0.6);width: 32px;height: 32px;text-align: center;border-radius: 4px;cursor:pointer;}
.fix-nav .i-totop{width: 28px;display: block;margin: 0 auto;}
/*底部浮动*/.social_nav{height: 55px;width: 100%;position: fixed;left: 0px;bottom: 0px;background-color:#fff;z-index: 9999;}
.social_nav a{display: block;height: 55px;width: 25%;float: left;font-size: 13px;color: #333;text-align: center;line-height: 85px;position: relative;}
.social_nav .home{background-image: url(../images/foot1.png);background-repeat:no-repeat;background-size:24px 26px;background-position: center 5px;}
.social_nav .tel{background-image: url(../images/foot66.png);background-repeat:no-repeat;background-size:24px 26px;background-position: center 5px;}
.social_nav .sms{background-image: url(../images/foot3.png);background-repeat:no-repeat;background-size:26px 26px;background-position: center 5px;}
.social_nav .map{background-image: url(../images/foot4.png);background-repeat:no-repeat;background-size:22px 26px;background-position: center 5px;}
.social_nav img{position: absolute;padding-left: 15px;padding-top: 5px;width:24px;height:26px;animation-name: telshow;animation-duration: 1.0s;animation-timing-function: linear;animation-iteration-count: infinite;-webkit-animation-name: telshow;-webkit-animation-duration: 1.0s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-o-animation-name: telshow;-o-animation-duration: 1.0s;-o-animation-timing-function: linear;-o-animation-iteration-count: infinite;}
@keyframes telshow{0%{transform: rotate(0deg)}
5%{transform: rotate(-13deg)}
10%{transform: rotate(0deg)}
15%{transform: rotate(-13deg)}
20%{transform: rotate(0deg)}
25%{transform: rotate(-13deg)}
100%{transform: roate(0deg)}}
@-webkit-keyframes telshow{0%{-webkit-transform: rotate(0deg)}
5%{-webkit-transform: rotate(-13deg)}
10%{-webkit-transform: rotate(0deg)}
15%{-webkit-transform: rotate(-13deg)}
20%{-webkit-transform: rotate(0deg)}
25%{-webkit-transform: rotate(-13deg)}
100%{-webkit-transform: roate(0deg)}}
@media screen and (min-width:1400px){body{font-size:14px;}
.wrap{width: 1400px;}
.meun,.meunBox,.social_nav{display:none;}
.news li .news-title{font-weight: 600;display: block;white-space: nowrap;overflow: hidden;}
}

@media screen and (min-width:1200px) and (max-width:1399px){body{font-size:14px;}
.wrap{width:1200px;}
.meun,.meunBox,.social_nav{display:none;}
.service li{width: 224px;margin-top: 20px;margin-right: 8px;margin-bottom: 10px;margin-left: 8px;}
.service_img{width: 224px;height:160px;}
.foot{height: auto;width: 100%;overflow: hidden;padding-top:120px;}
}

@media screen and (min-width:992px) and (max-width:1199px){body{font-size:14px;}
.wrap{width: 960px;}
.meun,.meunBox,.social_nav{display:none;}
.nav{/*width:960px;*/}
.nav li{padding-right: 7px;padding-left: 7px;}
.fuwu .fuwu-title{min-height:40px;padding-bottom: 0px;margin-top: 5px;margin-bottom: 5px;}
.fuwu p{max-height:63px;overflow:hidden;}
.service li{width: 224px;margin-top: 20px;margin-right: 8px;margin-bottom: 10px;margin-left: 8px;}
.service_img{width: 224px;height:160px;}
.service_img img{width: 224px;height:160px;}
.foot{height: auto;width: 100%;overflow: hidden;padding-top:65px;}

.friend{width:960px;}
.mr_frUl{width:900px;}
.mr_frUl ul li{width:171px;margin:5px;}
.mr_frUl ul li a img{display:block;width:171px;height: 225px;}
.mr_frBtnL,.mr_frBtnR{margin-top:96px;}
}

@media screen and (min-width:768px) and (max-width:991px){body{font-size:13px;}
.web_head{position: inherit;}

.wrap{width: 740px;}
.left-box,nav,.search,.social_nav{display:none !important;}
.logo{margin-bottom: 10px;float:none;}
.logo img{height:40px;}
.meun{top:10px;text-align: center;}
.fuwu .item{height: 120px;width: 120px;background-size:120px 120px;}
.fuwu .fuwu-title{min-height:40px;padding-bottom: 0px;margin-top: 5px;margin-bottom: 5px;}
.service_item_one{width:740px;overflow:hidden;}
.service li{width: 230.66px;margin-top: 20px;margin-right: 8px;margin-bottom: 10px;margin-left: 8px;}
.service_img{width: 230.66px;height:165px;}
.service_img img{width: 230.66px;height:165px;}

.foot{height: auto;width: 100%;overflow: hidden;padding-top:65px;}

.mr_frUl{width:680px;overflow:hidden;}
.mr_frUl ul li{width:160px;margin:5px;}
.mr_frUl ul li a img{display:block;width:160px;height: 210px;}
.mr_frBtnL,.mr_frBtnR{margin-top:90px;}
.dingyue-key{width: 60%;}
}


@media screen and (min-width:320px) and (max-width:767px){body{font-size:13px;}
.web_head{position: inherit;}

.wrap{max-width:640px; width:100%}
.left-box,nav,.search,.right-box .phone,.right-box .email,.friend,.foot_nav_hidd,.top-box{display:none; !important}
.logo{ width:50% !important;padding-top: 10px;padding-bottom: 10px;float:none;}
.web_head .head_layer .logo{padding:2.3%;}

/*.logo img{height:80px;}*/
.meun{text-align: center;}
.fuwu .fuwu-list{width: 46%;padding: 2%;}
.fuwu .item{max-height: 150px;max-width:150px;background-size:80px 80px;border-radius:10%;}
.fuwu a{width: 80%;}
.fuwu  a:hover .fuwu-title{display: none;}
.fuwu .fuwu-title{min-height:40px;padding-bottom: 0px;margin-top: 2px;margin-bottom: 2px;}
.fuwu p{max-height:55px;overflow:hidden;font-size: 12px;}

.custom .custom-title{font-size: 18px; font-weight:bold; line-height: 1.3; text-transform: uppercase;}
.custom{font-size:12px;padding-top:30px}

.service{padding-bottom: 15px;}
.service_item a img{height:22px;}

.service_item_one{width:100%;overflow:hidden;margin-bottom:10px;}
.service li{width: 100%;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:10px;}
.service li:hover{margin-top: 0px;}
.service_img,.service_item_one .content{width:100%;height:auto;margin:auto;padding-top:2%;}
.service_img img{/*width: 100%;*/}
.service_item_one .content a{display: block;}
/*关于*/
.about-left{width:100%; margin:0 auto}
.about-left img{/*width:100%;*/}
.about-right{width:95%; margin:0 auto; text-align:left}
.about-tit{ height:32px;font-size:16px;line-height:32px; color:#2091cd; font-weight:bold;text-indent:0.2em; margin:15px}
.about-tit img{ height:32px;font-size:16px;line-height:32px; color:#2091cd; font-weight:bold;text-indent:0.2em;}
.about-right a img{height:22px; margin-top:15px}

footer .bottom{margin-top: 15px;border-top: 1px #fff solid;}
.foot{padding-top:25px;}
.foot_nav{border-bottom: 1px solid #fff;}

.link,.foot_nav,.foot_nav dl,.about_content,.custom,.foot_nav dl{/*width:90%;margin:auto;*/float:none;}
.dingyue{margin-top: 0px;margin-bottom:8px;}
.dingyue-key{width: 60%;}
.foot_nav dt{padding-left:10px;}
.foot_nav .lianxi_icon{background-image:url(../images/contact_bg.png);background-repeat:no-repeat;}
.foot_nav .lianxi_tel{background-position:0 -3px;}
.foot_nav .lianxi_mobile{background-position:0 -33px;}
.foot_nav .lianxi_email{background-position:0 -63px;}
.foot_nav .lianxi_address{background-position:0 -93px;}
.foot_nav dd{padding-top: 4px;padding-bottom: 4px;padding-left:10px; text-indent:inherit}
.foot_nav img { margin-top:10px ;margin-left:10px;float:left;}

}