@charset "utf-8";@import "font.css";body,td,th,input,textarea,select{
font-size:12px;font-family:'微软雅黑',Arial,Tahoma;color:#555;outline:0}
html{-webkit-text-size-adjust:none;min-width:1300px}
body,form{margin:0}
img{border:0 none;vertical-align:middle}
table{border-collapse:collapse}
.searHeight{font-style:normal;color:#ec0000}
ul{display:block;margin:0;padding:0}
li{list-style:none}
p{display:block;margin:0;padding:0}
h1{color:#222;display:block;margin:0;padding:0;font-size:26px;font-weight:normal}
a{color:#555;text-decoration:none;outline:0}
a:hover,a:active{color:#d02126}
.wrap{margin:auto;width:1120px}
.wrap:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
#banner{width:100%;height:720px;position:relative;z-index:1;overflow:hidden}
#menu_wrap{width:100%;height:120px;position:fixed;left:0;top:0;z-index:999}
#menu_top{width:1120px;height:40px;margin:auto;position:relative;z-index:1000;display:none}
#menu_block{width:100%;height:80px;background:#d02126}
#top_tel{color:#d02126;font-size:13px;width:230px;height:40px;line-height:38px;position:absolute;right:120px;top:0;background:url(../images/icon_top_tel.png) no-repeat left center;padding-left:22px}
#top_tel span{font-size:17px;font-family:'Eshion_elegant_En',Arial}
#lan{width:126px;height:40px;line-height:40px;position:absolute;right:0;top:0;color:#d02126;background:rgba(255,255,255,.6);text-align:center}
#lan img{margin:-3px 0 0 8px}
#lan_list{width:126px;position:absolute;right:0;top:40px;background:#FFF;display:none}
#lan_list a{display:block;text-align:left;height:39px;line-height:38px;border-bottom:1px solid #EEE;text-transform:capitalize;padding-left:23px;transition:all ease .35s}
#lan:hover,#lan:active,#lan.A{background:#FFF;color:#d82633}
#lan_list a img{margin:-3px 7px 0 0}
#lan_list a:hover{background:#EEE}
#logo{width:156px;height:70px;display:block;float:left;margin-top:5px}
.yy{width:float:left;margin-top:0px;vertical-align: middle;}
#search2{display:block;width:28px;height:28px;background:rgba(255,255,255,.2);border-radius:50%;float:right;margin-top:26px;overflow:hidden;transition:all ease .2s;position:relative}
#search2 .img1{height:25px;position:absolute;left:1px;top:1px;transition:all ease .3s}
#search2 .img2{height:25px;position:absolute;left:1px;top:1px;transition:all ease .3s}
#search2:hover,#search.A{background:#fc0}
#search2:hover .img1,#search.A .img1{top:-21px}
#search2:hover .img2,#search.A .img2{top:5px}
#language{display:block;width:28px;height:28px;margin-right:10px;background:rgba(255,255,255,.2);font-weight:bold;border-radius:50%;float:right;margin-top:26px;overflow:hidden;transition:all ease .2s;color:#fff;line-height:28px;text-align:center}
#language:hover{background:#fc0}
#menu{width:728px;float:left;margin-left:160px}
#menu>li{display:block;float:left;margin-left:1px}
#menu>li>a{display:inline-block;padding:0 18px;color:#FFF;font-size:14px;height:80px;line-height:79px;transition:all ease .4s;position:relative}
#menu>li>a>span{background:#fff;height:3px;font-size:0;position:absolute;left:50%;bottom:12px;width:0;transition:all ease .35s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
#menu>li>a:hover,#menu>li.A>a,#menu>li>a.A{color:#fff}
#menu>li>a:hover span,#menu>li.A>a span,#menu>li>a.A span{left:0;width:100%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
#menu>li div.border{position:absolute;width:100%;height:0;left:0;top:80px;overflow:hidden}
#menu>li div.con{width:1120px;margin:auto;position:relative}
#menu>li div.con>a{display:block;width:161px;height:220px;float:left;margin-left:30px;margin-top:42px}
#menu>li div.con>a:first-child{margin-left:0}
#menu>li div.con>a>img{width:151px;height:113px;padding:4px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);transition:all ease .3s}
#menu>li div.con>a>span{display:block;color:#FFF;font-size:13px;padding-top:12px;transition:all ease .35s}
#menu>li div.con>a>p{line-height:160%;color:rgba(255,255,255,.4);padding-top:6px;transition:all ease .35s}
#menu>li div.con>a:hover>img{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.2)}
#menu>li div.con>a:hover>span{color:#fc0}
#menu>li div.con>a:hover>p{color:rgba(255,255,255,1)}
#menu>li div.con .menu{position:absolute;width:188px;right:0;top:42px;border-top:1px solid rgba(255,255,255,.1)}
#menu>li div.con .menu a{display:block;padding:10px 0 11px 20px;color:#FFF;font-size:13px;border-bottom:1px solid rgba(255,255,255,.1);transition:all ease .3s}
#menu>li div.con .menu a:hover{background:rgba(255,255,255,.1);padding:10px 0 11px 30px;color:#fff}
#search_wrap{width:1120px;height:40px;position:fixed;z-index:1000;left:50%;margin-left:-560px;top:80px;display:none}
#search_block{width:246px;height:100%;background:#444;position:absolute;right:0;top:0}
#formsearch input{border:0 none;background:0;font-size:13px;color:#FFF;padding:10px 12px;width:186px;vertical-align:middle}
#keys::-webkit-input-placeholder{color:rgba(255,255,255,0.3)}
#keys:-moz-placeholder{color:rgba(255,255,255,0.3)}
#formsearch a{vertical-align:middle;color:#FFF;transition:all ease .3s}
#formsearch a:hover{color:#fc0}
#map{position:relative}
#map div{width:100%;height:25px;background:#d02126;position:absolute;left:0;bottom:0}
#m1{margin-top:70px;height:605px;position:relative}
.tit_en{font-size:36px;color:#d02126;font-family:'Eshion_elegant_En',Arial;text-align:center}
.tit_cn{font-size:22px;color:#333;text-align:center;margin-top:8px;background:url(../images/tit_line.png) no-repeat center center}
#industry{width:1184px;height:405px;margin-left:-32px;position:relative;margin-top:60px;overflow:hidden}
#industry div{width:1230px;height:405px;padding-left:32px}
#industry div a{display:block;width:330px;height:405px;margin-right:65px;position:relative;float:left;z-index:1}
#industry div a .tit{width:100%;height:50px;position:absolute;z-index:1;background:#d02126;color:#FFF;font-size:14px;text-align:center;line-height:48px;transition:all ease .35s;border-radius:5px}
#industry div a .img{width:300px;height:250px;position:absolute;z-index:2;background:#CCC;left:50%;top:75px;margin-left:-150px;transition:all ease .35s}
#industry div a .img img{width:100%;height:100%;border-radius:5px}
#industry div a .txt{color:#888;padding:0 15px;position:absolute;z-index:2;left:0;top:250px;text-align:center;line-height:180%;transition:all ease .35s .15s}
#industry div a .more{color:#999;width:110px;height:28px;display:block;position:absolute;z-index:2;left:50%;margin-left:-55px;top:340px;border:1px solid #e6e6e6;text-align:center;line-height:27px;border-radius:20px;transition:all ease .35s .15s}
#industry div a .line{font-size:0;width:100%;height:3px;position:absolute;z-index:2;left:0;bottom:0;background:#EEE;transition:all .1s}
#industry div a:hover .tit{height:405px;line-height:96px;color:#fff}
#industry div a:hover .img{background:rgba(255,255,255,.2);transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}
#industry div a:hover .txt{color:rgba(255,255,255,.6)}
#industry div a:hover .more{border:1px solid rgba(255,255,255,.4);color:rgba(255,255,255,.4)}
#industry div a:hover .line{background:#EEE;height:6px}
#m1 .pager{width:1300px;height:100%;position:absolute;left:0;top:0;left:-90px}
#m1 .pager .prev{width:50px;height:50px;position:absolute;display:block;background:url(../images/btn_prev.png) no-repeat center top;left:0;top:320px;transition:all ease .3s}
#m1 .pager .next{width:50px;height:50px;position:absolute;display:block;background:url(../images/btn_next.png) no-repeat center top;right:0;top:320px;transition:all ease .3s}
#m1 .pager .prev:hover,#m1 .pager .next:hover{background-position:center bottom}
#m2{width:100%;height:595px;padding-top:65px;background:url(../images/m2_bg.jpg) no-repeat center center;margin-top:15px}
#m2_wrap{width:1120px;height:350px;position:relative;margin:65px auto 0 auto}
#m2_L{width:730px;float:left}
#m2_R{width:318px;float:right}
#m2_L a{display:block;width:100%;height:130px;margin-bottom:40px}
#m2_L a .img{width:200px;height:130px;position:relative;float:left;border-radius:5px}
#m2_L a .img .img{width:200px;height:130px}
#m2_L a .img span{display:block;width:100%;position:absolute;z-index:1;left:0;top:50%;height:0;background:rgba(0,0,0,0);transition:all ease .35s}
#m2_L a .img .zoom{position:absolute;z-index:2;left:50%;top:50%;margin:-24px 0 0 -24px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all ease .35s}
#m2_L a .con{width:510px;height:129px;border-bottom:1px solid #e6e6e6;float:right}
#m2_L a .tit{display:block;font-size:14px;transition:all ease .35s}
#m2_L a .time{display:block;color:#999;padding:12px 0 12px 0;background:url(../images/icon_clock.png) no-repeat 76px center}
#m2_L a .txt{display:block;color:#888;line-height:180%}
#m2_L a:hover .img span{height:100%;top:0;background:rgba(0,0,0,.5);border-radius:5px}
#m2_L a:hover .img .zoom{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;transform:rotateX(360deg);-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg)}
#m2_L a:hover .tit{color:#ec0000}
#m2_R a{display:block;width:318px;height:306px;position:relative}
#m2_R a img{width:100%;height:100%;transition:all ease .35s;position:absolute;right:0;top:0}
#m2_R a:hover img{width:300px;height:288px;top:10px}
#m2_more{display:block;width:276px;height:30px;margin:auto;background:url(../images/tit_line.png) no-repeat center center}
#m2_more span{display:block;width:100px;height:28px;border:1px solid #e6e6e6;margin:auto;line-height:28px;text-align:center;border-radius:20px;color:#888;transition:all ease .35s}
#m2_more:hover span{background:#FFF;color:#ec0000;border:1px solid #CCC;box-shadow:0 2px 5px rgba(0,0,0,.06)}
#m3{width:1184px;height:520px;padding-top:70px;margin:auto}
#application{width:100%;height:200px;margin-top:55px;overflow:hidden}
#application div{width:1120px;padding-left:32px;padding-bottom:32px}
#application div .con{width:306px;float:left}
#application div .con .tit{display:block;color:#d02126;font-size:16px;padding-top:5px}
#application div .con .txt{display:block;color:#999;line-height:200%;padding-top:18px}
#application div .con .more{width:120px;height:33px;display:block;background:#d02126;color:#FFF;text-align:center;line-height:32px;margin-top:25px;transition:all ease .35s;border-radius:5px}
#application div .img{width:740px;height:200px;float:right;text-align:right}
#application div .img img{width:740px;height:200px;border-radius:5px}
#application div .con .more:hover{background:#ec0000}
#app_pager{text-align:center;margin-top:56px}
#app_pager a{width:60px;height:5px;display:inline-block;background:#DDD;margin:0 10px;font-size:0;transition:all ease .35s}
#app_pager a:hover,#am_pager a:active{background:#CCC}
#app_pager a.activeSlide{background:#d02126}
#foot{width:100%;height:320px;padding-top:20px;background:#d02126;position:relative}
#foot .link{color: #fff}
#foot .link:hover{text-decoration: underline;}
 
#btm{width:100%;height:50px;background:rgba(0,0,0,.3);position:absolute;left:0;bottom:0;line-height:50px}
#btm_L{width:600px;float:left;color:rgba(255,255,255,.46)}
#btm_L a{color:rgba(255,255,255,.46);transition:all ease .35s}
#btm_L a:hover{color:#fc0}
#btm_R{width:300px;float:right;text-align:right}
#btm_R a{color:rgba(255,255,255,.46);transition:all ease .35s}
#btm_R a:hover{color:#FFF}
#foot_wrap{width:1120px;height:220px;background:url(../images/foot_split.png) no-repeat center top;margin:0 auto 0 auto}
#foot_L{width:256px;float:left}
#foot .tit{font-size:16px;color:#FFF}
#foot .tit span{color:#fff}
#foot_tel{font-size:22px;font-family:'Eshion_elegant_En',Arial;color:#fff;margin-top:22px;border-bottom: 1px #fff solid}
#foot_tel span{font-size:12px;color:rgba(255,255,255,.4);display:inline-block;padding-left:12px}
#foot_L .line{color:#FFF}
#foot_L .line span{font-size:12px;color:rgba(255,255,255,.4);display:inline-block;padding-left:8px}
#foot_L .more{display:block;width:78px;height:26px;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.3);text-align:center;line-height:26px;border-radius:3px;margin-top:22px;transition:all ease .35s;border-radius:5px}
#foot_L .more:hover{border:1px solid rgba(255,255,255,.6);color:rgba(255,255,255,1)}
#foot_C{width:300px;float:left;margin-left:135px}
#foot_C .tit{margin-left:-10px}
#foot_C div{margin-top:28px}
#foot_C div p{width:130px;float:left;margin-left:40px}
#foot_C div p:first-child{margin-left:0}
#foot_C div p span{text-align:center;display:block;padding-top:13px;color:#FFF}
#foot_R{width:295px;float:right}
#foot_R .tit{cursor:pointer}
#footNav div{padding-top:12px;height: 24px;display: flex;flex-wrap: wrap;}
#foot_R div a{color:#FFF;/* float:left; *//* margin-left:13px; */margin-right: 13px;transition:all ease .35s;}
#foot_R div a:first-child{margin-left:0}
#foot_R div a:hover{text-decoration:underline}
#footNav{display:none}
.banner{height:440px;position:relative;z-index:1}
.banner a{display:block;position:absolute;width:50px;height:50px;left:50%;margin-left:-25px;bottom:36px;background:url(../images/btn_down.png) no-repeat center center;transition:all .18s}
.banner a:hover{background:url(../images/btn_down.png) no-repeat center 7px}
#main{width:1120px;margin:60px auto 80px auto;min-height:360px}
#main:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
#nav{width:100%;height:52px;background:#EEE;text-align:center}
#nav a{display:inline-block;height:52px;line-height:50px;padding:0 30px;font-size:14px;color:#555;transition:all ease .45s}
#nav a:hover{color:#d02126;background:#DDD;}
#nav a.A{background:url(../images/nav_A.png) no-repeat center bottom;color:#FFF;    border-radius: 5px;}
 
.text{line-height:200%;font-size:13px}
.text p,.text div{margin-bottom:20px}
.text img{max-width:100%;margin:20px 0}
#pager{padding-bottom:20px;text-align:center;font-size:13px!important}
.pagebtn{padding:7px 25px!important}
.trunpage{padding:7px 15px!important}
#cer_list{width:1180px}
#cer_list li{width:242px;height:220px;float:left;margin-right:50px;overflow:hidden;position:relative}
#cer_list li.clear{float:none;width:100%;clear:both;height:50px;font-size:0;padding:0;margin:0}
#cer_list li a{display:block;border:1px solid #e6e6e6;width:240px;height:218px}
#cer_list li a .img{width:220px;height:150px;margin:10px}
#cer_list li a .img img{width:220px;height:150px}
#cer_list li a .tit{width:220px;height:42px;position:absolute;left:10px;bottom:10px;text-align:center;background:#EEE;z-index:2}
#cer_list li a .tit .txt{display:block;font-size:13px;width:220px;height:40px;padding-bottom:2px;display:box;display:-webkit-box;display:-moz-box;-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;position:absolute;left:0;top:0;z-index:2;transition:all ease .35s}
#cer_list li a .tit .block{position:absolute;left:50%;top:50%;z-index:1;background:#ec0000;width:0;height:0;transition:all ease .35s}
#cer_list li a:hover .block,#cer_list li a:active .block{width:100%;height:100%;left:0;top:0}
#cer_list li a:hover .txt,#cer_list li a:active .txt{color:#FFF}
#cer_list li a .zoom{position:absolute;width:240px;height:0;background:rgba(0,0,0,0.4);left:1px;bottom:1px;text-align:center;line-height:320px;transition:all ease .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
#cer_list li a:hover .zoom,#cer_list li a:active .zoom{bottom:1px;height:288px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cultrue_tit{display:inline-block;background:#d02126;padding:12px 56px 14px 56px;color:#FFF;border-radius:30px;font-size:16px}
.culture_circle{width:120px;height:120px;border:1px solid #cee9ff;border-radius:50%;display:inline-block;font-size:20px;text-align:center;line-height:120px;color:#d02126;margin:0 50px;background:#f4faff}
#show_list{width:1180px}
#show_list li{width:340px;height:280px;float:left;margin-right:50px;overflow:hidden;position:relative}
#show_list li.clear{float:none;width:100%;clear:both;height:50px;font-size:0;padding:0;margin:0}
#show_list li a{display:block;border:1px solid #e6e6e6;width:338px;height:278px}
#show_list li a .img{width:318px;height:210px;margin:10px}
#show_list li a .img img{width:318px;height:210px}
#show_list li a .tit{width:319px;height:42px;position:absolute;left:10px;bottom:10px;text-align:center;background:#EEE;z-index:2}
#show_list li a .tit .txt{display:block;font-size:13px;width:318px;height:40px;padding-bottom:2px;display:box;display:-webkit-box;display:-moz-box;-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;position:absolute;left:0;top:0;z-index:2;transition:all ease .35s}
#show_list li a .tit .block{position:absolute;left:50%;top:50%;z-index:1;background:#ec0000;width:0;height:0;transition:all ease .35s}
#show_list li a:hover .block,#cer_list li a:active .block{width:100%;height:100%;left:0;top:0}
#show_list li a:hover .txt,#cer_list li a:active .txt{color:#FFF}
#show_list li a .zoom{position:absolute;width:340px;height:0;background:rgba(0,0,0,0.4);left:1px;bottom:1px;text-align:center;line-height:320px;transition:all ease .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
#show_list li a:hover .zoom,#cer_list li a:active .zoom{bottom:1px;height:318px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
#product{width:1180px}
#product li{width:340px;height:415px;float:left;margin-right:50px;overflow:hidden;position:relative}
#product li.clear{float:none;width:100%;clear:both;height:50px;font-size:0;padding:0;margin:0}
#product li>div>a{display:block;border:1px solid #e6e6e6;width:338px;height:413px}
#product li>div>a img{width:310px;height:316px;background:#EEE;margin:15px auto;display:block}
#product li>div>a span{display:block;font-size:16px;color:#d02126;padding:0 15px}
#product li>div>a p{font-size:13px;color:#BBB;padding:6px 15px 0 15px}
#product li>div>div{position:absolute;width:100%;height:100%;background:#FFF;left:0;top:-415px;transition:all ease .45s}
#product li>div>div div{padding:50px 33px}
#product li>div>div div a{color:rgba(255,255,255,.7);display:block;font-size:13px;padding:4px 0 5px 12px;background:url(../images/arr_1.png) no-repeat left 12px}
#product li>div>div div a:hover{color:#FFF;text-decoration:underline;background-position:left -34px}
#product li>div>p{position:absolute;left:0;bottom:-58px;text-align:center;width:100%;transition:all ease .35s}
#product li>div>p a{display:block;background:#e6e6e6;padding:20px 0 22px 0;font-size:14px;color:#FFF;transition:all ease .4s;text-shadow:1px 1px 0 rgba(0,0,0,0.1);transition:all ease .35s}
#product li>div:hover>div{height:100%;background:#d02126;top:0}
#product li>div:hover>p{bottom:0}
#product li>div:hover>p a{background:#FC0}
#product li>div>p a:hover{background:#ec0000;color:#FFF}
#prolist_nav{width:270px;float:left;border-right:1px solid #e6e6e6;padding-right:20px;margin-left:-10px}
.prolist_side li a.A{color:#ec0000!important}
.prolist_side_son li a.A{color:#ec0000!important}
.prolist_side_son li a:hover,.prolist_side_son li a:active{border-left:1px solid #ec0000!important}
#proList{width:840px}
#proList li{float:left;width:232px;margin-right:45px}
#proList li.clear{float:none;clear:both;height:45px}
#proList li a{display:block;width:200px;padding:15px;margin:auto;border:1px solid #e6e6e6;border-top:4px solid #e6e6e6;transition:all ease .3s}
#proList li a img{display:block;width:200px;height:200px}
#proList li a span{display:block;font-size:12px;border-top:1px solid #EEE;padding-top:10px;transition:all .25s;min-height:36px}
#proList li a:hover,#proList li a:active{border:1px solid #CCC;border-top:4px solid #d90000;box-shadow:3px 3px 12px rgba(0,0,0,0.1)}
#proList li a:hover span,#proList li a:active span{padding-left:10px}
#pp_info_l{width:300px;float:left;text-align:center}
#pp_info_r{width:450px;height:376px;float:right;position:relative}
#pro_tit{font-size:26px;color:#333;padding-bottom:20px;line-height:30px}
#pro_cls{background:#EEE;padding:12px 20px 14px 20px;color:#AAA}
#pro_cls img{margin:-2px 7px 0 0}
#pro_cls a{color:#ec0000}
#pro_cls a:hover,#pro_cls a:active{text-decoration:underline}
#pro_do{margin-top:35px;padding-left:20px}
#pro_do p{margin-top:15px}
#pro_do p img{margin:-2px 7px 0 0}
#pro_pdf{border:1px solid #e6e6e6;padding:0 20px 0 45px;height:58px;line-height:56px;margin-top:80px;border-radius:3px;overflow:hidden;background:url(../images/icon_pdf.png) no-repeat 20px 19px;position:absolute;left:0;bottom:0;width:383px}
#pro_pdf strong{color:#333;display:inline-block;padding-right:8px}
#pro_pdf a{color:#23bfe9;font-size:12px;font-style:italic}
#pro_pdf a:hover,#pro_pdf a:active{text-decoration:underline}
#tagCons{overflow:hidden}
#tagCons:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
#tags_title a{padding:6px 20px 7px 20px!important;background:#EEE!important;border:1px solid #EEE!important;transition:all .3s ease}
#tags_title a:hover,#tags_title a:active{background:#DDD!important;border:1px solid #DDD!important;color:#666!important}
#tags_title a.A{background:#d02126!important;border:1px solid #d02126!important;color:#FFF!important}
#tags_title{border-bottom:1px solid #EEE!important}
#tagCons img{max-width:100%!important}
#tags_content{padding-top:10px}
#pro_btm{padding-bottom:10px;padding-top:20px;margin-top:35px;border-top:1px dashed #DDD}
#pro_btm ul{display:block;font-size:0;width:760px;height:65px;overflow:hidden}
#pro_btm ul li{height:65px;width:370px;float:left;margin-left:20px;overflow:hidden}
#pro_btm ul li:first-child{margin-left:0}
#pro_btm ul li a{display:block;transition:all .3s ease;font-size:12px!important}
#pro_btm ul li a img{vertical-align:middle;border:1px solid #e6e6e6;margin-right:10px;display:inline-block;width:48px;height:48px}
#pro_btm ul li a .span{vertical-align:middle;display:inline-block;width:300px}
#news li{clear:both;margin-bottom:40px;height:160px}
#news li a{display:block;width:100%;height:100%}
#news li a p.img{width:220px;height:160px;float:left;overflow:hidden;position:relative;border-radius:0 0 0 10px;background:url(../images/news_img_bg.png) no-repeat center center}
#news li a p.img .img{width:100%;height:100%;position:relative;z-index:1;border-radius:0 0 0 10px}
#news li a p.img .bg{position:absolute;right:-220px;top:0;width:100%;height:100%;display:block;background:rgba(0,0,0,0.4);z-index:2;border-radius:0 0 0 10px;transition:all ease .35s}
#news li a p.img .zoom{position:absolute;left:50%;top:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px;z-index:3;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
#news li a .date{width:100px;height:160px;float:left;background:#EEE;margin-left:1px;transition:all .35s}
#news li a .date .day{display:block;padding:32px 0 0 0;text-align:center;color:#333;font-size:43px;transition:all .5s;font-family:'Eshion_elegant_En'}
#news li a .date .ym{display:block;text-align:center;padding:28px 0 0 0;color:#999;font-size:13px;transition:all .5s;font-family:'Eshion_elegant_En'}
#news li a .con{width:760px;height:159px;float:right;border-bottom:1px solid #e6e6e6;position:relative}
#news li a .tit{display:block;font-size:16px;color:#333;padding:10px 0 20px 0;transition:all .35s}
#news li a .txt{display:block;font-size:13px;line-height:180%;color:#999}
#news li a .click{font-size:12px;display:block;padding-top:20px;color:#BBB}
#news li a .click img{margin:-2px 0 0 8px}
#news li a:hover .date,#news li a:active .date{background:#d82633}
#news li a:hover .date .day,#news li a:active .date .day{color:#FFF}
#news li a:hover .date .ym,#news li a:active .date .ym{color:#FFF}
#news li a:hover .tit,#news li a:active .tit{color:#d82633}
#news li a:hover p.img .bg,#news li a:active p.img .bg{right:0}
#news li a:hover p.img .zoom,#news li a:active p.img .zoom{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg)}
#newsback{display:inline-block;background:#FFF;padding:10px 20px;font-size:13px;float:right;margin:2px;border-radius:5px;transition:all ease .35s}
#newsback:hover,#newsback:active{color:#d82633;box-shadow:5px 5px 10px rgba(0,0,0,0.08)}
#newspaper{width:1200px}
#newspaper li{width:535px;float:left;height:180px;margin-right:46px;border:1px solid #e6e6e6}
#newspaper li.clear{clear:both;float:none;height:46px;font-size:0;width:100%;border:0 none}
#newspaper li .list{padding:20px}
#newspaper li .list .img{width:105px;height:140px;float:left}
#newspaper li .list .img img{width:100%;height:100%;border:0 none;outline:0;background:#EEE}
#newspaper li .list .con{width:370px;float:right;margin-right:5px}
#newspaper li .list .con .tit{font-size:16px;color:#d02126;padding-bottom:12px}
#newspaper li .list .con .son{border-top:1px dashed #e6e6e6;padding-top:15px}
#newspaper li .list .con .son a{display:block;width:160px;padding-left:12px;font-size:13px;float:left;height:30px;line-height:29px;background:url(../images/icon_arr.png) no-repeat left 12px}
#newspaper li .list .con .son a:hover{background-position:left -33px;text-decoration:underline}
#np_con{text-align:center;margin-top:40px}
#np_con img{max-width:100%}
#np_menu{display:inline-block;border:1px solid #e6e6e6;height:40px;background:#FFF;position:relative}
#np_menu a{display:inline-block;height:40px;line-height:39px;font-size:13px;padding:0 35px;color:#333;position:relative;z-index:1}
#np_menu_bg{position:absolute;left:0;top:0;width:0;height:100%;background:#e6e6e6}
#video_list{width:350px;float:right}
#video_list a{display:block;padding:10px 15px 12px 15px;border:1px solid #e6e6e6;color:#888;transition:all .35s ease;font-size:13px;margin-bottom:16px;border-radius:0 30px 30px 0}
#video_list a img{margin-top:-3px;margin-right:10px}
#video_list a:hover,#video_list a:active{background:#e6e6e6;color:#d02126}
#video_con{width:720px;height:520px;float:left;background:url(../images/video_bg.png) no-repeat center center;background-color:#000}
.ncity{display:inline-block;border:1px solid #e6e6e6;padding:5px 20px 6px 20px;font-size:13px;margin:5px 0 5px 5px;background:url(../images/ncity_bg.png) repeat-x left bottom;transition:all ease .35s}
.ncity:hover{background:#e6e6e6;color:#ec0000}
#tech{width:1200px}
#tech li{width:535px;float:left;height:227px;margin-right:46px;border:1px solid #e6e6e6;transition:all .35s ease}
#tech li.clear{clear:both;float:none;height:46px;font-size:0;width:100%;border:0 none!important;background:none!important}
#tech li .list{padding:20px;position:relative}
#tech li .list .tit{font-size:16px;color:#d02126;padding-bottom:12px;display:block;transition:all .25s ease;width:400px}
#tech li .list .son{border-top:1px dashed #e6e6e6;padding-top:13px}
#tech li .list .son a{display:block;padding-left:12px;font-size:13px;height:28px;line-height:27px;background:url(../images/icon_arr.png) no-repeat left 12px}
#tech li .list .son a:hover{background-position:left -33px;text-decoration:underline}
#tech li:hover{background:#f2f4fb;border:1px solid #dadff3}
#tech li .list .tit:hover{color:#ec0000}
#tech li .list .more{display:block;width:23px;height:23px;background:url(../images/arr_plus.png) no-repeat center center;position:absolute;right:20px;top:18px;transition:all .3s ease}
#tech li .list .more:hover{background:url(../images/arr_plusA.png) no-repeat center center}
#techlist{margin-top:20px;border-top:1px solid #e6e6e6;padding-top:36px}
#techlist li{display:block;height:120px;clear:both;margin-bottom:30px}
#techlist li a{display:block;width:100%;height:100%}
#techlist li a .time{width:100px;height:110px;float:left;background:#EEE;transition:all .3s ease}
#techlist li a .time .day{font-size:46px;display:block;text-align:center;padding-top:12px;font-family:"Trebuchet MS",Arial;transition:all .3s ease}
#techlist li a .time .date{color:#999;display:block;text-align:center;transition:all .3s ease;padding-top:3px}
#techlist li a .con{width:995px;float:right}
#techlist li a .con .tit{font-size:16px;display:block;padding-top:10px;transition:all .3s ease;color:#d02126}
#techlist li a .con .cons{color:#999;display:block;line-height:200%;padding-top:18px}
#techlist li a:hover .time{background:#d02126}
#techlist li a:hover .day,#techlist li a:hover .date{color:#FFF}
#techlist li a:hover .tit{color:#ec0000}
.downlist li{display:block;height:120px;clear:both;margin-bottom:30px}
.downlist li a{display:block;width:100%;height:100%}
.downlist li a .time{width:100px;height:110px;float:left;background:#EEE;transition:all .3s ease}
.downlist li a .time .day{font-size:46px;display:block;text-align:center;padding-top:12px;font-family:"Trebuchet MS",Arial;transition:all .3s ease}
.downlist li a .time .date{color:#999;display:block;text-align:center;transition:all .3s ease;padding-top:3px}
.downlist li a .con{width:995px;float:right}
.downlist li a .con .tit{font-size:16px;display:block;padding-top:10px;transition:all .3s ease;color:#d02126}
.downlist li a .con .count{color:#BBB;display:block;padding-top:18px;font-size:13px;font-style:italic}
.downlist li a .con .cons{color:#999;display:block;line-height:200%;padding-top:6px}
.downlist li a:hover .time{background:#d02126}
.downlist li a:hover .day,.downlist li a:hover .date{color:#FFF}
.downlist li a:hover .tit{color:#ec0000}
#files{padding:20px;background:#EEE;margin-top:30px}
#job_tit{background:#d02126;color:#FFF;font-weight:bold;font-size:14px;height:40px;line-height:40px;margin-top:20px}
.job1{display:inline-block;padding-left:20px;float:left;width:330px}
.job2{float:left;width:110px;text-align:center}
.job3{float:left;width:160px;text-align:center}
.job4{float:left;width:125px;text-align:center}
.job_list{display:block;height:40px;line-height:40px;border-bottom:1px dotted #CCC;transition:all ease .4s}
.job_list:hover,.jog_list:active{background:#EEE}
#back{background:#EEE;text-align:center;padding:5px 0;cursor:pointer}
#back svg{width:50px;height:50px;fill:#666;display:inline-block;vertical-align:middle;transition:all ease .35s}
#back span{display:inline-block;overflow:hidden;width:0;vertical-align:middle;white-space:nowrap;transition:all ease .35s}
#back:hover span{width:52px;color:#d90000;font-size:13px}
#back:hover svg{fill:#d90000}
#float{width:60px;position:fixed;right:1px;bottom:150px;z-index:999}
#f1{width:100%;height:100px;background:#c00;display:block;transition:all .25s}
#f1:hover,#f1.A{background:#d02126}
#f2{width:58px;height:0;overflow:hidden;display:block;background:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;transition:all .25s}
#f2:hover{background:#ddd}
#onlineS{width:118px;padding:15px;height:200px;position:absolute;left:-166px;top:0;background:#fff;display:none;border:1px solid #ddd;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
#onlineS h2{display:block;color:#333;font-size:18px;padding:0 0 10px 0;border-bottom:1px solid #e6e6e6;margin:0}
#onlineS div{font-size:15px;padding:10px 0 5px 0}
#onlineS div a{color:#d02126}
#onlineS div a:hover{color:#d90000!important}
#onlineS div img{margin:-3px 7px 0 0}
#onlineS p{border-bottom:1px dashed #e6e6e6;padding-bottom:10px;font-size:13px}
#onlineS p:last-child{border-bottom:0 none;padding-bottom:0}
#footArr{position:absolute;right:-7px;top:42px}


 
.fl{float:left}
.fr{float:right}
.mp10{margin-top: 15px!important}
  .index{width:980px;height: auto; background-color:#ffffff;margin: 0 auto}
.index_left{width:225px;margin:0px 0 15px 0;float:left;}
 .index .index_zj{width:480px;margin:12px 0 15px 24px;float:left;}
 .index .index_right{width:225px;margin:12px 0 15px 26px;float:left;}
 .gongyong_in{width:225px;}
 .gongyong_in .gy_top{width:225px;height:40px;background: #d02126;text-align:left;color: #FFF;text-indent:40px;line-height:40px;font-size: 14px;border-radius: 5px 5px 0 0;}
 .gongyong_in .gy_con{width:223px;border:#d02126 1px solid;border-top: none;border-radius: 0 0 5px 5px;}
 .chan{width: 195px;margin-left: 15px;margin-bottom: 15px}
.chan li{width: 195px;border-bottom: #d9d9db 1px solid;height: 45px;line-height: 45px;background: url(san.png) 13px 15px no-repeat;text-indent: 30px}
 .gywm{width: 195px;margin-left: 15px;margin-bottom: 15px}
 .gywm p{line-height:25px}
.active{color: #F63}
.sub_main{margin-top: 15px}
.sub_main .sub_mian_left{width:230px; }
.sub_main .sub_mian_left .sider_bar dt{background:#f05b17;color:#fff;font-size:18px; height:40px; line-height:40px;text-align:center;font-weight:normal;}
.sub_main .sub_mian_left .sider_bar dd{width: 230px;height: 40px;line-height:30px;}
.sub_main .sub_mian_left .sider_bar dd a{display:block;padding:5px 0;text-align:center;background:#F5F5F5;border-bottom:1px solid #eee;outline:none;font-size:14px;color:#666;}
.sub_main .sub_mian_left .sider_bar dd a:hover{background:#D24608;color:#fff;font-weight:bold;}
.sub_main .sub_mian_left .sider_bar dd a.active{background:#D24608;color:#fff;font-weight:bold;}

.sub_main .sub_main_right{width:885px;margin-left:10px;/*border:1px solid #ccc;*/ background:#FFF}
.sub_main .local{float:none;width:885px;height:40px;line-height:38px;background:#d02126;color:#fff;text-indent:35px;border-radius: 5px 5px;}
.sub_main .local h2{font-size:18px;color:#fff;float:left;font-weight: normal;line-height: 10px;}
.sub_main .position {float: right;padding-right: 10px;color: #fff;}
.sub_main .position a{color: #fff;}
.sub_main .main_info_content{ padding:10px;font-size: 14px;line-height: 32px;}

/**/
 
.rec_pro .pro_listcp{margin:5px 0 20px 0;}
.rec_pro .pro_listcp li{width:200px; text-align:center;float:left;margin: 10px 10px 0 10px;}
.rec_pro .pro_listcp li .pro_pic{text-align:center;}
.rec_pro .pro_listcp li .pro_pic img{width:200px; height:200px; display:block;  padding:5px; border:1px solid #F1F1F1;}
.rec_pro .pro_listcp li .pro_pic a:hover img{ border-color:#d02126;  }
.rec_pro .pro_listcp li .desc{line-height:40px;color:rgb(102,102,102);height:40px;overflow:hidden; text-align:center}
/**/
.list_page{padding:20px;text-align:center;}
.list_page a { background:#d02126;margin: 0px 1px;padding: 5px 10px;color: #fff;}
.list_page a:hover{ background-color:#fc0; color:#fff; }

/**/
 
.sub_main .sub_main_right .news_list li{padding:25px;border-bottom:1px dashed #eeeeee;}
.sub_main .sub_main_right .news_list li:last-child{border-bottom: medium none;}
.sub_main .sub_main_right .news_list .pic{width:180px;height:102px;float:left;margin-right:20px;overflow:hidden;}
.sub_main .sub_main_right .news_list .pic img{width:180px;height:102px;transition: all 0.6s;  }
.sub_main .sub_main_right .news_list li h2 a{font-size:1.4em;padding:8px 0;display:inline-block;color:#444;outline:none;font-weight:normal;font-size: 16px;}
.sub_main .sub_main_right .news_list li p{line-height:22px;color:#999999;height:75px; position:relative;font-size: 14px;word-break:break-all;}
.sub_main .sub_main_right .news_list li p span{float:right; position:absolute;bottom:10px;right:0px;}
.sub_main .sub_main_right .news_list li a{color:#666666;}
.sub_main .sub_main_right .news_list li:hover  h2 a{color:#ec0000;}
/*.sub_main .sub_main_right .news_list li:hover img{transform: scale(1.2);  }  */

/**/
.sub_main .info_title_box{width:100%;padding:31px 0;}
.sub_main  .info_title_box h1 {color: #8C8C8C;font-size: 1.9em;line-height: 35px;font-weight: normal;text-align:center}
.sub_main .info_other {margin: 15px 0;color: #8C8C8C;font-size: 1em;text-align: center;}
.sub_main .info_details {margin: 0 auto;color: #535353;padding: 0 0 10px 0;}
.sub_main .info_details img {width: 100%!important} 
 /**/
.clear{clear:both;font-size:0;height:0;line-height:0;overflow:hidden}
.thumbnail{width:352px; height:auto;overflow:hidden;float:left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width:352px;height:352px;}
.jqzoom img{ /*width:100%;*/padding: 2px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;border-radius: 5px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:350px;height:354px;border:1px solid #DFDFDF;border-radius: 5px;}
.jqzoom img{max-width:350px;max-height:340px;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;border-radius: 5px;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;border-radius: 5px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.introduction{float:left;height:410px;margin-left:30px;width:700px;}
.introduction .int_text{margin-top:20px; overflow:hidden;color:#535353;}
.introduction .int_text p{font-size:1.2em;margin:15px 0;}
.introduction .info_clicks {margin: 15px 0;color: #8C8C8C;font-size: 1em;text-align: center;}
.am-tabs{border-bottom:#d1d1c7 1px solid;margin-top:20px;height: 30px;}
.am-tabs p{font-size: 14px;border-bottom:#d02126 5px solid;width:80px;text-align:center; line-height:28px}
.am-tabs-bd{padding: 10px 10px 15px;}
.am-tabs-bd img {width: 100%!important} 
#myMap_Contact {margin: 5px;width: 910px;height: 540px;border: 1px solid #BFD5A9; }
.btn{ padding:10px 15px}


#industry2{width:100%;position:relative;overflow:hidden}

#industry2 div a{display:block;width:340px;height:350px;margin:10px 10px;position:relative;float:left;z-index:1}
#industry2 div a .tit{width:100%;height:50px;position:absolute;z-index:1;background:#d02126;color:#FFF;font-size:14px;text-align:center;line-height:48px;transition:all ease .35s;border-radius:5px}
#industry2 div a .img{width:230px;position:absolute;z-index:2;background:#CCC;left:50%;top:75px;margin-left:-115px;transition:all ease .35s}
#industry2 div a .img img{width:100%;height:100%;border-radius:5px}
#industry2 div a .txt{color:#888;padding:0 15px;position:absolute;z-index:2;left:0;top:250px;text-align:center;line-height:180%;transition:all ease .35s .15s}
#industry2 div a .more{color:#999;width:110px;height:28px;display:block;position:absolute;z-index:2;left:50%;margin-left:-55px;top:315px;border:1px solid #e6e6e6;text-align:center;line-height:27px;border-radius:20px;transition:all ease .35s .15s}
#industry2 div a .line{font-size:0;width:100%;height:3px;position:absolute;z-index:2;left:0;bottom:0;background:#EEE;transition:all .1s}
#industry2 div a:hover .tit{height:350px;line-height:96px;color:#fff}
#industry2 div a:hover .img{background:rgba(255,255,255,.2);transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}
#industry2 div a:hover .txt{color:rgba(255,255,255,.6)}
#industry2 div a:hover .more{border:1px solid rgba(255,255,255,.4);color:rgba(255,255,255,.4)}
#industry2 div a:hover .line{background:#EEE;height:6px}