﻿
/*========================= 首页 =========================*/
#home-bg{ background:url(../images/global/home.jpg) repeat-x;}

#banner{position:relative;margin-bottom:35px;}
#banner .pic{width:853px;float:left;margin-left:8px; background:#fff;height:400px;overflow:hidden;border-bottom:solid 1px #d9d2d2;}/*20170510修改*/
#banner .title{width:338px;height:400px;float:left;background:#e9e7e7;border-left: solid 1px #d9d2d2;}/*20170510修改*/
#banner .title dl{height:68px;border-top:solid 1px #f5f5f5;border-bottom:solid 1px #d9d2d2;padding:30px 0 0 90px;}/*20170510修改*/
#banner .title dl dt{font-size:15px;}
#banner .title dl dd{font:13px/24px "Times New Roman", Times, serif;}
#banner .navtab001{background:url(../images/global/banner.png) #fff no-repeat 0px; z-index:9999; position:relative; left:-1px; top:0px; cursor:pointer; z-index:999}
#banner .cur .arrow{width:16px;height:30px;float:left;position:absolute;left:-1px;top:38px;}
#banner .ying-l{width:10px;height:100%;background:url(../images/global/banner-l.png) repeat-y;position:absolute;left:-2px;top:0;}/*20170510修改*/
#banner .ying-r{width:10px;height:100%;background:url(../images/global/banner-r.png) repeat-y;position:absolute;right:-10px;top:0;}/*20170510修改*/

