*{font-family: "Microsoft YaHei";}
body{background: #f2f2f2;}

/*-----------------宽度大于1200时使用---------------------------*/

/*------------------头部---------------------*/
.fix-head{width: 100%;height: 97px;position: relative; z-index:1000000;}
.head-width{width:100% ;height: 97px; background: #f8f8f8;/*opacity: 0.8;filter:alpha(opacity=80);*/}
.head{width: 1200px;height: 97px;margin: 0 auto;}
.logo{width: 200px; height: 100%; float: left; background: url(../img/logo.png) no-repeat center center;}


.head-right{float: right;width: 800px;}
.callus{width: 800px;height: 50px;float: right; background: url(../img/callus.png) no-repeat right center;}

.nav{width: 900px;float: right;}
.nav ul{float: right;}
.nav ul li{float: left;margin-left: 30px;}
.nav ul li .menua{display: block;width: 100%;font-size: 18px;color:#333333;height: 47px;}
.nav ul li .menua:hover{background: url(../img/sanjiao.png) no-repeat center bottom;}
.nav ul li .menua-set{display: block;width: 100%;font-size: 18px;color:#333333;height: 47px;}
.nav ul li .menua-set:hover, .nav ul li.hover{background: url(../img/sanjiao.png) no-repeat center bottom;}

#subnav-show{position: relative;z-index: 100000;}
#show-hide{display: none;position: absolute;width: 100%;height: 35px;left: 0px;z-index: 99999999;}
.subnav-bg{background: #000; filter: alpha(opacity=50);display: block;width: 100%; height: 35px;opacity: 0.5;filter: alpha(opacity=50);margin-top: -35px;z-index: 10000000;}
.subnav-width{width: 100%;height: 35px;position: relative;z-index: 100;}
.subnav{width: 1200px;height: 35px;margin: 0 auto; }
.subnav ul{float: right;padding-right: 150px;height: 35px;}
.subnav ul li{float: left;padding-right: 25px;}
.subnav ul li a{font-size: 14px;color: #fff;line-height: 35px;}
.subnav ul li a:hover{color: #00b1ff;}

/*-----banner-----*/
/*.banner{max-width:1920px ;min-width: 1200px;height: 600px; overflow: hidden;position: relative;z-index: 1000;}
.banner ul{width: 200%;float: left;position: absolute;left: 0;height: 600px;transition: 1s;}
.banner ul li{width:50% ;height: 600px;float: left;position: relative; background-repeat:no-repeat; background-position: center 0;}
.banner1{background: url(../img/head-banner.gif) no-repeat center 0;}
.banner2{background: url(../img/head-banner2.gif) no-repeat center 0;}
.banner .text-bg{height: 85px;width: 100%;position: absolute;z-index: 1001;background: #006db8;opacity: 0.5;filter:alpha(opacity=50);bottom: 0;}
.banner .text{height:85px;width: 1200px;margin:645px auto 0;position: relative; z-index: 100002;}
.banner h2{font-size: 40px;float: left;line-height: 85px;margin: 0 auto;width: 100px;color: #fff;}
.banner p{font-size: 16px;float: left;margin: 20px 0;line-height: 22px;width:1070px;color: #fff;}*/

.banner{ max-width:1920px ;min-width:1200px;  position:relative;  height:600px; overflow:hidden; }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:600px; }
.banner .bd li .siteWidth{ width:100%;  height:85px; position:absolute; bottom:0px; background: rgba(0,109,184,0.5);  margin:0 auto; display: none;}
.banner .bd li a{ height:600px; display:block;  }
.banner .bd li a .text{ height:85px; width: 1200px; margin:0 auto; z-index: 100002;}
.banner .bd li a h2{font-size: 40px;float: left;line-height: 85px;margin: 0 auto;width: 100px;color: #fff;}
.banner .bd li a p{font-size: 16px;float: left;margin: 20px 0;line-height: 22px;width:1070px;color: #fff;}

.banner .prev,
.banner .next{ position:absolute;  left:10px; top: 365px; display:block; width:18px; height:28px; overflow:hidden; background:url(../img/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.banner .next{ left:auto; right:10px; background-position:-120px 0; }
.banner .prevStop{ background-position:0 0; }
.banner .nextStop{ background-position:-80px 0; }


/*-------prolist--------*/
.product-nav{width: 100%;height: 215px; min-width: 1200px;background:  url(../img/cb.png);}
.product-nav ul{width: 1200px;margin: 0 auto;}
.product-nav ul li{width: 240px;float: left;height: 215px; background-position: left top; background-repeat:repeat;}
.product-nav ul li div{height: 150px;width:180px;margin: 0 auto; background:none;}
.product-nav ul li p{line-height: 60px;font-size: 24px;color: #fff;width:100%;text-align: center;}
/*.img1,.img2,.img3,.img4,.img5{background-image: url(../img/prolist.png);background-position-y:30px;background-repeat: no-repeat;}
.img1{background-position-x:7px ;}
.img2{background-position-x:-227px ;}
.img3{background-position-x:-470px ;}
.img4{background-position-x:-710px ;}
.img5{background-position-x:-950px ;}*/
.blue1{background: #0a89e3;}
.blue2{background: #83c3ef;}

.product-nav img{display: none;}

/*------------content-------------*/
.content{width: 1200px;height: 400px;margin: 33px auto 0;}
.more{width: 240px;height: 400px;float: left;background: #37597a;}
.zixun{width: 100%;margin-top: 100px;text-align: center;}
.zixun h3{font-size: 36px;color: #fff;margin-bottom: 10px;}
.zixun p{font-size: 16px;color: #FFFFFF;margin-bottom: 53px;}
.zixun a{font-size: 16px;color: #FFFFFF;display: block;border: 1px solid #fff;margin: 0 auto;width: 110px;height: 30px;line-height: 30px;}

.news{width: 620px;height: 400px;float: left;background: #fff;}
.news-head{width: 580px;height: 93px;margin: 15px auto 0;}
.news-head img{float: left; width: 150px; height:100px; }
.news-head .border-bottom{width: 417px;height: 100px; margin-left: 10px;float: left;border-bottom:1px solid #dbd4cd; }
.border-bottom h4{font-size: 16px;color:#000000;font-weight: 600;line-height: 40px;}
.border-bottom p{display: block;overflow: hidden; height: 42px; font-size: 14px;color: #333333;line-height: 22px;display: block;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.news ul{float: left;width: 580px;margin-left: 20px;}
.news ul li{width: 100%;float: left;margin-top: 20px;font-size: 16px;color: #333;}
.news ul li a{float: left;}
.news ul li p{float: right; color: #999999;}

.our{width: 320px;height: 400px;float: left;margin-left: 20px;}
.our ul{width:100%;}
.our ul li{width: 100px;height: 92.5px;float: left;text-align: center;}
.our ul li a{display: block; width:100%;height: 92.5px;text-align: center; vertical-align: middle;display: table-cell;height: 90px;vertical-align: middle;font-size: 16px;color: #fff;line-height: 20px;padding-left: 23px;padding-right: 23px;}
.li1{margin: 0;background: #37597a;}
.li2{margin: 0 10px 0 10px;background: #637d97;}
.li3{margin: 0;background: #37597a;}
.li4{margin: 10px 0 0 0;background: #637d97;}
.li5{margin: 10px 10px 0 10px;background: #37597a;}
.li6{margin: 10px 0 0 0 ;background: #637d97;}
.li7{margin: 10px 0 0 0  ;background: #37597a;}
.li8{margin: 10px 10px 0 10px;background: #637d97;}
.li9{margin: 10px 0 0 0;background: #37597a;}
.li10{margin: 10px 0 0 0 ;background: #637d97;}
.li11{margin: 10px 10px 0 10px;background: #37597a;}
.li12{margin: 10px 0 0 0 ;background: #637d97;}


.anli{width: 1200px;height: 400px;background: #fff;margin: 30px auto 0;}
.pro-anli{width: 960px;height: 360px;float: left;overflow: hidden;position: relative;}
.pro-anli ul{width: 960px;float: left;overflow: hidden;position: absolute;transition:1s;top: 0;z-index: 100000;}
.pro-anli ul li{width: 320px;height: 350px; float: left;margin-top: 20px;}

.icon-yuan{float: left;margin-top: 17px;text-align: center;width: 960px;}
.icon-yuan ul{width: 69px;margin: 0 auto;}
.icon-yuan ul li{width: 13px;height: 13px;float: left; background:url(../img/pro/icon-black.png);margin-left: 10px;cursor: pointer;}
.icon-yuan-hover{background:url(../img/pro/icon-blue.png) !important;}

/* 焦点图 */
.focusBox { width: 960px;height: 400px; padding-right: 240px; float: left;overflow: hidden;position: relative;}
.focusBox ul.pic{width: 960px;float: left;overflow: hidden;position: absolute;transition:1s;top: 0;z-index: 100000;}
.focusBox ul.pic li{width: 320px;height: 380px; float: left;margin-top: 20px;}
.focusBox ul.pic li .imgdiv1{height: 310px;width: 320px;text-align: center;vertical-align:middle; display: table-cell;vertical-align:middle;text-align:center;}
.focusBox ul.pic li img{text-align: center; }
.focusBox ul.pic li p{width: 260px;display: block;margin: 0 auto;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:24px; font-size:18px;}


.focusBox .num { position: absolute; z-index: 3; bottom: 60px; text-align:center; right: 70px;  }
.focusBox .num li{ float: left; position: relative; width: 20px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; margin-right: 5px; cursor: pointer; border-radius: 50%; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }

.focusBox .hd{ position:absolute; z-index:1; right:5px; bottom:5px; }
.focusBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.focusBox .hd ul li{ float:left;  width:16px; height:16px; line-height:16px; text-align:center; background:#fff; cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;   }
.focusBox .hd ul li.on{ background:#f60;   font-weight:bold; filter:alpha(opacity=100);opacity:1; color:#fff;   }




.news-right{ position:absolute; top:0px; right:0px; width: 240px;height: 400px;text-align: center;background: #37597a;}
.news-anli{margin-top: 100px;}
.news-right h3{font-size: 36px;color: #fff;margin-bottom: 10px;}
.news-right p{font-size: 16px;color: #FFFFFF;margin-bottom: 53px;}
.news-right a{font-size: 16px;color: #FFFFFF;display: block;border: 1px solid #fff;margin: 0 auto;width: 110px;height: 30px;line-height: 30px;}


/*-----------底部----------*/
.bottom-widh{width: 100%;min-width: 1200px;height: 310px;background: #747474;margin-top: 30px;border-bottom:1px solid #fff ;}
.border-solid{border-bottom: 1px solid #fff;width: 100%;height: 250px;}
.bottom{width: 1200px;margin: 0 auto 0;height: 250px;}
.bottom ul{width: 1200px;padding-top: 30px;}
.bottom ul li{width: 190px;float: left;color: #fff;padding-left: 25px;}
.bottom-li-width{width: 310px !important;}
.bottom h3{font-size: 18px;font-weight: 100 !important;line-height: 38px;}
.bottom a{font-size: 14px;line-height: 24px;color: #fff;}
.bottom p {font-size: 14px;line-height: 24px;color: #fff;}
.bottom-bot{width: 1200px;margin: 0 auto;height: 60px;}
.bottom-ziti{line-height: 60px;color: #fff;font-size: 14px;}
.b1{float: left;padding-left: 15px;font-weight: 100;}
.b2{float: right;padding-right: 15px;font-weight: 100;}




/*----------子页---------*/
.zi-banner{width: 100%;height: 400px;}
.zi-banner-width{width: 100%;height: 400px;}
.zi-banner-width ul{width: 100%;height: 400px;}
.zi-banner-width ul li .zi-banner-img{width: 100%;height: 400px;}
.zi-banner-img{background: url(../img/zi-banner/banner.jpg) no-repeat center 0;}

.zi-cotent{width: 1200px; margin: 50px auto 0;overflow: hidden;}
.zi-left{float: left;width: 170px;}
.zi-left h4{width: 160px;float: left;font-size: 28px;padding-bottom: 17px;border-bottom: 1px solid #dbd4cd;color: #00a2e9;padding-left: 10px;font-weight:200;}
.zi-left ul{width: 170px;overflow: hidden;list-style:square !important;margin-top: 17px;float: left;}
.zi-left ul li{float: left;width: 100%;height: 48px;background: url(../img/icon-dian2.png) no-repeat 13px center;}
.zi-left ul li a{display: block; width: 150px;height: 47px;padding-left: 26px;line-height: 47px;font-size: 18px;color: #000;border-bottom: 1px solid #dbd4cd;}
.zi-left ul li a:hover{background:url(../img/icon-sdian.png) no-repeat 13px #00a2e9;color: #fff;}
.a_now{background:url(../img/icon-sdian.png) no-repeat 13px #00a2e9;color: #fff !important;}


.zi-cotent-right{margin-left: 60px;width:960px;float: left;overflow: hidden;}
.zi-cotent-right-left{float: left;width: 960px;border-bottom: 1px solid  #dbd4cd;}
.ulleft{float: right;line-height: 48px;font-size: 16px; height: 48px;}
.ulleft a {line-height: 48px; padding: 0 5px;}
.ulleft a:hover{color: #00a2e9;font-size: 16px;}
.a_color{color: #00a2e9;}
.zi-cotent-right h4{float: left;font-size: 24px;padding-bottom: 17px;color: #00a2e9; font-weight:200;}

.zi-content-text{width: 960px;float: left; padding:20px 0;line-height: 30px;font-size: 18px;color: #333; text-align: justify;}
.zi-content-text p{ padding:0;}

.pro_list{width: 100%;margin-top: 20px;float: left;}
.pro_list .pro_list_ul li{width: 300px;height: 370px;float: left;margin: 0 10px 20px 10px;}
.pro_list .pro_list_ul li img{width: 300px;height: 300px;}
.middle-li{margin-right: 28px;margin-left: 28px;}
.pro_list_ul p{width: 100%;line-height: 28px;text-align: left;font-size: 16px;color: #333;}

.fenye{width: 950px;text-align:center;}

.fenye a{color: #000; height: 34px; line-height: 34px;font-size: 16px;padding-left: 12px;padding-right: 12px;background: #e7e7e7;}
.fenye a:hover{color:#FFF;background: #00a2e9;}
.fenye span{height: 34px; line-height: 34px;font-size: 16px;padding-left: 12px;padding-right: 12px;}
.now_fenye{color:#FFF !important;background: #00a2e9 !important;}

.details{height: 500px;width: 950px;}
.det_right,.det_left{float: left;}
.det_right{width: 430px;}
.det_left{width: 500px;}
.det_right{margin-left: 20px;}
.det_right h3,.det_right h4,.det_right p{width: 100%;}
.det_right h3{float: left;font-size: 24px; line-height: 32px; color: #010101;margin-bottom: 30px; font-weight: 100;}
.det_right h4{float: left;font-size: 18px;color: #000;margin-bottom: 1px;line-height: 16px; font-weight: 100;}
.det_right p{float: left;font-size: 16px;color: #000;margin-bottom: 30px;}
.button_bug_zixun{float: left;width: 100%;height: 43px;}
.button_bug_zixun a{ display:block; width: 163px; height: 45px; text-indent:-99999px; float: left;cursor: pointer;margin-left: 20px;}
.button_bug_zixun a.buynow{background:url(../img/buynow.png) no-repeat;}
.button_bug_zixun a.asknow{background:url(../img/nowzixun.png) no-repeat;}
.pro_details{width: 950px;margin: 30px 0 0 0; padding-top: 20px; line-height: 28px; font-size: 18px;background:#ffffff;}
.pro_details p{padding: 0 20px;}

.news_list{width: 100%;float: left;}
.news_list li{width: 100%;height: 160px;border-bottom: 1px solid #dbd4cd;}
.curse{cursor: pointer;}
.data{width: 120px;height: 120px;margin-top: 20px;background: #fff;float: left;}
.data p{font-size: 36px;color: #008800;width: 100%;display: block;text-align: center;line-height: 80px;}
.data span{font-size: 18px;color: #666;width: 100%;display: block;text-align: center;}
.news_new{width: 800px;height: 120px;float: left;margin-left: 20px;margin-top: 20px;}
.news_new h3{font-size: 20px;line-height: 32px;margin-bottom: 10px;color: #666;}
.news_new p{font-size: 18px; 5px;color: #555555; height: 40px; overflow:hidden;}
.news_new b{display: block; width: 100%;margin-top: 15px; font-size: 16px;color: #999; font-weight: 200;}


.call{margin-left: 10px;width: 430px;height: 340px;float: left;}
.call p{font-size: 18px;color: #333;display: block;height: 32;line-height: 32px;padding-left: 30px;}
.aimg1{background: url(../img/callusicon.png) no-repeat 0 5px;}
.aimg2{background: url(../img/callusicon.png) no-repeat 0 -26px;}
.aimg3{background: url(../img/callusicon.png) no-repeat 0 -60px;}
.aimg4{background: url(../img/callusicon.png) no-repeat 0 -92px;}
.aimg5{background: url(../img/callusicon.png) no-repeat 0 -120px;}
.gongsiimg{float: right;width: 750px;}
.gongsiimg img{width: 100%;height: 320px;}
.map{margin-top: 30px;float: left;}
.map img{width: 1200px;}



}