@charset "utf-8";
@import url("../plugins/lightbox/lytebox.css");
@import url("animate.min.css");
/* === All CSS  === */

/*
兼容问题处理
padding 针对火狐 *padding 针对IE8  _padding 针对IE6 *+html 针对IE7使用
.test{padding:10px;*padding:9px;_padding:8px}
针对float 使用margin 会变成双倍距离 建议不要在浮动的时候使用margin, 如果使用加入 display:inline;
!important 优先执行样式 ie浏览器不识别 其他浏览器可识别
使用float后 一定要闭合浮动 否则出现兼容问题
*/
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,dd,dt,dl{margin:0;padding:0;border:0;}
body{font-size:12px;color:#000000;line-height:24px;font-family:Arial, 'Microsoft YaHei', sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
input{vertical-align:middle;}
table{border-collapse:collapse;}
ul{list-style:none;line-height:24px;}
.clear{clear:both;height:0px;width:0px;overflow:hidden;}
.clr:after{content:'.';display:block;clear:both;font-size:0;line-height:0;visibility:hidden;height:0}.clr{*zoom:1}
.abs{position:absolute;}.rel{position:relative;}.fix{position:fixed;}
.fl{float:left;_display:inline;}.fr{float:right;_display:inline;}
a{color:#000;text-decoration:none;}
a:hover{color:#f00;text-decoration:none;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s;}
.wrap:after{content:'.';display:block;clear:both;font-size:0;line-height:0;visibility:hidden;height:0}.wrap{*zoom:1}
.wrap{width:1204px;margin:0 auto;}

 body{ min-width:1250px; margin:auto;}
#IEWarning{ position:absolute; top:0; left:0; width:100%; font-size:14px; color:#333; padding:5px 20px; background:#fff; z-index:9999;}
.headList .navigation{ position:absolute; left:0; top:50px; width:100%; z-index:9999;}
.headList .navigation .logo{ float:left; display:inline; width:300px; margin-top:-3px;}
.headList .navigation .list{ float:right; display:inline; height:45px; padding:5px 0 0; background:#fff; -webkit-box-shadow:2px 3px 5px rgba(0,0,0,0.10); -moz-box-shadow:2px 3px 5px rgba(0,0,0,0.10); box-shadow:2px 3px 5px rgba(0,0,0,0.10);position:relative; behavior:url(/css/PIE.htc);}
.headList .navigation .list ul{ font-size:0;}
.headList .navigation .list li{ display:inline-block; height:43px; font-size:16px; line-height:43px; text-align:center; *display:inline; *zoom:1;}
.headList .navigation .list li a{ display:inline-block; color:#343434; padding:0 28px; *display:inline; *zoom:1;}
.headList .navigation .list li.active a,.headList .navigation .list li a:hover{ color:#076ce0;}
.headList .navigation .list li span{ color:#dbdbdb;}
#magic-line{ position:absolute; left:0; bottom:0; width:100px; height:2px; background:#076ce0;}
.banner{text-align:center;}

.foot{ height:280px; background:url(/images/bjbelow.jpg) center top; background-size:100% 100%;}
.belowList{ height:215px; background:url(/images/bjbelowline.jpg) repeat-x center bottom; background-size:contain;}
.belowList .main{ height:215px; background:url(../images/bjbelowline2.jpg) no-repeat 760px 45px; overflow:hidden;}
.belowList .column{ float:left; width:165px; padding:0 10px 0 0;}
.belowList .column dt{ margin:44px 0 12px; font:20px/32px Arial, 'Microsoft YaHei', sans-serif; color:#fff;text-shadow:1px 1px 1px #1a3348; filter: Shadow(Color='#1a3348', Direction='120', Strength='1');}
.belowList .column dd{ font:14px/30px Arial, 'Microsoft YaHei', sans-serif; color:#fff;}
.belowList .column dd a{ color:#fff;}
.belowList .service{ width:295px;}
.belowList .service .se_top{ margin:43px 0 0; font:20px/32px Arial, 'Microsoft YaHei', sans-serif; color:#fff;}
.belowList .search{ margin:17px 0 0;}
.belowList .search .searchtxt{ display:inline-block; width:160px; height:28px; margin:0; padding:0 8px; font:12px/28px Arial, 'Microsoft YaHei', sans-serif; color:#fff; background:transparent; border:1px solid #fff; outline:hidden;}
.belowList .search .searchbtn{ display:inline-block; width:66px; height:28px; margin:0 10px; padding:0; font:14px/28px Arial, 'Microsoft YaHei', sans-serif; background:#076ce0; color:#fff; border:0 none; overflow:hidden; cursor:pointer;}
.belowList .service .hotline{ margin:16px 0 0; font:15px/28px Arial, 'Microsoft YaHei', sans-serif; color:#fff;}
.belowList .search .searchtxt::-moz-placeholder{ color: #a2dce7; }
.belowList .search .searchtxt::-webkit-input-placeholder{ color:#a2dce7; }
.belowList .search .searchtxt:-ms-input-placeholder{ color:#a2dce7; }
.foot .copyright{ height:64px; font:14px/64px Arial, 'Microsoft YaHei', sans-serif; color:#fff; overflow:hidden;}
.foot .copyright a{ color:#fff;}
.foot .copyright a:hover{ color:#fff; text-decoration:underline;}

.content{ padding:0 0 50px;}
.menulist{ border-bottom:1px solid #e4e4e4;}
.menulist ul{ font-size:0; text-align:center;}
.menulist li{ display:inline-block; height:60px; font-size:18px; line-height:60px; text-transform:uppercase; position:relative; *display:inline; *zoom:1;}
.menulist li a{ display:inline-block; padding:0 30px; color:#333;}
.menulist li.active a{ background:#076ce0; color:#fff;}
.menulist li.active:after{ content:""; position:absolute; left:50%; margin-left:-10px; top:60px; border:10px solid transparent; border-top:10px solid #076ce0;}
.menulist li a:hover{ text-decoration:underline;}
.menulist2{ width:1200px; margin:25px auto 0; font-size:0; text-align:center;}
.menulist2 li{ display:inline-block; margin:0 4px; vertical-align:middle; *display:inline; *zoom:1;}
.menulist2 li a{ display:inline-block; padding:0 8px; font-size:12px; line-height:22px; color:#8d8d8d;}
.menulist2 li.active a{ color:#076ce0;}
.menulist2 li a:hover{ text-decoration:underline;}

.fenxiang{height:40px;overflow:hidden;}
.fenye{ margin:10px 0 0;}
/* === 2 Class Menu === */
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9,#menu10,#menu11,#menu12,#menu13,#menu14,#menu15,#menu16,#menu17,#menu18,#menu19,#menu20{width:108px;margin:23px 0px 0px 0px;}
#menuz1,#menuz2,#menuz3,#menuz4,#menuz5,#menuz6,#menuz7,#menuz8,#menuz9,#menuz10,#menuz11,#menuz12,#menuz13,#menuz14,#menuz15,#menuz16,#menuz17,#menuz18,#menuz19,#menuz20{display:none;}


/* === Page CSS === */
.pagination{ margin:25px auto 0;}
.page{ padding:10px; line-height:normal; text-decoration:none; text-indent:0px; text-align:center;}
.page a{ display:inline-block; height:28px; padding:0 10px; margin:0 5px; font:14px/28px Arial,'Microsoft YaHei'; border:1px solid #d9d9d9; *display:inline; *zoom:1; color:#a8a8a8;}
.page .pageno,.page .pageall{ display:none;}
.page .pagedefault{ color:#fff !important; background:#1d85cc !important; border:1px solid #1d85cc;}
.page a:hover{ background:#999; color:#fff;}
.left-cp li{cursor:pointer;}
.left-cp li li{cursor:auto;}
.error{width:800px;height:200px;margin:20px auto;text-align:center;font-weight:bold;}

/* === Product List Page CSS === */
#demox{width:200px;height:300px;overflow:hidden;text-align:center;border:#999999 dashed 1px;}
#demo{overflow:hidden;height:140px;width:980px;margin:10px;text-align:center;}
#demoa{overflow:hidden;height:140px;width:980px;margin:10px;text-align:center;}
#demob{overflow:hidden;height:140px;width:980px;margin:10px;text-align:center;}
.demo-left{width:154px;height:150px;}


.xin{border-top:#CCCCCC solid 1px;padding-top:10px;margin-top:10px;margin-left:auto;margin-right:auto;}

.ee{width:95px;float:left;background-image:url(../images/li_bg.png);background-repeat:no-repeat;text-align:center;}
.eee{float:left;width:400px;}

/**焦点图**/
#jiaodian {margin:0 auto;width:100%;overflow:hidden;}
#slideshow {float:left;width:100%;margin:0px auto;position:relative;}
#slideshow a {float:left;width:100%;display:inline;}
#slideshow .img {left:0;top:0;position:absolute;width:100%;overflow:hidden;}
#slideshow .img a{float:left;width:100%;overflow:hidden;}
#slideshow .img img {float:left;width:1px;height:1px;}
#slideshow .img span {position:absolute;width:99999px;display:block}
#slideshow .btns {margin:0 auto;position:absolute;width:100%;text-align:center;height:25px;bottom:0;}
#slideshow .btns b {position:absolute;width:100px;display:block;height:10px;overflow:hidden;bottom:15px;left:50%;}
#slideshow .btns b i {width:6px;background:#414140;float:left;height:6px;font-size:0px;overflow:hidden;cursor:pointer;margin-right:6px;border:#414140 0px solid;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;behavior:url(/css/PIE.htc);}
#slideshow .btns b i:hover {background:#a7a7a6}
#slideshow .btns b i.on {background:#fff;cursor:default}
#slideshow .btns b i.on:hover{background:#3cd2f1;cursor:default}
#slideshow .btns s {position:absolute;width:60px;height:80px;overflow:hidden;top:160px;cursor:pointer;display:none;}
#slideshow .btns s i {position:absolute;width:60px;background:url(../images/btn_slideshow.png);height:160px;}
#slideshow .btns s.prev {left:0px;}
#slideshow .btns s.prev i{top:-80px}
#slideshow .btns s.next {right:0px}
.slideshow-hover#slideshow .btns s {display:block}
#allmap{width:100%;height:500px;}
.BMap_bubble_content{min-width:400px;}
.BMap_bubble_content h4,.BMap_bubble_title{font-family:微软雅黑;font-size:15px;color:#CC5522}

.camera_wrap{ display:block; width:100%; height:750px; margin:0 auto !important; position:relative; float:none;}
.camera_wrap .camera_pag{ width:100%; height:12px; position:absolute; bottom:20px;}
.camera_wrap .camera_pag .camera_pag_ul{ text-align:center;}
.camera_wrap .camera_pag .camera_pag_ul li{ width:12px; height:12px; margin:0 5px; background:#fff; border-radius:50%; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; behavior:url(/css/PIE.htc);}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{ background:#076ce0;}
.camera_wrap .camera_pag .camera_pag_ul li span{ display:none;}
.camera_wrap .camera_prev, .camera_wrap .camera_next{ display:block; width:72px; height:72px; position:absolute; top:50%; margin-top:-36px; font-size:0; border-radius:5px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; behavior:url(/css/PIE.htc);}
.camera_wrap .camera_prev span, .camera_wrap .camera_next span{ display:none;}
.camera_wrap .camera_prev{ left:30px; background:url(/images/pngle.png) no-repeat; background-position:0 0; background-color:rgba(0,0,0,0.10);}
.camera_wrap .camera_prev:hover{ background-position:-72px 0; background-color:#076ce0;}
.camera_wrap .camera_next{ right:30px; background:url(/images/pngri.png) no-repeat; background-position:-72px 0; background-color:rgba(0,0,0,0.10);}
.camera_wrap .camera_next:hover{ background-position:0 0; background-color:#076ce0;}

/**************/
.section .main{ position:relative; z-index:1;}
.section .main .caption{ display:block; margin:45px auto 0; font:18px/40px Arial, 'Microsoft YaHei', sans-serif; color:#999; text-align:center;}
.section .main .caption strong{ display:block; font:45px/70px Arial, 'Microsoft YaHei', sans-serif; color:#656565;}
.section .main .caption span{ display:block; width:765px; margin:15px auto 0; letter-spacing:1px;}
.section1{ margin:50px auto 0;}
.section1 .main .caption{ display:block; height:72px; background:url(/images/ournews.jpg) no-repeat center top; text-align:center;}
.section1 .main .caption strong{ display:none;}
.section1 .main .mainCont{ width:1204px; margin:0 auto; overflow:hidden;}
.section1 .main .mainCont .list{ width:1400px;}
.section1 .main .mainCont .list li{ float:left; _display:inline; width:310px; height:270px; overflow:hidden; padding-right:69px; margin-right:68px; background:url(/images/fgf.jpg) no-repeat right top;}
.section1 .main .mainCont .list li .name{ margin:58px 0 0; font:600 16px/29px Arial, 'Microsoft YaHei', sans-serif; color:#1e1e1e;}
.section1 .main .mainCont .list li .name a{ color:#1e1e1e;}
.section1 .main .mainCont .list li .intr{ height:108px; margin:3px 0 0; font:14px/27px Arial, 'SimSun', sans-serif; color:#1e1d1d; overflow:hidden;}
.section2{ background:#f5f5f5; margin:0 auto; overflow:hidden;}
.section2 .main{ position:relative; z-index:1;}
.section2 .main .mainCont .list{ width:1204px; margin:45px auto 0; overflow:hidden;}
.section2 .main .mainCont .list li { float:left; _display:inline; width:277px; height:345px; margin-right:33px; overflow:hidden;}
.section2 .main .mainCont .list li .pics { display:block; width:275px; height:275px; background:#fff; border:1px solid #d7d7d7;}
.section2 .main .mainCont .list li .pics table { width:100%; height:275px;}
.section2 .main .mainCont .list li .pics table td { padding:0; vertical-align:middle; text-align:center;}
.section2 .main .mainCont .list li .text { height:26px; margin:15px auto 0; font-size:16px; line-height:26px; text-align:center; color:#656565;}
.section2 .main .mainCont .list li .text a{ color:#656565;}
.section2 .main .mainCont .buts a{ position:absolute; left:50%; z-index:99; top:325px;}
.section2 .main .mainCont .buts .next{ margin-left:-686px;}
.section2 .main .mainCont .buts .prev{ margin-left:642px;}
.section3{ height:930px; background:#f5f5f5 url(/images/index_c1.jpg) no-repeat center top; margin:0 auto; overflow:hidden;}
.section3 .main .caption{ margin:145px auto 0; color:#fff;}
.section3 .main .caption strong{color:#fff;}
.section3 .main .mainCont{ width:100%; height:550px; margin:35px auto 0;}
.section3 .main .mainCont .list1{ width:340px;}
.section3 .main .mainCont .list2{ width:290px;}
.section3 .main .mainCont .list li{ float:left; width:100%; height:81px; margin:45px 0 0; position:relative;}
.section3 .main .mainCont .list li p strong{ display:block; margin:9px 0 0; font:18px/30px Arial, 'Microsoft YaHei', sans-serif;}
.section3 .main .mainCont .list li p span{ display:block; margin:4px 0 0; font:16px/28px Arial, 'Microsoft YaHei', sans-serif;}
.section3 .main .mainCont .list1 li img{ float:right; display:inline; padding-left:30px;}
.section3 .main .mainCont .list1 li p{ float:right; color:#fff; text-align:right;}
.section3 .main .mainCont .list2 li img{ float:left; display:inline; padding-right:22px;}
.section3 .main .mainCont .list2 li p{ float:left; color:#fff; text-align:left;}
.section4{ background:#f5f5f5; margin:0 auto; padding:0 0 77px; overflow:hidden;}
.section4 .main .caption{ margin:45px auto 0;}
.section4 .main .caption span{ width:820px;}
.section4 .main .mainCont{ height:455px; margin:45px -16px 0 -11px; padding:0 417px 0 411px; background:url(/images/bjabout.jpg) no-repeat center top; overflow:hidden;}
.section4 .main .mainCont .company{ width:320px; margin:105px auto 0; text-align:center;}
.section4 .main .mainCont .company .title{ font:18px/30px Arial, 'Microsoft YaHei', sans-serif; color:#6c6b69;}
.section4 .main .mainCont .company .intro{ margin:38px auto 0; font:14px/24px Arial, 'SimSun', sans-serif; color:#6c6b69; letter-spacing:1px; text-align:center; text-justify:inter-ideograph;}
.section4 .main .mainCont .company .butto a{ display:block; width:144px; height:32px; margin:42px auto 0; font:14px/32px Arial, 'SimSun', sans-serif; color:#fff; background:#076ce0; text-align:center;}

/****************/
.content .aboutCont{ padding:30px 0;}

.content .newsList{ width:1200px; margin:0 auto; overflow:hidden;}
.content .newsList li:after{content:'.';display:block;clear:both;font-size:0;line-height:0;visibility:hidden;height:0}.content .newsList li{*zoom:1}
.content .newsList li{ height:84px; padding:40px 0 45px; border-bottom:1px dashed #e0e0e0;}
.content .newsList li .time{ float:left; display:inline; width:84px; height:84px; background:#f2f2f2;}
.content .newsList li .time span{ display:block; text-align:center; color:#666;}
.content .newsList li .time .time1{ height:24px; padding:22px 0 0; font-size:24px; line-height:24px;}
.content .newsList li .time .time2{ height:16px; font-size:12px; line-height:16px;}
.content .newsList li .note{ float:left; display:inline; width:1076px; margin-left:15px; text-align:justify;}
.content .newsList li .note .name{ height:28px; margin:0; font-size:15px; font-weight:600; line-height:28px; text-transform:uppercase; overflow:hidden;}
.content .newsList li .note .name a{ color:#333;}.content .newsList li .note .name a:hover{ color:#333; text-decoration:underline;}
.content .newsList li .note .text{ height:40px; margin:8px 0 0; font-size:14px; line-height:20px; color:#333; overflow:hidden;}
.content .newsCont{ width:1140px; margin:25px auto 0;}
.content .newsContTitle{ font:18px/28px "Microsoft YaHei",微软雅黑; text-align:center;}
.content .newsContNote{ padding:10px 0; font:12px/22px "Microsoft YaHei",微软雅黑; color:#888; text-align:center; border-bottom:1px solid #a1a1a1;}
.content .newsContDetails{ margin:25px auto 0;}

.content .goodsList{ width:1200px; margin:45px auto 0; overflow:hidden;}
.content .goodsList ul { margin-right:-50px;}
.content .goodsList ul li { float:left; _display:inline; width:277px; height:345px; margin-right:30px; overflow:hidden;}
.content .goodsList ul li .pics { display:block; width:275px; height:275px; background:#fff; border:1px solid #d7d7d7;}
.content .goodsList ul li .pics table { width:100%; height:275px;}
.content .goodsList ul li .pics table td { padding:0; vertical-align:middle; text-align:center;}
.content .goodsList ul li .note { height:26px; margin:15px auto 0; font-size:16px; line-height:26px; text-align:center; color:#656565;}
.content .goodsList ul li .note a{ color:#656565;}
.content .goodsList ul li .note a:hover{ text-decoration:underline;}
.content .goodsList .pagination{ margin:5px auto 0;}