﻿

#logo-2014 {



    float: left;



    height: 60px;



    padding:14px 0 22px 0;



    position: relative;



    z-index: 12;



}



#logo-2014 .logo {



    display: block;



    height: 60px;



}



/*公司介绍*/



.titleBar{overflow:hidden;border-color:#e3e3e3;height:28px;border-style:solid;background:#f5f5f5;border-width:1px;line-height:28px}



.titleBar h2{font-size:14px;float:left;line-height:28px;padding-left:16px}



.titleBa{overflow:hidden;height:45px;background:#fff;line-height:45px; border-bottom:1px solid #4c596a}



.titleBa b{display:block;float:left;font-size:18px;padding-left:20px;font-family:"微软雅黑"; font-weight:400; color:#000; }



.titleBa .more{float:right;padding-right:20px;}



.titleBa .more a{ color:#555;}



.titleBa .more a:hover{ color:#ff7300; text-decoration:underline}



.intro{margin:8px;height:270px;overflow:hidden}



.main_about{width:722px}



.abm01{padding:10px 15px;overflow:hidden;border:1px solid #e3e3e3;border-top:0}



.main_about .intro{line-height:24px;float:right;width:540px;height:160px;overflow:hidden}



.main_pro{width:100%; overflow: hidden;background: #fff none repeat scroll 0 0;
    border: 1px solid #ecf1f7;
    box-shadow: 0 10px 15px rgba(204, 204, 204, 0.3);
    transition: all 0.2s linear 0s}



.pro_link{background:#fff;padding:4px 12px;overflow:hidden;}



.pro_link li{float:left;height:45px;overflow:hidden;text-align:left;font-size:14px;line-height:45px;width:100%; border-bottom:1px solid #e5e8cd}



.pro_link li:last-child{ border-bottom:0;}



.pro_link li a{ color:#444}



.pro_link li a:hover{ color:#ff0000; text-decoration:underline}



.m-content{padding:25px 0 20px 25px;overflow:hidden; background:#fff;}







/*资讯*/



.col h2{border-bottom:1px solid #4c596a;height:45px;position:relative;font-size:17px; color:#000; line-height:45px; padding:0 20px}



.col h2 span{color:#999;font-weight:normal;padding-left:5px}



.col .desc{background:none repeat scroll 0 0 #fff;padding:15px 20px; height:203px; overflow:hidden}



.col .desc span{color:#bbb;padding-right:10px}



.col .desc li{height:35px;line-height:35px;overflow:hidden;position:relative;width:100%}




.col .desc li a:hover{color:#ff7300}



.i_floor{width:270px;}



.i_floor .col{float:left;width:100%;background: #fff none repeat scroll 0 0;
    border: 1px solid #ecf1f7;
    box-shadow: 0 10px 15px rgba(204, 204, 204, 0.3);
    overflow: hidden;
    transition: all 0.2s linear 0s; margin:0 0 15px
    }



.i_floor .col:last-child{margin:0}







/*内页*/



.content{margin:0 auto;width:1000}



.con-left{float:left;width:203px;border:1px solid #e3e3e3;border-top:2px solid #105599}



.lef-bd{color:#444;padding:10px 0}



.lef-bd ul{padding:0 8px}



.lef-bd li{line-height:26px;margin-bottom:4px;word-wrap:break-word}



.lef-bd li a{border-bottom:1px dashed #e7e7e7;color:#232323;padding:0 8px 0 30px;display:block;background:url(../image/sprites_jpg.png) no-repeat 12px -13px}



.lef-bd li a:hover{padding:0 8px 0 30px;display:block;background:url(../image/sprites_jpg.png) no-repeat 12px -43px;font-weight:bold;color:#225d8c}



.con-right{float:right;width:765px}



.con-right .h2-bg{background:url(../image/rbj.jpg) no-repeat 0 0;height:36px}



.con-right .h2-bg .sh1{font-family:"微软雅黑";float:left;font-size:14px;font-weight:bold;height:32px;line-height:32px;width:97px;text-align:center;float:left}



.place{float:right;margin-top:3px;line-height:33px;padding-right:12px}



.rig-bd{padding:30px 0 0;border:1px solid #e3e3e3;border-top:0;overflow:hidden}



.pro-sup li{display:inline;float:left;margin-bottom:15px}



.wrap-product{margin:0 15px 0 0;padding:0;width:178px}



.pro-sup li dt{margin:0 auto 5px}



.pro-sup li dt img{height:175px;width:100%}



.desc a{color:#666; font-size:14px;}



.desc a:hover{color:#0072ff;text-decoration:underline}



.pro-sup li dd{height:36px;line-height:30px;overflow:hidden;text-align:center;word-break:break-all;word-wrap:break-word}



/*资讯*/



.leftlist{width:915px;background: #fff none repeat scroll 0 0;
    border: 1px solid #ecf1f7;
    box-shadow: 0 10px 15px rgba(204, 204, 204, 0.3);}



.tit{background-color:#f5f5f5;border-bottom:1px solid #e3e3e3;height:28px;line-height:28px;padding:0 12px 0 12px}



.leftshow{padding:5px 15px;width:690px}



.leftshow dl{border-bottom:1px dotted #d7d7d7;padding:15px 5px 5px}



.leftshow dt{padding-bottom:5px}



.leftshow dd{line-height:24px}



.leftlist .gray{color:#adadad}



.ltab{width:200px}



.ltit{background:url(../image/ninco.gif) repeat-x 0 -244px;color:#fff;height:30px;line-height:30px;padding:0 10px}



.lshow{padding:10px}



.lshow li{height:24px;line-height:24px;overflow:hidden;padding-left:27px;width:206px}







/*导航两种产品css*/



.leftbox{border-bottom:1px dotted #dcdcdc;height:122px;padding:15px 15px 0 15px;clear:both}



.leftbox li{float:left}



.leftbox .vertical-img{height:102px;line-height:100px;width:102px}



.leftbox .vertical-img a{height:100%}



.leftbox .vertical-img img{max-height:102px!important;max-width:102px!important;vertical-align:middle}



.leftbox .inform{margin-left:10px;table-layout:fixed;width:475px;word-break:break-all}



.leftbox .btn{cursor:pointer;margin:20px 0 0 15px}



.leftbox .btn p{margin-bottom:5px}



.gray2{font-size:12px;color:#999;font-weight:normal}



.tab-item{border-left:1px solid #e3e3e3;border-top:1px solid #e3e3e3;margin:20px 0 0 0}



.tab-item td,.tab-item th{height:28px;line-height:28px}



.tab-item th{background:#f7f7f7;color:#424141;font-weight:400;padding-right:10px;text-align:right}



.tab-item th,.tab-item td{border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3}



.epages{MARGIN:13px;FONT:12px/12px Tahoma;height:20px;line-height:20px;float:right}



.epages .current{border:1px solid #f60;display:block;float:left;height:20px;line-height:20px;margin-left:0;margin-right:8px;padding:0 8px;text-align:center;text-decoration:none}



.epages *{VERTICAL-ALIGN:middle}



.epages A{FONT-size:12px;margin:0 8px 0 0;padding:0 8px;height:20px;line-height:20px;TEXT-ALIGN:center;TEXT-DECORATION:none;background:#fff;border:1px solid #e3e3e3;float:left;display:inline-block}



.epages span{display:inline-block;float:left;margin-right:5px}



.epages A:hover{COLOR:#004c7d;TEXT-DECORATION:none;background:#fff;border:1px solid #f60}



.epages INPUT{BORDER-RIGHT:#659b28 1px solid;BORDER-TOP:#659b28 1px solid;PADDING-LEFT:1px;MARGIN-BOTTOM:0;PADDING-BOTTOM:1px;FONT:bold 12px/15px Verdana;BORDER-LEFT:#659b28 1px solid;COLOR:#659b28;MARGIN-RIGHT:1px;BORDER-BOTTOM:#659b28 1px solid;HEIGHT:15px}



.channel_list_1{color:#444; font-size:15px}



.channel_list_1 td,.channel_list_1 th{border-bottom:1px solid #f6f6f6;line-height:51px;}



.channel_list_1 td strong{color:#f66539;font-weight:normal;}



/*输入框*/



/*i.icon-arrow{font-size:35px;position:absolute;right:9px;top:16px;transition:all .2s ease-in-out 0s;height:5px;width:10px}



.search_input .begin{background:#4c596a;border:0 none;color:#fff;cursor:pointer;float:left;font-family:"microsoft yahei";font-size:16px;height:30px;width:98px}



.search_input div{position:relative}



.search_input{height:30px;position:relative;margin:35px 0 0 0}



.search_input1{border:3px solid #4c596a}



.search_input input{border:0;height:30px;padding-left:8px;float:left;font-size:12px;border-right:1px solid #eef6fc;color:#333;font:400 14px "Microsoft YaHei";transition:border .2s linear 0s,box-shadow .2s linear 0s}



.search_input input:focus{outline:0 none}



.search_input .global{border:0 none;color:#fff;cursor:pointer;display:inline-block;float:right;font-size:16px;font-weight:400;height:36px;line-height:36px;overflow:visible;padding:0 12px;margin-left:2px;background:#ff7300}



*/



/*3种框*/



/*.search_input .s_i_1{ width:100px;}



.search_input .s_i_3{ width:130px;}*/



/**/



.fd-clr{margin-right:10px;}



.fd-clr li{border-right:1px solid #ddd;display:block;float: right;line-height:14px;margin:16px 0;padding:0 6px}



.fd-clr li a{color:#06c;line-height:14px; font-size:13px}



.fd-clr li a:hover{color:#ff7300;text-decoration:underline;line-height:14px}



.fd-clr li:nth-child(1){border:0}



.indexaboutBox{position:relative;width:1200px}



.indexAbout{background:#fff;left:40px;padding:30px 40px 0;position:absolute;top:40px;width:750px; height:230px}



.indexAbout h1{color:#4c596a;font-size:30px;margin-bottom:18px}



.indexAbout h1 span{color:#d9d9d9;padding-left:5px}



.indexAbout p{color:#666;font-size:14px;line-height:28px}







/*banner*/



.banner{ width:790px; height:365px; background:#fff; border: 1px solid #e5e8ed;border-bottom: 1px solid #c2c2c2; margin-top:10px;}



.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}



.ck-slide { position: relative; overflow: hidden;}



.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}



.ck-slide ul.ck-slide-wrapper li { position: absolute;}



.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}



.ck-slide .ck-prev { left: 5px; background: url(../image/arrow-left.png) #000 50% no-repeat;}



.ck-slide .ck-next { right: 5px; background: url(../image/arrow-right.png) #000 50% no-repeat;}



.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}



.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}



.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}



.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}



.ck-slidebox ul li.current em { background-color: #fe6500;}



.ck-slidebox ul li em:hover { background-color: #fe6500;}



.ck-slide { width:790px; height:365px; margin: 0 auto;}



.ck-slide ul.ck-slide-wrapper { height:365px;}



/*内页*/



.wrapper{ background:#fff;width: 100%;}



.about{background-color:#fff;color:#888;margin-top:10px;padding-top:15px}



.wfs{width:100%}



.about p{margin-right:40px}



.about a{color:#888}



.w900{background-color:#fff;padding:20px 40px;width:920px}



.about-details .msg{background-image:url(../image/about-details-bg-1.png);background-position:right 60px;background-repeat:no-repeat;padding-bottom:50px;padding-top:30px}



.msg h3{font-size:24px}



.about-details .msg p{color:#555;line-height:26px;margin-top:10px;font-size:14px;width:510px; text-indent:28px;}



.service-advantage{color:#fc8383;font-size:22px; font-weight:400}



.subnav{background-color:#fff;height:55px; border-bottom:1px solid #333; margin:0 30px}



.subnav p{color:#333;float:left;font-size:18px;line-height:50px;}



.about-news .news-list{border-bottom:1px dotted #d1d1d1;padding-bottom:25px;padding-top:25px;width:900px}



.about-news .news-list span{float:left;font-size:20px;margin-top:-3px;padding-bottom:50px;text-align:center;color:#888;width:65px}



.about-news .news-list div.fr{width:805px}



.about-news .news-list1 div.fr{width:675px}



.about-news .news-list div.fr h5{margin-bottom:10px;font-weight:400}



.about-news .news-list div.fr h5 a{color:#ff0000;font-size:18px}



.about-news .news-list div.fr h5 a:hover{text-decoration:underline}



.about-news .news-list div.fr p{color:#666;font-size:12px;line-he ight:25px}



.about-article .title{color:#ff0000;font-size:20px;line-height:30px;text-align:center}



.about-article .date{color:#ababab;margin-top:10px;text-align:center}



.about-article .content{border-bottom:1px dotted #ddd;border-top:1px dotted #ddd;margin-top:20px;padding-bottom:30px;padding-top:10px}



.about-article .article-nav{margin-top:20px;position:relative}



.about-article p{color:#555;line-height:26px;margin-top:10px;font-size:14px;text-indent:28px}

.about-news{ width:100% !important}

.cans{ font-size:14px;}



.cans p{color:#666;line-height:15px;margin-top:10px}



.address{line-height:42px;width:550px}



.address span{float:left;margin:0;color:#666}



.address a{background:url(../image/about-us-sprites.png) no-repeat 0 -110px;float:right;height:30px;text-indent:-9999px;width:115px;margin-top:8px}



.about-news .news-list div.fl{width:100px;height:100px;text-align:center;margin-left:10px}



.about-news .news-list div.fl img{height:100%}



.user_footer{ width:1000px; margin:0 auto; text-align:center; line-height:24px; padding:5px 0 15px 0}



.epages{MARGIN:13px;FONT:12px/12px Tahoma;height:20px;line-height:20px;float:right;}.epages .current{border:1px solid #ff6600;display:block;float:left;height:20px;line-height:20px;margin-left:0;margin-right:5px;padding:0 8px;text-align:center;text-decoration:none;}.epages *{VERTICAL-ALIGN:middle}.epages A{FONT-size:12px;margin:0 5px 0 0;padding:0 8px;height:20px;line-height:20px;TEXT-ALIGN:center;TEXT-DECORATION:none;background:#fff;border:1px solid #e3e3e3;float:left;display:inline-block}.epages span{display:inline-block;float:left;margin-right:5px;}.epages A:hover{COLOR:#004c7d;TEXT-DECORATION:none;background:#fff;border:1px solid #ff6600;}.epages INPUT{BORDER-RIGHT:#659b28 1px solid;BORDER-TOP:#659b28 1px solid;PADDING-LEFT:1px;MARGIN-BOTTOM:0px;PADDING-BOTTOM:1px;FONT:bold 12px/15px Verdana;BORDER-LEFT:#659b28 1px solid;COLOR:#659b28;MARGIN-RIGHT:1px;BORDER-BOTTOM:#659b28 1px solid;HEIGHT:15px}





/*下拉框*/

.main-search .choose {

    background: #fff none repeat scroll 0 0;

    border-left: 0 none;

    float: left;

    height: 50px;

    position: relative;

    width: 625px;

}

#uboxstyle{width:100px;height:50px;font:400 14px "Microsoft YaHei";border-right:1px solid #cbcbcb;padding-right:5px;background:#f3f3f3;float:left}

#uboxstyle div.tag_select{display:block;color:#000;width:100px;height:50px;line-height:50px;overflow:hidden;background:url(../image/spirit_v21.png) no-repeat 85px -266px;text-indent:15px}

#uboxstyle div.tag_select_hover{display:block;color:#000;width:100px;height:50px;line-height:50px;overflow:hidden;background:url(../image/spirit_v21.png) no-repeat 85px -266px;text-indent:15px}

#uboxstyle div.tag_select_open{display:block;color:#000;width:100px;height:50px;line-height:50px;background:url(../image/spirit_v21.png) no-repeat 85px -302px;text-indent:15px}

#uboxstyle ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;width:104px;margin:0;background:#fff;border:1px solid #ddd; border-top:0;}

#uboxstyle ul.tag_options li{display:block;text-indent:15px;height:35px;text-decoration:none;line-height:35px;color:#000;overflow:hidden;

border-top:1px solid #ececec;}

#uboxstyle ul.tag_options li.open_hover{background:#f8f8f8;color:#000}

#uboxstyle ul.tag_options li.open_selected{background:#f8f8f8;color:#000}

/*输入框*/

.search_input{width:518px;height:50px}

.search_input input{border:0;height:50px;padding-left:8px;float:left;font-size:12px;border-right:1px solid #eee;color:#000;font:400 14px "Microsoft YaHei";transition:border .2s linear 0s,box-shadow .2s linear 0s;line-height:50px}

.search_input input:focus{border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6);outline:0 none}

.choose i.icon-arrow{font-size:35px;position:absolute;right:10px;top:23px;transition:all .2s ease-in-out 0s;height:4px;width:7px;}

.search_input div{position:relative}

.search_input input.text{color:#666}

/*------------6种框----------*/

.search_input_6 .s_i_4{ width:75px;}

.search_input_6 .s_i_1{ width:83px;}

.search_input_6 .s_i_3{ width:97px;}

.search_input_6 .s_i_2{ width:63px;}

.search_input_6 .bord_none,.search_input_5 .bord_none,.search_input_4 .bord_none,.search_input_3 .bord_none{ border:0;}

/*------------5种框----------*/

.search_input_5 .s_i_4{ width:80px;}

.search_input_5 .s_i_1{ width:92px;}

.search_input_5 .s_i_3{ width:129px;}

.search_input_5 .s_i_2{ width:80px;}

/*------------4种框----------*/

.search_input_4 .s_i_1{ width:105px;}

.search_input_4 .s_i_3{ width:180px;}

.search_input_4 .s_i_2{ width:90px;}

/*------------3种框----------*/

.search_input_3 .s_i_1{ width:105px;}

/*.search_input_3 .s_i_3{ width:308px;}*/

/*--------加工订做*/

.search_hot_custor{background:#fff;border:1px solid #ddd;padding:10px 15px;position:absolute;width:487px;top:38px;left:106px;z-index:9999}

.city_down_list{font-size:12px;line-height:20px;overflow:hidden;padding:2px 0 7px;width:100%}

.city_down_list dt{color:#999;float:left;font-weight:bold;width:55px}

.city_down_list dd{float:left;width:320px}

.city_down_list dd a{color:#333;display:inline-block;margin:0 10px 0 0}

.city_down_list dd a:hover{color:#f60}

.search_gs input{border:0;width:510px}

/*--------------------------------------------*/

.search_input_3 .s_i_3{ _width:270px;}

.search_input_6 .s_i_2{_width:65px;}

.search_input_5 .s_i_2{ _width:63px;}

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

/**/

.search_middle{width:735px; position:absolute; top:330px; left:100px; background:#fff;background:rgba(255, 255, 255, 0.3) none repeat scroll 0 0 ; padding:20px; border-radius:10px}

.main-search{ padding:0; margin:0; width:731px;}

.main-search .begin{ width:106px; height:50px; background:#1C86EE; border:0; font-size:16px; color:#fff; line-height:50px; text-align:center; display:block;

float:left}

.main-search .begin:hover{ width:106px;background:#1C86EE}

.main-search .choose{ border-right:none;}

.cat{ margin:10px 0 5px 0; height:28px; overflow:hidden; width:520px; float:left}

.cat li{ background:url(404.png) no-repeat scroll 0 center;

    float: left;

    font-family: "微软雅黑";

    font-size: 14px;

    line-height: 28px;

    overflow: hidden;

    padding-left:20px;

    width: 240px;}

.call {

font-family: "微软雅黑"; float: right;margin:15px 0 5px 0; 

}.call a {

    border-radius: 5px;

    color: #436EEE;

    display: inline-block;

    font-size:14px;

    height:28px;

    line-height:28px;

    margin: 0 15px 0 0;

    text-align: center; text-decoration:underline

}


.choose i.icon-arrow{*top:0;}

#uboxstyle div.tag_select{ height:50px; line-height:50px;}

#uboxstyle{ height:50px;}

.search_input input{ line-height:50px; height:50px;}

.search_input{ height:50px;}

#uboxstyle div.tag_select_open{ line-height:50px; height:50px;}

#uboxstyle div.tag_select_hover{line-height:50px; height:50px;}




