@charset "gb2312";
/*公共样式*/
body{font-family: Microsoft YaHei,Arial;;font-size:12px;margin:0px;padding:0px;line-height:24px;height:auto;clear:both;overflow-x:hidden;color:#40413f;}
a{text-decoration:none; color:#232323;}
.clear{clear:both;}
.mr0{margin-right:0 !important;}
.w1200{width:1200px;}
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input,a{margin:0; padding:0; border:0; background-repeat:no-repeat; text-indent:0; list-style:none; text-decoration: none; outline: 0; font-size: 100%; vertical-align: baseline; font-family: "Microsoft YaHei";}
input, textarea, keygen, select, button{margin: 0em; font: 13.3333px Arial; text-rendering: auto; color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start;}
input{-webkit-appearance: textfield; padding: 1px; background-color: white; border: 2px inset; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto;}
/*网站整体布局*/
header{max-width: 1400px; height: 120px; position: relative;margin: 0 auto;}
nav{width: 100%; height: 38px;margin: 0 auto;}
.all{position: relative; /*width: 1400px;*/ height: 460px;}
.body{/* width: 1400px; height: 4290px;*/ margin:0 auto;}
footer{/* width: 1400px; height: 120px;*/ background-color:#1F1F1F;margin:0 auto;}
/*头部的相关样式*/
.i1{left: 85px; top: 10px; position: absolute;}
.search-form{border: 3px solid #cf000e; border-right: 0; height: 30px; width: 484px;} .search-form input{font-family: Microsoft YaHei,Arial;} .search-form .search-input{outline: 0; height: 16px; color: #333; line-height: 16px; padding: 6px 10px; border: 1px solid #fff; _height: 14px; _line-height: 14px; width: 360px; box-sizing: content-box;}
.clearfix:before{display: none;}
.clearfix:after{content: '.'; display: block; height: 0; clear: both; visibility: hidden;} .search-form .submit-btn{background: #cf000e; font-size: 16px; color: #fff; border: 0; height: 30px; line-height: 16px; width: 90px; text-align: center; cursor: pointer; float: right;}
.history{position: absolute; width: 485px; line-height: 22px; border: 1px solid #d6d6d6; border-top: 0; z-index: 100; background: #fff; display: none;}
.search-hot .hot-key{color: #999; font-size: 14px; margin-right: 12px;}
.f1{margin-top: 40px; margin-left: 400px; position: absolute;}
.set{position: absolute; right: 238px; top: 8px; float: right;}
.code{width: 90px; height: 110px; border: 1px solid #DCDCDC; float: right; margin-right: 100px; margin-top: 5px;}
.code img{padding: 8px;}
.code a{color: #999; position: absolute; margin-top: -12px; margin-left: 8px; font-size: 12px;}
.code a:hover{color: #FF6600;}
/*导航栏布局*/
.hide{display:none}
.clearfix{*zoom:1}
em,i,s{font-style:normal;}
.header-wrap{width:100%;}
.navwrap{height:38px}
#nav{height:38px;width:1200px;margin:0 auto;position:relative;padding:0;z-index:99}
.navbar{height:38px;padding-left:210px;position:relative;*width: 1200px}
.navbar a{float:left;width:auto;text-align:center;height:38px;line-height:38px;color:#333;padding:0 40px;text-decoration:none;font-size:16px;/*font-family:"Microsoft YaHei,Arial"*/;white-space:nowrap;position:relative}
.navbar a.first{border-left:0 none}
.navbar a.last{border-right:0 none}
.navbar a:hover{color:#9b0000}
.navbar a:hover{text-decoration:#9b0000}
.navbar a.current:hover{color:#9b0000}
.navbar .navbt{width:105px;height:30px;position:absolute;top:3px;right:10px;background:no-repeat;border:0 none;float:none;font-size:14px;line-height:30px;padding:0}
a.navbt span{background: no-repeat 1px 3px;padding-left:18px}
.pros{position:absolute;top:0px;left:0;z-index:1000;width:210px;background-color:#cf000e;height: 38px;}
.pros h2{width:194px;height:38px;line-height:10px;color:#fff;/*padding-left:16px;*/font-size:16px;font-family:Microsoft YaHei; text-align:center;}
.subpage h2{background: no-repeat 122px center;cursor:pointer}
.prosul{padding-left:3px;width:207px;margin-top:-26px;_overflow:hidden;height:460px;background-color: rgba(0,0,0,0.7);}
.prosul li,.prosul i{background: no-repeat;}
.prosul li{line-height:30px;min-height:35px;_overflow:hidden;margin-right:3px;padding-left:10px;}
.prosul li.prosahover{border-bottom:1px #fff solid;background-color:#fff;margin-right:0;padding-right:3px;}
.prosul a{color:#ffd0c0;padding-right:8px;_padding-right:6px;white-space:nowrap;display:inline-block;line-height:25px;font-family: Microsoft YaHei, Arial}
.prosul a.hot{background: right 8px no-repeat}
.prosul li.prosahover a{color:#636363}
.prosul li a.ti{font-size:14px;font-family:Microsoft YaHei,Arial;color:#cf000e; display:block; font-weight:bold;}
.prosul li a.ts{font-size:12px;font-family:Microsoft YaHei,Arial;color:#fff}
.prosul li.prosahover a.ti{color:#d03322}
.prosul li a:hover{color:#d03322}
.prosul li.nochild a:hover{color:#fff}
.prosul li i{float:right;display:block;width:3px;height:30px;text-indent:-999em;background-position:0 -276px;padding-right:12px}
.prosul li.prosahover i{background-position:0 -326px}
.prosul li.last{border-bottom:0 none}
.prosul li.hotareas{background-image:none;padding-left:12px;line-height:26px;height:106px;*overflow:hidden}
.prosul li.hotareas i{line-height:30px;margin-top:-2px;height:40px;background-position:0 -279px}
.prosul li.hotareas a{line-height:30px;height:30px}
.prosul li.hotareas a.hot{background-position:right 0}
.prosul li h2{padding-left:0;line-height:40px;display:inline;font-size:14px;font-weight:400;}
.prosul li.prosahover h2{color:#d03322}
.prosmore{padding:15px 0 15px 15px;position:absolute;z-index:999;left:210px;top:38px;background-color:#fff;border:2px #d03322 solid;border-left:0 none;width:214px;height:428px}
.prosul .prosmore{text-align:left}
.prosul .prosmore span{float:left;height:36px;width:107px;line-height:22px; font-size:10px;}
.prosul li .prosmore a{height:18px;line-height:18px;padding:0 4px;}
.prosul li .prosmore a:hover{background-color:#d03322;color:#fff}
.prosmore em{font-weight:400;padding-top:9px;display:inline-block}
.prosmore em.morehot{background:right top no-repeat;padding-right:22px}
/*banner图部分的样式*/
.flexslider{position:relative;height:460px;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:366px;}
.slides li{background-size:cover!important;}
.slides li a{height:100%; width:100%; display:block;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
@keyframes show{0%{background-color: rgba(0,0,0,0.7)} 100%{background-color:#d03322;color:#fff}}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
/*.flex-direction-nav li a.flex-prev{left:30px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:80px;background:url(../img/next.png) center center no-repeat;}*/
.ba1{width: 1400px;height: 460px;background-image: url("../img/banner1.jpg");background-repeat: no-repeat;background-size: 100% 100%}
.ba2{width: 1400px;height: 460px;background-image: url("../img/banner2.jpg");background-repeat: no-repeat;background-size: 100% 100%}
.f2{height: 366px;}
/*body下面的相关布局*/
.div1{width: 1200px; height: 200px; position: relative; margin:0 auto;}
.one-f{width: 1200px;
/* height: 650px; margin-left: 77px;*/ margin:0 auto;}
.two-f{width: 1200px; /* height: 650px; margin-left: 77px; margin-top: 70px;*/margin:40px auto 0;}
.three-f{width: 1200px; /* height: 650px; margin-left: 77px; margin-top: 70px;*/margin:40px auto 0;}
.four-f{width: 1200px; /*height: 650px; margin-left: 77px; margin-top: 70px;*/margin:40px auto 0;}
.five-f{width: 1200px; /*height: 650px; margin-left: 77px; margin-top: 70px;*/margin:40px auto 0;}

.new{width: 1200px; height: 270px; margin-left: 77px; margin-top: 70px; border: 1px solid #eeeeee;margin:40px auto 0;}
.example{width: 1200px; height: 500px; margin-left: 77px; margin-top: 10px;margin:25px auto 0;}
.example-title{width: 1200px; height: 45px;}
.example-info{width: 1200px; height: 445px; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
.contact{width: 100%; height: 405px; background-color: #F7F7F7; margin-top: 40px;}
/*div1下的相关样式*/
.aa img{position: relative; -webkit-transition: all 3s 1s ease-in-out ; -moz-transition: all 3s 1s ease-in-out; -ms-transition: all 3s 1s ease-in-out; -o-transition: all 3s 1s ease-in-out ; transition: all 3s 1s ease-in-out ;}
.aa{width: 290px; height: 150px;
/* margin-left: 17px;
*/ cursor: pointer; overflow: hidden; display: block;}
.ul-pic{/* margin-left: 61px;
*/ margin-top: 20px; position: absolute;}
.ul-pic1{margin-left:300px; margin-top: 20px; position: absolute;}
.ul-pic2{margin-left: 600px; margin-top: 20px; position: absolute;}
.ul-pic3{margin-left: 900px; margin-top: 20px; position: absolute;}
.aa img:hover{left: -5px;}
.word p a{color: #001a3f; font-size: 22px;}
.word span a{color: #001a3f; font-size: 14px;}
.word{position: absolute; left: 20px; top: 18px; z-index: 2;}
/*一楼实木油漆的相关样式*/
.f-header{width: 100%; height: 40px; border-bottom: 1px solid #333333;}
.f-header p{font-size: 20px; font-weight: 400; text-align: left; width: 210px; line-height: 16px; padding: 4px 0 12px;}
.f-header p a{color:#001a3f ;}
.f-header span a{color:#001a3f ; width: 70px; font-size: 15px; font-weight: 700; height: 40px; line-height: 40px; display: block; margin-left: 210px; border-bottom: 3px solid #000000; text-align: center; margin-top: -34px;}
.f-header ul{margin-top: -30px;}
.f-header ul li{float: right; margin-right: 24px; font-size: 12px;}
.f-header ul li a{color: #666;}
.f-header ul li a:hover{color:#cf000e ;}
.f-header p a:hover{color:#cf000e ;}
.left-menu{width: 210px; height: 100%; float: left; background-color: lightblue;}
.right-pro{width: 989px; height: 100%; float: left; border-right: 1px solid #eeeeee;}
.title1{background-image: url("../img/1F.jpg");background-size:100%; width: 100%; height: 350px;}
.title2{background-image: url("../img/2F.jpg");background-size:100%; width: 100%; height: 350px;}
.title3{background-image: url("../img/3F.jpg");background-size:100%; width: 100%; height: 350px;}
.title4{background-image: url("../img/4F.jpg");background-size:100%; width: 100%; height: 350px;}
.title5{background-image: url("../img/5F.jpg");background-size:100%; width: 100%; height: 350px;}
.aa1{font-size: 22px; color: #fff;}
.aa2{font-size: 15px; color: #fff;}
.p1{margin-top: 22px; position: absolute; margin-left: 20px;}
.p2{margin-top: 52px; position: absolute; margin-left: 20px;}
.span1{font-size: 12px; display: inline-block; border: 1px solid #fff; padding: 2px 7px; position: absolute; margin-top: 80px; margin-left: 20px;}
.span1 a{color: #fff;}
.txt1{padding: 38px 0 0 30px; height: 128px; overflow: hidden;}
.txt1 a,.txt1 a:visited,.txt1 a:link{padding-right: 18px; display: inline-block; width: 65px; text-align: left; overflow: hidden; height: 28px; line-height: 28px; color: #666; font-size: 16px; font-weight:bold;}
.txt1 a:hover{color: #9b0000;}
.brand{margin-top: 10px; margin-left: 3px;}
.brand a{display:block; float: left; color: #323232; font-size: 14px; text-align: center; overflow: hidden; height: 60px; line-height: 60px; width: 100px;}
.brand a:first-child{border-right: 1px solid #CCCCCC;}
.brand a:nth-child(2){border-bottom:1px solid #CCCCCC ;}
.brand a:nth-child(3){border-top:1px solid #CCCCCC ;}
.brand a:last-child{border-left: 1px solid #CCCCCC;}
.middle-banner{width: 507px; height: 100%;}
.banner1{width: 100%; height: 366px; border-bottom: 1px solid #eee;border-right: 1px solid #eee;}
/*banner1下的相关样式*/
.pro1{width: 252px; height: 280px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.pro2{width: 252px; height: 280px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; float: right; margin-top: -281px;margin-right: -1px;}
/*.pro1 img{width: 100%; height: 200px;}*/
.p11{width: 252px; height: 245px; overflow: hidden; margin-bottom:7px;text-align:center;}
.aa3{font-size: 12px; color: #aaa; line-height: 18px; display: block; width: 100%; margin-left: 20px; overflow: hidden;}
.aa4{font-size: 13px; color: #222; display: block; width: 100%; margin-left: 20px;}
.p11 img{position: relative;max-width:260px;max-height:285px; -webkit-transition: left 3s 1s ease-in-out ; -moz-transition: left 3s 1s ease-in-out; -ms-transition: left 3s 1s ease-in-out; -o-transition: left 3s 1s ease-in-out ; transition: left 3s 1s ease-in-out ;}
.p11 img:hover{left: -5px;}
.pro3{width: 240px; height: 366px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; float: right; position: relative; margin-top: -648px; margin-right: 239px; overflow: hidden;}
.p12{height: 325px; overflow: hidden; width: 100%; background: #fff; right: 0;margin-bottom: 7px;}
.p12 img{width: 250px; *height: 325px;max-height:379px; position: relative; -webkit-transition: all 3s 1s ease-in-out ; -moz-transition: all 3s 1s ease-in-out; -ms-transition: all 3s 1s ease-in-out; -o-transition: all 3s 1s ease-in-out ; transition: all 3s 1s ease-in-out ;}
.p12 img:hover{left: -5px;}
.pro4{width: 236px; height: 182px; border-bottom: 1px solid #eee; float: right; margin-top: -648px; margin-right: 2px;}
.p13{height: 142px; overflow: hidden; width: 100%; background: #fff; right: 0; margin-bottom:8px;}
.p13 img{width: 250px; height: 150px; position: relative; -webkit-transition: all 3s 1s ease-in-out ; -moz-transition: all 3s 1s ease-in-out; -ms-transition: all 3s 1s ease-in-out; -o-transition: all 3s 1s ease-in-out ; transition: all 3s 1s ease-in-out ;}

.p13 img:hover{left: -5px;}
.pro5{width: 236px; height: 183px; border-bottom: 1px solid #eee; float: right; margin-top: -465px; margin-right: 2px;}
.pro6{width: 241px; height: 280px; border-right: 1px solid #eee; margin-left: 508px; margin-top: -281px; border-bottom: 1px solid #eee;}
.pro7{width: 236px; height: 280px; float: right; margin-top: -281px; margin-right: 2px; border-bottom: 1px solid #eee;}
.p14{height: 245px; overflow: hidden; width: 100%; background: #fff; right: 0;margin-bottom:8px;text-align:center;}
.p14 img{width: auto; height: 100%;max-width:100%;object-fit:contain; position: relative; -webkit-transition: all 3s 1s ease-in-out ; -moz-transition: all 3s 1s ease-in-out; -ms-transition: all 3s 1s ease-in-out; -o-transition: all 3s 1s ease-in-out ; transition: all 3s 1s ease-in-out ;}
.p14 img:hover{left: -5px;}

.five-f .slides li{background-size: auto 90%!important;background-position:top 10px center !important;}
.five-f .p11 img{height:250px;width:auto; }
.five-f	.p12 img{ max-height:90%;width:auto; }
.five-f	.p13 img{ max-height:90%; width:auto;}	
.five-f .p13{text-align:center;}

/*新闻动态相关样式*/
.new-one{width: 366px; height: 230px;}
.new-one{width: 366px; height: 230px; float: left; margin-left: 30px;}
.new-two{width: 450px; height: 230px; float: left; margin-left: 40px;}
.new-three{width: 242px; height: 230px; float: left; margin-left: 40px;}
.new h3{width: 100%; height: 35px; font-weight: 400; border-bottom: 1px solid #eee;}
.new h3 span{font-weight: normal; font-size: 15px; border-bottom: 1px solid #cf000e; line-height: 15px; padding: 10px 0; position: relative; bottom: -2px; color: #333;}
.new h3 a{font-size: 12px; color: #aaa; line-height: 36px; float: right;}
.aPic{width: 125px; height: 160px; border: 1px solid #eeeeee;}
.aa5{display: block;
/* left:110px;
*/ position: absolute; margin-top: -5px;}
.aa6:hover{color: #FFFFFF; background-color: #cf000e ;}
.ul1{margin-left: 135px; line-height: 26px; position: absolute;}
.ul1 li{display: list-item; text-align: -webkit-match-parent; line-height:24px;}
.ul1 li a{color: #666; font-size: 12px; -webkit-transition: all 0.5s 0s ease-in ; -moz-transition: all 0.5s 0s ease-in ; -ms-transition: all 0.5s 0s ease-in ; -o-transition: all 0.5s 0s ease-in ; transition: all 0.5s 0s ease-in;}
.ul1 li a:hover{color: #9b0000;}
.div2{width: 100%; height: 70px; margin-top: 10px;}
.div2 img{width:100px; height:70px;}
.div2 dl{margin-left: 120px; width: 327px; margin-top: -80px;}
.div2 dt{width: 327px; font-size: 13px; margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.div2 dt a{color: #222222;}
.div2 dd{line-height: 20px; height: 40px; overflow: hidden;}
.div2 dd a{color: #aaa; font-size: 12px; -webkit-transition: all 0.5s 0s ease-in ; -moz-transition: all 0.5s 0s ease-in ; -ms-transition: all 0.5s 0s ease-in ; -o-transition: all 0.5s 0s ease-in ; transition: all 0.5s 0s ease-in;}
.div2 dd a:hover{color: #9b0000;}
.ul2{margin-left: 20px;}
.ul2 li{display: list-item; text-align: -webkit-match-parent; line-height:24px; list-style: disc;}
.ul2 li a{color: #666; font-size: 12px; -webkit-transition: all 0.5s 0s ease-in ; -moz-transition: all 0.5s 0s ease-in ; -ms-transition: all 0.5s 0s ease-in ; -o-transition: all 0.5s 0s ease-in ; transition: all 0.5s 0s ease-in;}
.ul2 li a:hover{color: #9b0000;}
.example-title h3{font-size: 20px; font-weight: 400; text-align: left; width: 210px; padding: 4px 0 12px; position: absolute; line-height: 0px;}
.example-item{width: 556px; border-right: 1px solid #eee; border-top: 1px solid #eee; float: left; padding: 20px 20px 20px; height: 107px;}
.example-info a img{width: 170px; height: 107px; background: #fff;}
.example-content{color: #777; margin-left: 190px; margin-top: -120px; height:120px; overflow:hidden; line-height:20px; font-size:12px;}
.example-content .title span{color: #333333; font-size:15px !important;}
.example-content .title{font-size: 15px !important; color: #333; overflow: hidden; margin-bottom: 10px;}
.example-content p span{font-size:12px !important;}
.example-content div span{font-size:12px !important;}
.extend{line-height: 18px; min-height: 18px; overflow: hidden; font-size: 12px;}
.extend dt{width: 60px;}
.extend dd{width: 283px;}
.fl{float: left;}
.aa6{display: block; width: 110px; height: 28px; position: relative; border: 1px solid #cf000e; color: #cf000e; font-size: 12px; line-height:28px; float: right; text-align: center; -webkit-transition: all 0.5s 0s ease-in ; -moz-transition: all 0.5s 0s ease-in ; -ms-transition: all 0.5s 0s ease-in ; -o-transition: all 0.5s 0s ease-in ; transition: all 0.5s 0s ease-in;}
/*联系方式的相关样式*/
.logo-brand{width: 1200px; height: 100px; margin-left: 76px; border-bottom: 1px solid #eeeeee; background-color: #F7F7F7; margin-top: 35px; /* position: absolute;*/ margin:0 auto; padding-top:40px;}
.logo-brand a{display: block; width: 160px; height: 80px; float: left;}
.logo-brand a:first-child{margin-left: 70px;}
.b2{width: 50px; height: 50px; margin: 0 auto; background: url("../img/site.png"); float: left;} .b1{background-position: 0 303px;}
.b3{background-position: 0 203px;}
.b4{background-position: 0 253px;}
.b5{background-position: 0 503px;}
.b6{background-position: 0 553px;}
.b7{background-position: 0 403px;}
.b8{background-position: 0 453px;}
.a1{font-size: 14px; color: #000; text-align: center; line-height: 24px; margin-top: 50px; position: absolute; margin-left: -7px;}
.tel{width: 1200px; height: 180px; margin-left: 76px; background-color:#F7F7F7; margin-top: 160px; /* position: absolute;*/ margin:40px auto 0;}
.coverage{margin-left: 20px; width: 240px; height: 165px; background: url('../img/site.png') -92px -387px no-repeat;}
.s1{font-size: 14px; line-height: 19px;}
.s2{font-size: 20px; color: #cf000e; margin: 5px 0;}
.s3{color: #999; margin-bottom: 30px;}
.s4{margin-bottom: 10px;}
.s5 .i-mobile{overflow: hidden; position: absolute; display: block; width: 10px; height: 13px; margin-top: 5px; margin-left: -5px; background: url('../img/site.png') -92px -21px no-repeat;}
.s5 a,.s4 a{display: block; color: #cf000e; border: 1px solid #cf000e; width: 106px; height: 24px; text-align: center; line-height: 24px; padding-left: 10px; position: relative; font-size: 12px;}
.s4 .i-coord{overflow: hidden; position: absolute; display: block; width: 11px; height: 14px; margin-top: 5px; margin-left: -5px; background: url('../img/site.png') -92px -34px no-repeat;}
.s3{color: #999; margin-bottom: 30px; font-size: 12px;}
.about{width: 911px; float: right; margin-top: -170px;}
.about dt{color: #444; font-size: 14px; padding: 3px 0 5px;}
.about dd a{display: block; color: #999;
/* margin-top:6px;
*/ font-size: 12px; -webkit-transition: all 0.5s 0s ease-in ; -moz-transition: all 0.5s 0s ease-in ; -ms-transition: all 0.5s 0s ease-in ; -o-transition: all 0.5s 0s ease-in ; transition: all 0.5s 0s ease-in;}
.about dd a:hover{color:#9b0000 ;}
.about dl{width: 151px; float: left;}
dd img{width: 100px; height: 100px;}
/*底部的相关样式*/
.footer1{width: 1200px; /*height:40px;*/ border-bottom: 1px solid #2E2E2E; margin:0 auto;}
.footer1 ul li{display: inline-block; margin-right: 20px; height: 40px; line-height: 40px; color: #777; font-size: 12px;}
footer ul li a{color: #777; font-size: 12px; -webkit-transition: all 0.5s 0s ease-in ; -moz-transition: all 0.5s 0s ease-in ; -ms-transition: all 0.5s 0s ease-in ; -o-transition: all 0.5s 0s ease-in ; transition: all 0.5s 0s ease-in;}
footer ul li a:hover{color: #CD000C;}
.ul3{width:1200px; margin:20px auto 0;} .ul3 li{border-right: 2px solid #2E2E2E; width: 60px; height: 16px; display: inline-block; line-height: 16px; text-align: center;} .bq{width:1200px; margin-right: 20px; /* height: 30px; */ line-height: 200%; color: #777; font-size: 12px; margin-left: 76px; margin:0 auto; padding-top: 15px;} .footer2{float: right; /*margin-top: -50px; margin-right:130px;*/} .footer2 a{color: #777; font-size: 12px; line-height: 20px;} .footer2 span{position: relative; padding-left: 32px; display: inline-block; width: 50px; margin-left: 15px; -webkit-transition: all 0.5s 0s ease-in ; -moz-transition: all 0.5s 0s ease-in ; -ms-transition: all 0.5s 0s ease-in ; -o-transition: all 0.5s 0s ease-in ; transition: all 0.5s 0s ease-in;} .footer2 span:hover{color: #9b0000;}
.c1{position: absolute; display: block; width: 27px; height: 21px; background: url('../img/credit.png') no-repeat 0 0; left: 0; top: 10px;}
.c2{position: absolute; display: block; width: 27px; height: 21px; background: url('../img/credit.png') no-repeat 0 -47px; left: 0; top: 10px;}
.c3{position: absolute; display: block; width: 27px; height: 21px; background: url('../img/credit.png') no-repeat 0 -22px; left: 0; top: 10px;}
/*内容页*/
.dh{width:100%; height:42px; background:#f5f5f5; margin:0 auto;}
.dh p{width:1200px; font-size:12px; line-height:42px; margin:0 auto;}
.dh p a{color:#777;}
.dh p a:hover{color:#cf000e;}
.dh p span{padding:0 5px;}
.cont{width:1200px; margin:30px auto;}
.cont .xqt{width:880px; float:left;}
.cont .xqt h2{height:40px; line-height:40px; text-align:left; font-size:20px; font-weight:bold; border-bottom:1px solid #cecece;}
.cont .xqt .xx p{padding-right:80px; font-size:14px; line-height:30px; float:left;}
.cont .xqt .fdj{margin-top:30px;}
/*栏目页*/
.pubnav{width: 1200px; border: solid 1px #e6e6e6;margin: 20px auto 0;}
.dl-lst{height: 37px; width: 1200px; float: left; border-bottom: dotted 1px #e6e6e6;}
.dl-lst .qy{width: 107px; float: left; line-height: 37px; font-size: 14px; font-weight: 700; background: #f5f5f5; padding-left: 18px;}
.dl-lst li{font-size: 14px; padding: 0 20px; line-height: 37px; float: left;}
.dl-lst li a{color: #666;}
.dl-lst .on a{background: #cf000e; color: #fff; padding: 2px 3px;}
/*中心内容*/
/*.main-box{margin:0 auto; margin-top:30px;}
.main-box .main_list{width:276px; height:auto; margin-right:26px; float:left; margin-bottom:30px;padding-bottom:20px;}
.main-box .main_list{border:2px solid #f5f5f5;}
.main-box .main_list:hover{border:2px solid #cf000e;transition: all 0.5s 0s ease-in;}
.main-box .main_list a{display:block;}
.main-box .main_list a.cover{width:100%!important;display: flex; align-items: center; width:270px; height:300px;}
.main-box .main_list img{max-width:100%; max-height:90%;object-fit:contain; *padding-left:8px; padding-top:5px;}
.main-box .main_list h2{text-align:left; font-size:16px; padding:0 15px;text-align:center;}
.main-box .main_list h2 a{color:#333;}
.main-box .main_list h2 a:hover{color:#cf000e;}
.main-box .main_list p{font-size:12px; line-height:20px; height:40px; overflow:hidden; color:#666; padding-left:5px;display:none;}
.main-box .main_list span{font-size:12px;display:block;text-align:center; float:none; padding-right:0; padding-top:5px;}
.main-box .main_list span a{color:#666;}
.main-box .main_list span a:hover{color:#cf000e;}*/

.pic_list{display: grid; grid-template-columns: repeat(4,1fr); grid-column-gap: 30px;  grid-row-gap: 30px;}

.main-box{margin:0 auto; margin-top:30px;}
.main-box .main_list{ height:auto;padding-bottom:20px;}
.main-box .main_list{border:2px solid #f5f5f5;}
.main-box .main_list:hover{border:2px solid #cf000e;transition: all 0.5s 0s ease-in;}
.main-box .main_list a{display:block;}
.main-box .main_list a.cover{width:100%!important;display: flex; align-items: center; width:270px; height:300px;}
.main-box .main_list img{max-width:100%; max-height:90%;object-fit:contain; *padding-left:8px; padding-top:5px;}
.main-box .main_list h2{text-align:left; font-size:16px; padding:0 15px;text-align:center;}
.main-box .main_list h2 a{color:#333;}
.main-box .main_list h2 a:hover{color:#cf000e;}
.main-box .main_list p{font-size:12px; line-height:20px; height:40px; overflow:hidden; color:#666; padding-left:5px;display:none;}
.main-box .main_list span{font-size:12px;display:block;text-align:center; float:none; padding-right:0; padding-top:5px;}
.main-box .main_list span a{color:#666;}
.main-box .main_list span a:hover{color:#cf000e;}










/*翻页列表*/
.house-lst-page-box{padding: 30px 25px 50px 25px; text-align: center; background: #fff;}
.page-box a.on{font-size: 14px; font-weight: bold; text-decoration: none; cursor: default; background: #cf000e; color:#fff; border:1px solid #cf000e;}
.page-box a{height: 30px; padding: 0 12px; margin-left: 5px; text-align: center; line-height: 30px; border: 1px solid #b0b4b9; overflow: hidden; font-size: 12px; font-weight: 700; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #555; display: inline-block; zoom: 1; vertical-align: middle;}
.page-box span{font-size: 16px; margin: 0 8px 0 13px;}
/*@media screen and (min-width:1600px){body{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);height:5850px;font-size:8px;margin-top:600px;}.right-pro{width: 988px; height: 100%; float: left; border-right: 1px solid #eeeeee;}
a{font-size:10px;s}}*/
@media screen and (min-width:1600px){
.w1200{width:90%;}
header{min-width: 1600px; height: 120px; position: relative;margin: 0 auto;}
.div1{width: 1400px; height: 230px; position: relative; margin: 0 auto;}
.ul-pic{width:24%;
/* margin-left: 61px;
*/ margin-right: 1%; margin-top:20px; float:left; position:relative; margin-left:0;}
.ul-pic1{width:24%;
/* margin-left: 61px;
*/ margin-right: 1%; margin-top:20px; float:left; position:relative; margin-left:0;}
.ul-pic2{width:24%;
/* margin-left: 61px;
*/ margin-right: 1%; margin-top:20px; float:left; position:relative; margin-left:0;}
.ul-pic3{width:24%;
/* margin-left: 61px;
*/ margin-right: 1%; margin-top:20px; float:left; position:relative; margin-left:0;}
.aa{width:100%; height:100%;}
/*body下面的相关布局*/
.div1{width: 1400px; height: 200px; position: relative; margin:0 auto;}
.one-f{width: 1400px;
/* height: 650px; margin-left: 77px;*/ margin:40px auto 0;}
.two-f{width: 1400px; /* height: 650px; margin-left: 77px; margin-top: 70px;*/margin:40px auto 0;}
.three-f{width: 1400px; /* height: 650px; margin-left: 77px; margin-top: 70px;*/margin:40px auto 0;}
.four-f{width: 1400px; /*height: 650px; margin-left: 77px; margin-top: 70px;*/margin:40px auto 0;}
.five-f{width: 1400px; /*height: 650px; margin-left: 77px; margin-top: 70px;*/margin:40px auto 0;}
.new{width: 1400px; height: 270px; margin-left: 77px; margin-top: 70px; border: 1px solid #eeeeee;margin:40px auto 0;}
.example{width: 1400px; height: 500px; margin-left: 77px; margin-top: 10px;margin:40px auto 0;}
.example-title{width: 1400px; height: 45px;}
.example-info{width: 1400px; height: 445px; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
.right-pro{width: 1153px; height: 100%; float: left; border-right: 1px solid #eeeeee;}
.pro1{width: 295px; height:326px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.pro2{width: 295px; height: 326px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; float: right; margin-top: -327px;margin-right: -1px;}
.pro3{width: 285px; height: 424px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; float: right; position: relative; margin-top: -752px; margin-right: 276px; overflow: hidden;}
.pro4{width: 272px; height: 212px; border-bottom: 1px solid #eee; float: right; margin-top: -754px; padding-right: 2px;}
.pro5{width: 272px; height: 212px; border-bottom: 1px solid #eee; float: right; margin-top: -540px; padding-right: 2px;}
.pro6{width: 285px; height: 326px; border-right: 1px solid #eee; margin-left: 590px; margin-top: -327px; border-bottom: 1px solid #eee;}
.pro7{width: 272px; height: 326px; float: right; margin-top: -327px; padding-right: 2px; border-bottom: 1px solid #eee;}
.middle-banner{width: 590px; height: 100%;}
.p11{width: 295px; height: 285px; overflow: hidden; margin-bottom:7px;display:flex;align-items: center;justify-content: center;}
.p11 img{position: relative;width:auto;max-width:100%;*height:250px; -webkit-transition: left 3s 1s ease-in-out ; -moz-transition: left 3s 1s ease-in-out; -ms-transition: left 3s 1s ease-in-out; -o-transition: left 3s 1s ease-in-out ; transition: left 3s 1s ease-in-out ;}

.p12 img{width: auto;max-width:100%; max-height:100%; position: relative; -webkit-transition: all 3s 1s ease-in-out ; -moz-transition: all 3s 1s ease-in-out; -ms-transition: all 3s 1s ease-in-out; -o-transition: all 3s 1s ease-in-out ; transition: all 3s 1s ease-in-out ;}
.p13 img{width: 100%; max-height: 100%; position: relative;object-fit:cover; -webkit-transition: all 3s 1s ease-in-out ; -moz-transition: all 3s 1s ease-in-out; -ms-transition: all 3s 1s ease-in-out; -o-transition: all 3s 1s ease-in-out ; transition: all 3s 1s ease-in-out ;}
.p14{height: 285px; overflow: hidden; width: 100%; background: #fff; right: 0; margin-bottom: 8px;}
.p14 img{width: 100%; height: 287px; position: relative; -webkit-transition: all 3s 1s ease-in-out ; -moz-transition: all 3s 1s ease-in-out; -ms-transition: all 3s 1s ease-in-out; -o-transition: all 3s 1s ease-in-out ; transition: all 3s 1s ease-in-out ;}
#nav{height:38px;width: 1400px;margin:0 auto;position:relative;padding:0;z-index:99}
.dh p{width: 1400px; font-size:12px; line-height:42px; margin:0 auto;}
.pubnav{width: 1400px; border: solid 1px #e6e6e6; margin: 20px auto 0;}
.new-one{width: 427px; height: 230px;}
.new-one{width: 427px; height: 230px; float: left; margin-left: 30px;}
.new-two{width: 525px; height: 230px; float: left; margin-left: 40px;}
.new-three{width: 282px; height: 230px; float: left; margin-left: 40px;}
.div2 dl{margin-left: 120px; width: 400px; margin-top: -80px;}
.example-item{width:658px; border-right: 1px solid #eee; border-top: 1px solid #eee; float: left; padding: 20px 20px 20px; height: 107px;}
.logo-brand{width: 1400px; height: 100px; margin-left: 76px; border-bottom: 1px solid #eeeeee; background-color: #F7F7F7; margin-top: 35px; /* position: absolute;*/ margin:0 auto; padding-top:40px;}
.footer1{width: 1400px; height:40px; border-bottom: 1px solid #2E2E2E; margin:0 auto; margin-bottom: 15px;}
.tel{width: 1400px; height: 180px; margin-left: 76px; background-color:#F7F7F7; margin-top: 160px; /* position: absolute;*/ margin:40px auto 0;} .bq{width:1400px; margin-right: 20px; height: 30px; line-height: 16px; color: #777; font-size: 12px; margin-left: 76px; margin:0 auto;} .coverage{margin-left: 20px; width: 280px; height: 165px; background: url('../img/site.png') -92px -387px no-repeat;} .s5 a,.s4 a{display: block; color: #cf000e; border: 1px solid #cf000e; width: 123px; height: 24px; text-align: center; line-height: 24px; padding-left: 10px; position: relative; font-size: 12px;}
.about{width: 1062px; float: right; margin-top: -170px;}
.about dl{width: 176px; float: left;}
.logo-brand a{display: block; width: 190px; height: 80px; float: left;}
.main-box{margin:0 auto; margin-top:30px;width: 1400px;}
.main-box .main_list{*width: 322px; *height:455px; *margin-right:32px; *float:left; *margin-bottom:30px;}
.main-box .main_list img{/*width:303px; height:292px; padding-left:8px;*/ padding-top:5px;margin:auto;}
.main-box .main_list a.cover{height:260px;}
footer{/* width: 1400px;*/ height: 140px; background-color:#1F1F1F;margin:0 auto;}
.cont{width:1400px; margin:30px auto;}
.cont .xqt{width:1026px; float:left;}
.kk{width:280px; float:right;}
.kk .stage li img{width:280px;}
.kk .stage li .px1{font-size:14px; line-height: 30px; overflow:hidden; text-align:center;}
.ad-gallery .ad-image-wrapper{width: 100%; height: 466 ;margin-bottom: 10px; position: relative; overflow: hidden;z-index:1;}
.ad-thumb-list li img{height:77px;}
.nr p{font-size:14px; line-height: 30px;}
.left-menu{width: 245px; height: 100%; float: left; background-color: lightblue;}
.f-header p{font-size: 20px; font-weight: 400; text-align: left; width: 245px; line-height: 16px; padding: 4px 0 12px;}
.f-header span a{color:#001a3f ; width: 70px; font-size: 15px; font-weight: 700; height: 40px; line-height: 40px; display: block; margin-left: 245px; border-bottom: 3px solid #000000; text-align: center; margin-top: -34px;}
.brand a{display:block; float: left; color: #323232; font-size: 14px; text-align: center; overflow: hidden; height: 74px; line-height: 74px; width: 119px;}
.title1{background-image: url("../img/1F.jpg"); width: 100%; height: 408px;}
.title2{background-image: url("../img/2F.jpg"); width: 100%; height: 408px;}
.title3{background-image: url("../img/3F.jpg"); width: 100%; height: 408px;}
.title4{background-image: url("../img/4F.jpg"); width: 100%; height: 408px;}
.title5{background-image: url("../img/5F.jpg"); width: 100%; height: 408px;}
.banner1{width: 100%; height: 426px; border-bottom: 1px solid #eee;border-right: 1px solid #eee;}
.txt1{padding: 38px 0 0 30px; height: 149px; overflow: hidden;}
.p13{height: 166px; overflow: hidden; width: 100%; background: #fff; right: 0; margin-bottom:8px;display:flex;align-items: center;justify-content: center;}
.five-f .p13{text-align:center;}
.five-f .p13 img{width:auto;}
.flexslider{position:relative;height:460px;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat;}
.flexslider.f2{position:relative;height:426px;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat;}
.slides li{height:426px;}
.p12{height: 379px; overflow: hidden; width: 100%; background: #fff; right: 0; margin-bottom: 7px;display:flex;align-items: center;justify-content: center;}
.txt1 a{padding-right: 18px; display: inline-block; width: 76px; text-align: left; overflow: hidden; height: 33px; line-height: 33px; color: #666; font-size: 13px;}
.five-f	.p12 img{ max-height:90%; }
.five-f	.p13 img{ max-height:90%; }	
}