@charset "gb2312";
/* CSS Document */


*{margin:0;padding:0;border:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a img{border:0;}
a {text-decoration:none;color:#2a2a2a;transition:all 0.2s linear 0s;}
a:hover {text-decoration: underline;color:#e01313;}
.spot{color: #f59601; display: inline-block;margin-top: 10px;}
li{list-style:none}
html, body {margin: 0px;padding: 0px;font-size:13px;font-family: "\5fae\8f6f\96c5\9ed1",Arial;color:#222;    backgro und: url(../images/bg.jpg) left top repeat;  }


.fl{ float:left}
.fr{ float:right}
/* ======  clearfix  ====== */
.clear { clear:both; visibility:hidden; display:block; font-size:0; line-height:0; }
.clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.clearfix { *zoom:1; }
/*头部 logo+导航*/


.top{ width: auto;height: auto; font-size:12px;color: #777; }

.top p{ float:left;line-height:34px; display:inline-block}
.top p span{color: #f59a01;}


.mRInfo {paddi ng-right: 10px;float:right;}
.mrline { padding:0 5px; display:inline-block;line-height:34px; float:left}
.mRInfo a {padding: 0 8px; color:#777;line-height:34px; float:left}
.mRInfo a:hover { color:#b8350d;text-decoration:underline; }



#header{ width:100%;  z-index:999; position:fixed;}
.top{ width:100%; height:63px; background:#1e79ca}
.logo{  width:180px; position:absolute; left:50%; margin-left:-90px;top: 0px; background:url(../images/headbj.png) no-repeat center bottom;height:114px;}
.menu{  width:1100px; margin:0 auto;  }
.menu ul li{ float:left; text-align:center; font-size:16px; width:115px;}
.menu ul li:nth-child(5){ margin-left:180px;}
.menu ul li a{ display:block; height:63px; line-height:63px; color:#fff}
.menu ul li a:hover{ background:url(../images/menu_hover.jpg) no-repeat; color:#fff;}

.menu ul li a.cur{background:url(../images/menu_hover.jpg) no-repeat; color:#fff;}
.man{width:1100px; height:auto; margin:0 auto;}
/*banner START*/
.fullSlide{width:1200px;position:relative;height:430px; overflow:hidden; margin:0 auto; background:#fff url(../images/loading.gif) no-repeat center center; padding-top:63px;}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;width:1200px; /*图片宽度*/ }
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:430px;overflow:hidden;text-align:center;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0;height:auto;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:25px;height:25px;margin:0px 3px;overflow:hidden;background:#000;filter:alpha(opacity=70);opacity:0.7; color:#fff; line-height:25px}
.fullSlide .hd ul .on{background:#024292;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:4%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:4%;background-position:-6px -137px;}


/*关键词 START*/
.mss{ margin:12px 0;}
.mRSearch{height:34px; padding: 9px 30px; background:url(../images/ss_k.png) center center  no-repeat;height: 52px;}

.sswz{ line-height:34px;  font-weight:bold;}
.sswz a{  padding:0 10px;font-weight: normal;}

.btnSearch{ border:0px;}
.textInput{width:auto; height:34px;}
.textInput input{ width:180px; height:34px;color:#000; background:#F2F2F2; padding-left:20px; font-family: Microsoft YaHei; }
.btnSearch input{width:50px; height:34px; background:#3c3c3c url(../images/ssico.png) center center no-repeat;; cursor:pointer;outline-style: none; border:0px; }


/*kefu START*/
.float0831{POSITION: fixed; TOP: 180px; RIGHT: 1px; _position: absolute;z-index: 100;}
.float0831 A{COLOR: #00a0e9}
.float0831 A:hover{COLOR: #ff8100; TEXT-DECORATION: none}
.float0831 .floatL{POSITION: relative; WIDTH: 28px; FLOAT: left}
.float0831 .floatL A{TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px}
.float0831 .floatR{BACKGROUND: url(../images/float_bg.gif)}
.float0831 .tp{BACKGROUND: url(../images/float_bg.gif)}
.float0831 .cn{BACKGROUND: url(../images/float_bg.gif)}
.float0831 .floatR{PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden}
.float0831 .tp{BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px}
.float0831 .cn{BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px}
.float0831 .cn H3{TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px; }
.float0831 .cn UL{PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px}
.float0831 .cn UL LI{BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal;background:#fff}
.float0831 .titZx{BACKGROUND: url(../images/float_s.png) no-repeat}
.float0831 .titDh{BACKGROUND: url(../images/float_s.png) no-repeat}
.float0831 .titDc{BACKGROUND: url(../images/float_s.png) no-repeat}
.float0831 .icoZx{BACKGROUND: url(../images/float_s.png) no-repeat}
.float0831 .icoTc{BACKGROUND: url(../images/float_s.png) no-repeat}
.float0831 .icoFf{BACKGROUND: url(../images/float_s.png) no-repeat}
.float0831 .icoTl{BACKGROUND: url(../images/float_s.png) no-repeat}
.float0831 .btnOpen{BACKGROUND: url(../images/float_s.png) no-repeat}
.float0831 .btnOpen_n{BACKGROUND: url(../images/float_s.png) no-repeat}
.float0831 .btnCtn{BACKGROUND: url(../images/float_s.png) no-repeat}
.float0831 .titZx{BACKGROUND-POSITION: 5px -10px}
.float0831 .titDh{BACKGROUND-POSITION: 5px -66px}
.float0831 .titDc{BACKGROUND-POSITION: 5px -124px}
.float0831 .icoZx{BACKGROUND-POSITION: 2px -154px}
.float0831 .icoTc{BACKGROUND-POSITION: 0px -323px}
.float0831 .icoFf{BACKGROUND-POSITION: 2px -213px}
.float0831 .icoTl{PAD DING-LEFT: 20px; DISPLAY: block; BACKGROUND-POSITION: 2px -266px; FLOAT: left}
.float0831 .btnOpen{BACKGROUND-POSITION: -30px -396px}
.float0831 .btnOpen_n{BACKGROUND-POSITION: 0px -530px}
.float0831 .btnCtn{BACKGROUND-POSITION: 0px -396px}
.float0831 .icoZx{PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left}
.float0831 .icoTc{PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left}
.float0831 .icoFf{PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left}
.float0831 .btnOpen{POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px}
.float0831 .btnOpen_n{POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px}
.float0831 .btnCtn{POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px}
.float0831 .btnOpen{TOP: 68px; LEFT: 1px}
.float0831 .btnOpen_n{TOP: 118px; LEFT: 1px}
.float0831 .btnCtn{TOP: 68px; LEFT: 2px}
.float0831 UL LI H3.titDc A{WIDTH: 80px; DISPLAY: block; HEIGHT: 36px}
.float0831 UL LI.top{BORDER-BOTTOM: #ace5f9 1px solid}
.float0831 UL LI.bot{BORDER-BOTTOM-STYLE: none}


/*主内容*/

.sycp{width:100%;height:auto;padding:20px 0 40px;  margin-top:-50px;  }
.min{width:1300px; height:auto; margin:0 auto;}
.main{width:1100px; height:auto; margin:0 auto;}
.prolist{ width:220px; height:auto;  float:left; }



.profl{ color:#fff;background:url(../images/nav_bg.jpg) center repeat-x; height:60px; line-height:60px; padding:0 20px}
.profl h2{ font-size:20px;text-align:center;}

.profl span{font-size:20px; font-weight:bold; margin-right:10px}
.profl i{font-style:normal; text-transform:uppercase}
.profl .more a{ color:#fff}

.iline{ padding:20px; border:#ccc solid 1px}
.iprolist{background:#fff; height:auto; border:#CCC solid 1px; }
.iprolist ul{}
.iprolist ul li{ width:100%; height:auto; margin-bottom:10px;background:url(../images/left_list.jpg) no-repeat center; margin-top:5px;}
.iprolist ul li.hover2{background:url(../images/left_list1.jpg) no-repeat center;}
.iprolist ul li.hover2 a{ color:#fff; font-weight:bold}
.iprolist ul li a{ font-size:15px; text-align:center; display:block;line-height:45px;  }
.iprolist ul li a:hover, .iprolist .pro_menu a:hover{  }
.iprolist ul li a.rmcp{background:url(../images/nav_active.jpg) repeat-x;}
.iprolist .pro_menu{ margin-bottom:8px;}
.iprolist .pro_menu a{ display:block; text-align:center; line-height:40px; border-bottom: 1px solid #E1E1E1;}




.promore { text-align:center; margin-top:50px}
.promore a { background: #fff;display: block;line-height: 36px; border: 1px solid #d9d9d9;}


.roll{ width:730px;margin-left:25px; }

.aaa{  width:730px;;color:#fff;background:#1c77ca; height:60px; line-height:60px; padding:0 20px;     }
.aaa span{font-size:20px; font-weight:bold; margin-right:10px}
.aaa i{font-style:normal; text-transform:uppercase}

.aa{ width:300px;color:#fff;background:#1c77ca; center repeat-x; height:60px; line-height:60px; padding:0 20px;  }
.aa span{font-size:20px; font-weight:bold; margin-right:10px}
.aa i{font-style:normal; text-transform:uppercase}
.aa em{font-style:normal; float:right; }
.aa em a{ color:#fff}

.gall{ width:730px;   border-bottom:#CCC 1px solid; border-left:#CCC 1px solid; border-right:#CCC 1px solid; }
.gall li { width:25%; height:auto; float: left;   }

.gall li .pro-pic {position: relative; width:100%; height:auto;overflow:hidden;background: #fff; border:#cccccc solid 1px; }
.gall li .pro-pic img { width:100%; height:100%; border:none;}
.gall li .pro-pic img, .pro-pic a{width: 100%;  overflow:hidden;display: block;transition: .4s transform;transform: translateZ(0); /* hack */}
.gall li .pro-pic:hover {z-index: 1;}
.gall li .pro-pic:hover img {transform: scale(1.1, 1.1);transition: .8s transform; }

.gall li .pro-tit{ text-align:center; width: 100%; height:auto;line-height:40px;}
.gall li .pro-tit  a{  font-size:14px; width:100%; display: block; }
.gall li .pro-tit  a:hover{ }

.zuiyou{ width:300px; float:right;  height:auto; }
.gd{ border: #CCC solid 1px; padding-bottom:20px;}
.list_lh{  padding:20px;   }




.list_lh li p a{ }


.list_lh{ height:auto; overflow:hidden;}

.list_lh li img{ width:100%; height:auto} 

.list_lh p{ color:#000; line-height: 50px; overflow: hidden; text-align:center }
.zymore{ width:200px; margin:0 auto; line-height:40px; background:#1069c3; border-radius:20px; text-align:center; line-height:40px; font-size:16px; }
.zymore a{color:#fff}

.sybt{width: 100%; height: 90px;line-height: 40px;  background: url(../images/wave-s.png) repeat-x center bottom; font-size: 26px; font-weight: bold; color: #565656; text-align: center; margin: 0 auto 40px; }


.dhbt{ width:100%; border-bottom:#cccccc solid 1px; margin-bottom:15px; padding-bottom:15px;}
.dhbt span{ font-size: 14px; font-weight:bold; margin-right:10px ; color:#024292;  }
.dhbt i{ font-style:normal; color:#666; text-transform:uppercase; color:#024292; }
.dhbt .more{ }
.dhbt .more a{  }



.gywm{ padding:20px 0; background:#FFF;}
.syabout{ width:100%; height:auto; }
.about_con{ height:auto}
.about_img{width:350px; overflow:hidden; }
.about_img img{ width:100%; line-height:0px;    height: 250px;  float: left; }

.about_jj{ width:700px; color:#858585; font-size:14px}

.about_jj .about_p{ height:auto; overflow:hidden}
.about_jj .about_p p{line-height:2em;text-align: justify; text-indent:2em; margin-bottom:5px }




.lxfs{ width:30%;height:auto;padding:15px; background:#fff}
.lxfs_con{ line-height:2em; height:230px;background:url(../images/bg4.jpg) no-repeat;}
.lxfs_con h2{    text-align: center; margin-bottom:10px;}



/* 本例子css */


.syrm{ width:100%;  margin:0 auto; background:url(../images/bg.jpg) repeat; }
.rmcp{background:url(../images/map.png) no-repeat top center;padding:40px 0 }


.syrm .rm_more{ text-align:center; width:auto; height:20px; line-height:20px; margin-top:10px; background:url(../images/whitebg.png) repeat-x center; }
.syrm .rm_more a{ display:inline-block; width:60px; line-height:20px; background:#def2ff; border-radius:3px; }

.scroll_horizontal{width:100%;height:auto;pad ding:20px; margin-top:20px; position: relative}
.scroll_horizontal .box{overflow:hidden;position:relative;width:100%;height:auto;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:294px;text-align:center; padding-right:20px;}
.scroll_horizontal .list li .cpimg{overflow:hidden;width:100%}


.scroll_horizontal .list li .cpimg img{ width:100%; float:left}
.scroll_horizontal .list li .cpimg span{font-size:14px;text-align:center;overflow:hidden; width:100%; display:block; padding-top:20px}

.scroll_horizontal .plus{left:-60px;}
.scroll_horizontal .minus{right:-60px;}
.scroll_horizontal .plus,.scroll_horizontal .minus{ position:absolute;top:50px;cursor:pointer; padding:20px 5px; background:rgba(0,0,0,.1);}
.scroll_horizontal .plus:hover,.scroll_horizontal .minus:hover{ background:rgba(255,255,255,.9);}






/*优势*/
.rongyu{ padding:20px 0;}




.ysbt{ height:auto;}

.ybt{ padding-left:65px }
.ysbt h2{ font-size:16px; color:#96C1EC;  font-weight:normal; text-transform:uppercase; line-height:22px}
.ysbt h3{ font-size:28px; color:#024292; line-height:46px }
.ybt1{ background:url(../images/ysbt1.png) no-repeat left  center;}
.ybt2{ background:url(../images/ysbt2.png) no-repeat left  center;}
.ybt3{ background:url(../images/ysbt3.png) no-repeat left  center;}
.ybt4{ background:url(../images/ysbt4.png) no-repeat left  center;}
.ybt5{ background:url(../images/ysbt5.png) no-repeat left  center;}

.yous{ width:100%; height:350px;}
.yous dl{ position:relative; z-index:2}
.yous dl dd {  font-size:16px;   color:#000; width:550px; line-height:32px; padding-top:20px; }
.yous dl dd p{ margin-top:5px; padding-left:25px; background:url(../images/yosIco.gif) no-repeat left 10px; }
.yous dl dd p span { color:#e01313;}



.yous1 { background:url(../images/ys011.jpg) no-repeat bottom right;}
.yous2 { background:url(../images/ys022.jpg) no-repeat bottom left;}
.yous3 { background:url(../images/ys033.jpg) no-repeat bottom right;}
.yous4 { background:url(../images/ys044.jpg) no-repeat bottom left;}
.yous5 { background:url(../images/ys055.jpg) no-repeat bottom right;}
/*jz*/
.jz_bj{ width:100%; height:auto; overflow:hidden;  padding:40px 0}
.jz{ background:url(../images/jzbj.png) no-repeat center top;}

.jz dl{ float:left; width:50%; overflow:hidden;padding-right:5%; padding-top:40px}
.jz dl:nth-child(2n){ padding-left:5%; padding-right:0; }

.jz dl dt{ float: left; width:150px;height:150px; overflow:hidden;  border: 3px #e4e4e4 solid;border-radius: 50%;  }
.jz dl dt img{ height:auto; width:100%; float:left }
.jz dl dt a{display:block; }
.jz dl dt span { display: block; height: 32px; width: 100%;overflow: hidden; font: bold 14px/32px "Microsoft YaHei",微软雅黑,arial,宋体; text-align: center;color: #999999;}
.jz dl dd{ float:right; width:320px; overflow:hidden; margin-top:9px}
.jz dl dd h3{ font: bold 14px/28px "Microsoft YaHei",微软雅黑,arial,宋体; font-weight:normal}
.jz dl dd h3 a{}
.jz dl dd p{ color:#666666;font:13px/26px "Microsoft YaHei",微软雅黑,arial,宋体; height:78px; overflow:hidden}
.jz dl dd em{  width:auto; height:auto; display:block; font:13px/26px "Microsoft YaHei",微软雅黑,arial,宋体; color:#b0b0b0;}

.jzmore{ text-align:center; line-height: 33px; margin-top:40px}
.jzmore a{border: 1px #8d8c91 solid; display:inline-block; padding:0 20px;  background:#fff; border-radius: 15px;}
.jz b{ position:absolute; top:155px; left:480px; background:url(../images/jz_line.jpg) repeat-y 480px 0px; height:440px; width:1px; overflow:hidden;}



/*新闻中心*/
.xwzx{width:100%; height: auto; padding:20px 0}


.newl{ width:68%; background:#fff; height:auto;padding:15px; }
.xwzx .new_con{ }

.newshang{ width:100%; height:auto; margin-bottom:15px}
.newshang .pic{width: 242px; height:162px; overflow:hidden;border: 1px solid #d9d9d9;padding: 5px; }
.newshang .pic img, .newshang .pic a{width:230px; height:150px; overflow:hidden;display: block;transition: .4s transform;transform: translateZ(0); /* hack */}
.newshang .pic:hover img {transform: scale(1.3, 1.3);transition: .8s transform; }
.newshang .newstitle{ width:450px; }
.newshang .newstitle h3{font-size: 14px;margin-bottom: 10px;}

.newshang .newstitle p{  line-height:2em;  color:#888}
.newshang .newstitle span{line-height:2.5em;  }




.newxia li{ padding-left:15px;border-bottom: dotted 1px #e1dddd; line-height:47px; width:48%; margin-right:4%;  float:left; background:url(../images/newsIco.gif) no-repeat left center;}
.newxia li:nth-child(2n){ margin-right:0}
.newxia li h3{font-size: 13px; font-weight:normal; display:inline-block}

.newxia li span{ float:right;    display: inline;color: #a3a3a3;}




.newr{ width:30%;  background:#fff; height:auto;padding:15px; }


#copyright{ width:100%; height:auto; background:#ededed; color:#818181  }
.butt{ width:1200px; margin:0 auto;}
.butt_nav{ height:auto; padding:20px 0;}
.butt_nav a{ color:#818181}
.butt_tel{ font-size:28px; color:#e60012;}
.butt_time{ color:#818181;}
.butt_border{ border-right:#d2d2d2 solid 1px;}



/*版权*/

.foot{ width:100%; padding:30px 0; color:#818181; background: url(../images/logbg.png) repeat-x top;  }

.foot a{  color: #818181;}


.foot_left{ width:33%; height:148px; overflow:hidden; line-height:36px;}
.foot_left h2{ font-size:16px; font-weight:normal}
.foot_left .flxfs{width:100%; height:auto; background:url(../images/foot_lx.jpg) no-repeat left top;  }
.foot_left .flxfs li{ width:230px; padding-left:40px; float:left}
.WW{ width:33%;text-align:right}
.ww ul li{ list-style:none; float:left; }
.foot_right{ width:33%; height:148px; overflow:hidden;line-height: 36px;text-align:center; }


.f_link{ }
.f_link span{ font-size:20px; font-weight:bold}
#demolefta{OVERFLOW:hidden;WIDTH:1100px;margin:0 auto;padding-top:45px}
.product{width:1100px;margin:0 auto;padding-top:60px;padding-bottom:40px}
.bigbt{height: 90px;line-height: 40px;  background: url(../images/wave-s.png) repeat-x center bottom; font-size: 26px; font-weight: bold; color: #565656; text-align: center; margin: 0 auto 40px;}



.sycp{width:100%;height:auto;padding:20px 0 40px; }

.prolist{ width:220px; height:auto;  float:left}
.profl{ color:#fff;background:url(../images/nav_bg.jpg) center repeat-x; height:60px; line-height:60px; padding:0 20px}
.profl h2{ font-size:20px;text-align:center;}

.profl span{font-size:20px; font-weight:bold; margin-right:10px}
.profl i{font-style:normal; text-transform:uppercase}
.profl .more a{ color:#fff}

.iline{ padding:20px 10px; border:#ccc solid 1px}

.gallery{ }
.gallery li { width: calc((100% - 30px)/4); margin-right: 10px; height:auto;float: left;  }
.gallery li:nth-child(4n){margin-right:0;}
.gallery li .pro-pic {position: relative; width:100%; height:auto;overflow:hidden;background: #fff; border:#cccccc solid 1px; padding:5px}
.gallery li .pro-pic img, .pro-pic a{width: 100%; height:180px; overflow:hidden;display: block;transition: .4s transform;transform: translateZ(0); /* hack */}
.gallery li .pro-pic:hover {z-index: 1;}
.gallery li .pro-pic:hover img {transform: scale(1.1, 1.1);transition: .8s transform; }

.gallery li .pro-tit{ text-align:center; width: 100%; height:auto;line-height:40px;}
.gallery li .pro-tit  a{  font-size:14px; width:100%; display: block; }
.gallery li .pro-tit  a:hover{ }




/*.vv { background-image:url(../images/ccc.jpg); z-index:999;}