/* CSS Document */
/*all*/
*{ font:14px/29px "微软雅黑,宋体,arial"; padding:0; margin:0;}
body {background-color: #FFF;  margin:0 auto;color:#666;}
a{ color:#3b3b3b; text-decoration:none;}
a.ee6806{color:#ee6806;text-decoration:underline;}
a.FFFFFF{color:#FFF;text-decoration:none;}
a:hover{ color:#3b3b3b; text-decoration:none;}
img{ border:0;}
ul,ol{ list-style:none;}
.clear{ clear: both;}
.center{ text-align: center;}
h1{ font: 20px/40px "微软雅黑"; font-weight: bold; color:#525252;}
#nav-left-m,#footer-m,#banner-m,#navleftmol,#footer-mol,#navmore{ display: none;}

/*!all*/

/*index*/
.width1{ width: 1200px; margin: 0 auto;}
#index-top{ width:100%; height: 100%; background: url(/images/index_01.jpg) no-repeat; background-position:top center; margin-top: 0; color: #fff; margin-bottom: 80px;}
#index-top a{ color: #fff;}



/*兼容ie导航*/
#nav-top-table{ height: 90px;}
#nav-top-table tr{ background:none;}
#top-search{ vertical-align: middle;}
#top-logo{ color:#f0dc00; font-weight: bold; font: 28px/28px "微软雅黑"; width: 200px;}
#top-search input:first-child{ vertical-align: middle; border: 1px solid #aaa; outline: none; border-radius: 15px 0 0 15px;height: 30px; line-height: 30px; background: none; border-right: 0; vertical-align: middle; color: #CCCCCC; padding-left: 10px;}
#top-search input:last-child{ vertical-align: middle; cursor: pointer; border: 1px solid #aaa; outline: none; border-radius: 0 15px 15px 0;height: 30px; line-height: 30px; background: none; color: #aaa; vertical-align: middle; width: 60px; border-left: none;}
#top-nav a{ display:block; padding:0 10px; border:solid 1px rgba(0,0,0,0); border-radius: 15px; transition: .3s;}
#top-nav a:hover{ border:solid 1px rgba(0,0,0,0.2); border-radius: 15px; color: #000;}
#top{ width:100%; height: 95px; color: #000; background:rgba(255,255,255,0.95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff); border-bottom: solid 1px #dadada;position: fixed; top: 0; left: 0;z-index: 1;}
#wrap{ margin-top: 120px;}

/*#top-logo{ padding-top:32px; color:#f0dc00; 
	font-weight: bold; font: 28px/28px "微软雅黑";}

#nav-index{ height: 95px;}
#nav-index div{ display: inline-block;}
#top-nav{ margin-left:75px;}
#top-search{ margin-left:55px;}
#top-nav li{ display:inline-block;}
#top-nav li a{ display:block; padding:0 10px; margin: 0 10px; border:none; margin-top: 0;}
#top-nav li a:hover{ border:solid 1px #f0dc00; border-radius: 15px; margin: 0 9px; color: #f0dc00;}
#top-search input:first-child{ border: 1px solid #aaa; outline: none; border-radius: 15px 0 0 15px;height: 30px; line-height: 30px; background: none; border-right: 0; vertical-align: middle; color: #CCCCCC; padding-left: 10px;}
#top-search input:last-child{  cursor: pointer; border: 1px solid #aaa; outline: none; border-radius: 0 15px 15px 0;height: 30px; line-height: 30px; background: none; color: #aaa; vertical-align: middle; width: 60px; border-left: none;}
*/

/*nav（除了首页）*/
/*#top{ width:100%; height: 95px; background: none; color: #000; background:rgba(255,255,255,0.8); border-bottom: solid 1px #dadada;position: fixed; top: 0; left: 0;}
#top a{ color: #000;}
#nav div{ display: inline-block;}
#wrap{ margin-top: 100px;}*/


/*nav（除了首页）结束*/
#banner-tex{ height: 720px; border-top:solid 1px #979797;}

/*文字轮播*/
.flexslider { margin: 0px auto 20px; position: relative; width: 100%; height: 200px; overflow: hidden; zoom: 1;}
.flexslider .slides li { width:1200px; height: 100%; margin: 0 auto;}
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px;}
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0;}
.flex-direction-nav .flex-prev { left: 0;}
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25);}
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging{ margin-left: -180px;}
.flex-control-paging li a { display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; }
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a { background-position:0 0;}
.flexslider .slides a img { width: 100%; height: 482px; display: block;}
.slides li p{ font-size: 28px; text-align: center;}
.slides li .dazi{ font-size:56px; vertical-align: middle; line-height: 56px; height: 56px;}
.slides li .dazi span{ background: #f0dc00; color: #000; display: inline-block; font-size:56px; vertical-align: middle; line-height: 56px; height: 56px;}
#banner-tex{ padding-top: 250px; padding-left:0px;}
/*文字轮播结束*/

.index-title1{ font: 24px/36px "微软雅黑"; font-weight: bold; color: #000;}
.title-index{ margin:20px auto;}
.index-title2{ color: #7d7d7d;}
#products-index ul li{ position: relative; float: left; border: solid 1px #b5b5b5; margin-right:11px; width: 284px; height: 284px;}
#products-index ul li:first-child{ margin-left:11px;}
#products-index ul li div{ position: absolute; width: 244px; height: 284px; background: rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
 top: 0; left: 0;color: #fff; text-align: center; padding: 0 20px;}
#products-index ul li div p:first-child{ font:24px/36px "微软雅黑"; margin-top: 50px;}
#products-index ul li div p:last-child{ border: solid 1px #f0dc00; border-radius: 15px; height: 30px; line-height: 30px; width: 100px; margin: 15px auto 0; color: #f0dc00;}
#products-index ul li div p:last-child:hover{ border: solid 1px #f0dc00; border-radius: 15px; height: 30px; line-height: 30px; width: 100px; margin: 15px auto 0; color:#000; background:#f0dc00; transition: 0.5s;}
#products-index ul li div{ opacity: 0;}
#products-index ul li:hover div{ opacity:1; transition: .5s;}
.width2{ background: #f4f4f4;}
#index-about{ height:446px; padding: 70px 0 0;}
#index-about li{ float: left; width: 600px; margin-bottom: 70px;}
#index-about li a div{ float: left;}
.index-about-left{ width: 193px; height: 153px;}
.index-about-right{ width:387px; height: 153px; margin: 0 10px;}
.index-about-right .index-about-right-title{ font:18px/30px "微软雅黑"; font-weight: bold;}
#index-about li:hover .index-about-left img{ opacity: .8;}
#index-about li:hover .index-about-right p{ color: #888888;}
#index-about li:hover .index-about-right .about-line{ color: #f0dc00;}
#index-yingyong li{ float: left; margin-right: 6px; position: relative;}
#index-yingyong ul li:last-child{ margin-right: 0;}
#index-yingyong ul li div{ width: 174px; padding: 60px 30px; height: 215px; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); color: #fff; opacity: 0;}
.index-yingyong-a{ font:18px/30px "微软雅黑"; font-weight: bold;}
.index-yingyong-d{ color: #000; background: #f0dc00; width: 100px; text-align: center; margin-top: 10px;}
.index-yingyong-d:hover{ transition: .5s; background: #fff;}
#index-yingyong ul li:hover div{ opacity: 1; transition: .5s;}
#index-news{ height:270px; padding: 70px 0;}
#index-news dl{ float: left; width:360px; margin-right: 40px;}
#index-news dl dt a{ display: block; font:18px/20px "微软雅黑"; font-weight: bold; color: #000; background: url(/images/index_45.jpg) no-repeat 0 1px; text-indent:30px; border-bottom: dashed 1px #888; padding-bottom: 13px; margin-bottom: 15px;}
#index-news dl dd a{ line-height: 14px; color: #6d6d6d; display: block; border-bottom: solid 1px #f4f4f4; padding-top: 12px;}
#index-news dl dd a:hover{ color: #000; border-bottom: solid 1px #000;}
#index-fu li{ float: left; width: 240px; height: 98px; margin: 45px 0;}
#index-fu ul .fu-left{ width: 97px; height: 97px; float: left; border: solid 1px #b5b5b5; border-radius: 50%;
	behavior: url(pie.htc); overflow: hidden; background: url(../images/index_49.jpg)}
#index-fu li .fu-right p{ font-size: 12px;}
#index-fu li .fu-right{ float: left; width: 121px; margin:0 10px;}
#index-fu ul li:nth-child(2) .fu-left{ background: url(../images/index_52.jpg)}
#index-fu ul li:nth-child(3) .fu-left{ background: url(../images/index_55.jpg)}
#index-fu ul li:nth-child(4) .fu-left{ background: url(../images/index_58.jpg)}
#index-fu ul li:last-child .fu-left{ background: url(../images/index_61.jpg)}
#index-fu ul li:hover .fu-left{border: solid 1px #000; background: url(../images/index2_49.jpg); transition: .5s;}
#index-fu ul li:nth-child(2):hover .fu-left{ background: url(../images/index2_52.jpg)}
#index-fu ul li:nth-child(3):hover .fu-left{ background: url(../images/index2_55.jpg)}
#index-fu ul li:nth-child(4):hover .fu-left{ background: url(../images/index2_58.jpg)}
#index-fu ul li:last-child:hover .fu-left{ background: url(../images/index2_61.jpg)}
#index-fu li .fu-right .index-fu-title{ font:16px/30px "微软雅黑"; font-weight: bold;} 
/*兼容IE*/
#index-fu ul li:first-child+li .fu-left{ background: url(../images/index_52.jpg)}
#index-fu ul li:first-child+li+li .fu-left{ background: url(../images/index_55.jpg)}
#index-fu ul li:first-child+li+li+li .fu-left{ background: url(../images/index_58.jpg)}
#index-fu ul li:first-child+li+li+li+li .fu-left{ background: url(../images/index_61.jpg)}
#index-fu ul li:first-child+li:hover .fu-left{ background: url(../images/index2_52.jpg)}
#index-fu ul li:first-child+li+li:hover .fu-left{ background: url(../images/index2_55.jpg)}
#index-fu ul li:first-child+li+li+li:hover .fu-left{ background: url(../images/index2_58.jpg)}
#index-fu ul li:first-child+li+li+li+li:hover .fu-left{ background: url(../images/index2_61.jpg)}
#footer{ background: #000;}
#footer-black{ color: #fff;}
#footer-black a{ color: #fff;}
#foot-nav p a{ display: inline-block; padding:0 20px; border-left: solid 1px #fff; height: 14px; line-height: 14px; margin: 32px 0;}
#foot-nav p a:hover{color: #f0dc00;}
#foot-nav p a:last-child{ border-right:  solid 1px #fff;}
.foot-title{ font: 18px/32px "微软雅黑"; font-weight: bold;}
#foot-xia div{ float: left; margin-bottom: 15px;}
#foot-xia div:first-child{ width: 466px;}
#foot-xia div:nth-child(2){ width: 566px;}
#foot-xia div:last-child{ width:168px;}
#foot-dibu{ clear:both; background: #E4E4E4; color: #4B4B4B; text-align: center;}
#foot-xia div p a{ display: inline-block; margin-right: 30px; color:#A0A0A0;}
#foot-xia div p a:hover{color: #fff; text-decoration: underline;}#foot-dibu p{ padding:10px 0;}
#return{ position: fixed; bottom: 20px; right:20px; width: 52px;}
#return a{ display: block; width: 28px; height: 28px; padding:11px; background: rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); color: #fff; border-radius: 5px; text-align: center; margin-top: 5px; line-height: 14px; border: solid 1px #DDDDDD;}
#return a:hover{background: rgba(0,0,0,1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000); transition: .5s;color: #f0dc00; border: solid 1px #f0dc00;}

/*products*/
#nav-left{ float: left; width: 280px; margin-right:50px; margin-bottom: 36px;border-left: solid 1px #D7D7D7;border-right: solid 1px #D7D7D7;}
#content-right{ float: left; margin-bottom: 36px; width: 868px;}
#nav-left dl a{ display: block;}
#nav-left dl dt a{ background: #000; color: #fff; height: 42px; line-height:42px; text-indent: 10px;}
#nav-left dl dd a{ background: #fff; color: #6d6d6d; height: 42px; line-height:42px; text-indent: 10px; border-bottom: solid 1px #D7D7D7; border-left: solid 0px #f0dc00;}
#nav-left dl dd a:hover{color: #000; border-left: solid 10px #f0dc00; transition: .3s;}
#catalog{ margin: 15px 0; height: 36px; line-height: 36px;}
#products-list{ margin-top:25px;}
#products-list li{width: 412px; margin: 0 10px; float: left; border: solid 1px #D5D5D5; border-radius: 5px; height: 228px; margin-bottom: 20px;}
#products-list li .products-left{ float: left; width: 228px; height: 228px;}
#products-list li .products-left img{ margin: 4px; width: 220px; margin:33px 0;}
#products-list li .products-right{ float: left; width: 154px;height: 228px; margin:0 15px;}
.products-right p:first-child{ margin-top: 30px; font:16px/32px "微软雅黑"; font-weight: bold;}
.products-right p:nth-child(2){ color: #737373;}
.products-right span:last-child{ display:block;color: #000; width: 100px; height: 30px; border: dashed 1px #9B9B9B; border-radius: 15px; text-align: center; margin-top: 10px;}
#products-list li:hover{border: solid 1px #f0dc00; transition: .3s;}
#products-list li:hover .products-left img{ opacity: .7; transition: .3s;}
#products-list li:hover .products-right p{ color: #000; transition: .3s;}
#products-list li .products-right span:last-child:hover{ border: solid 1px #000; background: #000; color: #f0dc00; }

/*aboutus*/
#aboutus p{ text-indent: 2em;}

/*manual*/
#manual li a{ display: block; width: 868px; height: 141px; margin-top:25px;}
#manual li a .manual-left{ width: 203px; height: 141px; float: left;}
#manual li a .manual-left img{ border: solid 1px #d2d2d2; border-radius: 5px;}
#manual li a .manual-right{ float: left; width: 645px; height: 140px; border-bottom: dashed 1px #d2d2d2; margin-left: 20px;}
#manual li a .manual-right p:first-child{ background: url(../images/manual/sc_06.jpg) no-repeat 0px 2px; font: 18px/18px "微软雅黑"; color:#262626; text-indent: 35px; margin-top: 30px; font-weight: bold;}
#manual li a .manual-right p:first-child span{ float: right; color:#8C8C8C; display: inline-block;}
#manual li a .manual-right p:last-child{ background: url(../images/manual/sc_10.jpg) no-repeat; text-indent: 35px; font: 16px/18px "微软雅黑"; margin-top: 23px;}
#manual li a .manual-right p:last-child:hover{ background: url(../images/manual/2_10.jpg) no-repeat; color: #676767; text-decoration: underline; transition: .3s;}
#manual li a:hover .manual-left img{ opacity: .8; transition: .3s;}
#manual li a:hover .manual-right p:first-child{ color: #575757; transition: .3s;}

/*installation*/
#installation li{ box-shadow: rgba(0,0,0,.1) 0 0 2px; padding: 10px; margin: 10px; float: left; width:247px; border: solid 1px #EBEBEB;}
#installation li:hover{ border: solid 1px #A8A8A8; box-shadow: rgba(0,0,0,.2) 0 0 5px; transition:.3s;}
#installation li img{ opacity: .8;}
#installation li:hover img{ opacity:1; transition:.3s;}
.installation-right p:first-child{ font: 16px/45px "微软雅黑"; font-weight: bold; color:#8C8C8C;}
#i