@charset "utf-8";
/*
 * 上海书俊
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2019-6-27
 * coyright ： tengcee.com
*/
@import url("public.css");
@import url("page.css");
/*头部*/
.top { position:relative; top:0px; z-index:999; width:100%;background-color: #fff;}
.top1 { height: 40px; width: 100%; line-height: 40px; color: #666;position:relative; background-color: #f5f5f5;}
.top1 span { line-height: 30px; color: #999999; float: right; height: 30px; margin-left:10px; margin-right:5px; position:relative;}
.top1 span a { color:#666; text-decoration:none; display: block;}
.top1_right{ float: right; position: relative; padding:5px 0; }
.ico_msg { float: right; background-repeat: no-repeat; background-position: 5px 2px; padding-left: 32px; background-image: url(../images/ico_msg.png); position: relative; color: #666666; }
.ico_wechat{background:url(../images/t_wx.png) left top no-repeat; padding:0 5px 0 30px;}
.ico_wechat:hover{ background-position:0 -38px; transition: 0.3s all 0s linear;color: #FF0000; }
.ico_map{ background:url(../images/t_map.png) left top no-repeat; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 30px; }
.ico_map:hover{ background-position:0 -38px; transition: 0.3s all 0s linear;color: #FF0000; }
.ico_sc{ background:url(../images/t_sc.png) left top no-repeat; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 30px; }
.ico_sc:hover{ background-position:0 -38px; transition: 0.3s all 0s linear;color: #FF0000; }
#top_weixin{ position: absolute; top: 40px; right: 0; margin-right: -45px; background-color: #f5f5f5; padding: 10px; z-index: 999; opacity: 1; display: none}
#top_weixin p{ width:100%; float:left;line-height: 30px; text-align: center; color: #ce3538;}
.top1 span i{ font-size: 16px;}
.top1 span.top1_line { color:#999999; margin-left:5px; margin-right:5px; border-right:solid 1px #e2e2e2; height: 20px;margin-top:5px}

.logobox{ width:1200px; margin-left:auto; margin-right:auto; position: relative;}
.logo { float: left; padding-top: 10px; padding-bottom: 10px;}
.logo img{ width: 100%; height: auto;}
.top_tel{ width: 200px; margin-top: 30px; border: solid 1px #ed1b24; float: right;-webkit-border-radius:10px;-moz-border-radius:10px; border-radius: 10px; overflow: hidden;}
.top_tel p{width: 100%; float: left; line-height: 40px; text-align: center; height: 40px;background-image: url(../images/top_tel.png); background-repeat: no-repeat; background-position: 20px center; font-size: 15px; color: #666;}
.top_tel h3{width: 100%; float: left; line-height: 45px; height: 45px; text-align: center; background-color: #ed1b24; color: #fff; font-size: 24px;}
/*搜索*/
.so_box { float: left; width: 380px; padding-left:120px; padding-top: 25px; }
.so { float: left; height: 40px; width: 1200px; padding-top: 5px; padding-bottom: 5px; background-color: #FFFFFF; position: relative; z-index:888; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; }
.so_input1 { line-height:45px; height:45px; width:80%; float:left; color: #999999; padding-left: 30px; background-repeat: no-repeat; background-position: 10px center; border: 2px solid #0070ce; font-size: 13px; background-image: url(../images/ico_so.png); box-sizing:border-box; border-right: none; background-size: 15px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.so_button1 { line-height: 45px; background-color: #0070ce; text-align: center; float: left; height: 45px; width: 20%; font-size: 13px; font-weight: normal; color: #fff; border:none;border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.hotkey { line-height: 35px; color: #CCCCCC; height: 35px; width: 100%; }
.hotkey a { color:#ccc; padding-left:5px; padding-right:5px; display:inline-block; }
#flash01{ width: 300px; float: right;height: 60px; margin-top: 25px; }
#flash01 .img img{ width: 300px; height: 60px; }
#flash01 .flex-direction-nav{ display: none; }
#flash01 .flex-control-nav{ bottom: 5px; text-align: right;}
.imenu { float: left; margin-top:10px; margin-left: 10px; display: none; width: 40px; position: absolute; top: 10px; left: 0}
.imenu .dh{width: 25px; cursor: pointer; color: #00a2e9; float: left;}
.iso { float: right; margin-top:10px; margin-right: 10px; display: none; width: 40px;position: absolute; top: 10px; right: 0}
.iso i{width: 20px; height: 20px; background-color: #0070ce; cursor: pointer; float: right; text-align: center; border-radius: 50%; padding:5px;}
.iso i img{ width: 100%; height:auto; }
.mask{ width: 100%; height: 100%; position: fixed; background-image:url('../images/nav_bg3.png'); top: 0; left: 0; z-index: 99999999; display: none; display: none;}
.maskbox{ width: 100%; height: auto; padding:20px; position: relative;box-sizing: border-box; float: left;}
.sobox2 { float: left; width:100%;padding-top: 100px; }
.closesearch{ position: absolute; top: 25px; right: 25px; }
.closesearch img{ width: 30px; height: 30px; }
@media screen and (max-width:1200px){
    .logobox{ width: 100%; }
    #flash01{ display: none; }
    .so_box{ width: 40%; float: right; }
}
@media screen and (max-width:750px){
    .top1{ text-align: center; }
    .top1_right{ display: none; }
    .logo { width: 100%; text-align: center;}
    .logo img{ height: 45px; width: auto; }
    .so_box{ display: none }
    .so_input1{ line-height: 40px; height: 40px; }
    .so_button1 { line-height: 40px; height: 40px; }
    .hotkey { display: none; }
    .imenu,.iso{ display: block; }
}
/*导航*/
.nav {width: 100%; position:relative; background-color: #fff; height: 45px; border-bottom: solid 2px #0070ce;}
.nav_ul { float: left; width: 960px; position: relative; }
.nav_ul li { float: left; font-size: 16px; line-height: 45px; height: 45px; width: 12.5%; position:relative; position:relative; text-align: center; }
.nav_ul li a { color:#333; text-decoration:none; display:block; }
.nav_ul li a:hover { color:#FFFFFF; text-decoration:none; }
.nav_ul li:hover  { color:#FFFFFF; background-color: #0070ce; background-position: center bottom; }
.nav_ul li:hover a { color:#FFFFFF;}
.nav_ul li.mainmenu > a{background-repeat: no-repeat; background-position: 2px center;}
.nav_ul .cur a { color:#FFFFFF; text-decoration:none; padding-left:30px; padding-right:30px;  }
.nav_ul dl{ width:100%; font-size:13px; position:absolute; top:55px; left:0px; background-color: #ed1b24; display: none;}
.nav_ul dl dd { height:45px; line-height:45px; text-align: center; white-space: nowrap; font-weight: normal; }
.nav_ul dl dd a{ color:#FFFFFF; padding:0px;  }
.nav_ul dl dd a:hover{ color:#FFFFFF; opacity:0.9; background-color: #0070ce; }
.nav_ul .nav_line{ width:1px; float:left; height:45px; color: #fff; opacity: .4;}
.nav_ul li.on { color:#FFFFFF; background-color: #0070ce; }
.nav_ul li.home { color:#FFFFFF; background-color: #0070ce; padding-left: 25px; background-image: url(../images/ico_home.png); background-repeat: no-repeat; background-position: 35px center;}
.nav2{ width: 250px; float: left; position: relative; opacity: .8 }

.allbtn { z-index:99999; position:relative; width:240px; float:left; }
.allbtn h2{ height: 47px; position: relative;text-align: center; background-color: #0070ce; width: 100%; float: left; background-repeat: no-repeat; background-position: 20px center; background-image: url('../images/ico_cat2.png');}
.allbtn h2 a{ line-height:47px;width:100%; display:block;height:47px; color:#fff; font-size:15px; font-weight:normal; }
.allbtn h2 a:hover{ text-decoration:none }
.allbtn h2 a:hover ul { display:block;}

.allbtn ul{ z-index:99999; position:absolute; width:100%; top:47px; left:0px; background-image: url(../images/black.png); height: 500px;}
.allbtn li{ zoom:1; clear:both; cursor:default; border-bottom: 1px solid #464545; background-image: url(../images/ico_arr03.png); background-repeat: no-repeat; background-position: 90% 20px; padding:10px; width: 100%; float: left; box-sizing: border-box; position: relative;}
.allbtn ul li .tx{ line-height:34px;height:34px;  width:100%; text-align: center;font-size:18px; text-align:left; padding-left:40px; float: left; position: relative; }
.allbtn ul li .tx a{ color:#fff; font-size:16px; text-decoration:none; }
.allbtn ul li .tx a:hover{ color:#fff; text-decoration:underline;}
.allbtn ul li .tlist{width: 100%; float: left;line-height: 28px; height: 28px;position: relative;}
.allbtn ul li .tlist span{ width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;color: #fff; opacity: .6; float: left; }
.allbtn ul li .tlist span a{ color: #fff; }
.popbox{ position:absolute; background-color:#fcfcfc;width:700px;height:500px; top:47px; left:240px; box-shadow:4px 4px 5px -1px #999999; -webkit-box-shadow:4px 4px 5px -1px #999999; -moz-box-shadow:4px 4px 5px -1px #999999; overflow:hidden; padding: 20px; box-sizing: border-box;  display:none; }
.popbox .pop{ width: 100%; float: left; position: relative;}
.popbox .poptitle{ width: 100%; float: left; font-size: 13px;}
.popbox .poptitle span{ width: 33.3%; float: left; padding:5px; box-sizing: border-box; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
.popbox .poptitle a{ border:solid 1px #e2e2e2; line-height: 40px; float: left; text-align:center; display: block; width: 100%;}
.popbox .poptitle a:hover{ color: #fff; background-color: #0070ce; }
.popbox .poplist { width:100%; position: relative; float: left; padding:15px 0; border-bottom: solid 1px #f5f5f5; }
.popbox .poplist h4{ width: 100%; float: left; line-height: 40px;font-size: 15px;color: #222; border-bottom: solid 1px #e2e2e2;}
.popbox .poplist i{ float: left; padding-top: 7px; padding-right: 5px; }
.popbox .poplist i img{ width: 20px; }
.popbox .poplist dd{ width: 100%; float: left; line-height: 40px;}
.popbox .poplist dd a{ padding-right: 25px; color: #999; display: block; float: left;}
.hotbrand{ width: 100%; float: left;padding:15px 0;}
.hotbrand .imgin{ width: 25%; float: left; padding:5px; background-color: #fff;box-sizing: border-box;}
.hotbrand .imgin img{ width: 100%; height:80px; border:solid 1px #f5f5f5;}

.allbtn ul li:hover,.allbtn ul li.on2{ background-color:#d92017 }
.allbtn ul li:hover .tx a,.allbtn ul li.on2 .tx a{ color:#fff; }
.allbtn ul li:hover .tx a i{background-position:0px -25px}
.allbtn ul li:hover dl{color:#6e6e6e}
.allbtn ul li:hover a{color:#666666}
.allbtn ul li:hover a:hover{color:#cd0606}
.allbtn ul li:nth-last-child(1){ border-bottom: none; }
@media screen and (max-width:1200px){
    .nav_line{ display: none; }
    .allbtn{ width: 200px; position: absolute;top: 0;left: 0; } 
    .nav_ul{ width: 100%; padding-left: 200px; box-sizing: border-box; }
    .nav_ul li{ width: 12.5%;font-size: 14px; }
    .allbtn ul li .tx{ font-size:16px;padding-left:20px;}
    .popbox{ left:200px;}
}
/*左侧菜单*/
.overlay{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.6);z-index: 999998;}
.nav_close{ position: absolute; top:38px; right: 18px; z-index: 999999;}
.nav_close img{ width: 35px; height: 35px; }
.navbox_logo{ width:100%; }
.navbox_logo span{ width:100%; float: left; }
.navbox_logo span img{ width: 100%; height: auto }
.navbox_contact{ width: 160px; position: relative;margin:0 auto; margin-top:1em;}
.nav_tel{ width:100%; height:45px; float:right; color:#fff; background-color:#0070ce; text-align:center;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px; font-size:.8rem; line-height:45px; background-image: url(../images/ico_tel2.png); background-repeat: no-repeat; background-position: 20px center;}
.nav_tel a{color: #fff;line-height:45px; display: block;}

.wapnav{position:fixed;width:100%; left: -2500px; top:0px; z-index: 999999;padding:0;overflow-y: hidden;background-color: #293133; height: 100%; padding:20px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter:alpha(opacity=95); -moz-opacity:095;   -khtml-opacity: 0.95; box-sizing: border-box;}
.nav2{position:relative; float: right; margin:1em 0; width: 100%;}
.nav2 li{float:left; line-height:40px; overflow:visible; width: 100%;margin-top:-1px; padding-bottom: 10px; font-weight: normal; border-bottom:solid 1px #343b3d;font-size:.8rem;color:#fff; text-align: left; box-sizing: border-box; background-repeat: no-repeat; background-position:5px 13px; background-image: url('../images/ico_arr.png'); padding-left: 25px; background-size:15px;}
.nav2 li a{ color:#fff!important; font-size:.8rem; }
.nav2 dl{ width: 100%; float: left; position: relative; }
.nav2 dd{ width: 33.3%; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.8em; font-size: .8rem; padding: 5px 0;}
.nav2 dd a{ color: #827f7f!important;; }
.nav2 li.on a,.nav2 li:hover a{ color:#fff; text-decoration:none; background-color:none; }
@media screen and (max-width:750px){
    .nav{ display: none; }
}
/*banner*/
.bannerbox { position: relative; width: 100%; z-index: 1;}
.banner { position: relative; width: 100%; height: 500px; overflow: hidden;z-index:9; }
.banner .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }
.banner .swiper-slide {position: relative;overflow: hidden;}
/*.banner .swiper-slide a {display: block;}*/
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.swiper-pagination-bullet-active{background-color: #03bfcb;}
.swiper-pagination-bullet { width: 35px; border-radius: 5px; }
.banner .imgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0px; float: left;}
.banner a.prev_btn,
.banner a.next_btn {position: absolute;z-index: 66;top: 50%;margin-top: -55px;width: 73px;height: 138px;opacity: 0.2;filter: alpha(opacity=20);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.banner a.prev_btn:hover,
.banner a.next_btn:hover {opacity: 0.5;filter: alpha(opacity=50);}
.banner a.prev_btn { left: 30px;background-image: url(../images/left.png); background-repeat: no-repeat; }
.banner a.next_btn { right: 30px; background-image: url(../images/right.png); background-repeat: no-repeat; }
@media screen and (max-width:1200px){
    .banner{ height:550px;}
}
@media screen and (max-width:1000px){
    .banner{ height:480px;}
}
@media screen and (max-width:760px){
    .banner{ height:300px;}
}
@media screen and (max-width:600px){
    .banner{ height:240px;}
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}
/*banner悬浮*/
.wrapper-ban{ width: 100%; position: absolute;top: 0px; left: 0px;min-height: 200px;z-index: 999; }
.banbox{width: 300px; background-color: #fff; padding:20px; box-sizing: border-box; position: relative; top: 40px; float: right;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px; position: relative;}
.tit{ width: 100%; float: left; position: relative; border-bottom: solid 1px #f5f5f5; }
.tit span{ width: 33.3%; float: left; text-align: center; line-height: 45px;height: 45px; font-size: 15px; color: #666;cursor: pointer; position: relative;}
.tit span.on,.tit span:hover{ color: #e92d08; font-weight: bold;}
.tit span i{ width: 50px; height: 3px; margin:0 auto; position: absolute; bottom: 0; display: none; background-color: #e92d08; left: 50%; margin-left: -25px;}
.tit span.on i,.tit span:hover i{ display: block; }

.bancontent{ width: 100%; float: left; position: relative;}
.bancontent .banlist{ width: 100%; float: left; position: relative; padding: 10px 0; }
.bancontent .banlist li{ width: 100%; float: left; line-height: 45px; border-bottom:solid 1px #f5f5f5;}
.bancontent .banlist li a{ width: 80%; float: left; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; padding-left: 10px; box-sizing: border-box; background-image: url('../images/ico-1.gif'); background-position:2px center; background-repeat:no-repeat;}
.bancontent .banlist li span{ float: right;  color: #999; }
.banlist2{ width: 100%; float: left; position: relative; padding: 10px 0; }
.banlist2 li{ width: 100%; float: left;border-bottom: solid 1px #f5f5f5; position: relative; padding:8px 0;}
.banlist2 li span{ width: 80px; float: left;position: absolute;top: 8px;left: 5px; overflow: hidden;}
.banlist2 li span img{ width: 100%;}
.banlist2 li .info{ width: 100%; padding-left:100px; box-sizing: border-box;}
.banlist2 li .info p{ width: 100%; line-height: 25px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.banlist2 li .info dt{ width: 100%; line-height: 22px; color: #999; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical; font-size: 12px;}
.hide{ display: none;}
.show{ display: block; }
@media screen and (max-width:750px){
    .wrapper-ban{position: relative; margin-top: 15px;}
    .banbox{width: 100%; padding: 10px; top: 5px; box-sizing: border-box;}
}
/*bigad*/
#flash02{ width: 100%; float: right;height: auto; margin-top: 15px; }
#flash02 .img img{ width:100%; height: auto; }
#flash02 .flex-direction-nav{ display: none; }
#flash02 .flex-control-nav{ bottom: 5px; text-align: right;}
#flash02-wap{ width: 100%; float: right; margin-top: 15px; display: none;}
#flash02-wap .img img{ width:100%; height: auto; }
#flash02-wap .flex-direction-nav{ display: none; }
#flash02-wap .flex-control-nav{ bottom: 5px; text-align: right;}
@media screen and (max-width:750px){
    #flash02{ display: none; }
    #flash02-wap{ display: block; }
}
.main { float: left; width: 100%; position: relative;background-color: #fff; }
.main2 {width: 100%; position: relative;padding: 15px;background-color: #fff; box-sizing: border-box; margin: 10px 0;}
.main1 {width: 100%; margin: 10px 0; position: relative; float: left; }

.title { width: 100%; padding-top: 15px; padding-bottom: 10px;}
.title h3 { font-size: 40px; line-height: 1.8em; color: #111; text-align: center; height: 1.8em; width: 100%; font-weight: bold; }
.title p { line-height: 1.8em; color: #bab9b9; text-align: center;width: 100%;text-transform: uppercase; padding-top: .1em; font-size:13px;}
.title i{color: #ed1b24;  text-transform: uppercase; font-style: normal;}
.title span{ color: #ed1b24; font-style: normal; text-transform: uppercase;}

.line1{ width: 100%; line-height: 2px; height: 2px; border-bottom: solid 1px #e2e2e2; position: absolute; top: 30px; z-index: 0;}
@media screen and (max-width:1200px){
	.title{padding:15px 0; box-sizing: border-box;}
	.title h3 { font-size: 1.6rem; line-height: 1.6em; height: 1.6em;}
	.title p{ padding: 5px 10px; box-sizing: border-box; font-size: .9rem; line-height: 1.5em; }
	.ititle{ padding:10px 10px 0 10px; }
}
@media screen and (max-width:750px){
	.main1 {padding: 15px 0;}
    .main2 {padding: 5px;}
	.ititle h3{ font-size: 1.2rem; }
	.ititle i{ display: none; }
	.title h3 { font-size: 1.4rem;}
	.title p{ font-size: .8rem; }
}
.more{ width: 300px; padding: 15px 0 25px 0; margin:0 auto; }
.more a{ width: 100%; line-height: 50px; height: 50px; text-align: center;font-size: 16px; background-color: #999;display: block; color: #fff; border-radius: 25px; }
.more2{ width: 400px; padding: 15px 0 25px 0; margin:0 auto; }
.more2 a{ width: 100%; line-height: 50px; height: 50px; text-align: center;font-size: 18px; background-color: #ed1b24;display: block; color: #f9e719; border-radius: 25px; background-image:url('../images/ico_zixun2.png'); background-repeat: no-repeat; background-position: 70px center; }

.catlist{ width: 100%; text-align: center;  font-size: 0px; }
.catlist div{ padding: 0px;display:inline-block; background-color: #d9d9d9; width: 140px; border-left: solid 1px #fff; overflow: hidden;}
.catlist div a{line-height: 40px; height: 40px;color:#4b4a4a;display: block; text-align: center; font-size: 14px;}
.catlist div.on,.catlist div a:hover { background-color:#dd4246; color:#fff !important; text-decoration:none;}
.catlist div.on a{ color: #fff; }

.catlist div:nth-child(1){ border-top-left-radius: 23px;  border-bottom-left-radius: 18px; border-left: none;}
.catlist div:last-child{ border-top-right-radius: 23px;  border-bottom-right-radius: 18px; }

.catlist2{ width: 100%; line-height: 45px; text-align: center; margin-top: 8px;}
.catlist2 span{width: 33.3%; font-size: 14px;display:inline-block;color:#fff; background-color: #232323; float: left; box-sizing: border-box; border-left: solid 1px #fff; margin:5px 0;}
.catlist2 span:nth-child(1){ border-top-left-radius: 23px;  border-bottom-left-radius: 18px; border-left: none; }
.catlist2 span:last-child{ border-top-right-radius: 23px;  border-bottom-right-radius: 18px; }
.catlist2 span a{color:#fff; display: block;}
.catlist2 span:hover ,.catlist2 span.on { background-color:#dd4246; color:#fff; text-decoration:none;}
.catlist2 span:hover a,.catlist2 span.on a{ color: #fff; }

/*品牌列表*/
.brand{width:100%; background-color: #fff; position: relative; float: left; margin:20px 0 10px 0;}
.brandlist{ width: 100%; float: left; position: relative; }
.brandlist li{ width: 16.66%; padding:15px 25px; box-sizing: border-box; float: left; border:solid 1px #f5f5f5; }
.brandlist li .thumb{ width: 100%; float: left; position: relative; }
.brandlist li .thumb img{ width: 100%; height: auto;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.brandlist li:hover img{transform: scale(1.2, 1.2);-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
@media screen and (max-width:750px){
    .brandlist li{ width: 25%;padding:10px;} 
    .brandlist li .thumb img{ height: auto; }
}
/*产品*/
.titlebox{ width: 100%; float: left;height: 45px; border-bottom: solid 2px #0070ce; margin-bottom: 15px;}
.titlebox h2{ float: left;padding:0 15px; background-color: #0070ce; color: #fff; font-size: 18px; text-align: center; float: left; line-height: 45px; font-weight: normal; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.titlebox .child{ float: right; line-height: 45px; color: #999;}
.titlebox .child a{ padding:0 8px;color: #999; }

.pbox { width: 100%; float:left; padding:0; position: relative;}
.plist{ width: 100%; float:left; position: relative; box-sizing: border-box; }
.plist ul{ width: 100%; float: left;position: relative; }
.plist ul li{ width: 20%; float: left; padding: 2px; position: relative; box-sizing: border-box; border:solid 1px #f5f5f5;}
.plist ul li .pin{ width: 100%; float: left; background-color:#fff; padding: 10px; box-sizing: border-box; position: relative;  overflow: hidden; }
.plist ul li .thumb{ width: 100%; float: left; position: relative; }
.plist ul li .thumb img{ width: 100%;}
.plist ul li .info{ width: 100%; float: left; padding:10px 0; position: relative;}
.plist ul li .info h3{ width: 100%; float: left; line-height: 40px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal;}
.plist ul li .info p{ width: 100%; line-height: 23px; color: #999;overflow:hidden; margin:5px 0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical; height:45px;}
.plist ul li .info dt{ width: 100%; float: left; padding: 10px 0; color:#ccc; }
.plist ul li .info dt span{ width: 50%; padding:5px; box-sizing:border-box; float: left;}
.plist ul li .info dt span a{ width: 100%; display: block; line-height: 35px; height: 35px; text-align: center; color: #fff;}
.catpic{ width: 180px; float: left;position: absolute;top: 0px;left: 0;}
.plist ul li:hover .pin{ margin-top: -5px; margin-bottom: 5px;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;box-shadow:2px 4px 10px rgba(195,206,201,0.3),-2px -4px 10px rgba(195,206,201,0.3) }
@media screen and (max-width:750px){
    .plist ul li{ width: 33.3%;}
    .plist ul li:last-child{ display: none; }
    .plist ul li .thumb img{ height: auto; }
}
/*新闻*/
.tit2{ width:100%; float: left; height: 50px;line-height: 50px; border-bottom:solid 1px #f5f5f5; margin:0px;}
.tit2 h2{ font-size: 20px; color: #ff7200; background-image:url('../images/ico_news.png'); background-position: left center; background-repeat: no-repeat; padding-left: 35px; float:left;}
.tit2 .child{ float: right; line-height: 50px; color: #999;}
.tit2 .child a{ padding:0 8px;color: #999; }
.left1{ width: 300px; float: left;position: relative; margin-top:30px; }
#newsflash{ width: 100%;position: relative; height: 400px; float: left;}
#newsflash .tuwenbox { width: 100%; float: left;}
#newsflash .tuwenbox .pic{ width: 100%; float: left; width: 100%;}
#newsflash .tuwenbox .pic img{ width: 100%; height: auto; }
#newsflash .tuwenbox .info{ width: 100%; float: left;padding:25px 15px; box-sizing: border-box; background-color: #f5f5f5; }
#newsflash .tuwenbox .info h3{line-height: 2.5em;float: left; height: 2.5em; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  color: #333333; font-size: 1.1rem; border-bottom:solid 1px #f5f5f5;}
#newsflash .tuwenbox .info p{ width: 100%; line-height: 1.7em;margin:5px 0; float: left; max-height: 5.1em; color: #999; overflow: hidden; }
#newsflash .tuwenbox .info i{ line-height: 1.3em; height: 1.3em; margin:.2em .2em .2em 0; padding:0 5px; background-color: #ff7200; color: #fff; font-style: normal;}
#newsflash .tuwenbox .info dt{ width: 100%; float: left;line-height: 2.5em; color: #666; }
#newsflash .flex-direction-nav a{top:30%;opacity:0.5;}
#newsflash .flex-control-nav{ display: none; }

.newscenter{ width: 560px; float: left; position: relative; padding-left:30px;margin-top:20px;}
.newsfirst{ width: 100%; float: left; position: relative; }
.newsfirst li{ width: 100%; float: left;padding:10px 0; position: relative; border-bottom: solid 1px #f5f5f5; }
.newsfirst p{ width: 100%; float: left; line-height: 2em; font-size: 22px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold;}
.newsfirst dt{ width: 100%; float: left; color: #999; line-height: 25px;margin:5px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;}
.newslist{ width: 100%; float: left;padding:10px 0; position: relative; }
.newslist li{ width: 100%; float: left; line-height: 46px; border-bottom: solid 1px #f5f5f5; }
.newslist li a{ width: 75%; float: left; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; padding-left: 10px; box-sizing: border-box; background-image: url('../images/ico-1.gif'); background-position:2px center; background-repeat:no-repeat;}
.newslist li span{ float: right;  color: #999; }

.newsright{ width: 260px; float: right; position: relative; }
.news_rank { width:100%; float:left; padding:10px 0px; box-sizing: border-box;}
.news_rank li { line-height: 42px; float: left; height: 42px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;color: #f1d0d2; }
.news_rank li i { font-style: normal; line-height: 20px; color: #111; background-color: #e2e2e2; text-align: center; margin: 5px; float: left; height: 20px; width: 20px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top: 9px;}
.news_rank li a{ color: #111; }
.news_rank li:nth-child(1) i{ background-color: #fd3d2a;color: #fff;}
.news_rank li:nth-child(2) i{ background-color: #fe7366;color: #fff; }
.news_rank li:nth-child(3) i{ background-color: #fcb0a8; }
.ranktitle{ width: 100%; float: left;padding:15px; box-sizing: border-box; background-color: #ff7200; margin-top: 30px; background-image: url('../images/ico_rank.png'); background-position: 10px center; background-repeat:no-repeat; }
.ranktitle span{ font-size: 18px; color: #fff; padding-left: 35px; }
@media screen and (max-width:1200px){
    .left1{ width: 30%; }
    .newscenter{ width: 45%;padding-left:10px; box-sizing: border-box;}
    .newsright{ width: 25%;padding-left:10px;box-sizing: border-box; }
}
@media screen and (max-width:750px){
    .tit2 .child a{ padding:0 8px;color: #999; display: none; }
    .tit2 .child a:last-child{ display: block; }
    .left1{ width: 100%; padding: 5px; box-sizing: border-box; margin-top: 10px;}
    #newsflash .tuwenbox .info{ padding:10px 15px;}
    .newscenter{ width: 100%;padding:5px; box-sizing: border-box; margin-top: 10px;}
    .newsright{ width: 100%;padding:5px;box-sizing: border-box; margin-top: 0px; }
    .ranktitle{ margin-top: 0px; }
}
/*关于我们*/
.about{ width: 100%; padding:50px 0; position: relative; margin-top: 20px;}
.aboutpic{ width: 400px; float: left; margin-top: 10px; }
.aboutpic .pic{ width: 100%; float: left; }
.aboutpic .pic img{ width: 100%; float: left; }
.aboutpic .aboutlink{ width: 100%; float: left; background-color: #0070ce; }
.linkboxs{width: 50%; float: left; text-align: center; color: #fff;padding:20px 0;}
.linkboxs span{ width: 100%; text-align: center; float: left;}
.linkboxs span img{ width: 40px; height: auto; }
.linkboxs p{ width: 100%; float: left; line-height: 25px;  margin-top: 10px;}
.linkboxs:nth-child(2){ background-color: #ff7200; }

.about_box{ width: 750px; float: right; padding:10px 25px; background-color: #fff; float: right; box-sizing: border-box; position: relative;}
.about_ico{ width: 100px;height: 100px; background-image: url('../images/about_ico.png'); background-repeat: no-repeat; position: absolute;right: -15px;top: -15px; background-size:cover; }
.about_title { font-size: 26px; line-height: 50px; font-weight: bold; color: #111; float: left;width: 100%; padding-bottom: 5px; }
.about_title i { font-size: 30px; font-style: normal; font-weight: normal; color: #AE2A32; padding-left: 10px; text-transform: uppercase; }
.about_line { float: left; height: 10px; width: 180px; border-bottom: 1px solid #0070ce; margin-bottom: 10px; }
.about_info { line-height: 25px; color: #666; float: left; width: 100%; padding:10px 0; }
.about_content {  color: #3a3a3a; float: left; width: 100%; font-size: 14px; }
.about_content p{line-height: 1.8em;width: 100%; padding:.3em 0; }
.about_content p a{ color: #0070ce; }
.about_more { line-height: 35px; color: #0070ce; float: left; text-align: center; margin-top: 20px;}
.about_more a { color:#0070ce; text-decoration:none;}
.about_list{ width: 100%; float: left;padding:20px 0; position: relative; }
.about_list li{ width: 25%; float:left; padding-top:30px; text-align: center; box-sizing: border-box; }
.about_list li span{ width: 100%; line-height: 50px; text-align: center; font-size: 35px; color: #3a3a3a; color: #fd3d2a;}
.about_list li p{ width: 100%; line-height: 30px; text-align: center; color: #3a3a3a;}
@media screen and (max-width:1200px){
    .about{padding:30px 0;}
    .aboutpic{ width: 40%; }
    .about_box{ width: 60%; }
}
@media screen and (max-width:750px){
    .about{padding:20px 0;}
    .aboutpic{ width: 100%; }
    .about_box{ width: 100%; margin-top: 15px; padding: 10px; }
    .about_title { font-size: 1.2rem; line-height: 2em;}
    .about_ico{ width: 80px;height: 80px; background-image: url('../images/about_ico.png'); background-repeat: no-repeat; position: absolute;right: -5px;top: -15px; }
}
.case{width:100%;position: relative; float: left;}
.caselist{ width: 100%; float: left; position: relative; }
.caselist li{ width: 16.66%; padding:25px; box-sizing: border-box; float: left; border:solid 1px #f5f5f5; }
.caselist li span{ width: 100%; float: left; position: relative; }
.caselist li span img{ width: 100%; height: auto;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.caselist li:hover img{transform: scale(1.2, 1.2);-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
@media screen and (max-width:750px){
    .caselist li{ width: 25%; padding:10px;}
}
.links { line-height: 25px; color: #999999; padding: 10px 0; float: left; width: 100%;}
.links b { font-weight:normal; float:left; width:60px; text-align:center;}
.links a { color:#999999; padding-left:15px; padding-right:15px; display:block; float:left;}

/*底部*/
.bottom { width: 100%; padding-top: 30px; padding-bottom: 30px; background-color: #111; }
.bottom1 { background-color: #1e1e1e; width: 100%; padding-top: 40px; padding-bottom: 30px; }
.footnav{ width: 100%; line-height: 40px; padding:10px 0;border-bottom: solid 1px #2b2b2b; font-size: 15px; }
.footnav a{ padding-right:20px; color: #999; }

.bottominfo{ width: 100%; float: left; padding:20px 0; position: relative; }
.contact { width: 800px; float: left; color:#666; line-height:30px;}
.weixin { float: left; width: 360px; padding-top: 5px;}
.weixin span { float: right; width: 100px; text-align: center; color: #7b7b7b; line-height: 25px; padding:10px;}
.weixin span img{ width: 100%; height: auto; }
.weixin p { line-height: 70px; color: #7b7b7b; height: 70px; width: 160px; float: right; }
.bottom2 { background-color: #000; width: 100%; padding-top: 15px; padding-bottom: 15px; }
.copyright { line-height: 25px; color: #7b7b7b; text-align: center; float: left; width: 1100px; }
.copyright a { color:#7b7b7b; text-decoration:underline;}
@media screen and (max-width:1200px){
    .bottom {padding: 30px 10px; box-sizing: border-box;}
    .bottom1 {padding-top: 20px; padding-bottom: 15px; }
    .contact { width:100%; float: left; color:#666; line-height:30px; padding-right: 200px; box-sizing: border-box;}
    .weixin { float: left; width: 180px; padding-top: 5px; position: absolute;top: 10px; right: 10px;}
    .weixin span { width: 50%; line-height: 25px; padding:10px; box-sizing: border-box;}
}
@media screen and (max-width:750px){
    .bottom {padding: 15px 10px; box-sizing: border-box;}
    .footnav{ line-height: 2em; font-size: .9rem;}
    .contact { line-height:2em; padding: 5px; font-size: .8rem;}
    .weixin { float: left; width: 100%; padding-top: 5px; position: relative;top: 10px; right: 10px;}
    .weixin span { width: 50%; line-height: 25px; padding:10px 5%; box-sizing: border-box; float: left;}
}

/*第二种方案*/
.tit3{ width:100%; float: left; height: 50px;line-height: 50px; border-bottom:solid 1px #f5f5f5; margin:0px;}
.tit3 h2{ font-size: 20px; color: #0070ce; background-image:url('../images/ico_p.png'); background-position: left center; background-repeat: no-repeat; padding-left: 35px; float:left;}
.tit3 .child{ float: right; line-height: 50px; color: #999;}
.tit3 .child a{ padding:0 8px;color: #999; }
.hotbox{ width: 100%; float: left; position: relative; }
.indexmenu{width: 360px; float: left; position: absolute; background-color: #0070ce; z-index: 99; left: 0; top: 0;}
.indexmenu .tits{ width: 100%; float: left; line-height: 50px; height: 50px; padding-left: 75px; box-sizing: border-box; color: #fff;background-image:url('../images/ico_cat3.png'); background-position: 30px center; background-repeat: no-repeat; background-color: #0070ce; font-size: 18px; font-weight: bold; }
.indexmenu .cats{width: 310px; float: left; box-sizing: border-box; position: relative; margin: 10px 0 20px 30px;}
.indexmenu .catbox{ width: 100%; float: left; background-color: #fff;padding:10px 20px; border-bottom: solid 6px #0070ce; }
.indexmenu .catbox .catname{ width: 100%; line-height: 40px; height: 40px; font-size: 16px; font-weight: bold; float: left; font-weight: bold;}
.indexmenu .catbox .catmenu{ width: 100%; float: left; position: relative;}
.indexmenu .catbox .catmenu span{ width: 33.333%; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 35px; color: #666; padding-right: 5px; box-sizing: border-box;}
.indexmenu .catbox .catmenu span a{color: #666;}
.pbox2 { width: 100%; float:right; padding:0; position: relative; background-color: #fff; padding-left: 400px; box-sizing: border-box;}
.plist2{ width: 100%; float:left; position: relative; box-sizing: border-box; }
.plist2 li{ width: 33.3%; float: left; padding: 0px; position: relative; box-sizing: border-box; border:solid 1px #f5f5f5;}
.plist2 li .pin{ width: 100%; float: left; background-color:#fff; padding: 15px; box-sizing: border-box; position: relative;  overflow: hidden; }
.plist2 li .thumb{ width: 100%; float: left; position: relative; }
.plist2 li .thumb img{ width: 100%; height: 220px; }
.plist2 li .info{ width: 100%; float: left; padding:10px 0; position: relative;}
.plist2 li .info h3{ width: 100%; float: left; line-height: 40px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; text-align: center;}
.plist2 li .info p{ width: 100%; float: left; line-height: 40px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; text-align: center;}
.plist2 li .info dt{ width: 100%; float: left; padding: 10px 0; color:#ccc; }
.plist2 li .info span{ width: 50%; padding:5px; box-sizing:border-box; float: left;}
.plist2 li .info span a{ width: 100%; display: block; line-height: 35px; height: 35px; text-align: center; color: #fff;}
.plist2 li .info .bt{ width: 100%; float: left; padding: 10px 0; color:#ccc; text-align: center; }
.plist2 li .info .bt i{ width: 40%; display: inline-block; line-height: 30px; height: 30px; font-style: normal; color: #fff; text-align: center; background-color: #0070ce; }
.plist2 li .info .bt i a{ color: #fff; }
.plist2 li .info .bt em{ width: 40%; display: inline-block; line-height: 30px; height: 30px; font-style: normal; color: #fff; text-align: center; background-color: #fff; border:solid 1px #0070ce; border-radius: 2px; }
.plist2 li .info .bt em a{ color: #0070ce; }
.plist2 li:hover .pin{-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1),inset 0px 0px 10px rgba(0,0,0,0.1) }
@media screen and (max-width:1200px){
    .indexmenu{width: 240px;}
    .indexmenu .cats{width: 230px; float: left; box-sizing: border-box; position: relative; margin: 10px 0 20px 10px;}
    .indexmenu .catbox{ padding:10px;}
    .pbox2 { padding-left: 280px;}
}
@media screen and (max-width:750px){
    .indexmenu{width: 100%; position: relative;}
    .indexmenu .cats{width: 96%; float: left; box-sizing: border-box; position: relative; margin: 10px 2%;}
    .indexmenu .catbox{ padding:10px; box-sizing: border-box;}
    .pbox2 { width: 100%; padding-left: 0px; }
    .plist2 li .pin{ padding: 5px; }
    .plist2 li .thumb img{ width: 100%; height: auto; }
    .plist2 li .info .bt{ padding: 5px 0; }
    .plist2 li .info .bt i,.plist2 li .info .bt em{ width: 46%; font-size: .8rem; }
}