@charset "utf-8";
/* CSS Document */
html{color:#666; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; -webkit-text-size-adjust: none; text-align:left;}
body{ font-size:14px;font-family:"微软雅黑";  color:#666; line-height:1; min-width:1000px;}
img{border:none;}
li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#F60;text-decoration:none;}
input,textarea{ outline:medium; text-indent:5px;}

.pointer {cursor: pointer;}
.block100 {width: 100%; overflow: hidden;}
.block50 {width: 50%; overflow: hidden;}

#warp {width: 100%; overflow: hidden;}
#header {height:100px; width: 100%; position:absolute; top:0; z-index:999;}
#footer {width: 100%; overflow: hidden;}
.logo {margin: 0px auto; width: 1400px; zoom:1; overflow: hidden;}
.logo h1 {margin-top: 10px; float: left;}
.navigation { width:770px; float:right; height:44px; margin-top:40px;}
.nav li {height: 100%; float: left;}
.nav li a {width:90px; text-align:center; height: 100%; overflow: hidden; color:#fff; font-size: 1rem; display: block; white-space: nowrap; text-overflow: ellipsis;text-decoration: none;}
.nav li a:hover { color:#00adef;}

.banner {width: 100%; height: 860px; overflow: hidden; position: relative;}
.banner ul {left: 0px; top: 0px; height: 100%; position: absolute;}
.banner li {height: 100%; text-align: center; overflow: hidden; float: left; position: relative;}
.banner li img {top: 0px; display: block; position: absolute;}
.banner .ban_ico {left: 50%; height: 10px; text-align: center; bottom: 20px; position: absolute;}
.banner .ban_ico i {background: rgb(3, 149, 110); margin: 0px 3px; border: 1px solid rgb(3, 149, 110); width: 14px; height: 14px; text-align: center; color: rgb(255, 255, 255); line-height: 14px; font-style: normal; display: inline-block; cursor: pointer;}
.banner .ban_ico i.active {background: rgb(255, 255, 255); color: rgb(3, 149, 110);}

/*==============产品中心=============*/
.warp_product{ height:480px; background:#f0f4f7;}
.product{ width:1200px; margin:0 auto; padding:50px 0;}
.product h2{ width:100%; text-align:center; zoom:1; overflow:hidden; font-size:36px; line-height:46px; font-weight:400; color:#333;}
.product h2 p{ text-align:center;}
.product h2 p.title{ font-size:18px;}
.links{ padding-top:50px;}
.links ul{ margin-right:-60px;}
.links ul li{ width:250px; margin-right:60px; float:left; text-align:center; font-size:18px;}
.links ul li img{ width:250px; height:180px;}
.links ul li span{ display:block; line-height:44px;}
.links ul li a{ color:#333;}
.links ul li a:hover{ color:#ee1d1d;}

/*==============关于我们=============*/
.padd60{padding:60px 0}
.box{width:1200px;margin:0 auto}
.h-tit{text-align: center;margin-bottom:30px;}
.h-tit b{font-weight:normal;font-size:40px;}
.h-tit p{font-size:18px;color:#999}
.inbk{display:inline-block;vertical-align:middle;}
.font26{font-size:26px;}.font27{font-size:27px;}.font28{font-size:28px;}.font29{font-size:29px;}.font30{font-size:30px;}

.main2{position:relative; height:600px;}
.main2 .h-tit,.main4 .h-tit{text-align:left;}
.m2-bg{width:50%;position:absolute;top:0;height:100%;}
.m2-bg1{background-color:#2060b5;left:0}
.m2-bg2{background-image:url(../images/1m2-img.jpg);background-size:cover;right:0}
.main2 .box{position:relative;z-index:20;color:#fff;}
.main2 .box *{color:#fff;}
.m2-le{width:40%}
.m2-le .div{position:relative;padding:10px 0 10px 65px;}
.m2-img{position:absolute;left:0;top:0}
.main2 .line{width:100px;height:2px;background-color:#fff;} 
.m2-le .h2{margin:10px 0 5px;font-size:16px;}
.m2-le .np{line-height:25px;}
.m2-ri{width:52%;position:relative;left:5%}
.m2-ri .div{border:4px solid #fff;padding:70px;}

.m2-ri .np{line-height:25px;margin:15px 0;}

.about h3{ font-size:36px; padding:20px 0;}
.about p{ font-size:16px; line-height:28px; padding:20px 0;}
.about p a{ font-size:16px; line-height:28px; border:solid 1px #fff; padding:10px 30px;}

/*==============案例中心=============*/
.warp_cases{ background:#f0f4f7 url(../images/bg_case.jpg) center bottom no-repeat; height:600px;}
.cases{ width:1200px; height:400px; margin:0 auto; padding-top:50px;}
.cases h2{ width:100%; text-align:center; zoom:1; overflow:hidden; font-size:36px; line-height:46px; font-weight:400;}
.cases h2 p{ text-align:center;}
.cases h2 p.title{ font-size:18px;}
.cases_info{ padding-top:30px;}
.cases_info ul li{ background:#fff; width:360px;}
.cases_info ul li img{ width:360px; height:250px; background:#fff; margin-bottom:10px;}
.cases_info ul li span{ display:block; height:40px; line-height:30px; font-size:24px; padding:20px;}
.cases_info ul li a{ color:#333;}

/*==============news=============*/
.productsTab{ width:100%; height:600px; margin:50px auto 0 auto;}
.productsTab h2{ font-size:32px; line-height:48px; text-align:center; margin-bottom:30px; color:#666;}
.productsTab .tab { height:34px; overflow:hidden; background: url(../images/line.jpg) center center no-repeat;}
.productsTab .tab p{ width:232px; margin:0 auto;}
.productsTab .tab a{ display:block; width:100px; margin-right:16px; height:32px; text-align:center; line-height:32px; font-size:16px; float:left; text-decoration:none; border-radius:16px; color:#333; background:#eee;}
.productsTab .tab a.on{ background:#0fa8ef; color:#fff; text-decoration:none; border-radius:16px;}
.productsTab .content{ overflow:hidden; width:1200px; margin:0 auto; margin-top:50px; height:350px; position:relative;}
.productsTab .content ul{ position:absolute; left:0; top:0; height:350px;}
.productsTab .content li{ width:1200px; height:350px; float:left;}
.newsLeft{ float:left; width:539px; height:340px; background:#f5f5f5;}
.newsLeft img{ width:539px; height:235px;}
.newsLeft h3{ line-height:36px; font-style:normal; padding:0 16px;}
.newsLeft p{ line-height:24px; font-style:normal; padding:0 16px;}
.newsRight{ float:right; width:620px;}
.newsRight div.newsbg{ background:#f5f5f5; height:71px; padding:20px; margin-bottom:4px; zoom:1; overflow:hidden;}
.newsRight div.newsbg .date{ width:99px; height:60px; border-right:solid 1px #dedede; padding-top:10px; text-align:center; float:left;}
.newsRight div.newsbg .date span{ display:block; margin-bottom:10px;}
.newsRight div.newsbg .date a{ display:block; width:60px; height:20px; line-height:20px; margin:0 auto; background:#49aa81; text-align:center; color:#fff;}
.newsRight div.newsbg .newTitle{ float:left; margin-left:30px; width:450px;}
.newsRight div.newsbg .newTitle h3{ font-size:16px; font-weight:400; line-height:24px;}
.newsRight div.newsbg .newTitle p{ font-size:14px; font-weight:400; line-height:24px;}

/*==============企业荣誉 tab=============*/
.productsTab2{ width:100%; height:600px; margin:50px auto 0 auto;}
.productsTab2 h2{ font-size:32px; line-height:48px; text-align:center; margin-bottom:30px; color:#666;}
.productsTab2 .tab { height:34px; overflow:hidden; background: url(../images/line.jpg) center center no-repeat;}
.productsTab2 .tab p{ width:232px; margin:0 auto;}
.productsTab2 .tab a{ display:block; width:100px; margin-right:16px; height:32px; text-align:center; line-height:32px; font-size:16px; float:left; text-decoration:none; border-radius:16px; color:#333; background:#eee;}
.productsTab2 .tab a.on{ background:#0fa8ef; color:#fff; text-decoration:none; border-radius:16px;}
.productsTab2 .content{ overflow:hidden; width:1200px; margin:0 auto; margin-top:50px; height:350px; position:relative;}
.productsTab2 .content ul{ position:absolute; left:0; top:0; height:350px;}
.productsTab2 .content li{ width:1200px; height:350px; float:left;}

.honor{ zoom:1; overflow:hidden; margin-right:-25px;}
.honor p{ float:left; margin-right:25px;}
.honor p img{ width:220px; height:320px;}
.more{ text-align:center; padding-top:20px;}
.more a{ font-size:16px; line-height:28px; border:solid 1px #0fa8ef; padding:10px 30px; color:#0fa8ef; border-radius:8px;}

/*==============联系我们=============*/
.contactUs{ float:right; width:320px; padding:30px 0;}
.contactUs h2{ text-align:center; zoom:1; overflow:hidden;}
.contactUs h2 span{ float:left; border-left:solid 3px #f60; padding-left:15px;}
.contactUs h2 a{ float:right; font-size:14px; font-weight:lighter;}
.contactUsTxt{ height:310px; margin-top:15px; zoom:1; overflow:hidden; background:#fff;}
.contactUs ul{ padding:20px;}
.contactUs ul li{ line-height:28px; zoom:1; overflow:hidden;}
.contactUs ul li a{ float:left;}
.contactUs ul li span{ float:right;}


.mainInfo{ width:1200px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;}

/*==============左侧=============*/
.left_wrap{ float:left; width:250px;}
/*==============右侧=============*/
.right_wrap{ float:right; width:930px;}

/*==============产品序列=============*/
.productList{ width:248px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.productList h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.productList h3 span{ float:left; font-size:16px; color:#333;}
.productList h3 a{ float:right; font-size:14px; font-weight:lighter; color:#666;}
.productList ul{ padding:0 10px 10px 10px;}
.productList ul li{ height:38px; line-height:38px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden;}
.productList ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:16px;}

/*==============联系我们=============*/
.contacts{ width:248px; margin-top:15px; background:#fff; border:solid 1px #e6e6e6; padding:1px;}
.contacts h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.contacts h3 span{ float:left; font-size:14px; color:#333;}
.contacts h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.txt_contact{ padding-top:10px;}
.txt_contact img{ margin:0 auto; display:block;}
.txt_contact p{ font-size:14px; line-height:24px; padding:0 10px;}

/*==============文章列表=============*/
.list{ width:900px; background:#fff; border:solid 1px #e6e6e6; padding:1px; float: left;}
.list h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;}
.list h3 span{ float:left; font-size:16px; color:#333;}
.list h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;}
.list ul{ padding:0 10px 10px 10px;}
.list ul li{ height:42px; line-height:42px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden; zoom:1; overflow:hidden;}
.list ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:16px; float:left;}
.list ul li span{ font-size:12px; float:right; padding-right:5px; color:#666;}

/*==============分页=============*/
.page{ text-align:center; padding:10px; font-size:14px;}

/*==============内容页=============*/
.view{ padding:15px; background:#fff; border:solid 1px #e6e6e6;float: left;width: 96%;}
.view h2{ text-align:center; font-size:26px;}
.son_title{ text-align:center; padding:15px; color:#666; font-size:12px; background:url(../images/line.gif) repeat-x left bottom;}
.info p{ text-indent:24px; line-height:32px; margin-top:0px; font-size:16px;}
.info { text-indent:24px; line-height:32px; margin-top:0px; font-size:16px;}

#footer { background:#282828;}
.footInfo{ width:1200px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;}
.foot_l { float:left; width:1080px; zoom:1; overflow:hidden;}
.foot_l dl{ width:210px; padding-left:30px; float:left; border-left:dashed 1px #58595b;}
.foot_l dl dt{ color:#eee; font-size:16px; line-height:24px; margin-bottom:10px;}
.foot_l dl dd{ line-height:24px;}
.foot_l dl dd a{ line-height:24px; color:#969696;}
.foot_l dl dd a:hover{ line-height:24px; color:#eee;}
.foot_r{ float:right;}
.foot_r img{ width:120px;}
.copyright{ height:40px; line-height:40px; background:#000;}
.copyright p { color:#58595b; text-align:center;}

.right_wrap .location {
    float: left;
    line-height: 50px;
    font-size: 14px;
    color: #999;
    width: 100%;
}
 
.fst {
    font-weight: bold;
}
.sec {
    text-indent: 10px;
}
.pro_list  ul{display:block;width: 100%;}
.pro_list  ul li{
	float: left;
    width: 23%;
    height: 260px;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;}
.pro_list  ul li a{
    display: block;
    width: 80%;
    height: 214px;
    padding: 15px;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
    transition: all .7s linear 0s;
    -webkit-transition: all .7s linear 0s;
    -moz-transition: all .7s linear 0s;
}
.pro_list  ul li a .tit{display:block; height:40px; line-height:40px; font-size:15px; color:#666; text-align:center;}
.pro_list  ul li a .pic{
	display: block;
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.pro_list  ul li a:hover{display:block; width:80%; height:214px; border:1px solid #2172bd;}
.pro_list  ul li a:hover .tit{display:block; height:40px; line-height:40px; font-size:15px; color:#2172bd;}
.pro_list  ul li img{
	display: block;
    width: 100%;
    height: 175px;
    transition: all .7s linear 0s;
    -webkit-transition: all .7s linear 0s;
    -moz-transition: all .7s linear 0s;
    -o-transition: all .7s linear 0s;
    margin-bottom: 5px;
}
.pro_list  ul li a:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);}
.pro_list ul li b{ position:absolute; left:15px; top:15px; background:#FC0; color:#fff; text-align:center; font-size:14px; line-height:32px; padding:0 10px;}
.clear {
    clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 1px;
}
.coolbg{text-indent: 0px;}