﻿@charset "utf-8";
html{color:#000;background:#FFF; }
body {background:#FFF;color:#444;font:12px/1.231 微软雅黑,"微软雅黑";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; }
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}
a { color:#444; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }

/*广告图*/
.body-wrap {width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}

.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:25px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:12px; height:12px; display: block; background:#fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px;}
.flex-control-paging li a:hover { background: #fff; }
.flex-control-paging li a.flex-active { background: #f00; cursor: default; }

/*当前位置*/
.topadcs{width:100%; overflow:hidden; text-align:center;margin:0 auto 0; }
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:400px;}



/*头部开始*/
.t_bg {background:url(../images/t_bg.gif) repeat-x center 0;height:230px;}

.h_top { height:39px; line-height:39px; overflow:hidden; font-size:14px; color:#666}
.h_top i{ float:left;}
.h_top p { float: right;}
.h_top p a { padding:0 10px; color:#666}

.h_con { height:136px; width:1200px; overflow:hidden}
.h_con h1 { padding:20px 0 0; float:left;}
.h_con h1 img{width: 115px;}
.h_bt { padding:0 0 0 20px; margin:40px 0 0 10px; border-left:solid 1px #dcdcdc}
.h_bt span {display:block; font-size:18px;font-weight: bold; padding: 5px 0; color:#ac1e23}
.h_bt em { display:block; font-size:28px; line-height: 34px; font-weight: bold; color:#333;}
.h_pho { margin-top:45px; font-size:15px; color:#191919; background:url(../images/h_dh.gif) no-repeat 0 4px; padding-left:50px;}
.h_pho span { color:#ac1e23; font-size:24px; display:block; font-weight:bold;}

.h_nav { height:50px; line-height:55px; }
.h_nav ul li { float:left; background:url(../images/n_bor.gif) no-repeat right center; display:inline; position:relative;}
.h_nav ul .nobor01 { background:none;}
.h_nav ul li a { display:inline-block; padding:0 57px; color:#fff; font-size:15px;}
.h_nav ul li a:hover,.h_nav ul .cur a {  background:#ac1e23;}
.h_nav ul li .erj li:hover{ background:#191919; }
.h_nav ul li .erj { background:#ac1e23; width:140px;  top:50px; left:0; z-index:999; position:absolute;}
.h_nav ul li .erj li { clear:both; background:none; width:100%}
.h_nav ul li .erj li a { color:#fff; font-size:14px; font-weight:normal;height:40px; line-height:40px; padding-left:15px; display:block; border-bottom:solid 1px #d44b50; text-align:center; padding:0;}
.h_nav ul li .erj li a:hover { color:#fff; background: none;}


.content{}
.dyip{ padding:1% 0;}
.dyip .title{ text-align:center;}
.dyip .title h2{ font-size:28px; font-weight:bold; line-height:60px;}
.dyip .title h2 span{ color:#a20e1c;}
.dyip .title .border{ height:1px; background:#bbb; position:relative;}
.dyip .title .border .xian{ width:100px; height:3px; background:#a20e1c; position:absolute; left:50%; top:-1px; margin-left:-50px;}
.dyip .title p{ color:#999; margin-top:10px; font-size: 15px;}

.dyip ul{margin-left: -2%; margin-top:35px; overflow: hidden;}
.dyip li{float:left;width: 23%;margin-left: 2%;text-align: center; margin-bottom: 10px;}
.dyip li .pic{border:1px solid #ccc;}
.dyip li .pic img{width: 100%;}
.dyip li p{line-height: 30px;margin-top:6px; font-size: 14px;}


/*公共主题样式*/
.homeTopic{font-size:28px;color: #a20e1c;font-weight: normal;text-align: center;margin-bottom: 35px;}
.homeTopic b{display: block;font-size: 12px;color: #888;text-transform: uppercase;font-weight: normal;margin-bottom: 5px;}


/*优势*/
.homeYs{background: url(../images/hYs-bg.jpg) no-repeat center center;height: 385px;padding: 45px 0;}
.homeYs ul{padding-top: 10px;width: 1200px;margin: 0 auto; }
.homeYs li{width: 270px;float: left;text-align: center;height: 300px;transition: all .5s;margin-right: 5px;}
.homeYs li i{display: block;width: 120px;height: 120px;margin: 15px auto;background-repeat: no-repeat;background-position: center 0;transition: all .3s;}
.homeYs li h5{font-size: 22px;color: #333333;font-weight: normal;margin-bottom: 25px;}
.homeYs li p{width: 220px;margin:0 auto;font-size: 14px;color: #666666; line-height: 25px;}
.homeYs .ys1 i{background-image: url(../images/hYs-ico1.png);}
.homeYs .ys2 i{background-image: url(../images/hYs-ico2.png);}
.homeYs .ys3 i{background-image: url(../images/hYs-ico3.png);}
.homeYs .ys4 i{background-image: url(../images/hYs-ico4.png);}
.homeYs li:hover{background-color: #ffffff;box-shadow: 0 0 10px 5px #c8c8c8;transform: scale(1.02);}
.homeYs li:hover i{background-position: center -120px;}



/*首页简介*/
.about{max-width:1200px; margin:10px auto 0 auto; overflow: hidden;}
.about .title{height:52px;line-height:48px;background-image:url(../images/title_line.jpg);background-position:left bottom;background-repeat:no-repeat;font-size:18px;color:#333}
.about h2{margin-bottom:25px}
.about-left{width:425px; padding-bottom:15px;background-image:url(../images/sp_bg.png);background-repeat:no-repeat;background-position:bottom center}
.about-left img{width:100%;}
.about-right{width:calc(100% - 455px);}
.about-right h4{height:36px;line-height:36px}
.about-right h4 a{font-size:18px;font-weight:normal;color:#a20e1c}
.about-right h4 a:hover{text-decoration:underline}
.about-right p{margin-top:5px;font-size: 14px; line-height:30px;overflow:hidden;color:#323232;text-overflow:ellipsis}
.about-right .mores{margin-top: 12px; display: block;border: 1px solid #a20e1c; width: 110px; line-height: 32px; text-align: center; font-size: 14px;}

.pic_flow{ height:220px; margin-top: 0; padding:12px 0;overflow:hidden; }
.pic_flow ul{ overflow:hidden; zoom:1; }
.pic_flow ul li{ width:280px; float:left; margin:0 5px;  display:inline; }
.pic_flow ul li img{ width:100%;  }


/*应用案例*/
h2.h2_title {padding:0 0 10px 0;font-size: 28px;text-align: center;background: url(../images/line01.png) no-repeat center bottom;margin-bottom: 25px; color: #333;}
h2.h2_title a {color: #333;}

.yyal {padding-bottom: 43px;}
.yyal .yyal_p1 {font-size: 18px;text-align: center;}

.yyal .yyal_con {margin-top: 35px;height: 516px;overflow: hidden;}
.yyal .yyal_con .conleft {width: 265px;background: #fbf9fa;}
.yyal .yyal_con .conleft dl {height: 80px;position: relative;padding:29px 0 0 75px;border-bottom: 1px solid #fff;}
.yyal .yyal_con .conleft dl dt {font-size: 40px;position: absolute;left: 15px;top: 25px;}
.yyal .yyal_con .conleft dl dd.dd1 {font-size: 18px;height: 24px;line-height: 24px;background: url(../images/jtr03.png) no-repeat 160px center;color: #000;}
.yyal .yyal_con .conleft dl dd.dd2 {font-size: 13px;text-transform: uppercase;margin-top: 5px;color: #acacac;}
.yyal .yyal_con .conleft dl dd.dd3 {display: none; width: 14px;height: 22px;background: url(../images/yyaljtr.png) no-repeat center;position: absolute;right: -14px;top: 44px;z-index: 3;}

.yyal .yyal_con .conleft li.cur dl {background: #08429a;}
.yyal .yyal_con .conleft li.cur dl dt {color: #fff;}
.yyal .yyal_con .conleft li.cur dl dd.dd1 {color: #fff;background: url(../images/jtr04.png) no-repeat 160px center;}
.yyal .yyal_con .conleft li.cur dl dd.dd2 {color: #fff;}
.yyal .yyal_con .conleft li.cur dl dd.dd3 {display: block;}

.yyal .yyal_con .conleft a.yyal_more {display: block;height: 74px;line-height: 74px;text-indent: 90px; background: url(../images/yyal_icon01.png) no-repeat 45px center;font-size: 18px;color: #000;border: 1px solid #025abd;}

.yyal .yyal_con .conright {width: 935px;height: 516px;position: relative;overflow: hidden;}
.yyal .yyal_con .conright ul {position: relative;}
.yyal .yyal_con .conright ul li {height: 516px;position: relative;z-index: 1;} 
.yyal .yyal_con .conright ul li img {display: block;}
.yyal .yyal_con .conright .r_case {height: 100px;position: absolute;left: 0;bottom: 0;width: 100%;background: url(../images/yyalbg03.png);padding-top: 30px;}
.yyal .yyal_con .conright .r_case .r_p1 {font-size: 18px;margin-left: 43px;width: 615px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;color: #fff;}
.yyal .yyal_con .conright .r_case .r_p2 {font-size: 13px;color: #fff;margin-left: 43px;width: 615px;overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-height: 20px;-webkit-box-orient: vertical; height: 40px;margin-top: 10px;color: #fff;}
.yyal .yyal_con .conright .r_case a.ljxq {display: block;width: 125px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;border: 2px solid #fff;position: absolute;right: 35px;top: 30px;}
.yyal .yyal_con .conright .r_case a.wydz {display: block;width: 125px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;border: 2px solid #fff;position: absolute;right: 35px;top: 73px;}



/*新闻*/
.newsMain .slideTxtBox{float: left;width: 697px;height: 435px;background-color: #fff; }
.newsMain .new_r{float: right;width: 438px;height: 435px;}
.newsMain{margin-bottom: 15px;}
.slideTxtBox .hd{overflow: hidden;border-bottom: 1px solid #a20e1c;}
.slideTxtBox .hd li{cursor: pointer;}
.slideTxtBox .hd li{display: block;font-size: 16px;color: #fff;text-decoration: none;background: #a20e1c;font-weight: bold;float: left;width: 135px;height: 40px;line-height: 40px;text-align: center; border-radius:5px 5px 0 0;}

.slideTxtBox .news{margin-top:15px;overflow: hidden;display: block;}
.slideTxtBox .news .top_1{overflow: hidden;margin-bottom: 15px;}
.slideTxtBox .news .nl_pic{float: left;padding: 2px;border: 1px solid #dddddd;}
.slideTxtBox .news .nl_pic img{display: block;width:245px;}
.slideTxtBox .news .nl_wen{margin-left: 266px;}
.slideTxtBox .news .nl_wen h5{padding: 5px 0;}
.slideTxtBox .news .nl_wen h5 a{font-size: 15px;font-weight: bold;color: #333;}
.slideTxtBox .news .nl_wen p{font-size: 12px;color: #888;line-height: 25px;height:75px;overflow: hidden;}
.slideTxtBox .news .nl_wen>a{display: block;width: 106px;height: 30px;line-height: 30px;text-align: center;background-color: #a20e1c;font-size: 13px;color: #fff;text-decoration: none;margin-top: 10px;}
.newsMain .slideTxtBox .news li{padding-left: 10px;background: url(../images/newsli.jpg) no-repeat left center;height: 38px;line-height: 38px;width: 100%!important;margin: 0px!important; border-bottom: 1px dashed #ccc;}
.newsMain .slideTxtBox .news li em{font-size: 12px;color: #999;float: right;width: 90px;}
.newsMain .slideTxtBox .news li a{font-size: 13px;color: #666;}
.new_r .ntop{height: 42px;color: #fff;line-height: 42px;border-bottom: 1px solid #a20e1c;}
.new_r .ntop h5{float: left;}
.new_r .ntop h5 a{width: 135px;display: block;text-align: center;font-size: 16px;color: #fff;background: #a20e1c;border-radius:5px 5px 0 0;}
.new_r .ntop .nmor{float: right;font-size: 13px;color: #fff;text-transform: uppercase;padding-top: 8px;}
.new_r .learn{width: 424px;margin: 0 auto;margin-top: 20px;height: 447px;overflow: hidden;}
.new_r .bd{width: 424px;margin: 0 auto;margin-top: 20px;height: 340px;overflow: hidden;}
.new_r .learn li{margin-bottom: 15px;vertical-align: top;height: 100px;border-bottom: 1px dashed #ddd;}
.new_r .learn li img{display: block;}
.new_r .learn li h5{padding: 10px 0 10px 30px;font-size: 14px;color: #444;background: url(../images/wen.jpg) no-repeat 0 9px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 360px;}
.txtMarquee-top .tempWrap{height: 330px!important;}
.new_r .learn li p{font-size: 13px;color: #888;height: 50px;line-height: 25px;overflow: hidden;padding-left: 30px;background: url(../images/da.jpg) no-repeat 0 2px;}


/*底部开始*/
.footer{ width:100%; height:300px; background:#333; font-size: 14px; }
.f-con{ width:1200px; height:200px; margin:0 auto; padding-top:35px;}
.f-left{ width:300px; float:left;}
.f-left h2,.f-center h2,.f-right h2{ height:30px; border-bottom:1px solid #666; font-size:16px; color:#eee;}
.f-left ul{ margin-top:10px;}
.f-left ul li{ width:130px; height:40px; line-height:40px; float:left;}
.f-left ul li a{ font-size:14px; color:#969696;}
.f-left ul li a:hover{ color:#fff;}
.f-center{ width:350px; float:left; margin-left:98px;}
.f-center ul{ margin-top:20px;line-height:30px;color:#969696; padding-left:0; }

.f-right{ width:300px; float:right;}
.f-right dl{width:246px; margin-top:20px; }
.f-right dl dt{ width:145px; float:left;}
.f-right dl dt p{font-size:14px; color:#969696; text-align:center; line-height:40px;}
.f-right dl dt img{width:100%;}


.f-b{ width:100%; height:60px; background:#111; }
.f-b .copys{ text-align:center; font-size:13px; line-height:35px; color:#bbb; padding-top: 12px;}




/*客服*/
.rides-cs{font-size: 12px; background:url(../images/online_cn.png) 34px 0px no-repeat; ; position: fixed; top:120px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;} 
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; background:#bc0023; position: relative; z-index:1;margin-top: 45px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 132px; float: left; height: 576px; padding: 5px; padding-top: 44%; overflow:hidden;}
.rides-cs .floatR .cn { border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 37px; height:37px; color:#fff;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #fff;  font-size: 14px;}
.rides-cs .cn ul li a{color: #fff;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image:url(../images/shopnc.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
