﻿@charset "utf-8";
/* CSS Document */
* {
padding:0px;
margin:0px;
}
img {
border:none;
}
body {
font-size:15px;
font-family:"Microsoft Yahei", verdant, tahoma;
color:#333;
font-weight:normal;
padding:0px;
margin:0px;
text-decoration:none;
line-height:27px;min-width:1200px;

}
a {
font-size:15px;
text-decoration:none;
font-family:"Microsoft Yahei", verdant, tahoma;
color:#333;
font-weight:normal;
}
a:hover {
font-size:15px;
font-weight:normal;
color:#0084d9;
font-family:"Microsoft Yahei", verdant, tahoma;
}
.clear {
clear:both;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:27px;
}
.fl{float:left;}
.fr{float:right;}
.hz{width:1200px;margin:0 auto;}
.hza{ width: 1200px; margin: 35px auto;}
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}



.header{width:1200px;margin:40px auto;overflow: hidden;}
.topnav { background:url(../images/index_02.jpg)repeat-x; width: 100%; line-height: 36px; height: 36px; }
.topnav-title { float: left; width: 500px;}
.topnav-sidebar { float: right;}
.topnav-sidebar li { text-align: center;  float: left; line-height: 33px;}
.topnav-sidebar a{padding:0 8px;}



.index-search-hz{ background: #0084d9; overflow: hidden; }
.ssk{width:274px;line-height:43px;border: 1px solid #dbdbdb;float:left;padding-left:10px;}
.ss{ border: 0px; cursor: pointer;  }
input {outline:none;}




.nav{width:100%;background:#0066c7; float:left;}
.mainbav { width: 1200px; margin-left: auto; margin-right: auto;  
}
.mainbav li {
float:left; position:relative;padding:0 50px;}
.mainbav li a{color:#fff; font-size: 18px;}
.mainbav .memu {
float: left;
line-height:53px;height:53px;
text-align:center;
}

.mainbav .memu:hover, .mainbav .memu.active {  color: #333; display: block;background: #f2f2f2; 
}
.mainbav .memu:hover a, .mainbav .memu.active a { color:#2b2e8d;font-weight:bold;}
.mainbav ul li ul{
display:none;
position:absolute;width:190px;
left:0;
top:53px;
z-index:999999;
background: #f2f2f2;
}
.mainbav ul li ul li{ float:none; border-right:none;  padding:0;line-height:42px; border-bottom:1px solid #e8e8e8; position:relative;text-align:left;}
.mainbav ul li ul li a{ display:block; color:#333 !important;font-weight:normal !important; font-size:15px;padding:0 15px;}
.mainbav ul li ul li a:hover{
text-decoration: none;
background: #eaeaea;color:#2b2e8d !important;
}
.mainbav ul li ul li ul{ position:absolute; left:195px; top:0;}


.banner {

margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
/* fullSlide */
.fullSlide{width:100%;position:relative;height:572px;background:#fff;  }
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:572px;overflow:hidden;text-align:center; position:relative; }
.fullSlide .bd li a{display:block;height:572px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}
a.banner-bg{ display:block; width:100%;background:url(../images/banner-hg.png) center bottom no-repeat; padding-bottom:10px;}
/* banner css end */





.index-title{text-align:center;font-size:36px;background:url(../images/index_13.jpg)no-repeat bottom;padding-bottom:20px;line-height:36px;}
.parHd{width:100%; margin:30px 0 20px 0;}
.parHd ul{ vertical-align:top; text-align:center;}
.parHd ul li{ margin-top:10px; height:30px;line-height:30px;text-align:center; display:inline-block; overflow:hidden;vertical-align:top;font-size:16px;padding:5px 30px;}
.parHd ul li.on{background:#0084d9;color:#fff;font-weight:bold;}
.hza .slideBox{ zoom:1;  position:relative; display:none;}
.hza .tempWrap { margin:0 auto; }


.index-case-pic{width:275px;margin-right:22px;margin-bottom: 25px;float:left;border:1px solid #e7e7e7;padding:3px; position:relative; }
.index-case-pic:before { content:' '; position:absolute; left:0px; top:0px; width:0px; height:1px; background:#0084d9; transition:all 0.5s;}
.index-case-pic:hover::before { width:100%;}
.index-case-pic:after { content:' '; position:absolute; right:0px; bottom:0px; width:0px; height:1px; background:#0084d9; transition:all 0.5s;}
.index-case-pic:hover::after { width:100%;}
.index-case-pic i:before { content:' '; position:absolute; left:0px; top:0px; width:1px; height:0px; background:#0084d9; transition:all 0.5s;}
.index-case-pic:hover i:before { height:100%;}
.index-case-pic i:after { content:' '; position:absolute; right:0px; bottom:0px; width:1px; height:0px; background:#0084d9; transition:all 0.5s;}
.index-case-pic:hover i:after { height:100%;}
.index-case-tu{overflow:hidden;}
.index-case-sm{ text-align: center; line-height: 40px; color: #666666; }
.index-case-pic:nth-child(4n){margin-right:0;}
.index-case-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.index-case-pic img{width:275px;transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;display:block; overflow:hidden;}
.index-case-wz{ width: 275px; text-align: center; line-height:40px; }
.index-case-wz a{font-size:16px;}

.index-about-bj{background:url(../images/index_20.jpg)no-repeat top;padding:60px 0;overflow:hidden;}
.index-about-right{width:550px;background:#fff;margin-top:43px;padding:45px 65px 50px 65px;}
.index-about-title{background:url(../images/index_24.jpg)no-repeat bottom left;padding-bottom:15px;font-size:30px;}
.index-about-nr{height:106px;overflow:hidden;margin:36px 0 45px 0;font-size:16px;}


.index-about-more a{font-size:18px;}
.index-news-nr{margin-top:40px;}
.index-news-left{width:484px;}
.index-news-left-centent{background:#0084d9;padding:20px;}
.index-news-left-centent-title{border-bottom:1px solid #38b0fd;padding-bottom:10px;}
.index-news-left-centent-title a{font-size:20px;color:#fff;}
.index-news-left-centent-nr{color:#fff;margin-top:20px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.index-news-left-centent-nr a{color:#fff;}


.index-news-right{width:670px;}
.index-news-right-toutiao{border-bottom:1px solid #f2f2f2;}
.index-news-right-toutiao-title{border-bottom:1px solid #f2f2f2;padding-bottom:10px;}
.index-news-right-toutiao-title a{font-size:18px;}
.index-news-right-toutiao-nr{color:#666;margin-top:25px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.index-news-right-toutiao-rq{margin:25px 0;color:#666;}
.index-news-right-xw li{border-bottom:1px solid #f2f2f2;float:left;width:670px;margin-top:18px;padding-bottom:10px;}
.index-news-rq{color:#666;}

.index-hzlb{border-top:1px solid #f2f2f2;margin:50px 0;padding:20px 0;}

.index-product{margin-top:40px;}
.rollBox{ width: 1200px; overflow: hidden; margin: 0 auto; }
.rollBox .LeftBotton{ height: 18px; width: 10px; background: url(../images/index_48.jpg) no-repeat 0; overflow: hidden; float: left; display: inline; margin: 35px 15px 0 0; cursor: pointer; }
.rollBox .RightBotton{ height: 18px; width: 10px; background: url(../images/index_46.jpg) no-repeat 0; overflow: hidden; float: left; display: inline; margin: 35px 0 0 15px; cursor: pointer; }
.rollBox .Cont{ width: 1150px; overflow: hidden; float: left; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:203px;float:left;text-align:center;margin:0 10px;}

.rollBox .Cont .pic img{display:block;margin:0 auto; width:180px;}
.rollBox .Cont .pic p{line-height:40px;color:#505050;text-align:center;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#0066b3;text-decoration:underline;}
 #List1,.rollBox #List2{float:left;}
.index-Click{margin-top:15px;}
.index-Click a{color:#0066b3!important;}



.foot-hz{ overflow: hidden; padding-top: 35px; background: #222; color:#999; }
.foot-link{background:#f7f7f7;overflow:hidden;margin-top:35px;}
.foot-link-title{width:86px;font-size:16px;line-height:45px;height:45px;}
.foot-link-nr{ width: 1000px; }
.foot-link-nr li{float:left;margin:0 10px;line-height:45px;}

.index_contact{ width: 430px; }
.index_contact-nr{ color: #999; margin-top: 20px; width: 260px; }
.index_contact-nr a { color: #999; }
.ewm{ text-align: center; color: #999; margin-top: 25px; }


.foot-lxfs{ width: 770px; }
.foot-hz-nav { float: left; width: 180px; }
.foot-hz-cd { font-size: 18px;  padding-bottom: 10px; color: #d9d9d9; font-weight: bold; }
.foot-hz-menu { margin-top: 20px; }
.foot-hz-menu li{line-height:25px;}
.foot-hz-menu a { color: #999; }
.foot-hz-menu a:hover { color: #fff; }
.foot{ border-top:1px solid #323232; text-align: center; color: #757575; overflow: hidden; padding: 10px 0 10px 0; margin-top: 30px;color:#999; }
.foot a{color:#999;}
.foot a:hover{ color: #fff;}
.index_contact-nr a:hover{ color: #fff;}

.index-por-title{ width: 244px; font-size: 24px; background: #0084d9; padding: 15px 0; line-height: 30px; color: #fff; font-weight: bold; text-align: center; }
.pro-xw{ color: #CCCCCC; font-weight: normal; font-size: 16px; }
.index_product-menu{ width: 244px;margin-bottom:20px; }


.index_pro-xl li{ border-bottom: 1px solid #e7e7e7; line-height:50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background: #f7f7f7;text-align:center;}
.index_pro-xl li a{font-size:16px;}
.index_pro-xl li a:hover{display:block;color:#fff;background:#0084d9;}

.img-banner{ background:center center; width:100%; overflow:hidden;}
.img-banner div{ line-height:0px;}
.img-banner div img{opacity:0;}



.tjcp { width: 227px; margin-bottom: 10px; }
.tjcp a img{ width: 225px;border:1px solid #eaeaea;}
.tjcp a img:hover{border:1px solid #0084d9;}
.tjcp-title { width: 227px; line-height: 35px; text-align: center; }
.cont-nr { width: 226px; padding: 8px; margin-bottom: 20px; border:1px solid #d8d8d8;}

.ny-left{width:258px;}


.ny-lxwm{width:244px;margin-top:15px;}
.ny-lxwm-title{ width: 244px; text-align: center; font-size: 18px; color: #fff; line-height: 55px; background: #0084d9; font-weight: bold; }
.ny-lxwm-nr{width:212px;border:1px solid #d8d8d8; padding:15px;}


.about-pic{margin-bottom:30px;text-align:center;}
.about-right{ width: 890px;  margin-bottom: 20px; }
.about-right-hz{ border-bottom: 1px solid #dedede;padding-bottom:10px; }
.about-right-title{ width: 200px; font-weight: bold; font-size: 18px; color: #0084d9; position: relative; }
.about-right-title:after { position:absolute; content:''; width:70px; height:1px; background:#0084d9; left:0px; bottom:-11px;}
.about-right-wz{width:650px;text-align:right; }
.about-right-content{margin-top:30px;}





.ny-product-pic{width:275px;margin-right:20px;margin-bottom: 45px;float:left;border:1px solid #e7e7e7;box-shadow:3px 3px 3px #f2f2f2;padding:3px; position:relative; }
.ny-product-pic:before { content:' '; position:absolute; left:0px; top:0px; width:0px; height:1px; background:#0084d9; transition:all 0.5s;}
.ny-product-pic:hover::before { width:100%;}
.ny-product-pic:after { content:' '; position:absolute; right:0px; bottom:0px; width:0px; height:1px; background:#0084d9; transition:all 0.5s;}
.ny-product-pic:hover::after { width:100%;}
.ny-product-pic i:before { content:' '; position:absolute; left:0px; top:0px; width:1px; height:0px; background:#0084d9; transition:all 0.5s;}
.ny-product-pic:hover i:before { height:100%;}
.ny-product-pic i:after { content:' '; position:absolute; right:0px; bottom:0px; width:1px; height:0px; background:#0084d9; transition:all 0.5s;}
.ny-product-pic:hover i:after { height:100%;}
.ny-product-tu{overflow:hidden;}
.ny-product-sm{ text-align: center; line-height: 40px; color: #666666; }
.ny-product-pic:nth-child(3n){margin-right:0;}
.ny-product-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.ny-product-pic img{width:275px;transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;display:block; overflow:hidden;}
.ny-product-wz{ width: 275px; text-align: center; line-height:40px; }
.ny-product-wz a{font-size:16px;}





.ny-product-ms-hz{margin-top:50px;width:910px;}
.ny-product-ms{ border-bottom: 1px solid #f2f2f2;  }
.ny-product-ms-bj{background:#0084d9;color:#fff;line-height:40px;text-align:center;width:150px; font-size: 16px;font-weight:bold;}
.ny-product-content{ margin-top: 15px; height: 348px; color: #666; overflow: hidden; }
.ny-product-content-xq{margin:40px 0;}

.ny-product-cp{text-align:center;}
.ny-product-cp img{width:500px;}
.ny-product-title{text-align:center;margin-top:15px;font-size:18px;}




.xy{ width: 100%; margin:0 auto; text-align: center; overflow:hidden;}
.xy li{margin:0 10px; display:inline-block; font-size:0px;}
.xy li a{ font-size:14px; }
.xy li a:hover,.xy li a.on {color:#0084d9;}


.solution-title{font-size:24px;}
.solution-title-ms{margin-top:15px;}
.solution-content{}
.solution-content-pic{ width: 180px; border: 1px solid #f2f2f2; }
.solution-content-pic img{width:180px;}
.solution-content-hz{margin-top:25px;background:#f5f5f5;overflow:hidden;padding:15px;}
.solution-content-hz:nth-child(even){background:none;}
.solution-content-right{width:660px;}
.solution-content-right-title a{font-size:18px; color:#0066b3;}
.solution-content-right-nr{margin-top:15px;color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; 
}
.solution-content-right-more{margin-top:10px;}
.solution-content-right-more a{color:#0066b3;}
.solution-content-right-more a:hover{ text-decoration:underline;}



.news { width: 870px; margin-bottom: 20px; padding-bottom: 30px; overflow: hidden;border-bottom: 1px solid #f2f2f2;  padding: 15px 10px; }

.news-tu{ width: 215px; padding: 3px; border: 1px #f2f2f2 solid; }
.news-tu img{width:215px;}

.new-more{  margin-top: 15px; }
.news-title {  font-size: 18px; color: #000; }
.news-title a { font-size: 18px;color:#0084d9;  }
.rq {float: right;font-size: 14px;color: #666;}
.news-content {  margin-top: 10px; color: #666;  text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news-ti { width: 890px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #D0D0D0; font-size: 24px; color: #000; line-height: 35px; text-align: center; padding-bottom: 10px; }
.time {font-size: 14px;color: #666;}
.about-d { width: 890px; margin-top: 40px; padding-bottom: 40px; }
.contact{ width: 890px; background-image: url(../images/582e666de02f4.jpg); background-repeat: no-repeat; background-position: right bottom;  padding-right: 0; padding-bottom: 0; }

.news-syt{width:400px;background:#f2f2f2;line-height:40px;padding:0 10px ;}

.map{ width: 870px; border:solid 1px #f2f2f2 ; padding: 3px; margin: 30px 0; }


.sok1{ width: 350px; border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 15px; color: #CCCCCC; font-size: 14px; font-family: "微软雅黑"; }
.sok2{ width: 100px; border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 15px; color: #CCCCCC; font-size: 14px; font-family: "微软雅黑"; margin-top: 15px; }
input{outline:none;}
.tj{ width: 110px; border: 1px solid #e6e5e5; line-height: 35px; text-algin: center; color: #fff; background-color: #0084d9; cursor: pointer; font-size: 16px; margin-top:20px;}
