html,body{MARGIN: 0px;font-size:16px;text-align:left; background:#fff; padding:0px; color:#404040;font-family: ' Verdana, sans-serif'; min-width:1200px}
body{ background:#fff;min-width:1200px}
div,ul,li,p,form,dd,dt,dl{ margin:0px; padding:0px; }
img{ border:0px;}
li{ list-style:none}
a{ font-size:16px; color:#404040; text-decoration:none;}
a:hover{ font-size:16px; color:#CA9374; text-decoration:none;}
p{ font-size:14px;}
.clearboth{ clear:both;}
.container{clear:both; width:1200px;text-align:left;word-break:break-all; margin:0 auto}
.fl{ float:left;}
.fr{ float:right;}

/*top*/
.top{ height:35px; text-align: right;line-height:35px; background:#F7F7F7; color:#979797;font-size: 14px;}
.top a{ padding: 0px 5px;font-size: 14px;color: #979797;}

.head{background:#fff;height:100px;transition:all .3s; }
.logo{width:360px; height: 100px; transition:all .3s}
.logo a{;overflow:hidden}
.logo img{ }
.logo .p1{width:100px;height:50px; line-height: 25px; margin-top: 25px; font-size: 18px; color: #000; border-left:#E6E6E6 solid 1px; padding:0px 0px 0px 18px;}
.head .tel{ background: url("dh_1.jpg") no-repeat left center; margin-top: 25px; line-height: 50px; height:50px; padding-left: 40px; }
.head .tel b{font-size: 26px; font-weight: bold; color: #0166B3; padding-top: 15px;}

.head-v3{position:relative;z-index:100;min-width:1200px}

.head-v3 .navigation-inner{margin:0 auto;width:1200px;position:relative}

.navigation-up{height:55px;background:#0166B3}

.navigation-up .navigation-v3{float:left;}

.navigation-up .navigation-v3 ul{float:left}

.navigation-up .navigation-v3 li{float:left; color:#fff}

.navigation-up .navigation-v3 .nav-up-selected{/*border-bottom:#333 solid 3px inset */}

.navigation-up .navigation-v3 .nav-up-selected-inpage{}

.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0;height:55px;line-height: 49px; padding:0 53px;}

.navigation-up .navigation-v3 li h2 a{color:#fff; font-weight: bold}



.navigation-down{position:absolute;top:55px;left:0px;width:100%}

.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(255,255,255,0.8);position:absolute;top:0px}

.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}

.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}

.navigation-down .menu-1 dl{margin:15px 50px 15px 0;background:url(marrow.png) left center no-repeat; padding-left: 15px; }
#product dl:first-child{margin-left:355px;}
#hdwenhua dl:first-child{margin-left:590px;}
#support dl:first-child{margin-left:760px;}


/*.navigation-down .menu-1 dt{color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}*/

.navigation-down .menu-1 dd a{color:#333;}

.navigation-down .menu-1 dd a:hover{color:#0166B3}

.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#333;}

.box-active{
position: fixed;
	width: 100%;
top: 0;
	height: 100px;
	z-index: 9999;
	margin: 0 auto;
}
.nav-active{
position: fixed;
	width: 100%;
top: 100px;
	z-index: 9999999;
}
.a150 {
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    transition: all .3s;
}
.search { float: right; width: 200px; height: 40px; margin: 0px 0px 0px 0px; background: url(sousuo.jpg) no-repeat; margin-top: 30px;}

.search span { color: #fff; padding-left: 18px; line-height: 60px; }

.search input.search-field  {  float: right;width: 50px;height:35px; font-size: 12px; color: #888; text-indent: 12px; background: none !important; border: none !important; outline: none}
.search input.text{ width: 150px; height: 34px; line-height: 34px; outline: none;border: none; background: none; margin-left: 10px;}
.submit{ width: 30px;outline: none;border: none; background: none;}

.search-btn { float: right; position: relative; padding: 0; top: 0px; right: 0px; margin: 0px 0 0 -40px; background: url(../images/sousuo1.jpg) no-repeat; width: 36px; height: 35px; cursor: pointer; border: none; z-index: 100; box-shadow: none; border-radius: 0px 4px 4px 0px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }

.search-btn:hover { background: url(../images/sousuo1.jpg) no-repeat; }

/*.search input.search-field { float: right; height:35px; line-height: 35px; position: relative; }*/
/*-----首页 banner-----*/
.banner{/* margin-top: 100px;*/}
  .swiper {
        width: 100%;
        height: 100%;

      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }



      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;  
		  filter: blur(0px)!important ;

      }



      .swiper {
        margin-left: auto;
        margin-right: auto;
      }

.swiper-button-prev:after{display: none;}
.swiper-button-prev {width:65px; height: 65px;left:0%;top: 50%;background-image:url(ibg2.png);}
.swiper-button-next:after{display: none;}
.swiper-button-next{width: 65px; height: 65px;right:0%;top: 50%;background-image:url(ibg2a.png);}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 65px;
    height:65px;
  
    z-index: 10;
    cursor: pointer;
    background-size: 44px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

/*简介图*/
.js_about_right{width:47%; margin:0px 0px}
div.slideBox{ position:relative; width:668px; height:298px; border: #ddd solid 1px; overflow:hidden;}
div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li a{ float:left; text-align: center; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;width:569px; height:363px}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:50px; background-color:#000; overflow:hidden;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}
div.slideBox div.tips div.nums a{ display:inline-block; float:left/*For IE.ADD.JENA.201206300844*/; width:10px; height:10px; background-color:#FFF; text-indent:-99999px; margin:20px 10px 0px 0px;}
div.slideBox div.tips div.nums a.active{ background-color:#CA9374;}


.kuai1_right{width:53%; margin:70px 0px}




/*案例*/
.case{ background:url(cabg.jpg) no-repeat center center; padding:50px 0px 50px 0px; margin-top:20px; background-attachment:fixed} 
.view {
	width: 285px;
	float: left;
	margin-right: 10px;
}
.view:last-child{margin-right: 0px!important;}
.view figure {
	margin: 0;
	position: relative;
}
.view figure img {
	max-width: 100%;
	display: block;
	position: relative;
}
.view .thumb {
	overflow: hidden;
}
.view .mask {
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	width: 255px;
	top: auto; 
	bottom: 0;  
	padding: 15px;
	/*background: rgb(240,240,240); */
				background:url(../images/cy_bj.png) no-repeat center top;
	color: #0166B3;
}
.view .mask h2 { margin: 0 0 5px; padding: 0 0 5px; color: #000; font: 400 20px/55px "微软雅黑"; }
.view .mask p {
	font-size: 14px;
	margin-bottom: 5px;
				line-height:28px;
}
.view .mask a{color: #666; }
.view .link { text-align: center; padding: 5px 40px; border-radius: 5px; display: inline-block; background: #CA9374; color: #fff; text-decoration: none; text-transform: uppercase; }
.view-tenth figure {
	overflow: hidden;
}
.view-tenth figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.view-tenth figure:hover img {
	-webkit-transform: translateY(-130px);
	-moz-transform: translateY(-130px);
	-ms-transform: translateY(-130px);
	transform: translateY(-130px);
}
.view-tenth .mask {
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.view-tenth figure:hover .mask {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
.view-tenth .mask p{
	/* 在恰当的断字点进行换行 */
  word-break: break-all;
  /* 超出范围隐藏 */
  overflow: hidden;
  /* 文字超出用省略号 */
  text-overflow: ellipsis;
  /* 盒子模型 */
  display: -webkit-box;
  /* 显示的文本行数 */
  -webkit-line-clamp: 6;
  /* 子元素的垂直排列方式 */
  -webkit-box-orient: vertical;
	
}

/*关于我们*/

.about_us{margin: 50px 0px 50px 0px; /*box-shadow: #ddd 0px 0px 5px;*/ padding: 10px; background: #f5f5f5}
.ab_con{ width:50%}
.about_h3{
    font-family: Arial;
    color: #0166B3;
    font-size:26px;
    font-weight: bold;
    margin:20px 0px 0px 0px;
}
.about_p{
    font-size: 16px;
    color: #000;
    padding-bottom: 20px;
/*    border-bottom: 1px solid #dadada;*/
}
.about_content{
    line-height: 30px;
    color: #555;
    margin-top:20px;
}
.about_btn{
    display: block;
    text-align: center;
    width: 140px;
    padding: 7px 0px;
    color: #fff;
    text-decoration: none;
    border-radius: 15px;
    background-color: #CA9374;
    margin-top: 20px;
}
.about_btn:hover,.about_btn:focus{
    color: #fff;
    text-decoration: none;
    background-color: #0166B3;
}
.about_video{
    width: 100%;
}


.ibox6 { overflow:hidden; width:1224px; margin:50px auto 30px auto; overflow:hidden; }
.ibox6 li { display:inline; float:left; width:25%; }
.ibox6 li div { margin:0px 12px; position:relative; padding-bottom:30px; overflow:hidden; position:relative; height:139px; }
.ibox6 li div img { display:block; width:282px; height:157px; transition:all 1s; -moz-transition:all 1s; /* Firefox 4 */ -webkit-transition:all 1s; /* Safari and Chrome */ -o-transition:all 1s; /* Opera */}
.ibox6 li div:hover img { width:322px; height:180px; margin-left:-20px; margin-top:-20px;}
.ibox6 li div p { top:0; bottom:0; left:15px; right:15px; position:absolute; }
.ibox6 li span { display:block;  background:#FFF; margin:0px 25px 30px; font-size:14px; line-height:25px; }
.ibox6 li div p b { display:block; /*background:rgba(1,102,179,0.9);*/background:rgba(0,0,0,0.6);line-height:36px; padding-top:2px; text-align:center; position:absolute; left:0; right:0; bottom:20px;  }
.ibox6 li div p b a{ color:#fff; font-size:18px; }
.list_con{ background:#fff;}
.list_con ul li{ float: none; width: 100%; display: block;height:45px; line-height:45px;border-bottom: 1px dotted #ccc;white-space: nowrap; overflow:hidden;text-overflow: ellipsis}
/*

.list_con li span:last-of-type{ float:right;}
*/
.list_con ul  li a:hover,.yaowen_first h1:hover{color: #CA9374;}
.list_con ul  li:before{content: "";display: inline-block;width: 6px;height: 6px;background: #333;border-radius: 50%;margin: 0 6px 0;position: relative;top: -2px;}
.list_con ul li:hover:before{background: #CA9374;}
	

/***********foot*************/
#bottom {padding-top:30px;padding-bottom:20px;background:#3B3F4A; color:#aaabae;  font-size:14px; float:left; width:100%;}

.ftnav{ text-align: center;height: 80px; line-height: 80px; border-top: #5F6271 solid 1px; border-bottom: #5F6271 solid 1px;}
.ftnav a{ padding: 0px 25px; font-size: 18px; color: #aaabae}


#bottom p{ padding:0;margin:0;}
#bottom .fl{width:55%; margin-top: 50px; margin-left: 60px;}
#bottom .fl p{ line-height: 2.0; color: #aaabae; font-size: 16px;}
#bottom .fl p a{color:#aaabae;}
#bottom .fl p a:hover{color:#CA9374}
#bottom .fr{ width:40%; margin-top: 20px;}
#bottom .fr dl{ float:left; width:33%; border:0px; text-align:center}
#bottom .fr img{ width:120px; height:120px; border: #ddd solid 1px;}
#bottom .fr p{ display:block;  padding-top:3px; font-size:16px;}
#bottom .fr p b{ color:#aaabae;}
#bottom .fr p em{ font-style:normal; font-size:34px; line-height:50px; color:#aaabae !important; font-family:"aparaj";}


#footer { padding:20px 0; color:#aaabae; background:#fff; float:left; width:100%; text-align:center}
#footer a { color:#aaabae;}
#footer a:hover { color:#c52d2f;}
#footer ul { list-style:none;  padding:0; margin:0;}
#footer ul > li { display:inline-block; margin-left:15px;}


/*内页*/
.ny{ margin:40px 0px}

.ny_fl{ width:22%}
.mbt30{ margin-bottom:30px;}
.ny_list{}
.ny_tit{ padding:10px 0px 10px 30px; background:#0166B3; text-align:left; font-size:26px; font-weight:bold; color:#fff}
.ny_tit span{ display:block; font-size:14px; font-weight:normal; text-transform:uppercase; color:rgba(255,255,255,0.4)}
.ny_list ul{/* padding:0px 10px 10px 10px;*/ }
.ny_list ul li{ background: url(zs.png) no-repeat 30px 20px #E6F0F6; }
.ny_list ul li a{ display: block; font-size:18px;  margin-top:1px; padding:15px 0px 15px 18px; text-indent: 40px; transition:all 0.2s;  }
.ny_list ul li a:hover{ background:#0166B3; padding:20px 0px 20px 18px; color:#fff}

.ny_list ul li dl{background: none; margin: 0px 30px; }
.ny_list ul li dl dd{  border-top: #CBE0ED dotted 1px; height: 40px; line-height: 40px; padding: 0px 15px 0px 15px; ;background: url(ico01.gif) no-repeat 20px center; text-indent:20px}
.ny_list ul li dl dd a{ display: inline; color: #333;font-size:16px; padding-left: 0px; }
.ny_list ul li dl dd a:hover{ background: none; color:#0166B3; font-size:17px; padding: 0px; }

.fllxwm_con{ padding:10px 7px; /*border:#ddd solid 1px;*/ background:#E6F0F6;}
.fllxwm_con p{ line-height:2.0;}



.ny_fr{ width:75%}
.nyfr_tit{ height:35px; line-height:35px;  border-bottom:#ddd solid 1px; margin-bottom:10px;}
.nyfr_tit span{ float:right}
.nyfr_tit b{ font-size:20px; border-bottom:#0166B3 solid 3px; padding:5px 0px}

.nyfr_con{}



element.style {
}
#newsinfo_column_1 > .ny_tit {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #333;
	background: none
}
.liuyan .formlist span{ text-align: right}
.liuyan #liuyantj {
    font-size: 12px;
    vertical-align: top;
    display: inline-block;
    width: 80px;
    margin-left: 134px!important;
    margin-top: 30px;
}
.nyfr_con p{ font-size: 16px;}
.nyfr_con img{max-width: 100%}