/*css初始化  */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
ul, ol { list-style:none; } 
a { text-decoration:none; } 
img { border:0; } 
button, input, select, textarea { font-size:100%; } 
table { border-collapse:collapse; border-spacing:0; }
.fl{float: left;}
.fr{float: right;}
hr{border: none;}
* {box-sizing: border-box;}
.clear{clear: both;}
a{color: #333;}

/*头部*/
.top1{width: 100%;height: 10px;background: #333333;}
.nav{width: 1100px;height: 81px; margin: 0 auto;}
.nav .navlist1{float: right;}
.nav .navlist1>li{float: left;font:700 14px/30px 微软雅黑;color: #333;margin: 24.5px 8px;width: 86px;height: 32px;border: solid 1px #fff;text-align: center;}
.nav .navlist1>li:hover{border-color: #333;}
.nav .navlist1 .navlist2{display: none;position: absolute;padding-top: 16px;box-shadow:0px 5px 20px #888; }
.nav .navlist1>li:hover .navlist2{display: block;z-index: 999;}
.nav .navlist1 .navlist2 a li{width: 86px;height: 33px; background: #fff;text-align: center;font: 12px/33px 微软雅黑;color: #333;}
.nav .navlist1 .navlist2 a li:hover{background: #221f1e;color: #fff;}
.nav .navlist1 .fgx{height: 30px;width: 1px;background: #bfbfbf;float: left;margin-top:24.5px;}
/*首页*/

.bannerbox{width:100%;position:relative;overflow:hidden;}
.Homebanner{width:1100px;margin: 0 auto; position:relative;height:450px;overflow:hidden;}
.Homebanner ul{width:100%;position:absolute;height:450px;}
.Homebanner ul li{width:100%;height:450px;position:absolute;overflow:hidden;}
.Homebanner ul li img{width:1100px;height: 450px; position:absolute;left:50%;top:0px;display:block;margin-left:-550px;}
.Homeleft,.Homeright{background:#000;font-family:"宋体";width:50px;height:50px;line-height:50px;text-align:center;font-size:40px;color:#fff;position:absolute;top:45%;cursor:pointer;transition:all .2s ease;opacity:0;z-index:899999}
.Homeleft{left:-60px;}
.Homeright{right:-60px;}
.bannerbox:hover .Homeleft{left:0px;opacity:1}
.bannerbox:hover .Homeright{right:0px;opacity:1}
.Homedot{position:absolute;width:100%;text-align:center;z-index:999;bottom:45px;}
.Homedot a{display:inline-block;margin:0px 5px;height:12px;width:12px;line-height:1000px;overflow:hidden;background:url(../images/index_229.png) no-repeat;}
.Homedot a.cur{background:url(../images/index_228.png) no-repeat}

.mains{width: 1100px; margin: 45px auto;}
.mains .main{width: 33.3%;float: left;}
.mains .m1{position: relative;height: 275px;}
.mains .m1 .img1{margin-bottom: 24px;}
.mains .m1 .img2{margin-right: 20px;width: 150px;height: 217px;}
.mains .m1 .img2 img{width: 100%;height: 100%;}
.mains .m1 .p6{font: 12px/24px 微软雅黑;color: #222;margin: -6px 20px;}
.mains .m1 .more{width: 56px;height: 18px;border: solid 1px #101010;position: absolute;bottom: 4px;right: 20px;text-align: center;font: 12px/16px 微软雅黑;color: #222;}
.mains .m1 .more:hover{background: #222;color: #fff;}
.mains .m2{height: 275px; padding: 0 16px;position: relative;}
.mains .m2 .img3{margin-bottom: 15px;}
.mains .m2 ul li{width: 100%;height: 32px;}
.mains .m2 ul li:hover{background: #231915;}
.mains .m2 ul li .time{width: 100px;height: 30px;text-align: center;font: 12px/30px 微软雅黑;color: #212121;float: left;}
.mains .m2 ul li:hover .time{color: #fff;}
.mains .m2 ul li .xian{width: 1px;height: 24px;background: #737373;margin-top: 4px;float: left;}
.mains .m2 ul li .title{width: 230px;height: 30px;font: 12px/30px 微软雅黑;color: #333;float: left;padding-left: 21px;}
.mains .m2 ul li:hover .title a{color: #fff;}
.mains .m2 ul .xhx{width: 100%;height: 1px;background: #ddd;}
.mains .m2 a .more{width: 56px;height: 18px;border: solid 1px #101010;position: absolute;bottom: 4px;right: 16px;text-align: center;font: 12px/16px 微软雅黑;color: #222;}
.mains .m2 a .more:hover{background: #222;color: #fff;}
.mains .m3{text-align: right;}
.mains .m3 .map{width: 334px;height: 215px;margin-top: 19px;margin-left: 32px;position: relative;}
.mains .m3 .map ul li{width: 100%;height: 30px;padding-top: 6px;}
.mains .m3 .map ul li .mapic{float: left;margin-right: 11px;}
.mains .m3 .map ul li .maptext{float: left;width: 300px;text-align: left;}
.mains .m3 .map ul li .maptext span{font:12px/24px 微软雅黑;color: #666;}
.mains .m3 .map ul li .maptext hr{width: 100%;border-top: dotted 1px #666;}
.mains .m3 .map .phone{position: absolute;right: 0;bottom: 0;}

.kong{width: 100%;height: 25px;}



/*内页*/
.banner{width: 1100px;margin: 0 auto;}
.banner img{width: 100%;}
.titles{width: 1100px;margin: 0 auto;background-image: url(../images/titlebk_03.jpg);}
.titles .t1{width: 169px;height: 77px;margin: 0 auto;background: #f7f6f6;text-align: center;padding: 18.5px 0;}
.titles .t1 .s1{font: 14px/21px 微软雅黑;color: #333;}
.titles .t1 .s1{font: 12px/19px 微软雅黑;color: #6f6f6f;}

/*新闻资讯*/
.news_nr{width: 1100px;margin: 0 auto;background: #f7f6f6;}
.news_nr .news_nav{width: 182px;float: left;
  background: -webkit-linear-gradient(#e8e6e6, #f7f6f6); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e8e6e6, #f7f6f6); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e8e6e6, #f7f6f6); /* Firefox 3.6 - 15 */
  background: linear-gradient(#e8e6e6, #f7f6f6); /* 标准的语法 */}
.news_nr .news_nav .title4{width: 182px;height: 90px;background: #333;color: #fff;font: 16px/44px 微软雅黑;padding: 16px 0 8px;text-align: center;}

.news_nr .news_nav .news_list{height: 875px;}
.news_nr .news_nav .news_list li{width: 100%;height: 49px;font: 14px/49px 微软雅黑;color: #333;padding-left: 32px;}
.news_nr .news_nav .news_list li:hover{background:  #cbcaca;}
.news_nr .news_nav .news_list li img{float: left;margin-top: 18px;opacity: 0;margin-right: 18px;}
.news_nr .news_nav .news_list li:hover img{opacity: 1;}
.news_nr .news_nav .news_list .xhx1{width: 117px;border-top: dotted 1px #333;margin: 0 auto;}
.news_nr .news_details{width: 918px;float: left;padding: 0 20px 20px 25px;background: #f7f6f6;}

.news_nr .news_details ul li{width: 100%;height: 153px;background: #fff;margin-bottom: 24px;padding: 15px 36px 16px 23px;position: relative;}
.news_nr .news_details ul li:hover{box-shadow:0px 5px 20px #888; }
.news_nr .news_details ul li .pic{width: 160px;height: 120px;float: left;margin-right: 36px;}
.news_nr .news_details ul li .pic img{width: 100%;height: 100%;}
.news_nr .news_details ul li .xian{width: 1px;height: 100%;background: #aaa9a9;float: left;margin-right: 29px;}
.news_nr .news_details ul li .text{width: 577px;float: left;}
.news_nr .news_details ul li .text h3{font:16px/32px 微软雅黑;color: #333;}
.news_nr .news_details ul li:hover .text h3{font-weight: 700;}
.news_nr .news_details ul li .text p{font:12px/21px 微软雅黑;color: #666;}
.news_nr .news_details ul li .text .time{width: 150px;height: 20px;text-align: left;position: absolute;bottom: 10px;right: 30px;font: 12px/20px 微软雅黑;color: #777;}
.news_nr .news_details .newscon p{font: 16px/24px 微软雅黑;}
.news_nr .news_details .newscon img{max-width: 870px;}
/*营销网络*/

.mark_nr{width: 1100px;margin: 0 auto;background: #f7f6f6;}
.mark_nr .mark_nav{width: 182px;float: left;
  background: -webkit-linear-gradient(#e8e6e6, #f7f6f6); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e8e6e6, #f7f6f6); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e8e6e6, #f7f6f6); /* Firefox 3.6 - 15 */
  background: linear-gradient(#e8e6e6, #f7f6f6); /* 标准的语法 */}
.mark_nr .mark_nav .title4{width: 182px;height: 90px;background: #333;color: #fff;font: 16px/44px 微软雅黑;padding: 16px 0 8px;text-align: center;}

.mark_nr .mark_nav .mark_list{height: 875px;}
.mark_nr .mark_nav .mark_list li{width: 100%;height: 49px;font: 14px/49px 微软雅黑;color: #333;padding-left: 32px;}
.mark_nr .mark_nav .mark_list li:hover{background: #cbcaca;}
.mark_nr .mark_nav .mark_list li img{float: left;margin-top: 18px;opacity: 0;margin-right: 18px;}
.mark_nr .mark_nav .mark_list li:hover img{opacity: 1;}
.mark_nr .mark_nav .mark_list .xhx1{width: 117px;border-top: dotted 1px #333;margin: 0 auto;}
.mark_nr .mark_details{width: 918px;float: left;padding: 0 20px 20px 25px;background: #f7f6f6;}
.mark_nr .mark_details .text1{width: 100%;text-align: center;height: 320px;}
.mark_nr .mark_details .text1 h2{font: 30px/130px 微软雅黑;color: #333;}
.mark_nr .mark_details .text1 p{font: 18px/32px 微软雅黑;color: #333;}

/*人才招聘*/
.recr_nr{width: 1100px;margin: 0 auto;background: #f7f6f6;}
.recr_nr .recr_nav{width: 182px;float: left;
  background: -webkit-linear-gradient(#e8e6e6, #f7f6f6); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e8e6e6, #f7f6f6); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e8e6e6, #f7f6f6); /* Firefox 3.6 - 15 */
  background: linear-gradient(#e8e6e6, #f7f6f6); /* 标准的语法 */}
.recr_nr .recr_nav .title4{width: 182px;height: 90px;background: #333;color: #fff;font: 16px/44px 微软雅黑;padding: 16px 0 8px;text-align: center;}

.recr_nr .recr_nav .recr_list{height: 875px;}
.recr_nr .recr_nav .recr_list li{width: 100%;height: 49px;font: 14px/49px 微软雅黑;color: #333;padding-left: 32px;}
.recr_nr .recr_nav .recr_list li:hover{background: #cbcaca;}
.recr_nr .recr_nav .recr_list li img{float: left;margin-top: 18px;opacity: 0;margin-right: 18px;}
.recr_nr .recr_nav .recr_list li:hover img{opacity: 1;}
.recr_nr .recr_nav .recr_list .xhx1{width: 117px;border-top: dotted 1px #333;margin: 0 auto;}
.recr_nr .recr_details{width: 918px;float: left;padding: 0 20px 20px 25px;background: #f7f6f6;}

.recr_nr .recr_details ul li{width: 100%;height: 153px;background: #fff;margin-bottom: 24px;padding: 15px 36px 16px 23px;position: relative;}
.recr_nr .recr_details ul li:hover{box-shadow:0px 5px 20px #888; }
.recr_nr .recr_details ul li .pic{width: 160px;height: 120px;float: left;margin-right: 36px;}
.recr_nr .recr_details ul li .pic img{width: 100%;height: 100%;}
.recr_nr .recr_details ul li .xian{width: 1px;height: 100%;background: #aaa9a9;float: left;margin-right: 29px;}
.recr_nr .recr_details ul li .text{width: 577px;float: left;}
.recr_nr .recr_details ul li .text h3{font:16px/32px 微软雅黑;color: #333;}
.recr_nr .recr_details ul li .text p{font:12px/21px 微软雅黑;color: #666;}
.recr_nr .recr_details ul li h4{font: 18px/18px 微软雅黑;color: #ab0808;position: absolute;top: 22px;right: 35px;}
.recr_nr .recr_details ul li .more{font: 12px/12px 微软雅黑;color: #777;position: absolute;bottom: 20px;right: 33px;}
.recr_nr .recr_details ul li .more:hover{color: #333;}

/*联系我们*/
.contacts{width: 1100px;margin: 0 auto;text-align: center;background: #f7f6f6;}
.contacts h2{font: 700 16px/30px 微软雅黑;color: #333;}
.contacts .p1{font: 12px/30px 微软雅黑;color: #333;}
.contacts .lianxi{width: 1100px;padding: 30px;}
.contacts .lianxi table{margin: 0 auto;}
.contacts .lianxi .box1{width: 549px;float: left;text-align: left;padding: 0 30px;}
.contacts .lianxi .box2{width: 1px;height: 252px;border-left: dotted 1px #707070; float: left;margin-bottom: 35px;}
.contacts .lianxi .box3{width: 549px;float: left;text-align: left;padding: 0 30px;}
.contacts .lianxi span{font: 12px/30px 微软雅黑;color: #333;}
.contacts .lianxi hr{width: 100%;border-top: dotted 1px #707070;margin: 40px 0;}
.contacts .lianxi img{margin-left: 145px; margin-right: 10px;}
.contacts .fenge{width: 95%;border-top: dotted 1px #707070;margin: 0 30px;}
.contacts h4{font:700 16px/80px 微软雅黑;color: #333;}
.contacts .weixin{width: 252px;height: 252px;margin-bottom: 50px;}
.contacts .map2{width: 100%;height: 490px;margin: 50px 0;}

/*在线订单*/
.order{width: 1100px;margin: 0 auto;background: #f7f6f6;position: relative;}
.order .bk2{width: 954px;height: 768px;background: #f7f6f6;}
.order .kong3{width: 100%;height: 122px;}
.order .biaodan{width: 991px;height: 779px;background: #fff;top: 30px;left: 53px;box-shadow:0px 5px 20px #888;padding:37px 0 0 41px;margin: 0 auto; }
.order .biaodan .bd_nav{width: 182px;float: left;}
.order .biaodan .bd_nav .title4{width: 182px;height: 90px;background: #333;color: #fff;font: 16px/44px 微软雅黑;padding: 16px 0 8px;text-align: center;}

.order .biaodan .bd_nav .bd_list{height: 652px;}
.order .biaodan .bd_nav .bd_list li{width: 100%;height: 49px;font: 14px/49px 微软雅黑;color: #333;padding-left: 32px;}
.order .biaodan .bd_nav .bd_list li:hover{background:#cbcaca; }
.order .biaodan .bd_nav .bd_list li img{float: left;margin-top: 18px;opacity: 0;margin-right: 18px;}
.order .biaodan .bd_nav .bd_list li:hover img{opacity: 1;}
.order .biaodan .bd_nav .bd_list .xhx1{width: 117px;border-top: dotted 1px #333;margin: 0 auto;}
.order .biaodan form{width: 668px;float: left;}
.order .biaodan form .fo1{width: 321px;float: left;text-align: right;}
.order .biaodan form .fo2{width: 347px;float: left;text-align: right;}
.order .biaodan form input{margin: 16px 0 30px;width: 183px;height: 23px;}
.order .biaodan form span{font: 12px/32px 微软雅黑;color: #6f6f6f;}
.order .biaodan form .fo3{width: 668px;text-align: right;}
.order .biaodan form .fo3 span{position: relative;bottom: 200px;}
.order .biaodan form .fo3 textarea{resize: none;width: 529px;height: 215px;margin-top: 16px;}
.order .biaodan form .fo3 button{width: 196px;height: 49px;background: #333;font: 18px/32px 微软雅黑;color: #fff;margin-top: 35px;border-radius: 8px;}
.order .biaodan .qu{width: 634px;float: left;margin-left: 38px;border-radius: 5px;}
.order .biaodan .qu .qu1{width: 100%;height: 60px;background: #333;}
.order .biaodan .qu .qu2{width: 100%;background: #6b6b6b;padding: 6.5px 0;position: relative;}
.order .biaodan .qu .img6{width: 52px;height: 100%;text-align: center;float: left;}
.order .biaodan .qu .qu1 .img6{padding: 20px 16px;}
.order .biaodan .qu .qu1 .fgx1{width: 1px;height: 30px;background: #aaa;margin: 15px 16px 0 0;float: left;}
.order .biaodan .qu .qu2 .img6{padding: 26px 16px 0;}
.order .biaodan .qu .qu2 .fgx2{width: 1px;height: 35px;background: #aaa;margin: 18.5px 16px 0 0;float: left;}
.order .biaodan .qu .text{width: 540px; float: left;}
.order .biaodan .qu .qu1 .text{padding: 9px 0;}
.order .biaodan .qu .qu1 .text .p1{font: 12px/22px 微软雅黑;color: #eee;}
.order .biaodan .qu .qu1 .text .p2{font: 10px/20px 微软雅黑;color: #a09e9e;}
.order .biaodan .qu .qu2 .text p{font: 12px/24px 微软雅黑;color: #fff;}
.order .biaodan .qu .qu2 .more{font: 12px/24px 微软雅黑;color: #315cfe;position: absolute;right: 25px;bottom: 6.5px;}
.order .biaodan .qu form textarea{resize: none;width: 634px;height: 126px;margin-top: 20px;border-radius: 5px;background: #e5e5e6;color: #777;}
.order .biaodan .qu form input{width: 196px;height: 49px;background: #333;font: 18px/32px 微软雅黑;color: #fff;border-radius: 8px;float: right;margin-right: 33px;}




/*产品中心*/
.promain{width: 1100px;margin: 0 auto;background:#f7f6f6;}
.list{width: 167px;border-bottom:solid 1px #316a91;float: left;}
.list ul li{background-color:#333; border:solid 1px #e0dede; border-bottom:0;}
.list ul li a{padding-left: 59px;color: #666; font-size:12px; display: block; font-weight:bold; line-height: 36px;position: relative;}
.list ul li .inactive{ background:url(../images/jia_03.png) no-repeat 25px center;}
.list ul li .inactives{background:url(../images/jian_03.png) no-repeat 25px center;}
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background-color:#e8e6e6; border-color:#dcdcdc;}
.list ul li ul li ul{display: none;}
.list .yiji>li>a{font: 14px/32px 微软雅黑;color: #fff;}

.pro_details{width: 933px;float: left;}
.pro_details .sp1{font: 12px/32px 微软雅黑;color: #666;margin-left: 40px;}
.pro_details ul li{width: 271px;height: 405px; margin:0 0 50px 40px;float: left;border: solid 1px #ccc;}
.pro_details ul li:hover{border-color: #000;}
.pro_details ul li img{width: 100%;}
.pro_details .page{color: #777;font-weight: 700;}
.pro_detail3{width: 1100px;margin: 0 auto;position: relative;}
.pro_detail3 .stedown a{font-weight: 700;margin: 0 20px;color: #777;}
.pro_detail3 .content .newscon img{max-width: 100%;}
.up{position: fixed;right: 100px;bottom: 100px;}

/*简介*/
.abouts_nr{width: 1100px;margin: 0 auto;background: #f7f6f6;}
.abouts_nr .abouts_nav{width: 182px;float: left; 
  background: -webkit-linear-gradient(#e8e6e6, #f7f6f6); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e8e6e6, #f7f6f6); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e8e6e6, #f7f6f6); /* Firefox 3.6 - 15 */
  background: linear-gradient(#e8e6e6, #f7f6f6); /* 标准的语法 */}
.abouts_nr .abouts_nav .title4{width: 182px;height: 90px;background: #333;color: #fff;font: 16px/44px 微软雅黑;padding: 16px 0 8px;text-align: center;}

.abouts_nr .abouts_nav .abouts_list{height: 875px;}
.abouts_nr .abouts_nav .abouts_list li{width: 100%;height: 49px;font: 14px/49px 微软雅黑;color: #333;padding-left: 32px;}
.abouts_nr .abouts_nav .abouts_list li:hover{background: #cbcaca;}
.abouts_nr .abouts_nav .abouts_list li img{float: left;margin-top: 18px;opacity: 0;margin-right: 18px;}
.abouts_nr .abouts_nav .abouts_list li:hover img{opacity: 1;}
.abouts_nr .abouts_nav .abouts_list .xhx1{width: 117px;border-top: dotted 1px #333;margin: 0 auto;}
.abouts_nr .abouts_details{width: 918px; float: left;padding: 0 20px 20px 25px;background: #f7f6f6;}
.abouts_nr .abouts_details p{font: 20px/30px 微软雅黑;}

 
/*底部*/
.link{width: 1100px;height: 32px; margin: 20px auto 0;}
.link h3{font: 12px/32px 微软雅黑;color:#555;float: left;}
.link ul{float: left;}
.link ul li{font: 12px/32px 微软雅黑;color:#888;margin: 0 30px;float: left;}
.link ul .fgx{width: 1px;height: 12px;background: #ccc;margin-top: 10px;float: left;}
.foot{width: 100%;height: 105px;background:#333; }
.foot .cen{width: 1100px;margin: 0 auto;}
.foot .cen .img5{float: left;}
.foot .cen .text{padding-top:29px;width: 600px;text-align: left; float: left;}
.foot .cen p{font: 12px/24px 微软雅黑;color: #888;}
.foot .cen .lll{padding-top:29px;width: 200px;text-align: right; float: right;}
.foot .cen .lll p span{background: #c8c9ca;margin: 0 3px;}
.foot .cen .wx{float: right;}
/*#f7f6f6*/