/* CSS Document */
@font-face {
	font-family: 'iconfont';  /* project id 1264008 */
	src: url('//at.alicdn.com/t/font_1264008_tdycflrw8jc.eot');
	src: url('//at.alicdn.com/t/font_1264008_tdycflrw8jc.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_1264008_tdycflrw8jc.woff2') format('woff2'),
	url('//at.alicdn.com/t/font_1264008_tdycflrw8jc.woff') format('woff'),
	url('//at.alicdn.com/t/font_1264008_tdycflrw8jc.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_1264008_tdycflrw8jc.svg#iconfont') format('svg');
  }
*{padding: 0;margin: 0;}
body { margin: 0 auto; overflow-x: hidden; background: #fff; color: #000222; font-size: 14px; font-family:  "Microsoft Yahei", Arial, sans-serif;}
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color: #2b2b2b; cursor: pointer;}
a:hover{text-decoration:none;}
.w100{ width:100%; min-width: 1200px;}
.w1200{ width:1200px; margin:0 auto;}
.content { width: 1200px; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both; zoom:1;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.q{zoom: 1;}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}
.fixed{ position: fixed; top: 0; z-index: 999;}
.block{ display: block!important;}
input,select,button,option{ border:0; outline:none;}
.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

/*网页头部*/
.hed{ width: 100%; height: 35px; background: #f3f3f3;}
.hed_box{ height: 35px;}
.hed_box p{ width: 500px; color: #777; line-height: 35px; font-size: 15px;}
.hed_box ul{ float: right;}
.hed_box ul li{ background: url(../images/top01.jpg) no-repeat 7px center; width: 76px; height: 35px; float: right; text-align: right; line-height: 35px;}
.hed_box ul li a{ font-size: 15px; color: #777;}
.hed_box ul li a:hover{ color: #e60012;}
.hed_box ul li.top1{ background: none;}

/*logo*/
.top{ width: 100%; height: 150px;}
.top_box{ height: 150px;}
.top_box h1{ width: 90px; height: 150px; float: left;}
.top_box h1 img{ margin-top: 31px; max-width: 80px;}
.topter{ width: 650px; height: 150px; float: left;}
.topter h2{ margin-top: 32px; font-size: 32px;}
.topter h2 span{ color: #e60012;}
.topter h3{ width: 466px; text-align: center; font-size: 18px; color: #777; margin-top: 7px; height: 24px; font-weight: normal; letter-spacing: 2px;}
.top_box ul{ float: left;}
.top_box ul li{ background: url(../images/top03.png) no-repeat center top; float: left; margin-right: 40px; height: 80px; margin-top: 50px; position: relative; z-index: 11100; cursor: pointer;}
.top_box ul li p{ text-align: center; margin-top: 30px; line-height: 30px; font-size: 15px; color: #777;}
.top_box ul li img{ display: none; position: absolute; top: 67px; left: -40px; max-width: 180px;}
.top_box ul li:hover img{ display: block;}
.top_box ul li:hover{ background: url(../images/top04.png) no-repeat center top;}
.top_box ul li:hover P{ color: #e60012;}
.toprt{ background: url(../images/top05.png) no-repeat 26px 20px; width: 220px; height: 150px; float: right;}
.toprt p{ font-size: 18px; color: #2b2b2b; font-weight: bold; text-indent: 61px; letter-spacing: 4px; margin-top: 22px;}
.toprt dl{ width: 218px; height: 68px; margin-top: 8px;}
.toprt dl dt{ text-align: center; line-height: 33px; font-size: 24px; color: #e60012; font-weight: bold;}
.toprt dl dd{ text-align: center; line-height: 35px; background: #e60012; color: #fff; font-weight: bold; font-size: 24px;}

/*导航*/
.menu{ height: 50px; background: #363636;}
.menu ul{ overflow: hidden;}
.menu .menu_item{ float:left; width: 145px; margin-left: 5px; height: 50px; text-align: center; overflow: hidden;}
.menu .menu_item a{ display: inline-block; width: 100%; color: #fff; height: 100%; line-height: 50px; font-size: 17px; text-align:center;}
.menu .menu_item:hover{ background-color: #e60012;}
.menu .cur{ background-color: #e60012;}
.menu .cur a{ color: #fff;}
.menu .menu_item:hover .submenu{ display:block; z-index:999; position:absolute;}
.submenu{ background-color:#363636; min-width: 145px; overflow: hidden; z-index:999; display:none;}
.submenu_item{ line-height: 40px; text-align: center;}
.submenu_item a{ line-height: 40px!important; font-size: 15px!important; color: #fff!important; min-width: 145px;}
.submenu_item a:hover{ background-color: #e60012!important; color:#fff!important}

/*头部banner*/
.banner{ height:550px; position: relative;}
.banner img{ height: 550px;}

/*热搜关键字*/
.search_div{ height: 60px; border-bottom: 1px dashed #d9d9d9;}
.ser{ height: 60px;}
.search{ float: right; width: 310px; height: 40px; margin-top: 10px; background: #f3f3f3; border-radius: 5px;}
.search_tow{ border: none; width: 240px; color: #777; font-size: 13px; padding-left: 10px; height: 40px; background: none;}
.search_button{ background: url(../images/btn.png) no-repeat center center; cursor: pointer; width: 50px; height: 40px; position: absolute; right: 0px; border: none;}
.search{ position: relative;}
.sea_key{ float: left;width: 800px; height: 60px; line-height: 60px; overflow: hidden; background: url(../images/ser01.png) no-repeat left center;}
.sea_key a{ color: #777; margin: 0 5px;}
.sea_key a:hover{ color: #e60012;}
.sea_key span{ color: #2b2b2b; margin-left: 20px;}

/*产品展示*/
.cp{ background-color: #f3f3f3;}
.cp .cp_box{ height: 920px;}
.cptop{ width: 1200px; height: 151px; float: left;}
.cptop p{ text-align: center; margin-top: 60px; font-size: 32px; font-weight: bold;}
.cptop p span{ color: #e60012;}
.cptop h5{ display: block; text-align: center; font-size: 16px; color: #2b2b2b; letter-spacing: 5px; margin-top: 3px; font-weight: normal;}
.cpter{ width: 1200px; height: 120px; float: left;}
.cpterft{ background: url(../images/cp01.png) no-repeat center center; width: 280px; height: 100px; float: left;}
.cpterft P{ font-size: 32px; color: #fff; font-weight: bold; text-align: center; margin-top: 20px;}
.cpterft span{ display: block; font-size: 14px; color: #f3a4a7; text-align: center;}
.cpter ul{ float: left; width: 920px;}
.cpter ul li{ float: left; margin-left: 10px; position: relative; margin-bottom: 10px;}
.cpter ul li>a{ display: block; width: 174px; height: 45px; background: #777; text-align: center; line-height: 45px; font-size: 15px; color: #fff;}
.cpter ul li>a:hover{ background: #e60012;}
.cpter ul li:hover div{ display: block;}
.cpter ul li.cpp1 a{ background: url(../images/cp02.jpg) no-repeat center center;}
.cpbt{ width: 1235px; float: left; padding: 30px 0;}
.cpbt li{ width: 380px; height: 350px; border: 1px solid #cbcbcb; background: #fff; float: left; margin-right: 30px; position: relative; overflow: hidden; margin-bottom: 25px; box-sizing: border-box;}
.cpbt li .imgdw{ width: 380px; height: 285px; padding: 20px; box-sizing: border-box; overflow: hidden;}
.cpbt li .imgdw img{ object-fit: cover; width: 100%; height: 100%; margin: 0 auto; transition: all 0.6s;}
.cpbt li .imgdw img:hover{ transform: scale(1.2);}
.cpbt li p{ width: 380px; height: 348px; position: absolute; top: 348px; left: 0; background: url(../images/cp03.png) no-repeat center center; font-size: 15px; color: #fff; text-align: center; padding: 20px; box-sizing: border-box;}
.cpbt li:hover p{ top: 0;}
.cpbt li p span{ position: relative; top: 160px; line-height: 2em;}
.cpbt li h4{ text-align: center; font-weight: normal; text-align: center; color: #777; font-size: 17px; padding: 5px 30px 0 30px}

/*资讯热线:*/
.tage{ height: 250px;}
.tage_box{ height: 250px;}
.tage_box>span{ width: 1200px; display: block; text-align: center;margin-top: 51px; float: left; font-size: 32px!important; letter-spacing: 5px;}
.tage_box p{ text-align: center; font-size: 16px; color: #ffffff;}
.tage_box span{ font-size: 18px; color: #fff; font-weight: bold;}
.tage_box div{ padding-left: 515px; margin-top: 22px;}
.tage_box div a{ display: block; width: 170px; height: 40px;text-align: center; line-height: 40px; font-size: 15px; color: #fff; background: -webkit-linear-gradient(bottom, #b60103, #ea3516);
    background: -moz-linear-gradient(bottom, #e60012, #ea3516);
    background: -o-linear-gradient(bottom, #e60012, #ea3516);
    background: linear-gradient(bottom, #e60012, #ea3516);}
.tage_box div a:hover{ color: #2b2b2b; background: -webkit-linear-gradient(bottom, #fff, #ccc);
    background: -moz-linear-gradient(bottom, #fff, #ccc);
    background: -o-linear-gradient(bottom, #fff, #ccc);
    background: linear-gradient(bottom, #fff, #ccc);}

/*定制流程*/
.dz{ height: 502px;}
.dz_box{ height: 502px;}
.dztop{ width: 1200px; height: 183px;}
.dztop p{ text-align: center; margin-top: 60px; font-size: 32px; font-weight: bold; letter-spacing: 5px;}
.dztop span{ color: #e60012;}
.dztop h5{ display: block; text-align: center; letter-spacing: 5px; font-size: 16px; color: #2b2b2b; font-weight: normal;}
.dzter{ width: 1200px; height: 300px; background: url(../images/dz01.png) no-repeat 237px 44px;}
.dzter li{ width: 240px; height: 100px; float: left; margin-bottom: 46px; cursor: pointer;}
.dzter li h1{ text-align: center; color: #fff; margin-top: 10px;}
.dzter li p{ text-align: center; line-height: 35px; font-size: 15px; color: #2b2b2b; margin-top: 25px;}
.dzter li{ background: url(../images/dz.png) no-repeat center top;}
.dzter li:hover{ background: url(../images/dzhover.png) no-repeat center top;}

/*选择我们*/
.choo{ height: 1372px; width: 100%; background: url(../images/advbg.png) repeat;  background-size: cover;}
.choo_box{ height: 1372px;}
.chootop{ width: 1200px; height: 166px; float: left;}
.dztop p{ text-align: center; margin-top: 60px; font-size: 32px; font-weight: bold; letter-spacing: 5px;}
.dztop span{ color: #e60012;}
.dztop h5{ display: block; text-align: center; font-size: 16px; color: #2b2b2b; letter-spacing: 5px; margin-top: 3px; font-weight: normal;}
.ys{ width: 1200px; height: 250px; float: left; margin-bottom: 30px;}
.ys img{ width: 560px; height: 250px; transition: all 0.6s; cursor: pointer;}
.ys img:hover{ transform: scale(1.1);}
.ys dl{ width: 560px; height: 250px;}
.ys dl dt{ padding-left: 74px; font-size: 24px; color: #2b2b2b; font-weight: bold; margin-top: 58px; cursor: pointer;}
.ys dl dt:hover{ color: #e60012;}
.ys dl dd{ padding-left: 74px; margin-top: 25px; height: 90px; color: #777; line-height: 30px;}
.ys dl dd em{ color: #ec1b24; font-weight: bold; font-style: normal;}
.ys1 img{ float: right;}
.ys1 dl{ background: url(../images/ys01.png) no-repeat left 58px; float: left;}
.ys2 img{ float: left;}
.ys2 dl{ background: url(../images/ys02.png) no-repeat left 58px; float: right;}
.ys3 img{ float: right;}
.ys3 dl{ background: url(../images/ys03.png) no-repeat left 58px; float: left;}
.ys4 img{ float: left;}
.ys4 dl{ background: url(../images/ys04.png) no-repeat left 58px; float: right;}

/*公司简介*/
.gs{ height: 799px; background: url(../images/gsck.jpg) no-repeat center top; border-bottom: 1px dashed #c9c9c9;}
.gs_box{ height: 799px;}
.gstop{ width: 1200px; height: 161px; float: left;}
.gstop p{ text-align: center; margin-top: 60px; font-size: 32px; font-weight: bold;}
.gstop span{ color: #e60012;}
.gstop h5{ text-align: center; display: block; font-size: 16px; color: #2b2b2b; margin-top: 3px; letter-spacing: 5px; font-weight: normal;}
.gster{ width: 1200px; height: 360px; float: left;}
.gsft{ width: 577px; height: 360px; float: left;}
.gsft span{ font-size: 24px; display: block; color: #2b2b2b; letter-spacing: 3px; margin-top: 30px;}
.gsft p{ width: 577px; color: #777; line-height: 24px; text-indent: 2em; margin-top: 12px; font-size: 15px; letter-spacing: 2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.gsft p a{ color: #0f84da;}
.gsft ul{ width: 570px; height: 40px; margin-top: 30px;}
.gsft ul li{ width: 140px; height: 40px; float: left; margin-right: 20px;}
.gsft ul li a{ display: block; width: 140px; height: 40px; background: -webkit-linear-gradient(bottom, #b60103, #ea3516);
    background: -moz-linear-gradient(bottom, #e60012, #ea3516);
    background: -o-linear-gradient(bottom, #e60012, #ea3516);
    background: linear-gradient(bottom, #e60012, #ea3516);color: #fff; text-align: center; line-height: 40px; font-size: 15px;}
.gsft ul li a:hover{ color: #2b2b2b; background: -webkit-linear-gradient(bottom, #fff, #ccc);
    background: -moz-linear-gradient(bottom, #fff, #ccc);
    background: -o-linear-gradient(bottom, #fff, #ccc);
    background: linear-gradient(bottom, #fff, #ccc);}
.gsrt{ width: 590px; height: 360px; float: right;}
.gsrt img{ width: 590px; height: 360px; transition: all 0.6s;}
.gsrt img:hover{ transform: scale(1.1);}
.mrmr2{ width: 1200px; float: left; height: 178px; position: relative; margin-top: 40px;}
.mr_BtnL2{ background: url(../images/left.png) no-repeat center center; width: 25px; height: 46px; cursor: pointer; display: inline; position: absolute; top: 65px; left: -45px;}
.mr_mr2{ float: left; width: 1200px; overflow: hidden; height: 178px;}
.mr_BtnR2{ background: url(../images/right.png) no-repeat center center; width: 25px; height: 46px; cursor: pointer; position: absolute; top: 65px; right: -45px;}
.mr_mr2 ul li{ float: left; width: 285px; height: 178px; margin-right: 20px; position: relative; overflow: hidden;}
.mr_mr2 ul li .imgdw{ width: 285px; height: 178px; float: left;}
.mr_mr2 ul li img{object-fit: cover; width: 100%; height: 100%; margin: 0 auto;}
.mr_mr2 ul li p{ background: url(../images/xc01.png) no-repeat center center; width: 285px; height: 178px; position: absolute; top: 178px; left: 0;}
.mr_mr2 ul li:hover p{ top: 0;}

/*新闻资讯*/
.news{ height: 405px;}
.news_box{ height: 405px;}

.news-l{ width: 575px; float: left; overflow: hidden; margin-top: 50px;}
.news-l .title{ height: 39px; line-height: 39px; overflow: hidden; background: url(../images/news02.png) no-repeat bottom center;}
.news-l .title p{ float: left; padding-left: 15px; background: url(../images/news01.png) no-repeat left center; font-size: 16px; color: #434343;}
.news-l .title p span{ font-weight: bold;}
.news-l1 ul li{ height: 40px; line-height: 40px; width: 575px; overflow: hidden; border-bottom: 1px dashed #dbdbdb;}
.news-l1 ul li a{ display: inline-block; height: 40px; line-height: 40px; width: 575px; overflow: hidden;}
.news-l1 ul li .s1{ float: right; font-size: 12px; color: #c5c5c5;}
.news-l1 ul li .s2{ float: left; font-size: 15px; color: #343434; padding-left: 15px; background: url(../images/news03.png) no-repeat left center; width: 416px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-l1 ul li:hover .s1{ color: #e60012;}
.news-l1 ul li:hover .s2{ color: #e60012; background: url(../images/news04.png) no-repeat left center;}

.newstop{ width: 575px; float: right; overflow: hidden; margin-top: 50px;}
.newstop div{ height: 39px; line-height: 39px; overflow: hidden; background: url(../images/news02.png) no-repeat bottom center;}
.newstop div p{ float: left; padding-left: 15px; background: url(../images/news01.png) no-repeat left center; font-size: 16px; color: #434343;}
.newstop div p span{ font-weight: bold;}
.news .title span a{ float: right; width: 48px; height: 15px; border-radius: 5px; border: 1px solid #434343; font-size: 12px; color: #434343; text-align: center; line-height: 13px; margin-top: 12px;}
.news .title span a:hover{ background: #e60012; color: #fff; border: 1px solid #e60012;}
.newstop ul{ margin-top: 1px;}
.newstop ul li{ width: 575px; height: 81px; overflow: hidden; border-bottom: 1px dashed #dbdbdb;}
.newstop ul li span{ padding-left: 30px; background: url(../images/wen.png) no-repeat left center; margin-top: 16px; display: block;}
.newstop ul li span a{ font-size: 16px; font-weight: bold; color: #434343; width: 400px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newstop ul li p{ font-size: 14px; color: #707070; width: 545px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 30px; background: url(../images/da.png) no-repeat left center; margin-top: 5px;}
.newstop ul li span a:hover{ color: #e60012;}

/*友情链接*/
.box{ width: 100%;}
.box_tt{ background: #e60012;}
.box ul{ width: 1200px; overflow: hidden; background: url(../images/link.png) no-repeat 38px 18px;}
.box li{ float: left;}
.box li p{ color: #0f84da; width: 106px; height: 64px;}
.box li a{ color: #e9a4a6; line-height: 64px; margin-left: 20px; font-size: 15px;}
.box li a:hover{ color: #fff;}

/*底部*/
.foot{ height: 309px; background:#363636;}
.foot .foot_con{ width: 1200px; height: 308px; margin: 0 auto; border-bottom: 1px solid #434343}
.ter4{ width: 260px; height: 308px; float: left;}
.ter4 img{ margin-top: 42px;}
.ter3{ background: url(../images/ter01.jpg) no-repeat left 87px; width: 300px; height: 308px; float: left;}
.ter3 span{ display: block; font-size: 18px; color: #fff; font-weight: bold; margin-top: 55px;}
.ter3 img{ width: 140px; height: 140px; margin-top: 40px;}
.ter2{ width: 350px; height: 308px; float: left; background: url(../images/ter01.jpg) no-repeat left 87px;}
.ter2 span{ width: 350px; font-size: 18px; color: #fff; margin-top: 55px; display: block; font-weight: bold;}
.ter2 p{ color: #a8a8a8; float: left; margin-top: 36px; line-height: 25px;}
.ter2 p a{ color: #a8a8a8;}
.ter2 p a:hover{ color: #e60012;}
.ter1{ width: 230px; height: 308px; float: right; background: url(../images/ter01.jpg) no-repeat left 87px;}
.ter1 p{ width: 230px; font-size: 18px; color: #fff; margin-top: 55px; font-weight: bold;}
.ter1 ul{ width: 230px; height: 175px; margin-top: 36px;}
.ter1 ul li{ width: 115px; float: left;}
.ter1 ul li a{ color: #a8a8a8; line-height: 25px;}
.ter1 ul li a:hover{ color: #e60012;}
.copy{ width: 100%; height: 71px; background: #363636;}
.copy_box{ width: 1200px; height: 70px; margin: 0 auto; border-top: 1px solid #434343;}
.copy_box p.copy1{ font-size: 15px; color: #a8a8a8; line-height: 70px; float: left;}
.copy_box p.copy2{ font-size: 15px;color: #a8a8a8; line-height: 70px; float: right;}
.copy_box p.copy2 a{ font-size: 15px; color: #a8a8a8;}
.copy_box p.copy2 a:hover{ color: #e60012;}

/*goTop*/
.goTop_Box { position: relative;}
.right-bar { position: fixed; bottom: 10%; right: 4%; z-index: 9999; zoom: 1;}
.gotop { width: 45px; height: 45px; background: url(../images/hdb.png) no-repeat; cursor: pointer;}

/*内页banner*/
.nybanner{ width:100%; height:200px;}

/*内页样式开始*/
#content{width: 1200px;margin: 30px auto;}

/*内页左侧*/
.n_pro_list{ width: 300px; float: left;}
.box_left{ width: 300px; height: auto; float: left; margin-bottom: 30px;}
.mode2{ height: auto; width: 300px; padding-top: 30px;}
.box_title{ width: 285px; color: #fff; font-size: 18px; background-color: #363636; height: 60px; line-height: 60px; padding-left: 15px;}
.box_title span{ color: #fff; font-weight: normal;}
.box_title span h2{ font-size: 12px; font-weight: normal;}
.mode3{ width: 300px;}
.mode3 .zcmenu{ width: 300px; position: relative;}
.mode3 .zcmenu .tact{ width: 212px; height: 140px; position: absolute; left: 12px; bottom: 20px;}
.mode3 .zcmenu .bt{ width: 285px; height: 60px; background: #363636; font-size: 18px; line-height: 60px; color: #fff; padding-left: 15px;}
.mode3 .zcmenu .bt span{ font-size: 16px; font-family: arial; color: #fff; margin-left: 10px; font-weight: normal;}
.mode3 .menu_list{ width: 300px; padding-top: 3px;}
.mode3 .menu_head{ width: 300px; height: 40px; line-height: 40px; text-indent: 15px; font-size: 14px; color: #fff; cursor: pointer; background: url(../images/menu_zt1.png) no-repeat; margin-bottom: 3px; transition: all 0.5s;}
.mode3 .menu_head a{ color: #333; display: block; width: 240px; height: 40px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mode3 .menu_list .current, .mode3 .menu_head:hover{ background: url(../images/menu_zt2.png) no-repeat;}
.mode3 .menu_list .current a, .mode3 .menu_head:hover a{ color: #fff;}

/*左边联系方式*/
.hots_tact{padding: 20px 15px; background: #f0f0f0;}
.hots_tact ul li{padding: 5px 0 5px 20px;position: relative;line-height: 20px;color: #333;}
.hots_tact ul li a{color: #333;}
.hots_tact ul li a:hover{color: #e60212;}
.hots_tact ul li span{width: 22px;height: 22px;position: absolute;top: 4px;left: -7px;display: block;}
.hots_tact ul li.tact_cts span{background: url(../images/tact_cts.png) no-repeat left bottom;}
.hots_tact ul li.tact_phone span{background: url(../images/tact_phone.png) no-repeat left bottom;}
.hots_tact ul li.tact_tel span{background: url(../images/tact_tel.png) no-repeat left bottom;}
.hots_tact ul li.tact_fax span{background: url(../images/tact_fax.png) no-repeat left bottom;}
.hots_tact ul li.tact_mail span{background: url(../images/tact_mail.png) no-repeat left bottom;}
.hots_tact ul li.tact_add span{background: url(../images/tact_add.png) no-repeat left bottom;}


/*内页右侧*/
.sidebar{width: 830px;float: right;}
.sidebar_con{padding-top: 30px;position: relative;}
.title_r{border-bottom: 1px solid #111;height: 59px;line-height: 59px; font-size: 22px; font-weight: 600;}
.bt_text_y{font-size: 14px;float: right;}
.bt_text_y a{color: #333;padding: 0 10px;}
.bt_text_y a:hover{color: #e60212;}

/*内页单页*/
.column { width: 830px; float: right;}
.current_content { padding: 20px 0; line-height: 24px; font-size: 15px; color: #333;}
.current_content p { font-size: 15px; color: #333; padding: 3px 0;}
.current_content img { width: 100%; height: auto;}

/*内页产品列表*/
.product_list{ width: 840px; float: left; padding: 30px 0;}
.product_list li{ width: 270px; height: 270px; border: 1px solid #cbcbcb; background: #fff; float: left; margin-right: 10px; position: relative; overflow: hidden; margin-bottom: 25px; box-sizing: border-box;}
.product_list li .imgdw{ width: 270px; height: 202px; padding: 20px; box-sizing: border-box; overflow: hidden;}
.product_list li .imgdw img{ object-fit: cover; width: 100%; height: 100%; margin: 0 auto; transition: all 0.6s;}
.product_list li .imgdw img:hover{ transform: scale(1.2);}
.product_list li p{ width: 270px; height: 270px; position: absolute; top: 270px; left: 0; background: url(../images/cp04.png) no-repeat center center; font-size: 15px; color: #fff; text-align: center; padding: 20px; box-sizing: border-box;}
.product_list li:hover p{ top: 0;}
.product_list li p span{ position: relative; top: 110px; line-height: 2em;}
.product_list li h4{ text-align: center; font-weight: normal; text-align: center; color: #777; font-size: 15px; padding: 5px 30px 0 30px}

/*内页产品详情*/
.product_show{ width: 830px; float: left; padding: 30px 0;}
.product_show .tt{ font-size: 24px; line-height: 50px; font-weight: normal; color: #666; text-align: center;}
.product_list .slt img{ max-width: 800px;}
.product_show .xqjs{ padding: 10px 0;}
.product_show .xqjs .xqxx{ font-size: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.product_show .xqjs .xqxx img{ max-width: 800px;}

/*地图*/
#dituContent{ width: 99%; border: 1px solid #ccc; height: 450px;}

/*留言*/
.nyform{ padding: 30px}
.nyform th, .nyform td{ border: none!important;}
.nyform input, .nyform textarea{ background: none!important;}
.nyform input{ width: 450px!important; height: 40px!important;}
.nyform textarea{ width: 450px!important; height: 120px!important;}
.nyform .button{ background: #e60012!important; font-size: 15px!important;}
.nyform .button:hover{ background: #0f84da!important;}

/*内页图片列表*/
.img_list{ width: 840px; float: left; padding: 30px 0;}
.img_list li{ width: 270px; height: 240px; float: left; margin-right: 10px; position: relative; overflow: hidden; margin-bottom: 25px; box-sizing: border-box;}
.img_list li .imgdw{ width: 270px; height: 202px; border: 1px solid #cbcbcb; padding: 20px; box-sizing: border-box; overflow: hidden;}
.img_list li .imgdw:hover{ border: 1px solid #e60012;}
.img_list li .imgdw img{ object-fit: cover; width: 100%; height: 100%; margin: 0 auto; transition: all 0.6s;}
.img_list li .imgdw img:hover{ transform: scale(1.2);}
.img_list li p{ text-align: center; font-weight: normal; text-align: center; color: #777; font-size: 15px; padding: 5px;}

/*内页图片详情*/
.img_show{ width: 830px; float: left; padding: 30px 0;}
.img_show .tt{ font-size: 24px; line-height: 50px; font-weight: normal; color: #666; text-align: center;}
.img_show .slt img{ max-width: 700px;}
.img_show .xqjs{ padding: 10px 0;}
.img_show .xqjs .xqxx{ font-size: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.img_show .xqjs .xqxx img{ max-width: 700px;}

/*内页新闻列表*/
.news_list ul{ margin: 10px 0 30px 0;}
.news_list ul li{ line-height: 34px; margin-left: 5px; margin-bottom: 5px; border-bottom: 1px dotted #c2c2c2; padding: 10px;}
.news_list ul li a{ background: url(../images/new_li2.jpg) no-repeat left; display: block; padding-left: 10px; color: #333; font-size: 14px; font-weight: bold;}
.news_list ul li a:hover{ text-decoration: none;color: #e60212;}
.news_list ul li a .date{ float: right; color: #999;}
.news_list ul li a:hover .date{ text-decoration: none; color: #e60212;}

/*内页新闻详情*/
.news_show{ width: 830px; float: left; padding: 10px 0 30px 0;}
.news_show .tt{ font-size: 24px; line-height: 50px; font-weight: normal; color: #666; text-align: center;}
.news_show .date{ font-size: 14px; padding: 10px 0; border-bottom: 1px solid #eee; margin-bottom: 10px; color: #666;}
.news_show .news_content{ font-size: 15px; padding-bottom: 10px;}
.news_show .news_content img{ max-width: 550px;}

/*翻页*/
.pre_next{ margin: 30px 0; line-height: 1.5rem; font-size: 12px; color: #595959;border-top: 1px solid #eee; padding-top: 10px;}
.pre_next a:hover{ color: #e60012;}
#pages{ width: 100%;height: 30px; text-align: center; line-height: 30px; clear:both;}
#pages a{ display: inline-block; background: #fff; border: #a0a09f solid 1px; padding: 0 10px;margin: 0 3px; float: none; color: #666; font-size: 14px;}
#pages a:hover{ background: #e60012; color: #fff;}
#pages span{ display: inline-block; background: #e60012; color: #fff; border: #DDD solid 1px; padding: 0 10px; margin: 0 2px; float: none;}

/*悬浮客服*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#e60012 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#e60012 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#e60012 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#e60012 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{ display:block; width:120px; height:120px; margin:0 auto; margin-top:10px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}