﻿*{margin:0; padding:0}
.clear{clear:both}
body{font-family:"微软雅黑"}
ul{margin:0; padding:0}
/*网页头部*/
#header{width:auto; height:auto;}
/*网页顶部信息*/
#header .topbox{width:auto; height:35px; background-color:#F3F3F3;}
.top{width:1200px; height:35px; background-color:#F3F3F3; margin:0 auto; font-size:14px; line-height:35px}
.top .top-l{width:300px; height:35px; float:left}
.top .top-r{width:160px; height:35px; float:right;}
.top .china,.english{margin-top:4px}
.top-r .china{width:68px; height:23px; border:1px solid #419E3E; float:left; -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -o-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px;}
.top-r .english{width:70px; height:25px; border:1px solid #333; float:right; -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -o-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px;}
.top .china a{color:#419E3E}
.top .english a{color:#000}
.top .china a,.english a{text-decoration:none; text-align:center; display:block; line-height:25px}

/*LOGO*/
.logo{width:1200px; height:120px; margin:0 auto}
.logo .tel{width:265px; height:120px; float:right}
.telpic{width:auto; height:55px; float:left; margin-top:37px}
.telnumber{width:auto; height:auto; margin-left:67px}

/*导航*/
.current{background-color:#b41d22}
.navbox{width:auto; height:50px; background-color:#b41d22; box-shadow:0px -8px 32px rgba(0, 0, 0, 0.1); position:relative; z-index:999}
.nav{width:1200px; height:50px; background-color:#b41d22; margin:0 auto}
.nav ul{overflow:hidden;}
.nav li{list-style:none; float:left;}
.nav li a{text-decoration:none; color:#FFF; padding:14px 32px; font-weight:bold; font-size:16px; line-height:50px; text-align:center;}
.nav li a:hover{background-color:#ce2228}
li .shownav{visibility:hidden; font-size:14px; width:auto; background-color:#b41d22; position:relative;}
li .shownav a{text-decoration:none; color:#FFF; text-align:center; display:block; padding:0}

/*banner*/
.banner{width:auto; height:660px; margin:0 auto; overflow:hidden; text-align:center;}
.picBox{width:auto; margin:0 auto; position:relative; overflow:hidden;font-size:0;z-index:90;transition:all 0.2s linear 0s;}
.picBox a{transition:all 0.2s linear 0s;}
.picBox .clearfix{width:auto}
.picBox .bd li{width:auto;text-align:center;/* background-position:50% 50% */}
.picBox ul{width:auto; height:auto}
.picBox .hd{ position:absolute;bottom:20px;left:0;width:100%;height:auto;z-index:99;text-align:center}
.picBox .hd ul{margin:0;padding:0}
.picBox .hd li{background:#666;display:inline-block;*display:inline;zoom:1;width:20px;height:20px;line-height:22px;text-align:center;margin-left:3px;color:#fff;cursor:pointer;font-size:12px;border-radius:10%}
.picBox .hd li.on{ background:#b41d22;color:#fff}
.picBox .next,
.picBox .prev{background:url(../images/icon_arr.png) no-repeat; zoom:1; vertical-align:middle; cursor:pointer;}
.picBox .prev{background-position:10px 26px;height:90px;left:40px;opacity:0;filter:Alpha(opacity=0);position:absolute;top:50%;width:50px;z-index:100;margin-top:-35px}
.picBox .next{background-position:15px -48px;height:90px;right:40px;opacity:0;filter:Alpha(opacity=0);position:absolute;top:50%;width:50px;z-index:100;margin-top:-35px}
.picBox:hover .prev{opacity:1;filter:Alpha(opacity=0);}
.picBox:hover .next{opacity:1;filter:Alpha(opacity=0);}

/*搜索栏*/
.searchbox{width:auto; height:50px; background-color:#b41d22;}
.search{width:1200px; height:50px; background-color:#b41d22; margin:0 auto}
.gjc{width:770px; height:50px; font-size:15px; color:#FFF; line-height:50px; float:left}
.gjc a{text-decoration:none; font-size:15px; color:#FFF; margin:0 10px}
.gjc a:hover{text-decoration:underline}

.ssk{width:auto; height:50px; float:right}
.ssk form{float:right; margin-top:12px}
.search-input{width:253px; height:26px; border:1px solid #b41d22; padding-left:5px; outline:none;float:left;}
.search-button{width:55px; height:26px; background-color:#EEF6E9; color:#000; border:0; outline:none; cursor:pointer;float:left; margin-top:1px}
.search-button:hover{background:#b41d22; color:#FFF}

/*网页主体*/
#content{width:auto; height:auto; overflow:hidden}
/*产品展示*/
.cpzs{width:1200px; height:auto; margin:0 auto; overflow:hidden}
.cpzs .cpzstit{width:1200px; height:auto; margin-top:35px}
.cpzs .cpzstit span{font-family:"微软雅黑"}
.cpzs .cpzsyw{width:1200px; height:50px; background:url(../images/btbj.png) no-repeat center top}
.cpzs .cpzsli{width:auto; height:50px; margin:0 auto; line-height:50px; text-align:center;}
.cpzs .cpzsli a{text-decoration:none; color:#333; font-size:16px; margin:0 10px}
.cpzs .cpzsli a:hover{color:#12900E; text-decoration:underline}
.cpzs .cp{width:1100px; height:490px; margin:0 auto}
.cp .cpone{width:280px; height:235px; float:left; margin:15px 43px}
.cpone .cppic{width:280px; height:195px; border:1px solid #CCC; box-shadow:0 0 20px rgba(0, 0, 0, 0.2)}
.cpone .cppic img:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.cpone .cpbt{width:280px; height:40px;}
.cpone .cpbt a{text-decoration:none; font-size:16px; color:#333; display:block; text-align:center; line-height:40px}
.cpone .cpbt a:hover{color:#12900E; font-weight:bold}

/*公司简介*/
.gsjjbox{width:auto; height:auto; background:url(../images/gsjjbj.jpg) no-repeat center top; overflow:hidden; margin-top:50px}
.gsjj{width:1200px; height:auto; margin:0 auto}
.gsjj .gsjjtit{width:1200px; height:auto; padding-top:30px}
.gsjj .gsjjyw{width:1200px; height:50px; background:url(../images/btbj.png) no-repeat}
.gsjj .gsjjpic{width:1125px; height:195px; margin:20px auto 0 auto}
.gsjjpic .gsimg{width:335px; height:195px; float:left; margin:0 20px;}
.gsjjpic .gsimg img:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.gsjj .gsjjwz{width:1200px; height:auto;     margin: 35px auto;}
.gsjj .ckxq{width:220px; height:40px; margin:40px auto 40px auto; background-color:#ce2228;  -webkit-border-radius:15px 15px 15px 15px; -moz-border-radius:15px 15px 15px 15px; -o-border-radius:15px 15px 15px 15px; border-radius:15px 15px 15px 15px;}
.gsjj .ckxq:hover{background-color:#fb2c33;}

/*新闻动态*/
.xwdtbox{width:auto; height:auto; background-color:#F3F3F3;}
.xwdtbox .xwdt{width:1200px; height:auto; margin:0 auto; overflow:hidden}
.xwdt .xwdttit{width:1200px; height:auto; padding-top:30px;}
.xwdt .xwdtyw{width:1200px; height:50px; background:url(../images/btbj.png) no-repeat}
.newlibox{width:550px; height:355px; float:left; margin-top:30px;}
.newlibox .newstit{width:550px; height:43px; border-bottom:2px solid #CCC}
.newstit-l{width:85px; height:42px; float:left; border-bottom:2px solid #b41d22}
.newstit-l a{text-decoration:none; color:#b41d22; font-size:19px; font-weight:bold}
.newstit-r{width:auto; height:43px; float:right}
.newstit-r a{text-decoration:none; color:#999; font-size:18px; font-weight:bold}
.newlist{width:550px; height:240px; margin-top:15px}
.newlist .newli{width:550px; height:29px; line-height:29px; border-bottom:1px dashed #CCC; margin:10px 0; overflow:hidden}
.newlist .newli a{font-size:15px; color:#333; text-decoration:none}
.newlist .newli a:hover{color:#ce2228}

.newpic{width:540px; height:355px; float:right; margin-top:30px}
.newpic .piclist{width:530px; height:355px;}
.newpic .piclist li{list-style:none; float:left; width:155px; height:155px; margin:6px}
.newpic .piclist li img{width:155px; height:155px}
.evenflow_rotate{transition:transform 0.25s ease;}
.evenflow_rotate:hover{transform:rotate(45deg);}
.evenflow_shiftX{transition:transform 1s ease;}
.evenflow_shiftX:hover{transform:translateX(20px);}
.evenflow_shiftY{transition:transform 1s ease;}
.evenflow_shiftY:hover{transform:translateY(-20px);}

.evenflow_scale{transition:transform 0.45s ease;}    /*s值越大，放大效果越慢*/
.evenflow_scale:hover{transform:scale(1.1,1.1);}   /*值越大，图片效果尺寸越大，数值1以上为放大，1以下为缩小*/
.evenflow_spin{transition:transform 0.25s ease;}
.evenflow_spin:hover{transform:rotate(360deg);}
@keyframes evenflow_shake{0%{transform: scale(1);}50%{transform: scale(1.1);}100%{transform: scale(1);} }
.evenflow_shake{transform:scale(1);}
.evenflow_shake:hover{animation-name:evenflow_shake; animation-duration:500ms; transform-origin:50% 50%; animation-iteration-count:infinite;animation-direction:alternate; animation-timing-function:ease;}
@media screen and (max-width: 780px){.evenflow li{width: 45%;}}
@media screen and (max-width: 550px){.evenflow{text-align: center;} .evenflow li{float: none; display: inline-block; width: 80%; margin-bottom: 30px;}}


/* .newtp{width:155px; height:155px; background-color:#F00; float:left; margin:3px} */

/*尾巴*/
#footer{width:auto; height:150px; background-color:#b41d22; margin-top:30px}
#footer .f{width:1200px; height:140px; background-color:#b41d22; margin:0 auto;position:relative;}
.f-logo{width:90px; height:90px; float:left; position:absolute; margin-top:25px}
.f-z{width:auto; height:90px; border-left:5px solid #fff; position:absolute; margin:25px 0 0 100px}
.f-z .f-sanduan{width:auto; height:25px; margin:4px 0 0 30px; font-size:16px; color:#fff; font-weight:bold; line-height:25px}
.f-z .f-sanduan a{font-size:16px; color:#fff; font-weight:bold; margin:0 8px; text-decoration:none}
.f-z .f-sanduan a:hover{text-decoration:underline; color:#FFF}

.wj_hfic{position:absolute;top:30px;right:30px;}

/*内页*/
/*横幅*/
.nyhf{width:1200px; height:35px; background:#b41d22; margin:20px auto 0 auto; line-height:35px; font-size:14px; color:#FFF;}
.nyhf a{font-size:14px; color:#FFF; text-decoration:none}
.nyhf img{float:left; margin:4px 0 0 5px}
.nyhf span{font-size:18px; color:#FFF; margin-left:10px; line-height:35px}
.nyhf span a{color:#FFF; text-decoration:none; font-size:16px; line-height:35px}

/* 内页主体 */
.nycpzs{width:1200px; height:auto; margin:20px auto 0 auto; overflow:hidden}

/* 内页左侧 */
.nycpzs .nyleft{width:220px; height:auto; float:left}
.nyleft .nylefttit{width:218px; height:40px; background:#b41d22}
.nylefttit span{line-height:40px; margin-left:5px; font-size:18px; font-weight:bold; color:#FFF; display:block; text-align:center}

/*内页左侧当前页*/
.nyleft .nyleftdqy{width:218px; height:auto; margin-bottom:25px; border:1px solid #CCC; box-shadow:0 0 4px rgba(0, 0, 0, 0.2)}
.nyleftdqy .dqylibox{width:218px; height:auto; overflow:hidden; background-color:#57BC54}
.dqylibox .dqyli{width:218px; height:45px; background-color:#FFF; border-bottom:1px solid #CCC; float:left; line-height:45px; background:url(../images/nydqylibj.png) repeat-x}
.dqylibox a{font-size:14px; color:#666; text-decoration:none;}
.dqylibox .dqyli:hover{background:url(../images/nydqylibj-hover.png) repeat-x;font-weight:bold; color:#FFF}


.dqylibox .z-cp-l{width:218px; height:35px; background-color:#FFF; border-bottom:1px solid #CCC; float:left; line-height:35px; background:url(../images/nydqylibj.png) repeat-x center;}
.dqylibox .z-cp-l span{font-size:14px; color:#666; text-decoration:none; margin-left:25px}
.dqylibox .z-cp-l:hover{background:none; font-weight:bold; color:#FFF}

/*内页左侧推荐产品*/
.nyleft .nyleftcp{width:218px; height:auto; margin-bottom:20px; border:1px solid #CCC; box-shadow:0 0 4px rgba(0, 0, 0, 0.2)}
.nyleftcp .cplibox{width:218px; height:auto; overflow:hidden}
.cplibox .ny-l-cpli{width:198px; height:205px; margin:10px 10px}
.ny-l-cpli img{width:198px; height:165px}
.ny-l-cpli img:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.ny-l-cpli span{line-height:40px; text-align:center; display:block}
.ny-l-cpli span a{text-decoration:none; color:#333; font-size:16px}
.ny-l-cpli span a:hover{color:#419E3E}

/*内页左侧推荐资讯*/
.nyleft .nyleftzx{width:218px; height:auto; border:1px solid #CCC; box-shadow:0 0 4px rgba(0, 0, 0, 0.2)}
.nyleftzx .l-newlibox{width:218px; height:auto; overflow:hidden}
.l-newlibox .l-newli{width:210px; height:30px; border-bottom:1px dashed #CCC; margin:5px 0; float:left; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.l-newlibox .l-newli img{margin-left:10px}
.l-newlibox .l-newli a{font-size:14px; color:#666; text-decoration:none;}
.l-newlibox .l-newli a:hover{color:#419E3E}

/*内页右侧产品展示页*/
.nyright{width:959px; height:auto; float:right; box-shadow:0 0 4px rgba(0, 0, 0, 0.1); overflow:hidden}
.nyright .ny-r-li{width:210px; height:230px; float:left; margin:10px 14px}
.ny-r-li .ny-r-lipic{width:210px; height:180px}
.ny-r-li .ny-r-lipic img:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.ny-r-li .ny-r-libt{width:210px; height:40px;}
.ny-r-li .ny-r-libt span{line-height:40px; display:block; text-align:center}
.ny-r-li .ny-r-libt span a{font-size:16px; color:#333; text-decoration:none; line-height:45px}
.ny-r-li .ny-r-libt span a:hover{color:#136610}

/*内页右侧产品及新闻点开页*/
.nyright{width:959px; height:auto; float:right; box-shadow:0 0 4px rgba(0, 0, 0, 0.1); overflow:hidden}
.nyright .ycbt{width:959px; height:54px; line-height:55px; border-bottom:1px solid #CCC}
.nyright .ycbt h2{text-align:center}
.nyright .time{width:959px; height:30px;}
.nyright .time span{font-size:14px; line-height:30px; display:block; text-align:center}
.nyright .yczw{width:910px; height:auto; margin:15px auto 50px auto; overflow:hidden; font-weight:normal; line-height:25px!important; font-size:16px!important;}
.nyright .yczw span{line-height:25px!important; font-size:16px!important;}
.nyright .yczw a{line-height:25px!important; font-size:16px!important;}
.nyright .yczw p{line-height:25px!important; font-size:16px!important;}
.nyright .wzfoot{width:959px; height:30px; font-weight:normal}
.wzfoot .back,.print{width:88px; height:28px; border:1px solid #CCC}
.wzfoot .back{float:left}
.wzfoot .print{float:right}
.back a,.print a{font-size:14px; color:#333; line-height:30px; display:block; text-align:center; text-decoration:none}
.updown{width:959px; height:50px; font-size:14px; margin-bottom:30px; font-weight:normal}
.updown .up a,.dn a{color:#333; text-decoration:none; font-size:14px}
.updown .up{float:left; line-height:50px}
.updown .dn{float:right; line-height:50px}

/*内页右侧新闻列表*/
.nyright{width:959px; height:auto; float:right; box-shadow:0 0 4px rgba(0, 0, 0, 0.1); overflow:hidden; line-height:25px!important; font-size:16px!important;}
.nyright span{line-height:25px!important; font-size:16px!important;}
.nyright p{line-height:25px!important; font-size:16px!important;}
.nyright .ny-r-newli{width:959px; height:45px; border-bottom:1px dashed #419E3E}
.nyright .ny-r-newli img{margin-left:10px}
.nyright .ny-r-newli span{line-height:45px; margin-left:10px}
.nyright .ny-r-newli span a{font-size:17px; color:#333; text-decoration:none; line-height:45px}
.nyright .ny-r-newli span a:hover{color:#57BC54}
.page{width:959px; height:20px; line-height:20px; margin:60px auto 20px auto}
.page span{text-align:center; display:block}
.page a{padding:5px 10px;margin:0 2px;border:1px solid #ddd;color:#000;text-decoration:none;}
.page a:hover ,.page a.active{color:red;}
.pros{margin-top:30px;}	
.pro_sort_box{width:220px;float:left;}	
.pro_sort_box .title{border-radius:3px 3px 0 0;background:url(../images/pro_sort_box_title_bg.jpg) repeat-x;font-size:22px;color:#fff;text-align:center;line-height:63px;height:63px;font-weight:bold}
.pro_sort{background:#fff;border:2px solid #b41d22;}
.pro_sort li{position:relative;}
.pro_sort li .name{font-size:14px;}
.pro_sort li .name a{display:block;color:#818181;background:#fff;line-height:30px;height:30px;margin:10px;border:1px solid #ededed;text-indent:15px;}
.pro_sort li .name a:hover{text-decoration:none;color:#fff;background:#b41d22}
.promore{padding:20px;background:#fff}
.promore a{background:#deeff4;color:#b41d22;display:block;padding:7px 5px;text-align:center}					
.pro_thumb{width:965px;border:1px solid #EAECEF;float:right;}						
.title2{margin:0;line-height:55px;height:55px;position:relative;background:url(../images/box_title_bg.jpg) repeat-x}
.more2{position:absolute;right:15px;}
.title_more2{display:block;background:url(../images/youlink_lead_bg.jpg) no-repeat right 0;font-size:16px;padding:0 40px 0 30px;color:#fff;display:inline-block;*display:inline;zoom:1;}						
.thumb_list{overflow:hidden;zoom:1;padding:16px 5px;}
.thumb_list li{float:left;display:inline;text-align:center;margin:0;}
.pic_list_li{margin:0 7px 0px;}
.pic_list_li img{border:1px solid #EAECEF;padding:1px;}
.pic_list_li .txt{padding:15px 0;overflow:hidden;}
.pic_list_li .txt a{overflow:hidden;color:#666}
.thumb_list li a:hover img{opacity:0.7;filter:Alpha(opacity=70);}						

.tl{text-align:center;margin-top:30px;}	

