/*用途*/
.home-purpose{width:420px;padding-right:50px;border-right:dotted 1px #bbb;}
.home-purpose .mt, .home-advantage .mt{ text-align:center;margin-bottom:35px;}
.home-purpose ul{height:430px;margin-left:50px;position:relative;background:url(../images/global/dot3.png) no-repeat 60px 50px;}
.home-purpose ul li{width:120px; text-align:center;position:absolute;left:0;top:0;}
.home-purpose ul li span{width:120px;height:120px;display:block; background:#d7d7d7;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;margin-bottom:7px;}
.home-purpose ul li span i{display:inline-block;background:url(../images/global/dot1.png) no-repeat;}
.home-purpose ul li p{font-size:14px;}
.home-purpose ul .fore1 i{width:55px;height:44px;margin:40px auto;}
.home-purpose ul .fore2 i{width:34px;height:41px;margin:45px auto; background-position:0 -54px;}
.home-purpose ul .fore3 i{width:41px;height:41px;margin:45px auto; background-position:0 -105px;}
.home-purpose ul .fore4 i{width:51px;height:30px;margin:50px auto; background-position:0 -156px;}
.home-purpose ul .fore2{left:200px;top:90px;}
.home-purpose ul .fore3{left:0px;top:180px;}
.home-purpose ul .fore4{left:200px;top:270px;}
.home-purpose ul .fore1:hover i, .home-purpose ul .fore1.cur i{background-position:-72px 0px;}
.home-purpose ul .fore2:hover i, .home-purpose ul .fore2.cur i{background-position:-72px -54px;}
.home-purpose ul .fore3:hover i, .home-purpose ul .fore3.cur i{background-position:-72px -105px;}
.home-purpose ul .fore4:hover i, .home-purpose ul .fore4.cur i{background-position:-72px -156px;}
.home-purpose ul li:hover, .home-purpose ul .cur{background:url(../images/global/dot2.png) no-repeat;}
.home-purpose ul li:hover span, .home-purpose ul .cur span{ background:#74cfc0;}
.home-purpose ul li:hover p, .home-purpose ul .cur p{color:#048b75;}

/*优点途*/
.home-advantage{width:640px;padding-right:10px;}
.home-advantage ul{margin-top:10px;float:left;}
.home-advantage ul li{width:268px;height:101px;float:left;color:#22a48e;margin:0 23px 40px 23px;background:url(../images/global/advantage_07.png) no-repeat; }
.home-advantage ul li span{width:35px;font:bold 55px/100px Arial, Helvetica, sans-serif;font-style:oblique; float:left;margin:0 5px 0 15px;}
.home-advantage ul li p{font-size:15px;line-height:20px; padding-top:40px;}/*20170510修改*/
.home-advantage ul li:hover, .home-advantage ul li.cur{color:#fff;background:url(../images/global/advantage_10.png) no-repeat;}

/*========================= 产品中心 =========================*/
/*您当前所在的位置*/
.cur-pos{height:30px;margin:36px 0 3px 10px;}
.cur-pos, .cur-pos a{font-size:15px;color:#069b97;}

/*左侧-分类*/
.In-left{width:180px;float:left; padding:58px 0 0 20px;}
.classbar ul li{width:108px;height:108px;display:block;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;margin-bottom:35px; text-align:center;}
.classbar ul li p{font-size:12px;color:#fff; line-height:13px; padding:0 10px}
.classbar ul li span i{display:inline-block;background:url(../images/global/product.png) no-repeat;}
.classbar ul .fore1 i{width:43px;height:40px;margin:20px auto 5px;}
.classbar ul .fore2 i{width:46px;height:46px;margin:18px auto 3px; background-position:0 -50px}
.classbar ul .fore3 i{width:31px;height:45px;margin:20px auto 5px; background-position:0 -106px}
.classbar ul .fore1{ background:#d39e0c;}
.classbar ul .fore2{ background:#0c9b9d;}
.classbar ul .fore3{ background:#929292;}

.classbar ul li:hover{ background:#c23b3b;}

/*右侧-内容*/
.In-right{width:900px;min-height:500px;float:left;padding:58px 30px 45px 70px;background:url(../images/global/product3.png) repeat-y;}
.In-right .mt{text-align:center;margin-bottom:35px;}
.In-right .mt p{font:bold 45px/45px Impact, Arial, Helvetica, sans-serif;color:#7b7b7b;}
.In-right .mt p span{color:#139ea0;}
.In-right .mt h2{font-size:16px;color:#555;margin-top:5px;background:url(../images/global/product2.png) no-repeat center;}

.product .mc, .about2 .mc{text-align:center;}
.product .mc p, .about2 .mc p{font-size:15px;line-height:35px;color:#666;margin-bottom:20px;}

/*----------用途及优点----------*/
.easy .mc{ background:#efe9e9;padding:20px 0 5px 0; height:360px}
.easy .mc .liu{width:360px;float:left;font-size:16px;line-height:35px;color:#07a3a1;margin:20px 20px 0 30px;}
.easy .mc .liu .fore2{margin-left:30px;}
.easy .mc .liu .fore3{margin-left:60px;}
.easy .mc .liu .fore4{margin-left:90px;}
.easy .mc .liu .fore5{margin-left:120px;}
.easy .mc .liu .fore6{margin-left:150px;}

.four .home-purpose{width:900px;border-right:none;}
.four .home-purpose ul{height:230px;background:url(../images/global/dot4.png) no-repeat 60px 50px;}
.four .home-purpose .fore1{left:0px;top:60px;}
.four .home-purpose .fore2{left:230px;top:0px;}
.four .home-purpose .fore3{left:460px;top:60px;}
.four .home-purpose .fore4{left:690px;top:0px;}

/*========================= 应用  =========================*/
.application ul .fore1 i{width:74px;height:26px;margin:30px auto 10px;background:url(../images/global/application.png) no-repeat;}

.list1 li{width:852px;height:213px;background:url(../images/global/application1.png) no-repeat;margin-bottom:30px;}
.list1 li .pic{width:280px;height:160px;float:left;margin:20px 50px 0 30px;}
.list1 li .pic img{width:280px;height:160px;}
.list1 li .info{width:390px;float:left; padding:22px 0;}
.list1 li .info h3 a{font-size:15px;padding-left:25px;margin-bottom:5px;}
.list1 li .info p{font-size:13px;color:#777;}

.list1 li .info .te1{margin-bottom:15px;}
.list1 li .info .te1 h3{color:#17a1e0;background:url(../images/global/dot6.jpg) no-repeat;}
.list1 li .info .te2 h3{color:#ed6f26;background:url(../images/global/dot5.jpg) no-repeat;}

/*========================= 新闻动态  =========================*/
.news ul li span i{background:url(../images/global/news.png) no-repeat;}
.news ul .fore1 i{width:40px;height:40px;margin:25px auto 8px;}
.news ul .fore2 i{width:44px;height:35px;margin:30px auto 5px; background-position:0 -50px}
.news ul .fore3 i{width:46px;height:31px;margin:30px auto 10px;background-position:0 -94px}

.list2 li{width:390px;float:left;margin:10px 40px 38px 20px;}
.list2 li .pic{width:95px;height:70px;float:left;margin-right:10px;}
.list2 li .pic img{width:95px;height:70px;}
.list2 li .info h3{margin-bottom:5px;}
.list2 li .info h3 a{font-size:15px;}
.list2 li .info p{color:#777;font-size:13px;line-height:24px;}

/*----------新闻详情----------*/
.news-detail h3{font-size:26px;color:#0a8d8b; text-align:center;}
.news-detail .other{color:#888; text-align:center;margin:10px 0;padding-bottom:10px;border-bottom:dotted 1px #ccc;}

.news-detail .mc{font-size:14px;line-height:26px;}

.plist{padding-top:10px;border-top: solid 1px #ccc;margin-top:50px;}


/*========================= 在线留言  =========================*/
.online ul li span i{background:url(../images/global/online.png) no-repeat;}
.online ul .fore1 i{width:44px;height:49px;margin:17px auto 3px;}
.online ul .fore2 i{width:42px;height:37px;margin:24px auto 5px; background-position:0 -57px}

.online2 .mc{width:680px;margin:0 auto;}
.online2 .prompt{font-size:15px;color:#888;margin-bottom:20px;}
.online2 .form dl{float:left;margin:8px 0;}
.online2 .form dl dt{width:90px;float:left;font-size:14px; text-align:right;margin-right:5px;}
.online2 .form dl dt i{margin-right:5px;font-style:normal;}
.online2 .form dl dd{width:500px;float:left;}
.online2 .form dl dd .text, .online2 .form dl dd .textarea{width:325px;height:28px;border:none;border:solid 1px #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:0 10px;color:#888;} 
.online2 .form dl dd .textarea{width:455px;height:120px;padding:10px;}
.online2 .btn{height:35px; background:#15a5a7;font-size:15px;line-height:35px; text-align:center;color:#fff; display:block;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin:15px 0 0 95px; border:none; font-weight:bold; cursor:pointer}

/*========================= 关于我们  =========================*/
.about ul li span i{background:url(../images/global/about.png) no-repeat;}
.about ul .fore1 i{width:61px;height:37px;margin:23px auto 8px;}
.about ul .fore2 i{width:48px;height:40px;margin:24px auto 5px; background-position:0 -47px}

.page1{
	display:block;
	margin:5% 0 2% 0;
	clear:left;
	font-size:12px;
	text-align:center;
}
.page1 a{
	font-size:12px;
	margin:0 5px;
	padding:7px 8px 7px 8px;
	border:1px solid #eee;
	text-decoration:none;
	 color:#000
}
.page1 a:hover{
	color:#FFF;
	background:#333;
	color:#fff
}
.page1 span{
	color:#fff;
	margin:0 5px;
	padding:7px 8px 7px 8px;
	border:1px solid #eee;
	background:#333
}
.page1 .prv,.page1 .next{
	padding:4px 5px 1px 5px;
	color:#000
}