﻿
*{margin:0;padding:0;list-style-type:none;}
body{margin:0px;padding:0px;color:#000000; min-width:880px; background-color:#f1f2f9; font-size:14px; font-family:"微软雅黑"; background:url(../images/bg6.jpg) center top; min-width:1200px}
a,img{border:0; color:#000000}
a{color:#000;text-decoration: none;}
a:focus{outline:none;}
*{margin:0;padding:0;list-style-type:none;}
.clear{ clear:both}
.all-bg{ width:100%;}
a:hover{ text-decoration:underline}
.index-box{ width:1145px; margin-left:auto; margin-right:auto}

.head{ width:100%; background:#0170c1; height:190px; position:relative}
.top{  color:#f1f1f1; font-size:14px; width:100%; background:url(../images/top-bg.jpg); height:29px; line-height:29px;}
.top span{ width:460px; float:left}
.top p{ width:400px; float:right; text-align:right}
.top a{ color:#f1f1f1}
.phone{ text-align:right; width:813px; float:right; margin-top:5px; margin-top:20px;}
.phone-qq{ color:#f3f817; font-size:16px; font-weight:bold; margin-right:20px;}
.phone-p{ font-size:18px; color:#FFFFFF;}
.phone-p strong{ font-size:24px; color:#f3f817}
.logo{ width:360px; float:left; height:47px; margin-top:30px;}
.lead{ width:100%; height:49px; line-height:45px; background:url(../images/lead-bg.png); position:absolute; bottom:-8px; z-index:99999}
.lead ul{ width:1200px; margin-left:auto; margin-right:auto;}
.lead ul li{ width:150px; float:left; font-size:16px; text-align:center}
.lead ul li:hover{ background:url(../images/lead-hover.jpg) top repeat-x;}
.lead ul li a{ color: #FFFFFF}
.lead ul li a:hover{font-weight:bold}

/*轮播图*/
.banner{ width:100%;overflow:hidden; position:relative;font-size:0;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-20px; position:relative;z-index:100;margin-bottom:13px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:70px;height:5px;margin-left:5px;border:1px solid #06519e;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:70px;height:5px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#ffff00;}
/* Callback example */
.callbacks_container{margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
@media screen and (max-width:600px){.callbacks_nav{top:47%;}}
.banner-shadow{ height:51px; background:url(../images/banner-shadow.png) center no-repeat; width:100%;}

.pro{ width:1200px; margin-left:auto; margin-right: auto; padding-top:30px;}
.pro-title{ height:122px; background:url(../images/bg1.png) left no-repeat; text-align:right; line-height:90px; font-size:30px; color:#FFFFFF; font-weight:bold; padding-right:30px;}
.pro-cont{ background:#FFFFFF; padding:33px; margin:0 10px;}
.pro-cont ul li{ width:250px; height:250px; border:#efefef solid 1px; padding:10px; float:left; margin:3px; position:relative}
.pro-cont ul li img{ width:100%; margin-top:20px;}
.pro-cont ul li p{ width:100%; height:40px; line-height:40px; margin-top:20px; text-align:center;position:absolute; bottom:0px; left:0px;}
.pro-cont ul li:hover p{ background-color:#0170c1}
.pro-cont ul li:hover p a{ color:#FFFFFF	}

.about{ width:1200px; margin-left:auto; margin-right:auto; margin-top:20px;}
.about-title{ height:122px; background:url(../images/bg2.png) left no-repeat; text-align:left; line-height:90px; font-size:30px; color:#FFFFFF; font-weight:bold; padding-left:30px;}
.about-cont{ background:#FFFFFF; margin:0 10px; padding:10px;}
.about-left{ width:720px; height:350px; float:left;border:#efefef solid 1px; padding:10px;}
.about-left img{ float:left;}
.about-left p{ width:330px; float:right; line-height:25px; position:relative; padding-bottom:40px;}
.about-left p span{ position:absolute;bottom:0px; right:0px;}
.about-left p span em{ font-size:20px; color:#FF0000}
.about-right{ width:370px; height:350px; border:#eee solid 1px; float:right; padding:10px;}
.about-right h3{ margin-bottom:20px;}

.news{ width:1200px; margin-left:auto; margin-right:auto; margin-top:20px;}
.news-title{ height:122px; background:url(../images/bg.png) left no-repeat; text-align:right; line-height:90px; font-size:30px; color:#FFFFFF; font-weight:bold; padding-right:30px;}
.news-cont{ background:#FFFFFF; margin:0 10px; padding:10px;}
.news-left{ width:690px; float:left; padding:10px; border:#eee solid 1px;}
.news-right{ width:400px; float:right; padding:10px;border:#eee solid 1px;}
.news-left-title{ width:100%; height:40px; line-height:40px;}
.news-left-title span{ font-size:16px; font-weight: bold; width:100px; float:left;}
.news-left-title a{ width:100px; text-align:right; font-size:12px; color:#666666; float:right}
.news-left ul li{ height:40px; line-height:40px; border-bottom:#333333 dashed 1px; background:url(../images/jiantou.png) left center no-repeat; padding-left:15px;}
.news-left ul li a{ width:500px; float:left;}
.news-left ul li span{ width:100px; float:right; text-align:right; color:#333333; font-size:12px;}

.news-right-title{ width:100%; height:40px; line-height:40px;}
.news-right-title span{ font-size:16px; font-weight: bold; width:100px; float:left;}
.news-right-title a{ width:100px; text-align:right; font-size:12px; color:#666666; float:right}
.news-right ul li{ height:40px; line-height:40px; border-bottom:#333333 dashed 1px; background:url(../images/jiantou.png) left center no-repeat; padding-left:15px;}
.news-right ul li a{ width:290px; float:left;}
.news-right ul li span{ width:90px; float:right; text-align:right; color:#333333; font-size:12px;}

.product{ width:100%;}
.product-title{ position:relative; border-bottom:#0170c1 solid 1px; width:100%; margin-bottom:30px; margin-top:50px;}
.product-title-p{ height:44px; width:180px; background-color:#0170c1; position:absolute; bottom:-22px; font-size:18px; font-weight:bold; color:#FFFFFF; line-height:44px; text-align:center; left:45%;}
.product-cont p{ width:100%; background-color:#0170c1; color:#FFFFFF; height:30px; line-height:30px;}

.foot{ height:219px; background:url(../images/bg4.jpg); width:100%; margin-top:50px;}
.lianjie{ height:42px; line-height:42px; position:relative; width:1200px; margin-left:auto; margin-right:auto;}
.lianjie img{ position: absolute; top:-23px;}
.lianjie p{ padding-left:180px;}
.lianjie p a{ color:#0167b4; margin:0 5px;}
.foot-p{ width:900px; margin-left:auto; margin-right:auto; margin-top:20px; float:left}
.foot-p-left{ width:400px; float:left; color:#FFFFFF; line-height:25px; font-size:14px;}
.foot-p-right{ width:400px; float:left; color:#FFFFFF; line-height:25px; font-size:14px;}
.foot-lead{ width:800px; font-size:14px; font-weight:; color:#000; margin-top:5px; float:left}
.foot-lead a{ margin:5px; color:#000}
.foot-lead a:hover{ color:#FFFFFF; font-weight:bold}
.erweima{ float:right; width:170px; margin-top:20px;}
.erweima img{ width:140px;}

.abouts{ width:1200px; margin-left:auto; margin-right:auto; margin-top:30px;}
.abouts-title{ border-bottom:#0170c1 dashed 1px; border-top:#0170c1 dashed 1px; position:relative; text-align:center}
.abouts-title span{height:40px; line-height:40px; background:#0170c1; font-size:22px; font-weight:bold; text-align:center; color:#FFFFFF; padding:4px 10px}
.abouts-title p{ position:absolute; right:10px; bottom:0px;}
.abouts-cont{ margin-top:20px; color:#2f4464}
.abouts-cont img{ float:left;}
.abouts-cont p{ width:805px; float:right; font-size:16px; line-height:30px; color:#3e4e67}
.abouts-cont p strong{ color:#FF0000; font-size:22px;}
.about-img{ margin-top:30px;}
.about-img ul li{ height:190px; float:left;margin:2px;}
.about-img ul li img{  width:100%;}
.abouts-out{ height:170px; width:234px; overflow:hidden; background-color:#FFFFFF}
.about-img ul li p{ width:234px; text-align:center; line-height:25px; background-color:#FFFFFF; color:#3e4e67}

.contact-left{ width:700px; float:left}
.contact-right{ width:480px; float:right; font-size:16px; line-height:30px;}
.contact-right strong{ color: #FF0000; font-size:20px;}

.products{ margin-top:30px; width:1200px; margin-left:auto; margin-right:auto; }
.products-left{ width:270px; float:left; margin-top:20px; background-color:#FFFFFF;border:#ccc solid 1px;}
.products-left-title{ background-color:#0170c1; height:40px; line-height:40px; color:#FFFFFF; font-weight:bold; font-size:16px; text-align:center}
.products-left ul li{ height:36px; line-height:36px;  background:url(../images/cp_li.jpg) left center no-repeat; padding-left:70px;background-color:#f2f2f2; margin:1px 0px;}
.contacts{ margin-top:10px;}
.contacts-title{background-color:#0170c1; height:40px; line-height:40px; color:#FFFFFF; font-weight:bold; font-size:16px; text-align:center}
.contacts p{ line-height:25px; padding:5px;}

.products-right{ width:900px; float:right;}
.products-right ul{ margin-top:55px; border-top:#0170c1 solid 3px; background-color:#FFFFFF; padding-top:10px;min-height:580px}
.products-right ul li{ width:285px; float:left; background-color:#FFFFFF; margin:5px 6px; border:#CCCCCC solid 1px;}
.pro-img{ width:285px; height:200px; overflow:hidden}
.pro-img img{ width:100%;}
.products-right ul li p{ width:100%; text-align:center}

.newss-left{ width:270px; float:left; margin-top:20px; background-color:#FFFFFF;border:#ccc solid 1px;}
.newss-left-title{ background-color:#0170c1; height:40px; line-height:40px; color:#FFFFFF; font-weight:bold; font-size:16px; text-align:center}
.newss-left ul li{ height:36px; line-height:36px;  background:url(../images/cp_li1.jpg) left center no-repeat; padding-left:70px;background-color:#f2f2f2; margin:1px 0px;}
.newss-right{width:900px; float:right;}
.newss-right ul{ margin-top:55px; border-top:#0170c1 solid 3px; background-color:#FFFFFF; padding-top:10px; min-height:415px; padding:10px; line-height:25px;}
.newss-right ul li{ height:35px; line-height:35px; border-bottom:#CCCCCC dashed 1px; background:url(../images/newsli.png) left center no-repeat; padding-left:40px;}
.newss-right ul li span{ color:#666666; padding-left:10px;}
.newss-right ul li:hover{background:url(../images/newslis.png) left center no-repeat;}