@charset "utf-8";
html,body {font-family:"Microsoft YaHei","Verdana,Arial,sans-serif","微软雅黑","宋体";width: 100%;font-size:14px;text-align:center;background:#fff;line-height:25px;}
html {color: #333;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
html * {outline: 0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0)}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,br,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,br{margin: 0;padding: 0}
ul, ol, li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0;font-size:16px;}
p{margin:0;padding:0;line-height:30px;}
.clear{clear:both;height:0;line-height:0;font-size:0;}
img{display:block;margin:auto;border:0;max-width:100% !important;}
.box img{display:inline-block;}
#header{width:1200px;height:96px;margin:auto;overflow:hidden;}
.toplink{float:right;line-height:32px;height:32px;margin-top:30px;margin-left:20px;}
.toplink a{padding-left:23px;margin-left:5px;position:relative;line-height:19px;height:19px;display:inline-block}
.toplink i{background:url('toplink.png') left center no-repeat;position:absolute;display:block;width:20px;height:19px;left:0;top:0}
.toplink .oa i{background-position: -21px;}
#logo{float:left;margin-top:20px;}
#logo img{height:55px;*display:inline;}
.top-search{float:right;width:192px;height:30px;margin-top:35px;background:url('search-bg.png') center center no-repeat;}
.top-search form input{width:124px;height:23px;line-height:23px;margin:1px 0 0 1px;float:left;display:inline;border:0;background:none;color:#aaa;padding:2px 8px;outline:none;}
.top-search form .formbutton{margin:3px 5px 3px 0;background:url('search-btn.png') center center no-repeat;outline:none;border:0;display:inline;width:30px;height:25px;line-height:25px;float:right;cursor:pointer;}
a{text-decoration:none;color:#333}
a:hover{color:#000;}

.clearfix:after { content:"."; clear:both; display:block; height:0; font-size:0; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix,
* html { height:1%; }
.clearfix { display:block; }
/* ---------------------各语言样式--------------------- */
#lang{float:right;margin-left:35px;margin-top:35px;}
#lang a{padding:5px 12px;line-height:25px;height:25px;background-color:#dadcdb;color:#fff}
#lang a:hover,#lang a.cur{background-color:#b81b26;}
#lang a.zh-cn{border-right:1px solid #fff}
/* ---------------------导航菜单样式--------------------- */
#nav {margin:0 auto;width:100%;z-index:5;text-align:center;background-color:#666;}
#nav ul {margin:0 auto;width:1123px;text-align:left;line-height:0;}
#nav ul li {background-color:#595858;width:186px;float:left;position:relative;border-left:1px solid #fff;}
#nav ul li:last-child{border-right:1px solid #fff;}
#nav ul li:last-child b{display:none;}
#nav ul ul li:last-child{border-right:0;}
#nav ul li a {text-align:center;color:#fff;padding:0 20px;display:block;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:56px;line-height:56px;}
#nav ul li a span{display:block;}
#nav ul li a:hover, #nav ul li.on a{background-color:#c6151b;}
#nav ul li li a,#nav ul li.on li a{color:#00a0e9;text-align:right;background:#09173a url("nav_arrow.png") no-repeat 20px center;opacity:0.8;filter:alpha(Opacity=80);}
#nav ul li ul{left:0;width:186px;height:auto;position:absolute;display:none;z-index:9}
#nav ul li ul li{border-left:0;border-top:1px solid #fff;width:100%;display: block;border-left:0;}
#nav ul li a:hover,#nav ul li.on a{text-decoration:none;}
#nav ul li li a {line-height:46px !important;height:46px !important;font-weight:normal;font-size:14px;}
#nav ul li li a:hover{background-color:#737f9b;transition: none ease-out .3s;transition-property: color, background, text-indent, opacity;}
#nav b{position: absolute;z-index: 1;top: 50%;right: -12px;width: 12px;height: 12px;margin-top: -6px;background: url("nav_arrow_gray.png") no-repeat;}
#nav li:hover b,#nav li.on b{background-image:url(nav_arrow_red.png);}
#nav li i{margin-right:10px; display:inline-block; margin-top:-2px;width:25px;height:25px; vertical-align:middle; background-repeat:no-repeat; background-position:center; background-size:22px; }
#nav li .i01 { background-image:url("nav_icon_01.png");width:22px;height:22px;}
#nav li .i02 { background-image:url("nav_icon_02.png");}
#nav li .i03 { background-image:url("nav_icon_03.png");}
#nav li .i04 { background-image:url("nav_icon_04.png");}
#nav li .i05 { background-image:url("nav_icon_05.png");}
#nav li .i06 { background-image:url("nav_icon_06.png");}
/* ---------------------banner样式--------------------- */
.cwin_class,#banner{position:relative;overflow:hidden;}
.cwin_tab_page{width:100%;z-index:999;text-align:center;z-index:5;}
.cwin_class_banner li a{display:block;width: 100%;height: 100%;}
.cwin_class_banner .cwin_tab_page{ position:absolute;left:0; bottom:20px; display:block;}
.cwin_tab_page a{padding:2px 5px;font-size:10px; line-height:16px;height:16px;background-color:#999;display:inline;margin:5px 2px; cursor:pointer;color:#fff;}
.cwin_tab_page a:hover{color:#fff;}
.cwin_tab_page a{font-size:0;padding:5px;}
.cwin_class_banner{position:relative;}
.cwin_tab_page a{bottom:8px;margin:5px;font-size:0;line-height:0;padding:2px 18px;background:#727170;}
.cwin_tab_page a.on{background-color:#fff;}
.cwin_triggers a {display: block; z-index: 99; width: 36px; color: #b4b4b4; position: absolute; top: 50%; margin-top:-33px; height: 65px; text-decoration: none}
.cwin_triggers span{text-indent:-99999px;background:url('slider-arrow.png') 0 center no-repeat;display:block;filter:alpha(opacity=80);opacity:0.8;font:500 53px/57px 宋体,arial; width:36px;cursor:pointer;height:64px;line-height:64px;text-align:center}
.cwin_triggers .prev span{background-position:-168px;}
.cwin_triggers .next span{background-position:-50px;}
.cwin_triggers .prev{left:1.5%;}
.cwin_triggers .next{right:1.5%;}
.cwin_triggers a:hover span {color:#555;filter:alpha(opacity=100);opacity:1;background-image:url(slider-arrow2.png);}
.cwin_triggers a.prev:hover span{background-position:-264px;}
.cwin_triggers a.next:hover span{background-position:-80px;}
/* ---------------------子级导航--------------------- */
.subnav{margin:20px auto;width:1200px;font-size:0;}
.subnav a{font-size:0;display:inline-block;*float:left;margin:1%;overflow:hidden;}
.subnav a:hover img,#sidebar a:hover img,.list-item:hover .pic img,.img-box:hover img,.pdf:hover img{
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 transform:scale(1.1);
-webkit-transition:all 0.3s; 
-moz-transition:all 0.3s; 
transition:all 0.3s linear; 
}
.subnav img{width:100%}
.subnav .pre2{width:31.3%}
.subnav .pre3{width:31.3%}
.subnav .pre4{width:23%}
.subnav .pre5{width:19%;margin:1% 0.5%;}
.subnav .pre6{width:15.6%;margin:1% 0.5%;}
/* ---------------------主体内容样式--------------------- */
#body{width:1200px;margin:30px auto}
#sidebar{width:320px;float:left;background-color:#f1f1f2;padding:7px;}
#sidebar a{display:block;padding:7px;position:relative;}
#sidebar a i{position:absolute;display:block;width:17px;height:28px;right:-24px;margin-top:-14px;top:50%;display:none;background-size:12px 20px}
#sidebar a.on i{display:block;}
.pic-box{display:block;width:100%;overflow:hidden;}
.ui-arrow-1{background:url('arrow1.png') left center no-repeat;}
.ui-arrow-2{background:url('arrow2.png') left center no-repeat;}
.ui-arrow-3{background:url('arrow3.png') left center no-repeat;}
.ui-arrow-4{background:url('arrow4.png') left center no-repeat;}
.ui-arrow-5{background:url('arrow5.png') left center no-repeat;}
#sidebar a img{width:100%}
#content{width:800px;float:right;text-align:left;overflow:hidden;}

#pagination{text-align:right;padding-top:10px;}
#pagination .curr{color:#FF3B3B;}
#pagination a,#pagination span{padding:5px;}

.box{margin-left:20px;}
.list-item{padding:14px;background-color: #f1f1f2;border-right:5px solid #f1f1f2;margin-bottom:20px;}
.list-item:hover{border-right:5px solid #f32c45}
.page-company .list-item:hover{border-color:#ff960a}
.list-item .pic{width:130px;height:98px;line-height:98px;float:left;overflow:hidden;}
.list-item .pic img{width:100%;vertical-align: middle;}
.list-item .con{width:568px;float:right;padding-left:20px;padding-right:15px;}
.list-item .con p{line-height:24px;color:#666;height:48px;overflow:hidden;margin-top:3px}
.list-item .con .date{color:#666;font-size:12px;}
.page{background-color: #f1f1f2;padding:35px;border-bottom:5px solid #f32c45}
.page h1{text-align:center;padding-bottom:20px;}
.page h1.title{line-height:30px;text-align:left;margin-bottom:30px;border-bottom:1px solid #999}
.author{text-align:right;padding-top:30px;}

.sub-menu,.three-menu{margin-bottom:30px;}
.sub-menu a,.three-menu a{display:block;padding:6px 20px;float:left; margin-right:10px;background-color: #f1f1f2;margin-bottom:10px;}
.sub-menu a.on{background-color:#f32c45;color:#fff;}
.three-menu a{margin-bottom:0;}
.blue .sub-menu a.on,.blue .title span{background-color:#0661A4;}
.blue .list .item a:hover,.blue .three-menu a.on,.blue .three-menu a:hover,.down-btn a{color:#0661A4}
.green .sub-menu a.on,.green .title span{background-color:#00b22b;}
.three-menu{background-color:#f1f1f2;}
.green .title i{position:absolute;width:14px;height:14px;top:11px;left:-20px;disploy:visible;background:url('service-li.png') no-repeat;background-size:cover;}
.green .list-item:hover{border-color:#00b22b;}
.container, .br-img .swiper-wrapper {position: relative;}
.title{line-height:36px;background-color: #f1f1f2;margin-bottom:30px;position:relative;}
.title span{display:inline-block;padding:0 20px;background-color:#ff960a;color:#fff}
.title2{line-height:46px;margin-bottom:30px; border-bottom:1px solid #ddd;position:relative;overflow:visible;font-size:18px;}
.title2 i{position:absolute;left:-20px;top:7px;width:3px;height:40px; background-color:#f32c45}
.list {margin-bottom:30px;}
.list .item{line-height:46px;height:46px;border-bottom:1px dashed #ddd;}
.list .item a{cursor:pointer;}
.list .item a:hover{color:#ff960a}
.list .item h2{font-weight:normal;font-size:14px;width:82%;float:left;}
.list .item .date{float:right;}
.w100{width:100% !important}
.down-btn{background:url('down.png') left center no-repeat; line-height:40px;padding-left:40px;margin-top:30px;background-size:28px;}

/* pdf */
.pdf {
  float: left;
  height: 100%;
  margin-right: 23px;
  margin-top:30px;
  text-align: center;
  line-height:40px;
}
.pdf > div {
  width: 234px;
}
.pdf .pdf-img {
  width: 228px;
  height:280px;
  border: 3px solid #f31e39;
	overflow:hidden;
}
.pdf .pdf-img img {
  width:100%;
  height:100%;
}
.pdf .pdf-imgdate {
  height:40px;
  background: #f32c45;
  color: #fff;
}
.pdf .pdf-btn {
  color: #1e120f;
  background: #f1f1f2;
  margin-top:2px;
}
.pdf .pdf-btn i{display:inline-block;background:url('view-btn.png') 0 center no-repeat;padding:0 10px;text-indent:25px;font-style: normal;}

.feedback{margin-top:30px;display:none;}
.feedback div{margin-bottom:15px;}
.feedback div textarea{width:756px;height:120px;}
.feedback div input{width:350px;}
form input, form select, form textarea {padding:10px;border:1px solid #ddd;background:none;outline:none;font-size:14px;}
form input.formbutton{width:120px;line-height:42px;height:42px;background-color:#00b22b;color:#fff;cursor:pointer;padding:0 15px;}
form input.formbutton:hover{background:#009223}
.feedback .verify {width:100% !important;margin-bottom:30px;line-height:40px;}
.feedback .verify input,.feedback .verify img{float:left;}
.feedback .verify input{width:200px;}
.feedback .verify img{height:38px;width:210px;}

.legal{margin:50px;text-align:left;}
.legal h2{text-align:center;padding-bottom:30px;margin-bottom:30px;font-size:20px; border-bottom:2px solid #e72534;}
.legal p{padding-left:30px;background:url('my_red.png') left 10px no-repeat;padding-bottom:30px;}
.sitemap{width:960px;margin:60px auto;text-align:center;}
.sitemap i{display:block;width:15px;height:15px;background:url('sitemapli.jpg') center center no-repeat;margin:-5px auto 10px;}
.sitemap li{width:120px;margin:0 20px;float:left;}
.sitemap li li{margin:0}
.sitemap a,.sitemap li li a:hover{display:block;line-height:36px;margin-bottom:20px;background-color:#e72534;color:#fff;}
.sitemap li li a,.sitemap a:hover{background-color:#4c4c4c;}
.link{background:url(linkbg.jpg) center center no-repeat;height:494px;position:relative;line-height:18px;}
.link a{color:#fff;font-size:10px;}
.link a:hover{text-decoration:underline}
.link .h a{font-size:16px;line-height:60px;}
.a1{position:absolute;left:215px;top:55px;}
.a2{position:absolute;left:518px;top:25px;}
.a3{position:absolute;left:767px;top:135px;}
.a4{position:absolute;left:1015px;top:79px;}
.b1{position:absolute;left:238px;top:375px;}
.b2{position:absolute;left:480px;top:340px;}
.b3{position:absolute;left:667px;top:415px;}
.b4{position:absolute;left:867px;top:369px;}
.b5{position:absolute;left:1025px;top:405px;}
.link2 {width:1100px;margin:30px auto;line-height:80px;}
.link2 h2{float:left;font-size:18px;margin-right:50px;padding-left:50px;}
.link2 img{float:left;margin-right:10px;border:1px solid #b3bcc4}
/* ---------------------战略布局样式--------------------- */
.map{position:relative;max-width:860px}
.map a{width:8%;height:2.5%;position:absolute}
.map .map-div1{top:35%;right:25%;height:4%}
.map .map-div2{top:41%;right:22%}
.map .map-div3{top:44%;right:20%}
.map .map-div4{top:54%;right:18%}
.map .map-div5{top:57%;right:25%}
.map .map-div6{top:60%;right:19%;height:4%}
.map .map-div7{top:59%;left:42%}
.map .map-div8{top:64%;left:43%}
.map .map-div9{top:74%;width:8%;right:37%;height:4%}
.map .map-div10{top:75%;right:27.5%;height:5%}
.map .map-div11{top:80%;right:37%}
.map .map-div12{top:80.5%;right:28%;height:6%}
.map-eng{position:relative;max-width:860px}
.map-ena{width:14%;height:2.5%;position:absolute}
.map-en.map-div1{top:35%;right:20%;height:5%}
.map-en.map-div2{top:42%;right:18%}
.map-en.map-div3{top:45%;right:20%}
.map-en.map-div4{top:55%;right:15%;width:10%}
.map-en.map-div5{top:57%;right:25%;height:3%}
.map-en.map-div6{top:60%;right:13%;height:6%}
.map-en.map-div7{top:60%;left:36%}
.map-en.map-div8{top:65%;left:43%}
.map-en.map-div9{top:74%;width:21%;right:37%;height:5%}
.map-en.map-div10{top:75%;right:16%;height:6%;width:20%}
.map-en.map-div11{top:80%;right:37%;height:4%}
.map-en.map-div12{top:81%;right:27%;height:6%;width:10%}

/* ---------------------集团荣誉样式--------------------- */
.timeline { position:relative; width:100%; background:url("timeline_line.png") repeat-x left 40px; overflow:hidden; }
.timeline .dates { width:690px; height:80px; margin:0 auto; }
.timeline .dates li { float:left; width:138px; }
.timeline .dates li a { position:relative; display:block; height:25px; padding-top:55px; font-size:14px; text-align:center; line-height:25px; background:url("timeline_point.png") no-repeat center; background-size:18px; }
.timeline .dates li a i { display:none; position:absolute; top:48px; left:50%; width:7px; height:75px; margin-left:-3px; background:url("timeline_pointer.png") no-repeat center bottom; }
.timeline .dates li a.selected { padding-top:0; padding-bottom:55px; color:#f32c45; background-image:url("timeline_point_active.png"); }
.timeline .dates li a.selected i { display:block; }
.timeline .prev,
.timeline .next { position:absolute; top:0; width:35px; height:80px; text-indent:-9999em; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:35px; overflow:hidden; cursor:pointer; }
.timeline .prev { left:0; background-image:url("timeline_prev.png"); }
.timeline .next { right:0; background-image:url("timeline_next.png"); }
.timeline .prev.disabled,
.timeline .next.disabled { opacity: 0.2; }
.timeline .issues { width:690px; margin:50px auto 0; overflow:hidden; }
.timeline .issues li { float:left; width:760px; }

.accordion { margin:0 35px; font-size:14px; }
.accordion h3 { position:relative; height:35px; margin-top:2px; font-weight:normal; line-height:35px; background-color:#c9c9ca; cursor:pointer; }
.accordion h3 span { display:block; float:left; width:90px; height:35px; color:#fff; text-align:center; background-color:#f32c45; overflow:hidden; }
.accordion h3 strong { display:block; height:35px; padding-right:40px; margin-left:115px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.accordion h3 i { position:absolute; top:50%; right:10px; width:16px; height:16px; margin-top:-8px; background:url("icon_01.png") no-repeat center; background-size:cover; cursor:pointer; }
.accordion .item { display:none; }
.accordion .item .icon { float:left; width:90px; }
.accordion .item .icon img { width:90px; height:140px; }
.accordion .item .info { margin-left:115px; }
.accordion .item .pic { float:left; width:120px; margin-top:25px; }
.accordion .item .pic img { width:120px; height:90px; }
.accordion .item .text { height:56px; margin-left:165px; padding-top:34px; }
.accordion .item .text p { height:28px; line-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
/* ---------------------集团历程样式--------------------- */
.timeline-v { position:relative; width:750px; height:600px; margin:0 auto; background:url("timeline_line.png") center top repeat-y; overflow:hidden; }
.timeline-v .dates { position:absolute; z-index:1; left:50%; width:150px; height:600px; margin-left:-75px; }
.timeline-v .dates li { height:110px; }
.timeline-v .dates li a { position:relative; display:block; height:40px; padding:35px 0; font-size:14px; line-height:40px; text-align:right; background:url("timeline_point.png") no-repeat center; background-size:18px; }
.timeline-v .dates li a i { display:none; position:absolute; top:50%; right:87px; left:auto; width:90px; height:7px; margin-top:-3px; background:url("timeline_pointer_l.png") no-repeat left center; }
.timeline-v .dates li.even a { text-align:left; }
.timeline-v .dates li.even a i { left:87px; right:auto; background-image:url("timeline_pointer_r.png"); background-position:right center; }
.timeline-v .dates li a.selected { color:#f32c45; background-image:url("timeline_point_active.png"); }
.timeline-v .dates li a.selected i { display:block; }
.timeline-v .prev,
.timeline-v .next { position:absolute; z-index:2; left:50%; width:150px; height:35px; margin-left:-75px; text-indent:-9999em; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:35px; overflow:hidden; cursor:pointer; }
.timeline-v .prev { top:0; background-image:url("timeline_prev_v.png"); }
.timeline-v .next { bottom:0; background-image:url("timeline_next_v.png"); }
.timeline-v .prev.disabled,
.timeline-v .next.disabled { opacity: 0.2; }
.timeline-v .issues { width:100%; height:600px; overflow:hidden; }
.timeline-v .issues li { position:relative; width:100%; height:600px; }
.history span{color:#00a0e9}
.history{height:165px;overflow-y:auto}
.history::-webkit-scrollbar{width:6px}
.history::-webkit-scrollbar-button{display:none;background-color:#222}
.history::-webkit-scrollbar-track{background:#c9c9ca;width:1px}
.history{scrollbar-track-color:#c9c9ca;scrollbar-face-color:#e70f41;scrollbar-arrow-color:#c9c9ca}
.history::-webkit-scrollbar-thumb{background:#e70f41}
.history::-webkit-scrollbar-corner{background:#222}
.history::-webkit-scrollbar-resizer{background:#222}
.history { position:absolute; top:50%; left:0; right:auto; width:220px; max-height:250px; margin-top:-125px; padding:10px 15px; background-color:#0d6fb8; overflow-y:auto; }
.history p { height:25px; color:#fff; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.history p span { font-family:simsun, \5B8B\4F53; }
.timeline-v .issues li.even .history { left:auto; right:0; }
/* ---------------------专利样式--------------------- */
.patent-box .title{margin-bottom:0}
.patent-show{border:1px solid #ddd;margin-bottom:20px;}
.patent-show .pic{width:216px;padding:20px;float:left;}
.patent-show .pic img{width:100%;}
.patent-show .zl{width:450px;float:right;padding-top:20px;padding-bottom:20px;}
.patent-show .zl li{margin-bottom:7px;}
.patent-show .zl .li{float:left;width:120px;}
.patent-show .zl .value{float:right;width:310px;}
.product-details .zl ul{padding:0 20px;}
.product-details .zl li{border-bottom:1px dashed #ddd;padding-bottom:7px;}
.product-details .zl .value{width:610px}
.patent-photo{padding:10px;}
.patent-photo img{width:23%;margin:1%;float:left;height:175px;}
/* ---------------------相册样式--------------------- */
.photo-gallery{height:550px;overflow:hidden;margin:0 auto;width:780px;}
.photo-big-image li{width:780px;}
.photo-image-wrapper,.photo-nav{position:relative;}
.photo-image-wrapper li{text-align:center;float:left;}
.photo-image-wrapper img{margin:0 auto;vertical-align: middle;max-width:100%;max-height:450px;}
.photo-big-image li{height:450px;line-height:450px;}
.photo-next,.photo-prev{position:absolute; height:100%;line-height:100%;top:0;z-index:2;}
.photo-next{left:0;}
.photo-prev{right:0;}
.photo-prev-image,.photo-next-image,.photo-back,.photo-forward{opacity:.7; filter:alpha(opacity=70);outline:none;text-indent:-9999px;overflow:hidden;cursor:pointer;position:absolute; top:50%;margin-top:-25px;background:url('slider-arrow.png') no-repeat; height:50px;width:40px;}
.photo-prev-image,.photo-next-image{display:none;opacity:0.5;background-color:#999;margin-top:-90px;}
.photo-prev-image:hover,.photo-next-image:hover,.photo-back:hover,.photo-forward:hover{opacity:1; filter:alpha(opacity=100);}
.photo-prev-image,.photo-forward{background-position:-50px; center;right:0;}
.photo-next-image,.photo-back{background-position:-168px center;left:0;}
.photo-back,.photo-thumbs,.photo-forward{float:left;display:block;position:static;height:80px;overflow:hidden;margin-top:auto;}
.photo-box{background-color:#f1f1f2;text-align:center;}
.photo-nav{margin:auto;width:696px;}
.photo-thumbs{width:610px;margin:0 3px;}
.photo-thumbs li{width:120px !important;margin:0 1px;overflow:hidden;}
.photo-thumbs li img{width:100%;height:80px; opacity:.4; filter:alpha(opacity=40); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease;}
.photo-thumbs li.on img{opacity:1; filter:alpha(opacity=100);}
.photo-view{padding-top:20px;}
.product-extends-list img{max-width:100%}
/* ---------------------底部样式--------------------- */
.tel-btn{position:fixed; top:50%;right:0;width:46px;height:46px;background:url('tel2.png') center center no-repeat;}
.tel-btn a{display:block;width:100%;height:100%;}
.footer_bg{background-color:#b5b4b5;color:#727171;padding-top:15px;padding-bottom:15px;}
.footer-bar{width:1200px;margin:auto}
.footer-bar a{color:#727171;padding:0 10px;}
.copyright{float:left;font-size:12px;padding-top:10px;text-align:left;}
.footer-bar .b_nav {float: right;line-height: 80px;}
.footer-bar .b_nav img{display:inline}
.footer-qrcode {float:right;width:70px;height:70px;margin-top:7px;margin-left:35px;}
.footer-pic{height:90px;background:url('footer.png') center bottom no-repeat;background-size:100%;}