body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#343434; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
/* head */
.top{ background:#f6f6f6; height:35px; line-height:35px; border-bottom:1px solid #dedede;font-size:14px;}
.box{ width:1160px; margin:0 auto;}
.wel{ float:left; color:#111111;  margin-left:12px;}
.wel span{ color:#b61314;}
.top_call{ float:right;color:#b61314; background:url(../images/call.png) left center no-repeat; padding-left:22px; }
.language{ float:right;}
.language a{color:#111111;}
.language a:hover{color:#b61314;}
h1{ margin:22px 0 15px 12px; float:left;}
.search{ float:right; margin:29px 48px 0 0; height:42px;}
.search_txt{ width:422px; height:40px; line-height:40px; border:1px solid #b5b2b2; color:#111111; font-size:14px; padding-left:13px; float:left; border-right:0;}
.search_sub{ width:46px; float:left; height:42px; background:#b61314 url(../images/search.png) center center no-repeat; border:none;}
.head_bottom{ height:41px;}
.head_bottom li{ float:left; position:relative; height:47px; padding:0;}
.head_bottom li a{ font-size:16px; display:block; width:120px; background:url(../images/menu.png) right center no-repeat; text-align:center; margin-right:10px; height:30px; line-height:30px; padding:0;}
.head_bottom li a:hover{ color:#b61314;}
.head_bottom li .subnav{width:234px; position:absolute; left:0; top:47px; z-index:9999999; background:#fff;  color:#111111; text-indent:18px; margin-left:0px; padding:20px 0; display:none;    }
.head_bottom li .subnav li{ float:none; position:static}
.head_bottom li .subnav a{ height:30px; line-height:30px; text-align:center; overflow:hidden; color:#111111; width:100%; font-size:14px; background:url(../images/navbj.png) 210px center no-repeat; text-align:left;}
.head_bottom li .subnav a:hover{ color:#cb291f;background:url(../images/navbj1.png) 210px center no-repeat;}
.head_bottom li .subnav .subnav_top{ background:#fff; width:200px; position:absolute; top:0; left:233px; padding:20px 0; display:none; text-align:left;height:460px;  }
.head_bottom li .subnav .subnav_top a{ height:35px; line-height:35px; text-align:center; text-indent:0; overflow:hidden; text-indent:20px; text-align:left; }
.head_bottom li .subnav .subnav_top a.up{ color:#c92117;text-align:left; text-indent:20px;}




/* foot */
.foot{ background:#fcfcfc url(../images/foot.png) center bottom no-repeat; border-top:1px solid #edeaea; height:470px; clear:both;}
.foot_top{ height:324px; overflow:hidden;}
.foot_nav span{ display:block; height:50px; line-height:50px; color:#343434; font-size:14px;}
.foot_nav a{ height:25px; line-height:25px; color:#8a8a8a; display:block; overflow:hidden; font-size:13px;}
.foot_nav a:hover{ color:#b61314;}
.foot_title{ width:884px; float:left;}
.foot_nav{ float:left; padding-top:35px; width:15%;}
.foot_pro{ width:40%;}
.foot_pro a{ display:block; float:left; width:50%;}
.foot_call{ float:right; width:275px;}
.what{ text-align:center; margin-bottom:78px;}
.what a{ background:url(../images/w1.png) left top no-repeat; width:40px; height:40px; display:inline-block; margin:0 10px;}


.what a.wb{ background:url(../images/w2.png) left top no-repeat;}
.what a.sj{ background:url(../images/w3.png) left top no-repeat;}

.what a:hover{ background:url(../images/w11.png) left top no-repeat;}
.what a.wb:hover{ background:url(../images/w22.png) left top no-repeat;}
.what a.sj:hover{ background:url(../images/w33.png) left top no-repeat;}
.what a.youku,.what a.youku:hover{ background:url(../images/yk.png) left top no-repeat;}
.foot_call span{ height:40px; line-height:40px; display:block; color:#333333; font-size:34px; padding-top:57px; font-weight:700;text-align:center;}
.foot_call em{ display:block; color:#020202; height:30px; line-height:30px; font-size:13px; margin-bottom:27px;text-align:center;}
.foot_form select{ width:243px; height:32px; background:#f3f3f3; border:1px solid #cdcdcd; color:#020202; text-indent:16px; margin:0 auto; display:block;}
.foot_bottom{ padding-top:40px;}
.copy_left{ float:left; color:#fff;}
.copy_left a{ color:#fff; margin-left: 8px;}
.copy_right{ float:right; }
.copy_right a{color:#fff;}

/*.warp{ background:url(../images/bobj.jpg) center 110px no-repeat;}*/
.warp_inner{ width:1160px; margin:0 auto;}

/* about */
.catalog{ border:1px solid #dedede; margin:20px 0; height:57px;}
.catalog li{ float:left; margin-left:23px;}
.catalog li a{ display:inline-block; font-size:18px; color:#2f2f2f; height:53px; line-height:53px; border-bottom:4px solid #fff; padding:0 8px;}
.catalog li a:hover,.catalog li a.for{ border-bottom:4px solid #b61314;}
.details{border:1px solid #dedede; margin-bottom:40px; min-height:auto;}
.aritle{ padding:40px 34px 200px; line-height:28px; color:#666; font-size:14px;}

/* news */
.news dl{ padding:33px 50px 33px 35px; border-bottom:1px solid #e0e0e0;}
.news dt{ float:left; margin-right:28px; width:144px; height:122px; overflow:hidden;}
.news dt img{width:144px; height:122px; overflow:hidden;transition:all 0.5s ease 0s;}
.news dt:hover img{opacity:.7;transition:all 0.5s ease 0s;}
.news dd{ float:left; width:886px;}
.news dd .news_tit{ height:23px; line-height:23px; display:block; overflow:hidden; color:#111111; font-size:16px; margin-bottom:13px; transition:all 0.5s ease 0s;}
.news dd .news_tit:hover{ transform:translateX(10px); transition:all 0.5s ease 0s;}
.news_dl{ height:56px; overflow:hidden; margin-bottom:10px;}
.news_dl .news_left{ color:#c0c0c0; line-height:28px; font-size:14px;}
.news_see{ float:right; display:block; width:191px; height:42px; line-height:42px; border:1px solid #dddddd; font-size:14px; color:#515151; text-indent:40px; background:url(../images/see.png) 138px center no-repeat;transition:all 0.5s ease 0s;}
.news_see:hover{background:url(../images/see1.png) 148px center no-repeat; transition:all 0.5s ease 0s; border:1px solid #d7504a; color:#d7504a;}
.news dd span{ height:18px; line-height:18px; display:block; background:url(../images/time.jpg) left center no-repeat; color:#b6b6b6; padding:0px 0 0 26px;}
.news dd .news_tit:hover{color:#d7504a; transition:all 0.5s ease 0s;}
.news{ padding-bottom:10px;}
.news dl.on{ border:none;}

/* pages */
.pages{ text-align:center; padding:10px 0 50px 0;}
.pages a{ display:inline-block; height:39px; width:47px; border:1px solid #d8dce0; border-radius:3px; text-align:center; line-height:39px; color:#333333; font-size:14px; margin:0 10px;transition:all 0.5s ease 0s;}
.pages a.s,.pages a.x{ width:60px;}
.pages a:hover,.pages a.cur{ color:#fff; background:#b61314; transition:all 0.5s ease 0s;}

/* news_info */
.release{ padding:38px 0 20px 0; text-align:center; border-bottom:1px solid #e0e0e0;}
.release h3{ height:50px; line-height:50px; font-weight:normal; font-size:26px; color:#111111;}
.release span{ height:40px; line-height:40px; display:block; color:#b0b0b0;}
.release span em{ margin-left:45px;}
.release span img{ margin-right:10px;}
.news_info{ line-height:28px; color:#666; font-size:14px; padding:30px 80px;}
.share{ text-align:center; padding:40px 0; width:100px; margin:0 auto;}

/* staff */
.staff{ padding:0 0 60px 10px;}
.staff li{ float:left; margin:38px 0 0 27px;width:251px;}
.staff li span{ display:block; width:249px; height:193px; overflow:hidden; border:1px solid #dedede; transition:all 0.5s ease 0s;text-align: center;}
.staff li span img{ overflow:hidden;transition:all 1s ease 0s;max-width: 100%;max-height: 100%;}
.staff li:hover img{ transform:scale(1.2,1.2); transition:all 1s ease 0s;} 
.staff li em{ display:block; height:53px; width:251px; background:#eeeeee; text-align:center; font-size:14px; color:#555555; line-height:53px; transition:all 0.5s ease 0s;}
.staff li:hover em{ background:#d7504a; color:#fff; transition:all 0.5s ease 0s;}
.staff li:hover span{ border:1px solid #d7504a; transition:all 0.5s ease 0s;}

/* join */

.join{ padding:14px 48px 0;}
.join_inner{ padding:42px 0 70px 0; border-bottom:1px solid #eeeeee;}
.join_right{ float:right; margin-right:12px;}
.join_left{ float:left; width:650px;}
.join_left h3{ height:28px; line-height:28px; font-weight:normal; color:#2f2f2f; font-size:24px; margin-bottom:17px;}
.join_left span{ height:34px; line-height:34px; display:block; font-size:14px; color:#666666; overflow:hidden; margin-bottom:15px;}
.join_word { line-height:28px; color:#666666; overflow:hidden; }
.join_see{ float:none; margin-top:26px;}

.tech dl{ float:left; padding:33px 0 0 35px; margin-right:80px;}
.tech dl dt{ width:144px; height:122px;overflow:hidden; float:left; margin-right:20px; background:#fff; transition:all 0.5s ease 0s;}
.tech dt img{width:100%; height:122px; overflow:hidden;transition:all 0.5s ease 0s;}
.tech dt:hover img{ opacity:.7;transition:all 0.5s ease 0s;}
.tech dd{ width:300px; float:left;}
.tech dd .tech_tit{ height:30px; line-height:30px; font-size:16px; color:#2f2f2f; display:block; overflow:hidden;transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.tech dd .tech_tit:hover{ transform:translateX(10px); transition:all 0.5s ease 0s;}
.tech dd .tech_tit:hover{color:#b61314; transition:all 0.5s ease 0s;}
.tech dd span{ display:block; overflow:hidden; height:25px; line-height:25px; color:#b1b1b1; font-size:14px; margin-bottom:4px;}
.tech dd .tech_p{ height:56px; overflow:hidden; line-height:20px; color:#a2a2a2; font-size:14px; margin-bottom:5px;}
.tech dd .tech_see{ width:117px; height:26px; line-height:26px; border:1px solid #d1d1d1; display:block; color:#7e7c7c; border-radius:15px; font-size:14px; text-align:center;transition:all 0.5s ease 0s;}
.tech dd .tech_see:hover{ border:1px solid #b61314; color:#b61314; transition:all 0.5s ease 0s;}
.service { padding-top:20px;}
.service dl{ padding:40px 0 0 60px;}
.service dt{ float:left; margin-right:20px; width:87px; height:87px;}
.service dt img{ width:87px; height:87px; overflow:hidden;}
.service dd{ width:560px; float:left;}
.service dd span{ display:block; height:39px; line-height:39px; font-size:20px; padding-top:8px; color:#2f2f2f;}
.service_word{ line-height:24px; font-size:14px; color:#666;}
.service .two{ padding-left:180px;}
.service .three{ padding-left:340px;}
.service .four{ padding-left:440px;}

.cer{ padding:30px 60px; line-height:28px; font-size:14px; color:#737373; }

/* contact */
.map{ background:url(../images/map.jpg) left top no-repeat; width:729px; height:657px; margin:30px auto 40px; position:relative;}
.address li{ width:50%; box-sizing:border-box; padding-left:10px; float:left; min-height:230px;}
.address li span{ font-size:18px; height:28px; line-height:28px; display:block; overflow:hidden; color:#555555;}
.address li p{ height:28px; line-height:28px; font-size:14px; color:#8e8e8e;}

.beijing{ position:absolute; top:214px; right:-237px; width:437px;}
.beijing span{ background:url(../images/map.png) left top no-repeat; width:14px; height:14px; display:block; float:left; cursor:pointer; }
.map_inner{ width:401px; height:207px; background:#fff; border:1px solid #7aa5c6; padding:14px 0 0 20px; overflow:hidden; float:left; margin:-26px 0 0 20px; display:none; z-index:999999999; position:relative;}
.map_inner p{ height:28px; line-height:28px; font-size:14px; color:#555555;}
.map_inner em{ display:block; height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#555555;}

.gansu{top:293px; left:368px;}
.xinjiang{ top:170px; left:180px;}
.shanxi{top:272px; right:-200px;}
.chengdu{top:379px; left:355px;}
.link{ margin:0px 0 0 -20px;}
.link li{ float:left; margin:20px 0 0 20px; }
.link li em{border:1px solid #dedede; width:272px; height:102px; display:block; overflow:hidden;}
.link li em img{width:272px; height:102px;overflow:hidden;}
.link li span{ height:56px; line-height:56px; display:block; text-align:center; overflow:hidden; font-size:18px; color:#2f2f2f;transition:all 0.5s ease 0s;}
.link li:hover span{ color:#b61314; transition:all 0.5s ease 0s;}
.link_deta{ border:none;}
.link li:hover em{ border:1px solid #d7504a; transition:all 0.5s ease 0s;}

.league{ padding:30px 40px; line-height:28px; color:#666666; font-size:14px;}

.mess_form{ width:358px; margin:70px auto 0;}
.mess_txt{ width:100%; box-sizing:border-box; border:1px solid #e0e0e0; height:45px; line-height:45px; padding-left:10px; color:#a6a6a6; margin-bottom:26px; font-size:14px;}
.mess_form textarea { width:100%;color:#a6a6a6; margin-bottom:26px; font-size:14px; box-sizing:border-box; border:1px solid #e0e0e0; padding:10px 0 0 10px; height:160px; resize:none;  }
.zy_txt{ float:left; width:100px; margin-right:5px;}
.mess_sub{ display:block; cursor:pointer; width:100%; background:#b61314; border:1px solid #b61314; box-sizing:border-box; text-align:center; height:45px; line-height:45px; color:#fff; transition:0.5s ease 0s;font-size:14px; margin-bottom:60px;}
.mess_sub:hover{ background:none; color:#b61314; transition:0.5s ease 0s;}

/* index */
.flex-control-nav { width:100%; text-align:center; bottom:17px; z-index:999999; position:absolute; left:0;}
.flex-control-nav li{margin:0px 5px; cursor:pointer; display:inline-block; *display:block;*zoom:1;}
.flex-control-nav li a {background:url(../images/tab1.png) center center no-repeat; width: 16px; height: 16px;display: block; font-size: 0; }
.flex-control-nav li a.flex-active{ background:url(../images/tab.png) center center no-repeat;}
.flexslider {position: relative; width:100%; overflow: hidden; height:auto; margin:0 auto;}
.slides li img{ width:auto; height:auto; overflow:hidden; max-width:100%;}
.slides li{width:100%; height:auto; overflow:hidden;}
.index_pro{ padding:40px 0 30px 0; }
.index_tit {text-align:center;}
.index_tit span{ display:block; overflow:hidden; height:20px; line-height:20px; color:#7e7c7c; font-size:14px;}
.index_tit h3{ height:33px; line-height:33px; font-weight:normal; font-size:28px; margin-bottom:40px;}
.tem_left {  float:none; margin-left:-20px;}
.tem_left li{ float:left; margin:0 0 20px 20px; position:relative; width:275px; height:182px; overflow:hidden;}
.tem_left li img{width:275px; height:182px; overflow:hidden;transition:all 1s ease 0s;}
.tem_left li a{ display:block;}
.tem_left li:hover img{ transform:scale(1.2,1.2); transition:all 1s ease 0s;}
.pro_hover{ position:absolute; left:0; top:-182px; width:100%; height:100%; background:#b61314; padding:20px 0 0 20px; box-sizing:border-box;transition:all 0.5s ease 0s;}
.pro_hover span{ height:26px; line-height:26px; overflow:hidden; display:block; font-size:24px; color:#fff; text-align:left;}
.pro_hover em{ display:block; overflow:hidden; color:#fff;text-transform:Uppercase; text-align:left;}
.pro_hover i{ background:url(../images/index_see.png) left top no-repeat; width:32px; height:32px; display:block; margin:24px auto 0;}
.tem_left li:hover .pro_hover{ top:0; transition:all 0.5s ease 0s;}
.tem_right{ float:right; display:block; position:relative; width:275px; height:384px; overflow:hidden; display:none;}
.tem_right img{width:275px; height:384px; overflow:hidden; transition:all 1s ease 0s;}
.tem_right .pro_hover{ top:-384px;}
.tem_right:hover .pro_hover{ top:0; transition:all 0.5s ease 0s;}
.tem_right:hover img{ transform:scale(1.2,1.2); transition:all 1s ease 0s;}

.index_bottom{ padding-bottom:30px;}
.index_left{ float:left; width:570px;}
.about_left{ float:left; border-left:1px solid #d55149; height:50px; width:142px; padding-left:20px;text-align:right;}
.about_left span{ height:18px; line-height:18px; display:block; overflow:hidden; color:#898787; }
.about_left em{ display:block; overflow:hidden; font-size:28px; color:#3a3a3a; height:30px; line-height:30px;}
.about_right{ float:right; width:380px; height:50px; line-height:50px; color:#a0a0a0; font-size:14px;}
.about_right a{ color:#a0a0a0; padding:0 5px; transition:all 0.5s ease 0s;}
.about_right a:hover{ color:#b61314; transition:all 0.5s ease 0s;}
.about_tit{ margin-bottom:15px;}
.about_inner img{ width:570px; height:148px; overflow:hidden;}
.about_word{ padding:20px 0; font-size:14px; color:#4f4f4f; text-indent:2em; line-height:25px; height:120px; overflow:hidden;}
.about_see{ display:block; background:#b61314; border:1px solid #b61314; color:#fff; border-radius:20px; text-align:center; line-height:32px; height:32px; width:117px; font-size:14px;transition:all 0.5s ease 0s;}
.about_see:hover{ background:none; color:#b61314;transition:all 0.5s ease 0s;}
.pro_cata{ width:275px; float:left; padding-top:20px;}
.stair li a{ height:52px; line-height:52px; display:block; font-size:18px; color:#343434; border-bottom:1px solid #dddddd; text-indent:16px; background:url(../images/probj.jpg) 248px center no-repeat;}

.pro_data{ float:right; width:865px;padding-top:20px;}
.pro_tit{ height:52px; line-height:52px;}
.current{ float:left; font-size:18px; color:#343434; padding-left:11px;}
.position{ float:right; padding-right:22px; font-size:14px; color:#343434;}
.position a{ color:#343434}
.position a:hover{ color:#d7504a;}
.pro_div dl{ border:1px solid #dedede; margin-top:15px; padding:10px; box-sizing:border-box;}

.pro_div dt{ margin-right:10px; width:214px; height:241px; float:left; overflow:hidden; line-height:241px;}
.pro_div dt img{width:auto; max-width:100%; height:auto; overflow:hidden;  }
.pro_div dd{ float:left; width:607px; padding-top:17px;}
.pro_div dd .pro_tit{ height:20px; line-height:20px; display:block; overflow:hidden; font-size:18px;}
.pro_div dd .pro_tit:hover{ color:#b61314;}
.pro_div dd .pro_tit:hover span{ color:#b61314;}
.pro_tit span{ font-size:16px; color:#a5a5a5;}
.pro_word{ height:181px; overflow:hidden; line-height:22px; font-size:14px; color:#4e4e4e; margin-bottom:15px;}

.index_right{ float:right; width:570px;}
.dynamic_top{ margin:6px 0 15px 0;}
.dynamic_tit{ height:44px; line-height:44px; width:165px; border-top:1px solid #d55149; float:left;}
.dynamic_tit span{ color:#3a3a3a; font-size:28px;}
.dynamic_tit em{ color:#7e7c7c; font-size:14px; margin-left:8px;}
.dynamic_see{ float:right; margin-top:15px; display:block; border-radius:15px; width:117px; height:32px; line-height:32px; text-align:center; border:1px solid #d1d1d1; color:#7e7c7c; font-size:14px;transition:all 0.5s ease 0s;}
.dynamic_see:hover{ border:1px solid #b61314; color:#b61314; transition:all 0.5s ease 0s;}
.dynamic_bottom dl{ padding:13px 0; border-bottom:1px solid #edeaea;}
.dynamic_bottom dt{ float:left; width:96px; height:83px; background:#edeaea; text-align:center; color:#3a3a3a; margin-right:16px;   }
.dynamic_bottom dt span{ display:block; height:40px; line-height:40px; overflow:hidden; font-size:34px; padding-top:9px;}
.dynamic_bottom dt em{ height:28px; line-height:28px; display:block; font-size:16px;}
.dynamic_bottom dd{ width:432px; float:left;color:#3a3a3a;}
.dynamic_bottom dd a{ height:33px; line-height:33px; overflow:hidden; display:block; font-size:16px;  margin-bottom:8px;}
.dynamic_bottom dd p{ height:33px; overflow:hidden; line-height:16px; font-size:14px; }
.dynamic_bottom dl:hover,.dynamic_bottom dl:hover dt,.dynamic_bottom dl:hover dd{ background:#b61314; color:#fff;}
.dynamic_bottom dl:hover dd a{ color:#fff;}
.pro_zi p{ height:23px; line-height:23px; font-size:14px; background:url(../images/dian.jpg) left center no-repeat; padding-left:14px; overflow:hidden; margin-bottom:8px;}
.pro_see{ width:96px; height:32px; line-height:32px; text-align:center; border:1px solid #d1d1d1; display:block; color:#5a5a5a; font-size:14px; border-radius:15px; margin-bottom:15px;transition:all 0.5s ease 0s;}
.pro_see:hover{ background:#b61314; color:#fff; border:1px solid #b61314; transition:all 0.5s ease 0s;}
.pro_div{ padding-bottom:40px;}
.stair li .menu_inner{ padding:5px 0px; display:none;}
.stair li .menu_inner a{ font-size:15px; text-indent:32px; background:none; height:36px; line-height:36px; border:none;}
.stair li a.on,.stair li a.on{ background:url(../images/probj1.jpg) 248px center no-repeat;}
.stair li .menu_inner a.up,.stair li .menu_inner a:hover{ color:#b61314;}
.pro_top{ padding:18px 0 78px 0;}
.pro_top dt{ float:left; width:505px; height:410px; overflow:hidden; border:1px solid #e0e0e0; text-align:center;}
.pro_top dt img{width:auto; height:100%; overflow:hidden; transition:all 1s ease 0s;}
.pro_top dt:hover img{ transform:scale(1.4,1.4); transition:all 1s ease 0s;}

.pro_top dd{ float:left; margin-left:22px; width:589px;}
.pro_top dd h3{ height:30px; line-height:30px; overflow:hidden; font-weight:normal; color:#343434; font-size:18px; margin-bottom:12px;}
.pro_title{ height:87px; overflow:hidden; margin-bottom:16px;}
.pro_title p{ height:22px; line-height:22px; font-size:14px; background:url(../images/dian.jpg) left center no-repeat; padding-left:14px; overflow:hidden; }
.pro_p{ line-height:22px; font-size:14px; color:#717171; height:44px; overflow:hidden; margin-bottom:10px;}
.pro_bnt a{ margin-right:14px; display:inline-block;}
.product_ul{ height:35px; line-height:35px; border-bottom:1px solid #dddddd;}
.product_ul li{ float:left; margin-right:8px;}
.product_ul li a{ display:block; width:114px; font-size:15px; color:#fff; background:#7d7d7d; text-align:center;}
.product_ul li a.on{ background:#b61314;}
.pro_box{ padding:40px 20px 100px; }
.chan_box{ line-height:24px;display:none;}
.link_bottom{ margin-left:-22px;} 
.link_bottom  dl{  margin:25px 0 0 22px;}
.link_bottom  dd{ width:870px; margin-left:20px;}

.link_top{ height:auto; width:100%; box-sizing:border-box; border:1px solid #dedede; margin-top:20px; padding:36px 40px; }
.link_left span{ display:block; margin-bottom:10px;}
.link_left span img{ height:43px; width:auto; max-width:100%;}
.link_word p{ line-height:20px; color:#4e4e4e; font-size:14px; }
.link_word {height:80px; overflow:hidden;}
.link_right{ float:right; margin-top:67px; width:191px; height:42px; line-height:42px; border:1px solid #b61314; color:#b61314; text-indent:40px; background:url(../images/see1.png) 131px center no-repeat; display:none;}

.flex-direction-nav .flex-prev{ background:url(../images/left.png) left top no-repeat; width:28px; height:50px; display:block; position:absolute; left:52px; top:50%; margin-top:-25px; font-size:0; z-index:99999999;}
.flex-direction-nav .flex-next{ background:url(../images/right.png) left top no-repeat; width:28px; height:50px; display:block; position:absolute; right:52px; top:50%; margin-top:-25px;  font-size:0; z-index:99999999;}
.tem_right .pro_hover span{ padding-top:130px;}

.popup{ position:fixed; right:0; top:50%; margin-top:-105px; height:210px; z-index:999999999;}
.popup a{ display:block; margin-bottom:1px;}
.popup_call{ margin-bottom:1px; position:relative;}
.popup_call span{ position:relative; z-index:9999999; cursor:pointer;}
.popup_call em{ position:absolute; top:0; right:-200px; background:#333333; height:50px; width:200px; display:block; color:#fff; line-height:50px; text-align:center; font-size:16px; transition:all 0.5s ease 0s;}
.popup_call:hover em{ right:45px; transition:all 0.5s ease 0s;} 

.phnav{ background:url(../images/navph.png) left top no-repeat; width:34px; height:22px; position:absolute; right:5px; top:47px; z-index:999999999; }
#phone{ width:100%; position:absolute; background:#b61314; left:0; top:78px;   z-index:999999999999; margin:0; display:none;}
#phone li{ height:38px; line-height:38px; text-align:center; float:none; width:100%; margin:0;}
#phone li a{ display:block; color:#fff; font-size:16px; text-align:center;}
.phone{ display:none;}
.foot_recu{ display:none;}


.foot_recu{ padding:20px 0 0px 0px; display:none;}
.foot_recu ul{ cursor:pointer;}
.foot_pos dd li{ line-height:42px; color:#333; height:42px;padding-left:20px; font-size:14px;  position:relative;background:#303030; color:#fff; border-bottom:1px solid #616161;}
.foot_con p,.foot_con a{ display:block; height:38px; line-height:38px; background:#dcdcdc; border-bottom:1px solid #bcbcbc; text-indent:20px;}
.foot_con { display:none;}
.foot_pos li .jia{ position:absolute; top:17px; right:10px; background:url(../images/shang.png) left center no-repeat; width:18px; height:9px;}
.foot_recu dd .act li{ color:#fff;} 
.foot_recu dd .act li .jia{position:absolute; top:17px; right:10px; background:url(../images/xia.png) left center no-repeat; width:18px; height:9px;}











.small {
	width:214px;
	height:241px;
	/*background:url(../images/pro.jpg) left top no-repeat;*/
	position:relative;
}

.large {
	width:500px;
	height:420px;
	overflow:hidden;
	position:absolute;
	left:-9999px;
	top:0;
}
.large img {
	position:absolute;
	left:0;
	top:-1px;
	opacity:0;
	-moz-transition: top 0s 3600s;
	 width:auto;
	 height:auto;
	  max-width:100%;
}
.pointer {
	display:block;
	width:200px;
	height:168px;
	background:#fff;
	opacity:0;
	filter: alpha(opacity=0);
	position:absolute;
	left:0px;
	top:-1px;
	z-index:10;
	-moz-transition: top 0s 3600s;
}
.small b {
	display:block;
	width:214px;
	height:10px;
	position:relative;
	z-index:20;
	cursor:crosshair;
}
.small b:nth-of-type(1) {
display:block;
width:214px;
height:85px;
}
.small b:nth-of-type(27) {
display:block;
width:214px;
height:85px;
}
.small b:hover ~ .pointer {
opacity:0.2;
 -webkit-transition:0.25s;
 -moz-transition:0.25s;
 -ms-transition:0.25s;
 -o-transition:0.25s;
 transition:0.25s;
}
.small b:hover ~ .large {
left:225px;
}
.small b:hover ~ .large img {
opacity:1;
 -webkit-transition:0.5s;
 -moz-transition:0.5s;
 -ms-transition:0.5s;
 -o-transition:0.5s;
 transition:0.5s;
}
.small b:nth-of-type(1):hover ~ .pointer {
top:0px;
}
.small b:nth-of-type(2):hover ~ .pointer {
top:10px;
}
.small b:nth-of-type(3):hover ~ .pointer {
top:20px;
}
.small b:nth-of-type(4):hover ~ .pointer {
top:30px;
}
.small b:nth-of-type(5):hover ~ .pointer {
top:40px;
}
.small b:nth-of-type(6):hover ~ .pointer {
top:50px;
}
.small b:nth-of-type(7):hover ~ .pointer {
top:60px;
}
.small b:nth-of-type(8):hover ~ .pointer {
top:70px;
}
.small b:nth-of-type(9):hover ~ .pointer {
top:80px;
}
.small b:nth-of-type(10):hover ~ .pointer {
top:90px;
}
.small b:nth-of-type(11):hover ~ .pointer {
top:100px;
}
.small b:nth-of-type(12):hover ~ .pointer {
top:110px;
}
.small b:nth-of-type(13):hover ~ .pointer {
top:120px;
}
.small b:nth-of-type(14):hover ~ .pointer {
top:130px;
}
.small b:nth-of-type(15):hover ~ .pointer {
top:140px;
}
.small b:nth-of-type(16):hover ~ .pointer {
top:150px;
}
.small b:nth-of-type(17):hover ~ .pointer {
top:160px;
}
.small b:nth-of-type(18):hover ~ .pointer {
top:170px;
}
.small b:nth-of-type(19):hover ~ .pointer {
top:180px;
}
.small b:nth-of-type(20):hover ~ .pointer {
top:190px;
}
.small b:nth-of-type(21):hover ~ .pointer {
top:200px;
}
.small b:nth-of-type(22):hover ~ .pointer {
top:210px;
}
.small b:nth-of-type(23):hover ~ .pointer {
top:220px;
}
.small b:nth-of-type(24):hover ~ .pointer {
top:230px;
}
.small b:nth-of-type(25):hover ~ .pointer {
top:240px;
}
.small b:nth-of-type(26):hover ~ .pointer {
top:250px;
}
.small b:nth-of-type(27):hover ~ .pointer {
top:252px;
}
.small b:nth-of-type(1):hover ~ .large img {
top:0;
}
.small b:nth-of-type(2):hover ~ .large img {
top:-25px;
}
.small b:nth-of-type(3):hover ~ .large img {
top:-50px;
}
.small b:nth-of-type(4):hover ~ .large img {
top:-75px;
}
.small b:nth-of-type(5):hover ~ .large img {
top:-100px;
}
.small b:nth-of-type(6):hover ~ .large img {
top:-125px;
}
.small b:nth-of-type(7):hover ~ .large img {
top:-150px;
}
.small b:nth-of-type(8):hover ~ .large img {
top:-175px;
}
.small b:nth-of-type(9):hover ~ .large img {
top:-200px;
}
.small b:nth-of-type(10):hover ~ .large img {
top:-225px;
}
.small b:nth-of-type(11):hover ~ .large img {
top:-250px;
}
.small b:nth-of-type(12):hover ~ .large img {
top:-275px;
}
.small b:nth-of-type(13):hover ~ .large img {
top:-300px;
}
.small b:nth-of-type(14):hover ~ .large img {
top:-325px;
}
.small b:nth-of-type(15):hover ~ .large img {
top:-350px;
}
.small b:nth-of-type(16):hover ~ .large img {
top:-375px;
}
.small b:nth-of-type(17):hover ~ .large img {
top:-400px;
}
.small b:nth-of-type(18):hover ~ .large img {
top:-425px;
}
.small b:nth-of-type(19):hover ~ .large img {
top:-450px;
}
.small b:nth-of-type(20):hover ~ .large img {
top:-475px;
}
.small b:nth-of-type(21):hover ~ .large img {
top:-500px;
}
.small b:nth-of-type(22):hover ~ .large img {
top:-525px;
}
.small b:nth-of-type(23):hover ~ .large img {
top:-550px;
}
.small b:nth-of-type(24):hover ~ .large img {
top:-575px;
}
.small b:nth-of-type(25):hover ~ .large img {
top:-600px;
}
.small b:nth-of-type(26):hover ~ .large img {
top:-625px;
}
.small b:nth-of-type(27):hover ~ .large img {
top:-630px;
}

.small img{ width:auto; height:auto; max-width:100%;}
.large{ text-align:center!important; line-height:420px!important; }
.large img{ width:100%!important; height:auto!important; max-width:100%!important;}


.popup_what .weixin{ display:block; position:absolute; left:-84px; top:0px; width:80px; height:80px; overflow:hidden; display:none;}
.popup_what .weixin img{width:80px; height:80px; overflow:hidden;}

.popup_what{ position:relative;}

.pro_zhi{ height:326px; overflow:hidden;}
.link_top .link_right{ display:block; width:190px; margin-top:35px;}
.link_top .link_left{ width:830px; float:left;}

.pc{ max-height: 310px; overflow: hidden; }

.contact{ width: 604px; margin: 0 auto; padding: 30px 0px; box-sizing: border-box; }
.address{ width: 100% }

#dituContent{ border: none!important; width: 100%!important }
.copy_left p{ line-height: 22px; }