@charset "utf-8";
/* CSS Document */
*,p,a,li,ul,dl,dd,samp{padding:0;margin:0;}
a{ text-decoration:none;}
ul,li,dd,dl,ol{list-style-type:none;}
img{border:0;}
samp,body{ font-family:Arial, Helvetica, sans-serif,'微软雅黑';}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
.dintop{position:fixed;top:0;left:0;width:100%;z-index:9999;background:#FFF;}
/*横头*/
#index{background:#f5f5f5;}
.index{width:1200px;margin:auto;overflow:hidden;}
.index-a{width:30%;float:left;line-height:37px;color:#646464;font-size:14px;}
.index-b{width:70%;float:left;text-align:right;color:#646464;font-size:0;}
.index-ba{display:inline-block;font-size:16px;margin-left:20px;line-height:37px;}
.index-bb{display:inline-block;font-size:16px;line-height:37px;}
.index-b a{color:#646464; transition:all 0.2s;}
.index-ba a{padding:0 5px;font-size:14px;}
.index-ba a.ia{color:#d7000f;}
.index-ba samp{ font-weight:normal;}
.index-bb a{padding:0 10px;font-size:14px;}
.index-bb a:hover{color:#d7000f;}
/*logo部分*/
#logo{width:1200px;margin:auto;overflow:hidden;padding:30px 0;}
.logo{width:173px;float:left;}
.log{width:390px;float:left;border-left:2px solid #999;box-sizing:border-box;padding-left:32px;margin-top:6px;}
.lo{width:calc(100% - 568px);float:left;font-size:0;text-align:right;margin-top:13px;}
.lo-a{float:right;}
.log h1{font-size:25px;color:#595757;padding-bottom:10px;}
.log p{color:#d7000f;font-weight:bold;}
.lo div{display:inline-block;text-align:left; vertical-align:middle;margin-left:15px;}
.lo div samp{font-size:16px;}
.lo div p{font-size:24px;color:#d7000f;}


/*导航*/
#nav{width:100%;border-top:1px solid #eee;height:50px;}
.nav{width:1200px;margin:auto;height:50px;}
.ui-a li{width:16.6%;float:left;text-align:center;font-size:16px;position:relative;}
.ui-a .lava{width:100%;height:2px; background:#d7000f; position:absolute; left:0; top:-1px;}
.ui-a li>p{line-height:50px;}
.ui-a li p a{color:#333;}
.ui-a li.to>p>a{color:#d7000f}
.ui-a a{display:block;width:100%;}
/*2*/
.ub-a{position:absolute;top:50px;left:0;width:100%;z-index:999;background:rgba(0, 0, 0, 0.7); transition:all 0.3s;display:none;line-height:40px;}
.ub-a dd{position:relative;}
.ub-a dd p a{color:#eee;}
/*3*/
.ui-b{position:absolute;top:0;left:100%;width:100%;background:rgba(0, 0, 0, 0.6);line-height:50px;text-align:center;display:none;line-height:40px;}
.ui-b dd{width:100%;position:relative;font-size:16px;}
.ui-b dd>p{line-height:40px;}
.ui-b dd a{color:#eee;}
/*4*/
.ub-b{position:absolute;top:0;left:100%;width:100%;background:rgba(0, 0, 0, 0.5);display:none;}

/*经过*/
.ui-a>li:hover>p>a{color:#d7000f}
.ui-a>li:hover .ub-a{display:block;}

.ub-a>dd:hover>p>a{color:#d7000f}
.ub-a>dd:hover .ui-b{display:block;}
.ub-a>dd:hover>p{background:#f1f1f1}

.ui-b>dd:hover>p>a{color:#d7000f}
.ui-b>dd:hover .ub-b{display:block;}
.ui-b>dd:hover>p{background:#f1f1f1}

.ub-b>dd:hover a{color:#d7000f;background:#f1f1f1}

/*关于我们*/
.about{width:1200px;margin:70px auto 80px;}
.about-b{width:100%;overflow:hidden;}
.about-b .img1{float:left;margin-right:70px;max-width:100%}
.about-b h2{margin:15px 0;color:#656565;}
.about-b p{color:#333333;font-size:15px;line-height:26px;text-indent:2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.about-b a{display:inline-block;line-height:37px;border:1px solid #d7000d;width:120px;text-align:center;font-size:14px; border-radius:15px;color:#d7000d;margin-top:50px;}
.about-b a:hover{color:#333;border:1px solid #333;}
.abo{width:1200px;margin:0 auto 80px; overflow:hidden;}
.abo li{width:31%;float:left;position:relative;}
.abo li:nth-child(2){margin:0 3%;}
.abo-a{background:#FFF;background:url(../images/x1.png) top left no-repeat;padding:30px 0px 30px 50px;background-size:auto 100%; transition:all 0.2s;}
.abo-a h4{font-size:28px; font-weight:normal;color:#d7000f;margin:5px 0;}
.abo-a p{font-size:14px;line-height:26px;color:#666666;}
.abo-a:hover{padding:30px 0px 30px 40px}
/*手机关于我们*/
.s-about{margin:30px auto 0;text-align:center;display:none;}
.s-about h3{font-size:22px;color:#333;margin-bottom:15px;}
.s-about samp{display:inline-block;width:50px;height:1px;background:#d7000f;margin:auto;}
.s-about p{font-size:14px;color:#666;line-height:30px;}

/*案例中心*/
#case{width:100%;margin:auto;background:url(../images/-2309.png) ;}
.case{text-align:center;background:url(../images/al.png) center no-repeat;font-size:35px;padding:60px 0;}
.case-a{overflow:hidden;position:relative}
.case-a li{width:24.7%;float:left;margin-bottom:10px;overflow:hidden;position:relative;}
.case-a li:nth-child(2){margin-left:0.4%;}
.case-a li:nth-child(3){margin:auto 0.4%;}
.case-a li:nth-child(6){margin-left:0.4%;}
.case-a li:nth-child(7){margin:auto 0.4%;}
.case-a li a{display:block;}
.case-a img{ transition:all 0.3s;width:100%;}
.case-a li:hover img{ transform:scale(1.2);}

.case-a .p{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);color: #5E5E5E;font-size: 20px;display: none;padding: 20px 0 0 20px;}
.p p{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color:#FFF;}
.case-b{text-align:center;margin:50px auto 0px;padding-bottom:45px;}
.case-b a{line-height:37px;border:1px solid #d7000d;width:120px;text-align:center;font-size:14px; border-radius:15px;color:#d7000d;display:inline-block;}
.case-c{font-size:14px;line-height:28px;color:#333;text-align:center;}
/*产品中心*/
#product{width:1200px;margin:30px auto 0;}
.product{text-align:center;background:url(../images/pro.png) center no-repeat;font-size:35px;padding:60px 0;}

.pro{overflow:hidden;width:1200px;margin:auto;}
.pro-a{width:100px;float:left;background:url(../images/x2.png) left no-repeat;line-height:40px;background-size:100% 100%;color:#FFF;font-size:16px;text-align:center;}
.pro-b{width:calc(100% - 130px);float:left;margin-left:30px;overflow:hidden;}
.pro-b p {width:140px;font-size:16px;text-align:center;display:inline-block;line-height:40px;position:relative;box-sizing:border-box; cursor:pointer;}
.pro-b p:after{ content:'|';position:absolute;top:0;right:0;font-size:16px;}
.active{color:#d7000d;}

.produ{width:100%;overflow:hidden;margin-top:20px;}
.produ ul{overflow:hidden;margin-bottom:20px;}
.produ li{width:31%;float:left;margin:5px auto; transition:all 0.3s;}
.produ li:nth-child(2){margin:5px 3.5%;}
.produ li:nth-child(5){margin:5px 3.5%;}
.produ li img{width:100%;}

.produ-b{overflow:hidden;}
.produ-b img{width:100%; transition:all 0.3s;}
.produ-a{font-size:15px;color:#333;padding:20px 0;position:relative;margin:auto;width:100%; transition:all 0.3s;}
.produ-a:after{content:'→';position:absolute;top:27%;right:0;font-size:22px; transition:all 0.3s;}
.produ-a:before{content:''; width:0; height:100%; background:#d7000d; position:absolute; top:0; left:0; transition:all 0.3s;}
.produ li:hover .produ-a:before{width:100%;}
.produ-a span{position:relative; z-index:1; transition:all 0.3s;}
.produ li:hover .produ-a span{color:#fff; padding-left:20px;}
.produ li:hover .produ-a:after{right:5%;color:#FFF;}
.produ li:hover .produ-b img{ transform:scale(1.2);}
.proa{margin:28px auto 0px}

/*新闻动态*/
.news{text-align:center;background:url(../images/news.png) center no-repeat;font-size:35px;padding:60px 0;}
#xwen{width:100%;background:url(../images/2.png) center no-repeat;}
.xwen{width:1200px;margin:auto;overflow:hidden;}
.xwen-a{width:38%;float:left;margin-right:3%;position:relative;overflow:hidden;}
.xwen-a-a{position:absolute;bottom:0;left:0;line-height:60px;color:#FFF;background:rgba(0,0,0,0.7);width:100%;box-sizing:border-box;padding-left:10px;overflow:hidden;}
.xwen-a-a a{display:block;width:80px;float:left;background:rgba(0,0,0,0.8);color:#FFF;text-align:center;}
.xwen-a-a samp{display:block;width: calc( 100% - 80px);float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.xwen-a-a a:hover{background:#d7000d;}
.xwen-a img{width:100%;transition:all 0.5s;}
.xwen-a:hover img{ transform:scale(1.1);}

.xwen-b{width:59%;float:left;}
.xwen-b li{float:left;box-sizing:border-box;padding-left:3%;overflow:hidden;padding-bottom:14px;margin-bottom:14px; transition:all 0.8s;}
.xwen-b-a{width:10%;float:left;text-align:center;color:#666;border-right:1px solid #CCC;box-sizing:border-box;}
.xwen-b-a h4{font-size:36px;line-height:48px;}
.xwen-b-a p{font-size:12px;}
.xwen-b-b{width:85%;float:left;margin-left:5%;}
.xwen-b-b h3{font-size:16px;color:#333;padding-bottom:5px; transition:all 0.2s;-webkit-transition:all 0.2s;}
.xwen-b-b p{font-size:12px;line-height:20px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xwen-b li:hover{padding-left:2%}
.xwen-b li:hover .xwen-b-b h3{color:#F00}
/*联系我们*/
#contact{width:1200px;margin:65px auto;}
.contact{overflow:hidden;margin-top:30px;font-family:Microsoft YaHei}
.conzuo{width:46%;float:left;box-sizing:border-box;padding-right:3%;}
.conyou{width:54%;float:left;}

.conzuo h4,.conyou h4{font-family: Microsoft YaHei;font-size: 21px;color: rgb(56, 56, 56);margin-bottom:20px; font-weight:normal;}
.czuo-zi{font-size:14px;line-height:23px;color:rgb(104, 104, 104);font-family: Microsoft YaHei; text-indent:2em}
.czu-ti{margin-top:70px;}
.isamp{font-size:15px;line-height:48px;color:rgb(103, 103, 103)}
.isamp p{display:inline-block;margin-left:15px;}
.izit{overflow:hidden;font-size:15px;line-height:28px;color:rgb(103, 103, 103)}
.izimg{float:left;margin-right:19px;padding-top:5px;}
.izno{float:left;}

.cyou p{font-size:14px;color:#777777;line-height:30px;height:30px;}
.cyo-input{width:100%;height:30px;line-height:30px;background-color:#eeeeee;background-image:none;font-size:14px;color:#777777;text-align:left;word-spacing:0px;border:1px dashed #aaa;clear:both; margin:0px auto 10px;box-sizing:border-box;}
.cyo-text{width:100%;height:122px;line-height:24px;background-color:#eeeeee;font-size:14px;color:#777777;word-spacing:0px;padding:4px;border:1px dashed #aaa;clear:both; margin:0px;box-sizing:border-box;}
.citi{font-size:14px;text-align:center;color:#FFF;background:#b40436;line-height:30px;height:30px;width:120px;margin-top:30px;}

/*尾部*/
#bottom{width:100%;background:url(../images/-2403.png);padding:45px 0;}
.bottom{width:1200px;margin:auto;overflow:hidden;}
.bot-a{width:60%;float:left;}
.bot-b{width:40%;float:left;font-size:0;text-align:center;margin-top:20px;}
.bo-a{margin-bottom:20px;}
.bo-b{overflow:hidden;}
.bo-b li{width:13%;float:left;font-size:14px;}
.bo-b li:after{ content:'|';margin-left:16px;}
.bo-b a{color:#333;}
.bo-b li:hover a{color:#d7000d;}
.bo-c{font-size:14px;color:#666;line-height:26px;width:78%;margin-top:15px;}
.bot-b div{display:inline-block; vertical-align:middle;font-size:14px;line-height:30px;color:#666;}
.bot-b div img{width:115px;margin:0 10px;}

.jeiwei{width:100%;background:url(../images/jeiwei.jpg);text-align:center;font-size:15px;padding:25px 0;}
.jeiwei a{color:#000}
.jeiwei p{display:inline-block;}


/*1200px*/
@media screen and (max-width:1200px){
.index-a,.index-bb{display:none;}
.lo{display:none;}
#logo{padding:10px 0;}
.logo{margin-left:5px;}
.nav,.about,.abo,#logo,#product,.pro,.xwen,#contact,.bottom{width:98%;}
.index-ba{position:absolute;top:29px;right:19px;}
.index-ba samp{display:none;}
.index-ba a{background:#999; border-radius:45px;width:24px;height:34px;display:inline-block;line-height:34px;text-align:center;margin-left:10px;color:#FFF;}
.index-ba a.ia{color:#FFF;background:#d7000f;}
.about-b p{-webkit-line-clamp: 4}
.abo-a{height:226px;padding:20px 0 0px 40px;}
.xwen-a{display:none;}
.xwen-b{width:100%;}
.xwen-b li{padding-left:0;}
.divbottom{width:100%;}
	}