@CHARSET "UTF-8";

/*头部样式*/
#header{background: url(../images/top.jpg) repeat-x center;height: 195px;}
.top{width:1000px;margin:0 auto;}
.logo{float:left;height:120px;line-height:120px;}
.welcome{height: 25px;line-height: 25px;color: #bcbec0;}
.k1{line-height:25px;color: #bcbec0;}
.k1 a{color: #bcbec0;}
.k1 img{margin-top:-3px;}
.topLink{;float:right;;position: relative;z-index: 9999;padding-top: 40px;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}

.topLink .k2{float:right;margin-top:-3px;}



/*热门搜索*/
.search{float:left;margin-right:15px;}
#formsearch{width:210px;float:left;background: url(../images/s.png) no-repeat center;height:38px;}
.hotSearch{float:left;height:38px;line-height:38px;font-weight:normal;color:#9fa0a0;margin-right:5px;}
.hotSearch a{margin-right:5px;color:#9fa0a0}
#formsearch input{height:38px;background:none;border:none;line-height:38px;font-size:12px;}
#formsearch input#keyword{height:36px;padding-bottom:2px;text-indent:13px;color:#9fa0a0;width:170px;float:left}
#formsearch input#s_btn{width:40px;height:100%;background:none;border:none;cursor:pointer;float:left;}



/*主体样式*/
.con{width:1000px;margin:0 auto;position: relative;}
#container{width:1000px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}

.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页产品*/
.product{margin-top:40px;}
.tt{background:url(../images/tt.jpg) no-repeat bottom left;color:#1460ab;font-size:18px;position:relative;padding-bottom:8px;}
a.more{position:absolute;right:0;top:0;width:65px;text-align:center;height:24px;line-height:24px;border:1px solid #b6b6b7;border-radius:8px;font-size:12px;}
.product .content{padding-top:26px;}
.about{background:#1460ab;padding:55px 0;margin-top:30px;}
.about h2{width:75px;float:left;color:#fff;font-size:18px;background:url(../images/about.jpg) no-repeat left 40px;padding-bottom:10px;}
.about .content{}
.img-about{padding-left:60px;}
.about-nei{width:490px;color:#fff;padding-left:18px;line-height:24px;text-align:justify;}
a.more1{position:absolute;right:0;top:0;width:65px;text-align:center;height:24px;line-height:24px;border:1px  solid #fff;border-radius:8px;font-size:12px;color: #fff}
/*首页新闻*/
.new{margin-top: 58px;}
.news_company{width:487px;}
.news_company .content{padding-top: 20px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*友情链接*/
.f_link span{display:block;line-height:30px;float:left;padding-left:9px;margin-right:25px;}
.f_link{width:1000px;margin:30px auto 0;line-height:30px;background:url(../images/link.png) no-repeat left center;;border:1px solid #bababb;border-radius:20px;color:#fff}
.f_link a{}
/*页面底部*/
#foot{background:#1460ab;padding:30px 0;margin-top:30px;}
#footer{position:relative;width:1000px;margin:0 auto;color:#ffffff;}
#footer a{color:#ffffff;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:left;line-height:24px;color:#ffffff;}
.nav_foot a {height:24px;margin-right:25px;display:inline-block;position:relative;}
.nav_foot a:before {width:1px;height:12px;content:"";background:#fff;position:absolute;right:-15px;top:50%;margin-top:-6px;}
.nav_foot a:last-child:before {display:none;}
.copyright{text-align:left;line-height:24px;margin-top:10px;}
.er{width: 132px;text-align: right;background: url(../images/er.png) no-repeat left center;margin-left: 112px;}
.foot-right{width: 666px;margin-right:50px;}

/*------------内页-------------------*/
.left .box{margin-bottom:10px;border:1px solid #1460ab;padding:7px;}
.left .box h3{line-height:55px;background:#0561c3;font-size:20px;font-weight:normal;text-align:center;color:#fff}
.left .box .content{padding:5px 0 0;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:2em;text-align:justify;}

.n_banner{width:1000px;margin:0 auto;}
.n_banner img{width:1000px;margin:0 auto}
.left{width:214px;float:left;}
.sort_menu{}

.sort_product{margin-top:10px;}


.n_contact{margin-top:10px;}

.n_contact .content{padding:5px;line-height:24px;}

.right{width:740px;float:right;padding-bottom:10px;}
.sitemp{line-height:55px;height:55px;overflow:hidden;padding-right:10px;background:url(../images/n.jpg) no-repeat center;margin-bottom:20px;}
.sitemp h2{width:340px;float:left;line-height:55px;text-align:center;text-align:left;text-indent:15px;color:#1460ab;font-size:16px;font-weight:normal;}
.sitemp .site{background:url(../images/home.png) no-repeat left center;float:right;text-align:right;line-height:55px;padding-left:20px;}
.right .content{overflow:hidden;font-size:14px;line-height:24px;text-align:justify;}
.right .content img{max-width:100%;}

.ny_header{overflow: hidden;margin-bottom:40px;}
.ny_header img{width:100%;animation:banner 10s linear infinite;display: block;min-width: 700px;}
@keyframes banner { 0%{transform: scale(1)}50%{transform: scale(1.1)}100%{transform: scale(1)} }

table { border:1px solid #ddd; border-collapse:collapse; border-spacing:0;}
table td { border:1px solid #ccc; vertical-align:middle;}
.allSelect em { font-style:normal; position:absolute;}
.allSelect em.value { width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #898989; text-indent:14px; font-size:14px; top:0; right:0; cursor:pointer;}
.allSelect em.value:after { width:0; height:0; content:""; border-right:7px solid transparent; border-left:7px solid transparent; border-top:7px solid #ccc; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
.allSelect em.id { display:none;}
.allSelect em.open { border-color:#1460ab !important;}
.allSelect em.open:after { border-top-color:#1460ab; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 2px); max-height:calc(36px * 6 - 1px); background:#fff; border:1px solid #1460ab; position:absolute; top:calc(100% - 1px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.allSelect dl dd { float:left; width:100%; height:35px; border-top:1px solid #f7f7f7; text-align:left; text-indent:14px; line-height:34px; font-size:14px; overflow:hidden; cursor:pointer;}
.allSelect dl dd a { float:left; width:100%; height:100%;}
.allSelect dl dd:first-child { border:0;}
.allSelect dl dd .id { display:none;}
.allSelect dl dd.none { color:#b0b0b0;}
.allSelect dl.open { transform:translateY(5px); opacity:1; visibility:visible;}

#list,#detail { font:12px/20px "microsoft yahei","SimSun";}
#list a,#detail a { text-decoration:none;}
#list i,#detail i { font-style:normal;}
#list .img,#list .loading { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px; font:0/0 arial; position:relative;}

#list .pages { width:calc(100% - 120px); height:28px; padding:12px 110px 12px 10px; margin-top:20px; background:rgba(0,0,0,0.05); border-radius:5px; text-align:right; font-size:12px; position:relative; z-index:100;}
#list .pages>a,
#list .pages span { height:26px; line-height:26px; padding:0 10px; margin-left:8px; background:#fff; border:1px solid #c9caca; border-radius:3px; display:inline-block; position:relative;}
#list .pages>a:hover,
#list .pages span { background:#1460ab; border-color:#1460ab; color:#fff;}
#list .pages .nums { float:left; height:100%; padding:0; background:none; border:0; line-height:30px; color:#595757;}
#list .pages .nums i { padding:0 3px;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:#fff; border-color:#ccc; color:#ccc;}

#list .pages .gotoPage { width:65px; height:28px; background:none; border:0; color:#595757; position:absolute; top:12px; right:10px;}
#list .pages .gotoPage em { background:#fff;}
#list .pages .gotoPage em.value { line-height:26px; border-color:#c8cfd2; border-radius:3px; left:0; text-align:left; text-indent:9px; font-size:12px;}
#list .pages .gotoPage em.value:after { border-right:6px solid transparent; border-left:6px solid transparent; border-top:6px solid #ccc; margin-top:-3px;}
#list .pages .gotoPage em.open { border-color:#1460ab !important;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { max-height:calc(28px * 6 - 1px); border-color:#1460ab; border-radius:4px 4px 0 0; top:auto; bottom:calc(100% + 2px);}
#list .pages .gotoPage dl dd { height:27px; line-height:28px; border-top-color:#ddd; text-indent:9px; font-size:12px; overflow:hidden;}
#list .pages .gotoPage dl dd a:hover { background:#fff; color:#1460ab;}
#list .pages .gotoPage dl dd a.active:hover,
#list .pages .gotoPage dl dd a.active { background:rgba(0,0,0,0.08) !important; color:#1460ab;}
#list .pages .gotoPage dl.open { transform:translateY(0);}

#list .list_news { width:100%; position:relative; z-index:90;}
#list .list_news li { width:100%; padding-bottom:20px; margin-top:20px; border-bottom:1px dotted #ddd;}
#list .list_news li p { text-align:justify; color:#898989; overflow:hidden; position:relative; z-index:10;}
#list .list_news li .name { margin:-4px 0 11px; line-height:22px; font-size:15px; color:#333; white-space:normal;}
#list .list_news li .img { float:left; width:125px; height:79px; margin:-1px 15px -11px 0; overflow:hidden; z-index:20;}
#list .list_news li .img img { width:100%; min-height:100%; transition:all 0.5s;}
#list .list_news li .info { height:44px; line-height:22px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .list_news li .date { height:20px; margin:11px 0 -4px; line-height:20px;}
#list .list_news li .date span { float:left; height:100%; padding-left:20px; margin-left:25px; position:relative;}
#list .list_news li .date span:nth-child(1) { margin:0;}
#list .list_news li .date span:before { width:20px; height:100%; content:""; background:url(../images/base.png) no-repeat 0 -60px; position:absolute; top:50%; left:-3px; margin-top:-10px; transform:scale(0.7);}
#list .list_news li .date span:nth-child(2):before { background-position:-20px -60px;}
#list .list_news li .date span:nth-child(3) { padding:0;}
#list .list_news li .date span:nth-child(3):before { background:none;}
#list .list_news li:hover .name { color:#1460ab;}
#list .list_news li:hover .img img { transform:scale(1);}

#list .list_photo { width:calc(100% + 20px); margin:-20px 0 0px; position:relative; z-index:90;}
#list .list_photo li { float:left; width:calc(100% / 3 - 20px); margin:20px 20px 0 0; border:#1460ab 0px solid;}
#list .list_photo li a { float:left; width:100%; padding-bottom:40px; position:relative;}
#list .list_photo li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;}
#list .list_photo li img { width:100%;}
#list .list_photo li .bg { float:left; font:0/0 arial; position:relative;}
#list .list_photo li .img { height:calc(100% - 40px); top:0;}
#list .list_photo li .img img { min-height:100%;}
#list .list_photo li .name { width:calc(100% - 10px); height:40px; padding:0 5px; background:#ddd; line-height:40px; font-size:15px; color:#333; bottom:0;}
#list .list_photo li:hover .name { background:#1460ab; color:#fff;}

#list .list_photo.list_product li a { padding-bottom:26px;}
#list .list_photo.list_product li .img { width:calc(100% - 6px); height:calc(100% - 32px); padding:2px; border:#ccc 1px solid;}
#list .list_photo.list_product li .name { width:calc(100% - 0px); height:15px; padding:0; background:none; line-height:1;}
#list .list_photo.list_product li:hover .img { border-color:#1460ab;}
#list .list_photo.list_product li:hover .name { background:none; color:#1460ab;}

#list .form_msg { width:100%; height:375px; background:#eaedef; border:#efefef 0px solid; position:relative;}
#list .form_msg li { width:100%; height:50px; position:absolute; z-index:10;}
#list .form_msg li:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;}
#list .form_msg li input { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#b5b5b5 1px solid; text-indent:40px;}
#list .form_msg li textarea { width:calc(100% - 26px); height:calc(100% - 26px); padding:12px; border:#b5b5b5 1px solid;}
#list .form_msg li input:focus,
#list .form_msg li textarea:focus { border-color:#1460ab;}
#list .form_msg li.user { width:calc((100% - 60px) / 2); background:#fff; top:20px; left:20px;}
#list .form_msg li.user:before { background-position:0 -20px;}
#list .form_msg li.tel { width:calc((100% - 60px) / 2); background:#fff; top:20px; right:20px;}
#list .form_msg li.tel:before { background-position:-20px -20px;}
#list .form_msg li.detail { width:calc(100% - 40px); height:200px; background:#fff; top:90px; left:20px;}
#list .form_msg li.submit { width:126px; height:46px; background:#0938a8; border:0; border-radius:5px; text-align:center; line-height:44px; font-size:16px; color:#fff; bottom:20px; right:20px; cursor:pointer;}
#list .form_msg li.submit:hover { background:#1460ab;}
#list .form_msg li.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .form_msg li.submit i:before { width:16px; height:15px; content:""; background:url(../images/base.png) no-repeat 0 -40px; position:absolute; top:50%; left:0; margin-top:-7px;}
#list .form_msg li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

#detail .pages { width:100%; margin:15px 0 -6px; padding-top:10px; border-top:#ddd 1px solid;}
#detail .pages li { width:100%; margin-top:2px; height:24px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#9aa1a5;}

#detail .view_news_title { float:left; width:100%; margin:5px 0 15px; border-bottom:#c4c4c4 1px solid;}
#detail .view_news_title h1,
#detail .view_news_title li { float:left; width:100%; text-align:center;}
#detail .view_news_title h1 { margin:-6px 0 10px; line-height:30px; font-size:20px; font-weight:bold; color:#30363a;}
#detail .view_news_title li { margin-bottom:10px; line-height:20px; color:#898989;}
#detail .view_news_title li span { margin:0 10px; text-transform:none; display:inline-block;}

#detail .view_photo_title { float:left; width:100%; margin:5px 0 20px; border-bottom:#c4c4c4 1px solid;}
#detail .view_photo_title h1 { float:left; width:100%; margin:-6px 0 15px; text-align:center; line-height:30px; font-size:20px; font-weight:bold; color:#30363a;}
#detail .view_photo_image { float:left; width:100%; padding-bottom:20px; margin:0 0 20px; border-bottom:#c4c4c4 1px solid; text-align:center;}
#detail .view_photo_image img { width:500px;}