/*home  css */
.hd-top{ background: url(../images/hd-top-bg.png) repeat; height: 33px; line-height: 33px; min-width: 970px; width: 100%; color: #eee;}
.hd-top a{ color: #eee;
	font-weight: bold;
}
.hd-top i{ display: inline; float: left;height: 21px;margin: 7px 5px 0 0; width: 20px; color: #eeeeee;}
.guanzhu_arr{ display: none;}
.guanzhuconent{  background:#ffffff;width: 150px; height: 90px; position: absolute; top: 26px; left: 280px; display: none;  z-index: 3; border: 1px solid #e5e5e5; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.guanzhuconent ul{ padding: 10px 15px; line-height: 35px;}
.guanzhuconent i{ display: inline-block; height: 35px;margin: 0px 0px 0 0; width: 35px;}
.hd-top .pull-right li{ float: left; margin-right: 10px;}
.hd-top .col-xs-12{ padding-left: 10px;}
.hd-logo{ height: 95px; background: #2995c2; border-bottom:1px solid #1978ad;}
.logo{ padding-left: 10px;}
.logo h1{ margin: 0px;}
.hd-info{ line-height:38px; height: 38px;}
.hd-info,.hd-info a{color: #64686f; font-weight: bold;}
.hd-info li i,.hd-info .phone i{ display: inline; float: left;height: 24px;margin: 10px 0px 0 0; width: 25px;}
.hd-info li h3{ float: right; margin: 0px; font-size: 12px; font-weight: normal; line-height: 38px;}
.hd-info span.phone
{ 
	font-size: 24px;
}

.hd-info .pull-left{ padding: 0px; margin:0px; margin-left: 10px;}
.hd-info .pull-left li{ list-style: none; float: left; margin-right: 15px;}

#navlist ul{ padding: 0px;}
#navlist li{ list-style: none; float: left; height: 60px; line-height: 36px; text-align: center; width: 20%; transition:all 0.3s; }
#navlist li.now{ background: #ffffff;}
#navlist li.now a{ color: #2995c2;}
#navlist li span.ico{ background: url(../images/index.png) -311px -81px; display: inline-block; width: 10px;height: 8px; margin-left: 6px; transition:all 0.5s; }
#navlist li.now span.ico{ background: url(../images/index.png) -311px -32px;}
#navlist li a { font-size: 16px; font-weight: bold; color: #ffffff;}
#navlist .nav-line{ position: absolute; right: 0; top:92px; width: 100px; height: 4px; background:#9f9f9f; opacity: 0;  filter:alpha(opacity=0);}
#navbox{ position: absolute; top:71px; left: 0px; z-index: 28; }
#navbox .cont{position: relative; z-index: 30; background:#ffffff;border: 1px solid #ddd; border-top:none; padding-top: 10px; 
	margin-left: -1px;
}
#navbox .cont dl{ position: relative; z-index: 31; float: left; padding:10px 12px;/* border-right: 1px solid #ddd;*/  }
#navbox dl dd { line-height: 32px; position: relative;}
#navbox dl dd i.ico{  background: url(../images/index.png) -311px -113px; float: left; width: 18px; height: 12px; position: absolute; left: 72px; top:5px;}
/*nav end */

/*header end*/
.icon-home{ background-image: url(../images/index.png); display: inline-block; transition:all 0.5s; }
.icon-active{ background-image: url(../images/index.png); display: inline-block; }
.icon-wb{ background-position: -299px 5px;}
.icon-wx{ background-position: -347px 5px;}
.icon-down{ background-position: -308px -43px; }
.icon-11{ background-position: -400px 0px;}
.icon-12{ background-position: -450px 0px;}
.icon-13{ background-position: -508px 0px;}
.icon-14{ background-position: -565px 0px;}
.hd-info .phone .icon-15
{ 
	background-position: -622px 0px;
	width: 35px;
	margin-top: 7px;
}

.icon-16{ background-position: -684px 0px;}
.icon-17{ background-position: -726px 0px;}
.icon-18{ background-position: -765px 0px;}
.icon-20{ background-position: -345px -256px;}
.icon-active.icon-20{ background-position: -345px -208px;}
.icon-21{ background-position: -400px -256px;}
.icon-active.icon-21{ background-position: -400px -208px;}
.icon-22{ background-position: -452px -256px;}
.icon-active.icon-22{ background-position: -452px -208px;}
.icon-23{ background-position: -508px -256px;}
.icon-active.icon-23{ background-position: -508px -208px;}
.icon-24{ background-position: -565px -256px;}
.icon-active.icon-24{ background-position: -565px -208px;}
.icon-25{ background-position: -623px -256px;}
.icon-active.icon-25{ background-position: -623px -208px;}
.icon-26{ background-position: -733px -256px;}
.icon-active.icon-26{ background-position: -733px -208px;}
.icon-27{ background-position: -784px -256px;}
.icon-active.icon-27{ background-position: -784px -208px;}
.icon-30{ background-position: -345px -100px;}
.icon-31{ background-position: -390px -100px;}
.icon-32{ background-position: -455px -100px;}
.icon-33{ background-position: -525px -100px;}
.icon-34{ background-position: -595px -100px;}
.icon-35{ background-position: -665px -100px;}
.icon-36{ background-position: -735px -100px;}
.icon-41{ background-position: -339px -160px;}
.icon-42{ background-position: -404px -160px;}
.icon-43{ background-position: -465px -160px;}
.icon-44{ background-position: -528px -160px;}
.icon-45{ background-position: -590px -160px;}
.icon-46{ background-position: -652px -160px;}
.icon-47{ background-position: -714px -160px;}
.icon-48{ background-position: -777px -160px;}

.shadow-c{ background: url(../images/shadow-c.png) repeat-x 0 -1px; height: 6px; width: 100%; z-index: 13; position: relative; top:-1px; opacity: 0.6;}
.content{ background: #e9e9e9; min-width: 970px;}
.side{ background: url(../images/content_shadow.png) repeat-y right top; padding:0 10px 0 0;z-index: 10;
    position: relative; left: 10px;box-shadow: -5px 5px 5px #dddddd; }
.article{ background:#ffffff; padding: 0;}
.shadow-index{box-shadow: 5px 5px 8px #cccccc; margin-left: 0px; padding-right: 10px; margin-top: 15px;}
.side .list-group{ margin-bottom: 0px; background: #ffffff;}
.side .list-group.active{ background: #2995c2;}
.side .list-group.active dl { border-bottom: 1px solid #2995c2;}
.side .list-group.active dl dt{ color: #ffffff;}
.side .list-group.active dl dd{ color: #ffffff;}
.side .list-group dl{  border-bottom: 1px solid #e7e7e7; margin: 0 15px;}
.side .list-group dl dt{ padding: 11px 0; font-size: 14px;color: #5a5a5a;}
.side .list-group dl i{ display: inline; float: left;height: 24px;margin: 0px 10px 0 0; width: 25px;}
.side .list-group dl dd{ float: left; padding: 6px 7px; color: #9f9f9f; min-width: 55px;}

.article .slides{ padding: 0px;}
.step ul{ margin-right: 20px; padding: 0px;}
.step li{ float: left ; width: 25%; text-align: center;}
.step i { display: inline; float: left;height: 24px;margin: 8px 10px 0 0; width: 25px; }
.servelist{ border: 1px solid #dbdbdb; border-radius:5px; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); padding:18px 15px 12px; margin-bottom: 21px;}
.servelist li{ float: left; width: 25%; padding: 0 15px;}
.servelist li i{ display: inline; float: left;height: 24px; width: 25px;}
.servelist li a{ color: #5a5a5a;}

.news h4,.step h4,.client h4,.work h4{ height: 40px; color: #585858; line-height: 40px;}
.news ul{ padding: 10px 0px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;  }
.news ul li { width: 210px; overflow: hidden;}
.news ul li a{ line-height: 24px; overflow: hidden; min-width:210px; color: #5a5a5a; }
.news ul li a:hover{ text-decoration: underline;}
.trace{ margin-bottom: 20px; position: relative;}
.trace textarea{ height: 30px; width: 80%;}
.trace .icon-18{ display: inline; float: right;height: 25px; width: 25px; position: absolute; left: 155px; top:32px; }
.inshop{ padding: 0 10px;}
.inshop .col-xs-4:hover img{-webkit-transform: rotate(5deg) scale(1.2); transform: rotate(5deg) scale(1.2);transition: all 0.3s linear 300ms;}
.inshop .col-xs-4 img { }
.inshop h3{ height: 59px; background: url(../images/shop-shadow.png); font-weight: bold; font-size: 14px; margin: 0px; padding-top: 30px;}
.inshop .col-xs-4{ height: 228px; border: 1px solid #d6dae0; padding: 0; overflow: hidden;}
.superiority{ padding: 20px 0px;}
.superiority li { float: left; height:60px; width:16.66%; text-align:left; }
.superiority li i{ display: inline; float: left;height: 50px;margin: 20px 10px 0 0; width: 60px;}
.superiority h3{ font-size: 14px; color: #414141; font-weight: bold;}
.superiority p { color: #999999;}
/*content end*/

.fb{ background:#E9E9E9}
.client-c{ padding: 20px;}
.client-c .tab-content{ height: 110px; font-size: 16px;}
.client-c i.nt1,.client-c i.nt2{ display: inline; float: left;height: 64px; width:64px;margin: 10px 10px 0 0; background: url(../images/renwu.png); opacity: 0.5; filter:alpha(opacity=50);}
.client-c .active i{ opacity: 1;filter:alpha(opacity=100);}
.client-c .active { color: #5a5a5a;}
.client-c a{ display: inline-block; width: 40%; }

.work{ padding:0 10px;}
.work-c { padding: 20px 0; background:#fff; border:1px solid #D6DAE0; }
.work-c .scroll-img ul li {height: 70px; width: 14.28%; float: left; text-align: center;}
.work-c .scroll-img ul li img{ background: #e9e9e9; width: 130px; height: 70px; border:none;}
.work-c .scroll-img {width: 100%;height: 70px;overflow: hidden;font-size: 0;}
.work-c .scroll-img ul {width: 100%;height: 600px;margin: 0;}



/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; height: 250px;}
.flexslider .slides  li {position: relative; height: 250px; overflow: hidden;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}
/* Caption style */
.flex-caption {width: 100%; padding: 1%; margin-bottom:0px;  position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 15px; line-height: 18px;}
/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: none; background: url(../demo-stuff/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -21px;}
/* Control Nav */
.flex-control-nav {margin-left: -31px; position: absolute; bottom: 10px; left: 85%;} /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {margin: 0 0 0 5px; float: left;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../demo-stuff/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}



#timeline {width: 860px;height:  500px;overflow: hidden;margin: 40px auto;position: relative; }
#dates {width: 180px;height: 500px;overflow: hidden;float: left; position: absolute; left: 300px; top: 0px;background: url('../images/timedot.png') 90px top repeat-y;}
#dates li {list-style: none;width: 100px;height: 100px;line-height: 100px;font-size: 18px; padding-right:30px; text-align:right; background: url('../images/index.png') -142px -188px no-repeat;}
#dates a {line-height: 38px;padding-bottom: 10px; color: #43a9eb;}
#dates .selected {font-size: 24px;}
#issues {width: 860px;height: 500px;overflow: hidden;float: right;}
#issues li {width: 275px;height: 500px;list-style: none; }
#issues li p {font-size: 14px;margin: 10px;line-height: 26px;}

#timeline .prev,#timeline .next{ background-color: #ffffff; display: block; width: 27px; height: 27px; z-index: 10; background-image: url(../images/index.png); position: absolute; }
#timeline .prev{ background-position:-70px -292px; left:377px; top:0px;}
#timeline .next{ background-position:0px -292px; left:377px; top:473px;}
/* timeline end*/
/*footer start*/
.footer{ background: #E9E9E9; border-top:1px solid #CACDD1; box-shadow: -2px -3px 6px #d1d7dc; min-width: 970px; width: 100%;}
.foot-ground{ border-bottom:1px solid #94989c; height: 195px;}
.foot-logo{ background: url(../images/index.png) no-repeat left -8px; height: 200px;}
.foot-info{}
.foot-info dl{ float: left; width: 20%; padding: 32px 0px; color: #5a5a5a;}
.foot-info dt{ font-weight: bold; color: #5a5a5a; font-size: 14px;}
.mar10{ margin-top:10px;}
.foot-info dd a{ line-height: 2em; color:#5a5a5a; }
.foot-info dd a:hover{ color: #0085d8;}
.foot-text{ height: 75px;}
.tongji{ display: none;}

.nav-tabs li{ width: 25%; text-align: center;}
.links li{ width: 15%; line-height: 40px; float: left;}
.links li a{ color: #333333;}

.scrolltop{ width: 41px; height: 41px; background:url(../images/index.png) no-repeat 0px -216px; position: fixed; right: 0px; bottom: 100px;  z-index: 100;}
.scrolltop:hover{background:url(../images/index.png) no-repeat -51px -216px;}

.ident .ico { text-align: center;}
.ident a{ color:#413ebe;}
.ident a:hover{color: #888888;}
/*
.shadow {
    behavior: url(/css/ie-css3.htc);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
}
.radius{
    -moz-border-radius: 15px; */
/* Firefox *//*
    -webkit-border-radius: 15px; */
/* Safari 和 Chrome *//*
    border-radius: 15px; */
/* Opera 5.5+, 以及使用了IE-CSS3的IE浏览器 *//*
    behavior: url(/css/ie-css3.htc);
}
*/