@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0; font:12px Arial, "microsoft yahei"; color:#333; background:#fff;}
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; }

ul,li,ol{list-style:none;}

a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#0e8ecf;}
.clear{clear:both;}
img{border:0}

input,textarea,select{  font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}


#superContainer {height: 100%;position: relative;}
.section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#fullPage-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;}
#fullPage-nav.right {right: 17px;}
#fullPage-nav.left {left: 17px;}
.fullPage-slidesNav {position: absolute;z-index: 4;left: 50%;opacity: 1;}
.fullPage-slidesNav.bottom {bottom: 17px;}
.fullPage-slidesNav.top {top: 17px;}
#fullPage-nav ul,.fullPage-slidesNav ul {margin: 0;padding: 0;}
#fullPage-nav li,.fullPage-slidesNav li {display: block;width: 14px;height: 13px;margin: 7px;position:relative;}
.fullPage-slidesNav li {display: inline-block;}
#fullPage-nav li a,.fullPage-slidesNav li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fullPage-nav li .active span,.fullPage-slidesNav .active span {background: #333;}
#fullPage-nav span,.fullPage-slidesNav span {top: 2px;left: 2px;width: 8px;height: 8px;border: 1px solid #000;background: rgba(0, 0, 0, 0);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;z-index: 1;}
.fullPage-tooltip {position: absolute;color: #fff;font-size: 14px;font-family: arial, helvetica, sans-serif;top: -2px;}
.fullPage-tooltip.right {right: 20px;}
.fullPage-tooltip.left {left: 20px;}


/*.section { text-align: center; color: #fff;}
.section3 p { position: relative; bottom: -120%;}
.section4 p { display: none;}*/


/* header */
.header{width:100%; position:fixed; top:0px;  z-index:9999;  height:100px; background:#fff; box-shadow:0 0 8px rgba(0, 0, 0, 0.5)}
.header_c{ width:1050px; height:100px; margin:0 auto; position: relative;}
.header_logo{ float: left; position: absolute; z-index: 999; left:0; top:0;}
.header_logo img{ width: 190px; height: 44px;}
.header h2{ float:left; padding:28px 0; }
.header ul{ float:right; padding:0; }
.header ul li{float:left; padding:0; position:relative; height:100px;width:110px; margin:0 10px;}
.header ul li a{color:#333; font-size:16px; display:block;  text-align:center; line-height:100px; display:block;}
.header ul li a:hover{ color:#0e8ecf;}
.header ul li .active{ color:#0e8ecf;}
.headerNav .sub{display:none;width:110px;padding:0 0;position:absolute;left:-2px;top:75px; background:#fff;float:left;box-shadow:0 0 5px rgba(0, 0, 0, 0.1)}
.headerNav .sub li{text-align:center; height:40px; line-height:40px; width:100%; float:left; margin:0 ; border-bottom:solid 1px #eee;}
.headerNav .sub li a{color:#333;display:block;height:40px; font-size:14px; line-height:40px; width:100%;}
.headerNav .sub li a:hover{ background:#0e8ecf; color:#fff; }


/* banner */
.section1 .slide1{background:url(../images/banner1.jpg) no-repeat center center; background-size:cover;}
.section1 .slide2{background:url(../images/banner11.jpg) no-repeat center center; background-size:cover;}
.section1 .slide .content {text-align: center;}
.section1 .slide .content div { margin-bottom:160px;}
#superContainer{height:100%;position:relative}
.section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; overflow: hidden;}
.slide{float:left}
.slide,.slidesContainer{height:100%;display:block}
.slides{height:100%;overflow:hidden;position:relative;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.section.table,.slide.table{display:table;width:100%}
.tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}
.slidesContainer{float:left;position:relative}
.controlArrow{position:absolute;bottom:40%;cursor:pointer;width:0;height:0;margin-top:0px; display: none;}
.controlArrow.prev{left:15%; background:url(../images/Bannerprev.png); width: 50px; height:100px;}
.controlArrow.next{right:15%; background:url(../images/Bannernext.png); width: 50px; height:100px;}
.ban{margin:0 auto; position:absolute; z-index:999; top: 20%; left: 50%; margin-left: -280px;}
.ban .banner_logo{ width: 280px; height: 222px; margin:0 auto;}
.ban .banner_logo img{ width: 280px; height: 222px;}
.ban .wenan{ width: 530px; height: 93px; background:url(../images/wenbg.png) no-repeat; text-align: center; padding:20px 0; font-size: 26px; color:#fff; line-height: 50px; margin-top: 8%; font-weight: bold;}

.section2{background:url(../images/section2.jpg) no-repeat center center; background-size:cover;}
.section2 .about h2{padding-top:7%; opacity: 0; filter:alpha(opacity=0); margin-left:550px; }
.section2 .about h2 dd{ font-size: 24px; color: #fff; text-align: center; font-weight:normal; padding-top: 10px;background:url(../images/line.png) no-repeat top center;}
.section2 .about h2 dt{ width: 34px; height: 1px; background:#fff; margin:8px auto;}
.section2 .about h2 span{ font-size: 12px; color: #fff; text-align: center; font-weight:normal; display: block;}
.section2 .about .about_list{ width:100%; height:360px; background: rgba(38, 38, 41, 0.6); margin-top:2%;}
.section2 .about .about_list .about_c{ width: 1050px; margin:0 auto; position: relative;}
.section2 .about .about_list .about_c .about_left{ width: 590px; height: 360px; position: absolute; top:0; left:0; margin-top: -20px;  }
.section2 .about .about_list .about_c .about_left img{width: 590px; height: 360px;}
.section2 .about .about_list .about_c .about_right{ width: 420px; height: 340px; float: right; position: relative;}
.about_c .about_right dd{ font-size: 20px; color:#fff; margin-top: 40px; line-height: 24px; text-align:center;}
.about_c .about_right dt{ margin: 18px auto; width: 72px; height: 7px;}
.about_c .about_right p{ font-size: 14px; line-height: 26px; text-indent:2em; color:#fff;}
.about_c .about_right span{ position:absolute; bottom:0; right: 0;}
.about_c .about_right span a{ color:#fff; font-size: 14px;}
.about_c .about_right span a:hover{ color: #0e8ecf;}



.section3 {background:url(../images/section3.jpg) no-repeat center center;background-size:cover;}
.section3 .business{width:1050px; margin:0 auto; position: relative;}
.section3 .business h2{padding-top:10%; opacity: 0; filter:alpha(opacity=0); margin-left:550px; }
.section3 .business h2 dd{ font-size: 24px; color: #fff; text-align: center; font-weight:normal; padding-top: 10px;background:url(../images/line.png) no-repeat top center;}
.section3 .business h2 dt{ width: 34px; height: 1px; background:#fff; margin:8px auto;}
.section3 .business h2 span{ font-size: 12px; color: #fff; text-align: center; font-weight:normal; display: block;}
.section3 .business {width:1050px;margin:0 auto;}
.picFocus{width: 1050px;}
.picFocus .bd{width: 1050px; height: 230px; position:relative; margin: 20px auto 16px;}
.picFocus .bd li{width: 1050px; height: 230px; position:relative;}
.picFocus .bd li .jian{position:absolute; bottom: 0; width: 350px; height: 140px; background:rgba(255, 255, 255, 0.8);  padding: 35px;}
.picFocus .bd li .jian dd{ width: 100%; font-size: 24px; line-height: 30px; color:#595959;}
.picFocus .bd li .jian p{ width: 100%; font-size: 14px; line-height: 28px; color:#999; margin-top: 16px;}
.picFocus .bd li .img{ width: 685px; height: 230px;  float:right;}
.picFocus .bd li .img img{width: 685px; height: 230px;}
.picFocus .bd li span{width: 94px; height: 85px; background:rgba(0, 0, 0, 0.8); position:absolute; text-align:center; bottom: 0; left: 38.5%;}
.picFocus .bd li span a{line-height: 95px; color:#fff; font-size: 14px; display: block;}
.picFocus .hd{ width: 1068px; position: relative; margin-left:-8px;}
.picFocus .hd li{display: inline-block;width:140px;height:60px;margin:0 8px;text-align: center;cursor: pointer; background:rgba(255, 255, 255, 0.8); box-shadow:0 0 5px rgba(0, 0, 0, 0.75); float:left; padding:20px 100px 60px;}
.picFocus .hd li:hover{background:rgba(14, 142, 207, 0.8);}
.picFocus .hd li .icon1{ width: 100%; margin:0 auto; height: 85px; background:url(../images/icon1.png) no-repeat top center;}
.picFocus .hd li:hover .icon1{ background:url(../images/icon1h.png) no-repeat top center;}
.picFocus .hd li .icon2{ width: 100%; margin:0 auto; height: 85px; background:url(../images/icon2.png) no-repeat top center;}
.picFocus .hd li:hover .icon2{ background:url(../images/icon2h.png) no-repeat top center;}
.picFocus .hd li .icon3{ width: 100%; margin:0 auto; height: 85px; background:url(../images/icon3.png) no-repeat top center;}
.picFocus .hd li:hover .icon3{ background:url(../images/icon3h.png) no-repeat top center;}
.picFocus .hd li span{ width: 100%; font-size: 18px; color:#333; line-height: 24px; height: 24px;}
.picFocus .hd li:hover span{ color:#fff;}

.section4 {background:url(../images/section4.jpg) no-repeat center center;background-size:cover;}
.section4 .service{width:1050px; margin:0 auto; position: relative;}
.section4 .service h2{padding-top:10%; opacity: 0; filter:alpha(opacity=0); margin-left:550px; }
.section4 .service h2 dd{ font-size: 24px; color: #fff; text-align: center; font-weight:normal; padding-top: 10px;background:url(../images/line.png) no-repeat top center;}
.section4 .service h2 dt{ width: 34px; height: 1px; background:#fff; margin:8px auto;}
.section4 .service h2 span{ font-size: 12px; color: #fff; text-align: center; font-weight:normal; display: block;}
.section4 .service_box{width: 1050px; margin:30px auto 0;}
.section4 .service_list{ width: 1076px; margin-left:-5px;  }
.section4 .service_list li{ float: left; width: 90px; height: 90px; border-radius: 50%; overflow: hidden; border: 3px #fff solid; margin:5px; cursor:pointer;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.section4 .service_list li:hover{transform: scaleX(1.1) scaleY(1.1);}
.section4 .service_list li img{width: 90px; height: 90px;}



.section5 {background:url(../images/section5.jpg) no-repeat center center;background-size:cover;}
.section5 .news{width:1050px; margin:0 auto; position: relative;}
.section5 .news h2{padding-top:10%; opacity: 0; filter:alpha(opacity=0); margin-left:550px; }
.section5 .news h2 dd{ font-size: 24px; color: #fff; text-align: center; font-weight:normal; padding-top: 10px;background:url(../images/line.png) no-repeat top center;}
.section5 .news h2 dt{ width: 34px; height: 1px; background:#fff; margin:8px auto;}
.section5 .news h2 span{ font-size: 12px; color: #fff; text-align: center; font-weight:normal; display: block;}
.section5 .news_box{ width: 1092px; margin:30px 0 0 -18px;}
.section5 .news_box li{ width: 510px; height: 160px; float:left; margin: 15px 18px; position:relative;}
.section5 .news_box .news_img{ width: 200px; height: 128px; border:3px #fff solid; position: absolute; left: 0; margin: 13px 0; overflow: hidden; cursor:pointer;}
.section5 .news_box .news_img img{position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;width: 200px; height: 128px;}
.section5 .news_box li:hover .news_img img{transform: scaleX(1.1) scaleY(1.1);}
.section5 .news_box .news_list{ width: 270px; height: 110px; float:right; background:rgba(255, 255, 255, 0.8);box-shadow:0 0 5px rgba(0, 0, 0, 0.30); padding: 25px 10px 25px 185px}
.section5 .news_box .news_list p{ font-size: 16px; color:#333; line-height: 30px; height: 30px; width: 100%; float:left;}
.section5 .news_box .news_list p:hover{ color:#0e8ecf;}
.section5 .news_box .news_list span{ font-size: 14px; color:#999; line-height: 26px; height: 52px;width: 100%; float:left;}
.section5 .news_box .news_list .more{ margin-top:10px; font-size: 14px; color:#666; float:left;}



.section6 {background:url(../images/section6.jpg) no-repeat center center;background-size:cover; position:relative;}
.section6 .contact{width:100%; margin:0 auto}
.section6 .contact h2{padding-top:6%; opacity: 0; filter:alpha(opacity=0); margin-left:550px; }
.section6 .contact h2 dd{ font-size: 24px; color: #fff; text-align: center; font-weight:normal; padding-top: 10px;background:url(../images/line.png) no-repeat top center;}
.section6 .contact h2 dt{ width: 34px; height: 1px; background:#fff; margin:8px auto;}
.section6 .contact h2 span{ font-size: 12px; color: #fff; text-align: center; font-weight:normal; display: block;}
.section6 .contact_list{width:1050px; margin:0 auto 12%;  }
.section6 .contact_list .contact_top{ width: 1050px; text-align: center; line-height: 24px; color:#fff; font-size: 14px; margin:8px auto 0;}
.section6 .contact_list .contact_map{ margin-top:8px;}
.foot{position:absolute; bottom:0px; width:100%; height: 150px; z-index:99;}
.foot .footer{ width: 100%; background:url(../images/footbg.jpg); height:110px;}
.foot .footer .foot_list{ width: 1050px; margin:0 auto;}
.foot .footer .foot_list .foot_logo{ float:left; width: 132px; margin: 6px 0;}
.foot .footer .foot_list .foot_nav{ width: 650px; margin:30px 50px 30px 80px; float:left;}
.foot .footer .foot_list .foot_nav01{ margin:0 53px; float: left;}
.foot .footer .foot_list .foot_nav01 a{float: left; font-size: 14px; line-height: 30px; color: #fff;}
.foot .footer .foot_list .foot_nav01 a:hover{text-decoration:none; color:#0e8ecf;}
.foot .footer .foot_list .foot_nav01 p{width:1px; height: 10px; margin: 10px 11px; float: left; background: #fff;}
.foot .footer .foot_list .foot_con{ font-size: 14px; text-align:center; width: 100%; color:#fff; float:left; line-height: 20px;}
.foot .footer .foot_list .foot_phone{ width: 99px; height: 99px; background: none;  float:right; margin: 5px 0;}
.copy{ width: 100%; height: 40px; background:#000;}
.copy .copy01{ width: 1050px; margin:0 auto; line-height: 40px; color:#fff; font-size: 14px;}
.copy .copy01 a{ color:#fff; font-size: 14px;}
.copy .copy01 a:hover{text-decoration:none; color:#0e8ecf;}



/**/
.foot1{ width:100%; height: 172px;}
.foot1 .footer{ width: 100%; background:url(../images/footbg.jpg); height:132px;}
.foot1 .footer .foot_list{ width: 1050px; margin:0 auto;}
.foot1 .footer .foot_list .foot_logo{ float:left; width: 132px; margin: 16px 0;}
.foot1 .footer .foot_list .foot_nav{ width: 650px; margin:40px 50px 30px 80px; float:left;}
.foot1 .footer .foot_list .foot_nav01{ margin:0 53px; float: left;}
.foot1 .footer .foot_list .foot_nav01 a{float: left; font-size: 14px; line-height: 30px; color: #fff;}
.foot1 .footer .foot_list .foot_nav01 a:hover{text-decoration:none; color:#0e8ecf;}
.foot1 .footer .foot_list .foot_nav01 p{width:1px; height: 10px; margin: 10px 11px; float: left; background: #fff;}
.foot1 .footer .foot_list .foot_con{ font-size: 14px; text-align:center; width: 100%; color:#fff; float:left; line-height: 20px;}
.foot1 .footer .foot_list .foot_phone{ width: 99px; height: 99px;  float:right; margin: 16px 0;}
.copy1{ width: 100%; height: 40px; background:#000;}
.copy1 .copy01{ width: 1050px; margin:0 auto; line-height: 40px; color:#fff; font-size: 14px; text-align:center;}
.copy1 .copy01 a{ color:#fff; font-size: 14px;}
.copy1 .copy01 a:hover{text-decoration:none; color:#0e8ecf;}


/* page_banner */
.page_banner{width:100%; height:260px;position: relative; overflow:hidden;left:0;top:100px; z-index:5;}


/*page*/

.page_main{ width: 100%; min-height: 500px; margin: 100px auto 0;}
.page_main .page_top{ width: 100%; height: 50px; border-bottom:1px #ddd solid; border-top:1px #ddd solid;}
.page_box{ width: 1050px; margin: 0 auto 30px;}
.page_box .page_left{ float: left; width: 242px; margin-top: -100px; background: #fff; position:relative; z-index:999;}
.page_left_title{ background:url(../images/page_left.jpg) center center no-repeat;  width:202px; height: 64px; padding: 60px 20px;}
.page_left_title dd{ font-size:30px; color: #fff; text-align:center;}
.page_left_title dt{font-size:16px; color: #fff; text-align:center;font-family:Arial; }
.list{width:100%;margin:5px auto 0 auto;}
.list ul li{background-color:#efefef; margin:1px auto 0 auto; }
.list ul li a{padding-left: 20px;color: #333; font-size:14px; display: block;  height:48px;line-height: 48px;position: relative;}
.list ul li a:hover{ color:#fff; background-color:#0e8ecf;}
.list ul .on a{color:#fff; background-color:#0e8ecf;}
/* .list ul li .inactive{ background:url(../images/off.png) no-repeat 184px center;}
.list ul li .inactives{background:url(../images/on.png) no-repeat 184px center;}  */
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background-color:#f5f5f5;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:40px; height:40px;line-height: 40px;}
.list ul li ul li ul li { background-color:#fafafa;  }
.list ul li ul li ul li a{ color:#333; padding-left:50px;}
.page_left_nav ul{ padding: 10px 0;}
.page_left_nav li{ line-height: 48px; height: 48px; width: 242px; background: #efefef; margin:1px 0; }
.page_left_nav li:hover{ background:#0e8ecf;}
.page_left_nav li a{ display: block; color:#333; text-align: center; font-size: 14px;}
.page_left_nav li a:hover{ color: #fff;}



.page_left_tel{ margin-top:36px;}
.page_left_tel h3{ background:#0e8ecf url(../images/lian.png) 50px 10px no-repeat; line-height:48px; height:48px; color:#fff; font-size:16px; text-align: center;}
.page_left_con{border:1px solid #eee; width:200px; border-top:0px; padding:20px; line-height:24px;}
.page_left_con span{ display:block; margin-top:10px; color:#0e8ecf; font-weight:bold; font-size:14px;}



.page_main .page_right{ width:780px; float: right; margin: -50px 0 0;}
.page_right .page_right_top{ height: 50px; line-height: 50px;}
.page_right .page_right_top span{ float:left; padding-left: 24px; line-height: 50px; font-size: 14px; font-weight: bold; background:url(../images/add.png) 0 10px no-repeat; }
.page_right .page_right_top p{ float: right; line-height: 50px; font-size: 14px;}
.page_right .page_right_con{ float:right; width:780px;}
.page_right .page_right_con .neirong{ line-height:36px; margin-top:30px; font-size:14px;}

/**/
.product{ width: 780px;}
.product .product_list{ width: 780px; margin: 10px auto 0; }
.product .product_list li{ float: left; width: 240px; margin:10px; height: 265px; }
.product .product_list li .pic{ width: 240px; height: 210px;-moz-box-shadow:0 0 5px rgba(128, 128, 128, 0.3); -webkit-box-shadow:0 0 5px rgba(128, 128, 128, 0.3); box-shadow:0 0 5px rgba(128, 128, 128, 0.3); overflow: hidden; position: relative;}
.product .product_list li .pic:hover{-moz-box-shadow:0 0 5px rgba(14, 142, 207, 0.3); -webkit-box-shadow:0 0 5px rgba(14, 142, 207, 0.3); box-shadow:0 0 5px rgba(14, 142, 207, 0.3);}
.product .product_list li .pic img{width: 240px; height: 210px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.product .product_list li .pic img:hover{transform: scaleX(1.1) scaleY(1.1);}
.product .product_list li .picname{width: 100%; height: 55px; line-height: 55px; text-align: center; overflow:hidden;}
.product .product_list li .picname { font-size: 14px;}


.product .product_list1{ width: 780px; margin: 10px auto 0; }
.product .product_list1 li{ float: left; width: 780px; height: 260px; border-bottom: dashed 1px #eee; padding-bottom:20px; margin-top:20px; }
.product .product_list1 li .pic{ float:left; width:378px; height:258px; overflow:hidden; border:solid 1px #eee;}
.product .product_list1 li .pic img{width:378px; height:258px;}
.product .product_list1 li .picname{ float:right; width:360px; height:260px; overflow:hidden;}
.product .product_list1 li .picname .title{ float:left; width:100%; font-size:20px; color:#333; font-weight:bold; margin-top:10px;}
.product .product_list1 li .picname .con{ float:left; font-size:14px; color:#666; line-height:28px; margin-top:10px;}




.downlist{ width: 760px; margin:20px auto; overflow: hidden; padding:0 10px;}
.floatl{ float: left;width: 382px;}
.floatl .floatl_top {overflow: hidden;position: relative;text-align: center; width: 382px; z-index: 1;}
.floatl .floatl_top img {border: 1px solid #eee;height: 290px;width: 380px;}
.floatl .floatl_top #pic1 { max-width: 380px;}
.floatl .floatl_list { margin-top: 20px;overflow: hidden; width: 380px;}
.floatl .floatl_list .floatl_list_mid { display: inline;float: left;height: 56px; overflow: hidden; width: 380px;}
.floatl .floatl_list .floatl_list_mid .list_left {float: left;height: 56px;overflow: hidden;width: 17px;}
.floatl .floatl_list .floatl_list_mid .list_mid { float: left; height: 56px;overflow: hidden; width: 346px;}
.floatl .floatl_list .floatl_list_mid .list_mid ul {height: 56px; overflow: hidden;position: relative;width: 346px;}
.floatl .floatl_list .floatl_list_mid .list_mid li { display: inline; float: left; height: 56px;margin-left: 10px; overflow: hidden;position: relative; text-align: center; width: 66px;}
.floatl .floatl_list .floatl_list_mid .list_mid li img { border: 1px solid #eee; height: 54px;max-width: 64px;}
.floatl .floatl_list .floatl_list_mid .list_right { float: left; height: 56px; overflow: hidden; width: 17px;}
.floatl .floatl_list .floatl_list_mid .selectpic {border: 1px solid #000; height: 50px !important; padding: 2px; width: 60px;}
.floatr{ width: 350px; float: right;}
.floatr .title{ font-size: 20px; color:#0e8ecf;}
.floatr .table-list{ width: 100%;}
.floatr .table-list td{ height: 34px; border-bottom: 1px #ccc dashed; width: 100%; font-size: 14px;}
.floatr .table-list td b{ color:#dd2328;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#dd2328;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#dd2328; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.left02{ width: 100%; margin:20px auto 0;}
.left02 .title{ font-size: 16px; height: 40px; line-height: 40px; border-bottom: 1px #ddd solid; width: 100%;}
.downbox2{ padding: 10px 0;}
.downbox2 p{ font-size: 14px; line-height: 24px;}

/**/
.page_news{ width: 780px; float: left; margin: 20px auto 0;}
.page_news li{ float: left; width: 760px; height: 100px; padding:15px 10px; margin: 10px 0; background:#fff;-moz-box-shadow:0 0 5px rgba(128, 128, 128, 0.3); -webkit-box-shadow:0 0 5px rgba(128, 128, 128, 0.3); box-shadow:0 0 5px rgba(128, 128, 128, 0.3);}
.page_news li:hover{-moz-box-shadow:0 0 5px rgba(14, 142, 207, 0.3); -webkit-box-shadow:0 0 5px rgba(14, 142, 207, 0.3); box-shadow:0 0 5px rgba(14, 142, 207, 0.3);}
.page_news li a:hover{color:#0e8ecf;}
.page_news li dd{ float: left; width: 130px; height: 100px; overflow: hidden; position: relative;}
.page_news li dd img{width: 130px; height: 100px; position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;}
.page_news li dd img:hover{transform: scaleX(1.1) scaleY(1.1);}
.page_news li dt{ float: left; width: 610px; margin-left: 20px;}
.page_news li dt a{ width: 70%; float: left; line-height: 30px; font-size: 15px; color:#333;}
.page_news li dt span{ width: 13%; float: right;  line-height: 30px; font-size: 15px; color:#333;}
.page_news li p{ width: 610px; float: left; line-height: 34px; font-size: 14px; color:#666; margin-left: 20px;}
.news_contents{ width:780px; margin:20px auto 40px;overflow:hidden;}
.news_contents .title{ width:780px; text-align:center;  font-size:16px; color:#0e8ecf; font-weight:bold;}
.news_contents .time{ width:780px; height:30px; margin-top:20px;  line-height:30px; text-align:center; font-size:12px; color:#666; border-bottom:dashed 1px #ccc;}
.news_contents .text{ width:780px; margin:30px 0; font-size:12px; color:#333; line-height:26px;}


/* fenye */
.pages1{ width:820px; margin:30px auto 0;}
.pages1_l{ float:left; width:100%; height:40px;  }
.pages1_l a{ line-height:40px; color:#666;display:block;}
.pages1_l:hover a{ color:#0e8ecf;}
.pages1_r{ float:left; width:100%; height:40px;  }
.pages1_r a{ line-height:40px; color:#666;display:block;}
.pages1_r:hover a{ color:#0e8ecf;}



.pages { margin:30px 0; text-align:center; font-size:14px;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ccc; text-align:center; color:#333; padding:0 13px; margin-left:6px;}
.pages a.a1 { background:#fff; width:56px; padding:0; }
.pages a:hover { background:#0e8ecf;  border:1px solid #0e8ecf; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:30px; line-height:30px; background:#0e8ecf; border:1px solid #0e8ecf; color:#fff; text-align:center; padding:0 13px; margin-left:6px;}


/*钣金专题*/
@font-face {
    font-family: 'regular';
    src: url('../fonts/416-cai978-webfont.eot');
    src: url('../fonts/416-cai978-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/416-cai978-webfont.woff2') format('woff2'),
         url('../fonts/416-cai978-webfont.woff') format('woff'),
         url('../fonts/416-cai978-webfont.ttf') format('truetype'),
         url('../fonts/416-cai978-webfont.svg#416-cai978regular') format('svg');
    font-weight: normal;font-style: normal;}
.cruces_con li,.cruces_con li i,.cruces_con li p,.cruces_con li em,.cruces_con li span,.cruces_con li .ico_bg{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

.bjtt{text-align:center;margin-bottom:25px;} 
.bjtt p{font-size:24px;font-weight:bold;padding:15px 0;}
.bjtt span{font-size:18px;}
.f_color p{color:#0e8ecf;}
 .f_color span{color:#333333;}
.cruces_top{background:url(../imgs/line1.png) no-repeat top center;}
.bj_cruces{padding-top:33px;}
.cruces_con{margin:0 -15px;}
.cruces_con li{background:#f1f6f9;border-radius:6px;width:185px;float:left;text-align:center;margin:8px 15px;}
.cruces_con li i{display:block;font-family:regular;font-size:50px;font-style:normal;color:#0e8ecf;padding-top:30px;}
.cruces_con li p{padding-top:5px;font-weight:bold;color:#000;font-size:20px;}
.cruces_con li em{display:block;width:20px;height:4px;background:#000;margin:8px auto;}
.cruces_con li span{color:#999999;font-size:14px;line-height:22px;}
.cruces_con li .ico_bg{margin:30px auto 18px;background:url(../imgs/cur_ico.png) no-repeat;height:30px;width:100%;}
.cruces_con .cruces_li1 .ico_bg{background-position:10px -40px ;}
.cruces_con .cruces_li2 .ico_bg{background-position:-206px  -40px ;}
.cruces_con .cruces_li3 .ico_bg{background-position:-422px  -40px ;}
.cruces_con .cruces_li4 .ico_bg{background-position:-638px  -40px ;}
.cruces_con .cruces_li5 .ico_bg{background-position:-853px  -40px ;}
.cruces_con li:hover{background:#0e8ecf;}
.cruces_con li:hover em{background:#fff}
.cruces_con li:hover i,.cruces_con li:hover p,.cruces_con li:hover span{color:#fff;}
.cruces_con .cruces_li1:hover .ico_bg{background-position:10px 0px ;}
.cruces_con .cruces_li2:hover .ico_bg{background-position:-206px  0px ;}
.cruces_con .cruces_li3:hover .ico_bg{background-position:-422px  0px ;}
.cruces_con .cruces_li4:hover .ico_bg{background-position:-638px  0px ;}
.cruces_con .cruces_li5:hover .ico_bg{background-position:-853px  0px ;}
/**/
.bj_product{background:#f1f6f9;padding:33px 0 10px;}
.bj_product .page_box{margin-bottom:0;}
.bj_prol{float:left;width:460px;}
.bj_product .bjtt{text-align:left;background:url(../imgs/pro_ttbg.jpg) no-repeat;width:370px;height:62px;color:#fff;position:relative;padding:45px}
.bj_product .bjtt p{background:url(../imgs/pro_ico.png) no-repeat 105px center;padding:6px 25px 6px 0 ;}
.bjtt a.morej{display:inline-block;text-align:center;line-height:14px;padding:10px;font-family:'regular';font-size:16px;text-transform:uppercase;letter-spacing:1px;}
.bjpro_top a.morej{position:absolute;right:60px;bottom:40px;background:#fff;color:#0e8ecf;}
.main_box{position:relative;overflow:hidden;margin-bottom:25px;}
.overlayPop {position: absolute;top: 0;left: 0;display: none;margin: 0;background: #000;}
.main_box .popup{width:250px;height: 80px;color: #fff;}
.popup {display: none; text-align: center;position: absolute;z-index:40; font-size:18px;background: url(../imgs/links.png) no-repeat center 45px;}
.bj_prol .main_box img{width:460px;height:386px;}
.bj_pror{float:right;width:590px;}
.bj_pror .user_style1{margin-left:26px;}
.bj_pror .user_style1 img{height:474px;width:564px;}
.bj_pror .user_style2 img{height:225px;width:268px;}
.bj_pror .user_style2{float:left;margin-left:26px;}
/*设备*/
.bj_eqt .page_box{position:relative;height:445px;}
.bj_eqt{margin-top:87px;background:#f1f6f9;}
.bjeqt_top{position:absolute;top:-60px;left:20px;z-index:20;width:1025px;text-align:left;}
.bjeqt_top a.morej{background:#0e8ecf;color:#fff;float:right;margin-top:-5px;}
.bjeqt_top > div{color:#fff;background:url(../imgs/line2.png) no-repeat top left;width:467px;float:left;padding:0 36px;}
.bjeqt_top p {background: url(../imgs/pro_ico.png) no-repeat 105px center;margin-bottom:-10px;margin-top:10px;}
.bj_eqt .f_ingbg{background:#0e8ecf;position:absolute;width:510px;height:530px;left:0;top:0;}
.f_eqconbg{background:#fff;position:absolute;right:0;width:540px;height:280px;top:130px;}
.bj_eqt .ing{width:470px;float:left;padding:150px 20px 56px;}
.bj_eqt .f_line{width:62px;height:4px;}
.bj_eqt .ing .f_line{background:#fff;margin-top:47px;float:right;margin-right:60px;}
.foodtit{width:470px;height:280px;float:left;margin:175px 20px 0 40px; overflow:hidden;}
.slideBox{ width:1050px; height:530px; overflow:hidden; position:absolute;top:-87px;left:0;}		
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:465px; height:260px; display:block;}
.foodtit .subtitle1{font-size:24px;color:#0e8ecf;font-weight:bold;}
.foodtit .f_line{background:#0e8ecf;margin:24px 0 15px;}
.foodtit .sum{font-size:16px;line-height:34px;color:#333;}
.slideBox .prev,.slideBox .next{ position:absolute; left:44%; bottom:40px; margin-top:-25px; display:block; width:50px; height:50px; background:url(../imgs/slider-arrow.png) 0px 0px no-repeat;}
.slideBox .next{ left:auto; right:46.6%; background-position:-50px 0px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=90);opacity:0.9;  }
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}
/*优势*/
.advg_top{background:url(../imgs/line3.png) no-repeat top center;padding-top:20px;}
.advg_top p{font-size:30px;}
.advg_con li{width: 100%;}
.advg_con li b{display: block;padding-left:64px;font-size: 24px;color: #303030;margin-bottom: 8px;}
.advg_con li b span{font-size: 12px;color: #333333;text-transform: uppercase;display: block;padding-top:5px;font-weight: normal;}
.advg_con li b span:after{content:'';height:3px;width:40px;background: #0e8ecf; display: block;margin-top:8px;}
.advg_con li p{font-size: 16px;color: #303030;padding-left:64px;line-height: 32px;margin-bottom: 10px;}
.advg_con li p i{color: #f15922;font-weight: bold;}
.zc1{margin:40px 0px;overflow: hidden;}
.zc1 dt{float: left;width: 480px;margin-top:10px;overflow: hidden;}
.zc1 dd{float: right;width:550px;}
.zc2{margin-bottom:20px;}
.zc2 dt{float:right;width: 480px;margin-top:10px;overflow: hidden;}
.zc2 dd{float:left;width:550px;}
.zcb1{background: url(../imgs/num1.png) no-repeat 0 5px;}
.zcb2{background: url(../imgs/num2.png) no-repeat 0 5px;margin-top: 20px;}
.zcb3{background: url(../imgs/num3.png) no-repeat 0 5px;}
.zcb4{background: url(../imgs/num4.png) no-repeat 0 5px;margin-top: 20px;}
.zcb5{background: url(../imgs/num5.png) no-repeat 0 5px;}
.zcb6{background: url(../imgs/num6.png) no-repeat 0 5px;}
.bj_contact{margin-top:36px;}
.bjcontact_tel{text-align:center;color:#0e8ecf;font-size:16px;font-weight:bold;margin-bottom:30px;}
.bjcontact_tel img{vertical-align:middle;padding-right:5px;}
.bjcontact_con{ width:100%; height:256px;}
.contact_map1{float:right;width:490px; height:256px;}
.contact_map1 img{width:490px; height:256px;}
.message{float:left;width:550px;}
.message input{height:32px; line-height:32px; font-size:14px;}
.message input.txt{border:1px solid #e4e4e4;padding-left:5px; width:235px; background:rgba(0,0,0,0); margin:23px 30px 20px 0px; }
.message textarea.txt{resize: none;border:1px solid #e4e4e4; color:#333;  padding:5px;width:505px; background:rgba(0,0,0,0);height:90px; line-height:24px; font-size:14px;}
.message input.btn{float:left;border:0; background:#0e8ecf; width:517px; height:44px; cursor:pointer; text-align:center; font-size:16px; color:#fff; margin:15px 0;}

.message img{vertical-align: middle;width:90px;margin-top:20px;border:1px solid #e4e4e4;margin-left:5px;margin-top:-5px; height: 32px;}



/* tanchu */
.theme-mask{z-index:99999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:none; }
.popover_weixin{ width:360px; height:400px; z-index:100000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}
.popover_weixin dl{ margin-top:50px; font-size:14px; line-height:36px;}
.popover_weixin dl a{ width:110px; height:36px; background:#0e8ecf; color:#fff; display:inline-block; border-radius:5px; font-size:14px; margin-top:20px;}

.theme-bg{z-index:99999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); }





