@CHARSET "UTF-8";


.tong{width:1100px;margin:0 auto;}
#header{height: 171px;background: url(../../../templates/haiyan/images/tou.jpg) repeat-x;}
.top{width:1100px;margin:0 auto;}
.logo{float:left;padding-top: 5px;}
.k4{line-height: 38px;color: #666666;}
.k4 a{line-height: 38px;color: #666666;}


.topLink{width:400px;float:right;text-align:right;position: relative;z-index: 9999;}
.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(../../../templates/haiyan/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 .k1{line-height:32px;padding-top:5px;}
.topLink .k2{
    padding-top: 30px;
}




.ss{background: #eeeeee;height: 54px;}
.search{text-align:left;height: 54px;}
#formsearch{width: 202px;float:right;background: url(../../../templates/haiyan/images/ss.png) no-repeat 0 0;height: 25px;margin-top: 14px;}
.hotSearch{float:left;color: #666;line-height: 54px;font-weight:normal;}



.hotSearch a{margin-right:6px;color: #666;line-height: 54px;}
#formsearch input{height:22px;background: none;border: none;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;width: 138px;}
#formsearch input#s_btn{width: 56px;height:24px;line-height:24px;text-align:center;background: none;color:#fff;border:none;cursor:pointer;}



#container{width:1100px;margin:0 auto;margin-top:10px;}
.c1{margin-top: 52px;}
.c1 h2{font-size: 40px;color: #cfcfcf;text-align: center;text-transform:uppercase;line-height: 56px;}
.c1 h2 span{font-size: 36px;color: #0068b9;}
.c1 h2 span b{color: #0068b9;}
.c1 h2 p{font-size: 18px;color: #878787;background: url(../../../templates/haiyan/images/hh.png) no-repeat center 50%;font-weight: 500;line-height: 24px;}
.c1 .content{margin-top: 34px;}
.wsm{text-align: center;}
.wsm li{display: inline-block;margin: 0 15px;width: 186px;margin-top:10px;}
.wsm li dd{color: #333;font-size: 18px;line-height: 24px;margin-top: 10px;}
.wsm li p{font-size: 12px;color: #999;text-transform:uppercase;}
.wsm li:first-child{margin-left: 116px;}
.wsm li:nth-child(4){margin-right: 116px;}


.c2bg{height: 266px;background: url(../../../templates/haiyan/images/c2.jpg) no-repeat center 0;}
.c2{margin-top: 50px;padding-top: 54px;}
.zb{width: 269px;}
.fla{border-right: 1px solid #dedede;padding-top: 22px;}
.sort1{width: 233px;margin: 0 auto;}
.sort1 li{display: block;}
.sort1 li a{display: block;width: 177px;height: 43px;line-height: 43px;color: #fff;font-weight: 600;padding-left: 56px;font-size: 14px;}
.sort1 li .sec1 a{line-height: 35px;font-size: 14px;color: #333;border-bottom: 1px solid #eee;background: url(../../../templates/haiyan/images/yj.png) no-repeat 25px 50%;padding-left: 56px;font-weight: 500;display: block;height: 35px;}
.sort1 li:nth-child(1){background: url(../../../templates/haiyan/images/001.png) no-repeat 0 0;}
.sort1 li:nth-child(2){background: url(../../../templates/haiyan/images/002.png) no-repeat 0 0;}
.sort1 li:nth-child(3){background: url(../../../templates/haiyan/images/003.png) no-repeat 0 0;}
.sort1 li .sec1{
    padding-bottom: 26px;
}

.yb{width: 830px;}
.yb h2{font-size: 30px;color: #666;font-weight: 500;line-height: 50px;padding-left: 20px;text-transform:uppercase;border-bottom: 1px solid #0068b9;height: 50px;}
.yb h2 span{padding-left: 20px;font-size: 16px;color: #333333;}
.yb h2 a{float: right;line-height: 50px;color: #333;font-size: 12px;padding-right: 10px;}

.c3bg{background: url(../../../templates/haiyan/images/c3.jpg) no-repeat center;height: 1576px;}
.c3{position: relative;}
.c3 li{position: absolute;line-height: 52px;color: #333;font-size: 14px;}
.c3 li p{border-bottom: 1px dashed #e7e7e7;padding-left: 27px;background: url(../../../templates/haiyan/images/yy.png) no-repeat 0 50%;}
.c3 li p:last-child{background:none!important;border:none!important;}
.l1{top: 233px;left: 151px;}
.l2{top: 573px;right: 180px;}
.l3{top: 890px;left: 154px;}
.l4{top: 1218px;right: 137px;}
.tu1{top: 253px;right:0;}
.tu2{top: 529px;left: -28px;}
.tu3{top: 840px;right:0;}
.tu4{top: 1153px;left:0;}
.tu1 p,.tu2 p,.tu3 p,.tu4 p{background:none!important;border:none!important;}

.c4bg{height: 420px;background: url(../../../templates/haiyan/images/c4.png) no-repeat center 0;}

.c4 h2{font-size: 34px;color: #fff;line-height: 40px;padding-left: 170px;}
.c4{padding-left: 84px;padding-top: 46px;}
.jj{width: 536px;font-size: 14px;line-height: 34px;color: #fff;}
.jt{width: 444px;padding-right: 51px;}
.jj .content{margin-top:25px;height: 204px;}
.jj a{display:block;margin-top:12px;}


.cont5{width: 1100px;margin:0 auto;margin-top:59px; height:475px}















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


.news_company{width:323px;float:left;}
.news1_title{line-height:40px;padding-left:18px;font-family:"微软雅黑";background:url(../../../templates/haiyan/images/yjt.png) no-repeat left center;font-weight:600;font-size:20px;color:#333;position: relative;border-bottom: 1px solid #dfdfdf}
.news1_title span{font-size: 12px;padding-left: 5px;color:#808080;text-transform: uppercase;}
.news1_title a{position: absolute;top:0;right: 15px;font-size: 12px;color:#333333;}
.news_company .content{padding-top: 18px;padding-bottom:30px}


.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(../../../templates/haiyan/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}


.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../../../templates/haiyan/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}


.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../../../templates/haiyan/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}





.f_link{width:1100px;margin:0 auto;margin-top:30px;line-height:30px;background-color:#ececec;text-indent:20px;}


.haha img{padding-right: 10px;}
.haha{border: 1px solid #288ddc;padding:15px 0 15px 26px;margin-top: 32px;margin-bottom: 22px;}
.dbyb{width: 940px;text-align: left;}
.foot{background: #0068b9;padding: 21px 0;color: #fff;}
#footer{position:relative;width:1100px;margin:0 auto;text-align:center;}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:left;line-height:24px;color:#fff;font-size: 14px;}
#footer .nav_foot a{font-size: 14px;background: url(../../../templates/haiyan/images/ddd.png) no-repeat 0 50%;padding-left: 10px;padding-right: 44px;}
.copyright{text-align:left;line-height:24px;}
.er{width: 121px;}



.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../../../templates/haiyan/images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

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

.leib{ border-top:0; background:#fff;overflow:hidden;}
.leib  h4 a{ font-weight:bold; color:#333; font-size:14px; padding-left:26px; height:37px; line-height:37px; display:block;}
.leib  .cur a { display:block; color:#0E3775;}
.leib  li a { font-size: 14px;display:block; padding-left:40px; line-height:37px; height:37px; overflow:hidden}
.leib  h4{ background:#ccc;margin-bottom: 1px;}
.leib li {background: #e5e5e5 none repeat scroll 0 0;height: 33px;line-height: 33px;list-style: outside none none;margin: 1px 0;}

.n_banner{
    overflow: hidden;
}
.n_banner 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)} }




.left{width:225px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:840px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../../../templates/haiyan/images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}


.apage { height:25px; line-height:25px; background:#F9F9F9; padding:0 5px; margin-top:10px; border:solid 1px #ccc; text-align:right; }
.apage a { border:1px solid #d4e3e9; padding:0 3px;  margin-right:5px;}
.apage .num_btns {float:right; font-family:Tahoma;}
.apage a:hover, .apage .cur { border:1px solid #D5D5D5;background-color:#1FA4D1; color:#fff; text-decoration:none;}
.apage .cust_txt { float:left;}
.apage .oran_pg_fp { background:url(../../../templates/haiyan/images/first_page.gif) 4px 4px no-repeat; padding-right:9px;}
.apage .oran_pg_pp { background:url(../../../templates/haiyan/images/pre_page.gif) 4px 4px no-repeat; padding-right:5px;}
.apage .oran_pg_np { background:url(../../../templates/haiyan/images/next_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage .oran_pg_lp { background:url(../../../templates/haiyan/images/last_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }