﻿
html,body{background-color:#FFF;margin:0px;padding:0px;color:#808080;-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%;text-align:center;font-family:"微软雅黑",Arial,Helvetica,sans-serif;font-size:14px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
*{margin:0px;padding:0px}
ul,li{list-style:none;padding:0px;margin:0px}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{margin:0px;padding:0px}
img{border:none}
a{text-decoration:none;outline:none}
a:focus,a:active{outline:none}
a:link,a:visited{color:#666;text-decoration:none}
a:hover,a:active{text-decoration:none;color:#666}
.left{float:left}
.right{float:right}
.navbar{width:100%;height:50px;margin:0px;border-radius:0px;background:url("../images/line.jpg");border-bottom:0px solid #250000;z-index:100;top:0px}
.menu{float:left}
.menu li.mainlevel{float:left;margin:0 7px}
.menu li.mainlevel a{color:#FFFFFF;display:block;padding:0px 20px;line-height:50px;text-align:center;font-size:16px}
.menu li.mainlevel a:hover{background:#144C9F;color:#d0d1d3}
.menu li.mainlevel.cur>a{background:#144C9F;color:#FFFFFF}
.menu li.mainlevel ul{display:none;position:absolute;z-index:99999;width:150px;height:auto;background:#fff;margin-left:0px}
.menu li.mainlevel ul li{float:left;line-height:35px;width:100%}
.menu li.mainlevel ul li a{width:100%;height:100%;line-height:40px;background:#fff;text-align:left;color:#000;font-size:12px;padding:0px 8px;}
.menu li.mainlevel ul li a:hover{color:#FFFFFF}
.menu li.mainlevel ul li a span{color:#000;margin-right:5px}
.menu li.mainlevel ul li a:hover span{color:#FFFFFF;margin-right:5px}
.browser{display:none;position:fixed;top:0px;left:0px;background:#FFF;width:100%;height:1000px;text-align:center;z-index:1000;padding-top:100px;font-size:20px;font-family:'微软雅黑'}
header{_background:url(../images/linebg.jpg) no-repeat center top;height:166px}
header .pubTopLine{background:#250000;color:#FFF;height:35px;line-height:35px}
header .pubTopLine .right a{color:#FFF;display:inline-block;padding:0px 25px;margin:0px;height:30px;line-height:30px;font-size:14px}
header .pubTopLine .right a:hover{color:#EEE}
header .pubTopLine .right a:first-child{background:url(../images/qq_weibo.jpg) no-repeat left center}
header .pubTopLine .right a:last-child{background:url(../images/sina_weibo.jpg) no-repeat left center}
header .pubTop{height:115px}
header .pubTop div{overflow:hidden;text-align:left;font-size:14px;color:#333;padding:15px 0px 0px 0px;height:114px}
header .pubTop div strong{color:#00000;font-family:'';font-size:20px;margin-top:15px}
header .pubTop div a{display:inline-block;line-height:14px;overflow:hidden;padding-left:20px;margin-left:10px;background-repeat:no-repeat;background-position:top left;font-size:12px;color:#808080;padding-bottom:12px}
header .pubTop div a:hover{color:#000}


header .pubMenu{display:none;clear:both;position:absolute;width:100%;text-align:left;background:#6ea103;z-index:1000}
header .pubMenu .btn{position:absolute;color:#808080;font-size:36px;right:10px;top:-80px;font-weight:normal}
header .pubMenu ul{padding:20px;display:none}
header .pubMenu ul li{line-height:50px;border-bottom:1px solid #f5ffde}
header .pubMenu ul li a{color:#FFF;font-size:16px;text-indent:10px;display:block}
header .pubMenu ul li a:hover{background:#7bac0e}
header .pubMenu ul li div{padding:0px 20px 20px 20px;display:none}
header .pubMenu ul li div a{font-size:14px;line-height:30px;margin-top:5px}
header .pubMenu ul li span{font-size:14px;font-weight:bold;color:#FFF;line-height:44px;padding-right:10px}
@media (max-width:1200px){header .pubTop{height:auto;width:100%;height:90px;position:fixed;width:100%;z-index:1000;background:#FFF}
header .pubTop h1{margin-top:0px;float:left}
header .pubTop h1 img{height:90px}
header .pubMenu{display:block;top:90px}
header .pubTop div{display:none}
header .pubMenu{position:fixed}
header .clear{height:90px}
}@media (max-width:768px){header .pubTop{height:60px}
header .pubTop h1{padding-top:5px}
header .pubTop h1 img{height:45px}
header .pubMenu{top:60px}
header .pubMenu .btn{font-size:28px;top:-60px}
header .clear{height:60px}
}
@media (max-width:1200px){.pubTopLine,.navbar{display:black}
}.navbar .navbar-nav,.navbar .container,.navbar .navbar-collapse{padding:0px}
.navbar .navbar-nav li a{padding:8px 14px;font-size:14px;color:#FFFFFF}
.navbar .navbar-nav .active a,.navbar .navbar-nav .active  a:hover,.navbar .navbar-nav li  a:hover,.navbar .navbar-nav li  a:active,.navbar .navbar-nav li  a:focus,.navbar .navbar-nav .open  a:focus{font-weight:bold;color:#FFFFFF;background:#1266a2;padding:8px 22px}
.navbar .navbar-nav .dropdown .dropdown-menu{box-shadow:0px 0px 0px 0;border:0px;margin:0px 5px;padding:0px 3px;height:0px;overflow:hidden;display:block;position:absolute;transition:all  0.2s;background:none}
.navbar .navbar-nav .dropdown .dropdown-menu li{background:#FFF;z-index:5566666;overflow:hidden;border-radius:0px;padding:0px;border:1px solid rgba(0,0,0,0.1);border-bottom-width:0px;border-top-width:0px;box-shadow:0px 3px 3px #CCC}
.navbar .navbar-nav .dropdown .dropdown-menu li:first-child{background:#ffFFFF;height:4px;border:0px;overflow:hidden;width:100px}
.navbar .navbar-nav .dropdown .dropdown-menu li:last-child{border-bottom-width:1px}
.navbar .navbar-nav .dropdown:hover{background:none}
.navbar .navbar-nav .dropdown:hover .dropdown-menu{}
.navbar .navbar-nav .dropdown .dropdown-menu a{padding:0px;margin-right:0px;font-weight:normal;color:#666;font-size:14px}
.navbar .navbar-nav .dropdown .dropdown-menu a:hover{background:#f2f2f2;color:#6ea103}
.searchs form{border:1px solid #C0C0C0;background:none;height:34px;border-radius:17px;padding:0px 16px;width:200px;float:right;margin-top:10px}
.searchs form input{border:0px;background:none;height:32px;color:#C0C0C0;text-align:left;width:137px}
.searchs form button{background:url(../images/search1.png) no-repeat center center;width:23px;height:32px;border:0px;vertical-align:top}
.not-animated{opacity:0}
.footer{background:#3298E3;color:#666666;margin-top:5px;overflow:hidden;}
.footer .slogo{float:left;width:30%;padding:50px 0px;text-align:left;margin-left:-30px}
.footer .weixin{float:left;width:20%;text-align:right;padding:25px 0px;}
.footer .copyRight{float:left;width:50%;line-height:24px;color:#fff;font-size:14px;padding:25px 0px;text-align:center;}
.footer .copyRight a{color:#fff}
.footer .copyRight a:hover{color:#d0d1d3}


.gotop{background-color:rgba(0,0,0,0.5);bottom:20px;position:fixed;right:20px;z-index:10;width:55px;height:55px;display:none}
.gotop:hover{background-color:rgba(0,0,0,0.6)}
.gotop a{display:block;height:55px;overflow:hidden;width:55px;font-size:24px;color:#FFF;text-align:center;line-height:55px}
.pubBanner img{width:100%}
.pubBanner{background-position:top center;background-size:cover;background-repeat:no-repeat;height:343px}
.bread{height:62px;line-height:62px;text-align:left;color:#808080;font-size:12px}
.bread a{color:#808080}
.bread a:hover{color:#666}
.bread strong{color:#333}
.bread span{display:inline-block;padding-right:5px}
a.proMore{font-size:14px;margin:0px auto;margin-top:26px;border:1px solid #CCC;height:36px;line-height:32px;padding:0px;width:115px;transition:all 0.3s;background:none;color:#9e9e9e;border-radius:0px;text-indent:0px;display:inline-block;text-align:center}
a.proMore:hover{border:1px solid #6ea103;background:#6ea103;color:#FFF}
.cateModel{padding:40px 0px 30px}
.cateModel .left{width:230px;float:left;padding:0px}
.cateModel .left h3{background:#1b6399;color:#FFF;font-size:20px;height:57px;line-height:57px;text-align:center;font-weight:bold}
.cateModel .left ul{border:2px solid #1b6399}
.cateModel .left ul li{height:50px;line-height:50px;overflow:hidden;text-align:left;border-bottom:1px solid #e9e9e9;text-indent:24px}
.cateModel .left ul li a{color:#666;font-size:14px;display:block}
.cateModel .left ul li:hover a,.cateModel .left ul li:hover span{color:#6ea103;font-weight:bold}
.cateModel .left ul li span{float:right;margin-right:17px;color:#666;font-family:宋体}
.cateModel .left ul li.active a,.cateModel .left ul li.active span{color:#6ea103;font-weight:bold}
.cateModel .right{width:calc(100% - 0px);float:right;padding-bottom:30px}
.cateModel .right .pubBread{border-bottom:1px solid #e9e9e9;height:40px;line-height:40px;color:#a1a1a1}
.cateModel .right .pubBread h3{text-align:left;font-size:16px;color:#333;font-weight:bold;line-height:40px}
.cateModel .right .pubBread span{text-align:right;float:right}
.cateModel .right .pubBread span a:hover{color:#a1a1a1}
.cateModel .right .proList{width:100%;padding:10px 0px 10px 10px}
.cateModel .right .proList .media{width:100%;text-align:left;padding:15px 0px;border-bottom:1px solid #e9e9e9;margin:0px}
.cateModel .right .proList .media .media-left{padding-right:20px}
.cateModel .right .proList .media .media-left img{width:100%;margin-bottom:5px}
.cateModel .right .proList .media .media-left img:hover{border:1px solid #6ea103}
.cateModel .right .proList .media .media-body h4{font-size:16px;font-weight:bold;line-height:35px}
.cateModel .right .proList .media .media-body h4 a:hover{color:#6ea103}
.cateModel .right .proList .media .media-body{color:#666;line-height:26px}
.cateModel .right .proList .media .media-body p{max-height:52px;overflow:hidden}
.cateModel .right .proCon{text-align:left;padding-top:15px;padding-bottom:15px;line-height:30px}
.cateModel .right h2{height:50px;line-height:50px;overflow:hidden;font-size:20px;text-align:center;font-weight:bold;color:#4d4d4d}
.cateModel .right .proImg img,.cateModel .right .proCon img{max-width:100%}
.cateModel .right .proImg{padding:15px 0px}
.cateModel .about{text-align:left;line-height:35px;padding:20px 15px}
.cateModel .about img{max-width:100%}
@media (max-width:768px){.cateModel{padding:15px 0px}
.cateModel .left{display:none}
.cateModel .right{width:100%}
.cateModel .right .proList .media .media-left img{width:100%;margin-bottom:5px}
}.contModel h1{font-size:28px;font-weight:normal;color:#4d4d4d;height:90px;line-height:110px}
.contModel .conBtn{text-align:center}
@media (max-width:768px){.contModel .conBtn,.contModel h1{display:none}
}.contModel .conBtn a{display:inline-block;padding:0px 35px;height:45px;line-height:45px;color:#808080;background:#f4f4f4;transition:all 0.3s;margin:0px 5px}
.contModel .conBtn a.active,.contModel .conBtn a:hover{background:#0f61b9;color:#FFF}
.contModel .pubContent{padding:20px 0px 50px}
.contModel .pubContent img{max-width:100%}
.contModel h2{font-size:22px;font-weight:normal;color:#4d4d4d;height:100px;line-height:120px;overflow:hidden}
.contModel .subTitle,.contModel .subTitle a{font-size:12px;color:#999}
.contModel .subTitle,.contModel .subTitle span{display:inline-block;padding:0px 10px}
.contModel .subTitle .bdsharebuttonbox{display:inline-block;vertical-align:middle}
.nList ul{padding-top:12px}
.nList ul li{height:46px;line-height:46px;text-align:left;border-bottom:1px solid #e5e5e5;text-indent:15px;position:relative;overflow:hidden}
.nList  ul li a:hover{color:#6ea103}
.nList ul li p{display:block;float:right;color:#999}
.nList ul li span{display:block;position:absolute;top:0px;left:0px;width:30px;height:46px}
.nList ul li span i{display:block;width:2px;height:2px;background:#7c7c7c;position:absolute;top:20px;left:4px}
.nList ul li span i:first-child{top:20px;left:0px}
.nList ul li span i:last-child{top:24px}
.nContent h2{font-size:22px;font-weight:normal;color:#4d4d4d;height:100px;line-height:120px;overflow:hidden}
.nContent .subTitle,.nContent .subTitle a{font-size:12px;color:#999}
.nContent .subTitle,.nContent .subTitle span{display:inline-block;padding:0px 10px}
.nContent .subTitle .bdsharebuttonbox{display:inline-block;vertical-align:middle}
.nContent .pubContent{padding:20px 0px 50px;text-align:left;color:#666;line-height:30px}
.nContent .pubContent img{max-width:100%}
.nContent .pubContent a{color:#4d4d4d}
.nContent .pubContent a:hover{color:#6ea103}
#PageContent{clear:both;padding:15px 0px;text-align:center;font-size:14px;color:#666;text-indent:0px}
#PageContent li{float:left;padding:15px 0px;text-align:center;font-size:14px;color:#666;text-indent:0px}
#PageContent a{height:30px;line-height:28px;padding:0px 10px;display:inline-block;border:1px solid #ddd;background:#FFF;transition:all 0.3s;color:#333;margin:0px 3px}
#PageContent span{height:30px;line-height:28px;padding:0px 10px;display:inline-block;border:1px solid #EEE;background:#FFF;color:#666;margin:0px 3px}
#PageContent a:hover,#PageContent span.current{background:#1266A2;border:1px solid #1266A2;color:#FFF}
.nr1_hd{}
.nr1_hd li{height:35px;background:#3298E3;width:50%;float:left;padding:7px 0px 0px 3px;text-align:center}
.nr1_hd li a{color:#FFFFFF}
.nr1_hd li:hover{height:35px;background:#1266A2;color:#FFFFFF}
.hd-title{float:left;width:100%;color:#FFFFFF;background:url(../images/rss.jpg) no-repeat left center;padding:0px 0px 0px 15px}
.hd-title a{float:left;padding:7px 3px;width:100%}
.hd-title a:hover{float:left;padding:7px 3px;width:100%;_background:#1266A2;color:#000000}
.hd1-title{float:left;color:#FFFFFF}
.hd1-title a{float:left;padding:10px 30px;color:#FFFFFF}
.hd1-title a:hover{float:left;padding:10px 30px;background:#1266A2;color:#FFFFFF}
.tr-title{float:left;width:20%;color:#FFFFFF}
.tr-title a{float:left;padding:10px 10px;width:100%;color:#FFFFFF;text-align:center}
.tr-title a:hover{background:#1266A2;color:#FFFFFF}
.prostyle{float:left;margin-left:5px;padding:5px 18px;background:#1266A2}
.service{margin-bottom:50px}
.service li{float:left;width:24.3%;background:#038FD8;height:325px;border-radius:10px 10px 0 0px;margin:0px 3px;border-bottom:1px solid #038FD8;border-left:1px solid #038FD8;border-right:1px solid #038FD8}
.service img{width:239px;height:158px}
.service .stitle{padding:10px 0 0 15px;text-align:left;color:#038FD8;background:#FFF;height:120px}
.service .stitle .bg{background:url(../images/rss.jpg) no-repeat left center;padding-left:20px}
.firstRow{width:100%;text-align:left;}
.firstRow tr{border:0px solid #C0C0C0;line-height:24px;}
.firstRow td{border:0px solid #C0C0C0;padding:10px 15px;text-align:left;line-height:24px;}
.n-title a{color:#1266A2}
.n-title a:hover{color:#000000}
.trades{border:1px solid #E9E9E9;height:176px;overflow:hidden}


/* 必要布局样式css */
.product-content {
    padding:0 0;
}

.product-title {
    margin-bottom: 16px;
}

.product-title h3 {
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: 400;
    line-height: 1.1;
}

.product-box {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
}

.product-header ul {
    position: relative;
	text-align: left;
}

.product-header ul li {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 19.666%;
    border-bottom: 1px solid #fff;
}

.product-header {
    padding-top: 34px;
}

.product-header ul li a {
    display: block;
    padding: 10px 30px;
	background:#b9b9b9;color:#FFF;
    text-decoration: none;
}

.product-head-tag {
    position: relative;
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto 15px;
}

.product-head-tag img {
    width: 100%;
    height: 100%;
    display: block;
}

.product-head-tag .active-img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.product-header ul li a:hover .active-img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
}

.product-head-tit {
    display: block;
    color: #e9e9e9;
    font-size: 18px;
}

.product-header ul li a:hover .product-head-tit {
    color: #000;
}

.product-header ul .on a:after {
    display: inline-block;
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: #00a4ff;
    z-index: 1;
    height: 2px;
    bottom: -2px;
}

.product-list-item {
    width:100%;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.product-list-item h3 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 400;
}

.product-list-item h3 a {
    display: block;
}

.product-list-item h3 a i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2px;
    margin-left: 10px;
    min-width: 32px;
    border: 1px solid #f60;
    font-size: 12px;
    line-height: 14px;
    color: #f60;
    text-align: center;
    font-style: normal;
}

.product-list-text {
    font-size: 14px;
    color: #999;
    line-height: 1.5;
}

.product-list-text span {
    font-size: 14px;
    color: #999;
    line-height: 1.5;
    margin-right: 5px;
}

.product-switch {
    padding:15px 0;
    overflow: hidden;
}

.product-list-item h3 a:hover {
    color: #00a4ff;
}

.on .active-img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
}

.on .product-head-tit {
    color: #00a4ff;
}





/*css flickr style pagination*/
div.flickr {
	padding:20px 0px 0px 0px;margin:0px; text-align:center; font-family:Verdana; font-size:12px;
}
div.flickr a {
	border: #dedfde 1px solid; padding:2px 6px; background-position: 50% bottom; color: #363636; margin-right: 3px; text-decoration: none
}
div.flickr a:hover {
	border: #2A8B0A 1px solid;  background-image: none; color: #fff; background-color: #2A8B0A
}
div.meneame a:active {
	border: #2A8B0A 1px solid; background-image: none; color: #fff; background-color: #2A8B0A
}
div.flickr span.current {
	 padding:2px 6px; font-weight: bold; color: #2A8B0A; margin-right: 3px; 
}
div.flickr span.disabled {
	 padding:2px 6px; color: #adaaad; margin-right: 3px; 
}
