@charset "utf-8";

/* CSS Document */



body{font-size:12px;font-family:"微软雅黑";}

*{padding:0px;margin:0px;}

ul,ol{list-style:none;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

.clear{clear:both;}

a{text-decoration:none;}

input{outline:none;}

img{border:none;}

.fl{float:left;}

.fr{float:right;}



#header,#banner,#container,#footer{width:100%;margin:0px auto;}



.h_top{height:30px;line-height:30px;background:#0065b7;}

.h_top h3{font-size:12px;color:#FFF;width:1200px;margin:0px auto;}

.h_top h3 span{float:right;}

.h_center{width:1200px;margin:0px auto;}

.logo{width:410px;float:left;}

.logo a{display:block;}

.nav{width:770px;float:right;}

.nav ul{}

.nav ul li{padding:0px 18px;float:left;height:100px;line-height:100px;overflow:hidden;font-size:16px;}

.nav ul li a{color:#333333;}

.nav ul li a:hover{color:#0065b7;}

.nav ul li a.active{color:#0065b7;}

/*header end*/



#banner{}

.flickerplate{position:relative;z-index:-0;overflow:hidden;width:100%;height:518px;background-color:#e6e6e6}

.flickerplate ul.flicks{margin:0;padding:0;width:10000%;height:100%;list-style:none}

.flickerplate ul.flicks>li{float:left;display:table;width:1%;height:100%;background-position:center;background-size:cover}

.flickerplate .arrow-navigation{position:absolute;top:5%;z-index:100;overflow:hidden;width:10%;height:80%}

.flickerplate .arrow-navigation .arrow{display:block;width:90%;height:100%;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-ms-transition:all .2s ease-out}

.flickerplate .arrow-navigation .arrow:hover,.flickerplate .arrow-navigation:hover{cursor:pointer}

.flickerplate .arrow-navigation.left{left:0}

.flickerplate .arrow-navigation.left .arrow{margin:0 0 0 50%;background:url(../images/arrow-left-light.png) no-repeat left;opacity:0}

.flickerplate .arrow-navigation.right{right:0}

.flickerplate .arrow-navigation.right .arrow{margin:0 0 0 -50%;background:url(../images/arrow-right-light.png) no-repeat right;opacity:0}

.flickerplate .arrow-navigation.left.hover .arrow{margin:0 0 0 20%;opacity:1}

.flickerplate .arrow-navigation.right.hover .arrow{margin:0 0 0 -20%;opacity:1}

.flickerplate .dot-navigation{position:absolute;bottom:20px;z-index:100;width:100%;text-align:center}

.flickerplate .dot-navigation ul{margin:0 auto;padding:0 15px;width:195px;list-style:none}

.flickerplate .dot-navigation ul li{float:none;float:left;width:40px;margin:0px 2px;}

.flickerplate .dot-navigation .dot{margin:0px 4px;width:40px;height:5px;background:#fff;}

.flickerplate .dot-navigation .dot:hover{background:#0065b7;cursor:pointer}

.flickerplate .dot-navigation .dot.active{background:#0065b7;}

.flickerplate.animate-transform-slide ul.flicks{-webkit-transition:-webkit-transform .6s;-moz-transition:-moz-transform .6s;-o-transition:-o-transform .6s;transition:transform .6s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-perspective:1000;-webkit-backface-visibility:hidden}

.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0;-webkit-transition:left .4s ease-out;-moz-transition:left .4s ease-out;-o-transition:left .4s ease-out;transition:left .4s ease-out;-ms-transition:left .4s ease-out;}

/*banner end*/



#container{}

.about{padding-top:50px;width:1200px;margin:0px auto;}

.ab_left{width:380px;float:left;}



/*相册效果*/

.box{width:680px;}

.left-pro{ width: 650px;text-align: left; float: left; background-color: #FFF;}

.left-pro .t1{width:100px;float:right;}

.left-pro .t2{width:515px;text-indent:0;float:left;}

.left-pro .t2 img{text-indent:0;}

#showArea img{cursor:pointer;display:block;margin-bottom:17px;width:100px;height:60px;float:left}

#main_img{cursor:pointer;display:block}

#gotop{cursor:pointer;display:block;}

#gobottom{cursor:pointer;display:block;}

#showArea{height:214px;overflow:hidden;margin-top:19px;margin-bottom:18px;}

.MagicZoomBigImageCont{display:none !important;}

/*相册效果 end*/

.ab_right{width:470px;float:right;}

.ab_right h3{color:#e36d6d;font-size:18px;margin-bottom:10px;}

.ab_right p{color:#333333;line-height:26px;height:242px;font-size:14px;overflow:hidden;}

.title{text-align:center;margin-bottom:20px;}

.title span{font-size:18px;color:#333333;position:relative;border-bottom:1px solid #cccccc;padding-bottom:14px;display:inline-block;font-weight:bold;}

.title span i{color:#e42121;font-style:normal;margin-right:10px;font-weight:normal;}

.title span b{display:block;width:20px;height:3px;background:#e42121;position:absolute;bottom:-2px;left:48%;}

.title p{color:#999999;margin-top:9px;}

.title ul{width:1210px;margin-top:25px;text-align:center;}

.title ul li{background:#0065b7;width:141px;display:inline-block;height:40px;line-height:40px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;margin-right:10.2px;-webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}

.title ul li a{display:block;color:#fff;}

.title ul li:hover{background:#005498;}

.product,.ys,.n_m{width:1200px;margin:0px auto;}

.product{margin-top:60px;}

.pr_m ul{margin-top:20px;width:1215px;}

.pr_m ul li{width:228px;float:left;margin-right:15px;margin-bottom:5px;}

.pr_m ul li a{display:block;}

.pr_m ul li a b{display:block;width:228px;height:207px;overflow:hidden;border:1px solid #e6e6e6;}

.pr_m ul li a b:hover{border:1px solid #0065b7;box-shadow:0px 0px 7px #ccc;}

.pr_m ul li a img{width:228px;height:207px;overflow:hidden;-webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}

.pr_m ul li a:hover img{ transform:scale(1.1);}

.pr_m ul li a span{display:block;height:50px;line-height:50px;color:#333333;font-size:16px;text-align:center;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}

.pr_m ul li a:hover span{color:#0065b7;}

.ys{margin-top:40px;}

.ys_m{margin-top:30px;background:url(../images/y_bg.jpg) no-repeat right top;padding-bottom:30px;}

.ys_m dl{clear:both;margin-bottom:47px;}

.ys_m dt{width:59px;float:left;margin-right:20px;}

.ys_m dd{}

.ys_m dd h3{font-size:18px;font-weight:bold;color:#333333;}

.ys_m dd p{line-height:40px;height:40px;overflow:hidden;color:#666666;font-size:14px;}

.ly{background:#f7f7f7;padding-top:34px;padding-bottom:38px;}

.ly_m{width:1200px;margin:0px auto;margin-top:20px;}

.ly_m dl{float:left;width:240px;}

.ly_m dt{width:240px;height:172px;}

.ly_m dd{font-size:14px;height:172px;}

.ly_m dd h3{color:#333333;font-weight:bold;height:40px;line-height:40px;overflow:hidden;text-align:center;padding-top:20px;}

.ly_m dd p{line-height:24px;color:#999999;padding:0px 14px;height:96px;overflow:hidden;}

.news{padding-top:34px;background:#e3f0f9;padding-bottom:62px;}

.n_left{width:720px;float:left;}

.n_more{width:220px;float:left;height:280px;background:url(../images/n_l.jpg) no-repeat;position:relative;}

.n_more a{color:#fff;left:29px;bottom:42px;position:absolute;}

.n_list{padding-left:28px;padding-top:24px;padding-right:10px;background:#fff;width:442px;height:256px;float:left;}

.n_list dl{}

.n_list dt{width:121px;float:left;margin-right:24px;}

.n_list dd{}

.n_list dd h3{}

.n_list dd h3 a{display:block;color:#0065b7;height:30px;line-height:30px;font-size:14px;}

.n_list dd p{height:50px;line-height:22px;overflow:hidden;color:#999999;font-size:14px;margin-top:10px;}

.n_list ul{clear:both;margin-top:25px;}

.n_list ul li{height:32px;line-height:32px;overflow:hidden;background:url(../images/n_ico.gif) no-repeat left center;padding-left:16px;}

.n_list ul li a{color:#666666;}

.n_right{width:415px;float:right;background:#fff;padding:20px 20px 18px 30px;height:242px;}

.n_right h2{font-size:16px;color:#0065b7;margin-bottom:30px;background:url(../images/we_ico.jpg) no-repeat;padding-left:40px;height:27px;}

.n_right dl{clear:both;margin-bottom:25px;}

.n_right dt{height:30px;line-height:30px;overflow:hidden;}

.n_right dt a{color:#4c4c4c;}

.n_right dd{padding-top:5px;}

.n_right dt i{margin-top:8px;background:#eb541f !important;}

.n_right dt i,.n_right dd i{width:16px;height:16px;line-height:16px;color:#fff;background:#0065b7;text-align:center;border-radius:50%;float:left;font-style:normal;margin-right:10px;}

.n_right dd i{margin-top:3px;}

.n_right dd a{width:387px;float:right;display:block;height:43px;line-height:20px;overflow:hidden;color:#4c4c4c;}

.n_right dd a:hover,.n_right dt a:hover,.n_list ul li a:hover{color:#0065b7;}

.links{width:1200px;margin:30px auto;}

#demo{width:1200px; float:left; overflow:hidden;height:92px; border:none;}

#indemo{float:left;width: 800%;}

#demo1,#demo2{height:92px;float:left; display:inline-table;}

#demo1 li,#demo2 li{ width:140px; height:80px; float:left; margin-left:20px;}

#demo1 li a,#demo2 li a{display:block;}

#demo1 li a img,#demo2 li a img{border:1px solid #e5e5e5;}

#demo1 {float: left;}

#demo2 {float: left;}

.lmboxb ul {}

.lmboxb ul li {}

/*container end*/



#footer{background:#0065b7;padding-top:38px;}

.f_nav{width:1200px;margin:0px auto;}

.f_left{width:760px;float:left;}

.f_left dl{float:left;margin:0px 42px;}

.f_left dt{font-size:16px;color:#fff;margin-bottom:5px;}

.f_left dd{line-height:24px;height:24px;overflow:hidden;}

.f_left dd a{color:#7fc6ff;}

.f_left dd a:hover{color:#fff;}

.f_right{width:420px;float:right;}

.f_right h3{color:#73bbf6;font-size:18px;margin-bottom:5px;}

.f_right p{color:#73bbf6;line-height:22px;padding-left:35px;margin-bottom:5px;}

.address p{color:#73bbf6;line-height:50px;text-align:center;width:1200px;margin:0px auto;border-top:1px dotted #73bbf6;margin-top:15px;}

/*footer end*/





/*产品列表*/

.info_m{width:1200px;margin:0px auto;padding:30px 0px;}

.sideleft{width:220px;float:left;}

.s_top{}

.s_top h3{height:70px;line-height:70px;color:#fff;font-size:24px;padding-left:55px;background:#0065b7;}

.s_top ul{}

.s_top ul li{height:48px;line-height:48px;border-top:1px solid #fff;}

.s_top ul li a{display:block;color:#555555;padding-left:55px;font-size:14px;background:url(../images/list_bg.jpg) no-repeat 0px -48px;-webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}

.s_top ul li a:hover{background:url(../images/list_bg.jpg) no-repeat 0px 0px;color:#fff;}

.s_top ul li a.active{background:url(../images/list_bg.jpg) no-repeat 0px 0px;color:#fff;}

.s_center,.s_bottom{margin-top:20px;}

.s_center h3,.s_bottom h3{height:40px;line-height:40px;color:#fff;font-size:16px;padding-left:20px;background:#0065b7;}

/*切换*/

.mr_frbox { width:200px;background:#FFF;position:relative;border:1px solid #e5e5e5;padding:0px 9px;}

.mr_frUl { float: left;overflow: hidden;width:200px; padding-top:24px;}

.mr_frBtnL { float: left;  cursor: pointer;position:absolute;top:-24px;right:40px;z-index:99;}

.mr_frBtnR { float: right;  cursor: pointer;position:absolute;top:-24px;right:16px;z-index:99;}

.mr_frBtnL,.mr_frBtnR{opacity:0.6;-webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}

.mr_frBtnL:hover,.mr_frBtnR:hover{ opacity:0.9; }

.mr_frUl ul li { display: inline; float: left;  width:200px;  overflow: hidden;background:#fff;}

.r_mian ul li a b{display:block;width:200px;height:182px;overflow:hidden;}

.mr_frUl ul li a img{ display: block;  height: 182px; width:200px;-webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}

.mr_frUl ul li a:hover img{ transform:scale(1.1);}

.mr_frUl ul li a span{display:block;color:#666;height:40px;line-height:40px;text-align:center;}

.mr_frUl ul li a:hover span{color:#0065b7;}

/*切换 end*/

.s_bottom{}

.s_bottom ul{padding:10px;border:1px solid #e5e5e5;}

.s_bottom ul li{line-height:24px;color:#555555;margin-bottom:5px;}

.s_bottom ul li i{display:inline-block;margin-right:8px;}

.sideright{width:960px;float:right;}

.in_title{height:50px;line-height:50px;color:#666;border-bottom:1px solid #e5e5e5;font-size:18px;color:#0065b7;}

.in_title span{float:right;font-size:12px;color:#666;}

.in_title span a{color:#666;}

.in_title span a:hover{color:#0065b7;}



.r_mian ul{margin-top:20px;width:975px;}

.r_mian ul li{width:228px;float:left;margin-right:15px;margin-bottom:5px;}

.r_mian ul li a{display:block;}

.r_mian ul li a b{display:block;width:228px;height:207px;overflow:hidden;border:1px solid #e6e6e6;}

.r_mian ul li a b:hover{border:1px solid #0065b7;box-shadow:0px 0px 7px #ccc;}

.r_mian ul li a img{width:228px;height:207px;overflow:hidden;-webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}

.r_mian ul li a:hover img{ transform:scale(1.1);}

.r_mian ul li a span{display:block;height:50px;line-height:50px;color:#333333;font-size:16px;text-align:center;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}

.r_mian ul li a:hover span{color:#0065b7;}

.page{text-align:center;margin-top:30px;color:#666;}

.page span{display:inline-block;margin:0px 5px;}

.page a{display:inline-block;padding:4px 8px;color:#666;border:1px solid #e5e5e5;margin:0px 5px;}

.page a:hover{color:#0065b7;}





/*info*/

.info{color:#666;padding-top:15px;line-height:24px;}

.info p{line-height:24px;color:#666;}



/*articlelist*/

.articlelist{}

.articlelist ul{margin-top:20px;}

.articlelist ul li{border-bottom:1px dashed #e5e5e5;padding-bottom:15px;margin-bottom:15px;}

.articlelist ul li dl{}

.articlelist ul li dt{width:220px;height:145px;overflow:hidden;float:left;margin-right:20px;border:1px solid #f0f0f0;}

.articlelist ul li dt img{-webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}

.articlelist ul li dt img:hover{transform:scale(1.1);}

.articlelist ul li dd{}

.articlelist ul li dd a{}

.articlelist ul li dd a h3{height:30px;line-height:30px;color:#333;font-size:16px;}

.articlelist ul li dd a:hover h3{color:#0065b7;}

.articlelist ul li dd a h3 i{display:inline-block;float:right;font-style:normal;font-size:12px;color:#666;}

.articlelist ul li dd a p{font-size:14px;color:#666;height:70px;overflow:hidden;line-height:24px;margin-top:5px;}

.articlelist ul li dd a span{display:inline-block;border-radius:4px;background:#ccc;height:28px;line-height:28px;font-size:12px;color:#fff;padding:0px 15px;margin-top:12px;}

.articlelist ul li dd a:hover span{background:#0065b7;}

.a_title{margin-top:25px;margin-bottom:15px;}

.a_title h2{color:#000;font-size:22px;height:28px;line-height:28px;text-align:center;}

.a_title h4{color:#999;font-size:12px;height:20px;line-height:20px;text-align:center;margin-top:5px;border-bottom:1px dotted #e5e5e5;padding-bottom:15px;}

.a_m{color:#666;}

.a_m p{line-height:24px;}







/*link*/

.link ul{margin-top:20px;width:990px;}

.link ul li{width:140px; height:80px; float:left; margin-right:24px;margin-bottom:24px;}

.link ul li a{display:block;}

.link ul li a img{border:1px solid #e5e5e5;}





.yqlj{ width:100%; height:40px; line-height:40px; background:#eee;}

.yqlj_1{ width:1200px; margin:0 auto;}

.yqlj_1 h2{ color:#0065b7; float:left; margin-right:10px; font-size:16px;}

.yqlj_1 li{ float:left; margin-right:20px;}

.yqlj_1 li a{ color:#666;}

.yqlj_1 li a:hover{ color:#0065b7;}


/*推荐产品*/
#demo0 {width:1200px; float:left; overflow:hidden;border:none;}
#indemo0 {float: left;width: 800%;}
#demo11,#demo21{float:left; display:inline-table;}
#demo11 li,#demo21 li{ width:225px;float:left; margin-right:15px;}
#demo11 li a,#demo21 li a{display:block;}
#demo11 li b,#demo21 li b{display:block;width:225px;height:205px;overflow:hidden;border:1px solid #e6e6e6;}
#demo11 li b img,#demo21 li b img{display:block;-webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
#demo11 li:hover a b,#demo21 li:hover a b{border:1px solid #0065b7;box-shadow:0px 0px 5px #999;}
#demo11 li:hover b img,#demo21 li:hover b img{transform:scale(1.1);}
#demo11 li span,#demo21 li span{display:block;text-align:center;color:#333;font-size:16px;height:40px;line-height:40px;overflow:hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#demo11 li:hover a span,#demo21 li:hover a span{color:#0065b7;}