/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/


* { margin:0; padding:0; }
html { height:100%; }
body  { min-width:1200px; font:15px/2 'Microsoft Yahei', Arial; color:#666; background:#fff; padding:90px 0 0; }
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:15px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:15px; }
a { color:#666; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#c81528; }
a:link,
a:link img { -webkit-transition:all .5s linear; -moz-transition:all .5s linear; -ms-transition:all .5s linear; transition:all .5s linear; }


/******************************
 ** 公共
 ******************************/
.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap { width:1200px; margin:0 auto; position:relative; }


/******************************
 ** 首页
 ******************************/
.header { position:fixed; left:0; top:0; right:0; background:#c81528; z-index:200; }

.logo { float:left; width:260px; height:90px; overflow:hidden; }
.logo img { display:block; height:60px; margin:15px auto 0 30px; }

.nav { margin:0 0 0 260px; overflow:hidden; }
.nav li { float:left; width:10%; +width:9.95%; overflow:hidden; background:url(../images/nav-line.png) left center repeat-y; }
.nav li a { display:block; height:46px; padding:22px 10px; text-align:center; color:#FFF; }
.nav li span { display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; }
.nav li span:first-child + span { font-size:12px; text-transform:uppercase;  height:20px; line-height:20px; }
.nav li.current,
.nav li.active { background:#FFF !important; }
.nav li.current a,
.nav li.active a { color:#c81528; }
.nav li.current + li,
.nav li.active + li { background:none; }

.dropnav { position:absolute; left:0; top:90px; right:0; background:#FFF; display:none; box-shadow:0 5px 10px rgba(0,0,0,.1); }
.dropnav .list { margin:0 0 0 260px; overflow:hidden; padding:0 0 20px; }
.dropnav .row { float:left; width:10%; +width:9.95%; min-height:30px; text-align:center; }
.dropnav .row dd { padding:5px 0 0; }
.dropnav .row dd a { display:block; height:25px; line-height:25px; }
.dropnav .row dd a:hover { background:#c81528; color:#FFF; }
.dropnav .foot { border-top:1px solid #d95c69; }
.dropnav .tel { float:left; margin:20px 0 20px 20px; height:65px; background:url(../images/icon-tel.png) left center no-repeat; padding:0 0 0 70px; }
.dropnav .tel h2,
.dropnav .tel h3 { font-size:16px; line-height:20px; font-weight:normal; color:#c81528; }
.dropnav .tel h3 { font-size:38px; line-height:45px; }
.dropnav .rcode { float:right; margin:8px 20px 7px; }
.dropnav .rcode dd { float:left; height:90px; width:70px; margin:0 0 0 20px; }
.dropnav .rcode img { display:block; width:70px; height:70px; }
.dropnav .rcode h3 { font-weight:normal; line-height:20px; font-size:13px; text-align:center; }

.banner { position:relative; z-index:10; margin:0 0 3px; }
.banner .list { position:relative; overflow:hidden; z-index:1; }
.banner .list li { position:absolute; width:100%; height:100%; overflow:hidden; background:#FFF; display:none; z-index:1; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1920px; left:50%; margin:0 0 0 -960px; }
.banner .tip { position:absolute; width:100%; bottom:40px; z-index:5; text-align:center; }
.banner .tip li { display:inline-block; +display:inline; +zoom:1; width:20px; height:20px; background:url(../images/banner-tip.png) 0 0 no-repeat; margin:0 10px; cursor:pointer; }
.banner .tip li.current { background-position:0 -20px; }
.banner .prev,
.banner .next { width:60px; height:100px; position:absolute; top:50%; margin:-50px 0 0; z-index:9; cursor:pointer; }
.banner .prev { background:url(../images/banner-pn.png) 0 0 no-repeat; left:20px; }
.banner .next { background:url(../images/banner-pn.png) 0 -100px no-repeat; right:20px; }
.banner .prev:hover { background-position:-60px 0; }
.banner .next:hover { background-position:-60px -100px; }
.banner .list,
.banner .list img { height:910px; }

.fix-online { width:120px; position:fixed; right:15px; top:100px; z-index:100; }
.fix-online a { display:block; width:120px; height:90px; background:url(../images/icon-online.png) center 0 no-repeat; overflow:hidden; text-indent:-99em; -webkit-transition:none; transition:none; }
.fix-online a:hover { background-position:center -90px; }

.footer { background:#000; color:#fff; }

.gift { width:100%; border-bottom:1px solid #d6505e; overflow:hidden; background:#c81528; }
.gift .list { float:left; width:100%; }
.gift .list li { float:left; width:24.9%; border-left:1px solid #d6505e; text-align:center; padding:40px 0; }
.gift .list li:first-child { border-left:0; }
.gift img { display:inline-block; +display:inline; +zoom:1; vertical-align:middle; margin:0 20px 0 0; }
.gift .ins { display:inline-block; +display:inline; +zoom:1; vertical-align:middle; text-align:left; }
.gift .ins dt { font-size:20px; }
.gift .ins dd { font-size:13px; line-height:20px; margin-bottom:10px; }
.gift .ins a { display:block; width:90px; height:26px; line-height:26px; border:1px solid #fff; background:url(../images/a15fa1b26ee14044a8d7684adbf14a11.gif); color:#fff; text-align:center; }
.gift .ins a:hover { color:#c81528 !important; background:#fff; }

.copyright { float:left; width:52%; padding:40px 0 40px 40px; font-size:12px; }
.copyright p { line-height:30px; }
.copyright a { color:#fff; margin:0 10px 0 0; }
.copyright a:hover { color:#999; }

.subcode { float:right; +width:422px; padding:40px 160px 40px 0; position:relative; }
.subcode .rcode { width:100px; height:100px; background:#FFF; position:absolute; right:40px; top:40px; }
.subcode .rcode img { display:block; width:100px; }
.subcode .addr { padding:5px 0 0; }
.subcode .phone { text-align:right; height:40px; line-height:40px; font-size:35px; color:#FFF; }
.subcode .kf { width:auto; height:40px; padding:10px 0 0 0; }
.subcode .kf dd { float:right; margin-left:10px; }
.subcode .kf a { display:block; width:40px; height:40px; background:url(../images/icon-kf.png) 0 0 no-repeat; border-radius:50%; }
.subcode .qq a { background-position:0 0; }
.subcode .qiao a { background-position:0 -40px; }
.subcode .map a { background-position:0 -80px; }
.subcode .kf a:hover { opacity:.8; filter:Alpha(opacity=80); }

.itop { position:fixed; right:20px; bottom:200px; z-index:100; display:none; }
.itop a { display:block; width:40px; height:40px; background:url(../images/itop.png) center center no-repeat; overflow:hidden; text-indent:-99em; }
.itop a:hover { opacity:.6; filter:Alpha(opacity=60); }

.sketchmap { width:100%; height:300px; overflow:hidden; position:relative; background:url(../images/sketchmap.jpg) center center repeat-x #120800; }
.sketchmap h2,
.sketchmap h3 { float:left; height:80px; line-height:75px; font-weight:normal; color:#FFF; }
.sketchmap h2 { margin:110px 0 0 60px; width:190px; padding:0 0 0 10px; background:url(../images/sketchmap-h2.png) left center repeat-x; font-size:58px; letter-spacing:35px; }
.sketchmap h3 { margin:110px 0 0 0px; font-size:60px; text-transform:uppercase; }

.location { height:90px; position:relative; }
.location .inner { width:100%; height:90px; background:#fff; overflow:hidden; z-index:20; }

.menu { float:left; margin:25px 0 25px 20px; }
.menu li { float:left; height:40px; line-height:40px; position:relative; margin:0 0 0 15px; }
.menu li a { display:block; padding:0 20px; background:#eaeaea; color:#666; border-radius:5px; }
.menu li a:hover { background:#bbb; }
.menu li.current a { background:#c81528; color:#FFF; -webkit-transition:none; transition:none; }

.submenu { float:left; margin:25px 0 25px 10px; }
.submenu li { float:left; height:40px; line-height:40px; background:url(../images/menu-line.png) left center no-repeat; position:relative; }
.submenu li:first-child { background:none; }
.submenu li a { display:block; padding:0 20px; -webkit-transition:none; transition:none; }
.submenu li a:hover,
.submenu li.current a { color:#c81528; }

.location.fixed { z-index:200; }
.location.fixed .inner { position:fixed; left:0; top:0; background:#c81528; }
.location.fixed .menu li.current a { background:#fff; color:#c81528; }
.location.fixed .submenu li a { color:#FFF; }

.ajaxpager { padding-bottom:50px;  }
.ajaxpager a { display:block; width:260px; height:40px; line-height:40px; text-align:center; font-size:18px; border:2px solid #999; margin:0 auto; }
.ajaxpager a:hover { background:#999; color:#FFF; }
.pager { display:none; }

.article { text-align:justify; }
.article img { max-width:100%;display: block; }

.relink { border-top:1px solid #ddd; padding:20px 0; }
.relink p { height:30px; line-height:30px; overflow:hidden; }
.relink a { color:#999; }
.relink a:hover { color:#ff9292; }

.share { width:100%; height:40px; padding:20px 0; }
.share .bdsharebuttonbox { float:right; height:40px; }
.share span { float:left; height:27px; line-height:27px; margin:6px 6px 6px 0; }
.share a { float:left; padding-left:27px !important; height:27px !important; margin:6px 6px 6px 0; background-image:url(../images/ico-share.png) !important; }
.share a.jing_qzone { background-position:0 0 !important; }
.share a.jing_tsina { background-position:0 -27px !important; }
.share a.jing_tqq { background-position:0 -54px !important; }
.share a.jing_renren { background-position:0 -81px !important; }
.share a.jing_weixin { background-position:0 -135px !important; }

.null { padding:0 15px 150px 15px; }


/******************************
 ** 首页
 ******************************/
.address { background:#c81528; height:194px; color:#FFF; margin:0 0 3px; }
.address .list { float:left; width:100%; }
.address li { float:left; width:49.9%; height:194px; position:relative; }
.address li:first-child { width:25%; background:#191919; }
.address li:first-child + li { width:25%; background:#333; }
.address h3 { padding:20px 0 0 40px; font-size:25px; font-weight:normal; }
.address p { padding:0 0 0 40px; }
.address .kf { width:auto; height:40px; padding:20px 0 0 40px; }
.address .kf dd { float:left; margin-right:10px; }
.address .kf a { display:block; width:40px; height:40px; background:url(../images/icon-kf.png) 0 0 no-repeat; border-radius:50%; }
.address .qq a { background-position:0 0; }
.address .qiao a { background-position:0 -40px; }
.address .map a { background-position:0 -80px; }
.address .kf a:hover { /* opacity:.8; filter:Alpha(opacity=80); */ }
.address .rcode { position:absolute; top:27px; right:27px; width:140px; height:140px; }

.ipro { margin:0 0 3px; }
.ipro-rmd { position:relative; background:#000; margin:0 0 3px; }
.ipro-rmd .main { overflow:hidden; position:relative; }
.ipro-rmd .list { float:left; width:500%; position:relative; }
.ipro-rmd .item { float:left; width:5%; }
.ipro-rmd .inner { display:block; opacity:.55; filter:Alpha(opacity=55); position:relative; zoom:1; }
.ipro-rmd .inner:hover { opacity:1; filter:Alpha(opacity=100); }
.ipro-rmd .item .img { display:block; position:relative; width:auto; padding:0 0 75%; overflow:hidden; }
.ipro-rmd .item img { position:absolute; left:0; top:0; display:block; width:100%; height:100%; +height:auto; }
.ipro-rmd .item .ins { background:#fff; height:160px; padding:0 20px; text-align:center; }
.ipro-rmd .item h3 { font-size:24px; line-height:40px; font-weight:normal; padding:30px 0 10px; color:#333; }
.ipro-rmd .item p { height:50px; line-height:25px; font-size:15px; overflow:hidden; color:#999; }
.ipro-rmd .item:hover img { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.ipro-rmd .prev, .ipro-rmd .next { position:absolute; top:50%; margin:-90px 0 0; width:60px; height:100px; background:url(../images/pro-pn.png) 0 0 no-repeat; cursor:pointer; }
.ipro-rmd .prev { left:10px; background-position:0 0; }
.ipro-rmd .next { right:10px; background-position:0 -100px; }
.ipro-rmd .prev:hover { background-position:-60px 0; }
.ipro-rmd .next:hover { background-position:-60px -100px; }

.ipro-list { width:100%; overflow:hidden; background:#000; }
.ipro-list .item { float:left; width:16.66%; }
.ipro-list .item a { display:block; width:100%; padding:0 0 75%; position:relative; opacity:.55;  filter:Alpha(opacity=55); overflow:hidden; }
.ipro-list .item img { display:block; width:100%; position:absolute; left:0; top:0; height:100%; +height:auto; }
.ipro-list .item a:hover { opacity:1; filter:Alpha(opacity=100); }

.icase { height:875px; background:url(../images/icase-back.jpg) center top no-repeat #020101; margin:0 0 3px; }
.icase .head { height:370px; background:url(../images/icase-head.png) center center no-repeat; margin:0 0 20px; }
.icase .tabed { text-align:center; margin:0 0 35px; height:50px; overflow:hidden; }
.icase .tabed li { display:inline-block; +display:inline; +zoom:1; vertical-align:middle; width:200px; height:50px; line-height:50px; background:#FFF; border-radius:5px; color:#c81528; cursor:pointer; font-size:22px; margin:0 5px; }
.icase .tabed li.active { background:#c81528; color:#FFF; }
.icase .wrap { overflow:hidden; height:290px; position:relative; }
.icase .list { float:left; width:500%; position:relative; clear:both; display:none; }
.icase .list:first-child { display:block; }
.icase .list li { float:left; width:386px; border:1px solid #ddd; margin:0 18px 0 0; overflow:hidden; }
.icase .list img { display:block; width:100%; height:288px; }
.icase .foot { text-align:center; height:40px; padding:20px 0; }
.icase .prev,
.icase .next { display:inline-block; +display:inline; +zoom:1; vertical-align:middle; width:40px; height:40px; background:url(../images/icase-pn.png) 0 0 no-repeat; margin:0 10px; cursor:pointer; }
.icase .prev { background-position:0 0; }
.icase .next { background-position:-40px -40px; }
.icase .prev:hover { background-position:-40px 0; }
.icase .next:hover { background-position:0 -40px; }

.icase .list li.delay-1 { -webkit-animation-delay:100ms; animation-delay:100ms; }
.icase .list li.delay-2 { -webkit-animation-delay:200ms; animation-delay:200ms; }
.icase .list li.delay-3 { -webkit-animation-delay:300ms; animation-delay:300ms; }
.icase .list li.delay-4 { -webkit-animation-delay:400ms; animation-delay:400ms; }
.icase .list li.delay-5 { -webkit-animation-delay:500ms; animation-delay:500ms; }
.icase .list li.delay-6 { -webkit-animation-delay:600ms; animation-delay:600ms; }
.icase .list li.delay-7 { -webkit-animation-delay:700ms; animation-delay:700ms; }
.icase .list li.delay-8 { -webkit-animation-delay:800ms; animation-delay:800ms; }
.icase .list li.delay-9 { -webkit-animation-delay:900ms; animation-delay:900ms; }

.ijoin { height:875px; background:url(../images/ijoin.png) center top no-repeat; margin:0 0 3px; position:relative; }
.ijoin .head { height:330px; padding:100px 0 0; text-align:center; }
.ijoin .head h2 { font-size:35px; line-height:70px; font-weight:normal; color:#FFF; }
.ijoin .main {}
.ijoin .bigbutton { display:block; width:350px; height:100px; line-height:100px; background:#FFF; color:#c81528; border-radius:15px; font-size:40px; margin:0 auto; text-align:center; }
.ijoin .bigbutton:hover { -webkit-transform:translate(0,5px); transform:translate(0,5px); }

.ijoin .foot { position:absolute; left:0; right:0; bottom:0; padding:0 0 120px; color:#FFF; }
.ijoin .tel { float:left; height:66px; margin:0 0 0 200px; padding:0 0 0 70px; background:url(../images/icon-tel2.png) left center no-repeat; }
.ijoin .tel h2,
.ijoin .tel h3 { font-weight:normal; line-height:25px; font-size:16px; }
.ijoin .tel h3 { line-height:40px; font-size:35px; }
.ijoin .readme { float:right; height:66px; margin:0 200px 0 0; padding:0 0 0 70px; background:url(../images/icon-map.png) left center no-repeat; }
.ijoin .readme h2 { font-weight:normal; line-height:25px; font-size:16px; margin:0 0 10px; }
.ijoin .readme a { display:block; width:115px; height:30px; line-height:30px; text-align:center; background:#fff; color:#c81528; border-radius:5px; }
.ijoin .readme a:hover { background:#f2c1c1; }

.inews { height:840px; background:url(../images/inews.jpg) center top no-repeat #f9fafc; margin:0 0 3px; }
.inews .head { padding:70px 0 40px; text-align:center; color:#c81528; }
.inews .head h2,
.inews .head h3 { font-size:50px; font-weight:normal; line-height:60px; }
.inews .head h3 { font-size:30px; line-height:40px; text-transform:uppercase; }
.inews .main { height:460px; overflow:hidden; margin:0 0 50px; position:relative; overflow:hidden; }
.inews .list { float:left; width:500%; position:relative; }
.inews .item { float:left; width:356px; height:435px; border:11px solid #fff; margin:0 33px 0 0; position:relative; overflow:hidden; background:#000; }
.inews .item img { display:block; width:356px; height:267px; position:relative; }

.inews .ins { position:absolute; left:0; right:0; bottom:0; background:#FFF; padding:50px 25px 37px; z-index:5; }
.inews .ins .date { color:#b2b2b2; line-height:1; margin:0 0 15px; }
.inews .ins .date span {  }
.inews .ins .date span:first-child { font-size:36px; margin:0 5px 0 0; }
.inews .ins .date span:first-child + span { border-left:1px solid #b2b2b2; padding:0 0 0 8px; font-size:16px; }
.inews .ins h3 { height:30px; line-height:30px; overflow:hidden; font-size:18px; font-weight:normal; }

.inews .ind { position:absolute; left:0; right:0; top:435px; width:306px; height:365px; padding:40px 25px 30px; color:#FFF; z-index:3; }
.inews .ind .date { color:#fff; line-height:1; margin:0 0 15px; }
.inews .ind .date span {  }
.inews .ind .date span:first-child { font-size:36px; margin:0 5px 0 0; }
.inews .ind .date span:first-child + span { border-left:1px solid #fff; padding:0 0 0 8px; font-size:16px; }
.inews .ind h3 { height:30px; line-height:30px; overflow:hidden; font-size:18px; font-weight:normal; }
.inews .ind h3 a { color:#fff; }
.inews .ind h3 a:hover { color:#ff0000; }
.inews .ind p { padding:60px 0 0; }
.inews .ind .readme { position:absolute; bottom:50px; left:50%; margin:0 0 0 -30px; width:60px; height:60px; background:url(../images/inews-readme.png) center center no-repeat; }
.inews .ind .readme:hover { transform:rotate(90deg); }

.inews .foot { }
.inews .foot a { display:block; width:180px; height:50px; line-height:50px; text-align:center; background:#c81528; color:#FFF; border-radius:5px; font-size:18px; margin:0 auto; }
.inews .foot a:hover { width:200px; }


/******************************
 ** 新闻
 ******************************/
.news-lister { padding:0 20px; }
.news-lister .list { float:left; width:100%; padding:0 0 20px; }
.news-lister .item { float:left; width:31.1%; margin:0 1% 2%; background:#FFF; padding:15px 0 20px; box-shadow:0 5px 10px -5px rgba(0,0,0,.1); border-radius:5px; border:1px solid #eee; }
.news-lister .item .date { margin:0 20px; line-height:30px; font-size:26px; color:#8a8a88; }
.news-lister .item h3 { margin:0 20px 5px; font-size:16px; font-weight:normal; white-space:nowrap; overflow:hidden; }
.news-lister .item h3 a { color:#8a8a88; }
.news-lister .item h3 a:hover { color:#ff9292; }
.news-lister .item .img { margin:0 20px; position:relative; overflow:hidden; }
.news-lister .item .img a { display:block; padding:0 0 75%; position:relative; overflow:hidden; }
.news-lister .item .img img { position:absolute; left:0; top:0; display:block; width:100%; height:100%; +height:auto; background:#f5f5f5; }
.news-lister .item .img a:hover { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.news-lister .item:hover { box-shadow:0 5px 10px -5px rgba(0,0,0,.2); background:#f5f5f5; }

.news-detail { width:1200px; margin:0 auto; padding:50px 0 0; }
.news-detail h1 { font-size:25px; font-weight:normal; text-align:center; padding:0 0 5px; }
.news-detail .subsidiary { text-align:center; padding:0 0 10px; border-bottom:1px dashed #999; margin:0 0 40px; }
.news-detail .subsidiary li { display:inline-block; +display:inline; +zoom:1; height:40px; line-height:40px; color:#999; margin:0 15px; }
.news-detail .subsidiary li.hit { padding:0 0 0 26px; background:url(../images/news-hit.png) left center no-repeat; }


/******************************
 ** 产品
 ******************************/
.product-lister { padding:0 0px; }
.product-lister .list { float:left; width:100%; padding:10px 0 20px; }
.product-lister .item { float:left; width:25%; +width:24.9%; background:#000; }
.product-lister .inner { display:block; opacity:.55; filter:Alpha(opacity=55); position:relative; zoom:1; }
.product-lister .inner:hover { opacity:1; filter:Alpha(opacity=100); }
.product-lister .inner .img { display:block; position:relative; width:auto; padding:0 0 75%; overflow:hidden; }
.product-lister .inner img { position:absolute; left:0; top:0; display:block; width:100%; height:100%; +height:auto; }
.product-lister .inner .ins { background:#fff; height:160px; padding:0 20px; text-align:center; }
.product-lister .inner h3 { font-size:24px; line-height:40px; font-weight:normal; padding:30px 0 10px; color:#333; }
.product-lister .inner p { height:50px; line-height:25px; font-size:15px; overflow:hidden; color:#999; }
.product-lister .inner:hover img { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }

.product-detail { width:1200px; margin:0 auto; padding:20px 0 40px; }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; }
.product-photo .original img { display:block; width:100%; height:330px; }
.product-photo .prev, .product-photo .next { float:left; width:17px; height:69px; background:url(../images/photo-pn.png) 0 0 no-repeat; cursor:pointer; }
.product-photo .next { float:right; background-position:-19px 0; }
.product-photo .prev:hover { background-position:0 -70px; }
.product-photo .next:hover { background-position:-19px -70px; }
.product-photo .nodrop { cursor:no-drop; }
.product-photo .prev.nodrop:hover { background-position:0 0; }
.product-photo .next.nodrop:hover { background-position:-19px 0; }
.product-photo .thum { float:left; width:395px; height:69px; margin:0 0 0 5px; overflow:hidden; position:relative; }
.product-photo .thum dl { float:left; width:300%; height:69px; position:relative; }
.product-photo .thum dd { float:left; width:87px; height:65px; border:2px solid #fff; margin:0 10px 0 0; cursor:pointer; background:#f1f1f1; }
.product-photo .thum img { width:100%; height:65px; display:block; }
.product-photo .thum dd.current { border-color:#c81528; }
.product-info { margin:0 0 0 460px; position:relative; height:410px; }
.product-info h1 { font-size:20px; line-height:1.4; margin-bottom:20px; font-weight:normal; }
.product-info .des { width:100%; height:175px; line-height:25px; margin-bottom:20px; overflow:hidden; }
.product-info .order { width:355px; margin:3px 0 15px; }
.product-info .order a { display:block; width:120px; height:40px; line-height:40px; color:#FFF; font-size:16px; background:#d9000f; text-align:center; border-radius:5px; }
.product-info .order a:hover { background:#bc000d; }
.product-info .tel { width:310px; background:#fff; border:3px solid #eee; padding:20px; line-height:1.3; }
.product-info .tel h2 { font-size:16px; font-weight:normal; }
.product-info .tel h3 { font-size:36px; color:#c81528; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; }
.article-container .article { padding-bottom:10px; }
.article-head { height:40px; border-bottom:1px solid #ddd; padding-top:20px; margin-bottom:15px; }
.article-head h2 { line-height:38px; font-size:16px; color:#c81528; border-bottom:3px solid #c81528; width:90px; padding:0 0 0 10px;  }


/******************************
 ** 案例
 ******************************/
.case-lister { padding:0; }
.case-lister .list { float:left; width:100%; padding:10px 0 20px; }
.case-lister .item { float:left; width:33.33%; background:#000; position:relative; overflow:hidden; }
.case-lister .img { display:block; position:relative; width:100%; padding:0 0 75%; overflow:hidden; -webkit-transition:all .5s linear; -moz-transition:all .5s linear; -ms-transition:all .5s linear; transition:all .5s linear; background:#000; opacity:1; filter:Alpha(opacity=100); }
.case-lister .img img { display:block; position:absolute; left:0; top:0; width:100%; height:100%; +height:auto; }
.case-lister .shadow { position:absolute; left:0; top:0; width:100%; height:100%;  visibility:hidden; }
.case-lister .inner { position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/case-shadow.png) center center repeat; background:rgba(0, 0, 0, .8); padding:40px; }
.case-lister .inner h3 { height:40px; line-height:40px; overflow:hidden; font-weight:normal; font-size:24px; margin:0 0 15px; }
.case-lister .inner h3 a { color:#c81528; }
.case-lister .inner p { height:96px; line-height:24px; font-size:15px; overflow:hidden; color:#bbb; }
.case-lister .readme { height:30px; line-height:30px; position:absolute; left:0; bottom:0; right:0; padding:40px; }
.case-lister .readme a { color:#bbb; }
.case-lister .readme a:hover { color:#FFF; }

.case-lister2 { padding:10px 20px 0; }
.case-lister2 .list { width:100%; +padding-bottom:40px; }
.case-lister2 .item { float:left; width:50%; +width:49.8%; margin:0 0 40px; }
.case-lister2 .item .inner { height:150px; margin:0 15px; padding:0 0 0 220px; position:relative; }
.case-lister2 .item .img { position:absolute; left:0; top:0; width:200px; height:150px; overflow:hidden; }
.case-lister2 .item .img img { display:block; width:100%; height:150px; }
.case-lister2 .item .img:hover img { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.case-lister2 .item h3 { height:30px; line-height:30px; font-size:24px; font-weight:normal; margin:0 0 15px; overflow:hidden; }
.case-lister2 .item p { height:96px; line-height:24px; overflow:hidden; text-align:justify; }

.case-detail { width:1200px; margin:0 auto; padding:50px 0 0; }
.case-detail h1 { font-size:25px; font-weight:normal; text-align:center; padding:0 0 5px; margin-bottom:30px; }
.case-detail .photo { text-align:center;margin-bottom: 20px;}


/******************************
 ** 单页文章
 ******************************/
.about-detail { width:auto; padding:0 35px 40px; }


/******************************
 ** 联系我们
 ******************************/
.contact-detail { position:relative; }
.contact-panel { position:absolute; width:360px; left:30px; top:30px; bottom:30px; z-index:10; background:#ffffff; padding:20px; border-radius:3px; box-shadow:3px 3px 0 1px rgba(0,0,0,.1); }
.contact-panel .head { height:40px; line-height:40px; }
.contact-panel .head h2,
.contact-panel .head h3 { display:inline-block; +display:inline; }
.contact-panel .head h2 { font-size:30px; font-weight:normal; margin:0 10px 0 0; }
.contact-panel .head h3 { font-size:30px; font-weight:normal; color:#999; font-family:'letter Gothic Std'; text-transform:uppercase; }
.contact-panel .body { position:absolute; left:20px; top:80px; bottom:120px; right:20px; overflow:hidden; }
.contact-panel .main { position:absolute; left:0; top:0; right:-20px; bottom:0; overflow:auto; }
.contact-panel .item { margin-bottom:20px; }
.contact-panel .item dt { font-size:; font-weight:bold; color:#333; }
.contact-panel .item dd { line-height:35px; }
.contact-panel .foot { position:absolute; left:0; bottom:40px; right:0; }
.contact-panel .msg { display:block; width:220px; height:45px; line-height:45px; background:#5eaf31; color:#FFF; text-align:center; border-radius:3px; margin:0 auto; font-size:20px; }
.contact-panel .msg:hover { background:#308103; }

.contact-msg { position:absolute; width:380px; left:440px; bottom:30px; z-index:9; background:#ffffff; padding:30px 20px 20px; border-radius:3px; box-shadow:3px 3px 0 1px rgba(0,0,0,.1); display:none; -webkit-transition-duration:.5s !important; -moz-transition-duration:.5s !important; -ms-transition-duration:.5s !important; transition-duration:.5s !important; }
.contact-msg .form { width:100%; overflow:hidden; }
.contact-msg .form > * { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden; }
.contact-msg .row-1 { width:328px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.contact-msg .row-2 { width:378px; height:110px; padding:0 0 0 0; border:1px solid #ddd; }
.contact-msg .row-3 { width:378px; height:auto; }
.contact-msg .ico-name { background:url(../images/form-name.png) 15px center no-repeat; }
.contact-msg .ico-phone { background:url(../images/form-phone.png) 15px center no-repeat; }
.contact-msg .ico-email { background:url(../images/form-email.png) 15px center no-repeat; }
.contact-msg .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.contact-msg .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.contact-msg .text { width:368px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.contact-msg img.code { float:left; width:110px; height:42px; cursor:pointer; }
.contact-msg input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-right:20px; padding:0 10px; color:#999; }
.contact-msg .submit, .contact-msg .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.contact-msg .submit { background:#ffb928; margin-left:0; }
.contact-msg .reset { background:#999; }
.contact-msg .submit:hover { background:#ff9c28; }
.contact-msg .reset:hover { background:#777; }
.contact-msg .onfocus, .contact-msg .onfocus input.code { border-color:#aaa; }

.contact-map { height:700px; position:relative; z-index:1;  }
.BMap_bubble_title a { display:inline-block; padding:4px 10px; background:#c81528; color:#fff; border-radius:3px; }
.BMap_bubble_title a:hover { background:#e36100; }
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0; color:#777; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/log-arrow.png) center center no-repeat; }



/******************************
 ** 在线留言
 ******************************/
.message-page { width:1200px; margin:0 auto; padding:0 0 50px;  }
.message-page form { float:right; width:380px; }
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden; }
.message-page .row-1 { width:328px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.message-page .row-2 { width:378px; height:110px; padding:0 0 0 0; border:1px solid #ddd; }
.message-page .row-3 { width:378px; height:auto; }
.message-page .ico-name { background:url(../images/form-name.png) 15px center no-repeat; }
.message-page .ico-phone { background:url(../images/form-phone.png) 15px center no-repeat; }
.message-page .ico-email { background:url(../images/form-email.png) 15px center no-repeat; }
.message-page .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.message-page .text { width:368px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.message-page img.code { float:left; width:110px; height:42px; cursor:pointer; }
.message-page input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-right:20px; padding:0 10px; color:#999; }
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#c81528; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#b40316; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }
.message-page .contact { width:750px; }


/******************************
 ** 自定义字体
 ******************************/
@font-face{
	font-family: 'helv';
	src: url('../font/helv.eot');
	src: url('../font/helv.eot?#iefix') format('eot'),
		 url('../font/helv.ttf') format('truetype');
}


/******************************
 ** 兼容性
 ******************************/
body { _background:url(../images/ie6.png) center center no-repeat #fff; }
body > * { _display:none; }